@coveord/plasma-mantine 52.27.3 → 53.0.0

package/dist/cjs/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/cjs/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/cjs/components/table/table-last-updated/TableLastUpdated.js

@@ -20,21 +20,20 @@ var _hooks = require("@mantine/hooks");
 var _dayjs = /*#__PURE__*/ _interop_require_default._(require("dayjs"));
 var _react = require("react");
 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, [
+var defaultProps = {
+    label: "Last update:"
+};
+var TableLastUpdated = (0, _core.factory)(function(props, ref) {
+    var ctx = (0, _TableContext.useTableStyles)();
+    var _useProps = (0, _core.useProps)("PlasmaTableLastUpdated", defaultProps, props), label = _useProps.label, dependencies = _useProps.dependencies, classNames = _useProps.classNames, className = _useProps.className, styles = _useProps.styles, style = _useProps.style, vars = _useProps.vars, others = _object_without_properties._(_useProps, [
         "label",
         "dependencies",
         "classNames",
+        "className",
         "styles",
-        "unstyled"
+        "style",
+        "vars"
     ]);
-    var classes = (0, _TableLastUpdatedstyles.default)(null, {
-        name: "TableLastUpdated",
-        classNames: classNames,
-        styles: styles,
-        unstyled: unstyled
-    }).classes;
     var state = (0, _TableContext.useTable)().state;
     var _useState = _sliced_to_array._((0, _react.useState)(new Date()), 2), time = _useState[0], setTime = _useState[1];
     (0, _hooks.useDidUpdate)(function() {
@@ -42,14 +41,24 @@ var TableLastUpdated = function(_param) {
     }, [
         state
     ].concat(_to_consumable_array._(dependencies)));
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Group, {
-        className: classes.root,
+    var stylesApiProps = {
+        classNames: classNames,
+        styles: styles
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Group, _object_spread_props._(_object_spread._({
         px: "xl",
-        position: "right",
+        justify: "right",
+        ref: ref
+    }, ctx.getStyles("lastUpdatedRoot", _object_spread._({
+        className: className,
+        style: style
+    }, stylesApiProps)), others), {
         children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Text, _object_spread_props._(_object_spread._({
-            size: "xs",
-            className: classes.label
-        }, others), {
+            size: "xs"
+        }, ctx.getStyles("lastUpdatedLabel", _object_spread._({
+            className: className,
+            style: style
+        }, stylesApiProps))), {
             children: [
                 label,
                 /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
@@ -58,7 +67,7 @@ var TableLastUpdated = function(_param) {
                 })
             ]
         }))
-    });
-};
+    }));
+});
 
 //# sourceMappingURL=TableLastUpdated.js.map

package/dist/cjs/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":["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"}
+{"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":["TableLastUpdated","defaultProps","label","factory","props","ref","ctx","useTableStyles","useProps","dependencies","classNames","className","styles","style","vars","others","state","useTable","useState","Date","time","setTime","useDidUpdate","stylesApiProps","Group","px","justify","getStyles","Text","size","span","role","dayjs","format"],"mappings":";;;;+BA6BaA;;;eAAAA;;;;;;;;;;oBA7BmD;qBAErC;8DACT;qBACK;4BACgB;AAoBvC,IAAMC,eAA+C;IACjDC,OAAO;AACX;AAEO,IAAMF,mBAAmBG,IAAAA,aAAO,EAA0B,SAACC,OAAOC;IACrE,IAAMC,MAAMC,IAAAA,4BAAc;IAC1B,IAAqFC,YAAAA,IAAAA,cAAQ,EACzF,0BACAP,cACAG,QAHGF,QAA8EM,UAA9EN,OAAOO,eAAuED,UAAvEC,cAAcC,aAAyDF,UAAzDE,YAAYC,YAA6CH,UAA7CG,WAAWC,SAAkCJ,UAAlCI,QAAQC,QAA0BL,UAA1BK,OAAOC,OAAmBN,UAAnBM,MAASC,sCAAUP;QAA9EN;QAAOO;QAAcC;QAAYC;QAAWC;QAAQC;QAAOC;;IAKlE,IAAM,AAACE,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,uBAAGP;IAEd,IAAMc,iBAAiB;QAACb,YAAAA;QAAYE,QAAAA;IAAM;IAE1C,qBACI,qBAACY,WAAK;QACFC,IAAG;QACHC,SAAQ;QACRrB,KAAKA;OACDC,IAAIqB,SAAS,CAAC,mBAAmB;QAAChB,WAAAA;QAAWE,OAAAA;OAAUU,kBACvDR;kBAEJ,cAAA,sBAACa,UAAI;YAACC,MAAK;WAASvB,IAAIqB,SAAS,CAAC,oBAAoB;YAAChB,WAAAA;YAAWE,OAAAA;WAAUU;;gBACvErB;8BACD,qBAAC4B;oBAAKC,MAAK;8BAASC,IAAAA,cAAK,EAACZ,MAAMa,MAAM,CAAC;;;;;AAIvD"}

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

