@agilemotion/oui-react-js 1.3.8 → 1.4.0

package/dist/components/menu/CollapsibleMenu.js

@@ -13,27 +13,10 @@ var _MenuBars = require("./MenuBars");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 const CollapsibleMenu = props => {
-  const _React$useState = _react.default.useState(""),
-        _React$useState2 = _slicedToArray(_React$useState, 2),
-        currentMenuName = _React$useState2[0],
-        setCurrentMenuName = _React$useState2[1];
+  const [currentMenuName, setCurrentMenuName] = _react.default.useState("");
 
-  const _React$useState3 = _react.default.useState(true),
-        _React$useState4 = _slicedToArray(_React$useState3, 1),
-        collapse = _React$useState4[0];
+  const [collapse] = _react.default.useState(true);
 
   const styles = {
     wrapper: {

package/dist/components/menu/MenuBars.js

@@ -30,28 +30,10 @@ var _colors = require("material-ui/styles/colors");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
 
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 const useStyles = (0, _styles.makeStyles)(theme => ({
   // TODO: Merge these styles
   expandable: {
@@ -89,15 +71,9 @@ const useStyles = (0, _styles.makeStyles)(theme => ({
 function CollapsibleMenuBar(props) {
   const classes = useStyles();
 
-  const _React$useState = _react.default.useState(''),
-        _React$useState2 = _slicedToArray(_React$useState, 2),
-        selectedLink = _React$useState2[0],
-        setSelectedLink = _React$useState2[1];
+  const [selectedLink, setSelectedLink] = _react.default.useState('');
 
-  const _React$useState3 = _react.default.useState({}),
-        _React$useState4 = _slicedToArray(_React$useState3, 2),
-        itemExpansionStatuses = _React$useState4[0],
-        setItemExpansionStatuses = _React$useState4[1];
+  const [itemExpansionStatuses, setItemExpansionStatuses] = _react.default.useState({});
 
   const defaultElement = _react.default.useRef(null);
 
@@ -124,9 +100,9 @@ function CollapsibleMenuBar(props) {
       value = !itemExpansionStatuses[item];
     }
 
-    setItemExpansionStatuses(_objectSpread(_objectSpread({}, itemExpansionStatuses), {}, {
+    setItemExpansionStatuses({ ...itemExpansionStatuses,
       [item]: value
-    }));
+    });
   }
 
   function handler(children) {
@@ -178,10 +154,7 @@ function CollapsibleMenuBar(props) {
 function PopupMenuBar(props) {
   const classes = useStyles();
 
-  const _React$useState5 = _react.default.useState({}),
-        _React$useState6 = _slicedToArray(_React$useState5, 2),
-        children = _React$useState6[0],
-        setChildren = _React$useState6[1];
+  const [children, setChildren] = _react.default.useState({});
 
   function handleClick(item) {}
 

package/dist/components/menu/MenuButton.js

@@ -35,18 +35,6 @@ 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); }
 
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 const useStyles = (0, _styles.makeStyles)(theme => ({
   root: {
     display: 'flex'
@@ -67,50 +55,44 @@ const useStyles = (0, _styles.makeStyles)(theme => ({
 const MenuButton = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const classes = useStyles();
 
-  const _React$useState = _react.default.useState(false),
-        _React$useState2 = _slicedToArray(_React$useState, 2),
-        open = _React$useState2[0],
-        setOpen = _React$useState2[1];
+  const [open, setOpen] = _react.default.useState(false);
 
   const anchorRef = _react.default.useRef(null);
 
   let width = !_Utils.default.isNull(props.config.attributes['width']) ? parseInt(props.config.attributes['width'].toString().replace('px', '')) : null;
 
-  const _React$useState3 = _react.default.useState(false),
-        _React$useState4 = _slicedToArray(_React$useState3, 2),
-        disabled = _React$useState4[0],
-        setDisabled = _React$useState4[1];
+  const [disabled, setDisabled] = _react.default.useState(false);
 
-  const _React$useState5 = _react.default.useState([]),
-        _React$useState6 = _slicedToArray(_React$useState5, 1),
-        itemRefs = _React$useState6[0];
+  const [itemRefs] = _react.default.useState([]);
 
-  const _React$useState7 = _react.default.useState(null),
-        _React$useState8 = _slicedToArray(_React$useState7, 2),
-        config = _React$useState8[0],
-        setConfig = _React$useState8[1];
+  const [config, setConfig] = _react.default.useState(null);
 
   _react.default.useEffect(() => {
     props.handle.api = api();
+  });
 
-    if (_Utils.default.isNull(config)) {
-      let parsedConfig = _Utils.default.parseConfig(props.config, props.viewId);
+  _react.default.useEffect(() => {
+    if (config) {
+      props.handle.api = api();
 
-      setConfig(parsedConfig);
+      let parsedConfig = _Utils.default.parseConfig(config, props.viewId);
 
       _Observable.default.addSubscriptions(parsedConfig.eventHandlingConfig, props.handle, props.viewId);
 
-      _Observable.default.addSystemSubscriptions(parsedConfig);
-    }
-  });
+      _Observable.default.addSystemSubscriptions(props.viewId, parsedConfig);
 
-  _react.default.useEffect(() => {
-    if (!_Utils.default.isNull(config)) {
-      // TODO : Synch with loading of the menu items of the menu button. This may cause some load scripts to fail
-      props.loadCompleteHandler(config.id);
+      props.handle.api.refresh();
     }
   }, [config]);
 
+  _react.default.useEffect(() => {
+    var _props$tableRow$id;
+
+    setConfig(props.tableRow ? { ...props.config,
+      id: props.config.id + '_' + ((_props$tableRow$id = props.tableRow.id) === null || _props$tableRow$id === void 0 ? void 0 : _props$tableRow$id.replaceAll('-', ''))
+    } : props.config);
+  }, []);
+
   const handleToggle = () => {
     setOpen(prevOpen => !prevOpen);
   };
@@ -133,7 +115,11 @@ const MenuButton = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const api = () => {
     return {
       get id() {
-        return props.config.id;
+        return config ? config.id : props.config.id;
+      },
+
+      get tableRow() {
+        return props.tableRow;
       },
 
       getChildren: () => {
@@ -145,7 +131,9 @@ const MenuButton = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
       },
 
       refresh() {
-        setDisabled(_Utils.default.evaluateBooleanExpression(config.disabled, config.id));
+        if (config) {
+          setDisabled(_Utils.default.evaluateBooleanExpression(config.disabled, config.id));
+        }
       }
 
     };

package/dist/components/menu/MenuItem.js

@@ -21,27 +21,10 @@ var _Event = _interopRequireDefault(require("../../event/Event"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 const MenuItem = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
-  const _React$useState = _react.default.useState({}),
-        _React$useState2 = _slicedToArray(_React$useState, 1),
-        handle = _React$useState2[0];
-
-  const _React$useState3 = _react.default.useState(true),
-        _React$useState4 = _slicedToArray(_React$useState3, 2),
-        initializing = _React$useState4[0],
-        setInitializing = _React$useState4[1];
+  const [handle] = _react.default.useState({});
+
+  const [initializing, setInitializing] = _react.default.useState(true);
 
   _react.default.useEffect(() => {
     handle.api = api();

package/dist/components/menu/MenuLink.js

@@ -23,9 +23,13 @@ var _reactRedux = require("react-redux");
 
 var _DashboardStore = require("../../redux/store/DashboardStore");
 
+var _Icon = _interopRequireDefault(require("../Icon"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 const MenuLink = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  var _props$config;
+
   const dispatch = (0, _reactRedux.useDispatch)();
 
   _react.default.useEffect(() => {
@@ -35,7 +39,13 @@ const MenuLink = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
       _Observable.default.addSubscriptions(parsedConfig.eventHandlingConfig, handle, props.viewId);
 
       if (props.autoClick) {
-        dispatch(_DashboardStore.actionCreators.setActiveRoute(props.name));
+        if (!_Utils.default.isNull(props.clickCallback)) {
+          props.clickCallback({
+            id: props.id,
+            name: props.name
+          });
+        }
+
         let event = new _Event.default(handle, props.viewId);
 
         _Observable.default.fireEvent(_EventType.default.CLICK, event);
@@ -45,13 +55,15 @@ const MenuLink = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
 
   const handleClick = e => {
     e.preventDefault();
-    dispatch(_DashboardStore.actionCreators.setActiveRoute(props.name));
     let event = new _Event.default(handle, props.viewId);
 
     _Observable.default.fireEvent(_EventType.default.CLICK, event);
 
     if (!_Utils.default.isNull(props.clickCallback)) {
-      props.clickCallback();
+      props.clickCallback({
+        id: props.id,
+        name: props.name
+      });
     }
   };
 
@@ -63,24 +75,21 @@ const MenuLink = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
 
   };
   const handle = {
-    "api": api
+    'api': api
   };
   return /*#__PURE__*/_react.default.createElement("a", {
     onClick: e => handleClick(e),
     ref: ref,
     style: {
       color: 'inherit',
-      marginLeft: (props.level + 1) * 8 + 'px'
-    }
-  }, props.icon !== undefined ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("i", {
-    className: props.icon,
-    style: {
-      width: '28px',
-      color: props.color
+      marginLeft: (props.level + 1) * props.tab + 'px',
+      backgroundColor: props.backgroundColor
     }
-  }), " ", props.name, " ") : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
+  }, ((_props$config = props.config) === null || _props$config === void 0 ? void 0 : _props$config.icon) !== undefined ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    id: props.config.icon
+  }), ' ', props.name, ' ') : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
     className: "sidebar-normal"
-  }, " ", props.name, " "), " "), " ");
+  }, ' ', props.name, ' '), ' '), ' ');
 });
 
 var _default = MenuLink;

package/dist/components/navbars/AuthNavbar.js

@@ -41,25 +41,10 @@ var _authNavbarStyle = _interopRequireDefault(require("../../assets/jss/componen
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 const useStyles = (0, _styles.makeStyles)(_authNavbarStyle.default);
 
 function AuthNavbar(props) {
-  const _React$useState = _react.default.useState(false),
-        _React$useState2 = _slicedToArray(_React$useState, 2),
-        open = _React$useState2[0],
-        setOpen = _React$useState2[1];
+  const [open, setOpen] = _react.default.useState(false);
 
   const handleDrawerToggle = () => {
     setOpen(!open);
@@ -71,8 +56,10 @@ function AuthNavbar(props) {
   };
 
   const classes = useStyles();
-  const color = props.color,
-        brandText = props.brandText;
+  const {
+    color,
+    brandText
+  } = props;
   const appBarClasses = (0, _classnames.default)({
     [" " + classes[color]]: color
   });

package/dist/components/navbars/HomeNavbar.js

@@ -11,7 +11,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _reactstrap = require("reactstrap");
 
-var _reactRouterDom = require("react-router-dom");
+var _WithRouter = _interopRequireDefault(require("../../WithRouter"));
 
 var _reactRedux = require("react-redux");
 
@@ -155,7 +155,7 @@ class HomeNavbar extends _react.default.Component {
       },
       href: "#pablo",
       onClick: e => e.preventDefault()
-    }, " ", this.props.activeRouteMenu ? this.props.activeRouteMenu : "Dashboard" // this.props.activeRouteMenu
+    }, " ", this.props.activeRouteMenu ? this.props.activeRouteMenu.name : "Dashboard" // this.props.activeRouteMenu
     , " "), " "), " ", /*#__PURE__*/_react.default.createElement("button", {
       className: "navbar-toggler",
       type: "button",
@@ -224,9 +224,7 @@ class HomeNavbar extends _react.default.Component {
       }
     })), " ", /*#__PURE__*/_react.default.createElement("b", {
       className: "caret d-none d-lg-block d-xl-block"
-    }), /*#__PURE__*/_react.default.createElement("p", {
-      className: "d-lg-none"
-    }, " Log out "), " "), " ", /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownMenu, {
+    })), " ", /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownMenu, {
       className: "dropdown-navbar",
       right: true,
       tag: "ul"
@@ -234,7 +232,7 @@ class HomeNavbar extends _react.default.Component {
       tag: "li"
     }, /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownItem, {
       className: "nav-item",
-      onClick: () => this.launchView('system/user-profile.json')
+      onClick: () => this.launchView('/system/views/user-profile.json')
     }, " ", "Profile", " "), " "), " ", /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownItem, {
       divider: true,
       tag: "li"
@@ -268,6 +266,6 @@ class HomeNavbar extends _react.default.Component {
 
 }
 
-var _default = (0, _reactRouterDom.withRouter)((0, _reactRedux.connect)(propHandler, dispatch => (0, _redux.bindActionCreators)(_DashboardStore.actionCreators, dispatch))(HomeNavbar));
+var _default = (0, _WithRouter.default)((0, _reactRedux.connect)(propHandler, dispatch => (0, _redux.bindActionCreators)(_DashboardStore.actionCreators, dispatch))(HomeNavbar));
 
 exports.default = _default;

package/dist/components/navbars/PortalNavbar.js

@@ -21,28 +21,16 @@ var _reactstrap = require("reactstrap");
 
 var _ActionHandlers = _interopRequireDefault(require("../../event/ActionHandlers"));
 
-var _ApplicationContext = _interopRequireWildcard(require("./../../ApplicationContext"));
+var _ApplicationManager = _interopRequireWildcard(require("../../ApplicationManager"));
 
 var _Utils = _interopRequireDefault(require("../../Utils"));
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
 
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 const useStyles = (0, _styles.makeStyles)(theme => ({
   iconButtonLabel: {
     display: 'flex',
@@ -53,15 +41,9 @@ const useStyles = (0, _styles.makeStyles)(theme => ({
 const PortalNavbar = /*#__PURE__*/_react.default.memo(props => {
   const classes = useStyles();
 
-  const _React$useState = _react.default.useState(props.avatar),
-        _React$useState2 = _slicedToArray(_React$useState, 2),
-        avatarUrl = _React$useState2[0],
-        setAvatarUrl = _React$useState2[1];
+  const [avatarUrl, setAvatarUrl] = _react.default.useState(props.avatar);
 
-  const _React$useState3 = _react.default.useState(props.moduleMenus ? props.moduleMenus[0].id : null),
-        _React$useState4 = _slicedToArray(_React$useState3, 2),
-        selectedButton = _React$useState4[0],
-        setSelectedButton = _React$useState4[1];
+  const [selectedButton, setSelectedButton] = _react.default.useState(props.moduleMenus ? props.moduleMenus[0].id : null);
 
   const initializing = _react.default.useRef(true);
 
@@ -70,13 +52,13 @@ const PortalNavbar = /*#__PURE__*/_react.default.memo(props => {
   _react.default.useEffect(() => {
     if (initializing.current) {
       let avatarListener = {};
-      avatarListener.type = _ApplicationContext.AVATAR_LISTENER_TYPE;
+      avatarListener.type = _ApplicationManager.AVATAR_LISTENER_TYPE;
 
       avatarListener.handler = avatar => {
         setAvatarUrl(avatar.url);
       };
 
-      _ApplicationContext.default.addApplicationListener(avatarListener);
+      _ApplicationManager.default.addApplicationListener(avatarListener);
 
       initializing.current = false;
     }
@@ -209,7 +191,7 @@ const PortalNavbar = /*#__PURE__*/_react.default.memo(props => {
     tag: "li"
   }, /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownItem, {
     className: "nav-item",
-    onClick: () => launchView('system/user-profile.json')
+    onClick: () => launchView('system/views/user-profile.json')
   }, " ", "Profile", " "), " "), " ", /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownItem, {
     divider: true,
     tag: "li"