@coveord/plasma-mantine 56.3.3 → 56.5.0

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

@@ -1,189 +0,0 @@
-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 '../../action-icon/ActionIcon.js';
-import { Button } from '../../button/Button.js';
-import { InlineConfirm } from '../../inline-confirm/InlineConfirm.js';
-import { useTableContext } from '../TableContext.js';
-import { TableActionProvider } from './TableActionContext.js';
-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,
-                        keepMounted: true,
-                        children: [
-                            /*#__PURE__*/ _jsx(Menu.Target, {
-                                children: /*#__PURE__*/ _jsx(Button.Quaternary, {
-                                    ...getStyles('actionsTarget', {
-                                        styles,
-                                        classNames
-                                    }),
-                                    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,
-                    keepMounted: true,
-                    children: [
-                        /*#__PURE__*/ _jsx(Menu.Target, {
-                            children: /*#__PURE__*/ _jsx(Tooltip, {
-                                label: label,
-                                ...getStyles('actionsTooltip', {
-                                    styles,
-                                    classNames
-                                }),
-                                children: /*#__PURE__*/ _jsx(ActionIcon.Quaternary, {
-                                    ...getStyles('actionsTarget', {
-                                        styles,
-                                        classNames
-                                    }),
-                                    onClick: onClick,
-                                    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

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/components/table/table-actions/TableActionsList.tsx"],"sourcesContent":["import {MoreSize16Px} from '@coveord/plasma-react-icons';\nimport {\n    Box,\n    CompoundStylesApiProps,\n    CSSProperties,\n    ExtendComponent,\n    Factory,\n    Menu,\n    MenuProps,\n    Tooltip,\n    useProps,\n} from '@mantine/core';\nimport {MouseEventHandler, ReactNode, useState} from 'react';\nimport {ActionIcon} from '../../action-icon/ActionIcon.js';\nimport {Button} from '../../button/Button.js';\nimport {InlineConfirm} from '../../inline-confirm/InlineConfirm.js';\nimport {TableAction} from '../Table.types.js';\nimport {useTableContext} from '../TableContext.js';\nimport {TableActionProvider} from './TableActionContext.js';\n\nexport type TableActionsListStylesNames =\n    | 'actionsTarget'\n    | 'actionsDropdown'\n    | 'actionsTooltip'\n    | 'actionsGroup'\n    | 'actionsGroupLabel'\n    | 'actionsGroupDivider'\n    | 'actionsGroupItems';\n\nexport interface TableActionsListProps\n    extends Omit<MenuProps, 'classNames' | 'styles' | 'vars' | 'variant'>,\n        CompoundStylesApiProps<TableActionsListFactory> {\n    actions: TableAction[];\n    /**\n     * Label for the more menu\n     * @default 'More' when variant is 'split', 'Actions' when variant is 'combined'\n     */\n    label?: string;\n    /**\n     * Label for the primary actions group when variant is 'combined'\n     * @default ''\n     */\n    primaryGroupLabel?: string;\n    icon?: ReactNode;\n}\n\ntype TableActionsListFactory = Factory<{\n    props: TableActionsListProps;\n    ref: HTMLDivElement;\n    stylesNames: TableActionsListStylesNames;\n    compound: true;\n    variant: 'split' | 'combined';\n}>;\n\nconst defaultProps: Partial<TableActionsListProps> = {\n    label: 'More',\n    primaryGroupLabel: '',\n    icon: <MoreSize16Px height={16} />,\n};\n\ninterface ActionsDict {\n    $$primary: TableAction[];\n    $$confirmPrompt: TableAction[];\n    secondary: Record<string, Array<TableAction['component']>>;\n}\n\ninterface ActionGroup {\n    name: string;\n    actions: ReactNode[];\n}\n\nexport const TableActionsList = (props: TableActionsListProps) => {\n    const {getStyles} = useTableContext();\n    const {\n        actions,\n        icon,\n        label,\n        primaryGroupLabel,\n        classNames,\n        styles,\n        vars: _vars,\n        variant,\n        ...others\n    } = useProps('PlasmaTableActionsListColumn', defaultProps, props);\n    const [opened, setOpened] = useState(false);\n\n    const onClick: MouseEventHandler = (e) => {\n        e.preventDefault();\n        e.stopPropagation();\n        setOpened((prevState) => !prevState);\n    };\n    const onChange = (newOpened: boolean) => {\n        if (!newOpened) {\n            setOpened(false);\n        }\n    };\n\n    const actionsGroups: ActionsDict = actions.reduce<ActionsDict>(\n        (acc, action) => {\n            if (action.group === '$$primary') {\n                acc.$$primary.push(action);\n            } else if (action.group === '$$confirmPrompt') {\n                acc.$$confirmPrompt.push(action);\n            } else {\n                if (acc.secondary[action.group]) {\n                    acc.secondary[action.group].push(action.component);\n                } else {\n                    acc.secondary[action.group] = [action.component];\n                }\n            }\n            return acc;\n        },\n        {$$primary: [], $$confirmPrompt: [], secondary: {}},\n    );\n\n    const primaryActions = actionsGroups.$$primary.map((action) => action.component);\n    const confirmPrompts = actionsGroups.$$confirmPrompt.map((confirmPromptAction) => confirmPromptAction.component);\n    const secondaryActionGroups = Object.entries(actionsGroups.secondary).map(\n        ([group, groupActions]): ActionGroup => ({\n            name: group,\n            actions: groupActions,\n        }),\n    );\n\n    if (variant === 'split') {\n        return (\n            <InlineConfirm>\n                {confirmPrompts}\n                <TableActionProvider value={{primary: true}}>{primaryActions}</TableActionProvider>\n                {secondaryActionGroups.length > 0 ? (\n                    <TableActionProvider value={{primary: false}}>\n                        <Menu withinPortal={false} {...others} keepMounted>\n                            <Menu.Target>\n                                <Button.Quaternary\n                                    {...getStyles('actionsTarget', {styles, classNames})}\n                                    leftSection={icon}\n                                >\n                                    {label}\n                                </Button.Quaternary>\n                            </Menu.Target>\n                            <Menu.Dropdown {...getStyles('actionsDropdown', {styles, classNames})}>\n                                <ActionsGroupsMenuItems\n                                    classNames={classNames}\n                                    styles={styles}\n                                    actionGroups={secondaryActionGroups}\n                                />\n                            </Menu.Dropdown>\n                        </Menu>\n                    </TableActionProvider>\n                ) : null}\n            </InlineConfirm>\n        );\n    }\n    return (\n        <InlineConfirm>\n            {confirmPrompts}\n            <TableActionProvider value={{primary: false}}>\n                <Menu opened={opened} onChange={onChange} {...others} keepMounted>\n                    <Menu.Target>\n                        <Tooltip label={label} {...getStyles('actionsTooltip', {styles, classNames})}>\n                            <ActionIcon.Quaternary\n                                {...getStyles('actionsTarget', {styles, classNames})}\n                                onClick={onClick}\n                            >\n                                {icon}\n                            </ActionIcon.Quaternary>\n                        </Tooltip>\n                    </Menu.Target>\n                    <Menu.Dropdown {...getStyles('actionsDropdown', {styles, classNames})}>\n                        <ActionsGroupsMenuItems\n                            classNames={classNames}\n                            styles={styles}\n                            actionGroups={\n                                primaryActions.length > 0\n                                    ? [{name: primaryGroupLabel, actions: primaryActions}, ...secondaryActionGroups]\n                                    : secondaryActionGroups\n                            }\n                        />\n                    </Menu.Dropdown>\n                </Menu>\n            </TableActionProvider>\n        </InlineConfirm>\n    );\n};\n\ninterface ActionsGroupsMenuItemsProps {\n    styles: Partial<Record<TableActionsListStylesNames, CSSProperties>>;\n    classNames: Partial<Record<TableActionsListStylesNames, string>>;\n    actionGroups: ActionGroup[];\n}\n\nconst ActionsGroupsMenuItems = ({styles, classNames, actionGroups}: ActionsGroupsMenuItemsProps) => {\n    const {getStyles} = useTableContext();\n    return actionGroups.map(({name, actions}, index) => (\n        <Box key={name} {...getStyles('actionsGroup', {styles, classNames})}>\n            {actionGroups.length > 1 ? (\n                <Menu.Label {...getStyles('actionsGroupLabel', {styles, classNames})}>{name}</Menu.Label>\n            ) : null}\n            <Box {...getStyles('actionsGroupItems', {styles, classNames})}>{actions}</Box>\n            {index < actionGroups.length - 1 ? (\n                <Menu.Divider {...getStyles('actionsGroupDivider', {styles, classNames})} />\n            ) : null}\n        </Box>\n    ));\n};\n\nTableActionsList.extend = (input: ExtendComponent<TableActionsListFactory>) => input;\n"],"names":["MoreSize16Px","Box","Menu","Tooltip","useProps","useState","ActionIcon","Button","InlineConfirm","useTableContext","TableActionProvider","defaultProps","label","primaryGroupLabel","icon","height","TableActionsList","props","getStyles","actions","classNames","styles","vars","_vars","variant","others","opened","setOpened","onClick","e","preventDefault","stopPropagation","prevState","onChange","newOpened","actionsGroups","reduce","acc","action","group","$$primary","push","$$confirmPrompt","secondary","component","primaryActions","map","confirmPrompts","confirmPromptAction","secondaryActionGroups","Object","entries","groupActions","name","value","primary","length","withinPortal","keepMounted","Target","Quaternary","leftSection","Dropdown","ActionsGroupsMenuItems","actionGroups","index","Label","Divider","extend","input"],"mappings":";AAAA,SAAQA,YAAY,QAAO,8BAA8B;AACzD,SACIC,GAAG,EAKHC,IAAI,EAEJC,OAAO,EACPC,QAAQ,QACL,gBAAgB;AACvB,SAAsCC,QAAQ,QAAO,QAAQ;AAC7D,SAAQC,UAAU,QAAO,kCAAkC;AAC3D,SAAQC,MAAM,QAAO,yBAAyB;AAC9C,SAAQC,aAAa,QAAO,wCAAwC;AAEpE,SAAQC,eAAe,QAAO,qBAAqB;AACnD,SAAQC,mBAAmB,QAAO,0BAA0B;AAoC5D,MAAMC,eAA+C;IACjDC,OAAO;IACPC,mBAAmB;IACnBC,oBAAM,KAACd;QAAae,QAAQ;;AAChC;AAaA,OAAO,MAAMC,mBAAmB,CAACC;IAC7B,MAAM,EAACC,SAAS,EAAC,GAAGT;IACpB,MAAM,EACFU,OAAO,EACPL,IAAI,EACJF,KAAK,EACLC,iBAAiB,EACjBO,UAAU,EACVC,MAAM,EACNC,MAAMC,KAAK,EACXC,OAAO,EACP,GAAGC,QACN,GAAGrB,SAAS,gCAAgCO,cAAcM;IAC3D,MAAM,CAACS,QAAQC,UAAU,GAAGtB,SAAS;IAErC,MAAMuB,UAA6B,CAACC;QAChCA,EAAEC,cAAc;QAChBD,EAAEE,eAAe;QACjBJ,UAAU,CAACK,YAAc,CAACA;IAC9B;IACA,MAAMC,WAAW,CAACC;QACd,IAAI,CAACA,WAAW;YACZP,UAAU;QACd;IACJ;IAEA,MAAMQ,gBAA6BhB,QAAQiB,MAAM,CAC7C,CAACC,KAAKC;QACF,IAAIA,OAAOC,KAAK,KAAK,aAAa;YAC9BF,IAAIG,SAAS,CAACC,IAAI,CAACH;QACvB,OAAO,IAAIA,OAAOC,KAAK,KAAK,mBAAmB;YAC3CF,IAAIK,eAAe,CAACD,IAAI,CAACH;QAC7B,OAAO;YACH,IAAID,IAAIM,SAAS,CAACL,OAAOC,KAAK,CAAC,EAAE;gBAC7BF,IAAIM,SAAS,CAACL,OAAOC,KAAK,CAAC,CAACE,IAAI,CAACH,OAAOM,SAAS;YACrD,OAAO;gBACHP,IAAIM,SAAS,CAACL,OAAOC,KAAK,CAAC,GAAG;oBAACD,OAAOM,SAAS;iBAAC;YACpD;QACJ;QACA,OAAOP;IACX,GACA;QAACG,WAAW,EAAE;QAAEE,iBAAiB,EAAE;QAAEC,WAAW,CAAC;IAAC;IAGtD,MAAME,iBAAiBV,cAAcK,SAAS,CAACM,GAAG,CAAC,CAACR,SAAWA,OAAOM,SAAS;IAC/E,MAAMG,iBAAiBZ,cAAcO,eAAe,CAACI,GAAG,CAAC,CAACE,sBAAwBA,oBAAoBJ,SAAS;IAC/G,MAAMK,wBAAwBC,OAAOC,OAAO,CAAChB,cAAcQ,SAAS,EAAEG,GAAG,CACrE,CAAC,CAACP,OAAOa,aAAa,GAAmB,CAAA;YACrCC,MAAMd;YACNpB,SAASiC;QACb,CAAA;IAGJ,IAAI5B,YAAY,SAAS;QACrB,qBACI,MAAChB;;gBACIuC;8BACD,KAACrC;oBAAoB4C,OAAO;wBAACC,SAAS;oBAAI;8BAAIV;;gBAC7CI,sBAAsBO,MAAM,GAAG,kBAC5B,KAAC9C;oBAAoB4C,OAAO;wBAACC,SAAS;oBAAK;8BACvC,cAAA,MAACrD;wBAAKuD,cAAc;wBAAQ,GAAGhC,MAAM;wBAAEiC,WAAW;;0CAC9C,KAACxD,KAAKyD,MAAM;0CACR,cAAA,KAACpD,OAAOqD,UAAU;oCACb,GAAG1C,UAAU,iBAAiB;wCAACG;wCAAQD;oCAAU,EAAE;oCACpDyC,aAAa/C;8CAEZF;;;0CAGT,KAACV,KAAK4D,QAAQ;gCAAE,GAAG5C,UAAU,mBAAmB;oCAACG;oCAAQD;gCAAU,EAAE;0CACjE,cAAA,KAAC2C;oCACG3C,YAAYA;oCACZC,QAAQA;oCACR2C,cAAcf;;;;;qBAK9B;;;IAGhB;IACA,qBACI,MAACzC;;YACIuC;0BACD,KAACrC;gBAAoB4C,OAAO;oBAACC,SAAS;gBAAK;0BACvC,cAAA,MAACrD;oBAAKwB,QAAQA;oBAAQO,UAAUA;oBAAW,GAAGR,MAAM;oBAAEiC,WAAW;;sCAC7D,KAACxD,KAAKyD,MAAM;sCACR,cAAA,KAACxD;gCAAQS,OAAOA;gCAAQ,GAAGM,UAAU,kBAAkB;oCAACG;oCAAQD;gCAAU,EAAE;0CACxE,cAAA,KAACd,WAAWsD,UAAU;oCACjB,GAAG1C,UAAU,iBAAiB;wCAACG;wCAAQD;oCAAU,EAAE;oCACpDQ,SAASA;8CAERd;;;;sCAIb,KAACZ,KAAK4D,QAAQ;4BAAE,GAAG5C,UAAU,mBAAmB;gCAACG;gCAAQD;4BAAU,EAAE;sCACjE,cAAA,KAAC2C;gCACG3C,YAAYA;gCACZC,QAAQA;gCACR2C,cACInB,eAAeW,MAAM,GAAG,IAClB;oCAAC;wCAACH,MAAMxC;wCAAmBM,SAAS0B;oCAAc;uCAAMI;iCAAsB,GAC9EA;;;;;;;;AAQtC,EAAE;AAQF,MAAMc,yBAAyB,CAAC,EAAC1C,MAAM,EAAED,UAAU,EAAE4C,YAAY,EAA8B;IAC3F,MAAM,EAAC9C,SAAS,EAAC,GAAGT;IACpB,OAAOuD,aAAalB,GAAG,CAAC,CAAC,EAACO,IAAI,EAAElC,OAAO,EAAC,EAAE8C,sBACtC,MAAChE;YAAgB,GAAGiB,UAAU,gBAAgB;gBAACG;gBAAQD;YAAU,EAAE;;gBAC9D4C,aAAaR,MAAM,GAAG,kBACnB,KAACtD,KAAKgE,KAAK;oBAAE,GAAGhD,UAAU,qBAAqB;wBAACG;wBAAQD;oBAAU,EAAE;8BAAGiC;qBACvE;8BACJ,KAACpD;oBAAK,GAAGiB,UAAU,qBAAqB;wBAACG;wBAAQD;oBAAU,EAAE;8BAAGD;;gBAC/D8C,QAAQD,aAAaR,MAAM,GAAG,kBAC3B,KAACtD,KAAKiE,OAAO;oBAAE,GAAGjD,UAAU,uBAAuB;wBAACG;wBAAQD;oBAAU,EAAE;qBACxE;;WAPEiC;AAUlB;AAEArC,iBAAiBoD,MAAM,GAAG,CAACC,QAAoDA"}

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

@@ -1 +0,0 @@
-{"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;EA0CjB,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/components/table/table-actions/TableHeaderActions.tsx"],"sourcesContent":["import {Factory, factory, Grid, GridColProps, Group, useProps} from '@mantine/core';\nimport {ReactElement, useMemo} from 'react';\n\nimport {TableComponentsOrder} from '../Table.js';\nimport {useTableContext} from '../TableContext.js';\nimport {TableActionsList} from './TableActionsList.js';\n\nexport type TableHeaderActionsStylesNames = 'headerActionsRoot' | 'headerActionsGroup';\n\nexport interface TableHeaderActionsProps extends Omit<GridColProps, 'children'> {}\n\ntype TableHeaderActionsFactory = Factory<{\n    props: TableHeaderActionsProps;\n    ref: HTMLDivElement;\n    stylesNames: TableHeaderActionsStylesNames;\n    compound: true;\n}>;\n\nconst defaultProps: Partial<TableHeaderActionsProps> = {};\n\nexport const TableHeaderActions = factory<TableHeaderActionsFactory>(\n    (props: TableHeaderActionsProps, ref): ReactElement => {\n        const {store, getStyles, getRowActions} = useTableContext();\n        const {style, className, classNames, styles, ...others} = useProps(\n            'PlasmaTableHeaderActions',\n            defaultProps,\n            props,\n        );\n\n        const actions = useMemo(() => {\n            const selectedRows = store.getSelectedRows();\n            if (selectedRows.length === 0) {\n                return [];\n            }\n            return getRowActions(selectedRows);\n        }, [store.state.rowSelection]);\n\n        if (actions.length === 0) {\n            return null;\n        }\n\n        const stylesApiProps = {classNames, styles};\n\n        return (\n            <Grid.Col\n                span=\"content\"\n                order={TableComponentsOrder.Actions}\n                ref={ref}\n                {...getStyles('headerActionsRoot', {className, style, ...stylesApiProps})}\n                {...others}\n            >\n                <Group gap=\"xs\" {...getStyles('headerActionsGroup', stylesApiProps)}>\n                    <TableActionsList actions={actions} variant=\"split\" />\n                </Group>\n            </Grid.Col>\n        );\n    },\n);\n"],"names":["factory","Grid","Group","useProps","useMemo","TableComponentsOrder","useTableContext","TableActionsList","defaultProps","TableHeaderActions","props","ref","store","getStyles","getRowActions","style","className","classNames","styles","others","actions","selectedRows","getSelectedRows","length","state","rowSelection","stylesApiProps","Col","span","order","Actions","gap","variant"],"mappings":";AAAA,SAAiBA,OAAO,EAAEC,IAAI,EAAgBC,KAAK,EAAEC,QAAQ,QAAO,gBAAgB;AACpF,SAAsBC,OAAO,QAAO,QAAQ;AAE5C,SAAQC,oBAAoB,QAAO,cAAc;AACjD,SAAQC,eAAe,QAAO,qBAAqB;AACnD,SAAQC,gBAAgB,QAAO,wBAAwB;AAavD,MAAMC,eAAiD,CAAC;AAExD,OAAO,MAAMC,qBAAqBT,QAC9B,CAACU,OAAgCC;IAC7B,MAAM,EAACC,KAAK,EAAEC,SAAS,EAAEC,aAAa,EAAC,GAAGR;IAC1C,MAAM,EAACS,KAAK,EAAEC,SAAS,EAAEC,UAAU,EAAEC,MAAM,EAAE,GAAGC,QAAO,GAAGhB,SACtD,4BACAK,cACAE;IAGJ,MAAMU,UAAUhB,QAAQ;QACpB,MAAMiB,eAAeT,MAAMU,eAAe;QAC1C,IAAID,aAAaE,MAAM,KAAK,GAAG;YAC3B,OAAO,EAAE;QACb;QACA,OAAOT,cAAcO;IACzB,GAAG;QAACT,MAAMY,KAAK,CAACC,YAAY;KAAC;IAE7B,IAAIL,QAAQG,MAAM,KAAK,GAAG;QACtB,OAAO;IACX;IAEA,MAAMG,iBAAiB;QAACT;QAAYC;IAAM;IAE1C,qBACI,KAACjB,KAAK0B,GAAG;QACLC,MAAK;QACLC,OAAOxB,qBAAqByB,OAAO;QACnCnB,KAAKA;QACJ,GAAGE,UAAU,qBAAqB;YAACG;YAAWD;YAAO,GAAGW,cAAc;QAAA,EAAE;QACxE,GAAGP,MAAM;kBAEV,cAAA,KAACjB;YAAM6B,KAAI;YAAM,GAAGlB,UAAU,sBAAsBa,eAAe;sBAC/D,cAAA,KAACnB;gBAAiBa,SAASA;gBAASY,SAAQ;;;;AAI5D,GACF"}

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

@@ -1 +0,0 @@
-{"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;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,SAAS,CAAC,OAAO,CAUjD,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/components/table/table-column/TableActionsColumn.tsx"],"sourcesContent":["import {MoreSize16Px} from '@coveord/plasma-react-icons';\nimport {useProps} from '@mantine/core';\nimport {CellContext, ColumnDef} from '@tanstack/table-core';\nimport {FunctionComponent} from 'react';\nimport {TableActionsList, TableActionsListProps} from '../table-actions/TableActionsList.js';\nimport {useTableContext} from '../TableContext.js';\n\n/**\n * Generic column to use when your table needs actions on rows\n */\nexport const TableActionsColumn: ColumnDef<unknown> = {\n    id: 'actions',\n    enableSorting: false,\n    enableHiding: false,\n    meta: {\n        controlColumn: true,\n    },\n    header: '',\n    size: 84, // 16px padding left + 28px ActionIcon + 40px padding right\n    cell: (info) => <ActionsMenu info={info} />,\n};\n\ninterface TableActionsColumnProps extends Omit<TableActionsListProps, 'actions'> {\n    info: CellContext<unknown, unknown>;\n}\n\nconst defaultProps: Partial<TableActionsColumnProps> = {\n    label: 'Actions',\n    icon: <MoreSize16Px height={16} />,\n};\n\nconst ActionsMenu: FunctionComponent<TableActionsColumnProps> = (props) => {\n    const {getRowActions} = useTableContext();\n\n    const {info, ...others} = useProps('PlasmaTableActionsColumn', defaultProps, props);\n\n    const actionsElements = getRowActions([info.row.original]);\n    return <TableActionsList actions={actionsElements} variant=\"combined\" {...others} />;\n};\n"],"names":["MoreSize16Px","useProps","TableActionsList","useTableContext","TableActionsColumn","id","enableSorting","enableHiding","meta","controlColumn","header","size","cell","info","ActionsMenu","defaultProps","label","icon","height","props","getRowActions","others","actionsElements","row","original","actions","variant"],"mappings":";AAAA,SAAQA,YAAY,QAAO,8BAA8B;AACzD,SAAQC,QAAQ,QAAO,gBAAgB;AAGvC,SAAQC,gBAAgB,QAA8B,uCAAuC;AAC7F,SAAQC,eAAe,QAAO,qBAAqB;AAEnD;;CAEC,GACD,OAAO,MAAMC,qBAAyC;IAClDC,IAAI;IACJC,eAAe;IACfC,cAAc;IACdC,MAAM;QACFC,eAAe;IACnB;IACAC,QAAQ;IACRC,MAAM;IACNC,MAAM,CAACC,qBAAS,KAACC;YAAYD,MAAMA;;AACvC,EAAE;AAMF,MAAME,eAAiD;IACnDC,OAAO;IACPC,oBAAM,KAACjB;QAAakB,QAAQ;;AAChC;AAEA,MAAMJ,cAA0D,CAACK;IAC7D,MAAM,EAACC,aAAa,EAAC,GAAGjB;IAExB,MAAM,EAACU,IAAI,EAAE,GAAGQ,QAAO,GAAGpB,SAAS,4BAA4Bc,cAAcI;IAE7E,MAAMG,kBAAkBF,cAAc;QAACP,KAAKU,GAAG,CAACC,QAAQ;KAAC;IACzD,qBAAO,KAACtB;QAAiBuB,SAASH;QAAiBI,SAAQ;QAAY,GAAGL,MAAM;;AACpF"}

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

@@ -1 +0,0 @@
-{"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/esm/components/table/table-column/TableCollapsibleColumn.js

@@ -1,76 +0,0 @@
-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 '../../action-icon/ActionIcon.js';
-import { useTableContext } from '../TableContext.js';
-const sharedProps = {
-    id: 'collapsible',
-    enableSorting: false,
-    enableHiding: false,
-    meta: {
-        controlColumn: true
-    },
-    header: '',
-    size: 84
-};
-/**
- * Generic column to use when your table needs collapsible rows
- */ export const TableCollapsibleColumn = {
-    ...sharedProps,
-    cell: (info)=>/*#__PURE__*/ _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 /*#__PURE__*/ _jsx(CollapsibleIcon, {
-            onToggle: onToggle,
-            info: info
-        });
-    }
-};
-const defaultProps = {
-    iconExpanded: /*#__PURE__*/ _jsx(IconChevronUp, {
-        "aria-label": "Collapse",
-        size: 16
-    }),
-    iconCollapsed: /*#__PURE__*/ _jsx(IconChevronDown, {
-        "aria-label": "Expand",
-        size: 16
-    })
-};
-const CollapsibleIcon = factory((props, ref)=>{
-    const { getStyles } = useTableContext();
-    const { info, onToggle, iconExpanded, iconCollapsed, classNames, className, style, styles, ...others } = useProps('PlasmaTableCollapsibleColumn', defaultProps, props);
-    const handler = info.row.getToggleExpandedHandler();
-    const onClick = (e)=>{
-        e.stopPropagation();
-        onToggle?.(e);
-        handler();
-    };
-    return info.row.getCanExpand() ? /*#__PURE__*/ _jsx(ActionIcon.Quaternary, {
-        ref: ref,
-        onClick: onClick,
-        color: "gray",
-        radius: "sm",
-        ...getStyles('collapsibleIcon', {
-            className,
-            classNames,
-            styles,
-            style
-        }),
-        ...others,
-        children: info.row.getIsExpanded() ? iconExpanded : iconCollapsed
-    }) : null;
-});
-
-//# sourceMappingURL=TableCollapsibleColumn.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/components/table/table-column/TableCollapsibleColumn.tsx"],"sourcesContent":["import {IconChevronDown, IconChevronUp} from '@coveord/plasma-react-icons';\nimport {Factory, factory, useProps} from '@mantine/core';\nimport {CellContext, ColumnDef} from '@tanstack/table-core';\nimport {MouseEvent as ReactMouseEvent, ReactNode} from 'react';\nimport {ActionIcon, type ActionIconProps} from '../../action-icon/ActionIcon.js';\nimport {useTableContext} from '../TableContext.js';\n\nexport type TableCollapsibleColumnStylesNames = 'collapsibleIcon';\n\nconst sharedProps: ColumnDef<unknown> = {\n    id: 'collapsible',\n    enableSorting: false,\n    enableHiding: false,\n    meta: {\n        controlColumn: true,\n    },\n    header: '',\n    size: 84, // 16px padding left + 28px ActionIcon + 40px padding right\n};\n\n/**\n * Generic column to use when your table needs collapsible rows\n */\nexport const TableCollapsibleColumn: ColumnDef<unknown> = {\n    ...sharedProps,\n    cell: (info) => <CollapsibleIcon info={info} />,\n};\n\n/**\n * Generic column to use when your table needs an accordion (collapsible rows, but only one open at the time)\n */\nexport const TableAccordionColumn: ColumnDef<unknown> = {\n    ...sharedProps,\n    cell: (info) => {\n        const onToggle = () => {\n            // close all other rows when the current row not is expanded\n            if (!info.row.getIsExpanded()) {\n                info.table.toggleAllRowsExpanded(false);\n            }\n        };\n\n        return <CollapsibleIcon onToggle={onToggle} info={info} />;\n    },\n};\n\ninterface CollapsibleIconProps extends ActionIconProps {\n    info: CellContext<unknown, unknown>;\n    onToggle?: (e: ReactMouseEvent<HTMLButtonElement>) => void;\n    iconExpanded?: ReactNode;\n    iconCollapsed?: ReactNode;\n}\n\ntype TableCollapsibleColumnFactory = Factory<{\n    props: CollapsibleIconProps;\n    ref: HTMLButtonElement;\n    stylesNames: TableCollapsibleColumnStylesNames;\n    compound: true;\n}>;\n\nconst defaultProps: Partial<CollapsibleIconProps> = {\n    iconExpanded: <IconChevronUp aria-label=\"Collapse\" size={16} />,\n    iconCollapsed: <IconChevronDown aria-label=\"Expand\" size={16} />,\n};\n\nconst CollapsibleIcon = factory<TableCollapsibleColumnFactory>((props, ref) => {\n    const {getStyles} = useTableContext();\n    const {info, onToggle, iconExpanded, iconCollapsed, classNames, className, style, styles, ...others} = useProps(\n        'PlasmaTableCollapsibleColumn',\n        defaultProps,\n        props,\n    );\n    const handler = info.row.getToggleExpandedHandler();\n    const onClick = (e: ReactMouseEvent<HTMLButtonElement>) => {\n        e.stopPropagation();\n        onToggle?.(e);\n        handler();\n    };\n    return info.row.getCanExpand() ? (\n        <ActionIcon.Quaternary\n            ref={ref}\n            onClick={onClick}\n            color=\"gray\"\n            radius=\"sm\"\n            {...getStyles('collapsibleIcon', {className, classNames, styles, style})}\n            {...others}\n        >\n            {info.row.getIsExpanded() ? iconExpanded : iconCollapsed}\n        </ActionIcon.Quaternary>\n    ) : null;\n});\n"],"names":["IconChevronDown","IconChevronUp","factory","useProps","ActionIcon","useTableContext","sharedProps","id","enableSorting","enableHiding","meta","controlColumn","header","size","TableCollapsibleColumn","cell","info","CollapsibleIcon","TableAccordionColumn","onToggle","row","getIsExpanded","table","toggleAllRowsExpanded","defaultProps","iconExpanded","aria-label","iconCollapsed","props","ref","getStyles","classNames","className","style","styles","others","handler","getToggleExpandedHandler","onClick","e","stopPropagation","getCanExpand","Quaternary","color","radius"],"mappings":";AAAA,SAAQA,eAAe,EAAEC,aAAa,QAAO,8BAA8B;AAC3E,SAAiBC,OAAO,EAAEC,QAAQ,QAAO,gBAAgB;AAGzD,SAAQC,UAAU,QAA6B,kCAAkC;AACjF,SAAQC,eAAe,QAAO,qBAAqB;AAInD,MAAMC,cAAkC;IACpCC,IAAI;IACJC,eAAe;IACfC,cAAc;IACdC,MAAM;QACFC,eAAe;IACnB;IACAC,QAAQ;IACRC,MAAM;AACV;AAEA;;CAEC,GACD,OAAO,MAAMC,yBAA6C;IACtD,GAAGR,WAAW;IACdS,MAAM,CAACC,qBAAS,KAACC;YAAgBD,MAAMA;;AAC3C,EAAE;AAEF;;CAEC,GACD,OAAO,MAAME,uBAA2C;IACpD,GAAGZ,WAAW;IACdS,MAAM,CAACC;QACH,MAAMG,WAAW;YACb,4DAA4D;YAC5D,IAAI,CAACH,KAAKI,GAAG,CAACC,aAAa,IAAI;gBAC3BL,KAAKM,KAAK,CAACC,qBAAqB,CAAC;YACrC;QACJ;QAEA,qBAAO,KAACN;YAAgBE,UAAUA;YAAUH,MAAMA;;IACtD;AACJ,EAAE;AAgBF,MAAMQ,eAA8C;IAChDC,4BAAc,KAACxB;QAAcyB,cAAW;QAAWb,MAAM;;IACzDc,6BAAe,KAAC3B;QAAgB0B,cAAW;QAASb,MAAM;;AAC9D;AAEA,MAAMI,kBAAkBf,QAAuC,CAAC0B,OAAOC;IACnE,MAAM,EAACC,SAAS,EAAC,GAAGzB;IACpB,MAAM,EAACW,IAAI,EAAEG,QAAQ,EAAEM,YAAY,EAAEE,aAAa,EAAEI,UAAU,EAAEC,SAAS,EAAEC,KAAK,EAAEC,MAAM,EAAE,GAAGC,QAAO,GAAGhC,SACnG,gCACAqB,cACAI;IAEJ,MAAMQ,UAAUpB,KAAKI,GAAG,CAACiB,wBAAwB;IACjD,MAAMC,UAAU,CAACC;QACbA,EAAEC,eAAe;QACjBrB,WAAWoB;QACXH;IACJ;IACA,OAAOpB,KAAKI,GAAG,CAACqB,YAAY,mBACxB,KAACrC,WAAWsC,UAAU;QAClBb,KAAKA;QACLS,SAASA;QACTK,OAAM;QACNC,QAAO;QACN,GAAGd,UAAU,mBAAmB;YAACE;YAAWD;YAAYG;YAAQD;QAAK,EAAE;QACvE,GAAGE,MAAM;kBAETnB,KAAKI,GAAG,CAACC,aAAa,KAAKI,eAAeE;SAE/C;AACR"}

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

@@ -1 +0,0 @@
-{"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/esm/components/table/table-column/TableSelectableColumn.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/components/table/table-column/TableSelectableColumn.tsx"],"sourcesContent":["import {Checkbox, Tooltip} from '@mantine/core';\nimport {ColumnDef} from '@tanstack/table-core';\n\n/**\n * Generic column to use when your table needs multi selection of rows\n */\nexport const TableSelectableColumn: ColumnDef<unknown> = {\n    id: 'select',\n    enableSorting: false,\n    enableHiding: false,\n    meta: {\n        controlColumn: true,\n    },\n    header: ({table}) => {\n        const label = table.getIsAllRowsSelected() ? 'Unselect all from this page' : 'Select all from this page';\n        return (\n            <Tooltip label={label}>\n                <Checkbox\n                    checked={table.getIsAllPageRowsSelected()}\n                    indeterminate={table.getIsSomePageRowsSelected()}\n                    onChange={table.getToggleAllPageRowsSelectedHandler()}\n                    flex={1}\n                    aria-label={label}\n                />\n            </Tooltip>\n        );\n    },\n    cell: ({row}) => (\n        <Checkbox\n            checked={row.getIsSelected()}\n            indeterminate={row.getIsSomeSelected()}\n            onChange={row.getToggleSelectedHandler()}\n            flex={1}\n            aria-label=\"Select row\"\n            onDoubleClick={(event) => {\n                event.preventDefault();\n                event.stopPropagation();\n            }}\n        />\n    ),\n};\n"],"names":["Checkbox","Tooltip","TableSelectableColumn","id","enableSorting","enableHiding","meta","controlColumn","header","table","label","getIsAllRowsSelected","checked","getIsAllPageRowsSelected","indeterminate","getIsSomePageRowsSelected","onChange","getToggleAllPageRowsSelectedHandler","flex","aria-label","cell","row","getIsSelected","getIsSomeSelected","getToggleSelectedHandler","onDoubleClick","event","preventDefault","stopPropagation"],"mappings":";AAAA,SAAQA,QAAQ,EAAEC,OAAO,QAAO,gBAAgB;AAGhD;;CAEC,GACD,OAAO,MAAMC,wBAA4C;IACrDC,IAAI;IACJC,eAAe;IACfC,cAAc;IACdC,MAAM;QACFC,eAAe;IACnB;IACAC,QAAQ,CAAC,EAACC,KAAK,EAAC;QACZ,MAAMC,QAAQD,MAAME,oBAAoB,KAAK,gCAAgC;QAC7E,qBACI,KAACV;YAAQS,OAAOA;sBACZ,cAAA,KAACV;gBACGY,SAASH,MAAMI,wBAAwB;gBACvCC,eAAeL,MAAMM,yBAAyB;gBAC9CC,UAAUP,MAAMQ,mCAAmC;gBACnDC,MAAM;gBACNC,cAAYT;;;IAI5B;IACAU,MAAM,CAAC,EAACC,GAAG,EAAC,iBACR,KAACrB;YACGY,SAASS,IAAIC,aAAa;YAC1BR,eAAeO,IAAIE,iBAAiB;YACpCP,UAAUK,IAAIG,wBAAwB;YACtCN,MAAM;YACNC,cAAW;YACXM,eAAe,CAACC;gBACZA,MAAMC,cAAc;gBACpBD,MAAME,eAAe;YACzB;;AAGZ,EAAE"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"TableColumnsSelector.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-columns-selector/TableColumnsSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,QAAQ,EAGR,sBAAsB,EAGtB,OAAO,EAOV,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAIhC,MAAM,MAAM,+BAA+B,GAAG,gBAAgB,GAAG,uBAAuB,CAAC;AAEzF,MAAM,WAAW,yBAA0B,SAAQ,QAAQ,EAAE,sBAAsB,CAAC,2BAA2B,CAAC;IAC5G;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,MAAM,MAAM,2BAA2B,GAAG,OAAO,CAAC;IAC9C,KAAK,EAAE,yBAAyB,CAAC;IACjC,GAAG,EAAE,cAAc,CAAC;IACpB,WAAW,EAAE,+BAA+B,CAAC;IAC7C,QAAQ,EAAE,IAAI,CAAC;CAClB,CAAC,CAAC;AAUH,eAAO,MAAM,oBAAoB;WAdtB,yBAAyB;SAC3B,cAAc;iBACN,+BAA+B;cAClC,IAAI;EAoGhB,CAAC"}

package/dist/esm/components/table/table-columns-selector/TableColumnsSelector.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/components/table/table-columns-selector/TableColumnsSelector.tsx"],"sourcesContent":["import {\n    BoxProps,\n    Button,\n    Checkbox,\n    CompoundStylesApiProps,\n    Divider,\n    factory,\n    Factory,\n    Grid,\n    Popover,\n    ScrollArea,\n    Stack,\n    Tooltip,\n    useProps,\n} from '@mantine/core';\nimport {flexRender, Header} from '@tanstack/react-table';\nimport {ReactNode} from 'react';\nimport {TableComponentsOrder} from '../Table.js';\nimport {useTableContext} from '../TableContext.js';\n\nexport type TableColumnsSelectorStylesNames = 'columnSelector' | 'columnSelectorWrapper';\n\nexport interface TableColumnsSelectorProps extends BoxProps, CompoundStylesApiProps<TableColumnsSelectorFactory> {\n    /**\n     * The label of the button\n     * @default 'Edit columns'\n     */\n    label?: ReactNode;\n    /**\n     * The style variant of the button\n     * @default 'outline'\n     */\n    buttonVariant?: string;\n    /**\n     * Whether the count of visible columns is shown in the button label.\n     * @default false\n     */\n    showVisibleCountLabel?: boolean;\n    /**\n     * The maximum number of columns that can be selected at the same time.\n     * If defined a footer will render with the remaining number of columns that can be selected.\n     */\n    maxSelectableColumns?: number;\n    /**\n     * The content to display in the footer when maxSelectableColumns is defined.\n     */\n    footer?: ReactNode;\n    /**\n     * The tooltip to display when the user hovers over a disabled checkbox because of the limit.\n     * @default 'You have reached the maximum display limit.'\n     */\n    limitReachedTooltip?: string;\n    /**\n     * The tooltip to display when the user hovers over a disabled checkbox because a column cannot be hidden.\n     * @default 'This column is always visible.'\n     */\n    alwaysVisibleTooltip?: string;\n}\n\nexport type TableColumnsSelectorFactory = Factory<{\n    props: TableColumnsSelectorProps;\n    ref: HTMLDivElement;\n    stylesNames: TableColumnsSelectorStylesNames;\n    compound: true;\n}>;\n\nconst defaultProps: Partial<TableColumnsSelectorProps> = {\n    label: 'Edit columns',\n    buttonVariant: 'outline',\n    limitReachedTooltip: 'You have reached the maximum display limit.',\n    alwaysVisibleTooltip: 'This column is always visible.',\n    showVisibleCountLabel: false,\n};\n\nexport const TableColumnsSelector = factory<TableColumnsSelectorFactory>((props, ref) => {\n    const {getStyles} = useTableContext();\n    const {\n        label,\n        buttonVariant,\n        showVisibleCountLabel,\n        maxSelectableColumns,\n        footer,\n        limitReachedTooltip,\n        alwaysVisibleTooltip,\n        classNames,\n        className,\n        styles,\n        style,\n        vars,\n        ...others\n    } = useProps('TableColumnsSelector', defaultProps, props);\n    const {table} = useTableContext();\n\n    const allColumns = table.getAllLeafColumns();\n\n    const filteredColumns = allColumns.filter((column) => !column.columnDef.meta?.controlColumn);\n    const selectedColumnsCount = filteredColumns.filter((column) => column.getIsVisible()).length;\n\n    if (filteredColumns.length <= 0) {\n        return null;\n    }\n\n    const stylesApiProps = {classNames, styles};\n\n    return (\n        <Grid.Col\n            span=\"content\"\n            order={TableComponentsOrder.ColumnsSelector}\n            {...getStyles('columnSelector', {className, style, ...stylesApiProps})}\n            {...others}\n        >\n            <Popover withinPortal position=\"bottom\" shadow=\"md\">\n                <Popover.Target>\n                    <Button variant={buttonVariant}>\n                        {label}\n                        {showVisibleCountLabel ? ` (${selectedColumnsCount})` : ''}\n                    </Button>\n                </Popover.Target>\n                <Popover.Dropdown miw={240}>\n                    <ScrollArea.Autosize mah={154}>\n                        <Stack {...getStyles('columnSelectorWrapper', stylesApiProps)}>\n                            {filteredColumns.map((column) => {\n                                const alwaysVisible = !column.getCanHide();\n                                const isDisabled =\n                                    (selectedColumnsCount >= maxSelectableColumns && !column.getIsVisible()) ||\n                                    alwaysVisible;\n\n                                return (\n                                    <Tooltip\n                                        label={alwaysVisible ? alwaysVisibleTooltip : limitReachedTooltip}\n                                        disabled={!isDisabled}\n                                        position=\"left\"\n                                        key={column.id}\n                                    >\n                                        <div>\n                                            <Checkbox\n                                                key={column.id}\n                                                label={flexRender(column.columnDef.header, {\n                                                    table,\n                                                    column,\n                                                    header: {column} as Header<unknown, unknown>,\n                                                })}\n                                                name={column.id}\n                                                checked={column.getIsVisible() || alwaysVisible}\n                                                disabled={isDisabled}\n                                                onChange={column.getToggleVisibilityHandler()}\n                                            />\n                                        </div>\n                                    </Tooltip>\n                                );\n                            })}\n                        </Stack>\n                    </ScrollArea.Autosize>\n                    {maxSelectableColumns && (\n                        <>\n                            <Divider mb=\"xs\" mt=\"sm\" />\n                            {footer}\n                        </>\n                    )}\n                </Popover.Dropdown>\n            </Popover>\n        </Grid.Col>\n    );\n});\n"],"names":["Button","Checkbox","Divider","factory","Grid","Popover","ScrollArea","Stack","Tooltip","useProps","flexRender","TableComponentsOrder","useTableContext","defaultProps","label","buttonVariant","limitReachedTooltip","alwaysVisibleTooltip","showVisibleCountLabel","TableColumnsSelector","props","ref","getStyles","maxSelectableColumns","footer","classNames","className","styles","style","vars","others","table","allColumns","getAllLeafColumns","filteredColumns","filter","column","columnDef","meta","controlColumn","selectedColumnsCount","getIsVisible","length","stylesApiProps","Col","span","order","ColumnsSelector","withinPortal","position","shadow","Target","variant","Dropdown","miw","Autosize","mah","map","alwaysVisible","getCanHide","isDisabled","disabled","div","header","name","id","checked","onChange","getToggleVisibilityHandler","mb","mt"],"mappings":";AAAA,SAEIA,MAAM,EACNC,QAAQ,EAERC,OAAO,EACPC,OAAO,EAEPC,IAAI,EACJC,OAAO,EACPC,UAAU,EACVC,KAAK,EACLC,OAAO,EACPC,QAAQ,QACL,gBAAgB;AACvB,SAAQC,UAAU,QAAe,wBAAwB;AAEzD,SAAQC,oBAAoB,QAAO,cAAc;AACjD,SAAQC,eAAe,QAAO,qBAAqB;AAgDnD,MAAMC,eAAmD;IACrDC,OAAO;IACPC,eAAe;IACfC,qBAAqB;IACrBC,sBAAsB;IACtBC,uBAAuB;AAC3B;AAEA,OAAO,MAAMC,uBAAuBhB,QAAqC,CAACiB,OAAOC;IAC7E,MAAM,EAACC,SAAS,EAAC,GAAGV;IACpB,MAAM,EACFE,KAAK,EACLC,aAAa,EACbG,qBAAqB,EACrBK,oBAAoB,EACpBC,MAAM,EACNR,mBAAmB,EACnBC,oBAAoB,EACpBQ,UAAU,EACVC,SAAS,EACTC,MAAM,EACNC,KAAK,EACLC,IAAI,EACJ,GAAGC,QACN,GAAGrB,SAAS,wBAAwBI,cAAcO;IACnD,MAAM,EAACW,KAAK,EAAC,GAAGnB;IAEhB,MAAMoB,aAAaD,MAAME,iBAAiB;IAE1C,MAAMC,kBAAkBF,WAAWG,MAAM,CAAC,CAACC,SAAW,CAACA,OAAOC,SAAS,CAACC,IAAI,EAAEC;IAC9E,MAAMC,uBAAuBN,gBAAgBC,MAAM,CAAC,CAACC,SAAWA,OAAOK,YAAY,IAAIC,MAAM;IAE7F,IAAIR,gBAAgBQ,MAAM,IAAI,GAAG;QAC7B,OAAO;IACX;IAEA,MAAMC,iBAAiB;QAAClB;QAAYE;IAAM;IAE1C,qBACI,KAACvB,KAAKwC,GAAG;QACLC,MAAK;QACLC,OAAOnC,qBAAqBoC,eAAe;QAC1C,GAAGzB,UAAU,kBAAkB;YAACI;YAAWE;YAAO,GAAGe,cAAc;QAAA,EAAE;QACrE,GAAGb,MAAM;kBAEV,cAAA,MAACzB;YAAQ2C,YAAY;YAACC,UAAS;YAASC,QAAO;;8BAC3C,KAAC7C,QAAQ8C,MAAM;8BACX,cAAA,MAACnD;wBAAOoD,SAASrC;;4BACZD;4BACAI,wBAAwB,CAAC,EAAE,EAAEsB,qBAAqB,CAAC,CAAC,GAAG;;;;8BAGhE,MAACnC,QAAQgD,QAAQ;oBAACC,KAAK;;sCACnB,KAAChD,WAAWiD,QAAQ;4BAACC,KAAK;sCACtB,cAAA,KAACjD;gCAAO,GAAGe,UAAU,yBAAyBqB,eAAe;0CACxDT,gBAAgBuB,GAAG,CAAC,CAACrB;oCAClB,MAAMsB,gBAAgB,CAACtB,OAAOuB,UAAU;oCACxC,MAAMC,aACF,AAACpB,wBAAwBjB,wBAAwB,CAACa,OAAOK,YAAY,MACrEiB;oCAEJ,qBACI,KAAClD;wCACGM,OAAO4C,gBAAgBzC,uBAAuBD;wCAC9C6C,UAAU,CAACD;wCACXX,UAAS;kDAGT,cAAA,KAACa;sDACG,cAAA,KAAC7D;gDAEGa,OAAOJ,WAAW0B,OAAOC,SAAS,CAAC0B,MAAM,EAAE;oDACvChC;oDACAK;oDACA2B,QAAQ;wDAAC3B;oDAAM;gDACnB;gDACA4B,MAAM5B,OAAO6B,EAAE;gDACfC,SAAS9B,OAAOK,YAAY,MAAMiB;gDAClCG,UAAUD;gDACVO,UAAU/B,OAAOgC,0BAA0B;+CATtChC,OAAO6B,EAAE;;uCAJjB7B,OAAO6B,EAAE;gCAkB1B;;;wBAGP1C,sCACG;;8CACI,KAACrB;oCAAQmE,IAAG;oCAAKC,IAAG;;gCACnB9C;;;;;;;;AAO7B,GAAG"}

package/dist/esm/components/table/table-date-range-picker/TableDateRangePicker.d.ts

@@ -1,31 +0,0 @@
-import { BoxProps, CompoundStylesApiProps, Factory } from '@mantine/core';
-import { DateRangePickerInlineCalendarProps } from '../../date-range-picker/DateRangePickerInlineCalendar.js';
-import { DateRangePickerPreset } from '../../date-range-picker/DateRangePickerPresetSelect.js';
-export type TableDateRangePickerStylesNames = 'dateRangeRoot';
-export interface TableDateRangePickerProps extends BoxProps, CompoundStylesApiProps<TableDateRangePickerFactory>, Pick<DateRangePickerInlineCalendarProps, 'startProps' | 'endProps' | 'rangeCalendarProps'> {
-    /**
-     * An object containing date presets.
-     * If empty the preset dropdown won't be shown
-     *
-     * @example
-     * {
-     *     january: {label: 'January', range: [new Date(2022, 0, 1), new Date(2022, 0, 31)]},
-     *     february: {label: 'February', range: [new Date(2022, 1, 1), new Date(2022, 1, 28)]}
-     * }
-     * @default {}
-     */
-    presets?: Record<string, DateRangePickerPreset>;
-}
-export type TableDateRangePickerFactory = Factory<{
-    props: TableDateRangePickerProps;
-    ref: HTMLDivElement;
-    stylesNames: TableDateRangePickerStylesNames;
-    compound: true;
-}>;
-export declare const TableDateRangePicker: import("@mantine/core").MantineComponent<{
-    props: TableDateRangePickerProps;
-    ref: HTMLDivElement;
-    stylesNames: TableDateRangePickerStylesNames;
-    compound: true;
-}>;
-//# sourceMappingURL=TableDateRangePicker.d.ts.map

package/dist/esm/components/table/table-date-range-picker/TableDateRangePicker.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableDateRangePicker.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-date-range-picker/TableDateRangePicker.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,QAAQ,EAAE,sBAAsB,EAAE,OAAO,EAA8C,MAAM,eAAe,CAAC;AAKrH,OAAO,EAEH,kCAAkC,EACrC,MAAM,0DAA0D,CAAC;AAClE,OAAO,EAAC,qBAAqB,EAAC,MAAM,wDAAwD,CAAC;AAI7F,MAAM,MAAM,+BAA+B,GAAG,eAAe,CAAC;AAE9D,MAAM,WAAW,yBACb,SAAQ,QAAQ,EACZ,sBAAsB,CAAC,2BAA2B,CAAC,EACnD,IAAI,CAAC,kCAAkC,EAAE,YAAY,GAAG,UAAU,GAAG,oBAAoB,CAAC;IAC9F;;;;;;;;;;OAUG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAC;CACnD;AAED,MAAM,MAAM,2BAA2B,GAAG,OAAO,CAAC;IAC9C,KAAK,EAAE,yBAAyB,CAAC;IACjC,GAAG,EAAE,cAAc,CAAC;IACpB,WAAW,EAAE,+BAA+B,CAAC;IAC7C,QAAQ,EAAE,IAAI,CAAC;CAClB,CAAC,CAAC;AAMH,eAAO,MAAM,oBAAoB;WAVtB,yBAAyB;SAC3B,cAAc;iBACN,+BAA+B;cAClC,IAAI;EAiEhB,CAAC"}

package/dist/esm/components/table/table-date-range-picker/TableDateRangePicker.js

@@ -1,74 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CalendarSize16Px } from '@coveord/plasma-react-icons';
-import { factory, Grid, InputBase, Popover, useProps } from '@mantine/core';
-import dayjs from 'dayjs';
-import { useState } from 'react';
-import { DateRangePickerInlineCalendar } from '../../date-range-picker/DateRangePickerInlineCalendar.js';
-import { TableComponentsOrder } from '../Table.js';
-import { useTableContext } from '../TableContext.js';
-const defaultProps = {
-    presets: {}
-};
-export const TableDateRangePicker = factory((props, ref)=>{
-    const { store, getStyles } = useTableContext();
-    const { presets, rangeCalendarProps, classNames, className, styles, style, vars, ...others } = useProps('PlasmaTableDateRangePicker', defaultProps, props);
-    const [opened, setOpened] = useState(false);
-    const onApply = (dates)=>{
-        store.setDateRange(dates);
-        store.setPagination({
-            pageIndex: 0,
-            pageSize: store.state.pagination.pageSize
-        });
-        setOpened(false);
-    };
-    const onCancel = ()=>{
-        setOpened(false);
-    };
-    const formatDate = (date)=>dayjs(date).format('MMM D, YYYY');
-    const formattedRange = `${formatDate(store.state.dateRange[0])} - ${formatDate(store.state.dateRange[1])}`;
-    const dateRangeInitialized = store.state.dateRange.every((date)=>typeof date === 'string' && date !== '');
-    const stylesApiProps = {
-        classNames,
-        styles
-    };
-    return /*#__PURE__*/ _jsx(Grid.Col, {
-        span: "content",
-        order: TableComponentsOrder.DateRangePicker,
-        ref: ref,
-        ...getStyles('dateRangeRoot', {
-            className,
-            style,
-            ...stylesApiProps
-        }),
-        ...others,
-        children: /*#__PURE__*/ _jsxs(Popover, {
-            opened: opened,
-            onChange: setOpened,
-            children: [
-                /*#__PURE__*/ _jsx(Popover.Target, {
-                    children: /*#__PURE__*/ _jsx(InputBase, {
-                        component: "button",
-                        leftSection: /*#__PURE__*/ _jsx(CalendarSize16Px, {
-                            height: 16
-                        }),
-                        miw: 220,
-                        onClick: ()=>setOpened(true),
-                        children: dateRangeInitialized ? formattedRange : 'Select date range'
-                    })
-                }),
-                /*#__PURE__*/ _jsx(Popover.Dropdown, {
-                    p: 0,
-                    children: /*#__PURE__*/ _jsx(DateRangePickerInlineCalendar, {
-                        initialRange: store.state.dateRange,
-                        onApply: onApply,
-                        onCancel: onCancel,
-                        presets: presets,
-                        rangeCalendarProps: rangeCalendarProps
-                    })
-                })
-            ]
-        })
-    });
-});
-
-//# sourceMappingURL=TableDateRangePicker.js.map

package/dist/esm/components/table/table-date-range-picker/TableDateRangePicker.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/components/table/table-date-range-picker/TableDateRangePicker.tsx"],"sourcesContent":["import {CalendarSize16Px} from '@coveord/plasma-react-icons';\nimport {BoxProps, CompoundStylesApiProps, Factory, factory, Grid, InputBase, Popover, useProps} from '@mantine/core';\nimport dayjs from 'dayjs';\n\nimport {type DatesRangeValue, type DateStringValue} from '@mantine/dates';\nimport {useState} from 'react';\nimport {\n    DateRangePickerInlineCalendar,\n    DateRangePickerInlineCalendarProps,\n} from '../../date-range-picker/DateRangePickerInlineCalendar.js';\nimport {DateRangePickerPreset} from '../../date-range-picker/DateRangePickerPresetSelect.js';\nimport {TableComponentsOrder} from '../Table.js';\nimport {useTableContext} from '../TableContext.js';\n\nexport type TableDateRangePickerStylesNames = 'dateRangeRoot';\n\nexport interface TableDateRangePickerProps\n    extends BoxProps,\n        CompoundStylesApiProps<TableDateRangePickerFactory>,\n        Pick<DateRangePickerInlineCalendarProps, 'startProps' | 'endProps' | 'rangeCalendarProps'> {\n    /**\n     * An object containing date presets.\n     * If empty the preset dropdown won't be shown\n     *\n     * @example\n     * {\n     *     january: {label: 'January', range: [new Date(2022, 0, 1), new Date(2022, 0, 31)]},\n     *     february: {label: 'February', range: [new Date(2022, 1, 1), new Date(2022, 1, 28)]}\n     * }\n     * @default {}\n     */\n    presets?: Record<string, DateRangePickerPreset>;\n}\n\nexport type TableDateRangePickerFactory = Factory<{\n    props: TableDateRangePickerProps;\n    ref: HTMLDivElement;\n    stylesNames: TableDateRangePickerStylesNames;\n    compound: true;\n}>;\n\nconst defaultProps: Partial<TableDateRangePickerProps> = {\n    presets: {},\n};\n\nexport const TableDateRangePicker = factory<TableDateRangePickerFactory>((props, ref) => {\n    const {store, getStyles} = useTableContext();\n    const {presets, rangeCalendarProps, classNames, className, styles, style, vars, ...others} = useProps(\n        'PlasmaTableDateRangePicker',\n        defaultProps,\n        props,\n    );\n    const [opened, setOpened] = useState(false);\n\n    const onApply = (dates: DatesRangeValue<DateStringValue | null>) => {\n        store.setDateRange(dates);\n        store.setPagination({pageIndex: 0, pageSize: store.state.pagination.pageSize});\n        setOpened(false);\n    };\n\n    const onCancel = () => {\n        setOpened(false);\n    };\n\n    const formatDate = (date: DateStringValue) => dayjs(date).format('MMM D, YYYY');\n    const formattedRange = `${formatDate(store.state.dateRange[0])} - ${formatDate(store.state.dateRange[1])}`;\n    const dateRangeInitialized = store.state.dateRange.every(\n        (date: DateStringValue) => typeof date === 'string' && date !== '',\n    );\n\n    const stylesApiProps = {classNames, styles};\n\n    return (\n        <Grid.Col\n            span=\"content\"\n            order={TableComponentsOrder.DateRangePicker}\n            ref={ref}\n            {...getStyles('dateRangeRoot', {className, style, ...stylesApiProps})}\n            {...others}\n        >\n            <Popover opened={opened} onChange={setOpened}>\n                <Popover.Target>\n                    <InputBase\n                        component=\"button\"\n                        leftSection={<CalendarSize16Px height={16} />}\n                        miw={220}\n                        onClick={() => setOpened(true)}\n                    >\n                        {dateRangeInitialized ? formattedRange : 'Select date range'}\n                    </InputBase>\n                </Popover.Target>\n                <Popover.Dropdown p={0}>\n                    <DateRangePickerInlineCalendar\n                        initialRange={store.state.dateRange}\n                        onApply={onApply}\n                        onCancel={onCancel}\n                        presets={presets}\n                        rangeCalendarProps={rangeCalendarProps}\n                    />\n                </Popover.Dropdown>\n            </Popover>\n        </Grid.Col>\n    );\n});\n"],"names":["CalendarSize16Px","factory","Grid","InputBase","Popover","useProps","dayjs","useState","DateRangePickerInlineCalendar","TableComponentsOrder","useTableContext","defaultProps","presets","TableDateRangePicker","props","ref","store","getStyles","rangeCalendarProps","classNames","className","styles","style","vars","others","opened","setOpened","onApply","dates","setDateRange","setPagination","pageIndex","pageSize","state","pagination","onCancel","formatDate","date","format","formattedRange","dateRange","dateRangeInitialized","every","stylesApiProps","Col","span","order","DateRangePicker","onChange","Target","component","leftSection","height","miw","onClick","Dropdown","p","initialRange"],"mappings":";AAAA,SAAQA,gBAAgB,QAAO,8BAA8B;AAC7D,SAAmDC,OAAO,EAAEC,IAAI,EAAEC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAO,gBAAgB;AACrH,OAAOC,WAAW,QAAQ;AAG1B,SAAQC,QAAQ,QAAO,QAAQ;AAC/B,SACIC,6BAA6B,QAE1B,2DAA2D;AAElE,SAAQC,oBAAoB,QAAO,cAAc;AACjD,SAAQC,eAAe,QAAO,qBAAqB;AA6BnD,MAAMC,eAAmD;IACrDC,SAAS,CAAC;AACd;AAEA,OAAO,MAAMC,uBAAuBZ,QAAqC,CAACa,OAAOC;IAC7E,MAAM,EAACC,KAAK,EAAEC,SAAS,EAAC,GAAGP;IAC3B,MAAM,EAACE,OAAO,EAAEM,kBAAkB,EAAEC,UAAU,EAAEC,SAAS,EAAEC,MAAM,EAAEC,KAAK,EAAEC,IAAI,EAAE,GAAGC,QAAO,GAAGnB,SACzF,8BACAM,cACAG;IAEJ,MAAM,CAACW,QAAQC,UAAU,GAAGnB,SAAS;IAErC,MAAMoB,UAAU,CAACC;QACbZ,MAAMa,YAAY,CAACD;QACnBZ,MAAMc,aAAa,CAAC;YAACC,WAAW;YAAGC,UAAUhB,MAAMiB,KAAK,CAACC,UAAU,CAACF,QAAQ;QAAA;QAC5EN,UAAU;IACd;IAEA,MAAMS,WAAW;QACbT,UAAU;IACd;IAEA,MAAMU,aAAa,CAACC,OAA0B/B,MAAM+B,MAAMC,MAAM,CAAC;IACjE,MAAMC,iBAAiB,GAAGH,WAAWpB,MAAMiB,KAAK,CAACO,SAAS,CAAC,EAAE,EAAE,GAAG,EAAEJ,WAAWpB,MAAMiB,KAAK,CAACO,SAAS,CAAC,EAAE,GAAG;IAC1G,MAAMC,uBAAuBzB,MAAMiB,KAAK,CAACO,SAAS,CAACE,KAAK,CACpD,CAACL,OAA0B,OAAOA,SAAS,YAAYA,SAAS;IAGpE,MAAMM,iBAAiB;QAACxB;QAAYE;IAAM;IAE1C,qBACI,KAACnB,KAAK0C,GAAG;QACLC,MAAK;QACLC,OAAOrC,qBAAqBsC,eAAe;QAC3ChC,KAAKA;QACJ,GAAGE,UAAU,iBAAiB;YAACG;YAAWE;YAAO,GAAGqB,cAAc;QAAA,EAAE;QACpE,GAAGnB,MAAM;kBAEV,cAAA,MAACpB;YAAQqB,QAAQA;YAAQuB,UAAUtB;;8BAC/B,KAACtB,QAAQ6C,MAAM;8BACX,cAAA,KAAC9C;wBACG+C,WAAU;wBACVC,2BAAa,KAACnD;4BAAiBoD,QAAQ;;wBACvCC,KAAK;wBACLC,SAAS,IAAM5B,UAAU;kCAExBe,uBAAuBF,iBAAiB;;;8BAGjD,KAACnC,QAAQmD,QAAQ;oBAACC,GAAG;8BACjB,cAAA,KAAChD;wBACGiD,cAAczC,MAAMiB,KAAK,CAACO,SAAS;wBACnCb,SAASA;wBACTQ,UAAUA;wBACVvB,SAASA;wBACTM,oBAAoBA;;;;;;AAM5C,GAAG"}

package/dist/esm/components/table/table-filter/TableFilter.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableFilter.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-filter/TableFilter.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,QAAQ,EAAE,sBAAsB,EAAE,OAAO,EAAqC,MAAM,eAAe,CAAC;AAQ5G,MAAM,MAAM,sBAAsB,GAAG,YAAY,GAAG,eAAe,GAAG,aAAa,CAAC;AAEpF,MAAM,WAAW,gBAAiB,SAAQ,QAAQ,EAAE,sBAAsB,CAAC,kBAAkB,CAAC;IAC1F;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,MAAM,kBAAkB,GAAG,OAAO,CAAC;IACrC,KAAK,EAAE,gBAAgB,CAAC;IACxB,GAAG,EAAE,cAAc,CAAC;IACpB,WAAW,EAAE,sBAAsB,CAAC;IACpC,QAAQ,EAAE,IAAI,CAAC;CAClB,CAAC,CAAC;AAMH,eAAO,MAAM,WAAW;WAVb,gBAAgB;SAClB,cAAc;iBACN,sBAAsB;cACzB,IAAI;EAiEhB,CAAC"}

package/dist/esm/components/table/table-filter/TableFilter.js

@@ -1,73 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { IconSearch, IconX } from '@coveord/plasma-react-icons';
-import { factory, Grid, TextInput, useProps } from '@mantine/core';
-import { useDebouncedValue, useDidUpdate } from '@mantine/hooks';
-import { useEffect, useState } from 'react';
-import { ActionIcon } from '../../action-icon/ActionIcon.js';
-import { TableComponentsOrder } from '../Table.js';
-import { useTableContext } from '../TableContext.js';
-const defaultProps = {
-    placeholder: 'Search by any field'
-};
-export const TableFilter = factory((props, ref)=>{
-    const { store, getStyles } = useTableContext();
-    const { placeholder, classNames, className, styles, style, vars, ...others } = useProps('PlasmaTableFilter', defaultProps, props);
-    const [filter, setFilter] = useState(store.state.globalFilter);
-    const [debounced, cancel] = useDebouncedValue(filter, 300);
-    useDidUpdate(()=>{
-        store.setGlobalFilter(debounced);
-        store.setPagination({
-            pageIndex: 0,
-            pageSize: store.state.pagination.pageSize
-        });
-        return cancel;
-    }, [
-        debounced
-    ]);
-    const handleChange = (event)=>{
-        const { value } = event.currentTarget;
-        setFilter(value);
-    };
-    const handleClear = ()=>{
-        setFilter('');
-    };
-    useEffect(()=>{
-        setFilter(store.state.globalFilter);
-    }, [
-        store.state.globalFilter
-    ]);
-    const stylesApiProps = {
-        classNames,
-        styles
-    };
-    return /*#__PURE__*/ _jsx(Grid.Col, {
-        span: "content",
-        order: TableComponentsOrder.Filter,
-        ref: ref,
-        ...getStyles('filterRoot', {
-            className,
-            style,
-            ...stylesApiProps
-        }),
-        ...others,
-        children: /*#__PURE__*/ _jsx(TextInput, {
-            ...getStyles('filterWrapper', stylesApiProps),
-            placeholder: placeholder,
-            autoComplete: "off",
-            rightSection: filter ? /*#__PURE__*/ _jsx(ActionIcon.Quaternary, {
-                onClick: handleClear,
-                children: /*#__PURE__*/ _jsx(IconX, {
-                    "aria-label": "clear",
-                    size: 16
-                })
-            }) : /*#__PURE__*/ _jsx(IconSearch, {
-                size: 16,
-                ...getStyles('filterEmpty', stylesApiProps)
-            }),
-            value: filter,
-            onChange: handleChange
-        })
-    });
-});
-
-//# sourceMappingURL=TableFilter.js.map

package/dist/esm/components/table/table-filter/TableFilter.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/components/table/table-filter/TableFilter.tsx"],"sourcesContent":["import {IconSearch, IconX} from '@coveord/plasma-react-icons';\nimport {BoxProps, CompoundStylesApiProps, Factory, factory, Grid, TextInput, useProps} from '@mantine/core';\nimport {useDebouncedValue, useDidUpdate} from '@mantine/hooks';\nimport {ChangeEventHandler, MouseEventHandler, useEffect, useState} from 'react';\n\nimport {ActionIcon} from '../../action-icon/ActionIcon.js';\nimport {TableComponentsOrder} from '../Table.js';\nimport {useTableContext} from '../TableContext.js';\n\nexport type TableFilterStylesNames = 'filterRoot' | 'filterWrapper' | 'filterEmpty';\n\nexport interface TableFilterProps extends BoxProps, CompoundStylesApiProps<TableFilterFactory> {\n    /**\n     * The placeholder for the filter input\n     *\n     * @default \"Search by any field\"\n     */\n    placeholder?: string;\n}\n\nexport type TableFilterFactory = Factory<{\n    props: TableFilterProps;\n    ref: HTMLDivElement;\n    stylesNames: TableFilterStylesNames;\n    compound: true;\n}>;\n\nconst defaultProps: Partial<TableFilterProps> = {\n    placeholder: 'Search by any field',\n};\n\nexport const TableFilter = factory<TableFilterFactory>((props, ref) => {\n    const {store, getStyles} = useTableContext();\n    const {placeholder, classNames, className, styles, style, vars, ...others} = useProps(\n        'PlasmaTableFilter',\n        defaultProps,\n        props,\n    );\n    const [filter, setFilter] = useState(store.state.globalFilter);\n    const [debounced, cancel] = useDebouncedValue(filter, 300);\n\n    useDidUpdate(() => {\n        store.setGlobalFilter(debounced);\n        store.setPagination({pageIndex: 0, pageSize: store.state.pagination.pageSize});\n\n        return cancel;\n    }, [debounced]);\n\n    const handleChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n        const {value} = event.currentTarget;\n        setFilter(value);\n    };\n\n    const handleClear: MouseEventHandler<HTMLButtonElement> = () => {\n        setFilter('');\n    };\n\n    useEffect(() => {\n        setFilter(store.state.globalFilter);\n    }, [store.state.globalFilter]);\n\n    const stylesApiProps = {classNames, styles};\n\n    return (\n        <Grid.Col\n            span=\"content\"\n            order={TableComponentsOrder.Filter}\n            ref={ref}\n            {...getStyles('filterRoot', {className, style, ...stylesApiProps})}\n            {...others}\n        >\n            <TextInput\n                {...getStyles('filterWrapper', stylesApiProps)}\n                placeholder={placeholder}\n                autoComplete=\"off\"\n                rightSection={\n                    filter ? (\n                        <ActionIcon.Quaternary onClick={handleClear}>\n                            <IconX aria-label=\"clear\" size={16} />\n                        </ActionIcon.Quaternary>\n                    ) : (\n                        <IconSearch size={16} {...getStyles('filterEmpty', stylesApiProps)} />\n                    )\n                }\n                value={filter}\n                onChange={handleChange}\n            />\n        </Grid.Col>\n    );\n});\n"],"names":["IconSearch","IconX","factory","Grid","TextInput","useProps","useDebouncedValue","useDidUpdate","useEffect","useState","ActionIcon","TableComponentsOrder","useTableContext","defaultProps","placeholder","TableFilter","props","ref","store","getStyles","classNames","className","styles","style","vars","others","filter","setFilter","state","globalFilter","debounced","cancel","setGlobalFilter","setPagination","pageIndex","pageSize","pagination","handleChange","event","value","currentTarget","handleClear","stylesApiProps","Col","span","order","Filter","autoComplete","rightSection","Quaternary","onClick","aria-label","size","onChange"],"mappings":";AAAA,SAAQA,UAAU,EAAEC,KAAK,QAAO,8BAA8B;AAC9D,SAAmDC,OAAO,EAAEC,IAAI,EAAEC,SAAS,EAAEC,QAAQ,QAAO,gBAAgB;AAC5G,SAAQC,iBAAiB,EAAEC,YAAY,QAAO,iBAAiB;AAC/D,SAA+CC,SAAS,EAAEC,QAAQ,QAAO,QAAQ;AAEjF,SAAQC,UAAU,QAAO,kCAAkC;AAC3D,SAAQC,oBAAoB,QAAO,cAAc;AACjD,SAAQC,eAAe,QAAO,qBAAqB;AAoBnD,MAAMC,eAA0C;IAC5CC,aAAa;AACjB;AAEA,OAAO,MAAMC,cAAcb,QAA4B,CAACc,OAAOC;IAC3D,MAAM,EAACC,KAAK,EAAEC,SAAS,EAAC,GAAGP;IAC3B,MAAM,EAACE,WAAW,EAAEM,UAAU,EAAEC,SAAS,EAAEC,MAAM,EAAEC,KAAK,EAAEC,IAAI,EAAE,GAAGC,QAAO,GAAGpB,SACzE,qBACAQ,cACAG;IAEJ,MAAM,CAACU,QAAQC,UAAU,GAAGlB,SAASS,MAAMU,KAAK,CAACC,YAAY;IAC7D,MAAM,CAACC,WAAWC,OAAO,GAAGzB,kBAAkBoB,QAAQ;IAEtDnB,aAAa;QACTW,MAAMc,eAAe,CAACF;QACtBZ,MAAMe,aAAa,CAAC;YAACC,WAAW;YAAGC,UAAUjB,MAAMU,KAAK,CAACQ,UAAU,CAACD,QAAQ;QAAA;QAE5E,OAAOJ;IACX,GAAG;QAACD;KAAU;IAEd,MAAMO,eAAqD,CAACC;QACxD,MAAM,EAACC,KAAK,EAAC,GAAGD,MAAME,aAAa;QACnCb,UAAUY;IACd;IAEA,MAAME,cAAoD;QACtDd,UAAU;IACd;IAEAnB,UAAU;QACNmB,UAAUT,MAAMU,KAAK,CAACC,YAAY;IACtC,GAAG;QAACX,MAAMU,KAAK,CAACC,YAAY;KAAC;IAE7B,MAAMa,iBAAiB;QAACtB;QAAYE;IAAM;IAE1C,qBACI,KAACnB,KAAKwC,GAAG;QACLC,MAAK;QACLC,OAAOlC,qBAAqBmC,MAAM;QAClC7B,KAAKA;QACJ,GAAGE,UAAU,cAAc;YAACE;YAAWE;YAAO,GAAGmB,cAAc;QAAA,EAAE;QACjE,GAAGjB,MAAM;kBAEV,cAAA,KAACrB;YACI,GAAGe,UAAU,iBAAiBuB,eAAe;YAC9C5B,aAAaA;YACbiC,cAAa;YACbC,cACItB,uBACI,KAAChB,WAAWuC,UAAU;gBAACC,SAAST;0BAC5B,cAAA,KAACxC;oBAAMkD,cAAW;oBAAQC,MAAM;;+BAGpC,KAACpD;gBAAWoD,MAAM;gBAAK,GAAGjC,UAAU,eAAeuB,eAAe;;YAG1EH,OAAOb;YACP2B,UAAUhB;;;AAI1B,GAAG"}

package/dist/esm/components/table/table-footer/TableFooter.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableFooter.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-footer/TableFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAC,MAAM,eAAe,CAAC;AAChD,OAAO,EAAC,iBAAiB,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AAEnD,MAAM,WAAW,gBAAiB,SAAQ,UAAU;IAChD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAED,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,gBAAgB,CAE3D,CAAC"}

package/dist/esm/components/table/table-footer/TableFooter.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/components/table/table-footer/TableFooter.tsx"],"sourcesContent":["import {Group, GroupProps} from '@mantine/core';\nimport {FunctionComponent, ReactNode} from 'react';\n\nexport interface TableFooterProps extends GroupProps {\n    children?: ReactNode;\n}\n\nexport const TableFooter: FunctionComponent<TableFooterProps> = ({...others}) => (\n    <Group justify=\"space-between\" px=\"xl\" py=\"md\" {...others} />\n);\n"],"names":["Group","TableFooter","others","justify","px","py"],"mappings":";AAAA,SAAQA,KAAK,QAAmB,gBAAgB;AAOhD,OAAO,MAAMC,cAAmD,CAAC,EAAC,GAAGC,QAAO,iBACxE,KAACF;QAAMG,SAAQ;QAAgBC,IAAG;QAAKC,IAAG;QAAM,GAAGH,MAAM;OAC3D"}

package/dist/esm/components/table/table-header/TableHeader.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-header/TableHeader.tsx"],"names":[],"mappings":"AACA,OAAO,EAAM,QAAQ,EAAE,sBAAsB,EAAW,OAAO,EAA0B,MAAM,eAAe,CAAC;AAC/G,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAQhC,MAAM,MAAM,sBAAsB,GAAG,YAAY,GAAG,YAAY,GAAG,iBAAiB,GAAG,WAAW,CAAC;AAEnG,MAAM,WAAW,gBACb,SAAQ,IAAI,CAAC,QAAQ,EAAE,YAAY,GAAG,QAAQ,GAAG,MAAM,CAAC,EACpD,sBAAsB,CAAC,kBAAkB,CAAC;IAE9C,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC/C;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,MAAM,kBAAkB,GAAG,OAAO,CAAC;IACrC,KAAK,EAAE,gBAAgB,CAAC;IACxB,GAAG,EAAE,cAAc,CAAC;IACpB,WAAW,EAAE,sBAAsB,CAAC;IACpC,QAAQ,EAAE,IAAI,CAAC;CAClB,CAAC,CAAC;AASH,eAAO,MAAM,WAAW;WAbb,gBAAgB;SAClB,cAAc;iBACN,sBAAsB;cACzB,IAAI;EAmEhB,CAAC"}