npm - react-native-timer-picker - Versions diffs - 1.2.8 → 1.2.9 - Mend

react-native-timer-picker 1.2.8 → 1.2.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (110) hide show

package/dist/commonjs/components/Modal/Modal.styles.js ADDED Viewed

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.styles = void 0;
+var _reactNative = require("react-native");
+const styles = exports.styles = _reactNative.StyleSheet.create({
+  container: {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0
+  },
+  backdrop: {
+    position: "absolute",
+    top: 0,
+    bottom: 0,
+    left: 0,
+    right: 0,
+    backgroundColor: "black",
+    opacity: 0
+  },
+  content: {
+    flex: 1,
+    justifyContent: "center",
+    alignItems: "center",
+    zIndex: 1
+  }
+});
+//# sourceMappingURL=Modal.styles.js.map

package/dist/commonjs/components/Modal/Modal.styles.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["_reactNative","require","styles","exports","StyleSheet","create","container","position","top","left","right","bottom","backdrop","backgroundColor","opacity","content","flex","justifyContent","alignItems","zIndex"],"sources":["Modal.styles.ts"],"sourcesContent":["import { StyleSheet } from \"react-native\";\n\nexport const styles = StyleSheet.create({\n container: {\n position: \"absolute\",\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n },\n backdrop: {\n position: \"absolute\",\n top: 0,\n bottom: 0,\n left: 0,\n right: 0,\n backgroundColor: \"black\",\n opacity: 0,\n },\n content: {\n flex: 1,\n justifyContent: \"center\",\n alignItems: \"center\",\n zIndex: 1,\n },\n});"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEO,MAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAGE,uBAAU,CAACC,MAAM,CAAC;EACpCC,SAAS,EAAE;IACPC,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE;EACZ,CAAC;EACDC,QAAQ,EAAE;IACNL,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNG,MAAM,EAAE,CAAC;IACTF,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRG,eAAe,EAAE,OAAO;IACxBC,OAAO,EAAE;EACb,CAAC;EACDC,OAAO,EAAE;IACLC,IAAI,EAAE,CAAC;IACPC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,MAAM,EAAE;EACZ;AACJ,CAAC,CAAC"}

package/dist/commonjs/components/Modal/index.js ADDED Viewed

@@ -0,0 +1,108 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Modal = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _Modal = require("./Modal.styles");
+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); } /* eslint-disable @typescript-eslint/no-explicit-any */
+const Modal = _ref => {
+  let {
+    children,
+    onOverlayPress,
+    onHide,
+    isVisible = false,
+    animationDuration = 300,
+    overlayOpacity = 0.4,
+    modalProps,
+    contentStyle,
+    overlayStyle,
+    testID
+  } = _ref;
+  const {
+    width: screenWidth,
+    height: screenHeight
+  } = (0, _reactNative.useWindowDimensions)();
+  const isMounted = (0, _react.useRef)(false);
+  const animatedOpacity = (0, _react.useRef)(new _reactNative.Animated.Value(0));
+  (0, _react.useEffect)(() => {
+    isMounted.current = true;
+    if (isVisible) {
+      show();
+    }
+    return () => {
+      isMounted.current = false;
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  const backdropAnimatedStyle = {
+    opacity: animatedOpacity.current.interpolate({
+      inputRange: [0, 1],
+      outputRange: [0, overlayOpacity]
+    })
+  };
+  const contentAnimatedStyle = {
+    transform: [{
+      translateY: animatedOpacity.current.interpolate({
+        inputRange: [0, 1],
+        outputRange: [screenHeight, 0],
+        extrapolate: "clamp"
+      })
+    }]
+  };
+  const show = (0, _react.useCallback)(() => {
+    _reactNative.Animated.timing(animatedOpacity.current, {
+      easing: _reactNative.Easing.inOut(_reactNative.Easing.quad),
+      // Using native driver in the modal makes the content flash
+      useNativeDriver: true,
+      duration: animationDuration,
+      toValue: 1
+    }).start();
+  }, [animationDuration]);
+  const hide = (0, _react.useCallback)(() => {
+    _reactNative.Animated.timing(animatedOpacity.current, {
+      easing: _reactNative.Easing.inOut(_reactNative.Easing.quad),
+      // Using native driver in the modal makes the content flash
+      useNativeDriver: true,
+      duration: animationDuration,
+      toValue: 0
+    }).start(() => {
+      if (isMounted.current) {
+        onHide === null || onHide === void 0 || onHide();
+      }
+    });
+  }, [animationDuration, onHide]);
+  (0, _react.useEffect)(() => {
+    if (isVisible) {
+      show();
+    } else {
+      hide();
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [isVisible]);
+  return /*#__PURE__*/_react.default.createElement(_reactNative.Modal, _extends({
+    transparent: true,
+    animationType: "fade",
+    visible: isVisible
+  }, modalProps, {
+    testID: testID ?? "modal"
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.TouchableWithoutFeedback, {
+    onPress: onOverlayPress,
+    testID: "modal-backdrop"
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
+    style: [_Modal.styles.backdrop, backdropAnimatedStyle, {
+      width: screenWidth,
+      height: screenHeight
+    }, overlayStyle]
+  })), /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
+    style: [_Modal.styles.content, contentAnimatedStyle, contentStyle],
+    pointerEvents: "box-none"
+  }, children));
+};
+exports.Modal = Modal;
+var _default = exports.default = /*#__PURE__*/_react.default.memo(Modal);
+//# sourceMappingURL=index.js.map

package/dist/commonjs/components/Modal/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_Modal","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","Modal","_ref","children","onOverlayPress","onHide","isVisible","animationDuration","overlayOpacity","modalProps","contentStyle","overlayStyle","testID","width","screenWidth","height","screenHeight","useWindowDimensions","isMounted","useRef","animatedOpacity","Animated","Value","useEffect","current","show","backdropAnimatedStyle","opacity","interpolate","inputRange","outputRange","contentAnimatedStyle","transform","translateY","extrapolate","useCallback","timing","easing","Easing","inOut","quad","useNativeDriver","duration","toValue","start","hide","createElement","transparent","animationType","visible","TouchableWithoutFeedback","onPress","View","style","styles","backdrop","content","pointerEvents","exports","_default","React","memo"],"sources":["index.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { useCallback, useEffect, useRef } from \"react\";\nimport {\n Animated,\n Easing,\n Modal as ReactNativeModal,\n TouchableWithoutFeedback,\n useWindowDimensions,\n} from \"react-native\";\n\nimport { styles } from \"./Modal.styles\";\n\ninterface ModalProps {\n children?: React.ReactElement;\n onOverlayPress?: () => void;\n onHide?: () => void;\n isVisible?: boolean;\n animationDuration?: number;\n overlayOpacity?: number;\n modalProps?: any;\n contentStyle?: any;\n overlayStyle?: any;\n testID?: string;\n}\n\nexport const Modal = ({\n children,\n onOverlayPress,\n onHide,\n isVisible = false,\n animationDuration = 300,\n overlayOpacity = 0.4,\n modalProps,\n contentStyle,\n overlayStyle,\n testID,\n}: ModalProps): React.ReactElement => {\n const { width: screenWidth, height: screenHeight } = useWindowDimensions();\n\n const isMounted = useRef(false);\n const animatedOpacity = useRef(new Animated.Value(0));\n\n useEffect(() => {\n isMounted.current = true;\n if (isVisible) {\n show();\n }\n\n return () => {\n isMounted.current = false;\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n const backdropAnimatedStyle = {\n opacity: animatedOpacity.current.interpolate({\n inputRange: [0, 1],\n outputRange: [0, overlayOpacity],\n }),\n };\n const contentAnimatedStyle = {\n transform: [\n {\n translateY: animatedOpacity.current.interpolate({\n inputRange: [0, 1],\n outputRange: [screenHeight, 0],\n extrapolate: \"clamp\",\n }),\n },\n ],\n };\n\n const show = useCallback(() => {\n Animated.timing(animatedOpacity.current, {\n easing: Easing.inOut(Easing.quad),\n // Using native driver in the modal makes the content flash\n useNativeDriver: true,\n duration: animationDuration,\n toValue: 1,\n }).start();\n }, [animationDuration]);\n\n const hide = useCallback(() => {\n Animated.timing(animatedOpacity.current, {\n easing: Easing.inOut(Easing.quad),\n // Using native driver in the modal makes the content flash\n useNativeDriver: true,\n duration: animationDuration,\n toValue: 0,\n }).start(() => {\n if (isMounted.current) {\n onHide?.();\n }\n });\n }, [animationDuration, onHide]);\n\n useEffect(() => {\n if (isVisible) {\n show();\n } else {\n hide();\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [isVisible]);\n\n return (\n <ReactNativeModal\n transparent\n animationType=\"fade\"\n visible={isVisible}\n {...modalProps}\n testID={testID ?? \"modal\"}>\n <TouchableWithoutFeedback\n onPress={onOverlayPress}\n testID=\"modal-backdrop\">\n <Animated.View\n style={[\n styles.backdrop,\n backdropAnimatedStyle,\n { width: screenWidth, height: screenHeight },\n overlayStyle,\n ]}\n />\n </TouchableWithoutFeedback>\n <Animated.View\n style={[styles.content, contentAnimatedStyle, contentStyle]}\n pointerEvents=\"box-none\">\n {children}\n </Animated.View>\n </ReactNativeModal>\n );\n};\n\nexport default React.memo(Modal);\n"],"mappings":"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"}

package/dist/commonjs/components/TimerPicker/DurationScroll.js ADDED Viewed

@@ -0,0 +1,210 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _generateNumbers = require("../../utils/generateNumbers");
+var _colorToRgba = require("../../utils/colorToRgba");
+var _getAdjustedLimit = require("../../utils/getAdjustedLimit");
+var _getScrollIndex = require("../../utils/getScrollIndex");
+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); }
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const KEY_EXTRACTOR = (_, index) => index.toString();
+const DurationScroll = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+    numberOfItems,
+    label,
+    initialValue = 0,
+    onDurationChange,
+    padNumbersWithZero = false,
+    disableInfiniteScroll = false,
+    limit,
+    padWithNItems,
+    pickerGradientOverlayProps,
+    topPickerGradientOverlayProps,
+    bottomPickerGradientOverlayProps,
+    LinearGradient,
+    testID,
+    styles
+  } = _ref;
+  const flatListRef = (0, _react.useRef)(null);
+  const data = (0, _generateNumbers.generateNumbers)(numberOfItems, {
+    padWithZero: padNumbersWithZero,
+    repeatNTimes: 3,
+    disableInfiniteScroll,
+    padWithNItems: padWithNItems
+  });
+  const numberOfItemsToShow = 1 + padWithNItems * 2;
+  const adjustedLimited = (0, _getAdjustedLimit.getAdjustedLimit)(limit, numberOfItems);
+  const initialScrollIndex = (0, _getScrollIndex.getScrollIndex)({
+    value: initialValue,
+    numberOfItems,
+    padWithNItems,
+    disableInfiniteScroll
+  });
+  (0, _react.useImperativeHandle)(ref, () => ({
+    reset: options => {
+      var _flatListRef$current;
+      (_flatListRef$current = flatListRef.current) === null || _flatListRef$current === void 0 || _flatListRef$current.scrollToIndex({
+        animated: (options === null || options === void 0 ? void 0 : options.animated) ?? false,
+        index: initialScrollIndex
+      });
+    },
+    setValue: (value, options) => {
+      var _flatListRef$current2;
+      (_flatListRef$current2 = flatListRef.current) === null || _flatListRef$current2 === void 0 || _flatListRef$current2.scrollToIndex({
+        animated: (options === null || options === void 0 ? void 0 : options.animated) ?? false,
+        index: (0, _getScrollIndex.getScrollIndex)({
+          value: value,
+          numberOfItems,
+          padWithNItems,
+          disableInfiniteScroll
+        })
+      });
+    }
+  }));
+  const renderItem = (0, _react.useCallback)(_ref2 => {
+    let {
+      item
+    } = _ref2;
+    const intItem = parseInt(item);
+    return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      key: item,
+      style: styles.pickerItemContainer,
+      testID: "picker-item"
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+      style: [styles.pickerItem, intItem > adjustedLimited.max || intItem < adjustedLimited.min ? styles.disabledPickerItem : {}]
+    }, item));
+  }, [adjustedLimited.max, adjustedLimited.min, styles.disabledPickerItem, styles.pickerItem, styles.pickerItemContainer]);
+  const onMomentumScrollEnd = (0, _react.useCallback)(e => {
+    const newIndex = Math.round(e.nativeEvent.contentOffset.y / styles.pickerItemContainer.height);
+    let newDuration = (disableInfiniteScroll ? newIndex : newIndex + padWithNItems) % (numberOfItems + 1);
+    // check limits
+    if (newDuration > adjustedLimited.max) {
+      var _flatListRef$current3;
+      const targetScrollIndex = newIndex - (newDuration - adjustedLimited.max);
+      (_flatListRef$current3 = flatListRef.current) === null || _flatListRef$current3 === void 0 || _flatListRef$current3.scrollToIndex({
+        animated: true,
+        index:
+        // guard against scrolling beyond end of list
+        targetScrollIndex >= 0 ? targetScrollIndex : adjustedLimited.max - 1
+      }); // scroll down to max
+      newDuration = adjustedLimited.max;
+    } else if (newDuration < adjustedLimited.min) {
+      var _flatListRef$current4;
+      const targetScrollIndex = newIndex + (adjustedLimited.min - newDuration);
+      (_flatListRef$current4 = flatListRef.current) === null || _flatListRef$current4 === void 0 || _flatListRef$current4.scrollToIndex({
+        animated: true,
+        index:
+        // guard against scrolling beyond end of list
+        targetScrollIndex <= data.length - 1 ? targetScrollIndex : adjustedLimited.min
+      }); // scroll up to min
+      newDuration = adjustedLimited.min;
+    }
+    onDurationChange(newDuration);
+  }, [adjustedLimited.max, adjustedLimited.min, data.length, disableInfiniteScroll, numberOfItems, onDurationChange, padWithNItems, styles.pickerItemContainer.height]);
+  const onViewableItemsChanged = (0, _react.useCallback)(_ref3 => {
+    var _viewableItems$, _viewableItems$2;
+    let {
+      viewableItems
+    } = _ref3;
+    if ((_viewableItems$ = viewableItems[0]) !== null && _viewableItems$ !== void 0 && _viewableItems$.index && viewableItems[0].index < numberOfItems * 0.5) {
+      var _flatListRef$current5;
+      (_flatListRef$current5 = flatListRef.current) === null || _flatListRef$current5 === void 0 || _flatListRef$current5.scrollToIndex({
+        animated: false,
+        index: viewableItems[0].index + numberOfItems
+      });
+    } else if ((_viewableItems$2 = viewableItems[0]) !== null && _viewableItems$2 !== void 0 && _viewableItems$2.index && viewableItems[0].index >= numberOfItems * 2.5) {
+      var _flatListRef$current6;
+      (_flatListRef$current6 = flatListRef.current) === null || _flatListRef$current6 === void 0 || _flatListRef$current6.scrollToIndex({
+        animated: false,
+        index: viewableItems[0].index - numberOfItems
+      });
+    }
+  }, [numberOfItems]);
+  const getItemLayout = (0, _react.useCallback)((_, index) => ({
+    length: styles.pickerItemContainer.height,
+    offset: styles.pickerItemContainer.height * index,
+    index
+  }), [styles.pickerItemContainer.height]);
+  const viewabilityConfigCallbackPairs = (0, _react.useRef)([{
+    viewabilityConfig: {
+      viewAreaCoveragePercentThreshold: 25
+    },
+    onViewableItemsChanged: onViewableItemsChanged
+  }]);
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    testID: testID,
+    style: {
+      height: styles.pickerItemContainer.height * numberOfItemsToShow,
+      overflow: "hidden"
+    }
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.FlatList, {
+    ref: flatListRef,
+    data: data,
+    getItemLayout: getItemLayout,
+    initialScrollIndex: initialScrollIndex,
+    windowSize: numberOfItemsToShow,
+    renderItem: renderItem,
+    keyExtractor: KEY_EXTRACTOR,
+    showsVerticalScrollIndicator: false,
+    decelerationRate: 0.9,
+    scrollEventThrottle: 16,
+    snapToAlignment: "start"
+    // used in place of snapToOffset due to bug on Android
+    ,
+    snapToOffsets: [...Array(data.length)].map((_, i) => i * styles.pickerItemContainer.height),
+    viewabilityConfigCallbackPairs: !disableInfiniteScroll ? viewabilityConfigCallbackPairs === null || viewabilityConfigCallbackPairs === void 0 ? void 0 : viewabilityConfigCallbackPairs.current : undefined,
+    onMomentumScrollEnd: onMomentumScrollEnd,
+    testID: "duration-scroll-flatlist"
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.pickerLabelContainer,
+    pointerEvents: "none"
+  }, typeof label === "string" ? /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styles.pickerLabel
+  }, label) : label ?? null), LinearGradient ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(LinearGradient, _extends({
+    colors: [styles.pickerContainer.backgroundColor ?? "white", (0, _colorToRgba.colorToRgba)({
+      color: styles.pickerContainer.backgroundColor ?? "white",
+      opacity: 0
+    })],
+    start: {
+      x: 1,
+      y: 0.3
+    },
+    end: {
+      x: 1,
+      y: 1
+    },
+    pointerEvents: "none"
+  }, pickerGradientOverlayProps, topPickerGradientOverlayProps, {
+    style: [styles.pickerGradientOverlay, {
+      top: 0
+    }]
+  })), /*#__PURE__*/_react.default.createElement(LinearGradient, _extends({
+    colors: [(0, _colorToRgba.colorToRgba)({
+      color: styles.pickerContainer.backgroundColor ?? "white",
+      opacity: 0
+    }), styles.pickerContainer.backgroundColor ?? "white"],
+    start: {
+      x: 1,
+      y: 0
+    },
+    end: {
+      x: 1,
+      y: 0.7
+    },
+    pointerEvents: "none"
+  }, pickerGradientOverlayProps, bottomPickerGradientOverlayProps, {
+    style: [styles.pickerGradientOverlay, {
+      bottom: -1
+    }]
+  }))) : null);
+});
+var _default = exports.default = /*#__PURE__*/_react.default.memo(DurationScroll);
+//# sourceMappingURL=DurationScroll.js.map

