npm - react-native-timer-picker - Versions diffs - 2.0.2 → 2.1.0 - Mend

react-native-timer-picker 2.0.2 → 2.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (30) hide show

package/dist/commonjs/components/TimerPicker/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_getSafeInitialValue","_DurationScroll","_interopRequireDefault","_styles","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","TimerPicker","forwardRef","props","ref","aggressivelyGetLatestDuration","allowFontScaling","amLabel","disableInfiniteScroll","hideHours","hideMinutes","hideSeconds","hourInterval","hourLabel","hourLimit","hoursPickerIsDisabled","initialValue","maximumHours","maximumMinutes","maximumSeconds","minuteInterval","minuteLabel","minuteLimit","minutesPickerIsDisabled","onDurationChange","padHoursWithZero","padMinutesWithZero","padSecondsWithZero","padWithNItems","pickerContainerProps","pmLabel","repeatHourNumbersNTimes","repeatMinuteNumbersNTimes","repeatSecondNumbersNTimes","secondInterval","secondLabel","secondLimit","secondsPickerIsDisabled","styles","customStyles","use12HourPicker","otherProps","safePadWithNItems","useMemo","isNaN","maxPadWithNItems","Math","round","safeInitialValue","getSafeInitialValue","hours","minutes","seconds","generateStyles","selectedHours","setSelectedHours","useState","selectedMinutes","setSelectedMinutes","selectedSeconds","setSelectedSeconds","useEffect","hoursDurationScrollRef","useRef","minutesDurationScrollRef","secondsDurationScrollRef","useImperativeHandle","_hoursDurationScrollR3","_minutesDurationScrol3","_secondsDurationScrol3","reset","options","_hoursDurationScrollR","_minutesDurationScrol","_secondsDurationScrol","current","setValue","value","_hoursDurationScrollR2","_minutesDurationScrol2","_secondsDurationScrol2","latestDuration","createElement","View","style","pickerContainer","testID","interval","is12HourPicker","isDisabled","label","undefined","limit","maximumValue","padNumbersWithZero","repeatNumbersNTimes","repeatNumbersNTimesNotExplicitlySet","_default","exports","React","memo"],"sources":["index.tsx"],"sourcesContent":["import React, {\n forwardRef,\n useEffect,\n useImperativeHandle,\n useMemo,\n useRef,\n useState,\n} from \"react\";\n\nimport { View } from \"react-native\";\n\nimport { getSafeInitialValue } from \"../../utils/getSafeInitialValue\";\nimport DurationScroll from \"../DurationScroll\";\nimport type { DurationScrollRef } from \"../DurationScroll/types\";\n\nimport { generateStyles } from \"./styles\";\nimport type { TimerPickerProps, TimerPickerRef } from \"./types\";\n\nconst TimerPicker = forwardRef<TimerPickerRef, TimerPickerProps>(\n (props, ref) => {\n const {\n aggressivelyGetLatestDuration = false,\n allowFontScaling = false,\n amLabel = \"am\",\n disableInfiniteScroll = false,\n hideHours = false,\n hideMinutes = false,\n hideSeconds = false,\n hourInterval = 1,\n hourLabel,\n hourLimit,\n hoursPickerIsDisabled = false,\n initialValue,\n maximumHours = 23,\n maximumMinutes = 59,\n maximumSeconds = 59,\n minuteInterval = 1,\n minuteLabel,\n minuteLimit,\n minutesPickerIsDisabled = false,\n onDurationChange,\n padHoursWithZero = false,\n padMinutesWithZero = true,\n padSecondsWithZero = true,\n padWithNItems = 1,\n pickerContainerProps,\n pmLabel = \"pm\",\n repeatHourNumbersNTimes = 8,\n repeatMinuteNumbersNTimes = 3,\n repeatSecondNumbersNTimes = 3,\n secondInterval = 1,\n secondLabel,\n secondLimit,\n secondsPickerIsDisabled = false,\n styles: customStyles,\n use12HourPicker = false,\n ...otherProps\n } = props;\n\n const safePadWithNItems = useMemo(() => {\n if (padWithNItems < 0 \|\| isNaN(padWithNItems)) {\n return 0;\n }\n\n const maxPadWithNItems = hideHours ? 15 : 6;\n\n if (padWithNItems > maxPadWithNItems) {\n return maxPadWithNItems;\n }\n\n return Math.round(padWithNItems);\n }, [hideHours, padWithNItems]);\n\n const safeInitialValue = useMemo(\n () =>\n getSafeInitialValue({\n hours: initialValue?.hours,\n minutes: initialValue?.minutes,\n seconds: initialValue?.seconds,\n }),\n [initialValue?.hours, initialValue?.minutes, initialValue?.seconds]\n );\n\n const styles = useMemo(\n () =>\n generateStyles(customStyles, {\n padWithNItems: safePadWithNItems,\n }),\n\n [safePadWithNItems, customStyles]\n );\n\n const [selectedHours, setSelectedHours] = useState(\n safeInitialValue.hours\n );\n const [selectedMinutes, setSelectedMinutes] = useState(\n safeInitialValue.minutes\n );\n const [selectedSeconds, setSelectedSeconds] = useState(\n safeInitialValue.seconds\n );\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(safeInitialValue.hours);\n setSelectedMinutes(safeInitialValue.minutes);\n setSelectedSeconds(safeInitialValue.seconds);\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 aggressivelyGetLatestDuration={\n aggressivelyGetLatestDuration\n }\n allowFontScaling={allowFontScaling}\n amLabel={amLabel}\n disableInfiniteScroll={disableInfiniteScroll}\n initialValue={safeInitialValue.hours}\n interval={hourInterval}\n is12HourPicker={use12HourPicker}\n isDisabled={hoursPickerIsDisabled}\n label={\n hourLabel ?? (!use12HourPicker ? \"h\" : undefined)\n }\n limit={hourLimit}\n maximumValue={maximumHours}\n onDurationChange={setSelectedHours}\n padNumbersWithZero={padHoursWithZero}\n padWithNItems={safePadWithNItems}\n pmLabel={pmLabel}\n repeatNumbersNTimes={repeatHourNumbersNTimes}\n repeatNumbersNTimesNotExplicitlySet={\n props?.repeatHourNumbersNTimes === undefined\n }\n styles={styles}\n testID=\"duration-scroll-hour\"\n {...otherProps}\n />\n ) : null}\n {!hideMinutes ? (\n <DurationScroll\n ref={minutesDurationScrollRef}\n aggressivelyGetLatestDuration={\n aggressivelyGetLatestDuration\n }\n allowFontScaling={allowFontScaling}\n disableInfiniteScroll={disableInfiniteScroll}\n initialValue={safeInitialValue.minutes}\n interval={minuteInterval}\n isDisabled={minutesPickerIsDisabled}\n label={minuteLabel ?? \"m\"}\n limit={minuteLimit}\n maximumValue={maximumMinutes}\n onDurationChange={setSelectedMinutes}\n padNumbersWithZero={padMinutesWithZero}\n padWithNItems={safePadWithNItems}\n repeatNumbersNTimes={repeatMinuteNumbersNTimes}\n repeatNumbersNTimesNotExplicitlySet={\n props?.repeatMinuteNumbersNTimes === undefined\n }\n styles={styles}\n testID=\"duration-scroll-minute\"\n {...otherProps}\n />\n ) : null}\n {!hideSeconds ? (\n <DurationScroll\n ref={secondsDurationScrollRef}\n aggressivelyGetLatestDuration={\n aggressivelyGetLatestDuration\n }\n allowFontScaling={allowFontScaling}\n disableInfiniteScroll={disableInfiniteScroll}\n initialValue={safeInitialValue.seconds}\n interval={secondInterval}\n isDisabled={secondsPickerIsDisabled}\n label={secondLabel ?? \"s\"}\n limit={secondLimit}\n maximumValue={maximumSeconds}\n onDurationChange={setSelectedSeconds}\n padNumbersWithZero={padSecondsWithZero}\n padWithNItems={safePadWithNItems}\n repeatNumbersNTimes={repeatSecondNumbersNTimes}\n repeatNumbersNTimesNotExplicitlySet={\n props?.repeatSecondNumbersNTimes === undefined\n }\n styles={styles}\n testID=\"duration-scroll-second\"\n {...otherProps}\n />\n ) : null}\n </View>\n );\n }\n);\n\nexport default React.memo(TimerPicker);\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_getSafeInitialValue","_DurationScroll","_interopRequireDefault","_styles","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","TimerPicker","forwardRef","props","ref","aggressivelyGetLatestDuration","allowFontScaling","amLabel","disableInfiniteScroll","hideHours","hideMinutes","hideSeconds","hourInterval","hourLabel","hourLimit","hoursPickerIsDisabled","initialValue","maximumHours","maximumMinutes","maximumSeconds","minuteInterval","minuteLabel","minuteLimit","minutesPickerIsDisabled","onDurationChange","padHoursWithZero","padMinutesWithZero","padSecondsWithZero","padWithNItems","pickerContainerProps","pmLabel","repeatHourNumbersNTimes","repeatMinuteNumbersNTimes","repeatSecondNumbersNTimes","secondInterval","secondLabel","secondLimit","secondsPickerIsDisabled","styles","customStyles","use12HourPicker","otherProps","safePadWithNItems","useMemo","isNaN","maxPadWithNItems","Math","round","safeInitialValue","getSafeInitialValue","hours","minutes","seconds","generateStyles","selectedHours","setSelectedHours","useState","selectedMinutes","setSelectedMinutes","selectedSeconds","setSelectedSeconds","useEffect","hoursDurationScrollRef","useRef","minutesDurationScrollRef","secondsDurationScrollRef","useImperativeHandle","_hoursDurationScrollR3","_minutesDurationScrol3","_secondsDurationScrol3","reset","options","_hoursDurationScrollR","_minutesDurationScrol","_secondsDurationScrol","current","setValue","value","_hoursDurationScrollR2","_minutesDurationScrol2","_secondsDurationScrol2","latestDuration","createElement","View","style","pickerContainer","testID","interval","is12HourPicker","isDisabled","label","undefined","limit","maximumValue","padNumbersWithZero","repeatNumbersNTimes","repeatNumbersNTimesNotExplicitlySet","_default","exports","React","memo"],"sources":["index.tsx"],"sourcesContent":["import React, {\n forwardRef,\n useEffect,\n useImperativeHandle,\n useMemo,\n useRef,\n useState,\n} from \"react\";\n\nimport { View } from \"react-native\";\n\nimport { getSafeInitialValue } from \"../../utils/getSafeInitialValue\";\nimport DurationScroll from \"../DurationScroll\";\nimport type { DurationScrollRef } from \"../DurationScroll/types\";\n\nimport { generateStyles } from \"./styles\";\nimport type { TimerPickerProps, TimerPickerRef } from \"./types\";\n\nconst TimerPicker = forwardRef<TimerPickerRef, TimerPickerProps>(\n (props, ref) => {\n const {\n aggressivelyGetLatestDuration = false,\n allowFontScaling = false,\n amLabel = \"am\",\n disableInfiniteScroll = false,\n hideHours = false,\n hideMinutes = false,\n hideSeconds = false,\n hourInterval = 1,\n hourLabel,\n hourLimit,\n hoursPickerIsDisabled = false,\n initialValue,\n maximumHours = 23,\n maximumMinutes = 59,\n maximumSeconds = 59,\n minuteInterval = 1,\n minuteLabel,\n minuteLimit,\n minutesPickerIsDisabled = false,\n onDurationChange,\n padHoursWithZero = false,\n padMinutesWithZero = true,\n padSecondsWithZero = true,\n padWithNItems = 1,\n pickerContainerProps,\n pmLabel = \"pm\",\n repeatHourNumbersNTimes = 8,\n repeatMinuteNumbersNTimes = 3,\n repeatSecondNumbersNTimes = 3,\n secondInterval = 1,\n secondLabel,\n secondLimit,\n secondsPickerIsDisabled = false,\n styles: customStyles,\n use12HourPicker = false,\n ...otherProps\n } = props;\n\n const safePadWithNItems = useMemo(() => {\n if (padWithNItems < 0 \|\| isNaN(padWithNItems)) {\n return 0;\n }\n\n const maxPadWithNItems = hideHours ? 15 : 6;\n\n if (padWithNItems > maxPadWithNItems) {\n return maxPadWithNItems;\n }\n\n return Math.round(padWithNItems);\n }, [hideHours, padWithNItems]);\n\n const safeInitialValue = useMemo(\n () =>\n getSafeInitialValue({\n hours: initialValue?.hours,\n minutes: initialValue?.minutes,\n seconds: initialValue?.seconds,\n }),\n [initialValue?.hours, initialValue?.minutes, initialValue?.seconds]\n );\n\n const styles = useMemo(\n () => generateStyles(customStyles),\n\n [customStyles]\n );\n\n const [selectedHours, setSelectedHours] = useState(\n safeInitialValue.hours\n );\n const [selectedMinutes, setSelectedMinutes] = useState(\n safeInitialValue.minutes\n );\n const [selectedSeconds, setSelectedSeconds] = useState(\n safeInitialValue.seconds\n );\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(safeInitialValue.hours);\n setSelectedMinutes(safeInitialValue.minutes);\n setSelectedSeconds(safeInitialValue.seconds);\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 aggressivelyGetLatestDuration={\n aggressivelyGetLatestDuration\n }\n allowFontScaling={allowFontScaling}\n amLabel={amLabel}\n disableInfiniteScroll={disableInfiniteScroll}\n initialValue={safeInitialValue.hours}\n interval={hourInterval}\n is12HourPicker={use12HourPicker}\n isDisabled={hoursPickerIsDisabled}\n label={\n hourLabel ?? (!use12HourPicker ? \"h\" : undefined)\n }\n limit={hourLimit}\n maximumValue={maximumHours}\n onDurationChange={setSelectedHours}\n padNumbersWithZero={padHoursWithZero}\n padWithNItems={safePadWithNItems}\n pmLabel={pmLabel}\n repeatNumbersNTimes={repeatHourNumbersNTimes}\n repeatNumbersNTimesNotExplicitlySet={\n props?.repeatHourNumbersNTimes === undefined\n }\n styles={styles}\n testID=\"duration-scroll-hour\"\n {...otherProps}\n />\n ) : null}\n {!hideMinutes ? (\n <DurationScroll\n ref={minutesDurationScrollRef}\n aggressivelyGetLatestDuration={\n aggressivelyGetLatestDuration\n }\n allowFontScaling={allowFontScaling}\n disableInfiniteScroll={disableInfiniteScroll}\n initialValue={safeInitialValue.minutes}\n interval={minuteInterval}\n isDisabled={minutesPickerIsDisabled}\n label={minuteLabel ?? \"m\"}\n limit={minuteLimit}\n maximumValue={maximumMinutes}\n onDurationChange={setSelectedMinutes}\n padNumbersWithZero={padMinutesWithZero}\n padWithNItems={safePadWithNItems}\n repeatNumbersNTimes={repeatMinuteNumbersNTimes}\n repeatNumbersNTimesNotExplicitlySet={\n props?.repeatMinuteNumbersNTimes === undefined\n }\n styles={styles}\n testID=\"duration-scroll-minute\"\n {...otherProps}\n />\n ) : null}\n {!hideSeconds ? (\n <DurationScroll\n ref={secondsDurationScrollRef}\n aggressivelyGetLatestDuration={\n aggressivelyGetLatestDuration\n }\n allowFontScaling={allowFontScaling}\n disableInfiniteScroll={disableInfiniteScroll}\n initialValue={safeInitialValue.seconds}\n interval={secondInterval}\n isDisabled={secondsPickerIsDisabled}\n label={secondLabel ?? \"s\"}\n limit={secondLimit}\n maximumValue={maximumSeconds}\n onDurationChange={setSelectedSeconds}\n padNumbersWithZero={padSecondsWithZero}\n padWithNItems={safePadWithNItems}\n repeatNumbersNTimes={repeatSecondNumbersNTimes}\n repeatNumbersNTimesNotExplicitlySet={\n props?.repeatSecondNumbersNTimes === undefined\n }\n styles={styles}\n testID=\"duration-scroll-second\"\n {...otherProps}\n />\n ) : null}\n </View>\n );\n }\n);\n\nexport default React.memo(TimerPicker);\n"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/components/TimerPicker/styles.js CHANGED Viewed

@@ -8,9 +8,9 @@ var _reactNative = require("react-native");
 const DARK_MODE_BACKGROUND_COLOR = "#232323";
 const DARK_MODE_TEXT_COLOR = "#E9E9E9";
 const LIGHT_MODE_BACKGROUND_COLOR = "#F1F1F1";
-const LIGHT_MODE_TEXT_COLOR = "#1B1B1B";
-const generateStyles = (customStyles, options) => {
-  var _customStyles$pickerL, _customStyles$text, _customStyles$pickerI, _customStyles$text2, _customStyles$pickerI2, _customStyles$pickerI3, _customStyles$pickerI4;
+const LIGHT_MODE_TEXT_COLOR = "#1B1B1uB";
+const generateStyles = customStyles => {
+  var _customStyles$pickerL, _customStyles$text, _customStyles$pickerI, _customStyles$text2, _customStyles$pickerI2, _customStyles$pickerI3;
   return _reactNative.StyleSheet.create({
     pickerContainer: {
       flexDirection: "row",
@@ -76,15 +76,18 @@ const generateStyles = (customStyles, options) => {
       opacity: 0.2,
       ...(customStyles === null || customStyles === void 0 ? void 0 : customStyles.disabledPickerItem)
     },
+    maskedView: {
+      flex: 1
+    },
     pickerGradientOverlay: {
       position: "absolute",
-      left: 0,
-      right: 0,
-      height: options.padWithNItems === 0 ? "30%" : ((customStyles === null || customStyles === void 0 || (_customStyles$pickerI4 = customStyles.pickerItemContainer) === null || _customStyles$pickerI4 === void 0 ? void 0 : _customStyles$pickerI4.height) ?? 50) * 0.8,
+      width: "100%",
+      height: "100%",
       ...(customStyles === null || customStyles === void 0 ? void 0 : customStyles.pickerGradientOverlay)
     },
     durationScrollFlatList: {
       minWidth: 1,
+      width: "300%",
       ...(customStyles === null || customStyles === void 0 ? void 0 : customStyles.durationScrollFlatList)
     },
     durationScrollFlatListContainer: {

package/dist/commonjs/components/TimerPicker/styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_reactNative","require","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","~~StyleSheet","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~~","durationScrollFlatList","durationScrollFlatListContainer","overflow","durationScrollFlatListContentContainer","exports"],"sources":["styles.ts"],"sourcesContent":["import { StyleSheet } from \"react-native\";\nimport type { TextStyle, ViewStyle } from \"react-native\";\n\nexport interface CustomTimerPickerStyles {\n backgroundColor?: string;\n disabledPickerContainer?: ViewStyle;\n disabledPickerItem?: TextStyle;\n durationScrollFlatList?: ViewStyle;\n durationScrollFlatListContainer?: ViewStyle;\n durationScrollFlatListContentContainer?: ViewStyle;\n pickerAmPmContainer?: ViewStyle;\n pickerAmPmLabel?: TextStyle;\n pickerContainer?: ViewStyle & { backgroundColor?: string };\n pickerGradientOverlay?: ViewStyle;\n pickerItem?: TextStyle;\n pickerItemContainer?: ViewStyle & { height?: number };\n pickerLabel?: TextStyle;\n pickerLabelContainer?: ViewStyle;\n text?: TextStyle;\n theme?: \"light\" \| \"dark\";\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 durationScrollFlatList: {\n minWidth: 1,\n ...customStyles?.durationScrollFlatList,\n },\n durationScrollFlatListContainer: {\n overflow: \"visible\",\n ...customStyles?.durationScrollFlatListContainer,\n },\n durationScrollFlatListContentContainer: {\n ...customStyles?.durationScrollFlatListContentContainer,\n },\n });\n"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAsBA,MAAMC,0BAA0B,GAAG,SAAS;AAC5C,MAAMC,oBAAoB,GAAG,SAAS;AACtC,MAAMC,2BAA2B,GAAG,SAAS;AAC7C,MAAMC,qBAAqB,GAAG,~~SAAS~~;~~AAEhC~~,MAAMC,cAAc,~~GAAGA~~,~~CAC1BC,~~YAAiD~~,EACjDC,OAAkC~~;EAAA,IAAAC,qBAAA,EAAAC,kBAAA,EAAAC,qBAAA,EAAAC,mBAAA,EAAAC,sBAAA,EAAAC,sBAAA~~,EAAAC,sBAAA~~;EAAA,~~OAElCC~~,uBAAU,CAACC,MAAM,CAAC;IACdC,eAAe,EAAE;MACbC,aAAa,EAAE,KAAK;MACpBC,WAAW,EAAE,IAAI;MACjBC,eAAe,EACX,~~CAAAd~~,YAAY,aAAZA,YAAY,uBAAZA,YAAY,~~CAAEc~~,eAAe,MAC5B,~~CAAAd~~,YAAY,aAAZA,YAAY,uBAAZA,YAAY,~~CAAEe~~,KAAK,MAAK,MAAM,~~GACzBpB~~,0BAA0B,GAC1BE,2BAA2B,CAAC;MACtC,IAAGG,YAAY,aAAZA,YAAY,uBAAZA,YAAY,~~CAAEW~~,eAAe;IACpC,CAAC;IACDK,oBAAoB,EAAE;MAClBC,QAAQ,EAAE,UAAU;MACpBC,KAAK,EAAE,CAAC;MACRC,GAAG,EAAE,CAAC;MACNC,MAAM,EAAE,CAAC;MACTC,cAAc,EAAE,QAAQ;MACxBC,QAAQ,EACJ,CAAC,~~CAAAtB~~,YAAY,aAAZA,YAAY,~~gBAAAE~~,qBAAA,~~GAAZF~~,YAAY,~~CAAEuB~~,WAAW,~~cAAArB~~,qBAAA,uBAAzBA,qBAAA,~~CAA2BsB~~,QAAQ,~~MAChCxB~~,YAAY,aAAZA,YAAY,~~gBAAAG~~,kBAAA,~~GAAZH~~,YAAY,~~CAAEyB~~,IAAI,~~cAAAtB~~,kBAAA,uBAAlBA,kBAAA,~~CAAoBqB~~,QAAQ,KAC5B,EAAE,IAAI,IAAI;MAClB,~~IAAGxB~~,YAAY,aAAZA,YAAY,uBAAZA,YAAY,~~CAAEgB~~,oBAAoB;IACzC,CAAC;IACDO,WAAW,EAAE;MACTC,QAAQ,EAAE,EAAE;MACZE,UAAU,EAAE,MAAM;MAClBC,SAAS,EACL,CAAC,~~CAAA3B~~,YAAY,aAAZA,YAAY,~~gBAAAI~~,qBAAA,~~GAAZJ~~,YAAY,~~CAAE4B~~,UAAU,~~cAAAxB~~,qBAAA,uBAAxBA,qBAAA,~~CAA0BoB~~,QAAQ,MAC/~~BxB~~,YAAY,aAAZA,YAAY,~~gBAAAK~~,mBAAA,~~GAAZL~~,YAAY,~~CAAEyB~~,IAAI,~~cAAApB~~,mBAAA,uBAAlBA,mBAAA,~~CAAoBmB~~,QAAQ,KAC5B,EAAE,IAAI,CAAC;MACfK,KAAK,EACD,~~CAAA7B~~,YAAY,aAAZA,YAAY,uBAAZA,YAAY,~~CAAEe~~,KAAK,MAAK,MAAM,~~GACxBnB~~,oBAAoB,GACpBE,qBAAqB;MAC/B,IAAGE,YAAY,aAAZA,YAAY,uBAAZA,YAAY,~~CAAEyB~~,IAAI;MACrB,~~IAAGzB~~,YAAY,aAAZA,YAAY,uBAAZA,YAAY,~~CAAEuB~~,WAAW;IAChC,CAAC;IACDO,mBAAmB,EAAE;MACjBlB,aAAa,EAAE,KAAK;MACpBmB,MAAM,EAAE,EAAE;MACVV,cAAc,EAAE,QAAQ;MACxBW,UAAU,EAAE,QAAQ;MACpBC,KAAK,EAAE,CAAC,~~CAAAjC~~,YAAY,aAAZA,YAAY,~~gBAAAM~~,sBAAA,~~GAAZN~~,YAAY,~~CAAE4B~~,UAAU,~~cAAAtB~~,sBAAA,uBAAxBA,sBAAA,~~CAA0BkB~~,QAAQ,KAAI,EAAE,IAAI,GAAG;MACvD,~~IAAGxB~~,YAAY,aAAZA,YAAY,uBAAZA,YAAY,~~CAAE8B~~,mBAAmB;IACxC,CAAC;IACDF,UAAU,EAAE;MACRM,iBAAiB,EAAE,QAAQ;MAC3BV,QAAQ,EAAE,EAAE;MACZK,KAAK,EACD,~~CAAA7B~~,YAAY,aAAZA,YAAY,uBAAZA,YAAY,~~CAAEe~~,KAAK,MAAK,MAAM,~~GACxBnB~~,oBAAoB,GACpBE,qBAAqB;MAC/B,IAAGE,YAAY,aAAZA,YAAY,uBAAZA,YAAY,~~CAAEyB~~,IAAI;MACrB,~~IAAGzB~~,YAAY,aAAZA,YAAY,uBAAZA,YAAY,~~CAAE4B~~,UAAU;IAC/B,CAAC;IACDO,mBAAmB,EAAE;MACjBlB,QAAQ,EAAE,UAAU;MACpBC,KAAK,EAAE,CAAC;MACRC,GAAG,EAAE,CAAC;MACNC,MAAM,EAAE,CAAC;MACTC,cAAc,EAAE,QAAQ;MACxB,~~IAAGrB~~,YAAY,aAAZA,YAAY,uBAAZA,YAAY,~~CAAEgB~~,oBAAoB;MACrC,~~IAAGhB~~,YAAY,aAAZA,YAAY,uBAAZA,YAAY,~~CAAEmC~~,mBAAmB;IACxC,CAAC;IACDC,eAAe,EAAE;MACbZ,QAAQ,EAAE,EAAE;MACZE,UAAU,EAAE,MAAM;MAClBC,SAAS,EAAE,CAAC,~~CAAA3B~~,YAAY,aAAZA,YAAY,~~gBAAAO~~,sBAAA,~~GAAZP~~,YAAY,~~CAAE4B~~,UAAU,~~cAAArB~~,sBAAA,uBAAxBA,sBAAA,~~CAA0BiB~~,QAAQ,KAAI,EAAE,IAAI,CAAC;MACzDK,KAAK,EACD,~~CAAA7B~~,YAAY,aAAZA,YAAY,uBAAZA,YAAY,~~CAAEe~~,KAAK,MAAK,MAAM,~~GACxBnB~~,oBAAoB,GACpBE,qBAAqB;MAC/B,IAAGE,YAAY,aAAZA,YAAY,uBAAZA,YAAY,~~CAAEyB~~,IAAI;MACrB,~~IAAGzB~~,YAAY,aAAZA,YAAY,uBAAZA,YAAY,~~CAAEuB~~,WAAW;MAC5B,~~IAAGvB~~,YAAY,aAAZA,YAAY,uBAAZA,YAAY,~~CAAEoC~~,eAAe;IACpC,CAAC;IACDC,uBAAuB,EAAE;MACrBC,OAAO,EAAE,GAAG;MACZ,~~IAAGtC~~,YAAY,aAAZA,YAAY,uBAAZA,YAAY,~~CAAEqC~~,uBAAuB;IAC5C,CAAC;IACDE,kBAAkB,EAAE;MAChBD,OAAO,EAAE,GAAG;MACZ,~~IAAGtC~~,YAAY,aAAZA,YAAY,uBAAZA,YAAY,~~CAAEuC~~,kBAAkB;IACvC,CAAC;IACDC,~~qBAAqB~~,EAAE;~~MACnBvB~~,~~QAAQ~~,EAAE,~~UAAU~~;~~MACpBwB~~,~~IAAI~~,EAAE~~,CAAC~~;~~MACPvB~~,~~KAAK~~,EAAE,~~CAAC~~;~~MACRa~~,~~MAAM,EACF9B,OAAO,CAACyC,aAAa,~~KAAK,~~CAAC~~,~~GACrB~~,~~KAAK,GACL,CAAC,CAAA1C,YAAY,aAAZA,YAAY,gBAAAQ,sBAAA,GAAZR,YAAY,CAAE8B,mBAAmB,cAAAtB,sBAAA,uBAAjCA,sBAAA,CAAmCuB,~~MAAM,~~KAAI,~~EAAE,~~IAAI,GAAG~~;~~MACjE~~,~~IAAG/B~~,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEwC,qBAAqB;IAC1C,CAAC;~~IACDG~~,sBAAsB,EAAE;MACpBrB,QAAQ,EAAE,CAAC;~~MACX~~,~~IAAGtB~~,YAAY,aAAZA,YAAY,uBAAZA,YAAY,~~CAAE2C~~,sBAAsB;IAC3C,CAAC;IACDC,+BAA+B,EAAE;MAC7BC,QAAQ,EAAE,SAAS;MACnB,~~IAAG7C~~,YAAY,aAAZA,YAAY,uBAAZA,YAAY,~~CAAE4C~~,+BAA+B;IACpD,CAAC;IACDE,sCAAsC,EAAE;MACpC,~~IAAG9C~~,YAAY,aAAZA,YAAY,uBAAZA,YAAY,~~CAAE8C~~,sCAAsC;IAC3D;EACJ,CAAC,CAAC;AAAA;AAACC,OAAA,~~CAAAhD~~,cAAA,GAAAA,cAAA","ignoreList":[]}
1	+ {"version":3,"names":["_reactNative","require","DARK_MODE_BACKGROUND_COLOR","DARK_MODE_TEXT_COLOR","LIGHT_MODE_BACKGROUND_COLOR","LIGHT_MODE_TEXT_COLOR","generateStyles","customStyles","_customStyles$pickerL","_customStyles$text","_customStyles$pickerI","_customStyles$text2","_customStyles$pickerI2","_customStyles$pickerI3","StyleSheet","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","maskedView","flex","pickerGradientOverlay","durationScrollFlatList","durationScrollFlatListContainer","overflow","durationScrollFlatListContentContainer","exports"],"sources":["styles.ts"],"sourcesContent":["import { StyleSheet } from \"react-native\";\nimport type { TextStyle, ViewStyle } from \"react-native\";\n\nexport interface CustomTimerPickerStyles {\n backgroundColor?: string;\n disabledPickerContainer?: ViewStyle;\n disabledPickerItem?: TextStyle;\n durationScrollFlatList?: ViewStyle;\n durationScrollFlatListContainer?: ViewStyle;\n durationScrollFlatListContentContainer?: ViewStyle;\n pickerAmPmContainer?: ViewStyle;\n pickerAmPmLabel?: TextStyle;\n pickerContainer?: ViewStyle & { backgroundColor?: string };\n pickerGradientOverlay?: ViewStyle;\n pickerItem?: TextStyle;\n pickerItemContainer?: ViewStyle & { height?: number };\n pickerLabel?: TextStyle;\n pickerLabelContainer?: ViewStyle;\n text?: TextStyle;\n theme?: \"light\" \| \"dark\";\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 = \"#1B1B1uB\";\n\nexport const generateStyles = (\n customStyles: CustomTimerPickerStyles \| undefined,\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 maskedView: {\n flex: 1,\n },\n pickerGradientOverlay: {\n position: \"absolute\",\n width: \"100%\",\n height: \"100%\",\n ...customStyles?.pickerGradientOverlay,\n },\n durationScrollFlatList: {\n minWidth: 1,\n width: \"300%\",\n ...customStyles?.durationScrollFlatList,\n },\n durationScrollFlatListContainer: {\n overflow: \"visible\",\n ...customStyles?.durationScrollFlatListContainer,\n },\n durationScrollFlatListContentContainer: {\n ...customStyles?.durationScrollFlatListContentContainer,\n },\n });\n"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/components/TimerPicker/types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { MutableRefObject } from \"react\";\n\nimport type { View } from \"react-native\";\n\nimport type {\n LinearGradientProps,\n SoundAssetType,\n LimitType,\n CustomFlatList,\n} from \"../DurationScroll/types\";\n\nimport type { CustomTimerPickerStyles } from \"./styles\";\n\nexport interface TimerPickerRef {\n latestDuration: {\n hours: MutableRefObject<number> \| undefined;\n minutes: MutableRefObject<number> \| undefined;\n seconds: MutableRefObject<number> \| undefined;\n };\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 TimerPickerProps {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n Audio?: any;\n FlatList?: CustomFlatList;\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n Haptics?: any;\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n LinearGradient?: any;\n aggressivelyGetLatestDuration?: boolean;\n allowFontScaling?: boolean;\n amLabel?: string;\n ~~bottomPickerGradientOverlayProps?: Partial<LinearGradientProps>;\n~~ clickSoundAsset?: SoundAssetType;\n disableInfiniteScroll?: boolean;\n hideHours?: boolean;\n hideMinutes?: boolean;\n hideSeconds?: boolean;\n hourInterval?: number;\n hourLabel?: string \| React.ReactElement;\n hourLimit?: LimitType;\n hoursPickerIsDisabled?: boolean;\n initialValue?: {\n hours?: number;\n minutes?: number;\n seconds?: number;\n };\n maximumHours?: number;\n maximumMinutes?: number;\n maximumSeconds?: number;\n minuteInterval?: number;\n minuteLabel?: string \| React.ReactElement;\n minuteLimit?: LimitType;\n minutesPickerIsDisabled?: boolean;\n onDurationChange?: (duration: {\n hours: number;\n minutes: number;\n seconds: number;\n }) => void;\n padHoursWithZero?: boolean;\n padMinutesWithZero?: boolean;\n padSecondsWithZero?: boolean;\n padWithNItems?: number;\n pickerContainerProps?: React.ComponentProps<typeof View>;\n pickerFeedback?: () => void \| Promise<void>;\n pickerGradientOverlayProps?: Partial<LinearGradientProps>;\n pmLabel?: string;\n repeatHourNumbersNTimes?: number;\n repeatMinuteNumbersNTimes?: number;\n repeatSecondNumbersNTimes?: number;\n secondInterval?: number;\n secondLabel?: string \| React.ReactElement;\n secondLimit?: LimitType;\n secondsPickerIsDisabled?: boolean;\n styles?: CustomTimerPickerStyles;\n ~~topPickerGradientOverlayProps?: Partial<LinearGradientProps>;\n~~ use12HourPicker?: boolean;\n}\n"],"mappings":"","ignoreList":[]}
1	+ {"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { MutableRefObject } from \"react\";\n\nimport type { View } from \"react-native\";\n\nimport type {\n LinearGradientProps,\n SoundAssetType,\n LimitType,\n CustomFlatList,\n} from \"../DurationScroll/types\";\n\nimport type { CustomTimerPickerStyles } from \"./styles\";\n\nexport interface TimerPickerRef {\n latestDuration: {\n hours: MutableRefObject<number> \| undefined;\n minutes: MutableRefObject<number> \| undefined;\n seconds: MutableRefObject<number> \| undefined;\n };\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 TimerPickerProps {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n Audio?: any;\n FlatList?: CustomFlatList;\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n Haptics?: any;\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n LinearGradient?: any;\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n MaskedView?: any;\n aggressivelyGetLatestDuration?: boolean;\n allowFontScaling?: boolean;\n amLabel?: string;\n clickSoundAsset?: SoundAssetType;\n disableInfiniteScroll?: boolean;\n hideHours?: boolean;\n hideMinutes?: boolean;\n hideSeconds?: boolean;\n hourInterval?: number;\n hourLabel?: string \| React.ReactElement;\n hourLimit?: LimitType;\n hoursPickerIsDisabled?: boolean;\n initialValue?: {\n hours?: number;\n minutes?: number;\n seconds?: number;\n };\n maximumHours?: number;\n maximumMinutes?: number;\n maximumSeconds?: number;\n minuteInterval?: number;\n minuteLabel?: string \| React.ReactElement;\n minuteLimit?: LimitType;\n minutesPickerIsDisabled?: boolean;\n onDurationChange?: (duration: {\n hours: number;\n minutes: number;\n seconds: number;\n }) => void;\n padHoursWithZero?: boolean;\n padMinutesWithZero?: boolean;\n padSecondsWithZero?: boolean;\n padWithNItems?: number;\n pickerContainerProps?: React.ComponentProps<typeof View>;\n pickerFeedback?: () => void \| Promise<void>;\n pickerGradientOverlayProps?: Partial<LinearGradientProps>;\n pmLabel?: string;\n repeatHourNumbersNTimes?: number;\n repeatMinuteNumbersNTimes?: number;\n repeatSecondNumbersNTimes?: number;\n secondInterval?: number;\n secondLabel?: string \| React.ReactElement;\n secondLimit?: LimitType;\n secondsPickerIsDisabled?: boolean;\n styles?: CustomTimerPickerStyles;\n use12HourPicker?: boolean;\n}\n"],"mappings":"","ignoreList":[]}

package/dist/commonjs/tests/DurationScroll.test.js CHANGED Viewed

@@ -23,9 +23,11 @@ describe("DurationScroll", () => {
       getByTestId
     } = (0, _reactNative.render)(/*#__PURE__*/_react.default.createElement(_DurationScroll.default, {
       aggressivelyGetLatestDuration: false,
-      numberOfItems: 1,
+      interval: 1,
+      maximumValue: 1,
       onDurationChange: onDurationChangeMock,
       padWithNItems: 0,
+      repeatNumbersNTimesNotExplicitlySet: true,
       styles: emptyStyles,
       testID: "duration-scroll"
     }));
@@ -37,23 +39,27 @@ describe("DurationScroll", () => {
       getAllByTestId
     } = (0, _reactNative.render)(/*#__PURE__*/_react.default.createElement(_DurationScroll.default, {
       aggressivelyGetLatestDuration: false,
-      numberOfItems: 2,
+      interval: 1,
+      maximumValue: 23,
       onDurationChange: onDurationChangeMock,
       padWithNItems: 1,
+      repeatNumbersNTimesNotExplicitlySet: true,
       styles: emptyStyles
     }));
     const items = getAllByTestId("picker-item");
-    expect(items).toHaveLength(7);
+    expect(items).toHaveLength(10);
   });
   it("renders the label if provided", () => {
     const {
       getByText
     } = (0, _reactNative.render)(/*#__PURE__*/_react.default.createElement(_DurationScroll.default, {
       aggressivelyGetLatestDuration: false,
+      interval: 1,
       label: "Duration",
-      numberOfItems: 59,
+      maximumValue: 59,
       onDurationChange: onDurationChangeMock,
       padWithNItems: 1,
+      repeatNumbersNTimesNotExplicitlySet: true,
       styles: emptyStyles
     }));
     const label = getByText("Duration");

package/dist/commonjs/tests/DurationScroll.test.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_DurationScroll","e","__esModule","default","describe","onDurationChangeMock","jest","fn","emptyStyles","pickerContainer","pickerLabelContainer","pickerLabel","pickerItemContainer","pickerItem","pickerAmPmContainer","pickerAmPmLabel","disabledPickerContainer","disabledPickerItem","pickerGradientOverlay","it","getByTestId","render","createElement","aggressivelyGetLatestDuration","~~numberOfItems~~","onDurationChange","padWithNItems","styles","testID","component","expect","toBeDefined","getAllByTestId","items","toHaveLength","getByText","label"],"sources":["DurationScroll.test.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { render } from \"@testing-library/react-native\";\n\nimport DurationScroll from \"../components/DurationScroll\";\nimport type { generateStyles } from \"../components/TimerPicker/styles\";\n\ndescribe(\"DurationScroll\", () => {\n const onDurationChangeMock = jest.fn();\n const emptyStyles = {\n pickerContainer: {},\n pickerLabelContainer: {},\n pickerLabel: {},\n pickerItemContainer: {},\n pickerItem: {},\n pickerAmPmContainer: {},\n pickerAmPmLabel: {},\n disabledPickerContainer: {},\n disabledPickerItem: {},\n pickerGradientOverlay: {},\n } as ReturnType<typeof generateStyles>;\n\n it(\"renders without crashing\", () => {\n const { getByTestId } = render(\n <DurationScroll\n aggressivelyGetLatestDuration={false}\n ~~numberOfItems~~={1}\n onDurationChange={onDurationChangeMock}\n padWithNItems={0}\n styles={emptyStyles}\n testID=\"duration-scroll\"\n />\n );\n const component = getByTestId(\"duration-scroll\");\n expect(component).toBeDefined();\n });\n\n it(\"renders the correct number of items\", () => {\n const { getAllByTestId } = render(\n <DurationScroll\n aggressivelyGetLatestDuration={false}\n ~~numberOfItems~~={2}\n onDurationChange={onDurationChangeMock}\n padWithNItems={1}\n styles={emptyStyles}\n />\n );\n const items = getAllByTestId(\"picker-item\");\n expect(items).toHaveLength(7);\n });\n\n it(\"renders the label if provided\", () => {\n const { getByText } = render(\n <DurationScroll\n aggressivelyGetLatestDuration={false}\n label=\"Duration\"\n ~~numberOfItems~~={59}\n onDurationChange={onDurationChangeMock}\n padWithNItems={1}\n styles={emptyStyles}\n />\n );\n const label = getByText(\"Duration\");\n expect(label).toBeDefined();\n });\n});\n"],"mappings":";;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,eAAA,GAAAH,sBAAA,CAAAC,OAAA;AAA0D,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAG1DG,QAAQ,CAAC,gBAAgB,EAAE,MAAM;EAC7B,MAAMC,oBAAoB,GAAGC,IAAI,CAACC,EAAE,CAAC,CAAC;EACtC,MAAMC,WAAW,GAAG;IAChBC,eAAe,EAAE,CAAC,CAAC;IACnBC,oBAAoB,EAAE,CAAC,CAAC;IACxBC,WAAW,EAAE,CAAC,CAAC;IACfC,mBAAmB,EAAE,CAAC,CAAC;IACvBC,UAAU,EAAE,CAAC,CAAC;IACdC,mBAAmB,EAAE,CAAC,CAAC;IACvBC,eAAe,EAAE,CAAC,CAAC;IACnBC,uBAAuB,EAAE,CAAC,CAAC;IAC3BC,kBAAkB,EAAE,CAAC,CAAC;IACtBC,qBAAqB,EAAE,CAAC;EAC5B,CAAsC;EAEtCC,EAAE,CAAC,0BAA0B,EAAE,MAAM;IACjC,MAAM;MAAEC;IAAY,CAAC,GAAG,IAAAC,mBAAM,eAC1BzB,MAAA,CAAAO,OAAA,CAAAmB,aAAA,CAACtB,eAAA,CAAAG,OAAc;MACXoB,6BAA6B,EAAE,KAAM;MACrCC,~~aAAa~~,EAAE,CAAE;~~MACjBC~~,gBAAgB,~~EAAEpB~~,oBAAqB;~~MACvCqB~~,aAAa,EAAE,CAAE;MACjBC,MAAM,~~EAAEnB~~,WAAY;~~MACpBoB~~,MAAM,EAAC;IAAiB,CAC3B,CACL,CAAC;IACD,MAAMC,SAAS,~~GAAGT~~,WAAW,CAAC,iBAAiB,CAAC;~~IAChDU~~,MAAM,CAACD,SAAS,CAAC,CAACE,WAAW,CAAC,CAAC;EACnC,CAAC,CAAC;~~EAEFZ~~,EAAE,CAAC,qCAAqC,EAAE,MAAM;IAC5C,MAAM;~~MAAEa~~;IAAe,CAAC,GAAG,~~IAAAX~~,mBAAM,eAC7BzB,MAAA,CAAAO,OAAA,CAAAmB,aAAA,CAACtB,eAAA,CAAAG,OAAc;MACXoB,6BAA6B,EAAE,KAAM;MACrCC,~~aAAa~~,EAAE,CAAE;MACjBC,gBAAgB,~~EAAEpB~~,oBAAqB;~~MACvCqB~~,aAAa,EAAE,CAAE;MACjBC,MAAM,~~EAAEnB~~;IAAY,CACvB,CACL,CAAC;IACD,~~MAAMyB~~,KAAK,GAAGD,cAAc,CAAC,aAAa,CAAC;IAC3CF,MAAM,CAACG,KAAK,CAAC,CAACC,YAAY,CAAC,~~CAAC~~,CAAC;~~EACjC~~,CAAC,CAAC;~~EAEFf~~,EAAE,CAAC,+BAA+B,EAAE,MAAM;IACtC,MAAM;~~MAAEgB~~;IAAU,CAAC,GAAG,~~IAAAd~~,mBAAM,eACxBzB,MAAA,CAAAO,OAAA,CAAAmB,aAAA,CAACtB,eAAA,CAAAG,OAAc;MACXoB,6BAA6B,EAAE,KAAM;~~MACrCa~~,KAAK,EAAC,UAAU;~~MAChBZ~~,~~aAAa~~,EAAE,EAAG;~~MAClBC~~,gBAAgB,~~EAAEpB~~,oBAAqB;~~MACvCqB~~,aAAa,EAAE,CAAE;MACjBC,MAAM,~~EAAEnB~~;IAAY,CACvB,CACL,CAAC;IACD,~~MAAM4B~~,KAAK,GAAGD,SAAS,CAAC,UAAU,CAAC;IACnCL,MAAM,CAACM,KAAK,CAAC,CAACL,WAAW,CAAC,CAAC;EAC/B,CAAC,CAAC;AACN,CAAC,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_DurationScroll","e","__esModule","default","describe","onDurationChangeMock","jest","fn","emptyStyles","pickerContainer","pickerLabelContainer","pickerLabel","pickerItemContainer","pickerItem","pickerAmPmContainer","pickerAmPmLabel","disabledPickerContainer","disabledPickerItem","pickerGradientOverlay","it","getByTestId","render","createElement","aggressivelyGetLatestDuration","interval","maximumValue","onDurationChange","padWithNItems","repeatNumbersNTimesNotExplicitlySet","styles","testID","component","expect","toBeDefined","getAllByTestId","items","toHaveLength","getByText","label"],"sources":["DurationScroll.test.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { render } from \"@testing-library/react-native\";\n\nimport DurationScroll from \"../components/DurationScroll\";\nimport type { generateStyles } from \"../components/TimerPicker/styles\";\n\ndescribe(\"DurationScroll\", () => {\n const onDurationChangeMock = jest.fn();\n const emptyStyles = {\n pickerContainer: {},\n pickerLabelContainer: {},\n pickerLabel: {},\n pickerItemContainer: {},\n pickerItem: {},\n pickerAmPmContainer: {},\n pickerAmPmLabel: {},\n disabledPickerContainer: {},\n disabledPickerItem: {},\n pickerGradientOverlay: {},\n } as ReturnType<typeof generateStyles>;\n\n it(\"renders without crashing\", () => {\n const { getByTestId } = render(\n <DurationScroll\n aggressivelyGetLatestDuration={false}\n interval={1}\n maximumValue={1}\n onDurationChange={onDurationChangeMock}\n padWithNItems={0}\n repeatNumbersNTimesNotExplicitlySet={true}\n styles={emptyStyles}\n testID=\"duration-scroll\"\n />\n );\n const component = getByTestId(\"duration-scroll\");\n expect(component).toBeDefined();\n });\n\n it(\"renders the correct number of items\", () => {\n const { getAllByTestId } = render(\n <DurationScroll\n aggressivelyGetLatestDuration={false}\n interval={1}\n maximumValue={23}\n onDurationChange={onDurationChangeMock}\n padWithNItems={1}\n repeatNumbersNTimesNotExplicitlySet={true}\n styles={emptyStyles}\n />\n );\n const items = getAllByTestId(\"picker-item\");\n expect(items).toHaveLength(10);\n });\n\n it(\"renders the label if provided\", () => {\n const { getByText } = render(\n <DurationScroll\n aggressivelyGetLatestDuration={false}\n interval={1}\n label=\"Duration\"\n maximumValue={59}\n onDurationChange={onDurationChangeMock}\n padWithNItems={1}\n repeatNumbersNTimesNotExplicitlySet={true}\n styles={emptyStyles}\n />\n );\n const label = getByText(\"Duration\");\n expect(label).toBeDefined();\n });\n});\n"],"mappings":";;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,eAAA,GAAAH,sBAAA,CAAAC,OAAA;AAA0D,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAG1DG,QAAQ,CAAC,gBAAgB,EAAE,MAAM;EAC7B,MAAMC,oBAAoB,GAAGC,IAAI,CAACC,EAAE,CAAC,CAAC;EACtC,MAAMC,WAAW,GAAG;IAChBC,eAAe,EAAE,CAAC,CAAC;IACnBC,oBAAoB,EAAE,CAAC,CAAC;IACxBC,WAAW,EAAE,CAAC,CAAC;IACfC,mBAAmB,EAAE,CAAC,CAAC;IACvBC,UAAU,EAAE,CAAC,CAAC;IACdC,mBAAmB,EAAE,CAAC,CAAC;IACvBC,eAAe,EAAE,CAAC,CAAC;IACnBC,uBAAuB,EAAE,CAAC,CAAC;IAC3BC,kBAAkB,EAAE,CAAC,CAAC;IACtBC,qBAAqB,EAAE,CAAC;EAC5B,CAAsC;EAEtCC,EAAE,CAAC,0BAA0B,EAAE,MAAM;IACjC,MAAM;MAAEC;IAAY,CAAC,GAAG,IAAAC,mBAAM,eAC1BzB,MAAA,CAAAO,OAAA,CAAAmB,aAAA,CAACtB,eAAA,CAAAG,OAAc;MACXoB,6BAA6B,EAAE,KAAM;MACrCC,QAAQ,EAAE,CAAE;MACZC,YAAY,EAAE,CAAE;MAChBC,gBAAgB,EAAErB,oBAAqB;MACvCsB,aAAa,EAAE,CAAE;MACjBC,mCAAmC,EAAE,IAAK;MAC1CC,MAAM,EAAErB,WAAY;MACpBsB,MAAM,EAAC;IAAiB,CAC3B,CACL,CAAC;IACD,MAAMC,SAAS,GAAGX,WAAW,CAAC,iBAAiB,CAAC;IAChDY,MAAM,CAACD,SAAS,CAAC,CAACE,WAAW,CAAC,CAAC;EACnC,CAAC,CAAC;EAEFd,EAAE,CAAC,qCAAqC,EAAE,MAAM;IAC5C,MAAM;MAAEe;IAAe,CAAC,GAAG,IAAAb,mBAAM,eAC7BzB,MAAA,CAAAO,OAAA,CAAAmB,aAAA,CAACtB,eAAA,CAAAG,OAAc;MACXoB,6BAA6B,EAAE,KAAM;MACrCC,QAAQ,EAAE,CAAE;MACZC,YAAY,EAAE,EAAG;MACjBC,gBAAgB,EAAErB,oBAAqB;MACvCsB,aAAa,EAAE,CAAE;MACjBC,mCAAmC,EAAE,IAAK;MAC1CC,MAAM,EAAErB;IAAY,CACvB,CACL,CAAC;IACD,MAAM2B,KAAK,GAAGD,cAAc,CAAC,aAAa,CAAC;IAC3CF,MAAM,CAACG,KAAK,CAAC,CAACC,YAAY,CAAC,EAAE,CAAC;EAClC,CAAC,CAAC;EAEFjB,EAAE,CAAC,+BAA+B,EAAE,MAAM;IACtC,MAAM;MAAEkB;IAAU,CAAC,GAAG,IAAAhB,mBAAM,eACxBzB,MAAA,CAAAO,OAAA,CAAAmB,aAAA,CAACtB,eAAA,CAAAG,OAAc;MACXoB,6BAA6B,EAAE,KAAM;MACrCC,QAAQ,EAAE,CAAE;MACZc,KAAK,EAAC,UAAU;MAChBb,YAAY,EAAE,EAAG;MACjBC,gBAAgB,EAAErB,oBAAqB;MACvCsB,aAAa,EAAE,CAAE;MACjBC,mCAAmC,EAAE,IAAK;MAC1CC,MAAM,EAAErB;IAAY,CACvB,CACL,CAAC;IACD,MAAM8B,KAAK,GAAGD,SAAS,CAAC,UAAU,CAAC;IACnCL,MAAM,CAACM,KAAK,CAAC,CAACL,WAAW,CAAC,CAAC;EAC/B,CAAC,CAAC;AACN,CAAC,CAAC","ignoreList":[]}

package/dist/module/components/DurationScroll/index.js CHANGED Viewed

@@ -12,7 +12,6 @@ const DurationScroll = /*#__PURE__*/forwardRef((props, ref) => {
     allowFontScaling = false,
     amLabel,
     Audio,
-    bottomPickerGradientOverlayProps,
     clickSoundAsset,
     disableInfiniteScroll = false,
     FlatList = RNFlatList,
@@ -24,6 +23,7 @@ const DurationScroll = /*#__PURE__*/forwardRef((props, ref) => {
     label,
     limit,
     LinearGradient,
+    MaskedView,
     maximumValue,
     onDurationChange,
     padNumbersWithZero = false,
@@ -34,8 +34,7 @@ const DurationScroll = /*#__PURE__*/forwardRef((props, ref) => {
     repeatNumbersNTimes = 3,
     repeatNumbersNTimesNotExplicitlySet,
     styles,
-    testID,
-    topPickerGradientOverlayProps
+    testID
   } = props;
   const numberOfItems = useMemo(() => {
     // guard against negative maximum values
@@ -318,79 +317,75 @@ const DurationScroll = /*#__PURE__*/forwardRef((props, ref) => {
     },
     latestDuration: latestDuration
   }));
+  const renderContent = useMemo(() => {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FlatList, {
+      key: flatListRenderKey,
+      ref: flatListRef,
+      contentContainerStyle: styles.durationScrollFlatListContentContainer,
+      data: numbersForFlatList,
+      decelerationRate: 0.88,
+      getItemLayout: getItemLayout,
+      initialScrollIndex: initialScrollIndex,
+      keyExtractor: (_, index) => index.toString(),
+      nestedScrollEnabled: true,
+      onMomentumScrollEnd: onMomentumScrollEnd,
+      onScroll: onScroll,
+      renderItem: renderItem,
+      scrollEnabled: !isDisabled,
+      scrollEventThrottle: 16,
+      showsVerticalScrollIndicator: false,
+      snapToAlignment: "start"
+      // used in place of snapToInterval due to bug on Android
+      ,
+      snapToOffsets: [...Array(numbersForFlatList.length)].map((_, i) => i * styles.pickerItemContainer.height),
+      style: styles.durationScrollFlatList,
+      testID: "duration-scroll-flatlist",
+      viewabilityConfigCallbackPairs: viewabilityConfigCallbackPairs,
+      windowSize: numberOfItemsToShow
+    }), /*#__PURE__*/React.createElement(View, {
+      pointerEvents: "none",
+      style: styles.pickerLabelContainer
+    }, typeof label === "string" ? /*#__PURE__*/React.createElement(Text, {
+      allowFontScaling: allowFontScaling,
+      style: styles.pickerLabel
+    }, label) : label ?? null));
+  }, [FlatList, allowFontScaling, flatListRenderKey, getItemLayout, initialScrollIndex, isDisabled, label, numberOfItemsToShow, numbersForFlatList, onMomentumScrollEnd, onScroll, renderItem, styles.durationScrollFlatList, styles.durationScrollFlatListContentContainer, styles.pickerItemContainer.height, styles.pickerLabel, styles.pickerLabelContainer, viewabilityConfigCallbackPairs]);
+  const renderLinearGradient = useMemo(() => {
+    if (!LinearGradient) {
+      return null;
+    }
+    let colors;
+    if (MaskedView) {
+      // if using masked view, we only care about the opacity
+      colors = ["rgba(0,0,0,0)", "rgba(0,0,0,1)", "rgba(0,0,0,1)", "rgba(0,0,0,0)"];
+    } else {
+      const backgroundColor = styles.pickerContainer.backgroundColor ?? "white";
+      const transparentBackgroundColor = colorToRgba({
+        color: backgroundColor,
+        opacity: 0
+      });
+      colors = [backgroundColor, transparentBackgroundColor, transparentBackgroundColor, backgroundColor];
+    }
+    // calculate the gradient height to cover the top item and bottom item
+    const gradientHeight = padWithNItems > 0 ? 1 / (padWithNItems * 2 + 1) : 0.3;
+    return /*#__PURE__*/React.createElement(LinearGradient, _extends({
+      colors: colors,
+      locations: [0, gradientHeight, 1 - gradientHeight, 1],
+      pointerEvents: "none",
+      style: styles.pickerGradientOverlay
+    }, pickerGradientOverlayProps));
+  }, [LinearGradient, MaskedView, padWithNItems, pickerGradientOverlayProps, styles.pickerContainer.backgroundColor, styles.pickerGradientOverlay]);
   return /*#__PURE__*/React.createElement(View, {
     pointerEvents: isDisabled ? "none" : undefined,
     style: [styles.durationScrollFlatListContainer, {
       height: styles.pickerItemContainer.height * numberOfItemsToShow
     }, isDisabled && styles.disabledPickerContainer],
     testID: testID
-  }, /*#__PURE__*/React.createElement(FlatList, {
-    key: flatListRenderKey,
-    ref: flatListRef,
-    contentContainerStyle: styles.durationScrollFlatListContentContainer,
-    data: numbersForFlatList,
-    decelerationRate: 0.88,
-    getItemLayout: getItemLayout,
-    initialScrollIndex: initialScrollIndex,
-    keyExtractor: (_, index) => index.toString(),
-    nestedScrollEnabled: true,
-    onMomentumScrollEnd: onMomentumScrollEnd,
-    onScroll: onScroll,
-    renderItem: renderItem,
-    scrollEnabled: !isDisabled,
-    scrollEventThrottle: 16,
-    showsVerticalScrollIndicator: false,
-    snapToAlignment: "start"
-    // used in place of snapToInterval due to bug on Android
-    ,
-    snapToOffsets: [...Array(numbersForFlatList.length)].map((_, i) => i * styles.pickerItemContainer.height),
-    style: styles.durationScrollFlatList,
-    testID: "duration-scroll-flatlist",
-    viewabilityConfigCallbackPairs: viewabilityConfigCallbackPairs,
-    windowSize: numberOfItemsToShow
-  }), /*#__PURE__*/React.createElement(View, {
-    pointerEvents: "none",
-    style: styles.pickerLabelContainer
-  }, typeof label === "string" ? /*#__PURE__*/React.createElement(Text, {
-    allowFontScaling: allowFontScaling,
-    style: styles.pickerLabel
-  }, label) : label ?? null), LinearGradient ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LinearGradient, _extends({
-    colors: [styles.pickerContainer.backgroundColor ?? "white", colorToRgba({
-      color: styles.pickerContainer.backgroundColor ?? "white",
-      opacity: 0
-    })],
-    end: {
-      x: 1,
-      y: 1
-    },
-    pointerEvents: "none",
-    start: {
-      x: 1,
-      y: 0.3
-    }
-  }, pickerGradientOverlayProps, topPickerGradientOverlayProps, {
-    style: [styles.pickerGradientOverlay, {
-      top: 0
-    }]
-  })), /*#__PURE__*/React.createElement(LinearGradient, _extends({
-    colors: [colorToRgba({
-      color: styles.pickerContainer.backgroundColor ?? "white",
-      opacity: 0
-    }), styles.pickerContainer.backgroundColor ?? "white"],
-    end: {
-      x: 1,
-      y: 0.7
-    },
-    pointerEvents: "none",
-    start: {
-      x: 1,
-      y: 0
-    }
-  }, pickerGradientOverlayProps, bottomPickerGradientOverlayProps, {
-    style: [styles.pickerGradientOverlay, {
-      bottom: -1
-    }]
-  }))) : null);
+  }, MaskedView ? /*#__PURE__*/React.createElement(MaskedView, {
+    maskElement: renderLinearGradient,
+    style: [styles.maskedView]
+  }, renderContent) : /*#__PURE__*/React.createElement(React.Fragment, null, renderContent, renderLinearGradient));
 });
 export default /*#__PURE__*/React.memo(DurationScroll);
 //# sourceMappingURL=index.js.map