react-native-timer-picker 1.0.0 → 1.1.1

package/dist/components/DurationPicker/DurationScroll.js

@@ -1,121 +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 expo_linear_gradient_1 = require("expo-linear-gradient");
-var generateNumbers_1 = require("../../utils/generateNumbers");
-var colorToRgba_1 = require("../../utils/colorToRgba");
-var DurationScroll = function (_a) {
-    var _b, _c, _d, _e;
-    var numberOfItems = _a.numberOfItems, label = _a.label, _f = _a.initialIndex, initialIndex = _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, padWithNItems = _a.padWithNItems, pickerGradientOverlayProps = _a.pickerGradientOverlayProps, 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 renderItem = function (_a) {
-        var item = _a.item;
-        return (<react_native_1.View key={item} style={styles.pickerItemContainer}>
-            <react_native_1.Text style={styles.pickerItem}>{item}</react_native_1.Text>
-        </react_native_1.View>);
-    };
-    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,
-            });
-        }
-    }, []);
-    var viewabilityConfigCallbackPairs = (0, react_1.useRef)([
-        {
-            viewabilityConfig: { viewAreaCoveragePercentThreshold: 25 },
-            onViewableItemsChanged: onViewableItemsChanged,
-        },
-    ]);
-    return (<react_native_1.View style={{
-            height: styles.pickerItemContainer.height * numberOfItemsToShow,
-            overflow: "hidden",
-        }}>
-            <react_native_1.FlatList ref={flatListRef} data={data} getItemLayout={function (_, index) { return ({
-            length: styles.pickerItemContainer.height,
-            offset: styles.pickerItemContainer.height * index,
-            index: index,
-        }); }} initialScrollIndex={(initialIndex % numberOfItems) +
-            numberOfItems +
-            (disableInfiniteScroll ? padWithNItems : 0) -
-            (padWithNItems - 1)} windowSize={numberOfItemsToShow} renderItem={renderItem} keyExtractor={function (_, index) { return index.toString(); }} showsVerticalScrollIndicator={false} decelerationRate="fast" scrollEventThrottle={10} 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={function (e) {
-            var newIndex = Math.round(e.nativeEvent.contentOffset.y /
-                styles.pickerItemContainer.height);
-            onDurationChange((disableInfiniteScroll ? newIndex : newIndex) %
-                (numberOfItems + 1));
-        }}/>
-            <react_native_1.View style={styles.pickerLabelContainer}>
-                <react_native_1.Text style={styles.pickerLabel}>{label}</react_native_1.Text>
-            </react_native_1.View>
-            <expo_linear_gradient_1.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 }} {...pickerGradientOverlayProps} style={[styles.pickerGradientOverlay, { top: 0 }]}/>
-            <expo_linear_gradient_1.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 }} {...pickerGradientOverlayProps} style={[styles.pickerGradientOverlay, { bottom: -1 }]}/>
-        </react_native_1.View>);
-};
-exports.default = DurationScroll;

package/dist/components/DurationPicker/index.d.ts

@@ -1,27 +0,0 @@
-import React from "react";
-import { View } from "react-native";
-import { LinearGradient } from "expo-linear-gradient";
-import { CustomDurationPickerStyles } from "./DurationPicker.styles";
-export interface DurationPickerProps {
-    onDurationChange?: (duration: {
-        hours: number;
-        minutes: number;
-        seconds: number;
-    }) => void;
-    initialHours?: number;
-    initialMinutes?: number;
-    initialSeconds?: number;
-    hideHours?: boolean;
-    hideMinutes?: boolean;
-    hideSeconds?: boolean;
-    hourLabel?: string;
-    minuteLabel?: string;
-    secondLabel?: string;
-    padWithNItems?: number;
-    disableInfiniteScroll?: boolean;
-    pickerContainerProps?: React.ComponentProps<typeof View>;
-    pickerGradientOverlayProps?: React.ComponentProps<typeof LinearGradient>;
-    styles?: CustomDurationPickerStyles;
-}
-declare const DurationPicker: ({ onDurationChange, initialHours, initialMinutes, initialSeconds, hideHours, hideMinutes, hideSeconds, hourLabel, minuteLabel, secondLabel, padWithNItems, disableInfiniteScroll, pickerContainerProps, pickerGradientOverlayProps, styles: customStyles, }: DurationPickerProps) => React.ReactElement;
-export default DurationPicker;

