@coveord/plasma-mantine 56.1.2 → 56.1.4

package/dist/cjs/components/table/table-filter/TableFilter.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/table/table-filter/TableFilter.tsx"],"sourcesContent":["import {IconSearch, IconX} from '@coveord/plasma-react-icons';\nimport {BoxProps, CompoundStylesApiProps, Factory, factory, Grid, TextInput, useProps} from '@mantine/core';\nimport {useDebouncedValue, useDidUpdate} from '@mantine/hooks';\nimport {ChangeEventHandler, MouseEventHandler, useEffect, useState} from 'react';\n\nimport {ActionIcon} from '../../action-icon';\nimport {TableComponentsOrder} from '../Table';\nimport {useTableContext} from '../TableContext';\n\nexport type TableFilterStylesNames = 'filterRoot' | 'filterWrapper' | 'filterEmpty';\n\nexport interface TableFilterProps extends BoxProps, CompoundStylesApiProps<TableFilterFactory> {\n    /**\n     * The placeholder for the filter input\n     *\n     * @default \"Search by any field\"\n     */\n    placeholder?: string;\n}\n\nexport type TableFilterFactory = Factory<{\n    props: TableFilterProps;\n    ref: HTMLDivElement;\n    stylesNames: TableFilterStylesNames;\n    compound: true;\n}>;\n\nconst defaultProps: Partial<TableFilterProps> = {\n    placeholder: 'Search by any field',\n};\n\nexport const TableFilter = factory<TableFilterFactory>((props, ref) => {\n    const {store, getStyles} = useTableContext();\n    const {placeholder, classNames, className, styles, style, vars, ...others} = useProps(\n        'PlasmaTableFilter',\n        defaultProps,\n        props,\n    );\n    const [filter, setFilter] = useState(store.state.globalFilter);\n    const [debounced, cancel] = useDebouncedValue(filter, 300);\n\n    useDidUpdate(() => {\n        store.setGlobalFilter(debounced);\n        store.setPagination({pageIndex: 0, pageSize: store.state.pagination.pageSize});\n\n        return cancel;\n    }, [debounced]);\n\n    const handleChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n        const {value} = event.currentTarget;\n        setFilter(value);\n    };\n\n    const handleClear: MouseEventHandler<HTMLButtonElement> = () => {\n        setFilter('');\n    };\n\n    useEffect(() => {\n        setFilter(store.state.globalFilter);\n    }, [store.state.globalFilter]);\n\n    const stylesApiProps = {classNames, styles};\n\n    return (\n        <Grid.Col\n            span=\"content\"\n            order={TableComponentsOrder.Filter}\n            ref={ref}\n            {...getStyles('filterRoot', {className, style, ...stylesApiProps})}\n            {...others}\n        >\n            <TextInput\n                {...getStyles('filterWrapper', stylesApiProps)}\n                placeholder={placeholder}\n                autoComplete=\"off\"\n                rightSection={\n                    filter ? (\n                        <ActionIcon.Quaternary onClick={handleClear}>\n                            <IconX aria-label=\"clear\" size={16} />\n                        </ActionIcon.Quaternary>\n                    ) : (\n                        <IconSearch size={16} {...getStyles('filterEmpty', stylesApiProps)} />\n                    )\n                }\n                value={filter}\n                onChange={handleChange}\n            />\n        </Grid.Col>\n    );\n});\n"],"names":["TableFilter","defaultProps","placeholder","factory","props","ref","useTableContext","store","getStyles","useProps","classNames","className","styles","style","vars","others","useState","state","globalFilter","filter","setFilter","useDebouncedValue","debounced","cancel","useDidUpdate","setGlobalFilter","setPagination","pageIndex","pageSize","pagination","handleChange","event","value","currentTarget","handleClear","useEffect","stylesApiProps","Grid","Col","span","order","TableComponentsOrder","Filter","TextInput","autoComplete","rightSection","ActionIcon","Quaternary","onClick","IconX","aria-label","size","IconSearch","onChange"],"mappings":";;;;+BA+BaA;;;eAAAA;;;;;;;;gCA/BmB;oBAC4D;qBAC9C;qBAC2B;0BAEhD;qBACU;4BACL;AAoB9B,IAAMC,eAA0C;IAC5CC,aAAa;AACjB;AAEO,IAAMF,cAAcG,IAAAA,aAAO,EAAqB,SAACC,OAAOC;IAC3D,IAA2BC,mBAAAA,IAAAA,6BAAe,KAAnCC,QAAoBD,iBAApBC,OAAOC,YAAaF,iBAAbE;IACd,IAA6EC,YAAAA,IAAAA,cAAQ,EACjF,qBACAR,cACAG,QAHGF,cAAsEO,UAAtEP,aAAaQ,aAAyDD,UAAzDC,YAAYC,YAA6CF,UAA7CE,WAAWC,SAAkCH,UAAlCG,QAAQC,QAA0BJ,UAA1BI,OAAOC,OAAmBL,UAAnBK,MAASC,sCAAUN;QAAtEP;QAAaQ;QAAYC;QAAWC;QAAQC;QAAOC;;IAK1D,IAA4BE,+BAAAA,IAAAA,eAAQ,EAACT,MAAMU,KAAK,CAACC,YAAY,OAAtDC,SAAqBH,cAAbI,YAAaJ;IAC5B,IAA4BK,wCAAAA,IAAAA,wBAAiB,EAACF,QAAQ,UAA/CG,YAAqBD,uBAAVE,SAAUF;IAE5BG,IAAAA,mBAAY,EAAC;QACTjB,MAAMkB,eAAe,CAACH;QACtBf,MAAMmB,aAAa,CAAC;YAACC,WAAW;YAAGC,UAAUrB,MAAMU,KAAK,CAACY,UAAU,CAACD,QAAQ;QAAA;QAE5E,OAAOL;IACX,GAAG;QAACD;KAAU;IAEd,IAAMQ,eAAqD,SAACC;QACxD,IAAM,AAACC,QAASD,MAAME,aAAa,CAA5BD;QACPZ,UAAUY;IACd;IAEA,IAAME,cAAoD;QACtDd,UAAU;IACd;IAEAe,IAAAA,gBAAS,EAAC;QACNf,UAAUb,MAAMU,KAAK,CAACC,YAAY;IACtC,GAAG;QAACX,MAAMU,KAAK,CAACC,YAAY;KAAC;IAE7B,IAAMkB,iBAAiB;QAAC1B,YAAAA;QAAYE,QAAAA;IAAM;IAE1C,qBACI,qBAACyB,UAAI,CAACC,GAAG;QACLC,MAAK;QACLC,OAAOC,2BAAoB,CAACC,MAAM;QAClCrC,KAAKA;OACDG,UAAU,cAAc;QAACG,WAAAA;QAAWE,OAAAA;OAAUuB,kBAC9CrB;kBAEJ,cAAA,qBAAC4B,eAAS,8CACFnC,UAAU,iBAAiB4B;YAC/BlC,aAAaA;YACb0C,cAAa;YACbC,cACI1B,uBACI,qBAAC2B,sBAAU,CAACC,UAAU;gBAACC,SAASd;0BAC5B,cAAA,qBAACe,uBAAK;oBAACC,cAAW;oBAAQC,MAAM;;+BAGpC,qBAACC,4BAAU;gBAACD,MAAM;eAAQ3C,UAAU,eAAe4B;YAG3DJ,OAAOb;YACPkC,UAAUvB;;;AAI1B"}
+{"version":3,"sources":["../../../../../src/components/table/table-filter/TableFilter.tsx"],"sourcesContent":["import {IconSearch, IconX} from '@coveord/plasma-react-icons';\nimport {BoxProps, CompoundStylesApiProps, Factory, factory, Grid, TextInput, useProps} from '@mantine/core';\nimport {useDebouncedValue, useDidUpdate} from '@mantine/hooks';\nimport {ChangeEventHandler, MouseEventHandler, useEffect, useState} from 'react';\n\nimport {ActionIcon} from '../../action-icon/index.js';\nimport {TableComponentsOrder} from '../Table.js';\nimport {useTableContext} from '../TableContext.js';\n\nexport type TableFilterStylesNames = 'filterRoot' | 'filterWrapper' | 'filterEmpty';\n\nexport interface TableFilterProps extends BoxProps, CompoundStylesApiProps<TableFilterFactory> {\n    /**\n     * The placeholder for the filter input\n     *\n     * @default \"Search by any field\"\n     */\n    placeholder?: string;\n}\n\nexport type TableFilterFactory = Factory<{\n    props: TableFilterProps;\n    ref: HTMLDivElement;\n    stylesNames: TableFilterStylesNames;\n    compound: true;\n}>;\n\nconst defaultProps: Partial<TableFilterProps> = {\n    placeholder: 'Search by any field',\n};\n\nexport const TableFilter = factory<TableFilterFactory>((props, ref) => {\n    const {store, getStyles} = useTableContext();\n    const {placeholder, classNames, className, styles, style, vars, ...others} = useProps(\n        'PlasmaTableFilter',\n        defaultProps,\n        props,\n    );\n    const [filter, setFilter] = useState(store.state.globalFilter);\n    const [debounced, cancel] = useDebouncedValue(filter, 300);\n\n    useDidUpdate(() => {\n        store.setGlobalFilter(debounced);\n        store.setPagination({pageIndex: 0, pageSize: store.state.pagination.pageSize});\n\n        return cancel;\n    }, [debounced]);\n\n    const handleChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n        const {value} = event.currentTarget;\n        setFilter(value);\n    };\n\n    const handleClear: MouseEventHandler<HTMLButtonElement> = () => {\n        setFilter('');\n    };\n\n    useEffect(() => {\n        setFilter(store.state.globalFilter);\n    }, [store.state.globalFilter]);\n\n    const stylesApiProps = {classNames, styles};\n\n    return (\n        <Grid.Col\n            span=\"content\"\n            order={TableComponentsOrder.Filter}\n            ref={ref}\n            {...getStyles('filterRoot', {className, style, ...stylesApiProps})}\n            {...others}\n        >\n            <TextInput\n                {...getStyles('filterWrapper', stylesApiProps)}\n                placeholder={placeholder}\n                autoComplete=\"off\"\n                rightSection={\n                    filter ? (\n                        <ActionIcon.Quaternary onClick={handleClear}>\n                            <IconX aria-label=\"clear\" size={16} />\n                        </ActionIcon.Quaternary>\n                    ) : (\n                        <IconSearch size={16} {...getStyles('filterEmpty', stylesApiProps)} />\n                    )\n                }\n                value={filter}\n                onChange={handleChange}\n            />\n        </Grid.Col>\n    );\n});\n"],"names":["TableFilter","defaultProps","placeholder","factory","props","ref","useTableContext","store","getStyles","useProps","classNames","className","styles","style","vars","others","useState","state","globalFilter","filter","setFilter","useDebouncedValue","debounced","cancel","useDidUpdate","setGlobalFilter","setPagination","pageIndex","pageSize","pagination","handleChange","event","value","currentTarget","handleClear","useEffect","stylesApiProps","Grid","Col","span","order","TableComponentsOrder","Filter","TextInput","autoComplete","rightSection","ActionIcon","Quaternary","onClick","IconX","aria-label","size","IconSearch","onChange"],"mappings":";;;;+BA+BaA;;;eAAAA;;;;;;;;gCA/BmB;oBAC4D;qBAC9C;qBAC2B;qBAEhD;qBACU;4BACL;AAoB9B,IAAMC,eAA0C;IAC5CC,aAAa;AACjB;AAEO,IAAMF,cAAcG,IAAAA,aAAO,EAAqB,SAACC,OAAOC;IAC3D,IAA2BC,mBAAAA,IAAAA,6BAAe,KAAnCC,QAAoBD,iBAApBC,OAAOC,YAAaF,iBAAbE;IACd,IAA6EC,YAAAA,IAAAA,cAAQ,EACjF,qBACAR,cACAG,QAHGF,cAAsEO,UAAtEP,aAAaQ,aAAyDD,UAAzDC,YAAYC,YAA6CF,UAA7CE,WAAWC,SAAkCH,UAAlCG,QAAQC,QAA0BJ,UAA1BI,OAAOC,OAAmBL,UAAnBK,MAASC,sCAAUN;QAAtEP;QAAaQ;QAAYC;QAAWC;QAAQC;QAAOC;;IAK1D,IAA4BE,+BAAAA,IAAAA,eAAQ,EAACT,MAAMU,KAAK,CAACC,YAAY,OAAtDC,SAAqBH,cAAbI,YAAaJ;IAC5B,IAA4BK,wCAAAA,IAAAA,wBAAiB,EAACF,QAAQ,UAA/CG,YAAqBD,uBAAVE,SAAUF;IAE5BG,IAAAA,mBAAY,EAAC;QACTjB,MAAMkB,eAAe,CAACH;QACtBf,MAAMmB,aAAa,CAAC;YAACC,WAAW;YAAGC,UAAUrB,MAAMU,KAAK,CAACY,UAAU,CAACD,QAAQ;QAAA;QAE5E,OAAOL;IACX,GAAG;QAACD;KAAU;IAEd,IAAMQ,eAAqD,SAACC;QACxD,IAAM,AAACC,QAASD,MAAME,aAAa,CAA5BD;QACPZ,UAAUY;IACd;IAEA,IAAME,cAAoD;QACtDd,UAAU;IACd;IAEAe,IAAAA,gBAAS,EAAC;QACNf,UAAUb,MAAMU,KAAK,CAACC,YAAY;IACtC,GAAG;QAACX,MAAMU,KAAK,CAACC,YAAY;KAAC;IAE7B,IAAMkB,iBAAiB;QAAC1B,YAAAA;QAAYE,QAAAA;IAAM;IAE1C,qBACI,qBAACyB,UAAI,CAACC,GAAG;QACLC,MAAK;QACLC,OAAOC,2BAAoB,CAACC,MAAM;QAClCrC,KAAKA;OACDG,UAAU,cAAc;QAACG,WAAAA;QAAWE,OAAAA;OAAUuB,kBAC9CrB;kBAEJ,cAAA,qBAAC4B,eAAS,8CACFnC,UAAU,iBAAiB4B;YAC/BlC,aAAaA;YACb0C,cAAa;YACbC,cACI1B,uBACI,qBAAC2B,iBAAU,CAACC,UAAU;gBAACC,SAASd;0BAC5B,cAAA,qBAACe,uBAAK;oBAACC,cAAW;oBAAQC,MAAM;;+BAGpC,qBAACC,4BAAU;gBAACD,MAAM;eAAQ3C,UAAU,eAAe4B;YAG3DJ,OAAOb;YACPkC,UAAUvB;;;AAI1B"}

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

