@popmenu/table 0.126.0 → 0.126.2

package/build/esm/components/Table/TableStyles.js

@@ -0,0 +1,28 @@
+import { __assign } from 'tslib';
+import { makeStyles } from '@material-ui/core';
+import { tableConstants } from '../../util/tableConstants.js';
+
+var useStyles = makeStyles(function (_a) {
+    var typography = _a.typography;
+    return ({
+        root: function (_a) {
+            var fullWidth = _a.fullWidth;
+            return ({
+                display: fullWidth ? 'flex' : 'inline-flex',
+                flexDirection: 'column',
+            });
+        },
+        table: function (_a) {
+            var fullWidth = _a.fullWidth;
+            return (__assign(__assign({ borderCollapse: 'collapse' }, (fullWidth && { width: '100%' })), typography[tableConstants.tableTypography]));
+        },
+        tableContainer: function () { return ({
+            maxWidth: '100%',
+            overflowX: 'auto',
+            overflowY: 'hidden',
+        }); },
+    });
+});
+
+export { useStyles };
+//# sourceMappingURL=TableStyles.js.map

package/build/esm/components/Table/TableStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableStyles.js","sources":["../../../../src/components/Table/TableStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core'\nimport { tableConstants } from '../../util'\n\nimport { TableProps } from './TableProps'\n\nexport const useStyles = makeStyles<Theme, TableProps<any>>(({ typography }) => ({\n  root: ({ fullWidth }) => ({\n    display: fullWidth ? 'flex' : 'inline-flex',\n    flexDirection: 'column',\n  }),\n  table: ({ fullWidth }) => ({\n    borderCollapse: 'collapse',\n    ...(fullWidth && { width: '100%' }),\n    // @ts-expect-error - todo.\n    ...typography[tableConstants.tableTypography],\n  }),\n  tableContainer: () => ({\n    maxWidth: '100%',\n    overflowX: 'auto',\n    overflowY: 'hidden',\n  }),\n}))\n"],"names":[],"mappings":";;;;AAKa,IAAA,SAAS,GAAG,UAAU,CAAyB,UAAC,EAAc,EAAA;AAAZ,IAAA,IAAA,UAAU,GAAA,EAAA,CAAA,UAAA;AAAO,IAAA,QAAC;QAC/E,IAAI,EAAE,UAAC,EAAa,EAAA;AAAX,YAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA;AAAO,YAAA,QAAC;gBACxB,OAAO,EAAE,SAAS,GAAG,MAAM,GAAG,aAAa;AAC3C,gBAAA,aAAa,EAAE,QAAQ;aACxB;SAAC;QACF,KAAK,EAAE,UAAC,EAAa,EAAA;AAAX,YAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA;YAAO,QAAA,QAAA,CAAA,QAAA,CAAA,EACxB,cAAc,EAAE,UAAU,KACtB,SAAS,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,EAE/B,EAAA,UAAU,CAAC,cAAc,CAAC,eAAe,CAAC,CAC7C;SAAA;QACF,cAAc,EAAE,YAAM,EAAA,QAAC;AACrB,YAAA,QAAQ,EAAE,MAAM;AAChB,YAAA,SAAS,EAAE,MAAM;AACjB,YAAA,SAAS,EAAE,QAAQ;AACpB,SAAA,IAAC;KACH;AAhB+E,CAgB9E;;;;"}

package/build/esm/components/Table/index.d.ts

@@ -0,0 +1,2 @@
+export { Table } from './Table';
+export { TableProps } from './TableProps';

package/build/esm/components/TableBody/TableBody.d.ts

@@ -0,0 +1,4 @@
+import { HTMLAttributes, PropsWithChildren } from 'react';
+declare type TableBodyProps = PropsWithChildren<HTMLAttributes<HTMLTableSectionElement>>;
+export declare const TableBody: (props: TableBodyProps) => JSX.Element;
+export {};

package/build/esm/components/TableBody/TableBody.js

@@ -0,0 +1,10 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+
+var TableBody = function (props) {
+    var children = props.children, restProps = __rest(props, ["children"]);
+    return React.createElement("tbody", __assign({}, restProps), children);
+};
+
+export { TableBody };
+//# sourceMappingURL=TableBody.js.map

package/build/esm/components/TableBody/TableBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableBody.js","sources":["../../../../src/components/TableBody/TableBody.tsx"],"sourcesContent":["import React, { HTMLAttributes, PropsWithChildren } from 'react'\n\ntype TableBodyProps = PropsWithChildren<HTMLAttributes<HTMLTableSectionElement>>\n\nexport const TableBody = (props: TableBodyProps) => {\n  const { children, ...restProps } = props\n  return <tbody {...restProps}>{children}</tbody>\n}\n"],"names":[],"mappings":";;;AAIO,IAAM,SAAS,GAAG,UAAC,KAAqB,EAAA;IACrC,IAAA,QAAQ,GAAmB,KAAK,CAAxB,QAAA,EAAK,SAAS,GAAA,MAAA,CAAK,KAAK,EAAlC,CAA0B,UAAA,CAAA,CAAF;AAC9B,IAAA,OAAO,KAAW,CAAA,aAAA,CAAA,OAAA,EAAA,QAAA,CAAA,EAAA,EAAA,SAAS,CAAG,EAAA,QAAQ,CAAS;AACjD;;;;"}

package/build/esm/components/TableBody/index.d.ts

@@ -0,0 +1 @@
+export { TableBody } from './TableBody';

package/build/esm/components/TableCell/TableCell.d.ts

@@ -0,0 +1,4 @@
+import { HTMLAttributes, PropsWithChildren } from 'react';
+declare type TableCellProps = PropsWithChildren<HTMLAttributes<HTMLTableCellElement>>;
+export declare const TableCell: (props: TableCellProps) => JSX.Element;
+export {};

package/build/esm/components/TableCell/TableCell.js

