react-native-timer-picker 1.2.7 → 1.2.9

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

@@ -0,0 +1,70 @@
+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 from "react";
+import { render, fireEvent } from "@testing-library/react-native";
+import TimerPickerModal from "../components";
+describe("TimerPickerModal", () => {
+  const mockOnConfirm = jest.fn();
+  const mockOnCancel = jest.fn();
+  const defaultProps = {
+    visible: true,
+    setIsVisible: jest.fn(),
+    onConfirm: mockOnConfirm,
+    onCancel: mockOnCancel
+  };
+  it("renders without crashing", () => {
+    const {
+      getByTestId
+    } = render( /*#__PURE__*/React.createElement(TimerPickerModal, defaultProps));
+    const component = getByTestId("timer-picker-modal");
+    expect(component).toBeDefined();
+  });
+  it("calls onConfirm when Confirm button is pressed", () => {
+    const {
+      getByText
+    } = render( /*#__PURE__*/React.createElement(TimerPickerModal, defaultProps));
+    const confirmButton = getByText("Confirm");
+    fireEvent.press(confirmButton);
+    expect(mockOnConfirm).toHaveBeenCalled();
+  });
+  it("calls onCancel when Cancel button is pressed", () => {
+    const {
+      getByText
+    } = render( /*#__PURE__*/React.createElement(TimerPickerModal, defaultProps));
+    const cancelButton = getByText("Cancel");
+    fireEvent.press(cancelButton);
+    expect(mockOnCancel).toHaveBeenCalled();
+  });
+  it("hides the modal when Cancel button is pressed", () => {
+    const setIsVisibleMock = jest.fn();
+    const {
+      getByText
+    } = render( /*#__PURE__*/React.createElement(TimerPickerModal, _extends({}, defaultProps, {
+      setIsVisible: setIsVisibleMock
+    })));
+    const cancelButton = getByText("Cancel");
+    fireEvent.press(cancelButton);
+    expect(setIsVisibleMock).toHaveBeenCalledWith(false);
+  });
+  it("hides the modal when overlay is pressed", () => {
+    const setIsVisibleMock = jest.fn();
+    const {
+      getByTestId
+    } = render( /*#__PURE__*/React.createElement(TimerPickerModal, _extends({}, defaultProps, {
+      setIsVisible: setIsVisibleMock,
+      closeOnOverlayPress: true
+    })));
+    const overlay = getByTestId("modal-backdrop");
+    fireEvent.press(overlay);
+    expect(setIsVisibleMock).toHaveBeenCalledWith(false);
+  });
+  it("calls onConfirm with selected duration when Confirm button is pressed", () => {
+    const {
+      getByText
+    } = render( /*#__PURE__*/React.createElement(TimerPickerModal, defaultProps));
+    // Select duration in TimerPicker, assuming its interaction is tested separately
+    const confirmButton = getByText("Confirm");
+    fireEvent.press(confirmButton);
+    expect(mockOnConfirm).toHaveBeenCalledWith(expect.objectContaining({}));
+  });
+});
+//# sourceMappingURL=TimerPickerModal.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","render","fireEvent","TimerPickerModal","describe","mockOnConfirm","jest","fn","mockOnCancel","defaultProps","visible","setIsVisible","onConfirm","onCancel","it","getByTestId","createElement","component","expect","toBeDefined","getByText","confirmButton","press","toHaveBeenCalled","cancelButton","setIsVisibleMock","_extends","toHaveBeenCalledWith","closeOnOverlayPress","overlay","objectContaining"],"sources":["TimerPickerModal.test.tsx"],"sourcesContent":["import React from \"react\";\nimport { render, fireEvent } from \"@testing-library/react-native\";\nimport TimerPickerModal from \"../components\";\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                setIsVisible={setIsVisibleMock}\n                closeOnOverlayPress\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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"}

package/dist/module/utils/colorToRgba.js

