tenjin-ui-kit 0.3.72 → 0.3.73

package/components/WorkFlow.js

@@ -8,27 +8,22 @@ var _react = _interopRequireDefault(require("react"));
 var _reactDnd = require("react-dnd");
 var _text = _interopRequireDefault(require("./text"));
 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; }
 const WorkFlow = props => {
-  const name = props.name,
-    id = props.id;
-  const _useDrag = (0, _reactDnd.useDrag)(() => ({
-      type: 'block',
-      item: {
-        id: props.id
-      },
-      collect: monitor => ({
-        isDragging: !!monitor.isDragging()
-      })
-    })),
-    _useDrag2 = _slicedToArray(_useDrag, 2),
-    isDragging = _useDrag2[0].isDragging,
-    drag = _useDrag2[1];
+  const {
+    name,
+    id
+  } = props;
+  const [{
+    isDragging
+  }, drag] = (0, _reactDnd.useDrag)(() => ({
+    type: 'block',
+    item: {
+      id: props.id
+    },
+    collect: monitor => ({
+      isDragging: !!monitor.isDragging()
+    })
+  }));
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: drag,
     width: "150px",
@@ -37,6 +32,6 @@ const WorkFlow = props => {
     }
   }, /*#__PURE__*/_react.default.createElement(_text.default, {
     variant: "h4"
-  }, "WorkFlow- ".concat(name)));
+  }, `WorkFlow- ${name}`));
 };
 var _default = exports.default = WorkFlow;

package/components/WorkFlowBuilder.js

@@ -8,17 +8,8 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactflow = require("reactflow");
 var _d3Hierarchy = require("d3-hierarchy");
 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); } // import ReactFlow, { addEdge, removeElements } from 'react-flow-renderer';
+// import ReactFlow, { addEdge, removeElements } from 'react-flow-renderer';
+
 // Custom node styles
 const customNodeStyles = {
   border: '1px solid #ddd',
@@ -32,14 +23,16 @@ const customNodeTypes = [{
     style: customNodeStyles
   },
   start: {
-    style: _objectSpread(_objectSpread({}, customNodeStyles), {}, {
+    style: {
+      ...customNodeStyles,
       background: '#6c9'
-    })
+    }
   },
   end: {
-    style: _objectSpread(_objectSpread({}, customNodeStyles), {}, {
+    style: {
+      ...customNodeStyles,
       background: '#c69'
-    })
+    }
   }
 }];
 