@@ -0,0 +1,12 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+import { useTableCellStyles } from './TableCellStyles.js';
+
+var TableCell = function (props) {
+    var children = props.children, restProps = __rest(props, ["children"]);
+    var root = useTableCellStyles(props).root;
+    return (React.createElement("td", __assign({ className: root }, restProps), children));
+};
+
+export { TableCell };
+//# sourceMappingURL=TableCell.js.map

package/build/esm/components/TableCell/TableCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableCell.js","sources":["../../../../src/components/TableCell/TableCell.tsx"],"sourcesContent":["import React, { HTMLAttributes, PropsWithChildren } from 'react'\n\nimport { useTableCellStyles } from './TableCellStyles'\n\ntype TableCellProps = PropsWithChildren<HTMLAttributes<HTMLTableCellElement>>\n\nexport const TableCell = (props: TableCellProps) => {\n  const { children, ...restProps } = props\n  const { root } = useTableCellStyles(props)\n  return (\n    <td className={root} {...restProps}>\n      {children}\n    </td>\n  )\n}\n"],"names":[],"mappings":";;;;AAMO,IAAM,SAAS,GAAG,UAAC,KAAqB,EAAA;IACrC,IAAA,QAAQ,GAAmB,KAAK,CAAxB,QAAA,EAAK,SAAS,GAAA,MAAA,CAAK,KAAK,EAAlC,CAA0B,UAAA,CAAA,CAAF;AACtB,IAAA,IAAA,IAAI,GAAK,kBAAkB,CAAC,KAAK,CAAC,KAA9B;IACZ,QACE,KAAI,CAAA,aAAA,CAAA,IAAA,EAAA,QAAA,CAAA,EAAA,SAAS,EAAE,IAAI,EAAM,EAAA,SAAS,CAC/B,EAAA,QAAQ,CACN;AAET;;;;"}

package/build/esm/components/TableCell/TableCellStyles.d.ts

@@ -0,0 +1 @@
+export declare const useTableCellStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"root">;

package/build/esm/components/TableCell/TableCellStyles.js

@@ -0,0 +1,11 @@
+import { makeStyles } from '@material-ui/core';
+import { tableConstants } from '../../util/tableConstants.js';
+
+var useTableCellStyles = makeStyles(function (theme) { return ({
+    root: function () { return ({
+        padding: theme.spacing(tableConstants.cellPaddingFactor),
+    }); },
+}); });
+
+export { useTableCellStyles };
+//# sourceMappingURL=TableCellStyles.js.map

package/build/esm/components/TableCell/TableCellStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableCellStyles.js","sources":["../../../../src/components/TableCell/TableCellStyles.ts"],"sourcesContent":["import { makeStyles } from '@material-ui/core'\nimport { tableConstants } from '../../util'\n\nexport const useTableCellStyles = makeStyles((theme) => ({\n  root: () => ({\n    padding: theme.spacing(tableConstants.cellPaddingFactor),\n  }),\n}))\n"],"names":[],"mappings":";;;AAGa,IAAA,kBAAkB,GAAG,UAAU,CAAC,UAAC,KAAK,EAAK,EAAA,QAAC;IACvD,IAAI,EAAE,YAAM,EAAA,QAAC;QACX,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,iBAAiB,CAAC;AACzD,KAAA,IAAC;CACH,EAAC,EAAA;;;;"}

package/build/esm/components/TableCell/index.d.ts

@@ -0,0 +1 @@
+export { TableCell } from './TableCell';

package/build/esm/components/TableContext/index.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { ColumnFilter, Table } from '@tanstack/react-table';
+export declare type StagedColumnFilter = {
+    update: (columnId: string, value: string | Array<string>) => void;
+    get: (columnId: string) => string | Array<string> | undefined;
+    clear: () => void;
+    delete: (columnFilter: ColumnFilter) => void;
+    exist: () => boolean;
+};
+declare type TabelContextValue = {
+    table: Table<any>;
+    stagedColumnFilters: StagedColumnFilter;
+    stageFilterSelections: boolean | undefined;
+};
+export declare const TableContext: import("react").Context<TabelContextValue>;
+export {};

package/build/esm/components/TableContext/index.js

@@ -0,0 +1,6 @@
+import { createContext } from 'react';
+
+var TableContext = createContext({});
+
+export { TableContext };
+//# sourceMappingURL=index.js.map

package/build/esm/components/TableContext/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/TableContext/index.tsx"],"sourcesContent":["import { ColumnFilter, Table } from '@tanstack/react-table'\nimport { createContext } from 'react'\n\nexport type StagedColumnFilter = {\n  update: (columnId: string, value: string | Array<string>) => void\n  get: (columnId: string) => string | Array<string> | undefined\n  clear: () => void\n  delete: (columnFilter: ColumnFilter) => void\n  exist: () => boolean\n}\n\ntype TabelContextValue = {\n  table: Table<any>\n  stagedColumnFilters: StagedColumnFilter\n  stageFilterSelections: boolean | undefined\n}\n\nexport const TableContext = createContext<TabelContextValue>({} as TabelContextValue)\n"],"names":[],"mappings":";;IAiBa,YAAY,GAAG,aAAa,CAAoB,EAAuB;;;;"}

package/build/esm/components/TableControlsContainer/TableControlsContainer.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { TableControlsContainerProps } from './TableControlsContainerProps';
+export declare const TableControlsContainer: (props: TableControlsContainerProps) => JSX.Element;

package/build/esm/components/TableControlsContainer/TableControlsContainer.js

