@fluentui/react-calendar-compat 0.4.3 → 0.4.5

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 (238) hide show
  1. package/CHANGELOG.md +28 -2
  2. package/dist/index.d.cts +1426 -0
  3. package/lib/Calendar.js +1 -1
  4. package/lib/Calendar.js.map +1 -1
  5. package/lib/CalendarDay.js +1 -1
  6. package/lib/CalendarDay.js.map +1 -1
  7. package/lib/CalendarDayGrid.js +1 -1
  8. package/lib/CalendarDayGrid.js.map +1 -1
  9. package/lib/CalendarMonth.js +1 -1
  10. package/lib/CalendarMonth.js.map +1 -1
  11. package/lib/CalendarPicker.js +1 -1
  12. package/lib/CalendarPicker.js.map +1 -1
  13. package/lib/CalendarYear.js +1 -1
  14. package/lib/CalendarYear.js.map +1 -1
  15. package/lib/components/Calendar/Calendar.js +9 -9
  16. package/lib/components/Calendar/Calendar.js.map +1 -1
  17. package/lib/components/Calendar/calendarNavigationIcons.js +2 -2
  18. package/lib/components/Calendar/defaults.js +1 -1
  19. package/lib/components/Calendar/defaults.js.map +1 -1
  20. package/lib/components/Calendar/index.js +4 -4
  21. package/lib/components/Calendar/index.js.map +1 -1
  22. package/lib/components/Calendar/useCalendarStyles.styles.js +2 -2
  23. package/lib/components/Calendar/useCalendarStyles.styles.js.map +1 -1
  24. package/lib/components/Calendar/useCalendarStyles.styles.raw.js +2 -2
  25. package/lib/components/CalendarDay/CalendarDay.js +7 -7
  26. package/lib/components/CalendarDay/CalendarDay.js.map +1 -1
  27. package/lib/components/CalendarDay/index.js +2 -2
  28. package/lib/components/CalendarDay/index.js.map +1 -1
  29. package/lib/components/CalendarDay/useCalendarDayStyles.styles.js +2 -2
  30. package/lib/components/CalendarDay/useCalendarDayStyles.styles.js.map +1 -1
  31. package/lib/components/CalendarDay/useCalendarDayStyles.styles.raw.js +2 -2
  32. package/lib/components/CalendarDayGrid/CalendarDayGrid.js +12 -12
  33. package/lib/components/CalendarDayGrid/CalendarDayGrid.js.map +1 -1
  34. package/lib/components/CalendarDayGrid/CalendarGridDayCell.js +8 -8
  35. package/lib/components/CalendarDayGrid/CalendarGridDayCell.js.map +1 -1
  36. package/lib/components/CalendarDayGrid/CalendarGridRow.js +3 -3
  37. package/lib/components/CalendarDayGrid/CalendarGridRow.js.map +1 -1
  38. package/lib/components/CalendarDayGrid/CalendarMonthHeaderRow.js +5 -5
  39. package/lib/components/CalendarDayGrid/CalendarMonthHeaderRow.js.map +1 -1
  40. package/lib/components/CalendarDayGrid/index.js +2 -2
  41. package/lib/components/CalendarDayGrid/index.js.map +1 -1
  42. package/lib/components/CalendarDayGrid/useCalendarDayGridStyles.styles.js +4 -4
  43. package/lib/components/CalendarDayGrid/useCalendarDayGridStyles.styles.js.map +1 -1
  44. package/lib/components/CalendarDayGrid/useCalendarDayGridStyles.styles.raw.js +4 -4
  45. package/lib/components/CalendarDayGrid/useCalendarDayGridStyles.styles.raw.js.map +1 -1
  46. package/lib/components/CalendarDayGrid/useWeekCornerStyles.styles.js +4 -4
  47. package/lib/components/CalendarDayGrid/useWeekCornerStyles.styles.js.map +1 -1
  48. package/lib/components/CalendarDayGrid/useWeekCornerStyles.styles.raw.js +4 -4
  49. package/lib/components/CalendarDayGrid/useWeekCornerStyles.styles.raw.js.map +1 -1
  50. package/lib/components/CalendarDayGrid/useWeeks.js +2 -2
  51. package/lib/components/CalendarDayGrid/useWeeks.js.map +1 -1
  52. package/lib/components/CalendarMonth/CalendarMonth.js +9 -9
  53. package/lib/components/CalendarMonth/CalendarMonth.js.map +1 -1
  54. package/lib/components/CalendarMonth/index.js +2 -2
  55. package/lib/components/CalendarMonth/index.js.map +1 -1
  56. package/lib/components/CalendarMonth/useCalendarMonthStyles.styles.js +1 -1
  57. package/lib/components/CalendarMonth/useCalendarMonthStyles.styles.js.map +1 -1
  58. package/lib/components/CalendarMonth/useCalendarMonthStyles.styles.raw.js +1 -1
  59. package/lib/components/CalendarMonth/useCalendarMonthStyles.styles.raw.js.map +1 -1
  60. package/lib/components/CalendarPicker/index.js +1 -1
  61. package/lib/components/CalendarPicker/index.js.map +1 -1
  62. package/lib/components/CalendarPicker/useCalendarPickerStyles.styles.js +2 -2
  63. package/lib/components/CalendarPicker/useCalendarPickerStyles.styles.js.map +1 -1
  64. package/lib/components/CalendarPicker/useCalendarPickerStyles.styles.raw.js +2 -2
  65. package/lib/components/CalendarYear/CalendarYear.js +9 -8
  66. package/lib/components/CalendarYear/CalendarYear.js.map +1 -1
  67. package/lib/components/CalendarYear/index.js +2 -2
  68. package/lib/components/CalendarYear/index.js.map +1 -1
  69. package/lib/components/CalendarYear/useCalendarYearStyles.styles.js +1 -1
  70. package/lib/components/CalendarYear/useCalendarYearStyles.styles.js.map +1 -1
  71. package/lib/components/CalendarYear/useCalendarYearStyles.styles.raw.js +1 -1
  72. package/lib/components/CalendarYear/useCalendarYearStyles.styles.raw.js.map +1 -1
  73. package/lib/index.js +7 -7
  74. package/lib/index.js.map +1 -1
  75. package/lib/utils/animations.js +1 -1
  76. package/lib/utils/calendarMotions.js +5 -5
  77. package/lib/utils/calendarMotions.js.map +1 -1
  78. package/lib/utils/dateFormatting/index.js +1 -1
  79. package/lib/utils/dateFormatting/index.js.map +1 -1
  80. package/lib/utils/dateGrid/findAvailableDate.js +4 -4
  81. package/lib/utils/dateGrid/findAvailableDate.js.map +1 -1
  82. package/lib/utils/dateGrid/getBoundedDateRange.js +1 -1
  83. package/lib/utils/dateGrid/getBoundedDateRange.js.map +1 -1
  84. package/lib/utils/dateGrid/getDateRangeTypeToUse.js +2 -2
  85. package/lib/utils/dateGrid/getDateRangeTypeToUse.js.map +1 -1
  86. package/lib/utils/dateGrid/getDayGrid.js +5 -5
  87. package/lib/utils/dateGrid/getDayGrid.js.map +1 -1
  88. package/lib/utils/dateGrid/index.js +4 -4
  89. package/lib/utils/dateGrid/index.js.map +1 -1
  90. package/lib/utils/dateGrid/isAfterMaxDate.js +1 -1
  91. package/lib/utils/dateGrid/isAfterMaxDate.js.map +1 -1
  92. package/lib/utils/dateGrid/isBeforeMinDate.js +1 -1
  93. package/lib/utils/dateGrid/isBeforeMinDate.js.map +1 -1
  94. package/lib/utils/dateGrid/isRestrictedDate.js +3 -3
  95. package/lib/utils/dateGrid/isRestrictedDate.js.map +1 -1
  96. package/lib/utils/dateMath/dateMath.js +1 -1
  97. package/lib/utils/dateMath/dateMath.js.map +1 -1
  98. package/lib/utils/dateMath/index.js +1 -1
  99. package/lib/utils/dateMath/index.js.map +1 -1
  100. package/lib/utils/index.js +6 -6
  101. package/lib/utils/index.js.map +1 -1
  102. package/lib-commonjs/{Calendar.js → Calendar.cjs} +1 -1
  103. package/lib-commonjs/{Calendar.js.map → Calendar.cjs.map} +1 -1
  104. package/lib-commonjs/{CalendarDay.js → CalendarDay.cjs} +1 -1
  105. package/lib-commonjs/{CalendarDay.js.map → CalendarDay.cjs.map} +1 -1
  106. package/lib-commonjs/{CalendarDayGrid.js → CalendarDayGrid.cjs} +1 -1
  107. package/lib-commonjs/{CalendarDayGrid.js.map → CalendarDayGrid.cjs.map} +1 -1
  108. package/lib-commonjs/{CalendarMonth.js → CalendarMonth.cjs} +1 -1
  109. package/lib-commonjs/{CalendarMonth.js.map → CalendarMonth.cjs.map} +1 -1
  110. package/lib-commonjs/{CalendarPicker.js → CalendarPicker.cjs} +1 -1
  111. package/lib-commonjs/{CalendarPicker.js.map → CalendarPicker.cjs.map} +1 -1
  112. package/lib-commonjs/{CalendarYear.js → CalendarYear.cjs} +1 -1
  113. package/lib-commonjs/{CalendarYear.js.map → CalendarYear.cjs.map} +1 -1
  114. package/lib-commonjs/components/Calendar/{Calendar.js → Calendar.cjs} +17 -17
  115. package/lib-commonjs/components/Calendar/{Calendar.js.map → Calendar.cjs.map} +1 -1
  116. package/lib-commonjs/components/Calendar/{defaults.js → defaults.cjs} +2 -2
  117. package/lib-commonjs/components/Calendar/{defaults.js.map → defaults.cjs.map} +1 -1
  118. package/lib-commonjs/components/Calendar/{index.js → index.cjs} +4 -4
  119. package/lib-commonjs/components/Calendar/{index.js.map → index.cjs.map} +1 -1
  120. package/lib-commonjs/components/Calendar/useCalendarStyles.styles.cjs.map +1 -0
  121. package/lib-commonjs/components/CalendarDay/{CalendarDay.js → CalendarDay.cjs} +10 -10
  122. package/lib-commonjs/components/CalendarDay/{CalendarDay.js.map → CalendarDay.cjs.map} +1 -1
  123. package/lib-commonjs/components/CalendarDay/{index.js → index.cjs} +2 -2
  124. package/lib-commonjs/components/CalendarDay/{index.js.map → index.cjs.map} +1 -1
  125. package/lib-commonjs/components/CalendarDay/useCalendarDayStyles.styles.cjs.map +1 -0
  126. package/lib-commonjs/components/CalendarDayGrid/{CalendarDayGrid.js → CalendarDayGrid.cjs} +14 -14
  127. package/lib-commonjs/components/CalendarDayGrid/{CalendarDayGrid.js.map → CalendarDayGrid.cjs.map} +1 -1
  128. package/lib-commonjs/components/CalendarDayGrid/{CalendarGridDayCell.js → CalendarGridDayCell.cjs} +13 -13
  129. package/lib-commonjs/components/CalendarDayGrid/{CalendarGridDayCell.js.map → CalendarGridDayCell.cjs.map} +1 -1
  130. package/lib-commonjs/components/CalendarDayGrid/{CalendarGridRow.js → CalendarGridRow.cjs} +3 -3
  131. package/lib-commonjs/components/CalendarDayGrid/{CalendarGridRow.js.map → CalendarGridRow.cjs.map} +1 -1
  132. package/lib-commonjs/components/CalendarDayGrid/{CalendarMonthHeaderRow.js → CalendarMonthHeaderRow.cjs} +3 -3
  133. package/lib-commonjs/components/CalendarDayGrid/{CalendarMonthHeaderRow.js.map → CalendarMonthHeaderRow.cjs.map} +1 -1
  134. package/lib-commonjs/components/CalendarDayGrid/{index.js → index.cjs} +2 -2
  135. package/lib-commonjs/components/CalendarDayGrid/{index.js.map → index.cjs.map} +1 -1
  136. package/lib-commonjs/components/CalendarDayGrid/useCalendarDayGridStyles.styles.cjs.map +1 -0
  137. package/lib-commonjs/components/CalendarDayGrid/{useCalendarDayGridStyles.styles.raw.js → useCalendarDayGridStyles.styles.raw.cjs} +1 -1
  138. package/lib-commonjs/components/CalendarDayGrid/{useCalendarDayGridStyles.styles.raw.js.map → useCalendarDayGridStyles.styles.raw.cjs.map} +1 -1
  139. package/lib-commonjs/components/CalendarDayGrid/{useWeekCornerStyles.styles.js → useWeekCornerStyles.styles.cjs} +2 -2
  140. package/lib-commonjs/components/CalendarDayGrid/useWeekCornerStyles.styles.cjs.map +1 -0
  141. package/lib-commonjs/components/CalendarDayGrid/{useWeekCornerStyles.styles.raw.js → useWeekCornerStyles.styles.raw.cjs} +2 -2
  142. package/lib-commonjs/components/CalendarDayGrid/{useWeekCornerStyles.styles.raw.js.map → useWeekCornerStyles.styles.raw.cjs.map} +1 -1
  143. package/lib-commonjs/components/CalendarDayGrid/{useWeeks.js → useWeeks.cjs} +1 -1
  144. package/lib-commonjs/components/CalendarDayGrid/{useWeeks.js.map → useWeeks.cjs.map} +1 -1
  145. package/lib-commonjs/components/CalendarMonth/{CalendarMonth.js → CalendarMonth.cjs} +17 -17
  146. package/lib-commonjs/components/CalendarMonth/{CalendarMonth.js.map → CalendarMonth.cjs.map} +1 -1
  147. package/lib-commonjs/components/CalendarMonth/{index.js → index.cjs} +2 -2
  148. package/lib-commonjs/components/CalendarMonth/{index.js.map → index.cjs.map} +1 -1
  149. package/lib-commonjs/components/CalendarMonth/{useCalendarMonthStyles.styles.js → useCalendarMonthStyles.styles.cjs} +1 -1
  150. package/lib-commonjs/components/CalendarMonth/useCalendarMonthStyles.styles.cjs.map +1 -0
  151. package/lib-commonjs/components/CalendarMonth/{useCalendarMonthStyles.styles.raw.js → useCalendarMonthStyles.styles.raw.cjs} +1 -1
  152. package/lib-commonjs/components/CalendarMonth/{useCalendarMonthStyles.styles.raw.js.map → useCalendarMonthStyles.styles.raw.cjs.map} +1 -1
  153. package/lib-commonjs/components/CalendarPicker/{index.js → index.cjs} +1 -1
  154. package/lib-commonjs/components/CalendarPicker/{index.js.map → index.cjs.map} +1 -1
  155. package/lib-commonjs/components/CalendarPicker/useCalendarPickerStyles.styles.cjs.map +1 -0
  156. package/lib-commonjs/components/CalendarYear/{CalendarYear.js → CalendarYear.cjs} +5 -4
  157. package/lib-commonjs/components/CalendarYear/CalendarYear.cjs.map +1 -0
  158. package/lib-commonjs/components/CalendarYear/{index.js → index.cjs} +2 -2
  159. package/lib-commonjs/components/CalendarYear/{index.js.map → index.cjs.map} +1 -1
  160. package/lib-commonjs/components/CalendarYear/{useCalendarYearStyles.styles.js → useCalendarYearStyles.styles.cjs} +1 -1
  161. package/lib-commonjs/components/CalendarYear/useCalendarYearStyles.styles.cjs.map +1 -0
  162. package/lib-commonjs/components/CalendarYear/{useCalendarYearStyles.styles.raw.js → useCalendarYearStyles.styles.raw.cjs} +1 -1
  163. package/lib-commonjs/components/CalendarYear/{useCalendarYearStyles.styles.raw.js.map → useCalendarYearStyles.styles.raw.cjs.map} +1 -1
  164. package/lib-commonjs/{index.js → index.cjs} +34 -34
  165. package/lib-commonjs/{index.js.map → index.cjs.map} +1 -1
  166. package/lib-commonjs/utils/{calendarMotions.js → calendarMotions.cjs} +1 -1
  167. package/lib-commonjs/utils/{calendarMotions.js.map → calendarMotions.cjs.map} +1 -1
  168. package/lib-commonjs/utils/dateFormatting/{index.js → index.cjs} +1 -1
  169. package/lib-commonjs/utils/dateFormatting/{index.js.map → index.cjs.map} +1 -1
  170. package/lib-commonjs/utils/dateGrid/{findAvailableDate.js → findAvailableDate.cjs} +4 -4
  171. package/lib-commonjs/utils/dateGrid/{findAvailableDate.js.map → findAvailableDate.cjs.map} +1 -1
  172. package/lib-commonjs/utils/dateGrid/{getBoundedDateRange.js → getBoundedDateRange.cjs} +1 -1
  173. package/lib-commonjs/utils/dateGrid/{getBoundedDateRange.js.map → getBoundedDateRange.cjs.map} +1 -1
  174. package/lib-commonjs/utils/dateGrid/{getDateRangeTypeToUse.js → getDateRangeTypeToUse.cjs} +2 -2
  175. package/lib-commonjs/utils/dateGrid/{getDateRangeTypeToUse.js.map → getDateRangeTypeToUse.cjs.map} +1 -1
  176. package/lib-commonjs/utils/dateGrid/{getDayGrid.js → getDayGrid.cjs} +5 -5
  177. package/lib-commonjs/utils/dateGrid/{getDayGrid.js.map → getDayGrid.cjs.map} +1 -1
  178. package/lib-commonjs/utils/dateGrid/{index.js → index.cjs} +4 -4
  179. package/lib-commonjs/utils/dateGrid/{index.js.map → index.cjs.map} +1 -1
  180. package/lib-commonjs/utils/dateGrid/{isAfterMaxDate.js → isAfterMaxDate.cjs} +1 -1
  181. package/lib-commonjs/utils/dateGrid/{isAfterMaxDate.js.map → isAfterMaxDate.cjs.map} +1 -1
  182. package/lib-commonjs/utils/dateGrid/{isBeforeMinDate.js → isBeforeMinDate.cjs} +1 -1
  183. package/lib-commonjs/utils/dateGrid/{isBeforeMinDate.js.map → isBeforeMinDate.cjs.map} +1 -1
  184. package/lib-commonjs/utils/dateGrid/{isRestrictedDate.js → isRestrictedDate.cjs} +3 -3
  185. package/lib-commonjs/utils/dateGrid/{isRestrictedDate.js.map → isRestrictedDate.cjs.map} +1 -1
  186. package/lib-commonjs/utils/dateMath/{dateMath.js → dateMath.cjs} +1 -1
  187. package/lib-commonjs/utils/dateMath/{dateMath.js.map → dateMath.cjs.map} +1 -1
  188. package/lib-commonjs/utils/dateMath/{index.js → index.cjs} +1 -1
  189. package/lib-commonjs/utils/dateMath/{index.js.map → index.cjs.map} +1 -1
  190. package/lib-commonjs/utils/{index.js → index.cjs} +36 -36
  191. package/lib-commonjs/utils/{index.js.map → index.cjs.map} +1 -1
  192. package/package.json +21 -15
  193. package/lib-commonjs/components/Calendar/useCalendarStyles.styles.js.map +0 -1
  194. package/lib-commonjs/components/CalendarDay/useCalendarDayStyles.styles.js.map +0 -1
  195. package/lib-commonjs/components/CalendarDayGrid/useCalendarDayGridStyles.styles.js.map +0 -1
  196. package/lib-commonjs/components/CalendarDayGrid/useWeekCornerStyles.styles.js.map +0 -1
  197. package/lib-commonjs/components/CalendarMonth/useCalendarMonthStyles.styles.js.map +0 -1
  198. package/lib-commonjs/components/CalendarPicker/useCalendarPickerStyles.styles.js.map +0 -1
  199. package/lib-commonjs/components/CalendarYear/CalendarYear.js.map +0 -1
  200. package/lib-commonjs/components/CalendarYear/useCalendarYearStyles.styles.js.map +0 -1
  201. /package/lib-commonjs/components/Calendar/{Calendar.types.js → Calendar.types.cjs} +0 -0
  202. /package/lib-commonjs/components/Calendar/{Calendar.types.js.map → Calendar.types.cjs.map} +0 -0
  203. /package/lib-commonjs/components/Calendar/{calendarNavigationIcons.js → calendarNavigationIcons.cjs} +0 -0
  204. /package/lib-commonjs/components/Calendar/{calendarNavigationIcons.js.map → calendarNavigationIcons.cjs.map} +0 -0
  205. /package/lib-commonjs/components/Calendar/{useCalendarStyles.styles.js → useCalendarStyles.styles.cjs} +0 -0
  206. /package/lib-commonjs/components/Calendar/{useCalendarStyles.styles.raw.js → useCalendarStyles.styles.raw.cjs} +0 -0
  207. /package/lib-commonjs/components/Calendar/{useCalendarStyles.styles.raw.js.map → useCalendarStyles.styles.raw.cjs.map} +0 -0
  208. /package/lib-commonjs/components/CalendarDay/{CalendarDay.types.js → CalendarDay.types.cjs} +0 -0
  209. /package/lib-commonjs/components/CalendarDay/{CalendarDay.types.js.map → CalendarDay.types.cjs.map} +0 -0
  210. /package/lib-commonjs/components/CalendarDay/{useCalendarDayStyles.styles.js → useCalendarDayStyles.styles.cjs} +0 -0
  211. /package/lib-commonjs/components/CalendarDay/{useCalendarDayStyles.styles.raw.js → useCalendarDayStyles.styles.raw.cjs} +0 -0
  212. /package/lib-commonjs/components/CalendarDay/{useCalendarDayStyles.styles.raw.js.map → useCalendarDayStyles.styles.raw.cjs.map} +0 -0
  213. /package/lib-commonjs/components/CalendarDayGrid/{CalendarDayGrid.types.js → CalendarDayGrid.types.cjs} +0 -0
  214. /package/lib-commonjs/components/CalendarDayGrid/{CalendarDayGrid.types.js.map → CalendarDayGrid.types.cjs.map} +0 -0
  215. /package/lib-commonjs/components/CalendarDayGrid/{useCalendarDayGridStyles.styles.js → useCalendarDayGridStyles.styles.cjs} +0 -0
  216. /package/lib-commonjs/components/CalendarMonth/{CalendarMonth.types.js → CalendarMonth.types.cjs} +0 -0
  217. /package/lib-commonjs/components/CalendarMonth/{CalendarMonth.types.js.map → CalendarMonth.types.cjs.map} +0 -0
  218. /package/lib-commonjs/components/CalendarPicker/{CalendarPicker.types.js → CalendarPicker.types.cjs} +0 -0
  219. /package/lib-commonjs/components/CalendarPicker/{CalendarPicker.types.js.map → CalendarPicker.types.cjs.map} +0 -0
  220. /package/lib-commonjs/components/CalendarPicker/{useCalendarPickerStyles.styles.js → useCalendarPickerStyles.styles.cjs} +0 -0
  221. /package/lib-commonjs/components/CalendarPicker/{useCalendarPickerStyles.styles.raw.js → useCalendarPickerStyles.styles.raw.cjs} +0 -0
  222. /package/lib-commonjs/components/CalendarPicker/{useCalendarPickerStyles.styles.raw.js.map → useCalendarPickerStyles.styles.raw.cjs.map} +0 -0
  223. /package/lib-commonjs/components/CalendarYear/{CalendarYear.types.js → CalendarYear.types.cjs} +0 -0
  224. /package/lib-commonjs/components/CalendarYear/{CalendarYear.types.js.map → CalendarYear.types.cjs.map} +0 -0
  225. /package/lib-commonjs/utils/{animations.js → animations.cjs} +0 -0
  226. /package/lib-commonjs/utils/{animations.js.map → animations.cjs.map} +0 -0
  227. /package/lib-commonjs/utils/{constants.js → constants.cjs} +0 -0
  228. /package/lib-commonjs/utils/{constants.js.map → constants.cjs.map} +0 -0
  229. /package/lib-commonjs/utils/dateFormatting/{dateFormatting.defaults.js → dateFormatting.defaults.cjs} +0 -0
  230. /package/lib-commonjs/utils/dateFormatting/{dateFormatting.defaults.js.map → dateFormatting.defaults.cjs.map} +0 -0
  231. /package/lib-commonjs/utils/dateFormatting/{dateFormatting.types.js → dateFormatting.types.cjs} +0 -0
  232. /package/lib-commonjs/utils/dateFormatting/{dateFormatting.types.js.map → dateFormatting.types.cjs.map} +0 -0
  233. /package/lib-commonjs/utils/dateGrid/{dateGrid.types.js → dateGrid.types.cjs} +0 -0
  234. /package/lib-commonjs/utils/dateGrid/{dateGrid.types.js.map → dateGrid.types.cjs.map} +0 -0
  235. /package/lib-commonjs/utils/dateGrid/{isContiguous.js → isContiguous.cjs} +0 -0
  236. /package/lib-commonjs/utils/dateGrid/{isContiguous.js.map → isContiguous.cjs.map} +0 -0
  237. /package/lib-commonjs/utils/{focus.js → focus.cjs} +0 -0
  238. /package/lib-commonjs/utils/{focus.js.map → focus.cjs.map} +0 -0
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/CalendarDay/CalendarDay.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Enter } from '@fluentui/keyboard-keys';\nimport { mergeClasses } from '@griffel/react';\nimport { addMonths, compareDatePart, getMonthEnd, getMonthStart } from '../../utils';\nimport { CalendarDayGrid } from '../CalendarDayGrid/CalendarDayGrid';\nimport { useCalendarDayStyles_unstable } from './useCalendarDayStyles.styles';\nimport type { ICalendarDayGrid } from '../CalendarDayGrid/CalendarDayGrid.types';\nimport type { CalendarDayProps, CalendarDayStyles } from './CalendarDay.types';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport { AnimationDirection } from '../../Calendar';\n\n/**\n * @internal\n */\nexport const CalendarDay: React.FunctionComponent<CalendarDayProps> = props => {\n const dayGrid = React.useRef<ICalendarDayGrid>(null);\n\n React.useImperativeHandle(\n props.componentRef,\n () => ({\n focus() {\n dayGrid.current?.focus?.();\n },\n }),\n [],\n );\n\n const {\n strings,\n gridLabel,\n navigatedDate,\n dateTimeFormatter,\n className,\n onHeaderSelect,\n showSixWeeksByDefault,\n minDate,\n maxDate,\n restrictedDates,\n onNavigateDate,\n showWeekNumbers,\n dateRangeType,\n animationDirection = AnimationDirection.Vertical,\n } = props;\n\n const classNames = useCalendarDayStyles_unstable({\n className,\n headerIsClickable: !!onHeaderSelect,\n showWeekNumbers,\n animationDirection,\n });\n\n const monthAndYear = dateTimeFormatter.formatMonthYear(navigatedDate, strings);\n const HeaderButtonComponentType = onHeaderSelect ? 'button' : 'div';\n const headerAriaLabel = strings.yearPickerHeaderAriaLabel\n ? strings.yearPickerHeaderAriaLabel.replace('{0}', monthAndYear)\n : monthAndYear;\n\n const { ...propsWithoutStyles } = props;\n\n return (\n <div className={classNames.root}>\n <div className={classNames.header}>\n <HeaderButtonComponentType\n aria-label={onHeaderSelect ? headerAriaLabel : undefined}\n className={classNames.monthAndYear}\n onClick={onHeaderSelect}\n tabIndex={onHeaderSelect ? 0 : -1} // prevent focus if there's no action for the button\n onKeyDown={onButtonKeyDown(onHeaderSelect)}\n type=\"button\"\n >\n <span aria-live=\"polite\" aria-atomic=\"true\">\n {monthAndYear}\n </span>\n </HeaderButtonComponentType>\n <CalendarDayNavigationButtons {...props} classNames={classNames} />\n </div>\n <CalendarDayGrid\n {...propsWithoutStyles}\n gridLabel={`${monthAndYear}, ${gridLabel}`}\n componentRef={dayGrid}\n strings={strings}\n navigatedDate={navigatedDate!}\n weeksToShow={showSixWeeksByDefault ? 6 : undefined}\n dateTimeFormatter={dateTimeFormatter!}\n minDate={minDate}\n maxDate={maxDate}\n restrictedDates={restrictedDates}\n onNavigateDate={onNavigateDate}\n dateRangeType={dateRangeType}\n />\n </div>\n );\n};\nCalendarDay.displayName = 'CalendarDay';\n\ninterface CalendarDayNavigationButtonsProps extends CalendarDayProps {\n classNames: Record<keyof CalendarDayStyles, string>;\n}\n\nconst CalendarDayNavigationButtons = (props: CalendarDayNavigationButtonsProps): JSXElement => {\n const {\n minDate,\n maxDate,\n navigatedDate,\n navigationIcons,\n allFocusable,\n strings,\n showCloseButton,\n classNames,\n onNavigateDate,\n onDismiss,\n } = props;\n\n const onSelectNextMonth = (): void => {\n onNavigateDate(addMonths(navigatedDate, 1), false);\n };\n\n const onSelectPrevMonth = (): void => {\n onNavigateDate(addMonths(navigatedDate, -1), false);\n };\n\n // determine if previous/next months are in bounds\n const prevMonthInBounds = minDate ? compareDatePart(minDate, getMonthStart(navigatedDate)) < 0 : true;\n const nextMonthInBounds = maxDate ? compareDatePart(getMonthEnd(navigatedDate), maxDate) < 0 : true;\n\n // use aria-disabled instead of disabled so focus is not lost\n // when a prev/next button becomes disabled after being clicked\n return (\n <div className={classNames.monthComponents}>\n <button\n className={mergeClasses(classNames.headerIconButton, !prevMonthInBounds && classNames.disabledStyle)}\n tabIndex={prevMonthInBounds ? undefined : allFocusable ? 0 : -1}\n aria-disabled={!prevMonthInBounds}\n onClick={prevMonthInBounds ? onSelectPrevMonth : undefined}\n onKeyDown={prevMonthInBounds ? onButtonKeyDown(onSelectPrevMonth) : undefined}\n title={\n strings.prevMonthAriaLabel\n ? strings.prevMonthAriaLabel + ' ' + strings.months[addMonths(navigatedDate, -1).getMonth()]\n : undefined\n }\n type=\"button\"\n >\n {navigationIcons.upNavigation}\n </button>\n <button\n className={mergeClasses(classNames.headerIconButton, !nextMonthInBounds && classNames.disabledStyle)}\n tabIndex={nextMonthInBounds ? undefined : allFocusable ? 0 : -1}\n aria-disabled={!nextMonthInBounds}\n onClick={nextMonthInBounds ? onSelectNextMonth : undefined}\n onKeyDown={nextMonthInBounds ? onButtonKeyDown(onSelectNextMonth) : undefined}\n title={\n strings.nextMonthAriaLabel\n ? strings.nextMonthAriaLabel + ' ' + strings.months[addMonths(navigatedDate, 1).getMonth()]\n : undefined\n }\n type=\"button\"\n >\n {navigationIcons.downNavigation}\n </button>\n {showCloseButton && (\n <button\n className={classNames.headerIconButton}\n onClick={onDismiss}\n onKeyDown={onButtonKeyDown(onDismiss)}\n title={strings.closeButtonAriaLabel}\n type=\"button\"\n >\n {navigationIcons.dismiss}\n </button>\n )}\n </div>\n );\n};\nCalendarDayNavigationButtons.displayName = 'CalendarDayNavigationButtons';\n\nconst onButtonKeyDown =\n (callback?: () => void): ((ev: React.KeyboardEvent<HTMLButtonElement | HTMLDivElement>) => void) =>\n (ev: React.KeyboardEvent<HTMLButtonElement | HTMLDivElement>) => {\n switch (ev.key) {\n case Enter:\n callback?.();\n break;\n }\n };\n"],"names":["React","Enter","mergeClasses","addMonths","compareDatePart","getMonthEnd","getMonthStart","CalendarDayGrid","useCalendarDayStyles_unstable","AnimationDirection","CalendarDay","props","dayGrid","useRef","useImperativeHandle","componentRef","focus","current","strings","gridLabel","navigatedDate","dateTimeFormatter","className","onHeaderSelect","showSixWeeksByDefault","minDate","maxDate","restrictedDates","onNavigateDate","showWeekNumbers","dateRangeType","animationDirection","Vertical","classNames","headerIsClickable","monthAndYear","formatMonthYear","HeaderButtonComponentType","headerAriaLabel","yearPickerHeaderAriaLabel","replace","propsWithoutStyles","div","root","header","aria-label","undefined","onClick","tabIndex","onKeyDown","onButtonKeyDown","type","span","aria-live","aria-atomic","CalendarDayNavigationButtons","weeksToShow","displayName","navigationIcons","allFocusable","showCloseButton","onDismiss","onSelectNextMonth","onSelectPrevMonth","prevMonthInBounds","nextMonthInBounds","monthComponents","button","headerIconButton","disabledStyle","aria-disabled","title","prevMonthAriaLabel","months","getMonth","upNavigation","nextMonthAriaLabel","downNavigation","closeButtonAriaLabel","dismiss","callback","ev","key"],"mappings":"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"}
1
+ {"version":3,"sources":["../src/components/CalendarDay/CalendarDay.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Enter } from '@fluentui/keyboard-keys';\nimport { mergeClasses } from '@griffel/react';\nimport { addMonths, compareDatePart, getMonthEnd, getMonthStart } from '../../utils';\nimport { CalendarDayGrid } from '../CalendarDayGrid/CalendarDayGrid';\nimport { useCalendarDayStyles_unstable } from './useCalendarDayStyles.styles';\nimport type { ICalendarDayGrid } from '../CalendarDayGrid/CalendarDayGrid.types';\nimport type { CalendarDayProps, CalendarDayStyles } from './CalendarDay.types';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport { AnimationDirection } from '../../Calendar';\n\n/**\n * @internal\n */\nexport const CalendarDay: React.FunctionComponent<CalendarDayProps> = props => {\n const dayGrid = React.useRef<ICalendarDayGrid>(null);\n\n React.useImperativeHandle(\n props.componentRef,\n () => ({\n focus() {\n dayGrid.current?.focus?.();\n },\n }),\n [],\n );\n\n const {\n strings,\n gridLabel,\n navigatedDate,\n dateTimeFormatter,\n className,\n onHeaderSelect,\n showSixWeeksByDefault,\n minDate,\n maxDate,\n restrictedDates,\n onNavigateDate,\n showWeekNumbers,\n dateRangeType,\n animationDirection = AnimationDirection.Vertical,\n } = props;\n\n const classNames = useCalendarDayStyles_unstable({\n className,\n headerIsClickable: !!onHeaderSelect,\n showWeekNumbers,\n animationDirection,\n });\n\n const monthAndYear = dateTimeFormatter.formatMonthYear(navigatedDate, strings);\n const HeaderButtonComponentType = onHeaderSelect ? 'button' : 'div';\n const headerAriaLabel = strings.yearPickerHeaderAriaLabel\n ? strings.yearPickerHeaderAriaLabel.replace('{0}', monthAndYear)\n : monthAndYear;\n\n const { ...propsWithoutStyles } = props;\n\n return (\n <div className={classNames.root}>\n <div className={classNames.header}>\n <HeaderButtonComponentType\n aria-label={onHeaderSelect ? headerAriaLabel : undefined}\n className={classNames.monthAndYear}\n onClick={onHeaderSelect}\n tabIndex={onHeaderSelect ? 0 : -1} // prevent focus if there's no action for the button\n onKeyDown={onButtonKeyDown(onHeaderSelect)}\n type=\"button\"\n >\n <span aria-live=\"polite\" aria-atomic=\"true\">\n {monthAndYear}\n </span>\n </HeaderButtonComponentType>\n <CalendarDayNavigationButtons {...props} classNames={classNames} />\n </div>\n <CalendarDayGrid\n {...propsWithoutStyles}\n gridLabel={`${monthAndYear}, ${gridLabel}`}\n componentRef={dayGrid}\n strings={strings}\n navigatedDate={navigatedDate!}\n weeksToShow={showSixWeeksByDefault ? 6 : undefined}\n dateTimeFormatter={dateTimeFormatter!}\n minDate={minDate}\n maxDate={maxDate}\n restrictedDates={restrictedDates}\n onNavigateDate={onNavigateDate}\n dateRangeType={dateRangeType}\n />\n </div>\n );\n};\nCalendarDay.displayName = 'CalendarDay';\n\ninterface CalendarDayNavigationButtonsProps extends CalendarDayProps {\n classNames: Record<keyof CalendarDayStyles, string>;\n}\n\nconst CalendarDayNavigationButtons = (props: CalendarDayNavigationButtonsProps): JSXElement => {\n const {\n minDate,\n maxDate,\n navigatedDate,\n navigationIcons,\n allFocusable,\n strings,\n showCloseButton,\n classNames,\n onNavigateDate,\n onDismiss,\n } = props;\n\n const onSelectNextMonth = (): void => {\n onNavigateDate(addMonths(navigatedDate, 1), false);\n };\n\n const onSelectPrevMonth = (): void => {\n onNavigateDate(addMonths(navigatedDate, -1), false);\n };\n\n // determine if previous/next months are in bounds\n const prevMonthInBounds = minDate ? compareDatePart(minDate, getMonthStart(navigatedDate)) < 0 : true;\n const nextMonthInBounds = maxDate ? compareDatePart(getMonthEnd(navigatedDate), maxDate) < 0 : true;\n\n // use aria-disabled instead of disabled so focus is not lost\n // when a prev/next button becomes disabled after being clicked\n return (\n <div className={classNames.monthComponents}>\n <button\n className={mergeClasses(classNames.headerIconButton, !prevMonthInBounds && classNames.disabledStyle)}\n tabIndex={prevMonthInBounds ? undefined : allFocusable ? 0 : -1}\n aria-disabled={!prevMonthInBounds}\n onClick={prevMonthInBounds ? onSelectPrevMonth : undefined}\n onKeyDown={prevMonthInBounds ? onButtonKeyDown(onSelectPrevMonth) : undefined}\n title={\n strings.prevMonthAriaLabel\n ? strings.prevMonthAriaLabel + ' ' + strings.months[addMonths(navigatedDate, -1).getMonth()]\n : undefined\n }\n type=\"button\"\n >\n {navigationIcons.upNavigation}\n </button>\n <button\n className={mergeClasses(classNames.headerIconButton, !nextMonthInBounds && classNames.disabledStyle)}\n tabIndex={nextMonthInBounds ? undefined : allFocusable ? 0 : -1}\n aria-disabled={!nextMonthInBounds}\n onClick={nextMonthInBounds ? onSelectNextMonth : undefined}\n onKeyDown={nextMonthInBounds ? onButtonKeyDown(onSelectNextMonth) : undefined}\n title={\n strings.nextMonthAriaLabel\n ? strings.nextMonthAriaLabel + ' ' + strings.months[addMonths(navigatedDate, 1).getMonth()]\n : undefined\n }\n type=\"button\"\n >\n {navigationIcons.downNavigation}\n </button>\n {showCloseButton && (\n <button\n className={classNames.headerIconButton}\n onClick={onDismiss}\n onKeyDown={onButtonKeyDown(onDismiss)}\n title={strings.closeButtonAriaLabel}\n type=\"button\"\n >\n {navigationIcons.dismiss}\n </button>\n )}\n </div>\n );\n};\nCalendarDayNavigationButtons.displayName = 'CalendarDayNavigationButtons';\n\nconst onButtonKeyDown =\n (callback?: () => void): ((ev: React.KeyboardEvent<HTMLButtonElement | HTMLDivElement>) => void) =>\n (ev: React.KeyboardEvent<HTMLButtonElement | HTMLDivElement>) => {\n switch (ev.key) {\n case Enter:\n callback?.();\n break;\n }\n };\n"],"names":["React","Enter","mergeClasses","addMonths","compareDatePart","getMonthEnd","getMonthStart","CalendarDayGrid","useCalendarDayStyles_unstable","AnimationDirection","CalendarDay","props","dayGrid","useRef","useImperativeHandle","componentRef","focus","current","strings","gridLabel","navigatedDate","dateTimeFormatter","className","onHeaderSelect","showSixWeeksByDefault","minDate","maxDate","restrictedDates","onNavigateDate","showWeekNumbers","dateRangeType","animationDirection","Vertical","classNames","headerIsClickable","monthAndYear","formatMonthYear","HeaderButtonComponentType","headerAriaLabel","yearPickerHeaderAriaLabel","replace","propsWithoutStyles","div","root","header","aria-label","undefined","onClick","tabIndex","onKeyDown","onButtonKeyDown","type","span","aria-live","aria-atomic","CalendarDayNavigationButtons","weeksToShow","displayName","navigationIcons","allFocusable","showCloseButton","onDismiss","onSelectNextMonth","onSelectPrevMonth","prevMonthInBounds","nextMonthInBounds","monthComponents","button","headerIconButton","disabledStyle","aria-disabled","title","prevMonthAriaLabel","months","getMonth","upNavigation","nextMonthAriaLabel","downNavigation","closeButtonAriaLabel","dismiss","callback","ev","key"],"mappings":"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"}
@@ -19,5 +19,5 @@ _export(exports, {
19
19
  return _useCalendarDayStylesstyles.useCalendarDayStyles_unstable;
20
20
  }
21
21
  });
22
- const _CalendarDay = require("./CalendarDay");
23
- const _useCalendarDayStylesstyles = require("./useCalendarDayStyles.styles");
22
+ const _CalendarDay = require("./CalendarDay.cjs");
23
+ const _useCalendarDayStylesstyles = require("./useCalendarDayStyles.styles.cjs");
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/CalendarDay/index.ts"],"sourcesContent":["export { CalendarDay } from './CalendarDay';\nexport type { CalendarDayProps, CalendarDayStyleProps, CalendarDayStyles, ICalendarDay } from './CalendarDay.types';\nexport { calendarDayClassNames, useCalendarDayStyles_unstable } from './useCalendarDayStyles.styles';\n"],"names":["CalendarDay","calendarDayClassNames","useCalendarDayStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,wBAAW;;;eAEXC,iDAAqB;;;eAAEC,yDAA6B;;;6BAFjC,gBAAgB;4CAEyB,gCAAgC"}
1
+ {"version":3,"sources":["../src/components/CalendarDay/index.ts"],"sourcesContent":["export { CalendarDay } from './CalendarDay';\nexport type { CalendarDayProps, CalendarDayStyleProps, CalendarDayStyles, ICalendarDay } from './CalendarDay.types';\nexport { calendarDayClassNames, useCalendarDayStyles_unstable } from './useCalendarDayStyles.styles';\n"],"names":["CalendarDay","calendarDayClassNames","useCalendarDayStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,wBAAW;;;eAEXC,iDAAqB;;;eAAEC,yDAA6B;;;6BAFjC,mBAAgB;4CAEyB,mCAAgC"}
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["useCalendarDayStyles.styles.js"],"sourcesContent":["'use client';\nimport { tokens } from \"@fluentui/react-theme\";\nimport { makeStyles, mergeClasses, shorthands } from \"@griffel/react\";\n/**\n * @internal\n */ export const calendarDayClassNames = {\n root: 'fui-CalendarDay',\n header: 'fui-CalendarDay__header',\n monthAndYear: 'fui-CalendarDay__monthAndYear',\n monthComponents: 'fui-CalendarDay__monthComponents',\n headerIconButton: 'fui-CalendarDay__headerIconButton',\n disabledStyle: 'fui-CalendarDay__disabledStyle'\n};\nconst useRootStyles = makeStyles({\n base: {\n boxSizing: 'content-box',\n padding: '12px',\n width: '196px'\n },\n normalize: {\n boxShadow: 'none',\n boxSizing: 'border-box',\n margin: '0',\n padding: '0'\n },\n showWeekNumbers: {\n width: '226px'\n }\n});\nconst useHeaderStyles = makeStyles({\n base: {\n display: 'inline-flex',\n height: '28px',\n lineHeight: '44px',\n position: 'relative',\n width: '100%'\n }\n});\nconst useMonthAndYearStyles = makeStyles({\n base: {\n alignItems: 'center',\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.borderStyle('none'),\n borderRadius: tokens.borderRadiusMedium,\n color: tokens.colorNeutralForeground1,\n display: 'inline-block',\n flexGrow: 1,\n fontFamily: 'inherit',\n fontSize: tokens.fontSizeBase300,\n fontWeight: tokens.fontWeightSemibold,\n lineHeight: '28px',\n overflow: 'hidden',\n padding: '0 4px 0 10px',\n textAlign: 'left',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap'\n },\n headerIsClickable: {\n '&:hover': {\n backgroundColor: tokens.colorBrandBackgroundInvertedHover,\n color: tokens.colorBrandForegroundOnLightHover,\n cursor: 'pointer',\n outline: `1px solid ${tokens.colorTransparentStroke}`\n },\n '&:hover:active': {\n backgroundColor: tokens.colorBrandBackgroundInvertedPressed,\n color: tokens.colorBrandForegroundOnLightPressed,\n cursor: 'pointer',\n outline: `1px solid ${tokens.colorTransparentStroke}`\n }\n }\n});\nconst useMonthComponentsStyles = makeStyles({\n base: {\n alignSelf: 'flex-end',\n display: 'inline-flex'\n }\n});\nconst useHeaderIconButtonStyles = makeStyles({\n base: {\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.borderStyle('none'),\n borderRadius: tokens.borderRadiusMedium,\n color: tokens.colorNeutralForeground3,\n display: 'block',\n fontFamily: 'inherit',\n fontSize: tokens.fontSizeBase200,\n height: '28px',\n lineHeight: '28px',\n overflow: 'visible',\n padding: '0',\n position: 'relative',\n textAlign: 'center',\n width: '28px',\n '&:hover': {\n backgroundColor: tokens.colorBrandBackgroundInvertedHover,\n color: tokens.colorBrandForegroundOnLightHover,\n cursor: 'pointer',\n outline: `1px solid ${tokens.colorTransparentStroke}`\n },\n '&:hover:active': {\n backgroundColor: tokens.colorBrandBackgroundInvertedPressed,\n color: tokens.colorBrandForegroundOnLightPressed\n }\n }\n});\nconst useDisabledStyleStyles = makeStyles({\n base: {\n '&, &:disabled, & button': {\n color: tokens.colorNeutralForegroundDisabled,\n pointerEvents: 'none',\n // add this explicitly for aria-disabled buttons that don't get default forced-colors disabled styles\n '@media (forced-colors: active)': {\n color: 'GrayText'\n }\n }\n }\n});\n/**\n * Apply styling to the CalendarDay slots based on the state\n *\n * @internal\n */ export const useCalendarDayStyles_unstable = (props)=>{\n 'use no memo'; // justified: compiler would optimize useCalendarDayStyles_unstable — manual opt-out to preserve runtime behavior\n const rootStyles = useRootStyles();\n const headerStyles = useHeaderStyles();\n const monthAndYearStyles = useMonthAndYearStyles();\n const monthComponentsStyles = useMonthComponentsStyles();\n const headerIconButtonStyles = useHeaderIconButtonStyles();\n const disabledStyleStyles = useDisabledStyleStyles();\n const { className, headerIsClickable, showWeekNumbers } = props;\n return {\n root: mergeClasses(calendarDayClassNames.root, rootStyles.normalize, rootStyles.base, showWeekNumbers && rootStyles.showWeekNumbers, className),\n header: mergeClasses(calendarDayClassNames.header, headerStyles.base),\n monthAndYear: mergeClasses(calendarDayClassNames.monthAndYear, monthAndYearStyles.base, headerIsClickable && monthAndYearStyles.headerIsClickable),\n monthComponents: mergeClasses(calendarDayClassNames.monthComponents, monthComponentsStyles.base),\n headerIconButton: mergeClasses(calendarDayClassNames.headerIconButton, headerIconButtonStyles.base),\n disabledStyle: mergeClasses(calendarDayClassNames.disabledStyle, disabledStyleStyles.base)\n };\n};\n"],"names":["tokens","__styles","mergeClasses","shorthands","calendarDayClassNames","root","header","monthAndYear","monthComponents","headerIconButton","disabledStyle","useRootStyles","base","B7ck84d","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","a9b677","normalize","E5pizo","jrapky","Frg6f3","t21cq0","B6of3ja","B74szlk","showWeekNumbers","d","p","useHeaderStyles","mc9l5x","Bqenvij","Bg96gwp","qhf8xq","useMonthAndYearStyles","Bt984gj","De3pzq","icvyot","vrafjx","oivjwe","wvpqe5","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","sj55zd","Bh6795r","Bahqtrf","Be2twd7","Bhrd7zp","B68tc82","Bmxbyg5","Bpg54ce","fsow6f","ygn44y","Huce71","headerIsClickable","Jwef8y","Bi91k9c","eoavqd","pugfm4","ukgb2i","Dwtyhm","Biisq0s","iro3zm","B2d53fq","c3iz72","mghro0","Bx68yb","syojd9","E5hylx","h","useMonthComponentsStyles","qb2dma","useHeaderIconButtonStyles","useDisabledStyleStyles","Bg33ivm","t69wg0","Bnh7jwd","m","useCalendarDayStyles_unstable","props","rootStyles","headerStyles","monthAndYearStyles","monthComponentsStyles","headerIconButtonStyles","disabledStyleStyles","className"],"mappings":"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"}
@@ -13,15 +13,15 @@ const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildc
13
13
  const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
14
14
  const _reacttabster = require("@fluentui/react-tabster");
15
15
  const _reactutilities = require("@fluentui/react-utilities");
16
- const _utils = require("../../utils");
17
- const _useCalendarDayGridStylesstyles = require("./useCalendarDayGridStyles.styles");
18
- const _CalendarMonthHeaderRow = require("./CalendarMonthHeaderRow");
19
- const _CalendarGridRow = require("./CalendarGridRow");
20
- const _useWeeks = require("./useWeeks");
21
- const _useWeekCornerStylesstyles = require("./useWeekCornerStyles.styles");
16
+ const _index = require("../../utils/index.cjs");
17
+ const _useCalendarDayGridStylesstyles = require("./useCalendarDayGridStyles.styles.cjs");
18
+ const _CalendarMonthHeaderRow = require("./CalendarMonthHeaderRow.cjs");
19
+ const _CalendarGridRow = require("./CalendarGridRow.cjs");
20
+ const _useWeeks = require("./useWeeks.cjs");
21
+ const _useWeekCornerStylesstyles = require("./useWeekCornerStyles.styles.cjs");
22
22
  const _react1 = require("@griffel/react");
23
- const _calendarMotions = require("../../utils/calendarMotions");
24
- const _Calendar = require("../../Calendar");
23
+ const _calendarMotions = require("../../utils/calendarMotions.cjs");
24
+ const _Calendar = require("../../Calendar.cjs");
25
25
  function useDayRefs() {
26
26
  const daysRef = _react.useRef({});
27
27
  const getSetRefCallback = (dayKey)=>(element)=>{
@@ -64,10 +64,10 @@ const CalendarDayGrid = (props)=>{
64
64
  restrictedDates
65
65
  };
66
66
  // eslint-disable-next-line react-hooks/immutability
67
- let dateRange = (0, _utils.getDateRangeArray)(selectedDate, dateRangeType, firstDayOfWeek, workWeekDays, daysToSelectInDayView);
68
- dateRange = (0, _utils.getBoundedDateRange)(dateRange, minDate, maxDate);
67
+ let dateRange = (0, _index.getDateRangeArray)(selectedDate, dateRangeType, firstDayOfWeek, workWeekDays, daysToSelectInDayView);
68
+ dateRange = (0, _index.getBoundedDateRange)(dateRange, minDate, maxDate);
69
69
  dateRange = dateRange.filter((d)=>{
70
- return !(0, _utils.isRestrictedDate)(d, restrictedDatesOptions);
70
+ return !(0, _index.isRestrictedDate)(d, restrictedDatesOptions);
71
71
  });
72
72
  (_props_onSelectDate = props.onSelectDate) === null || _props_onSelectDate === void 0 ? void 0 : _props_onSelectDate.call(props, selectedDate, dateRange);
73
73
  (_props_onNavigateDate = props.onNavigateDate) === null || _props_onNavigateDate === void 0 ? void 0 : _props_onNavigateDate.call(props, selectedDate, true);
@@ -92,7 +92,7 @@ const CalendarDayGrid = (props)=>{
92
92
  // The hover state looks weird with non-contiguous days in work week view. In work week, show week hover state
93
93
  const dateRangeHoverType = getDateRangeTypeToUse(props.dateRangeType, props.workWeekDays);
94
94
  // gets all the dates for the given date range type that are in the same date range as the given day
95
- const dateRange = (0, _utils.getDateRangeArray)(dayToCompare.originalDate, dateRangeHoverType, props.firstDayOfWeek, props.workWeekDays, props.daysToSelectInDayView).map((date)=>date.getTime());
95
+ const dateRange = (0, _index.getDateRangeArray)(dayToCompare.originalDate, dateRangeHoverType, props.firstDayOfWeek, props.workWeekDays, props.daysToSelectInDayView).map((date)=>date.getTime());
96
96
  // gets all the day refs for the given dates
97
97
  const dayInfosInRange = weeks.reduce((accumulatedValue, currentWeek)=>{
98
98
  return accumulatedValue.concat(currentWeek.filter((weekDay)=>dateRange.indexOf(weekDay.originalDate.getTime()) !== -1));
@@ -189,7 +189,7 @@ CalendarDayGrid.displayName = 'CalendarDayGrid';
189
189
  * When given work week, if the days are non-contiguous, the hover states look really weird. So for non-contiguous
190
190
  * work weeks, we'll just show week view instead.
191
191
  */ function getDateRangeTypeToUse(dateRangeType, workWeekDays) {
192
- if (workWeekDays && dateRangeType === _utils.DateRangeType.WorkWeek) {
192
+ if (workWeekDays && dateRangeType === _index.DateRangeType.WorkWeek) {
193
193
  const sortedWWDays = workWeekDays.slice().sort();
194
194
  let isContiguous = true;
195
195
  for(let i = 1; i < sortedWWDays.length; i++){
@@ -199,7 +199,7 @@ CalendarDayGrid.displayName = 'CalendarDayGrid';
199
199
  }
200
200
  }
201
201
  if (!isContiguous || workWeekDays.length === 0) {
202
- return _utils.DateRangeType.Week;
202
+ return _index.DateRangeType.Week;
203
203
  }
204
204
  }
205
205
  return dateRangeType;
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/CalendarDayGrid/CalendarDayGrid.tsx"],"sourcesContent":["'use client';\n\nimport * 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 type { WeekCorners } from './useWeekCornerStyles.styles';\nimport { useWeekCornerStyles } from './useWeekCornerStyles.styles';\nimport { mergeClasses } from '@griffel/react';\nimport type { Day, DayOfWeek } from '../../utils';\nimport type { CalendarDayGridProps } from './CalendarDayGrid.types';\nimport { DirectionalSlideIn, DirectionalSlideOut } from '../../utils/calendarMotions';\nimport { AnimationDirection } from '../../Calendar';\n\nexport interface DayInfo extends Day {\n onSelected: () => void;\n setRef(element: HTMLElement | null): void;\n}\n\nfunction useDayRefs() {\n const daysRef = React.useRef<Record<string, HTMLElement>>({});\n\n const getSetRefCallback = (dayKey: string) => (element: HTMLElement | null) => {\n if (element === null) {\n delete daysRef.current[dayKey];\n } else {\n daysRef.current[dayKey] = element;\n }\n };\n\n return [daysRef, getSetRefCallback] as const;\n}\n\nfunction useAnimateBackwards(weeks: DayInfo[][]): boolean | undefined {\n const previousNavigatedDateRef = React.useRef<Date | undefined>(undefined);\n React.useEffect(() => {\n previousNavigatedDateRef.current = weeks[0][0].originalDate;\n });\n const previousNavigatedDate = previousNavigatedDateRef.current;\n\n // eslint-disable-next-line react-hooks/refs\n if (!previousNavigatedDate || previousNavigatedDate.getTime() === weeks[0][0].originalDate.getTime()) {\n return undefined;\n // eslint-disable-next-line react-hooks/refs\n } else if (previousNavigatedDate <= weeks[0][0].originalDate) {\n return false;\n } else {\n return true;\n }\n}\n\nexport const CalendarDayGrid: React.FunctionComponent<CalendarDayGridProps> = props => {\n const navigatedDayRef = React.useRef<HTMLTableCellElement>(\n null,\n // eslint-disable-next-line @typescript-eslint/no-deprecated\n ) as React.MutableRefObject<HTMLTableCellElement | null>;\n\n const activeDescendantId = useId();\n\n const onSelectDate = (selectedDate: Date): void => {\n const { firstDayOfWeek, minDate, maxDate, workWeekDays, daysToSelectInDayView, restrictedDates } = props;\n const restrictedDatesOptions = { minDate, maxDate, restrictedDates };\n\n // eslint-disable-next-line react-hooks/immutability\n let dateRange = getDateRangeArray(selectedDate, dateRangeType, firstDayOfWeek, workWeekDays, daysToSelectInDayView);\n dateRange = getBoundedDateRange(dateRange, minDate, maxDate);\n\n dateRange = dateRange.filter((d: Date) => {\n return !isRestrictedDate(d, restrictedDatesOptions);\n });\n\n props.onSelectDate?.(selectedDate, dateRange);\n props.onNavigateDate?.(selectedDate, true);\n };\n\n const [daysRef, getSetRefCallback] = useDayRefs();\n\n const weeks = useWeeks(props, onSelectDate, getSetRefCallback);\n const animateBackwards = useAnimateBackwards(weeks);\n\n const [getWeekCornerStyles, calculateRoundedStyles] = useWeekCornerStyles(props);\n\n React.useImperativeHandle(\n props.componentRef,\n () => ({\n focus() {\n navigatedDayRef.current?.focus?.();\n },\n }),\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 */\n const getDayInfosInRangeOfDay = (dayToCompare: DayInfo): DayInfo[] => {\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\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(\n dayToCompare.originalDate,\n dateRangeHoverType,\n props.firstDayOfWeek,\n props.workWeekDays,\n props.daysToSelectInDayView,\n ).map((date: Date) => date.getTime());\n\n // gets all the day refs for the given dates\n const dayInfosInRange = weeks.reduce((accumulatedValue: DayInfo[], currentWeek: DayInfo[]) => {\n return accumulatedValue.concat(\n currentWeek.filter((weekDay: DayInfo) => dateRange.indexOf(weekDay.originalDate.getTime()) !== -1),\n );\n }, []);\n\n return dayInfosInRange;\n };\n\n const getRefsFromDayInfos = (dayInfosInRange: DayInfo[]): (HTMLElement | null)[] => {\n let dayRefs: (HTMLElement | null)[] = [];\n dayRefs = dayInfosInRange.map((dayInfo: DayInfo) => daysRef.current[dayInfo.key]);\n\n return dayRefs;\n };\n\n const {\n gridLabel,\n dateRangeType,\n showWeekNumbers,\n labelledBy,\n lightenDaysOutsideNavigatedMonth,\n animationDirection = AnimationDirection.Vertical,\n } = props;\n\n const classNames = useCalendarDayGridStyles_unstable({\n animateBackwards,\n animationDirection,\n dateRangeType,\n lightenDaysOutsideNavigatedMonth:\n lightenDaysOutsideNavigatedMonth === undefined ? true : lightenDaysOutsideNavigatedMonth,\n showWeekNumbers,\n });\n\n // When the month is highlighted get the corner dates so that styles can be added to them\n const weekCorners: WeekCorners = getWeekCornerStyles(weeks!);\n const partialWeekProps = {\n weeks,\n navigatedDayRef,\n calculateRoundedStyles,\n activeDescendantId,\n classNames,\n weekCorners,\n getDayInfosInRangeOfDay,\n getRefsFromDayInfos,\n } as const;\n\n const arrowNavigationAttributes = useArrowNavigationGroup({ axis: 'grid-linear' });\n const firstWeek = weeks[0];\n const finalWeek = weeks![weeks!.length - 1];\n // Single navigation epoch for all rows in the grid. Derived from the first visible day's key\n // (`Date.toString()`), which changes when the user navigates to a different month but stays\n // stable across intra-month interactions (e.g. day selection).\n const navigationEpoch = firstWeek[0].key;\n\n return (\n <table\n className={mergeClasses(classNames.table, props.className)}\n aria-multiselectable=\"false\"\n aria-label={gridLabel}\n aria-labelledby={labelledBy}\n aria-activedescendant={activeDescendantId}\n role=\"grid\"\n {...arrowNavigationAttributes}\n >\n <tbody>\n <CalendarMonthHeaderRow {...props} classNames={classNames} weeks={weeks} />\n <DirectionalSlideOut\n edge=\"first\"\n replayKey={navigationEpoch}\n animationDirection={animationDirection}\n animateBackwards={animateBackwards}\n >\n <CalendarGridRow\n {...props}\n {...partialWeekProps}\n week={firstWeek}\n weekIndex={-1}\n rowClassName={classNames.firstTransitionWeek}\n aria-role=\"presentation\"\n ariaHidden={true}\n />\n </DirectionalSlideOut>\n {weeks!.slice(1, weeks!.length - 1).map((week: DayInfo[], weekIndex: number) => (\n <DirectionalSlideIn\n key={weekIndex}\n replayKey={navigationEpoch}\n animationDirection={animationDirection}\n animateBackwards={animateBackwards}\n >\n <CalendarGridRow\n {...props}\n {...partialWeekProps}\n week={week}\n weekIndex={weekIndex}\n rowClassName={classNames.weekRow}\n />\n </DirectionalSlideIn>\n ))}\n <DirectionalSlideOut\n edge=\"last\"\n replayKey={navigationEpoch}\n animationDirection={animationDirection}\n animateBackwards={animateBackwards}\n >\n <CalendarGridRow\n {...props}\n {...partialWeekProps}\n week={finalWeek}\n weekIndex={-2}\n rowClassName={classNames.lastTransitionWeek}\n aria-role=\"presentation\"\n ariaHidden={true}\n />\n </DirectionalSlideOut>\n </tbody>\n </table>\n );\n};\nCalendarDayGrid.displayName = 'CalendarDayGrid';\n\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 */\nfunction getDateRangeTypeToUse(dateRangeType: DateRangeType, workWeekDays: DayOfWeek[] | undefined): DateRangeType {\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\n if (!isContiguous || workWeekDays.length === 0) {\n return DateRangeType.Week;\n }\n }\n\n return dateRangeType;\n}\n"],"names":["React","useArrowNavigationGroup","useId","getBoundedDateRange","getDateRangeArray","isRestrictedDate","DateRangeType","useCalendarDayGridStyles_unstable","CalendarMonthHeaderRow","CalendarGridRow","useWeeks","useWeekCornerStyles","mergeClasses","DirectionalSlideIn","DirectionalSlideOut","AnimationDirection","useDayRefs","daysRef","useRef","getSetRefCallback","dayKey","element","current","useAnimateBackwards","weeks","previousNavigatedDateRef","undefined","useEffect","originalDate","previousNavigatedDate","getTime","CalendarDayGrid","props","navigatedDayRef","activeDescendantId","onSelectDate","selectedDate","firstDayOfWeek","minDate","maxDate","workWeekDays","daysToSelectInDayView","restrictedDates","restrictedDatesOptions","dateRange","dateRangeType","filter","d","onNavigateDate","animateBackwards","getWeekCornerStyles","calculateRoundedStyles","useImperativeHandle","componentRef","focus","getDayInfosInRangeOfDay","dayToCompare","dateRangeHoverType","getDateRangeTypeToUse","map","date","dayInfosInRange","reduce","accumulatedValue","currentWeek","concat","weekDay","indexOf","getRefsFromDayInfos","dayRefs","dayInfo","key","gridLabel","showWeekNumbers","labelledBy","lightenDaysOutsideNavigatedMonth","animationDirection","Vertical","classNames","weekCorners","partialWeekProps","arrowNavigationAttributes","axis","firstWeek","finalWeek","length","navigationEpoch","table","className","aria-multiselectable","aria-label","aria-labelledby","aria-activedescendant","role","tbody","edge","replayKey","week","weekIndex","rowClassName","firstTransitionWeek","aria-role","ariaHidden","slice","weekRow","lastTransitionWeek","displayName","WorkWeek","sortedWWDays","sort","isContiguous","i","Week"],"mappings":"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"}
1
+ {"version":3,"sources":["../src/components/CalendarDayGrid/CalendarDayGrid.tsx"],"sourcesContent":["'use client';\n\nimport * 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 type { WeekCorners } from './useWeekCornerStyles.styles';\nimport { useWeekCornerStyles } from './useWeekCornerStyles.styles';\nimport { mergeClasses } from '@griffel/react';\nimport type { Day, DayOfWeek } from '../../utils';\nimport type { CalendarDayGridProps } from './CalendarDayGrid.types';\nimport { DirectionalSlideIn, DirectionalSlideOut } from '../../utils/calendarMotions';\nimport { AnimationDirection } from '../../Calendar';\n\nexport interface DayInfo extends Day {\n onSelected: () => void;\n setRef(element: HTMLElement | null): void;\n}\n\nfunction useDayRefs() {\n const daysRef = React.useRef<Record<string, HTMLElement>>({});\n\n const getSetRefCallback = (dayKey: string) => (element: HTMLElement | null) => {\n if (element === null) {\n delete daysRef.current[dayKey];\n } else {\n daysRef.current[dayKey] = element;\n }\n };\n\n return [daysRef, getSetRefCallback] as const;\n}\n\nfunction useAnimateBackwards(weeks: DayInfo[][]): boolean | undefined {\n const previousNavigatedDateRef = React.useRef<Date | undefined>(undefined);\n React.useEffect(() => {\n previousNavigatedDateRef.current = weeks[0][0].originalDate;\n });\n const previousNavigatedDate = previousNavigatedDateRef.current;\n\n // eslint-disable-next-line react-hooks/refs\n if (!previousNavigatedDate || previousNavigatedDate.getTime() === weeks[0][0].originalDate.getTime()) {\n return undefined;\n // eslint-disable-next-line react-hooks/refs\n } else if (previousNavigatedDate <= weeks[0][0].originalDate) {\n return false;\n } else {\n return true;\n }\n}\n\nexport const CalendarDayGrid: React.FunctionComponent<CalendarDayGridProps> = props => {\n const navigatedDayRef = React.useRef<HTMLTableCellElement>(\n null,\n // eslint-disable-next-line @typescript-eslint/no-deprecated\n ) as React.MutableRefObject<HTMLTableCellElement | null>;\n\n const activeDescendantId = useId();\n\n const onSelectDate = (selectedDate: Date): void => {\n const { firstDayOfWeek, minDate, maxDate, workWeekDays, daysToSelectInDayView, restrictedDates } = props;\n const restrictedDatesOptions = { minDate, maxDate, restrictedDates };\n\n // eslint-disable-next-line react-hooks/immutability\n let dateRange = getDateRangeArray(selectedDate, dateRangeType, firstDayOfWeek, workWeekDays, daysToSelectInDayView);\n dateRange = getBoundedDateRange(dateRange, minDate, maxDate);\n\n dateRange = dateRange.filter((d: Date) => {\n return !isRestrictedDate(d, restrictedDatesOptions);\n });\n\n props.onSelectDate?.(selectedDate, dateRange);\n props.onNavigateDate?.(selectedDate, true);\n };\n\n const [daysRef, getSetRefCallback] = useDayRefs();\n\n const weeks = useWeeks(props, onSelectDate, getSetRefCallback);\n const animateBackwards = useAnimateBackwards(weeks);\n\n const [getWeekCornerStyles, calculateRoundedStyles] = useWeekCornerStyles(props);\n\n React.useImperativeHandle(\n props.componentRef,\n () => ({\n focus() {\n navigatedDayRef.current?.focus?.();\n },\n }),\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 */\n const getDayInfosInRangeOfDay = (dayToCompare: DayInfo): DayInfo[] => {\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\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(\n dayToCompare.originalDate,\n dateRangeHoverType,\n props.firstDayOfWeek,\n props.workWeekDays,\n props.daysToSelectInDayView,\n ).map((date: Date) => date.getTime());\n\n // gets all the day refs for the given dates\n const dayInfosInRange = weeks.reduce((accumulatedValue: DayInfo[], currentWeek: DayInfo[]) => {\n return accumulatedValue.concat(\n currentWeek.filter((weekDay: DayInfo) => dateRange.indexOf(weekDay.originalDate.getTime()) !== -1),\n );\n }, []);\n\n return dayInfosInRange;\n };\n\n const getRefsFromDayInfos = (dayInfosInRange: DayInfo[]): (HTMLElement | null)[] => {\n let dayRefs: (HTMLElement | null)[] = [];\n dayRefs = dayInfosInRange.map((dayInfo: DayInfo) => daysRef.current[dayInfo.key]);\n\n return dayRefs;\n };\n\n const {\n gridLabel,\n dateRangeType,\n showWeekNumbers,\n labelledBy,\n lightenDaysOutsideNavigatedMonth,\n animationDirection = AnimationDirection.Vertical,\n } = props;\n\n const classNames = useCalendarDayGridStyles_unstable({\n animateBackwards,\n animationDirection,\n dateRangeType,\n lightenDaysOutsideNavigatedMonth:\n lightenDaysOutsideNavigatedMonth === undefined ? true : lightenDaysOutsideNavigatedMonth,\n showWeekNumbers,\n });\n\n // When the month is highlighted get the corner dates so that styles can be added to them\n const weekCorners: WeekCorners = getWeekCornerStyles(weeks!);\n const partialWeekProps = {\n weeks,\n navigatedDayRef,\n calculateRoundedStyles,\n activeDescendantId,\n classNames,\n weekCorners,\n getDayInfosInRangeOfDay,\n getRefsFromDayInfos,\n } as const;\n\n const arrowNavigationAttributes = useArrowNavigationGroup({ axis: 'grid-linear' });\n const firstWeek = weeks[0];\n const finalWeek = weeks![weeks!.length - 1];\n // Single navigation epoch for all rows in the grid. Derived from the first visible day's key\n // (`Date.toString()`), which changes when the user navigates to a different month but stays\n // stable across intra-month interactions (e.g. day selection).\n const navigationEpoch = firstWeek[0].key;\n\n return (\n <table\n className={mergeClasses(classNames.table, props.className)}\n aria-multiselectable=\"false\"\n aria-label={gridLabel}\n aria-labelledby={labelledBy}\n aria-activedescendant={activeDescendantId}\n role=\"grid\"\n {...arrowNavigationAttributes}\n >\n <tbody>\n <CalendarMonthHeaderRow {...props} classNames={classNames} weeks={weeks} />\n <DirectionalSlideOut\n edge=\"first\"\n replayKey={navigationEpoch}\n animationDirection={animationDirection}\n animateBackwards={animateBackwards}\n >\n <CalendarGridRow\n {...props}\n {...partialWeekProps}\n week={firstWeek}\n weekIndex={-1}\n rowClassName={classNames.firstTransitionWeek}\n aria-role=\"presentation\"\n ariaHidden={true}\n />\n </DirectionalSlideOut>\n {weeks!.slice(1, weeks!.length - 1).map((week: DayInfo[], weekIndex: number) => (\n <DirectionalSlideIn\n key={weekIndex}\n replayKey={navigationEpoch}\n animationDirection={animationDirection}\n animateBackwards={animateBackwards}\n >\n <CalendarGridRow\n {...props}\n {...partialWeekProps}\n week={week}\n weekIndex={weekIndex}\n rowClassName={classNames.weekRow}\n />\n </DirectionalSlideIn>\n ))}\n <DirectionalSlideOut\n edge=\"last\"\n replayKey={navigationEpoch}\n animationDirection={animationDirection}\n animateBackwards={animateBackwards}\n >\n <CalendarGridRow\n {...props}\n {...partialWeekProps}\n week={finalWeek}\n weekIndex={-2}\n rowClassName={classNames.lastTransitionWeek}\n aria-role=\"presentation\"\n ariaHidden={true}\n />\n </DirectionalSlideOut>\n </tbody>\n </table>\n );\n};\nCalendarDayGrid.displayName = 'CalendarDayGrid';\n\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 */\nfunction getDateRangeTypeToUse(dateRangeType: DateRangeType, workWeekDays: DayOfWeek[] | undefined): DateRangeType {\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\n if (!isContiguous || workWeekDays.length === 0) {\n return DateRangeType.Week;\n }\n }\n\n return dateRangeType;\n}\n"],"names":["React","useArrowNavigationGroup","useId","getBoundedDateRange","getDateRangeArray","isRestrictedDate","DateRangeType","useCalendarDayGridStyles_unstable","CalendarMonthHeaderRow","CalendarGridRow","useWeeks","useWeekCornerStyles","mergeClasses","DirectionalSlideIn","DirectionalSlideOut","AnimationDirection","useDayRefs","daysRef","useRef","getSetRefCallback","dayKey","element","current","useAnimateBackwards","weeks","previousNavigatedDateRef","undefined","useEffect","originalDate","previousNavigatedDate","getTime","CalendarDayGrid","props","navigatedDayRef","activeDescendantId","onSelectDate","selectedDate","firstDayOfWeek","minDate","maxDate","workWeekDays","daysToSelectInDayView","restrictedDates","restrictedDatesOptions","dateRange","dateRangeType","filter","d","onNavigateDate","animateBackwards","getWeekCornerStyles","calculateRoundedStyles","useImperativeHandle","componentRef","focus","getDayInfosInRangeOfDay","dayToCompare","dateRangeHoverType","getDateRangeTypeToUse","map","date","dayInfosInRange","reduce","accumulatedValue","currentWeek","concat","weekDay","indexOf","getRefsFromDayInfos","dayRefs","dayInfo","key","gridLabel","showWeekNumbers","labelledBy","lightenDaysOutsideNavigatedMonth","animationDirection","Vertical","classNames","weekCorners","partialWeekProps","arrowNavigationAttributes","axis","firstWeek","finalWeek","length","navigationEpoch","table","className","aria-multiselectable","aria-label","aria-labelledby","aria-activedescendant","role","tbody","edge","replayKey","week","weekIndex","rowClassName","firstTransitionWeek","aria-role","ariaHidden","slice","weekRow","lastTransitionWeek","displayName","WorkWeek","sortedWWDays","sort","isContiguous","i","Week"],"mappings":"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"}
@@ -15,29 +15,29 @@ const _keyboardkeys = require("@fluentui/keyboard-keys");
15
15
  const _reactutilities = require("@fluentui/react-utilities");
16
16
  const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
17
17
  const _react1 = require("@griffel/react");
18
- const _utils = require("../../utils");
19
- const _useWeekCornerStylesstyles = require("./useWeekCornerStyles.styles");
20
- const _useCalendarDayGridStylesstyles = require("./useCalendarDayGridStyles.styles");
18
+ const _index = require("../../utils/index.cjs");
19
+ const _useWeekCornerStylesstyles = require("./useWeekCornerStyles.styles.cjs");
20
+ const _useCalendarDayGridStylesstyles = require("./useCalendarDayGridStyles.styles.cjs");
21
21
  const CalendarGridDayCell = (props)=>{
22
22
  'use no memo'; // justified: compiler would optimize unknown function — manual opt-out to preserve runtime behavior
23
23
  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;
24
24
  var _weekCorners_;
25
25
  const cornerStyle = (_weekCorners_ = weekCorners === null || weekCorners === void 0 ? void 0 : weekCorners[weekIndex + '_' + dayIndex]) !== null && _weekCorners_ !== void 0 ? _weekCorners_ : '';
26
- const isNavigatedDate = (0, _utils.compareDates)(navigatedDate, day.originalDate);
26
+ const isNavigatedDate = (0, _index.compareDates)(navigatedDate, day.originalDate);
27
27
  const { dir } = (0, _reactsharedcontexts.useFluent_unstable)();
28
28
  const navigateMonthEdge = (ev, date)=>{
29
29
  let targetDate = undefined;
30
30
  let direction = 1; // by default search forward
31
31
  if (ev.key === _keyboardkeys.ArrowUp) {
32
- targetDate = (0, _utils.addWeeks)(date, -1);
32
+ targetDate = (0, _index.addWeeks)(date, -1);
33
33
  direction = -1;
34
34
  } else if (ev.key === _keyboardkeys.ArrowDown) {
35
- targetDate = (0, _utils.addWeeks)(date, 1);
35
+ targetDate = (0, _index.addWeeks)(date, 1);
36
36
  } else if (ev.key === (0, _reactutilities.getRTLSafeKey)(_keyboardkeys.ArrowLeft, dir)) {
37
- targetDate = (0, _utils.addDays)(date, -1);
37
+ targetDate = (0, _index.addDays)(date, -1);
38
38
  direction = -1;
39
39
  } else if (ev.key === (0, _reactutilities.getRTLSafeKey)(_keyboardkeys.ArrowRight, dir)) {
40
- targetDate = (0, _utils.addDays)(date, 1);
40
+ targetDate = (0, _index.addDays)(date, 1);
41
41
  }
42
42
  if (!targetDate) {
43
43
  // if we couldn't find a target date at all, do nothing
@@ -53,17 +53,17 @@ const CalendarGridDayCell = (props)=>{
53
53
  };
54
54
  // target date is restricted, search in whatever direction until finding the next possible date,
55
55
  // stopping at boundaries
56
- let nextDate = (0, _utils.findAvailableDate)(findAvailableDateOptions);
56
+ let nextDate = (0, _index.findAvailableDate)(findAvailableDateOptions);
57
57
  if (!nextDate) {
58
58
  // if no dates available in initial direction, try going backwards
59
59
  findAvailableDateOptions.direction = -direction;
60
- nextDate = (0, _utils.findAvailableDate)(findAvailableDateOptions);
60
+ nextDate = (0, _index.findAvailableDate)(findAvailableDateOptions);
61
61
  }
62
62
  // if the nextDate is still inside the same focusZone area, let the focusZone handle setting the focus so we
63
63
  // don't jump the view unnecessarily
64
64
  const isInCurrentView = weeks && nextDate && weeks.slice(1, weeks.length - 1).some((week)=>{
65
65
  return week.some((dayToCompare)=>{
66
- return (0, _utils.compareDates)(dayToCompare.originalDate, nextDate);
66
+ return (0, _index.compareDates)(dayToCompare.originalDate, nextDate);
67
67
  });
68
68
  });
69
69
  if (isInCurrentView) {
@@ -81,7 +81,7 @@ const CalendarGridDayCell = (props)=>{
81
81
  dayRefs.forEach((dayRef, index)=>{
82
82
  if (dayRef) {
83
83
  dayRef.classList.add(_useCalendarDayGridStylesstyles.extraCalendarDayGridClassNames.hoverStyle);
84
- if (!dayInfos[index].isSelected && dateRangeType === _utils.DateRangeType.Day && daysToSelectInDayView && daysToSelectInDayView > 1) {
84
+ if (!dayInfos[index].isSelected && dateRangeType === _index.DateRangeType.Day && daysToSelectInDayView && daysToSelectInDayView > 1) {
85
85
  // remove the static classes first to overwrite them
86
86
  dayRef.classList.remove(_useWeekCornerStylesstyles.weekCornersClassNames.bottomLeftCornerDate, _useWeekCornerStylesstyles.weekCornersClassNames.bottomRightCornerDate, _useWeekCornerStylesstyles.weekCornersClassNames.topLeftCornerDate, _useWeekCornerStylesstyles.weekCornersClassNames.topRightCornerDate);
87
87
  const classNamesToAdd = calculateRoundedStyles(false, false, index > 0, index < dayRefs.length - 1).trim();
@@ -117,7 +117,7 @@ const CalendarGridDayCell = (props)=>{
117
117
  if (dayRef) {
118
118
  dayRef.classList.remove(_useCalendarDayGridStylesstyles.extraCalendarDayGridClassNames.hoverStyle);
119
119
  dayRef.classList.remove(_useCalendarDayGridStylesstyles.extraCalendarDayGridClassNames.pressedStyle);
120
- if (!dayInfos[index].isSelected && dateRangeType === _utils.DateRangeType.Day && daysToSelectInDayView && daysToSelectInDayView > 1) {
120
+ if (!dayInfos[index].isSelected && dateRangeType === _index.DateRangeType.Day && daysToSelectInDayView && daysToSelectInDayView > 1) {
121
121
  const classNamesToAdd = calculateRoundedStyles(false, false, index > 0, index < dayRefs.length - 1).trim();
122
122
  if (classNamesToAdd) {
123
123
  dayRef.classList.remove(...classNamesToAdd.trim().split(' '));
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/CalendarDayGrid/CalendarGridDayCell.tsx"],"sourcesContent":["'use client';\n\nimport * 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';\nimport type { AvailableDateOptions } from '../../utils';\nimport type { DayInfo } from './CalendarDayGrid';\nimport type { CalendarGridRowProps } from './CalendarGridRow';\n\n/**\n * @internal\n */\nexport interface CalendarGridDayCellProps extends CalendarGridRowProps {\n day: DayInfo;\n dayIndex: number;\n}\n\n/**\n * @internal\n */\nexport const CalendarGridDayCell: React.FunctionComponent<CalendarGridDayCellProps> = props => {\n 'use no memo'; // justified: compiler would optimize unknown function — manual opt-out to preserve runtime behavior\n\n const {\n navigatedDate,\n dateTimeFormatter,\n allFocusable,\n strings,\n activeDescendantId,\n navigatedDayRef,\n calculateRoundedStyles,\n weeks,\n classNames,\n day,\n dayIndex,\n weekIndex,\n weekCorners,\n ariaHidden,\n customDayCellRef,\n dateRangeType,\n daysToSelectInDayView,\n onSelectDate,\n restrictedDates,\n minDate,\n maxDate,\n onNavigateDate,\n getDayInfosInRangeOfDay,\n getRefsFromDayInfos,\n } = props;\n const cornerStyle = weekCorners?.[weekIndex + '_' + dayIndex] ?? '';\n const isNavigatedDate = compareDates(navigatedDate, day.originalDate);\n\n const { dir } = useFluent_unstable();\n\n const navigateMonthEdge = (ev: React.KeyboardEvent<HTMLElement>, date: Date): void => {\n let targetDate: Date | undefined = undefined;\n let direction = 1; // by default search forward\n\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\n if (!targetDate) {\n // if we couldn't find a target date at all, do nothing\n return;\n }\n\n const findAvailableDateOptions: AvailableDateOptions = {\n initialDate: date,\n targetDate,\n direction,\n restrictedDates,\n minDate,\n maxDate,\n };\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\n if (!nextDate) {\n // if no dates available in initial direction, try going backwards\n findAvailableDateOptions.direction = -direction;\n nextDate = findAvailableDate(findAvailableDateOptions);\n }\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 =\n weeks &&\n nextDate &&\n weeks.slice(1, weeks.length - 1).some((week: DayInfo[]) => {\n return week.some((dayToCompare: DayInfo) => {\n return compareDates(dayToCompare.originalDate, nextDate!);\n });\n });\n if (isInCurrentView) {\n return;\n }\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\n const onMouseOverDay = (ev: React.MouseEvent<HTMLElement>) => {\n const dayInfos = getDayInfosInRangeOfDay(day);\n const dayRefs = getRefsFromDayInfos(dayInfos);\n\n dayRefs.forEach((dayRef: HTMLElement | null, index: number) => {\n if (dayRef) {\n dayRef.classList.add(extraCalendarDayGridClassNames.hoverStyle);\n if (\n !dayInfos[index].isSelected &&\n dateRangeType === DateRangeType.Day &&\n daysToSelectInDayView &&\n daysToSelectInDayView > 1\n ) {\n // remove the static classes first to overwrite them\n dayRef.classList.remove(\n weekCornersClassNames.bottomLeftCornerDate!,\n weekCornersClassNames.bottomRightCornerDate!,\n weekCornersClassNames.topLeftCornerDate!,\n weekCornersClassNames.topRightCornerDate!,\n );\n\n const classNamesToAdd = calculateRoundedStyles(false, false, index > 0, index < dayRefs.length - 1).trim();\n if (classNamesToAdd) {\n dayRef.classList.add(...classNamesToAdd.trim().split(' '));\n }\n }\n }\n });\n };\n\n const onMouseDownDay = (ev: React.MouseEvent<HTMLElement>) => {\n const dayInfos = getDayInfosInRangeOfDay(day);\n const dayRefs = getRefsFromDayInfos(dayInfos);\n\n dayRefs.forEach((dayRef: HTMLElement | null) => {\n if (dayRef) {\n dayRef.classList.add(extraCalendarDayGridClassNames.pressedStyle);\n }\n });\n };\n\n const onMouseUpDay = (ev: React.MouseEvent<HTMLElement>) => {\n const dayInfos = getDayInfosInRangeOfDay(day);\n const dayRefs = getRefsFromDayInfos(dayInfos);\n\n dayRefs.forEach((dayRef: HTMLElement | null) => {\n if (dayRef) {\n dayRef.classList.remove(extraCalendarDayGridClassNames.pressedStyle);\n }\n });\n };\n\n const onMouseOutDay = (ev: React.MouseEvent<HTMLElement>) => {\n const dayInfos = getDayInfosInRangeOfDay(day);\n const dayRefs = getRefsFromDayInfos(dayInfos);\n\n dayRefs.forEach((dayRef: HTMLElement | null, index: number) => {\n if (dayRef) {\n dayRef.classList.remove(extraCalendarDayGridClassNames.hoverStyle);\n dayRef.classList.remove(extraCalendarDayGridClassNames.pressedStyle);\n if (\n !dayInfos[index].isSelected &&\n dateRangeType === DateRangeType.Day &&\n daysToSelectInDayView &&\n daysToSelectInDayView > 1\n ) {\n const classNamesToAdd = calculateRoundedStyles(false, false, index > 0, index < dayRefs.length - 1).trim();\n if (classNamesToAdd) {\n dayRef.classList.remove(...classNamesToAdd.trim().split(' '));\n }\n }\n }\n });\n };\n\n const onDayKeyDown = (ev: React.KeyboardEvent<HTMLElement>): void => {\n if (ev.key === Enter) {\n onSelectDate?.(day.originalDate);\n } else {\n navigateMonthEdge(ev, day.originalDate);\n }\n };\n\n let ariaLabel =\n day.originalDate.getDate() +\n ', ' +\n strings.months[day.originalDate.getMonth()] +\n ', ' +\n day.originalDate.getFullYear();\n\n if (day.isMarked) {\n ariaLabel = ariaLabel + ', ' + strings.dayMarkedAriaLabel;\n }\n\n const isFocusable = !ariaHidden && (allFocusable || (day.isInBounds ? true : undefined));\n\n return (\n <td\n className={mergeClasses(\n classNames.dayCell,\n weekCorners && cornerStyle,\n day.isSelected && !day.isSingleSelected && classNames.daySelected,\n day.isSingleSelected && classNames.daySingleSelected,\n !day.isInBounds && classNames.dayOutsideBounds,\n !day.isInMonth && classNames.dayOutsideNavigatedMonth,\n )}\n ref={(element: HTMLTableCellElement) => {\n customDayCellRef?.(element, day.originalDate, classNames);\n day.setRef(element);\n isNavigatedDate && (navigatedDayRef.current = element);\n }}\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 >\n <button\n key={day.key + 'button'}\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 >\n <span className={day.isToday ? mergeClasses(classNames.dayTodayMarker) : undefined}>\n {dateTimeFormatter.formatDay(day.originalDate)}\n </span>\n {day.isMarked && <div aria-hidden=\"true\" className={classNames.dayMarker} />}\n </button>\n </td>\n );\n};\n"],"names":["React","ArrowDown","ArrowLeft","ArrowRight","ArrowUp","Enter","getRTLSafeKey","useFluent_unstable","mergeClasses","addDays","addWeeks","compareDates","findAvailableDate","DateRangeType","weekCornersClassNames","extraCalendarDayGridClassNames","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","cornerStyle","isNavigatedDate","originalDate","dir","navigateMonthEdge","ev","date","targetDate","undefined","direction","key","findAvailableDateOptions","initialDate","nextDate","isInCurrentView","slice","length","some","week","dayToCompare","preventDefault","onMouseOverDay","dayInfos","dayRefs","forEach","dayRef","index","classList","add","hoverStyle","isSelected","Day","remove","bottomLeftCornerDate","bottomRightCornerDate","topLeftCornerDate","topRightCornerDate","classNamesToAdd","trim","split","onMouseDownDay","pressedStyle","onMouseUpDay","onMouseOutDay","onDayKeyDown","ariaLabel","getDate","months","getMonth","getFullYear","isMarked","dayMarkedAriaLabel","isFocusable","isInBounds","td","className","dayCell","isSingleSelected","daySelected","daySingleSelected","dayOutsideBounds","isInMonth","dayOutsideNavigatedMonth","ref","element","setRef","current","aria-disabled","onClick","onSelected","onMouseOver","onMouseDown","onMouseUp","onMouseOut","onKeyDown","role","tabIndex","aria-current","isToday","aria-selected","button","dayButton","dayIsToday","aria-label","id","disabled","type","span","dayTodayMarker","formatDay","div","aria-hidden","dayMarker"],"mappings":"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"}
1
+ {"version":3,"sources":["../src/components/CalendarDayGrid/CalendarGridDayCell.tsx"],"sourcesContent":["'use client';\n\nimport * 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';\nimport type { AvailableDateOptions } from '../../utils';\nimport type { DayInfo } from './CalendarDayGrid';\nimport type { CalendarGridRowProps } from './CalendarGridRow';\n\n/**\n * @internal\n */\nexport interface CalendarGridDayCellProps extends CalendarGridRowProps {\n day: DayInfo;\n dayIndex: number;\n}\n\n/**\n * @internal\n */\nexport const CalendarGridDayCell: React.FunctionComponent<CalendarGridDayCellProps> = props => {\n 'use no memo'; // justified: compiler would optimize unknown function — manual opt-out to preserve runtime behavior\n\n const {\n navigatedDate,\n dateTimeFormatter,\n allFocusable,\n strings,\n activeDescendantId,\n navigatedDayRef,\n calculateRoundedStyles,\n weeks,\n classNames,\n day,\n dayIndex,\n weekIndex,\n weekCorners,\n ariaHidden,\n customDayCellRef,\n dateRangeType,\n daysToSelectInDayView,\n onSelectDate,\n restrictedDates,\n minDate,\n maxDate,\n onNavigateDate,\n getDayInfosInRangeOfDay,\n getRefsFromDayInfos,\n } = props;\n const cornerStyle = weekCorners?.[weekIndex + '_' + dayIndex] ?? '';\n const isNavigatedDate = compareDates(navigatedDate, day.originalDate);\n\n const { dir } = useFluent_unstable();\n\n const navigateMonthEdge = (ev: React.KeyboardEvent<HTMLElement>, date: Date): void => {\n let targetDate: Date | undefined = undefined;\n let direction = 1; // by default search forward\n\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\n if (!targetDate) {\n // if we couldn't find a target date at all, do nothing\n return;\n }\n\n const findAvailableDateOptions: AvailableDateOptions = {\n initialDate: date,\n targetDate,\n direction,\n restrictedDates,\n minDate,\n maxDate,\n };\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\n if (!nextDate) {\n // if no dates available in initial direction, try going backwards\n findAvailableDateOptions.direction = -direction;\n nextDate = findAvailableDate(findAvailableDateOptions);\n }\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 =\n weeks &&\n nextDate &&\n weeks.slice(1, weeks.length - 1).some((week: DayInfo[]) => {\n return week.some((dayToCompare: DayInfo) => {\n return compareDates(dayToCompare.originalDate, nextDate!);\n });\n });\n if (isInCurrentView) {\n return;\n }\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\n const onMouseOverDay = (ev: React.MouseEvent<HTMLElement>) => {\n const dayInfos = getDayInfosInRangeOfDay(day);\n const dayRefs = getRefsFromDayInfos(dayInfos);\n\n dayRefs.forEach((dayRef: HTMLElement | null, index: number) => {\n if (dayRef) {\n dayRef.classList.add(extraCalendarDayGridClassNames.hoverStyle);\n if (\n !dayInfos[index].isSelected &&\n dateRangeType === DateRangeType.Day &&\n daysToSelectInDayView &&\n daysToSelectInDayView > 1\n ) {\n // remove the static classes first to overwrite them\n dayRef.classList.remove(\n weekCornersClassNames.bottomLeftCornerDate!,\n weekCornersClassNames.bottomRightCornerDate!,\n weekCornersClassNames.topLeftCornerDate!,\n weekCornersClassNames.topRightCornerDate!,\n );\n\n const classNamesToAdd = calculateRoundedStyles(false, false, index > 0, index < dayRefs.length - 1).trim();\n if (classNamesToAdd) {\n dayRef.classList.add(...classNamesToAdd.trim().split(' '));\n }\n }\n }\n });\n };\n\n const onMouseDownDay = (ev: React.MouseEvent<HTMLElement>) => {\n const dayInfos = getDayInfosInRangeOfDay(day);\n const dayRefs = getRefsFromDayInfos(dayInfos);\n\n dayRefs.forEach((dayRef: HTMLElement | null) => {\n if (dayRef) {\n dayRef.classList.add(extraCalendarDayGridClassNames.pressedStyle);\n }\n });\n };\n\n const onMouseUpDay = (ev: React.MouseEvent<HTMLElement>) => {\n const dayInfos = getDayInfosInRangeOfDay(day);\n const dayRefs = getRefsFromDayInfos(dayInfos);\n\n dayRefs.forEach((dayRef: HTMLElement | null) => {\n if (dayRef) {\n dayRef.classList.remove(extraCalendarDayGridClassNames.pressedStyle);\n }\n });\n };\n\n const onMouseOutDay = (ev: React.MouseEvent<HTMLElement>) => {\n const dayInfos = getDayInfosInRangeOfDay(day);\n const dayRefs = getRefsFromDayInfos(dayInfos);\n\n dayRefs.forEach((dayRef: HTMLElement | null, index: number) => {\n if (dayRef) {\n dayRef.classList.remove(extraCalendarDayGridClassNames.hoverStyle);\n dayRef.classList.remove(extraCalendarDayGridClassNames.pressedStyle);\n if (\n !dayInfos[index].isSelected &&\n dateRangeType === DateRangeType.Day &&\n daysToSelectInDayView &&\n daysToSelectInDayView > 1\n ) {\n const classNamesToAdd = calculateRoundedStyles(false, false, index > 0, index < dayRefs.length - 1).trim();\n if (classNamesToAdd) {\n dayRef.classList.remove(...classNamesToAdd.trim().split(' '));\n }\n }\n }\n });\n };\n\n const onDayKeyDown = (ev: React.KeyboardEvent<HTMLElement>): void => {\n if (ev.key === Enter) {\n onSelectDate?.(day.originalDate);\n } else {\n navigateMonthEdge(ev, day.originalDate);\n }\n };\n\n let ariaLabel =\n day.originalDate.getDate() +\n ', ' +\n strings.months[day.originalDate.getMonth()] +\n ', ' +\n day.originalDate.getFullYear();\n\n if (day.isMarked) {\n ariaLabel = ariaLabel + ', ' + strings.dayMarkedAriaLabel;\n }\n\n const isFocusable = !ariaHidden && (allFocusable || (day.isInBounds ? true : undefined));\n\n return (\n <td\n className={mergeClasses(\n classNames.dayCell,\n weekCorners && cornerStyle,\n day.isSelected && !day.isSingleSelected && classNames.daySelected,\n day.isSingleSelected && classNames.daySingleSelected,\n !day.isInBounds && classNames.dayOutsideBounds,\n !day.isInMonth && classNames.dayOutsideNavigatedMonth,\n )}\n ref={(element: HTMLTableCellElement) => {\n customDayCellRef?.(element, day.originalDate, classNames);\n day.setRef(element);\n isNavigatedDate && (navigatedDayRef.current = element);\n }}\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 >\n <button\n key={day.key + 'button'}\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 >\n <span className={day.isToday ? mergeClasses(classNames.dayTodayMarker) : undefined}>\n {dateTimeFormatter.formatDay(day.originalDate)}\n </span>\n {day.isMarked && <div aria-hidden=\"true\" className={classNames.dayMarker} />}\n </button>\n </td>\n );\n};\n"],"names":["React","ArrowDown","ArrowLeft","ArrowRight","ArrowUp","Enter","getRTLSafeKey","useFluent_unstable","mergeClasses","addDays","addWeeks","compareDates","findAvailableDate","DateRangeType","weekCornersClassNames","extraCalendarDayGridClassNames","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","cornerStyle","isNavigatedDate","originalDate","dir","navigateMonthEdge","ev","date","targetDate","undefined","direction","key","findAvailableDateOptions","initialDate","nextDate","isInCurrentView","slice","length","some","week","dayToCompare","preventDefault","onMouseOverDay","dayInfos","dayRefs","forEach","dayRef","index","classList","add","hoverStyle","isSelected","Day","remove","bottomLeftCornerDate","bottomRightCornerDate","topLeftCornerDate","topRightCornerDate","classNamesToAdd","trim","split","onMouseDownDay","pressedStyle","onMouseUpDay","onMouseOutDay","onDayKeyDown","ariaLabel","getDate","months","getMonth","getFullYear","isMarked","dayMarkedAriaLabel","isFocusable","isInBounds","td","className","dayCell","isSingleSelected","daySelected","daySingleSelected","dayOutsideBounds","isInMonth","dayOutsideNavigatedMonth","ref","element","setRef","current","aria-disabled","onClick","onSelected","onMouseOver","onMouseDown","onMouseUp","onMouseOut","onKeyDown","role","tabIndex","aria-current","isToday","aria-selected","button","dayButton","dayIsToday","aria-label","id","disabled","type","span","dayTodayMarker","formatDay","div","aria-hidden","dayMarker"],"mappings":"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"}
@@ -11,11 +11,11 @@ Object.defineProperty(exports, "CalendarGridRow", {
11
11
  });
12
12
  const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
13
13
  const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
14
- const _utils = require("../../utils");
15
- const _CalendarGridDayCell = require("./CalendarGridDayCell");
14
+ const _index = require("../../utils/index.cjs");
15
+ const _CalendarGridDayCell = require("./CalendarGridDayCell.cjs");
16
16
  const CalendarGridRow = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
17
17
  const { ariaHidden, classNames, week, weeks, weekIndex, rowClassName, ariaRole, showWeekNumbers, firstDayOfWeek, firstWeekOfYear, navigatedDate, strings } = props;
18
- const weekNumbers = showWeekNumbers ? (0, _utils.getWeekNumbersInMonth)(weeks.length, firstDayOfWeek, firstWeekOfYear, navigatedDate) : null;
18
+ const weekNumbers = showWeekNumbers ? (0, _index.getWeekNumbersInMonth)(weeks.length, firstDayOfWeek, firstWeekOfYear, navigatedDate) : null;
19
19
  const titleString = weekNumbers ? strings.weekNumberFormatString && strings.weekNumberFormatString.replace('{0}', `${weekNumbers[weekIndex]}`) : '';
20
20
  return /*#__PURE__*/ _react.createElement("tr", {
21
21
  ref: ref,
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/CalendarDayGrid/CalendarGridRow.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { getWeekNumbersInMonth } from '../../utils';\nimport { CalendarGridDayCell } from './CalendarGridDayCell';\nimport type { CalendarDayGridProps, CalendarDayGridStyles } from './CalendarDayGrid.types';\nimport type { DayInfo } from './CalendarDayGrid';\nimport type { WeekCorners } from './useWeekCornerStyles.styles';\n\n/**\n * @internal\n */\nexport interface CalendarGridRowProps extends CalendarDayGridProps {\n classNames: CalendarDayGridStyles;\n weeks: DayInfo[][];\n week: DayInfo[];\n weekIndex: number;\n weekCorners?: WeekCorners;\n ariaHidden?: boolean;\n rowClassName?: string;\n ariaRole?: string;\n // eslint-disable-next-line @typescript-eslint/no-deprecated\n navigatedDayRef: React.MutableRefObject<HTMLTableCellElement | null>;\n activeDescendantId: string;\n calculateRoundedStyles(above: boolean, below: boolean, left: boolean, right: boolean): string;\n getDayInfosInRangeOfDay(dayToCompare: DayInfo): DayInfo[];\n getRefsFromDayInfos(dayInfosInRange: DayInfo[]): (HTMLElement | null)[];\n}\n\n/**\n * @internal\n */\nexport const CalendarGridRow = React.forwardRef<HTMLTableRowElement, CalendarGridRowProps>((props, ref) => {\n const {\n ariaHidden,\n classNames,\n week,\n weeks,\n weekIndex,\n rowClassName,\n ariaRole,\n showWeekNumbers,\n firstDayOfWeek,\n firstWeekOfYear,\n navigatedDate,\n strings,\n } = props;\n const weekNumbers = showWeekNumbers\n ? getWeekNumbersInMonth(weeks!.length, firstDayOfWeek, firstWeekOfYear, navigatedDate)\n : null;\n\n const titleString = weekNumbers\n ? strings.weekNumberFormatString && strings.weekNumberFormatString.replace('{0}', `${weekNumbers[weekIndex]}`)\n : '';\n\n return (\n <tr ref={ref} role={ariaRole} aria-hidden={ariaHidden} className={rowClassName}>\n {showWeekNumbers && weekNumbers && (\n <th className={classNames.weekNumberCell} title={titleString} aria-label={titleString} scope=\"row\">\n <span>{weekNumbers[weekIndex]}</span>\n </th>\n )}\n {week.map((day: DayInfo, dayIndex: number) => (\n <CalendarGridDayCell {...props} key={day.key} day={day} dayIndex={dayIndex} />\n ))}\n </tr>\n );\n});\n\nCalendarGridRow.displayName = 'CalendarGridRow';\n"],"names":["React","getWeekNumbersInMonth","CalendarGridDayCell","CalendarGridRow","forwardRef","props","ref","ariaHidden","classNames","week","weeks","weekIndex","rowClassName","ariaRole","showWeekNumbers","firstDayOfWeek","firstWeekOfYear","navigatedDate","strings","weekNumbers","length","titleString","weekNumberFormatString","replace","tr","role","aria-hidden","className","th","weekNumberCell","title","aria-label","scope","span","map","day","dayIndex","key","displayName"],"mappings":"AAAA;;;;;+BAgCaG;;;;;;;iEA9BU,QAAQ;uBACO,cAAc;qCAChB,wBAAwB;AA4BrD,wBAAMA,WAAAA,GAAkBH,OAAMI,UAAU,CAA4C,CAACC,OAAOC;IACjG,MAAM,EACJC,UAAU,EACVC,UAAU,EACVC,IAAI,EACJC,KAAK,EACLC,SAAS,EACTC,YAAY,EACZC,QAAQ,EACRC,eAAe,EACfC,cAAc,EACdC,eAAe,EACfC,aAAa,EACbC,OAAO,EACR,GAAGb;IACJ,MAAMc,cAAcL,kBAChBb,gCAAAA,EAAsBS,MAAOU,MAAM,EAAEL,gBAAgBC,iBAAiBC,iBACtE;IAEJ,MAAMI,cAAcF,cAChBD,QAAQI,sBAAsB,IAAIJ,QAAQI,sBAAsB,CAACC,OAAO,CAAC,OAAO,GAAGJ,WAAW,CAACR,UAAU,EAAE,IAC3G;IAEJ,OAAA,WAAA,GACE,OAAA,aAAA,CAACa,MAAAA;QAAGlB,KAAKA;QAAKmB,MAAMZ;QAAUa,eAAanB;QAAYoB,WAAWf;OAC/DE,mBAAmBK,eAAAA,WAAAA,GAClB,OAAA,aAAA,CAACS,MAAAA;QAAGD,WAAWnB,WAAWqB,cAAc;QAAEC,OAAOT;QAAaU,cAAYV;QAAaW,OAAM;qBAC3F,OAAA,aAAA,CAACC,QAAAA,MAAMd,WAAW,CAACR,UAAU,IAGhCF,KAAKyB,GAAG,CAAC,CAACC,KAAcC,WAAAA,WAAAA,GACvB,OAAA,aAAA,CAAClC,wCAAAA,EAAAA;YAAqB,GAAGG,KAAK;YAAEgC,KAAKF,IAAIE,GAAG;YAAEF,KAAKA;YAAKC,UAAUA;;AAI1E,GAAG;AAEHjC,gBAAgBmC,WAAW,GAAG"}
1
+ {"version":3,"sources":["../src/components/CalendarDayGrid/CalendarGridRow.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { getWeekNumbersInMonth } from '../../utils';\nimport { CalendarGridDayCell } from './CalendarGridDayCell';\nimport type { CalendarDayGridProps, CalendarDayGridStyles } from './CalendarDayGrid.types';\nimport type { DayInfo } from './CalendarDayGrid';\nimport type { WeekCorners } from './useWeekCornerStyles.styles';\n\n/**\n * @internal\n */\nexport interface CalendarGridRowProps extends CalendarDayGridProps {\n classNames: CalendarDayGridStyles;\n weeks: DayInfo[][];\n week: DayInfo[];\n weekIndex: number;\n weekCorners?: WeekCorners;\n ariaHidden?: boolean;\n rowClassName?: string;\n ariaRole?: string;\n // eslint-disable-next-line @typescript-eslint/no-deprecated\n navigatedDayRef: React.MutableRefObject<HTMLTableCellElement | null>;\n activeDescendantId: string;\n calculateRoundedStyles(above: boolean, below: boolean, left: boolean, right: boolean): string;\n getDayInfosInRangeOfDay(dayToCompare: DayInfo): DayInfo[];\n getRefsFromDayInfos(dayInfosInRange: DayInfo[]): (HTMLElement | null)[];\n}\n\n/**\n * @internal\n */\nexport const CalendarGridRow = React.forwardRef<HTMLTableRowElement, CalendarGridRowProps>((props, ref) => {\n const {\n ariaHidden,\n classNames,\n week,\n weeks,\n weekIndex,\n rowClassName,\n ariaRole,\n showWeekNumbers,\n firstDayOfWeek,\n firstWeekOfYear,\n navigatedDate,\n strings,\n } = props;\n const weekNumbers = showWeekNumbers\n ? getWeekNumbersInMonth(weeks!.length, firstDayOfWeek, firstWeekOfYear, navigatedDate)\n : null;\n\n const titleString = weekNumbers\n ? strings.weekNumberFormatString && strings.weekNumberFormatString.replace('{0}', `${weekNumbers[weekIndex]}`)\n : '';\n\n return (\n <tr ref={ref} role={ariaRole} aria-hidden={ariaHidden} className={rowClassName}>\n {showWeekNumbers && weekNumbers && (\n <th className={classNames.weekNumberCell} title={titleString} aria-label={titleString} scope=\"row\">\n <span>{weekNumbers[weekIndex]}</span>\n </th>\n )}\n {week.map((day: DayInfo, dayIndex: number) => (\n <CalendarGridDayCell {...props} key={day.key} day={day} dayIndex={dayIndex} />\n ))}\n </tr>\n );\n});\n\nCalendarGridRow.displayName = 'CalendarGridRow';\n"],"names":["React","getWeekNumbersInMonth","CalendarGridDayCell","CalendarGridRow","forwardRef","props","ref","ariaHidden","classNames","week","weeks","weekIndex","rowClassName","ariaRole","showWeekNumbers","firstDayOfWeek","firstWeekOfYear","navigatedDate","strings","weekNumbers","length","titleString","weekNumberFormatString","replace","tr","role","aria-hidden","className","th","weekNumberCell","title","aria-label","scope","span","map","day","dayIndex","key","displayName"],"mappings":"AAAA;;;;;+BAgCaG;;;;;;;iEA9BU,QAAQ;uBACO,uBAAc;qCAChB,2BAAwB;AA4BrD,wBAAMA,WAAAA,GAAkBH,OAAMI,UAAU,CAA4C,CAACC,OAAOC;IACjG,MAAM,EACJC,UAAU,EACVC,UAAU,EACVC,IAAI,EACJC,KAAK,EACLC,SAAS,EACTC,YAAY,EACZC,QAAQ,EACRC,eAAe,EACfC,cAAc,EACdC,eAAe,EACfC,aAAa,EACbC,OAAO,EACR,GAAGb;IACJ,MAAMc,cAAcL,kBAChBb,gCAAAA,EAAsBS,MAAOU,MAAM,EAAEL,gBAAgBC,iBAAiBC,iBACtE;IAEJ,MAAMI,cAAcF,cAChBD,QAAQI,sBAAsB,IAAIJ,QAAQI,sBAAsB,CAACC,OAAO,CAAC,OAAO,GAAGJ,WAAW,CAACR,UAAU,EAAE,IAC3G;IAEJ,OAAA,WAAA,GACE,OAAA,aAAA,CAACa,MAAAA;QAAGlB,KAAKA;QAAKmB,MAAMZ;QAAUa,eAAanB;QAAYoB,WAAWf;OAC/DE,mBAAmBK,eAAAA,WAAAA,GAClB,OAAA,aAAA,CAACS,MAAAA;QAAGD,WAAWnB,WAAWqB,cAAc;QAAEC,OAAOT;QAAaU,cAAYV;QAAaW,OAAM;qBAC3F,OAAA,aAAA,CAACC,QAAAA,MAAMd,WAAW,CAACR,UAAU,IAGhCF,KAAKyB,GAAG,CAAC,CAACC,KAAcC,WAAAA,WAAAA,GACvB,OAAA,aAAA,CAAClC,wCAAAA,EAAAA;YAAqB,GAAGG,KAAK;YAAEgC,KAAKF,IAAIE,GAAG;YAAEF,KAAKA;YAAKC,UAAUA;;AAI1E,GAAG;AAEHjC,gBAAgBmC,WAAW,GAAG"}
@@ -13,7 +13,7 @@ const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
13
13
  const _react1 = require("@griffel/react");
14
14
  const _reactmotion = require("@fluentui/react-motion");
15
15
  const _reactmotioncomponentspreview = require("@fluentui/react-motion-components-preview");
16
- const _utils = require("../../utils");
16
+ const _index = require("../../utils/index.cjs");
17
17
  const CalendarMonthHeaderRow = (props)=>{
18
18
  const { showWeekNumbers, strings, firstDayOfWeek, allFocusable, weeksToShow, weeks, classNames } = props;
19
19
  const dayLabels = strings.shortDays.slice();
@@ -27,13 +27,13 @@ const CalendarMonthHeaderRow = (props)=>{
27
27
  }
28
28
  if (weeksToShow === 1 && firstOfMonthIndex >= 0) {
29
29
  // if we only show one week, replace the header with short month name
30
- const firstOfMonthIndexOffset = (firstOfMonthIndex + firstDayOfWeek) % _utils.DAYS_IN_WEEK;
30
+ const firstOfMonthIndexOffset = (firstOfMonthIndex + firstDayOfWeek) % _index.DAYS_IN_WEEK;
31
31
  dayLabels[firstOfMonthIndexOffset] = strings.shortMonths[weeks[1][firstOfMonthIndex].originalDate.getMonth()];
32
32
  }
33
33
  return /*#__PURE__*/ _react.createElement("tr", null, showWeekNumbers && /*#__PURE__*/ _react.createElement("th", {
34
34
  className: classNames.dayCell
35
35
  }), dayLabels.map((val, index)=>{
36
- const i = (index + firstDayOfWeek) % _utils.DAYS_IN_WEEK;
36
+ const i = (index + firstDayOfWeek) % _index.DAYS_IN_WEEK;
37
37
  const label = strings.days[i];
38
38
  return(// plays once on mount. The only remount is in single-week view, when a label is swapped
39
39
  // for a short month name.
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/CalendarDayGrid/CalendarMonthHeaderRow.tsx"],"sourcesContent":["import * as React from 'react';\nimport { mergeClasses } from '@griffel/react';\nimport { motionTokens } from '@fluentui/react-motion';\nimport { Fade } from '@fluentui/react-motion-components-preview';\nimport { DAYS_IN_WEEK } from '../../utils';\nimport type { CalendarDayGridProps, CalendarDayGridStyles } from './CalendarDayGrid.types';\nimport type { DayInfo } from './CalendarDayGrid';\n\n/**\n * @internal\n */\nexport interface CalendarDayMonthHeaderRowProps extends CalendarDayGridProps {\n weeks: DayInfo[][];\n classNames: CalendarDayGridStyles;\n}\n\n/**\n * @internal\n */\nexport const CalendarMonthHeaderRow: React.FunctionComponent<CalendarDayMonthHeaderRowProps> = props => {\n const { showWeekNumbers, strings, firstDayOfWeek, allFocusable, weeksToShow, weeks, classNames } = props;\n const dayLabels = strings.shortDays.slice();\n\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\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\n return (\n <tr>\n {showWeekNumbers && <th className={classNames.dayCell} />}\n {dayLabels.map((val: string, index: number) => {\n const i = (index + firstDayOfWeek) % DAYS_IN_WEEK;\n const label = strings.days[i];\n return (\n // Plain list key, not a `replayKey`: day labels are stable across navigation so the fade\n // plays once on mount. The only remount is in single-week view, when a label is swapped\n // for a short month name.\n <Fade.In key={dayLabels[i] + ' ' + index} duration={motionTokens.durationGentle}>\n <th\n className={mergeClasses(classNames.dayCell, classNames.weekDayLabelCell)}\n scope=\"col\"\n title={label}\n aria-label={label}\n tabIndex={allFocusable ? 0 : undefined}\n >\n {dayLabels[i]}\n </th>\n </Fade.In>\n );\n })}\n </tr>\n );\n};\n"],"names":["React","mergeClasses","motionTokens","Fade","DAYS_IN_WEEK","CalendarMonthHeaderRow","props","showWeekNumbers","strings","firstDayOfWeek","allFocusable","weeksToShow","weeks","classNames","dayLabels","shortDays","slice","firstOfMonthIndex","firstWeekOfMonth","i","length","originalDate","getDate","firstOfMonthIndexOffset","shortMonths","getMonth","tr","th","className","dayCell","map","val","index","label","days","In","key","duration","durationGentle","weekDayLabelCell","scope","title","aria-label","tabIndex","undefined"],"mappings":";;;;+BAmBaK;;;;;;;iEAnBU,QAAQ;wBACF,iBAAiB;6BACjB,yBAAyB;8CACjC,4CAA4C;uBACpC,cAAc;AAepC,+BAAwFC,CAAAA;IAC7F,MAAM,EAAEC,eAAe,EAAEC,OAAO,EAAEC,cAAc,EAAEC,YAAY,EAAEC,WAAW,EAAEC,KAAK,EAAEC,UAAU,EAAE,GAAGP;IACnG,MAAMQ,YAAYN,QAAQO,SAAS,CAACC,KAAK;IAEzC,IAAIC,oBAAoB,CAAC;IACzB,MAAMC,mBAAmBN,KAAM,CAAC,EAAE;IAClC,IAAK,IAAIO,IAAI,GAAGA,IAAIP,KAAM,CAAC,EAAE,CAACQ,MAAM,EAAED,IAAK;QACzC,IAAID,gBAAgB,CAACC,EAAE,CAACE,YAAY,CAACC,OAAO,OAAO,GAAG;YACpDL,oBAAoBE;YACpB;QACF;IACF;IAEA,IAAIR,gBAAgB,KAAKM,qBAAqB,GAAG;QAC/C,qEAAqE;QACrE,MAAMM,0BAA2BN,CAAAA,oBAAoBR,cAAAA,CAAa,GAAKL,mBAAAA;QACvEU,SAAS,CAACS,wBAAwB,GAAGf,QAAQgB,WAAW,CAACZ,KAAM,CAAC,EAAE,CAACK,kBAAkB,CAACI,YAAY,CAACI,QAAQ,GAAG;IAChH;IAEA,OAAA,WAAA,GACE,OAAA,aAAA,CAACC,MAAAA,MACEnB,mBAAAA,WAAAA,GAAmB,OAAA,aAAA,CAACoB,MAAAA;QAAGC,WAAWf,WAAWgB,OAAO;QACpDf,UAAUgB,GAAG,CAAC,CAACC,KAAaC;QAC3B,MAAMb,IAAKa,CAAAA,QAAQvB,cAAAA,CAAa,GAAKL,mBAAAA;QACrC,MAAM6B,QAAQzB,QAAQ0B,IAAI,CAACf,EAAE;QAC7B,OACE,AACA,wFAAwF,CADC;QAEzF,0BAA0B;sBAC1B,OAAA,aAAA,CAAChB,kCAAAA,CAAKgC,EAAE,EAAA;YAACC,KAAKtB,SAAS,CAACK,EAAE,GAAG,MAAMa;YAAOK,UAAUnC,yBAAAA,CAAaoC,cAAc;yBAC7E,OAAA,aAAA,CAACX,MAAAA;YACCC,eAAW3B,oBAAAA,EAAaY,WAAWgB,OAAO,EAAEhB,WAAW0B,gBAAgB;YACvEC,OAAM;YACNC,OAAOR;YACPS,cAAYT;YACZU,UAAUjC,eAAe,IAAIkC;WAE5B9B,SAAS,CAACK,EAAE;IAIrB;AAGN,EAAE"}
1
+ {"version":3,"sources":["../src/components/CalendarDayGrid/CalendarMonthHeaderRow.tsx"],"sourcesContent":["import * as React from 'react';\nimport { mergeClasses } from '@griffel/react';\nimport { motionTokens } from '@fluentui/react-motion';\nimport { Fade } from '@fluentui/react-motion-components-preview';\nimport { DAYS_IN_WEEK } from '../../utils';\nimport type { CalendarDayGridProps, CalendarDayGridStyles } from './CalendarDayGrid.types';\nimport type { DayInfo } from './CalendarDayGrid';\n\n/**\n * @internal\n */\nexport interface CalendarDayMonthHeaderRowProps extends CalendarDayGridProps {\n weeks: DayInfo[][];\n classNames: CalendarDayGridStyles;\n}\n\n/**\n * @internal\n */\nexport const CalendarMonthHeaderRow: React.FunctionComponent<CalendarDayMonthHeaderRowProps> = props => {\n const { showWeekNumbers, strings, firstDayOfWeek, allFocusable, weeksToShow, weeks, classNames } = props;\n const dayLabels = strings.shortDays.slice();\n\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\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\n return (\n <tr>\n {showWeekNumbers && <th className={classNames.dayCell} />}\n {dayLabels.map((val: string, index: number) => {\n const i = (index + firstDayOfWeek) % DAYS_IN_WEEK;\n const label = strings.days[i];\n return (\n // Plain list key, not a `replayKey`: day labels are stable across navigation so the fade\n // plays once on mount. The only remount is in single-week view, when a label is swapped\n // for a short month name.\n <Fade.In key={dayLabels[i] + ' ' + index} duration={motionTokens.durationGentle}>\n <th\n className={mergeClasses(classNames.dayCell, classNames.weekDayLabelCell)}\n scope=\"col\"\n title={label}\n aria-label={label}\n tabIndex={allFocusable ? 0 : undefined}\n >\n {dayLabels[i]}\n </th>\n </Fade.In>\n );\n })}\n </tr>\n );\n};\n"],"names":["React","mergeClasses","motionTokens","Fade","DAYS_IN_WEEK","CalendarMonthHeaderRow","props","showWeekNumbers","strings","firstDayOfWeek","allFocusable","weeksToShow","weeks","classNames","dayLabels","shortDays","slice","firstOfMonthIndex","firstWeekOfMonth","i","length","originalDate","getDate","firstOfMonthIndexOffset","shortMonths","getMonth","tr","th","className","dayCell","map","val","index","label","days","In","key","duration","durationGentle","weekDayLabelCell","scope","title","aria-label","tabIndex","undefined"],"mappings":";;;;+BAmBaK;;;;;;;iEAnBU,QAAQ;wBACF,iBAAiB;6BACjB,yBAAyB;8CACjC,4CAA4C;uBACpC,uBAAc;AAepC,+BAAwFC,CAAAA;IAC7F,MAAM,EAAEC,eAAe,EAAEC,OAAO,EAAEC,cAAc,EAAEC,YAAY,EAAEC,WAAW,EAAEC,KAAK,EAAEC,UAAU,EAAE,GAAGP;IACnG,MAAMQ,YAAYN,QAAQO,SAAS,CAACC,KAAK;IAEzC,IAAIC,oBAAoB,CAAC;IACzB,MAAMC,mBAAmBN,KAAM,CAAC,EAAE;IAClC,IAAK,IAAIO,IAAI,GAAGA,IAAIP,KAAM,CAAC,EAAE,CAACQ,MAAM,EAAED,IAAK;QACzC,IAAID,gBAAgB,CAACC,EAAE,CAACE,YAAY,CAACC,OAAO,OAAO,GAAG;YACpDL,oBAAoBE;YACpB;QACF;IACF;IAEA,IAAIR,gBAAgB,KAAKM,qBAAqB,GAAG;QAC/C,qEAAqE;QACrE,MAAMM,0BAA2BN,CAAAA,oBAAoBR,cAAAA,CAAa,GAAKL,mBAAAA;QACvEU,SAAS,CAACS,wBAAwB,GAAGf,QAAQgB,WAAW,CAACZ,KAAM,CAAC,EAAE,CAACK,kBAAkB,CAACI,YAAY,CAACI,QAAQ,GAAG;IAChH;IAEA,OAAA,WAAA,GACE,OAAA,aAAA,CAACC,MAAAA,MACEnB,mBAAAA,WAAAA,GAAmB,OAAA,aAAA,CAACoB,MAAAA;QAAGC,WAAWf,WAAWgB,OAAO;QACpDf,UAAUgB,GAAG,CAAC,CAACC,KAAaC;QAC3B,MAAMb,IAAKa,CAAAA,QAAQvB,cAAAA,CAAa,GAAKL,mBAAAA;QACrC,MAAM6B,QAAQzB,QAAQ0B,IAAI,CAACf,EAAE;QAC7B,OACE,AACA,wFAAwF,CADC;QAEzF,0BAA0B;sBAC1B,OAAA,aAAA,CAAChB,kCAAAA,CAAKgC,EAAE,EAAA;YAACC,KAAKtB,SAAS,CAACK,EAAE,GAAG,MAAMa;YAAOK,UAAUnC,yBAAAA,CAAaoC,cAAc;yBAC7E,OAAA,aAAA,CAACX,MAAAA;YACCC,eAAW3B,oBAAAA,EAAaY,WAAWgB,OAAO,EAAEhB,WAAW0B,gBAAgB;YACvEC,OAAM;YACNC,OAAOR;YACPS,cAAYT;YACZU,UAAUjC,eAAe,IAAIkC;WAE5B9B,SAAS,CAACK,EAAE;IAIrB;AAGN,EAAE"}
@@ -22,5 +22,5 @@ _export(exports, {
22
22
  return _useCalendarDayGridStylesstyles.useCalendarDayGridStyles_unstable;
23
23
  }
24
24
  });
25
- const _CalendarDayGrid = require("./CalendarDayGrid");
26
- const _useCalendarDayGridStylesstyles = require("./useCalendarDayGridStyles.styles");
25
+ const _CalendarDayGrid = require("./CalendarDayGrid.cjs");
26
+ const _useCalendarDayGridStylesstyles = require("./useCalendarDayGridStyles.styles.cjs");
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/CalendarDayGrid/index.ts"],"sourcesContent":["export type { DayInfo } from './CalendarDayGrid';\nexport { CalendarDayGrid } from './CalendarDayGrid';\nexport type {\n CalendarDayGridProps,\n CalendarDayGridStyleProps,\n CalendarDayGridStyles,\n ICalendarDayGrid,\n} from './CalendarDayGrid.types';\nexport {\n calendarDayGridClassNames,\n extraCalendarDayGridClassNames,\n useCalendarDayGridStyles_unstable,\n} from './useCalendarDayGridStyles.styles';\nexport type { WeekCorners } from './useWeekCornerStyles.styles';\n"],"names":["CalendarDayGrid","calendarDayGridClassNames","extraCalendarDayGridClassNames","useCalendarDayGridStyles_unstable"],"mappings":";;;;;;;;;;;;eACSA,gCAAe;;;eAQtBC,yDAAyB;;;eACzBC,8DAA8B;;;eAC9BC,iEAAiC;;;iCAVH,oBAAoB;gDAW7C,oCAAoC"}
1
+ {"version":3,"sources":["../src/components/CalendarDayGrid/index.ts"],"sourcesContent":["export type { DayInfo } from './CalendarDayGrid';\nexport { CalendarDayGrid } from './CalendarDayGrid';\nexport type {\n CalendarDayGridProps,\n CalendarDayGridStyleProps,\n CalendarDayGridStyles,\n ICalendarDayGrid,\n} from './CalendarDayGrid.types';\nexport {\n calendarDayGridClassNames,\n extraCalendarDayGridClassNames,\n useCalendarDayGridStyles_unstable,\n} from './useCalendarDayGridStyles.styles';\nexport type { WeekCorners } from './useWeekCornerStyles.styles';\n"],"names":["CalendarDayGrid","calendarDayGridClassNames","extraCalendarDayGridClassNames","useCalendarDayGridStyles_unstable"],"mappings":";;;;;;;;;;;;eACSA,gCAAe;;;eAQtBC,yDAAyB;;;eACzBC,8DAA8B;;;eAC9BC,iEAAiC;;;iCAVH,uBAAoB;gDAW7C,uCAAoC"}