@@ -0,0 +1,44 @@
+export const colorToRgba = variables => {
+  // this function is required for expo-linear-gradient on iOS. To fade to transparent, we need
+  // to be able to add opacity to the background color. Supplying 'transparent' does not work
+  // because that is actually a transparent black (rgba(0, 0, 0, 1)), which results in dodgy rendering
+
+  const {
+    color,
+    opacity = 1
+  } = variables;
+  // Handle named colors
+  const namedColors = {
+    transparent: "rgba(0, 0, 0, 0)",
+    black: "rgba(0, 0, 0, 1)",
+    white: "rgba(255, 255, 255, 1)",
+    blue: "rgba(0, 0, 255, 1)",
+    green: "rgba(0, 128, 0, 1)",
+    gray: "rgba(128, 128, 128, 1)",
+    red: "rgba(255, 0, 0, 1)"
+  };
+  if (color in namedColors) {
+    return namedColors[color];
+  }
+
+  // Handle RGB format
+  if (color.startsWith("rgb(")) {
+    const rgbValues = color.replace("rgb(", "").replace(")", "").split(",").map(value => parseInt(value.trim(), 10));
+    const [r, g, b] = rgbValues;
+    return `rgba(${r}, ${g}, ${b}, ${opacity})`;
+  }
+
+  // Handle hex format
+  if (color.startsWith("#")) {
+    let hexColor = color.slice(1);
+    if (hexColor.length === 3) {
+      hexColor = hexColor.split("").map(value => value + value).join("");
+    }
+    const r = parseInt(hexColor.slice(0, 2), 16);
+    const g = parseInt(hexColor.slice(2, 4), 16);
+    const b = parseInt(hexColor.slice(4, 6), 16);
+    return `rgba(${r}, ${g}, ${b}, ${opacity})`;
+  }
+  return color; // Return unchanged if unable to parse
+};
+//# sourceMappingURL=colorToRgba.js.map

