@coveord/plasma-mantine 52.27.4 → 53.0.1

package/dist/cjs/components/table/layouts/{RowLayout.js → row-layout/RowLayoutBody.js}

@@ -2,77 +2,42 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "RowLayout", {
+Object.defineProperty(exports, "RowLayoutBody", {
     enumerable: true,
     get: function() {
-        return RowLayout;
+        return RowLayoutBody;
     }
 });
-var _define_property = require("@swc/helpers/_/_define_property");
-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 _jsxruntime = require("react/jsx-runtime");
-var _plasmareacticons = require("@coveord/plasma-react-icons");
 var _core = require("@mantine/core");
 var _reacttable = require("@tanstack/react-table");
 var _tablecore = require("@tanstack/table-core");
 var _react = require("react");
-var _TableContext = require("../TableContext");
-var _TableCollapsibleColumn = require("../table-column/TableCollapsibleColumn");
-var _TableSelectableColumn = require("../table-column/TableSelectableColumn");
-var _Th = require("../table-header/Th");
-var _TableLoading = require("../table-loading/TableLoading");
-var _RowLayoutstyles = /*#__PURE__*/ _interop_require_default._(require("./RowLayout.styles"));
-var RowLayoutHeader = function(param) {
-    var table = param.table, classNames = param.classNames, styles = param.styles, unstyled = param.unstyled;
-    var _useTable = (0, _TableContext.useTable)(), multiRowSelectionEnabled = _useTable.multiRowSelectionEnabled, disableRowSelection = _useTable.disableRowSelection;
-    var classes = (0, _RowLayoutstyles.default)({
-        disableRowSelection: disableRowSelection,
-        multiRowSelectionEnabled: multiRowSelectionEnabled
-    }, {
-        name: "RowLayout",
-        classNames: classNames,
-        styles: styles,
-        unstyled: unstyled
-    }).classes;
-    var headers = table.getHeaderGroups().map(function(headerGroup) {
-        return /*#__PURE__*/ (0, _jsxruntime.jsx)("tr", {
-            className: classes.headerColumns,
-            children: headerGroup.headers.map(function(columnHeader) {
-                return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Th.Th, {
-                    header: columnHeader
-                }, columnHeader.id);
-            })
-        }, headerGroup.id);
-    });
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
-        children: headers
-    });
-};
-var RowLayoutBody = function(_param) {
-    var table = _param.table, doubleClickAction = _param.doubleClickAction, getExpandChildren = _param.getExpandChildren, loading = _param.loading, keepSelection = _param.keepSelection, classNames = _param.classNames, styles = _param.styles, unstyled = _param.unstyled, others = _object_without_properties._(_param, [
+var _utils = require("../../../../utils");
+var _TableCollapsibleColumn = require("../../table-column/TableCollapsibleColumn");
+var _TableSelectableColumn = require("../../table-column/TableSelectableColumn");
+var _TableLoading = require("../../table-loading/TableLoading");
+var _TableContext = require("../../TableContext");
+var _RowLayoutContext = require("./RowLayoutContext");
+var defaultProps = {};
+var RowLayoutBody = function(props) {
+    var _table_getRowModel;
+    var ctx = (0, _RowLayoutContext.useRowLayout)();
+    var _useProps = (0, _core.useProps)("RowLayoutBody", defaultProps, props), table = _useProps.table, doubleClickAction = _useProps.doubleClickAction, getExpandChildren = _useProps.getExpandChildren, loading = _useProps.loading, keepSelection = _useProps.keepSelection, classNames = _useProps.classNames, className = _useProps.className, styles = _useProps.styles, style = _useProps.style, others = _object_without_properties._(_useProps, [
         "table",
         "doubleClickAction",
         "getExpandChildren",
         "loading",
         "keepSelection",
         "classNames",
+        "className",
         "styles",
-        "unstyled"
+        "style"
     ]);
-    var _table_getRowModel;
     var _useTable = (0, _TableContext.useTable)(), multiRowSelectionEnabled = _useTable.multiRowSelectionEnabled, disableRowSelection = _useTable.disableRowSelection;
-    var _useStyles = (0, _RowLayoutstyles.default)({
-        disableRowSelection: disableRowSelection,
-        multiRowSelectionEnabled: multiRowSelectionEnabled
-    }, {
-        name: "RowLayout",
-        classNames: classNames,
-        styles: styles,
-        unstyled: unstyled
-    }), classes = _useStyles.classes, cx = _useStyles.cx;
     var toggleCollapsible = function(el) {
         var cell = el.children[el.children.length - 1];
         cell.querySelector("button").click();
@@ -91,18 +56,25 @@ var RowLayoutBody = function(_param) {
                 row.toggleSelected();
             }
         };
-        var _obj;
         return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_react.Fragment, {
             children: [
-                /*#__PURE__*/ (0, _jsxruntime.jsx)("tr", {
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("tr", _object_spread_props._(_object_spread._({
                     onClick: onClick,
                     onDoubleClick: function() {
                         var _doubleClickAction;
                         return (_doubleClickAction = doubleClickAction) === null || _doubleClickAction === void 0 ? void 0 : _doubleClickAction(row.original);
                     },
-                    className: cx(classes.row, (_obj = {}, _define_property._(_obj, classes.rowSelected, isSelected), _define_property._(_obj, classes.rowUnselectable, disableRowSelection), _obj)),
+                    "data-selectable": !disableRowSelection,
+                    "data-selected": isSelected,
+                    "data-multi-selection": multiRowSelectionEnabled,
                     "aria-selected": isSelected,
-                    "data-testid": row.id,
+                    "data-testid": row.id
+                }, ctx.getStyles("row", {
+                    classNames: classNames,
+                    className: className,
+                    styles: styles,
+                    style: style
+                }), others), {
                     children: row.getVisibleCells().map(function(cell) {
                         var columnSizing = _object_spread_props._(_object_spread._({}, _tablecore.defaultColumnSizing), {
                             size: cell.column.columnDef.size,
@@ -115,15 +87,22 @@ var RowLayoutBody = function(_param) {
                                 row.getToggleSelectedHandler();
                             }
                         };
-                        var _columnSizing_size;
+                        var _ref;
                         return /*#__PURE__*/ (0, _jsxruntime.jsx)("td", {
                             "data-testid": cell.id,
-                            style: {
-                                width: (_columnSizing_size = columnSizing.size) !== null && _columnSizing_size !== void 0 ? _columnSizing_size : "auto",
-                                minWidth: columnSizing.minSize,
-                                maxWidth: columnSizing.maxSize
-                            },
-                            className: cx(classes.cell, _define_property._({}, classes.rowCollapsibleButtonCell, cell.column.id === _TableCollapsibleColumn.TableCollapsibleColumn.id)),
+                            className: ctx.getStyles("cell", {
+                                classNames: classNames,
+                                styles: styles
+                            }).className,
+                            style: _object_spread._({
+                                width: (_ref = "".concat(columnSizing.size, "px")) !== null && _ref !== void 0 ? _ref : "auto",
+                                minWidth: "".concat(columnSizing.minSize, "px"),
+                                maxWidth: "".concat(columnSizing.maxSize, "px")
+                            }, ctx.getStyles("cell", {
+                                classNames: classNames,
+                                styles: styles
+                            }).style),
+                            "data-collapsible-cell": cell.column.id === _TableCollapsibleColumn.TableCollapsibleColumn.id,
                             onClick: onCollapsibleCellClick,
                             children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_TableLoading.TableLoading, {
                                 visible: loading,
@@ -131,8 +110,11 @@ var RowLayoutBody = function(_param) {
                             })
                         }, cell.id);
                     })
-                }),
-                rowChildren ? /*#__PURE__*/ (0, _jsxruntime.jsx)("tr", {
+                })),
+                rowChildren ? /*#__PURE__*/ (0, _jsxruntime.jsx)("tr", _object_spread_props._(_object_spread._({}, ctx.getStyles("collapsibleRow", {
+                    classNames: classNames,
+                    styles: styles
+                })), {
                     children: /*#__PURE__*/ (0, _jsxruntime.jsx)("td", {
                         colSpan: table.getAllColumns().length,
                         style: {
@@ -140,15 +122,17 @@ var RowLayoutBody = function(_param) {
                         },
                         children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Collapse, {
                             in: row.getIsExpanded(),
-                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Box, {
-                                className: classes.collapsible,
+                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Box, _object_spread_props._(_object_spread._({}, ctx.getStyles("collapsibleWrapper", {
+                                classNames: classNames,
+                                styles: styles
+                            })), {
                                 px: "sm",
                                 py: "xs",
                                 children: rowChildren
-                            })
+                            }))
                         })
                     })
-                }) : null
+                })) : null
             ]
         }, row.id);
     });