package/dist/components/DurationPicker/index.js

@@ -1,55 +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 DurationPicker_styles_1 = require("./DurationPicker.styles");
-var DurationPicker = function (_a) {
-    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, _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, pickerContainerProps = _a.pickerContainerProps, pickerGradientOverlayProps = _a.pickerGradientOverlayProps, customStyles = _a.styles;
-    var checkedPadWithNItems = padWithNItems >= 0 ? Math.round(padWithNItems) : 0;
-    var styles = (0, DurationPicker_styles_1.generateStyles)(customStyles, {
-        padWithNItems: checkedPadWithNItems,
-    });
-    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,
-        });
-    }, [selectedHours, selectedMinutes, selectedSeconds]);
-    return (<react_native_1.View {...pickerContainerProps} style={styles.pickerContainer}>
-            {!hideHours ? (<DurationScroll_1.default numberOfItems={23} label={hourLabel} initialIndex={initialHours} onDurationChange={setSelectedHours} pickerGradientOverlayProps={pickerGradientOverlayProps} disableInfiniteScroll={disableInfiniteScroll} padWithNItems={checkedPadWithNItems} styles={styles}/>) : null}
-            {!hideMinutes ? (<DurationScroll_1.default numberOfItems={59} label={minuteLabel} initialIndex={initialMinutes} onDurationChange={setSelectedMinutes} padNumbersWithZero pickerGradientOverlayProps={pickerGradientOverlayProps} disableInfiniteScroll={disableInfiniteScroll} padWithNItems={checkedPadWithNItems} styles={styles}/>) : null}
-            {!hideSeconds ? (<DurationScroll_1.default numberOfItems={59} label={secondLabel} initialIndex={initialSeconds} onDurationChange={setSelectedSeconds} padNumbersWithZero pickerGradientOverlayProps={pickerGradientOverlayProps} disableInfiniteScroll={disableInfiniteScroll} padWithNItems={checkedPadWithNItems} styles={styles}/>) : null}
-        </react_native_1.View>);
-};
-exports.default = DurationPicker;

package/dist/components/DurationPickerModal.styles.d.ts

@@ -1,23 +0,0 @@
-import type { CustomDurationPickerStyles } from "./DurationPicker/DurationPicker.styles";
-export interface CustomDurationPickerModalStyles extends CustomDurationPickerStyles {
-    container?: any;
-    contentContainer?: any;
-    pickerContainer?: any;
-    pickerLabel?: any;
-    pickerItemContainer?: any;
-    pickerItem?: any;
-    buttonContainer?: any;
-    button?: any;
-    cancelButton?: any;
-    confirmButton?: any;
-    modalTitle?: any;
-}
-export declare const generateStyles: (customStyles: CustomDurationPickerModalStyles | undefined) => {
-    container: any;
-    contentContainer: any;
-    buttonContainer: any;
-    button: any;
-    cancelButton: any;
-    confirmButton: any;
-    modalTitle: any;
-};

package/dist/components/DurationPickerModal.styles.js

