@coveord/plasma-mantine 53.1.4 → 54.0.1

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

@@ -1,29 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Grid, Group, useProps } from '@mantine/core';
-import { identity } from '../../../utils';
-import { TableComponentsOrder } from '../Table';
-import { useTable, useTableStyles } from '../TableContext';
-const defaultProps = {};
-export const TableActions = (props)=>{
-    const ctx = useTableStyles();
-    const { getSelectedRows, multiRowSelectionEnabled } = useTable();
-    const { style, className, classNames, styles, children, ...others } = useProps('PlasmaTableActions', defaultProps, props);
-    const selectedRows = getSelectedRows();
-    if (selectedRows.length <= 0) {
-        return null;
-    }
-    return /*#__PURE__*/ _jsx(Grid.Col, {
-        span: "content",
-        order: TableComponentsOrder.Actions,
-        ...ctx.getStyles('actionsRoot', {}),
-        ...others,
-        children: /*#__PURE__*/ _jsx(Group, {
-            gap: "xs",
-            ...ctx.getStyles('actionsGroup', {}),
-            children: multiRowSelectionEnabled ? children(selectedRows) : children(selectedRows[0])
-        })
-    });
-};
-TableActions.extend = identity;
-
-//# sourceMappingURL=TableActions.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/components/table/table-actions/TableActions.tsx"],"sourcesContent":["import {Factory, Grid, GridColProps, Group, useProps} from '@mantine/core';\nimport {ForwardedRef, ReactElement, ReactNode} from 'react';\n\nimport {CustomComponentThemeExtend, identity} from '../../../utils';\nimport {TableComponentsOrder} from '../Table';\nimport {useTable, useTableStyles} from '../TableContext';\n\nexport type TableActionsStylesNames = 'actionsRoot' | 'actionsGroup';\n\nexport interface TableActionsProps<T> extends Omit<GridColProps, 'children'> {\n    /**\n     * Function that return components for the selected row or selected rows when multi row selection is enabled\n     *\n     * @param datum the data of the selected row(s)\n     * @example\n     * <Table.Actions<MyType>>\n     *     {(datum: MyType) => (\n     *         <Button\n     *             component={Link}\n     *             to={`edit/${datum.id}`}\n     *             leftIcon={<EditSize24Px />}\n     *             variant=\"subtle\"\n     *             color=\"navy.8\"\n     *         >\n     *             Edit\n     *         </Button>\n     *     )}\n     * </Table.Actions>\n     */\n    children: ((datum: T) => ReactNode) | ((data: T[]) => ReactNode);\n}\n\ntype TableActionsFactory = Factory<{\n    props: TableActionsProps<unknown>;\n    ref: HTMLDivElement;\n    stylesNames: TableActionsStylesNames;\n    compound: true;\n}>;\n\nconst defaultProps: Partial<TableActionsProps<unknown>> = {};\n\nexport const TableActions = <T,>(props: TableActionsProps<T> & {ref?: ForwardedRef<HTMLDivElement>}): ReactElement => {\n    const ctx = useTableStyles();\n    const {getSelectedRows, multiRowSelectionEnabled} = useTable<T>();\n    const {style, className, classNames, styles, children, ...others} = useProps(\n        'PlasmaTableActions',\n        defaultProps,\n        props,\n    );\n    const selectedRows = getSelectedRows();\n\n    if (selectedRows.length <= 0) {\n        return null;\n    }\n\n    return (\n        <Grid.Col span=\"content\" order={TableComponentsOrder.Actions} {...ctx.getStyles('actionsRoot', {})} {...others}>\n            <Group gap=\"xs\" {...ctx.getStyles('actionsGroup', {})}>\n                {multiRowSelectionEnabled\n                    ? (children as (data: T[]) => ReactNode)(selectedRows)\n                    : (children as (datum: T) => ReactNode)(selectedRows[0])}\n            </Group>\n        </Grid.Col>\n    );\n};\n\nTableActions.extend = identity as CustomComponentThemeExtend<TableActionsFactory>;\n"],"names":["Grid","Group","useProps","identity","TableComponentsOrder","useTable","useTableStyles","defaultProps","TableActions","props","ctx","getSelectedRows","multiRowSelectionEnabled","style","className","classNames","styles","children","others","selectedRows","length","Col","span","order","Actions","getStyles","gap","extend"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,SAAiBA,IAAI,EAAgBC,KAAK,EAAEC,QAAQ,QAAO,gBAAgB;AAG3E,SAAoCC,QAAQ,QAAO,iBAAiB;AACpE,SAAQC,oBAAoB,QAAO,WAAW;AAC9C,SAAQC,QAAQ,EAAEC,cAAc,QAAO,kBAAkB;AAkCzD,MAAMC,eAAoD,CAAC;AAE3D,OAAO,MAAMC,eAAe,CAAKC;IAC7B,MAAMC,MAAMJ;IACZ,MAAM,EAACK,eAAe,EAAEC,wBAAwB,EAAC,GAAGP;IACpD,MAAM,EAACQ,KAAK,EAAEC,SAAS,EAAEC,UAAU,EAAEC,MAAM,EAAEC,QAAQ,EAAE,GAAGC,QAAO,GAAGhB,SAChE,sBACAK,cACAE;IAEJ,MAAMU,eAAeR;IAErB,IAAIQ,aAAaC,MAAM,IAAI,GAAG;QAC1B,OAAO;IACX;IAEA,qBACI,KAACpB,KAAKqB,GAAG;QAACC,MAAK;QAAUC,OAAOnB,qBAAqBoB,OAAO;QAAG,GAAGd,IAAIe,SAAS,CAAC,eAAe,CAAC,EAAE;QAAG,GAAGP,MAAM;kBAC1G,cAAA,KAACjB;YAAMyB,KAAI;YAAM,GAAGhB,IAAIe,SAAS,CAAC,gBAAgB,CAAC,EAAE;sBAChDb,2BACK,AAACK,SAAsCE,gBACvC,AAACF,SAAqCE,YAAY,CAAC,EAAE;;;AAI3E,EAAE;AAEFX,aAAamB,MAAM,GAAGxB"}

