react-native-timer-picker 1.9.0 → 1.10.0

package/src/components/TimerPickerModal/types.ts

@@ -1,52 +0,0 @@
-import type { MutableRefObject } from "react";
-
-import type { View, TouchableOpacity, Text } from "react-native";
-
-import type Modal from "../Modal";
-import type { TimerPickerProps } from "../TimerPicker/types";
-
-import type { CustomTimerPickerModalStyles } from "./styles";
-
-export interface TimerPickerModalRef {
-    latestDuration: {
-        hours: MutableRefObject<number> | undefined;
-        minutes: MutableRefObject<number> | undefined;
-        seconds: MutableRefObject<number> | undefined;
-    };
-    reset: (options?: { animated?: boolean }) => void;
-    setValue: (
-        value: {
-            hours: number;
-            minutes: number;
-            seconds: number;
-        },
-        options?: { animated?: boolean }
-    ) => void;
-}
-
-export interface TimerPickerModalProps extends TimerPickerProps {
-    buttonContainerProps?: React.ComponentProps<typeof View>;
-    buttonTouchableOpacityProps?: React.ComponentProps<typeof TouchableOpacity>;
-    cancelButtonText?: string;
-    closeOnOverlayPress?: boolean;
-    confirmButtonText?: string;
-    containerProps?: React.ComponentProps<typeof View>;
-    contentContainerProps?: React.ComponentProps<typeof View>;
-    hideCancelButton?: boolean;
-    modalProps?: React.ComponentProps<typeof Modal>;
-    modalTitle?: string;
-    modalTitleProps?: React.ComponentProps<typeof Text>;
-    onCancel?: () => void;
-    onConfirm: ({
-        hours,
-        minutes,
-        seconds,
-    }: {
-        hours: number;
-        minutes: number;
-        seconds: number;
-    }) => void;
-    setIsVisible: (isVisible: boolean) => void;
-    styles?: CustomTimerPickerModalStyles;
-    visible: boolean;
-}

package/src/index.ts

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

package/src/tests/DurationScroll.test.tsx

