@elliemae/ds-data-table 3.0.0-next.9 → 3.0.0-rc.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/DataTable.js +22 -28
- package/dist/cjs/DataTable.js.map +2 -2
- package/dist/cjs/DataTableContext.js +9 -16
- package/dist/cjs/DataTableContext.js.map +1 -1
- package/dist/cjs/DataTableSchema.js +114 -116
- package/dist/cjs/DataTableSchema.js.map +2 -2
- package/dist/cjs/addons/Columns/ColumnAction/ColumnAction.js +9 -16
- package/dist/cjs/addons/Columns/ColumnAction/ColumnAction.js.map +1 -1
- package/dist/cjs/addons/Columns/ColumnDragHandle/ColumnDragHandle.js +9 -16
- package/dist/cjs/addons/Columns/ColumnDragHandle/ColumnDragHandle.js.map +1 -1
- package/dist/cjs/addons/Columns/ColumnExpand/ColumnExpand.js +26 -25
- package/dist/cjs/addons/Columns/ColumnExpand/ColumnExpand.js.map +2 -2
- package/dist/cjs/addons/Columns/ColumnSelectMultiple/ColumnSelectMultiple.js +13 -18
- package/dist/cjs/addons/Columns/ColumnSelectMultiple/ColumnSelectMultiple.js.map +2 -2
- package/dist/cjs/addons/Columns/ColumnSelectSingle/ColumnSelectSingle.js +9 -16
- package/dist/cjs/addons/Columns/ColumnSelectSingle/ColumnSelectSingle.js.map +1 -1
- package/dist/cjs/addons/Columns/index.js +9 -16
- package/dist/cjs/addons/Columns/index.js.map +1 -1
- package/dist/cjs/addons/Editables/ComboboxEditableCell/ComboboxEditableCell.js +12 -19
- package/dist/cjs/addons/Editables/ComboboxEditableCell/ComboboxEditableCell.js.map +2 -2
- package/dist/cjs/addons/Editables/DateEditableCell/DateEditableCell.js +9 -16
- package/dist/cjs/addons/Editables/DateEditableCell/DateEditableCell.js.map +1 -1
- package/dist/cjs/addons/Editables/TextEditableCell/TextEditableCell.js +9 -16
- package/dist/cjs/addons/Editables/TextEditableCell/TextEditableCell.js.map +1 -1
- package/dist/cjs/addons/Editables/index.js +9 -16
- package/dist/cjs/addons/Editables/index.js.map +1 -1
- package/dist/cjs/addons/Filters/Components/CurrencyRangeFilter/index.js +11 -18
- package/dist/cjs/addons/Filters/Components/CurrencyRangeFilter/index.js.map +2 -2
- package/dist/cjs/addons/Filters/Components/DateRangeFilter/index.js +9 -16
- package/dist/cjs/addons/Filters/Components/DateRangeFilter/index.js.map +1 -1
- package/dist/cjs/addons/Filters/Components/DateSwitcherFilter/index.js +9 -16
- package/dist/cjs/addons/Filters/Components/DateSwitcherFilter/index.js.map +1 -1
- package/dist/cjs/addons/Filters/Components/NumberRangeFilter/index.js +11 -18
- package/dist/cjs/addons/Filters/Components/NumberRangeFilter/index.js.map +2 -2
- package/dist/cjs/addons/Filters/Components/SelectFilter/BaseSelectFilter.js +26 -42
- package/dist/cjs/addons/Filters/Components/SelectFilter/BaseSelectFilter.js.map +2 -2
- package/dist/cjs/addons/Filters/Components/SelectFilter/MultiSelectFilter.js +9 -16
- package/dist/cjs/addons/Filters/Components/SelectFilter/MultiSelectFilter.js.map +1 -1
- package/dist/cjs/addons/Filters/Components/SelectFilter/SingleSelectFilter.js +9 -16
- package/dist/cjs/addons/Filters/Components/SelectFilter/SingleSelectFilter.js.map +1 -1
- package/dist/cjs/addons/Filters/Components/SelectFilter/components.js +9 -16
- package/dist/cjs/addons/Filters/Components/SelectFilter/components.js.map +1 -1
- package/dist/cjs/addons/Filters/Components/SelectFilter/useSelectFilterHandlers.js +9 -16
- package/dist/cjs/addons/Filters/Components/SelectFilter/useSelectFilterHandlers.js.map +1 -1
- package/dist/cjs/addons/Filters/Components/SelectFilter/utils.js +9 -16
- package/dist/cjs/addons/Filters/Components/SelectFilter/utils.js.map +1 -1
- package/dist/cjs/addons/Filters/Components/SingleDateFilter/index.js +9 -16
- package/dist/cjs/addons/Filters/Components/SingleDateFilter/index.js.map +1 -1
- package/dist/cjs/addons/Filters/Components/index.js +17 -23
- package/dist/cjs/addons/Filters/Components/index.js.map +1 -1
- package/dist/cjs/addons/Filters/index.js +11 -17
- package/dist/cjs/addons/Filters/index.js.map +1 -1
- package/dist/cjs/addons/Pagination/Pagination.js +9 -16
- package/dist/cjs/addons/Pagination/Pagination.js.map +1 -1
- package/dist/cjs/addons/Pagination/index.js +9 -16
- package/dist/cjs/addons/Pagination/index.js.map +1 -1
- package/dist/cjs/configs/constants.js +9 -16
- package/dist/cjs/configs/constants.js.map +1 -1
- package/dist/cjs/configs/fixedSizes.js +9 -16
- package/dist/cjs/configs/fixedSizes.js.map +1 -1
- package/dist/cjs/configs/index.js +15 -21
- package/dist/cjs/configs/index.js.map +1 -1
- package/dist/cjs/configs/useDatatableConfig.js +32 -19
- package/dist/cjs/configs/useDatatableConfig.js.map +2 -2
- package/dist/cjs/configs/useInternalStateConfig.js +75 -0
- package/dist/cjs/configs/useInternalStateConfig.js.map +7 -0
- package/dist/cjs/configs/usePaginationConfig.js +9 -16
- package/dist/cjs/configs/usePaginationConfig.js.map +1 -1
- package/dist/cjs/configs/useRowFlattenization.js +9 -16
- package/dist/cjs/configs/useRowFlattenization.js.map +1 -1
- package/dist/cjs/configs/useTableColsWithAddons.js +9 -16
- package/dist/cjs/configs/useTableColsWithAddons.js.map +1 -1
- package/dist/cjs/configs/zIndexInternalConfig.js +9 -16
- package/dist/cjs/configs/zIndexInternalConfig.js.map +1 -1
- package/dist/cjs/exported-related/EditableCell.js +10 -17
- package/dist/cjs/exported-related/EditableCell.js.map +2 -2
- package/dist/cjs/exported-related/FilterPopover.js +38 -37
- package/dist/cjs/exported-related/FilterPopover.js.map +2 -2
- package/dist/cjs/exported-related/FilterTypes.js +9 -16
- package/dist/cjs/exported-related/FilterTypes.js.map +1 -1
- package/dist/cjs/exported-related/Filters/applyOutOfTheBoxFilters.js +9 -16
- package/dist/cjs/exported-related/Filters/applyOutOfTheBoxFilters.js.map +1 -1
- package/dist/cjs/exported-related/Filters/currencyRangeFilterFn.js +9 -16
- package/dist/cjs/exported-related/Filters/currencyRangeFilterFn.js.map +1 -1
- package/dist/cjs/exported-related/Filters/dateRangeFilterFn.js +9 -16
- package/dist/cjs/exported-related/Filters/dateRangeFilterFn.js.map +1 -1
- package/dist/cjs/exported-related/Filters/dateSwitcherFilterFn.js +9 -16
- package/dist/cjs/exported-related/Filters/dateSwitcherFilterFn.js.map +1 -1
- package/dist/cjs/exported-related/Filters/index.js +17 -23
- package/dist/cjs/exported-related/Filters/index.js.map +1 -1
- package/dist/cjs/exported-related/Filters/multiSelectFilterFn.js +9 -16
- package/dist/cjs/exported-related/Filters/multiSelectFilterFn.js.map +1 -1
- package/dist/cjs/exported-related/Filters/numberRangeFilterFn.js +9 -16
- package/dist/cjs/exported-related/Filters/numberRangeFilterFn.js.map +1 -1
- package/dist/cjs/exported-related/Filters/singleDateFilterFn.js +9 -16
- package/dist/cjs/exported-related/Filters/singleDateFilterFn.js.map +1 -1
- package/dist/cjs/exported-related/Filters/singleSelectFilterFn.js +9 -16
- package/dist/cjs/exported-related/Filters/singleSelectFilterFn.js.map +1 -1
- package/dist/cjs/exported-related/Filters/types.js +9 -16
- package/dist/cjs/exported-related/Filters/types.js.map +1 -1
- package/dist/cjs/exported-related/RowRenderer/DefaultRowContentRenderer.js +24 -23
- package/dist/cjs/exported-related/RowRenderer/DefaultRowContentRenderer.js.map +2 -2
- package/dist/cjs/exported-related/RowRenderer/index.js +12 -19
- package/dist/cjs/exported-related/RowRenderer/index.js.map +2 -2
- package/dist/cjs/exported-related/RowRenderer/useRowRendererHandlers.js +53 -34
- package/dist/cjs/exported-related/RowRenderer/useRowRendererHandlers.js.map +2 -2
- package/dist/cjs/exported-related/RowRenderer/useRowRendererProperties.js +9 -16
- package/dist/cjs/exported-related/RowRenderer/useRowRendererProperties.js.map +1 -1
- package/dist/cjs/exported-related/RowRenderer/useRowStyle.js +9 -16
- package/dist/cjs/exported-related/RowRenderer/useRowStyle.js.map +1 -1
- package/dist/cjs/exported-related/RowVariants.js +11 -17
- package/dist/cjs/exported-related/RowVariants.js.map +2 -2
- package/dist/cjs/exported-related/Toolbar/Toolbar.js +17 -31
- package/dist/cjs/exported-related/Toolbar/Toolbar.js.map +2 -2
- package/dist/cjs/exported-related/Toolbar/index.js +9 -16
- package/dist/cjs/exported-related/Toolbar/index.js.map +1 -1
- package/dist/cjs/exported-related/groupBy.js +9 -16
- package/dist/cjs/exported-related/groupBy.js.map +1 -1
- package/dist/cjs/exported-related/index.js +13 -19
- package/dist/cjs/exported-related/index.js.map +1 -1
- package/dist/cjs/helpers/addCellData.js +9 -16
- package/dist/cjs/helpers/addCellData.js.map +1 -1
- package/dist/cjs/helpers/cellPadding.js +9 -16
- package/dist/cjs/helpers/cellPadding.js.map +1 -1
- package/dist/cjs/helpers/columnsToGrid.js +9 -16
- package/dist/cjs/helpers/columnsToGrid.js.map +1 -1
- package/dist/cjs/helpers/getIdFromUniqueRowAccessor.js +9 -16
- package/dist/cjs/helpers/getIdFromUniqueRowAccessor.js.map +1 -1
- package/dist/cjs/helpers/index.js +16 -22
- package/dist/cjs/helpers/index.js.map +1 -1
- package/dist/cjs/helpers/refs-helpers.js +9 -16
- package/dist/cjs/helpers/refs-helpers.js.map +1 -1
- package/dist/cjs/helpers/sizeToCss.js +9 -16
- package/dist/cjs/helpers/sizeToCss.js.map +1 -1
- package/dist/cjs/hooks/useRecoverFocusCol.js +9 -16
- package/dist/cjs/hooks/useRecoverFocusCol.js.map +1 -1
- package/dist/cjs/hooks/useRecoverFocusRow.js +9 -16
- package/dist/cjs/hooks/useRecoverFocusRow.js.map +1 -1
- package/dist/cjs/index.js +12 -18
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/parts/Cells/Cell.js +11 -18
- package/dist/cjs/parts/Cells/Cell.js.map +2 -2
- package/dist/cjs/parts/Cells/index.js +9 -16
- package/dist/cjs/parts/Cells/index.js.map +1 -1
- package/dist/cjs/parts/Cells/useCellStyle.js +9 -16
- package/dist/cjs/parts/Cells/useCellStyle.js.map +1 -1
- package/dist/cjs/parts/DnDHandle.js +9 -16
- package/dist/cjs/parts/DnDHandle.js.map +1 -1
- package/dist/cjs/parts/DropIndicator.js +9 -16
- package/dist/cjs/parts/DropIndicator.js.map +1 -1
- package/dist/cjs/parts/EmptyContent.js +9 -16
- package/dist/cjs/parts/EmptyContent.js.map +1 -1
- package/dist/cjs/parts/FilterBar/FiltersBar.js +42 -24
- package/dist/cjs/parts/FilterBar/FiltersBar.js.map +2 -2
- package/dist/cjs/parts/FilterBar/components/DateRangePill.js +9 -16
- package/dist/cjs/parts/FilterBar/components/DateRangePill.js.map +1 -1
- package/dist/cjs/parts/FilterBar/components/DateSwitcherPill.js +9 -16
- package/dist/cjs/parts/FilterBar/components/DateSwitcherPill.js.map +1 -1
- package/dist/cjs/parts/FilterBar/components/MultiSelectPill.js +9 -16
- package/dist/cjs/parts/FilterBar/components/MultiSelectPill.js.map +1 -1
- package/dist/cjs/parts/FilterBar/components/NumberRangePill.js +9 -16
- package/dist/cjs/parts/FilterBar/components/NumberRangePill.js.map +1 -1
- package/dist/cjs/parts/FilterBar/components/SelectPill.js +9 -16
- package/dist/cjs/parts/FilterBar/components/SelectPill.js.map +1 -1
- package/dist/cjs/parts/FilterBar/components/SingleDatePill.js +9 -16
- package/dist/cjs/parts/FilterBar/components/SingleDatePill.js.map +1 -1
- package/dist/cjs/parts/FilterBar/components/index.js +16 -22
- package/dist/cjs/parts/FilterBar/components/index.js.map +1 -1
- package/dist/cjs/parts/FilterBar/index.js +9 -16
- package/dist/cjs/parts/FilterBar/index.js.map +1 -1
- package/dist/cjs/parts/FilterBar/styled.js +9 -16
- package/dist/cjs/parts/FilterBar/styled.js.map +1 -1
- package/dist/cjs/parts/FilterBar/types.js +9 -16
- package/dist/cjs/parts/FilterBar/types.js.map +1 -1
- package/dist/cjs/parts/Filters/index.js +11 -18
- package/dist/cjs/parts/Filters/index.js.map +2 -2
- package/dist/cjs/parts/Footer.js +9 -16
- package/dist/cjs/parts/Footer.js.map +1 -1
- package/dist/cjs/parts/Headers/EmptyChildrenGroup.js +9 -16
- package/dist/cjs/parts/Headers/EmptyChildrenGroup.js.map +1 -1
- package/dist/cjs/parts/Headers/HeaderCell.js +15 -29
- package/dist/cjs/parts/Headers/HeaderCell.js.map +2 -2
- package/dist/cjs/parts/Headers/HeaderCellGroup.js +12 -19
- package/dist/cjs/parts/Headers/HeaderCellGroup.js.map +2 -2
- package/dist/cjs/parts/Headers/HeaderCellTitle.js +9 -16
- package/dist/cjs/parts/Headers/HeaderCellTitle.js.map +1 -1
- package/dist/cjs/parts/Headers/HeaderResizer.js +13 -19
- package/dist/cjs/parts/Headers/HeaderResizer.js.map +2 -2
- package/dist/cjs/parts/Headers/RequiredDot.js +9 -16
- package/dist/cjs/parts/Headers/RequiredDot.js.map +1 -1
- package/dist/cjs/parts/Headers/index.js +9 -16
- package/dist/cjs/parts/Headers/index.js.map +1 -1
- package/dist/cjs/parts/Headers/useHeaderCellConfig.js +9 -16
- package/dist/cjs/parts/Headers/useHeaderCellConfig.js.map +1 -1
- package/dist/cjs/parts/Headers/useHeaderCellHandlers.js +9 -16
- package/dist/cjs/parts/Headers/useHeaderCellHandlers.js.map +1 -1
- package/dist/cjs/parts/HoC/SortableItemContext.js +9 -16
- package/dist/cjs/parts/HoC/SortableItemContext.js.map +1 -1
- package/dist/cjs/parts/HoC/withConditionalDnDColumnContext.js +14 -19
- package/dist/cjs/parts/HoC/withConditionalDnDColumnContext.js.map +2 -2
- package/dist/cjs/parts/HoC/withConditionalDnDRowContext.js +9 -16
- package/dist/cjs/parts/HoC/withConditionalDnDRowContext.js.map +1 -1
- package/dist/cjs/parts/HoC/withConditionalDnDSortableContext.js +9 -16
- package/dist/cjs/parts/HoC/withConditionalDnDSortableContext.js.map +1 -1
- package/dist/cjs/parts/HoC/withDnDSortableColumnContext.js +9 -16
- package/dist/cjs/parts/HoC/withDnDSortableColumnContext.js.map +1 -1
- package/dist/cjs/parts/HoC/withDnDSortableRowContext.js +9 -16
- package/dist/cjs/parts/HoC/withDnDSortableRowContext.js.map +1 -1
- package/dist/cjs/parts/Loader.js +9 -16
- package/dist/cjs/parts/Loader.js.map +1 -1
- package/dist/cjs/parts/Row.js +25 -28
- package/dist/cjs/parts/Row.js.map +2 -2
- package/dist/cjs/parts/RowLoading.js +9 -16
- package/dist/cjs/parts/RowLoading.js.map +1 -1
- package/dist/cjs/parts/RowVariants/RowVariantHeader.js +13 -20
- package/dist/cjs/parts/RowVariants/RowVariantHeader.js.map +2 -2
- package/dist/cjs/parts/RowVariants/RowVariantPrimary.js +11 -18
- package/dist/cjs/parts/RowVariants/RowVariantPrimary.js.map +2 -2
- package/dist/cjs/parts/RowVariants/RowVariantSecondary.js +11 -18
- package/dist/cjs/parts/RowVariants/RowVariantSecondary.js.map +2 -2
- package/dist/cjs/parts/RowVariants/RowVariantSkeleton.js +74 -0
- package/dist/cjs/parts/RowVariants/RowVariantSkeleton.js.map +7 -0
- package/dist/cjs/parts/RowVariants/index.js +12 -17
- package/dist/cjs/parts/RowVariants/index.js.map +2 -2
- package/dist/cjs/parts/RowVariants/types.js +9 -16
- package/dist/cjs/parts/RowVariants/types.js.map +2 -2
- package/dist/cjs/parts/Rows.js +9 -16
- package/dist/cjs/parts/Rows.js.map +1 -1
- package/dist/cjs/parts/SortByCaret.js +9 -16
- package/dist/cjs/parts/SortByCaret.js.map +1 -1
- package/dist/cjs/parts/SortableHeaderCell.js +9 -16
- package/dist/cjs/parts/SortableHeaderCell.js.map +1 -1
- package/dist/cjs/parts/TableContent.js +13 -25
- package/dist/cjs/parts/TableContent.js.map +2 -2
- package/dist/cjs/parts/VirtualRowsList.js +12 -27
- package/dist/cjs/parts/VirtualRowsList.js.map +2 -2
- package/dist/cjs/parts/index.js +9 -16
- package/dist/cjs/parts/index.js.map +1 -1
- package/dist/cjs/parts/internal.js +30 -0
- package/dist/cjs/parts/internal.js.map +7 -0
- package/dist/cjs/prop-types.js +9 -16
- package/dist/cjs/prop-types.js.map +1 -1
- package/dist/cjs/styled.js +17 -25
- package/dist/cjs/styled.js.map +2 -2
- package/dist/cjs/tests/utils/index.js +9 -16
- package/dist/cjs/tests/utils/index.js.map +1 -1
- package/dist/cjs/types/FunctionalHoC.js +9 -16
- package/dist/cjs/types/FunctionalHoC.js.map +1 -1
- package/dist/cjs/types/props.js +9 -16
- package/dist/cjs/types/props.js.map +2 -2
- package/dist/esm/DataTable.js +13 -12
- package/dist/esm/DataTable.js.map +2 -2
- package/dist/esm/DataTableContext.js.map +1 -1
- package/dist/esm/DataTableSchema.js +6 -1
- package/dist/esm/DataTableSchema.js.map +2 -2
- package/dist/esm/addons/Columns/ColumnAction/ColumnAction.js.map +1 -1
- package/dist/esm/addons/Columns/ColumnDragHandle/ColumnDragHandle.js.map +1 -1
- package/dist/esm/addons/Columns/ColumnExpand/ColumnExpand.js +18 -10
- package/dist/esm/addons/Columns/ColumnExpand/ColumnExpand.js.map +2 -2
- package/dist/esm/addons/Columns/ColumnSelectMultiple/ColumnSelectMultiple.js +4 -2
- package/dist/esm/addons/Columns/ColumnSelectMultiple/ColumnSelectMultiple.js.map +2 -2
- package/dist/esm/addons/Columns/ColumnSelectSingle/ColumnSelectSingle.js.map +1 -1
- package/dist/esm/addons/Columns/index.js.map +1 -1
- package/dist/esm/addons/Editables/ComboboxEditableCell/ComboboxEditableCell.js +3 -3
- package/dist/esm/addons/Editables/ComboboxEditableCell/ComboboxEditableCell.js.map +2 -2
- package/dist/esm/addons/Editables/DateEditableCell/DateEditableCell.js.map +1 -1
- package/dist/esm/addons/Editables/TextEditableCell/TextEditableCell.js.map +1 -1
- package/dist/esm/addons/Editables/index.js.map +1 -1
- package/dist/esm/addons/Filters/Components/CurrencyRangeFilter/index.js +3 -3
- package/dist/esm/addons/Filters/Components/CurrencyRangeFilter/index.js.map +2 -2
- package/dist/esm/addons/Filters/Components/DateRangeFilter/index.js.map +1 -1
- package/dist/esm/addons/Filters/Components/DateSwitcherFilter/index.js.map +1 -1
- package/dist/esm/addons/Filters/Components/NumberRangeFilter/index.js +3 -3
- package/dist/esm/addons/Filters/Components/NumberRangeFilter/index.js.map +2 -2
- package/dist/esm/addons/Filters/Components/SelectFilter/BaseSelectFilter.js +17 -26
- package/dist/esm/addons/Filters/Components/SelectFilter/BaseSelectFilter.js.map +2 -2
- package/dist/esm/addons/Filters/Components/SelectFilter/MultiSelectFilter.js.map +1 -1
- package/dist/esm/addons/Filters/Components/SelectFilter/SingleSelectFilter.js.map +1 -1
- package/dist/esm/addons/Filters/Components/SelectFilter/useSelectFilterHandlers.js.map +1 -1
- package/dist/esm/addons/Filters/Components/SelectFilter/utils.js.map +1 -1
- package/dist/esm/addons/Filters/Components/SingleDateFilter/index.js.map +1 -1
- package/dist/esm/addons/Pagination/Pagination.js.map +1 -1
- package/dist/esm/configs/constants.js.map +1 -1
- package/dist/esm/configs/fixedSizes.js.map +1 -1
- package/dist/esm/configs/useDatatableConfig.js +25 -3
- package/dist/esm/configs/useDatatableConfig.js.map +2 -2
- package/dist/esm/configs/useInternalStateConfig.js +55 -0
- package/dist/esm/configs/useInternalStateConfig.js.map +7 -0
- package/dist/esm/configs/usePaginationConfig.js.map +1 -1
- package/dist/esm/configs/useRowFlattenization.js.map +1 -1
- package/dist/esm/configs/useTableColsWithAddons.js.map +1 -1
- package/dist/esm/configs/zIndexInternalConfig.js.map +1 -1
- package/dist/esm/exported-related/EditableCell.js +1 -1
- package/dist/esm/exported-related/EditableCell.js.map +2 -2
- package/dist/esm/exported-related/FilterPopover.js +30 -22
- package/dist/esm/exported-related/FilterPopover.js.map +2 -2
- package/dist/esm/exported-related/FilterTypes.js.map +1 -1
- package/dist/esm/exported-related/Filters/applyOutOfTheBoxFilters.js.map +1 -1
- package/dist/esm/exported-related/Filters/currencyRangeFilterFn.js.map +1 -1
- package/dist/esm/exported-related/Filters/dateRangeFilterFn.js.map +1 -1
- package/dist/esm/exported-related/Filters/dateSwitcherFilterFn.js.map +1 -1
- package/dist/esm/exported-related/Filters/multiSelectFilterFn.js.map +1 -1
- package/dist/esm/exported-related/Filters/numberRangeFilterFn.js.map +1 -1
- package/dist/esm/exported-related/Filters/singleDateFilterFn.js.map +1 -1
- package/dist/esm/exported-related/Filters/singleSelectFilterFn.js.map +1 -1
- package/dist/esm/exported-related/RowRenderer/DefaultRowContentRenderer.js +16 -8
- package/dist/esm/exported-related/RowRenderer/DefaultRowContentRenderer.js.map +2 -2
- package/dist/esm/exported-related/RowRenderer/index.js +3 -3
- package/dist/esm/exported-related/RowRenderer/index.js.map +2 -2
- package/dist/esm/exported-related/RowRenderer/useRowRendererHandlers.js +44 -18
- package/dist/esm/exported-related/RowRenderer/useRowRendererHandlers.js.map +2 -2
- package/dist/esm/exported-related/RowRenderer/useRowRendererProperties.js.map +1 -1
- package/dist/esm/exported-related/RowRenderer/useRowStyle.js.map +1 -1
- package/dist/esm/exported-related/RowVariants.js +2 -1
- package/dist/esm/exported-related/RowVariants.js.map +2 -2
- package/dist/esm/exported-related/Toolbar/Toolbar.js +9 -16
- package/dist/esm/exported-related/Toolbar/Toolbar.js.map +2 -2
- package/dist/esm/exported-related/groupBy.js.map +1 -1
- package/dist/esm/helpers/addCellData.js.map +1 -1
- package/dist/esm/helpers/cellPadding.js.map +1 -1
- package/dist/esm/helpers/columnsToGrid.js.map +1 -1
- package/dist/esm/helpers/getIdFromUniqueRowAccessor.js.map +1 -1
- package/dist/esm/helpers/refs-helpers.js.map +1 -1
- package/dist/esm/helpers/sizeToCss.js.map +1 -1
- package/dist/esm/hooks/useRecoverFocusCol.js.map +1 -1
- package/dist/esm/hooks/useRecoverFocusRow.js.map +1 -1
- package/dist/esm/parts/Cells/Cell.js +2 -2
- package/dist/esm/parts/Cells/Cell.js.map +2 -2
- package/dist/esm/parts/Cells/index.js.map +1 -1
- package/dist/esm/parts/Cells/useCellStyle.js.map +1 -1
- package/dist/esm/parts/DnDHandle.js.map +1 -1
- package/dist/esm/parts/DropIndicator.js.map +1 -1
- package/dist/esm/parts/EmptyContent.js.map +1 -1
- package/dist/esm/parts/FilterBar/FiltersBar.js +35 -10
- package/dist/esm/parts/FilterBar/FiltersBar.js.map +2 -2
- package/dist/esm/parts/FilterBar/components/DateRangePill.js.map +1 -1
- package/dist/esm/parts/FilterBar/components/DateSwitcherPill.js.map +1 -1
- package/dist/esm/parts/FilterBar/components/MultiSelectPill.js.map +1 -1
- package/dist/esm/parts/FilterBar/components/NumberRangePill.js.map +1 -1
- package/dist/esm/parts/FilterBar/components/SelectPill.js.map +1 -1
- package/dist/esm/parts/FilterBar/components/SingleDatePill.js.map +1 -1
- package/dist/esm/parts/FilterBar/styled.js.map +1 -1
- package/dist/esm/parts/Filters/index.js +3 -3
- package/dist/esm/parts/Filters/index.js.map +2 -2
- package/dist/esm/parts/Footer.js.map +1 -1
- package/dist/esm/parts/Headers/EmptyChildrenGroup.js.map +1 -1
- package/dist/esm/parts/Headers/HeaderCell.js +6 -13
- package/dist/esm/parts/Headers/HeaderCell.js.map +2 -2
- package/dist/esm/parts/Headers/HeaderCellGroup.js +2 -2
- package/dist/esm/parts/Headers/HeaderCellGroup.js.map +2 -2
- package/dist/esm/parts/Headers/HeaderCellTitle.js.map +1 -1
- package/dist/esm/parts/Headers/HeaderResizer.js +4 -3
- package/dist/esm/parts/Headers/HeaderResizer.js.map +2 -2
- package/dist/esm/parts/Headers/RequiredDot.js.map +1 -1
- package/dist/esm/parts/Headers/index.js.map +1 -1
- package/dist/esm/parts/Headers/useHeaderCellConfig.js.map +1 -1
- package/dist/esm/parts/Headers/useHeaderCellHandlers.js.map +1 -1
- package/dist/esm/parts/HoC/SortableItemContext.js.map +1 -1
- package/dist/esm/parts/HoC/withConditionalDnDColumnContext.js +4 -2
- package/dist/esm/parts/HoC/withConditionalDnDColumnContext.js.map +2 -2
- package/dist/esm/parts/HoC/withConditionalDnDRowContext.js.map +1 -1
- package/dist/esm/parts/HoC/withConditionalDnDSortableContext.js.map +1 -1
- package/dist/esm/parts/HoC/withDnDSortableColumnContext.js.map +1 -1
- package/dist/esm/parts/HoC/withDnDSortableRowContext.js.map +1 -1
- package/dist/esm/parts/Loader.js.map +1 -1
- package/dist/esm/parts/Row.js +15 -11
- package/dist/esm/parts/Row.js.map +2 -2
- package/dist/esm/parts/RowLoading.js.map +1 -1
- package/dist/esm/parts/RowVariants/RowVariantHeader.js +4 -4
- package/dist/esm/parts/RowVariants/RowVariantHeader.js.map +2 -2
- package/dist/esm/parts/RowVariants/RowVariantPrimary.js +2 -2
- package/dist/esm/parts/RowVariants/RowVariantPrimary.js.map +2 -2
- package/dist/esm/parts/RowVariants/RowVariantSecondary.js +2 -2
- package/dist/esm/parts/RowVariants/RowVariantSecondary.js.map +2 -2
- package/dist/esm/parts/RowVariants/RowVariantSkeleton.js +54 -0
- package/dist/esm/parts/RowVariants/RowVariantSkeleton.js.map +7 -0
- package/dist/esm/parts/RowVariants/index.js +3 -1
- package/dist/esm/parts/RowVariants/index.js.map +2 -2
- package/dist/esm/parts/Rows.js.map +1 -1
- package/dist/esm/parts/SortByCaret.js.map +1 -1
- package/dist/esm/parts/SortableHeaderCell.js.map +1 -1
- package/dist/esm/parts/TableContent.js +4 -9
- package/dist/esm/parts/TableContent.js.map +2 -2
- package/dist/esm/parts/VirtualRowsList.js +3 -11
- package/dist/esm/parts/VirtualRowsList.js.map +2 -2
- package/dist/esm/parts/internal.js +8 -0
- package/dist/esm/parts/internal.js.map +7 -0
- package/dist/esm/prop-types.js.map +1 -1
- package/dist/esm/styled.js +8 -9
- package/dist/esm/styled.js.map +2 -2
- package/dist/esm/tests/utils/index.js.map +1 -1
- package/package.json +27 -27
- package/dist/cjs/redux/reducers/headersReducers/defaults.js +0 -35
- package/dist/cjs/redux/reducers/headersReducers/defaults.js.map +0 -7
- package/dist/cjs/redux/reducers/headersReducers/headersReducers.js +0 -57
- package/dist/cjs/redux/reducers/headersReducers/headersReducers.js.map +0 -7
- package/dist/cjs/redux/reducers/headersReducers/index.js +0 -29
- package/dist/cjs/redux/reducers/headersReducers/index.js.map +0 -7
- package/dist/cjs/redux/reducers/headersReducers/logic.js +0 -56
- package/dist/cjs/redux/reducers/headersReducers/logic.js.map +0 -7
- package/dist/cjs/redux/reducers/headersReducers/useDispatchHeadersActions.js +0 -46
- package/dist/cjs/redux/reducers/headersReducers/useDispatchHeadersActions.js.map +0 -7
- package/dist/cjs/redux/reducers/index.js +0 -47
- package/dist/cjs/redux/reducers/index.js.map +0 -7
- package/dist/cjs/redux/reducers/rowsReducers/actions_types.js +0 -47
- package/dist/cjs/redux/reducers/rowsReducers/actions_types.js.map +0 -7
- package/dist/cjs/redux/reducers/rowsReducers/defaults.js +0 -55
- package/dist/cjs/redux/reducers/rowsReducers/defaults.js.map +0 -7
- package/dist/cjs/redux/reducers/rowsReducers/index.js +0 -29
- package/dist/cjs/redux/reducers/rowsReducers/index.js.map +0 -7
- package/dist/cjs/redux/reducers/rowsReducers/logic.js +0 -65
- package/dist/cjs/redux/reducers/rowsReducers/logic.js.map +0 -7
- package/dist/cjs/redux/reducers/rowsReducers/rowsReducer.js +0 -87
- package/dist/cjs/redux/reducers/rowsReducers/rowsReducer.js.map +0 -7
- package/dist/cjs/redux/reducers/rowsReducers/useDispatchRowsActions.js +0 -61
- package/dist/cjs/redux/reducers/rowsReducers/useDispatchRowsActions.js.map +0 -7
- package/dist/cjs/redux/storeConfig.js +0 -38
- package/dist/cjs/redux/storeConfig.js.map +0 -7
- package/dist/esm/redux/reducers/headersReducers/defaults.js +0 -6
- package/dist/esm/redux/reducers/headersReducers/defaults.js.map +0 -7
- package/dist/esm/redux/reducers/headersReducers/headersReducers.js +0 -28
- package/dist/esm/redux/reducers/headersReducers/headersReducers.js.map +0 -7
- package/dist/esm/redux/reducers/headersReducers/index.js +0 -4
- package/dist/esm/redux/reducers/headersReducers/index.js.map +0 -7
- package/dist/esm/redux/reducers/headersReducers/logic.js +0 -29
- package/dist/esm/redux/reducers/headersReducers/logic.js.map +0 -7
- package/dist/esm/redux/reducers/headersReducers/useDispatchHeadersActions.js +0 -17
- package/dist/esm/redux/reducers/headersReducers/useDispatchHeadersActions.js.map +0 -7
- package/dist/esm/redux/reducers/index.js +0 -18
- package/dist/esm/redux/reducers/index.js.map +0 -7
- package/dist/esm/redux/reducers/rowsReducers/actions_types.js +0 -18
- package/dist/esm/redux/reducers/rowsReducers/actions_types.js.map +0 -7
- package/dist/esm/redux/reducers/rowsReducers/defaults.js +0 -26
- package/dist/esm/redux/reducers/rowsReducers/defaults.js.map +0 -7
- package/dist/esm/redux/reducers/rowsReducers/index.js +0 -4
- package/dist/esm/redux/reducers/rowsReducers/index.js.map +0 -7
- package/dist/esm/redux/reducers/rowsReducers/logic.js +0 -36
- package/dist/esm/redux/reducers/rowsReducers/logic.js.map +0 -7
- package/dist/esm/redux/reducers/rowsReducers/rowsReducer.js +0 -67
- package/dist/esm/redux/reducers/rowsReducers/rowsReducer.js.map +0 -7
- package/dist/esm/redux/reducers/rowsReducers/useDispatchRowsActions.js +0 -41
- package/dist/esm/redux/reducers/rowsReducers/useDispatchRowsActions.js.map +0 -7
- package/dist/esm/redux/storeConfig.js +0 -9
- package/dist/esm/redux/storeConfig.js.map +0 -7
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/prop-types.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["/* eslint-disable max-lines */\nimport PropTypes from 'prop-types';\n\nexport const tableStateShape = {\n allColumns: PropTypes.array,\n columns: PropTypes.array,\n visibleColumns: PropTypes.array,\n data: PropTypes.array,\n preFilteredFlatRows: PropTypes.array,\n preFilteredRows: PropTypes.array,\n rows: PropTypes.array,\n page: PropTypes.array,\n preFilteredRowsById: PropTypes.object,\n rowsById: PropTypes.object,\n setAllFilters: PropTypes.func,\n setFilter: PropTypes.func,\n totalColumnsWidth: PropTypes.number,\n};\n\nexport const filterComponentPropType = {\n ...tableStateShape,\n column: PropTypes.object,\n};\nexport const editableCellPropType = {\n cell: PropTypes.object.isRequired,\n DefaultCellRender: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).isRequired,\n};\n\nexport const CellPropType = tableStateShape;\n\nexport const headerGroupsType = PropTypes.arrayOf(\n PropTypes.shape({\n getHeaderGroupProps: PropTypes.func.isRequired,\n headers: PropTypes.arrayOf(PropTypes.object).isRequired,\n }),\n);\nexport const renderRowActionsPropType = PropTypes.oneOfType([\n PropTypes.oneOf([false]),\n PropTypes.shape({\n columnWidth: PropTypes.number.isRequired,\n renderer: PropTypes.func.isRequired,\n }),\n]);\n\nexport const paginationPropType = PropTypes.oneOfType([\n PropTypes.bool,\n PropTypes.shape({\n perPageOptions: PropTypes.arrayOf(PropTypes.number),\n }),\n]);\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,wBAAsB;AAEf,MAAM,kBAAkB;AAAA,EAC7B,YAAY,0BAAU;AAAA,EACtB,SAAS,0BAAU;AAAA,EACnB,gBAAgB,0BAAU;AAAA,EAC1B,MAAM,0BAAU;AAAA,EAChB,qBAAqB,0BAAU;AAAA,EAC/B,iBAAiB,0BAAU;AAAA,EAC3B,MAAM,0BAAU;AAAA,EAChB,MAAM,0BAAU;AAAA,EAChB,qBAAqB,0BAAU;AAAA,EAC/B,UAAU,0BAAU;AAAA,EACpB,eAAe,0BAAU;AAAA,EACzB,WAAW,0BAAU;AAAA,EACrB,mBAAmB,0BAAU;AAC/B;AAEO,MAAM,0BAA0B,iCAClC,kBADkC;AAAA,EAErC,QAAQ,0BAAU;AACpB;AACO,MAAM,uBAAuB;AAAA,EAClC,MAAM,0BAAU,OAAO;AAAA,EACvB,mBAAmB,0BAAU,UAAU,CAAC,0BAAU,MAAM,0BAAU,MAAM,CAAC,EAAE;AAC7E;AAEO,MAAM,eAAe;AAErB,MAAM,mBAAmB,0BAAU,QACxC,0BAAU,MAAM;AAAA,EACd,qBAAqB,0BAAU,KAAK;AAAA,EACpC,SAAS,0BAAU,QAAQ,0BAAU,MAAM,EAAE;AAC/C,CAAC,CACH;AACO,MAAM,2BAA2B,0BAAU,UAAU;AAAA,EAC1D,0BAAU,MAAM,CAAC,KAAK,CAAC;AAAA,EACvB,0BAAU,MAAM;AAAA,IACd,aAAa,0BAAU,OAAO;AAAA,IAC9B,UAAU,0BAAU,KAAK;AAAA,EAC3B,CAAC;AACH,CAAC;AAEM,MAAM,qBAAqB,0BAAU,UAAU;AAAA,EACpD,0BAAU;AAAA,EACV,0BAAU,MAAM;AAAA,IACd,gBAAgB,0BAAU,QAAQ,0BAAU,MAAM;AAAA,EACpD,CAAC;AACH,CAAC;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/cjs/styled.js
CHANGED
|
@@ -4,27 +4,20 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
4
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
5
|
var __getProtoOf = Object.getPrototypeOf;
|
|
6
6
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
7
|
var __export = (target, all) => {
|
|
9
8
|
for (var name in all)
|
|
10
9
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
10
|
};
|
|
12
|
-
var
|
|
13
|
-
if (
|
|
14
|
-
for (let key of __getOwnPropNames(
|
|
15
|
-
if (!__hasOwnProp.call(
|
|
16
|
-
__defProp(
|
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
+
for (let key of __getOwnPropNames(from))
|
|
14
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
15
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
16
|
}
|
|
18
|
-
return
|
|
17
|
+
return to;
|
|
19
18
|
};
|
|
20
|
-
var __toESM = (
|
|
21
|
-
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
19
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
|
|
20
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
28
21
|
var styled_exports = {};
|
|
29
22
|
__export(styled_exports, {
|
|
30
23
|
GroupHeaderContainer: () => GroupHeaderContainer,
|
|
@@ -33,6 +26,7 @@ __export(styled_exports, {
|
|
|
33
26
|
StyledCell: () => StyledCell,
|
|
34
27
|
StyledCellContainer: () => StyledCellContainer,
|
|
35
28
|
StyledCellContent: () => StyledCellContent,
|
|
29
|
+
StyledDataTableContentWrapper: () => StyledDataTableContentWrapper,
|
|
36
30
|
StyledDataTableWrapper: () => StyledDataTableWrapper,
|
|
37
31
|
StyledEditableContainer: () => StyledEditableContainer,
|
|
38
32
|
StyledFocusWithin: () => StyledFocusWithin,
|
|
@@ -47,6 +41,7 @@ __export(styled_exports, {
|
|
|
47
41
|
StyledTableWrapper: () => StyledTableWrapper,
|
|
48
42
|
StyledVirtualListWrapper: () => StyledVirtualListWrapper
|
|
49
43
|
});
|
|
44
|
+
module.exports = __toCommonJS(styled_exports);
|
|
50
45
|
var React = __toESM(require("react"));
|
|
51
46
|
var import_styled_components = __toESM(require("styled-components"));
|
|
52
47
|
var import_ds_grid = require("@elliemae/ds-grid");
|
|
@@ -75,7 +70,11 @@ const StyledFocusWithin = (0, import_styled_components.default)(import_ds_grid.G
|
|
|
75
70
|
const StyledDataTableWrapper = import_styled_components.default.div`
|
|
76
71
|
width: ${(props) => (0, import_helpers.sizeToCss)(props.width ?? " 100%")};
|
|
77
72
|
height: ${(props) => (0, import_helpers.sizeToCss)(props.height ?? " 100%")};
|
|
73
|
+
`;
|
|
74
|
+
const StyledDataTableContentWrapper = import_styled_components.default.div`
|
|
78
75
|
user-select: ${({ noSelectionAllowed }) => noSelectionAllowed ? "none" : "auto"};
|
|
76
|
+
width: 100%;
|
|
77
|
+
height: 100%;
|
|
79
78
|
`;
|
|
80
79
|
const StyledTableWrapper = import_styled_components.default.div`
|
|
81
80
|
display: inline-block;
|
|
@@ -129,14 +128,8 @@ const StyledHeadTr = (0, import_styled_components.default)(import_ds_grid.Grid)`
|
|
|
129
128
|
})};
|
|
130
129
|
border-right: 1px solid ${(props) => props.theme.colors.neutral["080"]};
|
|
131
130
|
border-bottom: 1px solid ${(props) => props.theme.colors.neutral["080"]};
|
|
131
|
+
grid-auto-flow: column;
|
|
132
132
|
`;
|
|
133
|
-
const getStyledHeadTHBorderColor = (props) => {
|
|
134
|
-
if (props.dragOverlay)
|
|
135
|
-
return "transparent";
|
|
136
|
-
if (props.isFirstRowGroup)
|
|
137
|
-
return "transparent";
|
|
138
|
-
return props.theme.colors.neutral["080"];
|
|
139
|
-
};
|
|
140
133
|
const StyledHeadTh = import_styled_components.default.div`
|
|
141
134
|
min-height: 24px;
|
|
142
135
|
line-height: normal;
|
|
@@ -192,7 +185,7 @@ const StyledHeaderRightIconsWrapper = import_styled_components.default.div`
|
|
|
192
185
|
`;
|
|
193
186
|
const StyledResizer = import_styled_components.default.div`
|
|
194
187
|
display: inline-block;
|
|
195
|
-
background:
|
|
188
|
+
background: transparent;
|
|
196
189
|
width: 4px;
|
|
197
190
|
height: 100%;
|
|
198
191
|
position: absolute;
|
|
@@ -300,7 +293,7 @@ const StyledCellContainer = (0, import_styled_components.default)(import_ds_grid
|
|
|
300
293
|
return styledFocusCss({ theme });
|
|
301
294
|
}}
|
|
302
295
|
|
|
303
|
-
${({ shouldDisplayHover, theme }) => shouldDisplayHover ? `:hover {
|
|
296
|
+
${({ shouldDisplayHover, theme, disabled }) => shouldDisplayHover && !disabled ? `:hover {
|
|
304
297
|
background-color: ${theme.colors.brand[200]};
|
|
305
298
|
}` : ""}
|
|
306
299
|
|
|
@@ -315,5 +308,4 @@ const StyledCellContainer = (0, import_styled_components.default)(import_ds_grid
|
|
|
315
308
|
|
|
316
309
|
color: ${(props) => props.disabled ? props.theme.colors.neutral["500"] : "#333333"};
|
|
317
310
|
`;
|
|
318
|
-
module.exports = __toCommonJS(styled_exports);
|
|
319
311
|
//# sourceMappingURL=styled.js.map
|
package/dist/cjs/styled.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/styled.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["/* eslint-disable max-lines */\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { EditPencil } from '@elliemae/ds-icons';\nimport { sizeToCss, cellPadding, columnPadding } from './helpers';\nimport { ZIndexDataTable } from './configs/zIndexInternalConfig';\nimport { ColsLayoutStyle } from './configs/constants';\n\ninterface WidthAndHeight {\n width?: string | number;\n height?: string | number;\n}\n\nconst styledFocusCss = ({ theme }) => `\n&:after {\n display: block;\n content: ' ';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n border: 2px solid ${theme.colors.brand[700]};\n pointer-events: none;\n z-index: ${ZIndexDataTable.FOCUS_BORDER};\n}`;\n\nexport const StyledFocusWithin = styled(Grid)`\n :focus-within {\n ${(props) => (props.hideFocus ? '' : styledFocusCss(props))}\n }\n`;\n\nexport const StyledDataTableWrapper = styled.div<WidthAndHeight
|
|
5
|
-
"mappings": "
|
|
4
|
+
"sourcesContent": ["/* eslint-disable max-lines */\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { EditPencil } from '@elliemae/ds-icons';\nimport { sizeToCss, cellPadding, columnPadding } from './helpers';\nimport { ZIndexDataTable } from './configs/zIndexInternalConfig';\nimport { ColsLayoutStyle } from './configs/constants';\n\ninterface WidthAndHeight {\n width?: string | number;\n height?: string | number;\n}\n\nconst styledFocusCss = ({ theme }) => `\n&:after {\n display: block;\n content: ' ';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n border: 2px solid ${theme.colors.brand[700]};\n pointer-events: none;\n z-index: ${ZIndexDataTable.FOCUS_BORDER};\n}`;\n\nexport const StyledFocusWithin = styled(Grid)`\n :focus-within {\n ${(props) => (props.hideFocus ? '' : styledFocusCss(props))}\n }\n`;\n\nexport const StyledDataTableWrapper = styled.div<WidthAndHeight>`\n width: ${(props) => sizeToCss(props.width ?? ' 100%')};\n height: ${(props) => sizeToCss(props.height ?? ' 100%')};\n`;\n\nexport const StyledDataTableContentWrapper = styled.div<WidthAndHeight & { noSelectionAllowed: boolean }>`\n user-select: ${({ noSelectionAllowed }) => (noSelectionAllowed ? 'none' : 'auto')};\n width: 100%;\n height: 100%;\n`;\nexport const StyledTableWrapper = styled.div<WidthAndHeight>`\n display: inline-block;\n border-spacing: 0;\n z-index: 0;\n position: relative;\n ${({ width = '100%', height = '100%' }) => `\n width: ${sizeToCss(width)};\n height: ${sizeToCss(height)};\n `}\n`;\nexport const StyledTableContentWrapper = styled.div<WidthAndHeight>`\n position: relative;\n ${({ height = 'auto' }) => `\n height: ${sizeToCss(height)};\n `}\n`;\nexport const StyledVirtualListWrapper = styled.div<WidthAndHeight>`\n overflow: auto;\n ${({ height = 'auto', width = '100%' }) => `\n height: ${sizeToCss(height)};\n width: ${sizeToCss(width)};\n `}\n`;\n\n/**\n * HEADER\n */\ntype gridTemplateColumnStyleProps = {\n cols: string[];\n isExpandable: boolean;\n colsLayoutStyle: ColsLayoutStyle;\n};\nconst getGridTemplateColumnsStyle = ({\n cols,\n colsLayoutStyle = ColsLayoutStyle.Auto,\n}: gridTemplateColumnStyleProps) => {\n if (!cols) return '';\n if (colsLayoutStyle === 'fixed') {\n const widthAttr = cols.map((col) => `minmax(0, ${col})`).join(' ');\n return `grid-template-columns: ${widthAttr}`;\n }\n\n return `grid-template-columns: ${cols.map((col) => `minmax(0, ${col})`).join(' ')}`;\n};\n\nexport const StyledHeadWrapper = styled.div<{\n colsLayoutStyle: string;\n totalColumnsWidth: number | string;\n}>`\n position: relative; /* ie11 fallback */\n position: sticky;\n top: 0;\n z-index: 4;\n background: white;\n width: ${(props) => (props.colsLayoutStyle === ColsLayoutStyle.Fixed ? sizeToCss(props.totalColumnsWidth) : '100%')};\n`;\n\nexport const StyledHeadTr = styled(Grid)`\n ${(props) => (props.colsLayoutStyle === ColsLayoutStyle.Auto ? 'width:100%' : '')};\n ${(props) =>\n getGridTemplateColumnsStyle({\n cols: props.cols,\n isExpandable: props.isExpandable,\n colsLayoutStyle: props.colsLayoutStyle,\n })};\n border-right: 1px solid ${(props) => props.theme.colors.neutral['080']};\n border-bottom: 1px solid ${(props) => props.theme.colors.neutral['080']};\n grid-auto-flow: column;\n`;\n\nexport const StyledHeadTh = styled.div<any>`\n min-height: 24px;\n line-height: normal;\n font-weight: 600;\n text-transform: uppercase;\n font-size: 0.923rem;\n text-align: left;\n ${columnPadding}\n color: #353c46;\n min-height: 1.84615rem;\n position: sticky;\n z-index: ${ZIndexDataTable.HEADER_ROW};\n display: flex;\n justify-content: space-between;\n box-sizing: border-box;\n outline: none;\n ${(props) =>\n props.isDraggingActive\n ? ''\n : `:hover {\n &:after {\n display: block;\n content: ' ';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n border-bottom: 1px solid ${props.theme.colors.brand[700]};\n pointer-events: none;\n z-index: ${ZIndexDataTable.FOCUS_BORDER};\n }\n cursor: pointer;\n }`}\n\n :focus {\n &:after {\n display: block;\n content: ' ';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n border: 2px solid ${(props) => props.theme.colors.brand[700]};\n pointer-events: none;\n z-index: ${ZIndexDataTable.FOCUS_BORDER};\n }\n }\n`;\n\nexport const StyledHeaderRightIconsWrapper = styled.div`\n height: 100%;\n display: flex;\n align-items: center;\n max-height: 24px;\n`;\n\nexport const StyledResizer = styled.div<{ isResizing: boolean }>`\n display: inline-block;\n background: transparent;\n width: 4px;\n height: 100%;\n position: absolute;\n right: 0;\n top: 0;\n z-index: 1;\n\n // prevents from scrolling while dragging on touch devices\n touch-action: none;\n\n cursor: col-resize;\n`;\n\n// CELL ***********************************************************************/\nexport const StyledActionCell = styled.div`\n position: relative; /* ie11 fallback */\n position: sticky;\n display: inline-block;\n right: 0;\n /* border-bottom: 1px solid #ebedf0; */\n background: white;\n`;\n\nexport const StyledCell = styled.div`\n ${cellPadding}\n /* border-bottom: 1px solid #ebedf0; */\n /* box-sizing: border-box; */\n display: flex;\n align-items: center;\n width: 100%;\n position: relative;\n`;\n\nexport const StyledCellContent = styled.div`\n display: grid;\n justify-self: flex-end;\n flex: 1 1 auto;\n width: 100%;\n height: 100%;\n align-items: center;\n`;\n\nexport const StyledPencilIcon = styled(EditPencil)``;\n\nexport const StyledEditableContainer = styled(Grid)<{ shouldDisplayEditIcon: string }>`\n width: 100%;\n height: 100%;\n align-items: center;\n & ${StyledPencilIcon} {\n display: ${({ shouldDisplayEditIcon }) => (shouldDisplayEditIcon ? 'block' : 'none')};\n }\n &:hover {\n ${StyledPencilIcon} {\n display: block;\n }\n }\n &:focus {\n ${styledFocusCss}\n ${StyledPencilIcon} {\n display: block;\n }\n }\n outline: none;\n`;\n\n// ROW ************************************************************************/\nexport const StyledFullsizeGrid = styled(Grid)`\n position: relative;\n z-index: ${ZIndexDataTable.ROW};\n\n min-height: ${(props) => props.minHeight || '36px'};\n height: ${(props) => props.height || 'auto'};\n /* width: ${(props) =>\n props.colsLayoutStyle === ColsLayoutStyle.Fixed ? sizeToCss(props.totalColumnsWidth) : '100%'}; */\n`;\n\nexport const GroupHeaderContainer = styled(Grid)<{ padding: string }>`\n position: relative;\n background-color: ${({ theme }) => theme.colors.brand[200]};\n align-items: center;\n padding: 0 ${(props) => props.padding};\n border-top: 1px solid ${({ theme }) => theme.colors.brand[300]};\n grid-template-columns: min-content 1fr;\n`;\n\nexport const GroupHeaderTitle = styled.span`\n font-weight: ${(props) => props.theme.fontWeights.semibold};\n font-size: 12px;\n color: ${(props) => props.theme.colors.neutral[700]};\n`;\n\nexport const StyledCellContainer = styled(Grid)`\n position: relative;\n z-index: 2;\n\n min-height: ${(props) => props.minHeight || '36px'};\n height: ${(props) => props.height || 'auto'};\n\n width: ${(props) => (props.colLayoutStyle === ColsLayoutStyle.Fixed ? sizeToCss(props.totalColumnsWidth) : '100%')};\n ${(props) => (props.isDragOverlay ? 'width: fit-content;' : '')};\n ${(props) =>\n getGridTemplateColumnsStyle({\n cols: props.cols,\n colsLayoutStyle: props.colLayoutStyle,\n isExpandable: props.isExpandable,\n })};\n background-color: ${({ backgroundColor, isDragging, theme }) =>\n isDragging ? theme.colors.neutral[100] : backgroundColor || 'white'};\n\n outline: none;\n\n :focus {\n ${(props) => (props.isDragOverlay ? '' : styledFocusCss(props))}\n }\n\n ${({ isDropIndicatorPositionInside, theme }) => {\n if (!isDropIndicatorPositionInside) return '';\n return styledFocusCss({ theme });\n }}\n\n ${({ shouldDisplayHover, theme, disabled }) =>\n shouldDisplayHover && !disabled\n ? `:hover {\n background-color: ${theme.colors.brand[200]};\n }`\n : ''}\n\n box-shadow: 0 2px 4px 0 ${(props) => (props.isDragOverlay ? 'rgba(0,0,0,0.5)' : 'transparent')};\n\n opacity: ${(props) => (props.isDragging ? 0.8 : 1)};\n\n ${(props) =>\n !props.selected\n ? ''\n : `\n background-color: ${props.theme.colors.brand[200]};\n border: 1px solid ${props.theme.colors.brand[500]};\n `}\n\n color: ${(props) => (props.disabled ? props.theme.colors.neutral['500'] : '#333333')};\n`;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,+BAAmB;AACnB,qBAAqB;AACrB,sBAA2B;AAC3B,qBAAsD;AACtD,kCAAgC;AAChC,uBAAgC;AAOhC,MAAM,iBAAiB,CAAC,EAAE,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAShB,MAAM,OAAO,MAAM;AAAA;AAAA,aAE5B,4CAAgB;AAAA;AAGtB,MAAM,oBAAoB,sCAAO,mBAAI;AAAA;AAAA,MAEtC,CAAC,UAAW,MAAM,YAAY,KAAK,eAAe,KAAK;AAAA;AAAA;AAItD,MAAM,yBAAyB,iCAAO;AAAA,WAClC,CAAC,UAAU,8BAAU,MAAM,SAAS,OAAO;AAAA,YAC1C,CAAC,UAAU,8BAAU,MAAM,UAAU,OAAO;AAAA;AAGjD,MAAM,gCAAgC,iCAAO;AAAA,iBACnC,CAAC,EAAE,yBAA0B,qBAAqB,SAAS;AAAA;AAAA;AAAA;AAIrE,MAAM,qBAAqB,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKrC,CAAC,EAAE,QAAQ,QAAQ,SAAS,aAAa;AAAA,WAClC,8BAAU,KAAK;AAAA,YACd,8BAAU,MAAM;AAAA;AAAA;AAGrB,MAAM,4BAA4B,iCAAO;AAAA;AAAA,IAE5C,CAAC,EAAE,SAAS,aAAa;AAAA,YACjB,8BAAU,MAAM;AAAA;AAAA;AAGrB,MAAM,2BAA2B,iCAAO;AAAA;AAAA,IAE3C,CAAC,EAAE,SAAS,QAAQ,QAAQ,aAAa;AAAA,YACjC,8BAAU,MAAM;AAAA,WACjB,8BAAU,KAAK;AAAA;AAAA;AAY1B,MAAM,8BAA8B,CAAC;AAAA,EACnC;AAAA,EACA,kBAAkB,iCAAgB;AAAA,MACA;AAClC,MAAI,CAAC;AAAM,WAAO;AAClB,MAAI,oBAAoB,SAAS;AAC/B,UAAM,YAAY,KAAK,IAAI,CAAC,QAAQ,aAAa,MAAM,EAAE,KAAK,GAAG;AACjE,WAAO,0BAA0B;AAAA,EACnC;AAEA,SAAO,0BAA0B,KAAK,IAAI,CAAC,QAAQ,aAAa,MAAM,EAAE,KAAK,GAAG;AAClF;AAEO,MAAM,oBAAoB,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAS7B,CAAC,UAAW,MAAM,oBAAoB,iCAAgB,QAAQ,8BAAU,MAAM,iBAAiB,IAAI;AAAA;AAGvG,MAAM,eAAe,sCAAO,mBAAI;AAAA,IACnC,CAAC,UAAW,MAAM,oBAAoB,iCAAgB,OAAO,eAAe;AAAA,IAC5E,CAAC,UACD,4BAA4B;AAAA,EAC1B,MAAM,MAAM;AAAA,EACZ,cAAc,MAAM;AAAA,EACpB,iBAAiB,MAAM;AACzB,CAAC;AAAA,4BACuB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,6BACrC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAI5D,MAAM,eAAe,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAO/B;AAAA;AAAA;AAAA;AAAA,aAIS,4CAAgB;AAAA;AAAA;AAAA;AAAA;AAAA,IAKzB,CAAC,UACD,MAAM,mBACF,KACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uCAS+B,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA,uBAEzC,4CAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAcb,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA,iBAE7C,4CAAgB;AAAA;AAAA;AAAA;AAK1B,MAAM,gCAAgC,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAO7C,MAAM,gBAAgB,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiB7B,MAAM,mBAAmB,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAShC,MAAM,aAAa,iCAAO;AAAA,IAC7B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASG,MAAM,oBAAoB,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASjC,MAAM,mBAAmB,sCAAO,0BAAU;AAE1C,MAAM,0BAA0B,sCAAO,mBAAI;AAAA;AAAA;AAAA;AAAA,MAI5C;AAAA,eACS,CAAC,EAAE,4BAA6B,wBAAwB,UAAU;AAAA;AAAA;AAAA,MAG3E;AAAA;AAAA;AAAA;AAAA;AAAA,MAKA;AAAA,MACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQC,MAAM,qBAAqB,sCAAO,mBAAI;AAAA;AAAA,aAEhC,4CAAgB;AAAA;AAAA,gBAEb,CAAC,UAAU,MAAM,aAAa;AAAA,YAClC,CAAC,UAAU,MAAM,UAAU;AAAA,cACzB,CAAC,UACX,MAAM,oBAAoB,iCAAgB,QAAQ,8BAAU,MAAM,iBAAiB,IAAI;AAAA;AAGpF,MAAM,uBAAuB,sCAAO,mBAAI;AAAA;AAAA,sBAEzB,CAAC,EAAE,YAAY,MAAM,OAAO,MAAM;AAAA;AAAA,eAEzC,CAAC,UAAU,MAAM;AAAA,0BACN,CAAC,EAAE,YAAY,MAAM,OAAO,MAAM;AAAA;AAAA;AAIrD,MAAM,mBAAmB,iCAAO;AAAA,iBACtB,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA;AAAA,WAEzC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAG1C,MAAM,sBAAsB,sCAAO,mBAAI;AAAA;AAAA;AAAA;AAAA,gBAI9B,CAAC,UAAU,MAAM,aAAa;AAAA,YAClC,CAAC,UAAU,MAAM,UAAU;AAAA;AAAA,WAE5B,CAAC,UAAW,MAAM,mBAAmB,iCAAgB,QAAQ,8BAAU,MAAM,iBAAiB,IAAI;AAAA,IACzG,CAAC,UAAW,MAAM,gBAAgB,wBAAwB;AAAA,IAC1D,CAAC,UACD,4BAA4B;AAAA,EAC1B,MAAM,MAAM;AAAA,EACZ,iBAAiB,MAAM;AAAA,EACvB,cAAc,MAAM;AACtB,CAAC;AAAA,sBACiB,CAAC,EAAE,iBAAiB,YAAY,YAClD,aAAa,MAAM,OAAO,QAAQ,OAAO,mBAAmB;AAAA;AAAA;AAAA;AAAA;AAAA,MAK1D,CAAC,UAAW,MAAM,gBAAgB,KAAK,eAAe,KAAK;AAAA;AAAA;AAAA,IAG7D,CAAC,EAAE,+BAA+B,YAAY;AAC9C,MAAI,CAAC;AAA+B,WAAO;AAC3C,SAAO,eAAe,EAAE,MAAM,CAAC;AACjC;AAAA;AAAA,IAEE,CAAC,EAAE,oBAAoB,OAAO,eAC9B,sBAAsB,CAAC,WACnB;AAAA,gCACwB,MAAM,OAAO,MAAM;AAAA,eAE3C;AAAA;AAAA,4BAEoB,CAAC,UAAW,MAAM,gBAAgB,oBAAoB;AAAA;AAAA,aAErE,CAAC,UAAW,MAAM,aAAa,MAAM;AAAA;AAAA,IAE9C,CAAC,UACD,CAAC,MAAM,WACH,KACA;AAAA,wBACgB,MAAM,MAAM,OAAO,MAAM;AAAA,wBACzB,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA,WAGtC,CAAC,UAAW,MAAM,WAAW,MAAM,MAAM,OAAO,QAAQ,SAAS;AAAA;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -4,27 +4,20 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
4
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
5
|
var __getProtoOf = Object.getPrototypeOf;
|
|
6
6
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
7
|
var __export = (target, all) => {
|
|
9
8
|
for (var name in all)
|
|
10
9
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
10
|
};
|
|
12
|
-
var
|
|
13
|
-
if (
|
|
14
|
-
for (let key of __getOwnPropNames(
|
|
15
|
-
if (!__hasOwnProp.call(
|
|
16
|
-
__defProp(
|
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
+
for (let key of __getOwnPropNames(from))
|
|
14
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
15
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
16
|
}
|
|
18
|
-
return
|
|
17
|
+
return to;
|
|
19
18
|
};
|
|
20
|
-
var __toESM = (
|
|
21
|
-
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
19
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
|
|
20
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
28
21
|
var utils_exports = {};
|
|
29
22
|
__export(utils_exports, {
|
|
30
23
|
genColumns: () => genColumns,
|
|
@@ -33,6 +26,7 @@ __export(utils_exports, {
|
|
|
33
26
|
genMasterDetailRows: () => genMasterDetailRows,
|
|
34
27
|
genRows: () => genRows
|
|
35
28
|
});
|
|
29
|
+
module.exports = __toCommonJS(utils_exports);
|
|
36
30
|
var React = __toESM(require("react"));
|
|
37
31
|
var import_uid = require("uid");
|
|
38
32
|
const genColumns = (canSort = false) => [
|
|
@@ -115,5 +109,4 @@ const genRows = (n) => new Array(n).fill({}).map((_, id) => generateRecord(id));
|
|
|
115
109
|
const genExpandableRows = (n) => new Array(n).fill({}).map((_, id) => generateRecordWithOneChild(id));
|
|
116
110
|
const genMasterDetailRows = (n) => new Array(n).fill({}).map((_, id) => generateMasterDetailRecord(id));
|
|
117
111
|
const genGroupedRows = (n) => new Array(n).fill({}).map((_, id) => generateGroupedRecord(id));
|
|
118
|
-
module.exports = __toCommonJS(utils_exports);
|
|
119
112
|
//# sourceMappingURL=index.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/tests/utils/index.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import { uid } from 'uid';\n\nexport const genColumns = (canSort = false) => [\n {\n Header: 'id',\n accessor: 'id',\n canSort,\n },\n {\n Header: 'Name',\n accessor: 'name',\n canSort,\n },\n {\n Header: 'Position',\n accessor: 'position',\n canSort,\n },\n {\n Header: 'Country',\n accessor: 'country',\n canSort,\n },\n {\n Header: 'Salary',\n accessor: 'salary',\n },\n {\n Header: 'Single date',\n accessor: 'singleDate',\n },\n {\n Header: 'Date range',\n accessor: 'dateRange',\n },\n];\n\nconst generateRecord = (id: number) => ({\n id: id + 1,\n name: (id + 1) % 2 ? `John` : 'Francisco',\n position: (id + 1) % 2 ? `Developer` : `Designer`,\n country: (id + 1) % 2 ? 'US' : 'ARG',\n salary: (id + 1) % 2 ? `12321232 $` : `12321232 pesos`,\n singleDate: `${(id % 12) + 1}/${(id % 27) + 1}/2020`,\n dateRange: `${(id % 12) + 1}/${(id % 27) + 1}/2019`,\n uid: uid(16),\n});\n\nconst generateRecordWithOneChild = (id: number, level = 0) => {\n const record: Record<string, any> = {\n id: id + 1,\n name: (id + 1) % 2 ? `John` : 'Francisco',\n position: (id + 1) % 2 ? `Developer` : `Designer`,\n country: (id + 1) % 2 ? 'US' : 'ARG',\n salary: (id + 1) % 2 ? `12321232 $` : `12321232 pesos`,\n singleDate: `${(id % 12) + 1}/${(id % 27) + 1}/2020`,\n dateRange: `${(id % 12) + 1}/${(id % 27) + 1}/2019`,\n myUniqueRowAccessor: uid(16),\n };\n if (level === 0) record.subRows = [generateRecordWithOneChild(0, level + 1)];\n return record;\n};\n\nconst generateMasterDetailRecord = (id) => ({\n id: id + 1,\n name: (id + 1) % 2 ? `John` : 'Francisco',\n position: (id + 1) % 2 ? `Developer` : `Designer`,\n country: (id + 1) % 2 ? 'US' : 'ARG',\n salary: (id + 1) % 2 ? `12321232 $` : `12321232 pesos`,\n singleDate: `${(id % 12) + 1}/${(id % 27) + 1}/2020`,\n dateRange: `${(id % 12) + 1}/${(id % 27) + 1}/2019`,\n myUniqueRowAccessor: uid(16),\n tableRowDetails: () => 'Custom JSX',\n});\n\nconst generateGroupedRecord = (id) => ({\n dimsumHeaderValue: id,\n row_variant_type: 'ds_header_group_row',\n subRows: [generateRecord(0)],\n uid: uid(16),\n});\n\nexport const genRows = (n: number) => new Array(n).fill({}).map((_, id) => generateRecord(id));\nexport const genExpandableRows = (n: number) => new Array(n).fill({}).map((_, id) => generateRecordWithOneChild(id));\nexport const genMasterDetailRows = (n: number) => new Array(n).fill({}).map((_, id) => generateMasterDetailRecord(id));\nexport const genGroupedRows = (n: number) => new Array(n).fill({}).map((_, id) => generateGroupedRecord(id));\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,iBAAoB;AAEb,MAAM,aAAa,CAAC,UAAU,UAAU;AAAA,EAC7C;AAAA,IACE,QAAQ;AAAA,IACR,UAAU;AAAA,IACV;AAAA,EACF;AAAA,EACA;AAAA,IACE,QAAQ;AAAA,IACR,UAAU;AAAA,IACV;AAAA,EACF;AAAA,EACA;AAAA,IACE,QAAQ;AAAA,IACR,UAAU;AAAA,IACV;AAAA,EACF;AAAA,EACA;AAAA,IACE,QAAQ;AAAA,IACR,UAAU;AAAA,IACV;AAAA,EACF;AAAA,EACA;AAAA,IACE,QAAQ;AAAA,IACR,UAAU;AAAA,EACZ;AAAA,EACA;AAAA,IACE,QAAQ;AAAA,IACR,UAAU;AAAA,EACZ;AAAA,EACA;AAAA,IACE,QAAQ;AAAA,IACR,UAAU;AAAA,EACZ;AACF;AAEA,MAAM,iBAAiB,CAAC,OAAgB;AAAA,EACtC,IAAI,KAAK;AAAA,EACT,MAAO,MAAK,KAAK,IAAI,SAAS;AAAA,EAC9B,UAAW,MAAK,KAAK,IAAI,cAAc;AAAA,EACvC,SAAU,MAAK,KAAK,IAAI,OAAO;AAAA,EAC/B,QAAS,MAAK,KAAK,IAAI,eAAe;AAAA,EACtC,YAAY,GAAI,KAAK,KAAM,KAAM,KAAK,KAAM;AAAA,EAC5C,WAAW,GAAI,KAAK,KAAM,KAAM,KAAK,KAAM;AAAA,EAC3C,KAAK,oBAAI,EAAE;AACb;AAEA,MAAM,6BAA6B,CAAC,IAAY,QAAQ,MAAM;AAC5D,QAAM,SAA8B;AAAA,IAClC,IAAI,KAAK;AAAA,IACT,MAAO,MAAK,KAAK,IAAI,SAAS;AAAA,IAC9B,UAAW,MAAK,KAAK,IAAI,cAAc;AAAA,IACvC,SAAU,MAAK,KAAK,IAAI,OAAO;AAAA,IAC/B,QAAS,MAAK,KAAK,IAAI,eAAe;AAAA,IACtC,YAAY,GAAI,KAAK,KAAM,KAAM,KAAK,KAAM;AAAA,IAC5C,WAAW,GAAI,KAAK,KAAM,KAAM,KAAK,KAAM;AAAA,IAC3C,qBAAqB,oBAAI,EAAE;AAAA,EAC7B;AACA,MAAI,UAAU;AAAG,WAAO,UAAU,CAAC,2BAA2B,GAAG,QAAQ,CAAC,CAAC;AAC3E,SAAO;AACT;AAEA,MAAM,6BAA6B,CAAC,OAAQ;AAAA,EAC1C,IAAI,KAAK;AAAA,EACT,MAAO,MAAK,KAAK,IAAI,SAAS;AAAA,EAC9B,UAAW,MAAK,KAAK,IAAI,cAAc;AAAA,EACvC,SAAU,MAAK,KAAK,IAAI,OAAO;AAAA,EAC/B,QAAS,MAAK,KAAK,IAAI,eAAe;AAAA,EACtC,YAAY,GAAI,KAAK,KAAM,KAAM,KAAK,KAAM;AAAA,EAC5C,WAAW,GAAI,KAAK,KAAM,KAAM,KAAK,KAAM;AAAA,EAC3C,qBAAqB,oBAAI,EAAE;AAAA,EAC3B,iBAAiB,MAAM;AACzB;AAEA,MAAM,wBAAwB,CAAC,OAAQ;AAAA,EACrC,mBAAmB;AAAA,EACnB,kBAAkB;AAAA,EAClB,SAAS,CAAC,eAAe,CAAC,CAAC;AAAA,EAC3B,KAAK,oBAAI,EAAE;AACb;AAEO,MAAM,UAAU,CAAC,MAAc,IAAI,MAAM,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,OAAO,eAAe,EAAE,CAAC;AACtF,MAAM,oBAAoB,CAAC,MAAc,IAAI,MAAM,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,OAAO,2BAA2B,EAAE,CAAC;AAC5G,MAAM,sBAAsB,CAAC,MAAc,IAAI,MAAM,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,OAAO,2BAA2B,EAAE,CAAC;AAC9G,MAAM,iBAAiB,CAAC,MAAc,IAAI,MAAM,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,OAAO,sBAAsB,EAAE,CAAC;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -4,24 +4,17 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
4
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
5
|
var __getProtoOf = Object.getPrototypeOf;
|
|
6
6
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
7
|
+
var __copyProps = (to, from, except, desc) => {
|
|
8
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
9
|
+
for (let key of __getOwnPropNames(from))
|
|
10
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
11
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
13
12
|
}
|
|
14
|
-
return
|
|
13
|
+
return to;
|
|
15
14
|
};
|
|
16
|
-
var __toESM = (
|
|
17
|
-
|
|
18
|
-
};
|
|
19
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
20
|
-
return (module2, temp) => {
|
|
21
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
22
|
-
};
|
|
23
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
15
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
|
|
16
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
24
17
|
var FunctionalHoC_exports = {};
|
|
25
|
-
var React = __toESM(require("react"));
|
|
26
18
|
module.exports = __toCommonJS(FunctionalHoC_exports);
|
|
19
|
+
var React = __toESM(require("react"));
|
|
27
20
|
//# sourceMappingURL=FunctionalHoC.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/types/FunctionalHoC.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import React from 'react';\n\nexport type FunctionalHOC = <T = any>(Component: React.ComponentType<T>, ...other: any[]) => (props: T) => JSX.Element;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/cjs/types/props.js
CHANGED
|
@@ -4,24 +4,17 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
4
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
5
|
var __getProtoOf = Object.getPrototypeOf;
|
|
6
6
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
7
|
+
var __copyProps = (to, from, except, desc) => {
|
|
8
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
9
|
+
for (let key of __getOwnPropNames(from))
|
|
10
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
11
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
13
12
|
}
|
|
14
|
-
return
|
|
13
|
+
return to;
|
|
15
14
|
};
|
|
16
|
-
var __toESM = (
|
|
17
|
-
|
|
18
|
-
};
|
|
19
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
20
|
-
return (module2, temp) => {
|
|
21
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
22
|
-
};
|
|
23
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
15
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
|
|
16
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
24
17
|
var props_exports = {};
|
|
25
|
-
var React = __toESM(require("react"));
|
|
26
18
|
module.exports = __toCommonJS(props_exports);
|
|
19
|
+
var React = __toESM(require("react"));
|
|
27
20
|
//# sourceMappingURL=props.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/types/props.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["/* eslint-disable max-lines */\nimport React, { MutableRefObject } from 'react';\nimport { useVirtual } from 'react-virtual/types';\nimport { ColsLayoutStyle } from '../configs/constants';\n\nexport type TypescriptGenericFunc = (...args: unknown[]) => unknown;\ninterface FilterOptionT {\n dsId: string;\n type: string;\n value: string;\n label: string;\n}\n\nexport type TypescriptColumn = {\n id?: string;\n Header: string | React.ComponentType<any>;\n accessor?: string;\n filter?: string;\n filterOptions?: FilterOptionT[] | (() => FilterOptionT[]);\n Filter?: React.ComponentType<FilterProps>;\n Cell?: React.ComponentType<any>;\n editable?: string | TypescriptGenericFunc;\n disableDnD?: boolean;\n width?: number;\n minWidth?: number;\n maxWidth?: number;\n padding?: number;\n columns?: TypescriptColumn[];\n canSort?: boolean;\n isSortedDesc?: boolean;\n canResize?: boolean;\n isFocuseable?: boolean;\n textWrap?: 'wrap' | 'wrap-all' | 'truncate';\n ref?: React.MutableRefObject<HTMLTableColElement>;\n required?: boolean;\n alwaysDisplayEditIcon?: boolean;\n};\n\nexport type TypescriptRow = {\n [key: string]: any;\n subRows: TypescriptRow[];\n tableRowDetails: React.ComponentType<any>;\n dimsumHeaderValue: string;\n};\n\nexport type RowVariant = 'ds-header-group-row' | 'ds-primary-row' | 'ds-secondary-row';\n\nexport type TypescriptRenderRowActionsConfig = {\n columnWidth: number;\n renderer: (...args: any[]) => JSX.Element;\n};\n\nexport type TypescriptRenderRowActions = false | TypescriptRenderRowActionsConfig;\n\nexport type TypescriptAppliedFilter = {\n id: string;\n type: string;\n value: any;\n};\n\nexport type TypescriptPagination = {\n page?: any[];\n pageIndex?: number;\n canPreviousPage?: boolean;\n canNextPage?: boolean;\n pageSize?: number;\n showPerPageSelector?: boolean;\n perPageOptions?: number[];\n perPageStep?: number;\n minPerPage?: number;\n maxPerPage?: number;\n onPageSizeChange?: (pageSize: number) => void;\n onPreviousPage?: () => void;\n onNextPage?: () => void;\n onPageChange?: (page: number) => void;\n pageCount?: number;\n pageDetails?: string[];\n pageDetailsTitle?: string;\n};\n\nexport type TypescriptSortBy = {\n id: string;\n desc: boolean;\n};\n\nexport type TypescriptSelectionItem = true | 'mixed' | false;\n\nexport type TypescriptSelection = Record<string | number, TypescriptSelectionItem>;\n\nexport type
|
|
5
|
-
"mappings": "
|
|
4
|
+
"sourcesContent": ["/* eslint-disable max-lines */\nimport React, { MutableRefObject } from 'react';\nimport { useVirtual } from 'react-virtual/types';\nimport { ColsLayoutStyle } from '../configs/constants';\n\nexport type TypescriptGenericFunc = (...args: unknown[]) => unknown;\ninterface FilterOptionT {\n dsId: string;\n type: string;\n value: string;\n label: string;\n}\n\nexport type TypescriptColumn = {\n id?: string;\n Header: string | React.ComponentType<any>;\n accessor?: string;\n filter?: string;\n filterOptions?: FilterOptionT[] | (() => FilterOptionT[]);\n filterMinWidth?: number | string;\n Filter?: React.ComponentType<FilterProps>;\n Cell?: React.ComponentType<any>;\n editable?: string | TypescriptGenericFunc;\n disableDnD?: boolean;\n width?: number;\n minWidth?: number;\n maxWidth?: number;\n padding?: number;\n columns?: TypescriptColumn[];\n canSort?: boolean;\n isSortedDesc?: boolean;\n canResize?: boolean;\n isFocuseable?: boolean;\n textWrap?: 'wrap' | 'wrap-all' | 'truncate';\n ref?: React.MutableRefObject<HTMLTableColElement>;\n required?: boolean;\n alwaysDisplayEditIcon?: boolean;\n};\n\nexport type TypescriptRow = {\n [key: string]: any;\n subRows: TypescriptRow[];\n tableRowDetails: React.ComponentType<any>;\n dimsumHeaderValue: string;\n};\n\nexport type RowVariant = 'ds-header-group-row' | 'ds-primary-row' | 'ds-secondary-row';\n\nexport type TypescriptRenderRowActionsConfig = {\n columnWidth: number;\n renderer: (...args: any[]) => JSX.Element;\n};\n\nexport type TypescriptRenderRowActions = false | TypescriptRenderRowActionsConfig;\n\nexport type TypescriptAppliedFilter = {\n id: string;\n type: string;\n value: any;\n};\n\nexport type TypescriptPagination = {\n page?: any[];\n pageIndex?: number;\n canPreviousPage?: boolean;\n canNextPage?: boolean;\n pageSize?: number;\n showPerPageSelector?: boolean;\n perPageOptions?: number[];\n perPageStep?: number;\n minPerPage?: number;\n maxPerPage?: number;\n onPageSizeChange?: (pageSize: number) => void;\n onPreviousPage?: () => void;\n onNextPage?: () => void;\n onPageChange?: (page: number) => void;\n pageCount?: number;\n pageDetails?: string[];\n pageDetailsTitle?: string;\n};\n\nexport type TypescriptSortBy = {\n id: string;\n desc: boolean;\n};\n\nexport type TypescriptSelectionItem = true | 'mixed' | false;\n\nexport type TypescriptSelection = Record<string | number, TypescriptSelectionItem>;\n\nexport type UniqueRowAccessorType = string | string[] | ((row: TypescriptRow) => string);\n\nexport interface ReduxHeader {\n hideFilterMenu: boolean;\n hideFilterButton: boolean;\n showDnDHandle: boolean;\n withTabStops: boolean;\n}\n\nexport type TypescriptProps = {\n columns: TypescriptColumn[];\n data: TypescriptRow[];\n height?: string;\n width?: string;\n renderRowActions?: TypescriptRenderRowActions;\n getRowVariant?: (\n row: TypescriptRow,\n defaultCellsRenderer: React.ComponentType<any>,\n ) => RowVariant | React.ComponentType<any>;\n isExpandable?: boolean;\n uniqueRowAccessor?: UniqueRowAccessorType;\n disabledRows?: Record<string, boolean>;\n expandedRows?: Record<string, boolean>;\n cellRendererProps?: Record<string, any>;\n noSelectionColumn?: boolean;\n selectSingle?: boolean;\n selection?: TypescriptSelection;\n groupedRowsRenderHeader?: TypescriptGenericFunc | string;\n isResizeable?: boolean;\n withFilterBar?: boolean;\n filters?: { id: string; type: string; value: any }[];\n filterBarProps?: {\n customPillRenderer?: React.ComponentType<any>;\n extraOptions?: { type: string; id: string; label: string; onClick?: TypescriptGenericFunc }[];\n };\n actionRef: React.RefObject<any>;\n pagination?: false | TypescriptPagination;\n colsLayoutStyle: ColsLayoutStyle;\n hiddenColumns: string[];\n dragAndDropRows?: boolean;\n maxDragAndDropLevel?: number;\n textWrap?: 'wrap' | 'wrap-all' | 'truncate';\n customSortLogic?: boolean;\n noResultsMessage?: string;\n noResultsSecondaryMessage?: string;\n noResultsButtonLabel?: string;\n isLoading?: boolean;\n isLoadingAppended?: boolean;\n dragAndDropColumns?: boolean;\n onColumnsReorder?: (newData: any[], indexes: { targetIndex: number; fromIndex: number }) => void;\n onColumnResize?: (headerId: string, width: number) => void;\n isNoMoreDataAppended?: boolean;\n noMoreDataMessage?: string;\n noResultsPlaceholder?: TypescriptGenericFunc;\n onRowExpand?: (expandedRows: Record<string, boolean>, toggledRow: string) => void;\n onRowsReorder?: (\n newData: any[],\n indexes: { targetIndex: number; fromIndex: number },\n considerExpanding: string,\n ) => void;\n onRowClick?: TypescriptGenericFunc;\n onRowFocus?: TypescriptGenericFunc;\n onCellValueChange: (cellChange: { value: any; property: any; rowIndex: number }) => void;\n onSelectionChange?: (newSelection: TypescriptSelection) => void;\n onFiltersChange?: TypescriptGenericFunc;\n onFilteredDataChange?: TypescriptGenericFunc;\n onPageChanged?: TypescriptGenericFunc;\n onNoResultsButtonClick?: TypescriptGenericFunc;\n onColumnSortChange: (newSortRequest: { column: any; direction: any }) => void;\n};\n\nexport interface FilterProps {\n column: TypescriptColumn;\n ctx: TypescriptContext;\n onFiltersChange?: (filters: { id: string; type: string; value: any }[]) => void;\n onValueChange: (type: string, value: any) => void;\n patchHeaderFilterButtonAndMenu: (headerId: string, newState: any) => void;\n patchHeader: (headerId: string, newHeader: any) => void;\n filterValue?: any;\n reduxHeader?: any;\n innerRef: MutableRefObject<HTMLDivElement>;\n}\n\nexport type TypescriptContext = {\n tableProps: Partial<TypescriptProps>;\n virtualListRef: React.RefObject<HTMLDivElement>;\n columnHeaderRef: React.RefObject<HTMLDivElement>;\n flattenedData: TypescriptRow[];\n allDataFlattened: TypescriptRow[];\n visibleColumns: TypescriptColumn[];\n virtualListHelpers?: ReturnType<typeof useVirtual>;\n layoutHelpers: {\n totalColumnsWidth?: number | string;\n gridLayout?: string[];\n setGridLayout?: React.Dispatch<React.SetStateAction<string[]>>;\n };\n paginationHelpers: TypescriptPagination;\n drilldownRowId: string | null;\n setDrilldownRowId: React.Dispatch<React.SetStateAction<string | null>>;\n focusedRowId: string | null;\n setFocusedRowId: React.Dispatch<React.SetStateAction<string | null>>;\n reduxHeaders: Record<string, ReduxHeader>;\n patchHeader: (headerId: string, newHeader: ReduxHeader) => void;\n patchHeaderFilterButtonAndMenu: (headerId: string, value: boolean) => void;\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/DataTable.js
CHANGED
|
@@ -15,36 +15,37 @@ var __spreadValues = (a, b) => {
|
|
|
15
15
|
return a;
|
|
16
16
|
};
|
|
17
17
|
import * as React from "react";
|
|
18
|
-
import React2, { useRef
|
|
19
|
-
import {
|
|
20
|
-
import { configureStore } from "@reduxjs/toolkit";
|
|
21
|
-
import { describe } from "@elliemae/ds-props-helpers";
|
|
18
|
+
import React2, { useRef } from "react";
|
|
19
|
+
import { describe } from "@elliemae/ds-utilities";
|
|
22
20
|
import { TableContent } from "./parts/TableContent";
|
|
23
|
-
import { storeConfig } from "./redux/storeConfig";
|
|
24
21
|
import { DataTableContext, defaultProps } from "./DataTableContext";
|
|
25
22
|
import { DATA_TESTID } from "./configs/constants";
|
|
26
23
|
import { useDatatableConfig } from "./configs/useDatatableConfig";
|
|
27
24
|
import { FiltersBar } from "./parts/FilterBar/FiltersBar";
|
|
28
25
|
import { DataTableSchema } from "./DataTableSchema";
|
|
26
|
+
import { StyledDataTableWrapper } from "./styled";
|
|
29
27
|
const DataTable = (props) => {
|
|
30
28
|
const { withFilterBar } = props;
|
|
31
|
-
const reduxStore = useMemo(() => configureStore(storeConfig), []);
|
|
32
29
|
const tableWrapperRef = useRef();
|
|
33
30
|
const tableContentWrapperRef = useRef();
|
|
34
31
|
const ctx = useDatatableConfig(props);
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
}
|
|
32
|
+
const {
|
|
33
|
+
tableProps: { height, width }
|
|
34
|
+
} = ctx;
|
|
35
|
+
return /* @__PURE__ */ React2.createElement(DataTableContext.Provider, {
|
|
38
36
|
value: ctx
|
|
39
|
-
}, /* @__PURE__ */ React2.createElement(
|
|
37
|
+
}, /* @__PURE__ */ React2.createElement(StyledDataTableWrapper, {
|
|
40
38
|
ref: tableWrapperRef,
|
|
41
|
-
"data-testid": DATA_TESTID.DATA_TABLE_WRAPPER
|
|
39
|
+
"data-testid": DATA_TESTID.DATA_TABLE_WRAPPER,
|
|
40
|
+
height,
|
|
41
|
+
width
|
|
42
42
|
}, withFilterBar ? /* @__PURE__ */ React2.createElement(FiltersBar, null) : null, /* @__PURE__ */ React2.createElement(TableContent, {
|
|
43
43
|
ref: tableContentWrapperRef
|
|
44
|
-
})))
|
|
44
|
+
})));
|
|
45
45
|
};
|
|
46
46
|
DataTable.propTypes = DataTableSchema;
|
|
47
47
|
DataTable.defaultProps = __spreadValues({}, defaultProps);
|
|
48
|
+
DataTable.displayName = "DataTable";
|
|
48
49
|
const DataTableWithSchema = describe(DataTable).description("Data Table");
|
|
49
50
|
DataTableWithSchema.propTypes = DataTableSchema;
|
|
50
51
|
export {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DataTable.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useRef
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useRef } from 'react';\nimport { describe } from '@elliemae/ds-utilities';\nimport { TableContent } from './parts/TableContent';\nimport { TypescriptProps } from './types/props';\nimport { DataTableContext, defaultProps } from './DataTableContext';\nimport { DATA_TESTID } from './configs/constants';\nimport { useDatatableConfig } from './configs/useDatatableConfig';\nimport { FiltersBar } from './parts/FilterBar/FiltersBar';\nimport { DataTableSchema } from './DataTableSchema';\nimport { StyledDataTableWrapper } from './styled';\n\nexport const DataTable = (props: TypescriptProps): JSX.Element => {\n const { withFilterBar } = props;\n\n const tableWrapperRef = useRef();\n const tableContentWrapperRef = useRef();\n\n const ctx = useDatatableConfig(props);\n\n const {\n tableProps: { height, width },\n } = ctx;\n\n return (\n <DataTableContext.Provider value={ctx}>\n <StyledDataTableWrapper\n ref={tableWrapperRef}\n data-testid={DATA_TESTID.DATA_TABLE_WRAPPER}\n height={height}\n width={width}\n >\n {withFilterBar ? <FiltersBar /> : null}\n <TableContent ref={tableContentWrapperRef} />\n </StyledDataTableWrapper>\n </DataTableContext.Provider>\n );\n};\n\nDataTable.propTypes = DataTableSchema;\nDataTable.defaultProps = { ...defaultProps };\nDataTable.displayName = 'DataTable';\nexport const DataTableWithSchema = describe(DataTable).description('Data Table');\nDataTableWithSchema.propTypes = DataTableSchema;\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEO,MAAM,YAAY,CAAC,UAAwC;AAChE,QAAM,EAAE,kBAAkB;AAE1B,QAAM,kBAAkB,OAAO;AAC/B,QAAM,yBAAyB,OAAO;AAEtC,QAAM,MAAM,mBAAmB,KAAK;AAEpC,QAAM;AAAA,IACJ,YAAY,EAAE,QAAQ;AAAA,MACpB;AAEJ,SACE,qCAAC,iBAAiB,UAAjB;AAAA,IAA0B,OAAO;AAAA,KAChC,qCAAC;AAAA,IACC,KAAK;AAAA,IACL,eAAa,YAAY;AAAA,IACzB;AAAA,IACA;AAAA,KAEC,gBAAgB,qCAAC,gBAAW,IAAK,MAClC,qCAAC;AAAA,IAAa,KAAK;AAAA,GAAwB,CAC7C,CACF;AAEJ;AAEA,UAAU,YAAY;AACtB,UAAU,eAAe,mBAAK;AAC9B,UAAU,cAAc;AACjB,MAAM,sBAAsB,SAAS,SAAS,EAAE,YAAY,YAAY;AAC/E,oBAAoB,YAAY;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DataTableContext.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { createContext, createRef } from 'react';\nimport { ColsLayoutStyle } from './configs/constants';\nimport { TypescriptContext, TypescriptProps } from './types/props';\n\nexport const defaultProps: Partial<TypescriptProps> = {\n height: '100%',\n width: '100%',\n renderRowActions: false,\n getRowVariant: () => 'ds-primary-row',\n isExpandable: false,\n uniqueRowAccessor: undefined,\n expandedRows: {},\n disabledRows: {},\n isResizeable: false,\n isLoading: false,\n isLoadingAppended: false,\n pagination: false,\n filters: [],\n\n colsLayoutStyle: ColsLayoutStyle.Fixed,\n hiddenColumns: [],\n noResultsMessage: 'No Results Found',\n\n dragAndDropRows: false,\n maxDragAndDropLevel: 1,\n onRowsReorder: () => null,\n\n dragAndDropColumns: false,\n onColumnsReorder: () => null,\n onColumnResize: () => null,\n\n onRowClick: () => null,\n onRowFocus: () => null,\n\n noSelectionColumn: false,\n selectSingle: false,\n selection: undefined,\n onSelectionChange: () => null, // selectionHashMap -> { ...[id]: enum(true/'mixed'/false) }\n\n textWrap: 'wrap',\n\n isNoMoreDataAppended: false,\n noMoreDataMessage: 'No more to show.',\n\n onCellValueChange: () => null,\n\n onFiltersChange: () => null,\n onFilteredDataChange: () => null,\n\n onPageChanged: () => null,\n\n onRowExpand: () => null,\n\n customSortLogic: false,\n onColumnSortChange: () => null,\n};\n\nexport const defaultRelativeRowMouseCoord = {\n isBefore: false,\n isAfter: false,\n isValid: true,\n hoveredRowIndex: null,\n x: null,\n y: null,\n relativeElementDOMRect: null,\n relativeElementIndex: null,\n};\n\n/** Context for cross component communication */\nconst DataTableContext = createContext<TypescriptContext>({\n tableProps: defaultProps,\n layoutHelpers: {},\n flattenedData: [],\n allDataFlattened: [],\n visibleColumns: [],\n paginationHelpers: {},\n virtualListRef: createRef<HTMLDivElement>(),\n columnHeaderRef: createRef<HTMLDivElement>(),\n});\n\nexport { DataTableContext };\nexport default DataTableContext;\n"],
|
|
5
|
-
"mappings": "AAAA;ACAA;AACA;AAGO,MAAM,eAAyC;AAAA,EACpD,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,kBAAkB;AAAA,EAClB,eAAe,MAAM;AAAA,EACrB,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,cAAc;AAAA,
|
|
5
|
+
"mappings": "AAAA;ACAA;AACA;AAGO,MAAM,eAAyC;AAAA,EACpD,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,kBAAkB;AAAA,EAClB,eAAe,MAAM;AAAA,EACrB,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,cAAc,CAAC;AAAA,EACf,cAAc,CAAC;AAAA,EACf,cAAc;AAAA,EACd,WAAW;AAAA,EACX,mBAAmB;AAAA,EACnB,YAAY;AAAA,EACZ,SAAS,CAAC;AAAA,EAEV,iBAAiB,gBAAgB;AAAA,EACjC,eAAe,CAAC;AAAA,EAChB,kBAAkB;AAAA,EAElB,iBAAiB;AAAA,EACjB,qBAAqB;AAAA,EACrB,eAAe,MAAM;AAAA,EAErB,oBAAoB;AAAA,EACpB,kBAAkB,MAAM;AAAA,EACxB,gBAAgB,MAAM;AAAA,EAEtB,YAAY,MAAM;AAAA,EAClB,YAAY,MAAM;AAAA,EAElB,mBAAmB;AAAA,EACnB,cAAc;AAAA,EACd,WAAW;AAAA,EACX,mBAAmB,MAAM;AAAA,EAEzB,UAAU;AAAA,EAEV,sBAAsB;AAAA,EACtB,mBAAmB;AAAA,EAEnB,mBAAmB,MAAM;AAAA,EAEzB,iBAAiB,MAAM;AAAA,EACvB,sBAAsB,MAAM;AAAA,EAE5B,eAAe,MAAM;AAAA,EAErB,aAAa,MAAM;AAAA,EAEnB,iBAAiB;AAAA,EACjB,oBAAoB,MAAM;AAC5B;AAEO,MAAM,+BAA+B;AAAA,EAC1C,UAAU;AAAA,EACV,SAAS;AAAA,EACT,SAAS;AAAA,EACT,iBAAiB;AAAA,EACjB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,wBAAwB;AAAA,EACxB,sBAAsB;AACxB;AAGA,MAAM,mBAAmB,cAAiC;AAAA,EACxD,YAAY;AAAA,EACZ,eAAe,CAAC;AAAA,EAChB,eAAe,CAAC;AAAA,EAChB,kBAAkB,CAAC;AAAA,EACnB,gBAAgB,CAAC;AAAA,EACjB,mBAAmB,CAAC;AAAA,EACpB,gBAAgB,UAA0B;AAAA,EAC1C,iBAAiB,UAA0B;AAC7C,CAAC;AAGD,IAAO,2BAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import { PropTypes } from "@elliemae/ds-
|
|
2
|
+
import { PropTypes } from "@elliemae/ds-utilities";
|
|
3
3
|
const outOfTheBoxFilterType = PropTypes.oneOf([
|
|
4
4
|
"ds-filter-select",
|
|
5
5
|
"ds-filter-multi-select",
|
|
@@ -62,6 +62,11 @@ const DataTableSchema = {
|
|
|
62
62
|
withFilterBar: PropTypes.bool.description("Whether to display the filter bar"),
|
|
63
63
|
filterBarProps: PropTypes.shape({
|
|
64
64
|
customPillRenderer: PropTypes.oneOfType([PropTypes.func, PropTypes.element]).description("If you specify custom filters, you will need to render their pills here"),
|
|
65
|
+
isDropdownMenuOpen: PropTypes.bool.description("Wether the DropdownMenu is Open or not."),
|
|
66
|
+
onDropdownMenuToggle: PropTypes.func.description("Callback to toggle the DropdownMenu."),
|
|
67
|
+
onClearAllFiltersClick: PropTypes.func.description("Callback for Clear Al Filters option."),
|
|
68
|
+
onDropdownMenuClickOutside: PropTypes.func.description("Callback triggered when clicking outside DropdownMenu."),
|
|
69
|
+
onDropdownMenuTriggerClick: PropTypes.func.description("Callback triggered when clicking DropdownMenu ellipsis."),
|
|
65
70
|
extraOptions: PropTypes.arrayOf(PropTypes.shape({
|
|
66
71
|
type: PropTypes.string,
|
|
67
72
|
id: PropTypes.string,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DataTableSchema.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport { PropTypes } from '@elliemae/ds-props-helpers';\n\nconst outOfTheBoxFilterType = PropTypes.oneOf([\n 'ds-filter-select',\n 'ds-filter-multi-select',\n 'ds-filter-single-date',\n 'ds-filter-date-range',\n 'ds-filter-number-range',\n]);\n\nconst textWrappingType = PropTypes.oneOf(['wrap', 'wrap-all', 'truncate']);\n\nconst columnPropTypes = {\n Header: PropTypes.oneOfType([PropTypes.string, PropTypes.func, PropTypes.element]).description(\n 'Header name or component',\n ).isRequired,\n accessor: PropTypes.string.description('The entry of the data that this column will display'),\n id: PropTypes.string.description('The id of the column, will default to the Header or accessor if not present'),\n filter: outOfTheBoxFilterType.description('out-of-the-box filters'),\n Filter: PropTypes.oneOfType([PropTypes.func, PropTypes.element]).description(\n 'The custom component to render as a filter',\n ),\n Cell: PropTypes.oneOfType([PropTypes.func, PropTypes.element]).description('The custom cell renderer component'),\n editable: PropTypes.oneOfType([PropTypes.string, PropTypes.func, PropTypes.element]).description(\n 'The editable out-of-the-box or component to render',\n ),\n disableDnD: PropTypes.bool.description('Whereas this column should be draggable'),\n canResize: PropTypes.bool.description('Whereas this column should be resizable'),\n width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('Width of this column'),\n minWidth: PropTypes.number.description('Minimum width of this column, useful when resizing'),\n maxWidth: PropTypes.number.description('Maximum width of this column, useful when resizing'),\n canSort: PropTypes.bool.description('Whereas this column is sortable'),\n isSortedDesc: PropTypes.bool.description('Whereas this column is sorted descendingly'),\n required: PropTypes.bool.description('Whereas this column is required'),\n alwaysDisplayEditIcon: PropTypes.bool.description(\n 'Whereas to always show the edit icon on this column if it is editable',\n ),\n textWrap: textWrappingType.description('How to wrap the text in the column'),\n};\n\nconst columnsPropTypes = PropTypes.shape(columnPropTypes).description('Columns props');\n\nconst rowPropTypes = {\n tableRowDetails: PropTypes.oneOfType([PropTypes.func, PropTypes.element]).description('Component for row details'),\n dimsumHeaderValue: PropTypes.string.description('Header displayed on the header variant of the row'),\n};\n\nconst rowsPropTypes = PropTypes.shape(rowPropTypes).description('Rows props');\n\nexport const DataTableSchema = {\n columns: PropTypes.arrayOf(columnsPropTypes).description('Array of columns').isRequired,\n data: PropTypes.arrayOf(rowsPropTypes).description('Array of rows'),\n height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('Height of the datatable component'),\n width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('Width of the datatable component'),\n renderRowActions: PropTypes.oneOfType([PropTypes.object, PropTypes.bool]).description(\n 'The renderer to use for the action toolbar',\n ),\n isExpandable: PropTypes.bool.description('Whether the datatable is expandable').defaultValue(false),\n uniqueRowAccessor: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.arrayOf(PropTypes.string),\n PropTypes.func,\n ]).description(\n 'Column / Combination of columns / Function to call to produce a unique identifier for each row.' +\n ' This is necessary for the selectable and drag and drop features',\n ),\n disabledRows: PropTypes.object.description(\n 'Object with the identifiers of the rows as keys, and booleans as values. Specifies if a row is disabled or not',\n ),\n expandedRows: PropTypes.object.description(\n 'Object with the identifiers of the rows as keys, and booleans as values. Specifies if a row is expanded or not',\n ),\n onRowExpand: PropTypes.func.description('Function invoked when a row is (un)expanded'),\n cellRendererProps: PropTypes.object.description(\n 'Object with all the props you want the cells to have available when rendering',\n ),\n selectSingle: PropTypes.bool.description('Whether the selectable feature is single').defaultValue(false),\n selection: PropTypes.object.description(\n 'Object with the identifiers of the rows as keys, and booleans as values. Specifies if a row is selected or not',\n ),\n onSelectionChange: PropTypes.func.description('Function invoked when a row is selected'),\n groupedRowsRenderHeader: PropTypes.oneOfType([PropTypes.string, PropTypes.func]).description(\n 'String | Function to call which will display in the row headers',\n ),\n isResizeable: PropTypes.bool.description(\"Whether the datatable's columns are resizeable\"),\n filters: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.string,\n type: PropTypes.string,\n value: PropTypes.any,\n }),\n ).description('Array of filter keys and values'),\n withFilterBar: PropTypes.bool.description('Whether to display the filter bar'),\n filterBarProps: PropTypes.shape({\n customPillRenderer: PropTypes.oneOfType([PropTypes.func, PropTypes.element]).description(\n 'If you specify custom filters, you will need to render their pills here',\n ),\n extraOptions: PropTypes.arrayOf(\n PropTypes.shape({\n type: PropTypes.string,\n id: PropTypes.string,\n label: PropTypes.string,\n onClick: PropTypes.func,\n }),\n ).description('Any extra option you want in the dropdownmenu of the filter bar'),\n }).description('Props for the filter bar'),\n onFiltersChange: PropTypes.func.description('Function invoked when filters change'),\n pagination: PropTypes.oneOfType([\n PropTypes.oneOf([false]),\n PropTypes.shape({\n pageCount: PropTypes.number.description('How many pages are there'),\n pageIndex: PropTypes.number.description('Index of the current page, starting from 1').defaultValue(1),\n canPreviousPage: PropTypes.bool.description('Whether the previous button is disabled or not').defaultValue(true),\n canNextPage: PropTypes.bool.description('Whether the next button is disabled or not').defaultValue(true),\n pageSize: PropTypes.number.description('The current page size').defaultValue(10),\n showPerPageSelector: PropTypes.bool.description('Whether to show the page selector').defaultValue(true),\n perPageOptions: PropTypes.arrayOf(\n PropTypes.oneOfType([\n PropTypes.number,\n PropTypes.shape({\n dsId: PropTypes.string,\n value: PropTypes.number,\n label: PropTypes.string,\n type: PropTypes.oneOf(['single']),\n }),\n ]),\n )\n .description('The available options for page size')\n .defaultValue([10]),\n perPageStep: PropTypes.number.description('Step for the per page options').defaultValue(5),\n minPerPage: PropTypes.number.description('Step for the per page options').defaultValue(0),\n maxPerPage: PropTypes.number.description('Step for the per page options').defaultValue(100),\n onPageSizeChange: PropTypes.func\n .description('Function invoked when the page size changes')\n .defaultValue(() => null),\n onPreviousPage: PropTypes.func\n .description('Function invoked when the previous button is pressed')\n .defaultValue(() => null),\n onPageChange: PropTypes.func.description('Function invoked when the page changes').defaultValue(() => null),\n onNextPage: PropTypes.func.description('Function invoked when next button is pressed').defaultValue(() => null),\n pageDetails: PropTypes.arrayOf(PropTypes.string).description('Details to provide for each page').defaultValue([]),\n pageDetailsTitle: PropTypes.string\n .description('The title of the details (usually a column of your dataset)')\n .defaultValue(''),\n }),\n ]).description('Object containing the data for the pagination'),\n colsLayoutStyle: PropTypes.oneOf(['auto', 'fixed']).description('Whether the datatable fills its container or not'),\n hiddenColumns: PropTypes.arrayOf(PropTypes.string).description('IDs of columns not to render'),\n dragAndDropRows: PropTypes.bool.description('Whether to turn on the d&d feature for the rows').defaultValue(false),\n onRowsReorder: PropTypes.func.description('Function invoked when a row is reordered'),\n maxDragAndDropLevel: PropTypes.number.description('Which level is the maximum allowed to drop into'),\n dragAndDropColumns: PropTypes.bool.description('Whether to turn on the d&d feature for the columns'),\n onColumnsReorder: PropTypes.func.description('Function invoked when a column is reordered'),\n textWrap: textWrappingType.description('Global wrapping rule'),\n noResultsMessage: PropTypes.string.description('Message to show when no more data is available'),\n noResultsSecondaryMessage: PropTypes.string.description('Secondary message to show when no more data is available'),\n noResultsButtonLabel: PropTypes.string.description('Label of the button when no more data is available'),\n noResultsPlaceholder: PropTypes.oneOfType([PropTypes.func, PropTypes.element]).description(\n 'Custom content to show when dataset is empty',\n ),\n isLoading: PropTypes.bool.description('Whether to show a global loader in the datatable'),\n isLoadingAppended: PropTypes.bool.description('Whether to show an appended loader in the datatable'),\n onColumnResize: PropTypes.func.description('Function invoked when a column is resized'),\n isNoMoreDataAppended: PropTypes.bool.description(\n 'Whether to show an appended message in the datatable for no more data',\n ),\n noMoreDataMessage: PropTypes.string.description('The message to show when no more data is available'),\n onRowClick: PropTypes.func.description('Function invoked when clicking a row'),\n onRowFocus: PropTypes.func.description('Function invoked when focusing a row'),\n onCellValueChange: PropTypes.func.description(\"Function invoked when an editable cell's content is changed\"),\n onColumnSortChange: PropTypes.func.description('Function invoked when a column is sorted'),\n actionRef: PropTypes.object.description('Reference where all the exposed action callbacks will be exposed'),\n};\n"],
|
|
5
|
-
"mappings": "AAAA;ACCA;AAEA,MAAM,wBAAwB,UAAU,MAAM;AAAA,EAC5C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport { PropTypes } from '@elliemae/ds-utilities';\n\nconst outOfTheBoxFilterType = PropTypes.oneOf([\n 'ds-filter-select',\n 'ds-filter-multi-select',\n 'ds-filter-single-date',\n 'ds-filter-date-range',\n 'ds-filter-number-range',\n]);\n\nconst textWrappingType = PropTypes.oneOf(['wrap', 'wrap-all', 'truncate']);\n\nconst columnPropTypes = {\n Header: PropTypes.oneOfType([PropTypes.string, PropTypes.func, PropTypes.element]).description(\n 'Header name or component',\n ).isRequired,\n accessor: PropTypes.string.description('The entry of the data that this column will display'),\n id: PropTypes.string.description('The id of the column, will default to the Header or accessor if not present'),\n filter: outOfTheBoxFilterType.description('out-of-the-box filters'),\n Filter: PropTypes.oneOfType([PropTypes.func, PropTypes.element]).description(\n 'The custom component to render as a filter',\n ),\n Cell: PropTypes.oneOfType([PropTypes.func, PropTypes.element]).description('The custom cell renderer component'),\n editable: PropTypes.oneOfType([PropTypes.string, PropTypes.func, PropTypes.element]).description(\n 'The editable out-of-the-box or component to render',\n ),\n disableDnD: PropTypes.bool.description('Whereas this column should be draggable'),\n canResize: PropTypes.bool.description('Whereas this column should be resizable'),\n width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('Width of this column'),\n minWidth: PropTypes.number.description('Minimum width of this column, useful when resizing'),\n maxWidth: PropTypes.number.description('Maximum width of this column, useful when resizing'),\n canSort: PropTypes.bool.description('Whereas this column is sortable'),\n isSortedDesc: PropTypes.bool.description('Whereas this column is sorted descendingly'),\n required: PropTypes.bool.description('Whereas this column is required'),\n alwaysDisplayEditIcon: PropTypes.bool.description(\n 'Whereas to always show the edit icon on this column if it is editable',\n ),\n textWrap: textWrappingType.description('How to wrap the text in the column'),\n};\n\nconst columnsPropTypes = PropTypes.shape(columnPropTypes).description('Columns props');\n\nconst rowPropTypes = {\n tableRowDetails: PropTypes.oneOfType([PropTypes.func, PropTypes.element]).description('Component for row details'),\n dimsumHeaderValue: PropTypes.string.description('Header displayed on the header variant of the row'),\n};\n\nconst rowsPropTypes = PropTypes.shape(rowPropTypes).description('Rows props');\n\nexport const DataTableSchema = {\n columns: PropTypes.arrayOf(columnsPropTypes).description('Array of columns').isRequired,\n data: PropTypes.arrayOf(rowsPropTypes).description('Array of rows'),\n height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('Height of the datatable component'),\n width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('Width of the datatable component'),\n renderRowActions: PropTypes.oneOfType([PropTypes.object, PropTypes.bool]).description(\n 'The renderer to use for the action toolbar',\n ),\n isExpandable: PropTypes.bool.description('Whether the datatable is expandable').defaultValue(false),\n uniqueRowAccessor: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.arrayOf(PropTypes.string),\n PropTypes.func,\n ]).description(\n 'Column / Combination of columns / Function to call to produce a unique identifier for each row.' +\n ' This is necessary for the selectable and drag and drop features',\n ),\n disabledRows: PropTypes.object.description(\n 'Object with the identifiers of the rows as keys, and booleans as values. Specifies if a row is disabled or not',\n ),\n expandedRows: PropTypes.object.description(\n 'Object with the identifiers of the rows as keys, and booleans as values. Specifies if a row is expanded or not',\n ),\n onRowExpand: PropTypes.func.description('Function invoked when a row is (un)expanded'),\n cellRendererProps: PropTypes.object.description(\n 'Object with all the props you want the cells to have available when rendering',\n ),\n selectSingle: PropTypes.bool.description('Whether the selectable feature is single').defaultValue(false),\n selection: PropTypes.object.description(\n 'Object with the identifiers of the rows as keys, and booleans as values. Specifies if a row is selected or not',\n ),\n onSelectionChange: PropTypes.func.description('Function invoked when a row is selected'),\n groupedRowsRenderHeader: PropTypes.oneOfType([PropTypes.string, PropTypes.func]).description(\n 'String | Function to call which will display in the row headers',\n ),\n isResizeable: PropTypes.bool.description(\"Whether the datatable's columns are resizeable\"),\n filters: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.string,\n type: PropTypes.string,\n value: PropTypes.any,\n }),\n ).description('Array of filter keys and values'),\n withFilterBar: PropTypes.bool.description('Whether to display the filter bar'),\n filterBarProps: PropTypes.shape({\n customPillRenderer: PropTypes.oneOfType([PropTypes.func, PropTypes.element]).description(\n 'If you specify custom filters, you will need to render their pills here',\n ),\n isDropdownMenuOpen: PropTypes.bool.description('Wether the DropdownMenu is Open or not.'),\n onDropdownMenuToggle: PropTypes.func.description('Callback to toggle the DropdownMenu.'),\n onClearAllFiltersClick: PropTypes.func.description('Callback for Clear Al Filters option.'),\n onDropdownMenuClickOutside: PropTypes.func.description('Callback triggered when clicking outside DropdownMenu.'),\n onDropdownMenuTriggerClick: PropTypes.func.description('Callback triggered when clicking DropdownMenu ellipsis.'),\n extraOptions: PropTypes.arrayOf(\n PropTypes.shape({\n type: PropTypes.string,\n id: PropTypes.string,\n label: PropTypes.string,\n onClick: PropTypes.func,\n }),\n ).description('Any extra option you want in the dropdownmenu of the filter bar'),\n }).description('Props for the filter bar'),\n onFiltersChange: PropTypes.func.description('Function invoked when filters change'),\n pagination: PropTypes.oneOfType([\n PropTypes.oneOf([false]),\n PropTypes.shape({\n pageCount: PropTypes.number.description('How many pages are there'),\n pageIndex: PropTypes.number.description('Index of the current page, starting from 1').defaultValue(1),\n canPreviousPage: PropTypes.bool.description('Whether the previous button is disabled or not').defaultValue(true),\n canNextPage: PropTypes.bool.description('Whether the next button is disabled or not').defaultValue(true),\n pageSize: PropTypes.number.description('The current page size').defaultValue(10),\n showPerPageSelector: PropTypes.bool.description('Whether to show the page selector').defaultValue(true),\n perPageOptions: PropTypes.arrayOf(\n PropTypes.oneOfType([\n PropTypes.number,\n PropTypes.shape({\n dsId: PropTypes.string,\n value: PropTypes.number,\n label: PropTypes.string,\n type: PropTypes.oneOf(['single']),\n }),\n ]),\n )\n .description('The available options for page size')\n .defaultValue([10]),\n perPageStep: PropTypes.number.description('Step for the per page options').defaultValue(5),\n minPerPage: PropTypes.number.description('Step for the per page options').defaultValue(0),\n maxPerPage: PropTypes.number.description('Step for the per page options').defaultValue(100),\n onPageSizeChange: PropTypes.func\n .description('Function invoked when the page size changes')\n .defaultValue(() => null),\n onPreviousPage: PropTypes.func\n .description('Function invoked when the previous button is pressed')\n .defaultValue(() => null),\n onPageChange: PropTypes.func.description('Function invoked when the page changes').defaultValue(() => null),\n onNextPage: PropTypes.func.description('Function invoked when next button is pressed').defaultValue(() => null),\n pageDetails: PropTypes.arrayOf(PropTypes.string).description('Details to provide for each page').defaultValue([]),\n pageDetailsTitle: PropTypes.string\n .description('The title of the details (usually a column of your dataset)')\n .defaultValue(''),\n }),\n ]).description('Object containing the data for the pagination'),\n colsLayoutStyle: PropTypes.oneOf(['auto', 'fixed']).description('Whether the datatable fills its container or not'),\n hiddenColumns: PropTypes.arrayOf(PropTypes.string).description('IDs of columns not to render'),\n dragAndDropRows: PropTypes.bool.description('Whether to turn on the d&d feature for the rows').defaultValue(false),\n onRowsReorder: PropTypes.func.description('Function invoked when a row is reordered'),\n maxDragAndDropLevel: PropTypes.number.description('Which level is the maximum allowed to drop into'),\n dragAndDropColumns: PropTypes.bool.description('Whether to turn on the d&d feature for the columns'),\n onColumnsReorder: PropTypes.func.description('Function invoked when a column is reordered'),\n textWrap: textWrappingType.description('Global wrapping rule'),\n noResultsMessage: PropTypes.string.description('Message to show when no more data is available'),\n noResultsSecondaryMessage: PropTypes.string.description('Secondary message to show when no more data is available'),\n noResultsButtonLabel: PropTypes.string.description('Label of the button when no more data is available'),\n noResultsPlaceholder: PropTypes.oneOfType([PropTypes.func, PropTypes.element]).description(\n 'Custom content to show when dataset is empty',\n ),\n isLoading: PropTypes.bool.description('Whether to show a global loader in the datatable'),\n isLoadingAppended: PropTypes.bool.description('Whether to show an appended loader in the datatable'),\n onColumnResize: PropTypes.func.description('Function invoked when a column is resized'),\n isNoMoreDataAppended: PropTypes.bool.description(\n 'Whether to show an appended message in the datatable for no more data',\n ),\n noMoreDataMessage: PropTypes.string.description('The message to show when no more data is available'),\n onRowClick: PropTypes.func.description('Function invoked when clicking a row'),\n onRowFocus: PropTypes.func.description('Function invoked when focusing a row'),\n onCellValueChange: PropTypes.func.description(\"Function invoked when an editable cell's content is changed\"),\n onColumnSortChange: PropTypes.func.description('Function invoked when a column is sorted'),\n actionRef: PropTypes.object.description('Reference where all the exposed action callbacks will be exposed'),\n};\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|