@coveord/plasma-mantine 52.16.1 → 52.17.0

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/table/table-header/Th.tsx"],"sourcesContent":["import {ArrowDownSize16Px, ArrowUpSize16Px, DoubleArrowHeadVSize16Px} from '@coveord/plasma-react-icons';\nimport {Center, Group, Text, UnstyledButton} from '@mantine/core';\nimport {defaultColumnSizing, flexRender} from '@tanstack/react-table';\nimport useStyles from './Th.styles';\nimport {ThProps} from './Th.types';\n\nconst SortingIcons = {\n    asc: ArrowUpSize16Px,\n    desc: ArrowDownSize16Px,\n    none: DoubleArrowHeadVSize16Px,\n};\n\nconst SortingLabels = {\n    asc: 'ascending',\n    desc: 'descending',\n    none: 'none',\n} as const;\n\nexport const Th = <T,>({header}: ThProps<T>) => {\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} = useStyles(columnSizing);\n\n    if (header.isPlaceholder) {\n        return null;\n    }\n\n    if (!header.column.getCanSort()) {\n        return (\n            <th className={classes.th}>\n                <Text size=\"xs\" py=\"xs\" px=\"sm\" fw={500}>\n                    {flexRender(header.column.columnDef.header, header.getContext())}\n                </Text>\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        <th className={classes.th} aria-sort={SortingLabels[sortingOrder]}>\n            <UnstyledButton onClick={onSort} className={classes.control}>\n                <Group position=\"apart\" noWrap>\n                    <Text size=\"xs\" fw={500}>\n                        {flexRender(header.column.columnDef.header, header.getContext())}\n                    </Text>\n                    <Center>\n                        <Icon height={14} />\n                    </Center>\n                </Group>\n            </UnstyledButton>\n        </th>\n    );\n};\n"],"names":["Th","SortingIcons","asc","ArrowUpSize16Px","desc","ArrowDownSize16Px","none","DoubleArrowHeadVSize16Px","SortingLabels","header","columnSizing","defaultColumnSizing","size","column","columnDef","minSize","maxSize","classes","useStyles","isPlaceholder","getCanSort","th","className","Text","py","px","fw","flexRender","getContext","onSort","getToggleSortingHandler","sortingOrder","getIsSorted","Icon","aria-sort","UnstyledButton","onClick","control","Group","position","noWrap","Center","height"],"mappings":";;;;+BAkBaA;;;eAAAA;;;;;;;gCAlB8D;oBACzB;0BACJ;iEACxB;AAGtB,IAAMC,eAAe;IACjBC,KAAKC,iCAAe;IACpBC,MAAMC,mCAAiB;IACvBC,MAAMC,0CAAwB;AAClC;AAEA,IAAMC,gBAAgB;IAClBN,KAAK;IACLE,MAAM;IACNE,MAAM;AACV;AAEO,IAAMN,KAAK;QAAMS,eAAAA;IACpB,IAAMC,eAAe,4CACdC,+BAAmB;QACtBC,MAAMH,OAAOI,MAAM,CAACC,SAAS,CAACF,IAAI;QAClCG,SAASN,OAAOI,MAAM,CAACC,SAAS,CAACC,OAAO;QACxCC,SAASP,OAAOI,MAAM,CAACC,SAAS,CAACE,OAAO;;IAG5C,IAAM,AAACC,UAAWC,IAAAA,iBAAS,EAACR,cAArBO;IAEP,IAAIR,OAAOU,aAAa,EAAE;QACtB,OAAO;IACX;IAEA,IAAI,CAACV,OAAOI,MAAM,CAACO,UAAU,IAAI;QAC7B,qBACI,qBAACC;YAAGC,WAAWL,QAAQI,EAAE;sBACrB,cAAA,qBAACE,UAAI;gBAACX,MAAK;gBAAKY,IAAG;gBAAKC,IAAG;gBAAKC,IAAI;0BAC/BC,IAAAA,sBAAU,EAAClB,OAAOI,MAAM,CAACC,SAAS,CAACL,MAAM,EAAEA,OAAOmB,UAAU;;;IAI7E;IAEA,IAAMC,SAASpB,OAAOI,MAAM,CAACiB,uBAAuB;IACpD,IAAMC,eAAetB,OAAOI,MAAM,CAACmB,WAAW,MAAM;IACpD,IAAMC,OAAOhC,YAAY,CAAC8B,aAAa;IAEvC,qBACI,qBAACV;QAAGC,WAAWL,QAAQI,EAAE;QAAEa,aAAW1B,aAAa,CAACuB,aAAa;kBAC7D,cAAA,qBAACI,oBAAc;YAACC,SAASP;YAAQP,WAAWL,QAAQoB,OAAO;sBACvD,cAAA,sBAACC,WAAK;gBAACC,UAAS;gBAAQC,MAAM;;kCAC1B,qBAACjB,UAAI;wBAACX,MAAK;wBAAKc,IAAI;kCACfC,IAAAA,sBAAU,EAAClB,OAAOI,MAAM,CAACC,SAAS,CAACL,MAAM,EAAEA,OAAOmB,UAAU;;kCAEjE,qBAACa,YAAM;kCACH,cAAA,qBAACR;4BAAKS,QAAQ;;;;;;;AAMtC"}

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

