react-native-paper-dates 0.5.1 → 0.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +8 -3
- package/lib/commonjs/Date/AnimatedCrossView.js +7 -6
- package/lib/commonjs/Date/AnimatedCrossView.js.map +1 -1
- package/lib/commonjs/Date/AutoSizer.js +4 -3
- package/lib/commonjs/Date/AutoSizer.js.map +1 -1
- package/lib/commonjs/Date/Calendar.js +37 -31
- package/lib/commonjs/Date/Calendar.js.map +1 -1
- package/lib/commonjs/Date/CalendarEdit.js +18 -14
- package/lib/commonjs/Date/CalendarEdit.js.map +1 -1
- package/lib/commonjs/Date/CalendarHeader.js +17 -10
- package/lib/commonjs/Date/CalendarHeader.js.map +1 -1
- package/lib/commonjs/Date/DatePickerInput.js +28 -21
- package/lib/commonjs/Date/DatePickerInput.js.map +1 -1
- package/lib/commonjs/Date/DatePickerModalContentHeader.js +30 -24
- package/lib/commonjs/Date/DatePickerModalContentHeader.js.map +1 -1
- package/lib/commonjs/Date/DatePickerModalHeader.js +4 -1
- package/lib/commonjs/Date/DatePickerModalHeader.js.map +1 -1
- package/lib/commonjs/Date/DatePickerModalHeaderBackground.js +4 -3
- package/lib/commonjs/Date/DatePickerModalHeaderBackground.js.map +1 -1
- package/lib/commonjs/Date/DateRangeInput.js +13 -8
- package/lib/commonjs/Date/DateRangeInput.js.map +1 -1
- package/lib/commonjs/Date/Day.js +4 -1
- package/lib/commonjs/Date/Day.js.map +1 -1
- package/lib/commonjs/Date/DayName.js +4 -3
- package/lib/commonjs/Date/DayName.js.map +1 -1
- package/lib/commonjs/Date/DayNames.js +5 -4
- package/lib/commonjs/Date/DayNames.js.map +1 -1
- package/lib/commonjs/Date/DayRange.js +7 -6
- package/lib/commonjs/Date/DayRange.js.map +1 -1
- package/lib/commonjs/Date/Month.js +45 -34
- package/lib/commonjs/Date/Month.js.map +1 -1
- package/lib/commonjs/Date/Swiper.js +33 -27
- package/lib/commonjs/Date/Swiper.js.map +1 -1
- package/lib/commonjs/Date/Swiper.native.js +27 -21
- package/lib/commonjs/Date/Swiper.native.js.map +1 -1
- package/lib/commonjs/Date/SwiperUtils.js +5 -4
- package/lib/commonjs/Date/SwiperUtils.js.map +1 -1
- package/lib/commonjs/Date/YearPicker.js +26 -18
- package/lib/commonjs/Date/YearPicker.js.map +1 -1
- package/lib/commonjs/Date/dateUtils.js +49 -37
- package/lib/commonjs/Date/dateUtils.js.map +1 -1
- package/lib/commonjs/Date/inputUtils.js +8 -7
- package/lib/commonjs/Date/inputUtils.js.map +1 -1
- package/lib/commonjs/TextInputMask.js +7 -6
- package/lib/commonjs/TextInputMask.js.map +1 -1
- package/lib/commonjs/Time/AmPmSwitcher.js +12 -10
- package/lib/commonjs/Time/AmPmSwitcher.js.map +1 -1
- package/lib/commonjs/Time/AnalogClock.js +8 -7
- package/lib/commonjs/Time/AnalogClock.js.map +1 -1
- package/lib/commonjs/Time/AnalogClockHours.js +5 -4
- package/lib/commonjs/Time/AnalogClockHours.js.map +1 -1
- package/lib/commonjs/Time/AnalogClockMinutes.js +5 -4
- package/lib/commonjs/Time/AnalogClockMinutes.js.map +1 -1
- package/lib/commonjs/Time/AnimatedClockSwitcher.js +6 -5
- package/lib/commonjs/Time/AnimatedClockSwitcher.js.map +1 -1
- package/lib/commonjs/Time/TimeInput.js +14 -10
- package/lib/commonjs/Time/TimeInput.js.map +1 -1
- package/lib/commonjs/Time/TimeInputs.js +10 -9
- package/lib/commonjs/Time/TimeInputs.js.map +1 -1
- package/lib/commonjs/Time/TimePicker.js +10 -9
- package/lib/commonjs/Time/TimePicker.js.map +1 -1
- package/lib/commonjs/Time/TimePickerModal.js +17 -13
- package/lib/commonjs/Time/TimePickerModal.js.map +1 -1
- package/lib/commonjs/Time/timeUtils.js +7 -6
- package/lib/commonjs/Time/timeUtils.js.map +1 -1
- package/lib/commonjs/index.js +29 -11
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/translations/enGB.js +20 -0
- package/lib/commonjs/translations/enGB.js.map +1 -0
- package/lib/commonjs/translations/pl.js +20 -0
- package/lib/commonjs/translations/pl.js.map +1 -0
- package/lib/commonjs/utils.js +4 -4
- package/lib/module/Date/AnimatedCrossView.js +7 -6
- package/lib/module/Date/AnimatedCrossView.js.map +1 -1
- package/lib/module/Date/AutoSizer.js +4 -3
- package/lib/module/Date/AutoSizer.js.map +1 -1
- package/lib/module/Date/Calendar.js +37 -31
- package/lib/module/Date/Calendar.js.map +1 -1
- package/lib/module/Date/CalendarEdit.js +18 -14
- package/lib/module/Date/CalendarEdit.js.map +1 -1
- package/lib/module/Date/CalendarHeader.js +16 -9
- package/lib/module/Date/CalendarHeader.js.map +1 -1
- package/lib/module/Date/DatePickerInput.js +28 -21
- package/lib/module/Date/DatePickerInput.js.map +1 -1
- package/lib/module/Date/DatePickerModalContentHeader.js +28 -22
- package/lib/module/Date/DatePickerModalContentHeader.js.map +1 -1
- package/lib/module/Date/DatePickerModalHeader.js +4 -1
- package/lib/module/Date/DatePickerModalHeader.js.map +1 -1
- package/lib/module/Date/DatePickerModalHeaderBackground.js +4 -3
- package/lib/module/Date/DatePickerModalHeaderBackground.js.map +1 -1
- package/lib/module/Date/DateRangeInput.js +13 -8
- package/lib/module/Date/DateRangeInput.js.map +1 -1
- package/lib/module/Date/Day.js +4 -1
- package/lib/module/Date/Day.js.map +1 -1
- package/lib/module/Date/DayName.js +4 -3
- package/lib/module/Date/DayName.js.map +1 -1
- package/lib/module/Date/DayNames.js +5 -4
- package/lib/module/Date/DayNames.js.map +1 -1
- package/lib/module/Date/DayRange.js +7 -6
- package/lib/module/Date/DayRange.js.map +1 -1
- package/lib/module/Date/Month.js +41 -31
- package/lib/module/Date/Month.js.map +1 -1
- package/lib/module/Date/Swiper.js +32 -26
- package/lib/module/Date/Swiper.js.map +1 -1
- package/lib/module/Date/Swiper.native.js +27 -21
- package/lib/module/Date/Swiper.native.js.map +1 -1
- package/lib/module/Date/SwiperUtils.js +5 -4
- package/lib/module/Date/SwiperUtils.js.map +1 -1
- package/lib/module/Date/YearPicker.js +26 -18
- package/lib/module/Date/YearPicker.js.map +1 -1
- package/lib/module/Date/dateUtils.js +33 -25
- package/lib/module/Date/dateUtils.js.map +1 -1
- package/lib/module/Date/inputUtils.js +8 -7
- package/lib/module/Date/inputUtils.js.map +1 -1
- package/lib/module/TextInputMask.js +7 -6
- package/lib/module/TextInputMask.js.map +1 -1
- package/lib/module/Time/AmPmSwitcher.js +12 -10
- package/lib/module/Time/AmPmSwitcher.js.map +1 -1
- package/lib/module/Time/AnalogClock.js +8 -7
- package/lib/module/Time/AnalogClock.js.map +1 -1
- package/lib/module/Time/AnalogClockHours.js +5 -4
- package/lib/module/Time/AnalogClockHours.js.map +1 -1
- package/lib/module/Time/AnalogClockMinutes.js +5 -4
- package/lib/module/Time/AnalogClockMinutes.js.map +1 -1
- package/lib/module/Time/AnimatedClockSwitcher.js +6 -5
- package/lib/module/Time/AnimatedClockSwitcher.js.map +1 -1
- package/lib/module/Time/TimeInput.js +14 -10
- package/lib/module/Time/TimeInput.js.map +1 -1
- package/lib/module/Time/TimeInputs.js +10 -9
- package/lib/module/Time/TimeInputs.js.map +1 -1
- package/lib/module/Time/TimePicker.js +10 -9
- package/lib/module/Time/TimePicker.js.map +1 -1
- package/lib/module/Time/TimePickerModal.js +17 -13
- package/lib/module/Time/TimePickerModal.js.map +1 -1
- package/lib/module/index.js +2 -0
- package/lib/module/index.js.map +1 -1
- package/lib/module/translations/enGB.js +13 -0
- package/lib/module/translations/enGB.js.map +1 -0
- package/lib/module/translations/pl.js +13 -0
- package/lib/module/translations/pl.js.map +1 -0
- package/lib/typescript/Date/DatePickerInput.d.ts +4 -4
- package/lib/typescript/TextInputMask.d.ts +3 -3
- package/lib/typescript/Time/AmPmSwitcher.d.ts +1 -1
- package/lib/typescript/Time/AnalogClock.d.ts +1 -1
- package/lib/typescript/Time/TimeInputs.d.ts +1 -1
- package/lib/typescript/Time/TimePickerModal.d.ts +1 -1
- package/lib/typescript/index.d.ts +2 -0
- package/lib/typescript/translations/enGB.d.ts +3 -0
- package/lib/typescript/translations/pl.d.ts +3 -0
- package/package.json +19 -17
- package/src/Date/CalendarEdit.tsx +3 -0
- package/src/Date/CalendarHeader.tsx +14 -2
- package/src/Date/DatePickerInput.tsx +3 -0
- package/src/Date/DatePickerModalContentHeader.tsx +3 -0
- package/src/Date/DatePickerModalHeader.tsx +3 -0
- package/src/Date/DateRangeInput.tsx +7 -1
- package/src/Date/Day.tsx +3 -0
- package/src/Date/Month.tsx +6 -0
- package/src/Date/Swiper.tsx +1 -0
- package/src/Date/YearPicker.tsx +4 -1
- package/src/Time/AmPmSwitcher.tsx +1 -1
- package/src/Time/AnalogClock.tsx +1 -5
- package/src/Time/AnalogClockMinutes.tsx +4 -1
- package/src/Time/TimeInput.tsx +3 -0
- package/src/Time/TimeInputs.tsx +1 -5
- package/src/Time/TimePickerModal.tsx +4 -1
- package/src/index.tsx +2 -0
- package/src/translations/enGB.ts +15 -0
- package/src/translations/pl.ts +15 -0
|
@@ -3,10 +3,10 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.default = DatePickerModalContentHeader;
|
|
7
|
-
exports.HeaderContentSingle = HeaderContentSingle;
|
|
8
6
|
exports.HeaderContentMulti = HeaderContentMulti;
|
|
9
7
|
exports.HeaderContentRange = HeaderContentRange;
|
|
8
|
+
exports.HeaderContentSingle = HeaderContentSingle;
|
|
9
|
+
exports.default = DatePickerModalContentHeader;
|
|
10
10
|
|
|
11
11
|
var React = _interopRequireWildcard(require("react"));
|
|
12
12
|
|
|
@@ -78,16 +78,20 @@ function DatePickerModalContentHeader(props) {
|
|
|
78
78
|
}), allowEditing ? /*#__PURE__*/React.createElement(_reactNativePaper.IconButton, {
|
|
79
79
|
icon: collapsed ? 'pencil' : 'calendar',
|
|
80
80
|
color: color,
|
|
81
|
-
onPress: onToggle
|
|
81
|
+
onPress: onToggle // RN types bug
|
|
82
|
+
,
|
|
83
|
+
hasTVPreferredFocus: undefined,
|
|
84
|
+
tvParallaxProperties: undefined
|
|
82
85
|
}) : null);
|
|
83
86
|
}
|
|
84
87
|
|
|
85
|
-
function HeaderContentSingle({
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
88
|
+
function HeaderContentSingle(_ref) {
|
|
89
|
+
let {
|
|
90
|
+
state,
|
|
91
|
+
emptyLabel = ' ',
|
|
92
|
+
color,
|
|
93
|
+
locale
|
|
94
|
+
} = _ref;
|
|
91
95
|
const lighterColor = (0, _color.default)(color).fade(0.5).rgb().toString();
|
|
92
96
|
const dateColor = state.date ? color : lighterColor;
|
|
93
97
|
const formatter = React.useMemo(() => {
|
|
@@ -103,15 +107,16 @@ function HeaderContentSingle({
|
|
|
103
107
|
}, state.date ? formatter.format(state.date) : emptyLabel);
|
|
104
108
|
}
|
|
105
109
|
|
|
106
|
-
function HeaderContentMulti({
|
|
107
|
-
state,
|
|
108
|
-
emptyLabel = ' ',
|
|
109
|
-
moreLabel = 'more',
|
|
110
|
-
color,
|
|
111
|
-
locale
|
|
112
|
-
}) {
|
|
110
|
+
function HeaderContentMulti(_ref2) {
|
|
113
111
|
var _state$dates;
|
|
114
112
|
|
|
113
|
+
let {
|
|
114
|
+
state,
|
|
115
|
+
emptyLabel = ' ',
|
|
116
|
+
moreLabel = 'more',
|
|
117
|
+
color,
|
|
118
|
+
locale
|
|
119
|
+
} = _ref2;
|
|
115
120
|
const dateCount = ((_state$dates = state.dates) === null || _state$dates === void 0 ? void 0 : _state$dates.length) || 0;
|
|
116
121
|
const lighterColor = (0, _color.default)(color).fade(0.5).rgb().toString();
|
|
117
122
|
const dateColor = dateCount ? color : lighterColor;
|
|
@@ -138,14 +143,15 @@ function HeaderContentMulti({
|
|
|
138
143
|
}, label);
|
|
139
144
|
}
|
|
140
145
|
|
|
141
|
-
function HeaderContentRange({
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
146
|
+
function HeaderContentRange(_ref3) {
|
|
147
|
+
let {
|
|
148
|
+
locale,
|
|
149
|
+
state,
|
|
150
|
+
headerSeparator = '-',
|
|
151
|
+
startLabel = 'Start',
|
|
152
|
+
endLabel = 'End',
|
|
153
|
+
color
|
|
154
|
+
} = _ref3;
|
|
149
155
|
const formatter = React.useMemo(() => {
|
|
150
156
|
return new Intl.DateTimeFormat(locale, {
|
|
151
157
|
month: 'short',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["DatePickerModalContentHeader.tsx"],"names":["getLabel","locale","mode","configuredLabel","DatePickerModalContentHeader","props","onToggle","collapsed","moreLabel","label","color","allowEditing","styles","header","toUpperCase","headerContentContainer","fill","HeaderContentSingle","state","emptyLabel","lighterColor","fade","rgb","toString","dateColor","date","formatter","React","useMemo","Intl","DateTimeFormat","month","day","singleHeaderText","format","HeaderContentMulti","dateCount","dates","length","map","join","HeaderContentRange","headerSeparator","startLabel","endLabel","startColor","startDate","endColor","endDate","rangeHeaderText","StyleSheet","create","flex","animated","paddingBottom","elevation","safeContent","height","alignItems","flexDirection","paddingLeft","paddingRight","marginTop","letterSpacing","fontSize","excludeInRangeHeaderText","excludeInRangeHeaderTextSmall","marginLeft","appbarHeader","column","row"],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport { View, StyleSheet } from 'react-native'\nimport { IconButton, Text } from 'react-native-paper'\nimport type { ModeType } from './Calendar'\nimport type { LocalState } from './DatePickerModalContent'\nimport { useHeaderTextColor } from '../utils'\nimport Color from 'color'\nimport { getTranslation } from '../translations/utils'\n\nexport interface HeaderPickProps {\n moreLabel?: string\n label?: string\n emptyLabel?: string\n saveLabel?: string\n headerSeparator?: string\n startLabel?: string\n endLabel?: string\n}\n\nexport interface HeaderContentProps extends HeaderPickProps {\n state: LocalState\n mode: ModeType\n collapsed: boolean\n onToggle: () => any\n locale: string | undefined\n}\n\nfunction getLabel(\n locale: string | undefined,\n mode: ModeType,\n configuredLabel?: string\n) {\n if (configuredLabel) {\n return configuredLabel\n }\n if (mode === 'range') {\n return getTranslation(locale, 'selectRange')\n }\n if (mode === 'multiple') {\n return getTranslation(locale, 'selectMultiple')\n }\n if (mode === 'single') {\n return getTranslation(locale, 'selectSingle')\n }\n return '...?'\n}\n\nexport default function DatePickerModalContentHeader(\n props: HeaderContentProps\n) {\n const { onToggle, collapsed, mode, moreLabel } = props\n\n const label = getLabel(props.locale, props.mode, props.label)\n\n const color = useHeaderTextColor()\n const allowEditing = mode !== 'multiple'\n return (\n <View style={[styles.header]}>\n <View>\n <Text style={[styles.label, { color }]}>{label.toUpperCase()}</Text>\n\n <View style={styles.headerContentContainer}>\n {mode === 'range' ? (\n <HeaderContentRange {...props} color={color} />\n ) : null}\n {mode === 'single' ? (\n <HeaderContentSingle {...props} color={color} />\n ) : null}\n {mode === 'multiple' ? (\n <HeaderContentMulti\n {...props}\n color={color}\n moreLabel={moreLabel}\n />\n ) : null}\n </View>\n </View>\n <View style={styles.fill} />\n {allowEditing ? (\n <IconButton\n icon={collapsed ? 'pencil' : 'calendar'}\n color={color}\n onPress={onToggle}\n />\n ) : null}\n </View>\n )\n}\n\nexport function HeaderContentSingle({\n state,\n emptyLabel = ' ',\n color,\n locale,\n}: HeaderContentProps & { color: string }) {\n const lighterColor = Color(color).fade(0.5).rgb().toString()\n const dateColor = state.date ? color : lighterColor\n\n const formatter = React.useMemo(() => {\n return new Intl.DateTimeFormat(locale, {\n month: 'short',\n day: 'numeric',\n })\n }, [locale])\n\n return (\n <Text style={[styles.singleHeaderText, { color: dateColor }]}>\n {state.date ? formatter.format(state.date) : emptyLabel}\n </Text>\n )\n}\n\nexport function HeaderContentMulti({\n state,\n emptyLabel = ' ',\n moreLabel = 'more',\n color,\n locale,\n}: HeaderContentProps & { color: string; moreLabel: string | undefined }) {\n const dateCount = state.dates?.length || 0\n const lighterColor = Color(color).fade(0.5).rgb().toString()\n const dateColor = dateCount ? color : lighterColor\n\n const formatter = React.useMemo(() => {\n return new Intl.DateTimeFormat(locale, {\n month: 'short',\n day: 'numeric',\n })\n }, [locale])\n\n let label = emptyLabel\n if (dateCount) {\n if (dateCount <= 2) {\n label = state.dates!.map((date) => formatter.format(date)).join(', ')\n } else {\n label =\n formatter.format(state.dates![0]) + ` (+ ${dateCount - 1} ${moreLabel})`\n }\n }\n\n return (\n <Text style={[styles.singleHeaderText, { color: dateColor }]}>{label}</Text>\n )\n}\n\nexport function HeaderContentRange({\n locale,\n state,\n headerSeparator = '-',\n startLabel = 'Start',\n endLabel = 'End',\n color,\n}: HeaderContentProps & { color: string }) {\n const formatter = React.useMemo(() => {\n return new Intl.DateTimeFormat(locale, {\n month: 'short',\n day: 'numeric',\n })\n }, [locale])\n\n const lighterColor = Color(color).fade(0.5).rgb().toString()\n const startColor = state.startDate ? color : lighterColor\n const endColor = state.endDate ? color : lighterColor\n\n return (\n <>\n <Text style={[styles.rangeHeaderText, { color: startColor }]}>\n {state.startDate ? formatter.format(state.startDate) : startLabel}\n </Text>\n <Text style={[styles.headerSeparator, { color }]}>{headerSeparator}</Text>\n <Text style={[styles.rangeHeaderText, { color: endColor }]}>\n {state.endDate ? formatter.format(state.endDate) : endLabel}\n </Text>\n </>\n )\n}\n\nconst styles = StyleSheet.create({\n fill: {\n flex: 1,\n },\n animated: {\n paddingBottom: 0,\n elevation: 4,\n },\n safeContent: {\n paddingBottom: 0,\n },\n header: {\n height: 75,\n alignItems: 'center',\n flexDirection: 'row',\n paddingLeft: 24,\n paddingRight: 12,\n },\n headerContentContainer: { marginTop: 5, flexDirection: 'row' },\n label: { color: '#fff', letterSpacing: 1, fontSize: 13 },\n singleHeaderText: { color: '#fff', fontSize: 25 },\n rangeHeaderText: { color: '#fff', fontSize: 25 },\n excludeInRangeHeaderText: { fontSize: 25 },\n excludeInRangeHeaderTextSmall: {\n fontSize: 14,\n marginTop: -3,\n marginLeft: 3,\n },\n\n headerSeparator: {\n color: 'rgba(255,255,255,1)',\n fontSize: 25,\n paddingLeft: 6,\n paddingRight: 6,\n },\n appbarHeader: {\n elevation: 0,\n },\n column: { flexDirection: 'column' },\n row: { flexDirection: 'row' },\n})\n"]}
|
|
1
|
+
{"version":3,"sources":["DatePickerModalContentHeader.tsx"],"names":["getLabel","locale","mode","configuredLabel","DatePickerModalContentHeader","props","onToggle","collapsed","moreLabel","label","color","allowEditing","styles","header","toUpperCase","headerContentContainer","fill","undefined","HeaderContentSingle","state","emptyLabel","lighterColor","fade","rgb","toString","dateColor","date","formatter","React","useMemo","Intl","DateTimeFormat","month","day","singleHeaderText","format","HeaderContentMulti","dateCount","dates","length","map","join","HeaderContentRange","headerSeparator","startLabel","endLabel","startColor","startDate","endColor","endDate","rangeHeaderText","StyleSheet","create","flex","animated","paddingBottom","elevation","safeContent","height","alignItems","flexDirection","paddingLeft","paddingRight","marginTop","letterSpacing","fontSize","excludeInRangeHeaderText","excludeInRangeHeaderTextSmall","marginLeft","appbarHeader","column","row"],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport { View, StyleSheet } from 'react-native'\nimport { IconButton, Text } from 'react-native-paper'\nimport type { ModeType } from './Calendar'\nimport type { LocalState } from './DatePickerModalContent'\nimport { useHeaderTextColor } from '../utils'\nimport Color from 'color'\nimport { getTranslation } from '../translations/utils'\n\nexport interface HeaderPickProps {\n moreLabel?: string\n label?: string\n emptyLabel?: string\n saveLabel?: string\n headerSeparator?: string\n startLabel?: string\n endLabel?: string\n}\n\nexport interface HeaderContentProps extends HeaderPickProps {\n state: LocalState\n mode: ModeType\n collapsed: boolean\n onToggle: () => any\n locale: string | undefined\n}\n\nfunction getLabel(\n locale: string | undefined,\n mode: ModeType,\n configuredLabel?: string\n) {\n if (configuredLabel) {\n return configuredLabel\n }\n if (mode === 'range') {\n return getTranslation(locale, 'selectRange')\n }\n if (mode === 'multiple') {\n return getTranslation(locale, 'selectMultiple')\n }\n if (mode === 'single') {\n return getTranslation(locale, 'selectSingle')\n }\n return '...?'\n}\n\nexport default function DatePickerModalContentHeader(\n props: HeaderContentProps\n) {\n const { onToggle, collapsed, mode, moreLabel } = props\n\n const label = getLabel(props.locale, props.mode, props.label)\n\n const color = useHeaderTextColor()\n const allowEditing = mode !== 'multiple'\n return (\n <View style={[styles.header]}>\n <View>\n <Text style={[styles.label, { color }]}>{label.toUpperCase()}</Text>\n\n <View style={styles.headerContentContainer}>\n {mode === 'range' ? (\n <HeaderContentRange {...props} color={color} />\n ) : null}\n {mode === 'single' ? (\n <HeaderContentSingle {...props} color={color} />\n ) : null}\n {mode === 'multiple' ? (\n <HeaderContentMulti\n {...props}\n color={color}\n moreLabel={moreLabel}\n />\n ) : null}\n </View>\n </View>\n <View style={styles.fill} />\n {allowEditing ? (\n <IconButton\n icon={collapsed ? 'pencil' : 'calendar'}\n color={color}\n onPress={onToggle}\n // RN types bug\n hasTVPreferredFocus={undefined}\n tvParallaxProperties={undefined}\n />\n ) : null}\n </View>\n )\n}\n\nexport function HeaderContentSingle({\n state,\n emptyLabel = ' ',\n color,\n locale,\n}: HeaderContentProps & { color: string }) {\n const lighterColor = Color(color).fade(0.5).rgb().toString()\n const dateColor = state.date ? color : lighterColor\n\n const formatter = React.useMemo(() => {\n return new Intl.DateTimeFormat(locale, {\n month: 'short',\n day: 'numeric',\n })\n }, [locale])\n\n return (\n <Text style={[styles.singleHeaderText, { color: dateColor }]}>\n {state.date ? formatter.format(state.date) : emptyLabel}\n </Text>\n )\n}\n\nexport function HeaderContentMulti({\n state,\n emptyLabel = ' ',\n moreLabel = 'more',\n color,\n locale,\n}: HeaderContentProps & { color: string; moreLabel: string | undefined }) {\n const dateCount = state.dates?.length || 0\n const lighterColor = Color(color).fade(0.5).rgb().toString()\n const dateColor = dateCount ? color : lighterColor\n\n const formatter = React.useMemo(() => {\n return new Intl.DateTimeFormat(locale, {\n month: 'short',\n day: 'numeric',\n })\n }, [locale])\n\n let label = emptyLabel\n if (dateCount) {\n if (dateCount <= 2) {\n label = state.dates!.map((date) => formatter.format(date)).join(', ')\n } else {\n label =\n formatter.format(state.dates![0]) + ` (+ ${dateCount - 1} ${moreLabel})`\n }\n }\n\n return (\n <Text style={[styles.singleHeaderText, { color: dateColor }]}>{label}</Text>\n )\n}\n\nexport function HeaderContentRange({\n locale,\n state,\n headerSeparator = '-',\n startLabel = 'Start',\n endLabel = 'End',\n color,\n}: HeaderContentProps & { color: string }) {\n const formatter = React.useMemo(() => {\n return new Intl.DateTimeFormat(locale, {\n month: 'short',\n day: 'numeric',\n })\n }, [locale])\n\n const lighterColor = Color(color).fade(0.5).rgb().toString()\n const startColor = state.startDate ? color : lighterColor\n const endColor = state.endDate ? color : lighterColor\n\n return (\n <>\n <Text style={[styles.rangeHeaderText, { color: startColor }]}>\n {state.startDate ? formatter.format(state.startDate) : startLabel}\n </Text>\n <Text style={[styles.headerSeparator, { color }]}>{headerSeparator}</Text>\n <Text style={[styles.rangeHeaderText, { color: endColor }]}>\n {state.endDate ? formatter.format(state.endDate) : endLabel}\n </Text>\n </>\n )\n}\n\nconst styles = StyleSheet.create({\n fill: {\n flex: 1,\n },\n animated: {\n paddingBottom: 0,\n elevation: 4,\n },\n safeContent: {\n paddingBottom: 0,\n },\n header: {\n height: 75,\n alignItems: 'center',\n flexDirection: 'row',\n paddingLeft: 24,\n paddingRight: 12,\n },\n headerContentContainer: { marginTop: 5, flexDirection: 'row' },\n label: { color: '#fff', letterSpacing: 1, fontSize: 13 },\n singleHeaderText: { color: '#fff', fontSize: 25 },\n rangeHeaderText: { color: '#fff', fontSize: 25 },\n excludeInRangeHeaderText: { fontSize: 25 },\n excludeInRangeHeaderTextSmall: {\n fontSize: 14,\n marginTop: -3,\n marginLeft: 3,\n },\n\n headerSeparator: {\n color: 'rgba(255,255,255,1)',\n fontSize: 25,\n paddingLeft: 6,\n paddingRight: 6,\n },\n appbarHeader: {\n elevation: 0,\n },\n column: { flexDirection: 'column' },\n row: { flexDirection: 'row' },\n})\n"]}
|
|
@@ -36,7 +36,10 @@ function DatePickerModalHeader(props) {
|
|
|
36
36
|
icon: "close",
|
|
37
37
|
onPress: props.onDismiss,
|
|
38
38
|
color: color,
|
|
39
|
-
testID: "react-native-paper-dates-close"
|
|
39
|
+
testID: "react-native-paper-dates-close" // RN types bug
|
|
40
|
+
,
|
|
41
|
+
hasTVPreferredFocus: undefined,
|
|
42
|
+
tvParallaxProperties: undefined
|
|
40
43
|
}), /*#__PURE__*/React.createElement(_reactNativePaper.Appbar.Content, {
|
|
41
44
|
title: ''
|
|
42
45
|
}), /*#__PURE__*/React.createElement(_reactNativePaper.Button, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["DatePickerModalHeader.tsx"],"names":["DatePickerModalHeader","props","disableSafeTop","locale","saveLabel","color","styles","animated","safeContent","safeContentNoTop","appbarHeader","onDismiss","onSave","StyleSheet","create","fill","flex","paddingBottom","elevation","paddingTop","header","height","alignItems","flexDirection","paddingLeft","paddingRight","headerContentContainer","marginTop","label","letterSpacing","fontSize","singleHeaderText","rangeHeaderText","headerTextFilled","headerTextEmpty","headerSeparator","backgroundColor"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;;;;;AAUe,SAASA,qBAAT,CACbC,KADa,EAEb;AACA,QAAM;AAAEC,IAAAA,cAAF;AAAkBC,IAAAA;AAAlB,MAA6BF,KAAnC;AACA,QAAMG,SAAS,GAAGH,KAAK,CAACG,SAAN,IAAmB,4BAAeD,MAAf,EAAuB,MAAvB,CAArC;AACA,QAAME,KAAK,GAAG,gCAAd;AACA,sBACE,uDACE,oBAAC,qBAAD,CAAU,IAAV;AAAe,IAAA,KAAK,EAAEC,MAAM,CAACC;AAA7B,kBACE,oBAAC,yBAAD;AACE,IAAA,KAAK,EAAE,CACLD,MAAM,CAACE,WADF,EAELN,cAAc,IAAII,MAAM,CAACG,gBAFpB;AADT,kBAME,oBAAC,wBAAD;AAAQ,IAAA,KAAK,EAAEH,MAAM,CAACI;AAAtB,kBACE,oBAAC,wBAAD,CAAQ,MAAR;AACE,IAAA,IAAI,EAAC,OADP;AAEE,IAAA,OAAO,EAAET,KAAK,CAACU,SAFjB;AAGE,IAAA,KAAK,EAAEN,KAHT;AAIE,IAAA,MAAM,EAAC;
|
|
1
|
+
{"version":3,"sources":["DatePickerModalHeader.tsx"],"names":["DatePickerModalHeader","props","disableSafeTop","locale","saveLabel","color","styles","animated","safeContent","safeContentNoTop","appbarHeader","onDismiss","undefined","onSave","StyleSheet","create","fill","flex","paddingBottom","elevation","paddingTop","header","height","alignItems","flexDirection","paddingLeft","paddingRight","headerContentContainer","marginTop","label","letterSpacing","fontSize","singleHeaderText","rangeHeaderText","headerTextFilled","headerTextEmpty","headerSeparator","backgroundColor"],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport { Animated, StyleSheet, SafeAreaView } from 'react-native'\nimport { Appbar, Button } from 'react-native-paper'\n\nimport { useHeaderTextColor } from '../utils'\nimport { getTranslation } from '../translations/utils'\n\nexport interface DatePickerModalHeaderProps {\n disableSafeTop?: boolean\n saveLabel?: string\n onDismiss: () => void\n onSave: () => void\n locale: string | undefined\n}\n\nexport default function DatePickerModalHeader(\n props: DatePickerModalHeaderProps\n) {\n const { disableSafeTop, locale } = props\n const saveLabel = props.saveLabel || getTranslation(locale, 'save')\n const color = useHeaderTextColor()\n return (\n <>\n <Animated.View style={styles.animated}>\n <SafeAreaView\n style={[\n styles.safeContent,\n disableSafeTop && styles.safeContentNoTop,\n ]}\n >\n <Appbar style={styles.appbarHeader}>\n <Appbar.Action\n icon=\"close\"\n onPress={props.onDismiss}\n color={color}\n testID=\"react-native-paper-dates-close\"\n // RN types bug\n hasTVPreferredFocus={undefined}\n tvParallaxProperties={undefined}\n />\n <Appbar.Content title={''} />\n <Button\n color={color}\n onPress={props.onSave}\n testID=\"react-native-paper-dates-save\"\n >\n {saveLabel}\n </Button>\n </Appbar>\n </SafeAreaView>\n </Animated.View>\n </>\n )\n}\n\nconst styles = StyleSheet.create({\n fill: {\n flex: 1,\n },\n animated: {\n paddingBottom: 0,\n elevation: 4,\n },\n safeContent: {\n paddingBottom: 0,\n },\n safeContentNoTop: {\n paddingTop: 0,\n },\n header: {\n height: 75,\n alignItems: 'center',\n flexDirection: 'row',\n paddingLeft: 24,\n paddingRight: 12,\n },\n headerContentContainer: { marginTop: 5, flexDirection: 'row' },\n label: { color: '#fff', letterSpacing: 1, fontSize: 13 },\n singleHeaderText: { color: '#fff', fontSize: 25 },\n rangeHeaderText: { color: '#fff', fontSize: 25 },\n headerTextFilled: { color: 'rgba(255,255,255,1)' },\n headerTextEmpty: { color: 'rgba(255,255,255,0.5)' },\n headerSeparator: {\n color: 'rgba(255,255,255,1)',\n fontSize: 25,\n paddingLeft: 6,\n paddingRight: 6,\n },\n appbarHeader: {\n elevation: 0,\n backgroundColor: 'transparent',\n // alignItems:'center'\n },\n})\n"]}
|
|
@@ -15,9 +15,10 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
15
15
|
|
|
16
16
|
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; }
|
|
17
17
|
|
|
18
|
-
function DatePickerModalHeaderBackground({
|
|
19
|
-
|
|
20
|
-
|
|
18
|
+
function DatePickerModalHeaderBackground(_ref) {
|
|
19
|
+
let {
|
|
20
|
+
children
|
|
21
|
+
} = _ref;
|
|
21
22
|
const backgroundColor = (0, _utils.useHeaderBackgroundColor)();
|
|
22
23
|
return /*#__PURE__*/React.createElement(_reactNative.Animated.View, {
|
|
23
24
|
style: [styles.animated, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["DatePickerModalHeaderBackground.tsx"],"names":["DatePickerModalHeaderBackground","children","backgroundColor","styles","animated","safeContent","StyleSheet","create","paddingBottom","elevation"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;AAEe,SAASA,+BAAT,
|
|
1
|
+
{"version":3,"sources":["DatePickerModalHeaderBackground.tsx"],"names":["DatePickerModalHeaderBackground","children","backgroundColor","styles","animated","safeContent","StyleSheet","create","paddingBottom","elevation"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;AAEe,SAASA,+BAAT,OAIZ;AAAA,MAJqD;AACtDC,IAAAA;AADsD,GAIrD;AACD,QAAMC,eAAe,GAAG,sCAAxB;AAEA,sBACE,oBAAC,qBAAD,CAAU,IAAV;AACE,IAAA,KAAK,EAAE,CACLC,MAAM,CAACC,QADF,EAEL;AACEF,MAAAA;AADF,KAFK;AADT,kBAQE,oBAAC,yBAAD;AAAc,IAAA,KAAK,EAAEC,MAAM,CAACE;AAA5B,KAA0CJ,QAA1C,CARF,CADF;AAYD;;AAED,MAAME,MAAM,GAAGG,wBAAWC,MAAX,CAAkB;AAC/BH,EAAAA,QAAQ,EAAE;AACRI,IAAAA,aAAa,EAAE,CADP;AAERC,IAAAA,SAAS,EAAE;AAFH,GADqB;AAK/BJ,EAAAA,WAAW,EAAE;AACXG,IAAAA,aAAa,EAAE;AADJ;AALkB,CAAlB,CAAf","sourcesContent":["import { Animated, SafeAreaView, StyleSheet } from 'react-native'\nimport * as React from 'react'\nimport { useHeaderBackgroundColor } from '../utils'\n\nexport default function DatePickerModalHeaderBackground({\n children,\n}: {\n children: any\n}) {\n const backgroundColor = useHeaderBackgroundColor()\n\n return (\n <Animated.View\n style={[\n styles.animated,\n {\n backgroundColor,\n },\n ]}\n >\n <SafeAreaView style={styles.safeContent}>{children}</SafeAreaView>\n </Animated.View>\n )\n}\n\nconst styles = StyleSheet.create({\n animated: {\n paddingBottom: 0,\n elevation: 4,\n },\n safeContent: {\n paddingBottom: 0,\n },\n})\n"]}
|
|
@@ -20,18 +20,20 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
20
20
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
21
21
|
|
|
22
22
|
// WORK IN PROGRESS
|
|
23
|
-
function DateRangeInput({
|
|
24
|
-
|
|
25
|
-
|
|
23
|
+
function DateRangeInput(_ref) {
|
|
24
|
+
let {
|
|
25
|
+
locale
|
|
26
|
+
} = _ref;
|
|
26
27
|
const [visible, setVisible] = React.useState(false);
|
|
27
28
|
const onDismiss = React.useCallback(() => {
|
|
28
29
|
setVisible(false);
|
|
29
30
|
}, [setVisible]);
|
|
30
31
|
const onConfirm = React.useCallback( // eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
32
|
+
_ref2 => {
|
|
33
|
+
let {
|
|
34
|
+
startDate,
|
|
35
|
+
endDate
|
|
36
|
+
} = _ref2;
|
|
35
37
|
setVisible(false);
|
|
36
38
|
console.log({
|
|
37
39
|
startDate,
|
|
@@ -64,7 +66,10 @@ function DateRangeInput({
|
|
|
64
66
|
}
|
|
65
67
|
}, /*#__PURE__*/React.createElement(_reactNativePaper.Text, null, "Tot")), /*#__PURE__*/React.createElement(_reactNative.View, null, /*#__PURE__*/React.createElement(_reactNativePaper.IconButton, {
|
|
66
68
|
icon: "calendar",
|
|
67
|
-
onPress: () => setVisible(true)
|
|
69
|
+
onPress: () => setVisible(true) // RN types bug
|
|
70
|
+
,
|
|
71
|
+
hasTVPreferredFocus: undefined,
|
|
72
|
+
tvParallaxProperties: undefined
|
|
68
73
|
}), /*#__PURE__*/React.createElement(_reactNativePaper.Text, {
|
|
69
74
|
style: {
|
|
70
75
|
opacity: 0
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["DateRangeInput.tsx"],"names":["DateRangeInput","locale","visible","setVisible","React","useState","onDismiss","useCallback","onConfirm","startDate","endDate","console","log","flexDirection","alignItems","flex","fontSize","marginLeft","marginRight","opacity","undefined"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;;;;;;;AAEA;AACe,SAASA,cAAT,
|
|
1
|
+
{"version":3,"sources":["DateRangeInput.tsx"],"names":["DateRangeInput","locale","visible","setVisible","React","useState","onDismiss","useCallback","onConfirm","startDate","endDate","console","log","flexDirection","alignItems","flex","fontSize","marginLeft","marginRight","opacity","undefined"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;;;;;;;AAEA;AACe,SAASA,cAAT,OAAwD;AAAA,MAAhC;AAAEC,IAAAA;AAAF,GAAgC;AACrE,QAAM,CAACC,OAAD,EAAUC,UAAV,IAAwBC,KAAK,CAACC,QAAN,CAAwB,KAAxB,CAA9B;AACA,QAAMC,SAAS,GAAGF,KAAK,CAACG,WAAN,CAAkB,MAAM;AACxCJ,IAAAA,UAAU,CAAC,KAAD,CAAV;AACD,GAFiB,EAEf,CAACA,UAAD,CAFe,CAAlB;AAGA,QAAMK,SAAS,GAAGJ,KAAK,CAACG,WAAN,EAChB;AACA,WAA8D;AAAA,QAA7D;AAAEE,MAAAA,SAAF;AAAaC,MAAAA;AAAb,KAA6D;AAC5DP,IAAAA,UAAU,CAAC,KAAD,CAAV;AACAQ,IAAAA,OAAO,CAACC,GAAR,CAAY;AAAEH,MAAAA,SAAF;AAAaC,MAAAA;AAAb,KAAZ;AACD,GALe,EAMhB,CAACP,UAAD,CANgB,CAAlB;AASA,sBACE,oBAAC,iBAAD;AAAM,IAAA,KAAK,EAAE;AAAEU,MAAAA,aAAa,EAAE,KAAjB;AAAwBC,MAAAA,UAAU,EAAE;AAApC;AAAb,kBACE,oBAAC,iBAAD;AAAM,IAAA,KAAK,EAAE;AAAEC,MAAAA,IAAI,EAAE;AAAR;AAAb,kBAQE,oBAAC,sBAAD,cARF,CADF,eAWE,oBAAC,iBAAD,qBACE,oBAAC,sBAAD;AAAM,IAAA,KAAK,EAAE;AAAEC,MAAAA,QAAQ,EAAE,EAAZ;AAAgBC,MAAAA,UAAU,EAAE,EAA5B;AAAgCC,MAAAA,WAAW,EAAE;AAA7C;AAAb,UADF,eAIE,oBAAC,sBAAD;AAAM,IAAA,KAAK,EAAE;AAAEC,MAAAA,OAAO,EAAE;AAAX,KAAb;AAA6B,IAAA,UAAU,EAAE;AAAzC,WAJF,CAXF,eAmBE,oBAAC,iBAAD;AAAM,IAAA,KAAK,EAAE;AAAEJ,MAAAA,IAAI,EAAE;AAAR;AAAb,kBAQE,oBAAC,sBAAD,cARF,CAnBF,eA6BE,oBAAC,iBAAD,qBACE,oBAAC,4BAAD;AACE,IAAA,IAAI,EAAC,UADP;AAEE,IAAA,OAAO,EAAE,MAAMZ,UAAU,CAAC,IAAD,CAF3B,CAGE;AAHF;AAIE,IAAA,mBAAmB,EAAEiB,SAJvB;AAKE,IAAA,oBAAoB,EAAEA;AALxB,IADF,eAQE,oBAAC,sBAAD;AAAM,IAAA,KAAK,EAAE;AAAED,MAAAA,OAAO,EAAE;AAAX,KAAb;AAA6B,IAAA,UAAU,EAAE;AAAzC,WARF,CA7BF,eAyCE,oBAAC,wBAAD;AACE,IAAA,MAAM,EAAElB,MADV;AAEE,IAAA,IAAI,EAAC,OAFP;AAGE,IAAA,OAAO,EAAEC,OAHX;AAIE,IAAA,SAAS,EAAEI,SAJb;AAKE,IAAA,SAAS,EAAEE,SALb;AAME,IAAA,SAAS,EAAEY,SANb;AAOE,IAAA,OAAO,EAAEA;AAPX,IAzCF,CADF;AAqDD","sourcesContent":["import * as React from 'react'\nimport { View } from 'react-native'\nimport { Text, IconButton } from 'react-native-paper'\n\nimport DatePickerModal from './DatePickerModal'\n\n// WORK IN PROGRESS\nexport default function DateRangeInput({ locale }: { locale: string }) {\n const [visible, setVisible] = React.useState<boolean>(false)\n const onDismiss = React.useCallback(() => {\n setVisible(false)\n }, [setVisible])\n const onConfirm = React.useCallback(\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n ({ startDate, endDate }: { startDate: any; endDate: any }) => {\n setVisible(false)\n console.log({ startDate, endDate })\n },\n [setVisible]\n )\n\n return (\n <View style={{ flexDirection: 'row', alignItems: 'center' }}>\n <View style={{ flex: 1 }}>\n {/*<DatePickerInput*/}\n {/* value={''}*/}\n {/* keyboardType={'numeric'}*/}\n {/* placeholder={'DD-MM-YYY'}*/}\n {/* mask={'DD-MM-YYY'}*/}\n {/* onChangeText={() => {}}*/}\n {/*/>*/}\n <Text>Van</Text>\n </View>\n <View>\n <Text style={{ fontSize: 16, marginLeft: 12, marginRight: 12 }}>\n to\n </Text>\n <Text style={{ opacity: 0 }} accessible={false}>\n tot\n </Text>\n </View>\n <View style={{ flex: 1 }}>\n {/*<DatePickerInput*/}\n {/* // value={''}*/}\n {/* // keyboardType={'numeric'}*/}\n {/* // placeholder={'DD-MM-YYY'}*/}\n {/* // mask={'DD-MM-YYY'}*/}\n {/* // onChangeText={() => {}}*/}\n {/*/>*/}\n <Text>Tot</Text>\n </View>\n <View>\n <IconButton\n icon=\"calendar\"\n onPress={() => setVisible(true)}\n // RN types bug\n hasTVPreferredFocus={undefined}\n tvParallaxProperties={undefined}\n />\n <Text style={{ opacity: 0 }} accessible={false}>\n tot\n </Text>\n </View>\n <DatePickerModal\n locale={locale}\n mode=\"range\"\n visible={visible}\n onDismiss={onDismiss}\n onConfirm={onConfirm}\n startDate={undefined}\n endDate={undefined}\n />\n </View>\n )\n}\n"]}
|
package/lib/commonjs/Date/Day.js
CHANGED
|
@@ -67,7 +67,10 @@ function Day(props) {
|
|
|
67
67
|
onPress: disabled ? undefined : onPress,
|
|
68
68
|
style: [styles.button, {
|
|
69
69
|
backgroundColor: inRange ? selectColor : undefined
|
|
70
|
-
}]
|
|
70
|
+
}] // RN types bug
|
|
71
|
+
,
|
|
72
|
+
hasTVPreferredFocus: undefined,
|
|
73
|
+
tvParallaxProperties: undefined
|
|
71
74
|
}, /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
72
75
|
style: [styles.day, isToday ? {
|
|
73
76
|
borderColor: borderColor
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["Day.tsx"],"names":["EmptyDayPure","styles","empty","EmptyDay","React","memo","Day","props","day","month","year","selected","inRange","leftCrop","rightCrop","onPressDate","primaryColor","selectColor","isToday","disabled","textColorOnPrimary","theme","onPress","useCallback","Date","borderColor","dark","textColor","undefined","root","button","backgroundColor","color","StyleSheet","create","flex","flexBasis","opacity","justifyContent","alignItems","position","width","daySize","height","overflow","borderRadius","borderWidth","flex1"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA,SAASA,YAAT,GAAwB;AACtB,sBAAO,oBAAC,iBAAD;AAAM,IAAA,KAAK,EAAEC,MAAM,CAACC;AAApB,IAAP;AACD;;AACM,MAAMC,QAAQ,gBAAGC,KAAK,CAACC,IAAN,CAAWL,YAAX,CAAjB;;;AAEP,SAASM,GAAT,CAAaC,KAAb,EAeG;AACD,QAAM;AACJC,IAAAA,GADI;AAEJC,IAAAA,KAFI;AAGJC,IAAAA,IAHI;AAIJC,IAAAA,QAJI;AAKJC,IAAAA,OALI;AAMJC,IAAAA,QANI;AAOJC,IAAAA,SAPI;AAQJC,IAAAA,WARI;AASJC,IAAAA,YATI;AAUJC,IAAAA,WAVI;AAWJC,IAAAA,OAXI;AAYJC,IAAAA,QAZI;AAaJC,IAAAA,kBAbI;AAcJC,IAAAA;AAdI,MAeFd,KAfJ,CADC,CAiBD;;AACA,QAAMe,OAAO,GAAGlB,KAAK,CAACmB,WAAN,CAAkB,MAAM;AACtCR,IAAAA,WAAW,CAAC,IAAIS,IAAJ,CAASd,IAAT,EAAeD,KAAf,EAAsBD,GAAtB,CAAD,CAAX;AACD,GAFe,EAEb,CAACO,WAAD,EAAcL,IAAd,EAAoBD,KAApB,EAA2BD,GAA3B,CAFa,CAAhB;AAIA,QAAMiB,WAAW,GACfd,QAAQ,IAAKC,OAAO,IAAIS,KAAK,CAACK,IAA9B,GACIN,kBADJ,GAEIC,KAAK,CAACK,IAAN,GACA,MADA,GAEA,MALN;AAMA,QAAMC,SAAS,GACbhB,QAAQ,IAAKC,OAAO,IAAIS,KAAK,CAACK,IAA9B,GAAsCN,kBAAtC,GAA2DQ,SAD7D;AAGA,sBACE,oBAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAAC3B,MAAM,CAAC4B,IAAR,EAAcV,QAAQ,IAAIlB,MAAM,CAACkB,QAAjC;AAAb,kBACE,oBAAC,iBAAD;AACE,IAAA,OAAO,EAAEP,OADX;AAEE,IAAA,QAAQ,EAAEC,QAFZ;AAGE,IAAA,SAAS,EAAEC,SAHb;AAIE,IAAA,WAAW,EAAEG;AAJf,IADF,eAQE,oBAAC,iCAAD;AACE,IAAA,MAAM,EAAG,gCAA+BP,IAAK,IAAGD,KAAM,IAAGD,GAAI,EAD/D;AAEE,IAAA,QAAQ,EAAEW,QAFZ;AAGE,IAAA,UAAU,EAAE,IAHd;AAIE,IAAA,OAAO,EAAEA,QAAQ,GAAGS,SAAH,GAAeN,OAJlC;AAKE,IAAA,KAAK,EAAE,CACLrB,MAAM,CAAC6B,MADF,EAEL;AAAEC,MAAAA,eAAe,EAAEnB,OAAO,GAAGK,WAAH,GAAiBW;AAA3C,KAFK;
|
|
1
|
+
{"version":3,"sources":["Day.tsx"],"names":["EmptyDayPure","styles","empty","EmptyDay","React","memo","Day","props","day","month","year","selected","inRange","leftCrop","rightCrop","onPressDate","primaryColor","selectColor","isToday","disabled","textColorOnPrimary","theme","onPress","useCallback","Date","borderColor","dark","textColor","undefined","root","button","backgroundColor","color","StyleSheet","create","flex","flexBasis","opacity","justifyContent","alignItems","position","width","daySize","height","overflow","borderRadius","borderWidth","flex1"],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport { DarkTheme, Text, TouchableRipple } from 'react-native-paper'\nimport { StyleSheet, View } from 'react-native'\nimport DayRange from './DayRange'\nimport { daySize } from './dateUtils'\n\nfunction EmptyDayPure() {\n return <View style={styles.empty} />\n}\nexport const EmptyDay = React.memo(EmptyDayPure)\n\nfunction Day(props: {\n theme: typeof DarkTheme\n textColorOnPrimary: string\n day: number\n month: number\n year: number\n selected: boolean\n inRange: boolean\n leftCrop: boolean\n rightCrop: boolean\n primaryColor: string\n selectColor: string\n isToday: boolean\n disabled: boolean\n onPressDate: (date: Date) => any\n}) {\n const {\n day,\n month,\n year,\n selected,\n inRange,\n leftCrop,\n rightCrop,\n onPressDate,\n primaryColor,\n selectColor,\n isToday,\n disabled,\n textColorOnPrimary,\n theme,\n } = props\n // console.log(month, { day })\n const onPress = React.useCallback(() => {\n onPressDate(new Date(year, month, day))\n }, [onPressDate, year, month, day])\n\n const borderColor =\n selected || (inRange && theme.dark)\n ? textColorOnPrimary\n : theme.dark\n ? '#fff'\n : '#000'\n const textColor =\n selected || (inRange && theme.dark) ? textColorOnPrimary : undefined\n\n return (\n <View style={[styles.root, disabled && styles.disabled]}>\n <DayRange\n inRange={inRange}\n leftCrop={leftCrop}\n rightCrop={rightCrop}\n selectColor={selectColor}\n />\n\n <TouchableRipple\n testID={`react-native-paper-dates-day-${year}-${month}-${day}`}\n disabled={disabled}\n borderless={true}\n onPress={disabled ? undefined : onPress}\n style={[\n styles.button,\n { backgroundColor: inRange ? selectColor : undefined },\n ]}\n // RN types bug\n hasTVPreferredFocus={undefined}\n tvParallaxProperties={undefined}\n >\n <View\n style={[\n styles.day,\n isToday ? { borderColor: borderColor } : null,\n selected ? { backgroundColor: primaryColor } : null,\n ]}\n >\n <Text\n style={textColor ? { color: textColor } : undefined}\n selectable={false}\n >\n {day}\n </Text>\n </View>\n </TouchableRipple>\n </View>\n )\n}\n\nconst styles = StyleSheet.create({\n empty: {\n flex: 1,\n flexBasis: 0,\n },\n disabled: {\n opacity: 0.3,\n },\n root: {\n flexBasis: 0,\n flex: 1,\n justifyContent: 'center',\n alignItems: 'center',\n position: 'relative',\n },\n button: {\n width: daySize,\n height: daySize,\n overflow: 'hidden',\n borderRadius: daySize / 2,\n },\n day: {\n flexBasis: 0,\n flex: 1,\n borderRadius: daySize / 2,\n width: daySize,\n height: daySize,\n justifyContent: 'center',\n alignItems: 'center',\n borderWidth: 1,\n borderColor: 'transparent',\n },\n flex1: {\n flex: 1,\n },\n})\n\nexport default React.memo(Day)\n"]}
|
|
@@ -15,9 +15,10 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
15
15
|
|
|
16
16
|
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; }
|
|
17
17
|
|
|
18
|
-
function DayName({
|
|
19
|
-
|
|
20
|
-
|
|
18
|
+
function DayName(_ref) {
|
|
19
|
+
let {
|
|
20
|
+
label
|
|
21
|
+
} = _ref;
|
|
21
22
|
const theme = (0, _reactNativePaper.useTheme)();
|
|
22
23
|
return /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
23
24
|
style: styles.dayName
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["DayName.tsx"],"names":["DayName","label","theme","styles","dayName","dayNameLabel","fonts","medium","StyleSheet","create","flex","alignItems","fontSize","opacity","React","memo"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;AAEA,SAASA,OAAT,
|
|
1
|
+
{"version":3,"sources":["DayName.tsx"],"names":["DayName","label","theme","styles","dayName","dayNameLabel","fonts","medium","StyleSheet","create","flex","alignItems","fontSize","opacity","React","memo"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;AAEA,SAASA,OAAT,OAA+C;AAAA,MAA9B;AAAEC,IAAAA;AAAF,GAA8B;AAC7C,QAAMC,KAAK,GAAG,iCAAd;AACA,sBACE,oBAAC,iBAAD;AAAM,IAAA,KAAK,EAAEC,MAAM,CAACC;AAApB,kBACE,oBAAC,sBAAD;AACE,IAAA,KAAK,EAAE,CAACD,MAAM,CAACE,YAAR,EAAsBH,KAAK,CAACI,KAAN,CAAYC,MAAlC,CADT;AAEE,IAAA,UAAU,EAAE;AAFd,KAIGN,KAJH,CADF,CADF;AAUD;;AACD,MAAME,MAAM,GAAGK,wBAAWC,MAAX,CAAkB;AAC/BL,EAAAA,OAAO,EAAE;AAAEM,IAAAA,IAAI,EAAE,CAAR;AAAWC,IAAAA,UAAU,EAAE;AAAvB,GADsB;AAE/BN,EAAAA,YAAY,EAAE;AAAEO,IAAAA,QAAQ,EAAE,EAAZ;AAAgBC,IAAAA,OAAO,EAAE;AAAzB;AAFiB,CAAlB,CAAf;;4BAIeC,KAAK,CAACC,IAAN,CAAWf,OAAX,C","sourcesContent":["import * as React from 'react'\nimport { StyleSheet, View } from 'react-native'\nimport { Text, useTheme } from 'react-native-paper'\n\nfunction DayName({ label }: { label: string }) {\n const theme = useTheme()\n return (\n <View style={styles.dayName}>\n <Text\n style={[styles.dayNameLabel, theme.fonts.medium]}\n selectable={false}\n >\n {label}\n </Text>\n </View>\n )\n}\nconst styles = StyleSheet.create({\n dayName: { flex: 1, alignItems: 'center' },\n dayNameLabel: { fontSize: 14, opacity: 0.7 },\n})\nexport default React.memo(DayName)\n"]}
|
|
@@ -26,10 +26,11 @@ const dayNamesHeight = 44; // TODO: wait for a better Intl api ;-)
|
|
|
26
26
|
exports.dayNamesHeight = dayNamesHeight;
|
|
27
27
|
const weekdays = [new Date(2020, 7, 2), new Date(2020, 7, 3), new Date(2020, 7, 4), new Date(2020, 7, 5), new Date(2020, 7, 6), new Date(2020, 7, 7), new Date(2020, 7, 8)];
|
|
28
28
|
|
|
29
|
-
function DayNames({
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
29
|
+
function DayNames(_ref) {
|
|
30
|
+
let {
|
|
31
|
+
disableWeekDays,
|
|
32
|
+
locale
|
|
33
|
+
} = _ref;
|
|
33
34
|
const theme = (0, _reactNativePaper.useTheme)();
|
|
34
35
|
const shortDayNames = React.useMemo(() => {
|
|
35
36
|
const formatter = new Intl.DateTimeFormat(locale, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["DayNames.tsx"],"names":["dayNamesHeight","weekdays","Date","DayNames","disableWeekDays","locale","theme","shortDayNames","React","useMemo","formatter","Intl","DateTimeFormat","weekday","map","date","format","styles","dayNames","backgroundColor","colors","surface","filter","_","dayIndex","dayName","i","StyleSheet","create","height","flexDirection","alignItems","memo"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEO,MAAMA,cAAc,GAAG,EAAvB,C,CAEP;;;AACA,MAAMC,QAAQ,GAAG,CACf,IAAIC,IAAJ,CAAS,IAAT,EAAe,CAAf,EAAkB,CAAlB,CADe,EAEf,IAAIA,IAAJ,CAAS,IAAT,EAAe,CAAf,EAAkB,CAAlB,CAFe,EAGf,IAAIA,IAAJ,CAAS,IAAT,EAAe,CAAf,EAAkB,CAAlB,CAHe,EAIf,IAAIA,IAAJ,CAAS,IAAT,EAAe,CAAf,EAAkB,CAAlB,CAJe,EAKf,IAAIA,IAAJ,CAAS,IAAT,EAAe,CAAf,EAAkB,CAAlB,CALe,EAMf,IAAIA,IAAJ,CAAS,IAAT,EAAe,CAAf,EAAkB,CAAlB,CANe,EAOf,IAAIA,IAAJ,CAAS,IAAT,EAAe,CAAf,EAAkB,CAAlB,CAPe,CAAjB;;AAUA,SAASC,QAAT,
|
|
1
|
+
{"version":3,"sources":["DayNames.tsx"],"names":["dayNamesHeight","weekdays","Date","DayNames","disableWeekDays","locale","theme","shortDayNames","React","useMemo","formatter","Intl","DateTimeFormat","weekday","map","date","format","styles","dayNames","backgroundColor","colors","surface","filter","_","dayIndex","dayName","i","StyleSheet","create","height","flexDirection","alignItems","memo"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEO,MAAMA,cAAc,GAAG,EAAvB,C,CAEP;;;AACA,MAAMC,QAAQ,GAAG,CACf,IAAIC,IAAJ,CAAS,IAAT,EAAe,CAAf,EAAkB,CAAlB,CADe,EAEf,IAAIA,IAAJ,CAAS,IAAT,EAAe,CAAf,EAAkB,CAAlB,CAFe,EAGf,IAAIA,IAAJ,CAAS,IAAT,EAAe,CAAf,EAAkB,CAAlB,CAHe,EAIf,IAAIA,IAAJ,CAAS,IAAT,EAAe,CAAf,EAAkB,CAAlB,CAJe,EAKf,IAAIA,IAAJ,CAAS,IAAT,EAAe,CAAf,EAAkB,CAAlB,CALe,EAMf,IAAIA,IAAJ,CAAS,IAAT,EAAe,CAAf,EAAkB,CAAlB,CANe,EAOf,IAAIA,IAAJ,CAAS,IAAT,EAAe,CAAf,EAAkB,CAAlB,CAPe,CAAjB;;AAUA,SAASC,QAAT,OAMG;AAAA,MANe;AAChBC,IAAAA,eADgB;AAEhBC,IAAAA;AAFgB,GAMf;AACD,QAAMC,KAAK,GAAG,iCAAd;AACA,QAAMC,aAAa,GAAGC,KAAK,CAACC,OAAN,CAAwB,MAAM;AAClD,UAAMC,SAAS,GAAG,IAAIC,IAAI,CAACC,cAAT,CAAwBP,MAAxB,EAAgC;AAChDQ,MAAAA,OAAO,EAAE;AADuC,KAAhC,CAAlB;AAGA,WAAOZ,QAAQ,CAACa,GAAT,CAAcC,IAAD,IAAUL,SAAS,CAACM,MAAV,CAAiBD,IAAjB,CAAvB,CAAP;AACD,GALqB,EAKnB,CAACV,MAAD,CALmB,CAAtB;AAOA,sBACE,oBAAC,iBAAD;AACE,IAAA,KAAK,EAAE,CAACY,MAAM,CAACC,QAAR,EAAkB;AAAEC,MAAAA,eAAe,EAAEb,KAAK,CAACc,MAAN,CAAaC;AAAhC,KAAlB,CADT;AAEE,IAAA,aAAa,EAAE;AAFjB,KAIGd,aAAa,CACXe,MADF,CACS,CAACC,CAAD,EAAIC,QAAJ,KAAiB,4BAAYA,QAAZ,EAAsBpB,eAAtB,CAD1B,EAEEU,GAFF,CAEM,CAACW,OAAD,EAAUC,CAAV,kBACH,oBAAC,gBAAD;AAAS,IAAA,GAAG,EAAG,GAAED,OAAQ,IAAGC,CAAE,EAA9B;AAAiC,IAAA,KAAK,EAAED;AAAxC,IAHH,CAJH,CADF;AAYD;;AACD,MAAMR,MAAM,GAAGU,wBAAWC,MAAX,CAAkB;AAC/BV,EAAAA,QAAQ,EAAE;AACRW,IAAAA,MAAM,EAAE7B,cADA;AAER8B,IAAAA,aAAa,EAAE,KAFP;AAGRC,IAAAA,UAAU,EAAE,QAHJ;AAIRZ,IAAAA,eAAe,EAAE;AAJT;AADqB,CAAlB,CAAf;;4BAQeX,KAAK,CAACwB,IAAN,CAAW7B,QAAX,C","sourcesContent":["import * as React from 'react'\nimport { StyleSheet, View } from 'react-native'\nimport DayName from './DayName'\nimport { useTheme } from 'react-native-paper'\nimport { DisableWeekDaysType, showWeekDay } from './dateUtils'\n\nexport const dayNamesHeight = 44\n\n// TODO: wait for a better Intl api ;-)\nconst weekdays = [\n new Date(2020, 7, 2),\n new Date(2020, 7, 3),\n new Date(2020, 7, 4),\n new Date(2020, 7, 5),\n new Date(2020, 7, 6),\n new Date(2020, 7, 7),\n new Date(2020, 7, 8),\n]\n\nfunction DayNames({\n disableWeekDays,\n locale,\n}: {\n locale: undefined | string\n disableWeekDays?: DisableWeekDaysType\n}) {\n const theme = useTheme()\n const shortDayNames = React.useMemo<string[]>(() => {\n const formatter = new Intl.DateTimeFormat(locale, {\n weekday: 'narrow',\n })\n return weekdays.map((date) => formatter.format(date))\n }, [locale])\n\n return (\n <View\n style={[styles.dayNames, { backgroundColor: theme.colors.surface }]}\n pointerEvents={'none'}\n >\n {shortDayNames\n .filter((_, dayIndex) => showWeekDay(dayIndex, disableWeekDays))\n .map((dayName, i) => (\n <DayName key={`${dayName}_${i}`} label={dayName} />\n ))}\n </View>\n )\n}\nconst styles = StyleSheet.create({\n dayNames: {\n height: dayNamesHeight,\n flexDirection: 'row',\n alignItems: 'center',\n backgroundColor: '#fff',\n },\n})\nexport default React.memo(DayNames)\n"]}
|
|
@@ -15,12 +15,13 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
15
15
|
|
|
16
16
|
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; }
|
|
17
17
|
|
|
18
|
-
function DayRange({
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
18
|
+
function DayRange(_ref) {
|
|
19
|
+
let {
|
|
20
|
+
leftCrop,
|
|
21
|
+
rightCrop,
|
|
22
|
+
inRange,
|
|
23
|
+
selectColor
|
|
24
|
+
} = _ref;
|
|
24
25
|
const bothWays = inRange && leftCrop && rightCrop;
|
|
25
26
|
const isCrop = inRange && (leftCrop || rightCrop) && !(leftCrop && rightCrop);
|
|
26
27
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["DayRange.tsx"],"names":["DayRange","leftCrop","rightCrop","inRange","selectColor","bothWays","isCrop","StyleSheet","absoluteFill","styles","rangeRoot","rangeRootBoth","backgroundColor","flex1","minWidth","daySize","minHeight","leftRadius","rightRadius","create","borderBottomLeftRadius","borderTopLeftRadius","borderBottomRightRadius","borderTopRightRadius","borderRadius","flex","flexDirection","React","memo"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;AAEA,SAASA,QAAT,
|
|
1
|
+
{"version":3,"sources":["DayRange.tsx"],"names":["DayRange","leftCrop","rightCrop","inRange","selectColor","bothWays","isCrop","StyleSheet","absoluteFill","styles","rangeRoot","rangeRootBoth","backgroundColor","flex1","minWidth","daySize","minHeight","leftRadius","rightRadius","create","borderBottomLeftRadius","borderTopLeftRadius","borderBottomRightRadius","borderTopRightRadius","borderRadius","flex","flexDirection","React","memo"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;AAEA,SAASA,QAAT,OAUG;AAAA,MAVe;AAChBC,IAAAA,QADgB;AAEhBC,IAAAA,SAFgB;AAGhBC,IAAAA,OAHgB;AAIhBC,IAAAA;AAJgB,GAUf;AACD,QAAMC,QAAQ,GAAGF,OAAO,IAAIF,QAAX,IAAuBC,SAAxC;AACA,QAAMI,MAAM,GAAGH,OAAO,KAAKF,QAAQ,IAAIC,SAAjB,CAAP,IAAsC,EAAED,QAAQ,IAAIC,SAAd,CAArD;;AAEA,MAAIC,OAAO,IAAIG,MAAf,EAAuB;AACrB,wBACE,oBAAC,iBAAD;AACE,MAAA,aAAa,EAAC,MADhB;AAEE,MAAA,KAAK,EAAE,CACLC,wBAAWC,YADN,EAELC,MAAM,CAACC,SAFF,EAGLL,QAAQ,IAAII,MAAM,CAACE,aAHd,EAILR,OAAO,IAAI,CAACG,MAAZ,GACI;AACEM,QAAAA,eAAe,EAAER;AADnB,OADJ,GAII,IARC;AAFT,OAaGE,MAAM,iBACL,uDACE,oBAAC,iBAAD;AACE,MAAA,KAAK,EAAE,CACLG,MAAM,CAACI,KADF,EAELX,SAAS,GACL;AACEU,QAAAA,eAAe,EAAER;AADnB,OADK,GAIL,IANC;AADT,MADF,eAWE,oBAAC,iBAAD;AACE,MAAA,KAAK,EAAE,CACL;AACEQ,QAAAA,eAAe,EAAER,WADnB;AAEEU,QAAAA,QAAQ,EAAEC,kBAFZ;AAGEC,QAAAA,SAAS,EAAED;AAHb,OADK,EAMLd,QAAQ,GAAGQ,MAAM,CAACQ,UAAV,GAAuB,IAN1B,EAOLf,SAAS,GAAGO,MAAM,CAACS,WAAV,GAAwB,IAP5B;AADT,MAXF,eAsBE,oBAAC,iBAAD;AACE,MAAA,KAAK,EAAE,CACLT,MAAM,CAACI,KADF,EAELZ,QAAQ,GACJ;AACEW,QAAAA,eAAe,EAAER;AADnB,OADI,GAIJ,IANC;AADT,MAtBF,CAdJ,CADF;AAmDD;;AACD,SAAO,IAAP;AACD;;AAED,MAAMK,MAAM,GAAGF,wBAAWY,MAAX,CAAkB;AAC/BF,EAAAA,UAAU,EAAE;AACVG,IAAAA,sBAAsB,EAAEL,qBAAU,CADxB;AAEVM,IAAAA,mBAAmB,EAAEN,qBAAU;AAFrB,GADmB;AAK/BG,EAAAA,WAAW,EAAE;AACXI,IAAAA,uBAAuB,EAAEP,qBAAU,CADxB;AAEXQ,IAAAA,oBAAoB,EAAER,qBAAU;AAFrB,GALkB;AAS/BJ,EAAAA,aAAa,EAAE;AACba,IAAAA,YAAY,EAAET,qBAAU;AADX,GATgB;AAY/BF,EAAAA,KAAK,EAAE;AACLY,IAAAA,IAAI,EAAE;AADD,GAZwB;AAe/Bf,EAAAA,SAAS,EAAE;AACTgB,IAAAA,aAAa,EAAE;AADN;AAfoB,CAAlB,CAAf;;4BAoBeC,KAAK,CAACC,IAAN,CAAW5B,QAAX,C","sourcesContent":["import * as React from 'react'\nimport { StyleSheet, View } from 'react-native'\nimport { daySize } from './dateUtils'\n\nfunction DayRange({\n leftCrop,\n rightCrop,\n inRange,\n selectColor,\n}: {\n leftCrop: boolean\n rightCrop: boolean\n inRange: boolean\n selectColor: string\n}) {\n const bothWays = inRange && leftCrop && rightCrop\n const isCrop = inRange && (leftCrop || rightCrop) && !(leftCrop && rightCrop)\n\n if (inRange || isCrop) {\n return (\n <View\n pointerEvents=\"none\"\n style={[\n StyleSheet.absoluteFill,\n styles.rangeRoot,\n bothWays && styles.rangeRootBoth,\n inRange && !isCrop\n ? {\n backgroundColor: selectColor,\n }\n : null,\n ]}\n >\n {isCrop && (\n <>\n <View\n style={[\n styles.flex1,\n rightCrop\n ? {\n backgroundColor: selectColor,\n }\n : null,\n ]}\n />\n <View\n style={[\n {\n backgroundColor: selectColor,\n minWidth: daySize,\n minHeight: daySize,\n },\n leftCrop ? styles.leftRadius : null,\n rightCrop ? styles.rightRadius : null,\n ]}\n />\n <View\n style={[\n styles.flex1,\n leftCrop\n ? {\n backgroundColor: selectColor,\n }\n : null,\n ]}\n />\n </>\n )}\n </View>\n )\n }\n return null\n}\n\nconst styles = StyleSheet.create({\n leftRadius: {\n borderBottomLeftRadius: daySize / 2,\n borderTopLeftRadius: daySize / 2,\n },\n rightRadius: {\n borderBottomRightRadius: daySize / 2,\n borderTopRightRadius: daySize / 2,\n },\n rangeRootBoth: {\n borderRadius: daySize / 2,\n },\n flex1: {\n flex: 1,\n },\n rangeRoot: {\n flexDirection: 'row',\n },\n})\n\nexport default React.memo(DayRange)\n"]}
|
|
@@ -3,12 +3,13 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
exports.getHorizontalMonthOffset = getHorizontalMonthOffset;
|
|
6
8
|
exports.getIndexFromHorizontalOffset = getIndexFromHorizontalOffset;
|
|
7
9
|
exports.getIndexFromVerticalOffset = getIndexFromVerticalOffset;
|
|
8
|
-
exports.getHorizontalMonthOffset = getHorizontalMonthOffset;
|
|
9
|
-
exports.getVerticalMonthsOffset = getVerticalMonthsOffset;
|
|
10
10
|
exports.getMonthHeight = getMonthHeight;
|
|
11
|
-
exports.
|
|
11
|
+
exports.getVerticalMonthsOffset = getVerticalMonthsOffset;
|
|
12
|
+
exports.weekSize = exports.weekMargin = exports.monthHeaderSingleMarginTop = exports.monthHeaderSingleMarginBottom = exports.monthHeaderSingleHeight = exports.montHeaderHeight = void 0;
|
|
12
13
|
|
|
13
14
|
var React = _interopRequireWildcard(require("react"));
|
|
14
15
|
|
|
@@ -85,10 +86,11 @@ function Month(props) {
|
|
|
85
86
|
month
|
|
86
87
|
});
|
|
87
88
|
const emptyDays = dayOfWeek;
|
|
88
|
-
return monthGrid(index).map(
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
89
|
+
return monthGrid(index).map(_ref => {
|
|
90
|
+
let {
|
|
91
|
+
days,
|
|
92
|
+
weekGrid
|
|
93
|
+
} = _ref;
|
|
92
94
|
return {
|
|
93
95
|
weekIndex: weekGrid,
|
|
94
96
|
generatedDays: days.map((_, dayIndex) => {
|
|
@@ -217,7 +219,10 @@ function Month(props) {
|
|
|
217
219
|
onPress: isHorizontal ? () => onPressYear(year) : undefined,
|
|
218
220
|
style: [styles.yearButton, {
|
|
219
221
|
borderRadius: roundness
|
|
220
|
-
}]
|
|
222
|
+
}] // RN types bug
|
|
223
|
+
,
|
|
224
|
+
hasTVPreferredFocus: undefined,
|
|
225
|
+
tvParallaxProperties: undefined
|
|
221
226
|
}, /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
222
227
|
style: [styles.yearButtonInner, {
|
|
223
228
|
borderRadius: roundness
|
|
@@ -229,32 +234,38 @@ function Month(props) {
|
|
|
229
234
|
style: isHorizontal ? styles.opacity1 : styles.opacity0
|
|
230
235
|
}, /*#__PURE__*/React.createElement(_reactNativePaper.IconButton, {
|
|
231
236
|
onPress: isHorizontal ? () => onPressYear(year) : undefined,
|
|
232
|
-
icon: selectingYear ? 'chevron-up' : 'chevron-down'
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
})
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
237
|
+
icon: selectingYear ? 'chevron-up' : 'chevron-down' // RN types bug
|
|
238
|
+
,
|
|
239
|
+
hasTVPreferredFocus: undefined,
|
|
240
|
+
tvParallaxProperties: undefined
|
|
241
|
+
}))))), grid.map(_ref2 => {
|
|
242
|
+
let {
|
|
243
|
+
weekIndex,
|
|
244
|
+
generatedDays
|
|
245
|
+
} = _ref2;
|
|
246
|
+
return /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
247
|
+
style: styles.week,
|
|
248
|
+
key: weekIndex
|
|
249
|
+
}, generatedDays.filter(gd => (0, _dateUtils.showWeekDay)(gd.dayIndex, disableWeekDays)).map(gd => gd.beforeWeekDay || gd.afterWeekDay ? /*#__PURE__*/React.createElement(_Day.EmptyDay, {
|
|
250
|
+
key: gd.dayIndex
|
|
251
|
+
}) : /*#__PURE__*/React.createElement(_Day.default, {
|
|
252
|
+
key: gd.dayIndex,
|
|
253
|
+
theme: theme,
|
|
254
|
+
day: gd.dayOfMonth,
|
|
255
|
+
month: gd.month,
|
|
256
|
+
year: gd.year,
|
|
257
|
+
selected: gd.selected,
|
|
258
|
+
inRange: gd.inRange,
|
|
259
|
+
leftCrop: gd.leftCrop,
|
|
260
|
+
rightCrop: gd.rightCrop,
|
|
261
|
+
onPressDate: onPressDate,
|
|
262
|
+
isToday: gd.isToday,
|
|
263
|
+
selectColor: selectColor,
|
|
264
|
+
primaryColor: primaryColor,
|
|
265
|
+
disabled: gd.disabled,
|
|
266
|
+
textColorOnPrimary: textColorOnPrimary
|
|
267
|
+
})));
|
|
268
|
+
}));
|
|
258
269
|
}
|
|
259
270
|
|
|
260
271
|
const weekMargin = 6;
|