npm - react-native-timer-picker - Versions diffs - 1.2.7 → 1.2.9 - Mend

react-native-timer-picker 1.2.7 → 1.2.9

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 (110) hide show

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

@@ -0,0 +1 @@

+ {"version":3,"names":["StyleSheet","DARK_MODE_BACKGROUND_COLOR","DARK_MODE_TEXT_COLOR","LIGHT_MODE_BACKGROUND_COLOR","LIGHT_MODE_TEXT_COLOR","generateStyles","customStyles","options","_customStyles$pickerI","_customStyles$pickerI2","_customStyles$pickerI3","create","pickerContainer","flexDirection","marginRight","backgroundColor","theme","pickerLabelContainer","position","right","top","bottom","justifyContent","pickerLabel","fontSize","fontWeight","marginTop","pickerItem","color","text","pickerItemContainer","height","alignItems","width","textAlignVertical","disabledPickerItem","opacity","pickerGradientOverlay","left","padWithNItems"],"sources":["TimerPicker.styles.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { StyleSheet } from \"react-native\";\n\nexport interface CustomTimerPickerStyles {\n theme?: \"light\" | \"dark\";\n backgroundColor?: string;\n text?: any;\n pickerContainer?: any;\n pickerLabelContainer?: any;\n pickerLabel?: any;\n pickerItemContainer?: any;\n pickerItem?: any;\n disabledPickerItem?: any;\n pickerGradientOverlay?: any;\n}\n\nconst DARK_MODE_BACKGROUND_COLOR = \"#232323\";\nconst DARK_MODE_TEXT_COLOR = \"#E9E9E9\";\nconst LIGHT_MODE_BACKGROUND_COLOR = \"#F1F1F1\";\nconst LIGHT_MODE_TEXT_COLOR = \"#1B1B1B\";\n\nexport const generateStyles = (\n customStyles: CustomTimerPickerStyles | undefined,\n options: { padWithNItems: number }\n) =>\n StyleSheet.create({\n pickerContainer: {\n flexDirection: \"row\",\n marginRight: \"8%\",\n backgroundColor:\n customStyles?.backgroundColor ??\n (customStyles?.theme === \"dark\"\n ? DARK_MODE_BACKGROUND_COLOR\n : LIGHT_MODE_BACKGROUND_COLOR),\n ...customStyles?.pickerContainer,\n },\n pickerLabelContainer: {\n position: \"absolute\",\n right: 4,\n top: 0,\n bottom: 0,\n justifyContent: \"center\",\n ...customStyles?.pickerLabelContainer,\n },\n pickerLabel: {\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 },\n pickerItemContainer: {\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 disabledPickerItem: {\n opacity: 0.2,\n ...customStyles?.disabledPickerItem,\n },\n pickerGradientOverlay: {\n position: \"absolute\",\n left: 0,\n right: 0,\n height:\n options.padWithNItems === 0\n ? \"30%\"\n : (customStyles?.pickerItemContainer?.height ?? 50) * 0.8,\n ...customStyles?.pickerGradientOverlay,\n },\n });\n"],"mappings":"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"}

package/dist/module/components/TimerPicker/index.js ADDED Viewed

