@arbor-education/design-system.components 0.14.0 → 0.16.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 (320) hide show
  1. package/.gather/skills/write-stories/SKILL.md +207 -271
  2. package/.storybook/preview.ts +5 -0
  3. package/CHANGELOG.md +27 -0
  4. package/README.md +8 -0
  5. package/component-library.md +144 -13
  6. package/dist/components/articleCard/ArticleCard.stories.d.ts +137 -11
  7. package/dist/components/articleCard/ArticleCard.stories.d.ts.map +1 -1
  8. package/dist/components/articleCard/ArticleCard.stories.js +358 -91
  9. package/dist/components/articleCard/ArticleCard.stories.js.map +1 -1
  10. package/dist/components/avatar/Avatar.stories.d.ts +6 -6
  11. package/dist/components/avatar/Avatar.stories.d.ts.map +1 -1
  12. package/dist/components/avatar/Avatar.stories.js +393 -49
  13. package/dist/components/avatar/Avatar.stories.js.map +1 -1
  14. package/dist/components/avatarGroup/AvatarGroup.stories.d.ts +9 -7
  15. package/dist/components/avatarGroup/AvatarGroup.stories.d.ts.map +1 -1
  16. package/dist/components/avatarGroup/AvatarGroup.stories.js +688 -65
  17. package/dist/components/avatarGroup/AvatarGroup.stories.js.map +1 -1
  18. package/dist/components/banner/Banner.stories.d.ts.map +1 -1
  19. package/dist/components/banner/Banner.stories.js +7 -3
  20. package/dist/components/banner/Banner.stories.js.map +1 -1
  21. package/dist/components/card/Card.stories.d.ts +105 -4
  22. package/dist/components/card/Card.stories.d.ts.map +1 -1
  23. package/dist/components/card/Card.stories.js +336 -18
  24. package/dist/components/card/Card.stories.js.map +1 -1
  25. package/dist/components/combobox/Combobox.stories.d.ts +134 -21
  26. package/dist/components/combobox/Combobox.stories.d.ts.map +1 -1
  27. package/dist/components/combobox/Combobox.stories.js +676 -175
  28. package/dist/components/combobox/Combobox.stories.js.map +1 -1
  29. package/dist/components/datePicker/DatePicker.stories.d.ts +119 -27
  30. package/dist/components/datePicker/DatePicker.stories.d.ts.map +1 -1
  31. package/dist/components/datePicker/DatePicker.stories.js +575 -47
  32. package/dist/components/datePicker/DatePicker.stories.js.map +1 -1
  33. package/dist/components/dateTimePicker/DateTimePicker.stories.d.ts +155 -39
  34. package/dist/components/dateTimePicker/DateTimePicker.stories.d.ts.map +1 -1
  35. package/dist/components/dateTimePicker/DateTimePicker.stories.js +674 -103
  36. package/dist/components/dateTimePicker/DateTimePicker.stories.js.map +1 -1
  37. package/dist/components/editableText/EditableText.stories.d.ts +53 -12
  38. package/dist/components/editableText/EditableText.stories.d.ts.map +1 -1
  39. package/dist/components/editableText/EditableText.stories.js +401 -64
  40. package/dist/components/editableText/EditableText.stories.js.map +1 -1
  41. package/dist/components/formField/FormField.d.ts +4 -0
  42. package/dist/components/formField/FormField.d.ts.map +1 -1
  43. package/dist/components/formField/FormField.js +2 -1
  44. package/dist/components/formField/FormField.js.map +1 -1
  45. package/dist/components/formField/FormField.test.js +5 -0
  46. package/dist/components/formField/FormField.test.js.map +1 -1
  47. package/dist/components/formField/fieldset/Fieldset.stories.d.ts +56 -4
  48. package/dist/components/formField/fieldset/Fieldset.stories.d.ts.map +1 -1
  49. package/dist/components/formField/fieldset/Fieldset.stories.js +534 -28
  50. package/dist/components/formField/fieldset/Fieldset.stories.js.map +1 -1
  51. package/dist/components/formField/inputs/checkbox/CheckboxGroup.d.ts +3 -1
  52. package/dist/components/formField/inputs/checkbox/CheckboxGroup.d.ts.map +1 -1
  53. package/dist/components/formField/inputs/checkbox/CheckboxInput.js +1 -1
  54. package/dist/components/formField/inputs/checkbox/CheckboxInput.js.map +1 -1
  55. package/dist/components/formField/inputs/colourPickerDropdown/ColourPickerDropdown.stories.d.ts +95 -1
  56. package/dist/components/formField/inputs/colourPickerDropdown/ColourPickerDropdown.stories.d.ts.map +1 -1
  57. package/dist/components/formField/inputs/colourPickerDropdown/ColourPickerDropdown.stories.js +386 -9
  58. package/dist/components/formField/inputs/colourPickerDropdown/ColourPickerDropdown.stories.js.map +1 -1
  59. package/dist/components/formField/inputs/number/NumberInput.d.ts.map +1 -1
  60. package/dist/components/formField/inputs/number/NumberInput.js +14 -2
  61. package/dist/components/formField/inputs/number/NumberInput.js.map +1 -1
  62. package/dist/components/formField/inputs/number/NumberInput.test.js +21 -0
  63. package/dist/components/formField/inputs/number/NumberInput.test.js.map +1 -1
  64. package/dist/components/formField/inputs/radio/RadioButtonGroup.d.ts +6 -2
  65. package/dist/components/formField/inputs/radio/RadioButtonGroup.d.ts.map +1 -1
  66. package/dist/components/formField/inputs/radio/RadioButtonGroup.js.map +1 -1
  67. package/dist/components/formField/inputs/radio/RadioButtonInput.stories.d.ts.map +1 -1
  68. package/dist/components/formField/inputs/radio/RadioButtonInput.stories.js +61 -49
  69. package/dist/components/formField/inputs/radio/RadioButtonInput.stories.js.map +1 -1
  70. package/dist/components/formField/inputs/selectDropdown/SelectDropdown.stories.d.ts +188 -166
  71. package/dist/components/formField/inputs/selectDropdown/SelectDropdown.stories.d.ts.map +1 -1
  72. package/dist/components/formField/inputs/selectDropdown/SelectDropdown.stories.js +821 -160
  73. package/dist/components/formField/inputs/selectDropdown/SelectDropdown.stories.js.map +1 -1
  74. package/dist/components/formField/inputs/time/TimeInput.stories.d.ts +176 -22
  75. package/dist/components/formField/inputs/time/TimeInput.stories.d.ts.map +1 -1
  76. package/dist/components/formField/inputs/time/TimeInput.stories.js +851 -92
  77. package/dist/components/formField/inputs/time/TimeInput.stories.js.map +1 -1
  78. package/dist/components/formField/label/Label.stories.d.ts +54 -5
  79. package/dist/components/formField/label/Label.stories.d.ts.map +1 -1
  80. package/dist/components/formField/label/Label.stories.js +238 -4
  81. package/dist/components/formField/label/Label.stories.js.map +1 -1
  82. package/dist/components/icoText/IcoText.stories.d.ts +32 -6
  83. package/dist/components/icoText/IcoText.stories.d.ts.map +1 -1
  84. package/dist/components/icoText/IcoText.stories.js +309 -14
  85. package/dist/components/icoText/IcoText.stories.js.map +1 -1
  86. package/dist/components/kpiCard/KPICard.stories.d.ts +100 -2
  87. package/dist/components/kpiCard/KPICard.stories.d.ts.map +1 -1
  88. package/dist/components/kpiCard/KPICard.stories.js +354 -10
  89. package/dist/components/kpiCard/KPICard.stories.js.map +1 -1
  90. package/dist/components/kvpList/KVPList.stories.d.ts +57 -4
  91. package/dist/components/kvpList/KVPList.stories.d.ts.map +1 -1
  92. package/dist/components/kvpList/KVPList.stories.js +403 -10
  93. package/dist/components/kvpList/KVPList.stories.js.map +1 -1
  94. package/dist/components/modal/Modal.stories.d.ts +113 -9
  95. package/dist/components/modal/Modal.stories.d.ts.map +1 -1
  96. package/dist/components/modal/Modal.stories.js +633 -13
  97. package/dist/components/modal/Modal.stories.js.map +1 -1
  98. package/dist/components/modal/modalManager/ModalManager.stories.d.ts +34 -10
  99. package/dist/components/modal/modalManager/ModalManager.stories.d.ts.map +1 -1
  100. package/dist/components/modal/modalManager/ModalManager.stories.js +463 -85
  101. package/dist/components/modal/modalManager/ModalManager.stories.js.map +1 -1
  102. package/dist/components/pill/Pill.d.ts.map +1 -1
  103. package/dist/components/pill/Pill.js +1 -1
  104. package/dist/components/pill/Pill.js.map +1 -1
  105. package/dist/components/pill/Pill.stories.d.ts.map +1 -1
  106. package/dist/components/pill/Pill.stories.js +11 -13
  107. package/dist/components/pill/Pill.stories.js.map +1 -1
  108. package/dist/components/row/Row.stories.d.ts +1 -2
  109. package/dist/components/row/Row.stories.d.ts.map +1 -1
  110. package/dist/components/row/Row.stories.js +360 -50
  111. package/dist/components/row/Row.stories.js.map +1 -1
  112. package/dist/components/searchBar/SearchBar.stories.d.ts +52 -4
  113. package/dist/components/searchBar/SearchBar.stories.d.ts.map +1 -1
  114. package/dist/components/searchBar/SearchBar.stories.js +428 -36
  115. package/dist/components/searchBar/SearchBar.stories.js.map +1 -1
  116. package/dist/components/section/Section.stories.d.ts +11 -41
  117. package/dist/components/section/Section.stories.d.ts.map +1 -1
  118. package/dist/components/section/Section.stories.js +494 -56
  119. package/dist/components/section/Section.stories.js.map +1 -1
  120. package/dist/components/singleUser/SingleUser.stories.d.ts +5 -4
  121. package/dist/components/singleUser/SingleUser.stories.d.ts.map +1 -1
  122. package/dist/components/singleUser/SingleUser.stories.js +303 -31
  123. package/dist/components/singleUser/SingleUser.stories.js.map +1 -1
  124. package/dist/components/slideoverManager/SlideoverManager.stories.d.ts +32 -11
  125. package/dist/components/slideoverManager/SlideoverManager.stories.d.ts.map +1 -1
  126. package/dist/components/slideoverManager/SlideoverManager.stories.js +380 -84
  127. package/dist/components/slideoverManager/SlideoverManager.stories.js.map +1 -1
  128. package/dist/components/table/DSDefaultColDef.d.ts.map +1 -1
  129. package/dist/components/table/DSDefaultColDef.js +4 -3
  130. package/dist/components/table/DSDefaultColDef.js.map +1 -1
  131. package/dist/components/table/Table.d.ts +7 -1
  132. package/dist/components/table/Table.d.ts.map +1 -1
  133. package/dist/components/table/Table.js +12 -5
  134. package/dist/components/table/Table.js.map +1 -1
  135. package/dist/components/table/Table.stories.d.ts +3 -0
  136. package/dist/components/table/Table.stories.d.ts.map +1 -1
  137. package/dist/components/table/Table.stories.js +445 -3
  138. package/dist/components/table/Table.stories.js.map +1 -1
  139. package/dist/components/table/Table.test.js +184 -0
  140. package/dist/components/table/Table.test.js.map +1 -1
  141. package/dist/components/table/TableFooter.stories.d.ts +49 -0
  142. package/dist/components/table/TableFooter.stories.d.ts.map +1 -0
  143. package/dist/components/table/TableFooter.stories.js +137 -0
  144. package/dist/components/table/TableFooter.stories.js.map +1 -0
  145. package/dist/components/table/TableHeader.stories.d.ts +93 -0
  146. package/dist/components/table/TableHeader.stories.d.ts.map +1 -0
  147. package/dist/components/table/TableHeader.stories.js +176 -0
  148. package/dist/components/table/TableHeader.stories.js.map +1 -0
  149. package/dist/components/table/cellEditors/DateCellEditor.stories.d.ts +44 -0
  150. package/dist/components/table/cellEditors/DateCellEditor.stories.d.ts.map +1 -0
  151. package/dist/components/table/cellEditors/DateCellEditor.stories.js +186 -0
  152. package/dist/components/table/cellEditors/DateCellEditor.stories.js.map +1 -0
  153. package/dist/components/table/cellEditors/NumberCellEditor.d.ts +13 -0
  154. package/dist/components/table/cellEditors/NumberCellEditor.d.ts.map +1 -0
  155. package/dist/components/table/cellEditors/NumberCellEditor.js +35 -0
  156. package/dist/components/table/cellEditors/NumberCellEditor.js.map +1 -0
  157. package/dist/components/table/cellRenderers/BooleanCellRenderer.stories.d.ts +40 -0
  158. package/dist/components/table/cellRenderers/BooleanCellRenderer.stories.d.ts.map +1 -0
  159. package/dist/components/table/cellRenderers/BooleanCellRenderer.stories.js +209 -0
  160. package/dist/components/table/cellRenderers/BooleanCellRenderer.stories.js.map +1 -0
  161. package/dist/components/table/cellRenderers/ButtonCellRenderer.stories.d.ts +48 -0
  162. package/dist/components/table/cellRenderers/ButtonCellRenderer.stories.d.ts.map +1 -0
  163. package/dist/components/table/cellRenderers/ButtonCellRenderer.stories.js +244 -0
  164. package/dist/components/table/cellRenderers/ButtonCellRenderer.stories.js.map +1 -0
  165. package/dist/components/table/cellRenderers/CheckboxCellRenderer.d.ts.map +1 -1
  166. package/dist/components/table/cellRenderers/CheckboxCellRenderer.js +3 -1
  167. package/dist/components/table/cellRenderers/CheckboxCellRenderer.js.map +1 -1
  168. package/dist/components/table/cellRenderers/CheckboxCellRenderer.stories.d.ts +64 -0
  169. package/dist/components/table/cellRenderers/CheckboxCellRenderer.stories.d.ts.map +1 -0
  170. package/dist/components/table/cellRenderers/CheckboxCellRenderer.stories.js +241 -0
  171. package/dist/components/table/cellRenderers/CheckboxCellRenderer.stories.js.map +1 -0
  172. package/dist/components/table/cellRenderers/DefaultCellRenderer.stories.d.ts +55 -0
  173. package/dist/components/table/cellRenderers/DefaultCellRenderer.stories.d.ts.map +1 -0
  174. package/dist/components/table/cellRenderers/DefaultCellRenderer.stories.js +245 -0
  175. package/dist/components/table/cellRenderers/DefaultCellRenderer.stories.js.map +1 -0
  176. package/dist/components/table/cellRenderers/InlineTextCellRenderer.stories.d.ts +67 -0
  177. package/dist/components/table/cellRenderers/InlineTextCellRenderer.stories.d.ts.map +1 -0
  178. package/dist/components/table/cellRenderers/InlineTextCellRenderer.stories.js +221 -0
  179. package/dist/components/table/cellRenderers/InlineTextCellRenderer.stories.js.map +1 -0
  180. package/dist/components/table/cellRenderers/SelectDropdownCellRenderer.stories.d.ts +75 -0
  181. package/dist/components/table/cellRenderers/SelectDropdownCellRenderer.stories.d.ts.map +1 -0
  182. package/dist/components/table/cellRenderers/SelectDropdownCellRenderer.stories.js +270 -0
  183. package/dist/components/table/cellRenderers/SelectDropdownCellRenderer.stories.js.map +1 -0
  184. package/dist/components/table/columnFilters/BooleanFilter.stories.d.ts +57 -0
  185. package/dist/components/table/columnFilters/BooleanFilter.stories.d.ts.map +1 -0
  186. package/dist/components/table/columnFilters/BooleanFilter.stories.js +198 -0
  187. package/dist/components/table/columnFilters/BooleanFilter.stories.js.map +1 -0
  188. package/dist/components/table/columnFilters/TimeFilter.stories.d.ts +58 -0
  189. package/dist/components/table/columnFilters/TimeFilter.stories.d.ts.map +1 -0
  190. package/dist/components/table/columnFilters/TimeFilter.stories.js +207 -0
  191. package/dist/components/table/columnFilters/TimeFilter.stories.js.map +1 -0
  192. package/dist/components/table/pagination/PaginationPanel.stories.d.ts +113 -0
  193. package/dist/components/table/pagination/PaginationPanel.stories.d.ts.map +1 -0
  194. package/dist/components/table/pagination/PaginationPanel.stories.js +272 -0
  195. package/dist/components/table/pagination/PaginationPanel.stories.js.map +1 -0
  196. package/dist/components/table/tableControls/TableControls.stories.d.ts +151 -0
  197. package/dist/components/table/tableControls/TableControls.stories.d.ts.map +1 -0
  198. package/dist/components/table/tableControls/TableControls.stories.js +356 -0
  199. package/dist/components/table/tableControls/TableControls.stories.js.map +1 -0
  200. package/dist/components/table/tableControls/TableSettingsDropdown.d.ts +27 -1
  201. package/dist/components/table/tableControls/TableSettingsDropdown.d.ts.map +1 -1
  202. package/dist/components/table/tableControls/TableSettingsDropdown.js +53 -26
  203. package/dist/components/table/tableControls/TableSettingsDropdown.js.map +1 -1
  204. package/dist/components/table/tableControls/TableSettingsDropdown.test.d.ts +2 -0
  205. package/dist/components/table/tableControls/TableSettingsDropdown.test.d.ts.map +1 -0
  206. package/dist/components/table/tableControls/TableSettingsDropdown.test.js +178 -0
  207. package/dist/components/table/tableControls/TableSettingsDropdown.test.js.map +1 -0
  208. package/dist/components/tabs/Tabs.stories.d.ts +22 -4
  209. package/dist/components/tabs/Tabs.stories.d.ts.map +1 -1
  210. package/dist/components/tabs/Tabs.stories.js +398 -22
  211. package/dist/components/tabs/Tabs.stories.js.map +1 -1
  212. package/dist/components/tabs/TabsItem.stories.d.ts +54 -1
  213. package/dist/components/tabs/TabsItem.stories.d.ts.map +1 -1
  214. package/dist/components/tabs/TabsItem.stories.js +61 -9
  215. package/dist/components/tabs/TabsItem.stories.js.map +1 -1
  216. package/dist/components/toast/Toast.stories.d.ts +103 -10
  217. package/dist/components/toast/Toast.stories.d.ts.map +1 -1
  218. package/dist/components/toast/Toast.stories.js +409 -47
  219. package/dist/components/toast/Toast.stories.js.map +1 -1
  220. package/dist/components/toggle/Toggle.stories.d.ts +61 -46
  221. package/dist/components/toggle/Toggle.stories.d.ts.map +1 -1
  222. package/dist/components/toggle/Toggle.stories.js +311 -122
  223. package/dist/components/toggle/Toggle.stories.js.map +1 -1
  224. package/dist/components/tooltip/Tooltip.stories.d.ts +78 -6
  225. package/dist/components/tooltip/Tooltip.stories.d.ts.map +1 -1
  226. package/dist/components/tooltip/Tooltip.stories.js +413 -7
  227. package/dist/components/tooltip/Tooltip.stories.js.map +1 -1
  228. package/dist/components/tooltip/TooltipWrapper.stories.d.ts +71 -7
  229. package/dist/components/tooltip/TooltipWrapper.stories.d.ts.map +1 -1
  230. package/dist/components/tooltip/TooltipWrapper.stories.js +238 -10
  231. package/dist/components/tooltip/TooltipWrapper.stories.js.map +1 -1
  232. package/dist/index.css +27 -0
  233. package/dist/index.css.map +1 -1
  234. package/dist/index.d.ts +3 -2
  235. package/dist/index.d.ts.map +1 -1
  236. package/dist/index.js +3 -2
  237. package/dist/index.js.map +1 -1
  238. package/dist/utils/PopupParentContext.stories.d.ts +17 -0
  239. package/dist/utils/PopupParentContext.stories.d.ts.map +1 -0
  240. package/dist/utils/PopupParentContext.stories.js +266 -0
  241. package/dist/utils/PopupParentContext.stories.js.map +1 -0
  242. package/dist/utils/getDefaultPopupParent.d.ts.map +1 -1
  243. package/dist/utils/getDefaultPopupParent.js +6 -0
  244. package/dist/utils/getDefaultPopupParent.js.map +1 -1
  245. package/package.json +1 -1
  246. package/src/components/articleCard/ArticleCard.stories.tsx +524 -111
  247. package/src/components/avatar/Avatar.stories.tsx +504 -59
  248. package/src/components/avatarGroup/AvatarGroup.stories.tsx +977 -175
  249. package/src/components/banner/Banner.stories.tsx +7 -3
  250. package/src/components/card/Card.stories.tsx +466 -36
  251. package/src/components/combobox/Combobox.stories.tsx +867 -260
  252. package/src/components/datePicker/DatePicker.stories.tsx +777 -60
  253. package/src/components/dateTimePicker/DateTimePicker.stories.tsx +910 -132
  254. package/src/components/editableText/EditableText.stories.tsx +567 -91
  255. package/src/components/formField/FormField.test.tsx +6 -0
  256. package/src/components/formField/FormField.tsx +5 -0
  257. package/src/components/formField/fieldset/Fieldset.stories.tsx +761 -51
  258. package/src/components/formField/inputs/checkbox/CheckboxGroup.tsx +1 -1
  259. package/src/components/formField/inputs/checkbox/CheckboxInput.tsx +1 -1
  260. package/src/components/formField/inputs/colourPickerDropdown/ColourPickerDropdown.stories.tsx +504 -11
  261. package/src/components/formField/inputs/number/NumberInput.test.tsx +28 -0
  262. package/src/components/formField/inputs/number/NumberInput.tsx +15 -0
  263. package/src/components/formField/inputs/radio/RadioButtonGroup.tsx +17 -4
  264. package/src/components/formField/inputs/radio/RadioButtonInput.stories.tsx +71 -59
  265. package/src/components/formField/inputs/selectDropdown/SelectDropdown.stories.tsx +1079 -168
  266. package/src/components/formField/inputs/time/TimeInput.stories.tsx +1140 -104
  267. package/src/components/formField/label/Label.stories.tsx +317 -8
  268. package/src/components/icoText/IcoText.stories.tsx +442 -31
  269. package/src/components/kpiCard/KPICard.stories.tsx +475 -30
  270. package/src/components/kvpList/KVPList.stories.tsx +593 -26
  271. package/src/components/modal/Modal.stories.tsx +963 -26
  272. package/src/components/modal/modalManager/ModalManager.stories.tsx +612 -454
  273. package/src/components/pill/Pill.stories.tsx +11 -13
  274. package/src/components/pill/Pill.tsx +1 -0
  275. package/src/components/row/Row.stories.tsx +474 -58
  276. package/src/components/searchBar/SearchBar.stories.tsx +570 -38
  277. package/src/components/section/Section.stories.tsx +723 -70
  278. package/src/components/singleUser/SingleUser.stories.tsx +393 -34
  279. package/src/components/slideoverManager/SlideoverManager.stories.tsx +572 -342
  280. package/src/components/table/DSDefaultColDef.ts +25 -5
  281. package/src/components/table/Table.stories.tsx +504 -3
  282. package/src/components/table/Table.test.tsx +255 -0
  283. package/src/components/table/Table.tsx +15 -2
  284. package/src/components/table/TableFooter.stories.tsx +196 -0
  285. package/src/components/table/TableHeader.stories.tsx +251 -0
  286. package/src/components/table/cellEditors/DateCellEditor.stories.tsx +245 -0
  287. package/src/components/table/cellEditors/NumberCellEditor.tsx +83 -0
  288. package/src/components/table/cellEditors/numberCellEditor.scss +11 -0
  289. package/src/components/table/cellRenderers/BooleanCellRenderer.stories.tsx +278 -0
  290. package/src/components/table/cellRenderers/ButtonCellRenderer.stories.tsx +333 -0
  291. package/src/components/table/cellRenderers/CheckboxCellRenderer.stories.tsx +337 -0
  292. package/src/components/table/cellRenderers/CheckboxCellRenderer.tsx +5 -1
  293. package/src/components/table/cellRenderers/DefaultCellRenderer.stories.tsx +342 -0
  294. package/src/components/table/cellRenderers/InlineTextCellRenderer.stories.tsx +292 -0
  295. package/src/components/table/cellRenderers/SelectDropdownCellRenderer.stories.tsx +369 -0
  296. package/src/components/table/columnFilters/BooleanFilter.stories.tsx +268 -0
  297. package/src/components/table/columnFilters/TimeFilter.stories.tsx +281 -0
  298. package/src/components/table/pagination/PaginationPanel.stories.tsx +327 -0
  299. package/src/components/table/table.scss +11 -0
  300. package/src/components/table/tableControls/TableControls.stories.tsx +415 -0
  301. package/src/components/table/tableControls/TableSettingsDropdown.test.tsx +207 -0
  302. package/src/components/table/tableControls/TableSettingsDropdown.tsx +103 -39
  303. package/src/components/tabs/Tabs.stories.tsx +540 -60
  304. package/src/components/tabs/TabsItem.stories.tsx +82 -8
  305. package/src/components/toast/Toast.stories.tsx +539 -77
  306. package/src/components/toggle/Toggle.stories.tsx +371 -135
  307. package/src/components/tooltip/Tooltip.stories.tsx +606 -15
  308. package/src/components/tooltip/TooltipWrapper.stories.tsx +348 -12
  309. package/src/docs/Contributing.mdx +241 -0
  310. package/src/docs/UsingComponents.mdx +93 -0
  311. package/src/docs/Welcome.mdx +68 -0
  312. package/src/global.scss +7 -0
  313. package/src/index.scss +1 -0
  314. package/src/index.ts +3 -2
  315. package/src/utils/PopupParentContext.stories.tsx +367 -0
  316. package/src/utils/getDefaultPopupParent.ts +6 -0
  317. package/.ralph/storybook-upgrade/knowledge.md +0 -308
  318. package/.ralph/storybook-upgrade/prd.json +0 -777
  319. package/.ralph/storybook-upgrade/progress.md +0 -342
  320. package/src/components/table/TableWIP.mdx +0 -3