@@ -0,0 +1,14 @@
+declare const _default: (params: {
+    size: number;
+    minSize: number;
+    maxSize: number;
+}, options?: import("@mantine/core").UseStylesOptions<string>) => {
+    classes: {
+        th: string;
+        control: string;
+    };
+    cx: (...args: any) => string;
+    theme: import("@mantine/core").MantineTheme;
+};
+export default _default;
+//# sourceMappingURL=Th.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Th.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-header/Th.styles.ts"],"names":[],"mappings":";UAEyD,MAAM;aAAW,MAAM;aAAW,MAAM;;;;;;;;;AAAjG,wBAwBI"}

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

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+var _core = require("@mantine/core");
+var _columnSizing_size;
+var _default = (0, _core.createStyles)(function(theme, columnSizing) {
+    return {
+        th: {
+            fontWeight: "400 !important",
+            padding: "0 !important",
+            verticalAlign: "middle",
+            whiteSpace: "nowrap",
+            textAlign: "left",
+            color: theme.colors.gray[6],
+            backgroundColor: theme.colorScheme === "dark" ? theme.colors.gray[8] : theme.colors.gray[0],
+            width: (_columnSizing_size = columnSizing.size) !== null && _columnSizing_size !== void 0 ? _columnSizing_size : "auto",
+            minWidth: columnSizing.minSize,
+            maxWidth: columnSizing.maxSize
+        },
+        control: {
+            color: "inherit",
+            whiteSpace: "inherit",
+            fontWeight: "inherit",
+            width: "100%",
+            padding: "".concat(theme.spacing.xs, " ").concat(theme.spacing.sm),
+            "&:hover": {
+                backgroundColor: theme.colorScheme === "dark" ? theme.colors.gray[7] : theme.colors.gray[1]
+            }
+        }
+    };
+});
+
+//# sourceMappingURL=Th.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/table/table-header/Th.styles.ts"],"sourcesContent":["import {createStyles} from '@mantine/core';\n\nexport default createStyles((theme, columnSizing: {size: number; minSize: number; maxSize: number}) => ({\n    th: {\n        fontWeight: '400 !important' as any,\n        padding: '0 !important',\n        verticalAlign: 'middle',\n        whiteSpace: 'nowrap',\n        textAlign: 'left',\n        color: theme.colors.gray[6],\n        backgroundColor: theme.colorScheme === 'dark' ? theme.colors.gray[8] : theme.colors.gray[0],\n        width: columnSizing.size ?? 'auto',\n        minWidth: columnSizing.minSize,\n        maxWidth: columnSizing.maxSize,\n    },\n\n    control: {\n        color: 'inherit',\n        whiteSpace: 'inherit',\n        fontWeight: 'inherit',\n        width: '100%',\n        padding: `${theme.spacing.xs} ${theme.spacing.sm}`,\n        '&:hover': {\n            backgroundColor: theme.colorScheme === 'dark' ? theme.colors.gray[7] : theme.colors.gray[1],\n        },\n    },\n}));\n"],"names":["columnSizing","createStyles","theme","th","fontWeight","padding","verticalAlign","whiteSpace","textAlign","color","colors","gray","backgroundColor","colorScheme","width","size","minWidth","minSize","maxWidth","maxSize","control","spacing","xs","sm"],"mappings":";;;;+BAEA;;;eAAA;;;oBAF2B;IAWZA;IATf,WAAeC,IAAAA,kBAAY,EAAC,SAACC,OAAOF;WAAoE;QACpGG,IAAI;YACAC,YAAY;YACZC,SAAS;YACTC,eAAe;YACfC,YAAY;YACZC,WAAW;YACXC,OAAOP,MAAMQ,MAAM,CAACC,IAAI,CAAC,EAAE;YAC3BC,iBAAiBV,MAAMW,WAAW,KAAK,SAASX,MAAMQ,MAAM,CAACC,IAAI,CAAC,EAAE,GAAGT,MAAMQ,MAAM,CAACC,IAAI,CAAC,EAAE;YAC3FG,OAAOd,CAAAA,qBAAAA,aAAae,IAAI,cAAjBf,gCAAAA,qBAAqB;YAC5BgB,UAAUhB,aAAaiB,OAAO;YAC9BC,UAAUlB,aAAamB,OAAO;QAClC;QAEAC,SAAS;YACLX,OAAO;YACPF,YAAY;YACZH,YAAY;YACZU,OAAO;YACPT,SAAS,AAAC,GAAsBH,OAApBA,MAAMmB,OAAO,CAACC,EAAE,EAAC,KAAoB,OAAjBpB,MAAMmB,OAAO,CAACE,EAAE;YAChD,WAAW;gBACPX,iBAAiBV,MAAMW,WAAW,KAAK,SAASX,MAAMQ,MAAM,CAACC,IAAI,CAAC,EAAE,GAAGT,MAAMQ,MAAM,CAACC,IAAI,CAAC,EAAE;YAC/F;QACJ;IACJ"}

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

@@ -0,0 +1,5 @@
+import { Header } from '@tanstack/react-table';
+export interface ThProps<T> {
+    header: Header<T, unknown>;
+}
+//# sourceMappingURL=Th.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Th.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-header/Th.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAC,MAAM,uBAAuB,CAAC;AAE7C,MAAM,WAAW,OAAO,CAAC,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;CAC9B"}

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

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+//# sourceMappingURL=Th.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/table/table-header/Th.types.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,6 @@
+import { FunctionComponent } from 'react';
+import { TableLastUpdatedProps } from './TableLastUpdated.types';
+export declare const TableLastUpdated: FunctionComponent<TableLastUpdatedProps & {
+    dependencies?: never;
+}>;
+//# sourceMappingURL=TableLastUpdated.d.ts.map

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

@@ -0,0 +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"}

package/dist/cjs/components/table/{TableLastUpdated.js → table-last-updated/TableLastUpdated.js}

@@ -19,17 +19,8 @@ var _core = require("@mantine/core");
 var _hooks = require("@mantine/hooks");
 var _dayjs = /*#__PURE__*/ _interop_require_default._(require("dayjs"));
 var _react = require("react");
