@coveord/plasma-mantine 59.8.0 → 60.0.0

package/dist/components/Table/layouts/row-layout/RowLayoutBody.js

@@ -0,0 +1,60 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Collapse, useProps } from '@mantine/core';
+import { flexRender } from '@tanstack/react-table';
+import { defaultColumnSizing } from '@tanstack/table-core';
+import { Fragment } from 'react';
+import { identity } from '../../../../utils/createFactoryComponent.js';
+import { useTableContext } from '../../TableContext.js';
+import { TableCollapsibleColumn } from '../../table-column/TableCollapsibleColumn.js';
+import { TableSelectableColumn } from '../../table-column/TableSelectableColumn.js';
+import { TableLoading } from '../../table-loading/TableLoading.js';
+import { useRowLayout } from './RowLayoutContext.js';
+const defaultProps = {};
+export const RowLayoutBody = (props) => {
+    const ctx = useRowLayout();
+    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 = getRowExpandedContent?.(row.original, row.index, row) ?? null;
+        const isSelected = !!row.getIsSelected();
+        const shouldKeepSelection = store.rowSelectionForced && isSelected;
+        const onClick = (event) => {
+            if (rowChildren) {
+                toggleCollapsible(event.currentTarget);
+            }
+            if (store.rowSelectionEnabled && !store.multiRowSelectionEnabled && !shouldKeepSelection) {
+                row.toggleSelected();
+            }
+        };
+        return (_jsxs(Fragment, { children: [_jsx("tr", { onClick: onClick, onDoubleClick: () => {
+                        onRowDoubleClick?.(row.original, row.index, row);
+                    }, "data-selectable": store.rowSelectionEnabled, "data-selected": isSelected, "data-multi-selection": store.multiRowSelectionEnabled, "aria-selected": isSelected, "data-testid": row.id, ...ctx.getStyles('row', { classNames, className, styles, style }), ...(getRowAttributes?.(row.original, row.index, row) ?? {}), ...others, children: row.getVisibleCells().map((cell) => {
+                        const columnSizing = {
+                            ...defaultColumnSizing,
+                            size: cell.column.columnDef.size,
+                            minSize: cell.column.columnDef.minSize,
+                            maxSize: cell.column.columnDef.maxSize,
+                        };
+                        const onCollapsibleCellClick = (event) => {
+                            if (cell.column.id === TableSelectableColumn.id && store.rowSelectionEnabled) {
+                                event.stopPropagation();
+                            }
+                        };
+                        return (_jsx("td", { "data-testid": cell.id, className: ctx.getStyles('cell', { classNames, styles }).className, style: {
+                                width: columnSizing.size ? `${columnSizing.size}px` : 'auto',
+                                minWidth: `${columnSizing.minSize}px`,
+                                maxWidth: `${columnSizing.maxSize}px`,
+                                ...ctx.getStyles('cell', { classNames, styles }).style,
+                            }, "data-collapsible-cell": cell.column.id === TableCollapsibleColumn.id, onClick: onCollapsibleCellClick, children: _jsx(TableLoading, { visible: loading, children: flexRender(cell.column.columnDef.cell, cell.getContext()) }) }, cell.id));
+                    }) }), rowChildren ? (_jsx("tr", { ...ctx.getStyles('collapsibleRow', { classNames, styles }), children: _jsx("td", { colSpan: table.getAllColumns().length, style: {
+                            padding: 0,
+                        }, children: _jsx(Collapse, { in: row.getIsExpanded(), children: _jsx(Box, { ...ctx.getStyles('collapsibleWrapper', { classNames, styles }), px: "sm", py: "xs", children: rowChildren }) }) }) })) : null] }, row.id));
+    });
+    return _jsx(_Fragment, { children: rows });
+};
+RowLayoutBody.extend = identity;
+//# sourceMappingURL=RowLayoutBody.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RowLayoutBody.js","sourceRoot":"","sources":["../../../../../src/components/Table/layouts/row-layout/RowLayoutBody.tsx"],"names":[],"mappings":"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"}

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

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

package/dist/components/Table/layouts/row-layout/RowLayoutContext.js

@@ -0,0 +1,3 @@
+import { createSafeContext } from '@mantine/core';
+export const [RowLayoutProvider, useRowLayout] = createSafeContext('RowLayout was not found in the component tree');
+//# sourceMappingURL=RowLayoutContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RowLayoutContext.js","sourceRoot":"","sources":["../../../../../src/components/Table/layouts/row-layout/RowLayoutContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,iBAAiB,EAAe,MAAM,eAAe,CAAC;AAM9D,MAAM,CAAC,MAAM,CAAC,iBAAiB,EAAE,YAAY,CAAC,GAAG,iBAAiB,CAC9D,+CAA+C,CAClD,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"RowLayoutHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/layouts/row-layout/RowLayoutHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAE,sBAAsB,EAAoB,MAAM,eAAe,CAAC;AAClF,OAAO,EAAC,YAAY,EAAC,MAAM,OAAO,CAAC;AACnC,OAAO,EAAC,0BAA0B,EAAW,MAAM,6CAA6C,CAAC;AACjG,OAAO,EAAC,gBAAgB,EAAC,MAAM,sBAAsB,CAAC;AAGtD,OAAO,EAAC,oBAAoB,EAAC,MAAM,oBAAoB,CAAC;AAGxD,MAAM,MAAM,yBAAyB,GAAG,WAAW,CAAC;AAEpD,MAAM,WAAW,oBAAoB,CAAC,CAAC,CACnC,SAAQ,QAAQ,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAAE,sBAAsB,CAAC,oBAAoB,CAAC;CAAG;wCAW1D,CAAC,EAAG,KAAK,EAAE,oBAAoB,CAAC,CAAC,CAAC,GAAG;IAAC,GAAG,CAAC,EAAE,YAAY,CAAC,mBAAmB,CAAC,CAAA;CAAC;;;eARnG,oBAAoB,CAAC,OAAO,CAAC;aAC/B,mBAAmB;qBACX,yBAAyB;kBAC5B,IAAI"}

