@coveord/plasma-mantine 52.27.4 → 53.0.0

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

@@ -0,0 +1,93 @@
+.table {
+    width: 100%;
+}
+
+.header {
+    position: sticky;
+    top: 0;
+    transition: box-shadow 150ms ease;
+    z-index: 1;
+
+    &::after {
+        content: '';
+        position: absolute;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        border-bottom: 1px solid var(--mantine-color-gray-3);
+    }
+}
+
+/* Table.Actions */
+.actionsGroup {
+    display: inline-flex;
+}
+
+/* Table.Filter */
+.filterWrapper {
+    width: 20rem;
+}
+.filterEmpty {
+    color: var(--mantine-color-gray-5);
+}
+
+/* Table.Header */
+.headerRoot {
+    border-bottom: 1px solid var(--mantine-color-gray-3);
+    background-color: var(--mantine-color-gray-1);
+    padding-left: var(--mantine-spacing-xl);
+    padding-right: var(--mantine-spacing-lg);
+    position: relative;
+}
+
+.headerGridInner {
+    flex-direction: row-reverse;
+}
+
+.headerCol {
+    display: flex;
+}
+
+.th {
+    padding: var(--mantine-spacing-xs) var(--mantine-spacing-sm);
+    vertical-align: middle;
+    white-space: nowrap;
+    text-align: left;
+    color: var(--mantine-color-gray-6);
+    height: var(--mantine-spacing-xl);
+    font-weight: 500;
+    font-size: var(--mantine-font-size-xs);
+
+    &:first-of-type {
+        padding-left: var(--mantine-spacing-xl);
+    }
+
+    &:last-of-type {
+        padding-right: var(--mantine-spacing-xl);
+    }
+
+    background-color: var(--mantine-color-gray-0);
+
+    &[data-control='true'] {
+        @mixin hover {
+            background-color: var(--mantine-color-gray-1);
+        }
+    }
+}
+
+.lastUpdatedRoot {
+    min-height: 98px;
+}
+.lastUpdatedLabel {
+    color: var(--mantine-color-gray-6);
+}
+
+/* Table.Predicate */
+.predicateLabel {
+    font-size: var(--mantine-font-size-sm);
+}
+
+/* Table.ColumnsSelector */
+.columnSelector {
+    max-width: 100%;
+}

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

@@ -1,25 +1,11 @@
 import { Icon } from '@coveord/plasma-react-icons';
-import { DefaultProps, Selectors } from '@mantine/core';
+import { BoxProps, StylesApiProps } from '@mantine/core';
 import { UseFormReturnType } from '@mantine/form';
-import { Column, ColumnDef, CoreOptions, TableOptions, InitialTableState as TanstackInitialTableState, TableState as TanstackTableState } from '@tanstack/table-core';
+import { Column, ColumnDef, CoreOptions, InitialTableState as TanstackInitialTableState, TableOptions, TableState as TanstackTableState } from '@tanstack/table-core';
 import { Dispatch, ReactElement, ReactNode, RefObject } from 'react';
 import { DateRangePickerValue } from '../date-range-picker/DateRangePickerInlineCalendar';
-import useStyles from './Table.styles';
-import { TableLayoutProps } from './layouts/RowLayout.types';
-import { TableLayouts } from './layouts/TableLayouts';
-import { TableActions } from './table-actions/TableActions';
-import { TableAccordionColumn, TableCollapsibleColumn } from './table-column/TableCollapsibleColumn';
-import { TableColumnsSelector } from './table-columns-selector/TableColumnsSelector';
-import { TableConsumer } from './table-consumer/TableConsumer';
-import { TableDateRangePicker } from './table-date-range-picker/TableDateRangePicker';
-import { TableFilter } from './table-filter/TableFilter';
-import { TableFooter } from './table-footer/TableFooter';
-import { TableHeader } from './table-header/TableHeader';
-import { TableLastUpdated } from './table-last-updated/TableLastUpdated';
-import { TableLoading } from './table-loading/TableLoading';
-import { TablePagination } from './table-pagination/TablePagination';
-import { TablePerPage } from './table-per-page/TablePerPage';
-import { TablePredicate } from './table-predicate/TablePredicate';
+import { TableLayoutProps } from './layouts/TableLayouts';
+import { type PlasmaTableFactory } from './Table';
 export type RowSelectionWithData<TData> = Record<string, TData>;
 export interface RowSelectionState<TData> {
     rowSelection: RowSelectionWithData<TData>;
@@ -30,16 +16,19 @@ export interface InitialTableState<TData> extends Omit<TanstackInitialTableState
 }
 export type onTableChangeEvent<TData> = (params: TableState<TData> & TableFormType) => void;
 export interface TableLayout {
+    (props: {
+        children: ReactNode;
+    }): ReactElement;
     /**
      * Name of the layout.
      * Will be displayed in the layout control
      */
-    name: string;
+    displayName: string;
     /**
      * Icon illustrating the layout.
      * Will be displayed in the layout control
      */
-    icon?: Icon;
+    Icon?: Icon;
     /**
      * Header portion of the table.
      * In the standard row layout that is where column headers would be displayed.
@@ -134,8 +123,7 @@ export type TableContextType<TData> = {
      */
     layouts: TableLayout[];
 };
