react-native-timer-picker 2.3.0 → 2.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (47) hide show
  1. package/README.md +97 -106
  2. package/dist/commonjs/components/DurationScroll/DurationScroll.js +13 -27
  3. package/dist/commonjs/components/DurationScroll/DurationScroll.js.map +1 -1
  4. package/dist/commonjs/components/PickerItem/PickerItem.js +45 -0
  5. package/dist/commonjs/components/PickerItem/PickerItem.js.map +1 -0
  6. package/dist/commonjs/components/PickerItem/index.js +14 -0
  7. package/dist/commonjs/components/PickerItem/index.js.map +1 -0
  8. package/dist/commonjs/components/TimerPicker/TimerPicker.js +3 -3
  9. package/dist/commonjs/components/TimerPicker/TimerPicker.js.map +1 -1
  10. package/dist/commonjs/components/TimerPicker/styles.js +36 -18
  11. package/dist/commonjs/components/TimerPicker/styles.js.map +1 -1
  12. package/dist/commonjs/components/TimerPickerModal/styles.js +4 -15
  13. package/dist/commonjs/components/TimerPickerModal/styles.js.map +1 -1
  14. package/dist/commonjs/tests/generateNumbers.test.js +35 -35
  15. package/dist/commonjs/tests/generateNumbers.test.js.map +1 -1
  16. package/dist/commonjs/tests/padNumber.test.js +18 -18
  17. package/dist/commonjs/tests/padNumber.test.js.map +1 -1
  18. package/dist/commonjs/utils/generateNumbers.js +4 -3
  19. package/dist/commonjs/utils/generateNumbers.js.map +1 -1
  20. package/dist/commonjs/utils/padNumber.js +7 -7
  21. package/dist/commonjs/utils/padNumber.js.map +1 -1
  22. package/dist/module/components/DurationScroll/DurationScroll.js +12 -27
  23. package/dist/module/components/DurationScroll/DurationScroll.js.map +1 -1
  24. package/dist/module/components/PickerItem/PickerItem.js +38 -0
  25. package/dist/module/components/PickerItem/PickerItem.js.map +1 -0
  26. package/dist/module/components/PickerItem/index.js +2 -0
  27. package/dist/module/components/PickerItem/index.js.map +1 -0
  28. package/dist/module/components/TimerPicker/TimerPicker.js +3 -3
  29. package/dist/module/components/TimerPicker/TimerPicker.js.map +1 -1
  30. package/dist/module/components/TimerPicker/styles.js +36 -18
  31. package/dist/module/components/TimerPicker/styles.js.map +1 -1
  32. package/dist/module/components/TimerPickerModal/styles.js +4 -15
  33. package/dist/module/components/TimerPickerModal/styles.js.map +1 -1
  34. package/dist/module/tests/generateNumbers.test.js +35 -35
  35. package/dist/module/tests/generateNumbers.test.js.map +1 -1
  36. package/dist/module/tests/padNumber.test.js +18 -18
  37. package/dist/module/tests/padNumber.test.js.map +1 -1
  38. package/dist/module/utils/generateNumbers.js +4 -3
  39. package/dist/module/utils/generateNumbers.js.map +1 -1
  40. package/dist/module/utils/padNumber.js +7 -7
  41. package/dist/module/utils/padNumber.js.map +1 -1
  42. package/dist/typescript/components/PickerItem/PickerItem.d.ts +14 -0
  43. package/dist/typescript/components/PickerItem/index.d.ts +1 -0
  44. package/dist/typescript/components/TimerPicker/styles.d.ts +26 -25
  45. package/dist/typescript/components/TimerPickerModal/styles.d.ts +255 -254
  46. package/dist/typescript/utils/padNumber.d.ts +1 -1
  47. package/package.json +2 -2
