@coveord/plasma-mantine 53.1.4 → 54.0.1

package/dist/esm/components/table/Table.d.ts

@@ -2,11 +2,13 @@ import { Factory } from '@mantine/core';
 import { ColumnDef } from '@tanstack/react-table';
 import { ForwardedRef, ReactElement } from 'react';
 import { CustomComponentThemeExtend } from '../../utils';
+import { TableLayout, TableProps } from './Table.types';
 import { TableLayouts } from './layouts/TableLayouts';
-import { TableActions, TableActionsStylesNames } from './table-actions/TableActions';
+import { TableActionItem, TableActionItemStylesNames, TableHeaderActionsStylesNames } from './table-actions';
+import { TableActionsListStylesNames } from './table-actions/TableActionsList';
+import { TableActionsColumn } from './table-column/TableActionsColumn';
 import { TableAccordionColumn, TableCollapsibleColumn, TableCollapsibleColumnStylesNames } from './table-column/TableCollapsibleColumn';
 import { TableColumnsSelector, TableColumnsSelectorStylesNames } from './table-columns-selector/TableColumnsSelector';
-import { TableConsumer } from './table-consumer/TableConsumer';
 import { TableDateRangePicker, TableDateRangePickerStylesNames } from './table-date-range-picker/TableDateRangePicker';
 import { TableFilter, TableFilterStylesNames } from './table-filter/TableFilter';
 import { TableFooter } from './table-footer/TableFooter';
@@ -14,48 +16,74 @@ import { TableHeader, TableHeaderStylesNames } from './table-header/TableHeader'
 import { TableThStylesNames } from './table-header/Th';
 import { TableLastUpdated, TableLastUpdatedStylesNames } from './table-last-updated/TableLastUpdated';
 import { TableLoading } from './table-loading/TableLoading';
+import { TableNoData } from './table-no-data/TableNoData';
 import { TablePagination } from './table-pagination/TablePagination';
 import { TablePerPage } from './table-per-page/TablePerPage';
 import { TablePredicate, TablePredicateStylesNames } from './table-predicate/TablePredicate';
