@coveord/plasma-mantine 59.8.0 → 60.0.0

package/dist/esm/components/Table/table-filter/TableFilter.d.ts

@@ -1,23 +0,0 @@
-import { BoxProps, CompoundStylesApiProps, Factory } from '@mantine/core';
-export type TableFilterStylesNames = 'filterRoot' | 'filterWrapper' | 'filterEmpty';
-export interface TableFilterProps extends BoxProps, CompoundStylesApiProps<TableFilterFactory> {
-    /**
-     * The placeholder for the filter input
-     *
-     * @default "Search by any field"
-     */
-    placeholder?: string;
-}
-export type TableFilterFactory = Factory<{
-    props: TableFilterProps;
-    ref: HTMLDivElement;
-    stylesNames: TableFilterStylesNames;
-    compound: true;
-}>;
-export declare const TableFilter: import("@mantine/core").MantineComponent<{
-    props: TableFilterProps;
-    ref: HTMLDivElement;
-    stylesNames: TableFilterStylesNames;
-    compound: true;
-}>;
-//# sourceMappingURL=TableFilter.d.ts.map

package/dist/esm/components/Table/table-filter/TableFilter.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableFilter.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/table-filter/TableFilter.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,QAAQ,EAAE,sBAAsB,EAAE,OAAO,EAAqC,MAAM,eAAe,CAAC;AAQ5G,MAAM,MAAM,sBAAsB,GAAG,YAAY,GAAG,eAAe,GAAG,aAAa,CAAC;AAEpF,MAAM,WAAW,gBAAiB,SAAQ,QAAQ,EAAE,sBAAsB,CAAC,kBAAkB,CAAC;IAC1F;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,MAAM,kBAAkB,GAAG,OAAO,CAAC;IACrC,KAAK,EAAE,gBAAgB,CAAC;IACxB,GAAG,EAAE,cAAc,CAAC;IACpB,WAAW,EAAE,sBAAsB,CAAC;IACpC,QAAQ,EAAE,IAAI,CAAC;CAClB,CAAC,CAAC;AAMH,eAAO,MAAM,WAAW;WAVb,gBAAgB;SAClB,cAAc;iBACN,sBAAsB;cACzB,IAAI;EAiEhB,CAAC"}

package/dist/esm/components/Table/table-filter/TableFilter.js

@@ -1,74 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { IconSearch, IconX } from '@coveord/plasma-react-icons';
-import { factory, Grid, TextInput, useProps } from '@mantine/core';
-import { useDebouncedValue, useDidUpdate } from '@mantine/hooks';
-import { useEffect, useState } from 'react';
-import { ActionIcon } from '../../ActionIcon/ActionIcon.js';
-import { TableComponentsOrder } from '../Table.js';
-import { useTableContext } from '../TableContext.js';
-const defaultProps = {
-    placeholder: 'Search by any field'
-};
-export const TableFilter = factory((props, ref)=>{
-    const { store, getStyles } = useTableContext();
-    const { placeholder, classNames, className, styles, style, vars, ...others } = useProps('PlasmaTableFilter', defaultProps, props);
-    const [filter, setFilter] = useState(store.state.globalFilter);
-    const [debounced, cancel] = useDebouncedValue(filter, 300);
-    useDidUpdate(()=>{
-        store.setGlobalFilter(debounced);
-        store.setPagination({
-            pageIndex: 0,
-            pageSize: store.state.pagination.pageSize
-        });
-        return cancel;
-    }, [
-        debounced
-    ]);
-    const handleChange = (event)=>{
-        const { value } = event.currentTarget;
-        setFilter(value);
-    };
-    const handleClear = ()=>{
-        setFilter('');
-    };
-    useEffect(()=>{
-        setFilter(store.state.globalFilter);
-    }, [
-        store.state.globalFilter
-    ]);
-    const stylesApiProps = {
-        classNames,
-        styles
-    };
-    return /*#__PURE__*/ _jsx(Grid.Col, {
-        span: "content",
-        order: TableComponentsOrder.Filter,
-        ref: ref,
-        ...getStyles('filterRoot', {
-            className,
-            style,
-            ...stylesApiProps
-        }),
-        ...others,
-        children: /*#__PURE__*/ _jsx(TextInput, {
-            ...getStyles('filterWrapper', stylesApiProps),
-            placeholder: placeholder,
-            autoComplete: "off",
-            rightSection: filter ? /*#__PURE__*/ _jsx(ActionIcon.Quaternary, {
-                onClick: handleClear,
-                children: /*#__PURE__*/ _jsx(IconX, {
-                    "aria-label": "clear",
-                    size: 16
-                })
-            }) : /*#__PURE__*/ _jsx(IconSearch, {
-                size: 16,
-                ...getStyles('filterEmpty', stylesApiProps)
-            }),
-            value: filter,
-            onChange: handleChange
-        })
-    });
-});
-TableFilter.displayName = 'Table.Filter';
-
-//# sourceMappingURL=TableFilter.js.map

package/dist/esm/components/Table/table-filter/TableFilter.js.map

