@agilemotion/oui-react-js 1.6.4 → 1.6.5

package/dist/components/dashboard/FoldingSideTabDashboard.js

@@ -4,214 +4,120 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _withWidth = require("material-ui/utils/withWidth");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _Utils = _interopRequireDefault(require("../../Utils"));
-
 var _ViewPort = _interopRequireDefault(require("../layout/ViewPort"));
-
 var _Window = _interopRequireDefault(require("../layout/Window"));
-
 var _reactRouterDom = require("react-router-dom");
-
 var _perfectScrollbar = _interopRequireDefault(require("perfect-scrollbar"));
-
 var _FoldingTabSidebar = _interopRequireDefault(require("./components/blackDashboard/sidebar/FoldingTabSidebar"));
-
 var _HomeNavbar = _interopRequireDefault(require("../navbars/HomeNavbar"));
-
 var _reactRedux = require("react-redux");
-
 var _DashboardStore = require("../../redux/store/DashboardStore");
-
 var _ApplicationManager = _interopRequireDefault(require("../../ApplicationManager"));
-
 var _SocketManager = _interopRequireDefault(require("../SocketManager"));
-
 var _WindowViewPort = _interopRequireDefault(require("../layout/WindowViewPort"));
-
-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(); }
-
-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; }
-
-var ps;
-
-var FoldingSideTabDashboard = function FoldingSideTabDashboard(props) {
-  var _React$useState = _react.default.useState(true),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      navDrawerOpen = _React$useState2[0],
-      setNavDrawerOpen = _React$useState2[1];
-
-  var _React$useState3 = _react.default.useState(true),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      loading = _React$useState4[0],
-      setLoading = _React$useState4[1];
-
-  var _React$useState5 = _react.default.useState('blue'),
-      _React$useState6 = _slicedToArray(_React$useState5, 2),
-      activeColor = _React$useState6[0],
-      setActiveColor = _React$useState6[1];
-
-  var _React$useState7 = _react.default.useState(''),
-      _React$useState8 = _slicedToArray(_React$useState7, 2),
-      secondaryThemeColor = _React$useState8[0],
-      setSecondaryThemeColor = _React$useState8[1];
-
-  var _React$useState9 = _react.default.useState(''),
-      _React$useState10 = _slicedToArray(_React$useState9, 2),
-      primaryThemeColor = _React$useState10[0],
-      setPrimaryThemeColor = _React$useState10[1];
-
-  var _React$useState11 = _react.default.useState(''),
-      _React$useState12 = _slicedToArray(_React$useState11, 2),
-      themeTextColor = _React$useState12[0],
-      setThemeTextColor = _React$useState12[1];
-
-  var _React$useState13 = _react.default.useState([]),
-      _React$useState14 = _slicedToArray(_React$useState13, 2),
-      routes = _React$useState14[0],
-      setRoutes = _React$useState14[1];
-
-  var _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];
-
-  var _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];
-
-  var _React$useState19 = _react.default.useState(true),
-      _React$useState20 = _slicedToArray(_React$useState19, 2),
-      sidebarMini = _React$useState20[0],
-      setSidebarMini = _React$useState20[1];
-
-  var _React$useState21 = _react.default.useState(0),
-      _React$useState22 = _slicedToArray(_React$useState21, 2),
-      opacity = _React$useState22[0],
-      setOpacity = _React$useState22[1];
-
-  var _React$useState23 = _react.default.useState(false),
-      _React$useState24 = _slicedToArray(_React$useState23, 2),
-      windowPinned = _React$useState24[0],
-      setWindowPinned = _React$useState24[1];
-
-  var dispatch = (0, _reactRedux.useDispatch)();
-
-  var handleChangeRequestNavDrawer = function handleChangeRequestNavDrawer() {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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); }
+let ps;
+const FoldingSideTabDashboard = props => {
+  const [navDrawerOpen, setNavDrawerOpen] = _react.default.useState(true);
+  const [loading, setLoading] = _react.default.useState(true);
+  const [activeColor, setActiveColor] = _react.default.useState('blue');
+  const [secondaryThemeColor, setSecondaryThemeColor] = _react.default.useState('');
+  const [primaryThemeColor, setPrimaryThemeColor] = _react.default.useState('');
+  const [themeTextColor, setThemeTextColor] = _react.default.useState('');
+  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 [windowPinned, setWindowPinned] = _react.default.useState(false);
+  const dispatch = (0, _reactRedux.useDispatch)();
+  const handleChangeRequestNavDrawer = () => {
     setNavDrawerOpen(!navDrawerOpen);
   };
-
-  var handleBgClick = function handleBgClick(color) {
+  const handleBgClick = color => {
     setActiveColor(color);
   };
-
-  _react.default.useEffect(function () {
+  _react.default.useEffect(() => {
     if (navigator.platform.indexOf('Win') > -1) {
       document.documentElement.classList.add('perfect-scrollbar-on');
       document.documentElement.classList.remove('perfect-scrollbar-off');
-      var tables = document.querySelectorAll('.table-responsive');
-
-      for (var i = 0; i < tables.length; i++) {
+      let tables = document.querySelectorAll('.table-responsive');
+      for (let i = 0; i < tables.length; i++) {
         ps = new _perfectScrollbar.default(tables[i]);
       }
     }
-
     window.addEventListener('scroll', showNavbarButton);
   });
-
-  _react.default.useEffect(function () {
+  _react.default.useEffect(() => {
     if (props.width !== null && typeof props.width !== 'undefined') {
       setNavDrawerOpen(props.width === _withWidth.LARGE);
     }
   }, [props.width]);
-
-  _react.default.useEffect(function () {
+  _react.default.useEffect(() => {
     _SocketManager.default.init();
-
-    return function () {
+    return () => {
       _SocketManager.default.disconnect();
     };
   }, []);
-
-  _react.default.useEffect(function () {
+  _react.default.useEffect(() => {
     document.body.classList.add('white-content');
-
-    if (navigator.platform.indexOf('Win') > -1) {//ps.destroy();
+    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');
     setSecondaryThemeColor(props.settings.systemProfileDto.secondCorporateBrandColor);
     setPrimaryThemeColor(props.settings.systemProfileDto.firstCorporateBrandColor);
     setThemeTextColor(props.settings.systemProfileDto.themeTextColor);
     dispatch(_DashboardStore.actionCreators.setSecondaryThemeColor(props.settings.systemProfileDto.secondCorporateBrandColor));
-
     if (!_Utils.default.isNull(props.settings)) {
-      var dashboardMenu = {};
+      let dashboardMenu = {};
       dashboardMenu.id = 'dashboard';
       dashboardMenu.menus = [];
-      var myDashboardMenu = {};
+      let myDashboardMenu = {};
       myDashboardMenu.id = 'myDashboard';
       myDashboardMenu.items = [];
       myDashboardMenu.attributes = {};
       myDashboardMenu.attributes.label = 'My Dashboards';
       dashboardMenu.menus.push(myDashboardMenu);
-
       if (!_Utils.default.isNull(props.settings.userDashboards)) {
-        for (var i = 0; i < props.settings.userDashboards.length; i++) {
-          var userDashboard = props.settings.userDashboards[i];
-          var item = {};
+        for (let i = 0; i < props.settings.userDashboards.length; i++) {
+          let userDashboard = props.settings.userDashboards[i];
+          let item = {};
           item.id = userDashboard.id;
           item.attributes = {};
           item.attributes.label = userDashboard.parameters.map.dashboardName;
           myDashboardMenu.items.push(item);
         }
       }
-
-      var createNewMenu = {};
+      let createNewMenu = {};
       createNewMenu.id = 'createNew';
       createNewMenu.items = [];
       createNewMenu.attributes = {};
       createNewMenu.attributes.label = 'Create New';
       dashboardMenu.menus.push(createNewMenu);
-
       if (!_Utils.default.isNull(props.settings.systemProfileDto.modules)) {
-        for (var _i2 = 0; _i2 < props.settings.systemProfileDto.modules.length; _i2++) {
-          var module = props.settings.systemProfileDto.modules[_i2];
-
+        for (let i = 0; i < props.settings.systemProfileDto.modules.length; i++) {
+          let module = props.settings.systemProfileDto.modules[i];
           if (!_Utils.default.isNull(module.dashBoardMenuBar)) {
-            for (var j = 0; j < module.dashBoardMenuBar.menus.length; j++) {
-              var menu = module.dashBoardMenuBar.menus[j]; // To keep the module classification, replace the line below with createNewMenu.items.push(menu)
+            for (let j = 0; j < module.dashBoardMenuBar.menus.length; j++) {
+              let menu = module.dashBoardMenuBar.menus[j];
 
+              // To keep the module classification, replace the line below with createNewMenu.items.push(menu)
               createNewMenu.items = createNewMenu.items.concat(menu.items);
             }
           }
         }
       }
-
-      var newRoutes = [];
-      var newRoute = {};
+      let newRoutes = [];
+      let newRoute = {};
       newRoute.name = 'Dashboard';
       newRoute.id = 'dashboard';
       newRoute.icon = 'fa fa-pie-chart';
@@ -220,26 +126,22 @@ var FoldingSideTabDashboard = function FoldingSideTabDashboard(props) {
       newRoute.isParent = true;
       newRoutes.push(newRoute);
       console.log(props.settings.systemProfileDto);
-
       if (!_Utils.default.isNull(props.settings.systemProfileDto.modules)) {
-        for (var _i3 = 0; _i3 < props.settings.systemProfileDto.modules.length; _i3++) {
-          var _module = props.settings.systemProfileDto.modules[_i3];
-          var route = {};
-          route.name = _module.label;
-          route.icon = _module.icon;
-          route.menu = _module.menu;
+        for (let i = 0; i < props.settings.systemProfileDto.modules.length; i++) {
+          let module = props.settings.systemProfileDto.modules[i];
+          let route = {};
+          route.name = module.label;
+          route.icon = module.icon;
+          route.menu = module.menu;
           route.layout = '/admin';
           route.level = 0;
-
-          if (_module.menu) {
+          if (module.menu) {
             route.collapse = true;
-            route.state = _module.name + 'Collapse';
+            route.state = module.name + 'Collapse';
           }
-
           newRoutes.push(route);
         }
       }
-
       if (props.settings.settingsMenu) {
         newRoute = {};
         newRoute.name = 'Settings';
@@ -249,36 +151,30 @@ var FoldingSideTabDashboard = function FoldingSideTabDashboard(props) {
         newRoute.collapse = true;
         newRoute.level = 0;
         newRoute.menu = ''; // TODO : set menu value
-
         newRoute.state = 'settingsMenuCollapse';
         newRoutes.push(newRoute);
       }
-
       setRoutes(newRoutes);
       props.settings.dashboardMenu = createNewMenu.items.length > 0 ? dashboardMenu : null;
       setLoading(false);
     }
   }, [props.settings]);
-
-  var toggleSidebar = function toggleSidebar() {
+  const toggleSidebar = () => {
     document.documentElement.classList.toggle('nav-open');
     setSidebarOpened(!sidebarOpened);
   };
-
-  var showNavbarButton = function showNavbarButton() {
+  const showNavbarButton = () => {
     if (document.documentElement.scrollTop > 50 || document.scrollingElement.scrollTop > 50) {
       setOpacity(1);
     } else if (document.documentElement.scrollTop <= 50 || document.scrollingElement.scrollTop <= 50) {
       setOpacity(0);
     }
   };
-
-  var getRoutes = function getRoutes(routes) {
-    return routes.map(function (prop, key) {
+  const getRoutes = routes => {
+    return routes.map((prop, key) => {
       if (prop.collapse) {
         return getRoutes(prop.views);
       }
-
       if (prop.layout === '/admin') {
         return /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
           path: prop.layout + prop.path,
@@ -290,14 +186,11 @@ var FoldingSideTabDashboard = function FoldingSideTabDashboard(props) {
       }
     });
   };
-
-  var getActiveRoute = function getActiveRoute(routes) {
-    var activeRoute = 'Dashboard';
-
-    for (var i = 0; i < routes.length; i++) {
+  const getActiveRoute = routes => {
+    let activeRoute = 'Dashboard';
+    for (let i = 0; i < routes.length; i++) {
       if (routes[i].collapse && routes[i].views) {
-        var collapseActiveRoute = getActiveRoute(routes[i].views);
-
+        let collapseActiveRoute = getActiveRoute(routes[i].views);
         if (collapseActiveRoute !== activeRoute) {
           return collapseActiveRoute;
         }
@@ -307,17 +200,13 @@ var FoldingSideTabDashboard = function FoldingSideTabDashboard(props) {
         }
       }
     }
-
     return activeRoute;
   };
-
-  var handleActiveClick = function handleActiveClick(color) {
+  const handleActiveClick = color => {
     setActiveColor(color);
   };
-
-  var handleMiniClick = function handleMiniClick() {
-    var notifyMessage = 'Sidebar mini ';
-
+  const handleMiniClick = () => {
+    let notifyMessage = 'Sidebar mini ';
     if (document.body.classList.contains('sidebar-mini')) {
       setSidebarMini(false);
       notifyMessage += 'deactivated...';
@@ -325,8 +214,7 @@ var FoldingSideTabDashboard = function FoldingSideTabDashboard(props) {
       setSidebarMini(true);
       notifyMessage += 'activated...';
     }
-
-    var options = {};
+    let options = {};
     options = {
       place: 'tr',
       message: notifyMessage,
@@ -336,20 +224,15 @@ var FoldingSideTabDashboard = function FoldingSideTabDashboard(props) {
     };
     document.body.classList.toggle('sidebar-mini');
   };
-
-  var closeSidebar = function closeSidebar() {
+  const closeSidebar = () => {
     setSidebarOpened(false);
     document.documentElement.classList.remove('nav-open');
   };
-
   function launchDashboard() {
     _ApplicationManager.default.closeAllViews();
-
     _ApplicationManager.default.navigate('/switch');
-
     _ApplicationManager.default.navigate('/view/dashboard');
   }
-
   return loading ? /*#__PURE__*/_react.default.createElement("div", null, "Loading...") : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "wrapper",
     style: {
@@ -377,7 +260,7 @@ var FoldingSideTabDashboard = function FoldingSideTabDashboard(props) {
       name: 'Dashboard'
     },
     className: 'sidebar',
-    dashboardLauncher: function dashboardLauncher() {
+    dashboardLauncher: () => {
       launchDashboard();
     },
     appLogoPath: props.appLogoPath,
@@ -414,15 +297,13 @@ var FoldingSideTabDashboard = function FoldingSideTabDashboard(props) {
       width: windowPinned ? '320px' : '0'
     }
   }, /*#__PURE__*/_react.default.createElement(_WindowViewPort.default, {
-    stateChangeHandler: function stateChangeHandler(state) {
+    stateChangeHandler: state => {
       setWindowPinned(state.pinned);
     }
   }))))), ' '));
 };
-
 FoldingSideTabDashboard.propTypes = {
   children: _propTypes.default.element,
   width: _propTypes.default.number
 };
-var _default = FoldingSideTabDashboard;
-exports.default = _default;
+var _default = exports.default = FoldingSideTabDashboard;