@@ -14,7 +14,7 @@ var _jsxruntime = require("react/jsx-runtime");
 var _core = require("@mantine/core");
 var TableLoading = function(props) {
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Skeleton, _object_spread_props._(_object_spread._({}, props), {
-        sx: !props.visible ? {
+        style: !props.visible ? {
             borderRadius: 0
         } : undefined,
         children: props.children

package/dist/cjs/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":["TableLoading","props","Skeleton","sx","visible","borderRadius","undefined","children"],"mappings":";;;;+BAGaA;;;eAAAA;;;;;;oBAHyB;AAG/B,IAAMA,eAAiD,SAACC;yBAC3D,qBAACC,cAAQ,8CAAKD;QAAOE,IAAI,CAACF,MAAMG,OAAO,GAAG;YAACC,cAAc;QAAC,IAAIC;kBACzDL,MAAMM,QAAQ"}
+{"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":["TableLoading","props","Skeleton","style","visible","borderRadius","undefined","children"],"mappings":";;;;+BAGaA;;;eAAAA;;;;;;oBAHyB;AAG/B,IAAMA,eAAiD,SAACC;yBAC3D,qBAACC,cAAQ,8CAAKD;QAAOE,OAAO,CAACF,MAAMG,OAAO,GAAG;YAACC,cAAc;QAAC,IAAIC;kBAC5DL,MAAMM,QAAQ"}

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

@@ -1 +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"}
+{"version":3,"file":"TablePagination.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-pagination/TablePagination.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAGxC,OAAO,EAAC,oBAAoB,EAAC,MAAM,yBAAyB,CAAC;AAE7D,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,oBAAoB,CA2CnE,CAAC"}

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

@@ -12,6 +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 _hooks = require("@mantine/hooks");
 var _TableContext = require("../TableContext");
 var TablePagination = function(param) {
     var totalPages = param.totalPages, onPageChange = param.onPageChange;
@@ -31,13 +32,21 @@ var TablePagination = function(param) {
         });
     };
     var total = totalPages === null ? getPageCount() : totalPages;
+    (0, _hooks.useDidUpdate)(function() {
+        if (state.pagination.pageIndex + 1 > total && total > 0) {
+            updatePage(total);
+        }
+    }, [
+        state.pagination.pageIndex,
+        total
+    ]);
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Pagination, {
         value: state.pagination.pageIndex + 1,
         onChange: updatePage,
         total: total,
         boundaries: 0,
         size: "md",
-        spacing: "xs",
+        gap: "xs",
         getControlProps: function(control) {
             switch(control){
                 case "previous":

package/dist/cjs/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 {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"}
+{"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":["TablePagination","totalPages","onPageChange","useTable","state","setState","containerRef","getPageCount","updatePage","newPage","prevState","pagination","pageIndex","current","scrollIntoView","behavior","total","useDidUpdate","Pagination","value","onChange","boundaries","size","gap","getControlProps","control","component"],"mappings":";;;;+BAOaA;;;eAAAA;;;;;;oBAPY;qBACE;4BAGJ;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;IAEtC,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;IAErDgB,IAAAA,mBAAY,EAAC;QACT,IAAIb,MAAMO,UAAU,CAACC,SAAS,GAAG,IAAII,SAASA,QAAQ,GAAG;YACrDR,WAAWQ;QACf;IACJ,GAAG;QAACZ,MAAMO,UAAU,CAACC,SAAS;QAAEI;KAAM;IAEtC,qBACI,qBAACE,gBAAU;QACPC,OAAOf,MAAMO,UAAU,CAACC,SAAS,GAAG;QACpCQ,UAAUZ;QACVQ,OAAOA;QACPK,YAAY;QACZC,MAAK;QACLC,KAAI;QACJC,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/cjs/components/table/table-per-page/TablePerPage.js

@@ -35,7 +35,7 @@ var TablePerPage = function(param) {
     };
     var _state_pagination_pageSize_toString;
     return getPageCount() > 0 ? /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Group, {
-        spacing: "sm",
+        gap: "sm",
         children: [
             /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Text, {
                 fw: 500,

package/dist/cjs/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":["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"}
+{"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                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","gap","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,KAAI;;0BACP,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/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/cjs/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"}

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

@@ -9,30 +9,26 @@ 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 _Table = require("../Table");
 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, [
+var defaultProps = {};
+var TablePredicate = (0, _core.factory)(function(props, ref) {
+    var ctx = (0, _TableContext.useTableStyles)();
+    var _useProps = (0, _core.useProps)("PlasmaTablePredicate", defaultProps, props), id = _useProps.id, data = _useProps.data, label = _useProps.label, classNames = _useProps.classNames, className = _useProps.className, styles = _useProps.styles, style = _useProps.style, vars = _useProps.vars, others = _object_without_properties._(_useProps, [
         "id",
         "data",
         "label",
         "classNames",
+        "className",
         "styles",
-        "unstyled"
+        "style",
+        "vars"
     ]);
-    var classes = (0, _TablePredicatestyles.default)(null, {
-        name: "TablePredicate",
-        classNames: classNames,
-        styles: styles,
-        unstyled: unstyled
-    }).classes;
     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)));
@@ -45,35 +41,41 @@ var TablePredicate = function(_param) {
             });
         });
     };
+    var stylesApiProps = {
+        classNames: classNames,
+        styles: styles
+    };
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Grid.Col, _object_spread_props._(_object_spread._({
         span: "content",
-        order: _Tablestyles.TableComponentsOrder.Predicate,
-        py: "sm",
-        className: classes.root
-    }, others), {
-        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Group, {
-            spacing: "xs",
-            className: classes.wrapper,
+        order: _Table.TableComponentsOrder.Predicate,
+        ref: ref
+    }, ctx.getStyles("predicate", _object_spread._({
+        className: className,
+        style: style
+    }, stylesApiProps)), others), {
+        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Group, _object_spread_props._(_object_spread._({
+            gap: "xs"
+        }, ctx.getStyles("predicateWrapper", stylesApiProps)), {
             children: [
-                label ? /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Text, {
-                    className: classes.label,
+                label ? /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Text, _object_spread_props._(_object_spread._({}, ctx.getStyles("predicateLabel", stylesApiProps)), {
                     children: [
                         label,
                         ":"
                     ]
-                }) : null,
-                /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Select, {
-                    withinPortal: true,
+                })) : null,
+                /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Select, _object_spread._({
+                    comboboxProps: {
+                        withinPortal: true
+                    },
                     value: form.values.predicates[id],
                     onChange: handleChange,
                     data: data,
                     "aria-label": label !== null && label !== void 0 ? label : id,
-                    searchable: data.length > 7,
-                    className: classes.select
-                })
+                    searchable: data.length > 7
+                }, ctx.getStyles("predicateSelect", stylesApiProps)))
             ]
-        })
+        }))
     }));