-import { TableLayout, TableProps } from './Table.types';
-type TableStylesNames = 'root' | 'table' | 'header' | 'body' | TableActionsStylesNames | TableCollapsibleColumnStylesNames | TableDateRangePickerStylesNames | TableFilterStylesNames | TableHeaderStylesNames | TableThStylesNames | TableLastUpdatedStylesNames | TablePredicateStylesNames | TableColumnsSelectorStylesNames;
+type TableStylesNames = 'root' | 'table' | 'header' | 'body' | TableHeaderActionsStylesNames | TableActionsListStylesNames | TableActionItemStylesNames | TableCollapsibleColumnStylesNames | TableDateRangePickerStylesNames | TableFilterStylesNames | TableHeaderStylesNames | TableThStylesNames | TableLastUpdatedStylesNames | TablePredicateStylesNames | TableColumnsSelectorStylesNames;
 export type PlasmaTableFactory = Factory<{
     props: TableProps<unknown>;
     ref: HTMLDivElement;
     stylesNames: TableStylesNames;
     staticComponents: {
-        Actions: typeof TableActions;
+        AccordionColumn: typeof TableAccordionColumn;
+        ActionsColumn: typeof TableActionsColumn;
+        ActionItem: typeof TableActionItem;
+        CollapsibleColumn: typeof TableCollapsibleColumn;
+        ColumnsSelector: typeof TableColumnsSelector;
+        DateRangePicker: typeof TableDateRangePicker;
         Filter: typeof TableFilter;
         Footer: typeof TableFooter;
         Header: typeof TableHeader;
         LastUpdated: typeof TableLastUpdated;
+        Layouts: typeof TableLayouts;
+        Loading: typeof TableLoading;
+        NoData: typeof TableNoData;
         Pagination: typeof TablePagination;
         PerPage: typeof TablePerPage;
         Predicate: typeof TablePredicate;
-        DateRangePicker: typeof TableDateRangePicker;
-        CollapsibleColumn: typeof TableCollapsibleColumn;
-        ColumnsSelector: typeof TableColumnsSelector;
-        AccordionColumn: typeof TableAccordionColumn;
-        Consumer: typeof TableConsumer;
-        Loading: typeof TableLoading;
-        Layouts: typeof TableLayouts;
     };
 }>;
 export declare const Table: {
     <T>(props: TableProps<T> & {
         ref?: ForwardedRef<HTMLDivElement>;
     }): import("react/jsx-runtime").JSX.Element;
-    Actions: {
-        <T_1>(props: import("./table-actions/TableActions").TableActionsProps<T_1> & {
-            ref?: ForwardedRef<HTMLDivElement>;
-        }): ReactElement<any, string | import("react").JSXElementConstructor<any>>;
-        extend: CustomComponentThemeExtend<{
-            props: import("./table-actions/TableActions").TableActionsProps<unknown>;
-            ref: HTMLDivElement;
-            stylesNames: TableActionsStylesNames;
-            compound: true;
-        }>;
-    };
+    AccordionColumn: ColumnDef<unknown>;
+    ActionsColumn: ColumnDef<unknown>;
+    ActionItem: (<C = "button">(props: import("@mantine/core").PolymorphicComponentProps<C, import("./table-actions").TableActionItemProps>) => ReactElement<any, string | import("react").JSXElementConstructor<any>>) & Omit<import("react").FunctionComponent<(import("./table-actions").TableActionItemProps & {
+        component?: any;
+    } & Omit<Omit<any, "ref">, "component" | keyof import("./table-actions").TableActionItemProps> & {
+        ref?: any;
+        renderRoot?: (props: any) => any;
+    }) | (import("./table-actions").TableActionItemProps & {
+        component: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>;
+        renderRoot?: (props: Record<string, any>) => any;
+    })>, never> & import("@mantine/core/lib/core/factory/factory").ThemeExtend<{
+        props: import("./table-actions").TableActionItemProps;
+        defaultRef: HTMLButtonElement;
+        defaultComponent: "button";
+        stylesNames: "actionItemRoot";
+        compound: true;
+    }> & import("@mantine/core/lib/core/factory/factory").ComponentClasses<{
+        props: import("./table-actions").TableActionItemProps;
+        defaultRef: HTMLButtonElement;
+        defaultComponent: "button";
+        stylesNames: "actionItemRoot";
+        compound: true;
+    }>;
+    CollapsibleColumn: ColumnDef<unknown>;
+    ColumnsSelector: import("@mantine/core").MantineComponent<{
+        props: import("./table-columns-selector/TableColumnsSelector").TableColumnsSelectorProps;
+        ref: HTMLDivElement;
+        stylesNames: TableColumnsSelectorStylesNames;
+        compound: true;
+    }>;
+    DateRangePicker: import("@mantine/core").MantineComponent<{
+        props: import("./table-date-range-picker/TableDateRangePicker").TableDateRangePickerProps;
+        ref: HTMLDivElement;
+        stylesNames: "dateRangeRoot";
+        compound: true;
+    }>;
     Filter: import("@mantine/core").MantineComponent<{
         props: import("./table-filter/TableFilter").TableFilterProps;
         ref: HTMLDivElement;
@@ -75,56 +103,41 @@ export declare const Table: {
         stylesNames: TableLastUpdatedStylesNames;
         compound: true;
     }>;
-    Pagination: import("react").FunctionComponent<import("./table-pagination/TablePagination.types").TablePaginationProps>;
-    Predicate: import("react").FunctionComponent<import("./table-predicate/TablePredicate").TablePredicateProps>;
-    PerPage: import("react").FunctionComponent<import("./table-per-page/TablePerPage.types").TablePerPageProps> & {
-        DEFAULT_SIZE: number;
-    };
-    CollapsibleColumn: ColumnDef<unknown>;
-    AccordionColumn: ColumnDef<unknown>;
-    DateRangePicker: import("@mantine/core").MantineComponent<{
-        props: import("./table-date-range-picker/TableDateRangePicker").TableDateRangePickerProps;
-        ref: HTMLDivElement;
-        stylesNames: "dateRangeRoot";
-        compound: true;
-    }>;
-    Consumer: import("react").FunctionComponent<{
-        children: import("react").ReactNode;
-    }>;
-    Loading: import("react").FunctionComponent<import("@mantine/core").SkeletonProps>;
-    ColumnsSelector: import("@mantine/core").MantineComponent<{
-        props: import("./table-columns-selector/TableColumnsSelector").TableColumnsSelectorProps;
-        ref: HTMLDivElement;
-        stylesNames: TableColumnsSelectorStylesNames;
-        compound: true;
-    }>;
     Layouts: {
         Rows: import("@mantine/core").MantineComponent<{
             props: import("./layouts/row-layout/RowLayout").RowLayoutProps;
-            stylesNames: "icon" | "headerRow" | import("./layouts/row-layout/RowLayoutBody").RowLayoutBodyStylesNames;
+            stylesNames: "headerRow" | import("./layouts/row-layout/RowLayoutBody").RowLayoutBodyStylesNames;
             staticComponents: TableLayout;
         }>;
     };
+    Loading: import("react").FunctionComponent<import("@mantine/core").SkeletonProps>;
+    NoData: import("react").FunctionComponent<import("./table-no-data/TableNoData").TableNoDataProps>;
+    Pagination: import("react").FunctionComponent<import("./table-pagination/TablePagination.types").TablePaginationProps>;
+    PerPage: import("react").FunctionComponent<import("./table-per-page/TablePerPage.types").TablePerPageProps> & {
+        DEFAULT_SIZE: number;
+    };
+    Predicate: import("react").FunctionComponent<import("./table-predicate/TablePredicate").TablePredicateProps>;
     extend: CustomComponentThemeExtend<{
         props: TableProps<unknown>;
         ref: HTMLDivElement;
         stylesNames: TableStylesNames;
         staticComponents: {
-            Actions: typeof TableActions;
+            AccordionColumn: typeof TableAccordionColumn;
+            ActionsColumn: typeof TableActionsColumn;
+            ActionItem: typeof TableActionItem;
+            CollapsibleColumn: typeof TableCollapsibleColumn;
+            ColumnsSelector: typeof TableColumnsSelector;
+            DateRangePicker: typeof TableDateRangePicker;
             Filter: typeof TableFilter;
             Footer: typeof TableFooter;
             Header: typeof TableHeader;
             LastUpdated: typeof TableLastUpdated;
+            Layouts: typeof TableLayouts;
+            Loading: typeof TableLoading;
+            NoData: typeof TableNoData;
             Pagination: typeof TablePagination;
             PerPage: typeof TablePerPage;
             Predicate: typeof TablePredicate;
-            DateRangePicker: typeof TableDateRangePicker;
-            CollapsibleColumn: typeof TableCollapsibleColumn;
-            ColumnsSelector: typeof TableColumnsSelector;
-            AccordionColumn: typeof TableAccordionColumn;
-            Consumer: typeof TableConsumer;
-            Loading: typeof TableLoading;
-            Layouts: typeof TableLayouts;
         };
     }>;
 };

package/dist/esm/components/table/Table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/components/table/Table.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/components/table/Table.tsx"],"names":[],"mappings":"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"}

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

@@ -1,41 +1,40 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Box, Center, Loader, useProps, useStyles } from '@mantine/core';
-import { useForm } from '@mantine/form';
-import { useDidUpdate, useMergedRef } from '@mantine/hooks';
+import { useClickOutside, useMergedRef } from '@mantine/hooks';
 import { defaultColumnSizing, getCoreRowModel, useReactTable } from '@tanstack/react-table';