package/dist/esm/components/table/table-consumer/TableConsumer.d.ts

@@ -1,5 +0,0 @@
-import type { FunctionComponent, ReactNode } from 'react';
-export declare const TableConsumer: FunctionComponent<{
-    children: ReactNode;
-}>;
-//# sourceMappingURL=TableConsumer.d.ts.map

package/dist/esm/components/table/table-consumer/TableConsumer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableConsumer.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-consumer/TableConsumer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,iBAAiB,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AAExD,eAAO,MAAM,aAAa,EAAE,iBAAiB,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,CAAmC,CAAC"}

package/dist/esm/components/table/table-consumer/TableConsumer.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-export const TableConsumer = ({ children })=>/*#__PURE__*/ _jsx(_Fragment, {
-        children: children
-    });
-
-//# sourceMappingURL=TableConsumer.js.map

package/dist/esm/components/table/table-consumer/TableConsumer.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/components/table/table-consumer/TableConsumer.tsx"],"sourcesContent":["import type {FunctionComponent, ReactNode} from 'react';\n\nexport const TableConsumer: FunctionComponent<{children: ReactNode}> = ({children}) => <>{children}</>;\n"],"names":["TableConsumer","children"],"rangeMappings":";;;","mappings":";AAEA,OAAO,MAAMA,gBAA0D,CAAC,EAACC,QAAQ,EAAC,iBAAK;kBAAGA;OAAa"}

package/dist/esm/hooks/useRowSelection.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import { Table } from '@tanstack/table-core';
-import { TableProps } from '../components/table/Table.types';
-export declare const useRowSelection: <T>(table: Table<T>, { onRowSelectionChange, multiRowSelectionEnabled, additionalRootNodes, }: Pick<TableProps<T>, "multiRowSelectionEnabled" | "onRowSelectionChange" | "additionalRootNodes">) => {
-    clearSelection: () => void;
-    getSelectedRow: () => T;
-    getSelectedRows: () => T[];
-    outsideClickRef: import("react").MutableRefObject<HTMLDivElement>;
-};
-//# sourceMappingURL=useRowSelection.d.ts.map

