@arc-ui/components 11.24.1 → 12.0.0-beta.3

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 (408) hide show
  1. package/dist/Alert/Alert.cjs.js +18 -29
  2. package/dist/Alert/Alert.esm.js +17 -28
  3. package/dist/Align/Align.cjs.js +6 -6
  4. package/dist/Align/Align.esm.js +2 -2
  5. package/dist/AppButton/AppButton.cjs.js +73 -0
  6. package/dist/AppButton/AppButton.esm.js +65 -0
  7. package/dist/AppButton/package.json +7 -0
  8. package/dist/Avatar/Avatar.cjs.js +7 -7
  9. package/dist/Avatar/Avatar.esm.js +7 -7
  10. package/dist/AvatarGroup/AvatarGroup.cjs.js +14 -14
  11. package/dist/AvatarGroup/AvatarGroup.esm.js +7 -7
  12. package/dist/Badge/Badge.cjs.js +5 -22
  13. package/dist/Badge/Badge.esm.js +5 -22
  14. package/dist/Box/Box.cjs.js +6 -6
  15. package/dist/Box/Box.esm.js +3 -3
  16. package/dist/BrandLogo/BrandLogo.cjs.js +4 -4
  17. package/dist/BrandLogo/BrandLogo.esm.js +4 -4
  18. package/dist/Breadcrumbs/Breadcrumbs.cjs.js +7 -7
  19. package/dist/Breadcrumbs/Breadcrumbs.esm.js +7 -7
  20. package/dist/Button/Button.cjs.js +7 -8
  21. package/dist/Button/Button.esm.js +7 -8
  22. package/dist/ButtonV2/ButtonV2.cjs.js +16 -0
  23. package/dist/ButtonV2/ButtonV2.esm.js +8 -0
  24. package/dist/ButtonV2/package.json +7 -0
  25. package/dist/Calendar/Calendar.cjs.js +11 -10
  26. package/dist/Calendar/Calendar.esm.js +11 -10
  27. package/dist/Checkbox/Checkbox.cjs.js +8 -10
  28. package/dist/Checkbox/Checkbox.esm.js +8 -10
  29. package/dist/Columns/Columns.cjs.js +3 -3
  30. package/dist/Columns/Columns.esm.js +3 -3
  31. package/dist/DatePicker/DatePicker.cjs.js +35 -563
  32. package/dist/DatePicker/DatePicker.esm.js +26 -554
  33. package/dist/Disclosure/Disclosure.cjs.js +10 -10
  34. package/dist/Disclosure/Disclosure.esm.js +6 -6
  35. package/dist/DisclosureMini/DisclosureMini.cjs.js +6 -6
  36. package/dist/DisclosureMini/DisclosureMini.esm.js +6 -6
  37. package/dist/Elevation/Elevation.cjs.js +5 -5
  38. package/dist/Elevation/Elevation.esm.js +1 -1
  39. package/dist/Filter/Filter.cjs.js +3 -3
  40. package/dist/Filter/Filter.esm.js +3 -3
  41. package/dist/FormControl/FormControl.cjs.js +7 -8
  42. package/dist/FormControl/FormControl.esm.js +7 -8
  43. package/dist/Grid/Grid.cjs.js +3 -3
  44. package/dist/Grid/Grid.esm.js +3 -3
  45. package/dist/Group/Group.cjs.js +3 -3
  46. package/dist/Group/Group.esm.js +3 -3
  47. package/dist/Heading/Heading.cjs.js +4 -4
  48. package/dist/Heading/Heading.esm.js +4 -4
  49. package/dist/HeroButton/HeroButton.cjs.js +16 -0
  50. package/dist/HeroButton/HeroButton.esm.js +8 -0
  51. package/dist/HeroButton/package.json +7 -0
  52. package/dist/Hidden/Hidden.cjs.js +5 -5
  53. package/dist/Hidden/Hidden.esm.js +1 -1
  54. package/dist/Icon/Icon.cjs.js +5 -5
  55. package/dist/Icon/Icon.esm.js +5 -5
  56. package/dist/Image/Image.cjs.js +3 -3
  57. package/dist/Image/Image.esm.js +3 -3
  58. package/dist/ImpactCard/ImpactCard.cjs.js +18 -16
  59. package/dist/ImpactCard/ImpactCard.esm.js +14 -12
  60. package/dist/InformationCard/InformationCard.cjs.js +28 -26
  61. package/dist/InformationCard/InformationCard.esm.js +20 -18
  62. package/dist/Link/Link.cjs.js +13 -13
  63. package/dist/Link/Link.esm.js +6 -6
  64. package/dist/Markup/Markup.cjs.js +6 -6
  65. package/dist/Markup/Markup.esm.js +2 -2
  66. package/dist/MediaCard/MediaCard.cjs.js +19 -47
  67. package/dist/MediaCard/MediaCard.esm.js +18 -46
  68. package/dist/Modal/Modal.cjs.js +1496 -250
  69. package/dist/Modal/Modal.esm.js +1475 -248
  70. package/dist/Pagination/Pagination.cjs.js +15 -20
  71. package/dist/Pagination/Pagination.esm.js +8 -13
  72. package/dist/PaginationSimple/PaginationSimple.cjs.js +12 -16
  73. package/dist/PaginationSimple/PaginationSimple.esm.js +7 -11
  74. package/dist/Poster/Poster.cjs.js +5 -5
  75. package/dist/Poster/Poster.esm.js +5 -5
  76. package/dist/ProgressBar/ProgressBar.cjs.js +17 -43
  77. package/dist/ProgressBar/ProgressBar.esm.js +13 -39
  78. package/dist/ProgressStepper/ProgressStepper.cjs.js +5 -5
  79. package/dist/ProgressStepper/ProgressStepper.esm.js +5 -5
  80. package/dist/RadioGroup/RadioGroup.cjs.js +8 -9
  81. package/dist/RadioGroup/RadioGroup.esm.js +8 -9
  82. package/dist/Rule/Rule.cjs.js +5 -5
  83. package/dist/Rule/Rule.esm.js +2 -2
  84. package/dist/ScrollToTop/ScrollToTop.cjs.js +14 -28
  85. package/dist/ScrollToTop/ScrollToTop.esm.js +10 -24
  86. package/dist/Section/Section.cjs.js +2 -2
  87. package/dist/Section/Section.esm.js +2 -2
  88. package/dist/Select/Select.cjs.js +58 -96
  89. package/dist/Select/Select.esm.js +25 -63
  90. package/dist/SiteFooter/SiteFooter.cjs.js +10 -34
  91. package/dist/SiteFooter/SiteFooter.esm.js +10 -34
  92. package/dist/SiteHeaderV2/SiteHeaderV2.cjs.js +14 -13
  93. package/dist/SiteHeaderV2/SiteHeaderV2.esm.js +14 -13
  94. package/dist/SkipLink/SkipLink.cjs.js +3 -3
  95. package/dist/SkipLink/SkipLink.esm.js +1 -1
  96. package/dist/Surface/Surface.cjs.js +2 -2
  97. package/dist/Surface/Surface.esm.js +2 -2
  98. package/dist/Switch/Switch.cjs.js +26 -399
  99. package/dist/Switch/Switch.esm.js +13 -386
  100. package/dist/Tabs/Tabs.cjs.js +10 -11
  101. package/dist/Tabs/Tabs.esm.js +10 -11
  102. package/dist/Tag/Tag.cjs.js +6 -5
  103. package/dist/Tag/Tag.esm.js +6 -5
  104. package/dist/Text/Text.cjs.js +4 -4
  105. package/dist/Text/Text.esm.js +4 -4
  106. package/dist/TextArea/TextArea.cjs.js +62 -57
  107. package/dist/TextArea/TextArea.esm.js +58 -53
  108. package/dist/TextInput/TextInput.cjs.js +9 -10
  109. package/dist/TextInput/TextInput.esm.js +9 -10
  110. package/dist/Theme/Theme.cjs.js +30 -0
  111. package/dist/Theme/Theme.esm.js +21 -0
  112. package/dist/Theme/package.json +7 -0
  113. package/dist/ThemeIcon/ThemeIcon.cjs.js +14 -0
  114. package/dist/ThemeIcon/ThemeIcon.esm.js +6 -0
  115. package/dist/ThemeIcon/package.json +7 -0
  116. package/dist/Toast/Toast.cjs.js +10 -14
  117. package/dist/Toast/Toast.esm.js +10 -14
  118. package/dist/Truncate/Truncate.cjs.js +3 -3
  119. package/dist/Truncate/Truncate.esm.js +1 -1
  120. package/dist/TypographyCard/TypographyCard.cjs.js +16 -14
  121. package/dist/TypographyCard/TypographyCard.esm.js +13 -11
  122. package/dist/UniversalHeader/UniversalHeader.cjs.js +3 -3
  123. package/dist/UniversalHeader/UniversalHeader.esm.js +3 -3
  124. package/dist/VerticalSpace/VerticalSpace.cjs.js +2 -2
  125. package/dist/VerticalSpace/VerticalSpace.esm.js +2 -2
  126. package/dist/VideoPlayer/VideoPlayer.cjs.js +3013 -0
  127. package/dist/VideoPlayer/VideoPlayer.esm.js +3005 -0
  128. package/dist/VideoPlayer/package.json +7 -0
  129. package/dist/Visible/Visible.cjs.js +5 -5
  130. package/dist/Visible/Visible.esm.js +1 -1
  131. package/dist/_shared/cjs/ArcIconEclipse.esm-ac777a76.js +28 -0
  132. package/dist/_shared/cjs/Avatar-fc0d9b8b.js +49 -0
  133. package/dist/_shared/cjs/{BrandLogo-aea340c8.js → BrandLogo-1d2ca2c7.js} +7 -7
  134. package/dist/_shared/cjs/{Breadcrumbs-c6eaf5c4.js → Breadcrumbs-7af0af2c.js} +15 -16
  135. package/dist/_shared/cjs/BtIconArrowRight.esm-5989f2ca.js +38 -0
  136. package/dist/_shared/cjs/{BtIconAlert.esm-1a0ff9f0.js → BtIconPlayFill.esm-b8997cfc.js} +4 -8
  137. package/dist/_shared/cjs/{Button-6ba21d3b.js → Button-7d891a89.js} +13 -16
  138. package/dist/_shared/cjs/ButtonV2-b2db3f46.js +48 -0
  139. package/dist/_shared/cjs/Calendar-780bb071.js +1927 -0
  140. package/dist/_shared/cjs/{CardFooter-ff015d7d.js → CardFooter-5414bc4f.js} +9 -12
  141. package/dist/_shared/cjs/Checkbox-0e423653.js +65 -0
  142. package/dist/_shared/cjs/{Columns-ae4f8cef.js → Columns-1224bdff.js} +9 -16
  143. package/dist/_shared/cjs/{index-77ab5c6a.js → Combination-3a639f6d.js} +877 -83
  144. package/dist/_shared/cjs/DatePicker-e27ea988.js +550 -0
  145. package/dist/_shared/cjs/{DisclosureMini-09c749e5.js → DisclosureMini-c01ecce0.js} +12 -14
  146. package/dist/_shared/cjs/{Filter-f9506dfa.js → Filter-3b897d92.js} +13 -13
  147. package/dist/_shared/cjs/{FormControl-68258ce1.js → FormControl-88d48f42.js} +21 -18
  148. package/dist/_shared/cjs/Grid-9e91fb3d.js +46 -0
  149. package/dist/_shared/cjs/{Group-0429741a.js → Group-3d5ea240.js} +9 -16
  150. package/dist/_shared/cjs/{Heading-27cba320.js → Heading-fb63844f.js} +7 -7
  151. package/dist/_shared/cjs/HeroButton-0586a7c4.js +126 -0
  152. package/dist/_shared/cjs/Icon-0ec0c1fb.js +37 -0
  153. package/dist/_shared/cjs/Image-e9a5a326.js +56 -0
  154. package/dist/_shared/cjs/MediaCard-e1648705.js +65 -0
  155. package/dist/_shared/cjs/{Poster-9b48fd61.js → Poster-b7242b37.js} +15 -15
  156. package/dist/_shared/cjs/Preview-0bf3f6e8.js +167 -0
  157. package/dist/_shared/cjs/{ProgressStepper-491f0286.js → ProgressStepper-fb8405c2.js} +40 -19
  158. package/dist/_shared/cjs/{RadioGroup-26dc00fc.js → RadioGroup-a4186267.js} +14 -14
  159. package/dist/_shared/cjs/{Section-59804166.js → Section-ecfc659b.js} +5 -5
  160. package/dist/_shared/cjs/{SiteFooter-20d5a9fa.js → SiteFooter-b4247527.js} +14 -15
  161. package/dist/_shared/cjs/{SiteHeaderV2-ce1c8737.js → SiteHeaderV2-c2d651bc.js} +115 -83
  162. package/dist/_shared/cjs/{Surface-038db6e1.js → Surface-8599dbe4.js} +23 -23
  163. package/dist/_shared/cjs/{Tabs-bc9fac46.js → Tabs-75c34f43.js} +31 -49
  164. package/dist/_shared/cjs/{Tag-73a59171.js → Tag-452048f6.js} +9 -49
  165. package/dist/_shared/cjs/{Text-606ca3a2.js → Text-1c1110a4.js} +7 -7
  166. package/dist/_shared/cjs/{TextInput-8d139489.js → TextInput-762e2309.js} +11 -11
  167. package/dist/_shared/cjs/ThemeIcon-ee814862.js +27 -0
  168. package/dist/_shared/cjs/{Toast-26207fef.js → Toast-d06a89e0.js} +34 -38
  169. package/dist/_shared/cjs/{UniversalHeader-b8389447.js → UniversalHeader-f6d9c63a.js} +7 -14
  170. package/dist/_shared/cjs/{VerticalSpace-dc53bb70.js → VerticalSpace-e128ec68.js} +5 -5
  171. package/dist/_shared/cjs/_commonjsHelpers-56412ec5.js +21 -0
  172. package/dist/_shared/cjs/component-df82bc05.js +505 -0
  173. package/dist/_shared/cjs/{debounce-123468fb.js → debounce-a74c28cf.js} +2 -2
  174. package/dist/_shared/cjs/{index-74004a9c.js → index-039a9d35.js} +1 -1
  175. package/dist/_shared/cjs/{index-9f99d686.js → index-0c6319ec.js} +1 -1
  176. package/dist/_shared/cjs/index-28447df0.js +23 -0
  177. package/dist/_shared/cjs/{index-a31e64a9.js → index-3d629205.js} +2 -3
  178. package/dist/_shared/cjs/{index-dd1d18ea.js → index-3dd54df1.js} +21 -6
  179. package/dist/_shared/cjs/index-41b09e85.js +53 -0
  180. package/dist/_shared/cjs/{index-6eb396a3.js → index-7aa7f96a.js} +1 -1
  181. package/dist/_shared/{esm/Calendar-ea232839.js → cjs/index-7e31a45b.js} +54 -1942
  182. package/dist/_shared/cjs/{index-d38f1bd0.js → index-996dec94.js} +3 -3
  183. package/dist/_shared/cjs/{filter-data-attrs-1c9a530c.js → index-df60851b.js} +17 -57
  184. package/dist/_shared/cjs/index.es-8b018b0d.js +13 -0
  185. package/dist/_shared/cjs/{suffix-modifier-64dcd338.js → suffix-modifier-c8a34402.js} +2 -2
  186. package/dist/_shared/cjs/{use-media-query-e61881d8.js → use-media-query-d34c83b9.js} +0 -11
  187. package/dist/_shared/esm/ArcIconEclipse.esm-bb48b82a.js +22 -0
  188. package/dist/_shared/esm/{Avatar-320313f0.js → Avatar-38cc0595.js} +6 -23
  189. package/dist/_shared/esm/{BrandLogo-1af78f76.js → BrandLogo-7ed8aeda.js} +3 -3
  190. package/dist/_shared/esm/{Breadcrumbs-7d55e1a6.js → Breadcrumbs-9078b68e.js} +5 -6
  191. package/dist/_shared/esm/BtIconArrowRight.esm-6a17d0ce.js +31 -0
  192. package/dist/_shared/esm/BtIconPlayFill.esm-05fc0344.js +24 -0
  193. package/dist/_shared/esm/{Button-a7d134c6.js → Button-dde2b46a.js} +7 -10
  194. package/dist/_shared/esm/ButtonV2-49cd0615.js +42 -0
  195. package/dist/_shared/esm/Calendar-f81052f4.js +1918 -0
  196. package/dist/_shared/esm/{CardFooter-e13f77b0.js → CardFooter-c79fb2db.js} +7 -10
  197. package/dist/_shared/esm/{Checkbox-588619c7.js → Checkbox-0baca464.js} +15 -12
  198. package/dist/_shared/esm/{Columns-d96b7425.js → Columns-6a8f6fbb.js} +3 -10
  199. package/dist/_shared/esm/{index-b84a20c6.js → Combination-ae3a3f08.js} +853 -66
  200. package/dist/_shared/esm/DatePicker-2260f260.js +539 -0
  201. package/dist/_shared/esm/{DisclosureMini-56719716.js → DisclosureMini-38f4c459.js} +8 -10
  202. package/dist/_shared/esm/{Filter-258ba675.js → Filter-49dcf5ce.js} +2 -2
  203. package/dist/_shared/esm/{FormControl-8e836656.js → FormControl-d873f7fa.js} +14 -11
  204. package/dist/_shared/esm/{Grid-07dbf4bd.js → Grid-fb9fc522.js} +5 -4
  205. package/dist/_shared/esm/{Group-73fdb896.js → Group-66196f07.js} +3 -10
  206. package/dist/_shared/esm/{Heading-d16e0e53.js → Heading-906c7c7c.js} +3 -3
  207. package/dist/_shared/esm/HeroButton-7ea692bf.js +120 -0
  208. package/dist/_shared/esm/{Icon-15799695.js → Icon-512f834f.js} +6 -23
  209. package/dist/_shared/esm/{Image-12fbd327.js → Image-57d08939.js} +15 -5
  210. package/dist/_shared/esm/MediaCard-01250268.js +59 -0
  211. package/dist/_shared/esm/{Poster-4ec2f679.js → Poster-e05a8b45.js} +7 -7
  212. package/dist/_shared/esm/Preview-43b2a75d.js +161 -0
  213. package/dist/_shared/esm/{ProgressStepper-7eba3a6a.js → ProgressStepper-189ed0f9.js} +33 -12
  214. package/dist/_shared/esm/{RadioGroup-427652ac.js → RadioGroup-8ff17cbb.js} +5 -5
  215. package/dist/_shared/esm/{Section-73781b56.js → Section-1acbc06a.js} +1 -1
  216. package/dist/_shared/esm/{SiteFooter-86f910b4.js → SiteFooter-ef6f0cdc.js} +11 -12
  217. package/dist/_shared/esm/{SiteHeaderV2-a7c1b1cb.js → SiteHeaderV2-a041b889.js} +64 -32
  218. package/dist/_shared/esm/{Surface-0ca6817d.js → Surface-71d21a9e.js} +17 -17
  219. package/dist/_shared/esm/{Tabs-9485cab6.js → Tabs-21ac7dfe.js} +11 -29
  220. package/dist/_shared/esm/{Tag-cb35d57b.js → Tag-2513c185.js} +6 -46
  221. package/dist/_shared/esm/{Text-14f586ac.js → Text-a46fb76b.js} +3 -3
  222. package/dist/_shared/esm/{TextInput-c0388103.js → TextInput-94c7b1a4.js} +4 -4
  223. package/dist/_shared/esm/ThemeIcon-c2dc41a6.js +21 -0
  224. package/dist/_shared/esm/{Toast-fcbfc194.js → Toast-de6ca2f3.js} +15 -19
  225. package/dist/_shared/esm/{UniversalHeader-80c7313f.js → UniversalHeader-456ad60c.js} +4 -11
  226. package/dist/_shared/esm/{VerticalSpace-43cd9138.js → VerticalSpace-b07cd8e6.js} +1 -1
  227. package/dist/_shared/esm/_commonjsHelpers-0109d574.js +18 -0
  228. package/dist/_shared/esm/component-d0a555cf.js +476 -0
  229. package/dist/_shared/esm/{debounce-6fed6b84.js → debounce-c8e41002.js} +1 -1
  230. package/dist/_shared/esm/{filter-data-attrs-ea8f4ed4.js → index-288c66b5.js} +17 -55
  231. package/dist/_shared/esm/index-4e58de24.js +51 -0
  232. package/dist/_shared/esm/{index-25a5b393.js → index-5113ed53.js} +1 -2
  233. package/dist/_shared/esm/{index-2cfab9f2.js → index-6028d797.js} +1 -1
  234. package/dist/_shared/{cjs/Calendar-b022545c.js → esm/index-605031ca.js} +44 -1954
  235. package/dist/_shared/esm/index-69089474.js +21 -0
  236. package/dist/_shared/esm/{index-efa9be1a.js → index-7740883c.js} +1 -1
  237. package/dist/_shared/esm/{index-7b531fa7.js → index-cace3545.js} +16 -2
  238. package/dist/_shared/esm/{index-044da8d0.js → index-f97466e9.js} +1 -1
  239. package/dist/_shared/esm/{index-ca72c9d5.js → index-fa93ec97.js} +1 -1
  240. package/dist/_shared/esm/index.es-3139cf9e.js +9 -0
  241. package/dist/_shared/esm/{suffix-modifier-3d548e45.js → suffix-modifier-1ce05abe.js} +2 -2
  242. package/dist/_shared/esm/{use-media-query-4c807227.js → use-media-query-d3622da8.js} +1 -9
  243. package/dist/index.es.js +17418 -40573
  244. package/dist/index.es.js.map +1 -1
  245. package/dist/index.js +17825 -40979
  246. package/dist/index.js.map +1 -1
  247. package/dist/styles.css +13 -11
  248. package/dist/types/components/Alert/Alert.d.ts +3 -5
  249. package/dist/types/components/AppButton/AppButton.d.ts +9 -0
  250. package/dist/types/components/AppButton/icons/AppStore.d.ts +2 -0
  251. package/dist/types/components/AppButton/icons/GooglePlay.d.ts +2 -0
  252. package/dist/types/components/AppButton/index.d.ts +1 -0
  253. package/dist/types/components/Avatar/types/avatar-image.d.ts +1 -1
  254. package/dist/types/components/Badge/Badge.d.ts +0 -8
  255. package/dist/types/components/BrandLogo/BrandLogo.d.ts +2 -2
  256. package/dist/types/components/ButtonV2/ButtonV2.d.ts +79 -0
  257. package/dist/types/components/ButtonV2/index.d.ts +1 -0
  258. package/dist/types/components/Checkbox/Checkbox.d.ts +7 -4
  259. package/dist/types/components/DatePicker/DatePicker.d.ts +1 -1
  260. package/dist/types/components/FormControl/FormControl.d.ts +1 -1
  261. package/dist/types/components/Grid/Grid.types.d.ts +2 -0
  262. package/dist/types/components/Grid/components/Col/Col.d.ts +2 -1
  263. package/dist/types/components/Grid/components/Row/Row.d.ts +2 -1
  264. package/dist/types/components/Grid/index.d.ts +1 -1
  265. package/dist/types/components/HeroButton/HeroButton.d.ts +66 -0
  266. package/dist/types/components/HeroButton/index.d.ts +1 -0
  267. package/dist/types/components/Image/Image.d.ts +4 -0
  268. package/dist/types/components/ImpactCard/ImpactCard.d.ts +8 -3
  269. package/dist/types/components/InformationCard/InformationCard.d.ts +5 -5
  270. package/dist/types/components/MediaCard/MediaCard.d.ts +7 -6
  271. package/dist/types/components/MediaCard/types/index.d.ts +2 -0
  272. package/dist/types/components/MediaCard/types/media-card-image.d.ts +4 -0
  273. package/dist/types/components/MediaCard/types/media-card-video.d.ts +4 -0
  274. package/dist/types/components/Modal/Modal.d.ts +2 -2
  275. package/dist/types/components/Poster/Poster.d.ts +2 -2
  276. package/dist/types/components/ProgressBar/constants/progress-bar-icon-map.d.ts +2 -2
  277. package/dist/types/components/RadioGroup/RadioGroup.d.ts +9 -1
  278. package/dist/types/components/SiteFooter/SiteFooter.d.ts +0 -4
  279. package/dist/types/components/SiteFooter/index.d.ts +0 -1
  280. package/dist/types/components/SiteHeaderV2/components/Panel/Panel.d.ts +1 -1
  281. package/dist/types/components/SiteHeaderV2/components/VerticalDivider/VerticalDivider.d.ts +1 -0
  282. package/dist/types/components/Surface/Surface.d.ts +3 -3
  283. package/dist/types/components/Switch/Switch.d.ts +1 -1
  284. package/dist/types/components/TextArea/TextArea.d.ts +8 -0
  285. package/dist/types/components/TextInput/TextInput.d.ts +4 -2
  286. package/dist/types/components/Theme/Theme.d.ts +21 -0
  287. package/dist/types/components/Theme/index.d.ts +1 -0
  288. package/dist/types/components/ThemeIcon/ThemeIcon.d.ts +18 -0
  289. package/dist/types/components/ThemeIcon/icon-names.d.ts +1 -0
  290. package/dist/types/components/ThemeIcon/index.d.ts +1 -0
  291. package/dist/types/components/TypographyCard/TypographyCard.d.ts +9 -4
  292. package/dist/types/components/VideoPlayer/VideoPlayer.d.ts +18 -0
  293. package/dist/types/components/VideoPlayer/index.d.ts +1 -0
  294. package/dist/types/components/index.d.ts +8 -6
  295. package/dist/types/helpers/get-theme-img.d.ts +6 -0
  296. package/dist/types/helpers/index.d.ts +1 -0
  297. package/dist/types/hooks/index.d.ts +2 -4
  298. package/dist/types/hooks/private/index.d.ts +5 -0
  299. package/dist/types/hooks/private/use-aria-describedby/index.d.ts +1 -0
  300. package/dist/types/hooks/private/use-interaction-mode/index.d.ts +1 -0
  301. package/dist/types/hooks/private/use-numeric-input/index.d.ts +1 -0
  302. package/dist/types/hooks/{use-numeric-input.d.ts → private/use-numeric-input/use-numeric-input.d.ts} +3 -3
  303. package/dist/types/hooks/private/use-pagination/index.d.ts +1 -0
  304. package/dist/types/hooks/private/use-theme-element/index.d.ts +1 -0
  305. package/dist/types/hooks/public/index.d.ts +1 -0
  306. package/dist/types/hooks/public/use-media-query/index.d.ts +1 -0
  307. package/dist/types/hooks/{use-media-query.d.ts → public/use-media-query/use-media-query.d.ts} +1 -1
  308. package/dist/types/index.d.ts +1 -0
  309. package/dist/types/private-components/CardFooter/CardFooter.d.ts +1 -1
  310. package/dist/types/private-components/CardFooter/index.d.ts +1 -1
  311. package/dist/types/private-components/CardHeading/CardHeading.d.ts +3 -3
  312. package/dist/types/private-components/index.d.ts +1 -2
  313. package/dist/types/styles.d.ts +7 -30
  314. package/dist/use-media-query/package.json +7 -0
  315. package/dist/use-media-query/use-media-query.cjs.js +10 -0
  316. package/dist/use-media-query/use-media-query.esm.js +2 -0
  317. package/package.json +48 -38
  318. package/dist/Base/Base.cjs.js +0 -11
  319. package/dist/Base/Base.esm.js +0 -3
  320. package/dist/Base/package.json +0 -7
  321. package/dist/Card/Card.cjs.js +0 -19
  322. package/dist/Card/Card.esm.js +0 -11
  323. package/dist/Card/package.json +0 -7
  324. package/dist/Clock/Clock.cjs.js +0 -48
  325. package/dist/Clock/Clock.esm.js +0 -39
  326. package/dist/Clock/package.json +0 -7
  327. package/dist/Curve/Curve.cjs.js +0 -13
  328. package/dist/Curve/Curve.esm.js +0 -5
  329. package/dist/Curve/package.json +0 -7
  330. package/dist/SiteHeader/SiteHeader.cjs.js +0 -25
  331. package/dist/SiteHeader/SiteHeader.esm.js +0 -16
  332. package/dist/SiteHeader/package.json +0 -7
  333. package/dist/_shared/cjs/Avatar-f1b1c129.js +0 -66
  334. package/dist/_shared/cjs/Base-f5a86eed.js +0 -22
  335. package/dist/_shared/cjs/BtIconArrowRight.esm-50d96943.js +0 -54
  336. package/dist/_shared/cjs/BtIconArrowRightFill.esm-435cf4bd.js +0 -26
  337. package/dist/_shared/cjs/BtIconChevronDown2Px.esm-39030ee0.js +0 -26
  338. package/dist/_shared/cjs/BtIconChevronLeftMid.esm-0aaa6770.js +0 -28
  339. package/dist/_shared/cjs/BtIconChevronRight2Px.esm-dbf8cbee.js +0 -44
  340. package/dist/_shared/cjs/BtIconCrossAlt2Px.esm-1452b14b.js +0 -26
  341. package/dist/_shared/cjs/BtIconTick.esm-844eac6c.js +0 -80
  342. package/dist/_shared/cjs/BtIconTickAlt2Px.esm-57c89acc.js +0 -26
  343. package/dist/_shared/cjs/Card-78a70e63.js +0 -126
  344. package/dist/_shared/cjs/Checkbox-0253327b.js +0 -62
  345. package/dist/_shared/cjs/Combination-9974f2e2.js +0 -1330
  346. package/dist/_shared/cjs/Curve-b5117889.js +0 -33
  347. package/dist/_shared/cjs/Grid-da776e77.js +0 -45
  348. package/dist/_shared/cjs/Icon-b46897a3.js +0 -54
  349. package/dist/_shared/cjs/Image-e873b8fc.js +0 -46
  350. package/dist/_shared/cjs/SiteHeader.rehydrator-9d8f3dad.js +0 -669
  351. package/dist/_shared/cjs/extends-8c5e4b48.js +0 -18
  352. package/dist/_shared/esm/Base-f200653c.js +0 -15
  353. package/dist/_shared/esm/BtIconAlert.esm-a4608d47.js +0 -28
  354. package/dist/_shared/esm/BtIconArrowRight.esm-9b181878.js +0 -46
  355. package/dist/_shared/esm/BtIconArrowRightFill.esm-99019d1a.js +0 -20
  356. package/dist/_shared/esm/BtIconChevronDown2Px.esm-217276c2.js +0 -20
  357. package/dist/_shared/esm/BtIconChevronLeftMid.esm-1ed8330b.js +0 -22
  358. package/dist/_shared/esm/BtIconChevronRight2Px.esm-75e92636.js +0 -37
  359. package/dist/_shared/esm/BtIconCrossAlt2Px.esm-7165ab1a.js +0 -20
  360. package/dist/_shared/esm/BtIconTick.esm-e265098f.js +0 -72
  361. package/dist/_shared/esm/BtIconTickAlt2Px.esm-0bc2ded0.js +0 -20
  362. package/dist/_shared/esm/Card-a4b78406.js +0 -120
  363. package/dist/_shared/esm/Combination-e9f7e64e.js +0 -1301
  364. package/dist/_shared/esm/Curve-e05b3c3f.js +0 -27
  365. package/dist/_shared/esm/SiteHeader.rehydrator-2ec02ee7.js +0 -662
  366. package/dist/_shared/esm/extends-8cc61aad.js +0 -16
  367. package/dist/types/components/Base/Base.d.ts +0 -16
  368. package/dist/types/components/Base/index.d.ts +0 -1
  369. package/dist/types/components/Card/Card.d.ts +0 -132
  370. package/dist/types/components/Card/index.d.ts +0 -1
  371. package/dist/types/components/Clock/Clock.d.ts +0 -17
  372. package/dist/types/components/Clock/Clock.rehydrator.d.ts +0 -2
  373. package/dist/types/components/Clock/index.d.ts +0 -2
  374. package/dist/types/components/Curve/Curve.d.ts +0 -34
  375. package/dist/types/components/Curve/index.d.ts +0 -1
  376. package/dist/types/components/SiteFooter/SiteFooter.rehydrator.d.ts +0 -2
  377. package/dist/types/components/SiteHeader/SiteHeader.d.ts +0 -79
  378. package/dist/types/components/SiteHeader/SiteHeader.rehydrator.d.ts +0 -8
  379. package/dist/types/components/SiteHeader/components/BackButton/BackButton.d.ts +0 -5
  380. package/dist/types/components/SiteHeader/components/BackButton/index.d.ts +0 -1
  381. package/dist/types/components/SiteHeader/components/Column/Column.d.ts +0 -8
  382. package/dist/types/components/SiteHeader/components/Column/index.d.ts +0 -1
  383. package/dist/types/components/SiteHeader/components/Item/Item.d.ts +0 -20
  384. package/dist/types/components/SiteHeader/components/Item/index.d.ts +0 -1
  385. package/dist/types/components/SiteHeader/components/ItemGroup/ItemGroup.d.ts +0 -26
  386. package/dist/types/components/SiteHeader/components/ItemGroup/ItemGroup.rehydrator.d.ts +0 -2
  387. package/dist/types/components/SiteHeader/components/ItemGroup/index.d.ts +0 -2
  388. package/dist/types/components/SiteHeader/components/MenuButton/MenuButton.d.ts +0 -6
  389. package/dist/types/components/SiteHeader/components/MenuButton/index.d.ts +0 -1
  390. package/dist/types/components/SiteHeader/components/NavItem/NavItem.d.ts +0 -42
  391. package/dist/types/components/SiteHeader/components/NavItem/NavItem.rehydrator.d.ts +0 -2
  392. package/dist/types/components/SiteHeader/components/NavItem/NavItemWithSubNav.d.ts +0 -47
  393. package/dist/types/components/SiteHeader/components/NavItem/NavItemWithSubNav.rehydrator.d.ts +0 -2
  394. package/dist/types/components/SiteHeader/components/NavItem/index.d.ts +0 -4
  395. package/dist/types/components/SiteHeader/components/NodeItem/NodeItem.d.ts +0 -8
  396. package/dist/types/components/SiteHeader/components/Panel/Panel.d.ts +0 -22
  397. package/dist/types/components/SiteHeader/components/Panel/index.d.ts +0 -1
  398. package/dist/types/components/SiteHeader/components/SubNavItem/SubNavItem.d.ts +0 -47
  399. package/dist/types/components/SiteHeader/components/SubNavItem/SubNavItem.rehydrator.d.ts +0 -2
  400. package/dist/types/components/SiteHeader/components/SubNavItem/index.d.ts +0 -2
  401. package/dist/types/components/SiteHeader/index.d.ts +0 -2
  402. package/dist/types/private-components/CardLabel/CardLabel.d.ts +0 -10
  403. package/dist/types/private-components/CardLabel/index.d.ts +0 -1
  404. /package/dist/_shared/cjs/{BtIconChevronRightMid.esm-d01ebbd4.js → BtIconChevronRightMid.esm-3e8d18a9.js} +0 -0
  405. /package/dist/_shared/esm/{BtIconChevronRightMid.esm-32268f1a.js → BtIconChevronRightMid.esm-4764708f.js} +0 -0
  406. /package/dist/types/hooks/{use-aria-describedby.d.ts → private/use-aria-describedby/use-aria-describedby.d.ts} +0 -0
  407. /package/dist/types/hooks/{use-interaction-mode.d.ts → private/use-interaction-mode/use-interaction-mode.d.ts} +0 -0
  408. /package/dist/types/hooks/{use-pagination.d.ts → private/use-pagination/use-pagination.d.ts} +0 -0
