@elliemae/ds-data-table 2.2.0-alpha.3 → 2.2.0-next.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 +57 -63
  2. package/cjs/DataTableContext.js +26 -52
  3. package/cjs/DataTableSchema.js +112 -150
  4. package/cjs/addons/Columns/ColumnAction/ColumnAction.js +14 -40
  5. package/cjs/addons/Columns/ColumnDragHandle/ColumnDragHandle.js +52 -52
  6. package/cjs/addons/Columns/ColumnExpand/ColumnExpand.js +154 -124
  7. package/cjs/addons/Columns/ColumnSelectMultiple/ColumnSelectMultiple.js +105 -63
  8. package/cjs/addons/Columns/ColumnSelectSingle/ColumnSelectSingle.js +81 -62
  9. package/cjs/addons/Columns/index.js +18 -51
  10. package/cjs/addons/Editables/ComboboxEditableCell/ComboboxEditableCell.js +85 -57
  11. package/cjs/addons/Editables/DateEditableCell/DateEditableCell.js +73 -51
  12. package/cjs/addons/Editables/TextEditableCell/TextEditableCell.js +88 -67
  13. package/cjs/addons/Editables/index.js +14 -39
  14. package/cjs/addons/Filters/Components/CurrencyRangeFilter/index.js +137 -87
  15. package/cjs/addons/Filters/Components/DateRangeFilter/index.js +88 -64
  16. package/cjs/addons/Filters/Components/DateSwitcherFilter/index.js +97 -72
  17. package/cjs/addons/Filters/Components/NumberRangeFilter/index.js +141 -89
  18. package/cjs/addons/Filters/Components/SelectFilter/BaseSelectFilter.js +117 -68
  19. package/cjs/addons/Filters/Components/SelectFilter/MultiSelectFilter.js +75 -59
  20. package/cjs/addons/Filters/Components/SelectFilter/SingleSelectFilter.js +75 -59
  21. package/cjs/addons/Filters/Components/SelectFilter/components.js +36 -86
  22. package/cjs/addons/Filters/Components/SelectFilter/useSelectFilterHandlers.js +57 -67
  23. package/cjs/addons/Filters/Components/SelectFilter/utils.js +46 -40
  24. package/cjs/addons/Filters/Components/SingleDateFilter/index.js +80 -64
  25. package/cjs/addons/Filters/Components/index.js +21 -34
  26. package/cjs/addons/Filters/index.js +21 -28
  27. package/cjs/addons/Pagination/Pagination.js +37 -45
  28. package/cjs/addons/Pagination/index.js +9 -35
  29. package/cjs/configs/constants.js +47 -74
  30. package/cjs/configs/fixedSizes.js +6 -34
  31. package/cjs/configs/index.js +22 -32
  32. package/cjs/configs/useDatatableConfig.js +59 -72
  33. package/cjs/configs/usePaginationConfig.js +23 -61
  34. package/cjs/configs/useRowFlattenization.js +40 -48
  35. package/cjs/configs/useTableColsWithAddons.js +62 -75
  36. package/cjs/configs/zIndexInternalConfig.js +6 -34
  37. package/cjs/exported-related/EditableCell.js +54 -64
  38. package/cjs/exported-related/FilterPopover.js +137 -103
  39. package/cjs/exported-related/FilterTypes.js +14 -42
  40. package/cjs/exported-related/Filters/applyOutOfTheBoxFilters.js +27 -50
  41. package/cjs/exported-related/Filters/currencyRangeFilterFn.js +19 -44
  42. package/cjs/exported-related/Filters/dateRangeFilterFn.js +45 -37
  43. package/cjs/exported-related/Filters/dateSwitcherFilterFn.js +12 -37
  44. package/cjs/exported-related/Filters/index.js +21 -34
  45. package/cjs/exported-related/Filters/multiSelectFilterFn.js +14 -35
  46. package/cjs/exported-related/Filters/numberRangeFilterFn.js +13 -36
  47. package/cjs/exported-related/Filters/singleDateFilterFn.js +45 -37
  48. package/cjs/exported-related/Filters/singleSelectFilterFn.js +12 -35
  49. package/cjs/exported-related/Filters/types.js +2 -27
  50. package/cjs/exported-related/RowRenderer/DefaultRowContentRenderer.js +109 -107
  51. package/cjs/exported-related/RowRenderer/index.js +95 -77
  52. package/cjs/exported-related/RowRenderer/useRowRendererHandlers.js +100 -71
  53. package/cjs/exported-related/RowRenderer/useRowRendererProperties.js +42 -51
  54. package/cjs/exported-related/RowRenderer/useRowStyle.js +35 -47
  55. package/cjs/exported-related/RowVariants.js +15 -43
  56. package/cjs/exported-related/Toolbar/Toolbar.js +80 -103
  57. package/cjs/exported-related/Toolbar/index.js +9 -35
  58. package/cjs/exported-related/groupBy.js +25 -43
  59. package/cjs/exported-related/index.js +35 -44
  60. package/cjs/helpers/addCellData.js +32 -43
  61. package/cjs/helpers/cellPadding.js +27 -44
  62. package/cjs/helpers/columnsToGrid.js +17 -41
  63. package/cjs/helpers/getIdFromUniqueRowAccessor.js +20 -38
  64. package/cjs/helpers/index.js +20 -33
  65. package/cjs/helpers/refs-helpers.js +22 -41
  66. package/cjs/helpers/sizeToCss.js +7 -35
  67. package/cjs/hooks/useRecoverFocusCol.js +21 -41
  68. package/cjs/hooks/useRecoverFocusRow.js +14 -37
  69. package/cjs/index.js +38 -29
  70. package/cjs/parts/Cells/Cell.js +105 -95
  71. package/cjs/parts/Cells/index.js +76 -83
  72. package/cjs/parts/Cells/useCellStyle.js +27 -47
  73. package/cjs/parts/DnDHandle.js +73 -61
  74. package/cjs/parts/DropIndicator.js +68 -77
  75. package/cjs/parts/EmptyContent.js +58 -93
  76. package/cjs/parts/FilterBar/FiltersBar.js +115 -82
  77. package/cjs/parts/FilterBar/components/DateRangePill.js +40 -57
  78. package/cjs/parts/FilterBar/components/DateSwitcherPill.js +40 -57
  79. package/cjs/parts/FilterBar/components/MultiSelectPill.js +42 -57
  80. package/cjs/parts/FilterBar/components/NumberRangePill.js +39 -56
  81. package/cjs/parts/FilterBar/components/SelectPill.js +36 -55
  82. package/cjs/parts/FilterBar/components/SingleDatePill.js +38 -56
  83. package/cjs/parts/FilterBar/components/index.js +19 -33
  84. package/cjs/parts/FilterBar/index.js +9 -35
  85. package/cjs/parts/FilterBar/styled.js +23 -49
  86. package/cjs/parts/FilterBar/types.js +2 -27
  87. package/cjs/parts/Filters/index.js +108 -69
  88. package/cjs/parts/Footer.js +21 -39
  89. package/cjs/parts/Headers/EmptyChildrenGroup.js +20 -42
  90. package/cjs/parts/Headers/HeaderCell.js +159 -114
  91. package/cjs/parts/Headers/HeaderCellGroup.js +93 -94
  92. package/cjs/parts/Headers/HeaderCellTitle.js +77 -50
  93. package/cjs/parts/Headers/HeaderResizer.js +94 -74
  94. package/cjs/parts/Headers/RequiredDot.js +21 -39
  95. package/cjs/parts/Headers/index.js +42 -58
  96. package/cjs/parts/Headers/useHeaderCellConfig.js +25 -48
  97. package/cjs/parts/Headers/useHeaderCellHandlers.js +76 -87
  98. package/cjs/parts/HoC/SortableItemContext.js +19 -44
  99. package/cjs/parts/HoC/withConditionalDnDColumnContext.js +101 -86
  100. package/cjs/parts/HoC/withConditionalDnDRowContext.js +93 -90
  101. package/cjs/parts/HoC/withConditionalDnDSortableContext.js +43 -50
  102. package/cjs/parts/HoC/withDnDSortableColumnContext.js +58 -60
  103. package/cjs/parts/HoC/withDnDSortableRowContext.js +59 -59
  104. package/cjs/parts/Loader.js +30 -50
  105. package/cjs/parts/Row.js +59 -64
  106. package/cjs/parts/RowLoading.js +52 -53
  107. package/cjs/parts/RowVariants/RowVariantHeader.js +95 -79
  108. package/cjs/parts/RowVariants/RowVariantPrimary.js +36 -55
  109. package/cjs/parts/RowVariants/RowVariantSecondary.js +37 -56
  110. package/cjs/parts/RowVariants/index.js +77 -59
  111. package/cjs/parts/RowVariants/types.js +2 -27
  112. package/cjs/parts/Rows.js +68 -71
  113. package/cjs/parts/SortByCaret.js +30 -44
  114. package/cjs/parts/SortableHeaderCell.js +38 -43
  115. package/cjs/parts/TableContent.js +84 -68
  116. package/cjs/parts/VirtualRowsList.js +89 -74
  117. package/cjs/parts/index.js +19 -45
  118. package/cjs/prop-types.js +56 -76
  119. package/cjs/redux/reducers/headersReducers/defaults.js +6 -34
  120. package/cjs/redux/reducers/headersReducers/headersReducers.js +23 -46
  121. package/cjs/redux/reducers/headersReducers/index.js +14 -29
  122. package/cjs/redux/reducers/headersReducers/logic.js +33 -42
  123. package/cjs/redux/reducers/headersReducers/useDispatchHeadersActions.js +19 -40
  124. package/cjs/redux/reducers/index.js +17 -46
  125. package/cjs/redux/reducers/rowsReducers/actions_types.js +19 -47
  126. package/cjs/redux/reducers/rowsReducers/defaults.js +7 -35
  127. package/cjs/redux/reducers/rowsReducers/index.js +20 -29
  128. package/cjs/redux/reducers/rowsReducers/logic.js +14 -41
  129. package/cjs/redux/reducers/rowsReducers/rowsReducer.js +41 -58
  130. package/cjs/redux/reducers/rowsReducers/useDispatchRowsActions.js +21 -48
  131. package/cjs/redux/storeConfig.js +9 -36
  132. package/cjs/styled.js +219 -295
  133. package/cjs/types/FunctionalHoC.js +2 -27
  134. package/cjs/types/props.js +2 -27
  135. package/esm/DataTable.js +42 -29
  136. package/esm/DataTableContext.js +19 -22
  137. package/esm/DataTableSchema.js +95 -108
  138. package/esm/addons/Columns/ColumnAction/ColumnAction.js +10 -11
  139. package/esm/addons/Columns/ColumnDragHandle/ColumnDragHandle.js +43 -22
  140. package/esm/addons/Columns/ColumnExpand/ColumnExpand.js +132 -83
  141. package/esm/addons/Columns/ColumnSelectMultiple/ColumnSelectMultiple.js +92 -30
  142. package/esm/addons/Columns/ColumnSelectSingle/ColumnSelectSingle.js +71 -32
  143. package/esm/addons/Columns/index.js +9 -22
  144. package/esm/addons/Editables/ComboboxEditableCell/ComboboxEditableCell.js +72 -23
  145. package/esm/addons/Editables/DateEditableCell/DateEditableCell.js +62 -19
  146. package/esm/addons/Editables/TextEditableCell/TextEditableCell.js +76 -35
  147. package/esm/addons/Editables/index.js +9 -9
  148. package/esm/addons/Filters/Components/CurrencyRangeFilter/index.js +124 -55
  149. package/esm/addons/Filters/Components/DateRangeFilter/index.js +77 -33
  150. package/esm/addons/Filters/Components/DateSwitcherFilter/index.js +85 -44
  151. package/esm/addons/Filters/Components/NumberRangeFilter/index.js +128 -57
  152. package/esm/addons/Filters/Components/SelectFilter/BaseSelectFilter.js +105 -35
  153. package/esm/addons/Filters/Components/SelectFilter/MultiSelectFilter.js +67 -30
  154. package/esm/addons/Filters/Components/SelectFilter/SingleSelectFilter.js +67 -30
  155. package/esm/addons/Filters/Components/SelectFilter/components.js +23 -57
  156. package/esm/addons/Filters/Components/SelectFilter/useSelectFilterHandlers.js +53 -38
  157. package/esm/addons/Filters/Components/SelectFilter/utils.js +41 -11
  158. package/esm/addons/Filters/Components/SingleDateFilter/index.js +67 -31
  159. package/esm/addons/Filters/Components/index.js +7 -9
  160. package/esm/addons/Filters/index.js +7 -3
  161. package/esm/addons/Pagination/Pagination.js +27 -14
  162. package/esm/addons/Pagination/index.js +1 -6
  163. package/esm/configs/constants.js +42 -45
  164. package/esm/configs/fixedSizes.js +2 -5
  165. package/esm/configs/index.js +5 -7
  166. package/esm/configs/useDatatableConfig.js +47 -35
  167. package/esm/configs/usePaginationConfig.js +17 -30
  168. package/esm/configs/useRowFlattenization.js +33 -16
  169. package/esm/configs/useTableColsWithAddons.js +55 -51
  170. package/esm/configs/zIndexInternalConfig.js +2 -5
  171. package/esm/exported-related/EditableCell.js +44 -33
  172. package/esm/exported-related/FilterPopover.js +122 -70
  173. package/esm/exported-related/FilterTypes.js +9 -12
  174. package/esm/exported-related/Filters/applyOutOfTheBoxFilters.js +16 -14
  175. package/esm/exported-related/Filters/currencyRangeFilterFn.js +15 -15
  176. package/esm/exported-related/Filters/dateRangeFilterFn.js +37 -8
  177. package/esm/exported-related/Filters/dateSwitcherFilterFn.js +7 -7
  178. package/esm/exported-related/Filters/index.js +7 -9
  179. package/esm/exported-related/Filters/multiSelectFilterFn.js +10 -6
  180. package/esm/exported-related/Filters/numberRangeFilterFn.js +9 -7
  181. package/esm/exported-related/Filters/singleDateFilterFn.js +37 -8
  182. package/esm/exported-related/Filters/singleSelectFilterFn.js +8 -6
  183. package/esm/exported-related/Filters/types.js +1 -2
  184. package/esm/exported-related/RowRenderer/DefaultRowContentRenderer.js +94 -72
  185. package/esm/exported-related/RowRenderer/index.js +85 -45
  186. package/esm/exported-related/RowRenderer/useRowRendererHandlers.js +95 -41
  187. package/esm/exported-related/RowRenderer/useRowRendererProperties.js +31 -19
  188. package/esm/exported-related/RowRenderer/useRowStyle.js +30 -17
  189. package/esm/exported-related/RowVariants.js +9 -14
  190. package/esm/exported-related/Toolbar/Toolbar.js +64 -68
  191. package/esm/exported-related/Toolbar/index.js +1 -6
  192. package/esm/exported-related/groupBy.js +21 -14
  193. package/esm/exported-related/index.js +13 -15
  194. package/esm/helpers/addCellData.js +25 -15
  195. package/esm/helpers/cellPadding.js +22 -15
  196. package/esm/helpers/columnsToGrid.js +13 -12
  197. package/esm/helpers/getIdFromUniqueRowAccessor.js +16 -9
  198. package/esm/helpers/index.js +6 -8
  199. package/esm/helpers/refs-helpers.js +19 -13
  200. package/esm/helpers/sizeToCss.js +3 -6
  201. package/esm/hooks/useRecoverFocusCol.js +15 -10
  202. package/esm/hooks/useRecoverFocusRow.js +8 -6
  203. package/esm/index.js +14 -4
  204. package/esm/parts/Cells/Cell.js +94 -63
  205. package/esm/parts/Cells/index.js +70 -54
  206. package/esm/parts/Cells/useCellStyle.js +21 -16
  207. package/esm/parts/DnDHandle.js +65 -32
  208. package/esm/parts/DropIndicator.js +62 -49
  209. package/esm/parts/EmptyContent.js +48 -64
  210. package/esm/parts/FilterBar/FiltersBar.js +94 -49
  211. package/esm/parts/FilterBar/components/DateRangePill.js +31 -27
  212. package/esm/parts/FilterBar/components/DateSwitcherPill.js +31 -27
  213. package/esm/parts/FilterBar/components/MultiSelectPill.js +34 -28
  214. package/esm/parts/FilterBar/components/NumberRangePill.js +30 -26
  215. package/esm/parts/FilterBar/components/SelectPill.js +27 -25
  216. package/esm/parts/FilterBar/components/SingleDatePill.js +29 -26
  217. package/esm/parts/FilterBar/components/index.js +6 -8
  218. package/esm/parts/FilterBar/index.js +1 -6
  219. package/esm/parts/FilterBar/styled.js +12 -20
  220. package/esm/parts/FilterBar/types.js +1 -2
  221. package/esm/parts/Filters/index.js +92 -40
  222. package/esm/parts/Footer.js +15 -10
  223. package/esm/parts/Headers/EmptyChildrenGroup.js +11 -13
  224. package/esm/parts/Headers/HeaderCell.js +141 -77
  225. package/esm/parts/Headers/HeaderCellGroup.js +82 -64
  226. package/esm/parts/Headers/HeaderCellTitle.js +70 -22
  227. package/esm/parts/Headers/HeaderResizer.js +77 -36
  228. package/esm/parts/Headers/RequiredDot.js +13 -10
  229. package/esm/parts/Headers/index.js +35 -28
  230. package/esm/parts/Headers/useHeaderCellConfig.js +21 -19
  231. package/esm/parts/Headers/useHeaderCellHandlers.js +66 -56
  232. package/esm/parts/HoC/SortableItemContext.js +15 -15
  233. package/esm/parts/HoC/withConditionalDnDColumnContext.js +85 -52
  234. package/esm/parts/HoC/withConditionalDnDRowContext.js +80 -59
  235. package/esm/parts/HoC/withConditionalDnDSortableContext.js +34 -21
  236. package/esm/parts/HoC/withDnDSortableColumnContext.js +44 -26
  237. package/esm/parts/HoC/withDnDSortableRowContext.js +46 -26
  238. package/esm/parts/Loader.js +22 -21
  239. package/esm/parts/Row.js +48 -33
  240. package/esm/parts/RowLoading.js +42 -23
  241. package/esm/parts/RowVariants/RowVariantHeader.js +83 -47
  242. package/esm/parts/RowVariants/RowVariantPrimary.js +28 -26
  243. package/esm/parts/RowVariants/RowVariantSecondary.js +29 -27
  244. package/esm/parts/RowVariants/index.js +65 -26
  245. package/esm/parts/RowVariants/types.js +1 -2
  246. package/esm/parts/Rows.js +61 -41
  247. package/esm/parts/SortByCaret.js +22 -15
  248. package/esm/parts/SortableHeaderCell.js +29 -14
  249. package/esm/parts/TableContent.js +72 -35
  250. package/esm/parts/VirtualRowsList.js +78 -40
  251. package/esm/parts/index.js +6 -16
  252. package/esm/prop-types.js +22 -28
  253. package/esm/redux/reducers/headersReducers/defaults.js +2 -5
  254. package/esm/redux/reducers/headersReducers/headersReducers.js +11 -12
  255. package/esm/redux/reducers/headersReducers/index.js +2 -4
  256. package/esm/redux/reducers/headersReducers/logic.js +24 -13
  257. package/esm/redux/reducers/headersReducers/useDispatchHeadersActions.js +14 -10
  258. package/esm/redux/reducers/index.js +11 -17
  259. package/esm/redux/reducers/rowsReducers/actions_types.js +9 -18
  260. package/esm/redux/reducers/rowsReducers/defaults.js +2 -6
  261. package/esm/redux/reducers/rowsReducers/index.js +2 -4
  262. package/esm/redux/reducers/rowsReducers/logic.js +3 -12
  263. package/esm/redux/reducers/rowsReducers/rowsReducer.js +18 -28
  264. package/esm/redux/reducers/rowsReducers/useDispatchRowsActions.js +15 -26
  265. package/esm/redux/storeConfig.js +4 -6
  266. package/esm/styled.js +194 -268
  267. package/esm/types/FunctionalHoC.js +1 -2
  268. package/esm/types/props.js +1 -2
  269. package/package.json +18 -18
  270. package/types/DataTable.d.ts +1 -1
  271. package/types/DataTableContext.d.ts +0 -1
  272. package/types/configs/useTableColsWithAddons.d.ts +0 -1
  273. package/types/exported-related/RowRenderer/index.d.ts +0 -1
  274. package/types/exported-related/RowRenderer/useRowRendererProperties.d.ts +1 -1
  275. package/types/parts/Cells/Cell.d.ts +0 -1
  276. package/types/parts/Cells/index.d.ts +0 -1
  277. package/types/parts/DropIndicator.d.ts +0 -1
  278. package/types/parts/EmptyContent.d.ts +0 -1
  279. package/types/parts/Footer.d.ts +0 -1
  280. package/types/parts/Headers/index.d.ts +2 -2
  281. package/types/parts/Loader.d.ts +2 -2
  282. package/types/parts/Row.d.ts +2 -3
  283. package/types/parts/RowLoading.d.ts +0 -1
  284. package/types/parts/Rows.d.ts +2 -2
  285. package/types/parts/TableContent.d.ts +0 -1
  286. package/types/parts/VirtualRowsList.d.ts +1 -1
  287. package/types/redux/reducers/index.d.ts +2 -2
  288. package/cjs/DataTable.js.map +0 -7
  289. package/cjs/DataTableContext.js.map +0 -7
  290. package/cjs/DataTableSchema.js.map +0 -7
  291. package/cjs/addons/Columns/ColumnAction/ColumnAction.js.map +0 -7
  292. package/cjs/addons/Columns/ColumnDragHandle/ColumnDragHandle.js.map +0 -7
  293. package/cjs/addons/Columns/ColumnExpand/ColumnExpand.js.map +0 -7
  294. package/cjs/addons/Columns/ColumnSelectMultiple/ColumnSelectMultiple.js.map +0 -7
  295. package/cjs/addons/Columns/ColumnSelectSingle/ColumnSelectSingle.js.map +0 -7
  296. package/cjs/addons/Columns/index.js.map +0 -7
  297. package/cjs/addons/Editables/ComboboxEditableCell/ComboboxEditableCell.js.map +0 -7
  298. package/cjs/addons/Editables/DateEditableCell/DateEditableCell.js.map +0 -7
  299. package/cjs/addons/Editables/TextEditableCell/TextEditableCell.js.map +0 -7
  300. package/cjs/addons/Editables/index.js.map +0 -7
  301. package/cjs/addons/Filters/Components/CurrencyRangeFilter/index.js.map +0 -7
  302. package/cjs/addons/Filters/Components/DateRangeFilter/index.js.map +0 -7
  303. package/cjs/addons/Filters/Components/DateSwitcherFilter/index.js.map +0 -7
  304. package/cjs/addons/Filters/Components/NumberRangeFilter/index.js.map +0 -7
  305. package/cjs/addons/Filters/Components/SelectFilter/BaseSelectFilter.js.map +0 -7
  306. package/cjs/addons/Filters/Components/SelectFilter/MultiSelectFilter.js.map +0 -7
  307. package/cjs/addons/Filters/Components/SelectFilter/SingleSelectFilter.js.map +0 -7
  308. package/cjs/addons/Filters/Components/SelectFilter/components.js.map +0 -7
  309. package/cjs/addons/Filters/Components/SelectFilter/useSelectFilterHandlers.js.map +0 -7
  310. package/cjs/addons/Filters/Components/SelectFilter/utils.js.map +0 -7
  311. package/cjs/addons/Filters/Components/SingleDateFilter/index.js.map +0 -7
  312. package/cjs/addons/Filters/Components/index.js.map +0 -7
  313. package/cjs/addons/Filters/index.js.map +0 -7
  314. package/cjs/addons/Pagination/Pagination.js.map +0 -7
  315. package/cjs/addons/Pagination/index.js.map +0 -7
  316. package/cjs/configs/constants.js.map +0 -7
  317. package/cjs/configs/fixedSizes.js.map +0 -7
  318. package/cjs/configs/index.js.map +0 -7
  319. package/cjs/configs/useDatatableConfig.js.map +0 -7
  320. package/cjs/configs/usePaginationConfig.js.map +0 -7
  321. package/cjs/configs/useRowFlattenization.js.map +0 -7
  322. package/cjs/configs/useTableColsWithAddons.js.map +0 -7
  323. package/cjs/configs/zIndexInternalConfig.js.map +0 -7
  324. package/cjs/exported-related/EditableCell.js.map +0 -7
  325. package/cjs/exported-related/FilterPopover.js.map +0 -7
  326. package/cjs/exported-related/FilterTypes.js.map +0 -7
  327. package/cjs/exported-related/Filters/applyOutOfTheBoxFilters.js.map +0 -7
  328. package/cjs/exported-related/Filters/currencyRangeFilterFn.js.map +0 -7
  329. package/cjs/exported-related/Filters/dateRangeFilterFn.js.map +0 -7
  330. package/cjs/exported-related/Filters/dateSwitcherFilterFn.js.map +0 -7
  331. package/cjs/exported-related/Filters/index.js.map +0 -7
  332. package/cjs/exported-related/Filters/multiSelectFilterFn.js.map +0 -7
  333. package/cjs/exported-related/Filters/numberRangeFilterFn.js.map +0 -7
  334. package/cjs/exported-related/Filters/singleDateFilterFn.js.map +0 -7
  335. package/cjs/exported-related/Filters/singleSelectFilterFn.js.map +0 -7
  336. package/cjs/exported-related/Filters/types.js.map +0 -7
  337. package/cjs/exported-related/RowRenderer/DefaultRowContentRenderer.js.map +0 -7
  338. package/cjs/exported-related/RowRenderer/index.js.map +0 -7
  339. package/cjs/exported-related/RowRenderer/useRowRendererHandlers.js.map +0 -7
  340. package/cjs/exported-related/RowRenderer/useRowRendererProperties.js.map +0 -7
  341. package/cjs/exported-related/RowRenderer/useRowStyle.js.map +0 -7
  342. package/cjs/exported-related/RowVariants.js.map +0 -7
  343. package/cjs/exported-related/Toolbar/Toolbar.js.map +0 -7
  344. package/cjs/exported-related/Toolbar/index.js.map +0 -7
  345. package/cjs/exported-related/groupBy.js.map +0 -7
  346. package/cjs/exported-related/index.js.map +0 -7
  347. package/cjs/helpers/addCellData.js.map +0 -7
  348. package/cjs/helpers/cellPadding.js.map +0 -7
  349. package/cjs/helpers/columnsToGrid.js.map +0 -7
  350. package/cjs/helpers/getIdFromUniqueRowAccessor.js.map +0 -7
  351. package/cjs/helpers/index.js.map +0 -7
  352. package/cjs/helpers/refs-helpers.js.map +0 -7
  353. package/cjs/helpers/sizeToCss.js.map +0 -7
  354. package/cjs/hooks/useRecoverFocusCol.js.map +0 -7
  355. package/cjs/hooks/useRecoverFocusRow.js.map +0 -7
  356. package/cjs/index.js.map +0 -7
  357. package/cjs/parts/Cells/Cell.js.map +0 -7
  358. package/cjs/parts/Cells/index.js.map +0 -7
  359. package/cjs/parts/Cells/useCellStyle.js.map +0 -7
  360. package/cjs/parts/DnDHandle.js.map +0 -7
  361. package/cjs/parts/DropIndicator.js.map +0 -7
  362. package/cjs/parts/EmptyContent.js.map +0 -7
  363. package/cjs/parts/FilterBar/FiltersBar.js.map +0 -7
  364. package/cjs/parts/FilterBar/components/DateRangePill.js.map +0 -7
  365. package/cjs/parts/FilterBar/components/DateSwitcherPill.js.map +0 -7
  366. package/cjs/parts/FilterBar/components/MultiSelectPill.js.map +0 -7
  367. package/cjs/parts/FilterBar/components/NumberRangePill.js.map +0 -7
  368. package/cjs/parts/FilterBar/components/SelectPill.js.map +0 -7
  369. package/cjs/parts/FilterBar/components/SingleDatePill.js.map +0 -7
  370. package/cjs/parts/FilterBar/components/index.js.map +0 -7
  371. package/cjs/parts/FilterBar/index.js.map +0 -7
  372. package/cjs/parts/FilterBar/styled.js.map +0 -7
  373. package/cjs/parts/FilterBar/types.js.map +0 -7
  374. package/cjs/parts/Filters/index.js.map +0 -7
  375. package/cjs/parts/Footer.js.map +0 -7
  376. package/cjs/parts/Headers/EmptyChildrenGroup.js.map +0 -7
  377. package/cjs/parts/Headers/HeaderCell.js.map +0 -7
  378. package/cjs/parts/Headers/HeaderCellGroup.js.map +0 -7
  379. package/cjs/parts/Headers/HeaderCellTitle.js.map +0 -7
  380. package/cjs/parts/Headers/HeaderResizer.js.map +0 -7
  381. package/cjs/parts/Headers/RequiredDot.js.map +0 -7
  382. package/cjs/parts/Headers/index.js.map +0 -7
  383. package/cjs/parts/Headers/useHeaderCellConfig.js.map +0 -7
  384. package/cjs/parts/Headers/useHeaderCellHandlers.js.map +0 -7
  385. package/cjs/parts/HoC/SortableItemContext.js.map +0 -7
  386. package/cjs/parts/HoC/withConditionalDnDColumnContext.js.map +0 -7
  387. package/cjs/parts/HoC/withConditionalDnDRowContext.js.map +0 -7
  388. package/cjs/parts/HoC/withConditionalDnDSortableContext.js.map +0 -7
  389. package/cjs/parts/HoC/withDnDSortableColumnContext.js.map +0 -7
  390. package/cjs/parts/HoC/withDnDSortableRowContext.js.map +0 -7
  391. package/cjs/parts/Loader.js.map +0 -7
  392. package/cjs/parts/Row.js.map +0 -7
  393. package/cjs/parts/RowLoading.js.map +0 -7
  394. package/cjs/parts/RowVariants/RowVariantHeader.js.map +0 -7
  395. package/cjs/parts/RowVariants/RowVariantPrimary.js.map +0 -7
  396. package/cjs/parts/RowVariants/RowVariantSecondary.js.map +0 -7
  397. package/cjs/parts/RowVariants/index.js.map +0 -7
  398. package/cjs/parts/RowVariants/types.js.map +0 -7
  399. package/cjs/parts/Rows.js.map +0 -7
  400. package/cjs/parts/SortByCaret.js.map +0 -7
  401. package/cjs/parts/SortableHeaderCell.js.map +0 -7
  402. package/cjs/parts/TableContent.js.map +0 -7
  403. package/cjs/parts/VirtualRowsList.js.map +0 -7
  404. package/cjs/parts/index.js.map +0 -7
  405. package/cjs/prop-types.js.map +0 -7
  406. package/cjs/redux/reducers/headersReducers/defaults.js.map +0 -7
  407. package/cjs/redux/reducers/headersReducers/headersReducers.js.map +0 -7
  408. package/cjs/redux/reducers/headersReducers/index.js.map +0 -7
  409. package/cjs/redux/reducers/headersReducers/logic.js.map +0 -7
  410. package/cjs/redux/reducers/headersReducers/useDispatchHeadersActions.js.map +0 -7
  411. package/cjs/redux/reducers/index.js.map +0 -7
  412. package/cjs/redux/reducers/rowsReducers/actions_types.js.map +0 -7
  413. package/cjs/redux/reducers/rowsReducers/defaults.js.map +0 -7
  414. package/cjs/redux/reducers/rowsReducers/index.js.map +0 -7
  415. package/cjs/redux/reducers/rowsReducers/logic.js.map +0 -7
  416. package/cjs/redux/reducers/rowsReducers/rowsReducer.js.map +0 -7
  417. package/cjs/redux/reducers/rowsReducers/useDispatchRowsActions.js.map +0 -7
  418. package/cjs/redux/storeConfig.js.map +0 -7
  419. package/cjs/styled.js.map +0 -7
  420. package/cjs/tests/utils/index.js +0 -119
  421. package/cjs/tests/utils/index.js.map +0 -7
  422. package/cjs/types/FunctionalHoC.js.map +0 -7
  423. package/cjs/types/props.js.map +0 -7
  424. package/esm/DataTable.js.map +0 -7
  425. package/esm/DataTableContext.js.map +0 -7
  426. package/esm/DataTableSchema.js.map +0 -7
  427. package/esm/addons/Columns/ColumnAction/ColumnAction.js.map +0 -7
  428. package/esm/addons/Columns/ColumnDragHandle/ColumnDragHandle.js.map +0 -7
  429. package/esm/addons/Columns/ColumnExpand/ColumnExpand.js.map +0 -7
  430. package/esm/addons/Columns/ColumnSelectMultiple/ColumnSelectMultiple.js.map +0 -7
  431. package/esm/addons/Columns/ColumnSelectSingle/ColumnSelectSingle.js.map +0 -7
  432. package/esm/addons/Columns/index.js.map +0 -7
  433. package/esm/addons/Editables/ComboboxEditableCell/ComboboxEditableCell.js.map +0 -7
  434. package/esm/addons/Editables/DateEditableCell/DateEditableCell.js.map +0 -7
  435. package/esm/addons/Editables/TextEditableCell/TextEditableCell.js.map +0 -7
  436. package/esm/addons/Editables/index.js.map +0 -7
  437. package/esm/addons/Filters/Components/CurrencyRangeFilter/index.js.map +0 -7
  438. package/esm/addons/Filters/Components/DateRangeFilter/index.js.map +0 -7
  439. package/esm/addons/Filters/Components/DateSwitcherFilter/index.js.map +0 -7
  440. package/esm/addons/Filters/Components/NumberRangeFilter/index.js.map +0 -7
  441. package/esm/addons/Filters/Components/SelectFilter/BaseSelectFilter.js.map +0 -7
  442. package/esm/addons/Filters/Components/SelectFilter/MultiSelectFilter.js.map +0 -7
  443. package/esm/addons/Filters/Components/SelectFilter/SingleSelectFilter.js.map +0 -7
  444. package/esm/addons/Filters/Components/SelectFilter/components.js.map +0 -7
  445. package/esm/addons/Filters/Components/SelectFilter/useSelectFilterHandlers.js.map +0 -7
  446. package/esm/addons/Filters/Components/SelectFilter/utils.js.map +0 -7
  447. package/esm/addons/Filters/Components/SingleDateFilter/index.js.map +0 -7
  448. package/esm/addons/Filters/Components/index.js.map +0 -7
  449. package/esm/addons/Filters/index.js.map +0 -7
  450. package/esm/addons/Pagination/Pagination.js.map +0 -7
  451. package/esm/addons/Pagination/index.js.map +0 -7
  452. package/esm/configs/constants.js.map +0 -7
  453. package/esm/configs/fixedSizes.js.map +0 -7
  454. package/esm/configs/index.js.map +0 -7
  455. package/esm/configs/useDatatableConfig.js.map +0 -7
  456. package/esm/configs/usePaginationConfig.js.map +0 -7
  457. package/esm/configs/useRowFlattenization.js.map +0 -7
  458. package/esm/configs/useTableColsWithAddons.js.map +0 -7
  459. package/esm/configs/zIndexInternalConfig.js.map +0 -7
  460. package/esm/exported-related/EditableCell.js.map +0 -7
  461. package/esm/exported-related/FilterPopover.js.map +0 -7
  462. package/esm/exported-related/FilterTypes.js.map +0 -7
  463. package/esm/exported-related/Filters/applyOutOfTheBoxFilters.js.map +0 -7
  464. package/esm/exported-related/Filters/currencyRangeFilterFn.js.map +0 -7
  465. package/esm/exported-related/Filters/dateRangeFilterFn.js.map +0 -7
  466. package/esm/exported-related/Filters/dateSwitcherFilterFn.js.map +0 -7
  467. package/esm/exported-related/Filters/index.js.map +0 -7
  468. package/esm/exported-related/Filters/multiSelectFilterFn.js.map +0 -7
  469. package/esm/exported-related/Filters/numberRangeFilterFn.js.map +0 -7
  470. package/esm/exported-related/Filters/singleDateFilterFn.js.map +0 -7
  471. package/esm/exported-related/Filters/singleSelectFilterFn.js.map +0 -7
  472. package/esm/exported-related/Filters/types.js.map +0 -7
  473. package/esm/exported-related/RowRenderer/DefaultRowContentRenderer.js.map +0 -7
  474. package/esm/exported-related/RowRenderer/index.js.map +0 -7
  475. package/esm/exported-related/RowRenderer/useRowRendererHandlers.js.map +0 -7
  476. package/esm/exported-related/RowRenderer/useRowRendererProperties.js.map +0 -7
  477. package/esm/exported-related/RowRenderer/useRowStyle.js.map +0 -7
  478. package/esm/exported-related/RowVariants.js.map +0 -7
  479. package/esm/exported-related/Toolbar/Toolbar.js.map +0 -7
  480. package/esm/exported-related/Toolbar/index.js.map +0 -7
  481. package/esm/exported-related/groupBy.js.map +0 -7
  482. package/esm/exported-related/index.js.map +0 -7
  483. package/esm/helpers/addCellData.js.map +0 -7
  484. package/esm/helpers/cellPadding.js.map +0 -7
  485. package/esm/helpers/columnsToGrid.js.map +0 -7
  486. package/esm/helpers/getIdFromUniqueRowAccessor.js.map +0 -7
  487. package/esm/helpers/index.js.map +0 -7
  488. package/esm/helpers/refs-helpers.js.map +0 -7
  489. package/esm/helpers/sizeToCss.js.map +0 -7
  490. package/esm/hooks/useRecoverFocusCol.js.map +0 -7
  491. package/esm/hooks/useRecoverFocusRow.js.map +0 -7
  492. package/esm/index.js.map +0 -7
  493. package/esm/parts/Cells/Cell.js.map +0 -7
  494. package/esm/parts/Cells/index.js.map +0 -7
  495. package/esm/parts/Cells/useCellStyle.js.map +0 -7
  496. package/esm/parts/DnDHandle.js.map +0 -7
  497. package/esm/parts/DropIndicator.js.map +0 -7
  498. package/esm/parts/EmptyContent.js.map +0 -7
  499. package/esm/parts/FilterBar/FiltersBar.js.map +0 -7
  500. package/esm/parts/FilterBar/components/DateRangePill.js.map +0 -7
  501. package/esm/parts/FilterBar/components/DateSwitcherPill.js.map +0 -7
  502. package/esm/parts/FilterBar/components/MultiSelectPill.js.map +0 -7
  503. package/esm/parts/FilterBar/components/NumberRangePill.js.map +0 -7
  504. package/esm/parts/FilterBar/components/SelectPill.js.map +0 -7
  505. package/esm/parts/FilterBar/components/SingleDatePill.js.map +0 -7
  506. package/esm/parts/FilterBar/components/index.js.map +0 -7
  507. package/esm/parts/FilterBar/index.js.map +0 -7
  508. package/esm/parts/FilterBar/styled.js.map +0 -7
  509. package/esm/parts/FilterBar/types.js.map +0 -7
  510. package/esm/parts/Filters/index.js.map +0 -7
  511. package/esm/parts/Footer.js.map +0 -7
  512. package/esm/parts/Headers/EmptyChildrenGroup.js.map +0 -7
  513. package/esm/parts/Headers/HeaderCell.js.map +0 -7
  514. package/esm/parts/Headers/HeaderCellGroup.js.map +0 -7
  515. package/esm/parts/Headers/HeaderCellTitle.js.map +0 -7
  516. package/esm/parts/Headers/HeaderResizer.js.map +0 -7
  517. package/esm/parts/Headers/RequiredDot.js.map +0 -7
  518. package/esm/parts/Headers/index.js.map +0 -7
  519. package/esm/parts/Headers/useHeaderCellConfig.js.map +0 -7
  520. package/esm/parts/Headers/useHeaderCellHandlers.js.map +0 -7
  521. package/esm/parts/HoC/SortableItemContext.js.map +0 -7
  522. package/esm/parts/HoC/withConditionalDnDColumnContext.js.map +0 -7
  523. package/esm/parts/HoC/withConditionalDnDRowContext.js.map +0 -7
  524. package/esm/parts/HoC/withConditionalDnDSortableContext.js.map +0 -7
  525. package/esm/parts/HoC/withDnDSortableColumnContext.js.map +0 -7
  526. package/esm/parts/HoC/withDnDSortableRowContext.js.map +0 -7
  527. package/esm/parts/Loader.js.map +0 -7
  528. package/esm/parts/Row.js.map +0 -7
  529. package/esm/parts/RowLoading.js.map +0 -7
  530. package/esm/parts/RowVariants/RowVariantHeader.js.map +0 -7
  531. package/esm/parts/RowVariants/RowVariantPrimary.js.map +0 -7
  532. package/esm/parts/RowVariants/RowVariantSecondary.js.map +0 -7
  533. package/esm/parts/RowVariants/index.js.map +0 -7
  534. package/esm/parts/RowVariants/types.js.map +0 -7
  535. package/esm/parts/Rows.js.map +0 -7
  536. package/esm/parts/SortByCaret.js.map +0 -7
  537. package/esm/parts/SortableHeaderCell.js.map +0 -7
  538. package/esm/parts/TableContent.js.map +0 -7
  539. package/esm/parts/VirtualRowsList.js.map +0 -7
  540. package/esm/parts/index.js.map +0 -7
  541. package/esm/prop-types.js.map +0 -7
  542. package/esm/redux/reducers/headersReducers/defaults.js.map +0 -7
  543. package/esm/redux/reducers/headersReducers/headersReducers.js.map +0 -7
  544. package/esm/redux/reducers/headersReducers/index.js.map +0 -7
  545. package/esm/redux/reducers/headersReducers/logic.js.map +0 -7
  546. package/esm/redux/reducers/headersReducers/useDispatchHeadersActions.js.map +0 -7
  547. package/esm/redux/reducers/index.js.map +0 -7
  548. package/esm/redux/reducers/rowsReducers/actions_types.js.map +0 -7
  549. package/esm/redux/reducers/rowsReducers/defaults.js.map +0 -7
  550. package/esm/redux/reducers/rowsReducers/index.js.map +0 -7
  551. package/esm/redux/reducers/rowsReducers/logic.js.map +0 -7
  552. package/esm/redux/reducers/rowsReducers/rowsReducer.js.map +0 -7
  553. package/esm/redux/reducers/rowsReducers/useDispatchRowsActions.js.map +0 -7
  554. package/esm/redux/storeConfig.js.map +0 -7
  555. package/esm/styled.js.map +0 -7
  556. package/esm/tests/utils/index.js +0 -90
  557. package/esm/tests/utils/index.js.map +0 -7
  558. package/esm/types/FunctionalHoC.js.map +0 -7
  559. package/esm/types/props.js.map +0 -7
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/Headers/useHeaderCellHandlers.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-params */\nimport { useCallback } from 'react';\nimport { TypescriptColumn } from '../../types/props';\n\ntype useHeaderCellHandlersType = (args: {\n hasFilter: boolean;\n patchHeader: (headerId: string, newHeader: Record<string, unknown>) => void;\n column: TypescriptColumn;\n reduxHeader: Record<string, unknown>;\n hasDnD: boolean;\n onColumnSortChange: (newSort: { column: string; direction: 'ASC' | 'DESC' }) => void;\n dragHandleRef: React.MutableRefObject<HTMLDivElement>;\n filterIconRef: React.MutableRefObject<HTMLDivElement>;\n headerRef: React.MutableRefObject<HTMLTableColElement>;\n}) => {\n onMouseEnter: React.MouseEventHandler;\n onMouseLeave: React.MouseEventHandler;\n onClick: React.MouseEventHandler;\n onKeyDown: React.KeyboardEventHandler;\n onFocus: React.FocusEventHandler;\n onBlur: React.FocusEventHandler;\n};\n\nconst buildNextHeader = (\n reduxHeader: Record<string, unknown>,\n value: boolean,\n hasFilter: boolean,\n hasDnD: boolean,\n withTabStops = false,\n) => ({\n hideFilterMenu: true, // Do this to overwrite it if it exists\n ...reduxHeader,\n hideFilterButton: !(hasFilter && value),\n showDnDHandle: hasDnD && value,\n withTabStops,\n});\n\nexport const useHeaderCellHandlers: useHeaderCellHandlersType = ({\n hasFilter,\n patchHeader,\n column,\n reduxHeader,\n hasDnD,\n onColumnSortChange,\n dragHandleRef,\n filterIconRef,\n headerRef,\n}) => {\n const onMouseEnter: React.MouseEventHandler = useCallback(() => {\n patchHeader(column.id, buildNextHeader(reduxHeader, true, hasFilter, hasDnD));\n }, [column.id, hasDnD, hasFilter, patchHeader, reduxHeader]);\n\n const onMouseLeave: React.MouseEventHandler = useCallback(() => {\n if (!headerRef?.current?.contains(document.activeElement)) {\n patchHeader(column.id, buildNextHeader(reduxHeader, false, hasFilter, hasDnD));\n }\n }, [column.id, hasDnD, hasFilter, headerRef, patchHeader, reduxHeader]);\n\n const onClick: React.MouseEventHandler = useCallback(() => {\n if (column.canSort) {\n onColumnSortChange({\n column: column.id,\n direction: column.isSortedDesc ? 'ASC' : 'DESC',\n });\n }\n }, [column.canSort, column.id, column.isSortedDesc, onColumnSortChange]);\n\n const onKeyDown: React.KeyboardEventHandler = useCallback(\n (e) => {\n if (e.code === 'ArrowDown' && column.canSort) {\n e.preventDefault();\n onColumnSortChange({\n column: column.id,\n direction: 'DESC',\n });\n } else if (e.code === 'ArrowUp' && column.canSort) {\n e.preventDefault();\n onColumnSortChange({\n column: column.id,\n direction: 'ASC',\n });\n } else if (['Enter', 'Space'].includes(e.code)) {\n patchHeader(column.id, buildNextHeader(reduxHeader, true, hasFilter, hasDnD, true));\n // Elements don't not yet exist\n setTimeout(() => {\n if (dragHandleRef.current) dragHandleRef.current.focus();\n else if (filterIconRef.current) filterIconRef.current.focus();\n });\n }\n },\n [\n column.canSort,\n column.id,\n onColumnSortChange,\n patchHeader,\n reduxHeader,\n hasFilter,\n hasDnD,\n dragHandleRef,\n filterIconRef,\n ],\n );\n\n const onFocus: React.FocusEventHandler = useCallback(\n (e) => {\n // Don't do anything if focus wasn't placed in the element (bubling issues)\n if (e.target === headerRef?.current) {\n patchHeader(column.id, buildNextHeader(reduxHeader, true, hasFilter, hasDnD));\n }\n },\n [column.id, hasDnD, hasFilter, headerRef, patchHeader, reduxHeader],\n );\n\n const onBlur: React.FocusEventHandler = useCallback(\n (e) => {\n // Don't do anything if blur was caused by going to a child\n if (e.relatedTarget === dragHandleRef.current) return;\n if (e.relatedTarget === filterIconRef.current) return;\n patchHeader(column.id, buildNextHeader(reduxHeader, false, hasFilter, hasDnD));\n },\n [dragHandleRef, filterIconRef, patchHeader, column.id, reduxHeader, hasFilter, hasDnD],\n );\n\n return { onMouseEnter, onMouseLeave, onClick, onKeyDown, onBlur, onFocus };\n};\n"],
5
- "mappings": "AAAA;ACCA;AAsBA,MAAM,kBAAkB,CACtB,aACA,OACA,WACA,QACA,eAAe,UACX;AAAA,EACJ,gBAAgB;AAAA,KACb;AAAA,EACH,kBAAkB,CAAE,cAAa;AAAA,EACjC,eAAe,UAAU;AAAA,EACzB;AAAA;AAGK,MAAM,wBAAmD,CAAC;AAAA,EAC/D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,eAAwC,YAAY,MAAM;AAC9D,gBAAY,OAAO,IAAI,gBAAgB,aAAa,MAAM,WAAW;AAAA,KACpE,CAAC,OAAO,IAAI,QAAQ,WAAW,aAAa;AAE/C,QAAM,eAAwC,YAAY,MAAM;AAC9D,QAAI,CAAC,WAAW,SAAS,SAAS,SAAS,gBAAgB;AACzD,kBAAY,OAAO,IAAI,gBAAgB,aAAa,OAAO,WAAW;AAAA;AAAA,KAEvE,CAAC,OAAO,IAAI,QAAQ,WAAW,WAAW,aAAa;AAE1D,QAAM,UAAmC,YAAY,MAAM;AACzD,QAAI,OAAO,SAAS;AAClB,yBAAmB;AAAA,QACjB,QAAQ,OAAO;AAAA,QACf,WAAW,OAAO,eAAe,QAAQ;AAAA;AAAA;AAAA,KAG5C,CAAC,OAAO,SAAS,OAAO,IAAI,OAAO,cAAc;AAEpD,QAAM,YAAwC,YAC5C,CAAC,MAAM;AACL,QAAI,EAAE,SAAS,eAAe,OAAO,SAAS;AAC5C,QAAE;AACF,yBAAmB;AAAA,QACjB,QAAQ,OAAO;AAAA,QACf,WAAW;AAAA;AAAA,eAEJ,EAAE,SAAS,aAAa,OAAO,SAAS;AACjD,QAAE;AACF,yBAAmB;AAAA,QACjB,QAAQ,OAAO;AAAA,QACf,WAAW;AAAA;AAAA,eAEJ,CAAC,SAAS,SAAS,SAAS,EAAE,OAAO;AAC9C,kBAAY,OAAO,IAAI,gBAAgB,aAAa,MAAM,WAAW,QAAQ;AAE7E,iBAAW,MAAM;AACf,YAAI,cAAc;AAAS,wBAAc,QAAQ;AAAA,iBACxC,cAAc;AAAS,wBAAc,QAAQ;AAAA;AAAA;AAAA,KAI5D;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAIJ,QAAM,UAAmC,YACvC,CAAC,MAAM;AAEL,QAAI,EAAE,WAAW,WAAW,SAAS;AACnC,kBAAY,OAAO,IAAI,gBAAgB,aAAa,MAAM,WAAW;AAAA;AAAA,KAGzE,CAAC,OAAO,IAAI,QAAQ,WAAW,WAAW,aAAa;AAGzD,QAAM,SAAkC,YACtC,CAAC,MAAM;AAEL,QAAI,EAAE,kBAAkB,cAAc;AAAS;AAC/C,QAAI,EAAE,kBAAkB,cAAc;AAAS;AAC/C,gBAAY,OAAO,IAAI,gBAAgB,aAAa,OAAO,WAAW;AAAA,KAExE,CAAC,eAAe,eAAe,aAAa,OAAO,IAAI,aAAa,WAAW;AAGjF,SAAO,EAAE,cAAc,cAAc,SAAS,WAAW,QAAQ;AAAA;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/HoC/SortableItemContext.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useSortable } from '@dnd-kit/sortable';\nimport { createContext } from 'react';\n\nexport enum DropIndicatorPosition {\n None = 0,\n Before = 1,\n After = 2,\n Inside = 3,\n}\n\nexport type SortableItemContextType = {\n draggableProps:\n | false\n | (ReturnType<typeof useSortable> & {\n dropIndicatorPosition: DropIndicatorPosition;\n shouldShowDropIndicatorPosition: boolean;\n lastActiveId?: string;\n setLastActiveId?: React.Dispatch<React.SetStateAction<string>>;\n });\n};\n\n/** Context for cross component communication */\nexport const SortableItemContext = createContext<SortableItemContextType>({\n draggableProps: false,\n});\n"],
5
- "mappings": "AAAA;ACCA;AAEO,IAAK,wBAAL,kBAAK,2BAAL;AACL,0DAAO,KAAP;AACA,4DAAS,KAAT;AACA,2DAAQ,KAAR;AACA,4DAAS,KAAT;AAJU;AAAA;AAmBL,MAAM,sBAAsB,cAAuC;AAAA,EACxE,gBAAgB;AAAA;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/HoC/withConditionalDnDColumnContext.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable no-underscore-dangle */\n/* eslint-disable max-params */\nimport React, { createContext, useCallback, useMemo } from 'react';\nimport { DndContext, DragOverlay } from '@dnd-kit/core';\nimport { useHierarchyDndkitConfig } from '@elliemae/ds-drag-and-drop';\nimport { arrayMove } from '@dnd-kit/sortable';\nimport { FunctionalHOC } from '../../types/FunctionalHoC';\nimport { DataTableContext } from '../../DataTableContext';\nimport { Item } from '../../helpers/dndkit/hierarchy/types';\nimport { TypescriptColumn } from '../../types/props';\nimport { HeaderCellGroup } from '../Headers/HeaderCellGroup';\nimport { DATA_TESTID } from '../../configs/constants';\n\ntype DnDGroupContextType = {\n activeIndex: number;\n};\n\nexport const DnDGroupContext = createContext<DnDGroupContextType>({\n activeIndex: undefined,\n});\n\nconst flattenColumns = (cols: TypescriptColumn[]) => {\n const flattened = [];\n const flatten = (col: TypescriptColumn, index, parentId = null) => {\n const { id } = col;\n flattened.push([{ id, parentId, index }, col]);\n if (col.columns)\n col.columns.forEach((subColumn: TypescriptColumn, childIndex: number) => flatten(subColumn, childIndex, id));\n };\n cols.forEach((col, index) => flatten(col, index));\n return flattened;\n};\n\n// only wraps in \"DnDContext\" and \"DnDGroupContext\" if any Drag and Drop functionality is requested\nexport const withConditionalDnDColumnContext: FunctionalHOC = (Component) => (props) => {\n const {\n tableProps: { dragAndDropColumns, onColumnsReorder },\n visibleColumns,\n } = React.useContext(DataTableContext);\n\n const flattenedItems = useMemo(() => flattenColumns(visibleColumns), [visibleColumns]);\n\n const onReorder = useCallback(\n (movedItem: Item, indexes: { targetIndex: number; fromIndex: number }) => {\n // Send from index to target index\n const newFlattenedData = arrayMove(flattenedItems, indexes.fromIndex, indexes.targetIndex);\n // Pull the cols's data into an object\n const nodes = {};\n newFlattenedData.forEach(([dndData, colData]) => {\n delete colData.columns;\n nodes[dndData.id] = colData;\n });\n const newData = [];\n newFlattenedData.forEach(([dndData, colData]) => {\n // If row has parent, insert it to it's subrows\n // otherwise append it to the new user data\n if (dndData.parentId) {\n const parentNode = nodes[dndData.parentId];\n if (parentNode.columns) parentNode.columns.push(colData);\n else parentNode.columns = [colData];\n } else newData.push(colData);\n });\n onColumnsReorder(newData, indexes);\n },\n [flattenedItems, onColumnsReorder],\n );\n\n const onPreviewResetState = useCallback(() => {\n const el: HTMLDivElement | null = document.body.querySelector(\n `[data-testid=\"${DATA_TESTID.DATA_TABLE_SCROLLABLE_CONTAINER}\"]`,\n );\n if (el) el.onscroll = () => null;\n }, []);\n\n const onPreviewDragStart = useCallback(() => {\n const el: HTMLDivElement | null = document.body.querySelector(\n `[data-testid=\"${DATA_TESTID.DATA_TABLE_SCROLLABLE_CONTAINER}\"]`,\n );\n if (el) {\n const y = el.scrollTop;\n el.onscroll = () => el.scrollTo(0, y);\n }\n }, []);\n\n const { dndContextProps, activeId, activeIndex } = useHierarchyDndkitConfig({\n flattenedItems,\n dragOverlayDataTestid: DATA_TESTID.DATA_TABLE_COLUMN_DRAG_OVERLAY,\n isHorizontalDnD: true,\n onReorder,\n onPreviewResetState,\n onPreviewDragStart,\n });\n\n if (dragAndDropColumns)\n return (\n <DndContext {...dndContextProps}>\n <DnDGroupContext.Provider value={{ activeIndex }}>\n <Component {...props} />\n </DnDGroupContext.Provider>\n <DragOverlay>\n {activeId ? (\n <HeaderCellGroup header={flattenedItems.find(([item]) => item.id === activeId)[1]} isDragOverlay />\n ) : null}\n </DragOverlay>\n </DndContext>\n );\n return <Component {...props} />;\n};\n"],
5
- "mappings": "AAAA;ACEA;AACA;AACA;AACA;AAEA;AAGA;AACA;AAMO,MAAM,kBAAkB,cAAmC;AAAA,EAChE,aAAa;AAAA;AAGf,MAAM,iBAAiB,CAAC,SAA6B;AACnD,QAAM,YAAY;AAClB,QAAM,UAAU,CAAC,KAAuB,OAAO,WAAW,SAAS;AACjE,UAAM,EAAE,OAAO;AACf,cAAU,KAAK,CAAC,EAAE,IAAI,UAAU,SAAS;AACzC,QAAI,IAAI;AACN,UAAI,QAAQ,QAAQ,CAAC,WAA6B,eAAuB,QAAQ,WAAW,YAAY;AAAA;AAE5G,OAAK,QAAQ,CAAC,KAAK,UAAU,QAAQ,KAAK;AAC1C,SAAO;AAAA;AAIF,MAAM,kCAAiD,CAAC,cAAc,CAAC,UAAU;AACtF,QAAM;AAAA,IACJ,YAAY,EAAE,oBAAoB;AAAA,IAClC;AAAA,MACE,OAAM,WAAW;AAErB,QAAM,iBAAiB,QAAQ,MAAM,eAAe,iBAAiB,CAAC;AAEtE,QAAM,YAAY,YAChB,CAAC,WAAiB,YAAwD;AAExE,UAAM,mBAAmB,UAAU,gBAAgB,QAAQ,WAAW,QAAQ;AAE9E,UAAM,QAAQ;AACd,qBAAiB,QAAQ,CAAC,CAAC,SAAS,aAAa;AAC/C,aAAO,QAAQ;AACf,YAAM,QAAQ,MAAM;AAAA;AAEtB,UAAM,UAAU;AAChB,qBAAiB,QAAQ,CAAC,CAAC,SAAS,aAAa;AAG/C,UAAI,QAAQ,UAAU;AACpB,cAAM,aAAa,MAAM,QAAQ;AACjC,YAAI,WAAW;AAAS,qBAAW,QAAQ,KAAK;AAAA;AAC3C,qBAAW,UAAU,CAAC;AAAA;AACtB,gBAAQ,KAAK;AAAA;AAEtB,qBAAiB,SAAS;AAAA,KAE5B,CAAC,gBAAgB;AAGnB,QAAM,sBAAsB,YAAY,MAAM;AAC5C,UAAM,KAA4B,SAAS,KAAK,cAC9C,iBAAiB,YAAY;AAE/B,QAAI;AAAI,SAAG,WAAW,MAAM;AAAA,KAC3B;AAEH,QAAM,qBAAqB,YAAY,MAAM;AAC3C,UAAM,KAA4B,SAAS,KAAK,cAC9C,iBAAiB,YAAY;AAE/B,QAAI,IAAI;AACN,YAAM,IAAI,GAAG;AACb,SAAG,WAAW,MAAM,GAAG,SAAS,GAAG;AAAA;AAAA,KAEpC;AAEH,QAAM,EAAE,iBAAiB,UAAU,gBAAgB,yBAAyB;AAAA,IAC1E;AAAA,IACA,uBAAuB,YAAY;AAAA,IACnC,iBAAiB;AAAA,IACjB;AAAA,IACA;AAAA,IACA;AAAA;AAGF,MAAI;AACF,WACE,qCAAC,YAAD;AAAA,SAAgB;AAAA,OACd,qCAAC,gBAAgB,UAAjB;AAAA,MAA0B,OAAO,EAAE;AAAA,OACjC,qCAAC,WAAD;AAAA,SAAe;AAAA,SAEjB,qCAAC,aAAD,MACG,WACC,qCAAC,iBAAD;AAAA,MAAiB,QAAQ,eAAe,KAAK,CAAC,CAAC,UAAU,KAAK,OAAO,UAAU;AAAA,MAAI,eAAa;AAAA,SAC9F;AAIZ,SAAO,qCAAC,WAAD;AAAA,OAAe;AAAA;AAAA;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/HoC/withConditionalDnDRowContext.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { createContext, useCallback } from 'react';\nimport { DndContext, DragOverlay } from '@dnd-kit/core';\nimport { SortableContext } from '@dnd-kit/sortable';\nimport { DataTableContext } from '../../DataTableContext';\nimport { FunctionalHOC } from '../../types/FunctionalHoC';\nimport { useTreeDndkitConfig } from '@elliemae/ds-drag-and-drop';\nimport { Item } from '../../helpers/dndkit/tree/types';\nimport { DropIndicatorPosition } from './SortableItemContext';\nimport { Row } from '../Row';\n\ntype DnDTreeContextType = {\n depth: number;\n activeIndex: number;\n visibleItems: unknown[];\n dropIndicatorPosition: DropIndicatorPosition;\n lastActiveId: string;\n setLastActiveId: React.Dispatch<React.SetStateAction<string>>;\n};\n\nexport const DnDTreeContext = createContext<DnDTreeContextType>({\n depth: undefined,\n activeIndex: undefined,\n visibleItems: undefined,\n dropIndicatorPosition: DropIndicatorPosition.None,\n lastActiveId: undefined,\n setLastActiveId: undefined,\n});\n\n// only wraps in \"DnDContext\" and \"DnDTreeContext\" if any Drag and Drop functionality is requested\nexport const withConditionalDnDRowContext: FunctionalHOC = (Component) => (props) => {\n const {\n tableProps: { dragAndDropRows, isExpandable, onRowsReorder, maxDragAndDropLevel },\n flattenedData,\n allDataFlattened,\n } = React.useContext(DataTableContext);\n\n const [lastActiveId, setLastActiveId] = React.useState<string>(null);\n\n const onReorder = useCallback(\n (newData: Item[], indexes: { targetIndex: number; fromIndex: number }, considerExpanding: string) => {\n // Pull the row's original data into an object\n const nodes = {};\n newData.forEach((row) => {\n delete row.original.subRows;\n nodes[row.uid] = row.original;\n });\n const newUserData = [];\n newData.forEach((row) => {\n // If row has parent, insert it to it's subrows\n // otherwise append it to the new user data\n if (row.parentId) {\n const parentNode = nodes[row.parentId];\n if (parentNode?.subRows) parentNode.subRows.push(row.original);\n else parentNode.subRows = [row.original];\n } else newUserData.push(row.original);\n });\n // Tell the user that the order has change, he can chose to commit it or not\n onRowsReorder(newUserData, indexes, considerExpanding);\n },\n [onRowsReorder],\n );\n\n const { dndContextProps, sortableContextProps, activeId, activeIndex, depth, dropIndicatorPosition, visibleItems } =\n useTreeDndkitConfig({\n flattenedItems: allDataFlattened,\n visibleItems: flattenedData,\n isHorizontalDnD: false,\n isExpandable,\n onReorder,\n maxDragAndDropLevel,\n });\n\n if (lastActiveId !== activeId && activeId) setLastActiveId(activeId);\n\n if (dragAndDropRows)\n return (\n <DndContext {...dndContextProps}>\n <SortableContext {...sortableContextProps}>\n <DnDTreeContext.Provider\n value={{\n activeIndex,\n depth,\n visibleItems,\n dropIndicatorPosition,\n lastActiveId,\n setLastActiveId,\n }}\n >\n <Component {...props} />\n </DnDTreeContext.Provider>\n </SortableContext>\n <DragOverlay style={{ width: 'auto' }}>\n {activeId ? <Row row={flattenedData.find((row) => row.uid === activeId)} isDragOverlay /> : null}\n </DragOverlay>\n </DndContext>\n );\n return <Component {...props} />;\n};\n"],
5
- "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA;AAEA;AACA;AAWO,MAAM,iBAAiB,cAAkC;AAAA,EAC9D,OAAO;AAAA,EACP,aAAa;AAAA,EACb,cAAc;AAAA,EACd,uBAAuB,sBAAsB;AAAA,EAC7C,cAAc;AAAA,EACd,iBAAiB;AAAA;AAIZ,MAAM,+BAA8C,CAAC,cAAc,CAAC,UAAU;AACnF,QAAM;AAAA,IACJ,YAAY,EAAE,iBAAiB,cAAc,eAAe;AAAA,IAC5D;AAAA,IACA;AAAA,MACE,OAAM,WAAW;AAErB,QAAM,CAAC,cAAc,mBAAmB,OAAM,SAAiB;AAE/D,QAAM,YAAY,YAChB,CAAC,SAAiB,SAAqD,sBAA8B;AAEnG,UAAM,QAAQ;AACd,YAAQ,QAAQ,CAAC,QAAQ;AACvB,aAAO,IAAI,SAAS;AACpB,YAAM,IAAI,OAAO,IAAI;AAAA;AAEvB,UAAM,cAAc;AACpB,YAAQ,QAAQ,CAAC,QAAQ;AAGvB,UAAI,IAAI,UAAU;AAChB,cAAM,aAAa,MAAM,IAAI;AAC7B,YAAI,YAAY;AAAS,qBAAW,QAAQ,KAAK,IAAI;AAAA;AAChD,qBAAW,UAAU,CAAC,IAAI;AAAA;AAC1B,oBAAY,KAAK,IAAI;AAAA;AAG9B,kBAAc,aAAa,SAAS;AAAA,KAEtC,CAAC;AAGH,QAAM,EAAE,iBAAiB,sBAAsB,UAAU,aAAa,OAAO,uBAAuB,iBAClG,oBAAoB;AAAA,IAClB,gBAAgB;AAAA,IAChB,cAAc;AAAA,IACd,iBAAiB;AAAA,IACjB;AAAA,IACA;AAAA,IACA;AAAA;AAGJ,MAAI,iBAAiB,YAAY;AAAU,oBAAgB;AAE3D,MAAI;AACF,WACE,qCAAC,YAAD;AAAA,SAAgB;AAAA,OACd,qCAAC,iBAAD;AAAA,SAAqB;AAAA,OACnB,qCAAC,eAAe,UAAhB;AAAA,MACE,OAAO;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,OAGF,qCAAC,WAAD;AAAA,SAAe;AAAA,UAGnB,qCAAC,aAAD;AAAA,MAAa,OAAO,EAAE,OAAO;AAAA,OAC1B,WAAW,qCAAC,KAAD;AAAA,MAAK,KAAK,cAAc,KAAK,CAAC,QAAQ,IAAI,QAAQ;AAAA,MAAW,eAAa;AAAA,SAAM;AAIpG,SAAO,qCAAC,WAAD;AAAA,OAAe;AAAA;AAAA;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/HoC/withConditionalDnDSortableContext.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { horizontalListSortingStrategy, SortableContext } from '@dnd-kit/sortable';\nimport React, { useContext } from 'react';\nimport { DataTableContext } from '../../DataTableContext';\nimport { FunctionalHOC } from '../../types/FunctionalHoC';\nimport { TypescriptColumn } from '../../types/props';\n\nexport const withConditionalDnDSortableContext =\n (items: TypescriptColumn[], isDragOverlay = false): FunctionalHOC =>\n (Component) =>\n (props) => {\n const {\n tableProps: { dragAndDropColumns },\n } = useContext(DataTableContext);\n\n // Only add the context if it's not a dragOverlay and dnd for cols was requested\n // It's important that drag overlays DO NOT have any sortable functionality!\n if (!isDragOverlay && dragAndDropColumns)\n return (\n <SortableContext items={items.map((item) => item.id)} strategy={horizontalListSortingStrategy}>\n <Component {...props} />\n </SortableContext>\n );\n\n return <Component {...props} />;\n };\n"],
5
- "mappings": "AAAA;ACAA;AACA;AACA;AAIO,MAAM,oCACX,CAAC,OAA2B,gBAAgB,UAC5C,CAAC,cACD,CAAC,UAAU;AACT,QAAM;AAAA,IACJ,YAAY,EAAE;AAAA,MACZ,WAAW;AAIf,MAAI,CAAC,iBAAiB;AACpB,WACE,qCAAC,iBAAD;AAAA,MAAiB,OAAO,MAAM,IAAI,CAAC,SAAS,KAAK;AAAA,MAAK,UAAU;AAAA,OAC9D,qCAAC,WAAD;AAAA,SAAe;AAAA;AAIrB,SAAO,qCAAC,WAAD;AAAA,OAAe;AAAA;AAAA;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/HoC/withDnDSortableColumnContext.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext, useMemo } from 'react';\nimport { useSortable } from '@dnd-kit/sortable';\nimport { DataTableContext } from '../../DataTableContext';\nimport { FunctionalHOC } from '../../types/FunctionalHoC';\nimport { DnDGroupContext } from './withConditionalDnDColumnContext';\nimport { SortableItemContext, DropIndicatorPosition, SortableItemContextType } from './SortableItemContext';\n\nexport const withDnDSortableColumnContext: FunctionalHOC = (Component) => (props: any) => {\n const {\n tableProps: { dragAndDropColumns },\n } = useContext(DataTableContext);\n const { activeIndex } = useContext(DnDGroupContext);\n\n // onMount generate unique options, so everyting is only ran once\n const draggableOptions = useMemo(\n () => ({\n id: props.header.id,\n }),\n [props.header.id],\n );\n\n const useSortableHelpers = useSortable(draggableOptions);\n\n // calculate all the \"useSortable\" values as per required\n const draggableProps = useMemo(() => {\n if (!dragAndDropColumns) return false;\n\n const { index, overIndex } = useSortableHelpers;\n\n return {\n ...useSortableHelpers,\n shouldShowDropIndicatorPosition: overIndex === index && overIndex !== -1,\n dropIndicatorPosition: index > activeIndex ? DropIndicatorPosition.After : DropIndicatorPosition.Before,\n };\n }, [useSortableHelpers, dragAndDropColumns, activeIndex]);\n // we use a context so we can easly access information wherever without bubbling down\n // this context is all Memoized so as long as component is not re-mounted,\n // the context won't trigger un-required renders per-se...\n const ctx: SortableItemContextType = useMemo(\n () => ({\n draggableProps,\n }),\n [draggableProps],\n );\n // we always add the context, if draggableProps===false we don't have the DnD enabled.\n return (\n <SortableItemContext.Provider value={ctx}>\n <Component {...props} />\n </SortableItemContext.Provider>\n );\n};\n"],
5
- "mappings": "AAAA;ACAA;AACA;AACA;AAEA;AACA;AAEO,MAAM,+BAA8C,CAAC,cAAc,CAAC,UAAe;AACxF,QAAM;AAAA,IACJ,YAAY,EAAE;AAAA,MACZ,WAAW;AACf,QAAM,EAAE,gBAAgB,WAAW;AAGnC,QAAM,mBAAmB,QACvB,MAAO;AAAA,IACL,IAAI,MAAM,OAAO;AAAA,MAEnB,CAAC,MAAM,OAAO;AAGhB,QAAM,qBAAqB,YAAY;AAGvC,QAAM,iBAAiB,QAAQ,MAAM;AACnC,QAAI,CAAC;AAAoB,aAAO;AAEhC,UAAM,EAAE,OAAO,cAAc;AAE7B,WAAO;AAAA,SACF;AAAA,MACH,iCAAiC,cAAc,SAAS,cAAc;AAAA,MACtE,uBAAuB,QAAQ,cAAc,sBAAsB,QAAQ,sBAAsB;AAAA;AAAA,KAElG,CAAC,oBAAoB,oBAAoB;AAI5C,QAAM,MAA+B,QACnC,MAAO;AAAA,IACL;AAAA,MAEF,CAAC;AAGH,SACE,qCAAC,oBAAoB,UAArB;AAAA,IAA8B,OAAO;AAAA,KACnC,qCAAC,WAAD;AAAA,OAAe;AAAA;AAAA;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/HoC/withDnDSortableRowContext.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { cloneElement, useContext, useEffect, useMemo } from 'react';\nimport { useSortable } from '@dnd-kit/sortable';\nimport { DataTableContext } from '../../DataTableContext';\nimport { DnDTreeContext } from './withConditionalDnDRowContext';\nimport { FunctionalHOC } from '../../types/FunctionalHoC';\nimport { SortableItemContext, SortableItemContextType } from './SortableItemContext';\n\nexport const withDnDSortableRowContext: FunctionalHOC = (Component) => (props: any) => {\n const {\n tableProps: { dragAndDropRows },\n } = useContext(DataTableContext);\n const { dropIndicatorPosition, lastActiveId, setLastActiveId } = useContext(DnDTreeContext);\n\n // onMount generate unique options, so everyting is only ran once\n const draggableOptions = useMemo(\n () => ({\n id: props.row.uid,\n }),\n [props.row],\n );\n\n const useSortableHelpers = useSortable(draggableOptions);\n\n // calculate all the \"useSortable\" values as per required\n const draggableProps = useMemo(() => {\n if (!dragAndDropRows) return false;\n\n const { index, overIndex } = useSortableHelpers;\n\n return {\n ...useSortableHelpers,\n shouldShowDropIndicatorPosition: overIndex === index,\n dropIndicatorPosition,\n lastActiveId,\n setLastActiveId,\n };\n }, [dragAndDropRows, useSortableHelpers, dropIndicatorPosition, lastActiveId, setLastActiveId]);\n\n // we use a context so we can easly access information wherever without bubbling down\n // this context is all Memoized so as long as component is not re-mounted,\n // the context won't trigger un-required renders per-se...\n const ctx: SortableItemContextType = useMemo(\n () => ({\n draggableProps,\n }),\n [draggableProps],\n );\n // we always add the context, if draggableProps===false we don't have the DnD enabled.\n return (\n <SortableItemContext.Provider value={ctx}>\n <Component {...props} />\n </SortableItemContext.Provider>\n );\n};\n"],
5
- "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA;AAEO,MAAM,4BAA2C,CAAC,cAAc,CAAC,UAAe;AACrF,QAAM;AAAA,IACJ,YAAY,EAAE;AAAA,MACZ,WAAW;AACf,QAAM,EAAE,uBAAuB,cAAc,oBAAoB,WAAW;AAG5E,QAAM,mBAAmB,QACvB,MAAO;AAAA,IACL,IAAI,MAAM,IAAI;AAAA,MAEhB,CAAC,MAAM;AAGT,QAAM,qBAAqB,YAAY;AAGvC,QAAM,iBAAiB,QAAQ,MAAM;AACnC,QAAI,CAAC;AAAiB,aAAO;AAE7B,UAAM,EAAE,OAAO,cAAc;AAE7B,WAAO;AAAA,SACF;AAAA,MACH,iCAAiC,cAAc;AAAA,MAC/C;AAAA,MACA;AAAA,MACA;AAAA;AAAA,KAED,CAAC,iBAAiB,oBAAoB,uBAAuB,cAAc;AAK9E,QAAM,MAA+B,QACnC,MAAO;AAAA,IACL;AAAA,MAEF,CAAC;AAGH,SACE,qCAAC,oBAAoB,UAArB;AAAA,IAA8B,OAAO;AAAA,KACnC,qCAAC,WAAD;AAAA,OAAe;AAAA;AAAA;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/Loader.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { memo } from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSCircularProgressIndicator } from '@elliemae/ds-circular-progress-indicator';\nimport styled from 'styled-components';\n\nconst StyledLoaderWrapper = styled(Grid)`\n place-items: center;\n z-index: 0;\n background-color: white;\n`;\n\nconst Loader = () => (\n <StyledLoaderWrapper style={{ height: '100%', maxHeight: '500px' }} aria-live=\"polite\">\n <DSCircularProgressIndicator size=\"xl\" loading showLabel waiting={false} showTooltip={false} />\n </StyledLoaderWrapper>\n);\n\nexport const MemoizedLoader = memo(Loader);\nexport default MemoizedLoader;\n"],
5
- "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA,MAAM,sBAAsB,OAAO;AAAA;AAAA;AAAA;AAAA;AAMnC,MAAM,SAAS,MACb,qCAAC,qBAAD;AAAA,EAAqB,OAAO,EAAE,QAAQ,QAAQ,WAAW;AAAA,EAAW,aAAU;AAAA,GAC5E,qCAAC,6BAAD;AAAA,EAA6B,MAAK;AAAA,EAAK,SAAO;AAAA,EAAC,WAAS;AAAA,EAAC,SAAS;AAAA,EAAO,aAAa;AAAA;AAInF,MAAM,iBAAiB,KAAK;AACnC,IAAO,iBAAQ;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/Row.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React, { useContext } from 'react';\nimport { connect } from 'react-redux';\nimport { DataTableContext } from '../DataTableContext';\nimport { setMultipleRefs } from '../helpers';\nimport { SortableItemContext } from './HoC/SortableItemContext';\nimport { withDnDSortableRowContext } from './HoC/withDnDSortableRowContext';\nimport { RowVariantMapItem } from './RowVariants';\n\n// Sortable Items needs to update\n// - the virtual list ref (for react-virtual requirement)\n// - (conditionally) draggableProps.setNodeRef for drag and drop of rows\nconst setItemRefs = (measureRef, draggableRef, ref) => {\n const refsToSet = [];\n if (measureRef) refsToSet.push(measureRef);\n if (draggableRef) refsToSet.push(draggableRef);\n setMultipleRefs(...refsToSet)(ref);\n};\n\nconst RowComp = (props) => {\n const { row, measureRef, itemWrapperStyle, isDragOverlay, focusedRowId, selectedRowId } = props;\n\n const ctx = useContext(DataTableContext);\n const { draggableProps } = useContext(SortableItemContext);\n const draggableRef = draggableProps && draggableProps.setNodeRef;\n\n return (\n <div style={!isDragOverlay ? itemWrapperStyle : {}} ref={(ref) => setItemRefs(measureRef, draggableRef, ref)}>\n <RowVariantMapItem\n row={row}\n itemIndex={row.realIndex}\n isDragOverlay={isDragOverlay}\n ctx={ctx}\n focusedRowId={focusedRowId}\n selectedRowId={selectedRowId}\n />\n </div>\n );\n};\n\nconst mapStateToProps = (state) => ({\n focusedRowId: state.rows.focusedRowId,\n selectedRowId: state.rows.selectedRowId,\n});\n\nexport const Row = connect(mapStateToProps)(RowComp);\n\nconst RowWithContext = withDnDSortableRowContext(Row);\nexport { RowWithContext };\nexport default RowWithContext;\n"],
5
- "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AACA;AAKA,MAAM,cAAc,CAAC,YAAY,cAAc,QAAQ;AACrD,QAAM,YAAY;AAClB,MAAI;AAAY,cAAU,KAAK;AAC/B,MAAI;AAAc,cAAU,KAAK;AACjC,kBAAgB,GAAG,WAAW;AAAA;AAGhC,MAAM,UAAU,CAAC,UAAU;AACzB,QAAM,EAAE,KAAK,YAAY,kBAAkB,eAAe,cAAc,kBAAkB;AAE1F,QAAM,MAAM,WAAW;AACvB,QAAM,EAAE,mBAAmB,WAAW;AACtC,QAAM,eAAe,kBAAkB,eAAe;AAEtD,SACE,qCAAC,OAAD;AAAA,IAAK,OAAO,CAAC,gBAAgB,mBAAmB;AAAA,IAAI,KAAK,CAAC,QAAQ,YAAY,YAAY,cAAc;AAAA,KACtG,qCAAC,mBAAD;AAAA,IACE;AAAA,IACA,WAAW,IAAI;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAMR,MAAM,kBAAkB,CAAC,UAAW;AAAA,EAClC,cAAc,MAAM,KAAK;AAAA,EACzB,eAAe,MAAM,KAAK;AAAA;AAGrB,MAAM,MAAM,QAAQ,iBAAiB;AAE5C,MAAM,iBAAiB,0BAA0B;AAEjD,IAAO,cAAQ;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/RowLoading.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useMemo } from 'react';\nimport { DSIndeterminateProgressIndicator } from '@elliemae/ds-indeterminate-progress-indicator';\nimport { Grid } from '@elliemae/ds-grid';\nimport styled from 'styled-components';\nimport { DATA_TESTID } from '../configs/constants';\n\nconst StyledRowLoadingContainer = styled(Grid)`\n position: absolute;\n bottom: -40px;\n left: 0;\n width: 100%;\n place-items: center;\n background-color: white;\n`;\n\nconst RowLoading: React.ComponentType = () => {\n const PureLoading = useMemo(\n () => (\n <StyledRowLoadingContainer role=\"row\" data-testid={DATA_TESTID.DATA_TABLE_ROW}>\n <DSIndeterminateProgressIndicator processing title=\"Loading\" />\n </StyledRowLoadingContainer>\n ),\n [],\n );\n\n return PureLoading;\n};\n\nexport { RowLoading };\nexport default RowLoading;\n"],
5
- "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AAEA,MAAM,4BAA4B,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASzC,MAAM,aAAkC,MAAM;AAC5C,QAAM,cAAc,QAClB,MACE,qCAAC,2BAAD;AAAA,IAA2B,MAAK;AAAA,IAAM,eAAa,YAAY;AAAA,KAC7D,qCAAC,kCAAD;AAAA,IAAkC,YAAU;AAAA,IAAC,OAAM;AAAA,OAGvD;AAGF,SAAO;AAAA;AAIT,IAAO,qBAAQ;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/RowVariants/RowVariantHeader.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React, { useLayoutEffect, useMemo, useRef } from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { RowRenderer } from '../../exported-related/RowRenderer';\nimport { GroupHeaderContainer, GroupHeaderTitle, StyledCellContainer } from '../../styled';\nimport { RowVariantProps } from './types';\nimport { expandRowColumn } from '../../addons/Columns';\nimport { DATA_TESTID } from '../../configs/constants';\n\nconst RowContent: React.ComponentType<RowVariantProps> = (props) => {\n const {\n row,\n ctx,\n ctx: {\n tableProps: { groupedRowsRenderHeader },\n },\n backgroundColor = 'white',\n focusedRowId,\n selectedRowId,\n } = props;\n\n const rowRef = useRef<HTMLDivElement>(null);\n\n const hasExpandCell = useMemo(\n () => row.original.subRows && row.cells.find((cell) => cell.column.accessor === 'expandRowColumn'),\n [row],\n );\n\n const titleContent = useMemo(() => {\n if (typeof groupedRowsRenderHeader === 'function') {\n return groupedRowsRenderHeader(row.original.dimsumHeaderValue, row.original.subRows);\n }\n return row.original.dimsumHeaderValue;\n }, [groupedRowsRenderHeader, row]);\n\n useLayoutEffect(() => {\n if (row.uid === focusedRowId) {\n rowRef.current.focus();\n }\n }, [focusedRowId, row.uid]);\n\n return (\n <StyledCellContainer\n ref={rowRef}\n minHeight=\"0px\"\n tabIndex={0}\n backgroundColor={backgroundColor}\n data-testid={DATA_TESTID.DATA_TABLE_ROW_HEADER_CONTENT}\n >\n <GroupHeaderContainer\n data-testid={DATA_TESTID.DATA_TABLE_ROW_GROUP_HEADER}\n cols={hasExpandCell ? ['min-content', 'auto'] : ['auto']}\n padding={hasExpandCell ? '4px' : '16px'}\n >\n {hasExpandCell ? (\n <expandRowColumn.Cell\n row={row}\n cell={row.cells[0]}\n isRowSelected={selectedRowId === row.uid}\n ctx={ctx}\n draggableProps={{}}\n />\n ) : (\n <Grid width=\"16px\" />\n )}\n <GroupHeaderTitle>{titleContent}</GroupHeaderTitle>\n </GroupHeaderContainer>\n </StyledCellContainer>\n );\n};\n\nexport const RowVariantHeader: React.ComponentType<RowVariantProps> = ({\n row,\n itemIndex,\n isDragOverlay,\n focusedRowId,\n selectedRowId,\n}) => (\n <RowRenderer\n row={row}\n itemIndex={itemIndex}\n isDragOverlay={isDragOverlay}\n minHeight=\"0px\"\n height=\"24px\"\n CustomRowContentRenderer={RowContent}\n focusedRowId={focusedRowId}\n selectedRowId={selectedRowId}\n />\n);\n"],
5
- "mappings": "AAAA;ACCA;AACA;AACA;AACA;AAEA;AACA;AAEA,MAAM,aAAmD,CAAC,UAAU;AAClE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,KAAK;AAAA,MACH,YAAY,EAAE;AAAA;AAAA,IAEhB,kBAAkB;AAAA,IAClB;AAAA,IACA;AAAA,MACE;AAEJ,QAAM,SAAS,OAAuB;AAEtC,QAAM,gBAAgB,QACpB,MAAM,IAAI,SAAS,WAAW,IAAI,MAAM,KAAK,CAAC,SAAS,KAAK,OAAO,aAAa,oBAChF,CAAC;AAGH,QAAM,eAAe,QAAQ,MAAM;AACjC,QAAI,OAAO,4BAA4B,YAAY;AACjD,aAAO,wBAAwB,IAAI,SAAS,mBAAmB,IAAI,SAAS;AAAA;AAE9E,WAAO,IAAI,SAAS;AAAA,KACnB,CAAC,yBAAyB;AAE7B,kBAAgB,MAAM;AACpB,QAAI,IAAI,QAAQ,cAAc;AAC5B,aAAO,QAAQ;AAAA;AAAA,KAEhB,CAAC,cAAc,IAAI;AAEtB,SACE,qCAAC,qBAAD;AAAA,IACE,KAAK;AAAA,IACL,WAAU;AAAA,IACV,UAAU;AAAA,IACV;AAAA,IACA,eAAa,YAAY;AAAA,KAEzB,qCAAC,sBAAD;AAAA,IACE,eAAa,YAAY;AAAA,IACzB,MAAM,gBAAgB,CAAC,eAAe,UAAU,CAAC;AAAA,IACjD,SAAS,gBAAgB,QAAQ;AAAA,KAEhC,gBACC,qCAAC,gBAAgB,MAAjB;AAAA,IACE;AAAA,IACA,MAAM,IAAI,MAAM;AAAA,IAChB,eAAe,kBAAkB,IAAI;AAAA,IACrC;AAAA,IACA,gBAAgB;AAAA,OAGlB,qCAAC,MAAD;AAAA,IAAM,OAAM;AAAA,MAEd,qCAAC,kBAAD,MAAmB;AAAA;AAMpB,MAAM,mBAAyD,CAAC;AAAA,EACrE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MAEA,qCAAC,aAAD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAU;AAAA,EACV,QAAO;AAAA,EACP,0BAA0B;AAAA,EAC1B;AAAA,EACA;AAAA;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/RowVariants/RowVariantPrimary.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { RowVariantProps } from './types';\nimport { RowRenderer } from '../../exported-related/RowRenderer';\n\nexport const RowVariantPrimary: React.ComponentType<RowVariantProps> = ({\n row,\n itemIndex,\n isDragOverlay,\n ctx,\n focusedRowId,\n selectedRowId,\n compact,\n}) => {\n const {\n layoutHelpers: { gridLayout },\n } = ctx;\n\n return (\n <RowRenderer\n row={row}\n itemIndex={itemIndex}\n isDragOverlay={isDragOverlay}\n compact={compact}\n height={compact ? '24px' : 'auto'}\n minHeight={compact ? '24px' : '36px'}\n colsLayout={row.isExpanded ? undefined : gridLayout}\n rowsLayout={row.isExpanded ? ['auto', 'auto'] : [1]}\n focusedRowId={focusedRowId}\n selectedRowId={selectedRowId}\n />\n );\n};\n"],
5
- "mappings": "AAAA;ACCA;AAEA;AAEO,MAAM,oBAA0D,CAAC;AAAA,EACtE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM;AAAA,IACJ,eAAe,EAAE;AAAA,MACf;AAEJ,SACE,qCAAC,aAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ,UAAU,SAAS;AAAA,IAC3B,WAAW,UAAU,SAAS;AAAA,IAC9B,YAAY,IAAI,aAAa,SAAY;AAAA,IACzC,YAAY,IAAI,aAAa,CAAC,QAAQ,UAAU,CAAC;AAAA,IACjD;AAAA,IACA;AAAA;AAAA;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/RowVariants/RowVariantSecondary.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { RowVariantProps } from './types';\nimport { RowRenderer } from '../../exported-related/RowRenderer';\n\nexport const RowVariantSecondary: React.ComponentType<RowVariantProps> = ({\n row,\n itemIndex,\n isDragOverlay,\n ctx,\n focusedRowId,\n selectedRowId,\n compact,\n}) => {\n const {\n layoutHelpers: { gridLayout },\n } = ctx;\n\n return (\n <RowRenderer\n row={row}\n itemIndex={itemIndex}\n isDragOverlay={isDragOverlay}\n compact={compact}\n height={compact ? '24px' : 'auto'}\n minHeight={compact ? '24px' : '36px'}\n colsLayout={row.isExpanded ? undefined : gridLayout}\n rowsLayout={row.isExpanded ? ['auto', 'auto'] : [1]}\n backgroundColor=\"#F6F7F9\"\n focusedRowId={focusedRowId}\n selectedRowId={selectedRowId}\n />\n );\n};\n"],
5
- "mappings": "AAAA;ACCA;AAEA;AAEO,MAAM,sBAA4D,CAAC;AAAA,EACxE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM;AAAA,IACJ,eAAe,EAAE;AAAA,MACf;AAEJ,SACE,qCAAC,aAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ,UAAU,SAAS;AAAA,IAC3B,WAAW,UAAU,SAAS;AAAA,IAC9B,YAAY,IAAI,aAAa,SAAY;AAAA,IACzC,YAAY,IAAI,aAAa,CAAC,QAAQ,UAAU,CAAC;AAAA,IACjD,iBAAgB;AAAA,IAChB;AAAA,IACA;AAAA;AAAA;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/RowVariants/index.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { ROW_VARIANTS } from '../../exported-related';\nimport { TypescriptContext, TypescriptRow } from '../../types/props';\nimport { Cells } from '../Cells';\nimport { RowVariantHeader } from './RowVariantHeader';\nimport { RowVariantPrimary } from './RowVariantPrimary';\nimport { RowVariantSecondary } from './RowVariantSecondary';\nimport { RowVariantProps } from './types';\n\nconst RowVariantMapper: Record<string, React.ComponentType<RowVariantProps>> = {\n [ROW_VARIANTS.HEADER_GROUP]: RowVariantHeader,\n [ROW_VARIANTS.PRIMARY]: RowVariantPrimary,\n [ROW_VARIANTS.SECONDARY]: RowVariantSecondary,\n [ROW_VARIANTS.COMPACT_PRIMARY]: (props) => <RowVariantPrimary compact {...props} />,\n [ROW_VARIANTS.COMPACT_SECONDARY]: (props) => <RowVariantSecondary compact {...props} />,\n};\n\ninterface RowVariantMapItemProps {\n row: TypescriptRow;\n itemIndex: number;\n isDragOverlay: boolean;\n ctx: TypescriptContext;\n focusedRowId: string;\n selectedRowId: string;\n}\n\nexport const RowVariantMapItem: React.ComponentType<RowVariantMapItemProps> = (props) => {\n const {\n row,\n ctx: {\n tableProps: { getRowVariant },\n },\n } = props;\n\n const variant = getRowVariant(row, Cells);\n\n let Component: React.ComponentType<any>;\n\n if (typeof variant === 'string') {\n if (!(variant in RowVariantMapper)) {\n throw new Error(`${variant} is not an out-of-the-box row variant`);\n }\n Component = RowVariantMapper[variant];\n } else {\n Component = variant;\n }\n\n return <Component {...props} />;\n};\n"],
5
- "mappings": "AAAA;ACCA;AACA;AAEA;AACA;AACA;AACA;AAGA,MAAM,mBAAyE;AAAA,GAC5E,aAAa,eAAe;AAAA,GAC5B,aAAa,UAAU;AAAA,GACvB,aAAa,YAAY;AAAA,GACzB,aAAa,kBAAkB,CAAC,UAAU,qCAAC,mBAAD;AAAA,IAAmB,SAAO;AAAA,OAAK;AAAA;AAAA,GACzE,aAAa,oBAAoB,CAAC,UAAU,qCAAC,qBAAD;AAAA,IAAqB,SAAO;AAAA,OAAK;AAAA;AAAA;AAYzE,MAAM,oBAAiE,CAAC,UAAU;AACvF,QAAM;AAAA,IACJ;AAAA,IACA,KAAK;AAAA,MACH,YAAY,EAAE;AAAA;AAAA,MAEd;AAEJ,QAAM,UAAU,cAAc,KAAK;AAEnC,MAAI;AAEJ,MAAI,OAAO,YAAY,UAAU;AAC/B,QAAI,CAAE,YAAW,mBAAmB;AAClC,YAAM,IAAI,MAAM,GAAG;AAAA;AAErB,gBAAY,iBAAiB;AAAA,SACxB;AACL,gBAAY;AAAA;AAGd,SAAO,qCAAC,WAAD;AAAA,OAAe;AAAA;AAAA;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n"],
5
- "mappings": "AAAA;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/Rows.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable no-underscore-dangle */\nimport React, { useContext, useMemo } from 'react';\n\nimport { RowWithContext as Row } from './Row';\nimport { DataTableContext } from '../DataTableContext';\nimport { DnDTreeContext, withConditionalDnDRowContext } from './HoC/withConditionalDnDRowContext';\nimport { addCellData } from '../helpers';\n\nconst Rows = (): JSX.Element => {\n const {\n virtualListHelpers: { virtualItems },\n layoutHelpers: { totalColumnsWidth },\n flattenedData,\n visibleColumns,\n } = useContext(DataTableContext);\n\n const { visibleItems } = useContext(DnDTreeContext);\n\n const items = visibleItems || flattenedData;\n\n const PureVirtualizedRows = useMemo(\n () => (\n <>\n {virtualItems.map((virtualItem) => {\n const { index, measureRef, start } = virtualItem;\n const row = items[index];\n if (!row) return null;\n addCellData(row, visibleColumns);\n const style = {\n position: 'absolute',\n top: `${start}px`,\n left: 0,\n width: totalColumnsWidth,\n };\n const rowProps = {\n key: `ds-table-row-${row.uid}`,\n row,\n measureRef,\n index, // this is consumed by the DnD HOC\n itemIndex: index,\n itemWrapperStyle: style,\n };\n return <Row {...rowProps} />;\n })}\n </>\n ),\n [virtualItems, items, visibleColumns, totalColumnsWidth],\n );\n\n return PureVirtualizedRows;\n};\n\nRows.propTypes = {};\n\nexport const RowsWithContext = withConditionalDnDRowContext(Rows);\nexport default RowsWithContext;\n"],
5
- "mappings": "AAAA;ACCA;AAEA;AACA;AACA;AACA;AAEA,MAAM,OAAO,MAAmB;AAC9B,QAAM;AAAA,IACJ,oBAAoB,EAAE;AAAA,IACtB,eAAe,EAAE;AAAA,IACjB;AAAA,IACA;AAAA,MACE,WAAW;AAEf,QAAM,EAAE,iBAAiB,WAAW;AAEpC,QAAM,QAAQ,gBAAgB;AAE9B,QAAM,sBAAsB,QAC1B,MACE,4DACG,aAAa,IAAI,CAAC,gBAAgB;AACjC,UAAM,EAAE,OAAO,YAAY,UAAU;AACrC,UAAM,MAAM,MAAM;AAClB,QAAI,CAAC;AAAK,aAAO;AACjB,gBAAY,KAAK;AACjB,UAAM,QAAQ;AAAA,MACZ,UAAU;AAAA,MACV,KAAK,GAAG;AAAA,MACR,MAAM;AAAA,MACN,OAAO;AAAA;AAET,UAAM,WAAW;AAAA,MACf,KAAK,gBAAgB,IAAI;AAAA,MACzB;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX,kBAAkB;AAAA;AAEpB,WAAO,qCAAC,KAAD;AAAA,SAAS;AAAA;AAAA,OAItB,CAAC,cAAc,OAAO,gBAAgB;AAGxC,SAAO;AAAA;AAGT,KAAK,YAAY;AAEV,MAAM,kBAAkB,6BAA6B;AAC5D,IAAO,eAAQ;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/SortByCaret.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React, { useMemo } from 'react';\nimport { ArrowheadDown, ArrowheadUp } from '@elliemae/ds-icons';\n\nconst iconColor = ['brand-primary', 800];\n\nexport const SortByCaret: React.ComponentType<{ isSortedDesc: boolean }> = ({ isSortedDesc }) =>\n useMemo(\n () => (\n <span style={{ marginLeft: '4px' }}>\n {isSortedDesc && <ArrowheadDown size=\"s\" color={iconColor} />}\n {!isSortedDesc && <ArrowheadUp color={iconColor} />}\n </span>\n ),\n [isSortedDesc],\n );\n"],
5
- "mappings": "AAAA;ACCA;AACA;AAEA,MAAM,YAAY,CAAC,iBAAiB;AAE7B,MAAM,cAA8D,CAAC,EAAE,mBAC5E,QACE,MACE,qCAAC,QAAD;AAAA,EAAM,OAAO,EAAE,YAAY;AAAA,GACxB,gBAAgB,qCAAC,eAAD;AAAA,EAAe,MAAK;AAAA,EAAI,OAAO;AAAA,IAC/C,CAAC,gBAAgB,qCAAC,aAAD;AAAA,EAAa,OAAO;AAAA,KAG1C,CAAC;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/SortableHeaderCell.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { Grid } from '@elliemae/ds-grid';\nimport { TypescriptColumn } from '../types/props';\nimport { withConditionalDnDSortableContext } from './HoC/withConditionalDnDSortableContext';\n\nexport const SortableHeaderCell = ({\n items,\n isDragOverlay = false,\n ...rest\n}: {\n items: TypescriptColumn[];\n isDragOverlay?: boolean;\n children: JSX.Element | JSX.Element[];\n}): JSX.Element =>\n withConditionalDnDSortableContext(items, isDragOverlay)(Grid)({\n ...rest,\n style: { display: 'flex' },\n });\n"],
5
- "mappings": "AAAA;ACAA;AAEA;AAEO,MAAM,qBAAqB,CAAC;AAAA,EACjC;AAAA,EACA,gBAAgB;AAAA,KACb;AAAA,MAMH,kCAAkC,OAAO,eAAe,MAAM;AAAA,KACzD;AAAA,EACH,OAAO,EAAE,SAAS;AAAA;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/TableContent.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext, useMemo, useState } from 'react';\nimport { connect } from 'react-redux';\n\nimport { StyledTableWrapper, StyledDataTableWrapper } from '../styled';\nimport { DataTableContext } from '../DataTableContext';\nimport { Pagination } from '../addons/Pagination';\nimport { VirtualRowsList } from './VirtualRowsList';\nimport { TypescriptAppliedFilter } from '../types/props';\nimport { DATA_TESTID } from '../configs/constants';\n\nconst mapStateToProps = (state: { filters: TypescriptAppliedFilter }) => ({\n reduxFilters: state.filters,\n});\n// must manually declare typescript types for mapStateToProps props\n// because react-redux is not smart enough\ntype TableContentProps = {\n reduxFilters: TypescriptAppliedFilter;\n forwardedRef: React.ForwardedRef<HTMLDivElement>;\n};\n\nconst TableContentComponent = (props: TableContentProps) => {\n const { forwardedRef } = props;\n const {\n tableProps: { height, width, pagination },\n allDataFlattened,\n visibleColumns,\n } = useContext(DataTableContext);\n\n const [shiftKeyPressed, setShiftKeyPressed] = useState(false);\n\n const PureTableContent = useMemo(\n () => (\n <StyledDataTableWrapper\n data-testid={DATA_TESTID.DATA_TABLE_CONTENT_WRAPPER}\n height={height}\n width={width}\n ref={forwardedRef}\n noSelectionAllowed={shiftKeyPressed}\n onKeyDown={(e) => setShiftKeyPressed((prevShiftKeyPressed) => prevShiftKeyPressed || e.shiftKey)}\n onKeyUp={(e) => setShiftKeyPressed((prevShiftKeyPressed) => prevShiftKeyPressed && e.code !== 'Shift')}\n >\n <StyledTableWrapper\n role=\"table\"\n aria-rowcount={allDataFlattened.length}\n aria-colcount={visibleColumns.length}\n data-testid={DATA_TESTID.DATA_TABLE_TABLE}\n height={height}\n width={width}\n >\n <VirtualRowsList />\n </StyledTableWrapper>\n {pagination ? <Pagination /> : null}\n </StyledDataTableWrapper>\n ),\n [height, width, forwardedRef, allDataFlattened.length, visibleColumns.length, pagination, shiftKeyPressed],\n );\n\n return PureTableContent;\n};\n\nconst ConnectedTableContent = connect(mapStateToProps)(TableContentComponent);\n\nconst TableContent = React.forwardRef<HTMLDivElement>((props, ref) => (\n <ConnectedTableContent {...props} forwardedRef={ref} />\n));\n\nexport { TableContent };\nexport default TableContent;\n"],
5
- "mappings": "AAAA;ACAA;AACA;AAEA;AACA;AACA;AACA;AAEA;AAEA,MAAM,kBAAkB,CAAC,UAAiD;AAAA,EACxE,cAAc,MAAM;AAAA;AAStB,MAAM,wBAAwB,CAAC,UAA6B;AAC1D,QAAM,EAAE,iBAAiB;AACzB,QAAM;AAAA,IACJ,YAAY,EAAE,QAAQ,OAAO;AAAA,IAC7B;AAAA,IACA;AAAA,MACE,WAAW;AAEf,QAAM,CAAC,iBAAiB,sBAAsB,SAAS;AAEvD,QAAM,mBAAmB,QACvB,MACE,qCAAC,wBAAD;AAAA,IACE,eAAa,YAAY;AAAA,IACzB;AAAA,IACA;AAAA,IACA,KAAK;AAAA,IACL,oBAAoB;AAAA,IACpB,WAAW,CAAC,MAAM,mBAAmB,CAAC,wBAAwB,uBAAuB,EAAE;AAAA,IACvF,SAAS,CAAC,MAAM,mBAAmB,CAAC,wBAAwB,uBAAuB,EAAE,SAAS;AAAA,KAE9F,qCAAC,oBAAD;AAAA,IACE,MAAK;AAAA,IACL,iBAAe,iBAAiB;AAAA,IAChC,iBAAe,eAAe;AAAA,IAC9B,eAAa,YAAY;AAAA,IACzB;AAAA,IACA;AAAA,KAEA,qCAAC,iBAAD,QAED,aAAa,qCAAC,YAAD,QAAiB,OAGnC,CAAC,QAAQ,OAAO,cAAc,iBAAiB,QAAQ,eAAe,QAAQ,YAAY;AAG5F,SAAO;AAAA;AAGT,MAAM,wBAAwB,QAAQ,iBAAiB;AAEvD,MAAM,eAAe,OAAM,WAA2B,CAAC,OAAO,QAC5D,qCAAC,uBAAD;AAAA,KAA2B;AAAA,EAAO,cAAc;AAAA;AAIlD,IAAO,uBAAQ;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/VirtualRowsList.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext, useMemo, useCallback } from 'react';\nimport { connect } from 'react-redux';\nimport { RowLoading } from './RowLoading'; // imported this way to avoid circular dependencies\nimport { EmptyContent } from './EmptyContent'; // imported this way to avoid circular dependencies\nimport { RowsWithContext as Rows } from './Rows'; // imported this way to avoid circular dependencies\nimport { Headers } from './Headers'; // imported this way to avoid circular dependencies\nimport { Footer } from './Footer'; // imported this way to avoid circular dependencies\nimport { DataTableContext } from '../DataTableContext';\nimport { FIXED_SIZES } from '../configs/fixedSizes';\nimport { StyledVirtualListWrapper, StyledTableContentWrapper } from '../styled';\nimport { MemoizedLoader as Loader } from './Loader';\nimport { useDispatchRowsActions } from '../redux/reducers';\nimport { DATA_TESTID } from '../configs/constants';\n\nfunction mapStateToProps(state) {\n return {\n relativeRowMouseCord: state.rows.relativeRowMouseCord,\n };\n}\n\nconst VirtualRowsListComponent = () => {\n const {\n virtualListRef,\n tableProps: { height, width, isLoading, isLoadingAppended },\n virtualListHelpers,\n layoutHelpers: { totalColumnsWidth },\n flattenedData,\n } = useContext(DataTableContext);\n const { totalSize, scrollToIndex } = virtualListHelpers;\n const { setFocusedRowId } = useDispatchRowsActions();\n\n const isEmptyContent = useMemo(() => !isLoading && flattenedData.length === 0, [isLoading, flattenedData.length]);\n\n const tableHeight = useMemo(() => {\n if (typeof height === 'string')\n return height.includes('%') ? height : Number.parseInt(height, 10) - FIXED_SIZES.PAGINATION_HEIGHT;\n return height;\n }, [height]);\n\n const onKeyDown = useCallback(\n (e: React.KeyboardEvent) => {\n if (e.ctrlKey && e.code === 'End') {\n scrollToIndex(flattenedData.length - 1);\n setFocusedRowId(flattenedData[flattenedData.length - 1].uid);\n } else if (e.ctrlKey && e.code === 'Home') {\n scrollToIndex(0, { align: 'center' });\n setFocusedRowId(flattenedData[0].uid);\n }\n },\n [scrollToIndex, setFocusedRowId, flattenedData],\n );\n\n return (\n <StyledVirtualListWrapper\n ref={virtualListRef}\n height={tableHeight}\n width={width}\n data-testid={DATA_TESTID.DATA_TABLE_SCROLLABLE_CONTAINER}\n onKeyDown={onKeyDown}\n tabIndex={-1}\n >\n <StyledTableContentWrapper role=\"rowgroup\" height={totalSize || '100%'}>\n <Headers />\n {isEmptyContent && <EmptyContent width={totalColumnsWidth} />}\n {isLoading ? <Loader /> : null}\n {!isLoading && !isEmptyContent && (\n <>\n <Rows />\n <Footer />\n {isLoadingAppended && <RowLoading />}\n </>\n )}\n </StyledTableContentWrapper>\n </StyledVirtualListWrapper>\n );\n};\n\nexport const VirtualRowsList = connect(mapStateToProps)(VirtualRowsListComponent);\n\nexport default VirtualRowsList;\n"],
5
- "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,yBAAyB,OAAO;AAC9B,SAAO;AAAA,IACL,sBAAsB,MAAM,KAAK;AAAA;AAAA;AAIrC,MAAM,2BAA2B,MAAM;AACrC,QAAM;AAAA,IACJ;AAAA,IACA,YAAY,EAAE,QAAQ,OAAO,WAAW;AAAA,IACxC;AAAA,IACA,eAAe,EAAE;AAAA,IACjB;AAAA,MACE,WAAW;AACf,QAAM,EAAE,WAAW,kBAAkB;AACrC,QAAM,EAAE,oBAAoB;AAE5B,QAAM,iBAAiB,QAAQ,MAAM,CAAC,aAAa,cAAc,WAAW,GAAG,CAAC,WAAW,cAAc;AAEzG,QAAM,cAAc,QAAQ,MAAM;AAChC,QAAI,OAAO,WAAW;AACpB,aAAO,OAAO,SAAS,OAAO,SAAS,OAAO,SAAS,QAAQ,MAAM,YAAY;AACnF,WAAO;AAAA,KACN,CAAC;AAEJ,QAAM,YAAY,YAChB,CAAC,MAA2B;AAC1B,QAAI,EAAE,WAAW,EAAE,SAAS,OAAO;AACjC,oBAAc,cAAc,SAAS;AACrC,sBAAgB,cAAc,cAAc,SAAS,GAAG;AAAA,eAC/C,EAAE,WAAW,EAAE,SAAS,QAAQ;AACzC,oBAAc,GAAG,EAAE,OAAO;AAC1B,sBAAgB,cAAc,GAAG;AAAA;AAAA,KAGrC,CAAC,eAAe,iBAAiB;AAGnC,SACE,qCAAC,0BAAD;AAAA,IACE,KAAK;AAAA,IACL,QAAQ;AAAA,IACR;AAAA,IACA,eAAa,YAAY;AAAA,IACzB;AAAA,IACA,UAAU;AAAA,KAEV,qCAAC,2BAAD;AAAA,IAA2B,MAAK;AAAA,IAAW,QAAQ,aAAa;AAAA,KAC9D,qCAAC,SAAD,OACC,kBAAkB,qCAAC,cAAD;AAAA,IAAc,OAAO;AAAA,MACvC,YAAY,qCAAC,QAAD,QAAa,MACzB,CAAC,aAAa,CAAC,kBACd,4DACE,qCAAC,MAAD,OACA,qCAAC,QAAD,OACC,qBAAqB,qCAAC,YAAD;AAAA;AAQ3B,MAAM,kBAAkB,QAAQ,iBAAiB;AAExD,IAAO,0BAAQ;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/index.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { default as TableContent } from './TableContent';\nexport { default as Loader } from './Loader';\nexport { default as EmptyContent } from './EmptyContent';\nexport { default as Row } from './Row';\nexport { default as Footer } from './Footer';\nexport { default as DnDHandle } from './DnDHandle';\n\n// not exporting Headers, Rows, RowLoading RowsDnD, VirtualRowsList, VirtualRowsListDnD to avoid circular dependencies\n"],
5
- "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/prop-types.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport PropTypes from 'prop-types';\n\nexport const tableStateShape = {\n allColumns: PropTypes.array,\n columns: PropTypes.array,\n visibleColumns: PropTypes.array,\n data: PropTypes.array,\n preFilteredFlatRows: PropTypes.array,\n preFilteredRows: PropTypes.array,\n rows: PropTypes.array,\n page: PropTypes.array,\n preFilteredRowsById: PropTypes.object,\n rowsById: PropTypes.object,\n setAllFilters: PropTypes.func,\n setFilter: PropTypes.func,\n totalColumnsWidth: PropTypes.number,\n};\n\nexport const filterComponentPropType = {\n ...tableStateShape,\n column: PropTypes.object,\n};\nexport const editableCellPropType = {\n cell: PropTypes.object.isRequired,\n DefaultCellRender: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).isRequired,\n};\n\nexport const CellPropType = tableStateShape;\n\nexport const headerGroupsType = PropTypes.arrayOf(\n PropTypes.shape({\n getHeaderGroupProps: PropTypes.func.isRequired,\n headers: PropTypes.arrayOf(PropTypes.object).isRequired,\n }),\n);\nexport const renderRowActionsPropType = PropTypes.oneOfType([\n PropTypes.oneOf([false]),\n PropTypes.shape({\n columnWidth: PropTypes.number.isRequired,\n renderer: PropTypes.func.isRequired,\n }),\n]);\n\nexport const paginationPropType = PropTypes.oneOfType([\n PropTypes.bool,\n PropTypes.shape({\n perPageOptions: PropTypes.arrayOf(PropTypes.number),\n }),\n]);\n"],
5
- "mappings": "AAAA;ACCA;AAEO,MAAM,kBAAkB;AAAA,EAC7B,YAAY,UAAU;AAAA,EACtB,SAAS,UAAU;AAAA,EACnB,gBAAgB,UAAU;AAAA,EAC1B,MAAM,UAAU;AAAA,EAChB,qBAAqB,UAAU;AAAA,EAC/B,iBAAiB,UAAU;AAAA,EAC3B,MAAM,UAAU;AAAA,EAChB,MAAM,UAAU;AAAA,EAChB,qBAAqB,UAAU;AAAA,EAC/B,UAAU,UAAU;AAAA,EACpB,eAAe,UAAU;AAAA,EACzB,WAAW,UAAU;AAAA,EACrB,mBAAmB,UAAU;AAAA;AAGxB,MAAM,0BAA0B;AAAA,KAClC;AAAA,EACH,QAAQ,UAAU;AAAA;AAEb,MAAM,uBAAuB;AAAA,EAClC,MAAM,UAAU,OAAO;AAAA,EACvB,mBAAmB,UAAU,UAAU,CAAC,UAAU,MAAM,UAAU,SAAS;AAAA;AAGtE,MAAM,eAAe;AAErB,MAAM,mBAAmB,UAAU,QACxC,UAAU,MAAM;AAAA,EACd,qBAAqB,UAAU,KAAK;AAAA,EACpC,SAAS,UAAU,QAAQ,UAAU,QAAQ;AAAA;AAG1C,MAAM,2BAA2B,UAAU,UAAU;AAAA,EAC1D,UAAU,MAAM,CAAC;AAAA,EACjB,UAAU,MAAM;AAAA,IACd,aAAa,UAAU,OAAO;AAAA,IAC9B,UAAU,UAAU,KAAK;AAAA;AAAA;AAItB,MAAM,qBAAqB,UAAU,UAAU;AAAA,EACpD,UAAU;AAAA,EACV,UAAU,MAAM;AAAA,IACd,gBAAgB,UAAU,QAAQ,UAAU;AAAA;AAAA;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/redux/reducers/headersReducers/defaults.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const defaultHeadersState = {};\n"],
5
- "mappings": "AAAA;ACAO,MAAM,sBAAsB;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/redux/reducers/headersReducers/headersReducers.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { createSlice } from '@reduxjs/toolkit';\n\nimport { patchUpdateOneHeader, patchHeaderFilterButtonAndMenu } from './logic';\n\nimport { defaultHeadersState } from './defaults';\n\nexport const headersSlice = createSlice({\n name: 'headers',\n initialState: defaultHeadersState,\n reducers: {\n patchHeaderFilterButtonAndMenuAction(state, action) {\n patchHeaderFilterButtonAndMenu(action.payload, state);\n },\n patchUpdateOneHeaderAction(state, action) {\n patchUpdateOneHeader(action.payload, state);\n },\n },\n});\n\nexport const {\n patchHeaderFilterButtonAndMenuAction,\n patchUpdateOneHeaderAction,\n} = headersSlice.actions;\nexport const { reducer } = headersSlice;\n"],
5
- "mappings": "AAAA;ACAA;AAEA;AAEA;AAEO,MAAM,eAAe,YAAY;AAAA,EACtC,MAAM;AAAA,EACN,cAAc;AAAA,EACd,UAAU;AAAA,IACR,qCAAqC,OAAO,QAAQ;AAClD,qCAA+B,OAAO,SAAS;AAAA;AAAA,IAEjD,2BAA2B,OAAO,QAAQ;AACxC,2BAAqB,OAAO,SAAS;AAAA;AAAA;AAAA;AAKpC,MAAM;AAAA,EACX;AAAA,EACA;AAAA,IACE,aAAa;AACV,MAAM,EAAE,YAAY;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/redux/reducers/headersReducers/index.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './headersReducers';\nexport * from './useDispatchHeadersActions';\n"],
5
- "mappings": "AAAA;ACAA;AACA;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/redux/reducers/headersReducers/logic.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const patchUpdateOneHeader = (payload, state) => {\n state[payload.headerId] = {\n ...(state?.[payload.headerId] || {}),\n ...payload.newHeader,\n };\n};\n\nexport const patchHeaderFilterButtonAndMenu = (\n { headerId, newState },\n state,\n) => {\n const updatedState = { hideFilterMenu: newState, hideFilterButton: newState };\n state[headerId] = { ...(state?.[headerId] || {}), ...updatedState };\n};\n"],
5
- "mappings": "AAAA;ACAO,MAAM,uBAAuB,CAAC,SAAS,UAAU;AACtD,QAAM,QAAQ,YAAY;AAAA,OACpB,QAAQ,QAAQ,aAAa;AAAA,OAC9B,QAAQ;AAAA;AAAA;AAIR,MAAM,iCAAiC,CAC5C,EAAE,UAAU,YACZ,UACG;AACH,QAAM,eAAe,EAAE,gBAAgB,UAAU,kBAAkB;AACnE,QAAM,YAAY,KAAM,QAAQ,aAAa,OAAQ;AAAA;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/redux/reducers/headersReducers/useDispatchHeadersActions.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useCallback } from 'react';\nimport { useDispatch } from 'react-redux';\nimport { patchHeaderFilterButtonAndMenuAction, patchUpdateOneHeaderAction } from './headersReducers';\n\nexport const useDispatchHeadersActions = () => {\n const dispatch = useDispatch();\n\n const patchHeader = useCallback(\n (headerId, newHeader) => dispatch(patchUpdateOneHeaderAction({ headerId, newHeader })),\n [dispatch],\n );\n\n const patchHeaderFilterButtonAndMenu = useCallback(\n (headerId, newState) => dispatch(patchHeaderFilterButtonAndMenuAction({ headerId, newState })),\n [dispatch],\n );\n\n return {\n patchHeader,\n patchHeaderFilterButtonAndMenu,\n };\n};\n"],
5
- "mappings": "AAAA;ACAA;AACA;AACA;AAEO,MAAM,4BAA4B,MAAM;AAC7C,QAAM,WAAW;AAEjB,QAAM,cAAc,YAClB,CAAC,UAAU,cAAc,SAAS,2BAA2B,EAAE,UAAU,eACzE,CAAC;AAGH,QAAM,iCAAiC,YACrC,CAAC,UAAU,aAAa,SAAS,qCAAqC,EAAE,UAAU,cAClF,CAAC;AAGH,SAAO;AAAA,IACL;AAAA,IACA;AAAA;AAAA;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/redux/reducers/index.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { combineReducers } from 'redux';\nimport { reducer as headersReducer } from './headersReducers';\nimport { reducer as rowsReducer } from './rowsReducers';\n\nexport const rootReducer = combineReducers({\n headers: headersReducer,\n rows: rowsReducer,\n});\nexport default rootReducer;\n\nexport { useDispatchHeadersActions } from './headersReducers';\nexport { useDispatchRowsActions } from './rowsReducers';\n"],
5
- "mappings": "AAAA;ACAA;AACA;AACA;AAEO,MAAM,cAAc,gBAAgB;AAAA,EACzC,SAAS;AAAA,EACT,MAAM;AAAA;AAER,IAAO,mBAAQ;AAEf;AACA;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/redux/reducers/rowsReducers/actions_types.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const ROWS_REDUCER_SET_IS_DRAGGING_TYPE = 'ROWS_REDUCER_SET_IS_DRAGGING';\n\nexport const ROWS_REDUCER_SET_IS_KEYBOARD_DRAGGING_TYPE =\n 'ROWS_REDUCER_SET_IS_KEYBOARD_DRAGGING';\n\nexport const ROWS_REDUCER_SET_DRAGGED_ROW_TYPE = 'ROWS_REDUCER_SET_DRAGGED_ROW';\n\nexport const ROWS_REDUCER_SET_HOVER_ROW_TYPE = 'ROWS_REDUCER_SET_HOVER_ROW';\n\nexport const ROWS_REDUCER_SET_SELECTED_ROW_TYPE =\n 'ROWS_REDUCER_SET_SELECTED_ROW';\n\nexport const ROWS_REDUCER_SET_FOCUSED_ROW_TYPE = 'ROWS_REDUCER_SET_FOCUSED_ROW';\n\nexport const ROWS_REDUCER_SET_RELATIVE_MOUSE_CORD_TYPE =\n 'ROWS_REDUCER_SET_RELATIVE_MOUSE_CORD';\n"],
5
- "mappings": "AAAA;ACAO,MAAM,oCAAoC;AAE1C,MAAM,6CACX;AAEK,MAAM,oCAAoC;AAE1C,MAAM,kCAAkC;AAExC,MAAM,qCACX;AAEK,MAAM,oCAAoC;AAE1C,MAAM,4CACX;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/redux/reducers/rowsReducers/defaults.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const defaultRelativeRowMouseCoord = {\n isBefore: false,\n isAfter: false,\n isValid: true,\n hoveredRowIndex: null,\n x: null,\n y: null,\n relativeElementDOMRect: null,\n relativeElementIndex: null,\n};\n\nexport const defaultRowsReducerState = {\n isDraggingRow: false,\n isKeyboardDraggingRow: false,\n relativeRowMouseCord: defaultRelativeRowMouseCoord,\n draggedRowId: null,\n hoverRowId: null,\n activeRowId: null,\n selectedRowId: null,\n focusedRowId: null,\n};\n"],
5
- "mappings": "AAAA;ACAO,MAAM,+BAA+B;AAAA,EAC1C,UAAU;AAAA,EACV,SAAS;AAAA,EACT,SAAS;AAAA,EACT,iBAAiB;AAAA,EACjB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,wBAAwB;AAAA,EACxB,sBAAsB;AAAA;AAGjB,MAAM,0BAA0B;AAAA,EACrC,eAAe;AAAA,EACf,uBAAuB;AAAA,EACvB,sBAAsB;AAAA,EACtB,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,eAAe;AAAA,EACf,cAAc;AAAA;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/redux/reducers/rowsReducers/index.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './rowsReducer';\nexport * from './useDispatchRowsActions';\n"],
5
- "mappings": "AAAA;ACAA;AACA;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/redux/reducers/rowsReducers/logic.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-params */\nexport const setRowsIsDragging = (payload, state) => {\n state.isDraggingRow = payload;\n};\nexport const setRowIsKeyboardDragging = (payload, state) => {\n state.isKeyboardDraggingRow = payload;\n};\nexport const setRowRelativeMouseCoord = (payload, state) => {\n state.relativeRowMouseCord = payload;\n};\nexport const setRowDraggedRowId = (payload, state) => {\n state.draggedRowId = payload;\n};\nexport const setRowHoverRowId = (payload, state) => {\n state.hoverRowId = payload;\n};\nexport const setRowSelectedRowId = (payload, state) => {\n state.selectedRowId = payload;\n};\nexport const setRowFocusedRowId = (payload, state) => {\n state.focusedRowId = payload;\n};\nexport const setRowDnDActiveRowId = (payload, state) => {\n state.DnDActiveId = payload;\n};\n"],
5
- "mappings": "AAAA;ACCO,MAAM,oBAAoB,CAAC,SAAS,UAAU;AACnD,QAAM,gBAAgB;AAAA;AAEjB,MAAM,2BAA2B,CAAC,SAAS,UAAU;AAC1D,QAAM,wBAAwB;AAAA;AAEzB,MAAM,2BAA2B,CAAC,SAAS,UAAU;AAC1D,QAAM,uBAAuB;AAAA;AAExB,MAAM,qBAAqB,CAAC,SAAS,UAAU;AACpD,QAAM,eAAe;AAAA;AAEhB,MAAM,mBAAmB,CAAC,SAAS,UAAU;AAClD,QAAM,aAAa;AAAA;AAEd,MAAM,sBAAsB,CAAC,SAAS,UAAU;AACrD,QAAM,gBAAgB;AAAA;AAEjB,MAAM,qBAAqB,CAAC,SAAS,UAAU;AACpD,QAAM,eAAe;AAAA;AAEhB,MAAM,uBAAuB,CAAC,SAAS,UAAU;AACtD,QAAM,cAAc;AAAA;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/redux/reducers/rowsReducers/rowsReducer.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { createSlice } from '@reduxjs/toolkit';\nimport {\n setRowsIsDragging,\n setRowIsKeyboardDragging,\n setRowRelativeMouseCoord,\n setRowDraggedRowId,\n setRowHoverRowId,\n setRowSelectedRowId,\n setRowFocusedRowId,\n setRowDnDActiveRowId,\n} from './logic';\nimport { defaultRowsReducerState } from './defaults';\n\nexport const rowsSlice = createSlice({\n name: 'rows',\n initialState: defaultRowsReducerState,\n reducers: {\n setRowsIsDraggingAction(state, action) {\n setRowsIsDragging(action.payload, state);\n },\n setRowIsKeyboardDraggingAction(state, action) {\n setRowIsKeyboardDragging(action.payload, state);\n },\n setRowRelativeMouseCoordAction(state, action) {\n setRowRelativeMouseCoord(action.payload, state);\n },\n setRowDraggedRowIdAction(state, action) {\n setRowDraggedRowId(action.payload, state);\n },\n setRowHoverRowIdAction(state, action) {\n setRowHoverRowId(action.payload, state);\n },\n setRowSelectedRowIdAction(state, action) {\n setRowSelectedRowId(action.payload, state);\n },\n setRowFocusedRowIdAction(state, action) {\n setRowFocusedRowId(action.payload, state);\n },\n setRowDnDActiveRowIdAction(state, action) {\n setRowDnDActiveRowId(action.payload, state);\n },\n },\n});\n\nexport const {\n setRowsIsDraggingAction,\n setRowIsKeyboardDraggingAction,\n setRowDraggedRowIdAction,\n setRowHoverRowIdAction,\n setRowSelectedRowIdAction,\n setRowFocusedRowIdAction,\n setRowRelativeMouseCoordAction,\n setRowDnDActiveRowIdAction,\n} = rowsSlice.actions;\nexport const { reducer } = rowsSlice;\n"],
5
- "mappings": "AAAA;ACAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUA;AAEO,MAAM,YAAY,YAAY;AAAA,EACnC,MAAM;AAAA,EACN,cAAc;AAAA,EACd,UAAU;AAAA,IACR,wBAAwB,OAAO,QAAQ;AACrC,wBAAkB,OAAO,SAAS;AAAA;AAAA,IAEpC,+BAA+B,OAAO,QAAQ;AAC5C,+BAAyB,OAAO,SAAS;AAAA;AAAA,IAE3C,+BAA+B,OAAO,QAAQ;AAC5C,+BAAyB,OAAO,SAAS;AAAA;AAAA,IAE3C,yBAAyB,OAAO,QAAQ;AACtC,yBAAmB,OAAO,SAAS;AAAA;AAAA,IAErC,uBAAuB,OAAO,QAAQ;AACpC,uBAAiB,OAAO,SAAS;AAAA;AAAA,IAEnC,0BAA0B,OAAO,QAAQ;AACvC,0BAAoB,OAAO,SAAS;AAAA;AAAA,IAEtC,yBAAyB,OAAO,QAAQ;AACtC,yBAAmB,OAAO,SAAS;AAAA;AAAA,IAErC,2BAA2B,OAAO,QAAQ;AACxC,2BAAqB,OAAO,SAAS;AAAA;AAAA;AAAA;AAKpC,MAAM;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,IACE,UAAU;AACP,MAAM,EAAE,YAAY;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/redux/reducers/rowsReducers/useDispatchRowsActions.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useCallback } from 'react';\nimport { useDispatch } from 'react-redux';\nimport {\n setRowsIsDraggingAction,\n setRowIsKeyboardDraggingAction,\n setRowDraggedRowIdAction,\n setRowHoverRowIdAction,\n setRowSelectedRowIdAction,\n setRowFocusedRowIdAction,\n setRowRelativeMouseCoordAction,\n setRowDnDActiveRowIdAction,\n} from './rowsReducer';\nimport { defaultRelativeRowMouseCoord } from './defaults';\n\nexport const useDispatchRowsActions = () => {\n const dispatch = useDispatch();\n\n const setHoverRowId = useCallback(\n (newHoverRowId) => dispatch(setRowHoverRowIdAction(newHoverRowId)),\n [dispatch],\n );\n const setDnDActiveRowId = useCallback(\n (newDnDActiveRowId) =>\n dispatch(setRowDnDActiveRowIdAction(newDnDActiveRowId)),\n [dispatch],\n );\n const setSelectedRowId = useCallback(\n (newSelectedRowId) => dispatch(setRowSelectedRowIdAction(newSelectedRowId)),\n [dispatch],\n );\n const setFocusedRowId = useCallback(\n (newFocusedRowId) => dispatch(setRowFocusedRowIdAction(newFocusedRowId)),\n [dispatch],\n );\n\n const setIsDraggingRow = useCallback(\n (newIsDraggingRow) => dispatch(setRowsIsDraggingAction(newIsDraggingRow)),\n [dispatch],\n );\n const setIsKeyboardDraggingRow = useCallback(\n (newIsKeyboardDraggingRow) =>\n dispatch(setRowIsKeyboardDraggingAction(newIsKeyboardDraggingRow)),\n [dispatch],\n );\n\n const setRelativeRowMouseCord = useCallback(\n (newRelativeRowMouseCord) =>\n dispatch(setRowRelativeMouseCoordAction(newRelativeRowMouseCord)),\n [dispatch],\n );\n\n const resetRelativeRowMouseCord = useCallback(\n () =>\n dispatch(setRowRelativeMouseCoordAction(defaultRelativeRowMouseCoord)),\n [dispatch],\n );\n\n const setDraggedRowId = useCallback(\n (newDraggedRowId) => dispatch(setRowDraggedRowIdAction(newDraggedRowId)),\n [dispatch],\n );\n\n return {\n setHoverRowId,\n setDnDActiveRowId,\n setSelectedRowId,\n setFocusedRowId,\n setIsDraggingRow,\n setIsKeyboardDraggingRow,\n setRelativeRowMouseCord,\n resetRelativeRowMouseCord,\n setDraggedRowId,\n };\n};\n"],
5
- "mappings": "AAAA;ACAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUA;AAEO,MAAM,yBAAyB,MAAM;AAC1C,QAAM,WAAW;AAEjB,QAAM,gBAAgB,YACpB,CAAC,kBAAkB,SAAS,uBAAuB,iBACnD,CAAC;AAEH,QAAM,oBAAoB,YACxB,CAAC,sBACC,SAAS,2BAA2B,qBACtC,CAAC;AAEH,QAAM,mBAAmB,YACvB,CAAC,qBAAqB,SAAS,0BAA0B,oBACzD,CAAC;AAEH,QAAM,kBAAkB,YACtB,CAAC,oBAAoB,SAAS,yBAAyB,mBACvD,CAAC;AAGH,QAAM,mBAAmB,YACvB,CAAC,qBAAqB,SAAS,wBAAwB,oBACvD,CAAC;AAEH,QAAM,2BAA2B,YAC/B,CAAC,6BACC,SAAS,+BAA+B,4BAC1C,CAAC;AAGH,QAAM,0BAA0B,YAC9B,CAAC,4BACC,SAAS,+BAA+B,2BAC1C,CAAC;AAGH,QAAM,4BAA4B,YAChC,MACE,SAAS,+BAA+B,gCAC1C,CAAC;AAGH,QAAM,kBAAkB,YACtB,CAAC,oBAAoB,SAAS,yBAAyB,mBACvD,CAAC;AAGH,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/redux/storeConfig.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { rootReducer } from './reducers';\n\nexport const storeConfig = {\n reducer: rootReducer,\n};\n"],
5
- "mappings": "AAAA;ACAA;AAEO,MAAM,cAAc;AAAA,EACzB,SAAS;AAAA;",
6
- "names": []
7
- }
package/esm/styled.js.map DELETED
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/styled.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { EditPencil } from '@elliemae/ds-icons';\nimport { sizeToCss, cellPadding, columnPadding } from './helpers';\nimport { ZIndexDataTable } from './configs/zIndexInternalConfig';\nimport { ColsLayoutStyle } from './configs/constants';\n\ninterface WidthAndHeight {\n width?: string | number;\n height?: string | number;\n}\n\nconst styledFocusCss = ({ theme }) => `\n&:after {\n display: block;\n content: ' ';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n border: 2px solid ${theme.colors.brand[700]};\n pointer-events: none;\n z-index: ${ZIndexDataTable.FOCUS_BORDER};\n}`;\n\nexport const StyledFocusWithin = styled(Grid)`\n :focus-within {\n ${(props) => (props.hideFocus ? '' : styledFocusCss(props))}\n }\n`;\n\nexport const StyledDataTableWrapper = styled.div<WidthAndHeight & { noSelectionAllowed: boolean }>`\n width: ${(props) => sizeToCss(props.width ?? ' 100%')};\n height: ${(props) => sizeToCss(props.height ?? ' 100%')};\n user-select: ${({ noSelectionAllowed }) => (noSelectionAllowed ? 'none' : 'auto')};\n`;\nexport const StyledTableWrapper = styled.div<WidthAndHeight>`\n display: inline-block;\n border-spacing: 0;\n z-index: 0;\n position: relative;\n ${({ width = '100%', height = '100%' }) => `\n width: ${sizeToCss(width)};\n height: ${sizeToCss(height)};\n `}\n`;\nexport const StyledTableContentWrapper = styled.div<WidthAndHeight>`\n position: relative;\n ${({ height = 'auto' }) => `\n height: ${sizeToCss(height)};\n `}\n`;\nexport const StyledVirtualListWrapper = styled.div<WidthAndHeight>`\n overflow: auto;\n ${({ height = 'auto', width = '100%' }) => `\n height: ${sizeToCss(height)};\n width: ${sizeToCss(width)};\n `}\n`;\n\n/**\n * HEADER\n */\ntype gridTemplateColumnStyleProps = {\n cols: string[];\n isExpandable: boolean;\n colsLayoutStyle: ColsLayoutStyle;\n};\nconst getGridTemplateColumnsStyle = ({\n cols,\n colsLayoutStyle = ColsLayoutStyle.Auto,\n}: gridTemplateColumnStyleProps) => {\n if (!cols) return '';\n if (colsLayoutStyle === 'fixed') {\n const widthAttr = cols.map((col) => `minmax(0, ${col})`).join(' ');\n return `grid-template-columns: ${widthAttr}`;\n }\n\n return `grid-template-columns: ${cols.map((col) => `minmax(0, ${col})`).join(' ')}`;\n};\n\nexport const StyledHeadWrapper = styled.div<{\n colsLayoutStyle: string;\n totalColumnsWidth: number | string;\n}>`\n position: relative; /* ie11 fallback */\n position: sticky;\n top: 0;\n z-index: 4;\n background: white;\n width: ${(props) => (props.colsLayoutStyle === ColsLayoutStyle.Fixed ? sizeToCss(props.totalColumnsWidth) : '100%')};\n`;\n\nexport const StyledHeadTr = styled(Grid)`\n ${(props) => (props.colsLayoutStyle === ColsLayoutStyle.Auto ? 'width:100%' : '')};\n ${(props) =>\n getGridTemplateColumnsStyle({\n cols: props.cols,\n isExpandable: props.isExpandable,\n colsLayoutStyle: props.colsLayoutStyle,\n })};\n`;\n\nconst getStyledHeadTHBorderColor = (props) => {\n if (props.dragOverlay) return 'transparent';\n if (props.isFirstRowGroup) return 'transparent';\n return props.theme.colors.neutral['080'];\n};\n\nexport const StyledHeadTh = styled.div<any>`\n min-height: 24px;\n line-height: normal;\n font-weight: 600;\n text-transform: uppercase;\n font-size: 0.923rem;\n text-align: left;\n ${columnPadding}\n color: #353c46;\n min-height: 1.84615rem;\n position: relative;\n position: sticky;\n top: 0;\n z-index: ${ZIndexDataTable.HEADER_ROW};\n display: flex;\n justify-content: space-between;\n box-sizing: border-box;\n border-right: 1px solid ${(props) => props.theme.colors.neutral['080']};\n border-bottom: 1px solid ${getStyledHeadTHBorderColor};\n outline: none;\n\n :focus {\n &:after {\n display: block;\n content: ' ';\n position: absolute;\n top: 0;\n left: 0;\n right: -1px;\n bottom: -1px;\n border: 2px solid ${(props) => props.theme.colors.brand[700]};\n pointer-events: none;\n z-index: ${ZIndexDataTable.FOCUS_BORDER};\n }\n }\n\n ${(props) =>\n props.isDraggingActive\n ? ''\n : `:hover {\n border-bottom: 1px solid ${props.isDragOverlay ? 'transparent' : props.theme.colors.brand[800]};\n cursor: pointer;\n }`}\n`;\n\nexport const StyledHeaderRightIconsWrapper = styled.div`\n height: 100%;\n display: flex;\n align-items: center;\n max-height: 24px;\n`;\n\nexport const StyledResizer = styled.div<{ isResizing: boolean }>`\n display: inline-block;\n background: ${({ isResizing, theme }) => (isResizing ? theme.colors.brand[600] : theme.colors.brand[400])};\n width: 4px;\n height: 100%;\n position: absolute;\n right: 0;\n top: 0;\n z-index: 1;\n\n // prevents from scrolling while dragging on touch devices\n touch-action: none;\n\n cursor: col-resize;\n`;\n\n// CELL ***********************************************************************/\nexport const StyledActionCell = styled.div`\n position: relative; /* ie11 fallback */\n position: sticky;\n display: inline-block;\n right: 0;\n /* border-bottom: 1px solid #ebedf0; */\n background: white;\n`;\n\nexport const StyledCell = styled.div`\n ${cellPadding}\n /* border-bottom: 1px solid #ebedf0; */\n /* box-sizing: border-box; */\n display: flex;\n align-items: center;\n width: 100%;\n position: relative;\n`;\n\nexport const StyledCellContent = styled.div`\n display: grid;\n justify-self: flex-end;\n flex: 1 1 auto;\n width: 100%;\n height: 100%;\n align-items: center;\n`;\n\nexport const StyledPencilIcon = styled(EditPencil)``;\n\nexport const StyledEditableContainer = styled(Grid)<{ shouldDisplayEditIcon: string }>`\n width: 100%;\n height: 100%;\n align-items: center;\n & ${StyledPencilIcon} {\n display: ${({ shouldDisplayEditIcon }) => (shouldDisplayEditIcon ? 'block' : 'none')};\n }\n &:hover {\n ${StyledPencilIcon} {\n display: block;\n }\n }\n &:focus {\n ${styledFocusCss}\n ${StyledPencilIcon} {\n display: block;\n }\n }\n outline: none;\n`;\n\n// ROW ************************************************************************/\nexport const StyledFullsizeGrid = styled(Grid)`\n position: relative;\n z-index: ${ZIndexDataTable.ROW};\n\n min-height: ${(props) => props.minHeight || '36px'};\n height: ${(props) => props.height || 'auto'};\n /* width: ${(props) =>\n props.colsLayoutStyle === ColsLayoutStyle.Fixed ? sizeToCss(props.totalColumnsWidth) : '100%'}; */\n`;\n\nexport const GroupHeaderContainer = styled(Grid)<{ padding: string }>`\n position: relative;\n background-color: ${({ theme }) => theme.colors.brand[200]};\n align-items: center;\n padding: 0 ${(props) => props.padding};\n border-top: 1px solid ${({ theme }) => theme.colors.brand[300]};\n grid-template-columns: min-content 1fr;\n`;\n\nexport const GroupHeaderTitle = styled.span`\n font-weight: ${(props) => props.theme.fontWeights.semibold};\n font-size: 12px;\n color: ${(props) => props.theme.colors.neutral[700]};\n`;\n\nexport const StyledCellContainer = styled(Grid)`\n position: relative;\n z-index: 2;\n\n min-height: ${(props) => props.minHeight || '36px'};\n height: ${(props) => props.height || 'auto'};\n\n width: ${(props) => (props.colLayoutStyle === ColsLayoutStyle.Fixed ? sizeToCss(props.totalColumnsWidth) : '100%')};\n ${(props) => (props.isDragOverlay ? 'width: fit-content;' : '')};\n ${(props) =>\n getGridTemplateColumnsStyle({\n cols: props.cols,\n colsLayoutStyle: props.colLayoutStyle,\n isExpandable: props.isExpandable,\n })};\n background-color: ${({ backgroundColor, isDragging, theme }) =>\n isDragging ? theme.colors.neutral[100] : backgroundColor || 'white'};\n\n outline: none;\n\n :focus {\n ${(props) => (props.isDragOverlay ? '' : styledFocusCss(props))}\n }\n\n ${({ isDropIndicatorPositionInside, theme }) => {\n if (!isDropIndicatorPositionInside) return '';\n return styledFocusCss({ theme });\n }}\n\n ${({ shouldDisplayHover, theme }) =>\n shouldDisplayHover\n ? `:hover {\n background-color: ${theme.colors.brand[200]};\n }`\n : ''}\n\n box-shadow: 0 2px 4px 0 ${(props) => (props.isDragOverlay ? 'rgba(0,0,0,0.5)' : 'transparent')};\n\n opacity: ${(props) => (props.isDragging ? 0.8 : 1)};\n\n ${(props) =>\n !props.selected\n ? ''\n : `\n background-color: ${props.theme.colors.brand[200]};\n border: 1px solid ${props.theme.colors.brand[500]};\n `}\n\n color: ${(props) => (props.disabled ? props.theme.colors.neutral['500'] : '#333333')};\n`;\n"],
5
- "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AAOA,MAAM,iBAAiB,CAAC,EAAE,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAShB,MAAM,OAAO,MAAM;AAAA;AAAA,aAE5B,gBAAgB;AAAA;AAGtB,MAAM,oBAAoB,OAAO;AAAA;AAAA,MAElC,CAAC,UAAW,MAAM,YAAY,KAAK,eAAe;AAAA;AAAA;AAIjD,MAAM,yBAAyB,OAAO;AAAA,WAClC,CAAC,UAAU,UAAU,MAAM,SAAS;AAAA,YACnC,CAAC,UAAU,UAAU,MAAM,UAAU;AAAA,iBAChC,CAAC,EAAE,yBAA0B,qBAAqB,SAAS;AAAA;AAErE,MAAM,qBAAqB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKrC,CAAC,EAAE,QAAQ,QAAQ,SAAS,aAAa;AAAA,WAClC,UAAU;AAAA,YACT,UAAU;AAAA;AAAA;AAGf,MAAM,4BAA4B,OAAO;AAAA;AAAA,IAE5C,CAAC,EAAE,SAAS,aAAa;AAAA,YACjB,UAAU;AAAA;AAAA;AAGf,MAAM,2BAA2B,OAAO;AAAA;AAAA,IAE3C,CAAC,EAAE,SAAS,QAAQ,QAAQ,aAAa;AAAA,YACjC,UAAU;AAAA,WACX,UAAU;AAAA;AAAA;AAYrB,MAAM,8BAA8B,CAAC;AAAA,EACnC;AAAA,EACA,kBAAkB,gBAAgB;AAAA,MACA;AAClC,MAAI,CAAC;AAAM,WAAO;AAClB,MAAI,oBAAoB,SAAS;AAC/B,UAAM,YAAY,KAAK,IAAI,CAAC,QAAQ,aAAa,QAAQ,KAAK;AAC9D,WAAO,0BAA0B;AAAA;AAGnC,SAAO,0BAA0B,KAAK,IAAI,CAAC,QAAQ,aAAa,QAAQ,KAAK;AAAA;AAGxE,MAAM,oBAAoB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAS7B,CAAC,UAAW,MAAM,oBAAoB,gBAAgB,QAAQ,UAAU,MAAM,qBAAqB;AAAA;AAGvG,MAAM,eAAe,OAAO;AAAA,IAC/B,CAAC,UAAW,MAAM,oBAAoB,gBAAgB,OAAO,eAAe;AAAA,IAC5E,CAAC,UACD,4BAA4B;AAAA,EAC1B,MAAM,MAAM;AAAA,EACZ,cAAc,MAAM;AAAA,EACpB,iBAAiB,MAAM;AAAA;AAAA;AAI7B,MAAM,6BAA6B,CAAC,UAAU;AAC5C,MAAI,MAAM;AAAa,WAAO;AAC9B,MAAI,MAAM;AAAiB,WAAO;AAClC,SAAO,MAAM,MAAM,OAAO,QAAQ;AAAA;AAG7B,MAAM,eAAe,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAO/B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAMS,gBAAgB;AAAA;AAAA;AAAA;AAAA,4BAID,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,6BACrC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAYH,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA,iBAE7C,gBAAgB;AAAA;AAAA;AAAA;AAAA,IAI7B,CAAC,UACD,MAAM,mBACF,KACA;AAAA,+BACuB,MAAM,gBAAgB,gBAAgB,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAKvF,MAAM,gCAAgC,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAO7C,MAAM,gBAAgB,OAAO;AAAA;AAAA,gBAEpB,CAAC,EAAE,YAAY,YAAa,aAAa,MAAM,OAAO,MAAM,OAAO,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAe/F,MAAM,mBAAmB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAShC,MAAM,aAAa,OAAO;AAAA,IAC7B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASG,MAAM,oBAAoB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASjC,MAAM,mBAAmB,OAAO;AAEhC,MAAM,0BAA0B,OAAO;AAAA;AAAA;AAAA;AAAA,MAIxC;AAAA,eACS,CAAC,EAAE,4BAA6B,wBAAwB,UAAU;AAAA;AAAA;AAAA,MAG3E;AAAA;AAAA;AAAA;AAAA;AAAA,MAKA;AAAA,MACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQC,MAAM,qBAAqB,OAAO;AAAA;AAAA,aAE5B,gBAAgB;AAAA;AAAA,gBAEb,CAAC,UAAU,MAAM,aAAa;AAAA,YAClC,CAAC,UAAU,MAAM,UAAU;AAAA,cACzB,CAAC,UACX,MAAM,oBAAoB,gBAAgB,QAAQ,UAAU,MAAM,qBAAqB;AAAA;AAGpF,MAAM,uBAAuB,OAAO;AAAA;AAAA,sBAErB,CAAC,EAAE,YAAY,MAAM,OAAO,MAAM;AAAA;AAAA,eAEzC,CAAC,UAAU,MAAM;AAAA,0BACN,CAAC,EAAE,YAAY,MAAM,OAAO,MAAM;AAAA;AAAA;AAIrD,MAAM,mBAAmB,OAAO;AAAA,iBACtB,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA;AAAA,WAEzC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAG1C,MAAM,sBAAsB,OAAO;AAAA;AAAA;AAAA;AAAA,gBAI1B,CAAC,UAAU,MAAM,aAAa;AAAA,YAClC,CAAC,UAAU,MAAM,UAAU;AAAA;AAAA,WAE5B,CAAC,UAAW,MAAM,mBAAmB,gBAAgB,QAAQ,UAAU,MAAM,qBAAqB;AAAA,IACzG,CAAC,UAAW,MAAM,gBAAgB,wBAAwB;AAAA,IAC1D,CAAC,UACD,4BAA4B;AAAA,EAC1B,MAAM,MAAM;AAAA,EACZ,iBAAiB,MAAM;AAAA,EACvB,cAAc,MAAM;AAAA;AAAA,sBAEJ,CAAC,EAAE,iBAAiB,YAAY,YAClD,aAAa,MAAM,OAAO,QAAQ,OAAO,mBAAmB;AAAA;AAAA;AAAA;AAAA;AAAA,MAK1D,CAAC,UAAW,MAAM,gBAAgB,KAAK,eAAe;AAAA;AAAA;AAAA,IAGxD,CAAC,EAAE,+BAA+B,YAAY;AAC9C,MAAI,CAAC;AAA+B,WAAO;AAC3C,SAAO,eAAe,EAAE;AAAA;AAAA;AAAA,IAGxB,CAAC,EAAE,oBAAoB,YACvB,qBACI;AAAA,gCACwB,MAAM,OAAO,MAAM;AAAA,eAE3C;AAAA;AAAA,4BAEoB,CAAC,UAAW,MAAM,gBAAgB,oBAAoB;AAAA;AAAA,aAErE,CAAC,UAAW,MAAM,aAAa,MAAM;AAAA;AAAA,IAE9C,CAAC,UACD,CAAC,MAAM,WACH,KACA;AAAA,wBACgB,MAAM,MAAM,OAAO,MAAM;AAAA,wBACzB,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA,WAGtC,CAAC,UAAW,MAAM,WAAW,MAAM,MAAM,OAAO,QAAQ,SAAS;AAAA;",
6
- "names": []
7
- }
@@ -1,90 +0,0 @@
1
- import * as React from "react";
2
- import { uid } from "uid";
3
- const genColumns = (canSort = false) => [
4
- {
5
- Header: "id",
6
- accessor: "id",
7
- canSort
8
- },
9
- {
10
- Header: "Name",
11
- accessor: "name",
12
- canSort
13
- },
14
- {
15
- Header: "Position",
16
- accessor: "position",
17
- canSort
18
- },
19
- {
20
- Header: "Country",
21
- accessor: "country",
22
- canSort
23
- },
24
- {
25
- Header: "Salary",
26
- accessor: "salary"
27
- },
28
- {
29
- Header: "Single date",
30
- accessor: "singleDate"
31
- },
32
- {
33
- Header: "Date range",
34
- accessor: "dateRange"
35
- }
36
- ];
37
- const generateRecord = (id) => ({
38
- id: id + 1,
39
- name: (id + 1) % 2 ? `John` : "Francisco",
40
- position: (id + 1) % 2 ? `Developer` : `Designer`,
41
- country: (id + 1) % 2 ? "US" : "ARG",
42
- salary: (id + 1) % 2 ? `12321232 $` : `12321232 pesos`,
43
- singleDate: `${id % 12 + 1}/${id % 27 + 1}/2020`,
44
- dateRange: `${id % 12 + 1}/${id % 27 + 1}/2019`,
45
- uid: uid(16)
46
- });
47
- const generateRecordWithOneChild = (id, level = 0) => {
48
- const record = {
49
- id: id + 1,
50
- name: (id + 1) % 2 ? `John` : "Francisco",
51
- position: (id + 1) % 2 ? `Developer` : `Designer`,
52
- country: (id + 1) % 2 ? "US" : "ARG",
53
- salary: (id + 1) % 2 ? `12321232 $` : `12321232 pesos`,
54
- singleDate: `${id % 12 + 1}/${id % 27 + 1}/2020`,
55
- dateRange: `${id % 12 + 1}/${id % 27 + 1}/2019`,
56
- myUniqueRowAccessor: uid(16)
57
- };
58
- if (level === 0)
59
- record.subRows = [generateRecordWithOneChild(0, level + 1)];
60
- return record;
61
- };
62
- const generateMasterDetailRecord = (id) => ({
63
- id: id + 1,
64
- name: (id + 1) % 2 ? `John` : "Francisco",
65
- position: (id + 1) % 2 ? `Developer` : `Designer`,
66
- country: (id + 1) % 2 ? "US" : "ARG",
67
- salary: (id + 1) % 2 ? `12321232 $` : `12321232 pesos`,
68
- singleDate: `${id % 12 + 1}/${id % 27 + 1}/2020`,
69
- dateRange: `${id % 12 + 1}/${id % 27 + 1}/2019`,
70
- myUniqueRowAccessor: uid(16),
71
- tableRowDetails: () => "Custom JSX"
72
- });
73
- const generateGroupedRecord = (id) => ({
74
- dimsumHeaderValue: id,
75
- row_variant_type: "ds_header_group_row",
76
- subRows: [generateRecord(0)],
77
- uid: uid(16)
78
- });
79
- const genRows = (n) => new Array(n).fill({}).map((_, id) => generateRecord(id));
80
- const genExpandableRows = (n) => new Array(n).fill({}).map((_, id) => generateRecordWithOneChild(id));
81
- const genMasterDetailRows = (n) => new Array(n).fill({}).map((_, id) => generateMasterDetailRecord(id));
82
- const genGroupedRows = (n) => new Array(n).fill({}).map((_, id) => generateGroupedRecord(id));
83
- export {
84
- genColumns,
85
- genExpandableRows,
86
- genGroupedRows,
87
- genMasterDetailRows,
88
- genRows
89
- };
90
- //# sourceMappingURL=index.js.map