@coveord/plasma-mantine 52.26.2 → 52.26.4

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

@@ -1,16 +1,14 @@
-import { createStyles } from "@mantine/core";
-export default createStyles(function(theme) {
-    return {
+import { createStyles } from '@mantine/core';
+export default createStyles((theme)=>({
         root: {
-            flexDirection: "row-reverse",
-            flexWrap: "wrap-reverse",
-            background: "repeating-linear-gradient(".concat(theme.colors.gray[1], ", ").concat(theme.colors.gray[1], " 68px, ").concat(theme.colors.gray[3], " 68px, ").concat(theme.colors.gray[3], " 69px)"),
-            borderBottom: "1px solid ".concat(theme.colors.gray[3])
+            flexDirection: 'row-reverse',
+            flexWrap: 'wrap-reverse',
+            background: `repeating-linear-gradient(${theme.colors.gray[1]}, ${theme.colors.gray[1]} 68px, ${theme.colors.gray[3]} 68px, ${theme.colors.gray[3]} 69px)`,
+            borderBottom: `1px solid ${theme.colors.gray[3]}`
         },
         multiSelectInfo: {
-            display: "flex"
+            display: 'flex'
         }
-    };
-});
+    }));
 
 //# sourceMappingURL=TableHeader.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/table/table-header/TableHeader.styles.ts"],"sourcesContent":["import {createStyles} from '@mantine/core';\n\nexport default createStyles((theme) => ({\n    root: {\n        flexDirection: 'row-reverse',\n        flexWrap: 'wrap-reverse',\n        background: `repeating-linear-gradient(${theme.colors.gray[1]}, ${theme.colors.gray[1]} 68px, ${theme.colors.gray[3]} 68px, ${theme.colors.gray[3]} 69px)`,\n        borderBottom: `1px solid ${theme.colors.gray[3]}`,\n    },\n    multiSelectInfo: {\n        display: 'flex',\n    },\n}));\n"],"names":["createStyles","theme","root","flexDirection","flexWrap","background","colors","gray","borderBottom","multiSelectInfo","display"],"mappings":"AAAA,SAAQA,YAAY,QAAO,gBAAgB;AAE3C,eAAeA,aAAa,SAACC;WAAW;QACpCC,MAAM;YACFC,eAAe;YACfC,UAAU;YACVC,YAAY,AAAC,6BAAqDJ,OAAzBA,MAAMK,MAAM,CAACC,IAAI,CAAC,EAAE,EAAC,MAAkCN,OAA9BA,MAAMK,MAAM,CAACC,IAAI,CAAC,EAAE,EAAC,WAAuCN,OAA9BA,MAAMK,MAAM,CAACC,IAAI,CAAC,EAAE,EAAC,WAA8B,OAArBN,MAAMK,MAAM,CAACC,IAAI,CAAC,EAAE,EAAC;YACnJC,cAAc,AAAC,aAAiC,OAArBP,MAAMK,MAAM,CAACC,IAAI,CAAC,EAAE;QACnD;QACAE,iBAAiB;YACbC,SAAS;QACb;IACJ;GAAI"}
+{"version":3,"sources":["../../../../../src/components/table/table-header/TableHeader.styles.ts"],"sourcesContent":["import {createStyles} from '@mantine/core';\n\nexport default createStyles((theme) => ({\n    root: {\n        flexDirection: 'row-reverse',\n        flexWrap: 'wrap-reverse',\n        background: `repeating-linear-gradient(${theme.colors.gray[1]}, ${theme.colors.gray[1]} 68px, ${theme.colors.gray[3]} 68px, ${theme.colors.gray[3]} 69px)`,\n        borderBottom: `1px solid ${theme.colors.gray[3]}`,\n    },\n    multiSelectInfo: {\n        display: 'flex',\n    },\n}));\n"],"names":["createStyles","theme","root","flexDirection","flexWrap","background","colors","gray","borderBottom","multiSelectInfo","display"],"mappings":"AAAA,SAAQA,YAAY,QAAO,gBAAgB;AAE3C,eAAeA,aAAa,CAACC,QAAW,CAAA;QACpCC,MAAM;YACFC,eAAe;YACfC,UAAU;YACVC,YAAY,CAAC,0BAA0B,EAAEJ,MAAMK,MAAM,CAACC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAEN,MAAMK,MAAM,CAACC,IAAI,CAAC,EAAE,CAAC,OAAO,EAAEN,MAAMK,MAAM,CAACC,IAAI,CAAC,EAAE,CAAC,OAAO,EAAEN,MAAMK,MAAM,CAACC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC;YAC1JC,cAAc,CAAC,UAAU,EAAEP,MAAMK,MAAM,CAACC,IAAI,CAAC,EAAE,CAAC,CAAC;QACrD;QACAE,iBAAiB;YACbC,SAAS;QACb;IACJ,CAAA,GAAI"}

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

