@coveord/plasma-mantine 52.27.4 → 53.0.0

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

@@ -1,3 +1,141 @@
-import { TableType } from './Table.types';
-export declare const Table: TableType;
+import { Factory } from '@mantine/core';
+import { ColumnDef } from '@tanstack/react-table';
+import { ForwardedRef, ReactElement } from 'react';
+import { CustomComponentThemeExtend } from '../../utils';
+import { TableLayouts } from './layouts/TableLayouts';
+import { TableActions, TableActionsStylesNames } from './table-actions/TableActions';
+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';
+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 { 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;
+export type PlasmaTableFactory = Factory<{
+    props: TableProps<unknown>;
+    ref: HTMLDivElement;
+    stylesNames: TableStylesNames;
+    staticComponents: {
+        Actions: typeof TableActions;
+        Filter: typeof TableFilter;
+        Footer: typeof TableFooter;
+        Header: typeof TableHeader;
+        LastUpdated: typeof TableLastUpdated;
+        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;
+        }>;
+    };
+    Filter: import("@mantine/core").MantineComponent<{
+        props: import("./table-filter/TableFilter").TableFilterProps;
+        ref: HTMLDivElement;
+        stylesNames: TableFilterStylesNames;
+        compound: true;
+    }>;
+    Footer: import("react").FunctionComponent<import("./table-footer/TableFooter").TableFooterProps>;
+    Header: import("@mantine/core").MantineComponent<{
+        props: import("./table-header/TableHeader").TableHeaderProps;
+        ref: HTMLDivElement;
+        stylesNames: TableHeaderStylesNames;
+        compound: true;
+    }>;
+    LastUpdated: import("@mantine/core").MantineComponent<{
+        props: import("./table-last-updated/TableLastUpdated").TableLastUpdatedProps;
+        ref: HTMLDivElement;
+        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;
+            staticComponents: TableLayout;
+        }>;
+    };
+    extend: CustomComponentThemeExtend<{
+        props: TableProps<unknown>;
+        ref: HTMLDivElement;
+        stylesNames: TableStylesNames;
+        staticComponents: {
+            Actions: typeof TableActions;
+            Filter: typeof TableFilter;
+            Footer: typeof TableFooter;
+            Header: typeof TableHeader;
+            LastUpdated: typeof TableLastUpdated;
+            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 TableComponentsOrder: {
+    MultiSelectInfo: number;
+    Actions: number;
+    Predicate: number;
+    Filter: number;
+    DateRangePicker: number;
+    ColumnsSelector: number;
+    LayoutControl: number;
+};
+export {};
 //# sourceMappingURL=Table.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/components/table/Table.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAwC,SAAS,EAAC,MAAM,eAAe,CAAC;AAkB/E,eAAO,MAAM,KAAK,EAAE,SA0LnB,CAAC"}
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/components/table/Table.tsx"],"names":[],"mappings":"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"}

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

@@ -2,10 +2,18 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "Table", {
-    enumerable: true,
-    get: function() {
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    Table: function() {
         return Table;
+    },
+    TableComponentsOrder: function() {
+        return TableComponentsOrder;
     }
 });
 var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
@@ -23,8 +31,7 @@ var _lodashdebounce = /*#__PURE__*/ _interop_require_default._(require("lodash.d
 var _lodashdefaultsdeep = /*#__PURE__*/ _interop_require_default._(require("lodash.defaultsdeep"));
 var _react = require("react");
 var _useRowSelection = require("../../hooks/useRowSelection");
-var _Tablestyles = /*#__PURE__*/ _interop_require_default._(require("./Table.styles"));
-var _TableContext = require("./TableContext");
+var _utils = require("../../utils");
 var _TableLayouts = require("./layouts/TableLayouts");
 var _TableActions = require("./table-actions/TableActions");
 var _TableCollapsibleColumn = require("./table-column/TableCollapsibleColumn");
@@ -40,11 +47,55 @@ var _TableLoading = require("./table-loading/TableLoading");
 var _TablePagination = require("./table-pagination/TablePagination");
 var _TablePerPage = require("./table-per-page/TablePerPage");
 var _TablePredicate = require("./table-predicate/TablePredicate");
-var Table = function(param) {
-    var data = param.data, getRowId = param.getRowId, noDataChildren = param.noDataChildren, getExpandChildren = param.getExpandChildren, _param_initialState = param.initialState, initialState = _param_initialState === void 0 ? {} : _param_initialState, columns = param.columns, _param_layouts = param.layouts, layouts = _param_layouts === void 0 ? [
+var _Tablemodulecss = /*#__PURE__*/ _interop_require_default._(require("./Table.module.css"));
+var _TableContext = require("./TableContext");
+var defaultProps = {
+    layouts: [
         _TableLayouts.TableLayouts.Rows
-    ] : _param_layouts, onMount = param.onMount, onChange = param.onChange, children = param.children, _param_loading = param.loading, loading = _param_loading === void 0 ? false : _param_loading, doubleClickAction = param.doubleClickAction, multiRowSelectionEnabled = param.multiRowSelectionEnabled, disableRowSelection = param.disableRowSelection, onRowSelectionChange = param.onRowSelectionChange, additionalRootNodes = param.additionalRootNodes, classNames = param.classNames, styles = param.styles, unstyled = param.unstyled, _param_options = param.options, options = _param_options === void 0 ? {} : _param_options;
-    var _initialState, _initialState1, _initialState2, _options, _form_values, _form_values_dateRange, _form_values_dateRange1, _table_getRowModel;
+    ],
+    loading: false,
+    multiRowSelectionEnabled: false,
+    initialState: {},
+    options: {}
+};
+var Table = function(props) {
+    var _initialState, _initialState1, _initialState2, _options, _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
+    style = _useProps.style, className = _useProps.className, classNames = _useProps.classNames, styles = _useProps.styles, unstyled = _useProps.unstyled, others = _object_without_properties._(_useProps, [
+        "data",
+        "getRowId",
+        "noDataChildren",
+        "getExpandChildren",
+        "initialState",
+        "columns",
+        "layouts",
+        "onMount",
+        "onChange",
+        "children",
+        "loading",
+        "doubleClickAction",
+        "multiRowSelectionEnabled",
+        "disableRowSelection",
+        "onRowSelectionChange",
+        "additionalRootNodes",
+        "options",
+        "ref",
+        "style",
+        "className",
+        "classNames",
+        "styles",
+        "unstyled"
+    ]);
+    var getStyles = (0, _core.useStyles)({
+        name: "PlasmaTable",
+        classes: _Tablemodulecss.default,
+        props: props,
+        className: className,
+        style: style,
+        classNames: classNames,
+        styles: styles,
+        unstyled: unstyled
+    });
     var convertedChildren = _react.Children.toArray(children);
     var header = convertedChildren.find(function(child) {
         return child.type === _TableHeader.TableHeader;
@@ -70,15 +121,9 @@ var Table = function(param) {
                 null,
                 null
             ],
-            layout: (_initialState_layout = (_initialState2 = initialState) === null || _initialState2 === void 0 ? void 0 : _initialState2.layout) !== null && _initialState_layout !== void 0 ? _initialState_layout : layouts[0].name
+            layout: (_initialState_layout = (_initialState2 = initialState) === null || _initialState2 === void 0 ? void 0 : _initialState2.layout) !== null && _initialState_layout !== void 0 ? _initialState_layout : layouts[0].displayName
         }
     });
-    var classes = (0, _Tablestyles.default)(null, {
-        name: "PlasmaTable",
-        classNames: classNames,
-        styles: styles,
-        unstyled: unstyled
-    }).classes;
     var _ref;
     var table = (0, _reacttable.useReactTable)(_object_spread._({
         initialState: (0, _lodashdefaultsdeep.default)(initialStateWithoutForm, {
@@ -119,6 +164,7 @@ var Table = function(param) {
         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];
@@ -157,99 +203,113 @@ var Table = function(param) {
     }, []);
     if (!data) {
         return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Center, {
-            sx: {
+            style: {
                 flexGrow: 1
             },
             children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Loader, {})
         });
     }
     var Layout = layouts.find(function(param) {
-        var name = param.name;
-        return name === form.values.layout;
+        var displayName = param.displayName;
+        return displayName === form.values.layout;
     });
-    var hasRows = ((_table_getRowModel = table.getRowModel()) === null || _table_getRowModel === void 0 ? void 0 : _table_getRowModel.rows.length) > 0;
+    var hasRows = table.getRowModel().rows.length > 0;
     var _lastUpdated_props_dependencies;
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Box, {
-        ref: outsideClickRef,
-        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_TableContext.TableContext.Provider, {
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Box, _object_spread_props._(_object_spread._({
+        ref: containerRef
+    }, others, getStyles("root")), {
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_TableContext.TableStylesProvider, {
             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,
-                disableRowSelection: disableRowSelection,
-                layouts: layouts,
-                getAllColumns: getAllColumns
+                getStyles: getStyles
             },
-            children: [
-                consumer,
-                !hasRows && !isFiltered && !loading ? noDataChildren : /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+            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.jsxs)(_core.Box, {
-                            component: "table",
-                            className: classes.table,
-                            pb: "sm",
+                        consumer,
+                        !hasRows && !isFiltered && !loading ? noDataChildren : /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
                             children: [
-                                /*#__PURE__*/ (0, _jsxruntime.jsxs)("thead", {
-                                    className: classes.header,
+                                /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Box, _object_spread_props._(_object_spread._({
+                                    component: "table"
+                                }, getStyles("table")), {
+                                    pb: "sm",
                                     children: [
-                                        !!header ? /*#__PURE__*/ (0, _jsxruntime.jsx)("tr", {
-                                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)("th", {
-                                                style: {
-                                                    padding: 0
-                                                },
-                                                colSpan: table.getAllColumns().length,
-                                                children: header
+                                        /*#__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
+                                                    })
+                                                })
                                             })
-                                        }) : null,
-                                        /*#__PURE__*/ (0, _jsxruntime.jsx)(Layout.Header, {
-                                            table: table,
-                                            doubleClickAction: doubleClickAction,
-                                            getExpandChildren: getExpandChildren,
-                                            loading: loading
-                                        })
+                                        }))
                                     ]
-                                }),
-                                /*#__PURE__*/ (0, _jsxruntime.jsx)("tbody", {
-                                    className: classes.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
-                                            })
-                                        })
-                                    })
-                                })
+                                })),
+                                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
                             ]
-                        }),
-                        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
+                        })
                     ]
                 })
