@popmenu/table 0.126.0 → 0.126.2

package/build/esm/components/FilterPanel/Panel/Panel.js

@@ -0,0 +1,72 @@
+import { __assign } from 'tslib';
+import React, { useContext, useRef } from 'react';
+import { Popover, Paper, Box, Typography } from '@popmenu/common-ui';
+import { useStyles } from './PanelStyles.js';
+import { FilterControl } from '../FilterControl/FilterControl.js';
+import { TableContext } from '../../TableContext/index.js';
+import { useColumnFilters } from '../../../hooks/useColumnFilters.js';
+import { Button } from '@popmenu/admin-ui';
+
+var Panel = function (props) {
+    var anchorEl = props.anchorEl, onClose = props.onClose;
+    var classes = useStyles();
+    var _a = useContext(TableContext), table = _a.table, stagedColumnFilters = _a.stagedColumnFilters, stageFilterSelections = _a.stageFilterSelections;
+    var paperRef = useRef(null);
+    var _b = useColumnFilters(table), columnFilters = _b.columnFilters, resetColumnFilters = _b.resetColumnFilters;
+    var handleClick = function (e) {
+        var _a;
+        var rect = (_a = paperRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
+        if (rect) {
+            var buffer = 10;
+            var mouseX = e.nativeEvent.x;
+            var mouseY = e.nativeEvent.y;
+            var xHit = rect.x - buffer < mouseX && mouseX < rect.x + rect.width + buffer;
+            var yHit = rect.y - buffer < mouseY && mouseY < rect.y + rect.height + buffer;
+            if (!xHit || !yHit) {
+                onClose();
+            }
+        }
+    };
+    var handleApplyClick = function () {
+        if (stagedColumnFilters.exist()) {
+            columnFilters.forEach(function (columnFilter) {
+                var columnInputValue = stagedColumnFilters.get(columnFilter.columnId);
+                if (columnInputValue) {
+                    var column = table.getColumn(columnFilter.columnId);
+                    column.setFilterValue(columnInputValue);
+                }
+            });
+        }
+        else {
+            resetColumnFilters();
+        }
+        onClose();
+    };
+    var handleCancelClick = function () {
+        onClose();
+    };
+    var open = Boolean(anchorEl);
+    return (React.createElement(Popover, { onClick: handleClick, anchorEl: anchorEl, anchorOrigin: {
+            vertical: 'bottom',
+            horizontal: 'right',
+        }, className: classes.filterPopover, onClose: onClose, open: open, PaperProps: {
+            style: {
+                backgroundColor: 'transparent',
+                boxShadow: 'none',
+                borderRadius: 0,
+            },
+        }, transformOrigin: {
+            vertical: 'top',
+            horizontal: 'right',
+        } },
+        React.createElement(Paper, { className: classes.filterPopoverContents, elevation: 2 },
+            React.createElement(Box, __assign({}, { ref: paperRef }, { padding: 3 }),
+                React.createElement(Typography, { className: classes.menuTitle }, "Filter By"),
+                columnFilters.map(function (columnFilter, i) { return (React.createElement(FilterControl, __assign({}, columnFilter, { key: i }))); })),
+            stageFilterSelections && (React.createElement(Box, { className: classes.buttonBox },
+                React.createElement(Button, { variant: "secondary", onClick: handleCancelClick }, "Cancel"),
+                React.createElement(Button, { onClick: handleApplyClick }, "Apply"))))));
+};
+
+export { Panel };
+//# sourceMappingURL=Panel.js.map

package/build/esm/components/FilterPanel/Panel/Panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Panel.js","sources":["../../../../../src/components/FilterPanel/Panel/Panel.tsx"],"sourcesContent":["import React, { MouseEvent, useContext, useRef } from 'react'\nimport { Paper, Box, Typography, Popover } from '@popmenu/common-ui'\n\nimport { useStyles } from './PanelStyles'\nimport { FilterControl } from '../FilterControl'\nimport { TableContext } from '../../TableContext'\nimport { useColumnFilters } from '../../../hooks'\nimport { Button } from '@popmenu/admin-ui'\n\ntype PanelProps = {\n  anchorEl: null | Element\n  onClose: () => void\n}\n\nexport const Panel = (props: PanelProps) => {\n  const { anchorEl, onClose } = props\n  const classes = useStyles()\n  const { table, stagedColumnFilters, stageFilterSelections } = useContext(TableContext)\n  const paperRef = useRef<HTMLDivElement>(null)\n  const { columnFilters, resetColumnFilters } = useColumnFilters(table)\n\n  const handleClick = (e: MouseEvent) => {\n    const rect = paperRef.current?.getBoundingClientRect()\n    if (rect) {\n      const buffer = 10\n      const mouseX = e.nativeEvent.x\n      const mouseY = e.nativeEvent.y\n      const xHit = rect.x - buffer < mouseX && mouseX < rect.x + rect.width + buffer\n      const yHit = rect.y - buffer < mouseY && mouseY < rect.y + rect.height + buffer\n      if (!xHit || !yHit) {\n        onClose()\n      }\n    }\n  }\n\n  const handleApplyClick = () => {\n    if (stagedColumnFilters.exist()) {\n      columnFilters.forEach((columnFilter) => {\n        const columnInputValue = stagedColumnFilters.get(columnFilter.columnId)\n        if (columnInputValue) {\n          const column = table.getColumn(columnFilter.columnId)\n          column.setFilterValue(columnInputValue)\n        }\n      })\n    } else {\n      resetColumnFilters()\n    }\n    onClose()\n  }\n\n  const handleCancelClick = () => {\n    onClose()\n  }\n  const open = Boolean(anchorEl)\n  return (\n    <Popover\n      onClick={handleClick}\n      anchorEl={anchorEl}\n      anchorOrigin={{\n        vertical: 'bottom',\n        horizontal: 'right',\n      }}\n      className={classes.filterPopover}\n      onClose={onClose}\n      open={open}\n      PaperProps={{\n        style: {\n          backgroundColor: 'transparent',\n          boxShadow: 'none',\n          borderRadius: 0,\n        },\n      }}\n      transformOrigin={{\n        vertical: 'top',\n        horizontal: 'right',\n      }}\n    >\n      <Paper className={classes.filterPopoverContents} elevation={2}>\n        <Box {...{ ref: paperRef }} padding={3}>\n          <Typography className={classes.menuTitle}>Filter By</Typography>\n          {columnFilters.map((columnFilter, i) => (\n            <FilterControl {...columnFilter} key={i} />\n          ))}\n        </Box>\n        {stageFilterSelections && (\n          <Box className={classes.buttonBox}>\n            <Button variant=\"secondary\" onClick={handleCancelClick}>\n              Cancel\n            </Button>\n            <Button onClick={handleApplyClick}>Apply</Button>\n          </Box>\n        )}\n      </Paper>\n    </Popover>\n  )\n}\n"],"names":[],"mappings":"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"}

package/build/esm/components/FilterPanel/Panel/PanelStyles.d.ts

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

package/build/esm/components/FilterPanel/Panel/PanelStyles.js

@@ -0,0 +1,58 @@
+import { makeStyles } from '@material-ui/core';
+
+var useStyles = makeStyles(function (theme) { return ({
+    buttonBox: {
+        '& > :last-child': {
+            marginLeft: theme.spacing(2),
+        },
+        display: 'flex',
+        justifyContent: 'flex-end',
+        padding: "0px " + theme.spacing(3) + "px " + theme.spacing(3) + "px " + theme.spacing(3) + "px",
+    },
+    buttonLabel: {
+        fontWeight: 400,
+    },
+    filterPopoverContents: {
+        backgroundColor: 'white',
+        borderRadius: theme.spacing(1),
+        position: 'relative',
+        margin: '10px',
+        marginTop: theme.spacing(2),
+        width: '323px',
+        '&::before': {
+            backgroundColor: 'white',
+            borderRadius: theme.spacing(0.5),
+            content: '""',
+            display: 'block',
+            filter: 'drop-shadow(4px 4px 3px rgba(0, 0, 0, 0.14)) drop-shadow(0px 1px 5px rgba(0, 0, 0, 0.12))',
+            position: 'absolute',
+            width: theme.spacing(2.5),
+            height: theme.spacing(2.5),
+            top: -7,
+            transform: 'rotate(45deg)',
+            left: 'calc(90% - 12px)',
+            zIndex: 0,
+        },
+        '&::after': {
+            backgroundColor: 'white',
+            content: '""',
+            display: 'block',
+            position: 'absolute',
+            top: 0,
+            left: 'calc(80%)',
+            width: theme.spacing(6),
+            height: theme.spacing(4),
+        },
+    },
+    menuTitle: {
+        fontWeight: 400,
+        fontSize: '20px',
+        paddingBottom: theme.spacing(2),
+    },
+    selectInput: {
+        margin: '8px 0',
+    },
+}); });
+
+export { useStyles };
+//# sourceMappingURL=PanelStyles.js.map

package/build/esm/components/FilterPanel/Panel/PanelStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelStyles.js","sources":["../../../../../src/components/FilterPanel/Panel/PanelStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core'\n\nexport const useStyles = makeStyles<Theme>((theme) => ({\n  buttonBox: {\n    '& > :last-child': {\n      marginLeft: theme.spacing(2),\n    },\n    display: 'flex',\n    justifyContent: 'flex-end',\n    padding: `0px ${theme.spacing(3)}px ${theme.spacing(3)}px ${theme.spacing(3)}px`,\n  },\n  buttonLabel: {\n    fontWeight: 400,\n  },\n  filterPopoverContents: {\n    backgroundColor: 'white',\n    borderRadius: theme.spacing(1),\n    position: 'relative',\n    margin: '10px',\n    marginTop: theme.spacing(2),\n    width: '323px',\n    '&::before': {\n      backgroundColor: 'white',\n      borderRadius: theme.spacing(0.5),\n      content: '\"\"',\n      display: 'block',\n      filter: 'drop-shadow(4px 4px 3px rgba(0, 0, 0, 0.14)) drop-shadow(0px 1px 5px rgba(0, 0, 0, 0.12))',\n      position: 'absolute',\n      width: theme.spacing(2.5),\n      height: theme.spacing(2.5),\n      top: -7,\n      transform: 'rotate(45deg)',\n      left: 'calc(90% - 12px)',\n      zIndex: 0,\n    },\n    '&::after': {\n      backgroundColor: 'white',\n      content: '\"\"',\n      display: 'block',\n      position: 'absolute',\n      top: 0,\n      left: 'calc(80%)',\n      width: theme.spacing(6),\n      height: theme.spacing(4),\n    },\n  },\n  menuTitle: {\n    fontWeight: 400,\n    fontSize: '20px',\n    paddingBottom: theme.spacing(2),\n  },\n  selectInput: {\n    margin: '8px 0',\n  },\n}))\n"],"names":[],"mappings":";;AAEa,IAAA,SAAS,GAAG,UAAU,CAAQ,UAAC,KAAK,EAAK,EAAA,QAAC;AACrD,IAAA,SAAS,EAAE;AACT,QAAA,iBAAiB,EAAE;AACjB,YAAA,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAC7B,SAAA;AACD,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,cAAc,EAAE,UAAU;QAC1B,OAAO,EAAE,SAAO,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,GAAA,KAAA,GAAM,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,GAAM,KAAA,GAAA,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,GAAI,IAAA;AACjF,KAAA;AACD,IAAA,WAAW,EAAE;AACX,QAAA,UAAU,EAAE,GAAG;AAChB,KAAA;AACD,IAAA,qBAAqB,EAAE;AACrB,QAAA,eAAe,EAAE,OAAO;AACxB,QAAA,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAC9B,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,MAAM,EAAE,MAAM;AACd,QAAA,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAC3B,QAAA,KAAK,EAAE,OAAO;AACd,QAAA,WAAW,EAAE;AACX,YAAA,eAAe,EAAE,OAAO;AACxB,YAAA,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;AAChC,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,OAAO,EAAE,OAAO;AAChB,YAAA,MAAM,EAAE,2FAA2F;AACnG,YAAA,QAAQ,EAAE,UAAU;AACpB,YAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;AACzB,YAAA,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;YAC1B,GAAG,EAAE,EAAE;AACP,YAAA,SAAS,EAAE,eAAe;AAC1B,YAAA,IAAI,EAAE,kBAAkB;AACxB,YAAA,MAAM,EAAE,CAAC;AACV,SAAA;AACD,QAAA,UAAU,EAAE;AACV,YAAA,eAAe,EAAE,OAAO;AACxB,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,OAAO,EAAE,OAAO;AAChB,YAAA,QAAQ,EAAE,UAAU;AACpB,YAAA,GAAG,EAAE,CAAC;AACN,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AACvB,YAAA,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AACzB,SAAA;AACF,KAAA;AACD,IAAA,SAAS,EAAE;AACT,QAAA,UAAU,EAAE,GAAG;AACf,QAAA,QAAQ,EAAE,MAAM;AAChB,QAAA,aAAa,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAChC,KAAA;AACD,IAAA,WAAW,EAAE;AACX,QAAA,MAAM,EAAE,OAAO;AAChB,KAAA;CACF,EAAC,EAAA;;;;"}

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

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

package/build/esm/components/FilterPanel/Trigger/Trigger.d.ts

@@ -0,0 +1,7 @@
+import { SyntheticEvent } from 'react';
+declare type FitlerPanelTriggerProps = {
+    onClick: (event: SyntheticEvent) => void;
+    label?: string;
+};
+export declare const Trigger: (props: FitlerPanelTriggerProps) => JSX.Element;
+export {};

package/build/esm/components/FilterPanel/Trigger/Trigger.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon } from '@popmenu/common-ui';
+import { Button } from '@popmenu/admin-ui';
+import { Filter } from '@popmenu/web-icons';
+import { useStyles } from './TriggerStyles.js';
+
+var Trigger = function (props) {
+    var _a = props.label, label = _a === void 0 ? 'Filter' : _a, onClick = props.onClick;
+    var classes = useStyles();
+    return (React.createElement(Button, { className: classes.root, onClick: onClick, startIcon: React.createElement(Icon, { icon: Filter }), textTransform: "none", variant: "ghost" }, label));
+};
+
+export { Trigger };
+//# sourceMappingURL=Trigger.js.map

