tenjin-ui-kit 0.3.72-dev-1 → 0.3.73

package/components/wrapperLayout/main/sideBar/style.js

@@ -6,191 +6,185 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _styles = require("@mui/styles");
 var _default2 = _interopRequireDefault(require("../../../../themes/default"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-var drawerWidth = 248;
-var useStyles = (0, _styles.makeStyles)(function () {
-  return {
-    drawerClose: _defineProperty({
-      transition: _default2.default.transitions.create('width', {
-        easing: _default2.default.transitions.easing.sharp,
-        duration: _default2.default.transitions.duration.leavingScreen
-      }),
-      overflowX: 'hidden',
-      width: _default2.default.spacing(7) + '1px'
-    }, _default2.default.breakpoints.up('sm'), {
-      width: _default2.default.spacing(8.75) + '2px'
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const drawerWidth = 248;
+const useStyles = (0, _styles.makeStyles)(() => ({
+  drawerClose: {
+    transition: _default2.default.transitions.create('width', {
+      easing: _default2.default.transitions.easing.sharp,
+      duration: _default2.default.transitions.duration.leavingScreen
     }),
-    drawerOpen: {
-      width: drawerWidth,
-      transition: _default2.default.transitions.create('width', {
-        easing: _default2.default.transitions.easing.sharp,
-        duration: _default2.default.transitions.duration.enteringScreen
-      })
-    },
-    drawer: {
-      flexShrink: 0,
-      whiteSpace: 'nowrap',
-      boxShadow: '0px 3px 30px #667CBC30',
-      '& .MuiPaper-root': {
-        borderRadius: '.3rem',
-        position: 'relative',
-        display: 'flex',
-        flexFlow: 'column'
-      }
-    },
-    toolbar: {
+    overflowX: 'hidden',
+    width: _default2.default.spacing(7) + '1px',
+    [_default2.default.breakpoints.up('sm')]: {
+      width: _default2.default.spacing(8.75) + '2px'
+    }
+  },
+  drawerOpen: {
+    width: drawerWidth,
+    transition: _default2.default.transitions.create('width', {
+      easing: _default2.default.transitions.easing.sharp,
+      duration: _default2.default.transitions.duration.enteringScreen
+    })
+  },
+  drawer: {
+    flexShrink: 0,
+    whiteSpace: 'nowrap',
+    boxShadow: '0px 3px 30px #667CBC30',
+    '& .MuiPaper-root': {
+      borderRadius: '.3rem',
+      position: 'relative',
       display: 'flex',
-      justifyContent: 'center',
-      flexDirection: 'column',
-      height: '100%'
-    },
-    navigationArrow: {
-      transition: '.5s'
-    },
-    rightArrow: {
-      transform: 'rotate(-180deg)'
-    },
-    list: {
-      margin: _default2.default.spacing(2.5, 0.8),
-      overflow: 'hidden'
-    },
-    listItem: {
+      flexFlow: 'column'
+    }
+  },
+  toolbar: {
+    display: 'flex',
+    justifyContent: 'center',
+    flexDirection: 'column',
+    height: '100%'
+  },
+  navigationArrow: {
+    transition: '.5s'
+  },
+  rightArrow: {
+    transform: 'rotate(-180deg)'
+  },
+  list: {
+    margin: _default2.default.spacing(2.5, 0.8),
+    overflow: 'hidden'
+  },
+  listItem: {
+    display: 'flex',
+    textDecoration: 'none',
+    transition: '.3s',
+    color: _default2.default.palette.text.main,
+    alignItems: 'center',
+    borderRadius: '.3rem',
+    marginBottom: _default2.default.spacing(2),
+    '& .MuiListItemIcon-root': {
+      marginLeft: _default2.default.spacing(0.5),
+      minHeight: '30px',
+      minWidth: '0px',
       display: 'flex',
-      textDecoration: 'none',
-      transition: '.3s',
-      color: _default2.default.palette.text.main,
       alignItems: 'center',
-      borderRadius: '.3rem',
-      marginBottom: _default2.default.spacing(2),
-      '& .MuiListItemIcon-root': {
-        marginLeft: _default2.default.spacing(0.5),
-        minHeight: '30px',
-        minWidth: '0px',
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'center'
-      },
-      '& .MuiListItemIcon-root .icon': {
-        transition: '.5s',
-        color: _default2.default.palette.primary.main,
-        fontSize: "1rem"
-      },
-      '& .MuiTypography-root': {
-        fontWeight: 600,
-        fontSize: '1vw',
-        // fontFamily: theme.typography.fontFamily,
-        marginLeft: '1rem'
-      }
-    },
-    listItemActive: {
-      background: 'linear-gradient(180deg, rgba(97,94,173,1) 29%, rgba(71,66,156,1) 100%)',
-      color: 'white',
-      width: '100%',
-      '& .MuiListItemIcon-root .icon': {
-        color: 'white'
-      },
-      '& .MuiListItemIcon-root': {
-        color: 'white'
-      }
-    },
-    sideBarIcon: {
-      margin: 'auto .8rem .8rem .8rem',
-      width: 'calc(100% - 1.4rem)',
-      backgroundColor: '#EEF3FC',
-      borderRadius: '7px !important',
-      display: 'flex',
-      justifyContent: 'center',
-      alignItems: 'center'
-    },
-    sidebarMenuContainer: {
-      flexGrow: 1
-    },
-    scrollableList: {
-      height: '100%',
-      maxHeight: '100%',
-      overflowY: 'auto',
-      padding: '0.5rem 0.5rem 0.5rem 0.6rem'
-    },
-    tooltip: {
-      fontSize: _default2.default.typography.fontSize
-    },
-    wrapper: {
-      backgroundColor: '#fff !important',
-      // margin: '0.5rem !important',
-      marginRight: '0.5rem !important',
-      height: 'calc(100vh - 76.5px) !important',
-      overflowY: 'auto !important',
-      borderRadius: '7px !important',
-      width: '304px !important',
-      padding: '8px !important',
-      minWidth: '304px !important'
-    },
-    wrapper___webkit_scrollbar: {
-      width: '1px',
-      height: '1px !important'
-    },
-    wrapper___webkit_scrollbar_thumb: {
-      background: '#c5c5c5'
-    },
-    headstyle: {
-      display: 'flex !important',
-      flexDirection: 'column !important',
-      paddingLeft: '0.4rem'
-    },
-    menustyle: {
-      color: '#d6d9e0',
-      fontSize: '12px',
-      fontFamily: '"Segoe UI"',
-      textTransform: 'uppercase',
-      opacity: '1',
-      fontWeight: '600',
-      padding: '0.5rem'
-    },
-    menuItem: {
-      color: '#44409a !important',
-      opacity: '1 !important',
-      fontFamily: '"Segoe UI" !important',
-      fontWeight: '600 !important',
-      fontSize: '10px !important'
-    },
-    menuTitle: {
-      marginBottom: '0.5rem'
-    },
-    headTitle: {
-      top: '191px',
-      left: '36px',
-      width: '130px',
-      height: '19px',
-      // font: 'normal normal 600 14px/19px Segoe UI',
-      font: 'normal normal 600 13px/14px Segoe UI',
-      letterSpacing: '0px',
-      color: '#d6d9e0',
-      textAlign: 'left',
-      textTransform: 'uppercase',
-      opacity: '1'
-    },
-    menuOptionsTitle: {
-      top: '236px',
-      left: '36px',
-      width: '150px',
-      height: '24px',
-      font: 'normal normal 600 13px/14px Segoe UI',
-      letterSpacing: '0px',
-      color: '#44409a',
-      textAlign: 'left',
-      opacity: '1',
-      textTransform: 'none',
-      padding: '0.3rem',
-      cursor: 'pointer'
-    },
-    label: {
-      fontSize: '0.8rem'
+      justifyContent: 'center'
+    },
+    '& .MuiListItemIcon-root .icon': {
+      transition: '.5s',
+      color: _default2.default.palette.primary.main,
+      fontSize: `1rem`
+    },
+    '& .MuiTypography-root': {
+      fontWeight: 600,
+      fontSize: '1vw',
+      // fontFamily: theme.typography.fontFamily,
+      marginLeft: '1rem'
     }
-  };
-});
-var _default = useStyles;
-exports.default = _default;
+  },
+  listItemActive: {
+    background: 'linear-gradient(180deg, rgba(97,94,173,1) 29%, rgba(71,66,156,1) 100%)',
+    color: 'white',
+    width: '100%',
+    '& .MuiListItemIcon-root .icon': {
+      color: 'white'
+    },
+    '& .MuiListItemIcon-root': {
+      color: 'white'
+    }
+  },
+  sideBarIcon: {
+    margin: 'auto .8rem .8rem .8rem',
+    width: 'calc(100% - 1.4rem)',
+    backgroundColor: '#EEF3FC',
+    borderRadius: '7px !important',
+    display: 'flex',
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  sidebarMenuContainer: {
+    flexGrow: 1
+  },
+  scrollableList: {
+    height: '100%',
+    maxHeight: '100%',
+    overflowY: 'auto',
+    padding: '0.5rem 0.5rem 0.5rem 0.6rem'
+  },
+  tooltip: {
+    fontSize: _default2.default.typography.fontSize
+  },
+  wrapper: {
+    backgroundColor: '#fff !important',
+    // margin: '0.5rem !important',
+    marginRight: '0.5rem !important',
+    height: 'calc(100vh - 76.5px) !important',
+    overflowY: 'auto !important',
+    borderRadius: '7px !important',
+    width: '304px !important',
+    padding: '8px !important',
+    minWidth: '304px !important'
+  },
+  wrapper___webkit_scrollbar: {
+    width: '1px',
+    height: '1px !important'
+  },
+  wrapper___webkit_scrollbar_thumb: {
+    background: '#c5c5c5'
+  },
+  headstyle: {
+    display: 'flex !important',
+    flexDirection: 'column !important',
+    paddingLeft: '0.4rem'
+  },
+  menustyle: {
+    color: '#d6d9e0',
+    fontSize: '12px',
+    fontFamily: '"Segoe UI"',
+    textTransform: 'uppercase',
+    opacity: '1',
+    fontWeight: '600',
+    padding: '0.5rem'
+  },
+  menuItem: {
+    color: '#44409a !important',
+    opacity: '1 !important',
+    fontFamily: '"Segoe UI" !important',
+    fontWeight: '600 !important',
+    fontSize: '10px !important'
+  },
+  menuTitle: {
+    marginBottom: '0.5rem'
+  },
+  headTitle: {
+    top: '191px',
+    left: '36px',
+    width: '130px',
+    height: '19px',
+    // font: 'normal normal 600 14px/19px Segoe UI',
+    font: 'normal normal 600 13px/14px Segoe UI',
+    letterSpacing: '0px',
+    color: '#d6d9e0',
+    textAlign: 'left',
+    textTransform: 'uppercase',
+    opacity: '1'
+  },
+  menuOptionsTitle: {
+    top: '236px',
+    left: '36px',
+    width: '150px',
+    height: '24px',
+    font: 'normal normal 600 13px/14px Segoe UI',
+    letterSpacing: '0px',
+    color: '#44409a',
+    textAlign: 'left',
+    opacity: '1',
+    textTransform: 'none',
+    padding: '0.3rem',
+    cursor: 'pointer'
+  },
+  label: {
+    fontSize: '0.8rem'
+  }
+}));
+var _default = exports.default = useStyles;

package/components/wrapperLayout/topBar/UserAvatar.js

@@ -7,11 +7,12 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _text = _interopRequireDefault(require("../../text"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var UserAvatar = function UserAvatar(_ref) {
-  var loggedInUser = _ref.loggedInUser;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const UserAvatar = _ref => {
+  let {
+    loggedInUser
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_text.default, null, "UserAvatar"));
 };
 UserAvatar.propTypes = {};
-var _default = UserAvatar;
-exports.default = _default;
+var _default = exports.default = UserAvatar;

package/components/wrapperLayout/topBar/avatar.js

@@ -9,21 +9,19 @@ var _material = require("@mui/material");
 var _Stack = _interopRequireDefault(require("@mui/material/Stack"));
 var _style = _interopRequireDefault(require("./style"));
 var _clsx = _interopRequireDefault(require("clsx"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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.apply(this, arguments); }
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function stringToColor(string) {
-  var hash = 0;
-  var i;
+  let hash = 0;
+  let i;
   for (i = 0; i < string.length; i += 1) {
     hash = string.charCodeAt(i) + ((hash << 5) - hash);
   }
-  var color = "#";
+  let color = "#";
   for (i = 0; i < 3; i += 1) {
-    var value = hash >> i * 8 & 0xff;
-    color += "00".concat(value.toString(16)).slice(-2);
+    const value = hash >> i * 8 & 0xff;
+    color += `00${value.toString(16)}`.slice(-2);
   }
   return color;
 }
@@ -31,19 +29,18 @@ function stringAvatar(name, height, width) {
   return {
     sx: {
       bgcolor: stringToColor(name),
-      height: "".concat(height, "vh"),
-      width: "".concat(width, "vw"),
+      height: `${height}vh`,
+      width: `${width}vw`,
       fontSize: "1.2vw",
       padding: "1.2rem 1.2rem"
     },
-    children: "".concat(name.split(" ")[0][0]).concat(name.split(" ")[1][0] === undefined ? "" : "".concat(name.split(" ")[1][0]))
+    children: `${name.split(" ")[0][0]}${name.split(" ")[1][0] === undefined ? "" : `${name.split(" ")[1][0]}`}`
   };
 }
 function Avatar(props) {
-  var _props$loggedInUser, _props$loggedInUser2;
-  var name = _typeof(props.loggedInUser) !== "object" ? props.loggedInUser : (_props$loggedInUser = props.loggedInUser) === null || _props$loggedInUser === void 0 ? void 0 : _props$loggedInUser.firstName;
-  var lastName = ((_props$loggedInUser2 = props.loggedInUser) === null || _props$loggedInUser2 === void 0 ? void 0 : _props$loggedInUser2.lastName) !== undefined ? props.loggedInUser.lastName : "";
-  var classes = (0, _style.default)();
+  let name = typeof props.loggedInUser !== "object" ? props.loggedInUser : props.loggedInUser?.firstName;
+  let lastName = props.loggedInUser?.lastName !== undefined ? props.loggedInUser.lastName : "";
+  const classes = (0, _style.default)();
   return /*#__PURE__*/React.createElement(_Stack.default, {
     direction: "row",
     spacing: 2
@@ -53,5 +50,5 @@ function Avatar(props) {
     ,
     className: (0, _clsx.default)(classes.avatar, "avatar", classes[props.size]),
     size: props.size
-  }, stringAvatar((name === null || name === void 0 ? void 0 : name.toUpperCase()) + " " + (lastName === null || lastName === void 0 ? void 0 : lastName.toUpperCase()), props.height, props.width))));
+  }, stringAvatar(name?.toUpperCase() + " " + lastName?.toUpperCase(), props.height, props.width))));
 }