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

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

@@ -6,185 +6,191 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _styles = require("@mui/styles");
 var _default2 = _interopRequireDefault(require("../../../../themes/default"));
-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
-    }),
-    overflowX: 'hidden',
-    width: _default2.default.spacing(7) + '1px',
-    [_default2.default.breakpoints.up('sm')]: {
+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'
-    }
-  },
-  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',
+    }),
+    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: {
       display: 'flex',
-      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',
+      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',
-      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'
+      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'
     }
-  },
-  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;
+  };
+});
+var _default = useStyles;
+exports.default = _default;

package/components/wrapperLayout/topBar/UserAvatar.js

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

package/components/wrapperLayout/topBar/avatar.js

@@ -9,18 +9,20 @@ var _material = require("@mui/material");
 var _Stack = _interopRequireDefault(require("@mui/material/Stack"));
 var _style = _interopRequireDefault(require("./style"));
 var _clsx = _interopRequireDefault(require("clsx"));
-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 _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 stringToColor(string) {
-  let hash = 0;
-  let i;
+  var hash = 0;
+  var i;
   for (i = 0; i < string.length; i += 1) {
     hash = string.charCodeAt(i) + ((hash << 5) - hash);
   }
-  let color = "#";
+  var color = "#";
   for (i = 0; i < 3; i += 1) {
-    const value = hash >> i * 8 & 0xff;
+    var value = hash >> i * 8 & 0xff;
     color += "00".concat(value.toString(16)).slice(-2);
   }
   return color;
@@ -39,9 +41,9 @@ function stringAvatar(name, height, width) {
 }
 function Avatar(props) {
   var _props$loggedInUser, _props$loggedInUser2;
-  let name = typeof props.loggedInUser !== "object" ? props.loggedInUser : (_props$loggedInUser = props.loggedInUser) === null || _props$loggedInUser === void 0 ? void 0 : _props$loggedInUser.firstName;
-  let lastName = ((_props$loggedInUser2 = props.loggedInUser) === null || _props$loggedInUser2 === void 0 ? void 0 : _props$loggedInUser2.lastName) !== undefined ? props.loggedInUser.lastName : "";
-  const classes = (0, _style.default)();
+  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)();
   return /*#__PURE__*/React.createElement(_Stack.default, {
     direction: "row",
     spacing: 2