@@ -1,43 +1,35 @@
-import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
-import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
-import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ArrowDownSize16Px, ArrowUpSize16Px, DoubleArrowHeadVSize16Px } from "@coveord/plasma-react-icons";
-import { Group, UnstyledButton, useComponentDefaultProps } from "@mantine/core";
-import { defaultColumnSizing, flexRender } from "@tanstack/react-table";
-import useStyles from "./Th.styles";
-var SortingIcons = {
+import { ArrowDownSize16Px, ArrowUpSize16Px, DoubleArrowHeadVSize16Px } from '@coveord/plasma-react-icons';
+import { Group, UnstyledButton, useComponentDefaultProps } from '@mantine/core';
+import { defaultColumnSizing, flexRender } from '@tanstack/react-table';
+import useStyles from './Th.styles';
+const SortingIcons = {
     asc: ArrowUpSize16Px,
     desc: ArrowDownSize16Px,
     none: DoubleArrowHeadVSize16Px
 };
-var SortingLabels = {
-    asc: "ascending",
-    desc: "descending",
-    none: "none"
+const SortingLabels = {
+    asc: 'ascending',
+    desc: 'descending',
+    none: 'none'
 };
-var defaultProps = {
+const defaultProps = {
     sortingIcons: SortingIcons
 };
-export var Th = function(props) {
-    var _useComponentDefaultProps = useComponentDefaultProps("PlasmaTableColumnHeader", defaultProps, props), header = _useComponentDefaultProps.header, classNames = _useComponentDefaultProps.classNames, styles = _useComponentDefaultProps.styles, unstyled = _useComponentDefaultProps.unstyled, sortingIcons = _useComponentDefaultProps.sortingIcons, others = _object_without_properties(_useComponentDefaultProps, [
-        "header",
-        "classNames",
-        "styles",
-        "unstyled",
-        "sortingIcons"
-    ]);
-    var columnSizing = _object_spread_props(_object_spread({}, defaultColumnSizing), {
+export const Th = (props)=>{
+    const { header, classNames, styles, unstyled, sortingIcons, ...others } = useComponentDefaultProps('PlasmaTableColumnHeader', defaultProps, props);
+    const columnSizing = {
+        ...defaultColumnSizing,
         size: header.column.columnDef.size,
         minSize: header.column.columnDef.minSize,
         maxSize: header.column.columnDef.maxSize
+    };
+    const { classes, cx } = useStyles(columnSizing, {
+        name: 'PlasmaTableColumnHeader',
+        classNames,
+        styles,
+        unstyled
     });
-    var _useStyles = useStyles(columnSizing, {
-        name: "PlasmaTableColumnHeader",
-        classNames: classNames,
-        styles: styles,
-        unstyled: unstyled
-    }), classes = _useStyles.classes, cx = _useStyles.cx;
     if (header.isPlaceholder) {
         return null;
     }
@@ -47,15 +39,15 @@ export var Th = function(props) {
             children: flexRender(header.column.columnDef.header, header.getContext())
         });
     }
-    var onSort = header.column.getToggleSortingHandler();
-    var sortingOrder = header.column.getIsSorted() || "none";
-    var Icon = sortingIcons[sortingOrder];
-    return /*#__PURE__*/ _jsx(UnstyledButton, _object_spread_props(_object_spread({
+    const onSort = header.column.getToggleSortingHandler();
+    const sortingOrder = header.column.getIsSorted() || 'none';
+    const Icon = sortingIcons[sortingOrder];
+    return /*#__PURE__*/ _jsx(UnstyledButton, {
         component: "th",
         onClick: onSort,
         className: cx(classes.root, classes.control),
-        "aria-sort": SortingLabels[sortingOrder]
-    }, others), {
+        "aria-sort": SortingLabels[sortingOrder],
+        ...others,
         children: /*#__PURE__*/ _jsxs(Group, {
             noWrap: true,
             spacing: "xs",
@@ -67,7 +59,7 @@ export var Th = function(props) {
                 })
             ]
         })
-    }));
+    });
 };
 
 //# sourceMappingURL=Th.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/table/table-header/Th.tsx"],"sourcesContent":["import {ArrowDownSize16Px, ArrowUpSize16Px, DoubleArrowHeadVSize16Px} from '@coveord/plasma-react-icons';\nimport {Group, UnstyledButton, useComponentDefaultProps} from '@mantine/core';\nimport {defaultColumnSizing, flexRender} from '@tanstack/react-table';\nimport {AriaAttributes} from 'react';\nimport useStyles from './Th.styles';\nimport {SortState, ThProps} from './Th.types';\n\nconst SortingIcons: ThProps['sortingIcons'] = {\n    asc: ArrowUpSize16Px,\n    desc: ArrowDownSize16Px,\n    none: DoubleArrowHeadVSize16Px,\n};\n\nconst SortingLabels: Record<SortState, AriaAttributes['aria-sort']> = {\n    asc: 'ascending',\n    desc: 'descending',\n    none: 'none',\n} as const;\n\nconst defaultProps: Partial<ThProps> = {\n    sortingIcons: SortingIcons,\n};\n\nexport const Th = <T,>(props: ThProps<T>) => {\n    const {header, classNames, styles, unstyled, sortingIcons, ...others} = useComponentDefaultProps(\n        'PlasmaTableColumnHeader',\n        defaultProps as Partial<ThProps<T>>,\n        props,\n    );\n\n    const columnSizing = {\n        ...defaultColumnSizing,\n        size: header.column.columnDef.size,\n        minSize: header.column.columnDef.minSize,\n        maxSize: header.column.columnDef.maxSize,\n    };\n\n    const {classes, cx} = useStyles(columnSizing, {name: 'PlasmaTableColumnHeader', classNames, styles, unstyled});\n\n    if (header.isPlaceholder) {\n        return null;\n    }\n\n    if (!header.column.getCanSort()) {\n        return <th className={classes.root}>{flexRender(header.column.columnDef.header, header.getContext())}</th>;\n    }\n\n    const onSort = header.column.getToggleSortingHandler();\n    const sortingOrder = header.column.getIsSorted() || 'none';\n    const Icon = sortingIcons[sortingOrder];\n\n    return (\n        <UnstyledButton\n            component=\"th\"\n            onClick={onSort}\n            className={cx(classes.root, classes.control)}\n            aria-sort={SortingLabels[sortingOrder]}\n            {...others}\n        >\n            <Group noWrap spacing=\"xs\">\n                {flexRender(header.column.columnDef.header, header.getContext())}\n                <Icon height={16} width={16} />\n            </Group>\n        </UnstyledButton>\n    );\n};\n"],"names":["ArrowDownSize16Px","ArrowUpSize16Px","DoubleArrowHeadVSize16Px","Group","UnstyledButton","useComponentDefaultProps","defaultColumnSizing","flexRender","useStyles","SortingIcons","asc","desc","none","SortingLabels","defaultProps","sortingIcons","Th","props","header","classNames","styles","unstyled","others","columnSizing","size","column","columnDef","minSize","maxSize","name","classes","cx","isPlaceholder","getCanSort","th","className","root","getContext","onSort","getToggleSortingHandler","sortingOrder","getIsSorted","Icon","component","onClick","control","aria-sort","noWrap","spacing","height","width"],"mappings":";;;;AAAA,SAAQA,iBAAiB,EAAEC,eAAe,EAAEC,wBAAwB,QAAO,8BAA8B;AACzG,SAAQC,KAAK,EAAEC,cAAc,EAAEC,wBAAwB,QAAO,gBAAgB;AAC9E,SAAQC,mBAAmB,EAAEC,UAAU,QAAO,wBAAwB;AAEtE,OAAOC,eAAe,cAAc;AAGpC,IAAMC,eAAwC;IAC1CC,KAAKT;IACLU,MAAMX;IACNY,MAAMV;AACV;AAEA,IAAMW,gBAAgE;IAClEH,KAAK;IACLC,MAAM;IACNC,MAAM;AACV;AAEA,IAAME,eAAiC;IACnCC,cAAcN;AAClB;AAEA,OAAO,IAAMO,KAAK,SAAKC;IACnB,IAAwEZ,4BAAAA,yBACpE,2BACAS,cACAG,QAHGC,SAAiEb,0BAAjEa,QAAQC,aAAyDd,0BAAzDc,YAAYC,SAA6Cf,0BAA7Ce,QAAQC,WAAqChB,0BAArCgB,UAAUN,eAA2BV,0BAA3BU,cAAiBO,oCAAUjB;QAAjEa;QAAQC;QAAYC;QAAQC;QAAUN;;IAM7C,IAAMQ,eAAe,wCACdjB;QACHkB,MAAMN,OAAOO,MAAM,CAACC,SAAS,CAACF,IAAI;QAClCG,SAAST,OAAOO,MAAM,CAACC,SAAS,CAACC,OAAO;QACxCC,SAASV,OAAOO,MAAM,CAACC,SAAS,CAACE,OAAO;;IAG5C,IAAsBpB,aAAAA,UAAUe,cAAc;QAACM,MAAM;QAA2BV,YAAAA;QAAYC,QAAAA;QAAQC,UAAAA;IAAQ,IAArGS,UAAetB,WAAfsB,SAASC,KAAMvB,WAANuB;IAEhB,IAAIb,OAAOc,aAAa,EAAE;QACtB,OAAO;IACX;IAEA,IAAI,CAACd,OAAOO,MAAM,CAACQ,UAAU,IAAI;QAC7B,qBAAO,KAACC;YAAGC,WAAWL,QAAQM,IAAI;sBAAG7B,WAAWW,OAAOO,MAAM,CAACC,SAAS,CAACR,MAAM,EAAEA,OAAOmB,UAAU;;IACrG;IAEA,IAAMC,SAASpB,OAAOO,MAAM,CAACc,uBAAuB;IACpD,IAAMC,eAAetB,OAAOO,MAAM,CAACgB,WAAW,MAAM;IACpD,IAAMC,OAAO3B,YAAY,CAACyB,aAAa;IAEvC,qBACI,KAACpC;QACGuC,WAAU;QACVC,SAASN;QACTH,WAAWJ,GAAGD,QAAQM,IAAI,EAAEN,QAAQe,OAAO;QAC3CC,aAAWjC,aAAa,CAAC2B,aAAa;OAClClB;kBAEJ,cAAA,MAACnB;YAAM4C,MAAM;YAACC,SAAQ;;gBACjBzC,WAAWW,OAAOO,MAAM,CAACC,SAAS,CAACR,MAAM,EAAEA,OAAOmB,UAAU;8BAC7D,KAACK;oBAAKO,QAAQ;oBAAIC,OAAO;;;;;AAIzC,EAAE"}
+{"version":3,"sources":["../../../../../src/components/table/table-header/Th.tsx"],"sourcesContent":["import {ArrowDownSize16Px, ArrowUpSize16Px, DoubleArrowHeadVSize16Px} from '@coveord/plasma-react-icons';\nimport {Group, UnstyledButton, useComponentDefaultProps} from '@mantine/core';\nimport {defaultColumnSizing, flexRender} from '@tanstack/react-table';\nimport {AriaAttributes} from 'react';\nimport useStyles from './Th.styles';\nimport {SortState, ThProps} from './Th.types';\n\nconst SortingIcons: ThProps['sortingIcons'] = {\n    asc: ArrowUpSize16Px,\n    desc: ArrowDownSize16Px,\n    none: DoubleArrowHeadVSize16Px,\n};\n\nconst SortingLabels: Record<SortState, AriaAttributes['aria-sort']> = {\n    asc: 'ascending',\n    desc: 'descending',\n    none: 'none',\n} as const;\n\nconst defaultProps: Partial<ThProps> = {\n    sortingIcons: SortingIcons,\n};\n\nexport const Th = <T,>(props: ThProps<T>) => {\n    const {header, classNames, styles, unstyled, sortingIcons, ...others} = useComponentDefaultProps(\n        'PlasmaTableColumnHeader',\n        defaultProps as Partial<ThProps<T>>,\n        props,\n    );\n\n    const columnSizing = {\n        ...defaultColumnSizing,\n        size: header.column.columnDef.size,\n        minSize: header.column.columnDef.minSize,\n        maxSize: header.column.columnDef.maxSize,\n    };\n\n    const {classes, cx} = useStyles(columnSizing, {name: 'PlasmaTableColumnHeader', classNames, styles, unstyled});\n\n    if (header.isPlaceholder) {\n        return null;\n    }\n\n    if (!header.column.getCanSort()) {\n        return <th className={classes.root}>{flexRender(header.column.columnDef.header, header.getContext())}</th>;\n    }\n\n    const onSort = header.column.getToggleSortingHandler();\n    const sortingOrder = header.column.getIsSorted() || 'none';\n    const Icon = sortingIcons[sortingOrder];\n\n    return (\n        <UnstyledButton\n            component=\"th\"\n            onClick={onSort}\n            className={cx(classes.root, classes.control)}\n            aria-sort={SortingLabels[sortingOrder]}\n            {...others}\n        >\n            <Group noWrap spacing=\"xs\">\n                {flexRender(header.column.columnDef.header, header.getContext())}\n                <Icon height={16} width={16} />\n            </Group>\n        </UnstyledButton>\n    );\n};\n"],"names":["ArrowDownSize16Px","ArrowUpSize16Px","DoubleArrowHeadVSize16Px","Group","UnstyledButton","useComponentDefaultProps","defaultColumnSizing","flexRender","useStyles","SortingIcons","asc","desc","none","SortingLabels","defaultProps","sortingIcons","Th","props","header","classNames","styles","unstyled","others","columnSizing","size","column","columnDef","minSize","maxSize","classes","cx","name","isPlaceholder","getCanSort","th","className","root","getContext","onSort","getToggleSortingHandler","sortingOrder","getIsSorted","Icon","component","onClick","control","aria-sort","noWrap","spacing","height","width"],"mappings":";AAAA,SAAQA,iBAAiB,EAAEC,eAAe,EAAEC,wBAAwB,QAAO,8BAA8B;AACzG,SAAQC,KAAK,EAAEC,cAAc,EAAEC,wBAAwB,QAAO,gBAAgB;AAC9E,SAAQC,mBAAmB,EAAEC,UAAU,QAAO,wBAAwB;AAEtE,OAAOC,eAAe,cAAc;AAGpC,MAAMC,eAAwC;IAC1CC,KAAKT;IACLU,MAAMX;IACNY,MAAMV;AACV;AAEA,MAAMW,gBAAgE;IAClEH,KAAK;IACLC,MAAM;IACNC,MAAM;AACV;AAEA,MAAME,eAAiC;IACnCC,cAAcN;AAClB;AAEA,OAAO,MAAMO,KAAK,CAAKC;IACnB,MAAM,EAACC,MAAM,EAAEC,UAAU,EAAEC,MAAM,EAAEC,QAAQ,EAAEN,YAAY,EAAE,GAAGO,QAAO,GAAGjB,yBACpE,2BACAS,cACAG;IAGJ,MAAMM,eAAe;QACjB,GAAGjB,mBAAmB;QACtBkB,MAAMN,OAAOO,MAAM,CAACC,SAAS,CAACF,IAAI;QAClCG,SAAST,OAAOO,MAAM,CAACC,SAAS,CAACC,OAAO;QACxCC,SAASV,OAAOO,MAAM,CAACC,SAAS,CAACE,OAAO;IAC5C;IAEA,MAAM,EAACC,OAAO,EAAEC,EAAE,EAAC,GAAGtB,UAAUe,cAAc;QAACQ,MAAM;QAA2BZ;QAAYC;QAAQC;IAAQ;IAE5G,IAAIH,OAAOc,aAAa,EAAE;QACtB,OAAO;IACX;IAEA,IAAI,CAACd,OAAOO,MAAM,CAACQ,UAAU,IAAI;QAC7B,qBAAO,KAACC;YAAGC,WAAWN,QAAQO,IAAI;sBAAG7B,WAAWW,OAAOO,MAAM,CAACC,SAAS,CAACR,MAAM,EAAEA,OAAOmB,UAAU;;IACrG;IAEA,MAAMC,SAASpB,OAAOO,MAAM,CAACc,uBAAuB;IACpD,MAAMC,eAAetB,OAAOO,MAAM,CAACgB,WAAW,MAAM;IACpD,MAAMC,OAAO3B,YAAY,CAACyB,aAAa;IAEvC,qBACI,KAACpC;QACGuC,WAAU;QACVC,SAASN;QACTH,WAAWL,GAAGD,QAAQO,IAAI,EAAEP,QAAQgB,OAAO;QAC3CC,aAAWjC,aAAa,CAAC2B,aAAa;QACrC,GAAGlB,MAAM;kBAEV,cAAA,MAACnB;YAAM4C,MAAM;YAACC,SAAQ;;gBACjBzC,WAAWW,OAAOO,MAAM,CAACC,SAAS,CAACR,MAAM,EAAEA,OAAOmB,UAAU;8BAC7D,KAACK;oBAAKO,QAAQ;oBAAIC,OAAO;;;;;AAIzC,EAAE"}

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

@@ -1,33 +1,30 @@
-import { createStyles } from "@mantine/core";
-export default createStyles(function(theme, param) {
-    var maxSize = param.maxSize, minSize = param.minSize, size = param.size;
-    return {
+import { createStyles } from '@mantine/core';
+export default createStyles((theme, { maxSize, minSize, size })=>({
         root: {
-            padding: "".concat(theme.spacing.xs, " ").concat(theme.spacing.sm),
-            verticalAlign: "middle",
-            whiteSpace: "nowrap",
-            textAlign: "left",
+            padding: `${theme.spacing.xs} ${theme.spacing.sm}`,
+            verticalAlign: 'middle',
+            whiteSpace: 'nowrap',
+            textAlign: 'left',
             color: theme.colors.gray[6],
-            backgroundColor: theme.colorScheme === "dark" ? theme.colors.gray[8] : theme.colors.gray[0],
+            backgroundColor: theme.colorScheme === 'dark' ? theme.colors.gray[8] : theme.colors.gray[0],
             height: theme.spacing.xl,
-            width: size !== null && size !== void 0 ? size : "auto",
+            width: size ?? 'auto',
             minWidth: minSize,
             maxWidth: maxSize,
             fontWeight: 500,
             fontSize: theme.fontSizes.xs,
-            "&:first-of-type": {
+            '&:first-of-type': {
                 paddingLeft: theme.spacing.xl
             },
-            "&:last-of-type": {
+            '&:last-of-type': {
                 paddingRight: theme.spacing.xl
             }
         },
         control: {
-            "&:hover": {
-                backgroundColor: theme.colorScheme === "dark" ? theme.colors.gray[7] : theme.colors.gray[1]
+            '&:hover': {
+                backgroundColor: theme.colorScheme === 'dark' ? theme.colors.gray[7] : theme.colors.gray[1]
             }
         }
-    };
-});
+    }));
 
 //# sourceMappingURL=Th.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/table/table-header/Th.styles.ts"],"sourcesContent":["import {createStyles} from '@mantine/core';\n\nexport interface ThStyleParams {\n    size: number;\n    minSize: number;\n    maxSize: number;\n}\n\nexport default createStyles((theme, {maxSize, minSize, size}: ThStyleParams) => ({\n    root: {\n        padding: `${theme.spacing.xs} ${theme.spacing.sm}`,\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        height: theme.spacing.xl,\n        width: size ?? 'auto',\n        minWidth: minSize,\n        maxWidth: maxSize,\n        fontWeight: 500,\n        fontSize: theme.fontSizes.xs,\n\n        '&:first-of-type': {\n            paddingLeft: theme.spacing.xl,\n        },\n\n        '&:last-of-type': {\n            paddingRight: theme.spacing.xl,\n        },\n    },\n\n    control: {\n        '&:hover': {\n            backgroundColor: theme.colorScheme === 'dark' ? theme.colors.gray[7] : theme.colors.gray[1],\n        },\n    },\n}));\n"],"names":["createStyles","theme","maxSize","minSize","size","root","padding","spacing","xs","sm","verticalAlign","whiteSpace","textAlign","color","colors","gray","backgroundColor","colorScheme","height","xl","width","minWidth","maxWidth","fontWeight","fontSize","fontSizes","paddingLeft","paddingRight","control"],"mappings":"AAAA,SAAQA,YAAY,QAAO,gBAAgB;AAQ3C,eAAeA,aAAa,SAACC;QAAQC,gBAAAA,SAASC,gBAAAA,SAASC,aAAAA;WAA0B;QAC7EC,MAAM;YACFC,SAAS,AAAC,GAAsBL,OAApBA,MAAMM,OAAO,CAACC,EAAE,EAAC,KAAoB,OAAjBP,MAAMM,OAAO,CAACE,EAAE;YAChDC,eAAe;YACfC,YAAY;YACZC,WAAW;YACXC,OAAOZ,MAAMa,MAAM,CAACC,IAAI,CAAC,EAAE;YAC3BC,iBAAiBf,MAAMgB,WAAW,KAAK,SAAShB,MAAMa,MAAM,CAACC,IAAI,CAAC,EAAE,GAAGd,MAAMa,MAAM,CAACC,IAAI,CAAC,EAAE;YAC3FG,QAAQjB,MAAMM,OAAO,CAACY,EAAE;YACxBC,OAAOhB,iBAAAA,kBAAAA,OAAQ;YACfiB,UAAUlB;YACVmB,UAAUpB;YACVqB,YAAY;YACZC,UAAUvB,MAAMwB,SAAS,CAACjB,EAAE;YAE5B,mBAAmB;gBACfkB,aAAazB,MAAMM,OAAO,CAACY,EAAE;YACjC;YAEA,kBAAkB;gBACdQ,cAAc1B,MAAMM,OAAO,CAACY,EAAE;YAClC;QACJ;QAEAS,SAAS;YACL,WAAW;gBACPZ,iBAAiBf,MAAMgB,WAAW,KAAK,SAAShB,MAAMa,MAAM,CAACC,IAAI,CAAC,EAAE,GAAGd,MAAMa,MAAM,CAACC,IAAI,CAAC,EAAE;YAC/F;QACJ;IACJ;GAAI"}
+{"version":3,"sources":["../../../../../src/components/table/table-header/Th.styles.ts"],"sourcesContent":["import {createStyles} from '@mantine/core';\n\nexport interface ThStyleParams {\n    size: number;\n    minSize: number;\n    maxSize: number;\n}\n\nexport default createStyles((theme, {maxSize, minSize, size}: ThStyleParams) => ({\n    root: {\n        padding: `${theme.spacing.xs} ${theme.spacing.sm}`,\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        height: theme.spacing.xl,\n        width: size ?? 'auto',\n        minWidth: minSize,\n        maxWidth: maxSize,\n        fontWeight: 500,\n        fontSize: theme.fontSizes.xs,\n\n        '&:first-of-type': {\n            paddingLeft: theme.spacing.xl,\n        },\n\n        '&:last-of-type': {\n            paddingRight: theme.spacing.xl,\n        },\n    },\n\n    control: {\n        '&:hover': {\n            backgroundColor: theme.colorScheme === 'dark' ? theme.colors.gray[7] : theme.colors.gray[1],\n        },\n    },\n}));\n"],"names":["createStyles","theme","maxSize","minSize","size","root","padding","spacing","xs","sm","verticalAlign","whiteSpace","textAlign","color","colors","gray","backgroundColor","colorScheme","height","xl","width","minWidth","maxWidth","fontWeight","fontSize","fontSizes","paddingLeft","paddingRight","control"],"mappings":"AAAA,SAAQA,YAAY,QAAO,gBAAgB;AAQ3C,eAAeA,aAAa,CAACC,OAAO,EAACC,OAAO,EAAEC,OAAO,EAAEC,IAAI,EAAgB,GAAM,CAAA;QAC7EC,MAAM;YACFC,SAAS,CAAC,EAAEL,MAAMM,OAAO,CAACC,EAAE,CAAC,CAAC,EAAEP,MAAMM,OAAO,CAACE,EAAE,CAAC,CAAC;YAClDC,eAAe;YACfC,YAAY;YACZC,WAAW;YACXC,OAAOZ,MAAMa,MAAM,CAACC,IAAI,CAAC,EAAE;YAC3BC,iBAAiBf,MAAMgB,WAAW,KAAK,SAAShB,MAAMa,MAAM,CAACC,IAAI,CAAC,EAAE,GAAGd,MAAMa,MAAM,CAACC,IAAI,CAAC,EAAE;YAC3FG,QAAQjB,MAAMM,OAAO,CAACY,EAAE;YACxBC,OAAOhB,QAAQ;YACfiB,UAAUlB;YACVmB,UAAUpB;YACVqB,YAAY;YACZC,UAAUvB,MAAMwB,SAAS,CAACjB,EAAE;YAE5B,mBAAmB;gBACfkB,aAAazB,MAAMM,OAAO,CAACY,EAAE;YACjC;YAEA,kBAAkB;gBACdQ,cAAc1B,MAAMM,OAAO,CAACY,EAAE;YAClC;QACJ;QAEAS,SAAS;YACL,WAAW;gBACPZ,iBAAiBf,MAAMgB,WAAW,KAAK,SAAShB,MAAMa,MAAM,CAACC,IAAI,CAAC,EAAE,GAAGd,MAAMa,MAAM,CAACC,IAAI,CAAC,EAAE;YAC/F;QACJ;IACJ,CAAA,GAAI"}

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

@@ -1,52 +1,41 @@
-import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
-import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
-import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
-import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
-import { _ as _to_consumable_array } from "@swc/helpers/_/_to_consumable_array";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Group, Text } from "@mantine/core";
-import { useDidUpdate } from "@mantine/hooks";
-import dayjs from "dayjs";
-import { useState } from "react";
-import { useTable } from "../TableContext";
-import useStyles from "./TableLastUpdated.styles";
-export 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",
-        "dependencies",
-        "classNames",
-        "styles",
-        "unstyled"
-    ]);
-    var classes = useStyles(null, {
-        name: "TableLastUpdated",
-        classNames: classNames,
-        styles: styles,
-        unstyled: unstyled
-    }).classes;
-    var state = useTable().state;
-    var _useState = _sliced_to_array(useState(new Date()), 2), time = _useState[0], setTime = _useState[1];
-    useDidUpdate(function() {
+import { Group, Text } from '@mantine/core';
+import { useDidUpdate } from '@mantine/hooks';
+import dayjs from 'dayjs';
+import { useState } from 'react';
+import { useTable } from '../TableContext';
+import useStyles from './TableLastUpdated.styles';
+export const TableLastUpdated = ({ label = 'Last update:', dependencies, classNames, styles, unstyled, ...others })=>{
+    const { classes } = useStyles(null, {
+        name: 'TableLastUpdated',
+        classNames,
+        styles,
+        unstyled
+    });
+    const { state } = useTable();
+    const [time, setTime] = useState(new Date());
+    useDidUpdate(()=>{
         setTime(new Date());
     }, [
-        state
-    ].concat(_to_consumable_array(dependencies)));
+        state,
+        ...dependencies
+    ]);
     return /*#__PURE__*/ _jsx(Group, {
         className: classes.root,
         px: "xl",
         position: "right",
-        children: /*#__PURE__*/ _jsxs(Text, _object_spread_props(_object_spread({
+        children: /*#__PURE__*/ _jsxs(Text, {
             size: "xs",
-            className: classes.label
-        }, others), {
+            className: classes.label,
+            ...others,
             children: [
                 label,
                 /*#__PURE__*/ _jsx("span", {
                     role: "timer",
-                    children: dayjs(time).format("h:mm:ss A")
+                    children: dayjs(time).format('h:mm:ss A')
                 })
             ]
-        }))
+        })
     });
 };
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/table/table-last-updated/TableLastUpdated.tsx"],"sourcesContent":["import {Group, Text} from '@mantine/core';\nimport {useDidUpdate} from '@mantine/hooks';\nimport dayjs from 'dayjs';\nimport {FunctionComponent, useState} from 'react';\nimport {useTable} from '../TableContext';\nimport useStyles from './TableLastUpdated.styles';\nimport {TableLastUpdatedProps} from './TableLastUpdated.types';\n\nexport const TableLastUpdated: FunctionComponent<TableLastUpdatedProps & {dependencies?: never}> = ({\n    label = 'Last update:',\n    dependencies,\n    classNames,\n    styles,\n    unstyled,\n    ...others\n}) => {\n    const {classes} = useStyles(null, {name: 'TableLastUpdated', classNames, styles, unstyled});\n    const {state} = useTable();\n    const [time, setTime] = useState(new Date());\n\n    useDidUpdate(() => {\n        setTime(new Date());\n    }, [state, ...dependencies]);\n\n    return (\n        <Group className={classes.root} px=\"xl\" position=\"right\">\n            <Text size=\"xs\" className={classes.label} {...others}>\n                {label}\n                <span role=\"timer\">{dayjs(time).format('h:mm:ss A')}</span>\n            </Text>\n        </Group>\n    );\n};\n"],"names":["Group","Text","useDidUpdate","dayjs","useState","useTable","useStyles","TableLastUpdated","label","dependencies","classNames","styles","unstyled","others","classes","name","state","Date","time","setTime","className","root","px","position","size","span","role","format"],"mappings":";;;;;;AAAA,SAAQA,KAAK,EAAEC,IAAI,QAAO,gBAAgB;AAC1C,SAAQC,YAAY,QAAO,iBAAiB;AAC5C,OAAOC,WAAW,QAAQ;AAC1B,SAA2BC,QAAQ,QAAO,QAAQ;AAClD,SAAQC,QAAQ,QAAO,kBAAkB;AACzC,OAAOC,eAAe,4BAA4B;AAGlD,OAAO,IAAMC,mBAAsF;8BAC/FC,OAAAA,kCAAQ,+BACRC,sBAAAA,cACAC,oBAAAA,YACAC,gBAAAA,QACAC,kBAAAA,UACGC;QALHL;QACAC;QACAC;QACAC;QACAC;;IAGA,IAAM,AAACE,UAAWR,UAAU,MAAM;QAACS,MAAM;QAAoBL,YAAAA;QAAYC,QAAAA;QAAQC,UAAAA;IAAQ,GAAlFE;IACP,IAAM,AAACE,QAASX,WAATW;IACP,IAAwBZ,6BAAAA,SAAS,IAAIa,aAA9BC,OAAiBd,cAAXe,UAAWf;IAExBF,aAAa;QACTiB,QAAQ,IAAIF;IAChB,GAAG;QAACD;KAAuB,CAAxB,OAAQ,qBAAGP;IAEd,qBACI,KAACT;QAAMoB,WAAWN,QAAQO,IAAI;QAAEC,IAAG;QAAKC,UAAS;kBAC7C,cAAA,MAACtB;YAAKuB,MAAK;YAAKJ,WAAWN,QAAQN,KAAK;WAAMK;;gBACzCL;8BACD,KAACiB;oBAAKC,MAAK;8BAASvB,MAAMe,MAAMS,MAAM,CAAC;;;;;AAIvD,EAAE"}
+{"version":3,"sources":["../../../../../src/components/table/table-last-updated/TableLastUpdated.tsx"],"sourcesContent":["import {Group, Text} from '@mantine/core';\nimport {useDidUpdate} from '@mantine/hooks';\nimport dayjs from 'dayjs';\nimport {FunctionComponent, useState} from 'react';\nimport {useTable} from '../TableContext';\nimport useStyles from './TableLastUpdated.styles';\nimport {TableLastUpdatedProps} from './TableLastUpdated.types';\n\nexport const TableLastUpdated: FunctionComponent<TableLastUpdatedProps & {dependencies?: never}> = ({\n    label = 'Last update:',\n    dependencies,\n    classNames,\n    styles,\n    unstyled,\n    ...others\n}) => {\n    const {classes} = useStyles(null, {name: 'TableLastUpdated', classNames, styles, unstyled});\n    const {state} = useTable();\n    const [time, setTime] = useState(new Date());\n\n    useDidUpdate(() => {\n        setTime(new Date());\n    }, [state, ...dependencies]);\n\n    return (\n        <Group className={classes.root} px=\"xl\" position=\"right\">\n            <Text size=\"xs\" className={classes.label} {...others}>\n                {label}\n                <span role=\"timer\">{dayjs(time).format('h:mm:ss A')}</span>\n            </Text>\n        </Group>\n    );\n};\n"],"names":["Group","Text","useDidUpdate","dayjs","useState","useTable","useStyles","TableLastUpdated","label","dependencies","classNames","styles","unstyled","others","classes","name","state","time","setTime","Date","className","root","px","position","size","span","role","format"],"mappings":";AAAA,SAAQA,KAAK,EAAEC,IAAI,QAAO,gBAAgB;AAC1C,SAAQC,YAAY,QAAO,iBAAiB;AAC5C,OAAOC,WAAW,QAAQ;AAC1B,SAA2BC,QAAQ,QAAO,QAAQ;AAClD,SAAQC,QAAQ,QAAO,kBAAkB;AACzC,OAAOC,eAAe,4BAA4B;AAGlD,OAAO,MAAMC,mBAAsF,CAAC,EAChGC,QAAQ,cAAc,EACtBC,YAAY,EACZC,UAAU,EACVC,MAAM,EACNC,QAAQ,EACR,GAAGC,QACN;IACG,MAAM,EAACC,OAAO,EAAC,GAAGR,UAAU,MAAM;QAACS,MAAM;QAAoBL;QAAYC;QAAQC;IAAQ;IACzF,MAAM,EAACI,KAAK,EAAC,GAAGX;IAChB,MAAM,CAACY,MAAMC,QAAQ,GAAGd,SAAS,IAAIe;IAErCjB,aAAa;QACTgB,QAAQ,IAAIC;IAChB,GAAG;QAACH;WAAUP;KAAa;IAE3B,qBACI,KAACT;QAAMoB,WAAWN,QAAQO,IAAI;QAAEC,IAAG;QAAKC,UAAS;kBAC7C,cAAA,MAACtB;YAAKuB,MAAK;YAAKJ,WAAWN,QAAQN,KAAK;YAAG,GAAGK,MAAM;;gBAC/CL;8BACD,KAACiB;oBAAKC,MAAK;8BAASvB,MAAMc,MAAMU,MAAM,CAAC;;;;;AAIvD,EAAE"}

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

@@ -1,13 +1,11 @@
-import { createStyles } from "@mantine/core";
-export default createStyles(function(theme) {
-    return {
+import { createStyles } from '@mantine/core';
+export default createStyles((theme)=>({
         root: {
-            minHeight: "98px"
+            minHeight: '98px'
         },
         label: {
             color: theme.colors.gray[6]
         }
-    };
-});
+    }));
 
 //# sourceMappingURL=TableLastUpdated.styles.js.map

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

@@ -1 +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":"AAAA,SAAQA,YAAY,QAAO,gBAAgB;AAE3C,eAAeA,aAAa,SAACC;WAAW;QACpCC,MAAM;YACFC,WAAW;QACf;QACAC,OAAO;YACHC,OAAOJ,MAAMK,MAAM,CAACC,IAAI,CAAC,EAAE;QAC/B;IACJ;GAAI"}
+{"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":"AAAA,SAAQA,YAAY,QAAO,gBAAgB;AAE3C,eAAeA,aAAa,CAACC,QAAW,CAAA;QACpCC,MAAM;YACFC,WAAW;QACf;QACAC,OAAO;YACHC,OAAOJ,MAAMK,MAAM,CAACC,IAAI,CAAC,EAAE;QAC/B;IACJ,CAAA,GAAI"}

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

@@ -1,14 +1,11 @@
-import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
-import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Skeleton } from "@mantine/core";
-export var TableLoading = function(props) {
-    return /*#__PURE__*/ _jsx(Skeleton, _object_spread_props(_object_spread({}, props), {
+import { Skeleton } from '@mantine/core';
+export const TableLoading = (props)=>/*#__PURE__*/ _jsx(Skeleton, {
+        ...props,
         sx: !props.visible ? {
             borderRadius: 0
         } : undefined,
         children: props.children
-    }));
-};
+    });
 
 //# sourceMappingURL=TableLoading.js.map

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

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

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

@@ -1,26 +1,22 @@
-import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
-import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Pagination } from "@mantine/core";
-import { useTable } from "../TableContext";
-export var TablePagination = function(param) {
-    var totalPages = param.totalPages, onPageChange = param.onPageChange;
-    var _useTable = useTable(), state = _useTable.state, setState = _useTable.setState, containerRef = _useTable.containerRef, getPageCount = _useTable.getPageCount;
-    var updatePage = function(newPage) {
-        var _onPageChange;
-        (_onPageChange = onPageChange) === null || _onPageChange === void 0 ? void 0 : _onPageChange(newPage - 1);
-        setState(function(prevState) {
-            return _object_spread_props(_object_spread({}, prevState), {
-                pagination: _object_spread_props(_object_spread({}, prevState.pagination), {
+import { Pagination } from '@mantine/core';
+import { useTable } from '../TableContext';
+export const TablePagination = ({ totalPages, onPageChange })=>{
+    const { state, setState, containerRef, getPageCount } = useTable();
+    const updatePage = (newPage)=>{
+        onPageChange?.(newPage - 1);
+        setState((prevState)=>({
+                ...prevState,
+                pagination: {
+                    ...prevState.pagination,
                     pageIndex: newPage - 1
-                })
-            });
-        });
+                }
+            }));
         containerRef.current.scrollIntoView({
-            behavior: "smooth"
+            behavior: 'smooth'
         });
     };
-    var total = totalPages === null ? getPageCount() : totalPages;
+    const total = totalPages === null ? getPageCount() : totalPages;
     return /*#__PURE__*/ _jsx(Pagination, {
         value: state.pagination.pageIndex + 1,
         onChange: updatePage,
@@ -28,17 +24,17 @@ export var TablePagination = function(param) {
         boundaries: 0,
         size: "md",
         spacing: "xs",
-        getControlProps: function(control) {
+        getControlProps: (control)=>{
             switch(control){
-                case "previous":
+                case 'previous':
                     return {
-                        component: "button",
-                        "aria-label": "previous page"
+                        component: 'button',
+                        'aria-label': 'previous page'
                     };
-                case "next":
+                case 'next':
                     return {
-                        component: "button",
-                        "aria-label": "next page"
+                        component: 'button',
+                        'aria-label': 'next page'
                     };
                 default:
                     return {};

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/table/table-pagination/TablePagination.tsx"],"sourcesContent":["import {Pagination} from '@mantine/core';\nimport {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":["Pagination","useTable","TablePagination","totalPages","onPageChange","state","setState","containerRef","getPageCount","updatePage","newPage","prevState","pagination","pageIndex","current","scrollIntoView","behavior","total","value","onChange","boundaries","size","spacing","getControlProps","control","component"],"mappings":";;;AAAA,SAAQA,UAAU,QAAO,gBAAgB;AAGzC,SAAQC,QAAQ,QAAO,kBAAkB;AAGzC,OAAO,IAAMC,kBAA2D;QAAEC,mBAAAA,YAAYC,qBAAAA;IAClF,IAAsDH,YAAAA,YAA/CI,QAA+CJ,UAA/CI,OAAOC,WAAwCL,UAAxCK,UAAUC,eAA8BN,UAA9BM,cAAcC,eAAgBP,UAAhBO;IACtC,IAAMC,aAAa,SAACC;YAChBN;SAAAA,gBAAAA,0BAAAA,oCAAAA,cAAeM,UAAU;QACzBJ,SAAS,SAACK;mBAAe,wCAClBA;gBACHC,YAAY,wCAAID,UAAUC,UAAU;oBAAEC,WAAWH,UAAU;;;;QAE/DH,aAAaO,OAAO,CAACC,cAAc,CAAC;YAACC,UAAU;QAAQ;IAC3D;IAEA,IAAMC,QAAQd,eAAe,OAAOK,iBAAiBL;IAErD,qBACI,KAACH;QACGkB,OAAOb,MAAMO,UAAU,CAACC,SAAS,GAAG;QACpCM,UAAUV;QACVQ,OAAOA;QACPG,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,EAAE"}
+{"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":["Pagination","useTable","TablePagination","totalPages","onPageChange","state","setState","containerRef","getPageCount","updatePage","newPage","prevState","pagination","pageIndex","current","scrollIntoView","behavior","total","value","onChange","boundaries","size","spacing","getControlProps","control","component"],"mappings":";AAAA,SAAQA,UAAU,QAAO,gBAAgB;AAGzC,SAAQC,QAAQ,QAAO,kBAAkB;AAGzC,OAAO,MAAMC,kBAA2D,CAAC,EAACC,UAAU,EAAEC,YAAY,EAAC;IAC/F,MAAM,EAACC,KAAK,EAAEC,QAAQ,EAAEC,YAAY,EAAEC,YAAY,EAAC,GAAGP;IACtD,MAAMQ,aAAa,CAACC;QAChBN,eAAeM,UAAU;QACzBJ,SAAS,CAACK,YAAe,CAAA;gBACrB,GAAGA,SAAS;gBACZC,YAAY;oBAAC,GAAGD,UAAUC,UAAU;oBAAEC,WAAWH,UAAU;gBAAC;YAChE,CAAA;QACAH,aAAaO,OAAO,CAACC,cAAc,CAAC;YAACC,UAAU;QAAQ;IAC3D;IAEA,MAAMC,QAAQd,eAAe,OAAOK,iBAAiBL;IAErD,qBACI,KAACH;QACGkB,OAAOb,MAAMO,UAAU,CAACC,SAAS,GAAG;QACpCM,UAAUV;QACVQ,OAAOA;QACPG,YAAY;QACZC,MAAK;QACLC,SAAQ;QACRC,iBAAiB,CAACC;YACd,OAAQA;gBACJ,KAAK;oBACD,OAAO;wBACHC,WAAW;wBACX,cAAc;oBAClB;gBACJ,KAAK;oBACD,OAAO;wBAACA,WAAW;wBAAU,cAAc;oBAAW;gBAC1D;oBACI,OAAO,CAAC;YAChB;QACJ;;AAGZ,EAAE"}

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

@@ -1,29 +1,22 @@
-import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
-import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Group, SegmentedControl, Text } from "@mantine/core";
-import { useTable } from "../TableContext";
-export 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,
-        50,
-        100
-    ] : _param_values, onPerPageChange = param.onPerPageChange;
-    var _values;
-    var _useTable = useTable(), state = _useTable.state, setState = _useTable.setState, getPageCount = _useTable.getPageCount;
-    var updatePerPage = function(newPerPage) {
-        var _onPerPageChange;
-        (_onPerPageChange = onPerPageChange) === null || _onPerPageChange === void 0 ? void 0 : _onPerPageChange(Number(newPerPage));
-        setState(function(prevState) {
-            return _object_spread_props(_object_spread({}, prevState), {
+import { Group, SegmentedControl, Text } from '@mantine/core';
+import { useTable } from '../TableContext';
+export const TablePerPage = ({ label = 'Results per page', values = [
+    25,
+    50,
+    100
+], onPerPageChange })=>{
+    const { state, setState, getPageCount } = useTable();
+    const updatePerPage = (newPerPage)=>{
+        onPerPageChange?.(Number(newPerPage));
+        setState((prevState)=>({
+                ...prevState,
                 pagination: {
                     pageIndex: 0,
                     pageSize: parseInt(newPerPage, 10)
                 }
-            });
-        });
+            }));
     };
-    var _state_pagination_pageSize_toString;
     return getPageCount() > 0 ? /*#__PURE__*/ _jsxs(Group, {
         spacing: "sm",
         children: [
@@ -32,11 +25,9 @@ export var TablePerPage = function(param) {
                 children: label
             }),
             /*#__PURE__*/ _jsx(SegmentedControl, {
-                value: (_state_pagination_pageSize_toString = state.pagination.pageSize.toString()) !== null && _state_pagination_pageSize_toString !== void 0 ? _state_pagination_pageSize_toString : (_values = values) === null || _values === void 0 ? void 0 : _values[1].toString(),
+                value: state.pagination.pageSize.toString() ?? values?.[1].toString(),
                 onChange: updatePerPage,
-                data: values.map(function(value) {
-                    return value.toString();
-                }),
+                data: values.map((value)=>value.toString()),
                 color: "action",
                 size: "sm"
             })

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/table/table-per-page/TablePerPage.tsx"],"sourcesContent":["import {Group, SegmentedControl, Text} from '@mantine/core';\nimport {FunctionComponent} from 'react';\n\nimport {useTable} from '../TableContext';\nimport {TablePerPageProps} from './TablePerPage.types';\n\nexport const TablePerPage: FunctionComponent<TablePerPageProps> & {DEFAULT_SIZE: number} = ({\n    label = 'Results per page',\n    values = [25, 50, 100],\n    onPerPageChange,\n}) => {\n    const {state, setState, getPageCount} = useTable();\n\n    const updatePerPage = (newPerPage: string) => {\n        onPerPageChange?.(Number(newPerPage));\n        setState((prevState) => ({\n            ...prevState,\n            pagination: {pageIndex: 0, pageSize: parseInt(newPerPage, 10)},\n        }));\n    };\n\n    return getPageCount() > 0 ? (\n        <Group spacing=\"sm\">\n            <Text fw={500}>{label}</Text>\n            <SegmentedControl\n                value={state.pagination.pageSize.toString() ?? values?.[1].toString()}\n                onChange={updatePerPage}\n                data={values.map((value) => value.toString())}\n                color=\"action\"\n                size=\"sm\"\n            />\n        </Group>\n    ) : null;\n};\n\nTablePerPage.DEFAULT_SIZE = 50;\n"],"names":["Group","SegmentedControl","Text","useTable","TablePerPage","label","values","onPerPageChange","state","setState","getPageCount","updatePerPage","newPerPage","Number","prevState","pagination","pageIndex","pageSize","parseInt","spacing","fw","value","toString","onChange","data","map","color","size","DEFAULT_SIZE"],"mappings":";;;AAAA,SAAQA,KAAK,EAAEC,gBAAgB,EAAEC,IAAI,QAAO,gBAAgB;AAG5D,SAAQC,QAAQ,QAAO,kBAAkB;AAGzC,OAAO,IAAMC,eAA8E;6BACvFC,OAAAA,kCAAQ,yDACRC,QAAAA,oCAAS;QAAC;QAAI;QAAI;KAAI,kBACtBC,wBAAAA;QAgB2DD;IAd3D,IAAwCH,YAAAA,YAAjCK,QAAiCL,UAAjCK,OAAOC,WAA0BN,UAA1BM,UAAUC,eAAgBP,UAAhBO;IAExB,IAAMC,gBAAgB,SAACC;YACnBL;SAAAA,mBAAAA,6BAAAA,uCAAAA,iBAAkBM,OAAOD;QACzBH,SAAS,SAACK;mBAAe,wCAClBA;gBACHC,YAAY;oBAACC,WAAW;oBAAGC,UAAUC,SAASN,YAAY;gBAAG;;;IAErE;QAMmBJ;IAJnB,OAAOE,iBAAiB,kBACpB,MAACV;QAAMmB,SAAQ;;0BACX,KAACjB;gBAAKkB,IAAI;0BAAMf;;0BAChB,KAACJ;gBACGoB,OAAOb,CAAAA,sCAAAA,MAAMO,UAAU,CAACE,QAAQ,CAACK,QAAQ,gBAAlCd,iDAAAA,uCAAwCF,UAAAA,oBAAAA,8BAAAA,OAAQ,CAAC,EAAE,CAACgB,QAAQ;gBACnEC,UAAUZ;gBACVa,MAAMlB,OAAOmB,GAAG,CAAC,SAACJ;2BAAUA,MAAMC,QAAQ;;gBAC1CI,OAAM;gBACNC,MAAK;;;SAGb;AACR,EAAE;AAEFvB,aAAawB,YAAY,GAAG"}
+{"version":3,"sources":["../../../../../src/components/table/table-per-page/TablePerPage.tsx"],"sourcesContent":["import {Group, SegmentedControl, Text} from '@mantine/core';\nimport {FunctionComponent} from 'react';\n\nimport {useTable} from '../TableContext';\nimport {TablePerPageProps} from './TablePerPage.types';\n\nexport const TablePerPage: FunctionComponent<TablePerPageProps> & {DEFAULT_SIZE: number} = ({\n    label = 'Results per page',\n    values = [25, 50, 100],\n    onPerPageChange,\n}) => {\n    const {state, setState, getPageCount} = useTable();\n\n    const updatePerPage = (newPerPage: string) => {\n        onPerPageChange?.(Number(newPerPage));\n        setState((prevState) => ({\n            ...prevState,\n            pagination: {pageIndex: 0, pageSize: parseInt(newPerPage, 10)},\n        }));\n    };\n\n    return getPageCount() > 0 ? (\n        <Group spacing=\"sm\">\n            <Text fw={500}>{label}</Text>\n            <SegmentedControl\n                value={state.pagination.pageSize.toString() ?? values?.[1].toString()}\n                onChange={updatePerPage}\n                data={values.map((value) => value.toString())}\n                color=\"action\"\n                size=\"sm\"\n            />\n        </Group>\n    ) : null;\n};\n\nTablePerPage.DEFAULT_SIZE = 50;\n"],"names":["Group","SegmentedControl","Text","useTable","TablePerPage","label","values","onPerPageChange","state","setState","getPageCount","updatePerPage","newPerPage","Number","prevState","pagination","pageIndex","pageSize","parseInt","spacing","fw","value","toString","onChange","data","map","color","size","DEFAULT_SIZE"],"mappings":";AAAA,SAAQA,KAAK,EAAEC,gBAAgB,EAAEC,IAAI,QAAO,gBAAgB;AAG5D,SAAQC,QAAQ,QAAO,kBAAkB;AAGzC,OAAO,MAAMC,eAA8E,CAAC,EACxFC,QAAQ,kBAAkB,EAC1BC,SAAS;IAAC;IAAI;IAAI;CAAI,EACtBC,eAAe,EAClB;IACG,MAAM,EAACC,KAAK,EAAEC,QAAQ,EAAEC,YAAY,EAAC,GAAGP;IAExC,MAAMQ,gBAAgB,CAACC;QACnBL,kBAAkBM,OAAOD;QACzBH,SAAS,CAACK,YAAe,CAAA;gBACrB,GAAGA,SAAS;gBACZC,YAAY;oBAACC,WAAW;oBAAGC,UAAUC,SAASN,YAAY;gBAAG;YACjE,CAAA;IACJ;IAEA,OAAOF,iBAAiB,kBACpB,MAACV;QAAMmB,SAAQ;;0BACX,KAACjB;gBAAKkB,IAAI;0BAAMf;;0BAChB,KAACJ;gBACGoB,OAAOb,MAAMO,UAAU,CAACE,QAAQ,CAACK,QAAQ,MAAMhB,QAAQ,CAAC,EAAE,CAACgB;gBAC3DC,UAAUZ;gBACVa,MAAMlB,OAAOmB,GAAG,CAAC,CAACJ,QAAUA,MAAMC,QAAQ;gBAC1CI,OAAM;gBACNC,MAAK;;;SAGb;AACR,EAAE;AAEFvB,aAAawB,YAAY,GAAG"}