react-native-dates-picker 0.0.9 → 0.1.1

package/lib/commonjs/components/WheelPicker/WheelNative.js

@@ -3,57 +3,24 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = WheelNative;
-var _reactNative = require("react-native");
-var _reactNativeWheely = _interopRequireDefault(require("react-native-wheely"));
-var _CalendarContext = require("../../CalendarContext");
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _WheelNativePicker = _interopRequireDefault(require("./WheelNativePicker"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function WheelNative({
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const WheelNative = ({
   value,
   setValue = () => {},
-  items,
-  indicatorStyle
-}) {
-  const {
-    theme
-  } = (0, _CalendarContext.useCalendarContext)();
-  return /*#__PURE__*/React.createElement(_reactNativeWheely.default, {
-    selectedIndex: value < 0 ? 0 : value,
+  items
+}) => {
+  return /*#__PURE__*/_react.default.createElement(_WheelNativePicker.default, {
+    value: value,
     options: items,
     onChange: setValue,
-    containerStyle: {
-      ...styles.container,
-      ...(theme === null || theme === void 0 ? void 0 : theme.wheelPickerContainerStyle)
-    },
-    itemStyle: theme === null || theme === void 0 ? void 0 : theme.wheelPickerItemStyle,
-    itemTextStyle: {
-      ...styles.wheelPickerText,
-      ...(theme === null || theme === void 0 ? void 0 : theme.wheelPickerTextStyle)
-    },
-    selectedIndicatorStyle: {
-      ...styles.wheelSelectedIndicator,
-      ...indicatorStyle,
-      ...(theme === null || theme === void 0 ? void 0 : theme.wheelPickerIndicatorStyle)
-    },
-    itemHeight: 45,
-    decelerationRate: theme === null || theme === void 0 ? void 0 : theme.wheelPickerDecelerationRate
+    itemHeight: 44,
+    decelerationRate: "fast"
   });
-}
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    display: 'flex',
-    ..._reactNative.Platform.select({
-      web: {
-        userSelect: 'none'
-      }
-    })
-  },
-  wheelSelectedIndicator: {
-    borderRadius: 10
-  },
-  wheelPickerText: {
-    fontSize: 18,
-    fontWeight: '500'
-  }
-});
+};
+var _default = exports.default = /*#__PURE__*/(0, _react.memo)(WheelNative);
 //# sourceMappingURL=WheelNative.js.map

package/lib/commonjs/components/WheelPicker/WheelNative.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_reactNativeWheely","_interopRequireDefault","_CalendarContext","obj","__esModule","default","WheelNative","value","setValue","items","indicatorStyle","theme","useCalendarContext","React","createElement","selectedIndex","options","onChange","containerStyle","styles","container","wheelPickerContainerStyle","itemStyle","wheelPickerItemStyle","itemTextStyle","wheelPickerText","wheelPickerTextStyle","selectedIndicatorStyle","wheelSelectedIndicator","wheelPickerIndicatorStyle","itemHeight","decelerationRate","wheelPickerDecelerationRate","StyleSheet","create","display","Platform","select","web","userSelect","borderRadius","fontSize","fontWeight"],"sourceRoot":"../../../../src","sources":["components/WheelPicker/WheelNative.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,kBAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AAA2D,SAAAE,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAS5C,SAASG,WAAWA,CAAC;EAClCC,KAAK;EACLC,QAAQ,GAAGA,CAAA,KAAM,CAAC,CAAC;EACnBC,KAAK;EACLC;AACU,CAAC,EAAE;EACb,MAAM;IAAEC;EAAM,CAAC,GAAG,IAAAC,mCAAkB,EAAC,CAAC;EAEtC,oBACEC,KAAA,CAAAC,aAAA,CAACd,kBAAA,CAAAK,OAAW;IACVU,aAAa,EAAER,KAAK,GAAG,CAAC,GAAG,CAAC,GAAGA,KAAM;IACrCS,OAAO,EAAEP,KAAM;IACfQ,QAAQ,EAAET,QAAS;IACnBU,cAAc,EAAE;MACd,GAAGC,MAAM,CAACC,SAAS;MACnB,IAAGT,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEU,yBAAyB;IACrC,CAAE;IACFC,SAAS,EAAEX,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEY,oBAAqB;IACvCC,aAAa,EAAE;MACb,GAAGL,MAAM,CAACM,eAAe;MACzB,IAAGd,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEe,oBAAoB;IAChC,CAAE;IACFC,sBAAsB,EAAE;MACtB,GAAGR,MAAM,CAACS,sBAAsB;MAChC,GAAGlB,cAAc;MACjB,IAAGC,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEkB,yBAAyB;IACrC,CAAE;IACFC,UAAU,EAAE,EAAG;IACfC,gBAAgB,EAAEpB,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEqB;EAA4B,CACtD,CAAC;AAEN;AAEA,MAAMb,MAAM,GAAGc,uBAAU,CAACC,MAAM,CAAC;EAC/Bd,SAAS,EAAE;IACTe,OAAO,EAAE,MAAM;IACf,GAAGC,qBAAQ,CAACC,MAAM,CAAC;MACjBC,GAAG,EAAE;QACHC,UAAU,EAAE;MACd;IACF,CAAC;EACH,CAAC;EACDX,sBAAsB,EAAE;IACtBY,YAAY,EAAE;EAChB,CAAC;EACDf,eAAe,EAAE;IACfgB,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd;AACF,CAAC,CAAC"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_WheelNativePicker","_interopRequireDefault","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","WheelNative","value","setValue","items","createElement","options","onChange","itemHeight","decelerationRate","_default","exports","memo"],"sourceRoot":"../../../../src","sources":["components/WheelPicker/WheelNative.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,kBAAA,GAAAC,sBAAA,CAAAF,OAAA;AAA8C,SAAAE,uBAAAC,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAR,wBAAAQ,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAH,UAAA,SAAAG,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAF,OAAA,EAAAE,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAC,GAAA,CAAAJ,CAAA,UAAAG,CAAA,CAAAE,GAAA,CAAAL,CAAA,OAAAM,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAZ,CAAA,oBAAAY,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAY,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAX,CAAA,EAAAY,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAZ,CAAA,CAAAY,CAAA,YAAAN,CAAA,CAAAR,OAAA,GAAAE,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAc,GAAA,CAAAjB,CAAA,EAAAM,CAAA,GAAAA,CAAA;AAS9C,MAAMY,WAAiC,GAAGA,CAAC;EACzCC,KAAK;EACLC,QAAQ,GAAGA,CAAA,KAAM,CAAC,CAAC;EACnBC;AACF,CAAC,KAAK;EACJ,oBACE9B,MAAA,CAAAO,OAAA,CAAAwB,aAAA,CAAC5B,kBAAA,CAAAI,OAAW;IACVqB,KAAK,EAAEA,KAAM;IACbI,OAAO,EAAEF,KAAM;IACfG,QAAQ,EAAEJ,QAAS;IACnBK,UAAU,EAAE,EAAG;IACfC,gBAAgB,EAAC;EAAM,CACxB,CAAC;AAEN,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAA9B,OAAA,gBAEa,IAAA+B,WAAI,EAACX,WAAW,CAAC"}

