@arbor-education/design-system.components 0.15.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 (297) hide show
  1. package/.gather/skills/write-stories/SKILL.md +207 -271
  2. package/.storybook/preview.ts +5 -0
  3. package/CHANGELOG.md +17 -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 +2 -0
  131. package/dist/components/table/Table.stories.d.ts.map +1 -1
  132. package/dist/components/table/Table.stories.js +357 -3
  133. package/dist/components/table/Table.stories.js.map +1 -1
  134. package/dist/components/table/TableFooter.stories.d.ts +49 -0
  135. package/dist/components/table/TableFooter.stories.d.ts.map +1 -0
  136. package/dist/components/table/TableFooter.stories.js +137 -0
  137. package/dist/components/table/TableFooter.stories.js.map +1 -0
  138. package/dist/components/table/TableHeader.stories.d.ts +93 -0
  139. package/dist/components/table/TableHeader.stories.d.ts.map +1 -0
  140. package/dist/components/table/TableHeader.stories.js +176 -0
  141. package/dist/components/table/TableHeader.stories.js.map +1 -0
  142. package/dist/components/table/cellEditors/DateCellEditor.stories.d.ts +44 -0
  143. package/dist/components/table/cellEditors/DateCellEditor.stories.d.ts.map +1 -0
  144. package/dist/components/table/cellEditors/DateCellEditor.stories.js +186 -0
  145. package/dist/components/table/cellEditors/DateCellEditor.stories.js.map +1 -0
  146. package/dist/components/table/cellRenderers/BooleanCellRenderer.stories.d.ts +40 -0
  147. package/dist/components/table/cellRenderers/BooleanCellRenderer.stories.d.ts.map +1 -0
  148. package/dist/components/table/cellRenderers/BooleanCellRenderer.stories.js +209 -0
  149. package/dist/components/table/cellRenderers/BooleanCellRenderer.stories.js.map +1 -0
  150. package/dist/components/table/cellRenderers/ButtonCellRenderer.stories.d.ts +48 -0
  151. package/dist/components/table/cellRenderers/ButtonCellRenderer.stories.d.ts.map +1 -0
  152. package/dist/components/table/cellRenderers/ButtonCellRenderer.stories.js +244 -0
  153. package/dist/components/table/cellRenderers/ButtonCellRenderer.stories.js.map +1 -0
  154. package/dist/components/table/cellRenderers/CheckboxCellRenderer.d.ts.map +1 -1
  155. package/dist/components/table/cellRenderers/CheckboxCellRenderer.js +3 -1
  156. package/dist/components/table/cellRenderers/CheckboxCellRenderer.js.map +1 -1
  157. package/dist/components/table/cellRenderers/CheckboxCellRenderer.stories.d.ts +64 -0
  158. package/dist/components/table/cellRenderers/CheckboxCellRenderer.stories.d.ts.map +1 -0
  159. package/dist/components/table/cellRenderers/CheckboxCellRenderer.stories.js +241 -0
  160. package/dist/components/table/cellRenderers/CheckboxCellRenderer.stories.js.map +1 -0
  161. package/dist/components/table/cellRenderers/DefaultCellRenderer.stories.d.ts +55 -0
  162. package/dist/components/table/cellRenderers/DefaultCellRenderer.stories.d.ts.map +1 -0
  163. package/dist/components/table/cellRenderers/DefaultCellRenderer.stories.js +245 -0
  164. package/dist/components/table/cellRenderers/DefaultCellRenderer.stories.js.map +1 -0
  165. package/dist/components/table/cellRenderers/InlineTextCellRenderer.stories.d.ts +67 -0
  166. package/dist/components/table/cellRenderers/InlineTextCellRenderer.stories.d.ts.map +1 -0
  167. package/dist/components/table/cellRenderers/InlineTextCellRenderer.stories.js +221 -0
  168. package/dist/components/table/cellRenderers/InlineTextCellRenderer.stories.js.map +1 -0
  169. package/dist/components/table/cellRenderers/SelectDropdownCellRenderer.stories.d.ts +75 -0
  170. package/dist/components/table/cellRenderers/SelectDropdownCellRenderer.stories.d.ts.map +1 -0
  171. package/dist/components/table/cellRenderers/SelectDropdownCellRenderer.stories.js +270 -0
  172. package/dist/components/table/cellRenderers/SelectDropdownCellRenderer.stories.js.map +1 -0
  173. package/dist/components/table/columnFilters/BooleanFilter.stories.d.ts +57 -0
  174. package/dist/components/table/columnFilters/BooleanFilter.stories.d.ts.map +1 -0
  175. package/dist/components/table/columnFilters/BooleanFilter.stories.js +198 -0
  176. package/dist/components/table/columnFilters/BooleanFilter.stories.js.map +1 -0
  177. package/dist/components/table/columnFilters/TimeFilter.stories.d.ts +58 -0
  178. package/dist/components/table/columnFilters/TimeFilter.stories.d.ts.map +1 -0
  179. package/dist/components/table/columnFilters/TimeFilter.stories.js +207 -0
  180. package/dist/components/table/columnFilters/TimeFilter.stories.js.map +1 -0
  181. package/dist/components/table/pagination/PaginationPanel.stories.d.ts +113 -0
  182. package/dist/components/table/pagination/PaginationPanel.stories.d.ts.map +1 -0
  183. package/dist/components/table/pagination/PaginationPanel.stories.js +272 -0
  184. package/dist/components/table/pagination/PaginationPanel.stories.js.map +1 -0
  185. package/dist/components/table/tableControls/TableControls.stories.d.ts +151 -0
  186. package/dist/components/table/tableControls/TableControls.stories.d.ts.map +1 -0
  187. package/dist/components/table/tableControls/TableControls.stories.js +356 -0
  188. package/dist/components/table/tableControls/TableControls.stories.js.map +1 -0
  189. package/dist/components/table/tableControls/TableSettingsDropdown.d.ts +27 -1
  190. package/dist/components/table/tableControls/TableSettingsDropdown.d.ts.map +1 -1
  191. package/dist/components/table/tableControls/TableSettingsDropdown.js +53 -26
  192. package/dist/components/table/tableControls/TableSettingsDropdown.js.map +1 -1
  193. package/dist/components/table/tableControls/TableSettingsDropdown.test.d.ts +2 -0
  194. package/dist/components/table/tableControls/TableSettingsDropdown.test.d.ts.map +1 -0
  195. package/dist/components/table/tableControls/TableSettingsDropdown.test.js +178 -0
  196. package/dist/components/table/tableControls/TableSettingsDropdown.test.js.map +1 -0
  197. package/dist/components/tabs/Tabs.stories.d.ts +22 -4
  198. package/dist/components/tabs/Tabs.stories.d.ts.map +1 -1
  199. package/dist/components/tabs/Tabs.stories.js +398 -22
  200. package/dist/components/tabs/Tabs.stories.js.map +1 -1
  201. package/dist/components/tabs/TabsItem.stories.d.ts +54 -1
  202. package/dist/components/tabs/TabsItem.stories.d.ts.map +1 -1
  203. package/dist/components/tabs/TabsItem.stories.js +61 -9
  204. package/dist/components/tabs/TabsItem.stories.js.map +1 -1
  205. package/dist/components/toast/Toast.stories.d.ts +103 -10
  206. package/dist/components/toast/Toast.stories.d.ts.map +1 -1
  207. package/dist/components/toast/Toast.stories.js +409 -47
  208. package/dist/components/toast/Toast.stories.js.map +1 -1
  209. package/dist/components/toggle/Toggle.stories.d.ts +61 -46
  210. package/dist/components/toggle/Toggle.stories.d.ts.map +1 -1
  211. package/dist/components/toggle/Toggle.stories.js +311 -122
  212. package/dist/components/toggle/Toggle.stories.js.map +1 -1
  213. package/dist/components/tooltip/Tooltip.stories.d.ts +78 -6
  214. package/dist/components/tooltip/Tooltip.stories.d.ts.map +1 -1
  215. package/dist/components/tooltip/Tooltip.stories.js +413 -7
  216. package/dist/components/tooltip/Tooltip.stories.js.map +1 -1
  217. package/dist/components/tooltip/TooltipWrapper.stories.d.ts +71 -7
  218. package/dist/components/tooltip/TooltipWrapper.stories.d.ts.map +1 -1
  219. package/dist/components/tooltip/TooltipWrapper.stories.js +238 -10
  220. package/dist/components/tooltip/TooltipWrapper.stories.js.map +1 -1
  221. package/dist/index.css +8 -0
  222. package/dist/index.css.map +1 -1
  223. package/dist/utils/PopupParentContext.stories.d.ts +17 -0
  224. package/dist/utils/PopupParentContext.stories.d.ts.map +1 -0
  225. package/dist/utils/PopupParentContext.stories.js +266 -0
  226. package/dist/utils/PopupParentContext.stories.js.map +1 -0
  227. package/dist/utils/getDefaultPopupParent.d.ts.map +1 -1
  228. package/dist/utils/getDefaultPopupParent.js +6 -0
  229. package/dist/utils/getDefaultPopupParent.js.map +1 -1
  230. package/package.json +1 -1
  231. package/src/components/articleCard/ArticleCard.stories.tsx +524 -111
  232. package/src/components/avatar/Avatar.stories.tsx +504 -59
  233. package/src/components/avatarGroup/AvatarGroup.stories.tsx +977 -175
  234. package/src/components/banner/Banner.stories.tsx +7 -3
  235. package/src/components/card/Card.stories.tsx +466 -36
  236. package/src/components/combobox/Combobox.stories.tsx +867 -260
  237. package/src/components/datePicker/DatePicker.stories.tsx +777 -60
  238. package/src/components/dateTimePicker/DateTimePicker.stories.tsx +910 -132
  239. package/src/components/editableText/EditableText.stories.tsx +567 -91
  240. package/src/components/formField/FormField.test.tsx +6 -0
  241. package/src/components/formField/FormField.tsx +5 -0
  242. package/src/components/formField/fieldset/Fieldset.stories.tsx +761 -51
  243. package/src/components/formField/inputs/checkbox/CheckboxGroup.tsx +1 -1
  244. package/src/components/formField/inputs/checkbox/CheckboxInput.tsx +1 -1
  245. package/src/components/formField/inputs/colourPickerDropdown/ColourPickerDropdown.stories.tsx +504 -11
  246. package/src/components/formField/inputs/radio/RadioButtonGroup.tsx +17 -4
  247. package/src/components/formField/inputs/radio/RadioButtonInput.stories.tsx +71 -59
  248. package/src/components/formField/inputs/selectDropdown/SelectDropdown.stories.tsx +1079 -168
  249. package/src/components/formField/inputs/time/TimeInput.stories.tsx +1140 -104
  250. package/src/components/formField/label/Label.stories.tsx +317 -8
  251. package/src/components/icoText/IcoText.stories.tsx +442 -31
  252. package/src/components/kpiCard/KPICard.stories.tsx +475 -30
  253. package/src/components/kvpList/KVPList.stories.tsx +593 -26
  254. package/src/components/modal/Modal.stories.tsx +963 -26
  255. package/src/components/modal/modalManager/ModalManager.stories.tsx +612 -454
  256. package/src/components/pill/Pill.stories.tsx +11 -13
  257. package/src/components/pill/Pill.tsx +1 -0
  258. package/src/components/row/Row.stories.tsx +474 -58
  259. package/src/components/searchBar/SearchBar.stories.tsx +570 -38
  260. package/src/components/section/Section.stories.tsx +723 -70
  261. package/src/components/singleUser/SingleUser.stories.tsx +393 -34
  262. package/src/components/slideoverManager/SlideoverManager.stories.tsx +572 -342
  263. package/src/components/table/DSDefaultColDef.ts +25 -5
  264. package/src/components/table/Table.stories.tsx +411 -3
  265. package/src/components/table/Table.tsx +9 -2
  266. package/src/components/table/TableFooter.stories.tsx +196 -0
  267. package/src/components/table/TableHeader.stories.tsx +251 -0
  268. package/src/components/table/cellEditors/DateCellEditor.stories.tsx +245 -0
  269. package/src/components/table/cellRenderers/BooleanCellRenderer.stories.tsx +278 -0
  270. package/src/components/table/cellRenderers/ButtonCellRenderer.stories.tsx +333 -0
  271. package/src/components/table/cellRenderers/CheckboxCellRenderer.stories.tsx +337 -0
  272. package/src/components/table/cellRenderers/CheckboxCellRenderer.tsx +5 -1
  273. package/src/components/table/cellRenderers/DefaultCellRenderer.stories.tsx +342 -0
  274. package/src/components/table/cellRenderers/InlineTextCellRenderer.stories.tsx +292 -0
  275. package/src/components/table/cellRenderers/SelectDropdownCellRenderer.stories.tsx +369 -0
  276. package/src/components/table/columnFilters/BooleanFilter.stories.tsx +268 -0
  277. package/src/components/table/columnFilters/TimeFilter.stories.tsx +281 -0
  278. package/src/components/table/pagination/PaginationPanel.stories.tsx +327 -0
  279. package/src/components/table/tableControls/TableControls.stories.tsx +415 -0
  280. package/src/components/table/tableControls/TableSettingsDropdown.test.tsx +207 -0
  281. package/src/components/table/tableControls/TableSettingsDropdown.tsx +103 -39
  282. package/src/components/tabs/Tabs.stories.tsx +540 -60
  283. package/src/components/tabs/TabsItem.stories.tsx +82 -8
  284. package/src/components/toast/Toast.stories.tsx +539 -77
  285. package/src/components/toggle/Toggle.stories.tsx +371 -135
  286. package/src/components/tooltip/Tooltip.stories.tsx +606 -15
  287. package/src/components/tooltip/TooltipWrapper.stories.tsx +348 -12
  288. package/src/docs/Contributing.mdx +241 -0
  289. package/src/docs/UsingComponents.mdx +93 -0
  290. package/src/docs/Welcome.mdx +68 -0
  291. package/src/global.scss +7 -0
  292. package/src/utils/PopupParentContext.stories.tsx +367 -0
  293. package/src/utils/getDefaultPopupParent.ts +6 -0
  294. package/.ralph/storybook-upgrade/knowledge.md +0 -308
  295. package/.ralph/storybook-upgrade/prd.json +0 -777
  296. package/.ralph/storybook-upgrade/progress.md +0 -342
  297. package/src/components/table/TableWIP.mdx +0 -3
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DefaultCellRenderer.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/table/cellRenderers/DefaultCellRenderer.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;AA2F5D,iBAAS,2BAA2B,4CAmBnC;AAQD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgCkC,CAAC;AAE7C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAkBlD,eAAO,MAAM,OAAO,EAAE,KAarB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAa9B,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAanB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAkC5B,CAAC;AAQF,eAAO,MAAM,QAAQ,EAAE,KAwEtB,CAAC"}
@@ -0,0 +1,245 @@
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 { DefaultCellRenderer } from './DefaultCellRenderer';
4
+ import { Table } from '../../table/Table';
5
+ // ---------------------------------------------------------------------------
6
+ // Docs page content
7
+ // ---------------------------------------------------------------------------
8
+ const DESCRIPTION_INTRO = [
9
+ '`DefaultCellRenderer` is the internal default cell renderer used by Arbor\'s `Table`. It renders',
10
+ '`valueFormatted` when available, falls back to `value.value`, and renders an empty `div` for',
11
+ '`null` or `undefined`. It also supports an optional `dataTestId` via `colDef.cellRendererParams`.',
12
+ '',
13
+ '**You rarely need to register this renderer explicitly.** AG Grid uses it automatically for all',
14
+ 'columns in an Arbor Table.',
15
+ ].join('\n');
16
+ const USAGE_GUIDANCE = [
17
+ '### When to use',
18
+ '',
19
+ '- When you need to add a `dataTestId` to a cell for automated testing',
20
+ '- When you want to be explicit about using the default renderer in a column definition',
21
+ '',
22
+ '---',
23
+ '',
24
+ '### When NOT to use',
25
+ '',
26
+ '| Situation | Use instead |',
27
+ '|---|---|',
28
+ '| The column needs interactive controls | `CheckboxCellRenderer`, `ButtonCellRenderer`, or `SelectDropdownCellRenderer` |',
29
+ '| The column renders a boolean flag | `BooleanCellRenderer` |',
30
+ '| You want formatted text output | A `valueFormatter` on the column — `DefaultCellRenderer` renders `valueFormatted` automatically |',
31
+ ].join('\n');
32
+ const DEVELOPER_NOTES = [
33
+ '### Critical usage patterns',
34
+ '',
35
+ '**Value resolution order:**',
36
+ '1. Uses `valueFormatted` if it exists and is NOT the string `"[object Object]"`',
37
+ '2. Falls back to `value.value`',
38
+ '3. Renders an empty `<div>` for `null` or `undefined`',
39
+ '',
40
+ 'This means a `valueFormatter` on the column will always take precedence over the raw value.',
41
+ '',
42
+ '**`dataTestId` must be passed via `colDef.cellRendererParams`** — it is not a direct prop.',
43
+ '',
44
+ '```tsx',
45
+ "import { Table } from '@arbor-education/design-system.components';",
46
+ '',
47
+ 'const colDefs = [',
48
+ ' {',
49
+ " field: 'name',",
50
+ " headerName: 'Name',",
51
+ ' // Explicit registration — only needed when you want a dataTestId:',
52
+ ' cellRenderer: DefaultCellRenderer,',
53
+ ' cellRendererParams: {',
54
+ " dataTestId: 'student-name-cell',",
55
+ ' },',
56
+ ' },',
57
+ '];',
58
+ '```',
59
+ '',
60
+ '---',
61
+ '',
62
+ '### Accessibility',
63
+ '',
64
+ 'No specific accessibility requirements — this renderer renders plain text. Ensure your `valueFormatter`',
65
+ 'returns a human-readable string, not a raw object (which would produce `"[object Object]"`).',
66
+ '',
67
+ '---',
68
+ '',
69
+ '### TypeScript types',
70
+ '',
71
+ '```ts',
72
+ "import { DefaultCellRenderer } from '@arbor-education/design-system.components';",
73
+ '```',
74
+ '',
75
+ '`DefaultCellRenderer` accepts `CustomCellRendererProps` from AG Grid.',
76
+ ].join('\n');
77
+ const RELATED_COMPONENTS = [
78
+ '## Related components',
79
+ '',
80
+ '[Table](?path=/docs/components-table--docs) · [BooleanCellRenderer](?path=/docs/components-table-cellrenderers-booleancellrenderer--docs)',
81
+ ].join('\n');
82
+ const PROPS_INTRO = 'The preview below shows `DefaultCellRenderer` in its various value states. This renderer is used internally by Arbor\'s Table — its Controls are not individually wired to the grid runtime.';
83
+ // ---------------------------------------------------------------------------
84
+ // Custom DocsPage
85
+ // ---------------------------------------------------------------------------
86
+ function DefaultCellRendererDocsPage() {
87
+ 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 })] }));
88
+ }
89
+ // ---------------------------------------------------------------------------
90
+ // Meta
91
+ // ---------------------------------------------------------------------------
92
+ const MOCK_CELL_PROPS = {};
93
+ const meta = {
94
+ title: 'Components/Table/CellRenderers/DefaultCellRenderer',
95
+ component: DefaultCellRenderer,
96
+ tags: ['autodocs'],
97
+ parameters: {
98
+ layout: 'padded',
99
+ docs: { page: DefaultCellRendererDocsPage },
100
+ },
101
+ argTypes: {
102
+ valueFormatted: {
103
+ control: false,
104
+ description: 'String produced by AG Grid\'s `valueFormatter`. Takes precedence over `value.value` unless it equals `"[object Object]"`.',
105
+ table: {
106
+ type: { summary: 'string | undefined' },
107
+ defaultValue: { summary: 'undefined' },
108
+ },
109
+ },
110
+ value: {
111
+ control: false,
112
+ description: 'The raw cell value from AG Grid. The renderer reads `value.value` as a fallback when `valueFormatted` is not set.',
113
+ table: {
114
+ type: { summary: '{ value: string | number | null | undefined } | any' },
115
+ },
116
+ },
117
+ colDef: {
118
+ control: false,
119
+ description: 'Pass `cellRendererParams: { dataTestId: "..." }` to add a test ID to the cell `div`.',
120
+ table: {
121
+ type: { summary: 'ColDef' },
122
+ },
123
+ },
124
+ },
125
+ };
126
+ export default meta;
127
+ // ---------------------------------------------------------------------------
128
+ // Helper: attach a per-story description to docs
129
+ // ---------------------------------------------------------------------------
130
+ const withDescription = (story, description) => ({
131
+ ...story,
132
+ parameters: {
133
+ ...story.parameters,
134
+ docs: { ...story.parameters?.docs, description: { story: description } },
135
+ },
136
+ });
137
+ // ---------------------------------------------------------------------------
138
+ // Stories
139
+ // ---------------------------------------------------------------------------
140
+ export const Default = withDescription({
141
+ parameters: { controls: { disable: true } },
142
+ render: () => (_jsx(DefaultCellRenderer, { ...MOCK_CELL_PROPS, valueFormatted: "Smith, Alice", value: { value: 'smith-alice' }, colDef: {} })),
143
+ }, '`valueFormatted` takes precedence — the renderer displays "Smith, Alice" (the formatted value) rather than "smith-alice" (the raw value).');
144
+ export const RawValueFallback = withDescription({
145
+ parameters: { controls: { disable: true } },
146
+ render: () => (_jsx(DefaultCellRenderer, { ...MOCK_CELL_PROPS, valueFormatted: undefined, value: { value: 'Unformatted cell value' }, colDef: {} })),
147
+ }, 'When `valueFormatted` is not set, the renderer falls back to `value.value`.');
148
+ export const Empty = withDescription({
149
+ parameters: { controls: { disable: true } },
150
+ render: () => (_jsx(DefaultCellRenderer, { ...MOCK_CELL_PROPS, valueFormatted: undefined, value: { value: null }, colDef: {} })),
151
+ }, '`null` or `undefined` resolved values render an empty `<div>`. The cell is blank but the DOM element is present (useful for `dataTestId` targeting).');
152
+ export const WithDataTestId = withDescription({
153
+ parameters: {
154
+ controls: { disable: true },
155
+ docs: {
156
+ source: {
157
+ language: 'tsx',
158
+ code: `
159
+ import { DefaultCellRenderer } from '@arbor-education/design-system.components';
160
+
161
+ const colDefs = [
162
+ {
163
+ field: 'name',
164
+ headerName: 'Name',
165
+ cellRenderer: DefaultCellRenderer,
166
+ cellRendererParams: {
167
+ dataTestId: 'student-name-cell',
168
+ },
169
+ },
170
+ ];
171
+ `.trim(),
172
+ },
173
+ },
174
+ },
175
+ render: () => (_jsx(DefaultCellRenderer, { ...MOCK_CELL_PROPS, valueFormatted: "Smith, Alice", value: { value: 'smith-alice' }, colDef: { cellRendererParams: { dataTestId: 'student-name-cell' } } })),
176
+ }, 'Pass `dataTestId` via `colDef.cellRendererParams` to add a `data-testid` attribute to the cell `div`. Inspect the rendered element to see `data-testid="student-name-cell"`.');
177
+ const DEFAULT_IN_TABLE_DATA = [
178
+ { name: { value: 'Alice Johnson' }, role: { value: 'Developer' } },
179
+ { name: { value: 'Bob Smith' }, role: { value: 'Designer' } },
180
+ { name: { value: 'Charlie Brown' }, role: { value: 'Manager' } },
181
+ ];
182
+ export const InATable = withDescription({
183
+ parameters: {
184
+ controls: { disable: true },
185
+ docs: {
186
+ source: {
187
+ language: 'tsx',
188
+ code: `
189
+ import { Table, DefaultCellRenderer } from '@arbor-education/design-system.components';
190
+
191
+ const rowData = [
192
+ { name: { value: 'Alice Johnson' }, role: { value: 'Developer' } },
193
+ { name: { value: 'Bob Smith' }, role: { value: 'Designer' } },
194
+ { name: { value: 'Charlie Brown' }, role: { value: 'Manager' } },
195
+ ];
196
+
197
+ function DefaultCellRendererExample() {
198
+ return (
199
+ <Table
200
+ rowData={rowData}
201
+ columnDefs={[
202
+ {
203
+ field: 'name',
204
+ headerName: 'Name',
205
+ flex: 2,
206
+ cellRenderer: DefaultCellRenderer,
207
+ cellRendererParams: { dataTestId: 'name-cell' },
208
+ valueFormatter: Table.DefaultValueFormatter,
209
+ },
210
+ {
211
+ field: 'role',
212
+ headerName: 'Role',
213
+ flex: 1,
214
+ valueFormatter: Table.DefaultValueFormatter,
215
+ },
216
+ ]}
217
+ defaultColDef={{ flex: 1, minWidth: 120 }}
218
+ domLayout="autoHeight"
219
+ />
220
+ );
221
+ }
222
+
223
+ export default DefaultCellRendererExample;
224
+ `.trim(),
225
+ },
226
+ },
227
+ },
228
+ render: () => (_jsx(Table, { rowData: DEFAULT_IN_TABLE_DATA, columnDefs: [
229
+ {
230
+ field: 'name',
231
+ headerName: 'Name',
232
+ flex: 2,
233
+ cellRenderer: DefaultCellRenderer,
234
+ cellRendererParams: { dataTestId: 'name-cell' },
235
+ valueFormatter: Table.DefaultValueFormatter,
236
+ },
237
+ {
238
+ field: 'role',
239
+ headerName: 'Role',
240
+ flex: 1,
241
+ valueFormatter: Table.DefaultValueFormatter,
242
+ },
243
+ ], defaultColDef: { flex: 1, minWidth: 120 }, domLayout: "autoHeight" })),
244
+ }, '`DefaultCellRenderer` registered explicitly on the Name column to attach a `dataTestId`. Row data uses the `{ value: string }` object shape — `Table.DefaultValueFormatter` formats it for display, and `DefaultCellRenderer` reads `value.value` as its fallback. Inspect the Name cells in DevTools to see `data-testid="name-cell"`.');
245
+ //# sourceMappingURL=DefaultCellRenderer.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DefaultCellRenderer.stories.js","sourceRoot":"","sources":["../../../../src/components/table/cellRenderers/DefaultCellRenderer.stories.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,67 @@
1
+ import type { StoryObj } from '@storybook/react-vite';
2
+ import type { CustomCellRendererProps } from 'ag-grid-react';
3
+ import { InlineTextCellRenderer } from './InlineTextCellRenderer';
4
+ declare function InlineTextCellRendererDocsPage(): import("react/jsx-runtime").JSX.Element;
5
+ declare const meta: {
6
+ title: string;
7
+ component: (props: CustomCellRendererProps<any, any, any> & {
8
+ value: string;
9
+ }) => import("react/jsx-runtime").JSX.Element;
10
+ tags: string[];
11
+ parameters: {
12
+ layout: string;
13
+ docs: {
14
+ page: typeof InlineTextCellRendererDocsPage;
15
+ };
16
+ };
17
+ argTypes: {
18
+ value: {
19
+ control: false;
20
+ description: string;
21
+ table: {
22
+ type: {
23
+ summary: string;
24
+ };
25
+ defaultValue: {
26
+ summary: string;
27
+ };
28
+ };
29
+ };
30
+ valueFormatted: {
31
+ control: false;
32
+ description: string;
33
+ table: {
34
+ type: {
35
+ summary: string;
36
+ };
37
+ defaultValue: {
38
+ summary: string;
39
+ };
40
+ };
41
+ };
42
+ node: {
43
+ control: false;
44
+ description: string;
45
+ table: {
46
+ type: {
47
+ summary: string;
48
+ };
49
+ };
50
+ };
51
+ column: {
52
+ control: false;
53
+ description: string;
54
+ table: {
55
+ type: {
56
+ summary: string;
57
+ };
58
+ };
59
+ };
60
+ };
61
+ };
62
+ export default meta;
63
+ type Story = StoryObj<typeof InlineTextCellRenderer>;
64
+ export declare const Default: Story;
65
+ export declare const Empty: Story;
66
+ export declare const InATable: Story;
67
+ //# sourceMappingURL=InlineTextCellRenderer.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"InlineTextCellRenderer.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/table/cellRenderers/InlineTextCellRenderer.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,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAsFlE,iBAAS,8BAA8B,4CAmBtC;AAQD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoCqC,CAAC;AAEhD,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,sBAAsB,CAAC,CAAC;AAkBrD,eAAO,MAAM,OAAO,EAAE,KAWrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KA6BnB,CAAC;AAQF,eAAO,MAAM,QAAQ,EAAE,KA4DtB,CAAC"}
@@ -0,0 +1,221 @@
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 { InlineTextCellRenderer } from './InlineTextCellRenderer';
4
+ import { Table } from '../../table/Table';
5
+ // ---------------------------------------------------------------------------
6
+ // Docs page content
7
+ // ---------------------------------------------------------------------------
8
+ const DESCRIPTION_INTRO = [
9
+ '`InlineTextCellRenderer` is an AG Grid cell renderer that renders a `TextInput` permanently',
10
+ 'inside a table cell for inline text editing. Pressing Enter commits the current value via',
11
+ '`node.setDataValue`. The input is pre-populated from `valueFormatted ?? value`.',
12
+ '',
13
+ 'Register it via the string key `dsInlineTextCellRenderer` (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
+ '- When users need to edit text values directly in the table row without opening a modal or form',
19
+ '- Short, single-field edits (names, codes, quantities) where the editing context is clear',
20
+ '',
21
+ '---',
22
+ '',
23
+ '### When NOT to use',
24
+ '',
25
+ '| Situation | Use instead |',
26
+ '|---|---|',
27
+ '| Editing a date value | `DateCellEditor` (`dsDateCellEditor`) |',
28
+ '| Selecting from a list of options | `SelectDropdownCellRenderer` (`dsSelectDropdownCellRenderer`) |',
29
+ '| The edit requires validation before saving | A form in a modal — inline editing skips the validation step |',
30
+ '| The field is long-form text | A full text area in a slideover or modal |',
31
+ ].join('\n');
32
+ const DEVELOPER_NOTES = [
33
+ '### Critical usage patterns',
34
+ '',
35
+ '**This is a renderer, not an editor — the `TextInput` is always visible.**',
36
+ 'Unlike AG Grid\'s native cell editors (which mount only during edit mode), `InlineTextCellRenderer`',
37
+ 'renders the `TextInput` permanently in the cell.',
38
+ '',
39
+ '**Pressing Enter commits the value via `node.setDataValue`.**',
40
+ 'The renderer attaches a `keydown` listener to the cell wrapper on mount. Pressing Enter calls',
41
+ '`node.setDataValue(column, currentInputValue)`. If `column` is not in props, Enter is a no-op.',
42
+ '',
43
+ '```tsx',
44
+ "import { Table } from '@arbor-education/design-system.components';",
45
+ '',
46
+ 'const colDefs = [',
47
+ ' {',
48
+ " field: 'forename',",
49
+ " headerName: 'First name',",
50
+ " cellRenderer: 'dsInlineTextCellRenderer',",
51
+ ' },',
52
+ '];',
53
+ '```',
54
+ '',
55
+ '---',
56
+ '',
57
+ '### Accessibility',
58
+ '',
59
+ 'The `TextInput` inside the cell has no explicit label — the column header provides visual context.',
60
+ 'For screen readers, add an `aria-label` via `cellRendererParams: { "aria-label": "..." }`.',
61
+ '',
62
+ '---',
63
+ '',
64
+ '### TypeScript types',
65
+ '',
66
+ '```ts',
67
+ "import { InlineTextCellRenderer } from '@arbor-education/design-system.components';",
68
+ '```',
69
+ '',
70
+ '`InlineTextCellRenderer` extends `CustomCellRendererProps` with `value: string`.',
71
+ ].join('\n');
72
+ const RELATED_COMPONENTS = [
73
+ '## Related components',
74
+ '',
75
+ '[Table](?path=/docs/components-table--docs) · [SelectDropdownCellRenderer](?path=/docs/components-table-cellrenderers-selectdropdowncellrenderer--docs) · [TextInput](?path=/docs/components-textinput--docs)',
76
+ ].join('\n');
77
+ const PROPS_INTRO = 'The preview below shows `InlineTextCellRenderer` with a pre-populated value. Type in the input to see it update. Pressing Enter would call `node.setDataValue` — in this preview that call is a no-op since there is no AG Grid row node.';
78
+ // ---------------------------------------------------------------------------
79
+ // Custom DocsPage
80
+ // ---------------------------------------------------------------------------
81
+ function InlineTextCellRendererDocsPage() {
82
+ 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 })] }));
83
+ }
84
+ // ---------------------------------------------------------------------------
85
+ // Meta
86
+ // ---------------------------------------------------------------------------
87
+ const MOCK_CELL_PROPS = {};
88
+ const meta = {
89
+ title: 'Components/Table/CellRenderers/InlineTextCellRenderer',
90
+ component: InlineTextCellRenderer,
91
+ tags: ['autodocs'],
92
+ parameters: {
93
+ layout: 'padded',
94
+ docs: { page: InlineTextCellRendererDocsPage },
95
+ },
96
+ argTypes: {
97
+ value: {
98
+ control: false,
99
+ description: 'The initial text value displayed in the `TextInput`. The component manages its own internal state from this initial value.',
100
+ table: {
101
+ type: { summary: 'string' },
102
+ defaultValue: { summary: "''" },
103
+ },
104
+ },
105
+ valueFormatted: {
106
+ control: false,
107
+ description: 'If provided, used as the initial text value instead of `value`. Set by AG Grid\'s `valueFormatter`.',
108
+ table: {
109
+ type: { summary: 'string | undefined' },
110
+ defaultValue: { summary: 'undefined' },
111
+ },
112
+ },
113
+ node: {
114
+ control: false,
115
+ description: 'AG Grid row node. The renderer calls `node.setDataValue` when the user presses Enter.',
116
+ table: { type: { summary: 'IRowNode' } },
117
+ },
118
+ column: {
119
+ control: false,
120
+ description: 'AG Grid column instance. Passed as the first argument to `node.setDataValue`.',
121
+ table: { type: { summary: 'Column | null' } },
122
+ },
123
+ },
124
+ };
125
+ export default meta;
126
+ // ---------------------------------------------------------------------------
127
+ // Helper: attach a per-story description to docs
128
+ // ---------------------------------------------------------------------------
129
+ const withDescription = (story, description) => ({
130
+ ...story,
131
+ parameters: {
132
+ ...story.parameters,
133
+ docs: { ...story.parameters?.docs, description: { story: description } },
134
+ },
135
+ });
136
+ // ---------------------------------------------------------------------------
137
+ // Stories
138
+ // ---------------------------------------------------------------------------
139
+ export const Default = withDescription({
140
+ parameters: { controls: { disable: true } },
141
+ render: () => (_jsx(InlineTextCellRenderer, { ...MOCK_CELL_PROPS, value: "Alice Smith" })),
142
+ }, 'Pre-populated with an existing value. The `TextInput` is always visible — type to update the internal value, then press Enter to commit (in a real table, Enter calls `node.setDataValue`).');
143
+ export const Empty = withDescription({
144
+ parameters: {
145
+ controls: { disable: true },
146
+ docs: {
147
+ source: {
148
+ language: 'tsx',
149
+ code: `
150
+ import { Table } from '@arbor-education/design-system.components';
151
+
152
+ const colDefs = [
153
+ {
154
+ field: 'forename',
155
+ headerName: 'First name',
156
+ cellRenderer: 'dsInlineTextCellRenderer',
157
+ },
158
+ ];
159
+ `.trim(),
160
+ },
161
+ },
162
+ },
163
+ render: () => (_jsx(InlineTextCellRenderer, { ...MOCK_CELL_PROPS, value: "" })),
164
+ }, 'Empty initial state — the `TextInput` is blank and ready for input. This is the state for a new row with no existing data.');
165
+ const INLINE_TEXT_IN_TABLE_DATA = [
166
+ { fullName: 'Alice Johnson', forename: 'Alice' },
167
+ { fullName: 'Bob Smith', forename: 'Bob' },
168
+ { fullName: 'Charlie Brown', forename: 'Charlie' },
169
+ ];
170
+ export const InATable = withDescription({
171
+ parameters: {
172
+ controls: { disable: true },
173
+ docs: {
174
+ source: {
175
+ language: 'tsx',
176
+ code: `
177
+ import { Table } from '@arbor-education/design-system.components';
178
+
179
+ const rowData = [
180
+ { fullName: 'Alice Johnson', forename: 'Alice' },
181
+ { fullName: 'Bob Smith', forename: 'Bob' },
182
+ { fullName: 'Charlie Brown', forename: 'Charlie' },
183
+ ];
184
+
185
+ function InlineTextCellRendererExample() {
186
+ return (
187
+ <Table
188
+ rowData={rowData}
189
+ columnDefs={[
190
+ { field: 'fullName', headerName: 'Full Name', flex: 2, editable: false },
191
+ {
192
+ field: 'forename',
193
+ headerName: 'First Name',
194
+ flex: 1,
195
+ editable: false,
196
+ cellRenderer: 'dsInlineTextCellRenderer',
197
+ },
198
+ ]}
199
+ defaultColDef={{ flex: 1, minWidth: 120 }}
200
+ domLayout="autoHeight"
201
+ />
202
+ );
203
+ }
204
+
205
+ export default InlineTextCellRendererExample;
206
+ `.trim(),
207
+ },
208
+ },
209
+ },
210
+ render: () => (_jsx(Table, { rowData: INLINE_TEXT_IN_TABLE_DATA, columnDefs: [
211
+ { field: 'fullName', headerName: 'Full Name', flex: 2, editable: false },
212
+ {
213
+ field: 'forename',
214
+ headerName: 'First Name',
215
+ flex: 1,
216
+ editable: false,
217
+ cellRenderer: 'dsInlineTextCellRenderer',
218
+ },
219
+ ], defaultColDef: { flex: 1, minWidth: 120 }, domLayout: "autoHeight" })),
220
+ }, '`dsInlineTextCellRenderer` wired up inside a full `Table`. Click into any First Name cell to start editing — the `TextInput` is always visible. Press Enter to commit the value via `node.setDataValue`, updating the row data in-place.');
221
+ //# sourceMappingURL=InlineTextCellRenderer.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"InlineTextCellRenderer.stories.js","sourceRoot":"","sources":["../../../../src/components/table/cellRenderers/InlineTextCellRenderer.stories.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,75 @@
1
+ import type { StoryObj } from '@storybook/react-vite';
2
+ import type { CustomCellRendererProps } from 'ag-grid-react';
3
+ import { SelectDropdownCellRenderer } from './SelectDropdownCellRenderer';
4
+ declare function SelectDropdownCellRendererDocsPage(): import("react/jsx-runtime").JSX.Element;
5
+ declare const meta: {
6
+ title: string;
7
+ component: (props: CustomCellRendererProps<any, any, any> & import("../../formField/inputs/selectDropdown/SelectDropdown").SelectDropdownInputProps) => import("react/jsx-runtime").JSX.Element;
8
+ tags: string[];
9
+ parameters: {
10
+ layout: string;
11
+ docs: {
12
+ page: typeof SelectDropdownCellRendererDocsPage;
13
+ };
14
+ };
15
+ argTypes: {
16
+ value: {
17
+ control: false;
18
+ description: string;
19
+ table: {
20
+ type: {
21
+ summary: string;
22
+ };
23
+ };
24
+ };
25
+ options: {
26
+ control: false;
27
+ description: string;
28
+ table: {
29
+ type: {
30
+ summary: string;
31
+ };
32
+ defaultValue: {
33
+ summary: string;
34
+ };
35
+ };
36
+ };
37
+ placeholder: {
38
+ control: false;
39
+ description: string;
40
+ table: {
41
+ type: {
42
+ summary: string;
43
+ };
44
+ defaultValue: {
45
+ summary: string;
46
+ };
47
+ };
48
+ };
49
+ api: {
50
+ control: false;
51
+ description: string;
52
+ table: {
53
+ type: {
54
+ summary: string;
55
+ };
56
+ };
57
+ };
58
+ node: {
59
+ control: false;
60
+ description: string;
61
+ table: {
62
+ type: {
63
+ summary: string;
64
+ };
65
+ };
66
+ };
67
+ };
68
+ };
69
+ export default meta;
70
+ type Story = StoryObj<typeof SelectDropdownCellRenderer>;
71
+ export declare const Default: Story;
72
+ export declare const WithSelection: Story;
73
+ export declare const Disabled: Story;
74
+ export declare const InATable: Story;
75
+ //# sourceMappingURL=SelectDropdownCellRenderer.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SelectDropdownCellRenderer.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/table/cellRenderers/SelectDropdownCellRenderer.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAW5D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAiG1E,iBAAS,kCAAkC,4CAmB1C;AAmBD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2CyC,CAAC;AAEpD,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,0BAA0B,CAAC,CAAC;AAkBzD,eAAO,MAAM,OAAO,EAAE,KAgBrB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KA0C3B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAiBtB,CAAC;AASF,eAAO,MAAM,QAAQ,EAAE,KAqEtB,CAAC"}