@@ -1 +0,0 @@
-{"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 '../../ActionIcon/ActionIcon.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\nTableFilter.displayName = 'Table.Filter';\n"],"names":["IconSearch","IconX","factory","Grid","TextInput","useProps","useDebouncedValue","useDidUpdate","useEffect","useState","ActionIcon","TableComponentsOrder","useTableContext","defaultProps","placeholder","TableFilter","props","ref","store","getStyles","classNames","className","styles","style","vars","others","filter","setFilter","state","globalFilter","debounced","cancel","setGlobalFilter","setPagination","pageIndex","pageSize","pagination","handleChange","event","value","currentTarget","handleClear","stylesApiProps","Col","span","order","Filter","autoComplete","rightSection","Quaternary","onClick","aria-label","size","onChange","displayName"],"mappings":";AAAA,SAAQA,UAAU,EAAEC,KAAK,QAAO,8BAA8B;AAC9D,SAAmDC,OAAO,EAAEC,IAAI,EAAEC,SAAS,EAAEC,QAAQ,QAAO,gBAAgB;AAC5G,SAAQC,iBAAiB,EAAEC,YAAY,QAAO,iBAAiB;AAC/D,SAA+CC,SAAS,EAAEC,QAAQ,QAAO,QAAQ;AAEjF,SAAQC,UAAU,QAAO,iCAAiC;AAC1D,SAAQC,oBAAoB,QAAO,cAAc;AACjD,SAAQC,eAAe,QAAO,qBAAqB;AAoBnD,MAAMC,eAA0C;IAC5CC,aAAa;AACjB;AAEA,OAAO,MAAMC,cAAcb,QAA4B,CAACc,OAAOC;IAC3D,MAAM,EAACC,KAAK,EAAEC,SAAS,EAAC,GAAGP;IAC3B,MAAM,EAACE,WAAW,EAAEM,UAAU,EAAEC,SAAS,EAAEC,MAAM,EAAEC,KAAK,EAAEC,IAAI,EAAE,GAAGC,QAAO,GAAGpB,SACzE,qBACAQ,cACAG;IAEJ,MAAM,CAACU,QAAQC,UAAU,GAAGlB,SAASS,MAAMU,KAAK,CAACC,YAAY;IAC7D,MAAM,CAACC,WAAWC,OAAO,GAAGzB,kBAAkBoB,QAAQ;IAEtDnB,aAAa;QACTW,MAAMc,eAAe,CAACF;QACtBZ,MAAMe,aAAa,CAAC;YAACC,WAAW;YAAGC,UAAUjB,MAAMU,KAAK,CAACQ,UAAU,CAACD,QAAQ;QAAA;QAE5E,OAAOJ;IACX,GAAG;QAACD;KAAU;IAEd,MAAMO,eAAqD,CAACC;QACxD,MAAM,EAACC,KAAK,EAAC,GAAGD,MAAME,aAAa;QACnCb,UAAUY;IACd;IAEA,MAAME,cAAoD;QACtDd,UAAU;IACd;IAEAnB,UAAU;QACNmB,UAAUT,MAAMU,KAAK,CAACC,YAAY;IACtC,GAAG;QAACX,MAAMU,KAAK,CAACC,YAAY;KAAC;IAE7B,MAAMa,iBAAiB;QAACtB;QAAYE;IAAM;IAE1C,qBACI,KAACnB,KAAKwC,GAAG;QACLC,MAAK;QACLC,OAAOlC,qBAAqBmC,MAAM;QAClC7B,KAAKA;QACJ,GAAGE,UAAU,cAAc;YAACE;YAAWE;YAAO,GAAGmB,cAAc;QAAA,EAAE;QACjE,GAAGjB,MAAM;kBAEV,cAAA,KAACrB;YACI,GAAGe,UAAU,iBAAiBuB,eAAe;YAC9C5B,aAAaA;YACbiC,cAAa;YACbC,cACItB,uBACI,KAAChB,WAAWuC,UAAU;gBAACC,SAAST;0BAC5B,cAAA,KAACxC;oBAAMkD,cAAW;oBAAQC,MAAM;;+BAGpC,KAACpD;gBAAWoD,MAAM;gBAAK,GAAGjC,UAAU,eAAeuB,eAAe;;YAG1EH,OAAOb;YACP2B,UAAUhB;;;AAI1B,GAAG;AAEHtB,YAAYuC,WAAW,GAAG"}

package/dist/esm/components/Table/table-footer/TableFooter.d.ts

@@ -1,7 +0,0 @@
-import { GroupProps } from '@mantine/core';
-import { FunctionComponent, ReactNode } from 'react';
-export interface TableFooterProps extends GroupProps {
-    children?: ReactNode;
-}
-export declare const TableFooter: FunctionComponent<TableFooterProps>;
-//# sourceMappingURL=TableFooter.d.ts.map

package/dist/esm/components/Table/table-footer/TableFooter.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableFooter.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/table-footer/TableFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAC,MAAM,eAAe,CAAC;AAChD,OAAO,EAAC,iBAAiB,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AAEnD,MAAM,WAAW,gBAAiB,SAAQ,UAAU;IAChD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAED,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,gBAAgB,CAE3D,CAAC"}

package/dist/esm/components/Table/table-footer/TableFooter.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Group } from '@mantine/core';
-export const TableFooter = ({ ...others })=>/*#__PURE__*/ _jsx(Group, {
-        justify: "space-between",
-        px: "xl",
-        py: "md",
-        ...others
-    });
-TableFooter.displayName = 'Table.Footer';
-
-//# sourceMappingURL=TableFooter.js.map

