@popmenu/table 0.26.0 → 0.29.0

package/build/index.es.js

@@ -6,11 +6,10 @@ import { useSortBy } from 'react-table/src/plugin-hooks/useSortBy.js';
 import { useGlobalFilter } from 'react-table/src/plugin-hooks/useGlobalFilter.js';
 import { Pagination } from '@material-ui/lab';
 import '@material-ui/lab/Alert';
-import { makeStyles, Typography as Typography$1, Paper as Paper$1, Link as Link$1, Box, useTheme as useTheme$1, TextField, InputAdornment } from '@material-ui/core';
+import { makeStyles, Typography as Typography$1, Link as Link$1, Paper as Paper$1, Box, useTheme as useTheme$1, TextField, InputAdornment } from '@material-ui/core';
 import '@material-ui/core/AppBar';
-import MuiIconButton from '@material-ui/core/IconButton';
-import { makeStyles as makeStyles$1, useTheme } from '@material-ui/core/styles';
 import MuiAvatar from '@material-ui/core/Avatar';
+import { makeStyles as makeStyles$1, useTheme } from '@material-ui/core/styles';
 import '@material-ui/core/Badge';
 import MuiButton from '@material-ui/core/Button';
 import CircularProgress from '@material-ui/core/CircularProgress';
@@ -32,6 +31,7 @@ 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';
@@ -137,24 +137,60 @@ function __rest(s, e) {
     return t;
 }
 
-var _path$2P;
+var _path$1W;
 