@@ -156,11 +140,6 @@ var RowLayoutBody = function(_param) {
         children: rows
     });
 };
-var RowLayout = {
-    name: "Rows",
-    icon: _plasmareacticons.ListSize16Px,
-    Header: RowLayoutHeader,
-    Body: RowLayoutBody
-};
+RowLayoutBody.extend = _utils.identity;
 
-//# sourceMappingURL=RowLayout.js.map
+//# sourceMappingURL=RowLayoutBody.js.map

package/dist/cjs/components/table/layouts/row-layout/RowLayoutBody.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/table/layouts/row-layout/RowLayoutBody.tsx"],"sourcesContent":["import {Box, BoxProps, Collapse, Factory, useProps} from '@mantine/core';\nimport {CompoundStylesApiProps} from '@mantine/core/lib/core/styles-api/styles-api.types';\nimport {flexRender} from '@tanstack/react-table';\nimport {defaultColumnSizing} from '@tanstack/table-core';\nimport {ForwardedRef, Fragment, type MouseEvent} from 'react';\nimport {CustomComponentThemeExtend, identity} from '../../../../utils';\nimport {TableCollapsibleColumn} from '../../table-column/TableCollapsibleColumn';\nimport {TableSelectableColumn} from '../../table-column/TableSelectableColumn';\nimport {TableLoading} from '../../table-loading/TableLoading';\nimport {useTable} from '../../TableContext';\nimport {TableLayoutProps} from '../TableLayouts';\nimport {useRowLayout} from './RowLayoutContext';\n\nexport type RowLayoutBodyStylesNames = 'row' | 'cell' | 'collapsibleRow' | 'collapsibleWrapper';\n\nexport interface RowLayoutBodyProps<T>\n    extends BoxProps,\n        TableLayoutProps<T>,\n        CompoundStylesApiProps<RowLayoutBodyFactory> {}\n\nexport type RowLayoutBodyFactory = Factory<{\n    props: RowLayoutBodyProps<unknown>;\n    ref: HTMLTableRowElement;\n    stylesNames: RowLayoutBodyStylesNames;\n    compound: true;\n}>;\n\nconst defaultProps: Partial<RowLayoutBodyProps<unknown>> = {};\n\nexport const RowLayoutBody = <T,>(props: RowLayoutBodyProps<T> & {ref?: ForwardedRef<HTMLTableRowElement>}) => {\n    const ctx = useRowLayout();\n    const {\n        table,\n        doubleClickAction,\n        getExpandChildren,\n        loading,\n        keepSelection,\n        classNames,\n        className,\n        styles,\n        style,\n        ...others\n    } = useProps('RowLayoutBody', defaultProps as RowLayoutBodyProps<T>, props);\n    const {multiRowSelectionEnabled, disableRowSelection} = useTable();\n    const toggleCollapsible = (el: HTMLTableRowElement) => {\n        const cell = el.children[el.children.length - 1] as HTMLTableCellElement;\n        cell.querySelector('button').click();\n    };\n\n    const rows = table.getRowModel()?.rows.map((row) => {\n        const rowChildren = getExpandChildren?.(row.original) ?? null;\n        const isSelected = !!row.getIsSelected();\n        const shouldKeepSelection = keepSelection && isSelected;\n        const onClick = (event: MouseEvent<HTMLTableRowElement>) => {\n            if (rowChildren) {\n                toggleCollapsible(event.currentTarget);\n            }\n            if (!disableRowSelection && !multiRowSelectionEnabled && !shouldKeepSelection) {\n                row.toggleSelected();\n            }\n        };\n\n        return (\n            <Fragment key={row.id}>\n                <tr\n                    onClick={onClick}\n                    onDoubleClick={() => doubleClickAction?.(row.original)}\n                    data-selectable={!disableRowSelection}\n                    data-selected={isSelected}\n                    data-multi-selection={multiRowSelectionEnabled}\n                    aria-selected={isSelected}\n                    data-testid={row.id}\n                    {...ctx.getStyles('row', {classNames, className, styles, style})}\n                    {...others}\n                >\n                    {row.getVisibleCells().map((cell) => {\n                        const columnSizing = {\n                            ...defaultColumnSizing,\n                            size: cell.column.columnDef.size,\n                            minSize: cell.column.columnDef.minSize,\n                            maxSize: cell.column.columnDef.maxSize,\n                        };\n\n                        const onCollapsibleCellClick = (event: MouseEvent<HTMLTableCellElement>) => {\n                            if (cell.column.id === TableSelectableColumn.id && !disableRowSelection) {\n                                event.stopPropagation();\n                                row.getToggleSelectedHandler();\n                            }\n                        };\n\n                        return (\n                            <td\n                                key={cell.id}\n                                data-testid={cell.id}\n                                className={ctx.getStyles('cell', {classNames, styles}).className}\n                                style={{\n                                    width: `${columnSizing.size}px` ?? 'auto',\n                                    minWidth: `${columnSizing.minSize}px`,\n                                    maxWidth: `${columnSizing.maxSize}px`,\n                                    ...ctx.getStyles('cell', {classNames, styles}).style,\n                                }}\n                                data-collapsible-cell={cell.column.id === TableCollapsibleColumn.id}\n                                onClick={onCollapsibleCellClick}\n                            >\n                                <TableLoading visible={loading}>\n                                    {flexRender(cell.column.columnDef.cell, cell.getContext())}\n                                </TableLoading>\n                            </td>\n                        );\n                    })}\n                </tr>\n                {rowChildren ? (\n                    <tr {...ctx.getStyles('collapsibleRow', {classNames, styles})}>\n                        <td\n                            colSpan={table.getAllColumns().length}\n                            style={{\n                                padding: 0,\n                            }}\n                        >\n                            <Collapse in={row.getIsExpanded()}>\n                                <Box {...ctx.getStyles('collapsibleWrapper', {classNames, styles})} px=\"sm\" py=\"xs\">\n                                    {rowChildren}\n                                </Box>\n                            </Collapse>\n                        </td>\n                    </tr>\n                ) : null}\n            </Fragment>\n        );\n    });\n\n    return <>{rows}</>;\n};\n\nRowLayoutBody.extend = identity as CustomComponentThemeExtend<RowLayoutBodyFactory>;\n"],"names":["RowLayoutBody","defaultProps","props","table","ctx","useRowLayout","useProps","doubleClickAction","getExpandChildren","loading","keepSelection","classNames","className","styles","style","others","useTable","multiRowSelectionEnabled","disableRowSelection","toggleCollapsible","el","cell","children","length","querySelector","click","rows","getRowModel","map","row","rowChildren","original","isSelected","getIsSelected","shouldKeepSelection","onClick","event","currentTarget","toggleSelected","Fragment","tr","onDoubleClick","data-selectable","data-selected","data-multi-selection","aria-selected","data-testid","id","getStyles","getVisibleCells","columnSizing","defaultColumnSizing","size","column","columnDef","minSize","maxSize","onCollapsibleCellClick","TableSelectableColumn","stopPropagation","getToggleSelectedHandler","td","width","minWidth","maxWidth","data-collapsible-cell","TableCollapsibleColumn","TableLoading","visible","flexRender","getContext","colSpan","getAllColumns","padding","Collapse","in","getIsExpanded","Box","px","py","extend","identity"],"mappings":";;;;+BA6BaA;;;eAAAA;;;;;;;oBA7B4C;0BAEhC;yBACS;qBACoB;qBACH;sCACd;qCACD;4BACT;4BACJ;gCAEI;AAgB3B,IAAMC,eAAqD,CAAC;AAErD,IAAMD,gBAAgB,SAAKE;QAoBjBC;IAnBb,IAAMC,MAAMC,IAAAA,8BAAY;IACxB,IAWIC,YAAAA,IAAAA,cAAQ,EAAC,iBAAiBL,cAAuCC,QAVjEC,QAUAG,UAVAH,OACAI,oBASAD,UATAC,mBACAC,oBAQAF,UARAE,mBACAC,UAOAH,UAPAG,SACAC,gBAMAJ,UANAI,eACAC,aAKAL,UALAK,YACAC,YAIAN,UAJAM,WACAC,SAGAP,UAHAO,QACAC,QAEAR,UAFAQ,OACGC,sCACHT;QAVAH;QACAI;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGJ,IAAwDE,YAAAA,IAAAA,sBAAQ,KAAzDC,2BAAiDD,UAAjDC,0BAA0BC,sBAAuBF,UAAvBE;IACjC,IAAMC,oBAAoB,SAACC;QACvB,IAAMC,OAAOD,GAAGE,QAAQ,CAACF,GAAGE,QAAQ,CAACC,MAAM,GAAG,EAAE;QAChDF,KAAKG,aAAa,CAAC,UAAUC,KAAK;IACtC;IAEA,IAAMC,QAAOvB,qBAAAA,MAAMwB,WAAW,gBAAjBxB,yCAAAA,mBAAqBuB,IAAI,CAACE,GAAG,CAAC,SAACC;YACpBrB;YAAAA;QAApB,IAAMsB,cAActB,CAAAA,uBAAAA,qBAAAA,+BAAAA,yCAAAA,mBAAoBqB,IAAIE,QAAQ,eAAhCvB,iCAAAA,sBAAqC;QACzD,IAAMwB,aAAa,CAAC,CAACH,IAAII,aAAa;QACtC,IAAMC,sBAAsBxB,iBAAiBsB;QAC7C,IAAMG,UAAU,SAACC;YACb,IAAIN,aAAa;gBACbX,kBAAkBiB,MAAMC,aAAa;YACzC;YACA,IAAI,CAACnB,uBAAuB,CAACD,4BAA4B,CAACiB,qBAAqB;gBAC3EL,IAAIS,cAAc;YACtB;QACJ;QAEA,qBACI,sBAACC,eAAQ;;8BACL,qBAACC;oBACGL,SAASA;oBACTM,eAAe;4BAAMlC;gCAAAA,qBAAAA,+BAAAA,yCAAAA,mBAAoBsB,IAAIE,QAAQ;;oBACrDW,mBAAiB,CAACxB;oBAClByB,iBAAeX;oBACfY,wBAAsB3B;oBACtB4B,iBAAeb;oBACfc,eAAajB,IAAIkB,EAAE;mBACf3C,IAAI4C,SAAS,CAAC,OAAO;oBAACrC,YAAAA;oBAAYC,WAAAA;oBAAWC,QAAAA;oBAAQC,OAAAA;gBAAK,IAC1DC;8BAEHc,IAAIoB,eAAe,GAAGrB,GAAG,CAAC,SAACP;wBACxB,IAAM6B,eAAe,4CACdC,8BAAmB;4BACtBC,MAAM/B,KAAKgC,MAAM,CAACC,SAAS,CAACF,IAAI;4BAChCG,SAASlC,KAAKgC,MAAM,CAACC,SAAS,CAACC,OAAO;4BACtCC,SAASnC,KAAKgC,MAAM,CAACC,SAAS,CAACE,OAAO;;wBAG1C,IAAMC,yBAAyB,SAACrB;4BAC5B,IAAIf,KAAKgC,MAAM,CAACN,EAAE,KAAKW,4CAAqB,CAACX,EAAE,IAAI,CAAC7B,qBAAqB;gCACrEkB,MAAMuB,eAAe;gCACrB9B,IAAI+B,wBAAwB;4BAChC;wBACJ;4BAQmB;wBANnB,qBACI,qBAACC;4BAEGf,eAAazB,KAAK0B,EAAE;4BACpBnC,WAAWR,IAAI4C,SAAS,CAAC,QAAQ;gCAACrC,YAAAA;gCAAYE,QAAAA;4BAAM,GAAGD,SAAS;4BAChEE,OAAO;gCACHgD,OAAO,CAAA,OAAA,AAAC,GAAoB,OAAlBZ,aAAaE,IAAI,EAAC,mBAArB,kBAAA,OAA4B;gCACnCW,UAAU,AAAC,GAAuB,OAArBb,aAAaK,OAAO,EAAC;gCAClCS,UAAU,AAAC,GAAuB,OAArBd,aAAaM,OAAO,EAAC;+BAC/BpD,IAAI4C,SAAS,CAAC,QAAQ;gCAACrC,YAAAA;gCAAYE,QAAAA;4BAAM,GAAGC,KAAK;4BAExDmD,yBAAuB5C,KAAKgC,MAAM,CAACN,EAAE,KAAKmB,8CAAsB,CAACnB,EAAE;4BACnEZ,SAASsB;sCAET,cAAA,qBAACU,0BAAY;gCAACC,SAAS3D;0CAClB4D,IAAAA,sBAAU,EAAChD,KAAKgC,MAAM,CAACC,SAAS,CAACjC,IAAI,EAAEA,KAAKiD,UAAU;;2BAbtDjD,KAAK0B,EAAE;oBAiBxB;;gBAEHjB,4BACG,qBAACU,kDAAOpC,IAAI4C,SAAS,CAAC,kBAAkB;oBAACrC,YAAAA;oBAAYE,QAAAA;gBAAM;8BACvD,cAAA,qBAACgD;wBACGU,SAASpE,MAAMqE,aAAa,GAAGjD,MAAM;wBACrCT,OAAO;4BACH2D,SAAS;wBACb;kCAEA,cAAA,qBAACC,cAAQ;4BAACC,IAAI9C,IAAI+C,aAAa;sCAC3B,cAAA,qBAACC,SAAG,8CAAKzE,IAAI4C,SAAS,CAAC,sBAAsB;gCAACrC,YAAAA;gCAAYE,QAAAA;4BAAM;gCAAIiE,IAAG;gCAAKC,IAAG;0CAC1EjD;;;;sBAKjB;;WA/DOD,IAAIkB,EAAE;IAkE7B;IAEA,qBAAO;kBAAGrB;;AACd;AAEA1B,cAAcgF,MAAM,GAAGC,eAAQ"}

package/dist/cjs/components/table/layouts/row-layout/RowLayoutContext.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { GetStylesApi } from '@mantine/core';
+import { type RowLayoutFactory } from './RowLayout';
+interface RowLayoutContextType {
+    getStyles: GetStylesApi<RowLayoutFactory>;
+}
+export declare const RowLayoutProvider: ({ children, value }: {
+    value: RowLayoutContextType;
+    children: import("react").ReactNode;
+}) => import("react").JSX.Element, useRowLayout: () => RowLayoutContextType;
+export {};
+//# sourceMappingURL=RowLayoutContext.d.ts.map

package/dist/cjs/components/table/layouts/row-layout/RowLayoutContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RowLayoutContext.d.ts","sourceRoot":"","sources":["../../../../../../src/components/table/layouts/row-layout/RowLayoutContext.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAoB,YAAY,EAAC,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAC,KAAK,gBAAgB,EAAC,MAAM,aAAa,CAAC;AAElD,UAAU,oBAAoB;IAC1B,SAAS,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAC;CAC7C;AACD,eAAO,MAAO,iBAAiB;;;mCAAE,YAAY,4BAE5C,CAAC"}

package/dist/cjs/components/table/layouts/row-layout/RowLayoutContext.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    RowLayoutProvider: function() {
+        return RowLayoutProvider;
+    },
+    useRowLayout: function() {
+        return useRowLayout;
+    }
+});
+var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
+var _core = require("@mantine/core");
+var _createSafeContext = _sliced_to_array._((0, _core.createSafeContext)("RowLayout was not found in the component tree"), 2);
+var RowLayoutProvider = _createSafeContext[0], useRowLayout = _createSafeContext[1];
+
+//# sourceMappingURL=RowLayoutContext.js.map

package/dist/cjs/components/table/layouts/row-layout/RowLayoutContext.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/table/layouts/row-layout/RowLayoutContext.tsx"],"sourcesContent":["import {createSafeContext, GetStylesApi} from '@mantine/core';\nimport {type RowLayoutFactory} from './RowLayout';\n\ninterface RowLayoutContextType {\n    getStyles: GetStylesApi<RowLayoutFactory>;\n}\nexport const [RowLayoutProvider, useRowLayout] = createSafeContext<RowLayoutContextType>(\n    'RowLayout was not found in the component tree',\n);\n"],"names":["RowLayoutProvider","useRowLayout","createSafeContext"],"mappings":";;;;;;;;;;;IAMcA,iBAAiB;eAAjBA;;IAAmBC,YAAY;eAAZA;;;;oBANa;IAMGC,wCAAAA,IAAAA,uBAAiB,EAC9D;AADG,IAAOF,oBAAmCE,uBAAhBD,eAAgBC"}

package/dist/cjs/components/table/layouts/row-layout/RowLayoutHeader.d.ts

@@ -0,0 +1,21 @@
+import { BoxProps } from '@mantine/core';
+import { CompoundStylesApiProps } from '@mantine/core/lib/core/styles-api/styles-api.types';
+import { ForwardedRef } from 'react';
+import { CustomComponentThemeExtend } from '../../../../utils';
+import { type TableLayoutProps } from '../TableLayouts';
+import { RowLayoutBodyFactory } from './RowLayoutBody';
+export type RowLayoutHeaderStyleNames = 'headerRow';
+export interface RowLayoutHeaderProps<T> extends BoxProps, TableLayoutProps<T>, CompoundStylesApiProps<RowLayoutBodyFactory> {
+}
+export declare const RowLayoutHeader: {
+    <T>(props: RowLayoutHeaderProps<T> & {
+        ref?: ForwardedRef<HTMLTableRowElement>;
+    }): import("react/jsx-runtime").JSX.Element;
+    extend: CustomComponentThemeExtend<{
+        props: RowLayoutHeaderProps<unknown>;
+        ref: HTMLTableRowElement;
+        stylesNames: RowLayoutHeaderStyleNames;
+        compound: true;
+    }>;
+};
+//# sourceMappingURL=RowLayoutHeader.d.ts.map

package/dist/cjs/components/table/layouts/row-layout/RowLayoutHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RowLayoutHeader.d.ts","sourceRoot":"","sources":["../../../../../../src/components/table/layouts/row-layout/RowLayoutHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAoB,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAC,sBAAsB,EAAC,MAAM,oDAAoD,CAAC;AAC1F,OAAO,EAAC,YAAY,EAAC,MAAM,OAAO,CAAC;AACnC,OAAO,EAAC,0BAA0B,EAAW,MAAM,mBAAmB,CAAC;AAGvE,OAAO,EAAC,KAAK,gBAAgB,EAAC,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAAC,oBAAoB,EAAC,MAAM,iBAAiB,CAAC;AAGrD,MAAM,MAAM,yBAAyB,GAAG,WAAW,CAAC;AAEpD,MAAM,WAAW,oBAAoB,CAAC,CAAC,CACnC,SAAQ,QAAQ,EACZ,gBAAgB,CAAC,CAAC,CAAC,EACnB,sBAAsB,CAAC,oBAAoB,CAAC;CAAG;AAWvD,eAAO,MAAM,eAAe;;cAAgD,aAAa,mBAAmB,CAAC;;;eARlG,qBAAqB,OAAO,CAAC;aAC/B,mBAAmB;qBACX,yBAAyB;kBAC5B,IAAI;;CAyBjB,CAAC"}

package/dist/cjs/components/table/layouts/row-layout/RowLayoutHeader.js

@@ -0,0 +1,57 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "RowLayoutHeader", {
+    enumerable: true,
+    get: function() {
+        return RowLayoutHeader;
+    }
+});
+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 _jsxruntime = require("react/jsx-runtime");
+var _core = require("@mantine/core");
+var _utils = require("../../../../utils");
+var _Th = require("../../table-header/Th");
+var _TableContext = require("../../TableContext");
+var _RowLayoutContext = require("./RowLayoutContext");
+var defaultProps = {};
+var RowLayoutHeader = function(props) {
+    var ctx = (0, _RowLayoutContext.useRowLayout)();
+    var _useProps = (0, _core.useProps)("RowLayoutHeader", defaultProps, props), table = _useProps.table, getExpandChildren = _useProps.getExpandChildren, loading = _useProps.loading, doubleClickAction = _useProps.doubleClickAction, className = _useProps.className, style = _useProps.style, classNames = _useProps.classNames, styles = _useProps.styles, others = _object_without_properties._(_useProps, [
+        "table",
+        "getExpandChildren",
+        "loading",
+        "doubleClickAction",
+        "className",
+        "style",
+        "classNames",
+        "styles"
+    ]);
+    var _useTable = (0, _TableContext.useTable)(), multiRowSelectionEnabled = _useTable.multiRowSelectionEnabled, disableRowSelection = _useTable.disableRowSelection;
+    var headers = table.getHeaderGroups().map(function(headerGroup) {
+        return /*#__PURE__*/ (0, _jsxruntime.jsx)("tr", _object_spread_props._(_object_spread._({
+            "data-selectable": !disableRowSelection,
+            "data-multi-selection": multiRowSelectionEnabled
+        }, ctx.getStyles("headerRow", {
+            className: className,
+            classNames: classNames,
+            styles: styles,
+            style: style
+        }), others), {
+            children: headerGroup.headers.map(function(columnHeader) {
+                return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Th.Th, {
+                    header: columnHeader
+                }, columnHeader.id);
+            })
+        }), headerGroup.id);
+    });
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
+        children: headers
+    });
+};
+RowLayoutHeader.extend = _utils.identity;
+
+//# sourceMappingURL=RowLayoutHeader.js.map