@@ -0,0 +1,34 @@
+import React from 'react';
+import { Box } from '@material-ui/core';
+
+var TableControlsContainer = function (props) {
+    var showTitle = props.showTitle, showGlobalSearch = props.showGlobalSearch, showColumnFilter = props.showColumnFilter;
+    var gridTemplateAreas;
+    switch (true) {
+        case showTitle && showGlobalSearch && showColumnFilter:
+            gridTemplateAreas = "\n        \"title .\"\n        \"globalFilter columnFilter\"\n      ";
+            break;
+        case showTitle && !showGlobalSearch && showColumnFilter:
+            gridTemplateAreas = "\n        \"title columnFilter\"\n      ";
+            break;
+        case !showTitle && showGlobalSearch && showColumnFilter:
+            gridTemplateAreas = "\n        \"globalFilter columnFilter\"\n      ";
+            break;
+        case showTitle && !showGlobalSearch && !showColumnFilter:
+            gridTemplateAreas = "\n        \"title .\"\n      ";
+            break;
+        case !showTitle && !showGlobalSearch && showColumnFilter:
+            gridTemplateAreas = "\n        \". columnFilter\"\n      ";
+            break;
+        case !showTitle && showGlobalSearch && !showColumnFilter:
+            gridTemplateAreas = "\n        \"globalFilter .\"\n      ";
+            break;
+        case showTitle && showGlobalSearch && !showColumnFilter:
+            gridTemplateAreas = "\n        \"title .\"\n        \"globalFilter .\"\n      ";
+            break;
+    }
+    return (React.createElement(Box, { display: "grid", gridTemplateColumns: "repeat(2, minmax(150px, 1fr))", gridTemplateAreas: gridTemplateAreas, gridGap: 16, marginBottom: 3 }, props.children));
+};
+
+export { TableControlsContainer };
+//# sourceMappingURL=TableControlsContainer.js.map

package/build/esm/components/TableControlsContainer/TableControlsContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableControlsContainer.js","sources":["../../../../src/components/TableControlsContainer/TableControlsContainer.tsx"],"sourcesContent":["import React from 'react'\nimport { TableControlsContainerProps } from './TableControlsContainerProps'\nimport { Box } from '@material-ui/core'\n\nexport const TableControlsContainer = (props: TableControlsContainerProps) => {\n  const { showTitle, showGlobalSearch, showColumnFilter } = props\n  let gridTemplateAreas\n  switch (true) {\n    case showTitle && showGlobalSearch && showColumnFilter:\n      gridTemplateAreas = `\n        \"title .\"\n        \"globalFilter columnFilter\"\n      `\n      break\n    case showTitle && !showGlobalSearch && showColumnFilter:\n      gridTemplateAreas = `\n        \"title columnFilter\"\n      `\n      break\n    case !showTitle && showGlobalSearch && showColumnFilter:\n      gridTemplateAreas = `\n        \"globalFilter columnFilter\"\n      `\n      break\n    case showTitle && !showGlobalSearch && !showColumnFilter:\n      gridTemplateAreas = `\n        \"title .\"\n      `\n      break\n    case !showTitle && !showGlobalSearch && showColumnFilter:\n      gridTemplateAreas = `\n        \". columnFilter\"\n      `\n      break\n    case !showTitle && showGlobalSearch && !showColumnFilter:\n      gridTemplateAreas = `\n        \"globalFilter .\"\n      `\n      break\n    case showTitle && showGlobalSearch && !showColumnFilter:\n      gridTemplateAreas = `\n        \"title .\"\n        \"globalFilter .\"\n      `\n      break\n    default:\n      break\n  }\n  return (\n    <Box\n      display=\"grid\"\n      gridTemplateColumns=\"repeat(2, minmax(150px, 1fr))\"\n      gridTemplateAreas={gridTemplateAreas}\n      gridGap={16}\n      marginBottom={3}\n    >\n      {props.children}\n    </Box>\n  )\n}\n"],"names":[],"mappings":";;;AAIO,IAAM,sBAAsB,GAAG,UAAC,KAAkC,EAAA;AAC/D,IAAA,IAAA,SAAS,GAAyC,KAAK,CAAA,SAA9C,EAAE,gBAAgB,GAAuB,KAAK,CAAA,gBAA5B,EAAE,gBAAgB,GAAK,KAAK,iBAAV;AACrD,IAAA,IAAI,iBAAiB;AACrB,IAAA,QAAQ,IAAI;AACV,QAAA,KAAK,SAAS,IAAI,gBAAgB,IAAI,gBAAgB;YACpD,iBAAiB,GAAG,sEAGnB;YACD;AACF,QAAA,KAAK,SAAS,IAAI,CAAC,gBAAgB,IAAI,gBAAgB;YACrD,iBAAiB,GAAG,0CAEnB;YACD;AACF,QAAA,KAAK,CAAC,SAAS,IAAI,gBAAgB,IAAI,gBAAgB;YACrD,iBAAiB,GAAG,iDAEnB;YACD;AACF,QAAA,KAAK,SAAS,IAAI,CAAC,gBAAgB,IAAI,CAAC,gBAAgB;YACtD,iBAAiB,GAAG,+BAEnB;YACD;AACF,QAAA,KAAK,CAAC,SAAS,IAAI,CAAC,gBAAgB,IAAI,gBAAgB;YACtD,iBAAiB,GAAG,sCAEnB;YACD;AACF,QAAA,KAAK,CAAC,SAAS,IAAI,gBAAgB,IAAI,CAAC,gBAAgB;YACtD,iBAAiB,GAAG,sCAEnB;YACD;AACF,QAAA,KAAK,SAAS,IAAI,gBAAgB,IAAI,CAAC,gBAAgB;YACrD,iBAAiB,GAAG,2DAGnB;YACD;AAGH;AACD,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EACF,OAAO,EAAC,MAAM,EACd,mBAAmB,EAAC,+BAA+B,EACnD,iBAAiB,EAAE,iBAAiB,EACpC,OAAO,EAAE,EAAE,EACX,YAAY,EAAE,CAAC,EAAA,EAEd,KAAK,CAAC,QAAQ,CACX;AAEV;;;;"}

package/build/esm/components/TableControlsContainer/TableControlsContainerProps.d.ts

@@ -0,0 +1,6 @@
+import { PropsWithChildren } from 'react';
+export declare type TableControlsContainerProps = PropsWithChildren<{
+    showTitle: boolean;
+    showGlobalSearch: boolean;
+    showColumnFilter: boolean;
+}>;