package/dist/typescript/components/TimerPicker/styles.d.ts CHANGED
@@ -6,6 +6,7 @@ export interface CustomTimerPickerStyles {
6
6
  durationScrollFlatList?: ViewStyle;
7
7
  durationScrollFlatListContainer?: ViewStyle;
8
8
  durationScrollFlatListContentContainer?: ViewStyle;
9
+ labelOffsetPercentage?: number;
9
10
  pickerAmPmContainer?: ViewStyle;
10
11
  pickerAmPmLabel?: TextStyle;
11
12
  pickerContainer?: ViewStyle & {
@@ -84,7 +85,7 @@ export declare const generateStyles: (customStyles: CustomTimerPickerStyles | un
84
85
  marginEnd?: import("react-native").DimensionValue | undefined;
85
86
  marginHorizontal?: import("react-native").DimensionValue | undefined;
86
87
  marginLeft?: import("react-native").DimensionValue | undefined;
87
- marginRight: import("react-native").DimensionValue;
88
+ marginRight?: import("react-native").DimensionValue | undefined;
88
89
  marginStart?: import("react-native").DimensionValue | undefined;
89
90
  marginTop?: import("react-native").DimensionValue | undefined;
90
91
  marginVertical?: import("react-native").DimensionValue | undefined;
@@ -106,7 +107,7 @@ export declare const generateStyles: (customStyles: CustomTimerPickerStyles | un
106
107
  right?: import("react-native").DimensionValue | undefined;
107
108
  start?: import("react-native").DimensionValue | undefined;
108
109
  top?: import("react-native").DimensionValue | undefined;
109
- width?: import("react-native").DimensionValue | undefined;
110
+ width: import("react-native").DimensionValue;
110
111
  zIndex?: number | undefined;
111
112
  direction?: "inherit" | "ltr" | "rtl" | undefined;
112
113
  shadowColor?: import("react-native").ColorValue | undefined;
@@ -180,7 +181,7 @@ export declare const generateStyles: (customStyles: CustomTimerPickerStyles | un
180
181
  flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
181
182
  height?: import("react-native").DimensionValue | undefined;
182
183
  justifyContent: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly";
183
- left?: import("react-native").DimensionValue | undefined;
184
+ left: import("react-native").DimensionValue;
184
185
  margin?: import("react-native").DimensionValue | undefined;
185
186
  marginBottom?: import("react-native").DimensionValue | undefined;
186
187
  marginEnd?: import("react-native").DimensionValue | undefined;
@@ -188,12 +189,12 @@ export declare const generateStyles: (customStyles: CustomTimerPickerStyles | un
188
189
  marginLeft?: import("react-native").DimensionValue | undefined;
189
190
  marginRight?: import("react-native").DimensionValue | undefined;
190
191
  marginStart?: import("react-native").DimensionValue | undefined;
191
- marginTop?: import("react-native").DimensionValue | undefined;
192
+ marginTop: import("react-native").DimensionValue;
192
193
  marginVertical?: import("react-native").DimensionValue | undefined;
193
194
  maxHeight?: import("react-native").DimensionValue | undefined;
194
195
  maxWidth?: import("react-native").DimensionValue | undefined;
195
196
  minHeight?: import("react-native").DimensionValue | undefined;
196
- minWidth: import("react-native").DimensionValue;
197
+ minWidth?: import("react-native").DimensionValue | undefined;
197
198
  overflow?: "visible" | "hidden" | "scroll" | undefined;
198
199
  padding?: import("react-native").DimensionValue | undefined;
199
200
  paddingBottom?: import("react-native").DimensionValue | undefined;
@@ -205,7 +206,7 @@ export declare const generateStyles: (customStyles: CustomTimerPickerStyles | un
205
206
  paddingTop?: import("react-native").DimensionValue | undefined;
206
207
  paddingVertical?: import("react-native").DimensionValue | undefined;
207
208
  position: "absolute" | "relative";
208
- right: import("react-native").DimensionValue;
209
+ right?: import("react-native").DimensionValue | undefined;
209
210
  start?: import("react-native").DimensionValue | undefined;
210
211
  top: import("react-native").DimensionValue;
211
212
  width?: import("react-native").DimensionValue | undefined;
@@ -231,7 +232,7 @@ export declare const generateStyles: (customStyles: CustomTimerPickerStyles | un
231
232
  fontFamily?: string | undefined;
232
233
  fontSize: number;
233
234
  fontStyle?: "normal" | "italic" | undefined;
234
- fontWeight: "bold" | "normal" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900";
235
+ fontWeight: "bold" | "100" | "normal" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900";
235
236
  letterSpacing?: number | undefined;
236
237
  lineHeight?: number | undefined;
237
238
  textAlign?: "auto" | "center" | "left" | "right" | "justify" | undefined;
@@ -311,7 +312,7 @@ export declare const generateStyles: (customStyles: CustomTimerPickerStyles | un
311
312
  marginLeft?: import("react-native").DimensionValue | undefined;
312
313
  marginRight?: import("react-native").DimensionValue | undefined;
313
314
  marginStart?: import("react-native").DimensionValue | undefined;
314
- marginTop: import("react-native").DimensionValue;
315
+ marginTop?: import("react-native").DimensionValue | undefined;
315
316
  marginVertical?: import("react-native").DimensionValue | undefined;
316
317
  maxHeight?: import("react-native").DimensionValue | undefined;
317
318
  maxWidth?: import("react-native").DimensionValue | undefined;
@@ -436,7 +437,7 @@ export declare const generateStyles: (customStyles: CustomTimerPickerStyles | un
436
437
  right?: import("react-native").DimensionValue | undefined;
437
438
  start?: import("react-native").DimensionValue | undefined;
438
439
  top?: import("react-native").DimensionValue | undefined;
439
- width: import("react-native").DimensionValue;
440
+ width?: import("react-native").DimensionValue | undefined;
440
441
  zIndex?: number | undefined;
441
442
  direction?: "inherit" | "ltr" | "rtl" | undefined;
442
443
  shadowColor?: import("react-native").ColorValue | undefined;
@@ -459,7 +460,7 @@ export declare const generateStyles: (customStyles: CustomTimerPickerStyles | un
459
460
  fontFamily?: string | undefined;
460
461
  fontSize: number;
461
462
  fontStyle?: "normal" | "italic" | undefined;
462
- fontWeight?: "bold" | "normal" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
463
+ fontWeight?: "bold" | "100" | "normal" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
463
464
  letterSpacing?: number | undefined;
464
465
  lineHeight?: number | undefined;
465
466
  textAlign?: "auto" | "center" | "left" | "right" | "justify" | undefined;
@@ -545,7 +546,7 @@ export declare const generateStyles: (customStyles: CustomTimerPickerStyles | un
545
546
  maxWidth?: import("react-native").DimensionValue | undefined;
546
547
  minHeight?: import("react-native").DimensionValue | undefined;
547
548
  minWidth?: import("react-native").DimensionValue | undefined;
548
- overflow?: "visible" | "hidden" | "scroll" | undefined;
549
+ overflow: "visible" | "hidden" | "scroll";
549
550
  padding?: import("react-native").DimensionValue | undefined;
550
551
  paddingBottom?: import("react-native").DimensionValue | undefined;
551
552
  paddingEnd?: import("react-native").DimensionValue | undefined;
@@ -636,7 +637,7 @@ export declare const generateStyles: (customStyles: CustomTimerPickerStyles | un
636
637
  flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
637
638
  height?: import("react-native").DimensionValue | undefined;
638
639
  justifyContent: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly";
639
- left?: import("react-native").DimensionValue | undefined;
640
+ left: import("react-native").DimensionValue;
640
641
  margin?: import("react-native").DimensionValue | undefined;
641
642
  marginBottom?: import("react-native").DimensionValue | undefined;
642
643
  marginEnd?: import("react-native").DimensionValue | undefined;
@@ -644,7 +645,7 @@ export declare const generateStyles: (customStyles: CustomTimerPickerStyles | un
644
645
  marginLeft?: import("react-native").DimensionValue | undefined;
645
646
  marginRight?: import("react-native").DimensionValue | undefined;
646
647
  marginStart?: import("react-native").DimensionValue | undefined;
647
- marginTop?: import("react-native").DimensionValue | undefined;
648
+ marginTop: import("react-native").DimensionValue;
648
649
  marginVertical?: import("react-native").DimensionValue | undefined;
649
650
  maxHeight?: import("react-native").DimensionValue | undefined;
650
651
  maxWidth?: import("react-native").DimensionValue | undefined;
@@ -661,7 +662,7 @@ export declare const generateStyles: (customStyles: CustomTimerPickerStyles | un
661
662
  paddingTop?: import("react-native").DimensionValue | undefined;
662
663
  paddingVertical?: import("react-native").DimensionValue | undefined;
663
664
  position: "absolute" | "relative";
664
- right: import("react-native").DimensionValue;
665
+ right?: import("react-native").DimensionValue | undefined;
665
666
  start?: import("react-native").DimensionValue | undefined;
666
667
  top: import("react-native").DimensionValue;
667
668
  width?: import("react-native").DimensionValue | undefined;
@@ -687,7 +688,7 @@ export declare const generateStyles: (customStyles: CustomTimerPickerStyles | un
687
688
  fontFamily?: string | undefined;
688
689
  fontSize: number;
689
690
  fontStyle?: "normal" | "italic" | undefined;
690
- fontWeight: "bold" | "normal" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900";
691
+ fontWeight: "bold" | "100" | "normal" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900";
691
692
  letterSpacing?: number | undefined;
692
693
  lineHeight?: number | undefined;
693
694
  textAlign?: "auto" | "center" | "left" | "right" | "justify" | undefined;
@@ -767,7 +768,7 @@ export declare const generateStyles: (customStyles: CustomTimerPickerStyles | un
767
768
  marginLeft?: import("react-native").DimensionValue | undefined;
768
769
  marginRight?: import("react-native").DimensionValue | undefined;
769
770
  marginStart?: import("react-native").DimensionValue | undefined;
770
- marginTop: import("react-native").DimensionValue;
771
+ marginTop?: import("react-native").DimensionValue | undefined;
771
772
  marginVertical?: import("react-native").DimensionValue | undefined;
772
773
  maxHeight?: import("react-native").DimensionValue | undefined;
773
774
  maxWidth?: import("react-native").DimensionValue | undefined;
@@ -915,7 +916,7 @@ export declare const generateStyles: (customStyles: CustomTimerPickerStyles | un
915
916
  fontFamily?: string | undefined;
916
917
  fontSize?: number | undefined;
917
918
  fontStyle?: "normal" | "italic" | undefined;
918
- fontWeight?: "bold" | "normal" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
919
+ fontWeight?: "bold" | "100" | "normal" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
919
920
  letterSpacing?: number | undefined;
920
921
  lineHeight?: number | undefined;
921
922
  textAlign?: "auto" | "center" | "left" | "right" | "justify" | undefined;
@@ -1141,7 +1142,7 @@ export declare const generateStyles: (customStyles: CustomTimerPickerStyles | un
1141
1142
  translateX?: import("react-native").AnimatableNumericValue | undefined;
1142
1143
  translateY?: import("react-native").AnimatableNumericValue | undefined;
1143
1144
  };
1144
- durationScrollFlatList: {
1145
+ durationScrollFlatListContainer: {
1145
1146
  backfaceVisibility?: "visible" | "hidden" | undefined;
1146
1147
  backgroundColor?: import("react-native").ColorValue | undefined;
1147
1148
  borderBlockColor?: import("react-native").ColorValue | undefined;
@@ -1186,7 +1187,7 @@ export declare const generateStyles: (customStyles: CustomTimerPickerStyles | un
1186
1187
  bottom?: import("react-native").DimensionValue | undefined;
1187
1188
  display?: "none" | "flex" | undefined;
1188
1189
  end?: import("react-native").DimensionValue | undefined;
1189
- flex?: number | undefined;
1190
+ flex: number;
1190
1191
  flexBasis?: import("react-native").DimensionValue | undefined;
1191
1192
  flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
1192
1193
  rowGap?: number | undefined;
@@ -1210,7 +1211,7 @@ export declare const generateStyles: (customStyles: CustomTimerPickerStyles | un
1210
1211
  maxHeight?: import("react-native").DimensionValue | undefined;
1211
1212
  maxWidth?: import("react-native").DimensionValue | undefined;
1212
1213
  minHeight?: import("react-native").DimensionValue | undefined;
1213
- minWidth: import("react-native").DimensionValue;
1214
+ minWidth?: import("react-native").DimensionValue | undefined;
1214
1215
  overflow?: "visible" | "hidden" | "scroll" | undefined;
1215
1216
  padding?: import("react-native").DimensionValue | undefined;
1216
1217
  paddingBottom?: import("react-native").DimensionValue | undefined;
@@ -1225,7 +1226,7 @@ export declare const generateStyles: (customStyles: CustomTimerPickerStyles | un
1225
1226
  right?: import("react-native").DimensionValue | undefined;
1226
1227
  start?: import("react-native").DimensionValue | undefined;
1227
1228
  top?: import("react-native").DimensionValue | undefined;
1228
- width: import("react-native").DimensionValue;
1229
+ width?: import("react-native").DimensionValue | undefined;
1229
1230
  zIndex?: number | undefined;
1230
1231
  direction?: "inherit" | "ltr" | "rtl" | undefined;
1231
1232
  shadowColor?: import("react-native").ColorValue | undefined;
@@ -1243,7 +1244,7 @@ export declare const generateStyles: (customStyles: CustomTimerPickerStyles | un
1243
1244
  translateX?: import("react-native").AnimatableNumericValue | undefined;
1244
1245
  translateY?: import("react-native").AnimatableNumericValue | undefined;
1245
1246
  };
1246
- durationScrollFlatListContainer: {
1247
+ durationScrollFlatList: {
1247
1248
  backfaceVisibility?: "visible" | "hidden" | undefined;
1248
1249
  backgroundColor?: import("react-native").ColorValue | undefined;
1249
1250
  borderBlockColor?: import("react-native").ColorValue | undefined;
@@ -1305,7 +1306,7 @@ export declare const generateStyles: (customStyles: CustomTimerPickerStyles | un
1305
1306
  marginEnd?: import("react-native").DimensionValue | undefined;
1306
1307
  marginHorizontal?: import("react-native").DimensionValue | undefined;
1307
1308
  marginLeft?: import("react-native").DimensionValue | undefined;
1308
- marginRight?: import("react-native").DimensionValue | undefined;
1309
+ marginRight: import("react-native").DimensionValue;
1309
1310
  marginStart?: import("react-native").DimensionValue | undefined;
1310
1311
  marginTop?: import("react-native").DimensionValue | undefined;
1311
1312
  marginVertical?: import("react-native").DimensionValue | undefined;
@@ -1313,13 +1314,13 @@ export declare const generateStyles: (customStyles: CustomTimerPickerStyles | un
1313
1314
  maxWidth?: import("react-native").DimensionValue | undefined;
1314
1315
  minHeight?: import("react-native").DimensionValue | undefined;
1315
1316
  minWidth?: import("react-native").DimensionValue | undefined;
1316
- overflow: "visible" | "hidden" | "scroll";
1317
+ overflow?: "visible" | "hidden" | "scroll" | undefined;
1317
1318
  padding?: import("react-native").DimensionValue | undefined;
1318
1319
  paddingBottom?: import("react-native").DimensionValue | undefined;
1319
1320
  paddingEnd?: import("react-native").DimensionValue | undefined;
1320
1321
  paddingHorizontal?: import("react-native").DimensionValue | undefined;
1321
1322
  paddingLeft?: import("react-native").DimensionValue | undefined;
1322
- paddingRight?: import("react-native").DimensionValue | undefined;
1323
+ paddingRight: import("react-native").DimensionValue;
1323
1324
  paddingStart?: import("react-native").DimensionValue | undefined;
1324
1325
  paddingTop?: import("react-native").DimensionValue | undefined;
1325
1326
  paddingVertical?: import("react-native").DimensionValue | undefined;