@@ -78,25 +71,23 @@ const data = [{
 // Generate the hierarchy data
 const hierarchyData = (0, _d3Hierarchy.hierarchy)(data);
 function WorkFlowBuilder() {
-  const _useState = (0, _react.useState)(hierarchyData.descendants().map(d => ({
-      id: d.data.name,
-      type: d.data.type || 'default',
-      data: {
-        label: d.data.name
-      },
-      position: {
-        x: d.depth * 200,
-        y: d.index * 100
-      }
-    }))),
-    _useState2 = _slicedToArray(_useState, 2),
-    elements = _useState2[0],
-    setElements = _useState2[1];
+  const [elements, setElements] = (0, _react.useState)(hierarchyData.descendants().map(d => ({
+    id: d.data.name,
+    type: d.data.type || 'default',
+    data: {
+      label: d.data.name
+    },
+    position: {
+      x: d.depth * 200,
+      y: d.index * 100
+    }
+  })));
   const onElementsRemoveStart = () => console.log('Elements removal started');
   const onElementsRemoveEnd = removedElements => setElements(els => (0, _reactflow.removeElements)(removedElements, els));
-  const onConnect = params => setElements(els => (0, _reactflow.addEdge)(_objectSpread(_objectSpread({}, params), {}, {
+  const onConnect = params => setElements(els => (0, _reactflow.addEdge)({
+    ...params,
     type: 'default'
-  }), els));
+  }, els));
   return /*#__PURE__*/_react.default.createElement("div", {
     style: {
       height: '800px'

package/components/alert/index.js

@@ -13,11 +13,6 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _text = _interopRequireDefault(require("../text"));
 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 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); }
 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 SlideTransition(props) {
   return /*#__PURE__*/React.createElement(_Slide.default, _extends({}, props, {
@@ -36,9 +31,10 @@ const Alert = /*#__PURE__*/React.forwardRef(function Alert(props, ref) {
 });
 function AlertIndex(props) {
   const handleClose = () => {
-    props.setState(_objectSpread(_objectSpread({}, props.state), {}, {
+    props.setState({
+      ...props.state,
       open: false
-    }));
+    });
   };
   return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(_Snackbar.default, {
     open: props.state.open,

package/components/attachment/index.js

@@ -36,10 +36,12 @@ const useStyles = (0, _styles.makeStyles)(theme => ({
   grid: {}
 }));
 const Attachment = props => {
-  const name = props.name,
-    url = props.url,
-    uploadedBy = props.uploadedBy,
-    updatedOn = props.updatedOn;
+  const {
+    name,
+    url,
+    uploadedBy,
+    updatedOn
+  } = props;
   const classes = useStyles();
   const arr = name.split(".");
   const extension = arr[arr.length - 1];

package/components/authenticationProvider/index.js

@@ -12,34 +12,18 @@ var _AuthError = _interopRequireDefault(require("./AuthError"));
 var _AuthLoader = _interopRequireDefault(require("./AuthLoader"));
 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; }
 const LS_ACCESS_TOKEN_KEY = "t-at";
 const getApiAccessToken = () => localStorage.getItem(LS_ACCESS_TOKEN_KEY);
 const SystemContext = exports.SystemContext = /*#__PURE__*/(0, _react.createContext)();
 const AuthenticationProvider = _ref => {
-  let children = _ref.children;
+  let {
+    children
+  } = _ref;
   document.title = "Tenjin Enterprise";
-  const _useState = (0, _react.useState)(true),
-    _useState2 = _slicedToArray(_useState, 2),
-    authLoading = _useState2[0],
-    setAuthLoading = _useState2[1];
-  const _useState3 = (0, _react.useState)(null),
-    _useState4 = _slicedToArray(_useState3, 2),
-    loggedInUser = _useState4[0],
-    setLoggedInUser = _useState4[1];
-  const _useState5 = (0, _react.useState)(null),
-    _useState6 = _slicedToArray(_useState5, 2),
-    license = _useState6[0],
-    setLicense = _useState6[1];
-  const _useSearchParams = (0, _reactRouterDom.useSearchParams)(),
-    _useSearchParams2 = _slicedToArray(_useSearchParams, 2),
-    searchParams = _useSearchParams2[0],
-    setSearchParams = _useSearchParams2[1];
+  const [authLoading, setAuthLoading] = (0, _react.useState)(true);
+  const [loggedInUser, setLoggedInUser] = (0, _react.useState)(null);
+  const [license, setLicense] = (0, _react.useState)(null);
+  const [searchParams, setSearchParams] = (0, _reactRouterDom.useSearchParams)();
   const location = (0, _reactRouterDom.useLocation)();
   (0, _react.useEffect)(() => {
     resolveAuthentication();
@@ -49,7 +33,7 @@ const AuthenticationProvider = _ref => {
       const token = resolveToken();
       const licenseResponse = await _axios.default.get("/api/license/details", {
         headers: {
-          Authorization: "Bearer ".concat(token)
+          Authorization: `Bearer ${token}`
         }
       });
       setLicense(licenseResponse.data);
@@ -63,7 +47,7 @@ const AuthenticationProvider = _ref => {
       try {
         const profileValidationResponse = await _axios.default.get("/api/me", {
           headers: {
-            Authorization: "Bearer ".concat(token)
+            Authorization: `Bearer ${token}`
           }
         });
         await resolveLicense();
@@ -80,8 +64,8 @@ const AuthenticationProvider = _ref => {
     }
   };
   const redirectToLogin = () => {
-    const redirectUrl = process.env.NODE_ENV === "production" ? "".concat(location.pathname).concat(window.location.search) : "".concat(window.location.protocol, "//").concat(window.location.hostname, ":").concat(window.location.port).concat(location.pathname).concat(window.location.search);
-    window.location.href = process.env.REACT_APP_LOGIN_URL + "?redirect_url=".concat(encodeURIComponent(redirectUrl));
+    const redirectUrl = process.env.NODE_ENV === "production" ? `${location.pathname}${window.location.search}` : `${window.location.protocol}//${window.location.hostname}:${window.location.port}${location.pathname}${window.location.search}`;
+    window.location.href = process.env.REACT_APP_LOGIN_URL + `?redirect_url=${encodeURIComponent(redirectUrl)}`;
   };
   const clearTokenFromSearchParams = () => {
     searchParams.delete(LS_ACCESS_TOKEN_KEY);

package/components/avatar/index.js

@@ -24,7 +24,7 @@ const getHslColor = (name, saturation, lightness) => {
     hash = name.charCodeAt(i) + ((hash << 5) - hash);
   }
   var h = hash % 360;
-  return "hsl(".concat(h, ", ").concat(saturation, "%, ").concat(lightness, "%)");
+  return `hsl(${h}, ${saturation}%, ${lightness}%)`;
 };
 const getInitials = user => {
   let firstName, lastName;
@@ -35,21 +35,23 @@ const getInitials = user => {
   const allNames = [firstName, lastName];
   const initials = allNames.reduce((acc, curr, index) => {
     if (index === 0 || index === allNames.length - 1) {
-      acc = "".concat(acc).concat(curr.charAt(0).toUpperCase());
+      acc = `${acc}${curr.charAt(0).toUpperCase()}`;
     }
     return acc;
   }, "");
   return initials;
 };
 const Avatar = _ref => {
-  let onClick = _ref.onClick,
-    user = _ref.user,
-    format = _ref.format,
-    variant = _ref.variant,
-    size = _ref.size,
-    toolTip = _ref.toolTip;
+  let {
+    onClick,
+    user,
+    format,
+    variant,
+    size,
+    toolTip
+  } = _ref;
   const classes = (0, _styles.default)({
-    avatarColor: getHslColor("".concat(user === null || user === void 0 ? void 0 : user.firstName, " ").concat(user.lastName).trim(), 30, 50)
+    avatarColor: getHslColor(`${user?.firstName} ${user.lastName}`.trim(), 30, 50)
   });
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _clsx.default)(classes.avatarWrapper, classes[size])
@@ -58,7 +60,7 @@ const Avatar = _ref => {
   }, /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
     arrow: true,
     placement: "top",
-    title: toolTip ? "".concat(user.firstName, " ").concat(user.lastName).trim() : ""
+    title: toolTip ? `${user.firstName} ${user.lastName}`.trim() : ""
   }, /*#__PURE__*/_react.default.createElement(_material.Avatar, {
     variant: variant,
     className: (0, _clsx.default)(classes.avatar, "avatar")

package/components/avatar/styles.js

@@ -28,9 +28,11 @@ const useStyles = (0, _styles.makeStyles)(() => ({
     }
   },
   avatar: _ref => {
-    let avatarColor = _ref.avatarColor;
+    let {
+      avatarColor
+    } = _ref;
     return {
-      backgroundColor: "".concat(avatarColor),
+      backgroundColor: `${avatarColor}`,
       fontWeight: 400,
       letterSpacing: "0px"
     };

package/components/breadCrumbs/index.js

@@ -14,29 +14,18 @@ var _button = _interopRequireDefault(require("../button"));
 var _MoreHoriz = _interopRequireDefault(require("@mui/icons-material/MoreHoriz"));
 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 BreadCrumbs(props) {
-  var _crumbInfo$, _crumbInfo$2, _crumbInfo$3, _crumbInfo$4, _crumbInfo$5;
   const navigate = (0, _reactRouterDom.useNavigate)();
   // const windowSm = useMediaQuery("(max-width:960px)");
 
-  const crumbInfo = props.crumbInfo,
-    maxItems = props.maxItems,
-    serverSide = props.serverSide;
+  const {
+    crumbInfo,
+    maxItems,
+    serverSide
+  } = props;
   const displayCrumbs = maxItems ? crumbInfo.slice(-maxItems) : crumbInfo;
-  const _useState = (0, _react.useState)(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    menuOpen = _useState2[0],
-    setMenuOpen = _useState2[1];
-  const _useState3 = (0, _react.useState)(null),
-    _useState4 = _slicedToArray(_useState3, 2),
-    anchorEl = _useState4[0],
-    setAnchorEl = _useState4[1];
+  const [menuOpen, setMenuOpen] = (0, _react.useState)(false);
+  const [anchorEl, setAnchorEl] = (0, _react.useState)(null);
   const handleMenuClick = event => {
     setAnchorEl(event.currentTarget);
     setMenuOpen(true);
@@ -84,7 +73,7 @@ function BreadCrumbs(props) {
       alignItems: "center",
       textDecoration: "none",
       // fontWeight: 'bold',
-      color: (_crumbInfo$ = crumbInfo[0]) !== null && _crumbInfo$ !== void 0 && _crumbInfo$.active ? "#000000DE" : "#44409A",
+      color: crumbInfo[0]?.active ? "#000000DE" : "#44409A",
       fontWeight: 500,
       cursor: crumbInfo[0].active !== true && "pointer"
     }
@@ -93,13 +82,13 @@ function BreadCrumbs(props) {
       display: "flex",
       marginRight: "3px"
     }
-  }, crumbInfo[0].icon), ((_crumbInfo$2 = crumbInfo[0]) === null || _crumbInfo$2 === void 0 || (_crumbInfo$2 = _crumbInfo$2.title) === null || _crumbInfo$2 === void 0 ? void 0 : _crumbInfo$2.length) > 20 ? /*#__PURE__*/React.createElement(_material.Tooltip, {
-    title: (_crumbInfo$3 = crumbInfo[0]) === null || _crumbInfo$3 === void 0 ? void 0 : _crumbInfo$3.title,
+  }, crumbInfo[0].icon), crumbInfo[0]?.title?.length > 20 ? /*#__PURE__*/React.createElement(_material.Tooltip, {
+    title: crumbInfo[0]?.title,
     arrow: true,
     placement: "top"
-  }, /*#__PURE__*/React.createElement("span", null, ((_crumbInfo$4 = crumbInfo[0]) === null || _crumbInfo$4 === void 0 || (_crumbInfo$4 = _crumbInfo$4.title) === null || _crumbInfo$4 === void 0 ? void 0 : _crumbInfo$4.slice(0, 20)) + "...")) : /*#__PURE__*/React.createElement(_text.default, {
+  }, /*#__PURE__*/React.createElement("span", null, crumbInfo[0]?.title?.slice(0, 20) + "...")) : /*#__PURE__*/React.createElement(_text.default, {
     component: "span"
-  }, (_crumbInfo$5 = crumbInfo[0]) === null || _crumbInfo$5 === void 0 ? void 0 : _crumbInfo$5.title)), crumbInfo.length > maxItems && crumbInfo.length - 1 !== maxItems && /*#__PURE__*/React.createElement(_button.default, {
+  }, crumbInfo[0]?.title)), crumbInfo.length > maxItems && crumbInfo.length - 1 !== maxItems && /*#__PURE__*/React.createElement(_button.default, {
     color: "inherit",
     variant: "text",
     onClick: handleMenuClick,
@@ -113,34 +102,31 @@ function BreadCrumbs(props) {
     style: {
       color: "#44409A"
     }
-  }))), displayCrumbs.map((breadcrumb, index) => {
-    var _breadcrumb$title, _breadcrumb$title2;
-    return /*#__PURE__*/React.createElement("div", {
-      key: index,
-      onClick: e => handleClick(e, breadcrumb),
-      style: {
-        display: "flex",
-        alignItems: "center",
-        textDecoration: "none",
-        color: breadcrumb !== null && breadcrumb !== void 0 && breadcrumb.active ? "#000000DE" : "#44409A",
-        fontWeight: 500,
-        cursor: breadcrumb.active !== true && "pointer"
-      }
-    }, /*#__PURE__*/React.createElement("span", {
-      style: {
-        display: "flex",
-        marginRight: "3px"
-      }
-    }, breadcrumb.icon), (breadcrumb === null || breadcrumb === void 0 || (_breadcrumb$title = breadcrumb.title) === null || _breadcrumb$title === void 0 ? void 0 : _breadcrumb$title.length) > 20 ? /*#__PURE__*/React.createElement(_material.Tooltip, {
-      title: breadcrumb === null || breadcrumb === void 0 ? void 0 : breadcrumb.title,
-      arrow: true,
-      placement: "top"
-    }, /*#__PURE__*/React.createElement(_text.default, {
-      component: "span"
-    }, (breadcrumb === null || breadcrumb === void 0 || (_breadcrumb$title2 = breadcrumb.title) === null || _breadcrumb$title2 === void 0 ? void 0 : _breadcrumb$title2.slice(0, 20)) + "...")) : /*#__PURE__*/React.createElement(_text.default, {
-      component: "span"
-    }, breadcrumb === null || breadcrumb === void 0 ? void 0 : breadcrumb.title));
-  })), /*#__PURE__*/React.createElement(_material.Menu, {
+  }))), displayCrumbs.map((breadcrumb, index) => /*#__PURE__*/React.createElement("div", {
+    key: index,
+    onClick: e => handleClick(e, breadcrumb),
+    style: {
+      display: "flex",
+      alignItems: "center",
+      textDecoration: "none",
+      color: breadcrumb?.active ? "#000000DE" : "#44409A",
+      fontWeight: 500,
+      cursor: breadcrumb.active !== true && "pointer"
+    }
+  }, /*#__PURE__*/React.createElement("span", {
+    style: {
+      display: "flex",
+      marginRight: "3px"
+    }
+  }, breadcrumb.icon), breadcrumb?.title?.length > 20 ? /*#__PURE__*/React.createElement(_material.Tooltip, {
+    title: breadcrumb?.title,
+    arrow: true,
+    placement: "top"
+  }, /*#__PURE__*/React.createElement(_text.default, {
+    component: "span"
+  }, breadcrumb?.title?.slice(0, 20) + "...")) : /*#__PURE__*/React.createElement(_text.default, {
+    component: "span"
+  }, breadcrumb?.title)))), /*#__PURE__*/React.createElement(_material.Menu, {
     anchorEl: anchorEl,
     open: menuOpen,
     onClose: handleMenuClose,
@@ -154,7 +140,7 @@ function BreadCrumbs(props) {
     sx: {
       textDecoration: "none",
       fontWeight: "bold",
-      color: breadcrumb !== null && breadcrumb !== void 0 && breadcrumb.active ? "#000000DE" : "#44409A",
+      color: breadcrumb?.active ? "#000000DE" : "#44409A",
       fontWeight: 500,
       cursor: breadcrumb.active !== true && "pointer"
     }
@@ -165,5 +151,5 @@ function BreadCrumbs(props) {
     }
   }, breadcrumb.icon), /*#__PURE__*/React.createElement(_text.default, {
     component: "span"
-  }, breadcrumb === null || breadcrumb === void 0 ? void 0 : breadcrumb.title)))));
+  }, breadcrumb?.title)))));
 }

package/components/browsingTestCaseLayout/DetailsViewLayout/DetailsViewContent/index.js

@@ -8,7 +8,9 @@ var _react = _interopRequireDefault(require("react"));
 var _style = _interopRequireDefault(require("./style"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const DetailsViewContent = _ref => {
-  let children = _ref.children;
+  let {
+    children
+  } = _ref;
   const classes = (0, _style.default)();
   return /*#__PURE__*/_react.default.createElement("div", {
     className: classes.main

package/components/browsingTestCaseLayout/DetailsViewLayout/DetailsViewHeader/index.js

@@ -11,8 +11,10 @@ var _breadCrumbs = _interopRequireDefault(require("../../../breadCrumbs"));
 var _default2 = _interopRequireDefault(require("../../../../themes/default"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const DetailsViewHeader = props => {
-  const breadcrumbsData = props.breadcrumbsData,
-    component = props.component;
+  const {
+    breadcrumbsData,
+    component
+  } = props;
   return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_material.ThemeProvider, {
     theme: _default2.default
   }, /*#__PURE__*/_react.default.createElement(_material.CssBaseline, null), breadcrumbsData ? /*#__PURE__*/_react.default.createElement(_material.Grid, {

package/components/browsingTestCaseLayout/TreeViewLayout/TreeViewContent/Index.js

@@ -10,9 +10,11 @@ var _tree = _interopRequireDefault(require("../../../tree"));
 var _default2 = _interopRequireDefault(require("../../../../themes/default"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const TreeViewContent = props => {
-  const folder = props.folder,
-    projectName = props.projectName,
-    apiCallFunc = props.apiCallFunc;
+  const {
+    folder,
+    projectName,
+    apiCallFunc
+  } = props;
   return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_material.ThemeProvider, {
     theme: _default2.default
   }, /*#__PURE__*/_react.default.createElement(_material.CssBaseline, null), /*#__PURE__*/_react.default.createElement(_tree.default, {

package/components/browsingTestCaseLayout/TreeViewLayout/TreeViewHeader/Index.js

@@ -13,8 +13,10 @@ var _style = _interopRequireDefault(require("./style"));
 var _text = _interopRequireDefault(require("../../../text"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const TreeViewHeader = props => {
-  const title = props.title,
-    onCreate = props.onCreate;
+  const {
+    title,
+    onCreate
+  } = props;
   const classes = (0, _style.default)();
   return /*#__PURE__*/_react.default.createElement(_material.ThemeProvider, {
     theme: _default2.default

package/components/browsingTestCaseLayout/TreeViewLayout/TreeViewHeader/style.js

@@ -11,7 +11,7 @@ var _default = exports.default = (0, _styles.makeStyles)(() => ({
     marginTop: '-0.3125rem'
   },
   headTypo: {
-    fontWeight: "".concat(500, " !important"),
+    fontWeight: `${500} !important`,
     fontSize: '1rem !important'
   },
   buttonGrid: {

package/components/browsingTestCaseLayout/index.js

@@ -16,33 +16,22 @@ var _iconButton = _interopRequireDefault(require("../iconButton"));
 var _text = _interopRequireDefault(require("../text"));
 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; } /* eslint-disable react-hooks/exhaustive-deps */
+/* eslint-disable react-hooks/exhaustive-deps */
+
 const BrowsingTestCaseLayout = _ref => {
-  let collapse = _ref.collapse,
-    hasExtraContent = _ref.hasExtraContent,
-    children = _ref.children,
-    leftHandle = _ref.leftHandle,
-    onlyRightHandle = _ref.onlyRightHandle,
-    leftHandelerDetails = _ref.leftHandelerDetails;
+  let {
+    collapse,
+    hasExtraContent,
+    children,
+    leftHandle,
+    onlyRightHandle,
+    leftHandelerDetails
+  } = _ref;
   // return <div className="browsing-test-case-layout">{children}</div>;
   // console.log("Browser", children);
-  const _useState = (0, _react.useState)(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isHandlerDragging = _useState2[0],
-    setIsHandlerDragging = _useState2[1];
-  const _useState3 = (0, _react.useState)(200),
-    _useState4 = _slicedToArray(_useState3, 2),
-    boxAWidth = _useState4[0],
-    setBoxAWidth = _useState4[1];
-  const _useState5 = (0, _react.useState)(true),
-    _useState6 = _slicedToArray(_useState5, 2),
-    expand = _useState6[0],
-    setExpand = _useState6[1];
+  const [isHandlerDragging, setIsHandlerDragging] = (0, _react.useState)(false);
+  const [boxAWidth, setBoxAWidth] = (0, _react.useState)(200);
+  const [expand, setExpand] = (0, _react.useState)(true);
   const wrapperRef = (0, _react.useRef)(null);
   const boxARef = (0, _react.useRef)(null);
   const handleMouseDown = e => {
@@ -79,7 +68,7 @@ const BrowsingTestCaseLayout = _ref => {
       setBoxAWidth(50);
     }
   }, [isHandlerDragging, expand]);
-  document.documentElement.style.setProperty("--box-width", "".concat(boxAWidth, "px"));
+  document.documentElement.style.setProperty("--box-width", `${boxAWidth}px`);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     class: "wrapper",
     ref: wrapperRef