package/build/esm/components/TableControlsContainer/index.d.ts

@@ -0,0 +1 @@
+export { TableControlsContainer } from './TableControlsContainer';

package/build/esm/components/TableFooter/TableFooter.d.ts

@@ -0,0 +1,4 @@
+import { HTMLAttributes, PropsWithChildren } from 'react';
+declare type TableFooterProps = PropsWithChildren<HTMLAttributes<HTMLDivElement>>;
+export declare const TableFooter: (props: TableFooterProps) => JSX.Element;
+export {};

package/build/esm/components/TableFooter/TableFooter.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { Box } from '@popmenu/common-ui';
+
+var TableFooter = function (props) {
+    return (React.createElement(Box, { display: "flex", justifyContent: "center", alignItems: "end", paddingTop: 3, paddingBottom: 4 }, props.children));
+};
+
+export { TableFooter };
+//# sourceMappingURL=TableFooter.js.map

package/build/esm/components/TableFooter/TableFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableFooter.js","sources":["../../../../src/components/TableFooter/TableFooter.tsx"],"sourcesContent":["import React, { HTMLAttributes, PropsWithChildren } from 'react'\nimport { Box } from '@popmenu/common-ui'\n\ntype TableFooterProps = PropsWithChildren<HTMLAttributes<HTMLDivElement>>\n\nexport const TableFooter = (props: TableFooterProps) => {\n  return (\n    <Box display=\"flex\" justifyContent=\"center\" alignItems=\"end\" paddingTop={3} paddingBottom={4}>\n      {props.children}\n    </Box>\n  )\n}\n"],"names":[],"mappings":";;;AAKO,IAAM,WAAW,GAAG,UAAC,KAAuB,EAAA;AACjD,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EAAC,OAAO,EAAC,MAAM,EAAC,cAAc,EAAC,QAAQ,EAAC,UAAU,EAAC,KAAK,EAAC,UAAU,EAAE,CAAC,EAAE,aAAa,EAAE,CAAC,EAAA,EACzF,KAAK,CAAC,QAAQ,CACX;AAEV;;;;"}

package/build/esm/components/TableFooter/index.d.ts

@@ -0,0 +1 @@
+export { TableFooter } from './TableFooter';

package/build/esm/components/TableHeader/TableHeader.d.ts

@@ -0,0 +1,4 @@
+import { HTMLAttributes, PropsWithChildren } from 'react';
+declare type TableHeadProps = PropsWithChildren<HTMLAttributes<HTMLTableSectionElement>>;
+export declare const TableHeader: (props: TableHeadProps) => JSX.Element;
+export {};

package/build/esm/components/TableHeader/TableHeader.js

@@ -0,0 +1,10 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+
+var TableHeader = function (props) {
+    var children = props.children, restProps = __rest(props, ["children"]);
+    return React.createElement("thead", __assign({}, restProps), children);
+};
+
+export { TableHeader };
+//# sourceMappingURL=TableHeader.js.map

package/build/esm/components/TableHeader/TableHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableHeader.js","sources":["../../../../src/components/TableHeader/TableHeader.tsx"],"sourcesContent":["import React, { HTMLAttributes, PropsWithChildren } from 'react'\n\ntype TableHeadProps = PropsWithChildren<HTMLAttributes<HTMLTableSectionElement>>\n\nexport const TableHeader = (props: TableHeadProps) => {\n  const { children, ...restProps } = props\n  return <thead {...restProps}>{children}</thead>\n}\n"],"names":[],"mappings":";;;AAIO,IAAM,WAAW,GAAG,UAAC,KAAqB,EAAA;IACvC,IAAA,QAAQ,GAAmB,KAAK,CAAxB,QAAA,EAAK,SAAS,GAAA,MAAA,CAAK,KAAK,EAAlC,CAA0B,UAAA,CAAA,CAAF;AAC9B,IAAA,OAAO,KAAW,CAAA,aAAA,CAAA,OAAA,EAAA,QAAA,CAAA,EAAA,EAAA,SAAS,CAAG,EAAA,QAAQ,CAAS;AACjD;;;;"}

package/build/esm/components/TableHeader/index.d.ts

@@ -0,0 +1 @@
+export { TableHeader } from './TableHeader';

package/build/esm/components/TableHeaderCell/TableHeaderCell.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { TableHeaderCellProps } from './TableHeaderCellProps';
+export declare const TableHeaderCell: (props: TableHeaderCellProps) => JSX.Element;

package/build/esm/components/TableHeaderCell/TableHeaderCell.js

@@ -0,0 +1,32 @@
+import { __rest, __assign } from 'tslib';
+import { useTheme } from '@material-ui/core';
+import { Box, Icon } from '@popmenu/common-ui';
+import React from 'react';
+import { Sort, ChevronDown, ChevronUp } from '@popmenu/web-icons';
+import { useStyles } from './TableHeaderCellStyles.js';
+
+var TableHeaderCell = function (props) {
+    var _a;
+    var children = props.children, context = props.context, restProps = __rest(props, ["children", "context"]);
+    var sortable = context.header.column.getCanSort();
+    var sorted = context.header.column.getIsSorted();
+    var handleSort = context.header.column.getToggleSortingHandler();
+    var classes = useStyles(__assign(__assign({}, props), { sortable: sortable }));
+    var _b = useTheme(), spacing = _b.spacing, palette = _b.palette;
+    var sortIndicators = {
+        asc: ChevronUp,
+        desc: ChevronDown,
+    };
+    var idBase = (_a = context.table.options.meta) === null || _a === void 0 ? void 0 : _a.idBase;
+    var dataTourIdProps = idBase && sortable
+        ? { 'data-tour-id': ("sort-" + idBase + "-on-" + context.header.column.id).toLowerCase().replace(/\s+/g, '-') }
+        : {};
+    return (React.createElement("th", __assign({ className: classes.root }, restProps),
+        React.createElement(Box, __assign({ className: classes.box, display: "flex", alignItems: "center", gridGap: spacing(1), onClick: handleSort }, dataTourIdProps),
+            children,
+            sortable && !sorted && React.createElement(Icon, { icon: Sort, color: palette.grey[500] }),
+            sortable && sorted && React.createElement(Icon, { icon: sortIndicators[sorted] }))));
+};
+
+export { TableHeaderCell };
+//# sourceMappingURL=TableHeaderCell.js.map

