@coveord/plasma-mantine 53.1.4 → 54.0.0

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/table/table-per-page/TablePerPage.tsx"],"sourcesContent":["import {Group, SegmentedControl, Text} from '@mantine/core';\nimport {FunctionComponent} from 'react';\n\nimport {useTable} from '../TableContext';\nimport {TablePerPageProps} from './TablePerPage.types';\n\nexport const TablePerPage: FunctionComponent<TablePerPageProps> & {DEFAULT_SIZE: number} = ({\n    label = 'Results per page',\n    values = [25, 50, 100],\n    onPerPageChange,\n}) => {\n    const {state, setState, getPageCount} = useTable();\n\n    const updatePerPage = (newPerPage: string) => {\n        onPerPageChange?.(Number(newPerPage));\n        setState((prevState) => ({\n            ...prevState,\n            pagination: {pageIndex: 0, pageSize: parseInt(newPerPage, 10)},\n        }));\n    };\n\n    return getPageCount() > 0 ? (\n        <Group gap=\"sm\">\n            <Text fw={500}>{label}</Text>\n            <SegmentedControl\n                value={state.pagination.pageSize.toString() ?? values?.[1].toString()}\n                onChange={updatePerPage}\n                data={values.map((value) => value.toString())}\n                size=\"sm\"\n            />\n        </Group>\n    ) : null;\n};\n\nTablePerPage.DEFAULT_SIZE = 50;\n"],"names":["Group","SegmentedControl","Text","useTable","TablePerPage","label","values","onPerPageChange","state","setState","getPageCount","updatePerPage","newPerPage","Number","prevState","pagination","pageIndex","pageSize","parseInt","gap","fw","value","toString","onChange","data","map","size","DEFAULT_SIZE"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,SAAQA,KAAK,EAAEC,gBAAgB,EAAEC,IAAI,QAAO,gBAAgB;AAG5D,SAAQC,QAAQ,QAAO,kBAAkB;AAGzC,OAAO,MAAMC,eAA8E,CAAC,EACxFC,QAAQ,kBAAkB,EAC1BC,SAAS;IAAC;IAAI;IAAI;CAAI,EACtBC,eAAe,EAClB;IACG,MAAM,EAACC,KAAK,EAAEC,QAAQ,EAAEC,YAAY,EAAC,GAAGP;IAExC,MAAMQ,gBAAgB,CAACC;QACnBL,kBAAkBM,OAAOD;QACzBH,SAAS,CAACK,YAAe,CAAA;gBACrB,GAAGA,SAAS;gBACZC,YAAY;oBAACC,WAAW;oBAAGC,UAAUC,SAASN,YAAY;gBAAG;YACjE,CAAA;IACJ;IAEA,OAAOF,iBAAiB,kBACpB,MAACV;QAAMmB,KAAI;;0BACP,KAACjB;gBAAKkB,IAAI;0BAAMf;;0BAChB,KAACJ;gBACGoB,OAAOb,MAAMO,UAAU,CAACE,QAAQ,CAACK,QAAQ,MAAMhB,QAAQ,CAAC,EAAE,CAACgB;gBAC3DC,UAAUZ;gBACVa,MAAMlB,OAAOmB,GAAG,CAAC,CAACJ,QAAUA,MAAMC,QAAQ;gBAC1CI,MAAK;;;SAGb;AACR,EAAE;AAEFtB,aAAauB,YAAY,GAAG"}
+{"version":3,"sources":["../../../../../src/components/table/table-per-page/TablePerPage.tsx"],"sourcesContent":["import {Group, SegmentedControl, Text} from '@mantine/core';\nimport {FunctionComponent, useMemo} from 'react';\n\nimport {useTableContext} from '../TableContext';\nimport {TablePerPageProps} from './TablePerPage.types';\n\nexport const TablePerPage: FunctionComponent<TablePerPageProps> & {DEFAULT_SIZE: number} = ({\n    label = 'Results per page',\n    values = [25, 50, 100],\n    onPerPageChange,\n}) => {\n    const {store, table} = useTableContext();\n    const choices = useMemo(() => values.map((value) => value.toString()), [values]);\n\n    const updatePerPage = (newPerPage: string) => {\n        onPerPageChange?.(Number(newPerPage));\n        store.setPagination({pageIndex: 0, pageSize: parseInt(newPerPage, 10)});\n    };\n\n    return table.getPageCount() > 0 ? (\n        <Group gap=\"sm\">\n            <Text fw={500}>{label}</Text>\n            <SegmentedControl\n                value={store.state.pagination.pageSize.toString() ?? choices[1] ?? choices[0]}\n                onChange={updatePerPage}\n                data={choices}\n                size=\"sm\"\n            />\n        </Group>\n    ) : null;\n};\n\nTablePerPage.DEFAULT_SIZE = 50;\n"],"names":["Group","SegmentedControl","Text","useMemo","useTableContext","TablePerPage","label","values","onPerPageChange","store","table","choices","map","value","toString","updatePerPage","newPerPage","Number","setPagination","pageIndex","pageSize","parseInt","getPageCount","gap","fw","state","pagination","onChange","data","size","DEFAULT_SIZE"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,SAAQA,KAAK,EAAEC,gBAAgB,EAAEC,IAAI,QAAO,gBAAgB;AAC5D,SAA2BC,OAAO,QAAO,QAAQ;AAEjD,SAAQC,eAAe,QAAO,kBAAkB;AAGhD,OAAO,MAAMC,eAA8E,CAAC,EACxFC,QAAQ,kBAAkB,EAC1BC,SAAS;IAAC;IAAI;IAAI;CAAI,EACtBC,eAAe,EAClB;IACG,MAAM,EAACC,KAAK,EAAEC,KAAK,EAAC,GAAGN;IACvB,MAAMO,UAAUR,QAAQ,IAAMI,OAAOK,GAAG,CAAC,CAACC,QAAUA,MAAMC,QAAQ,KAAK;QAACP;KAAO;IAE/E,MAAMQ,gBAAgB,CAACC;QACnBR,kBAAkBS,OAAOD;QACzBP,MAAMS,aAAa,CAAC;YAACC,WAAW;YAAGC,UAAUC,SAASL,YAAY;QAAG;IACzE;IAEA,OAAON,MAAMY,YAAY,KAAK,kBAC1B,MAACtB;QAAMuB,KAAI;;0BACP,KAACrB;gBAAKsB,IAAI;0BAAMlB;;0BAChB,KAACL;gBACGY,OAAOJ,MAAMgB,KAAK,CAACC,UAAU,CAACN,QAAQ,CAACN,QAAQ,MAAMH,OAAO,CAAC,EAAE,IAAIA,OAAO,CAAC,EAAE;gBAC7EgB,UAAUZ;gBACVa,MAAMjB;gBACNkB,MAAK;;;SAGb;AACR,EAAE;AAEFxB,aAAayB,YAAY,GAAG"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"TablePredicate.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-predicate/TablePredicate.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAE,YAAY,EAAW,OAAO,EAAsC,MAAM,eAAe,CAAC;AAC5G,OAAO,EAAC,sBAAsB,EAAC,MAAM,oDAAoD,CAAC;AAC1F,OAAO,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAKxC,MAAM,MAAM,yBAAyB,GAAG,WAAW,GAAG,kBAAkB,GAAG,gBAAgB,GAAG,iBAAiB,CAAC;AAEhH,MAAM,WAAW,mBAAoB,SAAQ,QAAQ,EAAE,sBAAsB,CAAC,qBAAqB,CAAC;IAChG;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,IAAI,EAAE,YAAY,CAAC;IACnB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,MAAM,qBAAqB,GAAG,OAAO,CAAC;IACxC,KAAK,EAAE,mBAAmB,CAAC;IAC3B,GAAG,EAAE,cAAc,CAAC;IACpB,WAAW,EAAE,yBAAyB,CAAC;IACvC,QAAQ,EAAE,IAAI,CAAC;CAClB,CAAC,CAAC;AAIH,eAAO,MAAM,cAAc,EAAE,iBAAiB,CAAC,mBAAmB,CA2ChE,CAAC"}
+{"version":3,"file":"TablePredicate.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-predicate/TablePredicate.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,QAAQ,EACR,YAAY,EACZ,sBAAsB,EAEtB,OAAO,EAMV,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAKxC,MAAM,MAAM,yBAAyB,GAAG,WAAW,GAAG,kBAAkB,GAAG,gBAAgB,GAAG,iBAAiB,CAAC;AAEhH,MAAM,WAAW,mBAAoB,SAAQ,QAAQ,EAAE,sBAAsB,CAAC,qBAAqB,CAAC;IAChG;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,IAAI,EAAE,YAAY,CAAC;IACnB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,MAAM,qBAAqB,GAAG,OAAO,CAAC;IACxC,KAAK,EAAE,mBAAmB,CAAC;IAC3B,GAAG,EAAE,cAAc,CAAC;IACpB,WAAW,EAAE,yBAAyB,CAAC;IACvC,QAAQ,EAAE,IAAI,CAAC;CAClB,CAAC,CAAC;AAIH,eAAO,MAAM,cAAc,EAAE,iBAAiB,CAAC,mBAAmB,CAqChE,CAAC"}

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

@@ -1,23 +1,19 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { factory, Grid, Group, Select, Text, useProps } from '@mantine/core';
 import { TableComponentsOrder } from '../Table';
-import { useTable, useTableStyles } from '../TableContext';
+import { useTableContext } from '../TableContext';
 const defaultProps = {};
 export const TablePredicate = factory((props, ref)=>{
-    const ctx = useTableStyles();
+    const { store, getStyles } = useTableContext();
     const { id, data, label, classNames, className, styles, style, vars, ...others } = useProps('PlasmaTablePredicate', defaultProps, props);
-    const { form, setState } = useTable();
     const handleChange = (newValue)=>{
-        form.setFieldValue('predicates', {
-            ...form.values.predicates,
-            [id]: newValue
-        });
-        setState((prevState)=>({
-                ...prevState,
-                pagination: prevState.pagination ? {
-                    pageIndex: 0,
-                    pageSize: prevState.pagination.pageSize
-                } : prevState.pagination
+        store.setPredicates((prev)=>({
+                ...prev,
+                [id]: newValue
+            }));
+        store.setPagination((prev)=>({
+                ...prev,
+                pageIndex: 0
             }));
     };
     const stylesApiProps = {
@@ -28,7 +24,7 @@ export const TablePredicate = factory((props, ref)=>{
         span: "content",
         order: TableComponentsOrder.Predicate,
         ref: ref,
-        ...ctx.getStyles('predicate', {
+        ...getStyles('predicate', {
             className,
             style,
             ...stylesApiProps
@@ -36,10 +32,10 @@ export const TablePredicate = factory((props, ref)=>{
         ...others,
         children: /*#__PURE__*/ _jsxs(Group, {
             gap: "xs",
-            ...ctx.getStyles('predicateWrapper', stylesApiProps),
+            ...getStyles('predicateWrapper', stylesApiProps),
             children: [
                 label ? /*#__PURE__*/ _jsxs(Text, {
-                    ...ctx.getStyles('predicateLabel', stylesApiProps),
+                    ...getStyles('predicateLabel', stylesApiProps),
                     children: [
                         label,
                         ":"
@@ -49,12 +45,12 @@ export const TablePredicate = factory((props, ref)=>{
                     comboboxProps: {
                         withinPortal: true
                     },
-                    value: form.values.predicates[id],
+                    value: store.state.predicates[id],
                     onChange: handleChange,
                     data: data,
                     "aria-label": label ?? id,
                     searchable: data.length > 7,
-                    ...ctx.getStyles('predicateSelect', stylesApiProps)
+                    ...getStyles('predicateSelect', stylesApiProps)
                 })
             ]
         })

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/table/table-predicate/TablePredicate.tsx"],"sourcesContent":["import {BoxProps, ComboboxData, factory, Factory, Grid, Group, Select, Text, useProps} from '@mantine/core';\nimport {CompoundStylesApiProps} from '@mantine/core/lib/core/styles-api/styles-api.types';\nimport {FunctionComponent} from 'react';\n\nimport {TableComponentsOrder} from '../Table';\nimport {useTable, useTableStyles} from '../TableContext';\n\nexport type TablePredicateStylesNames = 'predicate' | 'predicateWrapper' | 'predicateLabel' | 'predicateSelect';\n\nexport interface TablePredicateProps extends BoxProps, CompoundStylesApiProps<TablePredicateFactory> {\n    /**\n     * Unique identifier for this predicate. Will be used to access the selected value in the table state\n     */\n    id: string;\n    /**\n     * The values to display in the predicate\n     */\n    data: ComboboxData;\n    /**\n     * Input label (not displayed for now)\n     *\n     * @default default to the predicate id\n     */\n    label?: string;\n}\n\nexport type TablePredicateFactory = Factory<{\n    props: TablePredicateProps;\n    ref: HTMLDivElement;\n    stylesNames: TablePredicateStylesNames;\n    compound: true;\n}>;\n\nconst defaultProps: Partial<TablePredicateProps> = {};\n\nexport const TablePredicate: FunctionComponent<TablePredicateProps> = factory<TablePredicateFactory>((props, ref) => {\n    const ctx = useTableStyles();\n    const {id, data, label, classNames, className, styles, style, vars, ...others} = useProps(\n        'PlasmaTablePredicate',\n        defaultProps,\n        props,\n    );\n    const {form, setState} = useTable();\n\n    const handleChange = (newValue: string) => {\n        form.setFieldValue('predicates', {...form.values.predicates, [id]: newValue});\n        setState((prevState) => ({\n            ...prevState,\n            pagination: prevState.pagination\n                ? {pageIndex: 0, pageSize: prevState.pagination.pageSize}\n                : prevState.pagination,\n        }));\n    };\n\n    const stylesApiProps = {classNames, styles};\n\n    return (\n        <Grid.Col\n            span=\"content\"\n            order={TableComponentsOrder.Predicate}\n            ref={ref}\n            {...ctx.getStyles('predicate', {className, style, ...stylesApiProps})}\n            {...others}\n        >\n            <Group gap=\"xs\" {...ctx.getStyles('predicateWrapper', stylesApiProps)}>\n                {label ? <Text {...ctx.getStyles('predicateLabel', stylesApiProps)}>{label}:</Text> : null}\n                <Select\n                    comboboxProps={{withinPortal: true}}\n                    value={form.values.predicates[id]}\n                    onChange={handleChange}\n                    data={data}\n                    aria-label={label ?? id}\n                    searchable={data.length > 7}\n                    {...ctx.getStyles('predicateSelect', stylesApiProps)}\n                />\n            </Group>\n        </Grid.Col>\n    );\n});\n"],"names":["factory","Grid","Group","Select","Text","useProps","TableComponentsOrder","useTable","useTableStyles","defaultProps","TablePredicate","props","ref","ctx","id","data","label","classNames","className","styles","style","vars","others","form","setState","handleChange","newValue","setFieldValue","values","predicates","prevState","pagination","pageIndex","pageSize","stylesApiProps","Col","span","order","Predicate","getStyles","gap","comboboxProps","withinPortal","value","onChange","aria-label","searchable","length"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,SAAgCA,OAAO,EAAWC,IAAI,EAAEC,KAAK,EAAEC,MAAM,EAAEC,IAAI,EAAEC,QAAQ,QAAO,gBAAgB;AAI5G,SAAQC,oBAAoB,QAAO,WAAW;AAC9C,SAAQC,QAAQ,EAAEC,cAAc,QAAO,kBAAkB;AA4BzD,MAAMC,eAA6C,CAAC;AAEpD,OAAO,MAAMC,iBAAyDV,QAA+B,CAACW,OAAOC;IACzG,MAAMC,MAAML;IACZ,MAAM,EAACM,EAAE,EAAEC,IAAI,EAAEC,KAAK,EAAEC,UAAU,EAAEC,SAAS,EAAEC,MAAM,EAAEC,KAAK,EAAEC,IAAI,EAAE,GAAGC,QAAO,GAAGjB,SAC7E,wBACAI,cACAE;IAEJ,MAAM,EAACY,IAAI,EAAEC,QAAQ,EAAC,GAAGjB;IAEzB,MAAMkB,eAAe,CAACC;QAClBH,KAAKI,aAAa,CAAC,cAAc;YAAC,GAAGJ,KAAKK,MAAM,CAACC,UAAU;YAAE,CAACf,GAAG,EAAEY;QAAQ;QAC3EF,SAAS,CAACM,YAAe,CAAA;gBACrB,GAAGA,SAAS;gBACZC,YAAYD,UAAUC,UAAU,GAC1B;oBAACC,WAAW;oBAAGC,UAAUH,UAAUC,UAAU,CAACE,QAAQ;gBAAA,IACtDH,UAAUC,UAAU;YAC9B,CAAA;IACJ;IAEA,MAAMG,iBAAiB;QAACjB;QAAYE;IAAM;IAE1C,qBACI,KAAClB,KAAKkC,GAAG;QACLC,MAAK;QACLC,OAAO/B,qBAAqBgC,SAAS;QACrC1B,KAAKA;QACJ,GAAGC,IAAI0B,SAAS,CAAC,aAAa;YAACrB;YAAWE;YAAO,GAAGc,cAAc;QAAA,EAAE;QACpE,GAAGZ,MAAM;kBAEV,cAAA,MAACpB;YAAMsC,KAAI;YAAM,GAAG3B,IAAI0B,SAAS,CAAC,oBAAoBL,eAAe;;gBAChElB,sBAAQ,MAACZ;oBAAM,GAAGS,IAAI0B,SAAS,CAAC,kBAAkBL,eAAe;;wBAAGlB;wBAAM;;qBAAW;8BACtF,KAACb;oBACGsC,eAAe;wBAACC,cAAc;oBAAI;oBAClCC,OAAOpB,KAAKK,MAAM,CAACC,UAAU,CAACf,GAAG;oBACjC8B,UAAUnB;oBACVV,MAAMA;oBACN8B,cAAY7B,SAASF;oBACrBgC,YAAY/B,KAAKgC,MAAM,GAAG;oBACzB,GAAGlC,IAAI0B,SAAS,CAAC,mBAAmBL,eAAe;;;;;AAKxE,GAAG"}
+{"version":3,"sources":["../../../../../src/components/table/table-predicate/TablePredicate.tsx"],"sourcesContent":["import {\n    BoxProps,\n    ComboboxData,\n    CompoundStylesApiProps,\n    factory,\n    Factory,\n    Grid,\n    Group,\n    Select,\n    Text,\n    useProps,\n} from '@mantine/core';\nimport {FunctionComponent} from 'react';\n\nimport {TableComponentsOrder} from '../Table';\nimport {useTableContext} from '../TableContext';\n\nexport type TablePredicateStylesNames = 'predicate' | 'predicateWrapper' | 'predicateLabel' | 'predicateSelect';\n\nexport interface TablePredicateProps extends BoxProps, CompoundStylesApiProps<TablePredicateFactory> {\n    /**\n     * Unique identifier for this predicate. Will be used to access the selected value in the table state\n     */\n    id: string;\n    /**\n     * The values to display in the predicate\n     */\n    data: ComboboxData;\n    /**\n     * Input label (not displayed for now)\n     *\n     * @default default to the predicate id\n     */\n    label?: string;\n}\n\nexport type TablePredicateFactory = Factory<{\n    props: TablePredicateProps;\n    ref: HTMLDivElement;\n    stylesNames: TablePredicateStylesNames;\n    compound: true;\n}>;\n\nconst defaultProps: Partial<TablePredicateProps> = {};\n\nexport const TablePredicate: FunctionComponent<TablePredicateProps> = factory<TablePredicateFactory>((props, ref) => {\n    const {store, getStyles} = useTableContext();\n    const {id, data, label, classNames, className, styles, style, vars, ...others} = useProps(\n        'PlasmaTablePredicate',\n        defaultProps,\n        props,\n    );\n\n    const handleChange = (newValue: string) => {\n        store.setPredicates((prev) => ({...prev, [id]: newValue}));\n        store.setPagination((prev) => ({...prev, pageIndex: 0}));\n    };\n\n    const stylesApiProps = {classNames, styles};\n\n    return (\n        <Grid.Col\n            span=\"content\"\n            order={TableComponentsOrder.Predicate}\n            ref={ref}\n            {...getStyles('predicate', {className, style, ...stylesApiProps})}\n            {...others}\n        >\n            <Group gap=\"xs\" {...getStyles('predicateWrapper', stylesApiProps)}>\n                {label ? <Text {...getStyles('predicateLabel', stylesApiProps)}>{label}:</Text> : null}\n                <Select\n                    comboboxProps={{withinPortal: true}}\n                    value={store.state.predicates[id]}\n                    onChange={handleChange}\n                    data={data}\n                    aria-label={label ?? id}\n                    searchable={data.length > 7}\n                    {...getStyles('predicateSelect', stylesApiProps)}\n                />\n            </Group>\n        </Grid.Col>\n    );\n});\n"],"names":["factory","Grid","Group","Select","Text","useProps","TableComponentsOrder","useTableContext","defaultProps","TablePredicate","props","ref","store","getStyles","id","data","label","classNames","className","styles","style","vars","others","handleChange","newValue","setPredicates","prev","setPagination","pageIndex","stylesApiProps","Col","span","order","Predicate","gap","comboboxProps","withinPortal","value","state","predicates","onChange","aria-label","searchable","length"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,SAIIA,OAAO,EAEPC,IAAI,EACJC,KAAK,EACLC,MAAM,EACNC,IAAI,EACJC,QAAQ,QACL,gBAAgB;AAGvB,SAAQC,oBAAoB,QAAO,WAAW;AAC9C,SAAQC,eAAe,QAAO,kBAAkB;AA4BhD,MAAMC,eAA6C,CAAC;AAEpD,OAAO,MAAMC,iBAAyDT,QAA+B,CAACU,OAAOC;IACzG,MAAM,EAACC,KAAK,EAAEC,SAAS,EAAC,GAAGN;IAC3B,MAAM,EAACO,EAAE,EAAEC,IAAI,EAAEC,KAAK,EAAEC,UAAU,EAAEC,SAAS,EAAEC,MAAM,EAAEC,KAAK,EAAEC,IAAI,EAAE,GAAGC,QAAO,GAAGjB,SAC7E,wBACAG,cACAE;IAGJ,MAAMa,eAAe,CAACC;QAClBZ,MAAMa,aAAa,CAAC,CAACC,OAAU,CAAA;gBAAC,GAAGA,IAAI;gBAAE,CAACZ,GAAG,EAAEU;YAAQ,CAAA;QACvDZ,MAAMe,aAAa,CAAC,CAACD,OAAU,CAAA;gBAAC,GAAGA,IAAI;gBAAEE,WAAW;YAAC,CAAA;IACzD;IAEA,MAAMC,iBAAiB;QAACZ;QAAYE;IAAM;IAE1C,qBACI,KAAClB,KAAK6B,GAAG;QACLC,MAAK;QACLC,OAAO1B,qBAAqB2B,SAAS;QACrCtB,KAAKA;QACJ,GAAGE,UAAU,aAAa;YAACK;YAAWE;YAAO,GAAGS,cAAc;QAAA,EAAE;QAChE,GAAGP,MAAM;kBAEV,cAAA,MAACpB;YAAMgC,KAAI;YAAM,GAAGrB,UAAU,oBAAoBgB,eAAe;;gBAC5Db,sBAAQ,MAACZ;oBAAM,GAAGS,UAAU,kBAAkBgB,eAAe;;wBAAGb;wBAAM;;qBAAW;8BAClF,KAACb;oBACGgC,eAAe;wBAACC,cAAc;oBAAI;oBAClCC,OAAOzB,MAAM0B,KAAK,CAACC,UAAU,CAACzB,GAAG;oBACjC0B,UAAUjB;oBACVR,MAAMA;oBACN0B,cAAYzB,SAASF;oBACrB4B,YAAY3B,KAAK4B,MAAM,GAAG;oBACzB,GAAG9B,UAAU,mBAAmBgB,eAAe;;;;;AAKpE,GAAG"}

package/dist/esm/components/table/use-table.d.ts

@@ -0,0 +1,182 @@
+/// <reference types="react" />
+import { type PaginationState, type SortingState, type ExpandedState } from '@tanstack/table-core';
+import { type DateRangePickerValue } from '../date-range-picker';
+type PartialDeep<T> = T extends object ? {
+    [P in keyof T]?: PartialDeep<T[P]>;
+} : T;
+export interface TableState<TData = unknown> {
+    /**
+     * Current pagination state
+     *
+     * @default { pageIndex: 0, pageSize: 50 }
+     */
+    pagination: PaginationState;
+    /**
+     * Total number of entries in the table.
+     * This number is used to calculate the number of pages in the pagination.
+     * When null, the number of pages is calculated using the current data length.
+     *
+     * @default null
+     */
+    totalEntries: number | null;
+    /**
+     * Current sorting state
+     *
+     * @default []
+     */
+    sorting: SortingState;
+    /**
+     * Current global filter value
+     *
+     * @default ''
+     */
+    globalFilter: string;
+    /**
+     * Current expanded state
+     *
+     * @default {}
+     */
+    expanded: ExpandedState;
+    /**
+     * Predicates and their current value
+     *
+     * @default {}
+     */
+    predicates: Record<string, string>;
+    /**
+     * Layout currently selected. When null, the first layout is used.
+     *
+     * @default null
+     */
+    layout: string | null;
+    /**
+     * Currently selected date range
+     *
+     * @default [null, null]
+     */
+    dateRange: DateRangePickerValue;
+    /**
+     * Currently selected rows
+     *
+     * @default {}
+     */
+    rowSelection: Record<string, TData>;
+    /**
+     * Columns that are currently visible
+     *
+     * @default {}
+     */
+    columnVisibility: Record<string, boolean>;
+}
+export interface TableStore<TData = unknown> {
+    /**
+     * Current state of the table.
+     */
+    state: TableState<TData>;
+    /**
+     * Allows to change the pagination state.
+     */
+    setPagination: React.Dispatch<React.SetStateAction<TableState<TData>['pagination']>>;
+    /**
+     * Allows to change the total number of entries.
+     */
+    setTotalEntries: React.Dispatch<React.SetStateAction<TableState<TData>['totalEntries']>>;
+    /**
+     * Allows to change the sorting state.
+     */
+    setSorting: React.Dispatch<React.SetStateAction<TableState<TData>['sorting']>>;
+    /**
+     * Allows to change the global filter value.
+     */
+    setGlobalFilter: React.Dispatch<React.SetStateAction<TableState<TData>['globalFilter']>>;
+    /**
+     * Allows to change the rows expanded state.
+     */
+    setExpanded: React.Dispatch<React.SetStateAction<TableState<TData>['expanded']>>;
+    /**
+     * Allows to change the predicates values.
+     */
+    setPredicates: React.Dispatch<React.SetStateAction<TableState<TData>['predicates']>>;
+    /**
+     * Allows to change the selected layout.
+     */
+    setLayout: React.Dispatch<React.SetStateAction<TableState<TData>['layout']>>;
+    /**
+     * Allows to change the selected date range.
+     */
+    setDateRange: React.Dispatch<React.SetStateAction<TableState<TData>['dateRange']>>;
+    /**
+     * Allows to change the current row selection.
+     */
+    setRowSelection: React.Dispatch<React.SetStateAction<TableState<TData>['rowSelection']>>;
+    /**
+     * Allows to change the visible columns.
+     */
+    setColumnVisibility: React.Dispatch<React.SetStateAction<TableState<TData>['columnVisibility']>>;
+    /**
+     * Whether the table is currently filtered.
+     */
+    isFiltered: boolean;
+    /**
+     * Whether the table has data when unfiltered.
+     *
+     * This is derived from the totalEntries so make sure you set that number correctly, even if you're using a client side table.
+     */
+    isVacant: boolean;
+    /**
+     * Clear currently applied filters.
+     */
+    clearFilters: () => void;
+    /**
+     * Deselects all currently selected rows.
+     */
+    clearRowSelection: () => void;
+    /**
+     * Get currently selected rows.
+     */
+    getSelectedRows: () => TData[];
+    /**
+     * Get currently selected row
+     */
+    getSelectedRow: () => TData | null;
+    /**
+     * Whether the user can select multiple rows at the same time.
+     */
+    multiRowSelectionEnabled: boolean;
+    /**
+     * Whether rows can be selected.
+     */
+    rowSelectionEnabled: boolean;
+    /**
+     * Whether row selection is forced.
+     */
+    rowSelectionForced: boolean;
+}
+export interface UseTableOptions<TData = unknown> {
+    /**
+     * Initial state of the table.
+     */
+    initialState?: PartialDeep<TableState<TData>>;
+    /**
+     * Whether rows can be selected.
+     *
+     * @default true
+     */
+    enableRowSelection?: boolean;
+    /**
+     * Whether multiple rows can be selected at the same time.
+     *
+     * @default false
+     */
+    enableMultiRowSelection?: boolean;
+    /**
+     * Forces the user to always have one row selected.
+     * When activating that setting, a good practice is to have a row already selected in the initial state.
+     *
+     * @default false
+     */
+    forceSelection?: boolean;
+}
+export declare const useTable: <TData>(userOptions?: UseTableOptions<TData>) => TableStore<TData>;
+export {};
+//# sourceMappingURL=use-table.d.ts.map

package/dist/esm/components/table/use-table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-table.d.ts","sourceRoot":"","sources":["../../../../src/components/table/use-table.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,122 @@
+import { useDidUpdate } from '@mantine/hooks';
+import defaultsDeep from 'lodash.defaultsdeep';
+import { useCallback, useMemo, useState } from 'react';
+const defaultOptions = {
+    enableRowSelection: true,
+    enableMultiRowSelection: false,
+    forceSelection: false
+};
+const defaultState = {
+    pagination: {
+        pageIndex: 0,
+        pageSize: 50
+    },
+    totalEntries: null,
+    sorting: [],
+    globalFilter: '',
+    predicates: {},
+    layout: null,
+    dateRange: [
+        null,
+        null
+    ],
+    rowSelection: {},
+    columnVisibility: {}
+};
+export const useTable = (userOptions = {})=>{
+    const options = defaultsDeep({}, userOptions, defaultOptions);
+    const initialState = defaultsDeep({}, options.initialState, defaultState);
+    const [pagination, setPagination] = useState(initialState.pagination);
+    const [totalEntries, _setTotalEntries] = useState(initialState.totalEntries);
+    const [unfilteredTotalEntries, setUnfilteredTotalEntries] = useState(initialState.totalEntries);
+    const [sorting, setSorting] = useState(initialState.sorting);
+    const [globalFilter, setGlobalFilter] = useState(initialState.globalFilter);
+    const [expanded, setExpanded] = useState(initialState.expanded);
+    const [predicates, setPredicates] = useState(initialState.predicates);
+    const [layout, setLayout] = useState(initialState.layout);
+    const [dateRange, setDateRange] = useState(initialState.dateRange);
+    const [rowSelection, setRowSelection] = useState(initialState.rowSelection);
+    const [columnVisibility, setColumnVisibility] = useState(initialState.columnVisibility);
+    const isFiltered = !!globalFilter || Object.keys(predicates).some((predicate)=>!!predicates[predicate]) || !!dateRange?.[0] || !!dateRange?.[1];
+    const isVacant = unfilteredTotalEntries === 0;
+    const setTotalEntries = useCallback((updater)=>{
+        _setTotalEntries((old)=>{
+            const newTotalEntries = updater instanceof Function ? updater(old) : updater;
+            if (!isFiltered) {
+                setUnfilteredTotalEntries(newTotalEntries);
+            }
+            return newTotalEntries;
+        });
+    }, [
+        isFiltered
+    ]);
+    const clearFilters = useCallback(()=>{
+        setPredicates(initialState.predicates);
+        setGlobalFilter('');
+    }, []);
+    const clearRowSelection = useCallback(()=>{
+        setRowSelection({});
+    }, []);
+    const getSelectedRows = useCallback(()=>Object.values(rowSelection), [
+        rowSelection
+    ]);
+    const getSelectedRow = ()=>getSelectedRows()[0] ?? null;
+    useDidUpdate(()=>{
+        if (!options.enableMultiRowSelection) {
+            clearRowSelection();
+        }
+    }, [
+        globalFilter,
+        pagination,
+        sorting,
+        dateRange,
+        predicates
+    ]);
+    const state = useMemo(()=>({
+            pagination,
+            totalEntries,
+            sorting,
+            globalFilter,
+            expanded,
+            predicates,
+            layout,
+            dateRange,
+            rowSelection,
+            columnVisibility
+        }), [
+        pagination,
+        totalEntries,
+        sorting,
+        globalFilter,
+        expanded,
+        predicates,
+        layout,
+        dateRange,
+        rowSelection,
+        columnVisibility
+    ]);
+    return {
+        state,
+        setPagination,
+        setTotalEntries,
+        setSorting,
+        setGlobalFilter,
+        setExpanded,
+        setPredicates,
+        setLayout,
+        setDateRange,
+        setRowSelection,
+        setColumnVisibility,
+        isFiltered,
+        isVacant,
+        clearFilters,
+        clearRowSelection,
+        getSelectedRows,
+        getSelectedRow,
+        rowSelectionEnabled: options.enableRowSelection,
+        rowSelectionForced: options.forceSelection,
+        multiRowSelectionEnabled: options.enableMultiRowSelection
+    };
+};
+
+//# sourceMappingURL=use-table.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/table/use-table.ts"],"sourcesContent":["import {useDidUpdate} from '@mantine/hooks';\nimport {type PaginationState, type SortingState, type ExpandedState} from '@tanstack/table-core';\nimport defaultsDeep from 'lodash.defaultsdeep';\nimport {useCallback, useMemo, useState} from 'react';\nimport {type DateRangePickerValue} from '../date-range-picker';\n\n// Create a deeply optional version of another type\ntype PartialDeep<T> = T extends object\n    ? {\n          [P in keyof T]?: PartialDeep<T[P]>;\n      }\n    : T;\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: DateRangePickerValue;\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: React.Dispatch<React.SetStateAction<TableState<TData>['pagination']>>;\n    /**\n     * Allows to change the total number of entries.\n     */\n    setTotalEntries: React.Dispatch<React.SetStateAction<TableState<TData>['totalEntries']>>;\n    /**\n     * Allows to change the sorting state.\n     */\n    setSorting: React.Dispatch<React.SetStateAction<TableState<TData>['sorting']>>;\n    /**\n     * Allows to change the global filter value.\n     */\n    setGlobalFilter: React.Dispatch<React.SetStateAction<TableState<TData>['globalFilter']>>;\n    /**\n     * Allows to change the rows expanded state.\n     */\n    setExpanded: React.Dispatch<React.SetStateAction<TableState<TData>['expanded']>>;\n    /**\n     * Allows to change the predicates values.\n     */\n    setPredicates: React.Dispatch<React.SetStateAction<TableState<TData>['predicates']>>;\n    /**\n     * Allows to change the selected layout.\n     */\n    setLayout: React.Dispatch<React.SetStateAction<TableState<TData>['layout']>>;\n    /**\n     * Allows to change the selected date range.\n     */\n    setDateRange: React.Dispatch<React.SetStateAction<TableState<TData>['dateRange']>>;\n    /**\n     * Allows to change the current row selection.\n     */\n    setRowSelection: React.Dispatch<React.SetStateAction<TableState<TData>['rowSelection']>>;\n    /**\n     * Allows to change the visible columns.\n     */\n    setColumnVisibility: React.Dispatch<React.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?: PartialDeep<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\nconst defaultOptions: UseTableOptions = {\n    enableRowSelection: true,\n    enableMultiRowSelection: false,\n    forceSelection: 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\nexport const useTable = <TData>(userOptions: UseTableOptions<TData> = {}): TableStore<TData> => {\n    const options: UseTableOptions<TData> = defaultsDeep({}, userOptions, defaultOptions);\n    const initialState: TableState<TData> = defaultsDeep({}, options.initialState, defaultState);\n\n    const [pagination, setPagination] = useState<TableState<TData>['pagination']>(\n        initialState.pagination as PaginationState,\n    );\n    const [totalEntries, _setTotalEntries] = useState<TableState<TData>['totalEntries']>(initialState.totalEntries);\n    const [unfilteredTotalEntries, setUnfilteredTotalEntries] = useState<TableState<TData>['totalEntries']>(\n        initialState.totalEntries,\n    );\n    const [sorting, setSorting] = useState<TableState<TData>['sorting']>(initialState.sorting as SortingState);\n    const [globalFilter, setGlobalFilter] = useState<TableState<TData>['globalFilter']>(initialState.globalFilter);\n    const [expanded, setExpanded] = useState<TableState<TData>['expanded']>(initialState.expanded as ExpandedState);\n    const [predicates, setPredicates] = useState<TableState<TData>['predicates']>(initialState.predicates);\n    const [layout, setLayout] = useState<TableState<TData>['layout']>(initialState.layout);\n    const [dateRange, setDateRange] = useState<TableState<TData>['dateRange']>(initialState.dateRange);\n    const [rowSelection, setRowSelection] = useState<TableState<TData>['rowSelection']>(initialState.rowSelection);\n    const [columnVisibility, setColumnVisibility] = useState<TableState<TData>['columnVisibility']>(\n        initialState.columnVisibility,\n    );\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":["useDidUpdate","defaultsDeep","useCallback","useMemo","useState","defaultOptions","enableRowSelection","enableMultiRowSelection","forceSelection","defaultState","pagination","pageIndex","pageSize","totalEntries","sorting","globalFilter","predicates","layout","dateRange","rowSelection","columnVisibility","useTable","userOptions","options","initialState","setPagination","_setTotalEntries","unfilteredTotalEntries","setUnfilteredTotalEntries","setSorting","setGlobalFilter","expanded","setExpanded","setPredicates","setLayout","setDateRange","setRowSelection","setColumnVisibility","isFiltered","Object","keys","some","predicate","isVacant","setTotalEntries","updater","old","newTotalEntries","Function","clearFilters","clearRowSelection","getSelectedRows","values","getSelectedRow","state","rowSelectionEnabled","rowSelectionForced","multiRowSelectionEnabled"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/dist/esm/index.d.ts

@@ -11,11 +11,21 @@ export { type NotificationsProps } from '@mantine/notifications';
 export * from '@tanstack/table-core';
 export * from './components';
 export { noop };
-export { ActionIcon, BrowserPreview, Button, CopyToClipboard, Header, Menu, Table, type ActionIconProps, type ButtonProps, type CopyToClipboardProps, type HeaderProps, type InitialTableState, type MenuItemProps, type TableProps, type TableState, } from './components';
+export { ActionIcon, BrowserPreview, Button, CopyToClipboard, Header, Menu, Table, type ActionIconProps, type ButtonProps, type CopyToClipboardProps, type HeaderProps, type MenuItemProps, type TableProps, type TableState, } from './components';
 export * from './theme';
 declare module '@mantine/core' {
     interface MantineThemeColorsOverride {
         colors: Record<keyof typeof PlasmaColors | (string & {}), MantineColorsTuple>;
     }
 }
+declare module '@tanstack/react-table' {
+    interface ColumnMeta<TData extends unknown, TValue> {
+        /**
+         * Whether the column is a control column.
+         * Control columns are columns that are not part of the data but are used to control the table.
+         * For example, a column that contains checkboxes to select rows.
+         */
+        controlColumn: boolean;
+    }
+}
 //# sourceMappingURL=index.d.ts.map

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

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

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["import {MantineColorsTuple} from '@mantine/core';\n\nimport {noop} from '@mantine/core';\nimport {PlasmaColors} from './theme/PlasmaColors';\n\nexport * from '@mantine/carousel';\nexport * from '@mantine/core';\nexport {Pagination} from '@mantine/core';\nexport * from '@mantine/form';\nexport * from '@mantine/hooks';\nexport * from '@mantine/notifications';\nexport {type NotificationsProps} from '@mantine/notifications';\nexport * from '@tanstack/table-core';\nexport * from './components';\nexport {noop};\n\n// explicitly overriding mantine components\nexport {\n    ActionIcon,\n    BrowserPreview,\n    Button,\n    CopyToClipboard,\n    Header,\n    Menu,\n    Table,\n    type ActionIconProps,\n    type ButtonProps,\n    type CopyToClipboardProps,\n    type HeaderProps,\n    type InitialTableState,\n    type MenuItemProps,\n    type TableProps,\n    type TableState,\n} from './components';\n\nexport * from './theme';\n\ndeclare module '@mantine/core' {\n    export interface MantineThemeColorsOverride {\n        // eslint-disable-next-line @typescript-eslint/ban-types\n        colors: Record<keyof typeof PlasmaColors | (string & {}), MantineColorsTuple>;\n    }\n}\n"],"names":["noop","Pagination","ActionIcon","BrowserPreview","Button","CopyToClipboard","Header","Menu","Table"],"rangeMappings":";;;;;;;;;;;;","mappings":"AAEA,SAAQA,IAAI,QAAO,gBAAgB;AAGnC,cAAc,oBAAoB;AAClC,cAAc,gBAAgB;AAC9B,SAAQC,UAAU,QAAO,gBAAgB;AACzC,cAAc,gBAAgB;AAC9B,cAAc,iBAAiB;AAC/B,cAAc,yBAAyB;AAEvC,cAAc,uBAAuB;AACrC,cAAc,eAAe;AAC7B,SAAQD,IAAI,GAAE;AAEd,2CAA2C;AAC3C,SACIE,UAAU,EACVC,cAAc,EACdC,MAAM,EACNC,eAAe,EACfC,MAAM,EACNC,IAAI,EACJC,KAAK,QASF,eAAe;AAEtB,cAAc,UAAU"}
+{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["import {MantineColorsTuple} from '@mantine/core';\n\nimport {noop} from '@mantine/core';\nimport {PlasmaColors} from './theme/PlasmaColors';\n\nexport * from '@mantine/carousel';\nexport * from '@mantine/core';\nexport {Pagination} from '@mantine/core';\nexport * from '@mantine/form';\nexport * from '@mantine/hooks';\nexport * from '@mantine/notifications';\nexport {type NotificationsProps} from '@mantine/notifications';\nexport * from '@tanstack/table-core';\nexport * from './components';\nexport {noop};\n\n// explicitly overriding mantine components\nexport {\n    ActionIcon,\n    BrowserPreview,\n    Button,\n    CopyToClipboard,\n    Header,\n    Menu,\n    Table,\n    type ActionIconProps,\n    type ButtonProps,\n    type CopyToClipboardProps,\n    type HeaderProps,\n    type MenuItemProps,\n    type TableProps,\n    type TableState,\n} from './components';\n\nexport * from './theme';\n\ndeclare module '@mantine/core' {\n    export interface MantineThemeColorsOverride {\n        // eslint-disable-next-line @typescript-eslint/ban-types\n        colors: Record<keyof typeof PlasmaColors | (string & {}), MantineColorsTuple>;\n    }\n}\n\ndeclare module '@tanstack/react-table' {\n    interface ColumnMeta<TData extends unknown, TValue> {\n        /**\n         * Whether the column is a control column.\n         * Control columns are columns that are not part of the data but are used to control the table.\n         * For example, a column that contains checkboxes to select rows.\n         */\n        controlColumn: boolean;\n    }\n}\n"],"names":["noop","Pagination","ActionIcon","BrowserPreview","Button","CopyToClipboard","Header","Menu","Table"],"rangeMappings":";;;;;;;;;;;;","mappings":"AAEA,SAAQA,IAAI,QAAO,gBAAgB;AAGnC,cAAc,oBAAoB;AAClC,cAAc,gBAAgB;AAC9B,SAAQC,UAAU,QAAO,gBAAgB;AACzC,cAAc,gBAAgB;AAC9B,cAAc,iBAAiB;AAC/B,cAAc,yBAAyB;AAEvC,cAAc,uBAAuB;AACrC,cAAc,eAAe;AAC7B,SAAQD,IAAI,GAAE;AAEd,2CAA2C;AAC3C,SACIE,UAAU,EACVC,cAAc,EACdC,MAAM,EACNC,eAAe,EACfC,MAAM,EACNC,IAAI,EACJC,KAAK,QAQF,eAAe;AAEtB,cAAc,UAAU"}

package/dist/esm/theme/Theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Theme.d.ts","sourceRoot":"","sources":["../../../src/theme/Theme.tsx"],"names":[],"mappings":"AAUA,OAAO,EAiBH,oBAAoB,EAoBvB,MAAM,eAAe,CAAC;AA+BvB,eAAO,MAAM,WAAW,EAAE,oBAwNxB,CAAC"}
+{"version":3,"file":"Theme.d.ts","sourceRoot":"","sources":["../../../src/theme/Theme.tsx"],"names":[],"mappings":"AAUA,OAAO,EAiBH,oBAAoB,EAoBvB,MAAM,eAAe,CAAC;AA+BvB,eAAO,MAAM,WAAW,EAAE,oBAuNxB,CAAC"}

package/dist/esm/theme/Theme.js

@@ -39,7 +39,6 @@ export const plasmaTheme = createTheme({
     lineHeights: {
         md: '1.5'
     },
-    fontSmoothing: false,
     spacing: {
         xs: '8px',
         sm: '16px',