@@ -1,20 +1,12 @@
1
- 'use strict';
2
-
3
- var React = require('react');
4
- var useMediaQuery = require('./use-media-query-e61881d8.js');
5
- var filterDataAttrs = require('./filter-data-attrs-1c9a530c.js');
6
- var index = require('./index-9947ac13.js');
7
- var Text = require('./Text-606ca3a2.js');
8
- var VisuallyHidden = require('./VisuallyHidden-b0de4c7b.js');
9
- var Surface = require('./Surface-038db6e1.js');
10
- var Heading = require('./Heading-27cba320.js');
11
- var BtIconChevronLeftMid_esm = require('./BtIconChevronLeftMid.esm-0aaa6770.js');
12
- var BtIconChevronRightMid_esm = require('./BtIconChevronRightMid.esm-d01ebbd4.js');
13
- var Icon = require('./Icon-b46897a3.js');
14
-
15
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
1
+ function _typeof(o) {
2
+ "@babel/helpers - typeof";
16
3
 
17
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
4
+ return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
5
+ return typeof o;
6
+ } : function (o) {
7
+ return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
8
+ }, _typeof(o);
9
+ }
18
10
 
19
11
  function toInteger(dirtyNumber) {
20
12
  if (dirtyNumber === null || dirtyNumber === true || dirtyNumber === false) {
@@ -27,16 +19,6 @@ function toInteger(dirtyNumber) {
27
19
  return number < 0 ? Math.ceil(number) : Math.floor(number);
28
20
  }
29
21
 
30
- function _typeof(o) {
31
- "@babel/helpers - typeof";
32
-
33
- return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
34
- return typeof o;
35
- } : function (o) {
36
- return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
37
- }, _typeof(o);
38
- }
39
-
40
22
  function requiredArgs(required, args) {
41
23
  if (args.length < required) {
42
24
  throw new TypeError(required + ' argument' + (required > 1 ? 's' : '') + ' required, but only ' + args.length + ' present');
@@ -89,1062 +71,56 @@ function toDate(argument) {
89
71
  console.warn("Starting with v2.0.0-beta.1 date-fns doesn't accept strings as date arguments. Please use `parseISO` to parse strings. See: https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#string-arguments");
90
72
  // eslint-disable-next-line no-console
91
73
  console.warn(new Error().stack);
92
- }
93
- return new Date(NaN);
94
- }
95
- }
96
-
97
- /**
98
- * @name addMonths
99
- * @category Month Helpers
100
- * @summary Add the specified number of months to the given date.
101
- *
102
- * @description
103
- * Add the specified number of months to the given date.
104
- *
105
- * @param {Date|Number} date - the date to be changed
106
- * @param {Number} amount - the amount of months to be added. Positive decimals will be rounded using `Math.floor`, decimals less than zero will be rounded using `Math.ceil`.
107
- * @returns {Date} the new date with the months added
108
- * @throws {TypeError} 2 arguments required
109
- *
110
- * @example
111
- * // Add 5 months to 1 September 2014:
112
- * const result = addMonths(new Date(2014, 8, 1), 5)
113
- * //=> Sun Feb 01 2015 00:00:00
114
- */
115
- function addMonths(dirtyDate, dirtyAmount) {
116
- requiredArgs(2, arguments);
117
- var date = toDate(dirtyDate);
118
- var amount = toInteger(dirtyAmount);
119
- if (isNaN(amount)) {
120
- return new Date(NaN);
121
- }
122
- if (!amount) {
123
- // If 0 months, no-op to avoid changing times in the hour before end of DST
124
- return date;
125
- }
126
- var dayOfMonth = date.getDate();
127
-
128
- // The JS Date object supports date math by accepting out-of-bounds values for
129
- // month, day, etc. For example, new Date(2020, 0, 0) returns 31 Dec 2019 and
130
- // new Date(2020, 13, 1) returns 1 Feb 2021. This is *almost* the behavior we
131
- // want except that dates will wrap around the end of a month, meaning that
132
- // new Date(2020, 13, 31) will return 3 Mar 2021 not 28 Feb 2021 as desired. So
133
- // we'll default to the end of the desired month by adding 1 to the desired
134
- // month and using a date of 0 to back up one day to the end of the desired
135
- // month.
136
- var endOfDesiredMonth = new Date(date.getTime());
137
- endOfDesiredMonth.setMonth(date.getMonth() + amount + 1, 0);
138
- var daysInMonth = endOfDesiredMonth.getDate();
139
- if (dayOfMonth >= daysInMonth) {
140
- // If we're already at the end of the month, then this is the correct date
141
- // and we're done.
142
- return endOfDesiredMonth;
143
- } else {
144
- // Otherwise, we now know that setting the original day-of-month value won't
145
- // cause an overflow, so set the desired day-of-month. Note that we can't
146
- // just set the date of `endOfDesiredMonth` because that object may have had
147
- // its time changed in the unusual case where where a DST transition was on
148
- // the last day of the month and its local time was in the hour skipped or
149
- // repeated next to a DST transition. So we use `date` instead which is
150
- // guaranteed to still have the original time.
151
- date.setFullYear(endOfDesiredMonth.getFullYear(), endOfDesiredMonth.getMonth(), dayOfMonth);
152
- return date;
153
- }
154
- }
155
-
156
- /**
157
- * @name subMonths
158
- * @category Month Helpers
159
- * @summary Subtract the specified number of months from the given date.
160
- *
161
- * @description
162
- * Subtract the specified number of months from the given date.
163
- *
164
- * @param {Date|Number} date - the date to be changed
165
- * @param {Number} amount - the amount of months to be subtracted. Positive decimals will be rounded using `Math.floor`, decimals less than zero will be rounded using `Math.ceil`.
166
- * @returns {Date} the new date with the months subtracted
167
- * @throws {TypeError} 2 arguments required
168
- *
169
- * @example
170
- * // Subtract 5 months from 1 February 2015:
171
- * const result = subMonths(new Date(2015, 1, 1), 5)
172
- * //=> Mon Sep 01 2014 00:00:00
173
- */
174
- function subMonths(dirtyDate, dirtyAmount) {
175
- requiredArgs(2, arguments);
176
- var amount = toInteger(dirtyAmount);
177
- return addMonths(dirtyDate, -amount);
178
- }
179
-
180
- /**
181
- * @name startOfMonth
182
- * @category Month Helpers
183
- * @summary Return the start of a month for the given date.
184
- *
185
- * @description
186
- * Return the start of a month for the given date.
187
- * The result will be in the local timezone.
188
- *
189
- * @param {Date|Number} date - the original date
190
- * @returns {Date} the start of a month
191
- * @throws {TypeError} 1 argument required
192
- *
193
- * @example
194
- * // The start of a month for 2 September 2014 11:55:00:
195
- * const result = startOfMonth(new Date(2014, 8, 2, 11, 55, 0))
196
- * //=> Mon Sep 01 2014 00:00:00
197
- */
198
- function startOfMonth(dirtyDate) {
199
- requiredArgs(1, arguments);
200
- var date = toDate(dirtyDate);
201
- date.setDate(1);
202
- date.setHours(0, 0, 0, 0);
203
- return date;
204
- }
205
-
206
- var containsDate = function (dates, compareDate) {
207
- return dates.map(function (date) { return date.getTime(); }).includes(compareDate.getTime());
208
- };
209
-
210
- /**
211
- * @name getMonth
212
- * @category Month Helpers
213
- * @summary Get the month of the given date.
214
- *
215
- * @description
216
- * Get the month of the given date.
217
- *
218
- * @param {Date|Number} date - the given date
219
- * @returns {Number} the month
220
- * @throws {TypeError} 1 argument required
221
- *
222
- * @example
223
- * // Which month is 29 February 2012?
224
- * const result = getMonth(new Date(2012, 1, 29))
225
- * //=> 1
226
- */
227
- function getMonth(dirtyDate) {
228
- requiredArgs(1, arguments);
229
- var date = toDate(dirtyDate);
230
- var month = date.getMonth();
231
- return month;
232
- }
233
-
234
- /**
235
- * @name getYear
236
- * @category Year Helpers
237
- * @summary Get the year of the given date.
238
- *
239
- * @description
240
- * Get the year of the given date.
241
- *
242
- * @param {Date|Number} date - the given date
243
- * @returns {Number} the year
244
- * @throws {TypeError} 1 argument required
245
- *
246
- * @example
247
- * // Which year is 2 July 2014?
248
- * const result = getYear(new Date(2014, 6, 2))
249
- * //=> 2014
250
- */
251
- function getYear(dirtyDate) {
252
- requiredArgs(1, arguments);
253
- return toDate(dirtyDate).getFullYear();
254
- }
255
-
256
- /**
257
- * @name getDaysInMonth
258
- * @category Month Helpers
259
- * @summary Get the number of days in a month of the given date.
260
- *
261
- * @description
262
- * Get the number of days in a month of the given date.
263
- *
264
- * @param {Date|Number} date - the given date
265
- * @returns {Number} the number of days in a month
266
- * @throws {TypeError} 1 argument required
267
- *
268
- * @example
269
- * // How many days are in February 2000?
270
- * const result = getDaysInMonth(new Date(2000, 1))
271
- * //=> 29
272
- */
273
- function getDaysInMonth(dirtyDate) {
274
- requiredArgs(1, arguments);
275
- var date = toDate(dirtyDate);
276
- var year = date.getFullYear();
277
- var monthIndex = date.getMonth();
278
- var lastDayOfMonth = new Date(0);
279
- lastDayOfMonth.setFullYear(year, monthIndex + 1, 0);
280
- lastDayOfMonth.setHours(0, 0, 0, 0);
281
- return lastDayOfMonth.getDate();
282
- }
283
-
284
- /**
285
- * @name setMonth
286
- * @category Month Helpers
287
- * @summary Set the month to the given date.
288
- *
289
- * @description
290
- * Set the month to the given date.
291
- *
292
- * @param {Date|Number} date - the date to be changed
293
- * @param {Number} month - the month of the new date
294
- * @returns {Date} the new date with the month set
295
- * @throws {TypeError} 2 arguments required
296
- *
297
- * @example
298
- * // Set February to 1 September 2014:
299
- * const result = setMonth(new Date(2014, 8, 1), 1)
300
- * //=> Sat Feb 01 2014 00:00:00
301
- */
302
- function setMonth(dirtyDate, dirtyMonth) {
303
- requiredArgs(2, arguments);
304
- var date = toDate(dirtyDate);
305
- var month = toInteger(dirtyMonth);
306
- var year = date.getFullYear();
307
- var day = date.getDate();
308
- var dateWithDesiredMonth = new Date(0);
309
- dateWithDesiredMonth.setFullYear(year, month, 15);
310
- dateWithDesiredMonth.setHours(0, 0, 0, 0);
311
- var daysInMonth = getDaysInMonth(dateWithDesiredMonth);
312
- // Set the last day of the new month
313
- // if the original date was the last day of the longer month
314
- date.setMonth(month, Math.min(day, daysInMonth));
315
- return date;
316
- }
317
-
318
- /**
319
- * @name set
320
- * @category Common Helpers
321
- * @summary Set date values to a given date.
322
- *
323
- * @description
324
- * Set date values to a given date.
325
- *
326
- * Sets time values to date from object `values`.
327
- * A value is not set if it is undefined or null or doesn't exist in `values`.
328
- *
329
- * Note about bundle size: `set` does not internally use `setX` functions from date-fns but instead opts
330
- * to use native `Date#setX` methods. If you use this function, you may not want to include the
331
- * other `setX` functions that date-fns provides if you are concerned about the bundle size.
332
- *
333
- * @param {Date|Number} date - the date to be changed
334
- * @param {Object} values - an object with options
335
- * @param {Number} [values.year] - the number of years to be set
336
- * @param {Number} [values.month] - the number of months to be set
337
- * @param {Number} [values.date] - the number of days to be set
338
- * @param {Number} [values.hours] - the number of hours to be set
339
- * @param {Number} [values.minutes] - the number of minutes to be set
340
- * @param {Number} [values.seconds] - the number of seconds to be set
341
- * @param {Number} [values.milliseconds] - the number of milliseconds to be set
342
- * @returns {Date} the new date with options set
343
- * @throws {TypeError} 2 arguments required
344
- * @throws {RangeError} `values` must be an object
345
- *
346
- * @example
347
- * // Transform 1 September 2014 into 20 October 2015 in a single line:
348
- * const result = set(new Date(2014, 8, 20), { year: 2015, month: 9, date: 20 })
349
- * //=> Tue Oct 20 2015 00:00:00
350
- *
351
- * @example
352
- * // Set 12 PM to 1 September 2014 01:23:45 to 1 September 2014 12:00:00:
353
- * const result = set(new Date(2014, 8, 1, 1, 23, 45), { hours: 12 })
354
- * //=> Mon Sep 01 2014 12:23:45
355
- */
356
- function set(dirtyDate, values) {
357
- requiredArgs(2, arguments);
358
- if (_typeof(values) !== 'object' || values === null) {
359
- throw new RangeError('values parameter must be an object');
360
- }
361
- var date = toDate(dirtyDate);
362
-
363
- // Check if date is Invalid Date because Date.prototype.setFullYear ignores the value of Invalid Date
364
- if (isNaN(date.getTime())) {
365
- return new Date(NaN);
366
- }
367
- if (values.year != null) {
368
- date.setFullYear(values.year);
369
- }
370
- if (values.month != null) {
371
- date = setMonth(date, values.month);
372
- }
373
- if (values.date != null) {
374
- date.setDate(toInteger(values.date));
375
- }
376
- if (values.hours != null) {
377
- date.setHours(toInteger(values.hours));
378
- }
379
- if (values.minutes != null) {
380
- date.setMinutes(toInteger(values.minutes));
381
- }
382
- if (values.seconds != null) {
383
- date.setSeconds(toInteger(values.seconds));
384
- }
385
- if (values.milliseconds != null) {
386
- date.setMilliseconds(toInteger(values.milliseconds));
387
- }
388
- return date;
389
- }
390
-
391
- var dateWithoutTime = function (date) {
392
- return set(new Date(date), {
393
- hours: 0,
394
- minutes: 0,
395
- milliseconds: 0,
396
- seconds: 0
397
- });
398
- };
399
-
400
- var getDatesInMonth = function (date) {
401
- var dateYear = getYear(date);
402
- var dateMonth = getMonth(date);
403
- return Array.from({ length: getDaysInMonth(date) }, function (_, i) {
404
- return dateWithoutTime(new Date(dateYear, dateMonth, i + 1));
405
- });
406
- };
407
-
408
- /**
409
- * @name getDay
410
- * @category Weekday Helpers
411
- * @summary Get the day of the week of the given date.
412
- *
413
- * @description
414
- * Get the day of the week of the given date.
415
- *
416
- * @param {Date|Number} date - the given date
417
- * @returns {0|1|2|3|4|5|6} the day of week, 0 represents Sunday
418
- * @throws {TypeError} 1 argument required
419
- *
420
- * @example
421
- * // Which day of the week is 29 February 2012?
422
- * const result = getDay(new Date(2012, 1, 29))
423
- * //=> 3
424
- */
425
- function getDay(dirtyDate) {
426
- requiredArgs(1, arguments);
427
- var date = toDate(dirtyDate);
428
- var day = date.getDay();
429
- return day;
430
- }
431
-
432
- var WeekDaysAbbr;
433
- (function (WeekDaysAbbr) {
434
- WeekDaysAbbr["MON"] = "Mon";
435
- WeekDaysAbbr["TUE"] = "Tue";
436
- WeekDaysAbbr["WED"] = "Wed";
437
- WeekDaysAbbr["THUR"] = "Thur";
438
- WeekDaysAbbr["FRI"] = "Fri";
439
- WeekDaysAbbr["SAT"] = "Sat";
440
- WeekDaysAbbr["SUN"] = "Sun";
441
- })(WeekDaysAbbr || (WeekDaysAbbr = {}));
442
- var WeekDays;
443
- (function (WeekDays) {
444
- WeekDays["MONDAY"] = "Monday";
445
- WeekDays["TUESDAY"] = "Tuesday";
446
- WeekDays["WEDNESDAY"] = "Wednesday";
447
- WeekDays["THURSDAY"] = "Thursday";
448
- WeekDays["FRIDAY"] = "Friday";
449
- WeekDays["SATURDAY"] = "Saturday";
450
- WeekDays["SUNDAY"] = "Sunday";
451
- })(WeekDays || (WeekDays = {}));
452
-
453
- var isDay = function (date, day) {
454
- var _a;
455
- var dayMap = (_a = {},
456
- _a[WeekDays.MONDAY] = 1,
457
- _a[WeekDays.TUESDAY] = 2,
458
- _a[WeekDays.WEDNESDAY] = 3,
459
- _a[WeekDays.THURSDAY] = 4,
460
- _a[WeekDays.FRIDAY] = 5,
461
- _a[WeekDays.SATURDAY] = 6,
462
- _a[WeekDays.SUNDAY] = 0,
463
- _a);
464
- return getDay(date) === dayMap[day];
465
- };
466
-
467
- /**
468
- * @name isBefore
469
- * @category Common Helpers
470
- * @summary Is the first date before the second one?
471
- *
472
- * @description
473
- * Is the first date before the second one?
474
- *
475
- * @param {Date|Number} date - the date that should be before the other one to return true
476
- * @param {Date|Number} dateToCompare - the date to compare with
477
- * @returns {Boolean} the first date is before the second date
478
- * @throws {TypeError} 2 arguments required
479
- *
480
- * @example
481
- * // Is 10 July 1989 before 11 February 1987?
482
- * const result = isBefore(new Date(1989, 6, 10), new Date(1987, 1, 11))
483
- * //=> false
484
- */
485
- function isBefore(dirtyDate, dirtyDateToCompare) {
486
- requiredArgs(2, arguments);
487
- var date = toDate(dirtyDate);
488
- var dateToCompare = toDate(dirtyDateToCompare);
489
- return date.getTime() < dateToCompare.getTime();
490
- }
491
-
492
- /**
493
- * @name isAfter
494
- * @category Common Helpers
495
- * @summary Is the first date after the second one?
496
- *
497
- * @description
498
- * Is the first date after the second one?
499
- *
500
- * @param {Date|Number} date - the date that should be after the other one to return true
501
- * @param {Date|Number} dateToCompare - the date to compare with
502
- * @returns {Boolean} the first date is after the second date
503
- * @throws {TypeError} 2 arguments required
504
- *
505
- * @example
506
- * // Is 10 July 1989 after 11 February 1987?
507
- * const result = isAfter(new Date(1989, 6, 10), new Date(1987, 1, 11))
508
- * //=> true
509
- */
510
- function isAfter(dirtyDate, dirtyDateToCompare) {
511
- requiredArgs(2, arguments);
512
- var date = toDate(dirtyDate);
513
- var dateToCompare = toDate(dirtyDateToCompare);
514
- return date.getTime() > dateToCompare.getTime();
515
- }
516
-
517
- var isDisabledDate = function (date, disabledDates, minDate, maxDate) {
518
- return ((minDate && isBefore(date, minDate)) ||
519
- (maxDate && isAfter(date, maxDate)) ||
520
- (disabledDates && containsDate(disabledDates, date)));
521
- };
522
-
523
- var isMonthBeforeMinDate = function (month, minDate) {
524
- return getDatesInMonth(month).every(function (date) {
525
- return isBefore(date, minDate);
526
- });
527
- };
528
-
529
- var isMonthAfterMaxDate = function (date, maxDate) {
530
- return getDatesInMonth(date).every(function (date) {
531
- return isAfter(date, maxDate);
532
- });
533
- };
534
-
535
- /**
536
- * @name compareAsc
537
- * @category Common Helpers
538
- * @summary Compare the two dates and return -1, 0 or 1.
539
- *
540
- * @description
541
- * Compare the two dates and return 1 if the first date is after the second,
542
- * -1 if the first date is before the second or 0 if dates are equal.
543
- *
544
- * @param {Date|Number} dateLeft - the first date to compare
545
- * @param {Date|Number} dateRight - the second date to compare
546
- * @returns {Number} the result of the comparison
547
- * @throws {TypeError} 2 arguments required
548
- *
549
- * @example
550
- * // Compare 11 February 1987 and 10 July 1989:
551
- * const result = compareAsc(new Date(1987, 1, 11), new Date(1989, 6, 10))
552
- * //=> -1
553
- *
554
- * @example
555
- * // Sort the array of dates:
556
- * const result = [
557
- * new Date(1995, 6, 2),
558
- * new Date(1987, 1, 11),
559
- * new Date(1989, 6, 10)
560
- * ].sort(compareAsc)
561
- * //=> [
562
- * // Wed Feb 11 1987 00:00:00,
563
- * // Mon Jul 10 1989 00:00:00,
564
- * // Sun Jul 02 1995 00:00:00
565
- * // ]
566
- */
567
- function compareAsc(dirtyDateLeft, dirtyDateRight) {
568
- requiredArgs(2, arguments);
569
- var dateLeft = toDate(dirtyDateLeft);
570
- var dateRight = toDate(dirtyDateRight);
571
- var diff = dateLeft.getTime() - dateRight.getTime();
572
- if (diff < 0) {
573
- return -1;
574
- } else if (diff > 0) {
575
- return 1;
576
- // Return 0 if diff is 0; return NaN if diff is NaN
577
- } else {
578
- return diff;
579
- }
580
- }
581
-
582
- /**
583
- * @name eachDayOfInterval
584
- * @category Interval Helpers
585
- * @summary Return the array of dates within the specified time interval.
586
- *
587
- * @description
588
- * Return the array of dates within the specified time interval.
589
- *
590
- * @param {Interval} interval - the interval. See [Interval]{@link https://date-fns.org/docs/Interval}
591
- * @param {Object} [options] - an object with options.
592
- * @param {Number} [options.step=1] - the step to increment by. The value should be more than 1.
593
- * @returns {Date[]} the array with starts of days from the day of the interval start to the day of the interval end
594
- * @throws {TypeError} 1 argument required
595
- * @throws {RangeError} `options.step` must be a number greater than 1
596
- * @throws {RangeError} The start of an interval cannot be after its end
597
- * @throws {RangeError} Date in interval cannot be `Invalid Date`
598
- *
599
- * @example
600
- * // Each day between 6 October 2014 and 10 October 2014:
601
- * const result = eachDayOfInterval({
602
- * start: new Date(2014, 9, 6),
603
- * end: new Date(2014, 9, 10)
604
- * })
605
- * //=> [
606
- * // Mon Oct 06 2014 00:00:00,
607
- * // Tue Oct 07 2014 00:00:00,
608
- * // Wed Oct 08 2014 00:00:00,
609
- * // Thu Oct 09 2014 00:00:00,
610
- * // Fri Oct 10 2014 00:00:00
611
- * // ]
612
- */
613
- function eachDayOfInterval(dirtyInterval, options) {
614
- var _options$step;
615
- requiredArgs(1, arguments);
616
- var interval = dirtyInterval || {};
617
- var startDate = toDate(interval.start);
618
- var endDate = toDate(interval.end);
619
- var endTime = endDate.getTime();
620
-
621
- // Throw an exception if start date is after end date or if any date is `Invalid Date`
622
- if (!(startDate.getTime() <= endTime)) {
623
- throw new RangeError('Invalid interval');
624
- }
625
- var dates = [];
626
- var currentDate = startDate;
627
- currentDate.setHours(0, 0, 0, 0);
628
- var step = Number((_options$step = options === null || options === void 0 ? void 0 : options.step) !== null && _options$step !== void 0 ? _options$step : 1);
629
- if (step < 1 || isNaN(step)) throw new RangeError('`options.step` must be a number greater than 1');
630
- while (currentDate.getTime() <= endTime) {
631
- dates.push(toDate(currentDate));
632
- currentDate.setDate(currentDate.getDate() + step);
633
- currentDate.setHours(0, 0, 0, 0);
634
- }
635
- return dates;
636
- }
637
-
638
- var processSelectedRange = function (_a) {
639
- var range = _a.range, value = _a.value, disabledDates = _a.disabledDates;
640
- var exisitingRange = range.filter(function (date) { return Boolean(date); });
641
- var newRange = filterDataAttrs.__spreadArray(filterDataAttrs.__spreadArray([], (exisitingRange.length === 2 ? [] : exisitingRange), true), [
642
- value,
643
- ], false).sort(compareAsc);
644
- var isSelectionComplete = newRange.length === 2;
645
- var allDaysInRange = isSelectionComplete
646
- ? eachDayOfInterval({
647
- start: newRange[0],
648
- end: newRange[1]
649
- })
650
- : [];
651
- var rangeOnChangeValue = {
652
- dates: allDaysInRange.map(function (date) { return ({
653
- value: date,
654
- disabled: disabledDates ? containsDate(disabledDates, date) : false
655
- }); }),
656
- selectedDate: value,
657
- start: newRange[0],
658
- end: newRange[1],
659
- isSelectionComplete: isSelectionComplete
660
- };
661
- return {
662
- rangeValue: newRange,
663
- rangeOnChangeValue: rangeOnChangeValue
664
- };
665
- };
666
-
667
- var getCalendarType = function (type, isDesktop) {
668
- if (type === "double" && !isDesktop) {
669
- return "month";
670
- }
671
- if (type === "double" && isDesktop) {
672
- return "double";
673
- }
674
- return type;
675
- };
676
-
677
- var getDoubleMonthDisplayRange = function (date) {
678
- var firstMonth = getMonth(date) % 2 !== 0 ? subMonths(date, 1) : date;
679
- var secondMonth = addMonths(firstMonth, 1);
680
- return [firstMonth, secondMonth];
681
- };
682
-
683
- var getFocusDate = function (_a) {
684
- var minDate = _a.minDate, maxDate = _a.maxDate, date = _a.date;
685
- var isFocusDateBeforeMinDate = minDate && isBefore(date, minDate);
686
- var isFocusDateAfterMaxDate = maxDate && isAfter(date, maxDate);
687
- if (isFocusDateBeforeMinDate) {
688
- return minDate;
689
- }
690
- if (isFocusDateAfterMaxDate) {
691
- return maxDate;
692
- }
693
- return date;
694
- };
695
-
696
- var getHighlightRange = function (_a) {
697
- var date = _a.date, minDate = _a.minDate, maxDate = _a.maxDate, range = _a.range;
698
- var existingRange = range.filter(function (date) { return Boolean(date); });
699
- if (existingRange.filter(function (date) { return Boolean(date); }).length === 1) {
700
- var isDateBeforeMinDate = minDate && isBefore(date, minDate);
701
- var isDateAfterMaxDate = maxDate && isAfter(date, maxDate);
702
- if (isDateBeforeMinDate) {
703
- return [minDate, existingRange[0]].sort(compareAsc);
704
- }
705
- if (isDateAfterMaxDate) {
706
- return [maxDate, existingRange[0]].sort(compareAsc);
707
- }
708
- return [date, existingRange[0]].sort(compareAsc);
709
- }
710
- return existingRange;
711
- };
712
-
713
- /**
714
- * @name addDays
715
- * @category Day Helpers
716
- * @summary Add the specified number of days to the given date.
717
- *
718
- * @description
719
- * Add the specified number of days to the given date.
720
- *
721
- * @param {Date|Number} date - the date to be changed
722
- * @param {Number} amount - the amount of days to be added. Positive decimals will be rounded using `Math.floor`, decimals less than zero will be rounded using `Math.ceil`.
723
- * @returns {Date} - the new date with the days added
724
- * @throws {TypeError} - 2 arguments required
725
- *
726
- * @example
727
- * // Add 10 days to 1 September 2014:
728
- * const result = addDays(new Date(2014, 8, 1), 10)
729
- * //=> Thu Sep 11 2014 00:00:00
730
- */
731
- function addDays(dirtyDate, dirtyAmount) {
732
- requiredArgs(2, arguments);
733
- var date = toDate(dirtyDate);
734
- var amount = toInteger(dirtyAmount);
735
- if (isNaN(amount)) {
736
- return new Date(NaN);
737
- }
738
- if (!amount) {
739
- // If 0 days, no-op to avoid changing times in the hour before end of DST
740
- return date;
741
- }
742
- date.setDate(date.getDate() + amount);
743
- return date;
744
- }
745
-
746
- /**
747
- * @name addWeeks
748
- * @category Week Helpers
749
- * @summary Add the specified number of weeks to the given date.
750
- *
751
- * @description
752
- * Add the specified number of week to the given date.
753
- *
754
- * @param {Date|Number} date - the date to be changed
755
- * @param {Number} amount - the amount of weeks to be added. Positive decimals will be rounded using `Math.floor`, decimals less than zero will be rounded using `Math.ceil`.
756
- * @returns {Date} the new date with the weeks added
757
- * @throws {TypeError} 2 arguments required
758
- *
759
- * @example
760
- * // Add 4 weeks to 1 September 2014:
761
- * const result = addWeeks(new Date(2014, 8, 1), 4)
762
- * //=> Mon Sep 29 2014 00:00:00
763
- */
764
- function addWeeks(dirtyDate, dirtyAmount) {
765
- requiredArgs(2, arguments);
766
- var amount = toInteger(dirtyAmount);
767
- var days = amount * 7;
768
- return addDays(dirtyDate, days);
769
- }
770
-
771
- /**
772
- * @name subDays
773
- * @category Day Helpers
774
- * @summary Subtract the specified number of days from the given date.
775
- *
776
- * @description
777
- * Subtract the specified number of days from the given date.
778
- *
779
- * @param {Date|Number} date - the date to be changed
780
- * @param {Number} amount - the amount of days to be subtracted. Positive decimals will be rounded using `Math.floor`, decimals less than zero will be rounded using `Math.ceil`.
781
- * @returns {Date} the new date with the days subtracted
782
- * @throws {TypeError} 2 arguments required
783
- *
784
- * @example
785
- * // Subtract 10 days from 1 September 2014:
786
- * const result = subDays(new Date(2014, 8, 1), 10)
787
- * //=> Fri Aug 22 2014 00:00:00
788
- */
789
- function subDays(dirtyDate, dirtyAmount) {
790
- requiredArgs(2, arguments);
791
- var amount = toInteger(dirtyAmount);
792
- return addDays(dirtyDate, -amount);
793
- }
794
-
795
- var defaultOptions = {};
796
- function getDefaultOptions() {
797
- return defaultOptions;
798
- }
799
-
800
- /**
801
- * @name startOfWeek
802
- * @category Week Helpers
803
- * @summary Return the start of a week for the given date.
804
- *
805
- * @description
806
- * Return the start of a week for the given date.
807
- * The result will be in the local timezone.
808
- *
809
- * @param {Date|Number} date - the original date
810
- * @param {Object} [options] - an object with options.
811
- * @param {Locale} [options.locale=defaultLocale] - the locale object. See [Locale]{@link https://date-fns.org/docs/Locale}
812
- * @param {0|1|2|3|4|5|6} [options.weekStartsOn=0] - the index of the first day of the week (0 - Sunday)
813
- * @returns {Date} the start of a week
814
- * @throws {TypeError} 1 argument required
815
- * @throws {RangeError} `options.weekStartsOn` must be between 0 and 6
816
- *
817
- * @example
818
- * // The start of a week for 2 September 2014 11:55:00:
819
- * const result = startOfWeek(new Date(2014, 8, 2, 11, 55, 0))
820
- * //=> Sun Aug 31 2014 00:00:00
821
- *
822
- * @example
823
- * // If the week starts on Monday, the start of the week for 2 September 2014 11:55:00:
824
- * const result = startOfWeek(new Date(2014, 8, 2, 11, 55, 0), { weekStartsOn: 1 })
825
- * //=> Mon Sep 01 2014 00:00:00
826
- */
827
- function startOfWeek(dirtyDate, options) {
828
- var _ref, _ref2, _ref3, _options$weekStartsOn, _options$locale, _options$locale$optio, _defaultOptions$local, _defaultOptions$local2;
829
- requiredArgs(1, arguments);
830
- var defaultOptions = getDefaultOptions();
831
- var weekStartsOn = toInteger((_ref = (_ref2 = (_ref3 = (_options$weekStartsOn = options === null || options === void 0 ? void 0 : options.weekStartsOn) !== null && _options$weekStartsOn !== void 0 ? _options$weekStartsOn : options === null || options === void 0 ? void 0 : (_options$locale = options.locale) === null || _options$locale === void 0 ? void 0 : (_options$locale$optio = _options$locale.options) === null || _options$locale$optio === void 0 ? void 0 : _options$locale$optio.weekStartsOn) !== null && _ref3 !== void 0 ? _ref3 : defaultOptions.weekStartsOn) !== null && _ref2 !== void 0 ? _ref2 : (_defaultOptions$local = defaultOptions.locale) === null || _defaultOptions$local === void 0 ? void 0 : (_defaultOptions$local2 = _defaultOptions$local.options) === null || _defaultOptions$local2 === void 0 ? void 0 : _defaultOptions$local2.weekStartsOn) !== null && _ref !== void 0 ? _ref : 0);
832
-
833
- // Test if weekStartsOn is between 0 and 6 _and_ is not NaN
834
- if (!(weekStartsOn >= 0 && weekStartsOn <= 6)) {
835
- throw new RangeError('weekStartsOn must be between 0 and 6 inclusively');
836
- }
837
- var date = toDate(dirtyDate);
838
- var day = date.getDay();
839
- var diff = (day < weekStartsOn ? 7 : 0) + day - weekStartsOn;
840
- date.setDate(date.getDate() - diff);
841
- date.setHours(0, 0, 0, 0);
842
- return date;
843
- }
844
-
845
- /**
846
- * @name endOfWeek
847
- * @category Week Helpers
848
- * @summary Return the end of a week for the given date.
849
- *
850
- * @description
851
- * Return the end of a week for the given date.
852
- * The result will be in the local timezone.
853
- *
854
- * @param {Date|Number} date - the original date
855
- * @param {Object} [options] - an object with options.
856
- * @param {Locale} [options.locale=defaultLocale] - the locale object. See [Locale]{@link https://date-fns.org/docs/Locale}
857
- * @param {0|1|2|3|4|5|6} [options.weekStartsOn=0] - the index of the first day of the week (0 - Sunday)
858
- * @returns {Date} the end of a week
859
- * @throws {TypeError} 1 argument required
860
- * @throws {RangeError} `options.weekStartsOn` must be between 0 and 6
861
- *
862
- * @example
863
- * // The end of a week for 2 September 2014 11:55:00:
864
- * const result = endOfWeek(new Date(2014, 8, 2, 11, 55, 0))
865
- * //=> Sat Sep 06 2014 23:59:59.999
866
- *
867
- * @example
868
- * // If the week starts on Monday, the end of the week for 2 September 2014 11:55:00:
869
- * const result = endOfWeek(new Date(2014, 8, 2, 11, 55, 0), { weekStartsOn: 1 })
870
- * //=> Sun Sep 07 2014 23:59:59.999
871
- */
872
- function endOfWeek(dirtyDate, options) {
873
- var _ref, _ref2, _ref3, _options$weekStartsOn, _options$locale, _options$locale$optio, _defaultOptions$local, _defaultOptions$local2;
874
- requiredArgs(1, arguments);
875
- var defaultOptions = getDefaultOptions();
876
- var weekStartsOn = toInteger((_ref = (_ref2 = (_ref3 = (_options$weekStartsOn = options === null || options === void 0 ? void 0 : options.weekStartsOn) !== null && _options$weekStartsOn !== void 0 ? _options$weekStartsOn : options === null || options === void 0 ? void 0 : (_options$locale = options.locale) === null || _options$locale === void 0 ? void 0 : (_options$locale$optio = _options$locale.options) === null || _options$locale$optio === void 0 ? void 0 : _options$locale$optio.weekStartsOn) !== null && _ref3 !== void 0 ? _ref3 : defaultOptions.weekStartsOn) !== null && _ref2 !== void 0 ? _ref2 : (_defaultOptions$local = defaultOptions.locale) === null || _defaultOptions$local === void 0 ? void 0 : (_defaultOptions$local2 = _defaultOptions$local.options) === null || _defaultOptions$local2 === void 0 ? void 0 : _defaultOptions$local2.weekStartsOn) !== null && _ref !== void 0 ? _ref : 0);
877
-
878
- // Test if weekStartsOn is between 0 and 6 _and_ is not NaN
879
- if (!(weekStartsOn >= 0 && weekStartsOn <= 6)) {
880
- throw new RangeError('weekStartsOn must be between 0 and 6 inclusively');
881
- }
882
- var date = toDate(dirtyDate);
883
- var day = date.getDay();
884
- var diff = (day < weekStartsOn ? -7 : 0) + 6 - (day - weekStartsOn);
885
- date.setDate(date.getDate() + diff);
886
- date.setHours(23, 59, 59, 999);
887
- return date;
888
- }
889
-
890
- /**
891
- * @name subWeeks
892
- * @category Week Helpers
893
- * @summary Subtract the specified number of weeks from the given date.
894
- *
895
- * @description
896
- * Subtract the specified number of weeks from the given date.
897
- *
898
- * @param {Date|Number} date - the date to be changed
899
- * @param {Number} amount - the amount of weeks to be subtracted. Positive decimals will be rounded using `Math.floor`, decimals less than zero will be rounded using `Math.ceil`.
900
- * @returns {Date} the new date with the weeks subtracted
901
- * @throws {TypeError} 2 arguments required
902
- *
903
- * @example
904
- * // Subtract 4 weeks from 1 September 2014:
905
- * const result = subWeeks(new Date(2014, 8, 1), 4)
906
- * //=> Mon Aug 04 2014 00:00:00
907
- */
908
- function subWeeks(dirtyDate, dirtyAmount) {
909
- requiredArgs(2, arguments);
910
- var amount = toInteger(dirtyAmount);
911
- return addWeeks(dirtyDate, -amount);
912
- }
913
-
914
- /**
915
- * @name addYears
916
- * @category Year Helpers
917
- * @summary Add the specified number of years to the given date.
918
- *
919
- * @description
920
- * Add the specified number of years to the given date.
921
- *
922
- * @param {Date|Number} date - the date to be changed
923
- * @param {Number} amount - the amount of years to be added. Positive decimals will be rounded using `Math.floor`, decimals less than zero will be rounded using `Math.ceil`.
924
- * @returns {Date} the new date with the years added
925
- * @throws {TypeError} 2 arguments required
926
- *
927
- * @example
928
- * // Add 5 years to 1 September 2014:
929
- * const result = addYears(new Date(2014, 8, 1), 5)
930
- * //=> Sun Sep 01 2019 00:00:00
931
- */
932
- function addYears(dirtyDate, dirtyAmount) {
933
- requiredArgs(2, arguments);
934
- var amount = toInteger(dirtyAmount);
935
- return addMonths(dirtyDate, amount * 12);
936
- }
937
-
938
- /**
939
- * @name subYears
940
- * @category Year Helpers
941
- * @summary Subtract the specified number of years from the given date.
942
- *
943
- * @description
944
- * Subtract the specified number of years from the given date.
945
- *
946
- * @param {Date|Number} date - the date to be changed
947
- * @param {Number} amount - the amount of years to be subtracted. Positive decimals will be rounded using `Math.floor`, decimals less than zero will be rounded using `Math.ceil`.
948
- * @returns {Date} the new date with the years subtracted
949
- * @throws {TypeError} 2 arguments required
950
- *
951
- * @example
952
- * // Subtract 5 years from 1 September 2014:
953
- * const result = subYears(new Date(2014, 8, 1), 5)
954
- * //=> Tue Sep 01 2009 00:00:00
955
- */
956
- function subYears(dirtyDate, dirtyAmount) {
957
- requiredArgs(2, arguments);
958
- var amount = toInteger(dirtyAmount);
959
- return addYears(dirtyDate, -amount);
960
- }
961
-
962
- var KeyNames;
963
- (function (KeyNames) {
964
- KeyNames["ArrowUp"] = "ArrowUp";
965
- KeyNames["ArrowDown"] = "ArrowDown";
966
- KeyNames["ArrowLeft"] = "ArrowLeft";
967
- KeyNames["ArrowRight"] = "ArrowRight";
968
- KeyNames["Home"] = "Home";
969
- KeyNames["End"] = "End";
970
- KeyNames["PageUp"] = "PageUp";
971
- KeyNames["PageDown"] = "PageDown";
972
- KeyNames["Tab"] = "Tab";
973
- KeyNames["Enter"] = "Enter";
974
- KeyNames["Space"] = " ";
975
- })(KeyNames || (KeyNames = {}));
976
-
977
- var getKeyDownDate = function (_a) {
978
- var key = _a.key, shiftKey = _a.shiftKey, focusDate = _a.focusDate;
979
- switch (key) {
980
- case KeyNames.ArrowDown:
981
- return addWeeks(focusDate, 1);
982
- case KeyNames.ArrowLeft:
983
- return subDays(focusDate, 1);
984
- case KeyNames.ArrowRight:
985
- return addDays(focusDate, 1);
986
- case KeyNames.ArrowUp:
987
- return subWeeks(focusDate, 1);
988
- case KeyNames.Home:
989
- return dateWithoutTime(startOfWeek(focusDate, { weekStartsOn: 1 }));
990
- case KeyNames.End:
991
- return dateWithoutTime(endOfWeek(focusDate, { weekStartsOn: 1 }));
992
- case KeyNames.PageUp:
993
- return shiftKey ? subYears(focusDate, 1) : subMonths(focusDate, 1);
994
- case KeyNames.PageDown:
995
- return shiftKey ? addYears(focusDate, 1) : addMonths(focusDate, 1);
996
- default:
997
- return focusDate;
998
- }
999
- };
1000
-
1001
- /**
1002
- * @name endOfDay
1003
- * @category Day Helpers
1004
- * @summary Return the end of a day for the given date.
1005
- *
1006
- * @description
1007
- * Return the end of a day for the given date.
1008
- * The result will be in the local timezone.
1009
- *
1010
- * @param {Date|Number} date - the original date
1011
- * @returns {Date} the end of a day
1012
- * @throws {TypeError} 1 argument required
1013
- *
1014
- * @example
1015
- * // The end of a day for 2 September 2014 11:55:00:
1016
- * const result = endOfDay(new Date(2014, 8, 2, 11, 55, 0))
1017
- * //=> Tue Sep 02 2014 23:59:59.999
1018
- */
1019
- function endOfDay(dirtyDate) {
1020
- requiredArgs(1, arguments);
1021
- var date = toDate(dirtyDate);
1022
- date.setHours(23, 59, 59, 999);
1023
- return date;
1024
- }
1025
-
1026
- /**
1027
- * @name endOfMonth
1028
- * @category Month Helpers
1029
- * @summary Return the end of a month for the given date.
1030
- *
1031
- * @description
1032
- * Return the end of a month for the given date.
1033
- * The result will be in the local timezone.
1034
- *
1035
- * @param {Date|Number} date - the original date
1036
- * @returns {Date} the end of a month
1037
- * @throws {TypeError} 1 argument required
1038
- *
1039
- * @example
1040
- * // The end of a month for 2 September 2014 11:55:00:
1041
- * const result = endOfMonth(new Date(2014, 8, 2, 11, 55, 0))
1042
- * //=> Tue Sep 30 2014 23:59:59.999
1043
- */
1044
- function endOfMonth(dirtyDate) {
1045
- requiredArgs(1, arguments);
1046
- var date = toDate(dirtyDate);
1047
- var month = date.getMonth();
1048
- date.setFullYear(date.getFullYear(), month + 1, 0);
1049
- date.setHours(23, 59, 59, 999);
1050
- return date;
1051
- }
1052
-
1053
- /**
1054
- * @name isLastDayOfMonth
1055
- * @category Month Helpers
1056
- * @summary Is the given date the last day of a month?
1057
- *
1058
- * @description
1059
- * Is the given date the last day of a month?
1060
- *
1061
- * @param {Date|Number} date - the date to check
1062
- * @returns {Boolean} the date is the last day of a month
1063
- * @throws {TypeError} 1 argument required
1064
- *
1065
- * @example
1066
- * // Is 28 February 2014 the last day of a month?
1067
- * const result = isLastDayOfMonth(new Date(2014, 1, 28))
1068
- * //=> true
1069
- */
1070
- function isLastDayOfMonth(dirtyDate) {
1071
- requiredArgs(1, arguments);
1072
- var date = toDate(dirtyDate);
1073
- return endOfDay(date).getTime() === endOfMonth(date).getTime();
1074
- }
1075
-
1076
- /**
1077
- * @name isFirstDayOfMonth
1078
- * @category Month Helpers
1079
- * @summary Is the given date the first day of a month?
1080
- *
1081
- * @description
1082
- * Is the given date the first day of a month?
1083
- *
1084
- * @param {Date|Number} date - the date to check
1085
- * @returns {Boolean} the date is the first day of a month
1086
- * @throws {TypeError} 1 argument required
1087
- *
1088
- * @example
1089
- * // Is 1 September 2014 the first day of a month?
1090
- * const result = isFirstDayOfMonth(new Date(2014, 8, 1))
1091
- * //=> true
1092
- */
1093
- function isFirstDayOfMonth(dirtyDate) {
1094
- requiredArgs(1, arguments);
1095
- return toDate(dirtyDate).getDate() === 1;
74
+ }
75
+ return new Date(NaN);
76
+ }
1096
77
  }