-            ]
+            })
         })
-    });
+    }));
+};
+var TableComponentsOrder = {
+    MultiSelectInfo: 7,
+    Actions: 6,
+    Predicate: 5,
+    Filter: 4,
+    DateRangePicker: 3,
+    ColumnsSelector: 2,
+    LayoutControl: 1
 };
-Table.ColumnsSelector = _TableColumnsSelector.TableColumnsSelector;
 Table.Actions = _TableActions.TableActions;
 Table.Filter = _TableFilter.TableFilter;
 Table.Footer = _TableFooter.TableFooter;
@@ -264,6 +324,8 @@ 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, Loader} from '@mantine/core';\nimport {useForm} from '@mantine/form';\nimport {useDidUpdate} from '@mantine/hooks';\nimport {\n    ColumnDef,\n    Row,\n    TableState as TanstackTableState,\n    defaultColumnSizing,\n    getCoreRowModel,\n    useReactTable,\n} from '@tanstack/react-table';\nimport debounce from 'lodash.debounce';\nimport defaultsDeep from 'lodash.defaultsdeep';\nimport {Children, Dispatch, ReactElement, cloneElement, useCallback, useEffect, useState} from 'react';\n\nimport {useRowSelection} from '../../hooks/useRowSelection';\nimport useStyles from './Table.styles';\nimport {TableFormType, TableProps, TableState, TableType} from './Table.types';\nimport {TableContext} from './TableContext';\nimport {TableLayouts} from './layouts/TableLayouts';\nimport {TableActions} from './table-actions/TableActions';\nimport {TableAccordionColumn, TableCollapsibleColumn} from './table-column/TableCollapsibleColumn';\nimport {TableSelectableColumn} from './table-column/TableSelectableColumn';\nimport {TableColumnsSelector} from './table-columns-selector/TableColumnsSelector';\nimport {TableConsumer} from './table-consumer/TableConsumer';\nimport {TableDateRangePicker} from './table-date-range-picker/TableDateRangePicker';\nimport {TableFilter} from './table-filter/TableFilter';\nimport {TableFooter} from './table-footer/TableFooter';\nimport {TableHeader} from './table-header/TableHeader';\nimport {TableLastUpdated} 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} from './table-predicate/TablePredicate';\n\nexport const Table: TableType = <T,>({\n    data,\n    getRowId,\n    noDataChildren,\n    getExpandChildren,\n    initialState = {},\n    columns,\n    layouts = [TableLayouts.Rows],\n    onMount,\n    onChange,\n    children,\n    loading = false,\n    doubleClickAction,\n    multiRowSelectionEnabled,\n    disableRowSelection,\n    onRowSelectionChange,\n    additionalRootNodes,\n    classNames,\n    styles,\n    unstyled,\n    options = {},\n}: TableProps<T>) => {\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].name,\n        },\n    });\n    const {classes} = useStyles(null, {name: 'PlasmaTable', classNames, styles, unstyled});\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 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 sx={{flexGrow: 1}}>\n                <Loader />\n            </Center>\n        );\n    }\n\n    const Layout = layouts.find(({name}) => name === form.values.layout);\n    const hasRows = table.getRowModel()?.rows.length > 0;\n\n    return (\n        <Box ref={outsideClickRef}>\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                    disableRowSelection,\n                    layouts,\n                    getAllColumns,\n                }}\n            >\n                {consumer}\n                {!hasRows && !isFiltered && !loading ? (\n                    noDataChildren\n                ) : (\n                    <>\n                        <Box component=\"table\" className={classes.table} pb=\"sm\">\n                            <thead className={classes.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 className={classes.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            </TableContext.Provider>\n        </Box>\n    );\n};\n\nTable.ColumnsSelector = TableColumnsSelector;\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.Layouts = TableLayouts;\n"],"names":["Table","data","getRowId","noDataChildren","getExpandChildren","initialState","columns","layouts","TableLayouts","Rows","onMount","onChange","children","loading","doubleClickAction","multiRowSelectionEnabled","disableRowSelection","onRowSelectionChange","additionalRootNodes","classNames","styles","unstyled","options","form","table","convertedChildren","Children","toArray","header","find","child","type","TableHeader","footer","TableFooter","consumer","TableConsumer","lastUpdated","TableLastUpdated","predicates","dateRange","initialStateWithoutForm","useForm","initialValues","layout","name","classes","useStyles","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","isFiltered","Object","keys","values","some","predicate","triggerChange","debounce","useEffect","cancel","useDidUpdate","sorting","JSON","stringify","clearFilters","useCallback","setFieldValue","prevState","Center","sx","flexGrow","Loader","Layout","hasRows","getRowModel","rows","length","Box","ref","TableContext","Provider","value","containerRef","getPageCount","component","className","pb","thead","tr","th","style","padding","colSpan","Header","tbody","body","Body","td","TableLoading","visible","cloneElement","dependencies","props","ColumnsSelector","TableColumnsSelector","Actions","TableActions","Filter","TableFilter","Footer","LastUpdated","Pagination","TablePagination","Predicate","TablePredicate","PerPage","CollapsibleColumn","TableCollapsibleColumn","AccordionColumn","TableAccordionColumn","DateRangePicker","TableDateRangePicker","Consumer","Loading","Layouts"],"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 {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"],"mappings":"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"}