@react-spectrum/calendar 3.0.0-alpha.1 → 3.0.0-alpha.2

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/main.js CHANGED
@@ -1,365 +1,409 @@
1
- var {
2
- useCalendarState,
3
- useRangeCalendarState
4
- } = require("@react-stately/calendar");
5
-
6
- var _spectrumIconsUiChevronRightLarge = $parcel$interopDefault(require("@spectrum-icons/ui/ChevronRightLarge"));
7
-
8
- var _spectrumIconsUiChevronLeftLarge = $parcel$interopDefault(require("@spectrum-icons/ui/ChevronLeftLarge"));
9
-
10
- var {
11
- VisuallyHidden
12
- } = require("@react-aria/visually-hidden");
13
-
14
- var {
15
- useProviderProps
16
- } = require("@react-spectrum/provider");
17
-
18
- var {
19
- useHover
20
- } = require("@react-aria/interactions");
21
-
22
- var {
23
- useFocusRing
24
- } = require("@react-aria/focus");
25
-
26
- var {
27
- useDateFormatter,
28
- useLocale
29
- } = require("@react-aria/i18n");
30
-
31
- var _react2 = require("react");
32
-
33
- var _react = $parcel$interopDefault(_react2);
34
-
35
- var {
36
- useMemo,
37
- useRef,
38
- useEffect,
39
- useState
40
- } = _react2;
41
-
42
- var {
43
- mergeProps
44
- } = require("@react-aria/utils");
45
-
46
- var {
47
- classNames
48
- } = require("@react-spectrum/utils");
49
-
50
- var {
51
- getDayOfWeek,
52
- isEqualDay,
53
- isSameDay,
54
- isSameMonth,
55
- isToday,
56
- endOfMonth,
57
- getWeeksInMonth,
58
- startOfWeek,
59
- createCalendar
60
- } = require("@internationalized/date");
61
-
62
- var {
63
- useCalendarCell,
64
- useCalendarGrid,
65
- useCalendar: _useCalendar,
66
- useRangeCalendar
67
- } = require("@react-aria/calendar");
68
-
69
- var _babelRuntimeHelpersObjectWithoutPropertiesLoose = $parcel$interopDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
70
-
71
- var {
72
- ActionButton
73
- } = require("@react-spectrum/button");
74
-
75
- var _babelRuntimeHelpersExtends = $parcel$interopDefault(require("@babel/runtime/helpers/extends"));
76
-
77
1
  require("./main.css");
2
+ var $h2azx$internationalizeddate = require("@internationalized/date");
3
+ var $h2azx$react = require("react");
4
+ var $h2azx$reactariacalendar = require("@react-aria/calendar");
5
+ var $h2azx$reactstatelycalendar = require("@react-stately/calendar");
6
+ var $h2azx$reactariai18n = require("@react-aria/i18n");
7
+ var $h2azx$reactspectrumbutton = require("@react-spectrum/button");
8
+ var $h2azx$spectrumiconsuiChevronLeftLarge = require("@spectrum-icons/ui/ChevronLeftLarge");
9
+ var $h2azx$spectrumiconsuiChevronRightLarge = require("@spectrum-icons/ui/ChevronRightLarge");
10
+ var $h2azx$reactspectrumutils = require("@react-spectrum/utils");
11
+ var $h2azx$reactspectrumprovider = require("@react-spectrum/provider");
12
+ var $h2azx$reactariavisuallyhidden = require("@react-aria/visually-hidden");
13
+ var $h2azx$reactariautils = require("@react-aria/utils");
14
+ var $h2azx$reactariafocus = require("@react-aria/focus");
15
+ var $h2azx$reactariainteractions = require("@react-aria/interactions");
16
+
17
+ function $parcel$exportWildcard(dest, source) {
18
+ Object.keys(source).forEach(function(key) {
19
+ if (key === 'default' || key === '__esModule' || dest.hasOwnProperty(key)) {
20
+ return;
21
+ }
78
22
 
23
+ Object.defineProperty(dest, key, {
24
+ enumerable: true,
25
+ get: function get() {
26
+ return source[key];
27
+ }
28
+ });
29
+ });
30
+
31
+ return dest;
32
+ }
79
33
  function $parcel$interopDefault(a) {
80
34
  return a && a.__esModule ? a.default : a;
81
35
  }