1097
78
 
1098
79
  /**
1099
- * @name getDate
1100
- * @category Day Helpers
1101
- * @summary Get the day of the month of the given date.
80
+ * @name addMilliseconds
81
+ * @category Millisecond Helpers
82
+ * @summary Add the specified number of milliseconds to the given date.
1102
83
  *
1103
84
  * @description
1104
- * Get the day of the month of the given date.
85
+ * Add the specified number of milliseconds to the given date.
1105
86
  *
1106
- * @param {Date|Number} date - the given date
1107
- * @returns {Number} the day of month
1108
- * @throws {TypeError} 1 argument required
87
+ * @param {Date|Number} date - the date to be changed
88
+ * @param {Number} amount - the amount of milliseconds to be added. Positive decimals will be rounded using `Math.floor`, decimals less than zero will be rounded using `Math.ceil`.
89
+ * @returns {Date} the new date with the milliseconds added
90
+ * @throws {TypeError} 2 arguments required
1109
91
  *
1110
92
  * @example
1111
- * // Which day of the month is 29 February 2012?
1112
- * const result = getDate(new Date(2012, 1, 29))
1113
- * //=> 29
93
+ * // Add 750 milliseconds to 10 July 2014 12:45:30.000:
94
+ * const result = addMilliseconds(new Date(2014, 6, 10, 12, 45, 30, 0), 750)
95
+ * //=> Thu Jul 10 2014 12:45:30.750
1114
96
  */
