@coveord/plasma-mantine 59.8.0 → 60.0.0

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/components/Table/table-actions/TableActionsList.tsx"],"sourcesContent":["import {MoreSize16Px} from '@coveord/plasma-react-icons';\nimport {\n    Box,\n    CompoundStylesApiProps,\n    CSSProperties,\n    ExtendComponent,\n    Factory,\n    Menu,\n    MenuProps,\n    Tooltip,\n    useProps,\n} from '@mantine/core';\nimport {MouseEventHandler, ReactNode, useState} from 'react';\nimport {ActionIcon} from '../../ActionIcon/ActionIcon.js';\nimport {Button} from '../../Button/Button.js';\nimport {InlineConfirm} from '../../InlineConfirm/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\n        Omit<MenuProps, 'classNames' | 'styles' | 'vars' | 'variant'>,\n        CompoundStylesApiProps<TableActionsListFactory> {\n    actions: TableAction[];\n    /**\n     * Label for the more menu\n     * @default 'More' when variant is 'split', 'Actions' when variant is 'combined'\n     */\n    label?: string;\n    /**\n     * Label for the primary actions group when variant is 'combined'\n     * @default ''\n     */\n    primaryGroupLabel?: string;\n    icon?: ReactNode;\n}\n\ntype TableActionsListFactory = Factory<{\n    props: TableActionsListProps;\n    ref: HTMLDivElement;\n    stylesNames: TableActionsListStylesNames;\n    compound: true;\n    variant: 'split' | 'combined';\n}>;\n\nconst defaultProps: Partial<TableActionsListProps> = {\n    label: 'More',\n    primaryGroupLabel: '',\n    icon: <MoreSize16Px height={16} />,\n};\n\ninterface ActionsDict {\n    $$primary: TableAction[];\n    $$confirmPrompt: TableAction[];\n    secondary: Record<string, Array<TableAction['component']>>;\n}\n\ninterface ActionGroup {\n    name: string;\n    actions: ReactNode[];\n}\n\nexport const TableActionsList = (props: TableActionsListProps) => {\n    const {getStyles} = useTableContext();\n    const {\n        actions,\n        icon,\n        label,\n        primaryGroupLabel,\n        classNames,\n        styles,\n        vars: _vars,\n        variant,\n        ...others\n    } = useProps('PlasmaTableActionsListColumn', defaultProps, props);\n    const [opened, setOpened] = useState(false);\n\n    const onClick: MouseEventHandler = (e) => {\n        e.preventDefault();\n        e.stopPropagation();\n        setOpened((prevState) => !prevState);\n    };\n    const onChange = (newOpened: boolean) => {\n        if (!newOpened) {\n            setOpened(false);\n        }\n    };\n\n    const actionsGroups: ActionsDict = actions.reduce<ActionsDict>(\n        (acc, action) => {\n            if (action.group === '$$primary') {\n                acc.$$primary.push(action);\n            } else if (action.group === '$$confirmPrompt') {\n                acc.$$confirmPrompt.push(action);\n            } else {\n                if (acc.secondary[action.group]) {\n                    acc.secondary[action.group].push(action.component);\n                } else {\n                    acc.secondary[action.group] = [action.component];\n                }\n            }\n            return acc;\n        },\n        {$$primary: [], $$confirmPrompt: [], secondary: {}},\n    );\n\n    const primaryActions = actionsGroups.$$primary.map((action) => action.component);\n    const confirmPrompts = actionsGroups.$$confirmPrompt.map((confirmPromptAction) => confirmPromptAction.component);\n    const secondaryActionGroups = Object.entries(actionsGroups.secondary).map(\n        ([group, groupActions]): ActionGroup => ({\n            name: group,\n            actions: groupActions,\n        }),\n    );\n\n    if (variant === 'split') {\n        return (\n            <InlineConfirm>\n                {confirmPrompts}\n                <TableActionProvider value={{primary: true}}>{primaryActions}</TableActionProvider>\n                {secondaryActionGroups.length > 0 ? (\n                    <TableActionProvider value={{primary: false}}>\n                        <Menu withinPortal={false} {...others} keepMounted>\n                            <Menu.Target>\n                                <Button.Quaternary\n                                    {...getStyles('actionsTarget', {styles, classNames})}\n                                    leftSection={icon}\n                                >\n                                    {label}\n                                </Button.Quaternary>\n                            </Menu.Target>\n                            <Menu.Dropdown {...getStyles('actionsDropdown', {styles, classNames})}>\n                                <ActionsGroupsMenuItems\n                                    classNames={classNames}\n                                    styles={styles}\n                                    actionGroups={secondaryActionGroups}\n                                />\n                            </Menu.Dropdown>\n                        </Menu>\n                    </TableActionProvider>\n                ) : null}\n            </InlineConfirm>\n        );\n    }\n    return (\n        <InlineConfirm>\n            {confirmPrompts}\n            <TableActionProvider value={{primary: false}}>\n                <Menu opened={opened} onChange={onChange} {...others} keepMounted>\n                    <Menu.Target>\n                        <Tooltip label={label} {...getStyles('actionsTooltip', {styles, classNames})}>\n                            <ActionIcon.Quaternary\n                                {...getStyles('actionsTarget', {styles, classNames})}\n                                onClick={onClick}\n                            >\n                                {icon}\n                            </ActionIcon.Quaternary>\n                        </Tooltip>\n                    </Menu.Target>\n                    <Menu.Dropdown {...getStyles('actionsDropdown', {styles, classNames})}>\n                        <ActionsGroupsMenuItems\n                            classNames={classNames}\n                            styles={styles}\n                            actionGroups={\n                                primaryActions.length > 0\n                                    ? [{name: primaryGroupLabel, actions: primaryActions}, ...secondaryActionGroups]\n                                    : secondaryActionGroups\n                            }\n                        />\n                    </Menu.Dropdown>\n                </Menu>\n            </TableActionProvider>\n        </InlineConfirm>\n    );\n};\n\ninterface ActionsGroupsMenuItemsProps {\n    styles: Partial<Record<TableActionsListStylesNames, CSSProperties>>;\n    classNames: Partial<Record<TableActionsListStylesNames, string>>;\n    actionGroups: ActionGroup[];\n}\n\nconst ActionsGroupsMenuItems = ({styles, classNames, actionGroups}: ActionsGroupsMenuItemsProps) => {\n    const {getStyles} = useTableContext();\n    return actionGroups.map(({name, actions}, index) => (\n        <Box key={name} {...getStyles('actionsGroup', {styles, classNames})}>\n            {actionGroups.length > 1 ? (\n                <Menu.Label {...getStyles('actionsGroupLabel', {styles, classNames})}>{name}</Menu.Label>\n            ) : null}\n            <Box {...getStyles('actionsGroupItems', {styles, classNames})}>{actions}</Box>\n            {index < actionGroups.length - 1 ? (\n                <Menu.Divider {...getStyles('actionsGroupDivider', {styles, classNames})} />\n            ) : null}\n        </Box>\n    ));\n};\n\nTableActionsList.extend = (input: ExtendComponent<TableActionsListFactory>) => input;\n"],"names":["MoreSize16Px","Box","Menu","Tooltip","useProps","useState","ActionIcon","Button","InlineConfirm","useTableContext","TableActionProvider","defaultProps","label","primaryGroupLabel","icon","height","TableActionsList","props","getStyles","actions","classNames","styles","vars","_vars","variant","others","opened","setOpened","onClick","e","preventDefault","stopPropagation","prevState","onChange","newOpened","actionsGroups","reduce","acc","action","group","$$primary","push","$$confirmPrompt","secondary","component","primaryActions","map","confirmPrompts","confirmPromptAction","secondaryActionGroups","Object","entries","groupActions","name","value","primary","length","withinPortal","keepMounted","Target","Quaternary","leftSection","Dropdown","ActionsGroupsMenuItems","actionGroups","index","Label","Divider","extend","input"],"mappings":"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"}

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

