@coveord/plasma-mantine 52.27.4 → 53.0.1

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

@@ -1 +1 @@
-{"version":3,"file":"TableHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-header/TableHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAOxC,OAAO,EAAC,gBAAgB,EAAC,MAAM,qBAAqB,CAAC;AAErD,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,gBAAgB,CA8C3D,CAAC"}
+{"version":3,"file":"TableHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-header/TableHeader.tsx"],"names":[],"mappings":"AACA,OAAO,EAAM,QAAQ,EAAW,OAAO,EAA0B,MAAM,eAAe,CAAC;AACvF,OAAO,EAAC,sBAAsB,EAAC,MAAM,oDAAoD,CAAC;AAC1F,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAOhC,MAAM,MAAM,sBAAsB,GAAG,YAAY,GAAG,YAAY,GAAG,iBAAiB,GAAG,WAAW,CAAC;AAEnG,MAAM,WAAW,gBACb,SAAQ,IAAI,CAAC,QAAQ,EAAE,YAAY,GAAG,QAAQ,GAAG,MAAM,CAAC,EACpD,sBAAsB,CAAC,kBAAkB,CAAC;IAE9C,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CAClD;AAED,MAAM,MAAM,kBAAkB,GAAG,OAAO,CAAC;IACrC,KAAK,EAAE,gBAAgB,CAAC;IACxB,GAAG,EAAE,cAAc,CAAC;IACpB,WAAW,EAAE,sBAAsB,CAAC;IACpC,QAAQ,EAAE,IAAI,CAAC;CAClB,CAAC,CAAC;AAOH,eAAO,MAAM,WAAW;WAXb,gBAAgB;SAClB,cAAc;iBACN,sBAAsB;cACzB,IAAI;EAkDhB,CAAC"}

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

@@ -1,56 +1,67 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { CrossSize16Px } from '@coveord/plasma-react-icons';
-import { Grid, Tooltip } from '@mantine/core';
+import { Box, factory, Grid, Tooltip, useProps } from '@mantine/core';
 import { Button } from '../../button';
 import { TableLayoutControl } from '../layouts/TableLayoutControl';
