@coveord/plasma-mantine 47.4.0

package/dist/esm/components/table/Table.js

@@ -0,0 +1,248 @@
+import _define_property from "@swc/helpers/src/_define_property.mjs";
+import _object_spread from "@swc/helpers/src/_object_spread.mjs";
+import _object_spread_props from "@swc/helpers/src/_object_spread_props.mjs";
+import _object_without_properties from "@swc/helpers/src/_object_without_properties.mjs";
+import _sliced_to_array from "@swc/helpers/src/_sliced_to_array.mjs";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Center, Collapse, createStyles, Loader, Skeleton, Table as MantineTable } from "@mantine/core";
+import { useForm } from "@mantine/form";
+import { useDidUpdate } from "@mantine/hooks";
+import { defaultColumnSizing, flexRender, getCoreRowModel, useReactTable } from "@tanstack/react-table";
+import defaultsDeep from "lodash.defaultsdeep";
+import { Children, Fragment, useCallback, useEffect, useState } from "react";
+import { TableActions } from "./TableActions";
+import { TableCollapsibleColumn } from "./TableCollapsibleColumn";
+import { TableContext } from "./TableContext";
+import { TableDateRangePicker } from "./TableDateRangePicker";
+import { TableFilter } from "./TableFilter";
+import { TableFooter } from "./TableFooter";
+import { TableHeader } from "./TableHeader";
+import { TablePagination } from "./TablePagination";
+import { TablePerPage } from "./TablePerPage";
+import { TablePredicate } from "./TablePredicate";
+import { Th } from "./Th";
+var useStyles = createStyles(function(theme, param, getRef) {
+    var hasHeader = param.hasHeader;
+    return {
+        table: {
+            width: "100%"
+        },
+        header: {
+            position: "sticky",
+            top: hasHeader ? 69 : 0,
+            backgroundColor: theme.colorScheme === "dark" ? theme.black : theme.white,
+            transition: "box-shadow 150ms ease",
+            zIndex: 12,
+            "&::after": {
+                content: '""',
+                position: "absolute",
+                left: 0,
+                right: 0,
+                bottom: 0,
+                borderBottom: "1px solid ".concat(theme.colors.gray[2])
+            }
+        },
+        rowSelected: {
+            ref: getRef("rowSelected")
+        },
+        row: _define_property({}, "&:hover, &.".concat(getRef("rowSelected")), {
+            backgroundColor: theme.colorScheme === "dark" ? theme.fn.rgba(theme.colors[theme.primaryColor][7], 0.2) : theme.colors[theme.primaryColor][0]
+        })
+    };
+});
+export var Table = function(param) {
+    var data = param.data, noDataChildren = param.noDataChildren, getExpandChildren = param.getExpandChildren, _initialState = param.initialState, initialState = _initialState === void 0 ? {} : _initialState, columns = param.columns, onMount = param.onMount, onChange = param.onChange, children = param.children, _loading = param.loading, loading = _loading === void 0 ? false : _loading;
+    var convertedChildren = Children.toArray(children);
+    var header = convertedChildren.find(function(child) {
+        return child.type === TableHeader;
+    });
+    var footer = convertedChildren.find(function(child) {
+        return child.type === TableFooter;
+    });
+    var predicates = initialState.predicates, dateRange = initialState.dateRange, initialStateWithoutForm = _object_without_properties(initialState, [
+        "predicates",
+        "dateRange"
+    ]);
+    var ref, ref1;
+    var form = useForm({
+        initialValues: {
+            predicates: (ref = initialState === null || initialState === void 0 ? void 0 : initialState.predicates) !== null && ref !== void 0 ? ref : {},
+            dateRange: (ref1 = initialState === null || initialState === void 0 ? void 0 : initialState.dateRange) !== null && ref1 !== void 0 ? ref1 : [
+                null,
+                null
+            ]
+        }
+    });
+    var ref2 = useStyles({
+        hasHeader: !!header
+    }), cx = ref2.cx, classes = ref2.classes;
+    var ref3;
+    var table = useReactTable({
+        initialState: defaultsDeep(initialStateWithoutForm, {
+            pagination: {
+                pageSize: TablePerPage.DEFAULT_SIZE
+            }
+        }),
+        data: data,
+        columns: columns,
+        getCoreRowModel: getCoreRowModel(),
+        manualPagination: true,
+        getRowCanExpand: function(row) {
+            return (ref3 = !!(getExpandChildren === null || getExpandChildren === void 0 ? void 0 : getExpandChildren(row.original))) !== null && ref3 !== void 0 ? ref3 : false;
+        }
+    });
+    var ref4 = _sliced_to_array(useState(table.initialState), 2), state = ref4[0], setState = ref4[1];
+    table.setOptions(function(prev) {
+        return _object_spread_props(_object_spread({}, prev), {
+            state: state,
+            onStateChange: setState
+        });
+    });
+    var triggerChange = function() {
+        return onChange === null || onChange === void 0 ? void 0 : onChange(_object_spread({}, state, form.values));
+    };
+    useEffect(function() {
+        onMount === null || onMount === void 0 ? void 0 : onMount(_object_spread({}, state, form.values));
+    }, []);
+    useDidUpdate(function() {
+        triggerChange();
+        clearSelection();
+    }, [
+        state.globalFilter,
+        state.sorting,
+        state.pagination,
+        form.values
+    ]);
+    var clearFilters = useCallback(function() {
+        form.setFieldValue("predicates", {});
+        setState(function(prevState) {
+            return _object_spread_props(_object_spread({}, prevState), {
+                globalFilter: ""
+            });
+        });
+    }, []);
+    var clearSelection = function() {
+        setState(function(prevState) {
+            return _object_spread_props(_object_spread({}, prevState), {
+                rowSelection: {}
+            });
+        });
+    };
+    var ref5;
+    var getSelectedRow = useCallback(function() {
+        var ref, ref1;
+        return (ref5 = (ref = table.getSelectedRowModel().flatRows) === null || ref === void 0 ? void 0 : (ref1 = ref[0]) === null || ref1 === void 0 ? void 0 : ref1.original) !== null && ref5 !== void 0 ? ref5 : null;
+    }, [
+        state.rowSelection
+    ]);
+    if (!data) {
+        return /*#__PURE__*/ _jsx(Center, {
+            sx: {
+                flexGrow: 1
+            },
+            children: /*#__PURE__*/ _jsx(Loader, {})
+        });
+    }
+    var toggleRowSelection = function(row) {
+        table.setRowSelection(function() {
+            return _define_property({}, row.id, !row.getIsSelected());
+        });
+    };
+    var rows = table.getRowModel().rows.map(function(row) {
+        var ref;
+        var rowChildren = (ref = getExpandChildren === null || getExpandChildren === void 0 ? void 0 : getExpandChildren(row.original)) !== null && ref !== void 0 ? ref : null;
+        return /*#__PURE__*/ _jsxs(Fragment, {
+            children: [
+                /*#__PURE__*/ _jsx("tr", {
+                    onClick: function() {
+                        return toggleRowSelection(row);
+                    },
+                    className: cx(classes.row, _define_property({}, classes.rowSelected, row.getIsSelected())),
+                    children: row.getVisibleCells().map(function(cell) {
+                        var size = cell.column.getSize();
+                        var width = size !== defaultColumnSizing.size ? size : undefined;
+                        return /*#__PURE__*/ _jsx("td", {
+                            style: {
+                                width: width
+                            },
+                            children: /*#__PURE__*/ _jsx(Skeleton, {
+                                visible: loading,
+                                children: flexRender(cell.column.columnDef.cell, cell.getContext())
+                            })
+                        }, cell.id);
+                    })
+                }),
+                rowChildren ? /*#__PURE__*/ _jsx("tr", {
+                    children: /*#__PURE__*/ _jsx("td", {
+                        colSpan: columns.length + 1,
+                        style: {
+                            padding: 0,
+                            borderBottomColor: row.getIsExpanded() ? undefined : "transparent"
+                        },
+                        children: /*#__PURE__*/ _jsx(Collapse, {
+                            in: row.getIsExpanded(),
+                            px: "sm",
+                            py: "xs",
+                            children: rowChildren
+                        })
+                    })
+                }) : null
+            ]
+        }, row.id);
+    });
+    return /*#__PURE__*/ _jsxs(TableContext.Provider, {
+        value: {
+            onChange: triggerChange,
+            state: state,
+            setState: setState,
+            clearFilters: clearFilters,
+            getSelectedRow: getSelectedRow,
+            clearSelection: clearSelection,
+            form: form
+        },
+        children: [
+            header,
+            /*#__PURE__*/ _jsxs(MantineTable, {
+                className: classes.table,
+                horizontalSpacing: "sm",
+                verticalSpacing: "xs",
+                pb: "sm",
+                children: [
+                    /*#__PURE__*/ _jsx("thead", {
+                        className: classes.header,
+                        children: table.getHeaderGroups().map(function(headerGroup) {
+                            return /*#__PURE__*/ _jsx("tr", {
+                                children: headerGroup.headers.map(function(columnHeader) {
+                                    return /*#__PURE__*/ _jsx(Th, {
+                                        header: columnHeader
+                                    }, columnHeader.id);
+                                })
+                            }, headerGroup.id);
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx("tbody", {
+                        children: rows.length ? rows : /*#__PURE__*/ _jsx("tr", {
+                            children: /*#__PURE__*/ _jsx("td", {
+                                colSpan: columns.length,
+                                children: noDataChildren
+                            })
+                        })
+                    })
+                ]
+            }),
+            footer
+        ]
+    });
+};
+Table.Actions = TableActions;
+Table.Filter = TableFilter;
+Table.Footer = TableFooter;
+Table.Header = TableHeader;
+Table.Pagination = TablePagination;
+Table.Predicate = TablePredicate;
+Table.PerPage = TablePerPage;
+Table.Predicate = TablePredicate;
+Table.CollapsibleColumn = TableCollapsibleColumn;
+Table.DateRangePicker = TableDateRangePicker;
+
+//# sourceMappingURL=Table.js.map

package/dist/esm/components/table/Table.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/table/Table.tsx"],"sourcesContent":["import {Center, Collapse, createStyles, Loader, Skeleton, Table as MantineTable} from '@mantine/core';\nimport {useForm} from '@mantine/form';\nimport {useDidUpdate} from '@mantine/hooks';\nimport {\n    ColumnDef,\n    defaultColumnSizing,\n    flexRender,\n    getCoreRowModel,\n    Row,\n    TableState,\n    useReactTable,\n} from '@tanstack/react-table';\nimport {InitialTableState} from '@tanstack/table-core';\nimport defaultsDeep from 'lodash.defaultsdeep';\nimport {Children, Fragment, ReactElement, ReactNode, useCallback, useEffect, useState} from 'react';\n\nimport {TableActions} from './TableActions';\nimport {TableCollapsibleColumn} from './TableCollapsibleColumn';\nimport {onTableChangeEvent, TableContext, TableFormType} from './TableContext';\nimport {TableDateRangePicker} from './TableDateRangePicker';\nimport {TableFilter} from './TableFilter';\nimport {TableFooter} from './TableFooter';\nimport {TableHeader} from './TableHeader';\nimport {TablePagination} from './TablePagination';\nimport {TablePerPage} from './TablePerPage';\nimport {TablePredicate} from './TablePredicate';\nimport {Th} from './Th';\n\nconst useStyles = createStyles<string, {hasHeader: boolean}>((theme, {hasHeader}, getRef) => ({\n    table: {\n        width: '100%',\n    },\n    header: {\n        position: 'sticky',\n        top: hasHeader ? 69 : 0,\n        backgroundColor: theme.colorScheme === 'dark' ? theme.black : theme.white,\n        transition: 'box-shadow 150ms ease',\n        zIndex: 12, // skeleton is 11\n\n        '&::after': {\n            content: '\"\"',\n            position: 'absolute',\n            left: 0,\n            right: 0,\n            bottom: 0,\n            borderBottom: `1px solid ${theme.colors.gray[2]}`,\n        },\n    },\n\n    rowSelected: {\n        ref: getRef('rowSelected'),\n    },\n\n    row: {\n        [`&:hover, &.${getRef('rowSelected')}`]: {\n            backgroundColor:\n                theme.colorScheme === 'dark'\n                    ? theme.fn.rgba(theme.colors[theme.primaryColor][7], 0.2)\n                    : theme.colors[theme.primaryColor][0],\n        },\n    },\n}));\n\ninterface TableProps<T> {\n    /**\n     * Data to display in the table\n     */\n    data: T[];\n    /**\n     * Columns to display in the table.\n     *\n     * @see https://tanstack.com/table/v8/docs/guide/column-defs\n     */\n    columns: Array<ColumnDef<T>>;\n    /**\n     * Function called when the table mounts\n     *\n     * @param state the state of the table\n     */\n    onMount?: onTableChangeEvent;\n    /**\n     * Function called when the table should update\n     *\n     * @param state the state of the table\n     */\n    onChange?: onTableChangeEvent;\n    /**\n     * Function that generates the expandable content of a row\n     * Return null for rows that don't need to be expandable\n     *\n     * @param datum the row for which the children should be generated.\n     */\n    getExpandChildren?: (datum: T) => ReactNode;\n    /**\n     * React children to show when the table has no rows to show. You can leverage useTable to get the state of the table\n     */\n    noDataChildren?: ReactNode;\n    /**\n     * Whether the table is loading or not\n     *\n     * @default false\n     */\n    loading?: boolean;\n    /**\n     * Childrens to display in the table. They need to be wrap in either `Table.Header` or `Table.Footer`\n     *\n     * @example\n     * <Table ...>\n     *     <Table.Header>\n     *         <div>Hello</div>\n     *     </Table.Header>\n     * </Table>\n     */\n    children?: ReactNode;\n\n    /**\n     * Initial state of the table\n     */\n    initialState?: InitialTableState & Partial<TableFormType>;\n}\n\ninterface TableType {\n    <T>(props: TableProps<T>): ReactElement;\n    Actions: typeof TableActions;\n    Filter: typeof TableFilter;\n    Footer: typeof TableFooter;\n    Header: typeof TableHeader;\n    Pagination: typeof TablePagination;\n    PerPage: typeof TablePerPage;\n    Predicate: typeof TablePredicate;\n    CollapsibleColumn: typeof TableCollapsibleColumn;\n    DateRangePicker: typeof TableDateRangePicker;\n}\n\nexport const Table: TableType = <T,>({\n    data,\n    noDataChildren,\n    getExpandChildren,\n    initialState = {},\n    columns,\n    onMount,\n    onChange,\n    children,\n    loading = false,\n}: TableProps<T>) => {\n    const convertedChildren = Children.toArray(children) as ReactElement[];\n    const header = convertedChildren.find((child) => child.type === TableHeader);\n    const footer = convertedChildren.find((child) => child.type === TableFooter);\n\n    const {predicates, dateRange, ...initialStateWithoutForm} = initialState;\n    const form = useForm<TableFormType>({\n        initialValues: {predicates: initialState?.predicates ?? {}, dateRange: initialState?.dateRange ?? [null, null]},\n    });\n\n    const {cx, classes} = useStyles({hasHeader: !!header});\n\n    const table = useReactTable({\n        initialState: defaultsDeep(initialStateWithoutForm, {pagination: {pageSize: TablePerPage.DEFAULT_SIZE}}),\n        data,\n        columns,\n        getCoreRowModel: getCoreRowModel(),\n        manualPagination: true,\n        getRowCanExpand: (row: Row<T>) => !!getExpandChildren?.(row.original) ?? false,\n    });\n    const [state, setState] = useState<TableState>(table.initialState);\n    table.setOptions((prev) => ({\n        ...prev,\n        state,\n        onStateChange: setState,\n    }));\n\n    const triggerChange = () => onChange?.({...state, ...form.values});\n\n    useEffect(() => {\n        onMount?.({...state, ...form.values});\n    }, []);\n\n    useDidUpdate(() => {\n        triggerChange();\n        clearSelection();\n    }, [state.globalFilter, state.sorting, state.pagination, form.values]);\n\n    const clearFilters = useCallback(() => {\n        form.setFieldValue('predicates', {});\n        setState((prevState) => ({...prevState, globalFilter: ''}));\n    }, []);\n\n    const clearSelection = () => {\n        setState((prevState) => ({...prevState, rowSelection: {}}));\n    };\n\n    const getSelectedRow = useCallback(\n        () => table.getSelectedRowModel().flatRows?.[0]?.original ?? null,\n        [state.rowSelection]\n    );\n\n    if (!data) {\n        return (\n            <Center sx={{flexGrow: 1}}>\n                <Loader />\n            </Center>\n        );\n    }\n\n    const toggleRowSelection = (row: Row<T>) => {\n        table.setRowSelection(() => ({[row.id]: !row.getIsSelected()}));\n    };\n\n    const rows = table.getRowModel().rows.map((row) => {\n        const rowChildren = getExpandChildren?.(row.original) ?? null;\n\n        return (\n            <Fragment key={row.id}>\n                <tr\n                    onClick={() => toggleRowSelection(row)}\n                    className={cx(classes.row, {[classes.rowSelected]: row.getIsSelected()})}\n                >\n                    {row.getVisibleCells().map((cell) => {\n                        const size = cell.column.getSize();\n                        const width = size !== defaultColumnSizing.size ? size : undefined;\n                        return (\n                            <td key={cell.id} style={{width}}>\n                                <Skeleton visible={loading}>\n                                    {flexRender(cell.column.columnDef.cell, cell.getContext())}\n                                </Skeleton>\n                            </td>\n                        );\n                    })}\n                </tr>\n                {rowChildren ? (\n                    <tr>\n                        <td\n                            colSpan={columns.length + 1}\n                            style={{padding: 0, borderBottomColor: row.getIsExpanded() ? undefined : 'transparent'}}\n                        >\n                            <Collapse in={row.getIsExpanded()} px=\"sm\" py=\"xs\">\n                                {rowChildren}\n                            </Collapse>\n                        </td>\n                    </tr>\n                ) : null}\n            </Fragment>\n        );\n    });\n\n    return (\n        <TableContext.Provider\n            value={{\n                onChange: triggerChange,\n                state,\n                setState,\n                clearFilters,\n                getSelectedRow,\n                clearSelection,\n                form,\n            }}\n        >\n            {header}\n            <MantineTable className={classes.table} horizontalSpacing=\"sm\" verticalSpacing=\"xs\" pb=\"sm\">\n                <thead className={classes.header}>\n                    {table.getHeaderGroups().map((headerGroup) => (\n                        <tr key={headerGroup.id}>\n                            {headerGroup.headers.map((columnHeader) => (\n                                <Th key={columnHeader.id} header={columnHeader} />\n                            ))}\n                        </tr>\n                    ))}\n                </thead>\n                <tbody>\n                    {rows.length ? (\n                        rows\n                    ) : (\n                        <tr>\n                            <td colSpan={columns.length}>{noDataChildren}</td>\n                        </tr>\n                    )}\n                </tbody>\n            </MantineTable>\n            {footer}\n        </TableContext.Provider>\n    );\n};\n\nTable.Actions = TableActions;\nTable.Filter = TableFilter;\nTable.Footer = TableFooter;\nTable.Header = TableHeader;\nTable.Pagination = TablePagination;\nTable.Predicate = TablePredicate;\nTable.PerPage = TablePerPage;\nTable.Predicate = TablePredicate;\nTable.CollapsibleColumn = TableCollapsibleColumn;\nTable.DateRangePicker = TableDateRangePicker;\n"],"names":["Center","Collapse","createStyles","Loader","Skeleton","Table","MantineTable","useForm","useDidUpdate","defaultColumnSizing","flexRender","getCoreRowModel","useReactTable","defaultsDeep","Children","Fragment","useCallback","useEffect","useState","TableActions","TableCollapsibleColumn","TableContext","TableDateRangePicker","TableFilter","TableFooter","TableHeader","TablePagination","TablePerPage","TablePredicate","Th","useStyles","theme","getRef","hasHeader","table","width","header","position","top","backgroundColor","colorScheme","black","white","transition","zIndex","content","left","right","bottom","borderBottom","colors","gray","rowSelected","ref","row","fn","rgba","primaryColor","data","noDataChildren","getExpandChildren","initialState","columns","onMount","onChange","children","loading","convertedChildren","toArray","find","child","type","footer","predicates","dateRange","initialStateWithoutForm","form","initialValues","cx","classes","pagination","pageSize","DEFAULT_SIZE","manualPagination","getRowCanExpand","original","state","setState","setOptions","prev","onStateChange","triggerChange","values","clearSelection","globalFilter","sorting","clearFilters","setFieldValue","prevState","rowSelection","getSelectedRow","getSelectedRowModel","flatRows","sx","flexGrow","toggleRowSelection","setRowSelection","id","getIsSelected","rows","getRowModel","map","rowChildren","tr","onClick","className","getVisibleCells","cell","size","column","getSize","undefined","td","style","visible","columnDef","getContext","colSpan","length","padding","borderBottomColor","getIsExpanded","in","px","py","Provider","value","horizontalSpacing","verticalSpacing","pb","thead","getHeaderGroups","headerGroup","headers","columnHeader","tbody","Actions","Filter","Footer","Header","Pagination","Predicate","PerPage","CollapsibleColumn","DateRangePicker"],"mappings":"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"}

package/dist/esm/components/table/TableActions.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { useTable } from "./useTable";
+export var TableActions = function(param) {
+    var children = param.children;
+    var getSelectedRow = useTable().getSelectedRow;
+    var selectedRow = getSelectedRow();
+    if (!selectedRow) {
+        return null;
+    }
+    return /*#__PURE__*/ _jsx(_Fragment, {
+        children: children(selectedRow)
+    });
+};
+
+//# sourceMappingURL=TableActions.js.map

package/dist/esm/components/table/TableActions.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/table/TableActions.tsx"],"sourcesContent":["import {ReactElement, ReactNode} from 'react';\nimport {useTable} from './useTable';\n\ninterface TableActionsProps<T> {\n    /**\n     * Function that return components for the selected row\n     *\n     * @param datum the data of the selected row\n     * @example\n     * <Table.Actions<MyType>>\n     *     {(datum: MyType) => (\n     *         <Button\n     *             component={Link}\n     *             to={`edit/${datum.id}`}\n     *             leftIcon={<EditSize24Px />}\n     *             variant=\"subtle\"\n     *             color=\"navyBlue.8\"\n     *         >\n     *             Edit\n     *         </Button>\n     *     )}\n     * </Table.Actions>\n     */\n    children: (datum: T) => ReactNode;\n}\n\nexport const TableActions = <T,>({children}: TableActionsProps<T>): ReactElement => {\n    const {getSelectedRow} = useTable();\n    const selectedRow = getSelectedRow();\n\n    if (!selectedRow) {\n        return null;\n    }\n\n    return <>{children(selectedRow)}</>;\n};\n"],"names":["useTable","TableActions","children","getSelectedRow","selectedRow"],"mappings":"AAAA;AACA,SAAQA,QAAQ,QAAO,YAAY,CAAC;AAyBpC,OAAO,IAAMC,YAAY,GAAG,gBAAwD;QAAlDC,QAAQ,SAARA,QAAQ;IACtC,IAAM,AAACC,cAAc,GAAIH,QAAQ,EAAE,CAA5BG,cAAc,AAAc,AAAC;IACpC,IAAMC,WAAW,GAAGD,cAAc,EAAE,AAAC;IAErC,IAAI,CAACC,WAAW,EAAE;QACd,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,qBAAO;kBAAGF,QAAQ,CAACE,WAAW,CAAC;MAAI,CAAC;AACxC,CAAC,CAAC"}

package/dist/esm/components/table/TableCollapsibleColumn.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ArrowHeadDownSize24Px, ArrowHeadUpSize24Px } from "@coveord/plasma-react-icons";
+import { Button } from "@mantine/core";
+/**
+ * Generic column to use when your table need collapsible rows
+ */ export var TableCollapsibleColumn = {
+    id: "collapsible",
+    header: "",
+    enableSorting: false,
+    cell: function(info) {
+        var handler = info.row.getToggleExpandedHandler();
+        var onClick = function(e) {
+            e.stopPropagation();
+            handler();
+        };
+        return info.row.getCanExpand() ? /*#__PURE__*/ _jsx(Button, {
+            onClick: onClick,
+            variant: "subtle",
+            size: "xs",
+            children: info.row.getIsExpanded() ? /*#__PURE__*/ _jsx(ArrowHeadUpSize24Px, {}) : /*#__PURE__*/ _jsx(ArrowHeadDownSize24Px, {})
+        }) : null;
+    }
+};
+
+//# sourceMappingURL=TableCollapsibleColumn.js.map

package/dist/esm/components/table/TableCollapsibleColumn.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/table/TableCollapsibleColumn.tsx"],"sourcesContent":["import {ArrowHeadDownSize24Px, ArrowHeadUpSize24Px} from '@coveord/plasma-react-icons';\nimport {Button} from '@mantine/core';\nimport {ColumnDef} from '@tanstack/table-core';\nimport {MouseEvent as ReactMouseEvent} from 'react';\n\n/**\n * Generic column to use when your table need collapsible rows\n */\nexport const TableCollapsibleColumn: ColumnDef<unknown> = {\n    id: 'collapsible',\n    header: '',\n    enableSorting: false,\n    cell: (info) => {\n        const handler = info.row.getToggleExpandedHandler();\n        const onClick = (e: ReactMouseEvent<HTMLButtonElement>) => {\n            e.stopPropagation();\n            handler();\n        };\n\n        return info.row.getCanExpand() ? (\n            <Button onClick={onClick} variant=\"subtle\" size=\"xs\">\n                {info.row.getIsExpanded() ? <ArrowHeadUpSize24Px /> : <ArrowHeadDownSize24Px />}\n            </Button>\n        ) : null;\n    },\n};\n"],"names":["ArrowHeadDownSize24Px","ArrowHeadUpSize24Px","Button","TableCollapsibleColumn","id","header","enableSorting","cell","info","handler","row","getToggleExpandedHandler","onClick","e","stopPropagation","getCanExpand","variant","size","getIsExpanded"],"mappings":"AAAA;AAAA,SAAQA,qBAAqB,EAAEC,mBAAmB,QAAO,6BAA6B,CAAC;AACvF,SAAQC,MAAM,QAAO,eAAe,CAAC;AAIrC;;CAEC,GACD,OAAO,IAAMC,sBAAsB,GAAuB;IACtDC,EAAE,EAAE,aAAa;IACjBC,MAAM,EAAE,EAAE;IACVC,aAAa,EAAE,KAAK;IACpBC,IAAI,EAAE,SAACC,IAAI,EAAK;QACZ,IAAMC,OAAO,GAAGD,IAAI,CAACE,GAAG,CAACC,wBAAwB,EAAE,AAAC;QACpD,IAAMC,OAAO,GAAG,SAACC,CAAqC,EAAK;YACvDA,CAAC,CAACC,eAAe,EAAE,CAAC;YACpBL,OAAO,EAAE,CAAC;QACd,CAAC,AAAC;QAEF,OAAOD,IAAI,CAACE,GAAG,CAACK,YAAY,EAAE,iBAC1B,KAACb,MAAM;YAACU,OAAO,EAAEA,OAAO;YAAEI,OAAO,EAAC,QAAQ;YAACC,IAAI,EAAC,IAAI;sBAC/CT,IAAI,CAACE,GAAG,CAACQ,aAAa,EAAE,iBAAG,KAACjB,mBAAmB,KAAG,iBAAG,KAACD,qBAAqB,KAAG;UAC1E,GACT,IAAI,CAAC;IACb,CAAC;CACJ,CAAC"}

package/dist/esm/components/table/TableContext.js

@@ -0,0 +1,4 @@
+import { createContext } from "react";
+export var TableContext = /*#__PURE__*/ createContext(null);
+
+//# sourceMappingURL=TableContext.js.map

package/dist/esm/components/table/TableContext.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/table/TableContext.tsx"],"sourcesContent":["import {DateRangePickerValue} from '@mantine/dates';\nimport {UseFormReturnType} from '@mantine/form';\nimport {TableState} from '@tanstack/react-table';\nimport {createContext, Dispatch} from 'react';\n\nexport type onTableChangeEvent = (params: TableState & TableFormType) => void;\n\nexport type TableFormType = {\n    /**\n     * Object containing the table predicates and their selected values\n     *\n     * @example {type: \"LONG\", origin: \"system\"}\n     */\n    predicates: Record<string, string>;\n    /**\n     * Selected date range in the table\n     *\n     * @example [new Date(2022, 0, 1), new Date(2022, 0, 31)]\n     */\n    dateRange: DateRangePickerValue;\n};\n\ntype TableContextType = {\n    /**\n     * Function to call when the table needs an update\n     */\n    onChange: () => void;\n    /**\n     * Internal state of the table\n     *\n     * @see https://tanstack.com/table/v8/docs/api/core/table#state\n     */\n    state: TableState;\n    /**\n     * Function to update the table state\n     */\n    setState: Dispatch<(prevState: TableState) => TableState>;\n    /**\n     * Function that clears the filter and predicates\n     */\n    clearFilters: () => void;\n    /**\n     * Function that returns the selected row if any\n     */\n    getSelectedRow: () => any | null;\n    /**\n     * Function that clear the selected row\n     */\n    clearSelection: () => void;\n    /**\n     * Form used to handle predicates and dateRange\n     */\n    form: UseFormReturnType<TableFormType>;\n};\n\nexport const TableContext = createContext<TableContextType | null>(null);\n"],"names":["createContext","TableContext"],"mappings":"AAGA,SAAQA,aAAa,QAAiB,OAAO,CAAC;AAoD9C,OAAO,IAAMC,YAAY,iBAAGD,aAAa,CAA0B,IAAI,CAAC,CAAC"}

package/dist/esm/components/table/TableDateRangePicker.js

@@ -0,0 +1,73 @@
+import _sliced_to_array from "@swc/helpers/src/_sliced_to_array.mjs";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { CalendarSize24Px } from "@coveord/plasma-react-icons";
+import { Popover, Button } from "@mantine/core";
+import dayjs from "dayjs";
+import { useState } from "react";
+import { DateRangePickerInlineCalendar } from "../date-range-picker";
+import { useTable } from "./useTable";
+export var TableDateRangePicker = function(param) {
+    var _presets = param.presets, presets = _presets === void 0 ? {} : _presets, rangeCalendarProps = param.rangeCalendarProps;
+    var ref = _sliced_to_array(useState(false), 2), opened = ref[0], setOpened = ref[1];
+    var form = useTable().form;
+    var onApply = function(dates) {
+        if (dates[0] !== null && dates[1] !== null) {
+            form.setFieldValue("dateRange", dates);
+        } else if (dates[1] === null) {
+            form.setFieldValue("dateRange", [
+                dates[0],
+                dates[0]
+            ]);
+        } else {
+            form.setFieldValue("dateRange", [
+                dates[1],
+                dates[1]
+            ]);
+        }
+        setOpened(false);
+    };
+    var onCancel = function() {
+        setOpened(false);
+    };
+    var formatDate = function(date) {
+        return dayjs(date).format("MMM DD, YYYY");
+    };
+    var formatedRange = "".concat(formatDate(form.values.dateRange[0]), " - ").concat(formatDate(form.values.dateRange[1]));
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            formatedRange,
+            /*#__PURE__*/ _jsxs(Popover, {
+                opened: opened,
+                onChange: setOpened,
+                children: [
+                    /*#__PURE__*/ _jsx(Popover.Target, {
+                        children: /*#__PURE__*/ _jsx(Button, {
+                            variant: "outline",
+                            color: "gray",
+                            onClick: function() {
+                                return setOpened(true);
+                            },
+                            px: "xs",
+                            children: /*#__PURE__*/ _jsx(CalendarSize24Px, {
+                                width: 24,
+                                height: 24
+                            })
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx(Popover.Dropdown, {
+                        p: 0,
+                        children: /*#__PURE__*/ _jsx(DateRangePickerInlineCalendar, {
+                            initialRange: form.values.dateRange,
+                            onApply: onApply,
+                            onCancel: onCancel,
+                            presets: presets,
+                            rangeCalendarProps: rangeCalendarProps
+                        })
+                    })
+                ]
+            })
+        ]
+    });
+};
+
+//# sourceMappingURL=TableDateRangePicker.js.map

package/dist/esm/components/table/TableDateRangePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/table/TableDateRangePicker.tsx"],"sourcesContent":["import {CalendarSize24Px} from '@coveord/plasma-react-icons';\nimport {Popover, Button} from '@mantine/core';\nimport {DateRangePickerValue} from '@mantine/dates';\nimport dayjs from 'dayjs';\nimport {FunctionComponent, useState} from 'react';\nimport {DateRangePickerInlineCalendar, DateRangePickerInlineCalendarProps} from '../date-range-picker';\nimport {DateRangePickerPreset} from '../date-range-picker/DateRangePickerPresetSelect';\nimport {useTable} from './useTable';\n\ninterface TableDateRangePickerProps\n    extends Pick<DateRangePickerInlineCalendarProps, 'startProps' | 'endProps' | 'rangeCalendarProps'> {\n    /**\n     * An object containing date presets.\n     * If empty the preset dropdown won't be shown\n     *\n     * @example\n     * {\n     *     january: {label: 'January', range: [new Date(2022, 0, 1), new Date(2022, 0, 31)]},\n     *     february: {label: 'February', range: [new Date(2022, 1, 1), new Date(2022, 1, 28)]}\n     * }\n     * @default {}\n     */\n    presets?: Record<string, DateRangePickerPreset>;\n}\n\nexport const TableDateRangePicker: FunctionComponent<TableDateRangePickerProps> = ({\n    presets = {},\n    rangeCalendarProps,\n}) => {\n    const [opened, setOpened] = useState(false);\n    const {form} = useTable();\n\n    const onApply = (dates: DateRangePickerValue) => {\n        if (dates[0] !== null && dates[1] !== null) {\n            form.setFieldValue('dateRange', dates);\n        } else if (dates[1] === null) {\n            form.setFieldValue('dateRange', [dates[0], dates[0]]);\n        } else {\n            form.setFieldValue('dateRange', [dates[1], dates[1]]);\n        }\n        setOpened(false);\n    };\n    const onCancel = () => {\n        setOpened(false);\n    };\n\n    const formatDate = (date: Date) => dayjs(date).format('MMM DD, YYYY');\n    const formatedRange = `${formatDate(form.values.dateRange[0])} - ${formatDate(form.values.dateRange[1])}`;\n\n    return (\n        <>\n            {formatedRange}\n            <Popover opened={opened} onChange={setOpened}>\n                <Popover.Target>\n                    <Button variant=\"outline\" color=\"gray\" onClick={() => setOpened(true)} px=\"xs\">\n                        <CalendarSize24Px width={24} height={24} />\n                    </Button>\n                </Popover.Target>\n                <Popover.Dropdown p={0}>\n                    <DateRangePickerInlineCalendar\n                        initialRange={form.values.dateRange}\n                        onApply={onApply}\n                        onCancel={onCancel}\n                        presets={presets}\n                        rangeCalendarProps={rangeCalendarProps}\n                    />\n                </Popover.Dropdown>\n            </Popover>\n        </>\n    );\n};\n"],"names":["CalendarSize24Px","Popover","Button","dayjs","useState","DateRangePickerInlineCalendar","useTable","TableDateRangePicker","presets","rangeCalendarProps","opened","setOpened","form","onApply","dates","setFieldValue","onCancel","formatDate","date","format","formatedRange","values","dateRange","onChange","Target","variant","color","onClick","px","width","height","Dropdown","p","initialRange"],"mappings":"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"}

package/dist/esm/components/table/TableFilter.js

@@ -0,0 +1,43 @@
+import _define_property from "@swc/helpers/src/_define_property.mjs";
+import _object_spread from "@swc/helpers/src/_object_spread.mjs";
+import _object_spread_props from "@swc/helpers/src/_object_spread_props.mjs";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { SearchSize16Px } from "@coveord/plasma-react-icons";
+import { createStyles, TextInput } from "@mantine/core";
+import { useTable } from "./useTable";
+var useStyles = createStyles(function(theme) {
+    return {
+        wrapper: {
+            marginBottom: "0 !important"
+        },
+        empty: {
+            color: theme.colors.gray[4]
+        }
+    };
+});
+export var TableFilter = function(param) {
+    var _placeholder = param.placeholder, placeholder = _placeholder === void 0 ? "Search by any field" : _placeholder;
+    var ref = useStyles(), classes = ref.classes, cx = ref.cx;
+    var ref1 = useTable(), state = ref1.state, setState = ref1.setState;
+    var handleSearchChange = function(event) {
+        var value = event.currentTarget.value;
+        setState(function(prevState) {
+            return _object_spread_props(_object_spread({}, prevState), {
+                globalFilter: value
+            });
+        });
+    };
+    return /*#__PURE__*/ _jsx(TextInput, {
+        className: classes.wrapper,
+        placeholder: placeholder,
+        mb: "md",
+        rightSection: /*#__PURE__*/ _jsx(SearchSize16Px, {
+            height: 14,
+            className: cx(_define_property({}, classes.empty, !state.globalFilter))
+        }),
+        value: state.globalFilter,
+        onChange: handleSearchChange
+    });
+};
+
+//# sourceMappingURL=TableFilter.js.map

package/dist/esm/components/table/TableFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/table/TableFilter.tsx"],"sourcesContent":["import {SearchSize16Px} from '@coveord/plasma-react-icons';\nimport {createStyles, TextInput} from '@mantine/core';\nimport {TableState} from '@tanstack/react-table';\nimport {ChangeEvent, FunctionComponent} from 'react';\nimport {useTable} from './useTable';\n\nconst useStyles = createStyles((theme) => ({\n    wrapper: {\n        marginBottom: '0 !important',\n    },\n    empty: {\n        color: theme.colors.gray[4],\n    },\n}));\n\ninterface TableFilterProps {\n    /**\n     * The placeholder for the filter input\n     *\n     * @default \"Search by any field\"\n     */\n    placeholder?: string;\n}\n\nexport const TableFilter: FunctionComponent<TableFilterProps> = ({placeholder = 'Search by any field'}) => {\n    const {classes, cx} = useStyles();\n    const {state, setState} = useTable();\n\n    const handleSearchChange = (event: ChangeEvent<HTMLInputElement>) => {\n        const {value} = event.currentTarget;\n        setState((prevState: TableState) => ({...prevState, globalFilter: value}));\n    };\n\n    return (\n        <TextInput\n            className={classes.wrapper}\n            placeholder={placeholder}\n            mb=\"md\"\n            rightSection={<SearchSize16Px height={14} className={cx({[classes.empty]: !state.globalFilter})} />}\n            value={state.globalFilter}\n            onChange={handleSearchChange}\n        />\n    );\n};\n"],"names":["SearchSize16Px","createStyles","TextInput","useTable","useStyles","theme","wrapper","marginBottom","empty","color","colors","gray","TableFilter","placeholder","classes","cx","state","setState","handleSearchChange","event","value","currentTarget","prevState","globalFilter","className","mb","rightSection","height","onChange"],"mappings":"AAAA;;;;AAAA,SAAQA,cAAc,QAAO,6BAA6B,CAAC;AAC3D,SAAQC,YAAY,EAAEC,SAAS,QAAO,eAAe,CAAC;AAGtD,SAAQC,QAAQ,QAAO,YAAY,CAAC;AAEpC,IAAMC,SAAS,GAAGH,YAAY,CAAC,SAACI,KAAK;WAAM;QACvCC,OAAO,EAAE;YACLC,YAAY,EAAE,cAAc;SAC/B;QACDC,KAAK,EAAE;YACHC,KAAK,EAAEJ,KAAK,CAACK,MAAM,CAACC,IAAI,CAAC,CAAC,CAAC;SAC9B;KACJ;CAAC,CAAC,AAAC;AAWJ,OAAO,IAAMC,WAAW,GAAwC,gBAA2C;6BAAzCC,WAAW,EAAXA,WAAW,6BAAG,qBAAqB,eAAA;IACjG,IAAsBT,GAAW,GAAXA,SAAS,EAAE,EAA1BU,OAAO,GAAQV,GAAW,CAA1BU,OAAO,EAAEC,EAAE,GAAIX,GAAW,CAAjBW,EAAE,AAAgB;IAClC,IAA0BZ,IAAU,GAAVA,QAAQ,EAAE,EAA7Ba,KAAK,GAAcb,IAAU,CAA7Ba,KAAK,EAAEC,QAAQ,GAAId,IAAU,CAAtBc,QAAQ,AAAe;IAErC,IAAMC,kBAAkB,GAAG,SAACC,KAAoC,EAAK;QACjE,IAAM,AAACC,KAAK,GAAID,KAAK,CAACE,aAAa,CAA5BD,KAAK,AAAuB,AAAC;QACpCH,QAAQ,CAAC,SAACK,SAAqB;mBAAM,wCAAIA,SAAS;gBAAEC,YAAY,EAAEH,KAAK;cAAC;SAAC,CAAC,CAAC;IAC/E,CAAC,AAAC;IAEF,qBACI,KAAClB,SAAS;QACNsB,SAAS,EAAEV,OAAO,CAACR,OAAO;QAC1BO,WAAW,EAAEA,WAAW;QACxBY,EAAE,EAAC,IAAI;QACPC,YAAY,gBAAE,KAAC1B,cAAc;YAAC2B,MAAM,EAAE,EAAE;YAAEH,SAAS,EAAET,EAAE,CAAE,qBAACD,OAAO,CAACN,KAAK,EAAG,CAACQ,KAAK,CAACO,YAAY,CAAA,CAAE;UAAI;QACnGH,KAAK,EAAEJ,KAAK,CAACO,YAAY;QACzBK,QAAQ,EAAEV,kBAAkB;MAC9B,CACJ;AACN,CAAC,CAAC"}

package/dist/esm/components/table/TableFooter.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Group } from "@mantine/core";
+export var TableFooter = function(param) {
+    var children = param.children;
+    return /*#__PURE__*/ _jsx(Group, {
+        position: "apart",
+        px: "md",
+        py: "sm",
+        children: children
+    });
+};
+
+//# sourceMappingURL=TableFooter.js.map

package/dist/esm/components/table/TableFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/table/TableFooter.tsx"],"sourcesContent":["import {Group} from '@mantine/core';\nimport {FunctionComponent} from 'react';\n\nexport const TableFooter: FunctionComponent = ({children}) => (\n    <Group position=\"apart\" px=\"md\" py=\"sm\">\n        {children}\n    </Group>\n);\n"],"names":["Group","TableFooter","children","position","px","py"],"mappings":"AAAA;AAAA,SAAQA,KAAK,QAAO,eAAe,CAAC;AAGpC,OAAO,IAAMC,WAAW,GAAsB;QAAEC,QAAQ,SAARA,QAAQ;yBACpD,KAACF,KAAK;QAACG,QAAQ,EAAC,OAAO;QAACC,EAAE,EAAC,IAAI;QAACC,EAAE,EAAC,IAAI;kBAClCH,QAAQ;MACL;CACX,CAAC"}

package/dist/esm/components/table/TableHeader.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createStyles, Group } from "@mantine/core";
+var useStyles = createStyles(function(theme) {
+    return {
+        header: {
+            position: "sticky",
+            top: 0,
+            zIndex: 13,
+            backgroundColor: theme.colors.gray[1],
+            borderBottom: "1px solid ".concat(theme.colors.gray[4])
+        }
+    };
+});
+export var TableHeader = function(param) {
+    var children = param.children;
+    var classes = useStyles().classes;
+    return /*#__PURE__*/ _jsx(Group, {
+        position: "right",
+        spacing: "lg",
+        className: classes.header,
+        px: "md",
+        py: "sm",
+        children: children
+    });
+};
+
+//# sourceMappingURL=TableHeader.js.map

package/dist/esm/components/table/TableHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/table/TableHeader.tsx"],"sourcesContent":["import {createStyles, Group} from '@mantine/core';\nimport {FunctionComponent} from 'react';\n\nconst useStyles = createStyles((theme) => ({\n    header: {\n        position: 'sticky',\n        top: 0,\n        zIndex: 13, // skeleton is 11\n        backgroundColor: theme.colors.gray[1],\n        borderBottom: `1px solid ${theme.colors.gray[4]}`,\n    },\n}));\n\nexport const TableHeader: FunctionComponent = ({children}) => {\n    const {classes} = useStyles();\n    return (\n        <Group position=\"right\" spacing=\"lg\" className={classes.header} px=\"md\" py=\"sm\">\n            {children}\n        </Group>\n    );\n};\n"],"names":["createStyles","Group","useStyles","theme","header","position","top","zIndex","backgroundColor","colors","gray","borderBottom","TableHeader","children","classes","spacing","className","px","py"],"mappings":"AAAA;AAAA,SAAQA,YAAY,EAAEC,KAAK,QAAO,eAAe,CAAC;AAGlD,IAAMC,SAAS,GAAGF,YAAY,CAAC,SAACG,KAAK;WAAM;QACvCC,MAAM,EAAE;YACJC,QAAQ,EAAE,QAAQ;YAClBC,GAAG,EAAE,CAAC;YACNC,MAAM,EAAE,EAAE;YACVC,eAAe,EAAEL,KAAK,CAACM,MAAM,CAACC,IAAI,CAAC,CAAC,CAAC;YACrCC,YAAY,EAAE,AAAC,YAAU,CAAuB,MAAA,CAArBR,KAAK,CAACM,MAAM,CAACC,IAAI,CAAC,CAAC,CAAC,CAAE;SACpD;KACJ;CAAC,CAAC,AAAC;AAEJ,OAAO,IAAME,WAAW,GAAsB,gBAAgB;QAAdC,QAAQ,SAARA,QAAQ;IACpD,IAAM,AAACC,OAAO,GAAIZ,SAAS,EAAE,CAAtBY,OAAO,AAAe,AAAC;IAC9B,qBACI,KAACb,KAAK;QAACI,QAAQ,EAAC,OAAO;QAACU,OAAO,EAAC,IAAI;QAACC,SAAS,EAAEF,OAAO,CAACV,MAAM;QAAEa,EAAE,EAAC,IAAI;QAACC,EAAE,EAAC,IAAI;kBAC1EL,QAAQ;MACL,CACV;AACN,CAAC,CAAC"}

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

@@ -0,0 +1,37 @@
+import _object_spread from "@swc/helpers/src/_object_spread.mjs";
+import _object_spread_props from "@swc/helpers/src/_object_spread_props.mjs";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Pagination } from "@mantine/core";
+import { useTable } from "./useTable";
+export var TablePagination = function(param) {
+    var totalPages = param.totalPages;
+    var ref = useTable(), state = ref.state, setState = ref.setState;
+    var updatePage = function(newPage) {
+        setState(function(prevState) {
+            return _object_spread_props(_object_spread({}, prevState), {
+                pagination: _object_spread_props(_object_spread({}, prevState.pagination), {
+                    pageIndex: newPage - 1
+                })
+            });
+        });
+    };
+    return /*#__PURE__*/ _jsx(Pagination, {
+        page: state.pagination.pageIndex + 1,
+        onChange: updatePage,
+        total: totalPages,
+        boundaries: 0,
+        size: "md",
+        getItemAriaLabel: function(label) {
+            switch(label){
+                case "prev":
+                    return "previous page";
+                case "next":
+                    return "next page";
+                default:
+                    return "".concat(label);
+            }
+        }
+    });
+};
+
+//# sourceMappingURL=TablePagination.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/table/TablePagination.tsx"],"sourcesContent":["import {Pagination} from '@mantine/core';\nimport {TableState} from '@tanstack/react-table';\nimport {FunctionComponent} from 'react';\nimport {useTable} from './useTable';\n\ninterface TablePaginationProps {\n    /**\n     * The total number of page\n     */\n    totalPages: number;\n}\n\nexport const TablePagination: FunctionComponent<TablePaginationProps> = ({totalPages}) => {\n    const {state, setState} = useTable();\n    const updatePage = (newPage: number) => {\n        setState((prevState: TableState) => ({\n            ...prevState,\n            pagination: {...prevState.pagination, pageIndex: newPage - 1},\n        }));\n    };\n\n    return (\n        <Pagination\n            page={state.pagination.pageIndex + 1}\n            onChange={updatePage}\n            total={totalPages}\n            boundaries={0}\n            size=\"md\"\n            getItemAriaLabel={(label) => {\n                switch (label) {\n                    case 'prev':\n                        return 'previous page';\n                    case 'next':\n                        return 'next page';\n                    default:\n                        return `${label}`;\n                }\n            }}\n        />\n    );\n};\n"],"names":["Pagination","useTable","TablePagination","totalPages","state","setState","updatePage","newPage","prevState","pagination","pageIndex","page","onChange","total","boundaries","size","getItemAriaLabel","label"],"mappings":"AAAA;;;AAAA,SAAQA,UAAU,QAAO,eAAe,CAAC;AAGzC,SAAQC,QAAQ,QAAO,YAAY,CAAC;AASpC,OAAO,IAAMC,eAAe,GAA4C,gBAAkB;QAAhBC,UAAU,SAAVA,UAAU;IAChF,IAA0BF,GAAU,GAAVA,QAAQ,EAAE,EAA7BG,KAAK,GAAcH,GAAU,CAA7BG,KAAK,EAAEC,QAAQ,GAAIJ,GAAU,CAAtBI,QAAQ,AAAe;IACrC,IAAMC,UAAU,GAAG,SAACC,OAAe,EAAK;QACpCF,QAAQ,CAAC,SAACG,SAAqB;mBAAM,wCAC9BA,SAAS;gBACZC,UAAU,EAAE,wCAAID,SAAS,CAACC,UAAU;oBAAEC,SAAS,EAAEH,OAAO,GAAG,CAAC;kBAAC;cAChE;SAAC,CAAC,CAAC;IACR,CAAC,AAAC;IAEF,qBACI,KAACP,UAAU;QACPW,IAAI,EAAEP,KAAK,CAACK,UAAU,CAACC,SAAS,GAAG,CAAC;QACpCE,QAAQ,EAAEN,UAAU;QACpBO,KAAK,EAAEV,UAAU;QACjBW,UAAU,EAAE,CAAC;QACbC,IAAI,EAAC,IAAI;QACTC,gBAAgB,EAAE,SAACC,KAAK,EAAK;YACzB,OAAQA,KAAK;gBACT,KAAK,MAAM;oBACP,OAAO,eAAe,CAAC;gBAC3B,KAAK,MAAM;oBACP,OAAO,WAAW,CAAC;gBACvB;oBACI,OAAO,AAAC,EAAA,CAAQ,MAAA,CAANA,KAAK,CAAE,CAAC;aACzB;QACL,CAAC;MACH,CACJ;AACN,CAAC,CAAC"}