82
-
83
- // ASSET: /Users/govett/dev/react-spectrum-v3/node_modules/@adobe/spectrum-css-temp/components/calendar/vars.css
84
- var $fc2fc91c11e03e6573b316082f3cde$exports = {};
85
- $fc2fc91c11e03e6573b316082f3cde$exports = {
86
- "spectrum-Calendar": "_spectrum-Calendar_b7235",
87
- "spectrum-Calendar--padded": "_spectrum-Calendar--padded_b7235",
88
- "spectrum-Calendar-header": "_spectrum-Calendar-header_b7235",
89
- "spectrum-Calendar-monthHeader": "_spectrum-Calendar-monthHeader_b7235",
90
- "spectrum-Calendar-title": "_spectrum-Calendar-title_b7235",
91
- "spectrum-Calendar-prevMonth": "_spectrum-Calendar-prevMonth_b7235",
92
- "spectrum-Calendar-nextMonth": "_spectrum-Calendar-nextMonth_b7235",
93
- "spectrum-Calendar-months": "_spectrum-Calendar-months_b7235",
94
- "spectrum-Calendar-dayOfWeek": "_spectrum-Calendar-dayOfWeek_b7235",
95
- "spectrum-Calendar-body": "_spectrum-Calendar-body_b7235",
96
- "spectrum-Calendar-table": "_spectrum-Calendar-table_b7235",
97
- "spectrum-Calendar-tableCell": "_spectrum-Calendar-tableCell_b7235",
98
- "spectrum-Calendar-date": "_spectrum-Calendar-date_b7235",
99
- "spectrum-Calendar-dateText": "_spectrum-Calendar-dateText_b7235",
100
- "is-disabled": "_is-disabled_b7235",
101
- "is-outsideMonth": "_is-outsideMonth_b7235",
102
- "is-focused": "_is-focused_b7235",
103
- "is-range-selection": "_is-range-selection_b7235",
104
- "is-range-start": "_is-range-start_b7235",
105
- "is-selection-start": "_is-selection-start_b7235",
106
- "is-range-end": "_is-range-end_b7235",
107
- "is-selection-end": "_is-selection-end_b7235",
108
- "is-range-selecting": "_is-range-selecting_b7235",
109
- "is-today": "_is-today_b7235",
110
- "is-selected": "_is-selected_b7235",
111
- "is-hovered": "_is-hovered_b7235",
112
- "is-pressed": "_is-pressed_b7235"
113
- };
114
- var $fc2fc91c11e03e6573b316082f3cde$$interop$default = $parcel$interopDefault($fc2fc91c11e03e6573b316082f3cde$exports);
115
-
116
- function $a724b9f005a0f81fd8e885eddefe2b9$export$CalendarCell(_ref) {
117
- let {
118
- state,
119
- currentMonth
120
- } = _ref,
121
- props = _babelRuntimeHelpersObjectWithoutPropertiesLoose(_ref, ["state", "currentMonth"]);
122
-
123
- let ref = useRef();
124
- let {
125
- cellProps,
126
- buttonProps,
127
- isPressed
128
- } = useCalendarCell(_babelRuntimeHelpersExtends({}, props, {
129
- isDisabled: !isSameMonth(props.date, currentMonth)
130
- }), state, ref);
131
- let {
132
- hoverProps,
133
- isHovered
134
- } = useHover({});
135
- let dateFormatter = useDateFormatter({
136
- day: 'numeric',
137
- timeZone: state.timeZone,
138
- calendar: currentMonth.calendar.identifier
139
- });
140
- let isSelected = state.isSelected(props.date);
141
- let highlightedRange = 'highlightedRange' in state && state.highlightedRange;
142
- let isSelectionStart = highlightedRange && isSameDay(props.date, highlightedRange.start);
143
- let isSelectionEnd = highlightedRange && isSameDay(props.date, highlightedRange.end);
144
- let {
145
- locale
146
- } = useLocale();
147
- let dayOfWeek = getDayOfWeek(props.date, locale);
148
- let isRangeStart = isSelected && (dayOfWeek === 0 || props.date.day === 1);
149
- let isRangeEnd = isSelected && (dayOfWeek === 6 || props.date.day === currentMonth.calendar.getDaysInMonth(currentMonth));
150
- let {
151
- focusProps,
152
- isFocusVisible
153
- } = useFocusRing(); // For performance, reuse the same date object as before if the new date prop is the same.
154
- // This allows subsequent useMemo results to be reused.
155
-
156
- let date = props.date;
157
- let lastDate = useRef(null);
158
-
159
- if (lastDate.current && isEqualDay(date, lastDate.current)) {
160
- date = lastDate.current;
161
- }
162
-
163
- lastDate.current = date;
164
- let nativeDate = useMemo(() => date.toDate(state.timeZone), [date, state.timeZone]);
165
- let formatted = useMemo(() => dateFormatter.format(nativeDate), [dateFormatter, nativeDate]);
166
- return /*#__PURE__*/_react.createElement("td", _babelRuntimeHelpersExtends({}, cellProps, {
167
- className: classNames($fc2fc91c11e03e6573b316082f3cde$$interop$default, 'spectrum-Calendar-tableCell')
168
- }), /*#__PURE__*/_react.createElement("span", _babelRuntimeHelpersExtends({}, mergeProps(buttonProps, hoverProps, focusProps), {
169
- ref: ref,
170
- className: classNames($fc2fc91c11e03e6573b316082f3cde$$interop$default, 'spectrum-Calendar-date', {
171
- 'is-today': isToday(props.date, state.timeZone),
172
- 'is-selected': isSelected,
173
- 'is-focused': state.isCellFocused(props.date) && isFocusVisible,
174
- 'is-disabled': state.isCellDisabled(props.date),
175
- 'is-outsideMonth': !isSameMonth(props.date, currentMonth),
176
- 'is-range-start': isRangeStart,
177
- 'is-range-end': isRangeEnd,
178
- 'is-range-selection': isSelected && 'highlightedRange' in state,
179
- 'is-selection-start': isSelectionStart,
180
- 'is-selection-end': isSelectionEnd,
181
- 'is-hovered': isHovered,
182
- 'is-pressed': isPressed
183
- })
184
- }), /*#__PURE__*/_react.createElement("span", {
185
- className: classNames($fc2fc91c11e03e6573b316082f3cde$$interop$default, 'spectrum-Calendar-dateText')
186
- }, formatted)));
36
+ function $parcel$export(e, n, v, s) {
37
+ Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
38
+ }
39
+ var $e2198dbb883a6bb5$exports = {};
40
+
41
+ $parcel$export($e2198dbb883a6bb5$exports, "Calendar", () => $e2198dbb883a6bb5$export$e1aef45b828286de);
42
+
43
+
44
+
45
+
46
+
47
+
48
+ var $132de7a4663d1308$exports = {};
49
+
50
+ $parcel$export($132de7a4663d1308$exports, "spectrum-Calendar", () => $132de7a4663d1308$export$2d9837ea36f7a875, (v) => $132de7a4663d1308$export$2d9837ea36f7a875 = v);
51
+ $parcel$export($132de7a4663d1308$exports, "spectrum-Calendar--padded", () => $132de7a4663d1308$export$8d90e3a3d21fe428, (v) => $132de7a4663d1308$export$8d90e3a3d21fe428 = v);
52
+ $parcel$export($132de7a4663d1308$exports, "spectrum-Calendar-header", () => $132de7a4663d1308$export$7efb9b56af6e2d09, (v) => $132de7a4663d1308$export$7efb9b56af6e2d09 = v);
53
+ $parcel$export($132de7a4663d1308$exports, "spectrum-Calendar-monthHeader", () => $132de7a4663d1308$export$185018e73e57145f, (v) => $132de7a4663d1308$export$185018e73e57145f = v);
54
+ $parcel$export($132de7a4663d1308$exports, "spectrum-Calendar-title", () => $132de7a4663d1308$export$98ee27555a2b7c01, (v) => $132de7a4663d1308$export$98ee27555a2b7c01 = v);
55
+ $parcel$export($132de7a4663d1308$exports, "spectrum-Calendar-prevMonth", () => $132de7a4663d1308$export$d4c1c2a202a50db2, (v) => $132de7a4663d1308$export$d4c1c2a202a50db2 = v);
56
+ $parcel$export($132de7a4663d1308$exports, "spectrum-Calendar-nextMonth", () => $132de7a4663d1308$export$7876229ab722b448, (v) => $132de7a4663d1308$export$7876229ab722b448 = v);
57
+ $parcel$export($132de7a4663d1308$exports, "spectrum-Calendar-months", () => $132de7a4663d1308$export$5dacd232bfef6687, (v) => $132de7a4663d1308$export$5dacd232bfef6687 = v);
58
+ $parcel$export($132de7a4663d1308$exports, "spectrum-Calendar-dayOfWeek", () => $132de7a4663d1308$export$7ff21fe81b21fa51, (v) => $132de7a4663d1308$export$7ff21fe81b21fa51 = v);
59
+ $parcel$export($132de7a4663d1308$exports, "spectrum-Calendar-body", () => $132de7a4663d1308$export$33407a73687c0e62, (v) => $132de7a4663d1308$export$33407a73687c0e62 = v);
60
+ $parcel$export($132de7a4663d1308$exports, "spectrum-Calendar-table", () => $132de7a4663d1308$export$27f4c38933cceedf, (v) => $132de7a4663d1308$export$27f4c38933cceedf = v);
61
+ $parcel$export($132de7a4663d1308$exports, "spectrum-Calendar-tableCell", () => $132de7a4663d1308$export$292b81cfd590634d, (v) => $132de7a4663d1308$export$292b81cfd590634d = v);
62
+ $parcel$export($132de7a4663d1308$exports, "spectrum-Calendar-date", () => $132de7a4663d1308$export$c20fe43d14f8fa36, (v) => $132de7a4663d1308$export$c20fe43d14f8fa36 = v);
63
+ $parcel$export($132de7a4663d1308$exports, "spectrum-Calendar-dateText", () => $132de7a4663d1308$export$cc48a6e73fdb7719, (v) => $132de7a4663d1308$export$cc48a6e73fdb7719 = v);
64
+ $parcel$export($132de7a4663d1308$exports, "is-disabled", () => $132de7a4663d1308$export$d35bc1e505d1ebbf, (v) => $132de7a4663d1308$export$d35bc1e505d1ebbf = v);
65
+ $parcel$export($132de7a4663d1308$exports, "is-outsideMonth", () => $132de7a4663d1308$export$93ff5b06817b3d41, (v) => $132de7a4663d1308$export$93ff5b06817b3d41 = v);
66
+ $parcel$export($132de7a4663d1308$exports, "is-focused", () => $132de7a4663d1308$export$e7dc768d35940237, (v) => $132de7a4663d1308$export$e7dc768d35940237 = v);
67
+ $parcel$export($132de7a4663d1308$exports, "is-range-selection", () => $132de7a4663d1308$export$cd2839d8bb0c6407, (v) => $132de7a4663d1308$export$cd2839d8bb0c6407 = v);
68
+ $parcel$export($132de7a4663d1308$exports, "is-range-start", () => $132de7a4663d1308$export$4ce7d3d24e42e411, (v) => $132de7a4663d1308$export$4ce7d3d24e42e411 = v);
69
+ $parcel$export($132de7a4663d1308$exports, "is-selection-start", () => $132de7a4663d1308$export$f0091c9d6b8c19d3, (v) => $132de7a4663d1308$export$f0091c9d6b8c19d3 = v);
70
+ $parcel$export($132de7a4663d1308$exports, "is-range-end", () => $132de7a4663d1308$export$52890a3cb1ab46b, (v) => $132de7a4663d1308$export$52890a3cb1ab46b = v);
71
+ $parcel$export($132de7a4663d1308$exports, "is-selection-end", () => $132de7a4663d1308$export$50722ae5663230f9, (v) => $132de7a4663d1308$export$50722ae5663230f9 = v);
72
+ $parcel$export($132de7a4663d1308$exports, "is-range-selecting", () => $132de7a4663d1308$export$7a763a0407a04336, (v) => $132de7a4663d1308$export$7a763a0407a04336 = v);
73
+ $parcel$export($132de7a4663d1308$exports, "is-today", () => $132de7a4663d1308$export$189f6cc7eaf68d8b, (v) => $132de7a4663d1308$export$189f6cc7eaf68d8b = v);
74
+ $parcel$export($132de7a4663d1308$exports, "is-selected", () => $132de7a4663d1308$export$1e0fb04f31d3c22a, (v) => $132de7a4663d1308$export$1e0fb04f31d3c22a = v);
75
+ $parcel$export($132de7a4663d1308$exports, "is-hovered", () => $132de7a4663d1308$export$b8813cd5d7824ce7, (v) => $132de7a4663d1308$export$b8813cd5d7824ce7 = v);
76
+ $parcel$export($132de7a4663d1308$exports, "is-pressed", () => $132de7a4663d1308$export$15b73a232798b8d3, (v) => $132de7a4663d1308$export$15b73a232798b8d3 = v);
77
+ var $132de7a4663d1308$export$2d9837ea36f7a875;
78
+ var $132de7a4663d1308$export$8d90e3a3d21fe428;
79
+ var $132de7a4663d1308$export$7efb9b56af6e2d09;
80
+ var $132de7a4663d1308$export$185018e73e57145f;
81
+ var $132de7a4663d1308$export$98ee27555a2b7c01;
82
+ var $132de7a4663d1308$export$d4c1c2a202a50db2;
83
+ var $132de7a4663d1308$export$7876229ab722b448;
84
+ var $132de7a4663d1308$export$5dacd232bfef6687;
85
+ var $132de7a4663d1308$export$7ff21fe81b21fa51;
86
+ var $132de7a4663d1308$export$33407a73687c0e62;
87
+ var $132de7a4663d1308$export$27f4c38933cceedf;
88
+ var $132de7a4663d1308$export$292b81cfd590634d;
89
+ var $132de7a4663d1308$export$c20fe43d14f8fa36;
90
+ var $132de7a4663d1308$export$cc48a6e73fdb7719;
91
+ var $132de7a4663d1308$export$d35bc1e505d1ebbf;
92
+ var $132de7a4663d1308$export$93ff5b06817b3d41;
93
+ var $132de7a4663d1308$export$e7dc768d35940237;
94
+ var $132de7a4663d1308$export$cd2839d8bb0c6407;
95
+ var $132de7a4663d1308$export$4ce7d3d24e42e411;
96
+ var $132de7a4663d1308$export$f0091c9d6b8c19d3;
97
+ var $132de7a4663d1308$export$52890a3cb1ab46b;
98
+ var $132de7a4663d1308$export$50722ae5663230f9;
99
+ var $132de7a4663d1308$export$7a763a0407a04336;
100
+ var $132de7a4663d1308$export$189f6cc7eaf68d8b;
101
+ var $132de7a4663d1308$export$1e0fb04f31d3c22a;
102
+ var $132de7a4663d1308$export$b8813cd5d7824ce7;
103
+ var $132de7a4663d1308$export$15b73a232798b8d3;
104
+ $132de7a4663d1308$export$2d9837ea36f7a875 = "spectrum-Calendar_6099b6";
105
+ $132de7a4663d1308$export$8d90e3a3d21fe428 = "spectrum-Calendar--padded_6099b6";
106
+ $132de7a4663d1308$export$7efb9b56af6e2d09 = "spectrum-Calendar-header_6099b6";
107
+ $132de7a4663d1308$export$185018e73e57145f = "spectrum-Calendar-monthHeader_6099b6";
108
+ $132de7a4663d1308$export$98ee27555a2b7c01 = "spectrum-Calendar-title_6099b6";
109
+ $132de7a4663d1308$export$d4c1c2a202a50db2 = "spectrum-Calendar-prevMonth_6099b6";
110
+ $132de7a4663d1308$export$7876229ab722b448 = "spectrum-Calendar-nextMonth_6099b6";
111
+ $132de7a4663d1308$export$5dacd232bfef6687 = "spectrum-Calendar-months_6099b6";
112
+ $132de7a4663d1308$export$7ff21fe81b21fa51 = "spectrum-Calendar-dayOfWeek_6099b6";
113
+ $132de7a4663d1308$export$33407a73687c0e62 = "spectrum-Calendar-body_6099b6";
114
+ $132de7a4663d1308$export$27f4c38933cceedf = "spectrum-Calendar-table_6099b6";
115
+ $132de7a4663d1308$export$292b81cfd590634d = "spectrum-Calendar-tableCell_6099b6";
116
+ $132de7a4663d1308$export$c20fe43d14f8fa36 = "spectrum-Calendar-date_6099b6";
117
+ $132de7a4663d1308$export$cc48a6e73fdb7719 = "spectrum-Calendar-dateText_6099b6";
118
+ $132de7a4663d1308$export$d35bc1e505d1ebbf = "is-disabled_6099b6";
119
+ $132de7a4663d1308$export$93ff5b06817b3d41 = "is-outsideMonth_6099b6";
120
+ $132de7a4663d1308$export$e7dc768d35940237 = "is-focused_6099b6";
121
+ $132de7a4663d1308$export$cd2839d8bb0c6407 = "is-range-selection_6099b6";
122
+ $132de7a4663d1308$export$4ce7d3d24e42e411 = "is-range-start_6099b6";
123
+ $132de7a4663d1308$export$f0091c9d6b8c19d3 = "is-selection-start_6099b6";
124
+ $132de7a4663d1308$export$52890a3cb1ab46b = "is-range-end_6099b6";
125
+ $132de7a4663d1308$export$50722ae5663230f9 = "is-selection-end_6099b6";
126
+ $132de7a4663d1308$export$7a763a0407a04336 = "is-range-selecting_6099b6";
127
+ $132de7a4663d1308$export$189f6cc7eaf68d8b = "is-today_6099b6";
128
+ $132de7a4663d1308$export$1e0fb04f31d3c22a = "is-selected_6099b6";
129
+ $132de7a4663d1308$export$b8813cd5d7824ce7 = "is-hovered_6099b6";
130
+ $132de7a4663d1308$export$15b73a232798b8d3 = "is-pressed_6099b6";
131
+
132
+
133
+
134
+
135
+
136
+ function $45ad7540e6ca535e$export$5d847498420df57b({ state: state , currentMonth: currentMonth , ...props }) {
137
+ let ref = $h2azx$react.useRef();
138
+ let { cellProps: cellProps , buttonProps: buttonProps , isPressed: isPressed } = $h2azx$reactariacalendar.useCalendarCell({
139
+ ...props,
140
+ isDisabled: !$h2azx$internationalizeddate.isSameMonth(props.date, currentMonth)
141
+ }, state, ref);
142
+ let { hoverProps: hoverProps , isHovered: isHovered } = $h2azx$reactariainteractions.useHover({
143
+ });
144
+ let dateFormatter = $h2azx$reactariai18n.useDateFormatter({
145
+ day: 'numeric',
146
+ timeZone: state.timeZone,
147
+ calendar: currentMonth.calendar.identifier
148
+ });
149
+ let isSelected = state.isSelected(props.date);
150
+ let highlightedRange = 'highlightedRange' in state && state.highlightedRange;
151
+ let isSelectionStart = highlightedRange && $h2azx$internationalizeddate.isSameDay(props.date, highlightedRange.start);
152
+ let isSelectionEnd = highlightedRange && $h2azx$internationalizeddate.isSameDay(props.date, highlightedRange.end);
153
+ let { locale: locale } = $h2azx$reactariai18n.useLocale();
154
+ let dayOfWeek = $h2azx$internationalizeddate.getDayOfWeek(props.date, locale);
155
+ let isRangeStart = isSelected && (dayOfWeek === 0 || props.date.day === 1);
156
+ let isRangeEnd = isSelected && (dayOfWeek === 6 || props.date.day === currentMonth.calendar.getDaysInMonth(currentMonth));
157
+ let { focusProps: focusProps , isFocusVisible: isFocusVisible } = $h2azx$reactariafocus.useFocusRing();
158
+ // For performance, reuse the same date object as before if the new date prop is the same.
159
+ // This allows subsequent useMemo results to be reused.
160
+ let date = props.date;
161
+ let lastDate = $h2azx$react.useRef(null);
162
+ if (lastDate.current && $h2azx$internationalizeddate.isEqualDay(date, lastDate.current)) date = lastDate.current;
163
+ lastDate.current = date;
164
+ let nativeDate = $h2azx$react.useMemo(()=>date.toDate(state.timeZone)
165
+ , [
166
+ date,
167
+ state.timeZone
168
+ ]);
169
+ let formatted = $h2azx$react.useMemo(()=>dateFormatter.format(nativeDate)
170
+ , [
171
+ dateFormatter,
172
+ nativeDate
173
+ ]);
174
+ return(/*#__PURE__*/ ($parcel$interopDefault($h2azx$react)).createElement("td", {
175
+ ...cellProps,
176
+ className: $h2azx$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($132de7a4663d1308$exports)), 'spectrum-Calendar-tableCell')
177
+ }, /*#__PURE__*/ ($parcel$interopDefault($h2azx$react)).createElement("span", {
178
+ ...$h2azx$reactariautils.mergeProps(buttonProps, hoverProps, focusProps),
179
+ ref: ref,
180
+ className: $h2azx$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($132de7a4663d1308$exports)), 'spectrum-Calendar-date', {
181
+ 'is-today': $h2azx$internationalizeddate.isToday(props.date, state.timeZone),
182
+ 'is-selected': isSelected,
183
+ 'is-focused': state.isCellFocused(props.date) && isFocusVisible,
184
+ 'is-disabled': state.isCellDisabled(props.date),
185
+ 'is-outsideMonth': !$h2azx$internationalizeddate.isSameMonth(props.date, currentMonth),
186
+ 'is-range-start': isRangeStart,
187
+ 'is-range-end': isRangeEnd,
188
+ 'is-range-selection': isSelected && 'highlightedRange' in state,
189
+ 'is-selection-start': isSelectionStart,
190
+ 'is-selection-end': isSelectionEnd,
191
+ 'is-hovered': isHovered,
192
+ 'is-pressed': isPressed
193
+ })
194
+ }, /*#__PURE__*/ ($parcel$interopDefault($h2azx$react)).createElement("span", {
195
+ className: $h2azx$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($132de7a4663d1308$exports)), 'spectrum-Calendar-dateText')
196
+ }, formatted))));
187
197
  }