package/dist/cjs/components/table/layouts/row-layout/RowLayoutHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/table/layouts/row-layout/RowLayoutHeader.tsx"],"sourcesContent":["import {BoxProps, Factory, useProps} from '@mantine/core';\nimport {CompoundStylesApiProps} from '@mantine/core/lib/core/styles-api/styles-api.types';\nimport {ForwardedRef} from 'react';\nimport {CustomComponentThemeExtend, identity} from '../../../../utils';\nimport {Th} from '../../table-header/Th';\nimport {useTable} from '../../TableContext';\nimport {type TableLayoutProps} from '../TableLayouts';\nimport {RowLayoutBodyFactory} from './RowLayoutBody';\nimport {useRowLayout} from './RowLayoutContext';\n\nexport type RowLayoutHeaderStyleNames = 'headerRow';\n\nexport interface RowLayoutHeaderProps<T>\n    extends BoxProps,\n        TableLayoutProps<T>,\n        CompoundStylesApiProps<RowLayoutBodyFactory> {}\n\ntype RowLayoutHeaderFactory = Factory<{\n    props: RowLayoutHeaderProps<unknown>;\n    ref: HTMLTableRowElement;\n    stylesNames: RowLayoutHeaderStyleNames;\n    compound: true;\n}>;\n\nconst defaultProps: Partial<RowLayoutHeaderProps<unknown>> = {};\n\nexport const RowLayoutHeader = <T,>(props: RowLayoutHeaderProps<T> & {ref?: ForwardedRef<HTMLTableRowElement>}) => {\n    const ctx = useRowLayout();\n    const {table, getExpandChildren, loading, doubleClickAction, className, style, classNames, styles, ...others} =\n        useProps('RowLayoutHeader', defaultProps as RowLayoutHeaderProps<T>, props);\n    const {multiRowSelectionEnabled, disableRowSelection} = useTable();\n\n    const headers = table.getHeaderGroups().map((headerGroup) => (\n        <tr\n            key={headerGroup.id}\n            data-selectable={!disableRowSelection}\n            data-multi-selection={multiRowSelectionEnabled}\n            {...ctx.getStyles('headerRow', {className, classNames, styles, style})}\n            {...others}\n        >\n            {headerGroup.headers.map((columnHeader) => (\n                <Th key={columnHeader.id} header={columnHeader} />\n            ))}\n        </tr>\n    ));\n    return <>{headers}</>;\n};\nRowLayoutHeader.extend = identity as CustomComponentThemeExtend<RowLayoutHeaderFactory>;\n"],"names":["RowLayoutHeader","defaultProps","props","ctx","useRowLayout","useProps","table","getExpandChildren","loading","doubleClickAction","className","style","classNames","styles","others","useTable","multiRowSelectionEnabled","disableRowSelection","headers","getHeaderGroups","map","headerGroup","tr","data-selectable","data-multi-selection","getStyles","columnHeader","Th","header","id","extend","identity"],"mappings":";;;;+BA0BaA;;;eAAAA;;;;;;;oBA1B6B;qBAGS;kBAClC;4BACM;gCAGI;AAgB3B,IAAMC,eAAuD,CAAC;AAEvD,IAAMD,kBAAkB,SAAKE;IAChC,IAAMC,MAAMC,IAAAA,8BAAY;IACxB,IACIC,YAAAA,IAAAA,cAAQ,EAAC,mBAAmBJ,cAAyCC,QADlEI,QACHD,UADGC,OAAOC,oBACVF,UADUE,mBAAmBC,UAC7BH,UAD6BG,SAASC,oBACtCJ,UADsCI,mBAAmBC,YACzDL,UADyDK,WAAWC,QACpEN,UADoEM,OAAOC,aAC3EP,UAD2EO,YAAYC,SACvFR,UADuFQ,QAAWC,sCAClGT;QADGC;QAAOC;QAAmBC;QAASC;QAAmBC;QAAWC;QAAOC;QAAYC;;IAE3F,IAAwDE,YAAAA,IAAAA,sBAAQ,KAAzDC,2BAAiDD,UAAjDC,0BAA0BC,sBAAuBF,UAAvBE;IAEjC,IAAMC,UAAUZ,MAAMa,eAAe,GAAGC,GAAG,CAAC,SAACC;6BACzC,qBAACC;YAEGC,mBAAiB,CAACN;YAClBO,wBAAsBR;WAClBb,IAAIsB,SAAS,CAAC,aAAa;YAACf,WAAAA;YAAWE,YAAAA;YAAYC,QAAAA;YAAQF,OAAAA;QAAK,IAChEG;sBAEHO,YAAYH,OAAO,CAACE,GAAG,CAAC,SAACM;qCACtB,qBAACC,MAAE;oBAAuBC,QAAQF;mBAAzBA,aAAaG,EAAE;;YAPvBR,YAAYQ,EAAE;;IAW3B,qBAAO;kBAAGX;;AACd;AACAlB,gBAAgB8B,MAAM,GAAGC,eAAQ"}

