@popmenu/table 0.24.0 → 0.27.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,12 +137,12 @@ function __rest(s, e) {
     return t;
 }
 
-var _path$3k;
+var _path$2P;
 
-function _extends$3B() { _extends$3B = 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$3B.apply(this, arguments); }
+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 SvgUser(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$3B({
+  return /*#__PURE__*/React.createElement("svg", _extends$33({
     viewBox: "0 0 16 16",
     strokeLinecap: "round",
     strokeLinejoin: "round",
@@ -150,11 +150,47 @@ function SvgUser(props) {
     width: "1em",
     height: "1em",
     fill: "none"
-  }, props), _path$3k || (_path$3k = /*#__PURE__*/React.createElement("path", {
+  }, 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"
   })));
 }
 
+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,32 @@ var Checkbox = forwardRef(function (props, ref) {
 });
 Checkbox.displayName = 'Checkbox';
 
+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 getFadeStop = function (_a, typographyVariant) {
     var typography = _a.typography;
     return !isNaN(Number(typography[typographyVariant].lineHeight))
@@ -542,6 +471,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 +498,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,12 +674,12 @@ var TableHeader = function (props) {
     return React__default.createElement("thead", __assign$1({}, restProps), children);
 };
 
-var _path$3K;
+var _path$4x;
 
-function _extends$3$() { _extends$3$ = 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$3$.apply(this, arguments); }
+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 SvgMore(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$3$({
+function SvgChevronDown(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$4N({
     viewBox: "0 0 16 16",
     strokeLinecap: "round",
     strokeLinejoin: "round",
@@ -728,17 +687,17 @@ function SvgMore(props) {
     width: "1em",
     height: "1em",
     fill: "none"
-  }, props), _path$3K || (_path$3K = /*#__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.333A.667.667 0 008 4zm0 9.333A.667.667 0 108 12a.667.667 0 000 1.333z"
+  }, props), _path$4x || (_path$4x = /*#__PURE__*/React.createElement("path", {
+    d: "M4 6l4 4 4-4"
   })));
 }
 
-var _path$3A;
+var _path$4w;
 
-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 _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 SvgSearch(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$3R({
+function SvgChevronUp(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$4M({
     viewBox: "0 0 16 16",
     strokeLinecap: "round",
     strokeLinejoin: "round",
@@ -746,17 +705,17 @@ function SvgSearch(props) {
     width: "1em",
     height: "1em",
     fill: "none"
-  }, props), _path$3A || (_path$3A = /*#__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"
+  }, props), _path$4w || (_path$4w = /*#__PURE__*/React.createElement("path", {
+    d: "M12 10L8 6l-4 4"
   })));
 }
 
-var _path$2X;
+var _path$3d;
 
-function _extends$3b() { _extends$3b = 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$3b.apply(this, arguments); }
+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 SvgChevronDown(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$3b({
+function SvgMore(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$3t({
     viewBox: "0 0 16 16",
     strokeLinecap: "round",
     strokeLinejoin: "round",
@@ -764,17 +723,17 @@ function SvgChevronDown(props) {
     width: "1em",
     height: "1em",
     fill: "none"
-  }, props), _path$2X || (_path$2X = /*#__PURE__*/React.createElement("path", {
-    d: "M4 6l4 4 4-4"
+  }, 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"
   })));
 }
 
-var _path$2W;
+var _path$33;
 
-function _extends$3a() { _extends$3a = 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$3a.apply(this, arguments); }
+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 SvgChevronUp(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$3a({
+function SvgSearch(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$3j({
     viewBox: "0 0 16 16",
     strokeLinecap: "round",
     strokeLinejoin: "round",
@@ -782,8 +741,8 @@ function SvgChevronUp(props) {
     width: "1em",
     height: "1em",
     fill: "none"
-  }, props), _path$2W || (_path$2W = /*#__PURE__*/React.createElement("path", {
-    d: "M12 10L8 6l-4 4"
+  }, 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"
   })));
 }