-function _extends$33() { _extends$33 = 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$33.apply(this, arguments); }
+function _extends$31() { _extends$31 = 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$31.apply(this, arguments); }
 
 function SvgUser(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$33({
+  return /*#__PURE__*/React.createElement("svg", _extends$31({
     viewBox: "0 0 16 16",
+    fill: "none",
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    stroke: "currentColor",
     width: "1em",
-    height: "1em",
-    fill: "none"
-  }, props), _path$2P || (_path$2P = /*#__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"
+    height: "1em"
+  }, props), _path$1W || (_path$1W = /*#__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;
+                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 = {exports: {}};
 
 /*!
@@ -215,42 +251,6 @@ var classnames = {exports: {}};
 
 var classNames = classnames.exports;
 
-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;
-                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 iconStaticClassName = 'pop-icon';
 var Icon = function (props) {
     var icon = props.icon, className = props.className, restProps = __rest(props, ["icon", "className"]);
@@ -269,103 +269,6 @@ Icon.defaultProps = {
 };
 Icon.displayName = 'Icon';
 
-var IconButton = forwardRef(function (props, ref) {
-    return React__default.createElement(MuiIconButton, __assign({ ref: ref }, props));
-});
-IconButton.displayName = 'IconButton';
-IconButton.defaultProps = {
-    color: 'secondary',
-};
-
-var useTypographyStyles = makeStyles$1(function () { return ({
-    root: function (_a) {
-        var _b;
-        var weight = _a.weight;
-        return (__assign((_b = {}, _b["& ." + iconStaticClassName] = {
-            position: 'relative',
-            top: '0.125em',
-            padding: '0 0.125em',
-            boxSizing: 'content-box',
-        }, _b), (weight && { fontWeight: (weight === 'semi-bold' && 600) || (weight === 'bold' && 700) || 400 })));
-    },
-    caption: {
-        display: 'inline',
-    },
-    overline: {
-        display: 'inline',
-    },
-}); });
-
-var Typography = forwardRef(function (props, ref) {
-    props.weight; var restProps = __rest(props, ["weight"]);
-    var classes = useTypographyStyles(props);
-    return React__default.createElement(Typography$1, __assign({ ref: ref, classes: classes }, restProps));
-});
-Typography.displayName = 'Typography';
-
-var useStyles$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$1(props);
-    return React__default.createElement(Paper$1, __assign({}, ref, { classes: __assign({}, (legacyStyles && classes)) }, restProps));
-});
-Paper.displayName = 'Paper';
-Paper.defaultProps = {
-    legacyStyles: false,
-};
-
-var AUDIO_PLAYER_EVENT_TYPES;
-(function (AUDIO_PLAYER_EVENT_TYPES) {
-    AUDIO_PLAYER_EVENT_TYPES["TOGGLE_PLAYBACK"] = "TOGGLE_PLAYBACK";
-    AUDIO_PLAYER_EVENT_TYPES["TOGGLE_VOLUME_CONTROL"] = "TOGGLE_VOLUME_CONTROL";
-    AUDIO_PLAYER_EVENT_TYPES["TOGGLE_MUTE"] = "TOGGLE_MUTE";
-    AUDIO_PLAYER_EVENT_TYPES["VOLUME_CHANGE"] = "VOLUME_CHANGE";
-    AUDIO_PLAYER_EVENT_TYPES["TIME_CHANGE"] = "TIME_CHANGE";
-    AUDIO_PLAYER_EVENT_TYPES["DURATION_CHANGE"] = "DURATION_CHANGE";
-    AUDIO_PLAYER_EVENT_TYPES["SET_TIME"] = "SET_TIME";
-    AUDIO_PLAYER_EVENT_TYPES["CAN_PLAY"] = "CAN_PLAY";
-    AUDIO_PLAYER_EVENT_TYPES["RESET"] = "RESET";
-})(AUDIO_PLAYER_EVENT_TYPES || (AUDIO_PLAYER_EVENT_TYPES = {}));
-var PLAYBACK_STATES;
-(function (PLAYBACK_STATES) {
-    PLAYBACK_STATES["NONE"] = "NONE";
-    PLAYBACK_STATES["PAUSED"] = "PAUSED";
-    PLAYBACK_STATES["PLAYING"] = "PLAYING";
-})(PLAYBACK_STATES || (PLAYBACK_STATES = {}));
-var CONTROL_LABELS;
-(function (CONTROL_LABELS) {
-    CONTROL_LABELS["PAUSE"] = "PAUSE";
-    CONTROL_LABELS["PLAY"] = "PLAY";
-    CONTROL_LABELS["MUTE"] = "MUTE";
-    CONTROL_LABELS["UNMUTE"] = "UNMUTE";
-})(CONTROL_LABELS || (CONTROL_LABELS = {}));
-var VOLUME_CONTROL_STATES;
-(function (VOLUME_CONTROL_STATES) {
-    VOLUME_CONTROL_STATES["SHOW"] = "SHOW";
-    VOLUME_CONTROL_STATES["HIDE"] = "HIDE";
-})(VOLUME_CONTROL_STATES || (VOLUME_CONTROL_STATES = {}));
-
-({
-    playback: PLAYBACK_STATES.NONE,
-    volumeControls: VOLUME_CONTROL_STATES.HIDE,
-    context: {
-        volume: 100,
-        playbackButtonLabel: CONTROL_LABELS.PLAY,
-        volumeButtonLabel: CONTROL_LABELS.MUTE,
-    },
-});
-
 var LoadingStatus;
 (function (LoadingStatus) {
     LoadingStatus["ERROR"] = "ERROR";
@@ -479,6 +382,112 @@ var Checkbox = forwardRef(function (props, ref) {
 });
 Checkbox.displayName = 'Checkbox';
 
+var weights = {
+    regular: 400,
+    'semi-bold': 600,
+    bold: 700,
+};
+var getColor = function (theme, props) {
+    var color = props.color;
+    if (color === undefined) {
+        return undefined;
+    }
+    if (['white', 'black'].includes(color)) {
+        return theme.palette.common[color];
+    }
+    if (color.match(/^grey\.\d{3}/)) {
+        var scale = color.split('.')[1];
+        return theme.palette.grey[scale] || theme.palette.grey[900];
+    }
+    if ([
+        'primary.light',
+        'primary.dark',
+        'secondary.light',
+        'secondary',
+        'secondary.dark',
+        'info.light',
+        'info.dark',
+        'success.light',
+        'success.dark',
+        'error.light',
+        'error.dark',
+        'warning.light',
+        'warning.dark',
+    ].includes(color)) {
+        var _a = color.split('.'), paletteKey = _a[0], variant = _a[1];
+        return theme.palette[paletteKey][variant];
+    }
+    if (['success', 'info', 'error', 'warning', 'primary', 'secondary'].includes(color)) {
+        return theme.palette[color].main;
+    }
+    if (['textPrimary', 'textSecondary'].includes(color)) {
+        return theme.palette.text[color.slice(4).toLowerCase()];
+    }
+    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 || 'body1'].fontWeight);
+            },
+            _a.fontSize = function (_a) {
+                var variant = _a.variant;
+                return theme.typography[variant || 'body1'].fontSize;
+            },
+            _a.lineHeight = function (_a) {
+                var variant = _a.variant;
+                return theme.typography[variant || 'body1'].lineHeight;
+            },
+            _a.textTransform = function (_a) {
+                var variant = _a.variant;
+                return theme.typography[variant || 'body1'].textTransform;
+            },
+            _a.color = function (props) { return getColor(theme, props); },
+            _a),
+        caption: {
+            display: 'inline',
+        },
+        overline: {
+            display: 'inline',
+        },
+    });
+});
+
+var variantMap = {
+    h1: 'h1',
+    h2: 'h2',
+    h3: 'h3',
+    h4: 'h4',
+    h5: 'h5',
+    h6: 'h6',
+    h7: 'h6',
+    body1: 'p',
+    body2: 'p',
+    subtitle1: 'h6',
+    subtitle2: 'h6',
+    caption: 'span',
+    overline: 'span',
+};
+
+var Typography = forwardRef(function (props, ref) {
+    props.weight; var _a = props.variant, variant = _a === void 0 ? 'body1' : _a; props.color; var restProps = __rest(props, ["weight", "variant", "color"]);
+    var validatedVariant = Object.keys(variantMap).includes(variant) ? variant : 'body1';
+    var classes = useTypographyStyles(__assign(__assign({}, props), { variant: validatedVariant }));
+    var component = variantMap[validatedVariant];
+    return React__default.createElement(Typography$1, __assign({ component: component, ref: ref, classes: classes }, restProps, { variant: "inherit" }));
+});
+Typography.displayName = 'Typography';
+
 var getFadeStop = function (_a, typographyVariant) {
     var typography = _a.typography;
     return !isNaN(Number(typography[typographyVariant].lineHeight))
@@ -542,6 +551,14 @@ makeStyles(function (theme) { return ({
     },
 }); });
 
+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;
@@ -561,6 +578,28 @@ Link.defaultProps = {
 };
 Link.displayName = 'Link';
 
+var useStyles = 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(props);
+    return React__default.createElement(Paper$1, __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));
@@ -715,75 +754,75 @@ var TableHeader = function (props) {
     return React__default.createElement("thead", __assign$1({}, restProps), children);
 };
 
-var _path$4x;
+var _path$2$;
 
-function _extends$4N() { _extends$4N = 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$4N.apply(this, arguments); }
+function _extends$4L() { _extends$4L = 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$4L.apply(this, arguments); }
 
 function SvgChevronDown(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$4N({
+  return /*#__PURE__*/React.createElement("svg", _extends$4L({
     viewBox: "0 0 16 16",
+    fill: "none",
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    stroke: "currentColor",
     width: "1em",
-    height: "1em",
-    fill: "none"
-  }, props), _path$4x || (_path$4x = /*#__PURE__*/React.createElement("path", {
-    d: "M4 6l4 4 4-4"
+    height: "1em"
+  }, props), _path$2$ || (_path$2$ = /*#__PURE__*/React.createElement("path", {
+    d: "M4 6l4 4 4-4",
+    stroke: "currentColor"
   })));
 }
 
-var _path$4w;
+var _path$2_;
 
-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 _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 SvgChevronUp(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$4M({
+  return /*#__PURE__*/React.createElement("svg", _extends$4K({
     viewBox: "0 0 16 16",
+    fill: "none",
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    stroke: "currentColor",
     width: "1em",
-    height: "1em",
-    fill: "none"
-  }, props), _path$4w || (_path$4w = /*#__PURE__*/React.createElement("path", {
-    d: "M12 10L8 6l-4 4"
+    height: "1em"
+  }, props), _path$2_ || (_path$2_ = /*#__PURE__*/React.createElement("path", {
+    d: "M12 10L8 6l-4 4",
+    stroke: "currentColor"
   })));
 }
 
-var _path$3d;
+var _path$2e;
 
-function _extends$3t() { _extends$3t = 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$3t.apply(this, arguments); }
+function _extends$3r() { _extends$3r = 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$3r.apply(this, arguments); }
 
 function SvgMore(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$3t({
+  return /*#__PURE__*/React.createElement("svg", _extends$3r({
     viewBox: "0 0 16 16",
+    fill: "none",
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    stroke: "currentColor",
     width: "1em",
-    height: "1em",
-    fill: "none"
-  }, props), _path$3d || (_path$3d = /*#__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"
+    height: "1em"
+  }, props), _path$2e || (_path$2e = /*#__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$33;
+var _path$25;
 
-function _extends$3j() { _extends$3j = 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$3j.apply(this, arguments); }
+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 SvgSearch(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$3j({
+  return /*#__PURE__*/React.createElement("svg", _extends$3h({
     viewBox: "0 0 16 16",
+    fill: "none",
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    stroke: "currentColor",
     width: "1em",
-    height: "1em",
-    fill: "none"
-  }, props), _path$33 || (_path$33 = /*#__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"
+    height: "1em"
+  }, props), _path$25 || (_path$25 = /*#__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"
   })));
 }