@@ -1,40 +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;
-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, _b, _c, _d;
-    return react_native_1.StyleSheet.create({
-        container: __assign({ flex: 1, justifyContent: "center", alignItems: "center" }, 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({ marginHorizontal: 12, paddingVertical: 10, paddingHorizontal: 20, borderWidth: 1, borderRadius: 10, fontSize: 16, overflow: "hidden" }, customStyles === null || customStyles === void 0 ? void 0 : customStyles.button),
-        cancelButton: __assign({ borderColor: "gray", color: ((_b = customStyles === null || customStyles === void 0 ? void 0 : customStyles.textColor) !== null && _b !== void 0 ? _b : (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.cancelButton),
-        confirmButton: __assign({ borderColor: "green", color: ((_c = customStyles === null || customStyles === void 0 ? void 0 : customStyles.textColor) !== null && _c !== void 0 ? _c : (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.confirmButton),
-        modalTitle: __assign({ fontSize: 24, fontWeight: "bold", marginBottom: 15, color: ((_d = customStyles === null || customStyles === void 0 ? void 0 : customStyles.textColor) !== null && _d !== void 0 ? _d : (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.modalTitle),
-    });
-};
-exports.generateStyles = generateStyles;

package/dist/components/Modal/Modal.styles.d.ts

@@ -1,22 +0,0 @@
-export declare const styles: {
-    container: {
-        position: "absolute";
-        top: number;
-        left: number;
-        right: number;
-        bottom: number;
-    };
-    backdrop: {
-        position: "absolute";
-        top: number;
-        bottom: number;
-        left: number;
-        right: number;
-        backgroundColor: string;
-        opacity: number;
-    };
-    content: {
-        flex: number;
-        justifyContent: "flex-end";
-    };
-};

package/dist/components/Modal/Modal.styles.js

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.styles = void 0;
-var react_native_1 = require("react-native");
-exports.styles = react_native_1.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: "flex-end",
-    },
-});

package/dist/components/Modal/index.d.ts

@@ -1,14 +0,0 @@
-import React from "react";
-interface ModalProps {
-    children?: React.ReactElement;
-    onOverlayPress?: () => void;
-    onHide?: () => void;
-    isVisible?: boolean;
-    animationDuration?: number;
-    overlayOpacity?: number;
-    modalProps?: any;
-    contentStyle?: any;
-    overlayStyle?: any;
-}
-export declare const Modal: ({ children, onOverlayPress, onHide, isVisible, animationDuration, overlayOpacity, modalProps, contentStyle, overlayStyle, }: ModalProps) => React.ReactElement;
-export default Modal;

package/dist/components/Modal/index.js

@@ -1,121 +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;
-    var _e = (0, react_1.useState)(react_native_1.Dimensions.get("window").height), screenHeight = _e[0], setScreenHeight = _e[1];
-    var _f = (0, react_1.useState)(react_native_1.Dimensions.get("window").width), screenWidth = _f[0], setScreenWidth = _f[1];
-    var isMounted = (0, react_1.useRef)(false);
-    var animatedOpacity = (0, react_1.useRef)(new react_native_1.Animated.Value(0));
-    var handleDimensionsUpdate = function (dimensionsUpdate) {
-        var updatedScreenWidth = dimensionsUpdate.window.width;
-        var updateadScreenHeight = dimensionsUpdate.window.height;
-        if (updatedScreenWidth !== screenWidth ||
-            updateadScreenHeight !== screenHeight) {
-            setScreenHeight(updateadScreenHeight);
-            setScreenWidth(updatedScreenWidth);
-        }
-    };
-    (0, react_1.useEffect)(function () {
-        isMounted.current = true;
-        if (isVisible) {
-            show();
-        }
-        var deviceEventEmitter = react_native_1.DeviceEventEmitter.addListener("didUpdateDimensions", handleDimensionsUpdate);
-        return function () {
-            deviceEventEmitter.remove();
-            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: false,
-            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: false,
-            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}>
-            <react_native_1.TouchableWithoutFeedback onPress={onOverlayPress}>
-                <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 = exports.Modal;

package/dist/components/TimerPicker/DurationScroll.d.ts

@@ -1,16 +0,0 @@
-import React from "react";
-import { LinearGradient } from "expo-linear-gradient";
-import { generateStyles } from "./TimerPicker.styles";
-interface DurationScrollProps {
-    numberOfItems: number;
-    label?: string;
-    initialIndex?: number;
-    onDurationChange: (duration: number) => void;
-    padNumbersWithZero?: boolean;
-    disableInfiniteScroll?: boolean;
-    padWithNItems: number;
-    pickerGradientOverlayProps?: React.ComponentProps<typeof LinearGradient>;
-    styles: ReturnType<typeof generateStyles>;
-}
-declare const DurationScroll: ({ numberOfItems, label, initialIndex, onDurationChange, padNumbersWithZero, disableInfiniteScroll, padWithNItems, pickerGradientOverlayProps, styles, }: DurationScrollProps) => React.ReactElement;
-export default DurationScroll;

package/dist/components/TimerPicker/DurationScroll.js

@@ -1,121 +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 expo_linear_gradient_1 = require("expo-linear-gradient");
-var generateNumbers_1 = require("../../utils/generateNumbers");
-var colorToRgba_1 = require("../../utils/colorToRgba");
-var DurationScroll = function (_a) {
-    var _b, _c, _d, _e;
-    var numberOfItems = _a.numberOfItems, label = _a.label, _f = _a.initialIndex, initialIndex = _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, padWithNItems = _a.padWithNItems, pickerGradientOverlayProps = _a.pickerGradientOverlayProps, 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 renderItem = function (_a) {
-        var item = _a.item;
-        return (<react_native_1.View key={item} style={styles.pickerItemContainer}>
-            <react_native_1.Text style={styles.pickerItem}>{item}</react_native_1.Text>
-        </react_native_1.View>);
-    };
-    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 viewabilityConfigCallbackPairs = (0, react_1.useRef)([
-        {
-            viewabilityConfig: { viewAreaCoveragePercentThreshold: 25 },
-            onViewableItemsChanged: onViewableItemsChanged,
-        },
-    ]);
-    return (<react_native_1.View style={{
-            height: styles.pickerItemContainer.height * numberOfItemsToShow,
-            overflow: "hidden",
-        }}>
-            <react_native_1.FlatList ref={flatListRef} data={data} getItemLayout={function (_, index) { return ({
-            length: styles.pickerItemContainer.height,
-            offset: styles.pickerItemContainer.height * index,
-            index: index,
-        }); }} initialScrollIndex={(initialIndex % numberOfItems) +
-            numberOfItems +
-            (disableInfiniteScroll ? padWithNItems : 0) -
-            (padWithNItems - 1)} windowSize={numberOfItemsToShow} renderItem={renderItem} keyExtractor={function (_, index) { return index.toString(); }} showsVerticalScrollIndicator={false} decelerationRate="fast" scrollEventThrottle={10} 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={function (e) {
-            var newIndex = Math.round(e.nativeEvent.contentOffset.y /
-                styles.pickerItemContainer.height);
-            onDurationChange((disableInfiniteScroll ? newIndex : newIndex) %
-                (numberOfItems + 1));
-        }}/>
-            <react_native_1.View style={styles.pickerLabelContainer}>
-                <react_native_1.Text style={styles.pickerLabel}>{label}</react_native_1.Text>
-            </react_native_1.View>
-            <expo_linear_gradient_1.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 }} {...pickerGradientOverlayProps} style={[styles.pickerGradientOverlay, { top: 0 }]}/>
-            <expo_linear_gradient_1.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 }} {...pickerGradientOverlayProps} style={[styles.pickerGradientOverlay, { bottom: -1 }]}/>
-        </react_native_1.View>);
-};
-exports.default = DurationScroll;

package/dist/components/TimerPicker/TimerPicker.styles.d.ts

@@ -1,26 +0,0 @@
-export interface CustomTimerPickerStyles {
-    theme?: "light" | "dark";
-    backgroundColor?: string;
-    textColor?: string;
-    pickerContainer?: any;
-    pickerLabelContainer?: any;
-    pickerLabel?: any;
-    pickerItemContainer?: any;
-    pickerItem?: any;
-    buttonContainer?: any;
-    button?: any;
-    cancelButton?: any;
-    confirmButton?: any;
-    modalTitle?: any;
-    pickerGradientOverlay?: any;
-}
-export declare const generateStyles: (customStyles: CustomTimerPickerStyles | undefined, options: {
-    padWithNItems: number;
-}) => {
-    pickerContainer: any;
-    pickerLabelContainer: any;
-    pickerLabel: any;
-    pickerItemContainer: any;
-    pickerItem: any;
-    pickerGradientOverlay: any;
-};