-};
+});
 
 //# sourceMappingURL=TablePredicate.js.map

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

@@ -1 +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"}
+{"version":3,"sources":["../../../../../src/components/table/table-predicate/TablePredicate.tsx"],"sourcesContent":["import {BoxProps, ComboboxData, factory, Factory, Grid, Group, Select, Text, useProps} from '@mantine/core';\nimport {CompoundStylesApiProps} from '@mantine/core/lib/core/styles-api/styles-api.types';\nimport {FunctionComponent} from 'react';\n\nimport {TableComponentsOrder} from '../Table';\nimport {useTable, useTableStyles} from '../TableContext';\n\nexport type TablePredicateStylesNames = 'predicate' | 'predicateWrapper' | 'predicateLabel' | 'predicateSelect';\n\nexport interface TablePredicateProps extends BoxProps, CompoundStylesApiProps<TablePredicateFactory> {\n    /**\n     * Unique identifier for this predicate. Will be used to access the selected value in the table state\n     */\n    id: string;\n    /**\n     * The values to display in the predicate\n     */\n    data: ComboboxData;\n    /**\n     * Input label (not displayed for now)\n     *\n     * @default default to the predicate id\n     */\n    label?: string;\n}\n\nexport type TablePredicateFactory = Factory<{\n    props: TablePredicateProps;\n    ref: HTMLDivElement;\n    stylesNames: TablePredicateStylesNames;\n    compound: true;\n}>;\n\nconst defaultProps: Partial<TablePredicateProps> = {};\n\nexport const TablePredicate: FunctionComponent<TablePredicateProps> = factory<TablePredicateFactory>((props, ref) => {\n    const ctx = useTableStyles();\n    const {id, data, label, classNames, className, styles, style, vars, ...others} = useProps(\n        'PlasmaTablePredicate',\n        defaultProps,\n        props,\n    );\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    const stylesApiProps = {classNames, styles};\n\n    return (\n        <Grid.Col\n            span=\"content\"\n            order={TableComponentsOrder.Predicate}\n            ref={ref}\n            {...ctx.getStyles('predicate', {className, style, ...stylesApiProps})}\n            {...others}\n        >\n            <Group gap=\"xs\" {...ctx.getStyles('predicateWrapper', stylesApiProps)}>\n                {label ? <Text {...ctx.getStyles('predicateLabel', stylesApiProps)}>{label}:</Text> : null}\n                <Select\n                    comboboxProps={{withinPortal: true}}\n                    value={form.values.predicates[id]}\n                    onChange={handleChange}\n                    data={data}\n                    aria-label={label ?? id}\n                    searchable={data.length > 7}\n                    {...ctx.getStyles('predicateSelect', stylesApiProps)}\n                />\n            </Group>\n        </Grid.Col>\n    );\n});\n"],"names":["TablePredicate","defaultProps","factory","props","ref","ctx","useTableStyles","useProps","id","data","label","classNames","className","styles","style","vars","others","useTable","form","setState","handleChange","newValue","setFieldValue","values","predicates","prevState","pagination","pageIndex","pageSize","stylesApiProps","Grid","Col","span","order","TableComponentsOrder","Predicate","getStyles","Group","gap","Text","Select","comboboxProps","withinPortal","value","onChange","aria-label","searchable","length"],"mappings":";;;;+BAmCaA;;;eAAAA;;;;;;;;oBAnC+E;qBAIzD;4BACI;AA4BvC,IAAMC,eAA6C,CAAC;AAE7C,IAAMD,iBAAyDE,IAAAA,aAAO,EAAwB,SAACC,OAAOC;IACzG,IAAMC,MAAMC,IAAAA,4BAAc;IAC1B,IAAiFC,YAAAA,IAAAA,cAAQ,EACrF,wBACAN,cACAE,QAHGK,KAA0ED,UAA1EC,IAAIC,OAAsEF,UAAtEE,MAAMC,QAAgEH,UAAhEG,OAAOC,aAAyDJ,UAAzDI,YAAYC,YAA6CL,UAA7CK,WAAWC,SAAkCN,UAAlCM,QAAQC,QAA0BP,UAA1BO,OAAOC,OAAmBR,UAAnBQ,MAASC,sCAAUT;QAA1EC;QAAIC;QAAMC;QAAOC;QAAYC;QAAWC;QAAQC;QAAOC;;IAK9D,IAAyBE,YAAAA,IAAAA,sBAAQ,KAA1BC,OAAkBD,UAAlBC,MAAMC,WAAYF,UAAZE;IAEb,IAAMC,eAAe,SAACC;QAClBH,KAAKI,aAAa,CAAC,cAAc,4CAAIJ,KAAKK,MAAM,CAACC,UAAU,GAAE,uBAAChB,IAAKa;QACnEF,SAAS,SAACM;mBAAe,4CAClBA;gBACHC,YAAYD,UAAUC,UAAU,GAC1B;oBAACC,WAAW;oBAAGC,UAAUH,UAAUC,UAAU,CAACE,QAAQ;gBAAA,IACtDH,UAAUC,UAAU;;;IAElC;IAEA,IAAMG,iBAAiB;QAAClB,YAAAA;QAAYE,QAAAA;IAAM;IAE1C,qBACI,qBAACiB,UAAI,CAACC,GAAG;QACLC,MAAK;QACLC,OAAOC,2BAAoB,CAACC,SAAS;QACrC/B,KAAKA;OACDC,IAAI+B,SAAS,CAAC,aAAa;QAACxB,WAAAA;QAAWE,OAAAA;OAAUe,kBACjDb;kBAEJ,cAAA,sBAACqB,WAAK;YAACC,KAAI;WAASjC,IAAI+B,SAAS,CAAC,oBAAoBP;;gBACjDnB,sBAAQ,sBAAC6B,UAAI,8CAAKlC,IAAI+B,SAAS,CAAC,kBAAkBP;;wBAAkBnB;wBAAM;;sBAAW;8BACtF,qBAAC8B,YAAM;oBACHC,eAAe;wBAACC,cAAc;oBAAI;oBAClCC,OAAOzB,KAAKK,MAAM,CAACC,UAAU,CAAChB,GAAG;oBACjCoC,UAAUxB;oBACVX,MAAMA;oBACNoC,cAAYnC,kBAAAA,mBAAAA,QAASF;oBACrBsC,YAAYrC,KAAKsC,MAAM,GAAG;mBACtB1C,IAAI+B,SAAS,CAAC,mBAAmBP;;;;AAKzD"}