package/dist/cjs/components/table/layouts/row-layout/RowLayoutIcon.d.ts

@@ -0,0 +1,20 @@
+import { Icon as IconType } from '@coveord/plasma-react-icons';
+import { Factory } from '@mantine/core';
+import { CompoundStylesApiProps } from '@mantine/core/lib/core/styles-api/styles-api.types';
+export type RowLayoutIconStylesNames = 'icon';
+export interface RowLayoutIconProps extends CompoundStylesApiProps<RowLayoutIconFactory> {
+    icon: IconType;
+}
+export type RowLayoutIconFactory = Factory<{
+    props: RowLayoutIconProps;
+    ref: SVGSVGElement;
+    stylesNames: RowLayoutIconStylesNames;
+    compound: true;
+}>;
+export declare const RowLayoutIcon: import("@mantine/core").MantineComponent<{
+    props: RowLayoutIconProps;
+    ref: SVGSVGElement;
+    stylesNames: RowLayoutIconStylesNames;
+    compound: true;
+}>;
+//# sourceMappingURL=RowLayoutIcon.d.ts.map

package/dist/cjs/components/table/layouts/row-layout/RowLayoutIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RowLayoutIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/components/table/layouts/row-layout/RowLayoutIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,IAAI,QAAQ,EAAe,MAAM,6BAA6B,CAAC;AAC3E,OAAO,EAAU,OAAO,EAAW,MAAM,eAAe,CAAC;AACzD,OAAO,EAAC,sBAAsB,EAAC,MAAM,oDAAoD,CAAC;AAG1F,MAAM,MAAM,wBAAwB,GAAG,MAAM,CAAC;AAC9C,MAAM,WAAW,kBAAmB,SAAQ,sBAAsB,CAAC,oBAAoB,CAAC;IACpF,IAAI,EAAE,QAAQ,CAAC;CAClB;AAED,MAAM,MAAM,oBAAoB,GAAG,OAAO,CAAC;IACvC,KAAK,EAAE,kBAAkB,CAAC;IAC1B,GAAG,EAAE,aAAa,CAAC;IACnB,WAAW,EAAE,wBAAwB,CAAC;IACtC,QAAQ,EAAE,IAAI,CAAC;CAClB,CAAC,CAAC;AAMH,eAAO,MAAM,aAAa;WAVf,kBAAkB;SACpB,aAAa;iBACL,wBAAwB;cAC3B,IAAI;EAYhB,CAAC"}