@@ -0,0 +1,356 @@
1
+ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { Controls, Heading as DocHeading, Markdown, Primary as DocPrimary, Stories, Subtitle, Title, } from '@storybook/addon-docs/blocks';
3
+ import { fn } from 'storybook/test';
4
+ import { TableControls } from './TableControls';
5
+ // ---------------------------------------------------------------------------
6
+ // Docs page content
7
+ // ---------------------------------------------------------------------------
8
+ const DESCRIPTION_INTRO = [
9
+ '`TableControls` is the pre-composed toolbar slot for the Arbor data table.',
10
+ 'It renders a two-group flex row: a **start group** (bulk actions, undo, redo, hide columns)',
11
+ 'and an **end group** (search, download, settings, help, expand).',
12
+ '',
13
+ 'Every slot is opt-in — only pass the props for the controls you need.',
14
+ 'If neither group has any props, the component returns `null` and renders nothing.',
15
+ '',
16
+ 'Pass the entire `<TableControls />` element as the `headerContent` prop of `<Table />`.',
17
+ ].join('\n');
18
+ const USAGE_GUIDANCE = [
19
+ '### When to use',
20
+ '',
21
+ '- As the `headerContent` of a `<Table />` to give it a standard toolbar',
22
+ '- When you need a consistent mix of bulk actions, column visibility, search, and settings',
23
+ '- When consumers need access to the full set of standard table controls in one composable component',
24
+ '',
25
+ '---',
26
+ '',
27
+ '### When NOT to use',
28
+ '',
29
+ '| Situation | Alternative |',
30
+ '|---|---|',
31
+ '| You only need a search bar | Pass `<SearchBar />` directly as `headerContent` |',
32
+ '| You need a custom toolbar layout | Compose your own header with individual components |',
33
+ '| The table has no toolbar at all | Omit `headerContent` entirely |',
34
+ '',
35
+ '---',
36
+ '',
37
+ '### Start group vs end group',
38
+ '',
39
+ '| Prop | Group | Description |',
40
+ '|---|---|---|',
41
+ '| `bulkActions` | Start | Array of `{ displayName, callback, disabled? }` — shown as a dropdown when rows are selected |',
42
+ '| `onUndo` | Start | Renders an undo icon button |',
43
+ '| `onRedo` | Start | Renders a redo icon button |',
44
+ '| `showHideColumns` | Start | Renders the `HideColumnsDropdown` |',
45
+ '| `hasSearch` | End | Renders the `SearchBar` |',
46
+ '| `onDownload` | End | Renders a download icon button |',
47
+ '| `onTooltipsToggle` | End | Renders a tooltip-toggle icon button (aria-pressed) |',
48
+ '| `showSettings` | End | Renders the `TableSettingsDropdown` |',
49
+ '| `onHelp` | End | Renders a help icon button |',
50
+ '| `onExpandToggle` | End | Renders an expand/shrink icon button |',
51
+ ].join('\n');
52
+ const DEVELOPER_NOTES = [
53
+ '### Wiring into `<Table />`',
54
+ '',
55
+ '```tsx',
56
+ "import { Table, TableControls } from '@arbor-education/design-system.components';",
57
+ '',
58
+ 'function MyTable() {',
59
+ ' return (',
60
+ ' <Table',
61
+ ' rowData={rows}',
62
+ ' columnDefs={colDefs}',
63
+ ' headerContent={(',
64
+ ' <TableControls',
65
+ ' bulkActions={[',
66
+ ' { displayName: "Export selected", callback: api => exportCsv(api) },',
67
+ ' { displayName: "Delete selected", callback: api => deleteRows(api) },',
68
+ ' ]}',
69
+ ' onUndo={handleUndo}',
70
+ ' showHideColumns',
71
+ ' onDownload={handleDownload}',
72
+ ' showSettings',
73
+ ' onHelp={openHelpPanel}',
74
+ ' onExpandToggle={setExpanded}',
75
+ ' />',
76
+ ' )}',
77
+ ' />',
78
+ ' );',
79
+ '}',
80
+ '```',
81
+ '',
82
+ '---',
83
+ '',
84
+ '### `BulkAction` type',
85
+ '',
86
+ '```ts',
87
+ "import type { BulkAction } from '@arbor-education/design-system.components';",
88
+ '',
89
+ 'type BulkAction = {',
90
+ ' displayName: string;',
91
+ ' callback: (gridApi: GridApi) => void;',
92
+ ' disabled?: boolean;',
93
+ '};',
94
+ '```',
95
+ '',
96
+ '---',
97
+ '',
98
+ '### `HideColumnsDropdown` and `GridApiContext`',
99
+ '',
100
+ 'When `showHideColumns` is `true`, `TableControls` renders `HideColumnsDropdown`.',
101
+ '`HideColumnsDropdown` reads the column list from `GridApiContext` — this context is provided',
102
+ 'automatically by `<Table />`. When used outside a `<Table />`, pass the `hideColumnsProps`',
103
+ 'prop to supply columns manually:',
104
+ '',
105
+ '```tsx',
106
+ '<TableControls',
107
+ ' showHideColumns',
108
+ ' hideColumnsProps={{',
109
+ ' columns: myColumns,',
110
+ ' onSelectionChanged: handleVisibilityChange,',
111
+ ' }}',
112
+ '/>',
113
+ '```',
114
+ '',
115
+ '---',
116
+ '',
117
+ '### TypeScript types',
118
+ '',
119
+ '```ts',
120
+ "import { TableControls } from '@arbor-education/design-system.components';",
121
+ "import type { TableControlsProps, BulkAction } from '@arbor-education/design-system.components';",
122
+ '```',
123
+ ].join('\n');
124
+ const RELATED_COMPONENTS = [
125
+ '## Related components',
126
+ '',
127
+ '[Table](?path=/docs/components-table--docs) · [PaginationPanel](?path=/docs/components-table-paginationpanel--docs) · [SearchBar](?path=/docs/components-searchbar--docs) · [Button](?path=/docs/components-button--docs)',
128
+ ].join('\n');
129
+ const PROPS_INTRO = 'The preview below is wired to the **Controls** panel — toggle props to see the toolbar update in real time.';
130
+ // ---------------------------------------------------------------------------
131
+ // Custom DocsPage
132
+ // ---------------------------------------------------------------------------
133
+ function TableControlsDocsPage() {
134
+ return (_jsxs(_Fragment, { children: [_jsx(Title, {}), _jsx(Subtitle, {}), _jsx(Markdown, { children: DESCRIPTION_INTRO }), _jsx(DocHeading, { children: "Interactive example" }), _jsx(Markdown, { children: PROPS_INTRO }), _jsx(DocPrimary, {}), _jsx(Controls, {}), _jsx(DocHeading, { children: "Usage guidance" }), _jsx(Markdown, { children: USAGE_GUIDANCE }), _jsx(DocHeading, { children: "Developer notes" }), _jsx(Markdown, { children: DEVELOPER_NOTES }), _jsx(DocHeading, { children: "Examples" }), _jsx(Stories, { title: "" }), _jsx(Markdown, { children: RELATED_COMPONENTS })] }));
135
+ }
136
+ // ---------------------------------------------------------------------------
137
+ // Meta
138
+ // ---------------------------------------------------------------------------
139
+ const meta = {
140
+ title: 'Components/Table/TableControls',
141
+ component: TableControls,
142
+ tags: ['autodocs'],
143
+ parameters: {
144
+ layout: 'padded',
145
+ docs: { page: TableControlsDocsPage },
146
+ },
147
+ argTypes: {
148
+ bulkActions: {
149
+ description: 'Array of bulk action definitions. Each action has a `displayName`, a `callback(gridApi)`, and an optional `disabled` flag. Renders as a `BulkActionsDropdown` in the start group.',
150
+ control: false,
151
+ table: { type: { summary: 'BulkAction[]' }, defaultValue: { summary: 'undefined' } },
152
+ },
153
+ onUndo: {
154
+ description: 'Renders an undo icon button in the start group. Called with no arguments on click.',
155
+ control: false,
156
+ table: { type: { summary: '() => void' }, defaultValue: { summary: 'undefined' } },
157
+ },
158
+ onRedo: {
159
+ description: 'Renders a redo icon button in the start group. Called with no arguments on click.',
160
+ control: false,
161
+ table: { type: { summary: '() => void' }, defaultValue: { summary: 'undefined' } },
162
+ },
163
+ showHideColumns: {
164
+ description: 'When `true`, renders the `HideColumnsDropdown` in the start group. Reads column visibility from `GridApiContext` (provided by `<Table />`). Pass `hideColumnsProps` for manual column control.',
165
+ control: 'boolean',
166
+ table: { type: { summary: 'boolean' }, defaultValue: { summary: 'false' } },
167
+ },
168
+ hasSearch: {
169
+ description: 'When `true`, renders a `SearchBar` in the end group.',
170
+ control: 'boolean',
171
+ table: { type: { summary: 'boolean' }, defaultValue: { summary: 'false' } },
172
+ },
173
+ onDownload: {
174
+ description: 'Renders a download icon button in the end group. Called with no arguments on click.',
175
+ control: false,
176
+ table: { type: { summary: '() => void' }, defaultValue: { summary: 'undefined' } },
177
+ },
178
+ showSettings: {
179
+ description: 'When `true`, renders the `TableSettingsDropdown` in the end group.',
180
+ control: 'boolean',
181
+ table: { type: { summary: 'boolean' }, defaultValue: { summary: 'false' } },
182
+ },
183
+ onHelp: {
184
+ description: 'Renders a help icon button in the end group. Called with no arguments on click.',
185
+ control: false,
186
+ table: { type: { summary: '() => void' }, defaultValue: { summary: 'undefined' } },
187
+ },
188
+ isExpanded: {
189
+ description: 'Controls the expand/shrink icon state when `onExpandToggle` is provided. `true` = shrink icon; `false` = expand icon.',
190
+ control: 'boolean',
191
+ table: { type: { summary: 'boolean' }, defaultValue: { summary: 'false' } },
192
+ },
193
+ onExpandToggle: {
194
+ description: 'Renders an expand/shrink icon button in the end group. Called with the new expanded state (`boolean`) on click.',
195
+ control: false,
196
+ table: { type: { summary: '(expanded: boolean) => void' }, defaultValue: { summary: 'undefined' } },
197
+ },
198
+ },
199
+ args: {
200
+ onUndo: fn(),
201
+ onRedo: fn(),
202
+ onDownload: fn(),
203
+ onHelp: fn(),
204
+ onExpandToggle: fn(),
205
+ },
206
+ };
207
+ export default meta;
208
+ // ---------------------------------------------------------------------------
209
+ // Helper
210
+ // ---------------------------------------------------------------------------
211
+ const withDescription = (story, description) => ({
212
+ ...story,
213
+ parameters: {
214
+ ...story.parameters,
215
+ docs: { ...story.parameters?.docs, description: { story: description } },
216
+ },
217
+ });
218
+ // ---------------------------------------------------------------------------
219
+ // Stories
220
+ // ---------------------------------------------------------------------------
221
+ export const Default = withDescription({
222
+ args: {
223
+ onUndo: fn(),
224
+ onRedo: fn(),
225
+ onDownload: fn(),
226
+ showSettings: true,
227
+ onHelp: fn(),
228
+ onExpandToggle: fn(),
229
+ },
230
+ }, 'The interactive canvas — toggle Controls to add or remove toolbar slots. '
231
+ + 'Every prop is opt-in: only slots with a prop provided will render. '
232
+ + 'If no props are passed at all, `TableControls` returns `null`.');
233
+ export const StartGroupOnly = withDescription({
234
+ parameters: { controls: { disable: true } },
235
+ args: {
236
+ bulkActions: [
237
+ { displayName: 'Export selected', callback: fn() },
238
+ { displayName: 'Delete selected', callback: fn(), disabled: true },
239
+ ],
240
+ onUndo: fn(),
241
+ onRedo: fn(),
242
+ showHideColumns: false,
243
+ },
244
+ }, 'Only the start group: bulk actions dropdown, undo, and redo. '
245
+ + 'No end-group props are passed so that side is omitted entirely. '
246
+ + '`showHideColumns` is `false` here because `HideColumnsDropdown` needs a `GridApiContext` (provided by `<Table />`) to read column data — '
247
+ + 'see the **Within a Table** story for a fully wired example.');
248
+ export const EndGroupOnly = withDescription({
249
+ parameters: { controls: { disable: true } },
250
+ args: {
251
+ hasSearch: true,
252
+ onDownload: fn(),
253
+ showSettings: true,
254
+ onHelp: fn(),
255
+ onExpandToggle: fn(),
256
+ },
257
+ }, 'Only the end group: search bar, download, settings dropdown, help, and expand. '
258
+ + 'No start-group props are passed so that side is omitted entirely.');
259
+ export const BulkActionsOnly = withDescription({
260
+ parameters: {
261
+ controls: { disable: true },
262
+ docs: {
263
+ source: {
264
+ language: 'tsx',
265
+ code: `
266
+ import { Table, TableControls } from '@arbor-education/design-system.components';
267
+
268
+ function MyTable() {
269
+ return (
270
+ <Table
271
+ rowData={rows}
272
+ columnDefs={colDefs}
273
+ rowSelection={{ mode: 'multiRow', checkboxes: true }}
274
+ headerContent={(
275
+ <TableControls
276
+ bulkActions={[
277
+ { displayName: 'Export selected', callback: api => api.exportDataAsCsv() },
278
+ { displayName: 'Delete selected', callback: handleDelete, disabled: !canDelete },
279
+ ]}
280
+ />
281
+ )}
282
+ />
283
+ );
284
+ }
285
+ export default MyTable;
286
+ `.trim(),
287
+ },
288
+ },
289
+ },
290
+ args: {
291
+ bulkActions: [
292
+ { displayName: 'Export selected', callback: fn() },
293
+ { displayName: 'Archive selected', callback: fn() },
294
+ { displayName: 'Delete selected', callback: fn(), disabled: true },
295
+ ],
296
+ },
297
+ }, 'Only the `bulkActions` slot in the start group — no other controls. '
298
+ + 'Bulk actions render as a `BulkActionsDropdown`. The `callback` receives the AG Grid `GridApi` instance '
299
+ + 'so you can directly call `api.exportDataAsCsv()`, `api.getSelectedRows()`, etc. '
300
+ + 'Pass `disabled: true` to a specific action to grey it out (e.g. "Delete selected" when nothing is selected).');
301
+ export const FullToolbar = withDescription({
302
+ parameters: {
303
+ controls: { disable: true },
304
+ docs: {
305
+ source: {
306
+ language: 'tsx',
307
+ code: `
308
+ import { Table, TableControls } from '@arbor-education/design-system.components';
309
+
310
+ function FullTableExample() {
311
+ return (
312
+ <Table
313
+ rowData={rows}
314
+ columnDefs={colDefs}
315
+ rowSelection={{ mode: 'multiRow', checkboxes: true }}
316
+ headerContent={(
317
+ <TableControls
318
+ bulkActions={[
319
+ { displayName: 'Export selected', callback: api => api.exportDataAsCsv() },
320
+ { displayName: 'Delete selected', callback: handleDelete },
321
+ ]}
322
+ onUndo={handleUndo}
323
+ onRedo={handleRedo}
324
+ showHideColumns
325
+ onDownload={handleDownload}
326
+ showSettings
327
+ onHelp={openHelpPanel}
328
+ onExpandToggle={setExpanded}
329
+ />
330
+ )}
331
+ />
332
+ );
333
+ }
334
+ export default FullTableExample;
335
+ `.trim(),
336
+ },
337
+ },
338
+ },
339
+ args: {
340
+ bulkActions: [
341
+ { displayName: 'Export selected', callback: fn() },
342
+ { displayName: 'Delete selected', callback: fn() },
343
+ ],
344
+ onUndo: fn(),
345
+ onRedo: fn(),
346
+ showHideColumns: false,
347
+ onDownload: fn(),
348
+ showSettings: true,
349
+ onHelp: fn(),
350
+ onExpandToggle: fn(),
351
+ },
352
+ }, 'The full toolbar with both groups populated: bulk actions, undo, redo, hide columns, download, settings, help, and expand. '
353
+ + 'This is the maximum control density — only include the slots your users actually need. '
354
+ + '`showHideColumns` renders a `HideColumnsDropdown` that reads columns from `GridApiContext`; '
355
+ + 'in this standalone preview it is disabled since there is no enclosing `<Table />` providing that context.');
356
+ //# sourceMappingURL=TableControls.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TableControls.stories.js","sourceRoot":"","sources":["../../../../src/components/table/tableControls/TableControls.stories.tsx"],"names":[],"mappings":"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"}
@@ -1,2 +1,28 @@
1
- export declare const TableSettingsDropdown: () => import("react/jsx-runtime").JSX.Element;
1
+ export declare const TABLE_SETTINGS_ITEMS: readonly ["tableSpacing", "separator", "style"];
2
+ export type CheckboxGroupSettingsItem = {
3
+ type: 'checkboxGroup';
4
+ legend?: string;
5
+ options: {
6
+ label: string;
7
+ checked: boolean;
8
+ onChange: (checked: boolean) => void;
9
+ }[];
10
+ };
11
+ export type RadioGroupSettingsItem = {
12
+ type: 'radioGroup';
13
+ legend?: string;
14
+ name: string;
15
+ checkedValue: string;
16
+ onChange: (value: string) => void;
17
+ options: {
18
+ label: string;
19
+ value: string;
20
+ }[];
21
+ };
22
+ export type CustomTableSettingsItem = CheckboxGroupSettingsItem | RadioGroupSettingsItem;
23
+ export type TableSettingsItem = typeof TABLE_SETTINGS_ITEMS[number] | CustomTableSettingsItem;
24
+ export type TableSettingsDropdownProps = {
25
+ items?: readonly TableSettingsItem[];
26
+ };
27
+ export declare const TableSettingsDropdown: ({ items }: TableSettingsDropdownProps) => import("react/jsx-runtime").JSX.Element;
2
28
  //# sourceMappingURL=TableSettingsDropdown.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"TableSettingsDropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/table/tableControls/TableSettingsDropdown.tsx"],"names":[],"mappings":"AAgBA,eAAO,MAAM,qBAAqB,+CA0EjC,CAAC"}