@@ -1,11 +0,0 @@
-import { GridColProps } from '@mantine/core';
-export type TableHeaderActionsStylesNames = 'headerActionsRoot' | 'headerActionsGroup';
-export interface TableHeaderActionsProps extends Omit<GridColProps, 'children'> {
-}
-export declare const TableHeaderActions: import("@mantine/core").MantineComponent<{
-    props: TableHeaderActionsProps;
-    ref: HTMLDivElement;
-    stylesNames: TableHeaderActionsStylesNames;
-    compound: true;
-}>;
-//# sourceMappingURL=TableHeaderActions.d.ts.map

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

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

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

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

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

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

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

@@ -1,21 +0,0 @@
-import { ColumnDef } from '@tanstack/table-core';
-import { TableColumnsSelectorOptions } from '../table-columns-selector/TableColumnsSelector.js';
-export interface TableActionsColumnMeta {
-    /**
-     * When set to `true` or an options object, displays a column selector button in the actions column header.
-     * Allows users to show/hide columns in the table.
-     *
-     * @example
-     * // Simple usage
-     * options={{ meta: { rowConfigurable: true } }}
-     *
-     * // With options
-     * options={{ meta: { rowConfigurable: { maxSelectableColumns: 5 } } }}
-     */
-    rowConfigurable?: boolean | TableColumnsSelectorOptions;
-}
-/**
- * Generic column to use when your table needs actions on rows
- */
-export declare const TableActionsColumn: ColumnDef<unknown>;
-//# sourceMappingURL=TableActionsColumn.d.ts.map

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/components/Table/table-column/TableActionsColumn.tsx"],"sourcesContent":["import {MoreSize16Px} from '@coveord/plasma-react-icons';\nimport {useProps} from '@mantine/core';\nimport {CellContext, ColumnDef} from '@tanstack/table-core';\nimport {FunctionComponent} from 'react';\nimport {TableActionsList, TableActionsListProps} from '../table-actions/TableActionsList.js';\n\nimport {useTableContext} from '../TableContext.js';\nimport {TableColumnsSelector, TableColumnsSelectorOptions} from '../table-columns-selector/TableColumnsSelector.js';\n\nexport interface TableActionsColumnMeta {\n    /**\n     * When set to `true` or an options object, displays a column selector button in the actions column header.\n     * Allows users to show/hide columns in the table.\n     *\n     * @example\n     * // Simple usage\n     * options={{ meta: { rowConfigurable: true } }}\n     *\n     * // With options\n     * options={{ meta: { rowConfigurable: { maxSelectableColumns: 5 } } }}\n     */\n    rowConfigurable?: boolean | TableColumnsSelectorOptions;\n}\n\n/**\n * Generic column to use when your table needs actions on rows\n */\nexport const TableActionsColumn: ColumnDef<unknown> = {\n    id: 'actions',\n    enableSorting: false,\n    enableHiding: false,\n    meta: {\n        controlColumn: true,\n    },\n    header: ({table}) => {\n        const rowConfigurable = (table.options.meta as TableActionsColumnMeta)?.rowConfigurable;\n        if (!rowConfigurable) {\n            return null;\n        }\n        const options = typeof rowConfigurable === 'boolean' ? {} : rowConfigurable;\n        return <TableColumnsSelector table={table} options={options} />;\n    },\n    size: 84, // 16px padding left + 28px ActionIcon + 40px padding right\n    cell: (info) => <ActionsMenu info={info} />,\n};\n\ninterface TableActionsColumnProps extends Omit<TableActionsListProps, 'actions'> {\n    info: CellContext<unknown, unknown>;\n}\n\nconst defaultProps: Partial<TableActionsColumnProps> = {\n    label: 'Actions',\n    icon: <MoreSize16Px height={16} />,\n};\n\nconst ActionsMenu: FunctionComponent<TableActionsColumnProps> = (props) => {\n    const {getRowActions} = useTableContext();\n\n    const {info, ...others} = useProps('PlasmaTableActionsColumn', defaultProps, props);\n\n    const actionsElements = getRowActions([info.row.original]);\n    return <TableActionsList actions={actionsElements} variant=\"combined\" {...others} />;\n};\n"],"names":["MoreSize16Px","useProps","TableActionsList","useTableContext","TableColumnsSelector","TableActionsColumn","id","enableSorting","enableHiding","meta","controlColumn","header","table","rowConfigurable","options","size","cell","info","ActionsMenu","defaultProps","label","icon","height","props","getRowActions","others","actionsElements","row","original","actions","variant"],"mappings":";AAAA,SAAQA,YAAY,QAAO,8BAA8B;AACzD,SAAQC,QAAQ,QAAO,gBAAgB;AAGvC,SAAQC,gBAAgB,QAA8B,uCAAuC;AAE7F,SAAQC,eAAe,QAAO,qBAAqB;AACnD,SAAQC,oBAAoB,QAAoC,oDAAoD;AAiBpH;;CAEC,GACD,OAAO,MAAMC,qBAAyC;IAClDC,IAAI;IACJC,eAAe;IACfC,cAAc;IACdC,MAAM;QACFC,eAAe;IACnB;IACAC,QAAQ,CAAC,EAACC,KAAK,EAAC;QACZ,MAAMC,kBAAmBD,MAAME,OAAO,CAACL,IAAI,EAA6BI;QACxE,IAAI,CAACA,iBAAiB;YAClB,OAAO;QACX;QACA,MAAMC,UAAU,OAAOD,oBAAoB,YAAY,CAAC,IAAIA;QAC5D,qBAAO,KAACT;YAAqBQ,OAAOA;YAAOE,SAASA;;IACxD;IACAC,MAAM;IACNC,MAAM,CAACC,qBAAS,KAACC;YAAYD,MAAMA;;AACvC,EAAE;AAMF,MAAME,eAAiD;IACnDC,OAAO;IACPC,oBAAM,KAACrB;QAAasB,QAAQ;;AAChC;AAEA,MAAMJ,cAA0D,CAACK;IAC7D,MAAM,EAACC,aAAa,EAAC,GAAGrB;IAExB,MAAM,EAACc,IAAI,EAAE,GAAGQ,QAAO,GAAGxB,SAAS,4BAA4BkB,cAAcI;IAE7E,MAAMG,kBAAkBF,cAAc;QAACP,KAAKU,GAAG,CAACC,QAAQ;KAAC;IACzD,qBAAO,KAAC1B;QAAiB2B,SAASH;QAAiBI,SAAQ;QAAY,GAAGL,MAAM;;AACpF"}

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

@@ -1,11 +0,0 @@
-import { ColumnDef } from '@tanstack/table-core';
-export type TableCollapsibleColumnStylesNames = 'collapsibleIcon';
-/**
- * Generic column to use when your table needs collapsible rows
- */
-export declare const TableCollapsibleColumn: ColumnDef<unknown>;
-/**
- * Generic column to use when your table needs an accordion (collapsible rows, but only one open at the time)
- */
-export declare const TableAccordionColumn: ColumnDef<unknown>;
-//# sourceMappingURL=TableCollapsibleColumn.d.ts.map

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

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

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

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

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

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

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

@@ -1,6 +0,0 @@
-import { ColumnDef } from '@tanstack/table-core';
-/**
- * Generic column to use when your table needs multi selection of rows
- */
-export declare const TableSelectableColumn: ColumnDef<unknown>;
-//# sourceMappingURL=TableSelectableColumn.d.ts.map

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/components/Table/table-columns-selector/TableColumnsSelector.tsx"],"sourcesContent":["import {IconSettings} from '@coveord/plasma-react-icons';\nimport {Checkbox, Divider, Popover, ScrollArea, Stack, Text, Tooltip} from '@mantine/core';\nimport {flexRender, Header, Table} from '@tanstack/react-table';\nimport {ActionIcon} from '../../ActionIcon/ActionIcon.js';\n\nexport interface TableColumnsSelectorOptions {\n    /**\n     * The maximum number of columns that can be selected at the same time.\n     * If defined a footer will render with the remaining number of columns that can be selected.\n     * Must be a positive integer (greater than 0).\n     */\n    maxSelectableColumns?: number;\n    /**\n     * The content to display in the footer when maxSelectableColumns is defined.\n     * Can be a string or a function that receives the maxSelectableColumns value.\n     * @default (max) => `You can display up to ${max} columns.`\n     */\n    footer?: string | ((maxSelectableColumns: number) => string);\n    /**\n     * The tooltip to display when the user hovers over a disabled checkbox because of the limit.\n     * @default 'You have reached the maximum display limit.'\n     */\n    limitReachedTooltip?: string;\n    /**\n     * The tooltip to display when the user hovers over a disabled checkbox because a column cannot be hidden.\n     * @default 'This column is always visible.'\n     */\n    alwaysVisibleTooltip?: string;\n}\n\nexport interface TableColumnsSelectorProps {\n    table: Table<unknown>;\n    options?: TableColumnsSelectorOptions;\n}\n\nconst DEFAULT_OPTIONS: Omit<TableColumnsSelectorOptions, 'footer'> & {\n    footer: (maxSelectableColumns: number) => string;\n} = {\n    footer: (max) => `You can display up to ${max} columns.`,\n    limitReachedTooltip: 'You have reached the maximum display limit.',\n    alwaysVisibleTooltip: 'This column is always visible.',\n};\n\nexport const TableColumnsSelector = ({table, options}: TableColumnsSelectorProps) => {\n    const {maxSelectableColumns, footer, limitReachedTooltip, alwaysVisibleTooltip} = {\n        ...DEFAULT_OPTIONS,\n        ...options,\n    };\n\n    const allColumns = table.getAllLeafColumns();\n    const filteredColumns = allColumns.filter((column) => !column.columnDef.meta?.controlColumn);\n    const selectedColumnsCount = filteredColumns.filter((column) => column.getIsVisible()).length;\n\n    // Validate maxSelectableColumns - must be a positive integer to be effective\n    const effectiveMaxColumns =\n        maxSelectableColumns !== undefined && maxSelectableColumns > 0 ? maxSelectableColumns : undefined;\n\n    if (filteredColumns.length <= 0) {\n        return null;\n    }\n\n    const getColumnState = (column: (typeof filteredColumns)[number]) => {\n        const alwaysVisible = !column.getCanHide();\n        const isDisabled =\n            (effectiveMaxColumns !== undefined &&\n                selectedColumnsCount >= effectiveMaxColumns &&\n                !column.getIsVisible()) ||\n            alwaysVisible;\n        const isVisible = column.getIsVisible() || alwaysVisible;\n        return {alwaysVisible, isDisabled, isVisible};\n    };\n\n    const columnOptions = filteredColumns.map((column) => {\n        const {alwaysVisible, isDisabled, isVisible} = getColumnState(column);\n\n        return (\n            <Tooltip\n                label={alwaysVisible ? alwaysVisibleTooltip : limitReachedTooltip}\n                disabled={!isDisabled}\n                position=\"left\"\n                key={column.id}\n            >\n                <div>\n                    <Checkbox\n                        label={flexRender(column.columnDef.header, {\n                            table,\n                            column,\n                            header: {column} as Header<unknown, unknown>,\n                        })}\n                        name={column.id}\n                        checked={isVisible}\n                        disabled={isDisabled}\n                        onChange={column.getToggleVisibilityHandler()}\n                    />\n                </div>\n            </Tooltip>\n        );\n    });\n\n    return (\n        <Popover position=\"bottom-end\" shadow=\"md\">\n            <Popover.Target>\n                <Tooltip label=\"Edit columns\">\n                    <ActionIcon.Tertiary aria-label=\"settings\">\n                        <IconSettings height={16} />\n                    </ActionIcon.Tertiary>\n                </Tooltip>\n            </Popover.Target>\n            <Popover.Dropdown miw={270} pb=\"xs\">\n                <ScrollArea.Autosize mah={200} type=\"auto\">\n                    <Stack gap=\"xs\">{columnOptions}</Stack>\n                </ScrollArea.Autosize>\n                {effectiveMaxColumns && (\n                    <>\n                        <Divider my=\"xs\" mx=\"-sm\" />\n                        <Text size=\"sm\" c=\"dimmed\">\n                            {typeof footer === 'function' ? footer(effectiveMaxColumns) : footer}\n                        </Text>\n                    </>\n                )}\n            </Popover.Dropdown>\n        </Popover>\n    );\n};\n"],"names":["IconSettings","Checkbox","Divider","Popover","ScrollArea","Stack","Text","Tooltip","flexRender","ActionIcon","DEFAULT_OPTIONS","footer","max","limitReachedTooltip","alwaysVisibleTooltip","TableColumnsSelector","table","options","maxSelectableColumns","allColumns","getAllLeafColumns","filteredColumns","filter","column","columnDef","meta","controlColumn","selectedColumnsCount","getIsVisible","length","effectiveMaxColumns","undefined","getColumnState","alwaysVisible","getCanHide","isDisabled","isVisible","columnOptions","map","label","disabled","position","div","header","name","id","checked","onChange","getToggleVisibilityHandler","shadow","Target","Tertiary","aria-label","height","Dropdown","miw","pb","Autosize","mah","type","gap","my","mx","size","c"],"mappings":";AAAA,SAAQA,YAAY,QAAO,8BAA8B;AACzD,SAAQC,QAAQ,EAAEC,OAAO,EAAEC,OAAO,EAAEC,UAAU,EAAEC,KAAK,EAAEC,IAAI,EAAEC,OAAO,QAAO,gBAAgB;AAC3F,SAAQC,UAAU,QAAsB,wBAAwB;AAChE,SAAQC,UAAU,QAAO,iCAAiC;AAgC1D,MAAMC,kBAEF;IACAC,QAAQ,CAACC,MAAQ,CAAC,sBAAsB,EAAEA,IAAI,SAAS,CAAC;IACxDC,qBAAqB;IACrBC,sBAAsB;AAC1B;AAEA,OAAO,MAAMC,uBAAuB,CAAC,EAACC,KAAK,EAAEC,OAAO,EAA4B;IAC5E,MAAM,EAACC,oBAAoB,EAAEP,MAAM,EAAEE,mBAAmB,EAAEC,oBAAoB,EAAC,GAAG;QAC9E,GAAGJ,eAAe;QAClB,GAAGO,OAAO;IACd;IAEA,MAAME,aAAaH,MAAMI,iBAAiB;IAC1C,MAAMC,kBAAkBF,WAAWG,MAAM,CAAC,CAACC,SAAW,CAACA,OAAOC,SAAS,CAACC,IAAI,EAAEC;IAC9E,MAAMC,uBAAuBN,gBAAgBC,MAAM,CAAC,CAACC,SAAWA,OAAOK,YAAY,IAAIC,MAAM;IAE7F,6EAA6E;IAC7E,MAAMC,sBACFZ,yBAAyBa,aAAab,uBAAuB,IAAIA,uBAAuBa;IAE5F,IAAIV,gBAAgBQ,MAAM,IAAI,GAAG;QAC7B,OAAO;IACX;IAEA,MAAMG,iBAAiB,CAACT;QACpB,MAAMU,gBAAgB,CAACV,OAAOW,UAAU;QACxC,MAAMC,aACF,AAACL,wBAAwBC,aACrBJ,wBAAwBG,uBACxB,CAACP,OAAOK,YAAY,MACxBK;QACJ,MAAMG,YAAYb,OAAOK,YAAY,MAAMK;QAC3C,OAAO;YAACA;YAAeE;YAAYC;QAAS;IAChD;IAEA,MAAMC,gBAAgBhB,gBAAgBiB,GAAG,CAAC,CAACf;QACvC,MAAM,EAACU,aAAa,EAAEE,UAAU,EAAEC,SAAS,EAAC,GAAGJ,eAAeT;QAE9D,qBACI,KAAChB;YACGgC,OAAON,gBAAgBnB,uBAAuBD;YAC9C2B,UAAU,CAACL;YACXM,UAAS;sBAGT,cAAA,KAACC;0BACG,cAAA,KAACzC;oBACGsC,OAAO/B,WAAWe,OAAOC,SAAS,CAACmB,MAAM,EAAE;wBACvC3B;wBACAO;wBACAoB,QAAQ;4BAACpB;wBAAM;oBACnB;oBACAqB,MAAMrB,OAAOsB,EAAE;oBACfC,SAASV;oBACTI,UAAUL;oBACVY,UAAUxB,OAAOyB,0BAA0B;;;WAZ9CzB,OAAOsB,EAAE;IAiB1B;IAEA,qBACI,MAAC1C;QAAQsC,UAAS;QAAaQ,QAAO;;0BAClC,KAAC9C,QAAQ+C,MAAM;0BACX,cAAA,KAAC3C;oBAAQgC,OAAM;8BACX,cAAA,KAAC9B,WAAW0C,QAAQ;wBAACC,cAAW;kCAC5B,cAAA,KAACpD;4BAAaqD,QAAQ;;;;;0BAIlC,MAAClD,QAAQmD,QAAQ;gBAACC,KAAK;gBAAKC,IAAG;;kCAC3B,KAACpD,WAAWqD,QAAQ;wBAACC,KAAK;wBAAKC,MAAK;kCAChC,cAAA,KAACtD;4BAAMuD,KAAI;sCAAMvB;;;oBAEpBP,qCACG;;0CACI,KAAC5B;gCAAQ2D,IAAG;gCAAKC,IAAG;;0CACpB,KAACxD;gCAAKyD,MAAK;gCAAKC,GAAE;0CACb,OAAOrD,WAAW,aAAaA,OAAOmB,uBAAuBnB;;;;;;;;AAO1F,EAAE"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"TableDateRangePicker.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/table-date-range-picker/TableDateRangePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAE,sBAAsB,EAAE,OAAO,EAA0B,MAAM,eAAe,CAAC;AAEjG,OAAO,EAAkB,KAAK,oBAAoB,EAAC,MAAM,0CAA0C,CAAC;AACpG,OAAO,EAAC,qBAAqB,EAAC,MAAM,sDAAsD,CAAC;AAI3F,MAAM,MAAM,+BAA+B,GAAG,eAAe,CAAC;AAE9D,MAAM,WAAW,yBACb,SACI,QAAQ,EACR,sBAAsB,CAAC,2BAA2B,CAAC,EACnD,IAAI,CAAC,oBAAoB,EAAE,aAAa,GAAG,YAAY,GAAG,UAAU,GAAG,oBAAoB,CAAC;IAChG;;;;;;;;;;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;EAkDhB,CAAC"}

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

@@ -1,47 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { factory, Grid, useProps } from '@mantine/core';
-import { DateRangePicker } from '../../DateRangePicker/DateRangePicker.js';
-import { TableComponentsOrder } from '../Table.js';
-import { useTableContext } from '../TableContext.js';
-const defaultProps = {
-    presets: {}
-};
-export const TableDateRangePicker = factory((props, ref)=>{
-    const { store, getStyles } = useTableContext();
-    const { presets, rangeCalendarProps, startProps, endProps, placeholder, classNames, className, styles, style, vars, ...others } = useProps('PlasmaTableDateRangePicker', defaultProps, props);
-    const onChange = (dates)=>{
-        store.setDateRange(dates);
-        store.setPagination({
-            pageIndex: 0,
-            pageSize: store.state.pagination.pageSize
-        });
-    };
-    const stylesApiProps = {
-        classNames,
-        styles
-    };
-    return /*#__PURE__*/ _jsx(Grid.Col, {
-        span: "content",
-        order: TableComponentsOrder.DateRangePicker,
-        ref: ref,
-        ...getStyles('dateRangeRoot', {
-            className,
-            style,
-            ...stylesApiProps
-        }),
-        ...others,
-        children: /*#__PURE__*/ _jsx(DateRangePicker, {
-            value: store.state.dateRange,
-            onChange: onChange,
-            presets: presets,
-            rangeCalendarProps: rangeCalendarProps,
-            startProps: startProps,
-            endProps: endProps,
-            placeholder: placeholder,
-            miw: 220
-        })
-    });
-});
-TableDateRangePicker.displayName = 'Table.DateRangePicker';
-
-//# sourceMappingURL=TableDateRangePicker.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/components/Table/table-date-range-picker/TableDateRangePicker.tsx"],"sourcesContent":["import {BoxProps, CompoundStylesApiProps, Factory, factory, Grid, useProps} from '@mantine/core';\nimport {type DatesRangeValue, type DateStringValue} from '@mantine/dates';\nimport {DateRangePicker, type DateRangePickerProps} from '../../DateRangePicker/DateRangePicker.js';\nimport {DateRangePickerPreset} from '../../DateRangePicker/DateRangePickerPresetSelect.js';\nimport {TableComponentsOrder} from '../Table.js';\nimport {useTableContext} from '../TableContext.js';\n\nexport type TableDateRangePickerStylesNames = 'dateRangeRoot';\n\nexport interface TableDateRangePickerProps\n    extends\n        BoxProps,\n        CompoundStylesApiProps<TableDateRangePickerFactory>,\n        Pick<DateRangePickerProps, 'placeholder' | '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 {\n        presets,\n        rangeCalendarProps,\n        startProps,\n        endProps,\n        placeholder,\n        classNames,\n        className,\n        styles,\n        style,\n        vars,\n        ...others\n    } = useProps('PlasmaTableDateRangePicker', defaultProps, props);\n\n    const onChange = (dates: DatesRangeValue<DateStringValue | null>) => {\n        store.setDateRange(dates);\n        store.setPagination({pageIndex: 0, pageSize: store.state.pagination.pageSize});\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            <DateRangePicker\n                value={store.state.dateRange}\n                onChange={onChange}\n                presets={presets}\n                rangeCalendarProps={rangeCalendarProps}\n                startProps={startProps}\n                endProps={endProps}\n                placeholder={placeholder}\n                miw={220}\n            />\n        </Grid.Col>\n    );\n});\n\nTableDateRangePicker.displayName = 'Table.DateRangePicker';\n"],"names":["factory","Grid","useProps","DateRangePicker","TableComponentsOrder","useTableContext","defaultProps","presets","TableDateRangePicker","props","ref","store","getStyles","rangeCalendarProps","startProps","endProps","placeholder","classNames","className","styles","style","vars","others","onChange","dates","setDateRange","setPagination","pageIndex","pageSize","state","pagination","stylesApiProps","Col","span","order","value","dateRange","miw","displayName"],"mappings":";AAAA,SAAmDA,OAAO,EAAEC,IAAI,EAAEC,QAAQ,QAAO,gBAAgB;AAEjG,SAAQC,eAAe,QAAkC,2CAA2C;AAEpG,SAAQC,oBAAoB,QAAO,cAAc;AACjD,SAAQC,eAAe,QAAO,qBAAqB;AA8BnD,MAAMC,eAAmD;IACrDC,SAAS,CAAC;AACd;AAEA,OAAO,MAAMC,uBAAuBR,QAAqC,CAACS,OAAOC;IAC7E,MAAM,EAACC,KAAK,EAAEC,SAAS,EAAC,GAAGP;IAC3B,MAAM,EACFE,OAAO,EACPM,kBAAkB,EAClBC,UAAU,EACVC,QAAQ,EACRC,WAAW,EACXC,UAAU,EACVC,SAAS,EACTC,MAAM,EACNC,KAAK,EACLC,IAAI,EACJ,GAAGC,QACN,GAAGpB,SAAS,8BAA8BI,cAAcG;IAEzD,MAAMc,WAAW,CAACC;QACdb,MAAMc,YAAY,CAACD;QACnBb,MAAMe,aAAa,CAAC;YAACC,WAAW;YAAGC,UAAUjB,MAAMkB,KAAK,CAACC,UAAU,CAACF,QAAQ;QAAA;IAChF;IAEA,MAAMG,iBAAiB;QAACd;QAAYE;IAAM;IAE1C,qBACI,KAAClB,KAAK+B,GAAG;QACLC,MAAK;QACLC,OAAO9B,qBAAqBD,eAAe;QAC3CO,KAAKA;QACJ,GAAGE,UAAU,iBAAiB;YAACM;YAAWE;YAAO,GAAGW,cAAc;QAAA,EAAE;QACpE,GAAGT,MAAM;kBAEV,cAAA,KAACnB;YACGgC,OAAOxB,MAAMkB,KAAK,CAACO,SAAS;YAC5Bb,UAAUA;YACVhB,SAASA;YACTM,oBAAoBA;YACpBC,YAAYA;YACZC,UAAUA;YACVC,aAAaA;YACbqB,KAAK;;;AAIrB,GAAG;AAEH7B,qBAAqB8B,WAAW,GAAG"}