@momo-kits/date-picker 0.92.8-beta.1 → 0.92.8-beta.10

package/WheelPicker.tsx

@@ -1,12 +1,5 @@
-import React, {
-  FC,
-  memo,
-  useCallback,
-  useContext,
-  useEffect,
-  useRef,
-} from 'react';
-import {Animated, Platform, View} from 'react-native';
+import React, {FC, useCallback, useContext, useEffect, useRef} from 'react';
+import {Animated, View} from 'react-native';
 import {FlatList} from 'react-native-gesture-handler';
 import styles from './styles';
 import {ApplicationContext, scaleSize} from '@momo-kits/foundation';
@@ -46,12 +39,6 @@ const WheelPicker: FC<WheelPickerProps> = ({
     };
   }, [data.length]);
 
-  useEffect(() => {
-    if (Platform.OS === 'android') {
-      onMomentumScrollEnd();
-    }
-  }, []);
-
   const findClosestIndex = (array: string[], value: string) => {
     let closest = array.reduce((a, b) => {
       let aDiff = Math.abs(Number(a) - Number(value));
@@ -218,4 +205,4 @@ const WheelPicker: FC<WheelPickerProps> = ({
   );
 };
 
-export default memo(WheelPicker);
+export default WheelPicker;

package/index.tsx

@@ -1,4 +1,4 @@
-import React, {FC, useCallback, useEffect, useMemo, useState} from 'react';
+import React, {FC, useEffect, useState} from 'react';
 import {Dimensions, LayoutChangeEvent, View} from 'react-native';
 import {Spacing} from '@momo-kits/foundation';
 import WheelPicker from './WheelPicker';
@@ -42,9 +42,9 @@ const DateTimePicker: FC<DateTimePickerProps> = ({
   useEffect(() => {
     setupData();
     return () => {};
-  }, []);
+  }, [selectedValue, currentDate]);
 
-  const setupData = useCallback(() => {
+  const setupData = () => {
     const formatParts = format.split(/[^A-Za-z]+/);
     const isOnlyHour = formatParts.length === 1 && formatParts[0] === 'HH';
 
@@ -85,7 +85,7 @@ const DateTimePicker: FC<DateTimePickerProps> = ({
     }
 
     setData(initialData);
-  }, []);
+  };
 
   const numOfColumns = data.length;
 
@@ -119,9 +119,7 @@ const DateTimePicker: FC<DateTimePickerProps> = ({
   const paddingArray = ['', ''];
 
   const onLayout = (e: LayoutChangeEvent) => {
-    if (containerWidth !== e.nativeEvent.layout.width) {
-      setContainerWidth(e.nativeEvent.layout.width);
-    }
+    setContainerWidth(e.nativeEvent.layout.width);
   };
 
   return (
@@ -136,7 +134,9 @@ const DateTimePicker: FC<DateTimePickerProps> = ({
             name={dataItem.name}
             style={{
               width:
-                (screenWidth - Spacing.M * 2 - (numOfColumns - 1) * Spacing.M) /
+                (containerWidth -
+                  Spacing.M * 2 -
+                  (numOfColumns - 1) * Spacing.M) /
                 numOfColumns,
             }}
           />
@@ -146,4 +146,5 @@ const DateTimePicker: FC<DateTimePickerProps> = ({
   );
 };
 
+export type {DateTimePickerProps};
 export {DateTimePicker};

package/package.json

@@ -1,18 +1,18 @@
 {
-  "name": "@momo-kits/date-picker",
-  "version": "0.92.8-beta.1",
-  "private": false,
-  "main": "index.tsx",
-  "peerDependencies": {
-    "@momo-kits/foundation": "latest",
-    "react-native-gesture-handler": "1.10.3",
-    "react": "16.9.0",
-    "react-native": ">=0.55",
-    "prop-types": "^15.7.2"
-  },
-  "devDependencies": {
-    "@momo-platform/versions": "4.1.11"
-  },
-  "license": "MoMo",
-  "dependencies": {}
+    "name": "@momo-kits/date-picker",
+    "version": "0.92.8-beta.10",
+    "private": false,
+    "main": "index.tsx",
+    "peerDependencies": {
+        "@momo-kits/foundation": "latest",
+        "react-native-gesture-handler": "1.10.3",
+        "react": "16.9.0",
+        "react-native": ">=0.55",
+        "prop-types": "^15.7.2"
+    },
+    "devDependencies": {
+        "@momo-platform/versions": "4.1.11"
+    },
+    "license": "MoMo",
+    "dependencies": {}
 }