package/build/esm/components/FilterPanel/Trigger/Trigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Trigger.js","sources":["../../../../../src/components/FilterPanel/Trigger/Trigger.tsx"],"sourcesContent":["import React, { SyntheticEvent } from 'react'\nimport { Icon } from '@popmenu/common-ui'\nimport { Button } from '@popmenu/admin-ui'\nimport { Filter } from '@popmenu/web-icons'\nimport { useStyles } from './TriggerStyles'\n\ntype FitlerPanelTriggerProps = {\n  onClick: (event: SyntheticEvent) => void\n  label?: string\n}\n\nexport const Trigger = (props: FitlerPanelTriggerProps) => {\n  const { label = 'Filter', onClick } = props\n  const classes = useStyles()\n  return (\n    <Button\n      className={classes.root}\n      onClick={onClick}\n      startIcon={<Icon icon={Filter} />}\n      textTransform=\"none\"\n      variant=\"ghost\"\n    >\n      {label}\n    </Button>\n  )\n}\n"],"names":[],"mappings":";;;;;;AAWO,IAAM,OAAO,GAAG,UAAC,KAA8B,EAAA;AAC5C,IAAA,IAAA,EAA8B,GAAA,KAAK,CAAnB,KAAA,EAAhB,KAAK,GAAA,EAAA,KAAA,MAAA,GAAG,QAAQ,GAAA,EAAA,EAAE,OAAO,GAAK,KAAK,QAAV;AACjC,IAAA,IAAM,OAAO,GAAG,SAAS,EAAE;AAC3B,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EACL,SAAS,EAAE,OAAO,CAAC,IAAI,EACvB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,MAAM,EAAI,CAAA,EACjC,aAAa,EAAC,MAAM,EACpB,OAAO,EAAC,OAAO,EAAA,EAEd,KAAK,CACC;AAEb;;;;"}