-import debounce from 'lodash.debounce';
-import defaultsDeep from 'lodash.defaultsdeep';
-import { Children, cloneElement, useCallback, useEffect, useState } from 'react';
-import { useRowSelection } from '../../hooks/useRowSelection';
+import isEqual from 'fast-deep-equal';
+import { Children, useRef } from 'react';
 import { identity } from '../../utils';
+import classes from './Table.module.css';
+import { TableProvider } from './TableContext';
 import { TableLayouts } from './layouts/TableLayouts';
-import { TableActions } from './table-actions/TableActions';
+import { TableActionItem } from './table-actions';
+import { TableActionsColumn } from './table-column/TableActionsColumn';
 import { TableAccordionColumn, TableCollapsibleColumn } from './table-column/TableCollapsibleColumn';
 import { TableSelectableColumn } from './table-column/TableSelectableColumn';
 import { TableColumnsSelector } from './table-columns-selector/TableColumnsSelector';
-import { TableConsumer } from './table-consumer/TableConsumer';
 import { TableDateRangePicker } from './table-date-range-picker/TableDateRangePicker';
 import { TableFilter } from './table-filter/TableFilter';
 import { TableFooter } from './table-footer/TableFooter';
 import { TableHeader } from './table-header/TableHeader';
 import { TableLastUpdated } from './table-last-updated/TableLastUpdated';
 import { TableLoading } from './table-loading/TableLoading';