package/dist/components/Table/layouts/row-layout/RowLayoutHeader.js

@@ -0,0 +1,16 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { useProps } from '@mantine/core';
+import { identity } from '../../../../utils/createFactoryComponent.js';
+import { useTableContext } from '../../TableContext.js';
+import { Th } from '../../table-header/Th.js';
+import { useRowLayout } from './RowLayoutContext.js';
+const defaultProps = {};
+export const RowLayoutHeader = (props) => {
+    const ctx = useRowLayout();
+    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) => (_jsx("tr", { "data-selectable": store.rowSelectionEnabled, "data-multi-selection": store.multiRowSelectionEnabled, ...ctx.getStyles('headerRow', { className, classNames, styles, style }), ...others, children: headerGroup.headers.map((columnHeader) => (_jsx(Th, { header: columnHeader }, columnHeader.id))) }, headerGroup.id)));
+    return _jsx(_Fragment, { children: headers });
+};
+RowLayoutHeader.extend = identity;
+//# sourceMappingURL=RowLayoutHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RowLayoutHeader.js","sourceRoot":"","sources":["../../../../../src/components/Table/layouts/row-layout/RowLayoutHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA4C,QAAQ,EAAC,MAAM,eAAe,CAAC;AAElF,OAAO,EAA6B,QAAQ,EAAC,MAAM,6CAA6C,CAAC;AAEjG,OAAO,EAAC,eAAe,EAAC,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAC,EAAE,EAAC,MAAM,0BAA0B,CAAC;AAE5C,OAAO,EAAC,YAAY,EAAC,MAAM,uBAAuB,CAAC;AAcnD,MAAM,YAAY,GAAG,EAAmD,CAAC;AAEzE,MAAM,CAAC,MAAM,eAAe,GAAG,CAAK,KAA0E,EAAE,EAAE;IAC9G,MAAM,GAAG,GAAG,YAAY,EAAE,CAAC;IAC3B,MAAM,EACF,qBAAqB,EAAE,sBAAsB,EAC7C,aAAa,EAAE,cAAc,EAC7B,OAAO,EAAE,QAAQ,EACjB,gBAAgB,EAAE,iBAAiB,EACnC,gBAAgB,EAAE,iBAAiB,EACnC,SAAS,EACT,KAAK,EACL,UAAU,EACV,MAAM,EACN,GAAG,MAAM,EACZ,GAAG,QAAQ,CAAC,iBAAiB,EAAE,YAAY,EAAE,KAAK,CAAC,CAAC;IACrD,MAAM,EAAC,KAAK,EAAE,KAAK,EAAC,GAAG,eAAe,EAAK,CAAC;IAE5C,MAAM,OAAO,GAAG,KAAK,CAAC,eAAe,EAAE,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,CACzD,gCAEqB,KAAK,CAAC,mBAAmB,0BACpB,KAAK,CAAC,wBAAwB,KAChD,GAAG,CAAC,SAAS,CAAC,WAAW,EAAE,EAAC,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,EAAC,CAAC,KAClE,MAAM,YAET,WAAW,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,YAAY,EAAE,EAAE,CAAC,CACvC,KAAC,EAAE,IAAuB,MAAM,EAAE,YAAY,IAArC,YAAY,CAAC,EAAE,CAA0B,CACrD,CAAC,IARG,WAAW,CAAC,EAAE,CASlB,CACR,CAAC,CAAC;IACH,OAAO,4BAAG,OAAO,GAAI,CAAC;AAC1B,CAAC,CAAC;AACF,eAAe,CAAC,MAAM,GAAG,QAA8D,CAAC"}

package/dist/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;;;+CAAE,qBAAqB,+BAEvD,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableActionContext.js","sourceRoot":"","sources":["../../../../src/components/Table/table-actions/TableActionContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,iBAAiB,EAAC,MAAM,eAAe,CAAC;AAMhD,MAAM,CAAC,MAAM,CAAC,mBAAmB,EAAE,qBAAqB,CAAC,GAAG,iBAAiB,CACzE,yDAAyD,CAC5D,CAAC"}

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

