@agilemotion/oui-react-js 1.8.48 → 1.8.50

package/dist/components/dashboard/FoldingSideTabDashboard.js

@@ -3,99 +3,167 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
+exports.default = FoldingSideTabDashboard;
+var React = _interopRequireWildcard(require("react"));
+var _material = require("@mui/material");
+var _MenuOpen = _interopRequireDefault(require("@mui/icons-material/MenuOpen"));
+var _Menu = _interopRequireDefault(require("@mui/icons-material/Menu"));
+var _Mail = _interopRequireDefault(require("@mui/icons-material/Mail"));
+var _Logout = _interopRequireDefault(require("@mui/icons-material/Logout"));
+var _ManageAccounts = _interopRequireDefault(require("@mui/icons-material/ManageAccounts"));
 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 _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"));
 require("./FoldingSideTabDashboard.css");
+var _ActionHandlers = _interopRequireDefault(require("../../event/ActionHandlers"));
+var _FoldingTabSidebar = _interopRequireDefault(require("./components/blackDashboard/sidebar/FoldingTabSidebar"));
+var _styles = require("@mui/material/styles");
+var _useMediaQuery = _interopRequireDefault(require("@mui/material/useMediaQuery"));
 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); }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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); } // FoldingSideTabDashboard.jsx
+const DRAWER_WIDTH = 320;
+const MINI_WIDTH = 72;
+const DrawerStyled = (0, _styles.styled)(_material.Drawer, {
+  shouldForwardProp: prop => prop !== "open"
+})(_ref => {
+  let {
+    theme,
+    open
+  } = _ref;
+  return {
+    width: open ? DRAWER_WIDTH : MINI_WIDTH,
+    flexShrink: 0,
+    whiteSpace: "nowrap",
+    "& .MuiDrawer-paper": {
+      width: open ? DRAWER_WIDTH : MINI_WIDTH,
+      overflowX: "hidden",
+      transition: theme.transitions.create("width", {
+        easing: theme.transitions.easing.sharp,
+        duration: theme.transitions.duration.standard
+      })
+    }
+  };
+});
+const Main = (0, _styles.styled)("main", {
+  shouldForwardProp: prop => prop !== "open"
+})(_ref2 => {
+  let {
+    theme,
+    open
+  } = _ref2;
+  return {
+    flexGrow: 1,
+    transition: theme.transitions.create("margin-left", {
+      easing: theme.transitions.easing.sharp,
+      duration: theme.transitions.duration.standard
+    }),
+    padding: 0,
+    background: "transparent"
+  };
+});
 let ps;
-const DATA_URL_PREFIX = 'data:image/png;base64,';
+const DATA_URL_PREFIX = "data:image/png;base64,";
 function normalizeLogo(src) {
   if (!src) return undefined;
   const s = src.trim();
   if (/^data:/i.test(s)) {
-    const dup = new RegExp(`^(${DATA_URL_PREFIX})+`, 'i');
+    const dup = new RegExp(`^(${DATA_URL_PREFIX})+`, "i");
     return s.replace(dup, DATA_URL_PREFIX);
   }
   return DATA_URL_PREFIX + s;
 }