-type TableStylesNames = Selectors<typeof useStyles>;
-export interface TableProps<T> extends DefaultProps<TableStylesNames> {
+export interface TableProps<T> extends BoxProps, StylesApiProps<PlasmaTableFactory> {
     /**
      * Data to display in the table. Use `null` when the table is initially loading.
      */
@@ -236,23 +224,4 @@ export interface TableProps<T> extends DefaultProps<TableStylesNames> {
      */
     options?: Omit<Partial<TableOptions<T>>, 'initialState' | 'data' | 'columns' | 'manualPagination' | 'enableMultiRowSelection' | 'getRowId' | 'getRowCanExpand' | 'enableRowSelection' | 'onRowSelectionChange'>;
 }
-export interface TableType {
-    <T>(props: TableProps<T>): ReactElement;
-    ColumnsSelector: typeof TableColumnsSelector;
-    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;
-    AccordionColumn: typeof TableAccordionColumn;
-    Consumer: typeof TableConsumer;
-    Loading: typeof TableLoading;
-    Layouts: typeof TableLayouts;
-}
-export {};
 //# sourceMappingURL=Table.types.d.ts.map

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

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

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

@@ -1,5 +1,15 @@
 /// <reference types="react" />
+import { GetStylesApi } from '@mantine/core';
+import { type PlasmaTableFactory } from './Table';
 import { TableContextType } from './Table.types';
 export declare const TableContext: import("react").Context<TableContextType<any>>;
 export declare const useTable: <T>() => TableContextType<T>;
+interface TableStyleContextType {
+    getStyles: GetStylesApi<PlasmaTableFactory>;
+}
+export declare const TableStylesProvider: ({ children, value }: {
+    value: TableStyleContextType;
+    children: import("react").ReactNode;
+}) => import("react").JSX.Element, useTableStyles: () => TableStyleContextType;
+export {};
 //# sourceMappingURL=TableContext.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TableContext.d.ts","sourceRoot":"","sources":["../../../../src/components/table/TableContext.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAE/C,eAAO,MAAM,YAAY,gDAAoD,CAAC;AAE9E,eAAO,MAAM,QAAQ,8BAOpB,CAAC"}
+{"version":3,"file":"TableContext.d.ts","sourceRoot":"","sources":["../../../../src/components/table/TableContext.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAoB,YAAY,EAAC,MAAM,eAAe,CAAC;AAE9D,OAAO,EAAC,KAAK,kBAAkB,EAAC,MAAM,SAAS,CAAC;AAChD,OAAO,EAAC,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAE/C,eAAO,MAAM,YAAY,gDAAoD,CAAC;AAE9E,eAAO,MAAM,QAAQ,8BAOpB,CAAC;AAEF,UAAU,qBAAqB;IAC3B,SAAS,EAAE,YAAY,CAAC,kBAAkB,CAAC,CAAC;CAC/C;AAED,eAAO,MAAO,mBAAmB;;;mCAAE,cAAc,6BAEhD,CAAC"}

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

@@ -14,8 +14,16 @@ _export(exports, {
     },
     useTable: function() {
         return useTable;
+    },
+    TableStylesProvider: function() {
+        return TableStylesProvider;
+    },
+    useTableStyles: function() {
+        return useTableStyles;
     }
 });
+var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
+var _core = require("@mantine/core");
 var _react = require("react");
 var TableContext = /*#__PURE__*/ (0, _react.createContext)(null);
 var useTable = function() {
@@ -25,5 +33,7 @@ var useTable = function() {
     }
     return ctx;
 };
+var _createSafeContext = _sliced_to_array._((0, _core.createSafeContext)("Table component was not found in the tree"), 2);
+var TableStylesProvider = _createSafeContext[0], useTableStyles = _createSafeContext[1];
 
 //# sourceMappingURL=TableContext.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/table/TableContext.tsx"],"sourcesContent":["import {createContext, useContext} from 'react';\n\nimport {TableContextType} from './Table.types';\n\nexport const TableContext = createContext<TableContextType<any> | null>(null);\n\nexport const useTable = <T,>(): TableContextType<T> => {\n    const ctx = useContext(TableContext);\n    if (ctx === null) {\n        throw new Error('useTable must be used inside of a TableContext.Provider');\n    }\n\n    return ctx;\n};\n"],"names":["TableContext","useTable","createContext","ctx","useContext","Error"],"mappings":";;;;;;;;;;;IAIaA,YAAY;eAAZA;;IAEAC,QAAQ;eAARA;;;qBAN2B;AAIjC,IAAMD,6BAAeE,IAAAA,oBAAa,EAA+B;AAEjE,IAAMD,WAAW;IACpB,IAAME,MAAMC,IAAAA,iBAAU,EAACJ;IACvB,IAAIG,QAAQ,MAAM;QACd,MAAM,IAAIE,MAAM;IACpB;IAEA,OAAOF;AACX"}
+{"version":3,"sources":["../../../../src/components/table/TableContext.tsx"],"sourcesContent":["import {createSafeContext, GetStylesApi} from '@mantine/core';\nimport {createContext, useContext} from 'react';\nimport {type PlasmaTableFactory} from './Table';\nimport {TableContextType} from './Table.types';\n\nexport const TableContext = createContext<TableContextType<any> | null>(null);\n\nexport const useTable = <T,>(): TableContextType<T> => {\n    const ctx = useContext(TableContext);\n    if (ctx === null) {\n        throw new Error('useTable must be used inside of a TableContext.Provider');\n    }\n\n    return ctx;\n};\n\ninterface TableStyleContextType {\n    getStyles: GetStylesApi<PlasmaTableFactory>;\n}\n\nexport const [TableStylesProvider, useTableStyles] = createSafeContext<TableStyleContextType>(\n    'Table component was not found in the tree',\n);\n"],"names":["TableContext","useTable","TableStylesProvider","useTableStyles","createContext","ctx","useContext","Error","createSafeContext"],"mappings":";;;;;;;;;;;IAKaA,YAAY;eAAZA;;IAEAC,QAAQ;eAARA;;IAaCC,mBAAmB;eAAnBA;;IAAqBC,cAAc;eAAdA;;;;oBApBW;qBACN;AAIjC,IAAMH,6BAAeI,IAAAA,oBAAa,EAA+B;AAEjE,IAAMH,WAAW;IACpB,IAAMI,MAAMC,IAAAA,iBAAU,EAACN;IACvB,IAAIK,QAAQ,MAAM;QACd,MAAM,IAAIE,MAAM;IACpB;IAEA,OAAOF;AACX;IAMqDG,wCAAAA,IAAAA,uBAAiB,EAClE;AADG,IAAON,sBAAuCM,uBAAlBL,iBAAkBK"}

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

@@ -2,5 +2,5 @@ export { flexRender as renderTableCell } from '@tanstack/react-table';
 export * from './Table';
 export { type InitialTableState, type TableLayout, type TableProps, type TableState, type onTableChangeEvent, } from './Table.types';
 export { useTable } from './TableContext';
-export { type TableLayoutProps } from './layouts/RowLayout.types';
+export { type TableLayoutProps } from './layouts/TableLayouts';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,IAAI,eAAe,EAAC,MAAM,uBAAuB,CAAC;AACpE,cAAc,SAAS,CAAC;AACxB,OAAO,EACH,KAAK,iBAAiB,EACtB,KAAK,WAAW,EAChB,KAAK,UAAU,EACf,KAAK,UAAU,EACf,KAAK,kBAAkB,GAC1B,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,QAAQ,EAAC,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAC,KAAK,gBAAgB,EAAC,MAAM,2BAA2B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,IAAI,eAAe,EAAC,MAAM,uBAAuB,CAAC;AACpE,cAAc,SAAS,CAAC;AACxB,OAAO,EACH,KAAK,iBAAiB,EACtB,KAAK,WAAW,EAChB,KAAK,UAAU,EACf,KAAK,UAAU,EACf,KAAK,kBAAkB,GAC1B,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,QAAQ,EAAC,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAC,KAAK,gBAAgB,EAAC,MAAM,wBAAwB,CAAC"}

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

@@ -20,6 +20,5 @@ var _export_star = require("@swc/helpers/_/_export_star");
 var _reacttable = require("@tanstack/react-table");
 _export_star._(require("./Table"), exports);
 var _TableContext = require("./TableContext");
- // TODO https://coveord.atlassian.net/browse/ADUI-9182
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/table/index.ts"],"sourcesContent":["export {flexRender as renderTableCell} from '@tanstack/react-table';\nexport * from './Table';\nexport {\n    type InitialTableState,\n    type TableLayout,\n    type TableProps,\n    type TableState,\n    type onTableChangeEvent,\n} from './Table.types';\nexport {useTable} from './TableContext';\nexport {type TableLayoutProps} from './layouts/RowLayout.types'; // TODO https://coveord.atlassian.net/browse/ADUI-9182\n"],"names":["renderTableCell","flexRender","useTable"],"mappings":";;;;;;;;;;;IAAsBA,eAAe;eAA7BC,sBAAU;;IASVC,QAAQ;eAARA,sBAAQ;;;;0BAT4B;uBAC9B;4BAQS;CAC0C,sDAAsD"}
+{"version":3,"sources":["../../../../src/components/table/index.ts"],"sourcesContent":["export {flexRender as renderTableCell} from '@tanstack/react-table';\nexport * from './Table';\nexport {\n    type InitialTableState,\n    type TableLayout,\n    type TableProps,\n    type TableState,\n    type onTableChangeEvent,\n} from './Table.types';\nexport {useTable} from './TableContext';\nexport {type TableLayoutProps} from './layouts/TableLayouts';\n"],"names":["renderTableCell","flexRender","useTable"],"mappings":";;;;;;;;;;;IAAsBA,eAAe;eAA7BC,sBAAU;;IASVC,QAAQ;eAARA,sBAAQ;;;;0BAT4B;uBAC9B;4BAQS"}

package/dist/cjs/components/table/layouts/TableLayoutControl.js

@@ -11,19 +11,19 @@ Object.defineProperty(exports, "TableLayoutControl", {
 var _object_spread = require("@swc/helpers/_/_object_spread");
 var _jsxruntime = require("react/jsx-runtime");
 var _core = require("@mantine/core");
-var _Tablestyles = require("../Table.styles");
+var _Table = require("../Table");
 var _TableContext = require("../TableContext");
 var TableLayoutControl = function() {
     var _useTable = (0, _TableContext.useTable)(), form = _useTable.form, layouts = _useTable.layouts;
     return layouts.length > 1 ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Grid.Col, {
-        order: _Tablestyles.TableComponentsOrder.LayoutControl,
+        order: _Table.TableComponentsOrder.LayoutControl,
         span: "content",
         children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.SegmentedControl, _object_spread._({
             color: "action",
             data: layouts.map(function(param) {
-                var name = param.name, Icon = param.icon;
+                var displayName = param.displayName, Icon = param.Icon;
                 return {
-                    value: name,
+                    value: displayName,
                     label: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Center, {
                         children: [
                             Icon ? /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
@@ -37,7 +37,7 @@ var TableLayoutControl = function() {
                                 ]
                             }) : null,
                             /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Box, {
-                                children: name
+                                children: displayName
                             })
                         ]
                     })

package/dist/cjs/components/table/layouts/TableLayoutControl.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/table/layouts/TableLayoutControl.tsx"],"sourcesContent":["import {Box, Center, Grid, SegmentedControl, Space} from '@mantine/core';\nimport {TableComponentsOrder} from '../Table.styles';\nimport {useTable} from '../TableContext';\n\nexport const TableLayoutControl = () => {\n    const {form, layouts} = useTable();\n    return layouts.length > 1 ? (\n        <Grid.Col order={TableComponentsOrder.LayoutControl} span=\"content\">\n            <SegmentedControl\n                color=\"action\"\n                data={layouts.map(({name, icon: Icon}) => ({\n                    value: name,\n                    label: (\n                        <Center>\n                            {Icon ? (\n                                <>\n                                    <Icon height={16} />\n                                    <Space w=\"xs\" />\n                                </>\n                            ) : null}\n                            <Box>{name}</Box>\n                        </Center>\n                    ),\n                }))}\n                {...form.getInputProps('layout')}\n            />\n        </Grid.Col>\n    ) : null;\n};\n"],"names":["TableLayoutControl","useTable","form","layouts","length","Grid","Col","order","TableComponentsOrder","LayoutControl","span","SegmentedControl","color","data","map","name","icon","Icon","value","label","Center","height","Space","w","Box","getInputProps"],"mappings":";;;;+BAIaA;;;eAAAA;;;;;oBAJ4C;2BACtB;4BACZ;AAEhB,IAAMA,qBAAqB;IAC9B,IAAwBC,YAAAA,IAAAA,sBAAQ,KAAzBC,OAAiBD,UAAjBC,MAAMC,UAAWF,UAAXE;IACb,OAAOA,QAAQC,MAAM,GAAG,kBACpB,qBAACC,UAAI,CAACC,GAAG;QAACC,OAAOC,iCAAoB,CAACC,aAAa;QAAEC,MAAK;kBACtD,cAAA,qBAACC,sBAAgB;YACbC,OAAM;YACNC,MAAMV,QAAQW,GAAG,CAAC;oBAAEC,aAAAA,MAAMC,AAAMC,aAAND;uBAAiB;oBACvCE,OAAOH;oBACPI,qBACI,sBAACC,YAAM;;4BACFH,qBACG;;kDACI,qBAACA;wCAAKI,QAAQ;;kDACd,qBAACC,WAAK;wCAACC,GAAE;;;iCAEb;0CACJ,qBAACC,SAAG;0CAAET;;;;gBAGlB;;WACIb,KAAKuB,aAAa,CAAC;SAG/B;AACR"}
+{"version":3,"sources":["../../../../../src/components/table/layouts/TableLayoutControl.tsx"],"sourcesContent":["import {Box, Center, Grid, SegmentedControl, Space} from '@mantine/core';\nimport {TableComponentsOrder} from '../Table';\nimport {useTable} from '../TableContext';\n\nexport const TableLayoutControl = () => {\n    const {form, layouts} = useTable();\n    return layouts.length > 1 ? (\n        <Grid.Col order={TableComponentsOrder.LayoutControl} span=\"content\">\n            <SegmentedControl\n                color=\"action\"\n                data={layouts.map(({displayName, Icon}) => ({\n                    value: displayName,\n                    label: (\n                        <Center>\n                            {Icon ? (\n                                <>\n                                    <Icon height={16} />\n                                    <Space w=\"xs\" />\n                                </>\n                            ) : null}\n                            <Box>{displayName}</Box>\n                        </Center>\n                    ),\n                }))}\n                {...form.getInputProps('layout')}\n            />\n        </Grid.Col>\n    ) : null;\n};\n"],"names":["TableLayoutControl","useTable","form","layouts","length","Grid","Col","order","TableComponentsOrder","LayoutControl","span","SegmentedControl","color","data","map","displayName","Icon","value","label","Center","height","Space","w","Box","getInputProps"],"mappings":";;;;+BAIaA;;;eAAAA;;;;;oBAJ4C;qBACtB;4BACZ;AAEhB,IAAMA,qBAAqB;IAC9B,IAAwBC,YAAAA,IAAAA,sBAAQ,KAAzBC,OAAiBD,UAAjBC,MAAMC,UAAWF,UAAXE;IACb,OAAOA,QAAQC,MAAM,GAAG,kBACpB,qBAACC,UAAI,CAACC,GAAG;QAACC,OAAOC,2BAAoB,CAACC,aAAa;QAAEC,MAAK;kBACtD,cAAA,qBAACC,sBAAgB;YACbC,OAAM;YACNC,MAAMV,QAAQW,GAAG,CAAC;oBAAEC,oBAAAA,aAAaC,aAAAA;uBAAW;oBACxCC,OAAOF;oBACPG,qBACI,sBAACC,YAAM;;4BACFH,qBACG;;kDACI,qBAACA;wCAAKI,QAAQ;;kDACd,qBAACC,WAAK;wCAACC,GAAE;;;iCAEb;0CACJ,qBAACC,SAAG;0CAAER;;;;gBAGlB;;WACIb,KAAKsB,aAAa,CAAC;SAG/B;AACR"}

package/dist/cjs/components/table/layouts/TableLayouts.d.ts

@@ -1,4 +1,29 @@
+import { Table } from '@tanstack/table-core';
+import { ReactNode } from 'react';
+export interface TableLayoutProps<T = unknown> {
+    table: Table<T>;
+    loading?: boolean;
+    /**
+     * Action passed when user double-clicks on a row
+     */
+    doubleClickAction?: (datum: T) => void;
+    /**
+     * Function that generates the expandable content of a row
+     * Return null for rows that don't need to be expandable
+     *
+     * @param datum the row for which the children should be generated.
+     */
+    getExpandChildren?: (datum: T) => ReactNode;
+    /**
+     * Whether clicking on a selected row will deselect the row or not.
+     */
+    keepSelection?: boolean;
+}
 export declare const TableLayouts: {
-    Rows: import("..").TableLayout;
+    Rows: import("@mantine/core").MantineComponent<{
+        props: import("./row-layout/RowLayout").RowLayoutProps;
+        stylesNames: "icon" | "headerRow" | import("./row-layout/RowLayoutBody").RowLayoutBodyStylesNames;
+        staticComponents: import("..").TableLayout;
+    }>;
 };
 //# sourceMappingURL=TableLayouts.d.ts.map

package/dist/cjs/components/table/layouts/TableLayouts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableLayouts.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/layouts/TableLayouts.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY;;CAExB,CAAC"}
+{"version":3,"file":"TableLayouts.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/layouts/TableLayouts.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,EAAC,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAGhC,MAAM,WAAW,gBAAgB,CAAC,CAAC,GAAG,OAAO;IACzC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IACvC;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,SAAS,CAAC;IAC5C;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,eAAO,MAAM,YAAY;;;;;;CAExB,CAAC"}

package/dist/cjs/components/table/layouts/TableLayouts.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "TableLayouts", {
         return TableLayouts;
     }
 });
-var _RowLayout = require("./RowLayout");
+var _RowLayout = require("./row-layout/RowLayout");
 var TableLayouts = {
     Rows: _RowLayout.RowLayout
 };

package/dist/cjs/components/table/layouts/TableLayouts.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/table/layouts/TableLayouts.tsx"],"sourcesContent":["import {RowLayout} from './RowLayout';\n\nexport const TableLayouts = {\n    Rows: RowLayout,\n};\n"],"names":["TableLayouts","Rows","RowLayout"],"mappings":";;;;+BAEaA;;;eAAAA;;;yBAFW;AAEjB,IAAMA,eAAe;IACxBC,MAAMC,oBAAS;AACnB"}
+{"version":3,"sources":["../../../../../src/components/table/layouts/TableLayouts.tsx"],"sourcesContent":["import {Table} from '@tanstack/table-core';\nimport {ReactNode} from 'react';\nimport {RowLayout} from './row-layout/RowLayout';\n\nexport interface TableLayoutProps<T = unknown> {\n    table: Table<T>;\n    loading?: boolean;\n    /**\n     * Action passed when user double-clicks on a row\n     */\n    doubleClickAction?: (datum: T) => void;\n    /**\n     * Function that generates the expandable content of a row\n     * Return null for rows that don't need to be expandable\n     *\n     * @param datum the row for which the children should be generated.\n     */\n    getExpandChildren?: (datum: T) => ReactNode;\n    /**\n     * Whether clicking on a selected row will deselect the row or not.\n     */\n    keepSelection?: boolean;\n}\n\nexport const TableLayouts = {\n    Rows: RowLayout,\n};\n"],"names":["TableLayouts","Rows","RowLayout"],"mappings":";;;;+BAwBaA;;;eAAAA;;;yBAtBW;AAsBjB,IAAMA,eAAe;IACxBC,MAAMC,oBAAS;AACnB"}

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

@@ -0,0 +1,22 @@
+import { Factory, StylesApiProps } from '@mantine/core';
+import { ReactNode } from 'react';
+import { TableLayout } from '../../Table.types';
+import { RowLayoutBodyStylesNames } from './RowLayoutBody';
+import { RowLayoutHeaderStyleNames } from './RowLayoutHeader';
+import { RowLayoutIconStylesNames } from './RowLayoutIcon';
+type RowLayoutStylesNames = RowLayoutHeaderStyleNames | RowLayoutIconStylesNames | RowLayoutBodyStylesNames;
+export interface RowLayoutProps extends StylesApiProps<RowLayoutFactory> {
+    children: ReactNode;
+}
+export type RowLayoutFactory = Factory<{
+    props: RowLayoutProps;
+    stylesNames: RowLayoutStylesNames;
+    staticComponents: TableLayout;
+}>;
+export declare const RowLayout: import("@mantine/core").MantineComponent<{
+    props: RowLayoutProps;
+    stylesNames: RowLayoutStylesNames;
+    staticComponents: TableLayout;
+}>;
+export {};
+//# sourceMappingURL=RowLayout.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RowLayout.d.ts","sourceRoot":"","sources":["../../../../../../src/components/table/layouts/row-layout/RowLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,OAAO,EAAE,cAAc,EAAsB,MAAM,eAAe,CAAC;AACpF,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAC,WAAW,EAAC,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAgB,wBAAwB,EAAC,MAAM,iBAAiB,CAAC;AAExE,OAAO,EAAkB,yBAAyB,EAAC,MAAM,mBAAmB,CAAC;AAC7E,OAAO,EAAgB,wBAAwB,EAAC,MAAM,iBAAiB,CAAC;AAExE,KAAK,oBAAoB,GAAG,yBAAyB,GAAG,wBAAwB,GAAG,wBAAwB,CAAC;AAC5G,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,gBAAgB,CAAC;IACpE,QAAQ,EAAE,SAAS,CAAC;CACvB;AAED,MAAM,MAAM,gBAAgB,GAAG,OAAO,CAAC;IACnC,KAAK,EAAE,cAAc,CAAC;IACtB,WAAW,EAAE,oBAAoB,CAAC;IAClC,gBAAgB,EAAE,WAAW,CAAC;CACjC,CAAC,CAAC;AAGH,eAAO,MAAM,SAAS;WANX,cAAc;iBACR,oBAAoB;sBACf,WAAW;EAgB/B,CAAC"}

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

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "RowLayout", {
+    enumerable: true,
+    get: function() {
+        return RowLayout;
+    }
+});
+var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+var _jsxruntime = require("react/jsx-runtime");
+var _core = require("@mantine/core");
+var _RowLayoutmodulecss = /*#__PURE__*/ _interop_require_default._(require("./RowLayout.module.css"));
+var _RowLayoutBody = require("./RowLayoutBody");
+var _RowLayoutContext = require("./RowLayoutContext");
+var _RowLayoutHeader = require("./RowLayoutHeader");
+var _RowLayoutIcon = require("./RowLayoutIcon");
+var defaultProps = {};
+var RowLayout = (0, _core.factory)(function(props, ref) {
+    var _useProps = (0, _core.useProps)("PlasmaRowLayout", defaultProps, props), children = _useProps.children, styles = _useProps.styles, classNames = _useProps.classNames, unstyled = _useProps.unstyled;
+    var getStyles = (0, _core.useStyles)({
+        name: "PlasmaRowLayout",
+        classes: _RowLayoutmodulecss.default,
+        props: props,
+        styles: styles,
+        classNames: classNames,
+        unstyled: unstyled
+    });
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_RowLayoutContext.RowLayoutProvider, {
+        value: {
+            getStyles: getStyles
+        },
+        children: children
+    });
+});
+RowLayout.Body = _RowLayoutBody.RowLayoutBody;
+RowLayout.Header = _RowLayoutHeader.RowLayoutHeader;
+RowLayout.Icon = _RowLayoutIcon.RowLayoutIcon;
+RowLayout.displayName = "Rows";
+
+//# sourceMappingURL=RowLayout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/table/layouts/row-layout/RowLayout.tsx"],"sourcesContent":["import {factory, Factory, StylesApiProps, useProps, useStyles} from '@mantine/core';\nimport {ReactNode} from 'react';\nimport classes from './RowLayout.module.css';\nimport {TableLayout} from '../../Table.types';\nimport {RowLayoutBody, RowLayoutBodyStylesNames} from './RowLayoutBody';\nimport {RowLayoutProvider} from './RowLayoutContext';\nimport {RowLayoutHeader, RowLayoutHeaderStyleNames} from './RowLayoutHeader';\nimport {RowLayoutIcon, RowLayoutIconStylesNames} from './RowLayoutIcon';\n\ntype RowLayoutStylesNames = RowLayoutHeaderStyleNames | RowLayoutIconStylesNames | RowLayoutBodyStylesNames;\nexport interface RowLayoutProps extends StylesApiProps<RowLayoutFactory> {\n    children: ReactNode;\n}\n\nexport type RowLayoutFactory = Factory<{\n    props: RowLayoutProps;\n    stylesNames: RowLayoutStylesNames;\n    staticComponents: TableLayout;\n}>;\nconst defaultProps: Partial<RowLayoutProps> = {};\n\nexport const RowLayout = factory<RowLayoutFactory>((props, ref) => {\n    const {children, styles, classNames, unstyled} = useProps('PlasmaRowLayout', defaultProps, props);\n    const getStyles = useStyles<RowLayoutFactory>({\n        name: 'PlasmaRowLayout',\n        classes,\n        props,\n        styles,\n        classNames,\n        unstyled,\n    });\n\n    return <RowLayoutProvider value={{getStyles}}>{children}</RowLayoutProvider>;\n});\n\nRowLayout.Body = RowLayoutBody;\nRowLayout.Header = RowLayoutHeader;\nRowLayout.Icon = RowLayoutIcon;\nRowLayout.displayName = 'Rows';\n"],"names":["RowLayout","defaultProps","factory","props","ref","useProps","children","styles","classNames","unstyled","getStyles","useStyles","name","classes","RowLayoutProvider","value","Body","RowLayoutBody","Header","RowLayoutHeader","Icon","RowLayoutIcon","displayName"],"mappings":";;;;+BAqBaA;;;eAAAA;;;;;oBArBuD;2EAEhD;6BAEkC;gCACtB;+BACyB;6BACH;AAYtD,IAAMC,eAAwC,CAAC;AAExC,IAAMD,YAAYE,IAAAA,aAAO,EAAmB,SAACC,OAAOC;IACvD,IAAiDC,YAAAA,IAAAA,cAAQ,EAAC,mBAAmBJ,cAAcE,QAApFG,WAA0CD,UAA1CC,UAAUC,SAAgCF,UAAhCE,QAAQC,aAAwBH,UAAxBG,YAAYC,WAAYJ,UAAZI;IACrC,IAAMC,YAAYC,IAAAA,eAAS,EAAmB;QAC1CC,MAAM;QACNC,SAAAA,2BAAO;QACPV,OAAAA;QACAI,QAAAA;QACAC,YAAAA;QACAC,UAAAA;IACJ;IAEA,qBAAO,qBAACK,mCAAiB;QAACC,OAAO;YAACL,WAAAA;QAAS;kBAAIJ;;AACnD;AAEAN,UAAUgB,IAAI,GAAGC,4BAAa;AAC9BjB,UAAUkB,MAAM,GAAGC,gCAAe;AAClCnB,UAAUoB,IAAI,GAAGC,4BAAa;AAC9BrB,UAAUsB,WAAW,GAAG"}

package/dist/cjs/components/table/layouts/row-layout/RowLayout.module.css

@@ -0,0 +1,63 @@
+.headerRow {
+    &[data-selectable='true'] input[type='checkbox'] {
+        border-color: var(--mantine-color-gray-4);
+        pointer-events: auto;
+        cursor: default;
+    }
+
+    &[data-selectable='false'] input[type='checkbox'] {
+        background-color: var(--mantine-color-gray-2);
+        border-color: var(--mantine-color-gray-3);
+        pointer-events: none;
+        cursor: not-allowed;
+        & + svg {
+            color: var(--mantine-color-gray-5);
+        }
+    }
+}
+
+.row {
+    overflow-wrap: anywhere;
+    & td:first-of-type {
+        padding-left: 40px;
+    }
+    @mixin hover {
+        background-color: var(--mantine-color-gray-1);
+    }
+
+    &[data-selectable='false'] input[type='checkbox'] {
+        background-color: var(--mantine-color-gray-2);
+        border-color: var(--mantine-color-gray-3);
+        pointer-events: none;
+        cursor: not-allowed;
+        &:checked + svg {
+            color: var(--mantine-color-gray-5);
+        }
+    }
+    &[data-selected='true'] {
+        &[data-multi-selection='false'] {
+            background-color: var(--mantine-color-gray-1);
+        }
+        &[data-multi-selection='true'] {
+            background-color: transparent;
+        }
+    }
+
+    &[data-collapsible-cell='true'] {
+        text-align: right;
+        padding: calc(var(--mantine-spacing-xs) / 2) var(--mantine-spacing-sm) !important;
+    }
+}
+
+.cell {
+    vertical-align: middle;
+    /* We must use height instead of minHeight here, otherwise it doesn’t apply*/
+    height: 56px;
+    padding: var(--mantine-spacing-xs) var(--mantine-spacing-sm);
+    border-bottom: rem(1) solid var(--mantine-color-gray-3);
+}
+
+.collapsibleWrapper {
+    border-bottom: rem(1) solid var(--mantine-color-gray-3);
+    background-color: var(--mantine-color-gray-1);
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"RowLayoutBody.d.ts","sourceRoot":"","sources":["../../../../../../src/components/table/layouts/row-layout/RowLayoutBody.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAM,QAAQ,EAAY,OAAO,EAAW,MAAM,eAAe,CAAC;AACzE,OAAO,EAAC,sBAAsB,EAAC,MAAM,oDAAoD,CAAC;AAG1F,OAAO,EAAC,YAAY,EAA4B,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAC,0BAA0B,EAAW,MAAM,mBAAmB,CAAC;AAKvE,OAAO,EAAC,gBAAgB,EAAC,MAAM,iBAAiB,CAAC;AAGjD,MAAM,MAAM,wBAAwB,GAAG,KAAK,GAAG,MAAM,GAAG,gBAAgB,GAAG,oBAAoB,CAAC;AAEhG,MAAM,WAAW,kBAAkB,CAAC,CAAC,CACjC,SAAQ,QAAQ,EACZ,gBAAgB,CAAC,CAAC,CAAC,EACnB,sBAAsB,CAAC,oBAAoB,CAAC;CAAG;AAEvD,MAAM,MAAM,oBAAoB,GAAG,OAAO,CAAC;IACvC,KAAK,EAAE,kBAAkB,CAAC,OAAO,CAAC,CAAC;IACnC,GAAG,EAAE,mBAAmB,CAAC;IACzB,WAAW,EAAE,wBAAwB,CAAC;IACtC,QAAQ,EAAE,IAAI,CAAC;CAClB,CAAC,CAAC;AAIH,eAAO,MAAM,aAAa;;cAA8C,aAAa,mBAAmB,CAAC;;;eAR9F,mBAAmB,OAAO,CAAC;aAC7B,mBAAmB;qBACX,wBAAwB;kBAC3B,IAAI;;CA4GjB,CAAC"}