@fluentui/react-datepicker-compat 0.1.4 → 0.1.6

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 (257) hide show
  1. package/CHANGELOG.json +169 -1
  2. package/CHANGELOG.md +43 -2
  3. package/dist/index.d.ts +4 -1
  4. package/lib/Calendar.js +0 -1
  5. package/lib/Calendar.js.map +1 -1
  6. package/lib/CalendarDay.js +0 -1
  7. package/lib/CalendarDay.js.map +1 -1
  8. package/lib/CalendarDayGrid.js +0 -1
  9. package/lib/CalendarDayGrid.js.map +1 -1
  10. package/lib/CalendarMonth.js +0 -1
  11. package/lib/CalendarMonth.js.map +1 -1
  12. package/lib/CalendarPicker.js +0 -1
  13. package/lib/CalendarPicker.js.map +1 -1
  14. package/lib/CalendarYear.js +0 -1
  15. package/lib/CalendarYear.js.map +1 -1
  16. package/lib/DatePicker.js +0 -1
  17. package/lib/DatePicker.js.map +1 -1
  18. package/lib/components/Calendar/Calendar.js +278 -300
  19. package/lib/components/Calendar/Calendar.js.map +1 -1
  20. package/lib/components/Calendar/Calendar.types.js +7 -12
  21. package/lib/components/Calendar/Calendar.types.js.map +1 -1
  22. package/lib/components/Calendar/defaults.js +0 -1
  23. package/lib/components/Calendar/defaults.js.map +1 -1
  24. package/lib/components/Calendar/index.js +0 -1
  25. package/lib/components/Calendar/index.js.map +1 -1
  26. package/lib/components/Calendar/useCalendarStyles.styles.js.map +1 -1
  27. package/lib/components/CalendarDay/CalendarDay.js +100 -128
  28. package/lib/components/CalendarDay/CalendarDay.js.map +1 -1
  29. package/lib/components/CalendarDay/CalendarDay.types.js +0 -1
  30. package/lib/components/CalendarDay/CalendarDay.types.js.map +1 -1
  31. package/lib/components/CalendarDay/index.js +0 -1
  32. package/lib/components/CalendarDay/index.js.map +1 -1
  33. package/lib/components/CalendarDay/useCalendarDayStyles.styles.js.map +1 -1
  34. package/lib/components/CalendarDayGrid/CalendarDayGrid.js +146 -159
  35. package/lib/components/CalendarDayGrid/CalendarDayGrid.js.map +1 -1
  36. package/lib/components/CalendarDayGrid/CalendarDayGrid.types.js +0 -1
  37. package/lib/components/CalendarDayGrid/CalendarDayGrid.types.js.map +1 -1
  38. package/lib/components/CalendarDayGrid/CalendarGridDayCell.js +150 -179
  39. package/lib/components/CalendarDayGrid/CalendarGridDayCell.js.map +1 -1
  40. package/lib/components/CalendarDayGrid/CalendarGridRow.js +20 -34
  41. package/lib/components/CalendarDayGrid/CalendarGridRow.js.map +1 -1
  42. package/lib/components/CalendarDayGrid/CalendarMonthHeaderRow.js +29 -39
  43. package/lib/components/CalendarDayGrid/CalendarMonthHeaderRow.js.map +1 -1
  44. package/lib/components/CalendarDayGrid/index.js +0 -1
  45. package/lib/components/CalendarDayGrid/index.js.map +1 -1
  46. package/lib/components/CalendarDayGrid/useCalendarDayGridStyles.styles.js.map +1 -1
  47. package/lib/components/CalendarDayGrid/useWeekCornerStyles.styles.js.map +1 -1
  48. package/lib/components/CalendarDayGrid/useWeeks.js +34 -36
  49. package/lib/components/CalendarDayGrid/useWeeks.js.map +1 -1
  50. package/lib/components/CalendarMonth/CalendarMonth.js +238 -258
  51. package/lib/components/CalendarMonth/CalendarMonth.js.map +1 -1
  52. package/lib/components/CalendarMonth/CalendarMonth.types.js +0 -1
  53. package/lib/components/CalendarMonth/CalendarMonth.types.js.map +1 -1
  54. package/lib/components/CalendarMonth/index.js +0 -1
  55. package/lib/components/CalendarMonth/index.js.map +1 -1
  56. package/lib/components/CalendarMonth/useCalendarMonthStyles.js +2 -4
  57. package/lib/components/CalendarMonth/useCalendarMonthStyles.js.map +1 -1
  58. package/lib/components/CalendarPicker/CalendarPicker.types.js +1 -2
  59. package/lib/components/CalendarPicker/CalendarPicker.types.js.map +1 -1
  60. package/lib/components/CalendarPicker/index.js +0 -1
  61. package/lib/components/CalendarPicker/index.js.map +1 -1
  62. package/lib/components/CalendarPicker/useCalendarPickerStyles.styles.js.map +1 -1
  63. package/lib/components/CalendarYear/CalendarYear.js +260 -312
  64. package/lib/components/CalendarYear/CalendarYear.js.map +1 -1
  65. package/lib/components/CalendarYear/CalendarYear.types.js +0 -1
  66. package/lib/components/CalendarYear/CalendarYear.types.js.map +1 -1
  67. package/lib/components/CalendarYear/index.js +0 -1
  68. package/lib/components/CalendarYear/index.js.map +1 -1
  69. package/lib/components/CalendarYear/useCalendarYearStyles.styles.js.map +1 -1
  70. package/lib/components/DatePicker/DatePicker.js +4 -5
  71. package/lib/components/DatePicker/DatePicker.js.map +1 -1
  72. package/lib/components/DatePicker/DatePicker.types.js +0 -1
  73. package/lib/components/DatePicker/DatePicker.types.js.map +1 -1
  74. package/lib/components/DatePicker/defaults.js +9 -10
  75. package/lib/components/DatePicker/defaults.js.map +1 -1
  76. package/lib/components/DatePicker/index.js +0 -1
  77. package/lib/components/DatePicker/index.js.map +1 -1
  78. package/lib/components/DatePicker/renderDatePicker.js +5 -12
  79. package/lib/components/DatePicker/renderDatePicker.js.map +1 -1
  80. package/lib/components/DatePicker/useDatePicker.js +402 -354
  81. package/lib/components/DatePicker/useDatePicker.js.map +1 -1
  82. package/lib/components/DatePicker/useDatePickerStyles.styles.js.map +1 -1
  83. package/lib/index.js +0 -1
  84. package/lib/index.js.map +1 -1
  85. package/lib/utils/animations.js +72 -73
  86. package/lib/utils/animations.js.map +1 -1
  87. package/lib/utils/constants.js +50 -52
  88. package/lib/utils/constants.js.map +1 -1
  89. package/lib/utils/dateFormatting/dateFormatting.defaults.js +71 -34
  90. package/lib/utils/dateFormatting/dateFormatting.defaults.js.map +1 -1
  91. package/lib/utils/dateFormatting/dateFormatting.types.js +1 -2
  92. package/lib/utils/dateFormatting/dateFormatting.types.js.map +1 -1
  93. package/lib/utils/dateFormatting/index.js +0 -1
  94. package/lib/utils/dateFormatting/index.js.map +1 -1
  95. package/lib/utils/dateGrid/dateGrid.types.js +1 -2
  96. package/lib/utils/dateGrid/dateGrid.types.js.map +1 -1
  97. package/lib/utils/dateGrid/findAvailableDate.js +14 -21
  98. package/lib/utils/dateGrid/findAvailableDate.js.map +1 -1
  99. package/lib/utils/dateGrid/getBoundedDateRange.js +11 -11
  100. package/lib/utils/dateGrid/getBoundedDateRange.js.map +1 -1
  101. package/lib/utils/dateGrid/getDateRangeTypeToUse.js +6 -8
  102. package/lib/utils/dateGrid/getDateRangeTypeToUse.js.map +1 -1
  103. package/lib/utils/dateGrid/getDayGrid.js +59 -73
  104. package/lib/utils/dateGrid/getDayGrid.js.map +1 -1
  105. package/lib/utils/dateGrid/index.js +0 -1
  106. package/lib/utils/dateGrid/index.js.map +1 -1
  107. package/lib/utils/dateGrid/isAfterMaxDate.js +3 -7
  108. package/lib/utils/dateGrid/isAfterMaxDate.js.map +1 -1
  109. package/lib/utils/dateGrid/isBeforeMinDate.js +3 -7
  110. package/lib/utils/dateGrid/isBeforeMinDate.js.map +1 -1
  111. package/lib/utils/dateGrid/isContiguous.js +11 -12
  112. package/lib/utils/dateGrid/isContiguous.js.map +1 -1
  113. package/lib/utils/dateGrid/isRestrictedDate.js +7 -13
  114. package/lib/utils/dateGrid/isRestrictedDate.js.map +1 -1
  115. package/lib/utils/dateMath/dateMath.js +179 -198
  116. package/lib/utils/dateMath/dateMath.js.map +1 -1
  117. package/lib/utils/dateMath/index.js +0 -1
  118. package/lib/utils/dateMath/index.js.map +1 -1
  119. package/lib/utils/dom.js +5 -6
  120. package/lib/utils/dom.js.map +1 -1
  121. package/lib/utils/focus.js +17 -19
  122. package/lib/utils/focus.js.map +1 -1
  123. package/lib/utils/index.js +0 -1
  124. package/lib/utils/index.js.map +1 -1
  125. package/lib/utils/usePopupPositioning.js +12 -16
  126. package/lib/utils/usePopupPositioning.js.map +1 -1
  127. package/lib-commonjs/Calendar.js +0 -3
  128. package/lib-commonjs/Calendar.js.map +1 -1
  129. package/lib-commonjs/CalendarDay.js +0 -3
  130. package/lib-commonjs/CalendarDay.js.map +1 -1
  131. package/lib-commonjs/CalendarDayGrid.js +0 -3
  132. package/lib-commonjs/CalendarDayGrid.js.map +1 -1
  133. package/lib-commonjs/CalendarMonth.js +0 -3
  134. package/lib-commonjs/CalendarMonth.js.map +1 -1
  135. package/lib-commonjs/CalendarPicker.js +0 -3
  136. package/lib-commonjs/CalendarPicker.js.map +1 -1
  137. package/lib-commonjs/CalendarYear.js +0 -3
  138. package/lib-commonjs/CalendarYear.js.map +1 -1
  139. package/lib-commonjs/DatePicker.js +0 -3
  140. package/lib-commonjs/DatePicker.js.map +1 -1
  141. package/lib-commonjs/components/Calendar/Calendar.js +1 -3
  142. package/lib-commonjs/components/Calendar/Calendar.js.map +1 -1
  143. package/lib-commonjs/components/Calendar/Calendar.types.js +5 -7
  144. package/lib-commonjs/components/Calendar/Calendar.types.js.map +1 -1
  145. package/lib-commonjs/components/Calendar/defaults.js +1 -3
  146. package/lib-commonjs/components/Calendar/defaults.js.map +1 -1
  147. package/lib-commonjs/components/Calendar/index.js +0 -3
  148. package/lib-commonjs/components/Calendar/index.js.map +1 -1
  149. package/lib-commonjs/components/Calendar/useCalendarStyles.styles.js +0 -2
  150. package/lib-commonjs/components/Calendar/useCalendarStyles.styles.js.map +1 -1
  151. package/lib-commonjs/components/CalendarDay/CalendarDay.js +1 -3
  152. package/lib-commonjs/components/CalendarDay/CalendarDay.js.map +1 -1
  153. package/lib-commonjs/components/CalendarDay/CalendarDay.types.js +0 -3
  154. package/lib-commonjs/components/CalendarDay/CalendarDay.types.js.map +1 -1
  155. package/lib-commonjs/components/CalendarDay/index.js +0 -3
  156. package/lib-commonjs/components/CalendarDay/index.js.map +1 -1
  157. package/lib-commonjs/components/CalendarDay/useCalendarDayStyles.styles.js +0 -2
  158. package/lib-commonjs/components/CalendarDay/useCalendarDayStyles.styles.js.map +1 -1
  159. package/lib-commonjs/components/CalendarDayGrid/CalendarDayGrid.js +7 -9
  160. package/lib-commonjs/components/CalendarDayGrid/CalendarDayGrid.js.map +1 -1
  161. package/lib-commonjs/components/CalendarDayGrid/CalendarDayGrid.types.js +0 -3
  162. package/lib-commonjs/components/CalendarDayGrid/CalendarDayGrid.types.js.map +1 -1
  163. package/lib-commonjs/components/CalendarDayGrid/CalendarGridDayCell.js +1 -3
  164. package/lib-commonjs/components/CalendarDayGrid/CalendarGridDayCell.js.map +1 -1
  165. package/lib-commonjs/components/CalendarDayGrid/CalendarGridRow.js +1 -3
  166. package/lib-commonjs/components/CalendarDayGrid/CalendarGridRow.js.map +1 -1
  167. package/lib-commonjs/components/CalendarDayGrid/CalendarMonthHeaderRow.js +1 -3
  168. package/lib-commonjs/components/CalendarDayGrid/CalendarMonthHeaderRow.js.map +1 -1
  169. package/lib-commonjs/components/CalendarDayGrid/index.js +0 -3
  170. package/lib-commonjs/components/CalendarDayGrid/index.js.map +1 -1
  171. package/lib-commonjs/components/CalendarDayGrid/useCalendarDayGridStyles.styles.js +0 -2
  172. package/lib-commonjs/components/CalendarDayGrid/useCalendarDayGridStyles.styles.js.map +1 -1
  173. package/lib-commonjs/components/CalendarDayGrid/useWeekCornerStyles.styles.js +0 -2
  174. package/lib-commonjs/components/CalendarDayGrid/useWeekCornerStyles.styles.js.map +1 -1
  175. package/lib-commonjs/components/CalendarDayGrid/useWeeks.js +9 -11
  176. package/lib-commonjs/components/CalendarDayGrid/useWeeks.js.map +1 -1
  177. package/lib-commonjs/components/CalendarMonth/CalendarMonth.js +1 -3
  178. package/lib-commonjs/components/CalendarMonth/CalendarMonth.js.map +1 -1
  179. package/lib-commonjs/components/CalendarMonth/CalendarMonth.types.js +0 -3
  180. package/lib-commonjs/components/CalendarMonth/CalendarMonth.types.js.map +1 -1
  181. package/lib-commonjs/components/CalendarMonth/index.js +0 -3
  182. package/lib-commonjs/components/CalendarMonth/index.js.map +1 -1
  183. package/lib-commonjs/components/CalendarMonth/useCalendarMonthStyles.js +1 -3
  184. package/lib-commonjs/components/CalendarMonth/useCalendarMonthStyles.js.map +1 -1
  185. package/lib-commonjs/components/CalendarPicker/CalendarPicker.types.js +0 -3
  186. package/lib-commonjs/components/CalendarPicker/CalendarPicker.types.js.map +1 -1
  187. package/lib-commonjs/components/CalendarPicker/index.js +0 -3
  188. package/lib-commonjs/components/CalendarPicker/index.js.map +1 -1
  189. package/lib-commonjs/components/CalendarPicker/useCalendarPickerStyles.styles.js +0 -2
  190. package/lib-commonjs/components/CalendarPicker/useCalendarPickerStyles.styles.js.map +1 -1
  191. package/lib-commonjs/components/CalendarYear/CalendarYear.js +1 -3
  192. package/lib-commonjs/components/CalendarYear/CalendarYear.js.map +1 -1
  193. package/lib-commonjs/components/CalendarYear/CalendarYear.types.js +0 -3
  194. package/lib-commonjs/components/CalendarYear/CalendarYear.types.js.map +1 -1
  195. package/lib-commonjs/components/CalendarYear/index.js +0 -3
  196. package/lib-commonjs/components/CalendarYear/index.js.map +1 -1
  197. package/lib-commonjs/components/CalendarYear/useCalendarYearStyles.styles.js +0 -2
  198. package/lib-commonjs/components/CalendarYear/useCalendarYearStyles.styles.js.map +1 -1
  199. package/lib-commonjs/components/DatePicker/DatePicker.js +1 -3
  200. package/lib-commonjs/components/DatePicker/DatePicker.js.map +1 -1
  201. package/lib-commonjs/components/DatePicker/DatePicker.types.js +0 -3
  202. package/lib-commonjs/components/DatePicker/DatePicker.types.js.map +1 -1
  203. package/lib-commonjs/components/DatePicker/defaults.js +1 -3
  204. package/lib-commonjs/components/DatePicker/defaults.js.map +1 -1
  205. package/lib-commonjs/components/DatePicker/index.js +0 -3
  206. package/lib-commonjs/components/DatePicker/index.js.map +1 -1
  207. package/lib-commonjs/components/DatePicker/renderDatePicker.js +1 -3
  208. package/lib-commonjs/components/DatePicker/renderDatePicker.js.map +1 -1
  209. package/lib-commonjs/components/DatePicker/useDatePicker.js +14 -17
  210. package/lib-commonjs/components/DatePicker/useDatePicker.js.map +1 -1
  211. package/lib-commonjs/components/DatePicker/useDatePickerStyles.styles.js +0 -2
  212. package/lib-commonjs/components/DatePicker/useDatePickerStyles.styles.js.map +1 -1
  213. package/lib-commonjs/index.js +0 -3
  214. package/lib-commonjs/index.js.map +1 -1
  215. package/lib-commonjs/utils/animations.js +4 -6
  216. package/lib-commonjs/utils/animations.js.map +1 -1
  217. package/lib-commonjs/utils/constants.js +7 -9
  218. package/lib-commonjs/utils/constants.js.map +1 -1
  219. package/lib-commonjs/utils/dateFormatting/dateFormatting.defaults.js +1 -3
  220. package/lib-commonjs/utils/dateFormatting/dateFormatting.defaults.js.map +1 -1
  221. package/lib-commonjs/utils/dateFormatting/dateFormatting.types.js +0 -3
  222. package/lib-commonjs/utils/dateFormatting/dateFormatting.types.js.map +1 -1
  223. package/lib-commonjs/utils/dateFormatting/index.js +0 -3
  224. package/lib-commonjs/utils/dateFormatting/index.js.map +1 -1
  225. package/lib-commonjs/utils/dateGrid/dateGrid.types.js +0 -3
  226. package/lib-commonjs/utils/dateGrid/dateGrid.types.js.map +1 -1
  227. package/lib-commonjs/utils/dateGrid/findAvailableDate.js +1 -3
  228. package/lib-commonjs/utils/dateGrid/findAvailableDate.js.map +1 -1
  229. package/lib-commonjs/utils/dateGrid/getBoundedDateRange.js +1 -3
  230. package/lib-commonjs/utils/dateGrid/getBoundedDateRange.js.map +1 -1
  231. package/lib-commonjs/utils/dateGrid/getDateRangeTypeToUse.js +1 -3
  232. package/lib-commonjs/utils/dateGrid/getDateRangeTypeToUse.js.map +1 -1
  233. package/lib-commonjs/utils/dateGrid/getDayGrid.js +1 -3
  234. package/lib-commonjs/utils/dateGrid/getDayGrid.js.map +1 -1
  235. package/lib-commonjs/utils/dateGrid/index.js +0 -3
  236. package/lib-commonjs/utils/dateGrid/index.js.map +1 -1
  237. package/lib-commonjs/utils/dateGrid/isAfterMaxDate.js +1 -3
  238. package/lib-commonjs/utils/dateGrid/isAfterMaxDate.js.map +1 -1
  239. package/lib-commonjs/utils/dateGrid/isBeforeMinDate.js +1 -3
  240. package/lib-commonjs/utils/dateGrid/isBeforeMinDate.js.map +1 -1
  241. package/lib-commonjs/utils/dateGrid/isContiguous.js +1 -3
  242. package/lib-commonjs/utils/dateGrid/isContiguous.js.map +1 -1
  243. package/lib-commonjs/utils/dateGrid/isRestrictedDate.js +1 -3
  244. package/lib-commonjs/utils/dateGrid/isRestrictedDate.js.map +1 -1
  245. package/lib-commonjs/utils/dateMath/dateMath.js +1 -3
  246. package/lib-commonjs/utils/dateMath/dateMath.js.map +1 -1
  247. package/lib-commonjs/utils/dateMath/index.js +0 -3
  248. package/lib-commonjs/utils/dateMath/index.js.map +1 -1
  249. package/lib-commonjs/utils/dom.js +1 -3
  250. package/lib-commonjs/utils/dom.js.map +1 -1
  251. package/lib-commonjs/utils/focus.js +1 -3
  252. package/lib-commonjs/utils/focus.js.map +1 -1
  253. package/lib-commonjs/utils/index.js +0 -3
  254. package/lib-commonjs/utils/index.js.map +1 -1
  255. package/lib-commonjs/utils/usePopupPositioning.js +1 -3
  256. package/lib-commonjs/utils/usePopupPositioning.js.map +1 -1
  257. package/package.json +14 -14