package/build/esm/components/FilterPanel/Trigger/TriggerStyles.d.ts

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

package/build/esm/components/FilterPanel/Trigger/TriggerStyles.js

@@ -0,0 +1,11 @@
+import { makeStyles } from '@material-ui/core';
+
+var useStyles = makeStyles({
+    root: {
+        justifySelf: 'end',
+        gridArea: 'columnFilter',
+    },
+});
+
+export { useStyles };
+//# sourceMappingURL=TriggerStyles.js.map

package/build/esm/components/FilterPanel/Trigger/TriggerStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TriggerStyles.js","sources":["../../../../../src/components/FilterPanel/Trigger/TriggerStyles.ts"],"sourcesContent":["import { makeStyles } from '@material-ui/core'\n\nexport const useStyles = makeStyles({\n  root: {\n    justifySelf: 'end',\n    gridArea: 'columnFilter',\n  },\n})\n"],"names":[],"mappings":";;AAEO,IAAM,SAAS,GAAG,UAAU,CAAC;AAClC,IAAA,IAAI,EAAE;AACJ,QAAA,WAAW,EAAE,KAAK;AAClB,QAAA,QAAQ,EAAE,cAAc;AACzB,KAAA;AACF,CAAA;;;;"}

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

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

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

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

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

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

package/build/esm/components/GlobalFilter/GlobalFilter.js

@@ -0,0 +1,21 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+import { TextField, InputAdornment } from '@material-ui/core';
+import { Icon } from '@popmenu/common-ui';
+import { Search } from '@popmenu/web-icons';
+import { useStyles } from './GlobalFilterStyles.js';
+
+var GlobalFilter = function (props) {
+    var value = props.value, setValue = props.setValue, restProps = __rest(props, ["value", "setValue"]);
+    var classes = useStyles();
+    var handleChange = function (e) {
+        setValue(e.target.value);
+    };
+    return (React.createElement(TextField, __assign({ className: classes.root, variant: "outlined", value: value, onChange: handleChange, InputProps: {
+            startAdornment: (React.createElement(InputAdornment, { position: "start" },
+                React.createElement(Icon, { icon: Search }))),
+        } }, restProps)));
+};
+
+export { GlobalFilter };
+//# sourceMappingURL=GlobalFilter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GlobalFilter.js","sources":["../../../../src/components/GlobalFilter/GlobalFilter.tsx"],"sourcesContent":["import React, { ChangeEventHandler } from 'react'\nimport { InputAdornment, TextField } from '@material-ui/core'\n\nimport { Icon } from '@popmenu/common-ui'\nimport { Search } from '@popmenu/web-icons'\nimport { useStyles } from './GlobalFilterStyles'\nimport { GlobalFilterProps } from './GlobalFilterProps'\n\nexport const GlobalFilter = (props: GlobalFilterProps) => {\n  const { value, setValue, ...restProps } = props\n  const classes = useStyles()\n  const handleChange: ChangeEventHandler<HTMLInputElement> = (e) => {\n    setValue(e.target.value)\n  }\n  return (\n    <TextField\n      className={classes.root}\n      variant=\"outlined\"\n      value={value}\n      onChange={handleChange}\n      InputProps={{\n        startAdornment: (\n          <InputAdornment position=\"start\">\n            <Icon icon={Search} />\n          </InputAdornment>\n        ),\n      }}\n      {...restProps}\n    />\n  )\n}\n"],"names":[],"mappings":";;;;;;;AAQO,IAAM,YAAY,GAAG,UAAC,KAAwB,EAAA;AAC3C,IAAA,IAAA,KAAK,GAA6B,KAAK,CAAlC,KAAA,EAAE,QAAQ,GAAmB,KAAK,CAAxB,QAAA,EAAK,SAAS,GAAK,MAAA,CAAA,KAAK,EAAzC,CAAA,OAAA,EAAA,UAAA,CAAiC,CAAF;AACrC,IAAA,IAAM,OAAO,GAAG,SAAS,EAAE;IAC3B,IAAM,YAAY,GAAyC,UAAC,CAAC,EAAA;AAC3D,QAAA,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;AAC1B,KAAC;IACD,QACE,oBAAC,SAAS,EAAA,QAAA,CAAA,EACR,SAAS,EAAE,OAAO,CAAC,IAAI,EACvB,OAAO,EAAC,UAAU,EAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,EACtB,UAAU,EAAE;AACV,YAAA,cAAc,GACZ,KAAA,CAAA,aAAA,CAAC,cAAc,EAAC,EAAA,QAAQ,EAAC,OAAO,EAAA;AAC9B,gBAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAC,EAAA,IAAI,EAAE,MAAM,EAAA,CAAI,CACP,CAClB;SACF,EACG,EAAA,SAAS,CACb,CAAA;AAEN;;;;"}

