@popmenu/admin-ui 0.26.0 → 0.27.0

package/build/index.es.js

@@ -1,11 +1,10 @@
 import * as React from 'react';
 import React__default, { createElement, forwardRef, createContext, useState, useContext } from 'react';
 import CommonAlert from '@material-ui/lab/Alert';
-import { makeStyles, Typography as Typography$1, Paper as Paper$1, Link as Link$1, Box } from '@material-ui/core';
+import { makeStyles, Typography as Typography$1, Link as Link$1, Paper as Paper$1, Box } from '@material-ui/core';
 import '@material-ui/core/AppBar';
-import MuiIconButton from '@material-ui/core/IconButton';
-import { makeStyles as makeStyles$1, useTheme, lighten } from '@material-ui/core/styles';
 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';
@@ -28,6 +27,7 @@ export { default as DialogTitle } from '@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';
@@ -193,6 +193,42 @@ function SvgUser(props) {
   })));
 }
 
+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: {}};
 
 /*!
@@ -253,42 +289,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"]);
@@ -307,103 +307,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$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$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";
@@ -517,6 +420,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))
@@ -580,6 +509,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;
@@ -599,6 +536,28 @@ Link.defaultProps = {
 };
 Link.displayName = 'Link';
 
+var useStyles$2 = 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$2(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));