@@ -1,66 +0,0 @@
-import React from "react";
-
-import { render } from "@testing-library/react-native";
-
-import DurationScroll from "../components/DurationScroll";
-import type { generateStyles } from "../components/TimerPicker/styles";
-
-describe("DurationScroll", () => {
-    const onDurationChangeMock = jest.fn();
-    const emptyStyles = {
-        pickerContainer: {},
-        pickerLabelContainer: {},
-        pickerLabel: {},
-        pickerItemContainer: {},
-        pickerItem: {},
-        pickerAmPmContainer: {},
-        pickerAmPmLabel: {},
-        disabledPickerContainer: {},
-        disabledPickerItem: {},
-        pickerGradientOverlay: {},
-    } as ReturnType<typeof generateStyles>;
-
-    it("renders without crashing", () => {
-        const { getByTestId } = render(
-            <DurationScroll
-                aggressivelyGetLatestDuration={false}
-                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(
-            <DurationScroll
-                aggressivelyGetLatestDuration={false}
-                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(
-            <DurationScroll
-                aggressivelyGetLatestDuration={false}
-                label="Duration"
-                numberOfItems={59}
-                onDurationChange={onDurationChangeMock}
-                padWithNItems={1}
-                styles={emptyStyles}
-            />
-        );
-        const label = getByText("Duration");
-        expect(label).toBeDefined();
-    });
-});

package/src/tests/Modal.test.tsx

@@ -1,36 +0,0 @@
-import React from "react";
-
-import { render, fireEvent } from "@testing-library/react-native";
-import { Text } from "react-native";
-
-import Modal from "../components/Modal";
-
-describe("Modal", () => {
-    it("renders without crashing", () => {
-        const { getByTestId } = render(<Modal isVisible/>);
-        const component = getByTestId("modal");
-        expect(component).toBeDefined();
-    });
-
-    it("renders children when visible", () => {
-        const { getByText } = render(
-            <Modal isVisible>
-                <Text>{"Modal Content"}</Text>
-            </Modal>
-        );
-        const content = getByText("Modal Content");
-        expect(content).toBeDefined();
-    });
-
-    it("calls onOverlayPress when overlay is pressed", () => {
-        const onOverlayPressMock = jest.fn();
-        const { getByTestId } = render(
-            <Modal isVisible 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
-});

package/src/tests/TimerPicker.test.tsx

@@ -1,29 +0,0 @@
-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(<TimerPicker />);
-        const component = getByTestId("timer-picker");
-        expect(component).toBeDefined();
-    });
-
-    it("renders without crashing with negative padWithNItems", () => {
-        const { getByTestId } = render(<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(
-            <TimerPicker hideMinutes hideSeconds />
-        );
-        const minutePicker = queryByTestId("duration-scroll-minute");
-        const secondPicker = queryByTestId("duration-scroll-second");
-        expect(minutePicker).toBeNull();
-        expect(secondPicker).toBeNull();
-    });
-});

package/src/tests/TimerPickerModal.test.tsx

@@ -1,72 +0,0 @@
-import React from "react";
-
-import { render, fireEvent } from "@testing-library/react-native";
-
-import TimerPickerModal from "../components/TimerPickerModal";
-
-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(<TimerPickerModal {...defaultProps} />);
-        const component = getByTestId("timer-picker-modal");
-        expect(component).toBeDefined();
-    });
-
-    it("calls onConfirm when Confirm button is pressed", () => {
-        const { getByText } = render(<TimerPickerModal {...defaultProps} />);
-        const confirmButton = getByText("Confirm");
-        fireEvent.press(confirmButton);
-        expect(mockOnConfirm).toHaveBeenCalled();
-    });
-
-    it("calls onCancel when Cancel button is pressed", () => {
-        const { getByText } = render(<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(
-            <TimerPickerModal
-                {...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(
-            <TimerPickerModal
-                {...defaultProps}
-                closeOnOverlayPress
-                setIsVisible={setIsVisibleMock}
-            />
-        );
-        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(<TimerPickerModal {...defaultProps} />);
-        // Select duration in TimerPicker, assuming its interaction is tested separately
-        const confirmButton = getByText("Confirm");
-        fireEvent.press(confirmButton);
-        expect(mockOnConfirm).toHaveBeenCalledWith(expect.objectContaining({}));
-    });
-});

package/src/utils/colorToRgba.ts

@@ -1,49 +0,0 @@
-export const colorToRgba = (variables: { color: string; opacity?: number }) => {
-    // 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: { [key: string]: string } = {
-        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
-};

package/src/utils/generateNumbers.ts

@@ -1,64 +0,0 @@
-import { padNumber } from "./padNumber";
-
-export const generateNumbers = (
-    numberOfItems: number,
-    options: {
-        disableInfiniteScroll?: boolean;
-        padNumbersWithZero?: boolean;
-        padWithNItems: number;
-        repeatNTimes?: number;
-    }
-) => {
-    if (numberOfItems <= 0) {
-        return [];
-    }
-
-    let numbers: string[] = [];
-    for (let i = 0; i <= numberOfItems; i++) {
-        numbers.push(padNumber(i, { padWithZero: options.padNumbersWithZero }));
-    }
-
-    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;
-};
-
-export const generate12HourNumbers = (options: {
-    disableInfiniteScroll?: boolean;
-    padNumbersWithZero?: boolean;
-    padWithNItems: number;
-    repeatNTimes?: number;
-}) => {
-    let numbers: string[] = [];
-
-    // Generate numbers from 0 to 11 for AM
-    for (let i = 0; i <= 11; i++) {
-        numbers.push(
-            `${padNumber(i, { padWithZero: options.padNumbersWithZero })} AM`
-        );
-    }
-
-    // Generate numbers from 12 to 11 for PM
-    for (let i = 12; i <= 23; i++) {
-        const hour = i > 12 ? i - 12 : i;
-        numbers.push(
-            `${padNumber(hour, { padWithZero: options.padNumbersWithZero })} PM`
-        );
-    }
-
-    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;
-};

package/src/utils/getAdjustedLimit.ts

@@ -1,35 +0,0 @@
-import type { LimitType } from "../components/DurationScroll/types";
-
-export const getAdjustedLimit = (
-    limit: LimitType | undefined,
-    numberOfItems: number
-): {
-    max: number;
-    min: number;
-} => {
-    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,
-    };
-};

package/src/utils/getScrollIndex.ts

@@ -1,15 +0,0 @@
-export const getScrollIndex = (variables: {
-    disableInfiniteScroll?: boolean;
-    numberOfItems: number;
-    padWithNItems: number;
-    value: number;
-}) => {
-    const { disableInfiniteScroll, numberOfItems, padWithNItems, value } =
-        variables;
-
-    return (
-        ((value + numberOfItems) % (numberOfItems * 3)) +
-        (disableInfiniteScroll ? padWithNItems : 0) -
-        (padWithNItems - 1)
-    );
-};

package/src/utils/padNumber.ts

@@ -1,10 +0,0 @@
-export const padNumber = (
-    value: number,
-    options?: { padWithZero?: boolean }
-): string => {
-    if (value < 10) {
-        return (options?.padWithZero ? "0" : " ") + value;
-    } else {
-        return String(value);
-    }
-};