@coveord/plasma-mantine 53.1.4 → 54.0.0

package/dist/cjs/components/table/Table.js

@@ -16,67 +16,63 @@ _export(exports, {
         return TableComponentsOrder;
     }
 });
+var _instanceof = require("@swc/helpers/_/_instanceof");
 var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
 var _object_spread = require("@swc/helpers/_/_object_spread");
 var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
 var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
-var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
 var _to_consumable_array = require("@swc/helpers/_/_to_consumable_array");
 var _jsxruntime = require("react/jsx-runtime");
 var _core = require("@mantine/core");
-var _form = require("@mantine/form");
 var _hooks = require("@mantine/hooks");
 var _reacttable = require("@tanstack/react-table");
-var _lodashdebounce = /*#__PURE__*/ _interop_require_default._(require("lodash.debounce"));
-var _lodashdefaultsdeep = /*#__PURE__*/ _interop_require_default._(require("lodash.defaultsdeep"));
+var _fastdeepequal = /*#__PURE__*/ _interop_require_default._(require("fast-deep-equal"));
 var _react = require("react");
-var _useRowSelection = require("../../hooks/useRowSelection");
 var _utils = require("../../utils");
+var _Tablemodulecss = /*#__PURE__*/ _interop_require_default._(require("./Table.module.css"));
+var _TableContext = require("./TableContext");
 var _TableLayouts = require("./layouts/TableLayouts");
-var _TableActions = require("./table-actions/TableActions");
+var _tableactions = require("./table-actions");
+var _TableActionsColumn = require("./table-column/TableActionsColumn");
 var _TableCollapsibleColumn = require("./table-column/TableCollapsibleColumn");
 var _TableSelectableColumn = require("./table-column/TableSelectableColumn");
 var _TableColumnsSelector = require("./table-columns-selector/TableColumnsSelector");
-var _TableConsumer = require("./table-consumer/TableConsumer");
 var _TableDateRangePicker = require("./table-date-range-picker/TableDateRangePicker");
 var _TableFilter = require("./table-filter/TableFilter");
 var _TableFooter = require("./table-footer/TableFooter");
 var _TableHeader = require("./table-header/TableHeader");
 var _TableLastUpdated = require("./table-last-updated/TableLastUpdated");
 var _TableLoading = require("./table-loading/TableLoading");
+var _TableNoData = require("./table-no-data/TableNoData");
 var _TablePagination = require("./table-pagination/TablePagination");
 var _TablePerPage = require("./table-per-page/TablePerPage");
 var _TablePredicate = require("./table-predicate/TablePredicate");
