@agilemotion/oui-react-js 1.6.0 → 1.6.2

package/dist/components/navbars/HomeNavbar.js

@@ -1,5 +1,7 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -29,243 +31,290 @@ var _colors = require("material-ui/styles/colors");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
 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; }
 
-const propHandler = state => {
-  let activeRouteMenu = state.dashboard.activeRouteMenu;
+var propHandler = function propHandler(state) {
+  var activeRouteMenu = state.dashboard.activeRouteMenu;
   return {
     activeRouteMenu: activeRouteMenu
   };
 };
 
-class HomeNavbar extends _react.default.Component {
-  constructor(props) {
-    super(props);
+var HomeNavbar = /*#__PURE__*/function (_React$Component) {
+  _inherits(HomeNavbar, _React$Component);
 
-    _defineProperty(this, "styles", {
+  var _super = _createSuper(HomeNavbar);
+
+  function HomeNavbar(props) {
+    var _this;
+
+    _classCallCheck(this, HomeNavbar);
+
+    _this = _super.call(this, props);
+
+    _defineProperty(_assertThisInitialized(_this), "styles", {
       header: {
-        backgroundColor: this.props.color
+        backgroundColor: _this.props.color
       }
     });
 
-    _defineProperty(this, "updateColor", () => {
-      if (window.innerWidth < 993 && this.state.collapseOpen) {
-        this.setState({
+    _defineProperty(_assertThisInitialized(_this), "updateColor", function () {
+      if (window.innerWidth < 993 && _this.state.collapseOpen) {
+        _this.setState({
           color: "bg-white"
         });
       } else {
-        this.setState({
+        _this.setState({
           color: "navbar-transparent"
         });
       }
     });
 
-    _defineProperty(this, "toggleCollapse", () => {
-      if (this.state.collapseOpen) {
-        this.setState({
+    _defineProperty(_assertThisInitialized(_this), "toggleCollapse", function () {
+      if (_this.state.collapseOpen) {
+        _this.setState({
           color: "navbar-transparent"
         });
       } else {
-        this.setState({
+        _this.setState({
           color: "bg-white"
         });
       }
 
-      this.setState({
-        collapseOpen: !this.state.collapseOpen
+      _this.setState({
+        collapseOpen: !_this.state.collapseOpen
       });
     });
 
-    _defineProperty(this, "toggleModalSearch", () => {
-      this.setState({
-        modalSearch: !this.state.modalSearch
+    _defineProperty(_assertThisInitialized(_this), "toggleModalSearch", function () {
+      _this.setState({
+        modalSearch: !_this.state.modalSearch
       });
     });
 
-    this.state = {
+    _this.state = {
       collapseOpen: false,
       color: "navbar-transparent",
       modalSearch: false,
-      avatar: _Utils.default.isNull(this.props.avatar) ? require("./default-avatar.png") : this.props.avatar
+      avatar: _Utils.default.isNull(_this.props.avatar) ? require("./default-avatar.png") : _this.props.avatar
     };
+    return _this;
   }
 
-  componentDidMount() {
-    window.addEventListener("resize", this.updateColor);
-  }
-
-  componentWillUnmount() {
-    window.removeEventListener("resize", this.updateColor);
-  }
-
-  componentDidUpdate(prevProps) {
-    if (prevProps.avatar !== this.props.avatar) {
-      this.setState({
-        avatar: this.props.avatar
-      });
+  _createClass(HomeNavbar, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      window.addEventListener("resize", this.updateColor);
     }
-  } // function that adds color white/transparent to the navbar on resize (this is for the collapse)
-
-
-  launchView(path) {
-    let actionConfig = {};
-    actionConfig.actionType = 'route';
-    actionConfig.path = path;
-    actionConfig.parent = true;
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      window.removeEventListener("resize", this.updateColor);
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      if (prevProps.avatar !== this.props.avatar) {
+        this.setState({
+          avatar: this.props.avatar
+        });
+      }
+    } // function that adds color white/transparent to the navbar on resize (this is for the collapse)
 
-    _ActionHandlers.default.invokeHandler(actionConfig);
-  }
+  }, {
+    key: "launchView",
+    value: function launchView(path) {
+      var actionConfig = {};
+      actionConfig.actionType = 'route';
+      actionConfig.path = path;
+      actionConfig.parent = true;
 
-  render() {
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactstrap.Navbar, {
-      style: this.styles.header,
-      className: (0, _classnames.default)("navbar-absolute"),
-      expand: "lg"
-    }, /*#__PURE__*/_react.default.createElement(_reactstrap.Container, {
-      fluid: true
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "navbar-wrapper"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _classnames.default)("navbar-toggle d-inline", {
-        toggled: this.props.sidebarOpened
-      })
-    }, /*#__PURE__*/_react.default.createElement("button", {
-      className: "navbar-toggler",
-      type: "button",
-      onClick: this.props.toggleSidebar
-    }, /*#__PURE__*/_react.default.createElement("span", {
-      className: "navbar-toggler-bar bar1",
-      style: {
-        background: this.props.themeTextColor
-      }
-    }), /*#__PURE__*/_react.default.createElement("span", {
-      className: "navbar-toggler-bar bar2",
-      style: {
-        background: this.props.themeTextColor
-      }
-    }), /*#__PURE__*/_react.default.createElement("span", {
-      className: "navbar-toggler-bar bar3",
-      style: {
-        background: this.props.themeTextColor
-      }
-    })), " "), " ", /*#__PURE__*/_react.default.createElement(_reactstrap.NavbarBrand, {
-      style: {
-        paddingLeft: 8,
-        color: this.props.themeTextColor
-      },
-      href: "#pablo",
-      onClick: e => e.preventDefault()
-    }, " ", this.props.activeRouteMenu ? this.props.activeRouteMenu.name : "Dashboard" // this.props.activeRouteMenu
-    , " "), " "), " ", /*#__PURE__*/_react.default.createElement("button", {
-      className: "navbar-toggler",
-      type: "button",
-      "data-toggle": "collapse",
-      "data-target": "#navigation",
-      "aria-expanded": "false",
-      "aria-label": "Toggle navigation",
-      onClick: this.toggleCollapse
-    }, /*#__PURE__*/_react.default.createElement("span", {
-      className: "navbar-toggler-bar navbar-kebab",
-      style: {
-        background: this.props.themeTextColor
-      }
-    }), /*#__PURE__*/_react.default.createElement("span", {
-      className: "navbar-toggler-bar navbar-kebab",
-      style: {
-        background: this.props.themeTextColor
-      }
-    }), /*#__PURE__*/_react.default.createElement("span", {
-      className: "navbar-toggler-bar navbar-kebab",
-      style: {
-        background: this.props.themeTextColor
-      }
-    })), " ", /*#__PURE__*/_react.default.createElement("div", {
-      className: "col-*-*",
-      style: {
-        height: '48px'
-      }
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      style: {
-        width: '80px'
-      }
-    }, /*#__PURE__*/_react.default.createElement(_reactstrap.Collapse, {
-      navbar: true,
-      isOpen: this.state.collapseOpen
-    }, /*#__PURE__*/_react.default.createElement(_reactstrap.Nav, {
-      className: "ml-auto",
-      navbar: true
-    }, /*#__PURE__*/_react.default.createElement(_reactstrap.UncontrolledDropdown, {
-      nav: true
-    }, /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownToggle, {
-      style: {
-        color: this.props.themeTextColor
-      },
-      caret: true,
-      color: "default",
-      "data-toggle": "dropdown",
-      nav: true,
-      onClick: e => e.preventDefault()
-    }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
-      "aria-controls": "menu-list-grow",
-      style: {
-        borderColor: _colors.grey800,
-        width: '40px',
-        height: '40px',
-        padding: '0'
-      },
-      "aria-haspopup": "true"
-    }, /*#__PURE__*/_react.default.createElement("img", {
-      alt: "...",
-      src: this.state.avatar,
-      width: '36px',
-      height: '36px',
-      style: {
-        borderRadius: '50%'
-      }
-    })), " ", /*#__PURE__*/_react.default.createElement("b", {
-      className: "caret d-none d-lg-block d-xl-block"
-    })), " ", /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownMenu, {
-      className: "dropdown-navbar",
-      right: true,
-      tag: "ul"
-    }, /*#__PURE__*/_react.default.createElement(_reactstrap.NavLink, {
-      tag: "li"
-    }, /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownItem, {
-      className: "nav-item",
-      onClick: () => this.launchView('/system/views/user-profile.json')
-    }, " ", "Profile", " "), " "), " ", /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownItem, {
-      divider: true,
-      tag: "li"
-    }), /*#__PURE__*/_react.default.createElement(_reactstrap.NavLink, {
-      tag: "li"
-    }, /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownItem, {
-      className: "nav-item",
-      onClick: this.props.logoutCallBack
-    }, " ", "Log out", " "), " "), " "), " "), " ", /*#__PURE__*/_react.default.createElement("li", {
-      className: "separator d-lg-none"
-    })), " "), " "))), " "), " ", /*#__PURE__*/_react.default.createElement(_reactstrap.Modal, {
-      modalClassName: "modal-search",
-      isOpen: this.state.modalSearch,
-      toggle: this.toggleModalSearch
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "modal-header"
-    }, /*#__PURE__*/_react.default.createElement(_reactstrap.Input, {
-      id: "inlineFormInputGroup",
-      placeholder: "SEARCH",
-      type: "text"
-    }), /*#__PURE__*/_react.default.createElement("button", {
-      "aria-label": "Close",
-      className: "close",
-      "data-dismiss": "modal",
-      type: "button",
-      onClick: this.toggleModalSearch
-    }, /*#__PURE__*/_react.default.createElement("i", {
-      className: "tim-icons icon-simple-remove"
-    })), " "), " "), " ");
-  }
+      _ActionHandlers.default.invokeHandler(actionConfig);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactstrap.Navbar, {
+        style: this.styles.header,
+        className: (0, _classnames.default)("navbar-absolute"),
+        expand: "lg"
+      }, /*#__PURE__*/_react.default.createElement(_reactstrap.Container, {
+        fluid: true
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: "navbar-wrapper"
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: (0, _classnames.default)("navbar-toggle d-inline", {
+          toggled: this.props.sidebarOpened
+        })
+      }, /*#__PURE__*/_react.default.createElement("button", {
+        className: "navbar-toggler",
+        type: "button",
+        onClick: this.props.toggleSidebar
+      }, /*#__PURE__*/_react.default.createElement("span", {
+        className: "navbar-toggler-bar bar1",
+        style: {
+          background: this.props.themeTextColor
+        }
+      }), /*#__PURE__*/_react.default.createElement("span", {
+        className: "navbar-toggler-bar bar2",
+        style: {
+          background: this.props.themeTextColor
+        }
+      }), /*#__PURE__*/_react.default.createElement("span", {
+        className: "navbar-toggler-bar bar3",
+        style: {
+          background: this.props.themeTextColor
+        }
+      })), " "), " ", /*#__PURE__*/_react.default.createElement(_reactstrap.NavbarBrand, {
+        style: {
+          paddingLeft: 8,
+          color: this.props.themeTextColor
+        },
+        href: "#pablo",
+        onClick: function onClick(e) {
+          return e.preventDefault();
+        }
+      }, " ", this.props.activeRouteMenu ? this.props.activeRouteMenu.name : "Dashboard" // this.props.activeRouteMenu
+      , " "), " "), " ", /*#__PURE__*/_react.default.createElement("button", {
+        className: "navbar-toggler",
+        type: "button",
+        "data-toggle": "collapse",
+        "data-target": "#navigation",
+        "aria-expanded": "false",
+        "aria-label": "Toggle navigation",
+        onClick: this.toggleCollapse
+      }, /*#__PURE__*/_react.default.createElement("span", {
+        className: "navbar-toggler-bar navbar-kebab",
+        style: {
+          background: this.props.themeTextColor
+        }
+      }), /*#__PURE__*/_react.default.createElement("span", {
+        className: "navbar-toggler-bar navbar-kebab",
+        style: {
+          background: this.props.themeTextColor
+        }
+      }), /*#__PURE__*/_react.default.createElement("span", {
+        className: "navbar-toggler-bar navbar-kebab",
+        style: {
+          background: this.props.themeTextColor
+        }
+      })), " ", /*#__PURE__*/_react.default.createElement("div", {
+        className: "col-*-*",
+        style: {
+          height: '48px'
+        }
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        style: {
+          width: '80px'
+        }
+      }, /*#__PURE__*/_react.default.createElement(_reactstrap.Collapse, {
+        navbar: true,
+        isOpen: this.state.collapseOpen
+      }, /*#__PURE__*/_react.default.createElement(_reactstrap.Nav, {
+        className: "ml-auto",
+        navbar: true
+      }, /*#__PURE__*/_react.default.createElement(_reactstrap.UncontrolledDropdown, {
+        nav: true
+      }, /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownToggle, {
+        style: {
+          color: this.props.themeTextColor
+        },
+        caret: true,
+        color: "default",
+        "data-toggle": "dropdown",
+        nav: true,
+        onClick: function onClick(e) {
+          return e.preventDefault();
+        }
+      }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+        "aria-controls": "menu-list-grow",
+        style: {
+          borderColor: _colors.grey800,
+          width: '40px',
+          height: '40px',
+          padding: '0'
+        },
+        "aria-haspopup": "true"
+      }, /*#__PURE__*/_react.default.createElement("img", {
+        alt: "...",
+        src: this.state.avatar,
+        width: '36px',
+        height: '36px',
+        style: {
+          borderRadius: '50%'
+        }
+      })), " ", /*#__PURE__*/_react.default.createElement("b", {
+        className: "caret d-none d-lg-block d-xl-block"
+      })), " ", /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownMenu, {
+        className: "dropdown-navbar",
+        right: true,
+        tag: "ul"
+      }, /*#__PURE__*/_react.default.createElement(_reactstrap.NavLink, {
+        tag: "li"
+      }, /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownItem, {
+        className: "nav-item",
+        onClick: function onClick() {
+          return _this2.launchView('/system/views/user-profile.json');
+        }
+      }, " ", "Profile", " "), " "), " ", /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownItem, {
+        divider: true,
+        tag: "li"
+      }), /*#__PURE__*/_react.default.createElement(_reactstrap.NavLink, {
+        tag: "li"
+      }, /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownItem, {
+        className: "nav-item",
+        onClick: this.props.logoutCallBack
+      }, " ", "Log out", " "), " "), " "), " "), " ", /*#__PURE__*/_react.default.createElement("li", {
+        className: "separator d-lg-none"
+      })), " "), " "))), " "), " ", /*#__PURE__*/_react.default.createElement(_reactstrap.Modal, {
+        modalClassName: "modal-search",
+        isOpen: this.state.modalSearch,
+        toggle: this.toggleModalSearch
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: "modal-header"
+      }, /*#__PURE__*/_react.default.createElement(_reactstrap.Input, {
+        id: "inlineFormInputGroup",
+        placeholder: "SEARCH",
+        type: "text"
+      }), /*#__PURE__*/_react.default.createElement("button", {
+        "aria-label": "Close",
+        className: "close",
+        "data-dismiss": "modal",
+        type: "button",
+        onClick: this.toggleModalSearch
+      }, /*#__PURE__*/_react.default.createElement("i", {
+        className: "tim-icons icon-simple-remove"
+      })), " "), " "), " ");
+    }
+  }]);
 
