@coveord/plasma-mantine 53.1.4 → 54.0.0

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/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};
-};