@@ -14,11 +14,11 @@ var _object_without_properties = require("@swc/helpers/_/_object_without_propert
 var _jsxruntime = require("react/jsx-runtime");
 var _plasmareacticons = require("@coveord/plasma-react-icons");
 var _core = require("@mantine/core");
-var _button = require("../../button");
-var _TableLayoutControl = require("../layouts/TableLayoutControl");
-var _Table = require("../Table");
-var _tableactions = require("../table-actions");
-var _TableContext = require("../TableContext");
+var _index = require("../../button/index.js");
+var _TableLayoutControl = require("../layouts/TableLayoutControl.js");
+var _Table = require("../Table.js");
+var _index1 = require("../table-actions/index.js");
+var _TableContext = require("../TableContext.js");
 var defaultProps = {
     unselectAllLabel: 'Unselect all',
     selectedCountLabel: function(count) {
@@ -75,7 +75,7 @@ var TableHeader = (0, _core.factory)(function(props, ref) {
                     order: _Table.TableComponentsOrder.MultiSelectInfo,
                     children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Tooltip, {
                         label: unselectAllLabel,
-                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_button.Button.Quaternary, {
+                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_index.Button.Quaternary, {
                             onClick: store.clearRowSelection,
                             disabled: !store.rowSelectionEnabled,
                             leftSection: /*#__PURE__*/ (0, _jsxruntime.jsx)(_plasmareacticons.CrossSize16Px, {
@@ -86,7 +86,7 @@ var TableHeader = (0, _core.factory)(function(props, ref) {
                     })
                 })) : null,
                 children,
-                showActions ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_tableactions.TableHeaderActions, {}) : null,
+                showActions ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_index1.TableHeaderActions, {}) : null,
                 /*#__PURE__*/ (0, _jsxruntime.jsx)(_TableLayoutControl.TableLayoutControl, {})
             ]
         })

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/table/table-header/TableHeader.tsx"],"sourcesContent":["import {CrossSize16Px} from '@coveord/plasma-react-icons';\nimport {Box, BoxProps, CompoundStylesApiProps, factory, Factory, Grid, Tooltip, useProps} from '@mantine/core';\nimport {ReactNode} from 'react';\n\nimport {Button} from '../../button';\nimport {TableLayoutControl} from '../layouts/TableLayoutControl';\nimport {TableComponentsOrder} from '../Table';\nimport {TableHeaderActions} from '../table-actions';\nimport {useTableContext} from '../TableContext';\n\nexport type TableHeaderStylesNames = 'headerRoot' | 'headerGrid' | 'headerGridInner' | 'headerCol';\n\nexport interface TableHeaderProps\n    extends Omit<BoxProps, 'classNames' | 'styles' | 'vars'>,\n        CompoundStylesApiProps<TableHeaderFactory> {\n    /* Children of header (ie: actions, datepicker, etc.) */\n    children?: ReactNode;\n    unselectAllLabel?: string;\n    selectedCountLabel?: (count: number) => string;\n    /**\n     * Whether to show actions when rows are selected\n     *\n     * default true\n     */\n    showActions?: boolean;\n    /**\n     * Whether to show a border on top of the header\n     *\n     * default true\n     */\n    borderTop?: boolean;\n}\n\nexport type TableHeaderFactory = Factory<{\n    props: TableHeaderProps;\n    ref: HTMLDivElement;\n    stylesNames: TableHeaderStylesNames;\n    compound: true;\n}>;\n\nconst defaultProps: Partial<TableHeaderProps> = {\n    unselectAllLabel: 'Unselect all',\n    selectedCountLabel: (count) => `${count} selected`,\n    showActions: true,\n    borderTop: true,\n};\n\nexport const TableHeader = factory<TableHeaderFactory>((props, ref) => {\n    const {store, getStyles} = useTableContext();\n    const {\n        showActions,\n        unselectAllLabel,\n        selectedCountLabel,\n        borderTop,\n        children,\n        classNames,\n        className,\n        styles,\n        style,\n        vars: _vars,\n        ...others\n    } = useProps('PlasmaTableHeader', defaultProps, props);\n    const selectedRows = store.getSelectedRows();\n\n    const stylesApiProps = {classNames, styles};\n    const innerStyles = getStyles('headerGridInner', stylesApiProps);\n    const gridStyles = getStyles('headerGrid', stylesApiProps);\n\n    return (\n        <Box\n            ref={ref}\n            {...getStyles('headerRoot', {className, style, ...stylesApiProps})}\n            {...others}\n            mod={{'with-border-top': borderTop}}\n        >\n            <Grid\n                justify=\"flex-start\"\n                align=\"center\"\n                classNames={{inner: innerStyles.className, root: gridStyles.className}}\n                styles={{inner: innerStyles.style, root: gridStyles.style}}\n            >\n                {store.multiRowSelectionEnabled && selectedRows.length > 0 ? (\n                    <Grid.Col\n                        span=\"auto\"\n                        {...getStyles('headerCol', stylesApiProps)}\n                        order={TableComponentsOrder.MultiSelectInfo}\n                    >\n                        <Tooltip label={unselectAllLabel}>\n                            <Button.Quaternary\n                                onClick={store.clearRowSelection}\n                                disabled={!store.rowSelectionEnabled}\n                                leftSection={<CrossSize16Px height={16} />}\n                            >\n                                {selectedCountLabel(selectedRows.length)}\n                            </Button.Quaternary>\n                        </Tooltip>\n                    </Grid.Col>\n                ) : null}\n                {children}\n                {showActions ? <TableHeaderActions /> : null}\n                <TableLayoutControl />\n            </Grid>\n        </Box>\n    );\n});\n"],"names":["TableHeader","defaultProps","unselectAllLabel","selectedCountLabel","count","showActions","borderTop","factory","props","ref","useTableContext","store","getStyles","useProps","children","classNames","className","styles","style","vars","_vars","others","selectedRows","getSelectedRows","stylesApiProps","innerStyles","gridStyles","Box","mod","Grid","justify","align","inner","root","multiRowSelectionEnabled","length","Col","span","order","TableComponentsOrder","MultiSelectInfo","Tooltip","label","Button","Quaternary","onClick","clearRowSelection","disabled","rowSelectionEnabled","leftSection","CrossSize16Px","height","TableHeaderActions","TableLayoutControl"],"mappings":";;;;+BA+CaA;;;eAAAA;;;;;;;gCA/Ce;oBACmE;sBAG1E;kCACY;qBACE;4BACF;4BACH;AAgC9B,IAAMC,eAA0C;IAC5CC,kBAAkB;IAClBC,oBAAoB,SAACC;eAAU,AAAC,GAAQ,OAANA,OAAM;;IACxCC,aAAa;IACbC,WAAW;AACf;AAEO,IAAMN,cAAcO,IAAAA,aAAO,EAAqB,SAACC,OAAOC;IAC3D,IAA2BC,mBAAAA,IAAAA,6BAAe,KAAnCC,QAAoBD,iBAApBC,OAAOC,YAAaF,iBAAbE;IACd,IAYIC,YAAAA,IAAAA,cAAQ,EAAC,qBAAqBZ,cAAcO,QAX5CH,cAWAQ,UAXAR,aACAH,mBAUAW,UAVAX,kBACAC,qBASAU,UATAV,oBACAG,YAQAO,UARAP,WACAQ,WAOAD,UAPAC,UACAC,aAMAF,UANAE,YACAC,YAKAH,UALAG,WACAC,SAIAJ,UAJAI,QACAC,QAGAL,UAHAK,OACAC,AAAMC,QAENP,UAFAM,MACGE,sCACHR;QAXAR;QACAH;QACAC;QACAG;QACAQ;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGJ,IAAMG,eAAeX,MAAMY,eAAe;IAE1C,IAAMC,iBAAiB;QAACT,YAAAA;QAAYE,QAAAA;IAAM;IAC1C,IAAMQ,cAAcb,UAAU,mBAAmBY;IACjD,IAAME,aAAad,UAAU,cAAcY;IAE3C,qBACI,qBAACG,SAAG;QACAlB,KAAKA;OACDG,UAAU,cAAc;QAACI,WAAAA;QAAWE,OAAAA;OAAUM,kBAC9CH;QACJO,KAAK;YAAC,mBAAmBtB;QAAS;kBAElC,cAAA,sBAACuB,UAAI;YACDC,SAAQ;YACRC,OAAM;YACNhB,YAAY;gBAACiB,OAAOP,YAAYT,SAAS;gBAAEiB,MAAMP,WAAWV,SAAS;YAAA;YACrEC,QAAQ;gBAACe,OAAOP,YAAYP,KAAK;gBAAEe,MAAMP,WAAWR,KAAK;YAAA;;gBAExDP,MAAMuB,wBAAwB,IAAIZ,aAAaa,MAAM,GAAG,kBACrD,qBAACN,UAAI,CAACO,GAAG;oBACLC,MAAK;mBACDzB,UAAU,aAAaY;oBAC3Bc,OAAOC,2BAAoB,CAACC,eAAe;8BAE3C,cAAA,qBAACC,aAAO;wBAACC,OAAOxC;kCACZ,cAAA,qBAACyC,cAAM,CAACC,UAAU;4BACdC,SAASlC,MAAMmC,iBAAiB;4BAChCC,UAAU,CAACpC,MAAMqC,mBAAmB;4BACpCC,2BAAa,qBAACC,+BAAa;gCAACC,QAAQ;;sCAEnChD,mBAAmBmB,aAAaa,MAAM;;;sBAInD;gBACHrB;gBACAT,4BAAc,qBAAC+C,gCAAkB,QAAM;8BACxC,qBAACC,sCAAkB;;;;AAInC"}
+{"version":3,"sources":["../../../../../src/components/table/table-header/TableHeader.tsx"],"sourcesContent":["import {CrossSize16Px} from '@coveord/plasma-react-icons';\nimport {Box, BoxProps, CompoundStylesApiProps, factory, Factory, Grid, Tooltip, useProps} from '@mantine/core';\nimport {ReactNode} from 'react';\n\nimport {Button} from '../../button/index.js';\nimport {TableLayoutControl} from '../layouts/TableLayoutControl.js';\nimport {TableComponentsOrder} from '../Table.js';\nimport {TableHeaderActions} from '../table-actions/index.js';\nimport {useTableContext} from '../TableContext.js';\n\nexport type TableHeaderStylesNames = 'headerRoot' | 'headerGrid' | 'headerGridInner' | 'headerCol';\n\nexport interface TableHeaderProps\n    extends Omit<BoxProps, 'classNames' | 'styles' | 'vars'>,\n        CompoundStylesApiProps<TableHeaderFactory> {\n    /* Children of header (ie: actions, datepicker, etc.) */\n    children?: ReactNode;\n    unselectAllLabel?: string;\n    selectedCountLabel?: (count: number) => string;\n    /**\n     * Whether to show actions when rows are selected\n     *\n     * default true\n     */\n    showActions?: boolean;\n    /**\n     * Whether to show a border on top of the header\n     *\n     * default true\n     */\n    borderTop?: boolean;\n}\n\nexport type TableHeaderFactory = Factory<{\n    props: TableHeaderProps;\n    ref: HTMLDivElement;\n    stylesNames: TableHeaderStylesNames;\n    compound: true;\n}>;\n\nconst defaultProps: Partial<TableHeaderProps> = {\n    unselectAllLabel: 'Unselect all',\n    selectedCountLabel: (count) => `${count} selected`,\n    showActions: true,\n    borderTop: true,\n};\n\nexport const TableHeader = factory<TableHeaderFactory>((props, ref) => {\n    const {store, getStyles} = useTableContext();\n    const {\n        showActions,\n        unselectAllLabel,\n        selectedCountLabel,\n        borderTop,\n        children,\n        classNames,\n        className,\n        styles,\n        style,\n        vars: _vars,\n        ...others\n    } = useProps('PlasmaTableHeader', defaultProps, props);\n    const selectedRows = store.getSelectedRows();\n\n    const stylesApiProps = {classNames, styles};\n    const innerStyles = getStyles('headerGridInner', stylesApiProps);\n    const gridStyles = getStyles('headerGrid', stylesApiProps);\n\n    return (\n        <Box\n            ref={ref}\n            {...getStyles('headerRoot', {className, style, ...stylesApiProps})}\n            {...others}\n            mod={{'with-border-top': borderTop}}\n        >\n            <Grid\n                justify=\"flex-start\"\n                align=\"center\"\n                classNames={{inner: innerStyles.className, root: gridStyles.className}}\n                styles={{inner: innerStyles.style, root: gridStyles.style}}\n            >\n                {store.multiRowSelectionEnabled && selectedRows.length > 0 ? (\n                    <Grid.Col\n                        span=\"auto\"\n                        {...getStyles('headerCol', stylesApiProps)}\n                        order={TableComponentsOrder.MultiSelectInfo}\n                    >\n                        <Tooltip label={unselectAllLabel}>\n                            <Button.Quaternary\n                                onClick={store.clearRowSelection}\n                                disabled={!store.rowSelectionEnabled}\n                                leftSection={<CrossSize16Px height={16} />}\n                            >\n                                {selectedCountLabel(selectedRows.length)}\n                            </Button.Quaternary>\n                        </Tooltip>\n                    </Grid.Col>\n                ) : null}\n                {children}\n                {showActions ? <TableHeaderActions /> : null}\n                <TableLayoutControl />\n            </Grid>\n        </Box>\n    );\n});\n"],"names":["TableHeader","defaultProps","unselectAllLabel","selectedCountLabel","count","showActions","borderTop","factory","props","ref","useTableContext","store","getStyles","useProps","children","classNames","className","styles","style","vars","_vars","others","selectedRows","getSelectedRows","stylesApiProps","innerStyles","gridStyles","Box","mod","Grid","justify","align","inner","root","multiRowSelectionEnabled","length","Col","span","order","TableComponentsOrder","MultiSelectInfo","Tooltip","label","Button","Quaternary","onClick","clearRowSelection","disabled","rowSelectionEnabled","leftSection","CrossSize16Px","height","TableHeaderActions","TableLayoutControl"],"mappings":";;;;+BA+CaA;;;eAAAA;;;;;;;gCA/Ce;oBACmE;qBAG1E;kCACY;qBACE;sBACF;4BACH;AAgC9B,IAAMC,eAA0C;IAC5CC,kBAAkB;IAClBC,oBAAoB,SAACC;eAAU,AAAC,GAAQ,OAANA,OAAM;;IACxCC,aAAa;IACbC,WAAW;AACf;AAEO,IAAMN,cAAcO,IAAAA,aAAO,EAAqB,SAACC,OAAOC;IAC3D,IAA2BC,mBAAAA,IAAAA,6BAAe,KAAnCC,QAAoBD,iBAApBC,OAAOC,YAAaF,iBAAbE;IACd,IAYIC,YAAAA,IAAAA,cAAQ,EAAC,qBAAqBZ,cAAcO,QAX5CH,cAWAQ,UAXAR,aACAH,mBAUAW,UAVAX,kBACAC,qBASAU,UATAV,oBACAG,YAQAO,UARAP,WACAQ,WAOAD,UAPAC,UACAC,aAMAF,UANAE,YACAC,YAKAH,UALAG,WACAC,SAIAJ,UAJAI,QACAC,QAGAL,UAHAK,OACAC,AAAMC,QAENP,UAFAM,MACGE,sCACHR;QAXAR;QACAH;QACAC;QACAG;QACAQ;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGJ,IAAMG,eAAeX,MAAMY,eAAe;IAE1C,IAAMC,iBAAiB;QAACT,YAAAA;QAAYE,QAAAA;IAAM;IAC1C,IAAMQ,cAAcb,UAAU,mBAAmBY;IACjD,IAAME,aAAad,UAAU,cAAcY;IAE3C,qBACI,qBAACG,SAAG;QACAlB,KAAKA;OACDG,UAAU,cAAc;QAACI,WAAAA;QAAWE,OAAAA;OAAUM,kBAC9CH;QACJO,KAAK;YAAC,mBAAmBtB;QAAS;kBAElC,cAAA,sBAACuB,UAAI;YACDC,SAAQ;YACRC,OAAM;YACNhB,YAAY;gBAACiB,OAAOP,YAAYT,SAAS;gBAAEiB,MAAMP,WAAWV,SAAS;YAAA;YACrEC,QAAQ;gBAACe,OAAOP,YAAYP,KAAK;gBAAEe,MAAMP,WAAWR,KAAK;YAAA;;gBAExDP,MAAMuB,wBAAwB,IAAIZ,aAAaa,MAAM,GAAG,kBACrD,qBAACN,UAAI,CAACO,GAAG;oBACLC,MAAK;mBACDzB,UAAU,aAAaY;oBAC3Bc,OAAOC,2BAAoB,CAACC,eAAe;8BAE3C,cAAA,qBAACC,aAAO;wBAACC,OAAOxC;kCACZ,cAAA,qBAACyC,aAAM,CAACC,UAAU;4BACdC,SAASlC,MAAMmC,iBAAiB;4BAChCC,UAAU,CAACpC,MAAMqC,mBAAmB;4BACpCC,2BAAa,qBAACC,+BAAa;gCAACC,QAAQ;;sCAEnChD,mBAAmBmB,aAAaa,MAAM;;;sBAInD;gBACHrB;gBACAT,4BAAc,qBAAC+C,0BAAkB,QAAM;8BACxC,qBAACC,sCAAkB;;;;AAInC"}

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

@@ -1,7 +1,7 @@
 import { BoxProps, CompoundStylesApiProps, Factory } from '@mantine/core';
 import { Header } from '@tanstack/react-table';
 import { ComponentType, ForwardedRef, SVGProps } from 'react';
-import { CustomComponentThemeExtend } from '../../../utils';
+import { CustomComponentThemeExtend } from '../../../utils/index.js';
 export type TableThStylesNames = 'th';
 export type SortState = 'asc' | 'desc' | 'none';
 export interface ThProps<T = unknown> extends BoxProps, CompoundStylesApiProps<TableThFactory> {
@@ -17,7 +17,7 @@ export type TableThFactory = Factory<{
 export declare const Th: {
     <T>(props: ThProps<T> & {
         ref?: ForwardedRef<HTMLTableCellElement>;
-    }): import("react/jsx-runtime").JSX.Element;
+    }): import("react/jsx-runtime.js").JSX.Element;
     extend: CustomComponentThemeExtend<{
         props: ThProps;
         ref: HTMLTableCellElement;

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

@@ -1 +1 @@
-{"version":3,"file":"Th.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-header/Th.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,QAAQ,EAAE,sBAAsB,EAAE,OAAO,EAAkC,MAAM,eAAe,CAAC;AACzG,OAAO,EAAC,MAAM,EAAkC,MAAM,uBAAuB,CAAC;AAC9E,OAAO,EAAiB,aAAa,EAAE,YAAY,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAC5E,OAAO,EAAC,0BAA0B,EAAW,MAAM,gBAAgB,CAAC;AAGpE,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC;AAEtC,MAAM,MAAM,SAAS,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC;AAEhD,MAAM,WAAW,OAAO,CAAC,CAAC,GAAG,OAAO,CAAE,SAAQ,QAAQ,EAAE,sBAAsB,CAAC,cAAc,CAAC;IAC1F,MAAM,EAAE,MAAM,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC,SAAS,EAAE,aAAa,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;CAC5E;AAcD,MAAM,MAAM,cAAc,GAAG,OAAO,CAAC;IACjC,KAAK,EAAE,OAAO,CAAC;IACf,GAAG,EAAE,oBAAoB,CAAC;IAC1B,WAAW,EAAE,kBAAkB,CAAC;IAChC,QAAQ,EAAE,IAAI,CAAC;CAClB,CAAC,CAAC;AAMH,eAAO,MAAM,EAAE;KAAI,CAAC,SAAU,OAAO,CAAC,CAAC,CAAC,GAAG;QAAC,GAAG,CAAC,EAAE,YAAY,CAAC,oBAAoB,CAAC,CAAA;KAAC;;eAV1E,OAAO;aACT,oBAAoB;qBACZ,kBAAkB;kBACrB,IAAI;;CAkEjB,CAAC"}
+{"version":3,"file":"Th.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-header/Th.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,QAAQ,EAAE,sBAAsB,EAAE,OAAO,EAAkC,MAAM,eAAe,CAAC;AACzG,OAAO,EAAC,MAAM,EAAkC,MAAM,uBAAuB,CAAC;AAC9E,OAAO,EAAiB,aAAa,EAAE,YAAY,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAC5E,OAAO,EAAC,0BAA0B,EAAW,MAAM,yBAAyB,CAAC;AAG7E,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC;AAEtC,MAAM,MAAM,SAAS,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC;AAEhD,MAAM,WAAW,OAAO,CAAC,CAAC,GAAG,OAAO,CAAE,SAAQ,QAAQ,EAAE,sBAAsB,CAAC,cAAc,CAAC;IAC1F,MAAM,EAAE,MAAM,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC,SAAS,EAAE,aAAa,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;CAC5E;AAcD,MAAM,MAAM,cAAc,GAAG,OAAO,CAAC;IACjC,KAAK,EAAE,OAAO,CAAC;IACf,GAAG,EAAE,oBAAoB,CAAC;IAC1B,WAAW,EAAE,kBAAkB,CAAC;IAChC,QAAQ,EAAE,IAAI,CAAC;CAClB,CAAC,CAAC;AAMH,eAAO,MAAM,EAAE;KAAI,CAAC,SAAU,OAAO,CAAC,CAAC,CAAC,GAAG;QAAC,GAAG,CAAC,EAAE,YAAY,CAAC,oBAAoB,CAAC,CAAA;KAAC;;eAV1E,OAAO;aACT,oBAAoB;qBACZ,kBAAkB;kBACrB,IAAI;;CAkEjB,CAAC"}

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

@@ -15,8 +15,8 @@ var _jsxruntime = require("react/jsx-runtime");
 var _plasmareacticons = require("@coveord/plasma-react-icons");
 var _core = require("@mantine/core");
 var _reacttable = require("@tanstack/react-table");
-var _utils = require("../../../utils");
-var _TableContext = require("../TableContext");
+var _index = require("../../../utils/index.js");
+var _TableContext = require("../TableContext.js");
 var SortingIcons = {
     asc: _plasmareacticons.ArrowUpSize16Px,
     desc: _plasmareacticons.ArrowDownSize16Px,
@@ -94,6 +94,6 @@ var Th = function(props) {
         })
     }));
 };
-Th.extend = _utils.identity;
+Th.extend = _index.identity;
 
 //# sourceMappingURL=Th.js.map

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, 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"],"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"}
+{"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/index.js';\nimport {useTableContext} from '../TableContext.js';\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"],"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,5 @@
 import { BoxProps, CompoundStylesApiProps, Factory } from '@mantine/core';
-import { LastUpdatedProps } from '../../last-updated/LastUpdated';
+import { LastUpdatedProps } from '../../last-updated/LastUpdated.js';
 export type TableLastUpdatedStylesNames = 'lastUpdatedRoot' | 'lastUpdatedLabel';
 export interface TableLastUpdatedProps extends BoxProps, CompoundStylesApiProps<TableLastUpdatedFactory>, Pick<LastUpdatedProps, 'label'> {
 }

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,EAAE,sBAAsB,EAAW,OAAO,EAAC,MAAM,eAAe,CAAC;AAGjF,OAAO,EAAc,gBAAgB,EAAC,MAAM,gCAAgC,CAAC;AAG7E,MAAM,MAAM,2BAA2B,GAAG,iBAAiB,GAAG,kBAAkB,CAAC;AAEjF,MAAM,WAAW,qBACb,SAAQ,QAAQ,EACZ,sBAAsB,CAAC,uBAAuB,CAAC,EAC/C,IAAI,CAAC,gBAAgB,EAAE,OAAO,CAAC;CAAG;AAE1C,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;AAEH,eAAO,MAAM,gBAAgB;WANlB,qBAAqB;SACvB,cAAc;iBACN,2BAA2B;cAC9B,IAAI;EAiChB,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,EAAC,MAAM,eAAe,CAAC;AAGjF,OAAO,EAAc,gBAAgB,EAAC,MAAM,mCAAmC,CAAC;AAGhF,MAAM,MAAM,2BAA2B,GAAG,iBAAiB,GAAG,kBAAkB,CAAC;AAEjF,MAAM,WAAW,qBACb,SAAQ,QAAQ,EACZ,sBAAsB,CAAC,uBAAuB,CAAC,EAC/C,IAAI,CAAC,gBAAgB,EAAE,OAAO,CAAC;CAAG;AAE1C,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;AAEH,eAAO,MAAM,gBAAgB;WANlB,qBAAqB;SACvB,cAAc;iBACN,2BAA2B;cAC9B,IAAI;EAiChB,CAAC"}

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

@@ -15,8 +15,8 @@ var _jsxruntime = require("react/jsx-runtime");
 var _core = require("@mantine/core");
 var _hooks = require("@mantine/hooks");
 var _react = require("react");
-var _LastUpdated = require("../../last-updated/LastUpdated");
-var _TableContext = require("../TableContext");
+var _LastUpdated = require("../../last-updated/LastUpdated.js");
+var _TableContext = require("../TableContext.js");
 var TableLastUpdated = (0, _core.factory)(function(props, ref) {
     var _useTableContext = (0, _TableContext.useTableContext)(), table = _useTableContext.table, getStyles = _useTableContext.getStyles;
     var _classNames = props.classNames, _styles = props.styles, _vars = props.vars, lastUpdatedProps = _object_without_properties._(props, [

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, CompoundStylesApiProps, factory, Factory} from '@mantine/core';\nimport {useDidUpdate} from '@mantine/hooks';\nimport {useState} from 'react';\nimport {LastUpdated, LastUpdatedProps} from '../../last-updated/LastUpdated';\nimport {useTableContext} from '../TableContext';\n\nexport type TableLastUpdatedStylesNames = 'lastUpdatedRoot' | 'lastUpdatedLabel';\n\nexport interface TableLastUpdatedProps\n    extends BoxProps,\n        CompoundStylesApiProps<TableLastUpdatedFactory>,\n        Pick<LastUpdatedProps, 'label'> {}\n\nexport type TableLastUpdatedFactory = Factory<{\n    props: TableLastUpdatedProps;\n    ref: HTMLDivElement;\n    stylesNames: TableLastUpdatedStylesNames;\n    compound: true;\n}>;\n\nexport const TableLastUpdated = factory<TableLastUpdatedFactory>((props, ref) => {\n    const {table, getStyles} = useTableContext();\n    const {classNames: _classNames, styles: _styles, vars: _vars, ...lastUpdatedProps} = props;\n    const [time, setTime] = useState(new Date());\n\n    const {className: rootClassName, style: rootStyle} = getStyles('lastUpdatedRoot', {\n        classNames: _classNames,\n        styles: _styles,\n    });\n\n    const {className: labelClassName, style: labelStyle} = getStyles('lastUpdatedLabel', {\n        classNames: _classNames,\n        styles: _styles,\n    });\n\n    useDidUpdate(() => {\n        setTime(new Date());\n    }, [table.options.data]);\n\n    return (\n        <LastUpdated\n            time={time}\n            ref={ref}\n            justify=\"right\"\n            px=\"lg\"\n            classNames={{root: rootClassName, label: labelClassName}}\n            styles={{root: rootStyle, label: labelStyle}}\n            {...lastUpdatedProps}\n        />\n    );\n});\n"],"names":["TableLastUpdated","factory","props","ref","useTableContext","table","getStyles","classNames","_classNames","styles","_styles","vars","_vars","lastUpdatedProps","useState","Date","time","setTime","className","rootClassName","style","rootStyle","labelClassName","labelStyle","useDidUpdate","options","data","LastUpdated","justify","px","root","label"],"mappings":";;;;+BAoBaA;;;eAAAA;;;;;;;oBApBoD;qBACtC;qBACJ;2BACqB;4BACd;AAgBvB,IAAMA,mBAAmBC,IAAAA,aAAO,EAA0B,SAACC,OAAOC;IACrE,IAA2BC,mBAAAA,IAAAA,6BAAe,KAAnCC,QAAoBD,iBAApBC,OAAOC,YAAaF,iBAAbE;IACd,IAAOC,AAAYC,cAAkEN,MAA9EK,YAAyBE,AAAQC,UAA6CR,MAArDO,QAAiBE,AAAMC,QAA8BV,MAApCS,MAAgBE,gDAAoBX;QAA9EK;QAAyBE;QAAiBE;;IACjD,IAAwBG,+BAAAA,IAAAA,eAAQ,EAAC,IAAIC,aAA9BC,OAAiBF,cAAXG,UAAWH;IAExB,IAAqDR,aAAAA,UAAU,mBAAmB;QAC9EC,YAAYC;QACZC,QAAQC;IACZ,IAHOQ,AAAWC,gBAAmCb,WAA9CY,WAA0BE,AAAOC,YAAaf,WAApBc;IAKjC,IAAuDd,cAAAA,UAAU,oBAAoB;QACjFC,YAAYC;QACZC,QAAQC;IACZ,IAHOQ,AAAWI,iBAAqChB,YAAhDY,WAA2BE,AAAOG,aAAcjB,YAArBc;IAKlCI,IAAAA,mBAAY,EAAC;QACTP,QAAQ,IAAIF;IAChB,GAAG;QAACV,MAAMoB,OAAO,CAACC,IAAI;KAAC;IAEvB,qBACI,qBAACC,wBAAW;QACRX,MAAMA;QACNb,KAAKA;QACLyB,SAAQ;QACRC,IAAG;QACHtB,YAAY;YAACuB,MAAMX;YAAeY,OAAOT;QAAc;QACvDb,QAAQ;YAACqB,MAAMT;YAAWU,OAAOR;QAAU;OACvCV;AAGhB"}
+{"version":3,"sources":["../../../../../src/components/table/table-last-updated/TableLastUpdated.tsx"],"sourcesContent":["import {BoxProps, CompoundStylesApiProps, factory, Factory} from '@mantine/core';\nimport {useDidUpdate} from '@mantine/hooks';\nimport {useState} from 'react';\nimport {LastUpdated, LastUpdatedProps} from '../../last-updated/LastUpdated.js';\nimport {useTableContext} from '../TableContext.js';\n\nexport type TableLastUpdatedStylesNames = 'lastUpdatedRoot' | 'lastUpdatedLabel';\n\nexport interface TableLastUpdatedProps\n    extends BoxProps,\n        CompoundStylesApiProps<TableLastUpdatedFactory>,\n        Pick<LastUpdatedProps, 'label'> {}\n\nexport type TableLastUpdatedFactory = Factory<{\n    props: TableLastUpdatedProps;\n    ref: HTMLDivElement;\n    stylesNames: TableLastUpdatedStylesNames;\n    compound: true;\n}>;\n\nexport const TableLastUpdated = factory<TableLastUpdatedFactory>((props, ref) => {\n    const {table, getStyles} = useTableContext();\n    const {classNames: _classNames, styles: _styles, vars: _vars, ...lastUpdatedProps} = props;\n    const [time, setTime] = useState(new Date());\n\n    const {className: rootClassName, style: rootStyle} = getStyles('lastUpdatedRoot', {\n        classNames: _classNames,\n        styles: _styles,\n    });\n\n    const {className: labelClassName, style: labelStyle} = getStyles('lastUpdatedLabel', {\n        classNames: _classNames,\n        styles: _styles,\n    });\n\n    useDidUpdate(() => {\n        setTime(new Date());\n    }, [table.options.data]);\n\n    return (\n        <LastUpdated\n            time={time}\n            ref={ref}\n            justify=\"right\"\n            px=\"lg\"\n            classNames={{root: rootClassName, label: labelClassName}}\n            styles={{root: rootStyle, label: labelStyle}}\n            {...lastUpdatedProps}\n        />\n    );\n});\n"],"names":["TableLastUpdated","factory","props","ref","useTableContext","table","getStyles","classNames","_classNames","styles","_styles","vars","_vars","lastUpdatedProps","useState","Date","time","setTime","className","rootClassName","style","rootStyle","labelClassName","labelStyle","useDidUpdate","options","data","LastUpdated","justify","px","root","label"],"mappings":";;;;+BAoBaA;;;eAAAA;;;;;;;oBApBoD;qBACtC;qBACJ;2BACqB;4BACd;AAgBvB,IAAMA,mBAAmBC,IAAAA,aAAO,EAA0B,SAACC,OAAOC;IACrE,IAA2BC,mBAAAA,IAAAA,6BAAe,KAAnCC,QAAoBD,iBAApBC,OAAOC,YAAaF,iBAAbE;IACd,IAAOC,AAAYC,cAAkEN,MAA9EK,YAAyBE,AAAQC,UAA6CR,MAArDO,QAAiBE,AAAMC,QAA8BV,MAApCS,MAAgBE,gDAAoBX;QAA9EK;QAAyBE;QAAiBE;;IACjD,IAAwBG,+BAAAA,IAAAA,eAAQ,EAAC,IAAIC,aAA9BC,OAAiBF,cAAXG,UAAWH;IAExB,IAAqDR,aAAAA,UAAU,mBAAmB;QAC9EC,YAAYC;QACZC,QAAQC;IACZ,IAHOQ,AAAWC,gBAAmCb,WAA9CY,WAA0BE,AAAOC,YAAaf,WAApBc;IAKjC,IAAuDd,cAAAA,UAAU,oBAAoB;QACjFC,YAAYC;QACZC,QAAQC;IACZ,IAHOQ,AAAWI,iBAAqChB,YAAhDY,WAA2BE,AAAOG,aAAcjB,YAArBc;IAKlCI,IAAAA,mBAAY,EAAC;QACTP,QAAQ,IAAIF;IAChB,GAAG;QAACV,MAAMoB,OAAO,CAACC,IAAI;KAAC;IAEvB,qBACI,qBAACC,wBAAW;QACRX,MAAMA;QACNb,KAAKA;QACLyB,SAAQ;QACRC,IAAG;QACHtB,YAAY;YAACuB,MAAMX;YAAeY,OAAOT;QAAc;QACvDb,QAAQ;YAACqB,MAAMT;YAAWU,OAAOR;QAAU;OACvCV;AAGhB"}

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

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

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

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

@@ -13,7 +13,7 @@ var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
 var _jsxruntime = require("react/jsx-runtime");
 var _core = require("@mantine/core");
 var _hooks = require("@mantine/hooks");
-var _TableContext = require("../TableContext");
+var _TableContext = require("../TableContext.js");
 var TablePagination = function(param) {
     var onPageChange = param.onPageChange;
     var _useTableContext = (0, _TableContext.useTableContext)(), store = _useTableContext.store, table = _useTableContext.table, containerRef = _useTableContext.containerRef;

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 {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={1}\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"],"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"}
+{"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.js';\nimport {useTableContext} from '../TableContext.js';\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={1}\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"],"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-per-page/TablePerPage.d.ts

@@ -1,5 +1,5 @@
 import { FunctionComponent } from 'react';
-import { TablePerPageProps } from './TablePerPage.types';
+import { TablePerPageProps } from './TablePerPage.types.js';
 export declare const TablePerPage: FunctionComponent<TablePerPageProps> & {
     DEFAULT_SIZE: number;
 };

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,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"}
+{"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,yBAAyB,CAAC;AAE1D,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

@@ -11,7 +11,7 @@ Object.defineProperty(exports, "TablePerPage", {
 var _jsxruntime = require("react/jsx-runtime");
 var _core = require("@mantine/core");
 var _react = require("react");
-var _TableContext = require("../TableContext");
+var _TableContext = require("../TableContext.js");
 var TablePerPage = function(param) {
     var _param_label = param.label, label = _param_label === void 0 ? 'Results per page' : _param_label, _param_values = param.values, values = _param_values === void 0 ? [
         25,

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

@@ -1 +1 @@
-{"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"],"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"}
+{"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.js';\nimport {TablePerPageProps} from './TablePerPage.types.js';\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"],"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.js

@@ -14,8 +14,8 @@ var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
 var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
 var _jsxruntime = require("react/jsx-runtime");
 var _core = require("@mantine/core");
-var _Table = require("../Table");
-var _TableContext = require("../TableContext");
+var _Table = require("../Table.js");
+var _TableContext = require("../TableContext.js");
 var defaultProps = {};
 var TablePredicate = (0, _core.factory)(function(props, ref) {
     var _useTableContext = (0, _TableContext.useTableContext)(), store = _useTableContext.store, getStyles = _useTableContext.getStyles;

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

@@ -1 +1 @@
-{"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    SelectProps,\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\n    extends BoxProps,\n        Pick<SelectProps, 'renderOption' | 'comboboxProps'>,\n        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     * The label to display next to the Select\n     *\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, renderOption, comboboxProps, vars, ...others} =\n        useProps('PlasmaTablePredicate', defaultProps, props);\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\" wrap=\"nowrap\" {...getStyles('predicateWrapper', stylesApiProps)}>\n                {label ? <Text {...getStyles('predicateLabel', stylesApiProps)}>{label}:</Text> : null}\n                <Select\n                    comboboxProps={{withinPortal: true, ...comboboxProps}}\n                    value={store.state.predicates[id]}\n                    onChange={handleChange}\n                    data={data}\n                    aria-label={label ?? id}\n                    searchable={data.length > 7}\n                    renderOption={renderOption}\n                    scrollAreaProps={{type: 'always'}}\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","renderOption","comboboxProps","vars","others","handleChange","newValue","setPredicates","prev","setPagination","pageIndex","stylesApiProps","Grid","Col","span","order","TableComponentsOrder","Predicate","Group","gap","wrap","Text","Select","withinPortal","value","state","predicates","onChange","aria-label","searchable","length","scrollAreaProps","type"],"mappings":";;;;+BAgDaA;;;eAAAA;;;;;;;;oBApCN;qBAG4B;4BACL;AA8B9B,IAAMC,eAA6C,CAAC;AAE7C,IAAMD,iBAAyDE,IAAAA,aAAO,EAAwB,SAACC,OAAOC;IACzG,IAA2BC,mBAAAA,IAAAA,6BAAe,KAAnCC,QAAoBD,iBAApBC,OAAOC,YAAaF,iBAAbE;IACd,IACIC,YAAAA,IAAAA,cAAQ,EAAC,wBAAwBP,cAAcE,QAD5CM,KACHD,UADGC,IAAIC,OACPF,UADOE,MAAMC,QACbH,UADaG,OAAOC,aACpBJ,UADoBI,YAAYC,YAChCL,UADgCK,WAAWC,SAC3CN,UAD2CM,QAAQC,QACnDP,UADmDO,OAAOC,eAC1DR,UAD0DQ,cAAcC,gBACxET,UADwES,eAAeC,OACvFV,UADuFU,MAASC,sCAChGX;QADGC;QAAIC;QAAMC;QAAOC;QAAYC;QAAWC;QAAQC;QAAOC;QAAcC;QAAeC;;IAG3F,IAAME,eAAe,SAACC;QAClBf,MAAMgB,aAAa,CAAC,SAACC;mBAAU,4CAAIA,OAAM,uBAACd,IAAKY;;QAC/Cf,MAAMkB,aAAa,CAAC,SAACD;mBAAU,4CAAIA;gBAAME,WAAW;;;IACxD;IAEA,IAAMC,iBAAiB;QAACd,YAAAA;QAAYE,QAAAA;IAAM;IAE1C,qBACI,qBAACa,UAAI,CAACC,GAAG;QACLC,MAAK;QACLC,OAAOC,2BAAoB,CAACC,SAAS;QACrC5B,KAAKA;OACDG,UAAU,aAAa;QAACM,WAAAA;QAAWE,OAAAA;OAAUW,kBAC7CP;kBAEJ,cAAA,sBAACc,WAAK;YAACC,KAAI;YAAKC,MAAK;WAAa5B,UAAU,oBAAoBmB;;gBAC3Df,sBAAQ,sBAACyB,UAAI,8CAAK7B,UAAU,kBAAkBmB;;wBAAkBf;wBAAM;;sBAAW;8BAClF,qBAAC0B,YAAM;oBACHpB,eAAe;wBAACqB,cAAc;uBAASrB;oBACvCsB,OAAOjC,MAAMkC,KAAK,CAACC,UAAU,CAAChC,GAAG;oBACjCiC,UAAUtB;oBACVV,MAAMA;oBACNiC,cAAYhC,kBAAAA,mBAAAA,QAASF;oBACrBmC,YAAYlC,KAAKmC,MAAM,GAAG;oBAC1B7B,cAAcA;oBACd8B,iBAAiB;wBAACC,MAAM;oBAAQ;mBAC5BxC,UAAU,mBAAmBmB;;;;AAKrD"}
+{"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    SelectProps,\n    Text,\n    useProps,\n} from '@mantine/core';\nimport {FunctionComponent} from 'react';\n\nimport {TableComponentsOrder} from '../Table.js';\nimport {useTableContext} from '../TableContext.js';\n\nexport type TablePredicateStylesNames = 'predicate' | 'predicateWrapper' | 'predicateLabel' | 'predicateSelect';\n\nexport interface TablePredicateProps\n    extends BoxProps,\n        Pick<SelectProps, 'renderOption' | 'comboboxProps'>,\n        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     * The label to display next to the Select\n     *\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, renderOption, comboboxProps, vars, ...others} =\n        useProps('PlasmaTablePredicate', defaultProps, props);\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\" wrap=\"nowrap\" {...getStyles('predicateWrapper', stylesApiProps)}>\n                {label ? <Text {...getStyles('predicateLabel', stylesApiProps)}>{label}:</Text> : null}\n                <Select\n                    comboboxProps={{withinPortal: true, ...comboboxProps}}\n                    value={store.state.predicates[id]}\n                    onChange={handleChange}\n                    data={data}\n                    aria-label={label ?? id}\n                    searchable={data.length > 7}\n                    renderOption={renderOption}\n                    scrollAreaProps={{type: 'always'}}\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","renderOption","comboboxProps","vars","others","handleChange","newValue","setPredicates","prev","setPagination","pageIndex","stylesApiProps","Grid","Col","span","order","TableComponentsOrder","Predicate","Group","gap","wrap","Text","Select","withinPortal","value","state","predicates","onChange","aria-label","searchable","length","scrollAreaProps","type"],"mappings":";;;;+BAgDaA;;;eAAAA;;;;;;;;oBApCN;qBAG4B;4BACL;AA8B9B,IAAMC,eAA6C,CAAC;AAE7C,IAAMD,iBAAyDE,IAAAA,aAAO,EAAwB,SAACC,OAAOC;IACzG,IAA2BC,mBAAAA,IAAAA,6BAAe,KAAnCC,QAAoBD,iBAApBC,OAAOC,YAAaF,iBAAbE;IACd,IACIC,YAAAA,IAAAA,cAAQ,EAAC,wBAAwBP,cAAcE,QAD5CM,KACHD,UADGC,IAAIC,OACPF,UADOE,MAAMC,QACbH,UADaG,OAAOC,aACpBJ,UADoBI,YAAYC,YAChCL,UADgCK,WAAWC,SAC3CN,UAD2CM,QAAQC,QACnDP,UADmDO,OAAOC,eAC1DR,UAD0DQ,cAAcC,gBACxET,UADwES,eAAeC,OACvFV,UADuFU,MAASC,sCAChGX;QADGC;QAAIC;QAAMC;QAAOC;QAAYC;QAAWC;QAAQC;QAAOC;QAAcC;QAAeC;;IAG3F,IAAME,eAAe,SAACC;QAClBf,MAAMgB,aAAa,CAAC,SAACC;mBAAU,4CAAIA,OAAM,uBAACd,IAAKY;;QAC/Cf,MAAMkB,aAAa,CAAC,SAACD;mBAAU,4CAAIA;gBAAME,WAAW;;;IACxD;IAEA,IAAMC,iBAAiB;QAACd,YAAAA;QAAYE,QAAAA;IAAM;IAE1C,qBACI,qBAACa,UAAI,CAACC,GAAG;QACLC,MAAK;QACLC,OAAOC,2BAAoB,CAACC,SAAS;QACrC5B,KAAKA;OACDG,UAAU,aAAa;QAACM,WAAAA;QAAWE,OAAAA;OAAUW,kBAC7CP;kBAEJ,cAAA,sBAACc,WAAK;YAACC,KAAI;YAAKC,MAAK;WAAa5B,UAAU,oBAAoBmB;;gBAC3Df,sBAAQ,sBAACyB,UAAI,8CAAK7B,UAAU,kBAAkBmB;;wBAAkBf;wBAAM;;sBAAW;8BAClF,qBAAC0B,YAAM;oBACHpB,eAAe;wBAACqB,cAAc;uBAASrB;oBACvCsB,OAAOjC,MAAMkC,KAAK,CAACC,UAAU,CAAChC,GAAG;oBACjCiC,UAAUtB;oBACVV,MAAMA;oBACNiC,cAAYhC,kBAAAA,mBAAAA,QAASF;oBACrBmC,YAAYlC,KAAKmC,MAAM,GAAG;oBAC1B7B,cAAcA;oBACd8B,iBAAiB;wBAACC,MAAM;oBAAQ;mBAC5BxC,UAAU,mBAAmBmB;;;;AAKrD"}

package/dist/cjs/components/table/use-table.js

@@ -16,7 +16,7 @@ var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
 var _hooks = require("@mantine/hooks");
 var _lodashdefaultsdeep = /*#__PURE__*/ _interop_require_default._(require("lodash.defaultsdeep"));
 var _react = require("react");
-var _useurlsyncedstate = require("./use-url-synced-state");
+var _useurlsyncedstate = require("./use-url-synced-state.js");
 var defaultOptions = {
     enableRowSelection: true,
     enableMultiRowSelection: false,

package/dist/cjs/components/table/use-table.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/table/use-table.ts"],"sourcesContent":["import type {DatesRangeValue, DateStringValue} from '@mantine/dates';\nimport {useDidUpdate} from '@mantine/hooks';\nimport {type ExpandedState, type PaginationState, type SortingState} from '@tanstack/table-core';\nimport defaultsDeep from 'lodash.defaultsdeep';\nimport {Dispatch, SetStateAction, useCallback, useMemo, useState} from 'react';\nimport {useUrlSyncedState, UseUrlSyncedStateOptions} from './use-url-synced-state';\n\n// Create a deeply optional version of another type\ntype DeepPartial<T> = {\n    [P in keyof T]?: T[P] extends object ? DeepPartial<T[P]> : T[P];\n};\n\nexport interface TableState<TData = unknown> {\n    /**\n     * Current pagination state\n     *\n     * @default { pageIndex: 0, pageSize: 50 }\n     */\n    pagination: PaginationState;\n    /**\n     * Total number of entries in the table.\n     * This number is used to calculate the number of pages in the pagination.\n     * When null, the number of pages is calculated using the current data length.\n     *\n     * @default null\n     */\n    totalEntries: number | null;\n    /**\n     * Current sorting state\n     *\n     * @default []\n     */\n    sorting: SortingState;\n    /**\n     * Current global filter value\n     *\n     * @default ''\n     */\n    globalFilter: string;\n\n    /**\n     * Current expanded state\n     *\n     * @default {}\n     */\n    expanded: ExpandedState;\n    /**\n     * Predicates and their current value\n     *\n     * @default {}\n     */\n    predicates: Record<string, string>;\n    /**\n     * Layout currently selected. When null, the first layout is used.\n     *\n     * @default null\n     */\n    layout: string | null;\n    /**\n     * Currently selected date range\n     *\n     * @default [null, null]\n     */\n    dateRange: DatesRangeValue<DateStringValue | null>;\n    /**\n     * Currently selected rows\n     *\n     * @default {}\n     */\n    rowSelection: Record<string, TData>;\n    /**\n     * Columns that are currently visible\n     *\n     * @default {}\n     */\n    columnVisibility: Record<string, boolean>;\n}\n\nexport interface TableStore<TData = unknown> {\n    /**\n     * Current state of the table.\n     */\n    state: TableState<TData>;\n    /**\n     * Allows to change the pagination state.\n     */\n    setPagination: Dispatch<SetStateAction<TableState<TData>['pagination']>>;\n    /**\n     * Allows to change the total number of entries.\n     */\n    setTotalEntries: Dispatch<SetStateAction<TableState<TData>['totalEntries']>>;\n    /**\n     * Allows to change the sorting state.\n     */\n    setSorting: Dispatch<SetStateAction<TableState<TData>['sorting']>>;\n    /**\n     * Allows to change the global filter value.\n     */\n    setGlobalFilter: Dispatch<SetStateAction<TableState<TData>['globalFilter']>>;\n    /**\n     * Allows to change the rows expanded state.\n     */\n    setExpanded: Dispatch<SetStateAction<TableState<TData>['expanded']>>;\n    /**\n     * Allows to change the predicates values.\n     */\n    setPredicates: Dispatch<SetStateAction<TableState<TData>['predicates']>>;\n    /**\n     * Allows to change the selected layout.\n     */\n    setLayout: Dispatch<SetStateAction<TableState<TData>['layout']>>;\n    /**\n     * Allows to change the selected date range.\n     */\n    setDateRange: Dispatch<SetStateAction<TableState<TData>['dateRange']>>;\n    /**\n     * Allows to change the current row selection.\n     */\n    setRowSelection: Dispatch<SetStateAction<TableState<TData>['rowSelection']>>;\n    /**\n     * Allows to change the visible columns.\n     */\n    setColumnVisibility: Dispatch<SetStateAction<TableState<TData>['columnVisibility']>>;\n    /**\n     * Whether the table is currently filtered.\n     */\n    isFiltered: boolean;\n    /**\n     * Whether the table has data when unfiltered.\n     *\n     * This is derived from the totalEntries so make sure you set that number correctly, even if you're using a client side table.\n     */\n    isVacant: boolean;\n    /**\n     * Clear currently applied filters.\n     */\n    clearFilters: () => void;\n    /**\n     * Deselects all currently selected rows.\n     */\n    clearRowSelection: () => void;\n    /**\n     * Get currently selected rows.\n     */\n    getSelectedRows: () => TData[];\n    /**\n     * Get currently selected row\n     */\n    getSelectedRow: () => TData | null;\n    /**\n     * Whether the user can select multiple rows at the same time.\n     */\n    multiRowSelectionEnabled: boolean;\n    /**\n     * Whether rows can be selected.\n     */\n    rowSelectionEnabled: boolean;\n    /**\n     * Whether row selection is forced.\n     */\n    rowSelectionForced: boolean;\n}\n\nexport interface UseTableOptions<TData = unknown> {\n    /**\n     * Initial state of the table.\n     */\n    initialState?: DeepPartial<TableState<TData>>;\n    /**\n     * Whether rows can be selected.\n     *\n     * @default true\n     */\n    enableRowSelection?: boolean;\n    /**\n     * Whether multiple rows can be selected at the same time.\n     *\n     * @default false\n     */\n    enableMultiRowSelection?: boolean;\n    /**\n     * Forces the user to always have one row selected.\n     * When activating that setting, a good practice is to have a row already selected in the initial state.\n     *\n     * @default false\n     */\n    forceSelection?: boolean;\n    /**\n     * Whether to sync the table state with the URL.\n     *\n     * @default false\n     */\n    syncWithUrl?: boolean;\n}\n\nconst defaultOptions: UseTableOptions = {\n    enableRowSelection: true,\n    enableMultiRowSelection: false,\n    forceSelection: false,\n    syncWithUrl: false,\n};\n\nconst defaultState: Partial<TableState> = {\n    pagination: {\n        pageIndex: 0,\n        pageSize: 50,\n    },\n    totalEntries: null,\n    sorting: [],\n    globalFilter: '',\n    predicates: {},\n    layout: null,\n    dateRange: [null, null],\n    rowSelection: {},\n    columnVisibility: {},\n};\n\nconst serialization = <K extends keyof TableState>(\n    input: Pick<UseUrlSyncedStateOptions<TableState[K]>, 'serializer' | 'deserializer'>,\n) => Object.freeze(input);\n\nconst PAGINATION_SERIALIZATION = serialization<'pagination'>({\n    serializer: ({pageIndex, pageSize}) => [\n        ['page', (pageIndex + 1).toString()],\n        ['pageSize', pageSize.toString()],\n    ],\n    deserializer: (params, initialState) =>\n        defaultsDeep(\n            {\n                pageIndex: params.get('page') ? Math.max(1, parseInt(params.get('page'), 10)) - 1 : undefined,\n                pageSize: params.get('pageSize') ? parseInt(params.get('pageSize'), 10) : undefined,\n            },\n            initialState,\n        ),\n});\n\nconst SORTING_SERIALIZATION = serialization<'sorting'>({\n    serializer: (sorting) => [['sortBy', sorting.map(({id, desc}) => `${id}.${desc ? 'desc' : 'asc'}`).join(',')]],\n    deserializer: (params, initialState) => {\n        if (!params.has('sortBy')) {\n            return initialState;\n        }\n        const sorts = params.get('sortBy')?.split(',') ?? [];\n        return sorts.map((sort) => {\n            const [id, order] = sort.split('.');\n            return {id, desc: order === 'desc'};\n        });\n    },\n});\n\nconst GLOBAL_FILTER_SERIALIZATION = serialization<'globalFilter'>({\n    serializer: (filter) => [['filter', filter]],\n    deserializer: (params, initialState) => params.get('filter') ?? initialState,\n});\n\nconst PREDICATES_SERIALIZATION = serialization<'predicates'>({\n    serializer: (predicates) => Object.entries(predicates),\n    deserializer: (params, initialState) =>\n        Object.keys(initialState).reduce(\n            (acc, predicateKey) => {\n                acc[predicateKey] = params.get(predicateKey) ?? initialState[predicateKey];\n                return acc;\n            },\n            {} as TableState['predicates'],\n        ),\n});\n\nconst LAYOUT_SERIALIZATION = serialization<'layout'>({\n    serializer: (_layout) => [['layout', _layout]],\n    deserializer: (params, initialState) => params.get('layout') ?? initialState,\n});\n\nconst DATE_RANGE_SERIALIZATION = serialization<'dateRange'>({\n    serializer: ([from, to]) => [\n        ['from', from ? new Date(from).toISOString() : '', true],\n        ['to', to ? new Date(to).toISOString() : '', true],\n    ],\n    deserializer: (params, initial) => [\n        params.get('from') ? params.get('from') : initial[0],\n        params.get('to') ? params.get('to') : initial[1],\n    ],\n});\n\nconst COLUMN_VISIBILITY_SERIALIZATION = serialization<'columnVisibility'>({\n    serializer: (columns) => [\n        [\n            'show',\n            Object.entries(columns)\n                .filter(([, visible]) => visible === true)\n                .map(([columnName]) => columnName)\n                .join(','),\n        ],\n        [\n            'hide',\n            Object.entries(columns)\n                .filter(([, visible]) => visible === false)\n                .map(([columnName]) => columnName)\n                .join(','),\n        ],\n    ],\n    deserializer: (params, initial) => {\n        if (!params.has('show') && !params.has('hide')) {\n            return initial;\n        }\n        const visible = params.get('show')?.split(',') ?? [];\n        const invisible = params.get('hide')?.split(',') ?? [];\n        const columns = {} as TableState['columnVisibility'];\n        visible.forEach((column) => {\n            columns[column] = true;\n        });\n        invisible.forEach((column) => {\n            columns[column] = false;\n        });\n        return columns;\n    },\n});\n\nexport const useTable = <TData>(userOptions: UseTableOptions<TData> = {}): TableStore<TData> => {\n    const options = defaultsDeep({}, userOptions, defaultOptions) as UseTableOptions<TData>;\n    const initialState = defaultsDeep({}, options.initialState, defaultState) as TableState<TData>;\n    /**\n     * The `useUrlSyncedState` hook defaults to synchronize, but the table wants to default to not synchronize,\n     * so always pass the sync option as a resolved boolean value.\n     */\n    const sync = !!options.syncWithUrl;\n\n    // (Optionally) synced with url\n    const [pagination, setPagination] = useUrlSyncedState<TableState<TData>['pagination']>({\n        ...PAGINATION_SERIALIZATION,\n        initialState: initialState.pagination,\n        sync,\n    });\n    const [sorting, setSorting] = useUrlSyncedState<TableState<TData>['sorting']>({\n        ...SORTING_SERIALIZATION,\n        initialState: initialState.sorting,\n        sync,\n    });\n    const [globalFilter, setGlobalFilter] = useUrlSyncedState<TableState<TData>['globalFilter']>({\n        ...GLOBAL_FILTER_SERIALIZATION,\n        initialState: initialState.globalFilter,\n        sync,\n    });\n    const [predicates, setPredicates] = useUrlSyncedState<TableState<TData>['predicates']>({\n        ...PREDICATES_SERIALIZATION,\n        initialState: initialState.predicates,\n        sync,\n    });\n    const [layout, setLayout] = useUrlSyncedState<TableState<TData>['layout']>({\n        ...LAYOUT_SERIALIZATION,\n        initialState: initialState.layout,\n        sync,\n    });\n    const [dateRange, setDateRange] = useUrlSyncedState<TableState<TData>['dateRange']>({\n        ...DATE_RANGE_SERIALIZATION,\n        initialState: initialState.dateRange,\n        sync,\n    });\n    const [columnVisibility, setColumnVisibility] = useUrlSyncedState<TableState<TData>['columnVisibility']>({\n        ...COLUMN_VISIBILITY_SERIALIZATION,\n        initialState: initialState.columnVisibility,\n        sync,\n    });\n\n    // unsynced\n    const [totalEntries, _setTotalEntries] = useState<TableState<TData>['totalEntries']>(initialState.totalEntries);\n    const [unfilteredTotalEntries, setUnfilteredTotalEntries] = useState<TableState<TData>['totalEntries']>(\n        initialState.totalEntries,\n    );\n    const [expanded, setExpanded] = useState<TableState<TData>['expanded']>(initialState.expanded);\n    const [rowSelection, setRowSelection] = useState<TableState<TData>['rowSelection']>(initialState.rowSelection);\n\n    const isFiltered =\n        !!globalFilter ||\n        Object.keys(predicates).some((predicate) => !!predicates[predicate]) ||\n        !!dateRange?.[0] ||\n        !!dateRange?.[1];\n\n    const isVacant = unfilteredTotalEntries === 0;\n\n    const setTotalEntries: typeof _setTotalEntries = useCallback(\n        (updater) => {\n            _setTotalEntries((old) => {\n                const newTotalEntries = updater instanceof Function ? updater(old) : updater;\n                if (!isFiltered) {\n                    setUnfilteredTotalEntries(newTotalEntries);\n                }\n                return newTotalEntries;\n            });\n        },\n        [isFiltered],\n    );\n\n    const clearFilters = useCallback(() => {\n        setPredicates(initialState.predicates);\n        setGlobalFilter('');\n    }, []);\n\n    const clearRowSelection = useCallback(() => {\n        setRowSelection({});\n    }, []);\n\n    const getSelectedRows = useCallback(() => Object.values(rowSelection), [rowSelection]);\n\n    const getSelectedRow = () => getSelectedRows()[0] ?? null;\n\n    useDidUpdate(() => {\n        if (!options.enableMultiRowSelection) {\n            clearRowSelection();\n        }\n    }, [globalFilter, pagination, sorting, dateRange, predicates]);\n\n    const state = useMemo(\n        () => ({\n            pagination,\n            totalEntries,\n            sorting,\n            globalFilter,\n            expanded,\n            predicates,\n            layout,\n            dateRange,\n            rowSelection,\n            columnVisibility,\n        }),\n        [\n            pagination,\n            totalEntries,\n            sorting,\n            globalFilter,\n            expanded,\n            predicates,\n            layout,\n            dateRange,\n            rowSelection,\n            columnVisibility,\n        ],\n    );\n\n    return {\n        state,\n        setPagination,\n        setTotalEntries,\n        setSorting,\n        setGlobalFilter,\n        setExpanded,\n        setPredicates,\n        setLayout,\n        setDateRange,\n        setRowSelection,\n        setColumnVisibility,\n        isFiltered,\n        isVacant,\n        clearFilters,\n        clearRowSelection,\n        getSelectedRows,\n        getSelectedRow,\n        rowSelectionEnabled: options.enableRowSelection,\n        rowSelectionForced: options.forceSelection,\n        multiRowSelectionEnabled: options.enableMultiRowSelection,\n    };\n};\n"],"names":["useTable","defaultOptions","enableRowSelection","enableMultiRowSelection","forceSelection","syncWithUrl","defaultState","pagination","pageIndex","pageSize","totalEntries","sorting","globalFilter","predicates","layout","dateRange","rowSelection","columnVisibility","serialization","input","Object","freeze","PAGINATION_SERIALIZATION","serializer","toString","deserializer","params","initialState","defaultsDeep","get","Math","max","parseInt","undefined","SORTING_SERIALIZATION","map","id","desc","join","has","sorts","split","sort","order","GLOBAL_FILTER_SERIALIZATION","filter","PREDICATES_SERIALIZATION","entries","keys","reduce","acc","predicateKey","LAYOUT_SERIALIZATION","_layout","DATE_RANGE_SERIALIZATION","from","to","Date","toISOString","initial","COLUMN_VISIBILITY_SERIALIZATION","columns","visible","columnName","invisible","forEach","column","userOptions","options","sync","useUrlSyncedState","setPagination","setSorting","setGlobalFilter","setPredicates","setLayout","setDateRange","setColumnVisibility","useState","_setTotalEntries","unfilteredTotalEntries","setUnfilteredTotalEntries","expanded","setExpanded","setRowSelection","isFiltered","some","predicate","isVacant","setTotalEntries","useCallback","updater","old","newTotalEntries","Function","clearFilters","clearRowSelection","getSelectedRows","values","getSelectedRow","useDidUpdate","state","useMemo","rowSelectionEnabled","rowSelectionForced","multiRowSelectionEnabled"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/table/use-table.ts"],"sourcesContent":["import type {DatesRangeValue, DateStringValue} from '@mantine/dates';\nimport {useDidUpdate} from '@mantine/hooks';\nimport {type ExpandedState, type PaginationState, type SortingState} from '@tanstack/table-core';\nimport defaultsDeep from 'lodash.defaultsdeep';\nimport {Dispatch, SetStateAction, useCallback, useMemo, useState} from 'react';\nimport {useUrlSyncedState, UseUrlSyncedStateOptions} from './use-url-synced-state.js';\n\n// Create a deeply optional version of another type\ntype DeepPartial<T> = {\n    [P in keyof T]?: T[P] extends object ? DeepPartial<T[P]> : T[P];\n};\n\nexport interface TableState<TData = unknown> {\n    /**\n     * Current pagination state\n     *\n     * @default { pageIndex: 0, pageSize: 50 }\n     */\n    pagination: PaginationState;\n    /**\n     * Total number of entries in the table.\n     * This number is used to calculate the number of pages in the pagination.\n     * When null, the number of pages is calculated using the current data length.\n     *\n     * @default null\n     */\n    totalEntries: number | null;\n    /**\n     * Current sorting state\n     *\n     * @default []\n     */\n    sorting: SortingState;\n    /**\n     * Current global filter value\n     *\n     * @default ''\n     */\n    globalFilter: string;\n\n    /**\n     * Current expanded state\n     *\n     * @default {}\n     */\n    expanded: ExpandedState;\n    /**\n     * Predicates and their current value\n     *\n     * @default {}\n     */\n    predicates: Record<string, string>;\n    /**\n     * Layout currently selected. When null, the first layout is used.\n     *\n     * @default null\n     */\n    layout: string | null;\n    /**\n     * Currently selected date range\n     *\n     * @default [null, null]\n     */\n    dateRange: DatesRangeValue<DateStringValue | null>;\n    /**\n     * Currently selected rows\n     *\n     * @default {}\n     */\n    rowSelection: Record<string, TData>;\n    /**\n     * Columns that are currently visible\n     *\n     * @default {}\n     */\n    columnVisibility: Record<string, boolean>;\n}\n\nexport interface TableStore<TData = unknown> {\n    /**\n     * Current state of the table.\n     */\n    state: TableState<TData>;\n    /**\n     * Allows to change the pagination state.\n     */\n    setPagination: Dispatch<SetStateAction<TableState<TData>['pagination']>>;\n    /**\n     * Allows to change the total number of entries.\n     */\n    setTotalEntries: Dispatch<SetStateAction<TableState<TData>['totalEntries']>>;\n    /**\n     * Allows to change the sorting state.\n     */\n    setSorting: Dispatch<SetStateAction<TableState<TData>['sorting']>>;\n    /**\n     * Allows to change the global filter value.\n     */\n    setGlobalFilter: Dispatch<SetStateAction<TableState<TData>['globalFilter']>>;\n    /**\n     * Allows to change the rows expanded state.\n     */\n    setExpanded: Dispatch<SetStateAction<TableState<TData>['expanded']>>;\n    /**\n     * Allows to change the predicates values.\n     */\n    setPredicates: Dispatch<SetStateAction<TableState<TData>['predicates']>>;\n    /**\n     * Allows to change the selected layout.\n     */\n    setLayout: Dispatch<SetStateAction<TableState<TData>['layout']>>;\n    /**\n     * Allows to change the selected date range.\n     */\n    setDateRange: Dispatch<SetStateAction<TableState<TData>['dateRange']>>;\n    /**\n     * Allows to change the current row selection.\n     */\n    setRowSelection: Dispatch<SetStateAction<TableState<TData>['rowSelection']>>;\n    /**\n     * Allows to change the visible columns.\n     */\n    setColumnVisibility: Dispatch<SetStateAction<TableState<TData>['columnVisibility']>>;\n    /**\n     * Whether the table is currently filtered.\n     */\n    isFiltered: boolean;\n    /**\n     * Whether the table has data when unfiltered.\n     *\n     * This is derived from the totalEntries so make sure you set that number correctly, even if you're using a client side table.\n     */\n    isVacant: boolean;\n    /**\n     * Clear currently applied filters.\n     */\n    clearFilters: () => void;\n    /**\n     * Deselects all currently selected rows.\n     */\n    clearRowSelection: () => void;\n    /**\n     * Get currently selected rows.\n     */\n    getSelectedRows: () => TData[];\n    /**\n     * Get currently selected row\n     */\n    getSelectedRow: () => TData | null;\n    /**\n     * Whether the user can select multiple rows at the same time.\n     */\n    multiRowSelectionEnabled: boolean;\n    /**\n     * Whether rows can be selected.\n     */\n    rowSelectionEnabled: boolean;\n    /**\n     * Whether row selection is forced.\n     */\n    rowSelectionForced: boolean;\n}\n\nexport interface UseTableOptions<TData = unknown> {\n    /**\n     * Initial state of the table.\n     */\n    initialState?: DeepPartial<TableState<TData>>;\n    /**\n     * Whether rows can be selected.\n     *\n     * @default true\n     */\n    enableRowSelection?: boolean;\n    /**\n     * Whether multiple rows can be selected at the same time.\n     *\n     * @default false\n     */\n    enableMultiRowSelection?: boolean;\n    /**\n     * Forces the user to always have one row selected.\n     * When activating that setting, a good practice is to have a row already selected in the initial state.\n     *\n     * @default false\n     */\n    forceSelection?: boolean;\n    /**\n     * Whether to sync the table state with the URL.\n     *\n     * @default false\n     */\n    syncWithUrl?: boolean;\n}\n\nconst defaultOptions: UseTableOptions = {\n    enableRowSelection: true,\n    enableMultiRowSelection: false,\n    forceSelection: false,\n    syncWithUrl: false,\n};\n\nconst defaultState: Partial<TableState> = {\n    pagination: {\n        pageIndex: 0,\n        pageSize: 50,\n    },\n    totalEntries: null,\n    sorting: [],\n    globalFilter: '',\n    predicates: {},\n    layout: null,\n    dateRange: [null, null],\n    rowSelection: {},\n    columnVisibility: {},\n};\n\nconst serialization = <K extends keyof TableState>(\n    input: Pick<UseUrlSyncedStateOptions<TableState[K]>, 'serializer' | 'deserializer'>,\n) => Object.freeze(input);\n\nconst PAGINATION_SERIALIZATION = serialization<'pagination'>({\n    serializer: ({pageIndex, pageSize}) => [\n        ['page', (pageIndex + 1).toString()],\n        ['pageSize', pageSize.toString()],\n    ],\n    deserializer: (params, initialState) =>\n        defaultsDeep(\n            {\n                pageIndex: params.get('page') ? Math.max(1, parseInt(params.get('page'), 10)) - 1 : undefined,\n                pageSize: params.get('pageSize') ? parseInt(params.get('pageSize'), 10) : undefined,\n            },\n            initialState,\n        ),\n});\n\nconst SORTING_SERIALIZATION = serialization<'sorting'>({\n    serializer: (sorting) => [['sortBy', sorting.map(({id, desc}) => `${id}.${desc ? 'desc' : 'asc'}`).join(',')]],\n    deserializer: (params, initialState) => {\n        if (!params.has('sortBy')) {\n            return initialState;\n        }\n        const sorts = params.get('sortBy')?.split(',') ?? [];\n        return sorts.map((sort) => {\n            const [id, order] = sort.split('.');\n            return {id, desc: order === 'desc'};\n        });\n    },\n});\n\nconst GLOBAL_FILTER_SERIALIZATION = serialization<'globalFilter'>({\n    serializer: (filter) => [['filter', filter]],\n    deserializer: (params, initialState) => params.get('filter') ?? initialState,\n});\n\nconst PREDICATES_SERIALIZATION = serialization<'predicates'>({\n    serializer: (predicates) => Object.entries(predicates),\n    deserializer: (params, initialState) =>\n        Object.keys(initialState).reduce(\n            (acc, predicateKey) => {\n                acc[predicateKey] = params.get(predicateKey) ?? initialState[predicateKey];\n                return acc;\n            },\n            {} as TableState['predicates'],\n        ),\n});\n\nconst LAYOUT_SERIALIZATION = serialization<'layout'>({\n    serializer: (_layout) => [['layout', _layout]],\n    deserializer: (params, initialState) => params.get('layout') ?? initialState,\n});\n\nconst DATE_RANGE_SERIALIZATION = serialization<'dateRange'>({\n    serializer: ([from, to]) => [\n        ['from', from ? new Date(from).toISOString() : '', true],\n        ['to', to ? new Date(to).toISOString() : '', true],\n    ],\n    deserializer: (params, initial) => [\n        params.get('from') ? params.get('from') : initial[0],\n        params.get('to') ? params.get('to') : initial[1],\n    ],\n});\n\nconst COLUMN_VISIBILITY_SERIALIZATION = serialization<'columnVisibility'>({\n    serializer: (columns) => [\n        [\n            'show',\n            Object.entries(columns)\n                .filter(([, visible]) => visible === true)\n                .map(([columnName]) => columnName)\n                .join(','),\n        ],\n        [\n            'hide',\n            Object.entries(columns)\n                .filter(([, visible]) => visible === false)\n                .map(([columnName]) => columnName)\n                .join(','),\n        ],\n    ],\n    deserializer: (params, initial) => {\n        if (!params.has('show') && !params.has('hide')) {\n            return initial;\n        }\n        const visible = params.get('show')?.split(',') ?? [];\n        const invisible = params.get('hide')?.split(',') ?? [];\n        const columns = {} as TableState['columnVisibility'];\n        visible.forEach((column) => {\n            columns[column] = true;\n        });\n        invisible.forEach((column) => {\n            columns[column] = false;\n        });\n        return columns;\n    },\n});\n\nexport const useTable = <TData>(userOptions: UseTableOptions<TData> = {}): TableStore<TData> => {\n    const options = defaultsDeep({}, userOptions, defaultOptions) as UseTableOptions<TData>;\n    const initialState = defaultsDeep({}, options.initialState, defaultState) as TableState<TData>;\n    /**\n     * The `useUrlSyncedState` hook defaults to synchronize, but the table wants to default to not synchronize,\n     * so always pass the sync option as a resolved boolean value.\n     */\n    const sync = !!options.syncWithUrl;\n\n    // (Optionally) synced with url\n    const [pagination, setPagination] = useUrlSyncedState<TableState<TData>['pagination']>({\n        ...PAGINATION_SERIALIZATION,\n        initialState: initialState.pagination,\n        sync,\n    });\n    const [sorting, setSorting] = useUrlSyncedState<TableState<TData>['sorting']>({\n        ...SORTING_SERIALIZATION,\n        initialState: initialState.sorting,\n        sync,\n    });\n    const [globalFilter, setGlobalFilter] = useUrlSyncedState<TableState<TData>['globalFilter']>({\n        ...GLOBAL_FILTER_SERIALIZATION,\n        initialState: initialState.globalFilter,\n        sync,\n    });\n    const [predicates, setPredicates] = useUrlSyncedState<TableState<TData>['predicates']>({\n        ...PREDICATES_SERIALIZATION,\n        initialState: initialState.predicates,\n        sync,\n    });\n    const [layout, setLayout] = useUrlSyncedState<TableState<TData>['layout']>({\n        ...LAYOUT_SERIALIZATION,\n        initialState: initialState.layout,\n        sync,\n    });\n    const [dateRange, setDateRange] = useUrlSyncedState<TableState<TData>['dateRange']>({\n        ...DATE_RANGE_SERIALIZATION,\n        initialState: initialState.dateRange,\n        sync,\n    });\n    const [columnVisibility, setColumnVisibility] = useUrlSyncedState<TableState<TData>['columnVisibility']>({\n        ...COLUMN_VISIBILITY_SERIALIZATION,\n        initialState: initialState.columnVisibility,\n        sync,\n    });\n\n    // unsynced\n    const [totalEntries, _setTotalEntries] = useState<TableState<TData>['totalEntries']>(initialState.totalEntries);\n    const [unfilteredTotalEntries, setUnfilteredTotalEntries] = useState<TableState<TData>['totalEntries']>(\n        initialState.totalEntries,\n    );\n    const [expanded, setExpanded] = useState<TableState<TData>['expanded']>(initialState.expanded);\n    const [rowSelection, setRowSelection] = useState<TableState<TData>['rowSelection']>(initialState.rowSelection);\n\n    const isFiltered =\n        !!globalFilter ||\n        Object.keys(predicates).some((predicate) => !!predicates[predicate]) ||\n        !!dateRange?.[0] ||\n        !!dateRange?.[1];\n\n    const isVacant = unfilteredTotalEntries === 0;\n\n    const setTotalEntries: typeof _setTotalEntries = useCallback(\n        (updater) => {\n            _setTotalEntries((old) => {\n                const newTotalEntries = updater instanceof Function ? updater(old) : updater;\n                if (!isFiltered) {\n                    setUnfilteredTotalEntries(newTotalEntries);\n                }\n                return newTotalEntries;\n            });\n        },\n        [isFiltered],\n    );\n\n    const clearFilters = useCallback(() => {\n        setPredicates(initialState.predicates);\n        setGlobalFilter('');\n    }, []);\n\n    const clearRowSelection = useCallback(() => {\n        setRowSelection({});\n    }, []);\n\n    const getSelectedRows = useCallback(() => Object.values(rowSelection), [rowSelection]);\n\n    const getSelectedRow = () => getSelectedRows()[0] ?? null;\n\n    useDidUpdate(() => {\n        if (!options.enableMultiRowSelection) {\n            clearRowSelection();\n        }\n    }, [globalFilter, pagination, sorting, dateRange, predicates]);\n\n    const state = useMemo(\n        () => ({\n            pagination,\n            totalEntries,\n            sorting,\n            globalFilter,\n            expanded,\n            predicates,\n            layout,\n            dateRange,\n            rowSelection,\n            columnVisibility,\n        }),\n        [\n            pagination,\n            totalEntries,\n            sorting,\n            globalFilter,\n            expanded,\n            predicates,\n            layout,\n            dateRange,\n            rowSelection,\n            columnVisibility,\n        ],\n    );\n\n    return {\n        state,\n        setPagination,\n        setTotalEntries,\n        setSorting,\n        setGlobalFilter,\n        setExpanded,\n        setPredicates,\n        setLayout,\n        setDateRange,\n        setRowSelection,\n        setColumnVisibility,\n        isFiltered,\n        isVacant,\n        clearFilters,\n        clearRowSelection,\n        getSelectedRows,\n        getSelectedRow,\n        rowSelectionEnabled: options.enableRowSelection,\n        rowSelectionForced: options.forceSelection,\n        multiRowSelectionEnabled: options.enableMultiRowSelection,\n    };\n};\n"],"names":["useTable","defaultOptions","enableRowSelection","enableMultiRowSelection","forceSelection","syncWithUrl","defaultState","pagination","pageIndex","pageSize","totalEntries","sorting","globalFilter","predicates","layout","dateRange","rowSelection","columnVisibility","serialization","input","Object","freeze","PAGINATION_SERIALIZATION","serializer","toString","deserializer","params","initialState","defaultsDeep","get","Math","max","parseInt","undefined","SORTING_SERIALIZATION","map","id","desc","join","has","sorts","split","sort","order","GLOBAL_FILTER_SERIALIZATION","filter","PREDICATES_SERIALIZATION","entries","keys","reduce","acc","predicateKey","LAYOUT_SERIALIZATION","_layout","DATE_RANGE_SERIALIZATION","from","to","Date","toISOString","initial","COLUMN_VISIBILITY_SERIALIZATION","columns","visible","columnName","invisible","forEach","column","userOptions","options","sync","useUrlSyncedState","setPagination","setSorting","setGlobalFilter","setPredicates","setLayout","setDateRange","setColumnVisibility","useState","_setTotalEntries","unfilteredTotalEntries","setUnfilteredTotalEntries","expanded","setExpanded","setRowSelection","isFiltered","some","predicate","isVacant","setTotalEntries","useCallback","updater","old","newTotalEntries","Function","clearFilters","clearRowSelection","getSelectedRows","values","getSelectedRow","useDidUpdate","state","useMemo","rowSelectionEnabled","rowSelectionForced","multiRowSelectionEnabled"],"mappings":"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"}

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

@@ -1,3 +1,3 @@
-export * from './useParentHeight';
-export * from './useControlledList';
+export * from './useParentHeight.js';
+export * from './useControlledList.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC"}

package/dist/cjs/hooks/index.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", {
     value: true
 });
 var _export_star = require("@swc/helpers/_/_export_star");
-_export_star._(require("./useParentHeight"), exports);
-_export_star._(require("./useControlledList"), exports);
+_export_star._(require("./useParentHeight.js"), exports);
+_export_star._(require("./useControlledList.js"), exports);
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/index.ts"],"sourcesContent":["export * from './useParentHeight';\nexport * from './useControlledList';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA"}
+{"version":3,"sources":["../../../src/hooks/index.ts"],"sourcesContent":["export * from './useParentHeight.js';\nexport * from './useControlledList.js';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA"}

package/dist/cjs/index.d.ts

@@ -1,6 +1,6 @@
 import { MantineColorsTuple, noop } from '@mantine/core';
 import { type RowData } from '@tanstack/table-core';
-import { type PlasmaColors } from './theme/PlasmaColors';
+import { type PlasmaColors } from './theme/PlasmaColors.js';
 export * from '@mantine/carousel';
 export * from '@mantine/core';
 export { Pagination } from '@mantine/core';
@@ -10,10 +10,10 @@ export * from '@mantine/hooks';
 export * from '@mantine/notifications';
 export { type NotificationsProps } from '@mantine/notifications';
 export * from '@tanstack/table-core';
-export * from './components';
+export * from './components/index.js';
 export { noop };
-export { Accordion, ActionIcon, Alert, Badge, BrowserPreview, Button, Chip, CopyToClipboard, Header, Menu, Modal, PasswordInput, Select, Table, type ActionIconProps, type ButtonProps, type CopyToClipboardProps, type HeaderProps, type MenuItemProps, type ModalFactory, type ModalProps, type TableProps, type TableState, } from './components';
-export * from './theme';
+export { Accordion, ActionIcon, Alert, Badge, BrowserPreview, Button, Chip, CopyToClipboard, Header, Menu, Modal, PasswordInput, Select, Table, type ActionIconProps, type ButtonProps, type CopyToClipboardProps, type HeaderProps, type MenuItemProps, type ModalFactory, type ModalProps, type TableProps, type TableState, } from './components/index.js';
+export * from './theme/index.js';
 declare module '@mantine/core' {
     interface MantineThemeColorsOverride {
         colors: Record<keyof typeof PlasmaColors | (string & {}), MantineColorsTuple>;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,kBAAkB,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AACvD,OAAO,EAAC,KAAK,OAAO,EAAC,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAC,KAAK,YAAY,EAAC,MAAM,sBAAsB,CAAC;AAEvD,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAC;AACzC,OAAO,EAAC,KAAK,eAAe,EAAC,MAAM,gBAAgB,CAAC;AACpD,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAC,KAAK,kBAAkB,EAAC,MAAM,wBAAwB,CAAC;AAC/D,cAAc,sBAAsB,CAAC;AACrC,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAC,IAAI,EAAC,CAAC;AAGd,OAAO,EACH,SAAS,EACT,UAAU,EACV,KAAK,EACL,KAAK,EACL,cAAc,EACd,MAAM,EACN,IAAI,EACJ,eAAe,EACf,MAAM,EACN,IAAI,EACJ,KAAK,EACL,aAAa,EACb,MAAM,EACN,KAAK,EACL,KAAK,eAAe,EACpB,KAAK,WAAW,EAChB,KAAK,oBAAoB,EACzB,KAAK,WAAW,EAChB,KAAK,aAAa,EAClB,KAAK,YAAY,EACjB,KAAK,UAAU,EACf,KAAK,UAAU,EACf,KAAK,UAAU,GAClB,MAAM,cAAc,CAAC;AAEtB,cAAc,SAAS,CAAC;AAExB,OAAO,QAAQ,eAAe,CAAC;IAC3B,UAAiB,0BAA0B;QACvC,MAAM,EAAE,MAAM,CAAC,MAAM,OAAO,YAAY,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,EAAE,kBAAkB,CAAC,CAAC;KACjF;CACJ;AAED,OAAO,QAAQ,uBAAuB,CAAC;IACnC,UAAU,UAAU,CAAC,KAAK,SAAS,OAAO,EAAE,MAAM;QAC9C;;;;WAIG;QACH,aAAa,EAAE,OAAO,CAAC;KAC1B;CACJ"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,kBAAkB,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AACvD,OAAO,EAAC,KAAK,OAAO,EAAC,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAC,KAAK,YAAY,EAAC,MAAM,yBAAyB,CAAC;AAE1D,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAC;AACzC,OAAO,EAAC,KAAK,eAAe,EAAC,MAAM,gBAAgB,CAAC;AACpD,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAC,KAAK,kBAAkB,EAAC,MAAM,wBAAwB,CAAC;AAC/D,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,OAAO,EAAC,IAAI,EAAC,CAAC;AAGd,OAAO,EACH,SAAS,EACT,UAAU,EACV,KAAK,EACL,KAAK,EACL,cAAc,EACd,MAAM,EACN,IAAI,EACJ,eAAe,EACf,MAAM,EACN,IAAI,EACJ,KAAK,EACL,aAAa,EACb,MAAM,EACN,KAAK,EACL,KAAK,eAAe,EACpB,KAAK,WAAW,EAChB,KAAK,oBAAoB,EACzB,KAAK,WAAW,EAChB,KAAK,aAAa,EAClB,KAAK,YAAY,EACjB,KAAK,UAAU,EACf,KAAK,UAAU,EACf,KAAK,UAAU,GAClB,MAAM,uBAAuB,CAAC;AAE/B,cAAc,kBAAkB,CAAC;AAEjC,OAAO,QAAQ,eAAe,CAAC;IAC3B,UAAiB,0BAA0B;QACvC,MAAM,EAAE,MAAM,CAAC,MAAM,OAAO,YAAY,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,EAAE,kBAAkB,CAAC,CAAC;KACjF;CACJ;AAED,OAAO,QAAQ,uBAAuB,CAAC;IACnC,UAAU,UAAU,CAAC,KAAK,SAAS,OAAO,EAAE,MAAM;QAC9C;;;;WAIG;QACH,aAAa,EAAE,OAAO,CAAC;KAC1B;CACJ"}