package/dist/esm/components/Table/table-footer/TableFooter.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/components/Table/table-footer/TableFooter.tsx"],"sourcesContent":["import {Group, GroupProps} from '@mantine/core';\nimport {FunctionComponent, ReactNode} from 'react';\n\nexport interface TableFooterProps extends GroupProps {\n    children?: ReactNode;\n}\n\nexport const TableFooter: FunctionComponent<TableFooterProps> = ({...others}) => (\n    <Group justify=\"space-between\" px=\"xl\" py=\"md\" {...others} />\n);\n\nTableFooter.displayName = 'Table.Footer';\n"],"names":["Group","TableFooter","others","justify","px","py","displayName"],"mappings":";AAAA,SAAQA,KAAK,QAAmB,gBAAgB;AAOhD,OAAO,MAAMC,cAAmD,CAAC,EAAC,GAAGC,QAAO,iBACxE,KAACF;QAAMG,SAAQ;QAAgBC,IAAG;QAAKC,IAAG;QAAM,GAAGH,MAAM;OAC3D;AAEFD,YAAYK,WAAW,GAAG"}

package/dist/esm/components/Table/table-header/TableHeader.d.ts

@@ -1,33 +0,0 @@
-import { BoxProps, CompoundStylesApiProps, Factory } from '@mantine/core';
-import { ReactNode } from 'react';
-export type TableHeaderStylesNames = 'headerRoot' | 'headerGrid' | 'headerGridInner' | 'headerCol';
-export interface TableHeaderProps extends Omit<BoxProps, 'classNames' | 'styles' | 'vars'>, CompoundStylesApiProps<TableHeaderFactory> {
-    children?: ReactNode;
-    unselectAllLabel?: string;
-    selectedCountLabel?: (count: number) => string;
-    /**
-     * Whether to show actions when rows are selected
-     *
-     * default true
-     */
-    showActions?: boolean;
-    /**
-     * Whether to show a border on top of the header
-     *
-     * default true
-     */
-    borderTop?: boolean;
-}
-export type TableHeaderFactory = Factory<{
-    props: TableHeaderProps;
-    ref: HTMLDivElement;
-    stylesNames: TableHeaderStylesNames;
-    compound: true;
-}>;
-export declare const TableHeader: import("@mantine/core").MantineComponent<{
-    props: TableHeaderProps;
-    ref: HTMLDivElement;
-    stylesNames: TableHeaderStylesNames;
-    compound: true;
-}>;
-//# sourceMappingURL=TableHeader.d.ts.map

package/dist/esm/components/Table/table-header/TableHeader.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/table-header/TableHeader.tsx"],"names":[],"mappings":"AACA,OAAO,EAAM,QAAQ,EAAE,sBAAsB,EAAW,OAAO,EAA0B,MAAM,eAAe,CAAC;AAC/G,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAQhC,MAAM,MAAM,sBAAsB,GAAG,YAAY,GAAG,YAAY,GAAG,iBAAiB,GAAG,WAAW,CAAC;AAEnG,MAAM,WAAW,gBACb,SAAQ,IAAI,CAAC,QAAQ,EAAE,YAAY,GAAG,QAAQ,GAAG,MAAM,CAAC,EAAE,sBAAsB,CAAC,kBAAkB,CAAC;IAEpG,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC/C;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,MAAM,kBAAkB,GAAG,OAAO,CAAC;IACrC,KAAK,EAAE,gBAAgB,CAAC;IACxB,GAAG,EAAE,cAAc,CAAC;IACpB,WAAW,EAAE,sBAAsB,CAAC;IACpC,QAAQ,EAAE,IAAI,CAAC;CAClB,CAAC,CAAC;AASH,eAAO,MAAM,WAAW;WAbb,gBAAgB;SAClB,cAAc;iBACN,sBAAsB;cACzB,IAAI;EAmEhB,CAAC"}

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

@@ -1,73 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CrossSize16Px } from '@coveord/plasma-react-icons';
-import { Box, factory, Grid, Tooltip, useProps } from '@mantine/core';
-import { Button } from '../../Button/Button.js';
-import { TableLayoutControl } from '../layouts/TableLayoutControl.js';
-import { TableHeaderActions } from '../table-actions/TableHeaderActions.js';
-import { TableComponentsOrder } from '../Table.js';
-import { useTableContext } from '../TableContext.js';
-const defaultProps = {
-    unselectAllLabel: 'Unselect all',
-    selectedCountLabel: (count)=>`${count} selected`,
-    showActions: true,
-    borderTop: true
-};
-export const TableHeader = factory((props, ref)=>{
-    const { store, getStyles } = useTableContext();
-    const { showActions, unselectAllLabel, selectedCountLabel, borderTop, children, classNames, className, styles, style, vars: _vars, ...others } = useProps('PlasmaTableHeader', defaultProps, props);
-    const selectedRows = store.getSelectedRows();
-    const stylesApiProps = {
-        classNames,
-        styles
-    };
-    const innerStyles = getStyles('headerGridInner', stylesApiProps);
-    const gridStyles = getStyles('headerGrid', stylesApiProps);
-    return /*#__PURE__*/ _jsx(Box, {
-        ref: ref,
-        ...getStyles('headerRoot', {
-            className,
-            style,
-            ...stylesApiProps
-        }),
-        ...others,
-        mod: {
-            'with-border-top': borderTop
-        },
-        children: /*#__PURE__*/ _jsxs(Grid, {
-            justify: "flex-start",
-            align: "center",
-            classNames: {
-                inner: innerStyles.className,
-                root: gridStyles.className
-            },
-            styles: {
-                inner: innerStyles.style,
-                root: gridStyles.style
-            },
-            children: [
-                store.multiRowSelectionEnabled && selectedRows.length > 0 ? /*#__PURE__*/ _jsx(Grid.Col, {
-                    span: "auto",
-                    ...getStyles('headerCol', stylesApiProps),
-                    order: TableComponentsOrder.MultiSelectInfo,
-                    children: /*#__PURE__*/ _jsx(Tooltip, {
-                        label: unselectAllLabel,
-                        children: /*#__PURE__*/ _jsx(Button.Quaternary, {
-                            onClick: store.clearRowSelection,
-                            disabled: !store.rowSelectionEnabled,
-                            leftSection: /*#__PURE__*/ _jsx(CrossSize16Px, {
-                                height: 16
-                            }),
-                            children: selectedCountLabel(selectedRows.length)
-                        })
-                    })
-                }) : null,
-                children,
-                showActions ? /*#__PURE__*/ _jsx(TableHeaderActions, {}) : null,
-                /*#__PURE__*/ _jsx(TableLayoutControl, {})
-            ]
-        })
-    });
-});
-TableHeader.displayName = 'Table.Header';
-
-//# sourceMappingURL=TableHeader.js.map

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