package/dist/cjs/hooks/useClickWithLoading.d.ts

@@ -0,0 +1,6 @@
+import { MouseEvent, MouseEventHandler } from 'react';
+export declare const useClickWithLoading: (handler?: MouseEventHandler<HTMLButtonElement>) => {
+    isLoading: boolean;
+    handleClick: (event: MouseEvent<HTMLButtonElement>) => Promise<void>;
+};
+//# sourceMappingURL=useClickWithLoading.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useClickWithLoading.d.ts","sourceRoot":"","sources":["../../../src/hooks/useClickWithLoading.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAE,iBAAiB,EAAW,MAAM,OAAO,CAAC;AAE9D,eAAO,MAAM,mBAAmB,aAAc,kBAAkB,iBAAiB,CAAC;;yBAG5C,WAAW,iBAAiB,CAAC;CAelE,CAAC"}

package/dist/cjs/hooks/useClickWithLoading.js

@@ -0,0 +1,76 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useClickWithLoading", {
+    enumerable: true,
+    get: function() {
+        return useClickWithLoading;
+    }
+});
+var _async_to_generator = require("@swc/helpers/_/_async_to_generator");
+var _instanceof = require("@swc/helpers/_/_instanceof");
+var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
+var _ts_generator = require("@swc/helpers/_/_ts_generator");
+var _react = require("react");
+var useClickWithLoading = function(handler) {
+    var _useState = _sliced_to_array._((0, _react.useState)(false), 2), isLoading = _useState[0], setIsLoading = _useState[1];
+    var handleClick = function() {
+        var _ref = _async_to_generator._(function(event) {
+            var _handler, possiblePromise, err;
+            return _ts_generator._(this, function(_state) {
+                switch(_state.label){
+                    case 0:
+                        possiblePromise = (_handler = handler) === null || _handler === void 0 ? void 0 : _handler(event);
+                        _state.label = 1;
+                    case 1:
+                        _state.trys.push([
+                            1,
+                            4,
+                            ,
+                            5
+                        ]);
+                        if (!_instanceof._(possiblePromise, Promise)) return [
+                            3,
+                            3
+                        ];
+                        setIsLoading(true);
+                        return [
+                            4,
+                            possiblePromise
+                        ];
+                    case 2:
+                        _state.sent();
+                        setIsLoading(false);
+                        _state.label = 3;
+                    case 3:
+                        return [
+                            3,
+                            5
+                        ];
+                    case 4:
+                        err = _state.sent();
+                        setIsLoading(false);
+                        console.error(err);
+                        return [
+                            3,
+                            5
+                        ];
+                    case 5:
+                        return [
+                            2
+                        ];
+                }
+            });
+        });
+        return function handleClick(event) {
+            return _ref.apply(this, arguments);
+        };
+    }();
+    return {
+        isLoading: isLoading,
+        handleClick: handleClick
+    };
+};
+
+//# sourceMappingURL=useClickWithLoading.js.map

