tenjin-ui-kit 0.3.72 → 0.3.73

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

@@ -29,18 +29,10 @@ var _text = _interopRequireDefault(require("../../../text"));
 var _responsiveTheme = _interopRequireDefault(require("../../../../themes/responsiveTheme"));
 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 _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } /* eslint-disable no-lone-blocks */ // // import { Box, Paper } from '@mui/material';
+/* eslint-disable no-lone-blocks */
+// // import { Box, Paper } from '@mui/material';
 // // import React from 'react';
+
 // // const SideBar = () => {
 // //   return (
 // //     <Box
@@ -60,7 +52,9 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
 // //     </Box>
 // //   );
 // // };
+
 // // export default SideBar;
+
 const drawerWidth = 250;
 const drawerHeight = "100% !important";
 const openedMixin = () => ({
@@ -77,49 +71,48 @@ const closedMixin = theme => ({
     duration: theme.transitions.duration.leavingScreen
   }),
   overflowX: "hidden",
-  width: "calc(".concat(theme.spacing(7), " + 1px)"),
+  width: `calc(${theme.spacing(7)} + 1px)`,
   height: drawerHeight,
-  margin: "0rem 0.5rem 0rem 0rem",
+  margin: `0rem 0.5rem 0rem 0rem`,
   [theme.breakpoints.up("sm")]: {
-    width: "calc(".concat(theme.spacing(8.75), " + 2px)")
+    width: `calc(${theme.spacing(8.75)} + 2px)`
   }
 });
 const Drawer = (0, _styles.styled)(_Drawer.default, {
   shouldForwardProp: prop => prop !== "open"
 })(_ref => {
-  let theme = _ref.theme,
-    open = _ref.open;
-  return _objectSpread(_objectSpread({
+  let {
+    theme,
+    open
+  } = _ref;
+  return {
     width: drawerWidth,
     height: drawerHeight,
-    margin: "0rem 0.5rem 0rem 0rem",
+    margin: `0rem 0.5rem 0rem 0rem`,
     flexShrink: 0,
     whiteSpace: "nowrap",
-    boxSizing: "border-box"
-  }, open && _objectSpread(_objectSpread({}, openedMixin(theme)), {}, {
-    "& .MuiDrawer-paper": openedMixin(theme)
-  })), !open && _objectSpread(_objectSpread({}, closedMixin(theme)), {}, {
-    "& .MuiDrawer-paper": closedMixin(theme)
-  }));
+    boxSizing: "border-box",
+    ...(open && {
+      ...openedMixin(theme),
+      "& .MuiDrawer-paper": openedMixin(theme)
+    }),
+    ...(!open && {
+      ...closedMixin(theme),
+      "& .MuiDrawer-paper": closedMixin(theme)
+    })
+  };
 });
 function SideBar(props) {
-  const sidebarData = props.sidebarData,
-    className = props.className,
-    activeItem = props.activeItem,
-    company = props.company;
+  const {
+    sidebarData,
+    className,
+    activeItem,
+    company
+  } = props;
   const classes = (0, _style.default)();
-  const _React$useState = React.useState(false),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    open = _React$useState2[0],
-    setOpen = _React$useState2[1];
-  const _React$useState3 = React.useState(false),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    openCol = _React$useState4[0],
-    setOpenCol = _React$useState4[1];
-  const _React$useState5 = React.useState(""),
-    _React$useState6 = _slicedToArray(_React$useState5, 2),
-    selectedIndex = _React$useState6[0],
-    setSelectedIndex = _React$useState6[1];
+  const [open, setOpen] = React.useState(false);
+  const [openCol, setOpenCol] = React.useState(false);
+  const [selectedIndex, setSelectedIndex] = React.useState("");
   const handleClick = event => {
     if (selectedIndex === event) {
       setSelectedIndex("");
@@ -139,38 +132,35 @@ function SideBar(props) {
     style: {
       // padding: '0.55rem 0rem 0.55rem 0rem',
     }
-  }), sidebarData && sidebarData.modules.map((group, id) => {
-    var _sidebarData$modules;
-    return /*#__PURE__*/React.createElement("div", {
-      className: classes.menustyle
-    }, /*#__PURE__*/React.createElement("div", {
-      className: classes.menuTitle
-    }, /*#__PURE__*/React.createElement("span", {
-      className: classes.headTitle
-    }, /*#__PURE__*/React.createElement(_text.default, null, group.groupTitle))), /*#__PURE__*/React.createElement("div", null, group.modules.map(m => /*#__PURE__*/React.createElement(_reactRouterDom.Link, {
-      to: m.href,
-      style: {
-        textDecoration: "none"
-      }
-    }, /*#__PURE__*/React.createElement(_material.Grid, {
-      container: true,
-      item: true,
-      xs: true
-    }, /*#__PURE__*/React.createElement(_material.Grid, {
-      item: true,
-      xs: 12,
-      style: {
-        padding: "0.55rem 0rem 0.55rem 0rem",
-        backgroundColor: m.active && "#D7E2F0"
-      }
-    }, /*#__PURE__*/React.createElement("span", {
-      className: classes.menuOptionsTitle
-    }, /*#__PURE__*/React.createElement(_text.default, null, m.title)))))), ((_sidebarData$modules = sidebarData.modules) === null || _sidebarData$modules === void 0 ? void 0 : _sidebarData$modules.length) !== id + 1 && /*#__PURE__*/React.createElement("div", {
-      style: {
-        marginTop: "1rem"
-      }
-    }, /*#__PURE__*/React.createElement(_divider.default, null), " ")));
-  })) : /*#__PURE__*/React.createElement(_material.Grid, null, /*#__PURE__*/React.createElement(Drawer, {
+  }), sidebarData && sidebarData.modules.map((group, id) => /*#__PURE__*/React.createElement("div", {
+    className: classes.menustyle
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classes.menuTitle
+  }, /*#__PURE__*/React.createElement("span", {
+    className: classes.headTitle
+  }, /*#__PURE__*/React.createElement(_text.default, null, group.groupTitle))), /*#__PURE__*/React.createElement("div", null, group.modules.map(m => /*#__PURE__*/React.createElement(_reactRouterDom.Link, {
+    to: m.href,
+    style: {
+      textDecoration: "none"
+    }
+  }, /*#__PURE__*/React.createElement(_material.Grid, {
+    container: true,
+    item: true,
+    xs: true
+  }, /*#__PURE__*/React.createElement(_material.Grid, {
+    item: true,
+    xs: 12,
+    style: {
+      padding: "0.55rem 0rem 0.55rem 0rem",
+      backgroundColor: m.active && "#D7E2F0"
+    }
+  }, /*#__PURE__*/React.createElement("span", {
+    className: classes.menuOptionsTitle
+  }, /*#__PURE__*/React.createElement(_text.default, null, m.title)))))), sidebarData.modules?.length !== id + 1 && /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginTop: "1rem"
+    }
+  }, /*#__PURE__*/React.createElement(_divider.default, null), " "))))) : /*#__PURE__*/React.createElement(_material.Grid, null, /*#__PURE__*/React.createElement(Drawer, {
     variant: "permanent",
     open: open,
     className: classes.drawer
@@ -184,7 +174,7 @@ function SideBar(props) {
   }, !props.withSubMenu ? /*#__PURE__*/React.createElement(React.Fragment, null, props.modules.map(module => /*#__PURE__*/React.createElement(_reactRouterDom.Link, {
     to: module.href,
     key: module.href,
-    className: "".concat(classes.listItem, " ").concat(module.active && classes.listItemActive),
+    className: `${classes.listItem} ${module.active && classes.listItemActive}`,
     style: {
       cursor: "pointer"
     }
@@ -199,48 +189,44 @@ function SideBar(props) {
     primary: /*#__PURE__*/React.createElement(_text.default, {
       color: "red"
     }, module.title)
-  })))))) : /*#__PURE__*/React.createElement(React.Fragment, null, " ", props.modules.map((module, key) => {
-    var _module$subMenus2, _module$subMenus3, _module$subMenus4;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_reactRouterDom.Link, {
-      to: module.href,
-      key: module.href
-      // className={`${classes.listItem} ${
-      //   module.active && classes.listItemActive
-      // }`}
-      ,
-      className: classes.listStyle,
-      style: {
-        cursor: "pointer",
-        textDecoration: "none"
-      }
-    }, /*#__PURE__*/React.createElement(_material.Tooltip, {
-      arrow: true,
-      title: !open ? module.title : "",
-      placement: "right"
-    }, /*#__PURE__*/React.createElement(_material.ListItemButton, {
-      onClick: () => {
-        var _module$subMenus;
-        (module === null || module === void 0 || (_module$subMenus = module.subMenus) === null || _module$subMenus === void 0 ? void 0 : _module$subMenus.length) > 0 && handleClick(key);
-      }
-    }, /*#__PURE__*/React.createElement(_ListItemIcon.default, null, module.icon), /*#__PURE__*/React.createElement(_ListItemText.default, {
-      primary: /*#__PURE__*/React.createElement(_text.default, {
-        color: "red"
-      }, module.title)
-    }), !(module !== null && module !== void 0 && (_module$subMenus2 = module.subMenus) !== null && _module$subMenus2 !== void 0 && _module$subMenus2.length) > 0 ? /*#__PURE__*/React.createElement(React.Fragment, null) : key === selectedIndex ? /*#__PURE__*/React.createElement(_iconsMaterial.ExpandLess, null) : /*#__PURE__*/React.createElement(_iconsMaterial.ExpandMore, null))), (module === null || module === void 0 || (_module$subMenus3 = module.subMenus) === null || _module$subMenus3 === void 0 ? void 0 : _module$subMenus3.length) > 0 && /*#__PURE__*/React.createElement(_Collapse.default, {
-      in: key === selectedIndex,
-      timeout: "auto",
-      unmountOnExit: true
-    }, /*#__PURE__*/React.createElement(_List.default, {
-      component: "div",
-      disablePadding: true
-    }, module === null || module === void 0 || (_module$subMenus4 = module.subMenus) === null || _module$subMenus4 === void 0 ? void 0 : _module$subMenus4.map((subMenu, subMenuKey) => /*#__PURE__*/React.createElement(_material.ListItemButton, {
-      sx: {
-        pl: 4
-      }
-    }, /*#__PURE__*/React.createElement(_ListItemIcon.default, null, subMenu.icon), /*#__PURE__*/React.createElement(_ListItemText.default, {
-      primary: subMenu.title
-    })))))));
-  }))))), /*#__PURE__*/React.createElement("div", {
+  })))))) : /*#__PURE__*/React.createElement(React.Fragment, null, " ", props.modules.map((module, key) => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_reactRouterDom.Link, {
+    to: module.href,
+    key: module.href
+    // className={`${classes.listItem} ${
+    //   module.active && classes.listItemActive
+    // }`}
+    ,
+    className: classes.listStyle,
+    style: {
+      cursor: "pointer",
+      textDecoration: "none"
+    }
+  }, /*#__PURE__*/React.createElement(_material.Tooltip, {
+    arrow: true,
+    title: !open ? module.title : "",
+    placement: "right"
+  }, /*#__PURE__*/React.createElement(_material.ListItemButton, {
+    onClick: () => {
+      module?.subMenus?.length > 0 && handleClick(key);
+    }
+  }, /*#__PURE__*/React.createElement(_ListItemIcon.default, null, module.icon), /*#__PURE__*/React.createElement(_ListItemText.default, {
+    primary: /*#__PURE__*/React.createElement(_text.default, {
+      color: "red"
+    }, module.title)
+  }), !module?.subMenus?.length > 0 ? /*#__PURE__*/React.createElement(React.Fragment, null) : key === selectedIndex ? /*#__PURE__*/React.createElement(_iconsMaterial.ExpandLess, null) : /*#__PURE__*/React.createElement(_iconsMaterial.ExpandMore, null))), module?.subMenus?.length > 0 && /*#__PURE__*/React.createElement(_Collapse.default, {
+    in: key === selectedIndex,
+    timeout: "auto",
+    unmountOnExit: true
+  }, /*#__PURE__*/React.createElement(_List.default, {
+    component: "div",
+    disablePadding: true
+  }, module?.subMenus?.map((subMenu, subMenuKey) => /*#__PURE__*/React.createElement(_material.ListItemButton, {
+    sx: {
+      pl: 4
+    }
+  }, /*#__PURE__*/React.createElement(_ListItemIcon.default, null, subMenu.icon), /*#__PURE__*/React.createElement(_ListItemText.default, {
+    primary: subMenu.title
+  })))))))))))), /*#__PURE__*/React.createElement("div", {
     className: classes.sideBarIcon
   }, /*#__PURE__*/React.createElement(_IconButton.default, {
     disableRipple: true,

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

@@ -73,7 +73,7 @@ const useStyles = (0, _styles.makeStyles)(() => ({
     '& .MuiListItemIcon-root .icon': {
       transition: '.5s',
       color: _default2.default.palette.primary.main,
-      fontSize: "1rem"
+      fontSize: `1rem`
     },
     '& .MuiTypography-root': {
       fontWeight: 600,

package/components/wrapperLayout/topBar/UserAvatar.js

@@ -9,7 +9,9 @@ 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;
+  let {
+    loggedInUser
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_text.default, null, "UserAvatar"));
 };
 UserAvatar.propTypes = {};

package/components/wrapperLayout/topBar/avatar.js

@@ -21,7 +21,7 @@ function stringToColor(string) {
   let color = "#";
   for (i = 0; i < 3; i += 1) {
     const value = hash >> i * 8 & 0xff;
-    color += "00".concat(value.toString(16)).slice(-2);
+    color += `00${value.toString(16)}`.slice(-2);
   }
   return color;
 }
@@ -29,18 +29,17 @@ 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;
-  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 : "";
+  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",
@@ -51,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))));
 }