package/dist/cjs/components/table/layouts/row-layout/RowLayoutIcon.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "RowLayoutIcon", {
+    enumerable: true,
+    get: function() {
+        return RowLayoutIcon;
+    }
+});
+var _object_spread = require("@swc/helpers/_/_object_spread");
+var _jsxruntime = require("react/jsx-runtime");
+var _plasmareacticons = require("@coveord/plasma-react-icons");
+var _core = require("@mantine/core");
+var _RowLayoutContext = require("./RowLayoutContext");
+var defaultProps = {
+    icon: _plasmareacticons.ListSize16Px
+};
+var RowLayoutIcon = (0, _core.factory)(function(props, ref) {
+    var ctx = (0, _RowLayoutContext.useRowLayout)();
+    var _useProps = (0, _core.useProps)("RowLayoutIcon", defaultProps, props), Icon = _useProps.icon, classNames = _useProps.classNames, styles = _useProps.styles;
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(Icon, _object_spread._({
+        ref: ref
+    }, ctx.getStyles("icon", {
+        styles: styles,
+        classNames: classNames
+    })));
+});
+
+//# sourceMappingURL=RowLayoutIcon.js.map

package/dist/cjs/components/table/layouts/row-layout/RowLayoutIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/table/layouts/row-layout/RowLayoutIcon.tsx"],"sourcesContent":["import {Icon as IconType, ListSize16Px} from '@coveord/plasma-react-icons';\nimport {factory, Factory, useProps} from '@mantine/core';\nimport {CompoundStylesApiProps} from '@mantine/core/lib/core/styles-api/styles-api.types';\nimport {useRowLayout} from './RowLayoutContext';\n\nexport type RowLayoutIconStylesNames = 'icon';\nexport interface RowLayoutIconProps extends CompoundStylesApiProps<RowLayoutIconFactory> {\n    icon: IconType;\n}\n\nexport type RowLayoutIconFactory = Factory<{\n    props: RowLayoutIconProps;\n    ref: SVGSVGElement;\n    stylesNames: RowLayoutIconStylesNames;\n    compound: true;\n}>;\n\nconst defaultProps: Partial<RowLayoutIconProps> = {\n    icon: ListSize16Px,\n};\n\nexport const RowLayoutIcon = factory<RowLayoutIconFactory>((props, ref) => {\n    const ctx = useRowLayout();\n    const {icon: Icon, classNames, styles} = useProps('RowLayoutIcon', defaultProps, props);\n\n    return <Icon ref={ref} {...ctx.getStyles('icon', {styles, classNames})} />;\n});\n"],"names":["RowLayoutIcon","defaultProps","icon","ListSize16Px","factory","props","ref","ctx","useRowLayout","useProps","Icon","classNames","styles","getStyles"],"mappings":";;;;+BAqBaA;;;eAAAA;;;;;gCArBgC;oBACJ;gCAEd;AAc3B,IAAMC,eAA4C;IAC9CC,MAAMC,8BAAY;AACtB;AAEO,IAAMH,gBAAgBI,IAAAA,aAAO,EAAuB,SAACC,OAAOC;IAC/D,IAAMC,MAAMC,IAAAA,8BAAY;IACxB,IAAyCC,YAAAA,IAAAA,cAAQ,EAAC,iBAAiBR,cAAcI,QAA1EH,AAAMQ,OAA4BD,UAAlCP,MAAYS,aAAsBF,UAAtBE,YAAYC,SAAUH,UAAVG;IAE/B,qBAAO,qBAACF;QAAKJ,KAAKA;OAASC,IAAIM,SAAS,CAAC,QAAQ;QAACD,QAAAA;QAAQD,YAAAA;IAAU;AACxE"}