package/build/esm/components/GlobalFilter/GlobalFilterProps.d.ts

@@ -0,0 +1,7 @@
+import { OutlinedTextFieldProps } from '@material-ui/core';
+export interface GlobalFilterProps extends Omit<OutlinedTextFieldProps, 'variant'> {
+    /** the value of global filter from table instance */
+    value: string;
+    /** the setter for value of global filter from table instance */
+    setValue: (value: string) => void;
+}

package/build/esm/components/GlobalFilter/GlobalFilterStyles.d.ts

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

package/build/esm/components/GlobalFilter/GlobalFilterStyles.js

@@ -0,0 +1,14 @@
+import { makeStyles } from '@material-ui/core';
+
+var useStyles = makeStyles({
+    root: {
+        justifySelf: 'start',
+        maxWidth: 300,
+        minWidth: 200,
+        width: '100%',
+        gridArea: 'globalFilter',
+    },
+});
+
+export { useStyles };
+//# sourceMappingURL=GlobalFilterStyles.js.map

package/build/esm/components/GlobalFilter/GlobalFilterStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlobalFilterStyles.js","sources":["../../../../src/components/GlobalFilter/GlobalFilterStyles.ts"],"sourcesContent":["import { makeStyles } from '@material-ui/core'\n\nexport const useStyles = makeStyles({\n  root: {\n    justifySelf: 'start',\n    maxWidth: 300,\n    minWidth: 200,\n    width: '100%',\n    gridArea: 'globalFilter',\n  },\n})\n"],"names":[],"mappings":";;AAEO,IAAM,SAAS,GAAG,UAAU,CAAC;AAClC,IAAA,IAAI,EAAE;AACJ,QAAA,WAAW,EAAE,OAAO;AACpB,QAAA,QAAQ,EAAE,GAAG;AACb,QAAA,QAAQ,EAAE,GAAG;AACb,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,QAAQ,EAAE,cAAc;AACzB,KAAA;AACF,CAAA;;;;"}

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

@@ -0,0 +1,2 @@
+export { GlobalFilter } from './GlobalFilter';
+export { GlobalFilterProps } from './GlobalFilterProps';

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

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

package/build/esm/components/RowActions/RowActions.js

@@ -0,0 +1,42 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+import { More } from '@popmenu/web-icons';
+import { Box, Tooltip, IconButton, Icon, Menu, MenuItem } from '@popmenu/common-ui';
+import { validateAction } from '../../util/validateRowAction.js';
+
+var RowActions = function (props) {
+    var context = props.context, actions = props.actions;
+    var validActions = actions.filter(validateAction);
+    var _a = React.useState(null), anchorEl = _a[0], setAnchorEl = _a[1];
+    var openMenu = function (event) {
+        setAnchorEl(event.currentTarget);
+    };
+    var closeMenu = function () {
+        setAnchorEl(null);
+    };
+    var actionsCount = validActions.length;
+    var mainActions;
+    var overflowActions;
+    if (actionsCount <= 3) {
+        mainActions = validActions;
+    }
+    else {
+        var firstAction = validActions[0], secondAction = validActions[1], restActions = validActions.slice(2);
+        mainActions = [firstAction, secondAction];
+        overflowActions = restActions;
+    }
+    return (React.createElement(Box, { display: "flex" },
+        mainActions.map(function (_a) {
+            var label = _a.label, onClick = _a.onClick, icon = _a.icon, restProps = __rest(_a, ["label", "onClick", "icon"]);
+            return (React.createElement(Tooltip, { title: label, key: label },
+                React.createElement(IconButton, __assign({ size: "small", onClick: function () { return onClick(context); } }, restProps),
+                    React.createElement(Icon, { icon: icon }))));
+        }),
+        overflowActions && (React.createElement(React.Fragment, null,
+            React.createElement(IconButton, { size: "small", onClick: openMenu },
+                React.createElement(Icon, { icon: More })),
+            React.createElement(Menu, { anchorEl: anchorEl, open: Boolean(anchorEl), onClose: closeMenu }, overflowActions.map(function (action) { return (React.createElement(MenuItem, { key: action.label, onClick: function () { return action.onClick(context); } }, action.label)); }))))));
+};
+
+export { RowActions };
+//# sourceMappingURL=RowActions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RowActions.js","sources":["../../../../src/components/RowActions/RowActions.tsx"],"sourcesContent":["import React, { MouseEvent } from 'react'\nimport { More } from '@popmenu/web-icons'\nimport { RowActionsProps } from './RowActionsProps'\nimport { Tooltip, IconButton, Icon, Box, Menu, MenuItem } from '@popmenu/common-ui'\n\nimport { validateAction } from '../../util/validateRowAction'\n\nexport const RowActions = (props: RowActionsProps) => {\n  const { context, actions } = props\n  const validActions = actions.filter(validateAction)\n  const [anchorEl, setAnchorEl] = React.useState<(EventTarget & Element) | null>(null)\n  const openMenu = (event: MouseEvent) => {\n    setAnchorEl(event.currentTarget)\n  }\n  const closeMenu = () => {\n    setAnchorEl(null)\n  }\n  const actionsCount = validActions.length\n  let mainActions\n  let overflowActions\n  if (actionsCount <= 3) {\n    mainActions = validActions\n  } else {\n    const [firstAction, secondAction, ...restActions] = validActions\n    mainActions = [firstAction, secondAction]\n    overflowActions = restActions\n  }\n\n  return (\n    <Box display=\"flex\">\n      {mainActions.map(({ label, onClick, icon, ...restProps }) => (\n        <Tooltip title={label} key={label}>\n          <IconButton size=\"small\" onClick={() => onClick(context)} {...restProps}>\n            <Icon icon={icon} />\n          </IconButton>\n        </Tooltip>\n      ))}\n      {overflowActions && (\n        <>\n          <IconButton size=\"small\" onClick={openMenu}>\n            <Icon icon={More} />\n          </IconButton>\n          <Menu anchorEl={anchorEl} open={Boolean(anchorEl)} onClose={closeMenu}>\n            {overflowActions.map((action) => (\n              <MenuItem key={action.label} onClick={() => action.onClick(context)}>\n                {action.label}\n              </MenuItem>\n            ))}\n          </Menu>\n        </>\n      )}\n    </Box>\n  )\n}\n"],"names":[],"mappings":";;;;;;AAOO,IAAM,UAAU,GAAG,UAAC,KAAsB,EAAA;IACvC,IAAA,OAAO,GAAc,KAAK,CAAA,OAAnB,EAAE,OAAO,GAAK,KAAK,CAAA,OAAV;IACxB,IAAM,YAAY,GAAG,OAAO,CAAC,MAAM,CAAC,cAAc,CAAC;AAC7C,IAAA,IAAA,EAA0B,GAAA,KAAK,CAAC,QAAQ,CAAiC,IAAI,CAAC,EAA7E,QAAQ,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,WAAW,QAAwD;IACpF,IAAM,QAAQ,GAAG,UAAC,KAAiB,EAAA;AACjC,QAAA,WAAW,CAAC,KAAK,CAAC,aAAa,CAAC;AAClC,KAAC;AACD,IAAA,IAAM,SAAS,GAAG,YAAA;QAChB,WAAW,CAAC,IAAI,CAAC;AACnB,KAAC;AACD,IAAA,IAAM,YAAY,GAAG,YAAY,CAAC,MAAM;AACxC,IAAA,IAAI,WAAW;AACf,IAAA,IAAI,eAAe;IACnB,IAAI,YAAY,IAAI,CAAC,EAAE;QACrB,WAAW,GAAG,YAAY;AAC3B;AAAM,SAAA;AACE,QAAA,IAAA,WAAW,GAAkC,YAAY,CAAA,CAAA,CAA9C,EAAE,YAAY,GAAoB,YAAY,CAAA,CAAA,CAAhC,EAAK,WAAW,GAAI,YAAY,SAAhB;AAChD,QAAA,WAAW,GAAG,CAAC,WAAW,EAAE,YAAY,CAAC;QACzC,eAAe,GAAG,WAAW;AAC9B;AAED,IAAA,QACE,KAAC,CAAA,aAAA,CAAA,GAAG,EAAC,EAAA,OAAO,EAAC,MAAM,EAAA;AAChB,QAAA,WAAW,CAAC,GAAG,CAAC,UAAC,EAAsC,EAAA;AAApC,YAAA,IAAA,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA,EAAE,IAAI,GAAA,EAAA,CAAA,IAAA,EAAK,SAAS,GAApC,MAAA,CAAA,EAAA,EAAA,CAAA,OAAA,EAAA,SAAA,EAAA,MAAA,CAAsC,CAAF;YAAO,QAC3D,KAAC,CAAA,aAAA,CAAA,OAAO,EAAC,EAAA,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAA;AAC/B,gBAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAC,QAAA,CAAA,EAAA,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,YAAM,EAAA,OAAA,OAAO,CAAC,OAAO,CAAC,CAAhB,EAAgB,IAAM,SAAS,CAAA;oBACrE,KAAC,CAAA,aAAA,CAAA,IAAI,IAAC,IAAI,EAAE,IAAI,EAAI,CAAA,CACT,CACL;SACX,CAAC;AACD,QAAA,eAAe,KACd,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA;YACE,KAAC,CAAA,aAAA,CAAA,UAAU,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,QAAQ,EAAA;AACxC,gBAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAC,EAAA,IAAI,EAAE,IAAI,GAAI,CACT;AACb,YAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,SAAS,EAClE,EAAA,eAAe,CAAC,GAAG,CAAC,UAAC,MAAM,EAAA,EAAK,QAC/B,KAAC,CAAA,aAAA,CAAA,QAAQ,EAAC,EAAA,GAAG,EAAE,MAAM,CAAC,KAAK,EAAE,OAAO,EAAE,YAAA,EAAM,OAAA,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA,EAAA,EAAA,EAChE,MAAM,CAAC,KAAK,CACJ,EACZ,EAAA,CAAC,CACG,CACN,CACJ,CACG;AAEV;;;;"}