package/lib/commonjs/components/WheelPicker/WheelNativePicker/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _wheelPicker = _interopRequireDefault(require("./wheel-picker"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _default = exports.default = _wheelPicker.default;
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/WheelPicker/WheelNativePicker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_wheelPicker","_interopRequireDefault","require","obj","__esModule","default","_default","exports","WheelPicker"],"sourceRoot":"../../../../../src","sources":["components/WheelPicker/WheelNativePicker/index.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAyC,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAE1BG,oBAAW"}

package/lib/commonjs/components/WheelPicker/WheelNativePicker/wheel-picker-item.js

@@ -0,0 +1,130 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _CalendarContext = require("src/CalendarContext");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const WheelPickerItem = ({
+  height,
+  option,
+  index,
+  visibleRest,
+  currentScrollIndex,
+  opacityFunction,
+  rotationFunction,
+  scaleFunction
+}) => {
+  const {
+    theme
+  } = (0, _CalendarContext.useCalendarContext)();
+  const relativeScrollIndex = _reactNative.Animated.subtract(index, currentScrollIndex);
+  const translateY = relativeScrollIndex.interpolate({
+    inputRange: (() => {
+      const range = [0];
+      for (let i = 1; i <= visibleRest + 1; i++) {
+        range.unshift(-i);
+        range.push(i);
+      }
+      return range;
+    })(),
+    outputRange: (() => {
+      const range = [0];
+      for (let i = 1; i <= visibleRest + 1; i++) {
+        let y = height / 2 * (1 - Math.sin(Math.PI / 2 - rotationFunction(i)));
+        for (let j = 1; j < i; j++) {
+          y += height * (1 - Math.sin(Math.PI / 2 - rotationFunction(j)));
+        }
+        range.unshift(y);
+        range.push(-y);
+      }
+      return range;
+    })()
+  });
+  const opacity = relativeScrollIndex.interpolate({
+    inputRange: (() => {
+      const range = [0];
+      for (let i = 1; i <= visibleRest + 1; i++) {
+        range.unshift(-i);
+        range.push(i);
+      }
+      return range;
+    })(),
+    outputRange: (() => {
+      const range = [1];
+      for (let x = 1; x <= visibleRest + 1; x++) {
+        const y = opacityFunction(x);
+        range.unshift(y);
+        range.push(y);
+      }
+      return range;
+    })()
+  });
+  const scale = relativeScrollIndex.interpolate({
+    inputRange: (() => {
+      const range = [0];
+      for (let i = 1; i <= visibleRest + 1; i++) {
+        range.unshift(-i);
+        range.push(i);
+      }
+      return range;
+    })(),
+    outputRange: (() => {
+      const range = [1.0];
+      for (let x = 1; x <= visibleRest + 1; x++) {
+        const y = scaleFunction(x);
+        range.unshift(y);
+        range.push(y);
+      }
+      return range;
+    })()
+  });
+  const rotateX = relativeScrollIndex.interpolate({
+    inputRange: (() => {
+      const range = [0];
+      for (let i = 1; i <= visibleRest + 1; i++) {
+        range.unshift(-i);
+        range.push(i);
+      }
+      return range;
+    })(),
+    outputRange: (() => {
+      const range = ['0deg'];
+      for (let x = 1; x <= visibleRest + 1; x++) {
+        const y = rotationFunction(x);
+        range.unshift(`${y}deg`);
+        range.push(`${y}deg`);
+      }
+      return range;
+    })()
+  });
+  return /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
+    style: [styles.option, {
+      height,
+      opacity,
+      transform: [{
+        translateY
+      }, {
+        rotateX
+      }, {
+        scale
+      }]
+    }, theme.wheelPickerItemStyle]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: theme.wheelPickerTextStyle
+  }, option === null || option === void 0 ? void 0 : option.text));
+};
+const styles = _reactNative.StyleSheet.create({
+  option: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    paddingHorizontal: 10,
+    zIndex: 100
+  }
+});
+var _default = exports.default = /*#__PURE__*/(0, _react.memo)(WheelPickerItem);
+//# sourceMappingURL=wheel-picker-item.js.map

