@fluentui/react-datepicker-compat 0.3.6 → 0.3.8
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 +145 -1
- package/CHANGELOG.md +39 -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,18 +4,20 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
});
|
|
5
5
|
Object.defineProperty(exports, "CalendarDayGrid", {
|
|
6
6
|
enumerable: true,
|
|
7
|
-
get: ()
|
|
7
|
+
get: function() {
|
|
8
|
+
return CalendarDayGrid;
|
|
9
|
+
}
|
|
8
10
|
});
|
|
9
|
-
const
|
|
10
|
-
const _react = /*#__PURE__*/
|
|
11
|
-
const
|
|
12
|
-
const
|
|
11
|
+
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
12
|
+
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
13
|
+
const _reacttabster = require("@fluentui/react-tabster");
|
|
14
|
+
const _reactutilities = require("@fluentui/react-utilities");
|
|
13
15
|
const _utils = require("../../utils");
|
|
14
|
-
const
|
|
15
|
-
const
|
|
16
|
-
const
|
|
16
|
+
const _useCalendarDayGridStylesstyles = require("./useCalendarDayGridStyles.styles");
|
|
17
|
+
const _CalendarMonthHeaderRow = require("./CalendarMonthHeaderRow");
|
|
18
|
+
const _CalendarGridRow = require("./CalendarGridRow");
|
|
17
19
|
const _useWeeks = require("./useWeeks");
|
|
18
|
-
const
|
|
20
|
+
const _useWeekCornerStylesstyles = require("./useWeekCornerStyles.styles");
|
|
19
21
|
const _react1 = require("@griffel/react");
|
|
20
22
|
function useDayRefs() {
|
|
21
23
|
const daysRef = _react.useRef({});
|
|
@@ -47,10 +49,10 @@ function useAnimateBackwards(weeks) {
|
|
|
47
49
|
}
|
|
48
50
|
const CalendarDayGrid = (props)=>{
|
|
49
51
|
const navigatedDayRef = _react.useRef(null);
|
|
50
|
-
const activeDescendantId = (0,
|
|
52
|
+
const activeDescendantId = (0, _reactutilities.useId)();
|
|
51
53
|
const onSelectDate = (selectedDate)=>{
|
|
52
|
-
var _props_onSelectDate, _props_onNavigateDate;
|
|
53
|
-
const { firstDayOfWeek
|
|
54
|
+
var _props_onSelectDate, _props, _props_onNavigateDate, _props1;
|
|
55
|
+
const { firstDayOfWeek, minDate, maxDate, workWeekDays, daysToSelectInDayView, restrictedDates } = props;
|
|
54
56
|
const restrictedDatesOptions = {
|
|
55
57
|
minDate,
|
|
56
58
|
maxDate,
|
|
@@ -61,21 +63,19 @@ const CalendarDayGrid = (props)=>{
|
|
|
61
63
|
dateRange = dateRange.filter((d)=>{
|
|
62
64
|
return !(0, _utils.isRestrictedDate)(d, restrictedDatesOptions);
|
|
63
65
|
});
|
|
64
|
-
(_props_onSelectDate = props.onSelectDate) === null || _props_onSelectDate === void 0 ? void 0 : _props_onSelectDate.call(
|
|
65
|
-
(_props_onNavigateDate = props.onNavigateDate) === null || _props_onNavigateDate === void 0 ? void 0 : _props_onNavigateDate.call(
|
|
66
|
+
(_props_onSelectDate = (_props = props).onSelectDate) === null || _props_onSelectDate === void 0 ? void 0 : _props_onSelectDate.call(_props, selectedDate, dateRange);
|
|
67
|
+
(_props_onNavigateDate = (_props1 = props).onNavigateDate) === null || _props_onNavigateDate === void 0 ? void 0 : _props_onNavigateDate.call(_props1, selectedDate, true);
|
|
66
68
|
};
|
|
67
69
|
const [daysRef, getSetRefCallback] = useDayRefs();
|
|
68
70
|
const weeks = (0, _useWeeks.useWeeks)(props, onSelectDate, getSetRefCallback);
|
|
69
71
|
const animateBackwards = useAnimateBackwards(weeks);
|
|
70
|
-
const [getWeekCornerStyles, calculateRoundedStyles] = (0,
|
|
71
|
-
_react.useImperativeHandle(props.componentRef, ()=>{
|
|
72
|
-
return {
|
|
72
|
+
const [getWeekCornerStyles, calculateRoundedStyles] = (0, _useWeekCornerStylesstyles.useWeekCornerStyles)(props);
|
|
73
|
+
_react.useImperativeHandle(props.componentRef, ()=>({
|
|
73
74
|
focus () {
|
|
74
|
-
var
|
|
75
|
+
var _navigatedDayRef_current_focus, _navigatedDayRef_current;
|
|
75
76
|
(_navigatedDayRef_current = navigatedDayRef.current) === null || _navigatedDayRef_current === void 0 ? void 0 : (_navigatedDayRef_current_focus = _navigatedDayRef_current.focus) === null || _navigatedDayRef_current_focus === void 0 ? void 0 : _navigatedDayRef_current_focus.call(_navigatedDayRef_current);
|
|
76
77
|
}
|
|
77
|
-
};
|
|
78
|
-
}, []);
|
|
78
|
+
}), []);
|
|
79
79
|
/**
|
|
80
80
|
*
|
|
81
81
|
* Section for setting hover/pressed styles. Because we want arbitrary blobs of days to be selectable, to support
|
|
@@ -98,8 +98,8 @@ const CalendarDayGrid = (props)=>{
|
|
|
98
98
|
dayRefs = dayInfosInRange.map((dayInfo)=>daysRef.current[dayInfo.key]);
|
|
99
99
|
return dayRefs;
|
|
100
100
|
};
|
|
101
|
-
const { dateRangeType
|
|
102
|
-
const classNames = (0,
|
|
101
|
+
const { dateRangeType, showWeekNumbers, labelledBy, lightenDaysOutsideNavigatedMonth, animationDirection } = props;
|
|
102
|
+
const classNames = (0, _useCalendarDayGridStylesstyles.useCalendarDayGridStyles_unstable)({
|
|
103
103
|
animateBackwards,
|
|
104
104
|
animationDirection,
|
|
105
105
|
dateRangeType,
|
|
@@ -118,7 +118,7 @@ const CalendarDayGrid = (props)=>{
|
|
|
118
118
|
getDayInfosInRangeOfDay,
|
|
119
119
|
getRefsFromDayInfos
|
|
120
120
|
};
|
|
121
|
-
const arrowNavigationAttributes = (0,
|
|
121
|
+
const arrowNavigationAttributes = (0, _reacttabster.useArrowNavigationGroup)({
|
|
122
122
|
axis: 'grid'
|
|
123
123
|
});
|
|
124
124
|
return /*#__PURE__*/ _react.createElement("table", {
|
|
@@ -128,11 +128,11 @@ const CalendarDayGrid = (props)=>{
|
|
|
128
128
|
"aria-activedescendant": activeDescendantId,
|
|
129
129
|
role: "grid",
|
|
130
130
|
...arrowNavigationAttributes
|
|
131
|
-
}, /*#__PURE__*/ _react.createElement("tbody", null, /*#__PURE__*/ _react.createElement(
|
|
131
|
+
}, /*#__PURE__*/ _react.createElement("tbody", null, /*#__PURE__*/ _react.createElement(_CalendarMonthHeaderRow.CalendarMonthHeaderRow, {
|
|
132
132
|
...props,
|
|
133
133
|
classNames: classNames,
|
|
134
134
|
weeks: weeks
|
|
135
|
-
}), /*#__PURE__*/ _react.createElement(
|
|
135
|
+
}), /*#__PURE__*/ _react.createElement(_CalendarGridRow.CalendarGridRow, {
|
|
136
136
|
...props,
|
|
137
137
|
...partialWeekProps,
|
|
138
138
|
week: weeks[0],
|
|
@@ -140,14 +140,14 @@ const CalendarDayGrid = (props)=>{
|
|
|
140
140
|
rowClassName: classNames.firstTransitionWeek,
|
|
141
141
|
"aria-role": "presentation",
|
|
142
142
|
ariaHidden: true
|
|
143
|
-
}), weeks.slice(1, weeks.length - 1).map((week, weekIndex)=>/*#__PURE__*/ _react.createElement(
|
|
143
|
+
}), weeks.slice(1, weeks.length - 1).map((week, weekIndex)=>/*#__PURE__*/ _react.createElement(_CalendarGridRow.CalendarGridRow, {
|
|
144
144
|
...props,
|
|
145
145
|
...partialWeekProps,
|
|
146
146
|
key: weekIndex,
|
|
147
147
|
week: week,
|
|
148
148
|
weekIndex: weekIndex,
|
|
149
149
|
rowClassName: classNames.weekRow
|
|
150
|
-
})), /*#__PURE__*/ _react.createElement(
|
|
150
|
+
})), /*#__PURE__*/ _react.createElement(_CalendarGridRow.CalendarGridRow, {
|
|
151
151
|
...props,
|
|
152
152
|
...partialWeekProps,
|
|
153
153
|
week: weeks[weeks.length - 1],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["CalendarDayGrid.js"],"sourcesContent":["import * as React from 'react';\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport { useId } from '@fluentui/react-utilities';\nimport { getBoundedDateRange, getDateRangeArray, isRestrictedDate, DateRangeType } from '../../utils';\nimport { useCalendarDayGridStyles_unstable } from './useCalendarDayGridStyles.styles';\nimport { CalendarMonthHeaderRow } from './CalendarMonthHeaderRow';\nimport { CalendarGridRow } from './CalendarGridRow';\nimport { useWeeks } from './useWeeks';\nimport { useWeekCornerStyles } from './useWeekCornerStyles.styles';\nimport { mergeClasses } from '@griffel/react';\nfunction useDayRefs() {\n const daysRef = React.useRef({});\n const getSetRefCallback = (dayKey)=>(element)=>{\n if (element === null) {\n delete daysRef.current[dayKey];\n } else {\n daysRef.current[dayKey] = element;\n }\n };\n return [\n daysRef,\n getSetRefCallback\n ];\n}\nfunction useAnimateBackwards(weeks) {\n const previousNavigatedDateRef = React.useRef();\n React.useEffect(()=>{\n previousNavigatedDateRef.current = weeks[0][0].originalDate;\n });\n const previousNavigatedDate = previousNavigatedDateRef.current;\n if (!previousNavigatedDate || previousNavigatedDate.getTime() === weeks[0][0].originalDate.getTime()) {\n return undefined;\n } else if (previousNavigatedDate <= weeks[0][0].originalDate) {\n return false;\n } else {\n return true;\n }\n}\nexport const CalendarDayGrid = (props)=>{\n const navigatedDayRef = React.useRef(null);\n const activeDescendantId = useId();\n const onSelectDate = (selectedDate)=>{\n var _props_onSelectDate, _props_onNavigateDate;\n const { firstDayOfWeek , minDate , maxDate , workWeekDays , daysToSelectInDayView , restrictedDates } = props;\n const restrictedDatesOptions = {\n minDate,\n maxDate,\n restrictedDates\n };\n let dateRange = getDateRangeArray(selectedDate, dateRangeType, firstDayOfWeek, workWeekDays, daysToSelectInDayView);\n dateRange = getBoundedDateRange(dateRange, minDate, maxDate);\n dateRange = dateRange.filter((d)=>{\n return !isRestrictedDate(d, restrictedDatesOptions);\n });\n (_props_onSelectDate = props.onSelectDate) === null || _props_onSelectDate === void 0 ? void 0 : _props_onSelectDate.call(props, selectedDate, dateRange);\n (_props_onNavigateDate = props.onNavigateDate) === null || _props_onNavigateDate === void 0 ? void 0 : _props_onNavigateDate.call(props, selectedDate, true);\n };\n const [daysRef, getSetRefCallback] = useDayRefs();\n const weeks = useWeeks(props, onSelectDate, getSetRefCallback);\n const animateBackwards = useAnimateBackwards(weeks);\n const [getWeekCornerStyles, calculateRoundedStyles] = useWeekCornerStyles(props);\n React.useImperativeHandle(props.componentRef, ()=>{\n return {\n focus () {\n var _navigatedDayRef_current, _navigatedDayRef_current_focus;\n (_navigatedDayRef_current = navigatedDayRef.current) === null || _navigatedDayRef_current === void 0 ? void 0 : (_navigatedDayRef_current_focus = _navigatedDayRef_current.focus) === null || _navigatedDayRef_current_focus === void 0 ? void 0 : _navigatedDayRef_current_focus.call(_navigatedDayRef_current);\n }\n };\n }, []);\n /**\n *\n * Section for setting hover/pressed styles. Because we want arbitrary blobs of days to be selectable, to support\n * highlighting every day in the month for month view, css :hover style isn't enough, so we need mouse callbacks\n * to set classnames on all relevant child refs to apply the styling\n *\n */ const getDayInfosInRangeOfDay = (dayToCompare)=>{\n // The hover state looks weird with non-contiguous days in work week view. In work week, show week hover state\n const dateRangeHoverType = getDateRangeTypeToUse(props.dateRangeType, props.workWeekDays);\n // gets all the dates for the given date range type that are in the same date range as the given day\n const dateRange = getDateRangeArray(dayToCompare.originalDate, dateRangeHoverType, props.firstDayOfWeek, props.workWeekDays, props.daysToSelectInDayView).map((date)=>date.getTime());\n // gets all the day refs for the given dates\n const dayInfosInRange = weeks.reduce((accumulatedValue, currentWeek)=>{\n return accumulatedValue.concat(currentWeek.filter((weekDay)=>dateRange.indexOf(weekDay.originalDate.getTime()) !== -1));\n }, []);\n return dayInfosInRange;\n };\n const getRefsFromDayInfos = (dayInfosInRange)=>{\n let dayRefs = [];\n dayRefs = dayInfosInRange.map((dayInfo)=>daysRef.current[dayInfo.key]);\n return dayRefs;\n };\n const { dateRangeType , showWeekNumbers , labelledBy , lightenDaysOutsideNavigatedMonth , animationDirection } = props;\n const classNames = useCalendarDayGridStyles_unstable({\n animateBackwards,\n animationDirection,\n dateRangeType,\n lightenDaysOutsideNavigatedMonth: lightenDaysOutsideNavigatedMonth === undefined ? true : lightenDaysOutsideNavigatedMonth,\n showWeekNumbers\n });\n // When the month is highlighted get the corner dates so that styles can be added to them\n const weekCorners = getWeekCornerStyles(weeks);\n const partialWeekProps = {\n weeks,\n navigatedDayRef,\n calculateRoundedStyles,\n activeDescendantId,\n classNames,\n weekCorners,\n getDayInfosInRangeOfDay,\n getRefsFromDayInfos\n };\n const arrowNavigationAttributes = useArrowNavigationGroup({\n axis: 'grid'\n });\n return /*#__PURE__*/ React.createElement(\"table\", {\n className: mergeClasses(classNames.table, props.className),\n \"aria-multiselectable\": \"false\",\n \"aria-labelledby\": labelledBy,\n \"aria-activedescendant\": activeDescendantId,\n role: \"grid\",\n ...arrowNavigationAttributes\n }, /*#__PURE__*/ React.createElement(\"tbody\", null, /*#__PURE__*/ React.createElement(CalendarMonthHeaderRow, {\n ...props,\n classNames: classNames,\n weeks: weeks\n }), /*#__PURE__*/ React.createElement(CalendarGridRow, {\n ...props,\n ...partialWeekProps,\n week: weeks[0],\n weekIndex: -1,\n rowClassName: classNames.firstTransitionWeek,\n \"aria-role\": \"presentation\",\n ariaHidden: true\n }), weeks.slice(1, weeks.length - 1).map((week, weekIndex)=>/*#__PURE__*/ React.createElement(CalendarGridRow, {\n ...props,\n ...partialWeekProps,\n key: weekIndex,\n week: week,\n weekIndex: weekIndex,\n rowClassName: classNames.weekRow\n })), /*#__PURE__*/ React.createElement(CalendarGridRow, {\n ...props,\n ...partialWeekProps,\n week: weeks[weeks.length - 1],\n weekIndex: -2,\n rowClassName: classNames.lastTransitionWeek,\n \"aria-role\": \"presentation\",\n ariaHidden: true\n })));\n};\nCalendarDayGrid.displayName = 'CalendarDayGrid';\n/**\n * When given work week, if the days are non-contiguous, the hover states look really weird. So for non-contiguous\n * work weeks, we'll just show week view instead.\n */ function getDateRangeTypeToUse(dateRangeType, workWeekDays) {\n if (workWeekDays && dateRangeType === DateRangeType.WorkWeek) {\n const sortedWWDays = workWeekDays.slice().sort();\n let isContiguous = true;\n for(let i = 1; i < sortedWWDays.length; i++){\n if (sortedWWDays[i] !== sortedWWDays[i - 1] + 1) {\n isContiguous = false;\n break;\n }\n }\n if (!isContiguous || workWeekDays.length === 0) {\n return DateRangeType.Week;\n }\n }\n return dateRangeType;\n}\n"],"names":["CalendarDayGrid","useDayRefs","daysRef","React","useRef","getSetRefCallback","dayKey","element","current","useAnimateBackwards","weeks","previousNavigatedDateRef","useEffect","originalDate","previousNavigatedDate","getTime","undefined","props","navigatedDayRef","activeDescendantId","useId","onSelectDate","selectedDate","_props_onSelectDate","_props_onNavigateDate","firstDayOfWeek","minDate","maxDate","workWeekDays","daysToSelectInDayView","restrictedDates","restrictedDatesOptions","dateRange","getDateRangeArray","dateRangeType","getBoundedDateRange","filter","d","isRestrictedDate","call","onNavigateDate","useWeeks","animateBackwards","getWeekCornerStyles","calculateRoundedStyles","useWeekCornerStyles","useImperativeHandle","componentRef","focus","_navigatedDayRef_current","_navigatedDayRef_current_focus","getDayInfosInRangeOfDay","dayToCompare","dateRangeHoverType","getDateRangeTypeToUse","map","date","dayInfosInRange","reduce","accumulatedValue","currentWeek","concat","weekDay","indexOf","getRefsFromDayInfos","dayRefs","dayInfo","key","showWeekNumbers","labelledBy","lightenDaysOutsideNavigatedMonth","animationDirection","classNames","useCalendarDayGridStyles_unstable","weekCorners","partialWeekProps","arrowNavigationAttributes","useArrowNavigationGroup","axis","createElement","className","mergeClasses","table","role","CalendarMonthHeaderRow","CalendarGridRow","week","weekIndex","rowClassName","firstTransitionWeek","ariaHidden","slice","length","weekRow","lastTransitionWeek","displayName","DateRangeType","WorkWeek","sortedWWDays","sort","isContiguous","i","Week"],"mappings":";;;;+BAsCaA;;aAAAA;;;6DAtCU;8BACiB;gCAClB;uBACkE;gDACtC;wCACX;iCACP;0BACP;2CACW;wBACP;AAC7B,SAASC,aAAa;IAClB,MAAMC,UAAUC,OAAMC,MAAM,CAAC,CAAC;IAC9B,MAAMC,oBAAoB,CAACC,SAAS,CAACC,UAAU;YACvC,IAAIA,YAAY,IAAI,EAAE;gBAClB,OAAOL,QAAQM,OAAO,CAACF,OAAO;YAClC,OAAO;gBACHJ,QAAQM,OAAO,CAACF,OAAO,GAAGC;YAC9B,CAAC;QACL;IACJ,OAAO;QACHL;QACAG;KACH;AACL;AACA,SAASI,oBAAoBC,KAAK,EAAE;IAChC,MAAMC,2BAA2BR,OAAMC,MAAM;IAC7CD,OAAMS,SAAS,CAAC,IAAI;QAChBD,yBAAyBH,OAAO,GAAGE,KAAK,CAAC,EAAE,CAAC,EAAE,CAACG,YAAY;IAC/D;IACA,MAAMC,wBAAwBH,yBAAyBH,OAAO;IAC9D,IAAI,CAACM,yBAAyBA,sBAAsBC,OAAO,OAAOL,KAAK,CAAC,EAAE,CAAC,EAAE,CAACG,YAAY,CAACE,OAAO,IAAI;QAClG,OAAOC;IACX,OAAO,IAAIF,yBAAyBJ,KAAK,CAAC,EAAE,CAAC,EAAE,CAACG,YAAY,EAAE;QAC1D,OAAO,KAAK;IAChB,OAAO;QACH,OAAO,IAAI;IACf,CAAC;AACL;AACO,MAAMb,kBAAkB,CAACiB,QAAQ;IACpC,MAAMC,kBAAkBf,OAAMC,MAAM,CAAC,IAAI;IACzC,MAAMe,qBAAqBC,IAAAA,qBAAK;IAChC,MAAMC,eAAe,CAACC,eAAe;QACjC,IAAIC,qBAAqBC;QACzB,MAAM,EAAEC,eAAc,EAAGC,QAAO,EAAGC,QAAO,EAAGC,aAAY,EAAGC,sBAAqB,EAAGC,gBAAe,EAAG,GAAGb;QACzG,MAAMc,yBAAyB;YAC3BL;YACAC;YACAG;QACJ;QACA,IAAIE,YAAYC,IAAAA,wBAAiB,EAACX,cAAcY,eAAeT,gBAAgBG,cAAcC;QAC7FG,YAAYG,IAAAA,0BAAmB,EAACH,WAAWN,SAASC;QACpDK,YAAYA,UAAUI,MAAM,CAAC,CAACC,IAAI;YAC9B,OAAO,CAACC,IAAAA,uBAAgB,EAACD,GAAGN;QAChC;QACCR,CAAAA,sBAAsBN,MAAMI,YAAY,AAAD,MAAO,IAAI,IAAIE,wBAAwB,KAAK,IAAI,KAAK,IAAIA,oBAAoBgB,IAAI,CAACtB,OAAOK,cAAcU,UAAU;QACxJR,CAAAA,wBAAwBP,MAAMuB,cAAc,AAAD,MAAO,IAAI,IAAIhB,0BAA0B,KAAK,IAAI,KAAK,IAAIA,sBAAsBe,IAAI,CAACtB,OAAOK,cAAc,IAAI,CAAC;IAChK;IACA,MAAM,CAACpB,SAASG,kBAAkB,GAAGJ;IACrC,MAAMS,QAAQ+B,IAAAA,kBAAQ,EAACxB,OAAOI,cAAchB;IAC5C,MAAMqC,mBAAmBjC,oBAAoBC;IAC7C,MAAM,CAACiC,qBAAqBC,uBAAuB,GAAGC,IAAAA,8CAAmB,EAAC5B;IAC1Ed,OAAM2C,mBAAmB,CAAC7B,MAAM8B,YAAY,EAAE,IAAI;QAC9C,OAAO;YACHC,SAAS;gBACL,IAAIC,0BAA0BC;gBAC7BD,CAAAA,2BAA2B/B,gBAAgBV,OAAO,AAAD,MAAO,IAAI,IAAIyC,6BAA6B,KAAK,IAAI,KAAK,IAAI,AAACC,CAAAA,iCAAiCD,yBAAyBD,KAAK,AAAD,MAAO,IAAI,IAAIE,mCAAmC,KAAK,IAAI,KAAK,IAAIA,+BAA+BX,IAAI,CAACU,yBAAyB;YACpT;QACJ;IACJ,GAAG,EAAE;IACL;;;;;;GAMD,GAAG,MAAME,0BAA0B,CAACC,eAAe;QAC9C,8GAA8G;QAC9G,MAAMC,qBAAqBC,sBAAsBrC,MAAMiB,aAAa,EAAEjB,MAAMW,YAAY;QACxF,oGAAoG;QACpG,MAAMI,YAAYC,IAAAA,wBAAiB,EAACmB,aAAavC,YAAY,EAAEwC,oBAAoBpC,MAAMQ,cAAc,EAAER,MAAMW,YAAY,EAAEX,MAAMY,qBAAqB,EAAE0B,GAAG,CAAC,CAACC,OAAOA,KAAKzC,OAAO;QAClL,4CAA4C;QAC5C,MAAM0C,kBAAkB/C,MAAMgD,MAAM,CAAC,CAACC,kBAAkBC,cAAc;YAClE,OAAOD,iBAAiBE,MAAM,CAACD,YAAYxB,MAAM,CAAC,CAAC0B,UAAU9B,UAAU+B,OAAO,CAACD,QAAQjD,YAAY,CAACE,OAAO,QAAQ,CAAC;QACxH,GAAG,EAAE;QACL,OAAO0C;IACX;IACA,MAAMO,sBAAsB,CAACP,kBAAkB;QAC3C,IAAIQ,UAAU,EAAE;QAChBA,UAAUR,gBAAgBF,GAAG,CAAC,CAACW,UAAUhE,QAAQM,OAAO,CAAC0D,QAAQC,GAAG,CAAC;QACrE,OAAOF;IACX;IACA,MAAM,EAAE/B,cAAa,EAAGkC,gBAAe,EAAGC,WAAU,EAAGC,iCAAgC,EAAGC,mBAAkB,EAAG,GAAGtD;IAClH,MAAMuD,aAAaC,IAAAA,iEAAiC,EAAC;QACjD/B;QACA6B;QACArC;QACAoC,kCAAkCA,qCAAqCtD,YAAY,IAAI,GAAGsD,gCAAgC;QAC1HF;IACJ;IACA,yFAAyF;IACzF,MAAMM,cAAc/B,oBAAoBjC;IACxC,MAAMiE,mBAAmB;QACrBjE;QACAQ;QACA0B;QACAzB;QACAqD;QACAE;QACAvB;QACAa;IACJ;IACA,MAAMY,4BAA4BC,IAAAA,qCAAuB,EAAC;QACtDC,MAAM;IACV;IACA,OAAO,WAAW,GAAG3E,OAAM4E,aAAa,CAAC,SAAS;QAC9CC,WAAWC,IAAAA,oBAAY,EAACT,WAAWU,KAAK,EAAEjE,MAAM+D,SAAS;QACzD,wBAAwB;QACxB,mBAAmBX;QACnB,yBAAyBlD;QACzBgE,MAAM;QACN,GAAGP,yBAAyB;IAChC,GAAG,WAAW,GAAGzE,OAAM4E,aAAa,CAAC,SAAS,IAAI,EAAE,WAAW,GAAG5E,OAAM4E,aAAa,CAACK,8CAAsB,EAAE;QAC1G,GAAGnE,KAAK;QACRuD,YAAYA;QACZ9D,OAAOA;IACX,IAAI,WAAW,GAAGP,OAAM4E,aAAa,CAACM,gCAAe,EAAE;QACnD,GAAGpE,KAAK;QACR,GAAG0D,gBAAgB;QACnBW,MAAM5E,KAAK,CAAC,EAAE;QACd6E,WAAW,CAAC;QACZC,cAAchB,WAAWiB,mBAAmB;QAC5C,aAAa;QACbC,YAAY,IAAI;IACpB,IAAIhF,MAAMiF,KAAK,CAAC,GAAGjF,MAAMkF,MAAM,GAAG,GAAGrC,GAAG,CAAC,CAAC+B,MAAMC,YAAY,WAAW,GAAGpF,OAAM4E,aAAa,CAACM,gCAAe,EAAE;YACvG,GAAGpE,KAAK;YACR,GAAG0D,gBAAgB;YACnBR,KAAKoB;YACLD,MAAMA;YACNC,WAAWA;YACXC,cAAchB,WAAWqB,OAAO;QACpC,KAAK,WAAW,GAAG1F,OAAM4E,aAAa,CAACM,gCAAe,EAAE;QACxD,GAAGpE,KAAK;QACR,GAAG0D,gBAAgB;QACnBW,MAAM5E,KAAK,CAACA,MAAMkF,MAAM,GAAG,EAAE;QAC7BL,WAAW,CAAC;QACZC,cAAchB,WAAWsB,kBAAkB;QAC3C,aAAa;QACbJ,YAAY,IAAI;IACpB;AACJ;AACA1F,gBAAgB+F,WAAW,GAAG;AAC9B;;;CAGC,GAAG,SAASzC,sBAAsBpB,aAAa,EAAEN,YAAY,EAAE;IAC5D,IAAIA,gBAAgBM,kBAAkB8D,oBAAa,CAACC,QAAQ,EAAE;QAC1D,MAAMC,eAAetE,aAAa+D,KAAK,GAAGQ,IAAI;QAC9C,IAAIC,eAAe,IAAI;QACvB,IAAI,IAAIC,IAAI,GAAGA,IAAIH,aAAaN,MAAM,EAAES,IAAI;YACxC,IAAIH,YAAY,CAACG,EAAE,KAAKH,YAAY,CAACG,IAAI,EAAE,GAAG,GAAG;gBAC7CD,eAAe,KAAK;gBACpB,KAAM;YACV,CAAC;QACL;QACA,IAAI,CAACA,gBAAgBxE,aAAagE,MAAM,KAAK,GAAG;YAC5C,OAAOI,oBAAa,CAACM,IAAI;QAC7B,CAAC;IACL,CAAC;IACD,OAAOpE;AACX"}
|
|
1
|
+
{"version":3,"sources":["CalendarDayGrid.js"],"sourcesContent":["import * as React from 'react';\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport { useId } from '@fluentui/react-utilities';\nimport { getBoundedDateRange, getDateRangeArray, isRestrictedDate, DateRangeType } from '../../utils';\nimport { useCalendarDayGridStyles_unstable } from './useCalendarDayGridStyles.styles';\nimport { CalendarMonthHeaderRow } from './CalendarMonthHeaderRow';\nimport { CalendarGridRow } from './CalendarGridRow';\nimport { useWeeks } from './useWeeks';\nimport { useWeekCornerStyles } from './useWeekCornerStyles.styles';\nimport { mergeClasses } from '@griffel/react';\nfunction useDayRefs() {\n const daysRef = React.useRef({});\n const getSetRefCallback = (dayKey)=>(element)=>{\n if (element === null) {\n delete daysRef.current[dayKey];\n } else {\n daysRef.current[dayKey] = element;\n }\n };\n return [\n daysRef,\n getSetRefCallback\n ];\n}\nfunction useAnimateBackwards(weeks) {\n const previousNavigatedDateRef = React.useRef();\n React.useEffect(()=>{\n previousNavigatedDateRef.current = weeks[0][0].originalDate;\n });\n const previousNavigatedDate = previousNavigatedDateRef.current;\n if (!previousNavigatedDate || previousNavigatedDate.getTime() === weeks[0][0].originalDate.getTime()) {\n return undefined;\n } else if (previousNavigatedDate <= weeks[0][0].originalDate) {\n return false;\n } else {\n return true;\n }\n}\nexport const CalendarDayGrid = (props)=>{\n const navigatedDayRef = React.useRef(null);\n const activeDescendantId = useId();\n const onSelectDate = (selectedDate)=>{\n var _props_onSelectDate, _props, _props_onNavigateDate, _props1;\n const { firstDayOfWeek, minDate, maxDate, workWeekDays, daysToSelectInDayView, restrictedDates } = props;\n const restrictedDatesOptions = {\n minDate,\n maxDate,\n restrictedDates\n };\n let dateRange = getDateRangeArray(selectedDate, dateRangeType, firstDayOfWeek, workWeekDays, daysToSelectInDayView);\n dateRange = getBoundedDateRange(dateRange, minDate, maxDate);\n dateRange = dateRange.filter((d)=>{\n return !isRestrictedDate(d, restrictedDatesOptions);\n });\n (_props_onSelectDate = (_props = props).onSelectDate) === null || _props_onSelectDate === void 0 ? void 0 : _props_onSelectDate.call(_props, selectedDate, dateRange);\n (_props_onNavigateDate = (_props1 = props).onNavigateDate) === null || _props_onNavigateDate === void 0 ? void 0 : _props_onNavigateDate.call(_props1, selectedDate, true);\n };\n const [daysRef, getSetRefCallback] = useDayRefs();\n const weeks = useWeeks(props, onSelectDate, getSetRefCallback);\n const animateBackwards = useAnimateBackwards(weeks);\n const [getWeekCornerStyles, calculateRoundedStyles] = useWeekCornerStyles(props);\n React.useImperativeHandle(props.componentRef, ()=>({\n focus () {\n var _navigatedDayRef_current_focus, _navigatedDayRef_current;\n (_navigatedDayRef_current = navigatedDayRef.current) === null || _navigatedDayRef_current === void 0 ? void 0 : (_navigatedDayRef_current_focus = _navigatedDayRef_current.focus) === null || _navigatedDayRef_current_focus === void 0 ? void 0 : _navigatedDayRef_current_focus.call(_navigatedDayRef_current);\n }\n }), []);\n /**\n *\n * Section for setting hover/pressed styles. Because we want arbitrary blobs of days to be selectable, to support\n * highlighting every day in the month for month view, css :hover style isn't enough, so we need mouse callbacks\n * to set classnames on all relevant child refs to apply the styling\n *\n */ const getDayInfosInRangeOfDay = (dayToCompare)=>{\n // The hover state looks weird with non-contiguous days in work week view. In work week, show week hover state\n const dateRangeHoverType = getDateRangeTypeToUse(props.dateRangeType, props.workWeekDays);\n // gets all the dates for the given date range type that are in the same date range as the given day\n const dateRange = getDateRangeArray(dayToCompare.originalDate, dateRangeHoverType, props.firstDayOfWeek, props.workWeekDays, props.daysToSelectInDayView).map((date)=>date.getTime());\n // gets all the day refs for the given dates\n const dayInfosInRange = weeks.reduce((accumulatedValue, currentWeek)=>{\n return accumulatedValue.concat(currentWeek.filter((weekDay)=>dateRange.indexOf(weekDay.originalDate.getTime()) !== -1));\n }, []);\n return dayInfosInRange;\n };\n const getRefsFromDayInfos = (dayInfosInRange)=>{\n let dayRefs = [];\n dayRefs = dayInfosInRange.map((dayInfo)=>daysRef.current[dayInfo.key]);\n return dayRefs;\n };\n const { dateRangeType, showWeekNumbers, labelledBy, lightenDaysOutsideNavigatedMonth, animationDirection } = props;\n const classNames = useCalendarDayGridStyles_unstable({\n animateBackwards,\n animationDirection,\n dateRangeType,\n lightenDaysOutsideNavigatedMonth: lightenDaysOutsideNavigatedMonth === undefined ? true : lightenDaysOutsideNavigatedMonth,\n showWeekNumbers\n });\n // When the month is highlighted get the corner dates so that styles can be added to them\n const weekCorners = getWeekCornerStyles(weeks);\n const partialWeekProps = {\n weeks,\n navigatedDayRef,\n calculateRoundedStyles,\n activeDescendantId,\n classNames,\n weekCorners,\n getDayInfosInRangeOfDay,\n getRefsFromDayInfos\n };\n const arrowNavigationAttributes = useArrowNavigationGroup({\n axis: 'grid'\n });\n return /*#__PURE__*/ React.createElement(\"table\", {\n className: mergeClasses(classNames.table, props.className),\n \"aria-multiselectable\": \"false\",\n \"aria-labelledby\": labelledBy,\n \"aria-activedescendant\": activeDescendantId,\n role: \"grid\",\n ...arrowNavigationAttributes\n }, /*#__PURE__*/ React.createElement(\"tbody\", null, /*#__PURE__*/ React.createElement(CalendarMonthHeaderRow, {\n ...props,\n classNames: classNames,\n weeks: weeks\n }), /*#__PURE__*/ React.createElement(CalendarGridRow, {\n ...props,\n ...partialWeekProps,\n week: weeks[0],\n weekIndex: -1,\n rowClassName: classNames.firstTransitionWeek,\n \"aria-role\": \"presentation\",\n ariaHidden: true\n }), weeks.slice(1, weeks.length - 1).map((week, weekIndex)=>/*#__PURE__*/ React.createElement(CalendarGridRow, {\n ...props,\n ...partialWeekProps,\n key: weekIndex,\n week: week,\n weekIndex: weekIndex,\n rowClassName: classNames.weekRow\n })), /*#__PURE__*/ React.createElement(CalendarGridRow, {\n ...props,\n ...partialWeekProps,\n week: weeks[weeks.length - 1],\n weekIndex: -2,\n rowClassName: classNames.lastTransitionWeek,\n \"aria-role\": \"presentation\",\n ariaHidden: true\n })));\n};\nCalendarDayGrid.displayName = 'CalendarDayGrid';\n/**\n * When given work week, if the days are non-contiguous, the hover states look really weird. So for non-contiguous\n * work weeks, we'll just show week view instead.\n */ function getDateRangeTypeToUse(dateRangeType, workWeekDays) {\n if (workWeekDays && dateRangeType === DateRangeType.WorkWeek) {\n const sortedWWDays = workWeekDays.slice().sort();\n let isContiguous = true;\n for(let i = 1; i < sortedWWDays.length; i++){\n if (sortedWWDays[i] !== sortedWWDays[i - 1] + 1) {\n isContiguous = false;\n break;\n }\n }\n if (!isContiguous || workWeekDays.length === 0) {\n return DateRangeType.Week;\n }\n }\n return dateRangeType;\n}\n"],"names":["CalendarDayGrid","useDayRefs","daysRef","React","useRef","getSetRefCallback","dayKey","element","current","useAnimateBackwards","weeks","previousNavigatedDateRef","useEffect","originalDate","previousNavigatedDate","getTime","undefined","props","navigatedDayRef","activeDescendantId","useId","onSelectDate","selectedDate","_props_onSelectDate","_props","_props_onNavigateDate","_props1","firstDayOfWeek","minDate","maxDate","workWeekDays","daysToSelectInDayView","restrictedDates","restrictedDatesOptions","dateRange","getDateRangeArray","dateRangeType","getBoundedDateRange","filter","d","isRestrictedDate","call","onNavigateDate","useWeeks","animateBackwards","getWeekCornerStyles","calculateRoundedStyles","useWeekCornerStyles","useImperativeHandle","componentRef","focus","_navigatedDayRef_current_focus","_navigatedDayRef_current","getDayInfosInRangeOfDay","dayToCompare","dateRangeHoverType","getDateRangeTypeToUse","map","date","dayInfosInRange","reduce","accumulatedValue","currentWeek","concat","weekDay","indexOf","getRefsFromDayInfos","dayRefs","dayInfo","key","showWeekNumbers","labelledBy","lightenDaysOutsideNavigatedMonth","animationDirection","classNames","useCalendarDayGridStyles_unstable","weekCorners","partialWeekProps","arrowNavigationAttributes","useArrowNavigationGroup","axis","createElement","className","mergeClasses","table","role","CalendarMonthHeaderRow","CalendarGridRow","week","weekIndex","rowClassName","firstTransitionWeek","ariaHidden","slice","length","weekRow","lastTransitionWeek","displayName","DateRangeType","WorkWeek","sortedWWDays","sort","isContiguous","i","Week"],"mappings":"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"}
|
|
@@ -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":["CalendarDayGrid.types.js"],"sourcesContent":["import * as React from 'react';\n"],"names":[],"mappings":";;;;;
|
|
1
|
+
{"version":3,"sources":["CalendarDayGrid.types.js"],"sourcesContent":["import * as React from 'react';\n"],"names":[],"mappings":";;;;;iEAAuB"}
|
|
@@ -4,35 +4,38 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
});
|
|
5
5
|
Object.defineProperty(exports, "CalendarGridDayCell", {
|
|
6
6
|
enumerable: true,
|
|
7
|
-
get: ()
|
|
7
|
+
get: function() {
|
|
8
|
+
return CalendarGridDayCell;
|
|
9
|
+
}
|
|
8
10
|
});
|
|
9
|
-
const
|
|
10
|
-
const _react = /*#__PURE__*/
|
|
11
|
-
const
|
|
12
|
-
const
|
|
13
|
-
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 _reactutilities = require("@fluentui/react-utilities");
|
|
15
|
+
const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
|
|
14
16
|
const _react1 = require("@griffel/react");
|
|
15
17
|
const _utils = require("../../utils");
|
|
16
|
-
const
|
|
17
|
-
const
|
|
18
|
+
const _useWeekCornerStylesstyles = require("./useWeekCornerStyles.styles");
|
|
19
|
+
const _useCalendarDayGridStylesstyles = require("./useCalendarDayGridStyles.styles");
|
|
18
20
|
const CalendarGridDayCell = (props)=>{
|
|
19
|
-
|
|
21
|
+
var _weekCorners;
|
|
22
|
+
const { navigatedDate, dateTimeFormatter, allFocusable, strings, activeDescendantId, navigatedDayRef, calculateRoundedStyles, weeks, classNames, day, dayIndex, weekIndex, weekCorners, ariaHidden, customDayCellRef, dateRangeType, daysToSelectInDayView, onSelectDate, restrictedDates, minDate, maxDate, onNavigateDate, getDayInfosInRangeOfDay, getRefsFromDayInfos } = props;
|
|
20
23
|
var _weekCorners_;
|
|
21
|
-
const cornerStyle = (_weekCorners_ = weekCorners === null ||
|
|
24
|
+
const cornerStyle = (_weekCorners_ = (_weekCorners = weekCorners) === null || _weekCorners === void 0 ? void 0 : _weekCorners[weekIndex + '_' + dayIndex]) !== null && _weekCorners_ !== void 0 ? _weekCorners_ : '';
|
|
22
25
|
const isNavigatedDate = (0, _utils.compareDates)(navigatedDate, day.originalDate);
|
|
23
|
-
const { dir
|
|
26
|
+
const { dir } = (0, _reactsharedcontexts.useFluent_unstable)();
|
|
24
27
|
const navigateMonthEdge = (ev, date)=>{
|
|
25
28
|
let targetDate = undefined;
|
|
26
29
|
let direction = 1; // by default search forward
|
|
27
|
-
if (ev.key ===
|
|
30
|
+
if (ev.key === _keyboardkeys.ArrowUp) {
|
|
28
31
|
targetDate = (0, _utils.addWeeks)(date, -1);
|
|
29
32
|
direction = -1;
|
|
30
|
-
} else if (ev.key ===
|
|
33
|
+
} else if (ev.key === _keyboardkeys.ArrowDown) {
|
|
31
34
|
targetDate = (0, _utils.addWeeks)(date, 1);
|
|
32
|
-
} else if (ev.key === (0,
|
|
35
|
+
} else if (ev.key === (0, _reactutilities.getRTLSafeKey)(_keyboardkeys.ArrowLeft, dir)) {
|
|
33
36
|
targetDate = (0, _utils.addDays)(date, -1);
|
|
34
37
|
direction = -1;
|
|
35
|
-
} else if (ev.key === (0,
|
|
38
|
+
} else if (ev.key === (0, _reactutilities.getRTLSafeKey)(_keyboardkeys.ArrowRight, dir)) {
|
|
36
39
|
targetDate = (0, _utils.addDays)(date, 1);
|
|
37
40
|
}
|
|
38
41
|
if (!targetDate) {
|
|
@@ -76,10 +79,10 @@ const CalendarGridDayCell = (props)=>{
|
|
|
76
79
|
const dayRefs = getRefsFromDayInfos(dayInfos);
|
|
77
80
|
dayRefs.forEach((dayRef, index)=>{
|
|
78
81
|
if (dayRef) {
|
|
79
|
-
dayRef.classList.add(
|
|
82
|
+
dayRef.classList.add(_useCalendarDayGridStylesstyles.extraCalendarDayGridClassNames.hoverStyle);
|
|
80
83
|
if (!dayInfos[index].isSelected && dateRangeType === _utils.DateRangeType.Day && daysToSelectInDayView && daysToSelectInDayView > 1) {
|
|
81
84
|
// remove the static classes first to overwrite them
|
|
82
|
-
dayRef.classList.remove(
|
|
85
|
+
dayRef.classList.remove(_useWeekCornerStylesstyles.weekCornersClassNames.bottomLeftCornerDate, _useWeekCornerStylesstyles.weekCornersClassNames.bottomRightCornerDate, _useWeekCornerStylesstyles.weekCornersClassNames.topLeftCornerDate, _useWeekCornerStylesstyles.weekCornersClassNames.topRightCornerDate);
|
|
83
86
|
const classNamesToAdd = calculateRoundedStyles(false, false, index > 0, index < dayRefs.length - 1).trim();
|
|
84
87
|
if (classNamesToAdd) {
|
|
85
88
|
dayRef.classList.add(...classNamesToAdd);
|
|
@@ -93,7 +96,7 @@ const CalendarGridDayCell = (props)=>{
|
|
|
93
96
|
const dayRefs = getRefsFromDayInfos(dayInfos);
|
|
94
97
|
dayRefs.forEach((dayRef)=>{
|
|
95
98
|
if (dayRef) {
|
|
96
|
-
dayRef.classList.add(
|
|
99
|
+
dayRef.classList.add(_useCalendarDayGridStylesstyles.extraCalendarDayGridClassNames.pressedStyle);
|
|
97
100
|
}
|
|
98
101
|
});
|
|
99
102
|
};
|
|
@@ -102,7 +105,7 @@ const CalendarGridDayCell = (props)=>{
|
|
|
102
105
|
const dayRefs = getRefsFromDayInfos(dayInfos);
|
|
103
106
|
dayRefs.forEach((dayRef)=>{
|
|
104
107
|
if (dayRef) {
|
|
105
|
-
dayRef.classList.remove(
|
|
108
|
+
dayRef.classList.remove(_useCalendarDayGridStylesstyles.extraCalendarDayGridClassNames.pressedStyle);
|
|
106
109
|
}
|
|
107
110
|
});
|
|
108
111
|
};
|
|
@@ -111,8 +114,8 @@ const CalendarGridDayCell = (props)=>{
|
|
|
111
114
|
const dayRefs = getRefsFromDayInfos(dayInfos);
|
|
112
115
|
dayRefs.forEach((dayRef, index)=>{
|
|
113
116
|
if (dayRef) {
|
|
114
|
-
dayRef.classList.remove(
|
|
115
|
-
dayRef.classList.remove(
|
|
117
|
+
dayRef.classList.remove(_useCalendarDayGridStylesstyles.extraCalendarDayGridClassNames.hoverStyle);
|
|
118
|
+
dayRef.classList.remove(_useCalendarDayGridStylesstyles.extraCalendarDayGridClassNames.pressedStyle);
|
|
116
119
|
if (!dayInfos[index].isSelected && dateRangeType === _utils.DateRangeType.Day && daysToSelectInDayView && daysToSelectInDayView > 1) {
|
|
117
120
|
const classNamesToAdd = calculateRoundedStyles(false, false, index > 0, index < dayRefs.length - 1).trim();
|
|
118
121
|
if (classNamesToAdd) {
|
|
@@ -123,8 +126,9 @@ const CalendarGridDayCell = (props)=>{
|
|
|
123
126
|
});
|
|
124
127
|
};
|
|
125
128
|
const onDayKeyDown = (ev)=>{
|
|
126
|
-
if (ev.key ===
|
|
127
|
-
|
|
129
|
+
if (ev.key === _keyboardkeys.Enter) {
|
|
130
|
+
var _onSelectDate;
|
|
131
|
+
(_onSelectDate = onSelectDate) === null || _onSelectDate === void 0 ? void 0 : _onSelectDate(day.originalDate);
|
|
128
132
|
} else {
|
|
129
133
|
navigateMonthEdge(ev, day.originalDate);
|
|
130
134
|
}
|
|
@@ -137,7 +141,8 @@ const CalendarGridDayCell = (props)=>{
|
|
|
137
141
|
return /*#__PURE__*/ _react.createElement("td", {
|
|
138
142
|
className: (0, _react1.mergeClasses)(classNames.dayCell, weekCorners && cornerStyle, day.isSelected && classNames.daySelected, !day.isInBounds && classNames.dayOutsideBounds, !day.isInMonth && classNames.dayOutsideNavigatedMonth),
|
|
139
143
|
ref: (element)=>{
|
|
140
|
-
|
|
144
|
+
var _customDayCellRef;
|
|
145
|
+
(_customDayCellRef = customDayCellRef) === null || _customDayCellRef === void 0 ? void 0 : _customDayCellRef(element, day.originalDate, classNames);
|
|
141
146
|
day.setRef(element);
|
|
142
147
|
isNavigatedDate && (navigatedDayRef.current = element);
|
|
143
148
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["CalendarGridDayCell.js"],"sourcesContent":["import * as React from 'react';\nimport { ArrowDown, ArrowLeft, ArrowRight, ArrowUp, Enter } from '@fluentui/keyboard-keys';\nimport { getRTLSafeKey } from '@fluentui/react-utilities';\nimport { useFluent_unstable } from '@fluentui/react-shared-contexts';\nimport { mergeClasses } from '@griffel/react';\nimport { addDays, addWeeks, compareDates, findAvailableDate, DateRangeType } from '../../utils';\nimport { weekCornersClassNames } from './useWeekCornerStyles.styles';\nimport { extraCalendarDayGridClassNames } from './useCalendarDayGridStyles.styles';\n/**\n * @internal\n */ export const CalendarGridDayCell = (props)=>{\n const { navigatedDate , dateTimeFormatter , allFocusable , strings , activeDescendantId , navigatedDayRef , calculateRoundedStyles , weeks , classNames , day , dayIndex , weekIndex , weekCorners , ariaHidden , customDayCellRef , dateRangeType , daysToSelectInDayView , onSelectDate , restrictedDates , minDate , maxDate , onNavigateDate , getDayInfosInRangeOfDay , getRefsFromDayInfos } = props;\n var _weekCorners_;\n const cornerStyle = (_weekCorners_ = weekCorners === null || weekCorners === void 0 ? void 0 : weekCorners[weekIndex + '_' + dayIndex]) !== null && _weekCorners_ !== void 0 ? _weekCorners_ : '';\n const isNavigatedDate = compareDates(navigatedDate, day.originalDate);\n const { dir } = useFluent_unstable();\n const navigateMonthEdge = (ev, date)=>{\n let targetDate = undefined;\n let direction = 1; // by default search forward\n if (ev.key === ArrowUp) {\n targetDate = addWeeks(date, -1);\n direction = -1;\n } else if (ev.key === ArrowDown) {\n targetDate = addWeeks(date, 1);\n } else if (ev.key === getRTLSafeKey(ArrowLeft, dir)) {\n targetDate = addDays(date, -1);\n direction = -1;\n } else if (ev.key === getRTLSafeKey(ArrowRight, dir)) {\n targetDate = addDays(date, 1);\n }\n if (!targetDate) {\n // if we couldn't find a target date at all, do nothing\n return;\n }\n const findAvailableDateOptions = {\n initialDate: date,\n targetDate,\n direction,\n restrictedDates,\n minDate,\n maxDate\n };\n // target date is restricted, search in whatever direction until finding the next possible date,\n // stopping at boundaries\n let nextDate = findAvailableDate(findAvailableDateOptions);\n if (!nextDate) {\n // if no dates available in initial direction, try going backwards\n findAvailableDateOptions.direction = -direction;\n nextDate = findAvailableDate(findAvailableDateOptions);\n }\n // if the nextDate is still inside the same focusZone area, let the focusZone handle setting the focus so we\n // don't jump the view unnecessarily\n const isInCurrentView = weeks && nextDate && weeks.slice(1, weeks.length - 1).some((week)=>{\n return week.some((dayToCompare)=>{\n return compareDates(dayToCompare.originalDate, nextDate);\n });\n });\n if (isInCurrentView) {\n return;\n }\n // else, fire navigation on the date to change the view to show it\n if (nextDate) {\n onNavigateDate(nextDate, true);\n ev.preventDefault();\n }\n };\n const onMouseOverDay = (ev)=>{\n const dayInfos = getDayInfosInRangeOfDay(day);\n const dayRefs = getRefsFromDayInfos(dayInfos);\n dayRefs.forEach((dayRef, index)=>{\n if (dayRef) {\n dayRef.classList.add(extraCalendarDayGridClassNames.hoverStyle);\n if (!dayInfos[index].isSelected && dateRangeType === DateRangeType.Day && daysToSelectInDayView && daysToSelectInDayView > 1) {\n // remove the static classes first to overwrite them\n dayRef.classList.remove(weekCornersClassNames.bottomLeftCornerDate, weekCornersClassNames.bottomRightCornerDate, weekCornersClassNames.topLeftCornerDate, weekCornersClassNames.topRightCornerDate);\n const classNamesToAdd = calculateRoundedStyles(false, false, index > 0, index < dayRefs.length - 1).trim();\n if (classNamesToAdd) {\n dayRef.classList.add(...classNamesToAdd);\n }\n }\n }\n });\n };\n const onMouseDownDay = (ev)=>{\n const dayInfos = getDayInfosInRangeOfDay(day);\n const dayRefs = getRefsFromDayInfos(dayInfos);\n dayRefs.forEach((dayRef)=>{\n if (dayRef) {\n dayRef.classList.add(extraCalendarDayGridClassNames.pressedStyle);\n }\n });\n };\n const onMouseUpDay = (ev)=>{\n const dayInfos = getDayInfosInRangeOfDay(day);\n const dayRefs = getRefsFromDayInfos(dayInfos);\n dayRefs.forEach((dayRef)=>{\n if (dayRef) {\n dayRef.classList.remove(extraCalendarDayGridClassNames.pressedStyle);\n }\n });\n };\n const onMouseOutDay = (ev)=>{\n const dayInfos = getDayInfosInRangeOfDay(day);\n const dayRefs = getRefsFromDayInfos(dayInfos);\n dayRefs.forEach((dayRef, index)=>{\n if (dayRef) {\n dayRef.classList.remove(extraCalendarDayGridClassNames.hoverStyle);\n dayRef.classList.remove(extraCalendarDayGridClassNames.pressedStyle);\n if (!dayInfos[index].isSelected && dateRangeType === DateRangeType.Day && daysToSelectInDayView && daysToSelectInDayView > 1) {\n const classNamesToAdd = calculateRoundedStyles(false, false, index > 0, index < dayRefs.length - 1).trim();\n if (classNamesToAdd) {\n dayRef.classList.remove(...classNamesToAdd);\n }\n }\n }\n });\n };\n const onDayKeyDown = (ev)=>{\n if (ev.key === Enter) {\n onSelectDate === null || onSelectDate === void 0 ? void 0 : onSelectDate(day.originalDate);\n } else {\n navigateMonthEdge(ev, day.originalDate);\n }\n };\n let ariaLabel = day.originalDate.getDate() + ', ' + strings.months[day.originalDate.getMonth()] + ', ' + day.originalDate.getFullYear();\n if (day.isMarked) {\n ariaLabel = ariaLabel + ', ' + strings.dayMarkedAriaLabel;\n }\n const isFocusable = !ariaHidden && (allFocusable || (day.isInBounds ? true : undefined));\n return /*#__PURE__*/ React.createElement(\"td\", {\n className: mergeClasses(classNames.dayCell, weekCorners && cornerStyle, day.isSelected && classNames.daySelected, !day.isInBounds && classNames.dayOutsideBounds, !day.isInMonth && classNames.dayOutsideNavigatedMonth),\n ref: (element)=>{\n customDayCellRef === null || customDayCellRef === void 0 ? void 0 : customDayCellRef(element, day.originalDate, classNames);\n day.setRef(element);\n isNavigatedDate && (navigatedDayRef.current = element);\n },\n \"aria-hidden\": ariaHidden,\n \"aria-disabled\": !ariaHidden && !day.isInBounds,\n onClick: day.isInBounds && !ariaHidden ? day.onSelected : undefined,\n onMouseOver: !ariaHidden ? onMouseOverDay : undefined,\n onMouseDown: !ariaHidden ? onMouseDownDay : undefined,\n onMouseUp: !ariaHidden ? onMouseUpDay : undefined,\n onMouseOut: !ariaHidden ? onMouseOutDay : undefined,\n onKeyDown: !ariaHidden ? onDayKeyDown : undefined,\n role: \"gridcell\",\n tabIndex: isNavigatedDate || isFocusable ? 0 : undefined,\n \"aria-current\": day.isToday ? 'date' : undefined,\n \"aria-selected\": day.isInBounds ? day.isSelected : undefined\n }, /*#__PURE__*/ React.createElement(\"button\", {\n key: day.key + 'button',\n \"aria-hidden\": ariaHidden,\n className: mergeClasses(classNames.dayButton, day.isToday && classNames.dayIsToday),\n \"aria-label\": ariaLabel,\n id: isNavigatedDate ? activeDescendantId : undefined,\n disabled: !ariaHidden && !day.isInBounds,\n type: \"button\",\n tabIndex: -1\n }, /*#__PURE__*/ React.createElement(\"span\", {\n \"aria-hidden\": \"true\"\n }, dateTimeFormatter.formatDay(day.originalDate)), day.isMarked && /*#__PURE__*/ React.createElement(\"div\", {\n \"aria-hidden\": \"true\",\n className: classNames.dayMarker\n })));\n};\n"],"names":["CalendarGridDayCell","props","navigatedDate","dateTimeFormatter","allFocusable","strings","activeDescendantId","navigatedDayRef","calculateRoundedStyles","weeks","classNames","day","dayIndex","weekIndex","weekCorners","ariaHidden","customDayCellRef","dateRangeType","daysToSelectInDayView","onSelectDate","restrictedDates","minDate","maxDate","onNavigateDate","getDayInfosInRangeOfDay","getRefsFromDayInfos","_weekCorners_","cornerStyle","isNavigatedDate","compareDates","originalDate","dir","useFluent_unstable","navigateMonthEdge","ev","date","targetDate","undefined","direction","key","ArrowUp","addWeeks","ArrowDown","getRTLSafeKey","ArrowLeft","addDays","ArrowRight","findAvailableDateOptions","initialDate","nextDate","findAvailableDate","isInCurrentView","slice","length","some","week","dayToCompare","preventDefault","onMouseOverDay","dayInfos","dayRefs","forEach","dayRef","index","classList","add","extraCalendarDayGridClassNames","hoverStyle","isSelected","DateRangeType","Day","remove","weekCornersClassNames","bottomLeftCornerDate","bottomRightCornerDate","topLeftCornerDate","topRightCornerDate","classNamesToAdd","trim","onMouseDownDay","pressedStyle","onMouseUpDay","onMouseOutDay","onDayKeyDown","Enter","ariaLabel","getDate","months","getMonth","getFullYear","isMarked","dayMarkedAriaLabel","isFocusable","isInBounds","React","createElement","className","mergeClasses","dayCell","daySelected","dayOutsideBounds","isInMonth","dayOutsideNavigatedMonth","ref","element","setRef","current","onClick","onSelected","onMouseOver","onMouseDown","onMouseUp","onMouseOut","onKeyDown","role","tabIndex","isToday","dayButton","dayIsToday","id","disabled","type","formatDay","dayMarker"],"mappings":"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"}
|
|
1
|
+
{"version":3,"sources":["CalendarGridDayCell.js"],"sourcesContent":["import * as React from 'react';\nimport { ArrowDown, ArrowLeft, ArrowRight, ArrowUp, Enter } from '@fluentui/keyboard-keys';\nimport { getRTLSafeKey } from '@fluentui/react-utilities';\nimport { useFluent_unstable } from '@fluentui/react-shared-contexts';\nimport { mergeClasses } from '@griffel/react';\nimport { addDays, addWeeks, compareDates, findAvailableDate, DateRangeType } from '../../utils';\nimport { weekCornersClassNames } from './useWeekCornerStyles.styles';\nimport { extraCalendarDayGridClassNames } from './useCalendarDayGridStyles.styles';\n/**\n * @internal\n */ export const CalendarGridDayCell = (props)=>{\n var _weekCorners;\n const { navigatedDate, dateTimeFormatter, allFocusable, strings, activeDescendantId, navigatedDayRef, calculateRoundedStyles, weeks, classNames, day, dayIndex, weekIndex, weekCorners, ariaHidden, customDayCellRef, dateRangeType, daysToSelectInDayView, onSelectDate, restrictedDates, minDate, maxDate, onNavigateDate, getDayInfosInRangeOfDay, getRefsFromDayInfos } = props;\n var _weekCorners_;\n const cornerStyle = (_weekCorners_ = (_weekCorners = weekCorners) === null || _weekCorners === void 0 ? void 0 : _weekCorners[weekIndex + '_' + dayIndex]) !== null && _weekCorners_ !== void 0 ? _weekCorners_ : '';\n const isNavigatedDate = compareDates(navigatedDate, day.originalDate);\n const { dir } = useFluent_unstable();\n const navigateMonthEdge = (ev, date)=>{\n let targetDate = undefined;\n let direction = 1; // by default search forward\n if (ev.key === ArrowUp) {\n targetDate = addWeeks(date, -1);\n direction = -1;\n } else if (ev.key === ArrowDown) {\n targetDate = addWeeks(date, 1);\n } else if (ev.key === getRTLSafeKey(ArrowLeft, dir)) {\n targetDate = addDays(date, -1);\n direction = -1;\n } else if (ev.key === getRTLSafeKey(ArrowRight, dir)) {\n targetDate = addDays(date, 1);\n }\n if (!targetDate) {\n // if we couldn't find a target date at all, do nothing\n return;\n }\n const findAvailableDateOptions = {\n initialDate: date,\n targetDate,\n direction,\n restrictedDates,\n minDate,\n maxDate\n };\n // target date is restricted, search in whatever direction until finding the next possible date,\n // stopping at boundaries\n let nextDate = findAvailableDate(findAvailableDateOptions);\n if (!nextDate) {\n // if no dates available in initial direction, try going backwards\n findAvailableDateOptions.direction = -direction;\n nextDate = findAvailableDate(findAvailableDateOptions);\n }\n // if the nextDate is still inside the same focusZone area, let the focusZone handle setting the focus so we\n // don't jump the view unnecessarily\n const isInCurrentView = weeks && nextDate && weeks.slice(1, weeks.length - 1).some((week)=>{\n return week.some((dayToCompare)=>{\n return compareDates(dayToCompare.originalDate, nextDate);\n });\n });\n if (isInCurrentView) {\n return;\n }\n // else, fire navigation on the date to change the view to show it\n if (nextDate) {\n onNavigateDate(nextDate, true);\n ev.preventDefault();\n }\n };\n const onMouseOverDay = (ev)=>{\n const dayInfos = getDayInfosInRangeOfDay(day);\n const dayRefs = getRefsFromDayInfos(dayInfos);\n dayRefs.forEach((dayRef, index)=>{\n if (dayRef) {\n dayRef.classList.add(extraCalendarDayGridClassNames.hoverStyle);\n if (!dayInfos[index].isSelected && dateRangeType === DateRangeType.Day && daysToSelectInDayView && daysToSelectInDayView > 1) {\n // remove the static classes first to overwrite them\n dayRef.classList.remove(weekCornersClassNames.bottomLeftCornerDate, weekCornersClassNames.bottomRightCornerDate, weekCornersClassNames.topLeftCornerDate, weekCornersClassNames.topRightCornerDate);\n const classNamesToAdd = calculateRoundedStyles(false, false, index > 0, index < dayRefs.length - 1).trim();\n if (classNamesToAdd) {\n dayRef.classList.add(...classNamesToAdd);\n }\n }\n }\n });\n };\n const onMouseDownDay = (ev)=>{\n const dayInfos = getDayInfosInRangeOfDay(day);\n const dayRefs = getRefsFromDayInfos(dayInfos);\n dayRefs.forEach((dayRef)=>{\n if (dayRef) {\n dayRef.classList.add(extraCalendarDayGridClassNames.pressedStyle);\n }\n });\n };\n const onMouseUpDay = (ev)=>{\n const dayInfos = getDayInfosInRangeOfDay(day);\n const dayRefs = getRefsFromDayInfos(dayInfos);\n dayRefs.forEach((dayRef)=>{\n if (dayRef) {\n dayRef.classList.remove(extraCalendarDayGridClassNames.pressedStyle);\n }\n });\n };\n const onMouseOutDay = (ev)=>{\n const dayInfos = getDayInfosInRangeOfDay(day);\n const dayRefs = getRefsFromDayInfos(dayInfos);\n dayRefs.forEach((dayRef, index)=>{\n if (dayRef) {\n dayRef.classList.remove(extraCalendarDayGridClassNames.hoverStyle);\n dayRef.classList.remove(extraCalendarDayGridClassNames.pressedStyle);\n if (!dayInfos[index].isSelected && dateRangeType === DateRangeType.Day && daysToSelectInDayView && daysToSelectInDayView > 1) {\n const classNamesToAdd = calculateRoundedStyles(false, false, index > 0, index < dayRefs.length - 1).trim();\n if (classNamesToAdd) {\n dayRef.classList.remove(...classNamesToAdd);\n }\n }\n }\n });\n };\n const onDayKeyDown = (ev)=>{\n if (ev.key === Enter) {\n var _onSelectDate;\n (_onSelectDate = onSelectDate) === null || _onSelectDate === void 0 ? void 0 : _onSelectDate(day.originalDate);\n } else {\n navigateMonthEdge(ev, day.originalDate);\n }\n };\n let ariaLabel = day.originalDate.getDate() + ', ' + strings.months[day.originalDate.getMonth()] + ', ' + day.originalDate.getFullYear();\n if (day.isMarked) {\n ariaLabel = ariaLabel + ', ' + strings.dayMarkedAriaLabel;\n }\n const isFocusable = !ariaHidden && (allFocusable || (day.isInBounds ? true : undefined));\n return /*#__PURE__*/ React.createElement(\"td\", {\n className: mergeClasses(classNames.dayCell, weekCorners && cornerStyle, day.isSelected && classNames.daySelected, !day.isInBounds && classNames.dayOutsideBounds, !day.isInMonth && classNames.dayOutsideNavigatedMonth),\n ref: (element)=>{\n var _customDayCellRef;\n (_customDayCellRef = customDayCellRef) === null || _customDayCellRef === void 0 ? void 0 : _customDayCellRef(element, day.originalDate, classNames);\n day.setRef(element);\n isNavigatedDate && (navigatedDayRef.current = element);\n },\n \"aria-hidden\": ariaHidden,\n \"aria-disabled\": !ariaHidden && !day.isInBounds,\n onClick: day.isInBounds && !ariaHidden ? day.onSelected : undefined,\n onMouseOver: !ariaHidden ? onMouseOverDay : undefined,\n onMouseDown: !ariaHidden ? onMouseDownDay : undefined,\n onMouseUp: !ariaHidden ? onMouseUpDay : undefined,\n onMouseOut: !ariaHidden ? onMouseOutDay : undefined,\n onKeyDown: !ariaHidden ? onDayKeyDown : undefined,\n role: \"gridcell\",\n tabIndex: isNavigatedDate || isFocusable ? 0 : undefined,\n \"aria-current\": day.isToday ? 'date' : undefined,\n \"aria-selected\": day.isInBounds ? day.isSelected : undefined\n }, /*#__PURE__*/ React.createElement(\"button\", {\n key: day.key + 'button',\n \"aria-hidden\": ariaHidden,\n className: mergeClasses(classNames.dayButton, day.isToday && classNames.dayIsToday),\n \"aria-label\": ariaLabel,\n id: isNavigatedDate ? activeDescendantId : undefined,\n disabled: !ariaHidden && !day.isInBounds,\n type: \"button\",\n tabIndex: -1\n }, /*#__PURE__*/ React.createElement(\"span\", {\n \"aria-hidden\": \"true\"\n }, dateTimeFormatter.formatDay(day.originalDate)), day.isMarked && /*#__PURE__*/ React.createElement(\"div\", {\n \"aria-hidden\": \"true\",\n className: classNames.dayMarker\n })));\n};\n"],"names":["CalendarGridDayCell","props","_weekCorners","navigatedDate","dateTimeFormatter","allFocusable","strings","activeDescendantId","navigatedDayRef","calculateRoundedStyles","weeks","classNames","day","dayIndex","weekIndex","weekCorners","ariaHidden","customDayCellRef","dateRangeType","daysToSelectInDayView","onSelectDate","restrictedDates","minDate","maxDate","onNavigateDate","getDayInfosInRangeOfDay","getRefsFromDayInfos","_weekCorners_","cornerStyle","isNavigatedDate","compareDates","originalDate","dir","useFluent_unstable","navigateMonthEdge","ev","date","targetDate","undefined","direction","key","ArrowUp","addWeeks","ArrowDown","getRTLSafeKey","ArrowLeft","addDays","ArrowRight","findAvailableDateOptions","initialDate","nextDate","findAvailableDate","isInCurrentView","slice","length","some","week","dayToCompare","preventDefault","onMouseOverDay","dayInfos","dayRefs","forEach","dayRef","index","classList","add","extraCalendarDayGridClassNames","hoverStyle","isSelected","DateRangeType","Day","remove","weekCornersClassNames","bottomLeftCornerDate","bottomRightCornerDate","topLeftCornerDate","topRightCornerDate","classNamesToAdd","trim","onMouseDownDay","pressedStyle","onMouseUpDay","onMouseOutDay","onDayKeyDown","Enter","_onSelectDate","ariaLabel","getDate","months","getMonth","getFullYear","isMarked","dayMarkedAriaLabel","isFocusable","isInBounds","React","createElement","className","mergeClasses","dayCell","daySelected","dayOutsideBounds","isInMonth","dayOutsideNavigatedMonth","ref","element","_customDayCellRef","setRef","current","onClick","onSelected","onMouseOver","onMouseDown","onMouseUp","onMouseOut","onKeyDown","role","tabIndex","isToday","dayButton","dayIsToday","id","disabled","type","formatDay","dayMarker"],"mappings":"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"}
|
|
@@ -4,14 +4,16 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
});
|
|
5
5
|
Object.defineProperty(exports, "CalendarGridRow", {
|
|
6
6
|
enumerable: true,
|
|
7
|
-
get: ()
|
|
7
|
+
get: function() {
|
|
8
|
+
return CalendarGridRow;
|
|
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 _utils = require("../../utils");
|
|
12
|
-
const
|
|
14
|
+
const _CalendarGridDayCell = require("./CalendarGridDayCell");
|
|
13
15
|
const CalendarGridRow = (props)=>{
|
|
14
|
-
const { classNames
|
|
16
|
+
const { classNames, week, weeks, weekIndex, rowClassName, ariaRole, showWeekNumbers, firstDayOfWeek, firstWeekOfYear, navigatedDate, strings } = props;
|
|
15
17
|
const weekNumbers = showWeekNumbers ? (0, _utils.getWeekNumbersInMonth)(weeks.length, firstDayOfWeek, firstWeekOfYear, navigatedDate) : null;
|
|
16
18
|
const titleString = weekNumbers ? strings.weekNumberFormatString && strings.weekNumberFormatString.replace('{0}', `${weekNumbers[weekIndex]}`) : '';
|
|
17
19
|
return /*#__PURE__*/ _react.createElement("tr", {
|
|
@@ -24,7 +26,7 @@ const CalendarGridRow = (props)=>{
|
|
|
24
26
|
title: titleString,
|
|
25
27
|
"aria-label": titleString,
|
|
26
28
|
scope: "row"
|
|
27
|
-
}, /*#__PURE__*/ _react.createElement("span", null, weekNumbers[weekIndex])), week.map((day, dayIndex)=>/*#__PURE__*/ _react.createElement(
|
|
29
|
+
}, /*#__PURE__*/ _react.createElement("span", null, weekNumbers[weekIndex])), week.map((day, dayIndex)=>/*#__PURE__*/ _react.createElement(_CalendarGridDayCell.CalendarGridDayCell, {
|
|
28
30
|
...props,
|
|
29
31
|
key: day.key,
|
|
30
32
|
day: day,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["CalendarGridRow.js"],"sourcesContent":["import * as React from 'react';\nimport { getWeekNumbersInMonth } from '../../utils';\nimport { CalendarGridDayCell } from './CalendarGridDayCell';\n/**\n * @internal\n */ export const CalendarGridRow = (props)=>{\n const { classNames
|
|
1
|
+
{"version":3,"sources":["CalendarGridRow.js"],"sourcesContent":["import * as React from 'react';\nimport { getWeekNumbersInMonth } from '../../utils';\nimport { CalendarGridDayCell } from './CalendarGridDayCell';\n/**\n * @internal\n */ export const CalendarGridRow = (props)=>{\n const { classNames, week, weeks, weekIndex, rowClassName, ariaRole, showWeekNumbers, firstDayOfWeek, firstWeekOfYear, navigatedDate, strings } = props;\n const weekNumbers = showWeekNumbers ? getWeekNumbersInMonth(weeks.length, firstDayOfWeek, firstWeekOfYear, navigatedDate) : null;\n const titleString = weekNumbers ? strings.weekNumberFormatString && strings.weekNumberFormatString.replace('{0}', `${weekNumbers[weekIndex]}`) : '';\n return /*#__PURE__*/ React.createElement(\"tr\", {\n role: ariaRole,\n className: rowClassName,\n key: weekIndex + '_' + week[0].key\n }, showWeekNumbers && weekNumbers && /*#__PURE__*/ React.createElement(\"th\", {\n className: classNames.weekNumberCell,\n key: weekIndex,\n title: titleString,\n \"aria-label\": titleString,\n scope: \"row\"\n }, /*#__PURE__*/ React.createElement(\"span\", null, weekNumbers[weekIndex])), week.map((day, dayIndex)=>/*#__PURE__*/ React.createElement(CalendarGridDayCell, {\n ...props,\n key: day.key,\n day: day,\n dayIndex: dayIndex\n })));\n};\n"],"names":["CalendarGridRow","props","classNames","week","weeks","weekIndex","rowClassName","ariaRole","showWeekNumbers","firstDayOfWeek","firstWeekOfYear","navigatedDate","strings","weekNumbers","getWeekNumbersInMonth","length","titleString","weekNumberFormatString","replace","React","createElement","role","className","key","weekNumberCell","title","scope","map","day","dayIndex","CalendarGridDayCell"],"mappings":";;;;+BAKiBA;;;eAAAA;;;;iEALM;uBACe;qCACF;AAGzB,MAAMA,kBAAkB,CAACC;IAChC,MAAM,EAAEC,UAAU,EAAEC,IAAI,EAAEC,KAAK,EAAEC,SAAS,EAAEC,YAAY,EAAEC,QAAQ,EAAEC,eAAe,EAAEC,cAAc,EAAEC,eAAe,EAAEC,aAAa,EAAEC,OAAO,EAAE,GAAGX;IACjJ,MAAMY,cAAcL,kBAAkBM,IAAAA,4BAAqB,EAACV,MAAMW,MAAM,EAAEN,gBAAgBC,iBAAiBC,iBAAiB;IAC5H,MAAMK,cAAcH,cAAcD,QAAQK,sBAAsB,IAAIL,QAAQK,sBAAsB,CAACC,OAAO,CAAC,OAAO,CAAC,EAAEL,WAAW,CAACR,UAAU,CAAC,CAAC,IAAI;IACjJ,OAAO,WAAW,GAAGc,OAAMC,aAAa,CAAC,MAAM;QAC3CC,MAAMd;QACNe,WAAWhB;QACXiB,KAAKlB,YAAY,MAAMF,IAAI,CAAC,EAAE,CAACoB,GAAG;IACtC,GAAGf,mBAAmBK,eAAe,WAAW,GAAGM,OAAMC,aAAa,CAAC,MAAM;QACzEE,WAAWpB,WAAWsB,cAAc;QACpCD,KAAKlB;QACLoB,OAAOT;QACP,cAAcA;QACdU,OAAO;IACX,GAAG,WAAW,GAAGP,OAAMC,aAAa,CAAC,QAAQ,MAAMP,WAAW,CAACR,UAAU,IAAIF,KAAKwB,GAAG,CAAC,CAACC,KAAKC,WAAW,WAAW,GAAGV,OAAMC,aAAa,CAACU,wCAAmB,EAAE;YACtJ,GAAG7B,KAAK;YACRsB,KAAKK,IAAIL,GAAG;YACZK,KAAKA;YACLC,UAAUA;QACd;AACR"}
|
|
@@ -4,14 +4,16 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
});
|
|
5
5
|
Object.defineProperty(exports, "CalendarMonthHeaderRow", {
|
|
6
6
|
enumerable: true,
|
|
7
|
-
get: ()
|
|
7
|
+
get: function() {
|
|
8
|
+
return CalendarMonthHeaderRow;
|
|
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 _react1 = require("@griffel/react");
|
|
12
14
|
const _utils = require("../../utils");
|
|
13
15
|
const CalendarMonthHeaderRow = (props)=>{
|
|
14
|
-
const { showWeekNumbers
|
|
16
|
+
const { showWeekNumbers, strings, firstDayOfWeek, allFocusable, weeksToShow, weeks, classNames } = props;
|
|
15
17
|
const dayLabels = strings.shortDays.slice();
|
|
16
18
|
let firstOfMonthIndex = -1;
|
|
17
19
|
const firstWeekOfMonth = weeks[1];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["CalendarMonthHeaderRow.js"],"sourcesContent":["import * as React from 'react';\nimport { mergeClasses } from '@griffel/react';\nimport { DAYS_IN_WEEK } from '../../utils';\n/**\n * @internal\n */ export const CalendarMonthHeaderRow = (props)=>{\n const { showWeekNumbers
|
|
1
|
+
{"version":3,"sources":["CalendarMonthHeaderRow.js"],"sourcesContent":["import * as React from 'react';\nimport { mergeClasses } from '@griffel/react';\nimport { DAYS_IN_WEEK } from '../../utils';\n/**\n * @internal\n */ export const CalendarMonthHeaderRow = (props)=>{\n const { showWeekNumbers, strings, firstDayOfWeek, allFocusable, weeksToShow, weeks, classNames } = props;\n const dayLabels = strings.shortDays.slice();\n let firstOfMonthIndex = -1;\n const firstWeekOfMonth = weeks[1];\n for(let i = 0; i < weeks[1].length; i++){\n if (firstWeekOfMonth[i].originalDate.getDate() === 1) {\n firstOfMonthIndex = i;\n break;\n }\n }\n if (weeksToShow === 1 && firstOfMonthIndex >= 0) {\n // if we only show one week, replace the header with short month name\n const firstOfMonthIndexOffset = (firstOfMonthIndex + firstDayOfWeek) % DAYS_IN_WEEK;\n dayLabels[firstOfMonthIndexOffset] = strings.shortMonths[weeks[1][firstOfMonthIndex].originalDate.getMonth()];\n }\n return /*#__PURE__*/ React.createElement(\"tr\", null, showWeekNumbers && /*#__PURE__*/ React.createElement(\"th\", {\n className: classNames.dayCell\n }), dayLabels.map((val, index)=>{\n const i = (index + firstDayOfWeek) % DAYS_IN_WEEK;\n const label = strings.days[i];\n return /*#__PURE__*/ React.createElement(\"th\", {\n className: mergeClasses(classNames.dayCell, classNames.weekDayLabelCell),\n scope: \"col\",\n key: dayLabels[i] + ' ' + index,\n title: label,\n \"aria-label\": label,\n tabIndex: allFocusable ? 0 : undefined\n }, dayLabels[i]);\n }));\n};\n"],"names":["CalendarMonthHeaderRow","props","showWeekNumbers","strings","firstDayOfWeek","allFocusable","weeksToShow","weeks","classNames","dayLabels","shortDays","slice","firstOfMonthIndex","firstWeekOfMonth","i","length","originalDate","getDate","firstOfMonthIndexOffset","DAYS_IN_WEEK","shortMonths","getMonth","React","createElement","className","dayCell","map","val","index","label","days","mergeClasses","weekDayLabelCell","scope","key","title","tabIndex","undefined"],"mappings":";;;;+BAKiBA;;;eAAAA;;;;iEALM;wBACM;uBACA;AAGlB,MAAMA,yBAAyB,CAACC;IACvC,MAAM,EAAEC,eAAe,EAAEC,OAAO,EAAEC,cAAc,EAAEC,YAAY,EAAEC,WAAW,EAAEC,KAAK,EAAEC,UAAU,EAAE,GAAGP;IACnG,MAAMQ,YAAYN,QAAQO,SAAS,CAACC,KAAK;IACzC,IAAIC,oBAAoB,CAAC;IACzB,MAAMC,mBAAmBN,KAAK,CAAC,EAAE;IACjC,IAAI,IAAIO,IAAI,GAAGA,IAAIP,KAAK,CAAC,EAAE,CAACQ,MAAM,EAAED,IAAI;QACpC,IAAID,gBAAgB,CAACC,EAAE,CAACE,YAAY,CAACC,OAAO,OAAO,GAAG;YAClDL,oBAAoBE;YACpB;QACJ;IACJ;IACA,IAAIR,gBAAgB,KAAKM,qBAAqB,GAAG;QAC7C,qEAAqE;QACrE,MAAMM,0BAA0B,AAACN,CAAAA,oBAAoBR,cAAa,IAAKe,mBAAY;QACnFV,SAAS,CAACS,wBAAwB,GAAGf,QAAQiB,WAAW,CAACb,KAAK,CAAC,EAAE,CAACK,kBAAkB,CAACI,YAAY,CAACK,QAAQ,GAAG;IACjH;IACA,OAAO,WAAW,GAAGC,OAAMC,aAAa,CAAC,MAAM,MAAMrB,mBAAmB,WAAW,GAAGoB,OAAMC,aAAa,CAAC,MAAM;QAC5GC,WAAWhB,WAAWiB,OAAO;IACjC,IAAIhB,UAAUiB,GAAG,CAAC,CAACC,KAAKC;QACpB,MAAMd,IAAI,AAACc,CAAAA,QAAQxB,cAAa,IAAKe,mBAAY;QACjD,MAAMU,QAAQ1B,QAAQ2B,IAAI,CAAChB,EAAE;QAC7B,OAAO,WAAW,GAAGQ,OAAMC,aAAa,CAAC,MAAM;YAC3CC,WAAWO,IAAAA,oBAAY,EAACvB,WAAWiB,OAAO,EAAEjB,WAAWwB,gBAAgB;YACvEC,OAAO;YACPC,KAAKzB,SAAS,CAACK,EAAE,GAAG,MAAMc;YAC1BO,OAAON;YACP,cAAcA;YACdO,UAAU/B,eAAe,IAAIgC;QACjC,GAAG5B,SAAS,CAACK,EAAE;IACnB;AACJ"}
|
|
@@ -9,10 +9,14 @@ function _export(target, all) {
|
|
|
9
9
|
});
|
|
10
10
|
}
|
|
11
11
|
_export(exports, {
|
|
12
|
-
calendarDayGridClassNames: ()
|
|
13
|
-
|
|
12
|
+
calendarDayGridClassNames: function() {
|
|
13
|
+
return _useCalendarDayGridStylesstyles.calendarDayGridClassNames;
|
|
14
|
+
},
|
|
15
|
+
extraCalendarDayGridClassNames: function() {
|
|
16
|
+
return _useCalendarDayGridStylesstyles.extraCalendarDayGridClassNames;
|
|
17
|
+
}
|
|
14
18
|
});
|
|
15
|
-
const
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
const
|
|
19
|
+
const _export_star = require("@swc/helpers/_/_export_star");
|
|
20
|
+
_export_star._(require("./CalendarDayGrid"), exports);
|
|
21
|
+
_export_star._(require("./CalendarDayGrid.types"), exports);
|
|
22
|
+
const _useCalendarDayGridStylesstyles = _export_star._(require("./useCalendarDayGridStyles.styles"), exports);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.js"],"sourcesContent":["export * from './CalendarDayGrid';\nexport * from './CalendarDayGrid.types';\nexport * from './useCalendarDayGridStyles.styles';\nexport { calendarDayGridClassNames, extraCalendarDayGridClassNames } from './useCalendarDayGridStyles.styles';\n"],"names":["calendarDayGridClassNames","extraCalendarDayGridClassNames"],"mappings":";;;;;;;;;;;IAGSA,yBAAyB,
|
|
1
|
+
{"version":3,"sources":["index.js"],"sourcesContent":["export * from './CalendarDayGrid';\nexport * from './CalendarDayGrid.types';\nexport * from './useCalendarDayGridStyles.styles';\nexport { calendarDayGridClassNames, extraCalendarDayGridClassNames } from './useCalendarDayGridStyles.styles';\n"],"names":["calendarDayGridClassNames","extraCalendarDayGridClassNames"],"mappings":";;;;;;;;;;;IAGSA,yBAAyB;eAAzBA,yDAAyB;;IAAEC,8BAA8B;eAA9BA,8DAA8B;;;;uBAHpD;uBACA;+DACA"}
|