react-native-timer-picker 1.0.0 → 1.1.1

package/README.md

@@ -1,2 +1,386 @@
-# React Native Timer Picker
-"A simple, flexible, performant duration picker for Expo React Native apps 🔥 Great for timers, alarms and duration inputs ⏰🕰️⏳
+# React Native Timer Picker ⏰🕰️⏳
+
+[![license](https://img.shields.io/github/license/mashape/apistatus.svg?style=for-the-badge)]()
+![platforms](https://img.shields.io/badge/platforms-Android%20%7C%20iOS%20%7C%20Web-brightgreen.svg?style=for-the-badge&colorB=191A17)
+[![Version](https://img.shields.io/npm/v/react-native-timer-picker.svg?style=for-the-badge)](https://www.npmjs.com/package/react-native-timer-picker)
+[![npm](https://img.shields.io/npm/dt/react-native-timer-picker.svg?style=for-the-badge)](https://www.npmjs.com/package/react-native-timer-picker)
+
+A simple, flexible, performant duration picker component for React Native apps 🔥
+
+Great for timers, alarms and duration inputs ⏰🕰️⏳
+
+Works with Expo and bare React Native apps.
+
+- [Demos 📱](#demos-)
+- [Peer Dependencies 👶](#peer-dependencies-)
+- [Installation 🚀](#installation-)
+- [Examples 😎](#examples-)
+    - [Timer Picker Modal (Dark Mode) 🌚](#timer-picker-modal-dark-mode-)
+    - [Timer Picker Modal (Light Mode) 🌞](#timer-picker-modal-light-mode-)
+    - [Timer Picker with Customisation (Dark Mode) 🌒](#timer-picker-with-customisation-dark-mode-)
+    - [Timer Picker with Customisation (Light Mode) 🌔](#timer-picker-with-customisation-light-mode-)
+- [Props 💅](#props-)
+    - [TimerPicker ⏲️](#timerpicker-️)
+        - [Custom Styles 👗](#custom-styles-)
+    - [TimerPickerModal ⏰](#timerpickermodal-)
+        - [Custom Styles 👗](#custom-styles--1)
+- [Methods 🔄](#methods-)
+    - [TimerPickerModal](#timerpickermodal)
+- [License 📝](#license-)
+
+## Demos 📱
+
+<p>
+    <img src="demos/example1.gif" width="250" height="550" style="margin-right:50px"/>
+    <img src="demos/example2.gif" width="250" height="550"/>
+</p>
+<p>
+    <img src="demos/example3.gif" width="250" height="550" style="margin-right:50px"/>
+    <img src="demos/example4.gif" width="250" height="550"/>
+</p>
+
+
+## Peer Dependencies 👶
+
+This component will work in your React Native Project **without any peer dependencies**.
+
+If you want the numbers to fade in/out at the top and bottom of the picker, you will need to install either:
+
+-   [expo-linear-gradient](https://www.npmjs.com/package/expo-linear-gradient) (if using Expo)
+-   [react-native-linear-gradient](https://www.npmjs.com/package/react-native-linear-gradient) (if using in a bare React Native project)
+
+To enable the linear gradient, you need to supply the component as a prop to either TimerPickerModal or TimerPicker.
+
+## Installation 🚀
+
+Supports React Native >= 0.59.0 and React >= 16.8.0.
+
+Just run:
+
+```bash
+npm install react-native-timer-picker
+```
+
+or
+
+```bash
+yarn add react-native-timer-picker
+```
+
+## Examples 😎
+
+### Timer Picker Modal (Dark Mode) 🌚
+
+```jsx
+import { TimerPickerModal } from "react-native-timer-picker";
+import { LinearGradient } from "expo-linear-gradient"; // or `import LinearGradient from "react-native-linear-gradient"`
+
+....
+const [showPicker, setShowPicker] = useState(false);
+const [alarmString, setAlarmString] = useState<
+        string | null
+    >(null);
+
+return (
+    <View style={{backgroundColor: "#514242", alignItems: "center", justifyContent: "center"}}>
+        <Text style={{fontSize: 18, color: "#F1F1F1"}}>
+            {alarmStringExample !== null
+                ? "Alarm set for"
+                : "No alarm set"}
+        </Text>
+        <TouchableOpacity
+            activeOpacity={0.7}
+            onPress={() => setShowPicker(true)}>
+            <View style={{alignItems: "center"}}>
+                {alarmString !== null ? (
+                    <Text style={{color: "#F1F1F1", fontSize: 48}}>
+                        {alarmString}
+                    </Text>
+                ) : null}
+                <TouchableOpacity
+                    activeOpacity={0.7}
+                    onPress={() => setShowPicker(true)}>
+                    <View style={{marginTop: 30}}>
+                        <Text
+                            style={{
+                                paddingVertical: 10,
+                                paddingHorizontal: 18,
+                                borderWidth: 1,
+                                borderRadius: 10,
+                                fontSize: 16,
+                                overflow: "hidden",
+                                borderColor: "#C2C2C2",
+                                color: "#C2C2C2"
+                                }}>
+                            Set Alarm 🔔
+                        </Text>
+                    </View>
+                </TouchableOpacity>
+            </View>
+        </TouchableOpacity>
+        <TimerPickerModal
+            visible={showPicker}
+            setIsVisible={setShowPicker}
+            onConfirm={(pickedDuration) => {
+                setAlarmString(formatTime(pickedDuration));
+                setShowPicker(false);
+            }}
+            modalTitle="Set Alarm"
+            onCancel={() => setShowPicker(false)}
+            closeOnOverlayPress
+            LinearGradient={LinearGradient}
+            styles={{
+                theme: "dark",
+            }}
+            modalProps={{
+                overlayOpacity: 0.2,
+            }}
+        />
+    </View>
+)
+
+```
+<img src="demos/example1.gif" width="250" height="550"/>
+
+### Timer Picker Modal (Light Mode) 🌞
+
+```jsx
+import { TimerPickerModal } from "react-native-timer-picker";
+import { LinearGradient } from "expo-linear-gradient"; // or `import LinearGradient from "react-native-linear-gradient"`
+
+....
+const [showPicker, setShowPicker] = useState(false);
+const [alarmString, setAlarmString] = useState<
+        string | null
+    >(null);
+
+return (
+    <View style={{backgroundColor: "#F1F1F1", alignItems: "center", justifyContent: "center"}}>
+        <Text style={{fontSize: 18, color: "#202020"}}>
+            {alarmStringExample !== null
+                ? "Alarm set for"
+                : "No alarm set"}
+        </Text>
+        <TouchableOpacity
+            activeOpacity={0.7}
+            onPress={() => setShowPicker(true)}>
+            <View style={{alignItems: "center"}}>
+                {alarmString !== null ? (
+                    <Text style={{color: "#202020", fontSize: 48}}>
+                        {alarmString}
+                    </Text>
+                ) : null}
+                <TouchableOpacity
+                    activeOpacity={0.7}
+                    onPress={() => setShowPicker(true)}>
+                    <View style={{marginTop: 30}}>
+                        <Text
+                            style={{paddingVertical: 10,
+                            paddingHorizontal: 18,
+                            borderWidth: 1,
+                            borderRadius: 10,
+                            fontSize: 16,
+                            overflow: "hidden",
+                            borderColor: "#8C8C8C",
+                            color: "#8C8C8C"
+                            }}>
+                            Set Alarm 🔔
+                        </Text>
+                    </View>
+                </TouchableOpacity>
+            </View>
+        </TouchableOpacity>
+        <TimerPickerModal
+            visible={showPicker}
+            setIsVisible={setShowPicker}
+            onConfirm={(pickedDuration) => {
+                setAlarmString(formatTime(pickedDuration));
+                setShowPicker(false);
+            }}
+            modalTitle="Set Alarm"
+            onCancel={() => setShowPicker(false)}
+            closeOnOverlayPress
+            LinearGradient={LinearGradient}
+            styles={{
+                theme: "light",
+            }}
+        />
+    </View>
+)
+
+```
+<img src="demos/example2.gif" width="250" height="550"/>
+
+### Timer Picker with Customisation (Dark Mode) 🌒 
+
+```jsx
+import { TimerPicker } from "react-native-timer-picker";
+import { LinearGradient } from "expo-linear-gradient"; // or `import LinearGradient from "react-native-linear-gradient"`
+
+....
+const [showPicker, setShowPicker] = useState(false);
+const [alarmString, setAlarmString] = useState<
+        string | null
+    >(null);
+
+return (
+    <View style={{backgroundColor: "#202020", alignItems: "center", justifyContent: "center"}}>
+        <TimerPicker
+            padWithNItems={2}
+            hourLabel=":"
+            minuteLabel=":"
+            secondLabel=""
+            LinearGradient={LinearGradient}
+            styles={{
+                theme: "dark",
+                backgroundColor: "#202020",
+                pickerItem: {
+                    fontSize: 34,
+                },
+                pickerLabel: {
+                    fontSize: 32,
+                    marginTop: 0,
+                },
+                pickerContainer: {
+                    marginRight: 6,
+                },
+            }}
+        /> 
+    </View>
+)
+
+```
+<img src="demos/example3.gif" width="250" height="550"/>
+
+### Timer Picker with Customisation (Light Mode) 🌔 
+
+```jsx
+import { TimerPicker } from "react-native-timer-picker";
+import { LinearGradient } from "expo-linear-gradient"; // or `import LinearGradient from "react-native-linear-gradient"`
+
+....
+const [showPicker, setShowPicker] = useState(false);
+const [alarmString, setAlarmString] = useState<
+        string | null
+    >(null);
+
+return (
+    <View style={{backgroundColor: "#F1F1F1", alignItems: "center", justifyContent: "center"}}>
+        <TimerPicker
+            padWithNItems={3}
+            hideHours
+            minuteLabel="min"
+            secondLabel="sec"
+            LinearGradient={LinearGradient}
+            styles={{
+                theme: "light",
+                pickerItem: {
+                    fontSize: 34,
+                },
+                pickerLabel: {
+                    fontSize: 26,
+                    right: -20,
+                },
+                pickerLabelContainer: {
+                    width: 60,
+                },
+                pickerItemContainer: {
+                    width: 150,
+                },
+            }}
+        />
+    </View>
+)
+
+```
+<img src="demos/example4.gif" width="250" height="550"/>
+
+## Props 💅
+
+### TimerPicker ⏲️
+
+| Prop                        | Description                                               | Type                                              | Default Value       | Required |
+| :--------------------------:|:----------------------------------------------------------|:-------------------------------------------------:|:-------------------:|:--------:|
+| onDurationChange            | Callback when the duration changes                        | `(duration: { hours: number, minutes: number, seconds: number }) => void` | -                   | false    |
+| initialHours                | Initial value for hours                                   | Number                                            | -                   | false    |
+| initialMinutes              | Initial value for minutes                                 | Number                                            | -                   | false    |
+| initialSeconds              | Initial value for seconds                                 | Number                                            | -                   | false    |
+| hideHours                   | Hide the hours picker                                     | Boolean                                           | false               | false    |
+| hideMinutes                 | Hide the minutes picker                                   | Boolean                                           | false               | false    |
+| hideSeconds                 | Hide the seconds picker                                   | Boolean                                           | false               | false    |
+| hourLabel                   | Label for the hours picker                                | String                                            | h                   | false    |
+| minuteLabel                 | Label for the minutes picker                              | String                                            | m                   | false    |
+| secondLabel                 | Label for the seconds picker                              | String                                            | s                   | false    |
+| padWithNItems               | Number of items to pad the picker with on either side     | Number                                            | 1                   | false    |
+| disableInfiniteScroll       | Disable the infinite scroll feature                       | Boolean                                           | false               | false    |
+| LinearGradient              | Linear Gradient Component                                 | expo-linear-gradient.LinearGradient or react-native-linear-gradient.default | -                   | false    |
+| pickerContainerProps        | Props for the picker container                            | `React.ComponentProps<typeof View>`               | -                   | false    |
+| pickerGradientOverlayProps  | Props for the gradient overlay                            | LinearGradientProps                               | -                   | false    |
+| styles                      | Custom styles for the timer picker                        | [CustomTimerPickerStyles](#custom-styles)         | -                   | false    |
+
+#### Custom Styles 👗
+
+The following custom styles can be supplied to re-style the component in any way. Various styles are applied by default - you can take a look at these [here](src/components/TimerPicker/TimerPicker.styles.ts).
+
+| Style Prop            | Description                            | Type                                  |
+| :-------------------: | :------------------------------------- | :-----------------------------------: |
+| theme                 | Theme of the component                 | "light" \| "dark"                     |
+| backgroundColor       | Main background color                  | string                                |
+| textColor             | Color for the text elements            | string                                |
+| pickerContainer       | Main container for the picker          | ViewStyle                             |
+| pickerLabelContainer  | Container for the picker's labels      | ViewStyle                             |
+| pickerLabel           | Style for the picker's labels          | TextStyle                             |
+| pickerItemContainer   | Container for each number in the picker | ViewStyle                             |
+| pickerItem            | Style for each individual picker number | TextStyle                             |
+| pickerGradientOverlay | Style for the gradient overlay (fade out) | ViewStyle                             |
+
+### TimerPickerModal ⏰
+
+The TimerPickerModal component accepts all [TimerPicker props](#timerpicker), and the below additional props.
+
+| Prop                  | Description                                               | Type                                                      | Default Value       | Required |
+| :--------------------:|:----------------------------------------------------------|:---------------------------------------------------------:|:-------------------:|:--------:|
+| visible               | Determines if the modal is visible                        | Boolean                                                   | -                   | true     |
+| setIsVisible          | Callback to set modal visibility                          | `(isVisible: boolean) => void`                            | -                   | true     |
+| onConfirm             | Callback when the user confirms the selected time         | `({ hours, minutes, seconds }: { hours: number, minutes: number, seconds: number }) => void` | -                   | true     |
+| onCancel              | Callback when the user cancels the selection              | `() => void`                                              | -                   | false    |
+| closeOnOverlayPress   | Determines if the modal should close on overlay press     | Boolean                                                   | -                   | false    |
+| hideCancelButton      | Hide the cancel button within the modal                   | Boolean                                                   | -                   | false    |
+| confirmButtonText     | Text for the confirm button                               | String                                                    | -                   | false    |
+| cancelButtonText      | Text for the cancel button                                | String                                                    | -                   | false    |
+| modalTitle            | Title text for the modal                                  | String                                                    | -                   | false    |
+| modalProps            | Props for the main modal component                        | `React.ComponentProps<typeof Modal>`                      | -                   | false    |
+| containerProps        | Props for the main container                              | `React.ComponentProps<typeof View>`                       | -                   | false    |
+| contentContainerProps | Props for the content container                           | `React.ComponentProps<typeof View>`                       | -                   | false    |
+| buttonContainerProps  | Props for the button container                            | `React.ComponentProps<typeof View>`                       | -                   | false    |
+| modalTitleProps       | Props for the modal title text component                  | `React.ComponentProps<typeof Text>`                       | -                   | false    |
+| styles                | Custom styles for the timer picker modal                  | [CustomTimerPickerModalStyles](#custom-styles-1)          | -                   | false    |
+
+#### Custom Styles 👗
+
+The following custom styles can be supplied to re-style the component in any way. You can also supply all of the styles specified in [CustomTimerPickerStyles](#custom-styles). Various styles are applied by default - you can take a look at these [here](src/components/TimerPickerModal.styles.ts).
+
+| Style Prop        | Description                            | Type      |
+| :---------------: | :------------------------------------- | :-------: |
+| container         | Main container's style                 | ViewStyle |
+| contentContainer  | Style for the content's container      | ViewStyle |
+| buttonContainer   | Style for the container around the buttons | ViewStyle |
+| button            | General style for both buttons         | ViewStyle |
+| cancelButton      | Style for the cancel button            | ViewStyle |
+| confirmButton     | Style for the confirm button           | ViewStyle |
+| modalTitle        | Style for the title of the modal       | TextStyle |
+
+
+## Methods 🔄
+
+### TimerPickerModal
+
+`reset` - imperative method to reset the selected duration to their initial values.
+
+```javascript
+timerPickerModalRef.current.reset();
+```
+
+## License 📝
+
+This project is licensed under the MIT License.

package/package.json

@@ -1,19 +1,22 @@
 {
     "name": "react-native-timer-picker",
-    "description": "A simple, flexible, performant duration picker for Expo React Native apps 🔥 Great for timers, alarms and duration inputs ⏰🕰️⏳",
+    "description": "A simple, flexible, performant duration picker for Expo React Native apps 🔥\n\nGreat for timers, alarms and duration inputs ⏰🕰️⏳",
     "author": {
         "name": "Tim Roberts",
         "url": "https://github.com/troberts-28"
     },
     "license": "MIT",
-    "version": "1.0.0",
+    "version": "1.1.1",
     "main": "dist/index.js",
     "types": "dist/index.d.ts",
     "scripts": {
+        "test": "jest --forceExit --silent",
         "build": "tsc",
         "build:dev": "tsc --noEmit",
         "clean": "rm yarn.lock && rm -rf ./node_modules && yarn install",
-        "start": "cp -Rf src example && cd example && yarn install && npx expo start"
+        "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"
     },
     "homepage": "https://github.com/troberts-28/react-native-timer-picker",
     "bugs": {
@@ -43,16 +46,22 @@
         "time",
         "timer",
         "alarm",
+        "modal",
         "durationpicker",
         "duration-picker",
+        "duration-picker-modal",
         "react-native-duration-picker",
+        "react-native-duration-picker-modal",
         "timepicker",
         "time-picker",
         "alarmpicker",
         "alarm-picker",
-        "reacct-native-alarm-picker",
+        "alarm-picker-modal",
+        "react-native-alarm-picker",
         "timerpicker",
         "timer-picker",
+        "timer-picker-modal",
+        "react-native-duration-picker-modal",
         "expo-duration-picker",
         "expo-time-picker",
         "expo-timepicker",
@@ -65,23 +74,47 @@
     "engines": {
         "node": ">=16.0.0"
     },
+    "jest": {
+        "preset": "react-native",
+        "moduleFileExtensions": [
+            "ts",
+            "tsx",
+            "js",
+            "jsx",
+            "json",
+            "node"
+        ],
+        "testEnvironment": "node",
+        "modulePathIgnorePatterns": [
+            "<rootDir>/dist/",
+            "<rootDir>/example/"
+        ],
+        "transformIgnorePatterns": []
+    },
     "private": false,
     "typings": "./dist/index.d.ts",
     "peerDependencies": {
-        "expo": ">=47.0.0",
-        "expo-linear-gradient": ">=12.0.1",
-        "react": ">=18.1.0",
-        "react-native": ">=0.70.8"
+        "react": ">=16.8.0",
+        "react-native": ">=0.59.0"
     },
     "devDependencies": {
         "@babel/core": ">=7.20.0",
+        "@babel/plugin-transform-class-properties": "^7.22.5",
+        "@babel/plugin-transform-flow-strip-types": "^7.22.5",
+        "@babel/plugin-transform-private-methods": "^7.22.5",
+        "@testing-library/react-native": "^12.0.0",
+        "@types/jest": "^29.0.0",
         "@types/react": ">=18.0.27",
         "@types/react-native": ">=0.70.6",
         "@typescript-eslint/eslint-plugin": ">=5.49.0",
         "@typescript-eslint/parser": ">=5.49.0",
+        "babel-jest": "^29.6.2",
         "eslint": ">=8.44.0",
         "eslint-plugin-react": ">=7.33.1",
         "eslint-plugin-react-hooks": ">=4.6.0",
+        "jest": "^29.0.0",
+        "metro-react-native-babel-preset": "^0.71.1",
+        "react-test-renderer": "^18.0.0",
         "typescript": ">=4.9.4"
     }
 }

package/dist/components/DurationPicker/DurationPicker.styles.d.ts

@@ -1,26 +0,0 @@
-export interface CustomDurationPickerStyles {
-    theme?: "light" | "dark";
-    backgroundColor?: string;
-    textColor?: string;
-    pickerContainer?: any;
-    pickerLabelContainer?: any;
-    pickerLabel?: any;
-    pickerItemContainer?: any;
-    pickerItem?: any;
-    buttonContainer?: any;
-    button?: any;
-    cancelButton?: any;
-    confirmButton?: any;
-    modalTitle?: any;
-    pickerGradientOverlay?: any;
-}
-export declare const generateStyles: (customStyles: CustomDurationPickerStyles | undefined, options: {
-    padWithNItems: number;
-}) => {
-    pickerContainer: any;
-    pickerLabelContainer: any;
-    pickerLabel: any;
-    pickerItemContainer: any;
-    pickerItem: any;
-    pickerGradientOverlay: any;
-};

package/dist/components/DurationPicker/DurationPicker.styles.js

@@ -1,39 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.generateStyles = void 0;
-var react_native_1 = require("react-native");
-var DARK_MODE_BACKGROUND_COLOR = "#232323";
-var DARK_MODE_TEXT_COLOR = "#E9E9E9";
-var LIGHT_MODE_BACKGROUND_COLOR = "#F1F1F1";
-var LIGHT_MODE_TEXT_COLOR = "#1B1B1B";
-var generateStyles = function (customStyles, options) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-    return react_native_1.StyleSheet.create({
-        pickerContainer: __assign({ flexDirection: "row", marginRight: "8%", backgroundColor: (_a = customStyles === null || customStyles === void 0 ? void 0 : customStyles.backgroundColor) !== null && _a !== void 0 ? _a : ((customStyles === null || customStyles === void 0 ? void 0 : customStyles.theme) === "dark"
-                ? DARK_MODE_BACKGROUND_COLOR
-                : LIGHT_MODE_BACKGROUND_COLOR) }, customStyles === null || customStyles === void 0 ? void 0 : customStyles.pickerContainer),
-        pickerLabelContainer: __assign({ position: "absolute", right: 4, top: 0, bottom: 0, justifyContent: "center" }, customStyles === null || customStyles === void 0 ? void 0 : customStyles.pickerLabelContainer),
-        pickerLabel: __assign({ fontSize: 18, fontWeight: "bold", marginTop: ((_c = (_b = customStyles === null || customStyles === void 0 ? void 0 : customStyles.pickerItem) === null || _b === void 0 ? void 0 : _b.fontSize) !== null && _c !== void 0 ? _c : 25) / 6, color: (_d = customStyles === null || customStyles === void 0 ? void 0 : customStyles.textColor) !== null && _d !== void 0 ? _d : ((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.pickerLabel),
-        pickerItemContainer: __assign({ height: 50, justifyContent: "center", alignItems: "center", width: ((_f = (_e = customStyles === null || customStyles === void 0 ? void 0 : customStyles.pickerItem) === null || _e === void 0 ? void 0 : _e.fontSize) !== null && _f !== void 0 ? _f : 25) * 3.6 }, customStyles === null || customStyles === void 0 ? void 0 : customStyles.pickerItemContainer),
-        pickerItem: __assign({ textAlignVertical: "center", fontSize: 25, color: (_g = customStyles === null || customStyles === void 0 ? void 0 : customStyles.textColor) !== null && _g !== void 0 ? _g : ((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.pickerItem),
-        pickerGradientOverlay: __assign({ position: "absolute", left: 0, right: 0, height: options.padWithNItems === 0
-                ? "30%"
-                : ((_j = (_h = customStyles === null || customStyles === void 0 ? void 0 : customStyles.pickerItemContainer) === null || _h === void 0 ? void 0 : _h.height) !== null && _j !== void 0 ? _j : 50) * 0.8 }, customStyles === null || customStyles === void 0 ? void 0 : customStyles.pickerGradientOverlay),
-    });
-};
-exports.generateStyles = generateStyles;

package/dist/components/DurationPicker/DurationScroll.d.ts

@@ -1,16 +0,0 @@
-import React from "react";
-import { LinearGradient } from "expo-linear-gradient";
-import { generateStyles } from "./DurationPicker.styles";
-interface DurationScrollProps {
-    numberOfItems: number;
-    label?: string;
-    initialIndex?: number;
-    onDurationChange: (duration: number) => void;
-    padNumbersWithZero?: boolean;
-    disableInfiniteScroll?: boolean;
-    padWithNItems: number;
-    pickerGradientOverlayProps?: React.ComponentProps<typeof LinearGradient>;
-    styles: ReturnType<typeof generateStyles>;
-}
-declare const DurationScroll: ({ numberOfItems, label, initialIndex, onDurationChange, padNumbersWithZero, disableInfiniteScroll, padWithNItems, pickerGradientOverlayProps, styles, }: DurationScrollProps) => React.ReactElement;
-export default DurationScroll;