react-native-timer-picker 1.5.4 → 1.6.0

package/dist/module/components/TimerPicker/DurationScroll.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useRef","useCallback","forwardRef","useImperativeHandle","View","Text","FlatList","generate12HourNumbers","generateNumbers","colorToRgba","getAdjustedLimit","getScrollIndex","KEY_EXTRACTOR","_","index","toString","DurationScroll","numberOfItems","label","initialValue","onDurationChange","padNumbersWithZero","disableInfiniteScroll","limit","aggressivelyGetLatestDuration","allowFontScaling","is12HourPicker","amLabel","pmLabel","padWithNItems","pickerGradientOverlayProps","topPickerGradientOverlayProps","bottomPickerGradientOverlayProps","LinearGradient","testID","styles","ref","data","repeatNTimes","numberOfItemsToShow","adjustedLimited","initialScrollIndex","value","latestDuration","flatListRef","reset","options","_flatListRef$current","current","scrollToIndex","animated","setValue","_flatListRef$current2","renderItem","item","stringItem","intItem","isAm","parseInt","includes","replace","createElement","key","style","pickerItemContainer","pickerItem","max","min","disabledPickerItem","pickerAmPmContainer","pointerEvents","pickerAmPmLabel","onScroll","e","newIndex","Math","round","nativeEvent","contentOffset","y","height","newDuration","onMomentumScrollEnd","_flatListRef$current3","targetScrollIndex","_flatListRef$current4","length","onViewableItemsChanged","viewableItems","_viewableItems$","_viewableItems$2","_flatListRef$current5","_flatListRef$current6","getItemLayout","offset","viewabilityConfigCallbackPairs","viewabilityConfig","viewAreaCoveragePercentThreshold","overflow","windowSize","keyExtractor","showsVerticalScrollIndicator","decelerationRate","scrollEventThrottle","snapToAlignment","snapToOffsets","Array","map","i","undefined","pickerLabelContainer","pickerLabel","Fragment","_extends","colors","pickerContainer","backgroundColor","color","opacity","start","x","end","pickerGradientOverlay","top","bottom","memo"],"sources":["DurationScroll.tsx"],"sourcesContent":["import React, {\n    useRef,\n    useCallback,\n    forwardRef,\n    useImperativeHandle,\n    MutableRefObject,\n} from \"react\";\nimport {\n    View,\n    Text,\n    FlatList,\n    ViewabilityConfigCallbackPairs,\n    ViewToken,\n    NativeSyntheticEvent,\n    NativeScrollEvent,\n} from \"react-native\";\n\nimport {\n    generate12HourNumbers,\n    generateNumbers,\n} 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    latestDuration: MutableRefObject<number>;\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    allowFontScaling?: boolean;\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    aggressivelyGetLatestDuration: boolean;\n    is12HourPicker?: boolean;\n    amLabel?: string;\n    pmLabel?: string;\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            aggressivelyGetLatestDuration,\n            allowFontScaling = false,\n            is12HourPicker,\n            amLabel,\n            pmLabel,\n            padWithNItems,\n            pickerGradientOverlayProps,\n            topPickerGradientOverlayProps,\n            bottomPickerGradientOverlayProps,\n            LinearGradient,\n            testID,\n            styles,\n        },\n        ref\n    ): React.ReactElement => {\n        const data = !is12HourPicker\n            ? generateNumbers(numberOfItems, {\n                  padNumbersWithZero,\n                  repeatNTimes: 3,\n                  disableInfiniteScroll,\n                  padWithNItems,\n              })\n            : generate12HourNumbers({\n                  padNumbersWithZero,\n                  repeatNTimes: 3,\n                  disableInfiniteScroll,\n                  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        const latestDuration = useRef(0);\n\n        const flatListRef = useRef<FlatList | null>(null);\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            latestDuration: latestDuration,\n        }));\n\n        const renderItem = useCallback(\n            ({ item }: { item: string }) => {\n                let stringItem = item;\n                let intItem: number;\n                let isAm: boolean | undefined;\n\n                if (!is12HourPicker) {\n                    intItem = parseInt(item);\n                } else {\n                    isAm = item.includes(\"AM\");\n                    stringItem = item.replace(/\\s[AP]M/g, \"\");\n                    intItem = parseInt(stringItem);\n                }\n\n                return (\n                    <View\n                        key={item}\n                        style={styles.pickerItemContainer}\n                        testID=\"picker-item\">\n                        <Text\n                            allowFontScaling={allowFontScaling}\n                            style={[\n                                styles.pickerItem,\n                                intItem > adjustedLimited.max ||\n                                intItem < adjustedLimited.min\n                                    ? styles.disabledPickerItem\n                                    : {},\n                            ]}>\n                            {stringItem}\n                        </Text>\n                        {is12HourPicker ? (\n                            <View\n                                style={styles.pickerAmPmContainer}\n                                pointerEvents=\"none\">\n                                <Text\n                                    style={[styles.pickerAmPmLabel]}\n                                    allowFontScaling={allowFontScaling}>\n                                    {isAm ? amLabel : pmLabel}\n                                </Text>\n                            </View>\n                        ) : null}\n                    </View>\n                );\n            },\n            [\n                adjustedLimited.max,\n                adjustedLimited.min,\n                allowFontScaling,\n                amLabel,\n                is12HourPicker,\n                pmLabel,\n                styles.disabledPickerItem,\n                styles.pickerAmPmContainer,\n                styles.pickerAmPmLabel,\n                styles.pickerItem,\n                styles.pickerItemContainer,\n            ]\n        );\n\n        const onScroll = useCallback(\n            (e: NativeSyntheticEvent<NativeScrollEvent>) => {\n                // this function is only used when the picker is in a modal\n                // it is used to ensure that the modal gets the latest duration on clicking\n                // the confirm button, even if the scrollview is still scrolling\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                    newDuration = adjustedLimited.max;\n                } else if (newDuration < adjustedLimited.min) {\n                    newDuration = adjustedLimited.min;\n                }\n                latestDuration.current = newDuration;\n            },\n            [\n                adjustedLimited.max,\n                adjustedLimited.min,\n                disableInfiniteScroll,\n                numberOfItems,\n                padWithNItems,\n                styles.pickerItemContainer.height,\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: \"visible\",\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.88}\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                    onScroll={\n                        aggressivelyGetLatestDuration ? onScroll : undefined\n                    }\n                    testID=\"duration-scroll-flatlist\"\n                />\n                <View style={styles.pickerLabelContainer} pointerEvents=\"none\">\n                    {typeof label === \"string\" ? (\n                        <Text\n                            allowFontScaling={allowFontScaling}\n                            style={styles.pickerLabel}>\n                            {label}\n                        </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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"}
+{"version":3,"names":["React","useRef","useCallback","forwardRef","useImperativeHandle","View","Text","FlatList","generate12HourNumbers","generateNumbers","colorToRgba","getAdjustedLimit","getScrollIndex","KEY_EXTRACTOR","_","index","toString","DurationScroll","numberOfItems","label","initialValue","onDurationChange","padNumbersWithZero","disableInfiniteScroll","limit","isDisabled","aggressivelyGetLatestDuration","allowFontScaling","is12HourPicker","amLabel","pmLabel","padWithNItems","pickerGradientOverlayProps","topPickerGradientOverlayProps","bottomPickerGradientOverlayProps","LinearGradient","testID","styles","ref","data","repeatNTimes","numberOfItemsToShow","adjustedLimited","initialScrollIndex","value","latestDuration","flatListRef","reset","options","_flatListRef$current","current","scrollToIndex","animated","setValue","_flatListRef$current2","renderItem","item","stringItem","intItem","isAm","parseInt","includes","replace","createElement","key","style","pickerItemContainer","pickerItem","max","min","disabledPickerItem","pickerAmPmContainer","pointerEvents","pickerAmPmLabel","onScroll","e","newIndex","Math","round","nativeEvent","contentOffset","y","height","newDuration","onMomentumScrollEnd","_flatListRef$current3","targetScrollIndex","_flatListRef$current4","length","onViewableItemsChanged","viewableItems","_viewableItems$","_viewableItems$2","_flatListRef$current5","_flatListRef$current6","getItemLayout","offset","viewabilityConfigCallbackPairs","viewabilityConfig","viewAreaCoveragePercentThreshold","undefined","overflow","disabledPickerContainer","windowSize","keyExtractor","showsVerticalScrollIndicator","decelerationRate","scrollEventThrottle","snapToAlignment","scrollEnabled","snapToOffsets","Array","map","i","pickerLabelContainer","pickerLabel","Fragment","_extends","colors","pickerContainer","backgroundColor","color","opacity","start","x","end","pickerGradientOverlay","top","bottom","memo"],"sources":["DurationScroll.tsx"],"sourcesContent":["import React, {\n    useRef,\n    useCallback,\n    forwardRef,\n    useImperativeHandle,\n    MutableRefObject,\n} from \"react\";\nimport {\n    View,\n    Text,\n    FlatList,\n    ViewabilityConfigCallbackPairs,\n    ViewToken,\n    NativeSyntheticEvent,\n    NativeScrollEvent,\n} from \"react-native\";\n\nimport {\n    generate12HourNumbers,\n    generateNumbers,\n} 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    latestDuration: MutableRefObject<number>;\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    allowFontScaling?: boolean;\n    numberOfItems: number;\n    label?: string | React.ReactElement;\n    initialValue?: number;\n    onDurationChange: (duration: number) => void;\n    padNumbersWithZero?: boolean;\n    disableInfiniteScroll?: boolean;\n    isDisabled?: boolean;\n    limit?: LimitType;\n    aggressivelyGetLatestDuration: boolean;\n    is12HourPicker?: boolean;\n    amLabel?: string;\n    pmLabel?: string;\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            isDisabled,\n            aggressivelyGetLatestDuration,\n            allowFontScaling = false,\n            is12HourPicker,\n            amLabel,\n            pmLabel,\n            padWithNItems,\n            pickerGradientOverlayProps,\n            topPickerGradientOverlayProps,\n            bottomPickerGradientOverlayProps,\n            LinearGradient,\n            testID,\n            styles,\n        },\n        ref\n    ): React.ReactElement => {\n        const data = !is12HourPicker\n            ? generateNumbers(numberOfItems, {\n                  padNumbersWithZero,\n                  repeatNTimes: 3,\n                  disableInfiniteScroll,\n                  padWithNItems,\n              })\n            : generate12HourNumbers({\n                  padNumbersWithZero,\n                  repeatNTimes: 3,\n                  disableInfiniteScroll,\n                  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        const latestDuration = useRef(0);\n\n        const flatListRef = useRef<FlatList | null>(null);\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            latestDuration: latestDuration,\n        }));\n\n        const renderItem = useCallback(\n            ({ item }: { item: string }) => {\n                let stringItem = item;\n                let intItem: number;\n                let isAm: boolean | undefined;\n\n                if (!is12HourPicker) {\n                    intItem = parseInt(item);\n                } else {\n                    isAm = item.includes(\"AM\");\n                    stringItem = item.replace(/\\s[AP]M/g, \"\");\n                    intItem = parseInt(stringItem);\n                }\n\n                return (\n                    <View\n                        key={item}\n                        style={styles.pickerItemContainer}\n                        testID=\"picker-item\">\n                        <Text\n                            allowFontScaling={allowFontScaling}\n                            style={[\n                                styles.pickerItem,\n                                intItem > adjustedLimited.max ||\n                                intItem < adjustedLimited.min\n                                    ? styles.disabledPickerItem\n                                    : {},\n                            ]}>\n                            {stringItem}\n                        </Text>\n                        {is12HourPicker ? (\n                            <View\n                                style={styles.pickerAmPmContainer}\n                                pointerEvents=\"none\">\n                                <Text\n                                    style={[styles.pickerAmPmLabel]}\n                                    allowFontScaling={allowFontScaling}>\n                                    {isAm ? amLabel : pmLabel}\n                                </Text>\n                            </View>\n                        ) : null}\n                    </View>\n                );\n            },\n            [\n                adjustedLimited.max,\n                adjustedLimited.min,\n                allowFontScaling,\n                amLabel,\n                is12HourPicker,\n                pmLabel,\n                styles.disabledPickerItem,\n                styles.pickerAmPmContainer,\n                styles.pickerAmPmLabel,\n                styles.pickerItem,\n                styles.pickerItemContainer,\n            ]\n        );\n\n        const onScroll = useCallback(\n            (e: NativeSyntheticEvent<NativeScrollEvent>) => {\n                // this function is only used when the picker is in a modal\n                // it is used to ensure that the modal gets the latest duration on clicking\n                // the confirm button, even if the scrollview is still scrolling\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                    newDuration = adjustedLimited.max;\n                } else if (newDuration < adjustedLimited.min) {\n                    newDuration = adjustedLimited.min;\n                }\n                latestDuration.current = newDuration;\n            },\n            [\n                adjustedLimited.max,\n                adjustedLimited.min,\n                disableInfiniteScroll,\n                numberOfItems,\n                padWithNItems,\n                styles.pickerItemContainer.height,\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                pointerEvents={isDisabled ? \"none\" : undefined}\n                style={[\n                    {\n                        height:\n                            styles.pickerItemContainer.height *\n                            numberOfItemsToShow,\n                        overflow: \"visible\",\n                    },\n                    isDisabled && styles.disabledPickerContainer,\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.88}\n                    scrollEventThrottle={16}\n                    snapToAlignment=\"start\"\n                    scrollEnabled={!isDisabled}\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                    onScroll={\n                        aggressivelyGetLatestDuration ? onScroll : undefined\n                    }\n                    testID=\"duration-scroll-flatlist\"\n                />\n                <View style={styles.pickerLabelContainer} pointerEvents=\"none\">\n                    {typeof label === \"string\" ? (\n                        <Text\n                            allowFontScaling={allowFontScaling}\n                            style={styles.pickerLabel}>\n                            {label}\n                        </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/module/components/TimerPicker/TimerPicker.styles.js

@@ -63,6 +63,10 @@ export const generateStyles = (customStyles, options) => {
       ...(customStyles === null || customStyles === void 0 ? void 0 : customStyles.pickerLabel),
       ...(customStyles === null || customStyles === void 0 ? void 0 : customStyles.pickerAmPmLabel)
     },
+    disabledPickerContainer: {
+      opacity: 0.4,
+      ...(customStyles === null || customStyles === void 0 ? void 0 : customStyles.disabledPickerContainer)
+    },
     disabledPickerItem: {
       opacity: 0.2,
       ...(customStyles === null || customStyles === void 0 ? void 0 : customStyles.disabledPickerItem)

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

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","DARK_MODE_BACKGROUND_COLOR","DARK_MODE_TEXT_COLOR","LIGHT_MODE_BACKGROUND_COLOR","LIGHT_MODE_TEXT_COLOR","generateStyles","customStyles","options","_customStyles$pickerL","_customStyles$text","_customStyles$pickerI","_customStyles$text2","_customStyles$pickerI2","_customStyles$pickerI3","_customStyles$pickerI4","create","pickerContainer","flexDirection","marginRight","backgroundColor","theme","pickerLabelContainer","position","right","top","bottom","justifyContent","minWidth","pickerLabel","fontSize","text","fontWeight","marginTop","pickerItem","color","pickerItemContainer","height","alignItems","width","textAlignVertical","pickerAmPmContainer","pickerAmPmLabel","disabledPickerItem","opacity","pickerGradientOverlay","left","padWithNItems"],"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    pickerAmPmContainer?: any;\n    pickerAmPmLabel?: 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            minWidth:\n                (customStyles?.pickerLabel?.fontSize ??\n                    customStyles?.text?.fontSize ??\n                    25) * 0.65,\n            ...customStyles?.pickerLabelContainer,\n        },\n        pickerLabel: {\n            fontSize: 18,\n            fontWeight: \"bold\",\n            marginTop:\n                (customStyles?.pickerItem?.fontSize ??\n                    customStyles?.text?.fontSize ??\n                    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            flexDirection: \"row\",\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        pickerAmPmContainer: {\n            position: \"absolute\",\n            right: 0,\n            top: 0,\n            bottom: 0,\n            justifyContent: \"center\",\n            ...customStyles?.pickerLabelContainer,\n            ...customStyles?.pickerAmPmContainer,\n        },\n        pickerAmPmLabel: {\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            ...customStyles?.pickerAmPmLabel,\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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"}
+{"version":3,"names":["StyleSheet","DARK_MODE_BACKGROUND_COLOR","DARK_MODE_TEXT_COLOR","LIGHT_MODE_BACKGROUND_COLOR","LIGHT_MODE_TEXT_COLOR","generateStyles","customStyles","options","_customStyles$pickerL","_customStyles$text","_customStyles$pickerI","_customStyles$text2","_customStyles$pickerI2","_customStyles$pickerI3","_customStyles$pickerI4","create","pickerContainer","flexDirection","marginRight","backgroundColor","theme","pickerLabelContainer","position","right","top","bottom","justifyContent","minWidth","pickerLabel","fontSize","text","fontWeight","marginTop","pickerItem","color","pickerItemContainer","height","alignItems","width","textAlignVertical","pickerAmPmContainer","pickerAmPmLabel","disabledPickerContainer","opacity","disabledPickerItem","pickerGradientOverlay","left","padWithNItems"],"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    pickerAmPmContainer?: any;\n    pickerAmPmLabel?: any;\n    pickerItemContainer?: any;\n    pickerItem?: any;\n    disabledPickerContainer?: 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            minWidth:\n                (customStyles?.pickerLabel?.fontSize ??\n                    customStyles?.text?.fontSize ??\n                    25) * 0.65,\n            ...customStyles?.pickerLabelContainer,\n        },\n        pickerLabel: {\n            fontSize: 18,\n            fontWeight: \"bold\",\n            marginTop:\n                (customStyles?.pickerItem?.fontSize ??\n                    customStyles?.text?.fontSize ??\n                    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            flexDirection: \"row\",\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        pickerAmPmContainer: {\n            position: \"absolute\",\n            right: 0,\n            top: 0,\n            bottom: 0,\n            justifyContent: \"center\",\n            ...customStyles?.pickerLabelContainer,\n            ...customStyles?.pickerAmPmContainer,\n        },\n        pickerAmPmLabel: {\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            ...customStyles?.pickerAmPmLabel,\n        },\n        disabledPickerContainer: {\n            opacity: 0.4,\n            ...customStyles?.disabledPickerContainer,\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/module/components/TimerPicker/index.js

@@ -12,6 +12,9 @@ const TimerPicker = /*#__PURE__*/forwardRef(({
   hideHours = false,
   hideMinutes = false,
   hideSeconds = false,
+  hoursPickerIsDisabled = false,
+  minutesPickerIsDisabled = false,
+  secondsPickerIsDisabled = false,
   hourLimit,
   minuteLimit,
   secondLimit,
@@ -84,6 +87,7 @@ const TimerPicker = /*#__PURE__*/forwardRef(({
     ref: hoursDurationScrollRef,
     numberOfItems: 23,
     label: hourLabel ?? (!use12HourPicker ? "h" : undefined),
+    isDisabled: hoursPickerIsDisabled,
     initialValue: initialHours,
     allowFontScaling: allowFontScaling,
     aggressivelyGetLatestDuration: aggressivelyGetLatestDuration,
@@ -104,6 +108,7 @@ const TimerPicker = /*#__PURE__*/forwardRef(({
     ref: minutesDurationScrollRef,
     numberOfItems: 59,
     label: minuteLabel ?? "m",
+    isDisabled: minutesPickerIsDisabled,
     initialValue: initialMinutes,
     allowFontScaling: allowFontScaling,
     aggressivelyGetLatestDuration: aggressivelyGetLatestDuration,
@@ -122,6 +127,7 @@ const TimerPicker = /*#__PURE__*/forwardRef(({
     ref: secondsDurationScrollRef,
     numberOfItems: 59,
     label: secondLabel ?? "s",
+    isDisabled: secondsPickerIsDisabled,
     initialValue: initialSeconds,
     allowFontScaling: allowFontScaling,
     aggressivelyGetLatestDuration: aggressivelyGetLatestDuration,

package/dist/module/components/TimerPicker/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","forwardRef","useEffect","useImperativeHandle","useMemo","useRef","useState","View","DurationScroll","generateStyles","TimerPicker","allowFontScaling","onDurationChange","initialHours","initialMinutes","initialSeconds","hideHours","hideMinutes","hideSeconds","hourLimit","minuteLimit","secondLimit","hourLabel","minuteLabel","secondLabel","padWithNItems","disableInfiniteScroll","aggressivelyGetLatestDuration","use12HourPicker","amLabel","pmLabel","LinearGradient","pickerContainerProps","pickerGradientOverlayProps","topPickerGradientOverlayProps","bottomPickerGradientOverlayProps","styles","customStyles","ref","checkedPadWithNItems","Math","round","selectedHours","setSelectedHours","selectedMinutes","setSelectedMinutes","selectedSeconds","setSelectedSeconds","hours","minutes","seconds","hoursDurationScrollRef","minutesDurationScrollRef","secondsDurationScrollRef","_hoursDurationScrollR3","_minutesDurationScrol3","_secondsDurationScrol3","reset","options","_hoursDurationScrollR","_minutesDurationScrol","_secondsDurationScrol","current","setValue","value","_hoursDurationScrollR2","_minutesDurationScrol2","_secondsDurationScrol2","latestDuration","createElement","_extends","style","pickerContainer","testID","numberOfItems","label","undefined","initialValue","limit","is12HourPicker","padNumbersWithZero","memo"],"sources":["index.tsx"],"sourcesContent":["import React, {\n    MutableRefObject,\n    forwardRef,\n    useEffect,\n    useImperativeHandle,\n    useMemo,\n    useRef,\n    useState,\n} from \"react\";\nimport { View } from \"react-native\";\n\nimport DurationScroll, { DurationScrollRef, LimitType } from \"./DurationScroll\";\n\nimport { generateStyles, CustomTimerPickerStyles } from \"./TimerPicker.styles\";\nimport { LinearGradientProps } from \"./DurationScroll\";\n\nexport interface TimerPickerRef {\n    reset: (options?: { animated?: boolean }) => void;\n    setValue: (\n        value: {\n            hours: number;\n            minutes: number;\n            seconds: number;\n        },\n        options?: { animated?: boolean }\n    ) => void;\n    latestDuration: {\n        hours: MutableRefObject<number> | undefined;\n        minutes: MutableRefObject<number> | undefined;\n        seconds: MutableRefObject<number> | undefined;\n    };\n}\n\nexport interface TimerPickerProps {\n    allowFontScaling?: boolean;\n    onDurationChange?: (duration: {\n        hours: number;\n        minutes: number;\n        seconds: number;\n    }) => void;\n    initialHours?: number;\n    initialMinutes?: number;\n    initialSeconds?: number;\n    aggressivelyGetLatestDuration?: boolean;\n    use12HourPicker?: boolean;\n    amLabel?: string;\n    pmLabel?: string;\n    hideHours?: boolean;\n    hideMinutes?: boolean;\n    hideSeconds?: boolean;\n    hourLimit?: LimitType;\n    minuteLimit?: LimitType;\n    secondLimit?: LimitType;\n    hourLabel?: string | React.ReactElement;\n    minuteLabel?: string | React.ReactElement;\n    secondLabel?: string | React.ReactElement;\n    padWithNItems?: number;\n    disableInfiniteScroll?: boolean;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    LinearGradient?: any;\n    pickerContainerProps?: React.ComponentProps<typeof View>;\n    pickerGradientOverlayProps?: Partial<LinearGradientProps>;\n    topPickerGradientOverlayProps?: Partial<LinearGradientProps>;\n    bottomPickerGradientOverlayProps?: Partial<LinearGradientProps>;\n    styles?: CustomTimerPickerStyles;\n}\n\nconst TimerPicker = forwardRef<TimerPickerRef, TimerPickerProps>(\n    (\n        {\n            allowFontScaling = false,\n            onDurationChange,\n            initialHours = 0,\n            initialMinutes = 0,\n            initialSeconds = 0,\n            hideHours = false,\n            hideMinutes = false,\n            hideSeconds = false,\n            hourLimit,\n            minuteLimit,\n            secondLimit,\n            hourLabel,\n            minuteLabel,\n            secondLabel,\n            padWithNItems = 1,\n            disableInfiniteScroll = false,\n            aggressivelyGetLatestDuration = false,\n            use12HourPicker = false,\n            amLabel = \"am\",\n            pmLabel = \"pm\",\n            LinearGradient,\n            pickerContainerProps,\n            pickerGradientOverlayProps,\n            topPickerGradientOverlayProps,\n            bottomPickerGradientOverlayProps,\n            styles: customStyles,\n        },\n        ref\n    ): React.ReactElement => {\n        const checkedPadWithNItems =\n            padWithNItems >= 0 ? Math.round(padWithNItems) : 0;\n\n        const styles = useMemo(\n            () =>\n                generateStyles(customStyles, {\n                    padWithNItems: checkedPadWithNItems,\n                }),\n\n            [checkedPadWithNItems, customStyles]\n        );\n\n        const [selectedHours, setSelectedHours] = useState(initialHours);\n        const [selectedMinutes, setSelectedMinutes] = useState(initialMinutes);\n        const [selectedSeconds, setSelectedSeconds] = useState(initialSeconds);\n\n        useEffect(() => {\n            onDurationChange?.({\n                hours: selectedHours,\n                minutes: selectedMinutes,\n                seconds: selectedSeconds,\n            });\n            // eslint-disable-next-line react-hooks/exhaustive-deps\n        }, [selectedHours, selectedMinutes, selectedSeconds]);\n\n        const hoursDurationScrollRef = useRef<DurationScrollRef>(null);\n        const minutesDurationScrollRef = useRef<DurationScrollRef>(null);\n        const secondsDurationScrollRef = useRef<DurationScrollRef>(null);\n\n        useImperativeHandle(ref, () => ({\n            reset: (options) => {\n                setSelectedHours(initialHours);\n                setSelectedMinutes(initialMinutes);\n                setSelectedSeconds(initialSeconds);\n                hoursDurationScrollRef.current?.reset(options);\n                minutesDurationScrollRef.current?.reset(options);\n                secondsDurationScrollRef.current?.reset(options);\n            },\n            setValue: (value, options) => {\n                setSelectedHours(value.hours);\n                setSelectedMinutes(value.minutes);\n                setSelectedSeconds(value.seconds);\n                hoursDurationScrollRef.current?.setValue(value.hours, options);\n                minutesDurationScrollRef.current?.setValue(\n                    value.minutes,\n                    options\n                );\n                secondsDurationScrollRef.current?.setValue(\n                    value.seconds,\n                    options\n                );\n            },\n            latestDuration: {\n                hours: hoursDurationScrollRef.current?.latestDuration,\n                minutes: minutesDurationScrollRef.current?.latestDuration,\n                seconds: secondsDurationScrollRef.current?.latestDuration,\n            },\n        }));\n\n        return (\n            <View\n                {...pickerContainerProps}\n                style={styles.pickerContainer}\n                testID=\"timer-picker\">\n                {!hideHours ? (\n                    <DurationScroll\n                        ref={hoursDurationScrollRef}\n                        numberOfItems={23}\n                        label={\n                            hourLabel ?? (!use12HourPicker ? \"h\" : undefined)\n                        }\n                        initialValue={initialHours}\n                        allowFontScaling={allowFontScaling}\n                        aggressivelyGetLatestDuration={\n                            aggressivelyGetLatestDuration\n                        }\n                        onDurationChange={setSelectedHours}\n                        pickerGradientOverlayProps={pickerGradientOverlayProps}\n                        topPickerGradientOverlayProps={\n                            topPickerGradientOverlayProps\n                        }\n                        bottomPickerGradientOverlayProps={\n                            bottomPickerGradientOverlayProps\n                        }\n                        disableInfiniteScroll={disableInfiniteScroll}\n                        padWithNItems={checkedPadWithNItems}\n                        limit={hourLimit}\n                        LinearGradient={LinearGradient}\n                        is12HourPicker={use12HourPicker}\n                        amLabel={amLabel}\n                        pmLabel={pmLabel}\n                        styles={styles}\n                        testID=\"duration-scroll-hour\"\n                    />\n                ) : null}\n                {!hideMinutes ? (\n                    <DurationScroll\n                        ref={minutesDurationScrollRef}\n                        numberOfItems={59}\n                        label={minuteLabel ?? \"m\"}\n                        initialValue={initialMinutes}\n                        allowFontScaling={allowFontScaling}\n                        aggressivelyGetLatestDuration={\n                            aggressivelyGetLatestDuration\n                        }\n                        onDurationChange={setSelectedMinutes}\n                        padNumbersWithZero\n                        pickerGradientOverlayProps={pickerGradientOverlayProps}\n                        topPickerGradientOverlayProps={\n                            topPickerGradientOverlayProps\n                        }\n                        bottomPickerGradientOverlayProps={\n                            bottomPickerGradientOverlayProps\n                        }\n                        disableInfiniteScroll={disableInfiniteScroll}\n                        padWithNItems={checkedPadWithNItems}\n                        limit={minuteLimit}\n                        LinearGradient={LinearGradient}\n                        styles={styles}\n                        testID=\"duration-scroll-minute\"\n                    />\n                ) : null}\n                {!hideSeconds ? (\n                    <DurationScroll\n                        ref={secondsDurationScrollRef}\n                        numberOfItems={59}\n                        label={secondLabel ?? \"s\"}\n                        initialValue={initialSeconds}\n                        allowFontScaling={allowFontScaling}\n                        aggressivelyGetLatestDuration={\n                            aggressivelyGetLatestDuration\n                        }\n                        onDurationChange={setSelectedSeconds}\n                        padNumbersWithZero\n                        pickerGradientOverlayProps={pickerGradientOverlayProps}\n                        topPickerGradientOverlayProps={\n                            topPickerGradientOverlayProps\n                        }\n                        bottomPickerGradientOverlayProps={\n                            bottomPickerGradientOverlayProps\n                        }\n                        disableInfiniteScroll={disableInfiniteScroll}\n                        padWithNItems={checkedPadWithNItems}\n                        limit={secondLimit}\n                        LinearGradient={LinearGradient}\n                        styles={styles}\n                        testID=\"duration-scroll-second\"\n                    />\n                ) : null}\n            </View>\n        );\n    }\n);\n\nexport default React.memo(TimerPicker);\n"],"mappings":"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"}
+{"version":3,"names":["React","forwardRef","useEffect","useImperativeHandle","useMemo","useRef","useState","View","DurationScroll","generateStyles","TimerPicker","allowFontScaling","onDurationChange","initialHours","initialMinutes","initialSeconds","hideHours","hideMinutes","hideSeconds","hoursPickerIsDisabled","minutesPickerIsDisabled","secondsPickerIsDisabled","hourLimit","minuteLimit","secondLimit","hourLabel","minuteLabel","secondLabel","padWithNItems","disableInfiniteScroll","aggressivelyGetLatestDuration","use12HourPicker","amLabel","pmLabel","LinearGradient","pickerContainerProps","pickerGradientOverlayProps","topPickerGradientOverlayProps","bottomPickerGradientOverlayProps","styles","customStyles","ref","checkedPadWithNItems","Math","round","selectedHours","setSelectedHours","selectedMinutes","setSelectedMinutes","selectedSeconds","setSelectedSeconds","hours","minutes","seconds","hoursDurationScrollRef","minutesDurationScrollRef","secondsDurationScrollRef","_hoursDurationScrollR3","_minutesDurationScrol3","_secondsDurationScrol3","reset","options","_hoursDurationScrollR","_minutesDurationScrol","_secondsDurationScrol","current","setValue","value","_hoursDurationScrollR2","_minutesDurationScrol2","_secondsDurationScrol2","latestDuration","createElement","_extends","style","pickerContainer","testID","numberOfItems","label","undefined","isDisabled","initialValue","limit","is12HourPicker","padNumbersWithZero","memo"],"sources":["index.tsx"],"sourcesContent":["import React, {\n    MutableRefObject,\n    forwardRef,\n    useEffect,\n    useImperativeHandle,\n    useMemo,\n    useRef,\n    useState,\n} from \"react\";\nimport { View } from \"react-native\";\n\nimport DurationScroll, { DurationScrollRef, LimitType } from \"./DurationScroll\";\n\nimport { generateStyles, CustomTimerPickerStyles } from \"./TimerPicker.styles\";\nimport { LinearGradientProps } from \"./DurationScroll\";\n\nexport interface TimerPickerRef {\n    reset: (options?: { animated?: boolean }) => void;\n    setValue: (\n        value: {\n            hours: number;\n            minutes: number;\n            seconds: number;\n        },\n        options?: { animated?: boolean }\n    ) => void;\n    latestDuration: {\n        hours: MutableRefObject<number> | undefined;\n        minutes: MutableRefObject<number> | undefined;\n        seconds: MutableRefObject<number> | undefined;\n    };\n}\n\nexport interface TimerPickerProps {\n    allowFontScaling?: boolean;\n    onDurationChange?: (duration: {\n        hours: number;\n        minutes: number;\n        seconds: number;\n    }) => void;\n    initialHours?: number;\n    initialMinutes?: number;\n    initialSeconds?: number;\n    aggressivelyGetLatestDuration?: boolean;\n    use12HourPicker?: boolean;\n    amLabel?: string;\n    pmLabel?: string;\n    hideHours?: boolean;\n    hideMinutes?: boolean;\n    hideSeconds?: boolean;\n    hoursPickerIsDisabled?: boolean;\n    minutesPickerIsDisabled?: boolean;\n    secondsPickerIsDisabled?: boolean;\n    hourLimit?: LimitType;\n    minuteLimit?: LimitType;\n    secondLimit?: LimitType;\n    hourLabel?: string | React.ReactElement;\n    minuteLabel?: string | React.ReactElement;\n    secondLabel?: string | React.ReactElement;\n    padWithNItems?: number;\n    disableInfiniteScroll?: boolean;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    LinearGradient?: any;\n    pickerContainerProps?: React.ComponentProps<typeof View>;\n    pickerGradientOverlayProps?: Partial<LinearGradientProps>;\n    topPickerGradientOverlayProps?: Partial<LinearGradientProps>;\n    bottomPickerGradientOverlayProps?: Partial<LinearGradientProps>;\n    styles?: CustomTimerPickerStyles;\n}\n\nconst TimerPicker = forwardRef<TimerPickerRef, TimerPickerProps>(\n    (\n        {\n            allowFontScaling = false,\n            onDurationChange,\n            initialHours = 0,\n            initialMinutes = 0,\n            initialSeconds = 0,\n            hideHours = false,\n            hideMinutes = false,\n            hideSeconds = false,\n            hoursPickerIsDisabled = false,\n            minutesPickerIsDisabled = false,\n            secondsPickerIsDisabled = false,\n            hourLimit,\n            minuteLimit,\n            secondLimit,\n            hourLabel,\n            minuteLabel,\n            secondLabel,\n            padWithNItems = 1,\n            disableInfiniteScroll = false,\n            aggressivelyGetLatestDuration = false,\n            use12HourPicker = false,\n            amLabel = \"am\",\n            pmLabel = \"pm\",\n            LinearGradient,\n            pickerContainerProps,\n            pickerGradientOverlayProps,\n            topPickerGradientOverlayProps,\n            bottomPickerGradientOverlayProps,\n            styles: customStyles,\n        },\n        ref\n    ): React.ReactElement => {\n        const checkedPadWithNItems =\n            padWithNItems >= 0 ? Math.round(padWithNItems) : 0;\n\n        const styles = useMemo(\n            () =>\n                generateStyles(customStyles, {\n                    padWithNItems: checkedPadWithNItems,\n                }),\n\n            [checkedPadWithNItems, customStyles]\n        );\n\n        const [selectedHours, setSelectedHours] = useState(initialHours);\n        const [selectedMinutes, setSelectedMinutes] = useState(initialMinutes);\n        const [selectedSeconds, setSelectedSeconds] = useState(initialSeconds);\n\n        useEffect(() => {\n            onDurationChange?.({\n                hours: selectedHours,\n                minutes: selectedMinutes,\n                seconds: selectedSeconds,\n            });\n            // eslint-disable-next-line react-hooks/exhaustive-deps\n        }, [selectedHours, selectedMinutes, selectedSeconds]);\n\n        const hoursDurationScrollRef = useRef<DurationScrollRef>(null);\n        const minutesDurationScrollRef = useRef<DurationScrollRef>(null);\n        const secondsDurationScrollRef = useRef<DurationScrollRef>(null);\n\n        useImperativeHandle(ref, () => ({\n            reset: (options) => {\n                setSelectedHours(initialHours);\n                setSelectedMinutes(initialMinutes);\n                setSelectedSeconds(initialSeconds);\n                hoursDurationScrollRef.current?.reset(options);\n                minutesDurationScrollRef.current?.reset(options);\n                secondsDurationScrollRef.current?.reset(options);\n            },\n            setValue: (value, options) => {\n                setSelectedHours(value.hours);\n                setSelectedMinutes(value.minutes);\n                setSelectedSeconds(value.seconds);\n                hoursDurationScrollRef.current?.setValue(value.hours, options);\n                minutesDurationScrollRef.current?.setValue(\n                    value.minutes,\n                    options\n                );\n                secondsDurationScrollRef.current?.setValue(\n                    value.seconds,\n                    options\n                );\n            },\n            latestDuration: {\n                hours: hoursDurationScrollRef.current?.latestDuration,\n                minutes: minutesDurationScrollRef.current?.latestDuration,\n                seconds: secondsDurationScrollRef.current?.latestDuration,\n            },\n        }));\n\n        return (\n            <View\n                {...pickerContainerProps}\n                style={styles.pickerContainer}\n                testID=\"timer-picker\">\n                {!hideHours ? (\n                    <DurationScroll\n                        ref={hoursDurationScrollRef}\n                        numberOfItems={23}\n                        label={\n                            hourLabel ?? (!use12HourPicker ? \"h\" : undefined)\n                        }\n                        isDisabled={hoursPickerIsDisabled}\n                        initialValue={initialHours}\n                        allowFontScaling={allowFontScaling}\n                        aggressivelyGetLatestDuration={\n                            aggressivelyGetLatestDuration\n                        }\n                        onDurationChange={setSelectedHours}\n                        pickerGradientOverlayProps={pickerGradientOverlayProps}\n                        topPickerGradientOverlayProps={\n                            topPickerGradientOverlayProps\n                        }\n                        bottomPickerGradientOverlayProps={\n                            bottomPickerGradientOverlayProps\n                        }\n                        disableInfiniteScroll={disableInfiniteScroll}\n                        padWithNItems={checkedPadWithNItems}\n                        limit={hourLimit}\n                        LinearGradient={LinearGradient}\n                        is12HourPicker={use12HourPicker}\n                        amLabel={amLabel}\n                        pmLabel={pmLabel}\n                        styles={styles}\n                        testID=\"duration-scroll-hour\"\n                    />\n                ) : null}\n                {!hideMinutes ? (\n                    <DurationScroll\n                        ref={minutesDurationScrollRef}\n                        numberOfItems={59}\n                        label={minuteLabel ?? \"m\"}\n                        isDisabled={minutesPickerIsDisabled}\n                        initialValue={initialMinutes}\n                        allowFontScaling={allowFontScaling}\n                        aggressivelyGetLatestDuration={\n                            aggressivelyGetLatestDuration\n                        }\n                        onDurationChange={setSelectedMinutes}\n                        padNumbersWithZero\n                        pickerGradientOverlayProps={pickerGradientOverlayProps}\n                        topPickerGradientOverlayProps={\n                            topPickerGradientOverlayProps\n                        }\n                        bottomPickerGradientOverlayProps={\n                            bottomPickerGradientOverlayProps\n                        }\n                        disableInfiniteScroll={disableInfiniteScroll}\n                        padWithNItems={checkedPadWithNItems}\n                        limit={minuteLimit}\n                        LinearGradient={LinearGradient}\n                        styles={styles}\n                        testID=\"duration-scroll-minute\"\n                    />\n                ) : null}\n                {!hideSeconds ? (\n                    <DurationScroll\n                        ref={secondsDurationScrollRef}\n                        numberOfItems={59}\n                        label={secondLabel ?? \"s\"}\n                        isDisabled={secondsPickerIsDisabled}\n                        initialValue={initialSeconds}\n                        allowFontScaling={allowFontScaling}\n                        aggressivelyGetLatestDuration={\n                            aggressivelyGetLatestDuration\n                        }\n                        onDurationChange={setSelectedSeconds}\n                        padNumbersWithZero\n                        pickerGradientOverlayProps={pickerGradientOverlayProps}\n                        topPickerGradientOverlayProps={\n                            topPickerGradientOverlayProps\n                        }\n                        bottomPickerGradientOverlayProps={\n                            bottomPickerGradientOverlayProps\n                        }\n                        disableInfiniteScroll={disableInfiniteScroll}\n                        padWithNItems={checkedPadWithNItems}\n                        limit={secondLimit}\n                        LinearGradient={LinearGradient}\n                        styles={styles}\n                        testID=\"duration-scroll-second\"\n                    />\n                ) : null}\n            </View>\n        );\n    }\n);\n\nexport default React.memo(TimerPicker);\n"],"mappings":"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"}

package/dist/module/components/index.js

@@ -17,6 +17,9 @@ const TimerPickerModal = /*#__PURE__*/forwardRef(({
   hideHours = false,
   hideMinutes = false,
   hideSeconds = false,
+  hoursPickerIsDisabled = false,
+  minutesPickerIsDisabled = false,
+  secondsPickerIsDisabled = false,
   hourLimit,
   minuteLimit,
   secondLimit,
@@ -143,6 +146,9 @@ const TimerPickerModal = /*#__PURE__*/forwardRef(({
     hideHours: hideHours,
     hideMinutes: hideMinutes,
     hideSeconds: hideSeconds,
+    hoursPickerIsDisabled: hoursPickerIsDisabled,
+    minutesPickerIsDisabled: minutesPickerIsDisabled,
+    secondsPickerIsDisabled: secondsPickerIsDisabled,
     hourLimit: hourLimit,
     minuteLimit: minuteLimit,
     secondLimit: secondLimit,

package/dist/module/components/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","forwardRef","useCallback","useEffect","useImperativeHandle","useRef","useState","View","Text","TouchableOpacity","TimerPicker","Modal","generateStyles","TimerPickerModal","visible","setIsVisible","onConfirm","onCancel","onDurationChange","closeOnOverlayPress","initialHours","initialMinutes","initialSeconds","hideHours","hideMinutes","hideSeconds","hourLimit","minuteLimit","secondLimit","hourLabel","minuteLabel","secondLabel","padWithNItems","disableInfiniteScroll","allowFontScaling","use12HourPicker","amLabel","pmLabel","hideCancelButton","confirmButtonText","cancelButtonText","modalTitle","LinearGradient","modalProps","containerProps","contentContainerProps","pickerContainerProps","buttonContainerProps","buttonTouchableOpacityProps","modalTitleProps","pickerGradientOverlayProps","topPickerGradientOverlayProps","bottomPickerGradientOverlayProps","styles","customStyles","ref","timerPickerRef","selectedDuration","setSelectedDuration","hours","minutes","seconds","confirmedDuration","setConfirmedDuration","reset","options","_timerPickerRef$curre","initialDuration","current","hideModalHandler","confirmHandler","_timerPickerRef$curre2","_latestDuration$hours","_latestDuration$minut","_latestDuration$secon","latestDuration","newDuration","cancelHandler","durationChangeHandler","duration","_timerPickerRef$curre4","_timerPickerRef$curre5","_timerPickerRef$curre6","setValue","value","_timerPickerRef$curre3","createElement","_extends","isVisible","onOverlayPress","undefined","testID","style","container","contentContainer","aggressivelyGetLatestDuration","buttonContainer","onPress","button","cancelButton","confirmButton","memo"],"sources":["index.tsx"],"sourcesContent":["import React, {\n    MutableRefObject,\n    forwardRef,\n    useCallback,\n    useEffect,\n    useImperativeHandle,\n    useRef,\n    useState,\n} from \"react\";\nimport { View, Text, TouchableOpacity } from \"react-native\";\n\nimport TimerPicker, { TimerPickerProps, TimerPickerRef } from \"./TimerPicker\";\nimport Modal from \"./Modal\";\n\nimport {\n    generateStyles,\n    CustomTimerPickerModalStyles,\n} from \"./TimerPickerModal.styles\";\n\nexport interface TimerPickerModalRef {\n    reset: (options?: { animated?: boolean }) => void;\n    setValue: (\n        value: {\n            hours: number;\n            minutes: number;\n            seconds: number;\n        },\n        options?: { animated?: boolean }\n    ) => void;\n    latestDuration: {\n        hours: MutableRefObject<number> | undefined;\n        minutes: MutableRefObject<number> | undefined;\n        seconds: MutableRefObject<number> | undefined;\n    };\n}\n\nexport interface TimerPickerModalProps extends TimerPickerProps {\n    visible: boolean;\n    setIsVisible: (isVisible: boolean) => void;\n    onConfirm: ({\n        hours,\n        minutes,\n        seconds,\n    }: {\n        hours: number;\n        minutes: number;\n        seconds: number;\n    }) => void;\n    onCancel?: () => void;\n    closeOnOverlayPress?: boolean;\n    hideCancelButton?: boolean;\n    confirmButtonText?: string;\n    cancelButtonText?: string;\n    modalTitle?: string;\n    modalProps?: React.ComponentProps<typeof Modal>;\n    containerProps?: React.ComponentProps<typeof View>;\n    contentContainerProps?: React.ComponentProps<typeof View>;\n    buttonContainerProps?: React.ComponentProps<typeof View>;\n    buttonTouchableOpacityProps?: React.ComponentProps<typeof TouchableOpacity>;\n    modalTitleProps?: React.ComponentProps<typeof Text>;\n    styles?: CustomTimerPickerModalStyles;\n}\n\nconst TimerPickerModal = forwardRef<TimerPickerModalRef, TimerPickerModalProps>(\n    (\n        {\n            visible,\n            setIsVisible,\n            onConfirm,\n            onCancel,\n            onDurationChange,\n            closeOnOverlayPress,\n            initialHours = 0,\n            initialMinutes = 0,\n            initialSeconds = 0,\n            hideHours = false,\n            hideMinutes = false,\n            hideSeconds = false,\n            hourLimit,\n            minuteLimit,\n            secondLimit,\n            hourLabel,\n            minuteLabel,\n            secondLabel,\n            padWithNItems = 1,\n            disableInfiniteScroll = false,\n            allowFontScaling = false,\n            use12HourPicker,\n            amLabel,\n            pmLabel,\n            hideCancelButton = false,\n            confirmButtonText = \"Confirm\",\n            cancelButtonText = \"Cancel\",\n            modalTitle,\n            LinearGradient,\n            modalProps,\n            containerProps,\n            contentContainerProps,\n            pickerContainerProps,\n            buttonContainerProps,\n            buttonTouchableOpacityProps,\n            modalTitleProps,\n            pickerGradientOverlayProps,\n            topPickerGradientOverlayProps,\n            bottomPickerGradientOverlayProps,\n            styles: customStyles,\n        },\n        ref\n    ): React.ReactElement => {\n        const styles = generateStyles(customStyles);\n\n        const timerPickerRef = useRef<TimerPickerRef>(null);\n\n        const [selectedDuration, setSelectedDuration] = useState({\n            hours: initialHours,\n            minutes: initialMinutes,\n            seconds: initialSeconds,\n        });\n        const [confirmedDuration, setConfirmedDuration] = useState({\n            hours: initialHours,\n            minutes: initialMinutes,\n            seconds: initialSeconds,\n        });\n\n        const reset = (options?: { animated?: boolean }) => {\n            const initialDuration = {\n                hours: initialHours,\n                minutes: initialMinutes,\n                seconds: initialSeconds,\n            };\n            setSelectedDuration(initialDuration);\n            setConfirmedDuration(initialDuration);\n            timerPickerRef.current?.reset(options);\n        };\n\n        // reset state if the initial times change\n        useEffect(() => {\n            reset();\n            // eslint-disable-next-line react-hooks/exhaustive-deps\n        }, [initialHours, initialMinutes, initialSeconds]);\n\n        const hideModalHandler = () => {\n            setSelectedDuration({\n                hours: confirmedDuration.hours,\n                minutes: confirmedDuration.minutes,\n                seconds: confirmedDuration.seconds,\n            });\n            setIsVisible(false);\n        };\n\n        const confirmHandler = () => {\n            const latestDuration = timerPickerRef.current?.latestDuration;\n            const newDuration = {\n                hours: latestDuration?.hours?.current ?? selectedDuration.hours,\n                minutes:\n                    latestDuration?.minutes?.current ??\n                    selectedDuration.minutes,\n                seconds:\n                    latestDuration?.seconds?.current ??\n                    selectedDuration.seconds,\n            };\n            setConfirmedDuration(newDuration);\n            onConfirm(newDuration);\n        };\n\n        const cancelHandler = () => {\n            setIsVisible(false);\n            setSelectedDuration(confirmedDuration);\n            onCancel?.();\n        };\n\n        // wrapped in useCallback to avoid unnecessary re-renders of TimerPicker\n        const durationChangeHandler = useCallback(\n            (duration: { hours: number; minutes: number; seconds: number }) => {\n                setSelectedDuration(duration);\n                onDurationChange?.(duration);\n            },\n            [onDurationChange]\n        );\n\n        useImperativeHandle(ref, () => ({\n            reset,\n            setValue: (value, options) => {\n                setSelectedDuration(value);\n                setConfirmedDuration(value);\n                timerPickerRef.current?.setValue(value, options);\n            },\n            latestDuration: {\n                hours: timerPickerRef.current?.latestDuration?.hours,\n                minutes: timerPickerRef.current?.latestDuration?.minutes,\n                seconds: timerPickerRef.current?.latestDuration?.seconds,\n            },\n        }));\n\n        return (\n            <Modal\n                isVisible={visible}\n                onOverlayPress={\n                    closeOnOverlayPress ? hideModalHandler : undefined\n                }\n                {...modalProps}\n                testID=\"timer-picker-modal\">\n                <View {...containerProps} style={styles.container}>\n                    <View\n                        {...contentContainerProps}\n                        style={styles.contentContainer}>\n                        {modalTitle ? (\n                            <Text\n                                {...modalTitleProps}\n                                style={styles.modalTitle}>\n                                {modalTitle}\n                            </Text>\n                        ) : null}\n                        <TimerPicker\n                            ref={timerPickerRef}\n                            onDurationChange={durationChangeHandler}\n                            initialHours={confirmedDuration.hours}\n                            initialMinutes={confirmedDuration.minutes}\n                            initialSeconds={confirmedDuration.seconds}\n                            aggressivelyGetLatestDuration={true}\n                            hideHours={hideHours}\n                            hideMinutes={hideMinutes}\n                            hideSeconds={hideSeconds}\n                            hourLimit={hourLimit}\n                            minuteLimit={minuteLimit}\n                            secondLimit={secondLimit}\n                            hourLabel={hourLabel}\n                            minuteLabel={minuteLabel}\n                            secondLabel={secondLabel}\n                            padWithNItems={padWithNItems}\n                            disableInfiniteScroll={disableInfiniteScroll}\n                            allowFontScaling={allowFontScaling}\n                            use12HourPicker={use12HourPicker}\n                            amLabel={amLabel}\n                            pmLabel={pmLabel}\n                            LinearGradient={LinearGradient}\n                            pickerContainerProps={pickerContainerProps}\n                            pickerGradientOverlayProps={\n                                pickerGradientOverlayProps\n                            }\n                            topPickerGradientOverlayProps={\n                                topPickerGradientOverlayProps\n                            }\n                            bottomPickerGradientOverlayProps={\n                                bottomPickerGradientOverlayProps\n                            }\n                            styles={customStyles}\n                        />\n                        <View\n                            {...buttonContainerProps}\n                            style={styles.buttonContainer}>\n                            {!hideCancelButton ? (\n                                <TouchableOpacity\n                                    onPress={cancelHandler}\n                                    {...buttonTouchableOpacityProps}>\n                                    <Text\n                                        style={[\n                                            styles.button,\n                                            styles.cancelButton,\n                                        ]}>\n                                        {cancelButtonText}\n                                    </Text>\n                                </TouchableOpacity>\n                            ) : null}\n                            <TouchableOpacity\n                                onPress={confirmHandler}\n                                {...buttonTouchableOpacityProps}>\n                                <Text\n                                    style={[\n                                        styles.button,\n                                        styles.confirmButton,\n                                    ]}>\n                                    {confirmButtonText}\n                                </Text>\n                            </TouchableOpacity>\n                        </View>\n                    </View>\n                </View>\n            </Modal>\n        );\n    }\n);\n\nexport default React.memo(TimerPickerModal);\n"],"mappings":"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"}
+{"version":3,"names":["React","forwardRef","useCallback","useEffect","useImperativeHandle","useRef","useState","View","Text","TouchableOpacity","TimerPicker","Modal","generateStyles","TimerPickerModal","visible","setIsVisible","onConfirm","onCancel","onDurationChange","closeOnOverlayPress","initialHours","initialMinutes","initialSeconds","hideHours","hideMinutes","hideSeconds","hoursPickerIsDisabled","minutesPickerIsDisabled","secondsPickerIsDisabled","hourLimit","minuteLimit","secondLimit","hourLabel","minuteLabel","secondLabel","padWithNItems","disableInfiniteScroll","allowFontScaling","use12HourPicker","amLabel","pmLabel","hideCancelButton","confirmButtonText","cancelButtonText","modalTitle","LinearGradient","modalProps","containerProps","contentContainerProps","pickerContainerProps","buttonContainerProps","buttonTouchableOpacityProps","modalTitleProps","pickerGradientOverlayProps","topPickerGradientOverlayProps","bottomPickerGradientOverlayProps","styles","customStyles","ref","timerPickerRef","selectedDuration","setSelectedDuration","hours","minutes","seconds","confirmedDuration","setConfirmedDuration","reset","options","_timerPickerRef$curre","initialDuration","current","hideModalHandler","confirmHandler","_timerPickerRef$curre2","_latestDuration$hours","_latestDuration$minut","_latestDuration$secon","latestDuration","newDuration","cancelHandler","durationChangeHandler","duration","_timerPickerRef$curre4","_timerPickerRef$curre5","_timerPickerRef$curre6","setValue","value","_timerPickerRef$curre3","createElement","_extends","isVisible","onOverlayPress","undefined","testID","style","container","contentContainer","aggressivelyGetLatestDuration","buttonContainer","onPress","button","cancelButton","confirmButton","memo"],"sources":["index.tsx"],"sourcesContent":["import React, {\n    MutableRefObject,\n    forwardRef,\n    useCallback,\n    useEffect,\n    useImperativeHandle,\n    useRef,\n    useState,\n} from \"react\";\nimport { View, Text, TouchableOpacity } from \"react-native\";\n\nimport TimerPicker, { TimerPickerProps, TimerPickerRef } from \"./TimerPicker\";\nimport Modal from \"./Modal\";\n\nimport {\n    generateStyles,\n    CustomTimerPickerModalStyles,\n} from \"./TimerPickerModal.styles\";\n\nexport interface TimerPickerModalRef {\n    reset: (options?: { animated?: boolean }) => void;\n    setValue: (\n        value: {\n            hours: number;\n            minutes: number;\n            seconds: number;\n        },\n        options?: { animated?: boolean }\n    ) => void;\n    latestDuration: {\n        hours: MutableRefObject<number> | undefined;\n        minutes: MutableRefObject<number> | undefined;\n        seconds: MutableRefObject<number> | undefined;\n    };\n}\n\nexport interface TimerPickerModalProps extends TimerPickerProps {\n    visible: boolean;\n    setIsVisible: (isVisible: boolean) => void;\n    onConfirm: ({\n        hours,\n        minutes,\n        seconds,\n    }: {\n        hours: number;\n        minutes: number;\n        seconds: number;\n    }) => void;\n    onCancel?: () => void;\n    closeOnOverlayPress?: boolean;\n    hideCancelButton?: boolean;\n    confirmButtonText?: string;\n    cancelButtonText?: string;\n    modalTitle?: string;\n    modalProps?: React.ComponentProps<typeof Modal>;\n    containerProps?: React.ComponentProps<typeof View>;\n    contentContainerProps?: React.ComponentProps<typeof View>;\n    buttonContainerProps?: React.ComponentProps<typeof View>;\n    buttonTouchableOpacityProps?: React.ComponentProps<typeof TouchableOpacity>;\n    modalTitleProps?: React.ComponentProps<typeof Text>;\n    styles?: CustomTimerPickerModalStyles;\n}\n\nconst TimerPickerModal = forwardRef<TimerPickerModalRef, TimerPickerModalProps>(\n    (\n        {\n            visible,\n            setIsVisible,\n            onConfirm,\n            onCancel,\n            onDurationChange,\n            closeOnOverlayPress,\n            initialHours = 0,\n            initialMinutes = 0,\n            initialSeconds = 0,\n            hideHours = false,\n            hideMinutes = false,\n            hideSeconds = false,\n            hoursPickerIsDisabled = false,\n            minutesPickerIsDisabled = false,\n            secondsPickerIsDisabled = false,\n            hourLimit,\n            minuteLimit,\n            secondLimit,\n            hourLabel,\n            minuteLabel,\n            secondLabel,\n            padWithNItems = 1,\n            disableInfiniteScroll = false,\n            allowFontScaling = false,\n            use12HourPicker,\n            amLabel,\n            pmLabel,\n            hideCancelButton = false,\n            confirmButtonText = \"Confirm\",\n            cancelButtonText = \"Cancel\",\n            modalTitle,\n            LinearGradient,\n            modalProps,\n            containerProps,\n            contentContainerProps,\n            pickerContainerProps,\n            buttonContainerProps,\n            buttonTouchableOpacityProps,\n            modalTitleProps,\n            pickerGradientOverlayProps,\n            topPickerGradientOverlayProps,\n            bottomPickerGradientOverlayProps,\n            styles: customStyles,\n        },\n        ref\n    ): React.ReactElement => {\n        const styles = generateStyles(customStyles);\n\n        const timerPickerRef = useRef<TimerPickerRef>(null);\n\n        const [selectedDuration, setSelectedDuration] = useState({\n            hours: initialHours,\n            minutes: initialMinutes,\n            seconds: initialSeconds,\n        });\n        const [confirmedDuration, setConfirmedDuration] = useState({\n            hours: initialHours,\n            minutes: initialMinutes,\n            seconds: initialSeconds,\n        });\n\n        const reset = (options?: { animated?: boolean }) => {\n            const initialDuration = {\n                hours: initialHours,\n                minutes: initialMinutes,\n                seconds: initialSeconds,\n            };\n            setSelectedDuration(initialDuration);\n            setConfirmedDuration(initialDuration);\n            timerPickerRef.current?.reset(options);\n        };\n\n        // reset state if the initial times change\n        useEffect(() => {\n            reset();\n            // eslint-disable-next-line react-hooks/exhaustive-deps\n        }, [initialHours, initialMinutes, initialSeconds]);\n\n        const hideModalHandler = () => {\n            setSelectedDuration({\n                hours: confirmedDuration.hours,\n                minutes: confirmedDuration.minutes,\n                seconds: confirmedDuration.seconds,\n            });\n            setIsVisible(false);\n        };\n\n        const confirmHandler = () => {\n            const latestDuration = timerPickerRef.current?.latestDuration;\n            const newDuration = {\n                hours: latestDuration?.hours?.current ?? selectedDuration.hours,\n                minutes:\n                    latestDuration?.minutes?.current ??\n                    selectedDuration.minutes,\n                seconds:\n                    latestDuration?.seconds?.current ??\n                    selectedDuration.seconds,\n            };\n            setConfirmedDuration(newDuration);\n            onConfirm(newDuration);\n        };\n\n        const cancelHandler = () => {\n            setIsVisible(false);\n            setSelectedDuration(confirmedDuration);\n            onCancel?.();\n        };\n\n        // wrapped in useCallback to avoid unnecessary re-renders of TimerPicker\n        const durationChangeHandler = useCallback(\n            (duration: { hours: number; minutes: number; seconds: number }) => {\n                setSelectedDuration(duration);\n                onDurationChange?.(duration);\n            },\n            [onDurationChange]\n        );\n\n        useImperativeHandle(ref, () => ({\n            reset,\n            setValue: (value, options) => {\n                setSelectedDuration(value);\n                setConfirmedDuration(value);\n                timerPickerRef.current?.setValue(value, options);\n            },\n            latestDuration: {\n                hours: timerPickerRef.current?.latestDuration?.hours,\n                minutes: timerPickerRef.current?.latestDuration?.minutes,\n                seconds: timerPickerRef.current?.latestDuration?.seconds,\n            },\n        }));\n\n        return (\n            <Modal\n                isVisible={visible}\n                onOverlayPress={\n                    closeOnOverlayPress ? hideModalHandler : undefined\n                }\n                {...modalProps}\n                testID=\"timer-picker-modal\">\n                <View {...containerProps} style={styles.container}>\n                    <View\n                        {...contentContainerProps}\n                        style={styles.contentContainer}>\n                        {modalTitle ? (\n                            <Text\n                                {...modalTitleProps}\n                                style={styles.modalTitle}>\n                                {modalTitle}\n                            </Text>\n                        ) : null}\n                        <TimerPicker\n                            ref={timerPickerRef}\n                            onDurationChange={durationChangeHandler}\n                            initialHours={confirmedDuration.hours}\n                            initialMinutes={confirmedDuration.minutes}\n                            initialSeconds={confirmedDuration.seconds}\n                            aggressivelyGetLatestDuration={true}\n                            hideHours={hideHours}\n                            hideMinutes={hideMinutes}\n                            hideSeconds={hideSeconds}\n                            hoursPickerIsDisabled={hoursPickerIsDisabled}\n                            minutesPickerIsDisabled={minutesPickerIsDisabled}\n                            secondsPickerIsDisabled={secondsPickerIsDisabled}\n                            hourLimit={hourLimit}\n                            minuteLimit={minuteLimit}\n                            secondLimit={secondLimit}\n                            hourLabel={hourLabel}\n                            minuteLabel={minuteLabel}\n                            secondLabel={secondLabel}\n                            padWithNItems={padWithNItems}\n                            disableInfiniteScroll={disableInfiniteScroll}\n                            allowFontScaling={allowFontScaling}\n                            use12HourPicker={use12HourPicker}\n                            amLabel={amLabel}\n                            pmLabel={pmLabel}\n                            LinearGradient={LinearGradient}\n                            pickerContainerProps={pickerContainerProps}\n                            pickerGradientOverlayProps={\n                                pickerGradientOverlayProps\n                            }\n                            topPickerGradientOverlayProps={\n                                topPickerGradientOverlayProps\n                            }\n                            bottomPickerGradientOverlayProps={\n                                bottomPickerGradientOverlayProps\n                            }\n                            styles={customStyles}\n                        />\n                        <View\n                            {...buttonContainerProps}\n                            style={styles.buttonContainer}>\n                            {!hideCancelButton ? (\n                                <TouchableOpacity\n                                    onPress={cancelHandler}\n                                    {...buttonTouchableOpacityProps}>\n                                    <Text\n                                        style={[\n                                            styles.button,\n                                            styles.cancelButton,\n                                        ]}>\n                                        {cancelButtonText}\n                                    </Text>\n                                </TouchableOpacity>\n                            ) : null}\n                            <TouchableOpacity\n                                onPress={confirmHandler}\n                                {...buttonTouchableOpacityProps}>\n                                <Text\n                                    style={[\n                                        styles.button,\n                                        styles.confirmButton,\n                                    ]}>\n                                    {confirmButtonText}\n                                </Text>\n                            </TouchableOpacity>\n                        </View>\n                    </View>\n                </View>\n            </Modal>\n        );\n    }\n);\n\nexport default React.memo(TimerPickerModal);\n"],"mappings":"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"}

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

@@ -32,6 +32,7 @@ interface DurationScrollProps {
     onDurationChange: (duration: number) => void;
     padNumbersWithZero?: boolean;
     disableInfiniteScroll?: boolean;
+    isDisabled?: boolean;
     limit?: LimitType;
     aggressivelyGetLatestDuration: boolean;
     is12HourPicker?: boolean;

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

@@ -9,6 +9,7 @@ export interface CustomTimerPickerStyles {
     pickerAmPmLabel?: any;
     pickerItemContainer?: any;
     pickerItem?: any;
+    disabledPickerContainer?: any;
     disabledPickerItem?: any;
     pickerGradientOverlay?: any;
 }
@@ -22,6 +23,7 @@ export declare const generateStyles: (customStyles: CustomTimerPickerStyles | un
     pickerItem: any;
     pickerAmPmContainer: any;
     pickerAmPmLabel: any;
+    disabledPickerContainer: any;
     disabledPickerItem: any;
     pickerGradientOverlay: any;
 };

package/dist/typescript/components/TimerPicker/index.d.ts

@@ -37,6 +37,9 @@ export interface TimerPickerProps {
     hideHours?: boolean;
     hideMinutes?: boolean;
     hideSeconds?: boolean;
+    hoursPickerIsDisabled?: boolean;
+    minutesPickerIsDisabled?: boolean;
+    secondsPickerIsDisabled?: boolean;
     hourLimit?: LimitType;
     minuteLimit?: LimitType;
     secondLimit?: LimitType;

package/package.json

@@ -6,7 +6,7 @@
         "url": "https://github.com/troberts-28"
     },
     "license": "MIT",
-    "version": "1.5.4",
+    "version": "1.6.0",
     "main": "dist/commonjs/index.js",
     "types": "dist/typescript/src/index.d.ts",
     "scripts": {

package/src/components/TimerPicker/DurationScroll.tsx

@@ -55,6 +55,7 @@ interface DurationScrollProps {
     onDurationChange: (duration: number) => void;
     padNumbersWithZero?: boolean;
     disableInfiniteScroll?: boolean;
+    isDisabled?: boolean;
     limit?: LimitType;
     aggressivelyGetLatestDuration: boolean;
     is12HourPicker?: boolean;
@@ -83,6 +84,7 @@ const DurationScroll = forwardRef<DurationScrollRef, DurationScrollProps>(
             padNumbersWithZero = false,
             disableInfiniteScroll = false,
             limit,
+            isDisabled,
             aggressivelyGetLatestDuration,
             allowFontScaling = false,
             is12HourPicker,
@@ -336,11 +338,16 @@ const DurationScroll = forwardRef<DurationScrollRef, DurationScrollProps>(
         return (
             <View
                 testID={testID}
-                style={{
-                    height:
-                        styles.pickerItemContainer.height * numberOfItemsToShow,
-                    overflow: "visible",
-                }}>
+                pointerEvents={isDisabled ? "none" : undefined}
+                style={[
+                    {
+                        height:
+                            styles.pickerItemContainer.height *
+                            numberOfItemsToShow,
+                        overflow: "visible",
+                    },
+                    isDisabled && styles.disabledPickerContainer,
+                ]}>
                 <FlatList
                     ref={flatListRef}
                     data={data}
@@ -353,6 +360,7 @@ const DurationScroll = forwardRef<DurationScrollRef, DurationScrollProps>(
                     decelerationRate={0.88}
                     scrollEventThrottle={16}
                     snapToAlignment="start"
+                    scrollEnabled={!isDisabled}
                     // used in place of snapToOffset due to bug on Android
                     snapToOffsets={[...Array(data.length)].map(
                         (_, i) => i * styles.pickerItemContainer.height

package/src/components/TimerPicker/TimerPicker.styles.ts

@@ -12,6 +12,7 @@ export interface CustomTimerPickerStyles {
     pickerAmPmLabel?: any;
     pickerItemContainer?: any;
     pickerItem?: any;
+    disabledPickerContainer?: any;
     disabledPickerItem?: any;
     pickerGradientOverlay?: any;
 }
@@ -101,6 +102,10 @@ export const generateStyles = (
             ...customStyles?.pickerLabel,
             ...customStyles?.pickerAmPmLabel,
         },
+        disabledPickerContainer: {
+            opacity: 0.4,
+            ...customStyles?.disabledPickerContainer,
+        },
         disabledPickerItem: {
             opacity: 0.2,
             ...customStyles?.disabledPickerItem,

package/src/components/TimerPicker/index.tsx

@@ -48,6 +48,9 @@ export interface TimerPickerProps {
     hideHours?: boolean;
     hideMinutes?: boolean;
     hideSeconds?: boolean;
+    hoursPickerIsDisabled?: boolean;
+    minutesPickerIsDisabled?: boolean;
+    secondsPickerIsDisabled?: boolean;
     hourLimit?: LimitType;
     minuteLimit?: LimitType;
     secondLimit?: LimitType;
@@ -76,6 +79,9 @@ const TimerPicker = forwardRef<TimerPickerRef, TimerPickerProps>(
             hideHours = false,
             hideMinutes = false,
             hideSeconds = false,
+            hoursPickerIsDisabled = false,
+            minutesPickerIsDisabled = false,
+            secondsPickerIsDisabled = false,
             hourLimit,
             minuteLimit,
             secondLimit,
@@ -168,6 +174,7 @@ const TimerPicker = forwardRef<TimerPickerRef, TimerPickerProps>(
                         label={
                             hourLabel ?? (!use12HourPicker ? "h" : undefined)
                         }
+                        isDisabled={hoursPickerIsDisabled}
                         initialValue={initialHours}
                         allowFontScaling={allowFontScaling}
                         aggressivelyGetLatestDuration={
@@ -197,6 +204,7 @@ const TimerPicker = forwardRef<TimerPickerRef, TimerPickerProps>(
                         ref={minutesDurationScrollRef}
                         numberOfItems={59}
                         label={minuteLabel ?? "m"}
+                        isDisabled={minutesPickerIsDisabled}
                         initialValue={initialMinutes}
                         allowFontScaling={allowFontScaling}
                         aggressivelyGetLatestDuration={
@@ -224,6 +232,7 @@ const TimerPicker = forwardRef<TimerPickerRef, TimerPickerProps>(
                         ref={secondsDurationScrollRef}
                         numberOfItems={59}
                         label={secondLabel ?? "s"}
+                        isDisabled={secondsPickerIsDisabled}
                         initialValue={initialSeconds}
                         allowFontScaling={allowFontScaling}
                         aggressivelyGetLatestDuration={

package/src/components/index.tsx

@@ -76,6 +76,9 @@ const TimerPickerModal = forwardRef<TimerPickerModalRef, TimerPickerModalProps>(
             hideHours = false,
             hideMinutes = false,
             hideSeconds = false,
+            hoursPickerIsDisabled = false,
+            minutesPickerIsDisabled = false,
+            secondsPickerIsDisabled = false,
             hourLimit,
             minuteLimit,
             secondLimit,
@@ -221,6 +224,9 @@ const TimerPickerModal = forwardRef<TimerPickerModalRef, TimerPickerModalProps>(
                             hideHours={hideHours}
                             hideMinutes={hideMinutes}
                             hideSeconds={hideSeconds}
+                            hoursPickerIsDisabled={hoursPickerIsDisabled}
+                            minutesPickerIsDisabled={minutesPickerIsDisabled}
+                            secondsPickerIsDisabled={secondsPickerIsDisabled}
                             hourLimit={hourLimit}
                             minuteLimit={minuteLimit}
                             secondLimit={secondLimit}