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,10 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
1
|
import { View, StyleSheet, Keyboard } from 'react-native';
|
|
3
2
|
import DatePickerInputWithoutModal from './DatePickerInputWithoutModal';
|
|
3
|
+
import { memo, useCallback, useEffect, useRef } from 'react';
|
|
4
|
+
import React from 'react';
|
|
5
|
+
import { sharedStyles } from '../shared/styles';
|
|
6
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
4
8
|
function CalendarEdit({
|
|
5
9
|
mode,
|
|
6
10
|
state,
|
|
@@ -13,12 +17,12 @@ function CalendarEdit({
|
|
|
13
17
|
locale,
|
|
14
18
|
inputEnabled
|
|
15
19
|
}) {
|
|
16
|
-
const dateInput =
|
|
17
|
-
const startInput =
|
|
18
|
-
const endInput =
|
|
20
|
+
const dateInput = useRef(null);
|
|
21
|
+
const startInput = useRef(null);
|
|
22
|
+
const endInput = useRef(null);
|
|
19
23
|
|
|
20
24
|
// when switching views focus, or un-focus text input
|
|
21
|
-
|
|
25
|
+
useEffect(() => {
|
|
22
26
|
// hide open keyboard
|
|
23
27
|
if (collapsed) {
|
|
24
28
|
Keyboard.dismiss();
|
|
@@ -31,87 +35,80 @@ function CalendarEdit({
|
|
|
31
35
|
inputsToFocus.forEach(ip => ip.focus());
|
|
32
36
|
}
|
|
33
37
|
}, [mode, startInput, endInput, dateInput, collapsed]);
|
|
34
|
-
const onSubmitStartInput =
|
|
38
|
+
const onSubmitStartInput = useCallback(() => {
|
|
35
39
|
if (endInput.current) {
|
|
36
40
|
endInput.current.focus();
|
|
37
41
|
}
|
|
38
42
|
}, [endInput]);
|
|
39
|
-
const onSubmitEndInput =
|
|
43
|
+
const onSubmitEndInput = useCallback(() => {
|
|
40
44
|
// TODO: close modal and persist range
|
|
41
45
|
}, []);
|
|
42
|
-
const onSubmitInput =
|
|
46
|
+
const onSubmitInput = useCallback(() => {
|
|
43
47
|
// TODO: close modal and persist range
|
|
44
48
|
}, []);
|
|
45
|
-
return /*#__PURE__*/
|
|
46
|
-
style: styles.root
|
|
47
|
-
|
|
48
|
-
|
|
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
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
49
|
+
return /*#__PURE__*/_jsxs(View, {
|
|
50
|
+
style: styles.root,
|
|
51
|
+
children: [mode === 'single' ? /*#__PURE__*/_jsx(DatePickerInputWithoutModal, {
|
|
52
|
+
inputMode: "start",
|
|
53
|
+
ref: dateInput,
|
|
54
|
+
label: label,
|
|
55
|
+
value: state.date,
|
|
56
|
+
onChange: date => onChange({
|
|
57
|
+
...state,
|
|
58
|
+
date
|
|
59
|
+
}),
|
|
60
|
+
onSubmitEditing: onSubmitInput,
|
|
61
|
+
validRange: validRange,
|
|
62
|
+
locale: locale,
|
|
63
|
+
withModal: false,
|
|
64
|
+
autoComplete: 'off',
|
|
65
|
+
inputEnabled: inputEnabled
|
|
66
|
+
}) : null, mode === 'range' ? /*#__PURE__*/_jsxs(View, {
|
|
67
|
+
style: sharedStyles.flexDirectionRow,
|
|
68
|
+
children: [/*#__PURE__*/_jsx(DatePickerInputWithoutModal, {
|
|
69
|
+
inputMode: "start",
|
|
70
|
+
ref: startInput,
|
|
71
|
+
label: startLabel,
|
|
72
|
+
value: state.startDate,
|
|
73
|
+
onChange: startDate => onChange({
|
|
74
|
+
...state,
|
|
75
|
+
startDate
|
|
76
|
+
}),
|
|
77
|
+
returnKeyType: 'next',
|
|
78
|
+
onSubmitEditing: onSubmitStartInput,
|
|
79
|
+
validRange: validRange,
|
|
80
|
+
locale: locale,
|
|
81
|
+
withModal: false,
|
|
82
|
+
autoComplete: 'off',
|
|
83
|
+
inputEnabled: inputEnabled
|
|
84
|
+
}), /*#__PURE__*/_jsx(View, {
|
|
85
|
+
style: styles.separator
|
|
86
|
+
}), /*#__PURE__*/_jsx(DatePickerInputWithoutModal, {
|
|
87
|
+
inputMode: "end",
|
|
88
|
+
ref: endInput,
|
|
89
|
+
label: endLabel,
|
|
90
|
+
value: state.endDate,
|
|
91
|
+
onChange: endDate => onChange({
|
|
92
|
+
...state,
|
|
93
|
+
endDate
|
|
94
|
+
}),
|
|
95
|
+
onSubmitEditing: onSubmitEndInput,
|
|
96
|
+
validRange: validRange,
|
|
97
|
+
locale: locale,
|
|
98
|
+
withModal: false,
|
|
99
|
+
autoComplete: "off",
|
|
100
|
+
inputEnabled: inputEnabled
|
|
101
|
+
})]
|
|
102
|
+
}) : null]
|
|
103
|
+
});
|
|
98
104
|
}
|
|
99
105
|
const styles = StyleSheet.create({
|
|
100
106
|
root: {
|
|
101
107
|
padding: 12
|
|
102
108
|
},
|
|
103
|
-
inner: {
|
|
104
|
-
flexDirection: 'row'
|
|
105
|
-
},
|
|
106
|
-
inputContainer: {
|
|
107
|
-
flex: 1
|
|
108
|
-
},
|
|
109
|
-
input: {
|
|
110
|
-
flex: 1
|
|
111
|
-
},
|
|
112
109
|
separator: {
|
|
113
110
|
width: 12
|
|
114
111
|
}
|
|
115
112
|
});
|
|
116
|
-
export default /*#__PURE__*/
|
|
113
|
+
export default /*#__PURE__*/memo(CalendarEdit);
|
|
117
114
|
//# sourceMappingURL=CalendarEdit.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["View","StyleSheet","Keyboard","DatePickerInputWithoutModal","memo","useCallback","useEffect","useRef","React","sharedStyles","jsx","_jsx","jsxs","_jsxs","CalendarEdit","mode","state","label","startLabel","endLabel","collapsed","onChange","validRange","locale","inputEnabled","dateInput","startInput","endInput","dismiss","inputsToFocus","current","filter","n","inputsToBlur","forEach","ip","blur","focus","onSubmitStartInput","onSubmitEndInput","onSubmitInput","style","styles","root","children","inputMode","ref","value","date","onSubmitEditing","withModal","autoComplete","flexDirectionRow","startDate","returnKeyType","separator","endDate","create","padding","width"],"sourceRoot":"../../../src","sources":["Date/CalendarEdit.tsx"],"mappings":"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"}
|
|
@@ -1,8 +1,11 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
1
|
import { StyleSheet, View } from 'react-native';
|
|
3
2
|
import { IconButton, useTheme } from 'react-native-paper';
|
|
4
3
|
import DayNames, { dayNamesHeight } from './DayNames';
|
|
5
4
|
import { getTranslation } from '../translations/utils';
|
|
5
|
+
import { sharedStyles } from '../shared/styles';
|
|
6
|
+
import React, { memo } from 'react';
|
|
7
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
6
9
|
const buttonContainerHeight = 56;
|
|
7
10
|
const buttonContainerMarginTop = 4;
|
|
8
11
|
const buttonContainerMarginBottom = 8;
|
|
@@ -20,38 +23,42 @@ function CalendarHeader({
|
|
|
20
23
|
locale,
|
|
21
24
|
startWeekOnMonday
|
|
22
25
|
}) {
|
|
23
|
-
const theme = useTheme();
|
|
24
26
|
const isHorizontal = scrollMode === 'horizontal';
|
|
25
|
-
|
|
27
|
+
const theme = useTheme();
|
|
28
|
+
return /*#__PURE__*/_jsxs(View, {
|
|
26
29
|
style: styles.datePickerHeader,
|
|
27
|
-
pointerEvents: 'box-none'
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
30
|
+
pointerEvents: 'box-none',
|
|
31
|
+
children: [isHorizontal ? /*#__PURE__*/_jsxs(View, {
|
|
32
|
+
style: styles.buttonContainer,
|
|
33
|
+
pointerEvents: 'box-none',
|
|
34
|
+
children: [/*#__PURE__*/_jsx(View, {
|
|
35
|
+
style: sharedStyles.root,
|
|
36
|
+
pointerEvents: 'box-none'
|
|
37
|
+
}), /*#__PURE__*/_jsx(View, {
|
|
38
|
+
style: {
|
|
39
|
+
backgroundColor: theme.colors.surface
|
|
40
|
+
},
|
|
41
|
+
children: /*#__PURE__*/_jsx(IconButton, {
|
|
42
|
+
icon: "chevron-left",
|
|
43
|
+
accessibilityLabel: getTranslation(locale, 'previous'),
|
|
44
|
+
onPress: onPrev
|
|
45
|
+
})
|
|
46
|
+
}), /*#__PURE__*/_jsx(View, {
|
|
47
|
+
style: {
|
|
48
|
+
backgroundColor: theme.colors.surface
|
|
49
|
+
},
|
|
50
|
+
children: /*#__PURE__*/_jsx(IconButton, {
|
|
51
|
+
icon: "chevron-right",
|
|
52
|
+
accessibilityLabel: getTranslation(locale, 'next'),
|
|
53
|
+
onPress: onNext
|
|
54
|
+
})
|
|
55
|
+
})]
|
|
56
|
+
}) : null, /*#__PURE__*/_jsx(DayNames, {
|
|
57
|
+
disableWeekDays: disableWeekDays,
|
|
58
|
+
locale: locale,
|
|
59
|
+
startWeekOnMonday: startWeekOnMonday
|
|
60
|
+
})]
|
|
61
|
+
});
|
|
55
62
|
}
|
|
56
63
|
const styles = StyleSheet.create({
|
|
57
64
|
datePickerHeader: {
|
|
@@ -67,11 +74,7 @@ const styles = StyleSheet.create({
|
|
|
67
74
|
marginBottom: buttonContainerMarginBottom,
|
|
68
75
|
flexDirection: 'row',
|
|
69
76
|
alignItems: 'center'
|
|
70
|
-
},
|
|
71
|
-
buttonWrapper: {},
|
|
72
|
-
spacer: {
|
|
73
|
-
flex: 1
|
|
74
77
|
}
|
|
75
78
|
});
|
|
76
|
-
export default /*#__PURE__*/
|
|
79
|
+
export default /*#__PURE__*/memo(CalendarHeader);
|
|
77
80
|
//# sourceMappingURL=CalendarHeader.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["StyleSheet","View","IconButton","useTheme","DayNames","dayNamesHeight","getTranslation","sharedStyles","React","memo","jsx","_jsx","jsxs","_jsxs","buttonContainerHeight","buttonContainerMarginTop","buttonContainerMarginBottom","getCalendarHeaderHeight","scrollMode","CalendarHeader","onPrev","onNext","disableWeekDays","locale","startWeekOnMonday","isHorizontal","theme","style","styles","datePickerHeader","pointerEvents","children","buttonContainer","root","backgroundColor","colors","surface","icon","accessibilityLabel","onPress","create","position","top","right","left","zIndex","height","marginTop","marginBottom","flexDirection","alignItems"],"sourceRoot":"../../../src","sources":["Date/CalendarHeader.tsx"],"mappings":"AAAA,SAASA,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,UAAU,EAAEC,QAAQ,QAAQ,oBAAoB;AACzD,OAAOC,QAAQ,IAAIC,cAAc,QAAQ,YAAY;AAErD,SAASC,cAAc,QAAQ,uBAAuB;AACtD,SAASC,YAAY,QAAQ,kBAAkB;AAC/C,OAAOC,KAAK,IAAIC,IAAI,QAAQ,OAAO;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAEnC,MAAMC,qBAAqB,GAAG,EAAE;AAChC,MAAMC,wBAAwB,GAAG,CAAC;AAClC,MAAMC,2BAA2B,GAAG,CAAC;AAErC,OAAO,SAASC,uBAAuBA,CAACC,UAAqC,EAAE;EAC7E,IAAIA,UAAU,KAAK,YAAY,EAAE;IAC/B,OACEJ,qBAAqB,GACrBC,wBAAwB,GACxBC,2BAA2B,GAC3BX,cAAc;EAElB;EACA,OAAOA,cAAc;AACvB;AAEA,SAASc,cAAcA,CAAC;EACtBD,UAAU;EACVE,MAAM;EACNC,MAAM;EACNC,eAAe;EACfC,MAAM;EACNC;AAQF,CAAC,EAAE;EACD,MAAMC,YAAY,GAAGP,UAAU,KAAK,YAAY;EAEhD,MAAMQ,KAAK,GAAGvB,QAAQ,CAAC,CAAC;EAExB,oBACEU,KAAA,CAACZ,IAAI;IAAC0B,KAAK,EAAEC,MAAM,CAACC,gBAAiB;IAACC,aAAa,EAAE,UAAW;IAAAC,QAAA,GAC7DN,YAAY,gBACXZ,KAAA,CAACZ,IAAI;MAAC0B,KAAK,EAAEC,MAAM,CAACI,eAAgB;MAACF,aAAa,EAAE,UAAW;MAAAC,QAAA,gBAC7DpB,IAAA,CAACV,IAAI;QAAC0B,KAAK,EAAEpB,YAAY,CAAC0B,IAAK;QAACH,aAAa,EAAE;MAAW,CAAE,CAAC,eAC7DnB,IAAA,CAACV,IAAI;QAAC0B,KAAK,EAAE;UAAEO,eAAe,EAAER,KAAK,CAACS,MAAM,CAACC;QAAQ,CAAE;QAAAL,QAAA,eACrDpB,IAAA,CAACT,UAAU;UACTmC,IAAI,EAAC,cAAc;UACnBC,kBAAkB,EAAEhC,cAAc,CAACiB,MAAM,EAAE,UAAU,CAAE;UACvDgB,OAAO,EAAEnB;QAAO,CACjB;MAAC,CACE,CAAC,eACPT,IAAA,CAACV,IAAI;QAAC0B,KAAK,EAAE;UAAEO,eAAe,EAAER,KAAK,CAACS,MAAM,CAACC;QAAQ,CAAE;QAAAL,QAAA,eACrDpB,IAAA,CAACT,UAAU;UACTmC,IAAI,EAAC,eAAe;UACpBC,kBAAkB,EAAEhC,cAAc,CAACiB,MAAM,EAAE,MAAM,CAAE;UACnDgB,OAAO,EAAElB;QAAO,CACjB;MAAC,CACE,CAAC;IAAA,CACH,CAAC,GACL,IAAI,eACRV,IAAA,CAACP,QAAQ;MACPkB,eAAe,EAAEA,eAAgB;MACjCC,MAAM,EAAEA,MAAO;MACfC,iBAAiB,EAAEA;IAAkB,CACtC,CAAC;EAAA,CACE,CAAC;AAEX;AAEA,MAAMI,MAAM,GAAG5B,UAAU,CAACwC,MAAM,CAAC;EAC/BX,gBAAgB,EAAE;IAChBY,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,KAAK,EAAE,CAAC;IACRC,IAAI,EAAE,CAAC;IACPC,MAAM,EAAE;EACV,CAAC;EACDb,eAAe,EAAE;IACfc,MAAM,EAAEhC,qBAAqB;IAC7BiC,SAAS,EAAEhC,wBAAwB;IACnCiC,YAAY,EAAEhC,2BAA2B;IACzCiC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AAEF,4BAAezC,IAAI,CAACU,cAAc,CAAC"}
|
|
@@ -1,10 +1,11 @@
|
|
|
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
|
-
import * as React from 'react';
|
|
3
1
|
import { TextInput } from 'react-native-paper';
|
|
4
2
|
import DatePickerModal from './DatePickerModal';
|
|
5
|
-
import { useLatest } from '../utils';
|
|
3
|
+
import { useLatest } from '../shared/utils';
|
|
6
4
|
import DatePickerInputWithoutModal from './DatePickerInputWithoutModal';
|
|
7
5
|
import { Platform } from 'react-native';
|
|
6
|
+
import { forwardRef, useCallback, useState } from 'react';
|
|
7
|
+
import React from 'react';
|
|
8
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
9
|
function DatePickerInput({
|
|
9
10
|
withModal = true,
|
|
10
11
|
calendarIcon = 'calendar',
|
|
@@ -15,21 +16,21 @@ function DatePickerInput({
|
|
|
15
16
|
presentationStyle = 'overFullScreen',
|
|
16
17
|
...rest
|
|
17
18
|
}, ref) {
|
|
18
|
-
const [visible, setVisible] =
|
|
19
|
-
const
|
|
19
|
+
const [visible, setVisible] = useState(false);
|
|
20
|
+
const onChangeRef = useLatest(rest.onChange);
|
|
21
|
+
const onDismiss = useCallback(() => {
|
|
20
22
|
setVisible(false);
|
|
21
23
|
}, [setVisible]);
|
|
22
|
-
const
|
|
23
|
-
const onInnerConfirm = React.useCallback(({
|
|
24
|
+
const onInnerConfirm = useCallback(({
|
|
24
25
|
date
|
|
25
26
|
}) => {
|
|
26
27
|
setVisible(false);
|
|
27
28
|
onChangeRef.current(date);
|
|
28
29
|
}, [setVisible, onChangeRef]);
|
|
29
|
-
return /*#__PURE__*/
|
|
30
|
-
ref: ref
|
|
31
|
-
|
|
32
|
-
inputButton: withModal ? /*#__PURE__*/
|
|
30
|
+
return /*#__PURE__*/_jsx(DatePickerInputWithoutModal, {
|
|
31
|
+
ref: ref,
|
|
32
|
+
...rest,
|
|
33
|
+
inputButton: withModal ? /*#__PURE__*/_jsx(TextInput.Icon, {
|
|
33
34
|
size: rest.iconSize ?? 24,
|
|
34
35
|
icon: calendarIcon,
|
|
35
36
|
color: rest.iconColor ?? undefined,
|
|
@@ -54,7 +55,7 @@ function DatePickerInput({
|
|
|
54
55
|
inputEnabled,
|
|
55
56
|
disableStatusBarPadding,
|
|
56
57
|
startWeekOnMonday
|
|
57
|
-
}) => withModal ? /*#__PURE__*/
|
|
58
|
+
}) => withModal ? /*#__PURE__*/_jsx(DatePickerModal, {
|
|
58
59
|
date: value,
|
|
59
60
|
mode: "single",
|
|
60
61
|
visible: visible,
|
|
@@ -75,7 +76,7 @@ function DatePickerInput({
|
|
|
75
76
|
label: rest.label,
|
|
76
77
|
startWeekOnMonday: startWeekOnMonday
|
|
77
78
|
}) : null
|
|
78
|
-
})
|
|
79
|
+
});
|
|
79
80
|
}
|
|
80
|
-
export default /*#__PURE__*/
|
|
81
|
+
export default /*#__PURE__*/forwardRef(DatePickerInput);
|
|
81
82
|
//# sourceMappingURL=DatePickerInput.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["TextInput","DatePickerModal","useLatest","DatePickerInputWithoutModal","Platform","forwardRef","useCallback","useState","React","jsx","_jsx","DatePickerInput","withModal","calendarIcon","animationType","select","web","default","presentationStyle","rest","ref","visible","setVisible","onChangeRef","onChange","onDismiss","onInnerConfirm","date","current","inputButton","Icon","size","iconSize","icon","color","iconColor","undefined","forceTextInputFocus","disabled","onPress","style","iconStyle","testID","modal","value","locale","inputMode","validRange","saveLabel","saveLabelDisabled","uppercase","startYear","endYear","inputEnabled","disableStatusBarPadding","startWeekOnMonday","mode","onConfirm","dateMode","label"],"sourceRoot":"../../../src","sources":["Date/DatePickerInput.tsx"],"mappings":"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"}
|
|
@@ -1,9 +1,11 @@
|
|
|
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
|
-
import * as React from 'react';
|
|
3
1
|
import TextInputWithMask from '../TextInputMask';
|
|
4
2
|
import { HelperText, useTheme } from 'react-native-paper';
|
|
5
3
|
import { View, StyleSheet } from 'react-native';
|
|
6
4
|
import useDateInput from './inputUtils';
|
|
5
|
+
import React, { forwardRef } from 'react';
|
|
6
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
8
|
+
import { Fragment as _Fragment } from "react/jsx-runtime";
|
|
7
9
|
function DatePickerInputWithoutModal({
|
|
8
10
|
label,
|
|
9
11
|
value,
|
|
@@ -50,45 +52,51 @@ function DatePickerInputWithoutModal({
|
|
|
50
52
|
if (rest.disabled) {
|
|
51
53
|
disabled = rest.disabled;
|
|
52
54
|
}
|
|
53
|
-
return /*#__PURE__*/
|
|
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
|
-
|
|
55
|
+
return /*#__PURE__*/_jsxs(_Fragment, {
|
|
56
|
+
children: [/*#__PURE__*/_jsxs(View, {
|
|
57
|
+
style: styles.root,
|
|
58
|
+
children: [/*#__PURE__*/_jsx(View, {
|
|
59
|
+
style: styles.inputContainer,
|
|
60
|
+
children: /*#__PURE__*/_jsx(TextInputWithMask, {
|
|
61
|
+
...rest,
|
|
62
|
+
ref: ref,
|
|
63
|
+
label: getLabel({
|
|
64
|
+
// TODO: support label components?
|
|
65
|
+
label: label,
|
|
66
|
+
inputFormat,
|
|
67
|
+
withDateFormatInLabel
|
|
68
|
+
}),
|
|
69
|
+
value: formattedValue,
|
|
70
|
+
keyboardType: rest.keyboardType ?? 'number-pad',
|
|
71
|
+
mask: inputFormat,
|
|
72
|
+
disabled: disabled,
|
|
73
|
+
onChangeText: onDateInputChangeText,
|
|
74
|
+
onChange: e => onChangeText && onChangeText(e.nativeEvent.text),
|
|
75
|
+
keyboardAppearance: rest.keyboardAppearance ?? (theme.dark ? 'dark' : 'default'),
|
|
76
|
+
error: !!error && !hideValidationErrors || !!hasError,
|
|
77
|
+
style: [styles.input, style],
|
|
78
|
+
inputButton: inputButton
|
|
79
|
+
})
|
|
80
|
+
}), error && !hideValidationErrors ? /*#__PURE__*/_jsx(HelperText, {
|
|
81
|
+
type: "error",
|
|
82
|
+
visible: !!error,
|
|
83
|
+
children: error
|
|
84
|
+
}) : null]
|
|
85
|
+
}), modal?.({
|
|
86
|
+
value,
|
|
87
|
+
locale,
|
|
88
|
+
inputMode,
|
|
89
|
+
validRange,
|
|
90
|
+
saveLabel,
|
|
91
|
+
saveLabelDisabled,
|
|
92
|
+
uppercase,
|
|
93
|
+
startYear,
|
|
94
|
+
endYear,
|
|
95
|
+
inputEnabled,
|
|
96
|
+
disableStatusBarPadding,
|
|
97
|
+
startWeekOnMonday
|
|
98
|
+
})]
|
|
99
|
+
});
|
|
92
100
|
}
|
|
93
101
|
function getLabel({
|
|
94
102
|
withDateFormatInLabel,
|
|
@@ -120,5 +128,5 @@ const styles = StyleSheet.create({
|
|
|
120
128
|
width: '100%'
|
|
121
129
|
}
|
|
122
130
|
});
|
|
123
|
-
export default /*#__PURE__*/
|
|
131
|
+
export default /*#__PURE__*/forwardRef(DatePickerInputWithoutModal);
|
|
124
132
|
//# sourceMappingURL=DatePickerInputWithoutModal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["TextInputWithMask","HelperText","useTheme","View","StyleSheet","useDateInput","React","forwardRef","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","DatePickerInputWithoutModal","label","value","onChange","style","locale","validRange","inputMode","withDateFormatInLabel","hasError","hideValidationErrors","onValidationError","modal","inputButton","saveLabel","saveLabelDisabled","uppercase","startYear","endYear","onChangeText","inputEnabled","disableStatusBarPadding","startWeekOnMonday","rest","ref","theme","formattedValue","inputFormat","onDateInputChangeText","error","disabled","undefined","children","styles","root","inputContainer","getLabel","keyboardType","mask","e","nativeEvent","text","keyboardAppearance","dark","input","type","visible","create","flex","flexGrow","justifyContent","alignItems","width","flexDirection"],"sourceRoot":"../../../src","sources":["Date/DatePickerInputWithoutModal.tsx"],"mappings":"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"}
|