package/build/esm/components/TableHeaderCell/TableHeaderCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableHeaderCell.js","sources":["../../../../src/components/TableHeaderCell/TableHeaderCell.tsx"],"sourcesContent":["import { useTheme } from '@material-ui/core'\nimport { Box, Icon } from '@popmenu/common-ui'\nimport React from 'react'\n\nimport { ChevronDown, ChevronUp, Sort } from '@popmenu/web-icons'\nimport { TableHeaderCellProps } from './TableHeaderCellProps'\nimport { useStyles } from './TableHeaderCellStyles'\n\nexport const TableHeaderCell = (props: TableHeaderCellProps) => {\n  const { children, context, ...restProps } = props\n  const sortable = context.header.column.getCanSort()\n  const sorted = context.header.column.getIsSorted()\n  const handleSort = context.header.column.getToggleSortingHandler()\n  const classes = useStyles({ ...props, sortable })\n  const { spacing, palette } = useTheme()\n  const sortIndicators = {\n    asc: ChevronUp,\n    desc: ChevronDown,\n  }\n\n  const idBase = context.table.options.meta?.idBase\n  const dataTourIdProps =\n    idBase && sortable\n      ? { 'data-tour-id': `sort-${idBase}-on-${context.header.column.id}`.toLowerCase().replace(/\\s+/g, '-') }\n      : {}\n\n  return (\n    <th className={classes.root} {...restProps}>\n      <Box\n        className={classes.box}\n        display=\"flex\"\n        alignItems=\"center\"\n        gridGap={spacing(1)}\n        onClick={handleSort}\n        {...dataTourIdProps}\n      >\n        {children}\n        {sortable && !sorted && <Icon icon={Sort} color={palette.grey[500]} />}\n        {sortable && sorted && <Icon icon={sortIndicators[sorted]} />}\n      </Box>\n    </th>\n  )\n}\n"],"names":[],"mappings":";;;;;;;AAQO,IAAM,eAAe,GAAG,UAAC,KAA2B,EAAA;;AACjD,IAAA,IAAA,QAAQ,GAA4B,KAAK,CAAjC,QAAA,EAAE,OAAO,GAAmB,KAAK,CAAxB,OAAA,EAAK,SAAS,GAAK,MAAA,CAAA,KAAK,EAA3C,CAAA,UAAA,EAAA,SAAA,CAAmC,CAAF;IACvC,IAAM,QAAQ,GAAG,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,UAAU,EAAE;IACnD,IAAM,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,WAAW,EAAE;IAClD,IAAM,UAAU,GAAG,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,uBAAuB,EAAE;IAClE,IAAM,OAAO,GAAG,SAAS,CAAA,QAAA,CAAA,QAAA,CAAA,EAAA,EAAM,KAAK,CAAE,EAAA,EAAA,QAAQ,EAAA,QAAA,EAAA,CAAA,CAAG;IAC3C,IAAA,EAAA,GAAuB,QAAQ,EAAE,EAA/B,OAAO,GAAA,EAAA,CAAA,OAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAe;AACvC,IAAA,IAAM,cAAc,GAAG;AACrB,QAAA,GAAG,EAAE,SAAS;AACd,QAAA,IAAI,EAAE,WAAW;KAClB;AAED,IAAA,IAAM,MAAM,GAAG,CAAA,EAAA,GAAA,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,MAAM;AACjD,IAAA,IAAM,eAAe,GACnB,MAAM,IAAI;UACN,EAAE,cAAc,EAAE,CAAA,OAAQ,GAAA,MAAM,GAAO,MAAA,GAAA,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,EAAI,EAAC,WAAW,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC;UACpG,EAAE;IAER,QACE,qCAAI,SAAS,EAAE,OAAO,CAAC,IAAI,IAAM,SAAS,CAAA;QACxC,KAAC,CAAA,aAAA,CAAA,GAAG,EACF,QAAA,CAAA,EAAA,SAAS,EAAE,OAAO,CAAC,GAAG,EACtB,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,QAAQ,EACnB,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,EACnB,OAAO,EAAE,UAAU,EAAA,EACf,eAAe,CAAA;YAElB,QAAQ;AACR,YAAA,QAAQ,IAAI,CAAC,MAAM,IAAI,KAAC,CAAA,aAAA,CAAA,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,EAAI,CAAA;AACrE,YAAA,QAAQ,IAAI,MAAM,IAAI,KAAC,CAAA,aAAA,CAAA,IAAI,IAAC,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC,EAAA,CAAI,CACzD,CACH;AAET;;;;"}

package/build/esm/components/TableHeaderCell/TableHeaderCellProps.d.ts

@@ -0,0 +1,6 @@
+import { HeaderContext } from '@tanstack/react-table';
+import { PropsWithChildren, HTMLAttributes } from 'react';
+export declare type ChildrenAndAttributes = PropsWithChildren<HTMLAttributes<HTMLTableCellElement>>;
+export interface TableHeaderCellProps extends ChildrenAndAttributes {
+    context: HeaderContext<unknown, unknown>;
+}

package/build/esm/components/TableHeaderCell/TableHeaderCellStyles.d.ts

@@ -0,0 +1,4 @@
+import { TableHeaderCellProps } from './TableHeaderCellProps';
+export declare const useStyles: (props: TableHeaderCellProps & {
+    sortable: boolean;
+}) => import("@material-ui/styles").ClassNameMap<string>;