package/dist/cjs/components/table/table-actions/TableActions.d.ts

@@ -1,4 +1,38 @@
-import { ReactElement } from 'react';
-import { TableActionsProps } from './TableActions.types';
-export declare const TableActions: <T>({ children, classNames, styles, unstyled, ...others }: TableActionsProps<T>) => ReactElement;
+import { GridColProps } from '@mantine/core';
+import { ForwardedRef, ReactElement, ReactNode } from 'react';
+import { CustomComponentThemeExtend } from '../../../utils';
+export type TableActionsStylesNames = 'actionsRoot' | 'actionsGroup';
+export interface TableActionsProps<T> extends Omit<GridColProps, 'children'> {
+    /**
+     * Function that return components for the selected row or selected rows when multi row selection is enabled
+     *
+     * @param datum the data of the selected row(s)
+     * @example
+     * <Table.Actions<MyType>>
+     *     {(datum: MyType) => (
+     *         <Button
+     *             component={Link}
+     *             to={`edit/${datum.id}`}
+     *             leftIcon={<EditSize24Px />}
+     *             variant="subtle"
+     *             color="navy.8"
+     *         >
+     *             Edit
+     *         </Button>
+     *     )}
+     * </Table.Actions>
+     */
+    children: ((datum: T) => ReactNode) | ((data: T[]) => ReactNode);
+}
+export declare const TableActions: {
+    <T>(props: TableActionsProps<T> & {
+        ref?: ForwardedRef<HTMLDivElement>;
+    }): ReactElement;
+    extend: CustomComponentThemeExtend<{
+        props: TableActionsProps<unknown>;
+        ref: HTMLDivElement;
+        stylesNames: TableActionsStylesNames;
+        compound: true;
+    }>;
+};
 //# sourceMappingURL=TableActions.d.ts.map

