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
|
@@ -4,12 +4,13 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
var React = _interopRequireWildcard(require("react"));
|
|
8
7
|
var _reactNative = require("react-native");
|
|
8
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
9
9
|
var _timeUtils = require("./timeUtils");
|
|
10
10
|
var _AnalogClock = _interopRequireDefault(require("./AnalogClock"));
|
|
11
11
|
var _TimeInputs = _interopRequireDefault(require("./TimeInputs"));
|
|
12
12
|
var _DisplayModeContext = require("../contexts/DisplayModeContext");
|
|
13
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
14
15
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
15
16
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
@@ -24,12 +25,12 @@ function TimePicker({
|
|
|
24
25
|
use24HourClock,
|
|
25
26
|
inputFontSize
|
|
26
27
|
}) {
|
|
27
|
-
const [displayMode, setDisplayMode] = React.useState(undefined);
|
|
28
28
|
const dimensions = (0, _reactNative.useWindowDimensions)();
|
|
29
29
|
const isLandscape = dimensions.width > dimensions.height;
|
|
30
|
+
const [displayMode, setDisplayMode] = (0, _react.useState)(undefined);
|
|
30
31
|
|
|
31
32
|
// method to check whether we have 24 hours in clock or 12
|
|
32
|
-
const is24Hour =
|
|
33
|
+
const is24Hour = (0, _react.useMemo)(() => {
|
|
33
34
|
if (use24HourClock !== undefined) {
|
|
34
35
|
return use24HourClock;
|
|
35
36
|
}
|
|
@@ -43,7 +44,7 @@ function TimePicker({
|
|
|
43
44
|
}, [locale, use24HourClock]);
|
|
44
45
|
|
|
45
46
|
// Initialize display Mode according the hours value
|
|
46
|
-
|
|
47
|
+
(0, _react.useEffect)(() => {
|
|
47
48
|
if (hours >= 12) {
|
|
48
49
|
setDisplayMode('PM');
|
|
49
50
|
} else {
|
|
@@ -51,40 +52,48 @@ function TimePicker({
|
|
|
51
52
|
}
|
|
52
53
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
53
54
|
}, []);
|
|
54
|
-
const onInnerChange =
|
|
55
|
+
const onInnerChange = (0, _react.useCallback)(params => {
|
|
55
56
|
params.hours = (0, _timeUtils.toHourOutputFormat)(params.hours, hours, is24Hour);
|
|
56
57
|
onChange(params);
|
|
57
58
|
}, [onChange, hours, is24Hour]);
|
|
58
|
-
return /*#__PURE__*/
|
|
59
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DisplayModeContext.DisplayModeContext.Provider, {
|
|
59
60
|
value: {
|
|
60
61
|
mode: displayMode,
|
|
61
62
|
setMode: setDisplayMode
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
63
|
+
},
|
|
64
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
65
|
+
style: isLandscape ? [styles.rootLandscape, {
|
|
66
|
+
width: 24 * 3 + 96 * 2 + 52 + (inputType === _timeUtils.inputTypes.picker ? _timeUtils.circleSize : -_timeUtils.circleSize)
|
|
67
|
+
}] : styles.rootPortrait,
|
|
68
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TimeInputs.default, {
|
|
69
|
+
inputType: inputType,
|
|
70
|
+
inputFontSize: inputFontSize,
|
|
71
|
+
hours: hours,
|
|
72
|
+
minutes: minutes,
|
|
73
|
+
is24Hour: is24Hour,
|
|
74
|
+
onChange: onChange,
|
|
75
|
+
onFocusInput: onFocusInput,
|
|
76
|
+
focused: focused,
|
|
77
|
+
locale: locale
|
|
78
|
+
}), inputType === _timeUtils.inputTypes.picker ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
79
|
+
style: styles.clockContainer,
|
|
80
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_AnalogClock.default, {
|
|
81
|
+
hours: (0, _timeUtils.toHourInputFormat)(hours, is24Hour),
|
|
82
|
+
minutes: minutes,
|
|
83
|
+
focused: focused,
|
|
84
|
+
is24Hour: is24Hour,
|
|
85
|
+
onChange: onInnerChange
|
|
86
|
+
})
|
|
87
|
+
}) : null]
|
|
88
|
+
})
|
|
89
|
+
});
|
|
86
90
|
}
|
|
87
91
|
const styles = _reactNative.StyleSheet.create({
|
|
92
|
+
clockContainer: {
|
|
93
|
+
paddingTop: 36,
|
|
94
|
+
paddingLeft: 12,
|
|
95
|
+
paddingRight: 12
|
|
96
|
+
},
|
|
88
97
|
rootLandscape: {
|
|
89
98
|
flexDirection: 'row',
|
|
90
99
|
alignItems: 'center',
|
|
@@ -93,12 +102,7 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
93
102
|
rootPortrait: {
|
|
94
103
|
alignItems: 'center',
|
|
95
104
|
justifyContent: 'center'
|
|
96
|
-
},
|
|
97
|
-
clockContainer: {
|
|
98
|
-
paddingTop: 36,
|
|
99
|
-
paddingLeft: 12,
|
|
100
|
-
paddingRight: 12
|
|
101
105
|
}
|
|
102
106
|
});
|
|
103
|
-
var _default = exports.default = /*#__PURE__*/
|
|
107
|
+
var _default = exports.default = /*#__PURE__*/(0, _react.memo)(TimePicker);
|
|
104
108
|
//# sourceMappingURL=TimePicker.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_react","_interopRequireWildcard","_timeUtils","_AnalogClock","_interopRequireDefault","_TimeInputs","_DisplayModeContext","_jsxRuntime","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","TimePicker","hours","minutes","onFocusInput","focused","inputType","onChange","locale","use24HourClock","inputFontSize","dimensions","useWindowDimensions","isLandscape","width","height","displayMode","setDisplayMode","useState","undefined","is24Hour","useMemo","formatter","Intl","DateTimeFormat","hour","minute","timeZone","formatted","format","Date","UTC","includes","useEffect","onInnerChange","useCallback","params","toHourOutputFormat","jsx","DisplayModeContext","Provider","value","mode","setMode","children","jsxs","View","style","styles","rootLandscape","inputTypes","picker","circleSize","rootPortrait","clockContainer","toHourInputFormat","StyleSheet","create","paddingTop","paddingLeft","paddingRight","flexDirection","alignItems","justifyContent","_default","exports","memo"],"sourceRoot":"../../../src","sources":["Time/TimePicker.tsx"],"mappings":"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"}
|
|
@@ -5,15 +5,17 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.TimePickerModal = TimePickerModal;
|
|
7
7
|
exports.default = void 0;
|
|
8
|
-
var React = _interopRequireWildcard(require("react"));
|
|
9
8
|
var _reactNative = require("react-native");
|
|
10
9
|
var _reactNativePaper = require("react-native-paper");
|
|
11
10
|
var _TimePicker = _interopRequireDefault(require("./TimePicker"));
|
|
12
11
|
var _timeUtils = require("./timeUtils");
|
|
13
|
-
|
|
12
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
13
|
+
var _styles = require("../shared/styles");
|
|
14
|
+
var _utils = require("../shared/utils");
|
|
15
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
16
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
15
17
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
16
|
-
|
|
18
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
19
|
function TimePickerModal({
|
|
18
20
|
visible,
|
|
19
21
|
onDismiss,
|
|
@@ -33,6 +35,24 @@ function TimePickerModal({
|
|
|
33
35
|
defaultInputType
|
|
34
36
|
}) {
|
|
35
37
|
const theme = (0, _reactNativePaper.useTheme)();
|
|
38
|
+
const [inputType, setInputType] = (0, _react.useState)(defaultInputType || _timeUtils.inputTypes.picker);
|
|
39
|
+
const [focused, setFocused] = (0, _react.useState)(_timeUtils.clockTypes.hours);
|
|
40
|
+
const [localHours, setLocalHours] = (0, _react.useState)(getHours(hours));
|
|
41
|
+
const [localMinutes, setLocalMinutes] = (0, _react.useState)(getMinutes(minutes));
|
|
42
|
+
(0, _react.useEffect)(() => {
|
|
43
|
+
setLocalHours(getHours(hours));
|
|
44
|
+
}, [setLocalHours, hours]);
|
|
45
|
+
(0, _react.useEffect)(() => {
|
|
46
|
+
setLocalMinutes(getMinutes(minutes));
|
|
47
|
+
}, [setLocalMinutes, minutes]);
|
|
48
|
+
const onFocusInput = (0, _react.useCallback)(type => setFocused(type), []);
|
|
49
|
+
const onChange = (0, _react.useCallback)(params => {
|
|
50
|
+
if (params.focused) {
|
|
51
|
+
setFocused(params.focused);
|
|
52
|
+
}
|
|
53
|
+
setLocalHours(params.hours);
|
|
54
|
+
setLocalMinutes(params.minutes);
|
|
55
|
+
}, [setFocused, setLocalHours, setLocalMinutes]);
|
|
36
56
|
const defaultUppercase = !theme.isV3;
|
|
37
57
|
const uppercase = _uppercase ?? defaultUppercase;
|
|
38
58
|
let textFont;
|
|
@@ -42,103 +62,98 @@ function TimePickerModal({
|
|
|
42
62
|
} else {
|
|
43
63
|
textFont = theme?.fonts.medium;
|
|
44
64
|
}
|
|
45
|
-
const [inputType, setInputType] = React.useState(defaultInputType || _timeUtils.inputTypes.picker);
|
|
46
|
-
const [focused, setFocused] = React.useState(_timeUtils.clockTypes.hours);
|
|
47
|
-
const [localHours, setLocalHours] = React.useState(getHours(hours));
|
|
48
|
-
const [localMinutes, setLocalMinutes] = React.useState(getMinutes(minutes));
|
|
49
65
|
if (inputType === _timeUtils.inputTypes.keyboard && !label) {
|
|
50
66
|
labelText = 'Enter time';
|
|
51
67
|
}
|
|
52
|
-
React.useEffect(() => {
|
|
53
|
-
setLocalHours(getHours(hours));
|
|
54
|
-
}, [setLocalHours, hours]);
|
|
55
|
-
React.useEffect(() => {
|
|
56
|
-
setLocalMinutes(getMinutes(minutes));
|
|
57
|
-
}, [setLocalMinutes, minutes]);
|
|
58
|
-
const onFocusInput = React.useCallback(type => setFocused(type), []);
|
|
59
|
-
const onChange = React.useCallback(params => {
|
|
60
|
-
if (params.focused) {
|
|
61
|
-
setFocused(params.focused);
|
|
62
|
-
}
|
|
63
|
-
setLocalHours(params.hours);
|
|
64
|
-
setLocalMinutes(params.minutes);
|
|
65
|
-
}, [setFocused, setLocalHours, setLocalMinutes]);
|
|
66
68
|
let color;
|
|
67
69
|
if (theme.isV3) {
|
|
68
70
|
color = theme.dark ? theme.colors.elevation.level3 : theme.colors.surface;
|
|
69
71
|
} else {
|
|
70
72
|
color = theme.dark ? (0, _reactNativePaper.overlay)(10, theme.colors.surface) : theme.colors.surface;
|
|
71
73
|
}
|
|
72
|
-
return /*#__PURE__*/
|
|
74
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Modal, {
|
|
73
75
|
animationType: animationType,
|
|
74
76
|
transparent: true,
|
|
75
77
|
visible: visible,
|
|
76
78
|
onRequestClose: onDismiss,
|
|
77
79
|
presentationStyle: "overFullScreen",
|
|
78
|
-
supportedOrientations: supportedOrientations,
|
|
79
|
-
statusBarTranslucent: true
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
80
|
+
supportedOrientations: _utils.supportedOrientations,
|
|
81
|
+
statusBarTranslucent: true,
|
|
82
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
83
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableWithoutFeedback, {
|
|
84
|
+
onPress: onDismiss,
|
|
85
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
86
|
+
style: [_reactNative.StyleSheet.absoluteFill, _styles.sharedStyles.root, {
|
|
87
|
+
backgroundColor: theme.colors?.backdrop
|
|
88
|
+
}]
|
|
89
|
+
})
|
|
90
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
91
|
+
style: [_reactNative.StyleSheet.absoluteFill, styles.center],
|
|
92
|
+
pointerEvents: "box-none",
|
|
93
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.KeyboardAvoidingView, {
|
|
94
|
+
style: styles.center,
|
|
95
|
+
behavior: "padding",
|
|
96
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Animated.View, {
|
|
97
|
+
style: [styles.modalContent,
|
|
98
|
+
// eslint-disable-next-line react-native/no-inline-styles
|
|
99
|
+
{
|
|
100
|
+
backgroundColor: color,
|
|
101
|
+
borderRadius: theme.isV3 ? 28 : undefined
|
|
102
|
+
}],
|
|
103
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
104
|
+
style: styles.labelContainer,
|
|
105
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
106
|
+
maxFontSizeMultiplier: 1.5,
|
|
107
|
+
style: [styles.label, {
|
|
108
|
+
...textFont,
|
|
109
|
+
color: theme?.isV3 ? theme.colors.onSurfaceVariant : theme.colors.text
|
|
110
|
+
}],
|
|
111
|
+
children: uppercase ? labelText.toUpperCase() : labelText
|
|
112
|
+
})
|
|
113
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
114
|
+
style: styles.timePickerContainer,
|
|
115
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TimePicker.default, {
|
|
116
|
+
locale: locale,
|
|
117
|
+
inputType: inputType,
|
|
118
|
+
use24HourClock: use24HourClock,
|
|
119
|
+
inputFontSize: inputFontSize,
|
|
120
|
+
focused: focused,
|
|
121
|
+
hours: localHours,
|
|
122
|
+
minutes: localMinutes,
|
|
123
|
+
onChange: onChange,
|
|
124
|
+
onFocusInput: onFocusInput
|
|
125
|
+
})
|
|
126
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
127
|
+
style: styles.bottom,
|
|
128
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativePaper.IconButton, {
|
|
129
|
+
icon: (0, _timeUtils.getTimeInputTypeIcon)(inputType, {
|
|
130
|
+
keyboard: keyboardIcon,
|
|
131
|
+
picker: clockIcon
|
|
132
|
+
}),
|
|
133
|
+
onPress: () => setInputType(_timeUtils.reverseInputTypes[inputType]),
|
|
134
|
+
size: 24,
|
|
135
|
+
style: styles.inputTypeToggle,
|
|
136
|
+
accessibilityLabel: "toggle keyboard"
|
|
137
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
138
|
+
style: _styles.sharedStyles.root
|
|
139
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativePaper.Button, {
|
|
140
|
+
onPress: onDismiss,
|
|
141
|
+
uppercase: uppercase,
|
|
142
|
+
children: cancelLabel
|
|
143
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativePaper.Button, {
|
|
144
|
+
onPress: () => onConfirm({
|
|
145
|
+
hours: localHours,
|
|
146
|
+
minutes: localMinutes
|
|
147
|
+
}),
|
|
148
|
+
uppercase: uppercase,
|
|
149
|
+
children: confirmLabel
|
|
150
|
+
})]
|
|
151
|
+
})]
|
|
152
|
+
})
|
|
153
|
+
})
|
|
154
|
+
})]
|
|
155
|
+
})
|
|
156
|
+
});
|
|
142
157
|
}
|
|
143
158
|
function getMinutes(minutes) {
|
|
144
159
|
return minutes === undefined || minutes === null ? new Date().getMinutes() : minutes;
|
|
@@ -147,18 +162,28 @@ function getHours(hours) {
|
|
|
147
162
|
return hours === undefined || hours === null ? new Date().getHours() : hours;
|
|
148
163
|
}
|
|
149
164
|
const styles = _reactNative.StyleSheet.create({
|
|
150
|
-
|
|
151
|
-
|
|
165
|
+
bottom: {
|
|
166
|
+
flexDirection: 'row',
|
|
152
167
|
alignItems: 'center',
|
|
153
|
-
|
|
168
|
+
padding: 8
|
|
154
169
|
},
|
|
155
|
-
|
|
170
|
+
center: {
|
|
156
171
|
justifyContent: 'center',
|
|
157
172
|
alignItems: 'center',
|
|
158
173
|
flex: 1
|
|
159
174
|
},
|
|
160
|
-
|
|
161
|
-
|
|
175
|
+
inputTypeToggle: {
|
|
176
|
+
margin: 4
|
|
177
|
+
},
|
|
178
|
+
labelContainer: {
|
|
179
|
+
justifyContent: 'flex-end',
|
|
180
|
+
paddingLeft: 24,
|
|
181
|
+
paddingRight: 24,
|
|
182
|
+
paddingTop: 16
|
|
183
|
+
},
|
|
184
|
+
label: {
|
|
185
|
+
letterSpacing: 1,
|
|
186
|
+
fontSize: 13
|
|
162
187
|
},
|
|
163
188
|
modalContent: {
|
|
164
189
|
shadowColor: '#000',
|
|
@@ -172,33 +197,12 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
172
197
|
minWidth: 287,
|
|
173
198
|
paddingVertical: 8
|
|
174
199
|
},
|
|
175
|
-
labelContainer: {
|
|
176
|
-
justifyContent: 'flex-end',
|
|
177
|
-
paddingLeft: 24,
|
|
178
|
-
paddingRight: 24,
|
|
179
|
-
paddingTop: 16
|
|
180
|
-
},
|
|
181
|
-
label: {
|
|
182
|
-
letterSpacing: 1,
|
|
183
|
-
fontSize: 13
|
|
184
|
-
},
|
|
185
200
|
timePickerContainer: {
|
|
186
201
|
paddingLeft: 24,
|
|
187
202
|
paddingTop: 20,
|
|
188
203
|
paddingBottom: 16,
|
|
189
204
|
paddingRight: 24
|
|
190
|
-
},
|
|
191
|
-
bottom: {
|
|
192
|
-
flexDirection: 'row',
|
|
193
|
-
alignItems: 'center',
|
|
194
|
-
padding: 8
|
|
195
|
-
},
|
|
196
|
-
inputTypeToggle: {
|
|
197
|
-
margin: 4
|
|
198
|
-
},
|
|
199
|
-
fill: {
|
|
200
|
-
flex: 1
|
|
201
205
|
}
|
|
202
206
|
});
|
|
203
|
-
var _default = exports.default = /*#__PURE__*/
|
|
207
|
+
var _default = exports.default = /*#__PURE__*/(0, _react.memo)(TimePickerModal);
|
|
204
208
|
//# sourceMappingURL=TimePickerModal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_reactNativePaper","_TimePicker","_interopRequireDefault","_timeUtils","_react","_interopRequireWildcard","_styles","_utils","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","TimePickerModal","visible","onDismiss","onConfirm","hours","minutes","label","uppercase","_uppercase","cancelLabel","confirmLabel","animationType","locale","keyboardIcon","clockIcon","use24HourClock","inputFontSize","defaultInputType","theme","useTheme","inputType","setInputType","useState","inputTypes","picker","focused","setFocused","clockTypes","localHours","setLocalHours","getHours","localMinutes","setLocalMinutes","getMinutes","useEffect","onFocusInput","useCallback","type","onChange","params","defaultUppercase","isV3","textFont","labelText","fonts","labelMedium","medium","keyboard","color","dark","colors","elevation","level3","surface","overlay","jsx","Modal","transparent","onRequestClose","presentationStyle","supportedOrientations","statusBarTranslucent","children","jsxs","Fragment","TouchableWithoutFeedback","onPress","View","style","StyleSheet","absoluteFill","sharedStyles","root","backgroundColor","backdrop","styles","center","pointerEvents","KeyboardAvoidingView","behavior","Animated","modalContent","borderRadius","undefined","labelContainer","Text","maxFontSizeMultiplier","onSurfaceVariant","text","toUpperCase","timePickerContainer","bottom","IconButton","icon","getTimeInputTypeIcon","reverseInputTypes","size","inputTypeToggle","accessibilityLabel","Button","Date","create","flexDirection","alignItems","padding","justifyContent","flex","margin","paddingLeft","paddingRight","paddingTop","letterSpacing","fontSize","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","minWidth","paddingVertical","paddingBottom","_default","exports","memo"],"sourceRoot":"../../../src","sources":["Time/TimePickerModal.tsx"],"mappings":"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"}
|
|
@@ -15,12 +15,10 @@ exports.toHourInputFormat = toHourInputFormat;
|
|
|
15
15
|
exports.toHourOutputFormat = toHourOutputFormat;
|
|
16
16
|
exports.useInputColors = useInputColors;
|
|
17
17
|
exports.useSwitchColors = useSwitchColors;
|
|
18
|
-
var React = _interopRequireWildcard(require("react"));
|
|
19
18
|
var _color = _interopRequireDefault(require("color"));
|
|
19
|
+
var _react = require("react");
|
|
20
20
|
var _reactNativePaper = require("react-native-paper");
|
|
21
21
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
22
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
23
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
24
22
|
const circleSize = exports.circleSize = 256;
|
|
25
23
|
const hourTypes = exports.hourTypes = {
|
|
26
24
|
am: 'am',
|
|
@@ -57,7 +55,6 @@ const clockTypes = exports.clockTypes = {
|
|
|
57
55
|
};
|
|
58
56
|
|
|
59
57
|
// Code inspiration and copied from: https://github.com/ShaneGH/analogue-time-picker/blob/master/src/utils/angle.ts
|
|
60
|
-
|
|
61
58
|
const outerHeight = 34;
|
|
62
59
|
const _30 = Math.PI / 6;
|
|
63
60
|
const _12 = Math.PI / 30;
|
|
@@ -132,7 +129,7 @@ function getAngle(left, top, size) {
|
|
|
132
129
|
}
|
|
133
130
|
function useSwitchColors(highlighted) {
|
|
134
131
|
const theme = (0, _reactNativePaper.useTheme)();
|
|
135
|
-
const backgroundColor =
|
|
132
|
+
const backgroundColor = (0, _react.useMemo)(() => {
|
|
136
133
|
if (theme.dark) {
|
|
137
134
|
if (highlighted) {
|
|
138
135
|
return theme.isV3 ? theme.colors.tertiaryContainer : (0, _color.default)(theme.colors.primary).hex();
|
|
@@ -147,7 +144,7 @@ function useSwitchColors(highlighted) {
|
|
|
147
144
|
}
|
|
148
145
|
return theme.colors.surface;
|
|
149
146
|
}, [highlighted, theme]);
|
|
150
|
-
const color =
|
|
147
|
+
const color = (0, _react.useMemo)(() => {
|
|
151
148
|
if (highlighted && !theme.dark) {
|
|
152
149
|
return theme.isV3 ? theme.colors.onSurfaceVariant : theme.colors.primary;
|
|
153
150
|
}
|
|
@@ -167,7 +164,7 @@ function useSwitchColors(highlighted) {
|
|
|
167
164
|
}
|
|
168
165
|
function useInputColors(highlighted) {
|
|
169
166
|
const theme = (0, _reactNativePaper.useTheme)();
|
|
170
|
-
const backgroundColor =
|
|
167
|
+
const backgroundColor = (0, _react.useMemo)(() => {
|
|
171
168
|
if (theme.dark) {
|
|
172
169
|
if (highlighted) {
|
|
173
170
|
return theme.isV3 ? theme.colors.primaryContainer : (0, _color.default)(theme.colors.primary).hex();
|
|
@@ -185,7 +182,7 @@ function useInputColors(highlighted) {
|
|
|
185
182
|
}
|
|
186
183
|
return (0, _color.default)(theme.colors.surface).darken(0.1).hex();
|
|
187
184
|
}, [highlighted, theme]);
|
|
188
|
-
const color =
|
|
185
|
+
const color = (0, _react.useMemo)(() => {
|
|
189
186
|
if (theme.isV3) {
|
|
190
187
|
if (!highlighted) {
|
|
191
188
|
return theme.isV3 ? theme.colors.onSurface : theme.colors.onBackground;
|