react-native-paper-dates 0.22.14 → 0.22.16
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 +13 -11
- 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 +13 -9
- 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 +18 -11
- 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,15 +4,16 @@ 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");
|
|
9
8
|
var _reactNativePaper = require("react-native-paper");
|
|
10
9
|
var _color = _interopRequireDefault(require("color"));
|
|
11
10
|
var _timeUtils = require("./timeUtils");
|
|
12
|
-
|
|
11
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
12
|
+
var _styles = require("../shared/styles");
|
|
13
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
14
|
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); }
|
|
14
15
|
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; }
|
|
15
|
-
function
|
|
16
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
16
17
|
function TimeInput({
|
|
17
18
|
value,
|
|
18
19
|
clockType,
|
|
@@ -23,74 +24,74 @@ function TimeInput({
|
|
|
23
24
|
inputFontSize = 57,
|
|
24
25
|
...rest
|
|
25
26
|
}, ref) {
|
|
26
|
-
const [controlledValue, setControlledValue] = React.useState(`${value}`);
|
|
27
|
-
const onInnerChange = text => {
|
|
28
|
-
setControlledValue(text);
|
|
29
|
-
if (text !== '' && text !== '0') {
|
|
30
|
-
onChanged(Number(text));
|
|
31
|
-
}
|
|
32
|
-
};
|
|
33
|
-
React.useEffect(() => {
|
|
34
|
-
setControlledValue(`${value}`);
|
|
35
|
-
}, [value]);
|
|
36
27
|
const theme = (0, _reactNativePaper.useTheme)();
|
|
37
|
-
const [inputFocused, setInputFocused] =
|
|
28
|
+
const [inputFocused, setInputFocused] = (0, _react.useState)(false);
|
|
29
|
+
const [controlledValue, setControlledValue] = (0, _react.useState)(`${value}`);
|
|
38
30
|
const highlighted = inputType === _timeUtils.inputTypes.picker ? pressed : inputFocused;
|
|
39
31
|
const {
|
|
40
32
|
color,
|
|
41
33
|
backgroundColor
|
|
42
34
|
} = (0, _timeUtils.useInputColors)(highlighted);
|
|
35
|
+
(0, _react.useEffect)(() => {
|
|
36
|
+
setControlledValue(`${value}`);
|
|
37
|
+
}, [value]);
|
|
38
|
+
const onInnerChange = text => {
|
|
39
|
+
setControlledValue(text);
|
|
40
|
+
if (text !== '' && text !== '0') {
|
|
41
|
+
onChanged(Number(text));
|
|
42
|
+
}
|
|
43
|
+
};
|
|
43
44
|
let formattedValue = controlledValue;
|
|
44
45
|
if (!inputFocused) {
|
|
45
46
|
formattedValue = controlledValue.length === 1 ? `0${controlledValue}` : `${controlledValue}`;
|
|
46
47
|
}
|
|
47
|
-
return /*#__PURE__*/
|
|
48
|
-
style: styles.root
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
48
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
49
|
+
style: styles.root,
|
|
50
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
|
|
51
|
+
ref: ref,
|
|
52
|
+
style: [styles.input,
|
|
53
|
+
// eslint-disable-next-line react-native/no-inline-styles
|
|
54
|
+
{
|
|
55
|
+
color,
|
|
56
|
+
fontFamily: theme?.isV3 ? theme.fonts.titleMedium.fontFamily : theme.fonts.medium.fontFamily,
|
|
57
|
+
fontSize: inputFontSize,
|
|
58
|
+
backgroundColor,
|
|
59
|
+
borderRadius: theme.roundness * 2,
|
|
60
|
+
borderColor: theme.isV3 && highlighted ? theme.colors.onPrimaryContainer : undefined,
|
|
61
|
+
borderWidth: theme.isV3 && highlighted ? 2 : 0,
|
|
62
|
+
height: inputType === _timeUtils.inputTypes.keyboard ? 72 : 80
|
|
63
|
+
}],
|
|
64
|
+
maxFontSizeMultiplier: 1.5,
|
|
65
|
+
value: formattedValue,
|
|
66
|
+
maxLength: 2,
|
|
67
|
+
onFocus: () => setInputFocused(true),
|
|
68
|
+
onBlur: () => setInputFocused(false),
|
|
69
|
+
keyboardAppearance: theme.dark ? 'dark' : 'default',
|
|
70
|
+
keyboardType: "number-pad",
|
|
71
|
+
onChangeText: onInnerChange,
|
|
72
|
+
...rest
|
|
73
|
+
}), onPress && inputType === _timeUtils.inputTypes.picker ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativePaper.TouchableRipple, {
|
|
74
|
+
style: [_reactNative.StyleSheet.absoluteFill, _styles.sharedStyles.overflowHidden, {
|
|
75
|
+
borderRadius: theme.roundness
|
|
76
|
+
}],
|
|
77
|
+
rippleColor: _reactNative.Platform.OS !== 'ios' ? (0, _color.default)(theme.colors.onSurface).fade(0.7).hex() : undefined,
|
|
78
|
+
onPress: () => onPress(clockType),
|
|
79
|
+
borderless: true,
|
|
80
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {})
|
|
81
|
+
}) : null]
|
|
82
|
+
});
|
|
79
83
|
}
|
|
80
84
|
const styles = _reactNative.StyleSheet.create({
|
|
81
|
-
root: {
|
|
82
|
-
position: 'relative',
|
|
83
|
-
height: 80,
|
|
84
|
-
width: 96
|
|
85
|
-
},
|
|
86
85
|
input: {
|
|
87
86
|
textAlign: 'center',
|
|
88
87
|
textAlignVertical: 'center',
|
|
89
88
|
width: 96
|
|
90
89
|
},
|
|
91
|
-
|
|
92
|
-
|
|
90
|
+
root: {
|
|
91
|
+
height: 80,
|
|
92
|
+
position: 'relative',
|
|
93
|
+
width: 96
|
|
93
94
|
}
|
|
94
95
|
});
|
|
95
|
-
var _default = exports.default = /*#__PURE__*/
|
|
96
|
+
var _default = exports.default = /*#__PURE__*/(0, _react.forwardRef)(TimeInput);
|
|
96
97
|
//# sourceMappingURL=TimeInput.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_reactNativePaper","_color","_interopRequireDefault","_timeUtils","_react","_interopRequireWildcard","_styles","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","TimeInput","value","clockType","pressed","onPress","onChanged","inputType","inputFontSize","rest","ref","theme","useTheme","inputFocused","setInputFocused","useState","controlledValue","setControlledValue","highlighted","inputTypes","picker","color","backgroundColor","useInputColors","useEffect","onInnerChange","text","Number","formattedValue","length","jsxs","View","style","styles","root","children","jsx","TextInput","input","fontFamily","isV3","fonts","titleMedium","medium","fontSize","borderRadius","roundness","borderColor","colors","onPrimaryContainer","undefined","borderWidth","height","keyboard","maxFontSizeMultiplier","maxLength","onFocus","onBlur","keyboardAppearance","dark","keyboardType","onChangeText","TouchableRipple","StyleSheet","absoluteFill","sharedStyles","overflowHidden","rippleColor","Platform","OS","Color","onSurface","fade","hex","borderless","create","textAlign","textAlignVertical","width","position","_default","exports","forwardRef"],"sourceRoot":"../../../src","sources":["Time/TimeInput.tsx"],"mappings":"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"}
|
|
@@ -4,18 +4,20 @@ 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");
|
|
9
8
|
var _reactNativePaper = require("react-native-paper");
|
|
10
9
|
var _timeUtils = require("./timeUtils");
|
|
11
10
|
var _TimeInput = _interopRequireDefault(require("./TimeInput"));
|
|
12
11
|
var _AmPmSwitcher = _interopRequireDefault(require("./AmPmSwitcher"));
|
|
13
|
-
var _utils = require("../utils");
|
|
12
|
+
var _utils = require("../shared/utils");
|
|
14
13
|
var _color = _interopRequireDefault(require("color"));
|
|
15
14
|
var _utils2 = require("../translations/utils");
|
|
16
|
-
|
|
15
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
16
|
+
var _styles = require("../shared/styles");
|
|
17
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
17
18
|
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); }
|
|
18
19
|
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; }
|
|
20
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
21
|
function TimeInputs({
|
|
20
22
|
hours,
|
|
21
23
|
minutes,
|
|
@@ -27,143 +29,145 @@ function TimeInputs({
|
|
|
27
29
|
inputFontSize,
|
|
28
30
|
locale
|
|
29
31
|
}) {
|
|
30
|
-
const
|
|
31
|
-
const
|
|
32
|
+
const theme = (0, _reactNativePaper.useTheme)();
|
|
33
|
+
const startInput = (0, _react.useRef)(null);
|
|
34
|
+
const endInput = (0, _react.useRef)(null);
|
|
32
35
|
const dimensions = (0, _reactNative.useWindowDimensions)();
|
|
33
36
|
const isLandscape = dimensions.width > dimensions.height;
|
|
34
|
-
const
|
|
35
|
-
const onSubmitStartInput =
|
|
37
|
+
const minutesRef = (0, _utils.useLatest)(minutes);
|
|
38
|
+
const onSubmitStartInput = (0, _react.useCallback)(() => {
|
|
36
39
|
if (endInput.current) {
|
|
37
40
|
endInput.current.focus();
|
|
38
41
|
}
|
|
39
42
|
}, [endInput]);
|
|
40
|
-
const onSubmitEndInput =
|
|
43
|
+
const onSubmitEndInput = (0, _react.useCallback)(() => {
|
|
41
44
|
// TODO: close modal and persist time
|
|
42
45
|
}, []);
|
|
43
|
-
const
|
|
44
|
-
const onChangeHours = React.useCallback(newHours => {
|
|
46
|
+
const onChangeHours = (0, _react.useCallback)(newHours => {
|
|
45
47
|
onChange({
|
|
46
48
|
hours: newHours,
|
|
47
49
|
minutes: minutesRef.current,
|
|
48
50
|
focused: _timeUtils.clockTypes.hours
|
|
49
51
|
});
|
|
50
52
|
}, [onChange, minutesRef]);
|
|
51
|
-
return /*#__PURE__*/
|
|
52
|
-
style: [styles.inputContainer, isLandscape &&
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
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
|
-
|
|
53
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
54
|
+
style: [styles.inputContainer, isLandscape && _styles.sharedStyles.root],
|
|
55
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
56
|
+
style: styles.column,
|
|
57
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TimeInput.default, {
|
|
58
|
+
ref: startInput,
|
|
59
|
+
inputFontSize: inputFontSize,
|
|
60
|
+
placeholder: '00',
|
|
61
|
+
value: (0, _timeUtils.toHourInputFormat)(hours, is24Hour),
|
|
62
|
+
clockType: _timeUtils.clockTypes.hours,
|
|
63
|
+
pressed: focused === _timeUtils.clockTypes.hours,
|
|
64
|
+
onPress: onFocusInput,
|
|
65
|
+
inputType: inputType,
|
|
66
|
+
maxFontSizeMultiplier: 1.2,
|
|
67
|
+
selectionColor: theme.dark ? (0, _color.default)(theme.colors.primary).darken(0.2).hex() : theme.colors.primary,
|
|
68
|
+
returnKeyType: 'next',
|
|
69
|
+
onSubmitEditing: onSubmitStartInput,
|
|
70
|
+
blurOnSubmit: false,
|
|
71
|
+
onChanged: newHoursFromInput => {
|
|
72
|
+
let newHours = (0, _timeUtils.toHourOutputFormat)(newHoursFromInput, hours, is24Hour);
|
|
73
|
+
if (newHoursFromInput > 24) {
|
|
74
|
+
newHours = 24;
|
|
75
|
+
}
|
|
76
|
+
onChange({
|
|
77
|
+
hours: newHours,
|
|
78
|
+
minutes
|
|
79
|
+
});
|
|
80
|
+
}
|
|
81
|
+
}), inputType === 'keyboard' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativePaper.Text, {
|
|
82
|
+
maxFontSizeMultiplier: 1.5,
|
|
83
|
+
variant: "bodySmall",
|
|
84
|
+
children: (0, _utils2.getTranslation)(locale, 'hour', 'Hour')
|
|
85
|
+
}) : null]
|
|
86
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
87
|
+
style: [styles.hoursAndMinutesSeparator,
|
|
88
|
+
// eslint-disable-next-line react-native/no-inline-styles
|
|
89
|
+
{
|
|
90
|
+
marginBottom: inputType === 'keyboard' ? 24 : 0
|
|
91
|
+
}],
|
|
92
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
93
|
+
style: _styles.sharedStyles.root
|
|
94
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
95
|
+
style: [styles.dot, {
|
|
96
|
+
backgroundColor: theme?.isV3 ? theme.colors.onSurface : theme.colors.text
|
|
97
|
+
}]
|
|
98
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
99
|
+
style: styles.betweenDot
|
|
100
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
101
|
+
style: [styles.dot, {
|
|
102
|
+
backgroundColor: theme?.isV3 ? theme.colors.onSurface : theme.colors.text
|
|
103
|
+
}]
|
|
104
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
105
|
+
style: _styles.sharedStyles.root
|
|
106
|
+
})]
|
|
107
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
108
|
+
style: styles.column,
|
|
109
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TimeInput.default, {
|
|
110
|
+
ref: endInput,
|
|
111
|
+
inputFontSize: inputFontSize,
|
|
112
|
+
placeholder: '00',
|
|
113
|
+
value: minutes,
|
|
114
|
+
clockType: _timeUtils.clockTypes.minutes,
|
|
115
|
+
pressed: focused === _timeUtils.clockTypes.minutes,
|
|
116
|
+
onPress: onFocusInput,
|
|
117
|
+
inputType: inputType,
|
|
118
|
+
maxFontSizeMultiplier: 1.2,
|
|
119
|
+
selectionColor: theme.dark ? (0, _color.default)(theme.colors.primary).darken(0.2).hex() : theme.colors.primary,
|
|
120
|
+
onSubmitEditing: onSubmitEndInput,
|
|
121
|
+
onChanged: newMinutesFromInput => {
|
|
122
|
+
let newMinutes = newMinutesFromInput;
|
|
123
|
+
if (newMinutesFromInput > 59) {
|
|
124
|
+
newMinutes = 59;
|
|
125
|
+
}
|
|
126
|
+
onChange({
|
|
127
|
+
hours,
|
|
128
|
+
minutes: newMinutes
|
|
129
|
+
});
|
|
130
|
+
}
|
|
131
|
+
}), inputType === 'keyboard' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativePaper.Text, {
|
|
132
|
+
maxFontSizeMultiplier: 1.5,
|
|
133
|
+
variant: "bodySmall",
|
|
134
|
+
children: (0, _utils2.getTranslation)(locale, 'minute', 'Minute')
|
|
135
|
+
}) : null]
|
|
136
|
+
}), !is24Hour && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
137
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
138
|
+
style: styles.spaceBetweenInputsAndSwitcher
|
|
139
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_AmPmSwitcher.default, {
|
|
140
|
+
hours: hours,
|
|
141
|
+
onChange: onChangeHours,
|
|
142
|
+
inputType: inputType
|
|
143
|
+
})]
|
|
144
|
+
})]
|
|
145
|
+
});
|
|
136
146
|
}
|
|
137
147
|
const styles = _reactNative.StyleSheet.create({
|
|
148
|
+
betweenDot: {
|
|
149
|
+
height: 12
|
|
150
|
+
},
|
|
138
151
|
column: {
|
|
139
152
|
flexDirection: 'column'
|
|
140
153
|
},
|
|
141
|
-
|
|
142
|
-
width:
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
flexDirection: 'row',
|
|
146
|
-
alignItems: 'center'
|
|
147
|
-
},
|
|
148
|
-
inputContainerLandscape: {
|
|
149
|
-
flex: 1
|
|
154
|
+
dot: {
|
|
155
|
+
width: 7,
|
|
156
|
+
height: 7,
|
|
157
|
+
borderRadius: 7 / 2
|
|
150
158
|
},
|
|
151
159
|
hoursAndMinutesSeparator: {
|
|
152
160
|
fontSize: 65,
|
|
153
161
|
width: 24,
|
|
154
162
|
alignItems: 'center'
|
|
155
163
|
},
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
dot: {
|
|
160
|
-
width: 7,
|
|
161
|
-
height: 7,
|
|
162
|
-
borderRadius: 7 / 2
|
|
164
|
+
inputContainer: {
|
|
165
|
+
flexDirection: 'row',
|
|
166
|
+
alignItems: 'center'
|
|
163
167
|
},
|
|
164
|
-
|
|
165
|
-
|
|
168
|
+
spaceBetweenInputsAndSwitcher: {
|
|
169
|
+
width: 12
|
|
166
170
|
}
|
|
167
171
|
});
|
|
168
|
-
var _default = exports.default = /*#__PURE__*/
|
|
172
|
+
var _default = exports.default = /*#__PURE__*/(0, _react.memo)(TimeInputs);
|
|
169
173
|
//# sourceMappingURL=TimeInputs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_reactNativePaper","_timeUtils","_TimeInput","_interopRequireDefault","_AmPmSwitcher","_utils","_color","_utils2","_react","_interopRequireWildcard","_styles","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","TimeInputs","hours","minutes","onFocusInput","focused","inputType","onChange","is24Hour","inputFontSize","locale","theme","useTheme","startInput","useRef","endInput","dimensions","useWindowDimensions","isLandscape","width","height","minutesRef","useLatest","onSubmitStartInput","useCallback","current","focus","onSubmitEndInput","onChangeHours","newHours","clockTypes","jsxs","View","style","styles","inputContainer","sharedStyles","root","children","column","jsx","ref","placeholder","value","toHourInputFormat","clockType","pressed","onPress","maxFontSizeMultiplier","selectionColor","dark","Color","colors","primary","darken","hex","returnKeyType","onSubmitEditing","blurOnSubmit","onChanged","newHoursFromInput","toHourOutputFormat","Text","variant","getTranslation","hoursAndMinutesSeparator","marginBottom","dot","backgroundColor","isV3","onSurface","text","betweenDot","newMinutesFromInput","newMinutes","Fragment","spaceBetweenInputsAndSwitcher","StyleSheet","create","flexDirection","borderRadius","fontSize","alignItems","_default","exports","memo"],"sourceRoot":"../../../src","sources":["Time/TimeInputs.tsx"],"mappings":"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"}
|