@agilemotion/oui-react-js 1.6.1 → 1.6.3

package/dist/components/card/CardHeader.js

@@ -19,35 +19,32 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 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); }
 
-const useStyles = (0, _styles.makeStyles)(_cardHeaderStyle.default);
+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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+var useStyles = (0, _styles.makeStyles)(_cardHeaderStyle.default);
 
 function CardHeader(props) {
-  const classes = useStyles();
-  const {
-    className,
-    children,
-    color,
-    plain,
-    image,
-    contact,
-    signup,
-    stats,
-    icon,
-    text,
-    ...rest
-  } = props;
-  const cardHeaderClasses = (0, _classnames.default)({
-    [classes.cardHeader]: true,
-    [classes[color + "CardHeader"]]: color,
-    [classes.cardHeaderPlain]: plain,
-    [classes.cardHeaderImage]: image,
-    [classes.cardHeaderContact]: contact,
-    [classes.cardHeaderSignup]: signup,
-    [classes.cardHeaderStats]: stats,
-    [classes.cardHeaderIcon]: icon,
-    [classes.cardHeaderText]: text,
-    [className]: className !== undefined
-  });
+  var _classNames;
+
+  var classes = useStyles();
+
+  var className = props.className,
+      children = props.children,
+      color = props.color,
+      plain = props.plain,
+      image = props.image,
+      contact = props.contact,
+      signup = props.signup,
+      stats = props.stats,
+      icon = props.icon,
+      text = props.text,
+      rest = _objectWithoutProperties(props, ["className", "children", "color", "plain", "image", "contact", "signup", "stats", "icon", "text"]);
+
+  var cardHeaderClasses = (0, _classnames.default)((_classNames = {}, _defineProperty(_classNames, classes.cardHeader, true), _defineProperty(_classNames, classes[color + "CardHeader"], color), _defineProperty(_classNames, classes.cardHeaderPlain, plain), _defineProperty(_classNames, classes.cardHeaderImage, image), _defineProperty(_classNames, classes.cardHeaderContact, contact), _defineProperty(_classNames, classes.cardHeaderSignup, signup), _defineProperty(_classNames, classes.cardHeaderStats, stats), _defineProperty(_classNames, classes.cardHeaderIcon, icon), _defineProperty(_classNames, classes.cardHeaderText, text), _defineProperty(_classNames, className, className !== undefined), _classNames));
   return /*#__PURE__*/_react.default.createElement("div", _extends({
     className: cardHeaderClasses
   }, rest), " ", children, " ");

package/dist/components/card/CardIcon.js

@@ -19,21 +19,25 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 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); }
 
-const useStyles = (0, _styles.makeStyles)(_cardIconStyle.default);
+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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+var useStyles = (0, _styles.makeStyles)(_cardIconStyle.default);
 
 function CardIcon(props) {
-  const classes = useStyles();
-  const {
-    className,
-    children,
-    color,
-    ...rest
-  } = props;
-  const cardIconClasses = (0, _classnames.default)({
-    [classes.cardIcon]: true,
-    [classes[color + "CardHeader"]]: color,
-    [className]: className !== undefined
-  });
+  var _classNames;
+
+  var classes = useStyles();
+
+  var className = props.className,
+      children = props.children,
+      color = props.color,
+      rest = _objectWithoutProperties(props, ["className", "children", "color"]);
+
+  var cardIconClasses = (0, _classnames.default)((_classNames = {}, _defineProperty(_classNames, classes.cardIcon, true), _defineProperty(_classNames, classes[color + "CardHeader"], color), _defineProperty(_classNames, className, className !== undefined), _classNames));
   return /*#__PURE__*/_react.default.createElement("div", _extends({
     className: cardIconClasses
   }, rest), " ", children, " ");

package/dist/components/card/CardText.js

@@ -19,21 +19,25 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 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); }
 