-import { TableComponentsOrder } from '../Table.styles';
-import { useTable } from '../TableContext';
-import useStyles from './TableHeader.styles';
-export const TableHeader = ({ classNames, styles, unstyled, children, ...others })=>{
+import { TableComponentsOrder } from '../Table';
+import { useTable, useTableStyles } from '../TableContext';
+const defaultProps = {
+    unselectAllLabel: 'Unselect all',
+    selectedCountLabel: (count)=>`${count} selected`
+};
+export const TableHeader = factory((props, ref)=>{
+    const ctx = useTableStyles();
+    const { unselectAllLabel, selectedCountLabel, children, classNames, className, styles, style, vars, ...others } = useProps('PlasmaTableHeader', defaultProps, props);
     const { getSelectedRows, multiRowSelectionEnabled, clearSelection, disableRowSelection } = useTable();
-    const { classes } = useStyles(null, {
-        name: 'TableHeader',
-        classNames,
-        styles,
-        unstyled
-    });
     const selectedRows = getSelectedRows();
-    return /*#__PURE__*/ _jsxs(Grid, {
-        justify: "flex-start",
-        align: "center",
-        gutter: "sm",
-        p: 0,
-        pl: "md",
-        pr: "lg",
-        m: 0,
-        className: classes.root,
+    const stylesApiProps = {
+        classNames,
+        styles
+    };
+    const innerStyles = ctx.getStyles('headerGridInner', stylesApiProps);
+    const gridStyles = ctx.getStyles('headerGrid', stylesApiProps);
+    return /*#__PURE__*/ _jsx(Box, {
+        ref: ref,
+        ...ctx.getStyles('headerRoot', {
+            className,
+            style,
+            ...stylesApiProps
+        }),
         ...others,
-        children: [
-            multiRowSelectionEnabled && selectedRows.length > 0 ? /*#__PURE__*/ _jsx(Grid.Col, {
-                span: "auto",
-                py: "sm",
-                className: classes.multiSelectInfo,
-                order: TableComponentsOrder.MultiSelectInfo,
-                children: /*#__PURE__*/ _jsx(Tooltip, {
-                    label: "Unselect all",
-                    children: /*#__PURE__*/ _jsxs(Button, {
-                        onClick: clearSelection,
-                        variant: "subtle",
-                        disabled: disableRowSelection,
-                        leftIcon: /*#__PURE__*/ _jsx(CrossSize16Px, {
-                            height: 16
-                        }),
-                        children: [
-                            selectedRows.length,
-                            " selected"
-                        ]
+        children: /*#__PURE__*/ _jsxs(Grid, {
+            justify: "flex-start",
+            align: "center",
+            classNames: {
+                inner: innerStyles.className,
+                root: gridStyles.className
+            },
+            styles: {
+                inner: innerStyles.style,
+                root: gridStyles.style
+            },
+            children: [
+                multiRowSelectionEnabled && selectedRows.length > 0 ? /*#__PURE__*/ _jsx(Grid.Col, {
+                    span: "auto",
+                    ...ctx.getStyles('headerCol', stylesApiProps),
+                    order: TableComponentsOrder.MultiSelectInfo,
+                    children: /*#__PURE__*/ _jsx(Tooltip, {
+                        label: unselectAllLabel,
+                        children: /*#__PURE__*/ _jsx(Button, {
+                            onClick: clearSelection,
+                            variant: "subtle",
+                            disabled: disableRowSelection,
+                            leftSection: /*#__PURE__*/ _jsx(CrossSize16Px, {
+                                height: 16
+                            }),
+                            children: selectedCountLabel(selectedRows.length)
+                        })
                     })
-                })
-            }) : null,
-            children,
-            /*#__PURE__*/ _jsx(TableLayoutControl, {})
-        ]
+                }) : null,
+                children,
+                /*#__PURE__*/ _jsx(TableLayoutControl, {})
+            ]
+        })
     });
-};
+});
 
 //# sourceMappingURL=TableHeader.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/table/table-header/TableHeader.tsx"],"sourcesContent":["import {CrossSize16Px} from '@coveord/plasma-react-icons';\nimport {Grid, Tooltip} from '@mantine/core';\nimport {FunctionComponent} from 'react';\n\nimport {Button} from '../../button';\nimport {TableLayoutControl} from '../layouts/TableLayoutControl';\nimport {TableComponentsOrder} from '../Table.styles';\nimport {useTable} from '../TableContext';\nimport useStyles from './TableHeader.styles';\nimport {TableHeaderProps} from './TableHeader.types';\n\nexport const TableHeader: FunctionComponent<TableHeaderProps> = ({\n    classNames,\n    styles,\n    unstyled,\n    children,\n    ...others\n}) => {\n    const {getSelectedRows, multiRowSelectionEnabled, clearSelection, disableRowSelection} = useTable();\n    const {classes} = useStyles(null, {name: 'TableHeader', classNames, styles, unstyled});\n    const selectedRows = getSelectedRows();\n\n    return (\n        <Grid\n            justify=\"flex-start\"\n            align=\"center\"\n            gutter=\"sm\"\n            p={0}\n            pl=\"md\"\n            pr=\"lg\"\n            m={0}\n            className={classes.root}\n            {...others}\n        >\n            {multiRowSelectionEnabled && selectedRows.length > 0 ? (\n                <Grid.Col\n                    span=\"auto\"\n                    py=\"sm\"\n                    className={classes.multiSelectInfo}\n                    order={TableComponentsOrder.MultiSelectInfo}\n                >\n                    <Tooltip label=\"Unselect all\">\n                        <Button\n                            onClick={clearSelection}\n                            variant=\"subtle\"\n                            disabled={disableRowSelection}\n                            leftIcon={<CrossSize16Px height={16} />}\n                        >\n                            {selectedRows.length} selected\n                        </Button>\n                    </Tooltip>\n                </Grid.Col>\n            ) : null}\n            {children}\n            <TableLayoutControl />\n        </Grid>\n    );\n};\n"],"names":["CrossSize16Px","Grid","Tooltip","Button","TableLayoutControl","TableComponentsOrder","useTable","useStyles","TableHeader","classNames","styles","unstyled","children","others","getSelectedRows","multiRowSelectionEnabled","clearSelection","disableRowSelection","classes","name","selectedRows","justify","align","gutter","p","pl","pr","m","className","root","length","Col","span","py","multiSelectInfo","order","MultiSelectInfo","label","onClick","variant","disabled","leftIcon","height"],"mappings":";AAAA,SAAQA,aAAa,QAAO,8BAA8B;AAC1D,SAAQC,IAAI,EAAEC,OAAO,QAAO,gBAAgB;AAG5C,SAAQC,MAAM,QAAO,eAAe;AACpC,SAAQC,kBAAkB,QAAO,gCAAgC;AACjE,SAAQC,oBAAoB,QAAO,kBAAkB;AACrD,SAAQC,QAAQ,QAAO,kBAAkB;AACzC,OAAOC,eAAe,uBAAuB;AAG7C,OAAO,MAAMC,cAAmD,CAAC,EAC7DC,UAAU,EACVC,MAAM,EACNC,QAAQ,EACRC,QAAQ,EACR,GAAGC,QACN;IACG,MAAM,EAACC,eAAe,EAAEC,wBAAwB,EAAEC,cAAc,EAAEC,mBAAmB,EAAC,GAAGX;IACzF,MAAM,EAACY,OAAO,EAAC,GAAGX,UAAU,MAAM;QAACY,MAAM;QAAeV;QAAYC;QAAQC;IAAQ;IACpF,MAAMS,eAAeN;IAErB,qBACI,MAACb;QACGoB,SAAQ;QACRC,OAAM;QACNC,QAAO;QACPC,GAAG;QACHC,IAAG;QACHC,IAAG;QACHC,GAAG;QACHC,WAAWV,QAAQW,IAAI;QACtB,GAAGhB,MAAM;;YAETE,4BAA4BK,aAAaU,MAAM,GAAG,kBAC/C,KAAC7B,KAAK8B,GAAG;gBACLC,MAAK;gBACLC,IAAG;gBACHL,WAAWV,QAAQgB,eAAe;gBAClCC,OAAO9B,qBAAqB+B,eAAe;0BAE3C,cAAA,KAAClC;oBAAQmC,OAAM;8BACX,cAAA,MAAClC;wBACGmC,SAAStB;wBACTuB,SAAQ;wBACRC,UAAUvB;wBACVwB,wBAAU,KAACzC;4BAAc0C,QAAQ;;;4BAEhCtB,aAAaU,MAAM;4BAAC;;;;iBAIjC;YACHlB;0BACD,KAACR;;;AAGb,EAAE"}
+{"version":3,"sources":["../../../../../src/components/table/table-header/TableHeader.tsx"],"sourcesContent":["import {CrossSize16Px} from '@coveord/plasma-react-icons';\nimport {Box, BoxProps, factory, Factory, Grid, Tooltip, useProps} from '@mantine/core';\nimport {CompoundStylesApiProps} from '@mantine/core/lib/core/styles-api/styles-api.types';\nimport {ReactNode} from 'react';\n\nimport {Button} from '../../button';\nimport {TableLayoutControl} from '../layouts/TableLayoutControl';\nimport {TableComponentsOrder} from '../Table';\nimport {useTable, useTableStyles} from '../TableContext';\n\nexport type TableHeaderStylesNames = 'headerRoot' | 'headerGrid' | 'headerGridInner' | 'headerCol';\n\nexport interface TableHeaderProps\n    extends Omit<BoxProps, 'classNames' | 'styles' | 'vars'>,\n        CompoundStylesApiProps<TableHeaderFactory> {\n    /* Children of header (ie: actions, datepicker, etc.) */\n    children?: ReactNode;\n    unselectAllLabel?: string;\n    selectedCountLabel?: (count: number) => string;\n}\n\nexport type TableHeaderFactory = Factory<{\n    props: TableHeaderProps;\n    ref: HTMLDivElement;\n    stylesNames: TableHeaderStylesNames;\n    compound: true;\n}>;\n\nconst defaultProps: Partial<TableHeaderProps> = {\n    unselectAllLabel: 'Unselect all',\n    selectedCountLabel: (count) => `${count} selected`,\n};\n\nexport const TableHeader = factory<TableHeaderFactory>((props, ref) => {\n    const ctx = useTableStyles();\n    const {unselectAllLabel, selectedCountLabel, children, classNames, className, styles, style, vars, ...others} =\n        useProps('PlasmaTableHeader', defaultProps, props);\n    const {getSelectedRows, multiRowSelectionEnabled, clearSelection, disableRowSelection} = useTable();\n    const selectedRows = getSelectedRows();\n\n    const stylesApiProps = {classNames, styles};\n    const innerStyles = ctx.getStyles('headerGridInner', stylesApiProps);\n    const gridStyles = ctx.getStyles('headerGrid', stylesApiProps);\n\n    return (\n        <Box ref={ref} {...ctx.getStyles('headerRoot', {className, style, ...stylesApiProps})} {...others}>\n            <Grid\n                justify=\"flex-start\"\n                align=\"center\"\n                classNames={{inner: innerStyles.className, root: gridStyles.className}}\n                styles={{inner: innerStyles.style, root: gridStyles.style}}\n            >\n                {multiRowSelectionEnabled && selectedRows.length > 0 ? (\n                    <Grid.Col\n                        span=\"auto\"\n                        {...ctx.getStyles('headerCol', stylesApiProps)}\n                        order={TableComponentsOrder.MultiSelectInfo}\n                    >\n                        <Tooltip label={unselectAllLabel}>\n                            <Button\n                                onClick={clearSelection}\n                                variant=\"subtle\"\n                                disabled={disableRowSelection}\n                                leftSection={<CrossSize16Px height={16} />}\n                            >\n                                {selectedCountLabel(selectedRows.length)}\n                            </Button>\n                        </Tooltip>\n                    </Grid.Col>\n                ) : null}\n                {children}\n                <TableLayoutControl />\n            </Grid>\n        </Box>\n    );\n});\n"],"names":["CrossSize16Px","Box","factory","Grid","Tooltip","useProps","Button","TableLayoutControl","TableComponentsOrder","useTable","useTableStyles","defaultProps","unselectAllLabel","selectedCountLabel","count","TableHeader","props","ref","ctx","children","classNames","className","styles","style","vars","others","getSelectedRows","multiRowSelectionEnabled","clearSelection","disableRowSelection","selectedRows","stylesApiProps","innerStyles","getStyles","gridStyles","justify","align","inner","root","length","Col","span","order","MultiSelectInfo","label","onClick","variant","disabled","leftSection","height"],"mappings":";AAAA,SAAQA,aAAa,QAAO,8BAA8B;AAC1D,SAAQC,GAAG,EAAYC,OAAO,EAAWC,IAAI,EAAEC,OAAO,EAAEC,QAAQ,QAAO,gBAAgB;AAIvF,SAAQC,MAAM,QAAO,eAAe;AACpC,SAAQC,kBAAkB,QAAO,gCAAgC;AACjE,SAAQC,oBAAoB,QAAO,WAAW;AAC9C,SAAQC,QAAQ,EAAEC,cAAc,QAAO,kBAAkB;AAoBzD,MAAMC,eAA0C;IAC5CC,kBAAkB;IAClBC,oBAAoB,CAACC,QAAU,CAAC,EAAEA,MAAM,SAAS,CAAC;AACtD;AAEA,OAAO,MAAMC,cAAcb,QAA4B,CAACc,OAAOC;IAC3D,MAAMC,MAAMR;IACZ,MAAM,EAACE,gBAAgB,EAAEC,kBAAkB,EAAEM,QAAQ,EAAEC,UAAU,EAAEC,SAAS,EAAEC,MAAM,EAAEC,KAAK,EAAEC,IAAI,EAAE,GAAGC,QAAO,GACzGpB,SAAS,qBAAqBM,cAAcK;IAChD,MAAM,EAACU,eAAe,EAAEC,wBAAwB,EAAEC,cAAc,EAAEC,mBAAmB,EAAC,GAAGpB;IACzF,MAAMqB,eAAeJ;IAErB,MAAMK,iBAAiB;QAACX;QAAYE;IAAM;IAC1C,MAAMU,cAAcd,IAAIe,SAAS,CAAC,mBAAmBF;IACrD,MAAMG,aAAahB,IAAIe,SAAS,CAAC,cAAcF;IAE/C,qBACI,KAAC9B;QAAIgB,KAAKA;QAAM,GAAGC,IAAIe,SAAS,CAAC,cAAc;YAACZ;YAAWE;YAAO,GAAGQ,cAAc;QAAA,EAAE;QAAG,GAAGN,MAAM;kBAC7F,cAAA,MAACtB;YACGgC,SAAQ;YACRC,OAAM;YACNhB,YAAY;gBAACiB,OAAOL,YAAYX,SAAS;gBAAEiB,MAAMJ,WAAWb,SAAS;YAAA;YACrEC,QAAQ;gBAACe,OAAOL,YAAYT,KAAK;gBAAEe,MAAMJ,WAAWX,KAAK;YAAA;;gBAExDI,4BAA4BG,aAAaS,MAAM,GAAG,kBAC/C,KAACpC,KAAKqC,GAAG;oBACLC,MAAK;oBACJ,GAAGvB,IAAIe,SAAS,CAAC,aAAaF,eAAe;oBAC9CW,OAAOlC,qBAAqBmC,eAAe;8BAE3C,cAAA,KAACvC;wBAAQwC,OAAOhC;kCACZ,cAAA,KAACN;4BACGuC,SAASjB;4BACTkB,SAAQ;4BACRC,UAAUlB;4BACVmB,2BAAa,KAAChD;gCAAciD,QAAQ;;sCAEnCpC,mBAAmBiB,aAAaS,MAAM;;;qBAInD;gBACHpB;8BACD,KAACZ;;;;AAIjB,GAAG"}

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

@@ -1,3 +1,29 @@
-import { ThProps } from './Th.types';
-export declare const Th: <T>(props: ThProps<T>) => import("react/jsx-runtime").JSX.Element;
+import { BoxProps, Factory } from '@mantine/core';
+import { CompoundStylesApiProps } from '@mantine/core/lib/core/styles-api/styles-api.types';
+import { Header } from '@tanstack/react-table';
+import { ComponentType, ForwardedRef, SVGProps } from 'react';
+import { CustomComponentThemeExtend } from '../../../utils';
+export type TableThStylesNames = 'th';
+export type SortState = 'asc' | 'desc' | 'none';
+export interface ThProps<T = unknown> extends BoxProps, CompoundStylesApiProps<TableThFactory> {
+    header: Header<T, unknown>;
+    sortingIcons?: Record<SortState, ComponentType<SVGProps<SVGSVGElement>>>;
+}
+export type TableThFactory = Factory<{
+    props: ThProps;
+    ref: HTMLTableCellElement;
+    stylesNames: TableThStylesNames;
+    compound: true;
+}>;
+export declare const Th: {
+    <T>(props: ThProps<T> & {
+        ref?: ForwardedRef<HTMLTableCellElement>;
+    }): import("react/jsx-runtime").JSX.Element;
+    extend: CustomComponentThemeExtend<{
+        props: ThProps;
+        ref: HTMLTableCellElement;
+        stylesNames: TableThStylesNames;
+        compound: true;
+    }>;
+};
 //# sourceMappingURL=Th.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Th.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-header/Th.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAY,OAAO,EAAC,MAAM,YAAY,CAAC;AAkB9C,eAAO,MAAM,EAAE,mEA0Cd,CAAC"}
+{"version":3,"file":"Th.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-header/Th.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,QAAQ,EAAE,OAAO,EAAkC,MAAM,eAAe,CAAC;AACjF,OAAO,EAAC,sBAAsB,EAAC,MAAM,oDAAoD,CAAC;AAC1F,OAAO,EAAkC,MAAM,EAAC,MAAM,uBAAuB,CAAC;AAC9E,OAAO,EAAiB,aAAa,EAAE,YAAY,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAC5E,OAAO,EAAC,0BAA0B,EAAW,MAAM,gBAAgB,CAAC;AAGpE,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC;AAEtC,MAAM,MAAM,SAAS,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC;AAEhD,MAAM,WAAW,OAAO,CAAC,CAAC,GAAG,OAAO,CAAE,SAAQ,QAAQ,EAAE,sBAAsB,CAAC,cAAc,CAAC;IAC1F,MAAM,EAAE,MAAM,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC,SAAS,EAAE,aAAa,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;CAC5E;AAcD,MAAM,MAAM,cAAc,GAAG,OAAO,CAAC;IACjC,KAAK,EAAE,OAAO,CAAC;IACf,GAAG,EAAE,oBAAoB,CAAC;IAC1B,WAAW,EAAE,kBAAkB,CAAC;IAChC,QAAQ,EAAE,IAAI,CAAC;CAClB,CAAC,CAAC;AAMH,eAAO,MAAM,EAAE;;cAAmC,aAAa,oBAAoB,CAAC;;;eAVzE,OAAO;aACT,oBAAoB;qBACZ,kBAAkB;kBACrB,IAAI;;CAgEjB,CAAC"}

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

@@ -1,8 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ArrowDownSize16Px, ArrowUpSize16Px, DoubleArrowHeadVSize16Px } from '@coveord/plasma-react-icons';
-import { Group, UnstyledButton, useComponentDefaultProps } from '@mantine/core';
+import { Group, UnstyledButton, useProps } from '@mantine/core';
 import { defaultColumnSizing, flexRender } from '@tanstack/react-table';
-import useStyles from './Th.styles';
+import { identity } from '../../../utils';
+import { useTableStyles } from '../TableContext';
 const SortingIcons = {
     asc: ArrowUpSize16Px,
     desc: ArrowDownSize16Px,
@@ -17,25 +18,33 @@ const defaultProps = {
     sortingIcons: SortingIcons
 };
 export const Th = (props)=>{
-    const { header, classNames, styles, unstyled, sortingIcons, ...others } = useComponentDefaultProps('PlasmaTableColumnHeader', defaultProps, props);
+    const ctx = useTableStyles();
+    const { header, sortingIcons, classNames, className, styles, style, vars, ...others } = useProps('PlasmaTableTh', defaultProps, props);
     const columnSizing = {
         ...defaultColumnSizing,
         size: header.column.columnDef.size,
         minSize: header.column.columnDef.minSize,
         maxSize: header.column.columnDef.maxSize
     };
-    const { classes, cx } = useStyles(columnSizing, {
-        name: 'PlasmaTableColumnHeader',
+    const thStyles = ctx.getStyles('th', {
         classNames,
+        className,
         styles,
-        unstyled
+        style
     });
     if (header.isPlaceholder) {
         return null;
     }
     if (!header.column.getCanSort()) {
         return /*#__PURE__*/ _jsx("th", {
-            className: classes.root,
+            className: thStyles.className,
+            style: {
+                ...thStyles.style,
+                width: columnSizing.size ?? 'auto',
+                minWidth: columnSizing.minSize,
+                maxWidth: columnSizing.maxSize
+            },
+            ...others,
             children: flexRender(header.column.columnDef.header, header.getContext())
         });
     }
@@ -45,12 +54,13 @@ export const Th = (props)=>{
     return /*#__PURE__*/ _jsx(UnstyledButton, {
         component: "th",
         onClick: onSort,
-        className: cx(classes.root, classes.control),
         "aria-sort": SortingLabels[sortingOrder],
+        "data-control": true,
+        ...thStyles,
         ...others,
         children: /*#__PURE__*/ _jsxs(Group, {
-            noWrap: true,
-            spacing: "xs",
+            wrap: "nowrap",
+            gap: "xs",
             children: [
                 flexRender(header.column.columnDef.header, header.getContext()),
                 /*#__PURE__*/ _jsx(Icon, {
@@ -61,5 +71,6 @@ export const Th = (props)=>{
         })
     });
 };
+Th.extend = identity;
 
 //# sourceMappingURL=Th.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/table/table-header/Th.tsx"],"sourcesContent":["import {ArrowDownSize16Px, ArrowUpSize16Px, DoubleArrowHeadVSize16Px} from '@coveord/plasma-react-icons';\nimport {Group, UnstyledButton, useComponentDefaultProps} from '@mantine/core';\nimport {defaultColumnSizing, flexRender} from '@tanstack/react-table';\nimport {AriaAttributes} from 'react';\nimport useStyles from './Th.styles';\nimport {SortState, ThProps} from './Th.types';\n\nconst SortingIcons: ThProps['sortingIcons'] = {\n    asc: ArrowUpSize16Px,\n    desc: ArrowDownSize16Px,\n    none: DoubleArrowHeadVSize16Px,\n};\n\nconst SortingLabels: Record<SortState, AriaAttributes['aria-sort']> = {\n    asc: 'ascending',\n    desc: 'descending',\n    none: 'none',\n} as const;\n\nconst defaultProps: Partial<ThProps> = {\n    sortingIcons: SortingIcons,\n};\n\nexport const Th = <T,>(props: ThProps<T>) => {\n    const {header, classNames, styles, unstyled, sortingIcons, ...others} = useComponentDefaultProps(\n        'PlasmaTableColumnHeader',\n        defaultProps as Partial<ThProps<T>>,\n        props,\n    );\n\n    const columnSizing = {\n        ...defaultColumnSizing,\n        size: header.column.columnDef.size,\n        minSize: header.column.columnDef.minSize,\n        maxSize: header.column.columnDef.maxSize,\n    };\n\n    const {classes, cx} = useStyles(columnSizing, {name: 'PlasmaTableColumnHeader', classNames, styles, unstyled});\n\n    if (header.isPlaceholder) {\n        return null;\n    }\n\n    if (!header.column.getCanSort()) {\n        return <th className={classes.root}>{flexRender(header.column.columnDef.header, header.getContext())}</th>;\n    }\n\n    const onSort = header.column.getToggleSortingHandler();\n    const sortingOrder = header.column.getIsSorted() || 'none';\n    const Icon = sortingIcons[sortingOrder];\n\n    return (\n        <UnstyledButton\n            component=\"th\"\n            onClick={onSort}\n            className={cx(classes.root, classes.control)}\n            aria-sort={SortingLabels[sortingOrder]}\n            {...others}\n        >\n            <Group noWrap spacing=\"xs\">\n                {flexRender(header.column.columnDef.header, header.getContext())}\n                <Icon height={16} width={16} />\n            </Group>\n        </UnstyledButton>\n    );\n};\n"],"names":["ArrowDownSize16Px","ArrowUpSize16Px","DoubleArrowHeadVSize16Px","Group","UnstyledButton","useComponentDefaultProps","defaultColumnSizing","flexRender","useStyles","SortingIcons","asc","desc","none","SortingLabels","defaultProps","sortingIcons","Th","props","header","classNames","styles","unstyled","others","columnSizing","size","column","columnDef","minSize","maxSize","classes","cx","name","isPlaceholder","getCanSort","th","className","root","getContext","onSort","getToggleSortingHandler","sortingOrder","getIsSorted","Icon","component","onClick","control","aria-sort","noWrap","spacing","height","width"],"mappings":";AAAA,SAAQA,iBAAiB,EAAEC,eAAe,EAAEC,wBAAwB,QAAO,8BAA8B;AACzG,SAAQC,KAAK,EAAEC,cAAc,EAAEC,wBAAwB,QAAO,gBAAgB;AAC9E,SAAQC,mBAAmB,EAAEC,UAAU,QAAO,wBAAwB;AAEtE,OAAOC,eAAe,cAAc;AAGpC,MAAMC,eAAwC;IAC1CC,KAAKT;IACLU,MAAMX;IACNY,MAAMV;AACV;AAEA,MAAMW,gBAAgE;IAClEH,KAAK;IACLC,MAAM;IACNC,MAAM;AACV;AAEA,MAAME,eAAiC;IACnCC,cAAcN;AAClB;AAEA,OAAO,MAAMO,KAAK,CAAKC;IACnB,MAAM,EAACC,MAAM,EAAEC,UAAU,EAAEC,MAAM,EAAEC,QAAQ,EAAEN,YAAY,EAAE,GAAGO,QAAO,GAAGjB,yBACpE,2BACAS,cACAG;IAGJ,MAAMM,eAAe;QACjB,GAAGjB,mBAAmB;QACtBkB,MAAMN,OAAOO,MAAM,CAACC,SAAS,CAACF,IAAI;QAClCG,SAAST,OAAOO,MAAM,CAACC,SAAS,CAACC,OAAO;QACxCC,SAASV,OAAOO,MAAM,CAACC,SAAS,CAACE,OAAO;IAC5C;IAEA,MAAM,EAACC,OAAO,EAAEC,EAAE,EAAC,GAAGtB,UAAUe,cAAc;QAACQ,MAAM;QAA2BZ;QAAYC;QAAQC;IAAQ;IAE5G,IAAIH,OAAOc,aAAa,EAAE;QACtB,OAAO;IACX;IAEA,IAAI,CAACd,OAAOO,MAAM,CAACQ,UAAU,IAAI;QAC7B,qBAAO,KAACC;YAAGC,WAAWN,QAAQO,IAAI;sBAAG7B,WAAWW,OAAOO,MAAM,CAACC,SAAS,CAACR,MAAM,EAAEA,OAAOmB,UAAU;;IACrG;IAEA,MAAMC,SAASpB,OAAOO,MAAM,CAACc,uBAAuB;IACpD,MAAMC,eAAetB,OAAOO,MAAM,CAACgB,WAAW,MAAM;IACpD,MAAMC,OAAO3B,YAAY,CAACyB,aAAa;IAEvC,qBACI,KAACpC;QACGuC,WAAU;QACVC,SAASN;QACTH,WAAWL,GAAGD,QAAQO,IAAI,EAAEP,QAAQgB,OAAO;QAC3CC,aAAWjC,aAAa,CAAC2B,aAAa;QACrC,GAAGlB,MAAM;kBAEV,cAAA,MAACnB;YAAM4C,MAAM;YAACC,SAAQ;;gBACjBzC,WAAWW,OAAOO,MAAM,CAACC,SAAS,CAACR,MAAM,EAAEA,OAAOmB,UAAU;8BAC7D,KAACK;oBAAKO,QAAQ;oBAAIC,OAAO;;;;;AAIzC,EAAE"}
+{"version":3,"sources":["../../../../../src/components/table/table-header/Th.tsx"],"sourcesContent":["import {ArrowDownSize16Px, ArrowUpSize16Px, DoubleArrowHeadVSize16Px} from '@coveord/plasma-react-icons';\nimport {BoxProps, Factory, Group, UnstyledButton, useProps} from '@mantine/core';\nimport {CompoundStylesApiProps} from '@mantine/core/lib/core/styles-api/styles-api.types';\nimport {defaultColumnSizing, flexRender, Header} from '@tanstack/react-table';\nimport {AriaAttributes, ComponentType, ForwardedRef, SVGProps} from 'react';\nimport {CustomComponentThemeExtend, identity} from '../../../utils';\nimport {useTableStyles} from '../TableContext';\n\nexport type TableThStylesNames = 'th';\n\nexport type SortState = 'asc' | 'desc' | 'none';\n\nexport interface ThProps<T = unknown> extends BoxProps, CompoundStylesApiProps<TableThFactory> {\n    header: Header<T, unknown>;\n    sortingIcons?: Record<SortState, ComponentType<SVGProps<SVGSVGElement>>>;\n}\n\nconst SortingIcons: ThProps['sortingIcons'] = {\n    asc: ArrowUpSize16Px,\n    desc: ArrowDownSize16Px,\n    none: DoubleArrowHeadVSize16Px,\n};\n\nconst SortingLabels: Record<SortState, AriaAttributes['aria-sort']> = {\n    asc: 'ascending',\n    desc: 'descending',\n    none: 'none',\n} as const;\n\nexport type TableThFactory = Factory<{\n    props: ThProps;\n    ref: HTMLTableCellElement;\n    stylesNames: TableThStylesNames;\n    compound: true;\n}>;\n\nconst defaultProps: Partial<ThProps> = {\n    sortingIcons: SortingIcons,\n};\n\nexport const Th = <T,>(props: ThProps<T> & {ref?: ForwardedRef<HTMLTableCellElement>}) => {\n    const ctx = useTableStyles();\n    const {header, sortingIcons, classNames, className, styles, style, vars, ...others} = useProps(\n        'PlasmaTableTh',\n        defaultProps as Partial<ThProps<T>>,\n        props,\n    );\n\n    const columnSizing = {\n        ...defaultColumnSizing,\n        size: header.column.columnDef.size,\n        minSize: header.column.columnDef.minSize,\n        maxSize: header.column.columnDef.maxSize,\n    };\n\n    const thStyles = ctx.getStyles('th', {classNames, className, styles, style});\n\n    if (header.isPlaceholder) {\n        return null;\n    }\n\n    if (!header.column.getCanSort()) {\n        return (\n            <th\n                className={thStyles.className}\n                style={{\n                    ...thStyles.style,\n                    width: columnSizing.size ?? 'auto',\n                    minWidth: columnSizing.minSize,\n                    maxWidth: columnSizing.maxSize,\n                }}\n                {...others}\n            >\n                {flexRender(header.column.columnDef.header, header.getContext())}\n            </th>\n        );\n    }\n\n    const onSort = header.column.getToggleSortingHandler();\n    const sortingOrder = header.column.getIsSorted() || 'none';\n    const Icon = sortingIcons[sortingOrder];\n\n    return (\n        <UnstyledButton\n            component=\"th\"\n            onClick={onSort}\n            aria-sort={SortingLabels[sortingOrder]}\n            data-control={true}\n            {...thStyles}\n            {...others}\n        >\n            <Group wrap=\"nowrap\" gap=\"xs\">\n                {flexRender(header.column.columnDef.header, header.getContext())}\n                <Icon height={16} width={16} />\n            </Group>\n        </UnstyledButton>\n    );\n};\nTh.extend = identity as CustomComponentThemeExtend<TableThFactory>;\n"],"names":["ArrowDownSize16Px","ArrowUpSize16Px","DoubleArrowHeadVSize16Px","Group","UnstyledButton","useProps","defaultColumnSizing","flexRender","identity","useTableStyles","SortingIcons","asc","desc","none","SortingLabels","defaultProps","sortingIcons","Th","props","ctx","header","classNames","className","styles","style","vars","others","columnSizing","size","column","columnDef","minSize","maxSize","thStyles","getStyles","isPlaceholder","getCanSort","th","width","minWidth","maxWidth","getContext","onSort","getToggleSortingHandler","sortingOrder","getIsSorted","Icon","component","onClick","aria-sort","data-control","wrap","gap","height","extend"],"mappings":";AAAA,SAAQA,iBAAiB,EAAEC,eAAe,EAAEC,wBAAwB,QAAO,8BAA8B;AACzG,SAA2BC,KAAK,EAAEC,cAAc,EAAEC,QAAQ,QAAO,gBAAgB;AAEjF,SAAQC,mBAAmB,EAAEC,UAAU,QAAe,wBAAwB;AAE9E,SAAoCC,QAAQ,QAAO,iBAAiB;AACpE,SAAQC,cAAc,QAAO,kBAAkB;AAW/C,MAAMC,eAAwC;IAC1CC,KAAKV;IACLW,MAAMZ;IACNa,MAAMX;AACV;AAEA,MAAMY,gBAAgE;IAClEH,KAAK;IACLC,MAAM;IACNC,MAAM;AACV;AASA,MAAME,eAAiC;IACnCC,cAAcN;AAClB;AAEA,OAAO,MAAMO,KAAK,CAAKC;IACnB,MAAMC,MAAMV;IACZ,MAAM,EAACW,MAAM,EAAEJ,YAAY,EAAEK,UAAU,EAAEC,SAAS,EAAEC,MAAM,EAAEC,KAAK,EAAEC,IAAI,EAAE,GAAGC,QAAO,GAAGrB,SAClF,iBACAU,cACAG;IAGJ,MAAMS,eAAe;QACjB,GAAGrB,mBAAmB;QACtBsB,MAAMR,OAAOS,MAAM,CAACC,SAAS,CAACF,IAAI;QAClCG,SAASX,OAAOS,MAAM,CAACC,SAAS,CAACC,OAAO;QACxCC,SAASZ,OAAOS,MAAM,CAACC,SAAS,CAACE,OAAO;IAC5C;IAEA,MAAMC,WAAWd,IAAIe,SAAS,CAAC,MAAM;QAACb;QAAYC;QAAWC;QAAQC;IAAK;IAE1E,IAAIJ,OAAOe,aAAa,EAAE;QACtB,OAAO;IACX;IAEA,IAAI,CAACf,OAAOS,MAAM,CAACO,UAAU,IAAI;QAC7B,qBACI,KAACC;YACGf,WAAWW,SAASX,SAAS;YAC7BE,OAAO;gBACH,GAAGS,SAAST,KAAK;gBACjBc,OAAOX,aAAaC,IAAI,IAAI;gBAC5BW,UAAUZ,aAAaI,OAAO;gBAC9BS,UAAUb,aAAaK,OAAO;YAClC;YACC,GAAGN,MAAM;sBAETnB,WAAWa,OAAOS,MAAM,CAACC,SAAS,CAACV,MAAM,EAAEA,OAAOqB,UAAU;;IAGzE;IAEA,MAAMC,SAAStB,OAAOS,MAAM,CAACc,uBAAuB;IACpD,MAAMC,eAAexB,OAAOS,MAAM,CAACgB,WAAW,MAAM;IACpD,MAAMC,OAAO9B,YAAY,CAAC4B,aAAa;IAEvC,qBACI,KAACxC;QACG2C,WAAU;QACVC,SAASN;QACTO,aAAWnC,aAAa,CAAC8B,aAAa;QACtCM,gBAAc;QACb,GAAGjB,QAAQ;QACX,GAAGP,MAAM;kBAEV,cAAA,MAACvB;YAAMgD,MAAK;YAASC,KAAI;;gBACpB7C,WAAWa,OAAOS,MAAM,CAACC,SAAS,CAACV,MAAM,EAAEA,OAAOqB,UAAU;8BAC7D,KAACK;oBAAKO,QAAQ;oBAAIf,OAAO;;;;;AAIzC,EAAE;AACFrB,GAAGqC,MAAM,GAAG9C"}

package/dist/esm/components/table/table-last-updated/TableLastUpdated.d.ts

@@ -1,6 +1,25 @@
-import { FunctionComponent } from 'react';
-import { TableLastUpdatedProps } from './TableLastUpdated.types';
-export declare const TableLastUpdated: FunctionComponent<TableLastUpdatedProps & {
+import { BoxProps, Factory } from '@mantine/core';
+import { CompoundStylesApiProps } from '@mantine/core/lib/core/styles-api/styles-api.types';
+export type TableLastUpdatedStylesNames = 'lastUpdatedRoot' | 'lastUpdatedLabel';
+export interface TableLastUpdatedProps extends BoxProps, CompoundStylesApiProps<TableLastUpdatedFactory> {
+    /**
+     * Label to contextualize the date
+     *
+     * @default "Last update:"
+     */
+    label?: string;
     dependencies?: never;
+}
+export type TableLastUpdatedFactory = Factory<{
+    props: TableLastUpdatedProps;
+    ref: HTMLDivElement;
+    stylesNames: TableLastUpdatedStylesNames;
+    compound: true;
+}>;
+export declare const TableLastUpdated: import("@mantine/core").MantineComponent<{
+    props: TableLastUpdatedProps;
+    ref: HTMLDivElement;
+    stylesNames: TableLastUpdatedStylesNames;
+    compound: true;
 }>;
 //# sourceMappingURL=TableLastUpdated.d.ts.map

package/dist/esm/components/table/table-last-updated/TableLastUpdated.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableLastUpdated.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-last-updated/TableLastUpdated.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,iBAAiB,EAAW,MAAM,OAAO,CAAC;AAGlD,OAAO,EAAC,qBAAqB,EAAC,MAAM,0BAA0B,CAAC;AAE/D,eAAO,MAAM,gBAAgB,EAAE,iBAAiB,CAAC,qBAAqB,GAAG;IAAC,YAAY,CAAC,EAAE,KAAK,CAAA;CAAC,CAwB9F,CAAC"}
+{"version":3,"file":"TableLastUpdated.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-last-updated/TableLastUpdated.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAW,OAAO,EAAwB,MAAM,eAAe,CAAC;AAChF,OAAO,EAAC,sBAAsB,EAAC,MAAM,oDAAoD,CAAC;AAM1F,MAAM,MAAM,2BAA2B,GAAG,iBAAiB,GAAG,kBAAkB,CAAC;AAEjF,MAAM,WAAW,qBAAsB,SAAQ,QAAQ,EAAE,sBAAsB,CAAC,uBAAuB,CAAC;IACpG;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,KAAK,CAAC;CACxB;AACD,MAAM,MAAM,uBAAuB,GAAG,OAAO,CAAC;IAC1C,KAAK,EAAE,qBAAqB,CAAC;IAC7B,GAAG,EAAE,cAAc,CAAC;IACpB,WAAW,EAAE,2BAA2B,CAAC;IACzC,QAAQ,EAAE,IAAI,CAAC;CAClB,CAAC,CAAC;AAMH,eAAO,MAAM,gBAAgB;WAVlB,qBAAqB;SACvB,cAAc;iBACN,2BAA2B;cAC9B,IAAI;EAqChB,CAAC"}

package/dist/esm/components/table/table-last-updated/TableLastUpdated.js

@@ -1,17 +1,15 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Group, Text } from '@mantine/core';
+import { factory, Group, Text, useProps } from '@mantine/core';
 import { useDidUpdate } from '@mantine/hooks';
 import dayjs from 'dayjs';
 import { useState } from 'react';
-import { useTable } from '../TableContext';
-import useStyles from './TableLastUpdated.styles';
-export const TableLastUpdated = ({ label = 'Last update:', dependencies, classNames, styles, unstyled, ...others })=>{
-    const { classes } = useStyles(null, {
-        name: 'TableLastUpdated',
-        classNames,
-        styles,
-        unstyled
-    });
+import { useTable, useTableStyles } from '../TableContext';
+const defaultProps = {
+    label: 'Last update:'
+};
+export const TableLastUpdated = factory((props, ref)=>{
+    const ctx = useTableStyles();
+    const { label, dependencies, classNames, className, styles, style, vars, ...others } = useProps('PlasmaTableLastUpdated', defaultProps, props);
     const { state } = useTable();
     const [time, setTime] = useState(new Date());
     useDidUpdate(()=>{
@@ -20,14 +18,27 @@ export const TableLastUpdated = ({ label = 'Last update:', dependencies, classNa
         state,
         ...dependencies
     ]);
+    const stylesApiProps = {
+        classNames,
+        styles
+    };
     return /*#__PURE__*/ _jsx(Group, {
-        className: classes.root,
         px: "xl",
-        position: "right",
+        justify: "right",
+        ref: ref,
+        ...ctx.getStyles('lastUpdatedRoot', {
+            className,
+            style,
+            ...stylesApiProps
+        }),
+        ...others,
         children: /*#__PURE__*/ _jsxs(Text, {
             size: "xs",
-            className: classes.label,
-            ...others,
+            ...ctx.getStyles('lastUpdatedLabel', {
+                className,
+                style,
+                ...stylesApiProps
+            }),
             children: [
                 label,
                 /*#__PURE__*/ _jsx("span", {
@@ -37,6 +48,6 @@ export const TableLastUpdated = ({ label = 'Last update:', dependencies, classNa
             ]
         })
     });
-};
+});
 
 //# sourceMappingURL=TableLastUpdated.js.map

package/dist/esm/components/table/table-last-updated/TableLastUpdated.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/table/table-last-updated/TableLastUpdated.tsx"],"sourcesContent":["import {Group, Text} from '@mantine/core';\nimport {useDidUpdate} from '@mantine/hooks';\nimport dayjs from 'dayjs';\nimport {FunctionComponent, useState} from 'react';\nimport {useTable} from '../TableContext';\nimport useStyles from './TableLastUpdated.styles';\nimport {TableLastUpdatedProps} from './TableLastUpdated.types';\n\nexport const TableLastUpdated: FunctionComponent<TableLastUpdatedProps & {dependencies?: never}> = ({\n    label = 'Last update:',\n    dependencies,\n    classNames,\n    styles,\n    unstyled,\n    ...others\n}) => {\n    const {classes} = useStyles(null, {name: 'TableLastUpdated', classNames, styles, unstyled});\n    const {state} = useTable();\n    const [time, setTime] = useState(new Date());\n\n    useDidUpdate(() => {\n        setTime(new Date());\n    }, [state, ...dependencies]);\n\n    return (\n        <Group className={classes.root} px=\"xl\" position=\"right\">\n            <Text size=\"xs\" className={classes.label} {...others}>\n                {label}\n                <span role=\"timer\">{dayjs(time).format('h:mm:ss A')}</span>\n            </Text>\n        </Group>\n    );\n};\n"],"names":["Group","Text","useDidUpdate","dayjs","useState","useTable","useStyles","TableLastUpdated","label","dependencies","classNames","styles","unstyled","others","classes","name","state","time","setTime","Date","className","root","px","position","size","span","role","format"],"mappings":";AAAA,SAAQA,KAAK,EAAEC,IAAI,QAAO,gBAAgB;AAC1C,SAAQC,YAAY,QAAO,iBAAiB;AAC5C,OAAOC,WAAW,QAAQ;AAC1B,SAA2BC,QAAQ,QAAO,QAAQ;AAClD,SAAQC,QAAQ,QAAO,kBAAkB;AACzC,OAAOC,eAAe,4BAA4B;AAGlD,OAAO,MAAMC,mBAAsF,CAAC,EAChGC,QAAQ,cAAc,EACtBC,YAAY,EACZC,UAAU,EACVC,MAAM,EACNC,QAAQ,EACR,GAAGC,QACN;IACG,MAAM,EAACC,OAAO,EAAC,GAAGR,UAAU,MAAM;QAACS,MAAM;QAAoBL;QAAYC;QAAQC;IAAQ;IACzF,MAAM,EAACI,KAAK,EAAC,GAAGX;IAChB,MAAM,CAACY,MAAMC,QAAQ,GAAGd,SAAS,IAAIe;IAErCjB,aAAa;QACTgB,QAAQ,IAAIC;IAChB,GAAG;QAACH;WAAUP;KAAa;IAE3B,qBACI,KAACT;QAAMoB,WAAWN,QAAQO,IAAI;QAAEC,IAAG;QAAKC,UAAS;kBAC7C,cAAA,MAACtB;YAAKuB,MAAK;YAAKJ,WAAWN,QAAQN,KAAK;YAAG,GAAGK,MAAM;;gBAC/CL;8BACD,KAACiB;oBAAKC,MAAK;8BAASvB,MAAMc,MAAMU,MAAM,CAAC;;;;;AAIvD,EAAE"}
+{"version":3,"sources":["../../../../../src/components/table/table-last-updated/TableLastUpdated.tsx"],"sourcesContent":["import {BoxProps, factory, Factory, Group, Text, useProps} from '@mantine/core';\nimport {CompoundStylesApiProps} from '@mantine/core/lib/core/styles-api/styles-api.types';\nimport {useDidUpdate} from '@mantine/hooks';\nimport dayjs from 'dayjs';\nimport {useState} from 'react';\nimport {useTable, useTableStyles} from '../TableContext';\n\nexport type TableLastUpdatedStylesNames = 'lastUpdatedRoot' | 'lastUpdatedLabel';\n\nexport interface TableLastUpdatedProps extends BoxProps, CompoundStylesApiProps<TableLastUpdatedFactory> {\n    /**\n     * Label to contextualize the date\n     *\n     * @default \"Last update:\"\n     */\n    label?: string;\n    dependencies?: never;\n}\nexport type TableLastUpdatedFactory = Factory<{\n    props: TableLastUpdatedProps;\n    ref: HTMLDivElement;\n    stylesNames: TableLastUpdatedStylesNames;\n    compound: true;\n}>;\n\nconst defaultProps: Partial<TableLastUpdatedProps> = {\n    label: 'Last update:',\n};\n\nexport const TableLastUpdated = factory<TableLastUpdatedFactory>((props, ref) => {\n    const ctx = useTableStyles();\n    const {label, dependencies, classNames, className, styles, style, vars, ...others} = useProps(\n        'PlasmaTableLastUpdated',\n        defaultProps,\n        props,\n    );\n    const {state} = useTable();\n    const [time, setTime] = useState(new Date());\n\n    useDidUpdate(() => {\n        setTime(new Date());\n    }, [state, ...dependencies]);\n\n    const stylesApiProps = {classNames, styles};\n\n    return (\n        <Group\n            px=\"xl\"\n            justify=\"right\"\n            ref={ref}\n            {...ctx.getStyles('lastUpdatedRoot', {className, style, ...stylesApiProps})}\n            {...others}\n        >\n            <Text size=\"xs\" {...ctx.getStyles('lastUpdatedLabel', {className, style, ...stylesApiProps})}>\n                {label}\n                <span role=\"timer\">{dayjs(time).format('h:mm:ss A')}</span>\n            </Text>\n        </Group>\n    );\n});\n"],"names":["factory","Group","Text","useProps","useDidUpdate","dayjs","useState","useTable","useTableStyles","defaultProps","label","TableLastUpdated","props","ref","ctx","dependencies","classNames","className","styles","style","vars","others","state","time","setTime","Date","stylesApiProps","px","justify","getStyles","size","span","role","format"],"mappings":";AAAA,SAAkBA,OAAO,EAAWC,KAAK,EAAEC,IAAI,EAAEC,QAAQ,QAAO,gBAAgB;AAEhF,SAAQC,YAAY,QAAO,iBAAiB;AAC5C,OAAOC,WAAW,QAAQ;AAC1B,SAAQC,QAAQ,QAAO,QAAQ;AAC/B,SAAQC,QAAQ,EAAEC,cAAc,QAAO,kBAAkB;AAoBzD,MAAMC,eAA+C;IACjDC,OAAO;AACX;AAEA,OAAO,MAAMC,mBAAmBX,QAAiC,CAACY,OAAOC;IACrE,MAAMC,MAAMN;IACZ,MAAM,EAACE,KAAK,EAAEK,YAAY,EAAEC,UAAU,EAAEC,SAAS,EAAEC,MAAM,EAAEC,KAAK,EAAEC,IAAI,EAAE,GAAGC,QAAO,GAAGlB,SACjF,0BACAM,cACAG;IAEJ,MAAM,EAACU,KAAK,EAAC,GAAGf;IAChB,MAAM,CAACgB,MAAMC,QAAQ,GAAGlB,SAAS,IAAImB;IAErCrB,aAAa;QACToB,QAAQ,IAAIC;IAChB,GAAG;QAACH;WAAUP;KAAa;IAE3B,MAAMW,iBAAiB;QAACV;QAAYE;IAAM;IAE1C,qBACI,KAACjB;QACG0B,IAAG;QACHC,SAAQ;QACRf,KAAKA;QACJ,GAAGC,IAAIe,SAAS,CAAC,mBAAmB;YAACZ;YAAWE;YAAO,GAAGO,cAAc;QAAA,EAAE;QAC1E,GAAGL,MAAM;kBAEV,cAAA,MAACnB;YAAK4B,MAAK;YAAM,GAAGhB,IAAIe,SAAS,CAAC,oBAAoB;gBAACZ;gBAAWE;gBAAO,GAAGO,cAAc;YAAA,EAAE;;gBACvFhB;8BACD,KAACqB;oBAAKC,MAAK;8BAAS3B,MAAMkB,MAAMU,MAAM,CAAC;;;;;AAIvD,GAAG"}

package/dist/esm/components/table/table-loading/TableLoading.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Skeleton } from '@mantine/core';
 export const TableLoading = (props)=>/*#__PURE__*/ _jsx(Skeleton, {
         ...props,
-        sx: !props.visible ? {
+        style: !props.visible ? {
             borderRadius: 0
         } : undefined,
         children: props.children

package/dist/esm/components/table/table-loading/TableLoading.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/table/table-loading/TableLoading.tsx"],"sourcesContent":["import {Skeleton, SkeletonProps} from '@mantine/core';\nimport {FunctionComponent} from 'react';\n\nexport const TableLoading: FunctionComponent<SkeletonProps> = (props) => (\n    <Skeleton {...props} sx={!props.visible ? {borderRadius: 0} : undefined}>\n        {props.children}\n    </Skeleton>\n);\n"],"names":["Skeleton","TableLoading","props","sx","visible","borderRadius","undefined","children"],"mappings":";AAAA,SAAQA,QAAQ,QAAsB,gBAAgB;AAGtD,OAAO,MAAMC,eAAiD,CAACC,sBAC3D,KAACF;QAAU,GAAGE,KAAK;QAAEC,IAAI,CAACD,MAAME,OAAO,GAAG;YAACC,cAAc;QAAC,IAAIC;kBACzDJ,MAAMK,QAAQ;OAErB"}
+{"version":3,"sources":["../../../../../src/components/table/table-loading/TableLoading.tsx"],"sourcesContent":["import {Skeleton, SkeletonProps} from '@mantine/core';\nimport {FunctionComponent} from 'react';\n\nexport const TableLoading: FunctionComponent<SkeletonProps> = (props) => (\n    <Skeleton {...props} style={!props.visible ? {borderRadius: 0} : undefined}>\n        {props.children}\n    </Skeleton>\n);\n"],"names":["Skeleton","TableLoading","props","style","visible","borderRadius","undefined","children"],"mappings":";AAAA,SAAQA,QAAQ,QAAsB,gBAAgB;AAGtD,OAAO,MAAMC,eAAiD,CAACC,sBAC3D,KAACF;QAAU,GAAGE,KAAK;QAAEC,OAAO,CAACD,MAAME,OAAO,GAAG;YAACC,cAAc;QAAC,IAAIC;kBAC5DJ,MAAMK,QAAQ;OAErB"}

package/dist/esm/components/table/table-pagination/TablePagination.js

@@ -32,7 +32,7 @@ export const TablePagination = ({ totalPages, onPageChange })=>{
         total: total,
         boundaries: 0,
         size: "md",
-        spacing: "xs",
+        gap: "xs",
         getControlProps: (control)=>{
             switch(control){
                 case 'previous':

package/dist/esm/components/table/table-pagination/TablePagination.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/table/table-pagination/TablePagination.tsx"],"sourcesContent":["import {Pagination} from '@mantine/core';\nimport {useDidUpdate} from '@mantine/hooks';\nimport {FunctionComponent} from 'react';\n\nimport {useTable} from '../TableContext';\nimport {TablePaginationProps} from './TablePagination.types';\n\nexport const TablePagination: FunctionComponent<TablePaginationProps> = ({totalPages, onPageChange}) => {\n    const {state, setState, containerRef, getPageCount} = useTable();\n\n    const updatePage = (newPage: number) => {\n        onPageChange?.(newPage - 1);\n        setState((prevState) => ({\n            ...prevState,\n            pagination: {...prevState.pagination, pageIndex: newPage - 1},\n        }));\n        containerRef.current.scrollIntoView({behavior: 'smooth'});\n    };\n\n    const total = totalPages === null ? getPageCount() : totalPages;\n\n    useDidUpdate(() => {\n        if (state.pagination.pageIndex + 1 > total && total > 0) {\n            updatePage(total);\n        }\n    }, [state.pagination.pageIndex, total]);\n\n    return (\n        <Pagination\n            value={state.pagination.pageIndex + 1}\n            onChange={updatePage}\n            total={total}\n            boundaries={0}\n            size=\"md\"\n            spacing=\"xs\"\n            getControlProps={(control) => {\n                switch (control) {\n                    case 'previous':\n                        return {\n                            component: 'button',\n                            'aria-label': 'previous page',\n                        };\n                    case 'next':\n                        return {component: 'button', 'aria-label': 'next page'};\n                    default:\n                        return {};\n                }\n            }}\n        />\n    );\n};\n"],"names":["Pagination","useDidUpdate","useTable","TablePagination","totalPages","onPageChange","state","setState","containerRef","getPageCount","updatePage","newPage","prevState","pagination","pageIndex","current","scrollIntoView","behavior","total","value","onChange","boundaries","size","spacing","getControlProps","control","component"],"mappings":";AAAA,SAAQA,UAAU,QAAO,gBAAgB;AACzC,SAAQC,YAAY,QAAO,iBAAiB;AAG5C,SAAQC,QAAQ,QAAO,kBAAkB;AAGzC,OAAO,MAAMC,kBAA2D,CAAC,EAACC,UAAU,EAAEC,YAAY,EAAC;IAC/F,MAAM,EAACC,KAAK,EAAEC,QAAQ,EAAEC,YAAY,EAAEC,YAAY,EAAC,GAAGP;IAEtD,MAAMQ,aAAa,CAACC;QAChBN,eAAeM,UAAU;QACzBJ,SAAS,CAACK,YAAe,CAAA;gBACrB,GAAGA,SAAS;gBACZC,YAAY;oBAAC,GAAGD,UAAUC,UAAU;oBAAEC,WAAWH,UAAU;gBAAC;YAChE,CAAA;QACAH,aAAaO,OAAO,CAACC,cAAc,CAAC;YAACC,UAAU;QAAQ;IAC3D;IAEA,MAAMC,QAAQd,eAAe,OAAOK,iBAAiBL;IAErDH,aAAa;QACT,IAAIK,MAAMO,UAAU,CAACC,SAAS,GAAG,IAAII,SAASA,QAAQ,GAAG;YACrDR,WAAWQ;QACf;IACJ,GAAG;QAACZ,MAAMO,UAAU,CAACC,SAAS;QAAEI;KAAM;IAEtC,qBACI,KAAClB;QACGmB,OAAOb,MAAMO,UAAU,CAACC,SAAS,GAAG;QACpCM,UAAUV;QACVQ,OAAOA;QACPG,YAAY;QACZC,MAAK;QACLC,SAAQ;QACRC,iBAAiB,CAACC;YACd,OAAQA;gBACJ,KAAK;oBACD,OAAO;wBACHC,WAAW;wBACX,cAAc;oBAClB;gBACJ,KAAK;oBACD,OAAO;wBAACA,WAAW;wBAAU,cAAc;oBAAW;gBAC1D;oBACI,OAAO,CAAC;YAChB;QACJ;;AAGZ,EAAE"}
+{"version":3,"sources":["../../../../../src/components/table/table-pagination/TablePagination.tsx"],"sourcesContent":["import {Pagination} from '@mantine/core';\nimport {useDidUpdate} from '@mantine/hooks';\nimport {FunctionComponent} from 'react';\n\nimport {useTable} from '../TableContext';\nimport {TablePaginationProps} from './TablePagination.types';\n\nexport const TablePagination: FunctionComponent<TablePaginationProps> = ({totalPages, onPageChange}) => {\n    const {state, setState, containerRef, getPageCount} = useTable();\n\n    const updatePage = (newPage: number) => {\n        onPageChange?.(newPage - 1);\n        setState((prevState) => ({\n            ...prevState,\n            pagination: {...prevState.pagination, pageIndex: newPage - 1},\n        }));\n        containerRef.current.scrollIntoView({behavior: 'smooth'});\n    };\n\n    const total = totalPages === null ? getPageCount() : totalPages;\n\n    useDidUpdate(() => {\n        if (state.pagination.pageIndex + 1 > total && total > 0) {\n            updatePage(total);\n        }\n    }, [state.pagination.pageIndex, total]);\n\n    return (\n        <Pagination\n            value={state.pagination.pageIndex + 1}\n            onChange={updatePage}\n            total={total}\n            boundaries={0}\n            size=\"md\"\n            gap=\"xs\"\n            getControlProps={(control) => {\n                switch (control) {\n                    case 'previous':\n                        return {\n                            component: 'button',\n                            'aria-label': 'previous page',\n                        };\n                    case 'next':\n                        return {component: 'button', 'aria-label': 'next page'};\n                    default:\n                        return {};\n                }\n            }}\n        />\n    );\n};\n"],"names":["Pagination","useDidUpdate","useTable","TablePagination","totalPages","onPageChange","state","setState","containerRef","getPageCount","updatePage","newPage","prevState","pagination","pageIndex","current","scrollIntoView","behavior","total","value","onChange","boundaries","size","gap","getControlProps","control","component"],"mappings":";AAAA,SAAQA,UAAU,QAAO,gBAAgB;AACzC,SAAQC,YAAY,QAAO,iBAAiB;AAG5C,SAAQC,QAAQ,QAAO,kBAAkB;AAGzC,OAAO,MAAMC,kBAA2D,CAAC,EAACC,UAAU,EAAEC,YAAY,EAAC;IAC/F,MAAM,EAACC,KAAK,EAAEC,QAAQ,EAAEC,YAAY,EAAEC,YAAY,EAAC,GAAGP;IAEtD,MAAMQ,aAAa,CAACC;QAChBN,eAAeM,UAAU;QACzBJ,SAAS,CAACK,YAAe,CAAA;gBACrB,GAAGA,SAAS;gBACZC,YAAY;oBAAC,GAAGD,UAAUC,UAAU;oBAAEC,WAAWH,UAAU;gBAAC;YAChE,CAAA;QACAH,aAAaO,OAAO,CAACC,cAAc,CAAC;YAACC,UAAU;QAAQ;IAC3D;IAEA,MAAMC,QAAQd,eAAe,OAAOK,iBAAiBL;IAErDH,aAAa;QACT,IAAIK,MAAMO,UAAU,CAACC,SAAS,GAAG,IAAII,SAASA,QAAQ,GAAG;YACrDR,WAAWQ;QACf;IACJ,GAAG;QAACZ,MAAMO,UAAU,CAACC,SAAS;QAAEI;KAAM;IAEtC,qBACI,KAAClB;QACGmB,OAAOb,MAAMO,UAAU,CAACC,SAAS,GAAG;QACpCM,UAAUV;QACVQ,OAAOA;QACPG,YAAY;QACZC,MAAK;QACLC,KAAI;QACJC,iBAAiB,CAACC;YACd,OAAQA;gBACJ,KAAK;oBACD,OAAO;wBACHC,WAAW;wBACX,cAAc;oBAClB;gBACJ,KAAK;oBACD,OAAO;wBAACA,WAAW;wBAAU,cAAc;oBAAW;gBAC1D;oBACI,OAAO,CAAC;YAChB;QACJ;;AAGZ,EAAE"}

package/dist/esm/components/table/table-per-page/TablePerPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TablePerPage.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-per-page/TablePerPage.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAGxC,OAAO,EAAC,iBAAiB,EAAC,MAAM,sBAAsB,CAAC;AAEvD,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,GAAG;IAAC,YAAY,EAAE,MAAM,CAAA;CA2BtF,CAAC"}
+{"version":3,"file":"TablePerPage.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-per-page/TablePerPage.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAGxC,OAAO,EAAC,iBAAiB,EAAC,MAAM,sBAAsB,CAAC;AAEvD,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,GAAG;IAAC,YAAY,EAAE,MAAM,CAAA;CA0BtF,CAAC"}

package/dist/esm/components/table/table-per-page/TablePerPage.js

@@ -18,7 +18,7 @@ export const TablePerPage = ({ label = 'Results per page', values = [
             }));
     };
     return getPageCount() > 0 ? /*#__PURE__*/ _jsxs(Group, {
-        spacing: "sm",
+        gap: "sm",
         children: [
             /*#__PURE__*/ _jsx(Text, {
                 fw: 500,
@@ -28,7 +28,6 @@ export const TablePerPage = ({ label = 'Results per page', values = [
                 value: state.pagination.pageSize.toString() ?? values?.[1].toString(),
                 onChange: updatePerPage,
                 data: values.map((value)=>value.toString()),
-                color: "action",
                 size: "sm"
             })
         ]

package/dist/esm/components/table/table-per-page/TablePerPage.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/table/table-per-page/TablePerPage.tsx"],"sourcesContent":["import {Group, SegmentedControl, Text} from '@mantine/core';\nimport {FunctionComponent} from 'react';\n\nimport {useTable} from '../TableContext';\nimport {TablePerPageProps} from './TablePerPage.types';\n\nexport const TablePerPage: FunctionComponent<TablePerPageProps> & {DEFAULT_SIZE: number} = ({\n    label = 'Results per page',\n    values = [25, 50, 100],\n    onPerPageChange,\n}) => {\n    const {state, setState, getPageCount} = useTable();\n\n    const updatePerPage = (newPerPage: string) => {\n        onPerPageChange?.(Number(newPerPage));\n        setState((prevState) => ({\n            ...prevState,\n            pagination: {pageIndex: 0, pageSize: parseInt(newPerPage, 10)},\n        }));\n    };\n\n    return getPageCount() > 0 ? (\n        <Group spacing=\"sm\">\n            <Text fw={500}>{label}</Text>\n            <SegmentedControl\n                value={state.pagination.pageSize.toString() ?? values?.[1].toString()}\n                onChange={updatePerPage}\n                data={values.map((value) => value.toString())}\n                color=\"action\"\n                size=\"sm\"\n            />\n        </Group>\n    ) : null;\n};\n\nTablePerPage.DEFAULT_SIZE = 50;\n"],"names":["Group","SegmentedControl","Text","useTable","TablePerPage","label","values","onPerPageChange","state","setState","getPageCount","updatePerPage","newPerPage","Number","prevState","pagination","pageIndex","pageSize","parseInt","spacing","fw","value","toString","onChange","data","map","color","size","DEFAULT_SIZE"],"mappings":";AAAA,SAAQA,KAAK,EAAEC,gBAAgB,EAAEC,IAAI,QAAO,gBAAgB;AAG5D,SAAQC,QAAQ,QAAO,kBAAkB;AAGzC,OAAO,MAAMC,eAA8E,CAAC,EACxFC,QAAQ,kBAAkB,EAC1BC,SAAS;IAAC;IAAI;IAAI;CAAI,EACtBC,eAAe,EAClB;IACG,MAAM,EAACC,KAAK,EAAEC,QAAQ,EAAEC,YAAY,EAAC,GAAGP;IAExC,MAAMQ,gBAAgB,CAACC;QACnBL,kBAAkBM,OAAOD;QACzBH,SAAS,CAACK,YAAe,CAAA;gBACrB,GAAGA,SAAS;gBACZC,YAAY;oBAACC,WAAW;oBAAGC,UAAUC,SAASN,YAAY;gBAAG;YACjE,CAAA;IACJ;IAEA,OAAOF,iBAAiB,kBACpB,MAACV;QAAMmB,SAAQ;;0BACX,KAACjB;gBAAKkB,IAAI;0BAAMf;;0BAChB,KAACJ;gBACGoB,OAAOb,MAAMO,UAAU,CAACE,QAAQ,CAACK,QAAQ,MAAMhB,QAAQ,CAAC,EAAE,CAACgB;gBAC3DC,UAAUZ;gBACVa,MAAMlB,OAAOmB,GAAG,CAAC,CAACJ,QAAUA,MAAMC,QAAQ;gBAC1CI,OAAM;gBACNC,MAAK;;;SAGb;AACR,EAAE;AAEFvB,aAAawB,YAAY,GAAG"}
+{"version":3,"sources":["../../../../../src/components/table/table-per-page/TablePerPage.tsx"],"sourcesContent":["import {Group, SegmentedControl, Text} from '@mantine/core';\nimport {FunctionComponent} from 'react';\n\nimport {useTable} from '../TableContext';\nimport {TablePerPageProps} from './TablePerPage.types';\n\nexport const TablePerPage: FunctionComponent<TablePerPageProps> & {DEFAULT_SIZE: number} = ({\n    label = 'Results per page',\n    values = [25, 50, 100],\n    onPerPageChange,\n}) => {\n    const {state, setState, getPageCount} = useTable();\n\n    const updatePerPage = (newPerPage: string) => {\n        onPerPageChange?.(Number(newPerPage));\n        setState((prevState) => ({\n            ...prevState,\n            pagination: {pageIndex: 0, pageSize: parseInt(newPerPage, 10)},\n        }));\n    };\n\n    return getPageCount() > 0 ? (\n        <Group gap=\"sm\">\n            <Text fw={500}>{label}</Text>\n            <SegmentedControl\n                value={state.pagination.pageSize.toString() ?? values?.[1].toString()}\n                onChange={updatePerPage}\n                data={values.map((value) => value.toString())}\n                size=\"sm\"\n            />\n        </Group>\n    ) : null;\n};\n\nTablePerPage.DEFAULT_SIZE = 50;\n"],"names":["Group","SegmentedControl","Text","useTable","TablePerPage","label","values","onPerPageChange","state","setState","getPageCount","updatePerPage","newPerPage","Number","prevState","pagination","pageIndex","pageSize","parseInt","gap","fw","value","toString","onChange","data","map","size","DEFAULT_SIZE"],"mappings":";AAAA,SAAQA,KAAK,EAAEC,gBAAgB,EAAEC,IAAI,QAAO,gBAAgB;AAG5D,SAAQC,QAAQ,QAAO,kBAAkB;AAGzC,OAAO,MAAMC,eAA8E,CAAC,EACxFC,QAAQ,kBAAkB,EAC1BC,SAAS;IAAC;IAAI;IAAI;CAAI,EACtBC,eAAe,EAClB;IACG,MAAM,EAACC,KAAK,EAAEC,QAAQ,EAAEC,YAAY,EAAC,GAAGP;IAExC,MAAMQ,gBAAgB,CAACC;QACnBL,kBAAkBM,OAAOD;QACzBH,SAAS,CAACK,YAAe,CAAA;gBACrB,GAAGA,SAAS;gBACZC,YAAY;oBAACC,WAAW;oBAAGC,UAAUC,SAASN,YAAY;gBAAG;YACjE,CAAA;IACJ;IAEA,OAAOF,iBAAiB,kBACpB,MAACV;QAAMmB,KAAI;;0BACP,KAACjB;gBAAKkB,IAAI;0BAAMf;;0BAChB,KAACJ;gBACGoB,OAAOb,MAAMO,UAAU,CAACE,QAAQ,CAACK,QAAQ,MAAMhB,QAAQ,CAAC,EAAE,CAACgB;gBAC3DC,UAAUZ;gBACVa,MAAMlB,OAAOmB,GAAG,CAAC,CAACJ,QAAUA,MAAMC,QAAQ;gBAC1CI,MAAK;;;SAGb;AACR,EAAE;AAEFtB,aAAauB,YAAY,GAAG"}

package/dist/esm/components/table/table-predicate/TablePredicate.d.ts

@@ -1,4 +1,28 @@
+import { BoxProps, ComboboxData, Factory } from '@mantine/core';
+import { CompoundStylesApiProps } from '@mantine/core/lib/core/styles-api/styles-api.types';
 import { FunctionComponent } from 'react';
-import { TablePredicateProps } from './TablePredicate.types';
+export type TablePredicateStylesNames = 'predicate' | 'predicateWrapper' | 'predicateLabel' | 'predicateSelect';
+export interface TablePredicateProps extends BoxProps, CompoundStylesApiProps<TablePredicateFactory> {
+    /**
+     * Unique identifier for this predicate. Will be used to access the selected value in the table state
+     */
+    id: string;
+    /**
+     * The values to display in the predicate
+     */
+    data: ComboboxData;
+    /**
+     * Input label (not displayed for now)
+     *
+     * @default default to the predicate id
+     */
+    label?: string;
+}
+export type TablePredicateFactory = Factory<{
+    props: TablePredicateProps;
+    ref: HTMLDivElement;
+    stylesNames: TablePredicateStylesNames;
+    compound: true;
+}>;
 export declare const TablePredicate: FunctionComponent<TablePredicateProps>;
 //# sourceMappingURL=TablePredicate.d.ts.map

package/dist/esm/components/table/table-predicate/TablePredicate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TablePredicate.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-predicate/TablePredicate.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAKxC,OAAO,EAAC,mBAAmB,EAAC,MAAM,wBAAwB,CAAC;AAE3D,eAAO,MAAM,cAAc,EAAE,iBAAiB,CAAC,mBAAmB,CAsCjE,CAAC"}
+{"version":3,"file":"TablePredicate.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-predicate/TablePredicate.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAE,YAAY,EAAW,OAAO,EAAsC,MAAM,eAAe,CAAC;AAC5G,OAAO,EAAC,sBAAsB,EAAC,MAAM,oDAAoD,CAAC;AAC1F,OAAO,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAKxC,MAAM,MAAM,yBAAyB,GAAG,WAAW,GAAG,kBAAkB,GAAG,gBAAgB,GAAG,iBAAiB,CAAC;AAEhH,MAAM,WAAW,mBAAoB,SAAQ,QAAQ,EAAE,sBAAsB,CAAC,qBAAqB,CAAC;IAChG;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,IAAI,EAAE,YAAY,CAAC;IACnB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,MAAM,qBAAqB,GAAG,OAAO,CAAC;IACxC,KAAK,EAAE,mBAAmB,CAAC;IAC3B,GAAG,EAAE,cAAc,CAAC;IACpB,WAAW,EAAE,yBAAyB,CAAC;IACvC,QAAQ,EAAE,IAAI,CAAC;CAClB,CAAC,CAAC;AAIH,eAAO,MAAM,cAAc,EAAE,iBAAiB,CAAC,mBAAmB,CA2ChE,CAAC"}