@raystack/apsara 0.0.0 → 0.10.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 (362) hide show
  1. package/dist/box/box.d.ts +1 -1
  2. package/dist/box/box.d.ts.map +1 -1
  3. package/dist/flex/flex.d.ts +1 -1
  4. package/dist/flex/flex.d.ts.map +1 -1
  5. package/dist/index.cjs +15814 -74
  6. package/dist/index.cjs.map +1 -1
  7. package/dist/index.css +0 -1
  8. package/dist/index.js +15761 -35
  9. package/dist/index.js.map +1 -1
  10. package/dist/label/label.d.ts +1 -1
  11. package/dist/label/label.d.ts.map +1 -1
  12. package/dist/sidebar/sidebar.d.ts +3 -3
  13. package/dist/sidebar/sidebar.d.ts.map +1 -1
  14. package/dist/table/datatable.d.ts +6 -4
  15. package/dist/table/datatable.d.ts.map +1 -1
  16. package/package.json +2 -1
  17. package/dist/avatar/avatar.cjs +0 -76
  18. package/dist/avatar/avatar.cjs.map +0 -1
  19. package/dist/avatar/avatar.js +0 -55
  20. package/dist/avatar/avatar.js.map +0 -1
  21. package/dist/avatar/avatar.module.css.cjs +0 -6
  22. package/dist/avatar/avatar.module.css.cjs.map +0 -1
  23. package/dist/avatar/avatar.module.css.js +0 -4
  24. package/dist/avatar/avatar.module.css.js.map +0 -1
  25. package/dist/badge/badge.cjs +0 -20
  26. package/dist/badge/badge.cjs.map +0 -1
  27. package/dist/badge/badge.js +0 -18
  28. package/dist/badge/badge.js.map +0 -1
  29. package/dist/badge/badge.module.css.cjs +0 -6
  30. package/dist/badge/badge.module.css.cjs.map +0 -1
  31. package/dist/badge/badge.module.css.js +0 -4
  32. package/dist/badge/badge.module.css.js.map +0 -1
  33. package/dist/body/body.cjs +0 -24
  34. package/dist/body/body.cjs.map +0 -1
  35. package/dist/body/body.js +0 -22
  36. package/dist/body/body.js.map +0 -1
  37. package/dist/body/body.module.css.cjs +0 -6
  38. package/dist/body/body.module.css.cjs.map +0 -1
  39. package/dist/body/body.module.css.js +0 -4
  40. package/dist/body/body.module.css.js.map +0 -1
  41. package/dist/box/box.cjs +0 -13
  42. package/dist/box/box.cjs.map +0 -1
  43. package/dist/box/box.js +0 -11
  44. package/dist/box/box.js.map +0 -1
  45. package/dist/box/box.module.css.cjs +0 -6
  46. package/dist/box/box.module.css.cjs.map +0 -1
  47. package/dist/box/box.module.css.js +0 -4
  48. package/dist/box/box.module.css.js.map +0 -1
  49. package/dist/button/button.cjs +0 -32
  50. package/dist/button/button.cjs.map +0 -1
  51. package/dist/button/button.js +0 -30
  52. package/dist/button/button.js.map +0 -1
  53. package/dist/button/button.module.css.cjs +0 -6
  54. package/dist/button/button.module.css.cjs.map +0 -1
  55. package/dist/button/button.module.css.js +0 -4
  56. package/dist/button/button.module.css.js.map +0 -1
  57. package/dist/checkbox/checkbox.cjs +0 -48
  58. package/dist/checkbox/checkbox.cjs.map +0 -1
  59. package/dist/checkbox/checkbox.js +0 -27
  60. package/dist/checkbox/checkbox.js.map +0 -1
  61. package/dist/checkbox/checkbox.module.css.cjs +0 -6
  62. package/dist/checkbox/checkbox.module.css.cjs.map +0 -1
  63. package/dist/checkbox/checkbox.module.css.js +0 -4
  64. package/dist/checkbox/checkbox.module.css.js.map +0 -1
  65. package/dist/command/command.cjs +0 -52
  66. package/dist/command/command.cjs.map +0 -1
  67. package/dist/command/command.js +0 -50
  68. package/dist/command/command.js.map +0 -1
  69. package/dist/command/command.module.css.cjs +0 -6
  70. package/dist/command/command.module.css.cjs.map +0 -1
  71. package/dist/command/command.module.css.js +0 -4
  72. package/dist/command/command.module.css.js.map +0 -1
  73. package/dist/container/container.cjs +0 -25
  74. package/dist/container/container.cjs.map +0 -1
  75. package/dist/container/container.js +0 -23
  76. package/dist/container/container.js.map +0 -1
  77. package/dist/container/container.module.css.cjs +0 -6
  78. package/dist/container/container.module.css.cjs.map +0 -1
  79. package/dist/container/container.module.css.js +0 -4
  80. package/dist/container/container.module.css.js.map +0 -1
  81. package/dist/dialog/dialog.cjs +0 -52
  82. package/dist/dialog/dialog.cjs.map +0 -1
  83. package/dist/dialog/dialog.js +0 -29
  84. package/dist/dialog/dialog.js.map +0 -1
  85. package/dist/dialog/dialog.module.css.cjs +0 -6
  86. package/dist/dialog/dialog.module.css.cjs.map +0 -1
  87. package/dist/dialog/dialog.module.css.js +0 -4
  88. package/dist/dialog/dialog.module.css.js.map +0 -1
  89. package/dist/display/display.cjs +0 -24
  90. package/dist/display/display.cjs.map +0 -1
  91. package/dist/display/display.js +0 -22
  92. package/dist/display/display.js.map +0 -1
  93. package/dist/display/display.module.css.cjs +0 -6
  94. package/dist/display/display.module.css.cjs.map +0 -1
  95. package/dist/display/display.module.css.js +0 -4
  96. package/dist/display/display.module.css.js.map +0 -1
  97. package/dist/dropdown-menu/dropdown-menu.cjs +0 -54
  98. package/dist/dropdown-menu/dropdown-menu.cjs.map +0 -1
  99. package/dist/dropdown-menu/dropdown-menu.js +0 -32
  100. package/dist/dropdown-menu/dropdown-menu.js.map +0 -1
  101. package/dist/dropdown-menu/dropdown-menu.module.css.cjs +0 -6
  102. package/dist/dropdown-menu/dropdown-menu.module.css.cjs.map +0 -1
  103. package/dist/dropdown-menu/dropdown-menu.module.css.js +0 -4
  104. package/dist/dropdown-menu/dropdown-menu.module.css.js.map +0 -1
  105. package/dist/emptystate/emptystate.cjs +0 -13
  106. package/dist/emptystate/emptystate.cjs.map +0 -1
  107. package/dist/emptystate/emptystate.js +0 -11
  108. package/dist/emptystate/emptystate.js.map +0 -1
  109. package/dist/emptystate/emptystate.module.css.cjs +0 -6
  110. package/dist/emptystate/emptystate.module.css.cjs.map +0 -1
  111. package/dist/emptystate/emptystate.module.css.js +0 -4
  112. package/dist/emptystate/emptystate.module.css.js.map +0 -1
  113. package/dist/flex/flex.cjs +0 -53
  114. package/dist/flex/flex.cjs.map +0 -1
  115. package/dist/flex/flex.js +0 -51
  116. package/dist/flex/flex.js.map +0 -1
  117. package/dist/flex/flex.module.css.cjs +0 -6
  118. package/dist/flex/flex.module.css.cjs.map +0 -1
  119. package/dist/flex/flex.module.css.js +0 -4
  120. package/dist/flex/flex.module.css.js.map +0 -1
  121. package/dist/grid/grid.cjs +0 -72
  122. package/dist/grid/grid.cjs.map +0 -1
  123. package/dist/grid/grid.js +0 -70
  124. package/dist/grid/grid.js.map +0 -1
  125. package/dist/grid/grid.module.css.cjs +0 -6
  126. package/dist/grid/grid.module.css.cjs.map +0 -1
  127. package/dist/grid/grid.module.css.js +0 -4
  128. package/dist/grid/grid.module.css.js.map +0 -1
  129. package/dist/headline/headline.cjs +0 -24
  130. package/dist/headline/headline.cjs.map +0 -1
  131. package/dist/headline/headline.js +0 -22
  132. package/dist/headline/headline.js.map +0 -1
  133. package/dist/headline/headline.module.css.cjs +0 -6
  134. package/dist/headline/headline.module.css.cjs.map +0 -1
  135. package/dist/headline/headline.module.css.js +0 -4
  136. package/dist/headline/headline.module.css.js.map +0 -1
  137. package/dist/image/image.cjs +0 -13
  138. package/dist/image/image.cjs.map +0 -1
  139. package/dist/image/image.js +0 -11
  140. package/dist/image/image.js.map +0 -1
  141. package/dist/image/image.module.css.cjs +0 -6
  142. package/dist/image/image.module.css.cjs.map +0 -1
  143. package/dist/image/image.module.css.js +0 -4
  144. package/dist/image/image.module.css.js.map +0 -1
  145. package/dist/label/label.cjs +0 -24
  146. package/dist/label/label.cjs.map +0 -1
  147. package/dist/label/label.js +0 -22
  148. package/dist/label/label.js.map +0 -1
  149. package/dist/label/label.module.css.cjs +0 -6
  150. package/dist/label/label.module.css.cjs.map +0 -1
  151. package/dist/label/label.module.css.js +0 -4
  152. package/dist/label/label.module.css.js.map +0 -1
  153. package/dist/link/link.cjs +0 -24
  154. package/dist/link/link.cjs.map +0 -1
  155. package/dist/link/link.js +0 -22
  156. package/dist/link/link.js.map +0 -1
  157. package/dist/link/link.module.css.cjs +0 -6
  158. package/dist/link/link.module.css.cjs.map +0 -1
  159. package/dist/link/link.module.css.js +0 -4
  160. package/dist/link/link.module.css.js.map +0 -1
  161. package/dist/popover/popover.cjs +0 -35
  162. package/dist/popover/popover.cjs.map +0 -1
  163. package/dist/popover/popover.js +0 -14
  164. package/dist/popover/popover.js.map +0 -1
  165. package/dist/popover/popover.module.css.cjs +0 -6
  166. package/dist/popover/popover.module.css.cjs.map +0 -1
  167. package/dist/popover/popover.module.css.js +0 -4
  168. package/dist/popover/popover.module.css.js.map +0 -1
  169. package/dist/radio/radio.cjs +0 -51
  170. package/dist/radio/radio.cjs.map +0 -1
  171. package/dist/radio/radio.js +0 -29
  172. package/dist/radio/radio.js.map +0 -1
  173. package/dist/radio/radio.module.css.cjs +0 -6
  174. package/dist/radio/radio.module.css.cjs.map +0 -1
  175. package/dist/radio/radio.module.css.js +0 -4
  176. package/dist/radio/radio.module.css.js.map +0 -1
  177. package/dist/scroll-area/scrollarea.cjs +0 -38
  178. package/dist/scroll-area/scrollarea.cjs.map +0 -1
  179. package/dist/scroll-area/scrollarea.js +0 -15
  180. package/dist/scroll-area/scrollarea.js.map +0 -1
  181. package/dist/scroll-area/scrollarea.module.css.cjs +0 -6
  182. package/dist/scroll-area/scrollarea.module.css.cjs.map +0 -1
  183. package/dist/scroll-area/scrollarea.module.css.js +0 -4
  184. package/dist/scroll-area/scrollarea.module.css.js.map +0 -1
  185. package/dist/select/select.cjs +0 -56
  186. package/dist/select/select.cjs.map +0 -1
  187. package/dist/select/select.js +0 -34
  188. package/dist/select/select.js.map +0 -1
  189. package/dist/select/select.module.css.cjs +0 -6
  190. package/dist/select/select.module.css.cjs.map +0 -1
  191. package/dist/select/select.module.css.js +0 -4
  192. package/dist/select/select.module.css.js.map +0 -1
  193. package/dist/separator/separator.cjs +0 -44
  194. package/dist/separator/separator.cjs.map +0 -1
  195. package/dist/separator/separator.js +0 -23
  196. package/dist/separator/separator.js.map +0 -1
  197. package/dist/separator/separator.module.css.cjs +0 -6
  198. package/dist/separator/separator.module.css.cjs.map +0 -1
  199. package/dist/separator/separator.module.css.js +0 -4
  200. package/dist/separator/separator.module.css.js.map +0 -1
  201. package/dist/sheet/sheet.cjs +0 -67
  202. package/dist/sheet/sheet.cjs.map +0 -1
  203. package/dist/sheet/sheet.js +0 -43
  204. package/dist/sheet/sheet.js.map +0 -1
  205. package/dist/sheet/sheet.module.css.cjs +0 -6
  206. package/dist/sheet/sheet.module.css.cjs.map +0 -1
  207. package/dist/sheet/sheet.module.css.js +0 -4
  208. package/dist/sheet/sheet.module.css.js.map +0 -1
  209. package/dist/sidebar/sidebar.cjs +0 -44
  210. package/dist/sidebar/sidebar.cjs.map +0 -1
  211. package/dist/sidebar/sidebar.js +0 -42
  212. package/dist/sidebar/sidebar.js.map +0 -1
  213. package/dist/sidebar/sidebar.module.css.cjs +0 -6
  214. package/dist/sidebar/sidebar.module.css.cjs.map +0 -1
  215. package/dist/sidebar/sidebar.module.css.js +0 -4
  216. package/dist/sidebar/sidebar.module.css.js.map +0 -1
  217. package/dist/switch/switch.cjs +0 -35
  218. package/dist/switch/switch.cjs.map +0 -1
  219. package/dist/switch/switch.js +0 -14
  220. package/dist/switch/switch.js.map +0 -1
  221. package/dist/switch/switch.module.css.cjs +0 -6
  222. package/dist/switch/switch.module.css.cjs.map +0 -1
  223. package/dist/switch/switch.module.css.js +0 -4
  224. package/dist/switch/switch.module.css.js.map +0 -1
  225. package/dist/table/DataTableClearFilter.cjs +0 -18
  226. package/dist/table/DataTableClearFilter.cjs.map +0 -1
  227. package/dist/table/DataTableClearFilter.js +0 -16
  228. package/dist/table/DataTableClearFilter.js.map +0 -1
  229. package/dist/table/DataTableFilterChips.cjs +0 -25
  230. package/dist/table/DataTableFilterChips.cjs.map +0 -1
  231. package/dist/table/DataTableFilterChips.js +0 -23
  232. package/dist/table/DataTableFilterChips.js.map +0 -1
  233. package/dist/table/DataTableFilterOptions.cjs +0 -22
  234. package/dist/table/DataTableFilterOptions.cjs.map +0 -1
  235. package/dist/table/DataTableFilterOptions.js +0 -20
  236. package/dist/table/DataTableFilterOptions.js.map +0 -1
  237. package/dist/table/DataTableFooter.cjs +0 -12
  238. package/dist/table/DataTableFooter.cjs.map +0 -1
  239. package/dist/table/DataTableFooter.js +0 -10
  240. package/dist/table/DataTableFooter.js.map +0 -1
  241. package/dist/table/DataTableGloabalSearch.cjs +0 -13
  242. package/dist/table/DataTableGloabalSearch.cjs.map +0 -1
  243. package/dist/table/DataTableGloabalSearch.js +0 -11
  244. package/dist/table/DataTableGloabalSearch.js.map +0 -1
  245. package/dist/table/DataTableToolbar.cjs +0 -12
  246. package/dist/table/DataTableToolbar.cjs.map +0 -1
  247. package/dist/table/DataTableToolbar.js +0 -10
  248. package/dist/table/DataTableToolbar.js.map +0 -1
  249. package/dist/table/DataTableViewOptions.cjs +0 -22
  250. package/dist/table/DataTableViewOptions.cjs.map +0 -1
  251. package/dist/table/DataTableViewOptions.js +0 -20
  252. package/dist/table/DataTableViewOptions.js.map +0 -1
  253. package/dist/table/FilteredChip.cjs +0 -57
  254. package/dist/table/FilteredChip.cjs.map +0 -1
  255. package/dist/table/FilteredChip.js +0 -55
  256. package/dist/table/FilteredChip.js.map +0 -1
  257. package/dist/table/TableBottomContainer.cjs +0 -11
  258. package/dist/table/TableBottomContainer.cjs.map +0 -1
  259. package/dist/table/TableBottomContainer.js +0 -9
  260. package/dist/table/TableBottomContainer.js.map +0 -1
  261. package/dist/table/TableContext.cjs +0 -8
  262. package/dist/table/TableContext.cjs.map +0 -1
  263. package/dist/table/TableContext.js +0 -6
  264. package/dist/table/TableContext.js.map +0 -1
  265. package/dist/table/TableDetailContainer.cjs +0 -11
  266. package/dist/table/TableDetailContainer.cjs.map +0 -1
  267. package/dist/table/TableDetailContainer.js +0 -9
  268. package/dist/table/TableDetailContainer.js.map +0 -1
  269. package/dist/table/TableTopContainer.cjs +0 -11
  270. package/dist/table/TableTopContainer.cjs.map +0 -1
  271. package/dist/table/TableTopContainer.d.ts +0 -6
  272. package/dist/table/TableTopContainer.d.ts.map +0 -1
  273. package/dist/table/TableTopContainer.js +0 -9
  274. package/dist/table/TableTopContainer.js.map +0 -1
  275. package/dist/table/datatable.cjs +0 -86
  276. package/dist/table/datatable.cjs.map +0 -1
  277. package/dist/table/datatable.js +0 -84
  278. package/dist/table/datatable.js.map +0 -1
  279. package/dist/table/datatable.module.css.cjs +0 -6
  280. package/dist/table/datatable.module.css.cjs.map +0 -1
  281. package/dist/table/datatable.module.css.js +0 -4
  282. package/dist/table/datatable.module.css.js.map +0 -1
  283. package/dist/table/hooks/useOnClickOutside.cjs +0 -17
  284. package/dist/table/hooks/useOnClickOutside.cjs.map +0 -1
  285. package/dist/table/hooks/useOnClickOutside.js +0 -15
  286. package/dist/table/hooks/useOnClickOutside.js.map +0 -1
  287. package/dist/table/hooks/useRowSelection.cjs +0 -45
  288. package/dist/table/hooks/useRowSelection.cjs.map +0 -1
  289. package/dist/table/hooks/useRowSelection.js +0 -43
  290. package/dist/table/hooks/useRowSelection.js.map +0 -1
  291. package/dist/table/hooks/useTable.cjs +0 -15
  292. package/dist/table/hooks/useTable.cjs.map +0 -1
  293. package/dist/table/hooks/useTable.js +0 -13
  294. package/dist/table/hooks/useTable.js.map +0 -1
  295. package/dist/table/hooks/useTableColumn.cjs +0 -29
  296. package/dist/table/hooks/useTableColumn.cjs.map +0 -1
  297. package/dist/table/hooks/useTableColumn.js +0 -27
  298. package/dist/table/hooks/useTableColumn.js.map +0 -1
  299. package/dist/table/hooks/useTableFilter.d.ts +0 -11
  300. package/dist/table/hooks/useTableFilter.d.ts.map +0 -1
  301. package/dist/table/table.cjs +0 -62
  302. package/dist/table/table.cjs.map +0 -1
  303. package/dist/table/table.js +0 -41
  304. package/dist/table/table.js.map +0 -1
  305. package/dist/table/table.module.css.cjs +0 -6
  306. package/dist/table/table.module.css.cjs.map +0 -1
  307. package/dist/table/table.module.css.js +0 -4
  308. package/dist/table/table.module.css.js.map +0 -1
  309. package/dist/tabs/tabs.cjs +0 -56
  310. package/dist/tabs/tabs.cjs.map +0 -1
  311. package/dist/tabs/tabs.js +0 -35
  312. package/dist/tabs/tabs.js.map +0 -1
  313. package/dist/tabs/tabs.module.css.cjs +0 -6
  314. package/dist/tabs/tabs.module.css.cjs.map +0 -1
  315. package/dist/tabs/tabs.module.css.js +0 -4
  316. package/dist/tabs/tabs.module.css.js.map +0 -1
  317. package/dist/text/text.cjs +0 -31
  318. package/dist/text/text.cjs.map +0 -1
  319. package/dist/text/text.js +0 -29
  320. package/dist/text/text.js.map +0 -1
  321. package/dist/text/text.module.css.cjs +0 -6
  322. package/dist/text/text.module.css.cjs.map +0 -1
  323. package/dist/text/text.module.css.js +0 -4
  324. package/dist/text/text.module.css.js.map +0 -1
  325. package/dist/textfield/textfield.cjs +0 -28
  326. package/dist/textfield/textfield.cjs.map +0 -1
  327. package/dist/textfield/textfield.js +0 -26
  328. package/dist/textfield/textfield.js.map +0 -1
  329. package/dist/textfield/textfield.module.css.cjs +0 -6
  330. package/dist/textfield/textfield.module.css.cjs.map +0 -1
  331. package/dist/textfield/textfield.module.css.js +0 -4
  332. package/dist/textfield/textfield.module.css.js.map +0 -1
  333. package/dist/themprovider/OSPreference.cjs +0 -34
  334. package/dist/themprovider/OSPreference.cjs.map +0 -1
  335. package/dist/themprovider/OSPreference.js +0 -31
  336. package/dist/themprovider/OSPreference.js.map +0 -1
  337. package/dist/themprovider/storage.cjs +0 -33
  338. package/dist/themprovider/storage.cjs.map +0 -1
  339. package/dist/themprovider/storage.js +0 -29
  340. package/dist/themprovider/storage.js.map +0 -1
  341. package/dist/themprovider/switcher.cjs +0 -22
  342. package/dist/themprovider/switcher.cjs.map +0 -1
  343. package/dist/themprovider/switcher.js +0 -20
  344. package/dist/themprovider/switcher.js.map +0 -1
  345. package/dist/themprovider/themeprovider.cjs +0 -86
  346. package/dist/themprovider/themeprovider.cjs.map +0 -1
  347. package/dist/themprovider/themeprovider.js +0 -82
  348. package/dist/themprovider/themeprovider.js.map +0 -1
  349. package/dist/themprovider/useTheme.cjs +0 -74
  350. package/dist/themprovider/useTheme.cjs.map +0 -1
  351. package/dist/themprovider/useTheme.d.ts +0 -14
  352. package/dist/themprovider/useTheme.d.ts.map +0 -1
  353. package/dist/themprovider/useTheme.js +0 -70
  354. package/dist/themprovider/useTheme.js.map +0 -1
  355. package/dist/title/title.cjs +0 -24
  356. package/dist/title/title.cjs.map +0 -1
  357. package/dist/title/title.js +0 -22
  358. package/dist/title/title.js.map +0 -1
  359. package/dist/title/title.module.css.cjs +0 -6
  360. package/dist/title/title.module.css.cjs.map +0 -1
  361. package/dist/title/title.module.css.js +0 -4
  362. package/dist/title/title.module.css.js.map +0 -1