package/dist/esm/hooks/useRowSelection.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useRowSelection.d.ts","sourceRoot":"","sources":["../../../src/hooks/useRowSelection.ts"],"names":[],"mappings":";AACA,OAAO,EAAoB,KAAK,EAAmB,MAAM,sBAAsB,CAAC;AAIhF,OAAO,EAAuB,UAAU,EAAa,MAAM,iCAAiC,CAAC;AAE7F,eAAO,MAAM,eAAe;;;;;CAoE3B,CAAC"}

package/dist/esm/hooks/useRowSelection.js

@@ -1,59 +0,0 @@
-import { useClickOutside, useDidUpdate } from '@mantine/hooks';
-import { functionalUpdate } from '@tanstack/table-core';
-import isEqual from 'fast-deep-equal';
-import { useRef } from 'react';
-export const useRowSelection = (table, { onRowSelectionChange, multiRowSelectionEnabled, additionalRootNodes = [] })=>{
-    const outsideClickRef = useRef();
-    useClickOutside(()=>{
-        if (!multiRowSelectionEnabled) {
-            clearSelection();
-        }
-    }, null, [
-        outsideClickRef.current,
-        ...additionalRootNodes
-    ]);
-    // Need to call this outside of the onRowSelectionChange of the table to avoid rendering conflicts if the callback queues an update in a parent component.
-    // See this warning introduced in React v.16.13.0: https://legacy.reactjs.org/blog/2020/02/26/react-v16.13.0.html#warnings-for-some-updates-during-render
-    useDidUpdate(()=>{
-        onRowSelectionChange?.(getSelectedRows());
-    }, [
-        table.getState().rowSelection
-    ]);
-    table.setOptions((prev)=>({
-            ...prev,
-            onRowSelectionChange: (rowSelectionUpdater)=>{
-                table.setState((old)=>{
-                    const newRowSelection = functionalUpdate(rowSelectionUpdater, old['rowSelection']);
-                    if (isEqual(old['rowSelection'], newRowSelection)) {
-                        return old;
-                    }
-                    const rows = table.getRowModel().rowsById;
-                    Object.keys(newRowSelection).forEach((rowId)=>{
-                        if (newRowSelection[rowId] === true) {
-                            if (!rows[rowId]) {
-                                console.error('The table was not initialized properly, the rowSelection state should contain an object of type Record<string, TData>.');
-                            }
-                            newRowSelection[rowId] = rows[rowId]?.original ?? true;
-                        }
-                    });
-                    return {
-                        ...old,
-                        rowSelection: newRowSelection
-                    };
-                });
-            }
-        }));
-    const clearSelection = ()=>{
-        table.resetRowSelection(true);
-    };
-    const getSelectedRows = ()=>Object.values(table.getState().rowSelection);
-    const getSelectedRow = ()=>getSelectedRows()[0] ?? null;
-    return {
-        clearSelection,
-        getSelectedRow,
-        getSelectedRows,
-        outsideClickRef
-    };
-};
-
-//# sourceMappingURL=useRowSelection.js.map