188
198
 
189
- function $d7c2e7213583e3c468b07d5c707af2$export$CalendarMonth(props) {
190
- props = useProviderProps(props);
191
- let {
192
- state,
193
- startDate
194
- } = props;
195
- let {
196
- gridProps
197
- } = useCalendarGrid(_babelRuntimeHelpersExtends({}, props, {
198
- endDate: endOfMonth(startDate)
199
- }), state);
200
- let dayFormatter = useDateFormatter({
201
- weekday: 'narrow'
202
- });
203
- let dayFormatterLong = useDateFormatter({
204
- weekday: 'long'
205
- });
206
- let {
207
- locale
208
- } = useLocale();
209
- let monthStart = startOfWeek(startDate, locale);
210
- let weeksInMonth = getWeeksInMonth(startDate, locale);
211
- let [isRangeSelecting, setRangeSelecting] = useState(false);
212
- let hasAnchorDate = 'anchorDate' in state && state.anchorDate != null; // Update isRangeSelecting immediately when it becomes true.
213
- // This feels weird but is actually fine...
214
- // https://reactjs.org/docs/hooks-faq.html#how-do-i-implement-getderivedstatefromprops
215
-
216
- if (hasAnchorDate && !isRangeSelecting) {
217
- setRangeSelecting(true);
218
- } // Delay removing the is-range-selecting class for a frame after selection ends.
219
- // This avoids an undesired animation on touch devices.
220
-
221
-
222
- useEffect(() => {
223
- if (!hasAnchorDate && isRangeSelecting) {
224
- let raf = requestAnimationFrame(() => setRangeSelecting(false));
225
- return () => cancelAnimationFrame(raf);
226
- }
227
- }, [hasAnchorDate, isRangeSelecting]);
228
- return /*#__PURE__*/_react.createElement("table", _babelRuntimeHelpersExtends({}, gridProps, {
229
- className: classNames($fc2fc91c11e03e6573b316082f3cde$$interop$default, 'spectrum-Calendar-body', 'spectrum-Calendar-table', {
230
- 'is-range-selecting': isRangeSelecting
231
- })
232
- }), /*#__PURE__*/_react.createElement("thead", null, /*#__PURE__*/_react.createElement("tr", null, [...new Array(7).keys()].map(index => {
233
- let date = monthStart.add({
234
- days: index
199
+
200
+
201
+
202
+
203
+
204
+
205
+
206
+
207
+
208
+ function $ab2fff3cbb5f1662$export$26e2752316b9a375(props) {
209
+ props = $h2azx$reactspectrumprovider.useProviderProps(props);
210
+ let { state: state , startDate: startDate } = props;
211
+ let { gridProps: gridProps } = $h2azx$reactariacalendar.useCalendarGrid({
212
+ ...props,
213
+ endDate: $h2azx$internationalizeddate.endOfMonth(startDate)
214
+ }, state);
215
+ let dayFormatter = $h2azx$reactariai18n.useDateFormatter({
216
+ weekday: 'narrow'
217
+ });
218
+ let dayFormatterLong = $h2azx$reactariai18n.useDateFormatter({
219
+ weekday: 'long'
235
220
  });
236
- let dateDay = date.toDate(state.timeZone);
237
- let day = dayFormatter.format(dateDay);
238
- let dayLong = dayFormatterLong.format(dateDay);
239
- return /*#__PURE__*/_react.createElement("th", {
240
- key: index,
241
- className: classNames($fc2fc91c11e03e6573b316082f3cde$$interop$default, 'spectrum-Calendar-tableCell')
242
- }, /*#__PURE__*/_react.createElement(VisuallyHidden, null, dayLong), /*#__PURE__*/_react.createElement("span", {
243
- "aria-hidden": "true",
244
- className: classNames($fc2fc91c11e03e6573b316082f3cde$$interop$default, 'spectrum-Calendar-dayOfWeek')
245
- }, day));
246
- }))), /*#__PURE__*/_react.createElement("tbody", null, [...new Array(weeksInMonth).keys()].map(weekIndex => /*#__PURE__*/_react.createElement("tr", {
247
- key: weekIndex
248
- }, [...new Array(7).keys()].map(dayIndex => /*#__PURE__*/_react.createElement($a724b9f005a0f81fd8e885eddefe2b9$export$CalendarCell, {
249
- key: dayIndex,
250
- state: state,
251
- date: monthStart.add({
252
- weeks: weekIndex,
253
- days: dayIndex
254
- }),
255
- currentMonth: startDate
256
- }))))));
221
+ let { locale: locale } = $h2azx$reactariai18n.useLocale();
222
+ let monthStart = $h2azx$internationalizeddate.startOfWeek(startDate, locale);
223
+ let weeksInMonth = $h2azx$internationalizeddate.getWeeksInMonth(startDate, locale);
224
+ let [isRangeSelecting, setRangeSelecting] = $h2azx$react.useState(false);
225
+ let hasAnchorDate = 'anchorDate' in state && state.anchorDate != null;
226
+ // Update isRangeSelecting immediately when it becomes true.
227
+ // This feels weird but is actually fine...
228
+ // https://reactjs.org/docs/hooks-faq.html#how-do-i-implement-getderivedstatefromprops
229
+ if (hasAnchorDate && !isRangeSelecting) setRangeSelecting(true);
230
+ // Delay removing the is-range-selecting class for a frame after selection ends.
231
+ // This avoids an undesired animation on touch devices.
232
+ $h2azx$react.useEffect(()=>{
233
+ if (!hasAnchorDate && isRangeSelecting) {
234
+ let raf = requestAnimationFrame(()=>setRangeSelecting(false)
235
+ );
236
+ return ()=>cancelAnimationFrame(raf)
237
+ ;
238
+ }
239
+ }, [
240
+ hasAnchorDate,
241
+ isRangeSelecting
242
+ ]);
243
+ return(/*#__PURE__*/ ($parcel$interopDefault($h2azx$react)).createElement("table", {
244
+ ...gridProps,
245
+ className: $h2azx$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($132de7a4663d1308$exports)), 'spectrum-Calendar-body', 'spectrum-Calendar-table', {
246
+ 'is-range-selecting': isRangeSelecting
247
+ })
248
+ }, /*#__PURE__*/ ($parcel$interopDefault($h2azx$react)).createElement("thead", null, /*#__PURE__*/ ($parcel$interopDefault($h2azx$react)).createElement("tr", null, [
249
+ ...new Array(7).keys()
250
+ ].map((index)=>{
251
+ let date = monthStart.add({
252
+ days: index
253
+ });
254
+ let dateDay = date.toDate(state.timeZone);
255
+ let day = dayFormatter.format(dateDay);
256
+ let dayLong = dayFormatterLong.format(dateDay);
257
+ return(/*#__PURE__*/ ($parcel$interopDefault($h2azx$react)).createElement("th", {
258
+ key: index,
259
+ className: $h2azx$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($132de7a4663d1308$exports)), 'spectrum-Calendar-tableCell')
260
+ }, /*#__PURE__*/ ($parcel$interopDefault($h2azx$react)).createElement($h2azx$reactariavisuallyhidden.VisuallyHidden, null, dayLong), /*#__PURE__*/ ($parcel$interopDefault($h2azx$react)).createElement("span", {
261
+ "aria-hidden": "true",
262
+ className: $h2azx$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($132de7a4663d1308$exports)), 'spectrum-Calendar-dayOfWeek')
263
+ }, day)));
264
+ }))), /*#__PURE__*/ ($parcel$interopDefault($h2azx$react)).createElement("tbody", null, [
265
+ ...new Array(weeksInMonth).keys()
266
+ ].map((weekIndex)=>/*#__PURE__*/ ($parcel$interopDefault($h2azx$react)).createElement("tr", {
267
+ key: weekIndex
268
+ }, [
269
+ ...new Array(7).keys()
270
+ ].map((dayIndex)=>/*#__PURE__*/ ($parcel$interopDefault($h2azx$react)).createElement($45ad7540e6ca535e$export$5d847498420df57b, {
271
+ key: dayIndex,
272
+ state: state,
273
+ date: monthStart.add({
274
+ weeks: weekIndex,
275
+ days: dayIndex
276
+ }),
277
+ currentMonth: startDate
278
+ })
279
+ ))
280
+ ))));
257
281
  }