package/dist/module/utils/colorToRgba.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["colorToRgba","variables","color","opacity","namedColors","transparent","black","white","blue","green","gray","red","startsWith","rgbValues","replace","split","map","value","parseInt","trim","r","g","b","hexColor","slice","length","join"],"sources":["colorToRgba.ts"],"sourcesContent":["export const colorToRgba = (variables: { color: string; opacity?: number }) => {\n    // this function is required for expo-linear-gradient on iOS. To fade to transparent, we need\n    // to be able to add opacity to the background color. Supplying 'transparent' does not work\n    // because that is actually a transparent black (rgba(0, 0, 0, 1)), which results in dodgy rendering\n\n    const { color, opacity = 1 } = variables;\n    // Handle named colors\n    const namedColors: { [key: string]: string } = {\n        transparent: \"rgba(0, 0, 0, 0)\",\n        black: \"rgba(0, 0, 0, 1)\",\n        white: \"rgba(255, 255, 255, 1)\",\n        blue: \"rgba(0, 0, 255, 1)\",\n        green: \"rgba(0, 128, 0, 1)\",\n        gray: \"rgba(128, 128, 128, 1)\",\n        red: \"rgba(255, 0, 0, 1)\",\n    };\n\n    if (color in namedColors) {\n        return namedColors[color];\n    }\n\n    // Handle RGB format\n    if (color.startsWith(\"rgb(\")) {\n        const rgbValues = color\n            .replace(\"rgb(\", \"\")\n            .replace(\")\", \"\")\n            .split(\",\")\n            .map((value) => parseInt(value.trim(), 10));\n        const [r, g, b] = rgbValues;\n        return `rgba(${r}, ${g}, ${b}, ${opacity})`;\n    }\n\n    // Handle hex format\n    if (color.startsWith(\"#\")) {\n        let hexColor = color.slice(1);\n        if (hexColor.length === 3) {\n            hexColor = hexColor\n                .split(\"\")\n                .map((value) => value + value)\n                .join(\"\");\n        }\n        const r = parseInt(hexColor.slice(0, 2), 16);\n        const g = parseInt(hexColor.slice(2, 4), 16);\n        const b = parseInt(hexColor.slice(4, 6), 16);\n        return `rgba(${r}, ${g}, ${b}, ${opacity})`;\n    }\n\n    return color; // Return unchanged if unable to parse\n};\n"],"mappings":"AAAA,OAAO,MAAMA,WAAW,GAAIC,SAA8C,IAAK;EAC3E;EACA;EACA;;EAEA,MAAM;IAAEC,KAAK;IAAEC,OAAO,GAAG;EAAE,CAAC,GAAGF,SAAS;EACxC;EACA,MAAMG,WAAsC,GAAG;IAC3CC,WAAW,EAAE,kBAAkB;IAC/BC,KAAK,EAAE,kBAAkB;IACzBC,KAAK,EAAE,wBAAwB;IAC/BC,IAAI,EAAE,oBAAoB;IAC1BC,KAAK,EAAE,oBAAoB;IAC3BC,IAAI,EAAE,wBAAwB;IAC9BC,GAAG,EAAE;EACT,CAAC;EAED,IAAIT,KAAK,IAAIE,WAAW,EAAE;IACtB,OAAOA,WAAW,CAACF,KAAK,CAAC;EAC7B;;EAEA;EACA,IAAIA,KAAK,CAACU,UAAU,CAAC,MAAM,CAAC,EAAE;IAC1B,MAAMC,SAAS,GAAGX,KAAK,CAClBY,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CACnBA,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAChBC,KAAK,CAAC,GAAG,CAAC,CACVC,GAAG,CAAEC,KAAK,IAAKC,QAAQ,CAACD,KAAK,CAACE,IAAI,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAC/C,MAAM,CAACC,CAAC,EAAEC,CAAC,EAAEC,CAAC,CAAC,GAAGT,SAAS;IAC3B,OAAQ,QAAOO,CAAE,KAAIC,CAAE,KAAIC,CAAE,KAAInB,OAAQ,GAAE;EAC/C;;EAEA;EACA,IAAID,KAAK,CAACU,UAAU,CAAC,GAAG,CAAC,EAAE;IACvB,IAAIW,QAAQ,GAAGrB,KAAK,CAACsB,KAAK,CAAC,CAAC,CAAC;IAC7B,IAAID,QAAQ,CAACE,MAAM,KAAK,CAAC,EAAE;MACvBF,QAAQ,GAAGA,QAAQ,CACdR,KAAK,CAAC,EAAE,CAAC,CACTC,GAAG,CAAEC,KAAK,IAAKA,KAAK,GAAGA,KAAK,CAAC,CAC7BS,IAAI,CAAC,EAAE,CAAC;IACjB;IACA,MAAMN,CAAC,GAAGF,QAAQ,CAACK,QAAQ,CAACC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;IAC5C,MAAMH,CAAC,GAAGH,QAAQ,CAACK,QAAQ,CAACC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;IAC5C,MAAMF,CAAC,GAAGJ,QAAQ,CAACK,QAAQ,CAACC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;IAC5C,OAAQ,QAAOJ,CAAE,KAAIC,CAAE,KAAIC,CAAE,KAAInB,OAAQ,GAAE;EAC/C;EAEA,OAAOD,KAAK,CAAC,CAAC;AAClB,CAAC"}

package/dist/module/utils/generateNumbers.js

