react-native-dates-picker 0.0.8 → 0.1.0

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

@@ -3,13 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = Wheel;
-var _react = _interopRequireDefault(require("react"));
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _WheelNative = _interopRequireDefault(require("./WheelNative"));
 var _WheelWeb = _interopRequireDefault(require("./WheelWeb"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function Wheel(props) {
-  return _reactNative.Platform.OS === 'web' ? /*#__PURE__*/_react.default.createElement(_WheelWeb.default, props) : /*#__PURE__*/_react.default.createElement(_WheelNative.default, props);
-}
+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 Wheel = props => {
+  const Component = _reactNative.Platform.OS === 'web' ? _WheelWeb.default : _WheelNative.default;
+  return /*#__PURE__*/_react.default.createElement(Component, props);
+};
+var _default = exports.default = /*#__PURE__*/(0, _react.memo)(Wheel);
 //# sourceMappingURL=Wheel.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_WheelNative","_WheelWeb","obj","__esModule","default","Wheel","props","Platform","OS","createElement"],"sourceRoot":"../../../../src","sources":["components/WheelPicker/Wheel.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,SAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAAkC,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AASnB,SAASG,KAAKA,CAACC,KAAiB,EAAE;EAC/C,OAAOC,qBAAQ,CAACC,EAAE,KAAK,KAAK,gBAC1BZ,MAAA,CAAAQ,OAAA,CAAAK,aAAA,CAACR,SAAA,CAAAG,OAAQ,EAAKE,KAAQ,CAAC,gBAEvBV,MAAA,CAAAQ,OAAA,CAAAK,aAAA,CAACT,YAAA,CAAAI,OAAW,EAAKE,KAAQ,CAC1B;AACH"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_WheelNative","_interopRequireDefault","_WheelWeb","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","Wheel","props","Component","Platform","OS","WheelWeb","WheelNative","createElement","_default","exports","memo"],"sourceRoot":"../../../../src","sources":["components/WheelPicker/Wheel.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,SAAA,GAAAD,sBAAA,CAAAH,OAAA;AAAkC,SAAAG,uBAAAE,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,SAAAV,wBAAAU,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;AAUlC,MAAMY,KAA2B,GAAIC,KAAK,IAAK;EAC7C,MAAMC,SAAS,GAAGC,qBAAQ,CAACC,EAAE,KAAK,KAAK,GAAGC,iBAAQ,GAAGC,oBAAW;EAChE,oBAAOnC,MAAA,CAAAS,OAAA,CAAA2B,aAAA,CAACL,SAAS,EAAKD,KAAQ,CAAC;AACjC,CAAC;AAAC,IAAAO,QAAA,GAAAC,OAAA,CAAA7B,OAAA,gBAEa,IAAA8B,WAAI,EAACV,KAAK,CAAC"}

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

@@ -3,44 +3,29 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = WheelNative;
-var _react = _interopRequireDefault(require("react"));
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
-var _reactNativeWheely = _interopRequireDefault(require("react-native-wheely"));
-var _CalendarContext = require("../../CalendarContext");
+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.default.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
+    containerStyle: defaultStyles.container,
+    itemHeight: 44,
+    decelerationRate: "fast"
   });