@@ -0,0 +1,51 @@
+import { CompoundStylesApiProps, PolymorphicFactory } from '@mantine/core';
+import { ReactNode } from 'react';
+import { type ButtonProps } from '../../Button/Button.js';
+import { type MenuItemProps } from '../../Menu/Menu.js';
+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>) => React.ReactElement) & Omit<import("react").FunctionComponent<(TableActionItemProps & {
+    component: React.ElementType;
+    renderRoot?: (props: Record<string, any>) => any;
+}) | (TableActionItemProps & {
+    component?: any;
+} & Omit<Omit<any, "ref">, "component" | keyof TableActionItemProps> & {
+    ref?: any;
+    renderRoot?: (props: any) => any;
+})>, never> & import("@mantine/core").ThemeExtend<{
+    props: TableActionItemProps;
+    defaultRef: HTMLButtonElement;
+    defaultComponent: 'button';
+    stylesNames: TableActionItemStylesNames;
+    compound: true;
+}> & import("@mantine/core").ComponentClasses<{
+    props: TableActionItemProps;
+    defaultRef: HTMLButtonElement;
+    defaultComponent: 'button';
+    stylesNames: TableActionItemStylesNames;
+    compound: true;
+}> & import("@mantine/core").PolymorphicComponentWithProps<{
+    props: TableActionItemProps;
+    defaultRef: HTMLButtonElement;
+    defaultComponent: 'button';
+    stylesNames: TableActionItemStylesNames;
+    compound: true;
+}> & Record<string, never>;
+export {};
+//# sourceMappingURL=TableActionItem.d.ts.map

package/dist/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,EAAC,sBAAsB,EAAE,kBAAkB,EAA+B,MAAM,eAAe,CAAC;AACvG,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAChC,OAAO,EAAS,KAAK,WAAW,EAAC,MAAM,wBAAwB,CAAC;AAGhE,OAAO,EAAO,KAAK,aAAa,EAAC,MAAM,oBAAoB,CAAC;AAE5D,MAAM,MAAM,0BAA0B,GAAG,gBAAgB,CAAC;AAE1D,MAAM,WAAW,oBACb,SACI,IAAI,CAAC,WAAW,EAAE,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,aAAa,GAAG,cAAc,CAAC,EAChG,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;;;;;;;;;;;;;0BA4CjB,CAAC"}

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

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { polymorphicFactory, useProps } from '@mantine/core';
+import { Button } from '../../Button/Button.js';
+import { useTableContext } from '../TableContext.js';
+import { useTableActionContext } from './TableActionContext.js';
+import { Menu } from '../../Menu/Menu.js';
+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 (_jsx(Button.Quaternary, { component: component, ref: ref, ...others, ...getStyles('actionItemRoot', { className, style, classNames, styles }), children: children }));
+    }
+    return (_jsx(Menu.Item, { component: component, ref: ref, ...others, ...getStyles('actionItemRoot', { className, style, classNames, styles }), children: children }));
+});
+//# sourceMappingURL=TableActionItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableActionItem.js","sourceRoot":"","sources":["../../../../src/components/Table/table-actions/TableActionItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA6C,kBAAkB,EAAE,QAAQ,EAAC,MAAM,eAAe,CAAC;AAEvG,OAAO,EAAC,MAAM,EAAmB,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAC,eAAe,EAAC,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAC,qBAAqB,EAAC,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAC,IAAI,EAAqB,MAAM,oBAAoB,CAAC;AA2B5D,MAAM,YAAY,GAAG,EAA0C,CAAC;AAEhE,MAAM,CAAC,MAAM,eAAe,GAAG,kBAAkB,CAC7C,CAAC,KAA+C,EAAE,GAAG,EAAE,EAAE;IACrD,MAAM,EAAC,SAAS,EAAC,GAAG,eAAe,EAAE,CAAC;IACtC,MAAM,EAAC,OAAO,EAAC,GAAG,qBAAqB,EAAE,CAAC;IAC1C,MAAM,EACF,UAAU,EACV,SAAS,EACT,KAAK,EACL,MAAM,EACN,IAAI,EAAE,KAAK,EACX,QAAQ,EACR,SAAS,EACT,GAAG,MAAM,EACZ,GAAG,QAAQ,CAAC,uBAAuB,EAAE,YAAY,EAAE,KAAK,CAAC,CAAC;IAE3D,IAAI,OAAO,EAAE,CAAC;QACV,OAAO,CACH,KAAC,MAAM,CAAC,UAAU,IACd,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,GAAG,KACJ,MAAM,KACN,SAAS,CAAC,gBAAgB,EAAE,EAAC,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAC,CAAC,YAEtE,QAAQ,GACO,CACvB,CAAC;IACN,CAAC;IAED,OAAO,CACH,KAAC,IAAI,CAAC,IAAI,IACN,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,GAAG,KACJ,MAAM,KACN,SAAS,CAAC,gBAAgB,EAAE,EAAC,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAC,CAAC,YAEtE,QAAQ,GACD,CACf,CAAC;AACN,CAAC,CACJ,CAAC"}

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