-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(normalizeLogo(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)();
+function FoldingSideTabDashboard(props) {
+  const [open, setOpen] = React.useState(true);
+  const [navDrawerOpen, setNavDrawerOpen] = React.useState(true);
+  const [loading, setLoading] = React.useState(true);
+  const [activeColor, setActiveColor] = React.useState("blue");
+  const [secondaryThemeColor, setSecondaryThemeColor] = React.useState("");
+  const [primaryThemeColor, setPrimaryThemeColor] = React.useState("");
+  const [themeTextColor, setThemeTextColor] = React.useState("");
+  const [routes, setRoutes] = React.useState([]);
+  const [logo, setLogo] = React.useState(normalizeLogo(props.logo));
+  const [sidebarOpened, setSidebarOpened] = React.useState(document.documentElement.className.indexOf("nav-open") !== -1);
+  const [sidebarMini, setSidebarMini] = React.useState(true);
+  const [opacity, setOpacity] = React.useState(0);
+  const [windowPinned, setWindowPinned] = React.useState(false);
+
+  // Avatar menu state
+  const [userMenuEl, setUserMenuEl] = React.useState(null);
+  const userMenuOpen = Boolean(userMenuEl);
+  const handleUserMenuOpen = e => setUserMenuEl(e.currentTarget);
+  const handleUserMenuClose = () => setUserMenuEl(null);
+  const theme = (0, _styles.useTheme)();
+  const isMobile = (0, _useMediaQuery.default)(theme.breakpoints.down("sm"));
+  const handleProfile = () => {
+    handleUserMenuClose();
+    launchView("/system/views/user-profile.json");
+  };
+  const handleLogout = () => {
+    handleUserMenuClose();
+    props.logoutCallBack && props.logoutCallBack();
+  };
   const handleChangeRequestNavDrawer = () => {
     setNavDrawerOpen(!navDrawerOpen);
   };
   const handleBgClick = color => {
     setActiveColor(color);
   };
-  _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');
+  React.useEffect(() => {
+    if (isMobile) {
+      setOpen(false); // auto collapse when screen is small
+    }
+  }, [isMobile]);
+  React.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");
       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') {
+  React.useEffect(() => {
+    if (props.width !== null && typeof props.width !== "undefined") {
       setNavDrawerOpen(props.width === _withWidth.LARGE);
     }
   }, [props.width]);
-  _react.default.useEffect(() => {
+  React.useEffect(() => {
     _SocketManager.default.init();
     return () => {
       _SocketManager.default.disconnect();
     };
   }, []);
-  _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");
+  React.useEffect(() => {
+    document.body.classList.add("white-content");
+    if (navigator.platform.indexOf("Win") > -1) {
+      // Keeping for parity with your original code
     }
-    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);
-    dispatch(_DashboardStore.actionCreators.setSecondaryThemeColor(props.settings.systemProfileDto.secondCorporateBrandColor));
     if (!_Utils.default.isNull(props.settings)) {
       let dashboardMenu = {};
-      dashboardMenu.id = 'dashboard';
+      dashboardMenu.id = "dashboard";
       dashboardMenu.menus = [];
       let myDashboardMenu = {};
-      myDashboardMenu.id = 'myDashboard';
+      myDashboardMenu.id = "myDashboard";
       myDashboardMenu.items = [];
       myDashboardMenu.attributes = {};
-      myDashboardMenu.attributes.label = 'My Dashboards';
+      myDashboardMenu.attributes.label = "My Dashboards";
       dashboardMenu.menus.push(myDashboardMenu);
       if (!_Utils.default.isNull(props.settings.userDashboards)) {
         for (let i = 0; i < props.settings.userDashboards.length; i++) {
@@ -108,10 +176,10 @@ const FoldingSideTabDashboard = props => {
         }
       }
       let createNewMenu = {};
-      createNewMenu.id = 'createNew';
+      createNewMenu.id = "createNew";
       createNewMenu.items = [];
       createNewMenu.attributes = {};
-      createNewMenu.attributes.label = 'Create New';
+      createNewMenu.attributes.label = "Create New";
       dashboardMenu.menus.push(createNewMenu);
       if (!_Utils.default.isNull(props.settings.systemProfileDto.modules)) {
         for (let i = 0; i < props.settings.systemProfileDto.modules.length; i++) {
@@ -129,10 +197,10 @@ const FoldingSideTabDashboard = props => {
       let newRoutes = [];
       let newRoute = {};
       if (_Utils.default.isNull(props.showDashboardMenu) || props.showDashboardMenu) {
-        newRoute.name = 'Dashboard';
-        newRoute.id = '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);
@@ -144,25 +212,25 @@ const FoldingSideTabDashboard = props => {
           route.name = module.label;
           route.icon = module.icon;
           route.menu = module.menu;
-          route.layout = '/admin';
+          route.layout = "/admin";
           route.level = 0;
           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';
-        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.menu = ''; // TODO : set menu value
-        newRoute.state = 'settingsMenuCollapse';
+        newRoute.menu = ""; // TODO : set menu value
+        newRoute.state = "settingsMenuCollapse";
         newRoutes.push(newRoute);
       }
       setRoutes(newRoutes);
@@ -171,7 +239,7 @@ const FoldingSideTabDashboard = props => {
     }
   }, [props.settings]);
   const toggleSidebar = () => {
-    document.documentElement.classList.toggle('nav-open');
+    document.documentElement.classList.toggle("nav-open");
     setSidebarOpened(!sidebarOpened);
   };
   const showNavbarButton = () => {
@@ -186,8 +254,8 @@ const FoldingSideTabDashboard = props => {
       if (prop.collapse) {
         return getRoutes(prop.views);
       }
-      if (prop.layout === '/admin') {
-        return /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
+      if (prop.layout === "/admin") {
+        return /*#__PURE__*/React.createElement(_reactRouterDom.Route, {
           path: prop.layout + prop.path,
           component: prop.component,
           key: key
@@ -198,7 +266,7 @@ const FoldingSideTabDashboard = props => {
     });
   };
   const getActiveRoute = routes => {
-    let activeRoute = 'Dashboard';
+    let activeRoute = "Dashboard";
     for (let i = 0; i < routes.length; i++) {
       if (routes[i].collapse && routes[i].views) {
         let collapseActiveRoute = getActiveRoute(routes[i].views);
@@ -216,61 +284,127 @@ const FoldingSideTabDashboard = props => {
   const handleActiveClick = color => {
     setActiveColor(color);
   };
-  const handleMiniClick = () => {
-    let notifyMessage = 'Sidebar mini ';
-    if (document.body.classList.contains('sidebar-mini')) {
-      setSidebarMini(false);
-      notifyMessage += 'deactivated...';
-    } else {
-      setSidebarMini(true);
-      notifyMessage += 'activated...';
-    }
-    let options = {};
-    options = {
-      place: 'tr',
-      message: notifyMessage,
-      type: 'primary',
-      icon: 'tim-icons icon-bell-55',
-      autoDismiss: 7
-    };
-    document.body.classList.toggle('sidebar-mini');
-  };
   const closeSidebar = () => {
     setSidebarOpened(false);
-    document.documentElement.classList.remove('nav-open');
+    document.documentElement.classList.remove("nav-open");
   };
   function launchDashboard() {
     _ApplicationManager.default.closeAllViews();
     //applicationManager.navigate('/switch');
-    _ApplicationManager.default.navigate('/view/dashboard');
+    _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: {
-      height: '100%',
-      overflow: 'hidden'
+  function launchView(path) {
+    let actionConfig = {};
+    actionConfig.actionType = "route";
+    actionConfig.path = path;
+    actionConfig.parent = true;
+    _ActionHandlers.default.invokeHandler(actionConfig);
+  }
+  if (loading) {
+    return /*#__PURE__*/React.createElement("div", null, "Loading...");
+  }
+  return /*#__PURE__*/React.createElement(_material.Box, {
+    sx: {
+      display: "flex"
     }
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "navbar-minimize-fixed",
-    style: {
-      opacity: opacity
+  }, /*#__PURE__*/React.createElement(_material.CssBaseline, null), /*#__PURE__*/React.createElement(_material.AppBar, {
+    position: "fixed",
+    color: "primary",
+    elevation: 1,
+    sx: {
+      zIndex: theme => theme.zIndex.drawer + 1
+    }
+  }, /*#__PURE__*/React.createElement(_material.Toolbar, null, /*#__PURE__*/React.createElement(_material.Tooltip, {
+    title: open ? "Collapse menu" : "Expand menu"
+  }, /*#__PURE__*/React.createElement(_material.IconButton, {
+    color: "inherit",
+    edge: "start",
+    onClick: () => setOpen(o => !o)
+  }, open ? /*#__PURE__*/React.createElement(_MenuOpen.default, null) : /*#__PURE__*/React.createElement(_Menu.default, null))), /*#__PURE__*/React.createElement(_material.Box, {
+    sx: {
+      ml: 1,
+      fontWeight: 600
+    }
+  }), /*#__PURE__*/React.createElement(_material.Box, {
+    sx: {
+      ml: "auto",
+      display: "flex",
+      alignItems: "center"
+    }
+  }, /*#__PURE__*/React.createElement(_material.Tooltip, {
+    title: "Account"
+  }, /*#__PURE__*/React.createElement(_material.IconButton, {
+    onClick: handleUserMenuOpen,
+    size: "small",
+    sx: {
+      ml: 1
+    },
+    "aria-controls": userMenuOpen ? "account-menu" : undefined,
+    "aria-haspopup": "true",
+    "aria-expanded": userMenuOpen ? "true" : undefined
+  }, /*#__PURE__*/React.createElement(_material.Avatar, {
+    alt: "User",
+    src: props.avatar,
+    sx: {
+      width: 36,
+      height: 36,
+      borderRadius: "50%"
     }
-  }, /*#__PURE__*/_react.default.createElement("button", {
-    className: "minimize-sidebar btn btn-link btn-just-icon",
-    onClick: handleMiniClick
-  }, /*#__PURE__*/_react.default.createElement("i", {
-    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(_FoldingTabSidebar.default, _extends({}, props, {
+  }))), /*#__PURE__*/React.createElement(_material.Menu, {
+    anchorEl: userMenuEl,
+    id: "account-menu",
+    open: userMenuOpen,
+    onClose: handleUserMenuClose,
+    onClick: handleUserMenuClose,
+    transformOrigin: {
+      horizontal: "right",
+      vertical: "top"
+    },
+    anchorOrigin: {
+      horizontal: "right",
+      vertical: "bottom"
+    },
+    PaperProps: {
+      elevation: 3,
+      sx: {
+        mt: 1.5,
+        minWidth: 220,
+        overflow: "visible",
+        "&:before": {
+          content: '""',
+          display: "block",
+          position: "absolute",
+          top: 0,
+          right: 14,
+          width: 10,
+          height: 10,
+          bgcolor: "background.paper",
+          transform: "translateY(-50%) rotate(45deg)",
+          zIndex: 0
+        }
+      }
+    }
+  }, /*#__PURE__*/React.createElement(_material.MenuItem, {
+    onClick: handleProfile
+  }, /*#__PURE__*/React.createElement(_material.ListItemIcon, null, /*#__PURE__*/React.createElement(_ManageAccounts.default, {
+    fontSize: "small"
+  })), /*#__PURE__*/React.createElement(_material.Typography, null, "Profile")), /*#__PURE__*/React.createElement(_material.Divider, null), /*#__PURE__*/React.createElement(_material.MenuItem, {
+    onClick: handleLogout
+  }, /*#__PURE__*/React.createElement(_material.ListItemIcon, null, /*#__PURE__*/React.createElement(_Logout.default, {
+    fontSize: "small"
+  })), /*#__PURE__*/React.createElement(_material.Typography, null, "Log out")))))), /*#__PURE__*/React.createElement(DrawerStyled, {
+    variant: isMobile ? "temporary" : "permanent",
+    open: open
+  }, /*#__PURE__*/React.createElement(_material.Toolbar, null), /*#__PURE__*/React.createElement(_FoldingTabSidebar.default, _extends({}, props, {
     routes: routes,
+    open: open,
     activeColor: 'agility',
     secondaryThemeColor: secondaryThemeColor,
+    onOpenDrawer: () => setOpen(true),
     activeRouteMenu: props.showDashboardMenu ? {
       id: 'dashboard',
       name: 'Dashboard'
     } : null,
-    className: 'sidebar',
     dashboardLauncher: () => {
       launchDashboard();
     },
@@ -282,28 +416,17 @@ const FoldingSideTabDashboard = props => {
     },
     logoStyle: props.logoStyle,
     closeSidebar: closeSidebar
-  })), ' ', /*#__PURE__*/_react.default.createElement("div", {
-    className: "main-panel",
-    data: activeColor
-  }, /*#__PURE__*/_react.default.createElement(_HomeNavbar.default, _extends({}, props, {
-    color: primaryThemeColor,
-    themeTextColor: themeTextColor,
-    handleMiniClick: handleMiniClick,
-    brandText: getActiveRoute(routes),
-    sidebarOpened: sidebarOpened,
-    avatar: props.avatar,
-    settingsMenu: props.settings.settingsMenu,
-    toggleSidebar: toggleSidebar,
-    logoutCallBack: props.logoutCallBack
-  })), ' ', /*#__PURE__*/_react.default.createElement("div", {
-    className: "content",
+  })), ' '), /*#__PURE__*/React.createElement(Main, {
+    open: open
+  }, /*#__PURE__*/React.createElement(_material.Toolbar, null), /*#__PURE__*/React.createElement("div", {
+    className: "dashboard-main-content",
     style: {
       height: "calc(100vh - 70px)",
       maxHeight: "calc(100vh - 70px)"
     }
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "content w-100 h-100 row no-margin no-padding"
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     style: {
       width: windowPinned ? 'calc(100% - 320px)' : '100%',
       height: "100%",
@@ -311,22 +434,29 @@ const FoldingSideTabDashboard = props => {
       overflow: 'auto',
       paddingTop: '4px'
     }
-  }, /*#__PURE__*/_react.default.createElement(_ViewPort.default, {
-    windowPinned: windowPinned
-  })), /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement(_ViewPort.default, {
+    windowPinned: windowPinned,
+    menuOffset: open ? DRAWER_WIDTH : MINI_WIDTH
+  })), /*#__PURE__*/React.createElement("div", {
     className: 'col no-margin no-padding',
     style: {
       width: windowPinned ? '320px' : '0',
       margin: '8px'
     }
-  }, /*#__PURE__*/_react.default.createElement(_WindowViewPort.default, {
+  }, /*#__PURE__*/React.createElement(_WindowViewPort.default, {
     stateChangeHandler: state => {
       setWindowPinned(state.pinned);
     }
-  }))))), ' '));
-};
+  }))))));
+}
 FoldingSideTabDashboard.propTypes = {
   children: _propTypes.default.element,
-  width: _propTypes.default.number
-};
-var _default = exports.default = FoldingSideTabDashboard;
+  width: _propTypes.default.number,
+  settings: _propTypes.default.object,
+  showDashboardMenu: _propTypes.default.bool,
+  logo: _propTypes.default.string,
+  logoStyle: _propTypes.default.object,
+  appLogoPath: _propTypes.default.string,
+  avatar: _propTypes.default.string,
+  logoutCallBack: _propTypes.default.func
+};