package/dist/commonjs/components/TimerPicker/DurationScroll.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_generateNumbers","_colorToRgba","_getAdjustedLimit","_getScrollIndex","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","KEY_EXTRACTOR","_","index","toString","DurationScroll","forwardRef","_ref","ref","numberOfItems","label","initialValue","onDurationChange","padNumbersWithZero","disableInfiniteScroll","limit","padWithNItems","pickerGradientOverlayProps","topPickerGradientOverlayProps","bottomPickerGradientOverlayProps","LinearGradient","testID","styles","flatListRef","useRef","data","generateNumbers","padWithZero","repeatNTimes","numberOfItemsToShow","adjustedLimited","getAdjustedLimit","initialScrollIndex","getScrollIndex","value","useImperativeHandle","reset","options","_flatListRef$current","current","scrollToIndex","animated","setValue","_flatListRef$current2","renderItem","useCallback","_ref2","item","intItem","parseInt","createElement","View","style","pickerItemContainer","Text","pickerItem","max","min","disabledPickerItem","onMomentumScrollEnd","newIndex","Math","round","nativeEvent","contentOffset","y","height","newDuration","_flatListRef$current3","targetScrollIndex","_flatListRef$current4","onViewableItemsChanged","_ref3","_viewableItems$","_viewableItems$2","viewableItems","_flatListRef$current5","_flatListRef$current6","getItemLayout","offset","viewabilityConfigCallbackPairs","viewabilityConfig","viewAreaCoveragePercentThreshold","overflow","FlatList","windowSize","keyExtractor","showsVerticalScrollIndicator","decelerationRate","scrollEventThrottle","snapToAlignment","snapToOffsets","Array","map","undefined","pickerLabelContainer","pointerEvents","pickerLabel","Fragment","colors","pickerContainer","backgroundColor","colorToRgba","color","opacity","start","x","end","pickerGradientOverlay","top","bottom","_default","exports","React","memo"],"sources":["DurationScroll.tsx"],"sourcesContent":["import React, {\n useRef,\n useCallback,\n forwardRef,\n useImperativeHandle,\n} from \"react\";\nimport {\n View,\n Text,\n FlatList,\n ViewabilityConfigCallbackPairs,\n ViewToken,\n NativeSyntheticEvent,\n NativeScrollEvent,\n} from \"react-native\";\n\nimport { generateNumbers } from \"../../utils/generateNumbers\";\nimport { colorToRgba } from \"../../utils/colorToRgba\";\nimport { generateStyles } from \"./TimerPicker.styles\";\nimport { getAdjustedLimit } from \"../../utils/getAdjustedLimit\";\nimport { getScrollIndex } from \"../../utils/getScrollIndex\";\n\nexport interface DurationScrollRef {\n reset: (options?: { animated?: boolean }) => void;\n setValue: (value: number, options?: { animated?: boolean }) => void;\n}\n\ntype LinearGradientPoint = {\n x: number;\n y: number;\n};\n\nexport type LinearGradientProps = React.ComponentProps<typeof View> & {\n colors: string[];\n locations?: number[] | null;\n start?: LinearGradientPoint | null;\n end?: LinearGradientPoint | null;\n};\n\nexport type LimitType = {\n max?: number;\n min?: number;\n};\n\ninterface DurationScrollProps {\n numberOfItems: number;\n label?: string | React.ReactElement;\n initialValue?: number;\n onDurationChange: (duration: number) => void;\n padNumbersWithZero?: boolean;\n disableInfiniteScroll?: boolean;\n limit?: LimitType;\n padWithNItems: number;\n pickerGradientOverlayProps?: Partial<LinearGradientProps>;\n topPickerGradientOverlayProps?: Partial<LinearGradientProps>;\n bottomPickerGradientOverlayProps?: Partial<LinearGradientProps>;\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n LinearGradient?: any;\n testID?: string;\n styles: ReturnType<typeof generateStyles>;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst KEY_EXTRACTOR = (_: any, index: number) => index.toString();\n\nconst DurationScroll = forwardRef<DurationScrollRef, DurationScrollProps>(\n (\n {\n numberOfItems,\n label,\n initialValue = 0,\n onDurationChange,\n padNumbersWithZero = false,\n disableInfiniteScroll = false,\n limit,\n padWithNItems,\n pickerGradientOverlayProps,\n topPickerGradientOverlayProps,\n bottomPickerGradientOverlayProps,\n LinearGradient,\n testID,\n styles,\n },\n ref\n ): React.ReactElement => {\n const flatListRef = useRef<FlatList | null>(null);\n\n const data = generateNumbers(numberOfItems, {\n padWithZero: padNumbersWithZero,\n repeatNTimes: 3,\n disableInfiniteScroll,\n padWithNItems: padWithNItems,\n });\n\n const numberOfItemsToShow = 1 + padWithNItems * 2;\n\n const adjustedLimited = getAdjustedLimit(limit, numberOfItems);\n\n const initialScrollIndex = getScrollIndex({\n value: initialValue,\n numberOfItems,\n padWithNItems,\n disableInfiniteScroll,\n });\n\n useImperativeHandle(ref, () => ({\n reset: (options) => {\n flatListRef.current?.scrollToIndex({\n animated: options?.animated ?? false,\n index: initialScrollIndex,\n });\n },\n setValue: (value, options) => {\n flatListRef.current?.scrollToIndex({\n animated: options?.animated ?? false,\n index: getScrollIndex({\n value: value,\n numberOfItems,\n padWithNItems,\n disableInfiniteScroll,\n }),\n });\n },\n }));\n\n const renderItem = useCallback(\n ({ item }: { item: string }) => {\n const intItem = parseInt(item);\n\n return (\n <View\n key={item}\n style={styles.pickerItemContainer}\n testID=\"picker-item\">\n <Text\n style={[\n styles.pickerItem,\n intItem > adjustedLimited.max ||\n intItem < adjustedLimited.min\n ? styles.disabledPickerItem\n : {},\n ]}>\n {item}\n </Text>\n </View>\n );\n },\n [\n adjustedLimited.max,\n adjustedLimited.min,\n styles.disabledPickerItem,\n styles.pickerItem,\n styles.pickerItemContainer,\n ]\n );\n\n const onMomentumScrollEnd = useCallback(\n (e: NativeSyntheticEvent<NativeScrollEvent>) => {\n const newIndex = Math.round(\n e.nativeEvent.contentOffset.y /\n styles.pickerItemContainer.height\n );\n let newDuration =\n (disableInfiniteScroll\n ? newIndex\n : newIndex + padWithNItems) %\n (numberOfItems + 1);\n\n // check limits\n if (newDuration > adjustedLimited.max) {\n const targetScrollIndex =\n newIndex - (newDuration - adjustedLimited.max);\n flatListRef.current?.scrollToIndex({\n animated: true,\n index:\n // guard against scrolling beyond end of list\n targetScrollIndex >= 0\n ? targetScrollIndex\n : adjustedLimited.max - 1,\n }); // scroll down to max\n newDuration = adjustedLimited.max;\n } else if (newDuration < adjustedLimited.min) {\n const targetScrollIndex =\n newIndex + (adjustedLimited.min - newDuration);\n flatListRef.current?.scrollToIndex({\n animated: true,\n index:\n // guard against scrolling beyond end of list\n targetScrollIndex <= data.length - 1\n ? targetScrollIndex\n : adjustedLimited.min,\n }); // scroll up to min\n newDuration = adjustedLimited.min;\n }\n\n onDurationChange(newDuration);\n },\n [\n adjustedLimited.max,\n adjustedLimited.min,\n data.length,\n disableInfiniteScroll,\n numberOfItems,\n onDurationChange,\n padWithNItems,\n styles.pickerItemContainer.height,\n ]\n );\n\n const onViewableItemsChanged = useCallback(\n ({ viewableItems }: { viewableItems: ViewToken[] }) => {\n if (\n viewableItems[0]?.index &&\n viewableItems[0].index < numberOfItems * 0.5\n ) {\n flatListRef.current?.scrollToIndex({\n animated: false,\n index: viewableItems[0].index + numberOfItems,\n });\n } else if (\n viewableItems[0]?.index &&\n viewableItems[0].index >= numberOfItems * 2.5\n ) {\n flatListRef.current?.scrollToIndex({\n animated: false,\n index: viewableItems[0].index - numberOfItems,\n });\n }\n },\n [numberOfItems]\n );\n\n const getItemLayout = useCallback(\n (_: ArrayLike<string> | null | undefined, index: number) => ({\n length: styles.pickerItemContainer.height,\n offset: styles.pickerItemContainer.height * index,\n index,\n }),\n [styles.pickerItemContainer.height]\n );\n\n const viewabilityConfigCallbackPairs =\n useRef<ViewabilityConfigCallbackPairs>([\n {\n viewabilityConfig: { viewAreaCoveragePercentThreshold: 25 },\n onViewableItemsChanged: onViewableItemsChanged,\n },\n ]);\n\n return (\n <View\n testID={testID}\n style={{\n height:\n styles.pickerItemContainer.height * numberOfItemsToShow,\n overflow: \"hidden\",\n }}>\n <FlatList\n ref={flatListRef}\n data={data}\n getItemLayout={getItemLayout}\n initialScrollIndex={initialScrollIndex}\n windowSize={numberOfItemsToShow}\n renderItem={renderItem}\n keyExtractor={KEY_EXTRACTOR}\n showsVerticalScrollIndicator={false}\n decelerationRate={0.9}\n scrollEventThrottle={16}\n snapToAlignment=\"start\"\n // used in place of snapToOffset due to bug on Android\n snapToOffsets={[...Array(data.length)].map(\n (_, i) => i * styles.pickerItemContainer.height\n )}\n viewabilityConfigCallbackPairs={\n !disableInfiniteScroll\n ? viewabilityConfigCallbackPairs?.current\n : undefined\n }\n onMomentumScrollEnd={onMomentumScrollEnd}\n testID=\"duration-scroll-flatlist\"\n />\n <View style={styles.pickerLabelContainer} pointerEvents=\"none\">\n {typeof label === \"string\" ? (\n <Text style={styles.pickerLabel}>{label}</Text>\n ) : (\n label ?? null\n )}\n </View>\n {LinearGradient ? (\n <>\n <LinearGradient\n colors={[\n styles.pickerContainer.backgroundColor ??\n \"white\",\n colorToRgba({\n color:\n styles.pickerContainer\n .backgroundColor ?? \"white\",\n opacity: 0,\n }),\n ]}\n start={{ x: 1, y: 0.3 }}\n end={{ x: 1, y: 1 }}\n pointerEvents=\"none\"\n {...pickerGradientOverlayProps}\n {...topPickerGradientOverlayProps}\n style={[styles.pickerGradientOverlay, { top: 0 }]}\n />\n <LinearGradient\n colors={[\n colorToRgba({\n color:\n styles.pickerContainer\n .backgroundColor ?? \"white\",\n opacity: 0,\n }),\n styles.pickerContainer.backgroundColor ??\n \"white\",\n ]}\n start={{ x: 1, y: 0 }}\n end={{ x: 1, y: 0.7 }}\n pointerEvents=\"none\"\n {...pickerGradientOverlayProps}\n {...bottomPickerGradientOverlayProps}\n style={[\n styles.pickerGradientOverlay,\n { bottom: -1 },\n ]}\n />\n </>\n ) : null}\n </View>\n );\n }\n);\n\nexport default React.memo(DurationScroll);\n"],"mappings":"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"}