@@ -0,0 +1,121 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React, { forwardRef, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
+import { View } from "react-native";
+import DurationScroll from "./DurationScroll";
+import { generateStyles } from "./TimerPicker.styles";
+const TimerPicker = /*#__PURE__*/forwardRef((_ref, ref) => {
+  let {
+    onDurationChange,
+    initialHours = 0,
+    initialMinutes = 0,
+    initialSeconds = 0,
+    hideHours = false,
+    hideMinutes = false,
+    hideSeconds = false,
+    hourLimit,
+    minuteLimit,
+    secondLimit,
+    hourLabel = "h",
+    minuteLabel = "m",
+    secondLabel = "s",
+    padWithNItems = 1,
+    disableInfiniteScroll = false,
+    LinearGradient,
+    pickerContainerProps,
+    pickerGradientOverlayProps,
+    topPickerGradientOverlayProps,
+    bottomPickerGradientOverlayProps,
+    styles: customStyles
+  } = _ref;
+  const checkedPadWithNItems = padWithNItems >= 0 ? Math.round(padWithNItems) : 0;
+  const styles = useMemo(() => generateStyles(customStyles, {
+    padWithNItems: checkedPadWithNItems
+  }), [checkedPadWithNItems, customStyles]);
+  const [selectedHours, setSelectedHours] = useState(initialHours);
+  const [selectedMinutes, setSelectedMinutes] = useState(initialMinutes);
+  const [selectedSeconds, setSelectedSeconds] = useState(initialSeconds);
+  useEffect(() => {
+    onDurationChange === null || onDurationChange === void 0 || onDurationChange({
+      hours: selectedHours,
+      minutes: selectedMinutes,
+      seconds: selectedSeconds
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [selectedHours, selectedMinutes, selectedSeconds]);
+  const hoursDurationScrollRef = useRef(null);
+  const minutesDurationScrollRef = useRef(null);
+  const secondsDurationScrollRef = useRef(null);
+  useImperativeHandle(ref, () => ({
+    reset: options => {
+      var _hoursDurationScrollR, _minutesDurationScrol, _secondsDurationScrol;
+      setSelectedHours(initialHours);
+      setSelectedMinutes(initialMinutes);
+      setSelectedSeconds(initialSeconds);
+      (_hoursDurationScrollR = hoursDurationScrollRef.current) === null || _hoursDurationScrollR === void 0 || _hoursDurationScrollR.reset(options);
+      (_minutesDurationScrol = minutesDurationScrollRef.current) === null || _minutesDurationScrol === void 0 || _minutesDurationScrol.reset(options);
+      (_secondsDurationScrol = secondsDurationScrollRef.current) === null || _secondsDurationScrol === void 0 || _secondsDurationScrol.reset(options);
+    },
+    setValue: (value, options) => {
+      var _hoursDurationScrollR2, _minutesDurationScrol2, _secondsDurationScrol2;
+      setSelectedHours(value.hours);
+      setSelectedMinutes(value.minutes);
+      setSelectedSeconds(value.seconds);
+      (_hoursDurationScrollR2 = hoursDurationScrollRef.current) === null || _hoursDurationScrollR2 === void 0 || _hoursDurationScrollR2.setValue(value.hours, options);
+      (_minutesDurationScrol2 = minutesDurationScrollRef.current) === null || _minutesDurationScrol2 === void 0 || _minutesDurationScrol2.setValue(value.minutes, options);
+      (_secondsDurationScrol2 = secondsDurationScrollRef.current) === null || _secondsDurationScrol2 === void 0 || _secondsDurationScrol2.setValue(value.seconds, options);
+    }
+  }));
+  return /*#__PURE__*/React.createElement(View, _extends({}, pickerContainerProps, {
+    style: styles.pickerContainer,
+    testID: "timer-picker"
+  }), !hideHours ? /*#__PURE__*/React.createElement(DurationScroll, {
+    ref: hoursDurationScrollRef,
+    numberOfItems: 23,
+    label: hourLabel,
+    initialValue: initialHours,
+    onDurationChange: setSelectedHours,
+    pickerGradientOverlayProps: pickerGradientOverlayProps,
+    topPickerGradientOverlayProps: topPickerGradientOverlayProps,
+    bottomPickerGradientOverlayProps: bottomPickerGradientOverlayProps,
+    disableInfiniteScroll: disableInfiniteScroll,
+    padWithNItems: checkedPadWithNItems,
+    limit: hourLimit,
+    LinearGradient: LinearGradient,
+    styles: styles,
+    testID: "duration-scroll-hour"
+  }) : null, !hideMinutes ? /*#__PURE__*/React.createElement(DurationScroll, {
+    ref: minutesDurationScrollRef,
+    numberOfItems: 59,
+    label: minuteLabel,
+    initialValue: initialMinutes,
+    onDurationChange: setSelectedMinutes,
+    padNumbersWithZero: true,
+    pickerGradientOverlayProps: pickerGradientOverlayProps,
+    topPickerGradientOverlayProps: topPickerGradientOverlayProps,
+    bottomPickerGradientOverlayProps: bottomPickerGradientOverlayProps,
+    disableInfiniteScroll: disableInfiniteScroll,
+    padWithNItems: checkedPadWithNItems,
+    limit: minuteLimit,
+    LinearGradient: LinearGradient,
+    styles: styles,
+    testID: "duration-scroll-minute"
+  }) : null, !hideSeconds ? /*#__PURE__*/React.createElement(DurationScroll, {
+    ref: secondsDurationScrollRef,
+    numberOfItems: 59,
+    label: secondLabel,
+    initialValue: initialSeconds,
+    onDurationChange: setSelectedSeconds,
+    padNumbersWithZero: true,
+    pickerGradientOverlayProps: pickerGradientOverlayProps,
+    topPickerGradientOverlayProps: topPickerGradientOverlayProps,
+    bottomPickerGradientOverlayProps: bottomPickerGradientOverlayProps,
+    disableInfiniteScroll: disableInfiniteScroll,
+    padWithNItems: checkedPadWithNItems,
+    limit: secondLimit,
+    LinearGradient: LinearGradient,
+    styles: styles,
+    testID: "duration-scroll-second"
+  }) : null);
+});
+export default /*#__PURE__*/React.memo(TimerPicker);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@

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

package/dist/module/components/TimerPickerModal.styles.js ADDED Viewed

@@ -0,0 +1,61 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import { StyleSheet } from "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";
+export const generateStyles = customStyles => StyleSheet.create({
+  container: {
+    justifyContent: "center",
+    alignItems: "center",
+    overflow: "hidden",
+    ...(customStyles === null || customStyles === void 0 ? void 0 : customStyles.container)
+  },
+  contentContainer: {
+    backgroundColor: (customStyles === null || customStyles === void 0 ? void 0 : customStyles.backgroundColor) ?? (customStyles === null || customStyles === void 0 ? void 0 : customStyles.theme) === "dark" ? DARK_MODE_BACKGROUND_COLOR : LIGHT_MODE_BACKGROUND_COLOR,
+    justifyContent: "center",
+    alignItems: "center",
+    borderRadius: 20,
+    padding: 20,
+    ...(customStyles === null || customStyles === void 0 ? void 0 : customStyles.contentContainer)
+  },
+  buttonContainer: {
+    flexDirection: "row",
+    marginTop: 25,
+    ...(customStyles === null || customStyles === void 0 ? void 0 : customStyles.buttonContainer)
+  },
+  button: {
+    marginHorizontal: 12,
+    paddingVertical: 10,
+    paddingHorizontal: 20,
+    borderWidth: 1,
+    borderRadius: 10,
+    fontSize: 16,
+    overflow: "hidden",
+    ...(customStyles === null || customStyles === void 0 ? void 0 : customStyles.text),
+    ...(customStyles === null || customStyles === void 0 ? void 0 : customStyles.button)
+  },
+  cancelButton: {
+    borderColor: "gray",
+    color: (customStyles === null || customStyles === void 0 ? void 0 : customStyles.theme) === "dark" ? DARK_MODE_TEXT_COLOR : "gray",
+    backgroundColor: (customStyles === null || customStyles === void 0 ? void 0 : customStyles.theme) === "dark" ? "gray" : undefined,
+    ...(customStyles === null || customStyles === void 0 ? void 0 : customStyles.text),
+    ...(customStyles === null || customStyles === void 0 ? void 0 : customStyles.cancelButton)
+  },
+  confirmButton: {
+    borderColor: "green",
+    color: (customStyles === null || customStyles === void 0 ? void 0 : customStyles.theme) === "dark" ? DARK_MODE_TEXT_COLOR : "green",
+    backgroundColor: (customStyles === null || customStyles === void 0 ? void 0 : customStyles.theme) === "dark" ? "green" : undefined,
+    ...(customStyles === null || customStyles === void 0 ? void 0 : customStyles.text),
+    ...(customStyles === null || customStyles === void 0 ? void 0 : customStyles.confirmButton)
+  },
+  modalTitle: {
+    fontSize: 24,
+    fontWeight: "bold",
+    marginBottom: 15,
+    color: (customStyles === null || customStyles === void 0 ? void 0 : customStyles.theme) === "dark" ? DARK_MODE_TEXT_COLOR : LIGHT_MODE_TEXT_COLOR,
+    ...(customStyles === null || customStyles === void 0 ? void 0 : customStyles.text),
+    ...(customStyles === null || customStyles === void 0 ? void 0 : customStyles.modalTitle)
+  }
+});
+//# sourceMappingURL=TimerPickerModal.styles.js.map

package/dist/module/components/TimerPickerModal.styles.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["StyleSheet","DARK_MODE_BACKGROUND_COLOR","DARK_MODE_TEXT_COLOR","LIGHT_MODE_BACKGROUND_COLOR","LIGHT_MODE_TEXT_COLOR","generateStyles","customStyles","create","container","justifyContent","alignItems","overflow","contentContainer","backgroundColor","theme","borderRadius","padding","buttonContainer","flexDirection","marginTop","button","marginHorizontal","paddingVertical","paddingHorizontal","borderWidth","fontSize","text","cancelButton","borderColor","color","undefined","confirmButton","modalTitle","fontWeight","marginBottom"],"sources":["TimerPickerModal.styles.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { StyleSheet } from \"react-native\";\n\nimport type { CustomTimerPickerStyles } from \"./TimerPicker/TimerPicker.styles\";\n\nexport interface CustomTimerPickerModalStyles extends CustomTimerPickerStyles {\n container?: any;\n contentContainer?: any;\n buttonContainer?: any;\n button?: any;\n cancelButton?: any;\n confirmButton?: any;\n modalTitle?: any;\n}\n\nconst DARK_MODE_BACKGROUND_COLOR = \"#232323\";\nconst DARK_MODE_TEXT_COLOR = \"#E9E9E9\";\nconst LIGHT_MODE_BACKGROUND_COLOR = \"#F1F1F1\";\nconst LIGHT_MODE_TEXT_COLOR = \"#1B1B1B\";\n\nexport const generateStyles = (\n customStyles: CustomTimerPickerModalStyles | undefined\n) =>\n StyleSheet.create({\n container: {\n justifyContent: \"center\",\n alignItems: \"center\",\n overflow: \"hidden\",\n ...customStyles?.container,\n },\n contentContainer: {\n backgroundColor:\n customStyles?.backgroundColor ?? customStyles?.theme === \"dark\"\n ? DARK_MODE_BACKGROUND_COLOR\n : LIGHT_MODE_BACKGROUND_COLOR,\n justifyContent: \"center\",\n alignItems: \"center\",\n borderRadius: 20,\n padding: 20,\n ...customStyles?.contentContainer,\n },\n buttonContainer: {\n flexDirection: \"row\",\n marginTop: 25,\n ...customStyles?.buttonContainer,\n },\n button: {\n marginHorizontal: 12,\n paddingVertical: 10,\n paddingHorizontal: 20,\n borderWidth: 1,\n borderRadius: 10,\n fontSize: 16,\n overflow: \"hidden\",\n ...customStyles?.text,\n ...customStyles?.button,\n },\n cancelButton: {\n borderColor: \"gray\",\n color:\n customStyles?.theme === \"dark\" ? DARK_MODE_TEXT_COLOR : \"gray\",\n backgroundColor:\n customStyles?.theme === \"dark\" ? \"gray\" : undefined,\n ...customStyles?.text,\n ...customStyles?.cancelButton,\n },\n confirmButton: {\n borderColor: \"green\",\n color:\n customStyles?.theme === \"dark\" ? DARK_MODE_TEXT_COLOR : \"green\",\n backgroundColor:\n customStyles?.theme === \"dark\" ? \"green\" : undefined,\n ...customStyles?.text,\n ...customStyles?.confirmButton,\n },\n modalTitle: {\n fontSize: 24,\n fontWeight: \"bold\",\n marginBottom: 15,\n color:\n customStyles?.theme === \"dark\"\n ? DARK_MODE_TEXT_COLOR\n : LIGHT_MODE_TEXT_COLOR,\n ...customStyles?.text,\n ...customStyles?.modalTitle,\n },\n });\n"],"mappings":"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"}

package/dist/module/components/index.js ADDED Viewed

@@ -0,0 +1,147 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React, { forwardRef, useCallback, useImperativeHandle, useRef, useState } from "react";
+import { View, Text, TouchableOpacity } from "react-native";
+import TimerPicker from "./TimerPicker";
+import Modal from "./Modal";
+import { generateStyles } from "./TimerPickerModal.styles";
+const TimerPickerModal = /*#__PURE__*/forwardRef((_ref, ref) => {
+  let {
+    visible,
+    setIsVisible,
+    onConfirm,
+    onCancel,
+    onDurationChange,
+    closeOnOverlayPress,
+    initialHours = 0,
+    initialMinutes = 0,
+    initialSeconds = 0,
+    hideHours = false,
+    hideMinutes = false,
+    hideSeconds = false,
+    hourLimit,
+    minuteLimit,
+    secondLimit,
+    hourLabel = "h",
+    minuteLabel = "m",
+    secondLabel = "s",
+    padWithNItems = 1,
+    disableInfiniteScroll = false,
+    hideCancelButton = false,
+    confirmButtonText = "Confirm",
+    cancelButtonText = "Cancel",
+    modalTitle,
+    LinearGradient,
+    modalProps,
+    containerProps,
+    contentContainerProps,
+    pickerContainerProps,
+    buttonContainerProps,
+    buttonTouchableOpacityProps,
+    modalTitleProps,
+    pickerGradientOverlayProps,
+    topPickerGradientOverlayProps,
+    bottomPickerGradientOverlayProps,
+    styles: customStyles
+  } = _ref;
+  const styles = generateStyles(customStyles);
+  const [selectedDuration, setSelectedDuration] = useState({
+    hours: initialHours,
+    minutes: initialMinutes,
+    seconds: initialSeconds
+  });
+  const [confirmedDuration, setConfirmedDuration] = useState({
+    hours: initialHours,
+    minutes: initialMinutes,
+    seconds: initialSeconds
+  });
+  const hideModal = () => {
+    setSelectedDuration({
+      hours: confirmedDuration.hours,
+      minutes: confirmedDuration.minutes,
+      seconds: confirmedDuration.seconds
+    });
+    setIsVisible(false);
+  };
+  const confirm = () => {
+    setConfirmedDuration(selectedDuration);
+    onConfirm(selectedDuration);
+  };
+  const cancel = () => {
+    setIsVisible(false);
+    setSelectedDuration(confirmedDuration);
+    onCancel === null || onCancel === void 0 || onCancel();
+  };
+  // wrapped in useCallback to avoid unnecessary re-renders of TimerPicker
+  const durationChange = useCallback(duration => {
+    setSelectedDuration(duration);
+    onDurationChange === null || onDurationChange === void 0 || onDurationChange(duration);
+  }, [onDurationChange]);
+  const timerPickerRef = useRef(null);
+  useImperativeHandle(ref, () => ({
+    reset: options => {
+      var _timerPickerRef$curre;
+      const initialDuration = {
+        hours: initialHours,
+        minutes: initialMinutes,
+        seconds: initialSeconds
+      };
+      setSelectedDuration(initialDuration);
+      setConfirmedDuration(initialDuration);
+      (_timerPickerRef$curre = timerPickerRef.current) === null || _timerPickerRef$curre === void 0 || _timerPickerRef$curre.reset(options);
+    },
+    setValue: (value, options) => {
+      var _timerPickerRef$curre2;
+      setSelectedDuration(value);
+      setConfirmedDuration(value);
+      (_timerPickerRef$curre2 = timerPickerRef.current) === null || _timerPickerRef$curre2 === void 0 || _timerPickerRef$curre2.setValue(value, options);
+    }
+  }));
+  return /*#__PURE__*/React.createElement(Modal, _extends({
+    isVisible: visible,
+    onOverlayPress: closeOnOverlayPress ? hideModal : undefined
+  }, modalProps, {
+    testID: "timer-picker-modal"
+  }), /*#__PURE__*/React.createElement(View, _extends({}, containerProps, {
+    style: styles.container
+  }), /*#__PURE__*/React.createElement(View, _extends({}, contentContainerProps, {
+    style: styles.contentContainer
+  }), modalTitle ? /*#__PURE__*/React.createElement(Text, _extends({}, modalTitleProps, {
+    style: styles.modalTitle
+  }), modalTitle) : null, /*#__PURE__*/React.createElement(TimerPicker, {
+    ref: timerPickerRef,
+    onDurationChange: durationChange,
+    initialHours: confirmedDuration.hours,
+    initialMinutes: confirmedDuration.minutes,
+    initialSeconds: confirmedDuration.seconds,
+    hideHours: hideHours,
+    hideMinutes: hideMinutes,
+    hideSeconds: hideSeconds,
+    hourLimit: hourLimit,
+    minuteLimit: minuteLimit,
+    secondLimit: secondLimit,
+    hourLabel: hourLabel,
+    minuteLabel: minuteLabel,
+    secondLabel: secondLabel,
+    padWithNItems: padWithNItems,
+    disableInfiniteScroll: disableInfiniteScroll,
+    LinearGradient: LinearGradient,
+    pickerContainerProps: pickerContainerProps,
+    pickerGradientOverlayProps: pickerGradientOverlayProps,
+    topPickerGradientOverlayProps: topPickerGradientOverlayProps,
+    bottomPickerGradientOverlayProps: bottomPickerGradientOverlayProps,
+    styles: customStyles
+  }), /*#__PURE__*/React.createElement(View, _extends({}, buttonContainerProps, {
+    style: styles.buttonContainer
+  }), !hideCancelButton ? /*#__PURE__*/React.createElement(TouchableOpacity, _extends({
+    onPress: cancel
+  }, buttonTouchableOpacityProps), /*#__PURE__*/React.createElement(Text, {
+    style: [styles.button, styles.cancelButton]
+  }, cancelButtonText)) : null, /*#__PURE__*/React.createElement(TouchableOpacity, _extends({
+    onPress: confirm
+  }, buttonTouchableOpacityProps), /*#__PURE__*/React.createElement(Text, {
+    style: [styles.button, styles.confirmButton]
+  }, confirmButtonText))))));
+});
+export default /*#__PURE__*/React.memo(TimerPickerModal);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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":"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"}

package/dist/module/index.js ADDED Viewed

@@ -0,0 +1,3 @@
+export { default as TimerPickerModal } from "./components";
+export { default as TimerPicker } from "./components/TimerPicker";
+//# sourceMappingURL=index.js.map

package/dist/module/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["default","TimerPickerModal","TimerPicker"],"sources":["index.ts"],"sourcesContent":["export {\n default as TimerPickerModal,\n type TimerPickerModalProps,\n type TimerPickerModalRef,\n} from \"./components\";\n\nexport {\n default as TimerPicker,\n type TimerPickerProps,\n type TimerPickerRef,\n} from \"./components/TimerPicker\";\n\nexport { type CustomTimerPickerModalStyles } from \"./components/TimerPickerModal.styles\";\nexport { type CustomTimerPickerStyles } from \"./components/TimerPicker/TimerPicker.styles\";\n"],"mappings":"AAAA,SACIA,OAAO,IAAIC,gBAAgB,QAGxB,cAAc;AAErB,SACID,OAAO,IAAIE,WAAW,QAGnB,0BAA0B"}

package/dist/module/tests/DurationScroll.test.js ADDED Viewed

@@ -0,0 +1,53 @@
+import React from "react";
+import { render } from "@testing-library/react-native";
+import DurationScroll from "../components/TimerPicker/DurationScroll";
+describe("DurationScroll", () => {
+  const onDurationChangeMock = jest.fn();
+  const emptyStyles = {
+    pickerContainer: {},
+    pickerLabelContainer: {},
+    pickerLabel: {},
+    pickerItemContainer: {},
+    pickerItem: {},
+    pickerGradientOverlay: {}
+  };
+  it("renders without crashing", () => {
+    const {
+      getByTestId
+    } = render( /*#__PURE__*/React.createElement(DurationScroll, {
+      numberOfItems: 1,
+      onDurationChange: onDurationChangeMock,
+      padWithNItems: 0,
+      styles: emptyStyles,
+      testID: "duration-scroll"
+    }));
+    const component = getByTestId("duration-scroll");
+    expect(component).toBeDefined();
+  });
+  it("renders the correct number of items", () => {
+    const {
+      getAllByTestId
+    } = render( /*#__PURE__*/React.createElement(DurationScroll, {
+      numberOfItems: 2,
+      onDurationChange: onDurationChangeMock,
+      padWithNItems: 1,
+      styles: emptyStyles
+    }));
+    const items = getAllByTestId("picker-item");
+    expect(items).toHaveLength(7);
+  });
+  it("renders the label if provided", () => {
+    const {
+      getByText
+    } = render( /*#__PURE__*/React.createElement(DurationScroll, {
+      numberOfItems: 59,
+      label: "Duration",
+      onDurationChange: onDurationChangeMock,
+      padWithNItems: 1,
+      styles: emptyStyles
+    }));
+    const label = getByText("Duration");
+    expect(label).toBeDefined();
+  });
+});
+//# sourceMappingURL=DurationScroll.test.js.map

package/dist/module/tests/DurationScroll.test.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["React","render","DurationScroll","describe","onDurationChangeMock","jest","fn","emptyStyles","pickerContainer","pickerLabelContainer","pickerLabel","pickerItemContainer","pickerItem","pickerGradientOverlay","it","getByTestId","createElement","numberOfItems","onDurationChange","padWithNItems","styles","testID","component","expect","toBeDefined","getAllByTestId","items","toHaveLength","getByText","label"],"sources":["DurationScroll.test.tsx"],"sourcesContent":["import React from \"react\";\nimport { render } from \"@testing-library/react-native\";\nimport DurationScroll from \"../components/TimerPicker/DurationScroll\";\n\ndescribe(\"DurationScroll\", () => {\n const onDurationChangeMock = jest.fn();\n const emptyStyles = {\n pickerContainer: {},\n pickerLabelContainer: {},\n pickerLabel: {},\n pickerItemContainer: {},\n pickerItem: {},\n pickerGradientOverlay: {},\n };\n\n it(\"renders without crashing\", () => {\n const { getByTestId } = render(\n <DurationScroll\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 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 numberOfItems={59}\n label=\"Duration\"\n onDurationChange={onDurationChangeMock}\n padWithNItems={1}\n styles={emptyStyles}\n />\n );\n const label = getByText(\"Duration\");\n expect(label).toBeDefined();\n });\n\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,QAAQ,+BAA+B;AACtD,OAAOC,cAAc,MAAM,0CAA0C;AAErEC,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,qBAAqB,EAAE,CAAC;EAC5B,CAAC;EAEDC,EAAE,CAAC,0BAA0B,EAAE,MAAM;IACjC,MAAM;MAAEC;IAAY,CAAC,GAAGd,MAAM,eAC1BD,KAAA,CAAAgB,aAAA,CAACd,cAAc;MACXe,aAAa,EAAE,CAAE;MACjBC,gBAAgB,EAAEd,oBAAqB;MACvCe,aAAa,EAAE,CAAE;MACjBC,MAAM,EAAEb,WAAY;MACpBc,MAAM,EAAC;IAAiB,CAC3B,CACL,CAAC;IACD,MAAMC,SAAS,GAAGP,WAAW,CAAC,iBAAiB,CAAC;IAChDQ,MAAM,CAACD,SAAS,CAAC,CAACE,WAAW,CAAC,CAAC;EACnC,CAAC,CAAC;EAEFV,EAAE,CAAC,qCAAqC,EAAE,MAAM;IAC5C,MAAM;MAAEW;IAAe,CAAC,GAAGxB,MAAM,eAC7BD,KAAA,CAAAgB,aAAA,CAACd,cAAc;MACXe,aAAa,EAAE,CAAE;MACjBC,gBAAgB,EAAEd,oBAAqB;MACvCe,aAAa,EAAE,CAAE;MACjBC,MAAM,EAAEb;IAAY,CACvB,CACL,CAAC;IACD,MAAMmB,KAAK,GAAGD,cAAc,CAAC,aAAa,CAAC;IAC3CF,MAAM,CAACG,KAAK,CAAC,CAACC,YAAY,CAAC,CAAC,CAAC;EACjC,CAAC,CAAC;EAEFb,EAAE,CAAC,+BAA+B,EAAE,MAAM;IACtC,MAAM;MAAEc;IAAU,CAAC,GAAG3B,MAAM,eACxBD,KAAA,CAAAgB,aAAA,CAACd,cAAc;MACXe,aAAa,EAAE,EAAG;MAClBY,KAAK,EAAC,UAAU;MAChBX,gBAAgB,EAAEd,oBAAqB;MACvCe,aAAa,EAAE,CAAE;MACjBC,MAAM,EAAEb;IAAY,CACvB,CACL,CAAC;IACD,MAAMsB,KAAK,GAAGD,SAAS,CAAC,UAAU,CAAC;IACnCL,MAAM,CAACM,KAAK,CAAC,CAACL,WAAW,CAAC,CAAC;EAC/B,CAAC,CAAC;AAEN,CAAC,CAAC"}

package/dist/module/tests/Modal.test.js ADDED Viewed

@@ -0,0 +1,37 @@
+import React from "react";
+import { Text } from "react-native";
+import { render, fireEvent } from "@testing-library/react-native";
+import Modal from "../components/Modal";
+describe("Modal", () => {
+  it("renders without crashing", () => {
+    const {
+      getByTestId
+    } = render( /*#__PURE__*/React.createElement(Modal, null));
+    const component = getByTestId("modal");
+    expect(component).toBeDefined();
+  });
+  it("renders children when visible", () => {
+    const {
+      getByText
+    } = render( /*#__PURE__*/React.createElement(Modal, {
+      isVisible: true
+    }, /*#__PURE__*/React.createElement(Text, null, "Modal Content")));
+    const content = getByText("Modal Content");
+    expect(content).toBeDefined();
+  });
+  it("calls onOverlayPress when overlay is pressed", () => {
+    const onOverlayPressMock = jest.fn();
+    const {
+      getByTestId
+    } = render( /*#__PURE__*/React.createElement(Modal, {
+      isVisible: true,
+      onOverlayPress: onOverlayPressMock
+    }));
+    const overlay = getByTestId("modal-backdrop");
+    fireEvent.press(overlay);
+    expect(onOverlayPressMock).toHaveBeenCalled();
+  });
+  // Add more test cases to cover different interactions, scenarios, and edge cases
+});
+//# sourceMappingURL=Modal.test.js.map

package/dist/module/tests/Modal.test.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["React","Text","render","fireEvent","Modal","describe","it","getByTestId","createElement","component","expect","toBeDefined","getByText","isVisible","content","onOverlayPressMock","jest","fn","onOverlayPress","overlay","press","toHaveBeenCalled"],"sources":["Modal.test.tsx"],"sourcesContent":["import React from \"react\";\nimport { Text } from \"react-native\";\nimport { render, fireEvent } from \"@testing-library/react-native\";\nimport Modal from \"../components/Modal\";\n\ndescribe(\"Modal\", () => {\n it(\"renders without crashing\", () => {\n const { getByTestId } = render(<Modal />);\n const component = getByTestId(\"modal\");\n expect(component).toBeDefined();\n });\n\n it(\"renders children when visible\", () => {\n const { getByText } = render(\n <Modal isVisible>\n <Text>{\"Modal Content\"}</Text>\n </Modal>\n );\n const content = getByText(\"Modal Content\");\n expect(content).toBeDefined();\n });\n\n it(\"calls onOverlayPress when overlay is pressed\", () => {\n const onOverlayPressMock = jest.fn();\n const { getByTestId } = render(\n <Modal isVisible onOverlayPress={onOverlayPressMock} />\n );\n const overlay = getByTestId(\"modal-backdrop\");\n fireEvent.press(overlay);\n expect(onOverlayPressMock).toHaveBeenCalled();\n });\n\n // Add more test cases to cover different interactions, scenarios, and edge cases\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,MAAM,EAAEC,SAAS,QAAQ,+BAA+B;AACjE,OAAOC,KAAK,MAAM,qBAAqB;AAEvCC,QAAQ,CAAC,OAAO,EAAE,MAAM;EACpBC,EAAE,CAAC,0BAA0B,EAAE,MAAM;IACjC,MAAM;MAAEC;IAAY,CAAC,GAAGL,MAAM,eAACF,KAAA,CAAAQ,aAAA,CAACJ,KAAK,MAAE,CAAC,CAAC;IACzC,MAAMK,SAAS,GAAGF,WAAW,CAAC,OAAO,CAAC;IACtCG,MAAM,CAACD,SAAS,CAAC,CAACE,WAAW,CAAC,CAAC;EACnC,CAAC,CAAC;EAEFL,EAAE,CAAC,+BAA+B,EAAE,MAAM;IACtC,MAAM;MAAEM;IAAU,CAAC,GAAGV,MAAM,eACxBF,KAAA,CAAAQ,aAAA,CAACJ,KAAK;MAACS,SAAS;IAAA,gBACZb,KAAA,CAAAQ,aAAA,CAACP,IAAI,QAAE,eAAsB,CAC1B,CACX,CAAC;IACD,MAAMa,OAAO,GAAGF,SAAS,CAAC,eAAe,CAAC;IAC1CF,MAAM,CAACI,OAAO,CAAC,CAACH,WAAW,CAAC,CAAC;EACjC,CAAC,CAAC;EAEFL,EAAE,CAAC,8CAA8C,EAAE,MAAM;IACrD,MAAMS,kBAAkB,GAAGC,IAAI,CAACC,EAAE,CAAC,CAAC;IACpC,MAAM;MAAEV;IAAY,CAAC,GAAGL,MAAM,eAC1BF,KAAA,CAAAQ,aAAA,CAACJ,KAAK;MAACS,SAAS;MAACK,cAAc,EAAEH;IAAmB,CAAE,CAC1D,CAAC;IACD,MAAMI,OAAO,GAAGZ,WAAW,CAAC,gBAAgB,CAAC;IAC7CJ,SAAS,CAACiB,KAAK,CAACD,OAAO,CAAC;IACxBT,MAAM,CAACK,kBAAkB,CAAC,CAACM,gBAAgB,CAAC,CAAC;EACjD,CAAC,CAAC;;EAEF;AACJ,CAAC,CAAC"}

package/dist/module/tests/TimerPicker.test.js ADDED Viewed

@@ -0,0 +1,34 @@
+import React from "react";
+import { render } from "@testing-library/react-native";
+import TimerPicker from "../components/TimerPicker";
+describe("TimerPicker", () => {
+  it("renders without crashing", () => {
+    const {
+      getByTestId
+    } = render( /*#__PURE__*/React.createElement(TimerPicker, null));
+    const component = getByTestId("timer-picker");
+    expect(component).toBeDefined();
+  });
+  it("renders without crashing with negative padWithNItems", () => {
+    const {
+      getByTestId
+    } = render( /*#__PURE__*/React.createElement(TimerPicker, {
+      padWithNItems: -1
+    }));
+    const component = getByTestId("timer-picker");
+    expect(component).toBeDefined();
+  });
+  it("hides minutes and seconds when respective hide props are provided", () => {
+    const {
+      queryByTestId
+    } = render( /*#__PURE__*/React.createElement(TimerPicker, {
+      hideMinutes: true,
+      hideSeconds: true
+    }));
+    const minutePicker = queryByTestId("duration-scroll-minute");
+    const secondPicker = queryByTestId("duration-scroll-second");
+    expect(minutePicker).toBeNull();
+    expect(secondPicker).toBeNull();
+  });
+});
+//# sourceMappingURL=TimerPicker.test.js.map

package/dist/module/tests/TimerPicker.test.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["React","render","TimerPicker","describe","it","getByTestId","createElement","component","expect","toBeDefined","padWithNItems","queryByTestId","hideMinutes","hideSeconds","minutePicker","secondPicker","toBeNull"],"sources":["TimerPicker.test.tsx"],"sourcesContent":["import React from \"react\";\nimport { render } from \"@testing-library/react-native\";\nimport TimerPicker from \"../components/TimerPicker\";\n\ndescribe(\"TimerPicker\", () => {\n it(\"renders without crashing\", () => {\n const { getByTestId } = render(<TimerPicker />);\n const component = getByTestId(\"timer-picker\");\n expect(component).toBeDefined();\n });\n\n it(\"renders without crashing with negative padWithNItems\", () => {\n const { getByTestId } = render(<TimerPicker padWithNItems={-1} />);\n const component = getByTestId(\"timer-picker\");\n expect(component).toBeDefined();\n });\n\n it(\"hides minutes and seconds when respective hide props are provided\", () => {\n const { queryByTestId } = render(\n <TimerPicker hideMinutes hideSeconds />\n );\n const minutePicker = queryByTestId(\"duration-scroll-minute\");\n const secondPicker = queryByTestId(\"duration-scroll-second\");\n expect(minutePicker).toBeNull();\n expect(secondPicker).toBeNull();\n });\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,QAAQ,+BAA+B;AACtD,OAAOC,WAAW,MAAM,2BAA2B;AAEnDC,QAAQ,CAAC,aAAa,EAAE,MAAM;EAC1BC,EAAE,CAAC,0BAA0B,EAAE,MAAM;IACjC,MAAM;MAAEC;IAAY,CAAC,GAAGJ,MAAM,eAACD,KAAA,CAAAM,aAAA,CAACJ,WAAW,MAAE,CAAC,CAAC;IAC/C,MAAMK,SAAS,GAAGF,WAAW,CAAC,cAAc,CAAC;IAC7CG,MAAM,CAACD,SAAS,CAAC,CAACE,WAAW,CAAC,CAAC;EACnC,CAAC,CAAC;EAEFL,EAAE,CAAC,sDAAsD,EAAE,MAAM;IAC7D,MAAM;MAAEC;IAAY,CAAC,GAAGJ,MAAM,eAACD,KAAA,CAAAM,aAAA,CAACJ,WAAW;MAACQ,aAAa,EAAE,CAAC;IAAE,CAAE,CAAC,CAAC;IAClE,MAAMH,SAAS,GAAGF,WAAW,CAAC,cAAc,CAAC;IAC7CG,MAAM,CAACD,SAAS,CAAC,CAACE,WAAW,CAAC,CAAC;EACnC,CAAC,CAAC;EAEFL,EAAE,CAAC,mEAAmE,EAAE,MAAM;IAC1E,MAAM;MAAEO;IAAc,CAAC,GAAGV,MAAM,eAC5BD,KAAA,CAAAM,aAAA,CAACJ,WAAW;MAACU,WAAW;MAACC,WAAW;IAAA,CAAE,CAC1C,CAAC;IACD,MAAMC,YAAY,GAAGH,aAAa,CAAC,wBAAwB,CAAC;IAC5D,MAAMI,YAAY,GAAGJ,aAAa,CAAC,wBAAwB,CAAC;IAC5DH,MAAM,CAACM,YAAY,CAAC,CAACE,QAAQ,CAAC,CAAC;IAC/BR,MAAM,CAACO,YAAY,CAAC,CAACC,QAAQ,CAAC,CAAC;EACnC,CAAC,CAAC;AACN,CAAC,CAAC"}