@popmenu/table 0.125.0 → 0.126.1

package/build/index.es.js

@@ -1,4407 +0,0 @@
-import * as React from 'react';
-import React__default, { createElement, forwardRef, createContext, useContext, useState, useRef, isValidElement } from 'react';
-import { makeStyles, Link as Link$2, Paper as Paper$2, Typography as Typography$2, Box, FormControl, InputLabel, Select, FormControlLabel as FormControlLabel$1, Switch as Switch$2, TextField, ButtonBase, Popover, InputAdornment, useTheme as useTheme$1 } from '@material-ui/core';
-import { Pagination } from '@material-ui/lab';
-import { useReactTable, getCoreRowModel, getSortedRowModel, getFilteredRowModel, getPaginationRowModel, flexRender } from '@tanstack/react-table';
-import CommonAlert from '@material-ui/lab/Alert';
-import '@material-ui/core/AppBar';
-import MuiAvatar from '@material-ui/core/Avatar';
-import { makeStyles as makeStyles$1, useTheme, lighten } from '@material-ui/core/styles';
-import '@material-ui/core/Badge';
-import MuiButton from '@material-ui/core/Button';
-import CircularProgress from '@material-ui/core/CircularProgress';
-import CommonButtonGroup from '@material-ui/core/ButtonGroup';
-import Card from '@material-ui/core/Card';
-import '@material-ui/core/CardActionArea';
-import CardActions from '@material-ui/core/CardActions';
-import CardContent from '@material-ui/core/CardContent';
-import '@material-ui/core/CardHeader';
-import '@material-ui/core/CardMedia';
-import MuiCheckbox from '@material-ui/core/Checkbox';
-import FormControlLabel from '@material-ui/core/FormControlLabel';
-import MuiChip from '@material-ui/core/Chip';
-import '@material-ui/core/Collapse';
-import Dialog from '@material-ui/core/Dialog';
-import '@material-ui/core/DialogActions';
-import '@material-ui/core/DialogContent';
-import '@material-ui/core/DialogTitle';
-import '@material-ui/core/Drawer';
-import '@material-ui/core/FormControl';
-import '@material-ui/core/Grid';
-import MuiIconButton from '@material-ui/core/IconButton';
-import '@material-ui/core/InputAdornment';
-import '@material-ui/core/LinearProgress';
-import '@material-ui/core/List';
-import '@material-ui/core/ListItem';
-import '@material-ui/core/ListItemAvatar';
-import '@material-ui/core/ListItemIcon';
-import '@material-ui/core/ListItemSecondaryAction';
-import '@material-ui/core/ListItemText';
-import Menu from '@material-ui/core/Menu';
-import MenuItem from '@material-ui/core/MenuItem';
-import '@material-ui/core/MenuList';
-import MuiRadio from '@material-ui/core/Radio';
-import '@material-ui/core/TextField';
-import MuiSwitch from '@material-ui/core/Switch';
-import '@material-ui/core/Tab';
-import '@material-ui/core/Tabs';
-import MuiToggleButton from '@material-ui/lab/ToggleButton';
-import MuiToggleButtonGroup from '@material-ui/lab/ToggleButtonGroup';
-import MuiTooltip from '@material-ui/core/Tooltip';
-import '@material-ui/lab/AlertTitle';
-import '@material-ui/core/Box';
-import '@material-ui/core/Snackbar';
-import createTheme from '@material-ui/core/styles/createTheme';
-
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-
-var __assign$3 = function() {
-    __assign$3 = Object.assign || function __assign(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign$3.apply(this, arguments);
-};
-
-function __rest$3(s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-}
-
-function __spreadArray(to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || from);
-}
-
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-
-var __assign$2 = function() {
-    __assign$2 = Object.assign || function __assign(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign$2.apply(this, arguments);
-};
-
-function __rest$2(s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-}
-
-var _g$2C$1;
-
-function _extends$4K$1() { _extends$4K$1 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$4K$1.apply(this, arguments); }
-
-function SvgCheckCircle$1(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$4K$1({
-    viewBox: "0 0 16 16",
-    fill: "none",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    width: "1em",
-    height: "1em"
-  }, props), _g$2C$1 || (_g$2C$1 = /*#__PURE__*/React.createElement("g", {
-    stroke: "currentColor"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M14.667 7.387V8a6.667 6.667 0 11-3.954-6.093"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M14.667 2.667L8 9.34l-2-2"
-  }))));
-}
-
-var _g$2z, _defs$1D;
-
-function _extends$4G() { _extends$4G = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$4G.apply(this, arguments); }
-
-function SvgXCircle(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$4G({
-    viewBox: "0 0 16 16",
-    fill: "none",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    width: "1em",
-    height: "1em"
-  }, props), _g$2z || (_g$2z = /*#__PURE__*/React.createElement("g", {
-    clipPath: "url(#x-circle_svg__clip0_8_6136)",
-    stroke: "currentColor"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M8 14.667A6.667 6.667 0 108 1.334a6.667 6.667 0 000 13.333zM10 6l-4 4m0-4l4 4"
-  }))), _defs$1D || (_defs$1D = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
-    id: "x-circle_svg__clip0_8_6136"
-  }, /*#__PURE__*/React.createElement("path", {
-    fill: "currentColor",
-    d: "M0 0h16v16H0z"
-  })))));
-}
-
-var _g$2m$1, _defs$1t$1;
-
-function _extends$4m$1() { _extends$4m$1 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$4m$1.apply(this, arguments); }
-
-function SvgInfo$1(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$4m$1({
-    viewBox: "0 0 16 16",
-    fill: "none",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    width: "1em",
-    height: "1em"
-  }, props), _g$2m$1 || (_g$2m$1 = /*#__PURE__*/React.createElement("g", {
-    clipPath: "url(#info_svg__clip0_8_5377)",
-    stroke: "currentColor"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M8 14.667A6.667 6.667 0 108 1.334a6.667 6.667 0 000 13.333zm0-4V8m0-2.667h.007"
-  }))), _defs$1t$1 || (_defs$1t$1 = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
-    id: "info_svg__clip0_8_5377"
-  }, /*#__PURE__*/React.createElement("path", {
-    fill: "currentColor",
-    d: "M0 0h16v16H0z"
-  })))));
-}
-
-var _path$1D$1;
-
-function _extends$3H$1() { _extends$3H$1 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3H$1.apply(this, arguments); }
-
-function SvgUser$1(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$3H$1({
-    viewBox: "0 0 16 16",
-    fill: "none",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    width: "1em",
-    height: "1em"
-  }, props), _path$1D$1 || (_path$1D$1 = /*#__PURE__*/React.createElement("path", {
-    d: "M13.333 14v-1.333A2.667 2.667 0 0010.667 10H5.333a2.667 2.667 0 00-2.666 2.667V14M8 7.333A2.667 2.667 0 108 2a2.667 2.667 0 000 5.333z",
-    stroke: "currentColor"
-  })));
-}
-
-var _g$20$1, _defs$1f$1;
-
-function _extends$3w$1() { _extends$3w$1 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3w$1.apply(this, arguments); }
-
-function SvgError$1(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$3w$1({
-    viewBox: "0 0 16 16",
-    fill: "none",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    width: "1em",
-    height: "1em"
-  }, props), _g$20$1 || (_g$20$1 = /*#__PURE__*/React.createElement("g", {
-    clipPath: "url(#error_svg__clip0_8_5411)",
-    stroke: "currentColor"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M5.24 1.333h5.52l3.907 3.907v5.52l-3.907 3.907H5.24L1.333 10.76V5.24L5.24 1.333zm2.76 4V8m0 2.666h.008"
-  }))), _defs$1f$1 || (_defs$1f$1 = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
-    id: "error_svg__clip0_8_5411"
-  }, /*#__PURE__*/React.createElement("path", {
-    fill: "currentColor",
-    d: "M0 0h16v16H0z"
-  })))));
-}
-
-var _path$1u$1;
-
-function _extends$3v$1() { _extends$3v$1 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3v$1.apply(this, arguments); }
-
-function SvgWarning$1(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$3v$1({
-    viewBox: "0 0 16 16",
-    fill: "none",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    width: "1em",
-    height: "1em"
-  }, props), _path$1u$1 || (_path$1u$1 = /*#__PURE__*/React.createElement("path", {
-    d: "M6.86 2.573L1.213 12a1.334 1.334 0 001.14 2h11.294a1.332 1.332 0 001.14-2L9.14 2.573a1.333 1.333 0 00-2.28 0v0zM8 6v2.667m0 2.667h.007",
-    stroke: "currentColor"
-  })));
-}
-
-var useIconStyles$1 = makeStyles(function (_a) {
-    var spacing = _a.spacing, palette = _a.palette;
-    var getFontSize = function (_a) {
-        var size = _a.size;
-        var sizes = {
-            inherit: 'inherit',
-            small: spacing(1.5),
-            medium: spacing(2),
-            large: spacing(2.5),
-            'extra-large': spacing(3),
-        };
-        return size ? sizes[size] : 'inherit';
-    };
-    var getColor = function (props) {
-        var semanticColors = ['primary', 'secondary', 'info', 'success', 'warning', 'error'];
-        var value = 'inherit';
-        if (props.color) {
-            if (semanticColors.includes(props.color.split('.')[0])) {
-                var _a = props.color.split('.'), color = _a[0], _b = _a[1], variant = _b === void 0 ? 'main' : _b;
-                // @ts-expect-error - todo.
-                value = palette[color][variant];
-            }
-            else if (props.color.search(/^(rgb|hsla|#)/) !== -1) {
-                value = props.color;
-            }
-        }
-        return value;
-    };
-    return {
-        root: {
-            color: getColor,
-            fontSize: getFontSize,
-            strokeWidth: '1.3px',
-        },
-    };
-});
-
-var classnames$2 = {exports: {}};
-
-/*!
-  Copyright (c) 2018 Jed Watson.
-  Licensed under the MIT License (MIT), see
-  http://jedwatson.github.io/classnames
-*/
-
-(function (module) {
-/* global define */
-
-(function () {
-
-	var hasOwn = {}.hasOwnProperty;
-
-	function classNames() {
-		var classes = [];
-
-		for (var i = 0; i < arguments.length; i++) {
-			var arg = arguments[i];
-			if (!arg) continue;
-
-			var argType = typeof arg;
-
-			if (argType === 'string' || argType === 'number') {
-				classes.push(arg);
-			} else if (Array.isArray(arg)) {
-				if (arg.length) {
-					var inner = classNames.apply(null, arg);
-					if (inner) {
-						classes.push(inner);
-					}
-				}
-			} else if (argType === 'object') {
-				if (arg.toString === Object.prototype.toString) {
-					for (var key in arg) {
-						if (hasOwn.call(arg, key) && arg[key]) {
-							classes.push(key);
-						}
-					}
-				} else {
-					classes.push(arg.toString());
-				}
-			}
-		}
-
-		return classes.join(' ');
-	}
-
-	if (module.exports) {
-		classNames.default = classNames;
-		module.exports = classNames;
-	} else {
-		window.classNames = classNames;
-	}
-}());
-}(classnames$2));
-
-var classNames = classnames$2.exports;
-
-var iconStaticClassName$1 = 'pop-icon';
-var Icon$1 = function (props) {
-    var icon = props.icon, className = props.className, restProps = __rest$2(props, ["icon", "className"]);
-    var hasAccessibleAttr = Boolean(restProps['aria-describedby'] || restProps['aria-label']);
-    if (!hasAccessibleAttr && restProps['aria-hidden'] === undefined) {
-        restProps['aria-hidden'] = true;
-    }
-    var classes = useIconStyles$1(props);
-    var isValid = true;
-    if (!icon || (typeof icon === 'function' && icon({}) === undefined)) {
-        isValid = false;
-    }
-    return isValid
-        ? createElement(icon, __assign$2({ className: classNames([classes.root, iconStaticClassName$1, className]) }, restProps))
-        : null;
-};
-Icon$1.defaultProps = {
-    size: 'inherit',
-    color: 'inherit',
-};
-Icon$1.displayName = 'Icon';
-
-var LoadingStatus$1;
-(function (LoadingStatus) {
-    LoadingStatus["ERROR"] = "ERROR";
-    LoadingStatus["LOADED"] = "LOADED";
-    LoadingStatus["PENDING"] = "PENDING";
-})(LoadingStatus$1 || (LoadingStatus$1 = {}));
-var useImgProps$1 = function (avatarProps) {
-    var _a = React__default.useState(LoadingStatus$1.PENDING), loaded = _a[0], setLoaded = _a[1];
-    var imgProps = __assign$2(__assign$2({}, avatarProps.imgProps), { onLoad: function (event) {
-            var _a, _b;
-            setLoaded(LoadingStatus$1.LOADED);
-            (_b = (_a = avatarProps.imgProps) === null || _a === void 0 ? void 0 : _a.onLoad) === null || _b === void 0 ? void 0 : _b.call(_a, event);
-        } });
-    return { imgProps: imgProps, loaded: loaded };
-};
-
-var getAvatarDimensions$1 = function (theme, props) {
-    var factors = {
-        'extra-small': 3,
-        small: 4,
-        medium: 5,
-        large: 6,
-        'extra-large': 12.5,
-    };
-    var sizeFactor = factors[props.size || 'medium'];
-    return theme.spacing(sizeFactor);
-};
-var getAvatarFontSize$1 = function (props) {
-    var fontSizes = {
-        'extra-small': '0.75rem',
-        small: '1rem',
-        medium: '1rem',
-        large: '1.25rem',
-        'extra-large': '3.5rem',
-    };
-    return fontSizes[props.size];
-};
-var useAvatarStyles$1 = makeStyles$1(function (theme) { return ({
-    root: function (props) { return ({
-        width: getAvatarDimensions$1(theme, props),
-        height: getAvatarDimensions$1(theme, props),
-        fontSize: getAvatarFontSize$1(props),
-        backgroundColor: props.loaded === LoadingStatus$1.LOADED ? 'transparent' : props.background,
-        color: theme.palette.getContrastText(props.background),
-        objectFit: props.fit,
-    }); },
-    fallback: function (props) { return ({
-        fontSize: getAvatarDimensions$1(theme, props),
-        strokeWidth: 1,
-    }); },
-}); });
-
-var Avatar$1 = forwardRef(function (props, ref) {
-    var children = props.children, src = props.src, alt = props.alt, fallback = props.fallback, muiProps = __rest$2(props, ["children", "src", "alt", "fallback"]);
-    var _a = useImgProps$1(props), imgProps = _a.imgProps, loaded = _a.loaded;
-    var classes = useAvatarStyles$1(__assign$2(__assign$2({}, props), { loaded: loaded }));
-    var displayAltTextFallback = src && alt;
-    var displayNoFallback = fallback === 'none';
-    var displayCustomFallback = fallback !== 'none' && typeof fallback !== 'undefined';
-    var Fallback;
-    if (displayAltTextFallback) {
-        Fallback = null;
-    }
-    else if (displayNoFallback) {
-        Fallback = ' ';
-    }
-    else if (displayCustomFallback) {
-        Fallback = fallback;
-    }
-    else {
-        Fallback = React__default.createElement(Icon$1, { icon: SvgUser$1, className: classes.fallback });
-    }
-    return (React__default.createElement(MuiAvatar, __assign$2({ ref: ref, classes: { root: classes.root }, src: src, alt: alt }, muiProps, { imgProps: imgProps }), children || Fallback));
-});
-Avatar$1.defaultProps = {
-    size: 'medium',
-    fit: 'cover',
-    background: '#E0E0E0',
-};
-Avatar$1.displayName = 'Avatar';
-
-makeStyles$1(function (theme) { return ({
-    circle: {
-        backgroundColor: theme.palette.grey[300],
-        borderRadius: '50%',
-        height: theme.spacing(0.65),
-        width: theme.spacing(0.65),
-        margin: theme.spacing(1) + "px 0 " + theme.spacing(1) + "px " + theme.spacing(1) + "px",
-    },
-    container: {
-        border: "1px solid " + theme.palette.secondary.light,
-        borderRadius: theme.spacing(0.5),
-        flexGrow: 1,
-    },
-    titleBar: {
-        display: 'flex',
-        flexDirection: 'row',
-        borderBottom: "1px solid " + theme.palette.secondary.light,
-        width: '100%',
-    },
-}); });
-
-makeStyles$1(function () { return ({
-    root: {
-        minWidth: 'unset',
-    },
-    label: {
-        textTransform: function (_a) {
-            var textTransform = _a.textTransform;
-            return textTransform;
-        },
-    },
-}); });
-
-var Checkbox$1 = forwardRef(function (props, ref) {
-    var label = props.label, disabled = props.disabled, LabelProps = props.LabelProps, muiProps = __rest$2(props, ["label", "disabled", "LabelProps"]);
-    var control = React__default.createElement(MuiCheckbox, __assign$2({ disabled: label ? undefined : disabled }, muiProps));
-    return label ? (React__default.createElement(FormControlLabel, __assign$2({ disabled: disabled, inputRef: ref, control: control, label: label }, LabelProps))) : (control);
-});
-Checkbox$1.displayName = 'Checkbox';
-
-var getBackground$2 = function (theme) { return function (props) {
-    var variant = props.variant, severity = props.severity;
-    var background = theme.palette.grey[100];
-    var backgrounds = {
-        outlined: 'none',
-        error: 'error.main',
-        warning: 'warning.main',
-        info: 'info.light',
-        success: 'success.light',
-    };
-    if (variant === 'outlined') {
-        background = backgrounds[variant];
-    }
-    else if (severity) {
-        var _a = backgrounds[severity].split('.'), color = _a[0], colorVariant = _a[1];
-        // @ts-expect-error - todo.
-        background = theme.palette[color][colorVariant];
-    }
-    return background;
-}; };
-var getColor$2 = function (theme) { return function (props) {
-    var variant = props.variant, severity = props.severity;
-    var textColor;
-    if (variant === 'outlined' && severity) {
-        var textColors = {
-            error: theme.palette.error.main,
-            info: theme.palette.info.main,
-            warning: theme.palette.warning.dark,
-            success: theme.palette.success.dark,
-        };
-        textColor = textColors[severity];
-    }
-    else if (variant === 'outlined' && !severity) {
-        textColor = theme.palette.grey[700];
-    }
-    else if ((variant === 'default' || variant === undefined) && severity) {
-        var textColors = {
-            error: theme.palette.common.white,
-            info: theme.palette.secondary.main,
-            warning: theme.palette.secondary.main,
-            success: theme.palette.secondary.main,
-        };
-        textColor = textColors[severity];
-    }
-    return textColor;
-}; };
-var getBorder$1 = function (theme) { return function (props) {
-    var variant = props.variant, severity = props.severity;
-    var borderColor;
-    if (variant === 'outlined' && severity) {
-        var borderColors = {
-            error: theme.palette.error.main,
-            info: theme.palette.info.main,
-            warning: theme.palette.warning.dark,
-            success: theme.palette.success.dark,
-        };
-        borderColor = borderColors[severity];
-    }
-    return borderColor;
-}; };
-// using `any` here is a bit of cheating but it doesn't matter since this doesn't depend on
-// any component-specific props
-var useChipStyles = makeStyles$1(function (theme) { return ({
-    root: {
-        background: getBackground$2(theme),
-        color: getColor$2(theme),
-        borderColor: getBorder$1(theme),
-        borderRadius: theme.spacing(0.5),
-    },
-    icon: {
-        color: 'inherit',
-        height: theme.spacing(2),
-        width: theme.spacing(2),
-    },
-    deleteIcon: {
-        color: theme.palette.grey[500],
-    },
-}); });
-
-var IconDictionary = {
-    error: SvgError$1,
-    info: SvgInfo$1,
-    success: SvgCheckCircle$1,
-    warning: SvgWarning$1,
-};
-var Chip = function (props) {
-    var severity = props.severity, restProps = __rest$2(props, ["severity"]);
-    var classes = useChipStyles(props);
-    var icon = severity ? React__default.createElement(IconDictionary[severity]) : undefined;
-    var deleteIcon = React__default.createElement(SvgXCircle);
-    return React__default.createElement(MuiChip, __assign$2({ classes: classes, icon: icon, deleteIcon: deleteIcon }, restProps));
-};
-Chip.displayName = 'Chip';
-
-var defaultTypographyProps$1 = {
-    variant: 'body1',
-};
-
-var weights$1 = {
-    regular: 400,
-    medium: 500,
-    'semi-bold': 600,
-    bold: 700,
-};
-var getCustomColor$1 = function (theme, color) {
-    var isCommonColor = color && ['white', 'black'].includes(color);
-    var isGreyColor = color && color.match(/^grey\.\d{3}/);
-    var isSemanticColor = color && color.match(/(primary|secondary|info|success|error|warning).?(light|dark)?/);
-    var isTextColor = color && ['textPrimary', 'textSecondary'].includes(color);
-    switch (true) {
-        case isCommonColor:
-            // @ts-expect-error - todo.
-            return theme.palette.common[color];
-        case Boolean(isGreyColor):
-            var scale = color.split('.')[1];
-            // @ts-expect-error - todo.
-            return theme.palette.grey[scale] || theme.palette.grey[900];
-        case Boolean(isSemanticColor):
-            var _a = color.split('.'), paletteKey = _a[0], _b = _a[1], variant = _b === void 0 ? 'main' : _b;
-            // @ts-expect-error - todo.
-            return theme.palette[paletteKey][variant];
-        case isTextColor:
-            // @ts-expect-error - todo.
-            return theme.palette.text[color.slice(4).toLowerCase()];
-        default:
-            return undefined;
-    }
-};
-var useTypographyStyles$1 = makeStyles$1(function (theme) {
-    var _a;
-    return ({
-        root: (_a = {},
-            _a["& ." + iconStaticClassName$1] = {
-                position: 'relative',
-                top: '0.125em',
-                padding: '0 0.125em',
-                boxSizing: 'content-box',
-            },
-            _a.fontFamily = theme.typography.fontFamily,
-            _a.fontWeight = function (_a) {
-                var variant = _a.variant, weight = _a.weight;
-                return (weight ? weights$1[weight] : theme.typography[variant].fontWeight);
-            },
-            _a.fontSize = function (_a) {
-                var variant = _a.variant;
-                return theme.typography[variant].fontSize;
-            },
-            _a.lineHeight = function (_a) {
-                var variant = _a.variant;
-                return theme.typography[variant].lineHeight;
-            },
-            _a.textTransform = function (_a) {
-                var variant = _a.variant;
-                return theme.typography[variant].textTransform;
-            },
-            _a.color = function (_a) {
-                var color = _a.color, variant = _a.variant;
-                return (color && getCustomColor$1(theme, color)) || theme.typography[variant].color;
-            },
-            _a),
-        caption: {
-            display: 'inline',
-        },
-        overline: {
-            display: 'inline',
-        },
-    });
-});
-
-var Typography$1 = function (props) {
-    props.weight; props.color; var TypographyRef = props.TypographyRef, restProps = __rest$2(props, ["weight", "color", "TypographyRef"]);
-    var classes = useTypographyStyles$1(__assign$2({}, props));
-    var variantMapping = { subtitle1: 'p' };
-    return React__default.createElement(Typography$2, __assign$2({ classes: classes, variantMapping: variantMapping, ref: TypographyRef }, restProps));
-};
-Typography$1.displayName = 'Typography';
-Typography$1.defaultProps = defaultTypographyProps$1;
-
-var getFadeStop$1 = function (_a, typographyVariant) {
-    var typography = _a.typography;
-    // @ts-expect-error - todo.
-    return !isNaN(Number(typography[typographyVariant].lineHeight))
-        ? // @ts-expect-error - todo.
-            typography[typographyVariant].lineHeight + "rem"
-        : // @ts-expect-error - todo.
-            typography[typographyVariant].lineHeight;
-};
-makeStyles(function (theme) { return ({
-    overlay: {
-        position: 'absolute',
-        top: 0,
-        left: 0,
-        height: '100%',
-        width: '100%',
-        background: function (props) { return "linear-gradient(to top, white, #FFF0 " + getFadeStop$1(theme, props.typographyVariant) + ")"; },
-    },
-}); });
-
-var SemanticColors$1;
-(function (SemanticColors) {
-    SemanticColors["PRIMARY_MAIN"] = "primary.main";
-    SemanticColors["PRIMARY_DARK"] = "primary.dark";
-    SemanticColors["PRIMARY_LIGHT"] = "primary.light";
-    SemanticColors["SECONDARY_MAIN"] = "secondary.main";
-    SemanticColors["SECONDARY_DARK"] = "secondary.dark";
-    SemanticColors["SECONDARY_LIGHT"] = "secondary.light";
-})(SemanticColors$1 || (SemanticColors$1 = {}));
-makeStyles(function (theme) { return ({
-    dividerRoot: {
-        gap: theme.spacing(2),
-    },
-    textRoot: {
-        color: function (props) {
-            var textColor = props.textColor;
-            if (Object.values(SemanticColors$1).includes(textColor)) {
-                var _a = textColor.split('.'), semanticColor = _a[0], shade = _a[1];
-                // @ts-expect-error - todo.
-                return theme.palette[semanticColor][shade];
-            }
-            else if (textColor) {
-                return textColor;
-            }
-            else {
-                return 'black';
-            }
-        },
-        textTransform: function (props) { return props.textTransform; },
-    },
-    dividerLine: {
-        backgroundColor: function (props) {
-            var dividerColor = props.dividerColor;
-            if (Object.values(SemanticColors$1).includes(dividerColor)) {
-                var _a = dividerColor.split('.'), semanticColor = _a[0], shade = _a[1];
-                // @ts-expect-error - todo.
-                return theme.palette[semanticColor][shade];
-            }
-            else if (dividerColor) {
-                return dividerColor;
-            }
-            else {
-                return theme.palette.grey[500];
-            }
-        },
-    },
-}); });
-
-var IconButton$1 = forwardRef(function (props, ref) {
-    return React__default.createElement(MuiIconButton, __assign$2({ ref: ref }, props));
-});
-IconButton$1.displayName = 'IconButton';
-IconButton$1.defaultProps = {
-    color: 'secondary',
-};
-
-var useLinkStyles$1 = makeStyles$1(function (theme) { return ({
-    root: function (props) {
-        var _a;
-        return (__assign$2(__assign$2({ display: 'flex' }, (props.color === undefined && { color: theme.palette.info.main })), (_a = {}, _a["& ." + iconStaticClassName$1] = {
-            alignSelf: 'center',
-        }, _a)));
-    },
-}); });
-
-// eslint-disable-next-line react/display-name -- false positive
-var Link$1 = forwardRef(function (props, ref) {
-    var children = props.children, muiProps = __rest$2(props, ["children"]);
-    var classes = useLinkStyles$1(props);
-    return (React__default.createElement(Link$2, __assign$2({ ref: ref, classes: { root: classes.root } }, muiProps), children));
-});
-Link$1.defaultProps = {
-    variant: 'body1',
-};
-Link$1.displayName = 'Link';
-
-var useStyles$4$2 = makeStyles(function (_a) {
-    var spacing = _a.spacing;
-    return ({
-        root: {
-            '&:last-child': {
-                marginBottom: 0,
-            },
-            marginBottom: spacing(4),
-            padding: spacing(4),
-        },
-    });
-});
-var Paper$1 = forwardRef(function (props, ref) {
-    var legacyStyles = props.legacyStyles, restProps = __rest$2(props, ["legacyStyles"]);
-    var classes = useStyles$4$2(props);
-    return React__default.createElement(Paper$2, __assign$2({}, ref, { classes: __assign$2({}, (legacyStyles && classes)) }, restProps));
-});
-Paper$1.displayName = 'Paper';
-Paper$1.defaultProps = {
-    legacyStyles: false,
-};
-
-var Radio$1 = forwardRef(function (props, ref) {
-    var label = props.label, disabled = props.disabled, LabelProps = props.LabelProps, muiProps = __rest$2(props, ["label", "disabled", "LabelProps"]);
-    var control = React__default.createElement(MuiRadio, __assign$2({ disabled: label ? undefined : disabled }, muiProps));
-    return label ? (React__default.createElement(FormControlLabel, __assign$2({ disabled: disabled, inputRef: ref, control: control, label: label }, LabelProps))) : (control);
-});
-Radio$1.displayName = 'Radio';
-
-makeStyles$1(function () { return ({
-    textfield: {
-        background: function (props) { return (props.backgroundTransparency ? '#FFFFFF44' : 'none'); },
-        borderTopLeftRadius: 4,
-        borderBottomLeftRadius: 4,
-        '& fieldset': {
-            borderRight: 'none',
-            borderTopRightRadius: 0,
-            borderBottomRightRadius: 0,
-        },
-    },
-    button: {
-        borderTopLeftRadius: 0,
-        borderBottomLeftRadius: 0,
-        alignSelf: 'stretch',
-    },
-    input: {
-        color: function (props) { return props.inputTextColor || 'inherit'; },
-        '&$focused fieldset': {
-            top: -4,
-        },
-    },
-    focused: {},
-}); });
-
-var useSwitchStyles$1 = makeStyles$1(function (theme) { return ({
-    checked: {
-        '& $thumb': {
-            background: theme.palette.success.main,
-        },
-        '&& + $track': {
-            backgroundColor: theme.palette.success.main,
-        },
-    },
-    thumb: {},
-    track: {},
-}); });
-
-var Switch$1 = forwardRef(function (props, ref) {
-    var label = props.label, disabled = props.disabled, LabelProps = props.LabelProps, muiProps = __rest$2(props, ["label", "disabled", "LabelProps"]);
-    var classes = useSwitchStyles$1(props);
-    var control = React__default.createElement(MuiSwitch, __assign$2({ classes: classes, disabled: label ? undefined : disabled }, muiProps));
-    return label ? (React__default.createElement(FormControlLabel, __assign$2({ disabled: disabled, inputRef: ref, control: control, label: label }, LabelProps))) : (control);
-});
-Switch$1.displayName = 'Switch';
-
-var useToggleButtonStyles$1 = makeStyles$1(function (theme) { return ({
-    root: {
-        color: theme.palette.text.primary,
-    },
-    selected: {
-        '&&': {
-            '&:hover': {
-                backgroundColor: function (props) { return theme.palette[props.color || 'primary'].dark; },
-            },
-            backgroundColor: function (props) { return theme.palette[props.color || 'primary'].main; },
-            color: 'white',
-        },
-    },
-}); });
-
-var ToggleButton$1 = forwardRef(function (props, ref) {
-    var children = props.children, muiProps = __rest$2(props, ["children"]);
-    var classes = useToggleButtonStyles$1(props);
-    return (React__default.createElement(MuiToggleButton, __assign$2({ ref: ref, classes: {
-            root: classes.root,
-            selected: classes.selected,
-        } }, muiProps), children));
-});
-ToggleButton$1.defaultProps = {
-    color: 'primary',
-};
-ToggleButton$1.displayName = 'ToggleButton';
-
-var useToggleButtonGroupStyles$1 = makeStyles$1(function (theme) { return ({
-    root: {
-        '&&': {
-            backgroundColor: theme.palette.grey[300],
-        },
-    },
-}); });
-
-var ToggleButtonGroup$1 = forwardRef(function (props, ref) {
-    var children = props.children, _a = props.color, color = _a === void 0 ? 'primary' : _a, muiProps = __rest$2(props, ["children", "color"]);
-    var classes = useToggleButtonGroupStyles$1(props);
-    var childrenWithProps = React__default.Children.map(children, function (child) {
-        if (!React__default.isValidElement(child)) {
-            return null;
-        }
-        return React__default.cloneElement(child, { color: color });
-    });
-    return (React__default.createElement(MuiToggleButtonGroup, __assign$2({ ref: ref, classes: { root: classes.root } }, muiProps), childrenWithProps));
-});
-ToggleButtonGroup$1.displayName = 'ToggleButtonGroup';
-
-var useTooltipStyles$1 = makeStyles$1(function (_a) {
-    var typography = _a.typography;
-    return ({
-        tooltip: {
-            fontSize: typography.pxToRem(16),
-        },
-    });
-});
-
-var Tooltip$1 = forwardRef(function (props, ref) {
-    var classes = useTooltipStyles$1(props);
-    return React__default.createElement(MuiTooltip, __assign$2({ ref: ref, classes: classes }, props));
-});
-Tooltip$1.displayName = 'Tooltip';
-
-makeStyles(function () { return ({
-    root: {
-        height: 56,
-    },
-}); });
-makeStyles(function (theme) { return ({
-    root: {
-        height: '100%',
-        width: 'min-content',
-        borderRadius: theme.spacing(1),
-    },
-    input: {
-        '&::-webkit-clear-button, &::-webkit-outer-spin-button, &::-webkit-inner-spin-button': {
-            display: 'none',
-        },
-        '-moz-appearance': 'textfield',
-        minWidth: 40,
-        padding: 0,
-        textAlign: 'center',
-    },
-    adornedStart: {
-        padding: 0,
-    },
-    adornedEnd: {
-        padding: 0,
-    },
-}); });
-
-makeStyles(function () { return ({
-    root: {
-        display: 'flex',
-        flexDirection: 'column',
-        alignItems: 'center',
-        gridGap: 16,
-    },
-}); });
-
-var FollowerAuthenticationDialogContext$1 = createContext(null);
-FollowerAuthenticationDialogContext$1.Provider;
-
-makeStyles(function () { return ({
-    form: {
-        display: 'flex',
-        flexDirection: 'column',
-        alignItems: 'center',
-        width: '100%',
-        gridGap: 16,
-    },
-}); });
-
-makeStyles(function () { return ({
-    main: {
-        width: '100%',
-        display: 'flex',
-        flexDirection: 'column',
-        gridGap: 16,
-    },
-}); });
-
-makeStyles(function () { return ({
-    root: {
-        position: 'absolute',
-        top: 0,
-        right: 0,
-    },
-}); });
-
-var useTableRowStyles = makeStyles(function (theme) { return ({
-    root: function () { return ({
-        '&:nth-child(even)': {
-            backgroundColor: theme.palette.grey[100],
-        },
-    }); },
-}); });
-
-var TableRow = function (props) {
-    var children = props.children, restProps = __rest$3(props, ["children"]);
-    var root = useTableRowStyles(props).root;
-    return (React__default.createElement("tr", __assign$3({ "data-table-element": "body-row", className: root }, restProps), children));
-};
-
-var tableConstants = {
-    tableTypography: 'body1',
-    cellPaddingFactor: 2,
-    headerBorder: 2,
-};
-
-var coercedValueIncludesString = function (row, columnId, value) {
-    if (value === '')
-        return true;
-    var cellValue = row.getValue(columnId);
-    return String(cellValue).toLowerCase().includes(value.toLowerCase());
-};
-
-var getTableMinHeight = function (rootRef, pageSize) {
-    var defaultBodyRowHeight = 56;
-    var defaultHeaderRowHeight = 57;
-    var defaultFooterHeight = 88;
-    var minHeight = defaultBodyRowHeight * pageSize + defaultHeaderRowHeight + defaultFooterHeight;
-    if (rootRef === null || rootRef === void 0 ? void 0 : rootRef.current) {
-        var rootTableNode = rootRef.current;
-        var headerRowNode = rootTableNode.querySelector("[data-table-element=\"header-row\"]");
-        var bodyRowNode = rootTableNode.querySelector("[data-table-element=\"body-row\"]");
-        if (headerRowNode && bodyRowNode) {
-            var headerRowHeight = headerRowNode.getBoundingClientRect().height;
-            var bodyRowHeight = bodyRowNode.getBoundingClientRect().height;
-            minHeight = headerRowHeight + bodyRowHeight * pageSize + defaultFooterHeight;
-        }
-    }
-    return minHeight;
-};
-
-var useTableCellStyles = makeStyles(function (theme) { return ({
-    root: function () { return ({
-        padding: theme.spacing(tableConstants.cellPaddingFactor),
-    }); },
-}); });
-
-var TableCell = function (props) {
-    var children = props.children, restProps = __rest$3(props, ["children"]);
-    var root = useTableCellStyles(props).root;
-    return (React__default.createElement("td", __assign$3({ className: root }, restProps), children));
-};
-
-var TableBody = function (props) {
-    var children = props.children, restProps = __rest$3(props, ["children"]);
-    return React__default.createElement("tbody", __assign$3({}, restProps), children);
-};
-
-var useStyles$6 = 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$3(__assign$3({ borderCollapse: 'collapse' }, (fullWidth && { width: '100%' })), typography[tableConstants.tableTypography]));
-        },
-        tableContainer: function () { return ({
-            maxWidth: '100%',
-            overflowX: 'auto',
-            overflowY: 'hidden',
-        }); },
-    });
-});
-
-var TableHeader = function (props) {
-    var children = props.children, restProps = __rest$3(props, ["children"]);
-    return React__default.createElement("thead", __assign$3({}, restProps), children);
-};
-
-var TableFooter = function (props) {
-    return (React__default.createElement(Box, { display: "flex", justifyContent: "center", alignItems: "end", paddingTop: 3, paddingBottom: 4 }, props.children));
-};
-
-var useStyles$5 = 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',
-    },
-}); });
-
-var _path$2p;
-
-function _extends$5q() { _extends$5q = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$5q.apply(this, arguments); }
-
-function SvgChevronDown(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$5q({
-    viewBox: "0 0 16 16",
-    fill: "none",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    width: "1em",
-    height: "1em"
-  }, props), _path$2p || (_path$2p = /*#__PURE__*/React.createElement("path", {
-    d: "M4 6l4 4 4-4",
-    stroke: "currentColor"
-  })));
-}
-
-var _path$2o;
-
-function _extends$5p() { _extends$5p = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$5p.apply(this, arguments); }
-
-function SvgChevronUp(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$5p({
-    viewBox: "0 0 16 16",
-    fill: "none",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    width: "1em",
-    height: "1em"
-  }, props), _path$2o || (_path$2o = /*#__PURE__*/React.createElement("path", {
-    d: "M12 10L8 6l-4 4",
-    stroke: "currentColor"
-  })));
-}
-
-var _path$2f;
-
-function _extends$59() { _extends$59 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$59.apply(this, arguments); }
-
-function SvgSort(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$59({
-    viewBox: "0 0 16 16",
-    fill: "none",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    width: "1em",
-    height: "1em"
-  }, props), _path$2f || (_path$2f = /*#__PURE__*/React.createElement("path", {
-    d: "M11.333 6L8 2.667 4.667 6m6.666 4L8 13.334 4.667 10",
-    stroke: "currentColor"
-  })));
-}
-
-var _path$22;
-
-function _extends$4u() { _extends$4u = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$4u.apply(this, arguments); }
-
-function SvgFilter(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$4u({
-    viewBox: "0 0 16 16",
-    fill: "none",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    width: "1em",
-    height: "1em"
-  }, props), _path$22 || (_path$22 = /*#__PURE__*/React.createElement("path", {
-    d: "M14.667 2H1.333l5.334 6.307v4.36L9.333 14V8.307L14.667 2z",
-    stroke: "currentColor"
-  })));
-}
-
-var _path$1P;
-
-function _extends$45() { _extends$45 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$45.apply(this, arguments); }
-
-function SvgMore(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$45({
-    viewBox: "0 0 16 16",
-    fill: "none",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    width: "1em",
-    height: "1em"
-  }, props), _path$1P || (_path$1P = /*#__PURE__*/React.createElement("path", {
-    d: "M8 8.667a.667.667 0 100-1.334.667.667 0 000 1.334zM8 4a.667.667 0 100-1.334A.667.667 0 008 4zm0 9.333A.667.667 0 108 12a.667.667 0 000 1.333z",
-    stroke: "currentColor"
-  })));
-}
-
-var _path$1J;
-
-function _extends$3X() { _extends$3X = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3X.apply(this, arguments); }
-
-function SvgSearch(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$3X({
-    viewBox: "0 0 16 16",
-    fill: "none",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    width: "1em",
-    height: "1em"
-  }, props), _path$1J || (_path$1J = /*#__PURE__*/React.createElement("path", {
-    d: "M7.333 12.667A5.333 5.333 0 107.333 2a5.333 5.333 0 000 10.667zM14 14l-2.9-2.9",
-    stroke: "currentColor"
-  })));
-}
-
-var useStyles$4 = makeStyles(function (theme) { return ({
-    icon: {
-        marginRight: theme.spacing(1.5),
-        marginTop: theme.spacing(0.5),
-        scale: 1.5,
-    },
-    selectContainer: {
-        padding: '8px 0',
-    },
-    selectRoot: {
-        '&:focus': {
-            backgroundColor: 'transparent',
-        },
-    },
-    hidden: {
-        display: 'none',
-    },
-}); });
-
-var TableContext = createContext({});
-
-var FilterPanelContext = createContext(null);
-var useFilterPanelContext = function () {
-    var context = useContext(FilterPanelContext);
-    if (!context) {
-        throw new Error('useFilterPanelContext has to be used within <FilterPanelContext.Provider>');
-    }
-    return context;
-};
-
-var SelectFilter = function (props) {
-    var _a, _b, _c;
-    var options = props.options, columnId = props.columnId, multiple = props.multiple;
-    var classes = useStyles$4();
-    var _d = useContext(TableContext), table = _d.table, stagedColumnFilters = _d.stagedColumnFilters, stageFilterSelections = _d.stageFilterSelections;
-    var _e = useState(false), open = _e[0], setOpen = _e[1];
-    var _f = useFilterPanelContext().anchorState, setAnchorEl = _f[1];
-    var column = table.getColumn(columnId);
-    var meta = column.columnDef.meta;
-    var filterName = (_a = meta === null || meta === void 0 ? void 0 : meta.filter) === null || _a === void 0 ? void 0 : _a.name;
-    var value = '';
-    if (stageFilterSelections && !!stagedColumnFilters.get(columnId)) {
-        value = stagedColumnFilters.get(columnId);
-    }
-    else {
-        value = column.getFilterValue();
-    }
-    var fallbackValue = multiple ? [] : '';
-    var filteredOptions = options.map(function (option) {
-        if (Array.isArray(value)) {
-            if (value.includes(option.value)) {
-                return __assign$3(__assign$3({}, option), { hide: !stageFilterSelections });
-            }
-        }
-        if (typeof value === 'string' || typeof value === 'number') {
-            if (value === option.value) {
-                return __assign$3(__assign$3({}, option), { hide: !stageFilterSelections });
-            }
-        }
-        return __assign$3(__assign$3({}, option), { hide: false });
-    });
-    var filteredOptionsCount = filteredOptions.filter(function (option) { return !(option === null || option === void 0 ? void 0 : option.hide); }).length;
-    var renderedValue = '';
-    if (!stageFilterSelections && value && filteredOptions && filteredOptionsCount > 0) {
-        if (typeof value === 'string' || typeof value === 'number') {
-            renderedValue = (_c = (_b = filteredOptions.find(function (option) { return option.value === value; })) === null || _b === void 0 ? void 0 : _b.label) !== null && _c !== void 0 ? _c : filterName;
-        }
-        else if (Array.isArray(value) && value.length > 0) {
-            renderedValue = value.length + " selected";
-        }
-        else {
-            renderedValue = filterName;
-        }
-    }
-    var handleChange = function (event) {
-        event.stopPropagation();
-        if (stageFilterSelections) {
-            stagedColumnFilters.update(columnId, event.target.value);
-        }
-        else {
-            column.setFilterValue(event.target.value);
-            setAnchorEl(null);
-        }
-    };
-    var handleItemClick = function () {
-        if (multiple) {
-            if (!stageFilterSelections && filteredOptionsCount === 1) {
-                setOpen(false);
-            }
-            else {
-                setOpen(false);
-            }
-        }
-    };
-    return (React__default.createElement(Box, { className: classes.selectContainer },
-        React__default.createElement(FormControl, { variant: "outlined", fullWidth: true },
-            React__default.createElement(InputLabel, { id: "select-filter-label-" + filterName }, filterName || 'filter'),
-            React__default.createElement(Select, { variant: "outlined", open: open, onOpen: function () { return setOpen(true); }, onClose: function () { return setOpen(false); }, value: value || fallbackValue, displayEmpty: true, multiple: multiple, renderValue: stageFilterSelections ? undefined : function () { return React__default.createElement(Typography$1, null, renderedValue); }, label: filterName || 'filter', labelId: "select-filter-label-" + filterName, disabled: !filteredOptionsCount, IconComponent: SvgChevronDown, onChange: handleChange, fullWidth: true, classes: {
-                    root: classes.selectRoot,
-                    icon: classes.icon,
-                }, MenuProps: {
-                    disablePortal: true,
-                    anchorOrigin: {
-                        vertical: 'bottom',
-                        horizontal: 'left',
-                    },
-                    transformOrigin: {
-                        vertical: 'top',
-                        horizontal: 'left',
-                    },
-                    getContentAnchorEl: null,
-                } }, filteredOptions.map(function (option, index) {
-                return (React__default.createElement(MenuItem, { classes: { root: option.hide ? classes.hidden : undefined }, key: "option-" + value + "-" + index, value: option.value, onClick: handleItemClick }, option.label));
-            })))));
-};
-
-var ToggleFilter = function (props) {
-    var table = useContext(TableContext).table;
-    var columnId = props.columnId;
-    var column = table.getColumn(columnId);
-    var meta = column.columnDef.meta;
-    var filterName = meta.filter.name;
-    var value = column.getFilterValue();
-    var handleChange = function (event, checked) {
-        event.stopPropagation();
-        column.setFilterValue(checked);
-    };
-    return React__default.createElement(FormControlLabel$1, { control: React__default.createElement(Switch$2, { checked: value, onChange: handleChange }), label: filterName });
-};
-
-var FilterControl = function (props) {
-    var input = props.input, columnFilter = __rest$3(props, ["input"]);
-    var inputDictionary = {
-        text: TextField,
-        select: SelectFilter,
-        'multi-select': SelectFilter,
-        toggle: ToggleFilter,
-    };
-    var propsDictionary = {
-        select: { multiple: false },
-        'multi-select': { multiple: true },
-    };
-    // @ts-expect-error - todo.
-    return React__default.createElement("div", null, createElement(inputDictionary[input], __assign$3(__assign$3({}, columnFilter), propsDictionary[input])));
-};
-
-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$3({ 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];
-    };
-}
-
-var useStagedColumnFilters = function (selectedColumnFilters) {
-    var _a = useState(function () {
-        return selectedColumnFilters.reduce(function (acc, _a) {
-            var id = _a.id, value = _a.value;
-            if (acc.has(id)) {
-                var existingValue = acc.get(id);
-                // If the existing value is a string, convert it to an array and add the new value
-                if (typeof existingValue === 'string') {
-                    acc.set(id, [existingValue, value]);
-                }
-                else {
-                    existingValue.push(value);
-                }
-            }
-            else {
-                acc.set(id, value);
-            }
-            return acc;
-        }, new Map());
-    }), columnInputValues = _a[0], setColumnInputValues = _a[1];
-    var filterState = {
-        update: function (columnId, value) {
-            return setColumnInputValues(columnInputValues.set(columnId, value));
-        },
-        get: function (columnId) { return columnInputValues.get(columnId); },
-        clear: function () {
-            columnInputValues.clear();
-            setColumnInputValues(columnInputValues);
-        },
-        delete: function (columnFilter) {
-            var values = columnInputValues.get(columnFilter.id);
-            if (values && Array.isArray(values)) {
-                var valueIndex = values.indexOf(columnFilter.value);
-                values.splice(valueIndex, 1);
-                if (values.length > 0) {
-                    columnInputValues.set(columnFilter.id, values);
-                }
-                else {
-                    columnInputValues.delete(columnFilter.id);
-                }
-            }
-            else {
-                columnInputValues.delete(columnFilter.id);
-            }
-            setColumnInputValues(columnInputValues);
-        },
-        exist: function () { return columnInputValues.size > 0; },
-    };
-    return filterState;
-};
-
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-
-var __assign$1 = function() {
-    __assign$1 = Object.assign || function __assign(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign$1.apply(this, arguments);
-};
-
-function __rest$1(s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-}
-
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-
-var __assign = function() {
-    __assign = Object.assign || function __assign(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-
-function __rest(s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-}
-
-var _path$1D;
-
-function _extends$3H() { _extends$3H = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3H.apply(this, arguments); }
-
-function SvgUser(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$3H({
-    viewBox: "0 0 16 16",
-    fill: "none",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    width: "1em",
-    height: "1em"
-  }, props), _path$1D || (_path$1D = /*#__PURE__*/React.createElement("path", {
-    d: "M13.333 14v-1.333A2.667 2.667 0 0010.667 10H5.333a2.667 2.667 0 00-2.666 2.667V14M8 7.333A2.667 2.667 0 108 2a2.667 2.667 0 000 5.333z",
-    stroke: "currentColor"
-  })));
-}
-
-var useIconStyles = makeStyles(function (_a) {
-    var spacing = _a.spacing, palette = _a.palette;
-    var getFontSize = function (_a) {
-        var size = _a.size;
-        var sizes = {
-            inherit: 'inherit',
-            small: spacing(1.5),
-            medium: spacing(2),
-            large: spacing(2.5),
-            'extra-large': spacing(3),
-        };
-        return size ? sizes[size] : 'inherit';
-    };
-    var getColor = function (props) {
-        var semanticColors = ['primary', 'secondary', 'info', 'success', 'warning', 'error'];
-        var value = 'inherit';
-        if (props.color) {
-            if (semanticColors.includes(props.color.split('.')[0])) {
-                var _a = props.color.split('.'), color = _a[0], _b = _a[1], variant = _b === void 0 ? 'main' : _b;
-                // @ts-expect-error - todo.
-                value = palette[color][variant];
-            }
-            else if (props.color.search(/^(rgb|hsla|#)/) !== -1) {
-                value = props.color;
-            }
-        }
-        return value;
-    };
-    return {
-        root: {
-            color: getColor,
-            fontSize: getFontSize,
-            strokeWidth: '1.3px',
-        },
-    };
-});
-
-var classnames$1 = {exports: {}};
-
-/*!
-  Copyright (c) 2018 Jed Watson.
-  Licensed under the MIT License (MIT), see
-  http://jedwatson.github.io/classnames
-*/
-
-(function (module) {
-/* global define */
-
-(function () {
-
-	var hasOwn = {}.hasOwnProperty;
-
-	function classNames() {
-		var classes = [];
-
-		for (var i = 0; i < arguments.length; i++) {
-			var arg = arguments[i];
-			if (!arg) continue;
-
-			var argType = typeof arg;
-
-			if (argType === 'string' || argType === 'number') {
-				classes.push(arg);
-			} else if (Array.isArray(arg)) {
-				if (arg.length) {
-					var inner = classNames.apply(null, arg);
-					if (inner) {
-						classes.push(inner);
-					}
-				}
-			} else if (argType === 'object') {
-				if (arg.toString === Object.prototype.toString) {
-					for (var key in arg) {
-						if (hasOwn.call(arg, key) && arg[key]) {
-							classes.push(key);
-						}
-					}
-				} else {
-					classes.push(arg.toString());
-				}
-			}
-		}
-
-		return classes.join(' ');
-	}
-
-	if (module.exports) {
-		classNames.default = classNames;
-		module.exports = classNames;
-	} else {
-		window.classNames = classNames;
-	}
-}());
-}(classnames$1));
-
-var classNames$1 = classnames$1.exports;
-
-var iconStaticClassName = 'pop-icon';
-var Icon = function (props) {
-    var icon = props.icon, className = props.className, restProps = __rest(props, ["icon", "className"]);
-    var hasAccessibleAttr = Boolean(restProps['aria-describedby'] || restProps['aria-label']);
-    if (!hasAccessibleAttr && restProps['aria-hidden'] === undefined) {
-        restProps['aria-hidden'] = true;
-    }
-    var classes = useIconStyles(props);
-    var isValid = true;
-    if (!icon || (typeof icon === 'function' && icon({}) === undefined)) {
-        isValid = false;
-    }
-    return isValid
-        ? createElement(icon, __assign({ className: classNames$1([classes.root, iconStaticClassName, className]) }, restProps))
-        : null;
-};
-Icon.defaultProps = {
-    size: 'inherit',
-    color: 'inherit',
-};
-Icon.displayName = 'Icon';
-
-var LoadingStatus;
-(function (LoadingStatus) {
-    LoadingStatus["ERROR"] = "ERROR";
-    LoadingStatus["LOADED"] = "LOADED";
-    LoadingStatus["PENDING"] = "PENDING";
-})(LoadingStatus || (LoadingStatus = {}));
-var useImgProps = function (avatarProps) {
-    var _a = React__default.useState(LoadingStatus.PENDING), loaded = _a[0], setLoaded = _a[1];
-    var imgProps = __assign(__assign({}, avatarProps.imgProps), { onLoad: function (event) {
-            var _a, _b;
-            setLoaded(LoadingStatus.LOADED);
-            (_b = (_a = avatarProps.imgProps) === null || _a === void 0 ? void 0 : _a.onLoad) === null || _b === void 0 ? void 0 : _b.call(_a, event);
-        } });
-    return { imgProps: imgProps, loaded: loaded };
-};
-
-var getAvatarDimensions = function (theme, props) {
-    var factors = {
-        'extra-small': 3,
-        small: 4,
-        medium: 5,
-        large: 6,
-        'extra-large': 12.5,
-    };
-    var sizeFactor = factors[props.size || 'medium'];
-    return theme.spacing(sizeFactor);
-};
-var getAvatarFontSize = function (props) {
-    var fontSizes = {
-        'extra-small': '0.75rem',
-        small: '1rem',
-        medium: '1rem',
-        large: '1.25rem',
-        'extra-large': '3.5rem',
-    };
-    return fontSizes[props.size];
-};
-var useAvatarStyles = makeStyles$1(function (theme) { return ({
-    root: function (props) { return ({
-        width: getAvatarDimensions(theme, props),
-        height: getAvatarDimensions(theme, props),
-        fontSize: getAvatarFontSize(props),
-        backgroundColor: props.loaded === LoadingStatus.LOADED ? 'transparent' : props.background,
-        color: theme.palette.getContrastText(props.background),
-        objectFit: props.fit,
-    }); },
-    fallback: function (props) { return ({
-        fontSize: getAvatarDimensions(theme, props),
-        strokeWidth: 1,
-    }); },
-}); });
-
-var Avatar = forwardRef(function (props, ref) {
-    var children = props.children, src = props.src, alt = props.alt, fallback = props.fallback, muiProps = __rest(props, ["children", "src", "alt", "fallback"]);
-    var _a = useImgProps(props), imgProps = _a.imgProps, loaded = _a.loaded;
-    var classes = useAvatarStyles(__assign(__assign({}, props), { loaded: loaded }));
-    var displayAltTextFallback = src && alt;
-    var displayNoFallback = fallback === 'none';
-    var displayCustomFallback = fallback !== 'none' && typeof fallback !== 'undefined';
-    var Fallback;
-    if (displayAltTextFallback) {
-        Fallback = null;
-    }
-    else if (displayNoFallback) {
-        Fallback = ' ';
-    }
-    else if (displayCustomFallback) {
-        Fallback = fallback;
-    }
-    else {
-        Fallback = React__default.createElement(Icon, { icon: SvgUser, className: classes.fallback });
-    }
-    return (React__default.createElement(MuiAvatar, __assign({ ref: ref, classes: { root: classes.root }, src: src, alt: alt }, muiProps, { imgProps: imgProps }), children || Fallback));
-});
-Avatar.defaultProps = {
-    size: 'medium',
-    fit: 'cover',
-    background: '#E0E0E0',
-};
-Avatar.displayName = 'Avatar';
-
-makeStyles$1(function (theme) { return ({
-    circle: {
-        backgroundColor: theme.palette.grey[300],
-        borderRadius: '50%',
-        height: theme.spacing(0.65),
-        width: theme.spacing(0.65),
-        margin: theme.spacing(1) + "px 0 " + theme.spacing(1) + "px " + theme.spacing(1) + "px",
-    },
-    container: {
-        border: "1px solid " + theme.palette.secondary.light,
-        borderRadius: theme.spacing(0.5),
-        flexGrow: 1,
-    },
-    titleBar: {
-        display: 'flex',
-        flexDirection: 'row',
-        borderBottom: "1px solid " + theme.palette.secondary.light,
-        width: '100%',
-    },
-}); });
-
-var useButtonStyles$1 = makeStyles$1(function () { return ({
-    root: {
-        minWidth: 'unset',
-    },
-    label: {
-        textTransform: function (_a) {
-            var textTransform = _a.textTransform;
-            return textTransform;
-        },
-    },
-}); });
-
-var Button$1 = function (props) {
-    props.textTransform; var loading = props.loading, classesOverride = props.classes, className = props.className, ButtonRef = props.ButtonRef, muiProps = __rest(props, ["textTransform", "loading", "classes", "className", "ButtonRef"]);
-    props.classes; var styleProps = __rest(props, ["classes"]);
-    var classes = useButtonStyles$1(styleProps);
-    var typography = useTheme().typography;
-    var loadingIndicator = {
-        startIcon: React__default.createElement(CircularProgress, { color: "inherit", size: typography.button.fontSize }),
-        disabled: true,
-    };
-    return (React__default.createElement(MuiButton, __assign({ ref: ButtonRef, classes: __assign(__assign({}, classes), classesOverride), className: classNames$1([className, 'pm-button']) }, muiProps, (loading && loadingIndicator))));
-};
-Button$1.displayName = 'Button';
-
-var Checkbox = forwardRef(function (props, ref) {
-    var label = props.label, disabled = props.disabled, LabelProps = props.LabelProps, muiProps = __rest(props, ["label", "disabled", "LabelProps"]);
-    var control = React__default.createElement(MuiCheckbox, __assign({ disabled: label ? undefined : disabled }, muiProps));
-    return label ? (React__default.createElement(FormControlLabel, __assign({ disabled: disabled, inputRef: ref, control: control, label: label }, LabelProps))) : (control);
-});
-Checkbox.displayName = 'Checkbox';
-
-var getBackground$1 = function (theme) { return function (props) {
-    var variant = props.variant, severity = props.severity;
-    var background = theme.palette.grey[100];
-    var backgrounds = {
-        outlined: 'none',
-        error: 'error.main',
-        warning: 'warning.main',
-        info: 'info.light',
-        success: 'success.light',
-    };
-    if (variant === 'outlined') {
-        background = backgrounds[variant];
-    }
-    else if (severity) {
-        var _a = backgrounds[severity].split('.'), color = _a[0], colorVariant = _a[1];
-        // @ts-expect-error - todo.
-        background = theme.palette[color][colorVariant];
-    }
-    return background;
-}; };
-var getColor$1 = function (theme) { return function (props) {
-    var variant = props.variant, severity = props.severity;
-    var textColor;
-    if (variant === 'outlined' && severity) {
-        var textColors = {
-            error: theme.palette.error.main,
-            info: theme.palette.info.main,
-            warning: theme.palette.warning.dark,
-            success: theme.palette.success.dark,
-        };
-        textColor = textColors[severity];
-    }
-    else if (variant === 'outlined' && !severity) {
-        textColor = theme.palette.grey[700];
-    }
-    else if ((variant === 'default' || variant === undefined) && severity) {
-        var textColors = {
-            error: theme.palette.common.white,
-            info: theme.palette.secondary.main,
-            warning: theme.palette.secondary.main,
-            success: theme.palette.secondary.main,
-        };
-        textColor = textColors[severity];
-    }
-    return textColor;
-}; };
-var getBorder = function (theme) { return function (props) {
-    var variant = props.variant, severity = props.severity;
-    var borderColor;
-    if (variant === 'outlined' && severity) {
-        var borderColors = {
-            error: theme.palette.error.main,
-            info: theme.palette.info.main,
-            warning: theme.palette.warning.dark,
-            success: theme.palette.success.dark,
-        };
-        borderColor = borderColors[severity];
-    }
-    return borderColor;
-}; };
-// using `any` here is a bit of cheating but it doesn't matter since this doesn't depend on
-// any component-specific props
-makeStyles$1(function (theme) { return ({
-    root: {
-        background: getBackground$1(theme),
-        color: getColor$1(theme),
-        borderColor: getBorder(theme),
-        borderRadius: theme.spacing(0.5),
-    },
-    icon: {
-        color: 'inherit',
-        height: theme.spacing(2),
-        width: theme.spacing(2),
-    },
-    deleteIcon: {
-        color: theme.palette.grey[500],
-    },
-}); });
-
-var defaultTypographyProps = {
-    variant: 'body1',
-};
-
-var weights = {
-    regular: 400,
-    medium: 500,
-    'semi-bold': 600,
-    bold: 700,
-};
-var getCustomColor = function (theme, color) {
-    var isCommonColor = color && ['white', 'black'].includes(color);
-    var isGreyColor = color && color.match(/^grey\.\d{3}/);
-    var isSemanticColor = color && color.match(/(primary|secondary|info|success|error|warning).?(light|dark)?/);
-    var isTextColor = color && ['textPrimary', 'textSecondary'].includes(color);
-    switch (true) {
-        case isCommonColor:
-            // @ts-expect-error - todo.
-            return theme.palette.common[color];
-        case Boolean(isGreyColor):
-            var scale = color.split('.')[1];
-            // @ts-expect-error - todo.
-            return theme.palette.grey[scale] || theme.palette.grey[900];
-        case Boolean(isSemanticColor):
-            var _a = color.split('.'), paletteKey = _a[0], _b = _a[1], variant = _b === void 0 ? 'main' : _b;
-            // @ts-expect-error - todo.
-            return theme.palette[paletteKey][variant];
-        case isTextColor:
-            // @ts-expect-error - todo.
-            return theme.palette.text[color.slice(4).toLowerCase()];
-        default:
-            return undefined;
-    }
-};
-var useTypographyStyles = makeStyles$1(function (theme) {
-    var _a;
-    return ({
-        root: (_a = {},
-            _a["& ." + iconStaticClassName] = {
-                position: 'relative',
-                top: '0.125em',
-                padding: '0 0.125em',
-                boxSizing: 'content-box',
-            },
-            _a.fontFamily = theme.typography.fontFamily,
-            _a.fontWeight = function (_a) {
-                var variant = _a.variant, weight = _a.weight;
-                return (weight ? weights[weight] : theme.typography[variant].fontWeight);
-            },
-            _a.fontSize = function (_a) {
-                var variant = _a.variant;
-                return theme.typography[variant].fontSize;
-            },
-            _a.lineHeight = function (_a) {
-                var variant = _a.variant;
-                return theme.typography[variant].lineHeight;
-            },
-            _a.textTransform = function (_a) {
-                var variant = _a.variant;
-                return theme.typography[variant].textTransform;
-            },
-            _a.color = function (_a) {
-                var color = _a.color, variant = _a.variant;
-                return (color && getCustomColor(theme, color)) || theme.typography[variant].color;
-            },
-            _a),
-        caption: {
-            display: 'inline',
-        },
-        overline: {
-            display: 'inline',
-        },
-    });
-});
-
-var Typography = function (props) {
-    props.weight; props.color; var TypographyRef = props.TypographyRef, restProps = __rest(props, ["weight", "color", "TypographyRef"]);
-    var classes = useTypographyStyles(__assign({}, props));
-    var variantMapping = { subtitle1: 'p' };
-    return React__default.createElement(Typography$2, __assign({ classes: classes, variantMapping: variantMapping, ref: TypographyRef }, restProps));
-};
-Typography.displayName = 'Typography';
-Typography.defaultProps = defaultTypographyProps;
-
-var getFadeStop = function (_a, typographyVariant) {
-    var typography = _a.typography;
-    // @ts-expect-error - todo.
-    return !isNaN(Number(typography[typographyVariant].lineHeight))
-        ? // @ts-expect-error - todo.
-            typography[typographyVariant].lineHeight + "rem"
-        : // @ts-expect-error - todo.
-            typography[typographyVariant].lineHeight;
-};
-makeStyles(function (theme) { return ({
-    overlay: {
-        position: 'absolute',
-        top: 0,
-        left: 0,
-        height: '100%',
-        width: '100%',
-        background: function (props) { return "linear-gradient(to top, white, #FFF0 " + getFadeStop(theme, props.typographyVariant) + ")"; },
-    },
-}); });
-
-var SemanticColors;
-(function (SemanticColors) {
-    SemanticColors["PRIMARY_MAIN"] = "primary.main";
-    SemanticColors["PRIMARY_DARK"] = "primary.dark";
-    SemanticColors["PRIMARY_LIGHT"] = "primary.light";
-    SemanticColors["SECONDARY_MAIN"] = "secondary.main";
-    SemanticColors["SECONDARY_DARK"] = "secondary.dark";
-    SemanticColors["SECONDARY_LIGHT"] = "secondary.light";
-})(SemanticColors || (SemanticColors = {}));
-makeStyles(function (theme) { return ({
-    dividerRoot: {
-        gap: theme.spacing(2),
-    },
-    textRoot: {
-        color: function (props) {
-            var textColor = props.textColor;
-            if (Object.values(SemanticColors).includes(textColor)) {
-                var _a = textColor.split('.'), semanticColor = _a[0], shade = _a[1];
-                // @ts-expect-error - todo.
-                return theme.palette[semanticColor][shade];
-            }
-            else if (textColor) {
-                return textColor;
-            }
-            else {
-                return 'black';
-            }
-        },
-        textTransform: function (props) { return props.textTransform; },
-    },
-    dividerLine: {
-        backgroundColor: function (props) {
-            var dividerColor = props.dividerColor;
-            if (Object.values(SemanticColors).includes(dividerColor)) {
-                var _a = dividerColor.split('.'), semanticColor = _a[0], shade = _a[1];
-                // @ts-expect-error - todo.
-                return theme.palette[semanticColor][shade];
-            }
-            else if (dividerColor) {
-                return dividerColor;
-            }
-            else {
-                return theme.palette.grey[500];
-            }
-        },
-    },
-}); });
-
-var IconButton = forwardRef(function (props, ref) {
-    return React__default.createElement(MuiIconButton, __assign({ ref: ref }, props));
-});
-IconButton.displayName = 'IconButton';
-IconButton.defaultProps = {
-    color: 'secondary',
-};
-
-var useLinkStyles = makeStyles$1(function (theme) { return ({
-    root: function (props) {
-        var _a;
-        return (__assign(__assign({ display: 'flex' }, (props.color === undefined && { color: theme.palette.info.main })), (_a = {}, _a["& ." + iconStaticClassName] = {
-            alignSelf: 'center',
-        }, _a)));
-    },
-}); });
-
-// eslint-disable-next-line react/display-name -- false positive
-var Link = forwardRef(function (props, ref) {
-    var children = props.children, muiProps = __rest(props, ["children"]);
-    var classes = useLinkStyles(props);
-    return (React__default.createElement(Link$2, __assign({ ref: ref, classes: { root: classes.root } }, muiProps), children));
-});
-Link.defaultProps = {
-    variant: 'body1',
-};
-Link.displayName = 'Link';
-
-var useStyles$4$1 = makeStyles(function (_a) {
-    var spacing = _a.spacing;
-    return ({
-        root: {
-            '&:last-child': {
-                marginBottom: 0,
-            },
-            marginBottom: spacing(4),
-            padding: spacing(4),
-        },
-    });
-});
-var Paper = forwardRef(function (props, ref) {
-    var legacyStyles = props.legacyStyles, restProps = __rest(props, ["legacyStyles"]);
-    var classes = useStyles$4$1(props);
-    return React__default.createElement(Paper$2, __assign({}, ref, { classes: __assign({}, (legacyStyles && classes)) }, restProps));
-});
-Paper.displayName = 'Paper';
-Paper.defaultProps = {
-    legacyStyles: false,
-};
-
-var Radio = forwardRef(function (props, ref) {
-    var label = props.label, disabled = props.disabled, LabelProps = props.LabelProps, muiProps = __rest(props, ["label", "disabled", "LabelProps"]);
-    var control = React__default.createElement(MuiRadio, __assign({ disabled: label ? undefined : disabled }, muiProps));
-    return label ? (React__default.createElement(FormControlLabel, __assign({ disabled: disabled, inputRef: ref, control: control, label: label }, LabelProps))) : (control);
-});
-Radio.displayName = 'Radio';
-
-makeStyles$1(function () { return ({
-    textfield: {
-        background: function (props) { return (props.backgroundTransparency ? '#FFFFFF44' : 'none'); },
-        borderTopLeftRadius: 4,
-        borderBottomLeftRadius: 4,
-        '& fieldset': {
-            borderRight: 'none',
-            borderTopRightRadius: 0,
-            borderBottomRightRadius: 0,
-        },
-    },
-    button: {
-        borderTopLeftRadius: 0,
-        borderBottomLeftRadius: 0,
-        alignSelf: 'stretch',
-    },
-    input: {
-        color: function (props) { return props.inputTextColor || 'inherit'; },
-        '&$focused fieldset': {
-            top: -4,
-        },
-    },
-    focused: {},
-}); });
-
-var useSwitchStyles = makeStyles$1(function (theme) { return ({
-    checked: {
-        '& $thumb': {
-            background: theme.palette.success.main,
-        },
-        '&& + $track': {
-            backgroundColor: theme.palette.success.main,
-        },
-    },
-    thumb: {},
-    track: {},
-}); });
-
-var Switch = forwardRef(function (props, ref) {
-    var label = props.label, disabled = props.disabled, LabelProps = props.LabelProps, muiProps = __rest(props, ["label", "disabled", "LabelProps"]);
-    var classes = useSwitchStyles(props);
-    var control = React__default.createElement(MuiSwitch, __assign({ classes: classes, disabled: label ? undefined : disabled }, muiProps));
-    return label ? (React__default.createElement(FormControlLabel, __assign({ disabled: disabled, inputRef: ref, control: control, label: label }, LabelProps))) : (control);
-});
-Switch.displayName = 'Switch';
-
-var useToggleButtonStyles = makeStyles$1(function (theme) { return ({
-    root: {
-        color: theme.palette.text.primary,
-    },
-    selected: {
-        '&&': {
-            '&:hover': {
-                backgroundColor: function (props) { return theme.palette[props.color || 'primary'].dark; },
-            },
-            backgroundColor: function (props) { return theme.palette[props.color || 'primary'].main; },
-            color: 'white',
-        },
-    },
-}); });
-
-var ToggleButton = forwardRef(function (props, ref) {
-    var children = props.children, muiProps = __rest(props, ["children"]);
-    var classes = useToggleButtonStyles(props);
-    return (React__default.createElement(MuiToggleButton, __assign({ ref: ref, classes: {
-            root: classes.root,
-            selected: classes.selected,
-        } }, muiProps), children));
-});
-ToggleButton.defaultProps = {
-    color: 'primary',
-};
-ToggleButton.displayName = 'ToggleButton';
-
-var useToggleButtonGroupStyles = makeStyles$1(function (theme) { return ({
-    root: {
-        '&&': {
-            backgroundColor: theme.palette.grey[300],
-        },
-    },
-}); });
-
-var ToggleButtonGroup = forwardRef(function (props, ref) {
-    var children = props.children, _a = props.color, color = _a === void 0 ? 'primary' : _a, muiProps = __rest(props, ["children", "color"]);
-    var classes = useToggleButtonGroupStyles(props);
-    var childrenWithProps = React__default.Children.map(children, function (child) {
-        if (!React__default.isValidElement(child)) {
-            return null;
-        }
-        return React__default.cloneElement(child, { color: color });
-    });
-    return (React__default.createElement(MuiToggleButtonGroup, __assign({ ref: ref, classes: { root: classes.root } }, muiProps), childrenWithProps));
-});
-ToggleButtonGroup.displayName = 'ToggleButtonGroup';
-
-var useTooltipStyles = makeStyles$1(function (_a) {
-    var typography = _a.typography;
-    return ({
-        tooltip: {
-            fontSize: typography.pxToRem(16),
-        },
-    });
-});
-
-var Tooltip = forwardRef(function (props, ref) {
-    var classes = useTooltipStyles(props);
-    return React__default.createElement(MuiTooltip, __assign({ ref: ref, classes: classes }, props));
-});
-Tooltip.displayName = 'Tooltip';
-
-makeStyles(function () { return ({
-    root: {
-        height: 56,
-    },
-}); });
-makeStyles(function (theme) { return ({
-    root: {
-        height: '100%',
-        width: 'min-content',
-        borderRadius: theme.spacing(1),
-    },
-    input: {
-        '&::-webkit-clear-button, &::-webkit-outer-spin-button, &::-webkit-inner-spin-button': {
-            display: 'none',
-        },
-        '-moz-appearance': 'textfield',
-        minWidth: 40,
-        padding: 0,
-        textAlign: 'center',
-    },
-    adornedStart: {
-        padding: 0,
-    },
-    adornedEnd: {
-        padding: 0,
-    },
-}); });
-
-makeStyles(function () { return ({
-    root: {
-        display: 'flex',
-        flexDirection: 'column',
-        alignItems: 'center',
-        gridGap: 16,
-    },
-}); });
-
-var FollowerAuthenticationDialogContext = createContext(null);
-FollowerAuthenticationDialogContext.Provider;
-
-makeStyles(function () { return ({
-    form: {
-        display: 'flex',
-        flexDirection: 'column',
-        alignItems: 'center',
-        width: '100%',
-        gridGap: 16,
-    },
-}); });
-
-makeStyles(function () { return ({
-    main: {
-        width: '100%',
-        display: 'flex',
-        flexDirection: 'column',
-        gridGap: 16,
-    },
-}); });
-
-makeStyles(function () { return ({
-    root: {
-        position: 'absolute',
-        top: 0,
-        right: 0,
-    },
-}); });
-
-var _g$2C;
-
-function _extends$4K() { _extends$4K = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$4K.apply(this, arguments); }
-
-function SvgCheckCircle(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$4K({
-    viewBox: "0 0 16 16",
-    fill: "none",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    width: "1em",
-    height: "1em"
-  }, props), _g$2C || (_g$2C = /*#__PURE__*/React.createElement("g", {
-    stroke: "currentColor"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M14.667 7.387V8a6.667 6.667 0 11-3.954-6.093"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M14.667 2.667L8 9.34l-2-2"
-  }))));
-}
-
-var _path$26;
-
-function _extends$4H() { _extends$4H = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$4H.apply(this, arguments); }
-
-function SvgX(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$4H({
-    viewBox: "0 0 16 16",
-    fill: "none",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    width: "1em",
-    height: "1em"
-  }, props), _path$26 || (_path$26 = /*#__PURE__*/React.createElement("path", {
-    d: "M12 4l-8 8m0-8l8 8",
-    stroke: "currentColor"
-  })));
-}
-
-var _g$2p, _defs$1u;
-
-function _extends$4p() { _extends$4p = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$4p.apply(this, arguments); }
-
-function SvgHelp(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$4p({
-    viewBox: "0 0 16 16",
-    fill: "none",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    width: "1em",
-    height: "1em"
-  }, props), _g$2p || (_g$2p = /*#__PURE__*/React.createElement("g", {
-    clipPath: "url(#help_svg__clip0_8_5446)",
-    stroke: "currentColor"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M8 14.667A6.667 6.667 0 108 1.334a6.667 6.667 0 000 13.333z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M6.06 6a2 2 0 013.887.667c0 1.333-2 2-2 2M8 11.334h.007"
-  }))), _defs$1u || (_defs$1u = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
-    id: "help_svg__clip0_8_5446"
-  }, /*#__PURE__*/React.createElement("path", {
-    fill: "currentColor",
-    d: "M0 0h16v16H0z"
-  })))));
-}
-
-var _g$2m, _defs$1t;
-
-function _extends$4m() { _extends$4m = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$4m.apply(this, arguments); }
-
-function SvgInfo(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$4m({
-    viewBox: "0 0 16 16",
-    fill: "none",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    width: "1em",
-    height: "1em"
-  }, props), _g$2m || (_g$2m = /*#__PURE__*/React.createElement("g", {
-    clipPath: "url(#info_svg__clip0_8_5377)",
-    stroke: "currentColor"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M8 14.667A6.667 6.667 0 108 1.334a6.667 6.667 0 000 13.333zm0-4V8m0-2.667h.007"
-  }))), _defs$1t || (_defs$1t = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
-    id: "info_svg__clip0_8_5377"
-  }, /*#__PURE__*/React.createElement("path", {
-    fill: "currentColor",
-    d: "M0 0h16v16H0z"
-  })))));
-}
-
-var _g$20, _defs$1f;
-
-function _extends$3w() { _extends$3w = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3w.apply(this, arguments); }
-
-function SvgError(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$3w({
-    viewBox: "0 0 16 16",
-    fill: "none",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    width: "1em",
-    height: "1em"
-  }, props), _g$20 || (_g$20 = /*#__PURE__*/React.createElement("g", {
-    clipPath: "url(#error_svg__clip0_8_5411)",
-    stroke: "currentColor"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M5.24 1.333h5.52l3.907 3.907v5.52l-3.907 3.907H5.24L1.333 10.76V5.24L5.24 1.333zm2.76 4V8m0 2.666h.008"
-  }))), _defs$1f || (_defs$1f = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
-    id: "error_svg__clip0_8_5411"
-  }, /*#__PURE__*/React.createElement("path", {
-    fill: "currentColor",
-    d: "M0 0h16v16H0z"
-  })))));
-}
-
-var _path$1u;
-
-function _extends$3v() { _extends$3v = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3v.apply(this, arguments); }
-
-function SvgWarning(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$3v({
-    viewBox: "0 0 16 16",
-    fill: "none",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    width: "1em",
-    height: "1em"
-  }, props), _path$1u || (_path$1u = /*#__PURE__*/React.createElement("path", {
-    d: "M6.86 2.573L1.213 12a1.334 1.334 0 001.14 2h11.294a1.332 1.332 0 001.14-2L9.14 2.573a1.333 1.333 0 00-2.28 0v0zM8 6v2.667m0 2.667h.007",
-    stroke: "currentColor"
-  })));
-}
-
-var useAlertStyles = makeStyles$1(function (theme) { return ({
-    root: {
-        alignItems: 'center',
-        width: function (_a) {
-            var fullWidth = _a.fullWidth;
-            return (fullWidth ? '100%' : 'unset');
-        },
-        background: 'white',
-        borderColor: function (props) { return theme.palette[props.severity || 'error'].main; },
-        borderLeft: theme.spacing(1) + "px solid",
-        color: theme.palette.text.primary,
-    },
-    icon: {
-        alignSelf: 'start',
-    },
-}); });
-
-var severityIcons$1 = {
-    info: SvgInfo,
-    error: SvgError,
-    warning: SvgWarning,
-    success: SvgCheckCircle,
-};
-var getLinkProps = function (link) {
-    if (!link)
-        return null;
-    var href = link.href, onClick = link.onClick, text = link.text;
-    if (!text)
-        return null;
-    var props = { children: text };
-    if (href)
-        return __assign$1(__assign$1({}, props), { href: href });
-    if (onClick)
-        return __assign$1(__assign$1({}, props), { onClick: onClick });
-    return null;
-};
-var Alert = forwardRef(function (props, ref) {
-    var children = props.children, link = props.link, _a = props.severity, severity = _a === void 0 ? 'error' : _a, _b = props.variant, variant = _b === void 0 ? 'outlined' : _b, onClose = props.onClose, muiProps = __rest$1(props, ["children", "link", "severity", "variant", "onClose"]);
-    var classes = useAlertStyles(props);
-    var validLink = link && getLinkProps(link);
-    var Action = (React__default.createElement(React__default.Fragment, null,
-        validLink && React__default.createElement(Link, __assign$1({}, validLink)),
-        onClose && (React__default.createElement(IconButton, { onClick: onClose },
-            React__default.createElement(Icon, { icon: SvgX })))));
-    return (React__default.createElement(CommonAlert, __assign$1({ ref: ref, classes: classes, 
-        // @ts-expect-error - todo.
-        icon: React__default.createElement(Icon, { icon: severityIcons$1[severity], size: "extra-large" }), action: Action, variant: variant, severity: severity }, muiProps), children));
-});
-Alert.displayName = 'Alert';
-
-var borderWidth = 1;
-var getColor = function (palette, props) {
-    var variant = props.variant;
-    var color = 'inherit';
-    if (['primary', 'info', 'success', 'warning', 'error'].includes(variant)) {
-        // @ts-expect-error - todo.
-        color = palette[variant].contrastText;
-    }
-    if (variant === 'secondary') {
-        color = palette[variant].main;
-        /**
-         * Temporary fix for dark theme buttons.
-         * Dark theme will be addressed in ch-11596 and the following if block should be removed
-         */
-        if (palette.type === 'dark') {
-            color = 'black';
-        }
-    }
-    if (variant === 'tertiary') {
-        color = palette.secondary.contrastText;
-    }
-    if (variant === 'text') {
-        color = palette.info.main;
-    }
-    return color;
-};
-var getColorHover = function (palette, props) {
-    var color;
-    if (props.variant === 'secondary') {
-        color = palette.secondary.contrastText;
-    }
-    return color;
-};
-var getBackground = function (palette, props) {
-    var backgroundColor = 'inherit';
-    if (['info', 'success', 'warning', 'error'].includes(props.variant)) {
-        // @ts-expect-error - todo.
-        backgroundColor = palette[props.variant].main;
-    }
-    if (props.variant === 'primary') {
-        // @ts-expect-error gradient colors are included in the extended palette.
-        backgroundColor = "linear-gradient(97.36deg, " + palette.primary.gradientStart + " 17.03%, " + palette.primary.gradientEnd + " 72.96%)";
-    }
-    if (props.variant === 'secondary') {
-        backgroundColor = 'white';
-    }
-    if (props.variant === 'tertiary') {
-        backgroundColor = palette.secondary.main;
-    }
-    return backgroundColor;
-};
-var getBackgroundHover = function (palette, props) {
-    var backgroundHoverColor = 'inherit';
-    if (['primary', 'info', 'success', 'warning', 'error'].includes(props.variant)) {
-        // @ts-expect-error - todo.
-        backgroundHoverColor = palette[props.variant].dark;
-    }
-    if (props.variant === 'secondary') {
-        backgroundHoverColor = palette.secondary.main;
-    }
-    if (props.variant === 'tertiary') {
-        backgroundHoverColor = palette.secondary.light;
-    }
-    if (props.variant === 'text' || props.variant === 'ghost') {
-        backgroundHoverColor = palette.action.hover;
-    }
-    return backgroundHoverColor;
-};
-var buttonTypography = {
-    fontWeight: 500,
-    fontSize: '0.875rem',
-    lineHeight: '1.25rem',
-};
-var useButtonStyles = makeStyles(function (_a) {
-    var palette = _a.palette, spacing = _a.spacing;
-    return ({
-        root: function (props) { return ({
-            minWidth: 'unset',
-            color: getColor(palette, props),
-            background: getBackground(palette, props),
-            backgroundColor: props.variant === 'primary' ? palette.primary.dark : getBackground(palette, props),
-            borderRadius: spacing(6),
-            transition: 'all 200ms ease-in-out',
-            '&:hover': {
-                color: getColorHover(palette, props),
-                background: getBackgroundHover(palette, props),
-            },
-        }); },
-        disabled: {
-            '&$root': {
-                background: palette.action.disabled,
-            },
-        },
-        contained: {
-            padding: spacing(1, 2),
-        },
-        outlined: {
-            padding: "calc(" + spacing(1) + "px - " + borderWidth + "px) calc(" + spacing(2) + "px - " + borderWidth + "px)",
-            '&$sizeSmall': {
-                padding: "calc(" + spacing(0.5) + "px - " + borderWidth + "px) calc(" + spacing(2) + "px - " + borderWidth + "px)",
-            },
-            '&$sizeLarge': {
-                padding: "calc(" + spacing(1.5) + "px - " + borderWidth + "px) calc(" + spacing(2) + "px - " + borderWidth + "px)",
-            },
-        },
-        text: {
-            padding: spacing(1, 2),
-        },
-        label: __assign$1(__assign$1({}, buttonTypography), { textTransform: function (props) { return props.textTransform; } }),
-        sizeSmall: {
-            padding: spacing(0.5, 2),
-        },
-        sizeLarge: {
-            padding: spacing(1.5, 2),
-        },
-    });
-});
-
-var deriveButtonProps = function (buttonProps) {
-    var variant = buttonProps.variant;
-    var derived = {};
-    switch (variant) {
-        case 'primary':
-            derived.variant = 'contained';
-            derived.color = 'primary';
-            break;
-        case 'secondary':
-            derived.variant = 'outlined';
-            derived.color = 'secondary';
-            break;
-        case 'tertiary':
-            derived.variant = 'contained';
-            derived.color = 'secondary';
-            break;
-        case 'text':
-            derived.variant = 'text';
-        case 'ghost':
-            derived.variant = 'text';
-            break;
-        case 'success':
-            derived.variant = 'contained';
-            break;
-        case 'info':
-            derived.variant = 'contained';
-            break;
-        case 'warning':
-            derived.variant = 'contained';
-            break;
-        case 'error':
-            derived.variant = 'contained';
-            break;
-        default:
-            derived.variant = variant;
-            break;
-    }
-    return derived;
-};
-
-// eslint-disable-next-line react/display-name -- false positive
-var Button = forwardRef(function (props, ref) {
-    var children = props.children; props.variant; var classesOverride = props.classes, commonProps = __rest$1(props, ["children", "variant", "classes"]);
-    var classes = useButtonStyles(props);
-    var derivedProps = deriveButtonProps(props);
-    var mergedProps = __assign$1(__assign$1({}, derivedProps), commonProps);
-    return (React__default.createElement(Button$1, __assign$1({ ref: ref, classes: __assign$1(__assign$1({}, classes), classesOverride), disableElevation: true }, mergedProps), children));
-});
-Button.defaultProps = {
-    textTransform: 'uppercase',
-    variant: 'primary',
-};
-Button.displayName = 'Button';
-
-var useAlertDialogStyles = makeStyles$1(function (theme) { return ({
-    cancelButton: {
-        color: theme.palette.grey[700],
-    },
-    cancelIcon: {
-        position: 'absolute',
-        right: theme.spacing(1),
-        top: theme.spacing(2),
-    },
-    card: {
-        borderRadius: theme.spacing(0.75),
-        borderTop: function (props) { return theme.spacing(1.25) + "px solid " + theme.palette[props.severity || 'info'].main; },
-    },
-    cardActions: {
-        background: theme.palette.grey[100],
-        justifyContent: 'flex-end',
-    },
-    icon: {
-        fontSize: theme.spacing(5),
-    },
-    root: {
-        borderRadius: theme.spacing(0.75),
-    },
-}); });
-
-var severityIcons = {
-    info: SvgInfo,
-    error: SvgError,
-    warning: SvgWarning,
-    success: SvgCheckCircle,
-};
-var AlertDialog = forwardRef(function (props, ref) {
-    var _a = props.cancelButtonText, cancelButtonText = _a === void 0 ? 'cancel' : _a, _b = props.hideCancelButton, hideCancelButton = _b === void 0 ? false : _b, children = props.children, labelId = props.labelId, descriptionId = props.descriptionId, _c = props.severity, severity = _c === void 0 ? 'info' : _c, _d = props.proceedButtonText, proceedButtonText = _d === void 0 ? 'proceed' : _d, _e = props.disabled, disabled = _e === void 0 ? false : _e, onClose = props.onClose, onCancel = props.onCancel, onProceed = props.onProceed, DialogProps = __rest$1(props, ["cancelButtonText", "hideCancelButton", "children", "labelId", "descriptionId", "severity", "proceedButtonText", "disabled", "onClose", "onCancel", "onProceed"]);
-    var classes = useAlertDialogStyles(props);
-    return (React__default.createElement(Dialog, __assign$1({ ref: ref, classes: { paper: classes.root }, maxWidth: "sm", fullWidth: true }, DialogProps),
-        React__default.createElement(Card, { classes: { root: classes.card }, role: "alertdialog", "aria-modal": "true", "aria-labelledby": labelId, "aria-describedby": descriptionId },
-            React__default.createElement(IconButton, { className: classes.cancelIcon, onClick: onClose, disabled: disabled },
-                React__default.createElement(Icon, { icon: SvgX })),
-            React__default.createElement(CardContent, null,
-                React__default.createElement(Box, { display: "flex" },
-                    React__default.createElement(Icon, { className: classes.icon, color: severity, icon: severityIcons[severity] }),
-                    React__default.createElement(Box, { pl: 2, pr: 3 }, children))),
-            React__default.createElement(CardActions, { classes: { root: classes.cardActions } },
-                !hideCancelButton && (React__default.createElement(Button, { onClick: onCancel, disabled: disabled, variant: "ghost" }, cancelButtonText)),
-                React__default.createElement(Button, { onClick: onProceed, loading: disabled, variant: severity }, proceedButtonText)))));
-});
-AlertDialog.displayName = 'AlertDialog';
-
-var getBorderColor = function (palette, variant) {
-    var borderColor = 'inherit';
-    if (['primary', 'secondary', 'info', 'success', 'warning', 'error'].includes(variant)) {
-        // @ts-expect-error - todo.
-        borderColor = palette[variant].light;
-    }
-    return borderColor;
-};
-var useButtonGroupStyles = makeStyles$1(function (theme) { return ({
-    root: {
-        boxShadow: 'none',
-    },
-    groupedContained: {
-        '&&': {
-            borderColor: function (props) { return getBorderColor(theme.palette, props.variant); },
-        },
-    },
-    groupedText: {
-        '&&': {
-            borderColor: theme.palette.info.main,
-        },
-    },
-}); });
-
-var ButtonGroup = forwardRef(function (props, ref) {
-    var children = props.children, _a = props.variant, variant = _a === void 0 ? 'primary' : _a, muiProps = __rest$1(props, ["children", "variant"]);
-    var classes = useButtonGroupStyles(props);
-    var derivedProps = deriveButtonProps({ variant: variant });
-    var spacing = useTheme().spacing;
-    var childrenWithProps = React__default.Children.map(children, function (child, i) {
-        var isFirst = i === 0 && props.orientation === 'vertical';
-        var isLast = i === React__default.Children.toArray(children).length - 1 && props.orientation === 'vertical';
-        var firstStyles = { style: { borderTopLeftRadius: spacing(2), borderTopRightRadius: spacing(2) } };
-        var lastStyles = { style: { borderBottomLeftRadius: spacing(2), borderBottomRightRadius: spacing(2) } };
-        if (!React__default.isValidElement(child)) {
-            return null;
-        }
-        return React__default.cloneElement(child, __assign$1(__assign$1({ variant: variant }, (isFirst && firstStyles)), (isLast && lastStyles)));
-    });
-    return (React__default.createElement(CommonButtonGroup, __assign$1({ ref: ref, classes: classes }, derivedProps, muiProps), childrenWithProps));
-});
-ButtonGroup.displayName = 'ButtonGroup';
-
-makeStyles$1(function (_a) {
-    var spacing = _a.spacing;
-    return ({
-        root: {
-            gap: spacing(3),
-        },
-        actions: {
-            gap: spacing(3),
-        },
-        image: {
-            width: '100%',
-            objectFit: 'contain',
-        },
-    });
-});
-
-makeStyles$1(function (theme) { return ({
-    root: {
-        position: 'sticky',
-        background: 'white',
-        bottom: 0,
-        display: 'flex',
-        justifyContent: 'space-between',
-        padding: theme.spacing(1.5) + "px " + theme.spacing(3) + "px",
-        borderTop: theme.spacing(0.5) + "px solid " + theme.palette.grey[100],
-        zIndex: 3,
-    },
-    inlineEndActions: {
-        '& > *': {
-            marginInlineStart: theme.spacing(2),
-        },
-    },
-    inlineStartActions: {
-        display: 'flex',
-        alignItems: 'center',
-        '& > *': {
-            marginInlineEnd: theme.spacing(2),
-        },
-    },
-}); });
-
-makeStyles$1({
-    root: {
-        fontStyle: 'italic',
-    },
-});
-
-var getBorderRadius = function (theme, props) {
-    var stepCursor = props.stepCursor, stepCount = props.stepCount;
-    var isFinalStep = stepCursor / stepCount === 1;
-    if (isFinalStep) {
-        return 0;
-    }
-    else {
-        return theme.spacing(0.5);
-    }
-};
-makeStyles$1(function (theme) { return ({
-    progress: {
-        width: function (props) { return (props.stepCursor / props.stepCount) * 100 + "%"; },
-        transition: 'all 500ms',
-        height: theme.spacing(1),
-        // @ts-expect-error: Theme includes extended properties
-        background: "linear-gradient(45deg, " + theme.palette.primary.gradientStart + ", " + theme.palette.primary.gradientEnd + ")",
-        borderEndEndRadius: function (props) { return getBorderRadius(theme, props); },
-        borderStartEndRadius: function (props) { return getBorderRadius(theme, props); },
-    },
-    track: {
-        position: 'absolute',
-        bottom: 0,
-        display: 'flex',
-        alignItems: 'center',
-        width: '100%',
-        height: theme.spacing(0.5),
-        background: theme.palette.grey[100],
-        zIndex: 2,
-    },
-}); });
-
-makeStyles$1(function (_a) {
-    var spacing = _a.spacing;
-    return ({
-        closeButton: {
-            position: 'absolute',
-            right: 0,
-            top: 0,
-        },
-        root: {
-            alignItems: 'center',
-            background: 'white',
-            display: 'flex',
-            flexDirection: 'column',
-            justifyContent: 'center',
-            padding: spacing(1.5, 0),
-            position: 'sticky',
-            top: 0,
-            zIndex: 3,
-        },
-    });
-});
-
-createContext({});
-
-makeStyles$1(function (theme) {
-    var _a = theme.palette, info = _a.info, grey = _a.grey, getContrastText = _a.getContrastText, spacing = theme.spacing;
-    var selectedBackgroundColor = lighten(theme.palette.info.light, 0.9);
-    var backgroundColor = theme.palette.surface.light;
-    return {
-        root: {
-            position: 'relative',
-            border: function (_a) {
-                var selected = _a.selected;
-                return (selected ? "1px solid " + info.light : "1px solid " + grey[700]);
-            },
-            backgroundColor: function (_a) {
-                var selected = _a.selected;
-                return (selected ? selectedBackgroundColor : backgroundColor);
-            },
-            color: function (_a) {
-                var selected = _a.selected;
-                return (selected ? getContrastText(selectedBackgroundColor) : getContrastText(backgroundColor));
-            },
-            transition: 'none',
-        },
-        cardContent: {
-            display: 'flex',
-            flexDirection: 'column',
-            alignItems: 'center',
-            justifyContent: 'center',
-            marginTop: spacing(2.5),
-        },
-        icon: {
-            position: 'absolute',
-            top: spacing(2),
-            left: spacing(2),
-            color: function (_a) {
-                var selected = _a.selected;
-                return (selected ? info.main : grey[700]);
-            },
-        },
-        focusHighlight: {
-            backgroundColor: 'inherit',
-        },
-    };
-});
-
-makeStyles$1(function (theme) { return ({
-    root: {
-        boxSizing: 'border-box',
-        padding: theme.spacing(0, 1.5),
-        /** TODO: design to define responsive width value. */
-        width: '350px',
-        '& > div:first-child': {
-            alignItems: 'center',
-        },
-    },
-}); });
-
-makeStyles(function (_a) {
-    var palette = _a.palette;
-    return ({
-        root: {
-            background: palette.grey['100'],
-        },
-    });
-});
-
-var usePageSectionStyles = makeStyles(function (_a) {
-    var spacing = _a.spacing;
-    return ({
-        root: {
-            background: function (_a) {
-                var uncontained = _a.uncontained;
-                return (uncontained ? 'transparent' : undefined);
-            },
-        },
-        cardContent: {
-            padding: spacing(4),
-        },
-    });
-});
-
-var PageSection = forwardRef(function (props, ref) {
-    var children = props.children; props.uncontained; var restProps = __rest$1(props, ["children", "uncontained"]);
-    var classes = usePageSectionStyles(props);
-    return (React__default.createElement(Card, __assign$1({ classes: { root: classes.root }, ref: ref }, restProps),
-        React__default.createElement(CardContent, { classes: { root: classes.cardContent } }, children)));
-});
-PageSection.displayName = 'PageSection';
-
-makeStyles(function () { return ({
-    gutterBottom: {
-        marginBottom: '1em',
-    },
-}); });
-
-var useSettingsIndexCardStyles = makeStyles$1(function (theme) { return ({
-    cardRoot: {
-        border: "1px solid " + theme.palette.grey[300],
-        alignSelf: 'stretch',
-        flexGrow: 1,
-        '&:hover': {
-            backgroundColor: '#52B7FF1A',
-        },
-    },
-    cardContentRoot: {
-        padding: theme.spacing(4),
-        '&:last-child': {
-            paddingBottom: theme.spacing(4),
-        },
-    },
-}); });
-
-// eslint-disable-next-line react/display-name -- false positive
-var SettingsIndexCard = forwardRef(function (props, ref) {
-    var title = props.title, description = props.description, Icon$1 = props.Icon, onClick = props.onClick, statusLabel = props.statusLabel, restProps = __rest$1(props, ["title", "description", "Icon", "onClick", "statusLabel"]);
-    var classes = useSettingsIndexCardStyles(props);
-    var showStatusLabel = (statusLabel === null || statusLabel === void 0 ? void 0 : statusLabel.text) && (statusLabel === null || statusLabel === void 0 ? void 0 : statusLabel.color);
-    return (React__default.createElement(ButtonBase, __assign$1({ onClick: onClick, ref: ref }, restProps),
-        React__default.createElement(Card, { classes: { root: classes.cardRoot } },
-            React__default.createElement(CardContent, { classes: { root: classes.cardContentRoot } },
-                React__default.createElement(Box, { fontSize: "32px", display: "flex", justifyContent: 'space-between', alignItems: "center", paddingBottom: 2 },
-                    React__default.createElement(Icon, { icon: Icon$1 || SvgHelp, size: "inherit" }),
-                    showStatusLabel && (React__default.createElement(Typography, { weight: "semi-bold", variant: "body2", color: statusLabel === null || statusLabel === void 0 ? void 0 : statusLabel.color }, statusLabel === null || statusLabel === void 0 ? void 0 : statusLabel.text))),
-                React__default.createElement(Typography, { align: "left", variant: "h6", gutterBottom: true }, title),
-                description && (React__default.createElement(Typography, { align: "left", variant: "body2", color: "grey.700" }, description))))));
-});
-SettingsIndexCard.displayName = 'SettingsIndexCard';
-
-var classnames = {exports: {}};
-
-/*!
-  Copyright (c) 2018 Jed Watson.
-  Licensed under the MIT License (MIT), see
-  http://jedwatson.github.io/classnames
-*/
-
-(function (module) {
-/* global define */
-
-(function () {
-
-	var hasOwn = {}.hasOwnProperty;
-
-	function classNames() {
-		var classes = [];
-
-		for (var i = 0; i < arguments.length; i++) {
-			var arg = arguments[i];
-			if (!arg) continue;
-
-			var argType = typeof arg;
-
-			if (argType === 'string' || argType === 'number') {
-				classes.push(arg);
-			} else if (Array.isArray(arg)) {
-				if (arg.length) {
-					var inner = classNames.apply(null, arg);
-					if (inner) {
-						classes.push(inner);
-					}
-				}
-			} else if (argType === 'object') {
-				if (arg.toString === Object.prototype.toString) {
-					for (var key in arg) {
-						if (hasOwn.call(arg, key) && arg[key]) {
-							classes.push(key);
-						}
-					}
-				} else {
-					classes.push(arg.toString());
-				}
-			}
-		}
-
-		return classes.join(' ');
-	}
-
-	if (module.exports) {
-		classNames.default = classNames;
-		module.exports = classNames;
-	} else {
-		window.classNames = classNames;
-	}
-}());
-}(classnames));
-
-classnames.exports;
-
-makeStyles(function (theme) { return ({
-    root: {
-        '&$uncontained > li > *:first-child': {
-            background: theme.palette.background.paper,
-            borderRadius: theme.spacing(1),
-        },
-        '& > li > *:first-child': {
-            borderBottom: "1px solid " + theme.palette.grey[300],
-        },
-        '& > li:last-child > *:first-child': {
-            borderBottom: 'none',
-        },
-    },
-    uncontained: {
-        display: 'flex',
-        flexDirection: 'column',
-        gap: 16,
-    },
-}); });
-
-makeStyles(function (theme) { return ({
-    chipRoot: {
-        marginRight: theme.spacing(4),
-        cursor: 'pointer',
-    },
-    body: {
-        paddingTop: '4px',
-    },
-    listItemText: {
-        marginRight: '32px',
-    },
-}); });
-
-var fonts = ['"Poppins"', '"sans-serif"'];
-var adminThemeTypography = {
-    htmlFontSize: 16,
-    fontFamily: fonts.join(', '),
-    h1: {
-        fontWeight: 400,
-        fontSize: '6rem',
-        lineHeight: '9rem',
-    },
-    h2: {
-        fontWeight: 400,
-        fontSize: '3.75rem',
-        lineHeight: '5.625rem',
-    },
-    h3: {
-        fontWeight: 400,
-        fontSize: '3rem',
-        lineHeight: '4.5rem',
-    },
-    h4: {
-        fontWeight: 400,
-        fontSize: '2.125rem',
-        lineHeight: '3.25rem',
-    },
-    h5: {
-        fontWeight: 500,
-        fontSize: '1.5rem',
-        lineHeight: '2.25rem',
-    },
-    h6: {
-        fontWeight: 500,
-        fontSize: '1.25rem',
-        lineHeight: '1.875rem',
-    },
-    h7: {
-        fontWeight: 400,
-        fontSize: '1.125rem',
-        lineHeight: '1.75rem',
-    },
-    body1: {
-        fontWeight: 400,
-        fontSize: '1rem',
-        lineHeight: '1.5rem',
-    },
-    body2: {
-        fontWeight: 400,
-        fontSize: '0.875rem',
-        lineHeight: '1.25rem',
-    },
-    subtitle1: {
-        fontWeight: 400,
-        fontSize: '0.75rem',
-        lineHeight: '1.125rem',
-        color: '#9E9E9E',
-    },
-    button: {
-        fontWeight: 500,
-        fontSize: '0.875rem',
-        lineHeight: '1.25rem',
-        textTransform: 'capitalize',
-    },
-};
-
-var adminThemeBreakpoints = {
-    values: {
-        xs: 0,
-        sm: 768,
-        md: 992,
-        lg: 1200,
-        xl: 1900,
-    },
-};
-
-var basePalette = {
-    /** Semantic Colors */
-    primary: {
-        light: '#DA777E',
-        main: '#F04649',
-        dark: '#B3212B',
-        contrastText: '#FFFFFF',
-        gradientStart: '#ED4A67',
-        gradientEnd: '#F04649',
-    },
-    info: {
-        light: '#52B7FF',
-        main: '#0076CB',
-        dark: '#164B54',
-    },
-    success: {
-        light: '#48D3AB',
-        main: '#00B485',
-        dark: '#00663E',
-        contrastText: '#FFFFFF',
-    },
-    error: {
-        light: '#DA777E',
-        main: '#E52021',
-        dark: '#A80005',
-    },
-    warning: {
-        light: '#F0DFBA',
-        main: '#F5C364',
-        dark: '#E57E45',
-    },
-    /** Colors */
-    blue: {
-        light: '#52B7FF',
-        main: '#0076CB',
-        dark: '#164B54',
-        darker: '#002E6C',
-    },
-    green: {
-        light: '#48D3AB',
-        main: '#00B485',
-        dark: '#00663E',
-    },
-    purple: {
-        light: '#7B7FA3',
-        main: '#2E3042',
-        dark: '#1A1D20',
-    },
-    red: {
-        light: '#DA777E',
-        main: '#F04649',
-        dark: '#B3212B',
-    },
-    yellow: {
-        light: '#F0DFBA',
-        main: '#F5C364',
-        dark: '#E57E45',
-    },
-    gray: {
-        light: '#E9E9E9',
-        main: '#D9D9D9',
-        dark: '#9D9D9D',
-    },
-    white: {
-        main: '#FFFFFF',
-    },
-};
-var adminLightPalette = {
-    type: 'light',
-    /** Semantic Colors */
-    secondary: {
-        light: '#7B7FA3',
-        main: '#2E3042',
-        dark: '#1A1D20',
-    },
-    surface: {
-        light: '#FEFEFE',
-        main: '#ECF0F1',
-        dark: '#2E3042',
-    },
-};
-var adminDarkPalette = {
-    type: 'dark',
-    /** Semantic Colors */
-    secondary: {
-        light: '#7B7FA3',
-        main: '#FFFFFF',
-    },
-    surface: {
-        light: '#141414',
-        main: '#222222',
-        dark: '#333333',
-    },
-};
-var dataVizPalette = {
-    data: {
-        blue: {
-            light: '#A5BBFF',
-            main: '#6B82FE',
-            dark: '#5F6FE6',
-        },
-        peach: {
-            light: '#E69999',
-            main: '#FF7061',
-            dark: '#DC5D56',
-        },
-        pink: {
-            light: '#D08CB2',
-            main: '#BC5090',
-            dark: '#A04383',
-        },
-        purple: {
-            light: '#978CCE',
-            main: '#58508D',
-            dark: '#1B1B51',
-        },
-        marigold: {
-            light: '#ECBE70',
-            main: '#ECA33A',
-            dark: '#E28A30',
-        },
-        teal: {
-            light: '#5FCFD2',
-            main: '#1AB0AF',
-            dark: '#1E938F',
-        },
-    },
-};
-
-var props = {
-    MuiSwitch: {
-        color: 'default',
-    },
-    MuiTextField: {
-        variant: 'outlined',
-    },
-};
-
-/**
- * These theme properties should be considered legacy. Make efforts to avoid new usage as well as refactor out existing
- * usage.
- */
-var adminLightPlaceholder = { placeholder: 'rgba(0, 0, 0, 1)' };
-var adminDarkPlaceholder = { placeholder: 'rgba(255, 255, 255, 0.37)' };
-var adminThemeStatus = {
-    status: {
-        disabled: {
-            opacity: 0.55,
-        },
-    },
-};
-var BASE_Z_INDEX = 1100000;
-var adminThemeZIndex = {
-    zIndex: {
-        mobileStepper: BASE_Z_INDEX + 1000,
-        appBar: BASE_Z_INDEX + 1100,
-        drawer: BASE_Z_INDEX + 1200,
-        modal: BASE_Z_INDEX + 1300,
-        snackbar: BASE_Z_INDEX + 1400,
-        tooltip: BASE_Z_INDEX + 9100,
-    },
-};
-/** The defaults for MuiInputBase and MuiInputLabel can be removed once the BasicForm & 'shared' inputs have either:
- * 1. been refactored to use secondary color.
- * 2. been replaced with new common components.
- *
- * props as imported from './props' are part updated design system.
- */
-var adminThemeDefaultProps = {
-    props: __assign$1(__assign$1({}, props), { 
-        // Legacy below
-        MuiCard: {
-            elevation: 0,
-        }, MuiTooltip: {
-            title: '',
-            placement: 'right',
-        }, MuiPaper: {
-            elevation: 0,
-        }, MuiAppBar: {
-            position: 'static',
-        }, MuiInputBase: {
-            color: 'secondary',
-        }, MuiInputLabel: {
-            color: 'secondary',
-        } }),
-};
-
-var overrides = {
-    MuiCssBaseline: {
-        '@global': {
-            '*::-webkit-scrollbar': {
-                width: '12px',
-            },
-            '*::-webkit-scrollbar-thumb': {
-                backgroundColor: 'rgba(167,167,167,1)',
-                border: '2px solid rgba(245, 245, 245, 1)',
-                borderRadius: '8px',
-            },
-            '*::-webkit-scrollbar-track': {
-                backgroundColor: 'rgba(245, 245, 245, 1)',
-                borderRadius: '0px',
-            },
-        },
-    },
-    MuiSwitch: {
-        checked: {},
-        track: {},
-        switchBase: {
-            '&$checked': {
-                color: basePalette.success.main,
-                '& + $track': {
-                    background: basePalette.success.light,
-                },
-            },
-        },
-    },
-};
-
-var adminLightOptions = __assign$1(__assign$1(__assign$1(__assign$1({ themeName: 'Admin Light', palette: __assign$1(__assign$1(__assign$1({}, basePalette), adminLightPalette), dataVizPalette), breakpoints: adminThemeBreakpoints, typography: adminThemeTypography, overrides: overrides }, adminLightPlaceholder), adminThemeZIndex), adminThemeStatus), adminThemeDefaultProps);
-createTheme(adminLightOptions);
-
-var adminDarkOptions = __assign$1(__assign$1(__assign$1(__assign$1({ themeName: 'Admin Dark', palette: __assign$1(__assign$1(__assign$1({}, basePalette), adminDarkPalette), dataVizPalette), breakpoints: adminThemeBreakpoints, typography: adminThemeTypography, overrides: overrides }, adminDarkPlaceholder), adminThemeZIndex), adminThemeStatus), adminThemeDefaultProps);
-createTheme(adminDarkOptions);
-
-var Panel = function (props) {
-    var anchorEl = props.anchorEl, onClose = props.onClose;
-    var classes = useStyles$5();
-    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__default.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__default.createElement(Paper$1, { className: classes.filterPopoverContents, elevation: 2 },
-            React__default.createElement(Box, __assign$3({}, { ref: paperRef }, { padding: 3 }),
-                React__default.createElement(Typography$1, { className: classes.menuTitle }, "Filter By"),
-                columnFilters.map(function (columnFilter, i) { return (React__default.createElement(FilterControl, __assign$3({}, columnFilter, { key: i }))); })),
-            stageFilterSelections && (React__default.createElement(Box, { className: classes.buttonBox },
-                React__default.createElement(Button, { variant: "secondary", onClick: handleCancelClick }, "Cancel"),
-                React__default.createElement(Button, { onClick: handleApplyClick }, "Apply"))))));
-};
-
-var useStyles$3 = makeStyles({
-    root: {
-        justifySelf: 'end',
-        gridArea: 'columnFilter',
-    },
-});
-
-var Trigger = function (props) {
-    var _a = props.label, label = _a === void 0 ? 'Filter' : _a, onClick = props.onClick;
-    var classes = useStyles$3();
-    return (React__default.createElement(Button, { className: classes.root, onClick: onClick, startIcon: React__default.createElement(Icon$1, { icon: SvgFilter }), textTransform: "none", variant: "ghost" }, label));
-};
-
-var FilterPanel = function () {
-    var _a = useState(null), anchorEl = _a[0], setAnchorEl = _a[1];
-    var _b = useContext(TableContext), stageFilterSelections = _b.stageFilterSelections, stagedColumnFilters = _b.stagedColumnFilters;
-    var handleClick = function (event) {
-        setAnchorEl(event.currentTarget);
-    };
-    var handleClose = function () {
-        if (stageFilterSelections)
-            stagedColumnFilters.clear();
-        setAnchorEl(null);
-    };
-    return (React__default.createElement(FilterPanelContext.Provider, { value: { anchorState: [anchorEl, setAnchorEl] } },
-        React__default.createElement(Trigger, { onClick: handleClick }),
-        React__default.createElement(Panel, { onClose: handleClose, anchorEl: anchorEl })));
-};
-
-var useStyles$2 = makeStyles({
-    root: {
-        justifySelf: 'start',
-        maxWidth: 300,
-        minWidth: 200,
-        width: '100%',
-        gridArea: 'globalFilter',
-    },
-});
-
-var GlobalFilter = function (props) {
-    var value = props.value, setValue = props.setValue, restProps = __rest$3(props, ["value", "setValue"]);
-    var classes = useStyles$2();
-    var handleChange = function (e) {
-        setValue(e.target.value);
-    };
-    return (React__default.createElement(TextField, __assign$3({ className: classes.root, variant: "outlined", value: value, onChange: handleChange, InputProps: {
-            startAdornment: (React__default.createElement(InputAdornment, { position: "start" },
-                React__default.createElement(Icon$1, { icon: SvgSearch }))),
-        } }, restProps)));
-};
-
-var TableHeaderRow = function (props) {
-    var children = props.children, restProps = __rest$3(props, ["children"]);
-    return (React__default.createElement("tr", __assign$3({ "data-table-element": 'header-row' }, restProps), children));
-};
-
-// 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$1 = 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');
-        },
-    },
-}); });
-
-var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
-
-/**
- * A specialized version of `_.reduce` for arrays without support for
- * iteratee shorthands.
- *
- * @private
- * @param {Array} [array] The array to iterate over.
- * @param {Function} iteratee The function invoked per iteration.
- * @param {*} [accumulator] The initial value.
- * @param {boolean} [initAccum] Specify using the first element of `array` as
- *  the initial value.
- * @returns {*} Returns the accumulated value.
- */
-
-function arrayReduce$1(array, iteratee, accumulator, initAccum) {
-  var index = -1,
-      length = array == null ? 0 : array.length;
-
-  if (initAccum && length) {
-    accumulator = array[++index];
-  }
-  while (++index < length) {
-    accumulator = iteratee(accumulator, array[index], index, array);
-  }
-  return accumulator;
-}
-
-var _arrayReduce = arrayReduce$1;
-
-/**
- * The base implementation of `_.propertyOf` without support for deep paths.
- *
- * @private
- * @param {Object} object The object to query.
- * @returns {Function} Returns the new accessor function.
- */
-
-function basePropertyOf$1(object) {
-  return function(key) {
-    return object == null ? undefined : object[key];
-  };
-}
-
-var _basePropertyOf = basePropertyOf$1;
-
-var basePropertyOf = _basePropertyOf;
-
-/** Used to map Latin Unicode letters to basic Latin letters. */
-var deburredLetters = {
-  // Latin-1 Supplement block.
-  '\xc0': 'A',  '\xc1': 'A', '\xc2': 'A', '\xc3': 'A', '\xc4': 'A', '\xc5': 'A',
-  '\xe0': 'a',  '\xe1': 'a', '\xe2': 'a', '\xe3': 'a', '\xe4': 'a', '\xe5': 'a',
-  '\xc7': 'C',  '\xe7': 'c',
-  '\xd0': 'D',  '\xf0': 'd',
-  '\xc8': 'E',  '\xc9': 'E', '\xca': 'E', '\xcb': 'E',
-  '\xe8': 'e',  '\xe9': 'e', '\xea': 'e', '\xeb': 'e',
-  '\xcc': 'I',  '\xcd': 'I', '\xce': 'I', '\xcf': 'I',
-  '\xec': 'i',  '\xed': 'i', '\xee': 'i', '\xef': 'i',
-  '\xd1': 'N',  '\xf1': 'n',
-  '\xd2': 'O',  '\xd3': 'O', '\xd4': 'O', '\xd5': 'O', '\xd6': 'O', '\xd8': 'O',
-  '\xf2': 'o',  '\xf3': 'o', '\xf4': 'o', '\xf5': 'o', '\xf6': 'o', '\xf8': 'o',
-  '\xd9': 'U',  '\xda': 'U', '\xdb': 'U', '\xdc': 'U',
-  '\xf9': 'u',  '\xfa': 'u', '\xfb': 'u', '\xfc': 'u',
-  '\xdd': 'Y',  '\xfd': 'y', '\xff': 'y',
-  '\xc6': 'Ae', '\xe6': 'ae',
-  '\xde': 'Th', '\xfe': 'th',
-  '\xdf': 'ss',
-  // Latin Extended-A block.
-  '\u0100': 'A',  '\u0102': 'A', '\u0104': 'A',
-  '\u0101': 'a',  '\u0103': 'a', '\u0105': 'a',
-  '\u0106': 'C',  '\u0108': 'C', '\u010a': 'C', '\u010c': 'C',
-  '\u0107': 'c',  '\u0109': 'c', '\u010b': 'c', '\u010d': 'c',
-  '\u010e': 'D',  '\u0110': 'D', '\u010f': 'd', '\u0111': 'd',
-  '\u0112': 'E',  '\u0114': 'E', '\u0116': 'E', '\u0118': 'E', '\u011a': 'E',
-  '\u0113': 'e',  '\u0115': 'e', '\u0117': 'e', '\u0119': 'e', '\u011b': 'e',
-  '\u011c': 'G',  '\u011e': 'G', '\u0120': 'G', '\u0122': 'G',
-  '\u011d': 'g',  '\u011f': 'g', '\u0121': 'g', '\u0123': 'g',
-  '\u0124': 'H',  '\u0126': 'H', '\u0125': 'h', '\u0127': 'h',
-  '\u0128': 'I',  '\u012a': 'I', '\u012c': 'I', '\u012e': 'I', '\u0130': 'I',
-  '\u0129': 'i',  '\u012b': 'i', '\u012d': 'i', '\u012f': 'i', '\u0131': 'i',
-  '\u0134': 'J',  '\u0135': 'j',
-  '\u0136': 'K',  '\u0137': 'k', '\u0138': 'k',
-  '\u0139': 'L',  '\u013b': 'L', '\u013d': 'L', '\u013f': 'L', '\u0141': 'L',
-  '\u013a': 'l',  '\u013c': 'l', '\u013e': 'l', '\u0140': 'l', '\u0142': 'l',
-  '\u0143': 'N',  '\u0145': 'N', '\u0147': 'N', '\u014a': 'N',
-  '\u0144': 'n',  '\u0146': 'n', '\u0148': 'n', '\u014b': 'n',
-  '\u014c': 'O',  '\u014e': 'O', '\u0150': 'O',
-  '\u014d': 'o',  '\u014f': 'o', '\u0151': 'o',
-  '\u0154': 'R',  '\u0156': 'R', '\u0158': 'R',
-  '\u0155': 'r',  '\u0157': 'r', '\u0159': 'r',
-  '\u015a': 'S',  '\u015c': 'S', '\u015e': 'S', '\u0160': 'S',
-  '\u015b': 's',  '\u015d': 's', '\u015f': 's', '\u0161': 's',
-  '\u0162': 'T',  '\u0164': 'T', '\u0166': 'T',
-  '\u0163': 't',  '\u0165': 't', '\u0167': 't',
-  '\u0168': 'U',  '\u016a': 'U', '\u016c': 'U', '\u016e': 'U', '\u0170': 'U', '\u0172': 'U',
-  '\u0169': 'u',  '\u016b': 'u', '\u016d': 'u', '\u016f': 'u', '\u0171': 'u', '\u0173': 'u',
-  '\u0174': 'W',  '\u0175': 'w',
-  '\u0176': 'Y',  '\u0177': 'y', '\u0178': 'Y',
-  '\u0179': 'Z',  '\u017b': 'Z', '\u017d': 'Z',
-  '\u017a': 'z',  '\u017c': 'z', '\u017e': 'z',
-  '\u0132': 'IJ', '\u0133': 'ij',
-  '\u0152': 'Oe', '\u0153': 'oe',
-  '\u0149': "'n", '\u017f': 's'
-};
-
-/**
- * Used by `_.deburr` to convert Latin-1 Supplement and Latin Extended-A
- * letters to basic Latin letters.
- *
- * @private
- * @param {string} letter The matched letter to deburr.
- * @returns {string} Returns the deburred letter.
- */
-var deburrLetter$1 = basePropertyOf(deburredLetters);
-
-var _deburrLetter = deburrLetter$1;
-
-/** Detect free variable `global` from Node.js. */
-
-var freeGlobal$1 = typeof commonjsGlobal == 'object' && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
-
-var _freeGlobal = freeGlobal$1;
-
-var freeGlobal = _freeGlobal;
-
-/** Detect free variable `self`. */
-var freeSelf = typeof self == 'object' && self && self.Object === Object && self;
-
-/** Used as a reference to the global object. */
-var root$1 = freeGlobal || freeSelf || Function('return this')();
-
-var _root = root$1;
-
-var root = _root;
-
-/** Built-in value references. */
-var Symbol$3 = root.Symbol;
-
-var _Symbol = Symbol$3;
-
-/**
- * A specialized version of `_.map` for arrays without support for iteratee
- * shorthands.
- *
- * @private
- * @param {Array} [array] The array to iterate over.
- * @param {Function} iteratee The function invoked per iteration.
- * @returns {Array} Returns the new mapped array.
- */
-
-function arrayMap$1(array, iteratee) {
-  var index = -1,
-      length = array == null ? 0 : array.length,
-      result = Array(length);
-
-  while (++index < length) {
-    result[index] = iteratee(array[index], index, array);
-  }
-  return result;
-}
-
-var _arrayMap = arrayMap$1;
-
-/**
- * Checks if `value` is classified as an `Array` object.
- *
- * @static
- * @memberOf _
- * @since 0.1.0
- * @category Lang
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is an array, else `false`.
- * @example
- *
- * _.isArray([1, 2, 3]);
- * // => true
- *
- * _.isArray(document.body.children);
- * // => false
- *
- * _.isArray('abc');
- * // => false
- *
- * _.isArray(_.noop);
- * // => false
- */
-
-var isArray$1 = Array.isArray;
-
-var isArray_1 = isArray$1;
-
-var Symbol$2 = _Symbol;
-
-/** Used for built-in method references. */
-var objectProto$1 = Object.prototype;
-
-/** Used to check objects for own properties. */
-var hasOwnProperty = objectProto$1.hasOwnProperty;
-
-/**
- * Used to resolve the
- * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
- * of values.
- */
-var nativeObjectToString$1 = objectProto$1.toString;
-
-/** Built-in value references. */
-var symToStringTag$1 = Symbol$2 ? Symbol$2.toStringTag : undefined;
-
-/**
- * A specialized version of `baseGetTag` which ignores `Symbol.toStringTag` values.
- *
- * @private
- * @param {*} value The value to query.
- * @returns {string} Returns the raw `toStringTag`.
- */
-function getRawTag$1(value) {
-  var isOwn = hasOwnProperty.call(value, symToStringTag$1),
-      tag = value[symToStringTag$1];
-
-  try {
-    value[symToStringTag$1] = undefined;
-    var unmasked = true;
-  } catch (e) {}
-
-  var result = nativeObjectToString$1.call(value);
-  if (unmasked) {
-    if (isOwn) {
-      value[symToStringTag$1] = tag;
-    } else {
-      delete value[symToStringTag$1];
-    }
-  }
-  return result;
-}
-
-var _getRawTag = getRawTag$1;
-
-/** Used for built-in method references. */
-
-var objectProto = Object.prototype;
-
-/**
- * Used to resolve the
- * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
- * of values.
- */
-var nativeObjectToString = objectProto.toString;
-
-/**
- * Converts `value` to a string using `Object.prototype.toString`.
- *
- * @private
- * @param {*} value The value to convert.
- * @returns {string} Returns the converted string.
- */
-function objectToString$1(value) {
-  return nativeObjectToString.call(value);
-}
-
-var _objectToString = objectToString$1;
-
-var Symbol$1 = _Symbol,
-    getRawTag = _getRawTag,
-    objectToString = _objectToString;
-
-/** `Object#toString` result references. */
-var nullTag = '[object Null]',
-    undefinedTag = '[object Undefined]';
-
-/** Built-in value references. */
-var symToStringTag = Symbol$1 ? Symbol$1.toStringTag : undefined;
-
-/**
- * The base implementation of `getTag` without fallbacks for buggy environments.
- *
- * @private
- * @param {*} value The value to query.
- * @returns {string} Returns the `toStringTag`.
- */
-function baseGetTag$1(value) {
-  if (value == null) {
-    return value === undefined ? undefinedTag : nullTag;
-  }
-  return (symToStringTag && symToStringTag in Object(value))
-    ? getRawTag(value)
-    : objectToString(value);
-}
-
-var _baseGetTag = baseGetTag$1;
-
-/**
- * Checks if `value` is object-like. A value is object-like if it's not `null`
- * and has a `typeof` result of "object".
- *
- * @static
- * @memberOf _
- * @since 4.0.0
- * @category Lang
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is object-like, else `false`.
- * @example
- *
- * _.isObjectLike({});
- * // => true
- *
- * _.isObjectLike([1, 2, 3]);
- * // => true
- *
- * _.isObjectLike(_.noop);
- * // => false
- *
- * _.isObjectLike(null);
- * // => false
- */
-
-function isObjectLike$1(value) {
-  return value != null && typeof value == 'object';
-}
-
-var isObjectLike_1 = isObjectLike$1;
-
-var baseGetTag = _baseGetTag,
-    isObjectLike = isObjectLike_1;
-
-/** `Object#toString` result references. */
-var symbolTag = '[object Symbol]';
-
-/**
- * Checks if `value` is classified as a `Symbol` primitive or object.
- *
- * @static
- * @memberOf _
- * @since 4.0.0
- * @category Lang
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.
- * @example
- *
- * _.isSymbol(Symbol.iterator);
- * // => true
- *
- * _.isSymbol('abc');
- * // => false
- */
-function isSymbol$1(value) {
-  return typeof value == 'symbol' ||
-    (isObjectLike(value) && baseGetTag(value) == symbolTag);
-}
-
-var isSymbol_1 = isSymbol$1;
-
-var Symbol = _Symbol,
-    arrayMap = _arrayMap,
-    isArray = isArray_1,
-    isSymbol = isSymbol_1;
-
-/** Used as references for various `Number` constants. */
-var INFINITY = 1 / 0;
-
-/** Used to convert symbols to primitives and strings. */
-var symbolProto = Symbol ? Symbol.prototype : undefined,
-    symbolToString = symbolProto ? symbolProto.toString : undefined;
-
-/**
- * The base implementation of `_.toString` which doesn't convert nullish
- * values to empty strings.
- *
- * @private
- * @param {*} value The value to process.
- * @returns {string} Returns the string.
- */
-function baseToString$1(value) {
-  // Exit early for strings to avoid a performance hit in some environments.
-  if (typeof value == 'string') {
-    return value;
-  }
-  if (isArray(value)) {
-    // Recursively convert values (susceptible to call stack limits).
-    return arrayMap(value, baseToString$1) + '';
-  }
-  if (isSymbol(value)) {
-    return symbolToString ? symbolToString.call(value) : '';
-  }
-  var result = (value + '');
-  return (result == '0' && (1 / value) == -INFINITY) ? '-0' : result;
-}
-
-var _baseToString = baseToString$1;
-
-var baseToString = _baseToString;
-
-/**
- * Converts `value` to a string. An empty string is returned for `null`
- * and `undefined` values. The sign of `-0` is preserved.
- *
- * @static
- * @memberOf _
- * @since 4.0.0
- * @category Lang
- * @param {*} value The value to convert.
- * @returns {string} Returns the converted string.
- * @example
- *
- * _.toString(null);
- * // => ''
- *
- * _.toString(-0);
- * // => '-0'
- *
- * _.toString([1, 2, 3]);
- * // => '1,2,3'
- */
-function toString$2(value) {
-  return value == null ? '' : baseToString(value);
-}
-
-var toString_1 = toString$2;
-
-var deburrLetter = _deburrLetter,
-    toString$1 = toString_1;
-
-/** Used to match Latin Unicode letters (excluding mathematical operators). */
-var reLatin = /[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g;
-
-/** Used to compose unicode character classes. */
-var rsComboMarksRange$1 = '\\u0300-\\u036f',
-    reComboHalfMarksRange$1 = '\\ufe20-\\ufe2f',
-    rsComboSymbolsRange$1 = '\\u20d0-\\u20ff',
-    rsComboRange$1 = rsComboMarksRange$1 + reComboHalfMarksRange$1 + rsComboSymbolsRange$1;
-
-/** Used to compose unicode capture groups. */
-var rsCombo$1 = '[' + rsComboRange$1 + ']';
-
-/**
- * Used to match [combining diacritical marks](https://en.wikipedia.org/wiki/Combining_Diacritical_Marks) and
- * [combining diacritical marks for symbols](https://en.wikipedia.org/wiki/Combining_Diacritical_Marks_for_Symbols).
- */
-var reComboMark = RegExp(rsCombo$1, 'g');
-
-/**
- * Deburrs `string` by converting
- * [Latin-1 Supplement](https://en.wikipedia.org/wiki/Latin-1_Supplement_(Unicode_block)#Character_table)
- * and [Latin Extended-A](https://en.wikipedia.org/wiki/Latin_Extended-A)
- * letters to basic Latin letters and removing
- * [combining diacritical marks](https://en.wikipedia.org/wiki/Combining_Diacritical_Marks).
- *
- * @static
- * @memberOf _
- * @since 3.0.0
- * @category String
- * @param {string} [string=''] The string to deburr.
- * @returns {string} Returns the deburred string.
- * @example
- *
- * _.deburr('déjà vu');
- * // => 'deja vu'
- */
-function deburr$1(string) {
-  string = toString$1(string);
-  return string && string.replace(reLatin, deburrLetter).replace(reComboMark, '');
-}
-
-var deburr_1 = deburr$1;
-
-/** Used to match words composed of alphanumeric characters. */
-
-var reAsciiWord = /[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g;
-
-/**
- * Splits an ASCII `string` into an array of its words.
- *
- * @private
- * @param {string} The string to inspect.
- * @returns {Array} Returns the words of `string`.
- */
-function asciiWords$1(string) {
-  return string.match(reAsciiWord) || [];
-}
-
-var _asciiWords = asciiWords$1;
-
-/** Used to detect strings that need a more robust regexp to match words. */
-
-var reHasUnicodeWord = /[a-z][A-Z]|[A-Z]{2}[a-z]|[0-9][a-zA-Z]|[a-zA-Z][0-9]|[^a-zA-Z0-9 ]/;
-
-/**
- * Checks if `string` contains a word composed of Unicode symbols.
- *
- * @private
- * @param {string} string The string to inspect.
- * @returns {boolean} Returns `true` if a word is found, else `false`.
- */
-function hasUnicodeWord$1(string) {
-  return reHasUnicodeWord.test(string);
-}
-
-var _hasUnicodeWord = hasUnicodeWord$1;
-
-/** Used to compose unicode character classes. */
-
-var rsAstralRange = '\\ud800-\\udfff',
-    rsComboMarksRange = '\\u0300-\\u036f',
-    reComboHalfMarksRange = '\\ufe20-\\ufe2f',
-    rsComboSymbolsRange = '\\u20d0-\\u20ff',
-    rsComboRange = rsComboMarksRange + reComboHalfMarksRange + rsComboSymbolsRange,
-    rsDingbatRange = '\\u2700-\\u27bf',
-    rsLowerRange = 'a-z\\xdf-\\xf6\\xf8-\\xff',
-    rsMathOpRange = '\\xac\\xb1\\xd7\\xf7',
-    rsNonCharRange = '\\x00-\\x2f\\x3a-\\x40\\x5b-\\x60\\x7b-\\xbf',
-    rsPunctuationRange = '\\u2000-\\u206f',
-    rsSpaceRange = ' \\t\\x0b\\f\\xa0\\ufeff\\n\\r\\u2028\\u2029\\u1680\\u180e\\u2000\\u2001\\u2002\\u2003\\u2004\\u2005\\u2006\\u2007\\u2008\\u2009\\u200a\\u202f\\u205f\\u3000',
-    rsUpperRange = 'A-Z\\xc0-\\xd6\\xd8-\\xde',
-    rsVarRange = '\\ufe0e\\ufe0f',
-    rsBreakRange = rsMathOpRange + rsNonCharRange + rsPunctuationRange + rsSpaceRange;
-
-/** Used to compose unicode capture groups. */
-var rsApos$1 = "['\u2019]",
-    rsBreak = '[' + rsBreakRange + ']',
-    rsCombo = '[' + rsComboRange + ']',
-    rsDigits = '\\d+',
-    rsDingbat = '[' + rsDingbatRange + ']',
-    rsLower = '[' + rsLowerRange + ']',
-    rsMisc = '[^' + rsAstralRange + rsBreakRange + rsDigits + rsDingbatRange + rsLowerRange + rsUpperRange + ']',
-    rsFitz = '\\ud83c[\\udffb-\\udfff]',
-    rsModifier = '(?:' + rsCombo + '|' + rsFitz + ')',
-    rsNonAstral = '[^' + rsAstralRange + ']',
-    rsRegional = '(?:\\ud83c[\\udde6-\\uddff]){2}',
-    rsSurrPair = '[\\ud800-\\udbff][\\udc00-\\udfff]',
-    rsUpper = '[' + rsUpperRange + ']',
-    rsZWJ = '\\u200d';
-
-/** Used to compose unicode regexes. */
-var rsMiscLower = '(?:' + rsLower + '|' + rsMisc + ')',
-    rsMiscUpper = '(?:' + rsUpper + '|' + rsMisc + ')',
-    rsOptContrLower = '(?:' + rsApos$1 + '(?:d|ll|m|re|s|t|ve))?',
-    rsOptContrUpper = '(?:' + rsApos$1 + '(?:D|LL|M|RE|S|T|VE))?',
-    reOptMod = rsModifier + '?',
-    rsOptVar = '[' + rsVarRange + ']?',
-    rsOptJoin = '(?:' + rsZWJ + '(?:' + [rsNonAstral, rsRegional, rsSurrPair].join('|') + ')' + rsOptVar + reOptMod + ')*',
-    rsOrdLower = '\\d*(?:1st|2nd|3rd|(?![123])\\dth)(?=\\b|[A-Z_])',
-    rsOrdUpper = '\\d*(?:1ST|2ND|3RD|(?![123])\\dTH)(?=\\b|[a-z_])',
-    rsSeq = rsOptVar + reOptMod + rsOptJoin,
-    rsEmoji = '(?:' + [rsDingbat, rsRegional, rsSurrPair].join('|') + ')' + rsSeq;
-
-/** Used to match complex or compound words. */
-var reUnicodeWord = RegExp([
-  rsUpper + '?' + rsLower + '+' + rsOptContrLower + '(?=' + [rsBreak, rsUpper, '$'].join('|') + ')',
-  rsMiscUpper + '+' + rsOptContrUpper + '(?=' + [rsBreak, rsUpper + rsMiscLower, '$'].join('|') + ')',
-  rsUpper + '?' + rsMiscLower + '+' + rsOptContrLower,
-  rsUpper + '+' + rsOptContrUpper,
-  rsOrdUpper,
-  rsOrdLower,
-  rsDigits,
-  rsEmoji
-].join('|'), 'g');
-
-/**
- * Splits a Unicode `string` into an array of its words.
- *
- * @private
- * @param {string} The string to inspect.
- * @returns {Array} Returns the words of `string`.
- */
-function unicodeWords$1(string) {
-  return string.match(reUnicodeWord) || [];
-}
-
-var _unicodeWords = unicodeWords$1;
-
-var asciiWords = _asciiWords,
-    hasUnicodeWord = _hasUnicodeWord,
-    toString = toString_1,
-    unicodeWords = _unicodeWords;
-
-/**
- * Splits `string` into an array of its words.
- *
- * @static
- * @memberOf _
- * @since 3.0.0
- * @category String
- * @param {string} [string=''] The string to inspect.
- * @param {RegExp|string} [pattern] The pattern to match words.
- * @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`.
- * @returns {Array} Returns the words of `string`.
- * @example
- *
- * _.words('fred, barney, & pebbles');
- * // => ['fred', 'barney', 'pebbles']
- *
- * _.words('fred, barney, & pebbles', /[^, ]+/g);
- * // => ['fred', 'barney', '&', 'pebbles']
- */
-function words$1(string, pattern, guard) {
-  string = toString(string);
-  pattern = guard ? undefined : pattern;
-
-  if (pattern === undefined) {
-    return hasUnicodeWord(string) ? unicodeWords(string) : asciiWords(string);
-  }
-  return string.match(pattern) || [];
-}
-
-var words_1 = words$1;
-
-var arrayReduce = _arrayReduce,
-    deburr = deburr_1,
-    words = words_1;
-
-/** Used to compose unicode capture groups. */
-var rsApos = "['\u2019]";
-
-/** Used to match apostrophes. */
-var reApos = RegExp(rsApos, 'g');
-
-/**
- * Creates a function like `_.camelCase`.
- *
- * @private
- * @param {Function} callback The function to combine each word.
- * @returns {Function} Returns the new compounder function.
- */
-function createCompounder$1(callback) {
-  return function(string) {
-    return arrayReduce(words(deburr(string).replace(reApos, '')), callback, '');
-  };
-}
-
-var _createCompounder = createCompounder$1;
-
-var createCompounder = _createCompounder;
-
-/**
- * Converts `string` to
- * [kebab case](https://en.wikipedia.org/wiki/Letter_case#Special_case_styles).
- *
- * @static
- * @memberOf _
- * @since 3.0.0
- * @category String
- * @param {string} [string=''] The string to convert.
- * @returns {string} Returns the kebab cased string.
- * @example
- *
- * _.kebabCase('Foo Bar');
- * // => 'foo-bar'
- *
- * _.kebabCase('fooBar');
- * // => 'foo-bar'
- *
- * _.kebabCase('__FOO_BAR__');
- * // => 'foo-bar'
- */
-var kebabCase = createCompounder(function(result, word, index) {
-  return result + (index ? '-' : '') + word.toLowerCase();
-});
-
-var kebabCase_1 = kebabCase;
-
-var TableHeaderCell = function (props) {
-    var _a;
-    var children = props.children, context = props.context, restProps = __rest$3(props, ["children", "context"]);
-    var sortable = context.header.column.getCanSort();
-    var sorted = context.header.column.getIsSorted();
-    var handleSort = context.header.column.getToggleSortingHandler();
-    var classes = useStyles$1(__assign$3(__assign$3({}, props), { sortable: sortable }));
-    var _b = useTheme$1(), spacing = _b.spacing, palette = _b.palette;
-    var sortIndicators = {
-        asc: SvgChevronUp,
-        desc: SvgChevronDown,
-    };
-    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__default.createElement("th", __assign$3({ className: classes.root }, restProps),
-        React__default.createElement(Box, __assign$3({ className: classes.box, display: "flex", alignItems: "center", gridGap: spacing(1), onClick: handleSort }, dataTourIdProps),
-            children,
-            sortable && !sorted && React__default.createElement(Icon$1, { icon: SvgSort, color: palette.grey[500] }),
-            sortable && sorted && React__default.createElement(Icon$1, { icon: sortIndicators[sorted] }))));
-};
-
-var useStyles = makeStyles({
-    chip: {
-        overflow: 'visible',
-        height: 'auto',
-    },
-    label: {
-        whiteSpace: 'normal',
-    },
-});
-
-var ColumnFilterChip = function (props) {
-    var columnFilter = props.columnFilter, onClick = props.onClick, label = props.label;
-    var classes = useStyles();
-    return (React__default.createElement(Chip, { className: classes.chip, onDelete: function () { return onClick(columnFilter); }, label: React__default.createElement(Box, { display: "flex", gridGap: 4, flexWrap: "wrap" },
-            React__default.createElement(Typography$1, null,
-                label[0],
-                ":"),
-            React__default.createElement(Typography$1, __assign$3({ className: classes.label, weight: "semi-bold" }, { component: 'span' }), label[1])) }));
-};
-
-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__default.createElement(Box, { display: "grid", gridTemplateColumns: "repeat(2, minmax(150px, 1fr))", gridTemplateAreas: gridTemplateAreas, gridGap: 16, marginBottom: 3 }, props.children));
-};
-
-var ColumnFilterResetButton = function (props) {
-    var _a = props.children, children = _a === void 0 ? 'Clear All' : _a, restProps = __rest$3(props, ["children"]);
-    return (React__default.createElement(Button, __assign$3({ variant: "text", textTransform: "none" }, restProps), children));
-};
-
-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$6(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$3(__assign$3(__assign$3(__assign$3(__assign$3(__assign$3({ data: data, columns: columns, state: __assign$3(__assign$3(__assign$3(__assign$3(__assign$3({}, (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__default.createElement(TableContext.Provider, { value: { table: table, stagedColumnFilters: stagedColumnFilters, stageFilterSelections: stageFilterSelections } },
-        React__default.createElement(Box, __assign$3({ className: classes.root }, { ref: rootRef }, { "data-table-element": "root" }, (table.getPageCount() > 1 && {
-            minHeight: getTableMinHeight(rootRef, table.getState().pagination.pageSize),
-        })),
-            showControls && (React__default.createElement(Box, null,
-                React__default.createElement(TableControlsContainer, { showTitle: showTitle, showGlobalSearch: showGlobalSearch, showColumnFilter: showColumnFilter },
-                    showTitle && (React__default.createElement(Typography$2, { style: { gridArea: 'title', alignSelf: 'center', fontSize: '18px', lineHeight: '27px' } }, title)),
-                    showGlobalSearch && (React__default.createElement(GlobalFilter, __assign$3({}, GlobalFilterProps, { value: table.getState().globalFilter, setValue: table.setGlobalFilter }))),
-                    showColumnFilter && React__default.createElement(FilterPanel, null)),
-                React__default.createElement(Box, { display: "flex", flexWrap: "wrap", gridGap: 8 },
-                    selectedColumnFilters.map(function (selectedColumnFilter, i) { return (React__default.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__default.createElement(ColumnFilterResetButton, { onClick: function () {
-                            if (stageFilterSelections) {
-                                stagedColumnFilters.clear();
-                            }
-                            resetColumnFilters();
-                        } }))))),
-            React__default.createElement(Box, { className: classes.tableContainer, flexGrow: loading || isEmpty ? 0 : 1 },
-                React__default.createElement("table", { className: classes.table },
-                    React__default.createElement(TableHeader, null, table.getHeaderGroups().map(function (headerGroup) { return (React__default.createElement(TableHeaderRow, { key: headerGroup.id }, headerGroup.headers.map(function (header) { return (React__default.createElement(TableHeaderCell, { key: header.id, context: header.getContext() }, flexRender(header.column.columnDef.header, header.getContext()))); }))); })),
-                    !loading && (React__default.createElement(TableBody, null, table.getRowModel().rows.map(function (row) { return (React__default.createElement(TableRow, { key: row.id }, row.getVisibleCells().map(function (cell) { return (React__default.createElement(TableCell, { key: cell.id }, flexRender(cell.column.columnDef.cell, cell.getContext()))); }))); }))))),
-            isEmpty && isEmptyComponentValid && Empty && !loading && (React__default.createElement(Box, { display: "flex", flexDirection: "column", justifyContent: "center", alignItems: "center", p: 2, flexGrow: 1 }, createElement(Empty))),
-            loading && (React__default.createElement(Box, { display: "flex", flexDirection: "column", justifyContent: "center", alignItems: "center", p: 2, flexGrow: 1 },
-                React__default.createElement(CircularProgress, { size: 80, color: "inherit" }))),
-            paginated && table.getPageCount() > 1 && (React__default.createElement(TableFooter, null,
-                React__default.createElement(Pagination, { page: table.getState().pagination.pageIndex + 1, count: table.getPageCount(), onChange: handlePagination, disabled: loading }))))));
-};
-Table.defaultProps = defaultTableProps;
-
-var validateAction = function (action) {
-    var icon = action.icon, label = action.label, onClick = action.onClick;
-    var onClickIsValid = typeof onClick === 'function';
-    var labelIsValid = typeof label === 'string';
-    var iconIsValid = icon && isValidElement(createElement(icon));
-    return onClickIsValid && labelIsValid && iconIsValid;
-};
-
-var RowActions = function (props) {
-    var context = props.context, actions = props.actions;
-    var validActions = actions.filter(validateAction);
-    var _a = React__default.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__default.createElement(Box, { display: "flex" },
-        mainActions.map(function (_a) {
-            var label = _a.label, onClick = _a.onClick, icon = _a.icon, restProps = __rest$3(_a, ["label", "onClick", "icon"]);
-            return (React__default.createElement(Tooltip$1, { title: label, key: label },
-                React__default.createElement(IconButton$1, __assign$3({ size: "small", onClick: function () { return onClick(context); } }, restProps),
-                    React__default.createElement(Icon$1, { icon: icon }))));
-        }),
-        overflowActions && (React__default.createElement(React__default.Fragment, null,
-            React__default.createElement(IconButton$1, { size: "small", onClick: openMenu },
-                React__default.createElement(Icon$1, { icon: SvgMore })),
-            React__default.createElement(Menu, { anchorEl: anchorEl, open: Boolean(anchorEl), onClose: closeMenu }, overflowActions.map(function (action) { return (React__default.createElement(MenuItem, { key: action.label, onClick: function () { return action.onClick(context); } }, action.label)); }))))));
-};
-
-export { GlobalFilter, RowActions, Table, TableBody, TableCell, TableFooter, TableHeader, TableHeaderCell, TableHeaderRow, TableRow };
-//# sourceMappingURL=index.es.js.map