+import { TableNoData } from './table-no-data/TableNoData';
 import { TablePagination } from './table-pagination/TablePagination';
 import { TablePerPage } from './table-per-page/TablePerPage';
 import { TablePredicate } from './table-predicate/TablePredicate';
-import classes from './Table.module.css';
-import { TableContext, TableStylesProvider } from './TableContext';
 const defaultProps = {
     layouts: [
         TableLayouts.Rows
     ],
+    layoutProps: {},
     loading: false,
-    multiRowSelectionEnabled: false,
-    initialState: {},
-    options: {}
+    additionalRootNodes: [],
+    options: {},
+    getRowActions: ()=>[]
 };
 export const Table = (props)=>{
-    const { data, getRowId, noDataChildren, getExpandChildren, initialState, columns, layouts, onMount, onChange, children, loading, doubleClickAction, multiRowSelectionEnabled, disableRowSelection, onRowSelectionChange, additionalRootNodes, options, ref, // Style props
+    const { store, data, getRowId, getRowAttributes, getRowExpandedContent, getRowActions, columns, layouts, layoutProps, children, loading, additionalRootNodes, options, ref, // Style props
     style, className, classNames, styles, unstyled, ...others } = useProps('PlasmaTable', defaultProps, props);
     const getStyles = useStyles({
         name: 'PlasmaTable',
@@ -50,89 +49,74 @@ export const Table = (props)=>{
     const convertedChildren = Children.toArray(children);
     const header = convertedChildren.find((child)=>child.type === TableHeader);
     const footer = convertedChildren.find((child)=>child.type === TableFooter);
-    const consumer = convertedChildren.find((child)=>child.type === TableConsumer);
     const lastUpdated = convertedChildren.find((child)=>child.type === TableLastUpdated);
-    const { predicates, dateRange, ...initialStateWithoutForm } = initialState;
-    const form = useForm({
-        initialValues: {
-            predicates: initialState?.predicates ?? {},
-            dateRange: initialState?.dateRange ?? [
-                null,
-                null
-            ],
-            layout: initialState?.layout ?? layouts[0].displayName
-        }
-    });
+    const noData = convertedChildren.find((child)=>child.type === TableNoData);
     const table = useReactTable({
-        initialState: defaultsDeep(initialStateWithoutForm, {
-            pagination: {
-                pageSize: TablePerPage.DEFAULT_SIZE
-            },
-            globalFilter: ''
-        }),
         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
         ].concat(columns) : columns,
         getCoreRowModel: getCoreRowModel(),
         manualPagination: options?.getPaginationRowModel === undefined,
-        enableMultiRowSelection: !!multiRowSelectionEnabled,
+        enableMultiRowSelection: !!store.multiRowSelectionEnabled,
         getRowId,
-        getRowCanExpand: (row)=>!!getExpandChildren?.(row.original) ?? false,
+        getRowCanExpand: (row)=>!!getRowExpandedContent?.(row.original, row.index, row) ?? false,
         enableRowSelection: !loading,
         defaultColumn: {
             size: undefined,
             minSize: defaultColumnSizing.minSize,
             maxSize: defaultColumnSizing.maxSize
         },
+        rowCount: options?.getFilteredRowModel ? undefined : store.state.totalEntries,
         ...options
     });
-    const getAllColumns = table.getAllFlatColumns;
-    const [state, setState] = useState(table.initialState);
     table.setOptions((prev)=>({
             ...prev,
-            state: state,
-            onStateChange: setState
+            state: {
+                ...prev.state,
+                rowSelection: store.state.rowSelection
+            },
+            onRowSelectionChange: (rowSelectionUpdater)=>{
+                store.setRowSelection((old)=>{
+                    const newRowSelection = rowSelectionUpdater instanceof Function ? rowSelectionUpdater(old) : rowSelectionUpdater;
+                    if (isEqual(old, newRowSelection)) {
+                        return old;
+                    }
+                    const rows = table.getRowModel().rowsById;
+                    Object.keys(newRowSelection).forEach((rowId)=>{
+                        if (newRowSelection[rowId] === true) {
+                            if (!rows[rowId]) {
+                                console.error('The table was not initialized properly, the rowSelection state should contain an object of type Record<string, TData>.');
+                            }
+                            newRowSelection[rowId] = rows[rowId]?.original ?? true;
+                        }
+                    });
+                    return newRowSelection;
+                });
+            }
         }));
-    const { clearSelection, getSelectedRow, getSelectedRows, outsideClickRef } = useRowSelection(table, {
-        multiRowSelectionEnabled,
-        onRowSelectionChange,
-        additionalRootNodes
-    });
-    const containerRef = useMergedRef(outsideClickRef, ref);
-    const isFiltered = !!state.globalFilter || Object.keys(form.values?.predicates ?? {}).some((predicate)=>!!form.values.predicates[predicate]) || !!form.values.dateRange?.[0] || !!form.values.dateRange?.[1];
-    const triggerChange = debounce(()=>onChange?.({
-            ...state,
-            ...form.values
-        }), 500);
-    useEffect(()=>{
-        onMount?.({
-            ...state,
-            ...form.values
-        });
-        return ()=>{
-            triggerChange.cancel();
-        };
-    }, []);
-    useDidUpdate(()=>{
-        triggerChange();
-        if (!multiRowSelectionEnabled) {
-            clearSelection();
+    const containerRef = useRef();
+    useClickOutside(()=>{
+        if (!store.multiRowSelectionEnabled) {
+            store.clearRowSelection();
         }
-    }, [
-        state.globalFilter,
-        state.pagination,
-        state.sorting,
-        JSON.stringify(form.values.dateRange),
-        JSON.stringify(form.values.predicates)
+    }, null, [
+        containerRef.current,
+        ...additionalRootNodes
     ]);
-    const clearFilters = useCallback(()=>{
-        form.setFieldValue('predicates', initialState.predicates ?? {});
-        setState((prevState)=>({
-                ...prevState,
-                globalFilter: ''
-            }));
-    }, []);
+    const mergedRef = useMergedRef(containerRef, ref);
     if (!data) {
         return /*#__PURE__*/ _jsx(Center, {
             style: {
@@ -141,92 +125,73 @@ export const Table = (props)=>{
             children: /*#__PURE__*/ _jsx(Loader, {})
         });
     }
-    const Layout = layouts.find(({ displayName })=>displayName === form.values.layout);
+    const Layout = store.state.layout === null ? layouts[0] : layouts.find(({ displayName })=>displayName === store.state.layout);
     const hasRows = table.getRowModel().rows.length > 0;
     return /*#__PURE__*/ _jsx(Box, {
-        ref: containerRef,
+        ref: mergedRef,
         ...others,
         ...getStyles('root'),
-        children: /*#__PURE__*/ _jsx(TableStylesProvider, {
+        children: /*#__PURE__*/ _jsx(TableProvider, {
             value: {
-                getStyles
+                getStyles,
+                getRowActions,
+                store,
+                table,
+                layouts,
+                containerRef
             },
-            children: /*#__PURE__*/ _jsx(TableContext.Provider, {
-                value: {
-                    onChange: triggerChange,
-                    state,
-                    isFiltered,
-                    setState,
-                    clearFilters,
-                    getSelectedRow,
-                    getSelectedRows,
-                    clearSelection,
-                    form,
-                    containerRef: outsideClickRef,
-                    multiRowSelectionEnabled,
-                    getPageCount: table.getPageCount,
-                    getAllColumns,
-                    disableRowSelection,
-                    layouts
-                },
-                children: /*#__PURE__*/ _jsxs(Layout, {
+            children: /*#__PURE__*/ _jsx(Layout, {
+                children: store.isVacant && !store.isFiltered ? noData : /*#__PURE__*/ _jsxs(_Fragment, {
                     children: [
-                        consumer,
-                        !hasRows && !isFiltered && !loading ? noDataChildren : /*#__PURE__*/ _jsxs(_Fragment, {
+                        /*#__PURE__*/ _jsxs(Box, {
+                            component: "table",
+                            ...getStyles('table'),
+                            pb: "sm",
+                            mod: {
+                                loading
+                            },
                             children: [
-                                /*#__PURE__*/ _jsxs(Box, {
-                                    component: "table",
-                                    ...getStyles('table'),
-                                    pb: "sm",
+                                /*#__PURE__*/ _jsxs("thead", {
+                                    ...getStyles('header'),
                                     children: [
-                                        /*#__PURE__*/ _jsxs("thead", {
-                                            ...getStyles('header'),
-                                            children: [
-                                                !!header ? /*#__PURE__*/ _jsx("tr", {
-                                                    children: /*#__PURE__*/ _jsx("th", {
-                                                        style: {
-                                                            padding: 0
-                                                        },
-                                                        colSpan: table.getAllColumns().length,
-                                                        children: header
-                                                    })
-                                                }) : null,
-                                                /*#__PURE__*/ _jsx(Layout.Header, {
-                                                    table: table,
-                                                    doubleClickAction: doubleClickAction,
-                                                    getExpandChildren: getExpandChildren,
-                                                    loading: loading
-                                                })
-                                            ]
-                                        }),
-                                        /*#__PURE__*/ _jsx("tbody", {
-                                            ...getStyles('body'),
-                                            children: hasRows ? /*#__PURE__*/ _jsx(Layout.Body, {
-                                                table: table,
-                                                doubleClickAction: doubleClickAction,
-                                                getExpandChildren: getExpandChildren,
-                                                loading: loading
-                                            }) : /*#__PURE__*/ _jsx("tr", {
-                                                children: /*#__PURE__*/ _jsx("td", {
-                                                    colSpan: table.getAllColumns().length,
-                                                    children: /*#__PURE__*/ _jsx(TableLoading, {
-                                                        visible: loading,
-                                                        children: noDataChildren
-                                                    })
-                                                })
+                                        !!header ? /*#__PURE__*/ _jsx("tr", {
+                                            children: /*#__PURE__*/ _jsx("th", {
+                                                style: {
+                                                    padding: 0
+                                                },
+                                                colSpan: table.getAllColumns().length,
+                                                children: header
                                             })
+                                        }) : null,
+                                        /*#__PURE__*/ _jsx(Layout.Header, {
+                                            getRowExpandedContent: getRowExpandedContent,
+                                            getRowAttributes: getRowAttributes,
+                                            loading: loading,
+                                            ...layoutProps
                                         })
                                     ]
                                 }),
-                                footer,
-                                lastUpdated ? /*#__PURE__*/ cloneElement(lastUpdated, {
-                                    dependencies: [
-                                        data,
-                                        ...lastUpdated.props.dependencies ?? []
-                                    ]
-                                }) : null
+                                /*#__PURE__*/ _jsx("tbody", {
+                                    ...getStyles('body'),
+                                    children: hasRows ? /*#__PURE__*/ _jsx(Layout.Body, {
+                                        getRowExpandedContent: getRowExpandedContent,
+                                        getRowAttributes: getRowAttributes,
+                                        loading: loading,
+                                        ...layoutProps
+                                    }) : /*#__PURE__*/ _jsx("tr", {
+                                        children: /*#__PURE__*/ _jsx("td", {
+                                            colSpan: table.getAllColumns().length,
+                                            children: /*#__PURE__*/ _jsx(TableLoading, {
+                                                visible: loading || !store.isFiltered,
+                                                children: noData
+                                            })
+                                        })
+                                    })
+                                })
                             ]
-                        })
+                        }),
+                        footer,
+                        lastUpdated
                     ]
                 })
             })
@@ -242,22 +207,22 @@ export const TableComponentsOrder = {
     ColumnsSelector: 2,
     LayoutControl: 1
 };
-Table.Actions = TableActions;
+Table.AccordionColumn = TableAccordionColumn;
+Table.ActionsColumn = TableActionsColumn;
+Table.ActionItem = TableActionItem;
+Table.CollapsibleColumn = TableCollapsibleColumn;
+Table.ColumnsSelector = TableColumnsSelector;
+Table.DateRangePicker = TableDateRangePicker;
 Table.Filter = TableFilter;
 Table.Footer = TableFooter;
 Table.Header = TableHeader;
 Table.LastUpdated = TableLastUpdated;
+Table.Layouts = TableLayouts;
+Table.Loading = TableLoading;
+Table.NoData = TableNoData;
 Table.Pagination = TablePagination;
-Table.Predicate = TablePredicate;
 Table.PerPage = TablePerPage;
 Table.Predicate = TablePredicate;
-Table.CollapsibleColumn = TableCollapsibleColumn;
-Table.AccordionColumn = TableAccordionColumn;
-Table.DateRangePicker = TableDateRangePicker;
-Table.Consumer = TableConsumer;
-Table.Loading = TableLoading;
-Table.ColumnsSelector = TableColumnsSelector;
-Table.Layouts = TableLayouts;
 Table.extend = identity;
 
 //# sourceMappingURL=Table.js.map