@@ -0,0 +1,25 @@
+import { padWithZero } from "./padWithZero";
+export const generateNumbers = (numberOfItems, options) => {
+  if (numberOfItems <= 0) {
+    return [];
+  }
+  let numbers = [];
+  if (options.padWithZero) {
+    for (let i = 0; i <= numberOfItems; i++) {
+      numbers.push(padWithZero(i));
+    }
+  } else {
+    for (let i = 0; i <= numberOfItems; i++) {
+      numbers.push(String(i));
+    }
+  }
+  if ((options.repeatNTimes ?? 1) > 1) {
+    numbers = Array(options.repeatNTimes).fill(numbers).flat();
+  }
+  if (options.disableInfiniteScroll) {
+    numbers.push(...Array(options.padWithNItems).fill(""));
+    numbers.unshift(...Array(options.padWithNItems).fill(""));
+  }
+  return numbers;
+};
+//# sourceMappingURL=generateNumbers.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["padWithZero","generateNumbers","numberOfItems","options","numbers","i","push","String","repeatNTimes","Array","fill","flat","disableInfiniteScroll","padWithNItems","unshift"],"sources":["generateNumbers.ts"],"sourcesContent":["import { padWithZero } from \"./padWithZero\";\n\nexport const generateNumbers = (\n    numberOfItems: number,\n    options: {\n        repeatNTimes?: number;\n        padWithZero?: boolean;\n        disableInfiniteScroll?: boolean;\n        padWithNItems: number;\n    }\n) => {\n    if (numberOfItems <= 0) {\n        return [];\n    }\n\n    let numbers: string[] = [];\n    if (options.padWithZero) {\n        for (let i = 0; i <= numberOfItems; i++) {\n            numbers.push(padWithZero(i));\n        }\n    } else {\n        for (let i = 0; i <= numberOfItems; i++) {\n            numbers.push(String(i));\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"],"mappings":"AAAA,SAASA,WAAW,QAAQ,eAAe;AAE3C,OAAO,MAAMC,eAAe,GAAGA,CAC3BC,aAAqB,EACrBC,OAKC,KACA;EACD,IAAID,aAAa,IAAI,CAAC,EAAE;IACpB,OAAO,EAAE;EACb;EAEA,IAAIE,OAAiB,GAAG,EAAE;EAC1B,IAAID,OAAO,CAACH,WAAW,EAAE;IACrB,KAAK,IAAIK,CAAC,GAAG,CAAC,EAAEA,CAAC,IAAIH,aAAa,EAAEG,CAAC,EAAE,EAAE;MACrCD,OAAO,CAACE,IAAI,CAACN,WAAW,CAACK,CAAC,CAAC,CAAC;IAChC;EACJ,CAAC,MAAM;IACH,KAAK,IAAIA,CAAC,GAAG,CAAC,EAAEA,CAAC,IAAIH,aAAa,EAAEG,CAAC,EAAE,EAAE;MACrCD,OAAO,CAACE,IAAI,CAACC,MAAM,CAACF,CAAC,CAAC,CAAC;IAC3B;EACJ;EACA,IAAI,CAACF,OAAO,CAACK,YAAY,IAAI,CAAC,IAAI,CAAC,EAAE;IACjCJ,OAAO,GAAGK,KAAK,CAACN,OAAO,CAACK,YAAY,CAAC,CAACE,IAAI,CAACN,OAAO,CAAC,CAACO,IAAI,CAAC,CAAC;EAC9D;EACA,IAAIR,OAAO,CAACS,qBAAqB,EAAE;IAC/BR,OAAO,CAACE,IAAI,CAAC,GAAGG,KAAK,CAACN,OAAO,CAACU,aAAa,CAAC,CAACH,IAAI,CAAC,EAAE,CAAC,CAAC;IACtDN,OAAO,CAACU,OAAO,CAAC,GAAGL,KAAK,CAACN,OAAO,CAACU,aAAa,CAAC,CAACH,IAAI,CAAC,EAAE,CAAC,CAAC;EAC7D;EACA,OAAON,OAAO;AAClB,CAAC"}

package/dist/module/utils/getAdjustedLimit.js

