Fix TS issues

Author: ethanshar

generatedTypes/incubator/WheelPicker/Item.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { TextStyle } from 'react-native';
+export interface ItemProps {
+    text: string;
+    value: string | number;
+}
+interface InternalProps extends ItemProps {
+    index: number;
+    offset: any;
+    itemHeight: number;
+    textStyle?: TextStyle;
+    onSelect: (index: number) => void;
+}
+declare const _default: ({ index, text, textStyle, itemHeight, onSelect, offset }: InternalProps) => JSX.Element;
+export default _default;

generatedTypes/incubator/WheelPicker/index.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { TextStyle } from 'react-native';
+import { ItemProps } from './Item';
+export interface WheelPickerProps {
+    items?: ItemProps[];
+    itemHeight?: number;
+    itemTextStyle?: TextStyle;
+    onChange: (item: ItemProps, index: number) => void;
+}
+declare const WheelPicker: ({ items, itemHeight, itemTextStyle }: WheelPickerProps) => JSX.Element;
+export default WheelPicker;

src/incubator/WheelPicker/Item.tsx

@@ -13,21 +13,21 @@ const AnimatedText = Animated.createAnimatedComponent(Text);
 export interface ItemProps {
   text: string;
   value: string | number;
-  onSelect: (index: number) => void;
 }
 
 interface InternalProps extends ItemProps {
   index: number;
   offset: any;
   itemHeight: number;
   textStyle?: TextStyle;
+  onSelect: (index: number) => void;
 }
 
 export default ({
   index,
   text,
   textStyle,
-  value,
+  // value,
   itemHeight,
   onSelect,
   offset
@@ -70,6 +70,7 @@ export default ({
       style={{
         height: itemHeight,
         opacity,
+        // @ts-ignore
         transform: transformOrigin({x: 125, y: 24}, {rotateX})
       }}
       key={index}

src/incubator/WheelPicker/index.tsx

@@ -25,22 +25,23 @@ const WheelPicker = ({
   itemTextStyle
 }: WheelPickerProps) => {
   const height = itemHeight * 4;
-  const scrollview = useRef();
+  const scrollview = useRef<Animated.ScrollView>();
   const [offset] = useValues([0], []);
   const onScroll = onScrollEvent({y: offset});
 
   const selectItem = useCallback(
     (index) => {
-      scrollview.current
-        .getNode()
-        .scrollTo({y: index * itemHeight, animated: true});
+      if (scrollview.current) {
+        scrollview.current
+          .getNode()
+          .scrollTo({y: index * itemHeight, animated: true});
+      }
     },
     [itemHeight]
   );
 
   const onChange = useCallback(() => {
-    // TODO: need to implement on change event that calc the current selected index 
-
+    // TODO: need to implement on change event that calc the current selected index
   }, [itemHeight]);
 
   return (
@@ -51,6 +52,7 @@ const WheelPicker = ({
           onScroll={onScroll}
           onMomentumScrollEnd={onChange}
           showsVerticalScrollIndicator={false}
+          // @ts-ignore
           ref={scrollview}
           contentContainerStyle={{
             paddingVertical: height / 2 - itemHeight / 2
@@ -64,10 +66,10 @@ const WheelPicker = ({
                 key={item.value}
                 index={index}
                 itemHeight={itemHeight}
-                onSelect={selectItem}
                 offset={offset}
                 textStyle={itemTextStyle}
                 {...item}
+                onSelect={selectItem}
               />
             );
           })}