-}
+  return HomeNavbar;
+}(_react.default.Component);
 
-var _default = (0, _WithRouter.default)((0, _reactRedux.connect)(propHandler, dispatch => (0, _redux.bindActionCreators)(_DashboardStore.actionCreators, dispatch))(HomeNavbar));
+var _default = (0, _WithRouter.default)((0, _reactRedux.connect)(propHandler, function (dispatch) {
+  return (0, _redux.bindActionCreators)(_DashboardStore.actionCreators, dispatch);
+})(HomeNavbar));
 
 exports.default = _default;

package/dist/components/navbars/PortalNavbar.js

@@ -1,5 +1,7 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -25,42 +27,60 @@ var _ApplicationManager = _interopRequireWildcard(require("../../ApplicationMana
 
 var _Utils = _interopRequireDefault(require("../../Utils"));
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { 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; }
+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; }
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const useStyles = (0, _styles.makeStyles)(theme => ({
-  iconButtonLabel: {
-    display: 'flex',
-    flexDirection: 'column'
-  }
-}));
+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); }
 
-const PortalNavbar = /*#__PURE__*/_react.default.memo(props => {
-  const classes = useStyles();
+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 [avatarUrl, setAvatarUrl] = _react.default.useState(props.avatar);
+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 [selectedButton, setSelectedButton] = _react.default.useState(null);
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-  const initializing = _react.default.useRef(true);
+var useStyles = (0, _styles.makeStyles)(function (theme) {
+  return {
+    iconButtonLabel: {
+      display: 'flex',
+      flexDirection: 'column'
+    }
+  };
+});
 
-  let keyCounter = 0;
+var PortalNavbar = /*#__PURE__*/_react.default.memo(function (props) {
+  var classes = useStyles();
 
-  _react.default.useEffect(() => {
-    var _props$currentModule;
+  var _React$useState = _react.default.useState(props.avatar),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      avatarUrl = _React$useState2[0],
+      setAvatarUrl = _React$useState2[1];
 
-    setSelectedButton((_props$currentModule = props.currentModule) === null || _props$currentModule === void 0 ? void 0 : _props$currentModule.name);
+  var _React$useState3 = _react.default.useState(null),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      selectedButton = _React$useState4[0],
+      setSelectedButton = _React$useState4[1];
+
+  var initializing = _react.default.useRef(true);
+
+  var keyCounter = 0;
+
+  _react.default.useEffect(function () {
+    setSelectedButton(props.currentModule);
   }, [props.currentModule]);
 
-  _react.default.useEffect(() => {
+  _react.default.useEffect(function () {
     if (initializing.current) {
-      let avatarListener = {};
+      var avatarListener = {};
       avatarListener.type = _ApplicationManager.AVATAR_LISTENER_TYPE;
 
-      avatarListener.handler = avatar => {
+      avatarListener.handler = function (avatar) {
         setAvatarUrl(avatar.url);
       };
 
@@ -70,8 +90,8 @@ const PortalNavbar = /*#__PURE__*/_react.default.memo(props => {
     }
   }, []);
 
-  const launchView = path => {
-    let actionConfig = {};
+  var launchView = function launchView(path) {
+    var actionConfig = {};
     actionConfig.actionType = 'route';
     actionConfig.path = path;
     actionConfig.parent = true;
@@ -104,7 +124,7 @@ const PortalNavbar = /*#__PURE__*/_react.default.memo(props => {
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "row"
-  }, props.modules ? props.modules.map(module => {
+  }, props.modules ? props.modules.map(function (module) {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "col-*-*",
       style: {
@@ -123,7 +143,7 @@ const PortalNavbar = /*#__PURE__*/_react.default.memo(props => {
       classes: {
         label: classes.iconButtonLabel
       },
-      onClick: () => {
+      onClick: function onClick() {
         setSelectedButton(module.name);
         props.moduleChangeHandler(module.name);
       }
@@ -160,7 +180,9 @@ const PortalNavbar = /*#__PURE__*/_react.default.memo(props => {
     color: "default",
     "data-toggle": "dropdown",
     nav: true,
-    onClick: e => e.preventDefault()
+    onClick: function onClick(e) {
+      return e.preventDefault();
+    }
   }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
     "aria-controls": "menu-list-grow",
     style: {
@@ -197,7 +219,9 @@ const PortalNavbar = /*#__PURE__*/_react.default.memo(props => {
     tag: "li"
   }, /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownItem, {
     className: "nav-item",
-    onClick: () => launchView('system/views/user-profile.json')
+    onClick: function onClick() {
+      return launchView('system/views/user-profile.json');
+    }
   }, " ", "Profile", " "), " "), " ", /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownItem, {
     divider: true,
     tag: "li"