@react-aria/calendar 3.5.6 → 3.5.7

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.
Files changed (77) hide show
  1. package/dist/ar-AE.mjs +1 -1
  2. package/dist/bg-BG.mjs +1 -1
  3. package/dist/cs-CZ.mjs +1 -1
  4. package/dist/da-DK.mjs +1 -1
  5. package/dist/de-DE.mjs +1 -1
  6. package/dist/el-GR.mjs +1 -1
  7. package/dist/en-US.mjs +1 -1
  8. package/dist/es-ES.mjs +1 -1
  9. package/dist/et-EE.mjs +1 -1
  10. package/dist/fi-FI.mjs +1 -1
  11. package/dist/fr-FR.mjs +1 -1
  12. package/dist/he-IL.mjs +1 -1
  13. package/dist/hr-HR.mjs +1 -1
  14. package/dist/hu-HU.mjs +1 -1
  15. package/dist/import.mjs +4 -778
  16. package/dist/intlStrings.main.js +108 -0
  17. package/dist/intlStrings.main.js.map +1 -0
  18. package/dist/intlStrings.mjs +110 -0
  19. package/dist/intlStrings.module.js +110 -0
  20. package/dist/intlStrings.module.js.map +1 -0
  21. package/dist/it-IT.mjs +1 -1
  22. package/dist/ja-JP.mjs +1 -1
  23. package/dist/ko-KR.mjs +1 -1
  24. package/dist/lt-LT.mjs +1 -1
  25. package/dist/lv-LV.mjs +1 -1
  26. package/dist/main.js +8 -782
  27. package/dist/main.js.map +1 -1
  28. package/dist/module.js +4 -778
  29. package/dist/module.js.map +1 -1
  30. package/dist/nb-NO.mjs +1 -1
  31. package/dist/nl-NL.mjs +1 -1
  32. package/dist/pl-PL.mjs +1 -1
  33. package/dist/pt-BR.mjs +1 -1
  34. package/dist/pt-PT.mjs +1 -1
  35. package/dist/ro-RO.mjs +1 -1
  36. package/dist/ru-RU.mjs +1 -1
  37. package/dist/sk-SK.mjs +1 -1
  38. package/dist/sl-SI.mjs +1 -1
  39. package/dist/sr-SP.mjs +1 -1
  40. package/dist/sv-SE.mjs +1 -1
  41. package/dist/tr-TR.mjs +1 -1
  42. package/dist/types.d.ts.map +1 -1
  43. package/dist/uk-UA.mjs +1 -1
  44. package/dist/useCalendar.main.js +25 -0
  45. package/dist/useCalendar.main.js.map +1 -0
  46. package/dist/useCalendar.mjs +20 -0
  47. package/dist/useCalendar.module.js +20 -0
  48. package/dist/useCalendar.module.js.map +1 -0
  49. package/dist/useCalendarBase.main.js +112 -0
  50. package/dist/useCalendarBase.main.js.map +1 -0
  51. package/dist/useCalendarBase.mjs +107 -0
  52. package/dist/useCalendarBase.module.js +107 -0
  53. package/dist/useCalendarBase.module.js.map +1 -0
  54. package/dist/useCalendarCell.main.js +276 -0
  55. package/dist/useCalendarCell.main.js.map +1 -0
  56. package/dist/useCalendarCell.mjs +271 -0
  57. package/dist/useCalendarCell.module.js +271 -0
  58. package/dist/useCalendarCell.module.js.map +1 -0
  59. package/dist/useCalendarGrid.main.js +139 -0
  60. package/dist/useCalendarGrid.main.js.map +1 -0
  61. package/dist/useCalendarGrid.mjs +134 -0
  62. package/dist/useCalendarGrid.module.js +134 -0
  63. package/dist/useCalendarGrid.module.js.map +1 -0
  64. package/dist/useRangeCalendar.main.js +66 -0
  65. package/dist/useRangeCalendar.main.js.map +1 -0
  66. package/dist/useRangeCalendar.mjs +61 -0
  67. package/dist/useRangeCalendar.module.js +61 -0
  68. package/dist/useRangeCalendar.module.js.map +1 -0
  69. package/dist/utils.main.js +138 -0
  70. package/dist/utils.main.js.map +1 -0
  71. package/dist/utils.mjs +130 -0
  72. package/dist/utils.module.js +130 -0
  73. package/dist/utils.module.js.map +1 -0
  74. package/dist/zh-CN.mjs +1 -1
  75. package/dist/zh-TW.mjs +1 -1
  76. package/package.json +11 -11
  77. package/src/useRangeCalendar.ts +6 -5
