@fluentui/react-datepicker-compat 0.3.6 → 0.3.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.
- package/CHANGELOG.json +88 -1
- package/CHANGELOG.md +23 -2
- package/lib/components/Calendar/Calendar.js +9 -7
- package/lib/components/Calendar/Calendar.js.map +1 -1
- package/lib/components/Calendar/useCalendarStyles.styles.js.map +1 -1
- package/lib/components/CalendarDay/CalendarDay.js +8 -11
- package/lib/components/CalendarDay/CalendarDay.js.map +1 -1
- package/lib/components/CalendarDay/useCalendarDayStyles.styles.js.map +1 -1
- package/lib/components/CalendarDayGrid/CalendarDayGrid.js +8 -10
- package/lib/components/CalendarDayGrid/CalendarDayGrid.js.map +1 -1
- package/lib/components/CalendarDayGrid/CalendarGridDayCell.js +8 -5
- package/lib/components/CalendarDayGrid/CalendarGridDayCell.js.map +1 -1
- package/lib/components/CalendarDayGrid/CalendarGridRow.js +1 -1
- package/lib/components/CalendarDayGrid/CalendarGridRow.js.map +1 -1
- package/lib/components/CalendarDayGrid/CalendarMonthHeaderRow.js +1 -1
- package/lib/components/CalendarDayGrid/CalendarMonthHeaderRow.js.map +1 -1
- package/lib/components/CalendarDayGrid/useCalendarDayGridStyles.styles.js.map +1 -1
- package/lib/components/CalendarDayGrid/useWeekCornerStyles.styles.js.map +1 -1
- package/lib/components/CalendarDayGrid/useWeeks.js +4 -3
- package/lib/components/CalendarDayGrid/useWeeks.js.map +1 -1
- package/lib/components/CalendarMonth/CalendarMonth.js +10 -8
- package/lib/components/CalendarMonth/CalendarMonth.js.map +1 -1
- package/lib/components/CalendarMonth/useCalendarMonthStyles.js.map +1 -1
- package/lib/components/CalendarPicker/useCalendarPickerStyles.styles.js.map +1 -1
- package/lib/components/CalendarYear/CalendarYear.js +38 -39
- package/lib/components/CalendarYear/CalendarYear.js.map +1 -1
- package/lib/components/DatePicker/DatePicker.js.map +1 -1
- package/lib/components/DatePicker/renderDatePicker.js +15 -6
- package/lib/components/DatePicker/renderDatePicker.js.map +1 -1
- package/lib/components/DatePicker/useDatePicker.js +18 -13
- package/lib/components/DatePicker/useDatePicker.js.map +1 -1
- package/lib/components/DatePicker/useDatePickerStyles.styles.js.map +1 -1
- package/lib/utils/dateGrid/findAvailableDate.js +1 -1
- package/lib/utils/dateGrid/findAvailableDate.js.map +1 -1
- package/lib/utils/dateGrid/getBoundedDateRange.js.map +1 -1
- package/lib/utils/dateGrid/getDateRangeTypeToUse.js.map +1 -1
- package/lib/utils/dateGrid/getDayGrid.js +3 -2
- package/lib/utils/dateGrid/getDayGrid.js.map +1 -1
- package/lib/utils/dateGrid/isAfterMaxDate.js +1 -1
- package/lib/utils/dateGrid/isAfterMaxDate.js.map +1 -1
- package/lib/utils/dateGrid/isBeforeMinDate.js +1 -1
- package/lib/utils/dateGrid/isBeforeMinDate.js.map +1 -1
- package/lib/utils/dateGrid/isContiguous.js.map +1 -1
- package/lib/utils/dateGrid/isRestrictedDate.js +1 -1
- package/lib/utils/dateGrid/isRestrictedDate.js.map +1 -1
- package/lib/utils/dateMath/dateMath.js.map +1 -1
- package/lib/utils/dom.js.map +1 -1
- package/lib/utils/focus.js.map +1 -1
- package/lib/utils/usePopupPositioning.js +2 -2
- package/lib/utils/usePopupPositioning.js.map +1 -1
- package/lib-commonjs/Calendar.js +2 -2
- package/lib-commonjs/Calendar.js.map +1 -1
- package/lib-commonjs/CalendarDay.js +2 -2
- package/lib-commonjs/CalendarDay.js.map +1 -1
- package/lib-commonjs/CalendarDayGrid.js +2 -2
- package/lib-commonjs/CalendarDayGrid.js.map +1 -1
- package/lib-commonjs/CalendarMonth.js +2 -2
- package/lib-commonjs/CalendarMonth.js.map +1 -1
- package/lib-commonjs/CalendarPicker.js +2 -2
- package/lib-commonjs/CalendarPicker.js.map +1 -1
- package/lib-commonjs/CalendarYear.js +2 -2
- package/lib-commonjs/CalendarYear.js.map +1 -1
- package/lib-commonjs/DatePicker.js +2 -2
- package/lib-commonjs/DatePicker.js.map +1 -1
- package/lib-commonjs/components/Calendar/Calendar.js +32 -28
- package/lib-commonjs/components/Calendar/Calendar.js.map +1 -1
- package/lib-commonjs/components/Calendar/Calendar.types.js +5 -3
- package/lib-commonjs/components/Calendar/Calendar.types.js.map +1 -1
- package/lib-commonjs/components/Calendar/defaults.js +3 -1
- package/lib-commonjs/components/Calendar/defaults.js.map +1 -1
- package/lib-commonjs/components/Calendar/index.js +7 -5
- package/lib-commonjs/components/Calendar/index.js.map +1 -1
- package/lib-commonjs/components/Calendar/useCalendarStyles.styles.js +12 -8
- package/lib-commonjs/components/Calendar/useCalendarStyles.styles.js.map +1 -1
- package/lib-commonjs/components/CalendarDay/CalendarDay.js +25 -26
- package/lib-commonjs/components/CalendarDay/CalendarDay.js.map +1 -1
- package/lib-commonjs/components/CalendarDay/CalendarDay.types.js +2 -2
- package/lib-commonjs/components/CalendarDay/CalendarDay.types.js.map +1 -1
- package/lib-commonjs/components/CalendarDay/index.js +4 -4
- package/lib-commonjs/components/CalendarDay/index.js.map +1 -1
- package/lib-commonjs/components/CalendarDay/useCalendarDayStyles.styles.js +13 -9
- package/lib-commonjs/components/CalendarDay/useCalendarDayStyles.styles.js.map +1 -1
- package/lib-commonjs/components/CalendarDayGrid/CalendarDayGrid.js +27 -27
- package/lib-commonjs/components/CalendarDayGrid/CalendarDayGrid.js.map +1 -1
- package/lib-commonjs/components/CalendarDayGrid/CalendarDayGrid.types.js +2 -2
- package/lib-commonjs/components/CalendarDayGrid/CalendarDayGrid.types.js.map +1 -1
- package/lib-commonjs/components/CalendarDayGrid/CalendarGridDayCell.js +29 -24
- package/lib-commonjs/components/CalendarDayGrid/CalendarGridDayCell.js.map +1 -1
- package/lib-commonjs/components/CalendarDayGrid/CalendarGridRow.js +8 -6
- package/lib-commonjs/components/CalendarDayGrid/CalendarGridRow.js.map +1 -1
- package/lib-commonjs/components/CalendarDayGrid/CalendarMonthHeaderRow.js +6 -4
- package/lib-commonjs/components/CalendarDayGrid/CalendarMonthHeaderRow.js.map +1 -1
- package/lib-commonjs/components/CalendarDayGrid/index.js +10 -6
- package/lib-commonjs/components/CalendarDayGrid/index.js.map +1 -1
- package/lib-commonjs/components/CalendarDayGrid/useCalendarDayGridStyles.styles.js +29 -23
- package/lib-commonjs/components/CalendarDayGrid/useCalendarDayGridStyles.styles.js.map +1 -1
- package/lib-commonjs/components/CalendarDayGrid/useWeekCornerStyles.styles.js +9 -5
- package/lib-commonjs/components/CalendarDayGrid/useWeekCornerStyles.styles.js.map +1 -1
- package/lib-commonjs/components/CalendarDayGrid/useWeeks.js +9 -6
- package/lib-commonjs/components/CalendarDayGrid/useWeeks.js.map +1 -1
- package/lib-commonjs/components/CalendarMonth/CalendarMonth.js +24 -21
- package/lib-commonjs/components/CalendarMonth/CalendarMonth.js.map +1 -1
- package/lib-commonjs/components/CalendarMonth/CalendarMonth.types.js +2 -2
- package/lib-commonjs/components/CalendarMonth/CalendarMonth.types.js.map +1 -1
- package/lib-commonjs/components/CalendarMonth/index.js +4 -4
- package/lib-commonjs/components/CalendarMonth/index.js.map +1 -1
- package/lib-commonjs/components/CalendarMonth/useCalendarMonthStyles.js +5 -3
- package/lib-commonjs/components/CalendarMonth/useCalendarMonthStyles.js.map +1 -1
- package/lib-commonjs/components/CalendarPicker/index.js +3 -3
- package/lib-commonjs/components/CalendarPicker/index.js.map +1 -1
- package/lib-commonjs/components/CalendarPicker/useCalendarPickerStyles.styles.js +20 -16
- package/lib-commonjs/components/CalendarPicker/useCalendarPickerStyles.styles.js.map +1 -1
- package/lib-commonjs/components/CalendarYear/CalendarYear.js +60 -59
- package/lib-commonjs/components/CalendarYear/CalendarYear.js.map +1 -1
- package/lib-commonjs/components/CalendarYear/CalendarYear.types.js +2 -2
- package/lib-commonjs/components/CalendarYear/CalendarYear.types.js.map +1 -1
- package/lib-commonjs/components/CalendarYear/index.js +4 -4
- package/lib-commonjs/components/CalendarYear/index.js.map +1 -1
- package/lib-commonjs/components/CalendarYear/useCalendarYearStyles.styles.js +5 -3
- package/lib-commonjs/components/CalendarYear/useCalendarYearStyles.styles.js.map +1 -1
- package/lib-commonjs/components/DatePicker/DatePicker.js +7 -5
- package/lib-commonjs/components/DatePicker/DatePicker.js.map +1 -1
- package/lib-commonjs/components/DatePicker/defaults.js +6 -2
- package/lib-commonjs/components/DatePicker/defaults.js.map +1 -1
- package/lib-commonjs/components/DatePicker/index.js +7 -7
- package/lib-commonjs/components/DatePicker/index.js.map +1 -1
- package/lib-commonjs/components/DatePicker/renderDatePicker.js +22 -12
- package/lib-commonjs/components/DatePicker/renderDatePicker.js.map +1 -1
- package/lib-commonjs/components/DatePicker/useDatePicker.js +59 -52
- package/lib-commonjs/components/DatePicker/useDatePicker.js.map +1 -1
- package/lib-commonjs/components/DatePicker/useDatePickerStyles.styles.js +9 -5
- package/lib-commonjs/components/DatePicker/useDatePickerStyles.styles.js.map +1 -1
- package/lib-commonjs/index.js +98 -34
- package/lib-commonjs/index.js.map +1 -1
- package/lib-commonjs/utils/animations.js +45 -15
- package/lib-commonjs/utils/animations.js.map +1 -1
- package/lib-commonjs/utils/constants.js +18 -6
- package/lib-commonjs/utils/constants.js.map +1 -1
- package/lib-commonjs/utils/dateFormatting/dateFormatting.defaults.js +24 -8
- package/lib-commonjs/utils/dateFormatting/dateFormatting.defaults.js.map +1 -1
- package/lib-commonjs/utils/dateFormatting/index.js +3 -3
- package/lib-commonjs/utils/dateFormatting/index.js.map +1 -1
- package/lib-commonjs/utils/dateGrid/findAvailableDate.js +4 -2
- package/lib-commonjs/utils/dateGrid/findAvailableDate.js.map +1 -1
- package/lib-commonjs/utils/dateGrid/getBoundedDateRange.js +3 -1
- package/lib-commonjs/utils/dateGrid/getBoundedDateRange.js.map +1 -1
- package/lib-commonjs/utils/dateGrid/getDateRangeTypeToUse.js +3 -1
- package/lib-commonjs/utils/dateGrid/getDateRangeTypeToUse.js.map +1 -1
- package/lib-commonjs/utils/dateGrid/getDayGrid.js +6 -3
- package/lib-commonjs/utils/dateGrid/getDayGrid.js.map +1 -1
- package/lib-commonjs/utils/dateGrid/index.js +6 -6
- package/lib-commonjs/utils/dateGrid/index.js.map +1 -1
- package/lib-commonjs/utils/dateGrid/isAfterMaxDate.js +4 -2
- package/lib-commonjs/utils/dateGrid/isAfterMaxDate.js.map +1 -1
- package/lib-commonjs/utils/dateGrid/isBeforeMinDate.js +4 -2
- package/lib-commonjs/utils/dateGrid/isBeforeMinDate.js.map +1 -1
- package/lib-commonjs/utils/dateGrid/isContiguous.js +3 -1
- package/lib-commonjs/utils/dateGrid/isContiguous.js.map +1 -1
- package/lib-commonjs/utils/dateGrid/isRestrictedDate.js +4 -2
- package/lib-commonjs/utils/dateGrid/isRestrictedDate.js.map +1 -1
- package/lib-commonjs/utils/dateMath/dateMath.js +54 -18
- package/lib-commonjs/utils/dateMath/dateMath.js.map +1 -1
- package/lib-commonjs/utils/dateMath/index.js +2 -2
- package/lib-commonjs/utils/dateMath/index.js.map +1 -1
- package/lib-commonjs/utils/dom.js +5 -3
- package/lib-commonjs/utils/dom.js.map +1 -1
- package/lib-commonjs/utils/focus.js +3 -1
- package/lib-commonjs/utils/focus.js.map +1 -1
- package/lib-commonjs/utils/index.js +8 -8
- package/lib-commonjs/utils/index.js.map +1 -1
- package/lib-commonjs/utils/usePopupPositioning.js +9 -7
- package/lib-commonjs/utils/usePopupPositioning.js.map +1 -1
- package/package.json +17 -17
|
@@ -4,16 +4,18 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
});
|
|
5
5
|
Object.defineProperty(exports, "CalendarYear", {
|
|
6
6
|
enumerable: true,
|
|
7
|
-
get: ()
|
|
7
|
+
get: function() {
|
|
8
|
+
return CalendarYear;
|
|
9
|
+
}
|
|
8
10
|
});
|
|
9
|
-
const
|
|
10
|
-
const _react = /*#__PURE__*/
|
|
11
|
-
const
|
|
12
|
-
const
|
|
13
|
-
const
|
|
14
|
-
const
|
|
11
|
+
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
12
|
+
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
13
|
+
const _keyboardkeys = require("@fluentui/keyboard-keys");
|
|
14
|
+
const _reacticons = require("@fluentui/react-icons");
|
|
15
|
+
const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
|
|
16
|
+
const _reacttabster = require("@fluentui/react-tabster");
|
|
15
17
|
const _react1 = require("@griffel/react");
|
|
16
|
-
const
|
|
18
|
+
const _useCalendarYearStylesstyles = require("./useCalendarYearStyles.styles");
|
|
17
19
|
const CELL_COUNT = 12;
|
|
18
20
|
const CELLS_PER_ROW = 4;
|
|
19
21
|
const DefaultCalendarYearStrings = {
|
|
@@ -21,30 +23,31 @@ const DefaultCalendarYearStrings = {
|
|
|
21
23
|
nextRangeAriaLabel: undefined
|
|
22
24
|
};
|
|
23
25
|
const CalendarYearGridCell = (props)=>{
|
|
24
|
-
|
|
26
|
+
var _onRenderYear;
|
|
27
|
+
const { className, highlightCurrentYear, highlightSelectedYear, year, selected, disabled, componentRef, onSelectYear, onRenderYear } = props;
|
|
25
28
|
const buttonRef = _react.useRef(null);
|
|
26
|
-
_react.useImperativeHandle(componentRef, ()=>{
|
|
27
|
-
return {
|
|
29
|
+
_react.useImperativeHandle(componentRef, ()=>({
|
|
28
30
|
focus () {
|
|
29
|
-
var
|
|
31
|
+
var _buttonRef_current_focus, _buttonRef_current;
|
|
30
32
|
(_buttonRef_current = buttonRef.current) === null || _buttonRef_current === void 0 ? void 0 : (_buttonRef_current_focus = _buttonRef_current.focus) === null || _buttonRef_current_focus === void 0 ? void 0 : _buttonRef_current_focus.call(_buttonRef_current);
|
|
31
33
|
}
|
|
32
|
-
};
|
|
33
|
-
}, []);
|
|
34
|
+
}), []);
|
|
34
35
|
const onClick = ()=>{
|
|
35
|
-
|
|
36
|
+
var _onSelectYear;
|
|
37
|
+
(_onSelectYear = onSelectYear) === null || _onSelectYear === void 0 ? void 0 : _onSelectYear(year);
|
|
36
38
|
};
|
|
37
39
|
const onKeyDown = (ev)=>{
|
|
38
|
-
if (ev.key ===
|
|
39
|
-
|
|
40
|
+
if (ev.key === _keyboardkeys.Enter) {
|
|
41
|
+
var _onSelectYear;
|
|
42
|
+
(_onSelectYear = onSelectYear) === null || _onSelectYear === void 0 ? void 0 : _onSelectYear(year);
|
|
40
43
|
}
|
|
41
44
|
};
|
|
42
|
-
const classNames = (0,
|
|
45
|
+
const classNames = (0, _useCalendarYearStylesstyles.useCalendarYearStyles_unstable)({
|
|
43
46
|
className,
|
|
44
47
|
highlightCurrent: highlightCurrentYear,
|
|
45
48
|
highlightSelected: highlightSelectedYear
|
|
46
49
|
});
|
|
47
|
-
var
|
|
50
|
+
var _onRenderYear1;
|
|
48
51
|
return /*#__PURE__*/ _react.createElement("button", {
|
|
49
52
|
className: (0, _react1.mergeClasses)(classNames.itemButton, selected && classNames.selected, disabled && classNames.disabled),
|
|
50
53
|
type: "button",
|
|
@@ -54,21 +57,19 @@ const CalendarYearGridCell = (props)=>{
|
|
|
54
57
|
disabled: disabled,
|
|
55
58
|
"aria-selected": selected,
|
|
56
59
|
ref: buttonRef
|
|
57
|
-
}, (_onRenderYear = onRenderYear === null ||
|
|
60
|
+
}, (_onRenderYear1 = (_onRenderYear = onRenderYear) === null || _onRenderYear === void 0 ? void 0 : _onRenderYear(year)) !== null && _onRenderYear1 !== void 0 ? _onRenderYear1 : year);
|
|
58
61
|
};
|
|
59
62
|
CalendarYearGridCell.displayName = 'CalendarYearGridCell';
|
|
60
63
|
const CalendarYearGrid = (props)=>{
|
|
61
|
-
const { className
|
|
64
|
+
const { className, fromYear, toYear, animationDirection, animateBackwards, minYear, maxYear, onSelectYear, selectedYear, componentRef } = props;
|
|
62
65
|
const selectedCellRef = _react.useRef(null);
|
|
63
66
|
const currentCellRef = _react.useRef(null);
|
|
64
|
-
_react.useImperativeHandle(componentRef, ()=>{
|
|
65
|
-
return {
|
|
67
|
+
_react.useImperativeHandle(componentRef, ()=>({
|
|
66
68
|
focus () {
|
|
67
|
-
var
|
|
68
|
-
(
|
|
69
|
+
var _focus, _this;
|
|
70
|
+
(_this = selectedCellRef.current || currentCellRef.current) === null || _this === void 0 ? void 0 : (_focus = _this.focus) === null || _focus === void 0 ? void 0 : _focus.call(_this);
|
|
69
71
|
}
|
|
70
|
-
};
|
|
71
|
-
}, []);
|
|
72
|
+
}), []);
|
|
72
73
|
const renderCell = (yearToRender)=>{
|
|
73
74
|
const selected = yearToRender === selectedYear;
|
|
74
75
|
const disabled = minYear !== undefined && yearToRender < minYear || maxYear !== undefined && yearToRender > maxYear;
|
|
@@ -84,15 +85,15 @@ const CalendarYearGrid = (props)=>{
|
|
|
84
85
|
componentRef: selected ? selectedCellRef : current ? currentCellRef : undefined
|
|
85
86
|
});
|
|
86
87
|
};
|
|
87
|
-
const classNames = (0,
|
|
88
|
+
const classNames = (0, _useCalendarYearStylesstyles.useCalendarYearStyles_unstable)({
|
|
88
89
|
className,
|
|
89
90
|
animateBackwards,
|
|
90
91
|
animationDirection
|
|
91
92
|
});
|
|
92
93
|
const onRenderYear = (value)=>{
|
|
93
|
-
var _props_onRenderYear;
|
|
94
|
+
var _props_onRenderYear, _props;
|
|
94
95
|
var _props_onRenderYear1;
|
|
95
|
-
return (_props_onRenderYear1 = (_props_onRenderYear = props.onRenderYear) === null || _props_onRenderYear === void 0 ? void 0 : _props_onRenderYear.call(
|
|
96
|
+
return (_props_onRenderYear1 = (_props_onRenderYear = (_props = props).onRenderYear) === null || _props_onRenderYear === void 0 ? void 0 : _props_onRenderYear.call(_props, value)) !== null && _props_onRenderYear1 !== void 0 ? _props_onRenderYear1 : value;
|
|
96
97
|
};
|
|
97
98
|
const gridAriaLabel = `${onRenderYear(fromYear)} - ${onRenderYear(toYear)}`;
|
|
98
99
|
let year = fromYear;
|
|
@@ -104,7 +105,7 @@ const CalendarYearGrid = (props)=>{
|
|
|
104
105
|
year++;
|
|
105
106
|
}
|
|
106
107
|
}
|
|
107
|
-
const arrowNavigationAttributes = (0,
|
|
108
|
+
const arrowNavigationAttributes = (0, _reacttabster.useArrowNavigationGroup)({
|
|
108
109
|
axis: 'both'
|
|
109
110
|
});
|
|
110
111
|
return /*#__PURE__*/ _react.createElement("div", arrowNavigationAttributes, /*#__PURE__*/ _react.createElement("div", {
|
|
@@ -125,8 +126,8 @@ const CalendarYearNavDirection = {
|
|
|
125
126
|
Next: 1
|
|
126
127
|
};
|
|
127
128
|
const CalendarYearNavArrow = (props)=>{
|
|
128
|
-
const { className
|
|
129
|
-
const classNames = (0,
|
|
129
|
+
const { className, strings = DefaultCalendarYearStrings, direction, onSelectPrev, onSelectNext, fromYear, toYear, maxYear, minYear } = props;
|
|
130
|
+
const classNames = (0, _useCalendarYearStylesstyles.useCalendarYearStyles_unstable)({
|
|
130
131
|
className
|
|
131
132
|
});
|
|
132
133
|
const ariaLabel = direction === CalendarYearNavDirection.Previous ? strings.prevRangeAriaLabel : strings.nextRangeAriaLabel;
|
|
@@ -138,14 +139,15 @@ const CalendarYearNavArrow = (props)=>{
|
|
|
138
139
|
const ariaLabelString = ariaLabel ? typeof ariaLabel === 'string' ? ariaLabel : ariaLabel(newRange) : undefined;
|
|
139
140
|
const disabled = direction === CalendarYearNavDirection.Previous ? minYear !== undefined && fromYear < minYear : maxYear !== undefined && props.fromYear + CELL_COUNT > maxYear;
|
|
140
141
|
const onNavigate = ()=>{
|
|
141
|
-
|
|
142
|
+
var _onSelectPrev, _onSelectNext;
|
|
143
|
+
direction === CalendarYearNavDirection.Previous ? (_onSelectPrev = onSelectPrev) === null || _onSelectPrev === void 0 ? void 0 : _onSelectPrev() : (_onSelectNext = onSelectNext) === null || _onSelectNext === void 0 ? void 0 : _onSelectNext();
|
|
142
144
|
};
|
|
143
145
|
const onKeyDown = (ev)=>{
|
|
144
|
-
if (ev.key ===
|
|
146
|
+
if (ev.key === _keyboardkeys.Enter) {
|
|
145
147
|
onNavigate();
|
|
146
148
|
}
|
|
147
149
|
};
|
|
148
|
-
const { dir
|
|
150
|
+
const { dir } = (0, _reactsharedcontexts.useFluent_unstable)();
|
|
149
151
|
// can be condensed, but leaving verbose for clarity due to regressions
|
|
150
152
|
const isLeftNavigation = dir === 'rtl' ? direction === CalendarYearNavDirection.Next : direction === CalendarYearNavDirection.Previous;
|
|
151
153
|
return /*#__PURE__*/ _react.createElement("button", {
|
|
@@ -155,12 +157,12 @@ const CalendarYearNavArrow = (props)=>{
|
|
|
155
157
|
type: "button",
|
|
156
158
|
title: ariaLabelString,
|
|
157
159
|
disabled: disabled
|
|
158
|
-
}, isLeftNavigation ? /*#__PURE__*/ _react.createElement(
|
|
160
|
+
}, isLeftNavigation ? /*#__PURE__*/ _react.createElement(_reacticons.ArrowUpRegular, null) : /*#__PURE__*/ _react.createElement(_reacticons.ArrowDownRegular, null));
|
|
159
161
|
};
|
|
160
162
|
CalendarYearNavArrow.displayName = 'CalendarYearNavArrow';
|
|
161
163
|
const CalendarYearNav = (props)=>{
|
|
162
|
-
const { className
|
|
163
|
-
const classNames = (0,
|
|
164
|
+
const { className } = props;
|
|
165
|
+
const classNames = (0, _useCalendarYearStylesstyles.useCalendarYearStyles_unstable)({
|
|
164
166
|
className
|
|
165
167
|
});
|
|
166
168
|
return /*#__PURE__*/ _react.createElement("div", {
|
|
@@ -175,22 +177,22 @@ const CalendarYearNav = (props)=>{
|
|
|
175
177
|
};
|
|
176
178
|
CalendarYearNav.displayName = 'CalendarYearNav';
|
|
177
179
|
const CalendarYearTitle = (props)=>{
|
|
178
|
-
const { className
|
|
180
|
+
const { className, fromYear, toYear, strings = DefaultCalendarYearStrings, animateBackwards, animationDirection } = props;
|
|
179
181
|
const onHeaderSelect = ()=>{
|
|
180
|
-
var _props_onHeaderSelect;
|
|
181
|
-
(_props_onHeaderSelect = props.onHeaderSelect) === null || _props_onHeaderSelect === void 0 ? void 0 : _props_onHeaderSelect.call(
|
|
182
|
+
var _props_onHeaderSelect, _props;
|
|
183
|
+
(_props_onHeaderSelect = (_props = props).onHeaderSelect) === null || _props_onHeaderSelect === void 0 ? void 0 : _props_onHeaderSelect.call(_props, true);
|
|
182
184
|
};
|
|
183
185
|
const onHeaderKeyDown = (ev)=>{
|
|
184
|
-
if (ev.key ===
|
|
186
|
+
if (ev.key === _keyboardkeys.Enter || ev.key === _keyboardkeys.Space) {
|
|
185
187
|
onHeaderSelect();
|
|
186
188
|
}
|
|
187
189
|
};
|
|
188
190
|
const onRenderYear = (year)=>{
|
|
189
|
-
var _props_onRenderYear;
|
|
191
|
+
var _props_onRenderYear, _props;
|
|
190
192
|
var _props_onRenderYear1;
|
|
191
|
-
return (_props_onRenderYear1 = (_props_onRenderYear = props.onRenderYear) === null || _props_onRenderYear === void 0 ? void 0 : _props_onRenderYear.call(
|
|
193
|
+
return (_props_onRenderYear1 = (_props_onRenderYear = (_props = props).onRenderYear) === null || _props_onRenderYear === void 0 ? void 0 : _props_onRenderYear.call(_props, year)) !== null && _props_onRenderYear1 !== void 0 ? _props_onRenderYear1 : year;
|
|
192
194
|
};
|
|
193
|
-
const classNames = (0,
|
|
195
|
+
const classNames = (0, _useCalendarYearStylesstyles.useCalendarYearStyles_unstable)({
|
|
194
196
|
className,
|
|
195
197
|
hasHeaderClickCallback: !!props.onHeaderSelect,
|
|
196
198
|
animateBackwards,
|
|
@@ -219,20 +221,21 @@ const CalendarYearTitle = (props)=>{
|
|
|
219
221
|
};
|
|
220
222
|
CalendarYearTitle.displayName = 'CalendarYearTitle';
|
|
221
223
|
const CalendarYearHeader = (props)=>{
|
|
222
|
-
|
|
223
|
-
const
|
|
224
|
+
var _onRenderTitle;
|
|
225
|
+
const { className, animateBackwards, animationDirection, onRenderTitle } = props;
|
|
226
|
+
const classNames = (0, _useCalendarYearStylesstyles.useCalendarYearStyles_unstable)({
|
|
224
227
|
className,
|
|
225
228
|
hasHeaderClickCallback: !!props.onHeaderSelect,
|
|
226
229
|
animateBackwards,
|
|
227
230
|
animationDirection
|
|
228
231
|
});
|
|
229
|
-
var
|
|
232
|
+
var _onRenderTitle1;
|
|
230
233
|
return /*#__PURE__*/ _react.createElement("div", {
|
|
231
234
|
className: classNames.headerContainer
|
|
232
|
-
}, (_onRenderTitle = onRenderTitle === null ||
|
|
235
|
+
}, (_onRenderTitle1 = (_onRenderTitle = onRenderTitle) === null || _onRenderTitle === void 0 ? void 0 : _onRenderTitle(props)) !== null && _onRenderTitle1 !== void 0 ? _onRenderTitle1 : /*#__PURE__*/ _react.createElement(CalendarYearTitle, props), /*#__PURE__*/ _react.createElement(CalendarYearNav, props));
|
|
233
236
|
};
|
|
234
237
|
CalendarYearHeader.displayName = 'CalendarYearHeader';
|
|
235
|
-
function useAnimateBackwards({ selectedYear
|
|
238
|
+
function useAnimateBackwards({ selectedYear, navigatedYear }) {
|
|
236
239
|
const rangeYear = selectedYear || navigatedYear || new Date().getFullYear();
|
|
237
240
|
const fromYear = Math.floor(rangeYear / 10) * 10;
|
|
238
241
|
const previousFromYearRef = _react.useRef(fromYear);
|
|
@@ -248,7 +251,7 @@ function useAnimateBackwards({ selectedYear , navigatedYear }) {
|
|
|
248
251
|
return false;
|
|
249
252
|
}
|
|
250
253
|
}
|
|
251
|
-
function useYearRangeState({ selectedYear
|
|
254
|
+
function useYearRangeState({ selectedYear, navigatedYear }) {
|
|
252
255
|
const rangeYear = _react.useMemo(()=>{
|
|
253
256
|
return selectedYear || navigatedYear || Math.floor(new Date().getFullYear() / 10) * 10;
|
|
254
257
|
}, [
|
|
@@ -279,16 +282,14 @@ const CalendarYear = (props)=>{
|
|
|
279
282
|
const animateBackwards = useAnimateBackwards(props);
|
|
280
283
|
const [fromYear, toYear, onNavNext, onNavPrevious] = useYearRangeState(props);
|
|
281
284
|
const gridRef = _react.useRef(null);
|
|
282
|
-
_react.useImperativeHandle(props.componentRef, ()=>{
|
|
283
|
-
return {
|
|
285
|
+
_react.useImperativeHandle(props.componentRef, ()=>({
|
|
284
286
|
focus () {
|
|
285
|
-
var
|
|
287
|
+
var _gridRef_current_focus, _gridRef_current;
|
|
286
288
|
(_gridRef_current = gridRef.current) === null || _gridRef_current === void 0 ? void 0 : (_gridRef_current_focus = _gridRef_current.focus) === null || _gridRef_current_focus === void 0 ? void 0 : _gridRef_current_focus.call(_gridRef_current);
|
|
287
289
|
}
|
|
288
|
-
};
|
|
289
|
-
}
|
|
290
|
-
const
|
|
291
|
-
const classNames = (0, _useCalendarYearStylesStyles.useCalendarYearStyles_unstable)({
|
|
290
|
+
}));
|
|
291
|
+
const { className } = props;
|
|
292
|
+
const classNames = (0, _useCalendarYearStylesstyles.useCalendarYearStyles_unstable)({
|
|
292
293
|
className
|
|
293
294
|
});
|
|
294
295
|
return /*#__PURE__*/ _react.createElement("div", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["CalendarYear.js"],"sourcesContent":["import * as React from 'react';\nimport { Enter, Space } from '@fluentui/keyboard-keys';\nimport { ArrowDownRegular, ArrowUpRegular } from '@fluentui/react-icons';\nimport { useFluent_unstable } from '@fluentui/react-shared-contexts';\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport { mergeClasses } from '@griffel/react';\nimport { useCalendarYearStyles_unstable } from './useCalendarYearStyles.styles';\nconst CELL_COUNT = 12;\nconst CELLS_PER_ROW = 4;\nconst DefaultCalendarYearStrings = {\n prevRangeAriaLabel: undefined,\n nextRangeAriaLabel: undefined\n};\nconst CalendarYearGridCell = (props)=>{\n const { className , highlightCurrentYear , highlightSelectedYear , year , selected , disabled , componentRef , onSelectYear , onRenderYear } = props;\n const buttonRef = React.useRef(null);\n React.useImperativeHandle(componentRef, ()=>{\n return {\n focus () {\n var _buttonRef_current, _buttonRef_current_focus;\n (_buttonRef_current = buttonRef.current) === null || _buttonRef_current === void 0 ? void 0 : (_buttonRef_current_focus = _buttonRef_current.focus) === null || _buttonRef_current_focus === void 0 ? void 0 : _buttonRef_current_focus.call(_buttonRef_current);\n }\n };\n }, []);\n const onClick = ()=>{\n onSelectYear === null || onSelectYear === void 0 ? void 0 : onSelectYear(year);\n };\n const onKeyDown = (ev)=>{\n if (ev.key === Enter) {\n onSelectYear === null || onSelectYear === void 0 ? void 0 : onSelectYear(year);\n }\n };\n const classNames = useCalendarYearStyles_unstable({\n className,\n highlightCurrent: highlightCurrentYear,\n highlightSelected: highlightSelectedYear\n });\n var _onRenderYear;\n return /*#__PURE__*/ React.createElement(\"button\", {\n className: mergeClasses(classNames.itemButton, selected && classNames.selected, disabled && classNames.disabled),\n type: \"button\",\n role: \"gridcell\",\n onClick: !disabled ? onClick : undefined,\n onKeyDown: !disabled ? onKeyDown : undefined,\n disabled: disabled,\n \"aria-selected\": selected,\n ref: buttonRef\n }, (_onRenderYear = onRenderYear === null || onRenderYear === void 0 ? void 0 : onRenderYear(year)) !== null && _onRenderYear !== void 0 ? _onRenderYear : year);\n};\nCalendarYearGridCell.displayName = 'CalendarYearGridCell';\nconst CalendarYearGrid = (props)=>{\n const { className , fromYear , toYear , animationDirection , animateBackwards , minYear , maxYear , onSelectYear , selectedYear , componentRef } = props;\n const selectedCellRef = React.useRef(null);\n const currentCellRef = React.useRef(null);\n React.useImperativeHandle(componentRef, ()=>{\n return {\n focus () {\n var _ref, _ref_focus;\n (_ref = selectedCellRef.current || currentCellRef.current) === null || _ref === void 0 ? void 0 : (_ref_focus = _ref.focus) === null || _ref_focus === void 0 ? void 0 : _ref_focus.call(_ref);\n }\n };\n }, []);\n const renderCell = (yearToRender)=>{\n const selected = yearToRender === selectedYear;\n const disabled = minYear !== undefined && yearToRender < minYear || maxYear !== undefined && yearToRender > maxYear;\n const current = yearToRender === new Date().getFullYear();\n return /*#__PURE__*/ React.createElement(CalendarYearGridCell, {\n ...props,\n key: yearToRender,\n year: yearToRender,\n selected: selected,\n current: current,\n disabled: disabled,\n onSelectYear: onSelectYear,\n componentRef: selected ? selectedCellRef : current ? currentCellRef : undefined\n });\n };\n const classNames = useCalendarYearStyles_unstable({\n className,\n animateBackwards,\n animationDirection\n });\n const onRenderYear = (value)=>{\n var _props_onRenderYear;\n var _props_onRenderYear1;\n return (_props_onRenderYear1 = (_props_onRenderYear = props.onRenderYear) === null || _props_onRenderYear === void 0 ? void 0 : _props_onRenderYear.call(props, value)) !== null && _props_onRenderYear1 !== void 0 ? _props_onRenderYear1 : value;\n };\n const gridAriaLabel = `${onRenderYear(fromYear)} - ${onRenderYear(toYear)}`;\n let year = fromYear;\n const cells = [];\n for(let i = 0; i < (toYear - fromYear + 1) / CELLS_PER_ROW; i++){\n cells.push([]);\n for(let j = 0; j < CELLS_PER_ROW; j++){\n cells[i].push(renderCell(year));\n year++;\n }\n }\n const arrowNavigationAttributes = useArrowNavigationGroup({\n axis: 'both'\n });\n return /*#__PURE__*/ React.createElement(\"div\", arrowNavigationAttributes, /*#__PURE__*/ React.createElement(\"div\", {\n className: classNames.gridContainer,\n role: \"grid\",\n \"aria-label\": gridAriaLabel\n }, cells.map((cellRow, index)=>{\n return /*#__PURE__*/ React.createElement(\"div\", {\n key: 'yearPickerRow_' + index + '_' + fromYear,\n role: \"row\",\n className: classNames.buttonRow\n }, cellRow);\n })));\n};\nCalendarYearGrid.displayName = 'CalendarYearGrid';\nconst CalendarYearNavDirection = {\n Previous: 0,\n Next: 1\n};\nconst CalendarYearNavArrow = (props)=>{\n const { className , strings =DefaultCalendarYearStrings , direction , onSelectPrev , onSelectNext , fromYear , toYear , maxYear , minYear } = props;\n const classNames = useCalendarYearStyles_unstable({\n className\n });\n const ariaLabel = direction === CalendarYearNavDirection.Previous ? strings.prevRangeAriaLabel : strings.nextRangeAriaLabel;\n const newRangeOffset = direction === CalendarYearNavDirection.Previous ? -CELL_COUNT : CELL_COUNT;\n const newRange = {\n fromYear: fromYear + newRangeOffset,\n toYear: toYear + newRangeOffset\n };\n const ariaLabelString = ariaLabel ? typeof ariaLabel === 'string' ? ariaLabel : ariaLabel(newRange) : undefined;\n const disabled = direction === CalendarYearNavDirection.Previous ? minYear !== undefined && fromYear < minYear : maxYear !== undefined && props.fromYear + CELL_COUNT > maxYear;\n const onNavigate = ()=>{\n direction === CalendarYearNavDirection.Previous ? onSelectPrev === null || onSelectPrev === void 0 ? void 0 : onSelectPrev() : onSelectNext === null || onSelectNext === void 0 ? void 0 : onSelectNext();\n };\n const onKeyDown = (ev)=>{\n if (ev.key === Enter) {\n onNavigate();\n }\n };\n const { dir } = useFluent_unstable();\n // can be condensed, but leaving verbose for clarity due to regressions\n const isLeftNavigation = dir === 'rtl' ? direction === CalendarYearNavDirection.Next : direction === CalendarYearNavDirection.Previous;\n return /*#__PURE__*/ React.createElement(\"button\", {\n className: mergeClasses(classNames.navigationButton, disabled && classNames.disabled),\n onClick: !disabled ? onNavigate : undefined,\n onKeyDown: !disabled ? onKeyDown : undefined,\n type: \"button\",\n title: ariaLabelString,\n disabled: disabled\n }, isLeftNavigation ? /*#__PURE__*/ React.createElement(ArrowUpRegular, null) : /*#__PURE__*/ React.createElement(ArrowDownRegular, null));\n};\nCalendarYearNavArrow.displayName = 'CalendarYearNavArrow';\nconst CalendarYearNav = (props)=>{\n const { className } = props;\n const classNames = useCalendarYearStyles_unstable({\n className\n });\n return /*#__PURE__*/ React.createElement(\"div\", {\n className: classNames.navigationButtonsContainer\n }, /*#__PURE__*/ React.createElement(CalendarYearNavArrow, {\n ...props,\n direction: CalendarYearNavDirection.Previous\n }), /*#__PURE__*/ React.createElement(CalendarYearNavArrow, {\n ...props,\n direction: CalendarYearNavDirection.Next\n }));\n};\nCalendarYearNav.displayName = 'CalendarYearNav';\nconst CalendarYearTitle = (props)=>{\n const { className , fromYear , toYear , strings =DefaultCalendarYearStrings , animateBackwards , animationDirection } = props;\n const onHeaderSelect = ()=>{\n var _props_onHeaderSelect;\n (_props_onHeaderSelect = props.onHeaderSelect) === null || _props_onHeaderSelect === void 0 ? void 0 : _props_onHeaderSelect.call(props, true);\n };\n const onHeaderKeyDown = (ev)=>{\n if (ev.key === Enter || ev.key === Space) {\n onHeaderSelect();\n }\n };\n const onRenderYear = (year)=>{\n var _props_onRenderYear;\n var _props_onRenderYear1;\n return (_props_onRenderYear1 = (_props_onRenderYear = props.onRenderYear) === null || _props_onRenderYear === void 0 ? void 0 : _props_onRenderYear.call(props, year)) !== null && _props_onRenderYear1 !== void 0 ? _props_onRenderYear1 : year;\n };\n const classNames = useCalendarYearStyles_unstable({\n className,\n hasHeaderClickCallback: !!props.onHeaderSelect,\n animateBackwards,\n animationDirection\n });\n if (props.onHeaderSelect) {\n const rangeAriaLabel = strings.rangeAriaLabel;\n const headerAriaLabelFormatString = strings.headerAriaLabelFormatString;\n const currentDateRange = rangeAriaLabel ? typeof rangeAriaLabel === 'string' ? rangeAriaLabel : rangeAriaLabel(props) : undefined;\n const ariaLabel = headerAriaLabelFormatString ? headerAriaLabelFormatString.replace('{0}', currentDateRange !== null && currentDateRange !== void 0 ? currentDateRange : '') : currentDateRange;\n return /*#__PURE__*/ React.createElement(\"button\", {\n className: classNames.currentItemButton,\n onClick: onHeaderSelect,\n onKeyDown: onHeaderKeyDown,\n \"aria-label\": ariaLabel,\n role: \"button\",\n type: \"button\"\n }, /*#__PURE__*/ React.createElement(\"span\", {\n \"aria-live\": \"assertive\",\n \"aria-atomic\": \"true\"\n }, onRenderYear(fromYear), \" - \", onRenderYear(toYear)));\n }\n return /*#__PURE__*/ React.createElement(\"div\", {\n className: classNames.current\n }, onRenderYear(fromYear), \" - \", onRenderYear(toYear));\n};\nCalendarYearTitle.displayName = 'CalendarYearTitle';\nconst CalendarYearHeader = (props)=>{\n const { className , animateBackwards , animationDirection , onRenderTitle } = props;\n const classNames = useCalendarYearStyles_unstable({\n className,\n hasHeaderClickCallback: !!props.onHeaderSelect,\n animateBackwards,\n animationDirection\n });\n var _onRenderTitle;\n return /*#__PURE__*/ React.createElement(\"div\", {\n className: classNames.headerContainer\n }, (_onRenderTitle = onRenderTitle === null || onRenderTitle === void 0 ? void 0 : onRenderTitle(props)) !== null && _onRenderTitle !== void 0 ? _onRenderTitle : /*#__PURE__*/ React.createElement(CalendarYearTitle, props), /*#__PURE__*/ React.createElement(CalendarYearNav, props));\n};\nCalendarYearHeader.displayName = 'CalendarYearHeader';\nfunction useAnimateBackwards({ selectedYear , navigatedYear }) {\n const rangeYear = selectedYear || navigatedYear || new Date().getFullYear();\n const fromYear = Math.floor(rangeYear / 10) * 10;\n const previousFromYearRef = React.useRef(fromYear);\n React.useRef(()=>{\n previousFromYearRef.current = fromYear;\n });\n const previousFromYear = previousFromYearRef.current;\n if (!previousFromYear || previousFromYear === fromYear) {\n return undefined;\n } else if (previousFromYear > fromYear) {\n return true;\n } else {\n return false;\n }\n}\nfunction useYearRangeState({ selectedYear , navigatedYear }) {\n const rangeYear = React.useMemo(()=>{\n return selectedYear || navigatedYear || Math.floor(new Date().getFullYear() / 10) * 10;\n }, [\n navigatedYear,\n selectedYear\n ]);\n const [fromYear, setFromYear] = React.useState(rangeYear);\n const onNavNext = ()=>{\n setFromYear((year)=>year + CELL_COUNT);\n };\n const onNavPrevious = ()=>{\n setFromYear((year)=>year - CELL_COUNT);\n };\n React.useEffect(()=>{\n setFromYear(rangeYear);\n }, [\n rangeYear\n ]);\n const toYear = fromYear + CELL_COUNT - 1;\n return [\n fromYear,\n toYear,\n onNavNext,\n onNavPrevious\n ];\n}\n/**\n * @internal\n */ export const CalendarYear = (props)=>{\n const animateBackwards = useAnimateBackwards(props);\n const [fromYear, toYear, onNavNext, onNavPrevious] = useYearRangeState(props);\n const gridRef = React.useRef(null);\n React.useImperativeHandle(props.componentRef, ()=>{\n return {\n focus () {\n var _gridRef_current, _gridRef_current_focus;\n (_gridRef_current = gridRef.current) === null || _gridRef_current === void 0 ? void 0 : (_gridRef_current_focus = _gridRef_current.focus) === null || _gridRef_current_focus === void 0 ? void 0 : _gridRef_current_focus.call(_gridRef_current);\n }\n };\n });\n const { className } = props;\n const classNames = useCalendarYearStyles_unstable({\n className\n });\n return /*#__PURE__*/ React.createElement(\"div\", {\n className: classNames.root\n }, /*#__PURE__*/ React.createElement(CalendarYearHeader, {\n ...props,\n fromYear: fromYear,\n toYear: toYear,\n onSelectPrev: onNavPrevious,\n onSelectNext: onNavNext,\n animateBackwards: animateBackwards\n }), /*#__PURE__*/ React.createElement(CalendarYearGrid, {\n ...props,\n fromYear: fromYear,\n toYear: toYear,\n animateBackwards: animateBackwards,\n componentRef: gridRef\n }));\n};\nCalendarYear.displayName = 'CalendarYear';\n"],"names":["CalendarYear","CELL_COUNT","CELLS_PER_ROW","DefaultCalendarYearStrings","prevRangeAriaLabel","undefined","nextRangeAriaLabel","CalendarYearGridCell","props","className","highlightCurrentYear","highlightSelectedYear","year","selected","disabled","componentRef","onSelectYear","onRenderYear","buttonRef","React","useRef","useImperativeHandle","focus","_buttonRef_current","_buttonRef_current_focus","current","call","onClick","onKeyDown","ev","key","Enter","classNames","useCalendarYearStyles_unstable","highlightCurrent","highlightSelected","_onRenderYear","createElement","mergeClasses","itemButton","type","role","ref","displayName","CalendarYearGrid","fromYear","toYear","animationDirection","animateBackwards","minYear","maxYear","selectedYear","selectedCellRef","currentCellRef","_ref","_ref_focus","renderCell","yearToRender","Date","getFullYear","value","_props_onRenderYear","_props_onRenderYear1","gridAriaLabel","cells","i","push","j","arrowNavigationAttributes","useArrowNavigationGroup","axis","gridContainer","map","cellRow","index","buttonRow","CalendarYearNavDirection","Previous","Next","CalendarYearNavArrow","strings","direction","onSelectPrev","onSelectNext","ariaLabel","newRangeOffset","newRange","ariaLabelString","onNavigate","dir","useFluent_unstable","isLeftNavigation","navigationButton","title","ArrowUpRegular","ArrowDownRegular","CalendarYearNav","navigationButtonsContainer","CalendarYearTitle","onHeaderSelect","_props_onHeaderSelect","onHeaderKeyDown","Space","hasHeaderClickCallback","rangeAriaLabel","headerAriaLabelFormatString","currentDateRange","replace","currentItemButton","CalendarYearHeader","onRenderTitle","_onRenderTitle","headerContainer","useAnimateBackwards","navigatedYear","rangeYear","Math","floor","previousFromYearRef","previousFromYear","useYearRangeState","useMemo","setFromYear","useState","onNavNext","onNavPrevious","useEffect","gridRef","_gridRef_current","_gridRef_current_focus","root"],"mappings":";;;;+BA8QiBA;;aAAAA;;;6DA9QM;8BACM;4BACoB;qCACd;8BACK;wBACX;6CACkB;AAC/C,MAAMC,aAAa;AACnB,MAAMC,gBAAgB;AACtB,MAAMC,6BAA6B;IAC/BC,oBAAoBC;IACpBC,oBAAoBD;AACxB;AACA,MAAME,uBAAuB,CAACC,QAAQ;IAClC,MAAM,EAAEC,UAAS,EAAGC,qBAAoB,EAAGC,sBAAqB,EAAGC,KAAI,EAAGC,SAAQ,EAAGC,SAAQ,EAAGC,aAAY,EAAGC,aAAY,EAAGC,aAAY,EAAG,GAAGT;IAChJ,MAAMU,YAAYC,OAAMC,MAAM,CAAC,IAAI;IACnCD,OAAME,mBAAmB,CAACN,cAAc,IAAI;QACxC,OAAO;YACHO,SAAS;gBACL,IAAIC,oBAAoBC;gBACvBD,CAAAA,qBAAqBL,UAAUO,OAAO,AAAD,MAAO,IAAI,IAAIF,uBAAuB,KAAK,IAAI,KAAK,IAAI,AAACC,CAAAA,2BAA2BD,mBAAmBD,KAAK,AAAD,MAAO,IAAI,IAAIE,6BAA6B,KAAK,IAAI,KAAK,IAAIA,yBAAyBE,IAAI,CAACH,mBAAmB;YACpQ;QACJ;IACJ,GAAG,EAAE;IACL,MAAMI,UAAU,IAAI;QAChBX,iBAAiB,IAAI,IAAIA,iBAAiB,KAAK,IAAI,KAAK,IAAIA,aAAaJ,KAAK;IAClF;IACA,MAAMgB,YAAY,CAACC,KAAK;QACpB,IAAIA,GAAGC,GAAG,KAAKC,mBAAK,EAAE;YAClBf,iBAAiB,IAAI,IAAIA,iBAAiB,KAAK,IAAI,KAAK,IAAIA,aAAaJ,KAAK;QAClF,CAAC;IACL;IACA,MAAMoB,aAAaC,IAAAA,2DAA8B,EAAC;QAC9CxB;QACAyB,kBAAkBxB;QAClByB,mBAAmBxB;IACvB;IACA,IAAIyB;IACJ,OAAO,WAAW,GAAGjB,OAAMkB,aAAa,CAAC,UAAU;QAC/C5B,WAAW6B,IAAAA,oBAAY,EAACN,WAAWO,UAAU,EAAE1B,YAAYmB,WAAWnB,QAAQ,EAAEC,YAAYkB,WAAWlB,QAAQ;QAC/G0B,MAAM;QACNC,MAAM;QACNd,SAAS,CAACb,WAAWa,UAAUtB,SAAS;QACxCuB,WAAW,CAACd,WAAWc,YAAYvB,SAAS;QAC5CS,UAAUA;QACV,iBAAiBD;QACjB6B,KAAKxB;IACT,GAAG,AAACkB,CAAAA,gBAAgBnB,iBAAiB,IAAI,IAAIA,iBAAiB,KAAK,IAAI,KAAK,IAAIA,aAAaL,KAAK,AAAD,MAAO,IAAI,IAAIwB,kBAAkB,KAAK,IAAIA,gBAAgBxB,IAAI;AACnK;AACAL,qBAAqBoC,WAAW,GAAG;AACnC,MAAMC,mBAAmB,CAACpC,QAAQ;IAC9B,MAAM,EAAEC,UAAS,EAAGoC,SAAQ,EAAGC,OAAM,EAAGC,mBAAkB,EAAGC,iBAAgB,EAAGC,QAAO,EAAGC,QAAO,EAAGlC,aAAY,EAAGmC,aAAY,EAAGpC,aAAY,EAAG,GAAGP;IACpJ,MAAM4C,kBAAkBjC,OAAMC,MAAM,CAAC,IAAI;IACzC,MAAMiC,iBAAiBlC,OAAMC,MAAM,CAAC,IAAI;IACxCD,OAAME,mBAAmB,CAACN,cAAc,IAAI;QACxC,OAAO;YACHO,SAAS;gBACL,IAAIgC,MAAMC;gBACTD,CAAAA,OAAOF,gBAAgB3B,OAAO,IAAI4B,eAAe5B,OAAO,AAAD,MAAO,IAAI,IAAI6B,SAAS,KAAK,IAAI,KAAK,IAAI,AAACC,CAAAA,aAAaD,KAAKhC,KAAK,AAAD,MAAO,IAAI,IAAIiC,eAAe,KAAK,IAAI,KAAK,IAAIA,WAAW7B,IAAI,CAAC4B,KAAK;YAClM;QACJ;IACJ,GAAG,EAAE;IACL,MAAME,aAAa,CAACC,eAAe;QAC/B,MAAM5C,WAAW4C,iBAAiBN;QAClC,MAAMrC,WAAWmC,YAAY5C,aAAaoD,eAAeR,WAAWC,YAAY7C,aAAaoD,eAAeP;QAC5G,MAAMzB,UAAUgC,iBAAiB,IAAIC,OAAOC,WAAW;QACvD,OAAO,WAAW,GAAGxC,OAAMkB,aAAa,CAAC9B,sBAAsB;YAC3D,GAAGC,KAAK;YACRsB,KAAK2B;YACL7C,MAAM6C;YACN5C,UAAUA;YACVY,SAASA;YACTX,UAAUA;YACVE,cAAcA;YACdD,cAAcF,WAAWuC,kBAAkB3B,UAAU4B,iBAAiBhD,SAAS;QACnF;IACJ;IACA,MAAM2B,aAAaC,IAAAA,2DAA8B,EAAC;QAC9CxB;QACAuC;QACAD;IACJ;IACA,MAAM9B,eAAe,CAAC2C,QAAQ;QAC1B,IAAIC;QACJ,IAAIC;QACJ,OAAO,AAACA,CAAAA,uBAAuB,AAACD,CAAAA,sBAAsBrD,MAAMS,YAAY,AAAD,MAAO,IAAI,IAAI4C,wBAAwB,KAAK,IAAI,KAAK,IAAIA,oBAAoBnC,IAAI,CAAClB,OAAOoD,MAAM,AAAD,MAAO,IAAI,IAAIE,yBAAyB,KAAK,IAAIA,uBAAuBF,KAAK;IACtP;IACA,MAAMG,gBAAgB,CAAC,EAAE9C,aAAa4B,UAAU,GAAG,EAAE5B,aAAa6B,QAAQ,CAAC;IAC3E,IAAIlC,OAAOiC;IACX,MAAMmB,QAAQ,EAAE;IAChB,IAAI,IAAIC,IAAI,GAAGA,IAAI,AAACnB,CAAAA,SAASD,WAAW,CAAA,IAAK3C,eAAe+D,IAAI;QAC5DD,MAAME,IAAI,CAAC,EAAE;QACb,IAAI,IAAIC,IAAI,GAAGA,IAAIjE,eAAeiE,IAAI;YAClCH,KAAK,CAACC,EAAE,CAACC,IAAI,CAACV,WAAW5C;YACzBA;QACJ;IACJ;IACA,MAAMwD,4BAA4BC,IAAAA,qCAAuB,EAAC;QACtDC,MAAM;IACV;IACA,OAAO,WAAW,GAAGnD,OAAMkB,aAAa,CAAC,OAAO+B,2BAA2B,WAAW,GAAGjD,OAAMkB,aAAa,CAAC,OAAO;QAChH5B,WAAWuB,WAAWuC,aAAa;QACnC9B,MAAM;QACN,cAAcsB;IAClB,GAAGC,MAAMQ,GAAG,CAAC,CAACC,SAASC,QAAQ;QAC3B,OAAO,WAAW,GAAGvD,OAAMkB,aAAa,CAAC,OAAO;YAC5CP,KAAK,mBAAmB4C,QAAQ,MAAM7B;YACtCJ,MAAM;YACNhC,WAAWuB,WAAW2C,SAAS;QACnC,GAAGF;IACP;AACJ;AACA7B,iBAAiBD,WAAW,GAAG;AAC/B,MAAMiC,2BAA2B;IAC7BC,UAAU;IACVC,MAAM;AACV;AACA,MAAMC,uBAAuB,CAACvE,QAAQ;IAClC,MAAM,EAAEC,UAAS,EAAGuE,SAAS7E,2BAA0B,EAAG8E,UAAS,EAAGC,aAAY,EAAGC,aAAY,EAAGtC,SAAQ,EAAGC,OAAM,EAAGI,QAAO,EAAGD,QAAO,EAAG,GAAGzC;IAC/I,MAAMwB,aAAaC,IAAAA,2DAA8B,EAAC;QAC9CxB;IACJ;IACA,MAAM2E,YAAYH,cAAcL,yBAAyBC,QAAQ,GAAGG,QAAQ5E,kBAAkB,GAAG4E,QAAQ1E,kBAAkB;IAC3H,MAAM+E,iBAAiBJ,cAAcL,yBAAyBC,QAAQ,GAAG,CAAC5E,aAAaA,UAAU;IACjG,MAAMqF,WAAW;QACbzC,UAAUA,WAAWwC;QACrBvC,QAAQA,SAASuC;IACrB;IACA,MAAME,kBAAkBH,YAAY,OAAOA,cAAc,WAAWA,YAAYA,UAAUE,SAAS,GAAGjF,SAAS;IAC/G,MAAMS,WAAWmE,cAAcL,yBAAyBC,QAAQ,GAAG5B,YAAY5C,aAAawC,WAAWI,UAAUC,YAAY7C,aAAaG,MAAMqC,QAAQ,GAAG5C,aAAaiD,OAAO;IAC/K,MAAMsC,aAAa,IAAI;QACnBP,cAAcL,yBAAyBC,QAAQ,GAAGK,iBAAiB,IAAI,IAAIA,iBAAiB,KAAK,IAAI,KAAK,IAAIA,cAAc,GAAGC,iBAAiB,IAAI,IAAIA,iBAAiB,KAAK,IAAI,KAAK,IAAIA,cAAc;IAC7M;IACA,MAAMvD,YAAY,CAACC,KAAK;QACpB,IAAIA,GAAGC,GAAG,KAAKC,mBAAK,EAAE;YAClByD;QACJ,CAAC;IACL;IACA,MAAM,EAAEC,IAAG,EAAG,GAAGC,IAAAA,uCAAkB;IACnC,uEAAuE;IACvE,MAAMC,mBAAmBF,QAAQ,QAAQR,cAAcL,yBAAyBE,IAAI,GAAGG,cAAcL,yBAAyBC,QAAQ;IACtI,OAAO,WAAW,GAAG1D,OAAMkB,aAAa,CAAC,UAAU;QAC/C5B,WAAW6B,IAAAA,oBAAY,EAACN,WAAW4D,gBAAgB,EAAE9E,YAAYkB,WAAWlB,QAAQ;QACpFa,SAAS,CAACb,WAAW0E,aAAanF,SAAS;QAC3CuB,WAAW,CAACd,WAAWc,YAAYvB,SAAS;QAC5CmC,MAAM;QACNqD,OAAON;QACPzE,UAAUA;IACd,GAAG6E,mBAAmB,WAAW,GAAGxE,OAAMkB,aAAa,CAACyD,0BAAc,EAAE,IAAI,IAAI,WAAW,GAAG3E,OAAMkB,aAAa,CAAC0D,4BAAgB,EAAE,IAAI,CAAC;AAC7I;AACAhB,qBAAqBpC,WAAW,GAAG;AACnC,MAAMqD,kBAAkB,CAACxF,QAAQ;IAC7B,MAAM,EAAEC,UAAS,EAAG,GAAGD;IACvB,MAAMwB,aAAaC,IAAAA,2DAA8B,EAAC;QAC9CxB;IACJ;IACA,OAAO,WAAW,GAAGU,OAAMkB,aAAa,CAAC,OAAO;QAC5C5B,WAAWuB,WAAWiE,0BAA0B;IACpD,GAAG,WAAW,GAAG9E,OAAMkB,aAAa,CAAC0C,sBAAsB;QACvD,GAAGvE,KAAK;QACRyE,WAAWL,yBAAyBC,QAAQ;IAChD,IAAI,WAAW,GAAG1D,OAAMkB,aAAa,CAAC0C,sBAAsB;QACxD,GAAGvE,KAAK;QACRyE,WAAWL,yBAAyBE,IAAI;IAC5C;AACJ;AACAkB,gBAAgBrD,WAAW,GAAG;AAC9B,MAAMuD,oBAAoB,CAAC1F,QAAQ;IAC/B,MAAM,EAAEC,UAAS,EAAGoC,SAAQ,EAAGC,OAAM,EAAGkC,SAAS7E,2BAA0B,EAAG6C,iBAAgB,EAAGD,mBAAkB,EAAG,GAAGvC;IACzH,MAAM2F,iBAAiB,IAAI;QACvB,IAAIC;QACHA,CAAAA,wBAAwB5F,MAAM2F,cAAc,AAAD,MAAO,IAAI,IAAIC,0BAA0B,KAAK,IAAI,KAAK,IAAIA,sBAAsB1E,IAAI,CAAClB,OAAO,IAAI,CAAC;IAClJ;IACA,MAAM6F,kBAAkB,CAACxE,KAAK;QAC1B,IAAIA,GAAGC,GAAG,KAAKC,mBAAK,IAAIF,GAAGC,GAAG,KAAKwE,mBAAK,EAAE;YACtCH;QACJ,CAAC;IACL;IACA,MAAMlF,eAAe,CAACL,OAAO;QACzB,IAAIiD;QACJ,IAAIC;QACJ,OAAO,AAACA,CAAAA,uBAAuB,AAACD,CAAAA,sBAAsBrD,MAAMS,YAAY,AAAD,MAAO,IAAI,IAAI4C,wBAAwB,KAAK,IAAI,KAAK,IAAIA,oBAAoBnC,IAAI,CAAClB,OAAOI,KAAK,AAAD,MAAO,IAAI,IAAIkD,yBAAyB,KAAK,IAAIA,uBAAuBlD,IAAI;IACpP;IACA,MAAMoB,aAAaC,IAAAA,2DAA8B,EAAC;QAC9CxB;QACA8F,wBAAwB,CAAC,CAAC/F,MAAM2F,cAAc;QAC9CnD;QACAD;IACJ;IACA,IAAIvC,MAAM2F,cAAc,EAAE;QACtB,MAAMK,iBAAiBxB,QAAQwB,cAAc;QAC7C,MAAMC,8BAA8BzB,QAAQyB,2BAA2B;QACvE,MAAMC,mBAAmBF,iBAAiB,OAAOA,mBAAmB,WAAWA,iBAAiBA,eAAehG,MAAM,GAAGH,SAAS;QACjI,MAAM+E,YAAYqB,8BAA8BA,4BAA4BE,OAAO,CAAC,OAAOD,qBAAqB,IAAI,IAAIA,qBAAqB,KAAK,IAAIA,mBAAmB,EAAE,IAAIA,gBAAgB;QAC/L,OAAO,WAAW,GAAGvF,OAAMkB,aAAa,CAAC,UAAU;YAC/C5B,WAAWuB,WAAW4E,iBAAiB;YACvCjF,SAASwE;YACTvE,WAAWyE;YACX,cAAcjB;YACd3C,MAAM;YACND,MAAM;QACV,GAAG,WAAW,GAAGrB,OAAMkB,aAAa,CAAC,QAAQ;YACzC,aAAa;YACb,eAAe;QACnB,GAAGpB,aAAa4B,WAAW,OAAO5B,aAAa6B;IACnD,CAAC;IACD,OAAO,WAAW,GAAG3B,OAAMkB,aAAa,CAAC,OAAO;QAC5C5B,WAAWuB,WAAWP,OAAO;IACjC,GAAGR,aAAa4B,WAAW,OAAO5B,aAAa6B;AACnD;AACAoD,kBAAkBvD,WAAW,GAAG;AAChC,MAAMkE,qBAAqB,CAACrG,QAAQ;IAChC,MAAM,EAAEC,UAAS,EAAGuC,iBAAgB,EAAGD,mBAAkB,EAAG+D,cAAa,EAAG,GAAGtG;IAC/E,MAAMwB,aAAaC,IAAAA,2DAA8B,EAAC;QAC9CxB;QACA8F,wBAAwB,CAAC,CAAC/F,MAAM2F,cAAc;QAC9CnD;QACAD;IACJ;IACA,IAAIgE;IACJ,OAAO,WAAW,GAAG5F,OAAMkB,aAAa,CAAC,OAAO;QAC5C5B,WAAWuB,WAAWgF,eAAe;IACzC,GAAG,AAACD,CAAAA,iBAAiBD,kBAAkB,IAAI,IAAIA,kBAAkB,KAAK,IAAI,KAAK,IAAIA,cAActG,MAAM,AAAD,MAAO,IAAI,IAAIuG,mBAAmB,KAAK,IAAIA,iBAAiB,WAAW,GAAG5F,OAAMkB,aAAa,CAAC6D,mBAAmB1F,MAAM,EAAE,WAAW,GAAGW,OAAMkB,aAAa,CAAC2D,iBAAiBxF;AACtR;AACAqG,mBAAmBlE,WAAW,GAAG;AACjC,SAASsE,oBAAoB,EAAE9D,aAAY,EAAG+D,cAAa,EAAG,EAAE;IAC5D,MAAMC,YAAYhE,gBAAgB+D,iBAAiB,IAAIxD,OAAOC,WAAW;IACzE,MAAMd,WAAWuE,KAAKC,KAAK,CAACF,YAAY,MAAM;IAC9C,MAAMG,sBAAsBnG,OAAMC,MAAM,CAACyB;IACzC1B,OAAMC,MAAM,CAAC,IAAI;QACbkG,oBAAoB7F,OAAO,GAAGoB;IAClC;IACA,MAAM0E,mBAAmBD,oBAAoB7F,OAAO;IACpD,IAAI,CAAC8F,oBAAoBA,qBAAqB1E,UAAU;QACpD,OAAOxC;IACX,OAAO,IAAIkH,mBAAmB1E,UAAU;QACpC,OAAO,IAAI;IACf,OAAO;QACH,OAAO,KAAK;IAChB,CAAC;AACL;AACA,SAAS2E,kBAAkB,EAAErE,aAAY,EAAG+D,cAAa,EAAG,EAAE;IAC1D,MAAMC,YAAYhG,OAAMsG,OAAO,CAAC,IAAI;QAChC,OAAOtE,gBAAgB+D,iBAAiBE,KAAKC,KAAK,CAAC,IAAI3D,OAAOC,WAAW,KAAK,MAAM;IACxF,GAAG;QACCuD;QACA/D;KACH;IACD,MAAM,CAACN,UAAU6E,YAAY,GAAGvG,OAAMwG,QAAQ,CAACR;IAC/C,MAAMS,YAAY,IAAI;QAClBF,YAAY,CAAC9G,OAAOA,OAAOX;IAC/B;IACA,MAAM4H,gBAAgB,IAAI;QACtBH,YAAY,CAAC9G,OAAOA,OAAOX;IAC/B;IACAkB,OAAM2G,SAAS,CAAC,IAAI;QAChBJ,YAAYP;IAChB,GAAG;QACCA;KACH;IACD,MAAMrE,SAASD,WAAW5C,aAAa;IACvC,OAAO;QACH4C;QACAC;QACA8E;QACAC;KACH;AACL;AAGW,MAAM7H,eAAe,CAACQ,QAAQ;IACrC,MAAMwC,mBAAmBiE,oBAAoBzG;IAC7C,MAAM,CAACqC,UAAUC,QAAQ8E,WAAWC,cAAc,GAAGL,kBAAkBhH;IACvE,MAAMuH,UAAU5G,OAAMC,MAAM,CAAC,IAAI;IACjCD,OAAME,mBAAmB,CAACb,MAAMO,YAAY,EAAE,IAAI;QAC9C,OAAO;YACHO,SAAS;gBACL,IAAI0G,kBAAkBC;gBACrBD,CAAAA,mBAAmBD,QAAQtG,OAAO,AAAD,MAAO,IAAI,IAAIuG,qBAAqB,KAAK,IAAI,KAAK,IAAI,AAACC,CAAAA,yBAAyBD,iBAAiB1G,KAAK,AAAD,MAAO,IAAI,IAAI2G,2BAA2B,KAAK,IAAI,KAAK,IAAIA,uBAAuBvG,IAAI,CAACsG,iBAAiB;YACpP;QACJ;IACJ;IACA,MAAM,EAAEvH,UAAS,EAAG,GAAGD;IACvB,MAAMwB,aAAaC,IAAAA,2DAA8B,EAAC;QAC9CxB;IACJ;IACA,OAAO,WAAW,GAAGU,OAAMkB,aAAa,CAAC,OAAO;QAC5C5B,WAAWuB,WAAWkG,IAAI;IAC9B,GAAG,WAAW,GAAG/G,OAAMkB,aAAa,CAACwE,oBAAoB;QACrD,GAAGrG,KAAK;QACRqC,UAAUA;QACVC,QAAQA;QACRoC,cAAc2C;QACd1C,cAAcyC;QACd5E,kBAAkBA;IACtB,IAAI,WAAW,GAAG7B,OAAMkB,aAAa,CAACO,kBAAkB;QACpD,GAAGpC,KAAK;QACRqC,UAAUA;QACVC,QAAQA;QACRE,kBAAkBA;QAClBjC,cAAcgH;IAClB;AACJ;AACA/H,aAAa2C,WAAW,GAAG"}
|
|
1
|
+
{"version":3,"sources":["CalendarYear.js"],"sourcesContent":["import * as React from 'react';\nimport { Enter, Space } from '@fluentui/keyboard-keys';\nimport { ArrowDownRegular, ArrowUpRegular } from '@fluentui/react-icons';\nimport { useFluent_unstable } from '@fluentui/react-shared-contexts';\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport { mergeClasses } from '@griffel/react';\nimport { useCalendarYearStyles_unstable } from './useCalendarYearStyles.styles';\nconst CELL_COUNT = 12;\nconst CELLS_PER_ROW = 4;\nconst DefaultCalendarYearStrings = {\n prevRangeAriaLabel: undefined,\n nextRangeAriaLabel: undefined\n};\nconst CalendarYearGridCell = (props)=>{\n var _onRenderYear;\n const { className, highlightCurrentYear, highlightSelectedYear, year, selected, disabled, componentRef, onSelectYear, onRenderYear } = props;\n const buttonRef = React.useRef(null);\n React.useImperativeHandle(componentRef, ()=>({\n focus () {\n var _buttonRef_current_focus, _buttonRef_current;\n (_buttonRef_current = buttonRef.current) === null || _buttonRef_current === void 0 ? void 0 : (_buttonRef_current_focus = _buttonRef_current.focus) === null || _buttonRef_current_focus === void 0 ? void 0 : _buttonRef_current_focus.call(_buttonRef_current);\n }\n }), []);\n const onClick = ()=>{\n var _onSelectYear;\n (_onSelectYear = onSelectYear) === null || _onSelectYear === void 0 ? void 0 : _onSelectYear(year);\n };\n const onKeyDown = (ev)=>{\n if (ev.key === Enter) {\n var _onSelectYear;\n (_onSelectYear = onSelectYear) === null || _onSelectYear === void 0 ? void 0 : _onSelectYear(year);\n }\n };\n const classNames = useCalendarYearStyles_unstable({\n className,\n highlightCurrent: highlightCurrentYear,\n highlightSelected: highlightSelectedYear\n });\n var _onRenderYear1;\n return /*#__PURE__*/ React.createElement(\"button\", {\n className: mergeClasses(classNames.itemButton, selected && classNames.selected, disabled && classNames.disabled),\n type: \"button\",\n role: \"gridcell\",\n onClick: !disabled ? onClick : undefined,\n onKeyDown: !disabled ? onKeyDown : undefined,\n disabled: disabled,\n \"aria-selected\": selected,\n ref: buttonRef\n }, (_onRenderYear1 = (_onRenderYear = onRenderYear) === null || _onRenderYear === void 0 ? void 0 : _onRenderYear(year)) !== null && _onRenderYear1 !== void 0 ? _onRenderYear1 : year);\n};\nCalendarYearGridCell.displayName = 'CalendarYearGridCell';\nconst CalendarYearGrid = (props)=>{\n const { className, fromYear, toYear, animationDirection, animateBackwards, minYear, maxYear, onSelectYear, selectedYear, componentRef } = props;\n const selectedCellRef = React.useRef(null);\n const currentCellRef = React.useRef(null);\n React.useImperativeHandle(componentRef, ()=>({\n focus () {\n var _focus, _this;\n (_this = selectedCellRef.current || currentCellRef.current) === null || _this === void 0 ? void 0 : (_focus = _this.focus) === null || _focus === void 0 ? void 0 : _focus.call(_this);\n }\n }), []);\n const renderCell = (yearToRender)=>{\n const selected = yearToRender === selectedYear;\n const disabled = minYear !== undefined && yearToRender < minYear || maxYear !== undefined && yearToRender > maxYear;\n const current = yearToRender === new Date().getFullYear();\n return /*#__PURE__*/ React.createElement(CalendarYearGridCell, {\n ...props,\n key: yearToRender,\n year: yearToRender,\n selected: selected,\n current: current,\n disabled: disabled,\n onSelectYear: onSelectYear,\n componentRef: selected ? selectedCellRef : current ? currentCellRef : undefined\n });\n };\n const classNames = useCalendarYearStyles_unstable({\n className,\n animateBackwards,\n animationDirection\n });\n const onRenderYear = (value)=>{\n var _props_onRenderYear, _props;\n var _props_onRenderYear1;\n return (_props_onRenderYear1 = (_props_onRenderYear = (_props = props).onRenderYear) === null || _props_onRenderYear === void 0 ? void 0 : _props_onRenderYear.call(_props, value)) !== null && _props_onRenderYear1 !== void 0 ? _props_onRenderYear1 : value;\n };\n const gridAriaLabel = `${onRenderYear(fromYear)} - ${onRenderYear(toYear)}`;\n let year = fromYear;\n const cells = [];\n for(let i = 0; i < (toYear - fromYear + 1) / CELLS_PER_ROW; i++){\n cells.push([]);\n for(let j = 0; j < CELLS_PER_ROW; j++){\n cells[i].push(renderCell(year));\n year++;\n }\n }\n const arrowNavigationAttributes = useArrowNavigationGroup({\n axis: 'both'\n });\n return /*#__PURE__*/ React.createElement(\"div\", arrowNavigationAttributes, /*#__PURE__*/ React.createElement(\"div\", {\n className: classNames.gridContainer,\n role: \"grid\",\n \"aria-label\": gridAriaLabel\n }, cells.map((cellRow, index)=>{\n return /*#__PURE__*/ React.createElement(\"div\", {\n key: 'yearPickerRow_' + index + '_' + fromYear,\n role: \"row\",\n className: classNames.buttonRow\n }, cellRow);\n })));\n};\nCalendarYearGrid.displayName = 'CalendarYearGrid';\nconst CalendarYearNavDirection = {\n Previous: 0,\n Next: 1\n};\nconst CalendarYearNavArrow = (props)=>{\n const { className, strings = DefaultCalendarYearStrings, direction, onSelectPrev, onSelectNext, fromYear, toYear, maxYear, minYear } = props;\n const classNames = useCalendarYearStyles_unstable({\n className\n });\n const ariaLabel = direction === CalendarYearNavDirection.Previous ? strings.prevRangeAriaLabel : strings.nextRangeAriaLabel;\n const newRangeOffset = direction === CalendarYearNavDirection.Previous ? -CELL_COUNT : CELL_COUNT;\n const newRange = {\n fromYear: fromYear + newRangeOffset,\n toYear: toYear + newRangeOffset\n };\n const ariaLabelString = ariaLabel ? typeof ariaLabel === 'string' ? ariaLabel : ariaLabel(newRange) : undefined;\n const disabled = direction === CalendarYearNavDirection.Previous ? minYear !== undefined && fromYear < minYear : maxYear !== undefined && props.fromYear + CELL_COUNT > maxYear;\n const onNavigate = ()=>{\n var _onSelectPrev, _onSelectNext;\n direction === CalendarYearNavDirection.Previous ? (_onSelectPrev = onSelectPrev) === null || _onSelectPrev === void 0 ? void 0 : _onSelectPrev() : (_onSelectNext = onSelectNext) === null || _onSelectNext === void 0 ? void 0 : _onSelectNext();\n };\n const onKeyDown = (ev)=>{\n if (ev.key === Enter) {\n onNavigate();\n }\n };\n const { dir } = useFluent_unstable();\n // can be condensed, but leaving verbose for clarity due to regressions\n const isLeftNavigation = dir === 'rtl' ? direction === CalendarYearNavDirection.Next : direction === CalendarYearNavDirection.Previous;\n return /*#__PURE__*/ React.createElement(\"button\", {\n className: mergeClasses(classNames.navigationButton, disabled && classNames.disabled),\n onClick: !disabled ? onNavigate : undefined,\n onKeyDown: !disabled ? onKeyDown : undefined,\n type: \"button\",\n title: ariaLabelString,\n disabled: disabled\n }, isLeftNavigation ? /*#__PURE__*/ React.createElement(ArrowUpRegular, null) : /*#__PURE__*/ React.createElement(ArrowDownRegular, null));\n};\nCalendarYearNavArrow.displayName = 'CalendarYearNavArrow';\nconst CalendarYearNav = (props)=>{\n const { className } = props;\n const classNames = useCalendarYearStyles_unstable({\n className\n });\n return /*#__PURE__*/ React.createElement(\"div\", {\n className: classNames.navigationButtonsContainer\n }, /*#__PURE__*/ React.createElement(CalendarYearNavArrow, {\n ...props,\n direction: CalendarYearNavDirection.Previous\n }), /*#__PURE__*/ React.createElement(CalendarYearNavArrow, {\n ...props,\n direction: CalendarYearNavDirection.Next\n }));\n};\nCalendarYearNav.displayName = 'CalendarYearNav';\nconst CalendarYearTitle = (props)=>{\n const { className, fromYear, toYear, strings = DefaultCalendarYearStrings, animateBackwards, animationDirection } = props;\n const onHeaderSelect = ()=>{\n var _props_onHeaderSelect, _props;\n (_props_onHeaderSelect = (_props = props).onHeaderSelect) === null || _props_onHeaderSelect === void 0 ? void 0 : _props_onHeaderSelect.call(_props, true);\n };\n const onHeaderKeyDown = (ev)=>{\n if (ev.key === Enter || ev.key === Space) {\n onHeaderSelect();\n }\n };\n const onRenderYear = (year)=>{\n var _props_onRenderYear, _props;\n var _props_onRenderYear1;\n return (_props_onRenderYear1 = (_props_onRenderYear = (_props = props).onRenderYear) === null || _props_onRenderYear === void 0 ? void 0 : _props_onRenderYear.call(_props, year)) !== null && _props_onRenderYear1 !== void 0 ? _props_onRenderYear1 : year;\n };\n const classNames = useCalendarYearStyles_unstable({\n className,\n hasHeaderClickCallback: !!props.onHeaderSelect,\n animateBackwards,\n animationDirection\n });\n if (props.onHeaderSelect) {\n const rangeAriaLabel = strings.rangeAriaLabel;\n const headerAriaLabelFormatString = strings.headerAriaLabelFormatString;\n const currentDateRange = rangeAriaLabel ? typeof rangeAriaLabel === 'string' ? rangeAriaLabel : rangeAriaLabel(props) : undefined;\n const ariaLabel = headerAriaLabelFormatString ? headerAriaLabelFormatString.replace('{0}', currentDateRange !== null && currentDateRange !== void 0 ? currentDateRange : '') : currentDateRange;\n return /*#__PURE__*/ React.createElement(\"button\", {\n className: classNames.currentItemButton,\n onClick: onHeaderSelect,\n onKeyDown: onHeaderKeyDown,\n \"aria-label\": ariaLabel,\n role: \"button\",\n type: \"button\"\n }, /*#__PURE__*/ React.createElement(\"span\", {\n \"aria-live\": \"assertive\",\n \"aria-atomic\": \"true\"\n }, onRenderYear(fromYear), \" - \", onRenderYear(toYear)));\n }\n return /*#__PURE__*/ React.createElement(\"div\", {\n className: classNames.current\n }, onRenderYear(fromYear), \" - \", onRenderYear(toYear));\n};\nCalendarYearTitle.displayName = 'CalendarYearTitle';\nconst CalendarYearHeader = (props)=>{\n var _onRenderTitle;\n const { className, animateBackwards, animationDirection, onRenderTitle } = props;\n const classNames = useCalendarYearStyles_unstable({\n className,\n hasHeaderClickCallback: !!props.onHeaderSelect,\n animateBackwards,\n animationDirection\n });\n var _onRenderTitle1;\n return /*#__PURE__*/ React.createElement(\"div\", {\n className: classNames.headerContainer\n }, (_onRenderTitle1 = (_onRenderTitle = onRenderTitle) === null || _onRenderTitle === void 0 ? void 0 : _onRenderTitle(props)) !== null && _onRenderTitle1 !== void 0 ? _onRenderTitle1 : /*#__PURE__*/ React.createElement(CalendarYearTitle, props), /*#__PURE__*/ React.createElement(CalendarYearNav, props));\n};\nCalendarYearHeader.displayName = 'CalendarYearHeader';\nfunction useAnimateBackwards({ selectedYear, navigatedYear }) {\n const rangeYear = selectedYear || navigatedYear || new Date().getFullYear();\n const fromYear = Math.floor(rangeYear / 10) * 10;\n const previousFromYearRef = React.useRef(fromYear);\n React.useRef(()=>{\n previousFromYearRef.current = fromYear;\n });\n const previousFromYear = previousFromYearRef.current;\n if (!previousFromYear || previousFromYear === fromYear) {\n return undefined;\n } else if (previousFromYear > fromYear) {\n return true;\n } else {\n return false;\n }\n}\nfunction useYearRangeState({ selectedYear, navigatedYear }) {\n const rangeYear = React.useMemo(()=>{\n return selectedYear || navigatedYear || Math.floor(new Date().getFullYear() / 10) * 10;\n }, [\n navigatedYear,\n selectedYear\n ]);\n const [fromYear, setFromYear] = React.useState(rangeYear);\n const onNavNext = ()=>{\n setFromYear((year)=>year + CELL_COUNT);\n };\n const onNavPrevious = ()=>{\n setFromYear((year)=>year - CELL_COUNT);\n };\n React.useEffect(()=>{\n setFromYear(rangeYear);\n }, [\n rangeYear\n ]);\n const toYear = fromYear + CELL_COUNT - 1;\n return [\n fromYear,\n toYear,\n onNavNext,\n onNavPrevious\n ];\n}\n/**\n * @internal\n */ export const CalendarYear = (props)=>{\n const animateBackwards = useAnimateBackwards(props);\n const [fromYear, toYear, onNavNext, onNavPrevious] = useYearRangeState(props);\n const gridRef = React.useRef(null);\n React.useImperativeHandle(props.componentRef, ()=>({\n focus () {\n var _gridRef_current_focus, _gridRef_current;\n (_gridRef_current = gridRef.current) === null || _gridRef_current === void 0 ? void 0 : (_gridRef_current_focus = _gridRef_current.focus) === null || _gridRef_current_focus === void 0 ? void 0 : _gridRef_current_focus.call(_gridRef_current);\n }\n }));\n const { className } = props;\n const classNames = useCalendarYearStyles_unstable({\n className\n });\n return /*#__PURE__*/ React.createElement(\"div\", {\n className: classNames.root\n }, /*#__PURE__*/ React.createElement(CalendarYearHeader, {\n ...props,\n fromYear: fromYear,\n toYear: toYear,\n onSelectPrev: onNavPrevious,\n onSelectNext: onNavNext,\n animateBackwards: animateBackwards\n }), /*#__PURE__*/ React.createElement(CalendarYearGrid, {\n ...props,\n fromYear: fromYear,\n toYear: toYear,\n animateBackwards: animateBackwards,\n componentRef: gridRef\n }));\n};\nCalendarYear.displayName = 'CalendarYear';\n"],"names":["CalendarYear","CELL_COUNT","CELLS_PER_ROW","DefaultCalendarYearStrings","prevRangeAriaLabel","undefined","nextRangeAriaLabel","CalendarYearGridCell","props","_onRenderYear","className","highlightCurrentYear","highlightSelectedYear","year","selected","disabled","componentRef","onSelectYear","onRenderYear","buttonRef","React","useRef","useImperativeHandle","focus","_buttonRef_current_focus","_buttonRef_current","current","call","onClick","_onSelectYear","onKeyDown","ev","key","Enter","classNames","useCalendarYearStyles_unstable","highlightCurrent","highlightSelected","_onRenderYear1","createElement","mergeClasses","itemButton","type","role","ref","displayName","CalendarYearGrid","fromYear","toYear","animationDirection","animateBackwards","minYear","maxYear","selectedYear","selectedCellRef","currentCellRef","_focus","_this","renderCell","yearToRender","Date","getFullYear","value","_props_onRenderYear","_props","_props_onRenderYear1","gridAriaLabel","cells","i","push","j","arrowNavigationAttributes","useArrowNavigationGroup","axis","gridContainer","map","cellRow","index","buttonRow","CalendarYearNavDirection","Previous","Next","CalendarYearNavArrow","strings","direction","onSelectPrev","onSelectNext","ariaLabel","newRangeOffset","newRange","ariaLabelString","onNavigate","_onSelectPrev","_onSelectNext","dir","useFluent_unstable","isLeftNavigation","navigationButton","title","ArrowUpRegular","ArrowDownRegular","CalendarYearNav","navigationButtonsContainer","CalendarYearTitle","onHeaderSelect","_props_onHeaderSelect","onHeaderKeyDown","Space","hasHeaderClickCallback","rangeAriaLabel","headerAriaLabelFormatString","currentDateRange","replace","currentItemButton","CalendarYearHeader","_onRenderTitle","onRenderTitle","_onRenderTitle1","headerContainer","useAnimateBackwards","navigatedYear","rangeYear","Math","floor","previousFromYearRef","previousFromYear","useYearRangeState","useMemo","setFromYear","useState","onNavNext","onNavPrevious","useEffect","gridRef","_gridRef_current_focus","_gridRef_current","root"],"mappings":";;;;+BA+QiBA;;;eAAAA;;;;iEA/QM;8BACM;4BACoB;qCACd;8BACK;wBACX;6CACkB;AAC/C,MAAMC,aAAa;AACnB,MAAMC,gBAAgB;AACtB,MAAMC,6BAA6B;IAC/BC,oBAAoBC;IACpBC,oBAAoBD;AACxB;AACA,MAAME,uBAAuB,CAACC;IAC1B,IAAIC;IACJ,MAAM,EAAEC,SAAS,EAAEC,oBAAoB,EAAEC,qBAAqB,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,QAAQ,EAAEC,YAAY,EAAEC,YAAY,EAAEC,YAAY,EAAE,GAAGV;IACvI,MAAMW,YAAYC,OAAMC,MAAM,CAAC;IAC/BD,OAAME,mBAAmB,CAACN,cAAc,IAAK,CAAA;YACrCO;gBACI,IAAIC,0BAA0BC;gBAC7BA,CAAAA,qBAAqBN,UAAUO,OAAO,AAAD,MAAO,QAAQD,uBAAuB,KAAK,IAAI,KAAK,IAAI,AAACD,CAAAA,2BAA2BC,mBAAmBF,KAAK,AAAD,MAAO,QAAQC,6BAA6B,KAAK,IAAI,KAAK,IAAIA,yBAAyBG,IAAI,CAACF;YACjP;QACJ,CAAA,GAAI,EAAE;IACV,MAAMG,UAAU;QACZ,IAAIC;QACHA,CAAAA,gBAAgBZ,YAAW,MAAO,QAAQY,kBAAkB,KAAK,IAAI,KAAK,IAAIA,cAAchB;IACjG;IACA,MAAMiB,YAAY,CAACC;QACf,IAAIA,GAAGC,GAAG,KAAKC,mBAAK,EAAE;YAClB,IAAIJ;YACHA,CAAAA,gBAAgBZ,YAAW,MAAO,QAAQY,kBAAkB,KAAK,IAAI,KAAK,IAAIA,cAAchB;QACjG;IACJ;IACA,MAAMqB,aAAaC,IAAAA,2DAA8B,EAAC;QAC9CzB;QACA0B,kBAAkBzB;QAClB0B,mBAAmBzB;IACvB;IACA,IAAI0B;IACJ,OAAO,WAAW,GAAGlB,OAAMmB,aAAa,CAAC,UAAU;QAC/C7B,WAAW8B,IAAAA,oBAAY,EAACN,WAAWO,UAAU,EAAE3B,YAAYoB,WAAWpB,QAAQ,EAAEC,YAAYmB,WAAWnB,QAAQ;QAC/G2B,MAAM;QACNC,MAAM;QACNf,SAAS,CAACb,WAAWa,UAAUvB;QAC/ByB,WAAW,CAACf,WAAWe,YAAYzB;QACnCU,UAAUA;QACV,iBAAiBD;QACjB8B,KAAKzB;IACT,GAAG,AAACmB,CAAAA,iBAAiB,AAAC7B,CAAAA,gBAAgBS,YAAW,MAAO,QAAQT,kBAAkB,KAAK,IAAI,KAAK,IAAIA,cAAcI,KAAI,MAAO,QAAQyB,mBAAmB,KAAK,IAAIA,iBAAiBzB;AACtL;AACAN,qBAAqBsC,WAAW,GAAG;AACnC,MAAMC,mBAAmB,CAACtC;IACtB,MAAM,EAAEE,SAAS,EAAEqC,QAAQ,EAAEC,MAAM,EAAEC,kBAAkB,EAAEC,gBAAgB,EAAEC,OAAO,EAAEC,OAAO,EAAEnC,YAAY,EAAEoC,YAAY,EAAErC,YAAY,EAAE,GAAGR;IAC1I,MAAM8C,kBAAkBlC,OAAMC,MAAM,CAAC;IACrC,MAAMkC,iBAAiBnC,OAAMC,MAAM,CAAC;IACpCD,OAAME,mBAAmB,CAACN,cAAc,IAAK,CAAA;YACrCO;gBACI,IAAIiC,QAAQC;gBACXA,CAAAA,QAAQH,gBAAgB5B,OAAO,IAAI6B,eAAe7B,OAAO,AAAD,MAAO,QAAQ+B,UAAU,KAAK,IAAI,KAAK,IAAI,AAACD,CAAAA,SAASC,MAAMlC,KAAK,AAAD,MAAO,QAAQiC,WAAW,KAAK,IAAI,KAAK,IAAIA,OAAO7B,IAAI,CAAC8B;YACpL;QACJ,CAAA,GAAI,EAAE;IACV,MAAMC,aAAa,CAACC;QAChB,MAAM7C,WAAW6C,iBAAiBN;QAClC,MAAMtC,WAAWoC,YAAY9C,aAAasD,eAAeR,WAAWC,YAAY/C,aAAasD,eAAeP;QAC5G,MAAM1B,UAAUiC,iBAAiB,IAAIC,OAAOC,WAAW;QACvD,OAAO,WAAW,GAAGzC,OAAMmB,aAAa,CAAChC,sBAAsB;YAC3D,GAAGC,KAAK;YACRwB,KAAK2B;YACL9C,MAAM8C;YACN7C,UAAUA;YACVY,SAASA;YACTX,UAAUA;YACVE,cAAcA;YACdD,cAAcF,WAAWwC,kBAAkB5B,UAAU6B,iBAAiBlD;QAC1E;IACJ;IACA,MAAM6B,aAAaC,IAAAA,2DAA8B,EAAC;QAC9CzB;QACAwC;QACAD;IACJ;IACA,MAAM/B,eAAe,CAAC4C;QAClB,IAAIC,qBAAqBC;QACzB,IAAIC;QACJ,OAAO,AAACA,CAAAA,uBAAuB,AAACF,CAAAA,sBAAsB,AAACC,CAAAA,SAASxD,KAAI,EAAGU,YAAY,AAAD,MAAO,QAAQ6C,wBAAwB,KAAK,IAAI,KAAK,IAAIA,oBAAoBpC,IAAI,CAACqC,QAAQF,MAAK,MAAO,QAAQG,yBAAyB,KAAK,IAAIA,uBAAuBH;IAC7P;IACA,MAAMI,gBAAgB,CAAC,EAAEhD,aAAa6B,UAAU,GAAG,EAAE7B,aAAa8B,QAAQ,CAAC;IAC3E,IAAInC,OAAOkC;IACX,MAAMoB,QAAQ,EAAE;IAChB,IAAI,IAAIC,IAAI,GAAGA,IAAI,AAACpB,CAAAA,SAASD,WAAW,CAAA,IAAK7C,eAAekE,IAAI;QAC5DD,MAAME,IAAI,CAAC,EAAE;QACb,IAAI,IAAIC,IAAI,GAAGA,IAAIpE,eAAeoE,IAAI;YAClCH,KAAK,CAACC,EAAE,CAACC,IAAI,CAACX,WAAW7C;YACzBA;QACJ;IACJ;IACA,MAAM0D,4BAA4BC,IAAAA,qCAAuB,EAAC;QACtDC,MAAM;IACV;IACA,OAAO,WAAW,GAAGrD,OAAMmB,aAAa,CAAC,OAAOgC,2BAA2B,WAAW,GAAGnD,OAAMmB,aAAa,CAAC,OAAO;QAChH7B,WAAWwB,WAAWwC,aAAa;QACnC/B,MAAM;QACN,cAAcuB;IAClB,GAAGC,MAAMQ,GAAG,CAAC,CAACC,SAASC;QACnB,OAAO,WAAW,GAAGzD,OAAMmB,aAAa,CAAC,OAAO;YAC5CP,KAAK,mBAAmB6C,QAAQ,MAAM9B;YACtCJ,MAAM;YACNjC,WAAWwB,WAAW4C,SAAS;QACnC,GAAGF;IACP;AACJ;AACA9B,iBAAiBD,WAAW,GAAG;AAC/B,MAAMkC,2BAA2B;IAC7BC,UAAU;IACVC,MAAM;AACV;AACA,MAAMC,uBAAuB,CAAC1E;IAC1B,MAAM,EAAEE,SAAS,EAAEyE,UAAUhF,0BAA0B,EAAEiF,SAAS,EAAEC,YAAY,EAAEC,YAAY,EAAEvC,QAAQ,EAAEC,MAAM,EAAEI,OAAO,EAAED,OAAO,EAAE,GAAG3C;IACvI,MAAM0B,aAAaC,IAAAA,2DAA8B,EAAC;QAC9CzB;IACJ;IACA,MAAM6E,YAAYH,cAAcL,yBAAyBC,QAAQ,GAAGG,QAAQ/E,kBAAkB,GAAG+E,QAAQ7E,kBAAkB;IAC3H,MAAMkF,iBAAiBJ,cAAcL,yBAAyBC,QAAQ,GAAG,CAAC/E,aAAaA;IACvF,MAAMwF,WAAW;QACb1C,UAAUA,WAAWyC;QACrBxC,QAAQA,SAASwC;IACrB;IACA,MAAME,kBAAkBH,YAAY,OAAOA,cAAc,WAAWA,YAAYA,UAAUE,YAAYpF;IACtG,MAAMU,WAAWqE,cAAcL,yBAAyBC,QAAQ,GAAG7B,YAAY9C,aAAa0C,WAAWI,UAAUC,YAAY/C,aAAaG,MAAMuC,QAAQ,GAAG9C,aAAamD;IACxK,MAAMuC,aAAa;QACf,IAAIC,eAAeC;QACnBT,cAAcL,yBAAyBC,QAAQ,GAAG,AAACY,CAAAA,gBAAgBP,YAAW,MAAO,QAAQO,kBAAkB,KAAK,IAAI,KAAK,IAAIA,kBAAkB,AAACC,CAAAA,gBAAgBP,YAAW,MAAO,QAAQO,kBAAkB,KAAK,IAAI,KAAK,IAAIA;IACtO;IACA,MAAM/D,YAAY,CAACC;QACf,IAAIA,GAAGC,GAAG,KAAKC,mBAAK,EAAE;YAClB0D;QACJ;IACJ;IACA,MAAM,EAAEG,GAAG,EAAE,GAAGC,IAAAA,uCAAkB;IAClC,uEAAuE;IACvE,MAAMC,mBAAmBF,QAAQ,QAAQV,cAAcL,yBAAyBE,IAAI,GAAGG,cAAcL,yBAAyBC,QAAQ;IACtI,OAAO,WAAW,GAAG5D,OAAMmB,aAAa,CAAC,UAAU;QAC/C7B,WAAW8B,IAAAA,oBAAY,EAACN,WAAW+D,gBAAgB,EAAElF,YAAYmB,WAAWnB,QAAQ;QACpFa,SAAS,CAACb,WAAW4E,aAAatF;QAClCyB,WAAW,CAACf,WAAWe,YAAYzB;QACnCqC,MAAM;QACNwD,OAAOR;QACP3E,UAAUA;IACd,GAAGiF,mBAAmB,WAAW,GAAG5E,OAAMmB,aAAa,CAAC4D,0BAAc,EAAE,QAAQ,WAAW,GAAG/E,OAAMmB,aAAa,CAAC6D,4BAAgB,EAAE;AACxI;AACAlB,qBAAqBrC,WAAW,GAAG;AACnC,MAAMwD,kBAAkB,CAAC7F;IACrB,MAAM,EAAEE,SAAS,EAAE,GAAGF;IACtB,MAAM0B,aAAaC,IAAAA,2DAA8B,EAAC;QAC9CzB;IACJ;IACA,OAAO,WAAW,GAAGU,OAAMmB,aAAa,CAAC,OAAO;QAC5C7B,WAAWwB,WAAWoE,0BAA0B;IACpD,GAAG,WAAW,GAAGlF,OAAMmB,aAAa,CAAC2C,sBAAsB;QACvD,GAAG1E,KAAK;QACR4E,WAAWL,yBAAyBC,QAAQ;IAChD,IAAI,WAAW,GAAG5D,OAAMmB,aAAa,CAAC2C,sBAAsB;QACxD,GAAG1E,KAAK;QACR4E,WAAWL,yBAAyBE,IAAI;IAC5C;AACJ;AACAoB,gBAAgBxD,WAAW,GAAG;AAC9B,MAAM0D,oBAAoB,CAAC/F;IACvB,MAAM,EAAEE,SAAS,EAAEqC,QAAQ,EAAEC,MAAM,EAAEmC,UAAUhF,0BAA0B,EAAE+C,gBAAgB,EAAED,kBAAkB,EAAE,GAAGzC;IACpH,MAAMgG,iBAAiB;QACnB,IAAIC,uBAAuBzC;QAC1ByC,CAAAA,wBAAwB,AAACzC,CAAAA,SAASxD,KAAI,EAAGgG,cAAc,AAAD,MAAO,QAAQC,0BAA0B,KAAK,IAAI,KAAK,IAAIA,sBAAsB9E,IAAI,CAACqC,QAAQ;IACzJ;IACA,MAAM0C,kBAAkB,CAAC3E;QACrB,IAAIA,GAAGC,GAAG,KAAKC,mBAAK,IAAIF,GAAGC,GAAG,KAAK2E,mBAAK,EAAE;YACtCH;QACJ;IACJ;IACA,MAAMtF,eAAe,CAACL;QAClB,IAAIkD,qBAAqBC;QACzB,IAAIC;QACJ,OAAO,AAACA,CAAAA,uBAAuB,AAACF,CAAAA,sBAAsB,AAACC,CAAAA,SAASxD,KAAI,EAAGU,YAAY,AAAD,MAAO,QAAQ6C,wBAAwB,KAAK,IAAI,KAAK,IAAIA,oBAAoBpC,IAAI,CAACqC,QAAQnD,KAAI,MAAO,QAAQoD,yBAAyB,KAAK,IAAIA,uBAAuBpD;IAC5P;IACA,MAAMqB,aAAaC,IAAAA,2DAA8B,EAAC;QAC9CzB;QACAkG,wBAAwB,CAAC,CAACpG,MAAMgG,cAAc;QAC9CtD;QACAD;IACJ;IACA,IAAIzC,MAAMgG,cAAc,EAAE;QACtB,MAAMK,iBAAiB1B,QAAQ0B,cAAc;QAC7C,MAAMC,8BAA8B3B,QAAQ2B,2BAA2B;QACvE,MAAMC,mBAAmBF,iBAAiB,OAAOA,mBAAmB,WAAWA,iBAAiBA,eAAerG,SAASH;QACxH,MAAMkF,YAAYuB,8BAA8BA,4BAA4BE,OAAO,CAAC,OAAOD,qBAAqB,QAAQA,qBAAqB,KAAK,IAAIA,mBAAmB,MAAMA;QAC/K,OAAO,WAAW,GAAG3F,OAAMmB,aAAa,CAAC,UAAU;YAC/C7B,WAAWwB,WAAW+E,iBAAiB;YACvCrF,SAAS4E;YACT1E,WAAW4E;YACX,cAAcnB;YACd5C,MAAM;YACND,MAAM;QACV,GAAG,WAAW,GAAGtB,OAAMmB,aAAa,CAAC,QAAQ;YACzC,aAAa;YACb,eAAe;QACnB,GAAGrB,aAAa6B,WAAW,OAAO7B,aAAa8B;IACnD;IACA,OAAO,WAAW,GAAG5B,OAAMmB,aAAa,CAAC,OAAO;QAC5C7B,WAAWwB,WAAWR,OAAO;IACjC,GAAGR,aAAa6B,WAAW,OAAO7B,aAAa8B;AACnD;AACAuD,kBAAkB1D,WAAW,GAAG;AAChC,MAAMqE,qBAAqB,CAAC1G;IACxB,IAAI2G;IACJ,MAAM,EAAEzG,SAAS,EAAEwC,gBAAgB,EAAED,kBAAkB,EAAEmE,aAAa,EAAE,GAAG5G;IAC3E,MAAM0B,aAAaC,IAAAA,2DAA8B,EAAC;QAC9CzB;QACAkG,wBAAwB,CAAC,CAACpG,MAAMgG,cAAc;QAC9CtD;QACAD;IACJ;IACA,IAAIoE;IACJ,OAAO,WAAW,GAAGjG,OAAMmB,aAAa,CAAC,OAAO;QAC5C7B,WAAWwB,WAAWoF,eAAe;IACzC,GAAG,AAACD,CAAAA,kBAAkB,AAACF,CAAAA,iBAAiBC,aAAY,MAAO,QAAQD,mBAAmB,KAAK,IAAI,KAAK,IAAIA,eAAe3G,MAAK,MAAO,QAAQ6G,oBAAoB,KAAK,IAAIA,kBAAkB,WAAW,GAAGjG,OAAMmB,aAAa,CAACgE,mBAAmB/F,QAAQ,WAAW,GAAGY,OAAMmB,aAAa,CAAC8D,iBAAiB7F;AAC9S;AACA0G,mBAAmBrE,WAAW,GAAG;AACjC,SAAS0E,oBAAoB,EAAElE,YAAY,EAAEmE,aAAa,EAAE;IACxD,MAAMC,YAAYpE,gBAAgBmE,iBAAiB,IAAI5D,OAAOC,WAAW;IACzE,MAAMd,WAAW2E,KAAKC,KAAK,CAACF,YAAY,MAAM;IAC9C,MAAMG,sBAAsBxG,OAAMC,MAAM,CAAC0B;IACzC3B,OAAMC,MAAM,CAAC;QACTuG,oBAAoBlG,OAAO,GAAGqB;IAClC;IACA,MAAM8E,mBAAmBD,oBAAoBlG,OAAO;IACpD,IAAI,CAACmG,oBAAoBA,qBAAqB9E,UAAU;QACpD,OAAO1C;IACX,OAAO,IAAIwH,mBAAmB9E,UAAU;QACpC,OAAO;IACX,OAAO;QACH,OAAO;IACX;AACJ;AACA,SAAS+E,kBAAkB,EAAEzE,YAAY,EAAEmE,aAAa,EAAE;IACtD,MAAMC,YAAYrG,OAAM2G,OAAO,CAAC;QAC5B,OAAO1E,gBAAgBmE,iBAAiBE,KAAKC,KAAK,CAAC,IAAI/D,OAAOC,WAAW,KAAK,MAAM;IACxF,GAAG;QACC2D;QACAnE;KACH;IACD,MAAM,CAACN,UAAUiF,YAAY,GAAG5G,OAAM6G,QAAQ,CAACR;IAC/C,MAAMS,YAAY;QACdF,YAAY,CAACnH,OAAOA,OAAOZ;IAC/B;IACA,MAAMkI,gBAAgB;QAClBH,YAAY,CAACnH,OAAOA,OAAOZ;IAC/B;IACAmB,OAAMgH,SAAS,CAAC;QACZJ,YAAYP;IAChB,GAAG;QACCA;KACH;IACD,MAAMzE,SAASD,WAAW9C,aAAa;IACvC,OAAO;QACH8C;QACAC;QACAkF;QACAC;KACH;AACL;AAGW,MAAMnI,eAAe,CAACQ;IAC7B,MAAM0C,mBAAmBqE,oBAAoB/G;IAC7C,MAAM,CAACuC,UAAUC,QAAQkF,WAAWC,cAAc,GAAGL,kBAAkBtH;IACvE,MAAM6H,UAAUjH,OAAMC,MAAM,CAAC;IAC7BD,OAAME,mBAAmB,CAACd,MAAMQ,YAAY,EAAE,IAAK,CAAA;YAC3CO;gBACI,IAAI+G,wBAAwBC;gBAC3BA,CAAAA,mBAAmBF,QAAQ3G,OAAO,AAAD,MAAO,QAAQ6G,qBAAqB,KAAK,IAAI,KAAK,IAAI,AAACD,CAAAA,yBAAyBC,iBAAiBhH,KAAK,AAAD,MAAO,QAAQ+G,2BAA2B,KAAK,IAAI,KAAK,IAAIA,uBAAuB3G,IAAI,CAAC4G;YACnO;QACJ,CAAA;IACJ,MAAM,EAAE7H,SAAS,EAAE,GAAGF;IACtB,MAAM0B,aAAaC,IAAAA,2DAA8B,EAAC;QAC9CzB;IACJ;IACA,OAAO,WAAW,GAAGU,OAAMmB,aAAa,CAAC,OAAO;QAC5C7B,WAAWwB,WAAWsG,IAAI;IAC9B,GAAG,WAAW,GAAGpH,OAAMmB,aAAa,CAAC2E,oBAAoB;QACrD,GAAG1G,KAAK;QACRuC,UAAUA;QACVC,QAAQA;QACRqC,cAAc8C;QACd7C,cAAc4C;QACdhF,kBAAkBA;IACtB,IAAI,WAAW,GAAG9B,OAAMmB,aAAa,CAACO,kBAAkB;QACpD,GAAGtC,KAAK;QACRuC,UAAUA;QACVC,QAAQA;QACRE,kBAAkBA;QAClBlC,cAAcqH;IAClB;AACJ;AACArI,aAAa6C,WAAW,GAAG"}
|
|
@@ -2,5 +2,5 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
|
3
3
|
value: true
|
|
4
4
|
});
|
|
5
|
-
const
|
|
6
|
-
const _react = /*#__PURE__*/
|
|
5
|
+
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
6
|
+
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["CalendarYear.types.js"],"sourcesContent":["import * as React from 'react';\n"],"names":[],"mappings":";;;;;
|
|
1
|
+
{"version":3,"sources":["CalendarYear.types.js"],"sourcesContent":["import * as React from 'react';\n"],"names":[],"mappings":";;;;;iEAAuB"}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
|
3
3
|
value: true
|
|
4
4
|
});
|
|
5
|
-
const
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
5
|
+
const _export_star = require("@swc/helpers/_/_export_star");
|
|
6
|
+
_export_star._(require("./CalendarYear"), exports);
|
|
7
|
+
_export_star._(require("./CalendarYear.types"), exports);
|
|
8
|
+
_export_star._(require("./useCalendarYearStyles.styles"), exports);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.js"],"sourcesContent":["export * from './CalendarYear';\nexport * from './CalendarYear.types';\nexport * from './useCalendarYearStyles.styles';\n"],"names":[],"mappings":";;;;;
|
|
1
|
+
{"version":3,"sources":["index.js"],"sourcesContent":["export * from './CalendarYear';\nexport * from './CalendarYear.types';\nexport * from './useCalendarYearStyles.styles';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA"}
|
|
@@ -4,9 +4,11 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
});
|
|
5
5
|
Object.defineProperty(exports, "useCalendarYearStyles_unstable", {
|
|
6
6
|
enumerable: true,
|
|
7
|
-
get: ()
|
|
7
|
+
get: function() {
|
|
8
|
+
return useCalendarYearStyles_unstable;
|
|
9
|
+
}
|
|
8
10
|
});
|
|
9
|
-
const
|
|
11
|
+
const _useCalendarPickerStylesstyles = require("../CalendarPicker/useCalendarPickerStyles.styles");
|
|
10
12
|
const useCalendarYearStyles_unstable = (props)=>{
|
|
11
|
-
return (0,
|
|
13
|
+
return (0, _useCalendarPickerStylesstyles.useCalendarPickerStyles_unstable)(props);
|
|
12
14
|
}; //# sourceMappingURL=useCalendarYearStyles.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useCalendarYearStyles.styles.js"],"sourcesContent":["import { useCalendarPickerStyles_unstable } from '../CalendarPicker/useCalendarPickerStyles.styles';\n/**\n * @internal\n *\n * Apply styling to the CalendarYear slots based on the state\n */\nexport const useCalendarYearStyles_unstable = props => {\n return useCalendarPickerStyles_unstable(props);\n};\n//# sourceMappingURL=useCalendarYearStyles.styles.js.map"],"names":["useCalendarYearStyles_unstable","props","useCalendarPickerStyles_unstable"],"mappings":";;;;+BAMaA
|
|
1
|
+
{"version":3,"sources":["useCalendarYearStyles.styles.js"],"sourcesContent":["import { useCalendarPickerStyles_unstable } from '../CalendarPicker/useCalendarPickerStyles.styles';\n/**\n * @internal\n *\n * Apply styling to the CalendarYear slots based on the state\n */\nexport const useCalendarYearStyles_unstable = props => {\n return useCalendarPickerStyles_unstable(props);\n};\n//# sourceMappingURL=useCalendarYearStyles.styles.js.map"],"names":["useCalendarYearStyles_unstable","props","useCalendarPickerStyles_unstable"],"mappings":";;;;+BAMaA;;;eAAAA;;;+CANoC;AAM1C,MAAMA,iCAAiCC,CAAAA;IAC5C,OAAOC,IAAAA,+DAAgC,EAACD;AAC1C,GACA,wDAAwD"}
|
|
@@ -4,16 +4,18 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
});
|
|
5
5
|
Object.defineProperty(exports, "DatePicker", {
|
|
6
6
|
enumerable: true,
|
|
7
|
-
get: ()
|
|
7
|
+
get: function() {
|
|
8
|
+
return DatePicker;
|
|
9
|
+
}
|
|
8
10
|
});
|
|
9
|
-
const
|
|
10
|
-
const _react = /*#__PURE__*/
|
|
11
|
+
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
12
|
+
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
11
13
|
const _renderDatePicker = require("./renderDatePicker");
|
|
12
14
|
const _useDatePicker = require("./useDatePicker");
|
|
13
|
-
const
|
|
15
|
+
const _useDatePickerStylesstyles = require("./useDatePickerStyles.styles");
|
|
14
16
|
const DatePicker = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
|
|
15
17
|
const state = (0, _useDatePicker.useDatePicker_unstable)(props, ref);
|
|
16
|
-
(0,
|
|
18
|
+
(0, _useDatePickerStylesstyles.useDatePickerStyles_unstable)(state);
|
|
17
19
|
return (0, _renderDatePicker.renderDatePicker_unstable)(state);
|
|
18
20
|
});
|
|
19
21
|
DatePicker.displayName = 'DatePicker';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["DatePicker.js"],"sourcesContent":["import * as React from 'react';\nimport { renderDatePicker_unstable } from './renderDatePicker';\nimport { useDatePicker_unstable } from './useDatePicker';\nimport { useDatePickerStyles_unstable } from './useDatePickerStyles.styles';\nexport const DatePicker = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n const state = useDatePicker_unstable(props, ref);\n useDatePickerStyles_unstable(state);\n return renderDatePicker_unstable(state);\n});\nDatePicker.displayName = 'DatePicker';\n"],"names":["DatePicker","React","forwardRef","props","ref","state","useDatePicker_unstable","useDatePickerStyles_unstable","renderDatePicker_unstable","displayName"],"mappings":";;;;+BAIaA
|
|
1
|
+
{"version":3,"sources":["DatePicker.js"],"sourcesContent":["import * as React from 'react';\nimport { renderDatePicker_unstable } from './renderDatePicker';\nimport { useDatePicker_unstable } from './useDatePicker';\nimport { useDatePickerStyles_unstable } from './useDatePickerStyles.styles';\nexport const DatePicker = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n const state = useDatePicker_unstable(props, ref);\n useDatePickerStyles_unstable(state);\n return renderDatePicker_unstable(state);\n});\nDatePicker.displayName = 'DatePicker';\n"],"names":["DatePicker","React","forwardRef","props","ref","state","useDatePicker_unstable","useDatePickerStyles_unstable","renderDatePicker_unstable","displayName"],"mappings":";;;;+BAIaA;;;eAAAA;;;;iEAJU;kCACmB;+BACH;2CACM;AACtC,MAAMA,aAAa,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC7D,MAAMC,QAAQC,IAAAA,qCAAsB,EAACH,OAAOC;IAC5CG,IAAAA,uDAA4B,EAACF;IAC7B,OAAOG,IAAAA,2CAAyB,EAACH;AACrC;AACAL,WAAWS,WAAW,GAAG"}
|
|
@@ -9,8 +9,12 @@ function _export(target, all) {
|
|
|
9
9
|
});
|
|
10
10
|
}
|
|
11
11
|
_export(exports, {
|
|
12
|
-
defaultDatePickerStrings: ()
|
|
13
|
-
|
|
12
|
+
defaultDatePickerStrings: function() {
|
|
13
|
+
return defaultDatePickerStrings;
|
|
14
|
+
},
|
|
15
|
+
defaultDatePickerErrorStrings: function() {
|
|
16
|
+
return defaultDatePickerErrorStrings;
|
|
17
|
+
}
|
|
14
18
|
});
|
|
15
19
|
const _defaults = require("../Calendar/defaults");
|
|
16
20
|
const defaultDatePickerStrings = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["defaults.js"],"sourcesContent":["import { defaultCalendarStrings } from '../Calendar/defaults';\nexport const defaultDatePickerStrings = {\n ...defaultCalendarStrings,\n prevMonthAriaLabel: 'Go to previous month',\n nextMonthAriaLabel: 'Go to next month',\n prevYearAriaLabel: 'Go to previous year',\n nextYearAriaLabel: 'Go to next year',\n closeButtonAriaLabel: 'Close date picker'\n};\nexport const defaultDatePickerErrorStrings = {\n 'invalid-input': 'Invalid date format',\n 'out-of-bounds': 'Date is out of bounds',\n 'required-input': 'Field is required'\n};\n"],"names":["defaultDatePickerStrings","defaultDatePickerErrorStrings","defaultCalendarStrings","prevMonthAriaLabel","nextMonthAriaLabel","prevYearAriaLabel","nextYearAriaLabel","closeButtonAriaLabel"],"mappings":";;;;;;;;;;;IACaA,wBAAwB
|
|
1
|
+
{"version":3,"sources":["defaults.js"],"sourcesContent":["import { defaultCalendarStrings } from '../Calendar/defaults';\nexport const defaultDatePickerStrings = {\n ...defaultCalendarStrings,\n prevMonthAriaLabel: 'Go to previous month',\n nextMonthAriaLabel: 'Go to next month',\n prevYearAriaLabel: 'Go to previous year',\n nextYearAriaLabel: 'Go to next year',\n closeButtonAriaLabel: 'Close date picker'\n};\nexport const defaultDatePickerErrorStrings = {\n 'invalid-input': 'Invalid date format',\n 'out-of-bounds': 'Date is out of bounds',\n 'required-input': 'Field is required'\n};\n"],"names":["defaultDatePickerStrings","defaultDatePickerErrorStrings","defaultCalendarStrings","prevMonthAriaLabel","nextMonthAriaLabel","prevYearAriaLabel","nextYearAriaLabel","closeButtonAriaLabel"],"mappings":";;;;;;;;;;;IACaA,wBAAwB;eAAxBA;;IAQAC,6BAA6B;eAA7BA;;;0BAT0B;AAChC,MAAMD,2BAA2B;IACpC,GAAGE,gCAAsB;IACzBC,oBAAoB;IACpBC,oBAAoB;IACpBC,mBAAmB;IACnBC,mBAAmB;IACnBC,sBAAsB;AAC1B;AACO,MAAMN,gCAAgC;IACzC,iBAAiB;IACjB,iBAAiB;IACjB,kBAAkB;AACtB"}
|
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
|
3
3
|
value: true
|
|
4
4
|
});
|
|
5
|
-
const
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
5
|
+
const _export_star = require("@swc/helpers/_/_export_star");
|
|
6
|
+
_export_star._(require("./defaults"), exports);
|
|
7
|
+
_export_star._(require("./DatePicker"), exports);
|
|
8
|
+
_export_star._(require("./DatePicker.types"), exports);
|
|
9
|
+
_export_star._(require("./renderDatePicker"), exports);
|
|
10
|
+
_export_star._(require("./useDatePicker"), exports);
|
|
11
|
+
_export_star._(require("./useDatePickerStyles.styles"), exports);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.js"],"sourcesContent":["export * from './defaults';\nexport * from './DatePicker';\nexport * from './DatePicker.types';\nexport * from './renderDatePicker';\nexport * from './useDatePicker';\nexport * from './useDatePickerStyles.styles';\n"],"names":[],"mappings":";;;;;
|
|
1
|
+
{"version":3,"sources":["index.js"],"sourcesContent":["export * from './defaults';\nexport * from './DatePicker';\nexport * from './DatePicker.types';\nexport * from './renderDatePicker';\nexport * from './useDatePicker';\nexport * from './useDatePickerStyles.styles';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA;uBACA"}
|
|
@@ -1,20 +1,30 @@
|
|
|
1
|
-
/** @jsxRuntime
|
|
1
|
+
/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ "use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
|
3
3
|
value: true
|
|
4
4
|
});
|
|
5
5
|
Object.defineProperty(exports, "renderDatePicker_unstable", {
|
|
6
6
|
enumerable: true,
|
|
7
|
-
get: ()
|
|
7
|
+
get: function() {
|
|
8
|
+
return renderDatePicker_unstable;
|
|
9
|
+
}
|
|
8
10
|
});
|
|
9
|
-
const
|
|
10
|
-
const
|
|
11
|
-
const
|
|
12
|
-
const _reactPortal = require("@fluentui/react-portal");
|
|
13
|
-
const _reactUtilities = require("@fluentui/react-utilities");
|
|
11
|
+
const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
|
|
12
|
+
const _reactportal = require("@fluentui/react-portal");
|
|
13
|
+
const _reactutilities = require("@fluentui/react-utilities");
|
|
14
14
|
const renderDatePicker_unstable = (state)=>{
|
|
15
|
-
(0,
|
|
16
|
-
const { inlinePopup
|
|
17
|
-
return /*#__PURE__*/ (0,
|
|
18
|
-
|
|
19
|
-
|
|
15
|
+
(0, _reactutilities.assertSlots)(state);
|
|
16
|
+
const { inlinePopup } = state;
|
|
17
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
|
|
18
|
+
children: [
|
|
19
|
+
/*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {}),
|
|
20
|
+
state.popupSurface && (inlinePopup ? /*#__PURE__*/ (0, _jsxruntime.jsx)(state.popupSurface, {
|
|
21
|
+
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(state.calendar, {})
|
|
22
|
+
}) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactportal.Portal, {
|
|
23
|
+
mountNode: state.mountNode,
|
|
24
|
+
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(state.popupSurface, {
|
|
25
|
+
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(state.calendar, {})
|
|
26
|
+
})
|
|
27
|
+
}))
|
|
28
|
+
]
|
|
29
|
+
});
|
|
20
30
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["renderDatePicker.js"],"sourcesContent":["/** @jsxRuntime
|
|
1
|
+
{"version":3,"sources":["renderDatePicker.js"],"sourcesContent":["/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { Portal } from '@fluentui/react-portal';\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of DatePicker\n */ export const renderDatePicker_unstable = (state)=>{\n assertSlots(state);\n const { inlinePopup } = state;\n return /*#__PURE__*/ _jsxs(_Fragment, {\n children: [\n /*#__PURE__*/ _jsx(state.root, {}),\n state.popupSurface && (inlinePopup ? /*#__PURE__*/ _jsx(state.popupSurface, {\n children: /*#__PURE__*/ _jsx(state.calendar, {})\n }) : /*#__PURE__*/ _jsx(Portal, {\n mountNode: state.mountNode,\n children: /*#__PURE__*/ _jsx(state.popupSurface, {\n children: /*#__PURE__*/ _jsx(state.calendar, {})\n })\n }))\n ]\n });\n};\n"],"names":["renderDatePicker_unstable","state","assertSlots","inlinePopup","_jsxs","_Fragment","children","_jsx","root","popupSurface","calendar","Portal","mountNode"],"mappings":"AAAA,0BAA0B,GAAG,iDAAiD;;;;+BAK7DA;;;eAAAA;;;4BALkI;6BAC5H;gCACK;AAGjB,MAAMA,4BAA4B,CAACC;IAC1CC,IAAAA,2BAAW,EAACD;IACZ,MAAM,EAAEE,WAAW,EAAE,GAAGF;IACxB,OAAO,WAAW,GAAGG,IAAAA,gBAAK,EAACC,oBAAS,EAAE;QAClCC,UAAU;YACN,WAAW,GAAGC,IAAAA,eAAI,EAACN,MAAMO,IAAI,EAAE,CAAC;YAChCP,MAAMQ,YAAY,IAAKN,CAAAA,cAAc,WAAW,GAAGI,IAAAA,eAAI,EAACN,MAAMQ,YAAY,EAAE;gBACxEH,UAAU,WAAW,GAAGC,IAAAA,eAAI,EAACN,MAAMS,QAAQ,EAAE,CAAC;YAClD,KAAK,WAAW,GAAGH,IAAAA,eAAI,EAACI,mBAAM,EAAE;gBAC5BC,WAAWX,MAAMW,SAAS;gBAC1BN,UAAU,WAAW,GAAGC,IAAAA,eAAI,EAACN,MAAMQ,YAAY,EAAE;oBAC7CH,UAAU,WAAW,GAAGC,IAAAA,eAAI,EAACN,MAAMS,QAAQ,EAAE,CAAC;gBAClD;YACJ,EAAC;SACJ;IACL;AACJ"}
|