package/dist/esm/hooks/useRowSelection.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/hooks/useRowSelection.ts"],"sourcesContent":["import {useClickOutside, useDidUpdate} from '@mantine/hooks';\nimport {RowSelectionState, Table, functionalUpdate} from '@tanstack/table-core';\nimport isEqual from 'fast-deep-equal';\n\nimport {useRef} from 'react';\nimport {RowSelectionWithData, TableProps, TableState} from '../components/table/Table.types';\n\nexport const useRowSelection = <T>(\n    table: Table<T>,\n    {\n        onRowSelectionChange,\n        multiRowSelectionEnabled,\n        additionalRootNodes = [],\n    }: Pick<TableProps<T>, 'onRowSelectionChange' | 'multiRowSelectionEnabled' | 'additionalRootNodes'>,\n) => {\n    const outsideClickRef = useRef<HTMLDivElement>();\n    useClickOutside(\n        () => {\n            if (!multiRowSelectionEnabled) {\n                clearSelection();\n            }\n        },\n        null,\n        [outsideClickRef.current, ...additionalRootNodes],\n    );\n\n    // Need to call this outside of the onRowSelectionChange of the table to avoid rendering conflicts if the callback queues an update in a parent component.\n    // See this warning introduced in React v.16.13.0: https://legacy.reactjs.org/blog/2020/02/26/react-v16.13.0.html#warnings-for-some-updates-during-render\n    useDidUpdate(() => {\n        onRowSelectionChange?.(getSelectedRows());\n    }, [table.getState().rowSelection]);\n\n    table.setOptions((prev) => ({\n        ...prev,\n        onRowSelectionChange: (rowSelectionUpdater) => {\n            table.setState((old) => {\n                const newRowSelection = functionalUpdate(\n                    rowSelectionUpdater,\n                    old['rowSelection'],\n                ) as RowSelectionWithData<T>;\n\n                if (isEqual(old['rowSelection'], newRowSelection)) {\n                    return old;\n                }\n\n                const rows = table.getRowModel().rowsById;\n\n                Object.keys(newRowSelection).forEach((rowId) => {\n                    if (newRowSelection[rowId] === true) {\n                        if (!rows[rowId]) {\n                            console.error(\n                                'The table was not initialized properly, the rowSelection state should contain an object of type Record<string, TData>.',\n                            );\n                        }\n                        newRowSelection[rowId] = rows[rowId]?.original ?? (true as T);\n                    }\n                });\n\n                return {\n                    ...old,\n                    rowSelection: newRowSelection as RowSelectionState,\n                };\n            });\n        },\n    }));\n\n    const clearSelection = () => {\n        table.resetRowSelection(true);\n    };\n\n    const getSelectedRows = () => Object.values((table.getState() as TableState<T>).rowSelection);\n\n    const getSelectedRow = () => getSelectedRows()[0] ?? null;\n\n    return {clearSelection, getSelectedRow, getSelectedRows, outsideClickRef};\n};\n"],"names":["useClickOutside","useDidUpdate","functionalUpdate","isEqual","useRef","useRowSelection","table","onRowSelectionChange","multiRowSelectionEnabled","additionalRootNodes","outsideClickRef","clearSelection","current","getSelectedRows","getState","rowSelection","setOptions","prev","rowSelectionUpdater","setState","old","newRowSelection","rows","getRowModel","rowsById","Object","keys","forEach","rowId","console","error","original","resetRowSelection","values","getSelectedRow"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAAQA,eAAe,EAAEC,YAAY,QAAO,iBAAiB;AAC7D,SAAkCC,gBAAgB,QAAO,uBAAuB;AAChF,OAAOC,aAAa,kBAAkB;AAEtC,SAAQC,MAAM,QAAO,QAAQ;AAG7B,OAAO,MAAMC,kBAAkB,CAC3BC,OACA,EACIC,oBAAoB,EACpBC,wBAAwB,EACxBC,sBAAsB,EAAE,EACuE;IAEnG,MAAMC,kBAAkBN;IACxBJ,gBACI;QACI,IAAI,CAACQ,0BAA0B;YAC3BG;QACJ;IACJ,GACA,MACA;QAACD,gBAAgBE,OAAO;WAAKH;KAAoB;IAGrD,0JAA0J;IAC1J,yJAAyJ;IACzJR,aAAa;QACTM,uBAAuBM;IAC3B,GAAG;QAACP,MAAMQ,QAAQ,GAAGC,YAAY;KAAC;IAElCT,MAAMU,UAAU,CAAC,CAACC,OAAU,CAAA;YACxB,GAAGA,IAAI;YACPV,sBAAsB,CAACW;gBACnBZ,MAAMa,QAAQ,CAAC,CAACC;oBACZ,MAAMC,kBAAkBnB,iBACpBgB,qBACAE,GAAG,CAAC,eAAe;oBAGvB,IAAIjB,QAAQiB,GAAG,CAAC,eAAe,EAAEC,kBAAkB;wBAC/C,OAAOD;oBACX;oBAEA,MAAME,OAAOhB,MAAMiB,WAAW,GAAGC,QAAQ;oBAEzCC,OAAOC,IAAI,CAACL,iBAAiBM,OAAO,CAAC,CAACC;wBAClC,IAAIP,eAAe,CAACO,MAAM,KAAK,MAAM;4BACjC,IAAI,CAACN,IAAI,CAACM,MAAM,EAAE;gCACdC,QAAQC,KAAK,CACT;4BAER;4BACAT,eAAe,CAACO,MAAM,GAAGN,IAAI,CAACM,MAAM,EAAEG,YAAa;wBACvD;oBACJ;oBAEA,OAAO;wBACH,GAAGX,GAAG;wBACNL,cAAcM;oBAClB;gBACJ;YACJ;QACJ,CAAA;IAEA,MAAMV,iBAAiB;QACnBL,MAAM0B,iBAAiB,CAAC;IAC5B;IAEA,MAAMnB,kBAAkB,IAAMY,OAAOQ,MAAM,CAAC,AAAC3B,MAAMQ,QAAQ,GAAqBC,YAAY;IAE5F,MAAMmB,iBAAiB,IAAMrB,iBAAiB,CAAC,EAAE,IAAI;IAErD,OAAO;QAACF;QAAgBuB;QAAgBrB;QAAiBH;IAAe;AAC5E,EAAE"}

package/dist/esm/styles/Title.module.css

@@ -1,5 +0,0 @@
-.root {
-    &:is(h1, h2, h3, h4, h5, h6) {
-        letter-spacing: 0.011em;
-    }
-}

package/src/components/table/table-actions/TableActions.tsx

@@ -1,67 +0,0 @@
-import {Factory, Grid, GridColProps, Group, useProps} from '@mantine/core';
-import {ForwardedRef, ReactElement, ReactNode} from 'react';
-
-import {CustomComponentThemeExtend, identity} from '../../../utils';
-import {TableComponentsOrder} from '../Table';
-import {useTable, useTableStyles} from '../TableContext';
-
-export type TableActionsStylesNames = 'actionsRoot' | 'actionsGroup';
-
-export interface TableActionsProps<T> extends Omit<GridColProps, 'children'> {
-    /**
-     * Function that return components for the selected row or selected rows when multi row selection is enabled
-     *
-     * @param datum the data of the selected row(s)
-     * @example
-     * <Table.Actions<MyType>>
-     *     {(datum: MyType) => (
-     *         <Button
-     *             component={Link}
-     *             to={`edit/${datum.id}`}
-     *             leftIcon={<EditSize24Px />}
-     *             variant="subtle"
-     *             color="navy.8"
-     *         >
-     *             Edit
-     *         </Button>
-     *     )}
-     * </Table.Actions>
-     */
-    children: ((datum: T) => ReactNode) | ((data: T[]) => ReactNode);
-}
-
-type TableActionsFactory = Factory<{
-    props: TableActionsProps<unknown>;
-    ref: HTMLDivElement;
-    stylesNames: TableActionsStylesNames;
-    compound: true;
-}>;
-
-const defaultProps: Partial<TableActionsProps<unknown>> = {};
-
-export const TableActions = <T,>(props: TableActionsProps<T> & {ref?: ForwardedRef<HTMLDivElement>}): ReactElement => {
-    const ctx = useTableStyles();
-    const {getSelectedRows, multiRowSelectionEnabled} = useTable<T>();
-    const {style, className, classNames, styles, children, ...others} = useProps(
-        'PlasmaTableActions',
-        defaultProps,
-        props,
-    );
-    const selectedRows = getSelectedRows();
-
-    if (selectedRows.length <= 0) {
-        return null;
-    }
-
-    return (
-        <Grid.Col span="content" order={TableComponentsOrder.Actions} {...ctx.getStyles('actionsRoot', {})} {...others}>
-            <Group gap="xs" {...ctx.getStyles('actionsGroup', {})}>
-                {multiRowSelectionEnabled
-                    ? (children as (data: T[]) => ReactNode)(selectedRows)
-                    : (children as (datum: T) => ReactNode)(selectedRows[0])}
-            </Group>
-        </Grid.Col>
-    );
-};
-
-TableActions.extend = identity as CustomComponentThemeExtend<TableActionsFactory>;

package/src/components/table/table-consumer/TableConsumer.tsx

@@ -1,3 +0,0 @@
-import type {FunctionComponent, ReactNode} from 'react';
-
-export const TableConsumer: FunctionComponent<{children: ReactNode}> = ({children}) => <>{children}</>;

package/src/hooks/useRowSelection.ts

@@ -1,76 +0,0 @@
-import {useClickOutside, useDidUpdate} from '@mantine/hooks';
-import {RowSelectionState, Table, functionalUpdate} from '@tanstack/table-core';
-import isEqual from 'fast-deep-equal';
-
-import {useRef} from 'react';
-import {RowSelectionWithData, TableProps, TableState} from '../components/table/Table.types';
-
-export const useRowSelection = <T>(
-    table: Table<T>,
-    {
-        onRowSelectionChange,
-        multiRowSelectionEnabled,
-        additionalRootNodes = [],
-    }: Pick<TableProps<T>, 'onRowSelectionChange' | 'multiRowSelectionEnabled' | 'additionalRootNodes'>,
-) => {
-    const outsideClickRef = useRef<HTMLDivElement>();
-    useClickOutside(
-        () => {
-            if (!multiRowSelectionEnabled) {
-                clearSelection();
-            }
-        },
-        null,
-        [outsideClickRef.current, ...additionalRootNodes],
-    );
-
-    // Need to call this outside of the onRowSelectionChange of the table to avoid rendering conflicts if the callback queues an update in a parent component.
-    // See this warning introduced in React v.16.13.0: https://legacy.reactjs.org/blog/2020/02/26/react-v16.13.0.html#warnings-for-some-updates-during-render
-    useDidUpdate(() => {
-        onRowSelectionChange?.(getSelectedRows());
-    }, [table.getState().rowSelection]);
-
-    table.setOptions((prev) => ({
-        ...prev,
-        onRowSelectionChange: (rowSelectionUpdater) => {
-            table.setState((old) => {
-                const newRowSelection = functionalUpdate(
-                    rowSelectionUpdater,
-                    old['rowSelection'],
-                ) as RowSelectionWithData<T>;
-
-                if (isEqual(old['rowSelection'], newRowSelection)) {
-                    return old;
-                }
-
-                const rows = table.getRowModel().rowsById;
-
-                Object.keys(newRowSelection).forEach((rowId) => {
-                    if (newRowSelection[rowId] === true) {
-                        if (!rows[rowId]) {
-                            console.error(
-                                'The table was not initialized properly, the rowSelection state should contain an object of type Record<string, TData>.',
-                            );
-                        }
-                        newRowSelection[rowId] = rows[rowId]?.original ?? (true as T);
-                    }
-                });
-
-                return {
-                    ...old,
-                    rowSelection: newRowSelection as RowSelectionState,
-                };
-            });
-        },
-    }));
-
-    const clearSelection = () => {
-        table.resetRowSelection(true);
-    };
-
-    const getSelectedRows = () => Object.values((table.getState() as TableState<T>).rowSelection);
-
-    const getSelectedRow = () => getSelectedRows()[0] ?? null;
-
-    return {clearSelection, getSelectedRow, getSelectedRows, outsideClickRef};
-};

package/src/styles/Title.module.css

@@ -1,5 +0,0 @@
-.root {
-    &:is(h1, h2, h3, h4, h5, h6) {
-        letter-spacing: 0.011em;
-    }
-}