@coveord/plasma-mantine 56.2.6 → 56.3.1

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

@@ -13,10 +13,10 @@ var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
 var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
 var _jsxruntime = require("react/jsx-runtime");
 var _core = require("@mantine/core");
-var _index = require("../../button/index.js");
+var _Button = require("../../button/Button.js");
 var _TableContext = require("../TableContext.js");
 var _TableActionContext = require("./TableActionContext.js");
-var _index1 = require("../../menu/index.js");
+var _Menu = require("../../menu/Menu.js");
 var defaultProps = {};
 var TableActionItem = (0, _core.polymorphicFactory)(function(props, ref) {
     var getStyles = (0, _TableContext.useTableContext)().getStyles;
@@ -31,7 +31,7 @@ var TableActionItem = (0, _core.polymorphicFactory)(function(props, ref) {
         "component"
     ]);
     if (primary) {
-        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_index.Button.Quaternary, _object_spread_props._(_object_spread._({
+        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.Button.Quaternary, _object_spread_props._(_object_spread._({
             component: component,
             ref: ref
         }, others, getStyles('actionItemRoot', {
@@ -43,7 +43,7 @@ var TableActionItem = (0, _core.polymorphicFactory)(function(props, ref) {
             children: children
         }));
     }
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_index1.Menu.Item, _object_spread_props._(_object_spread._({
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Menu.Menu.Item, _object_spread_props._(_object_spread._({
         component: component,
         ref: ref
     }, others, getStyles('actionItemRoot', {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/table/table-actions/TableActionItem.tsx"],"sourcesContent":["import {CompoundStylesApiProps, PolymorphicFactory, polymorphicFactory, useProps} from '@mantine/core';\nimport {ReactNode} from 'react';\nimport {Button, ButtonProps} from '../../button/index.js';\nimport {useTableContext} from '../TableContext.js';\nimport {useTableActionContext} from './TableActionContext.js';\nimport {Menu, MenuItemProps} from '../../menu/index.js';\n\nexport type TableActionItemStylesNames = 'actionItemRoot';\n\nexport interface TableActionItemProps\n    extends Omit<ButtonProps, 'classNames' | 'styles' | 'vars' | 'variant' | 'leftSection' | 'rightSection'>,\n        Omit<MenuItemProps, 'classNames' | 'styles' | 'vars' | 'variant' | 'leftSection' | 'disabled'>,\n        CompoundStylesApiProps<TableActionItemFactory> {\n    /**\n     * Action label\n     */\n    children: ReactNode;\n    /**\n     * Content to put on the left of the label\n     */\n    leftSection?: ReactNode;\n}\n\ntype TableActionItemFactory = PolymorphicFactory<{\n    props: TableActionItemProps;\n    defaultRef: HTMLButtonElement;\n    defaultComponent: 'button';\n    stylesNames: TableActionItemStylesNames;\n    compound: true;\n}>;\n\nconst defaultProps: Partial<TableActionItemProps> = {};\n\nexport const TableActionItem = polymorphicFactory<TableActionItemFactory>(\n    (props: TableActionItemProps & {component?: any}, ref) => {\n        const {getStyles} = useTableContext();\n        const {primary} = useTableActionContext();\n        const {\n            classNames,\n            className,\n            style,\n            styles,\n            vars: _vars,\n            children,\n            component,\n            ...others\n        } = useProps('PlasmaTableActionItem', defaultProps, props);\n\n        if (primary) {\n            return (\n                <Button.Quaternary\n                    component={component}\n                    ref={ref}\n                    {...others}\n                    {...getStyles('actionItemRoot', {className, style, classNames, styles})}\n                >\n                    {children}\n                </Button.Quaternary>\n            );\n        }\n\n        return (\n            <Menu.Item\n                component={component}\n                ref={ref}\n                {...others}\n                {...getStyles('actionItemRoot', {className, style, classNames, styles})}\n            >\n                {children}\n            </Menu.Item>\n        );\n    },\n);\n"],"names":["TableActionItem","defaultProps","polymorphicFactory","props","ref","getStyles","useTableContext","primary","useTableActionContext","useProps","classNames","className","style","styles","vars","_vars","children","component","others","Button","Quaternary","Menu","Item"],"mappings":";;;;+BAiCaA;;;eAAAA;;;;;;;oBAjC0E;qBAErD;4BACJ;kCACM;sBACF;AA0BlC,IAAMC,eAA8C,CAAC;AAE9C,IAAMD,kBAAkBE,IAAAA,wBAAkB,EAC7C,SAACC,OAAiDC;IAC9C,IAAM,AAACC,YAAaC,IAAAA,6BAAe,IAA5BD;IACP,IAAM,AAACE,UAAWC,IAAAA,yCAAqB,IAAhCD;IACP,IASIE,YAAAA,IAAAA,cAAQ,EAAC,yBAAyBR,cAAcE,QARhDO,aAQAD,UARAC,YACAC,YAOAF,UAPAE,WACAC,QAMAH,UANAG,OACAC,SAKAJ,UALAI,QACAC,AAAMC,QAINN,UAJAK,MACAE,WAGAP,UAHAO,UACAC,YAEAR,UAFAQ,WACGC,sCACHT;QARAC;QACAC;QACAC;QACAC;QACAC;QACAE;QACAC;;IAIJ,IAAIV,SAAS;QACT,qBACI,qBAACY,aAAM,CAACC,UAAU;YACdH,WAAWA;YACXb,KAAKA;WACDc,QACAb,UAAU,kBAAkB;YAACM,WAAAA;YAAWC,OAAAA;YAAOF,YAAAA;YAAYG,QAAAA;QAAM;sBAEpEG;;IAGb;IAEA,qBACI,qBAACK,YAAI,CAACC,IAAI;QACNL,WAAWA;QACXb,KAAKA;OACDc,QACAb,UAAU,kBAAkB;QAACM,WAAAA;QAAWC,OAAAA;QAAOF,YAAAA;QAAYG,QAAAA;IAAM;kBAEpEG;;AAGb"}
+{"version":3,"sources":["../../../../../src/components/table/table-actions/TableActionItem.tsx"],"sourcesContent":["import {CompoundStylesApiProps, PolymorphicFactory, polymorphicFactory, useProps} from '@mantine/core';\nimport {ReactNode} from 'react';\nimport {Button, type ButtonProps} from '../../button/Button.js';\nimport {useTableContext} from '../TableContext.js';\nimport {useTableActionContext} from './TableActionContext.js';\nimport {Menu, type MenuItemProps} from '../../menu/Menu.js';\n\nexport type TableActionItemStylesNames = 'actionItemRoot';\n\nexport interface TableActionItemProps\n    extends Omit<ButtonProps, 'classNames' | 'styles' | 'vars' | 'variant' | 'leftSection' | 'rightSection'>,\n        Omit<MenuItemProps, 'classNames' | 'styles' | 'vars' | 'variant' | 'leftSection' | 'disabled'>,\n        CompoundStylesApiProps<TableActionItemFactory> {\n    /**\n     * Action label\n     */\n    children: ReactNode;\n    /**\n     * Content to put on the left of the label\n     */\n    leftSection?: ReactNode;\n}\n\ntype TableActionItemFactory = PolymorphicFactory<{\n    props: TableActionItemProps;\n    defaultRef: HTMLButtonElement;\n    defaultComponent: 'button';\n    stylesNames: TableActionItemStylesNames;\n    compound: true;\n}>;\n\nconst defaultProps: Partial<TableActionItemProps> = {};\n\nexport const TableActionItem = polymorphicFactory<TableActionItemFactory>(\n    (props: TableActionItemProps & {component?: any}, ref) => {\n        const {getStyles} = useTableContext();\n        const {primary} = useTableActionContext();\n        const {\n            classNames,\n            className,\n            style,\n            styles,\n            vars: _vars,\n            children,\n            component,\n            ...others\n        } = useProps('PlasmaTableActionItem', defaultProps, props);\n\n        if (primary) {\n            return (\n                <Button.Quaternary\n                    component={component}\n                    ref={ref}\n                    {...others}\n                    {...getStyles('actionItemRoot', {className, style, classNames, styles})}\n                >\n                    {children}\n                </Button.Quaternary>\n            );\n        }\n\n        return (\n            <Menu.Item\n                component={component}\n                ref={ref}\n                {...others}\n                {...getStyles('actionItemRoot', {className, style, classNames, styles})}\n            >\n                {children}\n            </Menu.Item>\n        );\n    },\n);\n"],"names":["TableActionItem","defaultProps","polymorphicFactory","props","ref","getStyles","useTableContext","primary","useTableActionContext","useProps","classNames","className","style","styles","vars","_vars","children","component","others","Button","Quaternary","Menu","Item"],"mappings":";;;;+BAiCaA;;;eAAAA;;;;;;;oBAjC0E;sBAEhD;4BACT;kCACM;oBACG;AA0BvC,IAAMC,eAA8C,CAAC;AAE9C,IAAMD,kBAAkBE,IAAAA,wBAAkB,EAC7C,SAACC,OAAiDC;IAC9C,IAAM,AAACC,YAAaC,IAAAA,6BAAe,IAA5BD;IACP,IAAM,AAACE,UAAWC,IAAAA,yCAAqB,IAAhCD;IACP,IASIE,YAAAA,IAAAA,cAAQ,EAAC,yBAAyBR,cAAcE,QARhDO,aAQAD,UARAC,YACAC,YAOAF,UAPAE,WACAC,QAMAH,UANAG,OACAC,SAKAJ,UALAI,QACAC,AAAMC,QAINN,UAJAK,MACAE,WAGAP,UAHAO,UACAC,YAEAR,UAFAQ,WACGC,sCACHT;QARAC;QACAC;QACAC;QACAC;QACAC;QACAE;QACAC;;IAIJ,IAAIV,SAAS;QACT,qBACI,qBAACY,cAAM,CAACC,UAAU;YACdH,WAAWA;YACXb,KAAKA;WACDc,QACAb,UAAU,kBAAkB;YAACM,WAAAA;YAAWC,OAAAA;YAAOF,YAAAA;YAAYG,QAAAA;QAAM;sBAEpEG;;IAGb;IAEA,qBACI,qBAACK,UAAI,CAACC,IAAI;QACNL,WAAWA;QACXb,KAAKA;OACDc,QACAb,UAAU,kBAAkB;QAACM,WAAAA;QAAWC,OAAAA;QAAOF,YAAAA;QAAYG,QAAAA;IAAM;kBAEpEG;;AAGb"}

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

@@ -17,9 +17,9 @@ var _jsxruntime = require("react/jsx-runtime");
 var _plasmareacticons = require("@coveord/plasma-react-icons");
 var _core = require("@mantine/core");
 var _react = require("react");
-var _index = require("../../action-icon/index.js");
-var _index1 = require("../../button/index.js");
-var _index2 = require("../../inline-confirm/index.js");
+var _ActionIcon = require("../../action-icon/ActionIcon.js");
+var _Button = require("../../button/Button.js");
+var _InlineConfirm = require("../../inline-confirm/InlineConfirm.js");
 var _TableContext = require("../TableContext.js");
 var _TableActionContext = require("./TableActionContext.js");
 var defaultProps = {
@@ -88,7 +88,7 @@ var TableActionsList = function(props) {
         };
     });
     if (variant === 'split') {
-        return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_index2.InlineConfirm, {
+        return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_InlineConfirm.InlineConfirm, {
             children: [
                 confirmPrompts,
                 /*#__PURE__*/ (0, _jsxruntime.jsx)(_TableActionContext.TableActionProvider, {
@@ -107,7 +107,7 @@ var TableActionsList = function(props) {
                         keepMounted: true,
                         children: [
                             /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Menu.Target, {
-                                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_index1.Button.Quaternary, _object_spread_props._(_object_spread._({}, getStyles('actionsTarget', {
+                                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.Button.Quaternary, _object_spread_props._(_object_spread._({}, getStyles('actionsTarget', {
                                     styles: styles,
                                     classNames: classNames
                                 })), {
@@ -131,7 +131,7 @@ var TableActionsList = function(props) {
             ]
         });
     }
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_index2.InlineConfirm, {
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_InlineConfirm.InlineConfirm, {
         children: [
             confirmPrompts,
             /*#__PURE__*/ (0, _jsxruntime.jsx)(_TableActionContext.TableActionProvider, {
@@ -151,7 +151,7 @@ var TableActionsList = function(props) {
                                 styles: styles,
                                 classNames: classNames
                             })), {
-                                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_index.ActionIcon.Quaternary, _object_spread_props._(_object_spread._({}, getStyles('actionsTarget', {
+                                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_ActionIcon.ActionIcon.Quaternary, _object_spread_props._(_object_spread._({}, getStyles('actionsTarget', {
                                     styles: styles,
                                     classNames: classNames
                                 })), {

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

@@ -1 +1 @@
-{"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/index.js';\nimport {Button} from '../../button/index.js';\nimport {InlineConfirm} from '../../inline-confirm/index.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":["TableActionsList","defaultProps","label","primaryGroupLabel","icon","MoreSize16Px","height","props","getStyles","useTableContext","useProps","actions","classNames","styles","vars","_vars","variant","others","useState","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","InlineConfirm","TableActionProvider","value","primary","length","Menu","withinPortal","keepMounted","Target","Button","Quaternary","leftSection","Dropdown","ActionsGroupsMenuItems","actionGroups","Tooltip","ActionIcon","index","Box","Label","Divider","extend","input"],"mappings":"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"}
+{"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":["TableActionsList","defaultProps","label","primaryGroupLabel","icon","MoreSize16Px","height","props","getStyles","useTableContext","useProps","actions","classNames","styles","vars","_vars","variant","others","useState","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","InlineConfirm","TableActionProvider","value","primary","length","Menu","withinPortal","keepMounted","Target","Button","Quaternary","leftSection","Dropdown","ActionsGroupsMenuItems","actionGroups","Tooltip","ActionIcon","index","Box","Label","Divider","extend","input"],"mappings":"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"}

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

@@ -22,7 +22,7 @@ var _object_without_properties = require("@swc/helpers/_/_object_without_propert
 var _jsxruntime = require("react/jsx-runtime");
 var _plasmareacticons = require("@coveord/plasma-react-icons");
 var _core = require("@mantine/core");
-var _index = require("../../action-icon/index.js");
+var _ActionIcon = require("../../action-icon/ActionIcon.js");
 var _TableContext = require("../TableContext.js");
 var sharedProps = {
     id: 'collapsible',
@@ -83,7 +83,7 @@ var CollapsibleIcon = (0, _core.factory)(function(props, ref) {
         onToggle === null || onToggle === void 0 ? void 0 : onToggle(e);
         handler();
     };
-    return info.row.getCanExpand() ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_index.ActionIcon.Quaternary, _object_spread_props._(_object_spread._({
+    return info.row.getCanExpand() ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_ActionIcon.ActionIcon.Quaternary, _object_spread_props._(_object_spread._({
         ref: ref,
         onClick: onClick,
         color: "gray",

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

@@ -1 +1 @@
-{"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, ActionIconProps} from '../../action-icon/index.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":["TableAccordionColumn","TableCollapsibleColumn","sharedProps","id","enableSorting","enableHiding","meta","controlColumn","header","size","cell","info","CollapsibleIcon","onToggle","row","getIsExpanded","table","toggleAllRowsExpanded","defaultProps","iconExpanded","IconChevronUp","aria-label","iconCollapsed","IconChevronDown","factory","props","ref","getStyles","useTableContext","useProps","classNames","className","style","styles","others","handler","getToggleExpandedHandler","onClick","e","stopPropagation","getCanExpand","ActionIcon","Quaternary","color","radius"],"mappings":";;;;;;;;;;;QA+BaA;eAAAA;;QARAC;eAAAA;;;;;;;gCAvBgC;oBACJ;qBAGC;4BACZ;AAI9B,IAAMC,cAAkC;IACpCC,IAAI;IACJC,eAAe;IACfC,cAAc;IACdC,MAAM;QACFC,eAAe;IACnB;IACAC,QAAQ;IACRC,MAAM;AACV;AAKO,IAAMR,yBAA6C,4CACnDC;IACHQ,MAAM,SAACC;6BAAS,qBAACC;YAAgBD,MAAMA;;;;AAMpC,IAAMX,uBAA2C,4CACjDE;IACHQ,MAAM,SAACC;QACH,IAAME,WAAW;YACb,4DAA4D;YAC5D,IAAI,CAACF,KAAKG,GAAG,CAACC,aAAa,IAAI;gBAC3BJ,KAAKK,KAAK,CAACC,qBAAqB,CAAC;YACrC;QACJ;QAEA,qBAAO,qBAACL;YAAgBC,UAAUA;YAAUF,MAAMA;;IACtD;;AAiBJ,IAAMO,eAA8C;IAChDC,4BAAc,qBAACC,+BAAa;QAACC,cAAW;QAAWZ,MAAM;;IACzDa,6BAAe,qBAACC,iCAAe;QAACF,cAAW;QAASZ,MAAM;;AAC9D;AAEA,IAAMG,kBAAkBY,IAAAA,aAAO,EAAgC,SAACC,OAAOC;IACnE,IAAM,AAACC,YAAaC,IAAAA,6BAAe,IAA5BD;IACP,IAAuGE,YAAAA,IAAAA,cAAQ,EAC3G,gCACAX,cACAO,QAHGd,OAAgGkB,UAAhGlB,MAAME,WAA0FgB,UAA1FhB,UAAUM,eAAgFU,UAAhFV,cAAcG,gBAAkEO,UAAlEP,eAAeQ,aAAmDD,UAAnDC,YAAYC,YAAuCF,UAAvCE,WAAWC,QAA4BH,UAA5BG,OAAOC,SAAqBJ,UAArBI,QAAWC,sCAAUL;QAAhGlB;QAAME;QAAUM;QAAcG;QAAeQ;QAAYC;QAAWC;QAAOC;;IAKlF,IAAME,UAAUxB,KAAKG,GAAG,CAACsB,wBAAwB;IACjD,IAAMC,UAAU,SAACC;QACbA,EAAEC,eAAe;QACjB1B,qBAAAA,+BAAAA,SAAWyB;QACXH;IACJ;IACA,OAAOxB,KAAKG,GAAG,CAAC0B,YAAY,mBACxB,qBAACC,iBAAU,CAACC,UAAU;QAClBhB,KAAKA;QACLW,SAASA;QACTM,OAAM;QACNC,QAAO;OACHjB,UAAU,mBAAmB;QAACI,WAAAA;QAAWD,YAAAA;QAAYG,QAAAA;QAAQD,OAAAA;IAAK,IAClEE;kBAEHvB,KAAKG,GAAG,CAACC,aAAa,KAAKI,eAAeG;UAE/C;AACR"}
+{"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":["TableAccordionColumn","TableCollapsibleColumn","sharedProps","id","enableSorting","enableHiding","meta","controlColumn","header","size","cell","info","CollapsibleIcon","onToggle","row","getIsExpanded","table","toggleAllRowsExpanded","defaultProps","iconExpanded","IconChevronUp","aria-label","iconCollapsed","IconChevronDown","factory","props","ref","getStyles","useTableContext","useProps","classNames","className","style","styles","others","handler","getToggleExpandedHandler","onClick","e","stopPropagation","getCanExpand","ActionIcon","Quaternary","color","radius"],"mappings":";;;;;;;;;;;QA+BaA;eAAAA;;QARAC;eAAAA;;;;;;;gCAvBgC;oBACJ;0BAGM;4BACjB;AAI9B,IAAMC,cAAkC;IACpCC,IAAI;IACJC,eAAe;IACfC,cAAc;IACdC,MAAM;QACFC,eAAe;IACnB;IACAC,QAAQ;IACRC,MAAM;AACV;AAKO,IAAMR,yBAA6C,4CACnDC;IACHQ,MAAM,SAACC;6BAAS,qBAACC;YAAgBD,MAAMA;;;;AAMpC,IAAMX,uBAA2C,4CACjDE;IACHQ,MAAM,SAACC;QACH,IAAME,WAAW;YACb,4DAA4D;YAC5D,IAAI,CAACF,KAAKG,GAAG,CAACC,aAAa,IAAI;gBAC3BJ,KAAKK,KAAK,CAACC,qBAAqB,CAAC;YACrC;QACJ;QAEA,qBAAO,qBAACL;YAAgBC,UAAUA;YAAUF,MAAMA;;IACtD;;AAiBJ,IAAMO,eAA8C;IAChDC,4BAAc,qBAACC,+BAAa;QAACC,cAAW;QAAWZ,MAAM;;IACzDa,6BAAe,qBAACC,iCAAe;QAACF,cAAW;QAASZ,MAAM;;AAC9D;AAEA,IAAMG,kBAAkBY,IAAAA,aAAO,EAAgC,SAACC,OAAOC;IACnE,IAAM,AAACC,YAAaC,IAAAA,6BAAe,IAA5BD;IACP,IAAuGE,YAAAA,IAAAA,cAAQ,EAC3G,gCACAX,cACAO,QAHGd,OAAgGkB,UAAhGlB,MAAME,WAA0FgB,UAA1FhB,UAAUM,eAAgFU,UAAhFV,cAAcG,gBAAkEO,UAAlEP,eAAeQ,aAAmDD,UAAnDC,YAAYC,YAAuCF,UAAvCE,WAAWC,QAA4BH,UAA5BG,OAAOC,SAAqBJ,UAArBI,QAAWC,sCAAUL;QAAhGlB;QAAME;QAAUM;QAAcG;QAAeQ;QAAYC;QAAWC;QAAOC;;IAKlF,IAAME,UAAUxB,KAAKG,GAAG,CAACsB,wBAAwB;IACjD,IAAMC,UAAU,SAACC;QACbA,EAAEC,eAAe;QACjB1B,qBAAAA,+BAAAA,SAAWyB;QACXH;IACJ;IACA,OAAOxB,KAAKG,GAAG,CAAC0B,YAAY,mBACxB,qBAACC,sBAAU,CAACC,UAAU;QAClBhB,KAAKA;QACLW,SAASA;QACTM,OAAM;QACNC,QAAO;OACHjB,UAAU,mBAAmB;QAACI,WAAAA;QAAWD,YAAAA;QAAYG,QAAAA;QAAQD,OAAAA;IAAK,IAClEE;kBAEHvB,KAAKG,GAAG,CAACC,aAAa,KAAKI,eAAeG;UAE/C;AACR"}

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

@@ -1,5 +1,6 @@
 import { BoxProps, CompoundStylesApiProps, Factory } from '@mantine/core';
-import { DateRangePickerInlineCalendarProps, DateRangePickerPreset } from '../../date-range-picker/index.js';
+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'> {
     /**

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

@@ -1 +1 @@
-{"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,EAClC,qBAAqB,EACxB,MAAM,kCAAkC,CAAC;AAI1C,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"}
+{"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/cjs/components/table/table-date-range-picker/TableDateRangePicker.js

@@ -18,7 +18,7 @@ var _plasmareacticons = require("@coveord/plasma-react-icons");
 var _core = require("@mantine/core");
 var _dayjs = /*#__PURE__*/ _interop_require_default._(require("dayjs"));
 var _react = require("react");
-var _index = require("../../date-range-picker/index.js");
+var _DateRangePickerInlineCalendar = require("../../date-range-picker/DateRangePickerInlineCalendar.js");
 var _Table = require("../Table.js");
 var _TableContext = require("../TableContext.js");
 var defaultProps = {
@@ -85,7 +85,7 @@ var TableDateRangePicker = (0, _core.factory)(function(props, ref) {
                 }),
                 /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Popover.Dropdown, {
                     p: 0,
-                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_index.DateRangePickerInlineCalendar, {
+                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_DateRangePickerInlineCalendar.DateRangePickerInlineCalendar, {
                         initialRange: store.state.dateRange,
                         onApply: onApply,
                         onCancel: onCancel,

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

@@ -1 +1 @@
-{"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    DateRangePickerPreset,\n} from '../../date-range-picker/index.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":["TableDateRangePicker","defaultProps","presets","factory","props","ref","useTableContext","store","getStyles","useProps","rangeCalendarProps","classNames","className","styles","style","vars","others","useState","opened","setOpened","onApply","dates","setDateRange","setPagination","pageIndex","pageSize","state","pagination","onCancel","formatDate","date","dayjs","format","formattedRange","dateRange","dateRangeInitialized","every","stylesApiProps","Grid","Col","span","order","TableComponentsOrder","DateRangePicker","Popover","onChange","Target","InputBase","component","leftSection","CalendarSize16Px","height","miw","onClick","Dropdown","p","DateRangePickerInlineCalendar","initialRange"],"mappings":";;;;+BA6CaA;;;eAAAA;;;;;;;;;gCA7CkB;oBACsE;8DACnF;qBAGK;qBAKhB;qBAC4B;4BACL;AA6B9B,IAAMC,eAAmD;IACrDC,SAAS,CAAC;AACd;AAEO,IAAMF,uBAAuBG,IAAAA,aAAO,EAA8B,SAACC,OAAOC;IAC7E,IAA2BC,mBAAAA,IAAAA,6BAAe,KAAnCC,QAAoBD,iBAApBC,OAAOC,YAAaF,iBAAbE;IACd,IAA6FC,YAAAA,IAAAA,cAAQ,EACjG,8BACAR,cACAG,QAHGF,UAAsFO,UAAtFP,SAASQ,qBAA6ED,UAA7EC,oBAAoBC,aAAyDF,UAAzDE,YAAYC,YAA6CH,UAA7CG,WAAWC,SAAkCJ,UAAlCI,QAAQC,QAA0BL,UAA1BK,OAAOC,OAAmBN,UAAnBM,MAASC,sCAAUP;QAAtFP;QAASQ;QAAoBC;QAAYC;QAAWC;QAAQC;QAAOC;;IAK1E,IAA4BE,+BAAAA,IAAAA,eAAQ,EAAC,YAA9BC,SAAqBD,cAAbE,YAAaF;IAE5B,IAAMG,UAAU,SAACC;QACbd,MAAMe,YAAY,CAACD;QACnBd,MAAMgB,aAAa,CAAC;YAACC,WAAW;YAAGC,UAAUlB,MAAMmB,KAAK,CAACC,UAAU,CAACF,QAAQ;QAAA;QAC5EN,UAAU;IACd;IAEA,IAAMS,WAAW;QACbT,UAAU;IACd;IAEA,IAAMU,aAAa,SAACC;eAA0BC,IAAAA,cAAK,EAACD,MAAME,MAAM,CAAC;;IACjE,IAAMC,iBAAiB,AAAC,GAA4CJ,OAA1CA,WAAWtB,MAAMmB,KAAK,CAACQ,SAAS,CAAC,EAAE,GAAE,OAA0C,OAArCL,WAAWtB,MAAMmB,KAAK,CAACQ,SAAS,CAAC,EAAE;IACvG,IAAMC,uBAAuB5B,MAAMmB,KAAK,CAACQ,SAAS,CAACE,KAAK,CACpD,SAACN;eAA0B,OAAOA,SAAS,YAAYA,SAAS;;IAGpE,IAAMO,iBAAiB;QAAC1B,YAAAA;QAAYE,QAAAA;IAAM;IAE1C,qBACI,qBAACyB,UAAI,CAACC,GAAG;QACLC,MAAK;QACLC,OAAOC,2BAAoB,CAACC,eAAe;QAC3CtC,KAAKA;OACDG,UAAU,iBAAiB;QAACI,WAAAA;QAAWE,OAAAA;OAAUuB,kBACjDrB;kBAEJ,cAAA,sBAAC4B,aAAO;YAAC1B,QAAQA;YAAQ2B,UAAU1B;;8BAC/B,qBAACyB,aAAO,CAACE,MAAM;8BACX,cAAA,qBAACC,eAAS;wBACNC,WAAU;wBACVC,2BAAa,qBAACC,kCAAgB;4BAACC,QAAQ;;wBACvCC,KAAK;wBACLC,SAAS;mCAAMlC,UAAU;;kCAExBgB,uBAAuBF,iBAAiB;;;8BAGjD,qBAACW,aAAO,CAACU,QAAQ;oBAACC,GAAG;8BACjB,cAAA,qBAACC,oCAA6B;wBAC1BC,cAAclD,MAAMmB,KAAK,CAACQ,SAAS;wBACnCd,SAASA;wBACTQ,UAAUA;wBACV1B,SAASA;wBACTQ,oBAAoBA;;;;;;AAM5C"}
+{"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":["TableDateRangePicker","defaultProps","presets","factory","props","ref","useTableContext","store","getStyles","useProps","rangeCalendarProps","classNames","className","styles","style","vars","others","useState","opened","setOpened","onApply","dates","setDateRange","setPagination","pageIndex","pageSize","state","pagination","onCancel","formatDate","date","dayjs","format","formattedRange","dateRange","dateRangeInitialized","every","stylesApiProps","Grid","Col","span","order","TableComponentsOrder","DateRangePicker","Popover","onChange","Target","InputBase","component","leftSection","CalendarSize16Px","height","miw","onClick","Dropdown","p","DateRangePickerInlineCalendar","initialRange"],"mappings":";;;;+BA6CaA;;;eAAAA;;;;;;;;;gCA7CkB;oBACsE;8DACnF;qBAGK;6CAIhB;qBAE4B;4BACL;AA6B9B,IAAMC,eAAmD;IACrDC,SAAS,CAAC;AACd;AAEO,IAAMF,uBAAuBG,IAAAA,aAAO,EAA8B,SAACC,OAAOC;IAC7E,IAA2BC,mBAAAA,IAAAA,6BAAe,KAAnCC,QAAoBD,iBAApBC,OAAOC,YAAaF,iBAAbE;IACd,IAA6FC,YAAAA,IAAAA,cAAQ,EACjG,8BACAR,cACAG,QAHGF,UAAsFO,UAAtFP,SAASQ,qBAA6ED,UAA7EC,oBAAoBC,aAAyDF,UAAzDE,YAAYC,YAA6CH,UAA7CG,WAAWC,SAAkCJ,UAAlCI,QAAQC,QAA0BL,UAA1BK,OAAOC,OAAmBN,UAAnBM,MAASC,sCAAUP;QAAtFP;QAASQ;QAAoBC;QAAYC;QAAWC;QAAQC;QAAOC;;IAK1E,IAA4BE,+BAAAA,IAAAA,eAAQ,EAAC,YAA9BC,SAAqBD,cAAbE,YAAaF;IAE5B,IAAMG,UAAU,SAACC;QACbd,MAAMe,YAAY,CAACD;QACnBd,MAAMgB,aAAa,CAAC;YAACC,WAAW;YAAGC,UAAUlB,MAAMmB,KAAK,CAACC,UAAU,CAACF,QAAQ;QAAA;QAC5EN,UAAU;IACd;IAEA,IAAMS,WAAW;QACbT,UAAU;IACd;IAEA,IAAMU,aAAa,SAACC;eAA0BC,IAAAA,cAAK,EAACD,MAAME,MAAM,CAAC;;IACjE,IAAMC,iBAAiB,AAAC,GAA4CJ,OAA1CA,WAAWtB,MAAMmB,KAAK,CAACQ,SAAS,CAAC,EAAE,GAAE,OAA0C,OAArCL,WAAWtB,MAAMmB,KAAK,CAACQ,SAAS,CAAC,EAAE;IACvG,IAAMC,uBAAuB5B,MAAMmB,KAAK,CAACQ,SAAS,CAACE,KAAK,CACpD,SAACN;eAA0B,OAAOA,SAAS,YAAYA,SAAS;;IAGpE,IAAMO,iBAAiB;QAAC1B,YAAAA;QAAYE,QAAAA;IAAM;IAE1C,qBACI,qBAACyB,UAAI,CAACC,GAAG;QACLC,MAAK;QACLC,OAAOC,2BAAoB,CAACC,eAAe;QAC3CtC,KAAKA;OACDG,UAAU,iBAAiB;QAACI,WAAAA;QAAWE,OAAAA;OAAUuB,kBACjDrB;kBAEJ,cAAA,sBAAC4B,aAAO;YAAC1B,QAAQA;YAAQ2B,UAAU1B;;8BAC/B,qBAACyB,aAAO,CAACE,MAAM;8BACX,cAAA,qBAACC,eAAS;wBACNC,WAAU;wBACVC,2BAAa,qBAACC,kCAAgB;4BAACC,QAAQ;;wBACvCC,KAAK;wBACLC,SAAS;mCAAMlC,UAAU;;kCAExBgB,uBAAuBF,iBAAiB;;;8BAGjD,qBAACW,aAAO,CAACU,QAAQ;oBAACC,GAAG;8BACjB,cAAA,qBAACC,4DAA6B;wBAC1BC,cAAclD,MAAMmB,KAAK,CAACQ,SAAS;wBACnCd,SAASA;wBACTQ,UAAUA;wBACV1B,SAASA;wBACTQ,oBAAoBA;;;;;;AAM5C"}

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

@@ -17,7 +17,7 @@ var _plasmareacticons = require("@coveord/plasma-react-icons");
 var _core = require("@mantine/core");
 var _hooks = require("@mantine/hooks");
 var _react = require("react");
-var _index = require("../../action-icon/index.js");
+var _ActionIcon = require("../../action-icon/ActionIcon.js");
 var _Table = require("../Table.js");
 var _TableContext = require("../TableContext.js");
 var defaultProps = {
@@ -72,7 +72,7 @@ var TableFilter = (0, _core.factory)(function(props, ref) {
         children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.TextInput, _object_spread_props._(_object_spread._({}, getStyles('filterWrapper', stylesApiProps)), {
             placeholder: placeholder,
             autoComplete: "off",
-            rightSection: filter ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_index.ActionIcon.Quaternary, {
+            rightSection: filter ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_ActionIcon.ActionIcon.Quaternary, {
                 onClick: handleClear,
                 children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_plasmareacticons.IconX, {
                     "aria-label": "clear",

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

@@ -1 +1 @@
-{"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/index.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":["TableFilter","defaultProps","placeholder","factory","props","ref","useTableContext","store","getStyles","useProps","classNames","className","styles","style","vars","others","useState","state","globalFilter","filter","setFilter","useDebouncedValue","debounced","cancel","useDidUpdate","setGlobalFilter","setPagination","pageIndex","pageSize","pagination","handleChange","event","value","currentTarget","handleClear","useEffect","stylesApiProps","Grid","Col","span","order","TableComponentsOrder","Filter","TextInput","autoComplete","rightSection","ActionIcon","Quaternary","onClick","IconX","aria-label","size","IconSearch","onChange"],"mappings":";;;;+BA+BaA;;;eAAAA;;;;;;;;gCA/BmB;oBAC4D;qBAC9C;qBAC2B;qBAEhD;qBACU;4BACL;AAoB9B,IAAMC,eAA0C;IAC5CC,aAAa;AACjB;AAEO,IAAMF,cAAcG,IAAAA,aAAO,EAAqB,SAACC,OAAOC;IAC3D,IAA2BC,mBAAAA,IAAAA,6BAAe,KAAnCC,QAAoBD,iBAApBC,OAAOC,YAAaF,iBAAbE;IACd,IAA6EC,YAAAA,IAAAA,cAAQ,EACjF,qBACAR,cACAG,QAHGF,cAAsEO,UAAtEP,aAAaQ,aAAyDD,UAAzDC,YAAYC,YAA6CF,UAA7CE,WAAWC,SAAkCH,UAAlCG,QAAQC,QAA0BJ,UAA1BI,OAAOC,OAAmBL,UAAnBK,MAASC,sCAAUN;QAAtEP;QAAaQ;QAAYC;QAAWC;QAAQC;QAAOC;;IAK1D,IAA4BE,+BAAAA,IAAAA,eAAQ,EAACT,MAAMU,KAAK,CAACC,YAAY,OAAtDC,SAAqBH,cAAbI,YAAaJ;IAC5B,IAA4BK,wCAAAA,IAAAA,wBAAiB,EAACF,QAAQ,UAA/CG,YAAqBD,uBAAVE,SAAUF;IAE5BG,IAAAA,mBAAY,EAAC;QACTjB,MAAMkB,eAAe,CAACH;QACtBf,MAAMmB,aAAa,CAAC;YAACC,WAAW;YAAGC,UAAUrB,MAAMU,KAAK,CAACY,UAAU,CAACD,QAAQ;QAAA;QAE5E,OAAOL;IACX,GAAG;QAACD;KAAU;IAEd,IAAMQ,eAAqD,SAACC;QACxD,IAAM,AAACC,QAASD,MAAME,aAAa,CAA5BD;QACPZ,UAAUY;IACd;IAEA,IAAME,cAAoD;QACtDd,UAAU;IACd;IAEAe,IAAAA,gBAAS,EAAC;QACNf,UAAUb,MAAMU,KAAK,CAACC,YAAY;IACtC,GAAG;QAACX,MAAMU,KAAK,CAACC,YAAY;KAAC;IAE7B,IAAMkB,iBAAiB;QAAC1B,YAAAA;QAAYE,QAAAA;IAAM;IAE1C,qBACI,qBAACyB,UAAI,CAACC,GAAG;QACLC,MAAK;QACLC,OAAOC,2BAAoB,CAACC,MAAM;QAClCrC,KAAKA;OACDG,UAAU,cAAc;QAACG,WAAAA;QAAWE,OAAAA;OAAUuB,kBAC9CrB;kBAEJ,cAAA,qBAAC4B,eAAS,8CACFnC,UAAU,iBAAiB4B;YAC/BlC,aAAaA;YACb0C,cAAa;YACbC,cACI1B,uBACI,qBAAC2B,iBAAU,CAACC,UAAU;gBAACC,SAASd;0BAC5B,cAAA,qBAACe,uBAAK;oBAACC,cAAW;oBAAQC,MAAM;;+BAGpC,qBAACC,4BAAU;gBAACD,MAAM;eAAQ3C,UAAU,eAAe4B;YAG3DJ,OAAOb;YACPkC,UAAUvB;;;AAI1B"}
+{"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":["TableFilter","defaultProps","placeholder","factory","props","ref","useTableContext","store","getStyles","useProps","classNames","className","styles","style","vars","others","useState","state","globalFilter","filter","setFilter","useDebouncedValue","debounced","cancel","useDidUpdate","setGlobalFilter","setPagination","pageIndex","pageSize","pagination","handleChange","event","value","currentTarget","handleClear","useEffect","stylesApiProps","Grid","Col","span","order","TableComponentsOrder","Filter","TextInput","autoComplete","rightSection","ActionIcon","Quaternary","onClick","IconX","aria-label","size","IconSearch","onChange"],"mappings":";;;;+BA+BaA;;;eAAAA;;;;;;;;gCA/BmB;oBAC4D;qBAC9C;qBAC2B;0BAEhD;qBACU;4BACL;AAoB9B,IAAMC,eAA0C;IAC5CC,aAAa;AACjB;AAEO,IAAMF,cAAcG,IAAAA,aAAO,EAAqB,SAACC,OAAOC;IAC3D,IAA2BC,mBAAAA,IAAAA,6BAAe,KAAnCC,QAAoBD,iBAApBC,OAAOC,YAAaF,iBAAbE;IACd,IAA6EC,YAAAA,IAAAA,cAAQ,EACjF,qBACAR,cACAG,QAHGF,cAAsEO,UAAtEP,aAAaQ,aAAyDD,UAAzDC,YAAYC,YAA6CF,UAA7CE,WAAWC,SAAkCH,UAAlCG,QAAQC,QAA0BJ,UAA1BI,OAAOC,OAAmBL,UAAnBK,MAASC,sCAAUN;QAAtEP;QAAaQ;QAAYC;QAAWC;QAAQC;QAAOC;;IAK1D,IAA4BE,+BAAAA,IAAAA,eAAQ,EAACT,MAAMU,KAAK,CAACC,YAAY,OAAtDC,SAAqBH,cAAbI,YAAaJ;IAC5B,IAA4BK,wCAAAA,IAAAA,wBAAiB,EAACF,QAAQ,UAA/CG,YAAqBD,uBAAVE,SAAUF;IAE5BG,IAAAA,mBAAY,EAAC;QACTjB,MAAMkB,eAAe,CAACH;QACtBf,MAAMmB,aAAa,CAAC;YAACC,WAAW;YAAGC,UAAUrB,MAAMU,KAAK,CAACY,UAAU,CAACD,QAAQ;QAAA;QAE5E,OAAOL;IACX,GAAG;QAACD;KAAU;IAEd,IAAMQ,eAAqD,SAACC;QACxD,IAAM,AAACC,QAASD,MAAME,aAAa,CAA5BD;QACPZ,UAAUY;IACd;IAEA,IAAME,cAAoD;QACtDd,UAAU;IACd;IAEAe,IAAAA,gBAAS,EAAC;QACNf,UAAUb,MAAMU,KAAK,CAACC,YAAY;IACtC,GAAG;QAACX,MAAMU,KAAK,CAACC,YAAY;KAAC;IAE7B,IAAMkB,iBAAiB;QAAC1B,YAAAA;QAAYE,QAAAA;IAAM;IAE1C,qBACI,qBAACyB,UAAI,CAACC,GAAG;QACLC,MAAK;QACLC,OAAOC,2BAAoB,CAACC,MAAM;QAClCrC,KAAKA;OACDG,UAAU,cAAc;QAACG,WAAAA;QAAWE,OAAAA;OAAUuB,kBAC9CrB;kBAEJ,cAAA,qBAAC4B,eAAS,8CACFnC,UAAU,iBAAiB4B;YAC/BlC,aAAaA;YACb0C,cAAa;YACbC,cACI1B,uBACI,qBAAC2B,sBAAU,CAACC,UAAU;gBAACC,SAASd;0BAC5B,cAAA,qBAACe,uBAAK;oBAACC,cAAW;oBAAQC,MAAM;;+BAGpC,qBAACC,4BAAU;gBAACD,MAAM;eAAQ3C,UAAU,eAAe4B;YAG3DJ,OAAOb;YACPkC,UAAUvB;;;AAI1B"}

package/dist/cjs/components/table/table-header/TableHeader.js

@@ -14,10 +14,10 @@ var _object_without_properties = require("@swc/helpers/_/_object_without_propert
 var _jsxruntime = require("react/jsx-runtime");
 var _plasmareacticons = require("@coveord/plasma-react-icons");
 var _core = require("@mantine/core");
-var _index = require("../../button/index.js");
+var _Button = require("../../button/Button.js");
 var _TableLayoutControl = require("../layouts/TableLayoutControl.js");
 var _Table = require("../Table.js");
-var _index1 = require("../table-actions/index.js");
+var _TableHeaderActions = require("../table-actions/TableHeaderActions.js");
 var _TableContext = require("../TableContext.js");
 var defaultProps = {
     unselectAllLabel: 'Unselect all',
@@ -75,7 +75,7 @@ var TableHeader = (0, _core.factory)(function(props, ref) {
                     order: _Table.TableComponentsOrder.MultiSelectInfo,
                     children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Tooltip, {
                         label: unselectAllLabel,
-                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_index.Button.Quaternary, {
+                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.Button.Quaternary, {
                             onClick: store.clearRowSelection,
                             disabled: !store.rowSelectionEnabled,
                             leftSection: /*#__PURE__*/ (0, _jsxruntime.jsx)(_plasmareacticons.CrossSize16Px, {
@@ -86,7 +86,7 @@ var TableHeader = (0, _core.factory)(function(props, ref) {
                     })
                 })) : null,
                 children,
-                showActions ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_index1.TableHeaderActions, {}) : null,
+                showActions ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_TableHeaderActions.TableHeaderActions, {}) : null,
                 /*#__PURE__*/ (0, _jsxruntime.jsx)(_TableLayoutControl.TableLayoutControl, {})
             ]
         })

package/dist/cjs/components/table/table-header/TableHeader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/table/table-header/TableHeader.tsx"],"sourcesContent":["import {CrossSize16Px} from '@coveord/plasma-react-icons';\nimport {Box, BoxProps, CompoundStylesApiProps, factory, Factory, Grid, Tooltip, useProps} from '@mantine/core';\nimport {ReactNode} from 'react';\n\nimport {Button} from '../../button/index.js';\nimport {TableLayoutControl} from '../layouts/TableLayoutControl.js';\nimport {TableComponentsOrder} from '../Table.js';\nimport {TableHeaderActions} from '../table-actions/index.js';\nimport {useTableContext} from '../TableContext.js';\n\nexport type TableHeaderStylesNames = 'headerRoot' | 'headerGrid' | 'headerGridInner' | 'headerCol';\n\nexport interface TableHeaderProps\n    extends Omit<BoxProps, 'classNames' | 'styles' | 'vars'>,\n        CompoundStylesApiProps<TableHeaderFactory> {\n    /* Children of header (ie: actions, datepicker, etc.) */\n    children?: ReactNode;\n    unselectAllLabel?: string;\n    selectedCountLabel?: (count: number) => string;\n    /**\n     * Whether to show actions when rows are selected\n     *\n     * default true\n     */\n    showActions?: boolean;\n    /**\n     * Whether to show a border on top of the header\n     *\n     * default true\n     */\n    borderTop?: boolean;\n}\n\nexport type TableHeaderFactory = Factory<{\n    props: TableHeaderProps;\n    ref: HTMLDivElement;\n    stylesNames: TableHeaderStylesNames;\n    compound: true;\n}>;\n\nconst defaultProps: Partial<TableHeaderProps> = {\n    unselectAllLabel: 'Unselect all',\n    selectedCountLabel: (count) => `${count} selected`,\n    showActions: true,\n    borderTop: true,\n};\n\nexport const TableHeader = factory<TableHeaderFactory>((props, ref) => {\n    const {store, getStyles} = useTableContext();\n    const {\n        showActions,\n        unselectAllLabel,\n        selectedCountLabel,\n        borderTop,\n        children,\n        classNames,\n        className,\n        styles,\n        style,\n        vars: _vars,\n        ...others\n    } = useProps('PlasmaTableHeader', defaultProps, props);\n    const selectedRows = store.getSelectedRows();\n\n    const stylesApiProps = {classNames, styles};\n    const innerStyles = getStyles('headerGridInner', stylesApiProps);\n    const gridStyles = getStyles('headerGrid', stylesApiProps);\n\n    return (\n        <Box\n            ref={ref}\n            {...getStyles('headerRoot', {className, style, ...stylesApiProps})}\n            {...others}\n            mod={{'with-border-top': borderTop}}\n        >\n            <Grid\n                justify=\"flex-start\"\n                align=\"center\"\n                classNames={{inner: innerStyles.className, root: gridStyles.className}}\n                styles={{inner: innerStyles.style, root: gridStyles.style}}\n            >\n                {store.multiRowSelectionEnabled && selectedRows.length > 0 ? (\n                    <Grid.Col\n                        span=\"auto\"\n                        {...getStyles('headerCol', stylesApiProps)}\n                        order={TableComponentsOrder.MultiSelectInfo}\n                    >\n                        <Tooltip label={unselectAllLabel}>\n                            <Button.Quaternary\n                                onClick={store.clearRowSelection}\n                                disabled={!store.rowSelectionEnabled}\n                                leftSection={<CrossSize16Px height={16} />}\n                            >\n                                {selectedCountLabel(selectedRows.length)}\n                            </Button.Quaternary>\n                        </Tooltip>\n                    </Grid.Col>\n                ) : null}\n                {children}\n                {showActions ? <TableHeaderActions /> : null}\n                <TableLayoutControl />\n            </Grid>\n        </Box>\n    );\n});\n"],"names":["TableHeader","defaultProps","unselectAllLabel","selectedCountLabel","count","showActions","borderTop","factory","props","ref","useTableContext","store","getStyles","useProps","children","classNames","className","styles","style","vars","_vars","others","selectedRows","getSelectedRows","stylesApiProps","innerStyles","gridStyles","Box","mod","Grid","justify","align","inner","root","multiRowSelectionEnabled","length","Col","span","order","TableComponentsOrder","MultiSelectInfo","Tooltip","label","Button","Quaternary","onClick","clearRowSelection","disabled","rowSelectionEnabled","leftSection","CrossSize16Px","height","TableHeaderActions","TableLayoutControl"],"mappings":";;;;+BA+CaA;;;eAAAA;;;;;;;gCA/Ce;oBACmE;qBAG1E;kCACY;qBACE;sBACF;4BACH;AAgC9B,IAAMC,eAA0C;IAC5CC,kBAAkB;IAClBC,oBAAoB,SAACC;eAAU,AAAC,GAAQ,OAANA,OAAM;;IACxCC,aAAa;IACbC,WAAW;AACf;AAEO,IAAMN,cAAcO,IAAAA,aAAO,EAAqB,SAACC,OAAOC;IAC3D,IAA2BC,mBAAAA,IAAAA,6BAAe,KAAnCC,QAAoBD,iBAApBC,OAAOC,YAAaF,iBAAbE;IACd,IAYIC,YAAAA,IAAAA,cAAQ,EAAC,qBAAqBZ,cAAcO,QAX5CH,cAWAQ,UAXAR,aACAH,mBAUAW,UAVAX,kBACAC,qBASAU,UATAV,oBACAG,YAQAO,UARAP,WACAQ,WAOAD,UAPAC,UACAC,aAMAF,UANAE,YACAC,YAKAH,UALAG,WACAC,SAIAJ,UAJAI,QACAC,QAGAL,UAHAK,OACAC,AAAMC,QAENP,UAFAM,MACGE,sCACHR;QAXAR;QACAH;QACAC;QACAG;QACAQ;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGJ,IAAMG,eAAeX,MAAMY,eAAe;IAE1C,IAAMC,iBAAiB;QAACT,YAAAA;QAAYE,QAAAA;IAAM;IAC1C,IAAMQ,cAAcb,UAAU,mBAAmBY;IACjD,IAAME,aAAad,UAAU,cAAcY;IAE3C,qBACI,qBAACG,SAAG;QACAlB,KAAKA;OACDG,UAAU,cAAc;QAACI,WAAAA;QAAWE,OAAAA;OAAUM,kBAC9CH;QACJO,KAAK;YAAC,mBAAmBtB;QAAS;kBAElC,cAAA,sBAACuB,UAAI;YACDC,SAAQ;YACRC,OAAM;YACNhB,YAAY;gBAACiB,OAAOP,YAAYT,SAAS;gBAAEiB,MAAMP,WAAWV,SAAS;YAAA;YACrEC,QAAQ;gBAACe,OAAOP,YAAYP,KAAK;gBAAEe,MAAMP,WAAWR,KAAK;YAAA;;gBAExDP,MAAMuB,wBAAwB,IAAIZ,aAAaa,MAAM,GAAG,kBACrD,qBAACN,UAAI,CAACO,GAAG;oBACLC,MAAK;mBACDzB,UAAU,aAAaY;oBAC3Bc,OAAOC,2BAAoB,CAACC,eAAe;8BAE3C,cAAA,qBAACC,aAAO;wBAACC,OAAOxC;kCACZ,cAAA,qBAACyC,aAAM,CAACC,UAAU;4BACdC,SAASlC,MAAMmC,iBAAiB;4BAChCC,UAAU,CAACpC,MAAMqC,mBAAmB;4BACpCC,2BAAa,qBAACC,+BAAa;gCAACC,QAAQ;;sCAEnChD,mBAAmBmB,aAAaa,MAAM;;;sBAInD;gBACHrB;gBACAT,4BAAc,qBAAC+C,0BAAkB,QAAM;8BACxC,qBAACC,sCAAkB;;;;AAInC"}
+{"version":3,"sources":["../../../../../src/components/table/table-header/TableHeader.tsx"],"sourcesContent":["import {CrossSize16Px} from '@coveord/plasma-react-icons';\nimport {Box, BoxProps, CompoundStylesApiProps, factory, Factory, Grid, Tooltip, useProps} from '@mantine/core';\nimport {ReactNode} from 'react';\n\nimport {Button} from '../../button/Button.js';\nimport {TableLayoutControl} from '../layouts/TableLayoutControl.js';\nimport {TableComponentsOrder} from '../Table.js';\nimport {TableHeaderActions} from '../table-actions/TableHeaderActions.js';\nimport {useTableContext} from '../TableContext.js';\n\nexport type TableHeaderStylesNames = 'headerRoot' | 'headerGrid' | 'headerGridInner' | 'headerCol';\n\nexport interface TableHeaderProps\n    extends Omit<BoxProps, 'classNames' | 'styles' | 'vars'>,\n        CompoundStylesApiProps<TableHeaderFactory> {\n    /* Children of header (ie: actions, datepicker, etc.) */\n    children?: ReactNode;\n    unselectAllLabel?: string;\n    selectedCountLabel?: (count: number) => string;\n    /**\n     * Whether to show actions when rows are selected\n     *\n     * default true\n     */\n    showActions?: boolean;\n    /**\n     * Whether to show a border on top of the header\n     *\n     * default true\n     */\n    borderTop?: boolean;\n}\n\nexport type TableHeaderFactory = Factory<{\n    props: TableHeaderProps;\n    ref: HTMLDivElement;\n    stylesNames: TableHeaderStylesNames;\n    compound: true;\n}>;\n\nconst defaultProps: Partial<TableHeaderProps> = {\n    unselectAllLabel: 'Unselect all',\n    selectedCountLabel: (count) => `${count} selected`,\n    showActions: true,\n    borderTop: true,\n};\n\nexport const TableHeader = factory<TableHeaderFactory>((props, ref) => {\n    const {store, getStyles} = useTableContext();\n    const {\n        showActions,\n        unselectAllLabel,\n        selectedCountLabel,\n        borderTop,\n        children,\n        classNames,\n        className,\n        styles,\n        style,\n        vars: _vars,\n        ...others\n    } = useProps('PlasmaTableHeader', defaultProps, props);\n    const selectedRows = store.getSelectedRows();\n\n    const stylesApiProps = {classNames, styles};\n    const innerStyles = getStyles('headerGridInner', stylesApiProps);\n    const gridStyles = getStyles('headerGrid', stylesApiProps);\n\n    return (\n        <Box\n            ref={ref}\n            {...getStyles('headerRoot', {className, style, ...stylesApiProps})}\n            {...others}\n            mod={{'with-border-top': borderTop}}\n        >\n            <Grid\n                justify=\"flex-start\"\n                align=\"center\"\n                classNames={{inner: innerStyles.className, root: gridStyles.className}}\n                styles={{inner: innerStyles.style, root: gridStyles.style}}\n            >\n                {store.multiRowSelectionEnabled && selectedRows.length > 0 ? (\n                    <Grid.Col\n                        span=\"auto\"\n                        {...getStyles('headerCol', stylesApiProps)}\n                        order={TableComponentsOrder.MultiSelectInfo}\n                    >\n                        <Tooltip label={unselectAllLabel}>\n                            <Button.Quaternary\n                                onClick={store.clearRowSelection}\n                                disabled={!store.rowSelectionEnabled}\n                                leftSection={<CrossSize16Px height={16} />}\n                            >\n                                {selectedCountLabel(selectedRows.length)}\n                            </Button.Quaternary>\n                        </Tooltip>\n                    </Grid.Col>\n                ) : null}\n                {children}\n                {showActions ? <TableHeaderActions /> : null}\n                <TableLayoutControl />\n            </Grid>\n        </Box>\n    );\n});\n"],"names":["TableHeader","defaultProps","unselectAllLabel","selectedCountLabel","count","showActions","borderTop","factory","props","ref","useTableContext","store","getStyles","useProps","children","classNames","className","styles","style","vars","_vars","others","selectedRows","getSelectedRows","stylesApiProps","innerStyles","gridStyles","Box","mod","Grid","justify","align","inner","root","multiRowSelectionEnabled","length","Col","span","order","TableComponentsOrder","MultiSelectInfo","Tooltip","label","Button","Quaternary","onClick","clearRowSelection","disabled","rowSelectionEnabled","leftSection","CrossSize16Px","height","TableHeaderActions","TableLayoutControl"],"mappings":";;;;+BA+CaA;;;eAAAA;;;;;;;gCA/Ce;oBACmE;sBAG1E;kCACY;qBACE;kCACF;4BACH;AAgC9B,IAAMC,eAA0C;IAC5CC,kBAAkB;IAClBC,oBAAoB,SAACC;eAAU,AAAC,GAAQ,OAANA,OAAM;;IACxCC,aAAa;IACbC,WAAW;AACf;AAEO,IAAMN,cAAcO,IAAAA,aAAO,EAAqB,SAACC,OAAOC;IAC3D,IAA2BC,mBAAAA,IAAAA,6BAAe,KAAnCC,QAAoBD,iBAApBC,OAAOC,YAAaF,iBAAbE;IACd,IAYIC,YAAAA,IAAAA,cAAQ,EAAC,qBAAqBZ,cAAcO,QAX5CH,cAWAQ,UAXAR,aACAH,mBAUAW,UAVAX,kBACAC,qBASAU,UATAV,oBACAG,YAQAO,UARAP,WACAQ,WAOAD,UAPAC,UACAC,aAMAF,UANAE,YACAC,YAKAH,UALAG,WACAC,SAIAJ,UAJAI,QACAC,QAGAL,UAHAK,OACAC,AAAMC,QAENP,UAFAM,MACGE,sCACHR;QAXAR;QACAH;QACAC;QACAG;QACAQ;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGJ,IAAMG,eAAeX,MAAMY,eAAe;IAE1C,IAAMC,iBAAiB;QAACT,YAAAA;QAAYE,QAAAA;IAAM;IAC1C,IAAMQ,cAAcb,UAAU,mBAAmBY;IACjD,IAAME,aAAad,UAAU,cAAcY;IAE3C,qBACI,qBAACG,SAAG;QACAlB,KAAKA;OACDG,UAAU,cAAc;QAACI,WAAAA;QAAWE,OAAAA;OAAUM,kBAC9CH;QACJO,KAAK;YAAC,mBAAmBtB;QAAS;kBAElC,cAAA,sBAACuB,UAAI;YACDC,SAAQ;YACRC,OAAM;YACNhB,YAAY;gBAACiB,OAAOP,YAAYT,SAAS;gBAAEiB,MAAMP,WAAWV,SAAS;YAAA;YACrEC,QAAQ;gBAACe,OAAOP,YAAYP,KAAK;gBAAEe,MAAMP,WAAWR,KAAK;YAAA;;gBAExDP,MAAMuB,wBAAwB,IAAIZ,aAAaa,MAAM,GAAG,kBACrD,qBAACN,UAAI,CAACO,GAAG;oBACLC,MAAK;mBACDzB,UAAU,aAAaY;oBAC3Bc,OAAOC,2BAAoB,CAACC,eAAe;8BAE3C,cAAA,qBAACC,aAAO;wBAACC,OAAOxC;kCACZ,cAAA,qBAACyC,cAAM,CAACC,UAAU;4BACdC,SAASlC,MAAMmC,iBAAiB;4BAChCC,UAAU,CAACpC,MAAMqC,mBAAmB;4BACpCC,2BAAa,qBAACC,+BAAa;gCAACC,QAAQ;;sCAEnChD,mBAAmBmB,aAAaa,MAAM;;;sBAInD;gBACHrB;gBACAT,4BAAc,qBAAC+C,sCAAkB,QAAM;8BACxC,qBAACC,sCAAkB;;;;AAInC"}

package/dist/cjs/components/table/table-header/Th.d.ts

@@ -1,7 +1,7 @@
 import { BoxProps, CompoundStylesApiProps, Factory } from '@mantine/core';
 import { Header } from '@tanstack/react-table';
 import { ComponentType, ForwardedRef, SVGProps } from 'react';
-import { CustomComponentThemeExtend } from '../../../utils/index.js';
+import { CustomComponentThemeExtend } from '../../../utils/createFactoryComponent.js';
 export type TableThStylesNames = 'th';
 export type SortState = 'asc' | 'desc' | 'none';
 export interface ThProps<T = unknown> extends BoxProps, CompoundStylesApiProps<TableThFactory> {

package/dist/cjs/components/table/table-header/Th.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Th.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-header/Th.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,QAAQ,EAAE,sBAAsB,EAAE,OAAO,EAAkC,MAAM,eAAe,CAAC;AACzG,OAAO,EAAC,MAAM,EAAkC,MAAM,uBAAuB,CAAC;AAC9E,OAAO,EAAiB,aAAa,EAAE,YAAY,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAC5E,OAAO,EAAC,0BAA0B,EAAW,MAAM,yBAAyB,CAAC;AAG7E,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC;AAEtC,MAAM,MAAM,SAAS,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC;AAEhD,MAAM,WAAW,OAAO,CAAC,CAAC,GAAG,OAAO,CAAE,SAAQ,QAAQ,EAAE,sBAAsB,CAAC,cAAc,CAAC;IAC1F,MAAM,EAAE,MAAM,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC,SAAS,EAAE,aAAa,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;CAC5E;AAcD,MAAM,MAAM,cAAc,GAAG,OAAO,CAAC;IACjC,KAAK,EAAE,OAAO,CAAC;IACf,GAAG,EAAE,oBAAoB,CAAC;IAC1B,WAAW,EAAE,kBAAkB,CAAC;IAChC,QAAQ,EAAE,IAAI,CAAC;CAClB,CAAC,CAAC;AAMH,eAAO,MAAM,EAAE;KAAI,CAAC,SAAU,OAAO,CAAC,CAAC,CAAC,GAAG;QAAC,GAAG,CAAC,EAAE,YAAY,CAAC,oBAAoB,CAAC,CAAA;KAAC;;eAV1E,OAAO;aACT,oBAAoB;qBACZ,kBAAkB;kBACrB,IAAI;;CAkEjB,CAAC"}
+{"version":3,"file":"Th.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-header/Th.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,QAAQ,EAAE,sBAAsB,EAAE,OAAO,EAAkC,MAAM,eAAe,CAAC;AACzG,OAAO,EAAC,MAAM,EAAkC,MAAM,uBAAuB,CAAC;AAC9E,OAAO,EAAiB,aAAa,EAAE,YAAY,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAC5E,OAAO,EAAC,0BAA0B,EAAW,MAAM,0CAA0C,CAAC;AAG9F,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC;AAEtC,MAAM,MAAM,SAAS,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC;AAEhD,MAAM,WAAW,OAAO,CAAC,CAAC,GAAG,OAAO,CAAE,SAAQ,QAAQ,EAAE,sBAAsB,CAAC,cAAc,CAAC;IAC1F,MAAM,EAAE,MAAM,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC,SAAS,EAAE,aAAa,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;CAC5E;AAcD,MAAM,MAAM,cAAc,GAAG,OAAO,CAAC;IACjC,KAAK,EAAE,OAAO,CAAC;IACf,GAAG,EAAE,oBAAoB,CAAC;IAC1B,WAAW,EAAE,kBAAkB,CAAC;IAChC,QAAQ,EAAE,IAAI,CAAC;CAClB,CAAC,CAAC;AAMH,eAAO,MAAM,EAAE;KAAI,CAAC,SAAU,OAAO,CAAC,CAAC,CAAC,GAAG;QAAC,GAAG,CAAC,EAAE,YAAY,CAAC,oBAAoB,CAAC,CAAA;KAAC;;eAV1E,OAAO;aACT,oBAAoB;qBACZ,kBAAkB;kBACrB,IAAI;;CAkEjB,CAAC"}

package/dist/cjs/components/table/table-header/Th.js

@@ -15,7 +15,7 @@ var _jsxruntime = require("react/jsx-runtime");
 var _plasmareacticons = require("@coveord/plasma-react-icons");
 var _core = require("@mantine/core");
 var _reacttable = require("@tanstack/react-table");
-var _index = require("../../../utils/index.js");
+var _createFactoryComponent = require("../../../utils/createFactoryComponent.js");
 var _TableContext = require("../TableContext.js");
 var SortingIcons = {
     asc: _plasmareacticons.ArrowUpSize16Px,
@@ -94,6 +94,6 @@ var Th = function(props) {
         })
     }));
 };
-Th.extend = _index.identity;
+Th.extend = _createFactoryComponent.identity;
 
 //# sourceMappingURL=Th.js.map

package/dist/cjs/components/table/table-header/Th.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/table/table-header/Th.tsx"],"sourcesContent":["import {ArrowDownSize16Px, ArrowUpSize16Px, DoubleArrowHeadVSize16Px} from '@coveord/plasma-react-icons';\nimport {BoxProps, CompoundStylesApiProps, Factory, Group, UnstyledButton, useProps} from '@mantine/core';\nimport {Header, defaultColumnSizing, flexRender} from '@tanstack/react-table';\nimport {AriaAttributes, ComponentType, ForwardedRef, SVGProps} from 'react';\nimport {CustomComponentThemeExtend, identity} from '../../../utils/index.js';\nimport {useTableContext} from '../TableContext.js';\n\nexport type TableThStylesNames = 'th';\n\nexport type SortState = 'asc' | 'desc' | 'none';\n\nexport interface ThProps<T = unknown> extends BoxProps, CompoundStylesApiProps<TableThFactory> {\n    header: Header<T, unknown>;\n    sortingIcons?: Record<SortState, ComponentType<SVGProps<SVGSVGElement>>>;\n}\n\nconst SortingIcons: ThProps['sortingIcons'] = {\n    asc: ArrowUpSize16Px,\n    desc: ArrowDownSize16Px,\n    none: DoubleArrowHeadVSize16Px,\n};\n\nconst SortingLabels: Record<SortState, AriaAttributes['aria-sort']> = {\n    asc: 'ascending',\n    desc: 'descending',\n    none: 'none',\n} as const;\n\nexport type TableThFactory = Factory<{\n    props: ThProps;\n    ref: HTMLTableCellElement;\n    stylesNames: TableThStylesNames;\n    compound: true;\n}>;\n\nconst defaultProps: Partial<ThProps> = {\n    sortingIcons: SortingIcons,\n};\n\nexport const Th = <T,>(props: ThProps<T> & {ref?: ForwardedRef<HTMLTableCellElement>}) => {\n    const {getStyles} = useTableContext();\n    const {header, sortingIcons, classNames, className, styles, style, vars, ...others} = useProps(\n        'PlasmaTableTh',\n        defaultProps as Partial<ThProps<T>>,\n        props,\n    );\n\n    const columnSizing = {\n        ...defaultColumnSizing,\n        size: header.column.columnDef.size,\n        minSize: header.column.columnDef.minSize,\n        maxSize: header.column.columnDef.maxSize,\n    };\n\n    const thStyles = getStyles('th', {classNames, className, styles, style});\n\n    if (header.isPlaceholder) {\n        return null;\n    }\n\n    if (!header.column.getCanSort()) {\n        return (\n            <th\n                className={thStyles.className}\n                style={{\n                    ...thStyles.style,\n                    width: columnSizing.size ?? 'auto',\n                    minWidth: columnSizing.minSize,\n                    maxWidth: columnSizing.maxSize,\n                }}\n                {...others}\n            >\n                <Group wrap=\"nowrap\" gap=\"xs\">\n                    {flexRender(header.column.columnDef.header, header.getContext())}\n                </Group>\n            </th>\n        );\n    }\n\n    const onSort = header.column.getToggleSortingHandler();\n    const sortingOrder = header.column.getIsSorted() || 'none';\n    const Icon = sortingIcons[sortingOrder];\n\n    return (\n        <UnstyledButton\n            component=\"th\"\n            onClick={onSort}\n            aria-sort={SortingLabels[sortingOrder]}\n            data-control={true}\n            {...thStyles}\n            {...others}\n        >\n            <Group wrap=\"nowrap\" gap=\"xs\">\n                {flexRender(header.column.columnDef.header, header.getContext())}\n                <Icon height={16} width={16} />\n            </Group>\n        </UnstyledButton>\n    );\n};\nTh.extend = identity as CustomComponentThemeExtend<TableThFactory>;\n"],"names":["Th","SortingIcons","asc","ArrowUpSize16Px","desc","ArrowDownSize16Px","none","DoubleArrowHeadVSize16Px","SortingLabels","defaultProps","sortingIcons","props","getStyles","useTableContext","useProps","header","classNames","className","styles","style","vars","others","columnSizing","defaultColumnSizing","size","column","columnDef","minSize","maxSize","thStyles","isPlaceholder","getCanSort","th","width","minWidth","maxWidth","Group","wrap","gap","flexRender","getContext","onSort","getToggleSortingHandler","sortingOrder","getIsSorted","Icon","UnstyledButton","component","onClick","aria-sort","data-control","height","extend","identity"],"mappings":";;;;+BAuCaA;;;eAAAA;;;;;;;gCAvC8D;oBACc;0BACnC;qBAEH;4BACrB;AAW9B,IAAMC,eAAwC;IAC1CC,KAAKC,iCAAe;IACpBC,MAAMC,mCAAiB;IACvBC,MAAMC,0CAAwB;AAClC;AAEA,IAAMC,gBAAgE;IAClEN,KAAK;IACLE,MAAM;IACNE,MAAM;AACV;AASA,IAAMG,eAAiC;IACnCC,cAAcT;AAClB;AAEO,IAAMD,KAAK,SAAKW;IACnB,IAAM,AAACC,YAAaC,IAAAA,6BAAe,IAA5BD;IACP,IAAsFE,YAAAA,IAAAA,cAAQ,EAC1F,iBACAL,cACAE,QAHGI,SAA+ED,UAA/EC,QAAQL,eAAuEI,UAAvEJ,cAAcM,aAAyDF,UAAzDE,YAAYC,YAA6CH,UAA7CG,WAAWC,SAAkCJ,UAAlCI,QAAQC,QAA0BL,UAA1BK,OAAOC,OAAmBN,UAAnBM,MAASC,sCAAUP;QAA/EC;QAAQL;QAAcM;QAAYC;QAAWC;QAAQC;QAAOC;;IAMnE,IAAME,eAAe,4CACdC,+BAAmB;QACtBC,MAAMT,OAAOU,MAAM,CAACC,SAAS,CAACF,IAAI;QAClCG,SAASZ,OAAOU,MAAM,CAACC,SAAS,CAACC,OAAO;QACxCC,SAASb,OAAOU,MAAM,CAACC,SAAS,CAACE,OAAO;;IAG5C,IAAMC,WAAWjB,UAAU,MAAM;QAACI,YAAAA;QAAYC,WAAAA;QAAWC,QAAAA;QAAQC,OAAAA;IAAK;IAEtE,IAAIJ,OAAOe,aAAa,EAAE;QACtB,OAAO;IACX;IAEA,IAAI,CAACf,OAAOU,MAAM,CAACM,UAAU,IAAI;YAMVT;QALnB,qBACI,qBAACU;YACGf,WAAWY,SAASZ,SAAS;YAC7BE,OAAO,4CACAU,SAASV,KAAK;gBACjBc,OAAOX,CAAAA,qBAAAA,aAAaE,IAAI,cAAjBF,gCAAAA,qBAAqB;gBAC5BY,UAAUZ,aAAaK,OAAO;gBAC9BQ,UAAUb,aAAaM,OAAO;;WAE9BP;sBAEJ,cAAA,qBAACe,WAAK;gBAACC,MAAK;gBAASC,KAAI;0BACpBC,IAAAA,sBAAU,EAACxB,OAAOU,MAAM,CAACC,SAAS,CAACX,MAAM,EAAEA,OAAOyB,UAAU;;;IAI7E;IAEA,IAAMC,SAAS1B,OAAOU,MAAM,CAACiB,uBAAuB;IACpD,IAAMC,eAAe5B,OAAOU,MAAM,CAACmB,WAAW,MAAM;IACpD,IAAMC,OAAOnC,YAAY,CAACiC,aAAa;IAEvC,qBACI,qBAACG,oBAAc;QACXC,WAAU;QACVC,SAASP;QACTQ,aAAWzC,aAAa,CAACmC,aAAa;QACtCO,gBAAc;OACVrB,UACAR;kBAEJ,cAAA,sBAACe,WAAK;YAACC,MAAK;YAASC,KAAI;;gBACpBC,IAAAA,sBAAU,EAACxB,OAAOU,MAAM,CAACC,SAAS,CAACX,MAAM,EAAEA,OAAOyB,UAAU;8BAC7D,qBAACK;oBAAKM,QAAQ;oBAAIlB,OAAO;;;;;AAIzC;AACAjC,GAAGoD,MAAM,GAAGC,eAAQ"}
+{"version":3,"sources":["../../../../../src/components/table/table-header/Th.tsx"],"sourcesContent":["import {ArrowDownSize16Px, ArrowUpSize16Px, DoubleArrowHeadVSize16Px} from '@coveord/plasma-react-icons';\nimport {BoxProps, CompoundStylesApiProps, Factory, Group, UnstyledButton, useProps} from '@mantine/core';\nimport {Header, defaultColumnSizing, flexRender} from '@tanstack/react-table';\nimport {AriaAttributes, ComponentType, ForwardedRef, SVGProps} from 'react';\nimport {CustomComponentThemeExtend, identity} from '../../../utils/createFactoryComponent.js';\nimport {useTableContext} from '../TableContext.js';\n\nexport type TableThStylesNames = 'th';\n\nexport type SortState = 'asc' | 'desc' | 'none';\n\nexport interface ThProps<T = unknown> extends BoxProps, CompoundStylesApiProps<TableThFactory> {\n    header: Header<T, unknown>;\n    sortingIcons?: Record<SortState, ComponentType<SVGProps<SVGSVGElement>>>;\n}\n\nconst SortingIcons: ThProps['sortingIcons'] = {\n    asc: ArrowUpSize16Px,\n    desc: ArrowDownSize16Px,\n    none: DoubleArrowHeadVSize16Px,\n};\n\nconst SortingLabels: Record<SortState, AriaAttributes['aria-sort']> = {\n    asc: 'ascending',\n    desc: 'descending',\n    none: 'none',\n} as const;\n\nexport type TableThFactory = Factory<{\n    props: ThProps;\n    ref: HTMLTableCellElement;\n    stylesNames: TableThStylesNames;\n    compound: true;\n}>;\n\nconst defaultProps: Partial<ThProps> = {\n    sortingIcons: SortingIcons,\n};\n\nexport const Th = <T,>(props: ThProps<T> & {ref?: ForwardedRef<HTMLTableCellElement>}) => {\n    const {getStyles} = useTableContext();\n    const {header, sortingIcons, classNames, className, styles, style, vars, ...others} = useProps(\n        'PlasmaTableTh',\n        defaultProps as Partial<ThProps<T>>,\n        props,\n    );\n\n    const columnSizing = {\n        ...defaultColumnSizing,\n        size: header.column.columnDef.size,\n        minSize: header.column.columnDef.minSize,\n        maxSize: header.column.columnDef.maxSize,\n    };\n\n    const thStyles = getStyles('th', {classNames, className, styles, style});\n\n    if (header.isPlaceholder) {\n        return null;\n    }\n\n    if (!header.column.getCanSort()) {\n        return (\n            <th\n                className={thStyles.className}\n                style={{\n                    ...thStyles.style,\n                    width: columnSizing.size ?? 'auto',\n                    minWidth: columnSizing.minSize,\n                    maxWidth: columnSizing.maxSize,\n                }}\n                {...others}\n            >\n                <Group wrap=\"nowrap\" gap=\"xs\">\n                    {flexRender(header.column.columnDef.header, header.getContext())}\n                </Group>\n            </th>\n        );\n    }\n\n    const onSort = header.column.getToggleSortingHandler();\n    const sortingOrder = header.column.getIsSorted() || 'none';\n    const Icon = sortingIcons[sortingOrder];\n\n    return (\n        <UnstyledButton\n            component=\"th\"\n            onClick={onSort}\n            aria-sort={SortingLabels[sortingOrder]}\n            data-control={true}\n            {...thStyles}\n            {...others}\n        >\n            <Group wrap=\"nowrap\" gap=\"xs\">\n                {flexRender(header.column.columnDef.header, header.getContext())}\n                <Icon height={16} width={16} />\n            </Group>\n        </UnstyledButton>\n    );\n};\nTh.extend = identity as CustomComponentThemeExtend<TableThFactory>;\n"],"names":["Th","SortingIcons","asc","ArrowUpSize16Px","desc","ArrowDownSize16Px","none","DoubleArrowHeadVSize16Px","SortingLabels","defaultProps","sortingIcons","props","getStyles","useTableContext","useProps","header","classNames","className","styles","style","vars","others","columnSizing","defaultColumnSizing","size","column","columnDef","minSize","maxSize","thStyles","isPlaceholder","getCanSort","th","width","minWidth","maxWidth","Group","wrap","gap","flexRender","getContext","onSort","getToggleSortingHandler","sortingOrder","getIsSorted","Icon","UnstyledButton","component","onClick","aria-sort","data-control","height","extend","identity"],"mappings":";;;;+BAuCaA;;;eAAAA;;;;;;;gCAvC8D;oBACc;0BACnC;sCAEH;4BACrB;AAW9B,IAAMC,eAAwC;IAC1CC,KAAKC,iCAAe;IACpBC,MAAMC,mCAAiB;IACvBC,MAAMC,0CAAwB;AAClC;AAEA,IAAMC,gBAAgE;IAClEN,KAAK;IACLE,MAAM;IACNE,MAAM;AACV;AASA,IAAMG,eAAiC;IACnCC,cAAcT;AAClB;AAEO,IAAMD,KAAK,SAAKW;IACnB,IAAM,AAACC,YAAaC,IAAAA,6BAAe,IAA5BD;IACP,IAAsFE,YAAAA,IAAAA,cAAQ,EAC1F,iBACAL,cACAE,QAHGI,SAA+ED,UAA/EC,QAAQL,eAAuEI,UAAvEJ,cAAcM,aAAyDF,UAAzDE,YAAYC,YAA6CH,UAA7CG,WAAWC,SAAkCJ,UAAlCI,QAAQC,QAA0BL,UAA1BK,OAAOC,OAAmBN,UAAnBM,MAASC,sCAAUP;QAA/EC;QAAQL;QAAcM;QAAYC;QAAWC;QAAQC;QAAOC;;IAMnE,IAAME,eAAe,4CACdC,+BAAmB;QACtBC,MAAMT,OAAOU,MAAM,CAACC,SAAS,CAACF,IAAI;QAClCG,SAASZ,OAAOU,MAAM,CAACC,SAAS,CAACC,OAAO;QACxCC,SAASb,OAAOU,MAAM,CAACC,SAAS,CAACE,OAAO;;IAG5C,IAAMC,WAAWjB,UAAU,MAAM;QAACI,YAAAA;QAAYC,WAAAA;QAAWC,QAAAA;QAAQC,OAAAA;IAAK;IAEtE,IAAIJ,OAAOe,aAAa,EAAE;QACtB,OAAO;IACX;IAEA,IAAI,CAACf,OAAOU,MAAM,CAACM,UAAU,IAAI;YAMVT;QALnB,qBACI,qBAACU;YACGf,WAAWY,SAASZ,SAAS;YAC7BE,OAAO,4CACAU,SAASV,KAAK;gBACjBc,OAAOX,CAAAA,qBAAAA,aAAaE,IAAI,cAAjBF,gCAAAA,qBAAqB;gBAC5BY,UAAUZ,aAAaK,OAAO;gBAC9BQ,UAAUb,aAAaM,OAAO;;WAE9BP;sBAEJ,cAAA,qBAACe,WAAK;gBAACC,MAAK;gBAASC,KAAI;0BACpBC,IAAAA,sBAAU,EAACxB,OAAOU,MAAM,CAACC,SAAS,CAACX,MAAM,EAAEA,OAAOyB,UAAU;;;IAI7E;IAEA,IAAMC,SAAS1B,OAAOU,MAAM,CAACiB,uBAAuB;IACpD,IAAMC,eAAe5B,OAAOU,MAAM,CAACmB,WAAW,MAAM;IACpD,IAAMC,OAAOnC,YAAY,CAACiC,aAAa;IAEvC,qBACI,qBAACG,oBAAc;QACXC,WAAU;QACVC,SAASP;QACTQ,aAAWzC,aAAa,CAACmC,aAAa;QACtCO,gBAAc;OACVrB,UACAR;kBAEJ,cAAA,sBAACe,WAAK;YAACC,MAAK;YAASC,KAAI;;gBACpBC,IAAAA,sBAAU,EAACxB,OAAOU,MAAM,CAACC,SAAS,CAACX,MAAM,EAAEA,OAAOyB,UAAU;8BAC7D,qBAACK;oBAAKM,QAAQ;oBAAIlB,OAAO;;;;;AAIzC;AACAjC,GAAGoD,MAAM,GAAGC,gCAAQ"}

package/dist/cjs/index.d.ts

@@ -10,10 +10,49 @@ export * from '@mantine/hooks';
 export * from '@mantine/notifications';
 export { type NotificationsProps } from '@mantine/notifications';
 export * from '@tanstack/table-core';
-export * from './components/index.js';
+export { Accordion } from './components/accordion/Accordion.js';
+export { ActionIcon, type ActionIconProps } from './components/action-icon/ActionIcon.js';
+export { Alert } from './components/alert/Alert.js';
+export { Badge, type BadgeOverloadFactory, type SemanticBadge, type SemanticBadgeProps, } from './components/badge/Badge.js';
+export * from './components/blank-slate/BlankSlate.js';
+export * from './components/browser-preview/BrowserPreview.js';
+export { Button, type ButtonProps } from './components/button/Button.js';
+export { type ButtonWithDisabledTooltipProps } from './components/button/ButtonWithDisabledTooltip.js';
+export * from './components/checkbox/CheckboxIcon.js';
+export * from './components/child-form/ChildForm.js';
+export { Chip } from './components/chip/Chip.js';
+export * from './components/code-editor/CodeEditor.js';
+export * from './components/collection/Collection.js';
+export { enhanceWithCollectionProps } from './components/collection/enhanceWithCollectionProps.js';
+export * from './components/copyToClipboard/CopyToClipboard.js';
+export * from './components/date-range-picker/DateRangePickerInlineCalendar.js';
+export * from './components/date-range-picker/DateRangePickerPopoverCalendar.js';
+export * from './components/date-range-picker/DateRangePickerPresetSelect.js';
+export * from './components/date-time-range-picker/DateTimeRangePicker.js';
+export * from './components/ellipsis-text/EllipsisText.js';
+export { Header, type HeaderBreadcrumbsProps, type HeaderDocAnchorProps, type HeaderFactory, type HeaderProps, type HeaderRightProps, type HeaderStyleNames, type HeaderVariant, } from './components/header/Header.js';
+export * from './components/info-token/InfoToken.js';
+export * from './components/inline-confirm/InlineConfirm.js';
+export * from './components/inline-confirm/InlineConfirmContext.js';
+export * from './components/last-updated/LastUpdated.js';
+export * from './components/loader/CircleLoader.js';
+export { Menu, type MenuItemProps } from './components/menu/Menu.js';
+export { Modal, type ModalFactory, type ModalProps } from './components/modal/Modal.js';
+export * from './components/modal/ModalFooter.js';
+export * from './components/prompt/Prompt.js';
+export { PasswordInput } from './components/read-only/PasswordInput.js';
+export { Select } from './components/read-only/Select.js';
+export * from './components/sticky-footer/StickyFooter.js';
+export { flexRender as renderTableCell } from '@tanstack/react-table';
+export { Table, TableComponentsOrder, type PlasmaTableFactory } from './components/table/Table.js';
+export { type TablePredicateProps } from './components/table/table-predicate/TablePredicate.js';
+export { type TableAction, type TableLayout, type TableLayoutProps, type TableProps, } from './components/table/Table.types.js';
+export { useTableContext } from './components/table/TableContext.js';
+export { useTable, type TableState, type TableStore, type UseTableOptions } from './components/table/use-table.js';
+export { useUrlSyncedState, type UseUrlSyncedStateOptions, type SearchParamEntry, } from './components/table/use-url-synced-state.js';
 export { noop };
-export { Accordion, ActionIcon, Alert, Badge, BrowserPreview, Button, Chip, CopyToClipboard, Header, Menu, Modal, PasswordInput, Select, Table, type ActionIconProps, type ButtonProps, type CopyToClipboardProps, type HeaderProps, type MenuItemProps, type ModalFactory, type ModalProps, type TableProps, type TableState, } from './components/index.js';
-export * from './theme/index.js';
+export * from './theme/plasmaCSSVariablesResolver.js';
+export * from './theme/Plasmantine.js';
 declare module '@mantine/core' {
     interface MantineThemeColorsOverride {
         colors: Record<keyof typeof PlasmaColors | (string & {}), MantineColorsTuple>;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,kBAAkB,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AACvD,OAAO,EAAC,KAAK,OAAO,EAAC,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAC,KAAK,YAAY,EAAC,MAAM,yBAAyB,CAAC;AAE1D,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAC;AACzC,OAAO,EAAC,KAAK,eAAe,EAAC,MAAM,gBAAgB,CAAC;AACpD,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAC,KAAK,kBAAkB,EAAC,MAAM,wBAAwB,CAAC;AAC/D,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,OAAO,EAAC,IAAI,EAAC,CAAC;AAGd,OAAO,EACH,SAAS,EACT,UAAU,EACV,KAAK,EACL,KAAK,EACL,cAAc,EACd,MAAM,EACN,IAAI,EACJ,eAAe,EACf,MAAM,EACN,IAAI,EACJ,KAAK,EACL,aAAa,EACb,MAAM,EACN,KAAK,EACL,KAAK,eAAe,EACpB,KAAK,WAAW,EAChB,KAAK,oBAAoB,EACzB,KAAK,WAAW,EAChB,KAAK,aAAa,EAClB,KAAK,YAAY,EACjB,KAAK,UAAU,EACf,KAAK,UAAU,EACf,KAAK,UAAU,GAClB,MAAM,uBAAuB,CAAC;AAE/B,cAAc,kBAAkB,CAAC;AAEjC,OAAO,QAAQ,eAAe,CAAC;IAC3B,UAAiB,0BAA0B;QACvC,MAAM,EAAE,MAAM,CAAC,MAAM,OAAO,YAAY,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,EAAE,kBAAkB,CAAC,CAAC;KACjF;CACJ;AAED,OAAO,QAAQ,uBAAuB,CAAC;IACnC,UAAU,UAAU,CAAC,KAAK,SAAS,OAAO,EAAE,MAAM;QAC9C;;;;WAIG;QACH,aAAa,EAAE,OAAO,CAAC;KAC1B;CACJ"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}