@elliemae/ds-data-table 2.2.0-next.4 → 2.3.0-alpha.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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 +150 -112
- 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 +48 -40
- 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 +108 -95
- 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 +16 -33
- 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 +1 -1
- package/types/DataTableContext.d.ts +1 -0
- 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,61 +1,57 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
const augmentColumns = columns => {
|
|
22
|
-
const augmentColumn = function (column, index) {
|
|
23
|
-
let parentId = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
|
|
24
|
-
let depth = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
|
|
25
|
-
let id = "column".concat(index);
|
|
26
|
-
if (typeof column.Header === 'string') id = column.Header;
|
|
27
|
-
if (typeof column.accessor === 'string') id = column.accessor;
|
|
28
|
-
if (column.columns) column.columns = column.columns.map((col, i) => augmentColumn(col, i, id, depth + 1));
|
|
29
|
-
return _objectSpread(_objectSpread({
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { createRef, useMemo } from "react";
|
|
3
|
+
import {
|
|
4
|
+
dragHandleColumn,
|
|
5
|
+
expandRowColumn,
|
|
6
|
+
actionColumn,
|
|
7
|
+
singleSelectColumn,
|
|
8
|
+
multiSelectColumn
|
|
9
|
+
} from "../addons/Columns";
|
|
10
|
+
const augmentColumns = (columns) => {
|
|
11
|
+
const augmentColumn = (column, index, parentId = null, depth = 0) => {
|
|
12
|
+
let id = `column${index}`;
|
|
13
|
+
if (typeof column.Header === "string")
|
|
14
|
+
id = column.Header;
|
|
15
|
+
if (typeof column.accessor === "string")
|
|
16
|
+
id = column.accessor;
|
|
17
|
+
if (column.columns)
|
|
18
|
+
column.columns = column.columns.map((col, i) => augmentColumn(col, i, id, depth + 1));
|
|
19
|
+
return {
|
|
30
20
|
id,
|
|
31
21
|
parentId,
|
|
32
|
-
depth
|
|
33
|
-
|
|
34
|
-
ref:
|
|
35
|
-
}
|
|
22
|
+
depth,
|
|
23
|
+
...column,
|
|
24
|
+
ref: createRef()
|
|
25
|
+
};
|
|
36
26
|
};
|
|
37
|
-
|
|
38
27
|
return columns.map((col, index) => augmentColumn(col, index));
|
|
39
28
|
};
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
if (
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
29
|
+
const useTableColsWithAddons = ({
|
|
30
|
+
columns,
|
|
31
|
+
renderRowActions,
|
|
32
|
+
isExpandable,
|
|
33
|
+
selectSingle,
|
|
34
|
+
selection,
|
|
35
|
+
dragAndDropRows,
|
|
36
|
+
noSelectionColumn
|
|
37
|
+
}) => useMemo(() => {
|
|
38
|
+
const columnsWithAddons = [...augmentColumns(columns)];
|
|
39
|
+
if (isExpandable)
|
|
40
|
+
columnsWithAddons.unshift(expandRowColumn);
|
|
41
|
+
if (selection && !noSelectionColumn)
|
|
42
|
+
if (selectSingle)
|
|
43
|
+
columnsWithAddons.unshift(singleSelectColumn);
|
|
44
|
+
else
|
|
45
|
+
columnsWithAddons.unshift(multiSelectColumn);
|
|
46
|
+
if (dragAndDropRows)
|
|
47
|
+
columnsWithAddons.unshift(dragHandleColumn);
|
|
48
|
+
if (renderRowActions)
|
|
49
|
+
columnsWithAddons.push(actionColumn(renderRowActions));
|
|
50
|
+
return columnsWithAddons;
|
|
51
|
+
}, [columns, isExpandable, selection, noSelectionColumn, selectSingle, dragAndDropRows, renderRowActions]);
|
|
52
|
+
var useTableColsWithAddons_default = useTableColsWithAddons;
|
|
53
|
+
export {
|
|
54
|
+
useTableColsWithAddons_default as default,
|
|
55
|
+
useTableColsWithAddons
|
|
59
56
|
};
|
|
60
|
-
|
|
61
|
-
export { useTableColsWithAddons as default };
|
|
57
|
+
//# sourceMappingURL=useTableColsWithAddons.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/configs/useTableColsWithAddons.tsx"],
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-params */\nimport { createRef, useMemo } from 'react';\nimport { TypescriptColumn, TypescriptProps } from '../types/props';\n\nimport {\n dragHandleColumn,\n expandRowColumn,\n actionColumn,\n singleSelectColumn,\n multiSelectColumn,\n} from '../addons/Columns';\n\ntype useTableColsWithAddonsType = (config: TypescriptProps) => TypescriptColumn[];\n\nconst augmentColumns = (columns: TypescriptColumn[]): TypescriptColumn[] => {\n const augmentColumn = (column: TypescriptColumn, index: number, parentId = null, depth = 0) => {\n let id = `column${index}`;\n if (typeof column.Header === 'string') id = column.Header;\n if (typeof column.accessor === 'string') id = column.accessor;\n if (column.columns) column.columns = column.columns.map((col, i) => augmentColumn(col, i, id, depth + 1));\n return {\n id,\n parentId,\n depth,\n ...column,\n ref: createRef<HTMLTableColElement>(),\n };\n };\n return columns.map((col, index) => augmentColumn(col, index));\n};\n\nconst useTableColsWithAddons: useTableColsWithAddonsType = ({\n columns,\n renderRowActions,\n isExpandable,\n selectSingle,\n selection,\n dragAndDropRows,\n noSelectionColumn,\n}) =>\n useMemo(() => {\n const columnsWithAddons = [...augmentColumns(columns)];\n\n if (isExpandable) columnsWithAddons.unshift(expandRowColumn);\n if (selection && !noSelectionColumn)\n if (selectSingle) columnsWithAddons.unshift(singleSelectColumn);\n else columnsWithAddons.unshift(multiSelectColumn);\n if (dragAndDropRows) columnsWithAddons.unshift(dragHandleColumn);\n if (renderRowActions) columnsWithAddons.push(actionColumn(renderRowActions));\n\n return columnsWithAddons;\n }, [columns, isExpandable, selection, noSelectionColumn, selectSingle, dragAndDropRows, renderRowActions]);\n\nexport { useTableColsWithAddons };\nexport default useTableColsWithAddons;\n"],
|
|
5
|
+
"mappings": "AAAA;ACCA;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUA,MAAM,iBAAiB,CAAC,YAAoD;AAC1E,QAAM,gBAAgB,CAAC,QAA0B,OAAe,WAAW,MAAM,QAAQ,MAAM;AAC7F,QAAI,KAAK,SAAS;AAClB,QAAI,OAAO,OAAO,WAAW;AAAU,WAAK,OAAO;AACnD,QAAI,OAAO,OAAO,aAAa;AAAU,WAAK,OAAO;AACrD,QAAI,OAAO;AAAS,aAAO,UAAU,OAAO,QAAQ,IAAI,CAAC,KAAK,MAAM,cAAc,KAAK,GAAG,IAAI,QAAQ;AACtG,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,SACG;AAAA,MACH,KAAK;AAAA;AAAA;AAGT,SAAO,QAAQ,IAAI,CAAC,KAAK,UAAU,cAAc,KAAK;AAAA;AAGxD,MAAM,yBAAqD,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MAEA,QAAQ,MAAM;AACZ,QAAM,oBAAoB,CAAC,GAAG,eAAe;AAE7C,MAAI;AAAc,sBAAkB,QAAQ;AAC5C,MAAI,aAAa,CAAC;AAChB,QAAI;AAAc,wBAAkB,QAAQ;AAAA;AACvC,wBAAkB,QAAQ;AACjC,MAAI;AAAiB,sBAAkB,QAAQ;AAC/C,MAAI;AAAkB,sBAAkB,KAAK,aAAa;AAE1D,SAAO;AAAA,GACN,CAAC,SAAS,cAAc,WAAW,mBAAmB,cAAc,iBAAiB;AAG1F,IAAO,iCAAQ;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import * as React from "react";
|
|
1
2
|
const ZIndexDataTable = {
|
|
2
3
|
ROW: 0,
|
|
3
4
|
EXTERNAL: 0,
|
|
@@ -6,5 +7,7 @@ const ZIndexDataTable = {
|
|
|
6
7
|
DROP_INDICATOR: 6,
|
|
7
8
|
FOCUS_BORDER: 7
|
|
8
9
|
};
|
|
9
|
-
|
|
10
|
-
|
|
10
|
+
export {
|
|
11
|
+
ZIndexDataTable
|
|
12
|
+
};
|
|
13
|
+
//# sourceMappingURL=zIndexInternalConfig.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/configs/zIndexInternalConfig.tsx"],
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const ZIndexDataTable = {\n ROW: 0,\n EXTERNAL: 0,\n HEADER_ROW: 0,\n ROW_HOVER: 1,\n DROP_INDICATOR: 6,\n FOCUS_BORDER: 7,\n};\n"],
|
|
5
|
+
"mappings": "AAAA;ACAO,MAAM,kBAAkB;AAAA,EAC7B,KAAK;AAAA,EACL,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,cAAc;AAAA;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -1,58 +1,43 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import {
|
|
5
|
-
import DataTableContext from
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
const EditableCell = props => {
|
|
10
|
-
const {
|
|
11
|
-
StandardRender,
|
|
12
|
-
EditableRenderer,
|
|
13
|
-
cell,
|
|
14
|
-
isRowSelected,
|
|
15
|
-
setValue
|
|
16
|
-
} = props;
|
|
17
|
-
const {
|
|
18
|
-
virtualListHelpers
|
|
19
|
-
} = useContext(DataTableContext);
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import React2, { useState, useCallback, useContext, useLayoutEffect } from "react";
|
|
3
|
+
import PropTypes from "prop-types";
|
|
4
|
+
import { StyledPencilIcon, StyledEditableContainer } from "../styled";
|
|
5
|
+
import { DataTableContext } from "../DataTableContext";
|
|
6
|
+
const EditableCell = (props) => {
|
|
7
|
+
const { StandardRender, EditableRenderer, cell, isRowSelected, setValue } = props;
|
|
8
|
+
const { virtualListHelpers } = useContext(DataTableContext);
|
|
20
9
|
const [isEditing, setIsEditing] = useState(false);
|
|
21
|
-
const [lastIsEditing, setLastIsEditing] = useState(false);
|
|
22
|
-
|
|
10
|
+
const [lastIsEditing, setLastIsEditing] = useState(false);
|
|
23
11
|
useLayoutEffect(() => {
|
|
24
12
|
if (isEditing !== lastIsEditing) {
|
|
25
13
|
virtualListHelpers.measure();
|
|
26
14
|
setLastIsEditing(isEditing);
|
|
27
|
-
}
|
|
28
|
-
|
|
15
|
+
}
|
|
29
16
|
}, [isEditing]);
|
|
30
|
-
const handleCellClick = useCallback(e => {
|
|
17
|
+
const handleCellClick = useCallback((e) => {
|
|
31
18
|
if (!isEditing) {
|
|
32
19
|
e.stopPropagation();
|
|
33
20
|
setIsEditing(true);
|
|
34
21
|
}
|
|
35
22
|
}, [isEditing]);
|
|
36
|
-
const handleOnKeyDown = useCallback(e => {
|
|
23
|
+
const handleOnKeyDown = useCallback((e) => {
|
|
37
24
|
if (isEditing) {
|
|
38
25
|
e.stopPropagation();
|
|
39
|
-
|
|
40
|
-
if (['Enter', 'Escape'].includes(e.code)) {
|
|
26
|
+
if (["Enter", "Escape"].includes(e.code)) {
|
|
41
27
|
setIsEditing(false);
|
|
42
28
|
}
|
|
43
|
-
} else if ([
|
|
29
|
+
} else if (["Enter", "Space"].includes(e.code)) {
|
|
44
30
|
handleCellClick(e);
|
|
45
31
|
}
|
|
46
32
|
}, [isEditing, handleCellClick, setIsEditing]);
|
|
47
|
-
const handleOnBlur = useCallback(event => {
|
|
33
|
+
const handleOnBlur = useCallback((event) => {
|
|
48
34
|
if (isEditing && !event.currentTarget.contains(event.relatedTarget)) {
|
|
49
|
-
// Not triggered when swapping focus between children
|
|
50
35
|
setIsEditing(false);
|
|
51
36
|
}
|
|
52
37
|
}, [isEditing]);
|
|
53
|
-
const cols = !isEditing ? [
|
|
54
|
-
return
|
|
55
|
-
cols
|
|
38
|
+
const cols = !isEditing ? ["auto", "min-content"] : ["auto"];
|
|
39
|
+
return /* @__PURE__ */ React2.createElement(StyledEditableContainer, {
|
|
40
|
+
cols,
|
|
56
41
|
tabIndex: isRowSelected && !isEditing ? 0 : -1,
|
|
57
42
|
ref: cell.ref,
|
|
58
43
|
onClick: handleCellClick,
|
|
@@ -60,15 +45,19 @@ const EditableCell = props => {
|
|
|
60
45
|
onBlur: handleOnBlur,
|
|
61
46
|
shouldDisplayEditIcon: cell.column.alwaysDisplayEditIcon,
|
|
62
47
|
role: "cell",
|
|
63
|
-
"aria-labelledby": isEditing ?
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
48
|
+
"aria-labelledby": isEditing ? void 0 : cell.id
|
|
49
|
+
}, !isEditing ? StandardRender : EditableRenderer, !isEditing && /* @__PURE__ */ React2.createElement(StyledPencilIcon, null), /* @__PURE__ */ React2.createElement("span", {
|
|
50
|
+
id: cell.id,
|
|
51
|
+
style: { display: "none" },
|
|
52
|
+
"aria-hidden": "true"
|
|
53
|
+
}, cell.value, ", editable cell. To edit the content's of this cell, press the Enter key"));
|
|
54
|
+
};
|
|
55
|
+
EditableCell.propTypes = {
|
|
56
|
+
StandardRender: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).isRequired,
|
|
57
|
+
EditableRenderer: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).isRequired,
|
|
58
|
+
cell: PropTypes.object.isRequired
|
|
59
|
+
};
|
|
60
|
+
export {
|
|
61
|
+
EditableCell
|
|
72
62
|
};
|
|
73
|
-
|
|
74
|
-
export { EditableCell };
|
|
63
|
+
//# sourceMappingURL=EditableCell.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/exported-related/EditableCell.tsx"],
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React, { useState, useCallback, useContext, useLayoutEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { StyledPencilIcon, StyledEditableContainer } from '../styled';\nimport { DataTableContext } from '../DataTableContext';\n\nexport const EditableCell: React.ComponentType<any> = (props) => {\n const { StandardRender, EditableRenderer, cell, isRowSelected, setValue } = props;\n const { virtualListHelpers } = useContext(DataTableContext);\n\n const [isEditing, setIsEditing] = useState(false);\n const [lastIsEditing, setLastIsEditing] = useState(false);\n // When an editable cell is switched on-off, we recalculate the height of the rows\n useLayoutEffect(() => {\n if (isEditing !== lastIsEditing) {\n virtualListHelpers.measure();\n setLastIsEditing(isEditing);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [isEditing]);\n\n const handleCellClick = useCallback(\n (e: React.KeyboardEvent) => {\n if (!isEditing) {\n e.stopPropagation();\n setIsEditing(true);\n }\n },\n [isEditing],\n );\n\n const handleOnKeyDown = useCallback(\n (e: React.KeyboardEvent) => {\n if (isEditing) {\n e.stopPropagation();\n if (['Enter', 'Escape'].includes(e.code)) {\n setIsEditing(false);\n }\n } else if (['Enter', 'Space'].includes(e.code)) {\n handleCellClick(e);\n }\n },\n [isEditing, handleCellClick, setIsEditing],\n );\n\n const handleOnBlur = useCallback(\n (event: EventTarget) => {\n if (isEditing && !event.currentTarget.contains(event.relatedTarget)) {\n // Not triggered when swapping focus between children\n setIsEditing(false);\n }\n },\n [isEditing],\n );\n const cols = !isEditing ? ['auto', 'min-content'] : ['auto'];\n return (\n <StyledEditableContainer\n cols={cols}\n tabIndex={isRowSelected && !isEditing ? 0 : -1}\n ref={cell.ref}\n onClick={handleCellClick}\n onKeyDown={handleOnKeyDown}\n onBlur={handleOnBlur}\n shouldDisplayEditIcon={cell.column.alwaysDisplayEditIcon}\n role=\"cell\"\n aria-labelledby={isEditing ? undefined : cell.id}\n >\n {!isEditing ? StandardRender : EditableRenderer}\n {!isEditing && <StyledPencilIcon />}\n <span id={cell.id} style={{ display: 'none' }} aria-hidden=\"true\">\n {cell.value}, editable cell. To edit the content's of this cell, press the Enter key\n </span>\n </StyledEditableContainer>\n );\n};\n\nEditableCell.propTypes = {\n StandardRender: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).isRequired,\n EditableRenderer: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).isRequired,\n cell: PropTypes.object.isRequired,\n};\n"],
|
|
5
|
+
"mappings": "AAAA;ACCA;AACA;AACA;AACA;AAEO,MAAM,eAAyC,CAAC,UAAU;AAC/D,QAAM,EAAE,gBAAgB,kBAAkB,MAAM,eAAe,aAAa;AAC5E,QAAM,EAAE,uBAAuB,WAAW;AAE1C,QAAM,CAAC,WAAW,gBAAgB,SAAS;AAC3C,QAAM,CAAC,eAAe,oBAAoB,SAAS;AAEnD,kBAAgB,MAAM;AACpB,QAAI,cAAc,eAAe;AAC/B,yBAAmB;AACnB,uBAAiB;AAAA;AAAA,KAGlB,CAAC;AAEJ,QAAM,kBAAkB,YACtB,CAAC,MAA2B;AAC1B,QAAI,CAAC,WAAW;AACd,QAAE;AACF,mBAAa;AAAA;AAAA,KAGjB,CAAC;AAGH,QAAM,kBAAkB,YACtB,CAAC,MAA2B;AAC1B,QAAI,WAAW;AACb,QAAE;AACF,UAAI,CAAC,SAAS,UAAU,SAAS,EAAE,OAAO;AACxC,qBAAa;AAAA;AAAA,eAEN,CAAC,SAAS,SAAS,SAAS,EAAE,OAAO;AAC9C,sBAAgB;AAAA;AAAA,KAGpB,CAAC,WAAW,iBAAiB;AAG/B,QAAM,eAAe,YACnB,CAAC,UAAuB;AACtB,QAAI,aAAa,CAAC,MAAM,cAAc,SAAS,MAAM,gBAAgB;AAEnE,mBAAa;AAAA;AAAA,KAGjB,CAAC;AAEH,QAAM,OAAO,CAAC,YAAY,CAAC,QAAQ,iBAAiB,CAAC;AACrD,SACE,qCAAC,yBAAD;AAAA,IACE;AAAA,IACA,UAAU,iBAAiB,CAAC,YAAY,IAAI;AAAA,IAC5C,KAAK,KAAK;AAAA,IACV,SAAS;AAAA,IACT,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,uBAAuB,KAAK,OAAO;AAAA,IACnC,MAAK;AAAA,IACL,mBAAiB,YAAY,SAAY,KAAK;AAAA,KAE7C,CAAC,YAAY,iBAAiB,kBAC9B,CAAC,aAAa,qCAAC,kBAAD,OACf,qCAAC,QAAD;AAAA,IAAM,IAAI,KAAK;AAAA,IAAI,OAAO,EAAE,SAAS;AAAA,IAAU,eAAY;AAAA,KACxD,KAAK,OAAM;AAAA;AAMpB,aAAa,YAAY;AAAA,EACvB,gBAAgB,UAAU,UAAU,CAAC,UAAU,MAAM,UAAU,SAAS;AAAA,EACxE,kBAAkB,UAAU,UAAU,CAAC,UAAU,MAAM,UAAU,SAAS;AAAA,EAC1E,MAAM,UAAU,OAAO;AAAA;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -1,137 +1,88 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
import '../parts/HoC/SortableItemContext.js';
|
|
33
|
-
import { useDispatchHeadersActions } from '../redux/reducers/headersReducers/useDispatchHeadersActions.js';
|
|
34
|
-
|
|
35
|
-
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; }
|
|
36
|
-
|
|
37
|
-
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; }
|
|
38
|
-
const FilterButton = /*#__PURE__*/styled.span.withConfig({
|
|
39
|
-
componentId: "sc-16i88ut-0"
|
|
40
|
-
})(["display:inline-grid;", ""], props => props.hide ? 'opacity: 0; display: none; width: 0;' : '');
|
|
41
|
-
const Button = /*#__PURE__*/styled(DSButton).withConfig({
|
|
42
|
-
componentId: "sc-16i88ut-1"
|
|
43
|
-
})(["position:relative;justify-self:flex-end;"]);
|
|
44
|
-
const PopperContent = /*#__PURE__*/styled.div.withConfig({
|
|
45
|
-
componentId: "sc-16i88ut-2"
|
|
46
|
-
})(["background-color:#fff;"]);
|
|
47
|
-
const FilterPopover = _ref2 => {
|
|
48
|
-
var _column$ref$current$o, _column$ref, _column$ref$current;
|
|
49
|
-
|
|
50
|
-
let {
|
|
51
|
-
column,
|
|
52
|
-
columnId,
|
|
53
|
-
triggerIcon,
|
|
54
|
-
menuContent,
|
|
55
|
-
onTriggerClick = () => null,
|
|
56
|
-
onClickOutsideMenu = () => null,
|
|
57
|
-
reduxHeader,
|
|
58
|
-
innerRef,
|
|
59
|
-
ariaLabel,
|
|
60
|
-
customStyles
|
|
61
|
-
} = _ref2;
|
|
62
|
-
const {
|
|
63
|
-
hideFilterButton,
|
|
64
|
-
hideFilterMenu
|
|
65
|
-
} = reduxHeader || {
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import React2, { useRef, useState } from "react";
|
|
3
|
+
import { DSButton } from "@elliemae/ds-button";
|
|
4
|
+
import { DSPopperJS } from "@elliemae/ds-popperjs";
|
|
5
|
+
import styled from "styled-components";
|
|
6
|
+
import { useDispatchHeadersActions } from "../redux/reducers";
|
|
7
|
+
import { DATA_TESTID } from "../configs/constants";
|
|
8
|
+
const FilterButton = styled.span`
|
|
9
|
+
display: inline-grid;
|
|
10
|
+
${(props) => props.hide ? "opacity: 0; display: none; width: 0;" : ""}
|
|
11
|
+
`;
|
|
12
|
+
const Button = styled(DSButton)`
|
|
13
|
+
position: relative;
|
|
14
|
+
justify-self: flex-end;
|
|
15
|
+
`;
|
|
16
|
+
const PopperContent = styled.div`
|
|
17
|
+
background-color: #fff;
|
|
18
|
+
`;
|
|
19
|
+
const FilterPopover = ({
|
|
20
|
+
column,
|
|
21
|
+
columnId,
|
|
22
|
+
triggerIcon,
|
|
23
|
+
menuContent,
|
|
24
|
+
onTriggerClick = () => null,
|
|
25
|
+
onClickOutsideMenu = () => null,
|
|
26
|
+
reduxHeader,
|
|
27
|
+
innerRef,
|
|
28
|
+
ariaLabel,
|
|
29
|
+
customStyles
|
|
30
|
+
}) => {
|
|
31
|
+
const { hideFilterButton, hideFilterMenu } = reduxHeader || {
|
|
66
32
|
hideFilterButton: true,
|
|
67
33
|
hideFilterMenu: true
|
|
68
34
|
};
|
|
69
35
|
const popperRef = useRef(null);
|
|
70
|
-
const {
|
|
71
|
-
patchHeaderFilterButtonAndMenu,
|
|
72
|
-
patchHeader
|
|
73
|
-
} = useDispatchHeadersActions();
|
|
36
|
+
const { patchHeaderFilterButtonAndMenu, patchHeader } = useDispatchHeadersActions();
|
|
74
37
|
const isIconVisible = !hideFilterButton || !hideFilterMenu;
|
|
75
38
|
const isMenuOpen = !hideFilterMenu;
|
|
76
|
-
|
|
77
|
-
const handleClickOutsideMenu = e => {
|
|
39
|
+
const handleClickOutsideMenu = (e) => {
|
|
78
40
|
onClickOutsideMenu(columnId, e);
|
|
79
|
-
if (isMenuOpen)
|
|
41
|
+
if (isMenuOpen)
|
|
42
|
+
patchHeaderFilterButtonAndMenu(columnId, true);
|
|
80
43
|
};
|
|
81
|
-
|
|
82
|
-
const handleTriggerClick = e => {
|
|
44
|
+
const handleTriggerClick = (e) => {
|
|
83
45
|
onTriggerClick(columnId, e);
|
|
84
46
|
patchHeaderFilterButtonAndMenu(columnId, false);
|
|
85
47
|
e.stopPropagation();
|
|
86
48
|
};
|
|
87
|
-
|
|
88
49
|
const [referenceElement, setReferenceElement] = useState(null);
|
|
89
|
-
return
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
onKeyDown: e => {
|
|
50
|
+
return /* @__PURE__ */ React2.createElement("div", {
|
|
51
|
+
onClick: (e) => e.stopPropagation(),
|
|
52
|
+
onKeyDown: (e) => {
|
|
93
53
|
e.stopPropagation();
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
patchHeader(columnId, {
|
|
97
|
-
hideFilterMenu: true,
|
|
98
|
-
hideFilterButton: false
|
|
99
|
-
});
|
|
54
|
+
if (e.code === "Escape") {
|
|
55
|
+
patchHeader(columnId, { hideFilterMenu: true, hideFilterButton: false });
|
|
100
56
|
referenceElement.focus();
|
|
101
|
-
}
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
if (['ArrowUp', 'ArrowDown'].includes(e.code)) {
|
|
57
|
+
}
|
|
58
|
+
if (["ArrowUp", "ArrowDown"].includes(e.code)) {
|
|
106
59
|
e.preventDefault();
|
|
107
60
|
}
|
|
108
61
|
},
|
|
109
|
-
style: {
|
|
110
|
-
|
|
111
|
-
},
|
|
112
|
-
onBlur: e => {
|
|
62
|
+
style: { display: "flex" },
|
|
63
|
+
onBlur: (e) => {
|
|
113
64
|
if (e.target !== referenceElement && !popperRef.current.contains(e.relatedTarget)) {
|
|
114
65
|
referenceElement.focus();
|
|
115
66
|
}
|
|
116
67
|
}
|
|
117
|
-
},
|
|
68
|
+
}, /* @__PURE__ */ React2.createElement(FilterButton, {
|
|
118
69
|
hide: !isIconVisible,
|
|
119
70
|
"data-testid": DATA_TESTID.DATA_TABLE_FILTER_BUTTON
|
|
120
|
-
},
|
|
71
|
+
}, /* @__PURE__ */ React2.createElement(Button, {
|
|
121
72
|
onClick: handleTriggerClick,
|
|
122
73
|
buttonType: "text",
|
|
123
74
|
"aria-label": ariaLabel,
|
|
124
75
|
"aria-hidden": "true",
|
|
125
76
|
size: "s",
|
|
126
|
-
leftIcon: triggerIcon
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
77
|
+
leftIcon: triggerIcon,
|
|
78
|
+
innerRef: (_ref) => {
|
|
79
|
+
if (isIconVisible)
|
|
80
|
+
setReferenceElement(_ref);
|
|
130
81
|
innerRef.current = _ref;
|
|
131
82
|
},
|
|
132
|
-
tabIndex: reduxHeader
|
|
133
|
-
})),
|
|
134
|
-
referenceElement
|
|
83
|
+
tabIndex: reduxHeader?.withTabStops ? 0 : -1
|
|
84
|
+
})), /* @__PURE__ */ React2.createElement(DSPopperJS, {
|
|
85
|
+
referenceElement,
|
|
135
86
|
showPopover: isMenuOpen,
|
|
136
87
|
closeContextMenu: handleClickOutsideMenu,
|
|
137
88
|
"data-testid": DATA_TESTID.DATA_TABLE_FILTER_MENU_CONTENT,
|
|
@@ -140,28 +91,25 @@ const FilterPopover = _ref2 => {
|
|
|
140
91
|
withoutArrow: true,
|
|
141
92
|
zIndex: 10,
|
|
142
93
|
withoutAnimation: true,
|
|
143
|
-
extraPopperStyles:
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
94
|
+
extraPopperStyles: {
|
|
95
|
+
...customStyles,
|
|
96
|
+
minWidth: column.ref?.current?.offsetWidth ?? "0px"
|
|
97
|
+
},
|
|
98
|
+
placementOrderPreference: ["bottom-end"]
|
|
99
|
+
}, /* @__PURE__ */ React2.createElement(PopperContent, {
|
|
100
|
+
onKeyDown: (e) => {
|
|
101
|
+
if (e.code === "Tab") {
|
|
150
102
|
setTimeout(() => {
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
if (!(popperRef !== null && popperRef !== void 0 && (_popperRef$current = popperRef.current) !== null && _popperRef$current !== void 0 && _popperRef$current.contains(document.activeElement))) {
|
|
154
|
-
patchHeader(columnId, {
|
|
155
|
-
hideFilterMenu: true,
|
|
156
|
-
hideFilterButton: false
|
|
157
|
-
});
|
|
103
|
+
if (!popperRef?.current?.contains(document.activeElement)) {
|
|
104
|
+
patchHeader(columnId, { hideFilterMenu: true, hideFilterButton: false });
|
|
158
105
|
}
|
|
159
106
|
});
|
|
160
107
|
}
|
|
161
108
|
},
|
|
162
|
-
ref: popperRef
|
|
163
|
-
|
|
164
|
-
|
|
109
|
+
ref: popperRef
|
|
110
|
+
}, menuContent)));
|
|
111
|
+
};
|
|
112
|
+
export {
|
|
113
|
+
FilterPopover
|
|
165
114
|
};
|
|
166
|
-
|
|
167
|
-
export { FilterPopover };
|
|
115
|
+
//# sourceMappingURL=FilterPopover.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/exported-related/FilterPopover.tsx"],
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\nimport React, { MutableRefObject, useRef, useState } from 'react';\nimport { DSButton } from '@elliemae/ds-button';\nimport { DSPopperJS } from '@elliemae/ds-popperjs';\nimport styled from 'styled-components';\nimport { useDispatchHeadersActions } from '../redux/reducers';\nimport { DATA_TESTID } from '../configs/constants';\nimport { TypescriptColumn } from '../types/props';\n\nconst FilterButton = styled.span<{ hide: boolean }>`\n display: inline-grid;\n ${(props) => (props.hide ? 'opacity: 0; display: none; width: 0;' : '')}\n`;\n\nconst Button = styled(DSButton)`\n position: relative;\n justify-self: flex-end;\n`;\n\nconst PopperContent = styled.div`\n background-color: #fff;\n`;\ninterface FilterPopoverProps {\n column: TypescriptColumn;\n columnId: string;\n triggerIcon: JSX.Element;\n menuContent: JSX.Element;\n onTriggerClick?: (id: string, e: UIEvent) => void;\n onClickOutsideMenu?: (id: string, e: UIEvent) => void;\n reduxHeader: { hideFilterButton: boolean; hideFilterMenu: boolean; withTabStops: boolean };\n innerRef: MutableRefObject<HTMLDivElement>;\n ariaLabel: string;\n customStyles?: React.CSSProperties;\n}\n\nexport const FilterPopover: React.ComponentType<FilterPopoverProps> = ({\n column,\n columnId,\n triggerIcon,\n menuContent,\n onTriggerClick = () => null,\n onClickOutsideMenu = () => null,\n reduxHeader,\n innerRef,\n ariaLabel,\n customStyles,\n}) => {\n const { hideFilterButton, hideFilterMenu } = reduxHeader || {\n hideFilterButton: true,\n hideFilterMenu: true,\n };\n const popperRef = useRef(null);\n const { patchHeaderFilterButtonAndMenu, patchHeader } = useDispatchHeadersActions();\n const isIconVisible = !hideFilterButton || !hideFilterMenu;\n const isMenuOpen = !hideFilterMenu;\n\n const handleClickOutsideMenu = (e) => {\n onClickOutsideMenu(columnId, e);\n if (isMenuOpen) patchHeaderFilterButtonAndMenu(columnId, true);\n };\n\n const handleTriggerClick = (e) => {\n onTriggerClick(columnId, e);\n patchHeaderFilterButtonAndMenu(columnId, false);\n e.stopPropagation();\n };\n\n const [referenceElement, setReferenceElement] = useState(null);\n\n return (\n <div\n // This is here to prevent propagation, and not trigger the sort functionality\n onClick={(e) => e.stopPropagation()}\n onKeyDown={(e) => {\n e.stopPropagation();\n if (e.code === 'Escape') {\n patchHeader(columnId, { hideFilterMenu: true, hideFilterButton: false });\n referenceElement.focus();\n }\n // Stop propagation for some reason is not enough to prevent scrolling of the datatable\n // so we just prevent default behaviour in this case\n if (['ArrowUp', 'ArrowDown'].includes(e.code)) {\n e.preventDefault();\n }\n }}\n style={{ display: 'flex' }}\n onBlur={(e) => {\n if (e.target !== referenceElement && !popperRef.current.contains(e.relatedTarget)) {\n referenceElement.focus();\n }\n }}\n >\n <FilterButton hide={!isIconVisible} data-testid={DATA_TESTID.DATA_TABLE_FILTER_BUTTON}>\n <Button\n onClick={handleTriggerClick}\n buttonType=\"text\"\n aria-label={ariaLabel}\n aria-hidden=\"true\"\n size=\"s\"\n leftIcon={triggerIcon}\n // implement treeview mergerefs\n innerRef={(_ref) => {\n if (isIconVisible) setReferenceElement(_ref);\n innerRef.current = _ref;\n }}\n tabIndex={reduxHeader?.withTabStops ? 0 : -1}\n />\n </FilterButton>\n <DSPopperJS\n referenceElement={referenceElement}\n showPopover={isMenuOpen}\n closeContextMenu={handleClickOutsideMenu}\n data-testid={DATA_TESTID.DATA_TABLE_FILTER_MENU_CONTENT}\n startPlacementPreference=\"bottom-end\"\n customOffset={[5, 4]}\n withoutArrow\n zIndex={10}\n withoutAnimation\n extraPopperStyles={{\n ...customStyles,\n minWidth: column.ref?.current?.offsetWidth ?? '0px',\n }}\n placementOrderPreference={['bottom-end']}\n >\n <PopperContent\n onKeyDown={(e) => {\n if (e.code === 'Tab') {\n setTimeout(() => {\n if (!popperRef?.current?.contains(document.activeElement)) {\n patchHeader(columnId, { hideFilterMenu: true, hideFilterButton: false });\n }\n });\n }\n }}\n ref={popperRef}\n >\n {menuContent}\n </PopperContent>\n </DSPopperJS>\n </div>\n );\n};\n"],
|
|
5
|
+
"mappings": "AAAA;ACEA;AACA;AACA;AACA;AACA;AACA;AAGA,MAAM,eAAe,OAAO;AAAA;AAAA,IAExB,CAAC,UAAW,MAAM,OAAO,yCAAyC;AAAA;AAGtE,MAAM,SAAS,OAAO;AAAA;AAAA;AAAA;AAKtB,MAAM,gBAAgB,OAAO;AAAA;AAAA;AAgBtB,MAAM,gBAAyD,CAAC;AAAA,EACrE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB,MAAM;AAAA,EACvB,qBAAqB,MAAM;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,EAAE,kBAAkB,mBAAmB,eAAe;AAAA,IAC1D,kBAAkB;AAAA,IAClB,gBAAgB;AAAA;AAElB,QAAM,YAAY,OAAO;AACzB,QAAM,EAAE,gCAAgC,gBAAgB;AACxD,QAAM,gBAAgB,CAAC,oBAAoB,CAAC;AAC5C,QAAM,aAAa,CAAC;AAEpB,QAAM,yBAAyB,CAAC,MAAM;AACpC,uBAAmB,UAAU;AAC7B,QAAI;AAAY,qCAA+B,UAAU;AAAA;AAG3D,QAAM,qBAAqB,CAAC,MAAM;AAChC,mBAAe,UAAU;AACzB,mCAA+B,UAAU;AACzC,MAAE;AAAA;AAGJ,QAAM,CAAC,kBAAkB,uBAAuB,SAAS;AAEzD,SACE,qCAAC,OAAD;AAAA,IAEE,SAAS,CAAC,MAAM,EAAE;AAAA,IAClB,WAAW,CAAC,MAAM;AAChB,QAAE;AACF,UAAI,EAAE,SAAS,UAAU;AACvB,oBAAY,UAAU,EAAE,gBAAgB,MAAM,kBAAkB;AAChE,yBAAiB;AAAA;AAInB,UAAI,CAAC,WAAW,aAAa,SAAS,EAAE,OAAO;AAC7C,UAAE;AAAA;AAAA;AAAA,IAGN,OAAO,EAAE,SAAS;AAAA,IAClB,QAAQ,CAAC,MAAM;AACb,UAAI,EAAE,WAAW,oBAAoB,CAAC,UAAU,QAAQ,SAAS,EAAE,gBAAgB;AACjF,yBAAiB;AAAA;AAAA;AAAA,KAIrB,qCAAC,cAAD;AAAA,IAAc,MAAM,CAAC;AAAA,IAAe,eAAa,YAAY;AAAA,KAC3D,qCAAC,QAAD;AAAA,IACE,SAAS;AAAA,IACT,YAAW;AAAA,IACX,cAAY;AAAA,IACZ,eAAY;AAAA,IACZ,MAAK;AAAA,IACL,UAAU;AAAA,IAEV,UAAU,CAAC,SAAS;AAClB,UAAI;AAAe,4BAAoB;AACvC,eAAS,UAAU;AAAA;AAAA,IAErB,UAAU,aAAa,eAAe,IAAI;AAAA,OAG9C,qCAAC,YAAD;AAAA,IACE;AAAA,IACA,aAAa;AAAA,IACb,kBAAkB;AAAA,IAClB,eAAa,YAAY;AAAA,IACzB,0BAAyB;AAAA,IACzB,cAAc,CAAC,GAAG;AAAA,IAClB,cAAY;AAAA,IACZ,QAAQ;AAAA,IACR,kBAAgB;AAAA,IAChB,mBAAmB;AAAA,SACd;AAAA,MACH,UAAU,OAAO,KAAK,SAAS,eAAe;AAAA;AAAA,IAEhD,0BAA0B,CAAC;AAAA,KAE3B,qCAAC,eAAD;AAAA,IACE,WAAW,CAAC,MAAM;AAChB,UAAI,EAAE,SAAS,OAAO;AACpB,mBAAW,MAAM;AACf,cAAI,CAAC,WAAW,SAAS,SAAS,SAAS,gBAAgB;AACzD,wBAAY,UAAU,EAAE,gBAAgB,MAAM,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA,IAKxE,KAAK;AAAA,KAEJ;AAAA;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -1,11 +1,14 @@
|
|
|
1
|
+
import * as React from "react";
|
|
1
2
|
const FILTER_TYPES = {
|
|
2
|
-
SELECT:
|
|
3
|
-
MULTI_SELECT:
|
|
4
|
-
SINGLE_DATE:
|
|
5
|
-
DATE_RANGE:
|
|
6
|
-
DATE_SWITCHER:
|
|
7
|
-
NUMBER_RANGE:
|
|
8
|
-
CURRENCY_RANGE:
|
|
3
|
+
SELECT: "ds-filter-select",
|
|
4
|
+
MULTI_SELECT: "ds-filter-multi-select",
|
|
5
|
+
SINGLE_DATE: "ds-filter-single-date",
|
|
6
|
+
DATE_RANGE: "ds-filter-date-range",
|
|
7
|
+
DATE_SWITCHER: "ds-filter-date-switcher",
|
|
8
|
+
NUMBER_RANGE: "ds-filter-number-range",
|
|
9
|
+
CURRENCY_RANGE: "ds-filter-currency-range"
|
|
9
10
|
};
|
|
10
|
-
|
|
11
|
-
|
|
11
|
+
export {
|
|
12
|
+
FILTER_TYPES
|
|
13
|
+
};
|
|
14
|
+
//# sourceMappingURL=FilterTypes.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/exported-related/FilterTypes.tsx"],
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const FILTER_TYPES = {\n SELECT: 'ds-filter-select',\n MULTI_SELECT: 'ds-filter-multi-select',\n SINGLE_DATE: 'ds-filter-single-date',\n DATE_RANGE: 'ds-filter-date-range',\n DATE_SWITCHER: 'ds-filter-date-switcher',\n NUMBER_RANGE: 'ds-filter-number-range',\n CURRENCY_RANGE: 'ds-filter-currency-range',\n};\n"],
|
|
5
|
+
"mappings": "AAAA;ACAO,MAAM,eAAe;AAAA,EAC1B,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,cAAc;AAAA,EACd,gBAAgB;AAAA;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -1,16 +1,12 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import { currencyRangeFilterFn } from './currencyRangeFilterFn.js';
|
|
11
|
-
import { FILTER_TYPES } from '../FilterTypes.js';
|
|
12
|
-
|
|
13
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { singleSelectFilterFn } from "./singleSelectFilterFn";
|
|
3
|
+
import { multiSelectFilterFn } from "./multiSelectFilterFn";
|
|
4
|
+
import { singleDateFilterFn } from "./singleDateFilterFn";
|
|
5
|
+
import { dateRangeFilterFn } from "./dateRangeFilterFn";
|
|
6
|
+
import { dateSwitcherFilterFn } from "./dateSwitcherFilterFn";
|
|
7
|
+
import { numberRangeFilterFn } from "./numberRangeFilterFn";
|
|
8
|
+
import { currencyRangeFilterFn } from "./currencyRangeFilterFn";
|
|
9
|
+
import { FILTER_TYPES } from "../FilterTypes";
|
|
14
10
|
const filterMapper = {
|
|
15
11
|
[FILTER_TYPES.SELECT]: singleSelectFilterFn,
|
|
16
12
|
[FILTER_TYPES.MULTI_SELECT]: multiSelectFilterFn,
|
|
@@ -22,12 +18,14 @@ const filterMapper = {
|
|
|
22
18
|
};
|
|
23
19
|
const applyOutOfTheBoxFilters = (data, filters) => {
|
|
24
20
|
let filteredData = data;
|
|
25
|
-
filters.forEach(filter => {
|
|
21
|
+
filters.forEach((filter) => {
|
|
26
22
|
if (filter.type in filterMapper) {
|
|
27
23
|
filteredData = filterMapper[filter.type](filteredData, filter.id, filter.value);
|
|
28
24
|
}
|
|
29
25
|
});
|
|
30
26
|
return filteredData;
|
|
31
27
|
};
|
|
32
|
-
|
|
33
|
-
|
|
28
|
+
export {
|
|
29
|
+
applyOutOfTheBoxFilters
|
|
30
|
+
};
|
|
31
|
+
//# sourceMappingURL=applyOutOfTheBoxFilters.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/Filters/applyOutOfTheBoxFilters.tsx"],
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { singleSelectFilterFn } from './singleSelectFilterFn';\nimport { multiSelectFilterFn } from './multiSelectFilterFn';\nimport { singleDateFilterFn } from './singleDateFilterFn';\nimport { dateRangeFilterFn } from './dateRangeFilterFn';\nimport { dateSwitcherFilterFn } from './dateSwitcherFilterFn';\nimport { numberRangeFilterFn } from './numberRangeFilterFn';\nimport { currencyRangeFilterFn } from './currencyRangeFilterFn';\nimport { FilterFn } from './types';\nimport { FILTER_TYPES } from '../FilterTypes';\nimport { TypescriptAppliedFilter, TypescriptRow } from '../../types/props';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst filterMapper: Record<string, FilterFn<any>> = {\n [FILTER_TYPES.SELECT]: singleSelectFilterFn,\n [FILTER_TYPES.MULTI_SELECT]: multiSelectFilterFn,\n [FILTER_TYPES.SINGLE_DATE]: singleDateFilterFn,\n [FILTER_TYPES.DATE_RANGE]: dateRangeFilterFn,\n [FILTER_TYPES.DATE_SWITCHER]: dateSwitcherFilterFn,\n [FILTER_TYPES.NUMBER_RANGE]: numberRangeFilterFn,\n [FILTER_TYPES.CURRENCY_RANGE]: currencyRangeFilterFn,\n};\n\nexport const applyOutOfTheBoxFilters = (data: TypescriptRow[], filters: TypescriptAppliedFilter[]): TypescriptRow[] => {\n let filteredData = data;\n\n filters.forEach((filter) => {\n if (filter.type in filterMapper) {\n filteredData = filterMapper[filter.type](filteredData, filter.id, filter.value);\n }\n });\n\n return filteredData;\n};\n"],
|
|
5
|
+
"mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAIA,MAAM,eAA8C;AAAA,GACjD,aAAa,SAAS;AAAA,GACtB,aAAa,eAAe;AAAA,GAC5B,aAAa,cAAc;AAAA,GAC3B,aAAa,aAAa;AAAA,GAC1B,aAAa,gBAAgB;AAAA,GAC7B,aAAa,eAAe;AAAA,GAC5B,aAAa,iBAAiB;AAAA;AAG1B,MAAM,0BAA0B,CAAC,MAAuB,YAAwD;AACrH,MAAI,eAAe;AAEnB,UAAQ,QAAQ,CAAC,WAAW;AAC1B,QAAI,OAAO,QAAQ,cAAc;AAC/B,qBAAe,aAAa,OAAO,MAAM,cAAc,OAAO,IAAI,OAAO;AAAA;AAAA;AAI7E,SAAO;AAAA;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|