@@ -1 +0,0 @@
-{"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/Button.js';\nimport {TableLayoutControl} from '../layouts/TableLayoutControl.js';\nimport {TableHeaderActions} from '../table-actions/TableHeaderActions.js';\nimport {TableComponentsOrder} from '../Table.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'>, 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\nTableHeader.displayName = 'Table.Header';\n"],"names":["CrossSize16Px","Box","factory","Grid","Tooltip","useProps","Button","TableLayoutControl","TableHeaderActions","TableComponentsOrder","useTableContext","defaultProps","unselectAllLabel","selectedCountLabel","count","showActions","borderTop","TableHeader","props","ref","store","getStyles","children","classNames","className","styles","style","vars","_vars","others","selectedRows","getSelectedRows","stylesApiProps","innerStyles","gridStyles","mod","justify","align","inner","root","multiRowSelectionEnabled","length","Col","span","order","MultiSelectInfo","label","Quaternary","onClick","clearRowSelection","disabled","rowSelectionEnabled","leftSection","height","displayName"],"mappings":";AAAA,SAAQA,aAAa,QAAO,8BAA8B;AAC1D,SAAQC,GAAG,EAAoCC,OAAO,EAAWC,IAAI,EAAEC,OAAO,EAAEC,QAAQ,QAAO,gBAAgB;AAG/G,SAAQC,MAAM,QAAO,yBAAyB;AAC9C,SAAQC,kBAAkB,QAAO,mCAAmC;AACpE,SAAQC,kBAAkB,QAAO,yCAAyC;AAC1E,SAAQC,oBAAoB,QAAO,cAAc;AACjD,SAAQC,eAAe,QAAO,qBAAqB;AA+BnD,MAAMC,eAA0C;IAC5CC,kBAAkB;IAClBC,oBAAoB,CAACC,QAAU,GAAGA,MAAM,SAAS,CAAC;IAClDC,aAAa;IACbC,WAAW;AACf;AAEA,OAAO,MAAMC,cAAcf,QAA4B,CAACgB,OAAOC;IAC3D,MAAM,EAACC,KAAK,EAAEC,SAAS,EAAC,GAAGX;IAC3B,MAAM,EACFK,WAAW,EACXH,gBAAgB,EAChBC,kBAAkB,EAClBG,SAAS,EACTM,QAAQ,EACRC,UAAU,EACVC,SAAS,EACTC,MAAM,EACNC,KAAK,EACLC,MAAMC,KAAK,EACX,GAAGC,QACN,GAAGxB,SAAS,qBAAqBM,cAAcO;IAChD,MAAMY,eAAeV,MAAMW,eAAe;IAE1C,MAAMC,iBAAiB;QAACT;QAAYE;IAAM;IAC1C,MAAMQ,cAAcZ,UAAU,mBAAmBW;IACjD,MAAME,aAAab,UAAU,cAAcW;IAE3C,qBACI,KAAC/B;QACGkB,KAAKA;QACJ,GAAGE,UAAU,cAAc;YAACG;YAAWE;YAAO,GAAGM,cAAc;QAAA,EAAE;QACjE,GAAGH,MAAM;QACVM,KAAK;YAAC,mBAAmBnB;QAAS;kBAElC,cAAA,MAACb;YACGiC,SAAQ;YACRC,OAAM;YACNd,YAAY;gBAACe,OAAOL,YAAYT,SAAS;gBAAEe,MAAML,WAAWV,SAAS;YAAA;YACrEC,QAAQ;gBAACa,OAAOL,YAAYP,KAAK;gBAAEa,MAAML,WAAWR,KAAK;YAAA;;gBAExDN,MAAMoB,wBAAwB,IAAIV,aAAaW,MAAM,GAAG,kBACrD,KAACtC,KAAKuC,GAAG;oBACLC,MAAK;oBACJ,GAAGtB,UAAU,aAAaW,eAAe;oBAC1CY,OAAOnC,qBAAqBoC,eAAe;8BAE3C,cAAA,KAACzC;wBAAQ0C,OAAOlC;kCACZ,cAAA,KAACN,OAAOyC,UAAU;4BACdC,SAAS5B,MAAM6B,iBAAiB;4BAChCC,UAAU,CAAC9B,MAAM+B,mBAAmB;4BACpCC,2BAAa,KAACpD;gCAAcqD,QAAQ;;sCAEnCxC,mBAAmBiB,aAAaW,MAAM;;;qBAInD;gBACHnB;gBACAP,4BAAc,KAACP,0BAAwB;8BACxC,KAACD;;;;AAIjB,GAAG;AAEHU,YAAYqC,WAAW,GAAG"}

