@d4gger/design-system 3.0.0 → 3.0.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 (403) hide show
  1. package/dist/{components/controlGroup/ControlGroup.cjs → _internal/floatingLayer.cjs} +11 -26
  2. package/dist/_internal/floatingLayer.cjs.map +7 -0
  3. package/dist/_internal/floatingLayer.d.cts +28 -0
  4. package/dist/_internal/floatingLayer.d.cts.map +1 -0
  5. package/dist/_internal/floatingLayer.d.mts +28 -0
  6. package/dist/_internal/floatingLayer.d.mts.map +1 -0
  7. package/dist/_internal/floatingLayer.d.ts +28 -0
  8. package/dist/_internal/floatingLayer.d.ts.map +1 -0
  9. package/dist/_internal/floatingLayer.js +11 -0
  10. package/dist/_internal/floatingLayer.js.map +7 -0
  11. package/dist/components/banner/Banner.cjs +105 -0
  12. package/dist/components/banner/Banner.cjs.map +7 -0
  13. package/dist/components/banner/Banner.d.cts +27 -0
  14. package/dist/components/banner/Banner.d.cts.map +1 -0
  15. package/dist/components/banner/Banner.d.mts +27 -0
  16. package/dist/components/banner/Banner.d.mts.map +1 -0
  17. package/dist/components/banner/Banner.d.ts +27 -0
  18. package/dist/components/banner/Banner.d.ts.map +1 -0
  19. package/dist/components/banner/Banner.js +80 -0
  20. package/dist/components/banner/Banner.js.map +7 -0
  21. package/dist/components/{controlGroup/controlGroup.props.cjs → banner/banner.props.cjs} +23 -16
  22. package/dist/components/banner/banner.props.cjs.map +7 -0
  23. package/dist/components/banner/banner.props.d.cts +32 -0
  24. package/dist/components/banner/banner.props.d.cts.map +1 -0
  25. package/dist/components/banner/banner.props.d.mts +32 -0
  26. package/dist/components/banner/banner.props.d.mts.map +1 -0
  27. package/dist/components/banner/banner.props.d.ts +32 -0
  28. package/dist/components/banner/banner.props.d.ts.map +1 -0
  29. package/dist/components/banner/banner.props.js +27 -0
  30. package/dist/components/banner/banner.props.js.map +7 -0
  31. package/dist/components/banner.css +60 -0
  32. package/dist/components/button-group.css +25 -0
  33. package/dist/components/button.css +9 -0
  34. package/dist/components/card.css +3 -0
  35. package/dist/components/carousel/Carousel.cjs +109 -39
  36. package/dist/components/carousel/Carousel.cjs.map +3 -3
  37. package/dist/components/carousel/Carousel.d.cts.map +1 -1
  38. package/dist/components/carousel/Carousel.d.mts.map +1 -1
  39. package/dist/components/carousel/Carousel.d.ts.map +1 -1
  40. package/dist/components/carousel/Carousel.js +111 -41
  41. package/dist/components/carousel/Carousel.js.map +3 -3
  42. package/dist/components/carousel.css +93 -26
  43. package/dist/components/chart/Chart.cjs +61 -11
  44. package/dist/components/chart/Chart.cjs.map +2 -2
  45. package/dist/components/chart/Chart.d.cts.map +1 -1
  46. package/dist/components/chart/Chart.d.mts.map +1 -1
  47. package/dist/components/chart/Chart.d.ts.map +1 -1
  48. package/dist/components/chart/Chart.js +62 -11
  49. package/dist/components/chart/Chart.js.map +2 -2
  50. package/dist/components/chart.css +10 -1
  51. package/dist/components/checkbox.css +14 -0
  52. package/dist/components/combobox/Combobox.cjs +3 -1
  53. package/dist/components/combobox/Combobox.cjs.map +2 -2
  54. package/dist/components/combobox/Combobox.d.cts.map +1 -1
  55. package/dist/components/combobox/Combobox.d.mts.map +1 -1
  56. package/dist/components/combobox/Combobox.d.ts.map +1 -1
  57. package/dist/components/combobox/Combobox.js +3 -1
  58. package/dist/components/combobox/Combobox.js.map +2 -2
  59. package/dist/components/combobox.css +5 -1
  60. package/dist/components/command/Command.cjs +1 -1
  61. package/dist/components/command/Command.cjs.map +2 -2
  62. package/dist/components/command/Command.js +1 -1
  63. package/dist/components/command/Command.js.map +2 -2
  64. package/dist/components/context-menu.css +1 -1
  65. package/dist/components/copy-field.css +18 -0
  66. package/dist/components/copyField/CopyField.cjs +3 -3
  67. package/dist/components/copyField/CopyField.cjs.map +2 -2
  68. package/dist/components/copyField/CopyField.d.cts.map +1 -1
  69. package/dist/components/copyField/CopyField.d.mts.map +1 -1
  70. package/dist/components/copyField/CopyField.d.ts.map +1 -1
  71. package/dist/components/copyField/CopyField.js +3 -3
  72. package/dist/components/copyField/CopyField.js.map +2 -2
  73. package/dist/components/data-list.css +19 -4
  74. package/dist/components/data-table.css +190 -0
  75. package/dist/components/dataTable/DataTable.cjs +193 -68
  76. package/dist/components/dataTable/DataTable.cjs.map +3 -3
  77. package/dist/components/dataTable/DataTable.d.cts +29 -1
  78. package/dist/components/dataTable/DataTable.d.cts.map +1 -1
  79. package/dist/components/dataTable/DataTable.d.mts +29 -1
  80. package/dist/components/dataTable/DataTable.d.mts.map +1 -1
  81. package/dist/components/dataTable/DataTable.d.ts +29 -1
  82. package/dist/components/dataTable/DataTable.d.ts.map +1 -1
  83. package/dist/components/dataTable/DataTable.js +193 -68
  84. package/dist/components/dataTable/DataTable.js.map +2 -2
  85. package/dist/components/dataTable/DataTableContext.cjs +41 -0
  86. package/dist/components/dataTable/DataTableContext.cjs.map +7 -0
  87. package/dist/components/dataTable/DataTableContext.d.cts +23 -0
  88. package/dist/components/dataTable/DataTableContext.d.cts.map +1 -0
  89. package/dist/components/dataTable/DataTableContext.d.mts +23 -0
  90. package/dist/components/dataTable/DataTableContext.d.mts.map +1 -0
  91. package/dist/components/dataTable/DataTableContext.d.ts +23 -0
  92. package/dist/components/dataTable/DataTableContext.d.ts.map +1 -0
  93. package/dist/components/dataTable/DataTableContext.js +11 -0
  94. package/dist/components/dataTable/DataTableContext.js.map +7 -0
  95. package/dist/components/dataTable/DataTablePagination.cjs +72 -47
  96. package/dist/components/dataTable/DataTablePagination.cjs.map +2 -2
  97. package/dist/components/dataTable/DataTablePagination.d.cts +5 -1
  98. package/dist/components/dataTable/DataTablePagination.d.cts.map +1 -1
  99. package/dist/components/dataTable/DataTablePagination.d.mts +5 -1
  100. package/dist/components/dataTable/DataTablePagination.d.mts.map +1 -1
  101. package/dist/components/dataTable/DataTablePagination.d.ts +5 -1
  102. package/dist/components/dataTable/DataTablePagination.d.ts.map +1 -1
  103. package/dist/components/dataTable/DataTablePagination.js +75 -47
  104. package/dist/components/dataTable/DataTablePagination.js.map +2 -2
  105. package/dist/components/dataTable/DataTableToolbar.cjs +122 -93
  106. package/dist/components/dataTable/DataTableToolbar.cjs.map +2 -2
  107. package/dist/components/dataTable/DataTableToolbar.d.cts +6 -5
  108. package/dist/components/dataTable/DataTableToolbar.d.cts.map +1 -1
  109. package/dist/components/dataTable/DataTableToolbar.d.mts +6 -5
  110. package/dist/components/dataTable/DataTableToolbar.d.mts.map +1 -1
  111. package/dist/components/dataTable/DataTableToolbar.d.ts +6 -5
  112. package/dist/components/dataTable/DataTableToolbar.d.ts.map +1 -1
  113. package/dist/components/dataTable/DataTableToolbar.js +123 -94
  114. package/dist/components/dataTable/DataTableToolbar.js.map +2 -2
  115. package/dist/components/dataTable/dataTable.export.cjs +83 -0
  116. package/dist/components/dataTable/dataTable.export.cjs.map +7 -0
  117. package/dist/components/dataTable/dataTable.export.d.cts +11 -0
  118. package/dist/components/dataTable/dataTable.export.d.cts.map +1 -0
  119. package/dist/components/dataTable/dataTable.export.d.mts +11 -0
  120. package/dist/components/dataTable/dataTable.export.d.mts.map +1 -0
  121. package/dist/components/dataTable/dataTable.export.d.ts +11 -0
  122. package/dist/components/dataTable/dataTable.export.d.ts.map +1 -0
  123. package/dist/components/dataTable/dataTable.export.js +63 -0
  124. package/dist/components/dataTable/dataTable.export.js.map +7 -0
  125. package/dist/components/dataTable/dataTable.props.cjs +23 -1
  126. package/dist/components/dataTable/dataTable.props.cjs.map +2 -2
  127. package/dist/components/dataTable/dataTable.props.d.cts +21 -1
  128. package/dist/components/dataTable/dataTable.props.d.cts.map +1 -1
  129. package/dist/components/dataTable/dataTable.props.d.mts +21 -1
  130. package/dist/components/dataTable/dataTable.props.d.mts.map +1 -1
  131. package/dist/components/dataTable/dataTable.props.d.ts +21 -1
  132. package/dist/components/dataTable/dataTable.props.d.ts.map +1 -1
  133. package/dist/components/dataTable/dataTable.props.js +23 -1
  134. package/dist/components/dataTable/dataTable.props.js.map +2 -2
  135. package/dist/components/dialog/Dialog.cjs +2 -1
  136. package/dist/components/dialog/Dialog.cjs.map +2 -2
  137. package/dist/components/dialog/Dialog.d.cts.map +1 -1
  138. package/dist/components/dialog/Dialog.d.mts.map +1 -1
  139. package/dist/components/dialog/Dialog.d.ts.map +1 -1
  140. package/dist/components/dialog/Dialog.js +2 -1
  141. package/dist/components/dialog/Dialog.js.map +2 -2
  142. package/dist/components/dropdown-menu.css +1 -1
  143. package/dist/components/empty-state.css +5 -0
  144. package/dist/components/fileUpload/FileUpload.cjs +10 -1
  145. package/dist/components/fileUpload/FileUpload.cjs.map +2 -2
  146. package/dist/components/fileUpload/FileUpload.d.cts +1 -0
  147. package/dist/components/fileUpload/FileUpload.d.cts.map +1 -1
  148. package/dist/components/fileUpload/FileUpload.d.mts +1 -0
  149. package/dist/components/fileUpload/FileUpload.d.mts.map +1 -1
  150. package/dist/components/fileUpload/FileUpload.d.ts +1 -0
  151. package/dist/components/fileUpload/FileUpload.d.ts.map +1 -1
  152. package/dist/components/fileUpload/FileUpload.js +10 -1
  153. package/dist/components/fileUpload/FileUpload.js.map +2 -2
  154. package/dist/components/filter-bar.css +380 -8
  155. package/dist/components/filterBar/FilterBar.cjs +630 -1
  156. package/dist/components/filterBar/FilterBar.cjs.map +2 -2
  157. package/dist/components/filterBar/FilterBar.d.cts +132 -2
  158. package/dist/components/filterBar/FilterBar.d.cts.map +1 -1
  159. package/dist/components/filterBar/FilterBar.d.mts +132 -2
  160. package/dist/components/filterBar/FilterBar.d.mts.map +1 -1
  161. package/dist/components/filterBar/FilterBar.d.ts +132 -2
  162. package/dist/components/filterBar/FilterBar.d.ts.map +1 -1
  163. package/dist/components/filterBar/FilterBar.js +631 -2
  164. package/dist/components/filterBar/FilterBar.js.map +2 -2
  165. package/dist/components/floating-panel.css +1 -1
  166. package/dist/components/fontProvider/FontProvider.cjs +1 -1
  167. package/dist/components/fontProvider/FontProvider.cjs.map +1 -1
  168. package/dist/components/fontProvider/FontProvider.js +1 -1
  169. package/dist/components/fontProvider/FontProvider.js.map +1 -1
  170. package/dist/components/icon/Icon.cjs +25 -2
  171. package/dist/components/icon/Icon.cjs.map +2 -2
  172. package/dist/components/icon/Icon.d.cts +29 -1
  173. package/dist/components/icon/Icon.d.cts.map +1 -1
  174. package/dist/components/icon/Icon.d.mts +29 -1
  175. package/dist/components/icon/Icon.d.mts.map +1 -1
  176. package/dist/components/icon/Icon.d.ts +29 -1
  177. package/dist/components/icon/Icon.d.ts.map +1 -1
  178. package/dist/components/icon/Icon.js +33 -2
  179. package/dist/components/icon/Icon.js.map +2 -2
  180. package/dist/components/icon/icons.cjs +16 -0
  181. package/dist/components/icon/icons.cjs.map +2 -2
  182. package/dist/components/icon/icons.d.cts +40 -0
  183. package/dist/components/icon/icons.d.cts.map +1 -1
  184. package/dist/components/icon/icons.d.mts +40 -0
  185. package/dist/components/icon/icons.d.mts.map +1 -1
  186. package/dist/components/icon/icons.d.ts +40 -0
  187. package/dist/components/icon/icons.d.ts.map +1 -1
  188. package/dist/components/icon/icons.js +16 -0
  189. package/dist/components/icon/icons.js.map +2 -2
  190. package/dist/components/icon-button.css +29 -0
  191. package/dist/components/index.cjs +1 -1
  192. package/dist/components/index.cjs.map +2 -2
  193. package/dist/components/index.d.cts +1 -1
  194. package/dist/components/index.d.cts.map +1 -1
  195. package/dist/components/index.d.mts +1 -1
  196. package/dist/components/index.d.mts.map +1 -1
  197. package/dist/components/index.d.ts +1 -1
  198. package/dist/components/index.d.ts.map +1 -1
  199. package/dist/components/index.js +1 -1
  200. package/dist/components/index.js.map +1 -1
  201. package/dist/components/item/Item.cjs +1 -1
  202. package/dist/components/item/Item.cjs.map +2 -2
  203. package/dist/components/item/Item.js +1 -1
  204. package/dist/components/item/Item.js.map +2 -2
  205. package/dist/components/item.css +12 -1
  206. package/dist/components/marquee/Marquee.cjs +1 -1
  207. package/dist/components/marquee/Marquee.cjs.map +2 -2
  208. package/dist/components/marquee/Marquee.js +1 -1
  209. package/dist/components/marquee/Marquee.js.map +2 -2
  210. package/dist/components/marquee.css +6 -0
  211. package/dist/components/menu/Menu.cjs +3 -1
  212. package/dist/components/menu/Menu.cjs.map +2 -2
  213. package/dist/components/menu/Menu.d.cts.map +1 -1
  214. package/dist/components/menu/Menu.d.mts.map +1 -1
  215. package/dist/components/menu/Menu.d.ts.map +1 -1
  216. package/dist/components/menu/Menu.js +3 -1
  217. package/dist/components/menu/Menu.js.map +2 -2
  218. package/dist/components/menubar.css +1 -1
  219. package/dist/components/metric.css +5 -0
  220. package/dist/components/pagination/Pagination.cjs +143 -17
  221. package/dist/components/pagination/Pagination.cjs.map +2 -2
  222. package/dist/components/pagination/Pagination.d.cts +64 -4
  223. package/dist/components/pagination/Pagination.d.cts.map +1 -1
  224. package/dist/components/pagination/Pagination.d.mts +64 -4
  225. package/dist/components/pagination/Pagination.d.mts.map +1 -1
  226. package/dist/components/pagination/Pagination.d.ts +64 -4
  227. package/dist/components/pagination/Pagination.d.ts.map +1 -1
  228. package/dist/components/pagination/Pagination.js +143 -17
  229. package/dist/components/pagination/Pagination.js.map +2 -2
  230. package/dist/components/pagination.css +50 -8
  231. package/dist/components/phoneInput/PhoneInput.cjs +18 -13
  232. package/dist/components/phoneInput/PhoneInput.cjs.map +2 -2
  233. package/dist/components/phoneInput/PhoneInput.d.cts.map +1 -1
  234. package/dist/components/phoneInput/PhoneInput.d.mts.map +1 -1
  235. package/dist/components/phoneInput/PhoneInput.d.ts.map +1 -1
  236. package/dist/components/phoneInput/PhoneInput.js +19 -14
  237. package/dist/components/phoneInput/PhoneInput.js.map +2 -2
  238. package/dist/components/popover/Popover.cjs +2 -1
  239. package/dist/components/popover/Popover.cjs.map +2 -2
  240. package/dist/components/popover/Popover.d.cts.map +1 -1
  241. package/dist/components/popover/Popover.d.mts.map +1 -1
  242. package/dist/components/popover/Popover.d.ts.map +1 -1
  243. package/dist/components/popover/Popover.js +2 -1
  244. package/dist/components/popover/Popover.js.map +2 -2
  245. package/dist/components/prose.css +1 -1
  246. package/dist/components/qr-code.css +5 -15
  247. package/dist/components/radio-group.css +19 -0
  248. package/dist/components/radioGroup/RadioGroup.cjs +3 -2
  249. package/dist/components/radioGroup/RadioGroup.cjs.map +2 -2
  250. package/dist/components/radioGroup/RadioGroup.d.cts.map +1 -1
  251. package/dist/components/radioGroup/RadioGroup.d.mts.map +1 -1
  252. package/dist/components/radioGroup/RadioGroup.d.ts.map +1 -1
  253. package/dist/components/radioGroup/RadioGroup.js +3 -2
  254. package/dist/components/radioGroup/RadioGroup.js.map +2 -2
  255. package/dist/components/radioGroup/radioGroup.props.cjs +1 -1
  256. package/dist/components/radioGroup/radioGroup.props.cjs.map +2 -2
  257. package/dist/components/radioGroup/radioGroup.props.d.cts +1 -1
  258. package/dist/components/radioGroup/radioGroup.props.d.mts +1 -1
  259. package/dist/components/radioGroup/radioGroup.props.d.ts +1 -1
  260. package/dist/components/radioGroup/radioGroup.props.js +1 -1
  261. package/dist/components/radioGroup/radioGroup.props.js.map +2 -2
  262. package/dist/components/rating.css +12 -0
  263. package/dist/components/result.css +2 -1
  264. package/dist/components/richTextEditor/RichTextEditor.cjs +11 -3
  265. package/dist/components/richTextEditor/RichTextEditor.cjs.map +2 -2
  266. package/dist/components/richTextEditor/RichTextEditor.d.cts.map +1 -1
  267. package/dist/components/richTextEditor/RichTextEditor.d.mts.map +1 -1
  268. package/dist/components/richTextEditor/RichTextEditor.d.ts.map +1 -1
  269. package/dist/components/richTextEditor/RichTextEditor.js +11 -3
  270. package/dist/components/richTextEditor/RichTextEditor.js.map +2 -2
  271. package/dist/components/segmented-control.css +80 -4
  272. package/dist/components/segmentedControl/SegmentedControl.cjs +18 -5
  273. package/dist/components/segmentedControl/SegmentedControl.cjs.map +2 -2
  274. package/dist/components/segmentedControl/SegmentedControl.d.cts.map +1 -1
  275. package/dist/components/segmentedControl/SegmentedControl.d.mts.map +1 -1
  276. package/dist/components/segmentedControl/SegmentedControl.d.ts.map +1 -1
  277. package/dist/components/segmentedControl/SegmentedControl.js +18 -5
  278. package/dist/components/segmentedControl/SegmentedControl.js.map +2 -2
  279. package/dist/components/segmentedControl/segmentedControl.props.cjs +10 -0
  280. package/dist/components/segmentedControl/segmentedControl.props.cjs.map +2 -2
  281. package/dist/components/segmentedControl/segmentedControl.props.d.cts +9 -0
  282. package/dist/components/segmentedControl/segmentedControl.props.d.cts.map +1 -1
  283. package/dist/components/segmentedControl/segmentedControl.props.d.mts +9 -0
  284. package/dist/components/segmentedControl/segmentedControl.props.d.mts.map +1 -1
  285. package/dist/components/segmentedControl/segmentedControl.props.d.ts +9 -0
  286. package/dist/components/segmentedControl/segmentedControl.props.d.ts.map +1 -1
  287. package/dist/components/segmentedControl/segmentedControl.props.js +10 -0
  288. package/dist/components/segmentedControl/segmentedControl.props.js.map +2 -2
  289. package/dist/components/select/Select.cjs +3 -1
  290. package/dist/components/select/Select.cjs.map +2 -2
  291. package/dist/components/select/Select.d.cts.map +1 -1
  292. package/dist/components/select/Select.d.mts.map +1 -1
  293. package/dist/components/select/Select.d.ts.map +1 -1
  294. package/dist/components/select/Select.js +3 -1
  295. package/dist/components/select/Select.js.map +2 -2
  296. package/dist/components/select.css +1 -1
  297. package/dist/components/sonner.css +1 -1
  298. package/dist/components/sortableList/SortableList.cjs +8 -2
  299. package/dist/components/sortableList/SortableList.cjs.map +2 -2
  300. package/dist/components/sortableList/SortableList.d.cts.map +1 -1
  301. package/dist/components/sortableList/SortableList.d.mts.map +1 -1
  302. package/dist/components/sortableList/SortableList.d.ts.map +1 -1
  303. package/dist/components/sortableList/SortableList.js +8 -2
  304. package/dist/components/sortableList/SortableList.js.map +2 -2
  305. package/dist/components/stat-card.css +2 -0
  306. package/dist/components/table/Table.cjs +3 -2
  307. package/dist/components/table/Table.cjs.map +2 -2
  308. package/dist/components/table/Table.d.cts.map +1 -1
  309. package/dist/components/table/Table.d.mts.map +1 -1
  310. package/dist/components/table/Table.d.ts.map +1 -1
  311. package/dist/components/table/Table.js +3 -2
  312. package/dist/components/table/Table.js.map +2 -2
  313. package/dist/components/table/table.props.cjs +6 -0
  314. package/dist/components/table/table.props.cjs.map +2 -2
  315. package/dist/components/table/table.props.d.cts +5 -0
  316. package/dist/components/table/table.props.d.cts.map +1 -1
  317. package/dist/components/table/table.props.d.mts +5 -0
  318. package/dist/components/table/table.props.d.mts.map +1 -1
  319. package/dist/components/table/table.props.d.ts +5 -0
  320. package/dist/components/table/table.props.d.ts.map +1 -1
  321. package/dist/components/table/table.props.js +6 -0
  322. package/dist/components/table/table.props.js.map +2 -2
  323. package/dist/components/table.css +20 -13
  324. package/dist/components/tabs.css +10 -0
  325. package/dist/components/timeline.css +54 -18
  326. package/dist/components/toast.css +33 -1
  327. package/dist/components/toggle-group.css +5 -0
  328. package/dist/components.css +1 -2
  329. package/dist/docs/README.md +1 -1
  330. package/dist/docs/component-contract.md +4 -4
  331. package/dist/docs/component-index.json +9 -9
  332. package/dist/docs/components/banner.md +152 -0
  333. package/dist/docs/components/button-group.md +4 -3
  334. package/dist/docs/components/button.md +2 -2
  335. package/dist/docs/components/card.md +1 -0
  336. package/dist/docs/components/carousel.md +55 -32
  337. package/dist/docs/components/chart.md +25 -7
  338. package/dist/docs/components/checkbox.md +4 -0
  339. package/dist/docs/components/combobox.md +3 -1
  340. package/dist/docs/components/command.md +2 -2
  341. package/dist/docs/components/copy-field.md +2 -2
  342. package/dist/docs/components/data-list.md +15 -3
  343. package/dist/docs/components/data-table.md +98 -17
  344. package/dist/docs/components/dialog.md +4 -0
  345. package/dist/docs/components/dropdown-menu.md +2 -1
  346. package/dist/docs/components/empty-state.md +3 -1
  347. package/dist/docs/components/file-upload.md +1 -0
  348. package/dist/docs/components/filter-bar.md +193 -8
  349. package/dist/docs/components/floating-panel.md +8 -8
  350. package/dist/docs/components/icon-button.md +4 -1
  351. package/dist/docs/components/item.md +18 -13
  352. package/dist/docs/components/marquee.md +2 -2
  353. package/dist/docs/components/menu.md +4 -1
  354. package/dist/docs/components/metric.md +4 -1
  355. package/dist/docs/components/pagination.md +88 -17
  356. package/dist/docs/components/pills.md +1 -1
  357. package/dist/docs/components/popover.md +2 -0
  358. package/dist/docs/components/prose.md +5 -1
  359. package/dist/docs/components/qr-code.md +14 -13
  360. package/dist/docs/components/radio-group.md +5 -2
  361. package/dist/docs/components/rating.md +2 -0
  362. package/dist/docs/components/result.md +6 -0
  363. package/dist/docs/components/segmented-control.md +7 -2
  364. package/dist/docs/components/select.md +3 -2
  365. package/dist/docs/components/sidebar.md +3 -1
  366. package/dist/docs/components/sonner.md +1 -1
  367. package/dist/docs/components/sortable-list.md +2 -0
  368. package/dist/docs/components/stat-card.md +5 -4
  369. package/dist/docs/components/stepper.md +1 -0
  370. package/dist/docs/components/table.md +14 -5
  371. package/dist/docs/components/tag.md +4 -2
  372. package/dist/docs/components/timeline.md +9 -5
  373. package/dist/docs/components/toast.md +1 -1
  374. package/dist/docs/components/toggle-group.md +2 -1
  375. package/dist/fonts.css +1 -1
  376. package/dist/generated/tokens.cjs +1 -1
  377. package/dist/generated/tokens.cjs.map +1 -1
  378. package/dist/generated/tokens.js +1 -1
  379. package/dist/generated/tokens.js.map +1 -1
  380. package/dist/motion.css +18 -3
  381. package/dist/styles.css +1249 -292
  382. package/dist/tokens.css +21 -15
  383. package/package.json +1 -1
  384. package/dist/components/control-group.css +0 -142
  385. package/dist/components/controlGroup/ControlGroup.cjs.map +0 -7
  386. package/dist/components/controlGroup/ControlGroup.d.cts +0 -16
  387. package/dist/components/controlGroup/ControlGroup.d.cts.map +0 -1
  388. package/dist/components/controlGroup/ControlGroup.d.mts +0 -16
  389. package/dist/components/controlGroup/ControlGroup.d.mts.map +0 -1
  390. package/dist/components/controlGroup/ControlGroup.d.ts +0 -16
  391. package/dist/components/controlGroup/ControlGroup.d.ts.map +0 -1
  392. package/dist/components/controlGroup/ControlGroup.js +0 -26
  393. package/dist/components/controlGroup/ControlGroup.js.map +0 -7
  394. package/dist/components/controlGroup/controlGroup.props.cjs.map +0 -7
  395. package/dist/components/controlGroup/controlGroup.props.d.cts +0 -18
  396. package/dist/components/controlGroup/controlGroup.props.d.cts.map +0 -1
  397. package/dist/components/controlGroup/controlGroup.props.d.mts +0 -18
  398. package/dist/components/controlGroup/controlGroup.props.d.mts.map +0 -1
  399. package/dist/components/controlGroup/controlGroup.props.d.ts +0 -18
  400. package/dist/components/controlGroup/controlGroup.props.d.ts.map +0 -1
  401. package/dist/components/controlGroup/controlGroup.props.js +0 -20
  402. package/dist/components/controlGroup/controlGroup.props.js.map +0 -7
  403. package/dist/docs/components/control-group.md +0 -261