package/lib/commonjs/components/WheelPicker/WheelNativePicker/wheel-picker-item.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_CalendarContext","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","WheelPickerItem","height","option","index","visibleRest","currentScrollIndex","opacityFunction","rotationFunction","scaleFunction","theme","useCalendarContext","relativeScrollIndex","Animated","subtract","translateY","interpolate","inputRange","range","unshift","push","outputRange","y","Math","sin","PI","j","opacity","x","scale","rotateX","createElement","View","style","styles","transform","wheelPickerItemStyle","Text","wheelPickerTextStyle","text","StyleSheet","create","alignItems","justifyContent","paddingHorizontal","zIndex","_default","exports","memo"],"sourceRoot":"../../../../../src","sources":["components/WheelPicker/WheelNativePicker/wheel-picker-item.tsx"],"mappings":"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"}

package/lib/commonjs/components/WheelPicker/WheelNativePicker/wheel-picker.js

@@ -0,0 +1,174 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _wheelPickerItem = _interopRequireDefault(require("./wheel-picker-item"));
+var _CalendarContext = require("src/CalendarContext");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+const WheelPicker = ({
+  value,
+  options,
+  onChange,
+  itemHeight = 40,
+  scaleFunction = x => 1.0 ** x,
+  rotationFunction = x => 1 - Math.pow(1 / 2, x),
+  opacityFunction = x => Math.pow(1 / 3, x),
+  visibleRest = 2,
+  decelerationRate = 'normal',
+  containerProps = {},
+  flatListProps = {}
+}) => {
+  const {
+    theme
+  } = (0, _CalendarContext.useCalendarContext)();
+  const momentumStarted = (0, _react.useRef)(false);
+  const selectedIndex = options.findIndex(item => item.value === value);
+  const flatListRef = (0, _react.useRef)(null);
+  const [scrollY] = (0, _react.useState)(new _reactNative.Animated.Value(selectedIndex * itemHeight));
+  const containerHeight = (1 + visibleRest * 2) * itemHeight;
+  const paddedOptions = (0, _react.useMemo)(() => {
+    const array = [...options];
+    for (let i = 0; i < visibleRest; i++) {
+      array.unshift(null);
+      array.push(null);
+    }
+    return array;
+  }, [options, visibleRest]);
+  const offsets = (0, _react.useMemo)(() => [...Array(paddedOptions.length)].map((_, i) => i * itemHeight), [paddedOptions, itemHeight]);
+  const currentScrollIndex = (0, _react.useMemo)(() => _reactNative.Animated.add(_reactNative.Animated.divide(scrollY, itemHeight), visibleRest), [visibleRest, scrollY, itemHeight]);
+  const handleScrollEnd = event => {
+    const offsetY = Math.min(itemHeight * (options.length - 1), Math.max(event.nativeEvent.contentOffset.y, 0));
+    let index = Math.floor(offsetY / itemHeight);
+    const remainder = offsetY % itemHeight;
+    if (remainder > itemHeight / 2) {
+      index++;
+    }
+    if (index !== selectedIndex) {
+      var _options$index;
+      onChange(((_options$index = options[index]) === null || _options$index === void 0 ? void 0 : _options$index.value) || 0);
+    }
+  };
+  const handleMomentumScrollBegin = () => {
+    momentumStarted.current = true;
+  };
+  const handleMomentumScrollEnd = event => {
+    momentumStarted.current = false;
+    handleScrollEnd(event);
+  };
+  const handleScrollEndDrag = event => {
+    var _event$nativeEvent$co;
+    // Capture the offset value immediately
+    const offsetY = (_event$nativeEvent$co = event.nativeEvent.contentOffset) === null || _event$nativeEvent$co === void 0 ? void 0 : _event$nativeEvent$co.y;
+
+    // We'll start a short timer to see if momentum scroll begins
+    setTimeout(() => {
+      // If momentum scroll hasn't started within the timeout,
+      // then it was a slow scroll that won't trigger momentum
+      if (!momentumStarted.current && offsetY !== undefined) {
+        // Create a synthetic event with just the data we need
+        const syntheticEvent = {
+          nativeEvent: {
+            contentOffset: {
+              y: offsetY
+            }
+          }
+        };
+        handleScrollEnd(syntheticEvent);
+      }
+    }, 50);
+  };
+  (0, _react.useEffect)(() => {
+    if (selectedIndex < 0 || selectedIndex >= options.length) {
+      throw new Error(`Selected index ${selectedIndex} is out of bounds [0, ${options.length - 1}]`);
+    }
+  }, [selectedIndex, options]);
+
+  /**
+   * If selectedIndex is changed from outside (not via onChange) we need to scroll to the specified index.
+   * This ensures that what the user sees as selected in the picker always corresponds to the value state.
+   */
+  (0, _react.useEffect)(() => {
+    var _flatListRef$current;
+    (_flatListRef$current = flatListRef.current) === null || _flatListRef$current === void 0 || _flatListRef$current.scrollToIndex({
+      index: selectedIndex,
+      animated: _reactNative.Platform.OS === 'ios'
+    });
+  }, [selectedIndex, itemHeight]);
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({
+    style: [styles.container, {
+      height: containerHeight
+    }, theme.wheelPickerContainerStyle]
+  }, containerProps), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.selectedIndicator, {
+      transform: [{
+        translateY: -itemHeight / 2
+      }],
+      height: itemHeight
+    }, theme.wheelPickerSelectedIndicatorStyle]
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.Animated.FlatList, _extends({}, flatListProps, {
+    ref: flatListRef,
+    nestedScrollEnabled: true,
+    style: styles.scrollView,
+    showsVerticalScrollIndicator: false,
+    onScroll: _reactNative.Animated.event([{
+      nativeEvent: {
+        contentOffset: {
+          y: scrollY
+        }
+      }
+    }], {
+      useNativeDriver: true
+    }),
+    onScrollEndDrag: handleScrollEndDrag,
+    onMomentumScrollBegin: handleMomentumScrollBegin,
+    onMomentumScrollEnd: handleMomentumScrollEnd,
+    snapToOffsets: offsets,
+    decelerationRate: decelerationRate,
+    initialScrollIndex: selectedIndex,
+    getItemLayout: (_, index) => ({
+      length: itemHeight,
+      offset: itemHeight * index,
+      index
+    }),
+    data: paddedOptions,
+    keyExtractor: (item, index) => item ? `${item.value}-${item.text}-${index}` : `null-${index}`,
+    renderItem: ({
+      item: option,
+      index
+    }) => /*#__PURE__*/_react.default.createElement(_wheelPickerItem.default, {
+      key: `option-${index}`,
+      index: index,
+      option: option,
+      height: itemHeight,
+      currentScrollIndex: currentScrollIndex,
+      scaleFunction: scaleFunction,
+      rotationFunction: rotationFunction,
+      opacityFunction: opacityFunction,
+      visibleRest: visibleRest
+    })
+  })));
+};
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    display: 'flex',
+    position: 'relative'
+  },
+  selectedIndicator: {
+    position: 'absolute',
+    width: '100%',
+    top: '50%'
+  },
+  scrollView: {
+    overflow: 'hidden',
+    flex: 1
+  }
+});
+var _default = exports.default = /*#__PURE__*/(0, _react.memo)(WheelPicker);
+//# sourceMappingURL=wheel-picker.js.map

