@coveord/plasma-mantine 53.1.4 → 54.0.0

package/dist/cjs/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 {BoxProps, Factory, Group, UnstyledButton, useProps} from '@mantine/core';\nimport {CompoundStylesApiProps} from '@mantine/core/lib/core/styles-api/styles-api.types';\nimport {defaultColumnSizing, flexRender, Header} from '@tanstack/react-table';\nimport {AriaAttributes, ComponentType, ForwardedRef, SVGProps} from 'react';\nimport {CustomComponentThemeExtend, identity} from '../../../utils';\nimport {useTableStyles} from '../TableContext';\n\nexport type TableThStylesNames = 'th';\n\nexport type SortState = 'asc' | 'desc' | 'none';\n\nexport interface ThProps<T = unknown> extends BoxProps, CompoundStylesApiProps<TableThFactory> {\n    header: Header<T, unknown>;\n    sortingIcons?: Record<SortState, ComponentType<SVGProps<SVGSVGElement>>>;\n}\n\nconst SortingIcons: ThProps['sortingIcons'] = {\n    asc: ArrowUpSize16Px,\n    desc: ArrowDownSize16Px,\n    none: DoubleArrowHeadVSize16Px,\n};\n\nconst SortingLabels: Record<SortState, AriaAttributes['aria-sort']> = {\n    asc: 'ascending',\n    desc: 'descending',\n    none: 'none',\n} as const;\n\nexport type TableThFactory = Factory<{\n    props: ThProps;\n    ref: HTMLTableCellElement;\n    stylesNames: TableThStylesNames;\n    compound: true;\n}>;\n\nconst defaultProps: Partial<ThProps> = {\n    sortingIcons: SortingIcons,\n};\n\nexport const Th = <T,>(props: ThProps<T> & {ref?: ForwardedRef<HTMLTableCellElement>}) => {\n    const ctx = useTableStyles();\n    const {header, sortingIcons, classNames, className, styles, style, vars, ...others} = useProps(\n        'PlasmaTableTh',\n        defaultProps as Partial<ThProps<T>>,\n        props,\n    );\n\n    const columnSizing = {\n        ...defaultColumnSizing,\n        size: header.column.columnDef.size,\n        minSize: header.column.columnDef.minSize,\n        maxSize: header.column.columnDef.maxSize,\n    };\n\n    const thStyles = ctx.getStyles('th', {classNames, className, styles, style});\n\n    if (header.isPlaceholder) {\n        return null;\n    }\n\n    if (!header.column.getCanSort()) {\n        return (\n            <th\n                className={thStyles.className}\n                style={{\n                    ...thStyles.style,\n                    width: columnSizing.size ?? 'auto',\n                    minWidth: columnSizing.minSize,\n                    maxWidth: columnSizing.maxSize,\n                }}\n                {...others}\n            >\n                {flexRender(header.column.columnDef.header, header.getContext())}\n            </th>\n        );\n    }\n\n    const onSort = header.column.getToggleSortingHandler();\n    const sortingOrder = header.column.getIsSorted() || 'none';\n    const Icon = sortingIcons[sortingOrder];\n\n    return (\n        <UnstyledButton\n            component=\"th\"\n            onClick={onSort}\n            aria-sort={SortingLabels[sortingOrder]}\n            data-control={true}\n            {...thStyles}\n            {...others}\n        >\n            <Group wrap=\"nowrap\" gap=\"xs\">\n                {flexRender(header.column.columnDef.header, header.getContext())}\n                <Icon height={16} width={16} />\n            </Group>\n        </UnstyledButton>\n    );\n};\nTh.extend = identity as CustomComponentThemeExtend<TableThFactory>;\n"],"names":["Th","SortingIcons","asc","ArrowUpSize16Px","desc","ArrowDownSize16Px","none","DoubleArrowHeadVSize16Px","SortingLabels","defaultProps","sortingIcons","props","ctx","useTableStyles","useProps","header","classNames","className","styles","style","vars","others","columnSizing","defaultColumnSizing","size","column","columnDef","minSize","maxSize","thStyles","getStyles","isPlaceholder","getCanSort","th","width","minWidth","maxWidth","flexRender","getContext","onSort","getToggleSortingHandler","sortingOrder","getIsSorted","Icon","UnstyledButton","component","onClick","aria-sort","data-control","Group","wrap","gap","height","extend","identity"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAwCaA;;;eAAAA;;;;;;;gCAxC8D;oBACV;0BAEX;qBAEH;4BACtB;AAW7B,IAAMC,eAAwC;IAC1CC,KAAKC,iCAAe;IACpBC,MAAMC,mCAAiB;IACvBC,MAAMC,0CAAwB;AAClC;AAEA,IAAMC,gBAAgE;IAClEN,KAAK;IACLE,MAAM;IACNE,MAAM;AACV;AASA,IAAMG,eAAiC;IACnCC,cAAcT;AAClB;AAEO,IAAMD,KAAK,SAAKW;IACnB,IAAMC,MAAMC,IAAAA,4BAAc;IAC1B,IAAsFC,YAAAA,IAAAA,cAAQ,EAC1F,iBACAL,cACAE,QAHGI,SAA+ED,UAA/EC,QAAQL,eAAuEI,UAAvEJ,cAAcM,aAAyDF,UAAzDE,YAAYC,YAA6CH,UAA7CG,WAAWC,SAAkCJ,UAAlCI,QAAQC,QAA0BL,UAA1BK,OAAOC,OAAmBN,UAAnBM,MAASC,sCAAUP;QAA/EC;QAAQL;QAAcM;QAAYC;QAAWC;QAAQC;QAAOC;;IAMnE,IAAME,eAAe,4CACdC,+BAAmB;QACtBC,MAAMT,OAAOU,MAAM,CAACC,SAAS,CAACF,IAAI;QAClCG,SAASZ,OAAOU,MAAM,CAACC,SAAS,CAACC,OAAO;QACxCC,SAASb,OAAOU,MAAM,CAACC,SAAS,CAACE,OAAO;;IAG5C,IAAMC,WAAWjB,IAAIkB,SAAS,CAAC,MAAM;QAACd,YAAAA;QAAYC,WAAAA;QAAWC,QAAAA;QAAQC,OAAAA;IAAK;IAE1E,IAAIJ,OAAOgB,aAAa,EAAE;QACtB,OAAO;IACX;IAEA,IAAI,CAAChB,OAAOU,MAAM,CAACO,UAAU,IAAI;YAMVV;QALnB,qBACI,qBAACW;YACGhB,WAAWY,SAASZ,SAAS;YAC7BE,OAAO,4CACAU,SAASV,KAAK;gBACjBe,OAAOZ,CAAAA,qBAAAA,aAAaE,IAAI,cAAjBF,gCAAAA,qBAAqB;gBAC5Ba,UAAUb,aAAaK,OAAO;gBAC9BS,UAAUd,aAAaM,OAAO;;WAE9BP;sBAEHgB,IAAAA,sBAAU,EAACtB,OAAOU,MAAM,CAACC,SAAS,CAACX,MAAM,EAAEA,OAAOuB,UAAU;;IAGzE;IAEA,IAAMC,SAASxB,OAAOU,MAAM,CAACe,uBAAuB;IACpD,IAAMC,eAAe1B,OAAOU,MAAM,CAACiB,WAAW,MAAM;IACpD,IAAMC,OAAOjC,YAAY,CAAC+B,aAAa;IAEvC,qBACI,qBAACG,oBAAc;QACXC,WAAU;QACVC,SAASP;QACTQ,aAAWvC,aAAa,CAACiC,aAAa;QACtCO,gBAAc;OACVnB,UACAR;kBAEJ,cAAA,sBAAC4B,WAAK;YAACC,MAAK;YAASC,KAAI;;gBACpBd,IAAAA,sBAAU,EAACtB,OAAOU,MAAM,CAACC,SAAS,CAACX,MAAM,EAAEA,OAAOuB,UAAU;8BAC7D,qBAACK;oBAAKS,QAAQ;oBAAIlB,OAAO;;;;;AAIzC;AACAlC,GAAGqD,MAAM,GAAGC,eAAQ"}
+{"version":3,"sources":["../../../../../src/components/table/table-header/Th.tsx"],"sourcesContent":["import {ArrowDownSize16Px, ArrowUpSize16Px, DoubleArrowHeadVSize16Px} from '@coveord/plasma-react-icons';\nimport {BoxProps, CompoundStylesApiProps, Factory, Group, UnstyledButton, useProps} from '@mantine/core';\nimport {Header, defaultColumnSizing, flexRender} from '@tanstack/react-table';\nimport {AriaAttributes, ComponentType, ForwardedRef, SVGProps} from 'react';\nimport {CustomComponentThemeExtend, identity} from '../../../utils';\nimport {useTableContext} from '../TableContext';\n\nexport type TableThStylesNames = 'th';\n\nexport type SortState = 'asc' | 'desc' | 'none';\n\nexport interface ThProps<T = unknown> extends BoxProps, CompoundStylesApiProps<TableThFactory> {\n    header: Header<T, unknown>;\n    sortingIcons?: Record<SortState, ComponentType<SVGProps<SVGSVGElement>>>;\n}\n\nconst SortingIcons: ThProps['sortingIcons'] = {\n    asc: ArrowUpSize16Px,\n    desc: ArrowDownSize16Px,\n    none: DoubleArrowHeadVSize16Px,\n};\n\nconst SortingLabels: Record<SortState, AriaAttributes['aria-sort']> = {\n    asc: 'ascending',\n    desc: 'descending',\n    none: 'none',\n} as const;\n\nexport type TableThFactory = Factory<{\n    props: ThProps;\n    ref: HTMLTableCellElement;\n    stylesNames: TableThStylesNames;\n    compound: true;\n}>;\n\nconst defaultProps: Partial<ThProps> = {\n    sortingIcons: SortingIcons,\n};\n\nexport const Th = <T,>(props: ThProps<T> & {ref?: ForwardedRef<HTMLTableCellElement>}) => {\n    const {getStyles} = useTableContext();\n    const {header, sortingIcons, classNames, className, styles, style, vars, ...others} = useProps(\n        'PlasmaTableTh',\n        defaultProps as Partial<ThProps<T>>,\n        props,\n    );\n\n    const columnSizing = {\n        ...defaultColumnSizing,\n        size: header.column.columnDef.size,\n        minSize: header.column.columnDef.minSize,\n        maxSize: header.column.columnDef.maxSize,\n    };\n\n    const thStyles = getStyles('th', {classNames, className, styles, style});\n\n    if (header.isPlaceholder) {\n        return null;\n    }\n\n    if (!header.column.getCanSort()) {\n        return (\n            <th\n                className={thStyles.className}\n                style={{\n                    ...thStyles.style,\n                    width: columnSizing.size ?? 'auto',\n                    minWidth: columnSizing.minSize,\n                    maxWidth: columnSizing.maxSize,\n                }}\n                {...others}\n            >\n                <Group wrap=\"nowrap\" gap=\"xs\">\n                    {flexRender(header.column.columnDef.header, header.getContext())}\n                </Group>\n            </th>\n        );\n    }\n\n    const onSort = header.column.getToggleSortingHandler();\n    const sortingOrder = header.column.getIsSorted() || 'none';\n    const Icon = sortingIcons[sortingOrder];\n\n    return (\n        <UnstyledButton\n            component=\"th\"\n            onClick={onSort}\n            aria-sort={SortingLabels[sortingOrder]}\n            data-control={true}\n            {...thStyles}\n            {...others}\n        >\n            <Group wrap=\"nowrap\" gap=\"xs\">\n                {flexRender(header.column.columnDef.header, header.getContext())}\n                <Icon height={16} width={16} />\n            </Group>\n        </UnstyledButton>\n    );\n};\nTh.extend = identity as CustomComponentThemeExtend<TableThFactory>;\n"],"names":["Th","SortingIcons","asc","ArrowUpSize16Px","desc","ArrowDownSize16Px","none","DoubleArrowHeadVSize16Px","SortingLabels","defaultProps","sortingIcons","props","getStyles","useTableContext","useProps","header","classNames","className","styles","style","vars","others","columnSizing","defaultColumnSizing","size","column","columnDef","minSize","maxSize","thStyles","isPlaceholder","getCanSort","th","width","minWidth","maxWidth","Group","wrap","gap","flexRender","getContext","onSort","getToggleSortingHandler","sortingOrder","getIsSorted","Icon","UnstyledButton","component","onClick","aria-sort","data-control","height","extend","identity"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAuCaA;;;eAAAA;;;;;;;gCAvC8D;oBACc;0BACnC;qBAEH;4BACrB;AAW9B,IAAMC,eAAwC;IAC1CC,KAAKC,iCAAe;IACpBC,MAAMC,mCAAiB;IACvBC,MAAMC,0CAAwB;AAClC;AAEA,IAAMC,gBAAgE;IAClEN,KAAK;IACLE,MAAM;IACNE,MAAM;AACV;AASA,IAAMG,eAAiC;IACnCC,cAAcT;AAClB;AAEO,IAAMD,KAAK,SAAKW;IACnB,IAAM,AAACC,YAAaC,IAAAA,6BAAe,IAA5BD;IACP,IAAsFE,YAAAA,IAAAA,cAAQ,EAC1F,iBACAL,cACAE,QAHGI,SAA+ED,UAA/EC,QAAQL,eAAuEI,UAAvEJ,cAAcM,aAAyDF,UAAzDE,YAAYC,YAA6CH,UAA7CG,WAAWC,SAAkCJ,UAAlCI,QAAQC,QAA0BL,UAA1BK,OAAOC,OAAmBN,UAAnBM,MAASC,sCAAUP;QAA/EC;QAAQL;QAAcM;QAAYC;QAAWC;QAAQC;QAAOC;;IAMnE,IAAME,eAAe,4CACdC,+BAAmB;QACtBC,MAAMT,OAAOU,MAAM,CAACC,SAAS,CAACF,IAAI;QAClCG,SAASZ,OAAOU,MAAM,CAACC,SAAS,CAACC,OAAO;QACxCC,SAASb,OAAOU,MAAM,CAACC,SAAS,CAACE,OAAO;;IAG5C,IAAMC,WAAWjB,UAAU,MAAM;QAACI,YAAAA;QAAYC,WAAAA;QAAWC,QAAAA;QAAQC,OAAAA;IAAK;IAEtE,IAAIJ,OAAOe,aAAa,EAAE;QACtB,OAAO;IACX;IAEA,IAAI,CAACf,OAAOU,MAAM,CAACM,UAAU,IAAI;YAMVT;QALnB,qBACI,qBAACU;YACGf,WAAWY,SAASZ,SAAS;YAC7BE,OAAO,4CACAU,SAASV,KAAK;gBACjBc,OAAOX,CAAAA,qBAAAA,aAAaE,IAAI,cAAjBF,gCAAAA,qBAAqB;gBAC5BY,UAAUZ,aAAaK,OAAO;gBAC9BQ,UAAUb,aAAaM,OAAO;;WAE9BP;sBAEJ,cAAA,qBAACe,WAAK;gBAACC,MAAK;gBAASC,KAAI;0BACpBC,IAAAA,sBAAU,EAACxB,OAAOU,MAAM,CAACC,SAAS,CAACX,MAAM,EAAEA,OAAOyB,UAAU;;;IAI7E;IAEA,IAAMC,SAAS1B,OAAOU,MAAM,CAACiB,uBAAuB;IACpD,IAAMC,eAAe5B,OAAOU,MAAM,CAACmB,WAAW,MAAM;IACpD,IAAMC,OAAOnC,YAAY,CAACiC,aAAa;IAEvC,qBACI,qBAACG,oBAAc;QACXC,WAAU;QACVC,SAASP;QACTQ,aAAWzC,aAAa,CAACmC,aAAa;QACtCO,gBAAc;OACVrB,UACAR;kBAEJ,cAAA,sBAACe,WAAK;YAACC,MAAK;YAASC,KAAI;;gBACpBC,IAAAA,sBAAU,EAACxB,OAAOU,MAAM,CAACC,SAAS,CAACX,MAAM,EAAEA,OAAOyB,UAAU;8BAC7D,qBAACK;oBAAKM,QAAQ;oBAAIlB,OAAO;;;;;AAIzC;AACAjC,GAAGoD,MAAM,GAAGC,eAAQ"}

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

@@ -1,5 +1,4 @@
-import { BoxProps, Factory } from '@mantine/core';
-import { CompoundStylesApiProps } from '@mantine/core/lib/core/styles-api/styles-api.types';
+import { BoxProps, CompoundStylesApiProps, Factory } from '@mantine/core';
 export type TableLastUpdatedStylesNames = 'lastUpdatedRoot' | 'lastUpdatedLabel';
 export interface TableLastUpdatedProps extends BoxProps, CompoundStylesApiProps<TableLastUpdatedFactory> {
     /**
@@ -8,7 +7,6 @@ export interface TableLastUpdatedProps extends BoxProps, CompoundStylesApiProps<
      * @default "Last update:"
      */
     label?: string;
-    dependencies?: never;
 }
 export type TableLastUpdatedFactory = Factory<{
     props: TableLastUpdatedProps;

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":"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"}
+{"version":3,"file":"TableLastUpdated.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-last-updated/TableLastUpdated.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAE,sBAAsB,EAAW,OAAO,EAAwB,MAAM,eAAe,CAAC;AAMxG,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;CAClB;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;EAoChB,CAAC"}

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

@@ -13,7 +13,6 @@ 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 _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
-var _to_consumable_array = require("@swc/helpers/_/_to_consumable_array");
 var _jsxruntime = require("react/jsx-runtime");
 var _core = require("@mantine/core");
 var _hooks = require("@mantine/hooks");
@@ -24,23 +23,21 @@ 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, [
+    var _useTableContext = (0, _TableContext.useTableContext)(), table = _useTableContext.table, getStyles = _useTableContext.getStyles;
+    var _useProps = (0, _core.useProps)('PlasmaTableLastUpdated', defaultProps, props), label = _useProps.label, 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",
         "style",
         "vars"
     ]);
-    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() {
         setTime(new Date());
     }, [
-        state
-    ].concat(_to_consumable_array._(dependencies)));
+        table.options.data
+    ]);
     var stylesApiProps = {
         classNames: classNames,
         styles: styles
@@ -49,13 +46,13 @@ var TableLastUpdated = (0, _core.factory)(function(props, ref) {
         px: "xl",
         justify: "right",
         ref: ref
-    }, ctx.getStyles('lastUpdatedRoot', _object_spread._({
+    }, getStyles('lastUpdatedRoot', _object_spread._({
         className: className,
         style: style
     }, stylesApiProps)), others), {
         children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Text, _object_spread_props._(_object_spread._({
             size: "xs"
-        }, ctx.getStyles('lastUpdatedLabel', _object_spread._({
+        }, getStyles('lastUpdatedLabel', _object_spread._({
             className: className,
             style: style
         }, stylesApiProps))), {

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 {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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","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"}
+{"version":3,"sources":["../../../../../src/components/table/table-last-updated/TableLastUpdated.tsx"],"sourcesContent":["import {BoxProps, CompoundStylesApiProps, factory, Factory, Group, Text, useProps} from '@mantine/core';\nimport {useDidUpdate} from '@mantine/hooks';\nimport dayjs from 'dayjs';\nimport {useState} from 'react';\nimport {useTableContext} 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}\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 {table, getStyles} = useTableContext();\n    const {label, classNames, className, styles, style, vars, ...others} = useProps(\n        'PlasmaTableLastUpdated',\n        defaultProps,\n        props,\n    );\n    const [time, setTime] = useState(new Date());\n\n    useDidUpdate(() => {\n        setTime(new Date());\n    }, [table.options.data]);\n\n    const stylesApiProps = {classNames, styles};\n\n    return (\n        <Group\n            px=\"xl\"\n            justify=\"right\"\n            ref={ref}\n            {...getStyles('lastUpdatedRoot', {className, style, ...stylesApiProps})}\n            {...others}\n        >\n            <Text size=\"xs\" {...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","useTableContext","table","getStyles","useProps","classNames","className","styles","style","vars","others","useState","Date","time","setTime","useDidUpdate","options","data","stylesApiProps","Group","px","justify","Text","size","span","role","dayjs","format"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BA2BaA;;;eAAAA;;;;;;;;;oBA3B2E;qBAC7D;8DACT;qBACK;4BACO;AAmB9B,IAAMC,eAA+C;IACjDC,OAAO;AACX;AAEO,IAAMF,mBAAmBG,IAAAA,aAAO,EAA0B,SAACC,OAAOC;IACrE,IAA2BC,mBAAAA,IAAAA,6BAAe,KAAnCC,QAAoBD,iBAApBC,OAAOC,YAAaF,iBAAbE;IACd,IAAuEC,YAAAA,IAAAA,cAAQ,EAC3E,0BACAR,cACAG,QAHGF,QAAgEO,UAAhEP,OAAOQ,aAAyDD,UAAzDC,YAAYC,YAA6CF,UAA7CE,WAAWC,SAAkCH,UAAlCG,QAAQC,QAA0BJ,UAA1BI,OAAOC,OAAmBL,UAAnBK,MAASC,sCAAUN;QAAhEP;QAAOQ;QAAYC;QAAWC;QAAQC;QAAOC;;IAKpD,IAAwBE,+BAAAA,IAAAA,eAAQ,EAAC,IAAIC,aAA9BC,OAAiBF,cAAXG,UAAWH;IAExBI,IAAAA,mBAAY,EAAC;QACTD,QAAQ,IAAIF;IAChB,GAAG;QAACV,MAAMc,OAAO,CAACC,IAAI;KAAC;IAEvB,IAAMC,iBAAiB;QAACb,YAAAA;QAAYE,QAAAA;IAAM;IAE1C,qBACI,qBAACY,WAAK;QACFC,IAAG;QACHC,SAAQ;QACRrB,KAAKA;OACDG,UAAU,mBAAmB;QAACG,WAAAA;QAAWE,OAAAA;OAAUU,kBACnDR;kBAEJ,cAAA,sBAACY,UAAI;YAACC,MAAK;WAASpB,UAAU,oBAAoB;YAACG,WAAAA;YAAWE,OAAAA;WAAUU;;gBACnErB;8BACD,qBAAC2B;oBAAKC,MAAK;8BAASC,IAAAA,cAAK,EAACb,MAAMc,MAAM,CAAC;;;;;AAIvD"}

package/dist/cjs/components/table/table-no-data/TableNoData.d.ts

@@ -0,0 +1,6 @@
+import { FunctionComponent, ReactNode } from 'react';
+export interface TableNoDataProps {
+    children: ReactNode;
+}
+export declare const TableNoData: FunctionComponent<TableNoDataProps>;
+//# sourceMappingURL=TableNoData.d.ts.map

package/dist/cjs/components/table/table-no-data/TableNoData.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableNoData.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-no-data/TableNoData.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,iBAAiB,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AAEnD,MAAM,WAAW,gBAAgB;IAC7B,QAAQ,EAAE,SAAS,CAAC;CACvB;AAED,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,gBAAgB,CAAmC,CAAC"}

package/dist/cjs/components/table/{table-consumer/TableConsumer.js → table-no-data/TableNoData.js}

@@ -2,18 +2,18 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "TableConsumer", {
+Object.defineProperty(exports, "TableNoData", {
     enumerable: true,
     get: function() {
-        return TableConsumer;
+        return TableNoData;
     }
 });
 var _jsxruntime = require("react/jsx-runtime");
-var TableConsumer = function(param) {
+var TableNoData = function(param) {
     var children = param.children;
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
         children: children
     });
 };
 
-//# sourceMappingURL=TableConsumer.js.map
+//# sourceMappingURL=TableNoData.js.map

package/dist/cjs/components/table/table-no-data/TableNoData.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/table/table-no-data/TableNoData.tsx"],"sourcesContent":["import {FunctionComponent, ReactNode} from 'react';\n\nexport interface TableNoDataProps {\n    children: ReactNode;\n}\n\nexport const TableNoData: FunctionComponent<TableNoDataProps> = ({children}) => <>{children}</>;\n"],"names":["TableNoData","children"],"rangeMappings":";;;;;;;;;;;;;;","mappings":";;;;+BAMaA;;;eAAAA;;;;AAAN,IAAMA,cAAmD;QAAEC,iBAAAA;yBAAc;kBAAGA"}

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":"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"}
+{"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;AAExC,OAAO,EAAC,oBAAoB,EAAC,MAAM,yBAAyB,CAAC;AAG7D,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,oBAAoB,CAwCnE,CAAC"}

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

@@ -15,32 +15,30 @@ 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;
-    var _useTable = (0, _TableContext.useTable)(), state = _useTable.state, setState = _useTable.setState, containerRef = _useTable.containerRef, getPageCount = _useTable.getPageCount;
+    var onPageChange = param.onPageChange;
+    var _useTableContext = (0, _TableContext.useTableContext)(), store = _useTableContext.store, table = _useTableContext.table, containerRef = _useTableContext.containerRef;
     var updatePage = function(newPage) {
         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), {
-                    pageIndex: newPage - 1
-                })
+        store.setPagination(function(prev) {
+            return _object_spread_props._(_object_spread._({}, prev), {
+                pageIndex: newPage - 1
             });
         });
         containerRef.current.scrollIntoView({
             behavior: 'smooth'
         });
     };
-    var total = totalPages == null ? getPageCount() : totalPages;
+    var total = table.getPageCount();
     (0, _hooks.useDidUpdate)(function() {
-        if (state.pagination.pageIndex + 1 > total && total > 0) {
+        if (store.state.pagination.pageIndex + 1 > total && total > 0) {
             updatePage(total);
         }
     }, [
-        state.pagination.pageIndex,
+        store.state.pagination.pageIndex,
         total
     ]);
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Pagination, {
-        value: state.pagination.pageIndex + 1,
+        value: store.state.pagination.pageIndex + 1,
         onChange: updatePage,
         total: total,
         boundaries: 0,

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 {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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","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;QAChBP,yBAAAA,mCAAAA,aAAeO,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,cAAc,OAAOM,iBAAiBN;IAEpDgB,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"}
+{"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 {TablePaginationProps} from './TablePagination.types';\nimport {useTableContext} from '../TableContext';\n\nexport const TablePagination: FunctionComponent<TablePaginationProps> = ({onPageChange}) => {\n    const {store, table, containerRef} = useTableContext();\n\n    const updatePage = (newPage: number) => {\n        onPageChange?.(newPage - 1);\n        store.setPagination((prev) => ({...prev, pageIndex: newPage - 1}));\n        containerRef.current.scrollIntoView({behavior: 'smooth'});\n    };\n\n    const total = table.getPageCount();\n\n    useDidUpdate(() => {\n        if (store.state.pagination.pageIndex + 1 > total && total > 0) {\n            updatePage(total);\n        }\n    }, [store.state.pagination.pageIndex, total]);\n\n    return (\n        <Pagination\n            value={store.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","onPageChange","useTableContext","store","table","containerRef","updatePage","newPage","setPagination","prev","pageIndex","current","scrollIntoView","behavior","total","getPageCount","useDidUpdate","state","pagination","Pagination","value","onChange","boundaries","size","gap","getControlProps","control","component"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAOaA;;;eAAAA;;;;;;oBAPY;qBACE;4BAIG;AAEvB,IAAMA,kBAA2D;QAAEC,qBAAAA;IACtE,IAAqCC,mBAAAA,IAAAA,6BAAe,KAA7CC,QAA8BD,iBAA9BC,OAAOC,QAAuBF,iBAAvBE,OAAOC,eAAgBH,iBAAhBG;IAErB,IAAMC,aAAa,SAACC;QAChBN,yBAAAA,mCAAAA,aAAeM,UAAU;QACzBJ,MAAMK,aAAa,CAAC,SAACC;mBAAU,4CAAIA;gBAAMC,WAAWH,UAAU;;;QAC9DF,aAAaM,OAAO,CAACC,cAAc,CAAC;YAACC,UAAU;QAAQ;IAC3D;IAEA,IAAMC,QAAQV,MAAMW,YAAY;IAEhCC,IAAAA,mBAAY,EAAC;QACT,IAAIb,MAAMc,KAAK,CAACC,UAAU,CAACR,SAAS,GAAG,IAAII,SAASA,QAAQ,GAAG;YAC3DR,WAAWQ;QACf;IACJ,GAAG;QAACX,MAAMc,KAAK,CAACC,UAAU,CAACR,SAAS;QAAEI;KAAM;IAE5C,qBACI,qBAACK,gBAAU;QACPC,OAAOjB,MAAMc,KAAK,CAACC,UAAU,CAACR,SAAS,GAAG;QAC1CW,UAAUf;QACVQ,OAAOA;QACPQ,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-pagination/TablePagination.types.d.ts

@@ -1,8 +1,4 @@
 export interface TablePaginationProps {
-    /**
-     * The total number of page. Use null only if your table is paginated client side
-     */
-    totalPages: number | null;
     /**
      * The callback if the current page is changed.
      *

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

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

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

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

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

@@ -8,10 +8,9 @@ Object.defineProperty(exports, "TablePerPage", {
         return TablePerPage;
     }
 });
-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 _react = require("react");
 var _TableContext = require("../TableContext");
 var TablePerPage = function(param) {
     var _param_label = param.label, label = _param_label === void 0 ? 'Results per page' : _param_label, _param_values = param.values, values = _param_values === void 0 ? [
@@ -19,20 +18,23 @@ var TablePerPage = function(param) {
         50,
         100
     ] : _param_values, onPerPageChange = param.onPerPageChange;
-    var _useTable = (0, _TableContext.useTable)(), state = _useTable.state, setState = _useTable.setState, getPageCount = _useTable.getPageCount;
+    var _useTableContext = (0, _TableContext.useTableContext)(), store = _useTableContext.store, table = _useTableContext.table;
+    var choices = (0, _react.useMemo)(function() {
+        return values.map(function(value) {
+            return value.toString();
+        });
+    }, [
+        values
+    ]);
     var updatePerPage = function(newPerPage) {
         onPerPageChange === null || onPerPageChange === void 0 ? void 0 : onPerPageChange(Number(newPerPage));
-        setState(function(prevState) {
-            return _object_spread_props._(_object_spread._({}, prevState), {
-                pagination: {
-                    pageIndex: 0,
-                    pageSize: parseInt(newPerPage, 10)
-                }
-            });
+        store.setPagination({
+            pageIndex: 0,
+            pageSize: parseInt(newPerPage, 10)
         });
     };
-    var _state_pagination_pageSize_toString;
-    return getPageCount() > 0 ? /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Group, {
+    var _store_state_pagination_pageSize_toString, _ref;
+    return table.getPageCount() > 0 ? /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Group, {
         gap: "sm",
         children: [
             /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Text, {
@@ -40,11 +42,9 @@ var TablePerPage = function(param) {
                 children: label
             }),
             /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.SegmentedControl, {
-                value: (_state_pagination_pageSize_toString = state.pagination.pageSize.toString()) !== null && _state_pagination_pageSize_toString !== void 0 ? _state_pagination_pageSize_toString : values === null || values === void 0 ? void 0 : values[1].toString(),
+                value: (_ref = (_store_state_pagination_pageSize_toString = store.state.pagination.pageSize.toString()) !== null && _store_state_pagination_pageSize_toString !== void 0 ? _store_state_pagination_pageSize_toString : choices[1]) !== null && _ref !== void 0 ? _ref : choices[0],
                 onChange: updatePerPage,
-                data: values.map(function(value) {
-                    return value.toString();
-                }),
+                data: choices,
                 size: "sm"
             })
         ]

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 gap=\"sm\">\n            <Text fw={500}>{label}</Text>\n            <SegmentedControl\n                value={state.pagination.pageSize.toString() ?? values?.[1].toString()}\n                onChange={updatePerPage}\n                data={values.map((value) => value.toString())}\n                size=\"sm\"\n            />\n        </Group>\n    ) : null;\n};\n\nTablePerPage.DEFAULT_SIZE = 50;\n"],"names":["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","size","DEFAULT_SIZE"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAMaA;;;eAAAA;;;;;;oBAN+B;4BAGrB;AAGhB,IAAMA,eAA8E;6BACvFC,OAAAA,kCAAQ,yDACRC,QAAAA,oCAAS;QAAC;QAAI;QAAI;KAAI,kBACtBC,wBAAAA;IAEA,IAAwCC,YAAAA,IAAAA,sBAAQ,KAAzCC,QAAiCD,UAAjCC,OAAOC,WAA0BF,UAA1BE,UAAUC,eAAgBH,UAAhBG;IAExB,IAAMC,gBAAgB,SAACC;QACnBN,4BAAAA,sCAAAA,gBAAkBO,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,sCAAwCH,mBAAAA,6BAAAA,MAAQ,CAAC,EAAE,CAACoB,QAAQ;gBACnEC,UAAUf;gBACVgB,MAAMtB,OAAOuB,GAAG,CAAC,SAACJ;2BAAUA,MAAMC,QAAQ;;gBAC1CI,MAAK;;;SAGb;AACR;AAEA1B,aAAa2B,YAAY,GAAG"}
+{"version":3,"sources":["../../../../../src/components/table/table-per-page/TablePerPage.tsx"],"sourcesContent":["import {Group, SegmentedControl, Text} from '@mantine/core';\nimport {FunctionComponent, useMemo} from 'react';\n\nimport {useTableContext} 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 {store, table} = useTableContext();\n    const choices = useMemo(() => values.map((value) => value.toString()), [values]);\n\n    const updatePerPage = (newPerPage: string) => {\n        onPerPageChange?.(Number(newPerPage));\n        store.setPagination({pageIndex: 0, pageSize: parseInt(newPerPage, 10)});\n    };\n\n    return table.getPageCount() > 0 ? (\n        <Group gap=\"sm\">\n            <Text fw={500}>{label}</Text>\n            <SegmentedControl\n                value={store.state.pagination.pageSize.toString() ?? choices[1] ?? choices[0]}\n                onChange={updatePerPage}\n                data={choices}\n                size=\"sm\"\n            />\n        </Group>\n    ) : null;\n};\n\nTablePerPage.DEFAULT_SIZE = 50;\n"],"names":["TablePerPage","label","values","onPerPageChange","useTableContext","store","table","choices","useMemo","map","value","toString","updatePerPage","newPerPage","Number","setPagination","pageIndex","pageSize","parseInt","getPageCount","Group","gap","Text","fw","SegmentedControl","state","pagination","onChange","data","size","DEFAULT_SIZE"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAMaA;;;eAAAA;;;;oBAN+B;qBACH;4BAEX;AAGvB,IAAMA,eAA8E;6BACvFC,OAAAA,kCAAQ,yDACRC,QAAAA,oCAAS;QAAC;QAAI;QAAI;KAAI,kBACtBC,wBAAAA;IAEA,IAAuBC,mBAAAA,IAAAA,6BAAe,KAA/BC,QAAgBD,iBAAhBC,OAAOC,QAASF,iBAATE;IACd,IAAMC,UAAUC,IAAAA,cAAO,EAAC;eAAMN,OAAOO,GAAG,CAAC,SAACC;mBAAUA,MAAMC,QAAQ;;OAAK;QAACT;KAAO;IAE/E,IAAMU,gBAAgB,SAACC;QACnBV,4BAAAA,sCAAAA,gBAAkBW,OAAOD;QACzBR,MAAMU,aAAa,CAAC;YAACC,WAAW;YAAGC,UAAUC,SAASL,YAAY;QAAG;IACzE;QAMmBR,2CAAAA;IAJnB,OAAOC,MAAMa,YAAY,KAAK,kBAC1B,sBAACC,WAAK;QAACC,KAAI;;0BACP,qBAACC,UAAI;gBAACC,IAAI;0BAAMtB;;0BAChB,qBAACuB,sBAAgB;gBACbd,OAAOL,CAAAA,OAAAA,CAAAA,4CAAAA,MAAMoB,KAAK,CAACC,UAAU,CAACT,QAAQ,CAACN,QAAQ,gBAAxCN,uDAAAA,4CAA8CE,OAAO,CAAC,EAAE,cAAxDF,kBAAAA,OAA4DE,OAAO,CAAC,EAAE;gBAC7EoB,UAAUf;gBACVgB,MAAMrB;gBACNsB,MAAK;;;SAGb;AACR;AAEA7B,aAAa8B,YAAY,GAAG"}

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

@@ -1,5 +1,4 @@
-import { BoxProps, ComboboxData, Factory } from '@mantine/core';
-import { CompoundStylesApiProps } from '@mantine/core/lib/core/styles-api/styles-api.types';
+import { BoxProps, ComboboxData, CompoundStylesApiProps, Factory } from '@mantine/core';
 import { FunctionComponent } from 'react';
 export type TablePredicateStylesNames = 'predicate' | 'predicateWrapper' | 'predicateLabel' | 'predicateSelect';
 export interface TablePredicateProps extends BoxProps, CompoundStylesApiProps<TablePredicateFactory> {

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":"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"}
+{"version":3,"file":"TablePredicate.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-predicate/TablePredicate.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,QAAQ,EACR,YAAY,EACZ,sBAAsB,EAEtB,OAAO,EAMV,MAAM,eAAe,CAAC;AACvB,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,CAqChE,CAAC"}

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

@@ -18,7 +18,7 @@ var _Table = require("../Table");
 var _TableContext = require("../TableContext");
 var defaultProps = {};
 var TablePredicate = (0, _core.factory)(function(props, ref) {
-    var ctx = (0, _TableContext.useTableStyles)();
+    var _useTableContext = (0, _TableContext.useTableContext)(), store = _useTableContext.store, getStyles = _useTableContext.getStyles;
     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",
@@ -29,15 +29,13 @@ var TablePredicate = (0, _core.factory)(function(props, ref) {
         "style",
         "vars"
     ]);
-    var _useTable = (0, _TableContext.useTable)(), form = _useTable.form, setState = _useTable.setState;
     var handleChange = function(newValue) {
-        form.setFieldValue('predicates', _object_spread_props._(_object_spread._({}, form.values.predicates), _define_property._({}, id, newValue)));
-        setState(function(prevState) {
-            return _object_spread_props._(_object_spread._({}, prevState), {
-                pagination: prevState.pagination ? {
-                    pageIndex: 0,
-                    pageSize: prevState.pagination.pageSize
-                } : prevState.pagination
+        store.setPredicates(function(prev) {
+            return _object_spread_props._(_object_spread._({}, prev), _define_property._({}, id, newValue));
+        });
+        store.setPagination(function(prev) {
+            return _object_spread_props._(_object_spread._({}, prev), {
+                pageIndex: 0
             });
         });
     };
@@ -49,15 +47,15 @@ var TablePredicate = (0, _core.factory)(function(props, ref) {
         span: "content",
         order: _Table.TableComponentsOrder.Predicate,
         ref: ref
-    }, ctx.getStyles('predicate', _object_spread._({
+    }, 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)), {
+        }, getStyles('predicateWrapper', stylesApiProps)), {
             children: [
-                label ? /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Text, _object_spread_props._(_object_spread._({}, ctx.getStyles('predicateLabel', stylesApiProps)), {
+                label ? /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Text, _object_spread_props._(_object_spread._({}, getStyles('predicateLabel', stylesApiProps)), {
                     children: [
                         label,
                         ":"
@@ -67,12 +65,12 @@ var TablePredicate = (0, _core.factory)(function(props, ref) {
                     comboboxProps: {
                         withinPortal: true
                     },
-                    value: form.values.predicates[id],
+                    value: store.state.predicates[id],
                     onChange: handleChange,
                     data: data,
                     "aria-label": label !== null && label !== void 0 ? label : id,
                     searchable: data.length > 7
-                }, ctx.getStyles('predicateSelect', stylesApiProps)))
+                }, getStyles('predicateSelect', stylesApiProps)))
             ]
         }))
     }));

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

@@ -1 +1 @@
-{"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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","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"}
+{"version":3,"sources":["../../../../../src/components/table/table-predicate/TablePredicate.tsx"],"sourcesContent":["import {\n    BoxProps,\n    ComboboxData,\n    CompoundStylesApiProps,\n    factory,\n    Factory,\n    Grid,\n    Group,\n    Select,\n    Text,\n    useProps,\n} from '@mantine/core';\nimport {FunctionComponent} from 'react';\n\nimport {TableComponentsOrder} from '../Table';\nimport {useTableContext} 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 {store, getStyles} = useTableContext();\n    const {id, data, label, classNames, className, styles, style, vars, ...others} = useProps(\n        'PlasmaTablePredicate',\n        defaultProps,\n        props,\n    );\n\n    const handleChange = (newValue: string) => {\n        store.setPredicates((prev) => ({...prev, [id]: newValue}));\n        store.setPagination((prev) => ({...prev, pageIndex: 0}));\n    };\n\n    const stylesApiProps = {classNames, styles};\n\n    return (\n        <Grid.Col\n            span=\"content\"\n            order={TableComponentsOrder.Predicate}\n            ref={ref}\n            {...getStyles('predicate', {className, style, ...stylesApiProps})}\n            {...others}\n        >\n            <Group gap=\"xs\" {...getStyles('predicateWrapper', stylesApiProps)}>\n                {label ? <Text {...getStyles('predicateLabel', stylesApiProps)}>{label}:</Text> : null}\n                <Select\n                    comboboxProps={{withinPortal: true}}\n                    value={store.state.predicates[id]}\n                    onChange={handleChange}\n                    data={data}\n                    aria-label={label ?? id}\n                    searchable={data.length > 7}\n                    {...getStyles('predicateSelect', stylesApiProps)}\n                />\n            </Group>\n        </Grid.Col>\n    );\n});\n"],"names":["TablePredicate","defaultProps","factory","props","ref","useTableContext","store","getStyles","useProps","id","data","label","classNames","className","styles","style","vars","others","handleChange","newValue","setPredicates","prev","setPagination","pageIndex","stylesApiProps","Grid","Col","span","order","TableComponentsOrder","Predicate","Group","gap","Text","Select","comboboxProps","withinPortal","value","state","predicates","onChange","aria-label","searchable","length"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BA6CaA;;;eAAAA;;;;;;;;oBAlCN;qBAG4B;4BACL;AA4B9B,IAAMC,eAA6C,CAAC;AAE7C,IAAMD,iBAAyDE,IAAAA,aAAO,EAAwB,SAACC,OAAOC;IACzG,IAA2BC,mBAAAA,IAAAA,6BAAe,KAAnCC,QAAoBD,iBAApBC,OAAOC,YAAaF,iBAAbE;IACd,IAAiFC,YAAAA,IAAAA,cAAQ,EACrF,wBACAP,cACAE,QAHGM,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;;IAM9D,IAAME,eAAe,SAACC;QAClBb,MAAMc,aAAa,CAAC,SAACC;mBAAU,4CAAIA,OAAM,uBAACZ,IAAKU;;QAC/Cb,MAAMgB,aAAa,CAAC,SAACD;mBAAU,4CAAIA;gBAAME,WAAW;;;IACxD;IAEA,IAAMC,iBAAiB;QAACZ,YAAAA;QAAYE,QAAAA;IAAM;IAE1C,qBACI,qBAACW,UAAI,CAACC,GAAG;QACLC,MAAK;QACLC,OAAOC,2BAAoB,CAACC,SAAS;QACrC1B,KAAKA;OACDG,UAAU,aAAa;QAACM,WAAAA;QAAWE,OAAAA;OAAUS,kBAC7CP;kBAEJ,cAAA,sBAACc,WAAK;YAACC,KAAI;WAASzB,UAAU,oBAAoBiB;;gBAC7Cb,sBAAQ,sBAACsB,UAAI,8CAAK1B,UAAU,kBAAkBiB;;wBAAkBb;wBAAM;;sBAAW;8BAClF,qBAACuB,YAAM;oBACHC,eAAe;wBAACC,cAAc;oBAAI;oBAClCC,OAAO/B,MAAMgC,KAAK,CAACC,UAAU,CAAC9B,GAAG;oBACjC+B,UAAUtB;oBACVR,MAAMA;oBACN+B,cAAY9B,kBAAAA,mBAAAA,QAASF;oBACrBiC,YAAYhC,KAAKiC,MAAM,GAAG;mBACtBpC,UAAU,mBAAmBiB;;;;AAKrD"}