@@ -0,0 +1,25 @@
+export const getAdjustedLimit = (limit, numberOfItems) => {
+  if (!limit || !limit.max && !limit.min) {
+    return {
+      max: numberOfItems,
+      min: 0
+    };
+  }
+
+  // guard against limits that are out of bounds
+  const adjustedMaxLimit = limit.max ? Math.min(limit.max, numberOfItems) : numberOfItems;
+  const adjustedMinLimit = limit.min ? Math.max(limit.min, 0) : 0;
+
+  // guard against invalid limits
+  if (adjustedMaxLimit < adjustedMinLimit) {
+    return {
+      max: numberOfItems,
+      min: 0
+    };
+  }
+  return {
+    max: adjustedMaxLimit,
+    min: adjustedMinLimit
+  };
+};
+//# sourceMappingURL=getAdjustedLimit.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["getAdjustedLimit","limit","numberOfItems","max","min","adjustedMaxLimit","Math","adjustedMinLimit"],"sources":["getAdjustedLimit.ts"],"sourcesContent":["import type { LimitType } from \"../components/TimerPicker/DurationScroll\";\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":"AAEA,OAAO,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"}

package/dist/module/utils/getScrollIndex.js

@@ -0,0 +1,10 @@
+export const getScrollIndex = variables => {
+  const {
+    value,
+    numberOfItems,
+    padWithNItems,
+    disableInfiniteScroll
+  } = variables;
+  return (value + numberOfItems) % (numberOfItems * 3) + (disableInfiniteScroll ? padWithNItems : 0) - (padWithNItems - 1);
+};
+//# sourceMappingURL=getScrollIndex.js.map

package/dist/module/utils/getScrollIndex.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getScrollIndex","variables","value","numberOfItems","padWithNItems","disableInfiniteScroll"],"sources":["getScrollIndex.ts"],"sourcesContent":["export const getScrollIndex = (variables: {\n    value: number;\n    numberOfItems: number;\n    padWithNItems: number;\n    disableInfiniteScroll?: boolean;\n}) => {\n    const { value, numberOfItems, padWithNItems, disableInfiniteScroll } =\n        variables;\n\n    return (\n        ((value + numberOfItems) % (numberOfItems * 3)) +\n        (disableInfiniteScroll ? padWithNItems : 0) -\n        (padWithNItems - 1)\n    );\n};\n"],"mappings":"AAAA,OAAO,MAAMA,cAAc,GAAIC,SAK9B,IAAK;EACF,MAAM;IAAEC,KAAK;IAAEC,aAAa;IAAEC,aAAa;IAAEC;EAAsB,CAAC,GAChEJ,SAAS;EAEb,OACK,CAACC,KAAK,GAAGC,aAAa,KAAKA,aAAa,GAAG,CAAC,CAAC,IAC7CE,qBAAqB,GAAGD,aAAa,GAAG,CAAC,CAAC,IAC1CA,aAAa,GAAG,CAAC,CAAC;AAE3B,CAAC"}

package/dist/module/utils/padWithZero.js

@@ -0,0 +1,8 @@
+export const padWithZero = value => {
+  if (value < 10) {
+    return "0" + value;
+  } else {
+    return String(value);
+  }
+};
+//# sourceMappingURL=padWithZero.js.map

package/dist/module/utils/padWithZero.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["padWithZero","value","String"],"sources":["padWithZero.ts"],"sourcesContent":["export const padWithZero = (value: number): string => {\n    if (value < 10) {\n        return \"0\" + value;\n    } else {\n        return String(value);\n    }\n};"],"mappings":"AAAA,OAAO,MAAMA,WAAW,GAAIC,KAAa,IAAa;EAClD,IAAIA,KAAK,GAAG,EAAE,EAAE;IACZ,OAAO,GAAG,GAAGA,KAAK;EACtB,CAAC,MAAM;IACH,OAAOC,MAAM,CAACD,KAAK,CAAC;EACxB;AACJ,CAAC"}

package/dist/typescript/index.d.ts

