tenjin-ui-kit 0.3.72 → 0.3.73

package/components/topBar/index.js

@@ -13,26 +13,17 @@ var _style = _interopRequireDefault(require("../wrapperLayout/topBar/style"));
 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; } /* 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);
@@ -46,7 +37,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
@@ -57,7 +48,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", {
@@ -69,7 +60,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',
@@ -114,7 +105,7 @@ 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(_material.MenuItem, {
+  }, concatedMenu && concatedMenu[clickedState]?.listOfItems?.map((item, index) => /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
     onClick: handleCloseUserMenu,
     key: index,
     style: {
@@ -152,7 +143,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/tree/index.js

@@ -23,29 +23,19 @@ var _ri = require("react-icons/ri");
 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; }
 // /color:"#03c988"
 // color: '#90a17d'
 
 function Tree(props) {
-  const folder = props.folder,
-    projectName = props.projectName,
-    apiCallFunc = props.apiCallFunc;
-  const _React$useState = React.useState(null),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    contextMenu = _React$useState2[0],
-    setContextMenu = _React$useState2[1];
+  const {
+    folder,
+    projectName,
+    apiCallFunc
+  } = props;
+  const [contextMenu, setContextMenu] = React.useState(null);
   const classes = (0, _style.default)();
   //
-  const _React$useState3 = React.useState([]),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    expandedNodeIds = _React$useState4[0],
-    setExpandedNodeIds = _React$useState4[1];
+  const [expandedNodeIds, setExpandedNodeIds] = React.useState([]);
   function handleContextMenu(event, nodeId) {
     event.preventDefault();
     setContextMenu(contextMenu === null ? {
@@ -176,7 +166,7 @@ function Tree(props) {
       root: classes.treeView
     },
     sx: {
-      height: "calc(100vh - 118px)",
+      height: `calc(100vh - 118px)`,
       flexGrow: 1,
       minWidth: 450,
       overflowY: "auto",
@@ -194,7 +184,7 @@ function Tree(props) {
       // elevation: 3,
       sx: {
         overflow: "visible",
-        filter: "drop-shadow(0 0 -1rem #667cbc)",
+        filter: `drop-shadow(0 0 -1rem #667cbc)`,
         mt: 1.5,
         "& .MuiPaper-root-MuiMenu-paper-MuiPaper-root-MuiPopover-paper": {
           top: "6px !important"

package/components/tree/style.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 var _styles = require("@mui/styles");
 var _default = exports.default = (0, _styles.makeStyles)(theme => ({
   treeView: {
-    height: "calc(100vh - 118px)",
+    height: `calc(100vh - 118px)`,
     flexGrow: 1,
     overflowY: "auto",
     overflowX: "hidden",

package/components/valuePicker/ValueSelector.js

@@ -13,53 +13,35 @@ var _text = _interopRequireDefault(require("../text"));
 var colors = _interopRequireWildcard(require("@mui/material/colors"));
 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; }
-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 react-hooks/exhaustive-deps */
+/* eslint-disable react-hooks/exhaustive-deps */
+
 const determineSelectedOptions = (options, selectedIds, valueKey) => {
   if (!options || options.length < 1) return [];
   if (!selectedIds || selectedIds.length < 1) return options;
-  return options.map(o => _objectSpread(_objectSpread({}, o), {}, {
+  return options.map(o => ({
+    ...o,
     selected: selectedIds.includes(o[valueKey])
   }));
 };
 const ValueSelector = _ref => {
-  let options = _ref.options,
-    valueKey = _ref.valueKey,
-    displayKey = _ref.displayKey,
-    avatarKey = _ref.avatarKey,
-    colorKey = _ref.colorKey,
-    onChange = _ref.onChange,
-    multiple = _ref.multiple,
-    defaultSelectedOptionIds = _ref.defaultSelectedOptionIds,
-    fetchData = _ref.fetchData,
-    showClearItems = _ref.showClearItems,
-    showAvatar = _ref.showAvatar;
+  let {
+    options,
+    valueKey,
+    displayKey,
+    avatarKey,
+    colorKey,
+    onChange,
+    multiple,
+    defaultSelectedOptionIds,
+    fetchData,
+    showClearItems,
+    showAvatar
+  } = _ref;
   const theme = (0, _material.useTheme)();
-  const _useState = (0, _react.useState)(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    loading = _useState2[0],
-    setLoading = _useState2[1];
-  const _useState3 = (0, _react.useState)([]),
-    _useState4 = _slicedToArray(_useState3, 2),
-    localOptions = _useState4[0],
-    setLocalOptions = _useState4[1];
-  const _useState5 = (0, _react.useState)(""),
-    _useState6 = _slicedToArray(_useState5, 2),
-    filter = _useState6[0],
-    setFilter = _useState6[1];
-  const _useState7 = (0, _react.useState)([]),
-    _useState8 = _slicedToArray(_useState7, 2),
-    filteredLocalOptions = _useState8[0],
-    setFilteredLocalOptions = _useState8[1];
+  const [loading, setLoading] = (0, _react.useState)(false);
+  const [localOptions, setLocalOptions] = (0, _react.useState)([]);
+  const [filter, setFilter] = (0, _react.useState)("");
+  const [filteredLocalOptions, setFilteredLocalOptions] = (0, _react.useState)([]);
   (0, _react.useEffect)(() => {
     resolveOptions();
   }, []);
@@ -100,21 +82,25 @@ const ValueSelector = _ref => {
   const handleSelection = option => {
     let newOptions = [];
     if (multiple) {
-      newOptions = localOptions.map(o => o[valueKey] === option[valueKey] ? _objectSpread(_objectSpread({}, o), {}, {
+      newOptions = localOptions.map(o => o[valueKey] === option[valueKey] ? {
+        ...o,
         selected: o.selected ? false : true
-      }) : o);
+      } : o);
     } else {
-      newOptions = localOptions.map(o => o[valueKey] === option[valueKey] ? _objectSpread(_objectSpread({}, o), {}, {
+      newOptions = localOptions.map(o => o[valueKey] === option[valueKey] ? {
+        ...o,
         selected: true
-      }) : _objectSpread(_objectSpread({}, o), {}, {
+      } : {
+        ...o,
         selected: false
-      }));
+      });
     }
     onChange(newOptions.filter(o => o.selected));
     setLocalOptions(newOptions);
   };
   const handleClearSelection = () => {
-    let newOptions = localOptions.map(l => _objectSpread(_objectSpread({}, l), {}, {
+    let newOptions = localOptions.map(l => ({
+      ...l,
       selected: false
     }));
     onChange([]);

package/components/valuePicker/index.js

@@ -13,39 +13,26 @@ var _ValueSelector = _interopRequireDefault(require("./ValueSelector"));
 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; }
 const ValuePicker = _ref => {
-  let label = _ref.label,
-    options = _ref.options,
-    valueKey = _ref.valueKey,
-    displayKey = _ref.displayKey,
-    onChange = _ref.onChange,
-    multiple = _ref.multiple,
-    optionsContainerWidth = _ref.optionsContainerWidth,
-    defaultSelectedOptions = _ref.defaultSelectedOptions,
-    fetchData = _ref.fetchData,
-    showSelectedValue = _ref.showSelectedValue,
-    buttonVariant = _ref.buttonVariant,
-    avatarKey = _ref.avatarKey,
-    colorKey = _ref.colorKey,
-    showAvatar = _ref.showAvatar;
-  const _useState = (0, _react.useState)(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    menuExpanded = _useState2[0],
-    setMenuExpanded = _useState2[1];
-  const _useState3 = (0, _react.useState)(null),
-    _useState4 = _slicedToArray(_useState3, 2),
-    menuAnchor = _useState4[0],
-    setMenuAnchor = _useState4[1];
-  const _useState5 = (0, _react.useState)(defaultSelectedOptions),
-    _useState6 = _slicedToArray(_useState5, 2),
-    selectedValues = _useState6[0],
-    setSelectedValues = _useState6[1];
+  let {
+    label,
+    options,
+    valueKey,
+    displayKey,
+    onChange,
+    multiple,
+    optionsContainerWidth,
+    defaultSelectedOptions,
+    fetchData,
+    showSelectedValue,
+    buttonVariant,
+    avatarKey,
+    colorKey,
+    showAvatar
+  } = _ref;
+  const [menuExpanded, setMenuExpanded] = (0, _react.useState)(false);
+  const [menuAnchor, setMenuAnchor] = (0, _react.useState)(null);
+  const [selectedValues, setSelectedValues] = (0, _react.useState)(defaultSelectedOptions);
   const handleMenuClose = () => {
     setMenuAnchor(null);
     if (!atleastOneItemSelected) setMenuExpanded(false);
@@ -65,7 +52,7 @@ const ValuePicker = _ref => {
     variant: buttonVariant,
     onClick: handleMenuOpen,
     color: menuExpanded || atleastOneItemSelected ? "primary" : buttonVariant === "text" ? 'primary' : "info"
-  }, showSelectedValue ? /*#__PURE__*/_react.default.createElement(_text.default, null, "".concat(label).concat(atleastOneItemSelected ? ": ".concat(selectedValues[0][displayKey]).concat(selectedValues.length > 1 ? " +".concat(selectedValues.length - 1) : "") : "")) : /*#__PURE__*/_react.default.createElement(_text.default, {
+  }, showSelectedValue ? /*#__PURE__*/_react.default.createElement(_text.default, null, `${label}${atleastOneItemSelected ? `: ${selectedValues[0][displayKey]}${selectedValues.length > 1 ? ` +${selectedValues.length - 1}` : ""}` : ""}`) : /*#__PURE__*/_react.default.createElement(_text.default, {
     semibold: true
   }, label)), /*#__PURE__*/_react.default.createElement(_material.Menu, {
     sx: {

package/components/wrapperLayout/layout/index.js

@@ -13,11 +13,13 @@ var _topBar = _interopRequireDefault(require("../topBar"));
 var _reactRouterDom = require("react-router-dom");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const Layout = _ref => {
-  let children = _ref.children;
+  let {
+    children
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement(_reactRouterDom.BrowserRouter, null, /*#__PURE__*/_react.default.createElement(_material.Box, {
     sx: {
-      width: "100vw",
-      height: "100vh"
+      width: `100vw`,
+      height: `100vh`
       // backgroundColor:"gray"
     }
   }, children));

package/components/wrapperLayout/main/index.js

@@ -8,11 +8,13 @@ var _material = require("@mui/material");
 var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const Main = _ref => {
-  let children = _ref.children;
+  let {
+    children
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement(_material.Box, {
     sx: {
-      width: "100%",
-      height: "calc(100vh - 60px)",
+      width: `100%`,
+      height: `calc(100vh - 60px)`,
       padding: '0.5rem',
       display: 'flex'
     }

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

@@ -8,7 +8,9 @@ var _material = require("@mui/material");
 var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const PageContainer = _ref => {
-  let children = _ref.children;
+  let {
+    children
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement(_material.Box, {
     sx: {
       // display: 'flex',