package/dist/esm/components/Table/table-header/Th.d.ts

@@ -1,28 +0,0 @@
-import { BoxProps, CompoundStylesApiProps, Factory } from '@mantine/core';
-import { Header } from '@tanstack/react-table';
-import { ComponentType, ForwardedRef, SVGProps } from 'react';
-import { CustomComponentThemeExtend } from '../../../utils/createFactoryComponent.js';
-export type TableThStylesNames = 'th';
-export type SortState = 'asc' | 'desc' | 'none';
-export interface ThProps<T = unknown> extends BoxProps, CompoundStylesApiProps<TableThFactory> {
-    header: Header<T, unknown>;
-    sortingIcons?: Record<SortState, ComponentType<SVGProps<SVGSVGElement>>>;
-}
-export type TableThFactory = Factory<{
-    props: ThProps;
-    ref: HTMLTableCellElement;
-    stylesNames: TableThStylesNames;
-    compound: true;
-}>;
-export declare const Th: {
-    <T>(props: ThProps<T> & {
-        ref?: ForwardedRef<HTMLTableCellElement>;
-    }): import("react/jsx-runtime").JSX.Element;
-    extend: CustomComponentThemeExtend<{
-        props: ThProps;
-        ref: HTMLTableCellElement;
-        stylesNames: TableThStylesNames;
-        compound: true;
-    }>;
-};
-//# sourceMappingURL=Th.d.ts.map

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

@@ -1 +0,0 @@
-{"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,0CAA0C,CAAC;AAG9F,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/esm/components/Table/table-header/Th.js

@@ -1,80 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ArrowDownSize16Px, ArrowUpSize16Px, DoubleArrowHeadVSize16Px } from '@coveord/plasma-react-icons';
-import { Group, UnstyledButton, useProps } from '@mantine/core';
-import { defaultColumnSizing, flexRender } from '@tanstack/react-table';
-import { identity } from '../../../utils/createFactoryComponent.js';
-import { useTableContext } from '../TableContext.js';
-const SortingIcons = {
-    asc: ArrowUpSize16Px,
-    desc: ArrowDownSize16Px,
-    none: DoubleArrowHeadVSize16Px
-};
-const SortingLabels = {
-    asc: 'ascending',
-    desc: 'descending',
-    none: 'none'
-};
-const defaultProps = {
-    sortingIcons: SortingIcons
-};
-export const Th = (props)=>{
-    const { getStyles } = useTableContext();
-    const { header, sortingIcons, classNames, className, styles, style, vars, ...others } = useProps('PlasmaTableTh', defaultProps, props);
-    const columnSizing = {
-        ...defaultColumnSizing,
-        size: header.column.columnDef.size,
-        minSize: header.column.columnDef.minSize,
-        maxSize: header.column.columnDef.maxSize
-    };
-    const thStyles = getStyles('th', {
-        classNames,
-        className,
-        styles,
-        style
-    });
-    if (header.isPlaceholder) {
-        return null;
-    }
-    if (!header.column.getCanSort()) {
-        return /*#__PURE__*/ _jsx("th", {
-            className: thStyles.className,
-            style: {
-                ...thStyles.style,
-                width: columnSizing.size ?? 'auto',
-                minWidth: columnSizing.minSize,
-                maxWidth: columnSizing.maxSize
-            },
-            ...others,
-            children: /*#__PURE__*/ _jsx(Group, {
-                wrap: "nowrap",
-                gap: "xs",
-                children: flexRender(header.column.columnDef.header, header.getContext())
-            })
-        });
-    }
-    const onSort = header.column.getToggleSortingHandler();
-    const sortingOrder = header.column.getIsSorted() || 'none';
-    const Icon = sortingIcons[sortingOrder];
-    return /*#__PURE__*/ _jsx(UnstyledButton, {
-        component: "th",
-        onClick: onSort,
-        "aria-sort": SortingLabels[sortingOrder],
-        "data-control": true,
-        ...thStyles,
-        ...others,
-        children: /*#__PURE__*/ _jsxs(Group, {
-            wrap: "nowrap",
-            gap: "xs",
-            children: [
-                flexRender(header.column.columnDef.header, header.getContext()),
-                /*#__PURE__*/ _jsx(Icon, {
-                    height: 16,
-                    width: 16
-                })
-            ]
-        })
-    });
-};
-Th.extend = identity;
-
-//# sourceMappingURL=Th.js.map

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