@@ -0,0 +1,4 @@
+export { default as TimerPickerModal, type TimerPickerModalProps, type TimerPickerModalRef, } from "./components";
+export { default as TimerPicker, type TimerPickerProps, type TimerPickerRef, } from "./components/TimerPicker";
+export { type CustomTimerPickerModalStyles } from "./components/TimerPickerModal.styles";
+export { type CustomTimerPickerStyles } from "./components/TimerPicker/TimerPicker.styles";

package/dist/{utils → typescript/utils}/colorToRgba.d.ts

@@ -1,4 +1,4 @@
 export declare const colorToRgba: (variables: {
     color: string;
-    opacity?: number | undefined;
+    opacity?: number;
 }) => string;

package/dist/{utils → typescript/utils}/getScrollIndex.d.ts

@@ -2,5 +2,5 @@ export declare const getScrollIndex: (variables: {
     value: number;
     numberOfItems: number;
     padWithNItems: number;
-    disableInfiniteScroll?: boolean | undefined;
+    disableInfiniteScroll?: boolean;
 }) => number;

package/package.json

@@ -6,17 +6,17 @@
         "url": "https://github.com/troberts-28"
     },
     "license": "MIT",
-    "version": "1.2.7",
-    "main": "dist/index.js",
-    "types": "dist/index.d.ts",
+    "version": "1.2.9",
+    "main": "dist/commonjs/index.js",
+    "types": "dist/typescript/src/index.d.ts",
     "scripts": {
         "test": "jest --forceExit --silent",
-        "build": "tsc",
-        "build:dev": "tsc --noEmit",
+        "build": "bob build",
         "clean": "rm yarn.lock && rm -rf ./node_modules && yarn install",
         "start": "cp -Rf src example && cd example && yarn add expo && npx expo install && npx expo start",
         "lint": "eslint --ext .ts,.tsx .",
-        "lint:fix": "eslint --ext .ts,.tsx . --fix"
+        "lint:fix": "eslint --ext .ts,.tsx . --fix",
+        "prepare": "yarn build"
     },
     "homepage": "https://github.com/troberts-28/react-native-timer-picker",
     "bugs": {
@@ -31,7 +31,11 @@
         "registry": "https://registry.npmjs.org/"
     },
     "files": [
+        "src",
         "dist",
+        "!**/__tests__",
+        "!**/__fixtures__",
+        "!**/__mocks__",
         "package.json",
         "README.md",
         "LICENSE"
@@ -90,8 +94,6 @@
         ],
         "transformIgnorePatterns": []
     },
-    "private": false,
-    "typings": "./dist/index.d.ts",
     "peerDependencies": {
         "react": ">=16.8.0",
         "react-native": ">=0.59.0"
@@ -113,10 +115,25 @@
         "eslint-plugin-react-hooks": ">=4.6.0",
         "jest": "^29.0.0",
         "metro-react-native-babel-preset": "^0.71.1",
+        "react-native-builder-bob": "^0.18.3",
         "react-test-renderer": "^18.0.0",
-        "typescript": ">=4.9.4"
+        "typescript": ">=4.7.4"
     },
-    "dependencies": {
-        "react": "18.2.0"
-    }
+    "react-native": "src/index.ts",
+    "source": "src/index.ts",
+    "module": "dist/module/index.js",
+    "typings": "./dist/typescript/index.d.ts",
+    "react-native-builder-bob": {
+        "source": "src",
+        "output": "dist",
+        "targets": [
+            "commonjs",
+            "module",
+            "typescript"
+        ]
+    },
+    "eslintIgnore": [
+        "node_modules/",
+        "dist/"
+    ]
 }

package/{dist/components/Modal/Modal.styles.js → src/components/Modal/Modal.styles.ts}