258
282
 
259
- function $c5c738c2592de01e15d070fbb9b608f$export$CalendarBase(props) {
260
- props = useProviderProps(props);
261
- let {
262
- state,
263
- useCalendar,
264
- visibleMonths = 1
265
- } = props;
266
- let {
267
- direction
268
- } = useLocale();
269
- let currentMonth = state.visibleRange.start;
270
- let monthDateFormatter = useDateFormatter({
271
- month: 'long',
272
- year: 'numeric',
273
- era: currentMonth.calendar.identifier !== 'gregory' ? 'long' : undefined,
274
- calendar: currentMonth.calendar.identifier
275
- });
276
- let ref = useRef(null);
277
- let {
278
- calendarProps,
279
- prevButtonProps,
280
- nextButtonProps
281
- } = useCalendar(props, state, ref);
282
- let titles = [];
283
- let calendars = [];
284
-
285
- for (let i = 0; i < visibleMonths; i++) {
286
- titles.push( /*#__PURE__*/_react.createElement("div", {
287
- key: i,
288
- className: classNames($fc2fc91c11e03e6573b316082f3cde$$interop$default, 'spectrum-Calendar-monthHeader')
289
- }, i === 0 && /*#__PURE__*/_react.createElement(ActionButton, _babelRuntimeHelpersExtends({}, prevButtonProps, {
290
- UNSAFE_className: classNames($fc2fc91c11e03e6573b316082f3cde$$interop$default, 'spectrum-Calendar-prevMonth'),
291
- isQuiet: true
292
- }), direction === 'rtl' ? /*#__PURE__*/_react.createElement(_spectrumIconsUiChevronRightLarge, null) : /*#__PURE__*/_react.createElement(_spectrumIconsUiChevronLeftLarge, null)), /*#__PURE__*/_react.createElement("h2", {
293
- className: classNames($fc2fc91c11e03e6573b316082f3cde$$interop$default, 'spectrum-Calendar-title')
294
- }, monthDateFormatter.format(currentMonth.add({
295
- months: i
296
- }).toDate(state.timeZone))), i === visibleMonths - 1 && /*#__PURE__*/_react.createElement(ActionButton, _babelRuntimeHelpersExtends({}, nextButtonProps, {
297
- UNSAFE_className: classNames($fc2fc91c11e03e6573b316082f3cde$$interop$default, 'spectrum-Calendar-nextMonth'),
298
- isQuiet: true
299
- }), direction === 'rtl' ? /*#__PURE__*/_react.createElement(_spectrumIconsUiChevronLeftLarge, null) : /*#__PURE__*/_react.createElement(_spectrumIconsUiChevronRightLarge, null))));
300
- let d = currentMonth.add({
301
- months: i
283
+
284
+
285
+
286
+
287
+
288
+
289
+
290
+
291
+ function $42611104425ac82b$export$bfd52a43017368fe(props) {
292
+ props = $h2azx$reactspectrumprovider.useProviderProps(props);
293
+ let { state: state , useCalendar: useCalendar , visibleMonths: visibleMonths = 1 } = props;
294
+ let { direction: direction } = $h2azx$reactariai18n.useLocale();
295
+ let currentMonth = state.visibleRange.start;
296
+ let monthDateFormatter = $h2azx$reactariai18n.useDateFormatter({
297
+ month: 'long',
298
+ year: 'numeric',
299
+ era: currentMonth.calendar.identifier !== 'gregory' ? 'long' : undefined,
300
+ calendar: currentMonth.calendar.identifier
302
301
  });
303
- calendars.push( /*#__PURE__*/_react.createElement($d7c2e7213583e3c468b07d5c707af2$export$CalendarMonth, _babelRuntimeHelpersExtends({}, props, {
304
- key: d.year + "-" + d.month + "-" + d.day,
305
- state: state,
306
- startDate: d
307
- })));
308
- }
309
-
310
- return /*#__PURE__*/_react.createElement("div", _babelRuntimeHelpersExtends({}, calendarProps, {
311
- ref: ref,
312
- className: classNames($fc2fc91c11e03e6573b316082f3cde$$interop$default, 'spectrum-Calendar')
313
- }), /*#__PURE__*/_react.createElement("div", {
314
- className: classNames($fc2fc91c11e03e6573b316082f3cde$$interop$default, 'spectrum-Calendar-header')
315
- }, titles), /*#__PURE__*/_react.createElement("div", {
316
- className: classNames($fc2fc91c11e03e6573b316082f3cde$$interop$default, 'spectrum-Calendar-months')
317
- }, calendars));
302
+ let ref = $h2azx$react.useRef(null);
303
+ let { calendarProps: calendarProps , prevButtonProps: prevButtonProps , nextButtonProps: nextButtonProps } = useCalendar(props, state, ref);
304
+ let titles = [];
305
+ let calendars = [];
306
+ for(let i = 0; i < visibleMonths; i++){
307
+ titles.push(/*#__PURE__*/ ($parcel$interopDefault($h2azx$react)).createElement("div", {
308
+ key: i,
309
+ className: $h2azx$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($132de7a4663d1308$exports)), 'spectrum-Calendar-monthHeader')
310
+ }, i === 0 && /*#__PURE__*/ ($parcel$interopDefault($h2azx$react)).createElement($h2azx$reactspectrumbutton.ActionButton, {
311
+ ...prevButtonProps,
312
+ UNSAFE_className: $h2azx$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($132de7a4663d1308$exports)), 'spectrum-Calendar-prevMonth'),
313
+ isQuiet: true
314
+ }, direction === 'rtl' ? /*#__PURE__*/ ($parcel$interopDefault($h2azx$react)).createElement(($parcel$interopDefault($h2azx$spectrumiconsuiChevronRightLarge)), null) : /*#__PURE__*/ ($parcel$interopDefault($h2azx$react)).createElement(($parcel$interopDefault($h2azx$spectrumiconsuiChevronLeftLarge)), null)), /*#__PURE__*/ ($parcel$interopDefault($h2azx$react)).createElement("h2", {
315
+ className: $h2azx$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($132de7a4663d1308$exports)), 'spectrum-Calendar-title')
316
+ }, monthDateFormatter.format(currentMonth.add({
317
+ months: i
318
+ }).toDate(state.timeZone))), i === visibleMonths - 1 && /*#__PURE__*/ ($parcel$interopDefault($h2azx$react)).createElement($h2azx$reactspectrumbutton.ActionButton, {
319
+ ...nextButtonProps,
320
+ UNSAFE_className: $h2azx$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($132de7a4663d1308$exports)), 'spectrum-Calendar-nextMonth'),
321
+ isQuiet: true
322
+ }, direction === 'rtl' ? /*#__PURE__*/ ($parcel$interopDefault($h2azx$react)).createElement(($parcel$interopDefault($h2azx$spectrumiconsuiChevronLeftLarge)), null) : /*#__PURE__*/ ($parcel$interopDefault($h2azx$react)).createElement(($parcel$interopDefault($h2azx$spectrumiconsuiChevronRightLarge)), null))));
323
+ let d = currentMonth.add({
324
+ months: i
325
+ });
326
+ calendars.push(/*#__PURE__*/ ($parcel$interopDefault($h2azx$react)).createElement($ab2fff3cbb5f1662$export$26e2752316b9a375, {
327
+ ...props,
328
+ key: `${d.year}-${d.month}-${d.day}`,
329
+ state: state,
330
+ startDate: d
331
+ }));
332
+ }
333
+ return(/*#__PURE__*/ ($parcel$interopDefault($h2azx$react)).createElement("div", {
334
+ ...calendarProps,
335
+ ref: ref,
336
+ className: $h2azx$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($132de7a4663d1308$exports)), 'spectrum-Calendar')
337
+ }, /*#__PURE__*/ ($parcel$interopDefault($h2azx$react)).createElement("div", {
338
+ className: $h2azx$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($132de7a4663d1308$exports)), 'spectrum-Calendar-header')
339
+ }, titles), /*#__PURE__*/ ($parcel$interopDefault($h2azx$react)).createElement("div", {
340
+ className: $h2azx$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($132de7a4663d1308$exports)), 'spectrum-Calendar-months')
341
+ }, calendars)));
318
342
  }