package/dist/commonjs/components/TimerPicker/TimerPicker.styles.js ADDED Viewed

@@ -0,0 +1,67 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.generateStyles = void 0;
+var _reactNative = require("react-native");
+/* eslint-disable @typescript-eslint/no-explicit-any */
+const DARK_MODE_BACKGROUND_COLOR = "#232323";
+const DARK_MODE_TEXT_COLOR = "#E9E9E9";
+const LIGHT_MODE_BACKGROUND_COLOR = "#F1F1F1";
+const LIGHT_MODE_TEXT_COLOR = "#1B1B1B";
+const generateStyles = (customStyles, options) => {
+  var _customStyles$pickerI, _customStyles$pickerI2, _customStyles$pickerI3;
+  return _reactNative.StyleSheet.create({
+    pickerContainer: {
+      flexDirection: "row",
+      marginRight: "8%",
+      backgroundColor: (customStyles === null || customStyles === void 0 ? void 0 : customStyles.backgroundColor) ?? ((customStyles === null || customStyles === void 0 ? void 0 : customStyles.theme) === "dark" ? DARK_MODE_BACKGROUND_COLOR : LIGHT_MODE_BACKGROUND_COLOR),
+      ...(customStyles === null || customStyles === void 0 ? void 0 : customStyles.pickerContainer)
+    },
+    pickerLabelContainer: {
+      position: "absolute",
+      right: 4,
+      top: 0,
+      bottom: 0,
+      justifyContent: "center",
+      ...(customStyles === null || customStyles === void 0 ? void 0 : customStyles.pickerLabelContainer)
+    },
+    pickerLabel: {
+      fontSize: 18,
+      fontWeight: "bold",
+      marginTop: ((customStyles === null || customStyles === void 0 || (_customStyles$pickerI = customStyles.pickerItem) === null || _customStyles$pickerI === void 0 ? void 0 : _customStyles$pickerI.fontSize) ?? 25) / 6,
+      color: (customStyles === null || customStyles === void 0 ? void 0 : customStyles.theme) === "dark" ? DARK_MODE_TEXT_COLOR : LIGHT_MODE_TEXT_COLOR,
+      ...(customStyles === null || customStyles === void 0 ? void 0 : customStyles.text),
+      ...(customStyles === null || customStyles === void 0 ? void 0 : customStyles.pickerLabel)
+    },
+    pickerItemContainer: {
+      height: 50,
+      justifyContent: "center",
+      alignItems: "center",
+      width: ((customStyles === null || customStyles === void 0 || (_customStyles$pickerI2 = customStyles.pickerItem) === null || _customStyles$pickerI2 === void 0 ? void 0 : _customStyles$pickerI2.fontSize) ?? 25) * 3.6,
+      ...(customStyles === null || customStyles === void 0 ? void 0 : customStyles.pickerItemContainer)
+    },
+    pickerItem: {
+      textAlignVertical: "center",
+      fontSize: 25,
+      color: (customStyles === null || customStyles === void 0 ? void 0 : customStyles.theme) === "dark" ? DARK_MODE_TEXT_COLOR : LIGHT_MODE_TEXT_COLOR,
+      ...(customStyles === null || customStyles === void 0 ? void 0 : customStyles.text),
+      ...(customStyles === null || customStyles === void 0 ? void 0 : customStyles.pickerItem)
+    },
+    disabledPickerItem: {
+      opacity: 0.2,
+      ...(customStyles === null || customStyles === void 0 ? void 0 : customStyles.disabledPickerItem)
+    },
+    pickerGradientOverlay: {
+      position: "absolute",
+      left: 0,
+      right: 0,
+      height: options.padWithNItems === 0 ? "30%" : ((customStyles === null || customStyles === void 0 || (_customStyles$pickerI3 = customStyles.pickerItemContainer) === null || _customStyles$pickerI3 === void 0 ? void 0 : _customStyles$pickerI3.height) ?? 50) * 0.8,
+      ...(customStyles === null || customStyles === void 0 ? void 0 : customStyles.pickerGradientOverlay)
+    }
+  });
+};
+exports.generateStyles = generateStyles;
+//# sourceMappingURL=TimerPicker.styles.js.map

