@popmenu/dashboard 0.49.0 → 0.51.0

package/build/index.es.js

@@ -124,19 +124,19 @@ function __rest(s, e) {
     return t;
 }
 
-var _path$D;
+var _path$E;
 
-function _extends$1u() { _extends$1u = 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$1u.apply(this, arguments); }
+function _extends$1w() { _extends$1w = 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$1w.apply(this, arguments); }
 
 function SvgUser(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1u({
+  return /*#__PURE__*/React.createElement("svg", _extends$1w({
     viewBox: "0 0 16 16",
     fill: "none",
     strokeLinecap: "round",
     strokeLinejoin: "round",
     width: "1em",
     height: "1em"
-  }, props), _path$D || (_path$D = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$E || (_path$E = /*#__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"
   })));
@@ -337,6 +337,27 @@ Avatar.defaultProps = {
 };
 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 = makeStyles$1(function () { return ({
     root: {
         minWidth: 'unset',
@@ -784,10 +805,10 @@ makeStyles(function (theme) { return ({
 
 var _path$16;
 
-function _extends$2t() { _extends$2t = 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$2t.apply(this, arguments); }
+function _extends$2u() { _extends$2u = 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$2u.apply(this, arguments); }
 
 function SvgChevronDown(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$2t({
+  return /*#__PURE__*/React.createElement("svg", _extends$2u({
     viewBox: "0 0 16 16",
     fill: "none",
     strokeLinecap: "round",
@@ -800,19 +821,19 @@ function SvgChevronDown(props) {
   })));
 }
 
-var _g$T;
+var _g$U;
 
-function _extends$1x() { _extends$1x = 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$1x.apply(this, arguments); }
+function _extends$1y() { _extends$1y = 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$1y.apply(this, arguments); }
 
 function SvgTrend(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1x({
+  return /*#__PURE__*/React.createElement("svg", _extends$1y({
     viewBox: "0 0 16 16",
     fill: "none",
     strokeLinecap: "round",
     strokeLinejoin: "round",
     width: "1em",
     height: "1em"
-  }, props), _g$T || (_g$T = /*#__PURE__*/React.createElement("g", {
+  }, props), _g$U || (_g$U = /*#__PURE__*/React.createElement("g", {
     stroke: "currentColor"
   }, /*#__PURE__*/React.createElement("path", {
     d: "M15.333 4L9 10.333 5.667 7l-5 5"
@@ -821,19 +842,19 @@ function SvgTrend(props) {
   }))));
 }
 
-var _g$S;
+var _g$T;
 
-function _extends$1w() { _extends$1w = 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$1w.apply(this, arguments); }
+function _extends$1x() { _extends$1x = 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$1x.apply(this, arguments); }
 
 function SvgTrendDown(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1w({
+  return /*#__PURE__*/React.createElement("svg", _extends$1x({
     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$T || (_g$T = /*#__PURE__*/React.createElement("g", {
     stroke: "currentColor"
   }, /*#__PURE__*/React.createElement("path", {
     d: "M15.333 12L9 5.667 5.667 9l-5-5"
@@ -842,6 +863,24 @@ function SvgTrendDown(props) {
   }))));
 }
 
+var _path$a;
+
+function _extends$G() { _extends$G = 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$G.apply(this, arguments); }
+
+function SvgGitCommit(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$G({
+    viewBox: "0 0 16 16",
+    fill: "none",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    width: "1em",
+    height: "1em"
+  }, props), _path$a || (_path$a = /*#__PURE__*/React.createElement("path", {
+    d: "M8 10.667a2.667 2.667 0 100-5.334 2.667 2.667 0 000 5.334zM.7 8h3.967m6.673 0h3.966",
+    stroke: "currentColor"
+  })));
+}
+
 var useLeaderboardStyles = makeStyles(function (theme) { return ({
     root: {
         '& >:nth-child(even) > li': {
@@ -1006,8 +1045,8 @@ var defaultProps = {
 var KpiMetric = function (props) {
     var KpiIcon = props.Icon, metric = props.metric, value = props.value, trend = props.trend, trendMessage = props.trendMessage, trendStatus = props.trendStatus;
     var classes = useKpiMetricStyles(props);
-    var trendColors = trendStatus === 'natural' ? ['success', 'warning'] : ['warning', 'success'];
-    var trendColorMap = { up: 0, down: 1, level: 1 };
+    var trendColors = trendStatus === 'natural' ? ['success', 'warning', 'grey.500'] : ['warning', 'success', 'grey.500'];
+    var trendColorMap = { up: 0, down: 1, level: 2 };
     return (React__default.createElement(Box, { className: classes.root },
         KpiIcon && (React__default.createElement(Box, { className: classes.iconContainer },
             React__default.createElement(Icon, { icon: KpiIcon, size: "inherit" }))),
@@ -1016,6 +1055,7 @@ var KpiMetric = function (props) {
         trendMessage && (React__default.createElement(Typography, { style: { fontSize: 'inherit' }, variant: "body2", color: trend ? trendColors[trendColorMap[trend]] : 'grey.500' },
             trend === 'up' && React__default.createElement(Icon, { className: classes.trendIcon, icon: SvgTrend, size: "inherit" }),
             trend === 'down' && React__default.createElement(Icon, { className: classes.trendIcon, icon: SvgTrendDown, size: "inherit" }),
+            trend === 'level' && React__default.createElement(Icon, { className: classes.trendIcon, icon: SvgGitCommit, size: "inherit" }),
             trendMessage))));
 };
 KpiMetric.defaultProps = defaultProps;