@@ -1 +1 @@
1
- {"version":3,"names":["calendarDayGridClassNames","extraCalendarDayGridClassNames"],"sources":["../../../src/components/CalendarDayGrid/index.ts"],"sourcesContent":["export * from './CalendarDayGrid';\nexport * from './CalendarDayGrid.types';\nexport * from './useCalendarDayGridStyles.styles';\nexport { calendarDayGridClassNames, extraCalendarDayGridClassNames } from './useCalendarDayGridStyles.styles';\nexport type { WeekCorners } from './useWeekCornerStyles.styles';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,SAASA,yBAAyB,EAAEC,8BAA8B,QAAQ"}
1
+ {"version":3,"sources":["index.ts"],"sourcesContent":["export * from './CalendarDayGrid';\nexport * from './CalendarDayGrid.types';\nexport * from './useCalendarDayGridStyles.styles';\nexport { calendarDayGridClassNames, extraCalendarDayGridClassNames } from './useCalendarDayGridStyles.styles';\nexport type { WeekCorners } from './useWeekCornerStyles.styles';\n"],"names":["calendarDayGridClassNames","extraCalendarDayGridClassNames"],"mappings":"AAAA,cAAc,oBAAoB;AAClC,cAAc,0BAA0B;AACxC,cAAc,oCAAoC;AAClD,SAASA,yBAAyB,EAAEC,8BAA8B,QAAQ,oCAAoC"}
@@ -1 +1 @@
1
- {"version":3,"names":["tokens","__styles","mergeClasses","shorthands","DURATION_2","DURATION_3","EASING_FUNCTION_1","EASING_FUNCTION_2","FADE_IN","FADE_OUT","SLIDE_DOWN_IN20","SLIDE_DOWN_OUT20","SLIDE_LEFT_IN20","SLIDE_RIGHT_IN20","SLIDE_UP_IN20","SLIDE_UP_OUT20","TRANSITION_ROW_DISAPPEARANCE","AnimationDirection","weekCornersClassNames","calendarDayGridClassNames","wrapper","table","dayCell","daySelected","weekRow","weekDayLabelCell","weekNumberCell","dayOutsideBounds","dayOutsideNavigatedMonth","dayButton","dayIsToday","firstTransitionWeek","lastTransitionWeek","dayMarker","extraCalendarDayGridClassNames","hoverStyle","pressedStyle","useWrapperStyles","base","Byoj8tv","d","useTableStyles","po53p8","Bxjg3zr","Be2twd7","B6of3ja","qhf8xq","B73mfa3","fsow6f","a9b677","showWeekNumbers","useDayCellStyles","sj55zd","Bceei9c","Bhrd7zp","Bqenvij","Bg96gwp","t21cq0","jrapky","Frg6f3","z8tnut","z189sj","uwmqm3","Bsw6fvg","Bbusuzp","cvlxnx","Bweudez","hzfqlu","Bb91d7d","dua3dm","z1p9vi","Bsnevi5","xnb59o","Bj67fi1","B2gfgcj","B6cqqer","fpurfy","Fioj4w","Bq9yiu4","cpbo2x","Bq268z6","m","useDaySelectedStyles","De3pzq","Bjwas2f","Bn1d65q","Bxeuatn","n51gp8","ycbfsm","a3nq4f","Bnf3alp","H2c3sd","qu8ld","Bg4iunc","h","useWeekRowStyles","vin17d","Bf5fcs","Ezkn3b","horizontalBackward","Bv12yb3","horizontalForward","verticalBackward","verticalForward","k","useWeekDayLabelCellStyles","useWeekNumberCellStyles","g2u3we","h3c5rm","B9xav0g","zhjwy3","Bekrc4i","vrafjx","B7ck84d","useDayOutsideBoundsStyles","x734em","B0ssf13","B8h8h5z","useDayOutsideNavigatedMonthStyles","lightenDaysOutsideNavigatedMonth","useDayButtonStyles","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","icvyot","oivjwe","wvpqe5","B68tc82","Bmxbyg5","Bx0yju7","l98f4w","useDayIsTodayStyles","jxbfoe","useFirstTransitionWeekStyles","abs64n","useLastTransitionWeekStyles","useDayMarkerStyles","B5kzvoi","oyh7mz","j35jbq","useCornerBorderAndRadiusStyles","corners","Cy64m2","Bnn43bw","feanbc","B4268ip","useCalendarDayGridStyles_unstable","props","wrapperStyles","tableStyles","dayCellStyles","daySelectedStyles","weekRowStyles","weekDayLabelCellStyles","weekNumberCellStyles","dayOutsideBoundsStyles","dayOutsideNavigatedMonthStyles","dayButtonStyles","dayIsTodayStyles","firstTransitionWeekStyles","lastTransitionWeekStyles","dayMarkerStyles","cornerBorderAndRadiusStyles","animateBackwards","animationDirection","undefined","Horizontal"],"sources":["../../../src/components/CalendarDayGrid/useCalendarDayGridStyles.styles.ts"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport {\n DURATION_2,\n DURATION_3,\n EASING_FUNCTION_1,\n EASING_FUNCTION_2,\n FADE_IN,\n FADE_OUT,\n SLIDE_DOWN_IN20,\n SLIDE_DOWN_OUT20,\n SLIDE_LEFT_IN20,\n SLIDE_RIGHT_IN20,\n SLIDE_UP_IN20,\n SLIDE_UP_OUT20,\n TRANSITION_ROW_DISAPPEARANCE,\n} from '../../utils';\nimport { AnimationDirection } from '../Calendar/Calendar.types';\nimport { weekCornersClassNames } from './useWeekCornerStyles.styles';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { CalendarDayGridStyles, CalendarDayGridStyleProps } from './CalendarDayGrid.types';\n\n/**\n * @internal\n */\nexport const calendarDayGridClassNames: SlotClassNames<CalendarDayGridStyles> = {\n wrapper: 'fui-CalendarDayGrid__wrapper',\n table: 'fui-CalendarDayGrid__table',\n dayCell: 'fui-CalendarDayGrid__dayCell',\n daySelected: 'fui-CalendarDayGrid__daySelected',\n weekRow: 'fui-CalendarDayGrid__weekRow',\n weekDayLabelCell: 'fui-CalendarDayGrid__weekDayLabelCell',\n weekNumberCell: 'fui-CalendarDayGrid__weekNumberCell',\n dayOutsideBounds: 'fui-CalendarDayGrid__dayOutsideBounds',\n dayOutsideNavigatedMonth: 'fui-CalendarDayGrid__dayOutsideNavigatedMonth',\n dayButton: 'fui-CalendarDayGrid__dayButton',\n dayIsToday: 'fui-CalendarDayGrid__dayIsToday',\n firstTransitionWeek: 'fui-CalendarDayGrid__firstTransitionWeek',\n lastTransitionWeek: 'fui-CalendarDayGrid__lastTransitionWeek',\n dayMarker: 'fui-CalendarDayGrid__dayMarker',\n};\n\n/**\n * @internal\n */\nexport const extraCalendarDayGridClassNames = {\n hoverStyle: 'fui-CalendarDayGrid__hoverStyle',\n pressedStyle: 'fui-CalendarDayGrid__pressedStyle',\n};\n\nconst useWrapperStyles = makeStyles({\n base: {\n paddingBottom: '10px',\n },\n});\n\nconst useTableStyles = makeStyles({\n base: {\n borderCollapse: 'collapse',\n borderSpacing: 0,\n fontSize: 'inherit',\n marginTop: '4px',\n paddingBottom: '10px',\n position: 'relative',\n tableLayout: 'fixed',\n textAlign: 'center',\n width: '196px',\n },\n showWeekNumbers: {\n width: '226px',\n },\n});\n\nconst useDayCellStyles = makeStyles({\n base: {\n color: tokens.colorNeutralForeground1,\n cursor: 'pointer',\n fontSize: tokens.fontSizeBase200,\n fontWeight: tokens.fontWeightRegular,\n height: '28px',\n lineHeight: '28px',\n ...shorthands.margin(0),\n ...shorthands.padding(0),\n position: 'relative',\n width: '28px',\n '@media (forced-colors: active)': {\n backgroundColor: 'Window',\n color: 'WindowText',\n },\n\n [`&.${extraCalendarDayGridClassNames.hoverStyle}`]: {\n color: tokens.colorNeutralForeground1Static,\n backgroundColor: tokens.colorBrandBackgroundInvertedHover,\n '@media (forced-colors: active)': {\n backgroundColor: 'Window',\n color: 'WindowText',\n ...shorthands.outline('1px', 'solid', 'Highlight'),\n zIndex: 3,\n },\n },\n\n [`&.${extraCalendarDayGridClassNames.pressedStyle}`]: {\n color: tokens.colorNeutralForeground1Static,\n backgroundColor: tokens.colorBrandBackgroundInvertedPressed,\n '@media (forced-colors: active)': {\n backgroundColor: 'Window',\n ...shorthands.borderColor('Highlight'),\n color: 'Highlight',\n },\n },\n },\n});\n\nconst useDaySelectedStyles = makeStyles({\n base: {\n backgroundColor: tokens.colorBrandBackgroundInvertedSelected,\n color: tokens.colorNeutralForeground1Static,\n\n '@media (forced-colors: active)': {\n backgroundColor: 'Highlight',\n ...shorthands.borderColor('Highlight'),\n color: 'HighlightText',\n forcedColorAdjust: 'none',\n },\n\n [`&:hover, &.${extraCalendarDayGridClassNames.hoverStyle}, &.${extraCalendarDayGridClassNames.pressedStyle}`]: {\n color: tokens.colorNeutralForeground1Static,\n backgroundColor: tokens.colorBrandBackgroundInvertedSelected,\n '@media (forced-colors: active)': {\n backgroundColor: 'Highlight',\n color: 'HighlightText',\n },\n },\n\n [`& > .${calendarDayGridClassNames.dayMarker}`]: {\n '@media (forced-colors: active)': {\n backgroundColor: 'Window',\n },\n },\n },\n});\n\nconst useWeekRowStyles = makeStyles({\n base: {\n animationDuration: DURATION_3,\n animationFillMode: 'both',\n animationTimingFunction: EASING_FUNCTION_1,\n },\n horizontalBackward: {\n animationName: [FADE_IN, SLIDE_RIGHT_IN20],\n },\n horizontalForward: {\n animationName: [FADE_IN, SLIDE_LEFT_IN20],\n },\n verticalBackward: {\n animationName: [FADE_IN, SLIDE_DOWN_IN20],\n },\n verticalForward: {\n animationName: [FADE_IN, SLIDE_UP_IN20],\n },\n});\n\nconst useWeekDayLabelCellStyles = makeStyles({\n base: {\n animationDuration: DURATION_2,\n animationFillMode: 'both',\n animationName: FADE_IN,\n animationTimingFunction: EASING_FUNCTION_2,\n },\n});\n\nconst useWeekNumberCellStyles = makeStyles({\n base: {\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.borderColor(tokens.colorNeutralStroke2),\n ...shorthands.borderRight('1px', 'solid'),\n boxSizing: 'border-box',\n color: tokens.colorNeutralForeground4,\n fontSize: tokens.fontSizeBase200,\n fontWeight: tokens.fontWeightRegular,\n height: '28px',\n ...shorthands.margin(0),\n ...shorthands.padding(0),\n width: '28px',\n },\n});\n\nconst useDayOutsideBoundsStyles = makeStyles({\n base: {\n [`&, &:disabled, & button, &.${extraCalendarDayGridClassNames.hoverStyle}` +\n `, &.${extraCalendarDayGridClassNames.pressedStyle}`]: {\n backgroundColor: tokens.colorTransparentBackground,\n color: tokens.colorNeutralForegroundDisabled,\n pointerEvents: 'none',\n },\n '@media (forced-colors: active)': {\n color: 'GrayText',\n },\n },\n});\n\nconst useDayOutsideNavigatedMonthStyles = makeStyles({\n lightenDaysOutsideNavigatedMonth: {\n color: tokens.colorNeutralForeground4,\n fontWeight: tokens.fontWeightRegular,\n\n '@media (forced-colors: active)': {\n color: 'GrayText',\n },\n },\n});\n\nconst useDayButtonStyles = makeStyles({\n base: {\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.borderRadius('2px'),\n ...shorthands.borderStyle('none'),\n color: 'inherit',\n cursor: 'pointer',\n fontSize: tokens.fontSizeBase200,\n fontWeight: 'inherit',\n height: '24px',\n lineHeight: '24px',\n ...shorthands.overflow('visible'),\n ...shorthands.padding(0),\n width: '24px',\n\n '&span': {\n height: 'inherit',\n lineHeight: 'inherit',\n },\n },\n});\n\nconst useDayIsTodayStyles = makeStyles({\n base: {\n backgroundColor: tokens.colorBrandBackground,\n ...shorthands.borderRadius('100%'),\n color: tokens.colorNeutralForegroundOnBrand,\n fontWeight: tokens.fontWeightSemibold,\n\n '@media (forced-colors: active)': {\n backgroundColor: 'WindowText',\n ...shorthands.borderColor('WindowText'),\n color: 'Window',\n forcedColorAdjust: 'none',\n },\n\n [`& > .${calendarDayGridClassNames.dayMarker}`]: {\n backgroundColor: tokens.colorNeutralForegroundOnBrand,\n '@media (forced-colors: active)': {\n backgroundColor: 'Window',\n },\n },\n },\n});\n\nconst useFirstTransitionWeekStyles = makeStyles({\n base: {\n height: 0,\n opacity: 0,\n ...shorthands.overflow('hidden'),\n position: 'absolute',\n width: 0,\n },\n verticalForward: {\n animationDuration: DURATION_3,\n animationFillMode: 'both',\n animationName: [FADE_OUT, SLIDE_UP_OUT20, TRANSITION_ROW_DISAPPEARANCE],\n animationTimingFunction: EASING_FUNCTION_1,\n },\n});\n\nconst useLastTransitionWeekStyles = makeStyles({\n base: {\n height: 0,\n marginTop: '-28px',\n opacity: 0,\n ...shorthands.overflow('hidden'),\n position: 'absolute',\n width: 0,\n },\n verticalBackward: {\n animationDuration: DURATION_3,\n animationFillMode: 'both',\n animationName: [FADE_OUT, SLIDE_DOWN_OUT20, TRANSITION_ROW_DISAPPEARANCE],\n animationTimingFunction: EASING_FUNCTION_1,\n },\n});\n\nconst useDayMarkerStyles = makeStyles({\n base: {\n backgroundColor: tokens.colorBrandForeground2,\n ...shorthands.borderRadius('100%'),\n bottom: '1px',\n height: '4px',\n left: 0,\n ...shorthands.margin('auto'),\n position: 'absolute',\n right: 0,\n width: '4px',\n\n '@media (forced-colors: active)': {\n backgroundColor: 'WindowText',\n forcedColorAdjust: 'none',\n },\n },\n});\n\nconst useCornerBorderAndRadiusStyles = makeStyles({\n corners: {\n [`&.${weekCornersClassNames.topRightCornerDate}`]: {\n borderTopRightRadius: '2px',\n },\n [`&.${weekCornersClassNames.topLeftCornerDate}`]: {\n borderTopLeftRadius: '2px',\n },\n [`&.${weekCornersClassNames.bottomRightCornerDate}`]: {\n borderBottomRightRadius: '2px',\n },\n [`&.${weekCornersClassNames.bottomLeftCornerDate}`]: {\n borderBottomLeftRadius: '2px',\n },\n },\n});\n\n/**\n * @internal\n *\n * Apply styling to the CalendarDayGrid slots based on the state\n */\nexport const useCalendarDayGridStyles_unstable = (props: CalendarDayGridStyleProps): CalendarDayGridStyles => {\n const wrapperStyles = useWrapperStyles();\n const tableStyles = useTableStyles();\n const dayCellStyles = useDayCellStyles();\n const daySelectedStyles = useDaySelectedStyles();\n const weekRowStyles = useWeekRowStyles();\n const weekDayLabelCellStyles = useWeekDayLabelCellStyles();\n const weekNumberCellStyles = useWeekNumberCellStyles();\n const dayOutsideBoundsStyles = useDayOutsideBoundsStyles();\n const dayOutsideNavigatedMonthStyles = useDayOutsideNavigatedMonthStyles();\n const dayButtonStyles = useDayButtonStyles();\n const dayIsTodayStyles = useDayIsTodayStyles();\n const firstTransitionWeekStyles = useFirstTransitionWeekStyles();\n const lastTransitionWeekStyles = useLastTransitionWeekStyles();\n const dayMarkerStyles = useDayMarkerStyles();\n const cornerBorderAndRadiusStyles = useCornerBorderAndRadiusStyles();\n\n const { animateBackwards, animationDirection, lightenDaysOutsideNavigatedMonth, showWeekNumbers } = props;\n\n return {\n wrapper: mergeClasses(calendarDayGridClassNames.wrapper, wrapperStyles.base),\n table: mergeClasses(\n calendarDayGridClassNames.table,\n tableStyles.base,\n showWeekNumbers && tableStyles.showWeekNumbers,\n ),\n dayCell: mergeClasses(calendarDayGridClassNames.dayCell, dayCellStyles.base, cornerBorderAndRadiusStyles.corners),\n daySelected: mergeClasses(calendarDayGridClassNames.daySelected, daySelectedStyles.base),\n weekRow: mergeClasses(\n calendarDayGridClassNames.weekRow,\n animateBackwards !== undefined && weekRowStyles.base,\n animateBackwards !== undefined &&\n (animationDirection === AnimationDirection.Horizontal\n ? animateBackwards\n ? weekRowStyles.horizontalBackward\n : weekRowStyles.horizontalForward\n : animateBackwards\n ? weekRowStyles.verticalBackward\n : weekRowStyles.verticalForward),\n ),\n weekDayLabelCell: mergeClasses(calendarDayGridClassNames.weekDayLabelCell, weekDayLabelCellStyles.base),\n weekNumberCell: mergeClasses(calendarDayGridClassNames.weekNumberCell, weekNumberCellStyles.base),\n dayOutsideBounds: mergeClasses(calendarDayGridClassNames.dayOutsideBounds, dayOutsideBoundsStyles.base),\n dayOutsideNavigatedMonth: mergeClasses(\n calendarDayGridClassNames.dayOutsideNavigatedMonth,\n lightenDaysOutsideNavigatedMonth && dayOutsideNavigatedMonthStyles.lightenDaysOutsideNavigatedMonth,\n ),\n dayButton: mergeClasses(calendarDayGridClassNames.dayButton, dayButtonStyles.base),\n dayIsToday: mergeClasses(calendarDayGridClassNames.dayIsToday, dayIsTodayStyles.base),\n firstTransitionWeek: mergeClasses(\n calendarDayGridClassNames.firstTransitionWeek,\n firstTransitionWeekStyles.base,\n animateBackwards !== undefined &&\n animationDirection !== AnimationDirection.Horizontal &&\n !animateBackwards &&\n firstTransitionWeekStyles.verticalForward,\n ),\n lastTransitionWeek: mergeClasses(\n calendarDayGridClassNames.lastTransitionWeek,\n lastTransitionWeekStyles.base,\n animateBackwards !== undefined &&\n animationDirection !== AnimationDirection.Horizontal &&\n animateBackwards &&\n lastTransitionWeekStyles.verticalBackward,\n ),\n dayMarker: mergeClasses(calendarDayGridClassNames.dayMarker, dayMarkerStyles.base),\n };\n};\n"],"mappings":"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"}
1
+ {"version":3,"names":["tokens","__styles","mergeClasses","shorthands","DURATION_2","DURATION_3","EASING_FUNCTION_1","EASING_FUNCTION_2","FADE_IN","FADE_OUT","SLIDE_DOWN_IN20","SLIDE_DOWN_OUT20","SLIDE_LEFT_IN20","SLIDE_RIGHT_IN20","SLIDE_UP_IN20","SLIDE_UP_OUT20","TRANSITION_ROW_DISAPPEARANCE","AnimationDirection","weekCornersClassNames","calendarDayGridClassNames","wrapper","table","dayCell","daySelected","weekRow","weekDayLabelCell","weekNumberCell","dayOutsideBounds","dayOutsideNavigatedMonth","dayButton","dayIsToday","firstTransitionWeek","lastTransitionWeek","dayMarker","extraCalendarDayGridClassNames","hoverStyle","pressedStyle","useWrapperStyles","base","Byoj8tv","d","useTableStyles","po53p8","Bxjg3zr","Be2twd7","B6of3ja","qhf8xq","B73mfa3","fsow6f","a9b677","showWeekNumbers","useDayCellStyles","sj55zd","Bceei9c","Bhrd7zp","Bqenvij","Bg96gwp","t21cq0","jrapky","Frg6f3","z8tnut","z189sj","uwmqm3","Bsw6fvg","Bbusuzp","cvlxnx","Bweudez","hzfqlu","Bb91d7d","dua3dm","z1p9vi","Bsnevi5","xnb59o","Bj67fi1","B2gfgcj","B6cqqer","fpurfy","Fioj4w","Bq9yiu4","cpbo2x","Bq268z6","m","useDaySelectedStyles","De3pzq","Bjwas2f","Bn1d65q","Bxeuatn","n51gp8","ycbfsm","a3nq4f","Bnf3alp","H2c3sd","qu8ld","Bg4iunc","h","useWeekRowStyles","vin17d","Bf5fcs","Ezkn3b","horizontalBackward","Bv12yb3","horizontalForward","verticalBackward","verticalForward","k","useWeekDayLabelCellStyles","useWeekNumberCellStyles","g2u3we","h3c5rm","B9xav0g","zhjwy3","Bekrc4i","vrafjx","B7ck84d","useDayOutsideBoundsStyles","x734em","B0ssf13","B8h8h5z","useDayOutsideNavigatedMonthStyles","lightenDaysOutsideNavigatedMonth","useDayButtonStyles","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","icvyot","oivjwe","wvpqe5","B68tc82","Bmxbyg5","Bx0yju7","l98f4w","useDayIsTodayStyles","jxbfoe","useFirstTransitionWeekStyles","abs64n","useLastTransitionWeekStyles","useDayMarkerStyles","B5kzvoi","oyh7mz","j35jbq","useCornerBorderAndRadiusStyles","corners","Cy64m2","Bnn43bw","feanbc","B4268ip","useCalendarDayGridStyles_unstable","props","wrapperStyles","tableStyles","dayCellStyles","daySelectedStyles","weekRowStyles","weekDayLabelCellStyles","weekNumberCellStyles","dayOutsideBoundsStyles","dayOutsideNavigatedMonthStyles","dayButtonStyles","dayIsTodayStyles","firstTransitionWeekStyles","lastTransitionWeekStyles","dayMarkerStyles","cornerBorderAndRadiusStyles","animateBackwards","animationDirection","undefined","Horizontal"],"sources":["useCalendarDayGridStyles.styles.js"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { DURATION_2, DURATION_3, EASING_FUNCTION_1, EASING_FUNCTION_2, FADE_IN, FADE_OUT, SLIDE_DOWN_IN20, SLIDE_DOWN_OUT20, SLIDE_LEFT_IN20, SLIDE_RIGHT_IN20, SLIDE_UP_IN20, SLIDE_UP_OUT20, TRANSITION_ROW_DISAPPEARANCE } from '../../utils';\nimport { AnimationDirection } from '../Calendar/Calendar.types';\nimport { weekCornersClassNames } from './useWeekCornerStyles.styles';\n/**\n * @internal\n */ export const calendarDayGridClassNames = {\n wrapper: 'fui-CalendarDayGrid__wrapper',\n table: 'fui-CalendarDayGrid__table',\n dayCell: 'fui-CalendarDayGrid__dayCell',\n daySelected: 'fui-CalendarDayGrid__daySelected',\n weekRow: 'fui-CalendarDayGrid__weekRow',\n weekDayLabelCell: 'fui-CalendarDayGrid__weekDayLabelCell',\n weekNumberCell: 'fui-CalendarDayGrid__weekNumberCell',\n dayOutsideBounds: 'fui-CalendarDayGrid__dayOutsideBounds',\n dayOutsideNavigatedMonth: 'fui-CalendarDayGrid__dayOutsideNavigatedMonth',\n dayButton: 'fui-CalendarDayGrid__dayButton',\n dayIsToday: 'fui-CalendarDayGrid__dayIsToday',\n firstTransitionWeek: 'fui-CalendarDayGrid__firstTransitionWeek',\n lastTransitionWeek: 'fui-CalendarDayGrid__lastTransitionWeek',\n dayMarker: 'fui-CalendarDayGrid__dayMarker'\n};\n/**\n * @internal\n */ export const extraCalendarDayGridClassNames = {\n hoverStyle: 'fui-CalendarDayGrid__hoverStyle',\n pressedStyle: 'fui-CalendarDayGrid__pressedStyle'\n};\nconst useWrapperStyles = makeStyles({\n base: {\n paddingBottom: '10px'\n }\n});\nconst useTableStyles = makeStyles({\n base: {\n borderCollapse: 'collapse',\n borderSpacing: 0,\n fontSize: 'inherit',\n marginTop: '4px',\n paddingBottom: '10px',\n position: 'relative',\n tableLayout: 'fixed',\n textAlign: 'center',\n width: '196px'\n },\n showWeekNumbers: {\n width: '226px'\n }\n});\nconst useDayCellStyles = makeStyles({\n base: {\n color: tokens.colorNeutralForeground1,\n cursor: 'pointer',\n fontSize: tokens.fontSizeBase200,\n fontWeight: tokens.fontWeightRegular,\n height: '28px',\n lineHeight: '28px',\n ...shorthands.margin(0),\n ...shorthands.padding(0),\n position: 'relative',\n width: '28px',\n '@media (forced-colors: active)': {\n backgroundColor: 'Window',\n color: 'WindowText'\n },\n [`&.${extraCalendarDayGridClassNames.hoverStyle}`]: {\n color: tokens.colorNeutralForeground1Static,\n backgroundColor: tokens.colorBrandBackgroundInvertedHover,\n '@media (forced-colors: active)': {\n backgroundColor: 'Window',\n color: 'WindowText',\n ...shorthands.outline('1px', 'solid', 'Highlight'),\n zIndex: 3\n }\n },\n [`&.${extraCalendarDayGridClassNames.pressedStyle}`]: {\n color: tokens.colorNeutralForeground1Static,\n backgroundColor: tokens.colorBrandBackgroundInvertedPressed,\n '@media (forced-colors: active)': {\n backgroundColor: 'Window',\n ...shorthands.borderColor('Highlight'),\n color: 'Highlight'\n }\n }\n }\n});\nconst useDaySelectedStyles = makeStyles({\n base: {\n backgroundColor: tokens.colorBrandBackgroundInvertedSelected,\n color: tokens.colorNeutralForeground1Static,\n '@media (forced-colors: active)': {\n backgroundColor: 'Highlight',\n ...shorthands.borderColor('Highlight'),\n color: 'HighlightText',\n forcedColorAdjust: 'none'\n },\n [`&:hover, &.${extraCalendarDayGridClassNames.hoverStyle}, &.${extraCalendarDayGridClassNames.pressedStyle}`]: {\n color: tokens.colorNeutralForeground1Static,\n backgroundColor: tokens.colorBrandBackgroundInvertedSelected,\n '@media (forced-colors: active)': {\n backgroundColor: 'Highlight',\n color: 'HighlightText'\n }\n },\n [`& > .${calendarDayGridClassNames.dayMarker}`]: {\n '@media (forced-colors: active)': {\n backgroundColor: 'Window'\n }\n }\n }\n});\nconst useWeekRowStyles = makeStyles({\n base: {\n animationDuration: DURATION_3,\n animationFillMode: 'both',\n animationTimingFunction: EASING_FUNCTION_1\n },\n horizontalBackward: {\n animationName: [\n FADE_IN,\n SLIDE_RIGHT_IN20\n ]\n },\n horizontalForward: {\n animationName: [\n FADE_IN,\n SLIDE_LEFT_IN20\n ]\n },\n verticalBackward: {\n animationName: [\n FADE_IN,\n SLIDE_DOWN_IN20\n ]\n },\n verticalForward: {\n animationName: [\n FADE_IN,\n SLIDE_UP_IN20\n ]\n }\n});\nconst useWeekDayLabelCellStyles = makeStyles({\n base: {\n animationDuration: DURATION_2,\n animationFillMode: 'both',\n animationName: FADE_IN,\n animationTimingFunction: EASING_FUNCTION_2\n }\n});\nconst useWeekNumberCellStyles = makeStyles({\n base: {\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.borderColor(tokens.colorNeutralStroke2),\n ...shorthands.borderRight('1px', 'solid'),\n boxSizing: 'border-box',\n color: tokens.colorNeutralForeground4,\n fontSize: tokens.fontSizeBase200,\n fontWeight: tokens.fontWeightRegular,\n height: '28px',\n ...shorthands.margin(0),\n ...shorthands.padding(0),\n width: '28px'\n }\n});\nconst useDayOutsideBoundsStyles = makeStyles({\n base: {\n [`&, &:disabled, & button, &.${extraCalendarDayGridClassNames.hoverStyle}` + `, &.${extraCalendarDayGridClassNames.pressedStyle}`]: {\n backgroundColor: tokens.colorTransparentBackground,\n color: tokens.colorNeutralForegroundDisabled,\n pointerEvents: 'none'\n },\n '@media (forced-colors: active)': {\n color: 'GrayText'\n }\n }\n});\nconst useDayOutsideNavigatedMonthStyles = makeStyles({\n lightenDaysOutsideNavigatedMonth: {\n color: tokens.colorNeutralForeground4,\n fontWeight: tokens.fontWeightRegular,\n '@media (forced-colors: active)': {\n color: 'GrayText'\n }\n }\n});\nconst useDayButtonStyles = makeStyles({\n base: {\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.borderRadius('2px'),\n ...shorthands.borderStyle('none'),\n color: 'inherit',\n cursor: 'pointer',\n fontSize: tokens.fontSizeBase200,\n fontWeight: 'inherit',\n height: '24px',\n lineHeight: '24px',\n ...shorthands.overflow('visible'),\n ...shorthands.padding(0),\n width: '24px',\n '&span': {\n height: 'inherit',\n lineHeight: 'inherit'\n }\n }\n});\nconst useDayIsTodayStyles = makeStyles({\n base: {\n backgroundColor: tokens.colorBrandBackground,\n ...shorthands.borderRadius('100%'),\n color: tokens.colorNeutralForegroundOnBrand,\n fontWeight: tokens.fontWeightSemibold,\n '@media (forced-colors: active)': {\n backgroundColor: 'WindowText',\n ...shorthands.borderColor('WindowText'),\n color: 'Window',\n forcedColorAdjust: 'none'\n },\n [`& > .${calendarDayGridClassNames.dayMarker}`]: {\n backgroundColor: tokens.colorNeutralForegroundOnBrand,\n '@media (forced-colors: active)': {\n backgroundColor: 'Window'\n }\n }\n }\n});\nconst useFirstTransitionWeekStyles = makeStyles({\n base: {\n height: 0,\n opacity: 0,\n ...shorthands.overflow('hidden'),\n position: 'absolute',\n width: 0\n },\n verticalForward: {\n animationDuration: DURATION_3,\n animationFillMode: 'both',\n animationName: [\n FADE_OUT,\n SLIDE_UP_OUT20,\n TRANSITION_ROW_DISAPPEARANCE\n ],\n animationTimingFunction: EASING_FUNCTION_1\n }\n});\nconst useLastTransitionWeekStyles = makeStyles({\n base: {\n height: 0,\n marginTop: '-28px',\n opacity: 0,\n ...shorthands.overflow('hidden'),\n position: 'absolute',\n width: 0\n },\n verticalBackward: {\n animationDuration: DURATION_3,\n animationFillMode: 'both',\n animationName: [\n FADE_OUT,\n SLIDE_DOWN_OUT20,\n TRANSITION_ROW_DISAPPEARANCE\n ],\n animationTimingFunction: EASING_FUNCTION_1\n }\n});\nconst useDayMarkerStyles = makeStyles({\n base: {\n backgroundColor: tokens.colorBrandForeground2,\n ...shorthands.borderRadius('100%'),\n bottom: '1px',\n height: '4px',\n left: 0,\n ...shorthands.margin('auto'),\n position: 'absolute',\n right: 0,\n width: '4px',\n '@media (forced-colors: active)': {\n backgroundColor: 'WindowText',\n forcedColorAdjust: 'none'\n }\n }\n});\nconst useCornerBorderAndRadiusStyles = makeStyles({\n corners: {\n [`&.${weekCornersClassNames.topRightCornerDate}`]: {\n borderTopRightRadius: '2px'\n },\n [`&.${weekCornersClassNames.topLeftCornerDate}`]: {\n borderTopLeftRadius: '2px'\n },\n [`&.${weekCornersClassNames.bottomRightCornerDate}`]: {\n borderBottomRightRadius: '2px'\n },\n [`&.${weekCornersClassNames.bottomLeftCornerDate}`]: {\n borderBottomLeftRadius: '2px'\n }\n }\n});\n/**\n * @internal\n *\n * Apply styling to the CalendarDayGrid slots based on the state\n */ export const useCalendarDayGridStyles_unstable = (props)=>{\n const wrapperStyles = useWrapperStyles();\n const tableStyles = useTableStyles();\n const dayCellStyles = useDayCellStyles();\n const daySelectedStyles = useDaySelectedStyles();\n const weekRowStyles = useWeekRowStyles();\n const weekDayLabelCellStyles = useWeekDayLabelCellStyles();\n const weekNumberCellStyles = useWeekNumberCellStyles();\n const dayOutsideBoundsStyles = useDayOutsideBoundsStyles();\n const dayOutsideNavigatedMonthStyles = useDayOutsideNavigatedMonthStyles();\n const dayButtonStyles = useDayButtonStyles();\n const dayIsTodayStyles = useDayIsTodayStyles();\n const firstTransitionWeekStyles = useFirstTransitionWeekStyles();\n const lastTransitionWeekStyles = useLastTransitionWeekStyles();\n const dayMarkerStyles = useDayMarkerStyles();\n const cornerBorderAndRadiusStyles = useCornerBorderAndRadiusStyles();\n const { animateBackwards , animationDirection , lightenDaysOutsideNavigatedMonth , showWeekNumbers } = props;\n return {\n wrapper: mergeClasses(calendarDayGridClassNames.wrapper, wrapperStyles.base),\n table: mergeClasses(calendarDayGridClassNames.table, tableStyles.base, showWeekNumbers && tableStyles.showWeekNumbers),\n dayCell: mergeClasses(calendarDayGridClassNames.dayCell, dayCellStyles.base, cornerBorderAndRadiusStyles.corners),\n daySelected: mergeClasses(calendarDayGridClassNames.daySelected, daySelectedStyles.base),\n weekRow: mergeClasses(calendarDayGridClassNames.weekRow, animateBackwards !== undefined && weekRowStyles.base, animateBackwards !== undefined && (animationDirection === AnimationDirection.Horizontal ? animateBackwards ? weekRowStyles.horizontalBackward : weekRowStyles.horizontalForward : animateBackwards ? weekRowStyles.verticalBackward : weekRowStyles.verticalForward)),\n weekDayLabelCell: mergeClasses(calendarDayGridClassNames.weekDayLabelCell, weekDayLabelCellStyles.base),\n weekNumberCell: mergeClasses(calendarDayGridClassNames.weekNumberCell, weekNumberCellStyles.base),\n dayOutsideBounds: mergeClasses(calendarDayGridClassNames.dayOutsideBounds, dayOutsideBoundsStyles.base),\n dayOutsideNavigatedMonth: mergeClasses(calendarDayGridClassNames.dayOutsideNavigatedMonth, lightenDaysOutsideNavigatedMonth && dayOutsideNavigatedMonthStyles.lightenDaysOutsideNavigatedMonth),\n dayButton: mergeClasses(calendarDayGridClassNames.dayButton, dayButtonStyles.base),\n dayIsToday: mergeClasses(calendarDayGridClassNames.dayIsToday, dayIsTodayStyles.base),\n firstTransitionWeek: mergeClasses(calendarDayGridClassNames.firstTransitionWeek, firstTransitionWeekStyles.base, animateBackwards !== undefined && animationDirection !== AnimationDirection.Horizontal && !animateBackwards && firstTransitionWeekStyles.verticalForward),\n lastTransitionWeek: mergeClasses(calendarDayGridClassNames.lastTransitionWeek, lastTransitionWeekStyles.base, animateBackwards !== undefined && animationDirection !== AnimationDirection.Horizontal && animateBackwards && lastTransitionWeekStyles.verticalBackward),\n dayMarker: mergeClasses(calendarDayGridClassNames.dayMarker, dayMarkerStyles.base)\n };\n};\n"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"names":["useFluent_unstable","mergeClasses","DateRangeType","getDateRangeArray","weekCornersClassNames","topRightCornerDate","topLeftCornerDate","bottomRightCornerDate","bottomLeftCornerDate","useWeekCornerStyles","props","dir","getWeekCornerStyles","initialWeeks","weekCornersStyled","weeks","slice","length","forEach","week","weekIndex","day","dayIndex","above","isInSameHoverRange","originalDate","isSelected","below","left","right","calculateRoundedStyles","style","roundedTopLeft","roundedTopRight","roundedBottomLeft","roundedBottomRight","push","date1","date2","date1Selected","date2Selected","dateRangeType","firstDayOfWeek","workWeekDays","dateRangeHoverType","WorkWeek","Week","dateRange","filter","date","getTime"],"sources":["../../../src/components/CalendarDayGrid/useWeekCornerStyles.styles.ts"],"sourcesContent":["import { useFluent_unstable } from '@fluentui/react-shared-contexts';\nimport { mergeClasses } from '@griffel/react';\nimport { DateRangeType } from '../../utils/constants';\nimport { getDateRangeArray } from '../../utils/index';\nimport { DayInfo } from './CalendarDayGrid';\nimport { CalendarDayGridProps } from './CalendarDayGrid.types';\n\n/**\n * @internal\n */\nexport const weekCornersClassNames = {\n topRightCornerDate: 'fui-CalendarDayGrid__topRightCornerDate',\n topLeftCornerDate: 'fui-CalendarDayGrid__topLeftCornerDate',\n bottomRightCornerDate: 'fui-CalendarDayGrid__bottomRightCornerDate',\n bottomLeftCornerDate: 'fui-CalendarDayGrid__bottomLeftCornerDate',\n};\n\n/**\n * @internal\n */\nexport interface WeekCorners {\n [key: string]: string;\n}\n\n/**\n * @internal\n */\nexport function useWeekCornerStyles(props: CalendarDayGridProps) {\n const { dir } = useFluent_unstable();\n\n /**\n *\n * Section for setting the rounded corner styles on individual day cells. Individual day cells need different\n * corners to be rounded depending on which date range type and where the cell is located in the current grid.\n * If we just round all of the corners, there isn't a good overlap and we get gaps between contiguous day boxes\n * in Edge browser.\n *\n */\n const getWeekCornerStyles = (initialWeeks: DayInfo[][]): WeekCorners => {\n const weekCornersStyled: { [key: string]: string } = {};\n /* need to handle setting all of the corners on arbitrarily shaped blobs\n __\n __|A |\n |B |C |__\n |D |E |F |\n\n in this case, A needs top left rounded, top right rounded\n B needs top left rounded\n C doesn't need any rounding\n D needs bottom left rounded\n E doesn't need any rounding\n F needs top right rounding\n */\n\n // cut off the animation transition weeks\n const weeks = initialWeeks.slice(1, initialWeeks.length - 1);\n\n // if there's an item above, lose both top corners. Item below, lose both bottom corners, etc.\n weeks.forEach((week: DayInfo[], weekIndex: number) => {\n week.forEach((day: DayInfo, dayIndex: number) => {\n const above =\n weeks[weekIndex - 1] &&\n weeks[weekIndex - 1][dayIndex] &&\n isInSameHoverRange(\n weeks[weekIndex - 1][dayIndex].originalDate,\n day.originalDate,\n weeks[weekIndex - 1][dayIndex].isSelected,\n day.isSelected,\n );\n const below =\n weeks[weekIndex + 1] &&\n weeks[weekIndex + 1][dayIndex] &&\n isInSameHoverRange(\n weeks[weekIndex + 1][dayIndex].originalDate,\n day.originalDate,\n weeks[weekIndex + 1][dayIndex].isSelected,\n day.isSelected,\n );\n const left =\n weeks[weekIndex][dayIndex - 1] &&\n isInSameHoverRange(\n weeks[weekIndex][dayIndex - 1].originalDate,\n day.originalDate,\n weeks[weekIndex][dayIndex - 1].isSelected,\n day.isSelected,\n );\n const right =\n weeks[weekIndex][dayIndex + 1] &&\n isInSameHoverRange(\n weeks[weekIndex][dayIndex + 1].originalDate,\n day.originalDate,\n weeks[weekIndex][dayIndex + 1].isSelected,\n day.isSelected,\n );\n\n weekCornersStyled[weekIndex + '_' + dayIndex] = calculateRoundedStyles(above, below, left, right);\n });\n });\n\n return weekCornersStyled;\n };\n\n const calculateRoundedStyles = (above: boolean, below: boolean, left: boolean, right: boolean): string => {\n const style = [];\n const roundedTopLeft = !above && !left;\n const roundedTopRight = !above && !right;\n const roundedBottomLeft = !below && !left;\n const roundedBottomRight = !below && !right;\n\n if (roundedTopLeft) {\n style.push(dir === 'rtl' ? weekCornersClassNames.topRightCornerDate : weekCornersClassNames.topLeftCornerDate);\n }\n if (roundedTopRight) {\n style.push(dir === 'rtl' ? weekCornersClassNames.topLeftCornerDate : weekCornersClassNames.topRightCornerDate);\n }\n if (roundedBottomLeft) {\n style.push(\n dir === 'rtl' ? weekCornersClassNames.bottomRightCornerDate : weekCornersClassNames.bottomLeftCornerDate,\n );\n }\n if (roundedBottomRight) {\n style.push(\n dir === 'rtl' ? weekCornersClassNames.bottomLeftCornerDate : weekCornersClassNames.bottomRightCornerDate,\n );\n }\n\n return mergeClasses(...style);\n };\n\n const isInSameHoverRange = (date1: Date, date2: Date, date1Selected: boolean, date2Selected: boolean): boolean => {\n const { dateRangeType, firstDayOfWeek, workWeekDays } = props;\n\n // The hover state looks weird with non-contiguous days in work week view. In work week, show week hover state\n const dateRangeHoverType = dateRangeType === DateRangeType.WorkWeek ? DateRangeType.Week : dateRangeType;\n\n // we do not pass daysToSelectInDayView because we handle setting those styles dyanamically in onMouseOver\n const dateRange = getDateRangeArray(date1, dateRangeHoverType, firstDayOfWeek, workWeekDays);\n\n if (date1Selected !== date2Selected) {\n // if one is selected and the other is not, they can't be in the same range\n return false;\n } else if (date1Selected && date2Selected) {\n // if they're both selected at the same time they must be in the same range\n return true;\n }\n\n // otherwise, both must be unselected, so check the dateRange\n return dateRange.filter((date: Date) => date.getTime() === date2.getTime()).length > 0;\n };\n\n return [getWeekCornerStyles, calculateRoundedStyles] as const;\n}\n"],"mappings":"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"}
1
+ {"version":3,"names":["useFluent_unstable","mergeClasses","DateRangeType","getDateRangeArray","weekCornersClassNames","topRightCornerDate","topLeftCornerDate","bottomRightCornerDate","bottomLeftCornerDate","useWeekCornerStyles","props","dir","getWeekCornerStyles","initialWeeks","weekCornersStyled","weeks","slice","length","forEach","week","weekIndex","day","dayIndex","above","isInSameHoverRange","originalDate","isSelected","below","left","right","calculateRoundedStyles","style","roundedTopLeft","roundedTopRight","roundedBottomLeft","roundedBottomRight","push","date1","date2","date1Selected","date2Selected","dateRangeType","firstDayOfWeek","workWeekDays","dateRangeHoverType","WorkWeek","Week","dateRange","filter","date","getTime"],"sources":["useWeekCornerStyles.styles.js"],"sourcesContent":["import { useFluent_unstable } from '@fluentui/react-shared-contexts';\nimport { mergeClasses } from '@griffel/react';\nimport { DateRangeType } from '../../utils/constants';\nimport { getDateRangeArray } from '../../utils/index';\n/**\n * @internal\n */ export const weekCornersClassNames = {\n topRightCornerDate: 'fui-CalendarDayGrid__topRightCornerDate',\n topLeftCornerDate: 'fui-CalendarDayGrid__topLeftCornerDate',\n bottomRightCornerDate: 'fui-CalendarDayGrid__bottomRightCornerDate',\n bottomLeftCornerDate: 'fui-CalendarDayGrid__bottomLeftCornerDate'\n};\n/**\n * @internal\n */ export function useWeekCornerStyles(props) {\n const { dir } = useFluent_unstable();\n /**\n *\n * Section for setting the rounded corner styles on individual day cells. Individual day cells need different\n * corners to be rounded depending on which date range type and where the cell is located in the current grid.\n * If we just round all of the corners, there isn't a good overlap and we get gaps between contiguous day boxes\n * in Edge browser.\n *\n */ const getWeekCornerStyles = (initialWeeks)=>{\n const weekCornersStyled = {};\n /* need to handle setting all of the corners on arbitrarily shaped blobs\n __\n __|A |\n |B |C |__\n |D |E |F |\n\n in this case, A needs top left rounded, top right rounded\n B needs top left rounded\n C doesn't need any rounding\n D needs bottom left rounded\n E doesn't need any rounding\n F needs top right rounding\n */ // cut off the animation transition weeks\n const weeks = initialWeeks.slice(1, initialWeeks.length - 1);\n // if there's an item above, lose both top corners. Item below, lose both bottom corners, etc.\n weeks.forEach((week, weekIndex)=>{\n week.forEach((day, dayIndex)=>{\n const above = weeks[weekIndex - 1] && weeks[weekIndex - 1][dayIndex] && isInSameHoverRange(weeks[weekIndex - 1][dayIndex].originalDate, day.originalDate, weeks[weekIndex - 1][dayIndex].isSelected, day.isSelected);\n const below = weeks[weekIndex + 1] && weeks[weekIndex + 1][dayIndex] && isInSameHoverRange(weeks[weekIndex + 1][dayIndex].originalDate, day.originalDate, weeks[weekIndex + 1][dayIndex].isSelected, day.isSelected);\n const left = weeks[weekIndex][dayIndex - 1] && isInSameHoverRange(weeks[weekIndex][dayIndex - 1].originalDate, day.originalDate, weeks[weekIndex][dayIndex - 1].isSelected, day.isSelected);\n const right = weeks[weekIndex][dayIndex + 1] && isInSameHoverRange(weeks[weekIndex][dayIndex + 1].originalDate, day.originalDate, weeks[weekIndex][dayIndex + 1].isSelected, day.isSelected);\n weekCornersStyled[weekIndex + '_' + dayIndex] = calculateRoundedStyles(above, below, left, right);\n });\n });\n return weekCornersStyled;\n };\n const calculateRoundedStyles = (above, below, left, right)=>{\n const style = [];\n const roundedTopLeft = !above && !left;\n const roundedTopRight = !above && !right;\n const roundedBottomLeft = !below && !left;\n const roundedBottomRight = !below && !right;\n if (roundedTopLeft) {\n style.push(dir === 'rtl' ? weekCornersClassNames.topRightCornerDate : weekCornersClassNames.topLeftCornerDate);\n }\n if (roundedTopRight) {\n style.push(dir === 'rtl' ? weekCornersClassNames.topLeftCornerDate : weekCornersClassNames.topRightCornerDate);\n }\n if (roundedBottomLeft) {\n style.push(dir === 'rtl' ? weekCornersClassNames.bottomRightCornerDate : weekCornersClassNames.bottomLeftCornerDate);\n }\n if (roundedBottomRight) {\n style.push(dir === 'rtl' ? weekCornersClassNames.bottomLeftCornerDate : weekCornersClassNames.bottomRightCornerDate);\n }\n return mergeClasses(...style);\n };\n const isInSameHoverRange = (date1, date2, date1Selected, date2Selected)=>{\n const { dateRangeType , firstDayOfWeek , workWeekDays } = props;\n // The hover state looks weird with non-contiguous days in work week view. In work week, show week hover state\n const dateRangeHoverType = dateRangeType === DateRangeType.WorkWeek ? DateRangeType.Week : dateRangeType;\n // we do not pass daysToSelectInDayView because we handle setting those styles dyanamically in onMouseOver\n const dateRange = getDateRangeArray(date1, dateRangeHoverType, firstDayOfWeek, workWeekDays);\n if (date1Selected !== date2Selected) {\n // if one is selected and the other is not, they can't be in the same range\n return false;\n } else if (date1Selected && date2Selected) {\n // if they're both selected at the same time they must be in the same range\n return true;\n }\n // otherwise, both must be unselected, so check the dateRange\n return dateRange.filter((date)=>date.getTime() === date2.getTime()).length > 0;\n };\n return [\n getWeekCornerStyles,\n calculateRoundedStyles\n ];\n}\n"],"mappings":"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"}
@@ -2,46 +2,44 @@ import * as React from 'react';
2
2
  import { compareDates, DAYS_IN_WEEK, getDayGrid } from '../../utils/index';
3
3
  /**
4
4
  * @internal
5
- */
6
- export function useWeeks(props, onSelectDate, getSetRefCallback) {
7
- /**
8
- * Initial parsing of the given props to generate IDayInfo two dimensional array, which contains a representation
9
- * of every day in the grid. Convenient for helping with conversions between day refs and Date objects in callbacks.
10
- */
11
- const weeks = React.useMemo(() => {
12
- var _props_getMarkedDays;
13
- const weeksGrid = getDayGrid(props);
14
- const firstVisibleDay = weeksGrid[1][0].originalDate;
15
- const lastVisibleDay = weeksGrid[weeksGrid.length - 1][6].originalDate;
16
- const markedDays = ((_props_getMarkedDays = props.getMarkedDays) === null || _props_getMarkedDays === void 0 ? void 0 : _props_getMarkedDays.call(props, firstVisibleDay, lastVisibleDay)) || [];
5
+ */ export function useWeeks(props, onSelectDate, getSetRefCallback) {
17
6
  /**
18
- * Weeks is a 2D array. Weeks[0] contains the last week of the prior range,
19
- * Weeks[weeks.length - 1] contains first week of next range. These are for transition states.
20
- *
21
- * Weeks[1... weeks.length - 2] contains the actual visible data
22
- */
23
- const returnValue = [];
24
- for (let weekIndex = 0; weekIndex < weeksGrid.length; weekIndex++) {
25
- const week = [];
26
- for (let dayIndex = 0; dayIndex < DAYS_IN_WEEK; dayIndex++) {
27
- const day = weeksGrid[weekIndex][dayIndex];
28
- const dayInfo = {
29
- onSelected: () => onSelectDate(day.originalDate),
30
- setRef: getSetRefCallback(day.key),
31
- ...day,
32
- isMarked: day.isMarked || (markedDays === null || markedDays === void 0 ? void 0 : markedDays.some(markedDay => compareDates(day.originalDate, markedDay)))
33
- };
34
- week.push(dayInfo);
35
- }
36
- returnValue.push(week);
37
- }
38
- return returnValue;
7
+ * Initial parsing of the given props to generate IDayInfo two dimensional array, which contains a representation
8
+ * of every day in the grid. Convenient for helping with conversions between day refs and Date objects in callbacks.
9
+ */ const weeks = React.useMemo(()=>{
10
+ var _props_getMarkedDays;
11
+ const weeksGrid = getDayGrid(props);
12
+ const firstVisibleDay = weeksGrid[1][0].originalDate;
13
+ const lastVisibleDay = weeksGrid[weeksGrid.length - 1][6].originalDate;
14
+ const markedDays = ((_props_getMarkedDays = props.getMarkedDays) === null || _props_getMarkedDays === void 0 ? void 0 : _props_getMarkedDays.call(props, firstVisibleDay, lastVisibleDay)) || [];
15
+ /**
16
+ * Weeks is a 2D array. Weeks[0] contains the last week of the prior range,
17
+ * Weeks[weeks.length - 1] contains first week of next range. These are for transition states.
18
+ *
19
+ * Weeks[1... weeks.length - 2] contains the actual visible data
20
+ */ const returnValue = [];
21
+ for(let weekIndex = 0; weekIndex < weeksGrid.length; weekIndex++){
22
+ const week = [];
23
+ for(let dayIndex = 0; dayIndex < DAYS_IN_WEEK; dayIndex++){
24
+ const day = weeksGrid[weekIndex][dayIndex];
25
+ const dayInfo = {
26
+ onSelected: ()=>onSelectDate(day.originalDate),
27
+ setRef: getSetRefCallback(day.key),
28
+ ...day,
29
+ isMarked: day.isMarked || (markedDays === null || markedDays === void 0 ? void 0 : markedDays.some((markedDay)=>compareDates(day.originalDate, markedDay)))
30
+ };
31
+ week.push(dayInfo);
32
+ }
33
+ returnValue.push(week);
34
+ }
35
+ return returnValue;
39
36
  // TODO: this is missing deps on getSetRefCallback and onSelectDate (and depending on the entire
40
37
  // props object may not be a good idea due to likely frequent mutation). It would be easy to
41
38
  // fix getSetRefCallback to not mutate every render, but onSelectDate is passed down from
42
39
  // Calendar and trying to fix it requires a huge cascade of changes.
43
40
  // eslint-disable-next-line react-hooks/exhaustive-deps
44
- }, [props]);
45
- return weeks;
41
+ }, [
42
+ props
43
+ ]);
44
+ return weeks;
46
45
  }
47
- //# sourceMappingURL=useWeeks.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["React","compareDates","DAYS_IN_WEEK","getDayGrid","useWeeks","props","onSelectDate","getSetRefCallback","weeks","useMemo","_props_getMarkedDays","weeksGrid","firstVisibleDay","originalDate","lastVisibleDay","length","markedDays","getMarkedDays","call","returnValue","weekIndex","week","dayIndex","day","dayInfo","onSelected","setRef","key","isMarked","some","markedDay","push"],"sources":["../../../src/components/CalendarDayGrid/useWeeks.ts"],"sourcesContent":["import * as React from 'react';\nimport { compareDates, DAYS_IN_WEEK, getDayGrid } from '../../utils/index';\nimport { DayInfo } from './CalendarDayGrid';\nimport { CalendarDayGridProps } from './CalendarDayGrid.types';\n\n/**\n * @internal\n */\nexport function useWeeks(\n props: CalendarDayGridProps,\n onSelectDate: (date: Date) => void,\n getSetRefCallback: (dayKey: string) => (element: HTMLElement | null) => void,\n): DayInfo[][] {\n /**\n * Initial parsing of the given props to generate IDayInfo two dimensional array, which contains a representation\n * of every day in the grid. Convenient for helping with conversions between day refs and Date objects in callbacks.\n */\n const weeks = React.useMemo((): DayInfo[][] => {\n const weeksGrid = getDayGrid(props);\n\n const firstVisibleDay = weeksGrid[1][0].originalDate;\n const lastVisibleDay = weeksGrid[weeksGrid.length - 1][6].originalDate;\n const markedDays = props.getMarkedDays?.(firstVisibleDay, lastVisibleDay) || [];\n\n /**\n * Weeks is a 2D array. Weeks[0] contains the last week of the prior range,\n * Weeks[weeks.length - 1] contains first week of next range. These are for transition states.\n *\n * Weeks[1... weeks.length - 2] contains the actual visible data\n */\n const returnValue: DayInfo[][] = [];\n\n for (let weekIndex = 0; weekIndex < weeksGrid.length; weekIndex++) {\n const week: DayInfo[] = [];\n for (let dayIndex = 0; dayIndex < DAYS_IN_WEEK; dayIndex++) {\n const day = weeksGrid[weekIndex][dayIndex];\n const dayInfo: DayInfo = {\n onSelected: () => onSelectDate(day.originalDate),\n setRef: getSetRefCallback(day.key),\n ...day,\n isMarked: day.isMarked || markedDays?.some(markedDay => compareDates(day.originalDate, markedDay)),\n };\n\n week.push(dayInfo);\n }\n returnValue.push(week);\n }\n\n return returnValue;\n // TODO: this is missing deps on getSetRefCallback and onSelectDate (and depending on the entire\n // props object may not be a good idea due to likely frequent mutation). It would be easy to\n // fix getSetRefCallback to not mutate every render, but onSelectDate is passed down from\n // Calendar and trying to fix it requires a huge cascade of changes.\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [props]);\n\n return weeks;\n}\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,YAAY,EAAEC,YAAY,EAAEC,UAAU,QAAQ;AAIvD;;;AAGA,OAAO,SAASC,SACdC,KAA2B,EAC3BC,YAAkC,EAClCC,iBAA4E,EAC/D;EACb;;;;EAIA,MAAMC,KAAA,GAAQR,KAAA,CAAMS,OAAO,CAAC,MAAmB;QAK1BC,oBAAA;IAJnB,MAAMC,SAAA,GAAYR,UAAA,CAAWE,KAAA;IAE7B,MAAMO,eAAA,GAAkBD,SAAS,CAAC,EAAE,CAAC,EAAE,CAACE,YAAY;IACpD,MAAMC,cAAA,GAAiBH,SAAS,CAACA,SAAA,CAAUI,MAAM,GAAG,EAAE,CAAC,EAAE,CAACF,YAAY;IACtE,MAAMG,UAAA,GAAa,EAAAN,oBAAA,GAAAL,KAAA,CAAMY,aAAa,cAAnBP,oBAAA,uBAAAA,oBAAA,CAAAQ,IAAA,CAAAb,KAAA,EAAsBO,eAAA,EAAiBE,cAAA,MAAmB,EAAE;IAE/E;;;;;;IAMA,MAAMK,WAAA,GAA2B,EAAE;IAEnC,KAAK,IAAIC,SAAA,GAAY,GAAGA,SAAA,GAAYT,SAAA,CAAUI,MAAM,EAAEK,SAAA,IAAa;MACjE,MAAMC,IAAA,GAAkB,EAAE;MAC1B,KAAK,IAAIC,QAAA,GAAW,GAAGA,QAAA,GAAWpB,YAAA,EAAcoB,QAAA,IAAY;QAC1D,MAAMC,GAAA,GAAMZ,SAAS,CAACS,SAAA,CAAU,CAACE,QAAA,CAAS;QAC1C,MAAME,OAAA,GAAmB;UACvBC,UAAA,EAAYA,CAAA,KAAMnB,YAAA,CAAaiB,GAAA,CAAIV,YAAY;UAC/Ca,MAAA,EAAQnB,iBAAA,CAAkBgB,GAAA,CAAII,GAAG;UACjC,GAAGJ,GAAG;UACNK,QAAA,EAAUL,GAAA,CAAIK,QAAQ,KAAIZ,UAAA,aAAAA,UAAA,uBAAAA,UAAA,CAAYa,IAAI,CAACC,SAAA,IAAa7B,YAAA,CAAasB,GAAA,CAAIV,YAAY,EAAEiB,SAAA;QACzF;QAEAT,IAAA,CAAKU,IAAI,CAACP,OAAA;MACZ;MACAL,WAAA,CAAYY,IAAI,CAACV,IAAA;IACnB;IAEA,OAAOF,WAAA;IACP;IACA;IACA;IACA;IACA;EACF,GAAG,CAACd,KAAA,CAAM;EAEV,OAAOG,KAAA;AACT"}
1
+ {"version":3,"sources":["useWeeks.ts"],"sourcesContent":["import * as React from 'react';\nimport { compareDates, DAYS_IN_WEEK, getDayGrid } from '../../utils/index';\nimport { DayInfo } from './CalendarDayGrid';\nimport { CalendarDayGridProps } from './CalendarDayGrid.types';\n\n/**\n * @internal\n */\nexport function useWeeks(\n props: CalendarDayGridProps,\n onSelectDate: (date: Date) => void,\n getSetRefCallback: (dayKey: string) => (element: HTMLElement | null) => void,\n): DayInfo[][] {\n /**\n * Initial parsing of the given props to generate IDayInfo two dimensional array, which contains a representation\n * of every day in the grid. Convenient for helping with conversions between day refs and Date objects in callbacks.\n */\n const weeks = React.useMemo((): DayInfo[][] => {\n const weeksGrid = getDayGrid(props);\n\n const firstVisibleDay = weeksGrid[1][0].originalDate;\n const lastVisibleDay = weeksGrid[weeksGrid.length - 1][6].originalDate;\n const markedDays = props.getMarkedDays?.(firstVisibleDay, lastVisibleDay) || [];\n\n /**\n * Weeks is a 2D array. Weeks[0] contains the last week of the prior range,\n * Weeks[weeks.length - 1] contains first week of next range. These are for transition states.\n *\n * Weeks[1... weeks.length - 2] contains the actual visible data\n */\n const returnValue: DayInfo[][] = [];\n\n for (let weekIndex = 0; weekIndex < weeksGrid.length; weekIndex++) {\n const week: DayInfo[] = [];\n for (let dayIndex = 0; dayIndex < DAYS_IN_WEEK; dayIndex++) {\n const day = weeksGrid[weekIndex][dayIndex];\n const dayInfo: DayInfo = {\n onSelected: () => onSelectDate(day.originalDate),\n setRef: getSetRefCallback(day.key),\n ...day,\n isMarked: day.isMarked || markedDays?.some(markedDay => compareDates(day.originalDate, markedDay)),\n };\n\n week.push(dayInfo);\n }\n returnValue.push(week);\n }\n\n return returnValue;\n // TODO: this is missing deps on getSetRefCallback and onSelectDate (and depending on the entire\n // props object may not be a good idea due to likely frequent mutation). It would be easy to\n // fix getSetRefCallback to not mutate every render, but onSelectDate is passed down from\n // Calendar and trying to fix it requires a huge cascade of changes.\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [props]);\n\n return weeks;\n}\n"],"names":["React","compareDates","DAYS_IN_WEEK","getDayGrid","useWeeks","props","onSelectDate","getSetRefCallback","weeks","useMemo","weeksGrid","firstVisibleDay","originalDate","lastVisibleDay","length","markedDays","getMarkedDays","returnValue","weekIndex","week","dayIndex","day","dayInfo","onSelected","setRef","key","isMarked","some","markedDay","push"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,YAAY,EAAEC,YAAY,EAAEC,UAAU,QAAQ,oBAAoB;AAI3E;;CAEC,GACD,OAAO,SAASC,SACdC,KAA2B,EAC3BC,YAAkC,EAClCC,iBAA4E,EAC/D;IACb;;;GAGC,GACD,MAAMC,QAAQR,MAAMS,OAAO,CAAC,IAAmB;YAK1BJ;QAJnB,MAAMK,YAAYP,WAAWE;QAE7B,MAAMM,kBAAkBD,SAAS,CAAC,EAAE,CAAC,EAAE,CAACE,YAAY;QACpD,MAAMC,iBAAiBH,SAAS,CAACA,UAAUI,MAAM,GAAG,EAAE,CAAC,EAAE,CAACF,YAAY;QACtE,MAAMG,aAAaV,CAAAA,CAAAA,uBAAAA,MAAMW,aAAa,cAAnBX,kCAAAA,KAAAA,IAAAA,qBAAAA,KAAAA,OAAsBM,iBAAiBE,oBAAmB,EAAE;QAE/E;;;;;KAKC,GACD,MAAMI,cAA2B,EAAE;QAEnC,IAAK,IAAIC,YAAY,GAAGA,YAAYR,UAAUI,MAAM,EAAEI,YAAa;YACjE,MAAMC,OAAkB,EAAE;YAC1B,IAAK,IAAIC,WAAW,GAAGA,WAAWlB,cAAckB,WAAY;gBAC1D,MAAMC,MAAMX,SAAS,CAACQ,UAAU,CAACE,SAAS;gBAC1C,MAAME,UAAmB;oBACvBC,YAAY,IAAMjB,aAAae,IAAIT,YAAY;oBAC/CY,QAAQjB,kBAAkBc,IAAII,GAAG;oBACjC,GAAGJ,GAAG;oBACNK,UAAUL,IAAIK,QAAQ,KAAIX,uBAAAA,wBAAAA,KAAAA,IAAAA,WAAYY,IAAI,CAACC,CAAAA,YAAa3B,aAAaoB,IAAIT,YAAY,EAAEgB;gBACzF;gBAEAT,KAAKU,IAAI,CAACP;YACZ;YACAL,YAAYY,IAAI,CAACV;QACnB;QAEA,OAAOF;IACP,gGAAgG;IAChG,4FAA4F;IAC5F,yFAAyF;IACzF,oEAAoE;IACpE,uDAAuD;IACzD,GAAG;QAACZ;KAAM;IAEV,OAAOG;AACT,CAAC"}