react-native-paper-dates 0.8.7 → 0.9.2
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/README.md +30 -1
- package/lib/commonjs/Date/AnimatedCrossView.js.map +1 -1
- package/lib/commonjs/Date/AutoSizer.js.map +1 -1
- package/lib/commonjs/Date/Calendar.js +6 -2
- package/lib/commonjs/Date/Calendar.js.map +1 -1
- package/lib/commonjs/Date/CalendarEdit.js +4 -4
- package/lib/commonjs/Date/CalendarEdit.js.map +1 -1
- package/lib/commonjs/Date/CalendarHeader.js.map +1 -1
- package/lib/commonjs/Date/DatePickerInput.js +33 -87
- package/lib/commonjs/Date/DatePickerInput.js.map +1 -1
- package/lib/commonjs/Date/DatePickerInput.shared.js +6 -0
- package/lib/commonjs/Date/DatePickerInput.shared.js.map +1 -0
- package/lib/commonjs/Date/DatePickerInputWithoutModal.js +117 -0
- package/lib/commonjs/Date/DatePickerInputWithoutModal.js.map +1 -0
- package/lib/commonjs/Date/DatePickerModal.js +1 -1
- package/lib/commonjs/Date/DatePickerModal.js.map +1 -1
- package/lib/commonjs/Date/DatePickerModalContent.js +14 -8
- package/lib/commonjs/Date/DatePickerModalContent.js.map +1 -1
- package/lib/commonjs/Date/DatePickerModalContentHeader.js +5 -3
- package/lib/commonjs/Date/DatePickerModalContentHeader.js.map +1 -1
- package/lib/commonjs/Date/DatePickerModalHeader.js +5 -5
- package/lib/commonjs/Date/DatePickerModalHeader.js.map +1 -1
- package/lib/commonjs/Date/DatePickerModalHeaderBackground.js.map +1 -1
- package/lib/commonjs/Date/DateRangeInput.js +3 -2
- package/lib/commonjs/Date/DateRangeInput.js.map +1 -1
- package/lib/commonjs/Date/Day.js.map +1 -1
- package/lib/commonjs/Date/DayName.js.map +1 -1
- package/lib/commonjs/Date/DayNames.js.map +1 -1
- package/lib/commonjs/Date/DayRange.js.map +1 -1
- package/lib/commonjs/Date/Month.js.map +1 -1
- package/lib/commonjs/Date/Swiper.js.map +1 -1
- package/lib/commonjs/Date/Swiper.native.js +2 -1
- package/lib/commonjs/Date/Swiper.native.js.map +1 -1
- package/lib/commonjs/Date/SwiperUtils.js.map +1 -1
- package/lib/commonjs/Date/Week.js.map +1 -1
- package/lib/commonjs/Date/YearPicker.js +5 -5
- package/lib/commonjs/Date/YearPicker.js.map +1 -1
- package/lib/commonjs/Date/dateUtils.js.map +1 -1
- package/lib/commonjs/Date/dateUtils.test.js.map +1 -1
- package/lib/commonjs/Date/inputUtils.js +1 -1
- package/lib/commonjs/Date/inputUtils.js.map +1 -1
- package/lib/commonjs/TextInputMask.js +1 -1
- package/lib/commonjs/TextInputMask.js.map +1 -1
- package/lib/commonjs/Time/AmPmSwitcher.js.map +1 -1
- package/lib/commonjs/Time/AnalogClock.js +1 -1
- package/lib/commonjs/Time/AnalogClock.js.map +1 -1
- package/lib/commonjs/Time/AnalogClockHours.js +1 -1
- package/lib/commonjs/Time/AnalogClockHours.js.map +1 -1
- package/lib/commonjs/Time/AnalogClockMinutes.js.map +1 -1
- package/lib/commonjs/Time/AnimatedClockSwitcher.js.map +1 -1
- package/lib/commonjs/Time/TimeInput.js +1 -1
- package/lib/commonjs/Time/TimeInput.js.map +1 -1
- package/lib/commonjs/Time/TimeInputs.js +2 -2
- package/lib/commonjs/Time/TimeInputs.js.map +1 -1
- package/lib/commonjs/Time/TimePicker.js.map +1 -1
- package/lib/commonjs/Time/TimePickerModal.js +7 -2
- package/lib/commonjs/Time/TimePickerModal.js.map +1 -1
- package/lib/commonjs/Time/timeUtils.js +7 -1
- package/lib/commonjs/Time/timeUtils.js.map +1 -1
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/translations/ar.js +25 -0
- package/lib/commonjs/translations/ar.js.map +1 -0
- package/lib/commonjs/translations/de.js.map +1 -1
- package/lib/commonjs/translations/en.js.map +1 -1
- package/lib/commonjs/translations/enGB.js.map +1 -1
- package/lib/commonjs/translations/fr.js +25 -0
- package/lib/commonjs/translations/fr.js.map +1 -0
- package/lib/commonjs/translations/ko.js +25 -0
- package/lib/commonjs/translations/ko.js.map +1 -0
- package/lib/commonjs/translations/nl.js.map +1 -1
- package/lib/commonjs/translations/pl.js.map +1 -1
- package/lib/commonjs/translations/pt.js.map +1 -1
- package/lib/commonjs/translations/utils.js +1 -1
- package/lib/commonjs/translations/utils.js.map +1 -1
- package/lib/commonjs/utils.js.map +1 -1
- package/lib/module/Date/AnimatedCrossView.js.map +1 -1
- package/lib/module/Date/AutoSizer.js.map +1 -1
- package/lib/module/Date/Calendar.js +6 -2
- package/lib/module/Date/Calendar.js.map +1 -1
- package/lib/module/Date/CalendarEdit.js +4 -4
- package/lib/module/Date/CalendarEdit.js.map +1 -1
- package/lib/module/Date/CalendarHeader.js.map +1 -1
- package/lib/module/Date/DatePickerInput.js +34 -87
- package/lib/module/Date/DatePickerInput.js.map +1 -1
- package/lib/module/Date/DatePickerInput.shared.js +2 -0
- package/lib/module/Date/DatePickerInput.shared.js.map +1 -0
- package/lib/module/Date/DatePickerInputWithoutModal.js +97 -0
- package/lib/module/Date/DatePickerInputWithoutModal.js.map +1 -0
- package/lib/module/Date/DatePickerModal.js +1 -1
- package/lib/module/Date/DatePickerModal.js.map +1 -1
- package/lib/module/Date/DatePickerModalContent.js +14 -8
- package/lib/module/Date/DatePickerModalContent.js.map +1 -1
- package/lib/module/Date/DatePickerModalContentHeader.js +5 -3
- package/lib/module/Date/DatePickerModalContentHeader.js.map +1 -1
- package/lib/module/Date/DatePickerModalHeader.js +5 -5
- package/lib/module/Date/DatePickerModalHeader.js.map +1 -1
- package/lib/module/Date/DatePickerModalHeaderBackground.js.map +1 -1
- package/lib/module/Date/DateRangeInput.js +3 -2
- package/lib/module/Date/DateRangeInput.js.map +1 -1
- package/lib/module/Date/Day.js.map +1 -1
- package/lib/module/Date/DayName.js.map +1 -1
- package/lib/module/Date/DayNames.js.map +1 -1
- package/lib/module/Date/DayRange.js.map +1 -1
- package/lib/module/Date/Month.js.map +1 -1
- package/lib/module/Date/Swiper.js.map +1 -1
- package/lib/module/Date/Swiper.native.js +2 -1
- package/lib/module/Date/Swiper.native.js.map +1 -1
- package/lib/module/Date/SwiperUtils.js.map +1 -1
- package/lib/module/Date/Week.js.map +1 -1
- package/lib/module/Date/YearPicker.js +5 -5
- package/lib/module/Date/YearPicker.js.map +1 -1
- package/lib/module/Date/dateUtils.js.map +1 -1
- package/lib/module/Date/dateUtils.test.js.map +1 -1
- package/lib/module/Date/inputUtils.js +1 -1
- package/lib/module/Date/inputUtils.js.map +1 -1
- package/lib/module/TextInputMask.js +1 -1
- package/lib/module/TextInputMask.js.map +1 -1
- package/lib/module/Time/AmPmSwitcher.js.map +1 -1
- package/lib/module/Time/AnalogClock.js +1 -1
- package/lib/module/Time/AnalogClock.js.map +1 -1
- package/lib/module/Time/AnalogClockHours.js +1 -1
- package/lib/module/Time/AnalogClockHours.js.map +1 -1
- package/lib/module/Time/AnalogClockMinutes.js.map +1 -1
- package/lib/module/Time/AnimatedClockSwitcher.js.map +1 -1
- package/lib/module/Time/TimeInput.js +1 -1
- package/lib/module/Time/TimeInput.js.map +1 -1
- package/lib/module/Time/TimeInputs.js +2 -2
- package/lib/module/Time/TimeInputs.js.map +1 -1
- package/lib/module/Time/TimePicker.js.map +1 -1
- package/lib/module/Time/TimePickerModal.js +8 -3
- package/lib/module/Time/TimePickerModal.js.map +1 -1
- package/lib/module/Time/timeUtils.js +3 -0
- package/lib/module/Time/timeUtils.js.map +1 -1
- package/lib/module/index.js.map +1 -1
- package/lib/module/translations/ar.js +18 -0
- package/lib/module/translations/ar.js.map +1 -0
- package/lib/module/translations/de.js.map +1 -1
- package/lib/module/translations/en.js.map +1 -1
- package/lib/module/translations/enGB.js.map +1 -1
- package/lib/module/translations/fr.js +18 -0
- package/lib/module/translations/fr.js.map +1 -0
- package/lib/module/translations/ko.js +18 -0
- package/lib/module/translations/ko.js.map +1 -0
- package/lib/module/translations/nl.js.map +1 -1
- package/lib/module/translations/pl.js.map +1 -1
- package/lib/module/translations/pt.js.map +1 -1
- package/lib/module/translations/utils.js +1 -1
- package/lib/module/translations/utils.js.map +1 -1
- package/lib/module/utils.js.map +1 -1
- package/lib/typescript/Date/Calendar.d.ts +2 -0
- package/lib/typescript/Date/DatePickerInput.d.ts +2 -16
- package/lib/typescript/Date/DatePickerInput.shared.d.ts +13 -0
- package/lib/typescript/Date/DatePickerInputWithoutModal.d.ts +51 -0
- package/lib/typescript/Date/DatePickerModalContent.d.ts +1 -0
- package/lib/typescript/Date/DatePickerModalContentHeader.d.ts +3 -0
- package/lib/typescript/Date/DatePickerModalHeader.d.ts +2 -0
- package/lib/typescript/Date/DateRangeInput.d.ts +2 -1
- package/lib/typescript/Date/YearPicker.d.ts +3 -1
- package/lib/typescript/TextInputMask.d.ts +31 -6
- package/lib/typescript/Time/TimePickerModal.d.ts +3 -1
- package/lib/typescript/Time/timeUtils.d.ts +1 -0
- package/lib/typescript/translations/ar.d.ts +3 -0
- package/lib/typescript/translations/fr.d.ts +3 -0
- package/lib/typescript/translations/ko.d.ts +3 -0
- package/package.json +26 -25
- package/src/Date/Calendar.tsx +7 -1
- package/src/Date/CalendarEdit.tsx +4 -4
- package/src/Date/DatePickerInput.shared.tsx +17 -0
- package/src/Date/DatePickerInput.tsx +32 -102
- package/src/Date/DatePickerInputWithoutModal.tsx +110 -0
- package/src/Date/DatePickerModalContent.tsx +12 -3
- package/src/Date/DatePickerModalContentHeader.tsx +13 -2
- package/src/Date/DatePickerModalHeader.tsx +6 -3
- package/src/Date/DateRangeInput.tsx +8 -2
- package/src/Date/Swiper.native.tsx +1 -0
- package/src/Date/YearPicker.tsx +5 -4
- package/src/Date/inputUtils.ts +1 -1
- package/src/Time/AnalogClockHours.tsx +1 -1
- package/src/Time/TimeInputs.tsx +2 -2
- package/src/Time/TimePickerModal.tsx +9 -2
- package/src/Time/timeUtils.ts +10 -0
- package/src/translations/ar.ts +21 -0
- package/src/translations/fr.ts +23 -0
- package/src/translations/ko.ts +21 -0
- package/src/translations/utils.ts +1 -1
|
@@ -0,0 +1,117 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
|
|
8
|
+
var React = _interopRequireWildcard(require("react"));
|
|
9
|
+
|
|
10
|
+
var _TextInputMask = _interopRequireDefault(require("../TextInputMask"));
|
|
11
|
+
|
|
12
|
+
var _reactNativePaper = require("react-native-paper");
|
|
13
|
+
|
|
14
|
+
var _reactNative = require("react-native");
|
|
15
|
+
|
|
16
|
+
var _inputUtils = _interopRequireDefault(require("./inputUtils"));
|
|
17
|
+
|
|
18
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
|
+
|
|
20
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
21
|
+
|
|
22
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
23
|
+
|
|
24
|
+
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); }
|
|
25
|
+
|
|
26
|
+
function DatePickerInputWithoutModal(_ref, ref) {
|
|
27
|
+
let {
|
|
28
|
+
label,
|
|
29
|
+
value,
|
|
30
|
+
onChange,
|
|
31
|
+
style,
|
|
32
|
+
locale,
|
|
33
|
+
validRange,
|
|
34
|
+
inputMode,
|
|
35
|
+
withDateFormatInLabel = true,
|
|
36
|
+
modal,
|
|
37
|
+
inputButtons,
|
|
38
|
+
...rest
|
|
39
|
+
} = _ref;
|
|
40
|
+
const theme = (0, _reactNativePaper.useTheme)();
|
|
41
|
+
const {
|
|
42
|
+
formattedValue,
|
|
43
|
+
inputFormat,
|
|
44
|
+
onChangeText,
|
|
45
|
+
error
|
|
46
|
+
} = (0, _inputUtils.default)({
|
|
47
|
+
locale,
|
|
48
|
+
value,
|
|
49
|
+
validRange,
|
|
50
|
+
inputMode,
|
|
51
|
+
onChange
|
|
52
|
+
});
|
|
53
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
54
|
+
style: styles.root
|
|
55
|
+
}, /*#__PURE__*/React.createElement(_TextInputMask.default, _extends({}, rest, {
|
|
56
|
+
ref: ref,
|
|
57
|
+
label: getLabel({
|
|
58
|
+
// TODO: support label components?
|
|
59
|
+
label: label,
|
|
60
|
+
inputFormat,
|
|
61
|
+
withDateFormatInLabel
|
|
62
|
+
}),
|
|
63
|
+
value: formattedValue,
|
|
64
|
+
keyboardType: 'number-pad',
|
|
65
|
+
placeholder: inputFormat,
|
|
66
|
+
mask: inputFormat,
|
|
67
|
+
onChangeText: onChangeText,
|
|
68
|
+
keyboardAppearance: theme.dark ? 'dark' : 'default',
|
|
69
|
+
error: !!error,
|
|
70
|
+
style: [styles.input, style]
|
|
71
|
+
})), inputButtons, !!error ? /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
72
|
+
style: styles.helperText
|
|
73
|
+
}, /*#__PURE__*/React.createElement(_reactNativePaper.HelperText, {
|
|
74
|
+
style: styles.helperText,
|
|
75
|
+
type: "error",
|
|
76
|
+
visible: !!error
|
|
77
|
+
}, error)) : null), modal === null || modal === void 0 ? void 0 : modal({
|
|
78
|
+
value,
|
|
79
|
+
locale,
|
|
80
|
+
inputMode,
|
|
81
|
+
validRange
|
|
82
|
+
}));
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
function getLabel(_ref2) {
|
|
86
|
+
let {
|
|
87
|
+
withDateFormatInLabel,
|
|
88
|
+
inputFormat,
|
|
89
|
+
label
|
|
90
|
+
} = _ref2;
|
|
91
|
+
|
|
92
|
+
if (withDateFormatInLabel) {
|
|
93
|
+
return label ? `${label} (${inputFormat})` : inputFormat;
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
return label || '';
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
const styles = _reactNative.StyleSheet.create({
|
|
100
|
+
root: {
|
|
101
|
+
minWidth: 150,
|
|
102
|
+
flexGrow: 1,
|
|
103
|
+
justifyContent: 'center'
|
|
104
|
+
},
|
|
105
|
+
helperTextContainer: {
|
|
106
|
+
flexDirection: 'row'
|
|
107
|
+
},
|
|
108
|
+
helperText: {
|
|
109
|
+
flex: 1
|
|
110
|
+
},
|
|
111
|
+
input: {}
|
|
112
|
+
});
|
|
113
|
+
|
|
114
|
+
var _default = /*#__PURE__*/React.forwardRef(DatePickerInputWithoutModal);
|
|
115
|
+
|
|
116
|
+
exports.default = _default;
|
|
117
|
+
//# sourceMappingURL=DatePickerInputWithoutModal.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["DatePickerInputWithoutModal","ref","label","value","onChange","style","locale","validRange","inputMode","withDateFormatInLabel","modal","inputButtons","rest","theme","useTheme","formattedValue","inputFormat","onChangeText","error","useDateInput","styles","root","getLabel","dark","input","helperText","StyleSheet","create","minWidth","flexGrow","justifyContent","helperTextContainer","flexDirection","flex","React","forwardRef"],"sources":["DatePickerInputWithoutModal.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport TextInputWithMask from '../TextInputMask'\nimport { HelperText, useTheme } from 'react-native-paper'\nimport { View, StyleSheet } from 'react-native'\nimport useDateInput from './inputUtils'\nimport type { DatePickerInputProps } from './DatePickerInput.shared'\n\nfunction DatePickerInputWithoutModal(\n {\n label,\n value,\n onChange,\n style,\n locale,\n validRange,\n inputMode,\n withDateFormatInLabel = true,\n modal,\n inputButtons,\n ...rest\n }: DatePickerInputProps & {\n modal?: (params: {\n value: DatePickerInputProps['value']\n locale: DatePickerInputProps['locale']\n inputMode: DatePickerInputProps['inputMode']\n validRange: DatePickerInputProps['validRange']\n }) => any\n inputButtons?: any\n },\n ref: any\n) {\n const theme = useTheme()\n const { formattedValue, inputFormat, onChangeText, error } = useDateInput({\n locale,\n value,\n validRange,\n inputMode,\n onChange,\n })\n\n return (\n <>\n <View style={styles.root}>\n <TextInputWithMask\n {...rest}\n ref={ref}\n label={getLabel({\n // TODO: support label components?\n label: label as any,\n inputFormat,\n withDateFormatInLabel,\n })}\n value={formattedValue}\n keyboardType={'number-pad'}\n placeholder={inputFormat}\n mask={inputFormat}\n onChangeText={onChangeText}\n keyboardAppearance={theme.dark ? 'dark' : 'default'}\n error={!!error}\n style={[styles.input, style]}\n />\n {inputButtons}\n {!!error ? (\n <View style={styles.helperText}>\n <HelperText\n style={styles.helperText}\n type=\"error\"\n visible={!!error}\n >\n {error}\n </HelperText>\n </View>\n ) : null}\n </View>\n {modal?.({ value, locale, inputMode, validRange })}\n </>\n )\n}\n\nfunction getLabel({\n withDateFormatInLabel,\n inputFormat,\n label,\n}: {\n withDateFormatInLabel: boolean\n inputFormat: string\n label: string | undefined\n}) {\n if (withDateFormatInLabel) {\n return label ? `${label} (${inputFormat})` : inputFormat\n }\n return label || ''\n}\n\nconst styles = StyleSheet.create({\n root: {\n minWidth: 150,\n flexGrow: 1,\n justifyContent: 'center',\n },\n helperTextContainer: {\n flexDirection: 'row',\n },\n helperText: {\n flex: 1,\n },\n input: {},\n})\nexport default React.forwardRef(DatePickerInputWithoutModal)\n"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;;AAGA,SAASA,2BAAT,OAsBEC,GAtBF,EAuBE;EAAA,IAtBA;IACEC,KADF;IAEEC,KAFF;IAGEC,QAHF;IAIEC,KAJF;IAKEC,MALF;IAMEC,UANF;IAOEC,SAPF;IAQEC,qBAAqB,GAAG,IAR1B;IASEC,KATF;IAUEC,YAVF;IAWE,GAAGC;EAXL,CAsBA;EACA,MAAMC,KAAK,GAAG,IAAAC,0BAAA,GAAd;EACA,MAAM;IAAEC,cAAF;IAAkBC,WAAlB;IAA+BC,YAA/B;IAA6CC;EAA7C,IAAuD,IAAAC,mBAAA,EAAa;IACxEb,MADwE;IAExEH,KAFwE;IAGxEI,UAHwE;IAIxEC,SAJwE;IAKxEJ;EALwE,CAAb,CAA7D;EAQA,oBACE,uDACE,oBAAC,iBAAD;IAAM,KAAK,EAAEgB,MAAM,CAACC;EAApB,gBACE,oBAAC,sBAAD,eACMT,IADN;IAEE,GAAG,EAAEX,GAFP;IAGE,KAAK,EAAEqB,QAAQ,CAAC;MACd;MACApB,KAAK,EAAEA,KAFO;MAGdc,WAHc;MAIdP;IAJc,CAAD,CAHjB;IASE,KAAK,EAAEM,cATT;IAUE,YAAY,EAAE,YAVhB;IAWE,WAAW,EAAEC,WAXf;IAYE,IAAI,EAAEA,WAZR;IAaE,YAAY,EAAEC,YAbhB;IAcE,kBAAkB,EAAEJ,KAAK,CAACU,IAAN,GAAa,MAAb,GAAsB,SAd5C;IAeE,KAAK,EAAE,CAAC,CAACL,KAfX;IAgBE,KAAK,EAAE,CAACE,MAAM,CAACI,KAAR,EAAenB,KAAf;EAhBT,GADF,EAmBGM,YAnBH,EAoBG,CAAC,CAACO,KAAF,gBACC,oBAAC,iBAAD;IAAM,KAAK,EAAEE,MAAM,CAACK;EAApB,gBACE,oBAAC,4BAAD;IACE,KAAK,EAAEL,MAAM,CAACK,UADhB;IAEE,IAAI,EAAC,OAFP;IAGE,OAAO,EAAE,CAAC,CAACP;EAHb,GAKGA,KALH,CADF,CADD,GAUG,IA9BN,CADF,EAiCGR,KAjCH,aAiCGA,KAjCH,uBAiCGA,KAAK,CAAG;IAAEP,KAAF;IAASG,MAAT;IAAiBE,SAAjB;IAA4BD;EAA5B,CAAH,CAjCR,CADF;AAqCD;;AAED,SAASe,QAAT,QAQG;EAAA,IARe;IAChBb,qBADgB;IAEhBO,WAFgB;IAGhBd;EAHgB,CAQf;;EACD,IAAIO,qBAAJ,EAA2B;IACzB,OAAOP,KAAK,GAAI,GAAEA,KAAM,KAAIc,WAAY,GAA5B,GAAiCA,WAA7C;EACD;;EACD,OAAOd,KAAK,IAAI,EAAhB;AACD;;AAED,MAAMkB,MAAM,GAAGM,uBAAA,CAAWC,MAAX,CAAkB;EAC/BN,IAAI,EAAE;IACJO,QAAQ,EAAE,GADN;IAEJC,QAAQ,EAAE,CAFN;IAGJC,cAAc,EAAE;EAHZ,CADyB;EAM/BC,mBAAmB,EAAE;IACnBC,aAAa,EAAE;EADI,CANU;EAS/BP,UAAU,EAAE;IACVQ,IAAI,EAAE;EADI,CATmB;EAY/BT,KAAK,EAAE;AAZwB,CAAlB,CAAf;;4BAceU,KAAK,CAACC,UAAN,CAAiBnC,2BAAjB,C"}
|
|
@@ -22,7 +22,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
22
22
|
|
|
23
23
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
24
24
|
|
|
25
|
-
function _extends() { _extends = Object.assign
|
|
25
|
+
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); }
|
|
26
26
|
|
|
27
27
|
function DatePickerModal(props) {
|
|
28
28
|
const theme = (0, _reactNativePaper.useTheme)();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":["DatePickerModal","props","theme","useTheme","dimensions","useWindowDimensions","visible","animationType","disableStatusBar","disableStatusBarPadding","rest","animationTypeCalculated","Platform","select","web","default","isLight","useHeaderColorIsLight","headerBackgroundColor","useHeaderBackgroundColor","StyleSheet","absoluteFill","onDismiss","supportedOrientations","styles","modalBackground","backgroundColor","colors","backdrop","modalRoot","modalContent","surface","width","modalContentBig","height","StatusBar","currentHeight","create","justifyContent","alignItems","flex","maxWidth","maxHeight","borderRadius","overflow","React","memo"],"sources":["DatePickerModal.tsx"],"sourcesContent":["import * as React from 'react'\nimport {\n Modal,\n StyleSheet,\n TouchableWithoutFeedback,\n useWindowDimensions,\n View,\n Platform,\n StatusBar,\n} from 'react-native'\n\nimport { useTheme } from 'react-native-paper'\nimport DatePickerModalContent, {\n DatePickerModalContentMultiProps,\n DatePickerModalContentRangeProps,\n DatePickerModalContentSingleProps,\n} from './DatePickerModalContent'\nimport { useHeaderBackgroundColor, useHeaderColorIsLight } from '../utils'\n\ninterface DatePickerModalProps {\n visible: boolean\n animationType?: 'slide' | 'fade' | 'none'\n disableStatusBar?: boolean\n disableStatusBarPadding?: boolean\n}\n\nexport interface DatePickerModalSingleProps\n extends DatePickerModalContentSingleProps,\n DatePickerModalProps {}\n\nexport interface DatePickerModalMultiProps\n extends DatePickerModalContentMultiProps,\n DatePickerModalProps {}\n\nexport interface DatePickerModalRangeProps\n extends DatePickerModalContentRangeProps,\n DatePickerModalProps {}\n\nexport function DatePickerModal(\n props:\n | DatePickerModalRangeProps\n | DatePickerModalSingleProps\n | DatePickerModalMultiProps\n) {\n const theme = useTheme()\n const dimensions = useWindowDimensions()\n const {\n visible,\n animationType,\n disableStatusBar,\n disableStatusBarPadding,\n ...rest\n } = props\n const animationTypeCalculated =\n animationType ||\n Platform.select({\n web: 'none',\n default: 'slide',\n })\n\n const isLight = useHeaderColorIsLight()\n const headerBackgroundColor = useHeaderBackgroundColor()\n\n return (\n <View style={[StyleSheet.absoluteFill]} pointerEvents=\"box-none\">\n <Modal\n animationType={animationTypeCalculated}\n transparent={true}\n visible={visible}\n onRequestClose={rest.onDismiss}\n presentationStyle=\"overFullScreen\"\n supportedOrientations={supportedOrientations}\n //@ts-ignore\n statusBarTranslucent={true}\n >\n <>\n <TouchableWithoutFeedback onPress={rest.onDismiss}>\n <View\n style={[\n StyleSheet.absoluteFill,\n styles.modalBackground,\n { backgroundColor: theme.colors.backdrop },\n ]}\n />\n </TouchableWithoutFeedback>\n <View\n style={[StyleSheet.absoluteFill, styles.modalRoot]}\n pointerEvents=\"box-none\"\n >\n <View\n style={[\n styles.modalContent,\n { backgroundColor: theme.colors.surface },\n dimensions.width > 650 ? styles.modalContentBig : null,\n ]}\n >\n {disableStatusBar ? null : (\n <StatusBar\n translucent={true}\n barStyle={isLight ? 'dark-content' : 'light-content'}\n />\n )}\n {disableStatusBarPadding ? null : (\n <View\n style={[\n {\n height: StatusBar.currentHeight,\n backgroundColor: headerBackgroundColor,\n },\n ]}\n />\n )}\n <DatePickerModalContent\n {...rest}\n disableSafeTop={disableStatusBar}\n />\n </View>\n </View>\n </>\n </Modal>\n </View>\n )\n}\nconst supportedOrientations: any = [\n 'portrait',\n 'portrait-upside-down',\n 'landscape',\n 'landscape-left',\n 'landscape-right',\n]\n\nconst styles = StyleSheet.create({\n modalRoot: {\n justifyContent: 'center',\n alignItems: 'center',\n flex: 1,\n },\n modalBackground: {\n flex: 1,\n },\n modalContent: {\n flex: 1,\n width: '100%',\n },\n modalContentBig: {\n maxWidth: 600,\n maxHeight: 800,\n borderRadius: 10,\n width: '100%',\n overflow: 'hidden',\n },\n})\n\nexport default React.memo(DatePickerModal)\n"],"mappings":"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"}
|
|
@@ -27,8 +27,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
27
27
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
28
28
|
|
|
29
29
|
function DatePickerModalContent(props) {
|
|
30
|
-
var _props$uppercase, _props$uppercase2;
|
|
31
|
-
|
|
32
30
|
const {
|
|
33
31
|
mode,
|
|
34
32
|
onChange,
|
|
@@ -38,7 +36,9 @@ function DatePickerModalContent(props) {
|
|
|
38
36
|
disableWeekDays,
|
|
39
37
|
locale,
|
|
40
38
|
validRange,
|
|
41
|
-
dateMode
|
|
39
|
+
dateMode,
|
|
40
|
+
startYear,
|
|
41
|
+
endYear
|
|
42
42
|
} = props;
|
|
43
43
|
const anyProps = props; // use local state to add only onConfirm state changes
|
|
44
44
|
|
|
@@ -91,8 +91,10 @@ function DatePickerModalContent(props) {
|
|
|
91
91
|
onSave: onInnerConfirm,
|
|
92
92
|
onDismiss: onDismiss,
|
|
93
93
|
saveLabel: props.saveLabel,
|
|
94
|
-
|
|
95
|
-
|
|
94
|
+
saveLabelDisabled: props.saveLabelDisabled || false,
|
|
95
|
+
uppercase: props.uppercase || true,
|
|
96
|
+
disableSafeTop: disableSafeTop,
|
|
97
|
+
closeIcon: props.closeIcon
|
|
96
98
|
}), /*#__PURE__*/React.createElement(_DatePickerModalContentHeader.default, {
|
|
97
99
|
state: state,
|
|
98
100
|
mode: mode,
|
|
@@ -104,8 +106,10 @@ function DatePickerModalContent(props) {
|
|
|
104
106
|
moreLabel: props.moreLabel,
|
|
105
107
|
startLabel: props.startLabel,
|
|
106
108
|
endLabel: props.endLabel,
|
|
107
|
-
uppercase:
|
|
108
|
-
locale: locale
|
|
109
|
+
uppercase: props.uppercase || true,
|
|
110
|
+
locale: locale,
|
|
111
|
+
editIcon: props.editIcon,
|
|
112
|
+
calendarIcon: props.calendarIcon
|
|
109
113
|
})), /*#__PURE__*/React.createElement(_AnimatedCrossView.default, {
|
|
110
114
|
collapsed: collapsed,
|
|
111
115
|
calendar: /*#__PURE__*/React.createElement(_Calendar.default, {
|
|
@@ -118,7 +122,9 @@ function DatePickerModalContent(props) {
|
|
|
118
122
|
disableWeekDays: disableWeekDays,
|
|
119
123
|
dates: state.dates,
|
|
120
124
|
validRange: validRange,
|
|
121
|
-
dateMode: dateMode
|
|
125
|
+
dateMode: dateMode,
|
|
126
|
+
startYear: startYear,
|
|
127
|
+
endYear: endYear
|
|
122
128
|
}),
|
|
123
129
|
calendarEdit: /*#__PURE__*/React.createElement(_CalendarEdit.default, {
|
|
124
130
|
mode: mode,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":["DatePickerModalContent","props","mode","onChange","onConfirm","onDismiss","disableSafeTop","disableWeekDays","locale","validRange","dateMode","startYear","endYear","anyProps","state","setState","React","useState","date","startDate","endDate","dates","useEffect","collapsed","setCollapsed","onInnerChange","useCallback","params","prev","onInnerConfirm","onToggleCollapse","saveLabel","saveLabelDisabled","uppercase","closeIcon","headerSeparator","emptyLabel","label","moreLabel","startLabel","endLabel","editIcon","calendarIcon","memo"],"sources":["DatePickerModalContent.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport Calendar, {\n BaseCalendarProps,\n CalendarDate,\n CalendarDates,\n MultiChange,\n MultiConfirm,\n RangeChange,\n SingleChange,\n} from './Calendar'\n\nimport AnimatedCrossView from './AnimatedCrossView'\n\nimport DatePickerModalHeader from './DatePickerModalHeader'\nimport DatePickerModalContentHeader, {\n HeaderPickProps,\n} from './DatePickerModalContentHeader'\nimport CalendarEdit from './CalendarEdit'\nimport DatePickerModalHeaderBackground from './DatePickerModalHeaderBackground'\n\nexport type LocalState = {\n startDate: CalendarDate\n endDate: CalendarDate\n date: CalendarDate\n dates: CalendarDates\n}\n\ninterface DatePickerModalContentBaseProps {\n inputFormat?: string\n locale: string\n onDismiss: () => any\n disableSafeTop?: boolean\n saveLabelDisabled?: boolean\n}\n\nexport interface DatePickerModalContentRangeProps\n extends HeaderPickProps,\n BaseCalendarProps,\n DatePickerModalContentBaseProps {\n mode: 'range'\n startDate: CalendarDate\n endDate: CalendarDate\n onChange?: RangeChange\n onConfirm: RangeChange\n}\n\nexport interface DatePickerModalContentSingleProps\n extends HeaderPickProps,\n BaseCalendarProps,\n DatePickerModalContentBaseProps {\n mode: 'single'\n date?: CalendarDate\n onChange?: SingleChange\n onConfirm: SingleChange\n dateMode?: 'start' | 'end'\n}\n\nexport interface DatePickerModalContentMultiProps\n extends HeaderPickProps,\n BaseCalendarProps,\n DatePickerModalContentBaseProps {\n mode: 'multiple'\n dates?: CalendarDates\n onChange?: MultiChange\n onConfirm: MultiConfirm\n}\n\nexport function DatePickerModalContent(\n props:\n | DatePickerModalContentRangeProps\n | DatePickerModalContentSingleProps\n | DatePickerModalContentMultiProps\n) {\n const {\n mode,\n onChange,\n onConfirm,\n onDismiss,\n disableSafeTop,\n disableWeekDays,\n locale,\n validRange,\n dateMode,\n startYear,\n endYear,\n } = props\n\n const anyProps = props as any\n\n // use local state to add only onConfirm state changes\n const [state, setState] = React.useState<LocalState>({\n date: anyProps.date,\n startDate: anyProps.startDate,\n endDate: anyProps.endDate,\n dates: anyProps.dates,\n })\n\n // update local state if changed from outside or if modal is opened\n React.useEffect(() => {\n setState({\n date: anyProps.date,\n startDate: anyProps.startDate,\n endDate: anyProps.endDate,\n dates: anyProps.dates,\n })\n }, [anyProps.date, anyProps.startDate, anyProps.endDate, anyProps.dates])\n\n const [collapsed, setCollapsed] = React.useState<boolean>(true)\n\n const onInnerChange = React.useCallback(\n (params: any) => {\n onChange && onChange(params)\n setState((prev) => ({ ...prev, ...params }))\n },\n [onChange, setState]\n )\n\n const onInnerConfirm = React.useCallback(() => {\n if (mode === 'single') {\n ;(onConfirm as DatePickerModalContentSingleProps['onConfirm'])({\n date: state.date,\n })\n } else if (mode === 'range') {\n ;(onConfirm as DatePickerModalContentRangeProps['onConfirm'])({\n startDate: state.startDate,\n endDate: state.endDate,\n })\n } else if (mode === 'multiple') {\n ;(onConfirm as DatePickerModalContentMultiProps['onConfirm'])({\n dates: state.dates || [],\n })\n }\n }, [state, mode, onConfirm])\n\n const onToggleCollapse = React.useCallback(() => {\n setCollapsed((prev) => !prev)\n }, [setCollapsed])\n\n return (\n <>\n <DatePickerModalHeaderBackground>\n <DatePickerModalHeader\n locale={locale}\n onSave={onInnerConfirm}\n onDismiss={onDismiss}\n saveLabel={props.saveLabel}\n saveLabelDisabled={props.saveLabelDisabled || false}\n uppercase={props.uppercase || true}\n disableSafeTop={disableSafeTop}\n closeIcon={props.closeIcon}\n />\n <DatePickerModalContentHeader\n state={state}\n mode={mode}\n collapsed={collapsed}\n onToggle={onToggleCollapse}\n headerSeparator={props.headerSeparator}\n emptyLabel={props.emptyLabel}\n label={props.label}\n moreLabel={props.moreLabel}\n startLabel={props.startLabel}\n endLabel={props.endLabel}\n uppercase={props.uppercase || true}\n locale={locale}\n editIcon={props.editIcon}\n calendarIcon={props.calendarIcon}\n />\n </DatePickerModalHeaderBackground>\n\n <AnimatedCrossView\n collapsed={collapsed}\n calendar={\n <Calendar\n locale={locale}\n mode={mode}\n startDate={state.startDate}\n endDate={state.endDate}\n date={state.date}\n onChange={onInnerChange}\n disableWeekDays={disableWeekDays}\n dates={state.dates}\n validRange={validRange}\n dateMode={dateMode}\n startYear={startYear}\n endYear={endYear}\n />\n }\n calendarEdit={\n <CalendarEdit\n mode={mode}\n state={state}\n label={props.label}\n startLabel={props.startLabel}\n endLabel={props.endLabel}\n collapsed={collapsed}\n onChange={onInnerChange}\n validRange={validRange}\n locale={locale}\n />\n }\n />\n </>\n )\n}\n\nexport default React.memo(DatePickerModalContent)\n"],"mappings":"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"}
|
|
@@ -26,7 +26,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
26
26
|
|
|
27
27
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
28
28
|
|
|
29
|
-
function _extends() { _extends = Object.assign
|
|
29
|
+
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); }
|
|
30
30
|
|
|
31
31
|
function getLabel(locale, mode, configuredLabel) {
|
|
32
32
|
if (configuredLabel) {
|
|
@@ -54,7 +54,9 @@ function DatePickerModalContentHeader(props) {
|
|
|
54
54
|
collapsed,
|
|
55
55
|
mode,
|
|
56
56
|
moreLabel,
|
|
57
|
-
uppercase
|
|
57
|
+
uppercase,
|
|
58
|
+
editIcon = 'pencil',
|
|
59
|
+
calendarIcon = 'calendar'
|
|
58
60
|
} = props;
|
|
59
61
|
const label = getLabel(props.locale, props.mode, props.label);
|
|
60
62
|
const color = (0, _utils.useHeaderTextColor)();
|
|
@@ -77,7 +79,7 @@ function DatePickerModalContentHeader(props) {
|
|
|
77
79
|
})) : null)), /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
78
80
|
style: styles.fill
|
|
79
81
|
}), allowEditing ? /*#__PURE__*/React.createElement(_reactNativePaper.IconButton, {
|
|
80
|
-
icon: collapsed ?
|
|
82
|
+
icon: collapsed ? editIcon : calendarIcon,
|
|
81
83
|
accessibilityLabel: collapsed ? (0, _utils2.getTranslation)(props.locale, 'typeInDate') : (0, _utils2.getTranslation)(props.locale, 'pickDateFromCalendar'),
|
|
82
84
|
color: color,
|
|
83
85
|
onPress: onToggle
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["DatePickerModalContentHeader.tsx"],"names":["getLabel","locale","mode","configuredLabel","DatePickerModalContentHeader","props","onToggle","collapsed","moreLabel","uppercase","label","color","allowEditing","styles","header","toUpperCase","headerContentContainer","fill","HeaderContentSingle","state","emptyLabel","lighterColor","fade","rgb","toString","dateColor","date","formatter","React","useMemo","Intl","DateTimeFormat","month","day","singleHeaderText","format","HeaderContentMulti","dateCount","dates","length","map","join","HeaderContentRange","headerSeparator","startLabel","endLabel","startColor","startDate","endColor","endDate","rangeHeaderText","StyleSheet","create","flex","animated","paddingBottom","elevation","safeContent","height","alignItems","flexDirection","paddingLeft","paddingRight","marginTop","letterSpacing","fontSize","excludeInRangeHeaderText","excludeInRangeHeaderTextSmall","marginLeft","appbarHeader","column","row"],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport { View, StyleSheet } from 'react-native'\nimport { IconButton, Text } from 'react-native-paper'\nimport type { ModeType } from './Calendar'\nimport type { LocalState } from './DatePickerModalContent'\nimport { useHeaderTextColor } from '../utils'\nimport Color from 'color'\nimport { getTranslation } from '../translations/utils'\n\nexport interface HeaderPickProps {\n moreLabel?: string\n label?: string\n emptyLabel?: string\n saveLabel?: string\n uppercase?: boolean\n headerSeparator?: string\n startLabel?: string\n endLabel?: string\n}\n\nexport interface HeaderContentProps extends HeaderPickProps {\n state: LocalState\n mode: ModeType\n collapsed: boolean\n onToggle: () => any\n locale: string | undefined\n}\n\nfunction getLabel(\n locale: string | undefined,\n mode: ModeType,\n configuredLabel?: string\n) {\n if (configuredLabel) {\n return configuredLabel\n }\n if (mode === 'range') {\n return getTranslation(locale, 'selectRange')\n }\n if (mode === 'multiple') {\n return getTranslation(locale, 'selectMultiple')\n }\n if (mode === 'single') {\n return getTranslation(locale, 'selectSingle')\n }\n return '...?'\n}\n\nexport default function DatePickerModalContentHeader(\n props: HeaderContentProps\n) {\n const { onToggle, collapsed, mode, moreLabel, uppercase } = props\n\n const label = getLabel(props.locale, props.mode, props.label)\n\n const color = useHeaderTextColor()\n const allowEditing = mode !== 'multiple'\n return (\n <View style={[styles.header]}>\n <View>\n <Text style={[styles.label, { color }]}>\n {uppercase ? label.toUpperCase() : label}\n </Text>\n <View style={styles.headerContentContainer}>\n {mode === 'range' ? (\n <HeaderContentRange {...props} color={color} />\n ) : null}\n {mode === 'single' ? (\n <HeaderContentSingle {...props} color={color} />\n ) : null}\n {mode === 'multiple' ? (\n <HeaderContentMulti\n {...props}\n color={color}\n moreLabel={moreLabel}\n />\n ) : null}\n </View>\n </View>\n <View style={styles.fill} />\n {allowEditing ? (\n <IconButton\n icon={collapsed ? 'pencil' : 'calendar'}\n accessibilityLabel={\n collapsed\n ? getTranslation(props.locale, 'typeInDate')\n : getTranslation(props.locale, 'pickDateFromCalendar')\n }\n color={color}\n onPress={onToggle}\n />\n ) : null}\n </View>\n )\n}\n\nexport function HeaderContentSingle({\n state,\n emptyLabel = ' ',\n color,\n locale,\n}: HeaderContentProps & { color: string }) {\n const lighterColor = Color(color).fade(0.5).rgb().toString()\n const dateColor = state.date ? color : lighterColor\n\n const formatter = React.useMemo(() => {\n return new Intl.DateTimeFormat(locale, {\n month: 'short',\n day: 'numeric',\n })\n }, [locale])\n\n return (\n <Text style={[styles.singleHeaderText, { color: dateColor }]}>\n {state.date ? formatter.format(state.date) : emptyLabel}\n </Text>\n )\n}\n\nexport function HeaderContentMulti({\n state,\n emptyLabel = ' ',\n moreLabel = 'more',\n color,\n locale,\n}: HeaderContentProps & { color: string; moreLabel: string | undefined }) {\n const dateCount = state.dates?.length || 0\n const lighterColor = Color(color).fade(0.5).rgb().toString()\n const dateColor = dateCount ? color : lighterColor\n\n const formatter = React.useMemo(() => {\n return new Intl.DateTimeFormat(locale, {\n month: 'short',\n day: 'numeric',\n })\n }, [locale])\n\n let label = emptyLabel\n if (dateCount) {\n if (dateCount <= 2) {\n label = state.dates!.map((date) => formatter.format(date)).join(', ')\n } else {\n label =\n formatter.format(state.dates![0]) + ` (+ ${dateCount - 1} ${moreLabel})`\n }\n }\n\n return (\n <Text style={[styles.singleHeaderText, { color: dateColor }]}>{label}</Text>\n )\n}\n\nexport function HeaderContentRange({\n locale,\n state,\n headerSeparator = '-',\n startLabel = 'Start',\n endLabel = 'End',\n color,\n}: HeaderContentProps & { color: string }) {\n const formatter = React.useMemo(() => {\n return new Intl.DateTimeFormat(locale, {\n month: 'short',\n day: 'numeric',\n })\n }, [locale])\n\n const lighterColor = Color(color).fade(0.5).rgb().toString()\n const startColor = state.startDate ? color : lighterColor\n const endColor = state.endDate ? color : lighterColor\n\n return (\n <>\n <Text style={[styles.rangeHeaderText, { color: startColor }]}>\n {state.startDate ? formatter.format(state.startDate) : startLabel}\n </Text>\n <Text style={[styles.headerSeparator, { color }]}>{headerSeparator}</Text>\n <Text style={[styles.rangeHeaderText, { color: endColor }]}>\n {state.endDate ? formatter.format(state.endDate) : endLabel}\n </Text>\n </>\n )\n}\n\nconst styles = StyleSheet.create({\n fill: {\n flex: 1,\n },\n animated: {\n paddingBottom: 0,\n elevation: 4,\n },\n safeContent: {\n paddingBottom: 0,\n },\n header: {\n height: 75,\n alignItems: 'center',\n flexDirection: 'row',\n paddingLeft: 24,\n paddingRight: 12,\n },\n headerContentContainer: { marginTop: 5, flexDirection: 'row' },\n label: { color: '#fff', letterSpacing: 1, fontSize: 13 },\n singleHeaderText: { color: '#fff', fontSize: 25 },\n rangeHeaderText: { color: '#fff', fontSize: 25 },\n excludeInRangeHeaderText: { fontSize: 25 },\n excludeInRangeHeaderTextSmall: {\n fontSize: 14,\n marginTop: -3,\n marginLeft: 3,\n },\n\n headerSeparator: {\n color: 'rgba(255,255,255,1)',\n fontSize: 25,\n paddingLeft: 6,\n paddingRight: 6,\n },\n appbarHeader: {\n elevation: 0,\n },\n column: { flexDirection: 'column' },\n row: { flexDirection: 'row' },\n})\n"]}
|
|
1
|
+
{"version":3,"names":["getLabel","locale","mode","configuredLabel","getTranslation","DatePickerModalContentHeader","props","onToggle","collapsed","moreLabel","uppercase","editIcon","calendarIcon","label","color","useHeaderTextColor","allowEditing","styles","header","toUpperCase","headerContentContainer","fill","HeaderContentSingle","state","emptyLabel","lighterColor","Color","fade","rgb","toString","dateColor","date","formatter","React","useMemo","Intl","DateTimeFormat","month","day","singleHeaderText","format","HeaderContentMulti","dateCount","dates","length","map","join","HeaderContentRange","headerSeparator","startLabel","endLabel","startColor","startDate","endColor","endDate","rangeHeaderText","StyleSheet","create","flex","animated","paddingBottom","elevation","safeContent","height","alignItems","flexDirection","paddingLeft","paddingRight","marginTop","letterSpacing","fontSize","excludeInRangeHeaderText","excludeInRangeHeaderTextSmall","marginLeft","appbarHeader","column","row"],"sources":["DatePickerModalContentHeader.tsx"],"sourcesContent":["import * as React from 'react'\nimport { View, StyleSheet } from 'react-native'\nimport { IconButton, Text } from 'react-native-paper'\nimport type { ModeType } from './Calendar'\nimport type { LocalState } from './DatePickerModalContent'\nimport { useHeaderTextColor } from '../utils'\nimport Color from 'color'\nimport { getTranslation } from '../translations/utils'\n\nexport interface HeaderPickProps {\n moreLabel?: string\n label?: string\n emptyLabel?: string\n saveLabel?: string\n uppercase?: boolean\n headerSeparator?: string\n startLabel?: string\n endLabel?: string\n editIcon?: string\n calendarIcon?: string\n closeIcon?: string\n}\n\nexport interface HeaderContentProps extends HeaderPickProps {\n state: LocalState\n mode: ModeType\n collapsed: boolean\n onToggle: () => any\n locale: string | undefined\n}\n\nfunction getLabel(\n locale: string | undefined,\n mode: ModeType,\n configuredLabel?: string\n) {\n if (configuredLabel) {\n return configuredLabel\n }\n if (mode === 'range') {\n return getTranslation(locale, 'selectRange')\n }\n if (mode === 'multiple') {\n return getTranslation(locale, 'selectMultiple')\n }\n if (mode === 'single') {\n return getTranslation(locale, 'selectSingle')\n }\n return '...?'\n}\n\nexport default function DatePickerModalContentHeader(\n props: HeaderContentProps\n) {\n const {\n onToggle,\n collapsed,\n mode,\n moreLabel,\n uppercase,\n editIcon = 'pencil',\n calendarIcon = 'calendar',\n } = props\n\n const label = getLabel(props.locale, props.mode, props.label)\n\n const color = useHeaderTextColor()\n const allowEditing = mode !== 'multiple'\n return (\n <View style={[styles.header]}>\n <View>\n <Text style={[styles.label, { color }]}>\n {uppercase ? label.toUpperCase() : label}\n </Text>\n <View style={styles.headerContentContainer}>\n {mode === 'range' ? (\n <HeaderContentRange {...props} color={color} />\n ) : null}\n {mode === 'single' ? (\n <HeaderContentSingle {...props} color={color} />\n ) : null}\n {mode === 'multiple' ? (\n <HeaderContentMulti\n {...props}\n color={color}\n moreLabel={moreLabel}\n />\n ) : null}\n </View>\n </View>\n <View style={styles.fill} />\n {allowEditing ? (\n <IconButton\n icon={collapsed ? editIcon : calendarIcon}\n accessibilityLabel={\n collapsed\n ? getTranslation(props.locale, 'typeInDate')\n : getTranslation(props.locale, 'pickDateFromCalendar')\n }\n color={color}\n onPress={onToggle}\n />\n ) : null}\n </View>\n )\n}\n\nexport function HeaderContentSingle({\n state,\n emptyLabel = ' ',\n color,\n locale,\n}: HeaderContentProps & { color: string }) {\n const lighterColor = Color(color).fade(0.5).rgb().toString()\n const dateColor = state.date ? color : lighterColor\n\n const formatter = React.useMemo(() => {\n return new Intl.DateTimeFormat(locale, {\n month: 'short',\n day: 'numeric',\n })\n }, [locale])\n\n return (\n <Text style={[styles.singleHeaderText, { color: dateColor }]}>\n {state.date ? formatter.format(state.date) : emptyLabel}\n </Text>\n )\n}\n\nexport function HeaderContentMulti({\n state,\n emptyLabel = ' ',\n moreLabel = 'more',\n color,\n locale,\n}: HeaderContentProps & { color: string; moreLabel: string | undefined }) {\n const dateCount = state.dates?.length || 0\n const lighterColor = Color(color).fade(0.5).rgb().toString()\n const dateColor = dateCount ? color : lighterColor\n\n const formatter = React.useMemo(() => {\n return new Intl.DateTimeFormat(locale, {\n month: 'short',\n day: 'numeric',\n })\n }, [locale])\n\n let label = emptyLabel\n if (dateCount) {\n if (dateCount <= 2) {\n label = state.dates!.map((date) => formatter.format(date)).join(', ')\n } else {\n label =\n formatter.format(state.dates![0]) + ` (+ ${dateCount - 1} ${moreLabel})`\n }\n }\n\n return (\n <Text style={[styles.singleHeaderText, { color: dateColor }]}>{label}</Text>\n )\n}\n\nexport function HeaderContentRange({\n locale,\n state,\n headerSeparator = '-',\n startLabel = 'Start',\n endLabel = 'End',\n color,\n}: HeaderContentProps & { color: string }) {\n const formatter = React.useMemo(() => {\n return new Intl.DateTimeFormat(locale, {\n month: 'short',\n day: 'numeric',\n })\n }, [locale])\n\n const lighterColor = Color(color).fade(0.5).rgb().toString()\n const startColor = state.startDate ? color : lighterColor\n const endColor = state.endDate ? color : lighterColor\n\n return (\n <>\n <Text style={[styles.rangeHeaderText, { color: startColor }]}>\n {state.startDate ? formatter.format(state.startDate) : startLabel}\n </Text>\n <Text style={[styles.headerSeparator, { color }]}>{headerSeparator}</Text>\n <Text style={[styles.rangeHeaderText, { color: endColor }]}>\n {state.endDate ? formatter.format(state.endDate) : endLabel}\n </Text>\n </>\n )\n}\n\nconst styles = StyleSheet.create({\n fill: {\n flex: 1,\n },\n animated: {\n paddingBottom: 0,\n elevation: 4,\n },\n safeContent: {\n paddingBottom: 0,\n },\n header: {\n height: 75,\n alignItems: 'center',\n flexDirection: 'row',\n paddingLeft: 24,\n paddingRight: 12,\n },\n headerContentContainer: { marginTop: 5, flexDirection: 'row' },\n label: { color: '#fff', letterSpacing: 1, fontSize: 13 },\n singleHeaderText: { color: '#fff', fontSize: 25 },\n rangeHeaderText: { color: '#fff', fontSize: 25 },\n excludeInRangeHeaderText: { fontSize: 25 },\n excludeInRangeHeaderTextSmall: {\n fontSize: 14,\n marginTop: -3,\n marginLeft: 3,\n },\n\n headerSeparator: {\n color: 'rgba(255,255,255,1)',\n fontSize: 25,\n paddingLeft: 6,\n paddingRight: 6,\n },\n appbarHeader: {\n elevation: 0,\n },\n column: { flexDirection: 'column' },\n row: { flexDirection: 'row' },\n})\n"],"mappings":"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"}
|
|
@@ -20,11 +20,10 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
20
20
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
21
21
|
|
|
22
22
|
function DatePickerModalHeader(props) {
|
|
23
|
-
var _props$uppercase;
|
|
24
|
-
|
|
25
23
|
const {
|
|
26
24
|
disableSafeTop,
|
|
27
|
-
locale
|
|
25
|
+
locale,
|
|
26
|
+
closeIcon = 'close'
|
|
28
27
|
} = props;
|
|
29
28
|
const saveLabel = props.saveLabel || (0, _utils2.getTranslation)(locale, 'save');
|
|
30
29
|
const color = (0, _utils.useHeaderTextColor)();
|
|
@@ -35,7 +34,7 @@ function DatePickerModalHeader(props) {
|
|
|
35
34
|
}, /*#__PURE__*/React.createElement(_reactNativePaper.Appbar, {
|
|
36
35
|
style: styles.appbarHeader
|
|
37
36
|
}, /*#__PURE__*/React.createElement(_reactNativePaper.Appbar.Action, {
|
|
38
|
-
icon:
|
|
37
|
+
icon: closeIcon,
|
|
39
38
|
accessibilityLabel: (0, _utils2.getTranslation)(locale, 'close'),
|
|
40
39
|
onPress: props.onDismiss,
|
|
41
40
|
color: color,
|
|
@@ -45,7 +44,8 @@ function DatePickerModalHeader(props) {
|
|
|
45
44
|
}), /*#__PURE__*/React.createElement(_reactNativePaper.Button, {
|
|
46
45
|
color: color,
|
|
47
46
|
onPress: props.onSave,
|
|
48
|
-
|
|
47
|
+
disabled: props.saveLabelDisabled || false,
|
|
48
|
+
uppercase: props.uppercase || true,
|
|
49
49
|
testID: "react-native-paper-dates-save"
|
|
50
50
|
}, saveLabel)))));
|
|
51
51
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":["DatePickerModalHeader","props","disableSafeTop","locale","closeIcon","saveLabel","getTranslation","color","useHeaderTextColor","styles","animated","safeContent","safeContentNoTop","appbarHeader","onDismiss","onSave","saveLabelDisabled","uppercase","StyleSheet","create","fill","flex","paddingBottom","elevation","paddingTop","header","height","alignItems","flexDirection","paddingLeft","paddingRight","headerContentContainer","marginTop","label","letterSpacing","fontSize","singleHeaderText","rangeHeaderText","headerTextFilled","headerTextEmpty","headerSeparator","backgroundColor"],"sources":["DatePickerModalHeader.tsx"],"sourcesContent":["import * as React from 'react'\nimport { Animated, StyleSheet, SafeAreaView } from 'react-native'\nimport { Appbar, Button } from 'react-native-paper'\n\nimport { useHeaderTextColor } from '../utils'\nimport { getTranslation } from '../translations/utils'\n\nexport interface DatePickerModalHeaderProps {\n disableSafeTop?: boolean\n saveLabel?: string\n saveLabelDisabled?: boolean\n uppercase?: boolean\n onDismiss: () => void\n onSave: () => void\n locale: string | undefined\n closeIcon?: string\n}\n\nexport default function DatePickerModalHeader(\n props: DatePickerModalHeaderProps\n) {\n const { disableSafeTop, locale, closeIcon = 'close' } = props\n const saveLabel = props.saveLabel || getTranslation(locale, 'save')\n const color = useHeaderTextColor()\n return (\n <>\n <Animated.View style={styles.animated}>\n <SafeAreaView\n style={[\n styles.safeContent,\n disableSafeTop && styles.safeContentNoTop,\n ]}\n >\n <Appbar style={styles.appbarHeader}>\n <Appbar.Action\n icon={closeIcon}\n accessibilityLabel={getTranslation(locale, 'close')}\n onPress={props.onDismiss}\n color={color}\n testID=\"react-native-paper-dates-close\"\n />\n <Appbar.Content title={''} />\n <Button\n color={color}\n onPress={props.onSave}\n disabled={props.saveLabelDisabled || false}\n uppercase={props.uppercase || true}\n testID=\"react-native-paper-dates-save\"\n >\n {saveLabel}\n </Button>\n </Appbar>\n </SafeAreaView>\n </Animated.View>\n </>\n )\n}\n\nconst styles = StyleSheet.create({\n fill: {\n flex: 1,\n },\n animated: {\n paddingBottom: 0,\n elevation: 4,\n },\n safeContent: {\n paddingBottom: 0,\n },\n safeContentNoTop: {\n paddingTop: 0,\n },\n header: {\n height: 75,\n alignItems: 'center',\n flexDirection: 'row',\n paddingLeft: 24,\n paddingRight: 12,\n },\n headerContentContainer: { marginTop: 5, flexDirection: 'row' },\n label: { color: '#fff', letterSpacing: 1, fontSize: 13 },\n singleHeaderText: { color: '#fff', fontSize: 25 },\n rangeHeaderText: { color: '#fff', fontSize: 25 },\n headerTextFilled: { color: 'rgba(255,255,255,1)' },\n headerTextEmpty: { color: 'rgba(255,255,255,0.5)' },\n headerSeparator: {\n color: 'rgba(255,255,255,1)',\n fontSize: 25,\n paddingLeft: 6,\n paddingRight: 6,\n },\n appbarHeader: {\n elevation: 0,\n backgroundColor: 'transparent',\n // alignItems:'center'\n },\n})\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;;;;;AAae,SAASA,qBAAT,CACbC,KADa,EAEb;EACA,MAAM;IAAEC,cAAF;IAAkBC,MAAlB;IAA0BC,SAAS,GAAG;EAAtC,IAAkDH,KAAxD;EACA,MAAMI,SAAS,GAAGJ,KAAK,CAACI,SAAN,IAAmB,IAAAC,sBAAA,EAAeH,MAAf,EAAuB,MAAvB,CAArC;EACA,MAAMI,KAAK,GAAG,IAAAC,yBAAA,GAAd;EACA,oBACE,uDACE,oBAAC,qBAAD,CAAU,IAAV;IAAe,KAAK,EAAEC,MAAM,CAACC;EAA7B,gBACE,oBAAC,yBAAD;IACE,KAAK,EAAE,CACLD,MAAM,CAACE,WADF,EAELT,cAAc,IAAIO,MAAM,CAACG,gBAFpB;EADT,gBAME,oBAAC,wBAAD;IAAQ,KAAK,EAAEH,MAAM,CAACI;EAAtB,gBACE,oBAAC,wBAAD,CAAQ,MAAR;IACE,IAAI,EAAET,SADR;IAEE,kBAAkB,EAAE,IAAAE,sBAAA,EAAeH,MAAf,EAAuB,OAAvB,CAFtB;IAGE,OAAO,EAAEF,KAAK,CAACa,SAHjB;IAIE,KAAK,EAAEP,KAJT;IAKE,MAAM,EAAC;EALT,EADF,eAQE,oBAAC,wBAAD,CAAQ,OAAR;IAAgB,KAAK,EAAE;EAAvB,EARF,eASE,oBAAC,wBAAD;IACE,KAAK,EAAEA,KADT;IAEE,OAAO,EAAEN,KAAK,CAACc,MAFjB;IAGE,QAAQ,EAAEd,KAAK,CAACe,iBAAN,IAA2B,KAHvC;IAIE,SAAS,EAAEf,KAAK,CAACgB,SAAN,IAAmB,IAJhC;IAKE,MAAM,EAAC;EALT,GAOGZ,SAPH,CATF,CANF,CADF,CADF,CADF;AAgCD;;AAED,MAAMI,MAAM,GAAGS,uBAAA,CAAWC,MAAX,CAAkB;EAC/BC,IAAI,EAAE;IACJC,IAAI,EAAE;EADF,CADyB;EAI/BX,QAAQ,EAAE;IACRY,aAAa,EAAE,CADP;IAERC,SAAS,EAAE;EAFH,CAJqB;EAQ/BZ,WAAW,EAAE;IACXW,aAAa,EAAE;EADJ,CARkB;EAW/BV,gBAAgB,EAAE;IAChBY,UAAU,EAAE;EADI,CAXa;EAc/BC,MAAM,EAAE;IACNC,MAAM,EAAE,EADF;IAENC,UAAU,EAAE,QAFN;IAGNC,aAAa,EAAE,KAHT;IAINC,WAAW,EAAE,EAJP;IAKNC,YAAY,EAAE;EALR,CAduB;EAqB/BC,sBAAsB,EAAE;IAAEC,SAAS,EAAE,CAAb;IAAgBJ,aAAa,EAAE;EAA/B,CArBO;EAsB/BK,KAAK,EAAE;IAAE1B,KAAK,EAAE,MAAT;IAAiB2B,aAAa,EAAE,CAAhC;IAAmCC,QAAQ,EAAE;EAA7C,CAtBwB;EAuB/BC,gBAAgB,EAAE;IAAE7B,KAAK,EAAE,MAAT;IAAiB4B,QAAQ,EAAE;EAA3B,CAvBa;EAwB/BE,eAAe,EAAE;IAAE9B,KAAK,EAAE,MAAT;IAAiB4B,QAAQ,EAAE;EAA3B,CAxBc;EAyB/BG,gBAAgB,EAAE;IAAE/B,KAAK,EAAE;EAAT,CAzBa;EA0B/BgC,eAAe,EAAE;IAAEhC,KAAK,EAAE;EAAT,CA1Bc;EA2B/BiC,eAAe,EAAE;IACfjC,KAAK,EAAE,qBADQ;IAEf4B,QAAQ,EAAE,EAFK;IAGfN,WAAW,EAAE,CAHE;IAIfC,YAAY,EAAE;EAJC,CA3Bc;EAiC/BjB,YAAY,EAAE;IACZU,SAAS,EAAE,CADC;IAEZkB,eAAe,EAAE,aAFL,CAGZ;;EAHY;AAjCiB,CAAlB,CAAf"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":["DatePickerModalHeaderBackground","children","backgroundColor","useHeaderBackgroundColor","styles","animated","safeContent","StyleSheet","create","paddingBottom","elevation"],"sources":["DatePickerModalHeaderBackground.tsx"],"sourcesContent":["import { Animated, SafeAreaView, StyleSheet } from 'react-native'\nimport * as React from 'react'\nimport { useHeaderBackgroundColor } from '../utils'\n\nexport default function DatePickerModalHeaderBackground({\n children,\n}: {\n children: any\n}) {\n const backgroundColor = useHeaderBackgroundColor()\n\n return (\n <Animated.View\n style={[\n styles.animated,\n {\n backgroundColor,\n },\n ]}\n >\n <SafeAreaView style={styles.safeContent}>{children}</SafeAreaView>\n </Animated.View>\n )\n}\n\nconst styles = StyleSheet.create({\n animated: {\n paddingBottom: 0,\n elevation: 4,\n },\n safeContent: {\n paddingBottom: 0,\n },\n})\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;AAEe,SAASA,+BAAT,OAIZ;EAAA,IAJqD;IACtDC;EADsD,CAIrD;EACD,MAAMC,eAAe,GAAG,IAAAC,+BAAA,GAAxB;EAEA,oBACE,oBAAC,qBAAD,CAAU,IAAV;IACE,KAAK,EAAE,CACLC,MAAM,CAACC,QADF,EAEL;MACEH;IADF,CAFK;EADT,gBAQE,oBAAC,yBAAD;IAAc,KAAK,EAAEE,MAAM,CAACE;EAA5B,GAA0CL,QAA1C,CARF,CADF;AAYD;;AAED,MAAMG,MAAM,GAAGG,uBAAA,CAAWC,MAAX,CAAkB;EAC/BH,QAAQ,EAAE;IACRI,aAAa,EAAE,CADP;IAERC,SAAS,EAAE;EAFH,CADqB;EAK/BJ,WAAW,EAAE;IACXG,aAAa,EAAE;EADJ;AALkB,CAAlB,CAAf"}
|
|
@@ -22,7 +22,8 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
|
22
22
|
// WORK IN PROGRESS
|
|
23
23
|
function DateRangeInput(_ref) {
|
|
24
24
|
let {
|
|
25
|
-
locale
|
|
25
|
+
locale,
|
|
26
|
+
calendarIcon = 'calendar'
|
|
26
27
|
} = _ref;
|
|
27
28
|
const [visible, setVisible] = React.useState(false);
|
|
28
29
|
const onDismiss = React.useCallback(() => {
|
|
@@ -65,7 +66,7 @@ function DateRangeInput(_ref) {
|
|
|
65
66
|
flex: 1
|
|
66
67
|
}
|
|
67
68
|
}, /*#__PURE__*/React.createElement(_reactNativePaper.Text, null, "Tot")), /*#__PURE__*/React.createElement(_reactNative.View, null, /*#__PURE__*/React.createElement(_reactNativePaper.IconButton, {
|
|
68
|
-
icon:
|
|
69
|
+
icon: calendarIcon,
|
|
69
70
|
onPress: () => setVisible(true)
|
|
70
71
|
}), /*#__PURE__*/React.createElement(_reactNativePaper.Text, {
|
|
71
72
|
style: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":["DateRangeInput","locale","calendarIcon","visible","setVisible","React","useState","onDismiss","useCallback","onConfirm","startDate","endDate","console","log","flexDirection","alignItems","flex","fontSize","marginLeft","marginRight","opacity","undefined"],"sources":["DateRangeInput.tsx"],"sourcesContent":["import * as React from 'react'\nimport { View } from 'react-native'\nimport { Text, IconButton } from 'react-native-paper'\n\nimport DatePickerModal from './DatePickerModal'\n\n// WORK IN PROGRESS\nexport default function DateRangeInput({\n locale,\n calendarIcon = 'calendar',\n}: {\n locale: string\n calendarIcon?: string\n}) {\n const [visible, setVisible] = React.useState<boolean>(false)\n const onDismiss = React.useCallback(() => {\n setVisible(false)\n }, [setVisible])\n const onConfirm = React.useCallback(\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n ({ startDate, endDate }: { startDate: any; endDate: any }) => {\n setVisible(false)\n console.log({ startDate, endDate })\n },\n [setVisible]\n )\n\n return (\n <View style={{ flexDirection: 'row', alignItems: 'center' }}>\n <View style={{ flex: 1 }}>\n {/*<DatePickerInput*/}\n {/* value={''}*/}\n {/* keyboardType={'numeric'}*/}\n {/* placeholder={'DD-MM-YYY'}*/}\n {/* mask={'DD-MM-YYY'}*/}\n {/* onChangeText={() => {}}*/}\n {/*/>*/}\n <Text>Van</Text>\n </View>\n <View>\n <Text style={{ fontSize: 16, marginLeft: 12, marginRight: 12 }}>\n to\n </Text>\n <Text style={{ opacity: 0 }} accessible={false}>\n tot\n </Text>\n </View>\n <View style={{ flex: 1 }}>\n {/*<DatePickerInput*/}\n {/* // value={''}*/}\n {/* // keyboardType={'numeric'}*/}\n {/* // placeholder={'DD-MM-YYY'}*/}\n {/* // mask={'DD-MM-YYY'}*/}\n {/* // onChangeText={() => {}}*/}\n {/*/>*/}\n <Text>Tot</Text>\n </View>\n <View>\n <IconButton icon={calendarIcon} onPress={() => setVisible(true)} />\n <Text style={{ opacity: 0 }} accessible={false}>\n tot\n </Text>\n </View>\n <DatePickerModal\n locale={locale}\n mode=\"range\"\n visible={visible}\n onDismiss={onDismiss}\n onConfirm={onConfirm}\n startDate={undefined}\n endDate={undefined}\n />\n </View>\n )\n}\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;;;;;;;AAEA;AACe,SAASA,cAAT,OAMZ;EAAA,IANoC;IACrCC,MADqC;IAErCC,YAAY,GAAG;EAFsB,CAMpC;EACD,MAAM,CAACC,OAAD,EAAUC,UAAV,IAAwBC,KAAK,CAACC,QAAN,CAAwB,KAAxB,CAA9B;EACA,MAAMC,SAAS,GAAGF,KAAK,CAACG,WAAN,CAAkB,MAAM;IACxCJ,UAAU,CAAC,KAAD,CAAV;EACD,CAFiB,EAEf,CAACA,UAAD,CAFe,CAAlB;EAGA,MAAMK,SAAS,GAAGJ,KAAK,CAACG,WAAN,EAChB;EACA,SAA8D;IAAA,IAA7D;MAAEE,SAAF;MAAaC;IAAb,CAA6D;IAC5DP,UAAU,CAAC,KAAD,CAAV;IACAQ,OAAO,CAACC,GAAR,CAAY;MAAEH,SAAF;MAAaC;IAAb,CAAZ;EACD,CALe,EAMhB,CAACP,UAAD,CANgB,CAAlB;EASA,oBACE,oBAAC,iBAAD;IAAM,KAAK,EAAE;MAAEU,aAAa,EAAE,KAAjB;MAAwBC,UAAU,EAAE;IAApC;EAAb,gBACE,oBAAC,iBAAD;IAAM,KAAK,EAAE;MAAEC,IAAI,EAAE;IAAR;EAAb,gBAQE,oBAAC,sBAAD,cARF,CADF,eAWE,oBAAC,iBAAD,qBACE,oBAAC,sBAAD;IAAM,KAAK,EAAE;MAAEC,QAAQ,EAAE,EAAZ;MAAgBC,UAAU,EAAE,EAA5B;MAAgCC,WAAW,EAAE;IAA7C;EAAb,QADF,eAIE,oBAAC,sBAAD;IAAM,KAAK,EAAE;MAAEC,OAAO,EAAE;IAAX,CAAb;IAA6B,UAAU,EAAE;EAAzC,SAJF,CAXF,eAmBE,oBAAC,iBAAD;IAAM,KAAK,EAAE;MAAEJ,IAAI,EAAE;IAAR;EAAb,gBAQE,oBAAC,sBAAD,cARF,CAnBF,eA6BE,oBAAC,iBAAD,qBACE,oBAAC,4BAAD;IAAY,IAAI,EAAEd,YAAlB;IAAgC,OAAO,EAAE,MAAME,UAAU,CAAC,IAAD;EAAzD,EADF,eAEE,oBAAC,sBAAD;IAAM,KAAK,EAAE;MAAEgB,OAAO,EAAE;IAAX,CAAb;IAA6B,UAAU,EAAE;EAAzC,SAFF,CA7BF,eAmCE,oBAAC,wBAAD;IACE,MAAM,EAAEnB,MADV;IAEE,IAAI,EAAC,OAFP;IAGE,OAAO,EAAEE,OAHX;IAIE,SAAS,EAAEI,SAJb;IAKE,SAAS,EAAEE,SALb;IAME,SAAS,EAAEY,SANb;IAOE,OAAO,EAAEA;EAPX,EAnCF,CADF;AA+CD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":["EmptyDayPure","styles","empty","EmptyDay","React","memo","Day","props","day","month","year","selected","inRange","leftCrop","rightCrop","onPressDate","primaryColor","selectColor","isToday","disabled","textColorOnPrimary","theme","onPress","useCallback","Date","borderColor","dark","textColor","undefined","root","button","backgroundColor","color","StyleSheet","create","flex","flexBasis","opacity","justifyContent","alignItems","position","width","daySize","height","overflow","borderRadius","borderWidth","flex1"],"sources":["Day.tsx"],"sourcesContent":["import * as React from 'react'\nimport { DarkTheme, Text, TouchableRipple } from 'react-native-paper'\nimport { StyleSheet, View } from 'react-native'\nimport DayRange from './DayRange'\nimport { daySize } from './dateUtils'\n\nfunction EmptyDayPure() {\n return <View style={styles.empty} />\n}\nexport const EmptyDay = React.memo(EmptyDayPure)\n\nfunction Day(props: {\n theme: typeof DarkTheme\n textColorOnPrimary: string\n day: number\n month: number\n year: number\n selected: boolean\n inRange: boolean\n leftCrop: boolean\n rightCrop: boolean\n primaryColor: string\n selectColor: string\n isToday: boolean\n disabled: boolean\n onPressDate: (date: Date) => any\n}) {\n const {\n day,\n month,\n year,\n selected,\n inRange,\n leftCrop,\n rightCrop,\n onPressDate,\n primaryColor,\n selectColor,\n isToday,\n disabled,\n textColorOnPrimary,\n theme,\n } = props\n // console.log(month, { day })\n const onPress = React.useCallback(() => {\n onPressDate(new Date(year, month, day))\n }, [onPressDate, year, month, day])\n\n const borderColor =\n selected || (inRange && theme.dark)\n ? textColorOnPrimary\n : theme.dark\n ? '#fff'\n : '#000'\n const textColor =\n selected || (inRange && theme.dark) ? textColorOnPrimary : undefined\n\n return (\n <View style={[styles.root, disabled && styles.disabled]}>\n <DayRange\n inRange={inRange}\n leftCrop={leftCrop}\n rightCrop={rightCrop}\n selectColor={selectColor}\n />\n\n <TouchableRipple\n testID={`react-native-paper-dates-day-${year}-${month}-${day}`}\n disabled={disabled}\n borderless={true}\n onPress={disabled ? undefined : onPress}\n style={[\n styles.button,\n { backgroundColor: inRange ? selectColor : undefined },\n ]}\n accessibilityRole=\"button\"\n >\n <View\n style={[\n styles.day,\n isToday ? { borderColor: borderColor } : null,\n selected ? { backgroundColor: primaryColor } : null,\n ]}\n >\n <Text\n style={textColor ? { color: textColor } : undefined}\n selectable={false}\n >\n {day}\n </Text>\n </View>\n </TouchableRipple>\n </View>\n )\n}\n\nconst styles = StyleSheet.create({\n empty: {\n flex: 1,\n flexBasis: 0,\n },\n disabled: {\n opacity: 0.3,\n },\n root: {\n flexBasis: 0,\n flex: 1,\n justifyContent: 'center',\n alignItems: 'center',\n position: 'relative',\n },\n button: {\n width: daySize,\n height: daySize,\n overflow: 'hidden',\n borderRadius: daySize / 2,\n },\n day: {\n flexBasis: 0,\n flex: 1,\n borderRadius: daySize / 2,\n width: daySize,\n height: daySize,\n justifyContent: 'center',\n alignItems: 'center',\n borderWidth: 1,\n borderColor: 'transparent',\n },\n flex1: {\n flex: 1,\n },\n})\n\nexport default React.memo(Day)\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":["DayName","label","theme","useTheme","styles","dayName","dayNameLabel","fonts","medium","StyleSheet","create","flex","alignItems","fontSize","opacity","React","memo"],"sources":["DayName.tsx"],"sourcesContent":["import * as React from 'react'\nimport { StyleSheet, View } from 'react-native'\nimport { Text, useTheme } from 'react-native-paper'\n\nfunction DayName({ label }: { label: string }) {\n const theme = useTheme()\n return (\n <View style={styles.dayName}>\n <Text\n style={[styles.dayNameLabel, theme.fonts.medium]}\n selectable={false}\n >\n {label}\n </Text>\n </View>\n )\n}\nconst styles = StyleSheet.create({\n dayName: { flex: 1, alignItems: 'center' },\n dayNameLabel: { fontSize: 14, opacity: 0.7 },\n})\nexport default React.memo(DayName)\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;AAEA,SAASA,OAAT,OAA+C;EAAA,IAA9B;IAAEC;EAAF,CAA8B;EAC7C,MAAMC,KAAK,GAAG,IAAAC,0BAAA,GAAd;EACA,oBACE,oBAAC,iBAAD;IAAM,KAAK,EAAEC,MAAM,CAACC;EAApB,gBACE,oBAAC,sBAAD;IACE,KAAK,EAAE,CAACD,MAAM,CAACE,YAAR,EAAsBJ,KAAK,CAACK,KAAN,CAAYC,MAAlC,CADT;IAEE,UAAU,EAAE;EAFd,GAIGP,KAJH,CADF,CADF;AAUD;;AACD,MAAMG,MAAM,GAAGK,uBAAA,CAAWC,MAAX,CAAkB;EAC/BL,OAAO,EAAE;IAAEM,IAAI,EAAE,CAAR;IAAWC,UAAU,EAAE;EAAvB,CADsB;EAE/BN,YAAY,EAAE;IAAEO,QAAQ,EAAE,EAAZ;IAAgBC,OAAO,EAAE;EAAzB;AAFiB,CAAlB,CAAf;;4BAIeC,KAAK,CAACC,IAAN,CAAWhB,OAAX,C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":["dayNamesHeight","weekdays","Date","DayNames","disableWeekDays","locale","theme","useTheme","shortDayNames","React","useMemo","formatter","Intl","DateTimeFormat","weekday","map","date","format","styles","dayNames","backgroundColor","colors","surface","filter","_","dayIndex","showWeekDay","dayName","i","StyleSheet","create","height","flexDirection","alignItems","memo"],"sources":["DayNames.tsx"],"sourcesContent":["import * as React from 'react'\nimport { StyleSheet, View } from 'react-native'\nimport DayName from './DayName'\nimport { useTheme } from 'react-native-paper'\nimport { DisableWeekDaysType, showWeekDay } from './dateUtils'\n\nexport const dayNamesHeight = 44\n\n// TODO: wait for a better Intl api ;-)\nconst weekdays = [\n new Date(2020, 7, 2),\n new Date(2020, 7, 3),\n new Date(2020, 7, 4),\n new Date(2020, 7, 5),\n new Date(2020, 7, 6),\n new Date(2020, 7, 7),\n new Date(2020, 7, 8),\n]\n\nfunction DayNames({\n disableWeekDays,\n locale,\n}: {\n locale: undefined | string\n disableWeekDays?: DisableWeekDaysType\n}) {\n const theme = useTheme()\n const shortDayNames = React.useMemo<string[]>(() => {\n const formatter = new Intl.DateTimeFormat(locale, {\n weekday: 'narrow',\n })\n return weekdays.map((date) => formatter.format(date))\n }, [locale])\n\n return (\n <View\n style={[styles.dayNames, { backgroundColor: theme.colors.surface }]}\n pointerEvents={'none'}\n >\n {shortDayNames\n .filter((_, dayIndex) => showWeekDay(dayIndex, disableWeekDays))\n .map((dayName, i) => (\n <DayName key={`${dayName}_${i}`} label={dayName} />\n ))}\n </View>\n )\n}\nconst styles = StyleSheet.create({\n dayNames: {\n height: dayNamesHeight,\n flexDirection: 'row',\n alignItems: 'center',\n backgroundColor: '#fff',\n },\n})\nexport default React.memo(DayNames)\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEO,MAAMA,cAAc,GAAG,EAAvB,C,CAEP;;;AACA,MAAMC,QAAQ,GAAG,CACf,IAAIC,IAAJ,CAAS,IAAT,EAAe,CAAf,EAAkB,CAAlB,CADe,EAEf,IAAIA,IAAJ,CAAS,IAAT,EAAe,CAAf,EAAkB,CAAlB,CAFe,EAGf,IAAIA,IAAJ,CAAS,IAAT,EAAe,CAAf,EAAkB,CAAlB,CAHe,EAIf,IAAIA,IAAJ,CAAS,IAAT,EAAe,CAAf,EAAkB,CAAlB,CAJe,EAKf,IAAIA,IAAJ,CAAS,IAAT,EAAe,CAAf,EAAkB,CAAlB,CALe,EAMf,IAAIA,IAAJ,CAAS,IAAT,EAAe,CAAf,EAAkB,CAAlB,CANe,EAOf,IAAIA,IAAJ,CAAS,IAAT,EAAe,CAAf,EAAkB,CAAlB,CAPe,CAAjB;;AAUA,SAASC,QAAT,OAMG;EAAA,IANe;IAChBC,eADgB;IAEhBC;EAFgB,CAMf;EACD,MAAMC,KAAK,GAAG,IAAAC,0BAAA,GAAd;EACA,MAAMC,aAAa,GAAGC,KAAK,CAACC,OAAN,CAAwB,MAAM;IAClD,MAAMC,SAAS,GAAG,IAAIC,IAAI,CAACC,cAAT,CAAwBR,MAAxB,EAAgC;MAChDS,OAAO,EAAE;IADuC,CAAhC,CAAlB;IAGA,OAAOb,QAAQ,CAACc,GAAT,CAAcC,IAAD,IAAUL,SAAS,CAACM,MAAV,CAAiBD,IAAjB,CAAvB,CAAP;EACD,CALqB,EAKnB,CAACX,MAAD,CALmB,CAAtB;EAOA,oBACE,oBAAC,iBAAD;IACE,KAAK,EAAE,CAACa,MAAM,CAACC,QAAR,EAAkB;MAAEC,eAAe,EAAEd,KAAK,CAACe,MAAN,CAAaC;IAAhC,CAAlB,CADT;IAEE,aAAa,EAAE;EAFjB,GAIGd,aAAa,CACXe,MADF,CACS,CAACC,CAAD,EAAIC,QAAJ,KAAiB,IAAAC,sBAAA,EAAYD,QAAZ,EAAsBrB,eAAtB,CAD1B,EAEEW,GAFF,CAEM,CAACY,OAAD,EAAUC,CAAV,kBACH,oBAAC,gBAAD;IAAS,GAAG,EAAG,GAAED,OAAQ,IAAGC,CAAE,EAA9B;IAAiC,KAAK,EAAED;EAAxC,EAHH,CAJH,CADF;AAYD;;AACD,MAAMT,MAAM,GAAGW,uBAAA,CAAWC,MAAX,CAAkB;EAC/BX,QAAQ,EAAE;IACRY,MAAM,EAAE/B,cADA;IAERgC,aAAa,EAAE,KAFP;IAGRC,UAAU,EAAE,QAHJ;IAIRb,eAAe,EAAE;EAJT;AADqB,CAAlB,CAAf;;4BAQeX,KAAK,CAACyB,IAAN,CAAW/B,QAAX,C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":["DayRange","leftCrop","rightCrop","inRange","selectColor","bothWays","isCrop","StyleSheet","absoluteFill","styles","rangeRoot","rangeRootBoth","backgroundColor","flex1","minWidth","daySize","minHeight","leftRadius","rightRadius","create","borderBottomLeftRadius","borderTopLeftRadius","borderBottomRightRadius","borderTopRightRadius","borderRadius","flex","flexDirection","React","memo"],"sources":["DayRange.tsx"],"sourcesContent":["import * as React from 'react'\nimport { StyleSheet, View } from 'react-native'\nimport { daySize } from './dateUtils'\n\nfunction DayRange({\n leftCrop,\n rightCrop,\n inRange,\n selectColor,\n}: {\n leftCrop: boolean\n rightCrop: boolean\n inRange: boolean\n selectColor: string\n}) {\n const bothWays = inRange && leftCrop && rightCrop\n const isCrop = inRange && (leftCrop || rightCrop) && !(leftCrop && rightCrop)\n\n if (inRange || isCrop) {\n return (\n <View\n pointerEvents=\"none\"\n style={[\n StyleSheet.absoluteFill,\n styles.rangeRoot,\n bothWays && styles.rangeRootBoth,\n inRange && !isCrop\n ? {\n backgroundColor: selectColor,\n }\n : null,\n ]}\n >\n {isCrop && (\n <>\n <View\n style={[\n styles.flex1,\n rightCrop\n ? {\n backgroundColor: selectColor,\n }\n : null,\n ]}\n />\n <View\n style={[\n {\n backgroundColor: selectColor,\n minWidth: daySize,\n minHeight: daySize,\n },\n leftCrop ? styles.leftRadius : null,\n rightCrop ? styles.rightRadius : null,\n ]}\n />\n <View\n style={[\n styles.flex1,\n leftCrop\n ? {\n backgroundColor: selectColor,\n }\n : null,\n ]}\n />\n </>\n )}\n </View>\n )\n }\n return null\n}\n\nconst styles = StyleSheet.create({\n leftRadius: {\n borderBottomLeftRadius: daySize / 2,\n borderTopLeftRadius: daySize / 2,\n },\n rightRadius: {\n borderBottomRightRadius: daySize / 2,\n borderTopRightRadius: daySize / 2,\n },\n rangeRootBoth: {\n borderRadius: daySize / 2,\n },\n flex1: {\n flex: 1,\n },\n rangeRoot: {\n flexDirection: 'row',\n },\n})\n\nexport default React.memo(DayRange)\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;AAEA,SAASA,QAAT,OAUG;EAAA,IAVe;IAChBC,QADgB;IAEhBC,SAFgB;IAGhBC,OAHgB;IAIhBC;EAJgB,CAUf;EACD,MAAMC,QAAQ,GAAGF,OAAO,IAAIF,QAAX,IAAuBC,SAAxC;EACA,MAAMI,MAAM,GAAGH,OAAO,KAAKF,QAAQ,IAAIC,SAAjB,CAAP,IAAsC,EAAED,QAAQ,IAAIC,SAAd,CAArD;;EAEA,IAAIC,OAAO,IAAIG,MAAf,EAAuB;IACrB,oBACE,oBAAC,iBAAD;MACE,aAAa,EAAC,MADhB;MAEE,KAAK,EAAE,CACLC,uBAAA,CAAWC,YADN,EAELC,MAAM,CAACC,SAFF,EAGLL,QAAQ,IAAII,MAAM,CAACE,aAHd,EAILR,OAAO,IAAI,CAACG,MAAZ,GACI;QACEM,eAAe,EAAER;MADnB,CADJ,GAII,IARC;IAFT,GAaGE,MAAM,iBACL,uDACE,oBAAC,iBAAD;MACE,KAAK,EAAE,CACLG,MAAM,CAACI,KADF,EAELX,SAAS,GACL;QACEU,eAAe,EAAER;MADnB,CADK,GAIL,IANC;IADT,EADF,eAWE,oBAAC,iBAAD;MACE,KAAK,EAAE,CACL;QACEQ,eAAe,EAAER,WADnB;QAEEU,QAAQ,EAAEC,kBAFZ;QAGEC,SAAS,EAAED;MAHb,CADK,EAMLd,QAAQ,GAAGQ,MAAM,CAACQ,UAAV,GAAuB,IAN1B,EAOLf,SAAS,GAAGO,MAAM,CAACS,WAAV,GAAwB,IAP5B;IADT,EAXF,eAsBE,oBAAC,iBAAD;MACE,KAAK,EAAE,CACLT,MAAM,CAACI,KADF,EAELZ,QAAQ,GACJ;QACEW,eAAe,EAAER;MADnB,CADI,GAIJ,IANC;IADT,EAtBF,CAdJ,CADF;EAmDD;;EACD,OAAO,IAAP;AACD;;AAED,MAAMK,MAAM,GAAGF,uBAAA,CAAWY,MAAX,CAAkB;EAC/BF,UAAU,EAAE;IACVG,sBAAsB,EAAEL,kBAAA,GAAU,CADxB;IAEVM,mBAAmB,EAAEN,kBAAA,GAAU;EAFrB,CADmB;EAK/BG,WAAW,EAAE;IACXI,uBAAuB,EAAEP,kBAAA,GAAU,CADxB;IAEXQ,oBAAoB,EAAER,kBAAA,GAAU;EAFrB,CALkB;EAS/BJ,aAAa,EAAE;IACba,YAAY,EAAET,kBAAA,GAAU;EADX,CATgB;EAY/BF,KAAK,EAAE;IACLY,IAAI,EAAE;EADD,CAZwB;EAe/Bf,SAAS,EAAE;IACTgB,aAAa,EAAE;EADN;AAfoB,CAAlB,CAAf;;4BAoBeC,KAAK,CAACC,IAAN,CAAW5B,QAAX,C"}
|