package/build/esm/components/TableHeaderCell/TableHeaderCellStyles.js

@@ -0,0 +1,41 @@
+import { makeStyles } from '@material-ui/core';
+
+// const getWidth = (props: TableHeaderCellProps) => {
+//   const {
+//     column: { isActionColumn },
+//     tableProps: { fullWidth },
+//   } = props
+//   let width
+//   if (fullWidth && isActionColumn) {
+//     width = '0.0000000001%'
+//   }
+//   if (fullWidth && !isActionColumn) {
+//     width = '1%'
+//   }
+//   if (!fullWidth && isActionColumn) {
+//     width = 72
+//   }
+//   if (!fullWidth && !isActionColumn) {
+//     width = undefined
+//   }
+//   return width
+// }
+var useStyles = makeStyles(function (theme) { return ({
+    root: {
+        borderBottomStyle: 'solid',
+        borderBottomWidth: 2,
+        borderBottomColor: theme.palette.grey[100],
+        padding: theme.spacing(2),
+        textAlign: 'left',
+        fontWeight: 500,
+    },
+    box: {
+        cursor: function (_a) {
+            var sortable = _a.sortable;
+            return (sortable ? 'pointer' : 'default');
+        },
+    },
+}); });
+
+export { useStyles };
+//# sourceMappingURL=TableHeaderCellStyles.js.map

package/build/esm/components/TableHeaderCell/TableHeaderCellStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableHeaderCellStyles.js","sources":["../../../../src/components/TableHeaderCell/TableHeaderCellStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core'\nimport { TableHeaderCellProps } from './TableHeaderCellProps'\n\n// const getWidth = (props: TableHeaderCellProps) => {\n//   const {\n//     column: { isActionColumn },\n//     tableProps: { fullWidth },\n//   } = props\n\n//   let width\n//   if (fullWidth && isActionColumn) {\n//     width = '0.0000000001%'\n//   }\n//   if (fullWidth && !isActionColumn) {\n//     width = '1%'\n//   }\n//   if (!fullWidth && isActionColumn) {\n//     width = 72\n//   }\n//   if (!fullWidth && !isActionColumn) {\n//     width = undefined\n//   }\n//   return width\n// }\n\nexport const useStyles = makeStyles<Theme, TableHeaderCellProps & { sortable: boolean }>((theme) => ({\n  root: {\n    borderBottomStyle: 'solid',\n    borderBottomWidth: 2,\n    borderBottomColor: theme.palette.grey[100],\n    padding: theme.spacing(2),\n    textAlign: 'left',\n    fontWeight: 500,\n  },\n  box: {\n    cursor: ({ sortable }) => (sortable ? 'pointer' : 'default'),\n  },\n}))\n"],"names":[],"mappings":";;AAGA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEa,IAAA,SAAS,GAAG,UAAU,CAAsD,UAAC,KAAK,EAAK,EAAA,QAAC;AACnG,IAAA,IAAI,EAAE;AACJ,QAAA,iBAAiB,EAAE,OAAO;AAC1B,QAAA,iBAAiB,EAAE,CAAC;QACpB,iBAAiB,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAC1C,QAAA,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AACzB,QAAA,SAAS,EAAE,MAAM;AACjB,QAAA,UAAU,EAAE,GAAG;AAChB,KAAA;AACD,IAAA,GAAG,EAAE;QACH,MAAM,EAAE,UAAC,EAAY,EAAA;AAAV,YAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA;YAAO,QAAC,QAAQ,GAAG,SAAS,GAAG,SAAS;SAAC;AAC7D,KAAA;CACF,EAAC,EAAA;;;;"}

package/build/esm/components/TableHeaderCell/index.d.ts

@@ -0,0 +1,2 @@
+export { TableHeaderCell } from './TableHeaderCell';
+export { TableHeaderCellProps } from './TableHeaderCellProps';

package/build/esm/components/TableHeaderRow/TableHeaderRow.d.ts

@@ -0,0 +1,4 @@
+import { PropsWithChildren, HTMLAttributes } from 'react';
+declare type TableHaderRowProps = PropsWithChildren<HTMLAttributes<HTMLTableRowElement>>;
+export declare const TableHeaderRow: (props: TableHaderRowProps) => JSX.Element;
+export {};

package/build/esm/components/TableHeaderRow/TableHeaderRow.js

@@ -0,0 +1,10 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+
+var TableHeaderRow = function (props) {
+    var children = props.children, restProps = __rest(props, ["children"]);
+    return (React.createElement("tr", __assign({ "data-table-element": 'header-row' }, restProps), children));
+};
+
+export { TableHeaderRow };
+//# sourceMappingURL=TableHeaderRow.js.map

package/build/esm/components/TableHeaderRow/TableHeaderRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableHeaderRow.js","sources":["../../../../src/components/TableHeaderRow/TableHeaderRow.tsx"],"sourcesContent":["import React, { PropsWithChildren, HTMLAttributes } from 'react'\n\ntype TableHaderRowProps = PropsWithChildren<HTMLAttributes<HTMLTableRowElement>>\n\nexport const TableHeaderRow = (props: TableHaderRowProps) => {\n  const { children, ...restProps } = props\n  return (\n    <tr data-table-element={'header-row'} {...restProps}>\n      {children}\n    </tr>\n  )\n}\n"],"names":[],"mappings":";;;AAIO,IAAM,cAAc,GAAG,UAAC,KAAyB,EAAA;IAC9C,IAAA,QAAQ,GAAmB,KAAK,CAAxB,QAAA,EAAK,SAAS,GAAA,MAAA,CAAK,KAAK,EAAlC,CAA0B,UAAA,CAAA,CAAF;IAC9B,QACE,2DAAwB,YAAY,EAAA,EAAM,SAAS,CAChD,EAAA,QAAQ,CACN;AAET;;;;"}

package/build/esm/components/TableHeaderRow/index.d.ts