package/dist/cjs/hooks/useClickWithLoading.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/useClickWithLoading.ts"],"sourcesContent":["import {MouseEvent, MouseEventHandler, useState} from 'react';\n\nexport const useClickWithLoading = (handler?: MouseEventHandler<HTMLButtonElement>) => {\n    const [isLoading, setIsLoading] = useState(false);\n\n    const handleClick = async (event: MouseEvent<HTMLButtonElement>) => {\n        const possiblePromise: unknown = handler?.(event);\n        try {\n            if (possiblePromise instanceof Promise) {\n                setIsLoading(true);\n                await possiblePromise;\n                setIsLoading(false);\n            }\n        } catch (err) {\n            setIsLoading(false);\n            console.error(err);\n        }\n    };\n\n    return {isLoading, handleClick};\n};\n"],"names":["useClickWithLoading","handler","useState","isLoading","setIsLoading","handleClick","event","possiblePromise","err","Promise","console","error"],"mappings":";;;;+BAEaA;;;eAAAA;;;;;;;qBAFyC;AAE/C,IAAMA,sBAAsB,SAACC;IAChC,IAAkCC,+BAAAA,IAAAA,eAAQ,EAAC,YAApCC,YAA2BD,cAAhBE,eAAgBF;IAElC,IAAMG;mBAAc,sBAAA,SAAOC;gBACUL,UAA3BM,iBAOGC;;;;wBAPHD,mBAA2BN,WAAAA,qBAAAA,+BAAAA,SAAUK;;;;;;;;;6BAEnCC,AAAe,aAAYE,CAA3BF,iBAA2BE,UAA3BF;;;;wBACAH,aAAa;wBACb;;4BAAMG;;;wBAAN;wBACAH,aAAa;;;;;;;;wBAEZI;wBACLJ,aAAa;wBACbM,QAAQC,KAAK,CAACH;;;;;;;;;;;QAEtB;wBAZMH,YAAqBC;;;;IAc3B,OAAO;QAACH,WAAAA;QAAWE,aAAAA;IAAW;AAClC"}