package/lib/commonjs/components/WheelPicker/WheelNativePicker/wheel-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_wheelPickerItem","_interopRequireDefault","_CalendarContext","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","WheelPicker","value","options","onChange","itemHeight","scaleFunction","x","rotationFunction","Math","pow","opacityFunction","visibleRest","decelerationRate","containerProps","flatListProps","theme","useCalendarContext","momentumStarted","useRef","selectedIndex","findIndex","item","flatListRef","scrollY","useState","Animated","Value","containerHeight","paddedOptions","useMemo","array","unshift","push","offsets","Array","map","_","currentScrollIndex","add","divide","handleScrollEnd","event","offsetY","min","max","nativeEvent","contentOffset","y","index","floor","remainder","_options$index","handleMomentumScrollBegin","current","handleMomentumScrollEnd","handleScrollEndDrag","_event$nativeEvent$co","setTimeout","undefined","syntheticEvent","useEffect","Error","_flatListRef$current","scrollToIndex","animated","Platform","OS","createElement","View","style","styles","container","height","wheelPickerContainerStyle","selectedIndicator","transform","translateY","wheelPickerSelectedIndicatorStyle","FlatList","ref","nestedScrollEnabled","scrollView","showsVerticalScrollIndicator","onScroll","useNativeDriver","onScrollEndDrag","onMomentumScrollBegin","onMomentumScrollEnd","snapToOffsets","initialScrollIndex","getItemLayout","offset","data","keyExtractor","text","renderItem","option","StyleSheet","create","display","position","width","top","overflow","flex","_default","exports","memo"],"sourceRoot":"../../../../../src","sources":["components/WheelPicker/WheelNativePicker/wheel-picker.tsx"],"mappings":"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"}