package/dist/main.js CHANGED
@@ -1,548 +1,17 @@
1
- var $1fedb39dedbf7c51$exports = require("./ar-AE.main.js");
2
- var $524ada6153e36bf5$exports = require("./bg-BG.main.js");
3
- var $181053d31fc585a6$exports = require("./cs-CZ.main.js");
4
- var $87f1f2ee75c25d27$exports = require("./da-DK.main.js");
5
- var $3018d278e45fefcf$exports = require("./de-DE.main.js");
6
- var $880b624ba6c377b6$exports = require("./el-GR.main.js");
7
- var $6a7e3934431e9523$exports = require("./en-US.main.js");
8
- var $4c458303ff44205c$exports = require("./es-ES.main.js");
9
- var $4b6ec4ab19a96fff$exports = require("./et-EE.main.js");
10
- var $a5184a366ed55e98$exports = require("./fi-FI.main.js");
11
- var $094c11f0389b0f6c$exports = require("./fr-FR.main.js");
12
- var $5b28c6b8eb99673e$exports = require("./he-IL.main.js");
13
- var $519824243c1aad60$exports = require("./hr-HR.main.js");
14
- var $2fde332abe847288$exports = require("./hu-HU.main.js");
15
- var $b266f7fa452e8e83$exports = require("./it-IT.main.js");
16
- var $3528fd03237947e3$exports = require("./ja-JP.main.js");
17
- var $398f3b7902d2708f$exports = require("./ko-KR.main.js");
18
- var $ebaae1c76687311e$exports = require("./lt-LT.main.js");
19
- var $3ecb31d6694563f6$exports = require("./lv-LV.main.js");
20
- var $26dc2e2c103f178c$exports = require("./nb-NO.main.js");
21
- var $6bfd45b83a7d37dd$exports = require("./nl-NL.main.js");
22
- var $6f70d036cac4bd46$exports = require("./pl-PL.main.js");
23
- var $a227ce57c671783d$exports = require("./pt-BR.main.js");
24
- var $97acad4758696d87$exports = require("./pt-PT.main.js");
25
- var $010069c7d7fbbea3$exports = require("./ro-RO.main.js");
26
- var $0ba9c30c48c8d602$exports = require("./ru-RU.main.js");
27
- var $6873e95bd7af7559$exports = require("./sk-SK.main.js");
28
- var $ce3c7852583668e3$exports = require("./sl-SI.main.js");
29
- var $36cbdcce92af5213$exports = require("./sr-SP.main.js");
30
- var $ce53fa032c8abdc9$exports = require("./sv-SE.main.js");
31
- var $358703e281d51beb$exports = require("./tr-TR.main.js");
32
- var $16bef71241a84fd2$exports = require("./uk-UA.main.js");
33
- var $c80940728ad8dc0d$exports = require("./zh-CN.main.js");
34
- var $ec192a5a83cfafeb$exports = require("./zh-TW.main.js");
35
- var $jzHdg$reactarialiveannouncer = require("@react-aria/live-announcer");
36
- var $jzHdg$reactariautils = require("@react-aria/utils");
37
- var $jzHdg$reactariai18n = require("@react-aria/i18n");
38
- var $jzHdg$react = require("react");
39
- var $jzHdg$internationalizeddate = require("@internationalized/date");
40
- var $jzHdg$reactariainteractions = require("@react-aria/interactions");
1
+ var $20e845123e697a89$exports = require("./useCalendar.main.js");
2
+ var $c49ada48cbc48220$exports = require("./useRangeCalendar.main.js");
3
+ var $a07388a797d86b95$exports = require("./useCalendarGrid.main.js");
4
+ var $4d833327a32c9193$exports = require("./useCalendarCell.main.js");
41
5
 
42
6
 
43
7
  function $parcel$export(e, n, v, s) {
44
8
  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
45
9
  }
46
10
 