package/dist/cjs/index.d.ts

@@ -1,21 +1,21 @@
-import { Tuple } from '@mantine/core';
+import { MantineColorsTuple } from '@mantine/core';
+import { noop } from '@mantine/core';
 import { PlasmaColors } from './theme/PlasmaColors';
-export * from '@mantine/notifications';
 export * from '@mantine/carousel';
 export * from '@mantine/core';
-export type { FormValidateInput } from '@mantine/form/lib/types';
+export { Pagination } from '@mantine/core';
+export * from '@mantine/form';
 export * from '@mantine/hooks';
+export * from '@mantine/notifications';
+export { type NotificationsProps } from '@mantine/notifications';
 export * from '@tanstack/table-core';
 export * from './components';
-export * from '@mantine/form';
-export { type NotificationProps } from '@mantine/notifications';
-export { Pagination } from '@mantine/core';
-export { BrowserPreview, 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 { noop };
+export { ActionIcon, BrowserPreview, Button, CopyToClipboard, Header, Menu, Table, type ActionIconProps, type ButtonProps, type CopyToClipboardProps, type HeaderProps, type InitialTableState, type MenuItemProps, type TableProps, type TableState, } from './components';
 export * from './theme';
 declare module '@mantine/core' {
     interface MantineThemeColorsOverride {
-        colors: Record<keyof typeof PlasmaColors | (string & {}), Tuple<string, 10>>;
+        colors: Record<keyof typeof PlasmaColors | (string & {}), MantineColorsTuple>;
     }
 }
 //# sourceMappingURL=index.d.ts.map

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,cAAc,EACd,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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,kBAAkB,EAAC,MAAM,eAAe,CAAC;AAEjD,OAAO,EAAC,IAAI,EAAC,MAAM,eAAe,CAAC;AACnC,OAAO,EAAC,YAAY,EAAC,MAAM,sBAAsB,CAAC;AAElD,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAC;AACzC,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAC,KAAK,kBAAkB,EAAC,MAAM,wBAAwB,CAAC;AAC/D,cAAc,sBAAsB,CAAC;AACrC,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAC,IAAI,EAAC,CAAC;AAGd,OAAO,EACH,UAAU,EACV,cAAc,EACd,MAAM,EACN,eAAe,EACf,MAAM,EACN,IAAI,EACJ,KAAK,EACL,KAAK,eAAe,EACpB,KAAK,WAAW,EAChB,KAAK,oBAAoB,EACzB,KAAK,WAAW,EAChB,KAAK,iBAAiB,EACtB,KAAK,aAAa,EAClB,KAAK,UAAU,EACf,KAAK,UAAU,GAClB,MAAM,cAAc,CAAC;AAEtB,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,kBAAkB,CAAC,CAAC;KACjF;CACJ"}

package/dist/cjs/index.js

@@ -12,43 +12,39 @@ _export(exports, {
     Pagination: function() {
         return _core.Pagination;
     },
-    BrowserPreview: function() {
-        return _components.BrowserPreview;
-    },
-    Header: function() {
-        return _components.Header;
-    },
-    Table: function() {
-        return _components.Table;
+    noop: function() {
+        return _core.noop;
     },
     ActionIcon: function() {
         return _components.ActionIcon;
     },
+    BrowserPreview: function() {
+        return _components.BrowserPreview;
+    },
     Button: function() {
         return _components.Button;
     },
-    Menu: function() {
-        return _components.Menu;
-    },
     CopyToClipboard: function() {
         return _components.CopyToClipboard;
     },
-    useForm: function() {
-        return _form.useForm;
+    Header: function() {
+        return _components.Header;
     },
-    createFormContext: function() {
-        return _form.createFormContext;
+    Menu: function() {
+        return _components.Menu;
+    },
+    Table: function() {
+        return _components.Table;
     }
 });
 var _export_star = require("@swc/helpers/_/_export_star");
-_export_star._(require("@mantine/notifications"), exports);
-_export_star._(require("@mantine/carousel"), exports);
 var _core = _export_star._(require("@mantine/core"), exports);
+_export_star._(require("@mantine/carousel"), exports);
+_export_star._(require("@mantine/form"), exports);
 _export_star._(require("@mantine/hooks"), exports);
+_export_star._(require("@mantine/notifications"), exports);
 _export_star._(require("@tanstack/table-core"), exports);
 var _components = _export_star._(require("./components"), exports);
-_export_star._(require("@mantine/form"), exports);
-var _form = require("./form");
 _export_star._(require("./theme"), exports);
 
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["import {Tuple} from '@mantine/core';\n\nimport {PlasmaColors} from './theme/PlasmaColors';\n\nexport * from '@mantine/notifications';\nexport * from '@mantine/carousel';\nexport * from '@mantine/core';\nexport type {FormValidateInput} from '@mantine/form/lib/types';\nexport * from '@mantine/hooks';\nexport * from '@tanstack/table-core';\nexport * from './components';\nexport * from '@mantine/form';\nexport {type NotificationProps} from '@mantine/notifications';\nexport {Pagination} from '@mantine/core';\n// explicitly overriding mantine components\nexport {\n    BrowserPreview,\n    Header,\n    type HeaderProps,\n    Table,\n    type TableProps,\n    type TableState,\n    type InitialTableState,\n    ActionIcon,\n    type ActionIconProps,\n    Button,\n    type ButtonProps,\n    Menu,\n    type MenuItemProps,\n    CopyToClipboard,\n    type CopyToClipboardProps,\n} from './components';\nexport {useForm, createFormContext} from './form';\n\nexport * from './theme';\n\ndeclare module '@mantine/core' {\n    export interface MantineThemeColorsOverride {\n        // eslint-disable-next-line @typescript-eslint/ban-types\n        colors: Record<keyof typeof PlasmaColors | (string & {}), Tuple<string, 10>>;\n    }\n}\n"],"names":["Pagination","BrowserPreview","Header","Table","ActionIcon","Button","Menu","CopyToClipboard","useForm","createFormContext"],"mappings":";;;;;;;;;;;IAaQA,UAAU;eAAVA,gBAAU;;IAGdC,cAAc;eAAdA,0BAAc;;IACdC,MAAM;eAANA,kBAAM;;IAENC,KAAK;eAALA,iBAAK;;IAILC,UAAU;eAAVA,sBAAU;;IAEVC,MAAM;eAANA,kBAAM;;IAENC,IAAI;eAAJA,gBAAI;;IAEJC,eAAe;eAAfA,2BAAe;;IAGXC,OAAO;eAAPA,aAAO;;IAAEC,iBAAiB;eAAjBA,uBAAiB;;;;uBA5BpB;uBACA;mCACA;uBAEA;uBACA;yCACA;uBACA;oBAqB2B;uBAE3B"}
+{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["import {MantineColorsTuple} from '@mantine/core';\n\nimport {noop} from '@mantine/core';\nimport {PlasmaColors} from './theme/PlasmaColors';\n\nexport * from '@mantine/carousel';\nexport * from '@mantine/core';\nexport {Pagination} from '@mantine/core';\nexport * from '@mantine/form';\nexport * from '@mantine/hooks';\nexport * from '@mantine/notifications';\nexport {type NotificationsProps} from '@mantine/notifications';\nexport * from '@tanstack/table-core';\nexport * from './components';\nexport {noop};\n\n// explicitly overriding mantine components\nexport {\n    ActionIcon,\n    BrowserPreview,\n    Button,\n    CopyToClipboard,\n    Header,\n    Menu,\n    Table,\n    type ActionIconProps,\n    type ButtonProps,\n    type CopyToClipboardProps,\n    type HeaderProps,\n    type InitialTableState,\n    type MenuItemProps,\n    type TableProps,\n    type TableState,\n} from './components';\n\nexport * from './theme';\n\ndeclare module '@mantine/core' {\n    export interface MantineThemeColorsOverride {\n        // eslint-disable-next-line @typescript-eslint/ban-types\n        colors: Record<keyof typeof PlasmaColors | (string & {}), MantineColorsTuple>;\n    }\n}\n"],"names":["Pagination","noop","ActionIcon","BrowserPreview","Button","CopyToClipboard","Header","Menu","Table"],"mappings":";;;;;;;;;;;IAOQA,UAAU;eAAVA,gBAAU;;IAOVC,IAAI;eAAJA,UAAI;;IAIRC,UAAU;eAAVA,sBAAU;;IACVC,cAAc;eAAdA,0BAAc;;IACdC,MAAM;eAANA,kBAAM;;IACNC,eAAe;eAAfA,2BAAe;;IACfC,MAAM;eAANA,kBAAM;;IACNC,IAAI;eAAJA,gBAAI;;IACJC,KAAK;eAALA,iBAAK;;;;mCAtBU;uBAGL;uBAGA;uBACA;uBACA;uBAEA;yCACA;uBAsBA"}

package/dist/cjs/styles/ActionIcon.module.css

@@ -0,0 +1,6 @@
+.root {
+    &[data-disabled] {
+        color: var(--mantine-color-gray-4);
+        background-color: var(--mantine-color-gray-1);
+    }
+}