@@ -0,0 +1 @@
+export { TableHeaderRow } from './TableHeaderRow';

package/build/esm/components/TableRow/TableRow.d.ts

@@ -0,0 +1,4 @@
+import { HTMLAttributes, PropsWithChildren } from 'react';
+declare type TableRowProps = PropsWithChildren<HTMLAttributes<HTMLTableRowElement>>;
+export declare const TableRow: (props: TableRowProps) => JSX.Element;
+export {};

package/build/esm/components/TableRow/TableRow.js

@@ -0,0 +1,12 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+import { useTableRowStyles } from './TableRowStyles.js';
+
+var TableRow = function (props) {
+    var children = props.children, restProps = __rest(props, ["children"]);
+    var root = useTableRowStyles(props).root;
+    return (React.createElement("tr", __assign({ "data-table-element": "body-row", className: root }, restProps), children));
+};
+
+export { TableRow };
+//# sourceMappingURL=TableRow.js.map

package/build/esm/components/TableRow/TableRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableRow.js","sources":["../../../../src/components/TableRow/TableRow.tsx"],"sourcesContent":["import React, { HTMLAttributes, PropsWithChildren } from 'react'\nimport { useTableRowStyles } from './TableRowStyles'\n\ntype TableRowProps = PropsWithChildren<HTMLAttributes<HTMLTableRowElement>>\n\nexport const TableRow = (props: TableRowProps) => {\n  const { children, ...restProps } = props\n  const { root } = useTableRowStyles(props)\n  return (\n    <tr data-table-element=\"body-row\" className={root} {...restProps}>\n      {children}\n    </tr>\n  )\n}\n"],"names":[],"mappings":";;;;AAKO,IAAM,QAAQ,GAAG,UAAC,KAAoB,EAAA;IACnC,IAAA,QAAQ,GAAmB,KAAK,CAAxB,QAAA,EAAK,SAAS,GAAA,MAAA,CAAK,KAAK,EAAlC,CAA0B,UAAA,CAAA,CAAF;AACtB,IAAA,IAAA,IAAI,GAAK,iBAAiB,CAAC,KAAK,CAAC,KAA7B;AACZ,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,QAAA,CAAA,EAAA,oBAAA,EAAuB,UAAU,EAAC,SAAS,EAAE,IAAI,EAAA,EAAM,SAAS,CAAA,EAC7D,QAAQ,CACN;AAET;;;;"}

package/build/esm/components/TableRow/TableRowStyles.d.ts

@@ -0,0 +1 @@
+export declare const useTableRowStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"root">;

package/build/esm/components/TableRow/TableRowStyles.js

@@ -0,0 +1,12 @@
+import { makeStyles } from '@material-ui/core';
+
+var useTableRowStyles = makeStyles(function (theme) { return ({
+    root: function () { return ({
+        '&:nth-child(even)': {
+            backgroundColor: theme.palette.grey[100],
+        },
+    }); },
+}); });
+
+export { useTableRowStyles };
+//# sourceMappingURL=TableRowStyles.js.map

package/build/esm/components/TableRow/TableRowStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableRowStyles.js","sources":["../../../../src/components/TableRow/TableRowStyles.ts"],"sourcesContent":["import { makeStyles } from '@material-ui/core'\n\nexport const useTableRowStyles = makeStyles((theme) => ({\n  root: () => ({\n    '&:nth-child(even)': {\n      backgroundColor: theme.palette.grey[100],\n    },\n  }),\n}))\n"],"names":[],"mappings":";;AAEa,IAAA,iBAAiB,GAAG,UAAU,CAAC,UAAC,KAAK,EAAK,EAAA,QAAC;IACtD,IAAI,EAAE,YAAM,EAAA,QAAC;AACX,QAAA,mBAAmB,EAAE;YACnB,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACzC,SAAA;AACF,KAAA,IAAC;CACH,EAAC,EAAA;;;;"}

package/build/esm/components/TableRow/index.d.ts

@@ -0,0 +1 @@
+export { TableRow } from './TableRow';

package/build/esm/components/index.d.ts

@@ -0,0 +1,10 @@
+export { Table, TableProps } from './Table';
+export { RowActions, RowActionsProps } from './RowActions';
+export { GlobalFilter } from './GlobalFilter';
+export { TableBody } from './TableBody';
+export { TableCell } from './TableCell';
+export { TableFooter } from './TableFooter';
+export { TableHeader } from './TableHeader';
+export { TableHeaderCell, TableHeaderCellProps } from './TableHeaderCell';
+export { TableHeaderRow } from './TableHeaderRow';
+export { TableRow } from './TableRow';

package/build/esm/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export { useColumnFilters } from './useColumnFilters';
+export { useStagedColumnFilters } from './useStagedColumnFilters';

package/build/esm/hooks/useColumnFilters.d.ts

@@ -0,0 +1,9 @@
+import { ColumnFilter, Table } from '@tanstack/react-table';
+export declare const useColumnFilters: (table: Table<unknown>) => {
+    selectedColumnFilters: ColumnFilter[];
+    columnFilters: any[];
+    hasColumnFilters: boolean;
+    deselectColumnFilter: (columnFilter: ColumnFilter) => void;
+    formatSelectedFilterText: (columnFilter: ColumnFilter) => [string, string];
+    resetColumnFilters: (defaultState?: boolean | undefined) => void;
+};

package/build/esm/hooks/useColumnFilters.js