@@ -1 +0,0 @@
-{"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/createFactoryComponent.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":["ArrowDownSize16Px","ArrowUpSize16Px","DoubleArrowHeadVSize16Px","Group","UnstyledButton","useProps","defaultColumnSizing","flexRender","identity","useTableContext","SortingIcons","asc","desc","none","SortingLabels","defaultProps","sortingIcons","Th","props","getStyles","header","classNames","className","styles","style","vars","others","columnSizing","size","column","columnDef","minSize","maxSize","thStyles","isPlaceholder","getCanSort","th","width","minWidth","maxWidth","wrap","gap","getContext","onSort","getToggleSortingHandler","sortingOrder","getIsSorted","Icon","component","onClick","aria-sort","data-control","height","extend"],"mappings":";AAAA,SAAQA,iBAAiB,EAAEC,eAAe,EAAEC,wBAAwB,QAAO,8BAA8B;AACzG,SAAmDC,KAAK,EAAEC,cAAc,EAAEC,QAAQ,QAAO,gBAAgB;AACzG,SAAgBC,mBAAmB,EAAEC,UAAU,QAAO,wBAAwB;AAE9E,SAAoCC,QAAQ,QAAO,2CAA2C;AAC9F,SAAQC,eAAe,QAAO,qBAAqB;AAWnD,MAAMC,eAAwC;IAC1CC,KAAKV;IACLW,MAAMZ;IACNa,MAAMX;AACV;AAEA,MAAMY,gBAAgE;IAClEH,KAAK;IACLC,MAAM;IACNC,MAAM;AACV;AASA,MAAME,eAAiC;IACnCC,cAAcN;AAClB;AAEA,OAAO,MAAMO,KAAK,CAAKC;IACnB,MAAM,EAACC,SAAS,EAAC,GAAGV;IACpB,MAAM,EAACW,MAAM,EAAEJ,YAAY,EAAEK,UAAU,EAAEC,SAAS,EAAEC,MAAM,EAAEC,KAAK,EAAEC,IAAI,EAAE,GAAGC,QAAO,GAAGrB,SAClF,iBACAU,cACAG;IAGJ,MAAMS,eAAe;QACjB,GAAGrB,mBAAmB;QACtBsB,MAAMR,OAAOS,MAAM,CAACC,SAAS,CAACF,IAAI;QAClCG,SAASX,OAAOS,MAAM,CAACC,SAAS,CAACC,OAAO;QACxCC,SAASZ,OAAOS,MAAM,CAACC,SAAS,CAACE,OAAO;IAC5C;IAEA,MAAMC,WAAWd,UAAU,MAAM;QAACE;QAAYC;QAAWC;QAAQC;IAAK;IAEtE,IAAIJ,OAAOc,aAAa,EAAE;QACtB,OAAO;IACX;IAEA,IAAI,CAACd,OAAOS,MAAM,CAACM,UAAU,IAAI;QAC7B,qBACI,KAACC;YACGd,WAAWW,SAASX,SAAS;YAC7BE,OAAO;gBACH,GAAGS,SAAST,KAAK;gBACjBa,OAAOV,aAAaC,IAAI,IAAI;gBAC5BU,UAAUX,aAAaI,OAAO;gBAC9BQ,UAAUZ,aAAaK,OAAO;YAClC;YACC,GAAGN,MAAM;sBAEV,cAAA,KAACvB;gBAAMqC,MAAK;gBAASC,KAAI;0BACpBlC,WAAWa,OAAOS,MAAM,CAACC,SAAS,CAACV,MAAM,EAAEA,OAAOsB,UAAU;;;IAI7E;IAEA,MAAMC,SAASvB,OAAOS,MAAM,CAACe,uBAAuB;IACpD,MAAMC,eAAezB,OAAOS,MAAM,CAACiB,WAAW,MAAM;IACpD,MAAMC,OAAO/B,YAAY,CAAC6B,aAAa;IAEvC,qBACI,KAACzC;QACG4C,WAAU;QACVC,SAASN;QACTO,aAAWpC,aAAa,CAAC+B,aAAa;QACtCM,gBAAc;QACb,GAAGlB,QAAQ;QACX,GAAGP,MAAM;kBAEV,cAAA,MAACvB;YAAMqC,MAAK;YAASC,KAAI;;gBACpBlC,WAAWa,OAAOS,MAAM,CAACC,SAAS,CAACV,MAAM,EAAEA,OAAOsB,UAAU;8BAC7D,KAACK;oBAAKK,QAAQ;oBAAIf,OAAO;;;;;AAIzC,EAAE;AACFpB,GAAGoC,MAAM,GAAG7C"}

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

@@ -1,18 +0,0 @@
-import { BoxProps, CompoundStylesApiProps, Factory } from '@mantine/core';
-import { LastUpdatedProps } from '../../LastUpdated/LastUpdated.js';
-export type TableLastUpdatedStylesNames = 'lastUpdatedRoot' | 'lastUpdatedLabel';
-export interface TableLastUpdatedProps extends BoxProps, CompoundStylesApiProps<TableLastUpdatedFactory>, Pick<LastUpdatedProps, 'label'> {
-}
-export type TableLastUpdatedFactory = Factory<{
-    props: TableLastUpdatedProps;
-    ref: HTMLDivElement;
-    stylesNames: TableLastUpdatedStylesNames;
-    compound: true;
-}>;
-export declare const TableLastUpdated: import("@mantine/core").MantineComponent<{
-    props: TableLastUpdatedProps;
-    ref: HTMLDivElement;
-    stylesNames: TableLastUpdatedStylesNames;
-    compound: true;
-}>;
-//# sourceMappingURL=TableLastUpdated.d.ts.map

package/dist/esm/components/Table/table-last-updated/TableLastUpdated.d.ts.map

