react-native-timer-picker 1.10.2 → 2.0.0

package/dist/commonjs/tests/TimerPickerModal.test.js

@@ -17,14 +17,14 @@ describe("TimerPickerModal", () => {
   it("renders without crashing", () => {
     const {
       getByTestId
-    } = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(_TimerPickerModal.default, defaultProps));
+    } = (0, _reactNative.render)(/*#__PURE__*/_react.default.createElement(_TimerPickerModal.default, defaultProps));
     const component = getByTestId("timer-picker-modal");
     expect(component).toBeDefined();
   });
   it("calls onConfirm when Confirm button is pressed", () => {
     const {
       getByText
-    } = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(_TimerPickerModal.default, defaultProps));
+    } = (0, _reactNative.render)(/*#__PURE__*/_react.default.createElement(_TimerPickerModal.default, defaultProps));
     const confirmButton = getByText("Confirm");
     _reactNative.fireEvent.press(confirmButton);
     expect(mockOnConfirm).toHaveBeenCalled();
@@ -32,7 +32,7 @@ describe("TimerPickerModal", () => {
   it("calls onCancel when Cancel button is pressed", () => {
     const {
       getByText
-    } = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(_TimerPickerModal.default, defaultProps));
+    } = (0, _reactNative.render)(/*#__PURE__*/_react.default.createElement(_TimerPickerModal.default, defaultProps));
     const cancelButton = getByText("Cancel");
     _reactNative.fireEvent.press(cancelButton);
     expect(mockOnCancel).toHaveBeenCalled();
@@ -41,7 +41,7 @@ describe("TimerPickerModal", () => {
     const setIsVisibleMock = jest.fn();
     const {
       getByText
-    } = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(_TimerPickerModal.default, _extends({}, defaultProps, {
+    } = (0, _reactNative.render)(/*#__PURE__*/_react.default.createElement(_TimerPickerModal.default, _extends({}, defaultProps, {
       setIsVisible: setIsVisibleMock
     })));
     const cancelButton = getByText("Cancel");
@@ -52,7 +52,7 @@ describe("TimerPickerModal", () => {
     const setIsVisibleMock = jest.fn();
     const {
       getByTestId
-    } = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(_TimerPickerModal.default, _extends({}, defaultProps, {
+    } = (0, _reactNative.render)(/*#__PURE__*/_react.default.createElement(_TimerPickerModal.default, _extends({}, defaultProps, {
       closeOnOverlayPress: true,
       setIsVisible: setIsVisibleMock
     })));
@@ -63,7 +63,7 @@ describe("TimerPickerModal", () => {
   it("calls onConfirm with selected duration when Confirm button is pressed", () => {
     const {
       getByText
-    } = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(_TimerPickerModal.default, defaultProps));
+    } = (0, _reactNative.render)(/*#__PURE__*/_react.default.createElement(_TimerPickerModal.default, defaultProps));
     // Select duration in TimerPicker, assuming its interaction is tested separately
     const confirmButton = getByText("Confirm");
     _reactNative.fireEvent.press(confirmButton);

package/dist/commonjs/tests/TimerPickerModal.test.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_TimerPickerModal","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","describe","mockOnConfirm","jest","fn","mockOnCancel","defaultProps","visible","setIsVisible","onConfirm","onCancel","it","getByTestId","render","createElement","component","expect","toBeDefined","getByText","confirmButton","fireEvent","press","toHaveBeenCalled","cancelButton","setIsVisibleMock","toHaveBeenCalledWith","closeOnOverlayPress","overlay","objectContaining"],"sources":["TimerPickerModal.test.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { render, fireEvent } from \"@testing-library/react-native\";\n\nimport TimerPickerModal from \"../components/TimerPickerModal\";\n\ndescribe(\"TimerPickerModal\", () => {\n    const mockOnConfirm = jest.fn();\n    const mockOnCancel = jest.fn();\n\n    const defaultProps = {\n        visible: true,\n        setIsVisible: jest.fn(),\n        onConfirm: mockOnConfirm,\n        onCancel: mockOnCancel,\n    };\n\n    it(\"renders without crashing\", () => {\n        const { getByTestId } = render(<TimerPickerModal {...defaultProps} />);\n        const component = getByTestId(\"timer-picker-modal\");\n        expect(component).toBeDefined();\n    });\n\n    it(\"calls onConfirm when Confirm button is pressed\", () => {\n        const { getByText } = render(<TimerPickerModal {...defaultProps} />);\n        const confirmButton = getByText(\"Confirm\");\n        fireEvent.press(confirmButton);\n        expect(mockOnConfirm).toHaveBeenCalled();\n    });\n\n    it(\"calls onCancel when Cancel button is pressed\", () => {\n        const { getByText } = render(<TimerPickerModal {...defaultProps} />);\n        const cancelButton = getByText(\"Cancel\");\n        fireEvent.press(cancelButton);\n        expect(mockOnCancel).toHaveBeenCalled();\n    });\n\n    it(\"hides the modal when Cancel button is pressed\", () => {\n        const setIsVisibleMock = jest.fn();\n        const { getByText } = render(\n            <TimerPickerModal\n                {...defaultProps}\n                setIsVisible={setIsVisibleMock}\n            />\n        );\n        const cancelButton = getByText(\"Cancel\");\n        fireEvent.press(cancelButton);\n        expect(setIsVisibleMock).toHaveBeenCalledWith(false);\n    });\n\n    it(\"hides the modal when overlay is pressed\", () => {\n        const setIsVisibleMock = jest.fn();\n        const { getByTestId } = render(\n            <TimerPickerModal\n                {...defaultProps}\n                closeOnOverlayPress\n                setIsVisible={setIsVisibleMock}\n            />\n        );\n        const overlay = getByTestId(\"modal-backdrop\");\n        fireEvent.press(overlay);\n        expect(setIsVisibleMock).toHaveBeenCalledWith(false);\n    });\n\n    it(\"calls onConfirm with selected duration when Confirm button is pressed\", () => {\n        const { getByText } = render(<TimerPickerModal {...defaultProps} />);\n        // Select duration in TimerPicker, assuming its interaction is tested separately\n        const confirmButton = getByText(\"Confirm\");\n        fireEvent.press(confirmButton);\n        expect(mockOnConfirm).toHaveBeenCalledWith(expect.objectContaining({}));\n    });\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_TimerPickerModal","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","describe","mockOnConfirm","jest","fn","mockOnCancel","defaultProps","visible","setIsVisible","onConfirm","onCancel","it","getByTestId","render","createElement","component","expect","toBeDefined","getByText","confirmButton","fireEvent","press","toHaveBeenCalled","cancelButton","setIsVisibleMock","toHaveBeenCalledWith","closeOnOverlayPress","overlay","objectContaining"],"sources":["TimerPickerModal.test.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { render, fireEvent } from \"@testing-library/react-native\";\n\nimport TimerPickerModal from \"../components/TimerPickerModal\";\n\ndescribe(\"TimerPickerModal\", () => {\n    const mockOnConfirm = jest.fn();\n    const mockOnCancel = jest.fn();\n\n    const defaultProps = {\n        visible: true,\n        setIsVisible: jest.fn(),\n        onConfirm: mockOnConfirm,\n        onCancel: mockOnCancel,\n    };\n\n    it(\"renders without crashing\", () => {\n        const { getByTestId } = render(<TimerPickerModal {...defaultProps} />);\n        const component = getByTestId(\"timer-picker-modal\");\n        expect(component).toBeDefined();\n    });\n\n    it(\"calls onConfirm when Confirm button is pressed\", () => {\n        const { getByText } = render(<TimerPickerModal {...defaultProps} />);\n        const confirmButton = getByText(\"Confirm\");\n        fireEvent.press(confirmButton);\n        expect(mockOnConfirm).toHaveBeenCalled();\n    });\n\n    it(\"calls onCancel when Cancel button is pressed\", () => {\n        const { getByText } = render(<TimerPickerModal {...defaultProps} />);\n        const cancelButton = getByText(\"Cancel\");\n        fireEvent.press(cancelButton);\n        expect(mockOnCancel).toHaveBeenCalled();\n    });\n\n    it(\"hides the modal when Cancel button is pressed\", () => {\n        const setIsVisibleMock = jest.fn();\n        const { getByText } = render(\n            <TimerPickerModal\n                {...defaultProps}\n                setIsVisible={setIsVisibleMock}\n            />\n        );\n        const cancelButton = getByText(\"Cancel\");\n        fireEvent.press(cancelButton);\n        expect(setIsVisibleMock).toHaveBeenCalledWith(false);\n    });\n\n    it(\"hides the modal when overlay is pressed\", () => {\n        const setIsVisibleMock = jest.fn();\n        const { getByTestId } = render(\n            <TimerPickerModal\n                {...defaultProps}\n                closeOnOverlayPress\n                setIsVisible={setIsVisibleMock}\n            />\n        );\n        const overlay = getByTestId(\"modal-backdrop\");\n        fireEvent.press(overlay);\n        expect(setIsVisibleMock).toHaveBeenCalledWith(false);\n    });\n\n    it(\"calls onConfirm with selected duration when Confirm button is pressed\", () => {\n        const { getByText } = render(<TimerPickerModal {...defaultProps} />);\n        // Select duration in TimerPicker, assuming its interaction is tested separately\n        const confirmButton = getByText(\"Confirm\");\n        fireEvent.press(confirmButton);\n        expect(mockOnConfirm).toHaveBeenCalledWith(expect.objectContaining({}));\n    });\n});\n"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/utils/generateNumbers.js

@@ -10,15 +10,16 @@ const generateNumbers = (numberOfItems, options) => {
     return [];
   }
   let numbers = [];
-  for (let i = 0; i <= numberOfItems; i++) {
-    numbers.push((0, _padNumber.padNumber)(i, {
+  for (let i = 0; i < numberOfItems; i++) {
+    const value = i * options.interval;
+    numbers.push((0, _padNumber.padNumber)(value, {
       padWithZero: options.padNumbersWithZero
     }));
   }
-  if ((options.repeatNTimes ?? 1) > 1) {
+  if (options.repeatNTimes > 1) {
     numbers = Array(options.repeatNTimes).fill(numbers).flat();
   }
-  if (options.disableInfiniteScroll) {
+  if (options.disableInfiniteScroll || options.repeatNTimes === 1) {
     numbers.push(...Array(options.padWithNItems).fill(""));
     numbers.unshift(...Array(options.padWithNItems).fill(""));
   }
@@ -29,14 +30,14 @@ const generate12HourNumbers = options => {
   let numbers = [];
 
   // Generate numbers from 0 to 11 for AM
-  for (let i = 0; i <= 11; i++) {
+  for (let i = 0; i < 12; i += options.interval) {
     numbers.push(`${(0, _padNumber.padNumber)(i, {
       padWithZero: options.padNumbersWithZero
     })} AM`);
   }
 
   // Generate numbers from 12 to 11 for PM
-  for (let i = 12; i <= 23; i++) {
+  for (let i = 12; i < 24; i += options.interval) {
     const hour = i > 12 ? i - 12 : i;
     numbers.push(`${(0, _padNumber.padNumber)(hour, {
       padWithZero: options.padNumbersWithZero

package/dist/commonjs/utils/generateNumbers.js.map

@@ -1 +1 @@
-{"version":3,"names":["_padNumber","require","generateNumbers","numberOfItems","options","numbers","i","push","padNumber","padWithZero","padNumbersWithZero","repeatNTimes","Array","fill","flat","disableInfiniteScroll","padWithNItems","unshift","exports","generate12HourNumbers","hour"],"sources":["generateNumbers.ts"],"sourcesContent":["import { padNumber } from \"./padNumber\";\n\nexport const generateNumbers = (\n    numberOfItems: number,\n    options: {\n        disableInfiniteScroll?: boolean;\n        padNumbersWithZero?: boolean;\n        padWithNItems: number;\n        repeatNTimes?: number;\n    }\n) => {\n    if (numberOfItems <= 0) {\n        return [];\n    }\n\n    let numbers: string[] = [];\n    for (let i = 0; i <= numberOfItems; i++) {\n        numbers.push(padNumber(i, { padWithZero: options.padNumbersWithZero }));\n    }\n\n    if ((options.repeatNTimes ?? 1) > 1) {\n        numbers = Array(options.repeatNTimes).fill(numbers).flat();\n    }\n    if (options.disableInfiniteScroll) {\n        numbers.push(...Array(options.padWithNItems).fill(\"\"));\n        numbers.unshift(...Array(options.padWithNItems).fill(\"\"));\n    }\n    return numbers;\n};\n\nexport const generate12HourNumbers = (options: {\n    disableInfiniteScroll?: boolean;\n    padNumbersWithZero?: boolean;\n    padWithNItems: number;\n    repeatNTimes?: number;\n}) => {\n    let numbers: string[] = [];\n\n    // Generate numbers from 0 to 11 for AM\n    for (let i = 0; i <= 11; i++) {\n        numbers.push(\n            `${padNumber(i, { padWithZero: options.padNumbersWithZero })} AM`\n        );\n    }\n\n    // Generate numbers from 12 to 11 for PM\n    for (let i = 12; i <= 23; i++) {\n        const hour = i > 12 ? i - 12 : i;\n        numbers.push(\n            `${padNumber(hour, { padWithZero: options.padNumbersWithZero })} PM`\n        );\n    }\n\n    if ((options.repeatNTimes ?? 1) > 1) {\n        numbers = Array(options.repeatNTimes).fill(numbers).flat();\n    }\n\n    if (options.disableInfiniteScroll) {\n        numbers.push(...Array(options.padWithNItems).fill(\"\"));\n        numbers.unshift(...Array(options.padWithNItems).fill(\"\"));\n    }\n\n    return numbers;\n};\n"],"mappings":";;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAEO,MAAMC,eAAe,GAAGA,CAC3BC,aAAqB,EACrBC,OAKC,KACA;EACD,IAAID,aAAa,IAAI,CAAC,EAAE;IACpB,OAAO,EAAE;EACb;EAEA,IAAIE,OAAiB,GAAG,EAAE;EAC1B,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,IAAIH,aAAa,EAAEG,CAAC,EAAE,EAAE;IACrCD,OAAO,CAACE,IAAI,CAAC,IAAAC,oBAAS,EAACF,CAAC,EAAE;MAAEG,WAAW,EAAEL,OAAO,CAACM;IAAmB,CAAC,CAAC,CAAC;EAC3E;EAEA,IAAI,CAACN,OAAO,CAACO,YAAY,IAAI,CAAC,IAAI,CAAC,EAAE;IACjCN,OAAO,GAAGO,KAAK,CAACR,OAAO,CAACO,YAAY,CAAC,CAACE,IAAI,CAACR,OAAO,CAAC,CAACS,IAAI,CAAC,CAAC;EAC9D;EACA,IAAIV,OAAO,CAACW,qBAAqB,EAAE;IAC/BV,OAAO,CAACE,IAAI,CAAC,GAAGK,KAAK,CAACR,OAAO,CAACY,aAAa,CAAC,CAACH,IAAI,CAAC,EAAE,CAAC,CAAC;IACtDR,OAAO,CAACY,OAAO,CAAC,GAAGL,KAAK,CAACR,OAAO,CAACY,aAAa,CAAC,CAACH,IAAI,CAAC,EAAE,CAAC,CAAC;EAC7D;EACA,OAAOR,OAAO;AAClB,CAAC;AAACa,OAAA,CAAAhB,eAAA,GAAAA,eAAA;AAEK,MAAMiB,qBAAqB,GAAIf,OAKrC,IAAK;EACF,IAAIC,OAAiB,GAAG,EAAE;;EAE1B;EACA,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,IAAI,EAAE,EAAEA,CAAC,EAAE,EAAE;IAC1BD,OAAO,CAACE,IAAI,CACR,GAAG,IAAAC,oBAAS,EAACF,CAAC,EAAE;MAAEG,WAAW,EAAEL,OAAO,CAACM;IAAmB,CAAC,CAAC,KAChE,CAAC;EACL;;EAEA;EACA,KAAK,IAAIJ,CAAC,GAAG,EAAE,EAAEA,CAAC,IAAI,EAAE,EAAEA,CAAC,EAAE,EAAE;IAC3B,MAAMc,IAAI,GAAGd,CAAC,GAAG,EAAE,GAAGA,CAAC,GAAG,EAAE,GAAGA,CAAC;IAChCD,OAAO,CAACE,IAAI,CACR,GAAG,IAAAC,oBAAS,EAACY,IAAI,EAAE;MAAEX,WAAW,EAAEL,OAAO,CAACM;IAAmB,CAAC,CAAC,KACnE,CAAC;EACL;EAEA,IAAI,CAACN,OAAO,CAACO,YAAY,IAAI,CAAC,IAAI,CAAC,EAAE;IACjCN,OAAO,GAAGO,KAAK,CAACR,OAAO,CAACO,YAAY,CAAC,CAACE,IAAI,CAACR,OAAO,CAAC,CAACS,IAAI,CAAC,CAAC;EAC9D;EAEA,IAAIV,OAAO,CAACW,qBAAqB,EAAE;IAC/BV,OAAO,CAACE,IAAI,CAAC,GAAGK,KAAK,CAACR,OAAO,CAACY,aAAa,CAAC,CAACH,IAAI,CAAC,EAAE,CAAC,CAAC;IACtDR,OAAO,CAACY,OAAO,CAAC,GAAGL,KAAK,CAACR,OAAO,CAACY,aAAa,CAAC,CAACH,IAAI,CAAC,EAAE,CAAC,CAAC;EAC7D;EAEA,OAAOR,OAAO;AAClB,CAAC;AAACa,OAAA,CAAAC,qBAAA,GAAAA,qBAAA","ignoreList":[]}
+{"version":3,"names":["_padNumber","require","generateNumbers","numberOfItems","options","numbers","i","value","interval","push","padNumber","padWithZero","padNumbersWithZero","repeatNTimes","Array","fill","flat","disableInfiniteScroll","padWithNItems","unshift","exports","generate12HourNumbers","hour"],"sources":["generateNumbers.ts"],"sourcesContent":["import { padNumber } from \"./padNumber\";\n\nexport const generateNumbers = (\n    numberOfItems: number,\n    options: {\n        disableInfiniteScroll?: boolean;\n        interval: number;\n        padNumbersWithZero?: boolean;\n        padWithNItems: number;\n        repeatNTimes: number;\n    }\n) => {\n    if (numberOfItems <= 0) {\n        return [];\n    }\n\n    let numbers: string[] = [];\n    for (let i = 0; i < numberOfItems; i++) {\n        const value = i * options.interval;\n        numbers.push(\n            padNumber(value, { padWithZero: options.padNumbersWithZero })\n        );\n    }\n\n    if (options.repeatNTimes > 1) {\n        numbers = Array(options.repeatNTimes).fill(numbers).flat();\n    }\n    if (options.disableInfiniteScroll || options.repeatNTimes === 1) {\n        numbers.push(...Array(options.padWithNItems).fill(\"\"));\n        numbers.unshift(...Array(options.padWithNItems).fill(\"\"));\n    }\n    return numbers;\n};\n\nexport const generate12HourNumbers = (options: {\n    disableInfiniteScroll?: boolean;\n    interval: number;\n    padNumbersWithZero?: boolean;\n    padWithNItems: number;\n    repeatNTimes?: number;\n}) => {\n    let numbers: string[] = [];\n\n    // Generate numbers from 0 to 11 for AM\n    for (let i = 0; i < 12; i += options.interval) {\n        numbers.push(\n            `${padNumber(i, { padWithZero: options.padNumbersWithZero })} AM`\n        );\n    }\n\n    // Generate numbers from 12 to 11 for PM\n    for (let i = 12; i < 24; i += options.interval) {\n        const hour = i > 12 ? i - 12 : i;\n        numbers.push(\n            `${padNumber(hour, { padWithZero: options.padNumbersWithZero })} PM`\n        );\n    }\n\n    if ((options.repeatNTimes ?? 1) > 1) {\n        numbers = Array(options.repeatNTimes).fill(numbers).flat();\n    }\n\n    if (options.disableInfiniteScroll) {\n        numbers.push(...Array(options.padWithNItems).fill(\"\"));\n        numbers.unshift(...Array(options.padWithNItems).fill(\"\"));\n    }\n\n    return numbers;\n};\n"],"mappings":";;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAEO,MAAMC,eAAe,GAAGA,CAC3BC,aAAqB,EACrBC,OAMC,KACA;EACD,IAAID,aAAa,IAAI,CAAC,EAAE;IACpB,OAAO,EAAE;EACb;EAEA,IAAIE,OAAiB,GAAG,EAAE;EAC1B,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGH,aAAa,EAAEG,CAAC,EAAE,EAAE;IACpC,MAAMC,KAAK,GAAGD,CAAC,GAAGF,OAAO,CAACI,QAAQ;IAClCH,OAAO,CAACI,IAAI,CACR,IAAAC,oBAAS,EAACH,KAAK,EAAE;MAAEI,WAAW,EAAEP,OAAO,CAACQ;IAAmB,CAAC,CAChE,CAAC;EACL;EAEA,IAAIR,OAAO,CAACS,YAAY,GAAG,CAAC,EAAE;IAC1BR,OAAO,GAAGS,KAAK,CAACV,OAAO,CAACS,YAAY,CAAC,CAACE,IAAI,CAACV,OAAO,CAAC,CAACW,IAAI,CAAC,CAAC;EAC9D;EACA,IAAIZ,OAAO,CAACa,qBAAqB,IAAIb,OAAO,CAACS,YAAY,KAAK,CAAC,EAAE;IAC7DR,OAAO,CAACI,IAAI,CAAC,GAAGK,KAAK,CAACV,OAAO,CAACc,aAAa,CAAC,CAACH,IAAI,CAAC,EAAE,CAAC,CAAC;IACtDV,OAAO,CAACc,OAAO,CAAC,GAAGL,KAAK,CAACV,OAAO,CAACc,aAAa,CAAC,CAACH,IAAI,CAAC,EAAE,CAAC,CAAC;EAC7D;EACA,OAAOV,OAAO;AAClB,CAAC;AAACe,OAAA,CAAAlB,eAAA,GAAAA,eAAA;AAEK,MAAMmB,qBAAqB,GAAIjB,OAMrC,IAAK;EACF,IAAIC,OAAiB,GAAG,EAAE;;EAE1B;EACA,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAG,EAAE,EAAEA,CAAC,IAAIF,OAAO,CAACI,QAAQ,EAAE;IAC3CH,OAAO,CAACI,IAAI,CACR,GAAG,IAAAC,oBAAS,EAACJ,CAAC,EAAE;MAAEK,WAAW,EAAEP,OAAO,CAACQ;IAAmB,CAAC,CAAC,KAChE,CAAC;EACL;;EAEA;EACA,KAAK,IAAIN,CAAC,GAAG,EAAE,EAAEA,CAAC,GAAG,EAAE,EAAEA,CAAC,IAAIF,OAAO,CAACI,QAAQ,EAAE;IAC5C,MAAMc,IAAI,GAAGhB,CAAC,GAAG,EAAE,GAAGA,CAAC,GAAG,EAAE,GAAGA,CAAC;IAChCD,OAAO,CAACI,IAAI,CACR,GAAG,IAAAC,oBAAS,EAACY,IAAI,EAAE;MAAEX,WAAW,EAAEP,OAAO,CAACQ;IAAmB,CAAC,CAAC,KACnE,CAAC;EACL;EAEA,IAAI,CAACR,OAAO,CAACS,YAAY,IAAI,CAAC,IAAI,CAAC,EAAE;IACjCR,OAAO,GAAGS,KAAK,CAACV,OAAO,CAACS,YAAY,CAAC,CAACE,IAAI,CAACV,OAAO,CAAC,CAACW,IAAI,CAAC,CAAC;EAC9D;EAEA,IAAIZ,OAAO,CAACa,qBAAqB,EAAE;IAC/BZ,OAAO,CAACI,IAAI,CAAC,GAAGK,KAAK,CAACV,OAAO,CAACc,aAAa,CAAC,CAACH,IAAI,CAAC,EAAE,CAAC,CAAC;IACtDV,OAAO,CAACc,OAAO,CAAC,GAAGL,KAAK,CAACV,OAAO,CAACc,aAAa,CAAC,CAACH,IAAI,CAAC,EAAE,CAAC,CAAC;EAC7D;EAEA,OAAOV,OAAO;AAClB,CAAC;AAACe,OAAA,CAAAC,qBAAA,GAAAA,qBAAA","ignoreList":[]}

package/dist/commonjs/utils/getAdjustedLimit.js

@@ -4,22 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getAdjustedLimit = void 0;
-const getAdjustedLimit = (limit, numberOfItems) => {
+const getAdjustedLimit = (limit, numberOfItems, interval) => {
+  const maxValue = (numberOfItems - 1) * interval;
   if (!limit || !limit.max && !limit.min) {
     return {
-      max: numberOfItems,
+      max: maxValue,
       min: 0
     };
   }
 
   // guard against limits that are out of bounds
-  const adjustedMaxLimit = limit.max ? Math.min(limit.max, numberOfItems) : numberOfItems;
+  const adjustedMaxLimit = limit.max ? Math.min(limit.max, maxValue) : maxValue;
   const adjustedMinLimit = limit.min ? Math.max(limit.min, 0) : 0;
 
   // guard against invalid limits
   if (adjustedMaxLimit < adjustedMinLimit) {
     return {
-      max: numberOfItems,
+      max: maxValue,
       min: 0
     };
   }

package/dist/commonjs/utils/getAdjustedLimit.js.map

@@ -1 +1 @@
-{"version":3,"names":["getAdjustedLimit","limit","numberOfItems","max","min","adjustedMaxLimit","Math","adjustedMinLimit","exports"],"sources":["getAdjustedLimit.ts"],"sourcesContent":["import type { LimitType } from \"../components/DurationScroll/types\";\n\nexport const getAdjustedLimit = (\n    limit: LimitType | undefined,\n    numberOfItems: number\n): {\n    max: number;\n    min: number;\n} => {\n    if (!limit || (!limit.max && !limit.min)) {\n        return {\n            max: numberOfItems,\n            min: 0,\n        };\n    }\n\n    // guard against limits that are out of bounds\n    const adjustedMaxLimit = limit.max\n        ? Math.min(limit.max, numberOfItems)\n        : numberOfItems;\n    const adjustedMinLimit = limit.min ? Math.max(limit.min, 0) : 0;\n\n    // guard against invalid limits\n    if (adjustedMaxLimit < adjustedMinLimit) {\n        return {\n            max: numberOfItems,\n            min: 0,\n        };\n    }\n\n    return {\n        max: adjustedMaxLimit,\n        min: adjustedMinLimit,\n    };\n};\n"],"mappings":";;;;;;AAEO,MAAMA,gBAAgB,GAAGA,CAC5BC,KAA4B,EAC5BC,aAAqB,KAIpB;EACD,IAAI,CAACD,KAAK,IAAK,CAACA,KAAK,CAACE,GAAG,IAAI,CAACF,KAAK,CAACG,GAAI,EAAE;IACtC,OAAO;MACHD,GAAG,EAAED,aAAa;MAClBE,GAAG,EAAE;IACT,CAAC;EACL;;EAEA;EACA,MAAMC,gBAAgB,GAAGJ,KAAK,CAACE,GAAG,GAC5BG,IAAI,CAACF,GAAG,CAACH,KAAK,CAACE,GAAG,EAAED,aAAa,CAAC,GAClCA,aAAa;EACnB,MAAMK,gBAAgB,GAAGN,KAAK,CAACG,GAAG,GAAGE,IAAI,CAACH,GAAG,CAACF,KAAK,CAACG,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC;;EAE/D;EACA,IAAIC,gBAAgB,GAAGE,gBAAgB,EAAE;IACrC,OAAO;MACHJ,GAAG,EAAED,aAAa;MAClBE,GAAG,EAAE;IACT,CAAC;EACL;EAEA,OAAO;IACHD,GAAG,EAAEE,gBAAgB;IACrBD,GAAG,EAAEG;EACT,CAAC;AACL,CAAC;AAACC,OAAA,CAAAR,gBAAA,GAAAA,gBAAA","ignoreList":[]}
+{"version":3,"names":["getAdjustedLimit","limit","numberOfItems","interval","maxValue","max","min","adjustedMaxLimit","Math","adjustedMinLimit","exports"],"sources":["getAdjustedLimit.ts"],"sourcesContent":["import type { LimitType } from \"../components/DurationScroll/types\";\n\nexport const getAdjustedLimit = (\n    limit: LimitType | undefined,\n    numberOfItems: number,\n    interval: number\n): {\n    max: number;\n    min: number;\n} => {\n    const maxValue = (numberOfItems - 1) * interval;\n\n    if (!limit || (!limit.max && !limit.min)) {\n        return {\n            max: maxValue,\n            min: 0,\n        };\n    }\n\n    // guard against limits that are out of bounds\n    const adjustedMaxLimit = limit.max\n        ? Math.min(limit.max, maxValue)\n        : maxValue;\n    const adjustedMinLimit = limit.min ? Math.max(limit.min, 0) : 0;\n\n    // guard against invalid limits\n    if (adjustedMaxLimit < adjustedMinLimit) {\n        return {\n            max: maxValue,\n            min: 0,\n        };\n    }\n\n    return {\n        max: adjustedMaxLimit,\n        min: adjustedMinLimit,\n    };\n};\n"],"mappings":";;;;;;AAEO,MAAMA,gBAAgB,GAAGA,CAC5BC,KAA4B,EAC5BC,aAAqB,EACrBC,QAAgB,KAIf;EACD,MAAMC,QAAQ,GAAG,CAACF,aAAa,GAAG,CAAC,IAAIC,QAAQ;EAE/C,IAAI,CAACF,KAAK,IAAK,CAACA,KAAK,CAACI,GAAG,IAAI,CAACJ,KAAK,CAACK,GAAI,EAAE;IACtC,OAAO;MACHD,GAAG,EAAED,QAAQ;MACbE,GAAG,EAAE;IACT,CAAC;EACL;;EAEA;EACA,MAAMC,gBAAgB,GAAGN,KAAK,CAACI,GAAG,GAC5BG,IAAI,CAACF,GAAG,CAACL,KAAK,CAACI,GAAG,EAAED,QAAQ,CAAC,GAC7BA,QAAQ;EACd,MAAMK,gBAAgB,GAAGR,KAAK,CAACK,GAAG,GAAGE,IAAI,CAACH,GAAG,CAACJ,KAAK,CAACK,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC;;EAE/D;EACA,IAAIC,gBAAgB,GAAGE,gBAAgB,EAAE;IACrC,OAAO;MACHJ,GAAG,EAAED,QAAQ;MACbE,GAAG,EAAE;IACT,CAAC;EACL;EAEA,OAAO;IACHD,GAAG,EAAEE,gBAAgB;IACrBD,GAAG,EAAEG;EACT,CAAC;AACL,CAAC;AAACC,OAAA,CAAAV,gBAAA,GAAAA,gBAAA","ignoreList":[]}

package/dist/commonjs/utils/getDurationAndIndexFromScrollOffset.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getDurationAndIndexFromScrollOffset = void 0;
+const getDurationAndIndexFromScrollOffset = variables => {
+  const {
+    disableInfiniteScroll,
+    interval,
+    itemHeight,
+    numberOfItems,
+    padWithNItems,
+    yContentOffset
+  } = variables;
+  const index = Math.round(yContentOffset / itemHeight);
+  const duration = (disableInfiniteScroll ? index : index + padWithNItems) % numberOfItems * interval;
+  return {
+    duration,
+    index
+  };
+};
+exports.getDurationAndIndexFromScrollOffset = getDurationAndIndexFromScrollOffset;
+//# sourceMappingURL=getDurationAndIndexFromScrollOffset.js.map

package/dist/commonjs/utils/getDurationAndIndexFromScrollOffset.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getDurationAndIndexFromScrollOffset","variables","disableInfiniteScroll","interval","itemHeight","numberOfItems","padWithNItems","yContentOffset","index","Math","round","duration","exports"],"sources":["getDurationAndIndexFromScrollOffset.ts"],"sourcesContent":["export const getDurationAndIndexFromScrollOffset = (variables: {\n    disableInfiniteScroll: boolean;\n    interval: number;\n    itemHeight: number;\n    numberOfItems: number;\n    padWithNItems: number;\n    yContentOffset: number;\n}) => {\n    const {\n        disableInfiniteScroll,\n        interval,\n        itemHeight,\n        numberOfItems,\n        padWithNItems,\n        yContentOffset,\n    } = variables;\n\n    const index = Math.round(yContentOffset / itemHeight);\n\n    const duration =\n        ((disableInfiniteScroll ? index : index + padWithNItems) %\n            numberOfItems) *\n        interval;\n\n    return {\n        duration,\n        index,\n    };\n};\n"],"mappings":";;;;;;AAAO,MAAMA,mCAAmC,GAAIC,SAOnD,IAAK;EACF,MAAM;IACFC,qBAAqB;IACrBC,QAAQ;IACRC,UAAU;IACVC,aAAa;IACbC,aAAa;IACbC;EACJ,CAAC,GAAGN,SAAS;EAEb,MAAMO,KAAK,GAAGC,IAAI,CAACC,KAAK,CAACH,cAAc,GAAGH,UAAU,CAAC;EAErD,MAAMO,QAAQ,GACT,CAACT,qBAAqB,GAAGM,KAAK,GAAGA,KAAK,GAAGF,aAAa,IACnDD,aAAa,GACjBF,QAAQ;EAEZ,OAAO;IACHQ,QAAQ;IACRH;EACJ,CAAC;AACL,CAAC;AAACI,OAAA,CAAAZ,mCAAA,GAAAA,mCAAA","ignoreList":[]}

package/dist/commonjs/utils/getInitialScrollIndex.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getInitialScrollIndex = void 0;
+const getInitialScrollIndex = variables => {
+  const {
+    disableInfiniteScroll,
+    interval,
+    numberOfItems,
+    padWithNItems,
+    repeatNumbersNTimes,
+    value
+  } = variables;
+  return Math.max(numberOfItems * Math.floor(repeatNumbersNTimes / 2) + (value / interval + numberOfItems) % numberOfItems - (!disableInfiniteScroll ? padWithNItems : 0), 0);
+};
+exports.getInitialScrollIndex = getInitialScrollIndex;
+//# sourceMappingURL=getInitialScrollIndex.js.map

package/dist/commonjs/utils/getInitialScrollIndex.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getInitialScrollIndex","variables","disableInfiniteScroll","interval","numberOfItems","padWithNItems","repeatNumbersNTimes","value","Math","max","floor","exports"],"sources":["getInitialScrollIndex.ts"],"sourcesContent":["export const getInitialScrollIndex = (variables: {\n    disableInfiniteScroll: boolean;\n    interval: number;\n    numberOfItems: number;\n    padWithNItems: number;\n    repeatNumbersNTimes: number;\n    value: number;\n}) => {\n    const {\n        disableInfiniteScroll,\n        interval,\n        numberOfItems,\n        padWithNItems,\n        repeatNumbersNTimes,\n        value,\n    } = variables;\n\n    return Math.max(\n        numberOfItems * Math.floor(repeatNumbersNTimes / 2) +\n            ((value / interval + numberOfItems) % numberOfItems) -\n            (!disableInfiniteScroll ? padWithNItems : 0),\n        0\n    );\n};\n"],"mappings":";;;;;;AAAO,MAAMA,qBAAqB,GAAIC,SAOrC,IAAK;EACF,MAAM;IACFC,qBAAqB;IACrBC,QAAQ;IACRC,aAAa;IACbC,aAAa;IACbC,mBAAmB;IACnBC;EACJ,CAAC,GAAGN,SAAS;EAEb,OAAOO,IAAI,CAACC,GAAG,CACXL,aAAa,GAAGI,IAAI,CAACE,KAAK,CAACJ,mBAAmB,GAAG,CAAC,CAAC,GAC9C,CAACC,KAAK,GAAGJ,QAAQ,GAAGC,aAAa,IAAIA,aAAc,IACnD,CAACF,qBAAqB,GAAGG,aAAa,GAAG,CAAC,CAAC,EAChD,CACJ,CAAC;AACL,CAAC;AAACM,OAAA,CAAAX,qBAAA,GAAAA,qBAAA","ignoreList":[]}

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

@@ -4,7 +4,8 @@ import { View, Text, FlatList as RNFlatList } from "react-native";
 import { colorToRgba } from "../../utils/colorToRgba";
 import { generate12HourNumbers, generateNumbers } from "../../utils/generateNumbers";
 import { getAdjustedLimit } from "../../utils/getAdjustedLimit";
-import { getScrollIndex } from "../../utils/getScrollIndex";
+import { getDurationAndIndexFromScrollOffset } from "../../utils/getDurationAndIndexFromScrollOffset";
+import { getInitialScrollIndex } from "../../utils/getInitialScrollIndex";
 const DurationScroll = /*#__PURE__*/forwardRef((props, ref) => {
   const {
     aggressivelyGetLatestDuration,
@@ -17,45 +18,78 @@ const DurationScroll = /*#__PURE__*/forwardRef((props, ref) => {
     FlatList = RNFlatList,
     Haptics,
     initialValue = 0,
+    interval,
     is12HourPicker,
     isDisabled,
     label,
     limit,
     LinearGradient,
-    numberOfItems,
+    maximumValue,
     onDurationChange,
     padNumbersWithZero = false,
     padWithNItems,
+    pickerFeedback,
     pickerGradientOverlayProps,
     pmLabel,
     repeatNumbersNTimes = 3,
+    repeatNumbersNTimesNotExplicitlySet,
     styles,
     testID,
     topPickerGradientOverlayProps
   } = props;
-  const data = useMemo(() => {
+  const numberOfItems = useMemo(() => {
+    // guard against negative maximum values
+    if (maximumValue < 0) {
+      return 1;
+    }
+    return Math.floor(maximumValue / interval) + 1;
+  }, [interval, maximumValue]);
+  const safeRepeatNumbersNTimes = useMemo(() => {
+    // do not repeat numbers if there is only one option
+    if (numberOfItems === 1) {
+      return 1;
+    }
+    if (!disableInfiniteScroll && repeatNumbersNTimes < 2) {
+      return 2;
+    } else if (repeatNumbersNTimes < 1) {
+      return 1;
+    }
+
+    // if this variable is not explicitly set, we calculate a reasonable value based on
+    // the number of items in the picker, avoiding regular jumps up/down the list
+    // whilst avoiding rendering too many items in the picker
+    if (repeatNumbersNTimesNotExplicitlySet) {
+      return Math.max(Math.round(180 / numberOfItems), 1);
+    }
+    return Math.round(repeatNumbersNTimes);
+  }, [disableInfiniteScroll, numberOfItems, repeatNumbersNTimes, repeatNumbersNTimesNotExplicitlySet]);
+  const numbersForFlatList = useMemo(() => {
     if (is12HourPicker) {
       return generate12HourNumbers({
         padNumbersWithZero,
-        repeatNTimes: repeatNumbersNTimes,
+        repeatNTimes: safeRepeatNumbersNTimes,
         disableInfiniteScroll,
-        padWithNItems
+        padWithNItems,
+        interval
       });
     }
     return generateNumbers(numberOfItems, {
       padNumbersWithZero,
-      repeatNTimes: repeatNumbersNTimes,
+      repeatNTimes: safeRepeatNumbersNTimes,
       disableInfiniteScroll,
-      padWithNItems
+      padWithNItems,
+      interval
     });
-  }, [disableInfiniteScroll, is12HourPicker, numberOfItems, padNumbersWithZero, padWithNItems, repeatNumbersNTimes]);
-  const initialScrollIndex = useMemo(() => getScrollIndex({
+  }, [disableInfiniteScroll, is12HourPicker, interval, numberOfItems, padNumbersWithZero, padWithNItems, safeRepeatNumbersNTimes]);
+  const initialScrollIndex = useMemo(() => getInitialScrollIndex({
+    disableInfiniteScroll,
+    interval,
     numberOfItems,
     padWithNItems,
-    repeatNumbersNTimes,
+    repeatNumbersNTimes: safeRepeatNumbersNTimes,
     value: initialValue
-  }), [initialValue, numberOfItems, padWithNItems, repeatNumbersNTimes]);
-  const adjustedLimited = useMemo(() => getAdjustedLimit(limit, numberOfItems), [limit, numberOfItems]);
+  }), [disableInfiniteScroll, initialValue, interval, numberOfItems, padWithNItems, safeRepeatNumbersNTimes]);
+  const adjustedLimited = useMemo(() => getAdjustedLimit(limit, numberOfItems, interval), [interval, limit, numberOfItems]);
   const numberOfItemsToShow = 1 + padWithNItems * 2;
 
   // keep track of the latest duration as it scrolls
@@ -89,28 +123,6 @@ const DurationScroll = /*#__PURE__*/forwardRef((props, ref) => {
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [Audio]);
-  useImperativeHandle(ref, () => ({
-    reset: options => {
-      var _flatListRef$current;
-      (_flatListRef$current = flatListRef.current) === null || _flatListRef$current === void 0 || _flatListRef$current.scrollToIndex({
-        animated: (options === null || options === void 0 ? void 0 : options.animated) ?? false,
-        index: initialScrollIndex
-      });
-    },
-    setValue: (value, options) => {
-      var _flatListRef$current2;
-      (_flatListRef$current2 = flatListRef.current) === null || _flatListRef$current2 === void 0 || _flatListRef$current2.scrollToIndex({
-        animated: (options === null || options === void 0 ? void 0 : options.animated) ?? false,
-        index: getScrollIndex({
-          numberOfItems,
-          padWithNItems,
-          repeatNumbersNTimes,
-          value: value
-        })
-      });
-    },
-    latestDuration: latestDuration
-  }));
   const renderItem = useCallback(({
     item
   }) => {
@@ -143,23 +155,29 @@ const DurationScroll = /*#__PURE__*/forwardRef((props, ref) => {
     // this function is only used when the picker is in a modal and/or has Haptic/Audio feedback
     // it is used to ensure that the modal gets the latest duration on clicking
     // the confirm button, even if the scrollview is still scrolling
-    if (!aggressivelyGetLatestDuration && !Haptics && !Audio) {
+    if (!aggressivelyGetLatestDuration && !Haptics && !Audio && !pickerFeedback) {
       return;
     }
     if (aggressivelyGetLatestDuration) {
-      const newIndex = Math.round(e.nativeEvent.contentOffset.y / styles.pickerItemContainer.height);
-      let newDuration = (disableInfiniteScroll ? newIndex : newIndex + padWithNItems) % (numberOfItems + 1);
-      if (newDuration !== latestDuration.current) {
+      const newValues = getDurationAndIndexFromScrollOffset({
+        disableInfiniteScroll,
+        interval,
+        itemHeight: styles.pickerItemContainer.height,
+        numberOfItems,
+        padWithNItems,
+        yContentOffset: e.nativeEvent.contentOffset.y
+      });
+      if (newValues.duration !== latestDuration.current) {
         // check limits
-        if (newDuration > adjustedLimited.max) {
-          newDuration = adjustedLimited.max;
-        } else if (newDuration < adjustedLimited.min) {
-          newDuration = adjustedLimited.min;
+        if (newValues.duration > adjustedLimited.max) {
+          newValues.duration = adjustedLimited.max;
+        } else if (newValues.duration < adjustedLimited.min) {
+          newValues.duration = adjustedLimited.min;
         }
-        latestDuration.current = newDuration;
+        latestDuration.current = newValues.duration;
       }
     }
-    if (Haptics || Audio) {
+    if (Haptics || Audio || pickerFeedback) {
       const feedbackIndex = Math.round((e.nativeEvent.contentOffset.y + styles.pickerItemContainer.height / 2) / styles.pickerItemContainer.height);
       if (feedbackIndex !== lastFeedbackIndex.current) {
         // this check stops the feedback firing when the component mounts
@@ -177,70 +195,129 @@ const DurationScroll = /*#__PURE__*/forwardRef((props, ref) => {
           } catch {
             // do nothing
           }
+
+          // fire custom feedback if available
+          try {
+            pickerFeedback === null || pickerFeedback === void 0 || pickerFeedback();
+          } catch {
+            // do nothing
+          }
         }
         lastFeedbackIndex.current = feedbackIndex;
       }
     }
   },
   // eslint-disable-next-line react-hooks/exhaustive-deps
-  [adjustedLimited.max, adjustedLimited.min, aggressivelyGetLatestDuration, clickSound, disableInfiniteScroll, numberOfItems, padWithNItems, styles.pickerItemContainer.height]);
+  [adjustedLimited.max, adjustedLimited.min, aggressivelyGetLatestDuration, clickSound, disableInfiniteScroll, interval, numberOfItems, padWithNItems, styles.pickerItemContainer.height]);
   const onMomentumScrollEnd = useCallback(e => {
-    const newIndex = Math.round(e.nativeEvent.contentOffset.y / styles.pickerItemContainer.height);
-    let newDuration = (disableInfiniteScroll ? newIndex : newIndex + padWithNItems) % (numberOfItems + 1);
+    const newValues = getDurationAndIndexFromScrollOffset({
+      disableInfiniteScroll,
+      interval,
+      itemHeight: styles.pickerItemContainer.height,
+      numberOfItems,
+      padWithNItems,
+      yContentOffset: e.nativeEvent.contentOffset.y
+    });
 
     // check limits
-    if (newDuration > adjustedLimited.max) {
-      var _flatListRef$current3;
-      const targetScrollIndex = newIndex - (newDuration - adjustedLimited.max);
-      (_flatListRef$current3 = flatListRef.current) === null || _flatListRef$current3 === void 0 || _flatListRef$current3.scrollToIndex({
+    if (newValues.duration > adjustedLimited.max) {
+      var _flatListRef$current;
+      const targetScrollIndex = newValues.index - (newValues.duration - adjustedLimited.max);
+      (_flatListRef$current = flatListRef.current) === null || _flatListRef$current === void 0 || _flatListRef$current.scrollToIndex({
         animated: true,
         index:
         // guard against scrolling beyond end of list
         targetScrollIndex >= 0 ? targetScrollIndex : adjustedLimited.max - 1
       }); // scroll down to max
-      newDuration = adjustedLimited.max;
-    } else if (newDuration < adjustedLimited.min) {
-      var _flatListRef$current4;
-      const targetScrollIndex = newIndex + (adjustedLimited.min - newDuration);
-      (_flatListRef$current4 = flatListRef.current) === null || _flatListRef$current4 === void 0 || _flatListRef$current4.scrollToIndex({
+      newValues.duration = adjustedLimited.max;
+    } else if (newValues.duration < adjustedLimited.min) {
+      var _flatListRef$current2;
+      const targetScrollIndex = newValues.index + (adjustedLimited.min - newValues.duration);
+      (_flatListRef$current2 = flatListRef.current) === null || _flatListRef$current2 === void 0 || _flatListRef$current2.scrollToIndex({
         animated: true,
         index:
         // guard against scrolling beyond end of list
-        targetScrollIndex <= data.length - 1 ? targetScrollIndex : adjustedLimited.min
+        targetScrollIndex <= numbersForFlatList.length - 1 ? targetScrollIndex : adjustedLimited.min
       }); // scroll up to min
-      newDuration = adjustedLimited.min;
+      newValues.duration = adjustedLimited.min;
     }
-    onDurationChange(newDuration);
-  }, [adjustedLimited.max, adjustedLimited.min, data.length, disableInfiniteScroll, numberOfItems, onDurationChange, padWithNItems, styles.pickerItemContainer.height]);
+    onDurationChange(newValues.duration);
+  }, [disableInfiniteScroll, interval, styles.pickerItemContainer.height, numberOfItems, padWithNItems, adjustedLimited.max, adjustedLimited.min, onDurationChange, numbersForFlatList.length]);
   const onViewableItemsChanged = useCallback(({
     viewableItems
   }) => {
     var _viewableItems$, _viewableItems$2;
+    if (numberOfItems === 1) {
+      return;
+    }
     if ((_viewableItems$ = viewableItems[0]) !== null && _viewableItems$ !== void 0 && _viewableItems$.index && viewableItems[0].index < numberOfItems * 0.5) {
-      var _flatListRef$current5;
-      (_flatListRef$current5 = flatListRef.current) === null || _flatListRef$current5 === void 0 || _flatListRef$current5.scrollToIndex({
+      var _flatListRef$current3;
+      (_flatListRef$current3 = flatListRef.current) === null || _flatListRef$current3 === void 0 || _flatListRef$current3.scrollToIndex({
         animated: false,
         index: viewableItems[0].index + numberOfItems
       });
-    } else if ((_viewableItems$2 = viewableItems[0]) !== null && _viewableItems$2 !== void 0 && _viewableItems$2.index && viewableItems[0].index >= numberOfItems * (repeatNumbersNTimes - 0.5)) {
-      var _flatListRef$current6;
-      (_flatListRef$current6 = flatListRef.current) === null || _flatListRef$current6 === void 0 || _flatListRef$current6.scrollToIndex({
+    } else if ((_viewableItems$2 = viewableItems[0]) !== null && _viewableItems$2 !== void 0 && _viewableItems$2.index && viewableItems[0].index >= numberOfItems * (safeRepeatNumbersNTimes - 0.5)) {
+      var _flatListRef$current4;
+      (_flatListRef$current4 = flatListRef.current) === null || _flatListRef$current4 === void 0 || _flatListRef$current4.scrollToIndex({
         animated: false,
-        index: viewableItems[0].index - numberOfItems - 1
+        index: viewableItems[0].index - numberOfItems
       });
     }
-  }, [numberOfItems, repeatNumbersNTimes]);
+  }, [numberOfItems, safeRepeatNumbersNTimes]);
+  const [viewabilityConfigCallbackPairs, setViewabilityConfigCallbackPairs] = useState(!disableInfiniteScroll ? [{
+    viewabilityConfig: {
+      viewAreaCoveragePercentThreshold: 0
+    },
+    onViewableItemsChanged: onViewableItemsChanged
+  }] : undefined);
+  const [flatListRenderKey, setFlatListRenderKey] = useState(0);
+  const initialRender = useRef(true);
+  useEffect(() => {
+    // don't run on first render
+    if (initialRender.current) {
+      initialRender.current = false;
+      return;
+    }
+
+    // if the onViewableItemsChanged callback changes, we need to update viewabilityConfigCallbackPairs
+    // which requires the FlatList to be remounted, hence the increase of the FlatList key
+    setFlatListRenderKey(prev => prev + 1);
+    setViewabilityConfigCallbackPairs(!disableInfiniteScroll ? [{
+      viewabilityConfig: {
+        viewAreaCoveragePercentThreshold: 0
+      },
+      onViewableItemsChanged: onViewableItemsChanged
+    }] : undefined);
+  }, [disableInfiniteScroll, onViewableItemsChanged]);
   const getItemLayout = useCallback((_, index) => ({
     length: styles.pickerItemContainer.height,
     offset: styles.pickerItemContainer.height * index,
     index
   }), [styles.pickerItemContainer.height]);
-  const viewabilityConfigCallbackPairs = useRef([{
-    viewabilityConfig: {
-      viewAreaCoveragePercentThreshold: 0
+  useImperativeHandle(ref, () => ({
+    reset: options => {
+      var _flatListRef$current5;
+      (_flatListRef$current5 = flatListRef.current) === null || _flatListRef$current5 === void 0 || _flatListRef$current5.scrollToIndex({
+        animated: (options === null || options === void 0 ? void 0 : options.animated) ?? false,
+        index: initialScrollIndex
+      });
     },
-    onViewableItemsChanged: onViewableItemsChanged
-  }]);
+    setValue: (value, options) => {
+      var _flatListRef$current6;
+      (_flatListRef$current6 = flatListRef.current) === null || _flatListRef$current6 === void 0 || _flatListRef$current6.scrollToIndex({
+        animated: (options === null || options === void 0 ? void 0 : options.animated) ?? false,
+        index: getInitialScrollIndex({
+          disableInfiniteScroll,
+          interval,
+          numberOfItems,
+          padWithNItems,
+          repeatNumbersNTimes: safeRepeatNumbersNTimes,
+          value: value
+        })
+      });
+    },
+    latestDuration: latestDuration
+  }));
   return /*#__PURE__*/React.createElement(View, {
     pointerEvents: isDisabled ? "none" : undefined,
     style: [{
@@ -249,8 +326,9 @@ const DurationScroll = /*#__PURE__*/forwardRef((props, ref) => {
     }, isDisabled && styles.disabledPickerContainer],
     testID: testID
   }, /*#__PURE__*/React.createElement(FlatList, {
+    key: flatListRenderKey,
     ref: flatListRef,
-    data: data,
+    data: numbersForFlatList,
     decelerationRate: 0.88,
     getItemLayout: getItemLayout,
     initialScrollIndex: initialScrollIndex,
@@ -263,11 +341,11 @@ const DurationScroll = /*#__PURE__*/forwardRef((props, ref) => {
     scrollEventThrottle: 16,
     showsVerticalScrollIndicator: false,
     snapToAlignment: "start"
-    // used in place of snapToOffset due to bug on Android
+    // used in place of snapToInterval due to bug on Android
     ,
-    snapToOffsets: [...Array(data.length)].map((_, i) => i * styles.pickerItemContainer.height),
+    snapToOffsets: [...Array(numbersForFlatList.length)].map((_, i) => i * styles.pickerItemContainer.height),
     testID: "duration-scroll-flatlist",
-    viewabilityConfigCallbackPairs: !disableInfiniteScroll ? viewabilityConfigCallbackPairs === null || viewabilityConfigCallbackPairs === void 0 ? void 0 : viewabilityConfigCallbackPairs.current : undefined,
+    viewabilityConfigCallbackPairs: viewabilityConfigCallbackPairs,
     windowSize: numberOfItemsToShow
   }), /*#__PURE__*/React.createElement(View, {
     pointerEvents: "none",