@elliemae/ds-data-table 2.2.1 → 2.3.0-alpha.4
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 +63 -57
- package/cjs/DataTable.js.map +7 -0
- package/cjs/DataTableContext.js +52 -26
- package/cjs/DataTableContext.js.map +7 -0
- package/cjs/DataTableSchema.js +151 -113
- package/cjs/DataTableSchema.js.map +7 -0
- package/cjs/addons/Columns/ColumnAction/ColumnAction.js +40 -14
- package/cjs/addons/Columns/ColumnAction/ColumnAction.js.map +7 -0
- package/cjs/addons/Columns/ColumnDragHandle/ColumnDragHandle.js +52 -52
- package/cjs/addons/Columns/ColumnDragHandle/ColumnDragHandle.js.map +7 -0
- package/cjs/addons/Columns/ColumnExpand/ColumnExpand.js +124 -154
- package/cjs/addons/Columns/ColumnExpand/ColumnExpand.js.map +7 -0
- package/cjs/addons/Columns/ColumnSelectMultiple/ColumnSelectMultiple.js +63 -105
- package/cjs/addons/Columns/ColumnSelectMultiple/ColumnSelectMultiple.js.map +7 -0
- package/cjs/addons/Columns/ColumnSelectSingle/ColumnSelectSingle.js +62 -81
- package/cjs/addons/Columns/ColumnSelectSingle/ColumnSelectSingle.js.map +7 -0
- package/cjs/addons/Columns/index.js +51 -18
- package/cjs/addons/Columns/index.js.map +7 -0
- package/cjs/addons/Editables/ComboboxEditableCell/ComboboxEditableCell.js +57 -85
- package/cjs/addons/Editables/ComboboxEditableCell/ComboboxEditableCell.js.map +7 -0
- package/cjs/addons/Editables/DateEditableCell/DateEditableCell.js +51 -73
- package/cjs/addons/Editables/DateEditableCell/DateEditableCell.js.map +7 -0
- package/cjs/addons/Editables/TextEditableCell/TextEditableCell.js +67 -88
- package/cjs/addons/Editables/TextEditableCell/TextEditableCell.js.map +7 -0
- package/cjs/addons/Editables/index.js +39 -14
- package/cjs/addons/Editables/index.js.map +7 -0
- package/cjs/addons/Filters/Components/CurrencyRangeFilter/index.js +87 -137
- package/cjs/addons/Filters/Components/CurrencyRangeFilter/index.js.map +7 -0
- package/cjs/addons/Filters/Components/DateRangeFilter/index.js +64 -88
- package/cjs/addons/Filters/Components/DateRangeFilter/index.js.map +7 -0
- package/cjs/addons/Filters/Components/DateSwitcherFilter/index.js +72 -97
- package/cjs/addons/Filters/Components/DateSwitcherFilter/index.js.map +7 -0
- package/cjs/addons/Filters/Components/NumberRangeFilter/index.js +89 -141
- package/cjs/addons/Filters/Components/NumberRangeFilter/index.js.map +7 -0
- package/cjs/addons/Filters/Components/SelectFilter/BaseSelectFilter.js +68 -117
- package/cjs/addons/Filters/Components/SelectFilter/BaseSelectFilter.js.map +7 -0
- package/cjs/addons/Filters/Components/SelectFilter/MultiSelectFilter.js +59 -75
- package/cjs/addons/Filters/Components/SelectFilter/MultiSelectFilter.js.map +7 -0
- package/cjs/addons/Filters/Components/SelectFilter/SingleSelectFilter.js +59 -75
- package/cjs/addons/Filters/Components/SelectFilter/SingleSelectFilter.js.map +7 -0
- package/cjs/addons/Filters/Components/SelectFilter/components.js +86 -36
- package/cjs/addons/Filters/Components/SelectFilter/components.js.map +7 -0
- package/cjs/addons/Filters/Components/SelectFilter/useSelectFilterHandlers.js +67 -57
- package/cjs/addons/Filters/Components/SelectFilter/useSelectFilterHandlers.js.map +7 -0
- package/cjs/addons/Filters/Components/SelectFilter/utils.js +40 -46
- package/cjs/addons/Filters/Components/SelectFilter/utils.js.map +7 -0
- package/cjs/addons/Filters/Components/SingleDateFilter/index.js +64 -80
- package/cjs/addons/Filters/Components/SingleDateFilter/index.js.map +7 -0
- package/cjs/addons/Filters/Components/index.js +34 -21
- package/cjs/addons/Filters/Components/index.js.map +7 -0
- package/cjs/addons/Filters/index.js +28 -21
- package/cjs/addons/Filters/index.js.map +7 -0
- package/cjs/addons/Pagination/Pagination.js +45 -37
- package/cjs/addons/Pagination/Pagination.js.map +7 -0
- package/cjs/addons/Pagination/index.js +35 -9
- package/cjs/addons/Pagination/index.js.map +7 -0
- package/cjs/configs/constants.js +74 -47
- package/cjs/configs/constants.js.map +7 -0
- package/cjs/configs/fixedSizes.js +34 -6
- package/cjs/configs/fixedSizes.js.map +7 -0
- package/cjs/configs/index.js +32 -22
- package/cjs/configs/index.js.map +7 -0
- package/cjs/configs/useDatatableConfig.js +72 -59
- package/cjs/configs/useDatatableConfig.js.map +7 -0
- package/cjs/configs/usePaginationConfig.js +61 -23
- package/cjs/configs/usePaginationConfig.js.map +7 -0
- package/cjs/configs/useRowFlattenization.js +50 -36
- package/cjs/configs/useRowFlattenization.js.map +7 -0
- package/cjs/configs/useTableColsWithAddons.js +75 -62
- package/cjs/configs/useTableColsWithAddons.js.map +7 -0
- package/cjs/configs/zIndexInternalConfig.js +34 -6
- package/cjs/configs/zIndexInternalConfig.js.map +7 -0
- package/cjs/exported-related/EditableCell.js +64 -54
- package/cjs/exported-related/EditableCell.js.map +7 -0
- package/cjs/exported-related/FilterPopover.js +103 -137
- package/cjs/exported-related/FilterPopover.js.map +7 -0
- package/cjs/exported-related/FilterTypes.js +42 -14
- package/cjs/exported-related/FilterTypes.js.map +7 -0
- package/cjs/exported-related/Filters/applyOutOfTheBoxFilters.js +50 -27
- package/cjs/exported-related/Filters/applyOutOfTheBoxFilters.js.map +7 -0
- package/cjs/exported-related/Filters/currencyRangeFilterFn.js +44 -19
- package/cjs/exported-related/Filters/currencyRangeFilterFn.js.map +7 -0
- package/cjs/exported-related/Filters/dateRangeFilterFn.js +37 -45
- package/cjs/exported-related/Filters/dateRangeFilterFn.js.map +7 -0
- package/cjs/exported-related/Filters/dateSwitcherFilterFn.js +37 -12
- package/cjs/exported-related/Filters/dateSwitcherFilterFn.js.map +7 -0
- package/cjs/exported-related/Filters/index.js +34 -21
- package/cjs/exported-related/Filters/index.js.map +7 -0
- package/cjs/exported-related/Filters/multiSelectFilterFn.js +35 -14
- package/cjs/exported-related/Filters/multiSelectFilterFn.js.map +7 -0
- package/cjs/exported-related/Filters/numberRangeFilterFn.js +36 -13
- package/cjs/exported-related/Filters/numberRangeFilterFn.js.map +7 -0
- package/cjs/exported-related/Filters/singleDateFilterFn.js +37 -45
- package/cjs/exported-related/Filters/singleDateFilterFn.js.map +7 -0
- package/cjs/exported-related/Filters/singleSelectFilterFn.js +35 -12
- package/cjs/exported-related/Filters/singleSelectFilterFn.js.map +7 -0
- package/cjs/exported-related/Filters/types.js +27 -2
- package/cjs/exported-related/Filters/types.js.map +7 -0
- package/cjs/exported-related/RowRenderer/DefaultRowContentRenderer.js +107 -109
- package/cjs/exported-related/RowRenderer/DefaultRowContentRenderer.js.map +7 -0
- package/cjs/exported-related/RowRenderer/index.js +77 -95
- package/cjs/exported-related/RowRenderer/index.js.map +7 -0
- package/cjs/exported-related/RowRenderer/useRowRendererHandlers.js +71 -100
- package/cjs/exported-related/RowRenderer/useRowRendererHandlers.js.map +7 -0
- package/cjs/exported-related/RowRenderer/useRowRendererProperties.js +51 -42
- package/cjs/exported-related/RowRenderer/useRowRendererProperties.js.map +7 -0
- package/cjs/exported-related/RowRenderer/useRowStyle.js +47 -35
- package/cjs/exported-related/RowRenderer/useRowStyle.js.map +7 -0
- package/cjs/exported-related/RowVariants.js +43 -15
- package/cjs/exported-related/RowVariants.js.map +7 -0
- package/cjs/exported-related/Toolbar/Toolbar.js +103 -80
- package/cjs/exported-related/Toolbar/Toolbar.js.map +7 -0
- package/cjs/exported-related/Toolbar/index.js +35 -9
- package/cjs/exported-related/Toolbar/index.js.map +7 -0
- package/cjs/exported-related/groupBy.js +43 -25
- package/cjs/exported-related/groupBy.js.map +7 -0
- package/cjs/exported-related/index.js +44 -35
- package/cjs/exported-related/index.js.map +7 -0
- package/cjs/helpers/addCellData.js +43 -32
- package/cjs/helpers/addCellData.js.map +7 -0
- package/cjs/helpers/cellPadding.js +44 -27
- package/cjs/helpers/cellPadding.js.map +7 -0
- package/cjs/helpers/columnsToGrid.js +41 -17
- package/cjs/helpers/columnsToGrid.js.map +7 -0
- package/cjs/helpers/getIdFromUniqueRowAccessor.js +38 -20
- package/cjs/helpers/getIdFromUniqueRowAccessor.js.map +7 -0
- package/cjs/helpers/index.js +33 -20
- package/cjs/helpers/index.js.map +7 -0
- package/cjs/helpers/refs-helpers.js +41 -22
- package/cjs/helpers/refs-helpers.js.map +7 -0
- package/cjs/helpers/sizeToCss.js +35 -7
- package/cjs/helpers/sizeToCss.js.map +7 -0
- package/cjs/hooks/useRecoverFocusCol.js +41 -21
- package/cjs/hooks/useRecoverFocusCol.js.map +7 -0
- package/cjs/hooks/useRecoverFocusRow.js +37 -14
- package/cjs/hooks/useRecoverFocusRow.js.map +7 -0
- package/cjs/index.js +29 -38
- package/cjs/index.js.map +7 -0
- package/cjs/parts/Cells/Cell.js +95 -105
- package/cjs/parts/Cells/Cell.js.map +7 -0
- package/cjs/parts/Cells/index.js +83 -76
- package/cjs/parts/Cells/index.js.map +7 -0
- package/cjs/parts/Cells/useCellStyle.js +47 -27
- package/cjs/parts/Cells/useCellStyle.js.map +7 -0
- package/cjs/parts/DnDHandle.js +61 -73
- package/cjs/parts/DnDHandle.js.map +7 -0
- package/cjs/parts/DropIndicator.js +77 -68
- package/cjs/parts/DropIndicator.js.map +7 -0
- package/cjs/parts/EmptyContent.js +93 -58
- package/cjs/parts/EmptyContent.js.map +7 -0
- package/cjs/parts/FilterBar/FiltersBar.js +82 -115
- package/cjs/parts/FilterBar/FiltersBar.js.map +7 -0
- package/cjs/parts/FilterBar/components/DateRangePill.js +57 -40
- package/cjs/parts/FilterBar/components/DateRangePill.js.map +7 -0
- package/cjs/parts/FilterBar/components/DateSwitcherPill.js +57 -40
- package/cjs/parts/FilterBar/components/DateSwitcherPill.js.map +7 -0
- package/cjs/parts/FilterBar/components/MultiSelectPill.js +57 -42
- package/cjs/parts/FilterBar/components/MultiSelectPill.js.map +7 -0
- package/cjs/parts/FilterBar/components/NumberRangePill.js +56 -39
- package/cjs/parts/FilterBar/components/NumberRangePill.js.map +7 -0
- package/cjs/parts/FilterBar/components/SelectPill.js +55 -36
- package/cjs/parts/FilterBar/components/SelectPill.js.map +7 -0
- package/cjs/parts/FilterBar/components/SingleDatePill.js +56 -38
- package/cjs/parts/FilterBar/components/SingleDatePill.js.map +7 -0
- package/cjs/parts/FilterBar/components/index.js +33 -19
- package/cjs/parts/FilterBar/components/index.js.map +7 -0
- package/cjs/parts/FilterBar/index.js +35 -9
- package/cjs/parts/FilterBar/index.js.map +7 -0
- package/cjs/parts/FilterBar/styled.js +49 -23
- package/cjs/parts/FilterBar/styled.js.map +7 -0
- package/cjs/parts/FilterBar/types.js +27 -2
- package/cjs/parts/FilterBar/types.js.map +7 -0
- package/cjs/parts/Filters/index.js +69 -108
- package/cjs/parts/Filters/index.js.map +7 -0
- package/cjs/parts/Footer.js +39 -21
- package/cjs/parts/Footer.js.map +7 -0
- package/cjs/parts/Headers/EmptyChildrenGroup.js +42 -20
- package/cjs/parts/Headers/EmptyChildrenGroup.js.map +7 -0
- package/cjs/parts/Headers/HeaderCell.js +114 -159
- package/cjs/parts/Headers/HeaderCell.js.map +7 -0
- package/cjs/parts/Headers/HeaderCellGroup.js +94 -93
- package/cjs/parts/Headers/HeaderCellGroup.js.map +7 -0
- package/cjs/parts/Headers/HeaderCellTitle.js +50 -77
- package/cjs/parts/Headers/HeaderCellTitle.js.map +7 -0
- package/cjs/parts/Headers/HeaderResizer.js +74 -94
- package/cjs/parts/Headers/HeaderResizer.js.map +7 -0
- package/cjs/parts/Headers/RequiredDot.js +39 -21
- package/cjs/parts/Headers/RequiredDot.js.map +7 -0
- package/cjs/parts/Headers/index.js +58 -42
- package/cjs/parts/Headers/index.js.map +7 -0
- package/cjs/parts/Headers/useHeaderCellConfig.js +48 -25
- package/cjs/parts/Headers/useHeaderCellConfig.js.map +7 -0
- package/cjs/parts/Headers/useHeaderCellHandlers.js +87 -76
- package/cjs/parts/Headers/useHeaderCellHandlers.js.map +7 -0
- package/cjs/parts/HoC/SortableItemContext.js +44 -19
- package/cjs/parts/HoC/SortableItemContext.js.map +7 -0
- package/cjs/parts/HoC/withConditionalDnDColumnContext.js +86 -101
- package/cjs/parts/HoC/withConditionalDnDColumnContext.js.map +7 -0
- package/cjs/parts/HoC/withConditionalDnDRowContext.js +90 -93
- package/cjs/parts/HoC/withConditionalDnDRowContext.js.map +7 -0
- package/cjs/parts/HoC/withConditionalDnDSortableContext.js +50 -43
- package/cjs/parts/HoC/withConditionalDnDSortableContext.js.map +7 -0
- package/cjs/parts/HoC/withDnDSortableColumnContext.js +60 -58
- package/cjs/parts/HoC/withDnDSortableColumnContext.js.map +7 -0
- package/cjs/parts/HoC/withDnDSortableRowContext.js +59 -59
- package/cjs/parts/HoC/withDnDSortableRowContext.js.map +7 -0
- package/cjs/parts/Loader.js +50 -30
- package/cjs/parts/Loader.js.map +7 -0
- package/cjs/parts/Row.js +64 -59
- package/cjs/parts/Row.js.map +7 -0
- package/cjs/parts/RowLoading.js +53 -52
- package/cjs/parts/RowLoading.js.map +7 -0
- package/cjs/parts/RowVariants/RowVariantHeader.js +79 -95
- package/cjs/parts/RowVariants/RowVariantHeader.js.map +7 -0
- package/cjs/parts/RowVariants/RowVariantPrimary.js +55 -36
- package/cjs/parts/RowVariants/RowVariantPrimary.js.map +7 -0
- package/cjs/parts/RowVariants/RowVariantSecondary.js +56 -37
- package/cjs/parts/RowVariants/RowVariantSecondary.js.map +7 -0
- package/cjs/parts/RowVariants/index.js +59 -77
- package/cjs/parts/RowVariants/index.js.map +7 -0
- package/cjs/parts/RowVariants/types.js +27 -2
- package/cjs/parts/RowVariants/types.js.map +7 -0
- package/cjs/parts/Rows.js +71 -68
- package/cjs/parts/Rows.js.map +7 -0
- package/cjs/parts/SortByCaret.js +44 -30
- package/cjs/parts/SortByCaret.js.map +7 -0
- package/cjs/parts/SortableHeaderCell.js +43 -38
- package/cjs/parts/SortableHeaderCell.js.map +7 -0
- package/cjs/parts/TableContent.js +68 -84
- package/cjs/parts/TableContent.js.map +7 -0
- package/cjs/parts/VirtualRowsList.js +74 -89
- package/cjs/parts/VirtualRowsList.js.map +7 -0
- package/cjs/parts/index.js +45 -19
- package/cjs/parts/index.js.map +7 -0
- package/cjs/prop-types.js +76 -56
- package/cjs/prop-types.js.map +7 -0
- package/cjs/redux/reducers/headersReducers/defaults.js +34 -6
- package/cjs/redux/reducers/headersReducers/defaults.js.map +7 -0
- package/cjs/redux/reducers/headersReducers/headersReducers.js +46 -23
- package/cjs/redux/reducers/headersReducers/headersReducers.js.map +7 -0
- package/cjs/redux/reducers/headersReducers/index.js +29 -14
- package/cjs/redux/reducers/headersReducers/index.js.map +7 -0
- package/cjs/redux/reducers/headersReducers/logic.js +42 -33
- package/cjs/redux/reducers/headersReducers/logic.js.map +7 -0
- package/cjs/redux/reducers/headersReducers/useDispatchHeadersActions.js +40 -19
- package/cjs/redux/reducers/headersReducers/useDispatchHeadersActions.js.map +7 -0
- package/cjs/redux/reducers/index.js +46 -17
- package/cjs/redux/reducers/index.js.map +7 -0
- package/cjs/redux/reducers/rowsReducers/actions_types.js +47 -19
- package/cjs/redux/reducers/rowsReducers/actions_types.js.map +7 -0
- package/cjs/redux/reducers/rowsReducers/defaults.js +35 -7
- package/cjs/redux/reducers/rowsReducers/defaults.js.map +7 -0
- package/cjs/redux/reducers/rowsReducers/index.js +29 -20
- package/cjs/redux/reducers/rowsReducers/index.js.map +7 -0
- package/cjs/redux/reducers/rowsReducers/logic.js +41 -14
- package/cjs/redux/reducers/rowsReducers/logic.js.map +7 -0
- package/cjs/redux/reducers/rowsReducers/rowsReducer.js +58 -41
- package/cjs/redux/reducers/rowsReducers/rowsReducer.js.map +7 -0
- package/cjs/redux/reducers/rowsReducers/useDispatchRowsActions.js +48 -21
- package/cjs/redux/reducers/rowsReducers/useDispatchRowsActions.js.map +7 -0
- package/cjs/redux/storeConfig.js +36 -9
- package/cjs/redux/storeConfig.js.map +7 -0
- package/cjs/styled.js +295 -219
- package/cjs/styled.js.map +7 -0
- package/cjs/tests/utils/index.js +119 -0
- package/cjs/tests/utils/index.js.map +7 -0
- package/cjs/types/FunctionalHoC.js +27 -2
- package/cjs/types/FunctionalHoC.js.map +7 -0
- package/cjs/types/props.js +27 -2
- package/cjs/types/props.js.map +7 -0
- package/esm/DataTable.js +29 -42
- package/esm/DataTable.js.map +7 -0
- package/esm/DataTableContext.js +22 -19
- package/esm/DataTableContext.js.map +7 -0
- package/esm/DataTableSchema.js +110 -97
- package/esm/DataTableSchema.js.map +7 -0
- package/esm/addons/Columns/ColumnAction/ColumnAction.js +11 -10
- package/esm/addons/Columns/ColumnAction/ColumnAction.js.map +7 -0
- package/esm/addons/Columns/ColumnDragHandle/ColumnDragHandle.js +22 -43
- package/esm/addons/Columns/ColumnDragHandle/ColumnDragHandle.js.map +7 -0
- package/esm/addons/Columns/ColumnExpand/ColumnExpand.js +83 -132
- package/esm/addons/Columns/ColumnExpand/ColumnExpand.js.map +7 -0
- package/esm/addons/Columns/ColumnSelectMultiple/ColumnSelectMultiple.js +30 -92
- package/esm/addons/Columns/ColumnSelectMultiple/ColumnSelectMultiple.js.map +7 -0
- package/esm/addons/Columns/ColumnSelectSingle/ColumnSelectSingle.js +32 -71
- package/esm/addons/Columns/ColumnSelectSingle/ColumnSelectSingle.js.map +7 -0
- package/esm/addons/Columns/index.js +22 -9
- package/esm/addons/Columns/index.js.map +7 -0
- package/esm/addons/Editables/ComboboxEditableCell/ComboboxEditableCell.js +23 -72
- package/esm/addons/Editables/ComboboxEditableCell/ComboboxEditableCell.js.map +7 -0
- package/esm/addons/Editables/DateEditableCell/DateEditableCell.js +19 -62
- package/esm/addons/Editables/DateEditableCell/DateEditableCell.js.map +7 -0
- package/esm/addons/Editables/TextEditableCell/TextEditableCell.js +35 -76
- package/esm/addons/Editables/TextEditableCell/TextEditableCell.js.map +7 -0
- package/esm/addons/Editables/index.js +9 -9
- package/esm/addons/Editables/index.js.map +7 -0
- package/esm/addons/Filters/Components/CurrencyRangeFilter/index.js +55 -124
- package/esm/addons/Filters/Components/CurrencyRangeFilter/index.js.map +7 -0
- package/esm/addons/Filters/Components/DateRangeFilter/index.js +33 -77
- package/esm/addons/Filters/Components/DateRangeFilter/index.js.map +7 -0
- package/esm/addons/Filters/Components/DateSwitcherFilter/index.js +44 -85
- package/esm/addons/Filters/Components/DateSwitcherFilter/index.js.map +7 -0
- package/esm/addons/Filters/Components/NumberRangeFilter/index.js +57 -128
- package/esm/addons/Filters/Components/NumberRangeFilter/index.js.map +7 -0
- package/esm/addons/Filters/Components/SelectFilter/BaseSelectFilter.js +35 -105
- package/esm/addons/Filters/Components/SelectFilter/BaseSelectFilter.js.map +7 -0
- package/esm/addons/Filters/Components/SelectFilter/MultiSelectFilter.js +30 -67
- package/esm/addons/Filters/Components/SelectFilter/MultiSelectFilter.js.map +7 -0
- package/esm/addons/Filters/Components/SelectFilter/SingleSelectFilter.js +30 -67
- package/esm/addons/Filters/Components/SelectFilter/SingleSelectFilter.js.map +7 -0
- package/esm/addons/Filters/Components/SelectFilter/components.js +57 -23
- package/esm/addons/Filters/Components/SelectFilter/components.js.map +7 -0
- package/esm/addons/Filters/Components/SelectFilter/useSelectFilterHandlers.js +38 -53
- package/esm/addons/Filters/Components/SelectFilter/useSelectFilterHandlers.js.map +7 -0
- package/esm/addons/Filters/Components/SelectFilter/utils.js +11 -41
- package/esm/addons/Filters/Components/SelectFilter/utils.js.map +7 -0
- package/esm/addons/Filters/Components/SingleDateFilter/index.js +31 -67
- package/esm/addons/Filters/Components/SingleDateFilter/index.js.map +7 -0
- package/esm/addons/Filters/Components/index.js +9 -7
- package/esm/addons/Filters/Components/index.js.map +7 -0
- package/esm/addons/Filters/index.js +3 -7
- package/esm/addons/Filters/index.js.map +7 -0
- package/esm/addons/Pagination/Pagination.js +14 -27
- package/esm/addons/Pagination/Pagination.js.map +7 -0
- package/esm/addons/Pagination/index.js +6 -1
- package/esm/addons/Pagination/index.js.map +7 -0
- package/esm/configs/constants.js +45 -42
- package/esm/configs/constants.js.map +7 -0
- package/esm/configs/fixedSizes.js +5 -2
- package/esm/configs/fixedSizes.js.map +7 -0
- package/esm/configs/index.js +7 -5
- package/esm/configs/index.js.map +7 -0
- package/esm/configs/useDatatableConfig.js +35 -47
- package/esm/configs/useDatatableConfig.js.map +7 -0
- package/esm/configs/usePaginationConfig.js +30 -17
- package/esm/configs/usePaginationConfig.js.map +7 -0
- package/esm/configs/useRowFlattenization.js +18 -29
- package/esm/configs/useRowFlattenization.js.map +7 -0
- package/esm/configs/useTableColsWithAddons.js +51 -55
- package/esm/configs/useTableColsWithAddons.js.map +7 -0
- package/esm/configs/zIndexInternalConfig.js +5 -2
- package/esm/configs/zIndexInternalConfig.js.map +7 -0
- package/esm/exported-related/EditableCell.js +33 -44
- package/esm/exported-related/EditableCell.js.map +7 -0
- package/esm/exported-related/FilterPopover.js +70 -122
- package/esm/exported-related/FilterPopover.js.map +7 -0
- package/esm/exported-related/FilterTypes.js +12 -9
- package/esm/exported-related/FilterTypes.js.map +7 -0
- package/esm/exported-related/Filters/applyOutOfTheBoxFilters.js +14 -16
- package/esm/exported-related/Filters/applyOutOfTheBoxFilters.js.map +7 -0
- package/esm/exported-related/Filters/currencyRangeFilterFn.js +15 -15
- package/esm/exported-related/Filters/currencyRangeFilterFn.js.map +7 -0
- package/esm/exported-related/Filters/dateRangeFilterFn.js +8 -37
- package/esm/exported-related/Filters/dateRangeFilterFn.js.map +7 -0
- package/esm/exported-related/Filters/dateSwitcherFilterFn.js +7 -7
- package/esm/exported-related/Filters/dateSwitcherFilterFn.js.map +7 -0
- package/esm/exported-related/Filters/index.js +9 -7
- package/esm/exported-related/Filters/index.js.map +7 -0
- package/esm/exported-related/Filters/multiSelectFilterFn.js +6 -10
- package/esm/exported-related/Filters/multiSelectFilterFn.js.map +7 -0
- package/esm/exported-related/Filters/numberRangeFilterFn.js +7 -9
- package/esm/exported-related/Filters/numberRangeFilterFn.js.map +7 -0
- package/esm/exported-related/Filters/singleDateFilterFn.js +8 -37
- package/esm/exported-related/Filters/singleDateFilterFn.js.map +7 -0
- package/esm/exported-related/Filters/singleSelectFilterFn.js +6 -8
- package/esm/exported-related/Filters/singleSelectFilterFn.js.map +7 -0
- package/esm/exported-related/Filters/types.js +2 -1
- package/esm/exported-related/Filters/types.js.map +7 -0
- package/esm/exported-related/RowRenderer/DefaultRowContentRenderer.js +72 -94
- package/esm/exported-related/RowRenderer/DefaultRowContentRenderer.js.map +7 -0
- package/esm/exported-related/RowRenderer/index.js +45 -85
- package/esm/exported-related/RowRenderer/index.js.map +7 -0
- package/esm/exported-related/RowRenderer/useRowRendererHandlers.js +41 -95
- package/esm/exported-related/RowRenderer/useRowRendererHandlers.js.map +7 -0
- package/esm/exported-related/RowRenderer/useRowRendererProperties.js +19 -31
- package/esm/exported-related/RowRenderer/useRowRendererProperties.js.map +7 -0
- package/esm/exported-related/RowRenderer/useRowStyle.js +17 -30
- package/esm/exported-related/RowRenderer/useRowStyle.js.map +7 -0
- package/esm/exported-related/RowVariants.js +14 -9
- package/esm/exported-related/RowVariants.js.map +7 -0
- package/esm/exported-related/Toolbar/Toolbar.js +68 -64
- package/esm/exported-related/Toolbar/Toolbar.js.map +7 -0
- package/esm/exported-related/Toolbar/index.js +6 -1
- package/esm/exported-related/Toolbar/index.js.map +7 -0
- package/esm/exported-related/groupBy.js +14 -21
- package/esm/exported-related/groupBy.js.map +7 -0
- package/esm/exported-related/index.js +15 -13
- package/esm/exported-related/index.js.map +7 -0
- package/esm/helpers/addCellData.js +15 -25
- package/esm/helpers/addCellData.js.map +7 -0
- package/esm/helpers/cellPadding.js +15 -22
- package/esm/helpers/cellPadding.js.map +7 -0
- package/esm/helpers/columnsToGrid.js +12 -13
- package/esm/helpers/columnsToGrid.js.map +7 -0
- package/esm/helpers/getIdFromUniqueRowAccessor.js +9 -16
- package/esm/helpers/getIdFromUniqueRowAccessor.js.map +7 -0
- package/esm/helpers/index.js +8 -6
- package/esm/helpers/index.js.map +7 -0
- package/esm/helpers/refs-helpers.js +13 -19
- package/esm/helpers/refs-helpers.js.map +7 -0
- package/esm/helpers/sizeToCss.js +6 -3
- package/esm/helpers/sizeToCss.js.map +7 -0
- package/esm/hooks/useRecoverFocusCol.js +10 -15
- package/esm/hooks/useRecoverFocusCol.js.map +7 -0
- package/esm/hooks/useRecoverFocusRow.js +6 -8
- package/esm/hooks/useRecoverFocusRow.js.map +7 -0
- package/esm/index.js +4 -14
- package/esm/index.js.map +7 -0
- package/esm/parts/Cells/Cell.js +63 -94
- package/esm/parts/Cells/Cell.js.map +7 -0
- package/esm/parts/Cells/index.js +54 -70
- package/esm/parts/Cells/index.js.map +7 -0
- package/esm/parts/Cells/useCellStyle.js +16 -21
- package/esm/parts/Cells/useCellStyle.js.map +7 -0
- package/esm/parts/DnDHandle.js +32 -65
- package/esm/parts/DnDHandle.js.map +7 -0
- package/esm/parts/DropIndicator.js +49 -62
- package/esm/parts/DropIndicator.js.map +7 -0
- package/esm/parts/EmptyContent.js +64 -48
- package/esm/parts/EmptyContent.js.map +7 -0
- package/esm/parts/FilterBar/FiltersBar.js +49 -94
- package/esm/parts/FilterBar/FiltersBar.js.map +7 -0
- package/esm/parts/FilterBar/components/DateRangePill.js +27 -31
- package/esm/parts/FilterBar/components/DateRangePill.js.map +7 -0
- package/esm/parts/FilterBar/components/DateSwitcherPill.js +27 -31
- package/esm/parts/FilterBar/components/DateSwitcherPill.js.map +7 -0
- package/esm/parts/FilterBar/components/MultiSelectPill.js +28 -34
- package/esm/parts/FilterBar/components/MultiSelectPill.js.map +7 -0
- package/esm/parts/FilterBar/components/NumberRangePill.js +26 -30
- package/esm/parts/FilterBar/components/NumberRangePill.js.map +7 -0
- package/esm/parts/FilterBar/components/SelectPill.js +25 -27
- package/esm/parts/FilterBar/components/SelectPill.js.map +7 -0
- package/esm/parts/FilterBar/components/SingleDatePill.js +26 -29
- package/esm/parts/FilterBar/components/SingleDatePill.js.map +7 -0
- package/esm/parts/FilterBar/components/index.js +8 -6
- package/esm/parts/FilterBar/components/index.js.map +7 -0
- package/esm/parts/FilterBar/index.js +6 -1
- package/esm/parts/FilterBar/index.js.map +7 -0
- package/esm/parts/FilterBar/styled.js +20 -12
- package/esm/parts/FilterBar/styled.js.map +7 -0
- package/esm/parts/FilterBar/types.js +2 -1
- package/esm/parts/FilterBar/types.js.map +7 -0
- package/esm/parts/Filters/index.js +40 -92
- package/esm/parts/Filters/index.js.map +7 -0
- package/esm/parts/Footer.js +10 -15
- package/esm/parts/Footer.js.map +7 -0
- package/esm/parts/Headers/EmptyChildrenGroup.js +13 -11
- package/esm/parts/Headers/EmptyChildrenGroup.js.map +7 -0
- package/esm/parts/Headers/HeaderCell.js +77 -141
- package/esm/parts/Headers/HeaderCell.js.map +7 -0
- package/esm/parts/Headers/HeaderCellGroup.js +64 -82
- package/esm/parts/Headers/HeaderCellGroup.js.map +7 -0
- package/esm/parts/Headers/HeaderCellTitle.js +22 -70
- package/esm/parts/Headers/HeaderCellTitle.js.map +7 -0
- package/esm/parts/Headers/HeaderResizer.js +36 -77
- package/esm/parts/Headers/HeaderResizer.js.map +7 -0
- package/esm/parts/Headers/RequiredDot.js +10 -13
- package/esm/parts/Headers/RequiredDot.js.map +7 -0
- package/esm/parts/Headers/index.js +28 -35
- package/esm/parts/Headers/index.js.map +7 -0
- package/esm/parts/Headers/useHeaderCellConfig.js +19 -21
- package/esm/parts/Headers/useHeaderCellConfig.js.map +7 -0
- package/esm/parts/Headers/useHeaderCellHandlers.js +56 -66
- package/esm/parts/Headers/useHeaderCellHandlers.js.map +7 -0
- package/esm/parts/HoC/SortableItemContext.js +15 -15
- package/esm/parts/HoC/SortableItemContext.js.map +7 -0
- package/esm/parts/HoC/withConditionalDnDColumnContext.js +52 -85
- package/esm/parts/HoC/withConditionalDnDColumnContext.js.map +7 -0
- package/esm/parts/HoC/withConditionalDnDRowContext.js +59 -80
- package/esm/parts/HoC/withConditionalDnDRowContext.js.map +7 -0
- package/esm/parts/HoC/withConditionalDnDSortableContext.js +21 -34
- package/esm/parts/HoC/withConditionalDnDSortableContext.js.map +7 -0
- package/esm/parts/HoC/withDnDSortableColumnContext.js +26 -44
- package/esm/parts/HoC/withDnDSortableColumnContext.js.map +7 -0
- package/esm/parts/HoC/withDnDSortableRowContext.js +26 -46
- package/esm/parts/HoC/withDnDSortableRowContext.js.map +7 -0
- package/esm/parts/Loader.js +21 -22
- package/esm/parts/Loader.js.map +7 -0
- package/esm/parts/Row.js +33 -48
- package/esm/parts/Row.js.map +7 -0
- package/esm/parts/RowLoading.js +23 -42
- package/esm/parts/RowLoading.js.map +7 -0
- package/esm/parts/RowVariants/RowVariantHeader.js +47 -83
- package/esm/parts/RowVariants/RowVariantHeader.js.map +7 -0
- package/esm/parts/RowVariants/RowVariantPrimary.js +26 -28
- package/esm/parts/RowVariants/RowVariantPrimary.js.map +7 -0
- package/esm/parts/RowVariants/RowVariantSecondary.js +27 -29
- package/esm/parts/RowVariants/RowVariantSecondary.js.map +7 -0
- package/esm/parts/RowVariants/index.js +26 -65
- package/esm/parts/RowVariants/index.js.map +7 -0
- package/esm/parts/RowVariants/types.js +2 -1
- package/esm/parts/RowVariants/types.js.map +7 -0
- package/esm/parts/Rows.js +41 -61
- package/esm/parts/Rows.js.map +7 -0
- package/esm/parts/SortByCaret.js +15 -22
- package/esm/parts/SortByCaret.js.map +7 -0
- package/esm/parts/SortableHeaderCell.js +14 -29
- package/esm/parts/SortableHeaderCell.js.map +7 -0
- package/esm/parts/TableContent.js +35 -72
- package/esm/parts/TableContent.js.map +7 -0
- package/esm/parts/VirtualRowsList.js +40 -78
- package/esm/parts/VirtualRowsList.js.map +7 -0
- package/esm/parts/index.js +16 -6
- package/esm/parts/index.js.map +7 -0
- package/esm/prop-types.js +28 -22
- package/esm/prop-types.js.map +7 -0
- package/esm/redux/reducers/headersReducers/defaults.js +5 -2
- package/esm/redux/reducers/headersReducers/defaults.js.map +7 -0
- package/esm/redux/reducers/headersReducers/headersReducers.js +12 -11
- package/esm/redux/reducers/headersReducers/headersReducers.js.map +7 -0
- package/esm/redux/reducers/headersReducers/index.js +4 -2
- package/esm/redux/reducers/headersReducers/index.js.map +7 -0
- package/esm/redux/reducers/headersReducers/logic.js +13 -24
- package/esm/redux/reducers/headersReducers/logic.js.map +7 -0
- package/esm/redux/reducers/headersReducers/useDispatchHeadersActions.js +10 -14
- package/esm/redux/reducers/headersReducers/useDispatchHeadersActions.js.map +7 -0
- package/esm/redux/reducers/index.js +17 -11
- package/esm/redux/reducers/index.js.map +7 -0
- package/esm/redux/reducers/rowsReducers/actions_types.js +18 -9
- package/esm/redux/reducers/rowsReducers/actions_types.js.map +7 -0
- package/esm/redux/reducers/rowsReducers/defaults.js +6 -2
- package/esm/redux/reducers/rowsReducers/defaults.js.map +7 -0
- package/esm/redux/reducers/rowsReducers/index.js +4 -2
- package/esm/redux/reducers/rowsReducers/index.js.map +7 -0
- package/esm/redux/reducers/rowsReducers/logic.js +12 -3
- package/esm/redux/reducers/rowsReducers/logic.js.map +7 -0
- package/esm/redux/reducers/rowsReducers/rowsReducer.js +28 -18
- package/esm/redux/reducers/rowsReducers/rowsReducer.js.map +7 -0
- package/esm/redux/reducers/rowsReducers/useDispatchRowsActions.js +26 -15
- package/esm/redux/reducers/rowsReducers/useDispatchRowsActions.js.map +7 -0
- package/esm/redux/storeConfig.js +6 -4
- package/esm/redux/storeConfig.js.map +7 -0
- package/esm/styled.js +268 -194
- package/esm/styled.js.map +7 -0
- package/esm/tests/utils/index.js +90 -0
- package/esm/tests/utils/index.js.map +7 -0
- package/esm/types/FunctionalHoC.js +2 -1
- package/esm/types/FunctionalHoC.js.map +7 -0
- package/esm/types/props.js +2 -1
- package/esm/types/props.js.map +7 -0
- package/package.json +18 -18
- package/types/DataTable.d.ts +44 -246
- package/types/DataTableContext.d.ts +1 -0
- package/types/DataTableSchema.d.ts +43 -245
- package/types/configs/useTableColsWithAddons.d.ts +1 -0
- package/types/exported-related/RowRenderer/index.d.ts +1 -0
- package/types/exported-related/RowRenderer/useRowRendererProperties.d.ts +1 -1
- package/types/parts/Cells/Cell.d.ts +1 -0
- package/types/parts/Cells/index.d.ts +1 -0
- package/types/parts/DropIndicator.d.ts +1 -0
- package/types/parts/EmptyContent.d.ts +1 -0
- package/types/parts/Footer.d.ts +1 -0
- package/types/parts/Headers/index.d.ts +2 -2
- package/types/parts/Loader.d.ts +2 -2
- package/types/parts/Row.d.ts +3 -2
- package/types/parts/RowLoading.d.ts +1 -0
- package/types/parts/Rows.d.ts +2 -2
- package/types/parts/TableContent.d.ts +1 -0
- package/types/parts/VirtualRowsList.d.ts +1 -1
- package/types/redux/reducers/index.d.ts +2 -2
|
@@ -1,36 +1,23 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
import DataTableContext from '../../DataTableContext.js';
|
|
13
|
-
import { jsx } from 'react/jsx-runtime';
|
|
14
|
-
|
|
15
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
16
|
-
|
|
17
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
18
|
-
const withConditionalDnDSortableContext = function (items) {
|
|
19
|
-
let isDragOverlay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
|
20
|
-
return Component => props => {
|
|
21
|
-
const {
|
|
22
|
-
tableProps: {
|
|
23
|
-
dragAndDropColumns
|
|
24
|
-
}
|
|
25
|
-
} = useContext(DataTableContext); // Only add the context if it's not a dragOverlay and dnd for cols was requested
|
|
26
|
-
// It's important that drag overlays DO NOT have any sortable functionality!
|
|
27
|
-
|
|
28
|
-
if (!isDragOverlay && dragAndDropColumns) return /*#__PURE__*/_jsx(SortableContext, {
|
|
29
|
-
items: items.map(item => item.id),
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { horizontalListSortingStrategy, SortableContext } from "@dnd-kit/sortable";
|
|
3
|
+
import React2, { useContext } from "react";
|
|
4
|
+
import { DataTableContext } from "../../DataTableContext";
|
|
5
|
+
const withConditionalDnDSortableContext = (items, isDragOverlay = false) => (Component) => (props) => {
|
|
6
|
+
const {
|
|
7
|
+
tableProps: { dragAndDropColumns }
|
|
8
|
+
} = useContext(DataTableContext);
|
|
9
|
+
if (!isDragOverlay && dragAndDropColumns)
|
|
10
|
+
return /* @__PURE__ */ React2.createElement(SortableContext, {
|
|
11
|
+
items: items.map((item) => item.id),
|
|
30
12
|
strategy: horizontalListSortingStrategy
|
|
31
|
-
},
|
|
32
|
-
|
|
33
|
-
|
|
13
|
+
}, /* @__PURE__ */ React2.createElement(Component, {
|
|
14
|
+
...props
|
|
15
|
+
}));
|
|
16
|
+
return /* @__PURE__ */ React2.createElement(Component, {
|
|
17
|
+
...props
|
|
18
|
+
});
|
|
34
19
|
};
|
|
35
|
-
|
|
36
|
-
|
|
20
|
+
export {
|
|
21
|
+
withConditionalDnDSortableContext
|
|
22
|
+
};
|
|
23
|
+
//# sourceMappingURL=withConditionalDnDSortableContext.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/HoC/withConditionalDnDSortableContext.tsx"],
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { horizontalListSortingStrategy, SortableContext } from '@dnd-kit/sortable';\nimport React, { useContext } from 'react';\nimport { DataTableContext } from '../../DataTableContext';\nimport { FunctionalHOC } from '../../types/FunctionalHoC';\nimport { TypescriptColumn } from '../../types/props';\n\nexport const withConditionalDnDSortableContext =\n (items: TypescriptColumn[], isDragOverlay = false): FunctionalHOC =>\n (Component) =>\n (props) => {\n const {\n tableProps: { dragAndDropColumns },\n } = useContext(DataTableContext);\n\n // Only add the context if it's not a dragOverlay and dnd for cols was requested\n // It's important that drag overlays DO NOT have any sortable functionality!\n if (!isDragOverlay && dragAndDropColumns)\n return (\n <SortableContext items={items.map((item) => item.id)} strategy={horizontalListSortingStrategy}>\n <Component {...props} />\n </SortableContext>\n );\n\n return <Component {...props} />;\n };\n"],
|
|
5
|
+
"mappings": "AAAA;ACAA;AACA;AACA;AAIO,MAAM,oCACX,CAAC,OAA2B,gBAAgB,UAC5C,CAAC,cACD,CAAC,UAAU;AACT,QAAM;AAAA,IACJ,YAAY,EAAE;AAAA,MACZ,WAAW;AAIf,MAAI,CAAC,iBAAiB;AACpB,WACE,qCAAC,iBAAD;AAAA,MAAiB,OAAO,MAAM,IAAI,CAAC,SAAS,KAAK;AAAA,MAAK,UAAU;AAAA,OAC9D,qCAAC,WAAD;AAAA,SAAe;AAAA;AAIrB,SAAO,qCAAC,WAAD;AAAA,OAAe;AAAA;AAAA;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -1,56 +1,38 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
|
|
8
|
-
import { useContext, useMemo } from 'react';
|
|
9
|
-
import { useSortable } from '@dnd-kit/sortable';
|
|
10
|
-
import DataTableContext from '../../DataTableContext.js';
|
|
11
|
-
import { DnDGroupContext } from './withConditionalDnDColumnContext.js';
|
|
12
|
-
import { DropIndicatorPosition, SortableItemContext } from './SortableItemContext.js';
|
|
13
|
-
import { jsx } from 'react/jsx-runtime';
|
|
14
|
-
|
|
15
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
16
|
-
|
|
17
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
18
|
-
const withDnDSortableColumnContext = Component => props => {
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import React2, { useContext, useMemo } from "react";
|
|
3
|
+
import { useSortable } from "@dnd-kit/sortable";
|
|
4
|
+
import { DataTableContext } from "../../DataTableContext";
|
|
5
|
+
import { DnDGroupContext } from "./withConditionalDnDColumnContext";
|
|
6
|
+
import { SortableItemContext, DropIndicatorPosition } from "./SortableItemContext";
|
|
7
|
+
const withDnDSortableColumnContext = (Component) => (props) => {
|
|
19
8
|
const {
|
|
20
|
-
tableProps: {
|
|
21
|
-
dragAndDropColumns
|
|
22
|
-
}
|
|
9
|
+
tableProps: { dragAndDropColumns }
|
|
23
10
|
} = useContext(DataTableContext);
|
|
24
|
-
const {
|
|
25
|
-
activeIndex
|
|
26
|
-
} = useContext(DnDGroupContext); // onMount generate unique options, so everyting is only ran once
|
|
27
|
-
|
|
11
|
+
const { activeIndex } = useContext(DnDGroupContext);
|
|
28
12
|
const draggableOptions = useMemo(() => ({
|
|
29
13
|
id: props.header.id
|
|
30
14
|
}), [props.header.id]);
|
|
31
|
-
const useSortableHelpers = useSortable(draggableOptions);
|
|
32
|
-
|
|
15
|
+
const useSortableHelpers = useSortable(draggableOptions);
|
|
33
16
|
const draggableProps = useMemo(() => {
|
|
34
|
-
if (!dragAndDropColumns)
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
return _objectSpread(_objectSpread({}, useSortableHelpers), {}, {
|
|
17
|
+
if (!dragAndDropColumns)
|
|
18
|
+
return false;
|
|
19
|
+
const { index, overIndex } = useSortableHelpers;
|
|
20
|
+
return {
|
|
21
|
+
...useSortableHelpers,
|
|
40
22
|
shouldShowDropIndicatorPosition: overIndex === index && overIndex !== -1,
|
|
41
23
|
dropIndicatorPosition: index > activeIndex ? DropIndicatorPosition.After : DropIndicatorPosition.Before
|
|
42
|
-
}
|
|
43
|
-
}, [useSortableHelpers, dragAndDropColumns, activeIndex]);
|
|
44
|
-
// this context is all Memoized so as long as component is not re-mounted,
|
|
45
|
-
// the context won't trigger un-required renders per-se...
|
|
46
|
-
|
|
24
|
+
};
|
|
25
|
+
}, [useSortableHelpers, dragAndDropColumns, activeIndex]);
|
|
47
26
|
const ctx = useMemo(() => ({
|
|
48
27
|
draggableProps
|
|
49
|
-
}), [draggableProps]);
|
|
50
|
-
|
|
51
|
-
return /*#__PURE__*/_jsx(SortableItemContext.Provider, {
|
|
28
|
+
}), [draggableProps]);
|
|
29
|
+
return /* @__PURE__ */ React2.createElement(SortableItemContext.Provider, {
|
|
52
30
|
value: ctx
|
|
53
|
-
},
|
|
31
|
+
}, /* @__PURE__ */ React2.createElement(Component, {
|
|
32
|
+
...props
|
|
33
|
+
}));
|
|
34
|
+
};
|
|
35
|
+
export {
|
|
36
|
+
withDnDSortableColumnContext
|
|
54
37
|
};
|
|
55
|
-
|
|
56
|
-
export { withDnDSortableColumnContext };
|
|
38
|
+
//# sourceMappingURL=withDnDSortableColumnContext.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/HoC/withDnDSortableColumnContext.tsx"],
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext, useMemo } from 'react';\nimport { useSortable } from '@dnd-kit/sortable';\nimport { DataTableContext } from '../../DataTableContext';\nimport { FunctionalHOC } from '../../types/FunctionalHoC';\nimport { DnDGroupContext } from './withConditionalDnDColumnContext';\nimport { SortableItemContext, DropIndicatorPosition, SortableItemContextType } from './SortableItemContext';\n\nexport const withDnDSortableColumnContext: FunctionalHOC = (Component) => (props: any) => {\n const {\n tableProps: { dragAndDropColumns },\n } = useContext(DataTableContext);\n const { activeIndex } = useContext(DnDGroupContext);\n\n // onMount generate unique options, so everyting is only ran once\n const draggableOptions = useMemo(\n () => ({\n id: props.header.id,\n }),\n [props.header.id],\n );\n\n const useSortableHelpers = useSortable(draggableOptions);\n\n // calculate all the \"useSortable\" values as per required\n const draggableProps = useMemo(() => {\n if (!dragAndDropColumns) return false;\n\n const { index, overIndex } = useSortableHelpers;\n\n return {\n ...useSortableHelpers,\n shouldShowDropIndicatorPosition: overIndex === index && overIndex !== -1,\n dropIndicatorPosition: index > activeIndex ? DropIndicatorPosition.After : DropIndicatorPosition.Before,\n };\n }, [useSortableHelpers, dragAndDropColumns, activeIndex]);\n // we use a context so we can easly access information wherever without bubbling down\n // this context is all Memoized so as long as component is not re-mounted,\n // the context won't trigger un-required renders per-se...\n const ctx: SortableItemContextType = useMemo(\n () => ({\n draggableProps,\n }),\n [draggableProps],\n );\n // we always add the context, if draggableProps===false we don't have the DnD enabled.\n return (\n <SortableItemContext.Provider value={ctx}>\n <Component {...props} />\n </SortableItemContext.Provider>\n );\n};\n"],
|
|
5
|
+
"mappings": "AAAA;ACAA;AACA;AACA;AAEA;AACA;AAEO,MAAM,+BAA8C,CAAC,cAAc,CAAC,UAAe;AACxF,QAAM;AAAA,IACJ,YAAY,EAAE;AAAA,MACZ,WAAW;AACf,QAAM,EAAE,gBAAgB,WAAW;AAGnC,QAAM,mBAAmB,QACvB,MAAO;AAAA,IACL,IAAI,MAAM,OAAO;AAAA,MAEnB,CAAC,MAAM,OAAO;AAGhB,QAAM,qBAAqB,YAAY;AAGvC,QAAM,iBAAiB,QAAQ,MAAM;AACnC,QAAI,CAAC;AAAoB,aAAO;AAEhC,UAAM,EAAE,OAAO,cAAc;AAE7B,WAAO;AAAA,SACF;AAAA,MACH,iCAAiC,cAAc,SAAS,cAAc;AAAA,MACtE,uBAAuB,QAAQ,cAAc,sBAAsB,QAAQ,sBAAsB;AAAA;AAAA,KAElG,CAAC,oBAAoB,oBAAoB;AAI5C,QAAM,MAA+B,QACnC,MAAO;AAAA,IACL;AAAA,MAEF,CAAC;AAGH,SACE,qCAAC,oBAAoB,UAArB;AAAA,IAA8B,OAAO;AAAA,KACnC,qCAAC,WAAD;AAAA,OAAe;AAAA;AAAA;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -1,60 +1,40 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
|
|
8
|
-
import { useContext, useMemo } from 'react';
|
|
9
|
-
import { useSortable } from '@dnd-kit/sortable';
|
|
10
|
-
import DataTableContext from '../../DataTableContext.js';
|
|
11
|
-
import { DnDTreeContext } from './withConditionalDnDRowContext.js';
|
|
12
|
-
import { SortableItemContext } from './SortableItemContext.js';
|
|
13
|
-
import { jsx } from 'react/jsx-runtime';
|
|
14
|
-
|
|
15
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
16
|
-
|
|
17
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
18
|
-
const withDnDSortableRowContext = Component => props => {
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import React2, { useContext, useMemo } from "react";
|
|
3
|
+
import { useSortable } from "@dnd-kit/sortable";
|
|
4
|
+
import { DataTableContext } from "../../DataTableContext";
|
|
5
|
+
import { DnDTreeContext } from "./withConditionalDnDRowContext";
|
|
6
|
+
import { SortableItemContext } from "./SortableItemContext";
|
|
7
|
+
const withDnDSortableRowContext = (Component) => (props) => {
|
|
19
8
|
const {
|
|
20
|
-
tableProps: {
|
|
21
|
-
dragAndDropRows
|
|
22
|
-
}
|
|
9
|
+
tableProps: { dragAndDropRows }
|
|
23
10
|
} = useContext(DataTableContext);
|
|
24
|
-
const {
|
|
25
|
-
dropIndicatorPosition,
|
|
26
|
-
lastActiveId,
|
|
27
|
-
setLastActiveId
|
|
28
|
-
} = useContext(DnDTreeContext); // onMount generate unique options, so everyting is only ran once
|
|
29
|
-
|
|
11
|
+
const { dropIndicatorPosition, lastActiveId, setLastActiveId } = useContext(DnDTreeContext);
|
|
30
12
|
const draggableOptions = useMemo(() => ({
|
|
31
13
|
id: props.row.uid
|
|
32
14
|
}), [props.row]);
|
|
33
|
-
const useSortableHelpers = useSortable(draggableOptions);
|
|
34
|
-
|
|
15
|
+
const useSortableHelpers = useSortable(draggableOptions);
|
|
35
16
|
const draggableProps = useMemo(() => {
|
|
36
|
-
if (!dragAndDropRows)
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
return _objectSpread(_objectSpread({}, useSortableHelpers), {}, {
|
|
17
|
+
if (!dragAndDropRows)
|
|
18
|
+
return false;
|
|
19
|
+
const { index, overIndex } = useSortableHelpers;
|
|
20
|
+
return {
|
|
21
|
+
...useSortableHelpers,
|
|
42
22
|
shouldShowDropIndicatorPosition: overIndex === index,
|
|
43
23
|
dropIndicatorPosition,
|
|
44
24
|
lastActiveId,
|
|
45
25
|
setLastActiveId
|
|
46
|
-
}
|
|
47
|
-
}, [dragAndDropRows, useSortableHelpers, dropIndicatorPosition, lastActiveId, setLastActiveId]);
|
|
48
|
-
// this context is all Memoized so as long as component is not re-mounted,
|
|
49
|
-
// the context won't trigger un-required renders per-se...
|
|
50
|
-
|
|
26
|
+
};
|
|
27
|
+
}, [dragAndDropRows, useSortableHelpers, dropIndicatorPosition, lastActiveId, setLastActiveId]);
|
|
51
28
|
const ctx = useMemo(() => ({
|
|
52
29
|
draggableProps
|
|
53
|
-
}), [draggableProps]);
|
|
54
|
-
|
|
55
|
-
return /*#__PURE__*/_jsx(SortableItemContext.Provider, {
|
|
30
|
+
}), [draggableProps]);
|
|
31
|
+
return /* @__PURE__ */ React2.createElement(SortableItemContext.Provider, {
|
|
56
32
|
value: ctx
|
|
57
|
-
},
|
|
33
|
+
}, /* @__PURE__ */ React2.createElement(Component, {
|
|
34
|
+
...props
|
|
35
|
+
}));
|
|
36
|
+
};
|
|
37
|
+
export {
|
|
38
|
+
withDnDSortableRowContext
|
|
58
39
|
};
|
|
59
|
-
|
|
60
|
-
export { withDnDSortableRowContext };
|
|
40
|
+
//# sourceMappingURL=withDnDSortableRowContext.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/HoC/withDnDSortableRowContext.tsx"],
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { cloneElement, useContext, useEffect, useMemo } from 'react';\nimport { useSortable } from '@dnd-kit/sortable';\nimport { DataTableContext } from '../../DataTableContext';\nimport { DnDTreeContext } from './withConditionalDnDRowContext';\nimport { FunctionalHOC } from '../../types/FunctionalHoC';\nimport { SortableItemContext, SortableItemContextType } from './SortableItemContext';\n\nexport const withDnDSortableRowContext: FunctionalHOC = (Component) => (props: any) => {\n const {\n tableProps: { dragAndDropRows },\n } = useContext(DataTableContext);\n const { dropIndicatorPosition, lastActiveId, setLastActiveId } = useContext(DnDTreeContext);\n\n // onMount generate unique options, so everyting is only ran once\n const draggableOptions = useMemo(\n () => ({\n id: props.row.uid,\n }),\n [props.row],\n );\n\n const useSortableHelpers = useSortable(draggableOptions);\n\n // calculate all the \"useSortable\" values as per required\n const draggableProps = useMemo(() => {\n if (!dragAndDropRows) return false;\n\n const { index, overIndex } = useSortableHelpers;\n\n return {\n ...useSortableHelpers,\n shouldShowDropIndicatorPosition: overIndex === index,\n dropIndicatorPosition,\n lastActiveId,\n setLastActiveId,\n };\n }, [dragAndDropRows, useSortableHelpers, dropIndicatorPosition, lastActiveId, setLastActiveId]);\n\n // we use a context so we can easly access information wherever without bubbling down\n // this context is all Memoized so as long as component is not re-mounted,\n // the context won't trigger un-required renders per-se...\n const ctx: SortableItemContextType = useMemo(\n () => ({\n draggableProps,\n }),\n [draggableProps],\n );\n // we always add the context, if draggableProps===false we don't have the DnD enabled.\n return (\n <SortableItemContext.Provider value={ctx}>\n <Component {...props} />\n </SortableItemContext.Provider>\n );\n};\n"],
|
|
5
|
+
"mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA;AAEO,MAAM,4BAA2C,CAAC,cAAc,CAAC,UAAe;AACrF,QAAM;AAAA,IACJ,YAAY,EAAE;AAAA,MACZ,WAAW;AACf,QAAM,EAAE,uBAAuB,cAAc,oBAAoB,WAAW;AAG5E,QAAM,mBAAmB,QACvB,MAAO;AAAA,IACL,IAAI,MAAM,IAAI;AAAA,MAEhB,CAAC,MAAM;AAGT,QAAM,qBAAqB,YAAY;AAGvC,QAAM,iBAAiB,QAAQ,MAAM;AACnC,QAAI,CAAC;AAAiB,aAAO;AAE7B,UAAM,EAAE,OAAO,cAAc;AAE7B,WAAO;AAAA,SACF;AAAA,MACH,iCAAiC,cAAc;AAAA,MAC/C;AAAA,MACA;AAAA,MACA;AAAA;AAAA,KAED,CAAC,iBAAiB,oBAAoB,uBAAuB,cAAc;AAK9E,QAAM,MAA+B,QACnC,MAAO;AAAA,IACL;AAAA,MAEF,CAAC;AAGH,SACE,qCAAC,oBAAoB,UAArB;AAAA,IAA8B,OAAO;AAAA,KACnC,qCAAC,WAAD;AAAA,OAAe;AAAA;AAAA;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
package/esm/parts/Loader.js
CHANGED
|
@@ -1,28 +1,27 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { memo } from
|
|
3
|
-
import Grid from
|
|
4
|
-
import { DSCircularProgressIndicator } from
|
|
5
|
-
import styled from
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
style: {
|
|
14
|
-
height: '100%',
|
|
15
|
-
maxHeight: '500px'
|
|
16
|
-
},
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import React2, { memo } from "react";
|
|
3
|
+
import { Grid } from "@elliemae/ds-grid";
|
|
4
|
+
import { DSCircularProgressIndicator } from "@elliemae/ds-circular-progress-indicator";
|
|
5
|
+
import styled from "styled-components";
|
|
6
|
+
const StyledLoaderWrapper = styled(Grid)`
|
|
7
|
+
place-items: center;
|
|
8
|
+
z-index: 0;
|
|
9
|
+
background-color: white;
|
|
10
|
+
`;
|
|
11
|
+
const Loader = () => /* @__PURE__ */ React2.createElement(StyledLoaderWrapper, {
|
|
12
|
+
style: { height: "100%", maxHeight: "500px" },
|
|
17
13
|
"aria-live": "polite"
|
|
18
|
-
},
|
|
14
|
+
}, /* @__PURE__ */ React2.createElement(DSCircularProgressIndicator, {
|
|
19
15
|
size: "xl",
|
|
20
16
|
loading: true,
|
|
21
17
|
showLabel: true,
|
|
22
18
|
waiting: false,
|
|
23
19
|
showTooltip: false
|
|
24
|
-
}))
|
|
25
|
-
|
|
26
|
-
var
|
|
27
|
-
|
|
28
|
-
|
|
20
|
+
}));
|
|
21
|
+
const MemoizedLoader = memo(Loader);
|
|
22
|
+
var Loader_default = MemoizedLoader;
|
|
23
|
+
export {
|
|
24
|
+
MemoizedLoader,
|
|
25
|
+
Loader_default as default
|
|
26
|
+
};
|
|
27
|
+
//# sourceMappingURL=Loader.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/Loader.tsx"],
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { memo } from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSCircularProgressIndicator } from '@elliemae/ds-circular-progress-indicator';\nimport styled from 'styled-components';\n\nconst StyledLoaderWrapper = styled(Grid)`\n place-items: center;\n z-index: 0;\n background-color: white;\n`;\n\nconst Loader = () => (\n <StyledLoaderWrapper style={{ height: '100%', maxHeight: '500px' }} aria-live=\"polite\">\n <DSCircularProgressIndicator size=\"xl\" loading showLabel waiting={false} showTooltip={false} />\n </StyledLoaderWrapper>\n);\n\nexport const MemoizedLoader = memo(Loader);\nexport default MemoizedLoader;\n"],
|
|
5
|
+
"mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA,MAAM,sBAAsB,OAAO;AAAA;AAAA;AAAA;AAAA;AAMnC,MAAM,SAAS,MACb,qCAAC,qBAAD;AAAA,EAAqB,OAAO,EAAE,QAAQ,QAAQ,WAAW;AAAA,EAAW,aAAU;AAAA,GAC5E,qCAAC,6BAAD;AAAA,EAA6B,MAAK;AAAA,EAAK,SAAO;AAAA,EAAC,WAAS;AAAA,EAAC,SAAS;AAAA,EAAO,aAAa;AAAA;AAInF,MAAM,iBAAiB,KAAK;AACnC,IAAO,iBAAQ;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
package/esm/parts/Row.js
CHANGED
|
@@ -1,61 +1,46 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import '../configs/constants.js';
|
|
10
|
-
import { setMultipleRefs } from '../helpers/refs-helpers.js';
|
|
11
|
-
import 'core-js/modules/esnext.async-iterator.map.js';
|
|
12
|
-
import 'core-js/modules/esnext.iterator.map.js';
|
|
13
|
-
import { SortableItemContext } from './HoC/SortableItemContext.js';
|
|
14
|
-
import { withDnDSortableRowContext } from './HoC/withDnDSortableRowContext.js';
|
|
15
|
-
import { RowVariantMapItem } from './RowVariants/index.js';
|
|
16
|
-
import { jsx } from 'react/jsx-runtime';
|
|
17
|
-
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import React2, { useContext } from "react";
|
|
3
|
+
import { connect } from "react-redux";
|
|
4
|
+
import { DataTableContext } from "../DataTableContext";
|
|
5
|
+
import { setMultipleRefs } from "../helpers";
|
|
6
|
+
import { SortableItemContext } from "./HoC/SortableItemContext";
|
|
7
|
+
import { withDnDSortableRowContext } from "./HoC/withDnDSortableRowContext";
|
|
8
|
+
import { RowVariantMapItem } from "./RowVariants";
|
|
18
9
|
const setItemRefs = (measureRef, draggableRef, ref) => {
|
|
19
10
|
const refsToSet = [];
|
|
20
|
-
if (measureRef)
|
|
21
|
-
|
|
11
|
+
if (measureRef)
|
|
12
|
+
refsToSet.push(measureRef);
|
|
13
|
+
if (draggableRef)
|
|
14
|
+
refsToSet.push(draggableRef);
|
|
22
15
|
setMultipleRefs(...refsToSet)(ref);
|
|
23
16
|
};
|
|
24
|
-
|
|
25
|
-
const
|
|
26
|
-
const
|
|
17
|
+
const RowComp = (props) => {
|
|
18
|
+
const { row, measureRef, itemWrapperStyle, isDragOverlay, focusedRowId, selectedRowId } = props;
|
|
19
|
+
const ctx = useContext(DataTableContext);
|
|
20
|
+
const { draggableProps } = useContext(SortableItemContext);
|
|
21
|
+
const draggableRef = draggableProps && draggableProps.setNodeRef;
|
|
22
|
+
return /* @__PURE__ */ React2.createElement("div", {
|
|
23
|
+
style: !isDragOverlay ? itemWrapperStyle : {},
|
|
24
|
+
ref: (ref) => setItemRefs(measureRef, draggableRef, ref)
|
|
25
|
+
}, /* @__PURE__ */ React2.createElement(RowVariantMapItem, {
|
|
27
26
|
row,
|
|
28
|
-
|
|
29
|
-
itemWrapperStyle,
|
|
27
|
+
itemIndex: row.realIndex,
|
|
30
28
|
isDragOverlay,
|
|
29
|
+
ctx,
|
|
31
30
|
focusedRowId,
|
|
32
31
|
selectedRowId
|
|
33
|
-
}
|
|
34
|
-
const ctx = useContext(DataTableContext);
|
|
35
|
-
const {
|
|
36
|
-
draggableProps
|
|
37
|
-
} = useContext(SortableItemContext);
|
|
38
|
-
const draggableRef = draggableProps && draggableProps.setNodeRef;
|
|
39
|
-
return /*#__PURE__*/jsx("div", {
|
|
40
|
-
style: !isDragOverlay ? itemWrapperStyle : {},
|
|
41
|
-
ref: ref => setItemRefs(measureRef, draggableRef, ref),
|
|
42
|
-
children: /*#__PURE__*/_jsx(RowVariantMapItem, {
|
|
43
|
-
row: row,
|
|
44
|
-
itemIndex: row.realIndex,
|
|
45
|
-
isDragOverlay: isDragOverlay,
|
|
46
|
-
ctx: ctx,
|
|
47
|
-
focusedRowId: focusedRowId,
|
|
48
|
-
selectedRowId: selectedRowId
|
|
49
|
-
})
|
|
50
|
-
});
|
|
32
|
+
}));
|
|
51
33
|
};
|
|
52
|
-
|
|
53
|
-
const mapStateToProps = state => ({
|
|
34
|
+
const mapStateToProps = (state) => ({
|
|
54
35
|
focusedRowId: state.rows.focusedRowId,
|
|
55
36
|
selectedRowId: state.rows.selectedRowId
|
|
56
37
|
});
|
|
57
|
-
|
|
58
38
|
const Row = connect(mapStateToProps)(RowComp);
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
export {
|
|
39
|
+
const RowWithContext = withDnDSortableRowContext(Row);
|
|
40
|
+
var Row_default = RowWithContext;
|
|
41
|
+
export {
|
|
42
|
+
Row,
|
|
43
|
+
RowWithContext,
|
|
44
|
+
Row_default as default
|
|
45
|
+
};
|
|
46
|
+
//# sourceMappingURL=Row.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/Row.tsx"],
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React, { useContext } from 'react';\nimport { connect } from 'react-redux';\nimport { DataTableContext } from '../DataTableContext';\nimport { setMultipleRefs } from '../helpers';\nimport { SortableItemContext } from './HoC/SortableItemContext';\nimport { withDnDSortableRowContext } from './HoC/withDnDSortableRowContext';\nimport { RowVariantMapItem } from './RowVariants';\n\n// Sortable Items needs to update\n// - the virtual list ref (for react-virtual requirement)\n// - (conditionally) draggableProps.setNodeRef for drag and drop of rows\nconst setItemRefs = (measureRef, draggableRef, ref) => {\n const refsToSet = [];\n if (measureRef) refsToSet.push(measureRef);\n if (draggableRef) refsToSet.push(draggableRef);\n setMultipleRefs(...refsToSet)(ref);\n};\n\nconst RowComp = (props) => {\n const { row, measureRef, itemWrapperStyle, isDragOverlay, focusedRowId, selectedRowId } = props;\n\n const ctx = useContext(DataTableContext);\n const { draggableProps } = useContext(SortableItemContext);\n const draggableRef = draggableProps && draggableProps.setNodeRef;\n\n return (\n <div style={!isDragOverlay ? itemWrapperStyle : {}} ref={(ref) => setItemRefs(measureRef, draggableRef, ref)}>\n <RowVariantMapItem\n row={row}\n itemIndex={row.realIndex}\n isDragOverlay={isDragOverlay}\n ctx={ctx}\n focusedRowId={focusedRowId}\n selectedRowId={selectedRowId}\n />\n </div>\n );\n};\n\nconst mapStateToProps = (state) => ({\n focusedRowId: state.rows.focusedRowId,\n selectedRowId: state.rows.selectedRowId,\n});\n\nexport const Row = connect(mapStateToProps)(RowComp);\n\nconst RowWithContext = withDnDSortableRowContext(Row);\nexport { RowWithContext };\nexport default RowWithContext;\n"],
|
|
5
|
+
"mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AACA;AAKA,MAAM,cAAc,CAAC,YAAY,cAAc,QAAQ;AACrD,QAAM,YAAY;AAClB,MAAI;AAAY,cAAU,KAAK;AAC/B,MAAI;AAAc,cAAU,KAAK;AACjC,kBAAgB,GAAG,WAAW;AAAA;AAGhC,MAAM,UAAU,CAAC,UAAU;AACzB,QAAM,EAAE,KAAK,YAAY,kBAAkB,eAAe,cAAc,kBAAkB;AAE1F,QAAM,MAAM,WAAW;AACvB,QAAM,EAAE,mBAAmB,WAAW;AACtC,QAAM,eAAe,kBAAkB,eAAe;AAEtD,SACE,qCAAC,OAAD;AAAA,IAAK,OAAO,CAAC,gBAAgB,mBAAmB;AAAA,IAAI,KAAK,CAAC,QAAQ,YAAY,YAAY,cAAc;AAAA,KACtG,qCAAC,mBAAD;AAAA,IACE;AAAA,IACA,WAAW,IAAI;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAMR,MAAM,kBAAkB,CAAC,UAAW;AAAA,EAClC,cAAc,MAAM,KAAK;AAAA,EACzB,eAAe,MAAM,KAAK;AAAA;AAGrB,MAAM,MAAM,QAAQ,iBAAiB;AAE5C,MAAM,iBAAiB,0BAA0B;AAEjD,IAAO,cAAQ;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
package/esm/parts/RowLoading.js
CHANGED
|
@@ -1,49 +1,30 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { useMemo } from
|
|
3
|
-
import DSIndeterminateProgressIndicator from
|
|
4
|
-
import Grid from
|
|
5
|
-
import styled from
|
|
6
|
-
import { DATA_TESTID } from
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
import 'core-js/modules/esnext.iterator.for-each.js';
|
|
16
|
-
import '../configs/useRowFlattenization.js';
|
|
17
|
-
import '@babel/runtime/helpers/esm/defineProperty';
|
|
18
|
-
import 'core-js/modules/esnext.async-iterator.map.js';
|
|
19
|
-
import 'core-js/modules/esnext.iterator.map.js';
|
|
20
|
-
import '@elliemae/ds-icons';
|
|
21
|
-
import '../styled.js';
|
|
22
|
-
import 'react/jsx-runtime';
|
|
23
|
-
import '@elliemae/ds-form';
|
|
24
|
-
import './TableContent.js';
|
|
25
|
-
import '@elliemae/ds-circular-progress-indicator';
|
|
26
|
-
import '@elliemae/ds-system';
|
|
27
|
-
import '@elliemae/ds-button';
|
|
28
|
-
import '../DataTableContext.js';
|
|
29
|
-
import './Row.js';
|
|
30
|
-
import './Footer.js';
|
|
31
|
-
import './HoC/SortableItemContext.js';
|
|
32
|
-
|
|
33
|
-
var _DSIndeterminateProgr;
|
|
34
|
-
const StyledRowLoadingContainer = /*#__PURE__*/styled(Grid).withConfig({
|
|
35
|
-
componentId: "sc-1jmutz9-0"
|
|
36
|
-
})(["position:absolute;bottom:-40px;left:0;width:100%;place-items:center;background-color:white;"]);
|
|
37
|
-
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import React2, { useMemo } from "react";
|
|
3
|
+
import { DSIndeterminateProgressIndicator } from "@elliemae/ds-indeterminate-progress-indicator";
|
|
4
|
+
import { Grid } from "@elliemae/ds-grid";
|
|
5
|
+
import styled from "styled-components";
|
|
6
|
+
import { DATA_TESTID } from "../configs/constants";
|
|
7
|
+
const StyledRowLoadingContainer = styled(Grid)`
|
|
8
|
+
position: absolute;
|
|
9
|
+
bottom: -40px;
|
|
10
|
+
left: 0;
|
|
11
|
+
width: 100%;
|
|
12
|
+
place-items: center;
|
|
13
|
+
background-color: white;
|
|
14
|
+
`;
|
|
38
15
|
const RowLoading = () => {
|
|
39
|
-
const PureLoading = useMemo(() =>
|
|
16
|
+
const PureLoading = useMemo(() => /* @__PURE__ */ React2.createElement(StyledRowLoadingContainer, {
|
|
40
17
|
role: "row",
|
|
41
18
|
"data-testid": DATA_TESTID.DATA_TABLE_ROW
|
|
42
|
-
},
|
|
19
|
+
}, /* @__PURE__ */ React2.createElement(DSIndeterminateProgressIndicator, {
|
|
43
20
|
processing: true,
|
|
44
21
|
title: "Loading"
|
|
45
|
-
}))
|
|
22
|
+
})), []);
|
|
46
23
|
return PureLoading;
|
|
47
24
|
};
|
|
48
|
-
|
|
49
|
-
export {
|
|
25
|
+
var RowLoading_default = RowLoading;
|
|
26
|
+
export {
|
|
27
|
+
RowLoading,
|
|
28
|
+
RowLoading_default as default
|
|
29
|
+
};
|
|
30
|
+
//# sourceMappingURL=RowLoading.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/RowLoading.tsx"],
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useMemo } from 'react';\nimport { DSIndeterminateProgressIndicator } from '@elliemae/ds-indeterminate-progress-indicator';\nimport { Grid } from '@elliemae/ds-grid';\nimport styled from 'styled-components';\nimport { DATA_TESTID } from '../configs/constants';\n\nconst StyledRowLoadingContainer = styled(Grid)`\n position: absolute;\n bottom: -40px;\n left: 0;\n width: 100%;\n place-items: center;\n background-color: white;\n`;\n\nconst RowLoading: React.ComponentType = () => {\n const PureLoading = useMemo(\n () => (\n <StyledRowLoadingContainer role=\"row\" data-testid={DATA_TESTID.DATA_TABLE_ROW}>\n <DSIndeterminateProgressIndicator processing title=\"Loading\" />\n </StyledRowLoadingContainer>\n ),\n [],\n );\n\n return PureLoading;\n};\n\nexport { RowLoading };\nexport default RowLoading;\n"],
|
|
5
|
+
"mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AAEA,MAAM,4BAA4B,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASzC,MAAM,aAAkC,MAAM;AAC5C,QAAM,cAAc,QAClB,MACE,qCAAC,2BAAD;AAAA,IAA2B,MAAK;AAAA,IAAM,eAAa,YAAY;AAAA,KAC7D,qCAAC,kCAAD;AAAA,IAAkC,YAAU;AAAA,IAAC,OAAM;AAAA,OAGvD;AAGF,SAAO;AAAA;AAIT,IAAO,qBAAQ;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|