@coveord/plasma-mantine 53.1.4 → 54.0.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 (354) hide show
  1. package/.eslintrc.js +1 -5
  2. package/.turbo/turbo-build.log +3 -3
  3. package/.turbo/turbo-test.log +36 -35
  4. package/dist/.tsbuildinfo +1 -1
  5. package/dist/cjs/components/button/Button.d.ts +1 -2
  6. package/dist/cjs/components/button/Button.d.ts.map +1 -1
  7. package/dist/cjs/components/button/Button.js.map +1 -1
  8. package/dist/cjs/components/code-editor/CodeEditor.d.ts.map +1 -1
  9. package/dist/cjs/components/code-editor/CodeEditor.js +2 -4
  10. package/dist/cjs/components/code-editor/CodeEditor.js.map +1 -1
  11. package/dist/cjs/components/header/__tests__/__snapshots__/Header.spec.tsx.snap +0 -5
  12. package/dist/cjs/components/inline-confirm/InlineConfirm.d.ts +10 -2
  13. package/dist/cjs/components/inline-confirm/InlineConfirm.d.ts.map +1 -1
  14. package/dist/cjs/components/inline-confirm/InlineConfirm.js +2 -1
  15. package/dist/cjs/components/inline-confirm/InlineConfirm.js.map +1 -1
  16. package/dist/cjs/components/inline-confirm/InlineConfirmPrompt.d.ts +2 -5
  17. package/dist/cjs/components/inline-confirm/InlineConfirmPrompt.d.ts.map +1 -1
  18. package/dist/cjs/components/inline-confirm/InlineConfirmPrompt.js +5 -5
  19. package/dist/cjs/components/inline-confirm/InlineConfirmPrompt.js.map +1 -1
  20. package/dist/cjs/components/inline-confirm/InlineConfirmTarget.d.ts +2 -2
  21. package/dist/cjs/components/inline-confirm/InlineConfirmTarget.d.ts.map +1 -1
  22. package/dist/cjs/components/inline-confirm/InlineConfirmTarget.js +3 -3
  23. package/dist/cjs/components/inline-confirm/InlineConfirmTarget.js.map +1 -1
  24. package/dist/cjs/components/table/Table.d.ts +68 -55
  25. package/dist/cjs/components/table/Table.d.ts.map +1 -1
  26. package/dist/cjs/components/table/Table.js +129 -174
  27. package/dist/cjs/components/table/Table.js.map +1 -1
  28. package/dist/cjs/components/table/Table.module.css +8 -1
  29. package/dist/cjs/components/table/Table.types.d.ts +52 -147
  30. package/dist/cjs/components/table/Table.types.d.ts.map +1 -1
  31. package/dist/cjs/components/table/TableContext.d.ts +15 -10
  32. package/dist/cjs/components/table/TableContext.d.ts.map +1 -1
  33. package/dist/cjs/components/table/TableContext.js +5 -20
  34. package/dist/cjs/components/table/TableContext.js.map +1 -1
  35. package/dist/cjs/components/table/index.d.ts +3 -3
  36. package/dist/cjs/components/table/index.d.ts.map +1 -1
  37. package/dist/cjs/components/table/index.js +5 -1
  38. package/dist/cjs/components/table/index.js.map +1 -1
  39. package/dist/cjs/components/table/layouts/TableLayoutControl.js +6 -6
  40. package/dist/cjs/components/table/layouts/TableLayoutControl.js.map +1 -1
  41. package/dist/cjs/components/table/layouts/TableLayouts.d.ts +1 -22
  42. package/dist/cjs/components/table/layouts/TableLayouts.d.ts.map +1 -1
  43. package/dist/cjs/components/table/layouts/TableLayouts.js.map +1 -1
  44. package/dist/cjs/components/table/layouts/row-layout/RowLayout.d.ts +1 -2
  45. package/dist/cjs/components/table/layouts/row-layout/RowLayout.d.ts.map +1 -1
  46. package/dist/cjs/components/table/layouts/row-layout/RowLayout.js.map +1 -1
  47. package/dist/cjs/components/table/layouts/row-layout/RowLayoutBody.d.ts +2 -3
  48. package/dist/cjs/components/table/layouts/row-layout/RowLayoutBody.d.ts.map +1 -1
  49. package/dist/cjs/components/table/layouts/row-layout/RowLayoutBody.js +17 -18
  50. package/dist/cjs/components/table/layouts/row-layout/RowLayoutBody.js.map +1 -1
  51. package/dist/cjs/components/table/layouts/row-layout/RowLayoutHeader.d.ts +2 -3
  52. package/dist/cjs/components/table/layouts/row-layout/RowLayoutHeader.d.ts.map +1 -1
  53. package/dist/cjs/components/table/layouts/row-layout/RowLayoutHeader.js +9 -8
  54. package/dist/cjs/components/table/layouts/row-layout/RowLayoutHeader.js.map +1 -1
  55. package/dist/cjs/components/table/layouts/row-layout/RowLayoutIcon.d.ts +1 -5
  56. package/dist/cjs/components/table/layouts/row-layout/RowLayoutIcon.d.ts.map +1 -1
  57. package/dist/cjs/components/table/layouts/row-layout/RowLayoutIcon.js +3 -9
  58. package/dist/cjs/components/table/layouts/row-layout/RowLayoutIcon.js.map +1 -1
  59. package/dist/cjs/components/table/table-actions/TableActionContext.d.ts +9 -0
  60. package/dist/cjs/components/table/table-actions/TableActionContext.d.ts.map +1 -0
  61. package/dist/cjs/components/table/table-actions/TableActionContext.js +24 -0
  62. package/dist/cjs/components/table/table-actions/TableActionContext.js.map +1 -0
  63. package/dist/cjs/components/table/table-actions/TableActionItem.d.ts +44 -0
  64. package/dist/cjs/components/table/table-actions/TableActionItem.d.ts.map +1 -0
  65. package/dist/cjs/components/table/table-actions/TableActionItem.js +59 -0
  66. package/dist/cjs/components/table/table-actions/TableActionItem.js.map +1 -0
  67. package/dist/cjs/components/table/table-actions/TableActionsList.d.ts +37 -0
  68. package/dist/cjs/components/table/table-actions/TableActionsList.d.ts.map +1 -0
  69. package/dist/cjs/components/table/table-actions/TableActionsList.js +217 -0
  70. package/dist/cjs/components/table/table-actions/TableActionsList.js.map +1 -0
  71. package/dist/cjs/components/table/table-actions/TableHeaderActions.d.ts +11 -0
  72. package/dist/cjs/components/table/table-actions/TableHeaderActions.d.ts.map +1 -0
  73. package/dist/cjs/components/table/table-actions/TableHeaderActions.js +59 -0
  74. package/dist/cjs/components/table/table-actions/TableHeaderActions.js.map +1 -0
  75. package/dist/cjs/components/table/table-actions/index.d.ts +3 -0
  76. package/dist/cjs/components/table/table-actions/index.d.ts.map +1 -0
  77. package/dist/cjs/components/table/table-actions/index.js +9 -0
  78. package/dist/cjs/components/table/table-actions/index.js.map +1 -0
  79. package/dist/cjs/components/table/table-column/TableActionsColumn.d.ts +6 -0
  80. package/dist/cjs/components/table/table-column/TableActionsColumn.d.ts.map +1 -0
  81. package/dist/cjs/components/table/table-column/TableActionsColumn.js +53 -0
  82. package/dist/cjs/components/table/table-column/TableActionsColumn.js.map +1 -0
  83. package/dist/cjs/components/table/table-column/TableCollapsibleColumn.d.ts.map +1 -1
  84. package/dist/cjs/components/table/table-column/TableCollapsibleColumn.js +6 -2
  85. package/dist/cjs/components/table/table-column/TableCollapsibleColumn.js.map +1 -1
  86. package/dist/cjs/components/table/table-column/TableSelectableColumn.d.ts.map +1 -1
  87. package/dist/cjs/components/table/table-column/TableSelectableColumn.js +4 -0
  88. package/dist/cjs/components/table/table-column/TableSelectableColumn.js.map +1 -1
  89. package/dist/cjs/components/table/table-columns-selector/TableColumnsSelector.d.ts +7 -12
  90. package/dist/cjs/components/table/table-columns-selector/TableColumnsSelector.d.ts.map +1 -1
  91. package/dist/cjs/components/table/table-columns-selector/TableColumnsSelector.js +24 -20
  92. package/dist/cjs/components/table/table-columns-selector/TableColumnsSelector.js.map +1 -1
  93. package/dist/cjs/components/table/table-date-range-picker/TableDateRangePicker.d.ts +1 -2
  94. package/dist/cjs/components/table/table-date-range-picker/TableDateRangePicker.d.ts.map +1 -1
  95. package/dist/cjs/components/table/table-date-range-picker/TableDateRangePicker.js +7 -7
  96. package/dist/cjs/components/table/table-date-range-picker/TableDateRangePicker.js.map +1 -1
  97. package/dist/cjs/components/table/table-filter/TableFilter.d.ts +1 -2
  98. package/dist/cjs/components/table/table-filter/TableFilter.d.ts.map +1 -1
  99. package/dist/cjs/components/table/table-filter/TableFilter.js +11 -16
  100. package/dist/cjs/components/table/table-filter/TableFilter.js.map +1 -1
  101. package/dist/cjs/components/table/table-header/TableHeader.d.ts +7 -2
  102. package/dist/cjs/components/table/table-header/TableHeader.d.ts.map +1 -1
  103. package/dist/cjs/components/table/table-header/TableHeader.js +15 -12
  104. package/dist/cjs/components/table/table-header/TableHeader.js.map +1 -1
  105. package/dist/cjs/components/table/table-header/Th.d.ts +1 -2
  106. package/dist/cjs/components/table/table-header/Th.d.ts.map +1 -1
  107. package/dist/cjs/components/table/table-header/Th.js +7 -3
  108. package/dist/cjs/components/table/table-header/Th.js.map +1 -1
  109. package/dist/cjs/components/table/table-last-updated/TableLastUpdated.d.ts +1 -3
  110. package/dist/cjs/components/table/table-last-updated/TableLastUpdated.d.ts.map +1 -1
  111. package/dist/cjs/components/table/table-last-updated/TableLastUpdated.js +6 -9
  112. package/dist/cjs/components/table/table-last-updated/TableLastUpdated.js.map +1 -1
  113. package/dist/cjs/components/table/table-no-data/TableNoData.d.ts +6 -0
  114. package/dist/cjs/components/table/table-no-data/TableNoData.d.ts.map +1 -0
  115. package/dist/cjs/components/table/{table-consumer/TableConsumer.js → table-no-data/TableNoData.js} +4 -4
  116. package/dist/cjs/components/table/table-no-data/TableNoData.js.map +1 -0
  117. package/dist/cjs/components/table/table-pagination/TablePagination.d.ts.map +1 -1
  118. package/dist/cjs/components/table/table-pagination/TablePagination.js +9 -11
  119. package/dist/cjs/components/table/table-pagination/TablePagination.js.map +1 -1
  120. package/dist/cjs/components/table/table-pagination/TablePagination.types.d.ts +0 -4
  121. package/dist/cjs/components/table/table-pagination/TablePagination.types.d.ts.map +1 -1
  122. package/dist/cjs/components/table/table-per-page/TablePerPage.d.ts.map +1 -1
  123. package/dist/cjs/components/table/table-per-page/TablePerPage.js +16 -16
  124. package/dist/cjs/components/table/table-per-page/TablePerPage.js.map +1 -1
  125. package/dist/cjs/components/table/table-predicate/TablePredicate.d.ts +1 -2
  126. package/dist/cjs/components/table/table-predicate/TablePredicate.d.ts.map +1 -1
  127. package/dist/cjs/components/table/table-predicate/TablePredicate.js +12 -14
  128. package/dist/cjs/components/table/table-predicate/TablePredicate.js.map +1 -1
  129. package/dist/cjs/components/table/use-table.d.ts +182 -0
  130. package/dist/cjs/components/table/use-table.d.ts.map +1 -0
  131. package/dist/cjs/components/table/use-table.js +145 -0
  132. package/dist/cjs/components/table/use-table.js.map +1 -0
  133. package/dist/cjs/index.d.ts +11 -1
  134. package/dist/cjs/index.d.ts.map +1 -1
  135. package/dist/cjs/index.js.map +1 -1
  136. package/dist/cjs/theme/Theme.d.ts.map +1 -1
  137. package/dist/cjs/theme/Theme.js +0 -1
  138. package/dist/cjs/theme/Theme.js.map +1 -1
  139. package/dist/esm/components/button/Button.d.ts +1 -2
  140. package/dist/esm/components/button/Button.d.ts.map +1 -1
  141. package/dist/esm/components/button/Button.js.map +1 -1
  142. package/dist/esm/components/code-editor/CodeEditor.d.ts.map +1 -1
  143. package/dist/esm/components/code-editor/CodeEditor.js +2 -4
  144. package/dist/esm/components/code-editor/CodeEditor.js.map +1 -1
  145. package/dist/esm/components/header/__tests__/__snapshots__/Header.spec.tsx.snap +0 -5
  146. package/dist/esm/components/inline-confirm/InlineConfirm.d.ts +10 -2
  147. package/dist/esm/components/inline-confirm/InlineConfirm.d.ts.map +1 -1
  148. package/dist/esm/components/inline-confirm/InlineConfirm.js +1 -1
  149. package/dist/esm/components/inline-confirm/InlineConfirm.js.map +1 -1
  150. package/dist/esm/components/inline-confirm/InlineConfirmPrompt.d.ts +2 -5
  151. package/dist/esm/components/inline-confirm/InlineConfirmPrompt.d.ts.map +1 -1
  152. package/dist/esm/components/inline-confirm/InlineConfirmPrompt.js +4 -4
  153. package/dist/esm/components/inline-confirm/InlineConfirmPrompt.js.map +1 -1
  154. package/dist/esm/components/inline-confirm/InlineConfirmTarget.d.ts +2 -2
  155. package/dist/esm/components/inline-confirm/InlineConfirmTarget.d.ts.map +1 -1
  156. package/dist/esm/components/inline-confirm/InlineConfirmTarget.js +2 -2
  157. package/dist/esm/components/inline-confirm/InlineConfirmTarget.js.map +1 -1
  158. package/dist/esm/components/table/Table.d.ts +68 -55
  159. package/dist/esm/components/table/Table.d.ts.map +1 -1
  160. package/dist/esm/components/table/Table.js +122 -157
  161. package/dist/esm/components/table/Table.js.map +1 -1
  162. package/dist/esm/components/table/Table.module.css +8 -1
  163. package/dist/esm/components/table/Table.types.d.ts +52 -147
  164. package/dist/esm/components/table/Table.types.d.ts.map +1 -1
  165. package/dist/esm/components/table/Table.types.js.map +1 -1
  166. package/dist/esm/components/table/TableContext.d.ts +15 -10
  167. package/dist/esm/components/table/TableContext.d.ts.map +1 -1
  168. package/dist/esm/components/table/TableContext.js +1 -10
  169. package/dist/esm/components/table/TableContext.js.map +1 -1
  170. package/dist/esm/components/table/index.d.ts +3 -3
  171. package/dist/esm/components/table/index.d.ts.map +1 -1
  172. package/dist/esm/components/table/index.js +2 -1
  173. package/dist/esm/components/table/index.js.map +1 -1
  174. package/dist/esm/components/table/layouts/TableLayoutControl.js +4 -4
  175. package/dist/esm/components/table/layouts/TableLayoutControl.js.map +1 -1
  176. package/dist/esm/components/table/layouts/TableLayouts.d.ts +1 -22
  177. package/dist/esm/components/table/layouts/TableLayouts.d.ts.map +1 -1
  178. package/dist/esm/components/table/layouts/TableLayouts.js.map +1 -1
  179. package/dist/esm/components/table/layouts/row-layout/RowLayout.d.ts +1 -2
  180. package/dist/esm/components/table/layouts/row-layout/RowLayout.d.ts.map +1 -1
  181. package/dist/esm/components/table/layouts/row-layout/RowLayout.js.map +1 -1
  182. package/dist/esm/components/table/layouts/row-layout/RowLayoutBody.d.ts +2 -3
  183. package/dist/esm/components/table/layouts/row-layout/RowLayoutBody.d.ts.map +1 -1
  184. package/dist/esm/components/table/layouts/row-layout/RowLayoutBody.js +13 -11
  185. package/dist/esm/components/table/layouts/row-layout/RowLayoutBody.js.map +1 -1
  186. package/dist/esm/components/table/layouts/row-layout/RowLayoutHeader.d.ts +2 -3
  187. package/dist/esm/components/table/layouts/row-layout/RowLayoutHeader.d.ts.map +1 -1
  188. package/dist/esm/components/table/layouts/row-layout/RowLayoutHeader.js +5 -5
  189. package/dist/esm/components/table/layouts/row-layout/RowLayoutHeader.js.map +1 -1
  190. package/dist/esm/components/table/layouts/row-layout/RowLayoutIcon.d.ts +1 -5
  191. package/dist/esm/components/table/layouts/row-layout/RowLayoutIcon.d.ts.map +1 -1
  192. package/dist/esm/components/table/layouts/row-layout/RowLayoutIcon.js +2 -8
  193. package/dist/esm/components/table/layouts/row-layout/RowLayoutIcon.js.map +1 -1
  194. package/dist/esm/components/table/table-actions/TableActionContext.d.ts +9 -0
  195. package/dist/esm/components/table/table-actions/TableActionContext.d.ts.map +1 -0
  196. package/dist/esm/components/table/table-actions/TableActionContext.js +4 -0
  197. package/dist/esm/components/table/table-actions/TableActionContext.js.map +1 -0
  198. package/dist/esm/components/table/table-actions/TableActionItem.d.ts +44 -0
  199. package/dist/esm/components/table/table-actions/TableActionItem.d.ts.map +1 -0
  200. package/dist/esm/components/table/table-actions/TableActionItem.js +40 -0
  201. package/dist/esm/components/table/table-actions/TableActionItem.js.map +1 -0
  202. package/dist/esm/components/table/table-actions/TableActionsList.d.ts +37 -0
  203. package/dist/esm/components/table/table-actions/TableActionsList.d.ts.map +1 -0
  204. package/dist/esm/components/table/table-actions/TableActionsList.js +187 -0
  205. package/dist/esm/components/table/table-actions/TableActionsList.js.map +1 -0
  206. package/dist/esm/components/table/table-actions/TableHeaderActions.d.ts +11 -0
  207. package/dist/esm/components/table/table-actions/TableHeaderActions.d.ts.map +1 -0
  208. package/dist/esm/components/table/table-actions/TableHeaderActions.js +43 -0
  209. package/dist/esm/components/table/table-actions/TableHeaderActions.js.map +1 -0
  210. package/dist/esm/components/table/table-actions/index.d.ts +3 -0
  211. package/dist/esm/components/table/table-actions/index.d.ts.map +1 -0
  212. package/dist/esm/components/table/table-actions/index.js +4 -0
  213. package/dist/esm/components/table/table-actions/index.js.map +1 -0
  214. package/dist/esm/components/table/table-column/TableActionsColumn.d.ts +6 -0
  215. package/dist/esm/components/table/table-column/TableActionsColumn.d.ts.map +1 -0
  216. package/dist/esm/components/table/table-column/TableActionsColumn.js +40 -0
  217. package/dist/esm/components/table/table-column/TableActionsColumn.js.map +1 -0
  218. package/dist/esm/components/table/table-column/TableCollapsibleColumn.d.ts.map +1 -1
  219. package/dist/esm/components/table/table-column/TableCollapsibleColumn.js +7 -3
  220. package/dist/esm/components/table/table-column/TableCollapsibleColumn.js.map +1 -1
  221. package/dist/esm/components/table/table-column/TableSelectableColumn.d.ts.map +1 -1
  222. package/dist/esm/components/table/table-column/TableSelectableColumn.js +4 -0
  223. package/dist/esm/components/table/table-column/TableSelectableColumn.js.map +1 -1
  224. package/dist/esm/components/table/table-columns-selector/TableColumnsSelector.d.ts +7 -12
  225. package/dist/esm/components/table/table-columns-selector/TableColumnsSelector.d.ts.map +1 -1
  226. package/dist/esm/components/table/table-columns-selector/TableColumnsSelector.js +22 -20
  227. package/dist/esm/components/table/table-columns-selector/TableColumnsSelector.js.map +1 -1
  228. package/dist/esm/components/table/table-date-range-picker/TableDateRangePicker.d.ts +1 -2
  229. package/dist/esm/components/table/table-date-range-picker/TableDateRangePicker.d.ts.map +1 -1
  230. package/dist/esm/components/table/table-date-range-picker/TableDateRangePicker.js +8 -8
  231. package/dist/esm/components/table/table-date-range-picker/TableDateRangePicker.js.map +1 -1
  232. package/dist/esm/components/table/table-filter/TableFilter.d.ts +1 -2
  233. package/dist/esm/components/table/table-filter/TableFilter.d.ts.map +1 -1
  234. package/dist/esm/components/table/table-filter/TableFilter.js +14 -18
  235. package/dist/esm/components/table/table-filter/TableFilter.js.map +1 -1
  236. package/dist/esm/components/table/table-header/TableHeader.d.ts +7 -2
  237. package/dist/esm/components/table/table-header/TableHeader.d.ts.map +1 -1
  238. package/dist/esm/components/table/table-header/TableHeader.js +15 -13
  239. package/dist/esm/components/table/table-header/TableHeader.js.map +1 -1
  240. package/dist/esm/components/table/table-header/Th.d.ts +1 -2
  241. package/dist/esm/components/table/table-header/Th.d.ts.map +1 -1
  242. package/dist/esm/components/table/table-header/Th.js +8 -4
  243. package/dist/esm/components/table/table-header/Th.js.map +1 -1
  244. package/dist/esm/components/table/table-last-updated/TableLastUpdated.d.ts +1 -3
  245. package/dist/esm/components/table/table-last-updated/TableLastUpdated.d.ts.map +1 -1
  246. package/dist/esm/components/table/table-last-updated/TableLastUpdated.js +6 -8
  247. package/dist/esm/components/table/table-last-updated/TableLastUpdated.js.map +1 -1
  248. package/dist/esm/components/table/table-no-data/TableNoData.d.ts +6 -0
  249. package/dist/esm/components/table/table-no-data/TableNoData.d.ts.map +1 -0
  250. package/dist/esm/components/table/table-no-data/TableNoData.js +6 -0
  251. package/dist/esm/components/table/table-no-data/TableNoData.js.map +1 -0
  252. package/dist/esm/components/table/table-pagination/TablePagination.d.ts.map +1 -1
  253. package/dist/esm/components/table/table-pagination/TablePagination.js +10 -13
  254. package/dist/esm/components/table/table-pagination/TablePagination.js.map +1 -1
  255. package/dist/esm/components/table/table-pagination/TablePagination.types.d.ts +0 -4
  256. package/dist/esm/components/table/table-pagination/TablePagination.types.d.ts.map +1 -1
  257. package/dist/esm/components/table/table-pagination/TablePagination.types.js.map +1 -1
  258. package/dist/esm/components/table/table-per-page/TablePerPage.d.ts.map +1 -1
  259. package/dist/esm/components/table/table-per-page/TablePerPage.js +13 -12
  260. package/dist/esm/components/table/table-per-page/TablePerPage.js.map +1 -1
  261. package/dist/esm/components/table/table-predicate/TablePredicate.d.ts +1 -2
  262. package/dist/esm/components/table/table-predicate/TablePredicate.d.ts.map +1 -1
  263. package/dist/esm/components/table/table-predicate/TablePredicate.js +14 -18
  264. package/dist/esm/components/table/table-predicate/TablePredicate.js.map +1 -1
  265. package/dist/esm/components/table/use-table.d.ts +182 -0
  266. package/dist/esm/components/table/use-table.d.ts.map +1 -0
  267. package/dist/esm/components/table/use-table.js +122 -0
  268. package/dist/esm/components/table/use-table.js.map +1 -0
  269. package/dist/esm/index.d.ts +11 -1
  270. package/dist/esm/index.d.ts.map +1 -1
  271. package/dist/esm/index.js.map +1 -1
  272. package/dist/esm/theme/Theme.d.ts.map +1 -1
  273. package/dist/esm/theme/Theme.js +0 -1
  274. package/dist/esm/theme/Theme.js.map +1 -1
  275. package/package.json +36 -22
  276. package/src/__tests__/Utils.tsx +3 -1
  277. package/src/components/button/Button.tsx +3 -1
  278. package/src/components/code-editor/CodeEditor.tsx +1 -7
  279. package/src/components/header/__tests__/__snapshots__/Header.spec.tsx.snap +0 -5
  280. package/src/components/inline-confirm/InlineConfirm.tsx +12 -4
  281. package/src/components/inline-confirm/InlineConfirmPrompt.tsx +6 -9
  282. package/src/components/inline-confirm/InlineConfirmTarget.tsx +9 -4
  283. package/src/components/inline-confirm/__tests__/InlineConfirm.spec.tsx +37 -12
  284. package/src/components/table/Table.module.css +8 -1
  285. package/src/components/table/Table.tsx +148 -170
  286. package/src/components/table/Table.types.ts +57 -160
  287. package/src/components/table/TableContext.tsx +17 -16
  288. package/src/components/table/__tests__/Table.spec.tsx +176 -200
  289. package/src/components/table/__tests__/TableActions.spec.tsx +142 -31
  290. package/src/components/table/__tests__/TableCollapsibleColumn.spec.tsx +88 -0
  291. package/src/components/table/__tests__/TableColumnsSelector.spec.tsx +160 -119
  292. package/src/components/table/__tests__/TableDateRangePicker.spec.tsx +13 -17
  293. package/src/components/table/__tests__/TableFilter.spec.tsx +52 -96
  294. package/src/components/table/__tests__/TableLastUpdated.spec.tsx +18 -37
  295. package/src/components/table/__tests__/TablePagination.spec.tsx +84 -100
  296. package/src/components/table/__tests__/TablePerPage.spec.tsx +81 -104
  297. package/src/components/table/__tests__/TablePredicate.spec.tsx +26 -80
  298. package/src/components/table/__tests__/Th.spec.tsx +24 -19
  299. package/src/components/table/index.ts +3 -9
  300. package/src/components/table/layouts/TableLayoutControl.tsx +4 -4
  301. package/src/components/table/layouts/TableLayouts.tsx +0 -22
  302. package/src/components/table/layouts/__tests__/RowLayout.spec.tsx +210 -182
  303. package/src/components/table/layouts/row-layout/RowLayout.tsx +2 -2
  304. package/src/components/table/layouts/row-layout/RowLayoutBody.tsx +17 -17
  305. package/src/components/table/layouts/row-layout/RowLayoutHeader.tsx +18 -9
  306. package/src/components/table/layouts/row-layout/RowLayoutIcon.tsx +3 -8
  307. package/src/components/table/table-actions/TableActionContext.ts +9 -0
  308. package/src/components/table/table-actions/TableActionItem.tsx +80 -0
  309. package/src/components/table/table-actions/TableActionsList.tsx +209 -0
  310. package/src/components/table/table-actions/TableHeaderActions.tsx +56 -0
  311. package/src/components/table/table-actions/index.ts +2 -0
  312. package/src/components/table/table-column/TableActionsColumn.tsx +39 -0
  313. package/src/components/table/table-column/TableCollapsibleColumn.tsx +7 -3
  314. package/src/components/table/table-column/TableSelectableColumn.tsx +4 -0
  315. package/src/components/table/table-columns-selector/TableColumnsSelector.tsx +33 -28
  316. package/src/components/table/table-date-range-picker/TableDateRangePicker.tsx +9 -11
  317. package/src/components/table/table-filter/TableFilter.tsx +12 -18
  318. package/src/components/table/table-header/TableHeader.tsx +32 -15
  319. package/src/components/table/table-header/Th.tsx +8 -7
  320. package/src/components/table/table-last-updated/TableLastUpdated.tsx +7 -10
  321. package/src/components/table/table-no-data/TableNoData.tsx +7 -0
  322. package/src/components/table/table-pagination/TablePagination.tsx +8 -11
  323. package/src/components/table/table-pagination/TablePagination.types.ts +0 -4
  324. package/src/components/table/table-per-page/TablePerPage.tsx +8 -10
  325. package/src/components/table/table-predicate/TablePredicate.tsx +21 -17
  326. package/src/components/table/use-table.ts +323 -0
  327. package/src/index.ts +11 -1
  328. package/src/theme/Theme.tsx +0 -1
  329. package/dist/cjs/components/table/table-actions/TableActions.d.ts +0 -38
  330. package/dist/cjs/components/table/table-actions/TableActions.d.ts.map +0 -1
  331. package/dist/cjs/components/table/table-actions/TableActions.js +0 -47
  332. package/dist/cjs/components/table/table-actions/TableActions.js.map +0 -1
  333. package/dist/cjs/components/table/table-consumer/TableConsumer.d.ts +0 -5
  334. package/dist/cjs/components/table/table-consumer/TableConsumer.d.ts.map +0 -1
  335. package/dist/cjs/components/table/table-consumer/TableConsumer.js.map +0 -1
  336. package/dist/cjs/hooks/useRowSelection.d.ts +0 -10
  337. package/dist/cjs/hooks/useRowSelection.d.ts.map +0 -1
  338. package/dist/cjs/hooks/useRowSelection.js +0 -80
  339. package/dist/cjs/hooks/useRowSelection.js.map +0 -1
  340. package/dist/esm/components/table/table-actions/TableActions.d.ts +0 -38
  341. package/dist/esm/components/table/table-actions/TableActions.d.ts.map +0 -1
  342. package/dist/esm/components/table/table-actions/TableActions.js +0 -29
  343. package/dist/esm/components/table/table-actions/TableActions.js.map +0 -1
  344. package/dist/esm/components/table/table-consumer/TableConsumer.d.ts +0 -5
  345. package/dist/esm/components/table/table-consumer/TableConsumer.d.ts.map +0 -1
  346. package/dist/esm/components/table/table-consumer/TableConsumer.js +0 -6
  347. package/dist/esm/components/table/table-consumer/TableConsumer.js.map +0 -1
  348. package/dist/esm/hooks/useRowSelection.d.ts +0 -10
  349. package/dist/esm/hooks/useRowSelection.d.ts.map +0 -1
  350. package/dist/esm/hooks/useRowSelection.js +0 -59
  351. package/dist/esm/hooks/useRowSelection.js.map +0 -1
  352. package/src/components/table/table-actions/TableActions.tsx +0 -67
  353. package/src/components/table/table-consumer/TableConsumer.tsx +0 -3
  354. package/src/hooks/useRowSelection.ts +0 -76