1
+ {"version":3,"file":"TableSettingsDropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/table/tableControls/TableSettingsDropdown.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,oBAAoB,iDAIvB,CAAC;AAEX,MAAM,MAAM,yBAAyB,GAAG;IACtC,IAAI,EAAE,eAAe,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,OAAO,CAAC;QAAC,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;KAAE,EAAE,CAAC;CACtF,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,IAAI,EAAE,YAAY,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CAC7C,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,yBAAyB,GAAG,sBAAsB,CAAC;AAEzF,MAAM,MAAM,iBAAiB,GAAG,OAAO,oBAAoB,CAAC,MAAM,CAAC,GAAG,uBAAuB,CAAC;AAE9F,MAAM,MAAM,0BAA0B,GAAG;IACvC,KAAK,CAAC,EAAE,SAAS,iBAAiB,EAAE,CAAC;CACtC,CAAC;AASF,eAAO,MAAM,qBAAqB,GAAI,WAAkC,0BAA0B,4CA6GjG,CAAC"}
@@ -7,37 +7,64 @@ import { Separator } from '../../separator/Separator';
7
7
  import { useContext } from 'react';
8
8
  import { TABLE_SPACING } from '../tableConsts';
9
9
  import { TableSettingsContext } from '../TableSettingsContext';