-}
-const styles = _reactNative.StyleSheet.create({
+};
+var _default = exports.default = /*#__PURE__*/(0, _react.memo)(WheelNative);
+const defaultStyles = _reactNative.StyleSheet.create({
   container: {
     display: 'flex',
     ..._reactNative.Platform.select({
@@ -48,13 +33,6 @@ const styles = _reactNative.StyleSheet.create({
         userSelect: 'none'
       }
     })
-  },
-  wheelSelectedIndicator: {
-    borderRadius: 10
-  },
-  wheelPickerText: {
-    fontSize: 18,
-    fontWeight: '500'
   }
 });
 //# sourceMappingURL=WheelNative.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeWheely","_CalendarContext","obj","__esModule","default","WheelNative","value","setValue","items","indicatorStyle","theme","useCalendarContext","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,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AAA2D,SAAAD,uBAAAK,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,oBACEf,MAAA,CAAAQ,OAAA,CAAAQ,aAAA,CAACZ,kBAAA,CAAAI,OAAW;IACVS,aAAa,EAAEP,KAAK,GAAG,CAAC,GAAG,CAAC,GAAGA,KAAM;IACrCQ,OAAO,EAAEN,KAAM;IACfO,QAAQ,EAAER,QAAS;IACnBS,cAAc,EAAE;MACd,GAAGC,MAAM,CAACC,SAAS;MACnB,IAAGR,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAES,yBAAyB;IACrC,CAAE;IACFC,SAAS,EAAEV,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEW,oBAAqB;IACvCC,aAAa,EAAE;MACb,GAAGL,MAAM,CAACM,eAAe;MACzB,IAAGb,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEc,oBAAoB;IAChC,CAAE;IACFC,sBAAsB,EAAE;MACtB,GAAGR,MAAM,CAACS,sBAAsB;MAChC,GAAGjB,cAAc;MACjB,IAAGC,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEiB,yBAAyB;IACrC,CAAE;IACFC,UAAU,EAAE,EAAG;IACfC,gBAAgB,EAAEnB,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEoB;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","_reactNative","_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","containerStyle","defaultStyles","container","itemHeight","decelerationRate","_default","exports","memo","StyleSheet","create","display","Platform","select","web","userSelect"],"sourceRoot":"../../../../src","sources":["components/WheelPicker/WheelNative.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAC,sBAAA,CAAAH,OAAA;AAA8C,SAAAG,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,SAAAT,wBAAAS,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,oBACE/B,MAAA,CAAAQ,OAAA,CAAAwB,aAAA,CAAC5B,kBAAA,CAAAI,OAAW;IACVqB,KAAK,EAAEA,KAAM;IACbI,OAAO,EAAEF,KAAM;IACfG,QAAQ,EAAEJ,QAAS;IACnBK,cAAc,EAAEC,aAAa,CAACC,SAAU;IACxCC,UAAU,EAAE,EAAG;IACfC,gBAAgB,EAAC;EAAM,CACxB,CAAC;AAEN,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAjC,OAAA,gBAEa,IAAAkC,WAAI,EAACd,WAAW,CAAC;AAEhC,MAAMQ,aAAa,GAAGO,uBAAU,CAACC,MAAM,CAAC;EACtCP,SAAS,EAAE;IACTQ,OAAO,EAAE,MAAM;IACf,GAAGC,qBAAQ,CAACC,MAAM,CAAC;MACjBC,GAAG,EAAE;QACHC,UAAU,EAAE;MACd;IACF,CAAC;EACH;AACF,CAAC,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,124 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+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 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
+      }]
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, null, 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","_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","relativeScrollIndex","Animated","subtract","translateY","interpolate","inputRange","range","unshift","push","outputRange","y","Math","sin","PI","j","opacity","x","scale","rotateX","createElement","View","style","styles","transform","Text","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,169 @@
+"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"));
+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 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
+    }]
+  }, containerProps), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.selectedIndicator, {
+      transform: [{
+        translateY: -itemHeight / 2
+      }],
+      height: itemHeight
+    }]
+  }), /*#__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: {
+    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","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","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","selectedIndicator","transform","translateY","FlatList","ref","nestedScrollEnabled","scrollView","showsVerticalScrollIndicator","onScroll","useNativeDriver","onScrollEndDrag","onMomentumScrollBegin","onMomentumScrollEnd","snapToOffsets","initialScrollIndex","getItemLayout","offset","data","keyExtractor","text","renderItem","option","StyleSheet","create","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

@@ -6,27 +6,27 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
-var _CalendarContext = require("../../CalendarContext");
-var _AnimatedMath = require("./AnimatedMath");
+var _animatedMath = require("./animated-math");
 var _enums = require("../../enums");
+var _lodash = require("lodash");
 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 = () => {},
   items
 }) => {
-  const {
-    theme
-  } = (0, _CalendarContext.useCalendarContext)();
   const displayCount = 5;
   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,
@@ -39,14 +39,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]);
@@ -56,17 +57,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)],
@@ -78,21 +76,25 @@ const WheelWeb = ({
     })) : [];
   }, [displayValues, radius, value, displayCount, translateY]);
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({
-    style: [styles.container]
-  }, panResponder.panHandlers), displayValues === null || displayValues === void 0 ? void 0 : displayValues.map((displayValue, index) => {
+    style: [defaultStyles.container]
+  }, panResponder.panHandlers), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [defaultStyles.selectedIndicator, {
+      transform: [{
+        translateY: -ITEM_HEIGHT / 2
+      }],
+      height: ITEM_HEIGHT
+    }]
+  }), displayValues === null || displayValues === void 0 ? void 0 : displayValues.map((displayValue, index) => {
     const animatedAngle = animatedAngles[index];
-    return /*#__PURE__*/_react.default.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],
@@ -100,18 +102,18 @@ 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, null, 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',
@@ -123,12 +125,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