@popmenu/table 0.125.0 → 0.126.1

package/build/{components → esm/components}/Table/TableStyles.d.ts

@@ -1,2 +1,2 @@
-import { TableProps } from './TableProps';
-export declare const useStyles: (props: TableProps<any>) => import("@material-ui/styles").ClassNameMap<string>;
+import { TableProps } from './TableProps';
+export declare const useStyles: (props: TableProps<any>) => import("@material-ui/styles").ClassNameMap<string>;

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/{components → esm/components}/Table/index.d.ts

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

package/build/{components → esm/components}/TableBody/TableBody.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes, PropsWithChildren } from 'react';
-declare type TableBodyProps = PropsWithChildren<HTMLAttributes<HTMLTableSectionElement>>;
-export declare const TableBody: (props: TableBodyProps) => JSX.Element;
-export {};
+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/{components → esm/components}/TableBody/index.d.ts

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

package/build/{components → esm/components}/TableCell/TableCell.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes, PropsWithChildren } from 'react';
-declare type TableCellProps = PropsWithChildren<HTMLAttributes<HTMLTableCellElement>>;
-export declare const TableCell: (props: TableCellProps) => JSX.Element;
-export {};
+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/{components → esm/components}/TableCell/TableCellStyles.d.ts

@@ -1 +1 @@
-export declare const useTableCellStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"root">;
+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/{components → esm/components}/TableCell/index.d.ts

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

package/build/{components → esm/components}/TableContext/index.d.ts

@@ -1,16 +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 {};
+/// <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/{components → esm/components}/TableControlsContainer/TableControlsContainer.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-import { TableControlsContainerProps } from './TableControlsContainerProps';
-export declare const TableControlsContainer: (props: TableControlsContainerProps) => JSX.Element;
+/// <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/{components → esm/components}/TableControlsContainer/TableControlsContainerProps.d.ts

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

package/build/{components → esm/components}/TableControlsContainer/index.d.ts

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

package/build/{components → esm/components}/TableFooter/TableFooter.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes, PropsWithChildren } from 'react';
-declare type TableFooterProps = PropsWithChildren<HTMLAttributes<HTMLDivElement>>;
-export declare const TableFooter: (props: TableFooterProps) => JSX.Element;
-export {};
+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/{components → esm/components}/TableFooter/index.d.ts

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

package/build/{components → esm/components}/TableHeader/TableHeader.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes, PropsWithChildren } from 'react';
-declare type TableHeadProps = PropsWithChildren<HTMLAttributes<HTMLTableSectionElement>>;
-export declare const TableHeader: (props: TableHeadProps) => JSX.Element;
-export {};
+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/{components → esm/components}/TableHeader/index.d.ts

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

package/build/{components → esm/components}/TableHeaderCell/TableHeaderCell.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-import { TableHeaderCellProps } from './TableHeaderCellProps';
-export declare const TableHeaderCell: (props: TableHeaderCellProps) => JSX.Element;
+/// <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,31 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+import { useTheme } from '@material-ui/core';
+import { Box, Icon } from '@popmenu/common-ui';
+import { useStyles } from './TableHeaderCellStyles.js';
+import { Sort, ChevronDown, ChevronUp } from '@popmenu/web-icons';
+import kebabCase_1 from '../../node_modules/lodash/kebabCase.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': kebabCase_1("sort " + idBase + " on " + context.header.column.id) } : {};
+    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 React from 'react'\nimport { useTheme } from '@material-ui/core'\nimport { Box, Icon } from '@popmenu/common-ui'\n\nimport { useStyles } from './TableHeaderCellStyles'\nimport { TableHeaderCellProps } from './TableHeaderCellProps'\nimport { ChevronDown, ChevronUp, Sort } from '@popmenu/web-icons'\nimport kebabCase from 'lodash/kebabCase'\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 ? { 'data-tour-id': kebabCase(`sort ${idBase} on ${context.header.column.id}`) } : {}\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":["kebabCase"],"mappings":";;;;;;;;AASO,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,QAAQ,GAAG,EAAE,cAAc,EAAEA,WAAS,CAAC,OAAA,GAAQ,MAAM,GAAA,MAAA,GAAO,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,EAAI,CAAC,EAAE,GAAG,EAAE;IAE1G,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/{components → esm/components}/TableHeaderCell/TableHeaderCellProps.d.ts

@@ -1,6 +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>;
-}
+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/{components → esm/components}/TableHeaderCell/TableHeaderCellStyles.d.ts

@@ -1,4 +1,4 @@
-import { TableHeaderCellProps } from './TableHeaderCellProps';
-export declare const useStyles: (props: TableHeaderCellProps & {
-    sortable: boolean;
-}) => import("@material-ui/styles").ClassNameMap<string>;
+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/{components → esm/components}/TableHeaderCell/index.d.ts

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

package/build/{components → esm/components}/TableHeaderRow/TableHeaderRow.d.ts

@@ -1,4 +1,4 @@
-import { PropsWithChildren, HTMLAttributes } from 'react';
-declare type TableHaderRowProps = PropsWithChildren<HTMLAttributes<HTMLTableRowElement>>;
-export declare const TableHeaderRow: (props: TableHaderRowProps) => JSX.Element;
-export {};
+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/{components → esm/components}/TableHeaderRow/index.d.ts

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

package/build/{components → esm/components}/TableRow/TableRow.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes, PropsWithChildren } from 'react';
-declare type TableRowProps = PropsWithChildren<HTMLAttributes<HTMLTableRowElement>>;
-export declare const TableRow: (props: TableRowProps) => JSX.Element;
-export {};
+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/{components → esm/components}/TableRow/TableRowStyles.d.ts

@@ -1 +1 @@
-export declare const useTableRowStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"root">;
+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/{components → esm/components}/TableRow/index.d.ts

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

package/build/{components → esm/components}/index.d.ts

@@ -1,10 +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';
+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/{hooks → esm/hooks}/index.d.ts

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

package/build/{hooks → esm/hooks}/useColumnFilters.d.ts

@@ -1,9 +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;
-};
+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;
+};