@@ -0,0 +1,30 @@
+import { CompoundStylesApiProps, ExtendComponent, Factory, MantineThemeComponent, MenuProps } from '@mantine/core';
+import { ReactNode } from 'react';
+import { TableAction } from '../Table.types.js';
+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 function TableActionsList(props: TableActionsListProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace TableActionsList {
+    var extend: (input: ExtendComponent<TableActionsListFactory>) => MantineThemeComponent;
+}
+//# sourceMappingURL=TableActionsList.d.ts.map

package/dist/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,EAEH,sBAAsB,EAEtB,eAAe,EACf,OAAO,EACP,qBAAqB,EAErB,SAAS,EAGZ,MAAM,eAAe,CAAC;AACvB,OAAO,EAAoB,SAAS,EAAW,MAAM,OAAO,CAAC;AAI7D,OAAO,EAAC,WAAW,EAAC,MAAM,mBAAmB,CAAC;AAI9C,MAAM,MAAM,2BAA2B,GACjC,eAAe,GACf,iBAAiB,GACjB,gBAAgB,GAChB,cAAc,GACd,mBAAmB,GACnB,qBAAqB,GACrB,mBAAmB,CAAC;AAE1B,MAAM,WAAW,qBACb,SACI,IAAI,CAAC,SAAS,EAAE,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC,EAC7D,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,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,2CAoH5D;;wBAuBiC,eAAe,CAAC,uBAAuB,CAAC,KAAG,qBAAqB"}

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

@@ -0,0 +1,65 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { MoreSize16Px } from '@coveord/plasma-react-icons';
+import { Box, Menu, Tooltip, useProps, } from '@mantine/core';
+import { useState } from 'react';
+import { ActionIcon } from '../../ActionIcon/ActionIcon.js';
+import { Button } from '../../Button/Button.js';
+import { InlineConfirm } from '../../InlineConfirm/InlineConfirm.js';
+import { useTableContext } from '../TableContext.js';
+import { TableActionProvider } from './TableActionContext.js';
+const defaultProps = {
+    label: 'More',
+    primaryGroupLabel: '',
+    icon: _jsx(MoreSize16Px, { height: 16 }),
+};
+export function TableActionsList(props) {
+    const { getStyles } = useTableContext();
+    const { actions, icon, label, primaryGroupLabel, classNames, styles, vars: _vars, variant, withinPortal, opened: controlledOpened, onChange: onMenuChange, ...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);
+        }
+        onMenuChange?.(newOpened);
+    };
+    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 (_jsxs(InlineConfirm, { children: [confirmPrompts, _jsx(TableActionProvider, { value: { primary: true }, children: primaryActions }), secondaryActionGroups.length > 0 ? (_jsx(TableActionProvider, { value: { primary: false }, children: _jsxs(Menu, { withinPortal: withinPortal ?? false, ...others, keepMounted: true, children: [_jsx(Menu.Target, { children: _jsx(Button.Quaternary, { ...getStyles('actionsTarget', { styles, classNames }), leftSection: icon, children: label }) }), _jsx(Menu.Dropdown, { ...getStyles('actionsDropdown', { styles, classNames }), children: _jsx(ActionsGroupsMenuItems, { classNames: classNames, styles: styles, actionGroups: secondaryActionGroups }) })] }) })) : null] }));
+    }
+    return (_jsxs(InlineConfirm, { children: [confirmPrompts, _jsx(TableActionProvider, { value: { primary: false }, children: _jsxs(Menu, { opened: controlledOpened ?? opened, onChange: onChange, ...others, keepMounted: true, children: [_jsx(Menu.Target, { children: _jsx(Tooltip, { label: label, ...getStyles('actionsTooltip', { styles, classNames }), children: _jsx(ActionIcon.Quaternary, { ...getStyles('actionsTarget', { styles, classNames }), onClick: onClick, children: icon }) }) }), _jsx(Menu.Dropdown, { ...getStyles('actionsDropdown', { styles, classNames }), children: _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) => (_jsxs(Box, { ...getStyles('actionsGroup', { styles, classNames }), children: [actionGroups.length > 1 ? (_jsx(Menu.Label, { ...getStyles('actionsGroupLabel', { styles, classNames }), children: name })) : null, _jsx(Box, { ...getStyles('actionsGroupItems', { styles, classNames }), children: actions }), index < actionGroups.length - 1 ? (_jsx(Menu.Divider, { ...getStyles('actionsGroupDivider', { styles, classNames }) })) : null] }, name)));
+};
+TableActionsList.extend = (input) => input;
+//# sourceMappingURL=TableActionsList.js.map

package/dist/components/Table/table-actions/TableActionsList.js.map

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

package/dist/components/Table/table-actions/TableHeaderActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableHeaderActions.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/table-actions/TableHeaderActions.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyB,YAAY,EAAkB,MAAM,eAAe,CAAC;AAOpF,MAAM,MAAM,6BAA6B,GAAG,mBAAmB,GAAG,oBAAoB,CAAC;AAEvF,MAAM,WAAW,uBAAwB,SAAQ,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC;CAAG;AAWlF,eAAO,MAAM,kBAAkB;WARpB,uBAAuB;SACzB,cAAc;iBACN,6BAA6B;cAChC,IAAI;EAwChB,CAAC"}

package/dist/components/Table/table-actions/TableHeaderActions.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { factory, Grid, Group, useProps } from '@mantine/core';
+import { useMemo } from 'react';
+import { TableComponentsOrder } from '../Table.js';
+import { useTableContext } from '../TableContext.js';
+import { TableActionsList } from './TableActionsList.js';
+const defaultProps = {};
+export const TableHeaderActions = factory((props, ref) => {
+    const { store, getStyles, getRowActions } = useTableContext();
+    const { style, className, classNames, styles, span, order, ...others } = useProps('PlasmaTableHeaderActions', defaultProps, props);
+    const actions = useMemo(() => {
+        const selectedRows = store.getSelectedRows();
+        if (selectedRows.length === 0) {
+            return [];
+        }
+        return getRowActions(selectedRows);
+    }, [store.state.rowSelection]);
+    if (actions.length === 0) {
+        return null;
+    }
+    const stylesApiProps = { classNames, styles };
+    return (_jsx(Grid.Col, { span: span ?? 'content', order: order ?? TableComponentsOrder.Actions, ref: ref, ...getStyles('headerActionsRoot', { className, style, ...stylesApiProps }), ...others, children: _jsx(Group, { gap: "xs", ...getStyles('headerActionsGroup', stylesApiProps), children: _jsx(TableActionsList, { actions: actions, variant: "split" }) }) }));
+});
+//# sourceMappingURL=TableHeaderActions.js.map

package/dist/components/Table/table-actions/TableHeaderActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableHeaderActions.js","sourceRoot":"","sources":["../../../../src/components/Table/table-actions/TableHeaderActions.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAU,OAAO,EAAE,IAAI,EAAgB,KAAK,EAAE,QAAQ,EAAC,MAAM,eAAe,CAAC;AACpF,OAAO,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AAE9B,OAAO,EAAC,oBAAoB,EAAC,MAAM,aAAa,CAAC;AACjD,OAAO,EAAC,eAAe,EAAC,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAC,gBAAgB,EAAC,MAAM,uBAAuB,CAAC;AAavD,MAAM,YAAY,GAAG,EAA6C,CAAC;AAEnE,MAAM,CAAC,MAAM,kBAAkB,GAAG,OAAO,CAA4B,CAAC,KAA8B,EAAE,GAAG,EAAE,EAAE;IACzG,MAAM,EAAC,KAAK,EAAE,SAAS,EAAE,aAAa,EAAC,GAAG,eAAe,EAAE,CAAC;IAC5D,MAAM,EAAC,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,MAAM,EAAC,GAAG,QAAQ,CAC3E,0BAA0B,EAC1B,YAAY,EACZ,KAAK,CACR,CAAC;IAEF,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE;QACzB,MAAM,YAAY,GAAG,KAAK,CAAC,eAAe,EAAE,CAAC;QAC7C,IAAI,YAAY,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAC5B,OAAO,EAAE,CAAC;QACd,CAAC;QACD,OAAO,aAAa,CAAC,YAAY,CAAC,CAAC;IACvC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC;IAE/B,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACvB,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,MAAM,cAAc,GAAG,EAAC,UAAU,EAAE,MAAM,EAAC,CAAC;IAE5C,OAAO,CACH,KAAC,IAAI,CAAC,GAAG,IACL,IAAI,EAAE,IAAI,IAAI,SAAS,EACvB,KAAK,EAAE,KAAK,IAAI,oBAAoB,CAAC,OAAO,EAC5C,GAAG,EAAE,GAAG,KACJ,SAAS,CAAC,mBAAmB,EAAE,EAAC,SAAS,EAAE,KAAK,EAAE,GAAG,cAAc,EAAC,CAAC,KACrE,MAAM,YAEV,KAAC,KAAK,IAAC,GAAG,EAAC,IAAI,KAAK,SAAS,CAAC,oBAAoB,EAAE,cAAc,CAAC,YAC/D,KAAC,gBAAgB,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAC,OAAO,GAAG,GAClD,GACD,CACd,CAAC;AACN,CAAC,CAAC,CAAC"}

package/dist/components/Table/table-column/TableActionsColumn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableActionsColumn.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/table-column/TableActionsColumn.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,SAAS,EAAC,MAAM,sBAAsB,CAAC;AAK5D,OAAO,EAAuB,2BAA2B,EAAC,MAAM,mDAAmD,CAAC;AAEpH,MAAM,WAAW,sBAAsB;IACnC;;;;;;;;;;OAUG;IACH,eAAe,CAAC,EAAE,OAAO,GAAG,2BAA2B,CAAC;CAC3D;AAED;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,SAAS,CAAC,OAAO,CAiBjD,CAAC"}

package/dist/components/Table/table-column/TableActionsColumn.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { MoreSize16Px } from '@coveord/plasma-react-icons';
+import { useProps } from '@mantine/core';
+import { TableActionsList } from '../table-actions/TableActionsList.js';
+import { useTableContext } from '../TableContext.js';
+import { TableColumnsSelector } from '../table-columns-selector/TableColumnsSelector.js';
+/**
+ * Generic column to use when your table needs actions on rows
+ */
+export const TableActionsColumn = {
+    id: 'actions',
+    enableSorting: false,
+    enableHiding: false,
+    meta: {
+        controlColumn: true,
+    },
+    header: ({ table }) => {
+        const rowConfigurable = table.options.meta?.rowConfigurable;
+        if (!rowConfigurable) {
+            return null;
+        }
+        const options = typeof rowConfigurable === 'boolean' ? {} : rowConfigurable;
+        return _jsx(TableColumnsSelector, { table: table, options: options });
+    },
+    size: 84, // 16px padding left + 28px ActionIcon + 40px padding right
+    cell: (info) => _jsx(ActionsMenu, { info: info }),
+};
+const defaultProps = {
+    label: 'Actions',
+    icon: _jsx(MoreSize16Px, { height: 16 }),
+};
+const ActionsMenu = (props) => {
+    const { getRowActions } = useTableContext();
+    const { info, variant, ...others } = useProps('PlasmaTableActionsColumn', defaultProps, props);
+    const actionsElements = getRowActions([info.row.original]);
+    return _jsx(TableActionsList, { actions: actionsElements, variant: variant ?? 'combined', ...others });
+};
+//# sourceMappingURL=TableActionsColumn.js.map

package/dist/components/Table/table-column/TableActionsColumn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableActionsColumn.js","sourceRoot":"","sources":["../../../../src/components/Table/table-column/TableActionsColumn.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAC;AAGvC,OAAO,EAAC,gBAAgB,EAAwB,MAAM,sCAAsC,CAAC;AAE7F,OAAO,EAAC,eAAe,EAAC,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAC,oBAAoB,EAA8B,MAAM,mDAAmD,CAAC;AAiBpH;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAuB;IAClD,EAAE,EAAE,SAAS;IACb,aAAa,EAAE,KAAK;IACpB,YAAY,EAAE,KAAK;IACnB,IAAI,EAAE;QACF,aAAa,EAAE,IAAI;KACtB;IACD,MAAM,EAAE,CAAC,EAAC,KAAK,EAAC,EAAE,EAAE;QAChB,MAAM,eAAe,GAAI,KAAK,CAAC,OAAO,CAAC,IAA+B,EAAE,eAAe,CAAC;QACxF,IAAI,CAAC,eAAe,EAAE,CAAC;YACnB,OAAO,IAAI,CAAC;QAChB,CAAC;QACD,MAAM,OAAO,GAAG,OAAO,eAAe,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe,CAAC;QAC5E,OAAO,KAAC,oBAAoB,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,GAAI,CAAC;IACpE,CAAC;IACD,IAAI,EAAE,EAAE,EAAE,2DAA2D;IACrE,IAAI,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,KAAC,WAAW,IAAC,IAAI,EAAE,IAAI,GAAI;CAC9C,CAAC;AAMF,MAAM,YAAY,GAAG;IACjB,KAAK,EAAE,SAAS;IAChB,IAAI,EAAE,KAAC,YAAY,IAAC,MAAM,EAAE,EAAE,GAAI;CACM,CAAC;AAE7C,MAAM,WAAW,GAA+C,CAAC,KAAK,EAAE,EAAE;IACtE,MAAM,EAAC,aAAa,EAAC,GAAG,eAAe,EAAE,CAAC;IAE1C,MAAM,EAAC,IAAI,EAAE,OAAO,EAAE,GAAG,MAAM,EAAC,GAAG,QAAQ,CAAC,0BAA0B,EAAE,YAAY,EAAE,KAAK,CAAC,CAAC;IAE7F,MAAM,eAAe,GAAG,aAAa,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC3D,OAAO,KAAC,gBAAgB,IAAC,OAAO,EAAE,eAAe,EAAE,OAAO,EAAE,OAAO,IAAI,UAAU,KAAM,MAAM,GAAI,CAAC;AACtG,CAAC,CAAC"}

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

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

package/dist/components/Table/table-column/TableCollapsibleColumn.js

@@ -0,0 +1,54 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { IconChevronDown, IconChevronUp } from '@coveord/plasma-react-icons';
+import { factory, useProps } from '@mantine/core';
+import { ActionIcon } from '../../ActionIcon/ActionIcon.js';
+import { useTableContext } from '../TableContext.js';
+const sharedProps = {
+    id: 'collapsible',
+    enableSorting: false,
+    enableHiding: false,
+    meta: {
+        controlColumn: true,
+    },
+    header: '',
+    size: 84, // 16px padding left + 28px ActionIcon + 40px padding right
+};
+/**
+ * Generic column to use when your table needs collapsible rows
+ */
+export const TableCollapsibleColumn = {
+    ...sharedProps,
+    cell: (info) => _jsx(CollapsibleIcon, { info: info }),
+};
+/**
+ * Generic column to use when your table needs an accordion (collapsible rows, but only one open at the time)
+ */
+export const TableAccordionColumn = {
+    ...sharedProps,
+    cell: (info) => {
+        const onToggle = () => {
+            // close all other rows when the current row not is expanded
+            if (!info.row.getIsExpanded()) {
+                info.table.toggleAllRowsExpanded(false);
+            }
+        };
+        return _jsx(CollapsibleIcon, { onToggle: onToggle, info: info });
+    },
+};
+const defaultProps = {
+    iconExpanded: _jsx(IconChevronUp, { "aria-label": "Collapse", size: 16 }),
+    iconCollapsed: _jsx(IconChevronDown, { "aria-label": "Expand", size: 16 }),
+};
+const CollapsibleIcon = factory((props, ref) => {
+    const { getStyles } = useTableContext();
+    const { info, onToggle, iconExpanded, iconCollapsed, classNames, className, style, styles, onClick: onActionClick, color, radius, ...others } = useProps('PlasmaTableCollapsibleColumn', defaultProps, props);
+    const handler = info.row.getToggleExpandedHandler();
+    const onClick = (e) => {
+        e.stopPropagation();
+        void onActionClick?.(e);
+        onToggle?.(e);
+        handler();
+    };
+    return info.row.getCanExpand() ? (_jsx(ActionIcon.Quaternary, { ref: ref, onClick: onClick, color: color ?? 'gray', radius: radius ?? 'sm', ...getStyles('collapsibleIcon', { className, classNames, styles, style }), ...others, children: info.row.getIsExpanded() ? iconExpanded : iconCollapsed })) : null;
+});
+//# sourceMappingURL=TableCollapsibleColumn.js.map

package/dist/components/Table/table-column/TableCollapsibleColumn.js.map

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

package/dist/components/Table/table-column/TableSelectableColumn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableSelectableColumn.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/table-column/TableSelectableColumn.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAC;AAE/C;;GAEG;AACH,eAAO,MAAM,qBAAqB,EAAE,SAAS,CAAC,OAAO,CAkCpD,CAAC"}

package/dist/components/Table/table-column/TableSelectableColumn.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Checkbox, Tooltip } from '@mantine/core';
+/**
+ * Generic column to use when your table needs multi selection of rows
+ */
+export const TableSelectableColumn = {
+    id: 'select',
+    enableSorting: false,
+    enableHiding: false,
+    meta: {
+        controlColumn: true,
+    },
+    header: ({ table }) => {
+        const label = table.getIsAllRowsSelected() ? 'Unselect all from this page' : 'Select all from this page';
+        return (_jsx(Tooltip, { label: label, children: _jsx(Checkbox, { checked: table.getIsAllPageRowsSelected(), indeterminate: table.getIsSomePageRowsSelected(), onChange: table.getToggleAllPageRowsSelectedHandler(), flex: 1, "aria-label": label }) }));
+    },
+    cell: ({ row }) => (_jsx(Checkbox, { checked: row.getIsSelected(), indeterminate: row.getIsSomeSelected(), onChange: row.getToggleSelectedHandler(), flex: 1, "aria-label": "Select row", onDoubleClick: (event) => {
+            event.preventDefault();
+            event.stopPropagation();
+        } })),
+};
+//# sourceMappingURL=TableSelectableColumn.js.map

package/dist/components/Table/table-column/TableSelectableColumn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableSelectableColumn.js","sourceRoot":"","sources":["../../../../src/components/Table/table-column/TableSelectableColumn.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,QAAQ,EAAE,OAAO,EAAC,MAAM,eAAe,CAAC;AAGhD;;GAEG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAuB;IACrD,EAAE,EAAE,QAAQ;IACZ,aAAa,EAAE,KAAK;IACpB,YAAY,EAAE,KAAK;IACnB,IAAI,EAAE;QACF,aAAa,EAAE,IAAI;KACtB;IACD,MAAM,EAAE,CAAC,EAAC,KAAK,EAAC,EAAE,EAAE;QAChB,MAAM,KAAK,GAAG,KAAK,CAAC,oBAAoB,EAAE,CAAC,CAAC,CAAC,6BAA6B,CAAC,CAAC,CAAC,2BAA2B,CAAC;QACzG,OAAO,CACH,KAAC,OAAO,IAAC,KAAK,EAAE,KAAK,YACjB,KAAC,QAAQ,IACL,OAAO,EAAE,KAAK,CAAC,wBAAwB,EAAE,EACzC,aAAa,EAAE,KAAK,CAAC,yBAAyB,EAAE,EAChD,QAAQ,EAAE,KAAK,CAAC,mCAAmC,EAAE,EACrD,IAAI,EAAE,CAAC,gBACK,KAAK,GACnB,GACI,CACb,CAAC;IACN,CAAC;IACD,IAAI,EAAE,CAAC,EAAC,GAAG,EAAC,EAAE,EAAE,CAAC,CACb,KAAC,QAAQ,IACL,OAAO,EAAE,GAAG,CAAC,aAAa,EAAE,EAC5B,aAAa,EAAE,GAAG,CAAC,iBAAiB,EAAE,EACtC,QAAQ,EAAE,GAAG,CAAC,wBAAwB,EAAE,EACxC,IAAI,EAAE,CAAC,gBACI,YAAY,EACvB,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE;YACrB,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,KAAK,CAAC,eAAe,EAAE,CAAC;QAC5B,CAAC,GACH,CACL;CACJ,CAAC"}

package/dist/components/Table/table-columns-selector/TableColumnsSelector.d.ts

@@ -0,0 +1,31 @@
+import { Table } from '@tanstack/react-table';
+export interface TableColumnsSelectorOptions {
+    /**
+     * The maximum number of columns that can be selected at the same time.
+     * If defined a footer will render with the remaining number of columns that can be selected.
+     * Must be a positive integer (greater than 0).
+     */
+    maxSelectableColumns?: number;
+    /**
+     * The content to display in the footer when maxSelectableColumns is defined.
+     * Can be a string or a function that receives the maxSelectableColumns value.
+     * @default (max) => `You can display up to ${max} columns.`
+     */
+    footer?: string | ((maxSelectableColumns: number) => string);
+    /**
+     * The tooltip to display when the user hovers over a disabled checkbox because of the limit.
+     * @default 'You have reached the maximum display limit.'
+     */
+    limitReachedTooltip?: string;
+    /**
+     * The tooltip to display when the user hovers over a disabled checkbox because a column cannot be hidden.
+     * @default 'This column is always visible.'
+     */
+    alwaysVisibleTooltip?: string;
+}
+export interface TableColumnsSelectorProps {
+    table: Table<unknown>;
+    options?: TableColumnsSelectorOptions;
+}
+export declare const TableColumnsSelector: ({ table, options }: TableColumnsSelectorProps) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=TableColumnsSelector.d.ts.map

package/dist/components/Table/table-columns-selector/TableColumnsSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableColumnsSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/table-columns-selector/TableColumnsSelector.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAqB,KAAK,EAAC,MAAM,uBAAuB,CAAC;AAGhE,MAAM,WAAW,2BAA2B;IACxC;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,oBAAoB,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC;IAC7D;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,MAAM,WAAW,yBAAyB;IACtC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;IACtB,OAAO,CAAC,EAAE,2BAA2B,CAAC;CACzC;AAUD,eAAO,MAAM,oBAAoB,uBAAsB,yBAAyB,mDAgF/E,CAAC"}

package/dist/components/Table/table-columns-selector/TableColumnsSelector.js

@@ -0,0 +1,43 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { IconSettings } from '@coveord/plasma-react-icons';
+import { Checkbox, Divider, Popover, ScrollArea, Stack, Text, Tooltip } from '@mantine/core';
+import { flexRender } from '@tanstack/react-table';
+import { ActionIcon } from '../../ActionIcon/ActionIcon.js';
+const DEFAULT_OPTIONS = {
+    footer: (max) => `You can display up to ${max} columns.`,
+    limitReachedTooltip: 'You have reached the maximum display limit.',
+    alwaysVisibleTooltip: 'This column is always visible.',
+};
+export const TableColumnsSelector = ({ table, options }) => {
+    const { maxSelectableColumns, footer, limitReachedTooltip, alwaysVisibleTooltip } = {
+        ...DEFAULT_OPTIONS,
+        ...options,
+    };
+    const allColumns = table.getAllLeafColumns();
+    const filteredColumns = allColumns.filter((column) => !column.columnDef.meta?.controlColumn);
+    const selectedColumnsCount = filteredColumns.filter((column) => column.getIsVisible()).length;
+    // Validate maxSelectableColumns - must be a positive integer to be effective
+    const effectiveMaxColumns = maxSelectableColumns !== undefined && maxSelectableColumns > 0 ? maxSelectableColumns : undefined;
+    if (filteredColumns.length <= 0) {
+        return null;
+    }
+    const getColumnState = (column) => {
+        const alwaysVisible = !column.getCanHide();
+        const isDisabled = (effectiveMaxColumns !== undefined &&
+            selectedColumnsCount >= effectiveMaxColumns &&
+            !column.getIsVisible()) ||
+            alwaysVisible;
+        const isVisible = column.getIsVisible() || alwaysVisible;
+        return { alwaysVisible, isDisabled, isVisible };
+    };
+    const columnOptions = filteredColumns.map((column) => {
+        const { alwaysVisible, isDisabled, isVisible } = getColumnState(column);
+        return (_jsx(Tooltip, { label: alwaysVisible ? alwaysVisibleTooltip : limitReachedTooltip, disabled: !isDisabled, position: "left", children: _jsx("div", { children: _jsx(Checkbox, { label: flexRender(column.columnDef.header, {
+                        table,
+                        column,
+                        header: { column },
+                    }), name: column.id, checked: isVisible, disabled: isDisabled, onChange: column.getToggleVisibilityHandler() }) }) }, column.id));
+    });
+    return (_jsxs(Popover, { position: "bottom-end", shadow: "md", children: [_jsx(Popover.Target, { children: _jsx(Tooltip, { label: "Edit columns", children: _jsx(ActionIcon.Tertiary, { "aria-label": "settings", children: _jsx(IconSettings, { height: 16 }) }) }) }), _jsxs(Popover.Dropdown, { miw: 270, pb: "xs", children: [_jsx(ScrollArea.Autosize, { mah: 200, type: "auto", children: _jsx(Stack, { gap: "xs", children: columnOptions }) }), effectiveMaxColumns && (_jsxs(_Fragment, { children: [_jsx(Divider, { my: "xs", mx: "-sm" }), _jsx(Text, { size: "sm", c: "dimmed", children: typeof footer === 'function' ? footer(effectiveMaxColumns) : footer })] }))] })] }));
+};
+//# sourceMappingURL=TableColumnsSelector.js.map