@react-stately/calendar 3.4.4 → 3.5.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/import.mjs +2 -512
- package/dist/main.js +4 -514
- package/dist/main.js.map +1 -1
- package/dist/module.js +2 -512
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts +2 -2
- package/dist/types.d.ts.map +1 -1
- package/dist/useCalendarState.main.js +298 -0
- package/dist/useCalendarState.main.js.map +1 -0
- package/dist/useCalendarState.mjs +293 -0
- package/dist/useCalendarState.module.js +293 -0
- package/dist/useCalendarState.module.js.map +1 -0
- package/dist/useRangeCalendarState.main.js +181 -0
- package/dist/useRangeCalendarState.main.js.map +1 -0
- package/dist/useRangeCalendarState.mjs +176 -0
- package/dist/useRangeCalendarState.module.js +176 -0
- package/dist/useRangeCalendarState.module.js.map +1 -0
- package/dist/utils.main.js +77 -0
- package/dist/utils.main.js.map +1 -0
- package/dist/utils.mjs +66 -0
- package/dist/utils.module.js +66 -0
- package/dist/utils.module.js.map +1 -0
- package/package.json +6 -6
- package/src/types.ts +2 -2
- package/src/useCalendarState.ts +5 -1
package/dist/types.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":";;;ACgBA;IACE,wCAAwC;IACxC,QAAQ,CAAC,UAAU,EAAE,OAAO,CAAC;IAC7B,oDAAoD;IACpD,QAAQ,CAAC,UAAU,EAAE,OAAO,CAAC;IAC7B,gEAAgE;IAChE,QAAQ,CAAC,YAAY,EAAE,WAAW,YAAY,CAAC,CAAC;IAChD,uDAAuD;IACvD,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,uDAAuD;IACvD,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,4DAA4D;IAC5D,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B;;;OAGG;IACH,QAAQ,CAAC,eAAe,EAAE,eAAe,CAAC;IAC1C,uCAAuC;IACvC,QAAQ,CAAC,cAAc,EAAE,OAAO,CAAC;IACjC,kCAAkC;IAClC,QAAQ,CAAC,WAAW,EAAE,YAAY,CAAC;IACnC,6BAA6B;IAC7B,cAAc,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC;IAC1C,6CAA6C;IAC7C,YAAY,IAAI,IAAI,CAAC;IACrB,iDAAiD;IACjD,gBAAgB,IAAI,IAAI,CAAC;IACzB,gEAAgE;IAChE,YAAY,IAAI,IAAI,CAAC;IACrB,wEAAwE;IACxE,gBAAgB,IAAI,IAAI,CAAC;IACzB,0FAA0F;IAC1F,aAAa,IAAI,IAAI,CAAC;IACtB,kGAAkG;IAClG,iBAAiB,IAAI,IAAI,CAAC;IAC1B,qGAAqG;IACrG,iBAAiB,IAAI,IAAI,CAAC;IAC1B,uGAAuG;IACvG,eAAe,IAAI,IAAI,CAAC;IACxB;;;;;;OAMG;IACH,gBAAgB,CAAC,MAAM,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IACzC;;;;;;OAMG;IACH,oBAAoB,CAAC,MAAM,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC7C,0CAA0C;IAC1C,iBAAiB,IAAI,IAAI,CAAC;IAC1B,8BAA8B;IAC9B,UAAU,CAAC,IAAI,EAAE,YAAY,GAAG,IAAI,CAAC;IACrC,sDAAsD;IACtD,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;IAC5B,2DAA2D;IAC3D,UAAU,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC;IACjC,kGAAkG;IAClG,SAAS,CAAC,IAAI,EAAE,YAAY,GAAG,OAAO,CAAC;IACvC,4DAA4D;IAC5D,UAAU,CAAC,IAAI,EAAE,YAAY,GAAG,OAAO,CAAC;IACxC,2DAA2D;IAC3D,aAAa,CAAC,IAAI,EAAE,YAAY,GAAG,OAAO,CAAC;IAC3C,iHAAiH;IACjH,cAAc,CAAC,IAAI,EAAE,YAAY,GAAG,OAAO,CAAC;IAC5C,+FAA+F;IAC/F,iBAAiB,CAAC,IAAI,EAAE,YAAY,GAAG,OAAO,CAAC;IAC/C,kHAAkH;IAClH,6BAA6B,IAAI,OAAO,CAAC;IACzC,8GAA8G;IAC9G,yBAAyB,IAAI,OAAO,CAAC;IACrC;;;OAGG;IACH,cAAc,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,YAAY,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC,CAAA;CACxF;AAED,8BAA+B,SAAQ,iBAAiB;IACtD,mCAAmC;IACnC,QAAQ,CAAC,KAAK,EAAE,YAAY,CAAC;
|
|
1
|
+
{"mappings":"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","sources":["packages/@react-stately/calendar/src/packages/@react-stately/calendar/src/utils.ts","packages/@react-stately/calendar/src/packages/@react-stately/calendar/src/types.ts","packages/@react-stately/calendar/src/packages/@react-stately/calendar/src/useCalendarState.ts","packages/@react-stately/calendar/src/packages/@react-stately/calendar/src/useRangeCalendarState.ts","packages/@react-stately/calendar/src/packages/@react-stately/calendar/src/index.ts","packages/@react-stately/calendar/src/index.ts"],"sourcesContent":[null,null,null,null,null,"/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nexport {useCalendarState} from './useCalendarState';\nexport {useRangeCalendarState} from './useRangeCalendarState';\n\nexport type {CalendarStateOptions} from './useCalendarState';\nexport type {RangeCalendarStateOptions} from './useRangeCalendarState';\nexport type {CalendarState, RangeCalendarState} from './types'; \n"],"names":[],"version":3,"file":"types.d.ts.map"}
|
|
@@ -0,0 +1,298 @@
|
|
|
1
|
+
var $4301262d71f567b9$exports = require("./utils.main.js");
|
|
2
|
+
var $cpRwL$internationalizeddate = require("@internationalized/date");
|
|
3
|
+
var $cpRwL$reactstatelyutils = require("@react-stately/utils");
|
|
4
|
+
var $cpRwL$react = require("react");
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
function $parcel$export(e, n, v, s) {
|
|
8
|
+
Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
$parcel$export(module.exports, "useCalendarState", () => $6adad0c8536fc209$export$6d095e787d2b5e1f);
|
|
12
|
+
/*
|
|
13
|
+
* Copyright 2020 Adobe. All rights reserved.
|
|
14
|
+
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
15
|
+
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
16
|
+
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
17
|
+
*
|
|
18
|
+
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
19
|
+
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
20
|
+
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
21
|
+
* governing permissions and limitations under the License.
|
|
22
|
+
*/
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
function $6adad0c8536fc209$export$6d095e787d2b5e1f(props) {
|
|
27
|
+
let defaultFormatter = (0, $cpRwL$react.useMemo)(()=>new (0, $cpRwL$internationalizeddate.DateFormatter)(props.locale), [
|
|
28
|
+
props.locale
|
|
29
|
+
]);
|
|
30
|
+
let resolvedOptions = (0, $cpRwL$react.useMemo)(()=>defaultFormatter.resolvedOptions(), [
|
|
31
|
+
defaultFormatter
|
|
32
|
+
]);
|
|
33
|
+
let { locale: locale, createCalendar: createCalendar, visibleDuration: visibleDuration = {
|
|
34
|
+
months: 1
|
|
35
|
+
}, minValue: minValue, maxValue: maxValue, selectionAlignment: selectionAlignment, isDateUnavailable: isDateUnavailable, pageBehavior: pageBehavior = 'visible' } = props;
|
|
36
|
+
let calendar = (0, $cpRwL$react.useMemo)(()=>createCalendar(resolvedOptions.calendar), [
|
|
37
|
+
createCalendar,
|
|
38
|
+
resolvedOptions.calendar
|
|
39
|
+
]);
|
|
40
|
+
let [value, setControlledValue] = (0, $cpRwL$reactstatelyutils.useControlledState)(props.value, props.defaultValue, props.onChange);
|
|
41
|
+
let calendarDateValue = (0, $cpRwL$react.useMemo)(()=>value ? (0, $cpRwL$internationalizeddate.toCalendar)((0, $cpRwL$internationalizeddate.toCalendarDate)(value), calendar) : null, [
|
|
42
|
+
value,
|
|
43
|
+
calendar
|
|
44
|
+
]);
|
|
45
|
+
let timeZone = (0, $cpRwL$react.useMemo)(()=>value && 'timeZone' in value ? value.timeZone : resolvedOptions.timeZone, [
|
|
46
|
+
value,
|
|
47
|
+
resolvedOptions.timeZone
|
|
48
|
+
]);
|
|
49
|
+
let focusedCalendarDate = (0, $cpRwL$react.useMemo)(()=>props.focusedValue ? (0, $4301262d71f567b9$exports.constrainValue)((0, $cpRwL$internationalizeddate.toCalendar)((0, $cpRwL$internationalizeddate.toCalendarDate)(props.focusedValue), calendar), minValue, maxValue) : undefined, [
|
|
50
|
+
props.focusedValue,
|
|
51
|
+
calendar,
|
|
52
|
+
minValue,
|
|
53
|
+
maxValue
|
|
54
|
+
]);
|
|
55
|
+
let defaultFocusedCalendarDate = (0, $cpRwL$react.useMemo)(()=>(0, $4301262d71f567b9$exports.constrainValue)(props.defaultFocusedValue ? (0, $cpRwL$internationalizeddate.toCalendar)((0, $cpRwL$internationalizeddate.toCalendarDate)(props.defaultFocusedValue), calendar) : calendarDateValue || (0, $cpRwL$internationalizeddate.toCalendar)((0, $cpRwL$internationalizeddate.today)(timeZone), calendar), minValue, maxValue), [
|
|
56
|
+
props.defaultFocusedValue,
|
|
57
|
+
calendarDateValue,
|
|
58
|
+
timeZone,
|
|
59
|
+
calendar,
|
|
60
|
+
minValue,
|
|
61
|
+
maxValue
|
|
62
|
+
]);
|
|
63
|
+
let [focusedDate, setFocusedDate] = (0, $cpRwL$reactstatelyutils.useControlledState)(focusedCalendarDate, defaultFocusedCalendarDate, props.onFocusChange);
|
|
64
|
+
let [startDate, setStartDate] = (0, $cpRwL$react.useState)(()=>{
|
|
65
|
+
switch(selectionAlignment){
|
|
66
|
+
case 'start':
|
|
67
|
+
return (0, $4301262d71f567b9$exports.alignStart)(focusedDate, visibleDuration, locale, minValue, maxValue);
|
|
68
|
+
case 'end':
|
|
69
|
+
return (0, $4301262d71f567b9$exports.alignEnd)(focusedDate, visibleDuration, locale, minValue, maxValue);
|
|
70
|
+
case 'center':
|
|
71
|
+
default:
|
|
72
|
+
return (0, $4301262d71f567b9$exports.alignCenter)(focusedDate, visibleDuration, locale, minValue, maxValue);
|
|
73
|
+
}
|
|
74
|
+
});
|
|
75
|
+
let [isFocused, setFocused] = (0, $cpRwL$react.useState)(props.autoFocus || false);
|
|
76
|
+
let endDate = (0, $cpRwL$react.useMemo)(()=>{
|
|
77
|
+
let duration = {
|
|
78
|
+
...visibleDuration
|
|
79
|
+
};
|
|
80
|
+
if (duration.days) duration.days--;
|
|
81
|
+
else duration.days = -1;
|
|
82
|
+
return startDate.add(duration);
|
|
83
|
+
}, [
|
|
84
|
+
startDate,
|
|
85
|
+
visibleDuration
|
|
86
|
+
]);
|
|
87
|
+
// Reset focused date and visible range when calendar changes.
|
|
88
|
+
let [lastCalendarIdentifier, setLastCalendarIdentifier] = (0, $cpRwL$react.useState)(calendar.identifier);
|
|
89
|
+
if (calendar.identifier !== lastCalendarIdentifier) {
|
|
90
|
+
let newFocusedDate = (0, $cpRwL$internationalizeddate.toCalendar)(focusedDate, calendar);
|
|
91
|
+
setStartDate((0, $4301262d71f567b9$exports.alignCenter)(newFocusedDate, visibleDuration, locale, minValue, maxValue));
|
|
92
|
+
setFocusedDate(newFocusedDate);
|
|
93
|
+
setLastCalendarIdentifier(calendar.identifier);
|
|
94
|
+
}
|
|
95
|
+
if ((0, $4301262d71f567b9$exports.isInvalid)(focusedDate, minValue, maxValue)) // If the focused date was moved to an invalid value, it can't be focused, so constrain it.
|
|
96
|
+
setFocusedDate((0, $4301262d71f567b9$exports.constrainValue)(focusedDate, minValue, maxValue));
|
|
97
|
+
else if (focusedDate.compare(startDate) < 0) setStartDate((0, $4301262d71f567b9$exports.alignEnd)(focusedDate, visibleDuration, locale, minValue, maxValue));
|
|
98
|
+
else if (focusedDate.compare(endDate) > 0) setStartDate((0, $4301262d71f567b9$exports.alignStart)(focusedDate, visibleDuration, locale, minValue, maxValue));
|
|
99
|
+
// Sets focus to a specific cell date
|
|
100
|
+
function focusCell(date) {
|
|
101
|
+
date = (0, $4301262d71f567b9$exports.constrainValue)(date, minValue, maxValue);
|
|
102
|
+
setFocusedDate(date);
|
|
103
|
+
}
|
|
104
|
+
function setValue(newValue) {
|
|
105
|
+
if (!props.isDisabled && !props.isReadOnly) {
|
|
106
|
+
if (newValue === null) {
|
|
107
|
+
setControlledValue(null);
|
|
108
|
+
return;
|
|
109
|
+
}
|
|
110
|
+
newValue = (0, $4301262d71f567b9$exports.constrainValue)(newValue, minValue, maxValue);
|
|
111
|
+
newValue = (0, $4301262d71f567b9$exports.previousAvailableDate)(newValue, startDate, isDateUnavailable);
|
|
112
|
+
if (!newValue) return;
|
|
113
|
+
// The display calendar should not have any effect on the emitted value.
|
|
114
|
+
// Emit dates in the same calendar as the original value, if any, otherwise gregorian.
|
|
115
|
+
newValue = (0, $cpRwL$internationalizeddate.toCalendar)(newValue, (value === null || value === void 0 ? void 0 : value.calendar) || new (0, $cpRwL$internationalizeddate.GregorianCalendar)());
|
|
116
|
+
// Preserve time if the input value had one.
|
|
117
|
+
if (value && 'hour' in value) setControlledValue(value.set(newValue));
|
|
118
|
+
else setControlledValue(newValue);
|
|
119
|
+
}
|
|
120
|
+
}
|
|
121
|
+
let isUnavailable = (0, $cpRwL$react.useMemo)(()=>{
|
|
122
|
+
if (!calendarDateValue) return false;
|
|
123
|
+
if (isDateUnavailable && isDateUnavailable(calendarDateValue)) return true;
|
|
124
|
+
return (0, $4301262d71f567b9$exports.isInvalid)(calendarDateValue, minValue, maxValue);
|
|
125
|
+
}, [
|
|
126
|
+
calendarDateValue,
|
|
127
|
+
isDateUnavailable,
|
|
128
|
+
minValue,
|
|
129
|
+
maxValue
|
|
130
|
+
]);
|
|
131
|
+
let isValueInvalid = props.isInvalid || props.validationState === 'invalid' || isUnavailable;
|
|
132
|
+
let validationState = isValueInvalid ? 'invalid' : null;
|
|
133
|
+
let pageDuration = (0, $cpRwL$react.useMemo)(()=>{
|
|
134
|
+
if (pageBehavior === 'visible') return visibleDuration;
|
|
135
|
+
return $6adad0c8536fc209$var$unitDuration(visibleDuration);
|
|
136
|
+
}, [
|
|
137
|
+
pageBehavior,
|
|
138
|
+
visibleDuration
|
|
139
|
+
]);
|
|
140
|
+
return {
|
|
141
|
+
isDisabled: props.isDisabled,
|
|
142
|
+
isReadOnly: props.isReadOnly,
|
|
143
|
+
value: calendarDateValue,
|
|
144
|
+
setValue: setValue,
|
|
145
|
+
visibleRange: {
|
|
146
|
+
start: startDate,
|
|
147
|
+
end: endDate
|
|
148
|
+
},
|
|
149
|
+
minValue: minValue,
|
|
150
|
+
maxValue: maxValue,
|
|
151
|
+
focusedDate: focusedDate,
|
|
152
|
+
timeZone: timeZone,
|
|
153
|
+
validationState: validationState,
|
|
154
|
+
isValueInvalid: isValueInvalid,
|
|
155
|
+
setFocusedDate (date) {
|
|
156
|
+
focusCell(date);
|
|
157
|
+
setFocused(true);
|
|
158
|
+
},
|
|
159
|
+
focusNextDay () {
|
|
160
|
+
focusCell(focusedDate.add({
|
|
161
|
+
days: 1
|
|
162
|
+
}));
|
|
163
|
+
},
|
|
164
|
+
focusPreviousDay () {
|
|
165
|
+
focusCell(focusedDate.subtract({
|
|
166
|
+
days: 1
|
|
167
|
+
}));
|
|
168
|
+
},
|
|
169
|
+
focusNextRow () {
|
|
170
|
+
if (visibleDuration.days) this.focusNextPage();
|
|
171
|
+
else if (visibleDuration.weeks || visibleDuration.months || visibleDuration.years) focusCell(focusedDate.add({
|
|
172
|
+
weeks: 1
|
|
173
|
+
}));
|
|
174
|
+
},
|
|
175
|
+
focusPreviousRow () {
|
|
176
|
+
if (visibleDuration.days) this.focusPreviousPage();
|
|
177
|
+
else if (visibleDuration.weeks || visibleDuration.months || visibleDuration.years) focusCell(focusedDate.subtract({
|
|
178
|
+
weeks: 1
|
|
179
|
+
}));
|
|
180
|
+
},
|
|
181
|
+
focusNextPage () {
|
|
182
|
+
let start = startDate.add(pageDuration);
|
|
183
|
+
setFocusedDate((0, $4301262d71f567b9$exports.constrainValue)(focusedDate.add(pageDuration), minValue, maxValue));
|
|
184
|
+
setStartDate((0, $4301262d71f567b9$exports.alignStart)((0, $4301262d71f567b9$exports.constrainStart)(focusedDate, start, pageDuration, locale, minValue, maxValue), pageDuration, locale));
|
|
185
|
+
},
|
|
186
|
+
focusPreviousPage () {
|
|
187
|
+
let start = startDate.subtract(pageDuration);
|
|
188
|
+
setFocusedDate((0, $4301262d71f567b9$exports.constrainValue)(focusedDate.subtract(pageDuration), minValue, maxValue));
|
|
189
|
+
setStartDate((0, $4301262d71f567b9$exports.alignStart)((0, $4301262d71f567b9$exports.constrainStart)(focusedDate, start, pageDuration, locale, minValue, maxValue), pageDuration, locale));
|
|
190
|
+
},
|
|
191
|
+
focusSectionStart () {
|
|
192
|
+
if (visibleDuration.days) focusCell(startDate);
|
|
193
|
+
else if (visibleDuration.weeks) focusCell((0, $cpRwL$internationalizeddate.startOfWeek)(focusedDate, locale));
|
|
194
|
+
else if (visibleDuration.months || visibleDuration.years) focusCell((0, $cpRwL$internationalizeddate.startOfMonth)(focusedDate));
|
|
195
|
+
},
|
|
196
|
+
focusSectionEnd () {
|
|
197
|
+
if (visibleDuration.days) focusCell(endDate);
|
|
198
|
+
else if (visibleDuration.weeks) focusCell((0, $cpRwL$internationalizeddate.endOfWeek)(focusedDate, locale));
|
|
199
|
+
else if (visibleDuration.months || visibleDuration.years) focusCell((0, $cpRwL$internationalizeddate.endOfMonth)(focusedDate));
|
|
200
|
+
},
|
|
201
|
+
focusNextSection (larger) {
|
|
202
|
+
if (!larger && !visibleDuration.days) {
|
|
203
|
+
focusCell(focusedDate.add($6adad0c8536fc209$var$unitDuration(visibleDuration)));
|
|
204
|
+
return;
|
|
205
|
+
}
|
|
206
|
+
if (visibleDuration.days) this.focusNextPage();
|
|
207
|
+
else if (visibleDuration.weeks) focusCell(focusedDate.add({
|
|
208
|
+
months: 1
|
|
209
|
+
}));
|
|
210
|
+
else if (visibleDuration.months || visibleDuration.years) focusCell(focusedDate.add({
|
|
211
|
+
years: 1
|
|
212
|
+
}));
|
|
213
|
+
},
|
|
214
|
+
focusPreviousSection (larger) {
|
|
215
|
+
if (!larger && !visibleDuration.days) {
|
|
216
|
+
focusCell(focusedDate.subtract($6adad0c8536fc209$var$unitDuration(visibleDuration)));
|
|
217
|
+
return;
|
|
218
|
+
}
|
|
219
|
+
if (visibleDuration.days) this.focusPreviousPage();
|
|
220
|
+
else if (visibleDuration.weeks) focusCell(focusedDate.subtract({
|
|
221
|
+
months: 1
|
|
222
|
+
}));
|
|
223
|
+
else if (visibleDuration.months || visibleDuration.years) focusCell(focusedDate.subtract({
|
|
224
|
+
years: 1
|
|
225
|
+
}));
|
|
226
|
+
},
|
|
227
|
+
selectFocusedDate () {
|
|
228
|
+
setValue(focusedDate);
|
|
229
|
+
},
|
|
230
|
+
selectDate (date) {
|
|
231
|
+
setValue(date);
|
|
232
|
+
},
|
|
233
|
+
isFocused: isFocused,
|
|
234
|
+
setFocused: setFocused,
|
|
235
|
+
isInvalid (date) {
|
|
236
|
+
return (0, $4301262d71f567b9$exports.isInvalid)(date, minValue, maxValue);
|
|
237
|
+
},
|
|
238
|
+
isSelected (date) {
|
|
239
|
+
return calendarDateValue != null && (0, $cpRwL$internationalizeddate.isSameDay)(date, calendarDateValue) && !this.isCellDisabled(date) && !this.isCellUnavailable(date);
|
|
240
|
+
},
|
|
241
|
+
isCellFocused (date) {
|
|
242
|
+
return isFocused && focusedDate && (0, $cpRwL$internationalizeddate.isSameDay)(date, focusedDate);
|
|
243
|
+
},
|
|
244
|
+
isCellDisabled (date) {
|
|
245
|
+
return props.isDisabled || date.compare(startDate) < 0 || date.compare(endDate) > 0 || this.isInvalid(date, minValue, maxValue);
|
|
246
|
+
},
|
|
247
|
+
isCellUnavailable (date) {
|
|
248
|
+
return props.isDateUnavailable && props.isDateUnavailable(date);
|
|
249
|
+
},
|
|
250
|
+
isPreviousVisibleRangeInvalid () {
|
|
251
|
+
let prev = startDate.subtract({
|
|
252
|
+
days: 1
|
|
253
|
+
});
|
|
254
|
+
return (0, $cpRwL$internationalizeddate.isSameDay)(prev, startDate) || this.isInvalid(prev, minValue, maxValue);
|
|
255
|
+
},
|
|
256
|
+
isNextVisibleRangeInvalid () {
|
|
257
|
+
// Adding may return the same date if we reached the end of time
|
|
258
|
+
// according to the calendar system (e.g. 9999-12-31).
|
|
259
|
+
let next = endDate.add({
|
|
260
|
+
days: 1
|
|
261
|
+
});
|
|
262
|
+
return (0, $cpRwL$internationalizeddate.isSameDay)(next, endDate) || this.isInvalid(next, minValue, maxValue);
|
|
263
|
+
},
|
|
264
|
+
getDatesInWeek (weekIndex, from = startDate) {
|
|
265
|
+
// let date = startOfWeek(from, locale);
|
|
266
|
+
let date = from.add({
|
|
267
|
+
weeks: weekIndex
|
|
268
|
+
});
|
|
269
|
+
let dates = [];
|
|
270
|
+
date = (0, $cpRwL$internationalizeddate.startOfWeek)(date, locale);
|
|
271
|
+
// startOfWeek will clamp dates within the calendar system's valid range, which may
|
|
272
|
+
// start in the middle of a week. In this case, add null placeholders.
|
|
273
|
+
let dayOfWeek = (0, $cpRwL$internationalizeddate.getDayOfWeek)(date, locale);
|
|
274
|
+
for(let i = 0; i < dayOfWeek; i++)dates.push(null);
|
|
275
|
+
while(dates.length < 7){
|
|
276
|
+
dates.push(date);
|
|
277
|
+
let nextDate = date.add({
|
|
278
|
+
days: 1
|
|
279
|
+
});
|
|
280
|
+
if ((0, $cpRwL$internationalizeddate.isSameDay)(date, nextDate)) break;
|
|
281
|
+
date = nextDate;
|
|
282
|
+
}
|
|
283
|
+
// Add null placeholders if at the end of the calendar system.
|
|
284
|
+
while(dates.length < 7)dates.push(null);
|
|
285
|
+
return dates;
|
|
286
|
+
}
|
|
287
|
+
};
|
|
288
|
+
}
|
|
289
|
+
function $6adad0c8536fc209$var$unitDuration(duration) {
|
|
290
|
+
let unit = {
|
|
291
|
+
...duration
|
|
292
|
+
};
|
|
293
|
+
for(let key in duration)unit[key] = 1;
|
|
294
|
+
return unit;
|
|
295
|
+
}
|
|
296
|
+
|
|
297
|
+
|
|
298
|
+
//# sourceMappingURL=useCalendarState.main.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"mappings":"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","sources":["packages/@react-stately/calendar/src/useCalendarState.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {alignCenter, alignEnd, alignStart, constrainStart, constrainValue, isInvalid, previousAvailableDate} from './utils';\nimport {\n Calendar,\n CalendarDate,\n DateDuration,\n DateFormatter,\n endOfMonth,\n endOfWeek,\n getDayOfWeek,\n GregorianCalendar,\n isSameDay,\n startOfMonth,\n startOfWeek,\n toCalendar,\n toCalendarDate,\n today\n} from '@internationalized/date';\nimport {CalendarProps, DateValue} from '@react-types/calendar';\nimport {CalendarState} from './types';\nimport {useControlledState} from '@react-stately/utils';\nimport {useMemo, useState} from 'react';\nimport {ValidationState} from '@react-types/shared';\n\nexport interface CalendarStateOptions<T extends DateValue = DateValue> extends CalendarProps<T> {\n /** The locale to display and edit the value according to. */\n locale: string,\n /**\n * A function that creates a [Calendar](../internationalized/date/Calendar.html)\n * object for a given calendar identifier. Such a function may be imported from the\n * `@internationalized/date` package, or manually implemented to include support for\n * only certain calendars.\n */\n createCalendar: (name: string) => Calendar,\n /**\n * The amount of days that will be displayed at once. This affects how pagination works.\n * @default {months: 1}\n */\n visibleDuration?: DateDuration,\n /** Determines how to align the initial selection relative to the visible date range. */\n selectionAlignment?: 'start' | 'center' | 'end'\n}\n\n/**\n * Provides state management for a calendar component.\n * A calendar displays one or more date grids and allows users to select a single date.\n */\nexport function useCalendarState<T extends DateValue = DateValue>(props: CalendarStateOptions<T>): CalendarState {\n let defaultFormatter = useMemo(() => new DateFormatter(props.locale), [props.locale]);\n let resolvedOptions = useMemo(() => defaultFormatter.resolvedOptions(), [defaultFormatter]);\n let {\n locale,\n createCalendar,\n visibleDuration = {months: 1},\n minValue,\n maxValue,\n selectionAlignment,\n isDateUnavailable,\n pageBehavior = 'visible'\n } = props;\n let calendar = useMemo(() => createCalendar(resolvedOptions.calendar), [createCalendar, resolvedOptions.calendar]);\n\n let [value, setControlledValue] = useControlledState<DateValue>(props.value, props.defaultValue, props.onChange);\n let calendarDateValue = useMemo(() => value ? toCalendar(toCalendarDate(value), calendar) : null, [value, calendar]);\n let timeZone = useMemo(() => value && 'timeZone' in value ? value.timeZone : resolvedOptions.timeZone, [value, resolvedOptions.timeZone]);\n let focusedCalendarDate = useMemo(() => (\n props.focusedValue\n ? constrainValue(toCalendar(toCalendarDate(props.focusedValue), calendar), minValue, maxValue)\n : undefined\n ), [props.focusedValue, calendar, minValue, maxValue]);\n let defaultFocusedCalendarDate = useMemo(() => (\n constrainValue(\n props.defaultFocusedValue\n ? toCalendar(toCalendarDate(props.defaultFocusedValue), calendar)\n : calendarDateValue || toCalendar(today(timeZone), calendar),\n minValue,\n maxValue\n )\n ), [props.defaultFocusedValue, calendarDateValue, timeZone, calendar, minValue, maxValue]);\n let [focusedDate, setFocusedDate] = useControlledState(focusedCalendarDate, defaultFocusedCalendarDate, props.onFocusChange);\n let [startDate, setStartDate] = useState(() => {\n switch (selectionAlignment) {\n case 'start':\n return alignStart(focusedDate, visibleDuration, locale, minValue, maxValue);\n case 'end':\n return alignEnd(focusedDate, visibleDuration, locale, minValue, maxValue);\n case 'center':\n default:\n return alignCenter(focusedDate, visibleDuration, locale, minValue, maxValue);\n }\n });\n let [isFocused, setFocused] = useState(props.autoFocus || false);\n\n let endDate = useMemo(() => {\n let duration = {...visibleDuration};\n if (duration.days) {\n duration.days--;\n } else {\n duration.days = -1;\n }\n return startDate.add(duration);\n }, [startDate, visibleDuration]);\n\n // Reset focused date and visible range when calendar changes.\n let [lastCalendarIdentifier, setLastCalendarIdentifier] = useState(calendar.identifier);\n if (calendar.identifier !== lastCalendarIdentifier) {\n let newFocusedDate = toCalendar(focusedDate, calendar);\n setStartDate(alignCenter(newFocusedDate, visibleDuration, locale, minValue, maxValue));\n setFocusedDate(newFocusedDate);\n setLastCalendarIdentifier(calendar.identifier);\n }\n\n if (isInvalid(focusedDate, minValue, maxValue)) {\n // If the focused date was moved to an invalid value, it can't be focused, so constrain it.\n setFocusedDate(constrainValue(focusedDate, minValue, maxValue));\n } else if (focusedDate.compare(startDate) < 0) {\n setStartDate(alignEnd(focusedDate, visibleDuration, locale, minValue, maxValue));\n } else if (focusedDate.compare(endDate) > 0) {\n setStartDate(alignStart(focusedDate, visibleDuration, locale, minValue, maxValue));\n }\n\n // Sets focus to a specific cell date\n function focusCell(date: CalendarDate) {\n date = constrainValue(date, minValue, maxValue);\n setFocusedDate(date);\n }\n\n function setValue(newValue: CalendarDate | null) {\n if (!props.isDisabled && !props.isReadOnly) {\n if (newValue === null) {\n setControlledValue(null);\n return;\n }\n newValue = constrainValue(newValue, minValue, maxValue);\n newValue = previousAvailableDate(newValue, startDate, isDateUnavailable);\n if (!newValue) {\n return;\n }\n\n // The display calendar should not have any effect on the emitted value.\n // Emit dates in the same calendar as the original value, if any, otherwise gregorian.\n newValue = toCalendar(newValue, value?.calendar || new GregorianCalendar());\n\n // Preserve time if the input value had one.\n if (value && 'hour' in value) {\n setControlledValue(value.set(newValue));\n } else {\n setControlledValue(newValue);\n }\n }\n }\n\n let isUnavailable = useMemo(() => {\n if (!calendarDateValue) {\n return false;\n }\n\n if (isDateUnavailable && isDateUnavailable(calendarDateValue)) {\n return true;\n }\n\n return isInvalid(calendarDateValue, minValue, maxValue);\n }, [calendarDateValue, isDateUnavailable, minValue, maxValue]);\n let isValueInvalid = props.isInvalid || props.validationState === 'invalid' || isUnavailable;\n let validationState: ValidationState = isValueInvalid ? 'invalid' : null;\n\n let pageDuration = useMemo(() => {\n if (pageBehavior === 'visible') {\n return visibleDuration;\n }\n\n return unitDuration(visibleDuration);\n }, [pageBehavior, visibleDuration]);\n\n return {\n isDisabled: props.isDisabled,\n isReadOnly: props.isReadOnly,\n value: calendarDateValue,\n setValue,\n visibleRange: {\n start: startDate,\n end: endDate\n },\n minValue,\n maxValue,\n focusedDate,\n timeZone,\n validationState,\n isValueInvalid,\n setFocusedDate(date) {\n focusCell(date);\n setFocused(true);\n },\n focusNextDay() {\n focusCell(focusedDate.add({days: 1}));\n },\n focusPreviousDay() {\n focusCell(focusedDate.subtract({days: 1}));\n },\n focusNextRow() {\n if (visibleDuration.days) {\n this.focusNextPage();\n } else if (visibleDuration.weeks || visibleDuration.months || visibleDuration.years) {\n focusCell(focusedDate.add({weeks: 1}));\n }\n },\n focusPreviousRow() {\n if (visibleDuration.days) {\n this.focusPreviousPage();\n } else if (visibleDuration.weeks || visibleDuration.months || visibleDuration.years) {\n focusCell(focusedDate.subtract({weeks: 1}));\n }\n },\n focusNextPage() {\n let start = startDate.add(pageDuration);\n setFocusedDate(constrainValue(focusedDate.add(pageDuration), minValue, maxValue));\n setStartDate(\n alignStart(\n constrainStart(focusedDate, start, pageDuration, locale, minValue, maxValue),\n pageDuration,\n locale\n )\n );\n },\n focusPreviousPage() {\n let start = startDate.subtract(pageDuration);\n setFocusedDate(constrainValue(focusedDate.subtract(pageDuration), minValue, maxValue));\n setStartDate(\n alignStart(\n constrainStart(focusedDate, start, pageDuration, locale, minValue, maxValue),\n pageDuration,\n locale\n )\n );\n },\n focusSectionStart() {\n if (visibleDuration.days) {\n focusCell(startDate);\n } else if (visibleDuration.weeks) {\n focusCell(startOfWeek(focusedDate, locale));\n } else if (visibleDuration.months || visibleDuration.years) {\n focusCell(startOfMonth(focusedDate));\n }\n },\n focusSectionEnd() {\n if (visibleDuration.days) {\n focusCell(endDate);\n } else if (visibleDuration.weeks) {\n focusCell(endOfWeek(focusedDate, locale));\n } else if (visibleDuration.months || visibleDuration.years) {\n focusCell(endOfMonth(focusedDate));\n }\n },\n focusNextSection(larger) {\n if (!larger && !visibleDuration.days) {\n focusCell(focusedDate.add(unitDuration(visibleDuration)));\n return;\n }\n\n if (visibleDuration.days) {\n this.focusNextPage();\n } else if (visibleDuration.weeks) {\n focusCell(focusedDate.add({months: 1}));\n } else if (visibleDuration.months || visibleDuration.years) {\n focusCell(focusedDate.add({years: 1}));\n }\n },\n focusPreviousSection(larger) {\n if (!larger && !visibleDuration.days) {\n focusCell(focusedDate.subtract(unitDuration(visibleDuration)));\n return;\n }\n\n if (visibleDuration.days) {\n this.focusPreviousPage();\n } else if (visibleDuration.weeks) {\n focusCell(focusedDate.subtract({months: 1}));\n } else if (visibleDuration.months || visibleDuration.years) {\n focusCell(focusedDate.subtract({years: 1}));\n }\n },\n selectFocusedDate() {\n setValue(focusedDate);\n },\n selectDate(date) {\n setValue(date);\n },\n isFocused,\n setFocused,\n isInvalid(date) {\n return isInvalid(date, minValue, maxValue);\n },\n isSelected(date) {\n return calendarDateValue != null && isSameDay(date, calendarDateValue) && !this.isCellDisabled(date) && !this.isCellUnavailable(date);\n },\n isCellFocused(date) {\n return isFocused && focusedDate && isSameDay(date, focusedDate);\n },\n isCellDisabled(date) {\n return props.isDisabled || date.compare(startDate) < 0 || date.compare(endDate) > 0 || this.isInvalid(date, minValue, maxValue);\n },\n isCellUnavailable(date) {\n return props.isDateUnavailable && props.isDateUnavailable(date);\n },\n isPreviousVisibleRangeInvalid() {\n let prev = startDate.subtract({days: 1});\n return isSameDay(prev, startDate) || this.isInvalid(prev, minValue, maxValue);\n },\n isNextVisibleRangeInvalid() {\n // Adding may return the same date if we reached the end of time\n // according to the calendar system (e.g. 9999-12-31).\n let next = endDate.add({days: 1});\n return isSameDay(next, endDate) || this.isInvalid(next, minValue, maxValue);\n },\n getDatesInWeek(weekIndex, from = startDate) {\n // let date = startOfWeek(from, locale);\n let date = from.add({weeks: weekIndex});\n let dates = [];\n\n date = startOfWeek(date, locale);\n\n // startOfWeek will clamp dates within the calendar system's valid range, which may\n // start in the middle of a week. In this case, add null placeholders.\n let dayOfWeek = getDayOfWeek(date, locale);\n for (let i = 0; i < dayOfWeek; i++) {\n dates.push(null);\n }\n\n while (dates.length < 7) {\n dates.push(date);\n let nextDate = date.add({days: 1});\n if (isSameDay(date, nextDate)) {\n // If the next day is the same, we have hit the end of the calendar system.\n break;\n }\n date = nextDate;\n }\n\n // Add null placeholders if at the end of the calendar system.\n while (dates.length < 7) {\n dates.push(null);\n }\n\n return dates;\n }\n };\n}\n\nfunction unitDuration(duration: DateDuration) {\n let unit = {...duration};\n for (let key in duration) {\n unit[key] = 1;\n }\n return unit;\n}\n"],"names":[],"version":3,"file":"useCalendarState.main.js.map"}
|
|
@@ -0,0 +1,293 @@
|
|
|
1
|
+
import {alignCenter as $f62d864046160412$export$f4a51ff076cc9a09, alignEnd as $f62d864046160412$export$530edbfc915b2b04, alignStart as $f62d864046160412$export$144a00ba6044eb9, constrainStart as $f62d864046160412$export$5bb865b12696a77d, constrainValue as $f62d864046160412$export$4f5203c0d889109e, isInvalid as $f62d864046160412$export$eac50920cf2fd59a, previousAvailableDate as $f62d864046160412$export$a1d3911297b952d7} from "./utils.mjs";
|
|
2
|
+
import {DateFormatter as $7G4ZY$DateFormatter, toCalendar as $7G4ZY$toCalendar, toCalendarDate as $7G4ZY$toCalendarDate, today as $7G4ZY$today, GregorianCalendar as $7G4ZY$GregorianCalendar, startOfWeek as $7G4ZY$startOfWeek, startOfMonth as $7G4ZY$startOfMonth, endOfWeek as $7G4ZY$endOfWeek, endOfMonth as $7G4ZY$endOfMonth, isSameDay as $7G4ZY$isSameDay, getDayOfWeek as $7G4ZY$getDayOfWeek} from "@internationalized/date";
|
|
3
|
+
import {useControlledState as $7G4ZY$useControlledState} from "@react-stately/utils";
|
|
4
|
+
import {useMemo as $7G4ZY$useMemo, useState as $7G4ZY$useState} from "react";
|
|
5
|
+
|
|
6
|
+
/*
|
|
7
|
+
* Copyright 2020 Adobe. All rights reserved.
|
|
8
|
+
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
9
|
+
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
10
|
+
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
11
|
+
*
|
|
12
|
+
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
13
|
+
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
14
|
+
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
15
|
+
* governing permissions and limitations under the License.
|
|
16
|
+
*/
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
function $131cf43a05231e1e$export$6d095e787d2b5e1f(props) {
|
|
21
|
+
let defaultFormatter = (0, $7G4ZY$useMemo)(()=>new (0, $7G4ZY$DateFormatter)(props.locale), [
|
|
22
|
+
props.locale
|
|
23
|
+
]);
|
|
24
|
+
let resolvedOptions = (0, $7G4ZY$useMemo)(()=>defaultFormatter.resolvedOptions(), [
|
|
25
|
+
defaultFormatter
|
|
26
|
+
]);
|
|
27
|
+
let { locale: locale, createCalendar: createCalendar, visibleDuration: visibleDuration = {
|
|
28
|
+
months: 1
|
|
29
|
+
}, minValue: minValue, maxValue: maxValue, selectionAlignment: selectionAlignment, isDateUnavailable: isDateUnavailable, pageBehavior: pageBehavior = 'visible' } = props;
|
|
30
|
+
let calendar = (0, $7G4ZY$useMemo)(()=>createCalendar(resolvedOptions.calendar), [
|
|
31
|
+
createCalendar,
|
|
32
|
+
resolvedOptions.calendar
|
|
33
|
+
]);
|
|
34
|
+
let [value, setControlledValue] = (0, $7G4ZY$useControlledState)(props.value, props.defaultValue, props.onChange);
|
|
35
|
+
let calendarDateValue = (0, $7G4ZY$useMemo)(()=>value ? (0, $7G4ZY$toCalendar)((0, $7G4ZY$toCalendarDate)(value), calendar) : null, [
|
|
36
|
+
value,
|
|
37
|
+
calendar
|
|
38
|
+
]);
|
|
39
|
+
let timeZone = (0, $7G4ZY$useMemo)(()=>value && 'timeZone' in value ? value.timeZone : resolvedOptions.timeZone, [
|
|
40
|
+
value,
|
|
41
|
+
resolvedOptions.timeZone
|
|
42
|
+
]);
|
|
43
|
+
let focusedCalendarDate = (0, $7G4ZY$useMemo)(()=>props.focusedValue ? (0, $f62d864046160412$export$4f5203c0d889109e)((0, $7G4ZY$toCalendar)((0, $7G4ZY$toCalendarDate)(props.focusedValue), calendar), minValue, maxValue) : undefined, [
|
|
44
|
+
props.focusedValue,
|
|
45
|
+
calendar,
|
|
46
|
+
minValue,
|
|
47
|
+
maxValue
|
|
48
|
+
]);
|
|
49
|
+
let defaultFocusedCalendarDate = (0, $7G4ZY$useMemo)(()=>(0, $f62d864046160412$export$4f5203c0d889109e)(props.defaultFocusedValue ? (0, $7G4ZY$toCalendar)((0, $7G4ZY$toCalendarDate)(props.defaultFocusedValue), calendar) : calendarDateValue || (0, $7G4ZY$toCalendar)((0, $7G4ZY$today)(timeZone), calendar), minValue, maxValue), [
|
|
50
|
+
props.defaultFocusedValue,
|
|
51
|
+
calendarDateValue,
|
|
52
|
+
timeZone,
|
|
53
|
+
calendar,
|
|
54
|
+
minValue,
|
|
55
|
+
maxValue
|
|
56
|
+
]);
|
|
57
|
+
let [focusedDate, setFocusedDate] = (0, $7G4ZY$useControlledState)(focusedCalendarDate, defaultFocusedCalendarDate, props.onFocusChange);
|
|
58
|
+
let [startDate, setStartDate] = (0, $7G4ZY$useState)(()=>{
|
|
59
|
+
switch(selectionAlignment){
|
|
60
|
+
case 'start':
|
|
61
|
+
return (0, $f62d864046160412$export$144a00ba6044eb9)(focusedDate, visibleDuration, locale, minValue, maxValue);
|
|
62
|
+
case 'end':
|
|
63
|
+
return (0, $f62d864046160412$export$530edbfc915b2b04)(focusedDate, visibleDuration, locale, minValue, maxValue);
|
|
64
|
+
case 'center':
|
|
65
|
+
default:
|
|
66
|
+
return (0, $f62d864046160412$export$f4a51ff076cc9a09)(focusedDate, visibleDuration, locale, minValue, maxValue);
|
|
67
|
+
}
|
|
68
|
+
});
|
|
69
|
+
let [isFocused, setFocused] = (0, $7G4ZY$useState)(props.autoFocus || false);
|
|
70
|
+
let endDate = (0, $7G4ZY$useMemo)(()=>{
|
|
71
|
+
let duration = {
|
|
72
|
+
...visibleDuration
|
|
73
|
+
};
|
|
74
|
+
if (duration.days) duration.days--;
|
|
75
|
+
else duration.days = -1;
|
|
76
|
+
return startDate.add(duration);
|
|
77
|
+
}, [
|
|
78
|
+
startDate,
|
|
79
|
+
visibleDuration
|
|
80
|
+
]);
|
|
81
|
+
// Reset focused date and visible range when calendar changes.
|
|
82
|
+
let [lastCalendarIdentifier, setLastCalendarIdentifier] = (0, $7G4ZY$useState)(calendar.identifier);
|
|
83
|
+
if (calendar.identifier !== lastCalendarIdentifier) {
|
|
84
|
+
let newFocusedDate = (0, $7G4ZY$toCalendar)(focusedDate, calendar);
|
|
85
|
+
setStartDate((0, $f62d864046160412$export$f4a51ff076cc9a09)(newFocusedDate, visibleDuration, locale, minValue, maxValue));
|
|
86
|
+
setFocusedDate(newFocusedDate);
|
|
87
|
+
setLastCalendarIdentifier(calendar.identifier);
|
|
88
|
+
}
|
|
89
|
+
if ((0, $f62d864046160412$export$eac50920cf2fd59a)(focusedDate, minValue, maxValue)) // If the focused date was moved to an invalid value, it can't be focused, so constrain it.
|
|
90
|
+
setFocusedDate((0, $f62d864046160412$export$4f5203c0d889109e)(focusedDate, minValue, maxValue));
|
|
91
|
+
else if (focusedDate.compare(startDate) < 0) setStartDate((0, $f62d864046160412$export$530edbfc915b2b04)(focusedDate, visibleDuration, locale, minValue, maxValue));
|
|
92
|
+
else if (focusedDate.compare(endDate) > 0) setStartDate((0, $f62d864046160412$export$144a00ba6044eb9)(focusedDate, visibleDuration, locale, minValue, maxValue));
|
|
93
|
+
// Sets focus to a specific cell date
|
|
94
|
+
function focusCell(date) {
|
|
95
|
+
date = (0, $f62d864046160412$export$4f5203c0d889109e)(date, minValue, maxValue);
|
|
96
|
+
setFocusedDate(date);
|
|
97
|
+
}
|
|
98
|
+
function setValue(newValue) {
|
|
99
|
+
if (!props.isDisabled && !props.isReadOnly) {
|
|
100
|
+
if (newValue === null) {
|
|
101
|
+
setControlledValue(null);
|
|
102
|
+
return;
|
|
103
|
+
}
|
|
104
|
+
newValue = (0, $f62d864046160412$export$4f5203c0d889109e)(newValue, minValue, maxValue);
|
|
105
|
+
newValue = (0, $f62d864046160412$export$a1d3911297b952d7)(newValue, startDate, isDateUnavailable);
|
|
106
|
+
if (!newValue) return;
|
|
107
|
+
// The display calendar should not have any effect on the emitted value.
|
|
108
|
+
// Emit dates in the same calendar as the original value, if any, otherwise gregorian.
|
|
109
|
+
newValue = (0, $7G4ZY$toCalendar)(newValue, (value === null || value === void 0 ? void 0 : value.calendar) || new (0, $7G4ZY$GregorianCalendar)());
|
|
110
|
+
// Preserve time if the input value had one.
|
|
111
|
+
if (value && 'hour' in value) setControlledValue(value.set(newValue));
|
|
112
|
+
else setControlledValue(newValue);
|
|
113
|
+
}
|
|
114
|
+
}
|
|
115
|
+
let isUnavailable = (0, $7G4ZY$useMemo)(()=>{
|
|
116
|
+
if (!calendarDateValue) return false;
|
|
117
|
+
if (isDateUnavailable && isDateUnavailable(calendarDateValue)) return true;
|
|
118
|
+
return (0, $f62d864046160412$export$eac50920cf2fd59a)(calendarDateValue, minValue, maxValue);
|
|
119
|
+
}, [
|
|
120
|
+
calendarDateValue,
|
|
121
|
+
isDateUnavailable,
|
|
122
|
+
minValue,
|
|
123
|
+
maxValue
|
|
124
|
+
]);
|
|
125
|
+
let isValueInvalid = props.isInvalid || props.validationState === 'invalid' || isUnavailable;
|
|
126
|
+
let validationState = isValueInvalid ? 'invalid' : null;
|
|
127
|
+
let pageDuration = (0, $7G4ZY$useMemo)(()=>{
|
|
128
|
+
if (pageBehavior === 'visible') return visibleDuration;
|
|
129
|
+
return $131cf43a05231e1e$var$unitDuration(visibleDuration);
|
|
130
|
+
}, [
|
|
131
|
+
pageBehavior,
|
|
132
|
+
visibleDuration
|
|
133
|
+
]);
|
|
134
|
+
return {
|
|
135
|
+
isDisabled: props.isDisabled,
|
|
136
|
+
isReadOnly: props.isReadOnly,
|
|
137
|
+
value: calendarDateValue,
|
|
138
|
+
setValue: setValue,
|
|
139
|
+
visibleRange: {
|
|
140
|
+
start: startDate,
|
|
141
|
+
end: endDate
|
|
142
|
+
},
|
|
143
|
+
minValue: minValue,
|
|
144
|
+
maxValue: maxValue,
|
|
145
|
+
focusedDate: focusedDate,
|
|
146
|
+
timeZone: timeZone,
|
|
147
|
+
validationState: validationState,
|
|
148
|
+
isValueInvalid: isValueInvalid,
|
|
149
|
+
setFocusedDate (date) {
|
|
150
|
+
focusCell(date);
|
|
151
|
+
setFocused(true);
|
|
152
|
+
},
|
|
153
|
+
focusNextDay () {
|
|
154
|
+
focusCell(focusedDate.add({
|
|
155
|
+
days: 1
|
|
156
|
+
}));
|
|
157
|
+
},
|
|
158
|
+
focusPreviousDay () {
|
|
159
|
+
focusCell(focusedDate.subtract({
|
|
160
|
+
days: 1
|
|
161
|
+
}));
|
|
162
|
+
},
|
|
163
|
+
focusNextRow () {
|
|
164
|
+
if (visibleDuration.days) this.focusNextPage();
|
|
165
|
+
else if (visibleDuration.weeks || visibleDuration.months || visibleDuration.years) focusCell(focusedDate.add({
|
|
166
|
+
weeks: 1
|
|
167
|
+
}));
|
|
168
|
+
},
|
|
169
|
+
focusPreviousRow () {
|
|
170
|
+
if (visibleDuration.days) this.focusPreviousPage();
|
|
171
|
+
else if (visibleDuration.weeks || visibleDuration.months || visibleDuration.years) focusCell(focusedDate.subtract({
|
|
172
|
+
weeks: 1
|
|
173
|
+
}));
|
|
174
|
+
},
|
|
175
|
+
focusNextPage () {
|
|
176
|
+
let start = startDate.add(pageDuration);
|
|
177
|
+
setFocusedDate((0, $f62d864046160412$export$4f5203c0d889109e)(focusedDate.add(pageDuration), minValue, maxValue));
|
|
178
|
+
setStartDate((0, $f62d864046160412$export$144a00ba6044eb9)((0, $f62d864046160412$export$5bb865b12696a77d)(focusedDate, start, pageDuration, locale, minValue, maxValue), pageDuration, locale));
|
|
179
|
+
},
|
|
180
|
+
focusPreviousPage () {
|
|
181
|
+
let start = startDate.subtract(pageDuration);
|
|
182
|
+
setFocusedDate((0, $f62d864046160412$export$4f5203c0d889109e)(focusedDate.subtract(pageDuration), minValue, maxValue));
|
|
183
|
+
setStartDate((0, $f62d864046160412$export$144a00ba6044eb9)((0, $f62d864046160412$export$5bb865b12696a77d)(focusedDate, start, pageDuration, locale, minValue, maxValue), pageDuration, locale));
|
|
184
|
+
},
|
|
185
|
+
focusSectionStart () {
|
|
186
|
+
if (visibleDuration.days) focusCell(startDate);
|
|
187
|
+
else if (visibleDuration.weeks) focusCell((0, $7G4ZY$startOfWeek)(focusedDate, locale));
|
|
188
|
+
else if (visibleDuration.months || visibleDuration.years) focusCell((0, $7G4ZY$startOfMonth)(focusedDate));
|
|
189
|
+
},
|
|
190
|
+
focusSectionEnd () {
|
|
191
|
+
if (visibleDuration.days) focusCell(endDate);
|
|
192
|
+
else if (visibleDuration.weeks) focusCell((0, $7G4ZY$endOfWeek)(focusedDate, locale));
|
|
193
|
+
else if (visibleDuration.months || visibleDuration.years) focusCell((0, $7G4ZY$endOfMonth)(focusedDate));
|
|
194
|
+
},
|
|
195
|
+
focusNextSection (larger) {
|
|
196
|
+
if (!larger && !visibleDuration.days) {
|
|
197
|
+
focusCell(focusedDate.add($131cf43a05231e1e$var$unitDuration(visibleDuration)));
|
|
198
|
+
return;
|
|
199
|
+
}
|
|
200
|
+
if (visibleDuration.days) this.focusNextPage();
|
|
201
|
+
else if (visibleDuration.weeks) focusCell(focusedDate.add({
|
|
202
|
+
months: 1
|
|
203
|
+
}));
|
|
204
|
+
else if (visibleDuration.months || visibleDuration.years) focusCell(focusedDate.add({
|
|
205
|
+
years: 1
|
|
206
|
+
}));
|
|
207
|
+
},
|
|
208
|
+
focusPreviousSection (larger) {
|
|
209
|
+
if (!larger && !visibleDuration.days) {
|
|
210
|
+
focusCell(focusedDate.subtract($131cf43a05231e1e$var$unitDuration(visibleDuration)));
|
|
211
|
+
return;
|
|
212
|
+
}
|
|
213
|
+
if (visibleDuration.days) this.focusPreviousPage();
|
|
214
|
+
else if (visibleDuration.weeks) focusCell(focusedDate.subtract({
|
|
215
|
+
months: 1
|
|
216
|
+
}));
|
|
217
|
+
else if (visibleDuration.months || visibleDuration.years) focusCell(focusedDate.subtract({
|
|
218
|
+
years: 1
|
|
219
|
+
}));
|
|
220
|
+
},
|
|
221
|
+
selectFocusedDate () {
|
|
222
|
+
setValue(focusedDate);
|
|
223
|
+
},
|
|
224
|
+
selectDate (date) {
|
|
225
|
+
setValue(date);
|
|
226
|
+
},
|
|
227
|
+
isFocused: isFocused,
|
|
228
|
+
setFocused: setFocused,
|
|
229
|
+
isInvalid (date) {
|
|
230
|
+
return (0, $f62d864046160412$export$eac50920cf2fd59a)(date, minValue, maxValue);
|
|
231
|
+
},
|
|
232
|
+
isSelected (date) {
|
|
233
|
+
return calendarDateValue != null && (0, $7G4ZY$isSameDay)(date, calendarDateValue) && !this.isCellDisabled(date) && !this.isCellUnavailable(date);
|
|
234
|
+
},
|
|
235
|
+
isCellFocused (date) {
|
|
236
|
+
return isFocused && focusedDate && (0, $7G4ZY$isSameDay)(date, focusedDate);
|
|
237
|
+
},
|
|
238
|
+
isCellDisabled (date) {
|
|
239
|
+
return props.isDisabled || date.compare(startDate) < 0 || date.compare(endDate) > 0 || this.isInvalid(date, minValue, maxValue);
|
|
240
|
+
},
|
|
241
|
+
isCellUnavailable (date) {
|
|
242
|
+
return props.isDateUnavailable && props.isDateUnavailable(date);
|
|
243
|
+
},
|
|
244
|
+
isPreviousVisibleRangeInvalid () {
|
|
245
|
+
let prev = startDate.subtract({
|
|
246
|
+
days: 1
|
|
247
|
+
});
|
|
248
|
+
return (0, $7G4ZY$isSameDay)(prev, startDate) || this.isInvalid(prev, minValue, maxValue);
|
|
249
|
+
},
|
|
250
|
+
isNextVisibleRangeInvalid () {
|
|
251
|
+
// Adding may return the same date if we reached the end of time
|
|
252
|
+
// according to the calendar system (e.g. 9999-12-31).
|
|
253
|
+
let next = endDate.add({
|
|
254
|
+
days: 1
|
|
255
|
+
});
|
|
256
|
+
return (0, $7G4ZY$isSameDay)(next, endDate) || this.isInvalid(next, minValue, maxValue);
|
|
257
|
+
},
|
|
258
|
+
getDatesInWeek (weekIndex, from = startDate) {
|
|
259
|
+
// let date = startOfWeek(from, locale);
|
|
260
|
+
let date = from.add({
|
|
261
|
+
weeks: weekIndex
|
|
262
|
+
});
|
|
263
|
+
let dates = [];
|
|
264
|
+
date = (0, $7G4ZY$startOfWeek)(date, locale);
|
|
265
|
+
// startOfWeek will clamp dates within the calendar system's valid range, which may
|
|
266
|
+
// start in the middle of a week. In this case, add null placeholders.
|
|
267
|
+
let dayOfWeek = (0, $7G4ZY$getDayOfWeek)(date, locale);
|
|
268
|
+
for(let i = 0; i < dayOfWeek; i++)dates.push(null);
|
|
269
|
+
while(dates.length < 7){
|
|
270
|
+
dates.push(date);
|
|
271
|
+
let nextDate = date.add({
|
|
272
|
+
days: 1
|
|
273
|
+
});
|
|
274
|
+
if ((0, $7G4ZY$isSameDay)(date, nextDate)) break;
|
|
275
|
+
date = nextDate;
|
|
276
|
+
}
|
|
277
|
+
// Add null placeholders if at the end of the calendar system.
|
|
278
|
+
while(dates.length < 7)dates.push(null);
|
|
279
|
+
return dates;
|
|
280
|
+
}
|
|
281
|
+
};
|
|
282
|
+
}
|
|
283
|
+
function $131cf43a05231e1e$var$unitDuration(duration) {
|
|
284
|
+
let unit = {
|
|
285
|
+
...duration
|
|
286
|
+
};
|
|
287
|
+
for(let key in duration)unit[key] = 1;
|
|
288
|
+
return unit;
|
|
289
|
+
}
|
|
290
|
+
|
|
291
|
+
|
|
292
|
+
export {$131cf43a05231e1e$export$6d095e787d2b5e1f as useCalendarState};
|
|
293
|
+
//# sourceMappingURL=useCalendarState.module.js.map
|