@popmenu/admin-ui 0.40.5 → 0.43.0

package/build/index.es.js

@@ -176,19 +176,19 @@ function __rest(s, e) {
     return t;
 }
 
-var _path$I;
+var _path$F;
 
-function _extends$1m() { _extends$1m = 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$1m.apply(this, arguments); }
+function _extends$1s() { _extends$1s = 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$1s.apply(this, arguments); }
 
 function SvgUser(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1m({
+  return /*#__PURE__*/React.createElement("svg", _extends$1s({
     viewBox: "0 0 16 16",
     fill: "none",
     strokeLinecap: "round",
     strokeLinejoin: "round",
     width: "1em",
     height: "1em"
-  }, props), _path$I || (_path$I = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$F || (_path$F = /*#__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"
   })));
@@ -421,6 +421,79 @@ var Checkbox = forwardRef(function (props, ref) {
 });
 Checkbox.displayName = 'Checkbox';
 
+var getBackground$1 = function (theme) { return function (props) {
+    var variant = props.variant, severity = props.severity;
+    var background;
+    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];
+        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;
+}; };
+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),
+    },
+}); });
+
 var defaultTypographyProps = {
     variant: 'body1',
 };
@@ -758,136 +831,169 @@ makeStyles(function (theme) { return ({
     },
 }); });
 
-var _g$S;
+var _g$17, _defs$I;
 
-function _extends$1$() { _extends$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$1$.apply(this, arguments); }
+function _extends$25() { _extends$25 = 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$25.apply(this, arguments); }
 
 function SvgCheckCircle(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1$({
+  return /*#__PURE__*/React.createElement("svg", _extends$25({
     viewBox: "0 0 16 16",
     fill: "none",
     strokeLinecap: "round",
     strokeLinejoin: "round",
     width: "1em",
     height: "1em"
-  }, props), _g$S || (_g$S = /*#__PURE__*/React.createElement("g", {
+  }, props), _g$17 || (_g$17 = /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#check-circle_svg__clip0_8_5831)",
     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"
-  }))));
+  }))), _defs$I || (_defs$I = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "check-circle_svg__clip0_8_5831"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "currentColor",
+    d: "M0 0h16v16H0z"
+  })))));
 }
 
-var _path$17;
+var _path$W;
 
-function _extends$1Z() { _extends$1Z = 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$1Z.apply(this, arguments); }
+function _extends$23() { _extends$23 = 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$23.apply(this, arguments); }
 
 function SvgX(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1Z({
+  return /*#__PURE__*/React.createElement("svg", _extends$23({
     viewBox: "0 0 16 16",
     fill: "none",
     strokeLinecap: "round",
     strokeLinejoin: "round",
     width: "1em",
     height: "1em"
-  }, props), _path$17 || (_path$17 = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$W || (_path$W = /*#__PURE__*/React.createElement("path", {
     d: "M12 4l-8 8m0-8l8 8",
     stroke: "currentColor"
   })));
 }
 
-var _g$N;
+var _g$$, _defs$B;
 
-function _extends$1P() { _extends$1P = 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$1P.apply(this, arguments); }
+function _extends$1V() { _extends$1V = 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$1V.apply(this, arguments); }
 
 function SvgHelp(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1P({
+  return /*#__PURE__*/React.createElement("svg", _extends$1V({
     viewBox: "0 0 16 16",
     fill: "none",
     strokeLinecap: "round",
     strokeLinejoin: "round",
     width: "1em",
     height: "1em"
-  }, props), _g$N || (_g$N = /*#__PURE__*/React.createElement("g", {
+  }, props), _g$$ || (_g$$ = /*#__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$B || (_defs$B = /*#__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 _path$10;
+var _g$Z, _defs$A;
 
-function _extends$1N() { _extends$1N = 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$1N.apply(this, arguments); }
+function _extends$1T() { _extends$1T = 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$1T.apply(this, arguments); }
 
 function SvgInfo(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1N({
+  return /*#__PURE__*/React.createElement("svg", _extends$1T({
     viewBox: "0 0 16 16",
     fill: "none",
     strokeLinecap: "round",
     strokeLinejoin: "round",
     width: "1em",
     height: "1em"
-  }, props), _path$10 || (_path$10 = /*#__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",
+  }, props), _g$Z || (_g$Z = /*#__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$A || (_defs$A = /*#__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$F;
+var _g$K, _defs$r;
 
-function _extends$1i() { _extends$1i = 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$1i.apply(this, arguments); }
+function _extends$1o() { _extends$1o = 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$1o.apply(this, arguments); }
 
 function SvgError(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1i({
+  return /*#__PURE__*/React.createElement("svg", _extends$1o({
     viewBox: "0 0 16 16",
     fill: "none",
     strokeLinecap: "round",
     strokeLinejoin: "round",
     width: "1em",
     height: "1em"
-  }, props), _path$F || (_path$F = /*#__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",
+  }, props), _g$K || (_g$K = /*#__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$r || (_defs$r = /*#__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$E;
+var _path$C;
 
-function _extends$1h() { _extends$1h = 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$1h.apply(this, arguments); }
+function _extends$1n() { _extends$1n = 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$1n.apply(this, arguments); }
 
 function SvgWarning(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1h({
+  return /*#__PURE__*/React.createElement("svg", _extends$1n({
     viewBox: "0 0 16 16",
     fill: "none",
     strokeLinecap: "round",
     strokeLinejoin: "round",
     width: "1em",
     height: "1em"
-  }, props), _path$E || (_path$E = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$C || (_path$C = /*#__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 _path$e;
+var _g$q, _defs$k;
 
-function _extends$B() { _extends$B = 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$B.apply(this, arguments); }
+function _extends$H() { _extends$H = 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$H.apply(this, arguments); }
 
 function SvgCircle(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$B({
+  return /*#__PURE__*/React.createElement("svg", _extends$H({
     viewBox: "0 0 16 16",
     fill: "none",
     strokeLinecap: "round",
     strokeLinejoin: "round",
     width: "1em",
     height: "1em"
-  }, props), _path$e || (_path$e = /*#__PURE__*/React.createElement("path", {
+  }, props), _g$q || (_g$q = /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#circle_svg__clip0_8_2293)"
+  }, /*#__PURE__*/React.createElement("path", {
     d: "M8 14.667A6.667 6.667 0 108 1.334a6.667 6.667 0 000 13.333z",
     stroke: "currentColor"
-  })));
+  }))), _defs$k || (_defs$k = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "circle_svg__clip0_8_2293"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "currentColor",
+    d: "M0 0h16v16H0z"
+  })))));
 }
 
 var useAlertStyles = makeStyles$1(function (theme) { return ({