1115
- function getDate(dirtyDate) {
1116
- requiredArgs(1, arguments);
1117
- var date = toDate(dirtyDate);
1118
- var dayOfMonth = date.getDate();
1119
- return dayOfMonth;
97
+ function addMilliseconds(dirtyDate, dirtyAmount) {
98
+ requiredArgs(2, arguments);
99
+ var timestamp = toDate(dirtyDate).getTime();
100
+ var amount = toInteger(dirtyAmount);
101
+ return new Date(timestamp + amount);
102
+ }
103
+
104
+ var defaultOptions = {};
105
+ function getDefaultOptions() {
106
+ return defaultOptions;
1120
107
  }
1121
108
 
1122
109
  /**
1123
- * @name isEqual
1124
- * @category Common Helpers
1125
- * @summary Are the given dates equal?
1126
- *
1127
- * @description
1128
- * Are the given dates equal?
110
+ * Google Chrome as of 67.0.3396.87 introduced timezones with offset that includes seconds.
111
+ * They usually appear for dates that denote time before the timezones were introduced
112
+ * (e.g. for 'Europe/Prague' timezone the offset is GMT+00:57:44 before 1 October 1891
113
+ * and GMT+01:00:00 after that date)
1129
114
  *
1130
- * @param {Date|Number} dateLeft - the first date to compare
1131
- * @param {Date|Number} dateRight - the second date to compare
1132
- * @returns {Boolean} the dates are equal
1133
- * @throws {TypeError} 2 arguments required
115
+ * Date#getTimezoneOffset returns the offset in minutes and would return 57 for the example above,
116
+ * which would lead to incorrect calculations.
1134
117
  *
1135
- * @example
1136
- * // Are 2 July 2014 06:30:45.000 and 2 July 2014 06:30:45.500 equal?
1137
- * const result = isEqual(
1138
- * new Date(2014, 6, 2, 6, 30, 45, 0),
1139
- * new Date(2014, 6, 2, 6, 30, 45, 500)
1140
- * )
1141
- * //=> false
118
+ * This function returns the timezone offset in milliseconds that takes seconds in account.
1142
119
  */
1143
- function isEqual(dirtyLeftDate, dirtyRightDate) {
1144
- requiredArgs(2, arguments);
1145
- var dateLeft = toDate(dirtyLeftDate);
1146
- var dateRight = toDate(dirtyRightDate);
1147
- return dateLeft.getTime() === dateRight.getTime();
120
+ function getTimezoneOffsetInMilliseconds(date) {
121
+ var utcDate = new Date(Date.UTC(date.getFullYear(), date.getMonth(), date.getDate(), date.getHours(), date.getMinutes(), date.getSeconds(), date.getMilliseconds()));
122
+ utcDate.setUTCFullYear(date.getFullYear());
123
+ return date.getTime() - utcDate.getTime();
1148
124
  }
1149
125
 
1150
126
  /**
@@ -1224,31 +200,6 @@ function isValid(dirtyDate) {
1224
200
  return !isNaN(Number(date));
1225
201
  }
1226
202
 
1227
- /**
1228
- * @name addMilliseconds
1229
- * @category Millisecond Helpers
1230
- * @summary Add the specified number of milliseconds to the given date.
1231
- *
1232
- * @description
1233
- * Add the specified number of milliseconds to the given date.
1234
- *
1235
- * @param {Date|Number} date - the date to be changed
1236
- * @param {Number} amount - the amount of milliseconds to be added. Positive decimals will be rounded using `Math.floor`, decimals less than zero will be rounded using `Math.ceil`.
1237
- * @returns {Date} the new date with the milliseconds added
1238
- * @throws {TypeError} 2 arguments required
1239
- *
1240
- * @example
1241
- * // Add 750 milliseconds to 10 July 2014 12:45:30.000:
1242
- * const result = addMilliseconds(new Date(2014, 6, 10, 12, 45, 30, 0), 750)
1243
- * //=> Thu Jul 10 2014 12:45:30.750
1244
- */
1245
- function addMilliseconds(dirtyDate, dirtyAmount) {
1246
- requiredArgs(2, arguments);
1247
- var timestamp = toDate(dirtyDate).getTime();
1248
- var amount = toInteger(dirtyAmount);
1249
- return new Date(timestamp + amount);
1250
- }
1251
-
1252
203
  /**
1253
204
  * @name subMilliseconds
1254
205
  * @category Millisecond Helpers
@@ -2347,23 +1298,6 @@ var longFormatters = {
2347
1298
  };
2348
1299
  var longFormatters$1 = longFormatters;
2349
1300
 
2350
- /**
2351
- * Google Chrome as of 67.0.3396.87 introduced timezones with offset that includes seconds.
2352
- * They usually appear for dates that denote time before the timezones were introduced
2353
- * (e.g. for 'Europe/Prague' timezone the offset is GMT+00:57:44 before 1 October 1891
2354
- * and GMT+01:00:00 after that date)
2355
- *
2356
- * Date#getTimezoneOffset returns the offset in minutes and would return 57 for the example above,
2357
- * which would lead to incorrect calculations.
2358
- *
2359
- * This function returns the timezone offset in milliseconds that takes seconds in account.
2360
- */
2361
- function getTimezoneOffsetInMilliseconds(date) {
2362
- var utcDate = new Date(Date.UTC(date.getFullYear(), date.getMonth(), date.getDate(), date.getHours(), date.getMinutes(), date.getSeconds(), date.getMilliseconds()));
2363
- utcDate.setUTCFullYear(date.getFullYear());
2364
- return date.getTime() - utcDate.getTime();
2365
- }
2366
-
2367
1301
  var protectedDayOfYearTokens = ['D', 'DD'];
2368
1302
  var protectedWeekYearTokens = ['YY', 'YYYY'];
2369
1303
  function isProtectedDayOfYearToken(token) {
@@ -3260,848 +2194,4 @@ function cleanEscapedString(input) {
3260
2194
  return matched[1].replace(doubleQuoteRegExp, "'");
3261
2195
  }
3262
2196
 
3263
- var ArcCalendarContext = React.createContext(null);
3264
-
3265
- var CalendarDayNumber = React.forwardRef(function (_a, autoFocusRef) {
3266
- var date = _a.date, shouldRender = _a.shouldRender, isFocusWithinDayGrid = _a.isFocusWithinDayGrid;
3267
- var context = React.useContext(ArcCalendarContext);
3268
- var isFocusDate = context && isEqual(date, context.focusDate);
3269
- var tableCellRef = React.useCallback(function (el) {
3270
- if (el && isFocusDate && isFocusWithinDayGrid) {
3271
- el.focus();
3272
- }
3273
- }, [isFocusDate, isFocusWithinDayGrid]);
3274
- if (!context) {
3275
- return null;
3276
- }
3277
- var handleRefs = function (el) {
3278
- tableCellRef(el);
3279
- if (autoFocusRef && typeof autoFocusRef === "function") {
3280
- autoFocusRef(el);
3281
- }
3282
- };
3283
- var disabledDates = context.disabledDates, selectedDate = context.selectedDate, selectionType = context.selectionType, selectedRange = context.selectedRange, highlightedRange = context.highlightedRange, todayDate = context.todayDate, onDayNumberClick = context.onDayNumberClick, onDayNumberHover = context.onDayNumberHover, minDate = context.minDate, maxDate = context.maxDate;
3284
- var highlightedRangeStart = highlightedRange[0];
3285
- var highlightedRangeEnd = highlightedRange[1];
3286
- var isSelectedDate = selectionType === "single"
3287
- ? isEqual(date, selectedDate)
3288
- : selectedRange.length &&
3289
- containsDate(selectedRange.filter(function (date) { return Boolean(date); }), date);
3290
- var isTodayDate = isEqual(date, todayDate);
3291
- var dateIsWithinHighlightedRange = selectionType === "range" &&
3292
- highlightedRange.length === 2 &&
3293
- !isAfter(date, highlightedRangeEnd) &&
3294
- !isBefore(date, highlightedRangeStart);
3295
- var isRoundedLeft = selectionType === "range" &&
3296
- (isDay(date, WeekDays.MONDAY) ||
3297
- isFirstDayOfMonth(date) ||
3298
- isEqual(date, highlightedRangeStart));
3299
- var isRoundedRight = selectionType === "range" &&
3300
- (isDay(date, WeekDays.SUNDAY) ||
3301
- isLastDayOfMonth(date) ||
3302
- isEqual(date, highlightedRangeEnd));
3303
- var conditionalClasses = {
3304
- "arc-CalendarDayNumber--selected": isSelectedDate,
3305
- "arc-CalendarDayNumber--todayDate": isTodayDate,
3306
- "arc-CalendarDayNumber--hightlightedRange": dateIsWithinHighlightedRange,
3307
- "arc-CalendarDayNumber--hightlightedRangeRoundedLeft": isRoundedLeft,
3308
- "arc-CalendarDayNumber--hightlightedRangeRoundedRight": isRoundedRight
3309
- };
3310
- var isAriaSelected = isSelectedDate ||
3311
- (dateIsWithinHighlightedRange && selectedRange.length === 2);
3312
- var tableCellProps = {
3313
- className: index.classNames("arc-CalendarDayNumber", conditionalClasses),
3314
- tabIndex: isFocusDate && shouldRender ? 0 : -1,
3315
- "aria-current": isTodayDate ? "date" : undefined,
3316
- "aria-selected": isAriaSelected,
3317
- "aria-disabled": isDisabledDate(date, disabledDates, minDate, maxDate),
3318
- onClick: onDayNumberClick(date),
3319
- onMouseEnter: onDayNumberHover(date)
3320
- };
3321
- return (React__default["default"].createElement("td", filterDataAttrs.__assign({ ref: handleRefs, "data-date": date.getTime() }, (shouldRender ? tableCellProps : {})), shouldRender && (React__default["default"].createElement(React__default["default"].Fragment, null,
3322
- React__default["default"].createElement(VisuallyHidden.VisuallyHidden, null, format(date, "MMMM do, yyyy")),
3323
- React__default["default"].createElement("div", { className: "arc-CalendarDayNumber-buttonOuter" },
3324
- React__default["default"].createElement("div", { className: "arc-CalendarDayNumber-buttonInner" },
3325
- React__default["default"].createElement(Text.Text, { size: "s" },
3326
- React__default["default"].createElement("span", { "aria-hidden": true }, getDate(date)))))))));
3327
- });
3328
-
3329
- const BtIconChevronDownMid = (props) =>
3330
- /*#__PURE__*/ React__default["default"].createElement(
3331
- "svg",
3332
- Object.assign(
3333
- {
3334
- viewBox: "0 0 32 32",
3335
- fill: "none",
3336
- xmlns: "http://www.w3.org/2000/svg",
3337
- },
3338
- props,
3339
- ),
3340
- /*#__PURE__*/ React__default["default"].createElement("path", {
3341
- fillRule: "evenodd",
3342
- clipRule: "evenodd",
3343
- d: "M16.0001 18.0909L21.7041 12.3935C21.9566 12.1415 22.2987 12 22.6554 12C23.0121 12 23.3543 12.1415 23.6068 12.3935C23.7316 12.5181 23.8306 12.6661 23.8982 12.829C23.9657 12.9919 24.0005 13.1665 24.0005 13.3429C24.0005 13.5192 23.9657 13.6938 23.8982 13.8567C23.8306 14.0196 23.7316 14.1676 23.6068 14.2922L16.9508 20.9402C16.6983 21.1918 16.3565 21.3331 16.0001 21.3331C15.6437 21.3331 15.3018 21.1918 15.0494 20.9402L8.39342 14.2922C8.26861 14.1676 8.16959 14.0196 8.10202 13.8567C8.03446 13.6938 7.99969 13.5192 7.99969 13.3429C7.99969 13.1665 8.03446 12.9919 8.10202 12.829C8.16959 12.6661 8.26861 12.5181 8.39342 12.3935C8.6459 12.1415 8.98804 12 9.34475 12C9.70147 12 10.0436 12.1415 10.2961 12.3935L16.0001 18.0909Z",
3344
- fill: "currentColor",
3345
- }),
3346
- );
3347
-
3348
- var CalendarDateSelect = function (_a) {
3349
- var ariaLabel = _a.ariaLabel, onChange = _a.onChange, name = _a.name, value = _a.value, displayValue = _a.displayValue, options = _a.options;
3350
- return (React__default["default"].createElement("div", { className: "arc-CalendarDateSelect-wrapper" },
3351
- React__default["default"].createElement("select", { "aria-label": ariaLabel, onChange: onChange, className: "arc-CalendarDateSelect", value: value, name: name }, options.map(function (_a) {
3352
- var text = _a.text, value = _a.value;
3353
- return (React__default["default"].createElement("option", { className: "arc-CalendarDateSelect-option", key: "arc-calendar-year-select-".concat(value), value: value }, text));
3354
- })),
3355
- React__default["default"].createElement("div", { "aria-hidden": true, className: "arc-CalendarDateSelect-label" },
3356
- React__default["default"].createElement(Heading.Heading, { size: "s" }, displayValue || value),
3357
- React__default["default"].createElement("div", { className: "arc-CalendarDateSelect-icon" },
3358
- React__default["default"].createElement(Icon.Icon, { size: 24, icon: BtIconChevronDownMid })))));
3359
- };
3360
-
3361
- /**
3362
- * @name isSameMonth
3363
- * @category Month Helpers
3364
- * @summary Are the given dates in the same month (and year)?
3365
- *
3366
- * @description
3367
- * Are the given dates in the same month (and year)?
3368
- *
3369
- * @param {Date|Number} dateLeft - the first date to check
3370
- * @param {Date|Number} dateRight - the second date to check
3371
- * @returns {Boolean} the dates are in the same month (and year)
3372
- * @throws {TypeError} 2 arguments required
3373
- *
3374
- * @example
3375
- * // Are 2 September 2014 and 25 September 2014 in the same month?
3376
- * const result = isSameMonth(new Date(2014, 8, 2), new Date(2014, 8, 25))
3377
- * //=> true
3378
- *
3379
- * @example
3380
- * // Are 2 September 2014 and 25 September 2015 in the same month?
3381
- * const result = isSameMonth(new Date(2014, 8, 2), new Date(2015, 8, 25))
3382
- * //=> false
3383
- */
3384
- function isSameMonth(dirtyDateLeft, dirtyDateRight) {
3385
- requiredArgs(2, arguments);
3386
- var dateLeft = toDate(dirtyDateLeft);
3387
- var dateRight = toDate(dirtyDateRight);
3388
- return dateLeft.getFullYear() === dateRight.getFullYear() && dateLeft.getMonth() === dateRight.getMonth();
3389
- }
3390
-
3391
- /**
3392
- * @name eachWeekOfInterval
3393
- * @category Interval Helpers
3394
- * @summary Return the array of weeks within the specified time interval.
3395
- *
3396
- * @description
3397
- * Return the array of weeks within the specified time interval.
3398
- *
3399
- * @param {Interval} interval - the interval. See [Interval]{@link https://date-fns.org/docs/Interval}
3400
- * @param {Object} [options] - an object with options.
3401
- * @param {Locale} [options.locale=defaultLocale] - the locale object. See [Locale]{@link https://date-fns.org/docs/Locale}
3402
- * @param {0|1|2|3|4|5|6} [options.weekStartsOn=0] - the index of the first day of the week (0 - Sunday)
3403
- * @returns {Date[]} the array with starts of weeks from the week of the interval start to the week of the interval end
3404
- * @throws {TypeError} 1 argument required
3405
- * @throws {RangeError} `options.weekStartsOn` must be 0, 1, ..., 6
3406
- * @throws {RangeError} The start of an interval cannot be after its end
3407
- * @throws {RangeError} Date in interval cannot be `Invalid Date`
3408
- *
3409
- * @example
3410
- * // Each week within interval 6 October 2014 - 23 November 2014:
3411
- * const result = eachWeekOfInterval({
3412
- * start: new Date(2014, 9, 6),
3413
- * end: new Date(2014, 10, 23)
3414
- * })
3415
- * //=> [
3416
- * // Sun Oct 05 2014 00:00:00,
3417
- * // Sun Oct 12 2014 00:00:00,
3418
- * // Sun Oct 19 2014 00:00:00,
3419
- * // Sun Oct 26 2014 00:00:00,
3420
- * // Sun Nov 02 2014 00:00:00,
3421
- * // Sun Nov 09 2014 00:00:00,
3422
- * // Sun Nov 16 2014 00:00:00,
3423
- * // Sun Nov 23 2014 00:00:00
3424
- * // ]
3425
- */
3426
- function eachWeekOfInterval(dirtyInterval, options) {
3427
- requiredArgs(1, arguments);
3428
- var interval = dirtyInterval || {};
3429
- var startDate = toDate(interval.start);
3430
- var endDate = toDate(interval.end);
3431
- var endTime = endDate.getTime();
3432
-
3433
- // Throw an exception if start date is after end date or if any date is `Invalid Date`
3434
- if (!(startDate.getTime() <= endTime)) {
3435
- throw new RangeError('Invalid interval');
3436
- }
3437
- var startDateWeek = startOfWeek(startDate, options);
3438
- var endDateWeek = startOfWeek(endDate, options);
3439
-
3440
- // Some timezones switch DST at midnight, making start of day unreliable in these timezones, 3pm is a safe bet
3441
- startDateWeek.setHours(15);
3442
- endDateWeek.setHours(15);
3443
- endTime = endDateWeek.getTime();
3444
- var weeks = [];
3445
- var currentWeek = startDateWeek;
3446
- while (currentWeek.getTime() <= endTime) {
3447
- currentWeek.setHours(0);
3448
- weeks.push(toDate(currentWeek));
3449
- currentWeek = addWeeks(currentWeek, 1);
3450
- currentWeek.setHours(15);
3451
- }
3452
- return weeks;
3453
- }
3454
-
3455
- var DAY_NAMES = [
3456
- {
3457
- value: WeekDays.MONDAY,
3458
- displayValue: WeekDaysAbbr.MON
3459
- },
3460
- {
3461
- value: WeekDays.TUESDAY,
3462
- displayValue: WeekDaysAbbr.TUE
3463
- },
3464
- {
3465
- value: WeekDays.WEDNESDAY,
3466
- displayValue: WeekDaysAbbr.WED
3467
- },
3468
- {
3469
- value: WeekDays.THURSDAY,
3470
- displayValue: WeekDaysAbbr.THUR
3471
- },
3472
- {
3473
- value: WeekDays.FRIDAY,
3474
- displayValue: WeekDaysAbbr.FRI
3475
- },
3476
- {
3477
- value: WeekDays.SATURDAY,
3478
- displayValue: WeekDaysAbbr.SAT
3479
- },
3480
- {
3481
- value: WeekDays.SUNDAY,
3482
- displayValue: WeekDaysAbbr.SUN
3483
- },
3484
- ];
3485
-
3486
- /**
3487
- * @name isWithinInterval
3488
- * @category Interval Helpers
3489
- * @summary Is the given date within the interval?
3490
- *
3491
- * @description
3492
- * Is the given date within the interval? (Including start and end.)
3493
- *
3494
- * @param {Date|Number} date - the date to check
3495
- * @param {Interval} interval - the interval to check
3496
- * @returns {Boolean} the date is within the interval
3497
- * @throws {TypeError} 2 arguments required
3498
- * @throws {RangeError} The start of an interval cannot be after its end
3499
- * @throws {RangeError} Date in interval cannot be `Invalid Date`
3500
- *
3501
- * @example
3502
- * // For the date within the interval:
3503
- * isWithinInterval(new Date(2014, 0, 3), {
3504
- * start: new Date(2014, 0, 1),
3505
- * end: new Date(2014, 0, 7)
3506
- * })
3507
- * //=> true
3508
- *
3509
- * @example
3510
- * // For the date outside of the interval:
3511
- * isWithinInterval(new Date(2014, 0, 10), {
3512
- * start: new Date(2014, 0, 1),
3513
- * end: new Date(2014, 0, 7)
3514
- * })
3515
- * //=> false
3516
- *
3517
- * @example
3518
- * // For date equal to interval start:
3519
- * isWithinInterval(date, { start, end: date }) // => true
3520
- *
3521
- * @example
3522
- * // For date equal to interval end:
3523
- * isWithinInterval(date, { start: date, end }) // => true
3524
- */
3525
- function isWithinInterval(dirtyDate, interval) {
3526
- requiredArgs(2, arguments);
3527
- var time = toDate(dirtyDate).getTime();
3528
- var startTime = toDate(interval.start).getTime();
3529
- var endTime = toDate(interval.end).getTime();
3530
-
3531
- // Throw an exception if start date is after end date or if any date is `Invalid Date`
3532
- if (!(startTime <= endTime)) {
3533
- throw new RangeError('Invalid interval');
3534
- }
3535
- return time >= startTime && time <= endTime;
3536
- }
3537
-
3538
- /**
3539
- * @name setYear
3540
- * @category Year Helpers
3541
- * @summary Set the year to the given date.
3542
- *
3543
- * @description
3544
- * Set the year to the given date.
3545
- *
3546
- * @param {Date|Number} date - the date to be changed
3547
- * @param {Number} year - the year of the new date
3548
- * @returns {Date} the new date with the year set
3549
- * @throws {TypeError} 2 arguments required
3550
- *
3551
- * @example
3552
- * // Set year 2013 to 1 September 2014:
3553
- * const result = setYear(new Date(2014, 8, 1), 2013)
3554
- * //=> Sun Sep 01 2013 00:00:00
3555
- */
3556
- function setYear(dirtyDate, dirtyYear) {
3557
- requiredArgs(2, arguments);
3558
- var date = toDate(dirtyDate);
3559
- var year = toInteger(dirtyYear);
3560
-
3561
- // Check if date is Invalid Date because Date.prototype.setFullYear ignores the value of Invalid Date
3562
- if (isNaN(date.getTime())) {
3563
- return new Date(NaN);
3564
- }
3565
- date.setFullYear(year);
3566
- return date;
3567
- }
3568
-
3569
- var CalendarDayGrid = function (_a) {
3570
- var displayRange = _a.displayRange;
3571
- var hasAutoFocused = React.useRef(false);
3572
- var dayNumberGridRef = React.useRef(null);
3573
- var context = React.useContext(ArcCalendarContext);
3574
- var autoFocusRef = React.useCallback(function (el) {
3575
- if (el &&
3576
- el.tabIndex === 0 &&
3577
- (context === null || context === void 0 ? void 0 : context.autoFocusOnMount) &&
3578
- !hasAutoFocused.current) {
3579
- el.focus();
3580
- }
3581
- if (document.activeElement === el) {
3582
- hasAutoFocused.current = true;
3583
- }
3584
- }, [context === null || context === void 0 ? void 0 : context.autoFocusOnMount]);
3585
- if (!context) {
3586
- return null;
3587
- }
3588
- var onKeyboardNavigate = context.onKeyboardNavigate, onDayNumberClick = context.onDayNumberClick, onDayGridLeave = context.onDayGridLeave;
3589
- var isFocusWithinDayGrid = Boolean(dayNumberGridRef &&
3590
- dayNumberGridRef.current &&
3591
- dayNumberGridRef.current.contains(document.activeElement));
3592
- var handleKeyDown = function (e) {
3593
- var key = e.key;
3594
- var newDate = e.target.getAttribute("data-date");
3595
- if (key === KeyNames.Tab) {
3596
- return;
3597
- }
3598
- if (Object.values(KeyNames).includes(key)) {
3599
- e.preventDefault();
3600
- }
3601
- if ([KeyNames.Space, KeyNames.Enter].includes(key) && newDate) {
3602
- onDayNumberClick(dateWithoutTime(new Date(parseInt(newDate))))();
3603
- }
3604
- else {
3605
- onKeyboardNavigate(e.key, e.shiftKey);
3606
- }
3607
- };
3608
- var getWeeksInMonth = function (month) {
3609
- return eachWeekOfInterval({ start: startOfMonth(month), end: endOfMonth(month) }, { weekStartsOn: 1 }).map(function (week) { return eachDayOfInterval({ start: week, end: addDays(week, 6) }); });
3610
- };
3611
- return (React__default["default"].createElement("div", { ref: dayNumberGridRef, onMouseLeave: onDayGridLeave, className: index.classNames("arc-CalendarDayGrid", {
3612
- "arc-CalendarDayGrid--dual": displayRange.length > 1
3613
- }) }, displayRange.map(function (month) { return (React__default["default"].createElement("div", { key: month.getTime(), className: "arc-CalendarDayGrid-month" },
3614
- React__default["default"].createElement("table", { className: "arc-CalendarDayGrid-table" },
3615
- React__default["default"].createElement("thead", null,
3616
- React__default["default"].createElement("tr", null, DAY_NAMES.map(function (dayName) { return (React__default["default"].createElement("th", { key: "".concat(month.getTime(), "-").concat(dayName.displayValue) },
3617
- React__default["default"].createElement(Text.Text, { key: dayName.displayValue, size: "s" },
3618
- React__default["default"].createElement("b", { "aria-hidden": true }, dayName.displayValue)),
3619
- React__default["default"].createElement(VisuallyHidden.VisuallyHidden, null, dayName.value))); }))),
3620
- React__default["default"].createElement("tbody", { onKeyDown: handleKeyDown }, getWeeksInMonth(month).map(function (week, i) { return (React__default["default"].createElement("tr", { key: "".concat(month.getTime(), "-week-").concat(i) }, week.map(function (day) { return (React__default["default"].createElement(CalendarDayNumber, { ref: autoFocusRef, shouldRender: isSameMonth(month, day), key: day.getTime(), date: day, isFocusWithinDayGrid: isFocusWithinDayGrid })); }))); }))))); })));
3621
- };
3622
-
3623
- var CalendarNavButton = function (_a) {
3624
- var isDisabled = _a.isDisabled, onClick = _a.onClick, direction = _a.direction, ariaLabel = _a.ariaLabel;
3625
- var icons = {
3626
- previous: BtIconChevronLeftMid_esm.BtIconChevronLeftMid,
3627
- next: BtIconChevronRightMid_esm.BtIconChevronRightMid
3628
- };
3629
- return (React__default["default"].createElement("button", { "aria-label": ariaLabel, disabled: isDisabled, onClick: onClick, type: "button", className: index.classNames("arc-CalendarNavButton", {
3630
- "arc-CalendarNavButton--previous": direction === "previous",
3631
- "arc-CalendarNavButton--next": direction === "next"
3632
- }) },
3633
- React__default["default"].createElement(Icon.Icon, { size: 32, icon: icons[direction] })));
3634
- };
3635
-
3636
- var CalendarDoubleMonthView = function (_a) {
3637
- var isPreviousMonthDisabled = _a.isPreviousMonthDisabled, isNextMonthDisabled = _a.isNextMonthDisabled, onNextMonthClick = _a.onNextMonthClick, onPreviousMonthClick = _a.onPreviousMonthClick;
3638
- var context = React.useContext(ArcCalendarContext);
3639
- if (!context) {
3640
- return null;
3641
- }
3642
- var displayDate = context.displayDate;
3643
- var displayRange = getDoubleMonthDisplayRange(displayDate);
3644
- var getAriaLabel = function (date) {
3645
- var months = getDoubleMonthDisplayRange(date);
3646
- return "show ".concat(format(months[0], "MMMM yyyy"), " to ").concat(format(months[1], "MMMM yyyy"));
3647
- };
3648
- return (React__default["default"].createElement(React__default["default"].Fragment, null,
3649
- React__default["default"].createElement(VisuallyHidden.VisuallyHidden, null,
3650
- React__default["default"].createElement(Heading.Heading, { level: "2" },
3651
- React__default["default"].createElement("span", { "aria-live": "polite" },
3652
- "showing ",
3653
- format(displayRange[0], "MMMM yyyy"),
3654
- " to",
3655
- " ",
3656
- format(displayRange[1], "MMMM yyyy")))),
3657
- React__default["default"].createElement("div", { className: "arc-CalendarDoubleMonthView-header" },
3658
- React__default["default"].createElement("div", { className: "arc-CalendarDoubleMonthView-headerMonth" },
3659
- React__default["default"].createElement("div", { className: "arc-CalendarDoubleMonthView-headerMonthItem" },
3660
- React__default["default"].createElement(CalendarNavButton, { ariaLabel: getAriaLabel(subMonths(displayDate, 2)), direction: "previous", isDisabled: isPreviousMonthDisabled, onClick: onPreviousMonthClick })),
3661
- React__default["default"].createElement("div", { "aria-hidden": true, className: "arc-CalendarDoubleMonthView-headerMonthItem" },
3662
- React__default["default"].createElement(Heading.Heading, { level: "2", size: "s" }, format(displayRange[0], "MMM yyyy")))),
3663
- React__default["default"].createElement("div", { className: "arc-CalendarDoubleMonthView-headerMonth" },
3664
- React__default["default"].createElement("div", { "aria-hidden": true, className: "arc-CalendarDoubleMonthView-headerMonthItem" },
3665
- React__default["default"].createElement(Heading.Heading, { level: "2", size: "s" }, format(displayRange[1], "MMM yyyy"))),
3666
- React__default["default"].createElement("div", { className: "arc-CalendarDoubleMonthView-headerMonthItem" },
3667
- React__default["default"].createElement(CalendarNavButton, { ariaLabel: getAriaLabel(addMonths(displayDate, 2)), direction: "next", isDisabled: isNextMonthDisabled, onClick: onNextMonthClick })))),
3668
- React__default["default"].createElement(CalendarDayGrid, { displayRange: displayRange })));
3669
- };
3670
-
3671
- var CalendarMonthView = function (_a) {
3672
- var isPreviousMonthDisabled = _a.isPreviousMonthDisabled, isNextMonthDisabled = _a.isNextMonthDisabled, onNextMonthClick = _a.onNextMonthClick, onPreviousMonthClick = _a.onPreviousMonthClick;
3673
- var context = React.useContext(ArcCalendarContext);
3674
- if (!context) {
3675
- return null;
3676
- }
3677
- var displayDate = context.displayDate;
3678
- return (React__default["default"].createElement(React__default["default"].Fragment, null,
3679
- React__default["default"].createElement("div", { className: "arc-CalendarMonthView-header" },
3680
- React__default["default"].createElement(CalendarNavButton, { ariaLabel: "Show ".concat(format(subMonths(displayDate, 1), "MMMM yyyy")), direction: "previous", isDisabled: isPreviousMonthDisabled, onClick: onPreviousMonthClick }),
3681
- React__default["default"].createElement("div", { className: "arc-CalendarMonthView-headingContainer" },
3682
- React__default["default"].createElement(VisuallyHidden.VisuallyHidden, null,
3683
- React__default["default"].createElement(Heading.Heading, { level: "2" },
3684
- React__default["default"].createElement("span", { "aria-live": "polite" },
3685
- "showing ",
3686
- format(displayDate, "MMMM yyyy")))),
3687
- React__default["default"].createElement("div", { "aria-hidden": true },
3688
- React__default["default"].createElement(Heading.Heading, { size: "s", level: "2" }, format(displayDate, "MMM yyyy")))),
3689
- React__default["default"].createElement(CalendarNavButton, { direction: "next", ariaLabel: "Show ".concat(format(addMonths(displayDate, 1), "MMMM yyyy")), isDisabled: isNextMonthDisabled, onClick: onNextMonthClick })),
3690
- React__default["default"].createElement(CalendarDayGrid, { displayRange: [displayDate] })));
3691
- };
3692
-
3693
- var CalendarMonthYearView = function (_a) {
3694
- var isPreviousMonthDisabled = _a.isPreviousMonthDisabled, isNextMonthDisabled = _a.isNextMonthDisabled, onMonthChange = _a.onMonthChange, onYearChange = _a.onYearChange, onNextMonthClick = _a.onNextMonthClick, onPreviousMonthClick = _a.onPreviousMonthClick;
3695
- var context = React.useContext(ArcCalendarContext);
3696
- if (!context) {
3697
- return null;
3698
- }
3699
- var displayDate = context.displayDate, minDate = context.minDate, maxDate = context.maxDate;
3700
- var monthOptions = Array.from({ length: 12 })
3701
- .map(function (_, i) { return ({
3702
- value: i,
3703
- text: format(new Date(2023, i, 1), "MMMM")
3704
- }); })
3705
- .filter(function (_a) {
3706
- var value = _a.value;
3707
- var currentDateYear = getYear(displayDate);
3708
- var date = dateWithoutTime(new Date(currentDateYear, value, 1));
3709
- return ((!minDate || !isMonthBeforeMinDate(date, minDate)) &&
3710
- (!maxDate || !isMonthAfterMaxDate(date, maxDate)));
3711
- });
3712
- var yearOptions = Array.from({ length: 21 }, function (_, i) {
3713
- var value = getYear(displayDate) - 10 + i;
3714
- return {
3715
- value: value,
3716
- text: value
3717
- };
3718
- }).filter(function (_a) {
3719
- var value = _a.value;
3720
- return ((minDate ? value >= getYear(minDate) : true) &&
3721
- (maxDate ? value <= getYear(maxDate) : true));
3722
- });
3723
- return (React__default["default"].createElement(React__default["default"].Fragment, null,
3724
- React__default["default"].createElement("div", { className: "arc-CalendarMonthYearView-header" },
3725
- React__default["default"].createElement(VisuallyHidden.VisuallyHidden, null,
3726
- React__default["default"].createElement(Heading.Heading, { level: "2" },
3727
- React__default["default"].createElement("span", { "aria-live": "polite" },
3728
- "showing ",
3729
- format(displayDate, "MMMM yyyy")))),
3730
- React__default["default"].createElement("div", { className: "arc-CalendarMonthYearView-selectWrapper" },
3731
- React__default["default"].createElement("div", null,
3732
- React__default["default"].createElement(CalendarDateSelect, { options: monthOptions, ariaLabel: "month", onChange: function (e) { return onMonthChange(parseInt(e.target.value)); }, name: "arc-CalendarMonthYearView-monthSelect", displayValue: format(displayDate, "MMM"), value: "".concat(getMonth(displayDate)) })),
3733
- React__default["default"].createElement("div", { className: "arc-CalendarMonthYearView-yearSelectContainer" },
3734
- React__default["default"].createElement(CalendarDateSelect, { options: yearOptions, ariaLabel: "year", onChange: function (e) { return onYearChange(parseInt(e.target.value)); }, name: "arc-CalendarMonthYearView-yearSelect", value: getYear(displayDate) }))),
3735
- React__default["default"].createElement("div", { className: "arc-CalendarMonthYearView-navButtonContainer" },
3736
- React__default["default"].createElement(CalendarNavButton, { direction: "previous", ariaLabel: "Show ".concat(format(subMonths(displayDate, 1), "MMMM yyyy")), isDisabled: isPreviousMonthDisabled, onClick: onPreviousMonthClick }),
3737
- React__default["default"].createElement(CalendarNavButton, { direction: "next", ariaLabel: "Show ".concat(format(addMonths(displayDate, 1), "MMMM yyyy")), isDisabled: isNextMonthDisabled, onClick: onNextMonthClick }))),
3738
- React__default["default"].createElement(CalendarDayGrid, { displayRange: [displayDate] })));
3739
- };
3740
-
3741
- var showPreviousMonthHandler = function (payload, state) {
3742
- return filterDataAttrs.__assign(filterDataAttrs.__assign({}, state), { focusDate: getFocusDate({
3743
- date: subMonths(state.focusDate, 1),
3744
- minDate: payload.minDate
3745
- }), displayDate: subMonths(state.displayDate, 1) });
3746
- };
3747
-
3748
- var showNextMonthHandler = function (payload, state) {
3749
- return filterDataAttrs.__assign(filterDataAttrs.__assign({}, state), { focusDate: getFocusDate({
3750
- date: addMonths(state.focusDate, 1),
3751
- maxDate: payload.maxDate
3752
- }), displayDate: addMonths(state.displayDate, 1) });
3753
- };
3754
-
3755
- var showPreviousDoubleMonthHandler = function (payload, state) {
3756
- return filterDataAttrs.__assign(filterDataAttrs.__assign({}, state), { focusDate: getFocusDate({
3757
- date: subMonths(state.focusDate, 2),
3758
- minDate: payload.minDate
3759
- }), displayDate: subMonths(state.displayDate, 2) });
3760
- };
3761
-
3762
- var showNextDoubleMonthHandler = function (payload, state) {
3763
- return filterDataAttrs.__assign(filterDataAttrs.__assign({}, state), { focusDate: getFocusDate({
3764
- date: addMonths(state.focusDate, 2),
3765
- maxDate: payload.maxDate
3766
- }), displayDate: addMonths(state.displayDate, 2) });
3767
- };
3768
-
3769
- var rangeSelectHandler = function (payload, state) {
3770
- return filterDataAttrs.__assign(filterDataAttrs.__assign({}, state), { focusDate: payload.date, highlightedRange: payload.range });
3771
- };
3772
-
3773
- var highlightRangeHandler = function (payload, state) {
3774
- return filterDataAttrs.__assign(filterDataAttrs.__assign({}, state), { highlightedRange: getHighlightRange({
3775
- date: payload.date,
3776
- range: payload.range,
3777
- minDate: payload.minDate,
3778
- maxDate: payload.maxDate
3779
- }) });
3780
- };
3781
-
3782
- var dayNumberSelectHandler = function (payload, state) {
3783
- return filterDataAttrs.__assign(filterDataAttrs.__assign({}, state), { focusDate: payload });
3784
- };
3785
-
3786
- var dayGridLeaveHandler = function (payload, state) {
3787
- if (payload.selectionType === "range" &&
3788
- payload.range.filter(function (date) { return Boolean(date); }).length === 1) {
3789
- return filterDataAttrs.__assign(filterDataAttrs.__assign({}, state), { highlightedRange: [] });
3790
- }
3791
- return filterDataAttrs.__assign({}, state);
3792
- };
3793
-
3794
- var dropDownChangeYearHandler = function (payload, state) {
3795
- var year = payload.year, minDate = payload.minDate, maxDate = payload.maxDate;
3796
- var yearsToAdd = year - getYear(state.displayDate);
3797
- var newDisplayDate = addYears(state.displayDate, yearsToAdd);
3798
- var focusDate = getFocusDate({
3799
- date: addYears(state.focusDate, yearsToAdd),
3800
- minDate: payload.minDate,
3801
- maxDate: payload.maxDate
3802
- });
3803
- if (minDate && isBefore(newDisplayDate, minDate)) {
3804
- return filterDataAttrs.__assign(filterDataAttrs.__assign({}, state), { focusDate: focusDate, displayDate: minDate });
3805
- }
3806
- if (maxDate && isAfter(newDisplayDate, maxDate)) {
3807
- return filterDataAttrs.__assign(filterDataAttrs.__assign({}, state), { focusDate: focusDate, displayDate: maxDate });
3808
- }
3809
- return filterDataAttrs.__assign(filterDataAttrs.__assign({}, state), { focusDate: focusDate, displayDate: newDisplayDate });
3810
- };
3811
-
3812
- var dropDownChangeMonthHandler = function (payload, state) {
3813
- return filterDataAttrs.__assign(filterDataAttrs.__assign({}, state), { focusDate: getFocusDate({
3814
- date: setMonth(state.focusDate, payload.month),
3815
- minDate: payload.minDate,
3816
- maxDate: payload.maxDate
3817
- }), displayDate: setMonth(state.displayDate, payload.month) });
3818
- };
3819
-
3820
- var calendarKeydownHandler = function (payload, state) {
3821
- var displayDate = state.displayDate, focusDate = state.focusDate, highlightedRange = state.highlightedRange;
3822
- var minDate = payload.minDate, maxDate = payload.maxDate, calendarType = payload.calendarType, key = payload.key, shiftKey = payload.shiftKey, range = payload.range, selectionType = payload.selectionType;
3823
- var isNavigatingByYear = shiftKey && [KeyNames.PageUp, KeyNames.PageDown].includes(key);
3824
- var keyDownDate = getKeyDownDate({
3825
- focusDate: focusDate,
3826
- key: key,
3827
- shiftKey: shiftKey
3828
- });
3829
- var newFocusDate = getFocusDate({
3830
- minDate: minDate,
3831
- maxDate: maxDate,
3832
- date: keyDownDate
3833
- });
3834
- var newHighlightedRange = selectionType === "range"
3835
- ? getHighlightRange({
3836
- date: keyDownDate,
3837
- range: range,
3838
- minDate: minDate,
3839
- maxDate: maxDate
3840
- })
3841
- : highlightedRange;
3842
- var focusDateIsMinOrMax = (maxDate && isEqual(newFocusDate, maxDate)) ||
3843
- (minDate && isEqual(newFocusDate, minDate));
3844
- var _a = getDoubleMonthDisplayRange(displayDate), doubleMonthFirstMonth = _a[0], doubleMonthSecondMonth = _a[1];
3845
- var doubleMonthVisibleRange = {
3846
- start: startOfMonth(doubleMonthFirstMonth),
3847
- end: endOfMonth(doubleMonthSecondMonth)
3848
- };
3849
- var singleMonthVisibleRange = {
3850
- start: startOfMonth(displayDate),
3851
- end: endOfMonth(displayDate)
3852
- };
3853
- var isNewFocusDateVisible = isWithinInterval(newFocusDate, calendarType === "double"
3854
- ? doubleMonthVisibleRange
3855
- : singleMonthVisibleRange);
3856
- var commonState = filterDataAttrs.__assign(filterDataAttrs.__assign({}, state), { focusDate: newFocusDate, highlightedRange: newHighlightedRange });
3857
- if (!isNewFocusDateVisible &&
3858
- !focusDateIsMinOrMax &&
3859
- isNavigatingByYear &&
3860
- calendarType === "double") {
3861
- return filterDataAttrs.__assign(filterDataAttrs.__assign({}, commonState), { displayDate: setYear(displayDate, getYear(newFocusDate)) });
3862
- }
3863
- if (!isNewFocusDateVisible) {
3864
- return filterDataAttrs.__assign(filterDataAttrs.__assign({}, commonState), { displayDate: startOfMonth(newFocusDate) });
3865
- }
3866
- return commonState;
3867
- };
3868
-
3869
- var defaultHandler = function (state) {
3870
- return filterDataAttrs.__assign({}, state);
3871
- };
3872
-
3873
- var reducer = function (state, action) {
3874
- switch (action.type) {
3875
- case "DAY_NUMBER_SELECT":
3876
- return dayNumberSelectHandler(action.payload, state);
3877
- case "RANGE_SELECT":
3878
- return rangeSelectHandler(action.payload, state);
3879
- case "HIGHLIGHT_RANGE":
3880
- return highlightRangeHandler(action.payload, state);
3881
- case "DAY_GRID_LEAVE":
3882
- return dayGridLeaveHandler(action.payload, state);
3883
- case "SHOW_PREVIOUS_MONTH":
3884
- return showPreviousMonthHandler(action.payload, state);
3885
- case "SHOW_NEXT_MONTH":
3886
- return showNextMonthHandler(action.payload, state);
3887
- case "SHOW_PREVIOUS_DOUBLE_MONTH":
3888
- return showPreviousDoubleMonthHandler(action.payload, state);
3889
- case "SHOW_NEXT_DOUBLE_MONTH":
3890
- return showNextDoubleMonthHandler(action.payload, state);
3891
- case "DROPDOWN_CHANGE_YEAR":
3892
- return dropDownChangeYearHandler(action.payload, state);
3893
- case "DROPDOWN_CHANGE_MONTH":
3894
- return dropDownChangeMonthHandler(action.payload, state);
3895
- case "CALENDAR_KEYDOWN":
3896
- return calendarKeydownHandler(action.payload, state);
3897
- default:
3898
- return defaultHandler(state);
3899
- }
3900
- };
3901
-
3902
- var CalendarFooter = function (_a) {
3903
- var onCancelClick = _a.onCancelClick;
3904
- return (React__default["default"].createElement("div", { className: "arc-CalendarFooter" },
3905
- React__default["default"].createElement("button", { type: "button", className: "arc-CalendarFooter-button", onClick: onCancelClick }, "Cancel")));
3906
- };
3907
-
3908
- var CalendarWrapper = function (_a) {
3909
- var children = _a.children;
3910
- return (React__default["default"].createElement("div", { className: "arc-CalendarWrapper" },
3911
- React__default["default"].createElement(Surface.Surface, { background: "white" },
3912
- React__default["default"].createElement("div", { className: "arc-CalendarWrapper-inner" }, children))));
3913
- };
3914
-
3915
- /** Use `Calendar` to clearly present available dates and allowing users to choose a way to enter information. */
3916
- var Calendar = function (_a) {
3917
- var _b = _a.type, type = _b === void 0 ? "month" : _b, _c = _a.selectionType, selectionType = _c === void 0 ? "single" : _c, _d = _a.autoFocusOnMount, autoFocusOnMount = _d === void 0 ? false : _d, _e = _a.selectedRange, rawSelectedRange = _e === void 0 ? [] : _e, _f = _a.selectedDate, rawSelectedDate = _f === void 0 ? new Date() : _f, rawDisabledDates = _a.disabledDates, rawMinDate = _a.minDate, rawMaxDate = _a.maxDate, onCancelClick = _a.onCancelClick, onDateSelect = _a.onDateSelect, onRangeSelect = _a.onRangeSelect;
3918
- var todayDate = dateWithoutTime(new Date());
3919
- var selectedDate = dateWithoutTime(rawSelectedDate);
3920
- var selectedRange = rawSelectedRange
3921
- .filter(function (rangeDate) { return Boolean(rangeDate); })
3922
- .map(function (rangeDate) { return dateWithoutTime(rangeDate); });
3923
- var _g = React.useState(false), isClientLoaded = _g[0], setIsClientLoaded = _g[1];
3924
- var _h = React.useReducer(reducer, {
3925
- displayDate: selectionType === "single"
3926
- ? startOfMonth(selectedDate)
3927
- : startOfMonth(selectedRange[0] || todayDate),
3928
- focusDate: selectionType === "single"
3929
- ? selectedDate
3930
- : selectedRange[0] || todayDate,
3931
- highlightedRange: selectedRange
3932
- }), _j = _h[0], displayDate = _j.displayDate, focusDate = _j.focusDate, highlightedRange = _j.highlightedRange, dispatch = _h[1];
3933
- var isMinWidthArcBreakpointM = useMediaQuery.useMediaQuery("(min-width: ".concat(useMediaQuery.ArcBreakpointM, "px)"));
3934
- React.useEffect(function () {
3935
- setIsClientLoaded(true);
3936
- }, []);
3937
- var disabledDates = rawDisabledDates === null || rawDisabledDates === void 0 ? void 0 : rawDisabledDates.map(function (date) { return dateWithoutTime(date); });
3938
- var minDate = rawMinDate && dateWithoutTime(rawMinDate);
3939
- var maxDate = rawMaxDate && dateWithoutTime(rawMaxDate);
3940
- var calendarType = getCalendarType(type, isMinWidthArcBreakpointM);
3941
- var doubleMonthDisplayRange = getDoubleMonthDisplayRange(displayDate);
3942
- var isPreviousMonthDisabled = minDate
3943
- ? isMonthBeforeMinDate(subMonths(displayDate, 1), minDate)
3944
- : false;
3945
- var isNextMonthDisabled = maxDate
3946
- ? isMonthAfterMaxDate(addMonths(displayDate, 1), maxDate)
3947
- : false;
3948
- var isDoubleMonthPreviousDisabled = minDate
3949
- ? isMonthBeforeMinDate(subMonths(doubleMonthDisplayRange[0], 1), minDate)
3950
- : false;
3951
- var isDoubleMonthNextDisabled = maxDate
3952
- ? isMonthAfterMaxDate(addMonths(doubleMonthDisplayRange[1], 1), maxDate)
3953
- : false;
3954
- var setDateRange = function (value) {
3955
- var _a = processSelectedRange({
3956
- value: value,
3957
- range: selectedRange,
3958
- disabledDates: disabledDates
3959
- }), rangeOnChangeValue = _a.rangeOnChangeValue, rangeValue = _a.rangeValue;
3960
- dispatch({
3961
- type: "RANGE_SELECT",
3962
- payload: {
3963
- date: value,
3964
- range: rangeValue
3965
- }
3966
- });
3967
- onRangeSelect && onRangeSelect(rangeOnChangeValue);
3968
- };
3969
- var setNewDate = function (value) {
3970
- dispatch({
3971
- type: "DAY_NUMBER_SELECT",
3972
- payload: value
3973
- });
3974
- onDateSelect && onDateSelect(value);
3975
- };
3976
- var onDayNumberHover = function (date) { return function () {
3977
- selectionType === "range" &&
3978
- dispatch({
3979
- type: "HIGHLIGHT_RANGE",
3980
- payload: {
3981
- date: date,
3982
- minDate: minDate,
3983
- maxDate: maxDate,
3984
- range: selectedRange
3985
- }
3986
- });
3987
- }; };
3988
- var handleDateSelection = function (date) {
3989
- var isDisabled = isDisabledDate(date, disabledDates, minDate, maxDate);
3990
- if (isDisabled)
3991
- return;
3992
- selectionType === "single" ? setNewDate(date) : setDateRange(date);
3993
- };
3994
- var onDayNumberClick = function (date) { return function () {
3995
- handleDateSelection(date);
3996
- }; };
3997
- var onCancelButtonClick = function () {
3998
- onCancelClick && onCancelClick();
3999
- };
4000
- var onDayGridLeave = function () {
4001
- dispatch({
4002
- type: "DAY_GRID_LEAVE",
4003
- payload: {
4004
- selectionType: selectionType,
4005
- range: selectedRange
4006
- }
4007
- });
4008
- };
4009
- var onPreviousMonthClick = function () {
4010
- dispatch({
4011
- type: "SHOW_PREVIOUS_MONTH",
4012
- payload: {
4013
- minDate: minDate
4014
- }
4015
- });
4016
- };
4017
- var onNextMonthClick = function () {
4018
- dispatch({
4019
- type: "SHOW_NEXT_MONTH",
4020
- payload: {
4021
- maxDate: maxDate
4022
- }
4023
- });
4024
- };
4025
- var onDoubleViewPreviousClick = function () {
4026
- dispatch({
4027
- type: "SHOW_PREVIOUS_DOUBLE_MONTH",
4028
- payload: {
4029
- minDate: minDate
4030
- }
4031
- });
4032
- };
4033
- var onDoubleViewNextClick = function () {
4034
- dispatch({
4035
- type: "SHOW_NEXT_DOUBLE_MONTH",
4036
- payload: {
4037
- maxDate: maxDate
4038
- }
4039
- });
4040
- };
4041
- var onYearChange = function (year) {
4042
- dispatch({
4043
- type: "DROPDOWN_CHANGE_YEAR",
4044
- payload: {
4045
- year: year,
4046
- minDate: minDate,
4047
- maxDate: maxDate
4048
- }
4049
- });
4050
- };
4051
- var onMonthChange = function (month) {
4052
- dispatch({
4053
- type: "DROPDOWN_CHANGE_MONTH",
4054
- payload: {
4055
- month: month,
4056
- minDate: minDate,
4057
- maxDate: maxDate
4058
- }
4059
- });
4060
- };
4061
- var onKeyboardNavigate = function (key, shiftKey) {
4062
- dispatch({
4063
- type: "CALENDAR_KEYDOWN",
4064
- payload: {
4065
- minDate: minDate,
4066
- maxDate: maxDate,
4067
- selectionType: selectionType,
4068
- calendarType: calendarType,
4069
- key: key,
4070
- shiftKey: shiftKey,
4071
- range: selectedRange
4072
- }
4073
- });
4074
- };
4075
- return (React__default["default"].createElement(ArcCalendarContext.Provider, { value: {
4076
- minDate: minDate,
4077
- maxDate: maxDate,
4078
- focusDate: focusDate,
4079
- todayDate: todayDate,
4080
- displayDate: displayDate,
4081
- onDayGridLeave: onDayGridLeave,
4082
- disabledDates: disabledDates,
4083
- selectedDate: selectedDate,
4084
- selectionType: selectionType,
4085
- selectedRange: selectedRange,
4086
- highlightedRange: highlightedRange,
4087
- onDayNumberClick: onDayNumberClick,
4088
- onDayNumberHover: onDayNumberHover,
4089
- onKeyboardNavigate: onKeyboardNavigate,
4090
- autoFocusOnMount: autoFocusOnMount
4091
- } },
4092
- React__default["default"].createElement("div", { style: { display: isClientLoaded ? "block" : "none" } },
4093
- React__default["default"].createElement(CalendarWrapper, null,
4094
- calendarType === "year" && (React__default["default"].createElement(CalendarMonthYearView, { isPreviousMonthDisabled: isPreviousMonthDisabled, isNextMonthDisabled: isNextMonthDisabled, onPreviousMonthClick: onPreviousMonthClick, onNextMonthClick: onNextMonthClick, onMonthChange: onMonthChange, onYearChange: onYearChange })),
4095
- calendarType === "month" && (React__default["default"].createElement(CalendarMonthView, { isPreviousMonthDisabled: isPreviousMonthDisabled, isNextMonthDisabled: isNextMonthDisabled, onPreviousMonthClick: onPreviousMonthClick, onNextMonthClick: onNextMonthClick })),
4096
- calendarType === "double" && (React__default["default"].createElement(CalendarDoubleMonthView, { isPreviousMonthDisabled: isDoubleMonthPreviousDisabled, isNextMonthDisabled: isDoubleMonthNextDisabled, onPreviousMonthClick: onDoubleViewPreviousClick, onNextMonthClick: onDoubleViewNextClick })),
4097
- onCancelClick && (React__default["default"].createElement(CalendarFooter, { onCancelClick: onCancelButtonClick }))))));
4098
- };
4099
-
4100
- exports.Calendar = Calendar;
4101
- exports.compareAsc = compareAsc;
4102
- exports.format = format;
4103
- exports.isAfter = isAfter;
4104
- exports.isBefore = isBefore;
4105
- exports.isValid = isValid;
4106
- exports.requiredArgs = requiredArgs;
4107
- exports.toDate = toDate;
2197
+ export { _typeof as _, toInteger as a, isDate as b, format as f, getDefaultOptions as g, isValid as i, requiredArgs as r, toDate as t };