package/components/wrapperLayout/topBar/index.js

@@ -14,13 +14,9 @@ var _reactRouterDom = require("react-router-dom");
 var _text = _interopRequireDefault(require("../../text"));
 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 _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(r) { if (Array.isArray(r)) return r; } // import { Box, Paper } from '@mui/material';
+// import { Box, Paper } from '@mui/material';
 // import React from 'react';
+
 // const TopBar = () => {
 //   return (
 //     <Box
@@ -39,22 +35,20 @@ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; } // import { Box,
 //     </Box>
 //   );
 // };
+
 // export default TopBar;
-/* eslint-disable no-lone-blocks */ // import styles from "./index.module.css";
+
+/* eslint-disable no-lone-blocks */
+
+// import styles from "./index.module.css";
+
 const TopBar = props => {
-  var _props$menuDetails, _concatedMenu$clicked;
   const classes = (0, _style.default)();
   const open = Boolean(props.anchorElUser);
-  const _React$useState = _react.default.useState(null),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    anchorEl = _React$useState2[0],
-    setAnchorEl = _React$useState2[1];
-  const _React$useState3 = _react.default.useState(null),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    clickedState = _React$useState4[0],
-    setClickedState = _React$useState4[1];
+  const [anchorEl, setAnchorEl] = _react.default.useState(null);
+  const [clickedState, setClickedState] = _react.default.useState(null);
   const handleOpenUserMenu = event => {
-    setAnchorEl(event === null || event === void 0 ? void 0 : event.currentTarget);
+    setAnchorEl(event?.currentTarget);
   };
   const handleCloseUserMenu = () => {
     setAnchorEl(null);
@@ -68,7 +62,7 @@ const TopBar = props => {
     }),
     listOfItems: props.userMenu
   }];