-var _Tablemodulecss = /*#__PURE__*/ _interop_require_default._(require("./Table.module.css"));
-var _TableContext = require("./TableContext");
 var defaultProps = {
     layouts: [
         _TableLayouts.TableLayouts.Rows
     ],
+    layoutProps: {},
     loading: false,
-    multiRowSelectionEnabled: false,
-    initialState: {},
-    options: {}
+    additionalRootNodes: [],
+    options: {},
+    getRowActions: function() {
+        return [];
+    }
 };
 var Table = function(props) {
-    var _form_values, _form_values_dateRange, _form_values_dateRange1;
-    var _useProps = (0, _core.useProps)('PlasmaTable', defaultProps, props), data = _useProps.data, getRowId = _useProps.getRowId, noDataChildren = _useProps.noDataChildren, getExpandChildren = _useProps.getExpandChildren, initialState = _useProps.initialState, columns = _useProps.columns, layouts = _useProps.layouts, onMount = _useProps.onMount, onChange = _useProps.onChange, children = _useProps.children, loading = _useProps.loading, doubleClickAction = _useProps.doubleClickAction, multiRowSelectionEnabled = _useProps.multiRowSelectionEnabled, disableRowSelection = _useProps.disableRowSelection, onRowSelectionChange = _useProps.onRowSelectionChange, additionalRootNodes = _useProps.additionalRootNodes, options = _useProps.options, ref = _useProps.ref, // Style props
+    var _useProps = (0, _core.useProps)('PlasmaTable', defaultProps, props), store = _useProps.store, data = _useProps.data, getRowId = _useProps.getRowId, getRowAttributes = _useProps.getRowAttributes, getRowExpandedContent = _useProps.getRowExpandedContent, getRowActions = _useProps.getRowActions, columns = _useProps.columns, layouts = _useProps.layouts, layoutProps = _useProps.layoutProps, children = _useProps.children, loading = _useProps.loading, additionalRootNodes = _useProps.additionalRootNodes, options = _useProps.options, ref = _useProps.ref, // Style props
     style = _useProps.style, className = _useProps.className, classNames = _useProps.classNames, styles = _useProps.styles, unstyled = _useProps.unstyled, others = _object_without_properties._(_useProps, [
+        "store",
         "data",
         "getRowId",
-        "noDataChildren",
-        "getExpandChildren",
-        "initialState",
+        "getRowAttributes",
+        "getRowExpandedContent",
+        "getRowActions",
         "columns",
         "layouts",
-        "onMount",
-        "onChange",
+        "layoutProps",
         "children",
         "loading",
-        "doubleClickAction",
-        "multiRowSelectionEnabled",
-        "disableRowSelection",
-        "onRowSelectionChange",
         "additionalRootNodes",
         "options",
         "ref",
@@ -103,101 +99,81 @@ var Table = function(props) {
     var footer = convertedChildren.find(function(child) {
         return child.type === _TableFooter.TableFooter;
     });
-    var consumer = convertedChildren.find(function(child) {
-        return child.type === _TableConsumer.TableConsumer;
-    });
     var lastUpdated = convertedChildren.find(function(child) {
         return child.type === _TableLastUpdated.TableLastUpdated;
     });
-    var predicates = initialState.predicates, dateRange = initialState.dateRange, initialStateWithoutForm = _object_without_properties._(initialState, [
-        "predicates",
-        "dateRange"
-    ]);
-    var _initialState_predicates, _initialState_dateRange, _initialState_layout;
-    var form = (0, _form.useForm)({
-        initialValues: {
-            predicates: (_initialState_predicates = initialState === null || initialState === void 0 ? void 0 : initialState.predicates) !== null && _initialState_predicates !== void 0 ? _initialState_predicates : {},
-            dateRange: (_initialState_dateRange = initialState === null || initialState === void 0 ? void 0 : initialState.dateRange) !== null && _initialState_dateRange !== void 0 ? _initialState_dateRange : [
-                null,
-                null
-            ],
-            layout: (_initialState_layout = initialState === null || initialState === void 0 ? void 0 : initialState.layout) !== null && _initialState_layout !== void 0 ? _initialState_layout : layouts[0].displayName
-        }
+    var noData = convertedChildren.find(function(child) {
+        return child.type === _TableNoData.TableNoData;
     });
     var table = (0, _reacttable.useReactTable)(_object_spread._({
-        initialState: (0, _lodashdefaultsdeep.default)(initialStateWithoutForm, {
-            pagination: {
-                pageSize: _TablePerPage.TablePerPage.DEFAULT_SIZE
-            },
-            globalFilter: ''
-        }),
         data: data,
-        columns: multiRowSelectionEnabled ? [
+        state: {
+            globalFilter: store.state.globalFilter,
+            sorting: store.state.sorting,
+            pagination: store.state.pagination,
+            columnVisibility: store.state.columnVisibility,
+            expanded: store.state.expanded
+        },
+        onGlobalFilterChange: store.setGlobalFilter,
+        onExpandedChange: store.setExpanded,
+        onSortingChange: store.setSorting,
+        onPaginationChange: store.setPagination,
+        onColumnVisibilityChange: store.setColumnVisibility,
+        columns: store.multiRowSelectionEnabled ? [
             _TableSelectableColumn.TableSelectableColumn
         ].concat(columns) : columns,
         getCoreRowModel: (0, _reacttable.getCoreRowModel)(),
         manualPagination: (options === null || options === void 0 ? void 0 : options.getPaginationRowModel) === undefined,
-        enableMultiRowSelection: !!multiRowSelectionEnabled,
+        enableMultiRowSelection: !!store.multiRowSelectionEnabled,
         getRowId: getRowId,
         getRowCanExpand: function(row) {
             var _ref;
-            return (_ref = !!(getExpandChildren === null || getExpandChildren === void 0 ? void 0 : getExpandChildren(row.original))) !== null && _ref !== void 0 ? _ref : false;
+            return (_ref = !!(getRowExpandedContent === null || getRowExpandedContent === void 0 ? void 0 : getRowExpandedContent(row.original, row.index, row))) !== null && _ref !== void 0 ? _ref : false;
         },
         enableRowSelection: !loading,
         defaultColumn: {
             size: undefined,
             minSize: _reacttable.defaultColumnSizing.minSize,
             maxSize: _reacttable.defaultColumnSizing.maxSize
-        }
+        },
+        rowCount: (options === null || options === void 0 ? void 0 : options.getFilteredRowModel) ? undefined : store.state.totalEntries
     }, options));
-    var getAllColumns = table.getAllFlatColumns;
-    var _useState = _sliced_to_array._((0, _react.useState)(table.initialState), 2), state = _useState[0], setState = _useState[1];
     table.setOptions(function(prev) {
         return _object_spread_props._(_object_spread._({}, prev), {
-            state: state,
-            onStateChange: setState
+            state: _object_spread_props._(_object_spread._({}, prev.state), {
+                rowSelection: store.state.rowSelection
+            }),
+            onRowSelectionChange: function(rowSelectionUpdater) {
+                store.setRowSelection(function(old) {
+                    var newRowSelection = _instanceof._(rowSelectionUpdater, Function) ? rowSelectionUpdater(old) : rowSelectionUpdater;
+                    if ((0, _fastdeepequal.default)(old, newRowSelection)) {
+                        return old;
+                    }
+                    var rows = table.getRowModel().rowsById;
+                    Object.keys(newRowSelection).forEach(function(rowId) {
+                        if (newRowSelection[rowId] === true) {
+                            var _rows_rowId;
+                            if (!rows[rowId]) {
+                                console.error('The table was not initialized properly, the rowSelection state should contain an object of type Record<string, TData>.');
+                            }
+                            var _rows_rowId_original;
+                            newRowSelection[rowId] = (_rows_rowId_original = (_rows_rowId = rows[rowId]) === null || _rows_rowId === void 0 ? void 0 : _rows_rowId.original) !== null && _rows_rowId_original !== void 0 ? _rows_rowId_original : true;
+                        }
+                    });
+                    return newRowSelection;
+                });
+            }
         });
     });
-    var _useRowSelection1 = (0, _useRowSelection.useRowSelection)(table, {
-        multiRowSelectionEnabled: multiRowSelectionEnabled,
-        onRowSelectionChange: onRowSelectionChange,
-        additionalRootNodes: additionalRootNodes
-    }), clearSelection = _useRowSelection1.clearSelection, getSelectedRow = _useRowSelection1.getSelectedRow, getSelectedRows = _useRowSelection1.getSelectedRows, outsideClickRef = _useRowSelection1.outsideClickRef;
-    var containerRef = (0, _hooks.useMergedRef)(outsideClickRef, ref);
-    var _form_values_predicates;
-    var isFiltered = !!state.globalFilter || Object.keys((_form_values_predicates = (_form_values = form.values) === null || _form_values === void 0 ? void 0 : _form_values.predicates) !== null && _form_values_predicates !== void 0 ? _form_values_predicates : {}).some(function(predicate) {
-        return !!form.values.predicates[predicate];
-    }) || !!((_form_values_dateRange = form.values.dateRange) === null || _form_values_dateRange === void 0 ? void 0 : _form_values_dateRange[0]) || !!((_form_values_dateRange1 = form.values.dateRange) === null || _form_values_dateRange1 === void 0 ? void 0 : _form_values_dateRange1[1]);
-    var triggerChange = (0, _lodashdebounce.default)(function() {
-        return onChange === null || onChange === void 0 ? void 0 : onChange(_object_spread._({}, state, form.values));
-    }, 500);
-    (0, _react.useEffect)(function() {
-        onMount === null || onMount === void 0 ? void 0 : onMount(_object_spread._({}, state, form.values));
-        return function() {
-            triggerChange.cancel();
-        };
-    }, []);
-    (0, _hooks.useDidUpdate)(function() {
-        triggerChange();
-        if (!multiRowSelectionEnabled) {
-            clearSelection();
+    var containerRef = (0, _react.useRef)();
+    (0, _hooks.useClickOutside)(function() {
+        if (!store.multiRowSelectionEnabled) {
+            store.clearRowSelection();
         }
-    }, [
-        state.globalFilter,
-        state.pagination,
-        state.sorting,
-        JSON.stringify(form.values.dateRange),
-        JSON.stringify(form.values.predicates)
-    ]);
-    var clearFilters = (0, _react.useCallback)(function() {
-        var _initialState_predicates;
-        form.setFieldValue('predicates', (_initialState_predicates = initialState.predicates) !== null && _initialState_predicates !== void 0 ? _initialState_predicates : {});
-        setState(function(prevState) {
-            return _object_spread_props._(_object_spread._({}, prevState), {
-                globalFilter: ''
-            });
-        });
-    }, []);
+    }, null, [
+        containerRef.current
+    ].concat(_to_consumable_array._(additionalRootNodes)));
+    var mergedRef = (0, _hooks.useMergedRef)(containerRef, ref);
     if (!data) {
         return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Center, {
             style: {
@@ -206,92 +182,71 @@ var Table = function(props) {
             children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Loader, {})
         });
     }
-    var Layout = layouts.find(function(param) {
+    var Layout = store.state.layout === null ? layouts[0] : layouts.find(function(param) {
         var displayName = param.displayName;
-        return displayName === form.values.layout;
+        return displayName === store.state.layout;
     });
     var hasRows = table.getRowModel().rows.length > 0;
-    var _lastUpdated_props_dependencies;
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Box, _object_spread_props._(_object_spread._({
-        ref: containerRef
+        ref: mergedRef
     }, others, getStyles('root')), {
-        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_TableContext.TableStylesProvider, {
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_TableContext.TableProvider, {
             value: {
-                getStyles: getStyles
+                getStyles: getStyles,
+                getRowActions: getRowActions,
+                store: store,
+                table: table,
+                layouts: layouts,
+                containerRef: containerRef
             },
-            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_TableContext.TableContext.Provider, {
-                value: {
-                    onChange: triggerChange,
-                    state: state,
-                    isFiltered: isFiltered,
-                    setState: setState,
-                    clearFilters: clearFilters,
-                    getSelectedRow: getSelectedRow,
-                    getSelectedRows: getSelectedRows,
-                    clearSelection: clearSelection,
-                    form: form,
-                    containerRef: outsideClickRef,
-                    multiRowSelectionEnabled: multiRowSelectionEnabled,
-                    getPageCount: table.getPageCount,
-                    getAllColumns: getAllColumns,
-                    disableRowSelection: disableRowSelection,
-                    layouts: layouts
-                },
-                children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(Layout, {
+            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(Layout, {
+                children: store.isVacant && !store.isFiltered ? noData : /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
                     children: [
-                        consumer,
-                        !hasRows && !isFiltered && !loading ? noDataChildren : /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+                        /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Box, _object_spread_props._(_object_spread._({
+                            component: "table"
+                        }, getStyles('table')), {
+                            pb: "sm",
+                            mod: {
+                                loading: loading
+                            },
                             children: [
-                                /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Box, _object_spread_props._(_object_spread._({
-                                    component: "table"
-                                }, getStyles('table')), {
-                                    pb: "sm",
+                                /*#__PURE__*/ (0, _jsxruntime.jsxs)("thead", _object_spread_props._(_object_spread._({}, getStyles('header')), {
                                     children: [
-                                        /*#__PURE__*/ (0, _jsxruntime.jsxs)("thead", _object_spread_props._(_object_spread._({}, getStyles('header')), {
-                                            children: [
-                                                !!header ? /*#__PURE__*/ (0, _jsxruntime.jsx)("tr", {
-                                                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)("th", {
-                                                        style: {
-                                                            padding: 0
-                                                        },
-                                                        colSpan: table.getAllColumns().length,
-                                                        children: header
-                                                    })
-                                                }) : null,
-                                                /*#__PURE__*/ (0, _jsxruntime.jsx)(Layout.Header, {
-                                                    table: table,
-                                                    doubleClickAction: doubleClickAction,
-                                                    getExpandChildren: getExpandChildren,
-                                                    loading: loading
-                                                })
-                                            ]
-                                        })),
-                                        /*#__PURE__*/ (0, _jsxruntime.jsx)("tbody", _object_spread_props._(_object_spread._({}, getStyles('body')), {
-                                            children: hasRows ? /*#__PURE__*/ (0, _jsxruntime.jsx)(Layout.Body, {
-                                                table: table,
-                                                doubleClickAction: doubleClickAction,
-                                                getExpandChildren: getExpandChildren,
-                                                loading: loading
-                                            }) : /*#__PURE__*/ (0, _jsxruntime.jsx)("tr", {
-                                                children: /*#__PURE__*/ (0, _jsxruntime.jsx)("td", {
-                                                    colSpan: table.getAllColumns().length,
-                                                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_TableLoading.TableLoading, {
-                                                        visible: loading,
-                                                        children: noDataChildren
-                                                    })
-                                                })
+                                        !!header ? /*#__PURE__*/ (0, _jsxruntime.jsx)("tr", {
+                                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)("th", {
+                                                style: {
+                                                    padding: 0
+                                                },
+                                                colSpan: table.getAllColumns().length,
+                                                children: header
                                             })
-                                        }))
+                                        }) : null,
+                                        /*#__PURE__*/ (0, _jsxruntime.jsx)(Layout.Header, _object_spread._({
+                                            getRowExpandedContent: getRowExpandedContent,
+                                            getRowAttributes: getRowAttributes,
+                                            loading: loading
+                                        }, layoutProps))
                                     ]
                                 })),
-                                footer,
-                                lastUpdated ? /*#__PURE__*/ (0, _react.cloneElement)(lastUpdated, {
-                                    dependencies: [
-                                        data
-                                    ].concat(_to_consumable_array._((_lastUpdated_props_dependencies = lastUpdated.props.dependencies) !== null && _lastUpdated_props_dependencies !== void 0 ? _lastUpdated_props_dependencies : []))
-                                }) : null
+                                /*#__PURE__*/ (0, _jsxruntime.jsx)("tbody", _object_spread_props._(_object_spread._({}, getStyles('body')), {
+                                    children: hasRows ? /*#__PURE__*/ (0, _jsxruntime.jsx)(Layout.Body, _object_spread._({
+                                        getRowExpandedContent: getRowExpandedContent,
+                                        getRowAttributes: getRowAttributes,
+                                        loading: loading
+                                    }, layoutProps)) : /*#__PURE__*/ (0, _jsxruntime.jsx)("tr", {
+                                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)("td", {
+                                            colSpan: table.getAllColumns().length,
+                                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_TableLoading.TableLoading, {
+                                                visible: loading || !store.isFiltered,
+                                                children: noData
+                                            })
+                                        })
+                                    })
+                                }))
                             ]
-                        })
+                        })),
+                        footer,
+                        lastUpdated
                     ]
                 })
             })
@@ -307,22 +262,22 @@ var TableComponentsOrder = {
     ColumnsSelector: 2,
     LayoutControl: 1
 };
-Table.Actions = _TableActions.TableActions;
+Table.AccordionColumn = _TableCollapsibleColumn.TableAccordionColumn;
+Table.ActionsColumn = _TableActionsColumn.TableActionsColumn;
+Table.ActionItem = _tableactions.TableActionItem;
+Table.CollapsibleColumn = _TableCollapsibleColumn.TableCollapsibleColumn;
+Table.ColumnsSelector = _TableColumnsSelector.TableColumnsSelector;
+Table.DateRangePicker = _TableDateRangePicker.TableDateRangePicker;
 Table.Filter = _TableFilter.TableFilter;
 Table.Footer = _TableFooter.TableFooter;
 Table.Header = _TableHeader.TableHeader;
 Table.LastUpdated = _TableLastUpdated.TableLastUpdated;
+Table.Layouts = _TableLayouts.TableLayouts;
+Table.Loading = _TableLoading.TableLoading;
+Table.NoData = _TableNoData.TableNoData;
 Table.Pagination = _TablePagination.TablePagination;
-Table.Predicate = _TablePredicate.TablePredicate;
 Table.PerPage = _TablePerPage.TablePerPage;
 Table.Predicate = _TablePredicate.TablePredicate;
-Table.CollapsibleColumn = _TableCollapsibleColumn.TableCollapsibleColumn;
-Table.AccordionColumn = _TableCollapsibleColumn.TableAccordionColumn;
-Table.DateRangePicker = _TableDateRangePicker.TableDateRangePicker;
-Table.Consumer = _TableConsumer.TableConsumer;
-Table.Loading = _TableLoading.TableLoading;
-Table.ColumnsSelector = _TableColumnsSelector.TableColumnsSelector;
-Table.Layouts = _TableLayouts.TableLayouts;
 Table.extend = _utils.identity;
 
 //# sourceMappingURL=Table.js.map

package/dist/cjs/components/table/Table.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/table/Table.tsx"],"sourcesContent":["import {Box, Center, Factory, Loader, useProps, useStyles} from '@mantine/core';\nimport {useForm} from '@mantine/form';\nimport {useDidUpdate, useMergedRef} from '@mantine/hooks';\nimport {\n    ColumnDef,\n    defaultColumnSizing,\n    getCoreRowModel,\n    Row,\n    TableState as TanstackTableState,\n    useReactTable,\n} from '@tanstack/react-table';\nimport debounce from 'lodash.debounce';\nimport defaultsDeep from 'lodash.defaultsdeep';\nimport {Children, cloneElement, Dispatch, ForwardedRef, ReactElement, useCallback, useEffect, useState} from 'react';\n\nimport {useRowSelection} from '../../hooks/useRowSelection';\nimport {CustomComponentThemeExtend, identity} from '../../utils';\nimport {TableLayouts} from './layouts/TableLayouts';\nimport {TableActions, TableActionsStylesNames} from './table-actions/TableActions';\nimport {\n    TableAccordionColumn,\n    TableCollapsibleColumn,\n    TableCollapsibleColumnStylesNames,\n} from './table-column/TableCollapsibleColumn';\nimport {TableSelectableColumn} from './table-column/TableSelectableColumn';\nimport {TableColumnsSelector, TableColumnsSelectorStylesNames} from './table-columns-selector/TableColumnsSelector';\nimport {TableConsumer} from './table-consumer/TableConsumer';\nimport {TableDateRangePicker, TableDateRangePickerStylesNames} from './table-date-range-picker/TableDateRangePicker';\nimport {TableFilter, TableFilterStylesNames} from './table-filter/TableFilter';\nimport {TableFooter} from './table-footer/TableFooter';\nimport {TableHeader, TableHeaderStylesNames} from './table-header/TableHeader';\nimport {TableThStylesNames} from './table-header/Th';\nimport {TableLastUpdated, TableLastUpdatedStylesNames} from './table-last-updated/TableLastUpdated';\nimport {TableLoading} from './table-loading/TableLoading';\nimport {TablePagination} from './table-pagination/TablePagination';\nimport {TablePerPage} from './table-per-page/TablePerPage';\nimport {TablePredicate, TablePredicateStylesNames} from './table-predicate/TablePredicate';\nimport classes from './Table.module.css';\nimport {TableFormType, TableLayout, TableProps, TableState} from './Table.types';\nimport {TableContext, TableStylesProvider} from './TableContext';\n\ntype TableStylesNames =\n    | 'root'\n    | 'table'\n    | 'header'\n    | 'body'\n    | TableActionsStylesNames\n    | TableCollapsibleColumnStylesNames\n    | TableDateRangePickerStylesNames\n    | TableFilterStylesNames\n    | TableHeaderStylesNames\n    | TableThStylesNames\n    | TableLastUpdatedStylesNames\n    | TablePredicateStylesNames\n    | TableColumnsSelectorStylesNames;\n\nexport type PlasmaTableFactory = Factory<{\n    props: TableProps<unknown>;\n    ref: HTMLDivElement;\n    stylesNames: TableStylesNames;\n    staticComponents: {\n        Actions: typeof TableActions;\n        Filter: typeof TableFilter;\n        Footer: typeof TableFooter;\n        Header: typeof TableHeader;\n        LastUpdated: typeof TableLastUpdated;\n        Pagination: typeof TablePagination;\n        PerPage: typeof TablePerPage;\n        Predicate: typeof TablePredicate;\n        DateRangePicker: typeof TableDateRangePicker;\n        CollapsibleColumn: typeof TableCollapsibleColumn;\n        ColumnsSelector: typeof TableColumnsSelector;\n        AccordionColumn: typeof TableAccordionColumn;\n        Consumer: typeof TableConsumer;\n        Loading: typeof TableLoading;\n        Layouts: typeof TableLayouts;\n    };\n}>;\n\nconst defaultProps: Partial<TableProps<unknown>> = {\n    layouts: [TableLayouts.Rows as TableLayout],\n    loading: false,\n    multiRowSelectionEnabled: false,\n    initialState: {},\n    options: {},\n};\n\nexport const Table = <T,>(props: TableProps<T> & {ref?: ForwardedRef<HTMLDivElement>}) => {\n    const {\n        data,\n        getRowId,\n        noDataChildren,\n        getExpandChildren,\n        initialState,\n        columns,\n        layouts,\n        onMount,\n        onChange,\n        children,\n        loading,\n        doubleClickAction,\n        multiRowSelectionEnabled,\n        disableRowSelection,\n        onRowSelectionChange,\n        additionalRootNodes,\n        options,\n        ref,\n\n        // Style props\n        style,\n        className,\n        classNames,\n        styles,\n        unstyled,\n        ...others\n    } = useProps('PlasmaTable', defaultProps as TableProps<T>, props);\n\n    const getStyles = useStyles<PlasmaTableFactory>({\n        name: 'PlasmaTable',\n        classes,\n        props: props as TableProps<unknown>,\n        className,\n        style,\n        classNames,\n        styles,\n        unstyled,\n    });\n\n    const convertedChildren = Children.toArray(children) as ReactElement[];\n    const header = convertedChildren.find((child) => child.type === TableHeader);\n    const footer = convertedChildren.find((child) => child.type === TableFooter);\n    const consumer = convertedChildren.find((child) => child.type === TableConsumer);\n    const lastUpdated = convertedChildren.find((child) => child.type === TableLastUpdated);\n\n    const {predicates, dateRange, ...initialStateWithoutForm} = initialState;\n    const form = useForm<TableFormType>({\n        initialValues: {\n            predicates: initialState?.predicates ?? {},\n            dateRange: initialState?.dateRange ?? [null, null],\n            layout: initialState?.layout ?? layouts[0].displayName,\n        },\n    });\n\n    const table = useReactTable({\n        initialState: defaultsDeep(initialStateWithoutForm, {\n            pagination: {pageSize: TablePerPage.DEFAULT_SIZE},\n            globalFilter: '',\n        }),\n        data,\n        columns: multiRowSelectionEnabled ? [TableSelectableColumn as ColumnDef<T>].concat(columns) : columns,\n        getCoreRowModel: getCoreRowModel(),\n        manualPagination: options?.getPaginationRowModel === undefined,\n        enableMultiRowSelection: !!multiRowSelectionEnabled,\n        getRowId,\n        getRowCanExpand: (row: Row<T>) => !!getExpandChildren?.(row.original) ?? false,\n        enableRowSelection: !loading,\n        defaultColumn: {\n            size: undefined,\n            minSize: defaultColumnSizing.minSize,\n            maxSize: defaultColumnSizing.maxSize,\n        },\n        ...options,\n    });\n\n    const getAllColumns = table.getAllFlatColumns;\n\n    const [state, setState] = useState<TableState<T>>(table.initialState as TableState<T>);\n    table.setOptions((prev) => ({\n        ...prev,\n        state: state as TanstackTableState,\n        onStateChange: setState as Dispatch<React.SetStateAction<TanstackTableState>>,\n    }));\n    const {clearSelection, getSelectedRow, getSelectedRows, outsideClickRef} = useRowSelection(table, {\n        multiRowSelectionEnabled,\n        onRowSelectionChange,\n        additionalRootNodes,\n    });\n    const containerRef = useMergedRef(outsideClickRef, ref);\n    const isFiltered =\n        !!state.globalFilter ||\n        Object.keys(form.values?.predicates ?? {}).some((predicate) => !!form.values.predicates[predicate]) ||\n        !!form.values.dateRange?.[0] ||\n        !!form.values.dateRange?.[1];\n\n    const triggerChange = debounce(() => onChange?.({...state, ...form.values}), 500);\n\n    useEffect(() => {\n        onMount?.({...state, ...form.values});\n        return () => {\n            triggerChange.cancel();\n        };\n    }, []);\n\n    useDidUpdate(() => {\n        triggerChange();\n        if (!multiRowSelectionEnabled) {\n            clearSelection();\n        }\n    }, [\n        state.globalFilter,\n        state.pagination,\n        state.sorting,\n        JSON.stringify(form.values.dateRange),\n        JSON.stringify(form.values.predicates),\n    ]);\n\n    const clearFilters = useCallback(() => {\n        form.setFieldValue('predicates', initialState.predicates ?? {});\n        setState((prevState) => ({...prevState, globalFilter: ''}));\n    }, []);\n\n    if (!data) {\n        return (\n            <Center style={{flexGrow: 1}}>\n                <Loader />\n            </Center>\n        );\n    }\n\n    const Layout = layouts.find(({displayName}) => displayName === form.values.layout);\n    const hasRows = table.getRowModel().rows.length > 0;\n\n    return (\n        <Box ref={containerRef} {...others} {...getStyles('root')}>\n            <TableStylesProvider value={{getStyles}}>\n                <TableContext.Provider\n                    value={{\n                        onChange: triggerChange,\n                        state,\n                        isFiltered,\n                        setState,\n                        clearFilters,\n                        getSelectedRow,\n                        getSelectedRows,\n                        clearSelection,\n                        form,\n                        containerRef: outsideClickRef,\n                        multiRowSelectionEnabled,\n                        getPageCount: table.getPageCount,\n                        getAllColumns,\n                        disableRowSelection,\n                        layouts,\n                    }}\n                >\n                    <Layout>\n                        {consumer}\n                        {!hasRows && !isFiltered && !loading ? (\n                            noDataChildren\n                        ) : (\n                            <>\n                                <Box component=\"table\" {...getStyles('table')} pb=\"sm\">\n                                    <thead {...getStyles('header')}>\n                                        {!!header ? (\n                                            <tr>\n                                                <th style={{padding: 0}} colSpan={table.getAllColumns().length}>\n                                                    {header}\n                                                </th>\n                                            </tr>\n                                        ) : null}\n                                        <Layout.Header\n                                            table={table}\n                                            doubleClickAction={doubleClickAction}\n                                            getExpandChildren={getExpandChildren}\n                                            loading={loading}\n                                        />\n                                    </thead>\n                                    <tbody {...getStyles('body')}>\n                                        {hasRows ? (\n                                            <Layout.Body\n                                                table={table}\n                                                doubleClickAction={doubleClickAction}\n                                                getExpandChildren={getExpandChildren}\n                                                loading={loading}\n                                            />\n                                        ) : (\n                                            <tr>\n                                                <td colSpan={table.getAllColumns().length}>\n                                                    <TableLoading visible={loading}>{noDataChildren}</TableLoading>\n                                                </td>\n                                            </tr>\n                                        )}\n                                    </tbody>\n                                </Box>\n                                {footer}\n                                {lastUpdated\n                                    ? cloneElement(lastUpdated, {\n                                          dependencies: [data, ...(lastUpdated.props.dependencies ?? [])],\n                                      })\n                                    : null}\n                            </>\n                        )}\n                    </Layout>\n                </TableContext.Provider>\n            </TableStylesProvider>\n        </Box>\n    );\n};\n\nexport const TableComponentsOrder = {\n    MultiSelectInfo: 7,\n    Actions: 6,\n    Predicate: 5,\n    Filter: 4,\n    DateRangePicker: 3,\n    ColumnsSelector: 2,\n    LayoutControl: 1,\n};\n\nTable.Actions = TableActions;\nTable.Filter = TableFilter;\nTable.Footer = TableFooter;\nTable.Header = TableHeader;\nTable.LastUpdated = TableLastUpdated;\nTable.Pagination = TablePagination;\nTable.Predicate = TablePredicate;\nTable.PerPage = TablePerPage;\nTable.Predicate = TablePredicate;\nTable.CollapsibleColumn = TableCollapsibleColumn;\nTable.AccordionColumn = TableAccordionColumn;\nTable.DateRangePicker = TableDateRangePicker;\nTable.Consumer = TableConsumer;\nTable.Loading = TableLoading;\nTable.ColumnsSelector = TableColumnsSelector;\nTable.Layouts = TableLayouts;\n\nTable.extend = identity as CustomComponentThemeExtend<PlasmaTableFactory>;\n"],"names":["Table","TableComponentsOrder","defaultProps","layouts","TableLayouts","Rows","loading","multiRowSelectionEnabled","initialState","options","props","form","useProps","data","getRowId","noDataChildren","getExpandChildren","columns","onMount","onChange","children","doubleClickAction","disableRowSelection","onRowSelectionChange","additionalRootNodes","ref","style","className","classNames","styles","unstyled","others","getStyles","useStyles","name","classes","convertedChildren","Children","toArray","header","find","child","type","TableHeader","footer","TableFooter","consumer","TableConsumer","lastUpdated","TableLastUpdated","predicates","dateRange","initialStateWithoutForm","useForm","initialValues","layout","displayName","table","useReactTable","defaultsDeep","pagination","pageSize","TablePerPage","DEFAULT_SIZE","globalFilter","TableSelectableColumn","concat","getCoreRowModel","manualPagination","getPaginationRowModel","undefined","enableMultiRowSelection","getRowCanExpand","row","original","enableRowSelection","defaultColumn","size","minSize","defaultColumnSizing","maxSize","getAllColumns","getAllFlatColumns","useState","state","setState","setOptions","prev","onStateChange","useRowSelection","clearSelection","getSelectedRow","getSelectedRows","outsideClickRef","containerRef","useMergedRef","isFiltered","Object","keys","values","some","predicate","triggerChange","debounce","useEffect","cancel","useDidUpdate","sorting","JSON","stringify","clearFilters","useCallback","setFieldValue","prevState","Center","flexGrow","Loader","Layout","hasRows","getRowModel","rows","length","Box","TableStylesProvider","value","TableContext","Provider","getPageCount","component","pb","thead","tr","th","padding","colSpan","Header","tbody","Body","td","TableLoading","visible","cloneElement","dependencies","MultiSelectInfo","Actions","Predicate","Filter","DateRangePicker","ColumnsSelector","LayoutControl","TableActions","TableFilter","Footer","LastUpdated","Pagination","TablePagination","TablePredicate","PerPage","CollapsibleColumn","TableCollapsibleColumn","AccordionColumn","TableAccordionColumn","TableDateRangePicker","Consumer","Loading","TableColumnsSelector","Layouts","extend","identity"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["../../../../src/components/table/Table.tsx"],"sourcesContent":["import {Box, Center, Factory, Loader, useProps, useStyles} from '@mantine/core';\nimport {useClickOutside, useMergedRef} from '@mantine/hooks';\nimport {\n    ColumnDef,\n    Row,\n    RowSelectionState,\n    defaultColumnSizing,\n    getCoreRowModel,\n    useReactTable,\n} from '@tanstack/react-table';\nimport isEqual from 'fast-deep-equal';\nimport {Children, ForwardedRef, ReactElement, useRef} from 'react';\nimport {CustomComponentThemeExtend, identity} from '../../utils';\nimport classes from './Table.module.css';\nimport {TableLayout, TableProps} from './Table.types';\nimport {TableProvider} from './TableContext';\nimport {TableLayouts} from './layouts/TableLayouts';\nimport {TableActionItem, TableActionItemStylesNames, TableHeaderActionsStylesNames} from './table-actions';\nimport {TableActionsListStylesNames} from './table-actions/TableActionsList';\nimport {TableActionsColumn} from './table-column/TableActionsColumn';\nimport {\n    TableAccordionColumn,\n    TableCollapsibleColumn,\n    TableCollapsibleColumnStylesNames,\n} from './table-column/TableCollapsibleColumn';\nimport {TableSelectableColumn} from './table-column/TableSelectableColumn';\nimport {TableColumnsSelector, TableColumnsSelectorStylesNames} from './table-columns-selector/TableColumnsSelector';\nimport {TableDateRangePicker, TableDateRangePickerStylesNames} from './table-date-range-picker/TableDateRangePicker';\nimport {TableFilter, TableFilterStylesNames} from './table-filter/TableFilter';\nimport {TableFooter} from './table-footer/TableFooter';\nimport {TableHeader, TableHeaderStylesNames} from './table-header/TableHeader';\nimport {TableThStylesNames} from './table-header/Th';\nimport {TableLastUpdated, TableLastUpdatedStylesNames} from './table-last-updated/TableLastUpdated';\nimport {TableLoading} from './table-loading/TableLoading';\nimport {TableNoData} from './table-no-data/TableNoData';\nimport {TablePagination} from './table-pagination/TablePagination';\nimport {TablePerPage} from './table-per-page/TablePerPage';\nimport {TablePredicate, TablePredicateStylesNames} from './table-predicate/TablePredicate';\nimport {TableState} from './use-table';\n\ntype TableStylesNames =\n    | 'root'\n    | 'table'\n    | 'header'\n    | 'body'\n    | TableHeaderActionsStylesNames\n    | TableActionsListStylesNames\n    | TableActionItemStylesNames\n    | TableCollapsibleColumnStylesNames\n    | TableDateRangePickerStylesNames\n    | TableFilterStylesNames\n    | TableHeaderStylesNames\n    | TableThStylesNames\n    | TableLastUpdatedStylesNames\n    | TablePredicateStylesNames\n    | TableColumnsSelectorStylesNames;\n\nexport type PlasmaTableFactory = Factory<{\n    props: TableProps<unknown>;\n    ref: HTMLDivElement;\n    stylesNames: TableStylesNames;\n    staticComponents: {\n        AccordionColumn: typeof TableAccordionColumn;\n        ActionsColumn: typeof TableActionsColumn;\n        ActionItem: typeof TableActionItem;\n        CollapsibleColumn: typeof TableCollapsibleColumn;\n        ColumnsSelector: typeof TableColumnsSelector;\n        DateRangePicker: typeof TableDateRangePicker;\n        Filter: typeof TableFilter;\n        Footer: typeof TableFooter;\n        Header: typeof TableHeader;\n        LastUpdated: typeof TableLastUpdated;\n        Layouts: typeof TableLayouts;\n        Loading: typeof TableLoading;\n        NoData: typeof TableNoData;\n        Pagination: typeof TablePagination;\n        PerPage: typeof TablePerPage;\n        Predicate: typeof TablePredicate;\n    };\n}>;\n\nconst defaultProps: Partial<TableProps<unknown>> = {\n    layouts: [TableLayouts.Rows as TableLayout],\n    layoutProps: {},\n    loading: false,\n    additionalRootNodes: [],\n    options: {},\n    getRowActions: () => [],\n};\n\nexport const Table = <T,>(props: TableProps<T> & {ref?: ForwardedRef<HTMLDivElement>}) => {\n    const {\n        store,\n        data,\n        getRowId,\n        getRowAttributes,\n        getRowExpandedContent,\n        getRowActions,\n        columns,\n        layouts,\n        layoutProps,\n        children,\n        loading,\n        additionalRootNodes,\n        options,\n        ref,\n\n        // Style props\n        style,\n        className,\n        classNames,\n        styles,\n        unstyled,\n        ...others\n    } = useProps('PlasmaTable', defaultProps as TableProps<T>, props);\n\n    const getStyles = useStyles<PlasmaTableFactory>({\n        name: 'PlasmaTable',\n        classes,\n        props: props as TableProps<unknown>,\n        className,\n        style,\n        classNames,\n        styles,\n        unstyled,\n    });\n\n    const convertedChildren = Children.toArray(children) as ReactElement[];\n    const header = convertedChildren.find((child) => child.type === TableHeader);\n    const footer = convertedChildren.find((child) => child.type === TableFooter);\n    const lastUpdated = convertedChildren.find((child) => child.type === TableLastUpdated);\n    const noData = convertedChildren.find((child) => child.type === TableNoData);\n\n    const table = useReactTable({\n        data,\n        state: {\n            globalFilter: store.state.globalFilter,\n            sorting: store.state.sorting,\n            pagination: store.state.pagination,\n            columnVisibility: store.state.columnVisibility,\n            expanded: store.state.expanded,\n        },\n        onGlobalFilterChange: store.setGlobalFilter,\n        onExpandedChange: store.setExpanded,\n        onSortingChange: store.setSorting,\n        onPaginationChange: store.setPagination,\n        onColumnVisibilityChange: store.setColumnVisibility,\n        columns: store.multiRowSelectionEnabled ? [TableSelectableColumn as ColumnDef<T>].concat(columns) : columns,\n        getCoreRowModel: getCoreRowModel(),\n        manualPagination: options?.getPaginationRowModel === undefined,\n        enableMultiRowSelection: !!store.multiRowSelectionEnabled,\n        getRowId,\n        getRowCanExpand: (row: Row<T>) => !!getRowExpandedContent?.(row.original, row.index, row) ?? false,\n        enableRowSelection: !loading,\n        defaultColumn: {\n            size: undefined,\n            minSize: defaultColumnSizing.minSize,\n            maxSize: defaultColumnSizing.maxSize,\n        },\n        rowCount: options?.getFilteredRowModel ? undefined : store.state.totalEntries,\n        ...options,\n    });\n\n    table.setOptions((prev) => ({\n        ...prev,\n        state: {\n            ...prev.state,\n            rowSelection: store.state.rowSelection as RowSelectionState,\n        },\n        onRowSelectionChange: (rowSelectionUpdater) => {\n            store.setRowSelection((old) => {\n                const newRowSelection = (\n                    rowSelectionUpdater instanceof Function\n                        ? rowSelectionUpdater(old as RowSelectionState)\n                        : rowSelectionUpdater\n                ) as TableState<T>['rowSelection'];\n\n                if (isEqual(old, newRowSelection)) {\n                    return old;\n                }\n\n                const rows = table.getRowModel().rowsById;\n\n                Object.keys(newRowSelection).forEach((rowId) => {\n                    if (newRowSelection[rowId] === true) {\n                        if (!rows[rowId]) {\n                            console.error(\n                                'The table was not initialized properly, the rowSelection state should contain an object of type Record<string, TData>.',\n                            );\n                        }\n                        newRowSelection[rowId] = rows[rowId]?.original ?? (true as T);\n                    }\n                });\n\n                return newRowSelection;\n            });\n        },\n    }));\n\n    const containerRef = useRef<HTMLDivElement>();\n    useClickOutside(\n        () => {\n            if (!store.multiRowSelectionEnabled) {\n                store.clearRowSelection();\n            }\n        },\n        null,\n        [containerRef.current, ...additionalRootNodes],\n    );\n    const mergedRef = useMergedRef(containerRef, ref);\n\n    if (!data) {\n        return (\n            <Center style={{flexGrow: 1}}>\n                <Loader />\n            </Center>\n        );\n    }\n\n    const Layout =\n        store.state.layout === null ? layouts[0] : layouts.find(({displayName}) => displayName === store.state.layout);\n    const hasRows = table.getRowModel().rows.length > 0;\n\n    return (\n        <Box ref={mergedRef} {...others} {...getStyles('root')}>\n            <TableProvider<T> value={{getStyles, getRowActions, store, table, layouts, containerRef}}>\n                <Layout>\n                    {store.isVacant && !store.isFiltered ? (\n                        noData\n                    ) : (\n                        <>\n                            <Box component=\"table\" {...getStyles('table')} pb=\"sm\" mod={{loading}}>\n                                <thead {...getStyles('header')}>\n                                    {!!header ? (\n                                        <tr>\n                                            <th style={{padding: 0}} colSpan={table.getAllColumns().length}>\n                                                {header}\n                                            </th>\n                                        </tr>\n                                    ) : null}\n                                    <Layout.Header\n                                        getRowExpandedContent={getRowExpandedContent}\n                                        getRowAttributes={getRowAttributes}\n                                        loading={loading}\n                                        {...layoutProps}\n                                    />\n                                </thead>\n                                <tbody {...getStyles('body')}>\n                                    {hasRows ? (\n                                        <Layout.Body\n                                            getRowExpandedContent={getRowExpandedContent}\n                                            getRowAttributes={getRowAttributes}\n                                            loading={loading}\n                                            {...layoutProps}\n                                        />\n                                    ) : (\n                                        <tr>\n                                            <td colSpan={table.getAllColumns().length}>\n                                                <TableLoading visible={loading || !store.isFiltered}>\n                                                    {noData}\n                                                </TableLoading>\n                                            </td>\n                                        </tr>\n                                    )}\n                                </tbody>\n                            </Box>\n                            {footer}\n                            {lastUpdated}\n                        </>\n                    )}\n                </Layout>\n            </TableProvider>\n        </Box>\n    );\n};\n\nexport const TableComponentsOrder = {\n    MultiSelectInfo: 7,\n    Actions: 6,\n    Predicate: 5,\n    Filter: 4,\n    DateRangePicker: 3,\n    ColumnsSelector: 2,\n    LayoutControl: 1,\n};\n\nTable.AccordionColumn = TableAccordionColumn;\nTable.ActionsColumn = TableActionsColumn;\nTable.ActionItem = TableActionItem;\nTable.CollapsibleColumn = TableCollapsibleColumn;\nTable.ColumnsSelector = TableColumnsSelector;\nTable.DateRangePicker = TableDateRangePicker;\nTable.Filter = TableFilter;\nTable.Footer = TableFooter;\nTable.Header = TableHeader;\nTable.LastUpdated = TableLastUpdated;\nTable.Layouts = TableLayouts;\nTable.Loading = TableLoading;\nTable.NoData = TableNoData;\nTable.Pagination = TablePagination;\nTable.PerPage = TablePerPage;\nTable.Predicate = TablePredicate;\n\nTable.extend = identity as CustomComponentThemeExtend<PlasmaTableFactory>;\n"],"names":["Table","TableComponentsOrder","defaultProps","layouts","TableLayouts","Rows","layoutProps","loading","additionalRootNodes","options","getRowActions","props","useProps","store","data","getRowId","getRowAttributes","getRowExpandedContent","columns","children","ref","style","className","classNames","styles","unstyled","others","getStyles","useStyles","name","classes","convertedChildren","Children","toArray","header","find","child","type","TableHeader","footer","TableFooter","lastUpdated","TableLastUpdated","noData","TableNoData","table","useReactTable","state","globalFilter","sorting","pagination","columnVisibility","expanded","onGlobalFilterChange","setGlobalFilter","onExpandedChange","setExpanded","onSortingChange","setSorting","onPaginationChange","setPagination","onColumnVisibilityChange","setColumnVisibility","multiRowSelectionEnabled","TableSelectableColumn","concat","getCoreRowModel","manualPagination","getPaginationRowModel","undefined","enableMultiRowSelection","getRowCanExpand","row","original","index","enableRowSelection","defaultColumn","size","minSize","defaultColumnSizing","maxSize","rowCount","getFilteredRowModel","totalEntries","setOptions","prev","rowSelection","onRowSelectionChange","rowSelectionUpdater","setRowSelection","old","newRowSelection","Function","isEqual","rows","getRowModel","rowsById","Object","keys","forEach","rowId","console","error","containerRef","useRef","useClickOutside","clearRowSelection","current","mergedRef","useMergedRef","Center","flexGrow","Loader","Layout","layout","displayName","hasRows","length","Box","TableProvider","value","isVacant","isFiltered","component","pb","mod","thead","tr","th","padding","colSpan","getAllColumns","Header","tbody","Body","td","TableLoading","visible","MultiSelectInfo","Actions","Predicate","Filter","DateRangePicker","ColumnsSelector","LayoutControl","AccordionColumn","TableAccordionColumn","ActionsColumn","TableActionsColumn","ActionItem","TableActionItem","CollapsibleColumn","TableCollapsibleColumn","TableColumnsSelector","TableDateRangePicker","TableFilter","Footer","LastUpdated","Layouts","Loading","NoData","Pagination","TablePagination","PerPage","TablePerPage","TablePredicate","extend","identity"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/dist/cjs/components/table/Table.module.css

@@ -19,8 +19,14 @@
 }
 
 /* Table.Actions */
+.actionsDropdown {
+    text-align: left;
+}
 .actionsGroup {
-    display: inline-flex;
+    &:has(.actionsGroupItems:empty) {
+        /* Hide empty groups */
+        display: none;
+    }
 }
 
 /* Table.Filter */
@@ -37,6 +43,7 @@
     background-color: var(--mantine-color-gray-1);
     padding: var(--mantine-spacing-sm) var(--mantine-spacing-xl);
     position: relative;
+    min-height: 69px;
 }
 
 .headerGridInner {