frey-ui 1.1.0 → 1.2.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/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/Icons/CalendarIcon.cjs +12 -0
- package/dist/cjs/Icons/CalendarIcon.cjs.map +1 -0
- package/dist/cjs/Popover/index.cjs +2 -2
- package/dist/cjs/Popover/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/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/Icons/CalendarIcon.mjs +10 -0
- package/dist/esm/Icons/CalendarIcon.mjs.map +1 -0
- package/dist/esm/Popover/index.mjs +2 -2
- package/dist/esm/Popover/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/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/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/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/index.d.ts +8 -1
- package/dist/types/src/index.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,224 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { isoDateToEpochDay, parseDateValue, validateDateConstraints, serializeDateValue, isDateWithinConstraints, epochDayToIsoDate, getCalendarDate, fromCalendarDate, addCalendarMonths, addCalendarYears } from '../date/dateEngine.mjs';
|
|
3
|
+
import { resolveDateLocale, getLocaleFirstDayOfWeek, formatDateValue, formatLocalizedNumber, getWeekdayLabels, formatCalendarMonthHeading } from '../date/dateLocale.mjs';
|
|
4
|
+
|
|
5
|
+
const MIN_VALUE = '0001-01-01';
|
|
6
|
+
const MAX_VALUE = '9999-12-31';
|
|
7
|
+
const MIN_EPOCH_DAY = isoDateToEpochDay(parseDateValue(MIN_VALUE));
|
|
8
|
+
const MAX_EPOCH_DAY = isoDateToEpochDay(parseDateValue(MAX_VALUE));
|
|
9
|
+
const FIXED_MONTH_CALENDARS = new Set([
|
|
10
|
+
'gregory',
|
|
11
|
+
'buddhist',
|
|
12
|
+
'japanese',
|
|
13
|
+
'roc',
|
|
14
|
+
]);
|
|
15
|
+
const WEEKDAY_INDEX = {
|
|
16
|
+
sun: 0,
|
|
17
|
+
mon: 1,
|
|
18
|
+
tue: 2,
|
|
19
|
+
wed: 3,
|
|
20
|
+
thu: 4,
|
|
21
|
+
fri: 5,
|
|
22
|
+
sat: 6,
|
|
23
|
+
};
|
|
24
|
+
function modulo(value, divisor) {
|
|
25
|
+
return ((value % divisor) + divisor) % divisor;
|
|
26
|
+
}
|
|
27
|
+
function getWeekdayIndex(date) {
|
|
28
|
+
// 1970-01-01 was Thursday (index 4 in a Sunday-first week).
|
|
29
|
+
return modulo(isoDateToEpochDay(date) + 4, 7);
|
|
30
|
+
}
|
|
31
|
+
function getCalendarMonthStart(date, calendar) {
|
|
32
|
+
const calendarDate = getCalendarDate(date, calendar);
|
|
33
|
+
// Japanese eras can begin mid-month. The fixed-month calendars therefore
|
|
34
|
+
// use their related ISO month instead of constructing an invalid era date.
|
|
35
|
+
if (FIXED_MONTH_CALENDARS.has(calendar)) {
|
|
36
|
+
return parseDateValue(serializeDateValue({
|
|
37
|
+
year: calendarDate.relatedYear,
|
|
38
|
+
month: calendarDate.relatedMonth,
|
|
39
|
+
day: 1,
|
|
40
|
+
}));
|
|
41
|
+
}
|
|
42
|
+
return fromCalendarDate({ ...calendarDate, day: 1 }, calendar);
|
|
43
|
+
}
|
|
44
|
+
function isSameCalendarUnit(left, right, calendar, unit) {
|
|
45
|
+
const leftCalendarDate = getCalendarDate(left, calendar);
|
|
46
|
+
const rightCalendarDate = getCalendarDate(right, calendar);
|
|
47
|
+
if (FIXED_MONTH_CALENDARS.has(calendar)) {
|
|
48
|
+
return (leftCalendarDate.relatedYear === rightCalendarDate.relatedYear &&
|
|
49
|
+
(unit === 'year' ||
|
|
50
|
+
leftCalendarDate.relatedMonth === rightCalendarDate.relatedMonth));
|
|
51
|
+
}
|
|
52
|
+
return (leftCalendarDate.era === rightCalendarDate.era &&
|
|
53
|
+
leftCalendarDate.year === rightCalendarDate.year &&
|
|
54
|
+
(unit === 'year' || leftCalendarDate.month === rightCalendarDate.month));
|
|
55
|
+
}
|
|
56
|
+
function getNextCalendarMonthEpoch(monthStart, calendar) {
|
|
57
|
+
if (isSameCalendarUnit(monthStart, parseDateValue(MAX_VALUE), calendar, 'month')) {
|
|
58
|
+
return MAX_EPOCH_DAY + 1;
|
|
59
|
+
}
|
|
60
|
+
return isoDateToEpochDay(addCalendarMonths(monthStart, calendar, 1));
|
|
61
|
+
}
|
|
62
|
+
function createCalendarGridModel({ focusedValue, visibleMonthValue = focusedValue, selectedValue, todayValue, minValue, maxValue, isDateUnavailable, locale, calendar, firstDayOfWeek, disabled = false, readOnly = false, }) {
|
|
63
|
+
parseDateValue(focusedValue, 'focusedValue');
|
|
64
|
+
const visibleDate = parseDateValue(visibleMonthValue, 'visibleMonthValue');
|
|
65
|
+
if (selectedValue !== undefined && selectedValue !== null) {
|
|
66
|
+
parseDateValue(selectedValue, 'selectedValue');
|
|
67
|
+
}
|
|
68
|
+
if (todayValue !== undefined)
|
|
69
|
+
parseDateValue(todayValue, 'todayValue');
|
|
70
|
+
const { minDate, maxDate } = validateDateConstraints(minValue, maxValue);
|
|
71
|
+
const resolvedLocale = resolveDateLocale(locale);
|
|
72
|
+
const resolvedFirstDay = firstDayOfWeek ?? getLocaleFirstDayOfWeek(resolvedLocale);
|
|
73
|
+
const monthStart = getCalendarMonthStart(visibleDate, calendar);
|
|
74
|
+
const monthStartEpoch = isoDateToEpochDay(monthStart);
|
|
75
|
+
const nextMonthEpoch = getNextCalendarMonthEpoch(monthStart, calendar);
|
|
76
|
+
const gridStartEpoch = monthStartEpoch -
|
|
77
|
+
modulo(getWeekdayIndex(monthStart) - WEEKDAY_INDEX[resolvedFirstDay], 7);
|
|
78
|
+
const cells = Array.from({ length: 42 }, (_, index) => {
|
|
79
|
+
const epochDay = gridStartEpoch + index;
|
|
80
|
+
const gridKey = `epoch-${epochDay}`;
|
|
81
|
+
if (epochDay < MIN_EPOCH_DAY || epochDay > MAX_EPOCH_DAY) {
|
|
82
|
+
return {
|
|
83
|
+
gridKey,
|
|
84
|
+
value: null,
|
|
85
|
+
calendarDate: null,
|
|
86
|
+
dayLabel: '',
|
|
87
|
+
accessibleLabel: '',
|
|
88
|
+
isAdjacentMonth: true,
|
|
89
|
+
isFocused: false,
|
|
90
|
+
isSelected: false,
|
|
91
|
+
isToday: false,
|
|
92
|
+
isUnavailable: false,
|
|
93
|
+
isOutOfRange: true,
|
|
94
|
+
isOutsideSupportedRange: true,
|
|
95
|
+
isDisabled: true,
|
|
96
|
+
isReadOnly: readOnly,
|
|
97
|
+
isFocusable: false,
|
|
98
|
+
};
|
|
99
|
+
}
|
|
100
|
+
const date = epochDayToIsoDate(epochDay);
|
|
101
|
+
const value = serializeDateValue(date);
|
|
102
|
+
const calendarDate = getCalendarDate(date, calendar);
|
|
103
|
+
const isUnavailable = isDateUnavailable?.(value) ?? false;
|
|
104
|
+
const isOutOfRange = !isDateWithinConstraints(date, minDate, maxDate);
|
|
105
|
+
return {
|
|
106
|
+
gridKey,
|
|
107
|
+
value,
|
|
108
|
+
calendarDate,
|
|
109
|
+
dayLabel: formatLocalizedNumber(calendarDate.day, resolvedLocale),
|
|
110
|
+
accessibleLabel: formatDateValue(value, resolvedLocale, calendar),
|
|
111
|
+
isAdjacentMonth: epochDay < monthStartEpoch || epochDay >= nextMonthEpoch,
|
|
112
|
+
isFocused: value === focusedValue,
|
|
113
|
+
isSelected: value === selectedValue,
|
|
114
|
+
isToday: value === todayValue,
|
|
115
|
+
isUnavailable,
|
|
116
|
+
isOutOfRange,
|
|
117
|
+
isOutsideSupportedRange: false,
|
|
118
|
+
isDisabled: disabled || isUnavailable || isOutOfRange,
|
|
119
|
+
isReadOnly: readOnly,
|
|
120
|
+
isFocusable: !disabled,
|
|
121
|
+
};
|
|
122
|
+
});
|
|
123
|
+
return {
|
|
124
|
+
cells,
|
|
125
|
+
heading: formatCalendarMonthHeading(serializeDateValue(monthStart), resolvedLocale, calendar),
|
|
126
|
+
firstDayOfWeek: resolvedFirstDay,
|
|
127
|
+
monthStartValue: serializeDateValue(monthStart),
|
|
128
|
+
weekdayLabels: getWeekdayLabels(resolvedLocale, resolvedFirstDay),
|
|
129
|
+
};
|
|
130
|
+
}
|
|
131
|
+
function canSelectCalendarCell(cell) {
|
|
132
|
+
return cell.value !== null && !cell.isDisabled && !cell.isReadOnly;
|
|
133
|
+
}
|
|
134
|
+
function resolveInitialCalendarFocus({ value, defaultFocusedValue, today, minValue, maxValue, }) {
|
|
135
|
+
const { minDate, maxDate } = validateDateConstraints(minValue, maxValue);
|
|
136
|
+
const selectedDate = value === undefined || value === null
|
|
137
|
+
? undefined
|
|
138
|
+
: parseDateValue(value, 'value');
|
|
139
|
+
const defaultDate = defaultFocusedValue === undefined
|
|
140
|
+
? undefined
|
|
141
|
+
: parseDateValue(defaultFocusedValue, 'defaultFocusedValue');
|
|
142
|
+
const todayDate = parseDateValue(today, 'today');
|
|
143
|
+
if (selectedDate)
|
|
144
|
+
return serializeDateValue(selectedDate);
|
|
145
|
+
if (defaultDate) {
|
|
146
|
+
if (isDateWithinConstraints(defaultDate, minDate, maxDate)) {
|
|
147
|
+
return serializeDateValue(defaultDate);
|
|
148
|
+
}
|
|
149
|
+
}
|
|
150
|
+
if (minDate && isoDateToEpochDay(todayDate) < isoDateToEpochDay(minDate)) {
|
|
151
|
+
return serializeDateValue(minDate);
|
|
152
|
+
}
|
|
153
|
+
if (maxDate && isoDateToEpochDay(todayDate) > isoDateToEpochDay(maxDate)) {
|
|
154
|
+
return serializeDateValue(maxDate);
|
|
155
|
+
}
|
|
156
|
+
return today;
|
|
157
|
+
}
|
|
158
|
+
function addClampedIsoDays(date, amount) {
|
|
159
|
+
const epochDay = Math.min(Math.max(isoDateToEpochDay(date) + amount, MIN_EPOCH_DAY), MAX_EPOCH_DAY);
|
|
160
|
+
return epochDayToIsoDate(epochDay);
|
|
161
|
+
}
|
|
162
|
+
function addClampedCalendarUnit(date, calendar, amount, unit) {
|
|
163
|
+
if (amount !== -1 && amount !== 1) {
|
|
164
|
+
throw new RangeError('calendar month and year movement must be one step.');
|
|
165
|
+
}
|
|
166
|
+
const boundary = parseDateValue(amount < 0 ? MIN_VALUE : MAX_VALUE);
|
|
167
|
+
if (isSameCalendarUnit(date, boundary, calendar, unit)) {
|
|
168
|
+
return boundary;
|
|
169
|
+
}
|
|
170
|
+
return unit === 'month'
|
|
171
|
+
? addCalendarMonths(date, calendar, amount)
|
|
172
|
+
: addCalendarYears(date, calendar, amount);
|
|
173
|
+
}
|
|
174
|
+
function moveCalendarFocus(value, movement, { calendar, firstDayOfWeek }) {
|
|
175
|
+
const date = parseDateValue(value, 'focusedValue');
|
|
176
|
+
let nextDate;
|
|
177
|
+
switch (movement.unit) {
|
|
178
|
+
case 'day':
|
|
179
|
+
nextDate = addClampedIsoDays(date, movement.amount);
|
|
180
|
+
break;
|
|
181
|
+
case 'week':
|
|
182
|
+
nextDate = addClampedIsoDays(date, movement.amount * 7);
|
|
183
|
+
break;
|
|
184
|
+
case 'month':
|
|
185
|
+
case 'year':
|
|
186
|
+
nextDate = addClampedCalendarUnit(date, calendar, movement.amount, movement.unit);
|
|
187
|
+
break;
|
|
188
|
+
case 'week-start': {
|
|
189
|
+
const elapsed = modulo(getWeekdayIndex(date) - WEEKDAY_INDEX[firstDayOfWeek], 7);
|
|
190
|
+
nextDate = addClampedIsoDays(date, -elapsed);
|
|
191
|
+
break;
|
|
192
|
+
}
|
|
193
|
+
case 'week-end': {
|
|
194
|
+
const elapsed = modulo(getWeekdayIndex(date) - WEEKDAY_INDEX[firstDayOfWeek], 7);
|
|
195
|
+
nextDate = addClampedIsoDays(date, 6 - elapsed);
|
|
196
|
+
break;
|
|
197
|
+
}
|
|
198
|
+
}
|
|
199
|
+
return serializeDateValue(nextDate);
|
|
200
|
+
}
|
|
201
|
+
function getHorizontalDayDelta(key, direction) {
|
|
202
|
+
const physicalDelta = key === 'ArrowLeft' ? -1 : 1;
|
|
203
|
+
return (direction === 'rtl' ? -physicalDelta : physicalDelta);
|
|
204
|
+
}
|
|
205
|
+
function createCalendarState(focusedValue, calendar) {
|
|
206
|
+
const parsed = parseDateValue(focusedValue, 'focusedValue');
|
|
207
|
+
return {
|
|
208
|
+
focusedValue,
|
|
209
|
+
visibleMonthValue: serializeDateValue(getCalendarMonthStart(parsed, calendar)),
|
|
210
|
+
};
|
|
211
|
+
}
|
|
212
|
+
function calendarStateReducer(state, action) {
|
|
213
|
+
if (action.type === 'set-focused-value') {
|
|
214
|
+
return createCalendarState(action.value, action.calendar);
|
|
215
|
+
}
|
|
216
|
+
const focusedValue = moveCalendarFocus(state.focusedValue, action.movement, {
|
|
217
|
+
calendar: action.calendar,
|
|
218
|
+
firstDayOfWeek: action.firstDayOfWeek,
|
|
219
|
+
});
|
|
220
|
+
return createCalendarState(focusedValue, action.calendar);
|
|
221
|
+
}
|
|
222
|
+
|
|
223
|
+
export { calendarStateReducer, canSelectCalendarCell, createCalendarGridModel, createCalendarState, getHorizontalDayDelta, moveCalendarFocus, resolveInitialCalendarFocus };
|
|
224
|
+
//# sourceMappingURL=calendarModel.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"calendarModel.mjs","sources":["../../../src/Calendar/calendarModel.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,200 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
3
|
+
import clsx from 'clsx';
|
|
4
|
+
import React from 'react';
|
|
5
|
+
import Button from '../Button/index.mjs';
|
|
6
|
+
import { validateDateCalendar, validateDateConstraints, parseDateValue, serializeDateValue } from '../date/dateEngine.mjs';
|
|
7
|
+
import { getLocaleDirection } from '../date/dateLocale.mjs';
|
|
8
|
+
import { useDateLocale } from '../date/useDateLocale.mjs';
|
|
9
|
+
import { ChevronDownIcon } from '../Icons/ChevronDownIcon.mjs';
|
|
10
|
+
import { useControllableValue } from '../hooks/useControllableState.mjs';
|
|
11
|
+
import { resolveCalendarKeyboardCommand } from './calendarInteractions.mjs';
|
|
12
|
+
import { resolveInitialCalendarFocus, createCalendarState, createCalendarGridModel, canSelectCalendarCell, moveCalendarFocus, calendarStateReducer } from './calendarModel.mjs';
|
|
13
|
+
import styles from './calendar.module.css.mjs';
|
|
14
|
+
|
|
15
|
+
const CALENDAR_ROW_STARTS = [0, 7, 14, 21, 28, 35];
|
|
16
|
+
function sourcedCalendarReducer(state, action) {
|
|
17
|
+
return {
|
|
18
|
+
sourceKey: action.sourceKey,
|
|
19
|
+
calendarState: calendarStateReducer(action.baseState, action.action),
|
|
20
|
+
focusRequestId: action.focusDay
|
|
21
|
+
? state.focusRequestId + 1
|
|
22
|
+
: state.focusRequestId,
|
|
23
|
+
};
|
|
24
|
+
}
|
|
25
|
+
function getLocalTodayValue() {
|
|
26
|
+
const today = new Date();
|
|
27
|
+
return serializeDateValue({
|
|
28
|
+
year: today.getFullYear(),
|
|
29
|
+
month: today.getMonth() + 1,
|
|
30
|
+
day: today.getDate(),
|
|
31
|
+
});
|
|
32
|
+
}
|
|
33
|
+
function createCalendarRows(cells) {
|
|
34
|
+
return CALENDAR_ROW_STARTS.map((start) => cells.slice(start, start + 7));
|
|
35
|
+
}
|
|
36
|
+
function getCalendarRowKey(row) {
|
|
37
|
+
return row.map((cell) => cell.gridKey).join('|');
|
|
38
|
+
}
|
|
39
|
+
function validateCalendarValueProps({ value, defaultValue, defaultFocusedValue, today, }) {
|
|
40
|
+
if (value !== undefined && value !== null)
|
|
41
|
+
parseDateValue(value, 'value');
|
|
42
|
+
if (defaultValue !== undefined && defaultValue !== null) {
|
|
43
|
+
parseDateValue(defaultValue, 'defaultValue');
|
|
44
|
+
}
|
|
45
|
+
if (defaultFocusedValue !== undefined) {
|
|
46
|
+
parseDateValue(defaultFocusedValue, 'defaultFocusedValue');
|
|
47
|
+
}
|
|
48
|
+
if (today !== undefined)
|
|
49
|
+
parseDateValue(today, 'today');
|
|
50
|
+
}
|
|
51
|
+
function CalendarDayCell({ cell, onActivate, onKeyDown, setButtonRef, }) {
|
|
52
|
+
if (cell.value === null) {
|
|
53
|
+
return (jsx("td", {
|
|
54
|
+
// biome-ignore lint/a11y/noNoninteractiveElementToInteractiveRole: APG gridcell semantics belong on the semantic table cell
|
|
55
|
+
role: 'gridcell', tabIndex: -1, "aria-disabled": 'true', className: styles.calendar_cell, "data-outside-supported-range": '' }));
|
|
56
|
+
}
|
|
57
|
+
const supportedCell = cell;
|
|
58
|
+
return (jsx("td", {
|
|
59
|
+
// biome-ignore lint/a11y/noNoninteractiveElementToInteractiveRole: APG gridcell semantics belong on the semantic table cell
|
|
60
|
+
role: 'gridcell', tabIndex: -1, "aria-selected": cell.isSelected || undefined, "aria-disabled": cell.isDisabled || undefined, className: styles.calendar_cell, children: 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(styles.calendar_day, {
|
|
61
|
+
[styles.calendar_day_adjacent]: cell.isAdjacentMonth,
|
|
62
|
+
[styles.calendar_day_selected]: cell.isSelected,
|
|
63
|
+
[styles.calendar_day_today]: cell.isToday,
|
|
64
|
+
[styles.calendar_day_unavailable]: cell.isUnavailable,
|
|
65
|
+
[styles.calendar_day_out_of_range]: cell.isOutOfRange,
|
|
66
|
+
}), "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 }) }));
|
|
67
|
+
}
|
|
68
|
+
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) {
|
|
69
|
+
const resolvedLocale = useDateLocale(locale);
|
|
70
|
+
const resolvedCalendar = validateDateCalendar(calendar);
|
|
71
|
+
validateCalendarValueProps({
|
|
72
|
+
value,
|
|
73
|
+
defaultValue,
|
|
74
|
+
defaultFocusedValue,
|
|
75
|
+
today,
|
|
76
|
+
});
|
|
77
|
+
validateDateConstraints(minValue, maxValue);
|
|
78
|
+
const resolvedToday = today ?? getLocalTodayValue();
|
|
79
|
+
const [selectedValue, setSelectedValue] = useControllableValue(value, defaultValue ?? null, onValueChange);
|
|
80
|
+
const initialFocusedValue = resolveInitialCalendarFocus({
|
|
81
|
+
value: selectedValue,
|
|
82
|
+
defaultFocusedValue,
|
|
83
|
+
today: resolvedToday,
|
|
84
|
+
minValue,
|
|
85
|
+
maxValue,
|
|
86
|
+
});
|
|
87
|
+
const sourceKey = [
|
|
88
|
+
resolvedCalendar,
|
|
89
|
+
resolvedLocale,
|
|
90
|
+
firstDayOfWeek ?? 'locale-week-start',
|
|
91
|
+
selectedValue ?? 'empty',
|
|
92
|
+
defaultFocusedValue ?? '',
|
|
93
|
+
resolvedToday,
|
|
94
|
+
minValue ?? '',
|
|
95
|
+
maxValue ?? '',
|
|
96
|
+
].join('|');
|
|
97
|
+
const initialState = {
|
|
98
|
+
sourceKey,
|
|
99
|
+
calendarState: createCalendarState(initialFocusedValue, resolvedCalendar),
|
|
100
|
+
focusRequestId: 0,
|
|
101
|
+
};
|
|
102
|
+
const [storedState, dispatch] = React.useReducer(sourcedCalendarReducer, initialState);
|
|
103
|
+
const calendarState = storedState.sourceKey === sourceKey
|
|
104
|
+
? storedState.calendarState
|
|
105
|
+
: initialState.calendarState;
|
|
106
|
+
const direction = getLocaleDirection(resolvedLocale);
|
|
107
|
+
const model = React.useMemo(() => createCalendarGridModel({
|
|
108
|
+
focusedValue: calendarState.focusedValue,
|
|
109
|
+
visibleMonthValue: calendarState.visibleMonthValue,
|
|
110
|
+
selectedValue,
|
|
111
|
+
todayValue: resolvedToday,
|
|
112
|
+
minValue,
|
|
113
|
+
maxValue,
|
|
114
|
+
isDateUnavailable,
|
|
115
|
+
locale: resolvedLocale,
|
|
116
|
+
calendar: resolvedCalendar,
|
|
117
|
+
firstDayOfWeek,
|
|
118
|
+
disabled,
|
|
119
|
+
readOnly,
|
|
120
|
+
}), [
|
|
121
|
+
calendarState.focusedValue,
|
|
122
|
+
calendarState.visibleMonthValue,
|
|
123
|
+
selectedValue,
|
|
124
|
+
resolvedToday,
|
|
125
|
+
minValue,
|
|
126
|
+
maxValue,
|
|
127
|
+
isDateUnavailable,
|
|
128
|
+
resolvedLocale,
|
|
129
|
+
resolvedCalendar,
|
|
130
|
+
firstDayOfWeek,
|
|
131
|
+
disabled,
|
|
132
|
+
readOnly,
|
|
133
|
+
]);
|
|
134
|
+
const headingId = React.useId();
|
|
135
|
+
const buttonRefs = React.useRef(new Map());
|
|
136
|
+
const handledFocusRequestRef = React.useRef(0);
|
|
137
|
+
React.useLayoutEffect(() => {
|
|
138
|
+
if (handledFocusRequestRef.current === storedState.focusRequestId)
|
|
139
|
+
return;
|
|
140
|
+
handledFocusRequestRef.current = storedState.focusRequestId;
|
|
141
|
+
buttonRefs.current.get(calendarState.focusedValue)?.focus();
|
|
142
|
+
}, [calendarState.focusedValue, storedState.focusRequestId]);
|
|
143
|
+
const setButtonRef = React.useCallback((dateValue, node) => {
|
|
144
|
+
if (node)
|
|
145
|
+
buttonRefs.current.set(dateValue, node);
|
|
146
|
+
else
|
|
147
|
+
buttonRefs.current.delete(dateValue);
|
|
148
|
+
}, []);
|
|
149
|
+
const transition = React.useCallback((action, focusDay, baseState = calendarState) => {
|
|
150
|
+
dispatch({ sourceKey, baseState, action, focusDay });
|
|
151
|
+
}, [sourceKey, calendarState]);
|
|
152
|
+
const moveFocus = React.useCallback((movement, focusDay, fromValue = calendarState.focusedValue) => {
|
|
153
|
+
const baseState = fromValue === calendarState.focusedValue
|
|
154
|
+
? calendarState
|
|
155
|
+
: createCalendarState(fromValue, resolvedCalendar);
|
|
156
|
+
transition({
|
|
157
|
+
type: 'move-focus',
|
|
158
|
+
movement,
|
|
159
|
+
calendar: resolvedCalendar,
|
|
160
|
+
firstDayOfWeek: model.firstDayOfWeek,
|
|
161
|
+
}, focusDay, baseState);
|
|
162
|
+
}, [
|
|
163
|
+
transition,
|
|
164
|
+
calendarState,
|
|
165
|
+
resolvedCalendar,
|
|
166
|
+
model.firstDayOfWeek,
|
|
167
|
+
]);
|
|
168
|
+
const activateCell = React.useCallback((cell) => {
|
|
169
|
+
if (!canSelectCalendarCell(cell) || cell.value === selectedValue)
|
|
170
|
+
return;
|
|
171
|
+
setSelectedValue(cell.value);
|
|
172
|
+
transition({
|
|
173
|
+
type: 'set-focused-value',
|
|
174
|
+
value: cell.value,
|
|
175
|
+
calendar: resolvedCalendar,
|
|
176
|
+
}, false);
|
|
177
|
+
}, [selectedValue, setSelectedValue, transition, resolvedCalendar]);
|
|
178
|
+
const handleDayKeyDown = React.useCallback((event, cell) => {
|
|
179
|
+
if (disabled)
|
|
180
|
+
return;
|
|
181
|
+
const command = resolveCalendarKeyboardCommand(event.key, event.shiftKey, direction);
|
|
182
|
+
if (!command)
|
|
183
|
+
return;
|
|
184
|
+
event.preventDefault();
|
|
185
|
+
if (command.type === 'activate')
|
|
186
|
+
activateCell(cell);
|
|
187
|
+
else
|
|
188
|
+
moveFocus(command.movement, true, cell.value);
|
|
189
|
+
}, [activateCell, direction, disabled, moveFocus]);
|
|
190
|
+
const previousFocusedValue = moveCalendarFocus(calendarState.focusedValue, { unit: 'month', amount: -1 }, { calendar: resolvedCalendar, firstDayOfWeek: model.firstDayOfWeek });
|
|
191
|
+
const nextFocusedValue = moveCalendarFocus(calendarState.focusedValue, { unit: 'month', amount: 1 }, { calendar: resolvedCalendar, firstDayOfWeek: model.firstDayOfWeek });
|
|
192
|
+
const rows = createCalendarRows(model.cells);
|
|
193
|
+
return (jsxs("div", { ref: ref, dir: direction, className: clsx(styles.calendar, className), style: style, "data-disabled": disabled || undefined, "data-readonly": readOnly || undefined, children: [jsxs("div", { className: styles.calendar_header, children: [jsx(Button, { variant: 'ghost', size: 'sm', className: styles.calendar_navigation_button, "aria-label": previousMonthLabel, disabled: disabled || previousFocusedValue === calendarState.focusedValue, onClick: () => moveFocus({ unit: 'month', amount: -1 }, false), children: jsx(ChevronDownIcon, { className: styles.calendar_previous_icon }) }), jsx("h2", { id: headingId, className: styles.calendar_heading, "aria-live": 'polite', "aria-atomic": 'true', children: model.heading }), jsx(Button, { variant: 'ghost', size: 'sm', className: styles.calendar_navigation_button, "aria-label": nextMonthLabel, disabled: disabled || nextFocusedValue === calendarState.focusedValue, onClick: () => moveFocus({ unit: 'month', amount: 1 }, false), children: jsx(ChevronDownIcon, { className: styles.calendar_next_icon }) })] }), jsxs("table", {
|
|
194
|
+
// biome-ignore lint/a11y/noNoninteractiveElementToInteractiveRole: APG enhances the semantic date table as a grid
|
|
195
|
+
role: 'grid', "aria-label": label, "aria-describedby": headingId, className: styles.calendar_grid, children: [jsx("thead", { children: jsx("tr", { children: model.weekdayLabels.map((weekday) => (jsx("th", { scope: 'col', className: styles.calendar_weekday, children: jsx("abbr", { title: weekday.long, children: weekday.short }) }, weekday.long))) }) }), jsx("tbody", { children: rows.map((row) => (jsx("tr", { children: row.map((cell) => (jsx(CalendarDayCell, { cell: cell, onActivate: activateCell, onKeyDown: handleDayKeyDown, setButtonRef: setButtonRef }, cell.gridKey))) }, getCalendarRowKey(row)))) })] })] }));
|
|
196
|
+
});
|
|
197
|
+
Calendar.displayName = 'Calendar';
|
|
198
|
+
|
|
199
|
+
export { Calendar as default };
|
|
200
|
+
//# sourceMappingURL=index.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../../src/Calendar/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx } from 'react/jsx-runtime';
|
|
3
|
+
import { normalizeLocalizedDigits } from '../date/dateLocale.mjs';
|
|
4
|
+
import { DateSegmentInput } from './DateSegmentInput.mjs';
|
|
5
|
+
import styles from './datefield.module.css.mjs';
|
|
6
|
+
|
|
7
|
+
const DEFAULT_SEGMENT_LABELS = {
|
|
8
|
+
era: 'Era',
|
|
9
|
+
year: 'Year',
|
|
10
|
+
month: 'Month',
|
|
11
|
+
day: 'Day',
|
|
12
|
+
};
|
|
13
|
+
function getDateSegmentAriaMetadata({ segment, value, numericValue, calendarDate, eraOptions, eraId, }) {
|
|
14
|
+
const valueText = value || undefined;
|
|
15
|
+
switch (segment) {
|
|
16
|
+
case 'era':
|
|
17
|
+
return {
|
|
18
|
+
valueMin: 1,
|
|
19
|
+
valueMax: eraOptions.length,
|
|
20
|
+
valueNow: Math.max(1, eraOptions.findIndex((option) => option.id === eraId) + 1),
|
|
21
|
+
valueText,
|
|
22
|
+
};
|
|
23
|
+
case 'month':
|
|
24
|
+
return {
|
|
25
|
+
valueMin: 1,
|
|
26
|
+
valueMax: calendarDate.monthsInYear,
|
|
27
|
+
valueNow: numericValue,
|
|
28
|
+
valueText,
|
|
29
|
+
};
|
|
30
|
+
case 'day':
|
|
31
|
+
return {
|
|
32
|
+
valueMin: 1,
|
|
33
|
+
valueMax: calendarDate.daysInMonth,
|
|
34
|
+
valueNow: numericValue,
|
|
35
|
+
valueText,
|
|
36
|
+
};
|
|
37
|
+
case 'year':
|
|
38
|
+
return { valueNow: numericValue, valueText };
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
function getNumericSegmentValue(value, locale) {
|
|
42
|
+
if (value.length === 0)
|
|
43
|
+
return undefined;
|
|
44
|
+
const numericValue = Number(normalizeLocalizedDigits(value, locale).replace('−', '-'));
|
|
45
|
+
return Number.isInteger(numericValue) ? numericValue : undefined;
|
|
46
|
+
}
|
|
47
|
+
function DateFieldPart({ part, draft, segmentLabels, locale, calendarDate, eraOptions, firstVisibleSegment, disabled, readOnly, required, invalid, onInputRef, onFocus, onChange, onKeyDown, onPaste, }) {
|
|
48
|
+
if (part.kind === 'literal') {
|
|
49
|
+
return (jsx("span", { className: styles.separator, "aria-hidden": 'true', children: part.value }));
|
|
50
|
+
}
|
|
51
|
+
const value = draft.values[part.type];
|
|
52
|
+
const ariaMetadata = getDateSegmentAriaMetadata({
|
|
53
|
+
segment: part.type,
|
|
54
|
+
value,
|
|
55
|
+
numericValue: getNumericSegmentValue(value, locale),
|
|
56
|
+
calendarDate,
|
|
57
|
+
eraOptions,
|
|
58
|
+
eraId: draft.eraId,
|
|
59
|
+
});
|
|
60
|
+
return (jsx(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 }));
|
|
61
|
+
}
|
|
62
|
+
function DateFieldSegments({ layout, ...partProps }) {
|
|
63
|
+
return (jsx("span", { className: styles.segments, children: layout.map((part, index) => (jsx(DateFieldPart, { part: part, ...partProps }, part.kind === 'literal'
|
|
64
|
+
? `literal-${index}-${part.value}`
|
|
65
|
+
: part.type))) }));
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
export { DateFieldSegments };
|
|
69
|
+
//# sourceMappingURL=DateFieldSegments.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DateFieldSegments.mjs","sources":["../../../src/DateField/DateFieldSegments.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"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"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx } from 'react/jsx-runtime';
|
|
3
|
+
import { getSegmentWidth } from './dateFieldState.mjs';
|
|
4
|
+
import styles from './datefield.module.css.mjs';
|
|
5
|
+
|
|
6
|
+
function DateSegmentInput({ segment, value, label, tabIndex, disabled, readOnly, required, invalid, valueMin, valueMax, valueNow, valueText, inputRef, onChange, onFocus, onKeyDown, onPaste, }) {
|
|
7
|
+
return (jsx("input", { ref: inputRef, role: 'spinbutton', type: 'text', inputMode: segment === 'era' ? 'text' : 'numeric', autoComplete: 'off', className: styles.segment, style: 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) => {
|
|
8
|
+
if (segment === 'era')
|
|
9
|
+
event.currentTarget.select();
|
|
10
|
+
onFocus(segment);
|
|
11
|
+
}, onChange: (event) => onChange(segment, event.currentTarget.value), onKeyDown: (event) => onKeyDown(segment, event), onPaste: (event) => onPaste(segment, event) }));
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
export { DateSegmentInput };
|
|
15
|
+
//# sourceMappingURL=DateSegmentInput.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DateSegmentInput.mjs","sources":["../../../src/DateField/DateSegmentInput.tsx"],"sourcesContent":[null],"names":["_jsx"],"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,GAAA,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,EAAE,MAAM,CAAC,OAAO,EACzB,KAAK,EAAE,eAAe,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;;;;"}
|