package/dist/cjs/components/table/table-actions/TableActions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableActions.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-actions/TableActions.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,YAAY,EAAY,MAAM,OAAO,CAAC;AAK9C,OAAO,EAAC,iBAAiB,EAAC,MAAM,sBAAsB,CAAC;AAEvD,eAAO,MAAM,YAAY,sFAMC,YAkBzB,CAAC"}
+{"version":3,"file":"TableActions.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-actions/TableActions.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,YAAY,EAAkB,MAAM,eAAe,CAAC;AAC3E,OAAO,EAAC,YAAY,EAAE,YAAY,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAC,0BAA0B,EAAW,MAAM,gBAAgB,CAAC;AAIpE,MAAM,MAAM,uBAAuB,GAAG,aAAa,GAAG,cAAc,CAAC;AAErE,MAAM,WAAW,iBAAiB,CAAC,CAAC,CAAE,SAAQ,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC;IACxE;;;;;;;;;;;;;;;;;;OAkBG;IACH,QAAQ,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,SAAS,CAAC,CAAC;CACpE;AAWD,eAAO,MAAM,YAAY;;cAA6C,aAAa,cAAc,CAAC;QAAI,YAAY;;eARvG,kBAAkB,OAAO,CAAC;aAC5B,cAAc;qBACN,uBAAuB;kBAC1B,IAAI;;CA4BjB,CAAC"}

package/dist/cjs/components/table/table-actions/TableActions.js

@@ -8,45 +8,40 @@ Object.defineProperty(exports, "TableActions", {
         return TableActions;
     }
 });
-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 _jsxruntime = require("react/jsx-runtime");
 var _core = require("@mantine/core");
-var _Tablestyles = require("../Table.styles");
+var _utils = require("../../../utils");
+var _Table = require("../Table");
 var _TableContext = require("../TableContext");
-var _TableActionsstyles = /*#__PURE__*/ _interop_require_default._(require("./TableActions.styles"));
-var TableActions = function(_param) {
-    var children = _param.children, classNames = _param.classNames, styles = _param.styles, unstyled = _param.unstyled, others = _object_without_properties._(_param, [
-        "children",
+var defaultProps = {};
+var TableActions = function(props) {
+    var ctx = (0, _TableContext.useTableStyles)();
+    var _useTable = (0, _TableContext.useTable)(), getSelectedRows = _useTable.getSelectedRows, multiRowSelectionEnabled = _useTable.multiRowSelectionEnabled;
+    var _useProps = (0, _core.useProps)("PlasmaTableActions", defaultProps, props), style = _useProps.style, className = _useProps.className, classNames = _useProps.classNames, styles = _useProps.styles, children = _useProps.children, others = _object_without_properties._(_useProps, [
+        "style",
+        "className",
         "classNames",
         "styles",
-        "unstyled"
+        "children"
     ]);
-    var classes = (0, _TableActionsstyles.default)(null, {
-        name: "TableActions",
-        classNames: classNames,
-        styles: styles,
-        unstyled: unstyled
-    }).classes;
-    var _useTable = (0, _TableContext.useTable)(), getSelectedRows = _useTable.getSelectedRows, multiRowSelectionEnabled = _useTable.multiRowSelectionEnabled;
     var selectedRows = getSelectedRows();
     if (selectedRows.length <= 0) {
         return null;
     }
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Grid.Col, _object_spread_props._(_object_spread._({
         span: "content",
-        order: _Tablestyles.TableComponentsOrder.Actions,
-        py: "sm",
-        className: classes.root
-    }, others), {
-        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Group, {
-            spacing: "xs",
-            className: classes.wrapper,
+        order: _Table.TableComponentsOrder.Actions
+    }, ctx.getStyles("actionsRoot", {}), others), {
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Group, _object_spread_props._(_object_spread._({
+            gap: "xs"
+        }, ctx.getStyles("actionsGroup", {})), {
             children: multiRowSelectionEnabled ? children(selectedRows) : children(selectedRows[0])
-        })
+        }))
     }));
 };
+TableActions.extend = _utils.identity;
 
 //# sourceMappingURL=TableActions.js.map