package/dist/commonjs/components/TimerPicker/TimerPicker.styles.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["_reactNative","require","DARK_MODE_BACKGROUND_COLOR","DARK_MODE_TEXT_COLOR","LIGHT_MODE_BACKGROUND_COLOR","LIGHT_MODE_TEXT_COLOR","generateStyles","customStyles","options","_customStyles$pickerI","_customStyles$pickerI2","_customStyles$pickerI3","StyleSheet","create","pickerContainer","flexDirection","marginRight","backgroundColor","theme","pickerLabelContainer","position","right","top","bottom","justifyContent","pickerLabel","fontSize","fontWeight","marginTop","pickerItem","color","text","pickerItemContainer","height","alignItems","width","textAlignVertical","disabledPickerItem","opacity","pickerGradientOverlay","left","padWithNItems","exports"],"sources":["TimerPicker.styles.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { StyleSheet } from \"react-native\";\n\nexport interface CustomTimerPickerStyles {\n theme?: \"light\" | \"dark\";\n backgroundColor?: string;\n text?: any;\n pickerContainer?: any;\n pickerLabelContainer?: any;\n pickerLabel?: any;\n pickerItemContainer?: any;\n pickerItem?: any;\n disabledPickerItem?: any;\n pickerGradientOverlay?: any;\n}\n\nconst DARK_MODE_BACKGROUND_COLOR = \"#232323\";\nconst DARK_MODE_TEXT_COLOR = \"#E9E9E9\";\nconst LIGHT_MODE_BACKGROUND_COLOR = \"#F1F1F1\";\nconst LIGHT_MODE_TEXT_COLOR = \"#1B1B1B\";\n\nexport const generateStyles = (\n customStyles: CustomTimerPickerStyles | undefined,\n options: { padWithNItems: number }\n) =>\n StyleSheet.create({\n pickerContainer: {\n flexDirection: \"row\",\n marginRight: \"8%\",\n backgroundColor:\n customStyles?.backgroundColor ??\n (customStyles?.theme === \"dark\"\n ? DARK_MODE_BACKGROUND_COLOR\n : LIGHT_MODE_BACKGROUND_COLOR),\n ...customStyles?.pickerContainer,\n },\n pickerLabelContainer: {\n position: \"absolute\",\n right: 4,\n top: 0,\n bottom: 0,\n justifyContent: \"center\",\n ...customStyles?.pickerLabelContainer,\n },\n pickerLabel: {\n fontSize: 18,\n fontWeight: \"bold\",\n marginTop: (customStyles?.pickerItem?.fontSize ?? 25) / 6,\n color:\n customStyles?.theme === \"dark\"\n ? DARK_MODE_TEXT_COLOR\n : LIGHT_MODE_TEXT_COLOR,\n ...customStyles?.text,\n ...customStyles?.pickerLabel,\n },\n pickerItemContainer: {\n height: 50,\n justifyContent: \"center\",\n alignItems: \"center\",\n width: (customStyles?.pickerItem?.fontSize ?? 25) * 3.6,\n ...customStyles?.pickerItemContainer,\n },\n pickerItem: {\n textAlignVertical: \"center\",\n fontSize: 25,\n color:\n customStyles?.theme === \"dark\"\n ? DARK_MODE_TEXT_COLOR\n : LIGHT_MODE_TEXT_COLOR,\n ...customStyles?.text,\n ...customStyles?.pickerItem,\n },\n disabledPickerItem: {\n opacity: 0.2,\n ...customStyles?.disabledPickerItem,\n },\n pickerGradientOverlay: {\n position: \"absolute\",\n left: 0,\n right: 0,\n height:\n options.padWithNItems === 0\n ? \"30%\"\n : (customStyles?.pickerItemContainer?.height ?? 50) * 0.8,\n ...customStyles?.pickerGradientOverlay,\n },\n });\n"],"mappings":"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"}

