frey-ui 1.1.0 → 1.2.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/README.md +1 -1
- package/dist/cjs/Calendar/calendar.css +216 -0
- package/dist/cjs/Calendar/calendar.module.css.cjs +10 -0
- package/dist/cjs/Calendar/calendar.module.css.cjs.map +1 -0
- package/dist/cjs/Calendar/calendarInteractions.cjs +34 -0
- package/dist/cjs/Calendar/calendarInteractions.cjs.map +1 -0
- package/dist/cjs/Calendar/calendarModel.cjs +232 -0
- package/dist/cjs/Calendar/calendarModel.cjs.map +1 -0
- package/dist/cjs/Calendar/index.cjs +204 -0
- package/dist/cjs/Calendar/index.cjs.map +1 -0
- package/dist/cjs/DateField/DateFieldSegments.cjs +71 -0
- package/dist/cjs/DateField/DateFieldSegments.cjs.map +1 -0
- package/dist/cjs/DateField/DateSegmentInput.cjs +17 -0
- package/dist/cjs/DateField/DateSegmentInput.cjs.map +1 -0
- package/dist/cjs/DateField/dateFieldInteractions.cjs +205 -0
- package/dist/cjs/DateField/dateFieldInteractions.cjs.map +1 -0
- package/dist/cjs/DateField/dateFieldState.cjs +127 -0
- package/dist/cjs/DateField/dateFieldState.cjs.map +1 -0
- package/dist/cjs/DateField/datefield.css +134 -0
- package/dist/cjs/DateField/datefield.module.css.cjs +10 -0
- package/dist/cjs/DateField/datefield.module.css.cjs.map +1 -0
- package/dist/cjs/DateField/index.cjs +203 -0
- package/dist/cjs/DateField/index.cjs.map +1 -0
- package/dist/cjs/DatePicker/datepicker.css +24 -0
- package/dist/cjs/DatePicker/datepicker.module.css.cjs +10 -0
- package/dist/cjs/DatePicker/datepicker.module.css.cjs.map +1 -0
- package/dist/cjs/DatePicker/index.cjs +98 -0
- package/dist/cjs/DatePicker/index.cjs.map +1 -0
- package/dist/cjs/DropdownMenu/index.cjs +28 -55
- package/dist/cjs/DropdownMenu/index.cjs.map +1 -1
- package/dist/cjs/Icons/CalendarIcon.cjs +12 -0
- package/dist/cjs/Icons/CalendarIcon.cjs.map +1 -0
- package/dist/cjs/Popover/index.cjs +29 -52
- package/dist/cjs/Popover/index.cjs.map +1 -1
- package/dist/cjs/Tooltip/index.cjs +29 -34
- package/dist/cjs/Tooltip/index.cjs.map +1 -1
- package/dist/cjs/date/dateEngine.cjs +591 -0
- package/dist/cjs/date/dateEngine.cjs.map +1 -0
- package/dist/cjs/date/dateLocale.cjs +239 -0
- package/dist/cjs/date/dateLocale.cjs.map +1 -0
- package/dist/cjs/date/japaneseEraData.cjs +252 -0
- package/dist/cjs/date/japaneseEraData.cjs.map +1 -0
- package/dist/cjs/date/useDateLocale.cjs +24 -0
- package/dist/cjs/date/useDateLocale.cjs.map +1 -0
- package/dist/cjs/floating/FocusScope.cjs +195 -0
- package/dist/cjs/floating/FocusScope.cjs.map +1 -0
- package/dist/cjs/floating/autoUpdate.cjs +205 -0
- package/dist/cjs/floating/autoUpdate.cjs.map +1 -0
- package/dist/cjs/floating/dismissibleLayer.cjs +116 -0
- package/dist/cjs/floating/dismissibleLayer.cjs.map +1 -0
- package/dist/cjs/floating/geometry.cjs +160 -0
- package/dist/cjs/floating/geometry.cjs.map +1 -0
- package/dist/cjs/floating/platform.cjs +15 -0
- package/dist/cjs/floating/platform.cjs.map +1 -0
- package/dist/cjs/floating/pointerEvent.cjs +92 -0
- package/dist/cjs/floating/pointerEvent.cjs.map +1 -0
- package/dist/cjs/floating/tabbable.cjs +101 -0
- package/dist/cjs/floating/tabbable.cjs.map +1 -0
- package/dist/cjs/floating/useFloatingPosition.cjs +119 -0
- package/dist/cjs/floating/useFloatingPosition.cjs.map +1 -0
- package/dist/cjs/floating/useTooltipInteractions.cjs +136 -0
- package/dist/cjs/floating/useTooltipInteractions.cjs.map +1 -0
- package/dist/cjs/index.cjs +68 -60
- package/dist/cjs/index.cjs.map +1 -1
- package/dist/cjs/theme.css +14 -0
- package/dist/esm/Calendar/calendar.css +216 -0
- package/dist/esm/Calendar/calendar.module.css.mjs +6 -0
- package/dist/esm/Calendar/calendar.module.css.mjs.map +1 -0
- package/dist/esm/Calendar/calendarInteractions.mjs +32 -0
- package/dist/esm/Calendar/calendarInteractions.mjs.map +1 -0
- package/dist/esm/Calendar/calendarModel.mjs +224 -0
- package/dist/esm/Calendar/calendarModel.mjs.map +1 -0
- package/dist/esm/Calendar/index.mjs +200 -0
- package/dist/esm/Calendar/index.mjs.map +1 -0
- package/dist/esm/DateField/DateFieldSegments.mjs +69 -0
- package/dist/esm/DateField/DateFieldSegments.mjs.map +1 -0
- package/dist/esm/DateField/DateSegmentInput.mjs +15 -0
- package/dist/esm/DateField/DateSegmentInput.mjs.map +1 -0
- package/dist/esm/DateField/dateFieldInteractions.mjs +198 -0
- package/dist/esm/DateField/dateFieldInteractions.mjs.map +1 -0
- package/dist/esm/DateField/dateFieldState.mjs +119 -0
- package/dist/esm/DateField/dateFieldState.mjs.map +1 -0
- package/dist/esm/DateField/datefield.css +134 -0
- package/dist/esm/DateField/datefield.module.css.mjs +6 -0
- package/dist/esm/DateField/datefield.module.css.mjs.map +1 -0
- package/dist/esm/DateField/index.mjs +198 -0
- package/dist/esm/DateField/index.mjs.map +1 -0
- package/dist/esm/DatePicker/datepicker.css +24 -0
- package/dist/esm/DatePicker/datepicker.module.css.mjs +6 -0
- package/dist/esm/DatePicker/datepicker.module.css.mjs.map +1 -0
- package/dist/esm/DatePicker/index.mjs +94 -0
- package/dist/esm/DatePicker/index.mjs.map +1 -0
- package/dist/esm/DropdownMenu/index.mjs +29 -56
- package/dist/esm/DropdownMenu/index.mjs.map +1 -1
- package/dist/esm/Icons/CalendarIcon.mjs +10 -0
- package/dist/esm/Icons/CalendarIcon.mjs.map +1 -0
- package/dist/esm/Popover/index.mjs +30 -53
- package/dist/esm/Popover/index.mjs.map +1 -1
- package/dist/esm/Tooltip/index.mjs +29 -34
- package/dist/esm/Tooltip/index.mjs.map +1 -1
- package/dist/esm/date/dateEngine.mjs +573 -0
- package/dist/esm/date/dateEngine.mjs.map +1 -0
- package/dist/esm/date/dateLocale.mjs +226 -0
- package/dist/esm/date/dateLocale.mjs.map +1 -0
- package/dist/esm/date/japaneseEraData.mjs +250 -0
- package/dist/esm/date/japaneseEraData.mjs.map +1 -0
- package/dist/esm/date/useDateLocale.mjs +22 -0
- package/dist/esm/date/useDateLocale.mjs.map +1 -0
- package/dist/esm/floating/FocusScope.mjs +193 -0
- package/dist/esm/floating/FocusScope.mjs.map +1 -0
- package/dist/esm/floating/autoUpdate.mjs +202 -0
- package/dist/esm/floating/autoUpdate.mjs.map +1 -0
- package/dist/esm/floating/dismissibleLayer.mjs +114 -0
- package/dist/esm/floating/dismissibleLayer.mjs.map +1 -0
- package/dist/esm/floating/geometry.mjs +158 -0
- package/dist/esm/floating/geometry.mjs.map +1 -0
- package/dist/esm/floating/platform.mjs +12 -0
- package/dist/esm/floating/platform.mjs.map +1 -0
- package/dist/esm/floating/pointerEvent.mjs +89 -0
- package/dist/esm/floating/pointerEvent.mjs.map +1 -0
- package/dist/esm/floating/tabbable.mjs +99 -0
- package/dist/esm/floating/tabbable.mjs.map +1 -0
- package/dist/esm/floating/useFloatingPosition.mjs +117 -0
- package/dist/esm/floating/useFloatingPosition.mjs.map +1 -0
- package/dist/esm/floating/useTooltipInteractions.mjs +134 -0
- package/dist/esm/floating/useTooltipInteractions.mjs.map +1 -0
- package/dist/esm/index.mjs +4 -0
- package/dist/esm/index.mjs.map +1 -1
- package/dist/esm/theme.css +14 -0
- package/dist/index.d.ts +80 -3
- package/dist/types/src/Calendar/calendarInteractions.d.ts +9 -0
- package/dist/types/src/Calendar/calendarInteractions.d.ts.map +1 -0
- package/dist/types/src/Calendar/calendarModel.d.ts +81 -0
- package/dist/types/src/Calendar/calendarModel.d.ts.map +1 -0
- package/dist/types/src/Calendar/index.d.ts +26 -0
- package/dist/types/src/Calendar/index.d.ts.map +1 -0
- package/dist/types/src/DateField/DateFieldSegments.d.ts +28 -0
- package/dist/types/src/DateField/DateFieldSegments.d.ts.map +1 -0
- package/dist/types/src/DateField/DateSegmentInput.d.ts +23 -0
- package/dist/types/src/DateField/DateSegmentInput.d.ts.map +1 -0
- package/dist/types/src/DateField/dateFieldInteractions.d.ts +66 -0
- package/dist/types/src/DateField/dateFieldInteractions.d.ts.map +1 -0
- package/dist/types/src/DateField/dateFieldState.d.ts +32 -0
- package/dist/types/src/DateField/dateFieldState.d.ts.map +1 -0
- package/dist/types/src/DateField/index.d.ts +42 -0
- package/dist/types/src/DateField/index.d.ts.map +1 -0
- package/dist/types/src/DatePicker/index.d.ts +19 -0
- package/dist/types/src/DatePicker/index.d.ts.map +1 -0
- package/dist/types/src/DropdownMenu/index.d.ts.map +1 -1
- package/dist/types/src/Icons/CalendarIcon.d.ts +4 -0
- package/dist/types/src/Icons/CalendarIcon.d.ts.map +1 -0
- package/dist/types/src/Icons/index.d.ts +1 -0
- package/dist/types/src/Icons/index.d.ts.map +1 -1
- package/dist/types/src/Popover/index.d.ts +3 -1
- package/dist/types/src/Popover/index.d.ts.map +1 -1
- package/dist/types/src/Tooltip/index.d.ts.map +1 -1
- package/dist/types/src/date/dateEngine.d.ts +22 -0
- package/dist/types/src/date/dateEngine.d.ts.map +1 -0
- package/dist/types/src/date/dateLocale.d.ts +30 -0
- package/dist/types/src/date/dateLocale.d.ts.map +1 -0
- package/dist/types/src/date/japaneseEraData.d.ts +7 -0
- package/dist/types/src/date/japaneseEraData.d.ts.map +1 -0
- package/dist/types/src/date/types.d.ts +23 -0
- package/dist/types/src/date/types.d.ts.map +1 -0
- package/dist/types/src/date/useDateLocale.d.ts +2 -0
- package/dist/types/src/date/useDateLocale.d.ts.map +1 -0
- package/dist/types/src/floating/FocusScope.d.ts +11 -0
- package/dist/types/src/floating/FocusScope.d.ts.map +1 -0
- package/dist/types/src/floating/autoUpdate.d.ts +5 -0
- package/dist/types/src/floating/autoUpdate.d.ts.map +1 -0
- package/dist/types/src/floating/dismissibleLayer.d.ts +12 -0
- package/dist/types/src/floating/dismissibleLayer.d.ts.map +1 -0
- package/dist/types/src/floating/geometry.d.ts +27 -0
- package/dist/types/src/floating/geometry.d.ts.map +1 -0
- package/dist/types/src/floating/platform.d.ts +3 -0
- package/dist/types/src/floating/platform.d.ts.map +1 -0
- package/dist/types/src/floating/pointerEvent.d.ts +3 -0
- package/dist/types/src/floating/pointerEvent.d.ts.map +1 -0
- package/dist/types/src/floating/tabbable.d.ts +2 -0
- package/dist/types/src/floating/tabbable.d.ts.map +1 -0
- package/dist/types/src/floating/useFloatingPosition.d.ts +18 -0
- package/dist/types/src/floating/useFloatingPosition.d.ts.map +1 -0
- package/dist/types/src/floating/useTooltipInteractions.d.ts +9 -0
- package/dist/types/src/floating/useTooltipInteractions.d.ts.map +1 -0
- package/dist/types/src/index.d.ts +8 -1
- package/dist/types/src/index.d.ts.map +1 -1
- package/package.json +1 -2
- package/dist/cjs/hooks/floatingConfig.cjs +0 -24
- package/dist/cjs/hooks/floatingConfig.cjs.map +0 -1
- package/dist/esm/hooks/floatingConfig.mjs +0 -20
- package/dist/esm/hooks/floatingConfig.mjs.map +0 -1
- package/dist/types/src/hooks/floatingConfig.d.ts +0 -6
- package/dist/types/src/hooks/floatingConfig.d.ts.map +0 -1
|
@@ -0,0 +1,204 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
5
|
+
|
|
6
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
7
|
+
var clsx = require('clsx');
|
|
8
|
+
var React = require('react');
|
|
9
|
+
var index = require('../Button/index.cjs');
|
|
10
|
+
var dateEngine = require('../date/dateEngine.cjs');
|
|
11
|
+
var dateLocale = require('../date/dateLocale.cjs');
|
|
12
|
+
var useDateLocale = require('../date/useDateLocale.cjs');
|
|
13
|
+
var ChevronDownIcon = require('../Icons/ChevronDownIcon.cjs');
|
|
14
|
+
var useControllableState = require('../hooks/useControllableState.cjs');
|
|
15
|
+
var calendarInteractions = require('./calendarInteractions.cjs');
|
|
16
|
+
var calendarModel = require('./calendarModel.cjs');
|
|
17
|
+
var calendar_module = require('./calendar.module.css.cjs');
|
|
18
|
+
|
|
19
|
+
const CALENDAR_ROW_STARTS = [0, 7, 14, 21, 28, 35];
|
|
20
|
+
function sourcedCalendarReducer(state, action) {
|
|
21
|
+
return {
|
|
22
|
+
sourceKey: action.sourceKey,
|
|
23
|
+
calendarState: calendarModel.calendarStateReducer(action.baseState, action.action),
|
|
24
|
+
focusRequestId: action.focusDay
|
|
25
|
+
? state.focusRequestId + 1
|
|
26
|
+
: state.focusRequestId,
|
|
27
|
+
};
|
|
28
|
+
}
|
|
29
|
+
function getLocalTodayValue() {
|
|
30
|
+
const today = new Date();
|
|
31
|
+
return dateEngine.serializeDateValue({
|
|
32
|
+
year: today.getFullYear(),
|
|
33
|
+
month: today.getMonth() + 1,
|
|
34
|
+
day: today.getDate(),
|
|
35
|
+
});
|
|
36
|
+
}
|
|
37
|
+
function createCalendarRows(cells) {
|
|
38
|
+
return CALENDAR_ROW_STARTS.map((start) => cells.slice(start, start + 7));
|
|
39
|
+
}
|
|
40
|
+
function getCalendarRowKey(row) {
|
|
41
|
+
return row.map((cell) => cell.gridKey).join('|');
|
|
42
|
+
}
|
|
43
|
+
function validateCalendarValueProps({ value, defaultValue, defaultFocusedValue, today, }) {
|
|
44
|
+
if (value !== undefined && value !== null)
|
|
45
|
+
dateEngine.parseDateValue(value, 'value');
|
|
46
|
+
if (defaultValue !== undefined && defaultValue !== null) {
|
|
47
|
+
dateEngine.parseDateValue(defaultValue, 'defaultValue');
|
|
48
|
+
}
|
|
49
|
+
if (defaultFocusedValue !== undefined) {
|
|
50
|
+
dateEngine.parseDateValue(defaultFocusedValue, 'defaultFocusedValue');
|
|
51
|
+
}
|
|
52
|
+
if (today !== undefined)
|
|
53
|
+
dateEngine.parseDateValue(today, 'today');
|
|
54
|
+
}
|
|
55
|
+
function CalendarDayCell({ cell, onActivate, onKeyDown, setButtonRef, }) {
|
|
56
|
+
if (cell.value === null) {
|
|
57
|
+
return (jsxRuntime.jsx("td", {
|
|
58
|
+
// biome-ignore lint/a11y/noNoninteractiveElementToInteractiveRole: APG gridcell semantics belong on the semantic table cell
|
|
59
|
+
role: 'gridcell', tabIndex: -1, "aria-disabled": 'true', className: calendar_module.default.calendar_cell, "data-outside-supported-range": '' }));
|
|
60
|
+
}
|
|
61
|
+
const supportedCell = cell;
|
|
62
|
+
return (jsxRuntime.jsx("td", {
|
|
63
|
+
// biome-ignore lint/a11y/noNoninteractiveElementToInteractiveRole: APG gridcell semantics belong on the semantic table cell
|
|
64
|
+
role: 'gridcell', tabIndex: -1, "aria-selected": cell.isSelected || undefined, "aria-disabled": cell.isDisabled || undefined, className: calendar_module.default.calendar_cell, children: jsxRuntime.jsx("button", { ref: (node) => setButtonRef(supportedCell.value, node), type: 'button', tabIndex: cell.isFocused && cell.isFocusable ? 0 : -1, "aria-label": cell.accessibleLabel, "aria-disabled": cell.isDisabled || undefined, className: clsx(calendar_module.default.calendar_day, {
|
|
65
|
+
[calendar_module.default.calendar_day_adjacent]: cell.isAdjacentMonth,
|
|
66
|
+
[calendar_module.default.calendar_day_selected]: cell.isSelected,
|
|
67
|
+
[calendar_module.default.calendar_day_today]: cell.isToday,
|
|
68
|
+
[calendar_module.default.calendar_day_unavailable]: cell.isUnavailable,
|
|
69
|
+
[calendar_module.default.calendar_day_out_of_range]: cell.isOutOfRange,
|
|
70
|
+
}), "data-date-value": cell.value, "data-adjacent-month": cell.isAdjacentMonth ? '' : undefined, "data-selected": cell.isSelected ? '' : undefined, "data-today": cell.isToday ? '' : undefined, "data-unavailable": cell.isUnavailable ? '' : undefined, "data-out-of-range": cell.isOutOfRange ? '' : undefined, onClick: () => onActivate(cell), onKeyDown: (event) => onKeyDown(event, supportedCell), children: cell.dayLabel }) }));
|
|
71
|
+
}
|
|
72
|
+
const Calendar = React.forwardRef(function Calendar({ label, value, defaultValue, onValueChange, defaultFocusedValue, today, minValue, maxValue, isDateUnavailable, locale, calendar = 'gregory', firstDayOfWeek, previousMonthLabel = 'Previous month', nextMonthLabel = 'Next month', disabled = false, readOnly = false, className, style, }, ref) {
|
|
73
|
+
const resolvedLocale = useDateLocale.useDateLocale(locale);
|
|
74
|
+
const resolvedCalendar = dateEngine.validateDateCalendar(calendar);
|
|
75
|
+
validateCalendarValueProps({
|
|
76
|
+
value,
|
|
77
|
+
defaultValue,
|
|
78
|
+
defaultFocusedValue,
|
|
79
|
+
today,
|
|
80
|
+
});
|
|
81
|
+
dateEngine.validateDateConstraints(minValue, maxValue);
|
|
82
|
+
const resolvedToday = today ?? getLocalTodayValue();
|
|
83
|
+
const [selectedValue, setSelectedValue] = useControllableState.useControllableValue(value, defaultValue ?? null, onValueChange);
|
|
84
|
+
const initialFocusedValue = calendarModel.resolveInitialCalendarFocus({
|
|
85
|
+
value: selectedValue,
|
|
86
|
+
defaultFocusedValue,
|
|
87
|
+
today: resolvedToday,
|
|
88
|
+
minValue,
|
|
89
|
+
maxValue,
|
|
90
|
+
});
|
|
91
|
+
const sourceKey = [
|
|
92
|
+
resolvedCalendar,
|
|
93
|
+
resolvedLocale,
|
|
94
|
+
firstDayOfWeek ?? 'locale-week-start',
|
|
95
|
+
selectedValue ?? 'empty',
|
|
96
|
+
defaultFocusedValue ?? '',
|
|
97
|
+
resolvedToday,
|
|
98
|
+
minValue ?? '',
|
|
99
|
+
maxValue ?? '',
|
|
100
|
+
].join('|');
|
|
101
|
+
const initialState = {
|
|
102
|
+
sourceKey,
|
|
103
|
+
calendarState: calendarModel.createCalendarState(initialFocusedValue, resolvedCalendar),
|
|
104
|
+
focusRequestId: 0,
|
|
105
|
+
};
|
|
106
|
+
const [storedState, dispatch] = React.useReducer(sourcedCalendarReducer, initialState);
|
|
107
|
+
const calendarState = storedState.sourceKey === sourceKey
|
|
108
|
+
? storedState.calendarState
|
|
109
|
+
: initialState.calendarState;
|
|
110
|
+
const direction = dateLocale.getLocaleDirection(resolvedLocale);
|
|
111
|
+
const model = React.useMemo(() => calendarModel.createCalendarGridModel({
|
|
112
|
+
focusedValue: calendarState.focusedValue,
|
|
113
|
+
visibleMonthValue: calendarState.visibleMonthValue,
|
|
114
|
+
selectedValue,
|
|
115
|
+
todayValue: resolvedToday,
|
|
116
|
+
minValue,
|
|
117
|
+
maxValue,
|
|
118
|
+
isDateUnavailable,
|
|
119
|
+
locale: resolvedLocale,
|
|
120
|
+
calendar: resolvedCalendar,
|
|
121
|
+
firstDayOfWeek,
|
|
122
|
+
disabled,
|
|
123
|
+
readOnly,
|
|
124
|
+
}), [
|
|
125
|
+
calendarState.focusedValue,
|
|
126
|
+
calendarState.visibleMonthValue,
|
|
127
|
+
selectedValue,
|
|
128
|
+
resolvedToday,
|
|
129
|
+
minValue,
|
|
130
|
+
maxValue,
|
|
131
|
+
isDateUnavailable,
|
|
132
|
+
resolvedLocale,
|
|
133
|
+
resolvedCalendar,
|
|
134
|
+
firstDayOfWeek,
|
|
135
|
+
disabled,
|
|
136
|
+
readOnly,
|
|
137
|
+
]);
|
|
138
|
+
const headingId = React.useId();
|
|
139
|
+
const buttonRefs = React.useRef(new Map());
|
|
140
|
+
const handledFocusRequestRef = React.useRef(0);
|
|
141
|
+
React.useLayoutEffect(() => {
|
|
142
|
+
if (handledFocusRequestRef.current === storedState.focusRequestId)
|
|
143
|
+
return;
|
|
144
|
+
handledFocusRequestRef.current = storedState.focusRequestId;
|
|
145
|
+
buttonRefs.current.get(calendarState.focusedValue)?.focus();
|
|
146
|
+
}, [calendarState.focusedValue, storedState.focusRequestId]);
|
|
147
|
+
const setButtonRef = React.useCallback((dateValue, node) => {
|
|
148
|
+
if (node)
|
|
149
|
+
buttonRefs.current.set(dateValue, node);
|
|
150
|
+
else
|
|
151
|
+
buttonRefs.current.delete(dateValue);
|
|
152
|
+
}, []);
|
|
153
|
+
const transition = React.useCallback((action, focusDay, baseState = calendarState) => {
|
|
154
|
+
dispatch({ sourceKey, baseState, action, focusDay });
|
|
155
|
+
}, [sourceKey, calendarState]);
|
|
156
|
+
const moveFocus = React.useCallback((movement, focusDay, fromValue = calendarState.focusedValue) => {
|
|
157
|
+
const baseState = fromValue === calendarState.focusedValue
|
|
158
|
+
? calendarState
|
|
159
|
+
: calendarModel.createCalendarState(fromValue, resolvedCalendar);
|
|
160
|
+
transition({
|
|
161
|
+
type: 'move-focus',
|
|
162
|
+
movement,
|
|
163
|
+
calendar: resolvedCalendar,
|
|
164
|
+
firstDayOfWeek: model.firstDayOfWeek,
|
|
165
|
+
}, focusDay, baseState);
|
|
166
|
+
}, [
|
|
167
|
+
transition,
|
|
168
|
+
calendarState,
|
|
169
|
+
resolvedCalendar,
|
|
170
|
+
model.firstDayOfWeek,
|
|
171
|
+
]);
|
|
172
|
+
const activateCell = React.useCallback((cell) => {
|
|
173
|
+
if (!calendarModel.canSelectCalendarCell(cell) || cell.value === selectedValue)
|
|
174
|
+
return;
|
|
175
|
+
setSelectedValue(cell.value);
|
|
176
|
+
transition({
|
|
177
|
+
type: 'set-focused-value',
|
|
178
|
+
value: cell.value,
|
|
179
|
+
calendar: resolvedCalendar,
|
|
180
|
+
}, false);
|
|
181
|
+
}, [selectedValue, setSelectedValue, transition, resolvedCalendar]);
|
|
182
|
+
const handleDayKeyDown = React.useCallback((event, cell) => {
|
|
183
|
+
if (disabled)
|
|
184
|
+
return;
|
|
185
|
+
const command = calendarInteractions.resolveCalendarKeyboardCommand(event.key, event.shiftKey, direction);
|
|
186
|
+
if (!command)
|
|
187
|
+
return;
|
|
188
|
+
event.preventDefault();
|
|
189
|
+
if (command.type === 'activate')
|
|
190
|
+
activateCell(cell);
|
|
191
|
+
else
|
|
192
|
+
moveFocus(command.movement, true, cell.value);
|
|
193
|
+
}, [activateCell, direction, disabled, moveFocus]);
|
|
194
|
+
const previousFocusedValue = calendarModel.moveCalendarFocus(calendarState.focusedValue, { unit: 'month', amount: -1 }, { calendar: resolvedCalendar, firstDayOfWeek: model.firstDayOfWeek });
|
|
195
|
+
const nextFocusedValue = calendarModel.moveCalendarFocus(calendarState.focusedValue, { unit: 'month', amount: 1 }, { calendar: resolvedCalendar, firstDayOfWeek: model.firstDayOfWeek });
|
|
196
|
+
const rows = createCalendarRows(model.cells);
|
|
197
|
+
return (jsxRuntime.jsxs("div", { ref: ref, dir: direction, className: clsx(calendar_module.default.calendar, className), style: style, "data-disabled": disabled || undefined, "data-readonly": readOnly || undefined, children: [jsxRuntime.jsxs("div", { className: calendar_module.default.calendar_header, children: [jsxRuntime.jsx(index.default, { variant: 'ghost', size: 'sm', className: calendar_module.default.calendar_navigation_button, "aria-label": previousMonthLabel, disabled: disabled || previousFocusedValue === calendarState.focusedValue, onClick: () => moveFocus({ unit: 'month', amount: -1 }, false), children: jsxRuntime.jsx(ChevronDownIcon.ChevronDownIcon, { className: calendar_module.default.calendar_previous_icon }) }), jsxRuntime.jsx("h2", { id: headingId, className: calendar_module.default.calendar_heading, "aria-live": 'polite', "aria-atomic": 'true', children: model.heading }), jsxRuntime.jsx(index.default, { variant: 'ghost', size: 'sm', className: calendar_module.default.calendar_navigation_button, "aria-label": nextMonthLabel, disabled: disabled || nextFocusedValue === calendarState.focusedValue, onClick: () => moveFocus({ unit: 'month', amount: 1 }, false), children: jsxRuntime.jsx(ChevronDownIcon.ChevronDownIcon, { className: calendar_module.default.calendar_next_icon }) })] }), jsxRuntime.jsxs("table", {
|
|
198
|
+
// biome-ignore lint/a11y/noNoninteractiveElementToInteractiveRole: APG enhances the semantic date table as a grid
|
|
199
|
+
role: 'grid', "aria-label": label, "aria-describedby": headingId, className: calendar_module.default.calendar_grid, children: [jsxRuntime.jsx("thead", { children: jsxRuntime.jsx("tr", { children: model.weekdayLabels.map((weekday) => (jsxRuntime.jsx("th", { scope: 'col', className: calendar_module.default.calendar_weekday, children: jsxRuntime.jsx("abbr", { title: weekday.long, children: weekday.short }) }, weekday.long))) }) }), jsxRuntime.jsx("tbody", { children: rows.map((row) => (jsxRuntime.jsx("tr", { children: row.map((cell) => (jsxRuntime.jsx(CalendarDayCell, { cell: cell, onActivate: activateCell, onKeyDown: handleDayKeyDown, setButtonRef: setButtonRef }, cell.gridKey))) }, getCalendarRowKey(row)))) })] })] }));
|
|
200
|
+
});
|
|
201
|
+
Calendar.displayName = 'Calendar';
|
|
202
|
+
|
|
203
|
+
exports.default = Calendar;
|
|
204
|
+
//# sourceMappingURL=index.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../src/Calendar/index.tsx"],"sourcesContent":[null],"names":["calendarStateReducer","serializeDateValue","parseDateValue","_jsx","styles","useDateLocale","validateDateCalendar","validateDateConstraints","useControllableValue","resolveInitialCalendarFocus","createCalendarState","getLocaleDirection","createCalendarGridModel","canSelectCalendarCell","resolveCalendarKeyboardCommand","moveCalendarFocus","_jsxs","Button","ChevronDownIcon"],"mappings":"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"}
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
+
var dateLocale = require('../date/dateLocale.cjs');
|
|
6
|
+
var DateSegmentInput = require('./DateSegmentInput.cjs');
|
|
7
|
+
var datefield_module = require('./datefield.module.css.cjs');
|
|
8
|
+
|
|
9
|
+
const DEFAULT_SEGMENT_LABELS = {
|
|
10
|
+
era: 'Era',
|
|
11
|
+
year: 'Year',
|
|
12
|
+
month: 'Month',
|
|
13
|
+
day: 'Day',
|
|
14
|
+
};
|
|
15
|
+
function getDateSegmentAriaMetadata({ segment, value, numericValue, calendarDate, eraOptions, eraId, }) {
|
|
16
|
+
const valueText = value || undefined;
|
|
17
|
+
switch (segment) {
|
|
18
|
+
case 'era':
|
|
19
|
+
return {
|
|
20
|
+
valueMin: 1,
|
|
21
|
+
valueMax: eraOptions.length,
|
|
22
|
+
valueNow: Math.max(1, eraOptions.findIndex((option) => option.id === eraId) + 1),
|
|
23
|
+
valueText,
|
|
24
|
+
};
|
|
25
|
+
case 'month':
|
|
26
|
+
return {
|
|
27
|
+
valueMin: 1,
|
|
28
|
+
valueMax: calendarDate.monthsInYear,
|
|
29
|
+
valueNow: numericValue,
|
|
30
|
+
valueText,
|
|
31
|
+
};
|
|
32
|
+
case 'day':
|
|
33
|
+
return {
|
|
34
|
+
valueMin: 1,
|
|
35
|
+
valueMax: calendarDate.daysInMonth,
|
|
36
|
+
valueNow: numericValue,
|
|
37
|
+
valueText,
|
|
38
|
+
};
|
|
39
|
+
case 'year':
|
|
40
|
+
return { valueNow: numericValue, valueText };
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
function getNumericSegmentValue(value, locale) {
|
|
44
|
+
if (value.length === 0)
|
|
45
|
+
return undefined;
|
|
46
|
+
const numericValue = Number(dateLocale.normalizeLocalizedDigits(value, locale).replace('−', '-'));
|
|
47
|
+
return Number.isInteger(numericValue) ? numericValue : undefined;
|
|
48
|
+
}
|
|
49
|
+
function DateFieldPart({ part, draft, segmentLabels, locale, calendarDate, eraOptions, firstVisibleSegment, disabled, readOnly, required, invalid, onInputRef, onFocus, onChange, onKeyDown, onPaste, }) {
|
|
50
|
+
if (part.kind === 'literal') {
|
|
51
|
+
return (jsxRuntime.jsx("span", { className: datefield_module.default.separator, "aria-hidden": 'true', children: part.value }));
|
|
52
|
+
}
|
|
53
|
+
const value = draft.values[part.type];
|
|
54
|
+
const ariaMetadata = getDateSegmentAriaMetadata({
|
|
55
|
+
segment: part.type,
|
|
56
|
+
value,
|
|
57
|
+
numericValue: getNumericSegmentValue(value, locale),
|
|
58
|
+
calendarDate,
|
|
59
|
+
eraOptions,
|
|
60
|
+
eraId: draft.eraId,
|
|
61
|
+
});
|
|
62
|
+
return (jsxRuntime.jsx(DateSegmentInput.DateSegmentInput, { segment: part.type, value: value, label: segmentLabels?.[part.type] ?? DEFAULT_SEGMENT_LABELS[part.type], tabIndex: draft.activeSegment === part.type ? 0 : -1, disabled: disabled, readOnly: readOnly, required: required && part.type === firstVisibleSegment, invalid: invalid, ...ariaMetadata, inputRef: (node) => onInputRef(part.type, node), onFocus: onFocus, onChange: onChange, onKeyDown: onKeyDown, onPaste: onPaste }));
|
|
63
|
+
}
|
|
64
|
+
function DateFieldSegments({ layout, ...partProps }) {
|
|
65
|
+
return (jsxRuntime.jsx("span", { className: datefield_module.default.segments, children: layout.map((part, index) => (jsxRuntime.jsx(DateFieldPart, { part: part, ...partProps }, part.kind === 'literal'
|
|
66
|
+
? `literal-${index}-${part.value}`
|
|
67
|
+
: part.type))) }));
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
exports.DateFieldSegments = DateFieldSegments;
|
|
71
|
+
//# sourceMappingURL=DateFieldSegments.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DateFieldSegments.cjs","sources":["../../../src/DateField/DateFieldSegments.tsx"],"sourcesContent":[null],"names":["normalizeLocalizedDigits","_jsx","styles","DateSegmentInput"],"mappings":"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"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
+
var dateFieldState = require('./dateFieldState.cjs');
|
|
6
|
+
var datefield_module = require('./datefield.module.css.cjs');
|
|
7
|
+
|
|
8
|
+
function DateSegmentInput({ segment, value, label, tabIndex, disabled, readOnly, required, invalid, valueMin, valueMax, valueNow, valueText, inputRef, onChange, onFocus, onKeyDown, onPaste, }) {
|
|
9
|
+
return (jsxRuntime.jsx("input", { ref: inputRef, role: 'spinbutton', type: 'text', inputMode: segment === 'era' ? 'text' : 'numeric', autoComplete: 'off', className: datefield_module.default.segment, style: dateFieldState.getSegmentWidth(segment, value), value: value, "aria-label": label, "aria-invalid": invalid || undefined, "aria-valuemin": valueMin, "aria-valuemax": valueMax, "aria-valuenow": valueNow, "aria-valuetext": valueText, tabIndex: tabIndex, disabled: disabled, readOnly: readOnly, required: required, onFocus: (event) => {
|
|
10
|
+
if (segment === 'era')
|
|
11
|
+
event.currentTarget.select();
|
|
12
|
+
onFocus(segment);
|
|
13
|
+
}, onChange: (event) => onChange(segment, event.currentTarget.value), onKeyDown: (event) => onKeyDown(segment, event), onPaste: (event) => onPaste(segment, event) }));
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
exports.DateSegmentInput = DateSegmentInput;
|
|
17
|
+
//# sourceMappingURL=DateSegmentInput.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DateSegmentInput.cjs","sources":["../../../src/DateField/DateSegmentInput.tsx"],"sourcesContent":[null],"names":["_jsx","styles","getSegmentWidth"],"mappings":";;;;;;;SA+BgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,KAAK,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,SAAS,EACT,OAAO,GACe,EAAA;AACtB,IAAA,QACEA,cAAA,CAAA,OAAA,EAAA,EACE,GAAG,EAAE,QAAQ,EACb,IAAI,EAAC,YAAY,EACjB,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,OAAO,KAAK,KAAK,GAAG,MAAM,GAAG,SAAS,EACjD,YAAY,EAAC,KAAK,EAClB,SAAS,EAAEC,wBAAM,CAAC,OAAO,EACzB,KAAK,EAAEC,8BAAe,CAAC,OAAO,EAAE,KAAK,CAAC,EACtC,KAAK,EAAE,KAAK,EAAA,YAAA,EACA,KAAK,EAAA,cAAA,EACH,OAAO,IAAI,SAAS,mBACnB,QAAQ,EAAA,eAAA,EACR,QAAQ,EAAA,eAAA,EACR,QAAQ,oBACP,SAAS,EACzB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,CAAC,KAAK,KAAI;YACjB,IAAI,OAAO,KAAK,KAAK;AAAE,gBAAA,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE;YACnD,OAAO,CAAC,OAAO,CAAC;QAClB,CAAC,EACD,QAAQ,EAAE,CAAC,KAAK,KAAK,QAAQ,CAAC,OAAO,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,EACjE,SAAS,EAAE,CAAC,KAAK,KAAK,SAAS,CAAC,OAAO,EAAE,KAAK,CAAC,EAC/C,OAAO,EAAE,CAAC,KAAK,KAAK,OAAO,CAAC,OAAO,EAAE,KAAK,CAAC,EAAA,CAC3C;AAEN;;;;"}
|
|
@@ -0,0 +1,205 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
var dateEngine = require('../date/dateEngine.cjs');
|
|
5
|
+
var dateLocale = require('../date/dateLocale.cjs');
|
|
6
|
+
var dateFieldState = require('./dateFieldState.cjs');
|
|
7
|
+
|
|
8
|
+
const STEP_AMOUNTS = {
|
|
9
|
+
ArrowUp: 1,
|
|
10
|
+
ArrowDown: -1,
|
|
11
|
+
};
|
|
12
|
+
function normalizeDateFieldValue(value, propName) {
|
|
13
|
+
if (value === undefined || value === null)
|
|
14
|
+
return value;
|
|
15
|
+
return dateEngine.serializeDateValue(dateEngine.parseDateValue(value, propName));
|
|
16
|
+
}
|
|
17
|
+
function resolveMoveTarget({ key, segment, direction, visibleSegments, }) {
|
|
18
|
+
if (key !== 'ArrowLeft' && key !== 'ArrowRight')
|
|
19
|
+
return undefined;
|
|
20
|
+
const physicalDirection = key === 'ArrowRight' ? 1 : -1;
|
|
21
|
+
const logicalDirection = direction === 'rtl' ? -physicalDirection : physicalDirection;
|
|
22
|
+
const currentIndex = visibleSegments.indexOf(segment);
|
|
23
|
+
return visibleSegments[currentIndex + logicalDirection] ?? segment;
|
|
24
|
+
}
|
|
25
|
+
function resolveDateFieldKeyCommand(options) {
|
|
26
|
+
const moveTarget = resolveMoveTarget(options);
|
|
27
|
+
if (moveTarget)
|
|
28
|
+
return { type: 'move', target: moveTarget };
|
|
29
|
+
if (options.key === 'Escape')
|
|
30
|
+
return { type: 'restore' };
|
|
31
|
+
if (!options.editable)
|
|
32
|
+
return null;
|
|
33
|
+
if (options.key === 'Backspace' || options.key === 'Delete') {
|
|
34
|
+
return { type: 'clear' };
|
|
35
|
+
}
|
|
36
|
+
const amount = STEP_AMOUNTS[options.key];
|
|
37
|
+
return amount === undefined
|
|
38
|
+
? null
|
|
39
|
+
: { type: 'step', segment: options.segment, amount };
|
|
40
|
+
}
|
|
41
|
+
function normalizeNumericInput(value, segment, locale) {
|
|
42
|
+
const acceptedCharacter = segment === 'year' ? /^[\d-]$/ : /^\d$/;
|
|
43
|
+
return Array.from(value)
|
|
44
|
+
.filter((character) => {
|
|
45
|
+
const normalizedCharacter = dateLocale.normalizeLocalizedDigits(character, locale).replace('−', '-');
|
|
46
|
+
return acceptedCharacter.test(normalizedCharacter);
|
|
47
|
+
})
|
|
48
|
+
.join('');
|
|
49
|
+
}
|
|
50
|
+
function createEraDraftEdit({ draft, nextValue, locale, eraOptions, }) {
|
|
51
|
+
if (nextValue.length === 0) {
|
|
52
|
+
return {
|
|
53
|
+
draft: {
|
|
54
|
+
...draft,
|
|
55
|
+
values: { ...draft.values, era: '' },
|
|
56
|
+
eraTypeahead: '',
|
|
57
|
+
},
|
|
58
|
+
shouldApply: true,
|
|
59
|
+
};
|
|
60
|
+
}
|
|
61
|
+
const appendedValue = nextValue.startsWith(draft.values.era)
|
|
62
|
+
? nextValue.slice(draft.values.era.length)
|
|
63
|
+
: nextValue;
|
|
64
|
+
const typeahead = `${draft.eraTypeahead}${appendedValue}`;
|
|
65
|
+
const normalizedQuery = typeahead.trim().toLocaleLowerCase(locale);
|
|
66
|
+
const matches = eraOptions.filter((option) => option.label.toLocaleLowerCase(locale).startsWith(normalizedQuery));
|
|
67
|
+
const matchedEra = matches[0];
|
|
68
|
+
return {
|
|
69
|
+
draft: {
|
|
70
|
+
...draft,
|
|
71
|
+
eraId: matchedEra?.id ?? draft.eraId,
|
|
72
|
+
values: { ...draft.values, era: matchedEra?.label ?? nextValue },
|
|
73
|
+
eraTypeahead: typeahead,
|
|
74
|
+
},
|
|
75
|
+
shouldApply: matches.length === 1,
|
|
76
|
+
};
|
|
77
|
+
}
|
|
78
|
+
function createDateDraftEdit(options) {
|
|
79
|
+
if (options.segment === 'era')
|
|
80
|
+
return createEraDraftEdit(options);
|
|
81
|
+
return {
|
|
82
|
+
draft: dateFieldState.draftReducer(options.draft, {
|
|
83
|
+
type: 'set-segment',
|
|
84
|
+
segment: options.segment,
|
|
85
|
+
value: normalizeNumericInput(options.nextValue, options.segment, options.locale),
|
|
86
|
+
}),
|
|
87
|
+
shouldApply: true,
|
|
88
|
+
};
|
|
89
|
+
}
|
|
90
|
+
function stepEraDraft({ draft, amount, eraOptions, }) {
|
|
91
|
+
if (eraOptions.length === 0)
|
|
92
|
+
return null;
|
|
93
|
+
const currentIndex = eraOptions.findIndex((option) => option.id === draft.eraId);
|
|
94
|
+
const nextIndex = (currentIndex + amount + eraOptions.length) % eraOptions.length;
|
|
95
|
+
const nextEra = eraOptions[nextIndex];
|
|
96
|
+
return {
|
|
97
|
+
...draft,
|
|
98
|
+
eraId: nextEra.id,
|
|
99
|
+
values: { ...draft.values, era: nextEra.label },
|
|
100
|
+
eraTypeahead: '',
|
|
101
|
+
};
|
|
102
|
+
}
|
|
103
|
+
function stepCalendarDate(value, segment, amount, calendar) {
|
|
104
|
+
const date = dateEngine.parseDateValue(value);
|
|
105
|
+
switch (segment) {
|
|
106
|
+
case 'day':
|
|
107
|
+
return dateEngine.serializeDateValue(dateEngine.addIsoDays(date, amount));
|
|
108
|
+
case 'month':
|
|
109
|
+
return dateEngine.serializeDateValue(dateEngine.addCalendarMonths(date, calendar, amount));
|
|
110
|
+
case 'year':
|
|
111
|
+
return dateEngine.serializeDateValue(dateEngine.addCalendarYears(date, calendar, amount));
|
|
112
|
+
}
|
|
113
|
+
}
|
|
114
|
+
function stepDateDraft(options) {
|
|
115
|
+
if (options.segment === 'era')
|
|
116
|
+
return stepEraDraft(options);
|
|
117
|
+
const currentValue = dateFieldState.getDraftValue(options.draft, options.locale, options.calendar);
|
|
118
|
+
if (typeof currentValue !== 'string')
|
|
119
|
+
return null;
|
|
120
|
+
try {
|
|
121
|
+
return dateFieldState.createDraft(stepCalendarDate(currentValue, options.segment, options.amount, options.calendar), options.calendar, options.locale, options.layout, [...options.eraOptions]);
|
|
122
|
+
}
|
|
123
|
+
catch {
|
|
124
|
+
return null;
|
|
125
|
+
}
|
|
126
|
+
}
|
|
127
|
+
function resolveDateDraftValue({ draft, locale, calendar, minDate, maxDate, isDateUnavailable, }) {
|
|
128
|
+
const value = dateFieldState.getDraftValue(draft, locale, calendar);
|
|
129
|
+
if (typeof value !== 'string')
|
|
130
|
+
return value;
|
|
131
|
+
const selectable = dateEngine.isDateWithinConstraints(dateEngine.parseDateValue(value), minDate, maxDate) &&
|
|
132
|
+
!isDateUnavailable?.(value);
|
|
133
|
+
return selectable ? value : undefined;
|
|
134
|
+
}
|
|
135
|
+
const REGEXP_SPECIAL_CHARACTERS = /[.*+?^${}()|[\]\\]/g;
|
|
136
|
+
const NUMERIC_SEGMENT_CAPTURE = String.raw `([\d−-]+)`;
|
|
137
|
+
function escapeRegExp(value) {
|
|
138
|
+
return value.replace(REGEXP_SPECIAL_CHARACTERS, String.raw `\$&`);
|
|
139
|
+
}
|
|
140
|
+
function createLocalizedPastePattern(layout) {
|
|
141
|
+
let pattern = '^';
|
|
142
|
+
const capturedSegments = [];
|
|
143
|
+
for (const part of layout) {
|
|
144
|
+
if (part.kind === 'literal') {
|
|
145
|
+
pattern += escapeRegExp(part.value);
|
|
146
|
+
continue;
|
|
147
|
+
}
|
|
148
|
+
pattern += part.type === 'era' ? '(.+?)' : NUMERIC_SEGMENT_CAPTURE;
|
|
149
|
+
capturedSegments.push(part.type);
|
|
150
|
+
}
|
|
151
|
+
return { expression: new RegExp(`${pattern}$`), capturedSegments };
|
|
152
|
+
}
|
|
153
|
+
function applyPasteCapture(draft, segment, capturedValue, locale, eraOptions) {
|
|
154
|
+
if (segment !== 'era') {
|
|
155
|
+
return dateFieldState.draftReducer(draft, {
|
|
156
|
+
type: 'set-segment',
|
|
157
|
+
segment,
|
|
158
|
+
value: capturedValue,
|
|
159
|
+
});
|
|
160
|
+
}
|
|
161
|
+
const matchedEra = eraOptions.find((option) => option.label.localeCompare(capturedValue, locale, {
|
|
162
|
+
sensitivity: 'base',
|
|
163
|
+
}) === 0);
|
|
164
|
+
return matchedEra
|
|
165
|
+
? {
|
|
166
|
+
...draft,
|
|
167
|
+
eraId: matchedEra.id,
|
|
168
|
+
values: { ...draft.values, era: matchedEra.label },
|
|
169
|
+
eraTypeahead: '',
|
|
170
|
+
}
|
|
171
|
+
: null;
|
|
172
|
+
}
|
|
173
|
+
function parseLocalizedPaste({ text, draft, locale, layout, eraOptions, }) {
|
|
174
|
+
const normalizedText = dateLocale.normalizeLocalizedDigits(text.trim(), locale);
|
|
175
|
+
const { expression, capturedSegments } = createLocalizedPastePattern(layout);
|
|
176
|
+
const match = expression.exec(normalizedText);
|
|
177
|
+
if (!match)
|
|
178
|
+
return null;
|
|
179
|
+
let nextDraft = draft;
|
|
180
|
+
for (const [index, segment] of capturedSegments.entries()) {
|
|
181
|
+
const capturedValue = match[index + 1];
|
|
182
|
+
const capturedDraft = applyPasteCapture(nextDraft, segment, capturedValue, locale, eraOptions);
|
|
183
|
+
if (!capturedDraft)
|
|
184
|
+
return null;
|
|
185
|
+
nextDraft = capturedDraft;
|
|
186
|
+
}
|
|
187
|
+
return nextDraft;
|
|
188
|
+
}
|
|
189
|
+
function parseDateFieldPaste(options) {
|
|
190
|
+
try {
|
|
191
|
+
const isoValue = dateEngine.serializeDateValue(dateEngine.parseDateValue(options.text, 'pasted value'));
|
|
192
|
+
return dateFieldState.createDraft(isoValue, options.calendar, options.locale, options.layout, [...options.eraOptions]);
|
|
193
|
+
}
|
|
194
|
+
catch {
|
|
195
|
+
return parseLocalizedPaste(options);
|
|
196
|
+
}
|
|
197
|
+
}
|
|
198
|
+
|
|
199
|
+
exports.createDateDraftEdit = createDateDraftEdit;
|
|
200
|
+
exports.normalizeDateFieldValue = normalizeDateFieldValue;
|
|
201
|
+
exports.parseDateFieldPaste = parseDateFieldPaste;
|
|
202
|
+
exports.resolveDateDraftValue = resolveDateDraftValue;
|
|
203
|
+
exports.resolveDateFieldKeyCommand = resolveDateFieldKeyCommand;
|
|
204
|
+
exports.stepDateDraft = stepDateDraft;
|
|
205
|
+
//# sourceMappingURL=dateFieldInteractions.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dateFieldInteractions.cjs","sources":["../../../src/DateField/dateFieldInteractions.ts"],"sourcesContent":[null],"names":["serializeDateValue","parseDateValue","normalizeLocalizedDigits","draftReducer","addIsoDays","addCalendarMonths","addCalendarYears","getDraftValue","createDraft","isDateWithinConstraints"],"mappings":"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"}
|