@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.
Files changed (173) hide show
  1. package/CHANGELOG.json +145 -1
  2. package/CHANGELOG.md +39 -2
  3. package/lib/components/Calendar/Calendar.js +9 -7
  4. package/lib/components/Calendar/Calendar.js.map +1 -1
  5. package/lib/components/Calendar/useCalendarStyles.styles.js.map +1 -1
  6. package/lib/components/CalendarDay/CalendarDay.js +8 -11
  7. package/lib/components/CalendarDay/CalendarDay.js.map +1 -1
  8. package/lib/components/CalendarDay/useCalendarDayStyles.styles.js.map +1 -1
  9. package/lib/components/CalendarDayGrid/CalendarDayGrid.js +8 -10
  10. package/lib/components/CalendarDayGrid/CalendarDayGrid.js.map +1 -1
  11. package/lib/components/CalendarDayGrid/CalendarGridDayCell.js +8 -5
  12. package/lib/components/CalendarDayGrid/CalendarGridDayCell.js.map +1 -1
  13. package/lib/components/CalendarDayGrid/CalendarGridRow.js +1 -1
  14. package/lib/components/CalendarDayGrid/CalendarGridRow.js.map +1 -1
  15. package/lib/components/CalendarDayGrid/CalendarMonthHeaderRow.js +1 -1
  16. package/lib/components/CalendarDayGrid/CalendarMonthHeaderRow.js.map +1 -1
  17. package/lib/components/CalendarDayGrid/useCalendarDayGridStyles.styles.js.map +1 -1
  18. package/lib/components/CalendarDayGrid/useWeekCornerStyles.styles.js.map +1 -1
  19. package/lib/components/CalendarDayGrid/useWeeks.js +4 -3
  20. package/lib/components/CalendarDayGrid/useWeeks.js.map +1 -1
  21. package/lib/components/CalendarMonth/CalendarMonth.js +10 -8
  22. package/lib/components/CalendarMonth/CalendarMonth.js.map +1 -1
  23. package/lib/components/CalendarMonth/useCalendarMonthStyles.js.map +1 -1
  24. package/lib/components/CalendarPicker/useCalendarPickerStyles.styles.js.map +1 -1
  25. package/lib/components/CalendarYear/CalendarYear.js +38 -39
  26. package/lib/components/CalendarYear/CalendarYear.js.map +1 -1
  27. package/lib/components/DatePicker/DatePicker.js.map +1 -1
  28. package/lib/components/DatePicker/renderDatePicker.js +15 -6
  29. package/lib/components/DatePicker/renderDatePicker.js.map +1 -1
  30. package/lib/components/DatePicker/useDatePicker.js +18 -13
  31. package/lib/components/DatePicker/useDatePicker.js.map +1 -1
  32. package/lib/components/DatePicker/useDatePickerStyles.styles.js.map +1 -1
  33. package/lib/utils/dateGrid/findAvailableDate.js +1 -1
  34. package/lib/utils/dateGrid/findAvailableDate.js.map +1 -1
  35. package/lib/utils/dateGrid/getBoundedDateRange.js.map +1 -1
  36. package/lib/utils/dateGrid/getDateRangeTypeToUse.js.map +1 -1
  37. package/lib/utils/dateGrid/getDayGrid.js +3 -2
  38. package/lib/utils/dateGrid/getDayGrid.js.map +1 -1
  39. package/lib/utils/dateGrid/isAfterMaxDate.js +1 -1
  40. package/lib/utils/dateGrid/isAfterMaxDate.js.map +1 -1
  41. package/lib/utils/dateGrid/isBeforeMinDate.js +1 -1
  42. package/lib/utils/dateGrid/isBeforeMinDate.js.map +1 -1
  43. package/lib/utils/dateGrid/isContiguous.js.map +1 -1
  44. package/lib/utils/dateGrid/isRestrictedDate.js +1 -1
  45. package/lib/utils/dateGrid/isRestrictedDate.js.map +1 -1
  46. package/lib/utils/dateMath/dateMath.js.map +1 -1
  47. package/lib/utils/dom.js.map +1 -1
  48. package/lib/utils/focus.js.map +1 -1
  49. package/lib/utils/usePopupPositioning.js +2 -2
  50. package/lib/utils/usePopupPositioning.js.map +1 -1
  51. package/lib-commonjs/Calendar.js +2 -2
  52. package/lib-commonjs/Calendar.js.map +1 -1
  53. package/lib-commonjs/CalendarDay.js +2 -2
  54. package/lib-commonjs/CalendarDay.js.map +1 -1
  55. package/lib-commonjs/CalendarDayGrid.js +2 -2
  56. package/lib-commonjs/CalendarDayGrid.js.map +1 -1
  57. package/lib-commonjs/CalendarMonth.js +2 -2
  58. package/lib-commonjs/CalendarMonth.js.map +1 -1
  59. package/lib-commonjs/CalendarPicker.js +2 -2
  60. package/lib-commonjs/CalendarPicker.js.map +1 -1
  61. package/lib-commonjs/CalendarYear.js +2 -2
  62. package/lib-commonjs/CalendarYear.js.map +1 -1
  63. package/lib-commonjs/DatePicker.js +2 -2
  64. package/lib-commonjs/DatePicker.js.map +1 -1
  65. package/lib-commonjs/components/Calendar/Calendar.js +32 -28
  66. package/lib-commonjs/components/Calendar/Calendar.js.map +1 -1
  67. package/lib-commonjs/components/Calendar/Calendar.types.js +5 -3
  68. package/lib-commonjs/components/Calendar/Calendar.types.js.map +1 -1
  69. package/lib-commonjs/components/Calendar/defaults.js +3 -1
  70. package/lib-commonjs/components/Calendar/defaults.js.map +1 -1
  71. package/lib-commonjs/components/Calendar/index.js +7 -5
  72. package/lib-commonjs/components/Calendar/index.js.map +1 -1
  73. package/lib-commonjs/components/Calendar/useCalendarStyles.styles.js +12 -8
  74. package/lib-commonjs/components/Calendar/useCalendarStyles.styles.js.map +1 -1
  75. package/lib-commonjs/components/CalendarDay/CalendarDay.js +25 -26
  76. package/lib-commonjs/components/CalendarDay/CalendarDay.js.map +1 -1
  77. package/lib-commonjs/components/CalendarDay/CalendarDay.types.js +2 -2
  78. package/lib-commonjs/components/CalendarDay/CalendarDay.types.js.map +1 -1
  79. package/lib-commonjs/components/CalendarDay/index.js +4 -4
  80. package/lib-commonjs/components/CalendarDay/index.js.map +1 -1
  81. package/lib-commonjs/components/CalendarDay/useCalendarDayStyles.styles.js +13 -9
  82. package/lib-commonjs/components/CalendarDay/useCalendarDayStyles.styles.js.map +1 -1
  83. package/lib-commonjs/components/CalendarDayGrid/CalendarDayGrid.js +27 -27
  84. package/lib-commonjs/components/CalendarDayGrid/CalendarDayGrid.js.map +1 -1
  85. package/lib-commonjs/components/CalendarDayGrid/CalendarDayGrid.types.js +2 -2
  86. package/lib-commonjs/components/CalendarDayGrid/CalendarDayGrid.types.js.map +1 -1
  87. package/lib-commonjs/components/CalendarDayGrid/CalendarGridDayCell.js +29 -24
  88. package/lib-commonjs/components/CalendarDayGrid/CalendarGridDayCell.js.map +1 -1
  89. package/lib-commonjs/components/CalendarDayGrid/CalendarGridRow.js +8 -6
  90. package/lib-commonjs/components/CalendarDayGrid/CalendarGridRow.js.map +1 -1
  91. package/lib-commonjs/components/CalendarDayGrid/CalendarMonthHeaderRow.js +6 -4
  92. package/lib-commonjs/components/CalendarDayGrid/CalendarMonthHeaderRow.js.map +1 -1
  93. package/lib-commonjs/components/CalendarDayGrid/index.js +10 -6
  94. package/lib-commonjs/components/CalendarDayGrid/index.js.map +1 -1
  95. package/lib-commonjs/components/CalendarDayGrid/useCalendarDayGridStyles.styles.js +29 -23
  96. package/lib-commonjs/components/CalendarDayGrid/useCalendarDayGridStyles.styles.js.map +1 -1
  97. package/lib-commonjs/components/CalendarDayGrid/useWeekCornerStyles.styles.js +9 -5
  98. package/lib-commonjs/components/CalendarDayGrid/useWeekCornerStyles.styles.js.map +1 -1
  99. package/lib-commonjs/components/CalendarDayGrid/useWeeks.js +9 -6
  100. package/lib-commonjs/components/CalendarDayGrid/useWeeks.js.map +1 -1
  101. package/lib-commonjs/components/CalendarMonth/CalendarMonth.js +24 -21
  102. package/lib-commonjs/components/CalendarMonth/CalendarMonth.js.map +1 -1
  103. package/lib-commonjs/components/CalendarMonth/CalendarMonth.types.js +2 -2
  104. package/lib-commonjs/components/CalendarMonth/CalendarMonth.types.js.map +1 -1
  105. package/lib-commonjs/components/CalendarMonth/index.js +4 -4
  106. package/lib-commonjs/components/CalendarMonth/index.js.map +1 -1
  107. package/lib-commonjs/components/CalendarMonth/useCalendarMonthStyles.js +5 -3
  108. package/lib-commonjs/components/CalendarMonth/useCalendarMonthStyles.js.map +1 -1
  109. package/lib-commonjs/components/CalendarPicker/index.js +3 -3
  110. package/lib-commonjs/components/CalendarPicker/index.js.map +1 -1
  111. package/lib-commonjs/components/CalendarPicker/useCalendarPickerStyles.styles.js +20 -16
  112. package/lib-commonjs/components/CalendarPicker/useCalendarPickerStyles.styles.js.map +1 -1
  113. package/lib-commonjs/components/CalendarYear/CalendarYear.js +60 -59
  114. package/lib-commonjs/components/CalendarYear/CalendarYear.js.map +1 -1
  115. package/lib-commonjs/components/CalendarYear/CalendarYear.types.js +2 -2
  116. package/lib-commonjs/components/CalendarYear/CalendarYear.types.js.map +1 -1
  117. package/lib-commonjs/components/CalendarYear/index.js +4 -4
  118. package/lib-commonjs/components/CalendarYear/index.js.map +1 -1
  119. package/lib-commonjs/components/CalendarYear/useCalendarYearStyles.styles.js +5 -3
  120. package/lib-commonjs/components/CalendarYear/useCalendarYearStyles.styles.js.map +1 -1
  121. package/lib-commonjs/components/DatePicker/DatePicker.js +7 -5
  122. package/lib-commonjs/components/DatePicker/DatePicker.js.map +1 -1
  123. package/lib-commonjs/components/DatePicker/defaults.js +6 -2
  124. package/lib-commonjs/components/DatePicker/defaults.js.map +1 -1
  125. package/lib-commonjs/components/DatePicker/index.js +7 -7
  126. package/lib-commonjs/components/DatePicker/index.js.map +1 -1
  127. package/lib-commonjs/components/DatePicker/renderDatePicker.js +22 -12
  128. package/lib-commonjs/components/DatePicker/renderDatePicker.js.map +1 -1
  129. package/lib-commonjs/components/DatePicker/useDatePicker.js +59 -52
  130. package/lib-commonjs/components/DatePicker/useDatePicker.js.map +1 -1
  131. package/lib-commonjs/components/DatePicker/useDatePickerStyles.styles.js +9 -5
  132. package/lib-commonjs/components/DatePicker/useDatePickerStyles.styles.js.map +1 -1
  133. package/lib-commonjs/index.js +98 -34
  134. package/lib-commonjs/index.js.map +1 -1
  135. package/lib-commonjs/utils/animations.js +45 -15
  136. package/lib-commonjs/utils/animations.js.map +1 -1
  137. package/lib-commonjs/utils/constants.js +18 -6
  138. package/lib-commonjs/utils/constants.js.map +1 -1
  139. package/lib-commonjs/utils/dateFormatting/dateFormatting.defaults.js +24 -8
  140. package/lib-commonjs/utils/dateFormatting/dateFormatting.defaults.js.map +1 -1
  141. package/lib-commonjs/utils/dateFormatting/index.js +3 -3
  142. package/lib-commonjs/utils/dateFormatting/index.js.map +1 -1
  143. package/lib-commonjs/utils/dateGrid/findAvailableDate.js +4 -2
  144. package/lib-commonjs/utils/dateGrid/findAvailableDate.js.map +1 -1
  145. package/lib-commonjs/utils/dateGrid/getBoundedDateRange.js +3 -1
  146. package/lib-commonjs/utils/dateGrid/getBoundedDateRange.js.map +1 -1
  147. package/lib-commonjs/utils/dateGrid/getDateRangeTypeToUse.js +3 -1
  148. package/lib-commonjs/utils/dateGrid/getDateRangeTypeToUse.js.map +1 -1
  149. package/lib-commonjs/utils/dateGrid/getDayGrid.js +6 -3
  150. package/lib-commonjs/utils/dateGrid/getDayGrid.js.map +1 -1
  151. package/lib-commonjs/utils/dateGrid/index.js +6 -6
  152. package/lib-commonjs/utils/dateGrid/index.js.map +1 -1
  153. package/lib-commonjs/utils/dateGrid/isAfterMaxDate.js +4 -2
  154. package/lib-commonjs/utils/dateGrid/isAfterMaxDate.js.map +1 -1
  155. package/lib-commonjs/utils/dateGrid/isBeforeMinDate.js +4 -2
  156. package/lib-commonjs/utils/dateGrid/isBeforeMinDate.js.map +1 -1
  157. package/lib-commonjs/utils/dateGrid/isContiguous.js +3 -1
  158. package/lib-commonjs/utils/dateGrid/isContiguous.js.map +1 -1
  159. package/lib-commonjs/utils/dateGrid/isRestrictedDate.js +4 -2
  160. package/lib-commonjs/utils/dateGrid/isRestrictedDate.js.map +1 -1
  161. package/lib-commonjs/utils/dateMath/dateMath.js +54 -18
  162. package/lib-commonjs/utils/dateMath/dateMath.js.map +1 -1
  163. package/lib-commonjs/utils/dateMath/index.js +2 -2
  164. package/lib-commonjs/utils/dateMath/index.js.map +1 -1
  165. package/lib-commonjs/utils/dom.js +5 -3
  166. package/lib-commonjs/utils/dom.js.map +1 -1
  167. package/lib-commonjs/utils/focus.js +3 -1
  168. package/lib-commonjs/utils/focus.js.map +1 -1
  169. package/lib-commonjs/utils/index.js +8 -8
  170. package/lib-commonjs/utils/index.js.map +1 -1
  171. package/lib-commonjs/utils/usePopupPositioning.js +9 -7
  172. package/lib-commonjs/utils/usePopupPositioning.js.map +1 -1
  173. package/package.json +17 -17
