@arbor-education/design-system.components 0.15.0 → 0.16.1

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 (304) hide show
  1. package/.gather/skills/write-stories/SKILL.md +207 -271
  2. package/.storybook/preview.ts +5 -0
  3. package/CHANGELOG.md +23 -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/radio/RadioButtonGroup.d.ts +6 -2
  60. package/dist/components/formField/inputs/radio/RadioButtonGroup.d.ts.map +1 -1
  61. package/dist/components/formField/inputs/radio/RadioButtonGroup.js.map +1 -1
  62. package/dist/components/formField/inputs/radio/RadioButtonInput.stories.d.ts.map +1 -1
  63. package/dist/components/formField/inputs/radio/RadioButtonInput.stories.js +61 -49
  64. package/dist/components/formField/inputs/radio/RadioButtonInput.stories.js.map +1 -1
  65. package/dist/components/formField/inputs/selectDropdown/SelectDropdown.stories.d.ts +188 -166
  66. package/dist/components/formField/inputs/selectDropdown/SelectDropdown.stories.d.ts.map +1 -1
  67. package/dist/components/formField/inputs/selectDropdown/SelectDropdown.stories.js +821 -160
  68. package/dist/components/formField/inputs/selectDropdown/SelectDropdown.stories.js.map +1 -1
  69. package/dist/components/formField/inputs/time/TimeInput.stories.d.ts +176 -22
  70. package/dist/components/formField/inputs/time/TimeInput.stories.d.ts.map +1 -1
  71. package/dist/components/formField/inputs/time/TimeInput.stories.js +851 -92
  72. package/dist/components/formField/inputs/time/TimeInput.stories.js.map +1 -1
  73. package/dist/components/formField/label/Label.stories.d.ts +54 -5
  74. package/dist/components/formField/label/Label.stories.d.ts.map +1 -1
  75. package/dist/components/formField/label/Label.stories.js +238 -4
  76. package/dist/components/formField/label/Label.stories.js.map +1 -1
  77. package/dist/components/icoText/IcoText.stories.d.ts +32 -6
  78. package/dist/components/icoText/IcoText.stories.d.ts.map +1 -1
  79. package/dist/components/icoText/IcoText.stories.js +309 -14
  80. package/dist/components/icoText/IcoText.stories.js.map +1 -1
  81. package/dist/components/kpiCard/KPICard.stories.d.ts +100 -2
  82. package/dist/components/kpiCard/KPICard.stories.d.ts.map +1 -1
  83. package/dist/components/kpiCard/KPICard.stories.js +354 -10
  84. package/dist/components/kpiCard/KPICard.stories.js.map +1 -1
  85. package/dist/components/kvpList/KVPList.stories.d.ts +57 -4
  86. package/dist/components/kvpList/KVPList.stories.d.ts.map +1 -1
  87. package/dist/components/kvpList/KVPList.stories.js +403 -10
  88. package/dist/components/kvpList/KVPList.stories.js.map +1 -1
  89. package/dist/components/modal/Modal.stories.d.ts +113 -9
  90. package/dist/components/modal/Modal.stories.d.ts.map +1 -1
  91. package/dist/components/modal/Modal.stories.js +633 -13
  92. package/dist/components/modal/Modal.stories.js.map +1 -1
  93. package/dist/components/modal/modalManager/ModalManager.stories.d.ts +34 -10
  94. package/dist/components/modal/modalManager/ModalManager.stories.d.ts.map +1 -1
  95. package/dist/components/modal/modalManager/ModalManager.stories.js +463 -85
  96. package/dist/components/modal/modalManager/ModalManager.stories.js.map +1 -1
  97. package/dist/components/pill/Pill.d.ts.map +1 -1
  98. package/dist/components/pill/Pill.js +1 -1
  99. package/dist/components/pill/Pill.js.map +1 -1
  100. package/dist/components/pill/Pill.stories.d.ts.map +1 -1
  101. package/dist/components/pill/Pill.stories.js +11 -13
  102. package/dist/components/pill/Pill.stories.js.map +1 -1
  103. package/dist/components/row/Row.stories.d.ts +1 -2
  104. package/dist/components/row/Row.stories.d.ts.map +1 -1
  105. package/dist/components/row/Row.stories.js +360 -50
  106. package/dist/components/row/Row.stories.js.map +1 -1
  107. package/dist/components/searchBar/SearchBar.stories.d.ts +52 -4
  108. package/dist/components/searchBar/SearchBar.stories.d.ts.map +1 -1
  109. package/dist/components/searchBar/SearchBar.stories.js +428 -36
  110. package/dist/components/searchBar/SearchBar.stories.js.map +1 -1
  111. package/dist/components/section/Section.stories.d.ts +11 -41
  112. package/dist/components/section/Section.stories.d.ts.map +1 -1
  113. package/dist/components/section/Section.stories.js +494 -56
  114. package/dist/components/section/Section.stories.js.map +1 -1
  115. package/dist/components/singleUser/SingleUser.stories.d.ts +5 -4
  116. package/dist/components/singleUser/SingleUser.stories.d.ts.map +1 -1
  117. package/dist/components/singleUser/SingleUser.stories.js +303 -31
  118. package/dist/components/singleUser/SingleUser.stories.js.map +1 -1
  119. package/dist/components/slideoverManager/SlideoverManager.stories.d.ts +32 -11
  120. package/dist/components/slideoverManager/SlideoverManager.stories.d.ts.map +1 -1
  121. package/dist/components/slideoverManager/SlideoverManager.stories.js +380 -84
  122. package/dist/components/slideoverManager/SlideoverManager.stories.js.map +1 -1
  123. package/dist/components/table/DSDefaultColDef.d.ts.map +1 -1
  124. package/dist/components/table/DSDefaultColDef.js +4 -3
  125. package/dist/components/table/DSDefaultColDef.js.map +1 -1
  126. package/dist/components/table/Table.d.ts +6 -1
  127. package/dist/components/table/Table.d.ts.map +1 -1
  128. package/dist/components/table/Table.js +8 -3
  129. package/dist/components/table/Table.js.map +1 -1
  130. package/dist/components/table/Table.stories.d.ts +3 -0
  131. package/dist/components/table/Table.stories.d.ts.map +1 -1
  132. package/dist/components/table/Table.stories.js +384 -5
  133. package/dist/components/table/Table.stories.js.map +1 -1
  134. package/dist/components/table/Table.test.js +30 -0
  135. package/dist/components/table/Table.test.js.map +1 -1
  136. package/dist/components/table/TableFooter.stories.d.ts +49 -0
  137. package/dist/components/table/TableFooter.stories.d.ts.map +1 -0
  138. package/dist/components/table/TableFooter.stories.js +137 -0
  139. package/dist/components/table/TableFooter.stories.js.map +1 -0
  140. package/dist/components/table/TableHeader.stories.d.ts +93 -0
  141. package/dist/components/table/TableHeader.stories.d.ts.map +1 -0
  142. package/dist/components/table/TableHeader.stories.js +176 -0
  143. package/dist/components/table/TableHeader.stories.js.map +1 -0
  144. package/dist/components/table/cellEditors/DateCellEditor.stories.d.ts +44 -0
  145. package/dist/components/table/cellEditors/DateCellEditor.stories.d.ts.map +1 -0
  146. package/dist/components/table/cellEditors/DateCellEditor.stories.js +186 -0
  147. package/dist/components/table/cellEditors/DateCellEditor.stories.js.map +1 -0
  148. package/dist/components/table/cellRenderers/BooleanCellRenderer.stories.d.ts +40 -0
  149. package/dist/components/table/cellRenderers/BooleanCellRenderer.stories.d.ts.map +1 -0
  150. package/dist/components/table/cellRenderers/BooleanCellRenderer.stories.js +209 -0
  151. package/dist/components/table/cellRenderers/BooleanCellRenderer.stories.js.map +1 -0
  152. package/dist/components/table/cellRenderers/ButtonCellRenderer.stories.d.ts +48 -0
  153. package/dist/components/table/cellRenderers/ButtonCellRenderer.stories.d.ts.map +1 -0
  154. package/dist/components/table/cellRenderers/ButtonCellRenderer.stories.js +244 -0
  155. package/dist/components/table/cellRenderers/ButtonCellRenderer.stories.js.map +1 -0
  156. package/dist/components/table/cellRenderers/CheckboxCellRenderer.d.ts.map +1 -1
  157. package/dist/components/table/cellRenderers/CheckboxCellRenderer.js +3 -1
  158. package/dist/components/table/cellRenderers/CheckboxCellRenderer.js.map +1 -1
  159. package/dist/components/table/cellRenderers/CheckboxCellRenderer.stories.d.ts +64 -0
  160. package/dist/components/table/cellRenderers/CheckboxCellRenderer.stories.d.ts.map +1 -0
  161. package/dist/components/table/cellRenderers/CheckboxCellRenderer.stories.js +241 -0
  162. package/dist/components/table/cellRenderers/CheckboxCellRenderer.stories.js.map +1 -0
  163. package/dist/components/table/cellRenderers/DefaultCellRenderer.stories.d.ts +55 -0
  164. package/dist/components/table/cellRenderers/DefaultCellRenderer.stories.d.ts.map +1 -0
  165. package/dist/components/table/cellRenderers/DefaultCellRenderer.stories.js +245 -0
  166. package/dist/components/table/cellRenderers/DefaultCellRenderer.stories.js.map +1 -0
  167. package/dist/components/table/cellRenderers/InlineTextCellRenderer.stories.d.ts +67 -0
  168. package/dist/components/table/cellRenderers/InlineTextCellRenderer.stories.d.ts.map +1 -0
  169. package/dist/components/table/cellRenderers/InlineTextCellRenderer.stories.js +221 -0
  170. package/dist/components/table/cellRenderers/InlineTextCellRenderer.stories.js.map +1 -0
  171. package/dist/components/table/cellRenderers/SelectDropdownCellRenderer.stories.d.ts +75 -0
  172. package/dist/components/table/cellRenderers/SelectDropdownCellRenderer.stories.d.ts.map +1 -0
  173. package/dist/components/table/cellRenderers/SelectDropdownCellRenderer.stories.js +270 -0
  174. package/dist/components/table/cellRenderers/SelectDropdownCellRenderer.stories.js.map +1 -0
  175. package/dist/components/table/columnFilters/BooleanFilter.stories.d.ts +57 -0
  176. package/dist/components/table/columnFilters/BooleanFilter.stories.d.ts.map +1 -0
  177. package/dist/components/table/columnFilters/BooleanFilter.stories.js +198 -0
  178. package/dist/components/table/columnFilters/BooleanFilter.stories.js.map +1 -0
  179. package/dist/components/table/columnFilters/TimeFilter.stories.d.ts +58 -0
  180. package/dist/components/table/columnFilters/TimeFilter.stories.d.ts.map +1 -0
  181. package/dist/components/table/columnFilters/TimeFilter.stories.js +207 -0
  182. package/dist/components/table/columnFilters/TimeFilter.stories.js.map +1 -0
  183. package/dist/components/table/pagination/PaginationPanel.stories.d.ts +113 -0
  184. package/dist/components/table/pagination/PaginationPanel.stories.d.ts.map +1 -0
  185. package/dist/components/table/pagination/PaginationPanel.stories.js +272 -0
  186. package/dist/components/table/pagination/PaginationPanel.stories.js.map +1 -0
  187. package/dist/components/table/tableControls/HideColumnsDropdown.d.ts.map +1 -1
  188. package/dist/components/table/tableControls/HideColumnsDropdown.js +9 -3
  189. package/dist/components/table/tableControls/HideColumnsDropdown.js.map +1 -1
  190. package/dist/components/table/tableControls/TableControls.stories.d.ts +151 -0
  191. package/dist/components/table/tableControls/TableControls.stories.d.ts.map +1 -0
  192. package/dist/components/table/tableControls/TableControls.stories.js +356 -0
  193. package/dist/components/table/tableControls/TableControls.stories.js.map +1 -0
  194. package/dist/components/table/tableControls/TableSettingsDropdown.d.ts +27 -1
  195. package/dist/components/table/tableControls/TableSettingsDropdown.d.ts.map +1 -1
  196. package/dist/components/table/tableControls/TableSettingsDropdown.js +53 -26
  197. package/dist/components/table/tableControls/TableSettingsDropdown.js.map +1 -1
  198. package/dist/components/table/tableControls/TableSettingsDropdown.test.d.ts +2 -0
  199. package/dist/components/table/tableControls/TableSettingsDropdown.test.d.ts.map +1 -0
  200. package/dist/components/table/tableControls/TableSettingsDropdown.test.js +178 -0
  201. package/dist/components/table/tableControls/TableSettingsDropdown.test.js.map +1 -0
  202. package/dist/components/tabs/Tabs.stories.d.ts +22 -4
  203. package/dist/components/tabs/Tabs.stories.d.ts.map +1 -1
  204. package/dist/components/tabs/Tabs.stories.js +398 -22
  205. package/dist/components/tabs/Tabs.stories.js.map +1 -1
  206. package/dist/components/tabs/TabsItem.stories.d.ts +54 -1
  207. package/dist/components/tabs/TabsItem.stories.d.ts.map +1 -1
  208. package/dist/components/tabs/TabsItem.stories.js +61 -9
  209. package/dist/components/tabs/TabsItem.stories.js.map +1 -1
  210. package/dist/components/toast/Toast.stories.d.ts +103 -10
  211. package/dist/components/toast/Toast.stories.d.ts.map +1 -1
  212. package/dist/components/toast/Toast.stories.js +409 -47
  213. package/dist/components/toast/Toast.stories.js.map +1 -1
  214. package/dist/components/toggle/Toggle.stories.d.ts +61 -46
  215. package/dist/components/toggle/Toggle.stories.d.ts.map +1 -1
  216. package/dist/components/toggle/Toggle.stories.js +311 -122
  217. package/dist/components/toggle/Toggle.stories.js.map +1 -1
  218. package/dist/components/tooltip/Tooltip.stories.d.ts +78 -6
  219. package/dist/components/tooltip/Tooltip.stories.d.ts.map +1 -1
  220. package/dist/components/tooltip/Tooltip.stories.js +413 -7
  221. package/dist/components/tooltip/Tooltip.stories.js.map +1 -1
  222. package/dist/components/tooltip/TooltipWrapper.stories.d.ts +71 -7
  223. package/dist/components/tooltip/TooltipWrapper.stories.d.ts.map +1 -1
  224. package/dist/components/tooltip/TooltipWrapper.stories.js +238 -10
  225. package/dist/components/tooltip/TooltipWrapper.stories.js.map +1 -1
  226. package/dist/index.css +8 -0
  227. package/dist/index.css.map +1 -1
  228. package/dist/utils/PopupParentContext.stories.d.ts +17 -0
  229. package/dist/utils/PopupParentContext.stories.d.ts.map +1 -0
  230. package/dist/utils/PopupParentContext.stories.js +266 -0
  231. package/dist/utils/PopupParentContext.stories.js.map +1 -0
  232. package/dist/utils/getDefaultPopupParent.d.ts.map +1 -1
  233. package/dist/utils/getDefaultPopupParent.js +6 -0
  234. package/dist/utils/getDefaultPopupParent.js.map +1 -1
  235. package/package.json +1 -1
  236. package/src/components/articleCard/ArticleCard.stories.tsx +524 -111
  237. package/src/components/avatar/Avatar.stories.tsx +504 -59
  238. package/src/components/avatarGroup/AvatarGroup.stories.tsx +977 -175
  239. package/src/components/banner/Banner.stories.tsx +7 -3
  240. package/src/components/card/Card.stories.tsx +466 -36
  241. package/src/components/combobox/Combobox.stories.tsx +867 -260
  242. package/src/components/datePicker/DatePicker.stories.tsx +777 -60
  243. package/src/components/dateTimePicker/DateTimePicker.stories.tsx +910 -132
  244. package/src/components/editableText/EditableText.stories.tsx +567 -91
  245. package/src/components/formField/FormField.test.tsx +6 -0
  246. package/src/components/formField/FormField.tsx +5 -0
  247. package/src/components/formField/fieldset/Fieldset.stories.tsx +761 -51
  248. package/src/components/formField/inputs/checkbox/CheckboxGroup.tsx +1 -1
  249. package/src/components/formField/inputs/checkbox/CheckboxInput.tsx +1 -1
  250. package/src/components/formField/inputs/colourPickerDropdown/ColourPickerDropdown.stories.tsx +504 -11
  251. package/src/components/formField/inputs/radio/RadioButtonGroup.tsx +17 -4
  252. package/src/components/formField/inputs/radio/RadioButtonInput.stories.tsx +71 -59
  253. package/src/components/formField/inputs/selectDropdown/SelectDropdown.stories.tsx +1079 -168
  254. package/src/components/formField/inputs/time/TimeInput.stories.tsx +1140 -104
  255. package/src/components/formField/label/Label.stories.tsx +317 -8
  256. package/src/components/icoText/IcoText.stories.tsx +442 -31
  257. package/src/components/kpiCard/KPICard.stories.tsx +475 -30
  258. package/src/components/kvpList/KVPList.stories.tsx +593 -26
  259. package/src/components/modal/Modal.stories.tsx +963 -26
  260. package/src/components/modal/modalManager/ModalManager.stories.tsx +612 -454
  261. package/src/components/pill/Pill.stories.tsx +11 -13
  262. package/src/components/pill/Pill.tsx +1 -0
  263. package/src/components/row/Row.stories.tsx +474 -58
  264. package/src/components/searchBar/SearchBar.stories.tsx +570 -38
  265. package/src/components/section/Section.stories.tsx +723 -70
  266. package/src/components/singleUser/SingleUser.stories.tsx +393 -34
  267. package/src/components/slideoverManager/SlideoverManager.stories.tsx +572 -342
  268. package/src/components/table/DSDefaultColDef.ts +25 -5
  269. package/src/components/table/Table.stories.tsx +460 -5
  270. package/src/components/table/Table.test.tsx +53 -0
  271. package/src/components/table/Table.tsx +9 -2
  272. package/src/components/table/TableFooter.stories.tsx +196 -0
  273. package/src/components/table/TableHeader.stories.tsx +251 -0
  274. package/src/components/table/cellEditors/DateCellEditor.stories.tsx +245 -0
  275. package/src/components/table/cellRenderers/BooleanCellRenderer.stories.tsx +278 -0
  276. package/src/components/table/cellRenderers/ButtonCellRenderer.stories.tsx +333 -0
  277. package/src/components/table/cellRenderers/CheckboxCellRenderer.stories.tsx +337 -0
  278. package/src/components/table/cellRenderers/CheckboxCellRenderer.tsx +5 -1
  279. package/src/components/table/cellRenderers/DefaultCellRenderer.stories.tsx +342 -0
  280. package/src/components/table/cellRenderers/InlineTextCellRenderer.stories.tsx +292 -0
  281. package/src/components/table/cellRenderers/SelectDropdownCellRenderer.stories.tsx +369 -0
  282. package/src/components/table/columnFilters/BooleanFilter.stories.tsx +268 -0
  283. package/src/components/table/columnFilters/TimeFilter.stories.tsx +281 -0
  284. package/src/components/table/pagination/PaginationPanel.stories.tsx +327 -0
  285. package/src/components/table/tableControls/HideColumnsDropdown.tsx +11 -2
  286. package/src/components/table/tableControls/TableControls.stories.tsx +415 -0
  287. package/src/components/table/tableControls/TableSettingsDropdown.test.tsx +207 -0
  288. package/src/components/table/tableControls/TableSettingsDropdown.tsx +103 -39
  289. package/src/components/tabs/Tabs.stories.tsx +540 -60
  290. package/src/components/tabs/TabsItem.stories.tsx +82 -8
  291. package/src/components/toast/Toast.stories.tsx +539 -77
  292. package/src/components/toggle/Toggle.stories.tsx +371 -135
  293. package/src/components/tooltip/Tooltip.stories.tsx +606 -15
  294. package/src/components/tooltip/TooltipWrapper.stories.tsx +348 -12
  295. package/src/docs/Contributing.mdx +241 -0
  296. package/src/docs/UsingComponents.mdx +93 -0
  297. package/src/docs/Welcome.mdx +68 -0
  298. package/src/global.scss +7 -0
  299. package/src/utils/PopupParentContext.stories.tsx +367 -0
  300. package/src/utils/getDefaultPopupParent.ts +6 -0
  301. package/.ralph/storybook-upgrade/knowledge.md +0 -308
  302. package/.ralph/storybook-upgrade/prd.json +0 -777
  303. package/.ralph/storybook-upgrade/progress.md +0 -342
  304. package/src/components/table/TableWIP.mdx +0 -3
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DateCellEditor.stories.js","sourceRoot":"","sources":["../../../../src/components/table/cellEditors/DateCellEditor.stories.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,40 @@
1
+ import type { StoryObj } from '@storybook/react-vite';
2
+ import type { CustomCellRendererProps } from 'ag-grid-react';
3
+ import { BooleanCellRenderer } from './BooleanCellRenderer';
4
+ declare function BooleanCellRendererDocsPage(): import("react/jsx-runtime").JSX.Element;
5
+ declare const meta: {
6
+ title: string;
7
+ component: (props: CustomCellRendererProps) => import("react/jsx-runtime").JSX.Element | null;
8
+ tags: string[];
9
+ parameters: {
10
+ layout: string;
11
+ docs: {
12
+ page: typeof BooleanCellRendererDocsPage;
13
+ };
14
+ };
15
+ argTypes: {
16
+ value: {
17
+ control: {
18
+ type: "select";
19
+ };
20
+ options: (boolean | null)[];
21
+ description: string;
22
+ table: {
23
+ type: {
24
+ summary: string;
25
+ };
26
+ defaultValue: {
27
+ summary: string;
28
+ };
29
+ };
30
+ };
31
+ };
32
+ };
33
+ export default meta;
34
+ type Story = StoryObj<typeof BooleanCellRenderer>;
35
+ export declare const Default: Story;
36
+ export declare const True: Story;
37
+ export declare const False: Story;
38
+ export declare const Empty: Story;
39
+ export declare const InATable: Story;
40
+ //# sourceMappingURL=BooleanCellRenderer.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"BooleanCellRenderer.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/table/cellRenderers/BooleanCellRenderer.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAU5D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAiF5D,iBAAS,2BAA2B,4CAmBnC;AAQD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmBkC,CAAC;AAE7C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAkBlD,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAwBlB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AASF,eAAO,MAAM,QAAQ,EAAE,KA6DtB,CAAC"}
@@ -0,0 +1,209 @@
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 { BooleanCellRenderer } from './BooleanCellRenderer';
4
+ import { Table } from '../../table/Table';
5
+ // ---------------------------------------------------------------------------
6
+ // Docs page content
7
+ // ---------------------------------------------------------------------------
8
+ const DESCRIPTION_INTRO = [
9
+ '`BooleanCellRenderer` is an AG Grid cell renderer that displays boolean values as icons.',
10
+ 'A `true` value renders a green check icon; a `false` value renders a red ✕ icon;',
11
+ 'any other value (including `null` and `undefined`) renders nothing.',
12
+ '',
13
+ 'Register it via the string key `dsBooleanCellRenderer` (pre-registered by Arbor\'s `Table`) or by importing the component directly.',
14
+ ].join('\n');
15
+ const USAGE_GUIDANCE = [
16
+ '### When to use',
17
+ '',
18
+ '- On boolean columns where a visual icon is clearer than plain `true`/`false` text',
19
+ '- Active/inactive flags, yes/no columns, on/off states that are read-only',
20
+ '',
21
+ '---',
22
+ '',
23
+ '### When NOT to use',
24
+ '',
25
+ '| Situation | Use instead |',
26
+ '|---|---|',
27
+ '| User needs to toggle the value in the cell | `CheckboxCellRenderer` (`dsCheckboxCellRenderer`) |',
28
+ '| You want text labels like "Yes" / "No" | A `valueFormatter` returning strings, with the default renderer |',
29
+ '| The value is truthy/falsy but not strictly boolean | Coerce to `true`/`false` first — see Developer notes |',
30
+ ].join('\n');
31
+ const DEVELOPER_NOTES = [
32
+ '### Critical usage patterns',
33
+ '',
34
+ '**Value comparison is strict — only `true` and `false` produce icons.**',
35
+ 'The renderer checks `value === true` and `value === false`. Truthy values like `1`, `"yes"`, or objects render nothing.',
36
+ 'Coerce your data to a strict boolean before passing to this column.',
37
+ '',
38
+ '```tsx',
39
+ "import { Table } from '@arbor-education/design-system.components';",
40
+ '',
41
+ 'const colDefs = [',
42
+ ' {',
43
+ " field: 'isActive',",
44
+ " headerName: 'Active',",
45
+ " cellRenderer: 'dsBooleanCellRenderer', // string key — no import needed",
46
+ ' },',
47
+ '];',
48
+ '```',
49
+ '',
50
+ '---',
51
+ '',
52
+ '### Accessibility',
53
+ '',
54
+ 'Icons include `screenReaderText` props (`"true"` and `"false"`) so screen readers announce',
55
+ "the cell's boolean meaning rather than describing the icon shape.",
56
+ '',
57
+ '---',
58
+ '',
59
+ '### TypeScript types',
60
+ '',
61
+ '```ts',
62
+ "import { BooleanCellRenderer } from '@arbor-education/design-system.components';",
63
+ '```',
64
+ '',
65
+ '`BooleanCellRenderer` accepts `CustomCellRendererProps` from AG Grid — only `value` is used by this renderer.',
66
+ ].join('\n');
67
+ const RELATED_COMPONENTS = [
68
+ '## Related components',
69
+ '',
70
+ '[Table](?path=/docs/components-table--docs) · [CheckboxCellRenderer](?path=/docs/components-table-cellrenderers-checkboxcellrenderer--docs) · [Icon](?path=/docs/components-icon--docs)',
71
+ ].join('\n');
72
+ const PROPS_INTRO = 'The preview below is wired to the **Controls** panel — use the `value` selector to see how `true`, `false`, and `null` each render.';
73
+ // ---------------------------------------------------------------------------
74
+ // Custom DocsPage
75
+ // ---------------------------------------------------------------------------
76
+ function BooleanCellRendererDocsPage() {
77
+ 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 })] }));
78
+ }
79
+ // ---------------------------------------------------------------------------
80
+ // Meta
81
+ // ---------------------------------------------------------------------------
82
+ const MOCK_CELL_PROPS = {};
83
+ const meta = {
84
+ title: 'Components/Table/CellRenderers/BooleanCellRenderer',
85
+ component: BooleanCellRenderer,
86
+ tags: ['autodocs'],
87
+ parameters: {
88
+ layout: 'padded',
89
+ docs: { page: BooleanCellRendererDocsPage },
90
+ },
91
+ argTypes: {
92
+ value: {
93
+ control: { type: 'select' },
94
+ options: [true, false, null],
95
+ description: 'The cell value. `true` renders a green check icon; `false` renders a red ✕ icon; any other value renders nothing.',
96
+ table: {
97
+ type: { summary: 'true | false | null | undefined' },
98
+ defaultValue: { summary: 'undefined' },
99
+ },
100
+ },
101
+ },
102
+ };
103
+ export default meta;
104
+ // ---------------------------------------------------------------------------
105
+ // Helper: attach a per-story description to docs
106
+ // ---------------------------------------------------------------------------
107
+ const withDescription = (story, description) => ({
108
+ ...story,
109
+ parameters: {
110
+ ...story.parameters,
111
+ docs: { ...story.parameters?.docs, description: { story: description } },
112
+ },
113
+ });
114
+ // ---------------------------------------------------------------------------
115
+ // Stories
116
+ // ---------------------------------------------------------------------------
117
+ export const Default = withDescription({
118
+ args: { value: true },
119
+ render: args => _jsx(BooleanCellRenderer, { ...MOCK_CELL_PROPS, value: args.value }),
120
+ }, 'Interactive example — select `true`, `false`, or `null` from the **Controls** panel to see how each value renders.');
121
+ export const True = withDescription({
122
+ parameters: {
123
+ controls: { disable: true },
124
+ docs: {
125
+ source: {
126
+ language: 'tsx',
127
+ code: `
128
+ import { Table } from '@arbor-education/design-system.components';
129
+
130
+ const colDefs = [
131
+ {
132
+ field: 'isActive',
133
+ headerName: 'Active',
134
+ cellRenderer: 'dsBooleanCellRenderer',
135
+ },
136
+ ];
137
+ `.trim(),
138
+ },
139
+ },
140
+ },
141
+ render: () => _jsx(BooleanCellRenderer, { ...MOCK_CELL_PROPS, value: true }),
142
+ }, 'A `true` value renders a green check icon. The icon carries `screenReaderText="true"` for assistive technology.');
143
+ export const False = withDescription({
144
+ parameters: { controls: { disable: true } },
145
+ render: () => _jsx(BooleanCellRenderer, { ...MOCK_CELL_PROPS, value: false }),
146
+ }, 'A `false` value renders a red ✕ icon. The icon carries `screenReaderText="false"` for assistive technology.');
147
+ export const Empty = withDescription({
148
+ parameters: { controls: { disable: true } },
149
+ render: () => _jsx(BooleanCellRenderer, { ...MOCK_CELL_PROPS, value: null }),
150
+ }, '`null`, `undefined`, or any non-boolean value renders nothing — the cell is intentionally left empty. This is by design: the renderer uses strict `=== true` / `=== false` comparisons, not truthiness.');
151
+ const BOOLEAN_IN_TABLE_DATA = [
152
+ { name: 'Alice Johnson', active: true },
153
+ { name: 'Bob Smith', active: false },
154
+ { name: 'Charlie Brown', active: true },
155
+ { name: 'Diana Prince', active: null },
156
+ ];
157
+ export const InATable = withDescription({
158
+ parameters: {
159
+ controls: { disable: true },
160
+ docs: {
161
+ source: {
162
+ language: 'tsx',
163
+ code: `
164
+ import { Table } from '@arbor-education/design-system.components';
165
+
166
+ const rowData = [
167
+ { name: 'Alice Johnson', active: true },
168
+ { name: 'Bob Smith', active: false },
169
+ { name: 'Charlie Brown', active: true },
170
+ { name: 'Diana Prince', active: null },
171
+ ];
172
+
173
+ function BooleanCellRendererExample() {
174
+ return (
175
+ <Table
176
+ rowData={rowData}
177
+ columnDefs={[
178
+ { field: 'name', headerName: 'Name', flex: 2 },
179
+ {
180
+ field: 'active',
181
+ headerName: 'Active',
182
+ flex: 1,
183
+ editable: false,
184
+ cellRenderer: 'dsBooleanCellRenderer',
185
+ },
186
+ ]}
187
+ defaultColDef={{ flex: 1, minWidth: 120 }}
188
+ domLayout="autoHeight"
189
+ />
190
+ );
191
+ }
192
+
193
+ export default BooleanCellRendererExample;
194
+ `.trim(),
195
+ },
196
+ },
197
+ },
198
+ render: () => (_jsx(Table, { rowData: BOOLEAN_IN_TABLE_DATA, columnDefs: [
199
+ { field: 'name', headerName: 'Name', flex: 2 },
200
+ {
201
+ field: 'active',
202
+ headerName: 'Active',
203
+ flex: 1,
204
+ editable: false,
205
+ cellRenderer: 'dsBooleanCellRenderer',
206
+ },
207
+ ], defaultColDef: { flex: 1, minWidth: 120 }, domLayout: "autoHeight" })),
208
+ }, '`dsBooleanCellRenderer` wired up inside a full `Table`. `true` renders a check, `false` renders a ✕, and `null` leaves the cell empty. The Active column is set to `editable: false` — this renderer is display-only.');
209
+ //# sourceMappingURL=BooleanCellRenderer.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"BooleanCellRenderer.stories.js","sourceRoot":"","sources":["../../../../src/components/table/cellRenderers/BooleanCellRenderer.stories.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,48 @@
1
+ import type { StoryObj } from '@storybook/react-vite';
2
+ import type { CustomCellRendererProps } from 'ag-grid-react';
3
+ import { ButtonCellRenderer } from './ButtonCellRenderer';
4
+ declare function ButtonCellRendererDocsPage(): import("react/jsx-runtime").JSX.Element;
5
+ declare const meta: {
6
+ title: string;
7
+ component: (props: CustomCellRendererProps<any, any, any> & {
8
+ value: import("../../button/Button").ButtonProps;
9
+ }) => import("react/jsx-runtime").JSX.Element;
10
+ tags: string[];
11
+ parameters: {
12
+ layout: string;
13
+ docs: {
14
+ page: typeof ButtonCellRendererDocsPage;
15
+ };
16
+ };
17
+ argTypes: {
18
+ value: {
19
+ control: false;
20
+ description: string;
21
+ table: {
22
+ type: {
23
+ summary: string;
24
+ };
25
+ };
26
+ };
27
+ valueFormatted: {
28
+ control: false;
29
+ description: string;
30
+ table: {
31
+ type: {
32
+ summary: string;
33
+ };
34
+ defaultValue: {
35
+ summary: string;
36
+ };
37
+ };
38
+ };
39
+ };
40
+ };
41
+ export default meta;
42
+ type Story = StoryObj<typeof ButtonCellRenderer>;
43
+ export declare const Default: Story;
44
+ export declare const PrimaryVariant: Story;
45
+ export declare const DestructiveVariant: Story;
46
+ export declare const Disabled: Story;
47
+ export declare const InATable: Story;
48
+ //# sourceMappingURL=ButtonCellRenderer.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ButtonCellRenderer.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/table/cellRenderers/ButtonCellRenderer.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAU5D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AA0F1D,iBAAS,0BAA0B,4CAmBlC;AAQD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyBiC,CAAC;AAE5C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAkBjD,eAAO,MAAM,OAAO,EAAE,KAWrB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAmC5B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAWhC,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAWtB,CAAC;AAQF,eAAO,MAAM,QAAQ,EAAE,KA4EtB,CAAC"}
@@ -0,0 +1,244 @@
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 { ButtonCellRenderer } from './ButtonCellRenderer';
4
+ import { Table } from '../../table/Table';
5
+ // ---------------------------------------------------------------------------
6
+ // Docs page content
7
+ // ---------------------------------------------------------------------------
8
+ const DESCRIPTION_INTRO = [
9
+ '`ButtonCellRenderer` is an AG Grid cell renderer that renders an Arbor `Button` inside a table cell.',
10
+ 'The cell `value` (or `valueFormatted`) must be a `ButtonProps` object — the renderer spreads it',
11
+ 'directly onto `Button`, so all button variants, sizes, and handlers are supported.',
12
+ '',
13
+ 'Register it via the string key `dsButtonCellRenderer` (pre-registered by Arbor\'s `Table`) or by importing the component directly.',
14
+ ].join('\n');
15
+ const USAGE_GUIDANCE = [
16
+ '### When to use',
17
+ '',
18
+ '- On action columns where each row needs a button (e.g. "View", "Edit", "Delete")',
19
+ '- When the action is contextual to the row — the `onClick` handler receives the event and can close over row data',
20
+ '',
21
+ '---',
22
+ '',
23
+ '### When NOT to use',
24
+ '',
25
+ '| Situation | Use instead |',
26
+ '|---|---|',
27
+ '| The action navigates to another page | A link (`<a>`) cell renderer or AG Grid\'s built-in link support |',
28
+ '| Every row shares the exact same static label with no per-row variation | A column header action button outside the grid |',
29
+ ].join('\n');
30
+ const DEVELOPER_NOTES = [
31
+ '### Critical usage patterns',
32
+ '',
33
+ '**`value` must be a `ButtonProps` object with a `children` key.**',
34
+ 'The renderer reads `value.children` as the button label. If `children` is absent it falls back to `value.value`.',
35
+ 'All other `ButtonProps` (`variant`, `size`, `onClick`, `disabled`) are spread onto `Button`.',
36
+ '',
37
+ '**Provide the ButtonProps via `valueGetter` — the cell field value must BE the ButtonProps object.**',
38
+ '',
39
+ '```tsx',
40
+ "import { Table } from '@arbor-education/design-system.components';",
41
+ '',
42
+ 'const colDefs = [',
43
+ ' {',
44
+ " colId: 'viewAction',",
45
+ " headerName: '',",
46
+ " cellRenderer: 'dsButtonCellRenderer',",
47
+ ' valueGetter: (params) => ({',
48
+ " children: 'View',",
49
+ " variant: 'secondary',",
50
+ " size: 'S',",
51
+ ' onClick: () => handleView(params.data),',
52
+ ' }),',
53
+ ' },',
54
+ '];',
55
+ '```',
56
+ '',
57
+ '---',
58
+ '',
59
+ '### Accessibility',
60
+ '',
61
+ 'Each cell\'s button inherits its accessible name from `children`. If `children` is an icon with no',
62
+ 'visible text, add `aria-label` to the ButtonProps object.',
63
+ '',
64
+ '---',
65
+ '',
66
+ '### TypeScript types',
67
+ '',
68
+ '```ts',
69
+ "import { ButtonCellRenderer } from '@arbor-education/design-system.components';",
70
+ "import type { ButtonProps } from '@arbor-education/design-system.components';",
71
+ '',
72
+ '// In your valueGetter:',
73
+ '// (params): ButtonProps => ({ children: "View", variant: "secondary", onClick: ... })',
74
+ '```',
75
+ ].join('\n');
76
+ const RELATED_COMPONENTS = [
77
+ '## Related components',
78
+ '',
79
+ '[Table](?path=/docs/components-table--docs) · [Button](?path=/docs/components-button--docs)',
80
+ ].join('\n');
81
+ const PROPS_INTRO = 'The preview below shows `ButtonCellRenderer` with representative button configurations. The `value` prop is a `ButtonProps` object — most individual props are not separately controllable via the Controls panel.';
82
+ // ---------------------------------------------------------------------------
83
+ // Custom DocsPage
84
+ // ---------------------------------------------------------------------------
85
+ function ButtonCellRendererDocsPage() {
86
+ 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 })] }));
87
+ }
88
+ // ---------------------------------------------------------------------------
89
+ // Meta
90
+ // ---------------------------------------------------------------------------
91
+ const MOCK_CELL_PROPS = {};
92
+ const meta = {
93
+ title: 'Components/Table/CellRenderers/ButtonCellRenderer',
94
+ component: ButtonCellRenderer,
95
+ tags: ['autodocs'],
96
+ parameters: {
97
+ layout: 'padded',
98
+ docs: { page: ButtonCellRendererDocsPage },
99
+ },
100
+ argTypes: {
101
+ value: {
102
+ control: false,
103
+ description: 'A `ButtonProps` object. The `children` key becomes the button label; all other `ButtonProps` (`variant`, `size`, `onClick`, `disabled`) are spread onto the `Button` component.',
104
+ table: {
105
+ type: { summary: 'ButtonProps' },
106
+ },
107
+ },
108
+ valueFormatted: {
109
+ control: false,
110
+ description: 'If provided, overrides `value` as the source for button props. Set by AG Grid\'s `valueFormatter`.',
111
+ table: {
112
+ type: { summary: 'ButtonProps | undefined' },
113
+ defaultValue: { summary: 'undefined' },
114
+ },
115
+ },
116
+ },
117
+ };
118
+ export default meta;
119
+ // ---------------------------------------------------------------------------
120
+ // Helper: attach a per-story description to docs
121
+ // ---------------------------------------------------------------------------
122
+ const withDescription = (story, description) => ({
123
+ ...story,
124
+ parameters: {
125
+ ...story.parameters,
126
+ docs: { ...story.parameters?.docs, description: { story: description } },
127
+ },
128
+ });
129
+ // ---------------------------------------------------------------------------
130
+ // Stories
131
+ // ---------------------------------------------------------------------------
132
+ export const Default = withDescription({
133
+ parameters: { controls: { disable: true } },
134
+ render: () => (_jsx(ButtonCellRenderer, { ...MOCK_CELL_PROPS, value: { children: 'View details', variant: 'secondary', size: 'S' } })),
135
+ }, 'A secondary `Button` rendered inside a cell. `variant: "secondary"` and `size: "S"` are typical for action columns.');
136
+ export const PrimaryVariant = withDescription({
137
+ parameters: {
138
+ controls: { disable: true },
139
+ docs: {
140
+ source: {
141
+ language: 'tsx',
142
+ code: `
143
+ import { Table } from '@arbor-education/design-system.components';
144
+
145
+ const colDefs = [
146
+ {
147
+ colId: 'action',
148
+ headerName: '',
149
+ cellRenderer: 'dsButtonCellRenderer',
150
+ valueGetter: (params) => ({
151
+ children: 'Enrol',
152
+ variant: 'primary',
153
+ size: 'S',
154
+ onClick: () => handleEnrol(params.data),
155
+ }),
156
+ },
157
+ ];
158
+ `.trim(),
159
+ },
160
+ },
161
+ },
162
+ render: () => (_jsx(ButtonCellRenderer, { ...MOCK_CELL_PROPS, value: { children: 'Enrol', variant: 'primary', size: 'S' } })),
163
+ }, '`variant: "primary"` — use sparingly and only when the action is the primary call-to-action for the row.');
164
+ export const DestructiveVariant = withDescription({
165
+ parameters: { controls: { disable: true } },
166
+ render: () => (_jsx(ButtonCellRenderer, { ...MOCK_CELL_PROPS, value: { children: 'Remove', variant: 'primary-destructive', size: 'S' } })),
167
+ }, '`variant: "primary-destructive"` — for destructive actions like delete or remove.');
168
+ export const Disabled = withDescription({
169
+ parameters: { controls: { disable: true } },
170
+ render: () => (_jsx(ButtonCellRenderer, { ...MOCK_CELL_PROPS, value: { children: 'View details', variant: 'secondary', size: 'S', disabled: true } })),
171
+ }, 'Pass `disabled: true` in the `ButtonProps` value to conditionally disable the button for specific rows.');
172
+ const BUTTON_IN_TABLE_DATA = [
173
+ { id: 1, name: 'Alice Johnson', role: 'Developer' },
174
+ { id: 2, name: 'Bob Smith', role: 'Designer' },
175
+ { id: 3, name: 'Charlie Brown', role: 'Manager' },
176
+ ];
177
+ export const InATable = withDescription({
178
+ parameters: {
179
+ controls: { disable: true },
180
+ docs: {
181
+ source: {
182
+ language: 'tsx',
183
+ code: `
184
+ import { Table } from '@arbor-education/design-system.components';
185
+
186
+ const rowData = [
187
+ { id: 1, name: 'Alice Johnson', role: 'Developer' },
188
+ { id: 2, name: 'Bob Smith', role: 'Designer' },
189
+ { id: 3, name: 'Charlie Brown', role: 'Manager' },
190
+ ];
191
+
192
+ function ButtonCellRendererExample() {
193
+ return (
194
+ <Table
195
+ rowData={rowData}
196
+ columnDefs={[
197
+ { field: 'name', headerName: 'Name', flex: 2 },
198
+ { field: 'role', headerName: 'Role', flex: 1 },
199
+ {
200
+ colId: 'viewAction',
201
+ headerName: '',
202
+ flex: 1,
203
+ maxWidth: 180,
204
+ editable: false,
205
+ cellRenderer: 'dsButtonCellRenderer',
206
+ valueGetter: (params) => ({
207
+ children: 'View details',
208
+ variant: 'secondary',
209
+ size: 'S',
210
+ onClick: () => console.log('View', params.data.name),
211
+ }),
212
+ },
213
+ ]}
214
+ defaultColDef={{ flex: 1, minWidth: 120 }}
215
+ domLayout="autoHeight"
216
+ />
217
+ );
218
+ }
219
+
220
+ export default ButtonCellRendererExample;
221
+ `.trim(),
222
+ },
223
+ },
224
+ },
225
+ render: () => (_jsx(Table, { rowData: BUTTON_IN_TABLE_DATA, columnDefs: [
226
+ { field: 'name', headerName: 'Name', flex: 2 },
227
+ { field: 'role', headerName: 'Role', flex: 1 },
228
+ {
229
+ colId: 'viewAction',
230
+ headerName: '',
231
+ flex: 1,
232
+ maxWidth: 180,
233
+ editable: false,
234
+ cellRenderer: 'dsButtonCellRenderer',
235
+ valueGetter: params => ({
236
+ children: 'View details',
237
+ variant: 'secondary',
238
+ size: 'S',
239
+ onClick: () => console.log('View', params.data.name),
240
+ }),
241
+ },
242
+ ], defaultColDef: { flex: 1, minWidth: 120 }, domLayout: "autoHeight" })),
243
+ }, '`dsButtonCellRenderer` wired up inside a full `Table`. The action column uses `valueGetter` to return a `ButtonProps` object per row — `onClick` closes over `params.data` so each button knows its row. Click a button and check the browser console.');
244
+ //# sourceMappingURL=ButtonCellRenderer.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ButtonCellRenderer.stories.js","sourceRoot":"","sources":["../../../../src/components/table/cellRenderers/ButtonCellRenderer.stories.tsx"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"CheckboxCellRenderer.d.ts","sourceRoot":"","sources":["../../../../src/components/table/cellRenderers/CheckboxCellRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAG7D,eAAO,MAAM,oBAAoB,GAAI,OAAO,uBAAuB,4CAwBlE,CAAC"}
1
+ {"version":3,"file":"CheckboxCellRenderer.d.ts","sourceRoot":"","sources":["../../../../src/components/table/cellRenderers/CheckboxCellRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAG7D,eAAO,MAAM,oBAAoB,GAAI,OAAO,uBAAuB,4CA4BlE,CAAC"}
@@ -3,10 +3,12 @@ import { CheckboxInput } from '../../formField/inputs/checkbox/CheckboxInput';
3
3
  export const CheckboxCellRenderer = (props) => {
4
4
  const { value, node, column, colDef = {}, } = props;
5
5
  const { cellRendererParams, headerName } = colDef;
6
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
7
+ const { suppressCellFocusAndFocusFirstElement, suppressMouseEventHandling, ...checkboxParams } = (cellRendererParams ?? {});
6
8
  return (_jsx("div", { className: "ds-checkbox-cell-renderer", children: _jsx(CheckboxInput, { checked: value, "aria-label": headerName && `Checkbox: ${headerName}`, onChange: () => {
7
9
  if (column) {
8
10
  node.setDataValue(column, !value);
9
11
  }
10
- }, ...cellRendererParams }) }));
12
+ }, ...checkboxParams }) }));
11
13
  };