10
+ export const TABLE_SETTINGS_ITEMS = [
11
+ 'tableSpacing',
12
+ 'separator',
13
+ 'style',
14
+ ];
10
15
  const TABLE_SPACING_NAMES = {
11
16
  XS: 'X-Small',
12
17
  S: 'Small',
13
18
  M: 'Medium',
14
19
  L: 'Large',
15
20
  };
16
- export const TableSettingsDropdown = () => {
17
- const { settings: { hasColumnBorders, tableSpacing, areCellColorsEnabled, }, setTableSpacing, setHasColumnBorders, resetSettings, setAreCellColorsEnabled, } = useContext(TableSettingsContext);
18
- return (_jsxs(Dropdown, { children: [_jsx(Dropdown.Trigger, { children: _jsx(Button, { variant: "secondary", iconRightName: "settings", iconRightScreenReaderText: "Table settings", borderless: true }) }), _jsxs(Dropdown.Content, { children: [_jsx(RadioButtonGroup, { legend: "Table spacing", options: Object.values(TABLE_SPACING).map((option) => {
19
- return {
20
- name: 'ds-table-spacing',
21
- label: TABLE_SPACING_NAMES[option],
22
- value: option,
23
- };
24
- }), name: "ds-table-spacing", checkedValue: tableSpacing, onChange: (e) => {
25
- setTableSpacing(e.target.value);
26
- } }), _jsx(Separator, {}), _jsx(CheckboxGroup, { legend: "Style", options: [
27
- {
28
- label: 'Column borders',
29
- checked: hasColumnBorders,
30
- onChange: () => {
31
- setHasColumnBorders(!hasColumnBorders);
32
- },
33
- },
34
- {
35
- label: 'Cell colours',
36
- checked: areCellColorsEnabled,
37
- onChange: () => {
38
- setAreCellColorsEnabled(!areCellColorsEnabled);
39
- },
40
- },
41
- ] }), _jsx(Separator, {}), _jsx(Button, { variant: "tertiary", iconLeftName: "redo", onClick: resetSettings, children: "Reset Table Settings" })] })] }));
21
+ export const TableSettingsDropdown = ({ items = TABLE_SETTINGS_ITEMS }) => {
22
+ const { settings: { hasColumnBorders, tableSpacing, areCellColorsEnabled }, setTableSpacing, setHasColumnBorders, resetSettings, setAreCellColorsEnabled, } = useContext(TableSettingsContext);
23
+ const renderItem = (item, index) => {
24
+ if (item === 'tableSpacing') {
25
+ return (_jsx(RadioButtonGroup, { legend: "Table spacing", options: Object.values(TABLE_SPACING).map(option => ({
26
+ name: 'ds-table-spacing',
27
+ label: TABLE_SPACING_NAMES[option],
28
+ value: option,
29
+ id: `TableSettings-tableSpacing-${option}`,
30
+ })), name: "ds-table-spacing", checkedValue: tableSpacing, onChange: (event) => setTableSpacing(event.target.value) }, "tableSpacing"));
31
+ }
32
+ if (item === 'separator') {
33
+ return _jsx(Separator, {}, `separator-${index}`);
34
+ }
35
+ if (item === 'style') {
36
+ return (_jsx(CheckboxGroup, { legend: "Style", options: [
37
+ {
38
+ label: 'Column borders',
39
+ id: 'TableSettings_columnBorders',
40
+ checked: hasColumnBorders,
41
+ onChange: () => setHasColumnBorders(!hasColumnBorders),
42
+ },
43
+ {
44
+ label: 'Cell colours',
45
+ id: 'TableSettings_cellColours',
46
+ checked: areCellColorsEnabled,
47
+ onChange: () => setAreCellColorsEnabled(!areCellColorsEnabled),
48
+ },
49
+ ] }, "style"));
50
+ }
51
+ if (item.type === 'checkboxGroup') {
52
+ return (_jsx(CheckboxGroup, { legend: item.legend, options: item.options.map(option => ({
53
+ label: option.label,
54
+ id: option.label,
55
+ checked: option.checked,
56
+ onChange: (event) => option.onChange(event.target.checked),
57
+ })) }, `checkboxGroup-${index}`));
58
+ }
59
+ if (item.type === 'radioGroup') {
60
+ return (_jsx(RadioButtonGroup, { legend: item.legend, name: item.name, checkedValue: item.checkedValue, onChange: (event) => item.onChange(event.target.value), options: item.options.map(option => ({
61
+ label: option.label,
62
+ value: option.value,
63
+ id: option.value,
64
+ })) }, `radioGroup-${index}`));
65
+ }
66
+ return null;
67
+ };
68
+ return (_jsxs(Dropdown, { children: [_jsx(Dropdown.Trigger, { children: _jsx(Button, { variant: "secondary", iconRightName: "settings", iconRightScreenReaderText: "Table settings", borderless: true }) }), _jsxs(Dropdown.Content, { children: [items.map(renderItem), _jsx(Separator, {}), _jsx(Button, { variant: "tertiary", iconLeftName: "redo", onClick: resetSettings, children: "Reset Table Settings" })] })] }));
42
69
  };
43
70
  //# sourceMappingURL=TableSettingsDropdown.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"TableSettingsDropdown.js","sourceRoot":"","sources":["../../../../src/components/table/tableControls/TableSettingsDropdown.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,oDAAoD,CAAC;AACnF,OAAO,EAAE,gBAAgB,EAAE,MAAM,oDAAoD,CAAC;AACtF,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAoB,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAE/D,MAAM,mBAAmB,GAAG;IAC1B,EAAE,EAAE,SAAS;IACb,CAAC,EAAE,OAAO;IACV,CAAC,EAAE,QAAQ;IACX,CAAC,EAAE,OAAO;CACX,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,EAAE;IACxC,MAAM,EACJ,QAAQ,EAAE,EACR,gBAAgB,EAChB,YAAY,EACZ,oBAAoB,GACrB,EACD,eAAe,EACf,mBAAmB,EACnB,aAAa,EACb,uBAAuB,GACxB,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC;IAErC,OAAO,CACL,MAAC,QAAQ,eACP,KAAC,QAAQ,CAAC,OAAO,cACf,KAAC,MAAM,IACL,OAAO,EAAC,WAAW,EACnB,aAAa,EAAC,UAAU,EACxB,yBAAyB,EAAC,gBAAgB,EAC1C,UAAU,SACV,GACe,EACnB,MAAC,QAAQ,CAAC,OAAO,eACf,KAAC,gBAAgB,IACf,MAAM,EAAC,eAAe,EACtB,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;4BACnD,OAAO;gCACL,IAAI,EAAE,kBAAkB;gCACxB,KAAK,EAAE,mBAAmB,CAAC,MAAM,CAAC;gCAClC,KAAK,EAAE,MAAM;6BACd,CAAC;wBACJ,CAAC,CAAC,EACF,IAAI,EAAC,kBAAkB,EACvB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,CAAC,CAAgC,EAAE,EAAE;4BAC7C,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,KAAsB,CAAC,CAAC;wBACnD,CAAC,GACD,EAEF,KAAC,SAAS,KAAG,EAEb,KAAC,aAAa,IACZ,MAAM,EAAC,OAAO,EACd,OAAO,EAAE;4BACP;gCACE,KAAK,EAAE,gBAAgB;gCACvB,OAAO,EAAE,gBAAgB;gCACzB,QAAQ,EAAE,GAAG,EAAE;oCACb,mBAAmB,CAAC,CAAC,gBAAgB,CAAC,CAAC;gCACzC,CAAC;6BACF;4BACD;gCACE,KAAK,EAAE,cAAc;gCACrB,OAAO,EAAE,oBAAoB;gCAC7B,QAAQ,EAAE,GAAG,EAAE;oCACb,uBAAuB,CAAC,CAAC,oBAAoB,CAAC,CAAC;gCACjD,CAAC;6BACF;yBACF,GACD,EAEF,KAAC,SAAS,KAAG,EAEb,KAAC,MAAM,IACL,OAAO,EAAC,UAAU,EAClB,YAAY,EAAC,MAAM,EACnB,OAAO,EAAE,aAAa,qCAGf,IACQ,IACV,CACZ,CAAC;AACJ,CAAC,CAAC"}
1
+ {"version":3,"file":"TableSettingsDropdown.js","sourceRoot":"","sources":["../../../../src/components/table/tableControls/TableSettingsDropdown.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ import '@testing-library/jest-dom/vitest';
2
+ //# sourceMappingURL=TableSettingsDropdown.test.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TableSettingsDropdown.test.d.ts","sourceRoot":"","sources":["../../../../src/components/table/tableControls/TableSettingsDropdown.test.tsx"],"names":[],"mappings":"AAGA,OAAO,kCAAkC,CAAC"}