@elliemae/ds-data-table 2.2.0-alpha.2 → 2.2.0-beta.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/DataTable.js +57 -63
- package/cjs/DataTableContext.js +26 -52
- package/cjs/DataTableSchema.js +112 -150
- package/cjs/addons/Columns/ColumnAction/ColumnAction.js +14 -40
- package/cjs/addons/Columns/ColumnDragHandle/ColumnDragHandle.js +52 -52
- package/cjs/addons/Columns/ColumnExpand/ColumnExpand.js +154 -124
- package/cjs/addons/Columns/ColumnSelectMultiple/ColumnSelectMultiple.js +105 -63
- package/cjs/addons/Columns/ColumnSelectSingle/ColumnSelectSingle.js +81 -62
- package/cjs/addons/Columns/index.js +18 -51
- package/cjs/addons/Editables/ComboboxEditableCell/ComboboxEditableCell.js +85 -57
- package/cjs/addons/Editables/DateEditableCell/DateEditableCell.js +73 -51
- package/cjs/addons/Editables/TextEditableCell/TextEditableCell.js +88 -67
- package/cjs/addons/Editables/index.js +14 -39
- package/cjs/addons/Filters/Components/CurrencyRangeFilter/index.js +137 -87
- package/cjs/addons/Filters/Components/DateRangeFilter/index.js +88 -64
- package/cjs/addons/Filters/Components/DateSwitcherFilter/index.js +97 -72
- package/cjs/addons/Filters/Components/NumberRangeFilter/index.js +141 -89
- package/cjs/addons/Filters/Components/SelectFilter/BaseSelectFilter.js +117 -68
- package/cjs/addons/Filters/Components/SelectFilter/MultiSelectFilter.js +75 -59
- package/cjs/addons/Filters/Components/SelectFilter/SingleSelectFilter.js +75 -59
- package/cjs/addons/Filters/Components/SelectFilter/components.js +36 -86
- package/cjs/addons/Filters/Components/SelectFilter/useSelectFilterHandlers.js +57 -67
- package/cjs/addons/Filters/Components/SelectFilter/utils.js +46 -40
- package/cjs/addons/Filters/Components/SingleDateFilter/index.js +80 -64
- package/cjs/addons/Filters/Components/index.js +21 -34
- package/cjs/addons/Filters/index.js +21 -28
- package/cjs/addons/Pagination/Pagination.js +37 -45
- package/cjs/addons/Pagination/index.js +9 -35
- package/cjs/configs/constants.js +47 -74
- package/cjs/configs/fixedSizes.js +6 -34
- package/cjs/configs/index.js +22 -32
- package/cjs/configs/useDatatableConfig.js +59 -72
- package/cjs/configs/usePaginationConfig.js +23 -61
- package/cjs/configs/useRowFlattenization.js +36 -48
- package/cjs/configs/useTableColsWithAddons.js +62 -75
- package/cjs/configs/zIndexInternalConfig.js +6 -34
- package/cjs/exported-related/EditableCell.js +54 -64
- package/cjs/exported-related/FilterPopover.js +137 -103
- package/cjs/exported-related/FilterTypes.js +14 -42
- package/cjs/exported-related/Filters/applyOutOfTheBoxFilters.js +27 -50
- package/cjs/exported-related/Filters/currencyRangeFilterFn.js +19 -44
- package/cjs/exported-related/Filters/dateRangeFilterFn.js +45 -37
- package/cjs/exported-related/Filters/dateSwitcherFilterFn.js +12 -37
- package/cjs/exported-related/Filters/index.js +21 -34
- package/cjs/exported-related/Filters/multiSelectFilterFn.js +14 -35
- package/cjs/exported-related/Filters/numberRangeFilterFn.js +13 -36
- package/cjs/exported-related/Filters/singleDateFilterFn.js +45 -37
- package/cjs/exported-related/Filters/singleSelectFilterFn.js +12 -35
- package/cjs/exported-related/Filters/types.js +2 -27
- package/cjs/exported-related/RowRenderer/DefaultRowContentRenderer.js +109 -107
- package/cjs/exported-related/RowRenderer/index.js +95 -77
- package/cjs/exported-related/RowRenderer/useRowRendererHandlers.js +100 -71
- package/cjs/exported-related/RowRenderer/useRowRendererProperties.js +42 -51
- package/cjs/exported-related/RowRenderer/useRowStyle.js +35 -47
- package/cjs/exported-related/RowVariants.js +15 -43
- package/cjs/exported-related/Toolbar/Toolbar.js +80 -103
- package/cjs/exported-related/Toolbar/index.js +9 -35
- package/cjs/exported-related/groupBy.js +25 -43
- package/cjs/exported-related/index.js +35 -44
- package/cjs/helpers/addCellData.js +32 -43
- package/cjs/helpers/cellPadding.js +27 -44
- package/cjs/helpers/columnsToGrid.js +17 -41
- package/cjs/helpers/getIdFromUniqueRowAccessor.js +20 -38
- package/cjs/helpers/index.js +20 -33
- package/cjs/helpers/refs-helpers.js +22 -41
- package/cjs/helpers/sizeToCss.js +7 -35
- package/cjs/hooks/useRecoverFocusCol.js +21 -41
- package/cjs/hooks/useRecoverFocusRow.js +14 -37
- package/cjs/index.js +38 -29
- package/cjs/parts/Cells/Cell.js +105 -95
- package/cjs/parts/Cells/index.js +76 -83
- package/cjs/parts/Cells/useCellStyle.js +27 -47
- package/cjs/parts/DnDHandle.js +73 -61
- package/cjs/parts/DropIndicator.js +68 -77
- package/cjs/parts/EmptyContent.js +58 -93
- package/cjs/parts/FilterBar/FiltersBar.js +115 -82
- package/cjs/parts/FilterBar/components/DateRangePill.js +40 -57
- package/cjs/parts/FilterBar/components/DateSwitcherPill.js +40 -57
- package/cjs/parts/FilterBar/components/MultiSelectPill.js +42 -57
- package/cjs/parts/FilterBar/components/NumberRangePill.js +39 -56
- package/cjs/parts/FilterBar/components/SelectPill.js +36 -55
- package/cjs/parts/FilterBar/components/SingleDatePill.js +38 -56
- package/cjs/parts/FilterBar/components/index.js +19 -33
- package/cjs/parts/FilterBar/index.js +9 -35
- package/cjs/parts/FilterBar/styled.js +23 -49
- package/cjs/parts/FilterBar/types.js +2 -27
- package/cjs/parts/Filters/index.js +108 -69
- package/cjs/parts/Footer.js +21 -39
- package/cjs/parts/Headers/EmptyChildrenGroup.js +20 -42
- package/cjs/parts/Headers/HeaderCell.js +159 -114
- package/cjs/parts/Headers/HeaderCellGroup.js +93 -94
- package/cjs/parts/Headers/HeaderCellTitle.js +77 -50
- package/cjs/parts/Headers/HeaderResizer.js +94 -74
- package/cjs/parts/Headers/RequiredDot.js +21 -39
- package/cjs/parts/Headers/index.js +42 -58
- package/cjs/parts/Headers/useHeaderCellConfig.js +25 -48
- package/cjs/parts/Headers/useHeaderCellHandlers.js +76 -87
- package/cjs/parts/HoC/SortableItemContext.js +19 -44
- package/cjs/parts/HoC/withConditionalDnDColumnContext.js +101 -86
- package/cjs/parts/HoC/withConditionalDnDRowContext.js +93 -90
- package/cjs/parts/HoC/withConditionalDnDSortableContext.js +43 -50
- package/cjs/parts/HoC/withDnDSortableColumnContext.js +58 -60
- package/cjs/parts/HoC/withDnDSortableRowContext.js +59 -59
- package/cjs/parts/Loader.js +30 -50
- package/cjs/parts/Row.js +59 -64
- package/cjs/parts/RowLoading.js +52 -53
- package/cjs/parts/RowVariants/RowVariantHeader.js +95 -79
- package/cjs/parts/RowVariants/RowVariantPrimary.js +36 -55
- package/cjs/parts/RowVariants/RowVariantSecondary.js +37 -56
- package/cjs/parts/RowVariants/index.js +77 -59
- package/cjs/parts/RowVariants/types.js +2 -27
- package/cjs/parts/Rows.js +68 -71
- package/cjs/parts/SortByCaret.js +30 -44
- package/cjs/parts/SortableHeaderCell.js +38 -43
- package/cjs/parts/TableContent.js +84 -68
- package/cjs/parts/VirtualRowsList.js +89 -74
- package/cjs/parts/index.js +19 -45
- package/cjs/prop-types.js +56 -76
- package/cjs/redux/reducers/headersReducers/defaults.js +6 -34
- package/cjs/redux/reducers/headersReducers/headersReducers.js +23 -46
- package/cjs/redux/reducers/headersReducers/index.js +14 -29
- package/cjs/redux/reducers/headersReducers/logic.js +33 -42
- package/cjs/redux/reducers/headersReducers/useDispatchHeadersActions.js +19 -40
- package/cjs/redux/reducers/index.js +17 -46
- package/cjs/redux/reducers/rowsReducers/actions_types.js +19 -47
- package/cjs/redux/reducers/rowsReducers/defaults.js +7 -35
- package/cjs/redux/reducers/rowsReducers/index.js +20 -29
- package/cjs/redux/reducers/rowsReducers/logic.js +14 -41
- package/cjs/redux/reducers/rowsReducers/rowsReducer.js +41 -58
- package/cjs/redux/reducers/rowsReducers/useDispatchRowsActions.js +21 -48
- package/cjs/redux/storeConfig.js +9 -36
- package/cjs/styled.js +219 -295
- package/cjs/types/FunctionalHoC.js +2 -27
- package/cjs/types/props.js +2 -27
- package/esm/DataTable.js +42 -29
- package/esm/DataTableContext.js +19 -22
- package/esm/DataTableSchema.js +95 -108
- package/esm/addons/Columns/ColumnAction/ColumnAction.js +10 -11
- package/esm/addons/Columns/ColumnDragHandle/ColumnDragHandle.js +43 -22
- package/esm/addons/Columns/ColumnExpand/ColumnExpand.js +132 -83
- package/esm/addons/Columns/ColumnSelectMultiple/ColumnSelectMultiple.js +92 -30
- package/esm/addons/Columns/ColumnSelectSingle/ColumnSelectSingle.js +71 -32
- package/esm/addons/Columns/index.js +9 -22
- package/esm/addons/Editables/ComboboxEditableCell/ComboboxEditableCell.js +72 -23
- package/esm/addons/Editables/DateEditableCell/DateEditableCell.js +62 -19
- package/esm/addons/Editables/TextEditableCell/TextEditableCell.js +76 -35
- package/esm/addons/Editables/index.js +9 -9
- package/esm/addons/Filters/Components/CurrencyRangeFilter/index.js +124 -55
- package/esm/addons/Filters/Components/DateRangeFilter/index.js +77 -33
- package/esm/addons/Filters/Components/DateSwitcherFilter/index.js +85 -44
- package/esm/addons/Filters/Components/NumberRangeFilter/index.js +128 -57
- package/esm/addons/Filters/Components/SelectFilter/BaseSelectFilter.js +105 -35
- package/esm/addons/Filters/Components/SelectFilter/MultiSelectFilter.js +67 -30
- package/esm/addons/Filters/Components/SelectFilter/SingleSelectFilter.js +67 -30
- package/esm/addons/Filters/Components/SelectFilter/components.js +23 -57
- package/esm/addons/Filters/Components/SelectFilter/useSelectFilterHandlers.js +53 -38
- package/esm/addons/Filters/Components/SelectFilter/utils.js +41 -11
- package/esm/addons/Filters/Components/SingleDateFilter/index.js +67 -31
- package/esm/addons/Filters/Components/index.js +7 -9
- package/esm/addons/Filters/index.js +7 -3
- package/esm/addons/Pagination/Pagination.js +27 -14
- package/esm/addons/Pagination/index.js +1 -6
- package/esm/configs/constants.js +42 -45
- package/esm/configs/fixedSizes.js +2 -5
- package/esm/configs/index.js +5 -7
- package/esm/configs/useDatatableConfig.js +47 -35
- package/esm/configs/usePaginationConfig.js +17 -30
- package/esm/configs/useRowFlattenization.js +29 -16
- package/esm/configs/useTableColsWithAddons.js +55 -51
- package/esm/configs/zIndexInternalConfig.js +2 -5
- package/esm/exported-related/EditableCell.js +44 -33
- package/esm/exported-related/FilterPopover.js +122 -70
- package/esm/exported-related/FilterTypes.js +9 -12
- package/esm/exported-related/Filters/applyOutOfTheBoxFilters.js +16 -14
- package/esm/exported-related/Filters/currencyRangeFilterFn.js +15 -15
- package/esm/exported-related/Filters/dateRangeFilterFn.js +37 -8
- package/esm/exported-related/Filters/dateSwitcherFilterFn.js +7 -7
- package/esm/exported-related/Filters/index.js +7 -9
- package/esm/exported-related/Filters/multiSelectFilterFn.js +10 -6
- package/esm/exported-related/Filters/numberRangeFilterFn.js +9 -7
- package/esm/exported-related/Filters/singleDateFilterFn.js +37 -8
- package/esm/exported-related/Filters/singleSelectFilterFn.js +8 -6
- package/esm/exported-related/Filters/types.js +1 -2
- package/esm/exported-related/RowRenderer/DefaultRowContentRenderer.js +94 -72
- package/esm/exported-related/RowRenderer/index.js +85 -45
- package/esm/exported-related/RowRenderer/useRowRendererHandlers.js +95 -41
- package/esm/exported-related/RowRenderer/useRowRendererProperties.js +31 -19
- package/esm/exported-related/RowRenderer/useRowStyle.js +30 -17
- package/esm/exported-related/RowVariants.js +9 -14
- package/esm/exported-related/Toolbar/Toolbar.js +64 -68
- package/esm/exported-related/Toolbar/index.js +1 -6
- package/esm/exported-related/groupBy.js +21 -14
- package/esm/exported-related/index.js +13 -15
- package/esm/helpers/addCellData.js +25 -15
- package/esm/helpers/cellPadding.js +22 -15
- package/esm/helpers/columnsToGrid.js +13 -12
- package/esm/helpers/getIdFromUniqueRowAccessor.js +16 -9
- package/esm/helpers/index.js +6 -8
- package/esm/helpers/refs-helpers.js +19 -13
- package/esm/helpers/sizeToCss.js +3 -6
- package/esm/hooks/useRecoverFocusCol.js +15 -10
- package/esm/hooks/useRecoverFocusRow.js +8 -6
- package/esm/index.js +14 -4
- package/esm/parts/Cells/Cell.js +94 -63
- package/esm/parts/Cells/index.js +70 -54
- package/esm/parts/Cells/useCellStyle.js +21 -16
- package/esm/parts/DnDHandle.js +65 -32
- package/esm/parts/DropIndicator.js +62 -49
- package/esm/parts/EmptyContent.js +48 -64
- package/esm/parts/FilterBar/FiltersBar.js +94 -49
- package/esm/parts/FilterBar/components/DateRangePill.js +31 -27
- package/esm/parts/FilterBar/components/DateSwitcherPill.js +31 -27
- package/esm/parts/FilterBar/components/MultiSelectPill.js +34 -28
- package/esm/parts/FilterBar/components/NumberRangePill.js +30 -26
- package/esm/parts/FilterBar/components/SelectPill.js +27 -25
- package/esm/parts/FilterBar/components/SingleDatePill.js +29 -26
- package/esm/parts/FilterBar/components/index.js +6 -8
- package/esm/parts/FilterBar/index.js +1 -6
- package/esm/parts/FilterBar/styled.js +12 -20
- package/esm/parts/FilterBar/types.js +1 -2
- package/esm/parts/Filters/index.js +92 -40
- package/esm/parts/Footer.js +15 -10
- package/esm/parts/Headers/EmptyChildrenGroup.js +11 -13
- package/esm/parts/Headers/HeaderCell.js +141 -77
- package/esm/parts/Headers/HeaderCellGroup.js +82 -64
- package/esm/parts/Headers/HeaderCellTitle.js +70 -22
- package/esm/parts/Headers/HeaderResizer.js +77 -36
- package/esm/parts/Headers/RequiredDot.js +13 -10
- package/esm/parts/Headers/index.js +35 -28
- package/esm/parts/Headers/useHeaderCellConfig.js +21 -19
- package/esm/parts/Headers/useHeaderCellHandlers.js +66 -56
- package/esm/parts/HoC/SortableItemContext.js +15 -15
- package/esm/parts/HoC/withConditionalDnDColumnContext.js +85 -52
- package/esm/parts/HoC/withConditionalDnDRowContext.js +80 -59
- package/esm/parts/HoC/withConditionalDnDSortableContext.js +34 -21
- package/esm/parts/HoC/withDnDSortableColumnContext.js +44 -26
- package/esm/parts/HoC/withDnDSortableRowContext.js +46 -26
- package/esm/parts/Loader.js +22 -21
- package/esm/parts/Row.js +48 -33
- package/esm/parts/RowLoading.js +42 -23
- package/esm/parts/RowVariants/RowVariantHeader.js +83 -47
- package/esm/parts/RowVariants/RowVariantPrimary.js +28 -26
- package/esm/parts/RowVariants/RowVariantSecondary.js +29 -27
- package/esm/parts/RowVariants/index.js +65 -26
- package/esm/parts/RowVariants/types.js +1 -2
- package/esm/parts/Rows.js +61 -41
- package/esm/parts/SortByCaret.js +22 -15
- package/esm/parts/SortableHeaderCell.js +29 -14
- package/esm/parts/TableContent.js +72 -35
- package/esm/parts/VirtualRowsList.js +78 -40
- package/esm/parts/index.js +6 -16
- package/esm/prop-types.js +22 -28
- package/esm/redux/reducers/headersReducers/defaults.js +2 -5
- package/esm/redux/reducers/headersReducers/headersReducers.js +11 -12
- package/esm/redux/reducers/headersReducers/index.js +2 -4
- package/esm/redux/reducers/headersReducers/logic.js +24 -13
- package/esm/redux/reducers/headersReducers/useDispatchHeadersActions.js +14 -10
- package/esm/redux/reducers/index.js +11 -17
- package/esm/redux/reducers/rowsReducers/actions_types.js +9 -18
- package/esm/redux/reducers/rowsReducers/defaults.js +2 -6
- package/esm/redux/reducers/rowsReducers/index.js +2 -4
- package/esm/redux/reducers/rowsReducers/logic.js +3 -12
- package/esm/redux/reducers/rowsReducers/rowsReducer.js +18 -28
- package/esm/redux/reducers/rowsReducers/useDispatchRowsActions.js +15 -26
- package/esm/redux/storeConfig.js +4 -6
- package/esm/styled.js +194 -268
- package/esm/types/FunctionalHoC.js +1 -2
- package/esm/types/props.js +1 -2
- package/package.json +18 -18
- package/types/DataTable.d.ts +1 -1
- package/types/DataTableContext.d.ts +0 -1
- package/types/configs/useTableColsWithAddons.d.ts +0 -1
- package/types/exported-related/RowRenderer/index.d.ts +0 -1
- package/types/exported-related/RowRenderer/useRowRendererProperties.d.ts +1 -1
- package/types/parts/Cells/Cell.d.ts +0 -1
- package/types/parts/Cells/index.d.ts +0 -1
- package/types/parts/DropIndicator.d.ts +0 -1
- package/types/parts/EmptyContent.d.ts +0 -1
- package/types/parts/Footer.d.ts +0 -1
- package/types/parts/Headers/index.d.ts +2 -2
- package/types/parts/Loader.d.ts +2 -2
- package/types/parts/Row.d.ts +2 -3
- package/types/parts/RowLoading.d.ts +0 -1
- package/types/parts/Rows.d.ts +2 -2
- package/types/parts/TableContent.d.ts +0 -1
- package/types/parts/VirtualRowsList.d.ts +1 -1
- package/types/redux/reducers/index.d.ts +2 -2
- package/cjs/DataTable.js.map +0 -7
- package/cjs/DataTableContext.js.map +0 -7
- package/cjs/DataTableSchema.js.map +0 -7
- package/cjs/addons/Columns/ColumnAction/ColumnAction.js.map +0 -7
- package/cjs/addons/Columns/ColumnDragHandle/ColumnDragHandle.js.map +0 -7
- package/cjs/addons/Columns/ColumnExpand/ColumnExpand.js.map +0 -7
- package/cjs/addons/Columns/ColumnSelectMultiple/ColumnSelectMultiple.js.map +0 -7
- package/cjs/addons/Columns/ColumnSelectSingle/ColumnSelectSingle.js.map +0 -7
- package/cjs/addons/Columns/index.js.map +0 -7
- package/cjs/addons/Editables/ComboboxEditableCell/ComboboxEditableCell.js.map +0 -7
- package/cjs/addons/Editables/DateEditableCell/DateEditableCell.js.map +0 -7
- package/cjs/addons/Editables/TextEditableCell/TextEditableCell.js.map +0 -7
- package/cjs/addons/Editables/index.js.map +0 -7
- package/cjs/addons/Filters/Components/CurrencyRangeFilter/index.js.map +0 -7
- package/cjs/addons/Filters/Components/DateRangeFilter/index.js.map +0 -7
- package/cjs/addons/Filters/Components/DateSwitcherFilter/index.js.map +0 -7
- package/cjs/addons/Filters/Components/NumberRangeFilter/index.js.map +0 -7
- package/cjs/addons/Filters/Components/SelectFilter/BaseSelectFilter.js.map +0 -7
- package/cjs/addons/Filters/Components/SelectFilter/MultiSelectFilter.js.map +0 -7
- package/cjs/addons/Filters/Components/SelectFilter/SingleSelectFilter.js.map +0 -7
- package/cjs/addons/Filters/Components/SelectFilter/components.js.map +0 -7
- package/cjs/addons/Filters/Components/SelectFilter/useSelectFilterHandlers.js.map +0 -7
- package/cjs/addons/Filters/Components/SelectFilter/utils.js.map +0 -7
- package/cjs/addons/Filters/Components/SingleDateFilter/index.js.map +0 -7
- package/cjs/addons/Filters/Components/index.js.map +0 -7
- package/cjs/addons/Filters/index.js.map +0 -7
- package/cjs/addons/Pagination/Pagination.js.map +0 -7
- package/cjs/addons/Pagination/index.js.map +0 -7
- package/cjs/configs/constants.js.map +0 -7
- package/cjs/configs/fixedSizes.js.map +0 -7
- package/cjs/configs/index.js.map +0 -7
- package/cjs/configs/useDatatableConfig.js.map +0 -7
- package/cjs/configs/usePaginationConfig.js.map +0 -7
- package/cjs/configs/useRowFlattenization.js.map +0 -7
- package/cjs/configs/useTableColsWithAddons.js.map +0 -7
- package/cjs/configs/zIndexInternalConfig.js.map +0 -7
- package/cjs/exported-related/EditableCell.js.map +0 -7
- package/cjs/exported-related/FilterPopover.js.map +0 -7
- package/cjs/exported-related/FilterTypes.js.map +0 -7
- package/cjs/exported-related/Filters/applyOutOfTheBoxFilters.js.map +0 -7
- package/cjs/exported-related/Filters/currencyRangeFilterFn.js.map +0 -7
- package/cjs/exported-related/Filters/dateRangeFilterFn.js.map +0 -7
- package/cjs/exported-related/Filters/dateSwitcherFilterFn.js.map +0 -7
- package/cjs/exported-related/Filters/index.js.map +0 -7
- package/cjs/exported-related/Filters/multiSelectFilterFn.js.map +0 -7
- package/cjs/exported-related/Filters/numberRangeFilterFn.js.map +0 -7
- package/cjs/exported-related/Filters/singleDateFilterFn.js.map +0 -7
- package/cjs/exported-related/Filters/singleSelectFilterFn.js.map +0 -7
- package/cjs/exported-related/Filters/types.js.map +0 -7
- package/cjs/exported-related/RowRenderer/DefaultRowContentRenderer.js.map +0 -7
- package/cjs/exported-related/RowRenderer/index.js.map +0 -7
- package/cjs/exported-related/RowRenderer/useRowRendererHandlers.js.map +0 -7
- package/cjs/exported-related/RowRenderer/useRowRendererProperties.js.map +0 -7
- package/cjs/exported-related/RowRenderer/useRowStyle.js.map +0 -7
- package/cjs/exported-related/RowVariants.js.map +0 -7
- package/cjs/exported-related/Toolbar/Toolbar.js.map +0 -7
- package/cjs/exported-related/Toolbar/index.js.map +0 -7
- package/cjs/exported-related/groupBy.js.map +0 -7
- package/cjs/exported-related/index.js.map +0 -7
- package/cjs/helpers/addCellData.js.map +0 -7
- package/cjs/helpers/cellPadding.js.map +0 -7
- package/cjs/helpers/columnsToGrid.js.map +0 -7
- package/cjs/helpers/getIdFromUniqueRowAccessor.js.map +0 -7
- package/cjs/helpers/index.js.map +0 -7
- package/cjs/helpers/refs-helpers.js.map +0 -7
- package/cjs/helpers/sizeToCss.js.map +0 -7
- package/cjs/hooks/useRecoverFocusCol.js.map +0 -7
- package/cjs/hooks/useRecoverFocusRow.js.map +0 -7
- package/cjs/index.js.map +0 -7
- package/cjs/parts/Cells/Cell.js.map +0 -7
- package/cjs/parts/Cells/index.js.map +0 -7
- package/cjs/parts/Cells/useCellStyle.js.map +0 -7
- package/cjs/parts/DnDHandle.js.map +0 -7
- package/cjs/parts/DropIndicator.js.map +0 -7
- package/cjs/parts/EmptyContent.js.map +0 -7
- package/cjs/parts/FilterBar/FiltersBar.js.map +0 -7
- package/cjs/parts/FilterBar/components/DateRangePill.js.map +0 -7
- package/cjs/parts/FilterBar/components/DateSwitcherPill.js.map +0 -7
- package/cjs/parts/FilterBar/components/MultiSelectPill.js.map +0 -7
- package/cjs/parts/FilterBar/components/NumberRangePill.js.map +0 -7
- package/cjs/parts/FilterBar/components/SelectPill.js.map +0 -7
- package/cjs/parts/FilterBar/components/SingleDatePill.js.map +0 -7
- package/cjs/parts/FilterBar/components/index.js.map +0 -7
- package/cjs/parts/FilterBar/index.js.map +0 -7
- package/cjs/parts/FilterBar/styled.js.map +0 -7
- package/cjs/parts/FilterBar/types.js.map +0 -7
- package/cjs/parts/Filters/index.js.map +0 -7
- package/cjs/parts/Footer.js.map +0 -7
- package/cjs/parts/Headers/EmptyChildrenGroup.js.map +0 -7
- package/cjs/parts/Headers/HeaderCell.js.map +0 -7
- package/cjs/parts/Headers/HeaderCellGroup.js.map +0 -7
- package/cjs/parts/Headers/HeaderCellTitle.js.map +0 -7
- package/cjs/parts/Headers/HeaderResizer.js.map +0 -7
- package/cjs/parts/Headers/RequiredDot.js.map +0 -7
- package/cjs/parts/Headers/index.js.map +0 -7
- package/cjs/parts/Headers/useHeaderCellConfig.js.map +0 -7
- package/cjs/parts/Headers/useHeaderCellHandlers.js.map +0 -7
- package/cjs/parts/HoC/SortableItemContext.js.map +0 -7
- package/cjs/parts/HoC/withConditionalDnDColumnContext.js.map +0 -7
- package/cjs/parts/HoC/withConditionalDnDRowContext.js.map +0 -7
- package/cjs/parts/HoC/withConditionalDnDSortableContext.js.map +0 -7
- package/cjs/parts/HoC/withDnDSortableColumnContext.js.map +0 -7
- package/cjs/parts/HoC/withDnDSortableRowContext.js.map +0 -7
- package/cjs/parts/Loader.js.map +0 -7
- package/cjs/parts/Row.js.map +0 -7
- package/cjs/parts/RowLoading.js.map +0 -7
- package/cjs/parts/RowVariants/RowVariantHeader.js.map +0 -7
- package/cjs/parts/RowVariants/RowVariantPrimary.js.map +0 -7
- package/cjs/parts/RowVariants/RowVariantSecondary.js.map +0 -7
- package/cjs/parts/RowVariants/index.js.map +0 -7
- package/cjs/parts/RowVariants/types.js.map +0 -7
- package/cjs/parts/Rows.js.map +0 -7
- package/cjs/parts/SortByCaret.js.map +0 -7
- package/cjs/parts/SortableHeaderCell.js.map +0 -7
- package/cjs/parts/TableContent.js.map +0 -7
- package/cjs/parts/VirtualRowsList.js.map +0 -7
- package/cjs/parts/index.js.map +0 -7
- package/cjs/prop-types.js.map +0 -7
- package/cjs/redux/reducers/headersReducers/defaults.js.map +0 -7
- package/cjs/redux/reducers/headersReducers/headersReducers.js.map +0 -7
- package/cjs/redux/reducers/headersReducers/index.js.map +0 -7
- package/cjs/redux/reducers/headersReducers/logic.js.map +0 -7
- package/cjs/redux/reducers/headersReducers/useDispatchHeadersActions.js.map +0 -7
- package/cjs/redux/reducers/index.js.map +0 -7
- package/cjs/redux/reducers/rowsReducers/actions_types.js.map +0 -7
- package/cjs/redux/reducers/rowsReducers/defaults.js.map +0 -7
- package/cjs/redux/reducers/rowsReducers/index.js.map +0 -7
- package/cjs/redux/reducers/rowsReducers/logic.js.map +0 -7
- package/cjs/redux/reducers/rowsReducers/rowsReducer.js.map +0 -7
- package/cjs/redux/reducers/rowsReducers/useDispatchRowsActions.js.map +0 -7
- package/cjs/redux/storeConfig.js.map +0 -7
- package/cjs/styled.js.map +0 -7
- package/cjs/tests/utils/index.js +0 -119
- package/cjs/tests/utils/index.js.map +0 -7
- package/cjs/types/FunctionalHoC.js.map +0 -7
- package/cjs/types/props.js.map +0 -7
- package/esm/DataTable.js.map +0 -7
- package/esm/DataTableContext.js.map +0 -7
- package/esm/DataTableSchema.js.map +0 -7
- package/esm/addons/Columns/ColumnAction/ColumnAction.js.map +0 -7
- package/esm/addons/Columns/ColumnDragHandle/ColumnDragHandle.js.map +0 -7
- package/esm/addons/Columns/ColumnExpand/ColumnExpand.js.map +0 -7
- package/esm/addons/Columns/ColumnSelectMultiple/ColumnSelectMultiple.js.map +0 -7
- package/esm/addons/Columns/ColumnSelectSingle/ColumnSelectSingle.js.map +0 -7
- package/esm/addons/Columns/index.js.map +0 -7
- package/esm/addons/Editables/ComboboxEditableCell/ComboboxEditableCell.js.map +0 -7
- package/esm/addons/Editables/DateEditableCell/DateEditableCell.js.map +0 -7
- package/esm/addons/Editables/TextEditableCell/TextEditableCell.js.map +0 -7
- package/esm/addons/Editables/index.js.map +0 -7
- package/esm/addons/Filters/Components/CurrencyRangeFilter/index.js.map +0 -7
- package/esm/addons/Filters/Components/DateRangeFilter/index.js.map +0 -7
- package/esm/addons/Filters/Components/DateSwitcherFilter/index.js.map +0 -7
- package/esm/addons/Filters/Components/NumberRangeFilter/index.js.map +0 -7
- package/esm/addons/Filters/Components/SelectFilter/BaseSelectFilter.js.map +0 -7
- package/esm/addons/Filters/Components/SelectFilter/MultiSelectFilter.js.map +0 -7
- package/esm/addons/Filters/Components/SelectFilter/SingleSelectFilter.js.map +0 -7
- package/esm/addons/Filters/Components/SelectFilter/components.js.map +0 -7
- package/esm/addons/Filters/Components/SelectFilter/useSelectFilterHandlers.js.map +0 -7
- package/esm/addons/Filters/Components/SelectFilter/utils.js.map +0 -7
- package/esm/addons/Filters/Components/SingleDateFilter/index.js.map +0 -7
- package/esm/addons/Filters/Components/index.js.map +0 -7
- package/esm/addons/Filters/index.js.map +0 -7
- package/esm/addons/Pagination/Pagination.js.map +0 -7
- package/esm/addons/Pagination/index.js.map +0 -7
- package/esm/configs/constants.js.map +0 -7
- package/esm/configs/fixedSizes.js.map +0 -7
- package/esm/configs/index.js.map +0 -7
- package/esm/configs/useDatatableConfig.js.map +0 -7
- package/esm/configs/usePaginationConfig.js.map +0 -7
- package/esm/configs/useRowFlattenization.js.map +0 -7
- package/esm/configs/useTableColsWithAddons.js.map +0 -7
- package/esm/configs/zIndexInternalConfig.js.map +0 -7
- package/esm/exported-related/EditableCell.js.map +0 -7
- package/esm/exported-related/FilterPopover.js.map +0 -7
- package/esm/exported-related/FilterTypes.js.map +0 -7
- package/esm/exported-related/Filters/applyOutOfTheBoxFilters.js.map +0 -7
- package/esm/exported-related/Filters/currencyRangeFilterFn.js.map +0 -7
- package/esm/exported-related/Filters/dateRangeFilterFn.js.map +0 -7
- package/esm/exported-related/Filters/dateSwitcherFilterFn.js.map +0 -7
- package/esm/exported-related/Filters/index.js.map +0 -7
- package/esm/exported-related/Filters/multiSelectFilterFn.js.map +0 -7
- package/esm/exported-related/Filters/numberRangeFilterFn.js.map +0 -7
- package/esm/exported-related/Filters/singleDateFilterFn.js.map +0 -7
- package/esm/exported-related/Filters/singleSelectFilterFn.js.map +0 -7
- package/esm/exported-related/Filters/types.js.map +0 -7
- package/esm/exported-related/RowRenderer/DefaultRowContentRenderer.js.map +0 -7
- package/esm/exported-related/RowRenderer/index.js.map +0 -7
- package/esm/exported-related/RowRenderer/useRowRendererHandlers.js.map +0 -7
- package/esm/exported-related/RowRenderer/useRowRendererProperties.js.map +0 -7
- package/esm/exported-related/RowRenderer/useRowStyle.js.map +0 -7
- package/esm/exported-related/RowVariants.js.map +0 -7
- package/esm/exported-related/Toolbar/Toolbar.js.map +0 -7
- package/esm/exported-related/Toolbar/index.js.map +0 -7
- package/esm/exported-related/groupBy.js.map +0 -7
- package/esm/exported-related/index.js.map +0 -7
- package/esm/helpers/addCellData.js.map +0 -7
- package/esm/helpers/cellPadding.js.map +0 -7
- package/esm/helpers/columnsToGrid.js.map +0 -7
- package/esm/helpers/getIdFromUniqueRowAccessor.js.map +0 -7
- package/esm/helpers/index.js.map +0 -7
- package/esm/helpers/refs-helpers.js.map +0 -7
- package/esm/helpers/sizeToCss.js.map +0 -7
- package/esm/hooks/useRecoverFocusCol.js.map +0 -7
- package/esm/hooks/useRecoverFocusRow.js.map +0 -7
- package/esm/index.js.map +0 -7
- package/esm/parts/Cells/Cell.js.map +0 -7
- package/esm/parts/Cells/index.js.map +0 -7
- package/esm/parts/Cells/useCellStyle.js.map +0 -7
- package/esm/parts/DnDHandle.js.map +0 -7
- package/esm/parts/DropIndicator.js.map +0 -7
- package/esm/parts/EmptyContent.js.map +0 -7
- package/esm/parts/FilterBar/FiltersBar.js.map +0 -7
- package/esm/parts/FilterBar/components/DateRangePill.js.map +0 -7
- package/esm/parts/FilterBar/components/DateSwitcherPill.js.map +0 -7
- package/esm/parts/FilterBar/components/MultiSelectPill.js.map +0 -7
- package/esm/parts/FilterBar/components/NumberRangePill.js.map +0 -7
- package/esm/parts/FilterBar/components/SelectPill.js.map +0 -7
- package/esm/parts/FilterBar/components/SingleDatePill.js.map +0 -7
- package/esm/parts/FilterBar/components/index.js.map +0 -7
- package/esm/parts/FilterBar/index.js.map +0 -7
- package/esm/parts/FilterBar/styled.js.map +0 -7
- package/esm/parts/FilterBar/types.js.map +0 -7
- package/esm/parts/Filters/index.js.map +0 -7
- package/esm/parts/Footer.js.map +0 -7
- package/esm/parts/Headers/EmptyChildrenGroup.js.map +0 -7
- package/esm/parts/Headers/HeaderCell.js.map +0 -7
- package/esm/parts/Headers/HeaderCellGroup.js.map +0 -7
- package/esm/parts/Headers/HeaderCellTitle.js.map +0 -7
- package/esm/parts/Headers/HeaderResizer.js.map +0 -7
- package/esm/parts/Headers/RequiredDot.js.map +0 -7
- package/esm/parts/Headers/index.js.map +0 -7
- package/esm/parts/Headers/useHeaderCellConfig.js.map +0 -7
- package/esm/parts/Headers/useHeaderCellHandlers.js.map +0 -7
- package/esm/parts/HoC/SortableItemContext.js.map +0 -7
- package/esm/parts/HoC/withConditionalDnDColumnContext.js.map +0 -7
- package/esm/parts/HoC/withConditionalDnDRowContext.js.map +0 -7
- package/esm/parts/HoC/withConditionalDnDSortableContext.js.map +0 -7
- package/esm/parts/HoC/withDnDSortableColumnContext.js.map +0 -7
- package/esm/parts/HoC/withDnDSortableRowContext.js.map +0 -7
- package/esm/parts/Loader.js.map +0 -7
- package/esm/parts/Row.js.map +0 -7
- package/esm/parts/RowLoading.js.map +0 -7
- package/esm/parts/RowVariants/RowVariantHeader.js.map +0 -7
- package/esm/parts/RowVariants/RowVariantPrimary.js.map +0 -7
- package/esm/parts/RowVariants/RowVariantSecondary.js.map +0 -7
- package/esm/parts/RowVariants/index.js.map +0 -7
- package/esm/parts/RowVariants/types.js.map +0 -7
- package/esm/parts/Rows.js.map +0 -7
- package/esm/parts/SortByCaret.js.map +0 -7
- package/esm/parts/SortableHeaderCell.js.map +0 -7
- package/esm/parts/TableContent.js.map +0 -7
- package/esm/parts/VirtualRowsList.js.map +0 -7
- package/esm/parts/index.js.map +0 -7
- package/esm/prop-types.js.map +0 -7
- package/esm/redux/reducers/headersReducers/defaults.js.map +0 -7
- package/esm/redux/reducers/headersReducers/headersReducers.js.map +0 -7
- package/esm/redux/reducers/headersReducers/index.js.map +0 -7
- package/esm/redux/reducers/headersReducers/logic.js.map +0 -7
- package/esm/redux/reducers/headersReducers/useDispatchHeadersActions.js.map +0 -7
- package/esm/redux/reducers/index.js.map +0 -7
- package/esm/redux/reducers/rowsReducers/actions_types.js.map +0 -7
- package/esm/redux/reducers/rowsReducers/defaults.js.map +0 -7
- package/esm/redux/reducers/rowsReducers/index.js.map +0 -7
- package/esm/redux/reducers/rowsReducers/logic.js.map +0 -7
- package/esm/redux/reducers/rowsReducers/rowsReducer.js.map +0 -7
- package/esm/redux/reducers/rowsReducers/useDispatchRowsActions.js.map +0 -7
- package/esm/redux/storeConfig.js.map +0 -7
- package/esm/styled.js.map +0 -7
- package/esm/tests/utils/index.js +0 -90
- package/esm/tests/utils/index.js.map +0 -7
- package/esm/types/FunctionalHoC.js.map +0 -7
- package/esm/types/props.js.map +0 -7
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../src/parts/FilterBar/components/DateSwitcherPill.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["/* eslint-disable react/prop-types */\nimport React, { useCallback } from 'react';\nimport { DSPillGroupV2, DSPillV2 } from '@elliemae/ds-pills';\nimport { FilterPillComponent } from '../types';\n\nconst format = (value: string) => value?.replace(/-/g, '/');\n\nexport const DateSwitcherPill: FilterPillComponent<{ startDate: string; endDate: string; isDateRange: boolean }> = ({\n columnHeader,\n column,\n value,\n filters,\n onFiltersChange,\n prevRef,\n innerRef,\n nextRef,\n}) => {\n const handleOnRemove = useCallback(() => {\n if (prevRef?.current) prevRef.current.focus();\n else nextRef.current?.focus();\n onFiltersChange(filters.filter((filter) => filter.id !== column));\n }, [onFiltersChange, filters, prevRef, nextRef, column]);\n\n return value?.startDate && value?.endDate ? (\n <DSPillGroupV2>\n <DSPillV2 type=\"label\" label={columnHeader} />\n <DSPillV2\n type=\"removable\"\n label={value.isDateRange ? `${format(value.startDate)} - ${format(value.endDate)}` : format(value.startDate)}\n onRemove={handleOnRemove}\n innerRef={innerRef}\n />\n </DSPillGroupV2>\n ) : null;\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAmC;AACnC,sBAAwC;AAGxC,MAAM,SAAS,CAAC,UAAkB,OAAO,QAAQ,MAAM;AAEhD,MAAM,mBAAsG,CAAC;AAAA,EAClH;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,iBAAiB,8BAAY,MAAM;AACvC,QAAI,SAAS;AAAS,cAAQ,QAAQ;AAAA;AACjC,cAAQ,SAAS;AACtB,oBAAgB,QAAQ,OAAO,CAAC,WAAW,OAAO,OAAO;AAAA,KACxD,CAAC,iBAAiB,SAAS,SAAS,SAAS;AAEhD,SAAO,OAAO,aAAa,OAAO,UAChC,mDAAC,+BAAD,MACE,mDAAC,0BAAD;AAAA,IAAU,MAAK;AAAA,IAAQ,OAAO;AAAA,MAC9B,mDAAC,0BAAD;AAAA,IACE,MAAK;AAAA,IACL,OAAO,MAAM,cAAc,GAAG,OAAO,MAAM,gBAAgB,OAAO,MAAM,aAAa,OAAO,MAAM;AAAA,IAClG,UAAU;AAAA,IACV;AAAA,QAGF;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../src/parts/FilterBar/components/MultiSelectPill.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["/* eslint-disable react/prop-types */\nimport React, { useCallback } from 'react';\nimport { DSPillGroupV2, DSPillV2 } from '@elliemae/ds-pills';\nimport { FilterPillComponent, FilterOptionT } from '../types';\n\nexport const MultiSelectPill: FilterPillComponent<FilterOptionT[]> = ({\n columnHeader,\n column,\n value,\n filters,\n onFiltersChange,\n prevRef,\n innerRef,\n nextRef,\n}) => {\n const multiSelectedValue = value as FilterOptionT[];\n const handleOnRemove = useCallback(\n (valToRemove) => {\n const newFilters = [...filters];\n const filterIndex = newFilters.findIndex((filter) => filter.id === column);\n newFilters[filterIndex].value = multiSelectedValue.filter((val) => val.dsId !== valToRemove.dsId);\n if (newFilters[filterIndex].value.length === 0) {\n if (prevRef?.current) prevRef.current.focus();\n else nextRef.current?.focus();\n newFilters.splice(filterIndex, 1);\n }\n onFiltersChange(newFilters);\n },\n [filters, multiSelectedValue, onFiltersChange, column, prevRef, nextRef],\n );\n return multiSelectedValue?.length ? (\n <DSPillGroupV2>\n <DSPillV2 type=\"label\" label={columnHeader} />\n {multiSelectedValue.map((val, index) => (\n <DSPillV2\n key={val.dsId}\n type=\"removable\"\n label={val.label}\n onRemove={() => handleOnRemove(val)}\n innerRef={index === multiSelectedValue.length - 1 ? innerRef : {}}\n />\n ))}\n </DSPillGroupV2>\n ) : null;\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAmC;AACnC,sBAAwC;AAGjC,MAAM,kBAAwD,CAAC;AAAA,EACpE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,qBAAqB;AAC3B,QAAM,iBAAiB,8BACrB,CAAC,gBAAgB;AACf,UAAM,aAAa,CAAC,GAAG;AACvB,UAAM,cAAc,WAAW,UAAU,CAAC,WAAW,OAAO,OAAO;AACnE,eAAW,aAAa,QAAQ,mBAAmB,OAAO,CAAC,QAAQ,IAAI,SAAS,YAAY;AAC5F,QAAI,WAAW,aAAa,MAAM,WAAW,GAAG;AAC9C,UAAI,SAAS;AAAS,gBAAQ,QAAQ;AAAA;AACjC,gBAAQ,SAAS;AACtB,iBAAW,OAAO,aAAa;AAAA;AAEjC,oBAAgB;AAAA,KAElB,CAAC,SAAS,oBAAoB,iBAAiB,QAAQ,SAAS;AAElE,SAAO,oBAAoB,SACzB,mDAAC,+BAAD,MACE,mDAAC,0BAAD;AAAA,IAAU,MAAK;AAAA,IAAQ,OAAO;AAAA,MAC7B,mBAAmB,IAAI,CAAC,KAAK,UAC5B,mDAAC,0BAAD;AAAA,IACE,KAAK,IAAI;AAAA,IACT,MAAK;AAAA,IACL,OAAO,IAAI;AAAA,IACX,UAAU,MAAM,eAAe;AAAA,IAC/B,UAAU,UAAU,mBAAmB,SAAS,IAAI,WAAW;AAAA,SAInE;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../src/parts/FilterBar/components/NumberRangePill.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["/* eslint-disable react/prop-types */\nimport React, { useCallback } from 'react';\nimport { DSPillGroupV2, DSPillV2 } from '@elliemae/ds-pills';\nimport { FilterPillComponent } from '../types';\n\nexport const NumberRangePill: FilterPillComponent<{ from: string; to: string }> = ({\n columnHeader,\n column,\n value,\n filters,\n onFiltersChange,\n prevRef,\n innerRef,\n nextRef,\n}) => {\n const handleOnRemove = useCallback(() => {\n if (prevRef?.current) prevRef.current.focus();\n else nextRef.current?.focus();\n onFiltersChange(filters.filter((filter) => filter.id !== column));\n }, [onFiltersChange, filters, column, prevRef, nextRef]);\n\n return (value?.from ?? '') !== '' && (value?.to ?? '') !== '' ? (\n <DSPillGroupV2>\n <DSPillV2 type=\"label\" label={columnHeader} />\n <DSPillV2 type=\"removable\" label={`${value.from} - ${value.to}`} onRemove={handleOnRemove} innerRef={innerRef} />\n </DSPillGroupV2>\n ) : null;\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAmC;AACnC,sBAAwC;AAGjC,MAAM,kBAAqE,CAAC;AAAA,EACjF;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,iBAAiB,8BAAY,MAAM;AACvC,QAAI,SAAS;AAAS,cAAQ,QAAQ;AAAA;AACjC,cAAQ,SAAS;AACtB,oBAAgB,QAAQ,OAAO,CAAC,WAAW,OAAO,OAAO;AAAA,KACxD,CAAC,iBAAiB,SAAS,QAAQ,SAAS;AAE/C,SAAQ,QAAO,QAAQ,QAAQ,MAAO,QAAO,MAAM,QAAQ,KACzD,mDAAC,+BAAD,MACE,mDAAC,0BAAD;AAAA,IAAU,MAAK;AAAA,IAAQ,OAAO;AAAA,MAC9B,mDAAC,0BAAD;AAAA,IAAU,MAAK;AAAA,IAAY,OAAO,GAAG,MAAM,UAAU,MAAM;AAAA,IAAM,UAAU;AAAA,IAAgB;AAAA,QAE3F;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../src/parts/FilterBar/components/SelectPill.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["/* eslint-disable react/prop-types */\nimport React, { useCallback } from 'react';\nimport { DSPillGroupV2, DSPillV2 } from '@elliemae/ds-pills';\nimport { FilterOptionT, FilterPillComponent } from '../types';\n\nexport const SelectPill: FilterPillComponent<FilterOptionT> = ({\n columnHeader,\n column,\n value,\n filters,\n onFiltersChange,\n prevRef,\n innerRef,\n nextRef,\n}) => {\n const handleOnRemove = useCallback(() => {\n if (prevRef?.current) prevRef.current.focus();\n else nextRef.current?.focus();\n onFiltersChange(filters.filter((filter) => filter.id !== column));\n }, [onFiltersChange, filters, prevRef, nextRef, column]);\n\n return value ? (\n <DSPillGroupV2>\n <DSPillV2 type=\"label\" label={columnHeader} />\n <DSPillV2 type=\"removable\" label={value.label} onRemove={handleOnRemove} innerRef={innerRef} />\n </DSPillGroupV2>\n ) : null;\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAmC;AACnC,sBAAwC;AAGjC,MAAM,aAAiD,CAAC;AAAA,EAC7D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,iBAAiB,8BAAY,MAAM;AACvC,QAAI,SAAS;AAAS,cAAQ,QAAQ;AAAA;AACjC,cAAQ,SAAS;AACtB,oBAAgB,QAAQ,OAAO,CAAC,WAAW,OAAO,OAAO;AAAA,KACxD,CAAC,iBAAiB,SAAS,SAAS,SAAS;AAEhD,SAAO,QACL,mDAAC,+BAAD,MACE,mDAAC,0BAAD;AAAA,IAAU,MAAK;AAAA,IAAQ,OAAO;AAAA,MAC9B,mDAAC,0BAAD;AAAA,IAAU,MAAK;AAAA,IAAY,OAAO,MAAM;AAAA,IAAO,UAAU;AAAA,IAAgB;AAAA,QAEzE;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../src/parts/FilterBar/components/SingleDatePill.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["/* eslint-disable react/prop-types */\nimport React, { useCallback } from 'react';\nimport { DSPillGroupV2, DSPillV2 } from '@elliemae/ds-pills';\nimport { FilterPillComponent } from '../types';\n\nexport const SingleDatePill: FilterPillComponent<string> = ({\n columnHeader,\n column,\n value,\n filters,\n onFiltersChange,\n prevRef,\n innerRef,\n nextRef,\n}) => {\n const handleOnRemove = useCallback(() => {\n if (prevRef?.current) prevRef.current.focus();\n else nextRef.current?.focus();\n onFiltersChange(filters.filter((filter) => filter.id !== column));\n }, [onFiltersChange, filters, prevRef, nextRef, column]);\n\n return value ? (\n <DSPillGroupV2>\n <DSPillV2 type=\"label\" label={columnHeader} />\n <DSPillV2 type=\"removable\" label={value.replace(/-/g, '/')} onRemove={handleOnRemove} innerRef={innerRef} />\n </DSPillGroupV2>\n ) : null;\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAmC;AACnC,sBAAwC;AAGjC,MAAM,iBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,iBAAiB,8BAAY,MAAM;AACvC,QAAI,SAAS;AAAS,cAAQ,QAAQ;AAAA;AACjC,cAAQ,SAAS;AACtB,oBAAgB,QAAQ,OAAO,CAAC,WAAW,OAAO,OAAO;AAAA,KACxD,CAAC,iBAAiB,SAAS,SAAS,SAAS;AAEhD,SAAO,QACL,mDAAC,+BAAD,MACE,mDAAC,0BAAD;AAAA,IAAU,MAAK;AAAA,IAAQ,OAAO;AAAA,MAC9B,mDAAC,0BAAD;AAAA,IAAU,MAAK;AAAA,IAAY,OAAO,MAAM,QAAQ,MAAM;AAAA,IAAM,UAAU;AAAA,IAAgB;AAAA,QAEtF;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../src/parts/FilterBar/components/index.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["export * from './DateRangePill';\nexport * from './DateSwitcherPill';\nexport * from './MultiSelectPill';\nexport * from './NumberRangePill';\nexport * from './SelectPill';\nexport * from './SingleDatePill';\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA,YAAuB;ADAvB,+BAAc;AACd,+BAAc;AACd,+BAAc;AACd,+BAAc;AACd,+BAAc;AACd,+BAAc;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/parts/FilterBar/index.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["export { FiltersBar } from './FiltersBar';\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAA2B;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/parts/FilterBar/styled.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import { DSDropdownMenu } from '@elliemae/ds-dropdownmenu';\nimport { Grid } from '@elliemae/ds-grid';\nimport styled from 'styled-components';\n\nexport const StyledWrapper = styled(Grid)`\n display: flex;\n flex-wrap: wrap;\n width: ${(props) => props.width};\n align-items: center;\n min-height: 33px; // height of the pills\n padding: 0 ${(props) => props.theme.space.xxxs};\n`;\n\nexport const StyledDropdownMenu = styled(DSDropdownMenu)`\n margin-left: auto;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,6BAA+B;AAC/B,qBAAqB;AACrB,+BAAmB;AAEZ,MAAM,gBAAgB,sCAAO;AAAA;AAAA;AAAA,WAGzB,CAAC,UAAU,MAAM;AAAA;AAAA;AAAA,eAGb,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAGrC,MAAM,qBAAqB,sCAAO;AAAA;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/parts/FilterBar/types.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\n\nexport type ReduxFilters = { [column: string]: { type: string; value: any } };\n\nexport interface FilterOptionT {\n dsId: string;\n type: string;\n value: string;\n label: string;\n}\n\nexport type FilterPillComponent<T> = React.ComponentType<{\n columnHeader: string;\n column: string;\n value: T;\n filters: { id: string; type: string; value: T }[];\n onFiltersChange: (filters: { id: string; type: string; value: T }[]) => void;\n prevRef: React.RefObject<HTMLElement>;\n innerRef: React.RefObject<HTMLElement>;\n nextRef: React.RefObject<HTMLElement>;\n}>;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA,YAAuB;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/parts/Filters/index.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["/* eslint-disable @typescript-eslint/indent */\n/* eslint-disable react/prop-types */\nimport React, { useCallback } from 'react';\nimport {\n DateRangeFilter,\n DateSwitcherFilter,\n NumberRangeFilter,\n MultiSelectFilter,\n SingleSelectFilter,\n SingleDateFilter,\n CurrencyRangeFilter,\n} from '../../addons/Filters';\nimport { FILTER_TYPES } from '../../exported-related';\nimport { useDispatchHeadersActions } from '../../redux/reducers';\nimport { FilterProps } from '../../types/props';\n\nconst FilterMapper: Record<string, React.ComponentType<FilterProps>> = {\n [FILTER_TYPES.SELECT]: SingleSelectFilter,\n [FILTER_TYPES.MULTI_SELECT]: MultiSelectFilter,\n [FILTER_TYPES.SINGLE_DATE]: SingleDateFilter,\n [FILTER_TYPES.DATE_RANGE]: DateRangeFilter,\n [FILTER_TYPES.DATE_SWITCHER]: DateSwitcherFilter,\n [FILTER_TYPES.NUMBER_RANGE]: NumberRangeFilter,\n [FILTER_TYPES.CURRENCY_RANGE]: CurrencyRangeFilter,\n};\nexport const FilterMapItem: React.ComponentType<\n Omit<FilterProps, 'patchHeaderFilterButtonAndMenu' | 'patchHeader' | 'onValueChange'>\n> = (props) => {\n const { column, filterValue: filters, onFiltersChange } = props;\n\n const { patchHeaderFilterButtonAndMenu, patchHeader } = useDispatchHeadersActions();\n\n const filterValue = filters.find((filter) => filter.id === column.id);\n\n const onValueChange = useCallback(\n (type: string, newValue: any) => {\n const filterIndex = filters.findIndex((filter) => filter.id === column.id);\n if (newValue === undefined) {\n const newFilters = filters.filter((filter) => filter.id !== column.id);\n onFiltersChange(newFilters);\n } else if (filterIndex === -1) {\n onFiltersChange([...filters, { id: column.id, type, value: newValue }]);\n } else {\n const newFilters = [...filters];\n newFilters[filterIndex].type = type;\n newFilters[filterIndex].value = newValue;\n onFiltersChange(newFilters);\n }\n },\n [column.id, filters, onFiltersChange],\n );\n\n const filterProps = {\n ...props,\n filterValue: filterValue?.value,\n onValueChange,\n patchHeader,\n patchHeaderFilterButtonAndMenu,\n };\n\n if (typeof column.filter === 'string') {\n if (!(column.filter in FilterMapper)) {\n throw new Error(`column.filter must be a supported out-of-the-box filter in ${column}`);\n }\n const FilterComp = FilterMapper[column.filter];\n return <FilterComp {...filterProps} />;\n }\n\n if (column.Filter) {\n if (typeof column.Filter !== 'function') {\n throw new Error(`column.Filter must be a component`);\n }\n const FilterComp = column.Filter;\n return <FilterComp {...filterProps} />;\n }\n\n // Column doesn't have any filters\n return null;\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAAmC;AACnC,qBAQO;AACP,8BAA6B;AAC7B,sBAA0C;AAG1C,MAAM,eAAiE;AAAA,GACpE,qCAAa,SAAS;AAAA,GACtB,qCAAa,eAAe;AAAA,GAC5B,qCAAa,cAAc;AAAA,GAC3B,qCAAa,aAAa;AAAA,GAC1B,qCAAa,gBAAgB;AAAA,GAC7B,qCAAa,eAAe;AAAA,GAC5B,qCAAa,iBAAiB;AAAA;AAE1B,MAAM,gBAET,CAAC,UAAU;AACb,QAAM,EAAE,QAAQ,aAAa,SAAS,oBAAoB;AAE1D,QAAM,EAAE,gCAAgC,gBAAgB;AAExD,QAAM,cAAc,QAAQ,KAAK,CAAC,WAAW,OAAO,OAAO,OAAO;AAElE,QAAM,gBAAgB,8BACpB,CAAC,MAAc,aAAkB;AAC/B,UAAM,cAAc,QAAQ,UAAU,CAAC,WAAW,OAAO,OAAO,OAAO;AACvE,QAAI,aAAa,QAAW;AAC1B,YAAM,aAAa,QAAQ,OAAO,CAAC,WAAW,OAAO,OAAO,OAAO;AACnE,sBAAgB;AAAA,eACP,gBAAgB,IAAI;AAC7B,sBAAgB,CAAC,GAAG,SAAS,EAAE,IAAI,OAAO,IAAI,MAAM,OAAO;AAAA,WACtD;AACL,YAAM,aAAa,CAAC,GAAG;AACvB,iBAAW,aAAa,OAAO;AAC/B,iBAAW,aAAa,QAAQ;AAChC,sBAAgB;AAAA;AAAA,KAGpB,CAAC,OAAO,IAAI,SAAS;AAGvB,QAAM,cAAc;AAAA,OACf;AAAA,IACH,aAAa,aAAa;AAAA,IAC1B;AAAA,IACA;AAAA,IACA;AAAA;AAGF,MAAI,OAAO,OAAO,WAAW,UAAU;AACrC,QAAI,CAAE,QAAO,UAAU,eAAe;AACpC,YAAM,IAAI,MAAM,8DAA8D;AAAA;AAEhF,UAAM,aAAa,aAAa,OAAO;AACvC,WAAO,mDAAC,YAAD;AAAA,SAAgB;AAAA;AAAA;AAGzB,MAAI,OAAO,QAAQ;AACjB,QAAI,OAAO,OAAO,WAAW,YAAY;AACvC,YAAM,IAAI,MAAM;AAAA;AAElB,UAAM,aAAa,OAAO;AAC1B,WAAO,mDAAC,YAAD;AAAA,SAAgB;AAAA;AAAA;AAIzB,SAAO;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
package/cjs/parts/Footer.js.map
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/parts/Footer.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst Footer: React.ComponentType = ({ children }) => <>{children}</>;\n\nFooter.propTypes = {\n children: PropTypes.node,\n};\n\nexport { Footer };\nexport default Footer;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAsB;AAEtB,MAAM,SAA8B,CAAC,EAAE,eAAe,wFAAG;AAEzD,OAAO,YAAY;AAAA,EACjB,UAAU,0BAAU;AAAA;AAItB,IAAO,iBAAQ;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/parts/Headers/EmptyChildrenGroup.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport styled from 'styled-components';\n\nconst StyledBox = styled.div`\n height: 24px;\n margin: 0 ${(props) => props.theme.space.xxs};\n border-top: 1px solid ${(props) => props.theme.colors.neutral[200]};\n`;\n\nexport const EmptyChildrenGroup: React.ComponentType<Record<string, never>> = () => <StyledBox />;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,+BAAmB;AAEnB,MAAM,YAAY,iCAAO;AAAA;AAAA,cAEX,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,0BACjB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAGzD,MAAM,qBAAiE,MAAM,mDAAC,WAAD;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/parts/Headers/HeaderCell.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["/* eslint-disable max-params */\n/* eslint-disable max-lines */\n/* eslint-disable complexity */\n/* eslint-disable react/prop-types */\nimport React, { useContext, useMemo, useRef } from 'react';\nimport { connect, ConnectedProps } from 'react-redux';\nimport { Grid } from '@elliemae/ds-grid';\nimport { useDispatchHeadersActions } from '../../redux/reducers';\nimport { StyledHeadTh, StyledHeaderRightIconsWrapper, StyledFocusWithin } from '../../styled';\nimport { DataTableContext } from '../../DataTableContext';\nimport { SortByCaret } from '../SortByCaret';\nimport { DnDHandle } from '..';\nimport { SortableItemContext } from '../HoC/SortableItemContext';\nimport { FilterMapItem } from '../Filters';\nimport { HeaderResizer } from './HeaderResizer';\nimport { TypescriptColumn } from '../../types/props';\nimport { useHeaderCellHandlers } from './useHeaderCellHandlers';\nimport { useHeaderCellConfig } from './useHeaderCellConfig';\nimport { useRecoverFocusCol } from '../../hooks/useRecoverFocusCol';\nimport { DATA_TESTID } from '../../configs/constants';\nimport { HeaderCellTitle } from './HeaderCellTitle';\n\nconst buildScreenReaderInstructions = (colSpan: number, draggable: boolean, filterable: boolean, sortable: boolean) => {\n const preffix = colSpan === 1 ? '' : 'Column Group. ';\n if (!draggable && !filterable && !sortable) return preffix;\n\n let message = sortable\n ? 'You can sort the data ascendingly/descendingly by this column. Use the up / down arrows keys to do so'\n : '';\n if (draggable && filterable) {\n message = `This column is draggable and filterable. To enable these interactions press the enter key. ${message}`;\n } else if (draggable || filterable) {\n message = `This column is ${\n draggable ? 'draggable' : 'filterable'\n }. To enable this interaction press the enter key. ${message}`;\n }\n return `${preffix}${message}`;\n};\n\ninterface HeaderCellCompProps {\n column: TypescriptColumn;\n isDragOverlay: boolean;\n colSpan: number;\n}\n\nfunction mapStateToProps(state, ownProps) {\n return {\n reduxHeader: state.headers?.[ownProps.column.id],\n };\n}\n\nconst connector = connect(mapStateToProps);\n\nconst HeaderCellComp: React.ComponentType<HeaderCellCompProps & ConnectedProps<typeof connector>> = (props) => {\n const { reduxHeader, column, isDragOverlay, colSpan } = props;\n const ctx = useContext(DataTableContext);\n const {\n tableProps: { isResizeable, onColumnSortChange, dragAndDropColumns, onFiltersChange, filters, textWrap },\n flattenedData,\n } = ctx;\n const { patchHeader } = useDispatchHeadersActions();\n const dragHandleRef = useRef<HTMLDivElement>(null);\n const filterIconRef = useRef<HTMLDivElement>(null);\n\n const { draggableProps } = useContext(SortableItemContext);\n\n const { hasFilter, hasDnD, hasSortingCaret, hasRightIcons, shouldShowDnD, hCols, isDragging } = useHeaderCellConfig({\n column,\n dragAndDropColumns,\n draggableProps,\n reduxHeader,\n isDragOverlay,\n });\n\n useRecoverFocusCol(isDragging, dragHandleRef);\n\n const rightIcons = useMemo(() => {\n if (!hasRightIcons) return null;\n return (\n <StyledHeaderRightIconsWrapper>\n <FilterMapItem\n column={column}\n ctx={ctx}\n onFiltersChange={onFiltersChange}\n reduxHeader={reduxHeader}\n filterValue={filters}\n innerRef={filterIconRef}\n />\n {hasSortingCaret && <SortByCaret isSortedDesc={column.isSortedDesc} />}\n </StyledHeaderRightIconsWrapper>\n );\n }, [hasRightIcons, column, ctx, onFiltersChange, reduxHeader, filters, hasSortingCaret]);\n\n const DnDHandleComponent = useMemo(\n () => (\n <Grid mr=\"2px\" alignItems=\"center\" style={{ position: 'relative' }}>\n <StyledFocusWithin hideFocus={isDragging}>\n <DnDHandle\n key={column.id}\n innerRef={dragHandleRef}\n isReachable={reduxHeader?.withTabStops}\n id={column.id}\n isDragOverlay={isDragOverlay}\n />\n </StyledFocusWithin>\n </Grid>\n ),\n [column.id, isDragOverlay, isDragging, reduxHeader?.withTabStops],\n );\n\n const handlers = useHeaderCellHandlers({\n hasFilter,\n patchHeader,\n column,\n reduxHeader,\n hasDnD,\n onColumnSortChange,\n dragHandleRef,\n filterIconRef,\n headerRef: column.ref,\n });\n\n return (\n <StyledHeadTh\n column={column}\n {...handlers}\n role={colSpan === 1 ? 'columnheader' : 'group'}\n colSpan={colSpan}\n aria-describedby={`${column.id}-instructions`}\n // eslint-disable-next-line no-nested-ternary\n aria-sort={hasSortingCaret ? (column.isSortedDesc ? 'descending' : 'ascending') : 'none'}\n data-testid={DATA_TESTID.DATA_TABLE_HEADER}\n isFirstRowGroup={!!flattenedData[0]?.original?.dimsumHeaderValue}\n tabIndex={column.isFocuseable === false ? -1 : 0}\n isDragOverlay={isDragOverlay}\n isDraggingActive={draggableProps && draggableProps.active}\n shouldShowDnD={shouldShowDnD}\n ref={column.ref}\n >\n <Grid width=\"100%\" cols={hCols}>\n {shouldShowDnD && DnDHandleComponent}\n <HeaderCellTitle column={column} ctx={ctx} draggableProps={draggableProps} textWrap={textWrap} />\n {rightIcons}\n {isResizeable && column.canResize !== false && <HeaderResizer column={column} />}\n </Grid>\n <span id={`${column.id}-instructions`} style={{ display: 'none' }} aria-hidden=\"false\">\n {buildScreenReaderInstructions(\n colSpan,\n dragAndDropColumns && column.disableDnD !== true,\n hasFilter,\n column.canSort,\n )}\n </span>\n </StyledHeadTh>\n );\n};\n\nexport const HeaderCell = connector(HeaderCellComp);\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADIvB,mBAAmD;AACnD,yBAAwC;AACxC,qBAAqB;AACrB,sBAA0C;AAC1C,oBAA+E;AAC/E,8BAAiC;AACjC,yBAA4B;AAC5B,eAA0B;AAC1B,iCAAoC;AACpC,qBAA8B;AAC9B,2BAA8B;AAE9B,mCAAsC;AACtC,iCAAoC;AACpC,gCAAmC;AACnC,uBAA4B;AAC5B,6BAAgC;AAEhC,MAAM,gCAAgC,CAAC,SAAiB,WAAoB,YAAqB,aAAsB;AACrH,QAAM,UAAU,YAAY,IAAI,KAAK;AACrC,MAAI,CAAC,aAAa,CAAC,cAAc,CAAC;AAAU,WAAO;AAEnD,MAAI,UAAU,WACV,0GACA;AACJ,MAAI,aAAa,YAAY;AAC3B,cAAU,8FAA8F;AAAA,aAC/F,aAAa,YAAY;AAClC,cAAU,kBACR,YAAY,cAAc,iEACyB;AAAA;AAEvD,SAAO,GAAG,UAAU;AAAA;AAStB,yBAAyB,OAAO,UAAU;AACxC,SAAO;AAAA,IACL,aAAa,MAAM,UAAU,SAAS,OAAO;AAAA;AAAA;AAIjD,MAAM,YAAY,gCAAQ;AAE1B,MAAM,iBAA8F,CAAC,UAAU;AAC7G,QAAM,EAAE,aAAa,QAAQ,eAAe,YAAY;AACxD,QAAM,MAAM,6BAAW;AACvB,QAAM;AAAA,IACJ,YAAY,EAAE,cAAc,oBAAoB,oBAAoB,iBAAiB,SAAS;AAAA,IAC9F;AAAA,MACE;AACJ,QAAM,EAAE,gBAAgB;AACxB,QAAM,gBAAgB,yBAAuB;AAC7C,QAAM,gBAAgB,yBAAuB;AAE7C,QAAM,EAAE,mBAAmB,6BAAW;AAEtC,QAAM,EAAE,WAAW,QAAQ,iBAAiB,eAAe,eAAe,OAAO,eAAe,oDAAoB;AAAA,IAClH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGF,oDAAmB,YAAY;AAE/B,QAAM,aAAa,0BAAQ,MAAM;AAC/B,QAAI,CAAC;AAAe,aAAO;AAC3B,WACE,mDAAC,6CAAD,MACE,mDAAC,8BAAD;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,aAAa;AAAA,MACb,UAAU;AAAA,QAEX,mBAAmB,mDAAC,gCAAD;AAAA,MAAa,cAAc,OAAO;AAAA;AAAA,KAGzD,CAAC,eAAe,QAAQ,KAAK,iBAAiB,aAAa,SAAS;AAEvE,QAAM,qBAAqB,0BACzB,MACE,mDAAC,qBAAD;AAAA,IAAM,IAAG;AAAA,IAAM,YAAW;AAAA,IAAS,OAAO,EAAE,UAAU;AAAA,KACpD,mDAAC,iCAAD;AAAA,IAAmB,WAAW;AAAA,KAC5B,mDAAC,oBAAD;AAAA,IACE,KAAK,OAAO;AAAA,IACZ,UAAU;AAAA,IACV,aAAa,aAAa;AAAA,IAC1B,IAAI,OAAO;AAAA,IACX;AAAA,QAKR,CAAC,OAAO,IAAI,eAAe,YAAY,aAAa;AAGtD,QAAM,WAAW,wDAAsB;AAAA,IACrC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW,OAAO;AAAA;AAGpB,SACE,mDAAC,4BAAD;AAAA,IACE;AAAA,OACI;AAAA,IACJ,MAAM,YAAY,IAAI,iBAAiB;AAAA,IACvC;AAAA,IACA,oBAAkB,GAAG,OAAO;AAAA,IAE5B,aAAW,kBAAmB,OAAO,eAAe,eAAe,cAAe;AAAA,IAClF,eAAa,6BAAY;AAAA,IACzB,iBAAiB,CAAC,CAAC,cAAc,IAAI,UAAU;AAAA,IAC/C,UAAU,OAAO,iBAAiB,QAAQ,KAAK;AAAA,IAC/C;AAAA,IACA,kBAAkB,kBAAkB,eAAe;AAAA,IACnD;AAAA,IACA,KAAK,OAAO;AAAA,KAEZ,mDAAC,qBAAD;AAAA,IAAM,OAAM;AAAA,IAAO,MAAM;AAAA,KACtB,iBAAiB,oBAClB,mDAAC,wCAAD;AAAA,IAAiB;AAAA,IAAgB;AAAA,IAAU;AAAA,IAAgC;AAAA,MAC1E,YACA,gBAAgB,OAAO,cAAc,SAAS,mDAAC,oCAAD;AAAA,IAAe;AAAA,OAEhE,mDAAC,QAAD;AAAA,IAAM,IAAI,GAAG,OAAO;AAAA,IAAmB,OAAO,EAAE,SAAS;AAAA,IAAU,eAAY;AAAA,KAC5E,8BACC,SACA,sBAAsB,OAAO,eAAe,MAC5C,WACA,OAAO;AAAA;AAOV,MAAM,aAAa,UAAU;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/parts/Headers/HeaderCellGroup.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["/* eslint-disable complexity */\nimport React, { useContext } from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport styled from 'styled-components';\nimport PropTypes from 'prop-types';\nimport { HeaderCell } from './HeaderCell';\nimport { SortableItemContext } from '../HoC/SortableItemContext';\nimport { withDnDSortableColumnContext } from '../HoC/withDnDSortableColumnContext';\nimport { DropIndicator } from '../DropIndicator';\nimport { SortableHeaderCell } from '../SortableHeaderCell';\nimport { TypescriptColumn } from '../../types/props';\nimport { EmptyChildrenGroup } from './EmptyChildrenGroup';\nimport { DATA_TESTID } from '../../configs/constants';\n\nconst StyledWrapper = styled(Grid)`\n position: relative;\n width: ${(props) => (props.isDragOverlay ? 'fit-content' : '100%')};\n grid-column: ${(props) => props.gridColumn};\n background: ${(props) => (props.isDragging ? props.theme.colors.neutral['080'] : 'white')};\n opacity: ${(props) => (props.isDragging ? 0.8 : 1)};\n box-shadow: 0 2px 4px 0 ${(props) => (props.isDragOverlay ? 'rgba(0,0,0,0.5)' : 'transparent')};\n`;\n\ninterface HeaderCellGroupCompProps {\n header: TypescriptColumn;\n isDragOverlay?: boolean;\n isDraggingParent?: boolean;\n isLast?: boolean;\n}\n\nconst HeaderCellGroupComp: React.ComponentType<HeaderCellGroupCompProps> = ({\n header,\n isDragOverlay,\n isDraggingParent,\n isLast,\n}) => {\n const { draggableProps } = useContext(SortableItemContext);\n\n const children = header.columns;\n\n const isDragging = (draggableProps && draggableProps.isDragging) || isDraggingParent;\n const dropIndicatorPosition =\n draggableProps && draggableProps.shouldShowDropIndicatorPosition && draggableProps.dropIndicatorPosition;\n\n const ChildGroup = isDragOverlay ? HeaderCellGroup : HeaderCellGroupSortable;\n\n const colSpan = children?.length ?? 1;\n return (\n <StyledWrapper\n ref={draggableProps ? draggableProps.setNodeRef : null}\n gridColumn={isDragOverlay ? 'auto' : `span ${colSpan}`}\n isDragOverlay={isDragOverlay}\n isDragging={isDragging}\n cols={['auto']}\n data-testid={isDragOverlay ? DATA_TESTID.DATA_TABLE_COLUMN_DRAG_OVERLAY : undefined}\n >\n <HeaderCell column={header} isDragOverlay={isDragOverlay} colSpan={colSpan} />\n {!!children?.length && !isDragOverlay && (\n <SortableHeaderCell items={children} isDragOverlay={isDragOverlay}>\n {children.map((h, index) => (\n <ChildGroup\n key={h.id}\n header={h}\n isDragOverlay={isDragOverlay}\n isDraggingParent={isDragging}\n isLast={index === children.length - 1}\n />\n ))}\n </SortableHeaderCell>\n )}\n {children?.length && isDragOverlay && <EmptyChildrenGroup />}\n <DropIndicator vertical dropIndicatorPosition={dropIndicatorPosition} isLast={isLast && isDragging} />\n </StyledWrapper>\n );\n};\n\nHeaderCellGroupComp.propTypes = {\n header: PropTypes.any,\n isDragOverlay: PropTypes.bool,\n isDraggingParent: PropTypes.bool,\n isLast: PropTypes.bool,\n};\n\n// We need to declare this because we MUST avoid the useSortable call in the recursive calls of the function\n\nexport const HeaderCellGroup = HeaderCellGroupComp;\n\nconst HeaderCellGroupSortable = withDnDSortableColumnContext(HeaderCellGroupComp);\n\nexport default HeaderCellGroupSortable;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkC;AAClC,qBAAqB;AACrB,+BAAmB;AACnB,wBAAsB;AACtB,wBAA2B;AAC3B,iCAAoC;AACpC,0CAA6C;AAC7C,2BAA8B;AAC9B,gCAAmC;AAEnC,gCAAmC;AACnC,uBAA4B;AAE5B,MAAM,gBAAgB,sCAAO;AAAA;AAAA,WAElB,CAAC,UAAW,MAAM,gBAAgB,gBAAgB;AAAA,iBAC5C,CAAC,UAAU,MAAM;AAAA,gBAClB,CAAC,UAAW,MAAM,aAAa,MAAM,MAAM,OAAO,QAAQ,SAAS;AAAA,aACtE,CAAC,UAAW,MAAM,aAAa,MAAM;AAAA,4BACtB,CAAC,UAAW,MAAM,gBAAgB,oBAAoB;AAAA;AAUlF,MAAM,sBAAqE,CAAC;AAAA,EAC1E;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,EAAE,mBAAmB,6BAAW;AAEtC,QAAM,WAAW,OAAO;AAExB,QAAM,aAAc,kBAAkB,eAAe,cAAe;AACpE,QAAM,wBACJ,kBAAkB,eAAe,mCAAmC,eAAe;AAErF,QAAM,aAAa,gBAAgB,kBAAkB;AAErD,QAAM,UAAU,UAAU,UAAU;AACpC,SACE,mDAAC,eAAD;AAAA,IACE,KAAK,iBAAiB,eAAe,aAAa;AAAA,IAClD,YAAY,gBAAgB,SAAS,QAAQ;AAAA,IAC7C;AAAA,IACA;AAAA,IACA,MAAM,CAAC;AAAA,IACP,eAAa,gBAAgB,6BAAY,iCAAiC;AAAA,KAE1E,mDAAC,8BAAD;AAAA,IAAY,QAAQ;AAAA,IAAQ;AAAA,IAA8B;AAAA,MACzD,CAAC,CAAC,UAAU,UAAU,CAAC,iBACtB,mDAAC,8CAAD;AAAA,IAAoB,OAAO;AAAA,IAAU;AAAA,KAClC,SAAS,IAAI,CAAC,GAAG,UAChB,mDAAC,YAAD;AAAA,IACE,KAAK,EAAE;AAAA,IACP,QAAQ;AAAA,IACR;AAAA,IACA,kBAAkB;AAAA,IAClB,QAAQ,UAAU,SAAS,SAAS;AAAA,QAK3C,UAAU,UAAU,iBAAiB,mDAAC,8CAAD,OACtC,mDAAC,oCAAD;AAAA,IAAe,UAAQ;AAAA,IAAC;AAAA,IAA8C,QAAQ,UAAU;AAAA;AAAA;AAK9F,oBAAoB,YAAY;AAAA,EAC9B,QAAQ,0BAAU;AAAA,EAClB,eAAe,0BAAU;AAAA,EACzB,kBAAkB,0BAAU;AAAA,EAC5B,QAAQ,0BAAU;AAAA;AAKb,MAAM,kBAAkB;AAE/B,MAAM,0BAA0B,sEAA6B;AAE7D,IAAO,0BAAQ;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/parts/Headers/HeaderCellTitle.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["/* eslint-disable react/prop-types */\nimport React, { Fragment } from 'react';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { TypescriptColumn, TypescriptContext } from '../../types/props';\nimport { SortableItemContextType } from '../HoC/SortableItemContext';\nimport { RequiredDot } from './RequiredDot';\nimport { DATA_TESTID } from '../../configs/constants';\n\ninterface HeaderCellTitle {\n column: TypescriptColumn;\n ctx: TypescriptContext;\n draggableProps: SortableItemContextType['draggableProps'];\n textWrap: 'wrap' | 'wrap-all' | 'truncate';\n}\n\nconst StringTitle = ({ column, textWrap }) =>\n (column.textWrap || textWrap) === 'truncate' ? (\n <SimpleTruncatedTooltipText value={column.Header} />\n ) : (\n <>{column.Header}</>\n );\n\nexport const HeaderCellTitle: React.ComponentType<HeaderCellTitle> = ({ column, ctx, draggableProps, textWrap }) => (\n <div style={{ display: 'flex', alignItems: 'center' }} data-testid={DATA_TESTID.DATA_TABLE_HEADER_CELL_TITLE}>\n {typeof column.Header === 'string' ? (\n <StringTitle column={column} textWrap={textWrap} />\n ) : (\n <column.Header column={column} ctx={ctx} draggableProps={draggableProps} />\n )}\n {column.required && <RequiredDot />}\n </div>\n);\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAgC;AAChC,uCAA2C;AAG3C,yBAA4B;AAC5B,uBAA4B;AAS5B,MAAM,cAAc,CAAC,EAAE,QAAQ,eAC5B,QAAO,YAAY,cAAc,aAChC,mDAAC,6DAAD;AAAA,EAA4B,OAAO,OAAO;AAAA,KAE1C,wFAAG,OAAO;AAGP,MAAM,kBAAwD,CAAC,EAAE,QAAQ,KAAK,gBAAgB,eACnG,mDAAC,OAAD;AAAA,EAAK,OAAO,EAAE,SAAS,QAAQ,YAAY;AAAA,EAAY,eAAa,6BAAY;AAAA,GAC7E,OAAO,OAAO,WAAW,WACxB,mDAAC,aAAD;AAAA,EAAa;AAAA,EAAgB;AAAA,KAE7B,mDAAC,OAAO,QAAR;AAAA,EAAe;AAAA,EAAgB;AAAA,EAAU;AAAA,IAE1C,OAAO,YAAY,mDAAC,gCAAD;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/parts/Headers/HeaderResizer.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["/* eslint-disable react/prop-types */\nimport React, { useState, useCallback, useContext, useRef, useEffect, useMemo } from 'react';\nimport { ColsLayoutStyle } from '../../configs/constants';\nimport { DataTableContext } from '../../DataTableContext';\nimport { columnsToGrid } from '../../helpers';\nimport { StyledResizer } from '../../styled';\nimport { TypescriptColumn } from '../../types/props';\n\nconst narrow = (value: number, min: number, max: number): number =>\n Math.min(Math.max(value, min ?? 30), max ?? Infinity);\n\nexport const HeaderResizer: React.ComponentType<{\n column: TypescriptColumn;\n}> = ({ column }) => {\n const {\n layoutHelpers: { setGridLayout },\n visibleColumns,\n tableProps: { onColumnResize },\n } = useContext(DataTableContext);\n\n const [isResizing, setIsResizing] = useState(false);\n const [nextWidth, setNextWidth] = useState(column.width ?? 150);\n\n const visibleColumnsCopy = useMemo(() => visibleColumns.map((col) => ({ ...col })), [visibleColumns]);\n\n useEffect(() => {\n const realColumnIndex = visibleColumnsCopy.findIndex((visibleColumn) => visibleColumn.id === column.id);\n\n visibleColumnsCopy[realColumnIndex].width = nextWidth;\n setGridLayout(columnsToGrid(visibleColumnsCopy, ColsLayoutStyle.Fixed));\n }, [column.id, nextWidth, setGridLayout, visibleColumnsCopy]);\n\n const ref = useRef<HTMLDivElement>(null);\n\n const onResizeStart = useCallback(() => {\n setIsResizing(true);\n }, []);\n\n const onResizeHandler = useCallback(\n (e) => {\n const delta = e.clientX - ref.current.getBoundingClientRect().x; // delta in pixels\n\n const realColumnIndex = visibleColumnsCopy.findIndex((visibleColumn) => visibleColumn.id === column.id);\n\n const widthWithDelta = narrow(\n nextWidth + delta,\n visibleColumnsCopy[realColumnIndex].minWidth,\n visibleColumnsCopy[realColumnIndex].maxWidth,\n );\n\n setNextWidth(widthWithDelta);\n\n // To prevent text selection\n e.preventDefault();\n e.stopPropagation();\n },\n [column.id, nextWidth, visibleColumnsCopy],\n );\n\n const onResizeEnd = useCallback(() => {\n setIsResizing(false);\n onColumnResize(column.id, nextWidth);\n setGridLayout(columnsToGrid(visibleColumns, ColsLayoutStyle.Fixed));\n }, [onColumnResize, column.id, nextWidth, setGridLayout, visibleColumns]);\n\n useEffect(() => {\n const debouncedResizeHandler = onResizeHandler;\n const debouncedResizeEnd = onResizeEnd;\n const addEvents = () => {\n document.addEventListener('mousemove', debouncedResizeHandler);\n document.addEventListener('touchmove', debouncedResizeHandler);\n document.addEventListener('mouseup', debouncedResizeEnd);\n document.addEventListener('touchend', debouncedResizeEnd);\n };\n const removeEvents = () => {\n document.removeEventListener('mousemove', debouncedResizeHandler);\n document.removeEventListener('touchmove', debouncedResizeHandler);\n document.removeEventListener('mouseup', debouncedResizeEnd);\n document.removeEventListener('touchend', debouncedResizeEnd);\n };\n\n if (isResizing) addEvents();\n else removeEvents();\n\n // just in case the component is unmounted\n return removeEvents;\n }, [isResizing, onResizeHandler, onResizeEnd]);\n\n return (\n <StyledResizer\n ref={ref}\n role=\"separator\"\n draggable={false}\n isResizing={isResizing}\n onMouseDown={onResizeStart}\n onTouchStart={onResizeStart}\n onMouseUp={onResizeEnd}\n onTouchEnd={onResizeEnd}\n />\n );\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAqF;AACrF,uBAAgC;AAChC,8BAAiC;AACjC,qBAA8B;AAC9B,oBAA8B;AAG9B,MAAM,SAAS,CAAC,OAAe,KAAa,QAC1C,KAAK,IAAI,KAAK,IAAI,OAAO,OAAO,KAAK,OAAO;AAEvC,MAAM,gBAER,CAAC,EAAE,aAAa;AACnB,QAAM;AAAA,IACJ,eAAe,EAAE;AAAA,IACjB;AAAA,IACA,YAAY,EAAE;AAAA,MACZ,6BAAW;AAEf,QAAM,CAAC,YAAY,iBAAiB,2BAAS;AAC7C,QAAM,CAAC,WAAW,gBAAgB,2BAAS,OAAO,SAAS;AAE3D,QAAM,qBAAqB,0BAAQ,MAAM,eAAe,IAAI,CAAC,QAAS,MAAK,SAAS,CAAC;AAErF,8BAAU,MAAM;AACd,UAAM,kBAAkB,mBAAmB,UAAU,CAAC,kBAAkB,cAAc,OAAO,OAAO;AAEpG,uBAAmB,iBAAiB,QAAQ;AAC5C,kBAAc,kCAAc,oBAAoB,iCAAgB;AAAA,KAC/D,CAAC,OAAO,IAAI,WAAW,eAAe;AAEzC,QAAM,MAAM,yBAAuB;AAEnC,QAAM,gBAAgB,8BAAY,MAAM;AACtC,kBAAc;AAAA,KACb;AAEH,QAAM,kBAAkB,8BACtB,CAAC,MAAM;AACL,UAAM,QAAQ,EAAE,UAAU,IAAI,QAAQ,wBAAwB;AAE9D,UAAM,kBAAkB,mBAAmB,UAAU,CAAC,kBAAkB,cAAc,OAAO,OAAO;AAEpG,UAAM,iBAAiB,OACrB,YAAY,OACZ,mBAAmB,iBAAiB,UACpC,mBAAmB,iBAAiB;AAGtC,iBAAa;AAGb,MAAE;AACF,MAAE;AAAA,KAEJ,CAAC,OAAO,IAAI,WAAW;AAGzB,QAAM,cAAc,8BAAY,MAAM;AACpC,kBAAc;AACd,mBAAe,OAAO,IAAI;AAC1B,kBAAc,kCAAc,gBAAgB,iCAAgB;AAAA,KAC3D,CAAC,gBAAgB,OAAO,IAAI,WAAW,eAAe;AAEzD,8BAAU,MAAM;AACd,UAAM,yBAAyB;AAC/B,UAAM,qBAAqB;AAC3B,UAAM,YAAY,MAAM;AACtB,eAAS,iBAAiB,aAAa;AACvC,eAAS,iBAAiB,aAAa;AACvC,eAAS,iBAAiB,WAAW;AACrC,eAAS,iBAAiB,YAAY;AAAA;AAExC,UAAM,eAAe,MAAM;AACzB,eAAS,oBAAoB,aAAa;AAC1C,eAAS,oBAAoB,aAAa;AAC1C,eAAS,oBAAoB,WAAW;AACxC,eAAS,oBAAoB,YAAY;AAAA;AAG3C,QAAI;AAAY;AAAA;AACX;AAGL,WAAO;AAAA,KACN,CAAC,YAAY,iBAAiB;AAEjC,SACE,mDAAC,6BAAD;AAAA,IACE;AAAA,IACA,MAAK;AAAA,IACL,WAAW;AAAA,IACX;AAAA,IACA,aAAa;AAAA,IACb,cAAc;AAAA,IACd,WAAW;AAAA,IACX,YAAY;AAAA;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/parts/Headers/RequiredDot.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\n\nexport const RequiredDot: React.ComponentType = () => (\n <svg height=\"4\" width=\"4\" style={{ marginBottom: '6px', marginLeft: '4px' }}>\n <circle cx=\"2\" cy=\"2\" r=\"2\" fill=\"red\" />\n </svg>\n);\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAEX,MAAM,cAAmC,MAC9C,mDAAC,OAAD;AAAA,EAAK,QAAO;AAAA,EAAI,OAAM;AAAA,EAAI,OAAO,EAAE,cAAc,OAAO,YAAY;AAAA,GAClE,mDAAC,UAAD;AAAA,EAAQ,IAAG;AAAA,EAAI,IAAG;AAAA,EAAI,GAAE;AAAA,EAAI,MAAK;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/parts/Headers/index.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React, { useContext, useMemo } from 'react';\nimport { StyledHeadWrapper, StyledHeadTr } from '../../styled';\nimport { DataTableContext } from '../../DataTableContext';\nimport { withConditionalDnDColumnContext } from '../HoC/withConditionalDnDColumnContext';\nimport { HeaderCellGroup } from './HeaderCellGroup';\nimport { SortableHeaderCell } from '../SortableHeaderCell';\nimport { TypescriptColumn } from '../../types/props';\n\nconst HeadersComp = (): JSX.Element => {\n const {\n tableProps: { isExpandable, colsLayoutStyle },\n layoutHelpers: { gridLayout, totalColumnsWidth },\n columnHeaderRef,\n visibleColumns,\n } = useContext(DataTableContext);\n const HeadersCells = useMemo(\n () => (\n <SortableHeaderCell items={visibleColumns}>\n <StyledHeadTr role=\"row\" cols={gridLayout} colsLayoutStyle={colsLayoutStyle} isExpandable={isExpandable}>\n {visibleColumns.map((h: TypescriptColumn, index) => (\n <HeaderCellGroup header={h} key={h.id} isLast={index === visibleColumns.length - 1} />\n ))}\n </StyledHeadTr>\n </SortableHeaderCell>\n ),\n [isExpandable, visibleColumns, gridLayout, colsLayoutStyle],\n );\n\n const PureHeaders = useMemo(\n () => (\n <StyledHeadWrapper totalColumnsWidth={totalColumnsWidth} colsLayoutStyle={colsLayoutStyle} ref={columnHeaderRef}>\n {HeadersCells}\n </StyledHeadWrapper>\n ),\n [totalColumnsWidth, colsLayoutStyle, columnHeaderRef, HeadersCells],\n );\n return PureHeaders;\n};\n\nexport const Headers = withConditionalDnDColumnContext(HeadersComp);\nexport default Headers;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA2C;AAC3C,oBAAgD;AAChD,8BAAiC;AACjC,6CAAgD;AAChD,6BAAgC;AAChC,gCAAmC;AAGnC,MAAM,cAAc,MAAmB;AACrC,QAAM;AAAA,IACJ,YAAY,EAAE,cAAc;AAAA,IAC5B,eAAe,EAAE,YAAY;AAAA,IAC7B;AAAA,IACA;AAAA,MACE,6BAAW;AACf,QAAM,eAAe,0BACnB,MACE,mDAAC,8CAAD;AAAA,IAAoB,OAAO;AAAA,KACzB,mDAAC,4BAAD;AAAA,IAAc,MAAK;AAAA,IAAM,MAAM;AAAA,IAAY;AAAA,IAAkC;AAAA,KAC1E,eAAe,IAAI,CAAC,GAAqB,UACxC,mDAAC,wCAAD;AAAA,IAAiB,QAAQ;AAAA,IAAG,KAAK,EAAE;AAAA,IAAI,QAAQ,UAAU,eAAe,SAAS;AAAA,SAKzF,CAAC,cAAc,gBAAgB,YAAY;AAG7C,QAAM,cAAc,0BAClB,MACE,mDAAC,iCAAD;AAAA,IAAmB;AAAA,IAAsC;AAAA,IAAkC,KAAK;AAAA,KAC7F,eAGL,CAAC,mBAAmB,iBAAiB,iBAAiB;AAExD,SAAO;AAAA;AAGF,MAAM,UAAU,4EAAgC;AACvD,IAAO,kBAAQ;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/parts/Headers/useHeaderCellConfig.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["/* eslint-disable complexity */\nimport { TypescriptColumn } from '../../types/props';\nimport { SortableItemContextType } from '../HoC/SortableItemContext';\n\ntype useHeaderCellConfigType = (\n args: {\n column: TypescriptColumn;\n dragAndDropColumns: boolean;\n reduxHeader: { showDnDHandle: boolean };\n isDragOverlay: boolean;\n } & SortableItemContextType,\n) => {\n hasFilter: boolean;\n hasDnD: boolean;\n hasSortingCaret: boolean;\n hasRightIcons: boolean;\n isDragging: boolean;\n shouldShowDnD: boolean;\n hCols: string[];\n};\n\nexport const useHeaderCellConfig: useHeaderCellConfigType = ({\n column,\n dragAndDropColumns,\n draggableProps,\n reduxHeader,\n isDragOverlay,\n}) => {\n const hasFilter = !!(column.filter || column.Filter);\n\n const hasDnD = dragAndDropColumns && !column.disableDnD;\n\n const hasSortingCaret = column.canSort && typeof column.isSortedDesc === 'boolean';\n\n const hasRightIcons = !isDragOverlay && (hasSortingCaret || hasFilter);\n\n const isDragging = draggableProps && draggableProps.isDragging;\n\n const shouldShowDnD =\n hasDnD &&\n ((reduxHeader?.showDnDHandle && draggableProps && !draggableProps.active) ||\n (draggableProps && draggableProps.isDragging) ||\n isDragOverlay);\n\n // Column definition\n const hCols = ['auto'];\n if (hasRightIcons) hCols.push('min-content');\n if (shouldShowDnD) hCols.unshift('min-content');\n\n return {\n hasFilter,\n hasDnD,\n hasSortingCaret,\n hasRightIcons,\n isDragging,\n hCols,\n shouldShowDnD,\n };\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADqBhB,MAAM,sBAA+C,CAAC;AAAA,EAC3D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,YAAY,CAAC,CAAE,QAAO,UAAU,OAAO;AAE7C,QAAM,SAAS,sBAAsB,CAAC,OAAO;AAE7C,QAAM,kBAAkB,OAAO,WAAW,OAAO,OAAO,iBAAiB;AAEzE,QAAM,gBAAgB,CAAC,iBAAkB,oBAAmB;AAE5D,QAAM,aAAa,kBAAkB,eAAe;AAEpD,QAAM,gBACJ,UACE,cAAa,iBAAiB,kBAAkB,CAAC,eAAe,UAC/D,kBAAkB,eAAe,cAClC;AAGJ,QAAM,QAAQ,CAAC;AACf,MAAI;AAAe,UAAM,KAAK;AAC9B,MAAI;AAAe,UAAM,QAAQ;AAEjC,SAAO;AAAA,IACL;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": ["../../../../src/parts/Headers/useHeaderCellHandlers.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["/* 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", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAA4B;AAsB5B,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,8BAAY,MAAM;AAC9D,gBAAY,OAAO,IAAI,gBAAgB,aAAa,MAAM,WAAW;AAAA,KACpE,CAAC,OAAO,IAAI,QAAQ,WAAW,aAAa;AAE/C,QAAM,eAAwC,8BAAY,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,8BAAY,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,8BAC5C,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,8BACvC,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,8BACtC,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": ["../../../../src/parts/HoC/SortableItemContext.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAA8B;AAEvB,IAAK,wBAAL,kBAAK,2BAAL;AACL,0DAAO,KAAP;AACA,4DAAS,KAAT;AACA,2DAAQ,KAAR;AACA,4DAAS,KAAT;AAJU;AAAA;AAmBL,MAAM,sBAAsB,gCAAuC;AAAA,EACxE,gBAAgB;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/parts/HoC/withConditionalDnDColumnContext.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["/* 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", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAA2D;AAC3D,kBAAwC;AACxC,8BAAyC;AACzC,sBAA0B;AAE1B,8BAAiC;AAGjC,6BAAgC;AAChC,uBAA4B;AAMrB,MAAM,kBAAkB,gCAAmC;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,qBAAM,WAAW;AAErB,QAAM,iBAAiB,0BAAQ,MAAM,eAAe,iBAAiB,CAAC;AAEtE,QAAM,YAAY,8BAChB,CAAC,WAAiB,YAAwD;AAExE,UAAM,mBAAmB,+BAAU,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,8BAAY,MAAM;AAC5C,UAAM,KAA4B,SAAS,KAAK,cAC9C,iBAAiB,6BAAY;AAE/B,QAAI;AAAI,SAAG,WAAW,MAAM;AAAA,KAC3B;AAEH,QAAM,qBAAqB,8BAAY,MAAM;AAC3C,UAAM,KAA4B,SAAS,KAAK,cAC9C,iBAAiB,6BAAY;AAE/B,QAAI,IAAI;AACN,YAAM,IAAI,GAAG;AACb,SAAG,WAAW,MAAM,GAAG,SAAS,GAAG;AAAA;AAAA,KAEpC;AAEH,QAAM,EAAE,iBAAiB,UAAU,gBAAgB,sDAAyB;AAAA,IAC1E;AAAA,IACA,uBAAuB,6BAAY;AAAA,IACnC,iBAAiB;AAAA,IACjB;AAAA,IACA;AAAA,IACA;AAAA;AAGF,MAAI;AACF,WACE,mDAAC,wBAAD;AAAA,SAAgB;AAAA,OACd,mDAAC,gBAAgB,UAAjB;AAAA,MAA0B,OAAO,EAAE;AAAA,OACjC,mDAAC,WAAD;AAAA,SAAe;AAAA,SAEjB,mDAAC,yBAAD,MACG,WACC,mDAAC,wCAAD;AAAA,MAAiB,QAAQ,eAAe,KAAK,CAAC,CAAC,UAAU,KAAK,OAAO,UAAU;AAAA,MAAI,eAAa;AAAA,SAC9F;AAIZ,SAAO,mDAAC,WAAD;AAAA,OAAe;AAAA;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/parts/HoC/withConditionalDnDRowContext.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkD;AAClD,kBAAwC;AACxC,sBAAgC;AAChC,8BAAiC;AAEjC,8BAAoC;AAEpC,iCAAsC;AACtC,iBAAoB;AAWb,MAAM,iBAAiB,gCAAkC;AAAA,EAC9D,OAAO;AAAA,EACP,aAAa;AAAA,EACb,cAAc;AAAA,EACd,uBAAuB,iDAAsB;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,qBAAM,WAAW;AAErB,QAAM,CAAC,cAAc,mBAAmB,qBAAM,SAAiB;AAE/D,QAAM,YAAY,8BAChB,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,iDAAoB;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,mDAAC,wBAAD;AAAA,SAAgB;AAAA,OACd,mDAAC,iCAAD;AAAA,SAAqB;AAAA,OACnB,mDAAC,eAAe,UAAhB;AAAA,MACE,OAAO;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,OAGF,mDAAC,WAAD;AAAA,SAAe;AAAA,UAGnB,mDAAC,yBAAD;AAAA,MAAa,OAAO,EAAE,OAAO;AAAA,OAC1B,WAAW,mDAAC,gBAAD;AAAA,MAAK,KAAK,cAAc,KAAK,CAAC,QAAQ,IAAI,QAAQ;AAAA,MAAW,eAAa;AAAA,SAAM;AAIpG,SAAO,mDAAC,WAAD;AAAA,OAAe;AAAA;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/parts/HoC/withConditionalDnDSortableContext.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,sBAA+D;AAC/D,mBAAkC;AAClC,8BAAiC;AAI1B,MAAM,oCACX,CAAC,OAA2B,gBAAgB,UAC5C,CAAC,cACD,CAAC,UAAU;AACT,QAAM;AAAA,IACJ,YAAY,EAAE;AAAA,MACZ,6BAAW;AAIf,MAAI,CAAC,iBAAiB;AACpB,WACE,mDAAC,iCAAD;AAAA,MAAiB,OAAO,MAAM,IAAI,CAAC,SAAS,KAAK;AAAA,MAAK,UAAU;AAAA,OAC9D,mDAAC,WAAD;AAAA,SAAe;AAAA;AAIrB,SAAO,mDAAC,WAAD;AAAA,OAAe;AAAA;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/parts/HoC/withDnDSortableColumnContext.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA2C;AAC3C,sBAA4B;AAC5B,8BAAiC;AAEjC,6CAAgC;AAChC,iCAAoF;AAE7E,MAAM,+BAA8C,CAAC,cAAc,CAAC,UAAe;AACxF,QAAM;AAAA,IACJ,YAAY,EAAE;AAAA,MACZ,6BAAW;AACf,QAAM,EAAE,gBAAgB,6BAAW;AAGnC,QAAM,mBAAmB,0BACvB,MAAO;AAAA,IACL,IAAI,MAAM,OAAO;AAAA,MAEnB,CAAC,MAAM,OAAO;AAGhB,QAAM,qBAAqB,iCAAY;AAGvC,QAAM,iBAAiB,0BAAQ,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,iDAAsB,QAAQ,iDAAsB;AAAA;AAAA,KAElG,CAAC,oBAAoB,oBAAoB;AAI5C,QAAM,MAA+B,0BACnC,MAAO;AAAA,IACL;AAAA,MAEF,CAAC;AAGH,SACE,mDAAC,+CAAoB,UAArB;AAAA,IAA8B,OAAO;AAAA,KACnC,mDAAC,WAAD;AAAA,OAAe;AAAA;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/parts/HoC/withDnDSortableRowContext.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAoE;AACpE,sBAA4B;AAC5B,8BAAiC;AACjC,0CAA+B;AAE/B,iCAA6D;AAEtD,MAAM,4BAA2C,CAAC,cAAc,CAAC,UAAe;AACrF,QAAM;AAAA,IACJ,YAAY,EAAE;AAAA,MACZ,6BAAW;AACf,QAAM,EAAE,uBAAuB,cAAc,oBAAoB,6BAAW;AAG5E,QAAM,mBAAmB,0BACvB,MAAO;AAAA,IACL,IAAI,MAAM,IAAI;AAAA,MAEhB,CAAC,MAAM;AAGT,QAAM,qBAAqB,iCAAY;AAGvC,QAAM,iBAAiB,0BAAQ,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,0BACnC,MAAO;AAAA,IACL;AAAA,MAEF,CAAC;AAGH,SACE,mDAAC,+CAAoB,UAArB;AAAA,IAA8B,OAAO;AAAA,KACnC,mDAAC,WAAD;AAAA,OAAe;AAAA;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
package/cjs/parts/Loader.js.map
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/parts/Loader.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA4B;AAC5B,qBAAqB;AACrB,4CAA4C;AAC5C,+BAAmB;AAEnB,MAAM,sBAAsB,sCAAO;AAAA;AAAA;AAAA;AAAA;AAMnC,MAAM,SAAS,MACb,mDAAC,qBAAD;AAAA,EAAqB,OAAO,EAAE,QAAQ,QAAQ,WAAW;AAAA,EAAW,aAAU;AAAA,GAC5E,mDAAC,mEAAD;AAAA,EAA6B,MAAK;AAAA,EAAK,SAAO;AAAA,EAAC,WAAS;AAAA,EAAC,SAAS;AAAA,EAAO,aAAa;AAAA;AAInF,MAAM,iBAAiB,uBAAK;AACnC,IAAO,iBAAQ;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
package/cjs/parts/Row.js.map
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/parts/Row.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["/* 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", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkC;AAClC,yBAAwB;AACxB,8BAAiC;AACjC,qBAAgC;AAChC,iCAAoC;AACpC,uCAA0C;AAC1C,yBAAkC;AAKlC,MAAM,cAAc,CAAC,YAAY,cAAc,QAAQ;AACrD,QAAM,YAAY;AAClB,MAAI;AAAY,cAAU,KAAK;AAC/B,MAAI;AAAc,cAAU,KAAK;AACjC,sCAAgB,GAAG,WAAW;AAAA;AAGhC,MAAM,UAAU,CAAC,UAAU;AACzB,QAAM,EAAE,KAAK,YAAY,kBAAkB,eAAe,cAAc,kBAAkB;AAE1F,QAAM,MAAM,6BAAW;AACvB,QAAM,EAAE,mBAAmB,6BAAW;AACtC,QAAM,eAAe,kBAAkB,eAAe;AAEtD,SACE,mDAAC,OAAD;AAAA,IAAK,OAAO,CAAC,gBAAgB,mBAAmB;AAAA,IAAI,KAAK,CAAC,QAAQ,YAAY,YAAY,cAAc;AAAA,KACtG,mDAAC,sCAAD;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,gCAAQ,iBAAiB;AAE5C,MAAM,iBAAiB,gEAA0B;AAEjD,IAAO,cAAQ;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/parts/RowLoading.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA+B;AAC/B,iDAAiD;AACjD,qBAAqB;AACrB,+BAAmB;AACnB,uBAA4B;AAE5B,MAAM,4BAA4B,sCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASzC,MAAM,aAAkC,MAAM;AAC5C,QAAM,cAAc,0BAClB,MACE,mDAAC,2BAAD;AAAA,IAA2B,MAAK;AAAA,IAAM,eAAa,6BAAY;AAAA,KAC7D,mDAAC,6EAAD;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": ["../../../../src/parts/RowVariants/RowVariantHeader.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["/* 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", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAwD;AACxD,qBAAqB;AACrB,yBAA4B;AAC5B,oBAA4E;AAE5E,qBAAgC;AAChC,uBAA4B;AAE5B,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,yBAAuB;AAEtC,QAAM,gBAAgB,0BACpB,MAAM,IAAI,SAAS,WAAW,IAAI,MAAM,KAAK,CAAC,SAAS,KAAK,OAAO,aAAa,oBAChF,CAAC;AAGH,QAAM,eAAe,0BAAQ,MAAM;AACjC,QAAI,OAAO,4BAA4B,YAAY;AACjD,aAAO,wBAAwB,IAAI,SAAS,mBAAmB,IAAI,SAAS;AAAA;AAE9E,WAAO,IAAI,SAAS;AAAA,KACnB,CAAC,yBAAyB;AAE7B,oCAAgB,MAAM;AACpB,QAAI,IAAI,QAAQ,cAAc;AAC5B,aAAO,QAAQ;AAAA;AAAA,KAEhB,CAAC,cAAc,IAAI;AAEtB,SACE,mDAAC,mCAAD;AAAA,IACE,KAAK;AAAA,IACL,WAAU;AAAA,IACV,UAAU;AAAA,IACV;AAAA,IACA,eAAa,6BAAY;AAAA,KAEzB,mDAAC,oCAAD;AAAA,IACE,eAAa,6BAAY;AAAA,IACzB,MAAM,gBAAgB,CAAC,eAAe,UAAU,CAAC;AAAA,IACjD,SAAS,gBAAgB,QAAQ;AAAA,KAEhC,gBACC,mDAAC,+BAAgB,MAAjB;AAAA,IACE;AAAA,IACA,MAAM,IAAI,MAAM;AAAA,IAChB,eAAe,kBAAkB,IAAI;AAAA,IACrC;AAAA,IACA,gBAAgB;AAAA,OAGlB,mDAAC,qBAAD;AAAA,IAAM,OAAM;AAAA,MAEd,mDAAC,gCAAD,MAAmB;AAAA;AAMpB,MAAM,mBAAyD,CAAC;AAAA,EACrE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MAEA,mDAAC,gCAAD;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": ["../../../../src/parts/RowVariants/RowVariantPrimary.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["/* 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", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAElB,yBAA4B;AAErB,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,mDAAC,gCAAD;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": ["../../../../src/parts/RowVariants/RowVariantSecondary.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["/* 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", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAElB,yBAA4B;AAErB,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,mDAAC,gCAAD;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": ["../../../../src/parts/RowVariants/index.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["/* 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", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,8BAA6B;AAE7B,mBAAsB;AACtB,8BAAiC;AACjC,+BAAkC;AAClC,iCAAoC;AAGpC,MAAM,mBAAyE;AAAA,GAC5E,qCAAa,eAAe;AAAA,GAC5B,qCAAa,UAAU;AAAA,GACvB,qCAAa,YAAY;AAAA,GACzB,qCAAa,kBAAkB,CAAC,UAAU,mDAAC,4CAAD;AAAA,IAAmB,SAAO;AAAA,OAAK;AAAA;AAAA,GACzE,qCAAa,oBAAoB,CAAC,UAAU,mDAAC,gDAAD;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,mDAAC,WAAD;AAAA,OAAe;AAAA;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/parts/RowVariants/types.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import { TypescriptContext, TypescriptRow } from '../../types/props';\nimport { DropIndicatorPosition, SortableItemContextType } from '../HoC/SortableItemContext';\n\nexport interface RowVariantProps {\n row: TypescriptRow;\n ctx: TypescriptContext;\n compact?: boolean;\n focusedRowId?: string;\n selectedRowId?: string;\n itemIndex: number;\n draggableProps: SortableItemContextType['draggableProps'];\n backgroundColor?: string;\n isDragOverlay: boolean;\n minHeight: string;\n height: string;\n rowsLayout?: (string | number)[];\n dropIndicatorPosition: DropIndicatorPosition;\n CustomRowContentRenderer?: React.ComponentType<RowVariantProps>;\n}\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA,YAAuB;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
package/cjs/parts/Rows.js.map
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/parts/Rows.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["/* 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", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAA2C;AAE3C,iBAAsC;AACtC,8BAAiC;AACjC,0CAA6D;AAC7D,qBAA4B;AAE5B,MAAM,OAAO,MAAmB;AAC9B,QAAM;AAAA,IACJ,oBAAoB,EAAE;AAAA,IACtB,eAAe,EAAE;AAAA,IACjB;AAAA,IACA;AAAA,MACE,6BAAW;AAEf,QAAM,EAAE,iBAAiB,6BAAW;AAEpC,QAAM,QAAQ,gBAAgB;AAE9B,QAAM,sBAAsB,0BAC1B,MACE,wFACG,aAAa,IAAI,CAAC,gBAAgB;AACjC,UAAM,EAAE,OAAO,YAAY,UAAU;AACrC,UAAM,MAAM,MAAM;AAClB,QAAI,CAAC;AAAK,aAAO;AACjB,oCAAY,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,mDAAC,2BAAD;AAAA,SAAS;AAAA;AAAA,OAItB,CAAC,cAAc,OAAO,gBAAgB;AAGxC,SAAO;AAAA;AAGT,KAAK,YAAY;AAEV,MAAM,kBAAkB,sEAA6B;AAC5D,IAAO,eAAQ;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/parts/SortByCaret.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["/* 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", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAA+B;AAC/B,sBAA2C;AAE3C,MAAM,YAAY,CAAC,iBAAiB;AAE7B,MAAM,cAA8D,CAAC,EAAE,mBAC5E,0BACE,MACE,mDAAC,QAAD;AAAA,EAAM,OAAO,EAAE,YAAY;AAAA,GACxB,gBAAgB,mDAAC,+BAAD;AAAA,EAAe,MAAK;AAAA,EAAI,OAAO;AAAA,IAC/C,CAAC,gBAAgB,mDAAC,6BAAD;AAAA,EAAa,OAAO;AAAA,KAG1C,CAAC;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/parts/SortableHeaderCell.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,qBAAqB;AAErB,+CAAkD;AAE3C,MAAM,qBAAqB,CAAC;AAAA,EACjC;AAAA,EACA,gBAAgB;AAAA,KACb;AAAA,MAMH,gFAAkC,OAAO,eAAe,qBAAM;AAAA,KACzD;AAAA,EACH,OAAO,EAAE,SAAS;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/parts/TableContent.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAqD;AACrD,yBAAwB;AAExB,oBAA2D;AAC3D,8BAAiC;AACjC,wBAA2B;AAC3B,6BAAgC;AAEhC,uBAA4B;AAE5B,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,6BAAW;AAEf,QAAM,CAAC,iBAAiB,sBAAsB,2BAAS;AAEvD,QAAM,mBAAmB,0BACvB,MACE,mDAAC,sCAAD;AAAA,IACE,eAAa,6BAAY;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,mDAAC,kCAAD;AAAA,IACE,MAAK;AAAA,IACL,iBAAe,iBAAiB;AAAA,IAChC,iBAAe,eAAe;AAAA,IAC9B,eAAa,6BAAY;AAAA,IACzB;AAAA,IACA;AAAA,KAEA,mDAAC,wCAAD,QAED,aAAa,mDAAC,8BAAD,QAAiB,OAGnC,CAAC,QAAQ,OAAO,cAAc,iBAAiB,QAAQ,eAAe,QAAQ,YAAY;AAG5F,SAAO;AAAA;AAGT,MAAM,wBAAwB,gCAAQ,iBAAiB;AAEvD,MAAM,eAAe,qBAAM,WAA2B,CAAC,OAAO,QAC5D,mDAAC,uBAAD;AAAA,KAA2B;AAAA,EAAO,cAAc;AAAA;AAIlD,IAAO,uBAAQ;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/parts/VirtualRowsList.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAwD;AACxD,yBAAwB;AACxB,wBAA2B;AAC3B,0BAA6B;AAC7B,kBAAwC;AACxC,qBAAwB;AACxB,oBAAuB;AACvB,8BAAiC;AACjC,wBAA4B;AAC5B,oBAAoE;AACpE,oBAAyC;AACzC,sBAAuC;AACvC,uBAA4B;AAE5B,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,6BAAW;AACf,QAAM,EAAE,WAAW,kBAAkB;AACrC,QAAM,EAAE,oBAAoB;AAE5B,QAAM,iBAAiB,0BAAQ,MAAM,CAAC,aAAa,cAAc,WAAW,GAAG,CAAC,WAAW,cAAc;AAEzG,QAAM,cAAc,0BAAQ,MAAM;AAChC,QAAI,OAAO,WAAW;AACpB,aAAO,OAAO,SAAS,OAAO,SAAS,OAAO,SAAS,QAAQ,MAAM,8BAAY;AACnF,WAAO;AAAA,KACN,CAAC;AAEJ,QAAM,YAAY,8BAChB,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,mDAAC,wCAAD;AAAA,IACE,KAAK;AAAA,IACL,QAAQ;AAAA,IACR;AAAA,IACA,eAAa,6BAAY;AAAA,IACzB;AAAA,IACA,UAAU;AAAA,KAEV,mDAAC,yCAAD;AAAA,IAA2B,MAAK;AAAA,IAAW,QAAQ,aAAa;AAAA,KAC9D,mDAAC,wBAAD,OACC,kBAAkB,mDAAC,kCAAD;AAAA,IAAc,OAAO;AAAA,MACvC,YAAY,mDAAC,8BAAD,QAAa,MACzB,CAAC,aAAa,CAAC,kBACd,wFACE,mDAAC,6BAAD,OACA,mDAAC,sBAAD,OACC,qBAAqB,mDAAC,8BAAD;AAAA;AAQ3B,MAAM,kBAAkB,gCAAQ,iBAAiB;AAExD,IAAO,0BAAQ;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
package/cjs/parts/index.js.map
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/parts/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAAwC;AACxC,oBAAkC;AAClC,0BAAwC;AACxC,iBAA+B;AAC/B,oBAAkC;AAClC,uBAAqC;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|