@agilemotion/oui-react-js 1.3.7 → 1.3.9

package/dist/components/dashboard/BasicBusinessAppDashboard.js

@@ -29,79 +29,36 @@ var _DashboardStore = require("../../redux/store/DashboardStore");
 
 var _ApplicationContext = _interopRequireDefault(require("../../ApplicationContext"));
 
+var _SocketManager = _interopRequireDefault(require("../SocketManager"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _extends() { _extends = Object.assign || 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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+let ps;
 
-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."); }
+const BasicBusinessAppDashboard = props => {
+  const [navDrawerOpen, setNavDrawerOpen] = _react.default.useState(true);
 
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+  const [loading, setLoading] = _react.default.useState(true);
 
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+  const [activeColor, setActiveColor] = _react.default.useState('blue');
 
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+  const [secondaryThemeColor, setSecondaryThemeColor] = _react.default.useState('');
 
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+  const [primaryThemeColor, setPrimaryThemeColor] = _react.default.useState('');
 
-let ps;
+  const [themeTextColor, setThemeTextColor] = _react.default.useState('');
 
-const BasicBusinessAppDashboard = props => {
-  const _React$useState = _react.default.useState(true),
-        _React$useState2 = _slicedToArray(_React$useState, 2),
-        navDrawerOpen = _React$useState2[0],
-        setNavDrawerOpen = _React$useState2[1];
-
-  const _React$useState3 = _react.default.useState(true),
-        _React$useState4 = _slicedToArray(_React$useState3, 2),
-        loading = _React$useState4[0],
-        setLoading = _React$useState4[1];
-
-  const _React$useState5 = _react.default.useState("blue"),
-        _React$useState6 = _slicedToArray(_React$useState5, 2),
-        activeColor = _React$useState6[0],
-        setActiveColor = _React$useState6[1];
-
-  const _React$useState7 = _react.default.useState(""),
-        _React$useState8 = _slicedToArray(_React$useState7, 2),
-        secondaryThemeColor = _React$useState8[0],
-        setSecondaryThemeColor = _React$useState8[1];
-
-  const _React$useState9 = _react.default.useState(""),
-        _React$useState10 = _slicedToArray(_React$useState9, 2),
-        primaryThemeColor = _React$useState10[0],
-        setPrimaryThemeColor = _React$useState10[1];
-
-  const _React$useState11 = _react.default.useState(""),
-        _React$useState12 = _slicedToArray(_React$useState11, 2),
-        themeTextColor = _React$useState12[0],
-        setThemeTextColor = _React$useState12[1];
-
-  const _React$useState13 = _react.default.useState([]),
-        _React$useState14 = _slicedToArray(_React$useState13, 2),
-        routes = _React$useState14[0],
-        setRoutes = _React$useState14[1];
-
-  const _React$useState15 = _react.default.useState("data:image/png;base64," + props.logo),
-        _React$useState16 = _slicedToArray(_React$useState15, 2),
-        logo = _React$useState16[0],
-        setLogo = _React$useState16[1];
-
-  const _React$useState17 = _react.default.useState(document.documentElement.className.indexOf("nav-open") !== -1),
-        _React$useState18 = _slicedToArray(_React$useState17, 2),
-        sidebarOpened = _React$useState18[0],
-        setSidebarOpened = _React$useState18[1];
-
-  const _React$useState19 = _react.default.useState(true),
-        _React$useState20 = _slicedToArray(_React$useState19, 2),
-        sidebarMini = _React$useState20[0],
-        setSidebarMini = _React$useState20[1];
-
-  const _React$useState21 = _react.default.useState(0),
-        _React$useState22 = _slicedToArray(_React$useState21, 2),
-        opacity = _React$useState22[0],
-        setOpacity = _React$useState22[1];
+  const [routes, setRoutes] = _react.default.useState([]);
+
+  const [logo, setLogo] = _react.default.useState('data:image/png;base64,' + props.logo);
+
+  const [sidebarOpened, setSidebarOpened] = _react.default.useState(document.documentElement.className.indexOf('nav-open') !== -1);
+
+  const [sidebarMini, setSidebarMini] = _react.default.useState(true);
+
+  const [opacity, setOpacity] = _react.default.useState(0);
 
   const dispatch = (0, _reactRedux.useDispatch)();
 
@@ -114,37 +71,43 @@ const BasicBusinessAppDashboard = props => {
   };
 
   _react.default.useEffect(() => {
-    if (navigator.platform.indexOf("Win") > -1) {
-      document.documentElement.classList.add("perfect-scrollbar-on");
-      document.documentElement.classList.remove("perfect-scrollbar-off");
-      let tables = document.querySelectorAll(".table-responsive");
+    if (navigator.platform.indexOf('Win') > -1) {
+      document.documentElement.classList.add('perfect-scrollbar-on');
+      document.documentElement.classList.remove('perfect-scrollbar-off');
+      let tables = document.querySelectorAll('.table-responsive');
 
       for (let i = 0; i < tables.length; i++) {
         ps = new _perfectScrollbar.default(tables[i]);
       }
     }
 
-    window.addEventListener("scroll", showNavbarButton);
+    window.addEventListener('scroll', showNavbarButton);
   });
 
   _react.default.useEffect(() => {
     if (props.width !== null && typeof props.width !== 'undefined') {
-      alert(props.width);
       setNavDrawerOpen(props.width === _withWidth.LARGE);
     }
   }, [props.width]);
 
   _react.default.useEffect(() => {
-    document.body.classList.add("white-content");
+    _SocketManager.default.init();
+
+    return () => {
+      _SocketManager.default.disconnect();
+    };
+  }, []);
 
-    if (navigator.platform.indexOf("Win") > -1) {
-      ps.destroy();
-      document.documentElement.className.add("perfect-scrollbar-off");
-      document.documentElement.classList.remove("perfect-scrollbar-on");
+  _react.default.useEffect(() => {
+    document.body.classList.add('white-content');
+
+    if (navigator.platform.indexOf('Win') > -1) {//ps.destroy();
+      //document.documentElement.className.add("perfect-scrollbar-off");
+      //document.documentElement.classList.remove("perfect-scrollbar-on");
     }
 
-    window.removeEventListener("scroll", showNavbarButton);
-    setActiveColor("agility");
+    window.removeEventListener('scroll', showNavbarButton);
+    setActiveColor('agility');
     setSecondaryThemeColor(props.settings.systemProfileDto.secondCorporateBrandColor);
     setPrimaryThemeColor(props.settings.systemProfileDto.firstCorporateBrandColor);
     setThemeTextColor(props.settings.systemProfileDto.themeTextColor);
@@ -195,9 +158,10 @@ const BasicBusinessAppDashboard = props => {
 
       let newRoutes = [];
       let newRoute = {};
-      newRoute.name = "Dashboard";
-      newRoute.icon = "fa fa-pie-chart";
-      newRoute.layout = "/admin";
+      newRoute.name = 'Dashboard';
+      newRoute.id = 'dashboard';
+      newRoute.icon = 'fa fa-pie-chart';
+      newRoute.layout = '/admin';
       newRoute.level = 0;
       newRoute.isParent = true;
       newRoutes.push(newRoute);
@@ -209,13 +173,13 @@ const BasicBusinessAppDashboard = props => {
           let route = {};
           route.name = module.label;
           route.icon = module.icon;
-          route.layout = "/admin";
+          route.menu = module.menu;
+          route.layout = '/admin';
           route.level = 0;
 
-          if (module.menuBar && module.menuBar.menus.length > 0) {
+          if (module.menu) {
             route.collapse = true;
-            route.state = module.name + "Collapse";
-            route.views = getViews(module.menuBar.menus, 1);
+            route.state = module.name + 'Collapse';
           }
 
           newRoutes.push(route);
@@ -224,14 +188,15 @@ const BasicBusinessAppDashboard = props => {
 
       if (props.settings.settingsMenu) {
         newRoute = {};
-        newRoute.name = "Settings";
-        newRoute.icon = "fa fa-cog";
-        newRoute.layout = "/admin";
+        newRoute.name = 'Settings';
+        newRoute.icon = 'fa fa-cog';
+        newRoute.layout = '/admin';
         newRoute.isParent = true;
         newRoute.collapse = true;
         newRoute.level = 0;
-        newRoute.state = "settingsMenuCollapse";
-        newRoute.views = getViews(props.settings.settingsMenu.menus, 1);
+        newRoute.menu = ''; // TODO : set menu value
+
+        newRoute.state = 'settingsMenuCollapse';
         newRoutes.push(newRoute);
       }
 
@@ -241,53 +206,8 @@ const BasicBusinessAppDashboard = props => {
     }
   }, [props.settings]);
 
-  const getViews = (menus, level) => {
-    let newViews = [];
-
-    for (let i = 0; i < menus.length; i++) {
-      let createView = {};
-      createView.name = menus[i].attributes.label;
-      createView.mini = "SS";
-      createView.layout = "/admin";
-      createView.level = level;
-
-      if (menus[i].items && menus[i].items.length > 0) {
-        createView.collapse = true;
-        createView.state = menus[i].id + "Collapse";
-        createView.views = getItems(menus[i].items, level + 1);
-      }
-
-      newViews.push(createView);
-    }
-
-    return newViews;
-  };
-
-  const getItems = (items, level) => {
-    let newItems = [];
-
-    for (let i = 0; i < items.length; i++) {
-      let createItem = {};
-      createItem.name = items[i].attributes.label;
-      createItem.mini = "SS";
-      createItem.layout = "/admin";
-      createItem.item = items[i];
-      createItem.level = level;
-
-      if (!_Utils.default.isNull(items[i].subMenu)) {
-        createItem.collapse = true;
-        createItem.state = items[i].id + "SubMenuCollapse";
-        createItem.views = getItems(items[i].subMenu.items, level + 1);
-      }
-
-      newItems.push(createItem);
-    }
-
-    return newItems;
-  };
-
   const toggleSidebar = () => {
-    document.documentElement.classList.toggle("nav-open");
+    document.documentElement.classList.toggle('nav-open');
     setSidebarOpened(!sidebarOpened);
   };
 
@@ -305,7 +225,7 @@ const BasicBusinessAppDashboard = props => {
         return getRoutes(prop.views);
       }
 
-      if (prop.layout === "/admin") {
+      if (prop.layout === '/admin') {
         return /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
           path: prop.layout + prop.path,
           component: prop.component,
@@ -318,10 +238,10 @@ const BasicBusinessAppDashboard = props => {
   };
 
   const getActiveRoute = routes => {
-    let activeRoute = "Dashboard";
+    let activeRoute = 'Dashboard';
 
     for (let i = 0; i < routes.length; i++) {
-      if (routes[i].collapse) {
+      if (routes[i].collapse && routes[i].views) {
         let collapseActiveRoute = getActiveRoute(routes[i].views);
 
         if (collapseActiveRoute !== activeRoute) {
@@ -342,38 +262,38 @@ const BasicBusinessAppDashboard = props => {
   };
 
   const handleMiniClick = () => {
-    let notifyMessage = "Sidebar mini ";
+    let notifyMessage = 'Sidebar mini ';
 
-    if (document.body.classList.contains("sidebar-mini")) {
+    if (document.body.classList.contains('sidebar-mini')) {
       setSidebarMini(false);
-      notifyMessage += "deactivated...";
+      notifyMessage += 'deactivated...';
     } else {
       setSidebarMini(true);
-      notifyMessage += "activated...";
+      notifyMessage += 'activated...';
     }
 
     let options = {};
     options = {
-      place: "tr",
+      place: 'tr',
       message: notifyMessage,
-      type: "primary",
-      icon: "tim-icons icon-bell-55",
+      type: 'primary',
+      icon: 'tim-icons icon-bell-55',
       autoDismiss: 7
     };
-    document.body.classList.toggle("sidebar-mini");
+    document.body.classList.toggle('sidebar-mini');
   };
 
   const closeSidebar = () => {
     setSidebarOpened(false);
-    document.documentElement.classList.remove("nav-open");
+    document.documentElement.classList.remove('nav-open');
   };
 
-  function launcDashboard() {
+  function launchDashboard() {
     _ApplicationContext.default.closeCurrentView(false);
 
-    _ApplicationContext.default.getViewPortHistory().push("/switch");
+    _ApplicationContext.default.getViewPortHistory().push('/switch');
 
-    _ApplicationContext.default.getViewPortHistory().push("/view/dashboard");
+    _ApplicationContext.default.getViewPortHistory().push('/view/dashboard');
   }
 
   return loading ? /*#__PURE__*/_react.default.createElement("div", null, "Loading...") : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
@@ -394,23 +314,26 @@ const BasicBusinessAppDashboard = props => {
     className: "tim-icons icon-align-center visible-on-sidebar-regular text-muted"
   }), /*#__PURE__*/_react.default.createElement("i", {
     className: "tim-icons icon-bullet-list-67 visible-on-sidebar-mini text-muted"
-  })), " "), " ", /*#__PURE__*/_react.default.createElement(_Sidebar.default, _extends({}, props, {
+  })), ' '), ' ', /*#__PURE__*/_react.default.createElement(_Sidebar.default, _extends({}, props, {
     routes: routes,
-    activeColor: "agility",
+    activeColor: 'agility',
     secondaryThemeColor: secondaryThemeColor,
-    activeRouteMenu: 'Dashboard',
-    className: "sidebar",
+    activeRouteMenu: {
+      id: 'dashboard',
+      name: 'Dashboard'
+    },
+    className: 'sidebar',
     dashboardLauncher: () => {
-      launcDashboard();
+      launchDashboard();
     },
     appLogoPath: props.appLogoPath,
     logo: {
-      outterLink: "",
-      text: "",
+      outterLink: '',
+      text: '',
       imgSrc: logo
     },
     closeSidebar: closeSidebar
-  })), " ", /*#__PURE__*/_react.default.createElement("div", {
+  })), ' ', /*#__PURE__*/_react.default.createElement("div", {
     className: "main-panel",
     data: activeColor
   }, /*#__PURE__*/_react.default.createElement(_HomeNavbar.default, _extends({}, props, {
@@ -423,11 +346,11 @@ const BasicBusinessAppDashboard = props => {
     settingsMenu: props.settings.settingsMenu,
     toggleSidebar: toggleSidebar,
     logoutCallBack: props.logoutCallBack
-  })), " ", /*#__PURE__*/_react.default.createElement("div", {
+  })), ' ', /*#__PURE__*/_react.default.createElement("div", {
     className: "content"
   }, /*#__PURE__*/_react.default.createElement(_ViewPort.default, {
     settings: props.settings
-  }))), " "));
+  }))), ' '));
 };
 
 BasicBusinessAppDashboard.propTypes = {

package/dist/components/dashboard/BusinessPortalAppDashboard.js

@@ -21,42 +21,16 @@ var _Observable = _interopRequireDefault(require("../../event/Observable"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _createForOfIteratorHelper(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = o[Symbol.iterator](); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _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(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+let ps;
 
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+const BusinessPortalAppDashboard = /*#__PURE__*/_react.default.memo(props => {
+  const [loading, setLoading] = _react.default.useState(true);
 
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+  const [routes, setRoutes] = _react.default.useState([]);
 
-let ps;
+  const [currentModuleMenu, setCurrentModuleMenu] = _react.default.useState(null);
 
-const BusinessPortalAppDashboard = /*#__PURE__*/_react.default.memo(props => {
-  const _React$useState = _react.default.useState(true),
-        _React$useState2 = _slicedToArray(_React$useState, 2),
-        loading = _React$useState2[0],
-        setLoading = _React$useState2[1];
-
-  const _React$useState3 = _react.default.useState([]),
-        _React$useState4 = _slicedToArray(_React$useState3, 2),
-        routes = _React$useState4[0],
-        setRoutes = _React$useState4[1];
-
-  const _React$useState5 = _react.default.useState(null),
-        _React$useState6 = _slicedToArray(_React$useState5, 2),
-        currentModuleMenu = _React$useState6[0],
-        setCurrentModuleMenu = _React$useState6[1];
-
-  const _React$useState7 = _react.default.useState("data:image/png;base64," + props.logo),
-        _React$useState8 = _slicedToArray(_React$useState7, 2),
-        logo = _React$useState8[0],
-        setLogo = _React$useState8[1];
+  const [logo, setLogo] = _react.default.useState("data:image/png;base64," + props.logo);
 
   const getItems = (items, level) => {
     let newItems = [];
@@ -113,57 +87,35 @@ const BusinessPortalAppDashboard = /*#__PURE__*/_react.default.memo(props => {
       let newRoutes = [];
       let currentMenu = null;
 
-      var _iterator = _createForOfIteratorHelper(props.settings.menu.menus),
-          _step;
-
-      try {
-        for (_iterator.s(); !(_step = _iterator.n()).done;) {
-          const menu = _step.value;
-
-          if (menu.id === currentModuleMenu) {
-            currentMenu = menu;
-            break;
-          }
+      for (const menu of props.settings.menu.menus) {
+        if (menu.id === currentModuleMenu) {
+          currentMenu = menu;
+          break;
         }
-      } catch (err) {
-        _iterator.e(err);
-      } finally {
-        _iterator.f();
       }
 
       if (currentMenu != null) {
-        var _iterator2 = _createForOfIteratorHelper(currentMenu.items),
-            _step2;
-
-        try {
-          for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-            const item = _step2.value;
+        for (const item of currentMenu.items) {
+          _Observable.default.clearComponentEventListeners(item.id);
 
-            _Observable.default.clearComponentEventListeners(item.id);
+          let newRoute = {};
+          newRoute.name = item.attributes.label;
 
-            let newRoute = {};
-            newRoute.name = item.attributes.label;
-
-            if (!_Utils.default.isNull(item.icon)) {
-              newRoute.icon = item.icon;
-            }
+          if (!_Utils.default.isNull(item.icon)) {
+            newRoute.icon = item.icon;
+          }
 
-            newRoute.layout = "/admin";
-            newRoute.level = 0;
-            newRoute.isParent = false;
-            newRoute.item = item;
-            newRoutes.push(newRoute);
+          newRoute.layout = "/admin";
+          newRoute.level = 0;
+          newRoute.isParent = false;
+          newRoute.item = item;
+          newRoutes.push(newRoute);
 
-            if (!_Utils.default.isNull(item.items) && item.items.length > 0) {
-              newRoute.collapse = false;
-              newRoute.state = item.name + "Collapse";
-              newRoute.views = getViews(item.items, 0);
-            }
+          if (!_Utils.default.isNull(item.items) && item.items.length > 0) {
+            newRoute.collapse = false;
+            newRoute.state = item.name + "Collapse";
+            newRoute.views = getViews(item.items, 0);
           }
-        } catch (err) {
-          _iterator2.e(err);
-        } finally {
-          _iterator2.f();
         }
       }
 
@@ -176,10 +128,9 @@ const BusinessPortalAppDashboard = /*#__PURE__*/_react.default.memo(props => {
   _react.default.useEffect(() => {
     document.body.classList.add("white-content");
 
-    if (navigator.platform.indexOf("Win") > -1) {
-      ps.destroy();
-      document.documentElement.className.add("perfect-scrollbar-off");
-      document.documentElement.classList.remove("perfect-scrollbar-on");
+    if (navigator.platform.indexOf("Win") > -1) {//ps.destroy();
+      //document.documentElement.className.add("perfect-scrollbar-off");
+      //document.documentElement.classList.remove("perfect-scrollbar-on");
     }
 
     window.removeEventListener("scroll", showNavbarButton); //dispatch(actionCreators.setSecondaryThemeColor(props.settings.systemProfileDto.secondCorporateBrandColor));
@@ -223,7 +174,10 @@ const BusinessPortalAppDashboard = /*#__PURE__*/_react.default.memo(props => {
   }, /*#__PURE__*/_react.default.createElement(_Workspace.default, {
     routes: routes,
     heading: "Welcome, " + props.settings.userFirstName,
-    activeRouteMenu: 'My Work Items',
+    activeRouteMenu: {
+      id: 'myWorkItems',
+      name: 'My Work Items'
+    },
     secondaryColor: props.settings.secondaryColor
   }))));
 });

package/dist/components/dashboard/components/Header.js

@@ -31,32 +31,13 @@ var _EventType = _interopRequireDefault(require("../../../event/EventType"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _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(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 const Header = props => {
-  const styles = props.styles,
-        handleChangeRequestNavDrawer = props.handleChangeRequestNavDrawer;
+  const {
+    styles,
+    handleChangeRequestNavDrawer
+  } = props;
 
-  const _React$useState = _react.default.useState(""),
-        _React$useState2 = _slicedToArray(_React$useState, 2),
-        title = _React$useState2[0],
-        setTitle = _React$useState2[1];
+  const [title, setTitle] = _react.default.useState("");
 
   const style = {
     appBar: {
@@ -106,7 +87,9 @@ const Header = props => {
   });
 
   return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_AppBar.default, {
-    style: _objectSpread(_objectSpread({}, styles), style.appBar),
+    style: { ...styles,
+      ...style.appBar
+    },
     title: /*#__PURE__*/_react.default.createElement("div", null, title),
     iconElementLeft: /*#__PURE__*/_react.default.createElement(_IconButton.default, {
       style: style.menuButton,

package/dist/components/dashboard/components/LeftDrawer.js

@@ -32,7 +32,9 @@ var _Utils = _interopRequireDefault(require("../../../Utils"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 const LeftDrawer = props => {
-  let navDrawerOpen = props.navDrawerOpen;
+  let {
+    navDrawerOpen
+  } = props;
   const styles = {
     spacer: {
       height: '2px'

package/dist/components/dashboard/components/blackDashboard/fixedPlugin/FixedPlugin.js

@@ -9,7 +9,7 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _reactstrap = require("reactstrap");
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
 
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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; }