package/build/esm/components/RowActions/RowActionsProps.d.ts

@@ -0,0 +1,13 @@
+import { FC, SVGProps } from 'react';
+import { CellContext } from '@tanstack/react-table';
+export interface RowAction {
+    icon: FC<SVGProps<SVGSVGElement>>;
+    label: string;
+    onClick: (props: CellContext<any, any>) => void;
+}
+export interface RowActionsProps {
+    /** Expects cellContext from react-table and is passed through to action components */
+    context: CellContext<any, any>;
+    /** List of actions for a given row */
+    actions: Array<RowAction>;
+}

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

@@ -0,0 +1,2 @@
+export { RowActions } from './RowActions';
+export { RowActionsProps } from './RowActionsProps';

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

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { TableProps } from './TableProps';
+declare const defaultTableProps: {
+    enableSortingRemoval: boolean;
+    fullWidth: boolean;
+    paginated: boolean;
+    sortable: boolean;
+    searchable: boolean;
+};
+declare type DefaultTableProps<T> = TableProps<T> & typeof defaultTableProps;
+export declare const Table: {
+    <T>(props: DefaultTableProps<T>): JSX.Element;
+    defaultProps: {
+        enableSortingRemoval: boolean;
+        fullWidth: boolean;
+        paginated: boolean;
+        sortable: boolean;
+        searchable: boolean;
+    };
+};
+export {};

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

