react-native-paper-dates 0.21.0 → 0.21.1
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/DatePickerInput.js +2 -2
- package/lib/commonjs/Date/DatePickerInput.js.map +1 -1
- package/lib/commonjs/Date/DatePickerModal.js +11 -19
- package/lib/commonjs/Date/DatePickerModal.js.map +1 -1
- package/lib/commonjs/Date/DatePickerModalContent.js +9 -3
- package/lib/commonjs/Date/DatePickerModalContent.js.map +1 -1
- package/lib/commonjs/Date/DatePickerModalHeader.js +3 -7
- package/lib/commonjs/Date/DatePickerModalHeader.js.map +1 -1
- package/lib/commonjs/Date/DatePickerModalStatusBar.js +43 -0
- package/lib/commonjs/Date/DatePickerModalStatusBar.js.map +1 -0
- package/lib/module/Date/DatePickerInput.js +2 -2
- package/lib/module/Date/DatePickerInput.js.map +1 -1
- package/lib/module/Date/DatePickerModal.js +11 -19
- package/lib/module/Date/DatePickerModal.js.map +1 -1
- package/lib/module/Date/DatePickerModalContent.js +9 -3
- package/lib/module/Date/DatePickerModalContent.js.map +1 -1
- package/lib/module/Date/DatePickerModalHeader.js +3 -7
- package/lib/module/Date/DatePickerModalHeader.js.map +1 -1
- package/lib/module/Date/DatePickerModalStatusBar.js +33 -0
- package/lib/module/Date/DatePickerModalStatusBar.js.map +1 -0
- package/lib/typescript/Date/DatePickerInput.shared.d.ts +1 -1
- package/lib/typescript/Date/DatePickerInput.shared.d.ts.map +1 -1
- package/lib/typescript/Date/DatePickerInputWithoutModal.d.ts +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 +3 -1
- package/lib/typescript/Date/DatePickerModalContent.d.ts.map +1 -1
- package/lib/typescript/Date/DatePickerModalHeader.d.ts +0 -1
- package/lib/typescript/Date/DatePickerModalHeader.d.ts.map +1 -1
- package/lib/typescript/Date/DatePickerModalStatusBar.d.ts +9 -0
- package/lib/typescript/Date/DatePickerModalStatusBar.d.ts.map +1 -0
- package/package.json +1 -1
- package/src/Date/DatePickerInput.shared.tsx +1 -5
- package/src/Date/DatePickerInput.tsx +2 -2
- package/src/Date/DatePickerModal.tsx +31 -52
- package/src/Date/DatePickerModalContent.tsx +14 -2
- package/src/Date/DatePickerModalHeader.tsx +32 -33
- package/src/Date/DatePickerModalStatusBar.tsx +54 -0
|
@@ -18,7 +18,7 @@ function DatePickerInput(_ref, ref) {
|
|
|
18
18
|
withModal = true,
|
|
19
19
|
calendarIcon = 'calendar',
|
|
20
20
|
animationType = 'slide',
|
|
21
|
-
presentationStyle = '
|
|
21
|
+
presentationStyle = 'overFullScreen',
|
|
22
22
|
...rest
|
|
23
23
|
} = _ref;
|
|
24
24
|
const [visible, setVisible] = React.useState(false);
|
|
@@ -72,7 +72,7 @@ function DatePickerInput(_ref, ref) {
|
|
|
72
72
|
validRange: validRange,
|
|
73
73
|
saveLabel: saveLabel,
|
|
74
74
|
saveLabelDisabled: saveLabelDisabled ?? false,
|
|
75
|
-
uppercase: uppercase
|
|
75
|
+
uppercase: uppercase,
|
|
76
76
|
startYear: startYear ?? 1800,
|
|
77
77
|
endYear: endYear ?? 2200,
|
|
78
78
|
inputEnabled: inputEnabled,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNativePaper","_DatePickerModal","_interopRequireDefault","_utils","_DatePickerInputWithoutModal","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","DatePickerInput","_ref","ref","withModal","calendarIcon","animationType","presentationStyle","rest","visible","setVisible","useState","onDismiss","useCallback","onChangeRef","useLatest","onChange","onInnerConfirm","_ref2","date","current","createElement","inputButton","TextInput","Icon","size","iconSize","icon","color","iconColor","undefined","disabled","onPress","style","iconStyle","testID","modal","_ref3","value","locale","inputMode","validRange","saveLabel","saveLabelDisabled","uppercase","startYear","endYear","inputEnabled","disableStatusBarPadding","mode","onConfirm","dateMode","_default","forwardRef","exports"],"sourceRoot":"../../../src","sources":["Date/DatePickerInput.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,gBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAEA,IAAAK,4BAAA,GAAAF,sBAAA,CAAAH,OAAA;AAAuE,SAAAG,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAX,wBAAAO,GAAA,EAAAI,WAAA,SAAAA,WAAA,IAAAJ,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAQ,KAAA,GAAAL,wBAAA,CAAAC,WAAA,OAAAI,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAT,GAAA,YAAAQ,KAAA,CAAAE,GAAA,CAAAV,GAAA,SAAAW,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAhB,GAAA,QAAAgB,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAnB,GAAA,EAAAgB,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAf,GAAA,EAAAgB,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAhB,GAAA,CAAAgB,GAAA,SAAAL,MAAA,CAAAT,OAAA,GAAAF,GAAA,MAAAQ,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAArB,GAAA,EAAAW,MAAA,YAAAA,MAAA;AAAA,SAAAW,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAV,GAAA,IAAAa,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAb,GAAA,KAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,gBAAAS,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAH,SAAA;AAGvE,SAASI,eAAeA,CAAAC,IAAA,EAQtBC,GAAQ,EACR;EAAA,IARA;IACEC,SAAS,GAAG,IAAI;IAChBC,YAAY,GAAG,UAAU;IACzBC,aAAa,GAAG,OAAO;IACvBC,iBAAiB,GAAG,
|
|
1
|
+
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNativePaper","_DatePickerModal","_interopRequireDefault","_utils","_DatePickerInputWithoutModal","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","DatePickerInput","_ref","ref","withModal","calendarIcon","animationType","presentationStyle","rest","visible","setVisible","useState","onDismiss","useCallback","onChangeRef","useLatest","onChange","onInnerConfirm","_ref2","date","current","createElement","inputButton","TextInput","Icon","size","iconSize","icon","color","iconColor","undefined","disabled","onPress","style","iconStyle","testID","modal","_ref3","value","locale","inputMode","validRange","saveLabel","saveLabelDisabled","uppercase","startYear","endYear","inputEnabled","disableStatusBarPadding","mode","onConfirm","dateMode","_default","forwardRef","exports"],"sourceRoot":"../../../src","sources":["Date/DatePickerInput.tsx"],"mappings":"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"}
|
|
@@ -9,8 +9,6 @@ var React = _interopRequireWildcard(require("react"));
|
|
|
9
9
|
var _reactNative = require("react-native");
|
|
10
10
|
var _reactNativePaper = require("react-native-paper");
|
|
11
11
|
var _DatePickerModalContent = _interopRequireDefault(require("./DatePickerModalContent"));
|
|
12
|
-
var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
|
|
13
|
-
var _utils = require("../utils");
|
|
14
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
13
|
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); }
|
|
16
14
|
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; }
|
|
@@ -25,29 +23,26 @@ function DatePickerModal(props) {
|
|
|
25
23
|
disableStatusBarPadding,
|
|
26
24
|
inputEnabled,
|
|
27
25
|
presentationStyle,
|
|
26
|
+
statusBarOnTopOfBackdrop,
|
|
28
27
|
...rest
|
|
29
28
|
} = props;
|
|
30
29
|
const animationTypeCalculated = animationType || _reactNative.Platform.select({
|
|
31
30
|
web: 'none',
|
|
32
31
|
default: 'slide'
|
|
33
32
|
});
|
|
34
|
-
const
|
|
35
|
-
const headerBackgroundColor = (0, _utils.useHeaderBackgroundColor)();
|
|
36
|
-
const insets = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
|
|
33
|
+
const isPageSheet = presentationStyle === 'pageSheet' && _reactNative.Platform.OS === 'ios';
|
|
37
34
|
return /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
38
35
|
style: [_reactNative.StyleSheet.absoluteFill],
|
|
39
36
|
pointerEvents: "box-none"
|
|
40
37
|
}, /*#__PURE__*/React.createElement(_reactNative.Modal, {
|
|
41
38
|
animationType: animationTypeCalculated,
|
|
42
|
-
transparent:
|
|
39
|
+
transparent: !isPageSheet,
|
|
43
40
|
visible: visible,
|
|
44
41
|
onRequestClose: rest.onDismiss,
|
|
45
|
-
presentationStyle:
|
|
46
|
-
supportedOrientations: supportedOrientations
|
|
47
|
-
//@ts-ignore
|
|
48
|
-
,
|
|
42
|
+
presentationStyle: isPageSheet ? 'pageSheet' : 'overFullScreen',
|
|
43
|
+
supportedOrientations: supportedOrientations,
|
|
49
44
|
statusBarTranslucent: true
|
|
50
|
-
}, /*#__PURE__*/React.createElement(
|
|
45
|
+
}, /*#__PURE__*/React.createElement(_reactNative.TouchableWithoutFeedback, {
|
|
51
46
|
onPress: rest.onDismiss
|
|
52
47
|
}, /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
53
48
|
style: [_reactNative.StyleSheet.absoluteFill, styles.modalBackground, {
|
|
@@ -60,15 +55,12 @@ function DatePickerModal(props) {
|
|
|
60
55
|
style: [styles.modalContent, {
|
|
61
56
|
backgroundColor: theme.colors.surface
|
|
62
57
|
}, dimensions.width > 650 ? styles.modalContentBig : null]
|
|
63
|
-
},
|
|
64
|
-
style: [{
|
|
65
|
-
height: insets.top,
|
|
66
|
-
backgroundColor: headerBackgroundColor
|
|
67
|
-
}]
|
|
68
|
-
}), /*#__PURE__*/React.createElement(_DatePickerModalContent.default, _extends({}, rest, {
|
|
58
|
+
}, /*#__PURE__*/React.createElement(_DatePickerModalContent.default, _extends({}, rest, {
|
|
69
59
|
inputEnabled: inputEnabled,
|
|
70
|
-
disableSafeTop:
|
|
71
|
-
|
|
60
|
+
disableSafeTop: disableStatusBarPadding,
|
|
61
|
+
disableStatusBar: disableStatusBar,
|
|
62
|
+
statusBarOnTopOfBackdrop: isPageSheet || statusBarOnTopOfBackdrop
|
|
63
|
+
}))))));
|
|
72
64
|
}
|
|
73
65
|
const supportedOrientations = ['portrait', 'portrait-upside-down', 'landscape', 'landscape-left', 'landscape-right'];
|
|
74
66
|
const styles = _reactNative.StyleSheet.create({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativePaper","_DatePickerModalContent","_interopRequireDefault","
|
|
1
|
+
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativePaper","_DatePickerModalContent","_interopRequireDefault","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","DatePickerModal","props","theme","useTheme","dimensions","useWindowDimensions","visible","animationType","disableStatusBar","disableStatusBarPadding","inputEnabled","presentationStyle","statusBarOnTopOfBackdrop","rest","animationTypeCalculated","Platform","select","web","isPageSheet","OS","createElement","View","style","StyleSheet","absoluteFill","pointerEvents","Modal","transparent","onRequestClose","onDismiss","supportedOrientations","statusBarTranslucent","TouchableWithoutFeedback","onPress","styles","modalBackground","backgroundColor","colors","backdrop","modalRoot","modalContent","surface","width","modalContentBig","disableSafeTop","create","justifyContent","alignItems","flex","maxWidth","maxHeight","borderRadius","overflow","_default","memo","exports"],"sourceRoot":"../../../src","sources":["Date/DatePickerModal.tsx"],"mappings":"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"}
|
|
@@ -13,6 +13,7 @@ var _DatePickerModalContentHeader = _interopRequireDefault(require("./DatePicker
|
|
|
13
13
|
var _CalendarEdit = _interopRequireDefault(require("./CalendarEdit"));
|
|
14
14
|
var _DatePickerModalHeaderBackground = _interopRequireDefault(require("./DatePickerModalHeaderBackground"));
|
|
15
15
|
var _reactNativePaper = require("react-native-paper");
|
|
16
|
+
var _DatePickerModalStatusBar = _interopRequireDefault(require("./DatePickerModalStatusBar"));
|
|
16
17
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
18
|
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); }
|
|
18
19
|
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,12 +24,14 @@ function DatePickerModalContent(props) {
|
|
|
23
24
|
onConfirm,
|
|
24
25
|
onDismiss,
|
|
25
26
|
disableSafeTop,
|
|
27
|
+
disableStatusBar,
|
|
26
28
|
disableWeekDays,
|
|
27
29
|
locale,
|
|
28
30
|
validRange,
|
|
29
31
|
dateMode,
|
|
30
32
|
startYear,
|
|
31
|
-
endYear
|
|
33
|
+
endYear,
|
|
34
|
+
statusBarOnTopOfBackdrop
|
|
32
35
|
} = props;
|
|
33
36
|
const anyProps = props;
|
|
34
37
|
|
|
@@ -81,14 +84,17 @@ function DatePickerModalContent(props) {
|
|
|
81
84
|
}, [setCollapsed]);
|
|
82
85
|
const theme = (0, _reactNativePaper.useTheme)();
|
|
83
86
|
const defaultUppercase = !theme.isV3;
|
|
84
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_DatePickerModalHeaderBackground.default, null, /*#__PURE__*/React.createElement(
|
|
87
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_DatePickerModalHeaderBackground.default, null, /*#__PURE__*/React.createElement(_DatePickerModalStatusBar.default, {
|
|
88
|
+
disableSafeTop: !!disableSafeTop,
|
|
89
|
+
disableStatusBar: !!disableStatusBar,
|
|
90
|
+
statusBarOnTopOfBackdrop: !!statusBarOnTopOfBackdrop
|
|
91
|
+
}), /*#__PURE__*/React.createElement(_DatePickerModalHeader.default, {
|
|
85
92
|
locale: locale,
|
|
86
93
|
onSave: onInnerConfirm,
|
|
87
94
|
onDismiss: onDismiss,
|
|
88
95
|
saveLabel: props.saveLabel,
|
|
89
96
|
saveLabelDisabled: props.saveLabelDisabled ?? false,
|
|
90
97
|
uppercase: props.uppercase ?? defaultUppercase,
|
|
91
|
-
disableSafeTop: disableSafeTop,
|
|
92
98
|
closeIcon: props.closeIcon
|
|
93
99
|
}), /*#__PURE__*/React.createElement(_DatePickerModalContentHeader.default, {
|
|
94
100
|
state: state,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","_interopRequireWildcard","require","_Calendar","_interopRequireDefault","_AnimatedCrossView","_DatePickerModalHeader","_DatePickerModalContentHeader","_CalendarEdit","_DatePickerModalHeaderBackground","_reactNativePaper","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","DatePickerModalContent","props","mode","onChange","onConfirm","onDismiss","disableSafeTop","disableWeekDays","locale","validRange","dateMode","startYear","endYear","anyProps","state","setState","useState","date","startDate","endDate","dates","useEffect","collapsed","setCollapsed","onInnerChange","useCallback","params","prev","onInnerConfirm","onToggleCollapse","theme","useTheme","defaultUppercase","isV3","createElement","Fragment","onSave","saveLabel","saveLabelDisabled","uppercase","closeIcon","onToggle","headerSeparator","emptyLabel","label","moreLabel","startLabel","endLabel","editIcon","calendarIcon","allowEditing","calendar","calendarEdit","inputEnabled","_default","memo","exports"],"sourceRoot":"../../../src","sources":["Date/DatePickerModalContent.tsx"],"mappings":";;;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,SAAA,GAAAC,sBAAA,CAAAF,OAAA;AAUA,IAAAG,kBAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,sBAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,6BAAA,GAAAH,sBAAA,CAAAF,OAAA;AAGA,IAAAM,aAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,gCAAA,GAAAL,sBAAA,CAAAF,OAAA;AACA,IAAAQ,iBAAA,GAAAR,OAAA;
|
|
1
|
+
{"version":3,"names":["React","_interopRequireWildcard","require","_Calendar","_interopRequireDefault","_AnimatedCrossView","_DatePickerModalHeader","_DatePickerModalContentHeader","_CalendarEdit","_DatePickerModalHeaderBackground","_reactNativePaper","_DatePickerModalStatusBar","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","DatePickerModalContent","props","mode","onChange","onConfirm","onDismiss","disableSafeTop","disableStatusBar","disableWeekDays","locale","validRange","dateMode","startYear","endYear","statusBarOnTopOfBackdrop","anyProps","state","setState","useState","date","startDate","endDate","dates","useEffect","collapsed","setCollapsed","onInnerChange","useCallback","params","prev","onInnerConfirm","onToggleCollapse","theme","useTheme","defaultUppercase","isV3","createElement","Fragment","onSave","saveLabel","saveLabelDisabled","uppercase","closeIcon","onToggle","headerSeparator","emptyLabel","label","moreLabel","startLabel","endLabel","editIcon","calendarIcon","allowEditing","calendar","calendarEdit","inputEnabled","_default","memo","exports"],"sourceRoot":"../../../src","sources":["Date/DatePickerModalContent.tsx"],"mappings":"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"}
|
|
@@ -15,18 +15,14 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
|
15
15
|
function DatePickerModalHeader(props) {
|
|
16
16
|
const theme = (0, _reactNativePaper.useTheme)();
|
|
17
17
|
const {
|
|
18
|
-
disableSafeTop,
|
|
19
18
|
locale,
|
|
20
19
|
closeIcon = 'close'
|
|
21
20
|
} = props;
|
|
22
21
|
const saveLabel = props.saveLabel || (0, _utils2.getTranslation)(locale, 'save');
|
|
23
22
|
const color = (0, _utils.useHeaderTextColor)();
|
|
24
23
|
const insets = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
|
|
25
|
-
return /*#__PURE__*/React.createElement(_reactNative.Animated.View, {
|
|
26
|
-
style: [styles.animated,
|
|
27
|
-
// eslint-disable-next-line react-native/no-inline-styles
|
|
28
|
-
{
|
|
29
|
-
paddingTop: disableSafeTop ? 0 : insets.top,
|
|
24
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_reactNative.Animated.View, {
|
|
25
|
+
style: [styles.animated, {
|
|
30
26
|
paddingLeft: insets.left,
|
|
31
27
|
paddingRight: insets.right
|
|
32
28
|
}]
|
|
@@ -46,7 +42,7 @@ function DatePickerModalHeader(props) {
|
|
|
46
42
|
disabled: props.saveLabelDisabled ?? false,
|
|
47
43
|
uppercase: props.uppercase ?? true,
|
|
48
44
|
testID: "react-native-paper-dates-save"
|
|
49
|
-
}, saveLabel)));
|
|
45
|
+
}, saveLabel))));
|
|
50
46
|
}
|
|
51
47
|
const styles = _reactNative.StyleSheet.create({
|
|
52
48
|
animated: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativePaper","_utils","_utils2","_reactNativeSafeAreaContext","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","DatePickerModalHeader","props","theme","useTheme","
|
|
1
|
+
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativePaper","_utils","_utils2","_reactNativeSafeAreaContext","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","DatePickerModalHeader","props","theme","useTheme","locale","closeIcon","saveLabel","getTranslation","color","useHeaderTextColor","insets","useSafeAreaInsets","createElement","Fragment","Animated","View","style","styles","animated","paddingLeft","left","paddingRight","right","Appbar","appbarHeader","Action","icon","accessibilityLabel","onPress","onDismiss","testID","Content","title","Button","textColor","isV3","colors","primary","onSave","disabled","saveLabelDisabled","uppercase","StyleSheet","create","elevation","header","height","alignItems","flexDirection","headerContentContainer","marginTop","label","letterSpacing","fontSize","singleHeaderText","rangeHeaderText","headerTextFilled","headerTextEmpty","headerSeparator","backgroundColor"],"sourceRoot":"../../../src","sources":["Date/DatePickerModalHeader.tsx"],"mappings":"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"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var React = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
|
|
9
|
+
var _utils = require("../utils");
|
|
10
|
+
var _color = _interopRequireDefault(require("color"));
|
|
11
|
+
var _reactNative = require("react-native");
|
|
12
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
+
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); }
|
|
14
|
+
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; }
|
|
15
|
+
function DatePickerModalStatusBar(_ref) {
|
|
16
|
+
let {
|
|
17
|
+
disableSafeTop,
|
|
18
|
+
disableStatusBar,
|
|
19
|
+
statusBarOnTopOfBackdrop
|
|
20
|
+
} = _ref;
|
|
21
|
+
const insets = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
|
|
22
|
+
const headerBackgroundColor = (0, _utils.useHeaderBackgroundColor)();
|
|
23
|
+
const onDarkBackground = (0, _color.default)(headerBackgroundColor).isDark() || statusBarOnTopOfBackdrop;
|
|
24
|
+
const statusBarTheme = onDarkBackground ? 'light-content' : 'dark-content';
|
|
25
|
+
const statusBarBackground = statusBarOnTopOfBackdrop ? 'transparent' : _reactNative.Platform.select({
|
|
26
|
+
android: headerBackgroundColor,
|
|
27
|
+
ios: headerBackgroundColor,
|
|
28
|
+
web: headerBackgroundColor
|
|
29
|
+
});
|
|
30
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, !disableStatusBar && /*#__PURE__*/React.createElement(_reactNative.StatusBar, {
|
|
31
|
+
barStyle: statusBarTheme,
|
|
32
|
+
backgroundColor: statusBarBackground,
|
|
33
|
+
translucent: true
|
|
34
|
+
}), !disableSafeTop && !statusBarOnTopOfBackdrop && /*#__PURE__*/React.createElement(_reactNative.Animated.View, {
|
|
35
|
+
style: [{
|
|
36
|
+
backgroundColor: statusBarBackground,
|
|
37
|
+
height: insets.top || _reactNative.StatusBar.currentHeight
|
|
38
|
+
}]
|
|
39
|
+
}));
|
|
40
|
+
}
|
|
41
|
+
var _default = /*#__PURE__*/React.memo(DatePickerModalStatusBar);
|
|
42
|
+
exports.default = _default;
|
|
43
|
+
//# sourceMappingURL=DatePickerModalStatusBar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNativeSafeAreaContext","_utils","_color","_interopRequireDefault","_reactNative","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","DatePickerModalStatusBar","_ref","disableSafeTop","disableStatusBar","statusBarOnTopOfBackdrop","insets","useSafeAreaInsets","headerBackgroundColor","useHeaderBackgroundColor","onDarkBackground","Color","isDark","statusBarTheme","statusBarBackground","Platform","select","android","ios","web","createElement","Fragment","StatusBar","barStyle","backgroundColor","translucent","Animated","View","style","height","top","currentHeight","_default","memo","exports"],"sourceRoot":"../../../src","sources":["Date/DatePickerModalStatusBar.tsx"],"mappings":"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"}
|
|
@@ -9,7 +9,7 @@ function DatePickerInput(_ref, ref) {
|
|
|
9
9
|
withModal = true,
|
|
10
10
|
calendarIcon = 'calendar',
|
|
11
11
|
animationType = 'slide',
|
|
12
|
-
presentationStyle = '
|
|
12
|
+
presentationStyle = 'overFullScreen',
|
|
13
13
|
...rest
|
|
14
14
|
} = _ref;
|
|
15
15
|
const [visible, setVisible] = React.useState(false);
|
|
@@ -63,7 +63,7 @@ function DatePickerInput(_ref, ref) {
|
|
|
63
63
|
validRange: validRange,
|
|
64
64
|
saveLabel: saveLabel,
|
|
65
65
|
saveLabelDisabled: saveLabelDisabled ?? false,
|
|
66
|
-
uppercase: uppercase
|
|
66
|
+
uppercase: uppercase,
|
|
67
67
|
startYear: startYear ?? 1800,
|
|
68
68
|
endYear: endYear ?? 2200,
|
|
69
69
|
inputEnabled: inputEnabled,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","TextInput","DatePickerModal","useLatest","DatePickerInputWithoutModal","DatePickerInput","_ref","ref","withModal","calendarIcon","animationType","presentationStyle","rest","visible","setVisible","useState","onDismiss","useCallback","onChangeRef","onChange","onInnerConfirm","_ref2","date","current","createElement","_extends","inputButton","Icon","size","iconSize","icon","color","iconColor","undefined","disabled","onPress","style","iconStyle","testID","modal","_ref3","value","locale","inputMode","validRange","saveLabel","saveLabelDisabled","uppercase","startYear","endYear","inputEnabled","disableStatusBarPadding","mode","onConfirm","dateMode","forwardRef"],"sourceRoot":"../../../src","sources":["Date/DatePickerInput.tsx"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SAASC,SAAS,QAAQ,oBAAoB;AAC9C,OAAOC,eAAe,MAAM,mBAAmB;AAC/C,SAASC,SAAS,QAAQ,UAAU;AAEpC,OAAOC,2BAA2B,MAAM,+BAA+B;AAGvE,SAASC,eAAeA,CAAAC,IAAA,EAQtBC,GAAQ,EACR;EAAA,IARA;IACEC,SAAS,GAAG,IAAI;IAChBC,YAAY,GAAG,UAAU;IACzBC,aAAa,GAAG,OAAO;IACvBC,iBAAiB,GAAG,
|
|
1
|
+
{"version":3,"names":["React","TextInput","DatePickerModal","useLatest","DatePickerInputWithoutModal","DatePickerInput","_ref","ref","withModal","calendarIcon","animationType","presentationStyle","rest","visible","setVisible","useState","onDismiss","useCallback","onChangeRef","onChange","onInnerConfirm","_ref2","date","current","createElement","_extends","inputButton","Icon","size","iconSize","icon","color","iconColor","undefined","disabled","onPress","style","iconStyle","testID","modal","_ref3","value","locale","inputMode","validRange","saveLabel","saveLabelDisabled","uppercase","startYear","endYear","inputEnabled","disableStatusBarPadding","mode","onConfirm","dateMode","forwardRef"],"sourceRoot":"../../../src","sources":["Date/DatePickerInput.tsx"],"mappings":"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"}
|
|
@@ -3,8 +3,6 @@ import * as React from 'react';
|
|
|
3
3
|
import { Modal, StyleSheet, TouchableWithoutFeedback, useWindowDimensions, View, Platform } from 'react-native';
|
|
4
4
|
import { useTheme } from 'react-native-paper';
|
|
5
5
|
import DatePickerModalContent from './DatePickerModalContent';
|
|
6
|
-
import { useSafeAreaInsets } from 'react-native-safe-area-context';
|
|
7
|
-
import { useHeaderBackgroundColor } from '../utils';
|
|
8
6
|
export function DatePickerModal(props) {
|
|
9
7
|
const theme = useTheme();
|
|
10
8
|
const dimensions = useWindowDimensions();
|
|
@@ -15,29 +13,26 @@ export function DatePickerModal(props) {
|
|
|
15
13
|
disableStatusBarPadding,
|
|
16
14
|
inputEnabled,
|
|
17
15
|
presentationStyle,
|
|
16
|
+
statusBarOnTopOfBackdrop,
|
|
18
17
|
...rest
|
|
19
18
|
} = props;
|
|
20
19
|
const animationTypeCalculated = animationType || Platform.select({
|
|
21
20
|
web: 'none',
|
|
22
21
|
default: 'slide'
|
|
23
22
|
});
|
|
24
|
-
const
|
|
25
|
-
const headerBackgroundColor = useHeaderBackgroundColor();
|
|
26
|
-
const insets = useSafeAreaInsets();
|
|
23
|
+
const isPageSheet = presentationStyle === 'pageSheet' && Platform.OS === 'ios';
|
|
27
24
|
return /*#__PURE__*/React.createElement(View, {
|
|
28
25
|
style: [StyleSheet.absoluteFill],
|
|
29
26
|
pointerEvents: "box-none"
|
|
30
27
|
}, /*#__PURE__*/React.createElement(Modal, {
|
|
31
28
|
animationType: animationTypeCalculated,
|
|
32
|
-
transparent:
|
|
29
|
+
transparent: !isPageSheet,
|
|
33
30
|
visible: visible,
|
|
34
31
|
onRequestClose: rest.onDismiss,
|
|
35
|
-
presentationStyle:
|
|
36
|
-
supportedOrientations: supportedOrientations
|
|
37
|
-
//@ts-ignore
|
|
38
|
-
,
|
|
32
|
+
presentationStyle: isPageSheet ? 'pageSheet' : 'overFullScreen',
|
|
33
|
+
supportedOrientations: supportedOrientations,
|
|
39
34
|
statusBarTranslucent: true
|
|
40
|
-
}, /*#__PURE__*/React.createElement(
|
|
35
|
+
}, /*#__PURE__*/React.createElement(TouchableWithoutFeedback, {
|
|
41
36
|
onPress: rest.onDismiss
|
|
42
37
|
}, /*#__PURE__*/React.createElement(View, {
|
|
43
38
|
style: [StyleSheet.absoluteFill, styles.modalBackground, {
|
|
@@ -50,15 +45,12 @@ export function DatePickerModal(props) {
|
|
|
50
45
|
style: [styles.modalContent, {
|
|
51
46
|
backgroundColor: theme.colors.surface
|
|
52
47
|
}, dimensions.width > 650 ? styles.modalContentBig : null]
|
|
53
|
-
},
|
|
54
|
-
style: [{
|
|
55
|
-
height: insets.top,
|
|
56
|
-
backgroundColor: headerBackgroundColor
|
|
57
|
-
}]
|
|
58
|
-
}), /*#__PURE__*/React.createElement(DatePickerModalContent, _extends({}, rest, {
|
|
48
|
+
}, /*#__PURE__*/React.createElement(DatePickerModalContent, _extends({}, rest, {
|
|
59
49
|
inputEnabled: inputEnabled,
|
|
60
|
-
disableSafeTop:
|
|
61
|
-
|
|
50
|
+
disableSafeTop: disableStatusBarPadding,
|
|
51
|
+
disableStatusBar: disableStatusBar,
|
|
52
|
+
statusBarOnTopOfBackdrop: isPageSheet || statusBarOnTopOfBackdrop
|
|
53
|
+
}))))));
|
|
62
54
|
}
|
|
63
55
|
const supportedOrientations = ['portrait', 'portrait-upside-down', 'landscape', 'landscape-left', 'landscape-right'];
|
|
64
56
|
const styles = StyleSheet.create({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Modal","StyleSheet","TouchableWithoutFeedback","useWindowDimensions","View","Platform","useTheme","DatePickerModalContent","
|
|
1
|
+
{"version":3,"names":["React","Modal","StyleSheet","TouchableWithoutFeedback","useWindowDimensions","View","Platform","useTheme","DatePickerModalContent","DatePickerModal","props","theme","dimensions","visible","animationType","disableStatusBar","disableStatusBarPadding","inputEnabled","presentationStyle","statusBarOnTopOfBackdrop","rest","animationTypeCalculated","select","web","default","isPageSheet","OS","createElement","style","absoluteFill","pointerEvents","transparent","onRequestClose","onDismiss","supportedOrientations","statusBarTranslucent","onPress","styles","modalBackground","backgroundColor","colors","backdrop","modalRoot","modalContent","surface","width","modalContentBig","_extends","disableSafeTop","create","justifyContent","alignItems","flex","maxWidth","maxHeight","borderRadius","overflow","memo"],"sourceRoot":"../../../src","sources":["Date/DatePickerModal.tsx"],"mappings":"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"}
|
|
@@ -6,6 +6,7 @@ import DatePickerModalContentHeader from './DatePickerModalContentHeader';
|
|
|
6
6
|
import CalendarEdit from './CalendarEdit';
|
|
7
7
|
import DatePickerModalHeaderBackground from './DatePickerModalHeaderBackground';
|
|
8
8
|
import { useTheme } from 'react-native-paper';
|
|
9
|
+
import DatePickerModalStatusBar from './DatePickerModalStatusBar';
|
|
9
10
|
export function DatePickerModalContent(props) {
|
|
10
11
|
const {
|
|
11
12
|
mode,
|
|
@@ -13,12 +14,14 @@ export function DatePickerModalContent(props) {
|
|
|
13
14
|
onConfirm,
|
|
14
15
|
onDismiss,
|
|
15
16
|
disableSafeTop,
|
|
17
|
+
disableStatusBar,
|
|
16
18
|
disableWeekDays,
|
|
17
19
|
locale,
|
|
18
20
|
validRange,
|
|
19
21
|
dateMode,
|
|
20
22
|
startYear,
|
|
21
|
-
endYear
|
|
23
|
+
endYear,
|
|
24
|
+
statusBarOnTopOfBackdrop
|
|
22
25
|
} = props;
|
|
23
26
|
const anyProps = props;
|
|
24
27
|
|
|
@@ -71,14 +74,17 @@ export function DatePickerModalContent(props) {
|
|
|
71
74
|
}, [setCollapsed]);
|
|
72
75
|
const theme = useTheme();
|
|
73
76
|
const defaultUppercase = !theme.isV3;
|
|
74
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DatePickerModalHeaderBackground, null, /*#__PURE__*/React.createElement(
|
|
77
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DatePickerModalHeaderBackground, null, /*#__PURE__*/React.createElement(DatePickerModalStatusBar, {
|
|
78
|
+
disableSafeTop: !!disableSafeTop,
|
|
79
|
+
disableStatusBar: !!disableStatusBar,
|
|
80
|
+
statusBarOnTopOfBackdrop: !!statusBarOnTopOfBackdrop
|
|
81
|
+
}), /*#__PURE__*/React.createElement(DatePickerModalHeader, {
|
|
75
82
|
locale: locale,
|
|
76
83
|
onSave: onInnerConfirm,
|
|
77
84
|
onDismiss: onDismiss,
|
|
78
85
|
saveLabel: props.saveLabel,
|
|
79
86
|
saveLabelDisabled: props.saveLabelDisabled ?? false,
|
|
80
87
|
uppercase: props.uppercase ?? defaultUppercase,
|
|
81
|
-
disableSafeTop: disableSafeTop,
|
|
82
88
|
closeIcon: props.closeIcon
|
|
83
89
|
}), /*#__PURE__*/React.createElement(DatePickerModalContentHeader, {
|
|
84
90
|
state: state,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Calendar","AnimatedCrossView","DatePickerModalHeader","DatePickerModalContentHeader","CalendarEdit","DatePickerModalHeaderBackground","useTheme","DatePickerModalContent","props","mode","onChange","onConfirm","onDismiss","disableSafeTop","disableWeekDays","locale","validRange","dateMode","startYear","endYear","anyProps","state","setState","useState","date","startDate","endDate","dates","useEffect","collapsed","setCollapsed","onInnerChange","useCallback","params","prev","onInnerConfirm","onToggleCollapse","theme","defaultUppercase","isV3","createElement","Fragment","onSave","saveLabel","saveLabelDisabled","uppercase","closeIcon","onToggle","headerSeparator","emptyLabel","label","moreLabel","startLabel","endLabel","editIcon","calendarIcon","allowEditing","calendar","calendarEdit","inputEnabled","memo"],"sourceRoot":"../../../src","sources":["Date/DatePickerModalContent.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,OAAOC,QAAQ,MAQR,YAAY;AAEnB,OAAOC,iBAAiB,MAAM,qBAAqB;AACnD,OAAOC,qBAAqB,MAAM,yBAAyB;AAC3D,OAAOC,4BAA4B,MAE5B,gCAAgC;AACvC,OAAOC,YAAY,MAAM,gBAAgB;AACzC,OAAOC,+BAA+B,MAAM,mCAAmC;AAC/E,SAASC,QAAQ,QAAQ,oBAAoB;
|
|
1
|
+
{"version":3,"names":["React","Calendar","AnimatedCrossView","DatePickerModalHeader","DatePickerModalContentHeader","CalendarEdit","DatePickerModalHeaderBackground","useTheme","DatePickerModalStatusBar","DatePickerModalContent","props","mode","onChange","onConfirm","onDismiss","disableSafeTop","disableStatusBar","disableWeekDays","locale","validRange","dateMode","startYear","endYear","statusBarOnTopOfBackdrop","anyProps","state","setState","useState","date","startDate","endDate","dates","useEffect","collapsed","setCollapsed","onInnerChange","useCallback","params","prev","onInnerConfirm","onToggleCollapse","theme","defaultUppercase","isV3","createElement","Fragment","onSave","saveLabel","saveLabelDisabled","uppercase","closeIcon","onToggle","headerSeparator","emptyLabel","label","moreLabel","startLabel","endLabel","editIcon","calendarIcon","allowEditing","calendar","calendarEdit","inputEnabled","memo"],"sourceRoot":"../../../src","sources":["Date/DatePickerModalContent.tsx"],"mappings":"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"}
|
|
@@ -7,18 +7,14 @@ import { useSafeAreaInsets } from 'react-native-safe-area-context';
|
|
|
7
7
|
export default function DatePickerModalHeader(props) {
|
|
8
8
|
const theme = useTheme();
|
|
9
9
|
const {
|
|
10
|
-
disableSafeTop,
|
|
11
10
|
locale,
|
|
12
11
|
closeIcon = 'close'
|
|
13
12
|
} = props;
|
|
14
13
|
const saveLabel = props.saveLabel || getTranslation(locale, 'save');
|
|
15
14
|
const color = useHeaderTextColor();
|
|
16
15
|
const insets = useSafeAreaInsets();
|
|
17
|
-
return /*#__PURE__*/React.createElement(Animated.View, {
|
|
18
|
-
style: [styles.animated,
|
|
19
|
-
// eslint-disable-next-line react-native/no-inline-styles
|
|
20
|
-
{
|
|
21
|
-
paddingTop: disableSafeTop ? 0 : insets.top,
|
|
16
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Animated.View, {
|
|
17
|
+
style: [styles.animated, {
|
|
22
18
|
paddingLeft: insets.left,
|
|
23
19
|
paddingRight: insets.right
|
|
24
20
|
}]
|
|
@@ -38,7 +34,7 @@ export default function DatePickerModalHeader(props) {
|
|
|
38
34
|
disabled: props.saveLabelDisabled ?? false,
|
|
39
35
|
uppercase: props.uppercase ?? true,
|
|
40
36
|
testID: "react-native-paper-dates-save"
|
|
41
|
-
}, saveLabel)));
|
|
37
|
+
}, saveLabel))));
|
|
42
38
|
}
|
|
43
39
|
const styles = StyleSheet.create({
|
|
44
40
|
animated: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Animated","StyleSheet","Appbar","Button","useTheme","useHeaderTextColor","getTranslation","useSafeAreaInsets","DatePickerModalHeader","props","theme","
|
|
1
|
+
{"version":3,"names":["React","Animated","StyleSheet","Appbar","Button","useTheme","useHeaderTextColor","getTranslation","useSafeAreaInsets","DatePickerModalHeader","props","theme","locale","closeIcon","saveLabel","color","insets","createElement","Fragment","View","style","styles","animated","paddingLeft","left","paddingRight","right","appbarHeader","Action","icon","accessibilityLabel","onPress","onDismiss","testID","Content","title","textColor","isV3","colors","primary","onSave","disabled","saveLabelDisabled","uppercase","create","elevation","header","height","alignItems","flexDirection","headerContentContainer","marginTop","label","letterSpacing","fontSize","singleHeaderText","rangeHeaderText","headerTextFilled","headerTextEmpty","headerSeparator","backgroundColor"],"sourceRoot":"../../../src","sources":["Date/DatePickerModalHeader.tsx"],"mappings":"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"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { useSafeAreaInsets } from 'react-native-safe-area-context';
|
|
3
|
+
import { useHeaderBackgroundColor } from '../utils';
|
|
4
|
+
import Color from 'color';
|
|
5
|
+
import { Platform, Animated, StatusBar } from 'react-native';
|
|
6
|
+
function DatePickerModalStatusBar(_ref) {
|
|
7
|
+
let {
|
|
8
|
+
disableSafeTop,
|
|
9
|
+
disableStatusBar,
|
|
10
|
+
statusBarOnTopOfBackdrop
|
|
11
|
+
} = _ref;
|
|
12
|
+
const insets = useSafeAreaInsets();
|
|
13
|
+
const headerBackgroundColor = useHeaderBackgroundColor();
|
|
14
|
+
const onDarkBackground = Color(headerBackgroundColor).isDark() || statusBarOnTopOfBackdrop;
|
|
15
|
+
const statusBarTheme = onDarkBackground ? 'light-content' : 'dark-content';
|
|
16
|
+
const statusBarBackground = statusBarOnTopOfBackdrop ? 'transparent' : Platform.select({
|
|
17
|
+
android: headerBackgroundColor,
|
|
18
|
+
ios: headerBackgroundColor,
|
|
19
|
+
web: headerBackgroundColor
|
|
20
|
+
});
|
|
21
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, !disableStatusBar && /*#__PURE__*/React.createElement(StatusBar, {
|
|
22
|
+
barStyle: statusBarTheme,
|
|
23
|
+
backgroundColor: statusBarBackground,
|
|
24
|
+
translucent: true
|
|
25
|
+
}), !disableSafeTop && !statusBarOnTopOfBackdrop && /*#__PURE__*/React.createElement(Animated.View, {
|
|
26
|
+
style: [{
|
|
27
|
+
backgroundColor: statusBarBackground,
|
|
28
|
+
height: insets.top || StatusBar.currentHeight
|
|
29
|
+
}]
|
|
30
|
+
}));
|
|
31
|
+
}
|
|
32
|
+
export default /*#__PURE__*/React.memo(DatePickerModalStatusBar);
|
|
33
|
+
//# sourceMappingURL=DatePickerModalStatusBar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","useSafeAreaInsets","useHeaderBackgroundColor","Color","Platform","Animated","StatusBar","DatePickerModalStatusBar","_ref","disableSafeTop","disableStatusBar","statusBarOnTopOfBackdrop","insets","headerBackgroundColor","onDarkBackground","isDark","statusBarTheme","statusBarBackground","select","android","ios","web","createElement","Fragment","barStyle","backgroundColor","translucent","View","style","height","top","currentHeight","memo"],"sourceRoot":"../../../src","sources":["Date/DatePickerModalStatusBar.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,iBAAiB,QAAQ,gCAAgC;AAClE,SAASC,wBAAwB,QAAQ,UAAU;AACnD,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,EAAEC,QAAQ,EAAEC,SAAS,QAAwB,cAAc;AAE5E,SAASC,wBAAwBA,CAAAC,IAAA,EAQ9B;EAAA,IAR+B;IAChCC,cAAc;IACdC,gBAAgB;IAChBC;EAKF,CAAC,GAAAH,IAAA;EACC,MAAMI,MAAM,GAAGX,iBAAiB,CAAC,CAAC;EAClC,MAAMY,qBAAqB,GAAGX,wBAAwB,CAAC,CAAC;EACxD,MAAMY,gBAAgB,GACpBX,KAAK,CAACU,qBAAqB,CAAC,CAACE,MAAM,CAAC,CAAC,IAAIJ,wBAAwB;EACnE,MAAMK,cAA8B,GAAGF,gBAAgB,GACnD,eAAe,GACf,cAAc;EAClB,MAAMG,mBAAmB,GAAGN,wBAAwB,GAChD,aAAa,GACbP,QAAQ,CAACc,MAAM,CAAC;IACdC,OAAO,EAAEN,qBAAqB;IAC9BO,GAAG,EAAEP,qBAAqB;IAC1BQ,GAAG,EAAER;EACP,CAAC,CAAC;EAEN,oBACEb,KAAA,CAAAsB,aAAA,CAAAtB,KAAA,CAAAuB,QAAA,QACG,CAACb,gBAAgB,iBAChBV,KAAA,CAAAsB,aAAA,CAAChB,SAAS;IACRkB,QAAQ,EAAER,cAAe;IACzBS,eAAe,EAAER,mBAAoB;IACrCS,WAAW,EAAE;EAAK,CACnB,CACF,EACA,CAACjB,cAAc,IAAI,CAACE,wBAAwB,iBAC3CX,KAAA,CAAAsB,aAAA,CAACjB,QAAQ,CAACsB,IAAI;IACZC,KAAK,EAAE,CACL;MACEH,eAAe,EAAER,mBAAmB;MACpCY,MAAM,EAAEjB,MAAM,CAACkB,GAAG,IAAIxB,SAAS,CAACyB;IAClC,CAAC;EACD,CACH,CAEH,CAAC;AAEP;AAEA,4BAAe/B,KAAK,CAACgC,IAAI,CAACzB,wBAAwB,CAAC"}
|
|
@@ -25,6 +25,6 @@ export type DatePickerInputProps = {
|
|
|
25
25
|
inputEnabled?: boolean;
|
|
26
26
|
disableStatusBarPadding?: boolean;
|
|
27
27
|
animationType?: 'slide' | 'fade' | 'none';
|
|
28
|
-
presentationStyle?: '
|
|
28
|
+
presentationStyle?: 'pageSheet' | 'overFullScreen';
|
|
29
29
|
} & Omit<React.ComponentProps<typeof TextInput>, 'value' | 'onChange' | 'onChangeText' | 'inputMode'>;
|
|
30
30
|
//# sourceMappingURL=DatePickerInput.shared.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePickerInput.shared.d.ts","sourceRoot":"","sources":["../../../src/Date/DatePickerInput.shared.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AACnC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAEnD,MAAM,MAAM,oBAAoB,GAAG;IACjC,SAAS,EAAE,OAAO,GAAG,KAAK,CAAA;IAC1B,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAA;IAC1C,KAAK,EAAE,IAAI,GAAG,SAAS,CAAA;IACvB,UAAU,CAAC,EAAE,cAAc,GAAG,SAAS,CAAA;IACvC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iBAAiB,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC,GAAG,SAAS,CAAA;IAChE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAA;IACjD,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAA;IACzC,iBAAiB,CAAC,
|
|
1
|
+
{"version":3,"file":"DatePickerInput.shared.d.ts","sourceRoot":"","sources":["../../../src/Date/DatePickerInput.shared.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AACnC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAEnD,MAAM,MAAM,oBAAoB,GAAG;IACjC,SAAS,EAAE,OAAO,GAAG,KAAK,CAAA;IAC1B,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAA;IAC1C,KAAK,EAAE,IAAI,GAAG,SAAS,CAAA;IACvB,UAAU,CAAC,EAAE,cAAc,GAAG,SAAS,CAAA;IACvC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iBAAiB,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC,GAAG,SAAS,CAAA;IAChE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAA;IACjD,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAA;IACzC,iBAAiB,CAAC,EAAE,WAAW,GAAG,gBAAgB,CAAA;CACnD,GAAG,IAAI,CACN,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,EACtC,OAAO,GAAG,UAAU,GAAG,cAAc,GAAG,WAAW,CACpD,CAAA"}
|
|
@@ -23,7 +23,7 @@ declare const _default: React.ForwardRefExoticComponent<Omit<{
|
|
|
23
23
|
inputEnabled?: boolean | undefined;
|
|
24
24
|
disableStatusBarPadding?: boolean | undefined;
|
|
25
25
|
animationType?: "none" | "slide" | "fade" | undefined;
|
|
26
|
-
presentationStyle?: "
|
|
26
|
+
presentationStyle?: "pageSheet" | "overFullScreen" | undefined;
|
|
27
27
|
} & Omit<import("react-native").TextInputProps & React.RefAttributes<import("react-native").TextInput> & {
|
|
28
28
|
mode?: "flat" | "outlined" | undefined;
|
|
29
29
|
left?: React.ReactNode;
|
|
@@ -6,7 +6,7 @@ interface DatePickerModalProps {
|
|
|
6
6
|
disableStatusBar?: boolean;
|
|
7
7
|
disableStatusBarPadding?: boolean;
|
|
8
8
|
inputEnabled?: boolean;
|
|
9
|
-
presentationStyle?: '
|
|
9
|
+
presentationStyle?: 'pageSheet' | 'overFullScreen';
|
|
10
10
|
}
|
|
11
11
|
export interface DatePickerModalSingleProps extends DatePickerModalContentSingleProps, DatePickerModalProps {
|
|
12
12
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePickerModal.d.ts","sourceRoot":"","sources":["../../../src/Date/DatePickerModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAU9B,OAA+B,EAC7B,gCAAgC,EAChC,gCAAgC,EAChC,iCAAiC,EAClC,MAAM,0BAA0B,CAAA;
|
|
1
|
+
{"version":3,"file":"DatePickerModal.d.ts","sourceRoot":"","sources":["../../../src/Date/DatePickerModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAU9B,OAA+B,EAC7B,gCAAgC,EAChC,gCAAgC,EAChC,iCAAiC,EAClC,MAAM,0BAA0B,CAAA;AAEjC,UAAU,oBAAoB;IAC5B,OAAO,EAAE,OAAO,CAAA;IAChB,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAA;IACzC,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,iBAAiB,CAAC,EAAE,WAAW,GAAG,gBAAgB,CAAA;CACnD;AAED,MAAM,WAAW,0BACf,SAAQ,iCAAiC,EACvC,oBAAoB;CAAG;AAE3B,MAAM,WAAW,yBACf,SAAQ,gCAAgC,EACtC,oBAAoB;CAAG;AAE3B,MAAM,WAAW,yBACf,SAAQ,gCAAgC,EACtC,oBAAoB;CAAG;AAE3B,wBAAgB,eAAe,CAC7B,KAAK,EACD,yBAAyB,GACzB,0BAA0B,GAC1B,yBAAyB,qBAkE9B;;AAgCD,wBAA0C"}
|
|
@@ -11,10 +11,12 @@ interface DatePickerModalContentBaseProps {
|
|
|
11
11
|
inputFormat?: string;
|
|
12
12
|
locale: string;
|
|
13
13
|
onDismiss: () => any;
|
|
14
|
-
disableSafeTop?: boolean;
|
|
15
14
|
saveLabelDisabled?: boolean;
|
|
16
15
|
uppercase?: boolean;
|
|
17
16
|
inputEnabled?: boolean;
|
|
17
|
+
disableSafeTop?: boolean;
|
|
18
|
+
disableStatusBar?: boolean;
|
|
19
|
+
statusBarOnTopOfBackdrop?: boolean;
|
|
18
20
|
}
|
|
19
21
|
export interface DatePickerModalContentRangeProps extends HeaderPickProps, BaseCalendarProps, DatePickerModalContentBaseProps {
|
|
20
22
|
mode: 'range';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePickerModalContent.d.ts","sourceRoot":"","sources":["../../../src/Date/DatePickerModalContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAiB,EACf,iBAAiB,EACjB,YAAY,EACZ,aAAa,EACb,WAAW,EACX,YAAY,EACZ,WAAW,EACX,YAAY,EACb,MAAM,YAAY,CAAA;AAInB,OAAqC,EACnC,eAAe,EAChB,MAAM,gCAAgC,CAAA;
|
|
1
|
+
{"version":3,"file":"DatePickerModalContent.d.ts","sourceRoot":"","sources":["../../../src/Date/DatePickerModalContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAiB,EACf,iBAAiB,EACjB,YAAY,EACZ,aAAa,EACb,WAAW,EACX,YAAY,EACZ,WAAW,EACX,YAAY,EACb,MAAM,YAAY,CAAA;AAInB,OAAqC,EACnC,eAAe,EAChB,MAAM,gCAAgC,CAAA;AAMvC,MAAM,MAAM,UAAU,GAAG;IACvB,SAAS,EAAE,YAAY,CAAA;IACvB,OAAO,EAAE,YAAY,CAAA;IACrB,IAAI,EAAE,YAAY,CAAA;IAClB,KAAK,EAAE,aAAa,CAAA;CACrB,CAAA;AAED,UAAU,+BAA+B;IACvC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,MAAM,EAAE,MAAM,CAAA;IACd,SAAS,EAAE,MAAM,GAAG,CAAA;IAEpB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,YAAY,CAAC,EAAE,OAAO,CAAA;IAEtB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,wBAAwB,CAAC,EAAE,OAAO,CAAA;CACnC;AAED,MAAM,WAAW,gCACf,SAAQ,eAAe,EACrB,iBAAiB,EACjB,+BAA+B;IACjC,IAAI,EAAE,OAAO,CAAA;IACb,SAAS,EAAE,YAAY,CAAA;IACvB,OAAO,EAAE,YAAY,CAAA;IACrB,QAAQ,CAAC,EAAE,WAAW,CAAA;IACtB,SAAS,EAAE,WAAW,CAAA;CACvB;AAED,MAAM,WAAW,iCACf,SAAQ,eAAe,EACrB,iBAAiB,EACjB,+BAA+B;IACjC,IAAI,EAAE,QAAQ,CAAA;IACd,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,QAAQ,CAAC,EAAE,YAAY,CAAA;IACvB,SAAS,EAAE,YAAY,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;CAC3B;AAED,MAAM,WAAW,gCACf,SAAQ,eAAe,EACrB,iBAAiB,EACjB,+BAA+B;IACjC,IAAI,EAAE,UAAU,CAAA;IAChB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,QAAQ,CAAC,EAAE,WAAW,CAAA;IACtB,SAAS,EAAE,YAAY,CAAA;CACxB;AAED,wBAAgB,sBAAsB,CACpC,KAAK,EACD,gCAAgC,GAChC,iCAAiC,GACjC,gCAAgC,qBA6IrC;;AAED,wBAAiD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePickerModalHeader.d.ts","sourceRoot":"","sources":["../../../src/Date/DatePickerModalHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,MAAM,WAAW,0BAA0B;IACzC,
|
|
1
|
+
{"version":3,"file":"DatePickerModalHeader.d.ts","sourceRoot":"","sources":["../../../src/Date/DatePickerModalHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,MAAM,WAAW,0BAA0B;IACzC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAC3C,KAAK,EAAE,0BAA0B,qBAyClC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
declare function DatePickerModalStatusBar({ disableSafeTop, disableStatusBar, statusBarOnTopOfBackdrop, }: {
|
|
3
|
+
disableSafeTop: boolean;
|
|
4
|
+
disableStatusBar: boolean;
|
|
5
|
+
statusBarOnTopOfBackdrop: boolean;
|
|
6
|
+
}): React.JSX.Element;
|
|
7
|
+
declare const _default: React.MemoExoticComponent<typeof DatePickerModalStatusBar>;
|
|
8
|
+
export default _default;
|
|
9
|
+
//# sourceMappingURL=DatePickerModalStatusBar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DatePickerModalStatusBar.d.ts","sourceRoot":"","sources":["../../../src/Date/DatePickerModalStatusBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,iBAAS,wBAAwB,CAAC,EAChC,cAAc,EACd,gBAAgB,EAChB,wBAAwB,GACzB,EAAE;IACD,cAAc,EAAE,OAAO,CAAA;IACvB,gBAAgB,EAAE,OAAO,CAAA;IACzB,wBAAwB,EAAE,OAAO,CAAA;CAClC,qBAqCA;;AAED,wBAAmD"}
|
package/package.json
CHANGED
|
@@ -26,11 +26,7 @@ export type DatePickerInputProps = {
|
|
|
26
26
|
inputEnabled?: boolean
|
|
27
27
|
disableStatusBarPadding?: boolean
|
|
28
28
|
animationType?: 'slide' | 'fade' | 'none'
|
|
29
|
-
presentationStyle?:
|
|
30
|
-
| 'fullScreen'
|
|
31
|
-
| 'pageSheet'
|
|
32
|
-
| 'formSheet'
|
|
33
|
-
| 'overFullScreen'
|
|
29
|
+
presentationStyle?: 'pageSheet' | 'overFullScreen'
|
|
34
30
|
} & Omit<
|
|
35
31
|
React.ComponentProps<typeof TextInput>,
|
|
36
32
|
'value' | 'onChange' | 'onChangeText' | 'inputMode'
|
|
@@ -12,7 +12,7 @@ function DatePickerInput(
|
|
|
12
12
|
withModal = true,
|
|
13
13
|
calendarIcon = 'calendar',
|
|
14
14
|
animationType = 'slide',
|
|
15
|
-
presentationStyle = '
|
|
15
|
+
presentationStyle = 'overFullScreen',
|
|
16
16
|
...rest
|
|
17
17
|
}: DatePickerInputProps,
|
|
18
18
|
ref: any
|
|
@@ -73,7 +73,7 @@ function DatePickerInput(
|
|
|
73
73
|
validRange={validRange}
|
|
74
74
|
saveLabel={saveLabel}
|
|
75
75
|
saveLabelDisabled={saveLabelDisabled ?? false}
|
|
76
|
-
uppercase={uppercase
|
|
76
|
+
uppercase={uppercase}
|
|
77
77
|
startYear={startYear ?? 1800}
|
|
78
78
|
endYear={endYear ?? 2200}
|
|
79
79
|
inputEnabled={inputEnabled}
|
|
@@ -13,8 +13,6 @@ import DatePickerModalContent, {
|
|
|
13
13
|
DatePickerModalContentRangeProps,
|
|
14
14
|
DatePickerModalContentSingleProps,
|
|
15
15
|
} from './DatePickerModalContent'
|
|
16
|
-
import { useSafeAreaInsets } from 'react-native-safe-area-context'
|
|
17
|
-
import { useHeaderBackgroundColor } from '../utils'
|
|
18
16
|
|
|
19
17
|
interface DatePickerModalProps {
|
|
20
18
|
visible: boolean
|
|
@@ -22,11 +20,7 @@ interface DatePickerModalProps {
|
|
|
22
20
|
disableStatusBar?: boolean
|
|
23
21
|
disableStatusBarPadding?: boolean
|
|
24
22
|
inputEnabled?: boolean
|
|
25
|
-
presentationStyle?:
|
|
26
|
-
| 'fullScreen'
|
|
27
|
-
| 'pageSheet'
|
|
28
|
-
| 'formSheet'
|
|
29
|
-
| 'overFullScreen'
|
|
23
|
+
presentationStyle?: 'pageSheet' | 'overFullScreen'
|
|
30
24
|
}
|
|
31
25
|
|
|
32
26
|
export interface DatePickerModalSingleProps
|
|
@@ -56,6 +50,7 @@ export function DatePickerModal(
|
|
|
56
50
|
disableStatusBarPadding,
|
|
57
51
|
inputEnabled,
|
|
58
52
|
presentationStyle,
|
|
53
|
+
statusBarOnTopOfBackdrop,
|
|
59
54
|
...rest
|
|
60
55
|
} = props
|
|
61
56
|
const animationTypeCalculated =
|
|
@@ -65,64 +60,48 @@ export function DatePickerModal(
|
|
|
65
60
|
default: 'slide',
|
|
66
61
|
})
|
|
67
62
|
|
|
68
|
-
const
|
|
69
|
-
presentationStyle === 'pageSheet' || presentationStyle === 'fullScreen'
|
|
70
|
-
? false
|
|
71
|
-
: true
|
|
72
|
-
const headerBackgroundColor = useHeaderBackgroundColor()
|
|
73
|
-
const insets = useSafeAreaInsets()
|
|
63
|
+
const isPageSheet = presentationStyle === 'pageSheet' && Platform.OS === 'ios'
|
|
74
64
|
|
|
75
65
|
return (
|
|
76
66
|
<View style={[StyleSheet.absoluteFill]} pointerEvents="box-none">
|
|
77
67
|
<Modal
|
|
78
68
|
animationType={animationTypeCalculated}
|
|
79
|
-
transparent={
|
|
69
|
+
transparent={!isPageSheet}
|
|
80
70
|
visible={visible}
|
|
81
71
|
onRequestClose={rest.onDismiss}
|
|
82
|
-
presentationStyle={
|
|
72
|
+
presentationStyle={isPageSheet ? 'pageSheet' : 'overFullScreen'}
|
|
83
73
|
supportedOrientations={supportedOrientations}
|
|
84
|
-
//@ts-ignore
|
|
85
74
|
statusBarTranslucent={true}
|
|
86
75
|
>
|
|
87
|
-
|
|
88
|
-
<
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
76
|
+
<TouchableWithoutFeedback onPress={rest.onDismiss}>
|
|
77
|
+
<View
|
|
78
|
+
style={[
|
|
79
|
+
StyleSheet.absoluteFill,
|
|
80
|
+
styles.modalBackground,
|
|
81
|
+
{ backgroundColor: theme.colors.backdrop },
|
|
82
|
+
]}
|
|
83
|
+
/>
|
|
84
|
+
</TouchableWithoutFeedback>
|
|
85
|
+
<View
|
|
86
|
+
style={[StyleSheet.absoluteFill, styles.modalRoot]}
|
|
87
|
+
pointerEvents="box-none"
|
|
88
|
+
>
|
|
97
89
|
<View
|
|
98
|
-
style={[
|
|
99
|
-
|
|
90
|
+
style={[
|
|
91
|
+
styles.modalContent,
|
|
92
|
+
{ backgroundColor: theme.colors.surface },
|
|
93
|
+
dimensions.width > 650 ? styles.modalContentBig : null,
|
|
94
|
+
]}
|
|
100
95
|
>
|
|
101
|
-
<
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
{disableStatusBarPadding ? null : (
|
|
109
|
-
<View
|
|
110
|
-
style={[
|
|
111
|
-
{
|
|
112
|
-
height: insets.top,
|
|
113
|
-
backgroundColor: headerBackgroundColor,
|
|
114
|
-
},
|
|
115
|
-
]}
|
|
116
|
-
/>
|
|
117
|
-
)}
|
|
118
|
-
<DatePickerModalContent
|
|
119
|
-
{...rest}
|
|
120
|
-
inputEnabled={inputEnabled}
|
|
121
|
-
disableSafeTop={disableStatusBar}
|
|
122
|
-
/>
|
|
123
|
-
</View>
|
|
96
|
+
<DatePickerModalContent
|
|
97
|
+
{...rest}
|
|
98
|
+
inputEnabled={inputEnabled}
|
|
99
|
+
disableSafeTop={disableStatusBarPadding}
|
|
100
|
+
disableStatusBar={disableStatusBar}
|
|
101
|
+
statusBarOnTopOfBackdrop={isPageSheet || statusBarOnTopOfBackdrop}
|
|
102
|
+
/>
|
|
124
103
|
</View>
|
|
125
|
-
|
|
104
|
+
</View>
|
|
126
105
|
</Modal>
|
|
127
106
|
</View>
|
|
128
107
|
)
|
|
@@ -18,6 +18,7 @@ import DatePickerModalContentHeader, {
|
|
|
18
18
|
import CalendarEdit from './CalendarEdit'
|
|
19
19
|
import DatePickerModalHeaderBackground from './DatePickerModalHeaderBackground'
|
|
20
20
|
import { useTheme } from 'react-native-paper'
|
|
21
|
+
import DatePickerModalStatusBar from './DatePickerModalStatusBar'
|
|
21
22
|
|
|
22
23
|
export type LocalState = {
|
|
23
24
|
startDate: CalendarDate
|
|
@@ -30,10 +31,14 @@ interface DatePickerModalContentBaseProps {
|
|
|
30
31
|
inputFormat?: string
|
|
31
32
|
locale: string
|
|
32
33
|
onDismiss: () => any
|
|
33
|
-
|
|
34
|
+
|
|
34
35
|
saveLabelDisabled?: boolean
|
|
35
36
|
uppercase?: boolean
|
|
36
37
|
inputEnabled?: boolean
|
|
38
|
+
|
|
39
|
+
disableSafeTop?: boolean
|
|
40
|
+
disableStatusBar?: boolean
|
|
41
|
+
statusBarOnTopOfBackdrop?: boolean
|
|
37
42
|
}
|
|
38
43
|
|
|
39
44
|
export interface DatePickerModalContentRangeProps
|
|
@@ -80,12 +85,14 @@ export function DatePickerModalContent(
|
|
|
80
85
|
onConfirm,
|
|
81
86
|
onDismiss,
|
|
82
87
|
disableSafeTop,
|
|
88
|
+
disableStatusBar,
|
|
83
89
|
disableWeekDays,
|
|
84
90
|
locale,
|
|
85
91
|
validRange,
|
|
86
92
|
dateMode,
|
|
87
93
|
startYear,
|
|
88
94
|
endYear,
|
|
95
|
+
statusBarOnTopOfBackdrop,
|
|
89
96
|
} = props
|
|
90
97
|
const anyProps = props as any
|
|
91
98
|
|
|
@@ -140,9 +147,15 @@ export function DatePickerModalContent(
|
|
|
140
147
|
|
|
141
148
|
const theme = useTheme()
|
|
142
149
|
const defaultUppercase = !theme.isV3
|
|
150
|
+
|
|
143
151
|
return (
|
|
144
152
|
<>
|
|
145
153
|
<DatePickerModalHeaderBackground>
|
|
154
|
+
<DatePickerModalStatusBar
|
|
155
|
+
disableSafeTop={!!disableSafeTop}
|
|
156
|
+
disableStatusBar={!!disableStatusBar}
|
|
157
|
+
statusBarOnTopOfBackdrop={!!statusBarOnTopOfBackdrop}
|
|
158
|
+
/>
|
|
146
159
|
<DatePickerModalHeader
|
|
147
160
|
locale={locale}
|
|
148
161
|
onSave={onInnerConfirm}
|
|
@@ -150,7 +163,6 @@ export function DatePickerModalContent(
|
|
|
150
163
|
saveLabel={props.saveLabel}
|
|
151
164
|
saveLabelDisabled={props.saveLabelDisabled ?? false}
|
|
152
165
|
uppercase={props.uppercase ?? defaultUppercase}
|
|
153
|
-
disableSafeTop={disableSafeTop}
|
|
154
166
|
closeIcon={props.closeIcon}
|
|
155
167
|
/>
|
|
156
168
|
<DatePickerModalContentHeader
|
|
@@ -7,7 +7,6 @@ import { getTranslation } from '../translations/utils'
|
|
|
7
7
|
import { useSafeAreaInsets } from 'react-native-safe-area-context'
|
|
8
8
|
|
|
9
9
|
export interface DatePickerModalHeaderProps {
|
|
10
|
-
disableSafeTop?: boolean
|
|
11
10
|
saveLabel?: string
|
|
12
11
|
saveLabelDisabled?: boolean
|
|
13
12
|
uppercase?: boolean
|
|
@@ -21,43 +20,43 @@ export default function DatePickerModalHeader(
|
|
|
21
20
|
props: DatePickerModalHeaderProps
|
|
22
21
|
) {
|
|
23
22
|
const theme = useTheme()
|
|
24
|
-
const {
|
|
23
|
+
const { locale, closeIcon = 'close' } = props
|
|
25
24
|
const saveLabel = props.saveLabel || getTranslation(locale, 'save')
|
|
26
25
|
const color = useHeaderTextColor()
|
|
27
26
|
const insets = useSafeAreaInsets()
|
|
28
27
|
|
|
29
28
|
return (
|
|
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
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
</
|
|
59
|
-
</
|
|
60
|
-
|
|
29
|
+
<>
|
|
30
|
+
<Animated.View
|
|
31
|
+
style={[
|
|
32
|
+
styles.animated,
|
|
33
|
+
{
|
|
34
|
+
paddingLeft: insets.left,
|
|
35
|
+
paddingRight: insets.right,
|
|
36
|
+
},
|
|
37
|
+
]}
|
|
38
|
+
>
|
|
39
|
+
<Appbar style={styles.appbarHeader}>
|
|
40
|
+
<Appbar.Action
|
|
41
|
+
icon={closeIcon}
|
|
42
|
+
accessibilityLabel={getTranslation(locale, 'close')}
|
|
43
|
+
onPress={props.onDismiss}
|
|
44
|
+
color={color}
|
|
45
|
+
testID="react-native-paper-dates-close"
|
|
46
|
+
/>
|
|
47
|
+
<Appbar.Content title={''} />
|
|
48
|
+
<Button
|
|
49
|
+
textColor={theme.isV3 ? theme.colors.primary : color}
|
|
50
|
+
onPress={props.onSave}
|
|
51
|
+
disabled={props.saveLabelDisabled ?? false}
|
|
52
|
+
uppercase={props.uppercase ?? true}
|
|
53
|
+
testID="react-native-paper-dates-save"
|
|
54
|
+
>
|
|
55
|
+
{saveLabel}
|
|
56
|
+
</Button>
|
|
57
|
+
</Appbar>
|
|
58
|
+
</Animated.View>
|
|
59
|
+
</>
|
|
61
60
|
)
|
|
62
61
|
}
|
|
63
62
|
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import * as React from 'react'
|
|
2
|
+
import { useSafeAreaInsets } from 'react-native-safe-area-context'
|
|
3
|
+
import { useHeaderBackgroundColor } from '../utils'
|
|
4
|
+
import Color from 'color'
|
|
5
|
+
import { Platform, Animated, StatusBar, StatusBarStyle } from 'react-native'
|
|
6
|
+
|
|
7
|
+
function DatePickerModalStatusBar({
|
|
8
|
+
disableSafeTop,
|
|
9
|
+
disableStatusBar,
|
|
10
|
+
statusBarOnTopOfBackdrop,
|
|
11
|
+
}: {
|
|
12
|
+
disableSafeTop: boolean
|
|
13
|
+
disableStatusBar: boolean
|
|
14
|
+
statusBarOnTopOfBackdrop: boolean
|
|
15
|
+
}) {
|
|
16
|
+
const insets = useSafeAreaInsets()
|
|
17
|
+
const headerBackgroundColor = useHeaderBackgroundColor()
|
|
18
|
+
const onDarkBackground =
|
|
19
|
+
Color(headerBackgroundColor).isDark() || statusBarOnTopOfBackdrop
|
|
20
|
+
const statusBarTheme: StatusBarStyle = onDarkBackground
|
|
21
|
+
? 'light-content'
|
|
22
|
+
: 'dark-content'
|
|
23
|
+
const statusBarBackground = statusBarOnTopOfBackdrop
|
|
24
|
+
? 'transparent'
|
|
25
|
+
: Platform.select({
|
|
26
|
+
android: headerBackgroundColor,
|
|
27
|
+
ios: headerBackgroundColor,
|
|
28
|
+
web: headerBackgroundColor,
|
|
29
|
+
})
|
|
30
|
+
|
|
31
|
+
return (
|
|
32
|
+
<>
|
|
33
|
+
{!disableStatusBar && (
|
|
34
|
+
<StatusBar
|
|
35
|
+
barStyle={statusBarTheme}
|
|
36
|
+
backgroundColor={statusBarBackground}
|
|
37
|
+
translucent={true}
|
|
38
|
+
/>
|
|
39
|
+
)}
|
|
40
|
+
{!disableSafeTop && !statusBarOnTopOfBackdrop && (
|
|
41
|
+
<Animated.View
|
|
42
|
+
style={[
|
|
43
|
+
{
|
|
44
|
+
backgroundColor: statusBarBackground,
|
|
45
|
+
height: insets.top || StatusBar.currentHeight,
|
|
46
|
+
},
|
|
47
|
+
]}
|
|
48
|
+
/>
|
|
49
|
+
)}
|
|
50
|
+
</>
|
|
51
|
+
)
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
export default React.memo(DatePickerModalStatusBar)
|