-var _TableContext = require("./TableContext");
-var useStyles = (0, _core.createStyles)(function(theme) {
-    return {
-        root: {
-            minHeight: "98px"
-        },
-        label: {
-            color: theme.colors.gray[6]
-        }
-    };
-});
+var _TableContext = require("../TableContext");
+var _TableLastUpdatedstyles = /*#__PURE__*/ _interop_require_default._(require("./TableLastUpdated.styles"));
 var TableLastUpdated = function(_param) {
     var _param_label = _param.label, label = _param_label === void 0 ? "Last update:" : _param_label, dependencies = _param.dependencies, classNames = _param.classNames, styles = _param.styles, unstyled = _param.unstyled, others = _object_without_properties._(_param, [
         "label",
@@ -38,7 +29,7 @@ var TableLastUpdated = function(_param) {
         "styles",
         "unstyled"
     ]);
-    var classes = useStyles(null, {
+    var classes = (0, _TableLastUpdatedstyles.default)(null, {
         name: "TableLastUpdated",
         classNames: classNames,
         styles: styles,

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

@@ -0,0 +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":["TableLastUpdated","label","dependencies","classNames","styles","unstyled","others","classes","useStyles","name","state","useTable","useState","Date","time","setTime","useDidUpdate","Group","className","root","px","position","Text","size","span","role","dayjs","format"],"mappings":";;;;+BAQaA;;;eAAAA;;;;;;;;;;oBARa;qBACC;8DACT;qBACwB;4BACnB;+EACD;AAGf,IAAMA,mBAAsF;8BAC/FC,OAAAA,kCAAQ,+BACRC,sBAAAA,cACAC,oBAAAA,YACAC,gBAAAA,QACAC,kBAAAA,UACGC;QALHL;QACAC;QACAC;QACAC;QACAC;;IAGA,IAAM,AAACE,UAAWC,IAAAA,+BAAS,EAAC,MAAM;QAACC,MAAM;QAAoBN,YAAAA;QAAYC,QAAAA;QAAQC,UAAAA;IAAQ,GAAlFE;IACP,IAAM,AAACG,QAASC,IAAAA,sBAAQ,IAAjBD;IACP,IAAwBE,+BAAAA,IAAAA,eAAQ,EAAC,IAAIC,aAA9BC,OAAiBF,cAAXG,UAAWH;IAExBI,IAAAA,mBAAY,EAAC;QACTD,QAAQ,IAAIF;IAChB,GAAG;QAACH;KAAuB,CAAxB,OAAQ,uBAAGR;IAEd,qBACI,qBAACe,WAAK;QAACC,WAAWX,QAAQY,IAAI;QAAEC,IAAG;QAAKC,UAAS;kBAC7C,cAAA,sBAACC,UAAI;YAACC,MAAK;YAAKL,WAAWX,QAAQN,KAAK;WAAMK;;gBACzCL;8BACD,qBAACuB;oBAAKC,MAAK;8BAASC,IAAAA,cAAK,EAACZ,MAAMa,MAAM,CAAC;;;;;AAIvD"}

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

@@ -0,0 +1,10 @@
+declare const _default: (params: void, options?: import("@mantine/core").UseStylesOptions<string>) => {
+    classes: {
+        root: string;
+        label: string;
+    };
+    cx: (...args: any) => string;
+    theme: import("@mantine/core").MantineTheme;
+};
+export default _default;
+//# sourceMappingURL=TableLastUpdated.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableLastUpdated.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-last-updated/TableLastUpdated.styles.ts"],"names":[],"mappings":";;;;;;;;AAEA,wBAOI"}

package/dist/cjs/components/table/table-last-updated/TableLastUpdated.styles.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+var _core = require("@mantine/core");
+var _default = (0, _core.createStyles)(function(theme) {
+    return {
+        root: {
+            minHeight: "98px"
+        },
+        label: {
+            color: theme.colors.gray[6]
+        }
+    };
+});
+
+//# sourceMappingURL=TableLastUpdated.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/table/table-last-updated/TableLastUpdated.styles.ts"],"sourcesContent":["import {createStyles} from '@mantine/core';\n\nexport default createStyles((theme) => ({\n    root: {\n        minHeight: '98px',\n    },\n    label: {\n        color: theme.colors.gray[6],\n    },\n}));\n"],"names":["createStyles","theme","root","minHeight","label","color","colors","gray"],"mappings":";;;;+BAEA;;;eAAA;;;oBAF2B;IAE3B,WAAeA,IAAAA,kBAAY,EAAC,SAACC;WAAW;QACpCC,MAAM;YACFC,WAAW;QACf;QACAC,OAAO;YACHC,OAAOJ,MAAMK,MAAM,CAACC,IAAI,CAAC,EAAE;QAC/B;IACJ"}

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

@@ -0,0 +1,13 @@
+import { DefaultProps, Selectors } from '@mantine/core';
+import useStyles from './TableLastUpdated.styles';
+type TableLastUpdatedStylesNames = Selectors<typeof useStyles>;
+export interface TableLastUpdatedProps extends DefaultProps<TableLastUpdatedStylesNames> {
+    /**
+     * Label to contextualize the date
+     *
+     * @default "Last update:"
+     */
+    label?: string;
+}
+export {};
+//# sourceMappingURL=TableLastUpdated.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableLastUpdated.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-last-updated/TableLastUpdated.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAE,SAAS,EAAC,MAAM,eAAe,CAAC;AACtD,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAElD,KAAK,2BAA2B,GAAG,SAAS,CAAC,OAAO,SAAS,CAAC,CAAC;AAE/D,MAAM,WAAW,qBAAsB,SAAQ,YAAY,CAAC,2BAA2B,CAAC;IACpF;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB"}

package/dist/cjs/components/table/table-last-updated/TableLastUpdated.types.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+//# sourceMappingURL=TableLastUpdated.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/table/table-last-updated/TableLastUpdated.types.ts"],"names":[],"mappings":""}

package/dist/cjs/components/table/table-loading/TableLoading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableLoading.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-loading/TableLoading.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,aAAa,EAAC,MAAM,eAAe,CAAC;AACtD,OAAO,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAExC,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC,aAAa,CAIzD,CAAC"}

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

@@ -0,0 +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 style={{display: 'inline-block'}} {...props} sx={!props.visible ? {borderRadius: 0} : undefined}>\n        {props.children}\n    </Skeleton>\n);\n"],"names":["TableLoading","props","Skeleton","style","display","sx","visible","borderRadius","undefined","children"],"mappings":";;;;+BAGaA;;;eAAAA;;;;;;oBAHyB;AAG/B,IAAMA,eAAiD,SAACC;yBAC3D,qBAACC,cAAQ;QAACC,OAAO;YAACC,SAAS;QAAc;OAAOH;QAAOI,IAAI,CAACJ,MAAMK,OAAO,GAAG;YAACC,cAAc;QAAC,IAAIC;kBAC3FP,MAAMQ,QAAQ"}

package/dist/cjs/components/table/table-pagination/TablePagination.d.ts

@@ -0,0 +1,4 @@
+import { FunctionComponent } from 'react';
+import { TablePaginationProps } from './TablePagination.types';
+export declare const TablePagination: FunctionComponent<TablePaginationProps>;
+//# sourceMappingURL=TablePagination.d.ts.map

package/dist/cjs/components/table/table-pagination/TablePagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TablePagination.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-pagination/TablePagination.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAGxC,OAAO,EAAC,oBAAoB,EAAC,MAAM,yBAAyB,CAAC;AAE7D,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,oBAAoB,CAoCnE,CAAC"}

package/dist/cjs/components/table/{TablePagination.js → table-pagination/TablePagination.js}

@@ -12,7 +12,7 @@ var _object_spread = require("@swc/helpers/_/_object_spread");
 var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
 var _jsxruntime = require("react/jsx-runtime");
 var _core = require("@mantine/core");
-var _TableContext = require("./TableContext");
+var _TableContext = require("../TableContext");
 var TablePagination = function(param) {
     var totalPages = param.totalPages, onPageChange = param.onPageChange;
     var _useTable = (0, _TableContext.useTable)(), state = _useTable.state, setState = _useTable.setState, containerRef = _useTable.containerRef, getPageCount = _useTable.getPageCount;

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/table/table-pagination/TablePagination.tsx"],"sourcesContent":["import {Pagination} from '@mantine/core';\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    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    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":["TablePagination","totalPages","onPageChange","useTable","state","setState","containerRef","getPageCount","updatePage","newPage","prevState","pagination","pageIndex","current","scrollIntoView","behavior","total","Pagination","value","onChange","boundaries","size","spacing","getControlProps","control","component"],"mappings":";;;;+BAMaA;;;eAAAA;;;;;;oBANY;4BAGF;AAGhB,IAAMA,kBAA2D;QAAEC,mBAAAA,YAAYC,qBAAAA;IAClF,IAAsDC,YAAAA,IAAAA,sBAAQ,KAAvDC,QAA+CD,UAA/CC,OAAOC,WAAwCF,UAAxCE,UAAUC,eAA8BH,UAA9BG,cAAcC,eAAgBJ,UAAhBI;IACtC,IAAMC,aAAa,SAACC;YAChBP;SAAAA,gBAAAA,0BAAAA,oCAAAA,cAAeO,UAAU;QACzBJ,SAAS,SAACK;mBAAe,4CAClBA;gBACHC,YAAY,4CAAID,UAAUC,UAAU;oBAAEC,WAAWH,UAAU;;;;QAE/DH,aAAaO,OAAO,CAACC,cAAc,CAAC;YAACC,UAAU;QAAQ;IAC3D;IAEA,IAAMC,QAAQf,eAAe,OAAOM,iBAAiBN;IAErD,qBACI,qBAACgB,gBAAU;QACPC,OAAOd,MAAMO,UAAU,CAACC,SAAS,GAAG;QACpCO,UAAUX;QACVQ,OAAOA;QACPI,YAAY;QACZC,MAAK;QACLC,SAAQ;QACRC,iBAAiB,SAACC;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"}

package/dist/{esm/components/table/TablePagination.d.ts → cjs/components/table/table-pagination/TablePagination.types.d.ts}

@@ -1,5 +1,4 @@
-import { FunctionComponent } from 'react';
-interface TablePaginationProps {
+export interface TablePaginationProps {
     /**
      * The total number of page. Use null only if your table is paginated client side
      */
@@ -11,6 +10,4 @@ interface TablePaginationProps {
      */
     onPageChange?: (pageIndex: number) => void;
 }
-export declare const TablePagination: FunctionComponent<TablePaginationProps>;
-export {};
-//# sourceMappingURL=TablePagination.d.ts.map
+//# sourceMappingURL=TablePagination.types.d.ts.map

package/dist/cjs/components/table/table-pagination/TablePagination.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TablePagination.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-pagination/TablePagination.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,oBAAoB;IACjC;;OAEG;IACH,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B;;;;OAIG;IACH,YAAY,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C"}

package/dist/cjs/components/table/table-pagination/TablePagination.types.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+//# sourceMappingURL=TablePagination.types.js.map

package/dist/cjs/components/table/table-pagination/TablePagination.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/table/table-pagination/TablePagination.types.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,6 @@
+import { FunctionComponent } from 'react';
+import { TablePerPageProps } from './TablePerPage.types';
+export declare const TablePerPage: FunctionComponent<TablePerPageProps> & {
+    DEFAULT_SIZE: number;
+};
+//# sourceMappingURL=TablePerPage.d.ts.map

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

@@ -0,0 +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"}

package/dist/cjs/components/table/{TablePerPage.js → table-per-page/TablePerPage.js}

@@ -12,7 +12,7 @@ var _object_spread = require("@swc/helpers/_/_object_spread");
 var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
 var _jsxruntime = require("react/jsx-runtime");
 var _core = require("@mantine/core");
-var _TableContext = require("./TableContext");
+var _TableContext = require("../TableContext");
 var TablePerPage = function(param) {
     var _param_label = param.label, label = _param_label === void 0 ? "Results per page" : _param_label, _param_values = param.values, values = _param_values === void 0 ? [
         25,

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

@@ -0,0 +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":["TablePerPage","label","values","onPerPageChange","useTable","state","setState","getPageCount","updatePerPage","newPerPage","Number","prevState","pagination","pageIndex","pageSize","parseInt","Group","spacing","Text","fw","SegmentedControl","value","toString","onChange","data","map","color","size","DEFAULT_SIZE"],"mappings":";;;;+BAMaA;;;eAAAA;;;;;;oBAN+B;4BAGrB;AAGhB,IAAMA,eAA8E;6BACvFC,OAAAA,kCAAQ,yDACRC,QAAAA,oCAAS;QAAC;QAAI;QAAI;KAAI,kBACtBC,wBAAAA;QAgB2DD;IAd3D,IAAwCE,YAAAA,IAAAA,sBAAQ,KAAzCC,QAAiCD,UAAjCC,OAAOC,WAA0BF,UAA1BE,UAAUC,eAAgBH,UAAhBG;IAExB,IAAMC,gBAAgB,SAACC;YACnBN;SAAAA,mBAAAA,6BAAAA,uCAAAA,iBAAkBO,OAAOD;QACzBH,SAAS,SAACK;mBAAe,4CAClBA;gBACHC,YAAY;oBAACC,WAAW;oBAAGC,UAAUC,SAASN,YAAY;gBAAG;;;IAErE;QAMmBJ;IAJnB,OAAOE,iBAAiB,kBACpB,sBAACS,WAAK;QAACC,SAAQ;;0BACX,qBAACC,UAAI;gBAACC,IAAI;0BAAMlB;;0BAChB,qBAACmB,sBAAgB;gBACbC,OAAOhB,CAAAA,sCAAAA,MAAMO,UAAU,CAACE,QAAQ,CAACQ,QAAQ,gBAAlCjB,iDAAAA,uCAAwCH,UAAAA,oBAAAA,8BAAAA,OAAQ,CAAC,EAAE,CAACoB,QAAQ;gBACnEC,UAAUf;gBACVgB,MAAMtB,OAAOuB,GAAG,CAAC,SAACJ;2BAAUA,MAAMC,QAAQ;;gBAC1CI,OAAM;gBACNC,MAAK;;;SAGb;AACR;AAEA3B,aAAa4B,YAAY,GAAG"}

package/dist/cjs/components/table/{TablePerPage.d.ts → table-per-page/TablePerPage.types.d.ts}

@@ -1,5 +1,4 @@
-import { FunctionComponent } from 'react';
-interface TablePerPageProps {
+export interface TablePerPageProps {
     /**
      * The label displayed before the control
      *
@@ -19,8 +18,4 @@ interface TablePerPageProps {
      */
     onPerPageChange?: (perPage: number) => void;
 }
-export declare const TablePerPage: FunctionComponent<TablePerPageProps> & {
-    DEFAULT_SIZE: number;
-};
-export {};
-//# sourceMappingURL=TablePerPage.d.ts.map
+//# sourceMappingURL=TablePerPage.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TablePerPage.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-per-page/TablePerPage.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,iBAAiB;IAC9B;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB;;;;OAIG;IACH,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/C"}

package/dist/cjs/components/table/table-per-page/TablePerPage.types.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+//# sourceMappingURL=TablePerPage.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/table/table-per-page/TablePerPage.types.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,4 @@
+import { FunctionComponent } from 'react';
+import { TablePredicateProps } from './TablePredicate.types';
+export declare const TablePredicate: FunctionComponent<TablePredicateProps>;
+//# sourceMappingURL=TablePredicate.d.ts.map

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

@@ -0,0 +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"}

package/dist/cjs/components/table/{TablePredicate.js → table-predicate/TablePredicate.js}

@@ -9,21 +9,15 @@ Object.defineProperty(exports, "TablePredicate", {
     }
 });
 var _define_property = require("@swc/helpers/_/_define_property");
+var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
 var _object_spread = require("@swc/helpers/_/_object_spread");
 var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
 var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
 var _jsxruntime = require("react/jsx-runtime");
 var _core = require("@mantine/core");
-var _Tablestyles = require("./Table.styles");
-var _TableContext = require("./TableContext");
-var useStyles = (0, _core.createStyles)(function(theme) {
-    return {
-        root: {},
-        wrapper: {},
-        label: {},
-        select: {}
-    };
-});
+var _Tablestyles = require("../Table.styles");
+var _TableContext = require("../TableContext");
+var _TablePredicatestyles = /*#__PURE__*/ _interop_require_default._(require("./TablePredicate.styles"));
 var TablePredicate = function(_param) {
     var id = _param.id, data = _param.data, label = _param.label, classNames = _param.classNames, styles = _param.styles, unstyled = _param.unstyled, others = _object_without_properties._(_param, [
         "id",
@@ -33,15 +27,23 @@ var TablePredicate = function(_param) {
         "styles",
         "unstyled"
     ]);
-    var classes = useStyles(null, {
+    var classes = (0, _TablePredicatestyles.default)(null, {
         name: "TablePredicate",
         classNames: classNames,
         styles: styles,
         unstyled: unstyled
     }).classes;
-    var form = (0, _TableContext.useTable)().form;
-    var onUpdate = function(newValue) {
+    var _useTable = (0, _TableContext.useTable)(), form = _useTable.form, setState = _useTable.setState;
+    var handleChange = function(newValue) {
         form.setFieldValue("predicates", _object_spread_props._(_object_spread._({}, form.values.predicates), _define_property._({}, id, newValue)));
+        setState(function(prevState) {
+            return _object_spread_props._(_object_spread._({}, prevState), {
+                pagination: prevState.pagination ? {
+                    pageIndex: 0,
+                    pageSize: prevState.pagination.pageSize
+                } : prevState.pagination
+            });
+        });
     };
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Grid.Col, _object_spread_props._(_object_spread._({
         span: "content",
@@ -63,7 +65,7 @@ var TablePredicate = function(_param) {
                 /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Select, {
                     withinPortal: true,
                     value: form.values.predicates[id],
-                    onChange: onUpdate,
+                    onChange: handleChange,
                     data: data,
                     "aria-label": label !== null && label !== void 0 ? label : id,
                     searchable: data.length > 7,

package/dist/cjs/components/table/table-predicate/TablePredicate.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/table/table-predicate/TablePredicate.tsx"],"sourcesContent":["import {Grid, Group, Select, Text} from '@mantine/core';\nimport {FunctionComponent} from 'react';\n\nimport {TableComponentsOrder} from '../Table.styles';\nimport {useTable} from '../TableContext';\nimport useStyles from './TablePredicate.styles';\nimport {TablePredicateProps} from './TablePredicate.types';\n\nexport const TablePredicate: FunctionComponent<TablePredicateProps> = ({\n    id,\n    data,\n    label,\n    classNames,\n    styles,\n    unstyled,\n    ...others\n}) => {\n    const {classes} = useStyles(null, {name: 'TablePredicate', classNames, styles, unstyled});\n    const {form, setState} = useTable();\n\n    const handleChange = (newValue: string) => {\n        form.setFieldValue('predicates', {...form.values.predicates, [id]: newValue});\n        setState((prevState) => ({\n            ...prevState,\n            pagination: prevState.pagination\n                ? {pageIndex: 0, pageSize: prevState.pagination.pageSize}\n                : prevState.pagination,\n        }));\n    };\n\n    return (\n        <Grid.Col span=\"content\" order={TableComponentsOrder.Predicate} py=\"sm\" className={classes.root} {...others}>\n            <Group spacing=\"xs\" className={classes.wrapper}>\n                {label ? <Text className={classes.label}>{label}:</Text> : null}\n                <Select\n                    withinPortal\n                    value={form.values.predicates[id]}\n                    onChange={handleChange}\n                    data={data}\n                    aria-label={label ?? id}\n                    searchable={data.length > 7}\n                    className={classes.select}\n                />\n            </Group>\n        </Grid.Col>\n    );\n};\n"],"names":["TablePredicate","id","data","label","classNames","styles","unstyled","others","classes","useStyles","name","useTable","form","setState","handleChange","newValue","setFieldValue","values","predicates","prevState","pagination","pageIndex","pageSize","Grid","Col","span","order","TableComponentsOrder","Predicate","py","className","root","Group","spacing","wrapper","Text","Select","withinPortal","value","onChange","aria-label","searchable","length","select"],"mappings":";;;;+BAQaA;;;eAAAA;;;;;;;;;oBAR2B;2BAGL;4BACZ;6EACD;AAGf,IAAMA,iBAAyD;QAClEC,YAAAA,IACAC,cAAAA,MACAC,eAAAA,OACAC,oBAAAA,YACAC,gBAAAA,QACAC,kBAAAA,UACGC;QANHN;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,IAAM,AAACE,UAAWC,IAAAA,6BAAS,EAAC,MAAM;QAACC,MAAM;QAAkBN,YAAAA;QAAYC,QAAAA;QAAQC,UAAAA;IAAQ,GAAhFE;IACP,IAAyBG,YAAAA,IAAAA,sBAAQ,KAA1BC,OAAkBD,UAAlBC,MAAMC,WAAYF,UAAZE;IAEb,IAAMC,eAAe,SAACC;QAClBH,KAAKI,aAAa,CAAC,cAAc,4CAAIJ,KAAKK,MAAM,CAACC,UAAU,GAAE,uBAACjB,IAAKc;QACnEF,SAAS,SAACM;mBAAe,4CAClBA;gBACHC,YAAYD,UAAUC,UAAU,GAC1B;oBAACC,WAAW;oBAAGC,UAAUH,UAAUC,UAAU,CAACE,QAAQ;gBAAA,IACtDH,UAAUC,UAAU;;;IAElC;IAEA,qBACI,qBAACG,UAAI,CAACC,GAAG;QAACC,MAAK;QAAUC,OAAOC,iCAAoB,CAACC,SAAS;QAAEC,IAAG;QAAKC,WAAWtB,QAAQuB,IAAI;OAAMxB;kBACjG,cAAA,sBAACyB,WAAK;YAACC,SAAQ;YAAKH,WAAWtB,QAAQ0B,OAAO;;gBACzC/B,sBAAQ,sBAACgC,UAAI;oBAACL,WAAWtB,QAAQL,KAAK;;wBAAGA;wBAAM;;qBAAW;8BAC3D,qBAACiC,YAAM;oBACHC,YAAY;oBACZC,OAAO1B,KAAKK,MAAM,CAACC,UAAU,CAACjB,GAAG;oBACjCsC,UAAUzB;oBACVZ,MAAMA;oBACNsC,cAAYrC,kBAAAA,mBAAAA,QAASF;oBACrBwC,YAAYvC,KAAKwC,MAAM,GAAG;oBAC1BZ,WAAWtB,QAAQmC,MAAM;;;;;AAK7C"}

package/dist/cjs/components/table/table-predicate/TablePredicate.styles.d.ts

@@ -0,0 +1,12 @@
+declare const _default: (params: void, options?: import("@mantine/core").UseStylesOptions<string>) => {
+    classes: {
+        root: string;
+        wrapper: string;
+        label: string;
+        select: string;
+    };
+    cx: (...args: any) => string;
+    theme: import("@mantine/core").MantineTheme;
+};
+export default _default;
+//# sourceMappingURL=TablePredicate.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TablePredicate.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-predicate/TablePredicate.styles.ts"],"names":[],"mappings":";;;;;;;;;;AAEA,wBAKI"}

package/dist/cjs/components/table/table-predicate/TablePredicate.styles.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+var _core = require("@mantine/core");
+var _default = (0, _core.createStyles)(function(theme) {
+    return {
+        root: {},
+        wrapper: {},
+        label: {},
+        select: {}
+    };
+});
+
+//# sourceMappingURL=TablePredicate.styles.js.map

package/dist/cjs/components/table/table-predicate/TablePredicate.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/table/table-predicate/TablePredicate.styles.ts"],"sourcesContent":["import {createStyles} from '@mantine/core';\n\nexport default createStyles((theme) => ({\n    root: {},\n    wrapper: {},\n    label: {},\n    select: {},\n}));\n"],"names":["createStyles","theme","root","wrapper","label","select"],"mappings":";;;;+BAEA;;;eAAA;;;oBAF2B;IAE3B,WAAeA,IAAAA,kBAAY,EAAC,SAACC;WAAW;QACpCC,MAAM,CAAC;QACPC,SAAS,CAAC;QACVC,OAAO,CAAC;QACRC,QAAQ,CAAC;IACb"}

package/dist/cjs/components/table/table-predicate/TablePredicate.types.d.ts

@@ -0,0 +1,21 @@
+import { DefaultProps, SelectItem, Selectors } from '@mantine/core';
+import useStyles from './TablePredicate.styles';
+type TablePredicateStylesNames = Selectors<typeof useStyles>;
+export interface TablePredicateProps extends DefaultProps<TablePredicateStylesNames> {
+    /**
+     * 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: SelectItem[];
+    /**
+     * Input label (not displayed for now)
+     *
+     * @default default to the predicate id
+     */
+    label?: string;
+}
+export {};
+//# sourceMappingURL=TablePredicate.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TablePredicate.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-predicate/TablePredicate.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAE,UAAU,EAAE,SAAS,EAAC,MAAM,eAAe,CAAC;AAClE,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAEhD,KAAK,yBAAyB,GAAG,SAAS,CAAC,OAAO,SAAS,CAAC,CAAC;AAE7D,MAAM,WAAW,mBAAoB,SAAQ,YAAY,CAAC,yBAAyB,CAAC;IAChF;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,IAAI,EAAE,UAAU,EAAE,CAAC;IACnB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB"}

package/dist/cjs/components/table/table-predicate/TablePredicate.types.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+//# sourceMappingURL=TablePredicate.types.js.map

package/dist/cjs/components/table/table-predicate/TablePredicate.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/table/table-predicate/TablePredicate.types.ts"],"names":[],"mappings":""}

package/dist/cjs/{components/table → hooks}/useRowSelection.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { Table } from '@tanstack/table-core';
-import { TableProps } from './Table.types';
+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;

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

@@ -0,0 +1 @@
+{"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/cjs/{components/table → hooks}/useRowSelection.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/table/useRowSelection.ts"],"sourcesContent":["import {useClickOutside, useDidUpdate} from '@mantine/hooks';\nimport {functionalUpdate, RowSelectionState, Table} from '@tanstack/table-core';\nimport isEqual from 'fast-deep-equal';\n\nimport {useRef} from 'react';\nimport {RowSelectionWithData, TableProps, TableState} from './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":["useRowSelection","table","onRowSelectionChange","multiRowSelectionEnabled","additionalRootNodes","outsideClickRef","useRef","useClickOutside","clearSelection","current","useDidUpdate","getSelectedRows","getState","rowSelection","setOptions","prev","rowSelectionUpdater","setState","old","newRowSelection","functionalUpdate","isEqual","rows","getRowModel","rowsById","Object","keys","forEach","rowId","console","error","original","resetRowSelection","values","getSelectedRow"],"mappings":";;;;+BAOaA;;;eAAAA;;;;;;;qBAP+B;yBACa;sEACrC;qBAEC;AAGd,IAAMA,kBAAkB,SAC3BC;QAEIC,6BAAAA,sBACAC,iCAAAA,6DACAC,qBAAAA,8DAAsB,EAAE;IAG5B,IAAMC,kBAAkBC,IAAAA,aAAM;IAC9BC,IAAAA,sBAAe,EACX;QACI,IAAI,CAACJ,0BAA0B;YAC3BK;QACJ;IACJ,GACA,MACA;QAACH,gBAAgBI,OAAO;KAAyB,CAAjD,OAA0B,uBAAGL;IAGjC,0JAA0J;IAC1J,yJAAyJ;IACzJM,IAAAA,mBAAY,EAAC;YACTR;SAAAA,wBAAAA,kCAAAA,4CAAAA,sBAAuBS;IAC3B,GAAG;QAACV,MAAMW,QAAQ,GAAGC,YAAY;KAAC;IAElCZ,MAAMa,UAAU,CAAC,SAACC;eAAU,4CACrBA;YACHb,sBAAsB,SAACc;gBACnBf,MAAMgB,QAAQ,CAAC,SAACC;oBACZ,IAAMC,kBAAkBC,IAAAA,2BAAgB,EACpCJ,qBACAE,GAAG,CAAC,eAAe;oBAGvB,IAAIG,IAAAA,sBAAO,EAACH,GAAG,CAAC,eAAe,EAAEC,kBAAkB;wBAC/C,OAAOD;oBACX;oBAEA,IAAMI,OAAOrB,MAAMsB,WAAW,GAAGC,QAAQ;oBAEzCC,OAAOC,IAAI,CAACP,iBAAiBQ,OAAO,CAAC,SAACC;wBAClC,IAAIT,eAAe,CAACS,MAAM,KAAK,MAAM;gCAMRN;4BALzB,IAAI,CAACA,IAAI,CAACM,MAAM,EAAE;gCACdC,QAAQC,KAAK,CACT;4BAER;gCACyBR;4BAAzBH,eAAe,CAACS,MAAM,GAAGN,CAAAA,wBAAAA,cAAAA,IAAI,CAACM,MAAM,cAAXN,kCAAAA,YAAaS,QAAQ,cAArBT,kCAAAA,uBAA0B;wBACvD;oBACJ;oBAEA,OAAO,4CACAJ;wBACHL,cAAcM;;gBAEtB;YACJ;;;IAGJ,IAAMX,iBAAiB;QACnBP,MAAM+B,iBAAiB,CAAC;IAC5B;IAEA,IAAMrB,kBAAkB;eAAMc,OAAOQ,MAAM,CAAC,AAAChC,MAAMW,QAAQ,GAAqBC,YAAY;;QAE/DF;IAA7B,IAAMuB,iBAAiB;eAAMvB,CAAAA,oBAAAA,iBAAiB,CAAC,EAAE,cAApBA,+BAAAA,oBAAwB;;IAErD,OAAO;QAACH,gBAAAA;QAAgB0B,gBAAAA;QAAgBvB,iBAAAA;QAAiBN,iBAAAA;IAAe;AAC5E"}
+{"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":["useRowSelection","table","onRowSelectionChange","multiRowSelectionEnabled","additionalRootNodes","outsideClickRef","useRef","useClickOutside","clearSelection","current","useDidUpdate","getSelectedRows","getState","rowSelection","setOptions","prev","rowSelectionUpdater","setState","old","newRowSelection","functionalUpdate","isEqual","rows","getRowModel","rowsById","Object","keys","forEach","rowId","console","error","original","resetRowSelection","values","getSelectedRow"],"mappings":";;;;+BAOaA;;;eAAAA;;;;;;;qBAP+B;yBACa;sEACrC;qBAEC;AAGd,IAAMA,kBAAkB,SAC3BC;QAEIC,6BAAAA,sBACAC,iCAAAA,6DACAC,qBAAAA,8DAAsB,EAAE;IAG5B,IAAMC,kBAAkBC,IAAAA,aAAM;IAC9BC,IAAAA,sBAAe,EACX;QACI,IAAI,CAACJ,0BAA0B;YAC3BK;QACJ;IACJ,GACA,MACA;QAACH,gBAAgBI,OAAO;KAAyB,CAAjD,OAA0B,uBAAGL;IAGjC,0JAA0J;IAC1J,yJAAyJ;IACzJM,IAAAA,mBAAY,EAAC;YACTR;SAAAA,wBAAAA,kCAAAA,4CAAAA,sBAAuBS;IAC3B,GAAG;QAACV,MAAMW,QAAQ,GAAGC,YAAY;KAAC;IAElCZ,MAAMa,UAAU,CAAC,SAACC;eAAU,4CACrBA;YACHb,sBAAsB,SAACc;gBACnBf,MAAMgB,QAAQ,CAAC,SAACC;oBACZ,IAAMC,kBAAkBC,IAAAA,2BAAgB,EACpCJ,qBACAE,GAAG,CAAC,eAAe;oBAGvB,IAAIG,IAAAA,sBAAO,EAACH,GAAG,CAAC,eAAe,EAAEC,kBAAkB;wBAC/C,OAAOD;oBACX;oBAEA,IAAMI,OAAOrB,MAAMsB,WAAW,GAAGC,QAAQ;oBAEzCC,OAAOC,IAAI,CAACP,iBAAiBQ,OAAO,CAAC,SAACC;wBAClC,IAAIT,eAAe,CAACS,MAAM,KAAK,MAAM;gCAMRN;4BALzB,IAAI,CAACA,IAAI,CAACM,MAAM,EAAE;gCACdC,QAAQC,KAAK,CACT;4BAER;gCACyBR;4BAAzBH,eAAe,CAACS,MAAM,GAAGN,CAAAA,wBAAAA,cAAAA,IAAI,CAACM,MAAM,cAAXN,kCAAAA,YAAaS,QAAQ,cAArBT,kCAAAA,uBAA0B;wBACvD;oBACJ;oBAEA,OAAO,4CACAJ;wBACHL,cAAcM;;gBAEtB;YACJ;;;IAGJ,IAAMX,iBAAiB;QACnBP,MAAM+B,iBAAiB,CAAC;IAC5B;IAEA,IAAMrB,kBAAkB;eAAMc,OAAOQ,MAAM,CAAC,AAAChC,MAAMW,QAAQ,GAAqBC,YAAY;;QAE/DF;IAA7B,IAAMuB,iBAAiB;eAAMvB,CAAAA,oBAAAA,iBAAiB,CAAC,EAAE,cAApBA,+BAAAA,oBAAwB;;IAErD,OAAO;QAACH,gBAAAA;QAAgB0B,gBAAAA;QAAgBvB,iBAAAA;QAAiBN,iBAAAA;IAAe;AAC5E"}

package/dist/cjs/index.d.ts

@@ -10,7 +10,7 @@ export * from './components';
 export * from '@mantine/form';
 export { type NotificationProps } from '@mantine/notifications';
 export { Pagination } from '@mantine/core';
-export { Header, type HeaderProps, Table, type TableProps, type TableState, type InitialTableState, Button, type ButtonProps, Menu, type MenuItemProps, CopyToClipboard, type CopyToClipboardProps, } from './components';
+export { Header, type HeaderProps, Table, type TableProps, type TableState, type InitialTableState, ActionIcon, type ActionIconProps, Button, type ButtonProps, Menu, type MenuItemProps, CopyToClipboard, type CopyToClipboardProps, } from './components';
 export { useForm, createFormContext } from './form';
 export * from './theme';
 declare module '@mantine/core' {

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,EAAC,MAAM,eAAe,CAAC;AAEpC,OAAO,EAAC,YAAY,EAAC,MAAM,sBAAsB,CAAC;AAElD,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,YAAY,EAAC,iBAAiB,EAAC,MAAM,yBAAyB,CAAC;AAC/D,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAC,KAAK,iBAAiB,EAAC,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAC;AAEzC,OAAO,EACH,MAAM,EACN,KAAK,WAAW,EAChB,KAAK,EACL,KAAK,UAAU,EACf,KAAK,UAAU,EACf,KAAK,iBAAiB,EACtB,MAAM,EACN,KAAK,WAAW,EAChB,IAAI,EACJ,KAAK,aAAa,EAClB,eAAe,EACf,KAAK,oBAAoB,GAC5B,MAAM,cAAc,CAAC;AACtB,OAAO,EAAC,OAAO,EAAE,iBAAiB,EAAC,MAAM,QAAQ,CAAC;AAElD,cAAc,SAAS,CAAC;AAExB,OAAO,QAAQ,eAAe,CAAC;IAC3B,UAAiB,0BAA0B;QAEvC,MAAM,EAAE,MAAM,CAAC,MAAM,OAAO,YAAY,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,EAAE,KAAK,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,CAAC;KAChF;CACJ"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,EAAC,MAAM,eAAe,CAAC;AAEpC,OAAO,EAAC,YAAY,EAAC,MAAM,sBAAsB,CAAC;AAElD,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,YAAY,EAAC,iBAAiB,EAAC,MAAM,yBAAyB,CAAC;AAC/D,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAC,KAAK,iBAAiB,EAAC,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAC;AAEzC,OAAO,EACH,MAAM,EACN,KAAK,WAAW,EAChB,KAAK,EACL,KAAK,UAAU,EACf,KAAK,UAAU,EACf,KAAK,iBAAiB,EACtB,UAAU,EACV,KAAK,eAAe,EACpB,MAAM,EACN,KAAK,WAAW,EAChB,IAAI,EACJ,KAAK,aAAa,EAClB,eAAe,EACf,KAAK,oBAAoB,GAC5B,MAAM,cAAc,CAAC;AACtB,OAAO,EAAC,OAAO,EAAE,iBAAiB,EAAC,MAAM,QAAQ,CAAC;AAElD,cAAc,SAAS,CAAC;AAExB,OAAO,QAAQ,eAAe,CAAC;IAC3B,UAAiB,0BAA0B;QAEvC,MAAM,EAAE,MAAM,CAAC,MAAM,OAAO,YAAY,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,EAAE,KAAK,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,CAAC;KAChF;CACJ"}

package/dist/cjs/index.js

@@ -18,6 +18,9 @@ _export(exports, {
     Table: function() {
         return _components.Table;
     },
+    ActionIcon: function() {
+        return _components.ActionIcon;
+    },
     Button: function() {
         return _components.Button;
     },