react-native-timer-picker 1.2.7 → 1.2.9

package/src/utils/getScrollIndex.ts

@@ -0,0 +1,15 @@
+export const getScrollIndex = (variables: {
+    value: number;
+    numberOfItems: number;
+    padWithNItems: number;
+    disableInfiniteScroll?: boolean;
+}) => {
+    const { value, numberOfItems, padWithNItems, disableInfiniteScroll } =
+        variables;
+
+    return (
+        ((value + numberOfItems) % (numberOfItems * 3)) +
+        (disableInfiniteScroll ? padWithNItems : 0) -
+        (padWithNItems - 1)
+    );
+};

package/src/utils/padWithZero.ts

@@ -0,0 +1,7 @@
+export const padWithZero = (value: number): string => {
+    if (value < 10) {
+        return "0" + value;
+    } else {
+        return String(value);
+    }
+};

package/dist/components/Modal/index.js

@@ -1,109 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Modal = void 0;
-/* eslint-disable @typescript-eslint/no-explicit-any */
-var react_1 = __importStar(require("react"));
-var react_native_1 = require("react-native");
-var Modal_styles_1 = require("./Modal.styles");
-var Modal = function (_a) {
-    var children = _a.children, onOverlayPress = _a.onOverlayPress, onHide = _a.onHide, _b = _a.isVisible, isVisible = _b === void 0 ? false : _b, _c = _a.animationDuration, animationDuration = _c === void 0 ? 300 : _c, _d = _a.overlayOpacity, overlayOpacity = _d === void 0 ? 0.4 : _d, modalProps = _a.modalProps, contentStyle = _a.contentStyle, overlayStyle = _a.overlayStyle, testID = _a.testID;
-    var _e = (0, react_native_1.useWindowDimensions)(), screenWidth = _e.width, screenHeight = _e.height;
-    var isMounted = (0, react_1.useRef)(false);
-    var animatedOpacity = (0, react_1.useRef)(new react_native_1.Animated.Value(0));
-    (0, react_1.useEffect)(function () {
-        isMounted.current = true;
-        if (isVisible) {
-            show();
-        }
-        return function () {
-            isMounted.current = false;
-        };
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-    var backdropAnimatedStyle = {
-        opacity: animatedOpacity.current.interpolate({
-            inputRange: [0, 1],
-            outputRange: [0, overlayOpacity],
-        }),
-    };
-    var contentAnimatedStyle = {
-        transform: [
-            {
-                translateY: animatedOpacity.current.interpolate({
-                    inputRange: [0, 1],
-                    outputRange: [screenHeight, 0],
-                    extrapolate: "clamp",
-                }),
-            },
-        ],
-    };
-    var show = (0, react_1.useCallback)(function () {
-        react_native_1.Animated.timing(animatedOpacity.current, {
-            easing: react_native_1.Easing.inOut(react_native_1.Easing.quad),
-            // Using native driver in the modal makes the content flash
-            useNativeDriver: true,
-            duration: animationDuration,
-            toValue: 1,
-        }).start();
-    }, [animationDuration]);
-    var hide = (0, react_1.useCallback)(function () {
-        react_native_1.Animated.timing(animatedOpacity.current, {
-            easing: react_native_1.Easing.inOut(react_native_1.Easing.quad),
-            // Using native driver in the modal makes the content flash
-            useNativeDriver: true,
-            duration: animationDuration,
-            toValue: 0,
-        }).start(function () {
-            if (isMounted.current) {
-                onHide === null || onHide === void 0 ? void 0 : onHide();
-            }
-        });
-    }, [animationDuration, onHide]);
-    (0, react_1.useEffect)(function () {
-        if (isVisible) {
-            show();
-        }
-        else {
-            hide();
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [isVisible]);
-    return (<react_native_1.Modal transparent animationType="fade" visible={isVisible} {...modalProps} testID={testID !== null && testID !== void 0 ? testID : "modal"}>
-            <react_native_1.TouchableWithoutFeedback onPress={onOverlayPress} testID="modal-backdrop">
-                <react_native_1.Animated.View style={[
-            Modal_styles_1.styles.backdrop,
-            backdropAnimatedStyle,
-            { width: screenWidth, height: screenHeight },
-            overlayStyle,
-        ]}/>
-            </react_native_1.TouchableWithoutFeedback>
-            <react_native_1.Animated.View style={[Modal_styles_1.styles.content, contentAnimatedStyle, contentStyle]} pointerEvents="box-none">
-                {children}
-            </react_native_1.Animated.View>
-        </react_native_1.Modal>);
-};
-exports.Modal = Modal;
-exports.default = react_1.default.memo(exports.Modal);

package/dist/components/TimerPicker/DurationScroll.js

@@ -1,211 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var react_native_1 = require("react-native");
-var generateNumbers_1 = require("../../utils/generateNumbers");
-var colorToRgba_1 = require("../../utils/colorToRgba");
-var getAdjustedLimit_1 = require("../../utils/getAdjustedLimit");
-var getScrollIndex_1 = require("../../utils/getScrollIndex");
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-var KEY_EXTRACTOR = function (_, index) { return index.toString(); };
-var DurationScroll = (0, react_1.forwardRef)(function (_a, ref) {
-    var _b, _c, _d, _e;
-    var numberOfItems = _a.numberOfItems, label = _a.label, _f = _a.initialValue, initialValue = _f === void 0 ? 0 : _f, onDurationChange = _a.onDurationChange, _g = _a.padNumbersWithZero, padNumbersWithZero = _g === void 0 ? false : _g, _h = _a.disableInfiniteScroll, disableInfiniteScroll = _h === void 0 ? false : _h, limit = _a.limit, padWithNItems = _a.padWithNItems, pickerGradientOverlayProps = _a.pickerGradientOverlayProps, topPickerGradientOverlayProps = _a.topPickerGradientOverlayProps, bottomPickerGradientOverlayProps = _a.bottomPickerGradientOverlayProps, LinearGradient = _a.LinearGradient, testID = _a.testID, styles = _a.styles;
-    var flatListRef = (0, react_1.useRef)(null);
-    var data = (0, generateNumbers_1.generateNumbers)(numberOfItems, {
-        padWithZero: padNumbersWithZero,
-        repeatNTimes: 3,
-        disableInfiniteScroll: disableInfiniteScroll,
-        padWithNItems: padWithNItems,
-    });
-    var numberOfItemsToShow = 1 + padWithNItems * 2;
-    var adjustedLimited = (0, getAdjustedLimit_1.getAdjustedLimit)(limit, numberOfItems);
-    var initialScrollIndex = (0, getScrollIndex_1.getScrollIndex)({
-        value: initialValue,
-        numberOfItems: numberOfItems,
-        padWithNItems: padWithNItems,
-        disableInfiniteScroll: disableInfiniteScroll,
-    });
-    (0, react_1.useImperativeHandle)(ref, function () { return ({
-        reset: function (options) {
-            var _a, _b;
-            (_a = flatListRef.current) === null || _a === void 0 ? void 0 : _a.scrollToIndex({
-                animated: (_b = options === null || options === void 0 ? void 0 : options.animated) !== null && _b !== void 0 ? _b : false,
-                index: initialScrollIndex,
-            });
-        },
-        setValue: function (value, options) {
-            var _a, _b;
-            (_a = flatListRef.current) === null || _a === void 0 ? void 0 : _a.scrollToIndex({
-                animated: (_b = options === null || options === void 0 ? void 0 : options.animated) !== null && _b !== void 0 ? _b : false,
-                index: (0, getScrollIndex_1.getScrollIndex)({
-                    value: value,
-                    numberOfItems: numberOfItems,
-                    padWithNItems: padWithNItems,
-                    disableInfiniteScroll: disableInfiniteScroll,
-                }),
-            });
-        },
-    }); });
-    var renderItem = (0, react_1.useCallback)(function (_a) {
-        var item = _a.item;
-        var intItem = parseInt(item);
-        return (<react_native_1.View key={item} style={styles.pickerItemContainer} testID="picker-item">
-                        <react_native_1.Text style={[
-                styles.pickerItem,
-                intItem > adjustedLimited.max ||
-                    intItem < adjustedLimited.min
-                    ? styles.disabledPickerItem
-                    : {},
-            ]}>
-                            {item}
-                        </react_native_1.Text>
-                    </react_native_1.View>);
-    }, [
-        adjustedLimited.max,
-        adjustedLimited.min,
-        styles.disabledPickerItem,
-        styles.pickerItem,
-        styles.pickerItemContainer,
-    ]);
-    var onMomentumScrollEnd = (0, react_1.useCallback)(function (e) {
-        var _a, _b;
-        var newIndex = Math.round(e.nativeEvent.contentOffset.y /
-            styles.pickerItemContainer.height);
-        var newDuration = (disableInfiniteScroll
-            ? newIndex
-            : newIndex + padWithNItems) %
-            (numberOfItems + 1);
-        // check limits
-        if (newDuration > adjustedLimited.max) {
-            var targetScrollIndex = newIndex - (newDuration - adjustedLimited.max);
-            (_a = flatListRef.current) === null || _a === void 0 ? void 0 : _a.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 targetScrollIndex = newIndex + (adjustedLimited.min - newDuration);
-            (_b = flatListRef.current) === null || _b === void 0 ? void 0 : _b.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,
-    ]);
-    var onViewableItemsChanged = (0, react_1.useCallback)(function (_a) {
-        var _b, _c, _d, _e;
-        var viewableItems = _a.viewableItems;
-        if (((_b = viewableItems[0]) === null || _b === void 0 ? void 0 : _b.index) &&
-            viewableItems[0].index < numberOfItems * 0.5) {
-            (_c = flatListRef.current) === null || _c === void 0 ? void 0 : _c.scrollToIndex({
-                animated: false,
-                index: viewableItems[0].index + numberOfItems,
-            });
-        }
-        else if (((_d = viewableItems[0]) === null || _d === void 0 ? void 0 : _d.index) &&
-            viewableItems[0].index >= numberOfItems * 2.5) {
-            (_e = flatListRef.current) === null || _e === void 0 ? void 0 : _e.scrollToIndex({
-                animated: false,
-                index: viewableItems[0].index - numberOfItems,
-            });
-        }
-    }, [numberOfItems]);
-    var getItemLayout = (0, react_1.useCallback)(function (_, index) { return ({
-        length: styles.pickerItemContainer.height,
-        offset: styles.pickerItemContainer.height * index,
-        index: index,
-    }); }, [styles.pickerItemContainer.height]);
-    var viewabilityConfigCallbackPairs = (0, react_1.useRef)([
-        {
-            viewabilityConfig: { viewAreaCoveragePercentThreshold: 25 },
-            onViewableItemsChanged: onViewableItemsChanged,
-        },
-    ]);
-    return (<react_native_1.View testID={testID} style={{
-            height: styles.pickerItemContainer.height * numberOfItemsToShow,
-            overflow: "hidden",
-        }}>
-                <react_native_1.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={__spreadArray([], Array(data.length), true).map(function (_, i) { return i * styles.pickerItemContainer.height; })} viewabilityConfigCallbackPairs={!disableInfiniteScroll
-            ? viewabilityConfigCallbackPairs === null || viewabilityConfigCallbackPairs === void 0 ? void 0 : viewabilityConfigCallbackPairs.current
-            : undefined} onMomentumScrollEnd={onMomentumScrollEnd} testID="duration-scroll-flatlist"/>
-                <react_native_1.View style={styles.pickerLabelContainer} pointerEvents="none">
-                    {typeof label === "string" ? (<react_native_1.Text style={styles.pickerLabel}>{label}</react_native_1.Text>) : (label !== null && label !== void 0 ? label : null)}
-                </react_native_1.View>
-                {LinearGradient ? (<>
-                        <LinearGradient colors={[
-                (_b = styles.pickerContainer.backgroundColor) !== null && _b !== void 0 ? _b : "white",
-                (0, colorToRgba_1.colorToRgba)({
-                    color: (_c = styles.pickerContainer
-                        .backgroundColor) !== null && _c !== void 0 ? _c : "white",
-                    opacity: 0,
-                }),
-            ]} start={{ x: 1, y: 0.3 }} end={{ x: 1, y: 1 }} pointerEvents="none" {...pickerGradientOverlayProps} {...topPickerGradientOverlayProps} style={[styles.pickerGradientOverlay, { top: 0 }]}/>
-                        <LinearGradient colors={[
-                (0, colorToRgba_1.colorToRgba)({
-                    color: (_d = styles.pickerContainer
-                        .backgroundColor) !== null && _d !== void 0 ? _d : "white",
-                    opacity: 0,
-                }),
-                (_e = styles.pickerContainer.backgroundColor) !== null && _e !== void 0 ? _e : "white",
-            ]} start={{ x: 1, y: 0 }} end={{ x: 1, y: 0.7 }} pointerEvents="none" {...pickerGradientOverlayProps} {...bottomPickerGradientOverlayProps} style={[
-                styles.pickerGradientOverlay,
-                { bottom: -1 },
-            ]}/>
-                    </>) : null}
-            </react_native_1.View>);
-});
-exports.default = react_1.default.memo(DurationScroll);

package/dist/components/TimerPicker/TimerPicker.styles.js

@@ -1,41 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.generateStyles = void 0;
-/* eslint-disable @typescript-eslint/no-explicit-any */
-var react_native_1 = require("react-native");
-var DARK_MODE_BACKGROUND_COLOR = "#232323";
-var DARK_MODE_TEXT_COLOR = "#E9E9E9";
-var LIGHT_MODE_BACKGROUND_COLOR = "#F1F1F1";
-var LIGHT_MODE_TEXT_COLOR = "#1B1B1B";
-var generateStyles = function (customStyles, options) {
-    var _a, _b, _c, _d, _e, _f, _g;
-    return react_native_1.StyleSheet.create({
-        pickerContainer: __assign({ flexDirection: "row", marginRight: "8%", backgroundColor: (_a = customStyles === null || customStyles === void 0 ? void 0 : customStyles.backgroundColor) !== null && _a !== void 0 ? _a : ((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: __assign({ position: "absolute", right: 4, top: 0, bottom: 0, justifyContent: "center" }, customStyles === null || customStyles === void 0 ? void 0 : customStyles.pickerLabelContainer),
-        pickerLabel: __assign(__assign({ fontSize: 18, fontWeight: "bold", marginTop: ((_c = (_b = customStyles === null || customStyles === void 0 ? void 0 : customStyles.pickerItem) === null || _b === void 0 ? void 0 : _b.fontSize) !== null && _c !== void 0 ? _c : 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: __assign({ height: 50, justifyContent: "center", alignItems: "center", width: ((_e = (_d = customStyles === null || customStyles === void 0 ? void 0 : customStyles.pickerItem) === null || _d === void 0 ? void 0 : _d.fontSize) !== null && _e !== void 0 ? _e : 25) * 3.6 }, customStyles === null || customStyles === void 0 ? void 0 : customStyles.pickerItemContainer),
-        pickerItem: __assign(__assign({ 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: __assign({ opacity: 0.2 }, customStyles === null || customStyles === void 0 ? void 0 : customStyles.disabledPickerItem),
-        pickerGradientOverlay: __assign({ position: "absolute", left: 0, right: 0, height: options.padWithNItems === 0
-                ? "30%"
-                : ((_g = (_f = customStyles === null || customStyles === void 0 ? void 0 : customStyles.pickerItemContainer) === null || _f === void 0 ? void 0 : _f.height) !== null && _g !== void 0 ? _g : 50) * 0.8 }, customStyles === null || customStyles === void 0 ? void 0 : customStyles.pickerGradientOverlay),
-    });
-};
-exports.generateStyles = generateStyles;

package/dist/components/TimerPicker/index.js

@@ -1,81 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var react_native_1 = require("react-native");
-var DurationScroll_1 = __importDefault(require("./DurationScroll"));
-var TimerPicker_styles_1 = require("./TimerPicker.styles");
-var TimerPicker = (0, react_1.forwardRef)(function (_a, ref) {
-    var onDurationChange = _a.onDurationChange, _b = _a.initialHours, initialHours = _b === void 0 ? 0 : _b, _c = _a.initialMinutes, initialMinutes = _c === void 0 ? 0 : _c, _d = _a.initialSeconds, initialSeconds = _d === void 0 ? 0 : _d, _e = _a.hideHours, hideHours = _e === void 0 ? false : _e, _f = _a.hideMinutes, hideMinutes = _f === void 0 ? false : _f, _g = _a.hideSeconds, hideSeconds = _g === void 0 ? false : _g, hourLimit = _a.hourLimit, minuteLimit = _a.minuteLimit, secondLimit = _a.secondLimit, _h = _a.hourLabel, hourLabel = _h === void 0 ? "h" : _h, _j = _a.minuteLabel, minuteLabel = _j === void 0 ? "m" : _j, _k = _a.secondLabel, secondLabel = _k === void 0 ? "s" : _k, _l = _a.padWithNItems, padWithNItems = _l === void 0 ? 1 : _l, _m = _a.disableInfiniteScroll, disableInfiniteScroll = _m === void 0 ? false : _m, LinearGradient = _a.LinearGradient, pickerContainerProps = _a.pickerContainerProps, pickerGradientOverlayProps = _a.pickerGradientOverlayProps, topPickerGradientOverlayProps = _a.topPickerGradientOverlayProps, bottomPickerGradientOverlayProps = _a.bottomPickerGradientOverlayProps, customStyles = _a.styles;
-    var checkedPadWithNItems = padWithNItems >= 0 ? Math.round(padWithNItems) : 0;
-    var styles = (0, react_1.useMemo)(function () {
-        return (0, TimerPicker_styles_1.generateStyles)(customStyles, {
-            padWithNItems: checkedPadWithNItems,
-        });
-    }, [checkedPadWithNItems, customStyles]);
-    var _o = (0, react_1.useState)(initialHours), selectedHours = _o[0], setSelectedHours = _o[1];
-    var _p = (0, react_1.useState)(initialMinutes), selectedMinutes = _p[0], setSelectedMinutes = _p[1];
-    var _q = (0, react_1.useState)(initialSeconds), selectedSeconds = _q[0], setSelectedSeconds = _q[1];
-    (0, react_1.useEffect)(function () {
-        onDurationChange === null || onDurationChange === void 0 ? void 0 : onDurationChange({
-            hours: selectedHours,
-            minutes: selectedMinutes,
-            seconds: selectedSeconds,
-        });
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [selectedHours, selectedMinutes, selectedSeconds]);
-    var hoursDurationScrollRef = (0, react_1.useRef)(null);
-    var minutesDurationScrollRef = (0, react_1.useRef)(null);
-    var secondsDurationScrollRef = (0, react_1.useRef)(null);
-    (0, react_1.useImperativeHandle)(ref, function () { return ({
-        reset: function (options) {
-            var _a, _b, _c;
-            setSelectedHours(initialHours);
-            setSelectedMinutes(initialMinutes);
-            setSelectedSeconds(initialSeconds);
-            (_a = hoursDurationScrollRef.current) === null || _a === void 0 ? void 0 : _a.reset(options);
-            (_b = minutesDurationScrollRef.current) === null || _b === void 0 ? void 0 : _b.reset(options);
-            (_c = secondsDurationScrollRef.current) === null || _c === void 0 ? void 0 : _c.reset(options);
-        },
-        setValue: function (value, options) {
-            var _a, _b, _c;
-            setSelectedHours(value.hours);
-            setSelectedMinutes(value.minutes);
-            setSelectedSeconds(value.seconds);
-            (_a = hoursDurationScrollRef.current) === null || _a === void 0 ? void 0 : _a.setValue(value.hours, options);
-            (_b = minutesDurationScrollRef.current) === null || _b === void 0 ? void 0 : _b.setValue(value.minutes, options);
-            (_c = secondsDurationScrollRef.current) === null || _c === void 0 ? void 0 : _c.setValue(value.seconds, options);
-        },
-    }); });
-    return (<react_native_1.View {...pickerContainerProps} style={styles.pickerContainer} testID="timer-picker">
-                {!hideHours ? (<DurationScroll_1.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 ? (<DurationScroll_1.default ref={minutesDurationScrollRef} numberOfItems={59} label={minuteLabel} initialValue={initialMinutes} onDurationChange={setSelectedMinutes} padNumbersWithZero pickerGradientOverlayProps={pickerGradientOverlayProps} topPickerGradientOverlayProps={topPickerGradientOverlayProps} bottomPickerGradientOverlayProps={bottomPickerGradientOverlayProps} disableInfiniteScroll={disableInfiniteScroll} padWithNItems={checkedPadWithNItems} limit={minuteLimit} LinearGradient={LinearGradient} styles={styles} testID="duration-scroll-minute"/>) : null}
-                {!hideSeconds ? (<DurationScroll_1.default ref={secondsDurationScrollRef} numberOfItems={59} label={secondLabel} initialValue={initialSeconds} onDurationChange={setSelectedSeconds} padNumbersWithZero pickerGradientOverlayProps={pickerGradientOverlayProps} topPickerGradientOverlayProps={topPickerGradientOverlayProps} bottomPickerGradientOverlayProps={bottomPickerGradientOverlayProps} disableInfiniteScroll={disableInfiniteScroll} padWithNItems={checkedPadWithNItems} limit={secondLimit} LinearGradient={LinearGradient} styles={styles} testID="duration-scroll-second"/>) : null}
-            </react_native_1.View>);
-});
-exports.default = react_1.default.memo(TimerPicker);

package/dist/components/TimerPickerModal.styles.js

@@ -1,37 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.generateStyles = void 0;
-/* eslint-disable @typescript-eslint/no-explicit-any */
-var react_native_1 = require("react-native");
-var DARK_MODE_BACKGROUND_COLOR = "#232323";
-var DARK_MODE_TEXT_COLOR = "#E9E9E9";
-var LIGHT_MODE_BACKGROUND_COLOR = "#F1F1F1";
-var LIGHT_MODE_TEXT_COLOR = "#1B1B1B";
-var generateStyles = function (customStyles) {
-    var _a;
-    return react_native_1.StyleSheet.create({
-        container: __assign({ justifyContent: "center", alignItems: "center", overflow: "hidden" }, customStyles === null || customStyles === void 0 ? void 0 : customStyles.container),
-        contentContainer: __assign({ backgroundColor: ((_a = customStyles === null || customStyles === void 0 ? void 0 : customStyles.backgroundColor) !== null && _a !== void 0 ? _a : (customStyles === null || customStyles === void 0 ? void 0 : customStyles.theme) === "dark")
-                ? DARK_MODE_BACKGROUND_COLOR
-                : LIGHT_MODE_BACKGROUND_COLOR, justifyContent: "center", alignItems: "center", borderRadius: 20, padding: 20 }, customStyles === null || customStyles === void 0 ? void 0 : customStyles.contentContainer),
-        buttonContainer: __assign({ flexDirection: "row", marginTop: 25 }, customStyles === null || customStyles === void 0 ? void 0 : customStyles.buttonContainer),
-        button: __assign(__assign({ marginHorizontal: 12, paddingVertical: 10, paddingHorizontal: 20, borderWidth: 1, borderRadius: 10, fontSize: 16, overflow: "hidden" }, customStyles === null || customStyles === void 0 ? void 0 : customStyles.text), customStyles === null || customStyles === void 0 ? void 0 : customStyles.button),
-        cancelButton: __assign(__assign({ borderColor: "gray", color: (customStyles === null || customStyles === void 0 ? void 0 : customStyles.theme) === "dark" ? DARK_MODE_TEXT_COLOR : "gray", backgroundColor: (customStyles === null || customStyles === void 0 ? void 0 : customStyles.theme) === "dark" ? "gray" : undefined }, customStyles === null || customStyles === void 0 ? void 0 : customStyles.text), customStyles === null || customStyles === void 0 ? void 0 : customStyles.cancelButton),
-        confirmButton: __assign(__assign({ borderColor: "green", color: (customStyles === null || customStyles === void 0 ? void 0 : customStyles.theme) === "dark" ? DARK_MODE_TEXT_COLOR : "green", backgroundColor: (customStyles === null || customStyles === void 0 ? void 0 : customStyles.theme) === "dark" ? "green" : undefined }, customStyles === null || customStyles === void 0 ? void 0 : customStyles.text), customStyles === null || customStyles === void 0 ? void 0 : customStyles.confirmButton),
-        modalTitle: __assign(__assign({ fontSize: 24, fontWeight: "bold", marginBottom: 15, 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.modalTitle),
-    });
-};
-exports.generateStyles = generateStyles;

package/dist/components/index.js

@@ -1,118 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var react_native_1 = require("react-native");
-var TimerPicker_1 = __importDefault(require("./TimerPicker"));
-var Modal_1 = __importDefault(require("./Modal"));
-var TimerPickerModal_styles_1 = require("./TimerPickerModal.styles");
-var TimerPickerModal = (0, react_1.forwardRef)(function (_a, ref) {
-    var visible = _a.visible, setIsVisible = _a.setIsVisible, onConfirm = _a.onConfirm, onCancel = _a.onCancel, onDurationChange = _a.onDurationChange, closeOnOverlayPress = _a.closeOnOverlayPress, _b = _a.initialHours, initialHours = _b === void 0 ? 0 : _b, _c = _a.initialMinutes, initialMinutes = _c === void 0 ? 0 : _c, _d = _a.initialSeconds, initialSeconds = _d === void 0 ? 0 : _d, _e = _a.hideHours, hideHours = _e === void 0 ? false : _e, _f = _a.hideMinutes, hideMinutes = _f === void 0 ? false : _f, _g = _a.hideSeconds, hideSeconds = _g === void 0 ? false : _g, hourLimit = _a.hourLimit, minuteLimit = _a.minuteLimit, secondLimit = _a.secondLimit, _h = _a.hourLabel, hourLabel = _h === void 0 ? "h" : _h, _j = _a.minuteLabel, minuteLabel = _j === void 0 ? "m" : _j, _k = _a.secondLabel, secondLabel = _k === void 0 ? "s" : _k, _l = _a.padWithNItems, padWithNItems = _l === void 0 ? 1 : _l, _m = _a.disableInfiniteScroll, disableInfiniteScroll = _m === void 0 ? false : _m, _o = _a.hideCancelButton, hideCancelButton = _o === void 0 ? false : _o, _p = _a.confirmButtonText, confirmButtonText = _p === void 0 ? "Confirm" : _p, _q = _a.cancelButtonText, cancelButtonText = _q === void 0 ? "Cancel" : _q, modalTitle = _a.modalTitle, LinearGradient = _a.LinearGradient, modalProps = _a.modalProps, containerProps = _a.containerProps, contentContainerProps = _a.contentContainerProps, pickerContainerProps = _a.pickerContainerProps, buttonContainerProps = _a.buttonContainerProps, buttonTouchableOpacityProps = _a.buttonTouchableOpacityProps, modalTitleProps = _a.modalTitleProps, pickerGradientOverlayProps = _a.pickerGradientOverlayProps, topPickerGradientOverlayProps = _a.topPickerGradientOverlayProps, bottomPickerGradientOverlayProps = _a.bottomPickerGradientOverlayProps, customStyles = _a.styles;
-    var styles = (0, TimerPickerModal_styles_1.generateStyles)(customStyles);
-    var _r = (0, react_1.useState)({
-        hours: initialHours,
-        minutes: initialMinutes,
-        seconds: initialSeconds,
-    }), selectedDuration = _r[0], setSelectedDuration = _r[1];
-    var _s = (0, react_1.useState)({
-        hours: initialHours,
-        minutes: initialMinutes,
-        seconds: initialSeconds,
-    }), confirmedDuration = _s[0], setConfirmedDuration = _s[1];
-    var hideModal = function () {
-        setSelectedDuration({
-            hours: confirmedDuration.hours,
-            minutes: confirmedDuration.minutes,
-            seconds: confirmedDuration.seconds,
-        });
-        setIsVisible(false);
-    };
-    var confirm = function () {
-        setConfirmedDuration(selectedDuration);
-        onConfirm(selectedDuration);
-    };
-    var cancel = function () {
-        setIsVisible(false);
-        setSelectedDuration(confirmedDuration);
-        onCancel === null || onCancel === void 0 ? void 0 : onCancel();
-    };
-    // wrapped in useCallback to avoid unnecessary re-renders of TimerPicker
-    var durationChange = (0, react_1.useCallback)(function (duration) {
-        setSelectedDuration(duration);
-        onDurationChange === null || onDurationChange === void 0 ? void 0 : onDurationChange(duration);
-    }, [onDurationChange]);
-    var timerPickerRef = (0, react_1.useRef)(null);
-    (0, react_1.useImperativeHandle)(ref, function () { return ({
-        reset: function (options) {
-            var _a;
-            var initialDuration = {
-                hours: initialHours,
-                minutes: initialMinutes,
-                seconds: initialSeconds,
-            };
-            setSelectedDuration(initialDuration);
-            setConfirmedDuration(initialDuration);
-            (_a = timerPickerRef.current) === null || _a === void 0 ? void 0 : _a.reset(options);
-        },
-        setValue: function (value, options) {
-            var _a;
-            setSelectedDuration(value);
-            setConfirmedDuration(value);
-            (_a = timerPickerRef.current) === null || _a === void 0 ? void 0 : _a.setValue(value, options);
-        },
-    }); });
-    return (<Modal_1.default isVisible={visible} onOverlayPress={closeOnOverlayPress ? hideModal : undefined} {...modalProps} testID="timer-picker-modal">
-                <react_native_1.View {...containerProps} style={styles.container}>
-                    <react_native_1.View {...contentContainerProps} style={styles.contentContainer}>
-                        {modalTitle ? (<react_native_1.Text {...modalTitleProps} style={styles.modalTitle}>
-                                {modalTitle}
-                            </react_native_1.Text>) : null}
-                        <TimerPicker_1.default ref={timerPickerRef} onDurationChange={durationChange} initialHours={confirmedDuration.hours} initialMinutes={confirmedDuration.minutes} initialSeconds={confirmedDuration.seconds} hideHours={hideHours} hideMinutes={hideMinutes} hideSeconds={hideSeconds} hourLimit={hourLimit} minuteLimit={minuteLimit} secondLimit={secondLimit} hourLabel={hourLabel} minuteLabel={minuteLabel} secondLabel={secondLabel} padWithNItems={padWithNItems} disableInfiniteScroll={disableInfiniteScroll} LinearGradient={LinearGradient} pickerContainerProps={pickerContainerProps} pickerGradientOverlayProps={pickerGradientOverlayProps} topPickerGradientOverlayProps={topPickerGradientOverlayProps} bottomPickerGradientOverlayProps={bottomPickerGradientOverlayProps} styles={customStyles}/>
-                        <react_native_1.View {...buttonContainerProps} style={styles.buttonContainer}>
-                            {!hideCancelButton ? (<react_native_1.TouchableOpacity onPress={cancel} {...buttonTouchableOpacityProps}>
-                                    <react_native_1.Text style={[
-                styles.button,
-                styles.cancelButton,
-            ]}>
-                                        {cancelButtonText}
-                                    </react_native_1.Text>
-                                </react_native_1.TouchableOpacity>) : null}
-                            <react_native_1.TouchableOpacity onPress={confirm} {...buttonTouchableOpacityProps}>
-                                <react_native_1.Text style={[
-            styles.button,
-            styles.confirmButton,
-        ]}>
-                                    {confirmButtonText}
-                                </react_native_1.Text>
-                            </react_native_1.TouchableOpacity>
-                        </react_native_1.View>
-                    </react_native_1.View>
-                </react_native_1.View>
-            </Modal_1.default>);
-});
-exports.default = react_1.default.memo(TimerPickerModal);

package/dist/index.d.ts

@@ -1,4 +0,0 @@
-export { default as TimerPickerModal, TimerPickerModalProps, TimerPickerModalRef, } from "./components";
-export { default as TimerPicker, TimerPickerProps, TimerPickerRef, } from "./components/TimerPicker";
-export { CustomTimerPickerModalStyles } from "./components/TimerPickerModal.styles";
-export { CustomTimerPickerStyles } from "./components/TimerPicker/TimerPicker.styles";

package/dist/index.js

@@ -1,10 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TimerPicker = exports.TimerPickerModal = void 0;
-var components_1 = require("./components");
-Object.defineProperty(exports, "TimerPickerModal", { enumerable: true, get: function () { return __importDefault(components_1).default; } });
-var TimerPicker_1 = require("./components/TimerPicker");
-Object.defineProperty(exports, "TimerPicker", { enumerable: true, get: function () { return __importDefault(TimerPicker_1).default; } });