react-native-timer-picker 1.5.3 → 1.6.0

package/package.json

@@ -6,7 +6,7 @@
         "url": "https://github.com/troberts-28"
     },
     "license": "MIT",
-    "version": "1.5.3",
+    "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: "hidden",
-                }}>
+                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}