12
14
  //# sourceMappingURL=CheckboxCellRenderer.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"CheckboxCellRenderer.js","sourceRoot":"","sources":["../../../../src/components/table/cellRenderers/CheckboxCellRenderer.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,oDAAoD,CAAC;AAEnF,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAA8B,EAAE,EAAE;IACrE,MAAM,EACJ,KAAK,EACL,IAAI,EACJ,MAAM,EACN,MAAM,GAAG,EAAE,GACZ,GAAG,KAAK,CAAC;IAEV,MAAM,EAAE,kBAAkB,EAAE,UAAU,EAAE,GAAG,MAAM,CAAC;IAElD,OAAO,CACL,cAAK,SAAS,EAAC,2BAA2B,YACxC,KAAC,aAAa,IACZ,OAAO,EAAE,KAAK,gBACF,UAAU,IAAI,aAAa,UAAU,EAAE,EACnD,QAAQ,EAAE,GAAG,EAAE;gBACb,IAAI,MAAM,EAAE,CAAC;oBACX,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,CAAC;gBACpC,CAAC;YACH,CAAC,KACG,kBAAkB,GACtB,GACE,CACP,CAAC;AACJ,CAAC,CAAC"}
1
+ {"version":3,"file":"CheckboxCellRenderer.js","sourceRoot":"","sources":["../../../../src/components/table/cellRenderers/CheckboxCellRenderer.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,oDAAoD,CAAC;AAEnF,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAA8B,EAAE,EAAE;IACrE,MAAM,EACJ,KAAK,EACL,IAAI,EACJ,MAAM,EACN,MAAM,GAAG,EAAE,GACZ,GAAG,KAAK,CAAC;IAEV,MAAM,EAAE,kBAAkB,EAAE,UAAU,EAAE,GAAG,MAAM,CAAC;IAElD,6DAA6D;IAC7D,MAAM,EAAE,qCAAqC,EAAE,0BAA0B,EAAE,GAAG,cAAc,EAAE,GAC1F,CAAC,kBAAkB,IAAI,EAAE,CAA4B,CAAC;IAE1D,OAAO,CACL,cAAK,SAAS,EAAC,2BAA2B,YACxC,KAAC,aAAa,IACZ,OAAO,EAAE,KAAK,gBACF,UAAU,IAAI,aAAa,UAAU,EAAE,EACnD,QAAQ,EAAE,GAAG,EAAE;gBACb,IAAI,MAAM,EAAE,CAAC;oBACX,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,CAAC;gBACpC,CAAC;YACH,CAAC,KACG,cAAc,GAClB,GACE,CACP,CAAC;AACJ,CAAC,CAAC"}