@@ -3,6 +3,10 @@ import { DataTableToolbar } from './DataTableToolbar.cjs';
3
3
  import { DataTablePagination } from './DataTablePagination.cjs';
4
4
  import { DataTableFacetedFilter } from './DataTableFacetedFilter.cjs';
5
5
  type DataTableSortDirection = 'asc' | 'desc';
6
+ type DataTableSortState = {
7
+ columnId: string;
8
+ direction: DataTableSortDirection;
9
+ };
6
10
  declare function stringifyDataTableValue(value: unknown): string;
7
11
  type DataTableColumn<Row> = {
8
12
  accessorKey?: keyof Row;
@@ -23,6 +27,14 @@ type DataTablePaginationState = {
23
27
  page: number;
24
28
  pageSize: number;
25
29
  };
30
+ type DataTablePaginationPosition = 'top' | 'bottom' | 'both';
31
+ type DataTablePaginationAlign = 'start' | 'center' | 'end';
32
+ type DataTableChangeAction = 'paginate' | 'sort' | 'filter';
33
+ type DataTableChangeState = {
34
+ pagination: DataTablePaginationState;
35
+ sortBy: string | null;
36
+ sortOrder: DataTableSortDirection;
37
+ };
26
38
  type DataTableFacetedFilterState = {
27
39
  columnId: string;
28
40
  accessorKey: string;
@@ -41,12 +53,28 @@ type DataTableProps<Row> = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'
41
53
  facetedFilters?: Array<DataTableFacetedFilterState>;
42
54
  onFacetedFiltersChange?: (facetedFilters: Array<DataTableFacetedFilterState>) => void;
43
55
  toolbar?: React.ReactNode;
56
+ query?: string;
57
+ defaultQuery?: string;
58
+ onQueryChange?: (query: string) => void;
44
59
  showToolbar?: boolean;
45
60
  showPagination?: boolean;
61
+ paginationPosition?: DataTablePaginationPosition;
62
+ paginationAlign?: DataTablePaginationAlign;
63
+ paginationFirstLast?: boolean;
64
+ paginationPageInput?: boolean;
65
+ onTableChange?: (action: DataTableChangeAction, state: DataTableChangeState) => void;
66
+ bulkActions?: React.ReactNode;
46
67
  sortBy?: string | null;
47
68
  sortOrder?: DataTableSortDirection;
48
69
  onSortChange?: (sortBy: string, sortOrder: DataTableSortDirection) => void;
70
+ sorting?: DataTableSortState | null;
71
+ defaultSorting?: DataTableSortState | null;
72
+ onSortingChange?: (sorting: DataTableSortState | null) => void;
73
+ resetPageOnViewChange?: boolean;
74
+ clearSelectionOnViewChange?: boolean;
49
75
  stickyHeader?: boolean;
76
+ wrapScrollArea?: boolean;
77
+ separator?: 'rules' | 'grid';
50
78
  selectedRowIds?: Set<React.Key>;
51
79
  defaultSelectedRowIds?: Iterable<React.Key>;
52
80
  onSelectedRowIdsChange?: (selectedRowIds: Set<React.Key>) => void;
@@ -69,5 +97,5 @@ declare const DataTable: DataTableComponent & {
69
97
  };
70
98
  export { DataTable, DataTableFacetedFilter, DataTablePagination, DataTableToolbar };
71
99
  export { stringifyDataTableValue };
72
- export type { DataTableColumn, DataTableFacetedFilterState, DataTablePaginationState, DataTableProps, };
100
+ export type { DataTableChangeAction, DataTableChangeState, DataTableColumn, DataTableFacetedFilterState, DataTablePaginationAlign, DataTablePaginationPosition, DataTablePaginationState, DataTableProps, DataTableSortDirection, DataTableSortState, };
73
101
  //# sourceMappingURL=DataTable.d.cts.map
@@ -1 +1 @@
1
- {"version":3,"file":"DataTable.d.cts","sourceRoot":"","sources":["../../../src/components/dataTable/DataTable.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"DataTable.d.cts","sourceRoot":"","sources":["../../../src/components/dataTable/DataTable.tsx"],"names":[],"mappings":"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"}
@@ -3,6 +3,10 @@ import { DataTableToolbar } from './DataTableToolbar.js';
3
3
  import { DataTablePagination } from './DataTablePagination.js';
4
4
  import { DataTableFacetedFilter } from './DataTableFacetedFilter.js';
5
5
  type DataTableSortDirection = 'asc' | 'desc';
6
+ type DataTableSortState = {
7
+ columnId: string;
8
+ direction: DataTableSortDirection;
9
+ };
6
10
  declare function stringifyDataTableValue(value: unknown): string;
7
11
  type DataTableColumn<Row> = {
8
12
  accessorKey?: keyof Row;
@@ -23,6 +27,14 @@ type DataTablePaginationState = {
23
27
  page: number;
24
28
  pageSize: number;
25
29
  };
30
+ type DataTablePaginationPosition = 'top' | 'bottom' | 'both';
31
+ type DataTablePaginationAlign = 'start' | 'center' | 'end';
32
+ type DataTableChangeAction = 'paginate' | 'sort' | 'filter';
33
+ type DataTableChangeState = {
34
+ pagination: DataTablePaginationState;
35
+ sortBy: string | null;
36
+ sortOrder: DataTableSortDirection;
37
+ };
26
38
  type DataTableFacetedFilterState = {
27
39
  columnId: string;
28
40
  accessorKey: string;
@@ -41,12 +53,28 @@ type DataTableProps<Row> = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'
41
53
  facetedFilters?: Array<DataTableFacetedFilterState>;
42
54
  onFacetedFiltersChange?: (facetedFilters: Array<DataTableFacetedFilterState>) => void;
43
55
  toolbar?: React.ReactNode;
56
+ query?: string;
57
+ defaultQuery?: string;
58
+ onQueryChange?: (query: string) => void;
44
59
  showToolbar?: boolean;
45
60
  showPagination?: boolean;
61
+ paginationPosition?: DataTablePaginationPosition;
62
+ paginationAlign?: DataTablePaginationAlign;
63
+ paginationFirstLast?: boolean;
64
+ paginationPageInput?: boolean;
65
+ onTableChange?: (action: DataTableChangeAction, state: DataTableChangeState) => void;
66
+ bulkActions?: React.ReactNode;
46
67
  sortBy?: string | null;
47
68
  sortOrder?: DataTableSortDirection;
48
69
  onSortChange?: (sortBy: string, sortOrder: DataTableSortDirection) => void;
70
+ sorting?: DataTableSortState | null;
71
+ defaultSorting?: DataTableSortState | null;
72
+ onSortingChange?: (sorting: DataTableSortState | null) => void;
73
+ resetPageOnViewChange?: boolean;
74
+ clearSelectionOnViewChange?: boolean;
49
75
  stickyHeader?: boolean;
76
+ wrapScrollArea?: boolean;
77
+ separator?: 'rules' | 'grid';
50
78
  selectedRowIds?: Set<React.Key>;
51
79
  defaultSelectedRowIds?: Iterable<React.Key>;
52
80
  onSelectedRowIdsChange?: (selectedRowIds: Set<React.Key>) => void;
@@ -69,5 +97,5 @@ declare const DataTable: DataTableComponent & {
69
97
  };
70
98
  export { DataTable, DataTableFacetedFilter, DataTablePagination, DataTableToolbar };
71
99
  export { stringifyDataTableValue };
72
- export type { DataTableColumn, DataTableFacetedFilterState, DataTablePaginationState, DataTableProps, };
100
+ export type { DataTableChangeAction, DataTableChangeState, DataTableColumn, DataTableFacetedFilterState, DataTablePaginationAlign, DataTablePaginationPosition, DataTablePaginationState, DataTableProps, DataTableSortDirection, DataTableSortState, };
73
101
  //# sourceMappingURL=DataTable.d.mts.map
@@ -1 +1 @@
1
- {"version":3,"file":"DataTable.d.mts","sourceRoot":"","sources":["../../../src/components/dataTable/DataTable.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"DataTable.d.mts","sourceRoot":"","sources":["../../../src/components/dataTable/DataTable.tsx"],"names":[],"mappings":"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"}
@@ -3,6 +3,10 @@ import { DataTableToolbar } from './DataTableToolbar.js';
3
3
  import { DataTablePagination } from './DataTablePagination.js';
4
4
  import { DataTableFacetedFilter } from './DataTableFacetedFilter.js';
5
5
  type DataTableSortDirection = 'asc' | 'desc';
6
+ type DataTableSortState = {
7
+ columnId: string;
8
+ direction: DataTableSortDirection;
9
+ };
6
10
  declare function stringifyDataTableValue(value: unknown): string;
7
11
  type DataTableColumn<Row> = {
8
12
  accessorKey?: keyof Row;
@@ -23,6 +27,14 @@ type DataTablePaginationState = {
23
27
  page: number;
24
28
  pageSize: number;
25
29
  };
30
+ type DataTablePaginationPosition = 'top' | 'bottom' | 'both';
31
+ type DataTablePaginationAlign = 'start' | 'center' | 'end';
32
+ type DataTableChangeAction = 'paginate' | 'sort' | 'filter';
33
+ type DataTableChangeState = {
34
+ pagination: DataTablePaginationState;
35
+ sortBy: string | null;
36
+ sortOrder: DataTableSortDirection;
37
+ };
26
38
  type DataTableFacetedFilterState = {
27
39
  columnId: string;
28
40
  accessorKey: string;
@@ -41,12 +53,28 @@ type DataTableProps<Row> = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'
41
53
  facetedFilters?: Array<DataTableFacetedFilterState>;
42
54
  onFacetedFiltersChange?: (facetedFilters: Array<DataTableFacetedFilterState>) => void;
43
55
  toolbar?: React.ReactNode;
56
+ query?: string;
57
+ defaultQuery?: string;
58
+ onQueryChange?: (query: string) => void;
44
59
  showToolbar?: boolean;
45
60
  showPagination?: boolean;
61
+ paginationPosition?: DataTablePaginationPosition;
62
+ paginationAlign?: DataTablePaginationAlign;
63
+ paginationFirstLast?: boolean;
64
+ paginationPageInput?: boolean;
65
+ onTableChange?: (action: DataTableChangeAction, state: DataTableChangeState) => void;
66
+ bulkActions?: React.ReactNode;
46
67
  sortBy?: string | null;
47
68
  sortOrder?: DataTableSortDirection;
48
69
  onSortChange?: (sortBy: string, sortOrder: DataTableSortDirection) => void;
70
+ sorting?: DataTableSortState | null;
71
+ defaultSorting?: DataTableSortState | null;
72
+ onSortingChange?: (sorting: DataTableSortState | null) => void;
73
+ resetPageOnViewChange?: boolean;
74
+ clearSelectionOnViewChange?: boolean;
49
75
  stickyHeader?: boolean;
76
+ wrapScrollArea?: boolean;
77
+ separator?: 'rules' | 'grid';
50
78
  selectedRowIds?: Set<React.Key>;
51
79
  defaultSelectedRowIds?: Iterable<React.Key>;
52
80
  onSelectedRowIdsChange?: (selectedRowIds: Set<React.Key>) => void;
@@ -69,5 +97,5 @@ declare const DataTable: DataTableComponent & {
69
97
  };
70
98
  export { DataTable, DataTableFacetedFilter, DataTablePagination, DataTableToolbar };
71
99
  export { stringifyDataTableValue };
72
- export type { DataTableColumn, DataTableFacetedFilterState, DataTablePaginationState, DataTableProps, };
100
+ export type { DataTableChangeAction, DataTableChangeState, DataTableColumn, DataTableFacetedFilterState, DataTablePaginationAlign, DataTablePaginationPosition, DataTablePaginationState, DataTableProps, DataTableSortDirection, DataTableSortState, };
73
101
  //# sourceMappingURL=DataTable.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../src/components/dataTable/DataTable.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../src/components/dataTable/DataTable.tsx"],"names":[],"mappings":"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"}
@@ -2,24 +2,18 @@
2
2
  import * as React from "react";
3
3
  import classNames from "classnames";
4
4
  import { extractProps } from "../../_internal/helpers/extractProps.js";
5
+ import { Button } from "../button/Button.js";
5
6
  import { Checkbox } from "../checkbox/Checkbox.js";
6
- import { Input } from "../input/Input.js";
7
+ import { Icon } from "../icon/Icon.js";
7
8
  import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "../table/Table.js";
9
+ import { DataTableToolbarContext } from "./DataTableContext.js";
8
10
  import { dataTablePropDefs } from "./dataTable.props.js";
11
+ import { exportDataTableRows, exportDataTableRowsProgressive } from "./dataTable.export.js";
9
12
  import { DataTableToolbar } from "./DataTableToolbar.js";
10
13
  import { DataTablePagination } from "./DataTablePagination.js";
11
14
  import { DataTableFacetedFilter } from "./DataTableFacetedFilter.js";
12
15
  import { RESULT_ILLUSTRATION_VARIANT_BY_STATE, Result } from "../result/Result.js";
13
16
  import { jsx, jsxs } from "react/jsx-runtime";
14
- const DATA_TABLE_CONTROLS_STYLE = {
15
- display: "flex",
16
- alignItems: "center",
17
- gap: "var(--dsx-space-sm)",
18
- padding: "var(--dsx-space-md)"
19
- };
20
- const DATA_TABLE_SEARCH_STYLE = {
21
- width: "100%"
22
- };
23
17
  const DATA_TABLE_SELECTION_CELL_STYLE = {
24
18
  width: "1%",
25
19
  whiteSpace: "nowrap"
@@ -38,10 +32,6 @@ const DATA_TABLE_HEADER_BUTTON_STYLE = {
38
32
  textAlign: "left",
39
33
  cursor: "pointer"
40
34
  };
41
- const DATA_TABLE_SORT_ICON_STYLE = {
42
- color: "var(--dsx-color-on-surface-variant)",
43
- fontSize: "0.875em"
44
- };
45
35
  const DATA_TABLE_EXPAND_CELL_STYLE = {
46
36
  width: "1%",
47
37
  whiteSpace: "nowrap"
@@ -117,19 +107,7 @@ function getNextSortState(currentSort, columnId) {
117
107
  if (!currentSort || currentSort.columnId !== columnId) {
118
108
  return { columnId, direction: "asc" };
119
109
  }
120
- return {
121
- columnId,
122
- direction: currentSort.direction === "asc" ? "desc" : "asc"
123
- };
124
- }
125
- function getSortIcon(direction) {
126
- if (direction === "asc") {
127
- return "\u2191";
128
- }
129
- if (direction === "desc") {
130
- return "\u2193";
131
- }
132
- return "\u2195";
110
+ return currentSort.direction === "asc" ? { columnId, direction: "desc" } : null;
133
111
  }
134
112
  function getColumnValue(column, row, rowIndex) {
135
113
  if (column.accessorKey) {
@@ -145,7 +123,7 @@ function DataTableInner(props, forwardedRef) {
145
123
  className: propClassName,
146
124
  columns,
147
125
  data,
148
- emptyState = "No results.",
126
+ emptyState,
149
127
  getRowId,
150
128
  visibleColumnIds: controlledVisibleColumnIds,
151
129
  onVisibleColumnIdsChange,
@@ -154,12 +132,28 @@ function DataTableInner(props, forwardedRef) {
154
132
  facetedFilters: controlledFacetedFilters,
155
133
  onFacetedFiltersChange,
156
134
  toolbar,
135
+ query: controlledQuery,
136
+ defaultQuery = "",
137
+ onQueryChange,
157
138
  showToolbar = true,
158
139
  showPagination = false,
140
+ paginationPosition = "bottom",
141
+ paginationAlign,
142
+ paginationFirstLast = false,
143
+ paginationPageInput = false,
144
+ onTableChange,
145
+ bulkActions,
159
146
  sortBy,
160
147
  sortOrder = "asc",
161
148
  onSortChange,
149
+ sorting: controlledSorting,
150
+ defaultSorting = null,
151
+ onSortingChange,
152
+ resetPageOnViewChange = true,
153
+ clearSelectionOnViewChange = true,
162
154
  stickyHeader = false,
155
+ wrapScrollArea = true,
156
+ separator = "rules",
163
157
  selectedRowIds: controlledSelectedRowIds,
164
158
  defaultSelectedRowIds,
165
159
  onSelectedRowIdsChange,
@@ -182,9 +176,10 @@ function DataTableInner(props, forwardedRef) {
182
176
  },
183
177
  dataTablePropDefs
184
178
  );
185
- const [query, setQuery] = React.useState("");
186
- const [internalSort, setInternalSort] = React.useState(null);
187
- const sort = sortBy ? { columnId: sortBy, direction: sortOrder } : internalSort;
179
+ const [internalQuery, setInternalQuery] = React.useState(defaultQuery);
180
+ const query = controlledQuery ?? internalQuery;
181
+ const [internalSort, setInternalSort] = React.useState(defaultSorting);
182
+ const sort = controlledSorting !== void 0 ? controlledSorting : sortBy ? { columnId: sortBy, direction: sortOrder } : internalSort;
188
183
  const [internalSelectedRowIds, setInternalSelectedRowIds] = React.useState(() => new Set(defaultSelectedRowIds));
189
184
  const selectedRowIds = controlledSelectedRowIds ?? internalSelectedRowIds;
190
185
  const [internalExpandedRowIds, setInternalExpandedRowIds] = React.useState(() => new Set(defaultExpandedRowIds));
@@ -195,10 +190,18 @@ function DataTableInner(props, forwardedRef) {
195
190
  page: 1,
196
191
  pageSize: 10
197
192
  });
198
- const visibleColumnIds = controlledVisibleColumnIds ?? new Set(columns.map((col) => col.id));
193
+ const [internalVisibleColumnIds, setInternalVisibleColumnIds] = React.useState(
194
+ () => new Set(columns.map((column) => column.id))
195
+ );
196
+ const visibleColumnIds = controlledVisibleColumnIds ?? internalVisibleColumnIds;
199
197
  const isPaginationControlled = controlledPagination !== void 0;
200
198
  const pagination = isPaginationControlled ? controlledPagination : internalPagination;
201
199
  const facetedFilters = controlledFacetedFilters ?? [];
200
+ const facetedFilterSignature = React.useMemo(
201
+ () => facetedFilters.map((filter) => `${filter.columnId}:${Array.from(filter.selectedValues).sort().join(",")}`).sort().join("|"),
202
+ [facetedFilters]
203
+ );
204
+ const previousFacetedFilterSignature = React.useRef(facetedFilterSignature);
202
205
  const rows = React.useMemo(
203
206
  () => data.map((row, rowIndex) => ({
204
207
  row,
@@ -231,9 +234,12 @@ function DataTableInner(props, forwardedRef) {
231
234
  const filteredRows = React.useMemo(() => {
232
235
  let result2 = rows;
233
236
  if (normalizedQuery) {
234
- result2 = result2.filter(
235
- ({ row, rowIndex }) => columns.some((column) => stringifyDataTableValue(getColumnValue(column, row, rowIndex)).toLowerCase().includes(normalizedQuery))
236
- );
237
+ result2 = result2.filter(({ row, rowIndex }) => {
238
+ const matchesRenderedColumns = columns.some((column) => stringifyDataTableValue(
239
+ getColumnValue(column, row, rowIndex)
240
+ ).toLowerCase().includes(normalizedQuery));
241
+ return matchesRenderedColumns || stringifyDataTableValue(row).toLowerCase().includes(normalizedQuery);
242
+ });
237
243
  }
238
244
  if (facetedFilterMap.size > 0) {
239
245
  result2 = result2.filter(({ row }) => {
@@ -285,10 +291,44 @@ function DataTableInner(props, forwardedRef) {
285
291
  () => columns.filter((col) => visibleColumnIds.has(col.id)),
286
292
  [columns, visibleColumnIds]
287
293
  );
294
+ const emitTableChange = React.useCallback((action, paginationOverride, sortOverride) => {
295
+ const resolvedSort = sortOverride !== void 0 ? sortOverride : sort;
296
+ onTableChange?.(action, {
297
+ pagination: paginationOverride ?? pagination,
298
+ sortBy: resolvedSort ? resolvedSort.columnId : null,
299
+ sortOrder: resolvedSort ? resolvedSort.direction : sortOrder
300
+ });
301
+ }, [onTableChange, pagination, sort, sortOrder]);
302
+ const resetViewState = React.useCallback(() => {
303
+ const nextPagination = { ...pagination, page: 1 };
304
+ if (resetPageOnViewChange && pagination.page !== 1) {
305
+ if (!isPaginationControlled) setInternalPagination(nextPagination);
306
+ onPaginationChange?.(nextPagination);
307
+ }
308
+ if (clearSelectionOnViewChange && selectedRowIds.size > 0) {
309
+ if (controlledSelectedRowIds === void 0) setInternalSelectedRowIds(/* @__PURE__ */ new Set());
310
+ onSelectedRowIdsChange?.(/* @__PURE__ */ new Set());
311
+ }
312
+ return resetPageOnViewChange ? nextPagination : pagination;
313
+ }, [
314
+ clearSelectionOnViewChange,
315
+ controlledSelectedRowIds,
316
+ isPaginationControlled,
317
+ onPaginationChange,
318
+ onSelectedRowIdsChange,
319
+ pagination,
320
+ resetPageOnViewChange,
321
+ selectedRowIds
322
+ ]);
288
323
  function handleSort(columnId) {
289
- const next = getNextSortState(sort, columnId);
290
- if (sortBy === void 0) setInternalSort(next);
291
- onSortChange?.(next.columnId, next.direction);
324
+ const next = controlledSorting === void 0 && sortBy !== void 0 ? {
325
+ columnId,
326
+ direction: sort?.columnId === columnId && sort.direction === "asc" ? "desc" : "asc"
327
+ } : getNextSortState(sort, columnId);
328
+ if (controlledSorting === void 0 && sortBy === void 0) setInternalSort(next);
329
+ onSortingChange?.(next);
330
+ if (next) onSortChange?.(next.columnId, next.direction);
331
+ emitTableChange("sort", resetViewState(), next);
292
332
  }
293
333
  function updateSelection(updater) {
294
334
  const next = updater(selectedRowIds);
@@ -335,6 +375,7 @@ function DataTableInner(props, forwardedRef) {
335
375
  setInternalPagination(nextPagination);
336
376
  }
337
377
  onPaginationChange?.(nextPagination);
378
+ emitTableChange("paginate", nextPagination);
338
379
  }
339
380
  function handlePageSizeChange(nextPageSize) {
340
381
  const nextPagination = { ...pagination, pageSize: nextPageSize, page: 1 };
@@ -342,20 +383,79 @@ function DataTableInner(props, forwardedRef) {
342
383
  setInternalPagination(nextPagination);
343
384
  }
344
385
  onPaginationChange?.(nextPagination);
386
+ emitTableChange("paginate", nextPagination);
345
387
  }
346
- const defaultToolbar = showToolbar ? /* @__PURE__ */ jsx("div", { style: DATA_TABLE_CONTROLS_STYLE, children: /* @__PURE__ */ jsx(
347
- Input,
348
- {
349
- "aria-label": "Search table rows",
350
- density: "sm",
351
- onChange: (event) => setQuery(event.currentTarget.value),
352
- placeholder: "Search rows",
353
- style: DATA_TABLE_SEARCH_STYLE,
354
- type: "search",
355
- value: query
356
- }
357
- ) }) : null;
358
- return /* @__PURE__ */ jsxs(
388
+ function handleQueryChange(nextQuery) {
389
+ if (controlledQuery === void 0) setInternalQuery(nextQuery);
390
+ onQueryChange?.(nextQuery);
391
+ emitTableChange("filter", resetViewState());
392
+ }
393
+ function handleVisibleColumnIdsChange(nextVisibleColumnIds) {
394
+ if (controlledVisibleColumnIds === void 0) setInternalVisibleColumnIds(nextVisibleColumnIds);
395
+ onVisibleColumnIdsChange?.(nextVisibleColumnIds);
396
+ }
397
+ function handleClearSelection() {
398
+ updateSelection(() => /* @__PURE__ */ new Set());
399
+ }
400
+ function handleClearFilters() {
401
+ handleQueryChange("");
402
+ onFacetedFiltersChange?.([]);
403
+ }
404
+ React.useEffect(() => {
405
+ if (previousFacetedFilterSignature.current === facetedFilterSignature) return;
406
+ previousFacetedFilterSignature.current = facetedFilterSignature;
407
+ emitTableChange("filter", resetViewState());
408
+ }, [emitTableChange, facetedFilterSignature, resetViewState]);
409
+ const defaultToolbar = showToolbar ? /* @__PURE__ */ jsxs(DataTableToolbar, { "aria-label": "Table tools", role: "group", children: [
410
+ /* @__PURE__ */ jsx(DataTableToolbar.Search, {}),
411
+ /* @__PURE__ */ jsxs("div", { className: "dsx-data-table-toolbar__actions", children: [
412
+ /* @__PURE__ */ jsx(DataTableToolbar.RowCount, {}),
413
+ /* @__PURE__ */ jsx(DataTableToolbar.ColumnVisibility, {}),
414
+ /* @__PURE__ */ jsx(DataTableToolbar.Export, {})
415
+ ] })
416
+ ] }) : null;
417
+ const showTopPagination = showPagination && (paginationPosition === "top" || paginationPosition === "both");
418
+ const showBottomPagination = showPagination && (paginationPosition === "bottom" || paginationPosition === "both");
419
+ const selectedCount = selectedRowIds.size;
420
+ const showBulkBar = selectionMode === "multiple" && selectedCount > 0;
421
+ const toolbarContextValue = {
422
+ columns: columns.map((column) => ({ id: column.id, label: column.header })),
423
+ exportRows: (format) => exportDataTableRows(
424
+ format,
425
+ visibleRows.map(({ row }) => row),
426
+ visibleColumns
427
+ ),
428
+ exportRowsProgressive: (format, onProgress) => exportDataTableRowsProgressive(
429
+ format,
430
+ visibleRows.map(({ row }) => row),
431
+ visibleColumns,
432
+ onProgress
433
+ ),
434
+ filteredRowCount: visibleRows.length,
435
+ onQueryChange: handleQueryChange,
436
+ onVisibleColumnIdsChange: handleVisibleColumnIdsChange,
437
+ query,
438
+ selectedRowCount: selectedCount,
439
+ totalRowCount: rows.length,
440
+ visibleColumnIds
441
+ };
442
+ function renderPagination(position) {
443
+ return /* @__PURE__ */ jsx(
444
+ DataTablePagination,
445
+ {
446
+ page: pagination.page,
447
+ pageSize: pagination.pageSize,
448
+ total: visibleRows.length,
449
+ onPageChange: handlePaginationChange,
450
+ onPageSizeChange: handlePageSizeChange,
451
+ align: paginationAlign,
452
+ showFirstLast: paginationFirstLast,
453
+ showPageInput: paginationPageInput,
454
+ className: position === "top" ? "dsx-data-table__pagination-top" : void 0
455
+ }
456
+ );
457
+ }
458
+ return /* @__PURE__ */ jsx(
359
459
  "div",
360
460
  {
361
461
  ...dataTableProps,
@@ -364,9 +464,20 @@ function DataTableInner(props, forwardedRef) {
364
464
  "data-empty": isEmpty ? "true" : void 0,
365
465
  "data-size": size,
366
466
  "data-sticky-header": stickyHeader ? "true" : void 0,
367
- children: [
368
- toolbar ?? defaultToolbar,
369
- /* @__PURE__ */ jsxs(Table, { children: [
467
+ children: /* @__PURE__ */ jsxs(DataTableToolbarContext.Provider, { value: toolbarContextValue, children: [
468
+ /* @__PURE__ */ jsxs("div", { className: "dsx-data-table__toolbar-region", children: [
469
+ toolbar ?? defaultToolbar,
470
+ showBulkBar ? /* @__PURE__ */ jsxs("div", { className: "dsx-data-table__bulk-bar", role: "group", "aria-label": "Selected row actions", children: [
471
+ /* @__PURE__ */ jsxs("span", { className: "dsx-data-table__bulk-bar-count", role: "status", "aria-live": "polite", children: [
472
+ selectedCount,
473
+ " selected"
474
+ ] }),
475
+ bulkActions ? /* @__PURE__ */ jsx("span", { className: "dsx-data-table__bulk-bar-actions", children: bulkActions }) : null,
476
+ /* @__PURE__ */ jsx(Button, { className: "dsx-data-table__bulk-bar-clear", size: "sm", type: "button", variant: "ghost", onClick: handleClearSelection, children: "Deselect all" })
477
+ ] }) : null
478
+ ] }),
479
+ showTopPagination ? renderPagination("top") : null,
480
+ /* @__PURE__ */ jsxs(Table, { size, wrapScrollArea, separator, children: [
370
481
  /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
371
482
  expandedRowRender ? /* @__PURE__ */ jsx(TableHead, { "aria-label": "Expand row", style: DATA_TABLE_EXPAND_CELL_STYLE }) : null,
372
483
  selectionMode === "multiple" ? /* @__PURE__ */ jsx(TableHead, { "aria-label": "Select rows", style: DATA_TABLE_SELECTION_CELL_STYLE, children: /* @__PURE__ */ jsx(
@@ -389,9 +500,23 @@ function DataTableInner(props, forwardedRef) {
389
500
  "data-truncate": column.truncate ? "true" : void 0,
390
501
  "data-hide-below": column.hideBelow,
391
502
  style: { width: typeof column.width === "object" ? void 0 : column.width, minWidth: typeof column.width === "object" ? column.width.min : void 0, maxWidth: typeof column.width === "object" ? column.width.max : void 0 },
392
- children: column.sortable !== false ? /* @__PURE__ */ jsxs("button", { style: DATA_TABLE_HEADER_BUTTON_STYLE, type: "button", onClick: () => handleSort(column.id), children: [
503
+ children: column.sortable !== false ? /* @__PURE__ */ jsxs("button", { className: "dsx-data-table__sort-button", style: DATA_TABLE_HEADER_BUTTON_STYLE, type: "button", onClick: () => handleSort(column.id), children: [
393
504
  /* @__PURE__ */ jsx("span", { children: column.header }),
394
- /* @__PURE__ */ jsx("span", { "aria-hidden": "true", style: DATA_TABLE_SORT_ICON_STYLE, children: getSortIcon(sort?.columnId === column.id ? sort.direction : void 0) })
505
+ /* @__PURE__ */ jsx(
506
+ "span",
507
+ {
508
+ "aria-hidden": "true",
509
+ className: "dsx-data-table__sort-indicator",
510
+ "data-direction": sort?.columnId === column.id ? sort.direction : "none",
511
+ children: /* @__PURE__ */ jsx(
512
+ Icon,
513
+ {
514
+ name: sort?.columnId === column.id ? sort.direction === "asc" ? "arrow-up" : "arrow-down" : "arrow-up-down",
515
+ size: "sm"
516
+ }
517
+ )
518
+ }
519
+ )
395
520
  ] }) : column.header
396
521
  },
397
522
  column.id
@@ -430,19 +555,19 @@ function DataTableInner(props, forwardedRef) {
430
555
  }) : /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, { className: "dsx-data-table__empty", colSpan: visibleColumns.length + (selectionMode === "multiple" ? 1 : 0) + (expandedRowRender ? 1 : 0), "data-empty": "true", children: result ?? (listState ? /* @__PURE__ */ jsxs(Result, { state: listState, children: [
431
556
  listState === "loading" ? null : /* @__PURE__ */ jsx(Result.Icon, { children: /* @__PURE__ */ jsx(Result.Illustration, { variant: RESULT_ILLUSTRATION_VARIANT_BY_STATE[listState] }) }),
432
557
  /* @__PURE__ */ jsx(Result.Title, { children: listState === "loading" ? "Loading" : listState === "error" ? "Unable to load data" : listState === "no-results" ? "No matching results" : "No data" })
433
- ] }) : emptyState) }) }) })
558
+ ] }) : emptyState ?? (rows.length > 0 ? /* @__PURE__ */ jsxs("div", { className: "dsx-data-table__empty-content", children: [
559
+ /* @__PURE__ */ jsx(Icon, { "aria-hidden": "true", name: "search", size: "md" }),
560
+ /* @__PURE__ */ jsx("strong", { children: "No matching rows" }),
561
+ /* @__PURE__ */ jsx("span", { children: "Try changing your search or filters." }),
562
+ normalizedQuery !== "" || facetedFilterSignature !== "" ? /* @__PURE__ */ jsx(Button, { size: "sm", type: "button", variant: "ghost", onClick: handleClearFilters, children: "Clear search and filters" }) : null
563
+ ] }) : /* @__PURE__ */ jsxs("div", { className: "dsx-data-table__empty-content", children: [
564
+ /* @__PURE__ */ jsx(Icon, { "aria-hidden": "true", name: "inbox", size: "md" }),
565
+ /* @__PURE__ */ jsx("strong", { children: "No rows yet" }),
566
+ /* @__PURE__ */ jsx("span", { children: "When rows arrive they will appear here." })
567
+ ] }))) }) }) })
434
568
  ] }),
435
- showPagination && /* @__PURE__ */ jsx(
436
- DataTablePagination,
437
- {
438
- page: pagination.page,
439
- pageSize: pagination.pageSize,
440
- total: visibleRows.length,
441
- onPageChange: handlePaginationChange,
442
- onPageSizeChange: handlePageSizeChange
443
- }
444
- )
445
- ]
569
+ showBottomPagination ? renderPagination("bottom") : null
570
+ ] })
446
571
  }
447
572
  );
448
573
  }