react-native-paper-dates 0.22.15 → 0.22.17
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.
- package/lib/commonjs/Date/AnimatedCrossView.js +41 -42
- package/lib/commonjs/Date/AnimatedCrossView.js.map +1 -1
- package/lib/commonjs/Date/AutoSizer.js +10 -14
- package/lib/commonjs/Date/AutoSizer.js.map +1 -1
- package/lib/commonjs/Date/Calendar.js +69 -76
- package/lib/commonjs/Date/Calendar.js.map +1 -1
- package/lib/commonjs/Date/CalendarEdit.js +67 -72
- package/lib/commonjs/Date/CalendarEdit.js.map +1 -1
- package/lib/commonjs/Date/CalendarHeader.js +38 -36
- package/lib/commonjs/Date/CalendarHeader.js.map +1 -1
- package/lib/commonjs/Date/DatePickerInput.js +15 -15
- package/lib/commonjs/Date/DatePickerInput.js.map +1 -1
- package/lib/commonjs/Date/DatePickerInputWithoutModal.js +49 -43
- package/lib/commonjs/Date/DatePickerInputWithoutModal.js.map +1 -1
- package/lib/commonjs/Date/DatePickerModal.js +49 -45
- package/lib/commonjs/Date/DatePickerModal.js.map +1 -1
- package/lib/commonjs/Date/DatePickerModalContent.js +73 -68
- package/lib/commonjs/Date/DatePickerModalContent.js.map +1 -1
- package/lib/commonjs/Date/DatePickerModalContentHeader.js +86 -101
- package/lib/commonjs/Date/DatePickerModalContentHeader.js.map +1 -1
- package/lib/commonjs/Date/DatePickerModalHeader.js +32 -63
- package/lib/commonjs/Date/DatePickerModalHeader.js.map +1 -1
- package/lib/commonjs/Date/DatePickerModalHeaderBackground.js +8 -7
- package/lib/commonjs/Date/DatePickerModalHeaderBackground.js.map +1 -1
- package/lib/commonjs/Date/DatePickerModalStatusBar.js +16 -13
- package/lib/commonjs/Date/DatePickerModalStatusBar.js.map +1 -1
- package/lib/commonjs/Date/Day.js +57 -57
- package/lib/commonjs/Date/Day.js.map +1 -1
- package/lib/commonjs/Date/DayName.js +17 -14
- package/lib/commonjs/Date/DayName.js.map +1 -1
- package/lib/commonjs/Date/DayNames.js +14 -13
- package/lib/commonjs/Date/DayNames.js.map +1 -1
- package/lib/commonjs/Date/DayRange.js +25 -26
- package/lib/commonjs/Date/DayRange.js.map +1 -1
- package/lib/commonjs/Date/Month.js +74 -76
- package/lib/commonjs/Date/Month.js.map +1 -1
- package/lib/commonjs/Date/Swiper.js +67 -64
- package/lib/commonjs/Date/Swiper.js.map +1 -1
- package/lib/commonjs/Date/Swiper.native.js +67 -63
- package/lib/commonjs/Date/Swiper.native.js.map +1 -1
- package/lib/commonjs/Date/SwiperUtils.js +3 -5
- package/lib/commonjs/Date/SwiperUtils.js.map +1 -1
- package/lib/commonjs/Date/YearPicker.js +58 -58
- package/lib/commonjs/Date/YearPicker.js.map +1 -1
- package/lib/commonjs/Date/dateUtils.js +12 -10
- package/lib/commonjs/Date/dateUtils.js.map +1 -1
- package/lib/commonjs/Date/inputUtils.js +8 -10
- package/lib/commonjs/Date/inputUtils.js.map +1 -1
- package/lib/commonjs/TextInputMask.js +11 -11
- package/lib/commonjs/TextInputMask.js.map +1 -1
- package/lib/commonjs/Time/AmPmSwitcher.js +51 -49
- package/lib/commonjs/Time/AmPmSwitcher.js.map +1 -1
- package/lib/commonjs/Time/AnalogClock.js +69 -64
- package/lib/commonjs/Time/AnalogClock.js.map +1 -1
- package/lib/commonjs/Time/AnalogClockHours.js +46 -53
- package/lib/commonjs/Time/AnalogClockHours.js.map +1 -1
- package/lib/commonjs/Time/AnalogClockMinutes.js +45 -60
- package/lib/commonjs/Time/AnalogClockMinutes.js.map +1 -1
- package/lib/commonjs/Time/AnimatedClockSwitcher.js +34 -30
- package/lib/commonjs/Time/AnimatedClockSwitcher.js.map +1 -1
- package/lib/commonjs/Time/TimeInput.js +55 -54
- package/lib/commonjs/Time/TimeInput.js.map +1 -1
- package/lib/commonjs/Time/TimeInputs.js +118 -114
- package/lib/commonjs/Time/TimeInputs.js.map +1 -1
- package/lib/commonjs/Time/TimePicker.js +40 -36
- package/lib/commonjs/Time/TimePicker.js.map +1 -1
- package/lib/commonjs/Time/TimePickerModal.js +118 -114
- package/lib/commonjs/Time/TimePickerModal.js.map +1 -1
- package/lib/commonjs/Time/timeUtils.js +5 -8
- package/lib/commonjs/Time/timeUtils.js.map +1 -1
- package/lib/commonjs/contexts/DisplayModeContext.js +2 -4
- package/lib/commonjs/contexts/DisplayModeContext.js.map +1 -1
- package/lib/commonjs/shared/styles.js +25 -0
- package/lib/commonjs/shared/styles.js.map +1 -0
- package/lib/commonjs/{utils.js → shared/utils.js} +4 -4
- package/lib/commonjs/shared/utils.js.map +1 -0
- package/lib/module/Date/AnimatedCrossView.js +43 -42
- package/lib/module/Date/AnimatedCrossView.js.map +1 -1
- package/lib/module/Date/AutoSizer.js +12 -15
- package/lib/module/Date/AutoSizer.js.map +1 -1
- package/lib/module/Date/Calendar.js +71 -76
- package/lib/module/Date/Calendar.js.map +1 -1
- package/lib/module/Date/CalendarEdit.js +68 -71
- package/lib/module/Date/CalendarEdit.js.map +1 -1
- package/lib/module/Date/CalendarHeader.js +39 -36
- package/lib/module/Date/CalendarHeader.js.map +1 -1
- package/lib/module/Date/DatePickerInput.js +15 -14
- package/lib/module/Date/DatePickerInput.js.map +1 -1
- package/lib/module/Date/DatePickerInputWithoutModal.js +50 -42
- package/lib/module/Date/DatePickerInputWithoutModal.js.map +1 -1
- package/lib/module/Date/DatePickerModal.js +49 -44
- package/lib/module/Date/DatePickerModal.js.map +1 -1
- package/lib/module/Date/DatePickerModalContent.js +74 -67
- package/lib/module/Date/DatePickerModalContent.js.map +1 -1
- package/lib/module/Date/DatePickerModalContentHeader.js +87 -100
- package/lib/module/Date/DatePickerModalContentHeader.js.map +1 -1
- package/lib/module/Date/DatePickerModalHeader.js +33 -61
- package/lib/module/Date/DatePickerModalHeader.js.map +1 -1
- package/lib/module/Date/DatePickerModalHeaderBackground.js +7 -5
- package/lib/module/Date/DatePickerModalHeaderBackground.js.map +1 -1
- package/lib/module/Date/DatePickerModalStatusBar.js +18 -13
- package/lib/module/Date/DatePickerModalStatusBar.js.map +1 -1
- package/lib/module/Date/Day.js +58 -56
- package/lib/module/Date/Day.js.map +1 -1
- package/lib/module/Date/DayName.js +17 -14
- package/lib/module/Date/DayName.js.map +1 -1
- package/lib/module/Date/DayNames.js +13 -12
- package/lib/module/Date/DayNames.js.map +1 -1
- package/lib/module/Date/DayRange.js +27 -26
- package/lib/module/Date/DayRange.js.map +1 -1
- package/lib/module/Date/Month.js +76 -76
- package/lib/module/Date/Month.js.map +1 -1
- package/lib/module/Date/Swiper.js +69 -64
- package/lib/module/Date/Swiper.js.map +1 -1
- package/lib/module/Date/Swiper.native.js +69 -62
- package/lib/module/Date/Swiper.native.js.map +1 -1
- package/lib/module/Date/SwiperUtils.js +3 -3
- package/lib/module/Date/SwiperUtils.js.map +1 -1
- package/lib/module/Date/YearPicker.js +59 -58
- package/lib/module/Date/YearPicker.js.map +1 -1
- package/lib/module/Date/dateUtils.js +12 -8
- package/lib/module/Date/dateUtils.js.map +1 -1
- package/lib/module/Date/inputUtils.js +8 -8
- package/lib/module/Date/inputUtils.js.map +1 -1
- package/lib/module/TextInputMask.js +12 -11
- package/lib/module/TextInputMask.js.map +1 -1
- package/lib/module/Time/AmPmSwitcher.js +53 -49
- package/lib/module/Time/AmPmSwitcher.js.map +1 -1
- package/lib/module/Time/AnalogClock.js +71 -64
- package/lib/module/Time/AnalogClock.js.map +1 -1
- package/lib/module/Time/AnalogClockHours.js +48 -53
- package/lib/module/Time/AnalogClockHours.js.map +1 -1
- package/lib/module/Time/AnalogClockMinutes.js +46 -60
- package/lib/module/Time/AnalogClockMinutes.js.map +1 -1
- package/lib/module/Time/AnimatedClockSwitcher.js +35 -30
- package/lib/module/Time/AnimatedClockSwitcher.js.map +1 -1
- package/lib/module/Time/TimeInput.js +56 -53
- package/lib/module/Time/TimeInput.js.map +1 -1
- package/lib/module/Time/TimeInputs.js +120 -113
- package/lib/module/Time/TimeInputs.js.map +1 -1
- package/lib/module/Time/TimePicker.js +42 -36
- package/lib/module/Time/TimePicker.js.map +1 -1
- package/lib/module/Time/TimePickerModal.js +118 -112
- package/lib/module/Time/TimePickerModal.js.map +1 -1
- package/lib/module/Time/timeUtils.js +5 -6
- package/lib/module/Time/timeUtils.js.map +1 -1
- package/lib/module/contexts/DisplayModeContext.js +2 -2
- package/lib/module/contexts/DisplayModeContext.js.map +1 -1
- package/lib/module/shared/styles.js +19 -0
- package/lib/module/shared/styles.js.map +1 -0
- package/lib/module/{utils.js → shared/utils.js} +3 -2
- package/lib/module/shared/utils.js.map +1 -0
- package/lib/typescript/Date/AnimatedCrossView.d.ts +1 -1
- package/lib/typescript/Date/AnimatedCrossView.d.ts.map +1 -1
- package/lib/typescript/Date/AutoSizer.d.ts +1 -1
- package/lib/typescript/Date/AutoSizer.d.ts.map +1 -1
- package/lib/typescript/Date/Calendar.d.ts +1 -1
- package/lib/typescript/Date/Calendar.d.ts.map +1 -1
- package/lib/typescript/Date/CalendarEdit.d.ts +1 -1
- package/lib/typescript/Date/CalendarEdit.d.ts.map +1 -1
- package/lib/typescript/Date/CalendarHeader.d.ts +1 -1
- package/lib/typescript/Date/CalendarHeader.d.ts.map +1 -1
- package/lib/typescript/Date/DatePickerInput.d.ts +1 -1
- package/lib/typescript/Date/DatePickerInput.d.ts.map +1 -1
- package/lib/typescript/Date/DatePickerInput.shared.d.ts +3 -3
- package/lib/typescript/Date/DatePickerInput.shared.d.ts.map +1 -1
- package/lib/typescript/Date/DatePickerInputWithoutModal.d.ts +59 -58
- package/lib/typescript/Date/DatePickerInputWithoutModal.d.ts.map +1 -1
- package/lib/typescript/Date/DatePickerModal.d.ts +1 -1
- package/lib/typescript/Date/DatePickerModal.d.ts.map +1 -1
- package/lib/typescript/Date/DatePickerModalContent.d.ts +1 -1
- package/lib/typescript/Date/DatePickerModalContent.d.ts.map +1 -1
- package/lib/typescript/Date/DatePickerModalContentHeader.d.ts +1 -1
- package/lib/typescript/Date/DatePickerModalContentHeader.d.ts.map +1 -1
- package/lib/typescript/Date/DatePickerModalHeader.d.ts +1 -1
- package/lib/typescript/Date/DatePickerModalHeader.d.ts.map +1 -1
- package/lib/typescript/Date/DatePickerModalHeaderBackground.d.ts +1 -1
- package/lib/typescript/Date/DatePickerModalHeaderBackground.d.ts.map +1 -1
- package/lib/typescript/Date/DatePickerModalStatusBar.d.ts +1 -1
- package/lib/typescript/Date/DatePickerModalStatusBar.d.ts.map +1 -1
- package/lib/typescript/Date/Day.d.ts +2 -2
- package/lib/typescript/Date/Day.d.ts.map +1 -1
- package/lib/typescript/Date/DayName.d.ts +1 -1
- package/lib/typescript/Date/DayName.d.ts.map +1 -1
- package/lib/typescript/Date/DayNames.d.ts +1 -1
- package/lib/typescript/Date/DayNames.d.ts.map +1 -1
- package/lib/typescript/Date/DayRange.d.ts +1 -1
- package/lib/typescript/Date/DayRange.d.ts.map +1 -1
- package/lib/typescript/Date/Month.d.ts +1 -1
- package/lib/typescript/Date/Month.d.ts.map +1 -1
- package/lib/typescript/Date/Swiper.d.ts +1 -1
- package/lib/typescript/Date/Swiper.d.ts.map +1 -1
- package/lib/typescript/Date/Swiper.native.d.ts +1 -1
- package/lib/typescript/Date/Swiper.native.d.ts.map +1 -1
- package/lib/typescript/Date/SwiperUtils.d.ts +1 -1
- package/lib/typescript/Date/SwiperUtils.d.ts.map +1 -1
- package/lib/typescript/Date/YearPicker.d.ts +1 -1
- package/lib/typescript/Date/YearPicker.d.ts.map +1 -1
- package/lib/typescript/Date/dateUtils.d.ts.map +1 -1
- package/lib/typescript/Date/inputUtils.d.ts.map +1 -1
- package/lib/typescript/TextInputMask.d.ts +24 -24
- package/lib/typescript/TextInputMask.d.ts.map +1 -1
- package/lib/typescript/Time/AmPmSwitcher.d.ts +1 -1
- package/lib/typescript/Time/AmPmSwitcher.d.ts.map +1 -1
- package/lib/typescript/Time/AnalogClock.d.ts +1 -1
- package/lib/typescript/Time/AnalogClock.d.ts.map +1 -1
- package/lib/typescript/Time/AnalogClockHours.d.ts +1 -1
- package/lib/typescript/Time/AnalogClockHours.d.ts.map +1 -1
- package/lib/typescript/Time/AnalogClockMinutes.d.ts +1 -1
- package/lib/typescript/Time/AnalogClockMinutes.d.ts.map +1 -1
- package/lib/typescript/Time/AnimatedClockSwitcher.d.ts +5 -3
- package/lib/typescript/Time/AnimatedClockSwitcher.d.ts.map +1 -1
- package/lib/typescript/Time/TimeInput.d.ts +1 -1
- package/lib/typescript/Time/TimeInput.d.ts.map +1 -1
- package/lib/typescript/Time/TimeInputs.d.ts +1 -1
- package/lib/typescript/Time/TimeInputs.d.ts.map +1 -1
- package/lib/typescript/Time/TimePicker.d.ts +1 -1
- package/lib/typescript/Time/TimePicker.d.ts.map +1 -1
- package/lib/typescript/Time/TimePickerModal.d.ts +1 -1
- package/lib/typescript/Time/TimePickerModal.d.ts.map +1 -1
- package/lib/typescript/Time/timeUtils.d.ts.map +1 -1
- package/lib/typescript/contexts/DisplayModeContext.d.ts +4 -4
- package/lib/typescript/contexts/DisplayModeContext.d.ts.map +1 -1
- package/lib/typescript/shared/styles.d.ts +18 -0
- package/lib/typescript/shared/styles.d.ts.map +1 -0
- package/lib/typescript/{utils.d.ts → shared/utils.d.ts} +2 -2
- package/lib/typescript/shared/utils.d.ts.map +1 -0
- package/package.json +17 -17
- package/src/Date/AnimatedCrossView.tsx +9 -10
- package/src/Date/AutoSizer.tsx +12 -13
- package/src/Date/Calendar.tsx +29 -35
- package/src/Date/CalendarEdit.tsx +18 -15
- package/src/Date/CalendarHeader.tsx +9 -18
- package/src/Date/DatePickerInput.shared.tsx +3 -3
- package/src/Date/DatePickerInput.tsx +11 -8
- package/src/Date/DatePickerInputWithoutModal.tsx +3 -4
- package/src/Date/DatePickerModal.tsx +14 -23
- package/src/Date/DatePickerModalContent.tsx +10 -13
- package/src/Date/DatePickerModalContentHeader.tsx +31 -43
- package/src/Date/DatePickerModalHeader.tsx +4 -23
- package/src/Date/DatePickerModalHeaderBackground.tsx +3 -2
- package/src/Date/DatePickerModalStatusBar.tsx +4 -4
- package/src/Date/Day.tsx +22 -24
- package/src/Date/DayName.tsx +12 -4
- package/src/Date/DayNames.tsx +7 -6
- package/src/Date/DayRange.tsx +6 -11
- package/src/Date/Month.tsx +24 -21
- package/src/Date/Swiper.native.tsx +19 -20
- package/src/Date/Swiper.tsx +32 -29
- package/src/Date/SwiperUtils.ts +3 -4
- package/src/Date/YearPicker.tsx +11 -16
- package/src/Date/dateUtils.tsx +15 -8
- package/src/Date/inputUtils.ts +7 -5
- package/src/TextInputMask.tsx +10 -11
- package/src/Time/AmPmSwitcher.tsx +9 -7
- package/src/Time/AnalogClock.tsx +38 -24
- package/src/Time/AnalogClockHours.tsx +10 -20
- package/src/Time/AnalogClockMinutes.tsx +19 -32
- package/src/Time/AnimatedClockSwitcher.tsx +9 -5
- package/src/Time/TimeInput.tsx +22 -19
- package/src/Time/TimeInputs.tsx +28 -34
- package/src/Time/TimePicker.tsx +15 -10
- package/src/Time/TimePickerModal.tsx +48 -72
- package/src/Time/timeUtils.ts +5 -6
- package/src/contexts/DisplayModeContext.tsx +3 -3
- package/src/shared/styles.tsx +19 -0
- package/src/{utils.ts → shared/utils.ts} +16 -2
- package/lib/commonjs/Date/Week.js +0 -10
- package/lib/commonjs/Date/Week.js.map +0 -1
- package/lib/commonjs/utils.js.map +0 -1
- package/lib/module/Date/Week.js +0 -4
- package/lib/module/Date/Week.js.map +0 -1
- package/lib/module/utils.js.map +0 -1
- package/lib/typescript/Date/Week.d.ts +0 -2
- package/lib/typescript/Date/Week.d.ts.map +0 -1
- package/lib/typescript/utils.d.ts.map +0 -1
- package/src/Date/Week.tsx +0 -3
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
import
|
|
1
|
+
import React, { useEffect, useState } from 'react';
|
|
2
|
+
import { forwardRef } from 'react';
|
|
3
3
|
import { TextInput } from 'react-native-paper';
|
|
4
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
4
5
|
const splitCharacters = ['-', '/', '.', '年', ' '];
|
|
5
6
|
function detectCharacter(mask) {
|
|
6
7
|
const c = splitCharacters.find(ch => mask.includes(ch));
|
|
@@ -18,7 +19,10 @@ function TextInputWithMask({
|
|
|
18
19
|
disabled,
|
|
19
20
|
...rest
|
|
20
21
|
}, ref) {
|
|
21
|
-
const [controlledValue, setControlledValue] =
|
|
22
|
+
const [controlledValue, setControlledValue] = useState(value || '');
|
|
23
|
+
useEffect(() => {
|
|
24
|
+
setControlledValue(value || '');
|
|
25
|
+
}, [value]);
|
|
22
26
|
const onInnerChange = text => {
|
|
23
27
|
const splitCharacter = detectCharacter(mask);
|
|
24
28
|
const maskParts = mask.split(splitCharacter);
|
|
@@ -36,12 +40,9 @@ function TextInputWithMask({
|
|
|
36
40
|
}
|
|
37
41
|
setControlledValue(trimmedText);
|
|
38
42
|
};
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
return /*#__PURE__*/React.createElement(TextInput, _extends({
|
|
43
|
-
ref: ref
|
|
44
|
-
}, rest, {
|
|
43
|
+
return /*#__PURE__*/_jsx(TextInput, {
|
|
44
|
+
ref: ref,
|
|
45
|
+
...rest,
|
|
45
46
|
disabled: disabled,
|
|
46
47
|
value: controlledValue,
|
|
47
48
|
onChangeText: onInnerChange,
|
|
@@ -50,7 +51,7 @@ function TextInputWithMask({
|
|
|
50
51
|
},
|
|
51
52
|
maxLength: 10,
|
|
52
53
|
right: inputButton
|
|
53
|
-
})
|
|
54
|
+
});
|
|
54
55
|
}
|
|
55
|
-
export default /*#__PURE__*/
|
|
56
|
+
export default /*#__PURE__*/forwardRef(TextInputWithMask);
|
|
56
57
|
//# sourceMappingURL=TextInputMask.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","TextInput","splitCharacters","detectCharacter","mask","c","find","ch","includes","escapeForRegExp","value","replace","TextInputWithMask","inputButton","onChangeText","onChange","disabled","rest","ref","controlledValue","setControlledValue","
|
|
1
|
+
{"version":3,"names":["React","useEffect","useState","forwardRef","TextInput","jsx","_jsx","splitCharacters","detectCharacter","mask","c","find","ch","includes","escapeForRegExp","value","replace","TextInputWithMask","inputButton","onChangeText","onChange","disabled","rest","ref","controlledValue","setControlledValue","onInnerChange","text","splitCharacter","maskParts","split","trimmedText","trim","format","toLowerCase","match","RegExp","replaceValue","isBackSpace","length","e","maxLength","right"],"sourceRoot":"../../src","sources":["TextInputMask.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAA+BC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC7E,SAASC,UAAU,QAAQ,OAAO;AAClC,SAASC,SAAS,QAAQ,oBAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAE9C,MAAMC,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;AACjD,SAASC,eAAeA,CAACC,IAAY,EAAU;EAC7C,MAAMC,CAAC,GAAGH,eAAe,CAACI,IAAI,CAAEC,EAAE,IAAKH,IAAI,CAACI,QAAQ,CAACD,EAAE,CAAC,CAAC;EACzD,OAAOF,CAAC,IAAI,EAAE;AAChB;AAEA,SAASI,eAAeA,CAACC,KAAa,EAAU;EAC9C,OAAOA,KAAK,CAACC,OAAO,CAAC,qBAAqB,EAAE,MAAM,CAAC;AACrD;AAEA,SAASC,iBAAiBA,CACxB;EACEC,WAAW;EACXC,YAAY;EACZC,QAAQ;EACRL,KAAK;EACLN,IAAI;EACJY,QAAQ;EACR,GAAGC;AAKL,CAAC,EACDC,GAAQ,EACR;EACA,MAAM,CAACC,eAAe,EAAEC,kBAAkB,CAAC,GAAGvB,QAAQ,CAACa,KAAK,IAAI,EAAE,CAAC;EAEnEd,SAAS,CAAC,MAAM;IACdwB,kBAAkB,CAACV,KAAK,IAAI,EAAE,CAAC;EACjC,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAEX,MAAMW,aAAa,GAAIC,IAAY,IAAK;IACtC,MAAMC,cAAc,GAAGpB,eAAe,CAACC,IAAI,CAAC;IAC5C,MAAMoB,SAAS,GAAGpB,IAAI,CAACqB,KAAK,CAACF,cAAc,CAAC;IAE5C,IAAIG,WAAW,GAAGJ,IAAI,CAACK,IAAI,CAAC,CAAC;IAC7B,MAAMC,MAAM,GACVJ,SAAS,CAAC,CAAC,CAAC,CAACK,WAAW,CAAC,CAAC,GAC1BN,cAAc,GACdC,SAAS,CAAC,CAAC,CAAC,CAACK,WAAW,CAAC,CAAC,GAC1BN,cAAc,GACdC,SAAS,CAAC,CAAC,CAAC,CAACK,WAAW,CAAC,CAAC;IAC5B,MAAMC,KAAK,GAAG,IAAIC,MAAM,CACtBH,MAAM,CACHjB,OAAO,CAAC,qBAAqB,EAAE,uCAAuC,CAAC,CACvEA,OAAO,CAAC,QAAQ,EAAE,KAAK,CAC5B,CAAC;IACD,MAAMqB,YAAY,GAAGJ,MAAM,CAACE,KAAK,CAAC,IAAI,CAAC;IACvC,MAAMnB,OAAO,GAAI,KAAIY,cAAe,KAAIA,cAAe,MAAK,CAACZ,OAAO,CAClE,IAAIoB,MAAM,CAACtB,eAAe,CAACc,cAAc,CAAC,EAAE,GAAG,CAAC,EAC/CS,YAAY,IAAI,EACnB,CAAC;IAED,MAAMC,WAAW,GAAGd,eAAe,CAACe,MAAM,GAAGR,WAAW,CAACQ,MAAM;IAE/D,IAAI,CAACD,WAAW,EAAE;MAChBP,WAAW,GAAGA,WAAW,CACtBf,OAAO,CAAC,iBAAiB,EAAE,KAAK,CAAC,CACjCA,OAAO,CAACmB,KAAK,EAAEnB,OAAO,CAAC,CACvBA,OAAO,CAAC,QAAQ,EAAE,IAAI,CAAC;IAC5B;IAEA,IAAIe,WAAW,CAACQ,MAAM,KAAK9B,IAAI,CAAC8B,MAAM,EAAE;MACtCpB,YAAY,IAAIA,YAAY,CAACY,WAAW,CAAC;IAC3C;IAEAN,kBAAkB,CAACM,WAAW,CAAC;EACjC,CAAC;EAED,oBACEzB,IAAA,CAACF,SAAS;IACRmB,GAAG,EAAEA,GAAI;IAAA,GACLD,IAAI;IACRD,QAAQ,EAAEA,QAAS;IACnBN,KAAK,EAAES,eAAgB;IACvBL,YAAY,EAAEO,aAAc;IAC5BN,QAAQ,EAAGoB,CAAC,IAAK;MACfpB,QAAQ,IAAIA,QAAQ,CAACoB,CAAC,CAAC;IACzB,CAAE;IACFC,SAAS,EAAE,EAAG;IACdC,KAAK,EAAExB;EAAY,CACpB,CAAC;AAEN;AAEA,4BAAef,UAAU,CAACc,iBAAiB,CAAC"}
|
|
@@ -1,20 +1,23 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
1
|
import { View, StyleSheet } from 'react-native';
|
|
3
2
|
import { Text, TouchableRipple, useTheme } from 'react-native-paper';
|
|
4
|
-
import { useMemo } from 'react';
|
|
3
|
+
import { useContext, useMemo } from 'react';
|
|
5
4
|
import Color from 'color';
|
|
6
5
|
import { inputTypes, useSwitchColors } from './timeUtils';
|
|
7
6
|
import { DisplayModeContext } from '../contexts/DisplayModeContext';
|
|
7
|
+
import React from 'react';
|
|
8
|
+
import { sharedStyles } from '../shared/styles';
|
|
9
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
10
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
8
11
|
export default function AmPmSwitcher({
|
|
9
12
|
onChange,
|
|
10
13
|
hours,
|
|
11
14
|
inputType
|
|
12
15
|
}) {
|
|
16
|
+
const theme = useTheme();
|
|
13
17
|
const {
|
|
14
18
|
setMode,
|
|
15
19
|
mode
|
|
16
|
-
} =
|
|
17
|
-
const theme = useTheme();
|
|
20
|
+
} = useContext(DisplayModeContext);
|
|
18
21
|
const backgroundColor = useMemo(() => {
|
|
19
22
|
if (theme.isV3) {
|
|
20
23
|
return theme.colors.outline;
|
|
@@ -22,7 +25,7 @@ export default function AmPmSwitcher({
|
|
|
22
25
|
return Color(theme.dark ? Color(theme.colors.surface).lighten(1.2).hex() : theme.colors.surface).darken(0.1).hex();
|
|
23
26
|
}, [theme]);
|
|
24
27
|
const isAM = mode === 'AM';
|
|
25
|
-
return /*#__PURE__*/
|
|
28
|
+
return /*#__PURE__*/_jsxs(View, {
|
|
26
29
|
style: [styles.root,
|
|
27
30
|
// eslint-disable-next-line react-native/no-inline-styles
|
|
28
31
|
{
|
|
@@ -30,32 +33,33 @@ export default function AmPmSwitcher({
|
|
|
30
33
|
borderRadius: theme.roundness * 2,
|
|
31
34
|
height: inputType === inputTypes.keyboard ? 72 : 80,
|
|
32
35
|
marginBottom: inputType === 'keyboard' ? 24 : 0
|
|
33
|
-
}]
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
36
|
+
}],
|
|
37
|
+
children: [/*#__PURE__*/_jsx(SwitchButton, {
|
|
38
|
+
label: "AM",
|
|
39
|
+
onPress: () => {
|
|
40
|
+
setMode('AM');
|
|
41
|
+
if (hours - 12 >= 0) {
|
|
42
|
+
onChange(hours - 12);
|
|
43
|
+
}
|
|
44
|
+
},
|
|
45
|
+
selected: isAM,
|
|
46
|
+
disabled: isAM
|
|
47
|
+
}), /*#__PURE__*/_jsx(View, {
|
|
48
|
+
style: [styles.switchSeparator, {
|
|
49
|
+
backgroundColor
|
|
50
|
+
}]
|
|
51
|
+
}), /*#__PURE__*/_jsx(SwitchButton, {
|
|
52
|
+
label: "PM",
|
|
53
|
+
onPress: () => {
|
|
54
|
+
setMode('PM');
|
|
55
|
+
if (hours + 12 <= 24) {
|
|
56
|
+
onChange(hours + 12);
|
|
57
|
+
}
|
|
58
|
+
},
|
|
59
|
+
selected: !isAM,
|
|
60
|
+
disabled: !isAM
|
|
61
|
+
})]
|
|
62
|
+
});
|
|
59
63
|
}
|
|
60
64
|
function SwitchButton({
|
|
61
65
|
label,
|
|
@@ -69,9 +73,9 @@ function SwitchButton({
|
|
|
69
73
|
color
|
|
70
74
|
} = useSwitchColors(selected);
|
|
71
75
|
let textFont = theme?.isV3 ? theme.fonts.titleMedium : theme.fonts.medium;
|
|
72
|
-
return /*#__PURE__*/
|
|
76
|
+
return /*#__PURE__*/_jsx(TouchableRipple, {
|
|
73
77
|
onPress: onPress,
|
|
74
|
-
style:
|
|
78
|
+
style: sharedStyles.root,
|
|
75
79
|
accessibilityLabel: label
|
|
76
80
|
// @ts-ignore old React Native versions
|
|
77
81
|
,
|
|
@@ -83,19 +87,22 @@ function SwitchButton({
|
|
|
83
87
|
accessibilityState: {
|
|
84
88
|
disabled
|
|
85
89
|
},
|
|
86
|
-
disabled: disabled
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
90
|
+
disabled: disabled,
|
|
91
|
+
children: /*#__PURE__*/_jsx(View, {
|
|
92
|
+
style: [styles.switchButtonInner, {
|
|
93
|
+
backgroundColor
|
|
94
|
+
}],
|
|
95
|
+
children: /*#__PURE__*/_jsx(Text, {
|
|
96
|
+
maxFontSizeMultiplier: 1.5,
|
|
97
|
+
selectable: false,
|
|
98
|
+
style: [{
|
|
99
|
+
...textFont,
|
|
100
|
+
color: color
|
|
101
|
+
}],
|
|
102
|
+
children: label
|
|
103
|
+
})
|
|
104
|
+
})
|
|
105
|
+
});
|
|
99
106
|
}
|
|
100
107
|
const styles = StyleSheet.create({
|
|
101
108
|
root: {
|
|
@@ -107,9 +114,6 @@ const styles = StyleSheet.create({
|
|
|
107
114
|
height: 1,
|
|
108
115
|
width: 52
|
|
109
116
|
},
|
|
110
|
-
switchButton: {
|
|
111
|
-
flex: 1
|
|
112
|
-
},
|
|
113
117
|
switchButtonInner: {
|
|
114
118
|
flex: 1,
|
|
115
119
|
alignItems: 'center',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["View","StyleSheet","Text","TouchableRipple","useTheme","useContext","useMemo","Color","inputTypes","useSwitchColors","DisplayModeContext","React","sharedStyles","jsx","_jsx","jsxs","_jsxs","AmPmSwitcher","onChange","hours","inputType","theme","setMode","mode","backgroundColor","isV3","colors","outline","dark","surface","lighten","hex","darken","isAM","style","styles","root","borderColor","borderRadius","roundness","height","keyboard","marginBottom","children","SwitchButton","label","onPress","selected","disabled","switchSeparator","color","textFont","fonts","titleMedium","medium","accessibilityLabel","accessibilityTraits","accessibilityComponentType","accessibilityRole","accessibilityState","switchButtonInner","maxFontSizeMultiplier","selectable","create","width","borderWidth","overflow","flex","alignItems","justifyContent"],"sourceRoot":"../../../src","sources":["Time/AmPmSwitcher.tsx"],"mappings":"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"}
|
|
@@ -1,14 +1,19 @@
|
|
|
1
|
-
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); }
|
|
2
1
|
import Color from 'color';
|
|
3
2
|
import { PanResponder, StyleSheet, View } from 'react-native';
|
|
4
3
|
import { useTheme } from 'react-native-paper';
|
|
5
4
|
import { circleSize, clockTypes, getAngle, getHours, getHourType, getHourTypeFromOffset, getMinutes, hourTypes } from './timeUtils';
|
|
6
|
-
import
|
|
7
|
-
import { useLatest } from '../utils';
|
|
5
|
+
import { useLatest } from '../shared/utils';
|
|
8
6
|
import AnalogClockHours from './AnalogClockHours';
|
|
9
7
|
import AnimatedClockSwitcher from './AnimatedClockSwitcher';
|
|
10
8
|
import AnalogClockMinutes from './AnalogClockMinutes';
|
|
11
9
|
import { DisplayModeContext } from '../contexts/DisplayModeContext';
|
|
10
|
+
import { memo, useCallback, useContext, useRef } from 'react';
|
|
11
|
+
import React from 'react';
|
|
12
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
14
|
+
function returnTrue() {
|
|
15
|
+
return true;
|
|
16
|
+
}
|
|
12
17
|
function AnalogClock({
|
|
13
18
|
hours,
|
|
14
19
|
minutes,
|
|
@@ -16,13 +21,15 @@ function AnalogClock({
|
|
|
16
21
|
is24Hour,
|
|
17
22
|
onChange
|
|
18
23
|
}) {
|
|
24
|
+
const shortPointer = hours >= 12 && is24Hour;
|
|
19
25
|
const theme = useTheme();
|
|
20
26
|
const {
|
|
21
27
|
mode
|
|
22
|
-
} =
|
|
28
|
+
} = useContext(DisplayModeContext);
|
|
29
|
+
|
|
23
30
|
// used to make pointer shorter if hours are selected and above 12
|
|
24
|
-
const
|
|
25
|
-
|
|
31
|
+
const clockRef = useRef(null);
|
|
32
|
+
|
|
26
33
|
// Hooks are nice, sometimes... :-)..
|
|
27
34
|
// We need the latest values, since the onPointerMove uses a closure to the function
|
|
28
35
|
const hoursRef = useLatest(hours);
|
|
@@ -31,7 +38,7 @@ function AnalogClock({
|
|
|
31
38
|
const focusedRef = useLatest(focused);
|
|
32
39
|
const is24HourRef = useLatest(is24Hour);
|
|
33
40
|
const modeRef = useLatest(mode);
|
|
34
|
-
const onPointerMove =
|
|
41
|
+
const onPointerMove = useCallback((e, final) => {
|
|
35
42
|
let x = e.nativeEvent.locationX;
|
|
36
43
|
let y = e.nativeEvent.locationY;
|
|
37
44
|
let angle = getAngle(x, y, circleSize);
|
|
@@ -75,7 +82,7 @@ function AnalogClock({
|
|
|
75
82
|
}
|
|
76
83
|
}
|
|
77
84
|
}, [focusedRef, is24HourRef, hoursRef, onChangeRef, minutesRef, modeRef]);
|
|
78
|
-
const panResponder =
|
|
85
|
+
const panResponder = useRef(PanResponder.create({
|
|
79
86
|
onPanResponderGrant: e => onPointerMove(e, false),
|
|
80
87
|
onPanResponderMove: e => onPointerMove(e, false),
|
|
81
88
|
onPanResponderRelease: e => onPointerMove(e, true),
|
|
@@ -91,82 +98,82 @@ function AnalogClock({
|
|
|
91
98
|
const degreesPerNumber = focused === clockTypes.hours ? 30 : 6;
|
|
92
99
|
const v3Color = theme.colors.surfaceVariant;
|
|
93
100
|
const v2Color = theme.dark ? Color(theme.colors.surface).lighten(1.4).hex() : Color(theme.colors.surface).darken(0.1).hex();
|
|
94
|
-
return /*#__PURE__*/
|
|
95
|
-
ref: clockRef
|
|
96
|
-
|
|
101
|
+
return /*#__PURE__*/_jsxs(View, {
|
|
102
|
+
ref: clockRef,
|
|
103
|
+
...panResponder.panHandlers,
|
|
97
104
|
style: [styles.clock, {
|
|
98
105
|
backgroundColor: theme.isV3 ? v3Color : v2Color
|
|
99
106
|
}]
|
|
100
107
|
// @ts-ignore -> https://github.com/necolas/react-native-web/issues/506
|
|
101
108
|
,
|
|
102
|
-
cursor: 'pointer'
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
109
|
+
cursor: 'pointer',
|
|
110
|
+
children: [/*#__PURE__*/_jsx(View, {
|
|
111
|
+
style: [styles.line, {
|
|
112
|
+
backgroundColor: theme.colors.primary,
|
|
113
|
+
transform: [{
|
|
114
|
+
rotate: -90 + pointerNumber * degreesPerNumber + 'deg'
|
|
115
|
+
}, {
|
|
116
|
+
translateX: circleSize / 4 - (focused === clockTypes.hours && pointerNumber >= 0 && pointerNumber < 13 ? 0 : 4) + (focused === clockTypes.minutes ? 4 : 0) - dynamicSize / 2
|
|
117
|
+
}],
|
|
118
|
+
width: circleSize / 2 - 4 - dynamicSize
|
|
110
119
|
}],
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
}
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
120
|
+
pointerEvents: "none",
|
|
121
|
+
children: /*#__PURE__*/_jsx(View, {
|
|
122
|
+
style: [styles.endPoint, {
|
|
123
|
+
backgroundColor: theme.colors.primary
|
|
124
|
+
}]
|
|
125
|
+
})
|
|
126
|
+
}), /*#__PURE__*/_jsx(View, {
|
|
127
|
+
style: [StyleSheet.absoluteFill, styles.center],
|
|
128
|
+
pointerEvents: "none",
|
|
129
|
+
children: /*#__PURE__*/_jsx(View, {
|
|
130
|
+
style: [styles.middlePoint, {
|
|
131
|
+
backgroundColor: theme.colors.primary
|
|
132
|
+
}]
|
|
133
|
+
})
|
|
134
|
+
}), /*#__PURE__*/_jsx(AnimatedClockSwitcher, {
|
|
135
|
+
focused: focused,
|
|
136
|
+
hours: /*#__PURE__*/_jsx(AnalogClockHours, {
|
|
137
|
+
is24Hour: is24Hour,
|
|
138
|
+
hours: hours
|
|
139
|
+
}),
|
|
140
|
+
minutes: /*#__PURE__*/_jsx(AnalogClockMinutes, {
|
|
141
|
+
minutes: minutes
|
|
142
|
+
})
|
|
143
|
+
})]
|
|
144
|
+
});
|
|
135
145
|
}
|
|
136
146
|
const styles = StyleSheet.create({
|
|
137
|
-
|
|
138
|
-
height: circleSize,
|
|
139
|
-
width: circleSize,
|
|
140
|
-
position: 'relative',
|
|
141
|
-
justifyContent: 'center',
|
|
147
|
+
center: {
|
|
142
148
|
alignItems: 'center',
|
|
143
|
-
|
|
144
|
-
},
|
|
145
|
-
middlePoint: {
|
|
146
|
-
borderRadius: 4,
|
|
147
|
-
height: 8,
|
|
148
|
-
width: 8
|
|
149
|
+
justifyContent: 'center'
|
|
149
150
|
},
|
|
150
|
-
|
|
151
|
+
clock: {
|
|
152
|
+
alignItems: 'center',
|
|
153
|
+
borderRadius: circleSize / 2,
|
|
154
|
+
height: circleSize,
|
|
151
155
|
justifyContent: 'center',
|
|
152
|
-
|
|
156
|
+
position: 'relative',
|
|
157
|
+
width: circleSize
|
|
153
158
|
},
|
|
154
159
|
endPoint: {
|
|
155
160
|
borderRadius: 24,
|
|
161
|
+
bottom: -23,
|
|
156
162
|
height: 48,
|
|
157
|
-
width: 48,
|
|
158
163
|
position: 'absolute',
|
|
159
164
|
right: 0,
|
|
160
|
-
|
|
165
|
+
width: 48
|
|
161
166
|
},
|
|
162
167
|
line: {
|
|
163
|
-
|
|
168
|
+
borderRadius: 4,
|
|
164
169
|
height: 2,
|
|
165
|
-
|
|
170
|
+
position: 'absolute'
|
|
171
|
+
},
|
|
172
|
+
middlePoint: {
|
|
173
|
+
borderRadius: 4,
|
|
174
|
+
height: 8,
|
|
175
|
+
width: 8
|
|
166
176
|
}
|
|
167
177
|
});
|
|
168
|
-
|
|
169
|
-
return true;
|
|
170
|
-
}
|
|
171
|
-
export default /*#__PURE__*/React.memo(AnalogClock);
|
|
178
|
+
export default /*#__PURE__*/memo(AnalogClock);
|
|
172
179
|
//# sourceMappingURL=AnalogClock.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Color","PanResponder","StyleSheet","View","useTheme","circleSize","clockTypes","getAngle","getHours","getHourType","getHourTypeFromOffset","getMinutes","hourTypes","
|
|
1
|
+
{"version":3,"names":["Color","PanResponder","StyleSheet","View","useTheme","circleSize","clockTypes","getAngle","getHours","getHourType","getHourTypeFromOffset","getMinutes","hourTypes","useLatest","AnalogClockHours","AnimatedClockSwitcher","AnalogClockMinutes","DisplayModeContext","memo","useCallback","useContext","useRef","React","jsx","_jsx","jsxs","_jsxs","returnTrue","AnalogClock","hours","minutes","focused","is24Hour","onChange","shortPointer","theme","mode","clockRef","hoursRef","onChangeRef","minutesRef","focusedRef","is24HourRef","modeRef","onPointerMove","e","final","x","nativeEvent","locationX","y","locationY","angle","current","hours24","previousHourType","pickedHours","hours12AndPm","hourTypeFromOffset","hours24AndPM","pm","undefined","pickedMinutes","panResponder","create","onPanResponderGrant","onPanResponderMove","onPanResponderRelease","onStartShouldSetPanResponder","onStartShouldSetPanResponderCapture","onMoveShouldSetPanResponder","onMoveShouldSetPanResponderCapture","onPanResponderTerminationRequest","onShouldBlockNativeResponder","dynamicSize","pointerNumber","degreesPerNumber","v3Color","colors","surfaceVariant","v2Color","dark","surface","lighten","hex","darken","ref","panHandlers","style","styles","clock","backgroundColor","isV3","cursor","children","line","primary","transform","rotate","translateX","width","pointerEvents","endPoint","absoluteFill","center","middlePoint","alignItems","justifyContent","borderRadius","height","position","bottom","right"],"sourceRoot":"../../../src","sources":["Time/AnalogClock.tsx"],"mappings":"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"}
|
|
@@ -1,8 +1,11 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
1
|
import { View, StyleSheet } from 'react-native';
|
|
3
2
|
import { Text } from 'react-native-paper';
|
|
4
3
|
import { circleSize } from './timeUtils';
|
|
5
|
-
import { useTextColorOnPrimary } from '../utils';
|
|
4
|
+
import { useTextColorOnPrimary } from '../shared/utils';
|
|
5
|
+
import React, { memo } from 'react';
|
|
6
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
|
+
import { Fragment as _Fragment } from "react/jsx-runtime";
|
|
8
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
6
9
|
function AnalogClockHours({
|
|
7
10
|
is24Hour,
|
|
8
11
|
hours
|
|
@@ -10,68 +13,60 @@ function AnalogClockHours({
|
|
|
10
13
|
const outerRange = getHourNumbers(false, circleSize, 12, 12);
|
|
11
14
|
const innerRange = getHourNumbers(true, circleSize, 12, 12);
|
|
12
15
|
const color = useTextColorOnPrimary();
|
|
13
|
-
return /*#__PURE__*/
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
16
|
+
return /*#__PURE__*/_jsxs(_Fragment, {
|
|
17
|
+
children: [outerRange.map((a, i) => /*#__PURE__*/_jsx(View, {
|
|
18
|
+
pointerEvents: "none",
|
|
19
|
+
style: [styles.hourRoot, {
|
|
20
|
+
top: a[1] || 0,
|
|
21
|
+
left: a[0] || 0
|
|
22
|
+
}],
|
|
23
|
+
children: /*#__PURE__*/_jsx(View, {
|
|
24
|
+
style: styles.hourInner,
|
|
25
|
+
children: /*#__PURE__*/_jsx(Text, {
|
|
26
|
+
maxFontSizeMultiplier: 1.5,
|
|
27
|
+
style: !is24Hour && i + 1 === hours || hours === i + 1 && hours !== 12 || i + 1 === 12 && hours === 0 ? {
|
|
28
|
+
color
|
|
29
|
+
} : null,
|
|
30
|
+
variant: "bodyLarge",
|
|
31
|
+
selectable: false,
|
|
32
|
+
children: is24Hour && i + 1 === 12 ? '00' : i + 1
|
|
33
|
+
})
|
|
34
|
+
})
|
|
35
|
+
}, i)), is24Hour ? innerRange.map((a, i) => /*#__PURE__*/_jsx(View, {
|
|
36
|
+
pointerEvents: "none",
|
|
37
|
+
style: [styles.hourRoot, {
|
|
38
|
+
top: a[1] || 0,
|
|
39
|
+
left: a[0] || 0
|
|
40
|
+
}],
|
|
41
|
+
children: /*#__PURE__*/_jsx(View, {
|
|
42
|
+
style: styles.hourInner,
|
|
43
|
+
children: /*#__PURE__*/_jsx(Text, {
|
|
44
|
+
maxFontSizeMultiplier: 1.5,
|
|
45
|
+
selectable: false,
|
|
46
|
+
style: [i + 13 === hours || i + 13 === 24 && hours === 12 ? {
|
|
47
|
+
color
|
|
48
|
+
} : null],
|
|
49
|
+
variant: "bodyLarge",
|
|
50
|
+
children: i + 13 === 24 ? '12' : i + 13
|
|
51
|
+
})
|
|
52
|
+
})
|
|
53
|
+
}, i)) : null]
|
|
54
|
+
});
|
|
46
55
|
}
|
|
47
56
|
const styles = StyleSheet.create({
|
|
48
|
-
|
|
49
|
-
position: 'absolute',
|
|
50
|
-
justifyContent: 'center',
|
|
51
|
-
alignItems: 'center',
|
|
52
|
-
zIndex: 20,
|
|
53
|
-
width: 48,
|
|
54
|
-
height: 48,
|
|
55
|
-
marginLeft: -24,
|
|
56
|
-
marginTop: -24,
|
|
57
|
-
borderRadius: 24
|
|
58
|
-
},
|
|
59
|
-
outerHourInner: {
|
|
57
|
+
hourInner: {
|
|
60
58
|
borderRadius: 24
|
|
61
59
|
},
|
|
62
|
-
|
|
60
|
+
hourRoot: {
|
|
63
61
|
position: 'absolute',
|
|
64
|
-
zIndex: 20,
|
|
65
62
|
justifyContent: 'center',
|
|
66
63
|
alignItems: 'center',
|
|
64
|
+
zIndex: 20,
|
|
67
65
|
width: 48,
|
|
68
66
|
height: 48,
|
|
69
67
|
marginLeft: -24,
|
|
70
68
|
marginTop: -24,
|
|
71
69
|
borderRadius: 24
|
|
72
|
-
},
|
|
73
|
-
innerHourInner: {
|
|
74
|
-
borderRadius: 24
|
|
75
70
|
}
|
|
76
71
|
});
|
|
77
72
|
function getHourNumbers(is24Hour, size, count, arrayLength) {
|
|
@@ -86,5 +81,5 @@ function getHourNumbers(is24Hour, size, count, arrayLength) {
|
|
|
86
81
|
return [x, y];
|
|
87
82
|
});
|
|
88
83
|
}
|
|
89
|
-
export default /*#__PURE__*/
|
|
84
|
+
export default /*#__PURE__*/memo(AnalogClockHours);
|
|
90
85
|
//# sourceMappingURL=AnalogClockHours.js.map
|