@@ -0,0 +1,74 @@
+import { __spreadArray, __assign } from 'tslib';
+
+var useColumnFilters = function (table) {
+    var selectedColumnFilters = getSelectedColumnFilters(table.getState());
+    var columnFilters = getColumnFilters(table.getAllFlatColumns());
+    var hasColumnFilters = columnFilters.length > 0;
+    var deselectColumnFilter = makeDeselectColumnFilter(table);
+    var formatSelectedFilterText = makeFormatSelectedFilterText(table);
+    var resetColumnFilters = table.resetColumnFilters;
+    return {
+        selectedColumnFilters: selectedColumnFilters,
+        columnFilters: columnFilters,
+        hasColumnFilters: hasColumnFilters,
+        deselectColumnFilter: deselectColumnFilter,
+        formatSelectedFilterText: formatSelectedFilterText,
+        resetColumnFilters: resetColumnFilters,
+    };
+};
+function getSelectedColumnFilters(state) {
+    var columnFilters = state.columnFilters;
+    var selectedColumnFilters = columnFilters.reduce(function (acc, columnFilter) {
+        var id = columnFilter.id, value = columnFilter.value;
+        var selections = [];
+        if (value) {
+            if (Array.isArray(value)) {
+                value.forEach(function (innerValue) {
+                    selections.push({ id: id, value: innerValue });
+                });
+            }
+            else if (typeof value === 'string' || typeof value === 'number') {
+                selections.push({ id: id, value: value });
+            }
+        }
+        return __spreadArray(__spreadArray([], acc), selections);
+    }, []);
+    return selectedColumnFilters;
+}
+function getColumnFilters(columns) {
+    return columns
+        .map(function (column) {
+        var meta = column.columnDef.meta;
+        if (meta === null || meta === void 0 ? void 0 : meta.filter) {
+            return __assign({ columnId: column.id }, meta.filter);
+        }
+    })
+        .filter(Boolean);
+}
+function makeDeselectColumnFilter(table) {
+    return function (columnFilter) {
+        var column = table.getColumn(columnFilter.id);
+        column.setFilterValue(function (prev) {
+            if (Array.isArray(prev)) {
+                return prev.filter(function (value) { return value !== columnFilter.value; });
+            }
+            else if (typeof prev === 'string' || typeof prev === 'number') {
+                return null;
+            }
+            return prev;
+        });
+    };
+}
+function makeFormatSelectedFilterText(table) {
+    return function (columnFilter) {
+        var column = table.getColumn(columnFilter.id);
+        var meta = column.columnDef.meta;
+        var name = (meta === null || meta === void 0 ? void 0 : meta.filter.name) || '';
+        var optionMatch = meta === null || meta === void 0 ? void 0 : meta.filter.options.find(function (option) { return option.value === columnFilter.value; });
+        var label = optionMatch === null || optionMatch === void 0 ? void 0 : optionMatch.label;
+        return [name, label];
+    };
+}
+
+export { useColumnFilters };
+//# sourceMappingURL=useColumnFilters.js.map

package/build/esm/hooks/useColumnFilters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useColumnFilters.js","sources":["../../../src/hooks/useColumnFilters.ts"],"sourcesContent":["import { Column, ColumnFilter, Table, TableState } from '@tanstack/react-table'\n\nexport const useColumnFilters = (table: Table<unknown>) => {\n  const selectedColumnFilters = getSelectedColumnFilters(table.getState())\n  const columnFilters = getColumnFilters(table.getAllFlatColumns())\n  const hasColumnFilters = columnFilters.length > 0\n  const deselectColumnFilter = makeDeselectColumnFilter(table)\n  const formatSelectedFilterText = makeFormatSelectedFilterText(table)\n  const resetColumnFilters = table.resetColumnFilters\n  return {\n    selectedColumnFilters,\n    columnFilters,\n    hasColumnFilters,\n    deselectColumnFilter,\n    formatSelectedFilterText,\n    resetColumnFilters,\n  }\n}\n\nfunction getSelectedColumnFilters(state: TableState) {\n  const { columnFilters } = state\n  const selectedColumnFilters = columnFilters.reduce((acc: Array<ColumnFilter>, columnFilter: ColumnFilter) => {\n    const { id, value } = columnFilter\n    const selections = []\n    if (value) {\n      if (Array.isArray(value)) {\n        value.forEach((innerValue) => {\n          selections.push({ id, value: innerValue })\n        })\n      } else if (typeof value === 'string' || typeof value === 'number') {\n        selections.push({ id, value })\n      }\n    }\n    return [...acc, ...selections]\n  }, [])\n  return selectedColumnFilters\n}\n\nfunction getColumnFilters(columns: Array<Column<unknown>>) {\n  return columns\n    .map((column) => {\n      const { meta } = column.columnDef as { meta: any }\n      if (meta?.filter) {\n        return { columnId: column.id, ...meta.filter }\n      }\n    })\n    .filter(Boolean)\n}\n\nfunction makeDeselectColumnFilter(table: Table<unknown>) {\n  return function (columnFilter: ColumnFilter) {\n    const column = table.getColumn(columnFilter.id)\n    column.setFilterValue((prev: unknown) => {\n      if (Array.isArray(prev)) {\n        return prev.filter((value) => value !== columnFilter.value)\n      } else if (typeof prev === 'string' || typeof prev === 'number') {\n        return null\n      }\n      return prev\n    })\n  }\n}\n\nfunction makeFormatSelectedFilterText(table: Table<unknown>) {\n  return function (columnFilter: ColumnFilter) {\n    const column = table.getColumn(columnFilter.id)\n    const { meta } = column.columnDef as {\n      meta?: { filter: { name: string; options: Array<{ label: string; value: any }> } }\n    }\n    const name = meta?.filter.name || ''\n    const optionMatch = meta?.filter.options.find((option) => option.value === columnFilter.value)\n    const label = optionMatch?.label\n    return [name, label] as [string, string]\n  }\n}\n"],"names":[],"mappings":"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"}

package/build/esm/hooks/useStagedColumnFilters.d.ts

@@ -0,0 +1,8 @@
+import { ColumnFilter } from '@tanstack/react-table';
+export declare const useStagedColumnFilters: (selectedColumnFilters: ColumnFilter[]) => {
+    update: (columnId: string, value: string | Array<string>) => void;
+    get: (columnId: string) => string | string[] | undefined;
+    clear: () => void;
+    delete: (columnFilter: ColumnFilter) => void;
+    exist: () => boolean;
+};