-const useStyles = (0, _styles.makeStyles)(_cardTextStyle.default);
+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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+var useStyles = (0, _styles.makeStyles)(_cardTextStyle.default);
 
 function CardText(props) {
-  const classes = useStyles();
-  const {
-    className,
-    children,
-    color,
-    ...rest
-  } = props;
-  const cardTextClasses = (0, _classnames.default)({
-    [classes.cardText]: true,
-    [classes[color + "CardHeader"]]: color,
-    [className]: className !== undefined
-  });
+  var _classNames;
+
+  var classes = useStyles();
+
+  var className = props.className,
+      children = props.children,
+      color = props.color,
+      rest = _objectWithoutProperties(props, ["className", "children", "color"]);
+
+  var cardTextClasses = (0, _classnames.default)((_classNames = {}, _defineProperty(_classNames, classes.cardText, true), _defineProperty(_classNames, classes[color + "CardHeader"], color), _defineProperty(_classNames, className, className !== undefined), _classNames));
   return /*#__PURE__*/_react.default.createElement("div", _extends({
     className: cardTextClasses
   }, rest), " ", children, " ");

package/dist/components/customInput/CustomInput.js

@@ -27,39 +27,28 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 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); }
 
-const useStyles = (0, _styles.makeStyles)(_customInputStyle.default);
+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; }
+
+var useStyles = (0, _styles.makeStyles)(_customInputStyle.default);
 
 function CustomInput(props) {
-  const classes = useStyles();
-  const {
-    formControlProps,
-    labelText,
-    id,
-    labelProps,
-    inputProps,
-    error,
-    white,
-    inputRootCustomClasses,
-    success,
-    helperText
-  } = props;
-  const labelClasses = (0, _classnames.default)({
-    [" " + classes.labelRootError]: error,
-    [" " + classes.labelRootSuccess]: success && !error
-  });
-  const underlineClasses = (0, _classnames.default)({
-    [classes.underlineError]: error,
-    [classes.underlineSuccess]: success && !error,
-    [classes.underline]: true,
-    [classes.whiteUnderline]: white
-  });
-  const marginTop = (0, _classnames.default)({
-    [inputRootCustomClasses]: inputRootCustomClasses !== undefined
-  });
-  const inputClasses = (0, _classnames.default)({
-    [classes.input]: true,
-    [classes.whiteInput]: white
-  });
+  var _classNames, _classNames2, _classNames4, _classNames5;
+
+  var classes = useStyles();
+  var formControlProps = props.formControlProps,
+      labelText = props.labelText,
+      id = props.id,
+      labelProps = props.labelProps,
+      inputProps = props.inputProps,
+      error = props.error,
+      white = props.white,
+      inputRootCustomClasses = props.inputRootCustomClasses,
+      success = props.success,
+      helperText = props.helperText;
+  var labelClasses = (0, _classnames.default)((_classNames = {}, _defineProperty(_classNames, " " + classes.labelRootError, error), _defineProperty(_classNames, " " + classes.labelRootSuccess, success && !error), _classNames));
+  var underlineClasses = (0, _classnames.default)((_classNames2 = {}, _defineProperty(_classNames2, classes.underlineError, error), _defineProperty(_classNames2, classes.underlineSuccess, success && !error), _defineProperty(_classNames2, classes.underline, true), _defineProperty(_classNames2, classes.whiteUnderline, white), _classNames2));
+  var marginTop = (0, _classnames.default)(_defineProperty({}, inputRootCustomClasses, inputRootCustomClasses !== undefined));
+  var inputClasses = (0, _classnames.default)((_classNames4 = {}, _defineProperty(_classNames4, classes.input, true), _defineProperty(_classNames4, classes.whiteInput, white), _classNames4));
   var formControlClasses;
 
   if (formControlProps !== undefined) {
@@ -68,11 +57,8 @@ function CustomInput(props) {
     formControlClasses = classes.formControl;
   }
 
-  var helpTextClasses = (0, _classnames.default)({
-    [classes.labelRootError]: error,
-    [classes.labelRootSuccess]: success && !error
-  });
-  let newInputProps = {
+  var helpTextClasses = (0, _classnames.default)((_classNames5 = {}, _defineProperty(_classNames5, classes.labelRootError, error), _defineProperty(_classNames5, classes.labelRootSuccess, success && !error), _classNames5));
+  var newInputProps = {
     maxLength: inputProps && inputProps.maxLength ? inputProps.maxLength : undefined,
     minLength: inputProps && inputProps.minLength ? inputProps.minLength : undefined
   };

package/dist/components/dashboard/{BasicBusinessAppDashboard.js → FoldingSideTabDashboard.js}

@@ -21,7 +21,7 @@ var _reactRouterDom = require("react-router-dom");
 
 var _perfectScrollbar = _interopRequireDefault(require("perfect-scrollbar"));
 
-var _Sidebar = _interopRequireDefault(require("./components/blackDashboard/sidebar/Sidebar"));
+var _FoldingTabSidebar = _interopRequireDefault(require("./components/blackDashboard/sidebar/FoldingTabSidebar"));
 
 var _HomeNavbar = _interopRequireDefault(require("../navbars/HomeNavbar"));
 
@@ -39,50 +39,98 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 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); }
 
-let ps;
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
-const BasicBusinessAppDashboard = props => {
-  const [navDrawerOpen, setNavDrawerOpen] = _react.default.useState(true);
+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 [loading, setLoading] = _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 [activeColor, setActiveColor] = _react.default.useState('blue');
+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 [secondaryThemeColor, setSecondaryThemeColor] = _react.default.useState('');
+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 [primaryThemeColor, setPrimaryThemeColor] = _react.default.useState('');
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-  const [themeTextColor, setThemeTextColor] = _react.default.useState('');
+var ps;
 
-  const [routes, setRoutes] = _react.default.useState([]);
+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];
 
-  const [logo, setLogo] = _react.default.useState('data:image/png;base64,' + props.logo);
+  var _React$useState3 = _react.default.useState(true),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      loading = _React$useState4[0],
+      setLoading = _React$useState4[1];
 
-  const [sidebarOpened, setSidebarOpened] = _react.default.useState(document.documentElement.className.indexOf('nav-open') !== -1);
+  var _React$useState5 = _react.default.useState('blue'),
+      _React$useState6 = _slicedToArray(_React$useState5, 2),
+      activeColor = _React$useState6[0],
+      setActiveColor = _React$useState6[1];
 
-  const [sidebarMini, setSidebarMini] = _react.default.useState(true);
+  var _React$useState7 = _react.default.useState(''),
+      _React$useState8 = _slicedToArray(_React$useState7, 2),
+      secondaryThemeColor = _React$useState8[0],
+      setSecondaryThemeColor = _React$useState8[1];
 
-  const [opacity, setOpacity] = _react.default.useState(0);
+  var _React$useState9 = _react.default.useState(''),
+      _React$useState10 = _slicedToArray(_React$useState9, 2),
+      primaryThemeColor = _React$useState10[0],
+      setPrimaryThemeColor = _React$useState10[1];
 
-  const [windowPinned, setWindowPinned] = _react.default.useState(false);
+  var _React$useState11 = _react.default.useState(''),
+      _React$useState12 = _slicedToArray(_React$useState11, 2),
+      themeTextColor = _React$useState12[0],
+      setThemeTextColor = _React$useState12[1];
 
-  const dispatch = (0, _reactRedux.useDispatch)();
+  var _React$useState13 = _react.default.useState([]),
+      _React$useState14 = _slicedToArray(_React$useState13, 2),
+      routes = _React$useState14[0],
+      setRoutes = _React$useState14[1];
 
-  const handleChangeRequestNavDrawer = () => {
+  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() {
     setNavDrawerOpen(!navDrawerOpen);
   };
 
-  const handleBgClick = color => {
+  var handleBgClick = function handleBgClick(color) {
     setActiveColor(color);
   };
 
-  _react.default.useEffect(() => {
+  _react.default.useEffect(function () {
     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');
+      var tables = document.querySelectorAll('.table-responsive');
 
-      for (let i = 0; i < tables.length; i++) {
+      for (var i = 0; i < tables.length; i++) {
         ps = new _perfectScrollbar.default(tables[i]);
       }
     }
@@ -90,21 +138,21 @@ const BasicBusinessAppDashboard = props => {
     window.addEventListener('scroll', showNavbarButton);
   });
 
-  _react.default.useEffect(() => {
+  _react.default.useEffect(function () {
     if (props.width !== null && typeof props.width !== 'undefined') {
       setNavDrawerOpen(props.width === _withWidth.LARGE);
     }
   }, [props.width]);
 
-  _react.default.useEffect(() => {
+  _react.default.useEffect(function () {
     _SocketManager.default.init();
 
-    return () => {
+    return function () {
       _SocketManager.default.disconnect();
     };
   }, []);
 
-  _react.default.useEffect(() => {
+  _react.default.useEffect(function () {
     document.body.classList.add('white-content');
 
     if (navigator.platform.indexOf('Win') > -1) {//ps.destroy();
@@ -120,10 +168,10 @@ const BasicBusinessAppDashboard = props => {
     dispatch(_DashboardStore.actionCreators.setSecondaryThemeColor(props.settings.systemProfileDto.secondCorporateBrandColor));
 
     if (!_Utils.default.isNull(props.settings)) {
-      let dashboardMenu = {};
+      var dashboardMenu = {};
       dashboardMenu.id = 'dashboard';
       dashboardMenu.menus = [];
-      let myDashboardMenu = {};
+      var myDashboardMenu = {};
       myDashboardMenu.id = 'myDashboard';
       myDashboardMenu.items = [];
       myDashboardMenu.attributes = {};
@@ -131,9 +179,9 @@ const BasicBusinessAppDashboard = props => {
       dashboardMenu.menus.push(myDashboardMenu);
 
       if (!_Utils.default.isNull(props.settings.userDashboards)) {
-        for (let i = 0; i < props.settings.userDashboards.length; i++) {
-          let userDashboard = props.settings.userDashboards[i];
-          let item = {};
+        for (var i = 0; i < props.settings.userDashboards.length; i++) {
+          var userDashboard = props.settings.userDashboards[i];
+          var item = {};
           item.id = userDashboard.id;
           item.attributes = {};
           item.attributes.label = userDashboard.parameters.map.dashboardName;
@@ -141,7 +189,7 @@ const BasicBusinessAppDashboard = props => {
         }
       }
 
-      let createNewMenu = {};
+      var createNewMenu = {};
       createNewMenu.id = 'createNew';
       createNewMenu.items = [];
       createNewMenu.attributes = {};
@@ -149,12 +197,12 @@ const BasicBusinessAppDashboard = props => {
       dashboardMenu.menus.push(createNewMenu);
 
       if (!_Utils.default.isNull(props.settings.systemProfileDto.modules)) {
-        for (let i = 0; i < props.settings.systemProfileDto.modules.length; i++) {
-          let module = props.settings.systemProfileDto.modules[i];
+        for (var _i2 = 0; _i2 < props.settings.systemProfileDto.modules.length; _i2++) {
+          var module = props.settings.systemProfileDto.modules[_i2];
 
           if (!_Utils.default.isNull(module.dashBoardMenuBar)) {
-            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)
+            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)
 
               createNewMenu.items = createNewMenu.items.concat(menu.items);
             }
@@ -162,8 +210,8 @@ const BasicBusinessAppDashboard = props => {
         }
       }
 
-      let newRoutes = [];
-      let newRoute = {};
+      var newRoutes = [];
+      var newRoute = {};
       newRoute.name = 'Dashboard';
       newRoute.id = 'dashboard';
       newRoute.icon = 'fa fa-pie-chart';
@@ -174,18 +222,18 @@ const BasicBusinessAppDashboard = props => {
       console.log(props.settings.systemProfileDto);
 
       if (!_Utils.default.isNull(props.settings.systemProfileDto.modules)) {
-        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;
+        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;
           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);
@@ -212,12 +260,12 @@ const BasicBusinessAppDashboard = props => {
     }
   }, [props.settings]);
 
-  const toggleSidebar = () => {
+  var toggleSidebar = function toggleSidebar() {
     document.documentElement.classList.toggle('nav-open');
     setSidebarOpened(!sidebarOpened);
   };
 
-  const showNavbarButton = () => {
+  var showNavbarButton = function showNavbarButton() {
     if (document.documentElement.scrollTop > 50 || document.scrollingElement.scrollTop > 50) {
       setOpacity(1);
     } else if (document.documentElement.scrollTop <= 50 || document.scrollingElement.scrollTop <= 50) {
@@ -225,8 +273,8 @@ const BasicBusinessAppDashboard = props => {
     }
   };
 
-  const getRoutes = routes => {
-    return routes.map((prop, key) => {
+  var getRoutes = function getRoutes(routes) {
+    return routes.map(function (prop, key) {
       if (prop.collapse) {
         return getRoutes(prop.views);
       }
@@ -243,12 +291,12 @@ const BasicBusinessAppDashboard = props => {
     });
   };
 
-  const getActiveRoute = routes => {
-    let activeRoute = 'Dashboard';
+  var getActiveRoute = function getActiveRoute(routes) {
+    var activeRoute = 'Dashboard';
 
-    for (let i = 0; i < routes.length; i++) {
+    for (var i = 0; i < routes.length; i++) {
       if (routes[i].collapse && routes[i].views) {
-        let collapseActiveRoute = getActiveRoute(routes[i].views);
+        var collapseActiveRoute = getActiveRoute(routes[i].views);
 
         if (collapseActiveRoute !== activeRoute) {
           return collapseActiveRoute;
@@ -263,12 +311,12 @@ const BasicBusinessAppDashboard = props => {
     return activeRoute;
   };
 
-  const handleActiveClick = color => {
+  var handleActiveClick = function handleActiveClick(color) {
     setActiveColor(color);
   };
 
-  const handleMiniClick = () => {
-    let notifyMessage = 'Sidebar mini ';
+  var handleMiniClick = function handleMiniClick() {
+    var notifyMessage = 'Sidebar mini ';
 
     if (document.body.classList.contains('sidebar-mini')) {
       setSidebarMini(false);
@@ -278,7 +326,7 @@ const BasicBusinessAppDashboard = props => {
       notifyMessage += 'activated...';
     }
 
-    let options = {};
+    var options = {};
     options = {
       place: 'tr',
       message: notifyMessage,
@@ -289,7 +337,7 @@ const BasicBusinessAppDashboard = props => {
     document.body.classList.toggle('sidebar-mini');
   };
 
-  const closeSidebar = () => {
+  var closeSidebar = function closeSidebar() {
     setSidebarOpened(false);
     document.documentElement.classList.remove('nav-open');
   };
@@ -320,7 +368,7 @@ 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(_FoldingTabSidebar.default, _extends({}, props, {
     routes: routes,
     activeColor: 'agility',
     secondaryThemeColor: secondaryThemeColor,
@@ -329,7 +377,7 @@ const BasicBusinessAppDashboard = props => {
       name: 'Dashboard'
     },
     className: 'sidebar',
-    dashboardLauncher: () => {
+    dashboardLauncher: function dashboardLauncher() {
       launchDashboard();
     },
     appLogoPath: props.appLogoPath,
@@ -366,15 +414,15 @@ const BasicBusinessAppDashboard = props => {
       width: windowPinned ? '320px' : '0'
     }
   }, /*#__PURE__*/_react.default.createElement(_WindowViewPort.default, {
-    stateChangeHandler: state => {
+    stateChangeHandler: function stateChangeHandler(state) {
       setWindowPinned(state.pinned);
     }
   }))))), ' '));
 };
 
-BasicBusinessAppDashboard.propTypes = {
+FoldingSideTabDashboard.propTypes = {
   children: _propTypes.default.element,
   width: _propTypes.default.number
 };
-var _default = BasicBusinessAppDashboard;
+var _default = FoldingSideTabDashboard;
 exports.default = _default;

package/dist/components/dashboard/SideMenuModuleDashboard.css

@@ -0,0 +1,60 @@
+.portal-dashboard-content {
+    height: calc(100vh - 48px);
+    background-color: #f1f1f1;
+    margin-top: 0;
+}
+
+.side-menu-module-dashboard {
+
+}
+
+.side-menu-module-dashboard .sidebar {
+    height: 100vh !important;
+    z-index: 10000 !important;
+    box-shadow: none !important;
+    margin-left: 0 !important;
+    margin-top: 0 !important;
+    border-radius: 0 !important;
+    width: 440px !important;
+}
+
+.side-menu-module-dashboard .main-panel {
+    border-top: none !important;
+}
+
+.side-menu-module-dashboard .container-fluid {
+    padding-left: 0 !important;
+    padding-right: 0 !important;
+}
+
+.side-menu-module-dashboard .navbar.navbar-absolute {
+    left: 440px !important;
+    width: calc(100% - 440px) !important;
+    background-color: transparent !important;
+    color: #1d253b !important;
+    padding: 10px 12px 10px 0 !important;
+}
+
+.side-menu-module-dashboard .caret,
+.side-menu-module-dashboard .navbar .navbar-brand {
+    color: #1d253b !important;
+}
+
+.side-menu-module-dashboard .navbar-toggler-bar {
+    background: #1d253b !important;
+}
+
+.side-menu-module-dashboard .main-panel > .content {
+    padding: 78px 12px 30px 448px !important;
+}
+
+@media screen and (max-width: 991px){
+    .side-menu-module-dashboard .navbar.navbar-absolute {
+        left: 0 !important;
+        width: 100% !important;
+    }
+
+    .side-menu-module-dashboard  .sidebar {
+        width: 260px !important;
+    }
+}