@@ -17,54 +17,54 @@ var _reacttable = require("@tanstack/react-table");
17
17
  var _tablecore = require("@tanstack/table-core");
18
18
  var _react = require("react");
19
19
  var _utils = require("../../../../utils");
20
+ var _TableContext = require("../../TableContext");
20
21
  var _TableCollapsibleColumn = require("../../table-column/TableCollapsibleColumn");
21
22
  var _TableSelectableColumn = require("../../table-column/TableSelectableColumn");
22
23
  var _TableLoading = require("../../table-loading/TableLoading");
23
- var _TableContext = require("../../TableContext");
24
24
  var _RowLayoutContext = require("./RowLayoutContext");
25
25
  var defaultProps = {};
26
26
  var RowLayoutBody = function(props) {
27
27
  var _table_getRowModel;
28
28
  var ctx = (0, _RowLayoutContext.useRowLayout)();
29
- var _useProps = (0, _core.useProps)('RowLayoutBody', defaultProps, props), table = _useProps.table, doubleClickAction = _useProps.doubleClickAction, getExpandChildren = _useProps.getExpandChildren, loading = _useProps.loading, keepSelection = _useProps.keepSelection, classNames = _useProps.classNames, className = _useProps.className, styles = _useProps.styles, style = _useProps.style, others = _object_without_properties._(_useProps, [
30
- "table",
31
- "doubleClickAction",
32
- "getExpandChildren",
29
+ var _useProps = (0, _core.useProps)('RowLayoutBody', defaultProps, props), getRowExpandedContent = _useProps.getRowExpandedContent, onRowDoubleClick = _useProps.onRowDoubleClick, loading = _useProps.loading, classNames = _useProps.classNames, className = _useProps.className, styles = _useProps.styles, style = _useProps.style, getRowAttributes = _useProps.getRowAttributes, others = _object_without_properties._(_useProps, [
30
+ "getRowExpandedContent",
31
+ "onRowDoubleClick",
33
32
  "loading",
34
- "keepSelection",
35
33
  "classNames",
36
34
  "className",
37
35
  "styles",
38
- "style"
36
+ "style",
37
+ "getRowAttributes"
39
38
  ]);
40
- var _useTable = (0, _TableContext.useTable)(), multiRowSelectionEnabled = _useTable.multiRowSelectionEnabled, disableRowSelection = _useTable.disableRowSelection;
39
+ var _useTableContext = (0, _TableContext.useTableContext)(), table = _useTableContext.table, store = _useTableContext.store;
41
40
  var toggleCollapsible = function(el) {
42
41
  var cell = el.children[el.children.length - 1];
43
42
  cell.querySelector('button').click();
44
43
  };
45
44
  var rows = (_table_getRowModel = table.getRowModel()) === null || _table_getRowModel === void 0 ? void 0 : _table_getRowModel.rows.map(function(row) {
46
- var _getExpandChildren;
47
- var rowChildren = (_getExpandChildren = getExpandChildren === null || getExpandChildren === void 0 ? void 0 : getExpandChildren(row.original)) !== null && _getExpandChildren !== void 0 ? _getExpandChildren : null;
45
+ var _getRowExpandedContent;
46
+ var rowChildren = (_getRowExpandedContent = getRowExpandedContent === null || getRowExpandedContent === void 0 ? void 0 : getRowExpandedContent(row.original, row.index, row)) !== null && _getRowExpandedContent !== void 0 ? _getRowExpandedContent : null;
48
47
  var isSelected = !!row.getIsSelected();
49
- var shouldKeepSelection = keepSelection && isSelected;
48
+ var shouldKeepSelection = store.rowSelectionForced && isSelected;
50
49
  var onClick = function(event) {
51
50
  if (rowChildren) {
52
51
  toggleCollapsible(event.currentTarget);
53
52
  }
54
- if (!disableRowSelection && !multiRowSelectionEnabled && !shouldKeepSelection) {
53
+ if (store.rowSelectionEnabled && !store.multiRowSelectionEnabled && !shouldKeepSelection) {
55
54
  row.toggleSelected();
56
55
  }
57
56
  };
57
+ var _getRowAttributes;
58
58
  return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_react.Fragment, {
59
59
  children: [
60
60
  /*#__PURE__*/ (0, _jsxruntime.jsx)("tr", _object_spread_props._(_object_spread._({
61
61
  onClick: onClick,
62
62
  onDoubleClick: function() {
63
- return doubleClickAction === null || doubleClickAction === void 0 ? void 0 : doubleClickAction(row.original);
63
+ onRowDoubleClick === null || onRowDoubleClick === void 0 ? void 0 : onRowDoubleClick(row.original, row.index, row);
64
64
  },
65
- "data-selectable": !disableRowSelection,
65
+ "data-selectable": store.rowSelectionEnabled,
66
66
  "data-selected": isSelected,
67
- "data-multi-selection": multiRowSelectionEnabled,
67
+ "data-multi-selection": store.multiRowSelectionEnabled,
68
68
  "aria-selected": isSelected,
69
69
  "data-testid": row.id
70
70
  }, ctx.getStyles('row', {
@@ -72,7 +72,7 @@ var RowLayoutBody = function(props) {
72
72
  className: className,
73
73
  styles: styles,
74
74
  style: style
75
- }), others), {
75
+ }), (_getRowAttributes = getRowAttributes === null || getRowAttributes === void 0 ? void 0 : getRowAttributes(row.original, row.index, row)) !== null && _getRowAttributes !== void 0 ? _getRowAttributes : {}, others), {
76
76
  children: row.getVisibleCells().map(function(cell) {
77
77
  var columnSizing = _object_spread_props._(_object_spread._({}, _tablecore.defaultColumnSizing), {
78
78
  size: cell.column.columnDef.size,
@@ -80,9 +80,8 @@ var RowLayoutBody = function(props) {
80
80
  maxSize: cell.column.columnDef.maxSize
81
81
  });
82
82
  var onCollapsibleCellClick = function(event) {
83
- if (cell.column.id === _TableSelectableColumn.TableSelectableColumn.id && !disableRowSelection) {
83
+ if (cell.column.id === _TableSelectableColumn.TableSelectableColumn.id && store.rowSelectionEnabled) {
84
84
  event.stopPropagation();
85
- row.getToggleSelectedHandler();
86
85
  }
87
86
  };
88
87
  var _ref;
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../../src/components/table/layouts/row-layout/RowLayoutBody.tsx"],"sourcesContent":["import {Box, BoxProps, Collapse, Factory, useProps} from '@mantine/core';\nimport {CompoundStylesApiProps} from '@mantine/core/lib/core/styles-api/styles-api.types';\nimport {flexRender} from '@tanstack/react-table';\nimport {defaultColumnSizing} from '@tanstack/table-core';\nimport {ForwardedRef, Fragment, type MouseEvent} from 'react';\nimport {CustomComponentThemeExtend, identity} from '../../../../utils';\nimport {TableCollapsibleColumn} from '../../table-column/TableCollapsibleColumn';\nimport {TableSelectableColumn} from '../../table-column/TableSelectableColumn';\nimport {TableLoading} from '../../table-loading/TableLoading';\nimport {useTable} from '../../TableContext';\nimport {TableLayoutProps} from '../TableLayouts';\nimport {useRowLayout} from './RowLayoutContext';\n\nexport type RowLayoutBodyStylesNames = 'row' | 'cell' | 'collapsibleRow' | 'collapsibleWrapper';\n\nexport interface RowLayoutBodyProps<T>\n extends BoxProps,\n TableLayoutProps<T>,\n CompoundStylesApiProps<RowLayoutBodyFactory> {}\n\nexport type RowLayoutBodyFactory = Factory<{\n props: RowLayoutBodyProps<unknown>;\n ref: HTMLTableRowElement;\n stylesNames: RowLayoutBodyStylesNames;\n compound: true;\n}>;\n\nconst defaultProps: Partial<RowLayoutBodyProps<unknown>> = {};\n\nexport const RowLayoutBody = <T,>(props: RowLayoutBodyProps<T> & {ref?: ForwardedRef<HTMLTableRowElement>}) => {\n const ctx = useRowLayout();\n const {\n table,\n doubleClickAction,\n getExpandChildren,\n loading,\n keepSelection,\n classNames,\n className,\n styles,\n style,\n ...others\n } = useProps('RowLayoutBody', defaultProps as RowLayoutBodyProps<T>, props);\n const {multiRowSelectionEnabled, disableRowSelection} = useTable();\n const toggleCollapsible = (el: HTMLTableRowElement) => {\n const cell = el.children[el.children.length - 1] as HTMLTableCellElement;\n cell.querySelector('button').click();\n };\n\n const rows = table.getRowModel()?.rows.map((row) => {\n const rowChildren = getExpandChildren?.(row.original) ?? null;\n const isSelected = !!row.getIsSelected();\n const shouldKeepSelection = keepSelection && isSelected;\n const onClick = (event: MouseEvent<HTMLTableRowElement>) => {\n if (rowChildren) {\n toggleCollapsible(event.currentTarget);\n }\n if (!disableRowSelection && !multiRowSelectionEnabled && !shouldKeepSelection) {\n row.toggleSelected();\n }\n };\n\n return (\n <Fragment key={row.id}>\n <tr\n onClick={onClick}\n onDoubleClick={() => doubleClickAction?.(row.original)}\n data-selectable={!disableRowSelection}\n data-selected={isSelected}\n data-multi-selection={multiRowSelectionEnabled}\n aria-selected={isSelected}\n data-testid={row.id}\n {...ctx.getStyles('row', {classNames, className, styles, style})}\n {...others}\n >\n {row.getVisibleCells().map((cell) => {\n const columnSizing = {\n ...defaultColumnSizing,\n size: cell.column.columnDef.size,\n minSize: cell.column.columnDef.minSize,\n maxSize: cell.column.columnDef.maxSize,\n };\n\n const onCollapsibleCellClick = (event: MouseEvent<HTMLTableCellElement>) => {\n if (cell.column.id === TableSelectableColumn.id && !disableRowSelection) {\n event.stopPropagation();\n row.getToggleSelectedHandler();\n }\n };\n\n return (\n <td\n key={cell.id}\n data-testid={cell.id}\n className={ctx.getStyles('cell', {classNames, styles}).className}\n style={{\n width: `${columnSizing.size}px` ?? 'auto',\n minWidth: `${columnSizing.minSize}px`,\n maxWidth: `${columnSizing.maxSize}px`,\n ...ctx.getStyles('cell', {classNames, styles}).style,\n }}\n data-collapsible-cell={cell.column.id === TableCollapsibleColumn.id}\n onClick={onCollapsibleCellClick}\n >\n <TableLoading visible={loading}>\n {flexRender(cell.column.columnDef.cell, cell.getContext())}\n </TableLoading>\n </td>\n );\n })}\n </tr>\n {rowChildren ? (\n <tr {...ctx.getStyles('collapsibleRow', {classNames, styles})}>\n <td\n colSpan={table.getAllColumns().length}\n style={{\n padding: 0,\n }}\n >\n <Collapse in={row.getIsExpanded()}>\n <Box {...ctx.getStyles('collapsibleWrapper', {classNames, styles})} px=\"sm\" py=\"xs\">\n {rowChildren}\n </Box>\n </Collapse>\n </td>\n </tr>\n ) : null}\n </Fragment>\n );\n });\n\n return <>{rows}</>;\n};\n\nRowLayoutBody.extend = identity as CustomComponentThemeExtend<RowLayoutBodyFactory>;\n"],"names":["RowLayoutBody","defaultProps","props","table","ctx","useRowLayout","useProps","doubleClickAction","getExpandChildren","loading","keepSelection","classNames","className","styles","style","others","useTable","multiRowSelectionEnabled","disableRowSelection","toggleCollapsible","el","cell","children","length","querySelector","click","rows","getRowModel","map","row","rowChildren","original","isSelected","getIsSelected","shouldKeepSelection","onClick","event","currentTarget","toggleSelected","Fragment","tr","onDoubleClick","data-selectable","data-selected","data-multi-selection","aria-selected","data-testid","id","getStyles","getVisibleCells","columnSizing","defaultColumnSizing","size","column","columnDef","minSize","maxSize","onCollapsibleCellClick","TableSelectableColumn","stopPropagation","getToggleSelectedHandler","td","width","minWidth","maxWidth","data-collapsible-cell","TableCollapsibleColumn","TableLoading","visible","flexRender","getContext","colSpan","getAllColumns","padding","Collapse","in","getIsExpanded","Box","px","py","extend","identity"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BA6BaA;;;eAAAA;;;;;;;oBA7B4C;0BAEhC;yBACS;qBACoB;qBACH;sCACd;qCACD;4BACT;4BACJ;gCAEI;AAgB3B,IAAMC,eAAqD,CAAC;AAErD,IAAMD,gBAAgB,SAAKE;QAoBjBC;IAnBb,IAAMC,MAAMC,IAAAA,8BAAY;IACxB,IAWIC,YAAAA,IAAAA,cAAQ,EAAC,iBAAiBL,cAAuCC,QAVjEC,QAUAG,UAVAH,OACAI,oBASAD,UATAC,mBACAC,oBAQAF,UARAE,mBACAC,UAOAH,UAPAG,SACAC,gBAMAJ,UANAI,eACAC,aAKAL,UALAK,YACAC,YAIAN,UAJAM,WACAC,SAGAP,UAHAO,QACAC,QAEAR,UAFAQ,OACGC,sCACHT;QAVAH;QACAI;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGJ,IAAwDE,YAAAA,IAAAA,sBAAQ,KAAzDC,2BAAiDD,UAAjDC,0BAA0BC,sBAAuBF,UAAvBE;IACjC,IAAMC,oBAAoB,SAACC;QACvB,IAAMC,OAAOD,GAAGE,QAAQ,CAACF,GAAGE,QAAQ,CAACC,MAAM,GAAG,EAAE;QAChDF,KAAKG,aAAa,CAAC,UAAUC,KAAK;IACtC;IAEA,IAAMC,QAAOvB,qBAAAA,MAAMwB,WAAW,gBAAjBxB,yCAAAA,mBAAqBuB,IAAI,CAACE,GAAG,CAAC,SAACC;YACpBrB;QAApB,IAAMsB,cAActB,CAAAA,qBAAAA,8BAAAA,wCAAAA,kBAAoBqB,IAAIE,QAAQ,eAAhCvB,gCAAAA,qBAAqC;QACzD,IAAMwB,aAAa,CAAC,CAACH,IAAII,aAAa;QACtC,IAAMC,sBAAsBxB,iBAAiBsB;QAC7C,IAAMG,UAAU,SAACC;YACb,IAAIN,aAAa;gBACbX,kBAAkBiB,MAAMC,aAAa;YACzC;YACA,IAAI,CAACnB,uBAAuB,CAACD,4BAA4B,CAACiB,qBAAqB;gBAC3EL,IAAIS,cAAc;YACtB;QACJ;QAEA,qBACI,sBAACC,eAAQ;;8BACL,qBAACC;oBACGL,SAASA;oBACTM,eAAe;+BAAMlC,8BAAAA,wCAAAA,kBAAoBsB,IAAIE,QAAQ;;oBACrDW,mBAAiB,CAACxB;oBAClByB,iBAAeX;oBACfY,wBAAsB3B;oBACtB4B,iBAAeb;oBACfc,eAAajB,IAAIkB,EAAE;mBACf3C,IAAI4C,SAAS,CAAC,OAAO;oBAACrC,YAAAA;oBAAYC,WAAAA;oBAAWC,QAAAA;oBAAQC,OAAAA;gBAAK,IAC1DC;8BAEHc,IAAIoB,eAAe,GAAGrB,GAAG,CAAC,SAACP;wBACxB,IAAM6B,eAAe,4CACdC,8BAAmB;4BACtBC,MAAM/B,KAAKgC,MAAM,CAACC,SAAS,CAACF,IAAI;4BAChCG,SAASlC,KAAKgC,MAAM,CAACC,SAAS,CAACC,OAAO;4BACtCC,SAASnC,KAAKgC,MAAM,CAACC,SAAS,CAACE,OAAO;;wBAG1C,IAAMC,yBAAyB,SAACrB;4BAC5B,IAAIf,KAAKgC,MAAM,CAACN,EAAE,KAAKW,4CAAqB,CAACX,EAAE,IAAI,CAAC7B,qBAAqB;gCACrEkB,MAAMuB,eAAe;gCACrB9B,IAAI+B,wBAAwB;4BAChC;wBACJ;4BAQmB;wBANnB,qBACI,qBAACC;4BAEGf,eAAazB,KAAK0B,EAAE;4BACpBnC,WAAWR,IAAI4C,SAAS,CAAC,QAAQ;gCAACrC,YAAAA;gCAAYE,QAAAA;4BAAM,GAAGD,SAAS;4BAChEE,OAAO;gCACHgD,OAAO,CAAA,OAAA,AAAC,GAAoB,OAAlBZ,aAAaE,IAAI,EAAC,mBAArB,kBAAA,OAA4B;gCACnCW,UAAU,AAAC,GAAuB,OAArBb,aAAaK,OAAO,EAAC;gCAClCS,UAAU,AAAC,GAAuB,OAArBd,aAAaM,OAAO,EAAC;+BAC/BpD,IAAI4C,SAAS,CAAC,QAAQ;gCAACrC,YAAAA;gCAAYE,QAAAA;4BAAM,GAAGC,KAAK;4BAExDmD,yBAAuB5C,KAAKgC,MAAM,CAACN,EAAE,KAAKmB,8CAAsB,CAACnB,EAAE;4BACnEZ,SAASsB;sCAET,cAAA,qBAACU,0BAAY;gCAACC,SAAS3D;0CAClB4D,IAAAA,sBAAU,EAAChD,KAAKgC,MAAM,CAACC,SAAS,CAACjC,IAAI,EAAEA,KAAKiD,UAAU;;2BAbtDjD,KAAK0B,EAAE;oBAiBxB;;gBAEHjB,4BACG,qBAACU,kDAAOpC,IAAI4C,SAAS,CAAC,kBAAkB;oBAACrC,YAAAA;oBAAYE,QAAAA;gBAAM;8BACvD,cAAA,qBAACgD;wBACGU,SAASpE,MAAMqE,aAAa,GAAGjD,MAAM;wBACrCT,OAAO;4BACH2D,SAAS;wBACb;kCAEA,cAAA,qBAACC,cAAQ;4BAACC,IAAI9C,IAAI+C,aAAa;sCAC3B,cAAA,qBAACC,SAAG,8CAAKzE,IAAI4C,SAAS,CAAC,sBAAsB;gCAACrC,YAAAA;gCAAYE,QAAAA;4BAAM;gCAAIiE,IAAG;gCAAKC,IAAG;0CAC1EjD;;;;sBAKjB;;WA/DOD,IAAIkB,EAAE;IAkE7B;IAEA,qBAAO;kBAAGrB;;AACd;AAEA1B,cAAcgF,MAAM,GAAGC,eAAQ"}
1
+ {"version":3,"sources":["../../../../../../src/components/table/layouts/row-layout/RowLayoutBody.tsx"],"sourcesContent":["import {Box, BoxProps, Collapse, CompoundStylesApiProps, Factory, useProps} from '@mantine/core';\nimport {flexRender} from '@tanstack/react-table';\nimport {defaultColumnSizing} from '@tanstack/table-core';\nimport {ForwardedRef, Fragment, type MouseEvent} from 'react';\nimport {CustomComponentThemeExtend, identity} from '../../../../utils';\nimport {TableLayoutProps} from '../../Table.types';\nimport {useTableContext} from '../../TableContext';\nimport {TableCollapsibleColumn} from '../../table-column/TableCollapsibleColumn';\nimport {TableSelectableColumn} from '../../table-column/TableSelectableColumn';\nimport {TableLoading} from '../../table-loading/TableLoading';\nimport {useRowLayout} from './RowLayoutContext';\n\nexport type RowLayoutBodyStylesNames = 'row' | 'cell' | 'collapsibleRow' | 'collapsibleWrapper';\n\nexport interface RowLayoutBodyProps<T>\n extends BoxProps,\n TableLayoutProps<T>,\n CompoundStylesApiProps<RowLayoutBodyFactory> {}\n\nexport type RowLayoutBodyFactory = Factory<{\n props: RowLayoutBodyProps<unknown>;\n ref: HTMLTableRowElement;\n stylesNames: RowLayoutBodyStylesNames;\n compound: true;\n}>;\n\nconst defaultProps: Partial<RowLayoutBodyProps<unknown>> = {};\n\nexport const RowLayoutBody = <T,>(props: RowLayoutBodyProps<T> & {ref?: ForwardedRef<HTMLTableRowElement>}) => {\n const ctx = useRowLayout();\n const {\n getRowExpandedContent,\n onRowDoubleClick,\n loading,\n classNames,\n className,\n styles,\n style,\n getRowAttributes,\n ...others\n } = useProps('RowLayoutBody', defaultProps as RowLayoutBodyProps<T>, props);\n const {table, store} = useTableContext<T>();\n const toggleCollapsible = (el: HTMLTableRowElement) => {\n const cell = el.children[el.children.length - 1] as HTMLTableCellElement;\n cell.querySelector('button').click();\n };\n\n const rows = table.getRowModel()?.rows.map((row) => {\n const rowChildren = getRowExpandedContent?.(row.original, row.index, row) ?? null;\n const isSelected = !!row.getIsSelected();\n const shouldKeepSelection = store.rowSelectionForced && isSelected;\n const onClick = (event: MouseEvent<HTMLTableRowElement>) => {\n if (rowChildren) {\n toggleCollapsible(event.currentTarget);\n }\n if (store.rowSelectionEnabled && !store.multiRowSelectionEnabled && !shouldKeepSelection) {\n row.toggleSelected();\n }\n };\n\n return (\n <Fragment key={row.id}>\n <tr\n onClick={onClick}\n onDoubleClick={() => {\n onRowDoubleClick?.(row.original, row.index, row);\n }}\n data-selectable={store.rowSelectionEnabled}\n data-selected={isSelected}\n data-multi-selection={store.multiRowSelectionEnabled}\n aria-selected={isSelected}\n data-testid={row.id}\n {...ctx.getStyles('row', {classNames, className, styles, style})}\n {...(getRowAttributes?.(row.original, row.index, row) ?? {})}\n {...others}\n >\n {row.getVisibleCells().map((cell) => {\n const columnSizing = {\n ...defaultColumnSizing,\n size: cell.column.columnDef.size,\n minSize: cell.column.columnDef.minSize,\n maxSize: cell.column.columnDef.maxSize,\n };\n\n const onCollapsibleCellClick = (event: MouseEvent<HTMLTableCellElement>) => {\n if (cell.column.id === TableSelectableColumn.id && store.rowSelectionEnabled) {\n event.stopPropagation();\n }\n };\n\n return (\n <td\n key={cell.id}\n data-testid={cell.id}\n className={ctx.getStyles('cell', {classNames, styles}).className}\n style={{\n width: `${columnSizing.size}px` ?? 'auto',\n minWidth: `${columnSizing.minSize}px`,\n maxWidth: `${columnSizing.maxSize}px`,\n ...ctx.getStyles('cell', {classNames, styles}).style,\n }}\n data-collapsible-cell={cell.column.id === TableCollapsibleColumn.id}\n onClick={onCollapsibleCellClick}\n >\n <TableLoading visible={loading}>\n {flexRender(cell.column.columnDef.cell, cell.getContext())}\n </TableLoading>\n </td>\n );\n })}\n </tr>\n {rowChildren ? (\n <tr {...ctx.getStyles('collapsibleRow', {classNames, styles})}>\n <td\n colSpan={table.getAllColumns().length}\n style={{\n padding: 0,\n }}\n >\n <Collapse in={row.getIsExpanded()}>\n <Box {...ctx.getStyles('collapsibleWrapper', {classNames, styles})} px=\"sm\" py=\"xs\">\n {rowChildren}\n </Box>\n </Collapse>\n </td>\n </tr>\n ) : null}\n </Fragment>\n );\n });\n\n return <>{rows}</>;\n};\n\nRowLayoutBody.extend = identity as CustomComponentThemeExtend<RowLayoutBodyFactory>;\n"],"names":["RowLayoutBody","defaultProps","props","table","ctx","useRowLayout","useProps","getRowExpandedContent","onRowDoubleClick","loading","classNames","className","styles","style","getRowAttributes","others","useTableContext","store","toggleCollapsible","el","cell","children","length","querySelector","click","rows","getRowModel","map","row","rowChildren","original","index","isSelected","getIsSelected","shouldKeepSelection","rowSelectionForced","onClick","event","currentTarget","rowSelectionEnabled","multiRowSelectionEnabled","toggleSelected","Fragment","tr","onDoubleClick","data-selectable","data-selected","data-multi-selection","aria-selected","data-testid","id","getStyles","getVisibleCells","columnSizing","defaultColumnSizing","size","column","columnDef","minSize","maxSize","onCollapsibleCellClick","TableSelectableColumn","stopPropagation","td","width","minWidth","maxWidth","data-collapsible-cell","TableCollapsibleColumn","TableLoading","visible","flexRender","getContext","colSpan","getAllColumns","padding","Collapse","in","getIsExpanded","Box","px","py","extend","identity"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
@@ -1,8 +1,7 @@
1
- import { BoxProps } from '@mantine/core';
2
- import { CompoundStylesApiProps } from '@mantine/core/lib/core/styles-api/styles-api.types';
1
+ import { BoxProps, CompoundStylesApiProps } from '@mantine/core';
3
2
  import { ForwardedRef } from 'react';
4
3
  import { CustomComponentThemeExtend } from '../../../../utils';
5
- import { type TableLayoutProps } from '../TableLayouts';
4
+ import { TableLayoutProps } from '../../Table.types';
6
5
  import { RowLayoutBodyFactory } from './RowLayoutBody';
7
6
  export type RowLayoutHeaderStyleNames = 'headerRow';
8
7
  export interface RowLayoutHeaderProps<T> extends BoxProps, TableLayoutProps<T>, CompoundStylesApiProps<RowLayoutBodyFactory> {
@@ -1 +1 @@
1
- {"version":3,"file":"RowLayoutHeader.d.ts","sourceRoot":"","sources":["../../../../../../src/components/table/layouts/row-layout/RowLayoutHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAoB,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAC,sBAAsB,EAAC,MAAM,oDAAoD,CAAC;AAC1F,OAAO,EAAC,YAAY,EAAC,MAAM,OAAO,CAAC;AACnC,OAAO,EAAC,0BAA0B,EAAW,MAAM,mBAAmB,CAAC;AAGvE,OAAO,EAAC,KAAK,gBAAgB,EAAC,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAAC,oBAAoB,EAAC,MAAM,iBAAiB,CAAC;AAGrD,MAAM,MAAM,yBAAyB,GAAG,WAAW,CAAC;AAEpD,MAAM,WAAW,oBAAoB,CAAC,CAAC,CACnC,SAAQ,QAAQ,EACZ,gBAAgB,CAAC,CAAC,CAAC,EACnB,sBAAsB,CAAC,oBAAoB,CAAC;CAAG;AAWvD,eAAO,MAAM,eAAe;;cAAgD,aAAa,mBAAmB,CAAC;;;eARlG,qBAAqB,OAAO,CAAC;aAC/B,mBAAmB;qBACX,yBAAyB;kBAC5B,IAAI;;CAyBjB,CAAC"}
1
+ {"version":3,"file":"RowLayoutHeader.d.ts","sourceRoot":"","sources":["../../../../../../src/components/table/layouts/row-layout/RowLayoutHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAE,sBAAsB,EAAoB,MAAM,eAAe,CAAC;AAClF,OAAO,EAAC,YAAY,EAAC,MAAM,OAAO,CAAC;AACnC,OAAO,EAAC,0BAA0B,EAAW,MAAM,mBAAmB,CAAC;AACvE,OAAO,EAAC,gBAAgB,EAAC,MAAM,mBAAmB,CAAC;AAGnD,OAAO,EAAC,oBAAoB,EAAC,MAAM,iBAAiB,CAAC;AAGrD,MAAM,MAAM,yBAAyB,GAAG,WAAW,CAAC;AAEpD,MAAM,WAAW,oBAAoB,CAAC,CAAC,CACnC,SAAQ,QAAQ,EACZ,gBAAgB,CAAC,CAAC,CAAC,EACnB,sBAAsB,CAAC,oBAAoB,CAAC;CAAG;AAWvD,eAAO,MAAM,eAAe;;cAAgD,aAAa,mBAAmB,CAAC;;;eARlG,qBAAqB,OAAO,CAAC;aAC/B,mBAAmB;qBACX,yBAAyB;kBAC5B,IAAI;;CAmCjB,CAAC"}
@@ -14,27 +14,28 @@ var _object_without_properties = require("@swc/helpers/_/_object_without_propert
14
14
  var _jsxruntime = require("react/jsx-runtime");
15
15
  var _core = require("@mantine/core");
16
16
  var _utils = require("../../../../utils");
17
- var _Th = require("../../table-header/Th");
18
17
  var _TableContext = require("../../TableContext");
18
+ var _Th = require("../../table-header/Th");
19
19
  var _RowLayoutContext = require("./RowLayoutContext");
20
20
  var defaultProps = {};
21
21
  var RowLayoutHeader = function(props) {
22
22
  var ctx = (0, _RowLayoutContext.useRowLayout)();
23
- var _useProps = (0, _core.useProps)('RowLayoutHeader', defaultProps, props), table = _useProps.table, getExpandChildren = _useProps.getExpandChildren, loading = _useProps.loading, doubleClickAction = _useProps.doubleClickAction, className = _useProps.className, style = _useProps.style, classNames = _useProps.classNames, styles = _useProps.styles, others = _object_without_properties._(_useProps, [
24
- "table",
25
- "getExpandChildren",
23
+ var _useProps = (0, _core.useProps)('RowLayoutHeader', defaultProps, props), _getRowExpandedContent = _useProps.getRowExpandedContent, _getRowActions = _useProps.getRowActions, _loading = _useProps.loading, _getRowAttributes = _useProps.getRowAttributes, _onRowDoubleClick = _useProps.onRowDoubleClick, className = _useProps.className, style = _useProps.style, classNames = _useProps.classNames, styles = _useProps.styles, others = _object_without_properties._(_useProps, [
24
+ "getRowExpandedContent",
25
+ "getRowActions",
26
26
  "loading",
27
- "doubleClickAction",
27
+ "getRowAttributes",
28
+ "onRowDoubleClick",
28
29
  "className",
29
30
  "style",
30
31
  "classNames",
31
32
  "styles"
32
33
  ]);
33
- var _useTable = (0, _TableContext.useTable)(), multiRowSelectionEnabled = _useTable.multiRowSelectionEnabled, disableRowSelection = _useTable.disableRowSelection;
34
+ var _useTableContext = (0, _TableContext.useTableContext)(), table = _useTableContext.table, store = _useTableContext.store;
34
35
  var headers = table.getHeaderGroups().map(function(headerGroup) {
35
36
  return /*#__PURE__*/ (0, _jsxruntime.jsx)("tr", _object_spread_props._(_object_spread._({
36
- "data-selectable": !disableRowSelection,
37
- "data-multi-selection": multiRowSelectionEnabled
37
+ "data-selectable": store.rowSelectionEnabled,
38
+ "data-multi-selection": store.multiRowSelectionEnabled
38
39
  }, ctx.getStyles('headerRow', {
39
40
  className: className,
40
41
  classNames: classNames,
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../../src/components/table/layouts/row-layout/RowLayoutHeader.tsx"],"sourcesContent":["import {BoxProps, Factory, useProps} from '@mantine/core';\nimport {CompoundStylesApiProps} from '@mantine/core/lib/core/styles-api/styles-api.types';\nimport {ForwardedRef} from 'react';\nimport {CustomComponentThemeExtend, identity} from '../../../../utils';\nimport {Th} from '../../table-header/Th';\nimport {useTable} from '../../TableContext';\nimport {type TableLayoutProps} from '../TableLayouts';\nimport {RowLayoutBodyFactory} from './RowLayoutBody';\nimport {useRowLayout} from './RowLayoutContext';\n\nexport type RowLayoutHeaderStyleNames = 'headerRow';\n\nexport interface RowLayoutHeaderProps<T>\n extends BoxProps,\n TableLayoutProps<T>,\n CompoundStylesApiProps<RowLayoutBodyFactory> {}\n\ntype RowLayoutHeaderFactory = Factory<{\n props: RowLayoutHeaderProps<unknown>;\n ref: HTMLTableRowElement;\n stylesNames: RowLayoutHeaderStyleNames;\n compound: true;\n}>;\n\nconst defaultProps: Partial<RowLayoutHeaderProps<unknown>> = {};\n\nexport const RowLayoutHeader = <T,>(props: RowLayoutHeaderProps<T> & {ref?: ForwardedRef<HTMLTableRowElement>}) => {\n const ctx = useRowLayout();\n const {table, getExpandChildren, loading, doubleClickAction, className, style, classNames, styles, ...others} =\n useProps('RowLayoutHeader', defaultProps as RowLayoutHeaderProps<T>, props);\n const {multiRowSelectionEnabled, disableRowSelection} = useTable();\n\n const headers = table.getHeaderGroups().map((headerGroup) => (\n <tr\n key={headerGroup.id}\n data-selectable={!disableRowSelection}\n data-multi-selection={multiRowSelectionEnabled}\n {...ctx.getStyles('headerRow', {className, classNames, styles, style})}\n {...others}\n >\n {headerGroup.headers.map((columnHeader) => (\n <Th key={columnHeader.id} header={columnHeader} />\n ))}\n </tr>\n ));\n return <>{headers}</>;\n};\nRowLayoutHeader.extend = identity as CustomComponentThemeExtend<RowLayoutHeaderFactory>;\n"],"names":["RowLayoutHeader","defaultProps","props","ctx","useRowLayout","useProps","table","getExpandChildren","loading","doubleClickAction","className","style","classNames","styles","others","useTable","multiRowSelectionEnabled","disableRowSelection","headers","getHeaderGroups","map","headerGroup","tr","data-selectable","data-multi-selection","getStyles","columnHeader","Th","header","id","extend","identity"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BA0BaA;;;eAAAA;;;;;;;oBA1B6B;qBAGS;kBAClC;4BACM;gCAGI;AAgB3B,IAAMC,eAAuD,CAAC;AAEvD,IAAMD,kBAAkB,SAAKE;IAChC,IAAMC,MAAMC,IAAAA,8BAAY;IACxB,IACIC,YAAAA,IAAAA,cAAQ,EAAC,mBAAmBJ,cAAyCC,QADlEI,QACHD,UADGC,OAAOC,oBACVF,UADUE,mBAAmBC,UAC7BH,UAD6BG,SAASC,oBACtCJ,UADsCI,mBAAmBC,YACzDL,UADyDK,WAAWC,QACpEN,UADoEM,OAAOC,aAC3EP,UAD2EO,YAAYC,SACvFR,UADuFQ,QAAWC,sCAClGT;QADGC;QAAOC;QAAmBC;QAASC;QAAmBC;QAAWC;QAAOC;QAAYC;;IAE3F,IAAwDE,YAAAA,IAAAA,sBAAQ,KAAzDC,2BAAiDD,UAAjDC,0BAA0BC,sBAAuBF,UAAvBE;IAEjC,IAAMC,UAAUZ,MAAMa,eAAe,GAAGC,GAAG,CAAC,SAACC;6BACzC,qBAACC;YAEGC,mBAAiB,CAACN;YAClBO,wBAAsBR;WAClBb,IAAIsB,SAAS,CAAC,aAAa;YAACf,WAAAA;YAAWE,YAAAA;YAAYC,QAAAA;YAAQF,OAAAA;QAAK,IAChEG;sBAEHO,YAAYH,OAAO,CAACE,GAAG,CAAC,SAACM;qCACtB,qBAACC,MAAE;oBAAuBC,QAAQF;mBAAzBA,aAAaG,EAAE;;YAPvBR,YAAYQ,EAAE;;IAW3B,qBAAO;kBAAGX;;AACd;AACAlB,gBAAgB8B,MAAM,GAAGC,eAAQ"}
1
+ {"version":3,"sources":["../../../../../../src/components/table/layouts/row-layout/RowLayoutHeader.tsx"],"sourcesContent":["import {BoxProps, CompoundStylesApiProps, Factory, useProps} from '@mantine/core';\nimport {ForwardedRef} from 'react';\nimport {CustomComponentThemeExtend, identity} from '../../../../utils';\nimport {TableLayoutProps} from '../../Table.types';\nimport {useTableContext} from '../../TableContext';\nimport {Th} from '../../table-header/Th';\nimport {RowLayoutBodyFactory} from './RowLayoutBody';\nimport {useRowLayout} from './RowLayoutContext';\n\nexport type RowLayoutHeaderStyleNames = 'headerRow';\n\nexport interface RowLayoutHeaderProps<T>\n extends BoxProps,\n TableLayoutProps<T>,\n CompoundStylesApiProps<RowLayoutBodyFactory> {}\n\ntype RowLayoutHeaderFactory = Factory<{\n props: RowLayoutHeaderProps<unknown>;\n ref: HTMLTableRowElement;\n stylesNames: RowLayoutHeaderStyleNames;\n compound: true;\n}>;\n\nconst defaultProps: Partial<RowLayoutHeaderProps<unknown>> = {};\n\nexport const RowLayoutHeader = <T,>(props: RowLayoutHeaderProps<T> & {ref?: ForwardedRef<HTMLTableRowElement>}) => {\n const ctx = useRowLayout();\n const {\n getRowExpandedContent: _getRowExpandedContent,\n getRowActions: _getRowActions,\n loading: _loading,\n getRowAttributes: _getRowAttributes,\n onRowDoubleClick: _onRowDoubleClick,\n className,\n style,\n classNames,\n styles,\n ...others\n } = useProps('RowLayoutHeader', defaultProps as RowLayoutHeaderProps<T>, props);\n const {table, store} = useTableContext<T>();\n\n const headers = table.getHeaderGroups().map((headerGroup) => (\n <tr\n key={headerGroup.id}\n data-selectable={store.rowSelectionEnabled}\n data-multi-selection={store.multiRowSelectionEnabled}\n {...ctx.getStyles('headerRow', {className, classNames, styles, style})}\n {...others}\n >\n {headerGroup.headers.map((columnHeader) => (\n <Th key={columnHeader.id} header={columnHeader} />\n ))}\n </tr>\n ));\n return <>{headers}</>;\n};\nRowLayoutHeader.extend = identity as CustomComponentThemeExtend<RowLayoutHeaderFactory>;\n"],"names":["RowLayoutHeader","defaultProps","props","ctx","useRowLayout","useProps","getRowExpandedContent","_getRowExpandedContent","getRowActions","_getRowActions","loading","_loading","getRowAttributes","_getRowAttributes","onRowDoubleClick","_onRowDoubleClick","className","style","classNames","styles","others","useTableContext","table","store","headers","getHeaderGroups","map","headerGroup","tr","data-selectable","rowSelectionEnabled","data-multi-selection","multiRowSelectionEnabled","getStyles","columnHeader","Th","header","id","extend","identity"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAyBaA;;;eAAAA;;;;;;;oBAzBqD;qBAEf;4BAErB;kBACb;gCAEU;AAgB3B,IAAMC,eAAuD,CAAC;AAEvD,IAAMD,kBAAkB,SAAKE;IAChC,IAAMC,MAAMC,IAAAA,8BAAY;IACxB,IAWIC,YAAAA,IAAAA,cAAQ,EAAC,mBAAmBJ,cAAyCC,QAVrEI,AAAuBC,yBAUvBF,UAVAC,uBACAE,AAAeC,iBASfJ,UATAG,eACAE,AAASC,WAQTN,UARAK,SACAE,AAAkBC,oBAOlBR,UAPAO,kBACAE,AAAkBC,oBAMlBV,UANAS,kBACAE,YAKAX,UALAW,WACAC,QAIAZ,UAJAY,OACAC,aAGAb,UAHAa,YACAC,SAEAd,UAFAc,QACGC,sCACHf;QAVAC;QACAE;QACAE;QACAE;QACAE;QACAE;QACAC;QACAC;QACAC;;IAGJ,IAAuBE,mBAAAA,IAAAA,6BAAe,KAA/BC,QAAgBD,iBAAhBC,OAAOC,QAASF,iBAATE;IAEd,IAAMC,UAAUF,MAAMG,eAAe,GAAGC,GAAG,CAAC,SAACC;6BACzC,qBAACC;YAEGC,mBAAiBN,MAAMO,mBAAmB;YAC1CC,wBAAsBR,MAAMS,wBAAwB;WAChD7B,IAAI8B,SAAS,CAAC,aAAa;YAACjB,WAAAA;YAAWE,YAAAA;YAAYC,QAAAA;YAAQF,OAAAA;QAAK,IAChEG;sBAEHO,YAAYH,OAAO,CAACE,GAAG,CAAC,SAACQ;qCACtB,qBAACC,MAAE;oBAAuBC,QAAQF;mBAAzBA,aAAaG,EAAE;;YAPvBV,YAAYU,EAAE;;IAW3B,qBAAO;kBAAGb;;AACd;AACAxB,gBAAgBsC,MAAM,GAAGC,eAAQ"}
@@ -1,20 +1,16 @@
1
1
  import { Icon as IconType } from '@coveord/plasma-react-icons';
2
- import { Factory } from '@mantine/core';
3
- import { CompoundStylesApiProps } from '@mantine/core/lib/core/styles-api/styles-api.types';
4
- export type RowLayoutIconStylesNames = 'icon';
2
+ import { CompoundStylesApiProps, Factory } from '@mantine/core';
5
3
  export interface RowLayoutIconProps extends CompoundStylesApiProps<RowLayoutIconFactory> {
6
4
  icon: IconType;
7
5
  }
8
6
  export type RowLayoutIconFactory = Factory<{
9
7
  props: RowLayoutIconProps;
10
8
  ref: SVGSVGElement;
11
- stylesNames: RowLayoutIconStylesNames;
12
9
  compound: true;
13
10
  }>;
14
11
  export declare const RowLayoutIcon: import("@mantine/core").MantineComponent<{
15
12
  props: RowLayoutIconProps;
16
13
  ref: SVGSVGElement;
17
- stylesNames: RowLayoutIconStylesNames;
18
14
  compound: true;
19
15
  }>;
20
16
  //# sourceMappingURL=RowLayoutIcon.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"RowLayoutIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/components/table/layouts/row-layout/RowLayoutIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,IAAI,QAAQ,EAAe,MAAM,6BAA6B,CAAC;AAC3E,OAAO,EAAU,OAAO,EAAW,MAAM,eAAe,CAAC;AACzD,OAAO,EAAC,sBAAsB,EAAC,MAAM,oDAAoD,CAAC;AAG1F,MAAM,MAAM,wBAAwB,GAAG,MAAM,CAAC;AAC9C,MAAM,WAAW,kBAAmB,SAAQ,sBAAsB,CAAC,oBAAoB,CAAC;IACpF,IAAI,EAAE,QAAQ,CAAC;CAClB;AAED,MAAM,MAAM,oBAAoB,GAAG,OAAO,CAAC;IACvC,KAAK,EAAE,kBAAkB,CAAC;IAC1B,GAAG,EAAE,aAAa,CAAC;IACnB,WAAW,EAAE,wBAAwB,CAAC;IACtC,QAAQ,EAAE,IAAI,CAAC;CAClB,CAAC,CAAC;AAMH,eAAO,MAAM,aAAa;WAVf,kBAAkB;SACpB,aAAa;iBACL,wBAAwB;cAC3B,IAAI;EAYhB,CAAC"}
1
+ {"version":3,"file":"RowLayoutIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/components/table/layouts/row-layout/RowLayoutIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,IAAI,QAAQ,EAAe,MAAM,6BAA6B,CAAC;AAC3E,OAAO,EAAC,sBAAsB,EAAE,OAAO,EAAoB,MAAM,eAAe,CAAC;AAEjF,MAAM,WAAW,kBAAmB,SAAQ,sBAAsB,CAAC,oBAAoB,CAAC;IACpF,IAAI,EAAE,QAAQ,CAAC;CAClB;AAED,MAAM,MAAM,oBAAoB,GAAG,OAAO,CAAC;IACvC,KAAK,EAAE,kBAAkB,CAAC;IAC1B,GAAG,EAAE,aAAa,CAAC;IACnB,QAAQ,EAAE,IAAI,CAAC;CAClB,CAAC,CAAC;AAMH,eAAO,MAAM,aAAa;WATf,kBAAkB;SACpB,aAAa;cACR,IAAI;EAWhB,CAAC"}
@@ -8,23 +8,17 @@ Object.defineProperty(exports, "RowLayoutIcon", {
8
8
  return RowLayoutIcon;
9
9
  }
10
10
  });
11
- var _object_spread = require("@swc/helpers/_/_object_spread");
12
11
  var _jsxruntime = require("react/jsx-runtime");
13
12
  var _plasmareacticons = require("@coveord/plasma-react-icons");
14
13
  var _core = require("@mantine/core");
15
- var _RowLayoutContext = require("./RowLayoutContext");
16
14
  var defaultProps = {
17
15
  icon: _plasmareacticons.ListSize16Px
18
16
  };
19
17
  var RowLayoutIcon = (0, _core.factory)(function(props, ref) {
20
- var ctx = (0, _RowLayoutContext.useRowLayout)();
21
- var _useProps = (0, _core.useProps)('RowLayoutIcon', defaultProps, props), Icon = _useProps.icon, classNames = _useProps.classNames, styles = _useProps.styles;
22
- return /*#__PURE__*/ (0, _jsxruntime.jsx)(Icon, _object_spread._({
18
+ var _useProps = (0, _core.useProps)('RowLayoutIcon', defaultProps, props), Icon = _useProps.icon;
19
+ return /*#__PURE__*/ (0, _jsxruntime.jsx)(Icon, {
23
20
  ref: ref
24
- }, ctx.getStyles('icon', {
25
- styles: styles,
26
- classNames: classNames
27
- })));
21
+ });
28
22
  });
29
23
 
30
24
  //# sourceMappingURL=RowLayoutIcon.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../../src/components/table/layouts/row-layout/RowLayoutIcon.tsx"],"sourcesContent":["import {Icon as IconType, ListSize16Px} from '@coveord/plasma-react-icons';\nimport {factory, Factory, useProps} from '@mantine/core';\nimport {CompoundStylesApiProps} from '@mantine/core/lib/core/styles-api/styles-api.types';\nimport {useRowLayout} from './RowLayoutContext';\n\nexport type RowLayoutIconStylesNames = 'icon';\nexport interface RowLayoutIconProps extends CompoundStylesApiProps<RowLayoutIconFactory> {\n icon: IconType;\n}\n\nexport type RowLayoutIconFactory = Factory<{\n props: RowLayoutIconProps;\n ref: SVGSVGElement;\n stylesNames: RowLayoutIconStylesNames;\n compound: true;\n}>;\n\nconst defaultProps: Partial<RowLayoutIconProps> = {\n icon: ListSize16Px,\n};\n\nexport const RowLayoutIcon = factory<RowLayoutIconFactory>((props, ref) => {\n const ctx = useRowLayout();\n const {icon: Icon, classNames, styles} = useProps('RowLayoutIcon', defaultProps, props);\n\n return <Icon ref={ref} {...ctx.getStyles('icon', {styles, classNames})} />;\n});\n"],"names":["RowLayoutIcon","defaultProps","icon","ListSize16Px","factory","props","ref","ctx","useRowLayout","useProps","Icon","classNames","styles","getStyles"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAqBaA;;;eAAAA;;;;;gCArBgC;oBACJ;gCAEd;AAc3B,IAAMC,eAA4C;IAC9CC,MAAMC,8BAAY;AACtB;AAEO,IAAMH,gBAAgBI,IAAAA,aAAO,EAAuB,SAACC,OAAOC;IAC/D,IAAMC,MAAMC,IAAAA,8BAAY;IACxB,IAAyCC,YAAAA,IAAAA,cAAQ,EAAC,iBAAiBR,cAAcI,QAA1EH,AAAMQ,OAA4BD,UAAlCP,MAAYS,aAAsBF,UAAtBE,YAAYC,SAAUH,UAAVG;IAE/B,qBAAO,qBAACF;QAAKJ,KAAKA;OAASC,IAAIM,SAAS,CAAC,QAAQ;QAACD,QAAAA;QAAQD,YAAAA;IAAU;AACxE"}
1
+ {"version":3,"sources":["../../../../../../src/components/table/layouts/row-layout/RowLayoutIcon.tsx"],"sourcesContent":["import {Icon as IconType, ListSize16Px} from '@coveord/plasma-react-icons';\nimport {CompoundStylesApiProps, Factory, factory, useProps} from '@mantine/core';\n\nexport interface RowLayoutIconProps extends CompoundStylesApiProps<RowLayoutIconFactory> {\n icon: IconType;\n}\n\nexport type RowLayoutIconFactory = Factory<{\n props: RowLayoutIconProps;\n ref: SVGSVGElement;\n compound: true;\n}>;\n\nconst defaultProps: Partial<RowLayoutIconProps> = {\n icon: ListSize16Px,\n};\n\nexport const RowLayoutIcon = factory<RowLayoutIconFactory>((props, ref) => {\n const {icon: Icon} = useProps('RowLayoutIcon', defaultProps, props);\n\n return <Icon ref={ref} />;\n});\n"],"names":["RowLayoutIcon","defaultProps","icon","ListSize16Px","factory","props","ref","useProps","Icon"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAiBaA;;;eAAAA;;;;gCAjBgC;oBACoB;AAYjE,IAAMC,eAA4C;IAC9CC,MAAMC,8BAAY;AACtB;AAEO,IAAMH,gBAAgBI,IAAAA,aAAO,EAAuB,SAACC,OAAOC;IAC/D,IAAqBC,YAAAA,IAAAA,cAAQ,EAAC,iBAAiBN,cAAcI,QAAtDH,AAAMM,OAAQD,UAAdL;IAEP,qBAAO,qBAACM;QAAKF,KAAKA;;AACtB"}
@@ -0,0 +1,9 @@
1
+ /// <reference types="react" />
2
+ export interface TableActionContextValue {
3
+ primary: boolean;
4
+ }
5
+ export declare const TableActionProvider: ({ children, value }: {
6
+ value: TableActionContextValue;
7
+ children: import("react").ReactNode;
8
+ }) => import("react").JSX.Element, useTableActionContext: () => TableActionContextValue;
9
+ //# sourceMappingURL=TableActionContext.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TableActionContext.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-actions/TableActionContext.ts"],"names":[],"mappings":";AAEA,MAAM,WAAW,uBAAuB;IACpC,OAAO,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAO,mBAAmB;;;mCAAE,qBAAqB,+BAEvD,CAAC"}
@@ -0,0 +1,24 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ function _export(target, all) {
6
+ for(var name in all)Object.defineProperty(target, name, {
7
+ enumerable: true,
8
+ get: all[name]
9
+ });
10
+ }
11
+ _export(exports, {
12
+ TableActionProvider: function() {
13
+ return TableActionProvider;
14
+ },
15
+ useTableActionContext: function() {
16
+ return useTableActionContext;
17
+ }
18
+ });
19
+ var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
20
+ var _core = require("@mantine/core");
21
+ var _createSafeContext = _sliced_to_array._((0, _core.createSafeContext)('TableActionProvider component was not found in the tree'), 2);
22
+ var TableActionProvider = _createSafeContext[0], useTableActionContext = _createSafeContext[1];
23
+
24
+ //# sourceMappingURL=TableActionContext.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../../src/components/table/table-actions/TableActionContext.ts"],"sourcesContent":["import {createSafeContext} from '@mantine/core';\n\nexport interface TableActionContextValue {\n primary: boolean;\n}\n\nexport const [TableActionProvider, useTableActionContext] = createSafeContext<TableActionContextValue>(\n 'TableActionProvider component was not found in the tree',\n);\n"],"names":["TableActionProvider","useTableActionContext","createSafeContext"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAMcA,mBAAmB;eAAnBA;;IAAqBC,qBAAqB;eAArBA;;;;oBANH;IAM4BC,wCAAAA,IAAAA,uBAAiB,EACzE;AADG,IAAOF,sBAA8CE,uBAAzBD,wBAAyBC"}
@@ -0,0 +1,44 @@
1
+ import { CompoundStylesApiProps, MenuItemProps, PolymorphicFactory } from '@mantine/core';
2
+ import { ReactNode } from 'react';
3
+ import { ButtonProps } from '../../button';
4
+ export type TableActionItemStylesNames = 'actionItemRoot';
5
+ export interface TableActionItemProps extends Omit<ButtonProps, 'classNames' | 'styles' | 'vars' | 'variant' | 'leftSection' | 'rightSection'>, Omit<MenuItemProps, 'classNames' | 'styles' | 'vars' | 'variant' | 'leftSection' | 'disabled'>, CompoundStylesApiProps<TableActionItemFactory> {
6
+ /**
7
+ * Action label
8
+ */
9
+ children: ReactNode;
10
+ /**
11
+ * Content to put on the left of the label
12
+ */
13
+ leftSection?: ReactNode;
14
+ }
15
+ type TableActionItemFactory = PolymorphicFactory<{
16
+ props: TableActionItemProps;
17
+ defaultRef: HTMLButtonElement;
18
+ defaultComponent: 'button';
19
+ stylesNames: TableActionItemStylesNames;
20
+ compound: true;
21
+ }>;
22
+ export declare const TableActionItem: (<C = "button">(props: import("@mantine/core").PolymorphicComponentProps<C, TableActionItemProps>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & Omit<import("react").FunctionComponent<(TableActionItemProps & {
23
+ component?: any;
24
+ } & Omit<Omit<any, "ref">, "component" | keyof TableActionItemProps> & {
25
+ ref?: any;
26
+ renderRoot?: (props: any) => any;
27
+ }) | (TableActionItemProps & {
28
+ component: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>;
29
+ renderRoot?: (props: Record<string, any>) => any;
30
+ })>, never> & import("@mantine/core/lib/core/factory/factory").ThemeExtend<{
31
+ props: TableActionItemProps;
32
+ defaultRef: HTMLButtonElement;
33
+ defaultComponent: 'button';
34
+ stylesNames: TableActionItemStylesNames;
35
+ compound: true;
36
+ }> & import("@mantine/core/lib/core/factory/factory").ComponentClasses<{
37
+ props: TableActionItemProps;
38
+ defaultRef: HTMLButtonElement;
39
+ defaultComponent: 'button';
40
+ stylesNames: TableActionItemStylesNames;
41
+ compound: true;
42
+ }>;
43
+ export {};
44
+ //# sourceMappingURL=TableActionItem.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TableActionItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-actions/TableActionItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,sBAAsB,EAEtB,aAAa,EACb,kBAAkB,EAGrB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAChC,OAAO,EAAS,WAAW,EAAC,MAAM,cAAc,CAAC;AAIjD,MAAM,MAAM,0BAA0B,GAAG,gBAAgB,CAAC;AAE1D,MAAM,WAAW,oBACb,SAAQ,IAAI,CAAC,WAAW,EAAE,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,aAAa,GAAG,cAAc,CAAC,EACpG,IAAI,CAAC,aAAa,EAAE,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,aAAa,GAAG,UAAU,CAAC,EAC9F,sBAAsB,CAAC,sBAAsB,CAAC;IAClD;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;CAC3B;AAED,KAAK,sBAAsB,GAAG,kBAAkB,CAAC;IAC7C,KAAK,EAAE,oBAAoB,CAAC;IAC5B,UAAU,EAAE,iBAAiB,CAAC;IAC9B,gBAAgB,EAAE,QAAQ,CAAC;IAC3B,WAAW,EAAE,0BAA0B,CAAC;IACxC,QAAQ,EAAE,IAAI,CAAC;CAClB,CAAC,CAAC;AAIH,eAAO,MAAM,eAAe;;;;;;;;;WATjB,oBAAoB;gBACf,iBAAiB;sBACX,QAAQ;iBACb,0BAA0B;cAC7B,IAAI;;WAJP,oBAAoB;gBACf,iBAAiB;sBACX,QAAQ;iBACb,0BAA0B;cAC7B,IAAI;EA6CjB,CAAC"}
@@ -0,0 +1,59 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "TableActionItem", {
6
+ enumerable: true,
7
+ get: function() {
8
+ return TableActionItem;
9
+ }
10
+ });
11
+ var _object_spread = require("@swc/helpers/_/_object_spread");
12
+ var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
13
+ var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
14
+ var _jsxruntime = require("react/jsx-runtime");
15
+ var _core = require("@mantine/core");
16
+ var _button = require("../../button");
17
+ var _TableContext = require("../TableContext");
18
+ var _TableActionContext = require("./TableActionContext");
19
+ var defaultProps = {};
20
+ var TableActionItem = (0, _core.polymorphicFactory)(function(props, ref) {
21
+ var getStyles = (0, _TableContext.useTableContext)().getStyles;
22
+ var primary = (0, _TableActionContext.useTableActionContext)().primary;
23
+ var _useProps = (0, _core.useProps)('PlasmaTableActionItem', defaultProps, props), classNames = _useProps.classNames, className = _useProps.className, style = _useProps.style, styles = _useProps.styles, _vars = _useProps.vars, children = _useProps.children, component = _useProps.component, others = _object_without_properties._(_useProps, [
24
+ "classNames",
25
+ "className",
26
+ "style",
27
+ "styles",
28
+ "vars",
29
+ "children",
30
+ "component"
31
+ ]);
32
+ if (primary) {
33
+ return /*#__PURE__*/ (0, _jsxruntime.jsx)(_button.Button, _object_spread_props._(_object_spread._({
34
+ component: component,
35
+ ref: ref,
36
+ variant: "subtle"
37
+ }, others, getStyles('actionItemRoot', {
38
+ className: className,
39
+ style: style,
40
+ classNames: classNames,
41
+ styles: styles
42
+ })), {
43
+ children: children
44
+ }));
45
+ }
46
+ return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Menu.Item, _object_spread_props._(_object_spread._({
47
+ component: component,
48
+ ref: ref
49
+ }, others, getStyles('actionItemRoot', {
50
+ className: className,
51
+ style: style,
52
+ classNames: classNames,
53
+ styles: styles
54
+ })), {
55
+ children: children
56
+ }));
57
+ });
58
+
59
+ //# sourceMappingURL=TableActionItem.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../../src/components/table/table-actions/TableActionItem.tsx"],"sourcesContent":["import {\n CompoundStylesApiProps,\n Menu,\n MenuItemProps,\n PolymorphicFactory,\n polymorphicFactory,\n useProps,\n} from '@mantine/core';\nimport {ReactNode} from 'react';\nimport {Button, ButtonProps} from '../../button';\nimport {useTableContext} from '../TableContext';\nimport {useTableActionContext} from './TableActionContext';\n\nexport type TableActionItemStylesNames = 'actionItemRoot';\n\nexport interface TableActionItemProps\n extends Omit<ButtonProps, 'classNames' | 'styles' | 'vars' | 'variant' | 'leftSection' | 'rightSection'>,\n Omit<MenuItemProps, 'classNames' | 'styles' | 'vars' | 'variant' | 'leftSection' | 'disabled'>,\n CompoundStylesApiProps<TableActionItemFactory> {\n /**\n * Action label\n */\n children: ReactNode;\n /**\n * Content to put on the left of the label\n */\n leftSection?: ReactNode;\n}\n\ntype TableActionItemFactory = PolymorphicFactory<{\n props: TableActionItemProps;\n defaultRef: HTMLButtonElement;\n defaultComponent: 'button';\n stylesNames: TableActionItemStylesNames;\n compound: true;\n}>;\n\nconst defaultProps: Partial<TableActionItemProps> = {};\n\nexport const TableActionItem = polymorphicFactory<TableActionItemFactory>(\n (props: TableActionItemProps & {component?: any}, ref) => {\n const {getStyles} = useTableContext();\n const {primary} = useTableActionContext();\n const {\n classNames,\n className,\n style,\n styles,\n vars: _vars,\n children,\n component,\n ...others\n } = useProps('PlasmaTableActionItem', defaultProps, props);\n\n if (primary) {\n return (\n <Button\n component={component}\n ref={ref}\n variant=\"subtle\"\n {...others}\n {...getStyles('actionItemRoot', {className, style, classNames, styles})}\n >\n {children}\n </Button>\n );\n }\n\n return (\n <Menu.Item\n component={component}\n ref={ref}\n {...others}\n {...getStyles('actionItemRoot', {className, style, classNames, styles})}\n >\n {children}\n </Menu.Item>\n );\n },\n);\n"],"names":["TableActionItem","defaultProps","polymorphicFactory","props","ref","getStyles","useTableContext","primary","useTableActionContext","useProps","classNames","className","style","styles","vars","_vars","children","component","others","Button","variant","Menu","Item"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAuCaA;;;eAAAA;;;;;;;oBAhCN;sBAE2B;4BACJ;kCACM;AA0BpC,IAAMC,eAA8C,CAAC;AAE9C,IAAMD,kBAAkBE,IAAAA,wBAAkB,EAC7C,SAACC,OAAiDC;IAC9C,IAAM,AAACC,YAAaC,IAAAA,6BAAe,IAA5BD;IACP,IAAM,AAACE,UAAWC,IAAAA,yCAAqB,IAAhCD;IACP,IASIE,YAAAA,IAAAA,cAAQ,EAAC,yBAAyBR,cAAcE,QARhDO,aAQAD,UARAC,YACAC,YAOAF,UAPAE,WACAC,QAMAH,UANAG,OACAC,SAKAJ,UALAI,QACAC,AAAMC,QAINN,UAJAK,MACAE,WAGAP,UAHAO,UACAC,YAEAR,UAFAQ,WACGC,sCACHT;QARAC;QACAC;QACAC;QACAC;QACAC;QACAE;QACAC;;IAIJ,IAAIV,SAAS;QACT,qBACI,qBAACY,cAAM;YACHF,WAAWA;YACXb,KAAKA;YACLgB,SAAQ;WACJF,QACAb,UAAU,kBAAkB;YAACM,WAAAA;YAAWC,OAAAA;YAAOF,YAAAA;YAAYG,QAAAA;QAAM;sBAEpEG;;IAGb;IAEA,qBACI,qBAACK,UAAI,CAACC,IAAI;QACNL,WAAWA;QACXb,KAAKA;OACDc,QACAb,UAAU,kBAAkB;QAACM,WAAAA;QAAWC,OAAAA;QAAOF,YAAAA;QAAYG,QAAAA;IAAM;kBAEpEG;;AAGb"}
@@ -0,0 +1,37 @@
1
+ import { CompoundStylesApiProps, ExtendComponent, Factory, MenuProps } from '@mantine/core';
2
+ import { ReactNode } from 'react';
3
+ import { TableAction } from '../Table.types';
4
+ export type TableActionsListStylesNames = 'actionsTarget' | 'actionsDropdown' | 'actionsTooltip' | 'actionsGroup' | 'actionsGroupLabel' | 'actionsGroupDivider' | 'actionsGroupItems';
5
+ export interface TableActionsListProps extends Omit<MenuProps, 'classNames' | 'styles' | 'vars' | 'variant'>, CompoundStylesApiProps<TableActionsListFactory> {
6
+ actions: TableAction[];
7
+ /**
8
+ * Label for the more menu
9
+ * @default 'More' when variant is 'split', 'Actions' when variant is 'combined'
10
+ */
11
+ label?: string;
12
+ /**
13
+ * Label for the primary actions group when variant is 'combined'
14
+ * @default ''
15
+ */
16
+ primaryGroupLabel?: string;
17
+ icon?: ReactNode;
18
+ }
19
+ type TableActionsListFactory = Factory<{
20
+ props: TableActionsListProps;
21
+ ref: HTMLDivElement;
22
+ stylesNames: TableActionsListStylesNames;
23
+ compound: true;
24
+ variant: 'split' | 'combined';
25
+ }>;
26
+ export declare const TableActionsList: {
27
+ (props: TableActionsListProps): import("react/jsx-runtime").JSX.Element;
28
+ extend(input: ExtendComponent<TableActionsListFactory>): import("@mantine/core/lib/core/factory/factory").ExtendCompoundComponent<{
29
+ props: TableActionsListProps;
30
+ ref: HTMLDivElement;
31
+ stylesNames: TableActionsListStylesNames;
32
+ compound: true;
33
+ variant: 'split' | 'combined';
34
+ }>;
35
+ };
36
+ export {};
37
+ //# sourceMappingURL=TableActionsList.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TableActionsList.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-actions/TableActionsList.tsx"],"names":[],"mappings":"AACA,OAAO,EAKH,sBAAsB,EACtB,eAAe,EACf,OAAO,EAEP,SAAS,EAGZ,MAAM,eAAe,CAAC;AACvB,OAAO,EAAoB,SAAS,EAAW,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAI3C,MAAM,MAAM,2BAA2B,GACjC,eAAe,GACf,iBAAiB,GACjB,gBAAgB,GAChB,cAAc,GACd,mBAAmB,GACnB,qBAAqB,GACrB,mBAAmB,CAAC;AAE1B,MAAM,WAAW,qBACb,SAAQ,IAAI,CAAC,SAAS,EAAE,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC,EACjE,sBAAsB,CAAC,uBAAuB,CAAC;IACnD,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,IAAI,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,KAAK,uBAAuB,GAAG,OAAO,CAAC;IACnC,KAAK,EAAE,qBAAqB,CAAC;IAC7B,GAAG,EAAE,cAAc,CAAC;IACpB,WAAW,EAAE,2BAA2B,CAAC;IACzC,QAAQ,EAAE,IAAI,CAAC;IACf,OAAO,EAAE,OAAO,GAAG,UAAU,CAAC;CACjC,CAAC,CAAC;AAmBH,eAAO,MAAM,gBAAgB;YAAW,qBAAqB;kBAyI3B,gBAAgB,uBAAuB,CAAC;eAjK/D,qBAAqB;aACvB,cAAc;qBACN,2BAA2B;kBAC9B,IAAI;iBACL,OAAO,GAAG,UAAU;;CAsIhC,CAAC"}