@elliemae/ds-data-table 2.2.0-next.4 → 2.3.0-alpha.2

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 (559) hide show
  1. package/cjs/DataTable.js +63 -57
  2. package/cjs/DataTable.js.map +7 -0
  3. package/cjs/DataTableContext.js +52 -26
  4. package/cjs/DataTableContext.js.map +7 -0
  5. package/cjs/DataTableSchema.js +150 -112
  6. package/cjs/DataTableSchema.js.map +7 -0
  7. package/cjs/addons/Columns/ColumnAction/ColumnAction.js +40 -14
  8. package/cjs/addons/Columns/ColumnAction/ColumnAction.js.map +7 -0
  9. package/cjs/addons/Columns/ColumnDragHandle/ColumnDragHandle.js +52 -52
  10. package/cjs/addons/Columns/ColumnDragHandle/ColumnDragHandle.js.map +7 -0
  11. package/cjs/addons/Columns/ColumnExpand/ColumnExpand.js +124 -154
  12. package/cjs/addons/Columns/ColumnExpand/ColumnExpand.js.map +7 -0
  13. package/cjs/addons/Columns/ColumnSelectMultiple/ColumnSelectMultiple.js +63 -105
  14. package/cjs/addons/Columns/ColumnSelectMultiple/ColumnSelectMultiple.js.map +7 -0
  15. package/cjs/addons/Columns/ColumnSelectSingle/ColumnSelectSingle.js +62 -81
  16. package/cjs/addons/Columns/ColumnSelectSingle/ColumnSelectSingle.js.map +7 -0
  17. package/cjs/addons/Columns/index.js +51 -18
  18. package/cjs/addons/Columns/index.js.map +7 -0
  19. package/cjs/addons/Editables/ComboboxEditableCell/ComboboxEditableCell.js +57 -85
  20. package/cjs/addons/Editables/ComboboxEditableCell/ComboboxEditableCell.js.map +7 -0
  21. package/cjs/addons/Editables/DateEditableCell/DateEditableCell.js +51 -73
  22. package/cjs/addons/Editables/DateEditableCell/DateEditableCell.js.map +7 -0
  23. package/cjs/addons/Editables/TextEditableCell/TextEditableCell.js +67 -88
  24. package/cjs/addons/Editables/TextEditableCell/TextEditableCell.js.map +7 -0
  25. package/cjs/addons/Editables/index.js +39 -14
  26. package/cjs/addons/Editables/index.js.map +7 -0
  27. package/cjs/addons/Filters/Components/CurrencyRangeFilter/index.js +87 -137
  28. package/cjs/addons/Filters/Components/CurrencyRangeFilter/index.js.map +7 -0
  29. package/cjs/addons/Filters/Components/DateRangeFilter/index.js +64 -88
  30. package/cjs/addons/Filters/Components/DateRangeFilter/index.js.map +7 -0
  31. package/cjs/addons/Filters/Components/DateSwitcherFilter/index.js +72 -97
  32. package/cjs/addons/Filters/Components/DateSwitcherFilter/index.js.map +7 -0
  33. package/cjs/addons/Filters/Components/NumberRangeFilter/index.js +89 -141
  34. package/cjs/addons/Filters/Components/NumberRangeFilter/index.js.map +7 -0
  35. package/cjs/addons/Filters/Components/SelectFilter/BaseSelectFilter.js +68 -117
  36. package/cjs/addons/Filters/Components/SelectFilter/BaseSelectFilter.js.map +7 -0
  37. package/cjs/addons/Filters/Components/SelectFilter/MultiSelectFilter.js +59 -75
  38. package/cjs/addons/Filters/Components/SelectFilter/MultiSelectFilter.js.map +7 -0
  39. package/cjs/addons/Filters/Components/SelectFilter/SingleSelectFilter.js +59 -75
  40. package/cjs/addons/Filters/Components/SelectFilter/SingleSelectFilter.js.map +7 -0
  41. package/cjs/addons/Filters/Components/SelectFilter/components.js +86 -36
  42. package/cjs/addons/Filters/Components/SelectFilter/components.js.map +7 -0
  43. package/cjs/addons/Filters/Components/SelectFilter/useSelectFilterHandlers.js +67 -57
  44. package/cjs/addons/Filters/Components/SelectFilter/useSelectFilterHandlers.js.map +7 -0
  45. package/cjs/addons/Filters/Components/SelectFilter/utils.js +40 -46
  46. package/cjs/addons/Filters/Components/SelectFilter/utils.js.map +7 -0
  47. package/cjs/addons/Filters/Components/SingleDateFilter/index.js +64 -80
  48. package/cjs/addons/Filters/Components/SingleDateFilter/index.js.map +7 -0
  49. package/cjs/addons/Filters/Components/index.js +34 -21
  50. package/cjs/addons/Filters/Components/index.js.map +7 -0
  51. package/cjs/addons/Filters/index.js +28 -21
  52. package/cjs/addons/Filters/index.js.map +7 -0
  53. package/cjs/addons/Pagination/Pagination.js +45 -37
  54. package/cjs/addons/Pagination/Pagination.js.map +7 -0
  55. package/cjs/addons/Pagination/index.js +35 -9
  56. package/cjs/addons/Pagination/index.js.map +7 -0
  57. package/cjs/configs/constants.js +74 -47
  58. package/cjs/configs/constants.js.map +7 -0
  59. package/cjs/configs/fixedSizes.js +34 -6
  60. package/cjs/configs/fixedSizes.js.map +7 -0
  61. package/cjs/configs/index.js +32 -22
  62. package/cjs/configs/index.js.map +7 -0
  63. package/cjs/configs/useDatatableConfig.js +72 -59
  64. package/cjs/configs/useDatatableConfig.js.map +7 -0
  65. package/cjs/configs/usePaginationConfig.js +61 -23
  66. package/cjs/configs/usePaginationConfig.js.map +7 -0
  67. package/cjs/configs/useRowFlattenization.js +48 -40
  68. package/cjs/configs/useRowFlattenization.js.map +7 -0
  69. package/cjs/configs/useTableColsWithAddons.js +75 -62
  70. package/cjs/configs/useTableColsWithAddons.js.map +7 -0
  71. package/cjs/configs/zIndexInternalConfig.js +34 -6
  72. package/cjs/configs/zIndexInternalConfig.js.map +7 -0
  73. package/cjs/exported-related/EditableCell.js +64 -54
  74. package/cjs/exported-related/EditableCell.js.map +7 -0
  75. package/cjs/exported-related/FilterPopover.js +103 -137
  76. package/cjs/exported-related/FilterPopover.js.map +7 -0
  77. package/cjs/exported-related/FilterTypes.js +42 -14
  78. package/cjs/exported-related/FilterTypes.js.map +7 -0
  79. package/cjs/exported-related/Filters/applyOutOfTheBoxFilters.js +50 -27
  80. package/cjs/exported-related/Filters/applyOutOfTheBoxFilters.js.map +7 -0
  81. package/cjs/exported-related/Filters/currencyRangeFilterFn.js +44 -19
  82. package/cjs/exported-related/Filters/currencyRangeFilterFn.js.map +7 -0
  83. package/cjs/exported-related/Filters/dateRangeFilterFn.js +37 -45
  84. package/cjs/exported-related/Filters/dateRangeFilterFn.js.map +7 -0
  85. package/cjs/exported-related/Filters/dateSwitcherFilterFn.js +37 -12
  86. package/cjs/exported-related/Filters/dateSwitcherFilterFn.js.map +7 -0
  87. package/cjs/exported-related/Filters/index.js +34 -21
  88. package/cjs/exported-related/Filters/index.js.map +7 -0
  89. package/cjs/exported-related/Filters/multiSelectFilterFn.js +35 -14
  90. package/cjs/exported-related/Filters/multiSelectFilterFn.js.map +7 -0
  91. package/cjs/exported-related/Filters/numberRangeFilterFn.js +36 -13
  92. package/cjs/exported-related/Filters/numberRangeFilterFn.js.map +7 -0
  93. package/cjs/exported-related/Filters/singleDateFilterFn.js +37 -45
  94. package/cjs/exported-related/Filters/singleDateFilterFn.js.map +7 -0
  95. package/cjs/exported-related/Filters/singleSelectFilterFn.js +35 -12
  96. package/cjs/exported-related/Filters/singleSelectFilterFn.js.map +7 -0
  97. package/cjs/exported-related/Filters/types.js +27 -2
  98. package/cjs/exported-related/Filters/types.js.map +7 -0
  99. package/cjs/exported-related/RowRenderer/DefaultRowContentRenderer.js +107 -109
  100. package/cjs/exported-related/RowRenderer/DefaultRowContentRenderer.js.map +7 -0
  101. package/cjs/exported-related/RowRenderer/index.js +77 -95
  102. package/cjs/exported-related/RowRenderer/index.js.map +7 -0
  103. package/cjs/exported-related/RowRenderer/useRowRendererHandlers.js +71 -100
  104. package/cjs/exported-related/RowRenderer/useRowRendererHandlers.js.map +7 -0
  105. package/cjs/exported-related/RowRenderer/useRowRendererProperties.js +51 -42
  106. package/cjs/exported-related/RowRenderer/useRowRendererProperties.js.map +7 -0
  107. package/cjs/exported-related/RowRenderer/useRowStyle.js +47 -35
  108. package/cjs/exported-related/RowRenderer/useRowStyle.js.map +7 -0
  109. package/cjs/exported-related/RowVariants.js +43 -15
  110. package/cjs/exported-related/RowVariants.js.map +7 -0
  111. package/cjs/exported-related/Toolbar/Toolbar.js +103 -80
  112. package/cjs/exported-related/Toolbar/Toolbar.js.map +7 -0
  113. package/cjs/exported-related/Toolbar/index.js +35 -9
  114. package/cjs/exported-related/Toolbar/index.js.map +7 -0
  115. package/cjs/exported-related/groupBy.js +43 -25
  116. package/cjs/exported-related/groupBy.js.map +7 -0
  117. package/cjs/exported-related/index.js +44 -35
  118. package/cjs/exported-related/index.js.map +7 -0
  119. package/cjs/helpers/addCellData.js +43 -32
  120. package/cjs/helpers/addCellData.js.map +7 -0
  121. package/cjs/helpers/cellPadding.js +44 -27
  122. package/cjs/helpers/cellPadding.js.map +7 -0
  123. package/cjs/helpers/columnsToGrid.js +41 -17
  124. package/cjs/helpers/columnsToGrid.js.map +7 -0
  125. package/cjs/helpers/getIdFromUniqueRowAccessor.js +38 -20
  126. package/cjs/helpers/getIdFromUniqueRowAccessor.js.map +7 -0
  127. package/cjs/helpers/index.js +33 -20
  128. package/cjs/helpers/index.js.map +7 -0
  129. package/cjs/helpers/refs-helpers.js +41 -22
  130. package/cjs/helpers/refs-helpers.js.map +7 -0
  131. package/cjs/helpers/sizeToCss.js +35 -7
  132. package/cjs/helpers/sizeToCss.js.map +7 -0
  133. package/cjs/hooks/useRecoverFocusCol.js +41 -21
  134. package/cjs/hooks/useRecoverFocusCol.js.map +7 -0
  135. package/cjs/hooks/useRecoverFocusRow.js +37 -14
  136. package/cjs/hooks/useRecoverFocusRow.js.map +7 -0
  137. package/cjs/index.js +29 -38
  138. package/cjs/index.js.map +7 -0
  139. package/cjs/parts/Cells/Cell.js +95 -105
  140. package/cjs/parts/Cells/Cell.js.map +7 -0
  141. package/cjs/parts/Cells/index.js +83 -76
  142. package/cjs/parts/Cells/index.js.map +7 -0
  143. package/cjs/parts/Cells/useCellStyle.js +47 -27
  144. package/cjs/parts/Cells/useCellStyle.js.map +7 -0
  145. package/cjs/parts/DnDHandle.js +61 -73
  146. package/cjs/parts/DnDHandle.js.map +7 -0
  147. package/cjs/parts/DropIndicator.js +77 -68
  148. package/cjs/parts/DropIndicator.js.map +7 -0
  149. package/cjs/parts/EmptyContent.js +93 -58
  150. package/cjs/parts/EmptyContent.js.map +7 -0
  151. package/cjs/parts/FilterBar/FiltersBar.js +82 -115
  152. package/cjs/parts/FilterBar/FiltersBar.js.map +7 -0
  153. package/cjs/parts/FilterBar/components/DateRangePill.js +57 -40
  154. package/cjs/parts/FilterBar/components/DateRangePill.js.map +7 -0
  155. package/cjs/parts/FilterBar/components/DateSwitcherPill.js +57 -40
  156. package/cjs/parts/FilterBar/components/DateSwitcherPill.js.map +7 -0
  157. package/cjs/parts/FilterBar/components/MultiSelectPill.js +57 -42
  158. package/cjs/parts/FilterBar/components/MultiSelectPill.js.map +7 -0
  159. package/cjs/parts/FilterBar/components/NumberRangePill.js +56 -39
  160. package/cjs/parts/FilterBar/components/NumberRangePill.js.map +7 -0
  161. package/cjs/parts/FilterBar/components/SelectPill.js +55 -36
  162. package/cjs/parts/FilterBar/components/SelectPill.js.map +7 -0
  163. package/cjs/parts/FilterBar/components/SingleDatePill.js +56 -38
  164. package/cjs/parts/FilterBar/components/SingleDatePill.js.map +7 -0
  165. package/cjs/parts/FilterBar/components/index.js +33 -19
  166. package/cjs/parts/FilterBar/components/index.js.map +7 -0
  167. package/cjs/parts/FilterBar/index.js +35 -9
  168. package/cjs/parts/FilterBar/index.js.map +7 -0
  169. package/cjs/parts/FilterBar/styled.js +49 -23
  170. package/cjs/parts/FilterBar/styled.js.map +7 -0
  171. package/cjs/parts/FilterBar/types.js +27 -2
  172. package/cjs/parts/FilterBar/types.js.map +7 -0
  173. package/cjs/parts/Filters/index.js +69 -108
  174. package/cjs/parts/Filters/index.js.map +7 -0
  175. package/cjs/parts/Footer.js +39 -21
  176. package/cjs/parts/Footer.js.map +7 -0
  177. package/cjs/parts/Headers/EmptyChildrenGroup.js +42 -20
  178. package/cjs/parts/Headers/EmptyChildrenGroup.js.map +7 -0
  179. package/cjs/parts/Headers/HeaderCell.js +114 -159
  180. package/cjs/parts/Headers/HeaderCell.js.map +7 -0
  181. package/cjs/parts/Headers/HeaderCellGroup.js +94 -93
  182. package/cjs/parts/Headers/HeaderCellGroup.js.map +7 -0
  183. package/cjs/parts/Headers/HeaderCellTitle.js +50 -77
  184. package/cjs/parts/Headers/HeaderCellTitle.js.map +7 -0
  185. package/cjs/parts/Headers/HeaderResizer.js +74 -94
  186. package/cjs/parts/Headers/HeaderResizer.js.map +7 -0
  187. package/cjs/parts/Headers/RequiredDot.js +39 -21
  188. package/cjs/parts/Headers/RequiredDot.js.map +7 -0
  189. package/cjs/parts/Headers/index.js +58 -42
  190. package/cjs/parts/Headers/index.js.map +7 -0
  191. package/cjs/parts/Headers/useHeaderCellConfig.js +48 -25
  192. package/cjs/parts/Headers/useHeaderCellConfig.js.map +7 -0
  193. package/cjs/parts/Headers/useHeaderCellHandlers.js +87 -76
  194. package/cjs/parts/Headers/useHeaderCellHandlers.js.map +7 -0
  195. package/cjs/parts/HoC/SortableItemContext.js +44 -19
  196. package/cjs/parts/HoC/SortableItemContext.js.map +7 -0
  197. package/cjs/parts/HoC/withConditionalDnDColumnContext.js +86 -101
  198. package/cjs/parts/HoC/withConditionalDnDColumnContext.js.map +7 -0
  199. package/cjs/parts/HoC/withConditionalDnDRowContext.js +90 -93
  200. package/cjs/parts/HoC/withConditionalDnDRowContext.js.map +7 -0
  201. package/cjs/parts/HoC/withConditionalDnDSortableContext.js +50 -43
  202. package/cjs/parts/HoC/withConditionalDnDSortableContext.js.map +7 -0
  203. package/cjs/parts/HoC/withDnDSortableColumnContext.js +60 -58
  204. package/cjs/parts/HoC/withDnDSortableColumnContext.js.map +7 -0
  205. package/cjs/parts/HoC/withDnDSortableRowContext.js +59 -59
  206. package/cjs/parts/HoC/withDnDSortableRowContext.js.map +7 -0
  207. package/cjs/parts/Loader.js +50 -30
  208. package/cjs/parts/Loader.js.map +7 -0
  209. package/cjs/parts/Row.js +64 -59
  210. package/cjs/parts/Row.js.map +7 -0
  211. package/cjs/parts/RowLoading.js +53 -52
  212. package/cjs/parts/RowLoading.js.map +7 -0
  213. package/cjs/parts/RowVariants/RowVariantHeader.js +79 -95
  214. package/cjs/parts/RowVariants/RowVariantHeader.js.map +7 -0
  215. package/cjs/parts/RowVariants/RowVariantPrimary.js +55 -36
  216. package/cjs/parts/RowVariants/RowVariantPrimary.js.map +7 -0
  217. package/cjs/parts/RowVariants/RowVariantSecondary.js +56 -37
  218. package/cjs/parts/RowVariants/RowVariantSecondary.js.map +7 -0
  219. package/cjs/parts/RowVariants/index.js +59 -77
  220. package/cjs/parts/RowVariants/index.js.map +7 -0
  221. package/cjs/parts/RowVariants/types.js +27 -2
  222. package/cjs/parts/RowVariants/types.js.map +7 -0
  223. package/cjs/parts/Rows.js +71 -68
  224. package/cjs/parts/Rows.js.map +7 -0
  225. package/cjs/parts/SortByCaret.js +44 -30
  226. package/cjs/parts/SortByCaret.js.map +7 -0
  227. package/cjs/parts/SortableHeaderCell.js +43 -38
  228. package/cjs/parts/SortableHeaderCell.js.map +7 -0
  229. package/cjs/parts/TableContent.js +68 -84
  230. package/cjs/parts/TableContent.js.map +7 -0
  231. package/cjs/parts/VirtualRowsList.js +74 -89
  232. package/cjs/parts/VirtualRowsList.js.map +7 -0
  233. package/cjs/parts/index.js +45 -19
  234. package/cjs/parts/index.js.map +7 -0
  235. package/cjs/prop-types.js +76 -56
  236. package/cjs/prop-types.js.map +7 -0
  237. package/cjs/redux/reducers/headersReducers/defaults.js +34 -6
  238. package/cjs/redux/reducers/headersReducers/defaults.js.map +7 -0
  239. package/cjs/redux/reducers/headersReducers/headersReducers.js +46 -23
  240. package/cjs/redux/reducers/headersReducers/headersReducers.js.map +7 -0
  241. package/cjs/redux/reducers/headersReducers/index.js +29 -14
  242. package/cjs/redux/reducers/headersReducers/index.js.map +7 -0
  243. package/cjs/redux/reducers/headersReducers/logic.js +42 -33
  244. package/cjs/redux/reducers/headersReducers/logic.js.map +7 -0
  245. package/cjs/redux/reducers/headersReducers/useDispatchHeadersActions.js +40 -19
  246. package/cjs/redux/reducers/headersReducers/useDispatchHeadersActions.js.map +7 -0
  247. package/cjs/redux/reducers/index.js +46 -17
  248. package/cjs/redux/reducers/index.js.map +7 -0
  249. package/cjs/redux/reducers/rowsReducers/actions_types.js +47 -19
  250. package/cjs/redux/reducers/rowsReducers/actions_types.js.map +7 -0
  251. package/cjs/redux/reducers/rowsReducers/defaults.js +35 -7
  252. package/cjs/redux/reducers/rowsReducers/defaults.js.map +7 -0
  253. package/cjs/redux/reducers/rowsReducers/index.js +29 -20
  254. package/cjs/redux/reducers/rowsReducers/index.js.map +7 -0
  255. package/cjs/redux/reducers/rowsReducers/logic.js +41 -14
  256. package/cjs/redux/reducers/rowsReducers/logic.js.map +7 -0
  257. package/cjs/redux/reducers/rowsReducers/rowsReducer.js +58 -41
  258. package/cjs/redux/reducers/rowsReducers/rowsReducer.js.map +7 -0
  259. package/cjs/redux/reducers/rowsReducers/useDispatchRowsActions.js +48 -21
  260. package/cjs/redux/reducers/rowsReducers/useDispatchRowsActions.js.map +7 -0
  261. package/cjs/redux/storeConfig.js +36 -9
  262. package/cjs/redux/storeConfig.js.map +7 -0
  263. package/cjs/styled.js +295 -219
  264. package/cjs/styled.js.map +7 -0
  265. package/cjs/tests/utils/index.js +119 -0
  266. package/cjs/tests/utils/index.js.map +7 -0
  267. package/cjs/types/FunctionalHoC.js +27 -2
  268. package/cjs/types/FunctionalHoC.js.map +7 -0
  269. package/cjs/types/props.js +27 -2
  270. package/cjs/types/props.js.map +7 -0
  271. package/esm/DataTable.js +29 -42
  272. package/esm/DataTable.js.map +7 -0
  273. package/esm/DataTableContext.js +22 -19
  274. package/esm/DataTableContext.js.map +7 -0
  275. package/esm/DataTableSchema.js +108 -95
  276. package/esm/DataTableSchema.js.map +7 -0
  277. package/esm/addons/Columns/ColumnAction/ColumnAction.js +11 -10
  278. package/esm/addons/Columns/ColumnAction/ColumnAction.js.map +7 -0
  279. package/esm/addons/Columns/ColumnDragHandle/ColumnDragHandle.js +22 -43
  280. package/esm/addons/Columns/ColumnDragHandle/ColumnDragHandle.js.map +7 -0
  281. package/esm/addons/Columns/ColumnExpand/ColumnExpand.js +83 -132
  282. package/esm/addons/Columns/ColumnExpand/ColumnExpand.js.map +7 -0
  283. package/esm/addons/Columns/ColumnSelectMultiple/ColumnSelectMultiple.js +30 -92
  284. package/esm/addons/Columns/ColumnSelectMultiple/ColumnSelectMultiple.js.map +7 -0
  285. package/esm/addons/Columns/ColumnSelectSingle/ColumnSelectSingle.js +32 -71
  286. package/esm/addons/Columns/ColumnSelectSingle/ColumnSelectSingle.js.map +7 -0
  287. package/esm/addons/Columns/index.js +22 -9
  288. package/esm/addons/Columns/index.js.map +7 -0
  289. package/esm/addons/Editables/ComboboxEditableCell/ComboboxEditableCell.js +23 -72
  290. package/esm/addons/Editables/ComboboxEditableCell/ComboboxEditableCell.js.map +7 -0
  291. package/esm/addons/Editables/DateEditableCell/DateEditableCell.js +19 -62
  292. package/esm/addons/Editables/DateEditableCell/DateEditableCell.js.map +7 -0
  293. package/esm/addons/Editables/TextEditableCell/TextEditableCell.js +35 -76
  294. package/esm/addons/Editables/TextEditableCell/TextEditableCell.js.map +7 -0
  295. package/esm/addons/Editables/index.js +9 -9
  296. package/esm/addons/Editables/index.js.map +7 -0
  297. package/esm/addons/Filters/Components/CurrencyRangeFilter/index.js +55 -124
  298. package/esm/addons/Filters/Components/CurrencyRangeFilter/index.js.map +7 -0
  299. package/esm/addons/Filters/Components/DateRangeFilter/index.js +33 -77
  300. package/esm/addons/Filters/Components/DateRangeFilter/index.js.map +7 -0
  301. package/esm/addons/Filters/Components/DateSwitcherFilter/index.js +44 -85
  302. package/esm/addons/Filters/Components/DateSwitcherFilter/index.js.map +7 -0
  303. package/esm/addons/Filters/Components/NumberRangeFilter/index.js +57 -128
  304. package/esm/addons/Filters/Components/NumberRangeFilter/index.js.map +7 -0
  305. package/esm/addons/Filters/Components/SelectFilter/BaseSelectFilter.js +35 -105
  306. package/esm/addons/Filters/Components/SelectFilter/BaseSelectFilter.js.map +7 -0
  307. package/esm/addons/Filters/Components/SelectFilter/MultiSelectFilter.js +30 -67
  308. package/esm/addons/Filters/Components/SelectFilter/MultiSelectFilter.js.map +7 -0
  309. package/esm/addons/Filters/Components/SelectFilter/SingleSelectFilter.js +30 -67
  310. package/esm/addons/Filters/Components/SelectFilter/SingleSelectFilter.js.map +7 -0
  311. package/esm/addons/Filters/Components/SelectFilter/components.js +57 -23
  312. package/esm/addons/Filters/Components/SelectFilter/components.js.map +7 -0
  313. package/esm/addons/Filters/Components/SelectFilter/useSelectFilterHandlers.js +38 -53
  314. package/esm/addons/Filters/Components/SelectFilter/useSelectFilterHandlers.js.map +7 -0
  315. package/esm/addons/Filters/Components/SelectFilter/utils.js +11 -41
  316. package/esm/addons/Filters/Components/SelectFilter/utils.js.map +7 -0
  317. package/esm/addons/Filters/Components/SingleDateFilter/index.js +31 -67
  318. package/esm/addons/Filters/Components/SingleDateFilter/index.js.map +7 -0
  319. package/esm/addons/Filters/Components/index.js +9 -7
  320. package/esm/addons/Filters/Components/index.js.map +7 -0
  321. package/esm/addons/Filters/index.js +3 -7
  322. package/esm/addons/Filters/index.js.map +7 -0
  323. package/esm/addons/Pagination/Pagination.js +14 -27
  324. package/esm/addons/Pagination/Pagination.js.map +7 -0
  325. package/esm/addons/Pagination/index.js +6 -1
  326. package/esm/addons/Pagination/index.js.map +7 -0
  327. package/esm/configs/constants.js +45 -42
  328. package/esm/configs/constants.js.map +7 -0
  329. package/esm/configs/fixedSizes.js +5 -2
  330. package/esm/configs/fixedSizes.js.map +7 -0
  331. package/esm/configs/index.js +7 -5
  332. package/esm/configs/index.js.map +7 -0
  333. package/esm/configs/useDatatableConfig.js +35 -47
  334. package/esm/configs/useDatatableConfig.js.map +7 -0
  335. package/esm/configs/usePaginationConfig.js +30 -17
  336. package/esm/configs/usePaginationConfig.js.map +7 -0
  337. package/esm/configs/useRowFlattenization.js +16 -33
  338. package/esm/configs/useRowFlattenization.js.map +7 -0
  339. package/esm/configs/useTableColsWithAddons.js +51 -55
  340. package/esm/configs/useTableColsWithAddons.js.map +7 -0
  341. package/esm/configs/zIndexInternalConfig.js +5 -2
  342. package/esm/configs/zIndexInternalConfig.js.map +7 -0
  343. package/esm/exported-related/EditableCell.js +33 -44
  344. package/esm/exported-related/EditableCell.js.map +7 -0
  345. package/esm/exported-related/FilterPopover.js +70 -122
  346. package/esm/exported-related/FilterPopover.js.map +7 -0
  347. package/esm/exported-related/FilterTypes.js +12 -9
  348. package/esm/exported-related/FilterTypes.js.map +7 -0
  349. package/esm/exported-related/Filters/applyOutOfTheBoxFilters.js +14 -16
  350. package/esm/exported-related/Filters/applyOutOfTheBoxFilters.js.map +7 -0
  351. package/esm/exported-related/Filters/currencyRangeFilterFn.js +15 -15
  352. package/esm/exported-related/Filters/currencyRangeFilterFn.js.map +7 -0
  353. package/esm/exported-related/Filters/dateRangeFilterFn.js +8 -37
  354. package/esm/exported-related/Filters/dateRangeFilterFn.js.map +7 -0
  355. package/esm/exported-related/Filters/dateSwitcherFilterFn.js +7 -7
  356. package/esm/exported-related/Filters/dateSwitcherFilterFn.js.map +7 -0
  357. package/esm/exported-related/Filters/index.js +9 -7
  358. package/esm/exported-related/Filters/index.js.map +7 -0
  359. package/esm/exported-related/Filters/multiSelectFilterFn.js +6 -10
  360. package/esm/exported-related/Filters/multiSelectFilterFn.js.map +7 -0
  361. package/esm/exported-related/Filters/numberRangeFilterFn.js +7 -9
  362. package/esm/exported-related/Filters/numberRangeFilterFn.js.map +7 -0
  363. package/esm/exported-related/Filters/singleDateFilterFn.js +8 -37
  364. package/esm/exported-related/Filters/singleDateFilterFn.js.map +7 -0
  365. package/esm/exported-related/Filters/singleSelectFilterFn.js +6 -8
  366. package/esm/exported-related/Filters/singleSelectFilterFn.js.map +7 -0
  367. package/esm/exported-related/Filters/types.js +2 -1
  368. package/esm/exported-related/Filters/types.js.map +7 -0
  369. package/esm/exported-related/RowRenderer/DefaultRowContentRenderer.js +72 -94
  370. package/esm/exported-related/RowRenderer/DefaultRowContentRenderer.js.map +7 -0
  371. package/esm/exported-related/RowRenderer/index.js +45 -85
  372. package/esm/exported-related/RowRenderer/index.js.map +7 -0
  373. package/esm/exported-related/RowRenderer/useRowRendererHandlers.js +41 -95
  374. package/esm/exported-related/RowRenderer/useRowRendererHandlers.js.map +7 -0
  375. package/esm/exported-related/RowRenderer/useRowRendererProperties.js +19 -31
  376. package/esm/exported-related/RowRenderer/useRowRendererProperties.js.map +7 -0
  377. package/esm/exported-related/RowRenderer/useRowStyle.js +17 -30
  378. package/esm/exported-related/RowRenderer/useRowStyle.js.map +7 -0
  379. package/esm/exported-related/RowVariants.js +14 -9
  380. package/esm/exported-related/RowVariants.js.map +7 -0
  381. package/esm/exported-related/Toolbar/Toolbar.js +68 -64
  382. package/esm/exported-related/Toolbar/Toolbar.js.map +7 -0
  383. package/esm/exported-related/Toolbar/index.js +6 -1
  384. package/esm/exported-related/Toolbar/index.js.map +7 -0
  385. package/esm/exported-related/groupBy.js +14 -21
  386. package/esm/exported-related/groupBy.js.map +7 -0
  387. package/esm/exported-related/index.js +15 -13
  388. package/esm/exported-related/index.js.map +7 -0
  389. package/esm/helpers/addCellData.js +15 -25
  390. package/esm/helpers/addCellData.js.map +7 -0
  391. package/esm/helpers/cellPadding.js +15 -22
  392. package/esm/helpers/cellPadding.js.map +7 -0
  393. package/esm/helpers/columnsToGrid.js +12 -13
  394. package/esm/helpers/columnsToGrid.js.map +7 -0
  395. package/esm/helpers/getIdFromUniqueRowAccessor.js +9 -16
  396. package/esm/helpers/getIdFromUniqueRowAccessor.js.map +7 -0
  397. package/esm/helpers/index.js +8 -6
  398. package/esm/helpers/index.js.map +7 -0
  399. package/esm/helpers/refs-helpers.js +13 -19
  400. package/esm/helpers/refs-helpers.js.map +7 -0
  401. package/esm/helpers/sizeToCss.js +6 -3
  402. package/esm/helpers/sizeToCss.js.map +7 -0
  403. package/esm/hooks/useRecoverFocusCol.js +10 -15
  404. package/esm/hooks/useRecoverFocusCol.js.map +7 -0
  405. package/esm/hooks/useRecoverFocusRow.js +6 -8
  406. package/esm/hooks/useRecoverFocusRow.js.map +7 -0
  407. package/esm/index.js +4 -14
  408. package/esm/index.js.map +7 -0
  409. package/esm/parts/Cells/Cell.js +63 -94
  410. package/esm/parts/Cells/Cell.js.map +7 -0
  411. package/esm/parts/Cells/index.js +54 -70
  412. package/esm/parts/Cells/index.js.map +7 -0
  413. package/esm/parts/Cells/useCellStyle.js +16 -21
  414. package/esm/parts/Cells/useCellStyle.js.map +7 -0
  415. package/esm/parts/DnDHandle.js +32 -65
  416. package/esm/parts/DnDHandle.js.map +7 -0
  417. package/esm/parts/DropIndicator.js +49 -62
  418. package/esm/parts/DropIndicator.js.map +7 -0
  419. package/esm/parts/EmptyContent.js +64 -48
  420. package/esm/parts/EmptyContent.js.map +7 -0
  421. package/esm/parts/FilterBar/FiltersBar.js +49 -94
  422. package/esm/parts/FilterBar/FiltersBar.js.map +7 -0
  423. package/esm/parts/FilterBar/components/DateRangePill.js +27 -31
  424. package/esm/parts/FilterBar/components/DateRangePill.js.map +7 -0
  425. package/esm/parts/FilterBar/components/DateSwitcherPill.js +27 -31
  426. package/esm/parts/FilterBar/components/DateSwitcherPill.js.map +7 -0
  427. package/esm/parts/FilterBar/components/MultiSelectPill.js +28 -34
  428. package/esm/parts/FilterBar/components/MultiSelectPill.js.map +7 -0
  429. package/esm/parts/FilterBar/components/NumberRangePill.js +26 -30
  430. package/esm/parts/FilterBar/components/NumberRangePill.js.map +7 -0
  431. package/esm/parts/FilterBar/components/SelectPill.js +25 -27
  432. package/esm/parts/FilterBar/components/SelectPill.js.map +7 -0
  433. package/esm/parts/FilterBar/components/SingleDatePill.js +26 -29
  434. package/esm/parts/FilterBar/components/SingleDatePill.js.map +7 -0
  435. package/esm/parts/FilterBar/components/index.js +8 -6
  436. package/esm/parts/FilterBar/components/index.js.map +7 -0
  437. package/esm/parts/FilterBar/index.js +6 -1
  438. package/esm/parts/FilterBar/index.js.map +7 -0
  439. package/esm/parts/FilterBar/styled.js +20 -12
  440. package/esm/parts/FilterBar/styled.js.map +7 -0
  441. package/esm/parts/FilterBar/types.js +2 -1
  442. package/esm/parts/FilterBar/types.js.map +7 -0
  443. package/esm/parts/Filters/index.js +40 -92
  444. package/esm/parts/Filters/index.js.map +7 -0
  445. package/esm/parts/Footer.js +10 -15
  446. package/esm/parts/Footer.js.map +7 -0
  447. package/esm/parts/Headers/EmptyChildrenGroup.js +13 -11
  448. package/esm/parts/Headers/EmptyChildrenGroup.js.map +7 -0
  449. package/esm/parts/Headers/HeaderCell.js +77 -141
  450. package/esm/parts/Headers/HeaderCell.js.map +7 -0
  451. package/esm/parts/Headers/HeaderCellGroup.js +64 -82
  452. package/esm/parts/Headers/HeaderCellGroup.js.map +7 -0
  453. package/esm/parts/Headers/HeaderCellTitle.js +22 -70
  454. package/esm/parts/Headers/HeaderCellTitle.js.map +7 -0
  455. package/esm/parts/Headers/HeaderResizer.js +36 -77
  456. package/esm/parts/Headers/HeaderResizer.js.map +7 -0
  457. package/esm/parts/Headers/RequiredDot.js +10 -13
  458. package/esm/parts/Headers/RequiredDot.js.map +7 -0
  459. package/esm/parts/Headers/index.js +28 -35
  460. package/esm/parts/Headers/index.js.map +7 -0
  461. package/esm/parts/Headers/useHeaderCellConfig.js +19 -21
  462. package/esm/parts/Headers/useHeaderCellConfig.js.map +7 -0
  463. package/esm/parts/Headers/useHeaderCellHandlers.js +56 -66
  464. package/esm/parts/Headers/useHeaderCellHandlers.js.map +7 -0
  465. package/esm/parts/HoC/SortableItemContext.js +15 -15
  466. package/esm/parts/HoC/SortableItemContext.js.map +7 -0
  467. package/esm/parts/HoC/withConditionalDnDColumnContext.js +52 -85
  468. package/esm/parts/HoC/withConditionalDnDColumnContext.js.map +7 -0
  469. package/esm/parts/HoC/withConditionalDnDRowContext.js +59 -80
  470. package/esm/parts/HoC/withConditionalDnDRowContext.js.map +7 -0
  471. package/esm/parts/HoC/withConditionalDnDSortableContext.js +21 -34
  472. package/esm/parts/HoC/withConditionalDnDSortableContext.js.map +7 -0
  473. package/esm/parts/HoC/withDnDSortableColumnContext.js +26 -44
  474. package/esm/parts/HoC/withDnDSortableColumnContext.js.map +7 -0
  475. package/esm/parts/HoC/withDnDSortableRowContext.js +26 -46
  476. package/esm/parts/HoC/withDnDSortableRowContext.js.map +7 -0
  477. package/esm/parts/Loader.js +21 -22
  478. package/esm/parts/Loader.js.map +7 -0
  479. package/esm/parts/Row.js +33 -48
  480. package/esm/parts/Row.js.map +7 -0
  481. package/esm/parts/RowLoading.js +23 -42
  482. package/esm/parts/RowLoading.js.map +7 -0
  483. package/esm/parts/RowVariants/RowVariantHeader.js +47 -83
  484. package/esm/parts/RowVariants/RowVariantHeader.js.map +7 -0
  485. package/esm/parts/RowVariants/RowVariantPrimary.js +26 -28
  486. package/esm/parts/RowVariants/RowVariantPrimary.js.map +7 -0
  487. package/esm/parts/RowVariants/RowVariantSecondary.js +27 -29
  488. package/esm/parts/RowVariants/RowVariantSecondary.js.map +7 -0
  489. package/esm/parts/RowVariants/index.js +26 -65
  490. package/esm/parts/RowVariants/index.js.map +7 -0
  491. package/esm/parts/RowVariants/types.js +2 -1
  492. package/esm/parts/RowVariants/types.js.map +7 -0
  493. package/esm/parts/Rows.js +41 -61
  494. package/esm/parts/Rows.js.map +7 -0
  495. package/esm/parts/SortByCaret.js +15 -22
  496. package/esm/parts/SortByCaret.js.map +7 -0
  497. package/esm/parts/SortableHeaderCell.js +14 -29
  498. package/esm/parts/SortableHeaderCell.js.map +7 -0
  499. package/esm/parts/TableContent.js +35 -72
  500. package/esm/parts/TableContent.js.map +7 -0
  501. package/esm/parts/VirtualRowsList.js +40 -78
  502. package/esm/parts/VirtualRowsList.js.map +7 -0
  503. package/esm/parts/index.js +16 -6
  504. package/esm/parts/index.js.map +7 -0
  505. package/esm/prop-types.js +28 -22
  506. package/esm/prop-types.js.map +7 -0
  507. package/esm/redux/reducers/headersReducers/defaults.js +5 -2
  508. package/esm/redux/reducers/headersReducers/defaults.js.map +7 -0
  509. package/esm/redux/reducers/headersReducers/headersReducers.js +12 -11
  510. package/esm/redux/reducers/headersReducers/headersReducers.js.map +7 -0
  511. package/esm/redux/reducers/headersReducers/index.js +4 -2
  512. package/esm/redux/reducers/headersReducers/index.js.map +7 -0
  513. package/esm/redux/reducers/headersReducers/logic.js +13 -24
  514. package/esm/redux/reducers/headersReducers/logic.js.map +7 -0
  515. package/esm/redux/reducers/headersReducers/useDispatchHeadersActions.js +10 -14
  516. package/esm/redux/reducers/headersReducers/useDispatchHeadersActions.js.map +7 -0
  517. package/esm/redux/reducers/index.js +17 -11
  518. package/esm/redux/reducers/index.js.map +7 -0
  519. package/esm/redux/reducers/rowsReducers/actions_types.js +18 -9
  520. package/esm/redux/reducers/rowsReducers/actions_types.js.map +7 -0
  521. package/esm/redux/reducers/rowsReducers/defaults.js +6 -2
  522. package/esm/redux/reducers/rowsReducers/defaults.js.map +7 -0
  523. package/esm/redux/reducers/rowsReducers/index.js +4 -2
  524. package/esm/redux/reducers/rowsReducers/index.js.map +7 -0
  525. package/esm/redux/reducers/rowsReducers/logic.js +12 -3
  526. package/esm/redux/reducers/rowsReducers/logic.js.map +7 -0
  527. package/esm/redux/reducers/rowsReducers/rowsReducer.js +28 -18
  528. package/esm/redux/reducers/rowsReducers/rowsReducer.js.map +7 -0
  529. package/esm/redux/reducers/rowsReducers/useDispatchRowsActions.js +26 -15
  530. package/esm/redux/reducers/rowsReducers/useDispatchRowsActions.js.map +7 -0
  531. package/esm/redux/storeConfig.js +6 -4
  532. package/esm/redux/storeConfig.js.map +7 -0
  533. package/esm/styled.js +268 -194
  534. package/esm/styled.js.map +7 -0
  535. package/esm/tests/utils/index.js +90 -0
  536. package/esm/tests/utils/index.js.map +7 -0
  537. package/esm/types/FunctionalHoC.js +2 -1
  538. package/esm/types/FunctionalHoC.js.map +7 -0
  539. package/esm/types/props.js +2 -1
  540. package/esm/types/props.js.map +7 -0
  541. package/package.json +18 -18
  542. package/types/DataTable.d.ts +1 -1
  543. package/types/DataTableContext.d.ts +1 -0
  544. package/types/configs/useTableColsWithAddons.d.ts +1 -0
  545. package/types/exported-related/RowRenderer/index.d.ts +1 -0
  546. package/types/exported-related/RowRenderer/useRowRendererProperties.d.ts +1 -1
  547. package/types/parts/Cells/Cell.d.ts +1 -0
  548. package/types/parts/Cells/index.d.ts +1 -0
  549. package/types/parts/DropIndicator.d.ts +1 -0
  550. package/types/parts/EmptyContent.d.ts +1 -0
  551. package/types/parts/Footer.d.ts +1 -0
  552. package/types/parts/Headers/index.d.ts +2 -2
  553. package/types/parts/Loader.d.ts +2 -2
  554. package/types/parts/Row.d.ts +3 -2
  555. package/types/parts/RowLoading.d.ts +1 -0
  556. package/types/parts/Rows.d.ts +2 -2
  557. package/types/parts/TableContent.d.ts +1 -0
  558. package/types/parts/VirtualRowsList.d.ts +1 -1
  559. package/types/redux/reducers/index.d.ts +2 -2
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/DataTableSchema.tsx", "../../../../scripts/build/transpile/react-shim.js"],
4
+ "sourcesContent": ["/* eslint-disable max-lines */\nimport { PropTypes } from 'react-desc';\n\nconst outOfTheBoxFilterType = PropTypes.oneOf([\n 'ds-filter-select',\n 'ds-filter-multi-select',\n 'ds-filter-single-date',\n 'ds-filter-date-range',\n 'ds-filter-number-range',\n]);\n\nconst textWrappingType = PropTypes.oneOf(['wrap', 'wrap-all', 'truncate']);\n\nconst rowVariantType = PropTypes.oneOf(['ds_header_group_row', 'ds_primary_row', 'ds_secondary_row']);\n\nconst columnPropTypes = {\n Header: PropTypes.oneOfType([PropTypes.string, PropTypes.func, PropTypes.element]).description(\n 'Header name or component',\n ).isRequired,\n accessor: PropTypes.string.description('The entry of the data that this column will display'),\n id: PropTypes.string.description('The id of the column, will default to the Header or accessor if not present'),\n filter: outOfTheBoxFilterType.description('out-of-the-box filters'),\n Filter: PropTypes.oneOfType([PropTypes.func, PropTypes.element]).description(\n 'The custom component to render as a filter',\n ),\n Cell: PropTypes.oneOfType([PropTypes.func, PropTypes.element]).description('The custom cell renderer component'),\n editable: PropTypes.oneOfType([PropTypes.string, PropTypes.func, PropTypes.element]).description(\n 'The editable out-of-the-box or component to render',\n ),\n disableDnD: PropTypes.bool.description('Whereas this column should be draggable'),\n canResize: PropTypes.bool.description('Whereas this column should be resizable'),\n width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('Width of this column'),\n minWidth: PropTypes.number.description('Minimum width of this column, useful when resizing'),\n maxWidth: PropTypes.number.description('Maximum width of this column, useful when resizing'),\n canSort: PropTypes.bool.description('Whereas this column is sortable'),\n isSortedDesc: PropTypes.bool.description('Whereas this column is sorted descendingly'),\n required: PropTypes.bool.description('Whereas this column is required'),\n alwaysDisplayEditIcon: PropTypes.bool.description(\n 'Whereas to always show the edit icon on this column if it is editable',\n ),\n textWrap: textWrappingType,\n};\n\nconst columnsPropTypes = PropTypes.shape(columnPropTypes).description('Columns props');\n\nconst rowPropTypes = {\n row_variant_type: rowVariantType.description('Which row variant to use, will default to primary'),\n row_variant_compact: PropTypes.bool.description('Whether to use the compact version of the row'),\n tableRowDetails: PropTypes.oneOfType([PropTypes.func, PropTypes.element]).description('Component for row details'),\n dimsumHeaderValue: PropTypes.string.description('Header displayed on the header variant of the row'),\n};\n\nconst rowsPropTypes = PropTypes.shape(rowPropTypes).description('Rows props');\n\nexport const DataTableSchema = {\n columns: PropTypes.arrayOf(columnsPropTypes).description('Array of columns').isRequired,\n data: PropTypes.arrayOf(rowsPropTypes).description('Array of rows'),\n height: PropTypes.number.description('Height of the datatable component'),\n width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('Width of the datatable component'),\n renderRowActions: PropTypes.oneOfType([PropTypes.object, PropTypes.bool]).description(\n 'The renderer to use for the action toolbar',\n ),\n isExpandable: PropTypes.bool.description('Whether the datatable is expandable').defaultValue(false),\n uniqueRowAccessor: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.arrayOf(PropTypes.string),\n PropTypes.func,\n ]).description(\n 'Column / Combination of columns / Function to call to produce a unique identifier for each row.' +\n ' This is necessary for the selectable and drag and drop features',\n ),\n disabledRows: PropTypes.object.description(\n 'Object with the identifiers of the rows as keys, and booleans as values. Specifies if a row is disabled or not',\n ),\n expandedRows: PropTypes.object.description(\n 'Object with the identifiers of the rows as keys, and booleans as values. Specifies if a row is expanded or not',\n ),\n onRowExpand: PropTypes.func.description('Function invoked when a row is (un)expanded'),\n cellRendererProps: PropTypes.object.description(\n 'Object with all the props you want the cells to have available when rendering',\n ),\n selectSingle: PropTypes.bool.description('Whether the selectable feature is single').defaultValue(false),\n selection: PropTypes.object.description(\n 'Object with the identifiers of the rows as keys, and booleans as values. Specifies if a row is selected or not',\n ),\n onSelectionChange: PropTypes.func.description('Function invoked when a row is selected'),\n groupedRowsRenderHeader: PropTypes.oneOfType([PropTypes.string, PropTypes.func]).description(\n 'String | Function to call which will display in the row headers',\n ),\n isResizeable: PropTypes.bool.description(\"Whether the datatable's columns are resizeable\"),\n filters: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.string,\n type: PropTypes.string,\n value: PropTypes.any,\n }),\n ).description('Array of filter keys and values'),\n withFilterBar: PropTypes.bool.description('Whether to display the filter bar'),\n filterBarProps: PropTypes.shape({\n customPillRenderer: PropTypes.oneOfType([PropTypes.func, PropTypes.element]).description(\n 'If you specify custom filters, you will need to render their pills here',\n ),\n extraOptions: PropTypes.arrayOf(\n PropTypes.shape({\n type: PropTypes.string,\n id: PropTypes.string,\n label: PropTypes.string,\n onClick: PropTypes.func,\n }),\n ).description('Any extra option you want in the dropdownmenu of the filter bar'),\n }).description('Props for the filter bar'),\n onFiltersChange: PropTypes.func.description('Function invoked when filters change'),\n pagination: PropTypes.shape({\n pageCount: PropTypes.number.description('How many pages are there'),\n pageIndex: PropTypes.number.description('Index of the current page, starting from 1').defaultValue(1),\n canPreviousPage: PropTypes.bool.description('Whether the previous button is disabled or not').defaultValue(true),\n canNextPage: PropTypes.bool.description('Whether the next button is disabled or not').defaultValue(true),\n pageSize: PropTypes.number.description('The current page size').defaultValue(10),\n showPerPageSelector: PropTypes.bool.description('Whether to show the page selector').defaultValue(true),\n perPageOptions: PropTypes.arrayOf(\n PropTypes.oneOfType([\n PropTypes.number,\n PropTypes.shape({\n dsId: PropTypes.string,\n value: PropTypes.number,\n label: PropTypes.string,\n type: PropTypes.oneOf(['single']),\n }),\n ]),\n )\n .description('The available options for page size')\n .defaultValue([10]),\n perPageStep: PropTypes.number.description('Step for the per page options').defaultValue(5),\n minPerPage: PropTypes.number.description('Step for the per page options').defaultValue(0),\n maxPerPage: PropTypes.number.description('Step for the per page options').defaultValue(100),\n onPageSizeChange: PropTypes.func\n .description('Function invoked when the page size changes')\n .defaultValue(() => null),\n onPreviousPage: PropTypes.func\n .description('Function invoked when the previous button is pressed')\n .defaultValue(() => null),\n onPageChange: PropTypes.func.description('Function invoked when the page changes').defaultValue(() => null),\n onNextPage: PropTypes.func.description('Function invoked when next button is pressed').defaultValue(() => null),\n pageDetails: PropTypes.arrayOf(PropTypes.string).description('Details to provide for each page').defaultValue([]),\n pageDetailsTitle: PropTypes.string\n .description('The title of the details (usually a column of your dataset)')\n .defaultValue(''),\n }).description('Object containing the data for the pagination'),\n colsLayoutStyle: PropTypes.oneOf(['auto', 'fixed']).description('Whether the datatable fills its container or not'),\n hiddenColumns: PropTypes.arrayOf(PropTypes.string).description('IDs of columns not to render'),\n dragAndDropRows: PropTypes.bool.description('Whether to turn on the d&d feature for the rows').defaultValue(false),\n onRowsReorder: PropTypes.func.description('Function invoked when a row is reordered'),\n maxDragAndDropLevel: PropTypes.number.description('Which level is the maximum allowed to drop into'),\n dragAndDropColumns: PropTypes.bool.description('Whether to turn on the d&d feature for the columns'),\n onColumnsReorder: PropTypes.func.description('Function invoked when a column is reordered'),\n textWrap: textWrappingType.description('Global wrapping rule'),\n noResultsMessage: PropTypes.string.description('Message to show when no more data is available'),\n noResultsSecondaryMessage: PropTypes.string.description('Secondary message to show when no more data is available'),\n noResultsButtonLabel: PropTypes.string.description('Label of the button when no more data is available'),\n noResultsPlaceholder: PropTypes.oneOfType([PropTypes.func, PropTypes.element]).description(\n 'Custom content to show when dataset is empty',\n ),\n isLoading: PropTypes.bool.description('Whether to show a global loader in the datatable'),\n isLoadingAppended: PropTypes.bool.description('Whether to show an appended loader in the datatable'),\n // eslint-disable-next-line max-lines\n onColumnResize: PropTypes.func.description('Function invoked when a column is resized'),\n isNoMoreDataAppended: PropTypes.bool.description(\n 'Whether to show an appended message in the datatable for no more data',\n ),\n noMoreDataMessage: PropTypes.string.description('The message to show when no more data is available'),\n onRowClick: PropTypes.func.description('Function invoked when clicking a row'),\n onRowFocus: PropTypes.func.description('Function invoked when focusing a row'),\n onCellValueChange: PropTypes.func.description(\"Function invoked when an editable cell's content is changed\"),\n onColumnSortChange: PropTypes.func.description('Function invoked when a column is sorted'),\n actionRef: PropTypes.object.description('Reference where all the exposed action callbacks will be exposed'),\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": "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",
6
+ "names": []
7
+ }
@@ -1,21 +1,47 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var React = require('react');
6
-
7
- const actionColumn = renderRowActions => ({
8
- Header: ' ',
9
- id: 'rowActions',
1
+ var __create = Object.create;
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __getProtoOf = Object.getPrototypeOf;
6
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
7
+ var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
+ var __export = (target, all) => {
9
+ for (var name in all)
10
+ __defProp(target, name, { get: all[name], enumerable: true });
11
+ };
12
+ var __reExport = (target, module2, copyDefault, desc) => {
13
+ if (module2 && typeof module2 === "object" || typeof module2 === "function") {
14
+ for (let key of __getOwnPropNames(module2))
15
+ if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
16
+ __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
17
+ }
18
+ return target;
19
+ };
20
+ var __toESM = (module2, isNodeMode) => {
21
+ return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
22
+ };
23
+ var __toCommonJS = /* @__PURE__ */ ((cache) => {
24
+ return (module2, temp) => {
25
+ return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
26
+ };
27
+ })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
28
+ var ColumnAction_exports = {};
29
+ __export(ColumnAction_exports, {
30
+ actionColumn: () => actionColumn
31
+ });
32
+ var React = __toESM(require("react"));
33
+ var import_react = require("react");
34
+ const actionColumn = (renderRowActions) => ({
35
+ Header: " ",
36
+ id: "rowActions",
10
37
  width: renderRowActions.columnWidth,
11
38
  style: {
12
- overflow: 'visible'
39
+ overflow: "visible"
13
40
  },
14
- // memo typing is broken?
15
- Cell: /*#__PURE__*/React.memo(props => renderRowActions.renderer(props)),
41
+ Cell: (0, import_react.memo)((props) => renderRowActions.renderer(props)),
16
42
  canResize: false,
17
43
  disableDnD: true,
18
44
  isFocuseable: false
19
45
  });
20
-
21
- exports.actionColumn = actionColumn;
46
+ module.exports = __toCommonJS(ColumnAction_exports);
47
+ //# sourceMappingURL=ColumnAction.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../../src/addons/Columns/ColumnAction/ColumnAction.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
4
+ "sourcesContent": ["import { memo } from 'react';\nimport { TypescriptColumn, TypescriptRenderRowActionsConfig } from '../../../types/props';\ntype configurableColumn = (renderRowActions: TypescriptRenderRowActionsConfig) => TypescriptColumn;\nexport const actionColumn: configurableColumn = (renderRowActions) => ({\n Header: ' ',\n id: 'rowActions',\n width: renderRowActions.columnWidth,\n style: {\n overflow: 'visible',\n },\n // memo typing is broken?\n Cell: memo((props) => renderRowActions.renderer(props)),\n canResize: false,\n disableDnD: true,\n isFocuseable: false,\n});\n", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAqB;AAGd,MAAM,eAAmC,CAAC,qBAAsB;AAAA,EACrE,QAAQ;AAAA,EACR,IAAI;AAAA,EACJ,OAAO,iBAAiB;AAAA,EACxB,OAAO;AAAA,IACL,UAAU;AAAA;AAAA,EAGZ,MAAM,uBAAK,CAAC,UAAU,iBAAiB,SAAS;AAAA,EAChD,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,cAAc;AAAA;",
6
+ "names": []
7
+ }
@@ -1,64 +1,64 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var _jsx = require('@babel/runtime/helpers/jsx');
6
- require('react');
7
- var useRecoverFocusRow = require('../../../hooks/useRecoverFocusRow.js');
8
- require('../../../parts/TableContent.js');
9
- require('@elliemae/ds-grid');
10
- require('@elliemae/ds-circular-progress-indicator');
11
- require('styled-components');
12
- require('@elliemae/ds-icons');
13
- require('@elliemae/ds-system');
14
- require('@elliemae/ds-button');
15
- require('../../../DataTableContext.js');
16
- require('../../../parts/Row.js');
17
- require('../../../parts/Footer.js');
18
- var DnDHandle = require('../../../parts/DnDHandle.js');
19
- var styled = require('../../../styled.js');
20
-
21
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
22
-
23
- var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
24
-
25
- var _div;
1
+ var __create = Object.create;
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __getProtoOf = Object.getPrototypeOf;
6
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
7
+ var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
+ var __export = (target, all) => {
9
+ for (var name in all)
10
+ __defProp(target, name, { get: all[name], enumerable: true });
11
+ };
12
+ var __reExport = (target, module2, copyDefault, desc) => {
13
+ if (module2 && typeof module2 === "object" || typeof module2 === "function") {
14
+ for (let key of __getOwnPropNames(module2))
15
+ if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
16
+ __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
17
+ }
18
+ return target;
19
+ };
20
+ var __toESM = (module2, isNodeMode) => {
21
+ return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
22
+ };
23
+ var __toCommonJS = /* @__PURE__ */ ((cache) => {
24
+ return (module2, temp) => {
25
+ return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
26
+ };
27
+ })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
28
+ var ColumnDragHandle_exports = {};
29
+ __export(ColumnDragHandle_exports, {
30
+ dragHandleColumn: () => dragHandleColumn
31
+ });
32
+ var React = __toESM(require("react"));
33
+ var import_react = __toESM(require("react"));
34
+ var import_useRecoverFocusRow = require("../../../hooks/useRecoverFocusRow");
35
+ var import_parts = require("../../../parts");
36
+ var import_styled = require("../../../styled");
26
37
  const dragHandleColumn = {
27
- // Build our singleSelecter column
28
- id: 'dragHandleColumn',
29
- // Make sure it has an ID
30
- // The header doesn't need anything for single selection
31
- Header: () => _div || (_div = /*#__PURE__*/_jsx__default["default"]("div", {})),
32
- Cell: _ref2 => {
33
- let {
34
- row,
35
- isRowSelected,
36
- cell,
37
- isDragOverlay,
38
- draggableProps
39
- } = _ref2;
40
- useRecoverFocusRow.useRecoverFocusRow(row, cell, isDragOverlay, draggableProps);
41
- return /*#__PURE__*/_jsx__default["default"](styled.StyledFocusWithin, {
42
- style: {
43
- width: '100%',
44
- height: '100%'
45
- },
38
+ id: "dragHandleColumn",
39
+ Header: () => /* @__PURE__ */ import_react.default.createElement("div", null),
40
+ Cell: ({ row, isRowSelected, cell, isDragOverlay, draggableProps }) => {
41
+ (0, import_useRecoverFocusRow.useRecoverFocusRow)(row, cell, isDragOverlay, draggableProps);
42
+ return /* @__PURE__ */ import_react.default.createElement(import_styled.StyledFocusWithin, {
43
+ style: { width: "100%", height: "100%" },
46
44
  hideFocus: draggableProps && draggableProps.isDragging
47
- }, void 0, /*#__PURE__*/_jsx__default["default"](DnDHandle, {
45
+ }, /* @__PURE__ */ import_react.default.createElement(import_parts.DnDHandle, {
48
46
  id: row.uid,
47
+ key: row.uid,
49
48
  isReachable: isRowSelected,
50
- innerRef: _ref => {
51
- if (!isDragOverlay) cell.ref.current = _ref;
49
+ innerRef: (_ref) => {
50
+ if (!isDragOverlay)
51
+ cell.ref.current = _ref;
52
52
  },
53
- isDragOverlay: isDragOverlay
54
- }, row.uid));
53
+ isDragOverlay
54
+ }));
55
55
  },
56
- textWrap: 'wrap-all',
56
+ textWrap: "wrap-all",
57
57
  width: 24,
58
58
  padding: 4,
59
59
  canResize: false,
60
60
  disableDnD: true,
61
61
  isFocuseable: false
62
62
  };
63
-
64
- exports.dragHandleColumn = dragHandleColumn;
63
+ module.exports = __toCommonJS(ColumnDragHandle_exports);
64
+ //# sourceMappingURL=ColumnDragHandle.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../../src/addons/Columns/ColumnDragHandle/ColumnDragHandle.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
4
+ "sourcesContent": ["/* eslint-disable react/prop-types */\n/* eslint-disable max-lines */\nimport React from 'react';\nimport { useRecoverFocusRow } from '../../../hooks/useRecoverFocusRow';\nimport { DnDHandle } from '../../../parts';\nimport { StyledFocusWithin } from '../../../styled';\n\nimport { TypescriptColumn } from '../../../types/props';\n\nexport const dragHandleColumn: TypescriptColumn = {\n // Build our singleSelecter column\n id: 'dragHandleColumn', // Make sure it has an ID\n // The header doesn't need anything for single selection\n Header: () => <div />,\n Cell: ({ row, isRowSelected, cell, isDragOverlay, draggableProps }) => {\n useRecoverFocusRow(row, cell, isDragOverlay, draggableProps);\n return (\n <StyledFocusWithin\n style={{ width: '100%', height: '100%' }}\n hideFocus={draggableProps && draggableProps.isDragging}\n >\n <DnDHandle\n id={row.uid}\n key={row.uid}\n isReachable={isRowSelected}\n innerRef={(_ref) => {\n if (!isDragOverlay) cell.ref.current = _ref;\n }}\n isDragOverlay={isDragOverlay}\n />\n </StyledFocusWithin>\n );\n },\n textWrap: 'wrap-all',\n width: 24,\n padding: 4,\n canResize: false,\n disableDnD: true,\n isFocuseable: false,\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAAkB;AAClB,gCAAmC;AACnC,mBAA0B;AAC1B,oBAAkC;AAI3B,MAAM,mBAAqC;AAAA,EAEhD,IAAI;AAAA,EAEJ,QAAQ,MAAM,mDAAC,OAAD;AAAA,EACd,MAAM,CAAC,EAAE,KAAK,eAAe,MAAM,eAAe,qBAAqB;AACrE,sDAAmB,KAAK,MAAM,eAAe;AAC7C,WACE,mDAAC,iCAAD;AAAA,MACE,OAAO,EAAE,OAAO,QAAQ,QAAQ;AAAA,MAChC,WAAW,kBAAkB,eAAe;AAAA,OAE5C,mDAAC,wBAAD;AAAA,MACE,IAAI,IAAI;AAAA,MACR,KAAK,IAAI;AAAA,MACT,aAAa;AAAA,MACb,UAAU,CAAC,SAAS;AAClB,YAAI,CAAC;AAAe,eAAK,IAAI,UAAU;AAAA;AAAA,MAEzC;AAAA;AAAA;AAAA,EAKR,UAAU;AAAA,EACV,OAAO;AAAA,EACP,SAAS;AAAA,EACT,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,cAAc;AAAA;",
6
+ "names": []
7
+ }
@@ -1,220 +1,190 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var _jsx = require('@babel/runtime/helpers/jsx');
6
- var _defineProperty = require('@babel/runtime/helpers/defineProperty');
7
- require('core-js/modules/esnext.async-iterator.for-each.js');
8
- require('core-js/modules/esnext.iterator.constructor.js');
9
- require('core-js/modules/esnext.iterator.for-each.js');
10
- require('core-js/modules/esnext.async-iterator.filter.js');
11
- require('core-js/modules/esnext.iterator.filter.js');
12
- var React = require('react');
13
- var dsIcons = require('@elliemae/ds-icons');
14
- var styled$1 = require('styled-components');
15
- var styled = require('../../../styled.js');
16
- var constants = require('../../../configs/constants.js');
17
- require('core-js/modules/web.dom-collections.iterator.js');
18
- require('core-js/modules/esnext.async-iterator.reduce.js');
19
- require('core-js/modules/esnext.iterator.reduce.js');
20
- require('react-virtual');
21
- require('../../../configs/useRowFlattenization.js');
22
- require('core-js/modules/esnext.async-iterator.map.js');
23
- require('core-js/modules/esnext.iterator.map.js');
24
- require('@elliemae/ds-form');
25
- require('../../../parts/TableContent.js');
26
- require('@elliemae/ds-grid');
27
- require('@elliemae/ds-circular-progress-indicator');
28
- require('@elliemae/ds-system');
29
- require('@elliemae/ds-button');
30
- require('../../../DataTableContext.js');
31
- require('../../../parts/Row.js');
32
- require('../../../parts/Footer.js');
33
- require('../../../parts/HoC/SortableItemContext.js');
34
- var jsxRuntime = require('react/jsx-runtime');
35
-
36
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
37
-
38
- var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
39
- var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
40
- var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled$1);
41
-
42
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
43
-
44
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
45
- const StyledSpan = /*#__PURE__*/styled__default["default"].span.withConfig({
46
- componentId: "sc-1xp824d-0"
47
- })(["cursor:pointer;box-sizing:border-box;outline:none;display:flex;justify-content:center;align-items:center;"]);
1
+ var __create = Object.create;
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __getProtoOf = Object.getPrototypeOf;
6
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
7
+ var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
+ var __export = (target, all) => {
9
+ for (var name in all)
10
+ __defProp(target, name, { get: all[name], enumerable: true });
11
+ };
12
+ var __reExport = (target, module2, copyDefault, desc) => {
13
+ if (module2 && typeof module2 === "object" || typeof module2 === "function") {
14
+ for (let key of __getOwnPropNames(module2))
15
+ if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
16
+ __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
17
+ }
18
+ return target;
19
+ };
20
+ var __toESM = (module2, isNodeMode) => {
21
+ return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
22
+ };
23
+ var __toCommonJS = /* @__PURE__ */ ((cache) => {
24
+ return (module2, temp) => {
25
+ return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
26
+ };
27
+ })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
28
+ var ColumnExpand_exports = {};
29
+ __export(ColumnExpand_exports, {
30
+ expandRowColumn: () => expandRowColumn
31
+ });
32
+ var React = __toESM(require("react"));
33
+ var import_react = __toESM(require("react"));
34
+ var import_ds_icons = require("@elliemae/ds-icons");
35
+ var import_styled_components = __toESM(require("styled-components"));
36
+ var import_styled = require("../../../styled");
37
+ var import_constants = require("../../../configs/constants");
38
+ const StyledSpan = import_styled_components.default.span`
39
+ cursor: pointer;
40
+ box-sizing: border-box;
41
+ outline: none;
42
+ display: flex;
43
+ justify-content: center;
44
+ align-items: center;
45
+ `;
48
46
  const expandRowColumn = {
49
- // Build our expander column
50
- id: 'expander',
51
- // Make sure it has an ID
52
- accessor: 'expandRowColumn',
53
- Header: _ref => {
54
- let {
55
- ctx
56
- } = _ref;
47
+ id: "expander",
48
+ accessor: "expandRowColumn",
49
+ Header: ({ ctx }) => {
57
50
  const {
58
- tableProps: {
59
- expandedRows,
60
- onRowExpand
61
- },
51
+ tableProps: { expandedRows, onRowExpand },
62
52
  allDataFlattened
63
53
  } = ctx;
64
- const allExpandable = React.useMemo(() => {
54
+ const allExpandable = (0, import_react.useMemo)(() => {
65
55
  const expandable = {};
66
- allDataFlattened.forEach(row => {
67
- if (row.original.subRows || row.original.tableRowDetails || row.original.dimsumHeaderValue) expandable[row.uid] = true;
56
+ allDataFlattened.forEach((row) => {
57
+ if (row.original.subRows || row.original.tableRowDetails || row.original.dimsumHeaderValue)
58
+ expandable[row.uid] = true;
68
59
  });
69
60
  return expandable;
70
61
  }, [allDataFlattened]);
71
- const isAllRowsExpanded = React.useMemo(() => Object.keys(allExpandable).length === Object.keys(expandedRows).length, [allExpandable, expandedRows]);
72
- const onExpandedAllHandler = React.useCallback(() => {
73
- if (isAllRowsExpanded) onRowExpand({}, 'All');else onRowExpand(_objectSpread({}, allExpandable), 'All');
62
+ const isAllRowsExpanded = (0, import_react.useMemo)(() => Object.keys(allExpandable).length === Object.keys(expandedRows).length, [allExpandable, expandedRows]);
63
+ const onExpandedAllHandler = (0, import_react.useCallback)(() => {
64
+ if (isAllRowsExpanded)
65
+ onRowExpand({}, "All");
66
+ else
67
+ onRowExpand({ ...allExpandable }, "All");
74
68
  }, [allExpandable, isAllRowsExpanded, onRowExpand]);
75
- const GlobalExpandIcon = React.useMemo(() => {
76
- if (isAllRowsExpanded) return /*#__PURE__*/_jsx__default["default"](dsIcons.ArrowheadDown, {
77
- size: "s",
78
- color: ['brand-primary', '600'],
79
- "data-testid": constants.DATA_TESTID.DATA_TABLE_ICON_ARROW_DOWN
80
- }); // Mixed
81
-
69
+ const GlobalExpandIcon = (0, import_react.useMemo)(() => {
70
+ if (isAllRowsExpanded)
71
+ return /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ArrowheadDown, {
72
+ size: "s",
73
+ color: ["brand-primary", "600"],
74
+ "data-testid": import_constants.DATA_TESTID.DATA_TABLE_ICON_ARROW_DOWN
75
+ });
82
76
  if (Object.keys(expandedRows).length) {
83
- return /*#__PURE__*/_jsx__default["default"](dsIcons.ArrowheadRight, {
77
+ return /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ArrowheadRight, {
84
78
  size: "s",
85
- color: ['brand-primary', '600'],
86
- "data-testid": constants.DATA_TESTID.DATA_TABLE_ICON_ARROW_MIXED,
87
- style: {
88
- transform: 'rotate(45deg)'
89
- }
79
+ color: ["brand-primary", "600"],
80
+ "data-testid": import_constants.DATA_TESTID.DATA_TABLE_ICON_ARROW_MIXED,
81
+ style: { transform: "rotate(45deg)" }
90
82
  });
91
83
  }
92
-
93
- return /*#__PURE__*/_jsx__default["default"](dsIcons.ArrowheadRight, {
84
+ return /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ArrowheadRight, {
94
85
  size: "s",
95
- color: ['brand-primary', '600'],
96
- "data-testid": constants.DATA_TESTID.DATA_TABLE_ICON_ARROW_RIGHT
86
+ color: ["brand-primary", "600"],
87
+ "data-testid": import_constants.DATA_TESTID.DATA_TABLE_ICON_ARROW_RIGHT
97
88
  });
98
89
  }, [expandedRows, isAllRowsExpanded]);
99
- return /*#__PURE__*/_jsx__default["default"](styled.StyledFocusWithin, {}, void 0, /*#__PURE__*/_jsx__default["default"](StyledSpan, {
90
+ return /* @__PURE__ */ import_react.default.createElement(import_styled.StyledFocusWithin, null, /* @__PURE__ */ import_react.default.createElement(StyledSpan, {
100
91
  role: "button",
101
92
  tabIndex: 0,
102
93
  title: "Toggle All Rows Expanded",
103
94
  onClick: onExpandedAllHandler,
104
- onKeyDown: e => {
105
- if (['Enter', 'Space'].includes(e.code)) {
95
+ onKeyDown: (e) => {
96
+ if (["Enter", "Space"].includes(e.code)) {
106
97
  onExpandedAllHandler();
107
98
  e.preventDefault();
108
99
  }
109
100
  },
110
- "data-testid": constants.DATA_TESTID.DATA_TABLE_GLOBAL_EXPAND_CELL,
101
+ "data-testid": import_constants.DATA_TESTID.DATA_TABLE_GLOBAL_EXPAND_CELL,
111
102
  "aria-expanded": isAllRowsExpanded,
112
- style: {
113
- width: '24px',
114
- height: '24px'
115
- }
116
- }, void 0, GlobalExpandIcon));
103
+ style: { width: "24px", height: "24px" }
104
+ }, GlobalExpandIcon));
117
105
  },
118
- Cell: _ref2 => {
119
- var _row$original$subRows;
120
-
121
- let {
122
- cell,
123
- row,
124
- isRowSelected,
125
- ctx,
126
- draggableProps
127
- } = _ref2;
106
+ Cell: ({ cell, row, isRowSelected, ctx, draggableProps }) => {
128
107
  const {
129
- tableProps: {
130
- dragAndDropRows,
131
- expandedRows,
132
- onRowExpand
133
- }
108
+ tableProps: { dragAndDropRows, expandedRows, onRowExpand }
134
109
  } = ctx;
135
110
  const uniqueId = row.uid;
136
111
  const isExpanded = expandedRows[uniqueId];
137
- const shouldPrintCaret = ((_row$original$subRows = row.original.subRows) === null || _row$original$subRows === void 0 ? void 0 : _row$original$subRows.length) && row.depth === 0 || // only allows 1 level of expands
138
- row.original.tableRowDetails || row.original.dimsumHeaderValue;
139
- const onRowExpandHandler = React.useCallback(e => {
112
+ const shouldPrintCaret = row.original.subRows?.length && row.depth === 0 || row.original.tableRowDetails || row.original.dimsumHeaderValue;
113
+ const onRowExpandHandler = (0, import_react.useCallback)((e) => {
140
114
  e.stopPropagation();
141
-
142
115
  if (expandedRows[uniqueId]) {
143
116
  delete expandedRows[uniqueId];
144
117
  } else {
145
118
  expandedRows[uniqueId] = true;
146
119
  }
147
-
148
- onRowExpand(_objectSpread({}, expandedRows), uniqueId);
120
+ onRowExpand({ ...expandedRows }, uniqueId);
149
121
  }, [expandedRows, uniqueId, onRowExpand]);
150
122
  const isDragging = draggableProps ? draggableProps.isDragging : false;
151
123
  const isDragOverlay = dragAndDropRows && !draggableProps;
152
- const indentStyle = React.useMemo(() => ({
153
- marginLeft: "".concat(row.depth * 32, "px"),
154
- marginRight: '18px',
155
- paddingLeft: '2px',
156
- paddingRight: '2px',
157
- position: 'relative',
158
- height: '100%',
159
- display: 'flex',
160
- alignItems: 'center'
124
+ const indentStyle = (0, import_react.useMemo)(() => ({
125
+ marginLeft: `${row.depth * 32}px`,
126
+ marginRight: "18px",
127
+ paddingLeft: "2px",
128
+ paddingRight: "2px",
129
+ position: "relative",
130
+ height: "100%",
131
+ display: "flex",
132
+ alignItems: "center"
161
133
  }), [row.depth]);
162
- const rowProps = React.useMemo(() => ({
163
- role: 'button',
164
- key: "".concat(row.uid, "-expand-button"),
165
- title: 'Toggle Row Expanded',
134
+ const rowProps = (0, import_react.useMemo)(() => ({
135
+ role: "button",
136
+ key: `${row.uid}-expand-button`,
137
+ title: "Toggle Row Expanded",
166
138
  onClick: onRowExpandHandler,
167
- onKeyDown: e => {
168
- if (['Enter', 'Space'].includes(e.code)) {
139
+ onKeyDown: (e) => {
140
+ if (["Enter", "Space"].includes(e.code)) {
169
141
  e.preventDefault();
170
142
  onRowExpandHandler(e);
171
143
  }
172
144
  },
173
145
  ref: cell.ref,
174
146
  tabIndex: isRowSelected ? 0 : -1,
175
- 'data-testid': 'data-table-row-expand-cell',
176
- 'aria-expanded': isExpanded,
147
+ "data-testid": "data-table-row-expand-cell",
148
+ "aria-expanded": isExpanded,
177
149
  isRightArrow: !isExpanded || isDragging || isDragOverlay
178
150
  }), [row.uid, onRowExpandHandler, cell.ref, isRowSelected, isExpanded, isDragging, isDragOverlay]);
179
- const PureCaretIcon = React.useMemo(() => isExpanded && !isDragging && !isDragOverlay ? /*#__PURE__*/_jsx__default["default"](dsIcons.ArrowheadDown, {
151
+ const PureCaretIcon = (0, import_react.useMemo)(() => isExpanded && !isDragging && !isDragOverlay ? /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ArrowheadDown, {
180
152
  "data-is-col-expanded": isExpanded,
181
153
  "data-role": "row-expander-col",
182
154
  size: "s",
183
- "data-testid": constants.DATA_TESTID.DATA_TABLE_ICON_ARROW_DOWN
184
- }) : /*#__PURE__*/_jsx__default["default"](dsIcons.ArrowheadRight, {
155
+ "data-testid": import_constants.DATA_TESTID.DATA_TABLE_ICON_ARROW_DOWN
156
+ }) : /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ArrowheadRight, {
185
157
  "data-is-col-expanded": isExpanded,
186
158
  "data-role": "row-expander-col",
187
159
  size: "s",
188
- "data-testid": constants.DATA_TESTID.DATA_TABLE_ICON_ARROW_RIGHT
160
+ "data-testid": import_constants.DATA_TESTID.DATA_TABLE_ICON_ARROW_RIGHT
189
161
  }), [isExpanded, isDragging, isDragOverlay]);
190
- const ChildIcon = React.useMemo(() => /*#__PURE__*/_jsx__default["default"](dsIcons.ArrowShortReturn, {
162
+ const ChildIcon = (0, import_react.useMemo)(() => /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ArrowShortReturn, {
191
163
  size: "s",
192
- "data-testid": constants.DATA_TESTID.DATA_TABLE_ICON_CHILD,
193
- style: {
194
- transform: 'rotate(90deg) scaleY(-1)'
195
- },
196
- color: ['brand-primary', '600']
164
+ "data-testid": import_constants.DATA_TESTID.DATA_TABLE_ICON_CHILD,
165
+ style: { transform: "rotate(90deg) scaleY(-1)" },
166
+ color: ["brand-primary", "600"]
197
167
  }), []);
198
- if (shouldPrintCaret) return /*#__PURE__*/_jsx__default["default"](styled.StyledFocusWithin, {
199
- style: indentStyle
200
- }, void 0, /*#__PURE__*/jsxRuntime.jsx(StyledSpan, _objectSpread(_objectSpread({}, rowProps), {}, {
201
- children: PureCaretIcon
202
- })));
203
- if (row.depth !== 0) return /*#__PURE__*/_jsx__default["default"]("span", {
204
- style: indentStyle
205
- }, void 0, ChildIcon);
206
- return /*#__PURE__*/_jsx__default["default"]("div", {
207
- style: {
208
- width: '36px'
209
- }
168
+ if (shouldPrintCaret)
169
+ return /* @__PURE__ */ import_react.default.createElement(import_styled.StyledFocusWithin, {
170
+ style: indentStyle
171
+ }, /* @__PURE__ */ import_react.default.createElement(StyledSpan, {
172
+ ...rowProps
173
+ }, PureCaretIcon));
174
+ if (row.depth !== 0)
175
+ return /* @__PURE__ */ import_react.default.createElement("span", {
176
+ style: indentStyle
177
+ }, ChildIcon);
178
+ return /* @__PURE__ */ import_react.default.createElement("div", {
179
+ style: { width: "36px" }
210
180
  });
211
181
  },
212
- textWrap: 'wrap',
182
+ textWrap: "wrap",
213
183
  canResize: false,
214
184
  width: 25,
215
185
  padding: 0,
216
186
  isFocuseable: false,
217
187
  disableDnD: true
218
188
  };
219
-
220
- exports.expandRowColumn = expandRowColumn;
189
+ module.exports = __toCommonJS(ColumnExpand_exports);
190
+ //# sourceMappingURL=ColumnExpand.js.map