319
343
 
320
- function Calendar(props) {
321
- let {
322
- visibleMonths = 1
323
- } = props;
324
- let visibleDuration = useMemo(() => ({
325
- months: visibleMonths
326
- }), [visibleMonths]);
327
- let {
328
- locale
329
- } = useLocale();
330
- let state = useCalendarState(_babelRuntimeHelpersExtends({}, props, {
331
- locale,
332
- visibleDuration,
333
- createCalendar
334
- }));
335
- return /*#__PURE__*/_react.createElement($c5c738c2592de01e15d070fbb9b608f$export$CalendarBase, _babelRuntimeHelpersExtends({}, props, {
336
- state: state,
337
- useCalendar: _useCalendar
338
- }));
344
+
345
+
346
+
347
+
348
+
349
+
350
+ function $e2198dbb883a6bb5$export$e1aef45b828286de(props) {
351
+ let { visibleMonths: visibleMonths = 1 } = props;
352
+ let visibleDuration = $h2azx$react.useMemo(()=>({
353
+ months: visibleMonths
354
+ })
355
+ , [
356
+ visibleMonths
357
+ ]);
358
+ let { locale: locale } = $h2azx$reactariai18n.useLocale();
359
+ let state = $h2azx$reactstatelycalendar.useCalendarState({
360
+ ...props,
361
+ locale: locale,
362
+ visibleDuration: visibleDuration,
363
+ createCalendar: $h2azx$internationalizeddate.createCalendar
364
+ });
365
+ return(/*#__PURE__*/ ($parcel$interopDefault($h2azx$react)).createElement($42611104425ac82b$export$bfd52a43017368fe, {
366
+ ...props,
367
+ state: state,
368
+ useCalendar: $h2azx$reactariacalendar.useCalendar
369
+ }));
339
370
  }
340
371
 
341
- exports.Calendar = Calendar;
342
-
343
- function RangeCalendar(props) {
344
- let {
345
- visibleMonths = 1
346
- } = props;
347
- let visibleDuration = useMemo(() => ({
348
- months: visibleMonths
349
- }), [visibleMonths]);
350
- let {
351
- locale
352
- } = useLocale();
353
- let state = useRangeCalendarState(_babelRuntimeHelpersExtends({}, props, {
354
- locale,
355
- visibleDuration,
356
- createCalendar
357
- }));
358
- return /*#__PURE__*/_react.createElement($c5c738c2592de01e15d070fbb9b608f$export$CalendarBase, _babelRuntimeHelpersExtends({}, props, {
359
- state: state,
360
- useCalendar: useRangeCalendar
361
- }));
372
+
373
+ var $87866a79d27adb52$exports = {};
374
+
375
+ $parcel$export($87866a79d27adb52$exports, "RangeCalendar", () => $87866a79d27adb52$export$a4f5c8b89d277a8d);
376
+
377
+
378
+
379
+
380
+
381
+
382
+ function $87866a79d27adb52$export$a4f5c8b89d277a8d(props) {
383
+ let { visibleMonths: visibleMonths = 1 } = props;
384
+ let visibleDuration = $h2azx$react.useMemo(()=>({
385
+ months: visibleMonths
386
+ })
387
+ , [
388
+ visibleMonths
389
+ ]);
390
+ let { locale: locale } = $h2azx$reactariai18n.useLocale();
391
+ let state = $h2azx$reactstatelycalendar.useRangeCalendarState({
392
+ ...props,
393
+ locale: locale,
394
+ visibleDuration: visibleDuration,
395
+ createCalendar: $h2azx$internationalizeddate.createCalendar
396
+ });
397
+ return(/*#__PURE__*/ ($parcel$interopDefault($h2azx$react)).createElement($42611104425ac82b$export$bfd52a43017368fe, {
398
+ ...props,
399
+ state: state,
400
+ useCalendar: $h2azx$reactariacalendar.useRangeCalendar
401
+ }));
362
402
  }
363
403
 
364
- exports.RangeCalendar = RangeCalendar;
404
+
405
+ $parcel$exportWildcard(module.exports, $e2198dbb883a6bb5$exports);
406
+ $parcel$exportWildcard(module.exports, $87866a79d27adb52$exports);
407
+
408
+
365
409
  //# sourceMappingURL=main.js.map