package/dist/cjs/components/table/table-actions/TableActions.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/table/table-actions/TableActions.tsx"],"sourcesContent":["import {Grid, Group} from '@mantine/core';\nimport {ReactElement, ReactNode} from 'react';\n\nimport {TableComponentsOrder} from '../Table.styles';\nimport {useTable} from '../TableContext';\nimport useStyles from './TableActions.styles';\nimport {TableActionsProps} from './TableActions.types';\n\nexport const TableActions = <T,>({\n    children,\n    classNames,\n    styles,\n    unstyled,\n    ...others\n}: TableActionsProps<T>): ReactElement => {\n    const {classes} = useStyles(null, {name: 'TableActions', classNames, styles, unstyled});\n    const {getSelectedRows, multiRowSelectionEnabled} = useTable<T>();\n    const selectedRows = getSelectedRows();\n\n    if (selectedRows.length <= 0) {\n        return null;\n    }\n\n    return (\n        <Grid.Col span=\"content\" order={TableComponentsOrder.Actions} py=\"sm\" className={classes.root} {...others}>\n            <Group spacing=\"xs\" className={classes.wrapper}>\n                {multiRowSelectionEnabled\n                    ? (children as (data: T[]) => ReactNode)(selectedRows)\n                    : (children as (datum: T) => ReactNode)(selectedRows[0])}\n            </Group>\n        </Grid.Col>\n    );\n};\n"],"names":["TableActions","children","classNames","styles","unstyled","others","classes","useStyles","name","useTable","getSelectedRows","multiRowSelectionEnabled","selectedRows","length","Grid","Col","span","order","TableComponentsOrder","Actions","py","className","root","Group","spacing","wrapper"],"mappings":";;;;+BAQaA;;;eAAAA;;;;;;;;oBARa;2BAGS;4BACZ;2EACD;AAGf,IAAMA,eAAe;QACxBC,kBAAAA,UACAC,oBAAAA,YACAC,gBAAAA,QACAC,kBAAAA,UACGC;QAJHJ;QACAC;QACAC;QACAC;;IAGA,IAAM,AAACE,UAAWC,IAAAA,2BAAS,EAAC,MAAM;QAACC,MAAM;QAAgBN,YAAAA;QAAYC,QAAAA;QAAQC,UAAAA;IAAQ,GAA9EE;IACP,IAAoDG,YAAAA,IAAAA,sBAAQ,KAArDC,kBAA6CD,UAA7CC,iBAAiBC,2BAA4BF,UAA5BE;IACxB,IAAMC,eAAeF;IAErB,IAAIE,aAAaC,MAAM,IAAI,GAAG;QAC1B,OAAO;IACX;IAEA,qBACI,qBAACC,UAAI,CAACC,GAAG;QAACC,MAAK;QAAUC,OAAOC,iCAAoB,CAACC,OAAO;QAAEC,IAAG;QAAKC,WAAWf,QAAQgB,IAAI;OAAMjB;kBAC/F,cAAA,qBAACkB,WAAK;YAACC,SAAQ;YAAKH,WAAWf,QAAQmB,OAAO;sBACzCd,2BACK,AAACV,SAAsCW,gBACvC,AAACX,SAAqCW,YAAY,CAAC,EAAE;;;AAI3E"}
+{"version":3,"sources":["../../../../../src/components/table/table-actions/TableActions.tsx"],"sourcesContent":["import {Factory, Grid, GridColProps, Group, useProps} from '@mantine/core';\nimport {ForwardedRef, ReactElement, ReactNode} from 'react';\n\nimport {CustomComponentThemeExtend, identity} from '../../../utils';\nimport {TableComponentsOrder} from '../Table';\nimport {useTable, useTableStyles} from '../TableContext';\n\nexport type TableActionsStylesNames = 'actionsRoot' | 'actionsGroup';\n\nexport interface TableActionsProps<T> extends Omit<GridColProps, 'children'> {\n    /**\n     * Function that return components for the selected row or selected rows when multi row selection is enabled\n     *\n     * @param datum the data of the selected row(s)\n     * @example\n     * <Table.Actions<MyType>>\n     *     {(datum: MyType) => (\n     *         <Button\n     *             component={Link}\n     *             to={`edit/${datum.id}`}\n     *             leftIcon={<EditSize24Px />}\n     *             variant=\"subtle\"\n     *             color=\"navy.8\"\n     *         >\n     *             Edit\n     *         </Button>\n     *     )}\n     * </Table.Actions>\n     */\n    children: ((datum: T) => ReactNode) | ((data: T[]) => ReactNode);\n}\n\ntype TableActionsFactory = Factory<{\n    props: TableActionsProps<unknown>;\n    ref: HTMLDivElement;\n    stylesNames: TableActionsStylesNames;\n    compound: true;\n}>;\n\nconst defaultProps: Partial<TableActionsProps<unknown>> = {};\n\nexport const TableActions = <T,>(props: TableActionsProps<T> & {ref?: ForwardedRef<HTMLDivElement>}): ReactElement => {\n    const ctx = useTableStyles();\n    const {getSelectedRows, multiRowSelectionEnabled} = useTable<T>();\n    const {style, className, classNames, styles, children, ...others} = useProps(\n        'PlasmaTableActions',\n        defaultProps,\n        props,\n    );\n    const selectedRows = getSelectedRows();\n\n    if (selectedRows.length <= 0) {\n        return null;\n    }\n\n    return (\n        <Grid.Col span=\"content\" order={TableComponentsOrder.Actions} {...ctx.getStyles('actionsRoot', {})} {...others}>\n            <Group gap=\"xs\" {...ctx.getStyles('actionsGroup', {})}>\n                {multiRowSelectionEnabled\n                    ? (children as (data: T[]) => ReactNode)(selectedRows)\n                    : (children as (datum: T) => ReactNode)(selectedRows[0])}\n            </Group>\n        </Grid.Col>\n    );\n};\n\nTableActions.extend = identity as CustomComponentThemeExtend<TableActionsFactory>;\n"],"names":["TableActions","defaultProps","props","ctx","useTableStyles","useTable","getSelectedRows","multiRowSelectionEnabled","useProps","style","className","classNames","styles","children","others","selectedRows","length","Grid","Col","span","order","TableComponentsOrder","Actions","getStyles","Group","gap","extend","identity"],"mappings":";;;;+BAyCaA;;;eAAAA;;;;;;;oBAzC8C;qBAGR;qBAChB;4BACI;AAkCvC,IAAMC,eAAoD,CAAC;AAEpD,IAAMD,eAAe,SAAKE;IAC7B,IAAMC,MAAMC,IAAAA,4BAAc;IAC1B,IAAoDC,YAAAA,IAAAA,sBAAQ,KAArDC,kBAA6CD,UAA7CC,iBAAiBC,2BAA4BF,UAA5BE;IACxB,IAAoEC,YAAAA,IAAAA,cAAQ,EACxE,sBACAP,cACAC,QAHGO,QAA6DD,UAA7DC,OAAOC,YAAsDF,UAAtDE,WAAWC,aAA2CH,UAA3CG,YAAYC,SAA+BJ,UAA/BI,QAAQC,WAAuBL,UAAvBK,UAAaC,sCAAUN;QAA7DC;QAAOC;QAAWC;QAAYC;QAAQC;;IAK7C,IAAME,eAAeT;IAErB,IAAIS,aAAaC,MAAM,IAAI,GAAG;QAC1B,OAAO;IACX;IAEA,qBACI,qBAACC,UAAI,CAACC,GAAG;QAACC,MAAK;QAAUC,OAAOC,2BAAoB,CAACC,OAAO;OAAMnB,IAAIoB,SAAS,CAAC,eAAe,CAAC,IAAQT;kBACpG,cAAA,qBAACU,WAAK;YAACC,KAAI;WAAStB,IAAIoB,SAAS,CAAC,gBAAgB,CAAC;sBAC9ChB,2BACK,AAACM,SAAsCE,gBACvC,AAACF,SAAqCE,YAAY,CAAC,EAAE;;;AAI3E;AAEAf,aAAa0B,MAAM,GAAGC,eAAQ"}

package/dist/cjs/components/table/table-column/TableCollapsibleColumn.d.ts

@@ -1,4 +1,5 @@
 import { ColumnDef } from '@tanstack/table-core';
+export type TableCollapsibleColumnStylesNames = 'collapsibleIcon';
 /**
  * Generic column to use when your table needs collapsible rows
  */

package/dist/cjs/components/table/table-column/TableCollapsibleColumn.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableCollapsibleColumn.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-column/TableCollapsibleColumn.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,SAAS,EAAC,MAAM,sBAAsB,CAAC;AAU5D;;GAEG;AACH,eAAO,MAAM,sBAAsB,EAAE,SAAS,CAAC,OAAO,CAGrD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE,SAAS,CAAC,OAAO,CAYnD,CAAC"}
+{"version":3,"file":"TableCollapsibleColumn.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-column/TableCollapsibleColumn.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,SAAS,EAAC,MAAM,sBAAsB,CAAC;AAK5D,MAAM,MAAM,iCAAiC,GAAG,iBAAiB,CAAC;AASlE;;GAEG;AACH,eAAO,MAAM,sBAAsB,EAAE,SAAS,CAAC,OAAO,CAGrD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE,SAAS,CAAC,OAAO,CAYnD,CAAC"}