@arbor-education/design-system.components 4.7.0-alpha.0 → 4.7.0

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 (357) hide show
  1. package/.github/workflows/chromatic.yml +1 -1
  2. package/.nvmrc +1 -1
  3. package/CHANGELOG.md +36 -0
  4. package/dist/components/datePicker/DatePicker.d.ts +2 -0
  5. package/dist/components/datePicker/DatePicker.d.ts.map +1 -1
  6. package/dist/components/datePicker/DatePicker.js +2 -2
  7. package/dist/components/datePicker/DatePicker.js.map +1 -1
  8. package/dist/components/datePicker/DatePicker.stories.d.ts +18 -0
  9. package/dist/components/datePicker/DatePicker.stories.d.ts.map +1 -1
  10. package/dist/components/datePicker/DatePicker.stories.js +30 -8
  11. package/dist/components/datePicker/DatePicker.stories.js.map +1 -1
  12. package/dist/components/datePicker/DatePicker.test.js +9 -1
  13. package/dist/components/datePicker/DatePicker.test.js.map +1 -1
  14. package/dist/components/dateTimePicker/DateTimePicker.d.ts +2 -0
  15. package/dist/components/dateTimePicker/DateTimePicker.d.ts.map +1 -1
  16. package/dist/components/dateTimePicker/DateTimePicker.js +2 -2
  17. package/dist/components/dateTimePicker/DateTimePicker.js.map +1 -1
  18. package/dist/components/dateTimePicker/DateTimePicker.stories.d.ts +18 -0
  19. package/dist/components/dateTimePicker/DateTimePicker.stories.d.ts.map +1 -1
  20. package/dist/components/dateTimePicker/DateTimePicker.stories.js +32 -9
  21. package/dist/components/dateTimePicker/DateTimePicker.stories.js.map +1 -1
  22. package/dist/components/dateTimePicker/DateTimePicker.test.js +9 -1
  23. package/dist/components/dateTimePicker/DateTimePicker.test.js.map +1 -1
  24. package/dist/components/fileUpload/FileUpload.d.ts +12 -4
  25. package/dist/components/fileUpload/FileUpload.d.ts.map +1 -1
  26. package/dist/components/fileUpload/FileUpload.js +32 -7
  27. package/dist/components/fileUpload/FileUpload.js.map +1 -1
  28. package/dist/components/fileUpload/FileUpload.stories.d.ts +1 -0
  29. package/dist/components/fileUpload/FileUpload.stories.d.ts.map +1 -1
  30. package/dist/components/fileUpload/FileUpload.stories.js +59 -6
  31. package/dist/components/fileUpload/FileUpload.stories.js.map +1 -1
  32. package/dist/components/fileUpload/FileUpload.test.js +102 -1
  33. package/dist/components/fileUpload/FileUpload.test.js.map +1 -1
  34. package/dist/components/fileUpload/FileUploadLinkModal.d.ts +14 -0
  35. package/dist/components/fileUpload/FileUploadLinkModal.d.ts.map +1 -0
  36. package/dist/components/fileUpload/FileUploadLinkModal.js +61 -0
  37. package/dist/components/fileUpload/FileUploadLinkModal.js.map +1 -0
  38. package/dist/components/formField/inputs/text/TextInput.d.ts.map +1 -1
  39. package/dist/components/formField/inputs/text/TextInput.js +2 -2
  40. package/dist/components/formField/inputs/text/TextInput.js.map +1 -1
  41. package/dist/components/kpiCard/KPICard.stories.js +2 -2
  42. package/dist/components/kpiCard/KPICard.stories.js.map +1 -1
  43. package/dist/components/sideNavigation/SideNavigation.d.ts +5 -0
  44. package/dist/components/sideNavigation/SideNavigation.d.ts.map +1 -1
  45. package/dist/components/sideNavigation/SideNavigation.js +5 -4
  46. package/dist/components/sideNavigation/SideNavigation.js.map +1 -1
  47. package/dist/components/sideNavigation/SideNavigation.stories.d.ts.map +1 -1
  48. package/dist/components/sideNavigation/SideNavigation.stories.js +6 -2
  49. package/dist/components/sideNavigation/SideNavigation.stories.js.map +1 -1
  50. package/dist/components/sideNavigation/SideNavigation.test.js +13 -0
  51. package/dist/components/sideNavigation/SideNavigation.test.js.map +1 -1
  52. package/dist/components/sideNavigation/SideNavigationTitle.d.ts.map +1 -1
  53. package/dist/components/sideNavigation/SideNavigationTitle.js +1 -1
  54. package/dist/components/sideNavigation/SideNavigationTitle.js.map +1 -1
  55. package/dist/components/sidebar/Sidebar.stories.d.ts.map +1 -1
  56. package/dist/components/sidebar/Sidebar.stories.js +3 -11
  57. package/dist/components/sidebar/Sidebar.stories.js.map +1 -1
  58. package/dist/components/table/columnFilters/TimeFilter/TimeFilter.d.ts.map +1 -1
  59. package/dist/components/table/columnFilters/TimeFilter/TimeFilter.js +1 -1
  60. package/dist/components/table/columnFilters/TimeFilter/TimeFilter.js.map +1 -1
  61. package/dist/components/table/columnFilters/TimeFilter/TimeFilter.test.js +2 -2
  62. package/dist/components/table/columnFilters/filterResetButton/FilterResetButton.d.ts +1 -0
  63. package/dist/components/table/columnFilters/filterResetButton/FilterResetButton.d.ts.map +1 -1
  64. package/dist/components/table/columnFilters/filterResetButton/FilterResetButton.js +2 -2
  65. package/dist/components/table/columnFilters/filterResetButton/FilterResetButton.js.map +1 -1
  66. package/dist/components/table/pagination/PageSizeSelector.js +1 -1
  67. package/dist/components/table/pagination/PageSizeSelector.js.map +1 -1
  68. package/dist/components/table/pagination/Pagination.test.js +3 -3
  69. package/dist/components/table/pagination/Pagination.test.js.map +1 -1
  70. package/dist/index.css +20 -1
  71. package/dist/index.css.map +1 -1
  72. package/package.json +1 -1
  73. package/src/components/datePicker/DatePicker.stories.tsx +30 -3
  74. package/src/components/datePicker/DatePicker.test.tsx +15 -0
  75. package/src/components/datePicker/DatePicker.tsx +6 -0
  76. package/src/components/dateTimePicker/DateTimePicker.stories.tsx +32 -1
  77. package/src/components/dateTimePicker/DateTimePicker.test.tsx +15 -0
  78. package/src/components/dateTimePicker/DateTimePicker.tsx +6 -0
  79. package/src/components/fileUpload/FileUpload.stories.tsx +74 -6
  80. package/src/components/fileUpload/FileUpload.test.tsx +139 -1
  81. package/src/components/fileUpload/FileUpload.tsx +109 -14
  82. package/src/components/fileUpload/FileUploadLinkModal.tsx +109 -0
  83. package/src/components/fileUpload/fileUpload.scss +24 -1
  84. package/src/components/formField/inputs/text/TextInput.tsx +2 -0
  85. package/src/components/kpiCard/KPICard.stories.tsx +2 -2
  86. package/src/components/sideNavigation/SideNavigation.stories.tsx +6 -2
  87. package/src/components/sideNavigation/SideNavigation.test.tsx +21 -0
  88. package/src/components/sideNavigation/SideNavigation.tsx +19 -2
  89. package/src/components/sideNavigation/SideNavigationTitle.tsx +5 -3
  90. package/src/components/sidebar/Sidebar.stories.tsx +3 -16
  91. package/src/components/table/columnFilters/TimeFilter/TimeFilter.test.tsx +2 -2
  92. package/src/components/table/columnFilters/TimeFilter/TimeFilter.tsx +4 -1
  93. package/src/components/table/columnFilters/filterResetButton/FilterResetButton.tsx +3 -2
  94. package/src/components/table/pagination/PageSizeSelector.tsx +1 -1
  95. package/src/components/table/pagination/Pagination.test.tsx +3 -3
  96. package/.changeset/twenty-groups-wonder.md +0 -5
  97. package/.changeset/yellow-falcons-search.md +0 -5
  98. package/dist/components/button/Button.story.d.ts +0 -47
  99. package/dist/components/button/Button.story.d.ts.map +0 -1
  100. package/dist/components/button/Button.story.js +0 -123
  101. package/dist/components/button/Button.story.js.map +0 -1
  102. package/dist/components/button/ButtonUsageExample.d.ts +0 -2
  103. package/dist/components/button/ButtonUsageExample.d.ts.map +0 -1
  104. package/dist/components/button/ButtonUsageExample.js +0 -11
  105. package/dist/components/button/ButtonUsageExample.js.map +0 -1
  106. package/dist/components/combobox/useElementWidth.d.ts +0 -2
  107. package/dist/components/combobox/useElementWidth.d.ts.map +0 -1
  108. package/dist/components/combobox/useElementWidth.js +0 -31
  109. package/dist/components/combobox/useElementWidth.js.map +0 -1
  110. package/dist/components/combobox/useVisibleChips.d.ts +0 -21
  111. package/dist/components/combobox/useVisibleChips.d.ts.map +0 -1
  112. package/dist/components/combobox/useVisibleChips.js +0 -59
  113. package/dist/components/combobox/useVisibleChips.js.map +0 -1
  114. package/dist/components/combobox/useVisibleChips.test.d.ts +0 -2
  115. package/dist/components/combobox/useVisibleChips.test.d.ts.map +0 -1
  116. package/dist/components/combobox/useVisibleChips.test.js +0 -81
  117. package/dist/components/combobox/useVisibleChips.test.js.map +0 -1
  118. package/dist/components/heading/HeadingInnerContainer.d.ts +0 -5
  119. package/dist/components/heading/HeadingInnerContainer.d.ts.map +0 -1
  120. package/dist/components/heading/HeadingInnerContainer.js +0 -7
  121. package/dist/components/heading/HeadingInnerContainer.js.map +0 -1
  122. package/dist/components/icoText/IcoText.d.ts +0 -37
  123. package/dist/components/icoText/IcoText.d.ts.map +0 -1
  124. package/dist/components/icoText/IcoText.js +0 -29
  125. package/dist/components/icoText/IcoText.js.map +0 -1
  126. package/dist/components/icoText/IcoText.stories.d.ts +0 -60
  127. package/dist/components/icoText/IcoText.stories.d.ts.map +0 -1
  128. package/dist/components/icoText/IcoText.stories.js +0 -319
  129. package/dist/components/icoText/IcoText.stories.js.map +0 -1
  130. package/dist/components/icoText/IcoText.test.d.ts +0 -2
  131. package/dist/components/icoText/IcoText.test.d.ts.map +0 -1
  132. package/dist/components/icoText/IcoText.test.js +0 -27
  133. package/dist/components/icoText/IcoText.test.js.map +0 -1
  134. package/dist/components/sidebarNav/SidebarNav.d.ts +0 -46
  135. package/dist/components/sidebarNav/SidebarNav.d.ts.map +0 -1
  136. package/dist/components/sidebarNav/SidebarNav.js +0 -102
  137. package/dist/components/sidebarNav/SidebarNav.js.map +0 -1
  138. package/dist/components/sidebarNav/SidebarNav.stories.d.ts +0 -61
  139. package/dist/components/sidebarNav/SidebarNav.stories.d.ts.map +0 -1
  140. package/dist/components/sidebarNav/SidebarNav.stories.js +0 -253
  141. package/dist/components/sidebarNav/SidebarNav.stories.js.map +0 -1
  142. package/dist/components/sidebarNav/SidebarNav.test.d.ts +0 -2
  143. package/dist/components/sidebarNav/SidebarNav.test.d.ts.map +0 -1
  144. package/dist/components/sidebarNav/SidebarNav.test.js +0 -240
  145. package/dist/components/sidebarNav/SidebarNav.test.js.map +0 -1
  146. package/dist/components/sidebarNav/SidebarNavContext.d.ts +0 -13
  147. package/dist/components/sidebarNav/SidebarNavContext.d.ts.map +0 -1
  148. package/dist/components/sidebarNav/SidebarNavContext.js +0 -15
  149. package/dist/components/sidebarNav/SidebarNavContext.js.map +0 -1
  150. package/dist/components/sidebarNav/SidebarNavGroup.d.ts +0 -10
  151. package/dist/components/sidebarNav/SidebarNavGroup.d.ts.map +0 -1
  152. package/dist/components/sidebarNav/SidebarNavGroup.js +0 -16
  153. package/dist/components/sidebarNav/SidebarNavGroup.js.map +0 -1
  154. package/dist/components/sidebarNav/SidebarNavItem.d.ts +0 -32
  155. package/dist/components/sidebarNav/SidebarNavItem.d.ts.map +0 -1
  156. package/dist/components/sidebarNav/SidebarNavItem.js +0 -44
  157. package/dist/components/sidebarNav/SidebarNavItem.js.map +0 -1
  158. package/dist/components/sidebarNav/SidebarNavItemFavourite.d.ts +0 -8
  159. package/dist/components/sidebarNav/SidebarNavItemFavourite.d.ts.map +0 -1
  160. package/dist/components/sidebarNav/SidebarNavItemFavourite.js +0 -14
  161. package/dist/components/sidebarNav/SidebarNavItemFavourite.js.map +0 -1
  162. package/dist/components/sidebarNav/SidebarNavPanel.d.ts +0 -4
  163. package/dist/components/sidebarNav/SidebarNavPanel.d.ts.map +0 -1
  164. package/dist/components/sidebarNav/SidebarNavPanel.js +0 -9
  165. package/dist/components/sidebarNav/SidebarNavPanel.js.map +0 -1
  166. package/dist/components/sidebarNav/SidebarNavPanelNav.d.ts +0 -10
  167. package/dist/components/sidebarNav/SidebarNavPanelNav.d.ts.map +0 -1
  168. package/dist/components/sidebarNav/SidebarNavPanelNav.js +0 -21
  169. package/dist/components/sidebarNav/SidebarNavPanelNav.js.map +0 -1
  170. package/dist/components/sidebarNav/SidebarNavRail.d.ts +0 -6
  171. package/dist/components/sidebarNav/SidebarNavRail.d.ts.map +0 -1
  172. package/dist/components/sidebarNav/SidebarNavRail.js +0 -7
  173. package/dist/components/sidebarNav/SidebarNavRail.js.map +0 -1
  174. package/dist/components/sidebarNav/SidebarNavRailItem.d.ts +0 -10
  175. package/dist/components/sidebarNav/SidebarNavRailItem.d.ts.map +0 -1
  176. package/dist/components/sidebarNav/SidebarNavRailItem.js +0 -25
  177. package/dist/components/sidebarNav/SidebarNavRailItem.js.map +0 -1
  178. package/dist/components/sidebarNav/SidebarNavRailList.d.ts +0 -4
  179. package/dist/components/sidebarNav/SidebarNavRailList.d.ts.map +0 -1
  180. package/dist/components/sidebarNav/SidebarNavRailList.js +0 -7
  181. package/dist/components/sidebarNav/SidebarNavRailList.js.map +0 -1
  182. package/dist/components/sidebarNav/SidebarNavRailSlot.d.ts +0 -6
  183. package/dist/components/sidebarNav/SidebarNavRailSlot.d.ts.map +0 -1
  184. package/dist/components/sidebarNav/SidebarNavRailSlot.js +0 -7
  185. package/dist/components/sidebarNav/SidebarNavRailSlot.js.map +0 -1
  186. package/dist/components/sidebarNav/SidebarNavSeparator.d.ts +0 -6
  187. package/dist/components/sidebarNav/SidebarNavSeparator.d.ts.map +0 -1
  188. package/dist/components/sidebarNav/SidebarNavSeparator.js +0 -8
  189. package/dist/components/sidebarNav/SidebarNavSeparator.js.map +0 -1
  190. package/dist/components/sidebarNav/SidebarNavTitle.d.ts +0 -4
  191. package/dist/components/sidebarNav/SidebarNavTitle.d.ts.map +0 -1
  192. package/dist/components/sidebarNav/SidebarNavTitle.js +0 -7
  193. package/dist/components/sidebarNav/SidebarNavTitle.js.map +0 -1
  194. package/dist/components/sidebarNav/SidebarNavTooltip.d.ts +0 -7
  195. package/dist/components/sidebarNav/SidebarNavTooltip.d.ts.map +0 -1
  196. package/dist/components/sidebarNav/SidebarNavTooltip.js +0 -9
  197. package/dist/components/sidebarNav/SidebarNavTooltip.js.map +0 -1
  198. package/dist/components/sidebarNav/SidebarNavTrigger.d.ts +0 -8
  199. package/dist/components/sidebarNav/SidebarNavTrigger.d.ts.map +0 -1
  200. package/dist/components/sidebarNav/SidebarNavTrigger.js +0 -15
  201. package/dist/components/sidebarNav/SidebarNavTrigger.js.map +0 -1
  202. package/dist/components/sidebarNav/index.d.ts +0 -4
  203. package/dist/components/sidebarNav/index.d.ts.map +0 -1
  204. package/dist/components/sidebarNav/index.js +0 -3
  205. package/dist/components/sidebarNav/index.js.map +0 -1
  206. package/dist/components/sidebarNav/resolvePanelItemProps.d.ts +0 -4
  207. package/dist/components/sidebarNav/resolvePanelItemProps.d.ts.map +0 -1
  208. package/dist/components/sidebarNav/resolvePanelItemProps.js +0 -43
  209. package/dist/components/sidebarNav/resolvePanelItemProps.js.map +0 -1
  210. package/dist/components/sidebarNav/resolvePanelItemProps.test.d.ts +0 -2
  211. package/dist/components/sidebarNav/resolvePanelItemProps.test.d.ts.map +0 -1
  212. package/dist/components/sidebarNav/resolvePanelItemProps.test.js +0 -52
  213. package/dist/components/sidebarNav/resolvePanelItemProps.test.js.map +0 -1
  214. package/dist/components/sidebarNav/types.d.ts +0 -100
  215. package/dist/components/sidebarNav/types.d.ts.map +0 -1
  216. package/dist/components/sidebarNav/types.js +0 -4
  217. package/dist/components/sidebarNav/types.js.map +0 -1
  218. package/dist/components/sidebarNav/useControllableBoolean.d.ts +0 -9
  219. package/dist/components/sidebarNav/useControllableBoolean.d.ts.map +0 -1
  220. package/dist/components/sidebarNav/useControllableBoolean.js +0 -15
  221. package/dist/components/sidebarNav/useControllableBoolean.js.map +0 -1
  222. package/dist/components/slideover/Slideover.stories.d.ts +0 -10
  223. package/dist/components/slideover/Slideover.stories.d.ts.map +0 -1
  224. package/dist/components/slideover/Slideover.stories.js +0 -12
  225. package/dist/components/slideover/Slideover.stories.js.map +0 -1
  226. package/dist/components/table/BulkActionsDropdown.d.ts +0 -12
  227. package/dist/components/table/BulkActionsDropdown.d.ts.map +0 -1
  228. package/dist/components/table/BulkActionsDropdown.js +0 -11
  229. package/dist/components/table/BulkActionsDropdown.js.map +0 -1
  230. package/dist/components/table/HideColumnsDropdown.d.ts +0 -9
  231. package/dist/components/table/HideColumnsDropdown.d.ts.map +0 -1
  232. package/dist/components/table/HideColumnsDropdown.js +0 -33
  233. package/dist/components/table/HideColumnsDropdown.js.map +0 -1
  234. package/dist/components/table/cellRenderers/SelectDropdownCellEditor.d.ts +0 -8
  235. package/dist/components/table/cellRenderers/SelectDropdownCellEditor.d.ts.map +0 -1
  236. package/dist/components/table/cellRenderers/SelectDropdownCellEditor.js +0 -19
  237. package/dist/components/table/cellRenderers/SelectDropdownCellEditor.js.map +0 -1
  238. package/dist/components/table/hooks/useHistory.d.ts +0 -20
  239. package/dist/components/table/hooks/useHistory.d.ts.map +0 -1
  240. package/dist/components/table/hooks/useHistory.js +0 -73
  241. package/dist/components/table/hooks/useHistory.js.map +0 -1
  242. package/dist/components/table/hooks/useTableHistory.d.ts +0 -21
  243. package/dist/components/table/hooks/useTableHistory.d.ts.map +0 -1
  244. package/dist/components/table/hooks/useTableHistory.js +0 -88
  245. package/dist/components/table/hooks/useTableHistory.js.map +0 -1
  246. package/dist/components/table/pagination/TableSettingsDropdown.d.ts +0 -2
  247. package/dist/components/table/pagination/TableSettingsDropdown.d.ts.map +0 -1
  248. package/dist/components/table/pagination/TableSettingsDropdown.js +0 -42
  249. package/dist/components/table/pagination/TableSettingsDropdown.js.map +0 -1
  250. package/dist/components/table/tableHeader/TableHeader.d.ts +0 -14
  251. package/dist/components/table/tableHeader/TableHeader.d.ts.map +0 -1
  252. package/dist/components/table/tableHeader/TableHeader.js +0 -55
  253. package/dist/components/table/tableHeader/TableHeader.js.map +0 -1
  254. package/dist/components/table/tableHeader/index.d.ts +0 -2
  255. package/dist/components/table/tableHeader/index.d.ts.map +0 -1
  256. package/dist/components/table/tableHeader/index.js +0 -2
  257. package/dist/components/table/tableHeader/index.js.map +0 -1
  258. package/dist/components/table/tableTheme.d.ts +0 -2
  259. package/dist/components/table/tableTheme.d.ts.map +0 -1
  260. package/dist/components/table/tableTheme.js +0 -18
  261. package/dist/components/table/tableTheme.js.map +0 -1
  262. package/dist/components/table/types.d.ts +0 -169
  263. package/dist/components/table/types.d.ts.map +0 -1
  264. package/dist/components/table/types.js +0 -11
  265. package/dist/components/table/types.js.map +0 -1
  266. package/dist/components/table/utils/setAgGridLicenseKey.d.ts +0 -2
  267. package/dist/components/table/utils/setAgGridLicenseKey.d.ts.map +0 -1
  268. package/dist/components/table/utils/setAgGridLicenseKey.js +0 -11
  269. package/dist/components/table/utils/setAgGridLicenseKey.js.map +0 -1
  270. package/dist/layoutTest.stories.d.ts +0 -6
  271. package/dist/layoutTest.stories.d.ts.map +0 -1
  272. package/dist/layoutTest.stories.js +0 -9
  273. package/dist/layoutTest.stories.js.map +0 -1
  274. package/dist/pages/assessmentBuilderPage/AssessmentBuilderPage.d.ts +0 -39
  275. package/dist/pages/assessmentBuilderPage/AssessmentBuilderPage.d.ts.map +0 -1
  276. package/dist/pages/assessmentBuilderPage/AssessmentBuilderPage.js +0 -112
  277. package/dist/pages/assessmentBuilderPage/AssessmentBuilderPage.js.map +0 -1
  278. package/dist/pages/assessmentBuilderPage/AssessmentBuilderPage.stories.d.ts +0 -184
  279. package/dist/pages/assessmentBuilderPage/AssessmentBuilderPage.stories.d.ts.map +0 -1
  280. package/dist/pages/assessmentBuilderPage/AssessmentBuilderPage.stories.js +0 -317
  281. package/dist/pages/assessmentBuilderPage/AssessmentBuilderPage.stories.js.map +0 -1
  282. package/dist/pages/assessmentBuilderPage/AssessmentBuilderPage.test.d.ts +0 -2
  283. package/dist/pages/assessmentBuilderPage/AssessmentBuilderPage.test.d.ts.map +0 -1
  284. package/dist/pages/assessmentBuilderPage/AssessmentBuilderPage.test.js +0 -160
  285. package/dist/pages/assessmentBuilderPage/AssessmentBuilderPage.test.js.map +0 -1
  286. package/dist/pages/assessmentSettingsPage/AssessmentSettingsPage.d.ts +0 -11
  287. package/dist/pages/assessmentSettingsPage/AssessmentSettingsPage.d.ts.map +0 -1
  288. package/dist/pages/assessmentSettingsPage/AssessmentSettingsPage.js +0 -13
  289. package/dist/pages/assessmentSettingsPage/AssessmentSettingsPage.js.map +0 -1
  290. package/dist/pages/assessmentSettingsPage/AssessmentSettingsPage.stories.d.ts +0 -174
  291. package/dist/pages/assessmentSettingsPage/AssessmentSettingsPage.stories.d.ts.map +0 -1
  292. package/dist/pages/assessmentSettingsPage/AssessmentSettingsPage.stories.js +0 -212
  293. package/dist/pages/assessmentSettingsPage/AssessmentSettingsPage.stories.js.map +0 -1
  294. package/dist/pages/assessmentSettingsPage/AssessmentSettingsPage.test.d.ts +0 -2
  295. package/dist/pages/assessmentSettingsPage/AssessmentSettingsPage.test.d.ts.map +0 -1
  296. package/dist/pages/assessmentSettingsPage/AssessmentSettingsPage.test.js +0 -84
  297. package/dist/pages/assessmentSettingsPage/AssessmentSettingsPage.test.js.map +0 -1
  298. package/dist/pages/assessmentsPage/AssessmentsPage.d.ts +0 -16
  299. package/dist/pages/assessmentsPage/AssessmentsPage.d.ts.map +0 -1
  300. package/dist/pages/assessmentsPage/AssessmentsPage.js +0 -31
  301. package/dist/pages/assessmentsPage/AssessmentsPage.js.map +0 -1
  302. package/dist/pages/assessmentsPage/AssessmentsPage.stories.d.ts +0 -162
  303. package/dist/pages/assessmentsPage/AssessmentsPage.stories.d.ts.map +0 -1
  304. package/dist/pages/assessmentsPage/AssessmentsPage.stories.js +0 -290
  305. package/dist/pages/assessmentsPage/AssessmentsPage.stories.js.map +0 -1
  306. package/dist/pages/assessmentsPage/AssessmentsPage.test.d.ts +0 -2
  307. package/dist/pages/assessmentsPage/AssessmentsPage.test.d.ts.map +0 -1
  308. package/dist/pages/assessmentsPage/AssessmentsPage.test.js +0 -109
  309. package/dist/pages/assessmentsPage/AssessmentsPage.test.js.map +0 -1
  310. package/dist/pages/customReportWriterPage/CustomReportWriterPage.d.ts +0 -40
  311. package/dist/pages/customReportWriterPage/CustomReportWriterPage.d.ts.map +0 -1
  312. package/dist/pages/customReportWriterPage/CustomReportWriterPage.js +0 -156
  313. package/dist/pages/customReportWriterPage/CustomReportWriterPage.js.map +0 -1
  314. package/dist/pages/customReportWriterPage/CustomReportWriterPage.stories.d.ts +0 -239
  315. package/dist/pages/customReportWriterPage/CustomReportWriterPage.stories.d.ts.map +0 -1
  316. package/dist/pages/customReportWriterPage/CustomReportWriterPage.stories.js +0 -318
  317. package/dist/pages/customReportWriterPage/CustomReportWriterPage.stories.js.map +0 -1
  318. package/dist/pages/customReportWriterPage/CustomReportWriterPage.test.d.ts +0 -2
  319. package/dist/pages/customReportWriterPage/CustomReportWriterPage.test.d.ts.map +0 -1
  320. package/dist/pages/customReportWriterPage/CustomReportWriterPage.test.js +0 -183
  321. package/dist/pages/customReportWriterPage/CustomReportWriterPage.test.js.map +0 -1
  322. package/dist/pages/gradeSetsPage/GradeSetsPage.d.ts +0 -26
  323. package/dist/pages/gradeSetsPage/GradeSetsPage.d.ts.map +0 -1
  324. package/dist/pages/gradeSetsPage/GradeSetsPage.js +0 -33
  325. package/dist/pages/gradeSetsPage/GradeSetsPage.js.map +0 -1
  326. package/dist/pages/gradeSetsPage/GradeSetsPage.stories.d.ts +0 -176
  327. package/dist/pages/gradeSetsPage/GradeSetsPage.stories.d.ts.map +0 -1
  328. package/dist/pages/gradeSetsPage/GradeSetsPage.stories.js +0 -237
  329. package/dist/pages/gradeSetsPage/GradeSetsPage.stories.js.map +0 -1
  330. package/dist/pages/gradeSetsPage/GradeSetsPage.test.d.ts +0 -2
  331. package/dist/pages/gradeSetsPage/GradeSetsPage.test.d.ts.map +0 -1
  332. package/dist/pages/gradeSetsPage/GradeSetsPage.test.js +0 -91
  333. package/dist/pages/gradeSetsPage/GradeSetsPage.test.js.map +0 -1
  334. package/dist/pages/studentProfilePage/StudentProfilePage.d.ts +0 -48
  335. package/dist/pages/studentProfilePage/StudentProfilePage.d.ts.map +0 -1
  336. package/dist/pages/studentProfilePage/StudentProfilePage.js +0 -52
  337. package/dist/pages/studentProfilePage/StudentProfilePage.js.map +0 -1
  338. package/dist/pages/studentProfilePage/StudentProfilePage.stories.d.ts +0 -218
  339. package/dist/pages/studentProfilePage/StudentProfilePage.stories.d.ts.map +0 -1
  340. package/dist/pages/studentProfilePage/StudentProfilePage.stories.js +0 -273
  341. package/dist/pages/studentProfilePage/StudentProfilePage.stories.js.map +0 -1
  342. package/dist/pages/studentProfilePage/StudentProfilePage.test.d.ts +0 -2
  343. package/dist/pages/studentProfilePage/StudentProfilePage.test.d.ts.map +0 -1
  344. package/dist/pages/studentProfilePage/StudentProfilePage.test.js +0 -197
  345. package/dist/pages/studentProfilePage/StudentProfilePage.test.js.map +0 -1
  346. package/dist/utils/PopupParentContext.d.ts +0 -3
  347. package/dist/utils/PopupParentContext.d.ts.map +0 -1
  348. package/dist/utils/PopupParentContext.js +0 -6
  349. package/dist/utils/PopupParentContext.js.map +0 -1
  350. package/dist/utils/PopupParentContext.stories.d.ts +0 -17
  351. package/dist/utils/PopupParentContext.stories.d.ts.map +0 -1
  352. package/dist/utils/PopupParentContext.stories.js +0 -266
  353. package/dist/utils/PopupParentContext.stories.js.map +0 -1
  354. package/dist/utils/getDefaultPopupParent.d.ts +0 -2
  355. package/dist/utils/getDefaultPopupParent.d.ts.map +0 -1
  356. package/dist/utils/getDefaultPopupParent.js +0 -19
  357. package/dist/utils/getDefaultPopupParent.js.map +0 -1