@@ -1 +0,0 @@
-{"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,kCAAkC,CAAC;AAG/E,MAAM,MAAM,2BAA2B,GAAG,iBAAiB,GAAG,kBAAkB,CAAC;AAEjF,MAAM,WAAW,qBACb,SAAQ,QAAQ,EAAE,sBAAsB,CAAC,uBAAuB,CAAC,EAAE,IAAI,CAAC,gBAAgB,EAAE,OAAO,CAAC;CAAG;AAEzG,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/esm/components/Table/table-last-updated/TableLastUpdated.js

@@ -1,42 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { factory } from '@mantine/core';
-import { useDidUpdate } from '@mantine/hooks';
-import { useState } from 'react';
-import { LastUpdated } from '../../LastUpdated/LastUpdated.js';
-import { useTableContext } from '../TableContext.js';
-export const TableLastUpdated = factory((props, ref)=>{
-    const { table, getStyles } = useTableContext();
-    const { classNames: _classNames, styles: _styles, vars: _vars, ...lastUpdatedProps } = props;
-    const [time, setTime] = useState(new Date());
-    const { className: rootClassName, style: rootStyle } = getStyles('lastUpdatedRoot', {
-        classNames: _classNames,
-        styles: _styles
-    });
-    const { className: labelClassName, style: labelStyle } = getStyles('lastUpdatedLabel', {
-        classNames: _classNames,
-        styles: _styles
-    });
-    useDidUpdate(()=>{
-        setTime(new Date());
-    }, [
-        table.options.data
-    ]);
-    return /*#__PURE__*/ _jsx(LastUpdated, {
-        time: time,
-        ref: ref,
-        justify: "right",
-        px: "lg",
-        classNames: {
-            root: rootClassName,
-            label: labelClassName
-        },
-        styles: {
-            root: rootStyle,
-            label: labelStyle
-        },
-        ...lastUpdatedProps
-    });
-});
-TableLastUpdated.displayName = 'Table.LastUpdated';
-
-//# sourceMappingURL=TableLastUpdated.js.map

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

@@ -1 +0,0 @@
-{"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 '../../LastUpdated/LastUpdated.js';\nimport {useTableContext} from '../TableContext.js';\n\nexport type TableLastUpdatedStylesNames = 'lastUpdatedRoot' | 'lastUpdatedLabel';\n\nexport interface TableLastUpdatedProps\n    extends BoxProps, CompoundStylesApiProps<TableLastUpdatedFactory>, 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\nTableLastUpdated.displayName = 'Table.LastUpdated';\n"],"names":["factory","useDidUpdate","useState","LastUpdated","useTableContext","TableLastUpdated","props","ref","table","getStyles","classNames","_classNames","styles","_styles","vars","_vars","lastUpdatedProps","time","setTime","Date","className","rootClassName","style","rootStyle","labelClassName","labelStyle","options","data","justify","px","root","label","displayName"],"mappings":";AAAA,SAA0CA,OAAO,QAAgB,gBAAgB;AACjF,SAAQC,YAAY,QAAO,iBAAiB;AAC5C,SAAQC,QAAQ,QAAO,QAAQ;AAC/B,SAAQC,WAAW,QAAyB,mCAAmC;AAC/E,SAAQC,eAAe,QAAO,qBAAqB;AAcnD,OAAO,MAAMC,mBAAmBL,QAAiC,CAACM,OAAOC;IACrE,MAAM,EAACC,KAAK,EAAEC,SAAS,EAAC,GAAGL;IAC3B,MAAM,EAACM,YAAYC,WAAW,EAAEC,QAAQC,OAAO,EAAEC,MAAMC,KAAK,EAAE,GAAGC,kBAAiB,GAAGV;IACrF,MAAM,CAACW,MAAMC,QAAQ,GAAGhB,SAAS,IAAIiB;IAErC,MAAM,EAACC,WAAWC,aAAa,EAAEC,OAAOC,SAAS,EAAC,GAAGd,UAAU,mBAAmB;QAC9EC,YAAYC;QACZC,QAAQC;IACZ;IAEA,MAAM,EAACO,WAAWI,cAAc,EAAEF,OAAOG,UAAU,EAAC,GAAGhB,UAAU,oBAAoB;QACjFC,YAAYC;QACZC,QAAQC;IACZ;IAEAZ,aAAa;QACTiB,QAAQ,IAAIC;IAChB,GAAG;QAACX,MAAMkB,OAAO,CAACC,IAAI;KAAC;IAEvB,qBACI,KAACxB;QACGc,MAAMA;QACNV,KAAKA;QACLqB,SAAQ;QACRC,IAAG;QACHnB,YAAY;YAACoB,MAAMT;YAAeU,OAAOP;QAAc;QACvDZ,QAAQ;YAACkB,MAAMP;YAAWQ,OAAON;QAAU;QAC1C,GAAGT,gBAAgB;;AAGhC,GAAG;AAEHX,iBAAiB2B,WAAW,GAAG"}

package/dist/esm/components/Table/table-loading/TableLoading.d.ts

@@ -1,4 +0,0 @@
-import { SkeletonProps } from '@mantine/core';
-import { FunctionComponent } from 'react';
-export declare const TableLoading: FunctionComponent<SkeletonProps>;
-//# sourceMappingURL=TableLoading.d.ts.map

package/dist/esm/components/Table/table-loading/TableLoading.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableLoading.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/table-loading/TableLoading.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,aAAa,EAAC,MAAM,eAAe,CAAC;AACtD,OAAO,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAExC,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC,aAAa,CAIzD,CAAC"}

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

@@ -1,12 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Skeleton } from '@mantine/core';
-export const TableLoading = (props)=>/*#__PURE__*/ _jsx(Skeleton, {
-        ...props,
-        style: !props.visible ? {
-            borderRadius: 0
-        } : undefined,
-        children: props.children
-    });
-TableLoading.displayName = 'Table.Loading';
-
-//# sourceMappingURL=TableLoading.js.map

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

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

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

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

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

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