package/dist/commonjs/components/TimerPicker/index.js ADDED Viewed

@@ -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 _DurationScroll = _interopRequireDefault(require("./DurationScroll"));
+var _TimerPicker = require("./TimerPicker.styles");
+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 TimerPicker = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+    onDurationChange,
+    initialHours = 0,
+    initialMinutes = 0,
+    initialSeconds = 0,
+    hideHours = false,
+    hideMinutes = false,
+    hideSeconds = false,
+    hourLimit,
+    minuteLimit,
+    secondLimit,
+    hourLabel = "h",
+    minuteLabel = "m",
+    secondLabel = "s",
+    padWithNItems = 1,
+    disableInfiniteScroll = false,
+    LinearGradient,
+    pickerContainerProps,
+    pickerGradientOverlayProps,
+    topPickerGradientOverlayProps,
+    bottomPickerGradientOverlayProps,
+    styles: customStyles
+  } = _ref;
+  const checkedPadWithNItems = padWithNItems >= 0 ? Math.round(padWithNItems) : 0;
+  const styles = (0, _react.useMemo)(() => (0, _TimerPicker.generateStyles)(customStyles, {
+    padWithNItems: checkedPadWithNItems
+  }), [checkedPadWithNItems, customStyles]);
+  const [selectedHours, setSelectedHours] = (0, _react.useState)(initialHours);
+  const [selectedMinutes, setSelectedMinutes] = (0, _react.useState)(initialMinutes);
+  const [selectedSeconds, setSelectedSeconds] = (0, _react.useState)(initialSeconds);
+  (0, _react.useEffect)(() => {
+    onDurationChange === null || onDurationChange === void 0 || onDurationChange({
+      hours: selectedHours,
+      minutes: selectedMinutes,
+      seconds: selectedSeconds
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [selectedHours, selectedMinutes, selectedSeconds]);
+  const hoursDurationScrollRef = (0, _react.useRef)(null);
+  const minutesDurationScrollRef = (0, _react.useRef)(null);
+  const secondsDurationScrollRef = (0, _react.useRef)(null);
+  (0, _react.useImperativeHandle)(ref, () => ({
+    reset: options => {
+      var _hoursDurationScrollR, _minutesDurationScrol, _secondsDurationScrol;
+      setSelectedHours(initialHours);
+      setSelectedMinutes(initialMinutes);
+      setSelectedSeconds(initialSeconds);
+      (_hoursDurationScrollR = hoursDurationScrollRef.current) === null || _hoursDurationScrollR === void 0 || _hoursDurationScrollR.reset(options);
+      (_minutesDurationScrol = minutesDurationScrollRef.current) === null || _minutesDurationScrol === void 0 || _minutesDurationScrol.reset(options);
+      (_secondsDurationScrol = secondsDurationScrollRef.current) === null || _secondsDurationScrol === void 0 || _secondsDurationScrol.reset(options);
+    },
+    setValue: (value, options) => {
+      var _hoursDurationScrollR2, _minutesDurationScrol2, _secondsDurationScrol2;
+      setSelectedHours(value.hours);
+      setSelectedMinutes(value.minutes);
+      setSelectedSeconds(value.seconds);
+      (_hoursDurationScrollR2 = hoursDurationScrollRef.current) === null || _hoursDurationScrollR2 === void 0 || _hoursDurationScrollR2.setValue(value.hours, options);
+      (_minutesDurationScrol2 = minutesDurationScrollRef.current) === null || _minutesDurationScrol2 === void 0 || _minutesDurationScrol2.setValue(value.minutes, options);
+      (_secondsDurationScrol2 = secondsDurationScrollRef.current) === null || _secondsDurationScrol2 === void 0 || _secondsDurationScrol2.setValue(value.seconds, options);
+    }
+  }));
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({}, pickerContainerProps, {
+    style: styles.pickerContainer,
+    testID: "timer-picker"
+  }), !hideHours ? /*#__PURE__*/_react.default.createElement(_DurationScroll.default, {
+    ref: hoursDurationScrollRef,
+    numberOfItems: 23,
+    label: hourLabel,
+    initialValue: initialHours,
+    onDurationChange: setSelectedHours,
+    pickerGradientOverlayProps: pickerGradientOverlayProps,
+    topPickerGradientOverlayProps: topPickerGradientOverlayProps,
+    bottomPickerGradientOverlayProps: bottomPickerGradientOverlayProps,
+    disableInfiniteScroll: disableInfiniteScroll,
+    padWithNItems: checkedPadWithNItems,
+    limit: hourLimit,
+    LinearGradient: LinearGradient,
+    styles: styles,
+    testID: "duration-scroll-hour"
+  }) : null, !hideMinutes ? /*#__PURE__*/_react.default.createElement(_DurationScroll.default, {
+    ref: minutesDurationScrollRef,
+    numberOfItems: 59,
+    label: minuteLabel,
+    initialValue: initialMinutes,
+    onDurationChange: setSelectedMinutes,
+    padNumbersWithZero: true,
+    pickerGradientOverlayProps: pickerGradientOverlayProps,
+    topPickerGradientOverlayProps: topPickerGradientOverlayProps,
+    bottomPickerGradientOverlayProps: bottomPickerGradientOverlayProps,
+    disableInfiniteScroll: disableInfiniteScroll,
+    padWithNItems: checkedPadWithNItems,
+    limit: minuteLimit,
+    LinearGradient: LinearGradient,
+    styles: styles,
+    testID: "duration-scroll-minute"
+  }) : null, !hideSeconds ? /*#__PURE__*/_react.default.createElement(_DurationScroll.default, {
+    ref: secondsDurationScrollRef,
+    numberOfItems: 59,
+    label: secondLabel,
+    initialValue: initialSeconds,
+    onDurationChange: setSelectedSeconds,
+    padNumbersWithZero: true,
+    pickerGradientOverlayProps: pickerGradientOverlayProps,
+    topPickerGradientOverlayProps: topPickerGradientOverlayProps,
+    bottomPickerGradientOverlayProps: bottomPickerGradientOverlayProps,
+    disableInfiniteScroll: disableInfiniteScroll,
+    padWithNItems: checkedPadWithNItems,
+    limit: secondLimit,
+    LinearGradient: LinearGradient,
+    styles: styles,
+    testID: "duration-scroll-second"
+  }) : null);
+});
+var _default = exports.default = /*#__PURE__*/_react.default.memo(TimerPicker);
+//# sourceMappingURL=index.js.map