@@ -1,8 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.styles = void 0;
-var react_native_1 = require("react-native");
-exports.styles = react_native_1.StyleSheet.create({
+import { StyleSheet } from "react-native";
+
+export const styles = StyleSheet.create({
     container: {
         position: "absolute",
         top: 0,
@@ -25,4 +23,4 @@ exports.styles = react_native_1.StyleSheet.create({
         alignItems: "center",
         zIndex: 1,
     },
-});
+});

package/src/components/Modal/index.tsx

@@ -0,0 +1,134 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import React, { useCallback, useEffect, useRef } from "react";
+import {
+    Animated,
+    Easing,
+    Modal as ReactNativeModal,
+    TouchableWithoutFeedback,
+    useWindowDimensions,
+} from "react-native";
+
+import { styles } from "./Modal.styles";
+
+interface ModalProps {
+    children?: React.ReactElement;
+    onOverlayPress?: () => void;
+    onHide?: () => void;
+    isVisible?: boolean;
+    animationDuration?: number;
+    overlayOpacity?: number;
+    modalProps?: any;
+    contentStyle?: any;
+    overlayStyle?: any;
+    testID?: string;
+}
+
+export const Modal = ({
+    children,
+    onOverlayPress,
+    onHide,
+    isVisible = false,
+    animationDuration = 300,
+    overlayOpacity = 0.4,
+    modalProps,
+    contentStyle,
+    overlayStyle,
+    testID,
+}: ModalProps): React.ReactElement => {
+    const { width: screenWidth, height: screenHeight } = useWindowDimensions();
+
+    const isMounted = useRef(false);
+    const animatedOpacity = useRef(new Animated.Value(0));
+
+    useEffect(() => {
+        isMounted.current = true;
+        if (isVisible) {
+            show();
+        }
+
+        return () => {
+            isMounted.current = false;
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+
+    const backdropAnimatedStyle = {
+        opacity: animatedOpacity.current.interpolate({
+            inputRange: [0, 1],
+            outputRange: [0, overlayOpacity],
+        }),
+    };
+    const contentAnimatedStyle = {
+        transform: [
+            {
+                translateY: animatedOpacity.current.interpolate({
+                    inputRange: [0, 1],
+                    outputRange: [screenHeight, 0],
+                    extrapolate: "clamp",
+                }),
+            },
+        ],
+    };
+
+    const show = useCallback(() => {
+        Animated.timing(animatedOpacity.current, {
+            easing: Easing.inOut(Easing.quad),
+            // Using native driver in the modal makes the content flash
+            useNativeDriver: true,
+            duration: animationDuration,
+            toValue: 1,
+        }).start();
+    }, [animationDuration]);
+
+    const hide = useCallback(() => {
+        Animated.timing(animatedOpacity.current, {
+            easing: Easing.inOut(Easing.quad),
+            // Using native driver in the modal makes the content flash
+            useNativeDriver: true,
+            duration: animationDuration,
+            toValue: 0,
+        }).start(() => {
+            if (isMounted.current) {
+                onHide?.();
+            }
+        });
+    }, [animationDuration, onHide]);
+
+    useEffect(() => {
+        if (isVisible) {
+            show();
+        } else {
+            hide();
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [isVisible]);
+
+    return (
+        <ReactNativeModal
+            transparent
+            animationType="fade"
+            visible={isVisible}
+            {...modalProps}
+            testID={testID ?? "modal"}>
+            <TouchableWithoutFeedback
+                onPress={onOverlayPress}
+                testID="modal-backdrop">
+                <Animated.View
+                    style={[
+                        styles.backdrop,
+                        backdropAnimatedStyle,
+                        { width: screenWidth, height: screenHeight },
+                        overlayStyle,
+                    ]}
+                />
+            </TouchableWithoutFeedback>
+            <Animated.View
+                style={[styles.content, contentAnimatedStyle, contentStyle]}
+                pointerEvents="box-none">
+                {children}
+            </Animated.View>
+        </ReactNativeModal>
+    );
+};
+
+export default React.memo(Modal);