@@ -0,0 +1,107 @@
+import { __assign } from 'tslib';
+import React, { useRef, isValidElement, createElement } from 'react';
+import { Typography } from '@material-ui/core';
+import { Pagination } from '@material-ui/lab';
+import { Box, CircularProgress } from '@popmenu/common-ui';
+import { useReactTable, getFilteredRowModel, getSortedRowModel, getCoreRowModel, getPaginationRowModel, flexRender } from '@tanstack/react-table';
+import { TableRow } from '../TableRow/TableRow.js';
+import { TableCell } from '../TableCell/TableCell.js';
+import { TableBody } from '../TableBody/TableBody.js';
+import { useStyles } from './TableStyles.js';
+import { TableHeader } from '../TableHeader/TableHeader.js';
+import { TableFooter } from '../TableFooter/TableFooter.js';
+import { FilterPanel } from '../FilterPanel/FilterPanel.js';
+import { TableContext } from '../TableContext/index.js';
+import { GlobalFilter } from '../GlobalFilter/GlobalFilter.js';
+import { TableHeaderRow } from '../TableHeaderRow/TableHeaderRow.js';
+import { TableHeaderCell } from '../TableHeaderCell/TableHeaderCell.js';
+import { useColumnFilters } from '../../hooks/useColumnFilters.js';
+import { useStagedColumnFilters } from '../../hooks/useStagedColumnFilters.js';
+import { ColumnFilterChip } from '../ColumnFilterChip/ColumnFilterChip.js';
+import { TableControlsContainer } from '../TableControlsContainer/TableControlsContainer.js';
+import { ColumnFilterResetButton } from '../ColumnFilterResetButton/ColumnFilterResetButton.js';
+import { coercedValueIncludesString } from '../../util/coercedValueIncludesString.js';
+import { getTableMinHeight } from '../../util/getTableMinHeight.js';
+
+var defaultTableProps = {
+    enableSortingRemoval: true,
+    fullWidth: true,
+    paginated: true,
+    sortable: false,
+    searchable: false,
+};
+var Table = function (props) {
+    var title = props.title, data = props.data, columns = props.columns, enableSortingRemoval = props.enableSortingRemoval, loading = props.loading, searchable = props.searchable, sortable = props.sortable, externalFilterState = props.filterState, externalGlobalFilterState = props.globalFilterState, externalPaginationState = props.paginationState, externalSortingState = props.sortingState, externalVisibilityState = props.visibilityState, paginated = props.paginated, pageCount = props.pageCount, GlobalFilterProps = props.GlobalFilterProps, Empty = props.Empty, idBase = props.idBase, stageFilterSelections = props.stageFilterSelections;
+    var classes = useStyles(props);
+    var rootRef = useRef(null);
+    // Prepare Empty State
+    var isEmpty = data.length === 0;
+    var isEmptyComponentValid = Empty && isValidElement(createElement(Empty));
+    // Prepare Sorting
+    var _a = externalSortingState || [], sorting = _a[0], setSorting = _a[1];
+    var isControlledColumnSort = Boolean(externalSortingState);
+    var controlledColumnSortOptions = { onSortingChange: setSorting, manualSorting: true };
+    // Prepare Global Filtering
+    var _b = externalGlobalFilterState || [], globalFilter = _b[0], setGlobalFilter = _b[1];
+    var isControlledGlobalFilter = Boolean(externalGlobalFilterState);
+    var controlledGlobalFilterOptions = { onGlobalFilterChange: setGlobalFilter, manualFiltering: true };
+    // Prepare ColumnFiltering
+    var _c = externalFilterState || [], columnFilters = _c[0], setColumnFilters = _c[1];
+    var isControlledColumnFilters = Boolean(externalFilterState);
+    var controlledColumnFiltersOptions = { onColumnFiltersChange: setColumnFilters, manualFiltering: true };
+    // Prepare Pagination
+    var _d = externalPaginationState || [], pagination = _d[0], setPagination = _d[1];
+    var isControlledPagination = Boolean(externalPaginationState && pageCount);
+    var controlledPaginationOptions = { manualPagination: true, onPaginationChange: setPagination, pageCount: pageCount };
+    // Prepare Column Visibility
+    var columnVisibility = (externalVisibilityState || [])[0];
+    var isControlledColumnVisibility = Boolean(externalVisibilityState);
+    // Init table instance
+    var table = useReactTable(__assign(__assign(__assign(__assign(__assign(__assign({ data: data, columns: columns, state: __assign(__assign(__assign(__assign(__assign({}, (isControlledPagination && { pagination: pagination })), (isControlledGlobalFilter && { globalFilter: globalFilter })), (isControlledColumnFilters && { columnFilters: columnFilters })), (isControlledColumnVisibility && { columnVisibility: columnVisibility })), (isControlledColumnSort && { sorting: sorting })), enableSorting: sortable, enableSortingRemoval: enableSortingRemoval, globalFilterFn: coercedValueIncludesString, getCoreRowModel: getCoreRowModel(), getSortedRowModel: getSortedRowModel(), getFilteredRowModel: getFilteredRowModel() }, (paginated && { getPaginationRowModel: getPaginationRowModel() })), (isControlledPagination && controlledPaginationOptions)), (isControlledGlobalFilter && controlledGlobalFilterOptions)), (isControlledColumnFilters && controlledColumnFiltersOptions)), (isControlledColumnSort && controlledColumnSortOptions)), { meta: { idBase: idBase } }));
+    var _f = useColumnFilters(table), selectedColumnFilters = _f.selectedColumnFilters, hasColumnFilters = _f.hasColumnFilters, deselectColumnFilter = _f.deselectColumnFilter, formatSelectedFilterText = _f.formatSelectedFilterText, resetColumnFilters = _f.resetColumnFilters;
+    // stagedColumnFilters is only used when stageFilterSelections is enabled
+    var stagedColumnFilters = useStagedColumnFilters(selectedColumnFilters);
+    var handlePagination = function (_e, pageNumber) {
+        var pageIndex = pageNumber - 1;
+        table.setPageIndex(pageIndex);
+    };
+    var showTitle = Boolean(title);
+    var showGlobalSearch = Boolean(searchable || isControlledGlobalFilter);
+    var showColumnFilter = Boolean(hasColumnFilters);
+    var showControls = Boolean(showTitle || showGlobalSearch || showColumnFilter);
+    return (React.createElement(TableContext.Provider, { value: { table: table, stagedColumnFilters: stagedColumnFilters, stageFilterSelections: stageFilterSelections } },
+        React.createElement(Box, __assign({ className: classes.root }, { ref: rootRef }, { "data-table-element": "root" }, (table.getPageCount() > 1 && {
+            minHeight: getTableMinHeight(rootRef, table.getState().pagination.pageSize),
+        })),
+            showControls && (React.createElement(Box, null,
+                React.createElement(TableControlsContainer, { showTitle: showTitle, showGlobalSearch: showGlobalSearch, showColumnFilter: showColumnFilter },
+                    showTitle && (React.createElement(Typography, { style: { gridArea: 'title', alignSelf: 'center', fontSize: '18px', lineHeight: '27px' } }, title)),
+                    showGlobalSearch && (React.createElement(GlobalFilter, __assign({}, GlobalFilterProps, { value: table.getState().globalFilter, setValue: table.setGlobalFilter }))),
+                    showColumnFilter && React.createElement(FilterPanel, null)),
+                React.createElement(Box, { display: "flex", flexWrap: "wrap", gridGap: 8 },
+                    selectedColumnFilters.map(function (selectedColumnFilter, i) { return (React.createElement(ColumnFilterChip, { key: "selected-column-filter-chip-" + i, columnFilter: selectedColumnFilter, label: formatSelectedFilterText(selectedColumnFilter), onClick: function (columnFilter) {
+                            if (stageFilterSelections) {
+                                stagedColumnFilters.delete(columnFilter);
+                            }
+                            deselectColumnFilter(columnFilter);
+                        } })); }),
+                    selectedColumnFilters.length >= 1 && (React.createElement(ColumnFilterResetButton, { onClick: function () {
+                            if (stageFilterSelections) {
+                                stagedColumnFilters.clear();
+                            }
+                            resetColumnFilters();
+                        } }))))),
+            React.createElement(Box, { className: classes.tableContainer, flexGrow: loading || isEmpty ? 0 : 1 },
+                React.createElement("table", { className: classes.table },
+                    React.createElement(TableHeader, null, table.getHeaderGroups().map(function (headerGroup) { return (React.createElement(TableHeaderRow, { key: headerGroup.id }, headerGroup.headers.map(function (header) { return (React.createElement(TableHeaderCell, { key: header.id, context: header.getContext() }, flexRender(header.column.columnDef.header, header.getContext()))); }))); })),
+                    !loading && (React.createElement(TableBody, null, table.getRowModel().rows.map(function (row) { return (React.createElement(TableRow, { key: row.id }, row.getVisibleCells().map(function (cell) { return (React.createElement(TableCell, { key: cell.id }, flexRender(cell.column.columnDef.cell, cell.getContext()))); }))); }))))),
+            isEmpty && isEmptyComponentValid && Empty && !loading && (React.createElement(Box, { display: "flex", flexDirection: "column", justifyContent: "center", alignItems: "center", p: 2, flexGrow: 1 }, createElement(Empty))),
+            loading && (React.createElement(Box, { display: "flex", flexDirection: "column", justifyContent: "center", alignItems: "center", p: 2, flexGrow: 1 },
+                React.createElement(CircularProgress, { size: 80, color: "inherit" }))),
+            paginated && table.getPageCount() > 1 && (React.createElement(TableFooter, null,
+                React.createElement(Pagination, { page: table.getState().pagination.pageIndex + 1, count: table.getPageCount(), onChange: handlePagination, disabled: loading }))))));
+};
+Table.defaultProps = defaultTableProps;
+
+export { Table };
+//# sourceMappingURL=Table.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Table.js","sources":["../../../../src/components/Table/Table.tsx"],"sourcesContent":["import React, { ChangeEvent, createElement, isValidElement, useRef } from 'react'\nimport { Typography } from '@material-ui/core'\nimport { Pagination } from '@material-ui/lab'\nimport { Box, CircularProgress } from '@popmenu/common-ui'\nimport {\n  flexRender,\n  getCoreRowModel,\n  getFilteredRowModel,\n  getPaginationRowModel,\n  getSortedRowModel,\n  useReactTable,\n  ColumnFilter as ReactTableColumnFilter,\n  ColumnFilter,\n} from '@tanstack/react-table'\n\nimport { TableRow } from '../TableRow'\nimport { TableCell } from '../TableCell'\nimport { TableBody } from '../TableBody'\nimport { useStyles } from './TableStyles'\nimport { TableProps } from './TableProps'\nimport { TableHeader } from '../TableHeader'\nimport { TableFooter } from '../TableFooter'\nimport { FilterPanel } from '../FilterPanel'\nimport { TableContext } from '../TableContext'\nimport { GlobalFilter } from '../GlobalFilter'\nimport { TableHeaderRow } from '../TableHeaderRow'\nimport { TableHeaderCell } from '../TableHeaderCell'\nimport { useColumnFilters, useStagedColumnFilters } from '../../hooks'\nimport { ColumnFilterChip } from '../ColumnFilterChip'\nimport { TableControlsContainer } from '../TableControlsContainer'\nimport { ColumnFilterResetButton } from '../ColumnFilterResetButton'\nimport { coercedValueIncludesString, getTableMinHeight } from '../../util'\n\nconst defaultTableProps = {\n  enableSortingRemoval: true,\n  fullWidth: true,\n  paginated: true,\n  sortable: false,\n  searchable: false,\n}\n\ntype DefaultTableProps<T> = TableProps<T> & typeof defaultTableProps\n\nexport const Table = <T,>(props: DefaultTableProps<T>) => {\n  const {\n    title,\n    data,\n    columns,\n    enableSortingRemoval,\n    loading,\n    searchable,\n    sortable,\n    filterState: externalFilterState,\n    globalFilterState: externalGlobalFilterState,\n    paginationState: externalPaginationState,\n    sortingState: externalSortingState,\n    visibilityState: externalVisibilityState,\n    paginated,\n    pageCount,\n    GlobalFilterProps,\n    Empty,\n    idBase,\n    stageFilterSelections,\n  } = props\n  const classes = useStyles(props)\n  const rootRef = useRef<HTMLDivElement>(null)\n\n  // Prepare Empty State\n  const isEmpty = data.length === 0\n  const isEmptyComponentValid = Empty && isValidElement(createElement(Empty))\n\n  // Prepare Sorting\n  const [sorting, setSorting] = externalSortingState || []\n  const isControlledColumnSort = Boolean(externalSortingState)\n  const controlledColumnSortOptions = { onSortingChange: setSorting, manualSorting: true }\n\n  // Prepare Global Filtering\n  const [globalFilter, setGlobalFilter] = externalGlobalFilterState || []\n  const isControlledGlobalFilter = Boolean(externalGlobalFilterState)\n  const controlledGlobalFilterOptions = { onGlobalFilterChange: setGlobalFilter, manualFiltering: true }\n\n  // Prepare ColumnFiltering\n  const [columnFilters, setColumnFilters] = externalFilterState || []\n  const isControlledColumnFilters = Boolean(externalFilterState)\n  const controlledColumnFiltersOptions = { onColumnFiltersChange: setColumnFilters, manualFiltering: true }\n\n  // Prepare Pagination\n  const [pagination, setPagination] = externalPaginationState || []\n  const isControlledPagination = Boolean(externalPaginationState && pageCount)\n  const controlledPaginationOptions = { manualPagination: true, onPaginationChange: setPagination, pageCount }\n\n  // Prepare Column Visibility\n  const [columnVisibility] = externalVisibilityState || []\n  const isControlledColumnVisibility = Boolean(externalVisibilityState)\n\n  // Init table instance\n  const table = useReactTable({\n    data,\n    columns,\n    state: {\n      ...(isControlledPagination && { pagination }),\n      ...(isControlledGlobalFilter && { globalFilter }),\n      ...(isControlledColumnFilters && { columnFilters }),\n      ...(isControlledColumnVisibility && { columnVisibility }),\n      ...(isControlledColumnSort && { sorting }),\n    },\n    enableSorting: sortable,\n    enableSortingRemoval,\n    globalFilterFn: coercedValueIncludesString,\n    getCoreRowModel: getCoreRowModel(),\n    getSortedRowModel: getSortedRowModel(),\n    getFilteredRowModel: getFilteredRowModel(),\n    ...(paginated && { getPaginationRowModel: getPaginationRowModel() }),\n    ...(isControlledPagination && controlledPaginationOptions),\n    ...(isControlledGlobalFilter && controlledGlobalFilterOptions),\n    ...(isControlledColumnFilters && controlledColumnFiltersOptions),\n    ...(isControlledColumnSort && controlledColumnSortOptions),\n    meta: { idBase: idBase },\n  })\n\n  const {\n    selectedColumnFilters,\n    hasColumnFilters,\n    deselectColumnFilter,\n    formatSelectedFilterText,\n    resetColumnFilters,\n  } = useColumnFilters(table)\n\n  // stagedColumnFilters is only used when stageFilterSelections is enabled\n  const stagedColumnFilters = useStagedColumnFilters(selectedColumnFilters)\n\n  const handlePagination = (_e: ChangeEvent, pageNumber: number) => {\n    const pageIndex = pageNumber - 1\n    table.setPageIndex(pageIndex)\n  }\n  const showTitle = Boolean(title)\n  const showGlobalSearch = Boolean(searchable || isControlledGlobalFilter)\n  const showColumnFilter = Boolean(hasColumnFilters)\n  const showControls = Boolean(showTitle || showGlobalSearch || showColumnFilter)\n\n  return (\n    <TableContext.Provider value={{ table, stagedColumnFilters, stageFilterSelections }}>\n      <Box\n        className={classes.root}\n        {...{ ref: rootRef }}\n        data-table-element=\"root\"\n        {...(table.getPageCount() > 1 && {\n          minHeight: getTableMinHeight(rootRef, table.getState().pagination.pageSize),\n        })}\n      >\n        {showControls && (\n          <Box>\n            <TableControlsContainer\n              showTitle={showTitle}\n              showGlobalSearch={showGlobalSearch}\n              showColumnFilter={showColumnFilter}\n            >\n              {showTitle && (\n                <Typography style={{ gridArea: 'title', alignSelf: 'center', fontSize: '18px', lineHeight: '27px' }}>\n                  {title}\n                </Typography>\n              )}\n              {showGlobalSearch && (\n                <GlobalFilter\n                  {...GlobalFilterProps}\n                  value={table.getState().globalFilter}\n                  setValue={table.setGlobalFilter}\n                />\n              )}\n              {showColumnFilter && <FilterPanel />}\n            </TableControlsContainer>\n            <Box display=\"flex\" flexWrap=\"wrap\" gridGap={8}>\n              {selectedColumnFilters.map((selectedColumnFilter: ReactTableColumnFilter, i) => (\n                <ColumnFilterChip\n                  key={`selected-column-filter-chip-${i}`}\n                  columnFilter={selectedColumnFilter}\n                  label={formatSelectedFilterText(selectedColumnFilter)}\n                  onClick={(columnFilter: ColumnFilter) => {\n                    if (stageFilterSelections) {\n                      stagedColumnFilters.delete(columnFilter)\n                    }\n                    deselectColumnFilter(columnFilter)\n                  }}\n                />\n              ))}\n              {selectedColumnFilters.length >= 1 && (\n                <ColumnFilterResetButton\n                  onClick={() => {\n                    if (stageFilterSelections) {\n                      stagedColumnFilters.clear()\n                    }\n                    resetColumnFilters()\n                  }}\n                />\n              )}\n            </Box>\n          </Box>\n        )}\n        <Box className={classes.tableContainer} flexGrow={loading || isEmpty ? 0 : 1}>\n          <table className={classes.table}>\n            <TableHeader>\n              {table.getHeaderGroups().map((headerGroup) => (\n                <TableHeaderRow key={headerGroup.id}>\n                  {headerGroup.headers.map((header) => (\n                    <TableHeaderCell key={header.id} context={header.getContext()}>\n                      {flexRender(header.column.columnDef.header, header.getContext())}\n                    </TableHeaderCell>\n                  ))}\n                </TableHeaderRow>\n              ))}\n            </TableHeader>\n            {!loading && (\n              <TableBody>\n                {table.getRowModel().rows.map((row) => (\n                  <TableRow key={row.id}>\n                    {row.getVisibleCells().map((cell) => (\n                      <TableCell key={cell.id}>{flexRender(cell.column.columnDef.cell, cell.getContext())}</TableCell>\n                    ))}\n                  </TableRow>\n                ))}\n              </TableBody>\n            )}\n          </table>\n        </Box>\n        {isEmpty && isEmptyComponentValid && Empty && !loading && (\n          <Box display=\"flex\" flexDirection=\"column\" justifyContent=\"center\" alignItems=\"center\" p={2} flexGrow={1}>\n            {createElement(Empty)}\n          </Box>\n        )}\n        {loading && (\n          <Box display=\"flex\" flexDirection=\"column\" justifyContent=\"center\" alignItems=\"center\" p={2} flexGrow={1}>\n            <CircularProgress size={80} color=\"inherit\" />\n          </Box>\n        )}\n        {paginated && table.getPageCount() > 1 && (\n          <TableFooter>\n            <Pagination\n              page={table.getState().pagination.pageIndex + 1}\n              count={table.getPageCount()}\n              onChange={handlePagination}\n              disabled={loading}\n            />\n          </TableFooter>\n        )}\n      </Box>\n    </TableContext.Provider>\n  )\n}\n\nTable.defaultProps = defaultTableProps\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,47 @@
+import { TextFieldProps } from '@material-ui/core';
+import { ColumnDef, ColumnFiltersState, PaginationState, SortingState } from '@tanstack/react-table';
+import { Dispatch, SetStateAction } from 'react';
+export interface ColumnFilter {
+    id: string;
+    value: unknown;
+}
+export interface TableProps<T = unknown> {
+    /** The table's title. */
+    title?: string;
+    /** List of objects representing the rows of a Table. */
+    data: Array<T>;
+    /** List of column definitions. */
+    columns: Array<ColumnDef<T, any>>;
+    /** Change column sorting change pattern - true: 'none' -> 'desc' -> 'asc' -> 'none' -> ..., false: 'none' -> 'desc' -> 'asc' -> 'desc' -> 'asc' -> ... */
+    enableSortingRemoval?: boolean;
+    /** Controls table loading state. */
+    loading?: boolean;
+    /** Forces a table to take up the width of its container when true. */
+    fullWidth?: boolean;
+    /** Adds a global filter to the table. for uncontrolled global filtering only. */
+    searchable?: boolean;
+    /** Makes columns sortable. For uncontrolled sorting only. */
+    sortable?: boolean;
+    /** Enables and disables pagination all together for the table. */
+    paginated?: boolean;
+    /** Sorting state. Expects the result of a React useState hook. Used only for manual sorting. */
+    sortingState?: [SortingState, Dispatch<SetStateAction<SortingState>>];
+    /** Pagination state. Expects the result of a React useState hook. Used only for manual pagination. */
+    paginationState?: [PaginationState, Dispatch<SetStateAction<PaginationState>>];
+    /** GlobalFiltering state. Expects the result of a React useState hook. Used only for manual filtering. */
+    globalFilterState?: [string, Dispatch<SetStateAction<string>>];
+    /** Props applied to the TextField for global filtering. */
+    GlobalFilterProps?: TextFieldProps;
+    /** Filtering state. Expects the result of a React useState hook. Used only for manual filtering. */
+    filterState?: [ColumnFiltersState, Dispatch<SetStateAction<Array<ColumnFilter>>>];
+    /** Filtering state. Expects the result of a React useState hook. Used only for manual filtering. */
+    visibilityState?: [Record<string, boolean>, Dispatch<SetStateAction<Record<string, boolean>>>];
+    /** Number of pages. Used only for manual pagination. */
+    pageCount?: number;
+    /** A React Component to be rendered when the data set is empty. */
+    Empty?: () => JSX.Element;
+    /** A string used to construct ids and tags used throughout the table for tagging inner elements. ie: data-tour-id. */
+    idBase?: string;
+    /** Controls which filter should be used for the application, automatic or manual. */
+    stageFilterSelections?: boolean;
+}

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

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