react-native-paper-dates 0.23.16 → 0.24.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/AnimatedCrossView.js +2 -2
- package/lib/commonjs/Date/AnimatedCrossView.js.map +1 -1
- package/lib/commonjs/Date/AutoSizer.js +24 -11
- package/lib/commonjs/Date/AutoSizer.js.map +1 -1
- package/lib/commonjs/Date/Calendar.js +26 -5
- package/lib/commonjs/Date/Calendar.js.map +1 -1
- package/lib/commonjs/Date/CalendarEdit.js +70 -61
- package/lib/commonjs/Date/CalendarEdit.js.map +1 -1
- package/lib/commonjs/Date/CalendarHeader.js +30 -15
- package/lib/commonjs/Date/CalendarHeader.js.map +1 -1
- package/lib/commonjs/Date/DatePickerModal.js +5 -11
- package/lib/commonjs/Date/DatePickerModal.js.map +1 -1
- package/lib/commonjs/Date/DatePickerModalContent.js +52 -32
- package/lib/commonjs/Date/DatePickerModalContent.js.map +1 -1
- package/lib/commonjs/Date/DatePickerModalContentHeader.js +12 -5
- package/lib/commonjs/Date/DatePickerModalContentHeader.js.map +1 -1
- package/lib/commonjs/Date/DatePickerModalHeader.js +40 -40
- package/lib/commonjs/Date/DatePickerModalHeader.js.map +1 -1
- package/lib/commonjs/Date/DatePickerModalHeaderBackground.js +22 -4
- package/lib/commonjs/Date/DatePickerModalHeaderBackground.js.map +1 -1
- package/lib/commonjs/Date/Day.js +59 -2
- package/lib/commonjs/Date/Day.js.map +1 -1
- package/lib/commonjs/Date/Month.js +48 -28
- package/lib/commonjs/Date/Month.js.map +1 -1
- package/lib/commonjs/Date/Swiper.js +31 -21
- package/lib/commonjs/Date/Swiper.js.map +1 -1
- package/lib/commonjs/Date/Swiper.native.js +37 -21
- package/lib/commonjs/Date/Swiper.native.js.map +1 -1
- package/lib/commonjs/Date/SwiperUtils.js.map +1 -1
- package/lib/commonjs/Date/YearPicker.js +3 -1
- package/lib/commonjs/Date/YearPicker.js.map +1 -1
- package/lib/commonjs/Date/weekdayColumns.js +60 -0
- package/lib/commonjs/Date/weekdayColumns.js.map +1 -0
- package/lib/commonjs/shared/styles.js +3 -0
- package/lib/commonjs/shared/styles.js.map +1 -1
- package/lib/commonjs/shared/utils.js +9 -0
- package/lib/commonjs/shared/utils.js.map +1 -1
- package/lib/module/Date/AnimatedCrossView.js +2 -2
- package/lib/module/Date/AnimatedCrossView.js.map +1 -1
- package/lib/module/Date/AutoSizer.js +25 -12
- package/lib/module/Date/AutoSizer.js.map +1 -1
- package/lib/module/Date/Calendar.js +26 -5
- package/lib/module/Date/Calendar.js.map +1 -1
- package/lib/module/Date/CalendarEdit.js +70 -61
- package/lib/module/Date/CalendarEdit.js.map +1 -1
- package/lib/module/Date/CalendarHeader.js +31 -16
- package/lib/module/Date/CalendarHeader.js.map +1 -1
- package/lib/module/Date/DatePickerModal.js +7 -13
- package/lib/module/Date/DatePickerModal.js.map +1 -1
- package/lib/module/Date/DatePickerModalContent.js +52 -32
- package/lib/module/Date/DatePickerModalContent.js.map +1 -1
- package/lib/module/Date/DatePickerModalContentHeader.js +12 -5
- package/lib/module/Date/DatePickerModalContentHeader.js.map +1 -1
- package/lib/module/Date/DatePickerModalHeader.js +43 -43
- package/lib/module/Date/DatePickerModalHeader.js.map +1 -1
- package/lib/module/Date/DatePickerModalHeaderBackground.js +24 -6
- package/lib/module/Date/DatePickerModalHeaderBackground.js.map +1 -1
- package/lib/module/Date/Day.js +59 -2
- package/lib/module/Date/Day.js.map +1 -1
- package/lib/module/Date/Month.js +50 -30
- package/lib/module/Date/Month.js.map +1 -1
- package/lib/module/Date/Swiper.js +32 -22
- package/lib/module/Date/Swiper.js.map +1 -1
- package/lib/module/Date/Swiper.native.js +38 -22
- package/lib/module/Date/Swiper.native.js.map +1 -1
- package/lib/module/Date/SwiperUtils.js.map +1 -1
- package/lib/module/Date/YearPicker.js +4 -2
- package/lib/module/Date/YearPicker.js.map +1 -1
- package/lib/module/Date/weekdayColumns.js +51 -0
- package/lib/module/Date/weekdayColumns.js.map +1 -0
- package/lib/module/shared/styles.js +3 -0
- package/lib/module/shared/styles.js.map +1 -1
- package/lib/module/shared/utils.js +8 -0
- package/lib/module/shared/utils.js.map +1 -1
- package/lib/typescript/Date/AnimatedCrossView.d.ts.map +1 -1
- package/lib/typescript/Date/AutoSizer.d.ts.map +1 -1
- package/lib/typescript/Date/Calendar.d.ts +28 -0
- package/lib/typescript/Date/Calendar.d.ts.map +1 -1
- package/lib/typescript/Date/CalendarEdit.d.ts +3 -1
- package/lib/typescript/Date/CalendarEdit.d.ts.map +1 -1
- package/lib/typescript/Date/CalendarHeader.d.ts +5 -1
- package/lib/typescript/Date/CalendarHeader.d.ts.map +1 -1
- package/lib/typescript/Date/DatePickerModal.d.ts.map +1 -1
- package/lib/typescript/Date/DatePickerModalContent.d.ts.map +1 -1
- package/lib/typescript/Date/DatePickerModalContentHeader.d.ts +2 -0
- package/lib/typescript/Date/DatePickerModalContentHeader.d.ts.map +1 -1
- package/lib/typescript/Date/DatePickerModalHeader.d.ts +2 -0
- package/lib/typescript/Date/DatePickerModalHeader.d.ts.map +1 -1
- package/lib/typescript/Date/DatePickerModalHeaderBackground.d.ts +3 -1
- package/lib/typescript/Date/DatePickerModalHeaderBackground.d.ts.map +1 -1
- package/lib/typescript/Date/Day.d.ts +5 -0
- package/lib/typescript/Date/Day.d.ts.map +1 -1
- package/lib/typescript/Date/Month.d.ts +5 -1
- package/lib/typescript/Date/Month.d.ts.map +1 -1
- package/lib/typescript/Date/Swiper.d.ts.map +1 -1
- package/lib/typescript/Date/Swiper.native.d.ts.map +1 -1
- package/lib/typescript/Date/SwiperUtils.d.ts +1 -0
- package/lib/typescript/Date/SwiperUtils.d.ts.map +1 -1
- package/lib/typescript/Date/YearPicker.d.ts.map +1 -1
- package/lib/typescript/Date/weekdayColumns.d.ts +9 -0
- package/lib/typescript/Date/weekdayColumns.d.ts.map +1 -0
- package/lib/typescript/shared/styles.d.ts +3 -0
- package/lib/typescript/shared/styles.d.ts.map +1 -1
- package/lib/typescript/shared/utils.d.ts +1 -0
- package/lib/typescript/shared/utils.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/Date/AnimatedCrossView.tsx +2 -1
- package/src/Date/AutoSizer.tsx +33 -9
- package/src/Date/Calendar.tsx +48 -4
- package/src/Date/CalendarEdit.tsx +60 -51
- package/src/Date/CalendarHeader.tsx +38 -6
- package/src/Date/DatePickerModal.tsx +5 -13
- package/src/Date/DatePickerModalContent.tsx +58 -37
- package/src/Date/DatePickerModalContentHeader.tsx +14 -3
- package/src/Date/DatePickerModalHeader.tsx +47 -50
- package/src/Date/DatePickerModalHeaderBackground.tsx +30 -8
- package/src/Date/Day.tsx +51 -0
- package/src/Date/Month.tsx +82 -41
- package/src/Date/Swiper.native.tsx +70 -43
- package/src/Date/Swiper.tsx +44 -19
- package/src/Date/SwiperUtils.ts +1 -0
- package/src/Date/YearPicker.tsx +14 -2
- package/src/Date/weekdayColumns.ts +75 -0
- package/src/shared/styles.tsx +3 -0
- package/src/shared/utils.ts +6 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","sharedStyles","exports","StyleSheet","create","flexDirectionRow","flexDirection","opacity0","opacity","opacity1","overflowHidden","overflow","root","flex"],"sourceRoot":"../../../src","sources":["shared/styles.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEO,MAAMC,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAGE,uBAAU,CAACC,MAAM,CAAC;EAC5CC,gBAAgB,EAAE;IAChBC,aAAa,EAAE;EACjB,CAAC;EACDC,QAAQ,EAAE;IACRC,OAAO,EAAE;EACX,CAAC;EACDC,QAAQ,EAAE;IACRD,OAAO,EAAE;EACX,CAAC;EACDE,cAAc,EAAE;IACdC,QAAQ,EAAE;EACZ,CAAC;EACDC,IAAI,EAAE;IACJC,IAAI,EAAE;EACR;AACF,CAAC,CAAC","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["_reactNative","require","sharedStyles","exports","StyleSheet","create","flexDirectionRow","flexDirection","minHeightZero","minHeight","opacity0","opacity","opacity1","overflowHidden","overflow","root","flex"],"sourceRoot":"../../../src","sources":["shared/styles.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEO,MAAMC,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAGE,uBAAU,CAACC,MAAM,CAAC;EAC5CC,gBAAgB,EAAE;IAChBC,aAAa,EAAE;EACjB,CAAC;EACDC,aAAa,EAAE;IACbC,SAAS,EAAE;EACb,CAAC;EACDC,QAAQ,EAAE;IACRC,OAAO,EAAE;EACX,CAAC;EACDC,QAAQ,EAAE;IACRD,OAAO,EAAE;EACX,CAAC;EACDE,cAAc,EAAE;IACdC,QAAQ,EAAE;EACZ,CAAC;EACDC,IAAI,EAAE;IACJC,IAAI,EAAE;EACR;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -9,9 +9,11 @@ exports.range = range;
|
|
|
9
9
|
exports.supportedOrientations = void 0;
|
|
10
10
|
exports.useHeaderBackgroundColor = useHeaderBackgroundColor;
|
|
11
11
|
exports.useHeaderTextColor = useHeaderTextColor;
|
|
12
|
+
exports.useIsLargeScreen = useIsLargeScreen;
|
|
12
13
|
exports.useLatest = useLatest;
|
|
13
14
|
exports.useTextColorOnPrimary = useTextColorOnPrimary;
|
|
14
15
|
var _react = require("react");
|
|
16
|
+
var _reactNative = require("react-native");
|
|
15
17
|
var _reactNativePaper = require("react-native-paper");
|
|
16
18
|
var _color = _interopRequireDefault(require("color"));
|
|
17
19
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
@@ -21,6 +23,13 @@ function useLatest(value) {
|
|
|
21
23
|
ref.current = value;
|
|
22
24
|
return ref;
|
|
23
25
|
}
|
|
26
|
+
function useIsLargeScreen() {
|
|
27
|
+
const {
|
|
28
|
+
width,
|
|
29
|
+
height
|
|
30
|
+
} = (0, _reactNative.useWindowDimensions)();
|
|
31
|
+
return width > 650 && height > 650;
|
|
32
|
+
}
|
|
24
33
|
function useHeaderBackgroundColor() {
|
|
25
34
|
const theme = (0, _reactNativePaper.useTheme)();
|
|
26
35
|
return theme.colors.elevation.level3;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_reactNativePaper","_color","_interopRequireDefault","e","__esModule","default","supportedOrientations","exports","useLatest","value","ref","useRef","current","useHeaderBackgroundColor","theme","useTheme","colors","elevation","level3","useHeaderTextColor","onSurfaceVariant","useTextColorOnPrimary","isDark","Color","primary","isLight","dark","onSurface","onPrimary","range","start","end","Array","fill","map","_","i","lightenBy","color","ratio","lightness","darkenBy"],"sourceRoot":"../../../src","sources":["shared/utils.ts"],"mappings":"
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_reactNativePaper","_color","_interopRequireDefault","e","__esModule","default","supportedOrientations","exports","useLatest","value","ref","useRef","current","useIsLargeScreen","width","height","useWindowDimensions","useHeaderBackgroundColor","theme","useTheme","colors","elevation","level3","useHeaderTextColor","onSurfaceVariant","useTextColorOnPrimary","isDark","Color","primary","isLight","dark","onSurface","onPrimary","range","start","end","Array","fill","map","_","i","lightenBy","color","ratio","lightness","darkenBy"],"sourceRoot":"../../../src","sources":["shared/utils.ts"],"mappings":";;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAC,sBAAA,CAAAJ,OAAA;AAAyB,SAAAI,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAElB,MAAMG,qBAMV,GAAAC,OAAA,CAAAD,qBAAA,GAAG,CACJ,UAAU,EACV,sBAAsB,EACtB,WAAW,EACX,gBAAgB,EAChB,iBAAiB,CAClB;AAIM,SAASE,SAASA,CAAIC,KAAQ,EAAE;EACrC,MAAMC,GAAG,GAAG,IAAAC,aAAM,EAACF,KAAK,CAAC;EACzBC,GAAG,CAACE,OAAO,GAAGH,KAAK;EACnB,OAAOC,GAAG;AACZ;AAEO,SAASG,gBAAgBA,CAAA,EAAG;EACjC,MAAM;IAAEC,KAAK;IAAEC;EAAO,CAAC,GAAG,IAAAC,gCAAmB,EAAC,CAAC;EAC/C,OAAOF,KAAK,GAAG,GAAG,IAAIC,MAAM,GAAG,GAAG;AACpC;AAEO,SAASE,wBAAwBA,CAAA,EAAG;EACzC,MAAMC,KAAK,GAAG,IAAAC,0BAAQ,EAAC,CAAC;EACxB,OAAOD,KAAK,CAACE,MAAM,CAACC,SAAS,CAACC,MAAM;AACtC;AAEO,SAASC,kBAAkBA,CAAA,EAAG;EACnC,MAAML,KAAK,GAAG,IAAAC,0BAAQ,EAAC,CAAC;EACxB,OAAOD,KAAK,CAACE,MAAM,CAACI,gBAAgB;AACtC;AAEO,SAASC,qBAAqBA,CAAA,EAAG;EACtC,MAAMP,KAAK,GAAG,IAAAC,0BAAQ,EAAC,CAAC;EACxB,MAAMO,MAAM,GAAG,CAAC,IAAAC,cAAK,EAACT,KAAK,CAACE,MAAM,CAACQ,OAAO,CAAC,CAACC,OAAO,CAAC,CAAC;EAErD,IAAIH,MAAM,IAAIR,KAAK,CAACY,IAAI,EAAE;IACxB,OAAOZ,KAAK,CAACE,MAAM,CAACW,SAAS;EAC/B;EACA,OAAOb,KAAK,CAACE,MAAM,CAACY,SAAS;AAC/B;AAEO,SAASC,KAAKA,CAACC,KAAa,EAAEC,GAAW,EAAE;EAChD,OAAOC,KAAK,CAACD,GAAG,GAAGD,KAAK,GAAG,CAAC,CAAC,CAC1BG,IAAI,CAAC,IAAI,CAAC,CACVC,GAAG,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAKN,KAAK,GAAGM,CAAC,CAAC;AAC7B;AAEO,SAASC,SAASA,CAACC,KAAiC,EAAEC,KAAa,EAAE;EAC1E,MAAMC,SAAS,GAAGF,KAAK,CAACE,SAAS,CAAC,CAAC;EACnC,OAAOF,KAAK,CAACE,SAAS,CAACA,SAAS,GAAG,CAAC,GAAG,GAAGA,SAAS,IAAID,KAAK,CAAC;AAC/D;AAEO,SAASE,QAAQA,CAACH,KAAiC,EAAEC,KAAa,EAAE;EACzE,MAAMC,SAAS,GAAGF,KAAK,CAACE,SAAS,CAAC,CAAC;EACnC,OAAOF,KAAK,CAACE,SAAS,CAACA,SAAS,GAAGA,SAAS,GAAGD,KAAK,CAAC;AACvD","ignoreList":[]}
|
|
@@ -20,10 +20,10 @@ export default function AnimatedCrossView({
|
|
|
20
20
|
}).start();
|
|
21
21
|
}, [collapsed]);
|
|
22
22
|
return /*#__PURE__*/_jsxs(View, {
|
|
23
|
-
style: sharedStyles.root,
|
|
23
|
+
style: [sharedStyles.root, sharedStyles.minHeightZero],
|
|
24
24
|
children: [/*#__PURE__*/_jsx(Animated.View, {
|
|
25
25
|
pointerEvents: collapsed ? 'auto' : 'none',
|
|
26
|
-
style: [sharedStyles.root, {
|
|
26
|
+
style: [sharedStyles.minHeightZero, sharedStyles.root, {
|
|
27
27
|
opacity: calendarOpacity.current,
|
|
28
28
|
transform: [{
|
|
29
29
|
scaleY: calendarOpacity.current.interpolate({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useEffect","useRef","Animated","StyleSheet","View","useTheme","sharedStyles","jsx","_jsx","jsxs","_jsxs","AnimatedCrossView","collapsed","calendar","calendarEdit","theme","calendarOpacity","Value","timing","current","toValue","duration","useNativeDriver","start","style","root","children","pointerEvents","opacity","transform","scaleY","interpolate","inputRange","outputRange","scaleX","styles","backgroundColor","colors","elevation","level3","scale","create","position","left","right"],"sourceRoot":"../../../src","sources":["Date/AnimatedCrossView.tsx"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,MAAM,QAAQ,OAAO;AACzC,SAASC,QAAQ,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AACzD,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,YAAY,QAAQ,kBAAkB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE/C,eAAe,SAASC,iBAAiBA,CAAC;EACxCC,SAAS;EACTC,QAAQ;EACRC;AAKF,CAAC,EAAE;EACD,MAAMC,KAAK,GAAGV,QAAQ,CAAC,CAAC;EAExB,MAAMW,eAAe,GAAGf,MAAM,CAC5B,IAAIC,QAAQ,CAACe,KAAK,CAACL,SAAS,GAAG,CAAC,GAAG,CAAC,CACtC,CAAC;EAEDZ,SAAS,CAAC,MAAM;IACdE,QAAQ,CAACgB,MAAM,CAACF,eAAe,CAACG,OAAO,EAAE;MACvCC,OAAO,EAAER,SAAS,GAAG,CAAC,GAAG,CAAC;MAC1BS,QAAQ,EAAE,GAAG;MACbC,eAAe,EAAE;IACnB,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;EACZ,CAAC,EAAE,CAACX,SAAS,CAAC,CAAC;EAEf,oBACEF,KAAA,CAACN,IAAI;IAACoB,KAAK,
|
|
1
|
+
{"version":3,"names":["useEffect","useRef","Animated","StyleSheet","View","useTheme","sharedStyles","jsx","_jsx","jsxs","_jsxs","AnimatedCrossView","collapsed","calendar","calendarEdit","theme","calendarOpacity","Value","timing","current","toValue","duration","useNativeDriver","start","style","root","minHeightZero","children","pointerEvents","opacity","transform","scaleY","interpolate","inputRange","outputRange","scaleX","styles","backgroundColor","colors","elevation","level3","scale","create","position","left","right"],"sourceRoot":"../../../src","sources":["Date/AnimatedCrossView.tsx"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,MAAM,QAAQ,OAAO;AACzC,SAASC,QAAQ,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AACzD,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,YAAY,QAAQ,kBAAkB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE/C,eAAe,SAASC,iBAAiBA,CAAC;EACxCC,SAAS;EACTC,QAAQ;EACRC;AAKF,CAAC,EAAE;EACD,MAAMC,KAAK,GAAGV,QAAQ,CAAC,CAAC;EAExB,MAAMW,eAAe,GAAGf,MAAM,CAC5B,IAAIC,QAAQ,CAACe,KAAK,CAACL,SAAS,GAAG,CAAC,GAAG,CAAC,CACtC,CAAC;EAEDZ,SAAS,CAAC,MAAM;IACdE,QAAQ,CAACgB,MAAM,CAACF,eAAe,CAACG,OAAO,EAAE;MACvCC,OAAO,EAAER,SAAS,GAAG,CAAC,GAAG,CAAC;MAC1BS,QAAQ,EAAE,GAAG;MACbC,eAAe,EAAE;IACnB,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;EACZ,CAAC,EAAE,CAACX,SAAS,CAAC,CAAC;EAEf,oBACEF,KAAA,CAACN,IAAI;IAACoB,KAAK,EAAE,CAAClB,YAAY,CAACmB,IAAI,EAAEnB,YAAY,CAACoB,aAAa,CAAE;IAAAC,QAAA,gBAC3DnB,IAAA,CAACN,QAAQ,CAACE,IAAI;MACZwB,aAAa,EAAEhB,SAAS,GAAG,MAAM,GAAG,MAAO;MAC3CY,KAAK,EAAE,CACLlB,YAAY,CAACoB,aAAa,EAC1BpB,YAAY,CAACmB,IAAI,EACjB;QACEI,OAAO,EAAEb,eAAe,CAACG,OAAO;QAChCW,SAAS,EAAE,CACT;UACEC,MAAM,EAAEf,eAAe,CAACG,OAAO,CAACa,WAAW,CAAC;YAC1CC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;YAClBC,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC;UACvB,CAAC;QACH,CAAC,EACD;UACEC,MAAM,EAAEnB,eAAe,CAACG,OAAO,CAACa,WAAW,CAAC;YAC1CC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;YAClBC,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC;UACvB,CAAC;QACH,CAAC;MAEL,CAAC,CACD;MAAAP,QAAA,EAEDd;IAAQ,CACI,CAAC,eAChBL,IAAA,CAACN,QAAQ,CAACE,IAAI;MACZwB,aAAa,EAAEhB,SAAS,GAAG,MAAM,GAAG,MAAO;MAC3CY,KAAK,EAAE,CACLY,MAAM,CAACtB,YAAY,EACnB;QACEuB,eAAe,EAAEtB,KAAK,CAACuB,MAAM,CAACC,SAAS,CAACC,MAAM;QAC9CX,OAAO,EAAEb,eAAe,CAACG,OAAO,CAACa,WAAW,CAAC;UAC3CC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;UAClBC,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC;QACpB,CAAC,CAAC;QACFJ,SAAS,EAAE,CACT;UACEW,KAAK,EAAEzB,eAAe,CAACG,OAAO,CAACa,WAAW,CAAC;YACzCC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;YAClBC,WAAW,EAAE,CAAC,CAAC,EAAE,IAAI;UACvB,CAAC;QACH,CAAC;MAEL,CAAC,CACD;MAAAP,QAAA,EAEDb;IAAY,CACA,CAAC;EAAA,CACZ,CAAC;AAEX;AAEA,MAAMsB,MAAM,GAAGjC,UAAU,CAACuC,MAAM,CAAC;EAC/B5B,YAAY,EAAE;IACZ6B,QAAQ,EAAE,UAAU;IACpBC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE;EACT;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -1,28 +1,41 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import { useCallback, useState } from 'react';
|
|
4
|
-
import { View } from 'react-native';
|
|
4
|
+
import { useWindowDimensions, View } from 'react-native';
|
|
5
5
|
import { sharedStyles } from '../shared/styles';
|
|
6
6
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
7
|
export default function AutoSizer({
|
|
8
8
|
children
|
|
9
9
|
}) {
|
|
10
|
-
const
|
|
10
|
+
const {
|
|
11
|
+
width: windowWidth,
|
|
12
|
+
height: windowHeight
|
|
13
|
+
} = useWindowDimensions();
|
|
14
|
+
const windowKey = `${windowWidth}x${windowHeight}`;
|
|
15
|
+
const [measured, setMeasured] = useState(null);
|
|
11
16
|
const onLayout = useCallback(event => {
|
|
12
17
|
const nl = event.nativeEvent.layout;
|
|
13
18
|
// https://github.com/necolas/react-native-web/issues/1704
|
|
14
|
-
|
|
15
|
-
|
|
19
|
+
setMeasured(prev => {
|
|
20
|
+
if (prev && prev.windowKey === windowKey && prev.width === nl.width && prev.height === nl.height) {
|
|
21
|
+
return prev;
|
|
22
|
+
}
|
|
23
|
+
return {
|
|
24
|
+
windowKey,
|
|
16
25
|
width: nl.width,
|
|
17
26
|
height: nl.height
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
}, [
|
|
21
|
-
const
|
|
22
|
-
return /*#__PURE__*/_jsx(View
|
|
27
|
+
};
|
|
28
|
+
});
|
|
29
|
+
}, [windowKey]);
|
|
30
|
+
const layout = measured && measured.windowKey === windowKey && measured.width > 0 && measured.height > 0 ? measured : null;
|
|
31
|
+
return /*#__PURE__*/_jsx(View
|
|
32
|
+
// Modals often skip onLayout during rotation. Keying by window size
|
|
33
|
+
// mounts a fresh sizer so the calendar gets the landscape viewport.
|
|
34
|
+
, {
|
|
35
|
+
collapsable: false,
|
|
23
36
|
onLayout: onLayout,
|
|
24
|
-
style: [sharedStyles.overflowHidden, sharedStyles.root,
|
|
25
|
-
children:
|
|
26
|
-
});
|
|
37
|
+
style: [sharedStyles.overflowHidden, sharedStyles.root, sharedStyles.minHeightZero],
|
|
38
|
+
children: layout ? children(layout) : null
|
|
39
|
+
}, windowKey);
|
|
27
40
|
}
|
|
28
41
|
//# sourceMappingURL=AutoSizer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useCallback","useState","View","sharedStyles","jsx","_jsx","AutoSizer","children","
|
|
1
|
+
{"version":3,"names":["useCallback","useState","useWindowDimensions","View","sharedStyles","jsx","_jsx","AutoSizer","children","width","windowWidth","height","windowHeight","windowKey","measured","setMeasured","onLayout","event","nl","nativeEvent","layout","prev","collapsable","style","overflowHidden","root","minHeightZero"],"sourceRoot":"../../../src","sources":["Date/AutoSizer.tsx"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,QAAQ,QAAQ,OAAO;AAC7C,SAA4BC,mBAAmB,EAAEC,IAAI,QAAQ,cAAc;AAC3E,SAASC,YAAY,QAAQ,kBAAkB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAW/C,eAAe,SAASC,SAASA,CAAC;EAChCC;AAGF,CAAC,EAAE;EACD,MAAM;IAAEC,KAAK,EAAEC,WAAW;IAAEC,MAAM,EAAEC;EAAa,CAAC,GAAGV,mBAAmB,CAAC,CAAC;EAC1E,MAAMW,SAAS,GAAG,GAAGH,WAAW,IAAIE,YAAY,EAAE;EAClD,MAAM,CAACE,QAAQ,EAAEC,WAAW,CAAC,GAAGd,QAAQ,CAAwB,IAAI,CAAC;EAErE,MAAMe,QAAQ,GAAGhB,WAAW,CACzBiB,KAAwB,IAAK;IAC5B,MAAMC,EAAE,GAAGD,KAAK,CAACE,WAAW,CAACC,MAAM;IACnC;IACAL,WAAW,CAAEM,IAAI,IAAK;MACpB,IACEA,IAAI,IACJA,IAAI,CAACR,SAAS,KAAKA,SAAS,IAC5BQ,IAAI,CAACZ,KAAK,KAAKS,EAAE,CAACT,KAAK,IACvBY,IAAI,CAACV,MAAM,KAAKO,EAAE,CAACP,MAAM,EACzB;QACA,OAAOU,IAAI;MACb;MACA,OAAO;QAAER,SAAS;QAAEJ,KAAK,EAAES,EAAE,CAACT,KAAK;QAAEE,MAAM,EAAEO,EAAE,CAACP;MAAO,CAAC;IAC1D,CAAC,CAAC;EACJ,CAAC,EACD,CAACE,SAAS,CACZ,CAAC;EAED,MAAMO,MAAM,GACVN,QAAQ,IACRA,QAAQ,CAACD,SAAS,KAAKA,SAAS,IAChCC,QAAQ,CAACL,KAAK,GAAG,CAAC,IAClBK,QAAQ,CAACH,MAAM,GAAG,CAAC,GACfG,QAAQ,GACR,IAAI;EAEV,oBACER,IAAA,CAACH;EACC;EACA;EAAA;IAEAmB,WAAW,EAAE,KAAM;IACnBN,QAAQ,EAAEA,QAAS;IACnBO,KAAK,EAAE,CACLnB,YAAY,CAACoB,cAAc,EAC3BpB,YAAY,CAACqB,IAAI,EACjBrB,YAAY,CAACsB,aAAa,CAC1B;IAAAlB,QAAA,EAEDY,MAAM,GAAGZ,QAAQ,CAACY,MAAM,CAAC,GAAG;EAAI,GAT5BP,SAUD,CAAC;AAEX","ignoreList":[]}
|
|
@@ -11,6 +11,19 @@ import { useTheme } from 'react-native-paper';
|
|
|
11
11
|
import { useLatest } from '../shared/utils';
|
|
12
12
|
import { sharedStyles } from '../shared/styles';
|
|
13
13
|
import { defaultStartYear, defaultEndYear } from './dateUtils';
|
|
14
|
+
|
|
15
|
+
/**
|
|
16
|
+
* Where `dayContent` is anchored within a day. The anchor box matches the day
|
|
17
|
+
* circle (not the wider grid cell), so corner positions sit on the circle's
|
|
18
|
+
* bounding box.
|
|
19
|
+
*/
|
|
20
|
+
|
|
21
|
+
/**
|
|
22
|
+
* Renders custom content inside a day, e.g. a dot or a badge with the number
|
|
23
|
+
* of events on that date. The node is overlaid on the day and does not receive
|
|
24
|
+
* touches, so pressing it still selects the date. Use `dayContentPosition` and
|
|
25
|
+
* `dayContentStyle` to place it.
|
|
26
|
+
*/
|
|
14
27
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
15
28
|
function Calendar(props) {
|
|
16
29
|
const {
|
|
@@ -26,7 +39,10 @@ function Calendar(props) {
|
|
|
26
39
|
dates,
|
|
27
40
|
validRange,
|
|
28
41
|
dateMode,
|
|
29
|
-
startWeekOnMonday
|
|
42
|
+
startWeekOnMonday,
|
|
43
|
+
dayContent,
|
|
44
|
+
dayContentPosition,
|
|
45
|
+
dayContentStyle
|
|
30
46
|
} = props;
|
|
31
47
|
const scrollMode = mode === 'range' || mode === 'multiple' ? 'vertical' : 'horizontal';
|
|
32
48
|
const firstDate = startDate || date || dates?.[0];
|
|
@@ -76,7 +92,7 @@ function Calendar(props) {
|
|
|
76
92
|
}, [mode, dateMode, onChangeRef, startDateRef, endDateRef, datesRef]);
|
|
77
93
|
const selectColor = theme.colors.primaryContainer;
|
|
78
94
|
return /*#__PURE__*/_jsxs(View, {
|
|
79
|
-
style: sharedStyles.root,
|
|
95
|
+
style: [sharedStyles.root, sharedStyles.minHeightZero],
|
|
80
96
|
children: [/*#__PURE__*/_jsx(Swiper, {
|
|
81
97
|
initialIndex: getInitialIndex(firstDate, startYear, endYear),
|
|
82
98
|
selectedYear: selectedYear,
|
|
@@ -105,17 +121,22 @@ function Calendar(props) {
|
|
|
105
121
|
disableWeekDays: disableWeekDays,
|
|
106
122
|
startWeekOnMonday: startWeekOnMonday || false,
|
|
107
123
|
startYear: startYear,
|
|
108
|
-
endYear: endYear
|
|
124
|
+
endYear: endYear,
|
|
125
|
+
dayContent: dayContent,
|
|
126
|
+
dayContentPosition: dayContentPosition,
|
|
127
|
+
dayContentStyle: dayContentStyle
|
|
109
128
|
}, index),
|
|
110
129
|
renderHeader: ({
|
|
130
|
+
endInset,
|
|
111
131
|
onPrev,
|
|
112
132
|
onNext
|
|
113
133
|
}) => /*#__PURE__*/_jsx(CalendarHeader, {
|
|
134
|
+
disableWeekDays: disableWeekDays,
|
|
135
|
+
endInset: endInset,
|
|
114
136
|
locale: locale,
|
|
115
|
-
onPrev: onPrev,
|
|
116
137
|
onNext: onNext,
|
|
138
|
+
onPrev: onPrev,
|
|
117
139
|
scrollMode: scrollMode,
|
|
118
|
-
disableWeekDays: disableWeekDays,
|
|
119
140
|
startWeekOnMonday: startWeekOnMonday || false
|
|
120
141
|
})
|
|
121
142
|
}), scrollMode === 'horizontal' ? /*#__PURE__*/_jsx(YearPicker, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["View","Swiper","Month","areDatesOnSameDay","dateToUnix","getEndOfDay","getInitialIndex","CalendarHeader","memo","useCallback","useState","YearPicker","useTheme","useLatest","sharedStyles","defaultStartYear","defaultEndYear","jsx","_jsx","jsxs","_jsxs","Calendar","props","locale","mode","onChange","startDate","endDate","date","disableWeekDays","startYear","endYear","dates","validRange","dateMode","startWeekOnMonday","scrollMode","firstDate","theme","selectedYear","setSelectedYear","undefined","selectingYear","setSelectingYear","startDateRef","endDateRef","onChangeRef","datesRef","onPressYear","year","prev","onPressDate","d","current","sd","ed","isStart","exists","some","newDates","filter","sort","a","b","getTime","datePressed","change","selectColor","colors","primaryContainer","style","root","children","initialIndex","renderItem","index","primaryColor","primary","roundness","renderHeader","onPrev","onNext"],"sourceRoot":"../../../src","sources":["Date/Calendar.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,cAAc;
|
|
1
|
+
{"version":3,"names":["View","Swiper","Month","areDatesOnSameDay","dateToUnix","getEndOfDay","getInitialIndex","CalendarHeader","memo","useCallback","useState","YearPicker","useTheme","useLatest","sharedStyles","defaultStartYear","defaultEndYear","jsx","_jsx","jsxs","_jsxs","Calendar","props","locale","mode","onChange","startDate","endDate","date","disableWeekDays","startYear","endYear","dates","validRange","dateMode","startWeekOnMonday","dayContent","dayContentPosition","dayContentStyle","scrollMode","firstDate","theme","selectedYear","setSelectedYear","undefined","selectingYear","setSelectingYear","startDateRef","endDateRef","onChangeRef","datesRef","onPressYear","year","prev","onPressDate","d","current","sd","ed","isStart","exists","some","newDates","filter","sort","a","b","getTime","datePressed","change","selectColor","colors","primaryContainer","style","root","minHeightZero","children","initialIndex","renderItem","index","primaryColor","primary","roundness","renderHeader","endInset","onPrev","onNext"],"sourceRoot":"../../../src","sources":["Date/Calendar.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
import { Keyboard, StyleSheet, View } from 'react-native';
|
|
4
4
|
import DatePickerInputWithoutModal from './DatePickerInputWithoutModal';
|
|
5
|
+
import { weekdaySpan, weekdaySpanOvershoot } from './weekdayColumns';
|
|
5
6
|
import { memo, useCallback, useEffect, useRef } from 'react';
|
|
6
7
|
import { useTheme } from 'react-native-paper';
|
|
7
8
|
import { sharedStyles } from '../shared/styles';
|
|
@@ -18,7 +19,8 @@ function CalendarEdit({
|
|
|
18
19
|
locale,
|
|
19
20
|
inputEnabled,
|
|
20
21
|
withDateFormatInLabel,
|
|
21
|
-
placeholder
|
|
22
|
+
placeholder,
|
|
23
|
+
disableWeekDays
|
|
22
24
|
}) {
|
|
23
25
|
const theme = useTheme();
|
|
24
26
|
const dateInput = useRef(null);
|
|
@@ -53,43 +55,23 @@ function CalendarEdit({
|
|
|
53
55
|
const onSubmitInput = useCallback(() => {
|
|
54
56
|
// TODO: close modal and persist range
|
|
55
57
|
}, []);
|
|
56
|
-
return /*#__PURE__*/
|
|
58
|
+
return /*#__PURE__*/_jsx(View, {
|
|
57
59
|
style: styles.root,
|
|
58
|
-
children:
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
value: state.date,
|
|
64
|
-
onChange: date => onChange({
|
|
65
|
-
...state,
|
|
66
|
-
date
|
|
67
|
-
}),
|
|
68
|
-
onSubmitEditing: onSubmitInput,
|
|
69
|
-
validRange: validRange,
|
|
70
|
-
locale: locale,
|
|
71
|
-
withModal: false,
|
|
72
|
-
autoComplete: 'off',
|
|
73
|
-
inputEnabled: inputEnabled,
|
|
74
|
-
withDateFormatInLabel: withDateFormatInLabel,
|
|
75
|
-
placeholder: placeholder,
|
|
76
|
-
style: inputStyle
|
|
77
|
-
}) : null, mode === 'range' ? /*#__PURE__*/_jsxs(View, {
|
|
78
|
-
style: sharedStyles.flexDirectionRow,
|
|
79
|
-
children: [/*#__PURE__*/_jsx(View, {
|
|
80
|
-
style: sharedStyles.root,
|
|
81
|
-
children: /*#__PURE__*/_jsx(DatePickerInputWithoutModal, {
|
|
60
|
+
children: /*#__PURE__*/_jsx(View, {
|
|
61
|
+
style: weekdaySpan(disableWeekDays),
|
|
62
|
+
children: /*#__PURE__*/_jsxs(View, {
|
|
63
|
+
style: weekdaySpanOvershoot,
|
|
64
|
+
children: [mode === 'single' ? /*#__PURE__*/_jsx(DatePickerInputWithoutModal, {
|
|
82
65
|
inputMode: "start",
|
|
83
|
-
ref:
|
|
66
|
+
ref: dateInput,
|
|
84
67
|
mode: "outlined",
|
|
85
|
-
label:
|
|
86
|
-
value: state.
|
|
87
|
-
onChange:
|
|
68
|
+
label: label,
|
|
69
|
+
value: state.date,
|
|
70
|
+
onChange: date => onChange({
|
|
88
71
|
...state,
|
|
89
|
-
|
|
72
|
+
date
|
|
90
73
|
}),
|
|
91
|
-
|
|
92
|
-
onSubmitEditing: onSubmitStartInput,
|
|
74
|
+
onSubmitEditing: onSubmitInput,
|
|
93
75
|
validRange: validRange,
|
|
94
76
|
locale: locale,
|
|
95
77
|
withModal: false,
|
|
@@ -98,38 +80,65 @@ function CalendarEdit({
|
|
|
98
80
|
withDateFormatInLabel: withDateFormatInLabel,
|
|
99
81
|
placeholder: placeholder,
|
|
100
82
|
style: inputStyle
|
|
101
|
-
})
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
83
|
+
}) : null, mode === 'range' ? /*#__PURE__*/_jsxs(View, {
|
|
84
|
+
style: sharedStyles.flexDirectionRow,
|
|
85
|
+
children: [/*#__PURE__*/_jsx(View, {
|
|
86
|
+
style: sharedStyles.root,
|
|
87
|
+
children: /*#__PURE__*/_jsx(DatePickerInputWithoutModal, {
|
|
88
|
+
inputMode: "start",
|
|
89
|
+
ref: startInput,
|
|
90
|
+
mode: "outlined",
|
|
91
|
+
label: startLabel,
|
|
92
|
+
value: state.startDate,
|
|
93
|
+
onChange: startDate => onChange({
|
|
94
|
+
...state,
|
|
95
|
+
startDate
|
|
96
|
+
}),
|
|
97
|
+
returnKeyType: 'next',
|
|
98
|
+
onSubmitEditing: onSubmitStartInput,
|
|
99
|
+
validRange: validRange,
|
|
100
|
+
locale: locale,
|
|
101
|
+
withModal: false,
|
|
102
|
+
autoComplete: 'off',
|
|
103
|
+
inputEnabled: inputEnabled,
|
|
104
|
+
withDateFormatInLabel: withDateFormatInLabel,
|
|
105
|
+
placeholder: placeholder,
|
|
106
|
+
style: inputStyle
|
|
107
|
+
})
|
|
108
|
+
}), /*#__PURE__*/_jsx(View, {
|
|
109
|
+
style: styles.separator
|
|
110
|
+
}), /*#__PURE__*/_jsx(View, {
|
|
111
|
+
style: sharedStyles.root,
|
|
112
|
+
children: /*#__PURE__*/_jsx(DatePickerInputWithoutModal, {
|
|
113
|
+
inputMode: "end",
|
|
114
|
+
ref: endInput,
|
|
115
|
+
mode: "outlined",
|
|
116
|
+
label: endLabel,
|
|
117
|
+
value: state.endDate,
|
|
118
|
+
onChange: endDate => onChange({
|
|
119
|
+
...state,
|
|
120
|
+
endDate
|
|
121
|
+
}),
|
|
122
|
+
onSubmitEditing: onSubmitEndInput,
|
|
123
|
+
validRange: validRange,
|
|
124
|
+
locale: locale,
|
|
125
|
+
withModal: false,
|
|
126
|
+
autoComplete: "off",
|
|
127
|
+
inputEnabled: inputEnabled,
|
|
128
|
+
withDateFormatInLabel: withDateFormatInLabel,
|
|
129
|
+
placeholder: placeholder,
|
|
130
|
+
style: inputStyle
|
|
131
|
+
})
|
|
132
|
+
})]
|
|
133
|
+
}) : null]
|
|
134
|
+
})
|
|
135
|
+
})
|
|
128
136
|
});
|
|
129
137
|
}
|
|
130
138
|
const styles = StyleSheet.create({
|
|
131
139
|
root: {
|
|
132
|
-
|
|
140
|
+
paddingVertical: 12,
|
|
141
|
+
width: '100%'
|
|
133
142
|
},
|
|
134
143
|
separator: {
|
|
135
144
|
width: 12
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Keyboard","StyleSheet","View","DatePickerInputWithoutModal","memo","useCallback","useEffect","useRef","useTheme","sharedStyles","jsx","_jsx","jsxs","_jsxs","CalendarEdit","mode","state","label","startLabel","endLabel","collapsed","onChange","validRange","locale","inputEnabled","withDateFormatInLabel","placeholder","theme","dateInput","startInput","endInput","inputStyle","backgroundColor","colors","elevation","level3","dismiss","inputsToFocus","current","filter","n","inputsToBlur","forEach","ip","blur","focus","onSubmitStartInput","onSubmitEndInput","onSubmitInput","style","styles","root","children","inputMode","ref","value","date","onSubmitEditing","withModal","autoComplete","flexDirectionRow","startDate","returnKeyType","separator","endDate","create","
|
|
1
|
+
{"version":3,"names":["Keyboard","StyleSheet","View","DatePickerInputWithoutModal","weekdaySpan","weekdaySpanOvershoot","memo","useCallback","useEffect","useRef","useTheme","sharedStyles","jsx","_jsx","jsxs","_jsxs","CalendarEdit","mode","state","label","startLabel","endLabel","collapsed","onChange","validRange","locale","inputEnabled","withDateFormatInLabel","placeholder","disableWeekDays","theme","dateInput","startInput","endInput","inputStyle","backgroundColor","colors","elevation","level3","dismiss","inputsToFocus","current","filter","n","inputsToBlur","forEach","ip","blur","focus","onSubmitStartInput","onSubmitEndInput","onSubmitInput","style","styles","root","children","inputMode","ref","value","date","onSubmitEditing","withModal","autoComplete","flexDirectionRow","startDate","returnKeyType","separator","endDate","create","paddingVertical","width"],"sourceRoot":"../../../src","sources":["Date/CalendarEdit.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,12 +1,20 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { StyleSheet, View } from 'react-native';
|
|
3
|
+
import { Platform, StyleSheet, View } from 'react-native';
|
|
4
4
|
import { IconButton, useTheme } from 'react-native-paper';
|
|
5
5
|
import DayNames, { dayNamesHeight } from './DayNames';
|
|
6
|
+
import { centerIconOnLastWeekday } from './weekdayColumns';
|
|
6
7
|
import { getTranslation } from '../translations/utils';
|
|
7
8
|
import { sharedStyles } from '../shared/styles';
|
|
8
9
|
import { memo } from 'react';
|
|
10
|
+
|
|
11
|
+
/** Space reserved so an overlay header does not paint over a vertical scrollbar. */
|
|
9
12
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
+
export const verticalScrollbarGutter = Platform.select({
|
|
14
|
+
ios: 0,
|
|
15
|
+
web: 16,
|
|
16
|
+
default: 14
|
|
17
|
+
});
|
|
10
18
|
const buttonContainerHeight = 56;
|
|
11
19
|
const buttonContainerMarginTop = 4;
|
|
12
20
|
const buttonContainerMarginBottom = 8;
|
|
@@ -22,12 +30,15 @@ function CalendarHeader({
|
|
|
22
30
|
onNext,
|
|
23
31
|
disableWeekDays,
|
|
24
32
|
locale,
|
|
25
|
-
startWeekOnMonday
|
|
33
|
+
startWeekOnMonday,
|
|
34
|
+
endInset = 0
|
|
26
35
|
}) {
|
|
27
36
|
const isHorizontal = scrollMode === 'horizontal';
|
|
28
37
|
const theme = useTheme();
|
|
29
38
|
return /*#__PURE__*/_jsxs(View, {
|
|
30
|
-
style: styles.datePickerHeader,
|
|
39
|
+
style: endInset ? [styles.datePickerHeader, {
|
|
40
|
+
right: endInset
|
|
41
|
+
}] : styles.datePickerHeader,
|
|
31
42
|
pointerEvents: 'box-none',
|
|
32
43
|
children: [isHorizontal ? /*#__PURE__*/_jsxs(View, {
|
|
33
44
|
style: styles.buttonContainer,
|
|
@@ -35,26 +46,23 @@ function CalendarHeader({
|
|
|
35
46
|
children: [/*#__PURE__*/_jsx(View, {
|
|
36
47
|
style: sharedStyles.root,
|
|
37
48
|
pointerEvents: 'box-none'
|
|
38
|
-
}), /*#__PURE__*/
|
|
39
|
-
style: {
|
|
49
|
+
}), /*#__PURE__*/_jsxs(View, {
|
|
50
|
+
style: [styles.arrowGroup, {
|
|
40
51
|
backgroundColor: theme.colors.elevation.level3
|
|
41
|
-
},
|
|
42
|
-
children: /*#__PURE__*/_jsx(IconButton, {
|
|
52
|
+
}, centerIconOnLastWeekday(disableWeekDays)],
|
|
53
|
+
children: [/*#__PURE__*/_jsx(IconButton, {
|
|
43
54
|
icon: "chevron-left",
|
|
44
55
|
accessibilityLabel: getTranslation(locale, 'previous'),
|
|
45
56
|
onPress: onPrev,
|
|
46
|
-
testID: "react-native-paper-dates-prev-month"
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
style: {
|
|
50
|
-
backgroundColor: theme.colors.elevation.level3
|
|
51
|
-
},
|
|
52
|
-
children: /*#__PURE__*/_jsx(IconButton, {
|
|
57
|
+
testID: "react-native-paper-dates-prev-month",
|
|
58
|
+
style: styles.arrowButton
|
|
59
|
+
}), /*#__PURE__*/_jsx(IconButton, {
|
|
53
60
|
icon: "chevron-right",
|
|
54
61
|
accessibilityLabel: getTranslation(locale, 'next'),
|
|
55
62
|
onPress: onNext,
|
|
56
|
-
testID: "react-native-paper-dates-next-month"
|
|
57
|
-
|
|
63
|
+
testID: "react-native-paper-dates-next-month",
|
|
64
|
+
style: styles.arrowButton
|
|
65
|
+
})]
|
|
58
66
|
})]
|
|
59
67
|
}) : null, /*#__PURE__*/_jsx(DayNames, {
|
|
60
68
|
disableWeekDays: disableWeekDays,
|
|
@@ -77,6 +85,13 @@ const styles = StyleSheet.create({
|
|
|
77
85
|
marginBottom: buttonContainerMarginBottom,
|
|
78
86
|
flexDirection: 'row',
|
|
79
87
|
alignItems: 'center'
|
|
88
|
+
},
|
|
89
|
+
arrowGroup: {
|
|
90
|
+
flexDirection: 'row',
|
|
91
|
+
alignItems: 'center'
|
|
92
|
+
},
|
|
93
|
+
arrowButton: {
|
|
94
|
+
margin: 0
|
|
80
95
|
}
|
|
81
96
|
});
|
|
82
97
|
export default /*#__PURE__*/memo(CalendarHeader);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["StyleSheet","View","IconButton","useTheme","DayNames","dayNamesHeight","getTranslation","sharedStyles","memo","jsx","_jsx","jsxs","_jsxs","buttonContainerHeight","buttonContainerMarginTop","buttonContainerMarginBottom","getCalendarHeaderHeight","scrollMode","CalendarHeader","onPrev","onNext","disableWeekDays","locale","startWeekOnMonday","isHorizontal","theme","style","styles","datePickerHeader","pointerEvents","children","buttonContainer","root","backgroundColor","colors","elevation","level3","icon","accessibilityLabel","onPress","testID","create","position","top","
|
|
1
|
+
{"version":3,"names":["Platform","StyleSheet","View","IconButton","useTheme","DayNames","dayNamesHeight","centerIconOnLastWeekday","getTranslation","sharedStyles","memo","jsx","_jsx","jsxs","_jsxs","verticalScrollbarGutter","select","ios","web","default","buttonContainerHeight","buttonContainerMarginTop","buttonContainerMarginBottom","getCalendarHeaderHeight","scrollMode","CalendarHeader","onPrev","onNext","disableWeekDays","locale","startWeekOnMonday","endInset","isHorizontal","theme","style","styles","datePickerHeader","right","pointerEvents","children","buttonContainer","root","arrowGroup","backgroundColor","colors","elevation","level3","icon","accessibilityLabel","onPress","testID","arrowButton","create","position","top","left","zIndex","height","marginTop","marginBottom","flexDirection","alignItems","margin"],"sourceRoot":"../../../src","sources":["Date/CalendarHeader.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { Modal, Platform, StyleSheet, TouchableWithoutFeedback,
|
|
3
|
+
import { Modal, Platform, StyleSheet, TouchableWithoutFeedback, View } from 'react-native';
|
|
4
4
|
import { useTheme } from 'react-native-paper';
|
|
5
5
|
import DatePickerModalContent from './DatePickerModalContent';
|
|
6
6
|
import { memo } from 'react';
|
|
7
7
|
import { sharedStyles } from '../shared/styles';
|
|
8
|
-
import { supportedOrientations } from '../shared/utils';
|
|
8
|
+
import { supportedOrientations, useIsLargeScreen } from '../shared/utils';
|
|
9
9
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
10
10
|
export function DatePickerModal(props) {
|
|
11
11
|
const {
|
|
@@ -23,16 +23,9 @@ export function DatePickerModal(props) {
|
|
|
23
23
|
default: 'slide'
|
|
24
24
|
});
|
|
25
25
|
const theme = useTheme();
|
|
26
|
-
const
|
|
27
|
-
|
|
28
|
-
// Automatically use formSheet on iPad for better fit
|
|
29
|
-
// iPad detection: width > 650 AND height > 650 (works in both orientations)
|
|
30
|
-
// - iPad portrait: 744x1133, landscape: 1133x744 (both > 650)
|
|
31
|
-
// - iPhone landscape: 932x430 (height < 650, so excluded)
|
|
32
|
-
// pageSheet on iPad is ~540pt wide, but calendar is max 400pt, causing centering
|
|
33
|
-
// formSheet at ~540x620pt provides a better fit for the date picker
|
|
26
|
+
const isLargeScreen = useIsLargeScreen();
|
|
34
27
|
const shouldUseSheet = Platform.OS === 'ios' && (presentationStyle === 'pageSheet' || presentationStyle === 'formSheet');
|
|
35
|
-
const useFormSheet = shouldUseSheet &&
|
|
28
|
+
const useFormSheet = shouldUseSheet && isLargeScreen;
|
|
36
29
|
const isSheet = shouldUseSheet;
|
|
37
30
|
return /*#__PURE__*/_jsx(View, {
|
|
38
31
|
style: StyleSheet.absoluteFill,
|
|
@@ -58,7 +51,7 @@ export function DatePickerModal(props) {
|
|
|
58
51
|
children: /*#__PURE__*/_jsx(View, {
|
|
59
52
|
style: [styles.modalContent, {
|
|
60
53
|
backgroundColor: theme.colors.elevation.level3
|
|
61
|
-
},
|
|
54
|
+
}, isLargeScreen ? useFormSheet ? styles.modalContentFormSheet : styles.modalContentBig : null],
|
|
62
55
|
children: /*#__PURE__*/_jsx(DatePickerModalContent, {
|
|
63
56
|
...rest,
|
|
64
57
|
inputEnabled: inputEnabled,
|
|
@@ -76,7 +69,8 @@ export function DatePickerModal(props) {
|
|
|
76
69
|
const styles = StyleSheet.create({
|
|
77
70
|
modalContent: {
|
|
78
71
|
flex: 1,
|
|
79
|
-
width: '100%'
|
|
72
|
+
width: '100%',
|
|
73
|
+
minHeight: 0
|
|
80
74
|
},
|
|
81
75
|
modalContentBig: {
|
|
82
76
|
maxWidth: 400,
|