@coveord/plasma-mantine 53.1.4 → 54.0.0

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

@@ -4,29 +4,29 @@ import { flexRender } from '@tanstack/react-table';
 import { defaultColumnSizing } from '@tanstack/table-core';
 import { Fragment } from 'react';
 import { identity } from '../../../../utils';
+import { useTableContext } from '../../TableContext';
 import { TableCollapsibleColumn } from '../../table-column/TableCollapsibleColumn';
 import { TableSelectableColumn } from '../../table-column/TableSelectableColumn';
 import { TableLoading } from '../../table-loading/TableLoading';
-import { useTable } from '../../TableContext';
 import { useRowLayout } from './RowLayoutContext';
 const defaultProps = {};
 export const RowLayoutBody = (props)=>{
     const ctx = useRowLayout();
-    const { table, doubleClickAction, getExpandChildren, loading, keepSelection, classNames, className, styles, style, ...others } = useProps('RowLayoutBody', defaultProps, props);
-    const { multiRowSelectionEnabled, disableRowSelection } = useTable();
+    const { getRowExpandedContent, onRowDoubleClick, loading, classNames, className, styles, style, getRowAttributes, ...others } = useProps('RowLayoutBody', defaultProps, props);
+    const { table, store } = useTableContext();
     const toggleCollapsible = (el)=>{
         const cell = el.children[el.children.length - 1];
         cell.querySelector('button').click();
     };
     const rows = table.getRowModel()?.rows.map((row)=>{
-        const rowChildren = getExpandChildren?.(row.original) ?? null;
+        const rowChildren = getRowExpandedContent?.(row.original, row.index, row) ?? null;
         const isSelected = !!row.getIsSelected();
-        const shouldKeepSelection = keepSelection && isSelected;
+        const shouldKeepSelection = store.rowSelectionForced && isSelected;
         const onClick = (event)=>{
             if (rowChildren) {
                 toggleCollapsible(event.currentTarget);
             }
-            if (!disableRowSelection && !multiRowSelectionEnabled && !shouldKeepSelection) {
+            if (store.rowSelectionEnabled && !store.multiRowSelectionEnabled && !shouldKeepSelection) {
                 row.toggleSelected();
             }
         };
@@ -34,10 +34,12 @@ export const RowLayoutBody = (props)=>{
             children: [
                 /*#__PURE__*/ _jsx("tr", {
                     onClick: onClick,
-                    onDoubleClick: ()=>doubleClickAction?.(row.original),
-                    "data-selectable": !disableRowSelection,
+                    onDoubleClick: ()=>{
+                        onRowDoubleClick?.(row.original, row.index, row);
+                    },
+                    "data-selectable": store.rowSelectionEnabled,
                     "data-selected": isSelected,
-                    "data-multi-selection": multiRowSelectionEnabled,
+                    "data-multi-selection": store.multiRowSelectionEnabled,
                     "aria-selected": isSelected,
                     "data-testid": row.id,
                     ...ctx.getStyles('row', {
@@ -46,6 +48,7 @@ export const RowLayoutBody = (props)=>{
                         styles,
                         style
                     }),
+                    ...getRowAttributes?.(row.original, row.index, row) ?? {},
                     ...others,
                     children: row.getVisibleCells().map((cell)=>{
                         const columnSizing = {
@@ -55,9 +58,8 @@ export const RowLayoutBody = (props)=>{
                             maxSize: cell.column.columnDef.maxSize
                         };
                         const onCollapsibleCellClick = (event)=>{
-                            if (cell.column.id === TableSelectableColumn.id && !disableRowSelection) {
+                            if (cell.column.id === TableSelectableColumn.id && store.rowSelectionEnabled) {
                                 event.stopPropagation();
-                                row.getToggleSelectedHandler();
                             }
                         };
                         return /*#__PURE__*/ _jsx("td", {

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

@@ -1 +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":["Box","Collapse","useProps","flexRender","defaultColumnSizing","Fragment","identity","TableCollapsibleColumn","TableSelectableColumn","TableLoading","useTable","useRowLayout","defaultProps","RowLayoutBody","props","ctx","table","doubleClickAction","getExpandChildren","loading","keepSelection","classNames","className","styles","style","others","multiRowSelectionEnabled","disableRowSelection","toggleCollapsible","el","cell","children","length","querySelector","click","rows","getRowModel","map","row","rowChildren","original","isSelected","getIsSelected","shouldKeepSelection","onClick","event","currentTarget","toggleSelected","tr","onDoubleClick","data-selectable","data-selected","data-multi-selection","aria-selected","data-testid","id","getStyles","getVisibleCells","columnSizing","size","column","columnDef","minSize","maxSize","onCollapsibleCellClick","stopPropagation","getToggleSelectedHandler","td","width","minWidth","maxWidth","data-collapsible-cell","visible","getContext","colSpan","getAllColumns","padding","in","getIsExpanded","px","py","extend"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["../../../../../../src/components/table/layouts/row-layout/RowLayoutBody.tsx"],"sourcesContent":["import {Box, BoxProps, Collapse, CompoundStylesApiProps, Factory, useProps} from '@mantine/core';\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 {TableLayoutProps} from '../../Table.types';\nimport {useTableContext} from '../../TableContext';\nimport {TableCollapsibleColumn} from '../../table-column/TableCollapsibleColumn';\nimport {TableSelectableColumn} from '../../table-column/TableSelectableColumn';\nimport {TableLoading} from '../../table-loading/TableLoading';\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        getRowExpandedContent,\n        onRowDoubleClick,\n        loading,\n        classNames,\n        className,\n        styles,\n        style,\n        getRowAttributes,\n        ...others\n    } = useProps('RowLayoutBody', defaultProps as RowLayoutBodyProps<T>, props);\n    const {table, store} = useTableContext<T>();\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 = getRowExpandedContent?.(row.original, row.index, row) ?? null;\n        const isSelected = !!row.getIsSelected();\n        const shouldKeepSelection = store.rowSelectionForced && isSelected;\n        const onClick = (event: MouseEvent<HTMLTableRowElement>) => {\n            if (rowChildren) {\n                toggleCollapsible(event.currentTarget);\n            }\n            if (store.rowSelectionEnabled && !store.multiRowSelectionEnabled && !shouldKeepSelection) {\n                row.toggleSelected();\n            }\n        };\n\n        return (\n            <Fragment key={row.id}>\n                <tr\n                    onClick={onClick}\n                    onDoubleClick={() => {\n                        onRowDoubleClick?.(row.original, row.index, row);\n                    }}\n                    data-selectable={store.rowSelectionEnabled}\n                    data-selected={isSelected}\n                    data-multi-selection={store.multiRowSelectionEnabled}\n                    aria-selected={isSelected}\n                    data-testid={row.id}\n                    {...ctx.getStyles('row', {classNames, className, styles, style})}\n                    {...(getRowAttributes?.(row.original, row.index, row) ?? {})}\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 && store.rowSelectionEnabled) {\n                                event.stopPropagation();\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":["Box","Collapse","useProps","flexRender","defaultColumnSizing","Fragment","identity","useTableContext","TableCollapsibleColumn","TableSelectableColumn","TableLoading","useRowLayout","defaultProps","RowLayoutBody","props","ctx","getRowExpandedContent","onRowDoubleClick","loading","classNames","className","styles","style","getRowAttributes","others","table","store","toggleCollapsible","el","cell","children","length","querySelector","click","rows","getRowModel","map","row","rowChildren","original","index","isSelected","getIsSelected","shouldKeepSelection","rowSelectionForced","onClick","event","currentTarget","rowSelectionEnabled","multiRowSelectionEnabled","toggleSelected","tr","onDoubleClick","data-selectable","data-selected","data-multi-selection","aria-selected","data-testid","id","getStyles","getVisibleCells","columnSizing","size","column","columnDef","minSize","maxSize","onCollapsibleCellClick","stopPropagation","td","width","minWidth","maxWidth","data-collapsible-cell","visible","getContext","colSpan","getAllColumns","padding","in","getIsExpanded","px","py","extend"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

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

@@ -1,8 +1,7 @@
-import { BoxProps } from '@mantine/core';
-import { CompoundStylesApiProps } from '@mantine/core/lib/core/styles-api/styles-api.types';
+import { BoxProps, CompoundStylesApiProps } from '@mantine/core';
 import { ForwardedRef } from 'react';
 import { CustomComponentThemeExtend } from '../../../../utils';
-import { type TableLayoutProps } from '../TableLayouts';
+import { TableLayoutProps } from '../../Table.types';
 import { RowLayoutBodyFactory } from './RowLayoutBody';
 export type RowLayoutHeaderStyleNames = 'headerRow';
 export interface RowLayoutHeaderProps<T> extends BoxProps, TableLayoutProps<T>, CompoundStylesApiProps<RowLayoutBodyFactory> {

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

@@ -1 +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"}
+{"version":3,"file":"RowLayoutHeader.d.ts","sourceRoot":"","sources":["../../../../../../src/components/table/layouts/row-layout/RowLayoutHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAE,sBAAsB,EAAoB,MAAM,eAAe,CAAC;AAClF,OAAO,EAAC,YAAY,EAAC,MAAM,OAAO,CAAC;AACnC,OAAO,EAAC,0BAA0B,EAAW,MAAM,mBAAmB,CAAC;AACvE,OAAO,EAAC,gBAAgB,EAAC,MAAM,mBAAmB,CAAC;AAGnD,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;;CAmCjB,CAAC"}

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

@@ -1,17 +1,17 @@
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { useProps } from '@mantine/core';
 import { identity } from '../../../../utils';
+import { useTableContext } from '../../TableContext';
 import { Th } from '../../table-header/Th';
-import { useTable } from '../../TableContext';
 import { useRowLayout } from './RowLayoutContext';
 const defaultProps = {};
 export const RowLayoutHeader = (props)=>{
     const ctx = useRowLayout();
-    const { table, getExpandChildren, loading, doubleClickAction, className, style, classNames, styles, ...others } = useProps('RowLayoutHeader', defaultProps, props);
-    const { multiRowSelectionEnabled, disableRowSelection } = useTable();
+    const { getRowExpandedContent: _getRowExpandedContent, getRowActions: _getRowActions, loading: _loading, getRowAttributes: _getRowAttributes, onRowDoubleClick: _onRowDoubleClick, className, style, classNames, styles, ...others } = useProps('RowLayoutHeader', defaultProps, props);
+    const { table, store } = useTableContext();
     const headers = table.getHeaderGroups().map((headerGroup)=>/*#__PURE__*/ _jsx("tr", {
-            "data-selectable": !disableRowSelection,
-            "data-multi-selection": multiRowSelectionEnabled,
+            "data-selectable": store.rowSelectionEnabled,
+            "data-multi-selection": store.multiRowSelectionEnabled,
             ...ctx.getStyles('headerRow', {
                 className,
                 classNames,

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

@@ -1 +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":["useProps","identity","Th","useTable","useRowLayout","defaultProps","RowLayoutHeader","props","ctx","table","getExpandChildren","loading","doubleClickAction","className","style","classNames","styles","others","multiRowSelectionEnabled","disableRowSelection","headers","getHeaderGroups","map","headerGroup","tr","data-selectable","data-multi-selection","getStyles","columnHeader","header","id","extend"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,SAA2BA,QAAQ,QAAO,gBAAgB;AAG1D,SAAoCC,QAAQ,QAAO,oBAAoB;AACvE,SAAQC,EAAE,QAAO,wBAAwB;AACzC,SAAQC,QAAQ,QAAO,qBAAqB;AAG5C,SAAQC,YAAY,QAAO,qBAAqB;AAgBhD,MAAMC,eAAuD,CAAC;AAE9D,OAAO,MAAMC,kBAAkB,CAAKC;IAChC,MAAMC,MAAMJ;IACZ,MAAM,EAACK,KAAK,EAAEC,iBAAiB,EAAEC,OAAO,EAAEC,iBAAiB,EAAEC,SAAS,EAAEC,KAAK,EAAEC,UAAU,EAAEC,MAAM,EAAE,GAAGC,QAAO,GACzGjB,SAAS,mBAAmBK,cAAyCE;IACzE,MAAM,EAACW,wBAAwB,EAAEC,mBAAmB,EAAC,GAAGhB;IAExD,MAAMiB,UAAUX,MAAMY,eAAe,GAAGC,GAAG,CAAC,CAACC,4BACzC,KAACC;YAEGC,mBAAiB,CAACN;YAClBO,wBAAsBR;YACrB,GAAGV,IAAImB,SAAS,CAAC,aAAa;gBAACd;gBAAWE;gBAAYC;gBAAQF;YAAK,EAAE;YACrE,GAAGG,MAAM;sBAETM,YAAYH,OAAO,CAACE,GAAG,CAAC,CAACM,6BACtB,KAAC1B;oBAAyB2B,QAAQD;mBAAzBA,aAAaE,EAAE;WAPvBP,YAAYO,EAAE;IAW3B,qBAAO;kBAAGV;;AACd,EAAE;AACFd,gBAAgByB,MAAM,GAAG9B"}
+{"version":3,"sources":["../../../../../../src/components/table/layouts/row-layout/RowLayoutHeader.tsx"],"sourcesContent":["import {BoxProps, CompoundStylesApiProps, Factory, useProps} from '@mantine/core';\nimport {ForwardedRef} from 'react';\nimport {CustomComponentThemeExtend, identity} from '../../../../utils';\nimport {TableLayoutProps} from '../../Table.types';\nimport {useTableContext} from '../../TableContext';\nimport {Th} from '../../table-header/Th';\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 {\n        getRowExpandedContent: _getRowExpandedContent,\n        getRowActions: _getRowActions,\n        loading: _loading,\n        getRowAttributes: _getRowAttributes,\n        onRowDoubleClick: _onRowDoubleClick,\n        className,\n        style,\n        classNames,\n        styles,\n        ...others\n    } = useProps('RowLayoutHeader', defaultProps as RowLayoutHeaderProps<T>, props);\n    const {table, store} = useTableContext<T>();\n\n    const headers = table.getHeaderGroups().map((headerGroup) => (\n        <tr\n            key={headerGroup.id}\n            data-selectable={store.rowSelectionEnabled}\n            data-multi-selection={store.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":["useProps","identity","useTableContext","Th","useRowLayout","defaultProps","RowLayoutHeader","props","ctx","getRowExpandedContent","_getRowExpandedContent","getRowActions","_getRowActions","loading","_loading","getRowAttributes","_getRowAttributes","onRowDoubleClick","_onRowDoubleClick","className","style","classNames","styles","others","table","store","headers","getHeaderGroups","map","headerGroup","tr","data-selectable","rowSelectionEnabled","data-multi-selection","multiRowSelectionEnabled","getStyles","columnHeader","header","id","extend"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,SAAmDA,QAAQ,QAAO,gBAAgB;AAElF,SAAoCC,QAAQ,QAAO,oBAAoB;AAEvE,SAAQC,eAAe,QAAO,qBAAqB;AACnD,SAAQC,EAAE,QAAO,wBAAwB;AAEzC,SAAQC,YAAY,QAAO,qBAAqB;AAgBhD,MAAMC,eAAuD,CAAC;AAE9D,OAAO,MAAMC,kBAAkB,CAAKC;IAChC,MAAMC,MAAMJ;IACZ,MAAM,EACFK,uBAAuBC,sBAAsB,EAC7CC,eAAeC,cAAc,EAC7BC,SAASC,QAAQ,EACjBC,kBAAkBC,iBAAiB,EACnCC,kBAAkBC,iBAAiB,EACnCC,SAAS,EACTC,KAAK,EACLC,UAAU,EACVC,MAAM,EACN,GAAGC,QACN,GAAGvB,SAAS,mBAAmBK,cAAyCE;IACzE,MAAM,EAACiB,KAAK,EAAEC,KAAK,EAAC,GAAGvB;IAEvB,MAAMwB,UAAUF,MAAMG,eAAe,GAAGC,GAAG,CAAC,CAACC,4BACzC,KAACC;YAEGC,mBAAiBN,MAAMO,mBAAmB;YAC1CC,wBAAsBR,MAAMS,wBAAwB;YACnD,GAAG1B,IAAI2B,SAAS,CAAC,aAAa;gBAAChB;gBAAWE;gBAAYC;gBAAQF;YAAK,EAAE;YACrE,GAAGG,MAAM;sBAETM,YAAYH,OAAO,CAACE,GAAG,CAAC,CAACQ,6BACtB,KAACjC;oBAAyBkC,QAAQD;mBAAzBA,aAAaE,EAAE;WAPvBT,YAAYS,EAAE;IAW3B,qBAAO;kBAAGZ;;AACd,EAAE;AACFpB,gBAAgBiC,MAAM,GAAGtC"}

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

@@ -1,20 +1,16 @@
 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';
+import { CompoundStylesApiProps, Factory } from '@mantine/core';
 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/esm/components/table/layouts/row-layout/RowLayoutIcon.d.ts.map

@@ -1 +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"}
+{"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,EAAC,sBAAsB,EAAE,OAAO,EAAoB,MAAM,eAAe,CAAC;AAEjF,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,QAAQ,EAAE,IAAI,CAAC;CAClB,CAAC,CAAC;AAMH,eAAO,MAAM,aAAa;WATf,kBAAkB;SACpB,aAAa;cACR,IAAI;EAWhB,CAAC"}

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

@@ -1,19 +1,13 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { ListSize16Px } from '@coveord/plasma-react-icons';
 import { factory, useProps } from '@mantine/core';
-import { useRowLayout } from './RowLayoutContext';
 const defaultProps = {
     icon: ListSize16Px
 };
 export const RowLayoutIcon = factory((props, ref)=>{
-    const ctx = useRowLayout();
-    const { icon: Icon, classNames, styles } = useProps('RowLayoutIcon', defaultProps, props);
+    const { icon: Icon } = useProps('RowLayoutIcon', defaultProps, props);
     return /*#__PURE__*/ _jsx(Icon, {
-        ref: ref,
-        ...ctx.getStyles('icon', {
-            styles,
-            classNames
-        })
+        ref: ref
     });
 });
 

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

@@ -1 +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":["ListSize16Px","factory","useProps","useRowLayout","defaultProps","icon","RowLayoutIcon","props","ref","ctx","Icon","classNames","styles","getStyles"],"rangeMappings":";;;;;;;;;;;;;;;;;","mappings":";AAAA,SAA0BA,YAAY,QAAO,8BAA8B;AAC3E,SAAQC,OAAO,EAAWC,QAAQ,QAAO,gBAAgB;AAEzD,SAAQC,YAAY,QAAO,qBAAqB;AAchD,MAAMC,eAA4C;IAC9CC,MAAML;AACV;AAEA,OAAO,MAAMM,gBAAgBL,QAA8B,CAACM,OAAOC;IAC/D,MAAMC,MAAMN;IACZ,MAAM,EAACE,MAAMK,IAAI,EAAEC,UAAU,EAAEC,MAAM,EAAC,GAAGV,SAAS,iBAAiBE,cAAcG;IAEjF,qBAAO,KAACG;QAAKF,KAAKA;QAAM,GAAGC,IAAII,SAAS,CAAC,QAAQ;YAACD;YAAQD;QAAU,EAAE;;AAC1E,GAAG"}
+{"version":3,"sources":["../../../../../../src/components/table/layouts/row-layout/RowLayoutIcon.tsx"],"sourcesContent":["import {Icon as IconType, ListSize16Px} from '@coveord/plasma-react-icons';\nimport {CompoundStylesApiProps, Factory, factory, useProps} from '@mantine/core';\n\nexport interface RowLayoutIconProps extends CompoundStylesApiProps<RowLayoutIconFactory> {\n    icon: IconType;\n}\n\nexport type RowLayoutIconFactory = Factory<{\n    props: RowLayoutIconProps;\n    ref: SVGSVGElement;\n    compound: true;\n}>;\n\nconst defaultProps: Partial<RowLayoutIconProps> = {\n    icon: ListSize16Px,\n};\n\nexport const RowLayoutIcon = factory<RowLayoutIconFactory>((props, ref) => {\n    const {icon: Icon} = useProps('RowLayoutIcon', defaultProps, props);\n\n    return <Icon ref={ref} />;\n});\n"],"names":["ListSize16Px","factory","useProps","defaultProps","icon","RowLayoutIcon","props","ref","Icon"],"rangeMappings":";;;;;;;;;;;","mappings":";AAAA,SAA0BA,YAAY,QAAO,8BAA8B;AAC3E,SAAyCC,OAAO,EAAEC,QAAQ,QAAO,gBAAgB;AAYjF,MAAMC,eAA4C;IAC9CC,MAAMJ;AACV;AAEA,OAAO,MAAMK,gBAAgBJ,QAA8B,CAACK,OAAOC;IAC/D,MAAM,EAACH,MAAMI,IAAI,EAAC,GAAGN,SAAS,iBAAiBC,cAAcG;IAE7D,qBAAO,KAACE;QAAKD,KAAKA;;AACtB,GAAG"}

package/dist/esm/components/table/table-actions/TableActionContext.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export interface TableActionContextValue {
+    primary: boolean;
+}
+export declare const TableActionProvider: ({ children, value }: {
+    value: TableActionContextValue;
+    children: import("react").ReactNode;
+}) => import("react").JSX.Element, useTableActionContext: () => TableActionContextValue;
+//# sourceMappingURL=TableActionContext.d.ts.map

package/dist/esm/components/table/table-actions/TableActionContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableActionContext.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-actions/TableActionContext.ts"],"names":[],"mappings":";AAEA,MAAM,WAAW,uBAAuB;IACpC,OAAO,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAO,mBAAmB;;;mCAAE,qBAAqB,+BAEvD,CAAC"}

package/dist/esm/components/table/table-actions/TableActionContext.js

@@ -0,0 +1,4 @@
+import { createSafeContext } from '@mantine/core';
+export const [TableActionProvider, useTableActionContext] = createSafeContext('TableActionProvider component was not found in the tree');
+
+//# sourceMappingURL=TableActionContext.js.map

package/dist/esm/components/table/table-actions/TableActionContext.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/table/table-actions/TableActionContext.ts"],"sourcesContent":["import {createSafeContext} from '@mantine/core';\n\nexport interface TableActionContextValue {\n    primary: boolean;\n}\n\nexport const [TableActionProvider, useTableActionContext] = createSafeContext<TableActionContextValue>(\n    'TableActionProvider component was not found in the tree',\n);\n"],"names":["createSafeContext","TableActionProvider","useTableActionContext"],"rangeMappings":";","mappings":"AAAA,SAAQA,iBAAiB,QAAO,gBAAgB;AAMhD,OAAO,MAAM,CAACC,qBAAqBC,sBAAsB,GAAGF,kBACxD,2DACF"}

package/dist/esm/components/table/table-actions/TableActionItem.d.ts

@@ -0,0 +1,44 @@
+import { CompoundStylesApiProps, MenuItemProps, PolymorphicFactory } from '@mantine/core';
+import { ReactNode } from 'react';
+import { ButtonProps } from '../../button';
+export type TableActionItemStylesNames = 'actionItemRoot';
+export interface TableActionItemProps extends Omit<ButtonProps, 'classNames' | 'styles' | 'vars' | 'variant' | 'leftSection' | 'rightSection'>, Omit<MenuItemProps, 'classNames' | 'styles' | 'vars' | 'variant' | 'leftSection' | 'disabled'>, CompoundStylesApiProps<TableActionItemFactory> {
+    /**
+     * Action label
+     */
+    children: ReactNode;
+    /**
+     * Content to put on the left of the label
+     */
+    leftSection?: ReactNode;
+}
+type TableActionItemFactory = PolymorphicFactory<{
+    props: TableActionItemProps;
+    defaultRef: HTMLButtonElement;
+    defaultComponent: 'button';
+    stylesNames: TableActionItemStylesNames;
+    compound: true;
+}>;
+export declare const TableActionItem: (<C = "button">(props: import("@mantine/core").PolymorphicComponentProps<C, TableActionItemProps>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & Omit<import("react").FunctionComponent<(TableActionItemProps & {
+    component?: any;
+} & Omit<Omit<any, "ref">, "component" | keyof TableActionItemProps> & {
+    ref?: any;
+    renderRoot?: (props: any) => any;
+}) | (TableActionItemProps & {
+    component: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>;
+    renderRoot?: (props: Record<string, any>) => any;
+})>, never> & import("@mantine/core/lib/core/factory/factory").ThemeExtend<{
+    props: TableActionItemProps;
+    defaultRef: HTMLButtonElement;
+    defaultComponent: 'button';
+    stylesNames: TableActionItemStylesNames;
+    compound: true;
+}> & import("@mantine/core/lib/core/factory/factory").ComponentClasses<{
+    props: TableActionItemProps;
+    defaultRef: HTMLButtonElement;
+    defaultComponent: 'button';
+    stylesNames: TableActionItemStylesNames;
+    compound: true;
+}>;
+export {};
+//# sourceMappingURL=TableActionItem.d.ts.map

package/dist/esm/components/table/table-actions/TableActionItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableActionItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-actions/TableActionItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,sBAAsB,EAEtB,aAAa,EACb,kBAAkB,EAGrB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAChC,OAAO,EAAS,WAAW,EAAC,MAAM,cAAc,CAAC;AAIjD,MAAM,MAAM,0BAA0B,GAAG,gBAAgB,CAAC;AAE1D,MAAM,WAAW,oBACb,SAAQ,IAAI,CAAC,WAAW,EAAE,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,aAAa,GAAG,cAAc,CAAC,EACpG,IAAI,CAAC,aAAa,EAAE,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,aAAa,GAAG,UAAU,CAAC,EAC9F,sBAAsB,CAAC,sBAAsB,CAAC;IAClD;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;CAC3B;AAED,KAAK,sBAAsB,GAAG,kBAAkB,CAAC;IAC7C,KAAK,EAAE,oBAAoB,CAAC;IAC5B,UAAU,EAAE,iBAAiB,CAAC;IAC9B,gBAAgB,EAAE,QAAQ,CAAC;IAC3B,WAAW,EAAE,0BAA0B,CAAC;IACxC,QAAQ,EAAE,IAAI,CAAC;CAClB,CAAC,CAAC;AAIH,eAAO,MAAM,eAAe;;;;;;;;;WATjB,oBAAoB;gBACf,iBAAiB;sBACX,QAAQ;iBACb,0BAA0B;cAC7B,IAAI;;WAJP,oBAAoB;gBACf,iBAAiB;sBACX,QAAQ;iBACb,0BAA0B;cAC7B,IAAI;EA6CjB,CAAC"}

package/dist/esm/components/table/table-actions/TableActionItem.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Menu, polymorphicFactory, useProps } from '@mantine/core';
+import { Button } from '../../button';
+import { useTableContext } from '../TableContext';
+import { useTableActionContext } from './TableActionContext';
+const defaultProps = {};
+export const TableActionItem = polymorphicFactory((props, ref)=>{
+    const { getStyles } = useTableContext();
+    const { primary } = useTableActionContext();
+    const { classNames, className, style, styles, vars: _vars, children, component, ...others } = useProps('PlasmaTableActionItem', defaultProps, props);
+    if (primary) {
+        return /*#__PURE__*/ _jsx(Button, {
+            component: component,
+            ref: ref,
+            variant: "subtle",
+            ...others,
+            ...getStyles('actionItemRoot', {
+                className,
+                style,
+                classNames,
+                styles
+            }),
+            children: children
+        });
+    }
+    return /*#__PURE__*/ _jsx(Menu.Item, {
+        component: component,
+        ref: ref,
+        ...others,
+        ...getStyles('actionItemRoot', {
+            className,
+            style,
+            classNames,
+            styles
+        }),
+        children: children
+    });
+});
+
+//# sourceMappingURL=TableActionItem.js.map

package/dist/esm/components/table/table-actions/TableActionItem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/table/table-actions/TableActionItem.tsx"],"sourcesContent":["import {\n    CompoundStylesApiProps,\n    Menu,\n    MenuItemProps,\n    PolymorphicFactory,\n    polymorphicFactory,\n    useProps,\n} from '@mantine/core';\nimport {ReactNode} from 'react';\nimport {Button, ButtonProps} from '../../button';\nimport {useTableContext} from '../TableContext';\nimport {useTableActionContext} from './TableActionContext';\n\nexport type TableActionItemStylesNames = 'actionItemRoot';\n\nexport interface TableActionItemProps\n    extends Omit<ButtonProps, 'classNames' | 'styles' | 'vars' | 'variant' | 'leftSection' | 'rightSection'>,\n        Omit<MenuItemProps, 'classNames' | 'styles' | 'vars' | 'variant' | 'leftSection' | 'disabled'>,\n        CompoundStylesApiProps<TableActionItemFactory> {\n    /**\n     * Action label\n     */\n    children: ReactNode;\n    /**\n     * Content to put on the left of the label\n     */\n    leftSection?: ReactNode;\n}\n\ntype TableActionItemFactory = PolymorphicFactory<{\n    props: TableActionItemProps;\n    defaultRef: HTMLButtonElement;\n    defaultComponent: 'button';\n    stylesNames: TableActionItemStylesNames;\n    compound: true;\n}>;\n\nconst defaultProps: Partial<TableActionItemProps> = {};\n\nexport const TableActionItem = polymorphicFactory<TableActionItemFactory>(\n    (props: TableActionItemProps & {component?: any}, ref) => {\n        const {getStyles} = useTableContext();\n        const {primary} = useTableActionContext();\n        const {\n            classNames,\n            className,\n            style,\n            styles,\n            vars: _vars,\n            children,\n            component,\n            ...others\n        } = useProps('PlasmaTableActionItem', defaultProps, props);\n\n        if (primary) {\n            return (\n                <Button\n                    component={component}\n                    ref={ref}\n                    variant=\"subtle\"\n                    {...others}\n                    {...getStyles('actionItemRoot', {className, style, classNames, styles})}\n                >\n                    {children}\n                </Button>\n            );\n        }\n\n        return (\n            <Menu.Item\n                component={component}\n                ref={ref}\n                {...others}\n                {...getStyles('actionItemRoot', {className, style, classNames, styles})}\n            >\n                {children}\n            </Menu.Item>\n        );\n    },\n);\n"],"names":["Menu","polymorphicFactory","useProps","Button","useTableContext","useTableActionContext","defaultProps","TableActionItem","props","ref","getStyles","primary","classNames","className","style","styles","vars","_vars","children","component","others","variant","Item"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,SAEIA,IAAI,EAGJC,kBAAkB,EAClBC,QAAQ,QACL,gBAAgB;AAEvB,SAAQC,MAAM,QAAoB,eAAe;AACjD,SAAQC,eAAe,QAAO,kBAAkB;AAChD,SAAQC,qBAAqB,QAAO,uBAAuB;AA0B3D,MAAMC,eAA8C,CAAC;AAErD,OAAO,MAAMC,kBAAkBN,mBAC3B,CAACO,OAAiDC;IAC9C,MAAM,EAACC,SAAS,EAAC,GAAGN;IACpB,MAAM,EAACO,OAAO,EAAC,GAAGN;IAClB,MAAM,EACFO,UAAU,EACVC,SAAS,EACTC,KAAK,EACLC,MAAM,EACNC,MAAMC,KAAK,EACXC,QAAQ,EACRC,SAAS,EACT,GAAGC,QACN,GAAGlB,SAAS,yBAAyBI,cAAcE;IAEpD,IAAIG,SAAS;QACT,qBACI,KAACR;YACGgB,WAAWA;YACXV,KAAKA;YACLY,SAAQ;YACP,GAAGD,MAAM;YACT,GAAGV,UAAU,kBAAkB;gBAACG;gBAAWC;gBAAOF;gBAAYG;YAAM,EAAE;sBAEtEG;;IAGb;IAEA,qBACI,KAAClB,KAAKsB,IAAI;QACNH,WAAWA;QACXV,KAAKA;QACJ,GAAGW,MAAM;QACT,GAAGV,UAAU,kBAAkB;YAACG;YAAWC;YAAOF;YAAYG;QAAM,EAAE;kBAEtEG;;AAGb,GACF"}

package/dist/esm/components/table/table-actions/TableActionsList.d.ts

@@ -0,0 +1,37 @@
+import { CompoundStylesApiProps, ExtendComponent, Factory, MenuProps } from '@mantine/core';
+import { ReactNode } from 'react';
+import { TableAction } from '../Table.types';
+export type TableActionsListStylesNames = 'actionsTarget' | 'actionsDropdown' | 'actionsTooltip' | 'actionsGroup' | 'actionsGroupLabel' | 'actionsGroupDivider' | 'actionsGroupItems';
+export interface TableActionsListProps extends Omit<MenuProps, 'classNames' | 'styles' | 'vars' | 'variant'>, CompoundStylesApiProps<TableActionsListFactory> {
+    actions: TableAction[];
+    /**
+     * Label for the more menu
+     * @default 'More' when variant is 'split', 'Actions' when variant is 'combined'
+     */
+    label?: string;
+    /**
+     * Label for the primary actions group when variant is 'combined'
+     * @default ''
+     */
+    primaryGroupLabel?: string;
+    icon?: ReactNode;
+}
+type TableActionsListFactory = Factory<{
+    props: TableActionsListProps;
+    ref: HTMLDivElement;
+    stylesNames: TableActionsListStylesNames;
+    compound: true;
+    variant: 'split' | 'combined';
+}>;
+export declare const TableActionsList: {
+    (props: TableActionsListProps): import("react/jsx-runtime").JSX.Element;
+    extend(input: ExtendComponent<TableActionsListFactory>): import("@mantine/core/lib/core/factory/factory").ExtendCompoundComponent<{
+        props: TableActionsListProps;
+        ref: HTMLDivElement;
+        stylesNames: TableActionsListStylesNames;
+        compound: true;
+        variant: 'split' | 'combined';
+    }>;
+};
+export {};
+//# sourceMappingURL=TableActionsList.d.ts.map

package/dist/esm/components/table/table-actions/TableActionsList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableActionsList.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-actions/TableActionsList.tsx"],"names":[],"mappings":"AACA,OAAO,EAKH,sBAAsB,EACtB,eAAe,EACf,OAAO,EAEP,SAAS,EAGZ,MAAM,eAAe,CAAC;AACvB,OAAO,EAAoB,SAAS,EAAW,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAI3C,MAAM,MAAM,2BAA2B,GACjC,eAAe,GACf,iBAAiB,GACjB,gBAAgB,GAChB,cAAc,GACd,mBAAmB,GACnB,qBAAqB,GACrB,mBAAmB,CAAC;AAE1B,MAAM,WAAW,qBACb,SAAQ,IAAI,CAAC,SAAS,EAAE,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC,EACjE,sBAAsB,CAAC,uBAAuB,CAAC;IACnD,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,IAAI,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,KAAK,uBAAuB,GAAG,OAAO,CAAC;IACnC,KAAK,EAAE,qBAAqB,CAAC;IAC7B,GAAG,EAAE,cAAc,CAAC;IACpB,WAAW,EAAE,2BAA2B,CAAC;IACzC,QAAQ,EAAE,IAAI,CAAC;IACf,OAAO,EAAE,OAAO,GAAG,UAAU,CAAC;CACjC,CAAC,CAAC;AAmBH,eAAO,MAAM,gBAAgB;YAAW,qBAAqB;kBAyI3B,gBAAgB,uBAAuB,CAAC;eAjK/D,qBAAqB;aACvB,cAAc;qBACN,2BAA2B;kBAC9B,IAAI;iBACL,OAAO,GAAG,UAAU;;CAsIhC,CAAC"}

package/dist/esm/components/table/table-actions/TableActionsList.js

@@ -0,0 +1,187 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { MoreSize16Px } from '@coveord/plasma-react-icons';
+import { ActionIcon, Box, Button, Menu, Tooltip, useProps } from '@mantine/core';
+import { useState } from 'react';
+import { InlineConfirm } from '../../inline-confirm';
+import { useTableContext } from '../TableContext';
+import { TableActionProvider } from './TableActionContext';
+const defaultProps = {
+    label: 'More',
+    primaryGroupLabel: '',
+    icon: /*#__PURE__*/ _jsx(MoreSize16Px, {
+        height: 16
+    })
+};
+export const TableActionsList = (props)=>{
+    const { getStyles } = useTableContext();
+    const { actions, icon, label, primaryGroupLabel, classNames, styles, vars: _vars, variant, ...others } = useProps('PlasmaTableActionsListColumn', defaultProps, props);
+    const [opened, setOpened] = useState(false);
+    const onClick = (e)=>{
+        e.preventDefault();
+        e.stopPropagation();
+        setOpened((prevState)=>!prevState);
+    };
+    const onChange = (newOpened)=>{
+        if (!newOpened) {
+            setOpened(false);
+        }
+    };
+    const actionsGroups = actions.reduce((acc, action)=>{
+        if (action.group === '$$primary') {
+            acc.$$primary.push(action);
+        } else if (action.group === '$$confirmPrompt') {
+            acc.$$confirmPrompt.push(action);
+        } else {
+            if (acc.secondary[action.group]) {
+                acc.secondary[action.group].push(action.component);
+            } else {
+                acc.secondary[action.group] = [
+                    action.component
+                ];
+            }
+        }
+        return acc;
+    }, {
+        $$primary: [],
+        $$confirmPrompt: [],
+        secondary: {}
+    });
+    const primaryActions = actionsGroups.$$primary.map((action)=>action.component);
+    const confirmPrompts = actionsGroups.$$confirmPrompt.map((confirmPromptAction)=>confirmPromptAction.component);
+    const secondaryActionGroups = Object.entries(actionsGroups.secondary).map(([group, groupActions])=>({
+            name: group,
+            actions: groupActions
+        }));
+    if (variant === 'split') {
+        return /*#__PURE__*/ _jsxs(InlineConfirm, {
+            children: [
+                confirmPrompts,
+                /*#__PURE__*/ _jsx(TableActionProvider, {
+                    value: {
+                        primary: true
+                    },
+                    children: primaryActions
+                }),
+                secondaryActionGroups.length > 0 ? /*#__PURE__*/ _jsx(TableActionProvider, {
+                    value: {
+                        primary: false
+                    },
+                    children: /*#__PURE__*/ _jsxs(Menu, {
+                        withinPortal: false,
+                        ...others,
+                        children: [
+                            /*#__PURE__*/ _jsx(Menu.Target, {
+                                children: /*#__PURE__*/ _jsx(Button, {
+                                    ...getStyles('actionsTarget', {
+                                        styles,
+                                        classNames
+                                    }),
+                                    variant: "subtle",
+                                    leftSection: icon,
+                                    children: label
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx(Menu.Dropdown, {
+                                ...getStyles('actionsDropdown', {
+                                    styles,
+                                    classNames
+                                }),
+                                children: /*#__PURE__*/ _jsx(ActionsGroupsMenuItems, {
+                                    classNames: classNames,
+                                    styles: styles,
+                                    actionGroups: secondaryActionGroups
+                                })
+                            })
+                        ]
+                    })
+                }) : null
+            ]
+        });
+    }
+    return /*#__PURE__*/ _jsxs(InlineConfirm, {
+        children: [
+            confirmPrompts,
+            /*#__PURE__*/ _jsx(TableActionProvider, {
+                value: {
+                    primary: false
+                },
+                children: /*#__PURE__*/ _jsxs(Menu, {
+                    opened: opened,
+                    onChange: onChange,
+                    ...others,
+                    children: [
+                        /*#__PURE__*/ _jsx(Menu.Target, {
+                            children: /*#__PURE__*/ _jsx(Tooltip, {
+                                label: label,
+                                ...getStyles('actionsTooltip', {
+                                    styles,
+                                    classNames
+                                }),
+                                children: /*#__PURE__*/ _jsx(ActionIcon, {
+                                    onClick: onClick,
+                                    variant: "subtle",
+                                    ...getStyles('actionsTarget', {
+                                        styles,
+                                        classNames
+                                    }),
+                                    children: icon
+                                })
+                            })
+                        }),
+                        /*#__PURE__*/ _jsx(Menu.Dropdown, {
+                            ...getStyles('actionsDropdown', {
+                                styles,
+                                classNames
+                            }),
+                            children: /*#__PURE__*/ _jsx(ActionsGroupsMenuItems, {
+                                classNames: classNames,
+                                styles: styles,
+                                actionGroups: primaryActions.length > 0 ? [
+                                    {
+                                        name: primaryGroupLabel,
+                                        actions: primaryActions
+                                    },
+                                    ...secondaryActionGroups
+                                ] : secondaryActionGroups
+                            })
+                        })
+                    ]
+                })
+            })
+        ]
+    });
+};
+const ActionsGroupsMenuItems = ({ styles, classNames, actionGroups })=>{
+    const { getStyles } = useTableContext();
+    return actionGroups.map(({ name, actions }, index)=>/*#__PURE__*/ _jsxs(Box, {
+            ...getStyles('actionsGroup', {
+                styles,
+                classNames
+            }),
+            children: [
+                actionGroups.length > 1 ? /*#__PURE__*/ _jsx(Menu.Label, {
+                    ...getStyles('actionsGroupLabel', {
+                        styles,
+                        classNames
+                    }),
+                    children: name
+                }) : null,
+                /*#__PURE__*/ _jsx(Box, {
+                    ...getStyles('actionsGroupItems', {
+                        styles,
+                        classNames
+                    }),
+                    children: actions
+                }),
+                index < actionGroups.length - 1 ? /*#__PURE__*/ _jsx(Menu.Divider, {
+                    ...getStyles('actionsGroupDivider', {
+                        styles,
+                        classNames
+                    })
+                }) : null
+            ]
+        }, name));
+};
+TableActionsList.extend = (input)=>input;
+
+//# sourceMappingURL=TableActionsList.js.map