47
- function $parcel$interopDefault(a) {
48
- return a && a.__esModule ? a.default : a;
49
- }
50
-
51
- $parcel$export(module.exports, "useCalendar", () => $20e845123e697a89$export$3ee915f8151bd4f1);
52
- $parcel$export(module.exports, "useRangeCalendar", () => $c49ada48cbc48220$export$87e0539f600c24e5);
53
- $parcel$export(module.exports, "useCalendarGrid", () => $a07388a797d86b95$export$cb95147730a423f5);
54
- $parcel$export(module.exports, "useCalendarCell", () => $4d833327a32c9193$export$136073280381448e);
55
- /*
56
- * Copyright 2020 Adobe. All rights reserved.
57
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
58
- * you may not use this file except in compliance with the License. You may obtain a copy
59
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
60
- *
61
- * Unless required by applicable law or agreed to in writing, software distributed under
62
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
63
- * OF ANY KIND, either express or implied. See the License for the specific language
64
- * governing permissions and limitations under the License.
65
- */ /*
66
- * Copyright 2020 Adobe. All rights reserved.
67
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
68
- * you may not use this file except in compliance with the License. You may obtain a copy
69
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
70
- *
71
- * Unless required by applicable law or agreed to in writing, software distributed under
72
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
73
- * OF ANY KIND, either express or implied. See the License for the specific language
74
- * governing permissions and limitations under the License.
75
- */ /*
76
- * Copyright 2020 Adobe. All rights reserved.
77
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
78
- * you may not use this file except in compliance with the License. You may obtain a copy
79
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
80
- *
81
- * Unless required by applicable law or agreed to in writing, software distributed under
82
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
83
- * OF ANY KIND, either express or implied. See the License for the specific language
84
- * governing permissions and limitations under the License.
85
- */
86
-
87
- /*
88
- * Copyright 2020 Adobe. All rights reserved.
89
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
90
- * you may not use this file except in compliance with the License. You may obtain a copy
91
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
92
- *
93
- * Unless required by applicable law or agreed to in writing, software distributed under
94
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
95
- * OF ANY KIND, either express or implied. See the License for the specific language
96
- * governing permissions and limitations under the License.
97
- */
98
- var $bd6dc95a3c5ee5cd$exports = {};
99
-
100
-
101
-
102
-
103
-
104
-
105
-
106
-
107
-
108
-
109
-
110
-
111
-
112
-
113
-
114
-
115
-
116
-
117
-
118
-
119
-
120
-
121
-
122
-
123
-
124
-
125
-
126
-
127
-
128
-
129
-
130
-
131
-
132
-
133
- $bd6dc95a3c5ee5cd$exports = {
134
- "ar-AE": $1fedb39dedbf7c51$exports,
135
- "bg-BG": $524ada6153e36bf5$exports,
136
- "cs-CZ": $181053d31fc585a6$exports,
137
- "da-DK": $87f1f2ee75c25d27$exports,
138
- "de-DE": $3018d278e45fefcf$exports,
139
- "el-GR": $880b624ba6c377b6$exports,
140
- "en-US": $6a7e3934431e9523$exports,
141
- "es-ES": $4c458303ff44205c$exports,
142
- "et-EE": $4b6ec4ab19a96fff$exports,
143
- "fi-FI": $a5184a366ed55e98$exports,
144
- "fr-FR": $094c11f0389b0f6c$exports,
145
- "he-IL": $5b28c6b8eb99673e$exports,
146
- "hr-HR": $519824243c1aad60$exports,
147
- "hu-HU": $2fde332abe847288$exports,
148
- "it-IT": $b266f7fa452e8e83$exports,
149
- "ja-JP": $3528fd03237947e3$exports,
150
- "ko-KR": $398f3b7902d2708f$exports,
151
- "lt-LT": $ebaae1c76687311e$exports,
152
- "lv-LV": $3ecb31d6694563f6$exports,
153
- "nb-NO": $26dc2e2c103f178c$exports,
154
- "nl-NL": $6bfd45b83a7d37dd$exports,
155
- "pl-PL": $6f70d036cac4bd46$exports,
156
- "pt-BR": $a227ce57c671783d$exports,
157
- "pt-PT": $97acad4758696d87$exports,
158
- "ro-RO": $010069c7d7fbbea3$exports,
159
- "ru-RU": $0ba9c30c48c8d602$exports,
160
- "sk-SK": $6873e95bd7af7559$exports,
161
- "sl-SI": $ce3c7852583668e3$exports,
162
- "sr-SP": $36cbdcce92af5213$exports,
163
- "sv-SE": $ce53fa032c8abdc9$exports,
164
- "tr-TR": $358703e281d51beb$exports,
165
- "uk-UA": $16bef71241a84fd2$exports,
166
- "zh-CN": $c80940728ad8dc0d$exports,
167
- "zh-TW": $ec192a5a83cfafeb$exports
168
- };
169
-
170
-
171
-
172
-
173
- const $df1d8e967e73ec8e$export$653eddfc964b0f8a = new WeakMap();
174
- function $df1d8e967e73ec8e$export$134cbb7fb09a9522(date) {
175
- return (date === null || date === void 0 ? void 0 : date.calendar.identifier) === "gregory" && date.era === "BC" ? "short" : undefined;
176
- }
177
- function $df1d8e967e73ec8e$export$b6df97c887c38e1a(state) {
178
- let stringFormatter = (0, $jzHdg$reactariai18n.useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($bd6dc95a3c5ee5cd$exports))), "@react-aria/calendar");
179
- let start, end;
180
- if ("highlightedRange" in state) ({ start: start, end: end } = state.highlightedRange || {});
181
- else start = end = state.value;
182
- let dateFormatter = (0, $jzHdg$reactariai18n.useDateFormatter)({
183
- weekday: "long",
184
- month: "long",
185
- year: "numeric",
186
- day: "numeric",
187
- era: $df1d8e967e73ec8e$export$134cbb7fb09a9522(start) || $df1d8e967e73ec8e$export$134cbb7fb09a9522(end),
188
- timeZone: state.timeZone
189
- });
190
- let anchorDate = "anchorDate" in state ? state.anchorDate : null;
191
- return (0, $jzHdg$react.useMemo)(()=>{
192
- // No message if currently selecting a range, or there is nothing highlighted.
193
- if (!anchorDate && start && end) {
194
- // Use a single date message if the start and end dates are the same day,
195
- // otherwise include both dates.
196
- if ((0, $jzHdg$internationalizeddate.isSameDay)(start, end)) {
197
- let date = dateFormatter.format(start.toDate(state.timeZone));
198
- return stringFormatter.format("selectedDateDescription", {
199
- date: date
200
- });
201
- } else {
202
- let dateRange = $df1d8e967e73ec8e$var$formatRange(dateFormatter, stringFormatter, start, end, state.timeZone);
203
- return stringFormatter.format("selectedRangeDescription", {
204
- dateRange: dateRange
205
- });
206
- }
207
- }
208
- return "";
209
- }, [
210
- start,
211
- end,
212
- anchorDate,
213
- state.timeZone,
214
- stringFormatter,
215
- dateFormatter
216
- ]);
217
- }
218
- function $df1d8e967e73ec8e$export$31afe65d91ef6e8(startDate, endDate, timeZone, isAria) {
219
- let stringFormatter = (0, $jzHdg$reactariai18n.useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($bd6dc95a3c5ee5cd$exports))), "@react-aria/calendar");
220
- let era = $df1d8e967e73ec8e$export$134cbb7fb09a9522(startDate) || $df1d8e967e73ec8e$export$134cbb7fb09a9522(endDate);
221
- let monthFormatter = (0, $jzHdg$reactariai18n.useDateFormatter)({
222
- month: "long",
223
- year: "numeric",
224
- era: era,
225
- calendar: startDate.calendar.identifier,
226
- timeZone: timeZone
227
- });
228
- let dateFormatter = (0, $jzHdg$reactariai18n.useDateFormatter)({
229
- month: "long",
230
- year: "numeric",
231
- day: "numeric",
232
- era: era,
233
- calendar: startDate.calendar.identifier,
234
- timeZone: timeZone
235
- });
236
- return (0, $jzHdg$react.useMemo)(()=>{
237
- // Special case for month granularity. Format as a single month if only a
238
- // single month is visible, otherwise format as a range of months.
239
- if ((0, $jzHdg$internationalizeddate.isSameDay)(startDate, (0, $jzHdg$internationalizeddate.startOfMonth)(startDate))) {
240
- if ((0, $jzHdg$internationalizeddate.isSameDay)(endDate, (0, $jzHdg$internationalizeddate.endOfMonth)(startDate))) return monthFormatter.format(startDate.toDate(timeZone));
241
- else if ((0, $jzHdg$internationalizeddate.isSameDay)(endDate, (0, $jzHdg$internationalizeddate.endOfMonth)(endDate))) return isAria ? $df1d8e967e73ec8e$var$formatRange(monthFormatter, stringFormatter, startDate, endDate, timeZone) : monthFormatter.formatRange(startDate.toDate(timeZone), endDate.toDate(timeZone));
242
- }
243
- return isAria ? $df1d8e967e73ec8e$var$formatRange(dateFormatter, stringFormatter, startDate, endDate, timeZone) : dateFormatter.formatRange(startDate.toDate(timeZone), endDate.toDate(timeZone));
244
- }, [
245
- startDate,
246
- endDate,
247
- monthFormatter,
248
- dateFormatter,
249
- stringFormatter,
250
- timeZone,
251
- isAria
252
- ]);
253
- }
254
- function $df1d8e967e73ec8e$var$formatRange(dateFormatter, stringFormatter, start, end, timeZone) {
255
- let parts = dateFormatter.formatRangeToParts(start.toDate(timeZone), end.toDate(timeZone));
256
- // Find the separator between the start and end date. This is determined
257
- // by finding the last shared literal before the end range.
258
- let separatorIndex = -1;
259
- for(let i = 0; i < parts.length; i++){
260
- let part = parts[i];
261
- if (part.source === "shared" && part.type === "literal") separatorIndex = i;
262
- else if (part.source === "endRange") break;
263
- }
264
- // Now we can combine the parts into start and end strings.
265
- let startValue = "";
266
- let endValue = "";
267
- for(let i = 0; i < parts.length; i++){
268
- if (i < separatorIndex) startValue += parts[i].value;
269
- else if (i > separatorIndex) endValue += parts[i].value;
270
- }
271
- return stringFormatter.format("dateRange", {
272
- startDate: startValue,
273
- endDate: endValue
274
- });
275
- }
276
-
277
-
278
-
279
-
280
-
281
- function $02ef492a56b91cb2$export$d652b3ea2d672d5b(props, state) {
282
- let stringFormatter = (0, $jzHdg$reactariai18n.useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($bd6dc95a3c5ee5cd$exports))), "@react-aria/calendar");
283
- let domProps = (0, $jzHdg$reactariautils.filterDOMProps)(props);
284
- let title = (0, $df1d8e967e73ec8e$export$31afe65d91ef6e8)(state.visibleRange.start, state.visibleRange.end, state.timeZone, false);
285
- let visibleRangeDescription = (0, $df1d8e967e73ec8e$export$31afe65d91ef6e8)(state.visibleRange.start, state.visibleRange.end, state.timeZone, true);
286
- // Announce when the visible date range changes
287
- (0, $jzHdg$reactariautils.useUpdateEffect)(()=>{
288
- // only when pressing the Previous or Next button
289
- if (!state.isFocused) (0, $jzHdg$reactarialiveannouncer.announce)(visibleRangeDescription);
290
- }, [
291
- visibleRangeDescription
292
- ]);
293
- // Announce when the selected value changes
294
- let selectedDateDescription = (0, $df1d8e967e73ec8e$export$b6df97c887c38e1a)(state);
295
- (0, $jzHdg$reactariautils.useUpdateEffect)(()=>{
296
- if (selectedDateDescription) (0, $jzHdg$reactarialiveannouncer.announce)(selectedDateDescription, "polite", 4000);
297
- // handle an update to the caption that describes the currently selected range, to announce the new value
298
- }, [
299
- selectedDateDescription
300
- ]);
301
- let errorMessageId = (0, $jzHdg$reactariautils.useSlotId)([
302
- Boolean(props.errorMessage),
303
- props.isInvalid,
304
- props.validationState
305
- ]);
306
- // Pass the label to the child grid elements.
307
- (0, $df1d8e967e73ec8e$export$653eddfc964b0f8a).set(state, {
308
- ariaLabel: props["aria-label"],
309
- ariaLabelledBy: props["aria-labelledby"],
310
- errorMessageId: errorMessageId,
311
- selectedDateDescription: selectedDateDescription
312
- });
313
- // If the next or previous buttons become disabled while they are focused, move focus to the calendar body.
314
- let [nextFocused, setNextFocused] = (0, $jzHdg$react.useState)(false);
315
- let nextDisabled = props.isDisabled || state.isNextVisibleRangeInvalid();
316
- if (nextDisabled && nextFocused) {
317
- setNextFocused(false);
318
- state.setFocused(true);
319
- }
320
- let [previousFocused, setPreviousFocused] = (0, $jzHdg$react.useState)(false);
321
- let previousDisabled = props.isDisabled || state.isPreviousVisibleRangeInvalid();
322
- if (previousDisabled && previousFocused) {
323
- setPreviousFocused(false);
324
- state.setFocused(true);
325
- }
326
- let labelProps = (0, $jzHdg$reactariautils.useLabels)({
327
- id: props["id"],
328
- "aria-label": [
329
- props["aria-label"],
330
- visibleRangeDescription
331
- ].filter(Boolean).join(", "),
332
- "aria-labelledby": props["aria-labelledby"]
333
- });
334
- return {
335
- calendarProps: (0, $jzHdg$reactariautils.mergeProps)(domProps, labelProps, {
336
- role: "application",
337
- "aria-describedby": props["aria-describedby"] || undefined
338
- }),
339
- nextButtonProps: {
340
- onPress: ()=>state.focusNextPage(),
341
- "aria-label": stringFormatter.format("next"),
342
- isDisabled: nextDisabled,
343
- onFocusChange: setNextFocused
344
- },
345
- prevButtonProps: {
346
- onPress: ()=>state.focusPreviousPage(),
347
- "aria-label": stringFormatter.format("previous"),
348
- isDisabled: previousDisabled,
349
- onFocusChange: setPreviousFocused
350
- },
351
- errorMessageProps: {
352
- id: errorMessageId
353
- },
354
- title: title
355
- };
356
- }
357
-
358
-
359
- function $20e845123e697a89$export$3ee915f8151bd4f1(props, state) {
360
- return (0, $02ef492a56b91cb2$export$d652b3ea2d672d5b)(props, state);
361
- }
362
-
363
-
364
- /*
365
- * Copyright 2020 Adobe. All rights reserved.
366
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
367
- * you may not use this file except in compliance with the License. You may obtain a copy
368
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
369
- *
370
- * Unless required by applicable law or agreed to in writing, software distributed under
371
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
372
- * OF ANY KIND, either express or implied. See the License for the specific language
373
- * governing permissions and limitations under the License.
374
- */
375
-
376
-
377
- function $c49ada48cbc48220$export$87e0539f600c24e5(props, state, ref) {
378
- let res = (0, $02ef492a56b91cb2$export$d652b3ea2d672d5b)(props, state);
379
- // We need to ignore virtual pointer events from VoiceOver due to these bugs.
380
- // https://bugs.webkit.org/show_bug.cgi?id=222627
381
- // https://bugs.webkit.org/show_bug.cgi?id=223202
382
- // usePress also does this and waits for the following click event before firing.
383
- // We need to match that here otherwise this will fire before the press event in
384
- // useCalendarCell, causing range selection to not work properly.
385
- let isVirtualClick = (0, $jzHdg$react.useRef)(false);
386
- let windowRef = (0, $jzHdg$react.useRef)(typeof window !== "undefined" ? window : null);
387
- (0, $jzHdg$reactariautils.useEvent)(windowRef, "pointerdown", (e)=>{
388
- isVirtualClick.current = e.width === 0 && e.height === 0;
389
- });
390
- // Stop range selection when pressing or releasing a pointer outside the calendar body,
391
- // except when pressing the next or previous buttons to switch months.
392
- let endDragging = (e)=>{
393
- if (isVirtualClick.current) {
394
- isVirtualClick.current = false;
395
- return;
396
- }
397
- state.setDragging(false);
398
- if (!state.anchorDate) return;
399
- let target = e.target;
400
- let body = document.getElementById(res.calendarProps.id);
401
- if (body && body.contains(document.activeElement) && (!body.contains(target) || !target.closest('button, [role="button"]'))) state.selectFocusedDate();
402
- };
403
- (0, $jzHdg$reactariautils.useEvent)(windowRef, "pointerup", endDragging);
404
- (0, $jzHdg$reactariautils.useEvent)(windowRef, "pointercancel", endDragging);
405
- // Also stop range selection on blur, e.g. tabbing away from the calendar.
406
- res.calendarProps.onBlur = (e)=>{
407
- if ((!e.relatedTarget || !ref.current.contains(e.relatedTarget)) && state.anchorDate) state.selectFocusedDate();
408
- };
409
- // Prevent touch scrolling while dragging
410
- (0, $jzHdg$reactariautils.useEvent)(ref, "touchmove", (e)=>{
411
- if (state.isDragging) e.preventDefault();
412
- }, {
413
- passive: false,
414
- capture: true
415
- });
416
- return res;
417
- }
418
-
419
-
420
- /*
421
- * Copyright 2020 Adobe. All rights reserved.
422
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
423
- * you may not use this file except in compliance with the License. You may obtain a copy
424
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
425
- *
426
- * Unless required by applicable law or agreed to in writing, software distributed under
427
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
428
- * OF ANY KIND, either express or implied. See the License for the specific language
429
- * governing permissions and limitations under the License.
430
- */
431
-
432
-
433
-
434
-
435
- function $a07388a797d86b95$export$cb95147730a423f5(props, state) {
436
- let { startDate: startDate = state.visibleRange.start, endDate: endDate = state.visibleRange.end } = props;
437
- let { direction: direction } = (0, $jzHdg$reactariai18n.useLocale)();
438
- let onKeyDown = (e)=>{
439
- switch(e.key){
440
- case "Enter":
441
- case " ":
442
- e.preventDefault();
443
- state.selectFocusedDate();
444
- break;
445
- case "PageUp":
446
- e.preventDefault();
447
- e.stopPropagation();
448
- state.focusPreviousSection(e.shiftKey);
449
- break;
450
- case "PageDown":
451
- e.preventDefault();
452
- e.stopPropagation();
453
- state.focusNextSection(e.shiftKey);
454
- break;
455
- case "End":
456
- e.preventDefault();
457
- e.stopPropagation();
458
- state.focusSectionEnd();
459
- break;
460
- case "Home":
461
- e.preventDefault();
462
- e.stopPropagation();
463
- state.focusSectionStart();
464
- break;
465
- case "ArrowLeft":
466
- e.preventDefault();
467
- e.stopPropagation();
468
- if (direction === "rtl") state.focusNextDay();
469
- else state.focusPreviousDay();
470
- break;
471
- case "ArrowUp":
472
- e.preventDefault();
473
- e.stopPropagation();
474
- state.focusPreviousRow();
475
- break;
476
- case "ArrowRight":
477
- e.preventDefault();
478
- e.stopPropagation();
479
- if (direction === "rtl") state.focusPreviousDay();
480
- else state.focusNextDay();
481
- break;
482
- case "ArrowDown":
483
- e.preventDefault();
484
- e.stopPropagation();
485
- state.focusNextRow();
486
- break;
487
- case "Escape":
488
- // Cancel the selection.
489
- if ("setAnchorDate" in state) {
490
- e.preventDefault();
491
- state.setAnchorDate(null);
492
- }
493
- break;
494
- }
495
- };
496
- let visibleRangeDescription = (0, $df1d8e967e73ec8e$export$31afe65d91ef6e8)(startDate, endDate, state.timeZone, true);
497
- let { ariaLabel: ariaLabel, ariaLabelledBy: ariaLabelledBy } = (0, $df1d8e967e73ec8e$export$653eddfc964b0f8a).get(state);
498
- let labelProps = (0, $jzHdg$reactariautils.useLabels)({
499
- "aria-label": [
500
- ariaLabel,
501
- visibleRangeDescription
502
- ].filter(Boolean).join(", "),
503
- "aria-labelledby": ariaLabelledBy
504
- });
505
- let dayFormatter = (0, $jzHdg$reactariai18n.useDateFormatter)({
506
- weekday: props.weekdayStyle || "narrow",
507
- timeZone: state.timeZone
508
- });
509
- let { locale: locale } = (0, $jzHdg$reactariai18n.useLocale)();
510
- let weekDays = (0, $jzHdg$react.useMemo)(()=>{
511
- let weekStart = (0, $jzHdg$internationalizeddate.startOfWeek)((0, $jzHdg$internationalizeddate.today)(state.timeZone), locale);
512
- return [
513
- ...new Array(7).keys()
514
- ].map((index)=>{
515
- let date = weekStart.add({
516
- days: index
517
- });
518
- let dateDay = date.toDate(state.timeZone);
519
- return dayFormatter.format(dateDay);
520
- });
521
- }, [
522
- locale,
523
- state.timeZone,
524
- dayFormatter
525
- ]);
526
- return {
527
- gridProps: (0, $jzHdg$reactariautils.mergeProps)(labelProps, {
528
- role: "grid",
529
- "aria-readonly": state.isReadOnly || null,
530
- "aria-disabled": state.isDisabled || null,
531
- "aria-multiselectable": "highlightedRange" in state || undefined,
532
- onKeyDown: onKeyDown,
533
- onFocus: ()=>state.setFocused(true),
534
- onBlur: ()=>state.setFocused(false)
535
- }),
536
- headerProps: {
537
- // Column headers are hidden to screen readers to make navigating with a touch screen reader easier.
538
- // The day names are already included in the label of each cell, so there's no need to announce them twice.
539
- "aria-hidden": true
540
- },
541
- weekDays: weekDays
542
- };
543
- }
544
-
545
-
11
+ $parcel$export(module.exports, "useCalendar", () => $20e845123e697a89$exports.useCalendar);
12
+ $parcel$export(module.exports, "useRangeCalendar", () => $c49ada48cbc48220$exports.useRangeCalendar);
13
+ $parcel$export(module.exports, "useCalendarGrid", () => $a07388a797d86b95$exports.useCalendarGrid);
14
+ $parcel$export(module.exports, "useCalendarCell", () => $4d833327a32c9193$exports.useCalendarCell);
546
15
  /*
547
16
  * Copyright 2020 Adobe. All rights reserved.
548
17
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -559,247 +28,4 @@ function $a07388a797d86b95$export$cb95147730a423f5(props, state) {
559
28
 
560
29
 
561
30
 
562
-
563
- function $4d833327a32c9193$export$136073280381448e(props, state, ref) {
564
- let { date: date, isDisabled: isDisabled } = props;
565
- let { errorMessageId: errorMessageId, selectedDateDescription: selectedDateDescription } = (0, $df1d8e967e73ec8e$export$653eddfc964b0f8a).get(state);
566
- let stringFormatter = (0, $jzHdg$reactariai18n.useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($bd6dc95a3c5ee5cd$exports))), "@react-aria/calendar");
567
- let dateFormatter = (0, $jzHdg$reactariai18n.useDateFormatter)({
568
- weekday: "long",
569
- day: "numeric",
570
- month: "long",
571
- year: "numeric",
572
- era: (0, $df1d8e967e73ec8e$export$134cbb7fb09a9522)(date),
573
- timeZone: state.timeZone
574
- });
575
- let isSelected = state.isSelected(date);
576
- let isFocused = state.isCellFocused(date);
577
- isDisabled = isDisabled || state.isCellDisabled(date);
578
- let isUnavailable = state.isCellUnavailable(date);
579
- let isSelectable = !isDisabled && !isUnavailable;
580
- let isInvalid = state.isValueInvalid && ("highlightedRange" in state ? !state.anchorDate && state.highlightedRange && date.compare(state.highlightedRange.start) >= 0 && date.compare(state.highlightedRange.end) <= 0 : state.value && (0, $jzHdg$internationalizeddate.isSameDay)(state.value, date));
581
- if (isInvalid) isSelected = true;
582
- // For performance, reuse the same date object as before if the new date prop is the same.
583
- // This allows subsequent useMemo results to be reused.
584
- date = (0, $jzHdg$reactariautils.useDeepMemo)(date, (0, $jzHdg$internationalizeddate.isEqualDay));
585
- let nativeDate = (0, $jzHdg$react.useMemo)(()=>date.toDate(state.timeZone), [
586
- date,
587
- state.timeZone
588
- ]);
589
- // aria-label should be localize Day of week, Month, Day and Year without Time.
590
- let isDateToday = (0, $jzHdg$internationalizeddate.isToday)(date, state.timeZone);
591
- let label = (0, $jzHdg$react.useMemo)(()=>{
592
- let label = "";
593
- // If this is a range calendar, add a description of the full selected range
594
- // to the first and last selected date.
595
- if ("highlightedRange" in state && state.value && !state.anchorDate && ((0, $jzHdg$internationalizeddate.isSameDay)(date, state.value.start) || (0, $jzHdg$internationalizeddate.isSameDay)(date, state.value.end))) label = selectedDateDescription + ", ";
596
- label += dateFormatter.format(nativeDate);
597
- if (isDateToday) // If date is today, set appropriate string depending on selected state:
598
- label = stringFormatter.format(isSelected ? "todayDateSelected" : "todayDate", {
599
- date: label
600
- });
601
- else if (isSelected) // If date is selected but not today:
602
- label = stringFormatter.format("dateSelected", {
603
- date: label
604
- });
605
- if (state.minValue && (0, $jzHdg$internationalizeddate.isSameDay)(date, state.minValue)) label += ", " + stringFormatter.format("minimumDate");
606
- else if (state.maxValue && (0, $jzHdg$internationalizeddate.isSameDay)(date, state.maxValue)) label += ", " + stringFormatter.format("maximumDate");
607
- return label;
608
- }, [
609
- dateFormatter,
610
- nativeDate,
611
- stringFormatter,
612
- isSelected,
613
- isDateToday,
614
- date,
615
- state,
616
- selectedDateDescription
617
- ]);
618
- // When a cell is focused and this is a range calendar, add a prompt to help
619
- // screenreader users know that they are in a range selection mode.
620
- let rangeSelectionPrompt = "";
621
- if ("anchorDate" in state && isFocused && !state.isReadOnly && isSelectable) {
622
- // If selection has started add "click to finish selecting range"
623
- if (state.anchorDate) rangeSelectionPrompt = stringFormatter.format("finishRangeSelectionPrompt");
624
- else rangeSelectionPrompt = stringFormatter.format("startRangeSelectionPrompt");
625
- }
626
- let descriptionProps = (0, $jzHdg$reactariautils.useDescription)(rangeSelectionPrompt);
627
- let isAnchorPressed = (0, $jzHdg$react.useRef)(false);
628
- let isRangeBoundaryPressed = (0, $jzHdg$react.useRef)(false);
629
- let touchDragTimerRef = (0, $jzHdg$react.useRef)(null);
630
- let { pressProps: pressProps, isPressed: isPressed } = (0, $jzHdg$reactariainteractions.usePress)({
631
- // When dragging to select a range, we don't want dragging over the original anchor
632
- // again to trigger onPressStart. Cancel presses immediately when the pointer exits.
633
- shouldCancelOnPointerExit: "anchorDate" in state && !!state.anchorDate,
634
- preventFocusOnPress: true,
635
- isDisabled: !isSelectable || state.isReadOnly,
636
- onPressStart (e) {
637
- if (state.isReadOnly) {
638
- state.setFocusedDate(date);
639
- return;
640
- }
641
- if ("highlightedRange" in state && !state.anchorDate && (e.pointerType === "mouse" || e.pointerType === "touch")) {
642
- // Allow dragging the start or end date of a range to modify it
643
- // rather than starting a new selection.
644
- // Don't allow dragging when invalid, or weird jumping behavior may occur as date ranges
645
- // are constrained to available dates. The user will need to select a new range in this case.
646
- if (state.highlightedRange && !isInvalid) {
647
- if ((0, $jzHdg$internationalizeddate.isSameDay)(date, state.highlightedRange.start)) {
648
- state.setAnchorDate(state.highlightedRange.end);
649
- state.setFocusedDate(date);
650
- state.setDragging(true);
651
- isRangeBoundaryPressed.current = true;
652
- return;
653
- } else if ((0, $jzHdg$internationalizeddate.isSameDay)(date, state.highlightedRange.end)) {
654
- state.setAnchorDate(state.highlightedRange.start);
655
- state.setFocusedDate(date);
656
- state.setDragging(true);
657
- isRangeBoundaryPressed.current = true;
658
- return;
659
- }
660
- }
661
- let startDragging = ()=>{
662
- state.setDragging(true);
663
- touchDragTimerRef.current = null;
664
- state.selectDate(date);
665
- state.setFocusedDate(date);
666
- isAnchorPressed.current = true;
667
- };
668
- // Start selection on mouse/touch down so users can drag to select a range.
669
- // On touch, delay dragging to determine if the user really meant to scroll.
670
- if (e.pointerType === "touch") touchDragTimerRef.current = setTimeout(startDragging, 200);
671
- else startDragging();
672
- }
673
- },
674
- onPressEnd () {
675
- isRangeBoundaryPressed.current = false;
676
- isAnchorPressed.current = false;
677
- clearTimeout(touchDragTimerRef.current);
678
- touchDragTimerRef.current = null;
679
- },
680
- onPress () {
681
- // For non-range selection, always select on press up.
682
- if (!("anchorDate" in state) && !state.isReadOnly) {
683
- state.selectDate(date);
684
- state.setFocusedDate(date);
685
- }
686
- },
687
- onPressUp (e) {
688
- if (state.isReadOnly) return;
689
- // If the user tapped quickly, the date won't be selected yet and the
690
- // timer will still be in progress. In this case, select the date on touch up.
691
- // Timer is cleared in onPressEnd.
692
- if ("anchorDate" in state && touchDragTimerRef.current) {
693
- state.selectDate(date);
694
- state.setFocusedDate(date);
695
- }
696
- if ("anchorDate" in state) {
697
- if (isRangeBoundaryPressed.current) // When clicking on the start or end date of an already selected range,
698
- // start a new selection on press up to also allow dragging the date to
699
- // change the existing range.
700
- state.setAnchorDate(date);
701
- else if (state.anchorDate && !isAnchorPressed.current) {
702
- // When releasing a drag or pressing the end date of a range, select it.
703
- state.selectDate(date);
704
- state.setFocusedDate(date);
705
- } else if (e.pointerType === "keyboard" && !state.anchorDate) {
706
- // For range selection, auto-advance the focused date by one if using keyboard.
707
- // This gives an indication that you're selecting a range rather than a single date.
708
- // For mouse, this is unnecessary because users will see the indication on hover. For screen readers,
709
- // there will be an announcement to "click to finish selecting range" (above).
710
- state.selectDate(date);
711
- let nextDay = date.add({
712
- days: 1
713
- });
714
- if (state.isInvalid(nextDay)) nextDay = date.subtract({
715
- days: 1
716
- });
717
- if (!state.isInvalid(nextDay)) state.setFocusedDate(nextDay);
718
- } else if (e.pointerType === "virtual") {
719
- // For screen readers, just select the date on click.
720
- state.selectDate(date);
721
- state.setFocusedDate(date);
722
- }
723
- }
724
- }
725
- });
726
- let tabIndex = null;
727
- if (!isDisabled) tabIndex = (0, $jzHdg$internationalizeddate.isSameDay)(date, state.focusedDate) ? 0 : -1;
728
- // Focus the button in the DOM when the state updates.
729
- (0, $jzHdg$react.useEffect)(()=>{
730
- if (isFocused && ref.current) {
731
- (0, $jzHdg$reactariautils.focusWithoutScrolling)(ref.current);
732
- // Scroll into view if navigating with a keyboard, otherwise
733
- // try not to shift the view under the user's mouse/finger.
734
- // If in a overlay, scrollIntoViewport will only cause scrolling
735
- // up to the overlay scroll body to prevent overlay shifting.
736
- // Also only scroll into view if the cell actually got focused.
737
- // There are some cases where the cell might be disabled or inside,
738
- // an inert container and we don't want to scroll then.
739
- if ((0, $jzHdg$reactariainteractions.getInteractionModality)() !== "pointer" && document.activeElement === ref.current) (0, $jzHdg$reactariautils.scrollIntoViewport)(ref.current, {
740
- containingElement: (0, $jzHdg$reactariautils.getScrollParent)(ref.current)
741
- });
742
- }
743
- }, [
744
- isFocused,
745
- ref
746
- ]);
747
- let cellDateFormatter = (0, $jzHdg$reactariai18n.useDateFormatter)({
748
- day: "numeric",
749
- timeZone: state.timeZone,
750
- calendar: date.calendar.identifier
751
- });
752
- let formattedDate = (0, $jzHdg$react.useMemo)(()=>cellDateFormatter.formatToParts(nativeDate).find((part)=>part.type === "day").value, [
753
- cellDateFormatter,
754
- nativeDate
755
- ]);
756
- return {
757
- cellProps: {
758
- role: "gridcell",
759
- "aria-disabled": !isSelectable || null,
760
- "aria-selected": isSelected || null,
761
- "aria-invalid": isInvalid || null
762
- },
763
- buttonProps: (0, $jzHdg$reactariautils.mergeProps)(pressProps, {
764
- onFocus () {
765
- if (!isDisabled) state.setFocusedDate(date);
766
- },
767
- tabIndex: tabIndex,
768
- role: "button",
769
- "aria-disabled": !isSelectable || null,
770
- "aria-label": label,
771
- "aria-invalid": isInvalid || null,
772
- "aria-describedby": [
773
- isInvalid ? errorMessageId : null,
774
- descriptionProps["aria-describedby"]
775
- ].filter(Boolean).join(" ") || undefined,
776
- onPointerEnter (e) {
777
- // Highlight the date on hover or drag over a date when selecting a range.
778
- if ("highlightDate" in state && (e.pointerType !== "touch" || state.isDragging) && isSelectable) state.highlightDate(date);
779
- },
780
- onPointerDown (e) {
781
- // This is necessary on touch devices to allow dragging
782
- // outside the original pressed element.
783
- // (JSDOM does not support this)
784
- if ("releasePointerCapture" in e.target) e.target.releasePointerCapture(e.pointerId);
785
- },
786
- onContextMenu (e) {
787
- // Prevent context menu on long press.
788
- e.preventDefault();
789
- }
790
- }),
791
- isPressed: isPressed,
792
- isFocused: isFocused,
793
- isSelected: isSelected,
794
- isDisabled: isDisabled,
795
- isUnavailable: isUnavailable,
796
- isOutsideVisibleRange: date.compare(state.visibleRange.start) < 0 || date.compare(state.visibleRange.end) > 0,
797
- isInvalid: isInvalid,
798
- formattedDate: formattedDate
799
- };
800
- }
801
-
802
-
803
-
804
-
805
31
  //# sourceMappingURL=main.js.map