@@ -4,20 +4,22 @@ Object.defineProperty(exports, "__esModule", {
4
4
  });
5
5
  Object.defineProperty(exports, "CalendarMonth", {
6
6
  enumerable: true,
7
- get: ()=>CalendarMonth
7
+ get: function() {
8
+ return CalendarMonth;
9
+ }
8
10
  });
9
- const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
10
- const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
11
- const _keyboardKeys = require("@fluentui/keyboard-keys");
12
- const _reactIcons = require("@fluentui/react-icons");
13
- const _reactSharedContexts = require("@fluentui/react-shared-contexts");
14
- const _reactTabster = require("@fluentui/react-tabster");
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
18
  const _utils = require("../../utils");
17
- const _calendarYear = require("../CalendarYear/CalendarYear");
19
+ const _CalendarYear = require("../CalendarYear/CalendarYear");
18
20
  const _useCalendarMonthStyles = require("./useCalendarMonthStyles");
19
21
  const MONTHS_PER_ROW = 4;
20
- function useAnimateBackwards({ navigatedDate }) {
22
+ function useAnimateBackwards({ navigatedDate }) {
21
23
  const currentYear = navigatedDate.getFullYear();
22
24
  const previousYearRef = _react.useRef();
23
25
  _react.useEffect(()=>{
@@ -30,7 +32,7 @@ function useAnimateBackwards({ navigatedDate }) {
30
32
  return previousYear > currentYear;
31
33
  }
32
34
  }
33
- function useFocusLogic({ componentRef }) {
35
+ function useFocusLogic({ componentRef }) {
34
36
  const navigatedMonthRef = _react.useRef(null);
35
37
  const calendarYearRef = _react.useRef(null);
36
38
  const focusOnUpdate = _react.useRef(false);
@@ -62,7 +64,7 @@ function useFocusLogic({ componentRef }) {
62
64
  ];
63
65
  }
64
66
  const CalendarMonth = (props)=>{
65
- const { allFocusable , animationDirection , className , componentRef , dateTimeFormatter =_utils.DEFAULT_DATE_FORMATTING , highlightCurrentMonth , highlightSelectedMonth , maxDate , minDate , navigatedDate , onHeaderSelect: onUserHeaderSelect , onNavigateDate , selectedDate , strings , today =new Date() , yearPickerHidden =false } = props;
67
+ const { allFocusable, animationDirection, className, componentRef, dateTimeFormatter = _utils.DEFAULT_DATE_FORMATTING, highlightCurrentMonth, highlightSelectedMonth, maxDate, minDate, navigatedDate, onHeaderSelect: onUserHeaderSelect, onNavigateDate, selectedDate, strings, today = new Date(), yearPickerHidden = false } = props;
66
68
  const [navigatedMonthRef, calendarYearRef, focusOnNextUpdate] = useFocusLogic({
67
69
  componentRef
68
70
  });
@@ -80,8 +82,8 @@ const CalendarMonth = (props)=>{
80
82
  onNavigateDate((0, _utils.addYears)(navigatedDate, -1), false);
81
83
  };
82
84
  const onSelectMonth = (newMonth)=>{
83
- // If header is clickable the calendars are overlayed, switch back to day picker when month is clicked
84
- onUserHeaderSelect === null || onUserHeaderSelect === void 0 ? void 0 : onUserHeaderSelect();
85
+ var _onUserHeaderSelect;
86
+ (_onUserHeaderSelect = onUserHeaderSelect) === null || _onUserHeaderSelect === void 0 ? void 0 : _onUserHeaderSelect();
85
87
  onNavigateDate((0, _utils.setMonth)(navigatedDate, newMonth), true);
86
88
  };
87
89
  const onHeaderSelect = ()=>{
@@ -89,7 +91,8 @@ const CalendarMonth = (props)=>{
89
91
  focusOnNextUpdate();
90
92
  setIsYearPickerVisible(true);
91
93
  } else {
92
- onUserHeaderSelect === null || onUserHeaderSelect === void 0 ? void 0 : onUserHeaderSelect();
94
+ var _onUserHeaderSelect;
95
+ (_onUserHeaderSelect = onUserHeaderSelect) === null || _onUserHeaderSelect === void 0 ? void 0 : _onUserHeaderSelect();
93
96
  }
94
97
  };
95
98
  const onSelectYear = (selectedYear)=>{
@@ -125,8 +128,8 @@ const CalendarMonth = (props)=>{
125
128
  animateBackwards,
126
129
  animationDirection
127
130
  });
128
- const { dir } = (0, _reactSharedContexts.useFluent_unstable)();
129
- const arrowNavigationAttributes = (0, _reactTabster.useArrowNavigationGroup)({
131
+ const { dir } = (0, _reactsharedcontexts.useFluent_unstable)();
132
+ const arrowNavigationAttributes = (0, _reacttabster.useArrowNavigationGroup)({
130
133
  axis: 'both'
131
134
  });
132
135
  if (isYearPickerVisible) {
@@ -136,7 +139,7 @@ const CalendarMonth = (props)=>{
136
139
  strings
137
140
  });
138
141
  // use navigated date for the year picker
139
- return /*#__PURE__*/ _react.createElement(_calendarYear.CalendarYear, {
142
+ return /*#__PURE__*/ _react.createElement(_CalendarYear.CalendarYear, {
140
143
  key: 'calendarYear',
141
144
  minYear: minDate ? minDate.getFullYear() : undefined,
142
145
  maxYear: maxDate ? maxDate.getFullYear() : undefined,
@@ -184,7 +187,7 @@ const CalendarMonth = (props)=>{
184
187
  onKeyDown: isPrevYearInBounds ? onButtonKeyDown(onSelectPrevYear) : undefined,
185
188
  title: strings.prevYearAriaLabel ? strings.prevYearAriaLabel + ' ' + dateFormatter.formatYear((0, _utils.addYears)(navigatedDate, -1)) : undefined,
186
189
  type: "button"
187
- }, dir === 'ltr' ? /*#__PURE__*/ _react.createElement(_reactIcons.ArrowUpRegular, null) : /*#__PURE__*/ _react.createElement(_reactIcons.ArrowDownRegular, null)), /*#__PURE__*/ _react.createElement("button", {
190
+ }, dir === 'ltr' ? /*#__PURE__*/ _react.createElement(_reacticons.ArrowUpRegular, null) : /*#__PURE__*/ _react.createElement(_reacticons.ArrowDownRegular, null)), /*#__PURE__*/ _react.createElement("button", {
188
191
  className: (0, _react1.mergeClasses)(classNames.navigationButton, !isNextYearInBounds && classNames.disabled),
189
192
  "aria-disabled": !isNextYearInBounds,
190
193
  tabIndex: isNextYearInBounds ? undefined : allFocusable ? 0 : -1,
@@ -192,7 +195,7 @@ const CalendarMonth = (props)=>{
192
195
  onKeyDown: isNextYearInBounds ? onButtonKeyDown(onSelectNextYear) : undefined,
193
196
  title: strings.nextYearAriaLabel ? strings.nextYearAriaLabel + ' ' + dateFormatter.formatYear((0, _utils.addYears)(navigatedDate, 1)) : undefined,
194
197
  type: "button"
195
- }, dir === 'ltr' ? /*#__PURE__*/ _react.createElement(_reactIcons.ArrowDownRegular, null) : /*#__PURE__*/ _react.createElement(_reactIcons.ArrowUpRegular, null)))), /*#__PURE__*/ _react.createElement("div", {
198
+ }, dir === 'ltr' ? /*#__PURE__*/ _react.createElement(_reacticons.ArrowDownRegular, null) : /*#__PURE__*/ _react.createElement(_reacticons.ArrowUpRegular, null)))), /*#__PURE__*/ _react.createElement("div", {
196
199
  ...arrowNavigationAttributes,
197
200
  className: classNames.gridContainer,
198
201
  role: "grid",
@@ -227,7 +230,7 @@ const CalendarMonth = (props)=>{
227
230
  })));
228
231
  };
229
232
  CalendarMonth.displayName = 'CalendarMonth';
230
- function getYearStrings({ dateTimeFormatter , navigatedDate , strings }) {
233
+ function getYearStrings({ dateTimeFormatter, navigatedDate, strings }) {
231
234
  const yearToString = (year)=>{
232
235
  if (dateTimeFormatter) {
233
236
  // create a date based on the current nav date
@@ -262,7 +265,7 @@ function isCurrentMonth(month, year, today) {
262
265
  function onButtonKeyDown(callback) {
263
266
  return (ev)=>{
264
267
  switch(ev.key){
265
- case _keyboardKeys.Enter:
268
+ case _keyboardkeys.Enter:
266
269
  callback();
267
270
  break;
268
271
  }
@@ -1 +1 @@
1
- {"version":3,"sources":["CalendarMonth.js"],"sourcesContent":["import * as React from 'react';\nimport { Enter } 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 { addYears, compareDatePart, getMonthEnd, getMonthStart, getYearEnd, getYearStart, setMonth, DEFAULT_DATE_FORMATTING } from '../../utils';\nimport { CalendarYear } from '../CalendarYear/CalendarYear';\nimport { useCalendarMonthStyles_unstable } from './useCalendarMonthStyles';\nconst MONTHS_PER_ROW = 4;\nfunction useAnimateBackwards({ navigatedDate }) {\n const currentYear = navigatedDate.getFullYear();\n const previousYearRef = React.useRef();\n React.useEffect(()=>{\n previousYearRef.current = currentYear;\n });\n const previousYear = previousYearRef.current;\n if (previousYear === undefined || previousYear === currentYear) {\n return undefined;\n } else {\n return previousYear > currentYear;\n }\n}\nfunction useFocusLogic({ componentRef }) {\n const navigatedMonthRef = React.useRef(null);\n const calendarYearRef = React.useRef(null);\n const focusOnUpdate = React.useRef(false);\n const focus = React.useCallback(()=>{\n if (calendarYearRef.current) {\n calendarYearRef.current.focus();\n } else if (navigatedMonthRef.current) {\n navigatedMonthRef.current.focus();\n }\n }, []);\n React.useImperativeHandle(componentRef, ()=>({\n focus\n }), [\n focus\n ]);\n React.useEffect(()=>{\n if (focusOnUpdate.current) {\n focus();\n focusOnUpdate.current = false;\n }\n });\n const focusOnNextUpdate = ()=>{\n focusOnUpdate.current = true;\n };\n return [\n navigatedMonthRef,\n calendarYearRef,\n focusOnNextUpdate\n ];\n}\n/**\n * @internal\n */ export const CalendarMonth = (props)=>{\n const { allFocusable , animationDirection , className , componentRef , dateTimeFormatter =DEFAULT_DATE_FORMATTING , highlightCurrentMonth , highlightSelectedMonth , maxDate , minDate , navigatedDate , onHeaderSelect: onUserHeaderSelect , onNavigateDate , selectedDate , strings , today =new Date() , yearPickerHidden =false } = props;\n const [navigatedMonthRef, calendarYearRef, focusOnNextUpdate] = useFocusLogic({\n componentRef\n });\n const [isYearPickerVisible, setIsYearPickerVisible] = React.useState(false);\n const animateBackwards = useAnimateBackwards({\n navigatedDate\n });\n const selectMonthCallback = (newMonth)=>{\n return ()=>onSelectMonth(newMonth);\n };\n const onSelectNextYear = ()=>{\n onNavigateDate(addYears(navigatedDate, 1), false);\n };\n const onSelectPrevYear = ()=>{\n onNavigateDate(addYears(navigatedDate, -1), false);\n };\n const onSelectMonth = (newMonth)=>{\n // If header is clickable the calendars are overlayed, switch back to day picker when month is clicked\n onUserHeaderSelect === null || onUserHeaderSelect === void 0 ? void 0 : onUserHeaderSelect();\n onNavigateDate(setMonth(navigatedDate, newMonth), true);\n };\n const onHeaderSelect = ()=>{\n if (!yearPickerHidden) {\n focusOnNextUpdate();\n setIsYearPickerVisible(true);\n } else {\n onUserHeaderSelect === null || onUserHeaderSelect === void 0 ? void 0 : onUserHeaderSelect();\n }\n };\n const onSelectYear = (selectedYear)=>{\n focusOnNextUpdate();\n const navYear = navigatedDate.getFullYear();\n if (navYear !== selectedYear) {\n let newNavigationDate = new Date(navigatedDate.getTime());\n newNavigationDate.setFullYear(selectedYear);\n // for min and max dates, adjust the new navigation date - perhaps this should be\n // checked on the master navigation date handler (i.e. in Calendar)\n if (maxDate && newNavigationDate > maxDate) {\n newNavigationDate = setMonth(newNavigationDate, maxDate.getMonth());\n } else if (minDate && newNavigationDate < minDate) {\n newNavigationDate = setMonth(newNavigationDate, minDate.getMonth());\n }\n onNavigateDate(newNavigationDate, true);\n }\n setIsYearPickerVisible(false);\n };\n const onYearPickerHeaderSelect = (focus)=>{\n focusOnNextUpdate();\n setIsYearPickerVisible(false);\n };\n const dateFormatter = dateTimeFormatter;\n // determine if previous/next years are in bounds\n const isPrevYearInBounds = minDate ? compareDatePart(minDate, getYearStart(navigatedDate)) < 0 : true;\n const isNextYearInBounds = maxDate ? compareDatePart(getYearEnd(navigatedDate), maxDate) < 0 : true;\n const classNames = useCalendarMonthStyles_unstable({\n className,\n hasHeaderClickCallback: !!onUserHeaderSelect || !yearPickerHidden,\n highlightCurrent: highlightCurrentMonth,\n highlightSelected: highlightSelectedMonth,\n animateBackwards,\n animationDirection\n });\n const { dir } = useFluent_unstable();\n const arrowNavigationAttributes = useArrowNavigationGroup({\n axis: 'both'\n });\n if (isYearPickerVisible) {\n const [onRenderYear, yearStrings] = getYearStrings({\n dateTimeFormatter,\n navigatedDate,\n strings\n });\n // use navigated date for the year picker\n return /*#__PURE__*/ React.createElement(CalendarYear, {\n key: 'calendarYear',\n minYear: minDate ? minDate.getFullYear() : undefined,\n maxYear: maxDate ? maxDate.getFullYear() : undefined,\n // eslint-disable-next-line react/jsx-no-bind\n onSelectYear: onSelectYear,\n // eslint-disable-next-line react/jsx-no-bind\n onHeaderSelect: onYearPickerHeaderSelect,\n selectedYear: selectedDate ? selectedDate.getFullYear() : navigatedDate ? navigatedDate.getFullYear() : undefined,\n navigatedYear: navigatedDate.getFullYear(),\n onRenderYear: onRenderYear,\n strings: yearStrings,\n componentRef: calendarYearRef,\n highlightCurrentYear: highlightCurrentMonth,\n highlightSelectedYear: highlightSelectedMonth,\n animationDirection: animationDirection\n });\n }\n const rowIndexes = [];\n for(let i = 0; i < strings.shortMonths.length / MONTHS_PER_ROW; i++){\n rowIndexes.push(i);\n }\n const yearString = dateFormatter.formatYear(navigatedDate);\n const headerAriaLabel = strings.monthPickerHeaderAriaLabel ? strings.monthPickerHeaderAriaLabel.replace('{0}', yearString) : yearString;\n return /*#__PURE__*/ React.createElement(\"div\", {\n className: classNames.root\n }, /*#__PURE__*/ React.createElement(\"div\", {\n className: classNames.headerContainer\n }, /*#__PURE__*/ React.createElement(\"button\", {\n className: classNames.currentItemButton,\n onClick: onHeaderSelect,\n onKeyDown: onButtonKeyDown(onHeaderSelect),\n \"aria-label\": headerAriaLabel,\n tabIndex: !!onUserHeaderSelect || !yearPickerHidden ? 0 : -1,\n type: \"button\"\n }, /*#__PURE__*/ React.createElement(\"span\", {\n \"aria-live\": \"polite\",\n \"aria-atomic\": \"true\"\n }, yearString)), /*#__PURE__*/ React.createElement(\"div\", {\n className: classNames.navigationButtonsContainer\n }, /*#__PURE__*/ React.createElement(\"button\", {\n className: mergeClasses(classNames.navigationButton, !isPrevYearInBounds && classNames.disabled),\n \"aria-disabled\": !isPrevYearInBounds,\n tabIndex: isPrevYearInBounds ? undefined : allFocusable ? 0 : -1,\n onClick: isPrevYearInBounds ? onSelectPrevYear : undefined,\n onKeyDown: isPrevYearInBounds ? onButtonKeyDown(onSelectPrevYear) : undefined,\n title: strings.prevYearAriaLabel ? strings.prevYearAriaLabel + ' ' + dateFormatter.formatYear(addYears(navigatedDate, -1)) : undefined,\n type: \"button\"\n }, dir === 'ltr' ? /*#__PURE__*/ React.createElement(ArrowUpRegular, null) : /*#__PURE__*/ React.createElement(ArrowDownRegular, null)), /*#__PURE__*/ React.createElement(\"button\", {\n className: mergeClasses(classNames.navigationButton, !isNextYearInBounds && classNames.disabled),\n \"aria-disabled\": !isNextYearInBounds,\n tabIndex: isNextYearInBounds ? undefined : allFocusable ? 0 : -1,\n onClick: isNextYearInBounds ? onSelectNextYear : undefined,\n onKeyDown: isNextYearInBounds ? onButtonKeyDown(onSelectNextYear) : undefined,\n title: strings.nextYearAriaLabel ? strings.nextYearAriaLabel + ' ' + dateFormatter.formatYear(addYears(navigatedDate, 1)) : undefined,\n type: \"button\"\n }, dir === 'ltr' ? /*#__PURE__*/ React.createElement(ArrowDownRegular, null) : /*#__PURE__*/ React.createElement(ArrowUpRegular, null)))), /*#__PURE__*/ React.createElement(\"div\", {\n ...arrowNavigationAttributes,\n className: classNames.gridContainer,\n role: \"grid\",\n \"aria-label\": yearString\n }, rowIndexes.map((rowNum)=>{\n const monthsForRow = strings.shortMonths.slice(rowNum * MONTHS_PER_ROW, (rowNum + 1) * MONTHS_PER_ROW);\n return /*#__PURE__*/ React.createElement(\"div\", {\n key: 'monthRow_' + rowNum + navigatedDate.getFullYear(),\n role: \"row\",\n className: classNames.buttonRow\n }, monthsForRow.map((month, index)=>{\n const monthIndex = rowNum * MONTHS_PER_ROW + index;\n const indexedMonth = setMonth(navigatedDate, monthIndex);\n const isNavigatedMonth = navigatedDate.getMonth() === monthIndex;\n const isSelectedMonth = selectedDate.getMonth() === monthIndex;\n const isSelectedYear = selectedDate.getFullYear() === navigatedDate.getFullYear();\n const isInBounds = (minDate ? compareDatePart(minDate, getMonthEnd(indexedMonth)) < 1 : true) && (maxDate ? compareDatePart(getMonthStart(indexedMonth), maxDate) < 1 : true);\n return /*#__PURE__*/ React.createElement(\"button\", {\n ref: isNavigatedMonth ? navigatedMonthRef : undefined,\n role: 'gridcell',\n className: mergeClasses(classNames.itemButton, highlightCurrentMonth && isCurrentMonth(monthIndex, navigatedDate.getFullYear(), today) && classNames.current, highlightSelectedMonth && isSelectedMonth && isSelectedYear && classNames.selected, !isInBounds && classNames.disabled),\n disabled: !allFocusable && !isInBounds,\n key: monthIndex,\n onClick: isInBounds ? selectMonthCallback(monthIndex) : undefined,\n onKeyDown: isInBounds ? onButtonKeyDown(selectMonthCallback(monthIndex)) : undefined,\n \"aria-label\": dateFormatter.formatMonth(indexedMonth, strings),\n \"aria-selected\": isNavigatedMonth,\n tabIndex: isInBounds ? 0 : -1,\n type: \"button\"\n }, month);\n }));\n })));\n};\nCalendarMonth.displayName = 'CalendarMonth';\nfunction getYearStrings({ dateTimeFormatter , navigatedDate , strings }) {\n const yearToString = (year)=>{\n if (dateTimeFormatter) {\n // create a date based on the current nav date\n const yearFormattingDate = new Date(navigatedDate.getTime());\n yearFormattingDate.setFullYear(year);\n return dateTimeFormatter.formatYear(yearFormattingDate);\n }\n return String(year);\n };\n const yearRangeToString = (yearRange)=>{\n return `${yearToString(yearRange.fromYear)} - ${yearToString(yearRange.toYear)}`;\n };\n const yearRangeToNextDecadeLabel = (yearRange)=>{\n return strings.nextYearRangeAriaLabel ? `${strings.nextYearRangeAriaLabel} ${yearRangeToString(yearRange)}` : '';\n };\n const yearRangeToPrevDecadeLabel = (yearRange)=>{\n return strings.prevYearRangeAriaLabel ? `${strings.prevYearRangeAriaLabel} ${yearRangeToString(yearRange)}` : '';\n };\n return [\n yearToString,\n {\n rangeAriaLabel: yearRangeToString,\n prevRangeAriaLabel: yearRangeToPrevDecadeLabel,\n nextRangeAriaLabel: yearRangeToNextDecadeLabel,\n headerAriaLabelFormatString: strings.yearPickerHeaderAriaLabel\n }\n ];\n}\nfunction isCurrentMonth(month, year, today) {\n return today.getFullYear() === year && today.getMonth() === month;\n}\nfunction onButtonKeyDown(callback) {\n return (ev)=>{\n switch(ev.key){\n case Enter:\n callback();\n break;\n }\n };\n}\n"],"names":["CalendarMonth","MONTHS_PER_ROW","useAnimateBackwards","navigatedDate","currentYear","getFullYear","previousYearRef","React","useRef","useEffect","current","previousYear","undefined","useFocusLogic","componentRef","navigatedMonthRef","calendarYearRef","focusOnUpdate","focus","useCallback","useImperativeHandle","focusOnNextUpdate","props","allFocusable","animationDirection","className","dateTimeFormatter","DEFAULT_DATE_FORMATTING","highlightCurrentMonth","highlightSelectedMonth","maxDate","minDate","onHeaderSelect","onUserHeaderSelect","onNavigateDate","selectedDate","strings","today","Date","yearPickerHidden","isYearPickerVisible","setIsYearPickerVisible","useState","animateBackwards","selectMonthCallback","newMonth","onSelectMonth","onSelectNextYear","addYears","onSelectPrevYear","setMonth","onSelectYear","selectedYear","navYear","newNavigationDate","getTime","setFullYear","getMonth","onYearPickerHeaderSelect","dateFormatter","isPrevYearInBounds","compareDatePart","getYearStart","isNextYearInBounds","getYearEnd","classNames","useCalendarMonthStyles_unstable","hasHeaderClickCallback","highlightCurrent","highlightSelected","dir","useFluent_unstable","arrowNavigationAttributes","useArrowNavigationGroup","axis","onRenderYear","yearStrings","getYearStrings","createElement","CalendarYear","key","minYear","maxYear","navigatedYear","highlightCurrentYear","highlightSelectedYear","rowIndexes","i","shortMonths","length","push","yearString","formatYear","headerAriaLabel","monthPickerHeaderAriaLabel","replace","root","headerContainer","currentItemButton","onClick","onKeyDown","onButtonKeyDown","tabIndex","type","navigationButtonsContainer","mergeClasses","navigationButton","disabled","title","prevYearAriaLabel","ArrowUpRegular","ArrowDownRegular","nextYearAriaLabel","gridContainer","role","map","rowNum","monthsForRow","slice","buttonRow","month","index","monthIndex","indexedMonth","isNavigatedMonth","isSelectedMonth","isSelectedYear","isInBounds","getMonthEnd","getMonthStart","ref","itemButton","isCurrentMonth","selected","formatMonth","displayName","yearToString","year","yearFormattingDate","String","yearRangeToString","yearRange","fromYear","toYear","yearRangeToNextDecadeLabel","nextYearRangeAriaLabel","yearRangeToPrevDecadeLabel","prevYearRangeAriaLabel","rangeAriaLabel","prevRangeAriaLabel","nextRangeAriaLabel","headerAriaLabelFormatString","yearPickerHeaderAriaLabel","callback","ev","Enter"],"mappings":";;;;+BAwDiBA;;aAAAA;;;6DAxDM;8BACD;4BAC2B;qCACd;8BACK;wBACX;uBACsG;8BACtG;wCACmB;AAChD,MAAMC,iBAAiB;AACvB,SAASC,oBAAoB,EAAEC,cAAa,EAAG,EAAE;IAC7C,MAAMC,cAAcD,cAAcE,WAAW;IAC7C,MAAMC,kBAAkBC,OAAMC,MAAM;IACpCD,OAAME,SAAS,CAAC,IAAI;QAChBH,gBAAgBI,OAAO,GAAGN;IAC9B;IACA,MAAMO,eAAeL,gBAAgBI,OAAO;IAC5C,IAAIC,iBAAiBC,aAAaD,iBAAiBP,aAAa;QAC5D,OAAOQ;IACX,OAAO;QACH,OAAOD,eAAeP;IAC1B,CAAC;AACL;AACA,SAASS,cAAc,EAAEC,aAAY,EAAG,EAAE;IACtC,MAAMC,oBAAoBR,OAAMC,MAAM,CAAC,IAAI;IAC3C,MAAMQ,kBAAkBT,OAAMC,MAAM,CAAC,IAAI;IACzC,MAAMS,gBAAgBV,OAAMC,MAAM,CAAC,KAAK;IACxC,MAAMU,QAAQX,OAAMY,WAAW,CAAC,IAAI;QAChC,IAAIH,gBAAgBN,OAAO,EAAE;YACzBM,gBAAgBN,OAAO,CAACQ,KAAK;QACjC,OAAO,IAAIH,kBAAkBL,OAAO,EAAE;YAClCK,kBAAkBL,OAAO,CAACQ,KAAK;QACnC,CAAC;IACL,GAAG,EAAE;IACLX,OAAMa,mBAAmB,CAACN,cAAc,IAAK,CAAA;YACrCI;QACJ,CAAA,GAAI;QACJA;KACH;IACDX,OAAME,SAAS,CAAC,IAAI;QAChB,IAAIQ,cAAcP,OAAO,EAAE;YACvBQ;YACAD,cAAcP,OAAO,GAAG,KAAK;QACjC,CAAC;IACL;IACA,MAAMW,oBAAoB,IAAI;QAC1BJ,cAAcP,OAAO,GAAG,IAAI;IAChC;IACA,OAAO;QACHK;QACAC;QACAK;KACH;AACL;AAGW,MAAMrB,gBAAgB,CAACsB,QAAQ;IACtC,MAAM,EAAEC,aAAY,EAAGC,mBAAkB,EAAGC,UAAS,EAAGX,aAAY,EAAGY,mBAAmBC,8BAAuB,CAAA,EAAGC,sBAAqB,EAAGC,uBAAsB,EAAGC,QAAO,EAAGC,QAAO,EAAG5B,cAAa,EAAG6B,gBAAgBC,mBAAkB,EAAGC,eAAc,EAAGC,aAAY,EAAGC,QAAO,EAAGC,OAAO,IAAIC,OAAM,EAAGC,kBAAkB,KAAK,CAAA,EAAG,GAAGjB;IACzU,MAAM,CAACP,mBAAmBC,iBAAiBK,kBAAkB,GAAGR,cAAc;QAC1EC;IACJ;IACA,MAAM,CAAC0B,qBAAqBC,uBAAuB,GAAGlC,OAAMmC,QAAQ,CAAC,KAAK;IAC1E,MAAMC,mBAAmBzC,oBAAoB;QACzCC;IACJ;IACA,MAAMyC,sBAAsB,CAACC,WAAW;QACpC,OAAO,IAAIC,cAAcD;IAC7B;IACA,MAAME,mBAAmB,IAAI;QACzBb,eAAec,IAAAA,eAAQ,EAAC7C,eAAe,IAAI,KAAK;IACpD;IACA,MAAM8C,mBAAmB,IAAI;QACzBf,eAAec,IAAAA,eAAQ,EAAC7C,eAAe,CAAC,IAAI,KAAK;IACrD;IACA,MAAM2C,gBAAgB,CAACD,WAAW;QAC9B,sGAAsG;QACtGZ,uBAAuB,IAAI,IAAIA,uBAAuB,KAAK,IAAI,KAAK,IAAIA,oBAAoB;QAC5FC,eAAegB,IAAAA,eAAQ,EAAC/C,eAAe0C,WAAW,IAAI;IAC1D;IACA,MAAMb,iBAAiB,IAAI;QACvB,IAAI,CAACO,kBAAkB;YACnBlB;YACAoB,uBAAuB,IAAI;QAC/B,OAAO;YACHR,uBAAuB,IAAI,IAAIA,uBAAuB,KAAK,IAAI,KAAK,IAAIA,oBAAoB;QAChG,CAAC;IACL;IACA,MAAMkB,eAAe,CAACC,eAAe;QACjC/B;QACA,MAAMgC,UAAUlD,cAAcE,WAAW;QACzC,IAAIgD,YAAYD,cAAc;YAC1B,IAAIE,oBAAoB,IAAIhB,KAAKnC,cAAcoD,OAAO;YACtDD,kBAAkBE,WAAW,CAACJ;YAC9B,iFAAiF;YACjF,mEAAmE;YACnE,IAAItB,WAAWwB,oBAAoBxB,SAAS;gBACxCwB,oBAAoBJ,IAAAA,eAAQ,EAACI,mBAAmBxB,QAAQ2B,QAAQ;YACpE,OAAO,IAAI1B,WAAWuB,oBAAoBvB,SAAS;gBAC/CuB,oBAAoBJ,IAAAA,eAAQ,EAACI,mBAAmBvB,QAAQ0B,QAAQ;YACpE,CAAC;YACDvB,eAAeoB,mBAAmB,IAAI;QAC1C,CAAC;QACDb,uBAAuB,KAAK;IAChC;IACA,MAAMiB,2BAA2B,CAACxC,QAAQ;QACtCG;QACAoB,uBAAuB,KAAK;IAChC;IACA,MAAMkB,gBAAgBjC;IACtB,iDAAiD;IACjD,MAAMkC,qBAAqB7B,UAAU8B,IAAAA,sBAAe,EAAC9B,SAAS+B,IAAAA,mBAAY,EAAC3D,kBAAkB,IAAI,IAAI;IACrG,MAAM4D,qBAAqBjC,UAAU+B,IAAAA,sBAAe,EAACG,IAAAA,iBAAU,EAAC7D,gBAAgB2B,WAAW,IAAI,IAAI;IACnG,MAAMmC,aAAaC,IAAAA,uDAA+B,EAAC;QAC/CzC;QACA0C,wBAAwB,CAAC,CAAClC,sBAAsB,CAACM;QACjD6B,kBAAkBxC;QAClByC,mBAAmBxC;QACnBc;QACAnB;IACJ;IACA,MAAM,EAAE8C,IAAG,EAAG,GAAGC,IAAAA,uCAAkB;IACnC,MAAMC,4BAA4BC,IAAAA,qCAAuB,EAAC;QACtDC,MAAM;IACV;IACA,IAAIlC,qBAAqB;QACrB,MAAM,CAACmC,cAAcC,YAAY,GAAGC,eAAe;YAC/CnD;YACAvB;YACAiC;QACJ;QACA,yCAAyC;QACzC,OAAO,WAAW,GAAG7B,OAAMuE,aAAa,CAACC,0BAAY,EAAE;YACnDC,KAAK;YACLC,SAASlD,UAAUA,QAAQ1B,WAAW,KAAKO,SAAS;YACpDsE,SAASpD,UAAUA,QAAQzB,WAAW,KAAKO,SAAS;YACpD,6CAA6C;YAC7CuC,cAAcA;YACd,6CAA6C;YAC7CnB,gBAAgB0B;YAChBN,cAAcjB,eAAeA,aAAa9B,WAAW,KAAKF,gBAAgBA,cAAcE,WAAW,KAAKO,SAAS;YACjHuE,eAAehF,cAAcE,WAAW;YACxCsE,cAAcA;YACdvC,SAASwC;YACT9D,cAAcE;YACdoE,sBAAsBxD;YACtByD,uBAAuBxD;YACvBL,oBAAoBA;QACxB;IACJ,CAAC;IACD,MAAM8D,aAAa,EAAE;IACrB,IAAI,IAAIC,IAAI,GAAGA,IAAInD,QAAQoD,WAAW,CAACC,MAAM,GAAGxF,gBAAgBsF,IAAI;QAChED,WAAWI,IAAI,CAACH;IACpB;IACA,MAAMI,aAAahC,cAAciC,UAAU,CAACzF;IAC5C,MAAM0F,kBAAkBzD,QAAQ0D,0BAA0B,GAAG1D,QAAQ0D,0BAA0B,CAACC,OAAO,CAAC,OAAOJ,cAAcA,UAAU;IACvI,OAAO,WAAW,GAAGpF,OAAMuE,aAAa,CAAC,OAAO;QAC5CrD,WAAWwC,WAAW+B,IAAI;IAC9B,GAAG,WAAW,GAAGzF,OAAMuE,aAAa,CAAC,OAAO;QACxCrD,WAAWwC,WAAWgC,eAAe;IACzC,GAAG,WAAW,GAAG1F,OAAMuE,aAAa,CAAC,UAAU;QAC3CrD,WAAWwC,WAAWiC,iBAAiB;QACvCC,SAASnE;QACToE,WAAWC,gBAAgBrE;QAC3B,cAAc6D;QACdS,UAAU,CAAC,CAACrE,sBAAsB,CAACM,mBAAmB,IAAI,CAAC,CAAC;QAC5DgE,MAAM;IACV,GAAG,WAAW,GAAGhG,OAAMuE,aAAa,CAAC,QAAQ;QACzC,aAAa;QACb,eAAe;IACnB,GAAGa,cAAc,WAAW,GAAGpF,OAAMuE,aAAa,CAAC,OAAO;QACtDrD,WAAWwC,WAAWuC,0BAA0B;IACpD,GAAG,WAAW,GAAGjG,OAAMuE,aAAa,CAAC,UAAU;QAC3CrD,WAAWgF,IAAAA,oBAAY,EAACxC,WAAWyC,gBAAgB,EAAE,CAAC9C,sBAAsBK,WAAW0C,QAAQ;QAC/F,iBAAiB,CAAC/C;QAClB0C,UAAU1C,qBAAqBhD,YAAYW,eAAe,IAAI,CAAC,CAAC;QAChE4E,SAASvC,qBAAqBX,mBAAmBrC,SAAS;QAC1DwF,WAAWxC,qBAAqByC,gBAAgBpD,oBAAoBrC,SAAS;QAC7EgG,OAAOxE,QAAQyE,iBAAiB,GAAGzE,QAAQyE,iBAAiB,GAAG,MAAMlD,cAAciC,UAAU,CAAC5C,IAAAA,eAAQ,EAAC7C,eAAe,CAAC,MAAMS,SAAS;QACtI2F,MAAM;IACV,GAAGjC,QAAQ,QAAQ,WAAW,GAAG/D,OAAMuE,aAAa,CAACgC,0BAAc,EAAE,IAAI,IAAI,WAAW,GAAGvG,OAAMuE,aAAa,CAACiC,4BAAgB,EAAE,IAAI,CAAC,GAAG,WAAW,GAAGxG,OAAMuE,aAAa,CAAC,UAAU;QACjLrD,WAAWgF,IAAAA,oBAAY,EAACxC,WAAWyC,gBAAgB,EAAE,CAAC3C,sBAAsBE,WAAW0C,QAAQ;QAC/F,iBAAiB,CAAC5C;QAClBuC,UAAUvC,qBAAqBnD,YAAYW,eAAe,IAAI,CAAC,CAAC;QAChE4E,SAASpC,qBAAqBhB,mBAAmBnC,SAAS;QAC1DwF,WAAWrC,qBAAqBsC,gBAAgBtD,oBAAoBnC,SAAS;QAC7EgG,OAAOxE,QAAQ4E,iBAAiB,GAAG5E,QAAQ4E,iBAAiB,GAAG,MAAMrD,cAAciC,UAAU,CAAC5C,IAAAA,eAAQ,EAAC7C,eAAe,MAAMS,SAAS;QACrI2F,MAAM;IACV,GAAGjC,QAAQ,QAAQ,WAAW,GAAG/D,OAAMuE,aAAa,CAACiC,4BAAgB,EAAE,IAAI,IAAI,WAAW,GAAGxG,OAAMuE,aAAa,CAACgC,0BAAc,EAAE,IAAI,CAAC,KAAK,WAAW,GAAGvG,OAAMuE,aAAa,CAAC,OAAO;QAChL,GAAGN,yBAAyB;QAC5B/C,WAAWwC,WAAWgD,aAAa;QACnCC,MAAM;QACN,cAAcvB;IAClB,GAAGL,WAAW6B,GAAG,CAAC,CAACC,SAAS;QACxB,MAAMC,eAAejF,QAAQoD,WAAW,CAAC8B,KAAK,CAACF,SAASnH,gBAAgB,AAACmH,CAAAA,SAAS,CAAA,IAAKnH;QACvF,OAAO,WAAW,GAAGM,OAAMuE,aAAa,CAAC,OAAO;YAC5CE,KAAK,cAAcoC,SAASjH,cAAcE,WAAW;YACrD6G,MAAM;YACNzF,WAAWwC,WAAWsD,SAAS;QACnC,GAAGF,aAAaF,GAAG,CAAC,CAACK,OAAOC,QAAQ;YAChC,MAAMC,aAAaN,SAASnH,iBAAiBwH;YAC7C,MAAME,eAAezE,IAAAA,eAAQ,EAAC/C,eAAeuH;YAC7C,MAAME,mBAAmBzH,cAAcsD,QAAQ,OAAOiE;YACtD,MAAMG,kBAAkB1F,aAAasB,QAAQ,OAAOiE;YACpD,MAAMI,iBAAiB3F,aAAa9B,WAAW,OAAOF,cAAcE,WAAW;YAC/E,MAAM0H,aAAa,AAAChG,CAAAA,UAAU8B,IAAAA,sBAAe,EAAC9B,SAASiG,IAAAA,kBAAW,EAACL,iBAAiB,IAAI,IAAI,AAAD,KAAO7F,CAAAA,UAAU+B,IAAAA,sBAAe,EAACoE,IAAAA,oBAAa,EAACN,eAAe7F,WAAW,IAAI,IAAI,AAAD;YAC3K,OAAO,WAAW,GAAGvB,OAAMuE,aAAa,CAAC,UAAU;gBAC/CoD,KAAKN,mBAAmB7G,oBAAoBH,SAAS;gBACrDsG,MAAM;gBACNzF,WAAWgF,IAAAA,oBAAY,EAACxC,WAAWkE,UAAU,EAAEvG,yBAAyBwG,eAAeV,YAAYvH,cAAcE,WAAW,IAAIgC,UAAU4B,WAAWvD,OAAO,EAAEmB,0BAA0BgG,mBAAmBC,kBAAkB7D,WAAWoE,QAAQ,EAAE,CAACN,cAAc9D,WAAW0C,QAAQ;gBACpRA,UAAU,CAACpF,gBAAgB,CAACwG;gBAC5B/C,KAAK0C;gBACLvB,SAAS4B,aAAanF,oBAAoB8E,cAAc9G,SAAS;gBACjEwF,WAAW2B,aAAa1B,gBAAgBzD,oBAAoB8E,eAAe9G,SAAS;gBACpF,cAAc+C,cAAc2E,WAAW,CAACX,cAAcvF;gBACtD,iBAAiBwF;gBACjBtB,UAAUyB,aAAa,IAAI,CAAC,CAAC;gBAC7BxB,MAAM;YACV,GAAGiB;QACP;IACJ;AACJ;AACAxH,cAAcuI,WAAW,GAAG;AAC5B,SAAS1D,eAAe,EAAEnD,kBAAiB,EAAGvB,cAAa,EAAGiC,QAAO,EAAG,EAAE;IACtE,MAAMoG,eAAe,CAACC,OAAO;QACzB,IAAI/G,mBAAmB;YACnB,8CAA8C;YAC9C,MAAMgH,qBAAqB,IAAIpG,KAAKnC,cAAcoD,OAAO;YACzDmF,mBAAmBlF,WAAW,CAACiF;YAC/B,OAAO/G,kBAAkBkE,UAAU,CAAC8C;QACxC,CAAC;QACD,OAAOC,OAAOF;IAClB;IACA,MAAMG,oBAAoB,CAACC,YAAY;QACnC,OAAO,CAAC,EAAEL,aAAaK,UAAUC,QAAQ,EAAE,GAAG,EAAEN,aAAaK,UAAUE,MAAM,EAAE,CAAC;IACpF;IACA,MAAMC,6BAA6B,CAACH,YAAY;QAC5C,OAAOzG,QAAQ6G,sBAAsB,GAAG,CAAC,EAAE7G,QAAQ6G,sBAAsB,CAAC,CAAC,EAAEL,kBAAkBC,WAAW,CAAC,GAAG,EAAE;IACpH;IACA,MAAMK,6BAA6B,CAACL,YAAY;QAC5C,OAAOzG,QAAQ+G,sBAAsB,GAAG,CAAC,EAAE/G,QAAQ+G,sBAAsB,CAAC,CAAC,EAAEP,kBAAkBC,WAAW,CAAC,GAAG,EAAE;IACpH;IACA,OAAO;QACHL;QACA;YACIY,gBAAgBR;YAChBS,oBAAoBH;YACpBI,oBAAoBN;YACpBO,6BAA6BnH,QAAQoH,yBAAyB;QAClE;KACH;AACL;AACA,SAASpB,eAAeZ,KAAK,EAAEiB,IAAI,EAAEpG,KAAK,EAAE;IACxC,OAAOA,MAAMhC,WAAW,OAAOoI,QAAQpG,MAAMoB,QAAQ,OAAO+D;AAChE;AACA,SAASnB,gBAAgBoD,QAAQ,EAAE;IAC/B,OAAO,CAACC,KAAK;QACT,OAAOA,GAAG1E,GAAG;YACT,KAAK2E,mBAAK;gBACNF;gBACA,KAAM;QACd;IACJ;AACJ"}
1
+ {"version":3,"sources":["CalendarMonth.js"],"sourcesContent":["import * as React from 'react';\nimport { Enter } 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 { addYears, compareDatePart, getMonthEnd, getMonthStart, getYearEnd, getYearStart, setMonth, DEFAULT_DATE_FORMATTING } from '../../utils';\nimport { CalendarYear } from '../CalendarYear/CalendarYear';\nimport { useCalendarMonthStyles_unstable } from './useCalendarMonthStyles';\nconst MONTHS_PER_ROW = 4;\nfunction useAnimateBackwards({ navigatedDate }) {\n const currentYear = navigatedDate.getFullYear();\n const previousYearRef = React.useRef();\n React.useEffect(()=>{\n previousYearRef.current = currentYear;\n });\n const previousYear = previousYearRef.current;\n if (previousYear === undefined || previousYear === currentYear) {\n return undefined;\n } else {\n return previousYear > currentYear;\n }\n}\nfunction useFocusLogic({ componentRef }) {\n const navigatedMonthRef = React.useRef(null);\n const calendarYearRef = React.useRef(null);\n const focusOnUpdate = React.useRef(false);\n const focus = React.useCallback(()=>{\n if (calendarYearRef.current) {\n calendarYearRef.current.focus();\n } else if (navigatedMonthRef.current) {\n navigatedMonthRef.current.focus();\n }\n }, []);\n React.useImperativeHandle(componentRef, ()=>({\n focus\n }), [\n focus\n ]);\n React.useEffect(()=>{\n if (focusOnUpdate.current) {\n focus();\n focusOnUpdate.current = false;\n }\n });\n const focusOnNextUpdate = ()=>{\n focusOnUpdate.current = true;\n };\n return [\n navigatedMonthRef,\n calendarYearRef,\n focusOnNextUpdate\n ];\n}\n/**\n * @internal\n */ export const CalendarMonth = (props)=>{\n const { allFocusable, animationDirection, className, componentRef, dateTimeFormatter = DEFAULT_DATE_FORMATTING, highlightCurrentMonth, highlightSelectedMonth, maxDate, minDate, navigatedDate, onHeaderSelect: onUserHeaderSelect, onNavigateDate, selectedDate, strings, today = new Date(), yearPickerHidden = false } = props;\n const [navigatedMonthRef, calendarYearRef, focusOnNextUpdate] = useFocusLogic({\n componentRef\n });\n const [isYearPickerVisible, setIsYearPickerVisible] = React.useState(false);\n const animateBackwards = useAnimateBackwards({\n navigatedDate\n });\n const selectMonthCallback = (newMonth)=>{\n return ()=>onSelectMonth(newMonth);\n };\n const onSelectNextYear = ()=>{\n onNavigateDate(addYears(navigatedDate, 1), false);\n };\n const onSelectPrevYear = ()=>{\n onNavigateDate(addYears(navigatedDate, -1), false);\n };\n const onSelectMonth = (newMonth)=>{\n var // If header is clickable the calendars are overlayed, switch back to day picker when month is clicked\n _onUserHeaderSelect;\n (_onUserHeaderSelect = onUserHeaderSelect) === null || _onUserHeaderSelect === void 0 ? void 0 : _onUserHeaderSelect();\n onNavigateDate(setMonth(navigatedDate, newMonth), true);\n };\n const onHeaderSelect = ()=>{\n if (!yearPickerHidden) {\n focusOnNextUpdate();\n setIsYearPickerVisible(true);\n } else {\n var _onUserHeaderSelect;\n (_onUserHeaderSelect = onUserHeaderSelect) === null || _onUserHeaderSelect === void 0 ? void 0 : _onUserHeaderSelect();\n }\n };\n const onSelectYear = (selectedYear)=>{\n focusOnNextUpdate();\n const navYear = navigatedDate.getFullYear();\n if (navYear !== selectedYear) {\n let newNavigationDate = new Date(navigatedDate.getTime());\n newNavigationDate.setFullYear(selectedYear);\n // for min and max dates, adjust the new navigation date - perhaps this should be\n // checked on the master navigation date handler (i.e. in Calendar)\n if (maxDate && newNavigationDate > maxDate) {\n newNavigationDate = setMonth(newNavigationDate, maxDate.getMonth());\n } else if (minDate && newNavigationDate < minDate) {\n newNavigationDate = setMonth(newNavigationDate, minDate.getMonth());\n }\n onNavigateDate(newNavigationDate, true);\n }\n setIsYearPickerVisible(false);\n };\n const onYearPickerHeaderSelect = (focus)=>{\n focusOnNextUpdate();\n setIsYearPickerVisible(false);\n };\n const dateFormatter = dateTimeFormatter;\n // determine if previous/next years are in bounds\n const isPrevYearInBounds = minDate ? compareDatePart(minDate, getYearStart(navigatedDate)) < 0 : true;\n const isNextYearInBounds = maxDate ? compareDatePart(getYearEnd(navigatedDate), maxDate) < 0 : true;\n const classNames = useCalendarMonthStyles_unstable({\n className,\n hasHeaderClickCallback: !!onUserHeaderSelect || !yearPickerHidden,\n highlightCurrent: highlightCurrentMonth,\n highlightSelected: highlightSelectedMonth,\n animateBackwards,\n animationDirection\n });\n const { dir } = useFluent_unstable();\n const arrowNavigationAttributes = useArrowNavigationGroup({\n axis: 'both'\n });\n if (isYearPickerVisible) {\n const [onRenderYear, yearStrings] = getYearStrings({\n dateTimeFormatter,\n navigatedDate,\n strings\n });\n // use navigated date for the year picker\n return /*#__PURE__*/ React.createElement(CalendarYear, {\n key: 'calendarYear',\n minYear: minDate ? minDate.getFullYear() : undefined,\n maxYear: maxDate ? maxDate.getFullYear() : undefined,\n // eslint-disable-next-line react/jsx-no-bind\n onSelectYear: onSelectYear,\n // eslint-disable-next-line react/jsx-no-bind\n onHeaderSelect: onYearPickerHeaderSelect,\n selectedYear: selectedDate ? selectedDate.getFullYear() : navigatedDate ? navigatedDate.getFullYear() : undefined,\n navigatedYear: navigatedDate.getFullYear(),\n onRenderYear: onRenderYear,\n strings: yearStrings,\n componentRef: calendarYearRef,\n highlightCurrentYear: highlightCurrentMonth,\n highlightSelectedYear: highlightSelectedMonth,\n animationDirection: animationDirection\n });\n }\n const rowIndexes = [];\n for(let i = 0; i < strings.shortMonths.length / MONTHS_PER_ROW; i++){\n rowIndexes.push(i);\n }\n const yearString = dateFormatter.formatYear(navigatedDate);\n const headerAriaLabel = strings.monthPickerHeaderAriaLabel ? strings.monthPickerHeaderAriaLabel.replace('{0}', yearString) : yearString;\n return /*#__PURE__*/ React.createElement(\"div\", {\n className: classNames.root\n }, /*#__PURE__*/ React.createElement(\"div\", {\n className: classNames.headerContainer\n }, /*#__PURE__*/ React.createElement(\"button\", {\n className: classNames.currentItemButton,\n onClick: onHeaderSelect,\n onKeyDown: onButtonKeyDown(onHeaderSelect),\n \"aria-label\": headerAriaLabel,\n tabIndex: !!onUserHeaderSelect || !yearPickerHidden ? 0 : -1,\n type: \"button\"\n }, /*#__PURE__*/ React.createElement(\"span\", {\n \"aria-live\": \"polite\",\n \"aria-atomic\": \"true\"\n }, yearString)), /*#__PURE__*/ React.createElement(\"div\", {\n className: classNames.navigationButtonsContainer\n }, /*#__PURE__*/ React.createElement(\"button\", {\n className: mergeClasses(classNames.navigationButton, !isPrevYearInBounds && classNames.disabled),\n \"aria-disabled\": !isPrevYearInBounds,\n tabIndex: isPrevYearInBounds ? undefined : allFocusable ? 0 : -1,\n onClick: isPrevYearInBounds ? onSelectPrevYear : undefined,\n onKeyDown: isPrevYearInBounds ? onButtonKeyDown(onSelectPrevYear) : undefined,\n title: strings.prevYearAriaLabel ? strings.prevYearAriaLabel + ' ' + dateFormatter.formatYear(addYears(navigatedDate, -1)) : undefined,\n type: \"button\"\n }, dir === 'ltr' ? /*#__PURE__*/ React.createElement(ArrowUpRegular, null) : /*#__PURE__*/ React.createElement(ArrowDownRegular, null)), /*#__PURE__*/ React.createElement(\"button\", {\n className: mergeClasses(classNames.navigationButton, !isNextYearInBounds && classNames.disabled),\n \"aria-disabled\": !isNextYearInBounds,\n tabIndex: isNextYearInBounds ? undefined : allFocusable ? 0 : -1,\n onClick: isNextYearInBounds ? onSelectNextYear : undefined,\n onKeyDown: isNextYearInBounds ? onButtonKeyDown(onSelectNextYear) : undefined,\n title: strings.nextYearAriaLabel ? strings.nextYearAriaLabel + ' ' + dateFormatter.formatYear(addYears(navigatedDate, 1)) : undefined,\n type: \"button\"\n }, dir === 'ltr' ? /*#__PURE__*/ React.createElement(ArrowDownRegular, null) : /*#__PURE__*/ React.createElement(ArrowUpRegular, null)))), /*#__PURE__*/ React.createElement(\"div\", {\n ...arrowNavigationAttributes,\n className: classNames.gridContainer,\n role: \"grid\",\n \"aria-label\": yearString\n }, rowIndexes.map((rowNum)=>{\n const monthsForRow = strings.shortMonths.slice(rowNum * MONTHS_PER_ROW, (rowNum + 1) * MONTHS_PER_ROW);\n return /*#__PURE__*/ React.createElement(\"div\", {\n key: 'monthRow_' + rowNum + navigatedDate.getFullYear(),\n role: \"row\",\n className: classNames.buttonRow\n }, monthsForRow.map((month, index)=>{\n const monthIndex = rowNum * MONTHS_PER_ROW + index;\n const indexedMonth = setMonth(navigatedDate, monthIndex);\n const isNavigatedMonth = navigatedDate.getMonth() === monthIndex;\n const isSelectedMonth = selectedDate.getMonth() === monthIndex;\n const isSelectedYear = selectedDate.getFullYear() === navigatedDate.getFullYear();\n const isInBounds = (minDate ? compareDatePart(minDate, getMonthEnd(indexedMonth)) < 1 : true) && (maxDate ? compareDatePart(getMonthStart(indexedMonth), maxDate) < 1 : true);\n return /*#__PURE__*/ React.createElement(\"button\", {\n ref: isNavigatedMonth ? navigatedMonthRef : undefined,\n role: 'gridcell',\n className: mergeClasses(classNames.itemButton, highlightCurrentMonth && isCurrentMonth(monthIndex, navigatedDate.getFullYear(), today) && classNames.current, highlightSelectedMonth && isSelectedMonth && isSelectedYear && classNames.selected, !isInBounds && classNames.disabled),\n disabled: !allFocusable && !isInBounds,\n key: monthIndex,\n onClick: isInBounds ? selectMonthCallback(monthIndex) : undefined,\n onKeyDown: isInBounds ? onButtonKeyDown(selectMonthCallback(monthIndex)) : undefined,\n \"aria-label\": dateFormatter.formatMonth(indexedMonth, strings),\n \"aria-selected\": isNavigatedMonth,\n tabIndex: isInBounds ? 0 : -1,\n type: \"button\"\n }, month);\n }));\n })));\n};\nCalendarMonth.displayName = 'CalendarMonth';\nfunction getYearStrings({ dateTimeFormatter, navigatedDate, strings }) {\n const yearToString = (year)=>{\n if (dateTimeFormatter) {\n // create a date based on the current nav date\n const yearFormattingDate = new Date(navigatedDate.getTime());\n yearFormattingDate.setFullYear(year);\n return dateTimeFormatter.formatYear(yearFormattingDate);\n }\n return String(year);\n };\n const yearRangeToString = (yearRange)=>{\n return `${yearToString(yearRange.fromYear)} - ${yearToString(yearRange.toYear)}`;\n };\n const yearRangeToNextDecadeLabel = (yearRange)=>{\n return strings.nextYearRangeAriaLabel ? `${strings.nextYearRangeAriaLabel} ${yearRangeToString(yearRange)}` : '';\n };\n const yearRangeToPrevDecadeLabel = (yearRange)=>{\n return strings.prevYearRangeAriaLabel ? `${strings.prevYearRangeAriaLabel} ${yearRangeToString(yearRange)}` : '';\n };\n return [\n yearToString,\n {\n rangeAriaLabel: yearRangeToString,\n prevRangeAriaLabel: yearRangeToPrevDecadeLabel,\n nextRangeAriaLabel: yearRangeToNextDecadeLabel,\n headerAriaLabelFormatString: strings.yearPickerHeaderAriaLabel\n }\n ];\n}\nfunction isCurrentMonth(month, year, today) {\n return today.getFullYear() === year && today.getMonth() === month;\n}\nfunction onButtonKeyDown(callback) {\n return (ev)=>{\n switch(ev.key){\n case Enter:\n callback();\n break;\n }\n };\n}\n"],"names":["CalendarMonth","MONTHS_PER_ROW","useAnimateBackwards","navigatedDate","currentYear","getFullYear","previousYearRef","React","useRef","useEffect","current","previousYear","undefined","useFocusLogic","componentRef","navigatedMonthRef","calendarYearRef","focusOnUpdate","focus","useCallback","useImperativeHandle","focusOnNextUpdate","props","allFocusable","animationDirection","className","dateTimeFormatter","DEFAULT_DATE_FORMATTING","highlightCurrentMonth","highlightSelectedMonth","maxDate","minDate","onHeaderSelect","onUserHeaderSelect","onNavigateDate","selectedDate","strings","today","Date","yearPickerHidden","isYearPickerVisible","setIsYearPickerVisible","useState","animateBackwards","selectMonthCallback","newMonth","onSelectMonth","onSelectNextYear","addYears","onSelectPrevYear","_onUserHeaderSelect","setMonth","onSelectYear","selectedYear","navYear","newNavigationDate","getTime","setFullYear","getMonth","onYearPickerHeaderSelect","dateFormatter","isPrevYearInBounds","compareDatePart","getYearStart","isNextYearInBounds","getYearEnd","classNames","useCalendarMonthStyles_unstable","hasHeaderClickCallback","highlightCurrent","highlightSelected","dir","useFluent_unstable","arrowNavigationAttributes","useArrowNavigationGroup","axis","onRenderYear","yearStrings","getYearStrings","createElement","CalendarYear","key","minYear","maxYear","navigatedYear","highlightCurrentYear","highlightSelectedYear","rowIndexes","i","shortMonths","length","push","yearString","formatYear","headerAriaLabel","monthPickerHeaderAriaLabel","replace","root","headerContainer","currentItemButton","onClick","onKeyDown","onButtonKeyDown","tabIndex","type","navigationButtonsContainer","mergeClasses","navigationButton","disabled","title","prevYearAriaLabel","ArrowUpRegular","ArrowDownRegular","nextYearAriaLabel","gridContainer","role","map","rowNum","monthsForRow","slice","buttonRow","month","index","monthIndex","indexedMonth","isNavigatedMonth","isSelectedMonth","isSelectedYear","isInBounds","getMonthEnd","getMonthStart","ref","itemButton","isCurrentMonth","selected","formatMonth","displayName","yearToString","year","yearFormattingDate","String","yearRangeToString","yearRange","fromYear","toYear","yearRangeToNextDecadeLabel","nextYearRangeAriaLabel","yearRangeToPrevDecadeLabel","prevYearRangeAriaLabel","rangeAriaLabel","prevRangeAriaLabel","nextRangeAriaLabel","headerAriaLabelFormatString","yearPickerHeaderAriaLabel","callback","ev","Enter"],"mappings":"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"}
@@ -2,5 +2,5 @@
2
2
  Object.defineProperty(exports, "__esModule", {
3
3
  value: true
4
4
  });
5
- const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
6
- const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
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":["CalendarMonth.types.js"],"sourcesContent":["import * as React from 'react';\n"],"names":[],"mappings":";;;;;6DAAuB"}
1
+ {"version":3,"sources":["CalendarMonth.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 _exportStar = require("@swc/helpers/lib/_export_star.js").default;
6
- _exportStar(require("./CalendarMonth"), exports);
7
- _exportStar(require("./CalendarMonth.types"), exports);
8
- _exportStar(require("./useCalendarMonthStyles"), exports);
5
+ const _export_star = require("@swc/helpers/_/_export_star");
6
+ _export_star._(require("./CalendarMonth"), exports);
7
+ _export_star._(require("./CalendarMonth.types"), exports);
8
+ _export_star._(require("./useCalendarMonthStyles"), exports);
@@ -1 +1 @@
1
- {"version":3,"sources":["index.js"],"sourcesContent":["export * from './CalendarMonth';\nexport * from './CalendarMonth.types';\nexport * from './useCalendarMonthStyles';\n"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA"}
1
+ {"version":3,"sources":["index.js"],"sourcesContent":["export * from './CalendarMonth';\nexport * from './CalendarMonth.types';\nexport * from './useCalendarMonthStyles';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA"}
@@ -4,9 +4,11 @@ Object.defineProperty(exports, "__esModule", {
4
4
  });
5
5
  Object.defineProperty(exports, "useCalendarMonthStyles_unstable", {
6
6
  enumerable: true,
7
- get: ()=>useCalendarMonthStyles_unstable
7
+ get: function() {
8
+ return useCalendarMonthStyles_unstable;
9
+ }
8
10
  });
9
- const _useCalendarPickerStylesStyles = require("../CalendarPicker/useCalendarPickerStyles.styles");
11
+ const _useCalendarPickerStylesstyles = require("../CalendarPicker/useCalendarPickerStyles.styles");
10
12
  const useCalendarMonthStyles_unstable = (props)=>{
11
- return (0, _useCalendarPickerStylesStyles.useCalendarPickerStyles_unstable)(props);
13
+ return (0, _useCalendarPickerStylesstyles.useCalendarPickerStyles_unstable)(props);
12
14
  };
@@ -1 +1 @@
1
- {"version":3,"sources":["useCalendarMonthStyles.js"],"sourcesContent":["import { useCalendarPickerStyles_unstable } from '../CalendarPicker/useCalendarPickerStyles.styles';\n/**\n * @internal\n *\n * Apply styling to the CalendarMonth slots based on the state\n */ export const useCalendarMonthStyles_unstable = (props)=>{\n return useCalendarPickerStyles_unstable(props);\n};\n"],"names":["useCalendarMonthStyles_unstable","props","useCalendarPickerStyles_unstable"],"mappings":";;;;+BAKiBA;;aAAAA;;+CALgC;AAKtC,MAAMA,kCAAkC,CAACC,QAAQ;IACxD,OAAOC,IAAAA,+DAAgC,EAACD;AAC5C"}
1
+ {"version":3,"sources":["useCalendarMonthStyles.js"],"sourcesContent":["import { useCalendarPickerStyles_unstable } from '../CalendarPicker/useCalendarPickerStyles.styles';\n/**\n * @internal\n *\n * Apply styling to the CalendarMonth slots based on the state\n */ export const useCalendarMonthStyles_unstable = (props)=>{\n return useCalendarPickerStyles_unstable(props);\n};\n"],"names":["useCalendarMonthStyles_unstable","props","useCalendarPickerStyles_unstable"],"mappings":";;;;+BAKiBA;;;eAAAA;;;+CALgC;AAKtC,MAAMA,kCAAkC,CAACC;IAChD,OAAOC,IAAAA,+DAAgC,EAACD;AAC5C"}
@@ -2,6 +2,6 @@
2
2
  Object.defineProperty(exports, "__esModule", {
3
3
  value: true
4
4
  });
5
- const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
6
- _exportStar(require("./CalendarPicker.types"), exports);
7
- _exportStar(require("./useCalendarPickerStyles.styles"), exports);
5
+ const _export_star = require("@swc/helpers/_/_export_star");
6
+ _export_star._(require("./CalendarPicker.types"), exports);
7
+ _export_star._(require("./useCalendarPickerStyles.styles"), exports);
@@ -1 +1 @@
1
- {"version":3,"sources":["index.js"],"sourcesContent":["export * from './CalendarPicker.types';\nexport * from './useCalendarPickerStyles.styles';\n"],"names":[],"mappings":";;;;;oBAAc;oBACA"}
1
+ {"version":3,"sources":["index.js"],"sourcesContent":["export * from './CalendarPicker.types';\nexport * from './useCalendarPickerStyles.styles';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA"}
@@ -9,11 +9,15 @@ function _export(target, all) {
9
9
  });
10
10
  }
11
11
  _export(exports, {
12
- calendarPickerClassNames: ()=>calendarPickerClassNames,
13
- useCalendarPickerStyles_unstable: ()=>useCalendarPickerStyles_unstable
12
+ calendarPickerClassNames: function() {
13
+ return calendarPickerClassNames;
14
+ },
15
+ useCalendarPickerStyles_unstable: function() {
16
+ return useCalendarPickerStyles_unstable;
17
+ }
14
18
  });
15
19
  const _react = require("@griffel/react");
16
- const _calendarTypes = require("../Calendar/Calendar.types");
20
+ const _Calendartypes = require("../Calendar/Calendar.types");
17
21
  const calendarPickerClassNames = {
18
22
  root: 'fui-CalendarPicker',
19
23
  headerContainer: 'fui-CalendarPicker__headerContainer',
@@ -27,7 +31,7 @@ const calendarPickerClassNames = {
27
31
  selected: 'fui-CalendarPicker__selected',
28
32
  disabled: 'fui-CalendarPicker__disabled'
29
33
  };
30
- const useRootStyles = /*#__PURE__*/ (0, _react["__styles"])({
34
+ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
31
35
  base: {
32
36
  B7ck84d: "f1e4lqlz",
33
37
  B68tc82: "f1p9o1ba",
@@ -90,7 +94,7 @@ const useRootStyles = /*#__PURE__*/ (0, _react["__styles"])({
90
94
  ".f1qch9an{padding-bottom:0;}"
91
95
  ]
92
96
  });
93
- const useHeaderContainerStyles = /*#__PURE__*/ (0, _react["__styles"])({
97
+ const useHeaderContainerStyles = /*#__PURE__*/ (0, _react.__styles)({
94
98
  base: {
95
99
  mc9l5x: "f22iagw"
96
100
  }
@@ -99,7 +103,7 @@ const useHeaderContainerStyles = /*#__PURE__*/ (0, _react["__styles"])({
99
103
  ".f22iagw{display:flex;}"
100
104
  ]
101
105
  });
102
- const useCurrentItemButtonStyles = /*#__PURE__*/ (0, _react["__styles"])({
106
+ const useCurrentItemButtonStyles = /*#__PURE__*/ (0, _react.__styles)({
103
107
  base: {
104
108
  De3pzq: "f1c21dwh",
105
109
  icvyot: "f1ern45e",
@@ -199,7 +203,7 @@ const useCurrentItemButtonStyles = /*#__PURE__*/ (0, _react["__styles"])({
199
203
  ".fw9cbop:hover:active{outline-color:var(--colorTransparentStroke);}"
200
204
  ]
201
205
  });
202
- const useNavigationButtonsContainerStyles = /*#__PURE__*/ (0, _react["__styles"])({
206
+ const useNavigationButtonsContainerStyles = /*#__PURE__*/ (0, _react.__styles)({
203
207
  base: {
204
208
  Bt984gj: "f122n59",
205
209
  mc9l5x: "f22iagw"
@@ -210,7 +214,7 @@ const useNavigationButtonsContainerStyles = /*#__PURE__*/ (0, _react["__styles"]
210
214
  ".f22iagw{display:flex;}"
211
215
  ]
212
216
  });
213
- const useNavigationButtonStyles = /*#__PURE__*/ (0, _react["__styles"])({
217
+ const useNavigationButtonStyles = /*#__PURE__*/ (0, _react.__styles)({
214
218
  base: {
215
219
  De3pzq: "f1c21dwh",
216
220
  icvyot: "f1ern45e",
@@ -311,7 +315,7 @@ const useNavigationButtonStyles = /*#__PURE__*/ (0, _react["__styles"])({
311
315
  ".f1wdoaqd:hover:active{color:var(--colorBrandForegroundOnLightPressed);}"
312
316
  ]
313
317
  });
314
- const useGridContainerStyles = /*#__PURE__*/ (0, _react["__styles"])({
318
+ const useGridContainerStyles = /*#__PURE__*/ (0, _react.__styles)({
315
319
  base: {
316
320
  B6of3ja: "fvjh0tl"
317
321
  }
@@ -320,7 +324,7 @@ const useGridContainerStyles = /*#__PURE__*/ (0, _react["__styles"])({
320
324
  ".fvjh0tl{margin-top:4px;}"
321
325
  ]
322
326
  });
323
- const useButtonRowStyles = /*#__PURE__*/ (0, _react["__styles"])({
327
+ const useButtonRowStyles = /*#__PURE__*/ (0, _react.__styles)({
324
328
  base: {
325
329
  jrapky: "f15tpi3i",
326
330
  sw9gdo: "f1gdbdba"
@@ -368,7 +372,7 @@ const useButtonRowStyles = /*#__PURE__*/ (0, _react["__styles"])({
368
372
  "@keyframes funtx0y{from{pointer-events:none;transform:translate3d(0, 20px, 0);}to{pointer-events:auto;transform:translate3d(0, 0, 0);}}"
369
373
  ]
370
374
  });
371
- const useItemButtonStyles = /*#__PURE__*/ (0, _react["__styles"])({
375
+ const useItemButtonStyles = /*#__PURE__*/ (0, _react.__styles)({
372
376
  base: {
373
377
  De3pzq: "f1c21dwh",
374
378
  icvyot: "f1ern45e",
@@ -552,7 +556,7 @@ const useItemButtonStyles = /*#__PURE__*/ (0, _react["__styles"])({
552
556
  ]
553
557
  ]
554
558
  });
555
- const useCurrentStyles = /*#__PURE__*/ (0, _react["__styles"])({
559
+ const useCurrentStyles = /*#__PURE__*/ (0, _react.__styles)({
556
560
  highlightCurrent: {
557
561
  De3pzq: "ffp7eso",
558
562
  sj55zd: "f1phragk",
@@ -615,7 +619,7 @@ const useCurrentStyles = /*#__PURE__*/ (0, _react["__styles"])({
615
619
  ".f13lyc4l:hover,.f13lyc4l:hover:active{color:var(--colorNeutralForegroundOnBrand);}"
616
620
  ]
617
621
  });
618
- const useSelectedStyles = /*#__PURE__*/ (0, _react["__styles"])({
622
+ const useSelectedStyles = /*#__PURE__*/ (0, _react.__styles)({
619
623
  highlightSelected: {
620
624
  De3pzq: "f1vevd59",
621
625
  sj55zd: "ff5vbop",
@@ -682,7 +686,7 @@ const useSelectedStyles = /*#__PURE__*/ (0, _react["__styles"])({
682
686
  ".f1wvkgvo:hover:active{background-color:var(--colorBrandBackgroundInvertedPressed);}"
683
687
  ]
684
688
  });
685
- const useDisabledStyles = /*#__PURE__*/ (0, _react["__styles"])({
689
+ const useDisabledStyles = /*#__PURE__*/ (0, _react.__styles)({
686
690
  base: {
687
691
  Bg33ivm: "f1oelgmz",
688
692
  t69wg0: "fhh1ekj",
@@ -721,7 +725,7 @@ const useCalendarPickerStyles_unstable = (props)=>{
721
725
  const currentStyles = useCurrentStyles();
722
726
  const selectedStyles = useSelectedStyles();
723
727
  const disabledStyles = useDisabledStyles();
724
- const { animateBackwards , animationDirection , className , hasHeaderClickCallback , highlightCurrent , highlightSelected } = props;
728
+ const { animateBackwards, animationDirection, className, hasHeaderClickCallback, highlightCurrent, highlightSelected } = props;
725
729
  return {
726
730
  root: (0, _react.mergeClasses)(calendarPickerClassNames.root, rootStyles.normalize, rootStyles.base, className),
727
731
  headerContainer: (0, _react.mergeClasses)(calendarPickerClassNames.headerContainer, headerContainerStyles.base),
@@ -729,7 +733,7 @@ const useCalendarPickerStyles_unstable = (props)=>{
729
733
  navigationButtonsContainer: (0, _react.mergeClasses)(calendarPickerClassNames.navigationButtonsContainer, navigationButtonsContainerStyles.base),
730
734
  navigationButton: (0, _react.mergeClasses)(calendarPickerClassNames.navigationButton, navigationButtonStyles.base),
731
735
  gridContainer: (0, _react.mergeClasses)(calendarPickerClassNames.gridContainer, gridContainerStyles.base),
732
- buttonRow: (0, _react.mergeClasses)(calendarPickerClassNames.buttonRow, buttonRowStyles.base, buttonRowStyles.animation, animateBackwards !== undefined && (animationDirection === _calendarTypes.AnimationDirection.Horizontal ? animateBackwards ? buttonRowStyles.horizontalBackward : buttonRowStyles.horizontalForward : animateBackwards ? buttonRowStyles.verticalBackward : buttonRowStyles.verticalForward)),
736
+ buttonRow: (0, _react.mergeClasses)(calendarPickerClassNames.buttonRow, buttonRowStyles.base, buttonRowStyles.animation, animateBackwards !== undefined && (animationDirection === _Calendartypes.AnimationDirection.Horizontal ? animateBackwards ? buttonRowStyles.horizontalBackward : buttonRowStyles.horizontalForward : animateBackwards ? buttonRowStyles.verticalBackward : buttonRowStyles.verticalForward)),
733
737
  itemButton: (0, _react.mergeClasses)(calendarPickerClassNames.itemButton, itemButtonStyles.base),
734
738
  selected: (0, _react.mergeClasses)(calendarPickerClassNames.selected, highlightSelected && selectedStyles.highlightSelected),
735
739
  current: (0, _react.mergeClasses)(calendarPickerClassNames.current, highlightCurrent && currentStyles.highlightCurrent),