-  const concatedMenu = (_props$menuDetails = props.menuDetails) === null || _props$menuDetails === void 0 ? void 0 : _props$menuDetails.concat(userMenuObject);
+  const concatedMenu = props.menuDetails?.concat(userMenuObject);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.Box, {
     sx: {
       flexGrow: 1
@@ -79,7 +73,7 @@ const TopBar = props => {
   }, /*#__PURE__*/_react.default.createElement(_material.Toolbar, null, /*#__PURE__*/_react.default.createElement("div", {
     className: classes.logoContent
   }, /*#__PURE__*/_react.default.createElement("a", {
-    href: "/".concat(props.location)
+    href: `/${props.location}`
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: classes.appLogo
   }, /*#__PURE__*/_react.default.createElement("img", {
@@ -91,7 +85,7 @@ const TopBar = props => {
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: classes.breadCrumbs
   }, /*#__PURE__*/_react.default.createElement(_breadCrumbs.default, {
-    crumbInfo: props === null || props === void 0 ? void 0 : props.crumbInfo
+    crumbInfo: props?.crumbInfo
   })), concatedMenu && concatedMenu.map((menu, key) => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     style: {
       display: 'flex',
@@ -136,8 +130,8 @@ const TopBar = props => {
       //width: 160,
       maxWidth: '100%'
     }
-  }, concatedMenu && ((_concatedMenu$clicked = concatedMenu[clickedState]) === null || _concatedMenu$clicked === void 0 || (_concatedMenu$clicked = _concatedMenu$clicked.listOfItems) === null || _concatedMenu$clicked === void 0 ? void 0 : _concatedMenu$clicked.map((item, index) => /*#__PURE__*/_react.default.createElement(_reactRouterDom.Link, {
-    to: item === null || item === void 0 ? void 0 : item.to,
+  }, concatedMenu && concatedMenu[clickedState]?.listOfItems?.map((item, index) => /*#__PURE__*/_react.default.createElement(_reactRouterDom.Link, {
+    to: item?.to,
     style: {
       textDecoration: 'none'
     }
@@ -179,7 +173,7 @@ const TopBar = props => {
       //   fontSize: "13px",
       fontSize: '80%'
     }
-  }, /*#__PURE__*/_react.default.createElement(_text.default, null, item.description)))))))))))))));
+  }, /*#__PURE__*/_react.default.createElement(_text.default, null, item.description))))))))))))));
 };
 TopBar.propTypes = {
   logo: _propTypes.default.string.isRequired,

package/components/wrapperLayout/topBar/menuIcon.js

@@ -7,7 +7,9 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const MenuIcon = _ref => {
-  let children = _ref.children;
+  let {
+    children
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement("div", null, children);
 };
 var _default = exports.default = MenuIcon;

package/components/wrapperLayout/topBar/style.js

@@ -64,9 +64,11 @@ var _default = exports.default = (0, _styles.makeStyles)(() => ({
     marginLeft: "32px"
   },
   avatar: _ref => {
-    let avatarColor = _ref.avatarColor;
+    let {
+      avatarColor
+    } = _ref;
     return {
-      backgroundColor: "".concat(avatarColor),
+      backgroundColor: `${avatarColor}`,
       fontWeight: 400,
       letterSpacing: "0px"
     };

package/http/index.js

@@ -7,12 +7,9 @@ exports.put = exports.postClient = exports.post = exports.parseAxiosError = expo
 var _axios = _interopRequireDefault(require("axios"));
 var _authenticationProvider = _interopRequireDefault(require("../components/authenticationProvider"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-const getApiAccessToken = _authenticationProvider.default.getApiAccessToken;
+const {
+  getApiAccessToken
+} = _authenticationProvider.default;
 const getClient = () => {
   return _axios.default.create({
     headers: {
@@ -25,7 +22,7 @@ const getSecureClient = () => {
   return _axios.default.create({
     headers: {
       "Content-Type": "application/json",
-      Authorization: "Bearer ".concat(getApiAccessToken())
+      Authorization: `Bearer ${getApiAccessToken()}`
     }
   });
 };
@@ -38,7 +35,7 @@ const get = async url => {
       data: response.data
     };
   } catch (error) {
-    console.warn("Get ".concat(url, " failed"));
+    console.warn(`Get ${url} failed`);
     const parsedError = parseAxiosError(error);
     return {
       success: false,
@@ -55,7 +52,7 @@ const post = async (url, data) => {
       data: response.data
     };
   } catch (error) {
-    console.warn("Post ".concat(url, " failed"));
+    console.warn(`Post ${url} failed`);
     const parsedError = parseAxiosError(error);
     return {
       success: false,
@@ -72,7 +69,7 @@ const postClient = async (url, data) => {
       data: response.data
     };
   } catch (error) {
-    console.warn("Post ".concat(url, " failed"));
+    console.warn(`Post ${url} failed`);
     const parsedError = parseAxiosError(error);
     return {
       success: false,
@@ -89,7 +86,7 @@ const put = async (url, data) => {
       data: response.data
     };
   } catch (error) {
-    console.warn("Put ".concat(url, " failed"));
+    console.warn(`Put ${url} failed`);
     const parsedError = parseAxiosError(error);
     return {
       success: false,
@@ -105,7 +102,7 @@ const doDelete = async url => {
       success: true
     };
   } catch (error) {
-    console.warn("Delete ".concat(url, " failed"));
+    console.warn(`Delete ${url} failed`);
     const parsedError = parseAxiosError(error);
     return {
       success: false,
@@ -121,12 +118,12 @@ const parseAxiosError = error => {
     message: "An unexpected error occurred while processing your request. Please try again. If problem persists, please contact Tenjin support"
   };
   if (error && error.response) {
-    var _error$response$data$;
-    parsedError = _objectSpread(_objectSpread({}, parsedError), {}, {
+    parsedError = {
+      ...parsedError,
       status: error.response.status,
       statusText: error.response.statusText,
-      message: error.response.status === 503 ? (_error$response$data$ = error.response.data.message) !== null && _error$response$data$ !== void 0 ? _error$response$data$ : "A network error occurred. Please try again" : error.response.status === 401 ? "Authentication Failed" : error.response.data ? error.response.data.message || error.response.data.detail || "An unexpected error occurred while processing your request. Please try again. If problem persists, please contact Tenjin support" : "An unexpected error occurred while processing your request. Please try again. If problem persists, please contact Tenjin support"
-    });
+      message: error.response.status === 503 ? error.response.data.message ?? "A network error occurred. Please try again" : error.response.status === 401 ? "Authentication Failed" : error.response.data ? error.response.data.message ? error.response.data.message : "An unexpected error occurred while processing your request. Please try again. If problem persists, please contact Tenjin support" : "An unexpected error occurred while processing your request. Please try again. If problem persists, please contact Tenjin support"
+    };
   }
   return parsedError;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tenjin-ui-kit",
-  "version": "0.3.72",
+  "version": "0.3.73",
   "repository": {
     "url": "git+https://gitlab.com/yethi/react/tenjin-ui-kit.git"
   },
@@ -100,6 +100,7 @@
     "@storybook/preset-create-react-app": "^4.1.2",
     "@storybook/react": "^6.5.15",
     "@storybook/testing-library": "^0.0.13",
+    "ajv": "^8.20.0",
     "babel-plugin-named-exports-order": "^0.0.2",
     "cross-env": "^7.0.3",
     "prop-types": "^15.8.1",