package/lib/commonjs/components/WheelPicker/WheelWeb.js

@@ -4,12 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
+var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
-var _CalendarContext = require("../../CalendarContext");
-var _AnimatedMath = require("./AnimatedMath");
-var _enums = require("../../enums");
+var _lodash = require("lodash");
+var _enums = require("src/enums");
+var _CalendarContext = require("src/CalendarContext");
+var _animatedMath = require("./animated-math");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+const ITEM_HEIGHT = 44;
 const WheelWeb = ({
   value,
   setValue = () => {},
@@ -22,9 +26,11 @@ const WheelWeb = ({
   const translateY = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
   const renderCount = displayCount * 2 < items.length ? displayCount * 8 : displayCount * 2 - 1;
   const circular = items.length >= displayCount;
-  const height = 130;
+  const height = 140;
   const radius = height / 2;
-  const valueIndex = (0, _react.useMemo)(() => items.indexOf(('0' + value).slice(-2)), [items, value]);
+  const valueIndex = (0, _react.useMemo)(() => {
+    return items.findIndex(item => item.value === value) || 0;
+  }, [items, value]);
   const panResponder = (0, _react.useMemo)(() => {
     return _reactNative.PanResponder.create({
       onMoveShouldSetPanResponder: () => true,
@@ -37,14 +43,15 @@ const WheelWeb = ({
         evt.stopPropagation();
       },
       onPanResponderRelease: (_, gestureState) => {
+        var _items$;
         translateY.extractOffset();
         let newValueIndex = valueIndex - Math.round(gestureState.dy / (radius * 2 / displayCount));
         if (circular) newValueIndex = (newValueIndex + items.length) % items.length;else if (newValueIndex < 0) newValueIndex = 0;else if (newValueIndex >= items.length) newValueIndex = items.length - 1;
-        const newValue = items[newValueIndex] || '00';
-        if (newValue === ('0' + value).slice(-2)) {
+        const newValue = items[newValueIndex];
+        if ((newValue === null || newValue === void 0 ? void 0 : newValue.value) === value) {
           translateY.setOffset(0);
           translateY.setValue(0);
-        } else setValue(parseInt(newValue, 10));
+        } else if (newValue !== null && newValue !== void 0 && newValue.value) setValue(newValue.value);else if ((_items$ = items[0]) !== null && _items$ !== void 0 && _items$.value) setValue(items[0].value);
       }
     });
   }, [circular, displayCount, radius, setValue, value, valueIndex, items, translateY]);
@@ -54,17 +61,14 @@ const WheelWeb = ({
       length: renderCount
     }, (_, index) => {
       let targetIndex = valueIndex + index - centerIndex;
-      if (targetIndex < 0 || targetIndex >= items.length) {
-        if (!circular) return 0;
-        targetIndex = (targetIndex + items.length) % items.length;
-      }
-      return items[targetIndex] || 0;
+      if (circular) targetIndex = (targetIndex % items.length + items.length) % items.length;else targetIndex = Math.max(0, Math.min(targetIndex, items.length - 1));
+      return items[targetIndex] || items[0];
     });
   }, [renderCount, valueIndex, items, circular]);
   const animatedAngles = (0, _react.useMemo)(() => {
     //translateY.setValue(0);
     translateY.setOffset(0);
-    const currentIndex = displayValues.indexOf(('0' + value).slice(-2));
+    const currentIndex = displayValues.findIndex(item => (item === null || item === void 0 ? void 0 : item.value) === value);
     return displayValues && displayValues.length > 0 ? displayValues.map((_, index) => translateY.interpolate({
       inputRange: [-radius, radius],
       outputRange: [-radius + radius * 2 / displayCount * (index - currentIndex), radius + radius * 2 / displayCount * (index - currentIndex)],
@@ -75,22 +79,26 @@ const WheelWeb = ({
       extrapolate: 'clamp'
     })) : [];
   }, [displayValues, radius, value, displayCount, translateY]);
-  return /*#__PURE__*/React.createElement(_reactNative.View, _extends({
-    style: [styles.container]
-  }, panResponder.panHandlers), displayValues === null || displayValues === void 0 ? void 0 : displayValues.map((displayValue, index) => {
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({
+    style: [defaultStyles.container, theme.wheelPickerContainerStyle]
+  }, panResponder.panHandlers), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [defaultStyles.selectedIndicator, {
+      transform: [{
+        translateY: -ITEM_HEIGHT / 2
+      }],
+      height: ITEM_HEIGHT
+    }, theme.wheelPickerSelectedIndicatorStyle]
+  }), displayValues === null || displayValues === void 0 ? void 0 : displayValues.map((displayValue, index) => {
     const animatedAngle = animatedAngles[index];
-    return /*#__PURE__*/React.createElement(_reactNative.Animated.Text, {
-      key: `${displayValue}-${index}`,
-      style: [{
-        ...styles.wheelPickerText,
-        ...(theme === null || theme === void 0 ? void 0 : theme.wheelPickerTextStyle)
-      },
+    return /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
+      key: `${displayValue === null || displayValue === void 0 ? void 0 : displayValue.text}-${index}`
       // eslint-disable-next-line react-native/no-inline-styles
-      {
+      ,
+      style: {
         position: 'absolute',
-        height: 25,
+        height: ITEM_HEIGHT - 10,
         transform: animatedAngle ? [{
-          translateY: _reactNative.Animated.multiply(radius, (0, _AnimatedMath.sin)(animatedAngle))
+          translateY: _reactNative.Animated.multiply(radius, (0, _animatedMath.sin)(animatedAngle))
         }, {
           rotateX: animatedAngle.interpolate({
             inputRange: [-Math.PI / 2, Math.PI / 2],
@@ -98,18 +106,20 @@ const WheelWeb = ({
             extrapolate: 'clamp'
           })
         }] : [],
-        opacity: displayValue !== ('0' + value).slice(-2) ? 0.3 : 1
-      }]
-    }, displayValue);
+        opacity: (displayValue === null || displayValue === void 0 ? void 0 : displayValue.value) !== value ? 0.3 : 1
+      }
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+      style: theme === null || theme === void 0 ? void 0 : theme.wheelPickerTextStyle
+    }, displayValue === null || displayValue === void 0 ? void 0 : displayValue.text));
   }));
 };
-const styles = _reactNative.StyleSheet.create({
+const defaultStyles = _reactNative.StyleSheet.create({
   container: {
     minWidth: 30,
     overflow: 'hidden',
     alignItems: 'center',
     justifyContent: 'center',
-    height: _enums.CALENDAR_HEIGHT / 2,
+    height: _enums.CONTAINER_HEIGHT / 2,
     ..._reactNative.Platform.select({
       web: {
         cursor: 'pointer',
@@ -121,12 +131,15 @@ const styles = _reactNative.StyleSheet.create({
     justifyContent: 'space-between',
     alignItems: 'center'
   },
-  wheelPickerText: {
-    fontSize: 20,
-    fontWeight: '500'
+  selectedIndicator: {
+    position: 'absolute',
+    width: '100%',
+    top: '50%'
   }
 });
-var _default = exports.default = /*#__PURE__*/(0, _react.memo)(WheelWeb, (prevProps, nextProps) => {
-  return prevProps.value === nextProps.value && prevProps.setValue === nextProps.setValue;
-});
+const customComparator = (prev, next) => {
+  const areEqual = prev.value === next.value && prev.setValue === next.setValue && (0, _lodash.isEqual)(prev.items, next.items);
+  return areEqual;
+};
+var _default = exports.default = /*#__PURE__*/(0, _react.memo)(WheelWeb, customComparator);
 //# sourceMappingURL=WheelWeb.js.map