@@ -1,11 +0,0 @@
1
- 'use strict';
2
-
3
- var jsxRuntime = require('react/jsx-runtime');
4
- var flex = require('../flex/flex.cjs');
5
-
6
- const TableTopContainer = ({ children }) => {
7
- return jsxRuntime.jsx(flex.Flex, { children: children });
8
- };
9
-
10
- exports.TableTopContainer = TableTopContainer;
11
- //# sourceMappingURL=TableTopContainer.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TableTopContainer.cjs","sources":["../../../table/TableTopContainer.tsx"],"sourcesContent":["import type { FC, ReactNode } from \"react\";\nimport { Flex } from \"~/flex\";\n\nexport interface TableTopContainerProps {\n children?: ReactNode;\n}\n\nexport const TableTopContainer: FC<TableTopContainerProps> = ({ children }) => {\n return <Flex>{children}</Flex>;\n};\n"],"names":["_jsx","Flex"],"mappings":";;;;;MAOa,iBAAiB,GAA+B,CAAC,EAAE,QAAQ,EAAE,KAAI;AAC5E,IAAA,OAAOA,cAAC,CAAAC,SAAI,EAAE,EAAA,QAAA,EAAA,QAAQ,GAAQ,CAAC;AACjC;;;;"}
@@ -1,6 +0,0 @@
1
- import type { FC, ReactNode } from "react";
2
- export interface TableTopContainerProps {
3
- children?: ReactNode;
4
- }
5
- export declare const TableTopContainer: FC<TableTopContainerProps>;
6
- //# sourceMappingURL=TableTopContainer.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TableTopContainer.d.ts","sourceRoot":"","sources":["../../table/TableTopContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG3C,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAExD,CAAC"}
@@ -1,9 +0,0 @@
1
- import { jsx } from 'react/jsx-runtime';
2
- import { Flex } from '../flex/flex.js';
3
-
4
- const TableTopContainer = ({ children }) => {
5
- return jsx(Flex, { children: children });
6
- };
7
-
8
- export { TableTopContainer };
9
- //# sourceMappingURL=TableTopContainer.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TableTopContainer.js","sources":["../../../table/TableTopContainer.tsx"],"sourcesContent":["import type { FC, ReactNode } from \"react\";\nimport { Flex } from \"~/flex\";\n\nexport interface TableTopContainerProps {\n children?: ReactNode;\n}\n\nexport const TableTopContainer: FC<TableTopContainerProps> = ({ children }) => {\n return <Flex>{children}</Flex>;\n};\n"],"names":["_jsx"],"mappings":";;;MAOa,iBAAiB,GAA+B,CAAC,EAAE,QAAQ,EAAE,KAAI;AAC5E,IAAA,OAAOA,GAAC,CAAA,IAAI,EAAE,EAAA,QAAA,EAAA,QAAQ,GAAQ,CAAC;AACjC;;;;"}
@@ -1,86 +0,0 @@
1
- 'use strict';
2
-
3
- var jsxRuntime = require('react/jsx-runtime');
4
- var reactIcons = require('@radix-ui/react-icons');
5
- var reactTable = require('@tanstack/react-table');
6
- var React = require('react');
7
- var flex = require('../flex/flex.cjs');
8
- var text = require('../text/text.cjs');
9
- var datatable_module = require('./datatable.module.css.cjs');
10
- var DataTableClearFilter = require('./DataTableClearFilter.cjs');
11
- var DataTableFilterChips = require('./DataTableFilterChips.cjs');
12
- var DataTableFilterOptions = require('./DataTableFilterOptions.cjs');
13
- var DataTableFooter = require('./DataTableFooter.cjs');
14
- var DataTableGloabalSearch = require('./DataTableGloabalSearch.cjs');
15
- var DataTableToolbar = require('./DataTableToolbar.cjs');
16
- var DataTableViewOptions = require('./DataTableViewOptions.cjs');
17
- var useTableColumn = require('./hooks/useTableColumn.cjs');
18
- var table = require('./table.cjs');
19
- var TableContext = require('./TableContext.cjs');
20
- var TableDetailContainer = require('./TableDetailContainer.cjs');
21
-
22
- function DataTableRoot({ columns, data, children, }) {
23
- const convertedChildren = React.Children.toArray(children);
24
- const header = convertedChildren.find((child) => child.type === DataTableToolbar.DataTableToolbar) || jsxRuntime.jsx(jsxRuntime.Fragment, {});
25
- const footer = convertedChildren.find((child) => child.type === DataTableFooter.DataTableFooter) || jsxRuntime.jsx(jsxRuntime.Fragment, {});
26
- const detail = convertedChildren.find((child) => child.type === TableDetailContainer.TableDetailContainer) || jsxRuntime.jsx(jsxRuntime.Fragment, {});
27
- const [sorting, setSorting] = React.useState([]);
28
- const [columnFilters, setColumnFilters] = React.useState([]);
29
- const [columnVisibility, setColumnVisibility] = React.useState({});
30
- const [rowSelection, setRowSelection] = React.useState({});
31
- const [globalFilter, setGlobalFilter] = React.useState("");
32
- const { filteredColumns, addFilterColumn, removeFilterColumn, resetColumns } = useTableColumn.useTableColumn();
33
- const table$1 = reactTable.useReactTable({
34
- data,
35
- columns,
36
- globalFilterFn: "auto",
37
- enableRowSelection: true,
38
- onGlobalFilterChange: setGlobalFilter,
39
- onSortingChange: setSorting,
40
- onColumnFiltersChange: setColumnFilters,
41
- onColumnVisibilityChange: setColumnVisibility,
42
- onRowSelectionChange: setRowSelection,
43
- getCoreRowModel: reactTable.getCoreRowModel(),
44
- getFilteredRowModel: reactTable.getFilteredRowModel(),
45
- getPaginationRowModel: reactTable.getPaginationRowModel(),
46
- getSortedRowModel: reactTable.getSortedRowModel(),
47
- getFacetedRowModel: reactTable.getFacetedRowModel(),
48
- getFacetedUniqueValues: reactTable.getFacetedUniqueValues(),
49
- state: {
50
- sorting,
51
- globalFilter,
52
- columnFilters,
53
- columnVisibility,
54
- rowSelection,
55
- },
56
- });
57
- return (jsxRuntime.jsx(flex.Flex, { direction: "column", justify: "between", className: datatable_module.wrapper, children: jsxRuntime.jsxs(TableContext.TableContext.Provider, { value: {
58
- table: table$1,
59
- globalFilter,
60
- filteredColumns,
61
- addFilterColumn,
62
- removeFilterColumn,
63
- resetColumns,
64
- onGlobalFilterChange: setGlobalFilter,
65
- onChange: () => ({}),
66
- }, children: [jsxRuntime.jsxs(flex.Flex, { direction: "column", className: datatable_module.datatable, children: [header, jsxRuntime.jsxs(table.Table, { children: [jsxRuntime.jsx(table.Table.Header, { children: table$1.getHeaderGroups().map((headerGroup) => (jsxRuntime.jsx(table.Table.Row, { children: headerGroup.headers.map((header) => {
67
- return (jsxRuntime.jsx(table.Table.Head, { children: jsxRuntime.jsxs(text.Text, { className: datatable_module.head, children: [header.isPlaceholder
68
- ? null
69
- : reactTable.flexRender(header.column.columnDef.header, header.getContext()), {
70
- asc: jsxRuntime.jsx(reactIcons.ArrowUpIcon, {}),
71
- desc: jsxRuntime.jsx(reactIcons.ArrowDownIcon, {}),
72
- }[header.column.getIsSorted()] ?? null] }) }, header.id));
73
- }) }, headerGroup.id))) }), jsxRuntime.jsx(table.Table.Body, { children: table$1.getRowModel().rows?.length ? (table$1.getRowModel().rows.map((row) => (jsxRuntime.jsx(table.Table.Row, { "data-state": row.getIsSelected() && "selected", children: row.getVisibleCells().map((cell) => (jsxRuntime.jsx(table.Table.Cell, { children: reactTable.flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id))) }, row.id)))) : (jsxRuntime.jsx(table.Table.Row, { children: jsxRuntime.jsx(table.Table.Cell, { colSpan: columns.length, children: "No results." }) })) })] }), detail] }), footer] }) }));
74
- }
75
- const DataTable = Object.assign(DataTableRoot, {
76
- Toolbar: DataTableToolbar.DataTableToolbar,
77
- GloabalSearch: DataTableGloabalSearch.DataTableGloabalSearch,
78
- FilterOptions: DataTableFilterOptions.DataTableFilterOptions,
79
- ViewOptions: DataTableViewOptions.DataTableViewOptions,
80
- ClearFilter: DataTableClearFilter.DataTableClearFilter,
81
- FilterChips: DataTableFilterChips.DataTableFilterChips,
82
- Footer: DataTableFooter.DataTableFooter,
83
- });
84
-
85
- exports.DataTable = DataTable;
86
- //# sourceMappingURL=datatable.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"datatable.cjs","sources":["../../../table/datatable.tsx"],"sourcesContent":["import { ArrowDownIcon, ArrowUpIcon } from \"@radix-ui/react-icons\";\nimport {\n ColumnDef,\n ColumnFiltersState,\n flexRender,\n getCoreRowModel,\n getFacetedRowModel,\n getFacetedUniqueValues,\n getFilteredRowModel,\n getPaginationRowModel,\n getSortedRowModel,\n SortingState,\n useReactTable,\n VisibilityState,\n} from \"@tanstack/react-table\";\nimport React, { Children, ReactElement, ReactNode } from \"react\";\nimport { Flex } from \"~/flex\";\nimport { Text } from \"~/text\";\nimport styles from \"./datatable.module.css\";\nimport { DataTableClearFilter } from \"./DataTableClearFilter\";\nimport { DataTableFilterChips } from \"./DataTableFilterChips\";\nimport { DataTableFilterOptions } from \"./DataTableFilterOptions\";\nimport { DataTableFooter } from \"./DataTableFooter\";\nimport { DataTableGloabalSearch } from \"./DataTableGloabalSearch\";\nimport { DataTableToolbar } from \"./DataTableToolbar\";\nimport { DataTableViewOptions } from \"./DataTableViewOptions\";\nimport { useTableColumn } from \"./hooks/useTableColumn\";\nimport { Table } from \"./table\";\nimport { TableContext } from \"./TableContext\";\nimport { TableDetailContainer } from \"./TableDetailContainer\";\n\ninterface DataTableProps<TData, TValue> {\n columns: ColumnDef<TData, TValue>[];\n data: TData[];\n multiRowSelectionEnabled?: boolean;\n children?: ReactNode;\n}\n\nfunction DataTableRoot<TData, TValue>({\n columns,\n data,\n children,\n}: DataTableProps<TData, TValue>) {\n const convertedChildren = Children.toArray(children) as ReactElement[];\n const header = convertedChildren.find(\n (child) => child.type === DataTableToolbar\n ) || <></>;\n const footer = convertedChildren.find(\n (child) => child.type === DataTableFooter\n ) || <></>;\n const detail = convertedChildren.find(\n (child) => child.type === TableDetailContainer\n ) || <></>;\n\n const [sorting, setSorting] = React.useState<SortingState>([]);\n const [columnFilters, setColumnFilters] = React.useState<ColumnFiltersState>(\n []\n );\n const [columnVisibility, setColumnVisibility] =\n React.useState<VisibilityState>({});\n const [rowSelection, setRowSelection] = React.useState({});\n const [globalFilter, setGlobalFilter] = React.useState(\"\");\n const { filteredColumns, addFilterColumn, removeFilterColumn, resetColumns } =\n useTableColumn();\n\n const table = useReactTable({\n data,\n columns,\n globalFilterFn: \"auto\",\n enableRowSelection: true,\n onGlobalFilterChange: setGlobalFilter,\n onSortingChange: setSorting,\n onColumnFiltersChange: setColumnFilters,\n onColumnVisibilityChange: setColumnVisibility,\n onRowSelectionChange: setRowSelection,\n getCoreRowModel: getCoreRowModel(),\n getFilteredRowModel: getFilteredRowModel(),\n getPaginationRowModel: getPaginationRowModel(),\n getSortedRowModel: getSortedRowModel(),\n getFacetedRowModel: getFacetedRowModel(),\n getFacetedUniqueValues: getFacetedUniqueValues(),\n state: {\n sorting,\n globalFilter,\n columnFilters,\n columnVisibility,\n rowSelection,\n },\n });\n\n return (\n <Flex direction=\"column\" justify=\"between\" className={styles.wrapper}>\n <TableContext.Provider\n value={{\n table,\n globalFilter,\n filteredColumns,\n addFilterColumn,\n removeFilterColumn,\n resetColumns,\n onGlobalFilterChange: setGlobalFilter,\n onChange: () => ({}),\n }}\n >\n <Flex direction=\"column\" className={styles.datatable}>\n {header}\n <Table>\n <Table.Header>\n {table.getHeaderGroups().map((headerGroup) => (\n <Table.Row key={headerGroup.id}>\n {headerGroup.headers.map((header) => {\n return (\n <Table.Head key={header.id}>\n <Text className={styles.head}>\n {header.isPlaceholder\n ? null\n : flexRender(\n header.column.columnDef.header,\n header.getContext()\n )}\n {{\n asc: <ArrowUpIcon />,\n desc: <ArrowDownIcon />,\n }[header.column.getIsSorted() as string] ?? null}\n </Text>\n </Table.Head>\n );\n })}\n </Table.Row>\n ))}\n </Table.Header>\n <Table.Body>\n {table.getRowModel().rows?.length ? (\n table.getRowModel().rows.map((row) => (\n <Table.Row\n key={row.id}\n data-state={row.getIsSelected() && \"selected\"}\n >\n {row.getVisibleCells().map((cell) => (\n <Table.Cell key={cell.id}>\n {flexRender(\n cell.column.columnDef.cell,\n cell.getContext()\n )}\n </Table.Cell>\n ))}\n </Table.Row>\n ))\n ) : (\n <Table.Row>\n <Table.Cell colSpan={columns.length}>No results.</Table.Cell>\n </Table.Row>\n )}\n </Table.Body>\n </Table>\n {detail}\n </Flex>\n {footer}\n </TableContext.Provider>\n </Flex>\n );\n}\n\nexport const DataTable = Object.assign(DataTableRoot, {\n Toolbar: DataTableToolbar,\n GloabalSearch: DataTableGloabalSearch,\n FilterOptions: DataTableFilterOptions,\n ViewOptions: DataTableViewOptions,\n ClearFilter: DataTableClearFilter,\n FilterChips: DataTableFilterChips,\n Footer: DataTableFooter,\n});\n"],"names":["Children","DataTableToolbar","_jsx","DataTableFooter","TableDetailContainer","useTableColumn","table","useReactTable","getCoreRowModel","getFilteredRowModel","getPaginationRowModel","getSortedRowModel","getFacetedRowModel","getFacetedUniqueValues","Flex","styles","_jsxs","TableContext","Table","Text","flexRender","ArrowUpIcon","ArrowDownIcon","DataTableGloabalSearch","DataTableFilterOptions","DataTableViewOptions","DataTableClearFilter","DataTableFilterChips"],"mappings":"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"}
@@ -1,84 +0,0 @@
1
- import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
2
- import { ArrowUpIcon, ArrowDownIcon } from '@radix-ui/react-icons';
3
- import { useReactTable, getCoreRowModel, getFilteredRowModel, getPaginationRowModel, getSortedRowModel, getFacetedRowModel, getFacetedUniqueValues, flexRender } from '@tanstack/react-table';
4
- import React__default, { Children } from 'react';
5
- import { Flex } from '../flex/flex.js';
6
- import { Text } from '../text/text.js';
7
- import styles from './datatable.module.css.js';
8
- import { DataTableClearFilter } from './DataTableClearFilter.js';
9
- import { DataTableFilterChips } from './DataTableFilterChips.js';
10
- import { DataTableFilterOptions } from './DataTableFilterOptions.js';
11
- import { DataTableFooter } from './DataTableFooter.js';
12
- import { DataTableGloabalSearch } from './DataTableGloabalSearch.js';
13
- import { DataTableToolbar } from './DataTableToolbar.js';
14
- import { DataTableViewOptions } from './DataTableViewOptions.js';
15
- import { useTableColumn } from './hooks/useTableColumn.js';
16
- import { Table } from './table.js';
17
- import { TableContext } from './TableContext.js';
18
- import { TableDetailContainer } from './TableDetailContainer.js';
19
-
20
- function DataTableRoot({ columns, data, children, }) {
21
- const convertedChildren = Children.toArray(children);
22
- const header = convertedChildren.find((child) => child.type === DataTableToolbar) || jsx(Fragment, {});
23
- const footer = convertedChildren.find((child) => child.type === DataTableFooter) || jsx(Fragment, {});
24
- const detail = convertedChildren.find((child) => child.type === TableDetailContainer) || jsx(Fragment, {});
25
- const [sorting, setSorting] = React__default.useState([]);
26
- const [columnFilters, setColumnFilters] = React__default.useState([]);
27
- const [columnVisibility, setColumnVisibility] = React__default.useState({});
28
- const [rowSelection, setRowSelection] = React__default.useState({});
29
- const [globalFilter, setGlobalFilter] = React__default.useState("");
30
- const { filteredColumns, addFilterColumn, removeFilterColumn, resetColumns } = useTableColumn();
31
- const table = useReactTable({
32
- data,
33
- columns,
34
- globalFilterFn: "auto",
35
- enableRowSelection: true,
36
- onGlobalFilterChange: setGlobalFilter,
37
- onSortingChange: setSorting,
38
- onColumnFiltersChange: setColumnFilters,
39
- onColumnVisibilityChange: setColumnVisibility,
40
- onRowSelectionChange: setRowSelection,
41
- getCoreRowModel: getCoreRowModel(),
42
- getFilteredRowModel: getFilteredRowModel(),
43
- getPaginationRowModel: getPaginationRowModel(),
44
- getSortedRowModel: getSortedRowModel(),
45
- getFacetedRowModel: getFacetedRowModel(),
46
- getFacetedUniqueValues: getFacetedUniqueValues(),
47
- state: {
48
- sorting,
49
- globalFilter,
50
- columnFilters,
51
- columnVisibility,
52
- rowSelection,
53
- },
54
- });
55
- return (jsx(Flex, { direction: "column", justify: "between", className: styles.wrapper, children: jsxs(TableContext.Provider, { value: {
56
- table,
57
- globalFilter,
58
- filteredColumns,
59
- addFilterColumn,
60
- removeFilterColumn,
61
- resetColumns,
62
- onGlobalFilterChange: setGlobalFilter,
63
- onChange: () => ({}),
64
- }, children: [jsxs(Flex, { direction: "column", className: styles.datatable, children: [header, jsxs(Table, { children: [jsx(Table.Header, { children: table.getHeaderGroups().map((headerGroup) => (jsx(Table.Row, { children: headerGroup.headers.map((header) => {
65
- return (jsx(Table.Head, { children: jsxs(Text, { className: styles.head, children: [header.isPlaceholder
66
- ? null
67
- : flexRender(header.column.columnDef.header, header.getContext()), {
68
- asc: jsx(ArrowUpIcon, {}),
69
- desc: jsx(ArrowDownIcon, {}),
70
- }[header.column.getIsSorted()] ?? null] }) }, header.id));
71
- }) }, headerGroup.id))) }), jsx(Table.Body, { children: table.getRowModel().rows?.length ? (table.getRowModel().rows.map((row) => (jsx(Table.Row, { "data-state": row.getIsSelected() && "selected", children: row.getVisibleCells().map((cell) => (jsx(Table.Cell, { children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id))) }, row.id)))) : (jsx(Table.Row, { children: jsx(Table.Cell, { colSpan: columns.length, children: "No results." }) })) })] }), detail] }), footer] }) }));
72
- }
73
- const DataTable = Object.assign(DataTableRoot, {
74
- Toolbar: DataTableToolbar,
75
- GloabalSearch: DataTableGloabalSearch,
76
- FilterOptions: DataTableFilterOptions,
77
- ViewOptions: DataTableViewOptions,
78
- ClearFilter: DataTableClearFilter,
79
- FilterChips: DataTableFilterChips,
80
- Footer: DataTableFooter,
81
- });
82
-
83
- export { DataTable };
84
- //# sourceMappingURL=datatable.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"datatable.js","sources":["../../../table/datatable.tsx"],"sourcesContent":["import { ArrowDownIcon, ArrowUpIcon } from \"@radix-ui/react-icons\";\nimport {\n ColumnDef,\n ColumnFiltersState,\n flexRender,\n getCoreRowModel,\n getFacetedRowModel,\n getFacetedUniqueValues,\n getFilteredRowModel,\n getPaginationRowModel,\n getSortedRowModel,\n SortingState,\n useReactTable,\n VisibilityState,\n} from \"@tanstack/react-table\";\nimport React, { Children, ReactElement, ReactNode } from \"react\";\nimport { Flex } from \"~/flex\";\nimport { Text } from \"~/text\";\nimport styles from \"./datatable.module.css\";\nimport { DataTableClearFilter } from \"./DataTableClearFilter\";\nimport { DataTableFilterChips } from \"./DataTableFilterChips\";\nimport { DataTableFilterOptions } from \"./DataTableFilterOptions\";\nimport { DataTableFooter } from \"./DataTableFooter\";\nimport { DataTableGloabalSearch } from \"./DataTableGloabalSearch\";\nimport { DataTableToolbar } from \"./DataTableToolbar\";\nimport { DataTableViewOptions } from \"./DataTableViewOptions\";\nimport { useTableColumn } from \"./hooks/useTableColumn\";\nimport { Table } from \"./table\";\nimport { TableContext } from \"./TableContext\";\nimport { TableDetailContainer } from \"./TableDetailContainer\";\n\ninterface DataTableProps<TData, TValue> {\n columns: ColumnDef<TData, TValue>[];\n data: TData[];\n multiRowSelectionEnabled?: boolean;\n children?: ReactNode;\n}\n\nfunction DataTableRoot<TData, TValue>({\n columns,\n data,\n children,\n}: DataTableProps<TData, TValue>) {\n const convertedChildren = Children.toArray(children) as ReactElement[];\n const header = convertedChildren.find(\n (child) => child.type === DataTableToolbar\n ) || <></>;\n const footer = convertedChildren.find(\n (child) => child.type === DataTableFooter\n ) || <></>;\n const detail = convertedChildren.find(\n (child) => child.type === TableDetailContainer\n ) || <></>;\n\n const [sorting, setSorting] = React.useState<SortingState>([]);\n const [columnFilters, setColumnFilters] = React.useState<ColumnFiltersState>(\n []\n );\n const [columnVisibility, setColumnVisibility] =\n React.useState<VisibilityState>({});\n const [rowSelection, setRowSelection] = React.useState({});\n const [globalFilter, setGlobalFilter] = React.useState(\"\");\n const { filteredColumns, addFilterColumn, removeFilterColumn, resetColumns } =\n useTableColumn();\n\n const table = useReactTable({\n data,\n columns,\n globalFilterFn: \"auto\",\n enableRowSelection: true,\n onGlobalFilterChange: setGlobalFilter,\n onSortingChange: setSorting,\n onColumnFiltersChange: setColumnFilters,\n onColumnVisibilityChange: setColumnVisibility,\n onRowSelectionChange: setRowSelection,\n getCoreRowModel: getCoreRowModel(),\n getFilteredRowModel: getFilteredRowModel(),\n getPaginationRowModel: getPaginationRowModel(),\n getSortedRowModel: getSortedRowModel(),\n getFacetedRowModel: getFacetedRowModel(),\n getFacetedUniqueValues: getFacetedUniqueValues(),\n state: {\n sorting,\n globalFilter,\n columnFilters,\n columnVisibility,\n rowSelection,\n },\n });\n\n return (\n <Flex direction=\"column\" justify=\"between\" className={styles.wrapper}>\n <TableContext.Provider\n value={{\n table,\n globalFilter,\n filteredColumns,\n addFilterColumn,\n removeFilterColumn,\n resetColumns,\n onGlobalFilterChange: setGlobalFilter,\n onChange: () => ({}),\n }}\n >\n <Flex direction=\"column\" className={styles.datatable}>\n {header}\n <Table>\n <Table.Header>\n {table.getHeaderGroups().map((headerGroup) => (\n <Table.Row key={headerGroup.id}>\n {headerGroup.headers.map((header) => {\n return (\n <Table.Head key={header.id}>\n <Text className={styles.head}>\n {header.isPlaceholder\n ? null\n : flexRender(\n header.column.columnDef.header,\n header.getContext()\n )}\n {{\n asc: <ArrowUpIcon />,\n desc: <ArrowDownIcon />,\n }[header.column.getIsSorted() as string] ?? null}\n </Text>\n </Table.Head>\n );\n })}\n </Table.Row>\n ))}\n </Table.Header>\n <Table.Body>\n {table.getRowModel().rows?.length ? (\n table.getRowModel().rows.map((row) => (\n <Table.Row\n key={row.id}\n data-state={row.getIsSelected() && \"selected\"}\n >\n {row.getVisibleCells().map((cell) => (\n <Table.Cell key={cell.id}>\n {flexRender(\n cell.column.columnDef.cell,\n cell.getContext()\n )}\n </Table.Cell>\n ))}\n </Table.Row>\n ))\n ) : (\n <Table.Row>\n <Table.Cell colSpan={columns.length}>No results.</Table.Cell>\n </Table.Row>\n )}\n </Table.Body>\n </Table>\n {detail}\n </Flex>\n {footer}\n </TableContext.Provider>\n </Flex>\n );\n}\n\nexport const DataTable = Object.assign(DataTableRoot, {\n Toolbar: DataTableToolbar,\n GloabalSearch: DataTableGloabalSearch,\n FilterOptions: DataTableFilterOptions,\n ViewOptions: DataTableViewOptions,\n ClearFilter: DataTableClearFilter,\n FilterChips: DataTableFilterChips,\n Footer: DataTableFooter,\n});\n"],"names":["_jsx","React","_jsxs"],"mappings":"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"}
@@ -1,6 +0,0 @@
1
- 'use strict';
2
-
3
- var styles = {"wrapper":"datatable-module_wrapper__Sxg2d","datatable":"datatable-module_datatable__z-Th2","head":"datatable-module_head__zCfCW","toolbar":"datatable-module_toolbar__lO-aI","chipWrapper":"datatable-module_chipWrapper__iz69x","chip":"datatable-module_chip__IiwTD"};
4
-
5
- module.exports = styles;
6
- //# sourceMappingURL=datatable.module.css.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"datatable.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
@@ -1,4 +0,0 @@
1
- var styles = {"wrapper":"datatable-module_wrapper__Sxg2d","datatable":"datatable-module_datatable__z-Th2","head":"datatable-module_head__zCfCW","toolbar":"datatable-module_toolbar__lO-aI","chipWrapper":"datatable-module_chipWrapper__iz69x","chip":"datatable-module_chip__IiwTD"};
2
-
3
- export { styles as default };
4
- //# sourceMappingURL=datatable.module.css.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"datatable.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
@@ -1,17 +0,0 @@
1
- 'use strict';
2
-
3
- var usehooksTs = require('usehooks-ts');
4
-
5
- function useOnClickOutside(ref, handler, mouseEvent = "mousedown") {
6
- usehooksTs.useEventListener(mouseEvent, (event) => {
7
- const el = ref?.current;
8
- // Do nothing if clicking ref's element or descendent elements
9
- if (!el || el.contains(event.target)) {
10
- return;
11
- }
12
- handler(event);
13
- });
14
- }
15
-
16
- module.exports = useOnClickOutside;
17
- //# sourceMappingURL=useOnClickOutside.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useOnClickOutside.cjs","sources":["../../../../table/hooks/useOnClickOutside.ts"],"sourcesContent":["import type { RefObject } from \"react\";\n\nimport { useEventListener } from \"usehooks-ts\";\n\ntype Handler = (event: MouseEvent) => void;\n\nfunction useOnClickOutside<T extends HTMLElement = HTMLElement>(\n ref: RefObject<T>,\n handler: Handler,\n mouseEvent: \"mousedown\" | \"mouseup\" = \"mousedown\"\n): void {\n useEventListener(mouseEvent, (event: MouseEvent) => {\n const el = ref?.current;\n\n // Do nothing if clicking ref's element or descendent elements\n if (!el || el.contains(event.target as Node)) {\n return;\n }\n\n handler(event);\n });\n}\n\nexport default useOnClickOutside;\n"],"names":["useEventListener"],"mappings":";;;;AAMA,SAAS,iBAAiB,CACxB,GAAiB,EACjB,OAAgB,EAChB,aAAsC,WAAW,EAAA;AAEjD,IAAAA,2BAAgB,CAAC,UAAU,EAAE,CAAC,KAAiB,KAAI;AACjD,QAAA,MAAM,EAAE,GAAG,GAAG,EAAE,OAAO,CAAC;;QAGxB,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EAAE;YAC5C,OAAO;AACR,SAAA;QAED,OAAO,CAAC,KAAK,CAAC,CAAC;AACjB,KAAC,CAAC,CAAC;AACL;;;;"}
@@ -1,15 +0,0 @@
1
- import { useEventListener } from 'usehooks-ts';
2
-
3
- function useOnClickOutside(ref, handler, mouseEvent = "mousedown") {
4
- useEventListener(mouseEvent, (event) => {
5
- const el = ref?.current;
6
- // Do nothing if clicking ref's element or descendent elements
7
- if (!el || el.contains(event.target)) {
8
- return;
9
- }
10
- handler(event);
11
- });
12
- }
13
-
14
- export { useOnClickOutside as default };
15
- //# sourceMappingURL=useOnClickOutside.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useOnClickOutside.js","sources":["../../../../table/hooks/useOnClickOutside.ts"],"sourcesContent":["import type { RefObject } from \"react\";\n\nimport { useEventListener } from \"usehooks-ts\";\n\ntype Handler = (event: MouseEvent) => void;\n\nfunction useOnClickOutside<T extends HTMLElement = HTMLElement>(\n ref: RefObject<T>,\n handler: Handler,\n mouseEvent: \"mousedown\" | \"mouseup\" = \"mousedown\"\n): void {\n useEventListener(mouseEvent, (event: MouseEvent) => {\n const el = ref?.current;\n\n // Do nothing if clicking ref's element or descendent elements\n if (!el || el.contains(event.target as Node)) {\n return;\n }\n\n handler(event);\n });\n}\n\nexport default useOnClickOutside;\n"],"names":[],"mappings":";;AAMA,SAAS,iBAAiB,CACxB,GAAiB,EACjB,OAAgB,EAChB,aAAsC,WAAW,EAAA;AAEjD,IAAA,gBAAgB,CAAC,UAAU,EAAE,CAAC,KAAiB,KAAI;AACjD,QAAA,MAAM,EAAE,GAAG,GAAG,EAAE,OAAO,CAAC;;QAGxB,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EAAE;YAC5C,OAAO;AACR,SAAA;QAED,OAAO,CAAC,KAAK,CAAC,CAAC;AACjB,KAAC,CAAC,CAAC;AACL;;;;"}
@@ -1,45 +0,0 @@
1
- 'use strict';
2
-
3
- var tableCore = require('@tanstack/table-core');
4
- var React = require('react');
5
-
6
- const useRowSelection = (table) => {
7
- const [rowSelection, setRowSelection] = React.useState({});
8
- table.setOptions((prev) => ({
9
- ...prev,
10
- onRowSelectionChange: (rowSelectionUpdater) => {
11
- table.setState((old) => {
12
- const selectedRowsIds = tableCore.functionalUpdate(rowSelectionUpdater, old["rowSelection"]);
13
- setRowSelection((current) => {
14
- const currentRowsById = table.getRowModel().rowsById;
15
- return Object.keys(selectedRowsIds).reduce((memo, rowId) => {
16
- if (current[rowId]) {
17
- memo[rowId] = current[rowId];
18
- }
19
- else {
20
- memo[rowId] = currentRowsById[rowId].original;
21
- }
22
- return memo;
23
- }, {});
24
- });
25
- return {
26
- ...old,
27
- rowSelection: selectedRowsIds,
28
- };
29
- });
30
- },
31
- }));
32
- const clearSelection = () => {
33
- table.resetRowSelection(true);
34
- };
35
- const getSelectedRows = () => Object.values(rowSelection);
36
- const getSelectedRow = () => getSelectedRows()[0] ?? null;
37
- return {
38
- clearSelection,
39
- getSelectedRow,
40
- getSelectedRows,
41
- };
42
- };
43
-
44
- exports.useRowSelection = useRowSelection;
45
- //# sourceMappingURL=useRowSelection.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useRowSelection.cjs","sources":["../../../../table/hooks/useRowSelection.ts"],"sourcesContent":["import type { Table } from \"@tanstack/table-core\";\nimport { functionalUpdate } from \"@tanstack/table-core\";\nimport { useState } from \"react\";\n\nexport const useRowSelection = <T>(table: Table<T>) => {\n const [rowSelection, setRowSelection] = useState<Record<string, T>>({});\n\n table.setOptions((prev) => ({\n ...prev,\n onRowSelectionChange: (rowSelectionUpdater) => {\n table.setState((old) => {\n const selectedRowsIds = functionalUpdate(\n rowSelectionUpdater,\n old[\"rowSelection\"]\n );\n setRowSelection((current) => {\n const currentRowsById = table.getRowModel().rowsById;\n return Object.keys(selectedRowsIds).reduce((memo, rowId) => {\n if (current[rowId]) {\n memo[rowId] = current[rowId];\n } else {\n memo[rowId] = currentRowsById[rowId].original;\n }\n return memo;\n }, {} as Record<string, T>);\n });\n\n return {\n ...old,\n rowSelection: selectedRowsIds,\n };\n });\n },\n }));\n\n const clearSelection = () => {\n table.resetRowSelection(true);\n };\n\n const getSelectedRows = () => Object.values(rowSelection);\n\n const getSelectedRow = () => getSelectedRows()[0] ?? null;\n\n return {\n clearSelection,\n getSelectedRow,\n getSelectedRows,\n };\n};\n"],"names":["useState","functionalUpdate"],"mappings":";;;;;AAIa,MAAA,eAAe,GAAG,CAAI,KAAe,KAAI;IACpD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAGA,cAAQ,CAAoB,EAAE,CAAC,CAAC;IAExE,KAAK,CAAC,UAAU,CAAC,CAAC,IAAI,MAAM;AAC1B,QAAA,GAAG,IAAI;AACP,QAAA,oBAAoB,EAAE,CAAC,mBAAmB,KAAI;AAC5C,YAAA,KAAK,CAAC,QAAQ,CAAC,CAAC,GAAG,KAAI;gBACrB,MAAM,eAAe,GAAGC,0BAAgB,CACtC,mBAAmB,EACnB,GAAG,CAAC,cAAc,CAAC,CACpB,CAAC;AACF,gBAAA,eAAe,CAAC,CAAC,OAAO,KAAI;oBAC1B,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC;AACrD,oBAAA,OAAO,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,KAAK,KAAI;AACzD,wBAAA,IAAI,OAAO,CAAC,KAAK,CAAC,EAAE;4BAClB,IAAI,CAAC,KAAK,CAAC,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;AAC9B,yBAAA;AAAM,6BAAA;4BACL,IAAI,CAAC,KAAK,CAAC,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC;AAC/C,yBAAA;AACD,wBAAA,OAAO,IAAI,CAAC;qBACb,EAAE,EAAuB,CAAC,CAAC;AAC9B,iBAAC,CAAC,CAAC;gBAEH,OAAO;AACL,oBAAA,GAAG,GAAG;AACN,oBAAA,YAAY,EAAE,eAAe;iBAC9B,CAAC;AACJ,aAAC,CAAC,CAAC;SACJ;AACF,KAAA,CAAC,CAAC,CAAC;IAEJ,MAAM,cAAc,GAAG,MAAK;AAC1B,QAAA,KAAK,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC;AAChC,KAAC,CAAC;IAEF,MAAM,eAAe,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;AAE1D,IAAA,MAAM,cAAc,GAAG,MAAM,eAAe,EAAE,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC;IAE1D,OAAO;QACL,cAAc;QACd,cAAc;QACd,eAAe;KAChB,CAAC;AACJ;;;;"}
@@ -1,43 +0,0 @@
1
- import { functionalUpdate } from '@tanstack/table-core';
2
- import { useState } from 'react';
3
-
4
- const useRowSelection = (table) => {
5
- const [rowSelection, setRowSelection] = useState({});
6
- table.setOptions((prev) => ({
7
- ...prev,
8
- onRowSelectionChange: (rowSelectionUpdater) => {
9
- table.setState((old) => {
10
- const selectedRowsIds = functionalUpdate(rowSelectionUpdater, old["rowSelection"]);
11
- setRowSelection((current) => {
12
- const currentRowsById = table.getRowModel().rowsById;
13
- return Object.keys(selectedRowsIds).reduce((memo, rowId) => {
14
- if (current[rowId]) {
15
- memo[rowId] = current[rowId];
16
- }
17
- else {
18
- memo[rowId] = currentRowsById[rowId].original;
19
- }
20
- return memo;
21
- }, {});
22
- });
23
- return {
24
- ...old,
25
- rowSelection: selectedRowsIds,
26
- };
27
- });
28
- },
29
- }));
30
- const clearSelection = () => {
31
- table.resetRowSelection(true);
32
- };
33
- const getSelectedRows = () => Object.values(rowSelection);
34
- const getSelectedRow = () => getSelectedRows()[0] ?? null;
35
- return {
36
- clearSelection,
37
- getSelectedRow,
38
- getSelectedRows,
39
- };
40
- };
41
-
42
- export { useRowSelection };
43
- //# sourceMappingURL=useRowSelection.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useRowSelection.js","sources":["../../../../table/hooks/useRowSelection.ts"],"sourcesContent":["import type { Table } from \"@tanstack/table-core\";\nimport { functionalUpdate } from \"@tanstack/table-core\";\nimport { useState } from \"react\";\n\nexport const useRowSelection = <T>(table: Table<T>) => {\n const [rowSelection, setRowSelection] = useState<Record<string, T>>({});\n\n table.setOptions((prev) => ({\n ...prev,\n onRowSelectionChange: (rowSelectionUpdater) => {\n table.setState((old) => {\n const selectedRowsIds = functionalUpdate(\n rowSelectionUpdater,\n old[\"rowSelection\"]\n );\n setRowSelection((current) => {\n const currentRowsById = table.getRowModel().rowsById;\n return Object.keys(selectedRowsIds).reduce((memo, rowId) => {\n if (current[rowId]) {\n memo[rowId] = current[rowId];\n } else {\n memo[rowId] = currentRowsById[rowId].original;\n }\n return memo;\n }, {} as Record<string, T>);\n });\n\n return {\n ...old,\n rowSelection: selectedRowsIds,\n };\n });\n },\n }));\n\n const clearSelection = () => {\n table.resetRowSelection(true);\n };\n\n const getSelectedRows = () => Object.values(rowSelection);\n\n const getSelectedRow = () => getSelectedRows()[0] ?? null;\n\n return {\n clearSelection,\n getSelectedRow,\n getSelectedRows,\n };\n};\n"],"names":[],"mappings":";;;AAIa,MAAA,eAAe,GAAG,CAAI,KAAe,KAAI;IACpD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAoB,EAAE,CAAC,CAAC;IAExE,KAAK,CAAC,UAAU,CAAC,CAAC,IAAI,MAAM;AAC1B,QAAA,GAAG,IAAI;AACP,QAAA,oBAAoB,EAAE,CAAC,mBAAmB,KAAI;AAC5C,YAAA,KAAK,CAAC,QAAQ,CAAC,CAAC,GAAG,KAAI;gBACrB,MAAM,eAAe,GAAG,gBAAgB,CACtC,mBAAmB,EACnB,GAAG,CAAC,cAAc,CAAC,CACpB,CAAC;AACF,gBAAA,eAAe,CAAC,CAAC,OAAO,KAAI;oBAC1B,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC;AACrD,oBAAA,OAAO,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,KAAK,KAAI;AACzD,wBAAA,IAAI,OAAO,CAAC,KAAK,CAAC,EAAE;4BAClB,IAAI,CAAC,KAAK,CAAC,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;AAC9B,yBAAA;AAAM,6BAAA;4BACL,IAAI,CAAC,KAAK,CAAC,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC;AAC/C,yBAAA;AACD,wBAAA,OAAO,IAAI,CAAC;qBACb,EAAE,EAAuB,CAAC,CAAC;AAC9B,iBAAC,CAAC,CAAC;gBAEH,OAAO;AACL,oBAAA,GAAG,GAAG;AACN,oBAAA,YAAY,EAAE,eAAe;iBAC9B,CAAC;AACJ,aAAC,CAAC,CAAC;SACJ;AACF,KAAA,CAAC,CAAC,CAAC;IAEJ,MAAM,cAAc,GAAG,MAAK;AAC1B,QAAA,KAAK,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC;AAChC,KAAC,CAAC;IAEF,MAAM,eAAe,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;AAE1D,IAAA,MAAM,cAAc,GAAG,MAAM,eAAe,EAAE,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC;IAE1D,OAAO;QACL,cAAc;QACd,cAAc;QACd,eAAe;KAChB,CAAC;AACJ;;;;"}
@@ -1,15 +0,0 @@
1
- 'use strict';
2
-
3
- var React = require('react');
4
- var TableContext = require('../TableContext.cjs');
5
-
6
- const useTable = () => {
7
- const ctx = React.useContext(TableContext.TableContext);
8
- if (ctx === null) {
9
- throw new Error("useTable must be used inside of a TableContext.Provider");
10
- }
11
- return ctx;
12
- };
13
-
14
- exports.useTable = useTable;
15
- //# sourceMappingURL=useTable.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useTable.cjs","sources":["../../../../table/hooks/useTable.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { TableContext } from \"../TableContext\";\n\nexport const useTable = () => {\n const ctx = useContext(TableContext);\n if (ctx === null) {\n throw new Error(\"useTable must be used inside of a TableContext.Provider\");\n }\n\n return ctx;\n};\n"],"names":["useContext","TableContext"],"mappings":";;;;;AAGO,MAAM,QAAQ,GAAG,MAAK;AAC3B,IAAA,MAAM,GAAG,GAAGA,gBAAU,CAACC,yBAAY,CAAC,CAAC;IACrC,IAAI,GAAG,KAAK,IAAI,EAAE;AAChB,QAAA,MAAM,IAAI,KAAK,CAAC,yDAAyD,CAAC,CAAC;AAC5E,KAAA;AAED,IAAA,OAAO,GAAG,CAAC;AACb;;;;"}
@@ -1,13 +0,0 @@
1
- import { useContext } from 'react';
2
- import { TableContext } from '../TableContext.js';
3
-
4
- const useTable = () => {
5
- const ctx = useContext(TableContext);
6
- if (ctx === null) {
7
- throw new Error("useTable must be used inside of a TableContext.Provider");
8
- }
9
- return ctx;
10
- };
11
-
12
- export { useTable };
13
- //# sourceMappingURL=useTable.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useTable.js","sources":["../../../../table/hooks/useTable.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { TableContext } from \"../TableContext\";\n\nexport const useTable = () => {\n const ctx = useContext(TableContext);\n if (ctx === null) {\n throw new Error(\"useTable must be used inside of a TableContext.Provider\");\n }\n\n return ctx;\n};\n"],"names":[],"mappings":";;;AAGO,MAAM,QAAQ,GAAG,MAAK;AAC3B,IAAA,MAAM,GAAG,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IACrC,IAAI,GAAG,KAAK,IAAI,EAAE;AAChB,QAAA,MAAM,IAAI,KAAK,CAAC,yDAAyD,CAAC,CAAC;AAC5E,KAAA;AAED,IAAA,OAAO,GAAG,CAAC;AACb;;;;"}
@@ -1,29 +0,0 @@
1
- 'use strict';
2
-
3
- var React = require('react');
4
-
5
- const useTableColumn = () => {
6
- const [columns, setColumns] = React.useState([]);
7
- const addFilterColumn = React.useCallback((column) => {
8
- const uniqeColumns = new Set([...columns, column]);
9
- setColumns(Array.from(uniqeColumns));
10
- }, [columns]);
11
- const removeFilterColumn = React.useCallback((column) => {
12
- const data = [...columns];
13
- const index = data.indexOf(column);
14
- if (index > -1) {
15
- data.splice(index, 1);
16
- }
17
- setColumns(data);
18
- }, [columns]);
19
- const resetColumns = React.useCallback(() => setColumns([]), []);
20
- return {
21
- filteredColumns: columns,
22
- addFilterColumn,
23
- removeFilterColumn,
24
- resetColumns,
25
- };
26
- };
27
-
28
- exports.useTableColumn = useTableColumn;
29
- //# sourceMappingURL=useTableColumn.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useTableColumn.cjs","sources":["../../../../table/hooks/useTableColumn.ts"],"sourcesContent":["import { useCallback, useState } from \"react\";\n\nexport const INITIAL_QUERY = { key: \"\", operator: \"\", value: \"\" };\n\nexport const useTableColumn = () => {\n const [columns, setColumns] = useState<string[]>([]);\n\n const addFilterColumn = useCallback(\n (column: string) => {\n const uniqeColumns = new Set([...columns, column]);\n setColumns(Array.from(uniqeColumns));\n },\n [columns]\n );\n const removeFilterColumn = useCallback(\n (column: string) => {\n const data = [...columns];\n const index = data.indexOf(column);\n if (index > -1) {\n data.splice(index, 1);\n }\n setColumns(data);\n },\n [columns]\n );\n\n const resetColumns = useCallback(() => setColumns([]), []);\n return {\n filteredColumns: columns,\n addFilterColumn,\n removeFilterColumn,\n resetColumns,\n };\n};\n"],"names":["useState","useCallback"],"mappings":";;;;AAIO,MAAM,cAAc,GAAG,MAAK;IACjC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAGA,cAAQ,CAAW,EAAE,CAAC,CAAC;AAErD,IAAA,MAAM,eAAe,GAAGC,iBAAW,CACjC,CAAC,MAAc,KAAI;AACjB,QAAA,MAAM,YAAY,GAAG,IAAI,GAAG,CAAC,CAAC,GAAG,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC;QACnD,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;AACvC,KAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAC;AACF,IAAA,MAAM,kBAAkB,GAAGA,iBAAW,CACpC,CAAC,MAAc,KAAI;AACjB,QAAA,MAAM,IAAI,GAAG,CAAC,GAAG,OAAO,CAAC,CAAC;QAC1B,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;AACnC,QAAA,IAAI,KAAK,GAAG,CAAC,CAAC,EAAE;AACd,YAAA,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;AACvB,SAAA;QACD,UAAU,CAAC,IAAI,CAAC,CAAC;AACnB,KAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAC;AAEF,IAAA,MAAM,YAAY,GAAGA,iBAAW,CAAC,MAAM,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IAC3D,OAAO;AACL,QAAA,eAAe,EAAE,OAAO;QACxB,eAAe;QACf,kBAAkB;QAClB,YAAY;KACb,CAAC;AACJ;;;;"}
@@ -1,27 +0,0 @@
1
- import { useState, useCallback } from 'react';
2
-
3
- const useTableColumn = () => {
4
- const [columns, setColumns] = useState([]);
5
- const addFilterColumn = useCallback((column) => {
6
- const uniqeColumns = new Set([...columns, column]);
7
- setColumns(Array.from(uniqeColumns));
8
- }, [columns]);
9
- const removeFilterColumn = useCallback((column) => {
10
- const data = [...columns];
11
- const index = data.indexOf(column);
12
- if (index > -1) {
13
- data.splice(index, 1);
14
- }
15
- setColumns(data);
16
- }, [columns]);
17
- const resetColumns = useCallback(() => setColumns([]), []);
18
- return {
19
- filteredColumns: columns,
20
- addFilterColumn,
21
- removeFilterColumn,
22
- resetColumns,
23
- };
24
- };
25
-
26
- export { useTableColumn };
27
- //# sourceMappingURL=useTableColumn.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useTableColumn.js","sources":["../../../../table/hooks/useTableColumn.ts"],"sourcesContent":["import { useCallback, useState } from \"react\";\n\nexport const INITIAL_QUERY = { key: \"\", operator: \"\", value: \"\" };\n\nexport const useTableColumn = () => {\n const [columns, setColumns] = useState<string[]>([]);\n\n const addFilterColumn = useCallback(\n (column: string) => {\n const uniqeColumns = new Set([...columns, column]);\n setColumns(Array.from(uniqeColumns));\n },\n [columns]\n );\n const removeFilterColumn = useCallback(\n (column: string) => {\n const data = [...columns];\n const index = data.indexOf(column);\n if (index > -1) {\n data.splice(index, 1);\n }\n setColumns(data);\n },\n [columns]\n );\n\n const resetColumns = useCallback(() => setColumns([]), []);\n return {\n filteredColumns: columns,\n addFilterColumn,\n removeFilterColumn,\n resetColumns,\n };\n};\n"],"names":[],"mappings":";;AAIO,MAAM,cAAc,GAAG,MAAK;IACjC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAW,EAAE,CAAC,CAAC;AAErD,IAAA,MAAM,eAAe,GAAG,WAAW,CACjC,CAAC,MAAc,KAAI;AACjB,QAAA,MAAM,YAAY,GAAG,IAAI,GAAG,CAAC,CAAC,GAAG,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC;QACnD,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;AACvC,KAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAC;AACF,IAAA,MAAM,kBAAkB,GAAG,WAAW,CACpC,CAAC,MAAc,KAAI;AACjB,QAAA,MAAM,IAAI,GAAG,CAAC,GAAG,OAAO,CAAC,CAAC;QAC1B,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;AACnC,QAAA,IAAI,KAAK,GAAG,CAAC,CAAC,EAAE;AACd,YAAA,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;AACvB,SAAA;QACD,UAAU,CAAC,IAAI,CAAC,CAAC;AACnB,KAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAC;AAEF,IAAA,MAAM,YAAY,GAAG,WAAW,CAAC,MAAM,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IAC3D,OAAO;AACL,QAAA,eAAe,EAAE,OAAO;QACxB,eAAe;QACf,kBAAkB;QAClB,YAAY;KACb,CAAC;AACJ;;;;"}
@@ -1,11 +0,0 @@
1
- export declare const INITIAL_QUERY: {
2
- key: string;
3
- operator: string;
4
- value: string;
5
- };
6
- export declare const useTableFilter: () => {
7
- columns: string[];
8
- updateColumns: (column: string) => void;
9
- resetColumns: () => void;
10
- };
11
- //# sourceMappingURL=useTableFilter.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useTableFilter.d.ts","sourceRoot":"","sources":["../../../table/hooks/useTableFilter.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa;;;;CAAuC,CAAC;AAElE,eAAO,MAAM,cAAc;;4BAId,MAAM;;CAalB,CAAC"}