@@ -1,47 +0,0 @@
1
- import type { StoryObj } from '@storybook/react-vite';
2
- declare const meta: {
3
- title: string;
4
- component: ({ type, size, children, onClick, disabled, className, ...props }: import('./Button.js').ButtonProps) => import('react/jsx-runtime').JSX.Element;
5
- parameters: {
6
- layout: string;
7
- };
8
- tags: string[];
9
- argTypes: {
10
- type: {
11
- control: 'select';
12
- options: string[];
13
- description: string;
14
- };
15
- size: {
16
- control: 'select';
17
- options: string[];
18
- description: string;
19
- };
20
- disabled: {
21
- control: 'boolean';
22
- description: string;
23
- };
24
- children: {
25
- control: 'text';
26
- description: string;
27
- };
28
- onClick: {
29
- action: string;
30
- };
31
- };
32
- };
33
- export default meta;
34
- type Story = StoryObj<typeof meta>;
35
- export declare const Primary: Story;
36
- export declare const Secondary: Story;
37
- export declare const Tertiary: Story;
38
- export declare const PrimaryDestructive: Story;
39
- export declare const SecondaryDestructive: Story;
40
- export declare const TextLink: Story;
41
- export declare const SmallPrimary: Story;
42
- export declare const SmallSecondary: Story;
43
- export declare const HoverState: Story;
44
- export declare const PressedState: Story;
45
- export declare const FocussedState: Story;
46
- export declare const Disabled: Story;
47
- // # sourceMappingURL=Button.story.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Button.story.d.ts","sourceRoot":"","sources":["../../../src/components/button/Button.story.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqCqB,CAAC;AAEhC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAInC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAIF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAGF,eAAO,MAAM,kBAAkB,EAAE,KAKhC,CAAC;AAGF,eAAO,MAAM,oBAAoB,EAAE,KAKlC,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAIF,eAAO,MAAM,YAAY,EAAE,KAK1B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAK5B,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,KAKxB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAK1B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAK3B,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC"}
@@ -1,123 +0,0 @@
1
- import { Button } from './Button.js';
2
- const meta = {
3
- title: 'Components/Button',
4
- component: Button,
5
- parameters: {
6
- layout: 'centered',
7
- },
8
- tags: ['autodocs'],
9
- argTypes: {
10
- type: {
11
- control: 'select',
12
- options: [
13
- 'primary',
14
- 'secondary',
15
- 'tertiary',
16
- 'primary-destructive',
17
- 'secondary-destructive',
18
- 'text-link',
19
- ],
20
- description: 'Button type/variant',
21
- },
22
- size: {
23
- control: 'select',
24
- options: ['M', 'S'],
25
- description: 'Button size',
26
- },
27
- disabled: {
28
- control: 'boolean',
29
- description: 'Disable the button',
30
- },
31
- children: {
32
- control: 'text',
33
- description: 'Button text',
34
- },
35
- onClick: {
36
- action: 'clicked',
37
- },
38
- },
39
- };
40
- export default meta;
41
- // Primary button
42
- export const Primary = {
43
- args: {
44
- type: 'primary',
45
- children: 'Button Text',
46
- size: 'M',
47
- },
48
- };
49
- // Secondary button
50
- export const Secondary = {
51
- args: {
52
- ...Primary.args,
53
- type: 'secondary',
54
- },
55
- };
56
- // Tertiary button
57
- export const Tertiary = {
58
- args: {
59
- ...Primary.args,
60
- type: 'tertiary',
61
- },
62
- };
63
- // Primary destructive button
64
- export const PrimaryDestructive = {
65
- args: {
66
- ...Primary.args,
67
- type: 'primary-destructive',
68
- },
69
- };
70
- // Secondary destructive button
71
- export const SecondaryDestructive = {
72
- args: {
73
- ...Primary.args,
74
- type: 'secondary-destructive',
75
- },
76
- };
77
- // Text link button
78
- export const TextLink = {
79
- args: {
80
- ...Primary.args,
81
- type: 'text-link',
82
- },
83
- };
84
- // Small buttons
85
- export const SmallPrimary = {
86
- args: {
87
- ...Primary.args,
88
- size: 'S',
89
- },
90
- };
91
- export const SmallSecondary = {
92
- args: {
93
- ...Secondary.args,
94
- size: 'S',
95
- },
96
- };
97
- // States
98
- export const HoverState = {
99
- args: {
100
- ...Primary.args,
101
- state: 'hover',
102
- },
103
- };
104
- export const PressedState = {
105
- args: {
106
- ...Primary.args,
107
- state: 'pressed',
108
- },
109
- };
110
- export const FocussedState = {
111
- args: {
112
- ...Primary.args,
113
- state: 'focussed',
114
- },
115
- };
116
- // Disabled button
117
- export const Disabled = {
118
- args: {
119
- ...Primary.args,
120
- disabled: true,
121
- },
122
- };
123
- // # sourceMappingURL=Button.story.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Button.story.js","sourceRoot":"","sources":["../../../src/components/button/Button.story.tsx"],"names":[],"mappings":"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"}
@@ -1,2 +0,0 @@
1
- export declare const ButtonUsageExample: () => import('react/jsx-runtime').JSX.Element;
2
- // # sourceMappingURL=ButtonUsageExample.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ButtonUsageExample.d.ts","sourceRoot":"","sources":["../../../src/components/button/ButtonUsageExample.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,kBAAkB,+CAgF9B,CAAC"}
@@ -1,11 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from 'react/jsx-runtime';
2
- import React from 'react';
3
- import { Button } from './Button.js';
4
- // Example of using the Button component with SVG icons
5
- export const ButtonUsageExample = () => {
6
- // You can create icon components to use with buttons
7
- const InfoIcon = () => (_jsxs('svg', { width: '16', height: '16', viewBox: '0 0 16 16', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', children: [_jsx('path', { d: 'M8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14Z', stroke: 'currentColor', strokeWidth: '1.33', strokeLinecap: 'round', strokeLinejoin: 'round' }), _jsx('path', { d: 'M8 10.6667V8', stroke: 'currentColor', strokeWidth: '1.33', strokeLinecap: 'round', strokeLinejoin: 'round' }), _jsx('path', { d: 'M8 5.33334H8.00667', stroke: 'currentColor', strokeWidth: '1.33', strokeLinecap: 'round', strokeLinejoin: 'round' })] }));
8
- const ChevronIcon = () => (_jsx('svg', { width: '16', height: '16', viewBox: '0 0 16 16', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', children: _jsx('path', { d: 'M6 12L10 8L6 4', stroke: 'currentColor', strokeWidth: '1.33', strokeLinecap: 'round', strokeLinejoin: 'round' }) }));
9
- return (_jsxs('div', { style: { display: 'flex', gap: '16px', flexDirection: 'column' }, children: [_jsxs('div', { style: { display: 'flex', gap: '16px' }, children: [_jsx(Button, { type: 'primary', children: 'Primary Button' }), _jsx(Button, { type: 'primary', iconLeft: _jsx(InfoIcon, {}), children: 'With Left Icon' }), _jsx(Button, { type: 'primary', iconRight: _jsx(ChevronIcon, {}), children: 'With Right Icon' }), _jsx(Button, { type: 'primary', iconLeft: _jsx(InfoIcon, {}), iconRight: _jsx(ChevronIcon, {}), children: 'With Both Icons' })] }), _jsxs('div', { style: { display: 'flex', gap: '16px' }, children: [_jsx(Button, { type: 'secondary', children: 'Secondary Button' }), _jsx(Button, { type: 'secondary', iconLeft: _jsx(InfoIcon, {}), children: 'With Left Icon' }), _jsx(Button, { type: 'secondary', iconRight: _jsx(ChevronIcon, {}), children: 'With Right Icon' }), _jsx(Button, { type: 'secondary', iconLeft: _jsx(InfoIcon, {}), iconRight: _jsx(ChevronIcon, {}), children: 'With Both Icons' })] }), _jsxs('div', { style: { display: 'flex', gap: '16px' }, children: [_jsx(Button, { type: 'tertiary', children: 'Tertiary Button' }), _jsx(Button, { type: 'tertiary', iconLeft: _jsx(InfoIcon, {}), children: 'With Left Icon' }), _jsx(Button, { type: 'tertiary', iconRight: _jsx(ChevronIcon, {}), children: 'With Right Icon' }), _jsx(Button, { type: 'tertiary', iconLeft: _jsx(InfoIcon, {}), iconRight: _jsx(ChevronIcon, {}), children: 'With Both Icons' })] }), _jsxs('div', { style: { display: 'flex', gap: '16px' }, children: [_jsx(Button, { type: 'primary-icon', iconLeft: _jsx(InfoIcon, {}) }), _jsx(Button, { type: 'secondary-icon', iconLeft: _jsx(InfoIcon, {}) }), _jsx(Button, { type: 'tertiary-icon', iconLeft: _jsx(InfoIcon, {}) })] }), _jsxs('div', { style: { display: 'flex', gap: '16px' }, children: [_jsx(Button, { type: 'primary', size: 'S', children: 'Small Primary' }), _jsx(Button, { type: 'secondary', size: 'S', children: 'Small Secondary' }), _jsx(Button, { type: 'tertiary', size: 'S', children: 'Small Tertiary' })] }), _jsxs('div', { style: { display: 'flex', gap: '16px' }, children: [_jsx(Button, { type: 'primary-destructive', children: 'Destructive Primary' }), _jsx(Button, { type: 'secondary-destructive', children: 'Destructive Secondary' }), _jsx(Button, { type: 'secondary-destructive-icon', iconLeft: _jsx(InfoIcon, {}) })] }), _jsxs('div', { style: { display: 'flex', gap: '16px' }, children: [_jsx(Button, { type: 'text-link', children: 'Text Link' }), _jsx(Button, { type: 'text-link-padding', children: 'Text Link with Padding' })] }), _jsxs('div', { style: { display: 'flex', gap: '16px' }, children: [_jsx(Button, { type: 'primary', state: 'default', children: 'Default State' }), _jsx(Button, { type: 'primary', state: 'hover', children: 'Hover State' }), _jsx(Button, { type: 'primary', state: 'pressed', children: 'Pressed State' }), _jsx(Button, { type: 'primary', state: 'focussed', children: 'Focused State' }), _jsx(Button, { type: 'primary', disabled: true, children: 'Disabled Button' })] })] }));
10
- };
11
- // # sourceMappingURL=ButtonUsageExample.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ButtonUsageExample.js","sourceRoot":"","sources":["../../../src/components/button/ButtonUsageExample.tsx"],"names":[],"mappings":"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"}
@@ -1,2 +0,0 @@
1
- export declare const useElementWidth: (ref: React.RefObject<HTMLElement | null>, watchKey: string) => number;
2
- //# sourceMappingURL=useElementWidth.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useElementWidth.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/useElementWidth.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,GAC1B,KAAK,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EACxC,UAAU,MAAM,KACf,MAkCF,CAAC"}
@@ -1,31 +0,0 @@
1
- import { useCallback, useLayoutEffect, useState } from 'react';
2
- export const useElementWidth = (ref, watchKey) => {
3
- const [measurement, setMeasurement] = useState({ width: 0, hasMeasured: false });
4
- const element = ref.current;
5
- const update = useCallback(() => {
6
- const currentElement = ref.current;
7
- if (!currentElement) {
8
- setMeasurement({ width: 0, hasMeasured: true });
9
- return;
10
- }
11
- setMeasurement({
12
- width: currentElement.getBoundingClientRect().width,
13
- hasMeasured: true,
14
- });
15
- }, [ref]);
16
- useLayoutEffect(() => {
17
- // Re-run measurement when callers know the element's contents/layout inputs changed.
18
- update();
19
- }, [update, watchKey]);
20
- useLayoutEffect(() => {
21
- if (!element)
22
- return;
23
- const observer = new ResizeObserver(update);
24
- observer.observe(element);
25
- return () => {
26
- observer.disconnect();
27
- };
28
- }, [element, update]);
29
- return measurement.width;
30
- };
31
- //# sourceMappingURL=useElementWidth.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useElementWidth.js","sourceRoot":"","sources":["../../../src/components/combobox/useElementWidth.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE/D,MAAM,CAAC,MAAM,eAAe,GAAG,CAC7B,GAAwC,EACxC,QAAgB,EACR,EAAE;IACV,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,WAAW,EAAE,KAAK,EAAE,CAAC,CAAC;IACjF,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC;IAE5B,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE;QAC9B,MAAM,cAAc,GAAG,GAAG,CAAC,OAAO,CAAC;QACnC,IAAI,CAAC,cAAc,EAAE,CAAC;YACpB,cAAc,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC,CAAC;YAChD,OAAO;QACT,CAAC;QAED,cAAc,CAAC;YACb,KAAK,EAAE,cAAc,CAAC,qBAAqB,EAAE,CAAC,KAAK;YACnD,WAAW,EAAE,IAAI;SAClB,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,eAAe,CAAC,GAAG,EAAE;QACnB,qFAAqF;QACrF,MAAM,EAAE,CAAC;IACX,CAAC,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEvB,eAAe,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,MAAM,QAAQ,GAAG,IAAI,cAAc,CAAC,MAAM,CAAC,CAAC;QAC5C,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QAE1B,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,UAAU,EAAE,CAAC;QACxB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC;IAEtB,OAAO,WAAW,CAAC,KAAK,CAAC;AAC3B,CAAC,CAAC"}
@@ -1,21 +0,0 @@
1
- type ComputeTriggerLayoutModelParams = {
2
- containerWidth: number;
3
- chipWidths: number[];
4
- chipGap: number;
5
- badgeWidth: number;
6
- ellipsisWidth: number;
7
- showBadge: boolean;
8
- safetyBuffer?: number;
9
- };
10
- export type TriggerLayoutModel = {
11
- visibleChipIndices: number[];
12
- hiddenChipCount: number;
13
- showBadge: boolean;
14
- showEllipsis: boolean;
15
- hasOverflow: boolean;
16
- };
17
- export declare const computeTriggerLayoutModel: ({ containerWidth, chipWidths, chipGap, badgeWidth, ellipsisWidth, showBadge, safetyBuffer, }: ComputeTriggerLayoutModelParams) => TriggerLayoutModel;
18
- type UseVisibleChipsParams = ComputeTriggerLayoutModelParams;
19
- export declare const useVisibleChips: (params: UseVisibleChipsParams) => TriggerLayoutModel;
20
- export {};
21
- //# sourceMappingURL=useVisibleChips.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useVisibleChips.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/useVisibleChips.ts"],"names":[],"mappings":"AAEA,KAAK,+BAA+B,GAAG;IACrC,cAAc,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,kBAAkB,EAAE,MAAM,EAAE,CAAC;IAC7B,eAAe,EAAE,MAAM,CAAC;IACxB,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,OAAO,CAAC;IACtB,WAAW,EAAE,OAAO,CAAC;CACtB,CAAC;AAoBF,eAAO,MAAM,yBAAyB,GAAI,8FAQvC,+BAA+B,KAAG,kBAmCpC,CAAC;AAEF,KAAK,qBAAqB,GAAG,+BAA+B,CAAC;AAE7D,eAAO,MAAM,eAAe,GAAI,QAAQ,qBAAqB,KAAG,kBAc7D,CAAC"}
@@ -1,59 +0,0 @@
1
- import { useMemo } from 'react';
2
- const fitCount = (availableWidth, chipWidths, chipGap) => {
3
- if (availableWidth <= 0 || chipWidths.length === 0)
4
- return 0;
5
- let used = 0;
6
- let count = 0;
7
- for (let i = 0; i < chipWidths.length; i += 1) {
8
- const required = chipWidths[i] + (i > 0 ? chipGap : 0);
9
- if (used + required > availableWidth)
10
- break;
11
- used += required;
12
- count += 1;
13
- }
14
- return count;
15
- };
16
- export const computeTriggerLayoutModel = ({ containerWidth, chipWidths, chipGap, badgeWidth, ellipsisWidth, showBadge, safetyBuffer = 1, }) => {
17
- const selectedCount = chipWidths.length;
18
- const shouldShowBadge = showBadge && selectedCount > 0;
19
- if (selectedCount === 0 || containerWidth <= 0) {
20
- return {
21
- visibleChipIndices: [],
22
- hiddenChipCount: 0,
23
- showBadge: shouldShowBadge,
24
- showEllipsis: false,
25
- hasOverflow: false,
26
- };
27
- }
28
- const badgeReserve = shouldShowBadge
29
- ? badgeWidth + chipGap
30
- : 0;
31
- const availableWithoutEllipsis = Math.max(0, containerWidth - badgeReserve - safetyBuffer);
32
- const countWithoutEllipsis = fitCount(availableWithoutEllipsis, chipWidths, chipGap);
33
- const hasOverflow = countWithoutEllipsis < selectedCount;
34
- const ellipsisReserve = hasOverflow
35
- ? ellipsisWidth + chipGap
36
- : 0;
37
- const availableForChips = Math.max(0, containerWidth - badgeReserve - ellipsisReserve - safetyBuffer);
38
- const visibleCount = fitCount(availableForChips, chipWidths, chipGap);
39
- return {
40
- visibleChipIndices: Array.from({ length: visibleCount }, (_, index) => index),
41
- hiddenChipCount: Math.max(0, selectedCount - visibleCount),
42
- showBadge: shouldShowBadge,
43
- showEllipsis: visibleCount < selectedCount,
44
- hasOverflow: visibleCount < selectedCount,
45
- };
46
- };
47
- export const useVisibleChips = (params) =>
48
- // Deps list each field instead of `[params]`: callers often pass a new `params` object every
49
- // render; depending on object identity would rerun the layout every time even when values are unchanged.
50
- useMemo(() => computeTriggerLayoutModel(params), [
51
- params.badgeWidth,
52
- params.chipGap,
53
- params.chipWidths,
54
- params.containerWidth,
55
- params.ellipsisWidth,
56
- params.safetyBuffer,
57
- params.showBadge,
58
- ]);
59
- //# sourceMappingURL=useVisibleChips.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useVisibleChips.js","sourceRoot":"","sources":["../../../src/components/combobox/useVisibleChips.ts"],"names":[],"mappings":"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"}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=useVisibleChips.test.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useVisibleChips.test.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/useVisibleChips.test.tsx"],"names":[],"mappings":""}
@@ -1,81 +0,0 @@
1
- import { describe, expect, test } from 'vitest';
2
- import { computeTriggerLayoutModel } from './useVisibleChips.js';
3
- describe('computeTriggerLayoutModel', () => {
4
- test('shows all chips and no ellipsis when there is no overflow', () => {
5
- const result = computeTriggerLayoutModel({
6
- containerWidth: 300,
7
- chipWidths: [70, 80, 60],
8
- chipGap: 4,
9
- badgeWidth: 24,
10
- ellipsisWidth: 12,
11
- showBadge: true,
12
- });
13
- expect(result).toEqual({
14
- visibleChipIndices: [0, 1, 2],
15
- hiddenChipCount: 0,
16
- showBadge: true,
17
- showEllipsis: false,
18
- hasOverflow: false,
19
- });
20
- });
21
- test('reserves badge and ellipsis before fitting chips when overflow exists', () => {
22
- const result = computeTriggerLayoutModel({
23
- containerWidth: 160,
24
- chipWidths: [60, 60, 60],
25
- chipGap: 4,
26
- badgeWidth: 24,
27
- ellipsisWidth: 12,
28
- showBadge: true,
29
- });
30
- expect(result.visibleChipIndices).toEqual([0]);
31
- expect(result.hiddenChipCount).toBe(2);
32
- expect(result.showEllipsis).toBe(true);
33
- expect(result.hasOverflow).toBe(true);
34
- });
35
- test('allows zero chips when badge and ellipsis take priority in tiny space', () => {
36
- const result = computeTriggerLayoutModel({
37
- containerWidth: 36,
38
- chipWidths: [80, 80],
39
- chipGap: 4,
40
- badgeWidth: 24,
41
- ellipsisWidth: 12,
42
- showBadge: true,
43
- });
44
- expect(result.visibleChipIndices).toEqual([]);
45
- expect(result.hiddenChipCount).toBe(2);
46
- expect(result.showEllipsis).toBe(true);
47
- });
48
- test('reserving badge space reduces visible count', () => {
49
- const withBadge = computeTriggerLayoutModel({
50
- containerWidth: 180,
51
- chipWidths: [60, 60, 60],
52
- chipGap: 4,
53
- badgeWidth: 24,
54
- ellipsisWidth: 12,
55
- showBadge: true,
56
- });
57
- const withoutBadge = computeTriggerLayoutModel({
58
- containerWidth: 180,
59
- chipWidths: [60, 60, 60],
60
- chipGap: 4,
61
- badgeWidth: 24,
62
- ellipsisWidth: 12,
63
- showBadge: false,
64
- });
65
- expect(withoutBadge.visibleChipIndices.length).toBeGreaterThanOrEqual(withBadge.visibleChipIndices.length);
66
- });
67
- test('uses safety buffer to avoid a clipped final chip on boundary widths', () => {
68
- const result = computeTriggerLayoutModel({
69
- containerWidth: 195.5,
70
- chipWidths: [73.4, 73.4, 20],
71
- chipGap: 4,
72
- badgeWidth: 24.2,
73
- ellipsisWidth: 11.6,
74
- showBadge: true,
75
- safetyBuffer: 1,
76
- });
77
- expect(result.visibleChipIndices).toEqual([0]);
78
- expect(result.showEllipsis).toBe(true);
79
- });
80
- });
81
- //# sourceMappingURL=useVisibleChips.test.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useVisibleChips.test.js","sourceRoot":"","sources":["../../../src/components/combobox/useVisibleChips.test.tsx"],"names":[],"mappings":"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"}
@@ -1,5 +0,0 @@
1
- import type { HTMLAttributes } from 'react';
2
- type HeadingSubContainerProps = HTMLAttributes<HTMLSpanElement>;
3
- export declare const HeadingInnerContainer: (props: HeadingSubContainerProps) => import("react/jsx-runtime").JSX.Element;
4
- export {};
5
- //# sourceMappingURL=HeadingInnerContainer.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"HeadingInnerContainer.d.ts","sourceRoot":"","sources":["../../../src/components/heading/HeadingInnerContainer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,KAAK,wBAAwB,GAAG,cAAc,CAAC,eAAe,CAAC,CAAC;AAEhE,eAAO,MAAM,qBAAqB,GAAI,OAAO,wBAAwB,4CAYpE,CAAC"}
@@ -1,7 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import classNames from 'classnames';
3
- export const HeadingInnerContainer = (props) => {
4
- const { className, ...rest } = props;
5
- return (_jsx("span", { className: classNames(className, 'ds-heading__inner-container'), ...rest }));
6
- };
7
- //# sourceMappingURL=HeadingInnerContainer.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"HeadingInnerContainer.js","sourceRoot":"","sources":["../../../src/components/heading/HeadingInnerContainer.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AAKpC,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,KAA+B,EAAE,EAAE;IACvE,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAErC,OAAO,CACL,eACE,SAAS,EAAE,UAAU,CACnB,SAAS,EACT,6BAA6B,CAC9B,KACG,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CAAC"}
@@ -1,37 +0,0 @@
1
- import type { IconName } from '../icon/allowedIcons.js';
2
- import { Icon } from '../icon/Icon.js';
3
- export type IcoTextProps = {
4
- children?: React.ReactNode;
5
- className?: string;
6
- };
7
- export type IcoTextHeadingProps = React.HTMLAttributes<HTMLHeadingElement> & {
8
- children: React.ReactNode;
9
- };
10
- export type IcoTextParagraphProps = React.HTMLAttributes<HTMLParagraphElement> & {
11
- children: React.ReactNode;
12
- };
13
- export type IcoTextIconProps = {
14
- className?: string;
15
- color?: Icon.Props['color'];
16
- name: IconName;
17
- screenReaderText?: string;
18
- size?: 12 | 16 | 24;
19
- };
20
- export declare const IcoText: {
21
- ({ children, className }: IcoTextProps): React.JSX.Element;
22
- displayName: string;
23
- } & {
24
- Heading: {
25
- ({ children, className, ...rest }: IcoTextHeadingProps): React.JSX.Element;
26
- displayName: string;
27
- };
28
- Paragraph: {
29
- ({ children, className, ...rest }: IcoTextParagraphProps): React.JSX.Element;
30
- displayName: string;
31
- };
32
- Icon: {
33
- ({ className, color, name, screenReaderText, size, }: IcoTextIconProps): React.JSX.Element;
34
- displayName: string;
35
- };
36
- };
37
- //# sourceMappingURL=IcoText.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"IcoText.d.ts","sourceRoot":"","sources":["../../../src/components/icoText/IcoText.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAG5C,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC,GAAG;IAC3E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC,GAAG;IAC/E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAC5B,IAAI,EAAE,QAAQ,CAAC;IACf,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,IAAI,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;CACrB,CAAC;AAgEF,eAAO,MAAM,OAAO;8BA1B0B,YAAY,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;;;2CAhC3E,mBAAmB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;;;2CAUvC,qBAAqB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;;;8DAYzC,gBAAgB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;;CAwCrC,CAAC"}
@@ -1,29 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import classNames from 'classnames';
3
- import { Icon } from '../icon/Icon.js';
4
- import { Children, isValidElement } from 'react';
5
- const IcoTextHeading = ({ children, className, ...rest }) => (_jsx("h4", { className: classNames('ds-ico-text__heading', className), ...rest, children: children }));
6
- const IcoTextParagraph = ({ children, className, ...rest }) => (_jsx("p", { className: classNames('ds-ico-text__paragraph', className), ...rest, children: children }));
7
- const IcoTextIcon = ({ className, color, name, screenReaderText, size = 24, }) => (_jsx(Icon, { name: name, className: classNames('ds-ico-text__icon', className), color: color, screenReaderText: screenReaderText, size: size }));
8
- const IcoTextRoot = ({ children, className }) => {
9
- const iconChildren = [];
10
- const contentChildren = [];
11
- Children.forEach(children, (child) => {
12
- if (isValidElement(child) && child.type === IcoTextIcon) {
13
- iconChildren.push(child);
14
- return;
15
- }
16
- contentChildren.push(child);
17
- });
18
- return (_jsxs("div", { className: classNames('ds-ico-text', className), children: [iconChildren, _jsx("div", { className: "ds-ico-text__content", children: contentChildren })] }));
19
- };
20
- IcoTextHeading.displayName = 'IcoText.Heading';
21
- IcoTextParagraph.displayName = 'IcoText.Paragraph';
22
- IcoTextIcon.displayName = 'IcoText.Icon';
23
- IcoTextRoot.displayName = 'IcoText';
24
- export const IcoText = Object.assign(IcoTextRoot, {
25
- Heading: IcoTextHeading,
26
- Paragraph: IcoTextParagraph,
27
- Icon: IcoTextIcon,
28
- });
29
- //# sourceMappingURL=IcoText.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"IcoText.js","sourceRoot":"","sources":["../../../src/components/icoText/IcoText.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAuBjD,MAAM,cAAc,GAAG,CAAC,EACtB,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACa,EAAqB,EAAE,CAAC,CAC5C,aAAI,SAAS,EAAE,UAAU,CAAC,sBAAsB,EAAE,SAAS,CAAC,KAAM,IAAI,YACnE,QAAQ,GACN,CACN,CAAC;AAEF,MAAM,gBAAgB,GAAG,CAAC,EACxB,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACe,EAAqB,EAAE,CAAC,CAC9C,YAAG,SAAS,EAAE,UAAU,CAAC,wBAAwB,EAAE,SAAS,CAAC,KAAM,IAAI,YACpE,QAAQ,GACP,CACL,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,EACnB,SAAS,EACT,KAAK,EACL,IAAI,EACJ,gBAAgB,EAChB,IAAI,GAAG,EAAE,GACQ,EAAqB,EAAE,CAAC,CACzC,KAAC,IAAI,IACH,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,UAAU,CAAC,mBAAmB,EAAE,SAAS,CAAC,EACrD,KAAK,EAAE,KAAK,EACZ,gBAAgB,EAAE,gBAAgB,EAClC,IAAI,EAAE,IAAI,GACV,CACH,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAgB,EAAqB,EAAE;IAC/E,MAAM,YAAY,GAAsB,EAAE,CAAC;IAC3C,MAAM,eAAe,GAAsB,EAAE,CAAC;IAE9C,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;QACnC,IAAI,cAAc,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,KAAK,WAAW,EAAE,CAAC;YACxD,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YACzB,OAAO;QACT,CAAC;QAED,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC9B,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,eAAK,SAAS,EAAE,UAAU,CAAC,aAAa,EAAE,SAAS,CAAC,aACjD,YAAY,EACb,cAAK,SAAS,EAAC,sBAAsB,YAAE,eAAe,GAAO,IACzD,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,cAAc,CAAC,WAAW,GAAG,iBAAiB,CAAC;AAC/C,gBAAgB,CAAC,WAAW,GAAG,mBAAmB,CAAC;AACnD,WAAW,CAAC,WAAW,GAAG,cAAc,CAAC;AACzC,WAAW,CAAC,WAAW,GAAG,SAAS,CAAC;AAEpC,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,WAAW,EAAE;IAChD,OAAO,EAAE,cAAc;IACvB,SAAS,EAAE,gBAAgB;IAC3B,IAAI,EAAE,WAAW;CAClB,CAAC,CAAC"}
@@ -1,60 +0,0 @@
1
- import type { StoryObj } from '@storybook/react-vite';
2
- import { IcoText } from './IcoText.js';
3
- declare function IcoTextDocsPage(): import("react/jsx-runtime").JSX.Element;
4
- declare const meta: {
5
- title: string;
6
- component: {
7
- ({ children, className }: import("./IcoText.js").IcoTextProps): React.JSX.Element;
8
- displayName: string;
9
- } & {
10
- Heading: {
11
- ({ children, className, ...rest }: import("./IcoText.js").IcoTextHeadingProps): React.JSX.Element;
12
- displayName: string;
13
- };
14
- Paragraph: {
15
- ({ children, className, ...rest }: import("./IcoText.js").IcoTextParagraphProps): React.JSX.Element;
16
- displayName: string;
17
- };
18
- Icon: {
19
- ({ className, color, name, screenReaderText, size, }: import("./IcoText.js").IcoTextIconProps): React.JSX.Element;
20
- displayName: string;
21
- };
22
- };
23
- tags: string[];
24
- parameters: {
25
- layout: string;
26
- docs: {
27
- page: typeof IcoTextDocsPage;
28
- };
29
- };
30
- argTypes: {
31
- className: {
32
- control: false;
33
- description: string;
34
- table: {
35
- type: {
36
- summary: string;
37
- };
38
- };
39
- };
40
- children: {
41
- control: false;
42
- description: string;
43
- table: {
44
- type: {
45
- summary: string;
46
- };
47
- };
48
- };
49
- };
50
- };
51
- export default meta;
52
- type Story = StoryObj<typeof IcoText>;
53
- export declare const Default: Story;
54
- export declare const HeadingOnly: Story;
55
- export declare const WithoutIcon: Story;
56
- export declare const IconWithScreenReaderText: Story;
57
- export declare const IconSizes: Story;
58
- export declare const IconColors: Story;
59
- export declare const MultipleParagraphs: Story;
60
- //# sourceMappingURL=IcoText.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"IcoText.stories.d.ts","sourceRoot":"","sources":["../../../src/components/icoText/IcoText.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAU5D,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AA2GpC,iBAAS,eAAe,4CAyBvB;AAMD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoBsB,CAAC;AAEjC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AAsEtC,eAAO,MAAM,OAAO,EAAE,KAWrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KA+BzB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KA+BzB,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,KAqCtC,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAuCvB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KA2BxB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KA4BhC,CAAC"}