react-native-timer-picker 1.2.10 → 1.3.0

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

@@ -1 +1 @@
-{"version":3,"names":["React","forwardRef","useCallback","useImperativeHandle","useRef","useState","View","Text","TouchableOpacity","TimerPicker","Modal","generateStyles","TimerPickerModal","_ref","ref","visible","setIsVisible","onConfirm","onCancel","onDurationChange","closeOnOverlayPress","initialHours","initialMinutes","initialSeconds","hideHours","hideMinutes","hideSeconds","hourLimit","minuteLimit","secondLimit","hourLabel","minuteLabel","secondLabel","padWithNItems","disableInfiniteScroll","hideCancelButton","confirmButtonText","cancelButtonText","modalTitle","LinearGradient","modalProps","containerProps","contentContainerProps","pickerContainerProps","buttonContainerProps","buttonTouchableOpacityProps","modalTitleProps","pickerGradientOverlayProps","topPickerGradientOverlayProps","bottomPickerGradientOverlayProps","styles","customStyles","selectedDuration","setSelectedDuration","hours","minutes","seconds","confirmedDuration","setConfirmedDuration","hideModal","confirm","cancel","durationChange","duration","timerPickerRef","reset","options","_timerPickerRef$curre","initialDuration","current","setValue","value","_timerPickerRef$curre2","createElement","_extends","isVisible","onOverlayPress","undefined","testID","style","container","contentContainer","buttonContainer","onPress","button","cancelButton","confirmButton","memo"],"sources":["index.tsx"],"sourcesContent":["import React, {\n    forwardRef,\n    useCallback,\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}\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 = \"h\",\n            minuteLabel = \"m\",\n            secondLabel = \"s\",\n            padWithNItems = 1,\n            disableInfiniteScroll = false,\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 [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 hideModal = () => {\n            setSelectedDuration({\n                hours: confirmedDuration.hours,\n                minutes: confirmedDuration.minutes,\n                seconds: confirmedDuration.seconds,\n            });\n            setIsVisible(false);\n        };\n\n        const confirm = () => {\n            setConfirmedDuration(selectedDuration);\n            onConfirm(selectedDuration);\n        };\n\n        const cancel = () => {\n            setIsVisible(false);\n            setSelectedDuration(confirmedDuration);\n            onCancel?.();\n        };\n\n        // wrapped in useCallback to avoid unnecessary re-renders of TimerPicker\n        const durationChange = useCallback(\n            (duration: { hours: number; minutes: number; seconds: number }) => {\n                setSelectedDuration(duration);\n                onDurationChange?.(duration);\n            },\n            [onDurationChange]\n        );\n\n        const timerPickerRef = useRef<TimerPickerRef>(null);\n\n        useImperativeHandle(ref, () => ({\n            reset: (options) => {\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            setValue: (value, options) => {\n                setSelectedDuration(value);\n                setConfirmedDuration(value);\n                timerPickerRef.current?.setValue(value, options);\n            },\n        }));\n\n        return (\n            <Modal\n                isVisible={visible}\n                onOverlayPress={closeOnOverlayPress ? hideModal : undefined}\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={durationChange}\n                            initialHours={confirmedDuration.hours}\n                            initialMinutes={confirmedDuration.minutes}\n                            initialSeconds={confirmedDuration.seconds}\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                            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={cancel}\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={confirm}\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":";AAAA,OAAOA,KAAK,IACRC,UAAU,EACVC,WAAW,EACXC,mBAAmB,EACnBC,MAAM,EACNC,QAAQ,QACL,OAAO;AACd,SAASC,IAAI,EAAEC,IAAI,EAAEC,gBAAgB,QAAQ,cAAc;AAE3D,OAAOC,WAAW,MAA4C,eAAe;AAC7E,OAAOC,KAAK,MAAM,SAAS;AAE3B,SACIC,cAAc,QAEX,2BAA2B;AAyClC,MAAMC,gBAAgB,gBAAGX,UAAU,CAC/B,CAAAY,IAAA,EAuCIC,GAAG,KACkB;EAAA,IAvCrB;IACIC,OAAO;IACPC,YAAY;IACZC,SAAS;IACTC,QAAQ;IACRC,gBAAgB;IAChBC,mBAAmB;IACnBC,YAAY,GAAG,CAAC;IAChBC,cAAc,GAAG,CAAC;IAClBC,cAAc,GAAG,CAAC;IAClBC,SAAS,GAAG,KAAK;IACjBC,WAAW,GAAG,KAAK;IACnBC,WAAW,GAAG,KAAK;IACnBC,SAAS;IACTC,WAAW;IACXC,WAAW;IACXC,SAAS,GAAG,GAAG;IACfC,WAAW,GAAG,GAAG;IACjBC,WAAW,GAAG,GAAG;IACjBC,aAAa,GAAG,CAAC;IACjBC,qBAAqB,GAAG,KAAK;IAC7BC,gBAAgB,GAAG,KAAK;IACxBC,iBAAiB,GAAG,SAAS;IAC7BC,gBAAgB,GAAG,QAAQ;IAC3BC,UAAU;IACVC,cAAc;IACdC,UAAU;IACVC,cAAc;IACdC,qBAAqB;IACrBC,oBAAoB;IACpBC,oBAAoB;IACpBC,2BAA2B;IAC3BC,eAAe;IACfC,0BAA0B;IAC1BC,6BAA6B;IAC7BC,gCAAgC;IAChCC,MAAM,EAAEC;EACZ,CAAC,GAAAtC,IAAA;EAGD,MAAMqC,MAAM,GAAGvC,cAAc,CAACwC,YAAY,CAAC;EAE3C,MAAM,CAACC,gBAAgB,EAAEC,mBAAmB,CAAC,GAAGhD,QAAQ,CAAC;IACrDiD,KAAK,EAAEjC,YAAY;IACnBkC,OAAO,EAAEjC,cAAc;IACvBkC,OAAO,EAAEjC;EACb,CAAC,CAAC;EACF,MAAM,CAACkC,iBAAiB,EAAEC,oBAAoB,CAAC,GAAGrD,QAAQ,CAAC;IACvDiD,KAAK,EAAEjC,YAAY;IACnBkC,OAAO,EAAEjC,cAAc;IACvBkC,OAAO,EAAEjC;EACb,CAAC,CAAC;EAEF,MAAMoC,SAAS,GAAGA,CAAA,KAAM;IACpBN,mBAAmB,CAAC;MAChBC,KAAK,EAAEG,iBAAiB,CAACH,KAAK;MAC9BC,OAAO,EAAEE,iBAAiB,CAACF,OAAO;MAClCC,OAAO,EAAEC,iBAAiB,CAACD;IAC/B,CAAC,CAAC;IACFxC,YAAY,CAAC,KAAK,CAAC;EACvB,CAAC;EAED,MAAM4C,OAAO,GAAGA,CAAA,KAAM;IAClBF,oBAAoB,CAACN,gBAAgB,CAAC;IACtCnC,SAAS,CAACmC,gBAAgB,CAAC;EAC/B,CAAC;EAED,MAAMS,MAAM,GAAGA,CAAA,KAAM;IACjB7C,YAAY,CAAC,KAAK,CAAC;IACnBqC,mBAAmB,CAACI,iBAAiB,CAAC;IACtCvC,QAAQ,aAARA,QAAQ,eAARA,QAAQ,CAAG,CAAC;EAChB,CAAC;;EAED;EACA,MAAM4C,cAAc,GAAG5D,WAAW,CAC7B6D,QAA6D,IAAK;IAC/DV,mBAAmB,CAACU,QAAQ,CAAC;IAC7B5C,gBAAgB,aAAhBA,gBAAgB,eAAhBA,gBAAgB,CAAG4C,QAAQ,CAAC;EAChC,CAAC,EACD,CAAC5C,gBAAgB,CACrB,CAAC;EAED,MAAM6C,cAAc,GAAG5D,MAAM,CAAiB,IAAI,CAAC;EAEnDD,mBAAmB,CAACW,GAAG,EAAE,OAAO;IAC5BmD,KAAK,EAAGC,OAAO,IAAK;MAAA,IAAAC,qBAAA;MAChB,MAAMC,eAAe,GAAG;QACpBd,KAAK,EAAEjC,YAAY;QACnBkC,OAAO,EAAEjC,cAAc;QACvBkC,OAAO,EAAEjC;MACb,CAAC;MACD8B,mBAAmB,CAACe,eAAe,CAAC;MACpCV,oBAAoB,CAACU,eAAe,CAAC;MACrC,CAAAD,qBAAA,GAAAH,cAAc,CAACK,OAAO,cAAAF,qBAAA,eAAtBA,qBAAA,CAAwBF,KAAK,CAACC,OAAO,CAAC;IAC1C,CAAC;IACDI,QAAQ,EAAEA,CAACC,KAAK,EAAEL,OAAO,KAAK;MAAA,IAAAM,sBAAA;MAC1BnB,mBAAmB,CAACkB,KAAK,CAAC;MAC1Bb,oBAAoB,CAACa,KAAK,CAAC;MAC3B,CAAAC,sBAAA,GAAAR,cAAc,CAACK,OAAO,cAAAG,sBAAA,eAAtBA,sBAAA,CAAwBF,QAAQ,CAACC,KAAK,EAAEL,OAAO,CAAC;IACpD;EACJ,CAAC,CAAC,CAAC;EAEH,oBACIlE,KAAA,CAAAyE,aAAA,CAAC/D,KAAK,EAAAgE,QAAA;IACFC,SAAS,EAAE5D,OAAQ;IACnB6D,cAAc,EAAExD,mBAAmB,GAAGuC,SAAS,GAAGkB;EAAU,GACxDrC,UAAU;IACdsC,MAAM,EAAC;EAAoB,iBAC3B9E,KAAA,CAAAyE,aAAA,CAACnE,IAAI,EAAAoE,QAAA,KAAKjC,cAAc;IAAEsC,KAAK,EAAE7B,MAAM,CAAC8B;EAAU,iBAC9ChF,KAAA,CAAAyE,aAAA,CAACnE,IAAI,EAAAoE,QAAA,KACGhC,qBAAqB;IACzBqC,KAAK,EAAE7B,MAAM,CAAC+B;EAAiB,IAC9B3C,UAAU,gBACPtC,KAAA,CAAAyE,aAAA,CAAClE,IAAI,EAAAmE,QAAA,KACG5B,eAAe;IACnBiC,KAAK,EAAE7B,MAAM,CAACZ;EAAW,IACxBA,UACC,CAAC,GACP,IAAI,eACRtC,KAAA,CAAAyE,aAAA,CAAChE,WAAW;IACRK,GAAG,EAAEkD,cAAe;IACpB7C,gBAAgB,EAAE2C,cAAe;IACjCzC,YAAY,EAAEoC,iBAAiB,CAACH,KAAM;IACtChC,cAAc,EAAEmC,iBAAiB,CAACF,OAAQ;IAC1ChC,cAAc,EAAEkC,iBAAiB,CAACD,OAAQ;IAC1ChC,SAAS,EAAEA,SAAU;IACrBC,WAAW,EAAEA,WAAY;IACzBC,WAAW,EAAEA,WAAY;IACzBC,SAAS,EAAEA,SAAU;IACrBC,WAAW,EAAEA,WAAY;IACzBC,WAAW,EAAEA,WAAY;IACzBC,SAAS,EAAEA,SAAU;IACrBC,WAAW,EAAEA,WAAY;IACzBC,WAAW,EAAEA,WAAY;IACzBC,aAAa,EAAEA,aAAc;IAC7BC,qBAAqB,EAAEA,qBAAsB;IAC7CK,cAAc,EAAEA,cAAe;IAC/BI,oBAAoB,EAAEA,oBAAqB;IAC3CI,0BAA0B,EACtBA,0BACH;IACDC,6BAA6B,EACzBA,6BACH;IACDC,gCAAgC,EAC5BA,gCACH;IACDC,MAAM,EAAEC;EAAa,CACxB,CAAC,eACFnD,KAAA,CAAAyE,aAAA,CAACnE,IAAI,EAAAoE,QAAA,KACG9B,oBAAoB;IACxBmC,KAAK,EAAE7B,MAAM,CAACgC;EAAgB,IAC7B,CAAC/C,gBAAgB,gBACdnC,KAAA,CAAAyE,aAAA,CAACjE,gBAAgB,EAAAkE,QAAA;IACbS,OAAO,EAAEtB;EAAO,GACZhB,2BAA2B,gBAC/B7C,KAAA,CAAAyE,aAAA,CAAClE,IAAI;IACDwE,KAAK,EAAE,CACH7B,MAAM,CAACkC,MAAM,EACblC,MAAM,CAACmC,YAAY;EACrB,GACDhD,gBACC,CACQ,CAAC,GACnB,IAAI,eACRrC,KAAA,CAAAyE,aAAA,CAACjE,gBAAgB,EAAAkE,QAAA;IACbS,OAAO,EAAEvB;EAAQ,GACbf,2BAA2B,gBAC/B7C,KAAA,CAAAyE,aAAA,CAAClE,IAAI;IACDwE,KAAK,EAAE,CACH7B,MAAM,CAACkC,MAAM,EACblC,MAAM,CAACoC,aAAa;EACtB,GACDlD,iBACC,CACQ,CAChB,CACJ,CACJ,CACH,CAAC;AAEhB,CACJ,CAAC;AAED,4BAAepC,KAAK,CAACuF,IAAI,CAAC3E,gBAAgB,CAAC"}
+{"version":3,"names":["React","forwardRef","useCallback","useImperativeHandle","useRef","useState","View","Text","TouchableOpacity","TimerPicker","Modal","generateStyles","TimerPickerModal","_ref","ref","visible","setIsVisible","onConfirm","onCancel","onDurationChange","closeOnOverlayPress","initialHours","initialMinutes","initialSeconds","hideHours","hideMinutes","hideSeconds","hourLimit","minuteLimit","secondLimit","hourLabel","minuteLabel","secondLabel","padWithNItems","disableInfiniteScroll","hideCancelButton","confirmButtonText","cancelButtonText","modalTitle","LinearGradient","modalProps","containerProps","contentContainerProps","pickerContainerProps","buttonContainerProps","buttonTouchableOpacityProps","modalTitleProps","pickerGradientOverlayProps","topPickerGradientOverlayProps","bottomPickerGradientOverlayProps","styles","customStyles","timerPickerRef","selectedDuration","setSelectedDuration","hours","minutes","seconds","confirmedDuration","setConfirmedDuration","hideModalHandler","confirmHandler","_timerPickerRef$curre","_latestDuration$hours","_latestDuration$minut","_latestDuration$secon","latestDuration","current","newDuration","cancelHandler","durationChangeHandler","duration","_timerPickerRef$curre4","_timerPickerRef$curre5","_timerPickerRef$curre6","reset","options","_timerPickerRef$curre2","initialDuration","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    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 = \"h\",\n            minuteLabel = \"m\",\n            secondLabel = \"s\",\n            padWithNItems = 1,\n            disableInfiniteScroll = false,\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 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: (options) => {\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            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                            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

@@ -1,4 +1,4 @@
-import React from "react";
+import React, { MutableRefObject } from "react";
 import { View } from "react-native";
 import { generateStyles } from "./TimerPicker.styles";
 export interface DurationScrollRef {
@@ -8,6 +8,7 @@ export interface DurationScrollRef {
     setValue: (value: number, options?: {
         animated?: boolean;
     }) => void;
+    latestDuration: MutableRefObject<number>;
 }
 type LinearGradientPoint = {
     x: number;
@@ -31,6 +32,7 @@ interface DurationScrollProps {
     padNumbersWithZero?: boolean;
     disableInfiniteScroll?: boolean;
     limit?: LimitType;
+    aggressivelyGetLatestDuration: boolean;
     padWithNItems: number;
     pickerGradientOverlayProps?: Partial<LinearGradientProps>;
     topPickerGradientOverlayProps?: Partial<LinearGradientProps>;

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

@@ -1,4 +1,4 @@
-import React from "react";
+import React, { MutableRefObject } from "react";
 import { View } from "react-native";
 import { LimitType } from "./DurationScroll";
 import { CustomTimerPickerStyles } from "./TimerPicker.styles";
@@ -14,6 +14,11 @@ export interface TimerPickerRef {
     }, options?: {
         animated?: boolean;
     }) => void;
+    latestDuration: {
+        hours: MutableRefObject<number> | undefined;
+        minutes: MutableRefObject<number> | undefined;
+        seconds: MutableRefObject<number> | undefined;
+    };
 }
 export interface TimerPickerProps {
     onDurationChange?: (duration: {
@@ -24,6 +29,7 @@ export interface TimerPickerProps {
     initialHours?: number;
     initialMinutes?: number;
     initialSeconds?: number;
+    aggressivelyGetLatestDuration?: boolean;
     hideHours?: boolean;
     hideMinutes?: boolean;
     hideSeconds?: boolean;

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

@@ -1,4 +1,4 @@
-import React from "react";
+import React, { MutableRefObject } from "react";
 import { View, Text, TouchableOpacity } from "react-native";
 import { TimerPickerProps } from "./TimerPicker";
 import Modal from "./Modal";
@@ -14,6 +14,11 @@ export interface TimerPickerModalRef {
     }, options?: {
         animated?: boolean;
     }) => void;
+    latestDuration: {
+        hours: MutableRefObject<number> | undefined;
+        minutes: MutableRefObject<number> | undefined;
+        seconds: MutableRefObject<number> | undefined;
+    };
 }
 export interface TimerPickerModalProps extends TimerPickerProps {
     visible: boolean;

package/package.json

@@ -6,14 +6,14 @@
         "url": "https://github.com/troberts-28"
     },
     "license": "MIT",
-    "version": "1.2.10",
+    "version": "1.3.0",
     "main": "dist/commonjs/index.js",
     "types": "dist/typescript/src/index.d.ts",
     "scripts": {
         "test": "jest --forceExit --silent",
         "build": "bob build",
         "clean": "rm yarn.lock && rm -rf ./node_modules && yarn install",
-        "start": "cp -Rf src example && cd example && yarn add expo && npx expo install && npx expo start",
+        "start": "cp -Rf src example && cd example && npx expo install && npx expo start",
         "lint": "eslint --ext .ts,.tsx .",
         "lint:fix": "eslint --ext .ts,.tsx . --fix",
         "prepare": "yarn build"

package/src/components/TimerPicker/DurationScroll.tsx

@@ -3,6 +3,7 @@ import React, {
     useCallback,
     forwardRef,
     useImperativeHandle,
+    MutableRefObject,
 } from "react";
 import {
     View,
@@ -23,6 +24,7 @@ import { getScrollIndex } from "../../utils/getScrollIndex";
 export interface DurationScrollRef {
     reset: (options?: { animated?: boolean }) => void;
     setValue: (value: number, options?: { animated?: boolean }) => void;
+    latestDuration: MutableRefObject<number>;
 }
 
 type LinearGradientPoint = {
@@ -50,6 +52,7 @@ interface DurationScrollProps {
     padNumbersWithZero?: boolean;
     disableInfiniteScroll?: boolean;
     limit?: LimitType;
+    aggressivelyGetLatestDuration: boolean;
     padWithNItems: number;
     pickerGradientOverlayProps?: Partial<LinearGradientProps>;
     topPickerGradientOverlayProps?: Partial<LinearGradientProps>;
@@ -73,6 +76,7 @@ const DurationScroll = forwardRef<DurationScrollRef, DurationScrollProps>(
             padNumbersWithZero = false,
             disableInfiniteScroll = false,
             limit,
+            aggressivelyGetLatestDuration,
             padWithNItems,
             pickerGradientOverlayProps,
             topPickerGradientOverlayProps,
@@ -83,8 +87,6 @@ const DurationScroll = forwardRef<DurationScrollRef, DurationScrollProps>(
         },
         ref
     ): React.ReactElement => {
-        const flatListRef = useRef<FlatList | null>(null);
-
         const data = generateNumbers(numberOfItems, {
             padWithZero: padNumbersWithZero,
             repeatNTimes: 3,
@@ -103,6 +105,10 @@ const DurationScroll = forwardRef<DurationScrollRef, DurationScrollProps>(
             disableInfiniteScroll,
         });
 
+        const latestDuration = useRef(0);
+
+        const flatListRef = useRef<FlatList | null>(null);
+
         useImperativeHandle(ref, () => ({
             reset: (options) => {
                 flatListRef.current?.scrollToIndex({
@@ -121,6 +127,7 @@ const DurationScroll = forwardRef<DurationScrollRef, DurationScrollProps>(
                     }),
                 });
             },
+            latestDuration: latestDuration,
         }));
 
         const renderItem = useCallback(
@@ -154,6 +161,39 @@ const DurationScroll = forwardRef<DurationScrollRef, DurationScrollProps>(
             ]
         );
 
+        const onScroll = useCallback(
+            (e: NativeSyntheticEvent<NativeScrollEvent>) => {
+                // this function is only used when the picker is in a modal
+                // it is used to ensure that the modal gets the latest duration on clicking
+                // the confirm button, even if the scrollview is still scrolling
+                const newIndex = Math.round(
+                    e.nativeEvent.contentOffset.y /
+                        styles.pickerItemContainer.height
+                );
+                let newDuration =
+                    (disableInfiniteScroll
+                        ? newIndex
+                        : newIndex + padWithNItems) %
+                    (numberOfItems + 1);
+
+                // check limits
+                if (newDuration > adjustedLimited.max) {
+                    newDuration = adjustedLimited.max;
+                } else if (newDuration < adjustedLimited.min) {
+                    newDuration = adjustedLimited.min;
+                }
+                latestDuration.current = newDuration;
+            },
+            [
+                adjustedLimited.max,
+                adjustedLimited.min,
+                disableInfiniteScroll,
+                numberOfItems,
+                padWithNItems,
+                styles.pickerItemContainer.height,
+            ]
+        );
+
         const onMomentumScrollEnd = useCallback(
             (e: NativeSyntheticEvent<NativeScrollEvent>) => {
                 const newIndex = Math.round(
@@ -264,7 +304,7 @@ const DurationScroll = forwardRef<DurationScrollRef, DurationScrollProps>(
                     renderItem={renderItem}
                     keyExtractor={KEY_EXTRACTOR}
                     showsVerticalScrollIndicator={false}
-                    decelerationRate={0.9}
+                    decelerationRate={0.88}
                     scrollEventThrottle={16}
                     snapToAlignment="start"
                     // used in place of snapToOffset due to bug on Android
@@ -277,6 +317,7 @@ const DurationScroll = forwardRef<DurationScrollRef, DurationScrollProps>(
                             : undefined
                     }
                     onMomentumScrollEnd={onMomentumScrollEnd}
+                    onScroll={aggressivelyGetLatestDuration ? onScroll : undefined}
                     testID="duration-scroll-flatlist"
                 />
                 <View style={styles.pickerLabelContainer} pointerEvents="none">

package/src/components/TimerPicker/index.tsx

@@ -1,4 +1,5 @@
 import React, {
+    MutableRefObject,
     forwardRef,
     useEffect,
     useImperativeHandle,
@@ -23,6 +24,11 @@ export interface TimerPickerRef {
         },
         options?: { animated?: boolean }
     ) => void;
+    latestDuration: {
+        hours: MutableRefObject<number> | undefined;
+        minutes: MutableRefObject<number> | undefined;
+        seconds: MutableRefObject<number> | undefined;
+    };
 }
 
 export interface TimerPickerProps {
@@ -34,6 +40,7 @@ export interface TimerPickerProps {
     initialHours?: number;
     initialMinutes?: number;
     initialSeconds?: number;
+    aggressivelyGetLatestDuration?: boolean;
     hideHours?: boolean;
     hideMinutes?: boolean;
     hideSeconds?: boolean;
@@ -72,6 +79,7 @@ const TimerPicker = forwardRef<TimerPickerRef, TimerPickerProps>(
             secondLabel = "s",
             padWithNItems = 1,
             disableInfiniteScroll = false,
+            aggressivelyGetLatestDuration = false,
             LinearGradient,
             pickerContainerProps,
             pickerGradientOverlayProps,
@@ -133,6 +141,11 @@ const TimerPicker = forwardRef<TimerPickerRef, TimerPickerProps>(
                     options
                 );
             },
+            latestDuration: {
+                hours: hoursDurationScrollRef.current?.latestDuration,
+                minutes: minutesDurationScrollRef.current?.latestDuration,
+                seconds: secondsDurationScrollRef.current?.latestDuration,
+            },
         }));
 
         return (
@@ -146,6 +159,7 @@ const TimerPicker = forwardRef<TimerPickerRef, TimerPickerProps>(
                         numberOfItems={23}
                         label={hourLabel}
                         initialValue={initialHours}
+                        aggressivelyGetLatestDuration={aggressivelyGetLatestDuration}
                         onDurationChange={setSelectedHours}
                         pickerGradientOverlayProps={pickerGradientOverlayProps}
                         topPickerGradientOverlayProps={
@@ -168,6 +182,7 @@ const TimerPicker = forwardRef<TimerPickerRef, TimerPickerProps>(
                         numberOfItems={59}
                         label={minuteLabel}
                         initialValue={initialMinutes}
+                        aggressivelyGetLatestDuration={aggressivelyGetLatestDuration}
                         onDurationChange={setSelectedMinutes}
                         padNumbersWithZero
                         pickerGradientOverlayProps={pickerGradientOverlayProps}
@@ -191,6 +206,7 @@ const TimerPicker = forwardRef<TimerPickerRef, TimerPickerProps>(
                         numberOfItems={59}
                         label={secondLabel}
                         initialValue={initialSeconds}
+                        aggressivelyGetLatestDuration={aggressivelyGetLatestDuration}
                         onDurationChange={setSelectedSeconds}
                         padNumbersWithZero
                         pickerGradientOverlayProps={pickerGradientOverlayProps}

package/src/components/index.tsx

@@ -1,4 +1,5 @@
 import React, {
+    MutableRefObject,
     forwardRef,
     useCallback,
     useImperativeHandle,
@@ -25,6 +26,11 @@ export interface TimerPickerModalRef {
         },
         options?: { animated?: boolean }
     ) => void;
+    latestDuration: {
+        hours: MutableRefObject<number> | undefined;
+        minutes: MutableRefObject<number> | undefined;
+        seconds: MutableRefObject<number> | undefined;
+    };
 }
 
 export interface TimerPickerModalProps extends TimerPickerProps {
@@ -98,6 +104,8 @@ const TimerPickerModal = forwardRef<TimerPickerModalRef, TimerPickerModalProps>(
     ): React.ReactElement => {
         const styles = generateStyles(customStyles);
 
+        const timerPickerRef = useRef<TimerPickerRef>(null);
+
         const [selectedDuration, setSelectedDuration] = useState({
             hours: initialHours,
             minutes: initialMinutes,
@@ -109,7 +117,7 @@ const TimerPickerModal = forwardRef<TimerPickerModalRef, TimerPickerModalProps>(
             seconds: initialSeconds,
         });
 
-        const hideModal = () => {
+        const hideModalHandler = () => {
             setSelectedDuration({
                 hours: confirmedDuration.hours,
                 minutes: confirmedDuration.minutes,
@@ -118,19 +126,29 @@ const TimerPickerModal = forwardRef<TimerPickerModalRef, TimerPickerModalProps>(
             setIsVisible(false);
         };
 
-        const confirm = () => {
-            setConfirmedDuration(selectedDuration);
-            onConfirm(selectedDuration);
+        const confirmHandler = () => {
+            const latestDuration = timerPickerRef.current?.latestDuration;
+            const newDuration = {
+                hours: latestDuration?.hours?.current ?? selectedDuration.hours,
+                minutes:
+                    latestDuration?.minutes?.current ??
+                    selectedDuration.minutes,
+                seconds:
+                    latestDuration?.seconds?.current ??
+                    selectedDuration.seconds,
+            };
+            setConfirmedDuration(newDuration);
+            onConfirm(newDuration);
         };
 
-        const cancel = () => {
+        const cancelHandler = () => {
             setIsVisible(false);
             setSelectedDuration(confirmedDuration);
             onCancel?.();
         };
 
         // wrapped in useCallback to avoid unnecessary re-renders of TimerPicker
-        const durationChange = useCallback(
+        const durationChangeHandler = useCallback(
             (duration: { hours: number; minutes: number; seconds: number }) => {
                 setSelectedDuration(duration);
                 onDurationChange?.(duration);
@@ -138,8 +156,6 @@ const TimerPickerModal = forwardRef<TimerPickerModalRef, TimerPickerModalProps>(
             [onDurationChange]
         );
 
-        const timerPickerRef = useRef<TimerPickerRef>(null);
-
         useImperativeHandle(ref, () => ({
             reset: (options) => {
                 const initialDuration = {
@@ -156,12 +172,19 @@ const TimerPickerModal = forwardRef<TimerPickerModalRef, TimerPickerModalProps>(
                 setConfirmedDuration(value);
                 timerPickerRef.current?.setValue(value, options);
             },
+            latestDuration: {
+                hours: timerPickerRef.current?.latestDuration?.hours,
+                minutes: timerPickerRef.current?.latestDuration?.minutes,
+                seconds: timerPickerRef.current?.latestDuration?.seconds,
+            },
         }));
 
         return (
             <Modal
                 isVisible={visible}
-                onOverlayPress={closeOnOverlayPress ? hideModal : undefined}
+                onOverlayPress={
+                    closeOnOverlayPress ? hideModalHandler : undefined
+                }
                 {...modalProps}
                 testID="timer-picker-modal">
                 <View {...containerProps} style={styles.container}>
@@ -177,10 +200,11 @@ const TimerPickerModal = forwardRef<TimerPickerModalRef, TimerPickerModalProps>(
                         ) : null}
                         <TimerPicker
                             ref={timerPickerRef}
-                            onDurationChange={durationChange}
+                            onDurationChange={durationChangeHandler}
                             initialHours={confirmedDuration.hours}
                             initialMinutes={confirmedDuration.minutes}
                             initialSeconds={confirmedDuration.seconds}
+                            aggressivelyGetLatestDuration={true}
                             hideHours={hideHours}
                             hideMinutes={hideMinutes}
                             hideSeconds={hideSeconds}
@@ -210,7 +234,7 @@ const TimerPickerModal = forwardRef<TimerPickerModalRef, TimerPickerModalProps>(
                             style={styles.buttonContainer}>
                             {!hideCancelButton ? (
                                 <TouchableOpacity
-                                    onPress={cancel}
+                                    onPress={cancelHandler}
                                     {...buttonTouchableOpacityProps}>
                                     <Text
                                         style={[
@@ -222,7 +246,7 @@ const TimerPickerModal = forwardRef<TimerPickerModalRef, TimerPickerModalProps>(
                                 </TouchableOpacity>
                             ) : null}
                             <TouchableOpacity
-                                onPress={confirm}
+                                onPress={confirmHandler}
                                 {...buttonTouchableOpacityProps}>
                                 <Text
                                     style={[