package/dist/esm/components/Table/table-no-data/TableNoData.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-export const TableNoData = ({ children })=>/*#__PURE__*/ _jsx(_Fragment, {
-        children: children
-    });
-TableNoData.displayName = 'Table.NoData';
-
-//# sourceMappingURL=TableNoData.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/components/Table/table-no-data/TableNoData.tsx"],"sourcesContent":["import {FunctionComponent, ReactNode} from 'react';\n\nexport interface TableNoDataProps {\n    children: ReactNode;\n}\n\nexport const TableNoData: FunctionComponent<TableNoDataProps> = ({children}) => <>{children}</>;\n\nTableNoData.displayName = 'Table.NoData';\n"],"names":["TableNoData","children","displayName"],"mappings":";AAMA,OAAO,MAAMA,cAAmD,CAAC,EAACC,QAAQ,EAAC,iBAAK;kBAAGA;OAAa;AAEhGD,YAAYE,WAAW,GAAG"}

package/dist/esm/components/Table/table-pagination/TablePagination.d.ts

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"TablePagination.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/table-pagination/TablePagination.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAGxC,OAAO,EAAC,oBAAoB,EAAC,MAAM,4BAA4B,CAAC;AAEhE,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,oBAAoB,CAwCnE,CAAC"}

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

@@ -1,53 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Pagination } from '@mantine/core';
-import { useDidUpdate } from '@mantine/hooks';
-import { useTableContext } from '../TableContext.js';
-export const TablePagination = ({ onPageChange })=>{
-    const { store, table, containerRef } = useTableContext();
-    const updatePage = (newPage)=>{
-        onPageChange?.(newPage - 1);
-        store.setPagination((prev)=>({
-                ...prev,
-                pageIndex: newPage - 1
-            }));
-        containerRef.current.scrollIntoView({
-            behavior: 'smooth'
-        });
-    };
-    const total = table.getPageCount();
-    useDidUpdate(()=>{
-        if (store.state.pagination.pageIndex + 1 > total && total > 0) {
-            updatePage(total);
-        }
-    }, [
-        store.state.pagination.pageIndex,
-        total
-    ]);
-    return /*#__PURE__*/ _jsx(Pagination, {
-        value: store.state.pagination.pageIndex + 1,
-        onChange: updatePage,
-        total: total,
-        boundaries: 1,
-        size: "md",
-        gap: "xs",
-        getControlProps: (control)=>{
-            switch(control){
-                case 'previous':
-                    return {
-                        component: 'button',
-                        'aria-label': 'previous page'
-                    };
-                case 'next':
-                    return {
-                        component: 'button',
-                        'aria-label': 'next page'
-                    };
-                default:
-                    return {};
-            }
-        }
-    });
-};
-TablePagination.displayName = 'Table.Pagination';
-
-//# sourceMappingURL=TablePagination.js.map

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

@@ -1 +0,0 @@
-{"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 {useTableContext} from '../TableContext.js';\nimport {TablePaginationProps} from './TablePagination.types.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\nTablePagination.displayName = 'Table.Pagination';\n"],"names":["Pagination","useDidUpdate","useTableContext","TablePagination","onPageChange","store","table","containerRef","updatePage","newPage","setPagination","prev","pageIndex","current","scrollIntoView","behavior","total","getPageCount","state","pagination","value","onChange","boundaries","size","gap","getControlProps","control","component","displayName"],"mappings":";AAAA,SAAQA,UAAU,QAAO,gBAAgB;AACzC,SAAQC,YAAY,QAAO,iBAAiB;AAG5C,SAAQC,eAAe,QAAO,qBAAqB;AAGnD,OAAO,MAAMC,kBAA2D,CAAC,EAACC,YAAY,EAAC;IACnF,MAAM,EAACC,KAAK,EAAEC,KAAK,EAAEC,YAAY,EAAC,GAAGL;IAErC,MAAMM,aAAa,CAACC;QAChBL,eAAeK,UAAU;QACzBJ,MAAMK,aAAa,CAAC,CAACC,OAAU,CAAA;gBAAC,GAAGA,IAAI;gBAAEC,WAAWH,UAAU;YAAC,CAAA;QAC/DF,aAAaM,OAAO,CAACC,cAAc,CAAC;YAACC,UAAU;QAAQ;IAC3D;IAEA,MAAMC,QAAQV,MAAMW,YAAY;IAEhChB,aAAa;QACT,IAAII,MAAMa,KAAK,CAACC,UAAU,CAACP,SAAS,GAAG,IAAII,SAASA,QAAQ,GAAG;YAC3DR,WAAWQ;QACf;IACJ,GAAG;QAACX,MAAMa,KAAK,CAACC,UAAU,CAACP,SAAS;QAAEI;KAAM;IAE5C,qBACI,KAAChB;QACGoB,OAAOf,MAAMa,KAAK,CAACC,UAAU,CAACP,SAAS,GAAG;QAC1CS,UAAUb;QACVQ,OAAOA;QACPM,YAAY;QACZC,MAAK;QACLC,KAAI;QACJC,iBAAiB,CAACC;YACd,OAAQA;gBACJ,KAAK;oBACD,OAAO;wBACHC,WAAW;wBACX,cAAc;oBAClB;gBACJ,KAAK;oBACD,OAAO;wBAACA,WAAW;wBAAU,cAAc;oBAAW;gBAC1D;oBACI,OAAO,CAAC;YAChB;QACJ;;AAGZ,EAAE;AAEFxB,gBAAgByB,WAAW,GAAG"}

package/dist/esm/components/Table/table-pagination/TablePagination.types.d.ts

@@ -1,9 +0,0 @@
-export interface TablePaginationProps {
-    /**
-     * The callback if the current page is changed.
-     *
-     * @param pageIndex The index of the updated page.
-     */
-    onPageChange?: (pageIndex: number) => void;
-}
-//# sourceMappingURL=TablePagination.types.d.ts.map

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

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