@agilemotion/oui-react-js 1.3.0 → 1.3.2

package/dist/ApplicationContext.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.TEMPLATE_TOKEN_REGEX = exports.SYSTEM_EVENT = exports.AVATAR_LISTENER_TYPE = exports.APP_VARIABLE = void 0;
+exports.default = exports.LEGEND_ARROW_ICON = exports.TEMPLATE_TOKEN_REGEX = exports.SYSTEM_EVENT = exports.AVATAR_LISTENER_TYPE = exports.APP_VARIABLE = void 0;
 
 var _Observable = _interopRequireDefault(require("./event/Observable"));
 
@@ -41,6 +41,8 @@ const SYSTEM_EVENT = 'SYSTEM_EVENT';
 exports.SYSTEM_EVENT = SYSTEM_EVENT;
 const TEMPLATE_TOKEN_REGEX = new RegExp('(([$]{1}[{]{1})(([a-zA-Z0-9_$.@#{}[\\]]*)+){1}([}]{1}))+', 'g');
 exports.TEMPLATE_TOKEN_REGEX = TEMPLATE_TOKEN_REGEX;
+const LEGEND_ARROW_ICON = " <i class=\"fa fa-arrow-right fa-xs\" aria-hidden=\"true\" style='color:__COLOR__'></i> ";
+exports.LEGEND_ARROW_ICON = LEGEND_ARROW_ICON;
 
 class ApplicationContext {
   constructor() {
@@ -70,16 +72,16 @@ class ApplicationContext {
 
     _defineProperty(this, "updateAppBarTitle", (viewId, title) => {
       let view = this.getView(viewId);
+      let legendIconArrow = LEGEND_ARROW_ICON.replace('__COLOR__', this.props.secondaryColor);
+      let titleValue = '';
 
-      if (!view.popUp) {
-        let titleValue = '';
-
-        if (!title.match(_DynamicJS.TEMPLATE_REGEX)) {
-          titleValue = title;
-        } else {
-          titleValue = _DynamicJS.default.executeScript(viewId + 'Title', title, viewId);
-        }
+      if (!title.match(_DynamicJS.TEMPLATE_REGEX)) {
+        titleValue = title;
+      } else {
+        titleValue = _DynamicJS.default.executeScript(viewId + 'Title', title, viewId);
+      }
 
+      if (!view.popUp && this.graphs.length === 0) {
         var _iterator = _createForOfIteratorHelper(this.navHistory),
             _step;
 
@@ -109,7 +111,7 @@ class ApplicationContext {
             legendValue += "".concat(navHistoryElement.title);
 
             if (counter++ < this.navHistory.length - 1) {
-              legendValue += " <i class=\"fa fa-arrow-right fa-xs\" aria-hidden=\"true\" style='color:".concat(this.props.secondaryColor, "'></i> ");
+              legendValue += legendIconArrow;
             }
           }
         } catch (err) {
@@ -120,9 +122,31 @@ class ApplicationContext {
 
         legendValue += "</span>";
         this.props.appBarTitle = legendValue;
-        let property = {};
-        property.name = 'title';
-        property.value = legendValue;
+      } else if (!view.popUp) {
+        let legendPath = "";
+
+        for (let i = 0; i < this.graphs[0].initialNavHistoryDepth; i++) {
+          legendPath += "".concat(this.navHistory[i].title);
+
+          if (i < this.graphs[0].initialNavHistoryDepth - 1) {
+            legendPath += legendIconArrow;
+          }
+        }
+
+        this.props.appBarTitle = "".concat(legendPath).concat(legendIconArrow, "<span>").concat(this.graphs[0].title, "</span>");
+        this.graphs[0].setCurrentNodeTitle(titleValue);
+      }
+
+      let property = {};
+      property.name = 'title';
+      property.value = this.props.appBarTitle;
+      let event = new _Event.default(this, SYSTEM_EVENT, property);
+
+      _Observable.default.fireEvent(_EventType.default.APPLICATION_CONTEXT_CHANGE, event);
+
+      if (!view.popUp && this.graphs.length > 0) {
+        property = {};
+        property.name = 'stepperTitle';
         let event = new _Event.default(this, SYSTEM_EVENT, property);
 
         _Observable.default.fireEvent(_EventType.default.APPLICATION_CONTEXT_CHANGE, event);
@@ -343,7 +367,7 @@ class ApplicationContext {
 
       let currentView = this.views[this.views.length - 1];
 
-      if (!_Utils.default.isNull(currentView) && !_Utils.default.isNull(currentView.handle)) {
+      if (!_Utils.default.isNull(currentView) && !_Utils.default.isNull(currentView.handle) && !_Utils.default.isNull(currentView.handle.api)) {
         if (id === currentView.handle.api.id) {
           return currentView.handle.api;
         }
@@ -420,7 +444,38 @@ class ApplicationContext {
       let idToken = tokens[0];
 
       if (isComponent) {
-        return this.resolveComponentApi(expresionContent);
+        let value = this.resolveComponentApi(expresionContent);
+        let index = expression.indexOf('}.');
+
+        if (index > 0) {
+          let propertyChain = expression.substring(index + 2);
+          let props = propertyChain.split(".");
+
+          var _iterator11 = _createForOfIteratorHelper(props),
+              _step11;
+
+          try {
+            for (_iterator11.s(); !(_step11 = _iterator11.n()).done;) {
+              const prop = _step11.value;
+
+              if (_Utils.default.isNull(value)) {
+                return null;
+              }
+
+              value = value[prop];
+
+              if (typeof value === 'function') {
+                value = value();
+              }
+            }
+          } catch (err) {
+            _iterator11.e(err);
+          } finally {
+            _iterator11.f();
+          }
+        }
+
+        return value;
       } else if (isLib) {
         if (idToken === 'view') {
           idToken = this.getCurrentView().config.id + '_lib';
@@ -548,6 +603,14 @@ class ApplicationContext {
 
         closeCurrentView() {
           instance.closeCurrentView();
+        },
+
+        refreshUserAvatar(avatar) {
+          instance.refreshUserAvatar(avatar);
+        },
+
+        alert(message, messageType) {
+          instance.alert(message, messageType);
         }
 
       };
@@ -569,7 +632,7 @@ class ApplicationContext {
   }
 
   getBaseApiUrl() {
-    return this.props.baseApiUrl;
+    return this.props.contextRoot + this.props.baseApiUrl;
   }
 
   setServiceApiPath(serviceApiPath) {
@@ -584,6 +647,14 @@ class ApplicationContext {
     this.props.uiConfigPath = uiConfigPath;
   }
 
+  setContextRoot(contextRoot) {
+    this.props.contextRoot = contextRoot;
+  }
+
+  getContextRoot() {
+    return this.props.contextRoot;
+  }
+
   getUIConfigPath() {
     return this.props.uiConfigPath;
   }
@@ -600,22 +671,31 @@ class ApplicationContext {
     this.listeners.push(listener);
   }
 
+  alert(message, messageType) {
+    let event = new _Event.default(this, this.getCurrentView().config.id, {
+      messageType: messageType,
+      message: message
+    });
+
+    _Observable.default.fireEvent(_EventType.default.MESSAGE_ARRIVED, event);
+  }
+
   refreshUserAvatar(avatar) {
-    var _iterator11 = _createForOfIteratorHelper(this.listeners),
-        _step11;
+    var _iterator12 = _createForOfIteratorHelper(this.listeners),
+        _step12;
 
     try {
-      for (_iterator11.s(); !(_step11 = _iterator11.n()).done;) {
-        const listener = _step11.value;
+      for (_iterator12.s(); !(_step12 = _iterator12.n()).done;) {
+        const listener = _step12.value;
 
         if (listener.type === AVATAR_LISTENER_TYPE) {
           listener.handler(avatar);
         }
       }
     } catch (err) {
-      _iterator11.e(err);
+      _iterator12.e(err);
     } finally {
-      _iterator11.f();
+      _iterator12.f();
     }
   }
 
@@ -641,47 +721,80 @@ class ApplicationContext {
    */
 
 
+  loadAnchor(graph) {
+    this.navHistory.splice(graph.initialNavHistoryDepth - 1, this.navHistory.length);
+    this.addView(graph.anchorView, graph.anchorHistoryElement.path, true);
+    this.getViewPortHistory().push("/switch");
+    this.getViewPortHistory().push("/view/" + graph.anchorView.config.id);
+  }
+
   removeLoadedGraph() {
-    this.closeCurrentView(false);
-    this.graphs.splice(0, this.graphs.length);
+    if (this.graphs.length > 0) {
+      this.closeCurrentView(false);
+      let graph = this.graphs[this.graphs.length - 1];
+      this.loadAnchor(graph);
+      this.graphs.splice(0, this.graphs.length);
+    }
   }
 
-  loadGraph(isParent, isPopup, config) {
+  loadGraph(isParent, isPopup, config, parameterValues) {
     if (isParent && !isPopup) {
       this.navHistory.splice(0, this.navHistory.length);
 
-      var _iterator12 = _createForOfIteratorHelper(this.views),
-          _step12;
+      var _iterator13 = _createForOfIteratorHelper(this.views),
+          _step13;
 
       try {
-        for (_iterator12.s(); !(_step12 = _iterator12.n()).done;) {
-          const contextView = _step12.value;
+        for (_iterator13.s(); !(_step13 = _iterator13.n()).done;) {
+          const contextView = _step13.value;
           this.closeView(contextView.handle.api.id, false);
         }
       } catch (err) {
-        _iterator12.e(err);
+        _iterator13.e(err);
       } finally {
-        _iterator12.f();
+        _iterator13.f();
       }
 
       this.getViewPortHistory().push("/switch");
     }
 
     let graph = new _Graph.default(_Utils.default.parseConfig(config));
+    graph.initialNavHistoryDepth = this.navHistory.length;
+
+    if (this.navHistory.length > 0) {
+      graph.anchorView = this.getCurrentView();
+      graph.anchorHistoryElement = this.navHistory[this.navHistory.length - 1];
+    }
+
     graph.init();
+
+    var _iterator14 = _createForOfIteratorHelper(parameterValues),
+        _step14;
+
+    try {
+      for (_iterator14.s(); !(_step14 = _iterator14.n()).done;) {
+        const parameterValue = _step14.value;
+        graph.model[parameterValue.name] = parameterValue.value;
+      }
+    } catch (err) {
+      _iterator14.e(err);
+    } finally {
+      _iterator14.f();
+    }
+
     this.graphs.push(graph);
   }
 
   signalGraph(id, event) {
     if (this.graphs.length > 0) {
-      let graphToSignal = this.graphs[0];
+      let graphToSignal = this.graphs[this.graphs.length - 1];
 
-      var _iterator13 = _createForOfIteratorHelper(this.graphs),
-          _step13;
+      var _iterator15 = _createForOfIteratorHelper(this.graphs),
+          _step15;
 
       try {
-        for (_iterator13.s(); !(_step13 = _iterator13.n()).done;) {
-          const graph = _step13.value;
+        for (_iterator15.s(); !(_step15 = _iterator15.n()).done;) {
+          const graph = _step15.value;
 
           if (id === graph.id) {
             graphToSignal = graph;
@@ -689,9 +802,9 @@ class ApplicationContext {
           }
         }
       } catch (err) {
-        _iterator13.e(err);
+        _iterator15.e(err);
       } finally {
-        _iterator13.f();
+        _iterator15.f();
       }
 
       graphToSignal.signal(event);

package/dist/BasicApp.js

@@ -66,34 +66,41 @@ class BasicApp extends _react.Component {
     }), /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
       path: "/login",
       render: props => /*#__PURE__*/_react.default.createElement(_LoginBasic.default, {
-        url: location + this.props.authUrl + "/login",
+        url: location + this.props.contextRoot + this.props.authUrl + "/login",
         background: 'rgba(0, 0, 0, 0.65)',
-        title: 'Business Agility',
-        logo: this.props.logoUrl
+        textColor: this.props.loginTextColor,
+        footerLogo: this.props.footerLogo,
+        footerText: this.props.footerText,
+        footerWidth: this.props.footerWidth,
+        footerSplitterColor: this.props.footerSplitterColor,
+        title: this.props.loginTitle,
+        logo: this.props.logo
       })
     }), /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
       path: "/forgot-password",
       render: () => /*#__PURE__*/_react.default.createElement(_ForgotPasswordBasic.default, {
-        url: location + this.props.authUrl + "/password/forgot",
+        url: location + this.props.contextRoot + this.props.authUrl + "/password/forgot",
         background: 'rgba(0, 0, 0, 0.65)',
         title: 'Business Agility',
-        logo: this.props.logoUrl
+        logo: this.props.logo
       })
     }), /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
       path: "/reset-password",
       render: () => /*#__PURE__*/_react.default.createElement(_ResetPasswordBasic.default, {
-        url: location + this.props.authUrl + "/password/confirmForgot",
+        url: location + this.props.contextRoot + this.props.authUrl + "/password/confirmForgot",
         background: 'rgba(0, 0, 0, 0.65)',
+        textColor: this.props.loginTextColor,
         title: 'Business Agility',
-        logo: this.props.logoUrl
+        logo: this.props.logo
       })
     }), /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
       path: "/change-password",
       render: () => /*#__PURE__*/_react.default.createElement(_ChangePasswordBasic.default, {
-        url: location + this.props.authUrl + "/password/challenge",
+        url: location + this.props.contextRoot + this.props.authUrl + "/password/challenge",
         background: 'rgba(0, 0, 0, 0.65)',
+        textColor: this.props.loginTextColor,
         title: 'Business Agility',
-        logo: this.props.logoUrl
+        logo: this.props.logo
       })
     }), /*#__PURE__*/_react.default.createElement(_reactRouterDom.Redirect, {
       to: "/home"

package/dist/BasicAppHome.js

@@ -17,7 +17,7 @@ var _DashboardStore = require("./redux/store/DashboardStore");
 
 var _LoadingIndicator = _interopRequireDefault(require("./components/LoadingIndicator"));
 
-var _BasicBusinessApp = _interopRequireDefault(require("./components/dashboard/BasicBusinessApp"));
+var _BasicBusinessAppDashboard = _interopRequireDefault(require("./components/dashboard/BasicBusinessAppDashboard"));
 
 var _ApplicationContext = _interopRequireWildcard(require("./ApplicationContext"));
 
@@ -66,11 +66,13 @@ class BasicAppHome extends _react.Component {
 
     _ApplicationContext.default.setUIConfigPath(this.props.uiConfigPath);
 
+    _ApplicationContext.default.setContextRoot(this.props.contextRoot);
+
     _ApplicationContext.default.setBaseApiUrl(this.props.baseApiUrl);
 
     _ApplicationContext.default.setFilesApiPath(this.props.filesApiPath);
 
-    this.props.getDashboardSettings(location + this.props.baseApiUrl + "/ui/setup");
+    this.props.getDashboardSettings(location + this.props.contextRoot + this.props.baseApiUrl + "/ui/setup");
   }
 
   componentDidUpdate(prevProps) {
@@ -80,7 +82,7 @@ class BasicAppHome extends _react.Component {
       });
 
       if (!this.state.tokenRefreshMonitorStarted && !_Utils.default.isNull(this.props.dashboardSettings)) {
-        _TokenManager.default.startTokenRefreshMonitor(location + this.props.authUrl + "/refresh", this.props.dashboardSettings.userName);
+        _TokenManager.default.startTokenRefreshMonitor(location + this.props.contextRoot + this.props.authUrl + "/refresh", this.props.dashboardSettings.userName);
 
         this.setState({
           tokenRefreshMonitorStarted: true
@@ -145,7 +147,7 @@ class BasicAppHome extends _react.Component {
           }
         }
       })
-    }, /*#__PURE__*/_react.default.createElement(_BasicBusinessApp.default, {
+    }, /*#__PURE__*/_react.default.createElement(_BasicBusinessAppDashboard.default, {
       logoutCallBack: () => {
         this.logout();
       },

package/dist/BusinessPortalApp.css

@@ -0,0 +1,37 @@
+.App {
+  text-align: center;
+}
+
+.App-logo {
+  animation: App-logo-spin infinite 20s linear;
+  height: 80px;
+}
+
+.App-header {
+  background-color: #f1f1f1;
+  height: 150px;
+  padding: 20px;
+  color: white;
+}
+
+.App-intro {
+  font-size: large;
+}
+
+@keyframes App-logo-spin {
+  from { transform: rotate(0deg); }
+  to { transform: rotate(360deg); }
+}
+
+#pdf-frame {
+  display: none;
+  align-items: stretch;
+  position: absolute;
+  width: 100%;
+  height: 100%
+}
+
+#root {
+  height: 100%;
+  background-color: #ffffff;
+}

package/dist/BusinessPortalApp.js

@@ -0,0 +1,115 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+require("./BusinessPortalApp.css");
+
+var _themeDefault = _interopRequireDefault(require("./theme-default"));
+
+var _MuiThemeProvider = _interopRequireDefault(require("material-ui/styles/MuiThemeProvider"));
+
+var _reactRouterDom = require("react-router-dom");
+
+var _LoginBusinessPortal = _interopRequireDefault(require("./view/security/LoginBusinessPortal"));
+
+var _ForgotPasswordBasic = _interopRequireDefault(require("./view/security/ForgotPasswordBasic"));
+
+var _ResetPasswordBasic = _interopRequireDefault(require("./view/security/ResetPasswordBasic"));
+
+var _ChangePasswordBasic = _interopRequireDefault(require("./view/security/ChangePasswordBasic"));
+
+var _core = require("@material-ui/core");
+
+var _ThemeProvider = _interopRequireDefault(require("@material-ui/styles/ThemeProvider"));
+
+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 _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; }
+
+const location = window.location.protocol + "//" + window.location.hostname;
+const agilityTheme = (0, _core.createMuiTheme)({
+  palette: {
+    primary: {
+      main: '#015588'
+    },
+    secondary: {
+      main: '#000099'
+    },
+    white: {
+      main: '#ffffff'
+    }
+  }
+});
+
+class BusinessPortalApp extends _react.Component {
+  render() {
+    return /*#__PURE__*/_react.default.createElement(_reactRouterDom.BrowserRouter, {
+      basename: "/"
+    }, /*#__PURE__*/_react.default.createElement(_MuiThemeProvider.default, {
+      muiTheme: _themeDefault.default
+    }, /*#__PURE__*/_react.default.createElement(_ThemeProvider.default, {
+      theme: agilityTheme
+    }, /*#__PURE__*/_react.default.createElement(_reactRouterDom.Switch, null, /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
+      path: "/",
+      exact: true,
+      component: this.props.home
+    }), /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
+      path: "/home",
+      component: this.props.home
+    }), /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
+      path: "/login",
+      render: props => /*#__PURE__*/_react.default.createElement(_LoginBusinessPortal.default, {
+        url: location + this.props.contextRoot + this.props.authUrl + "/login",
+        background: '#fafafa',
+        textColor: this.props.loginTextColor,
+        footerLogo: this.props.footerLogo,
+        footerText: this.props.footerText,
+        footerWidth: this.props.footerWidth,
+        footerSplitterColor: this.props.footerSplitterColor,
+        title: this.props.loginTitle,
+        logo: this.props.logo
+      })
+    }), /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
+      path: "/forgot-password",
+      render: () => /*#__PURE__*/_react.default.createElement(_ForgotPasswordBasic.default, {
+        url: location + this.props.contextRoot + this.props.authUrl + "/password/forgot",
+        background: '#fafafa',
+        textColor: this.props.loginTextColor,
+        title: this.props.loginTitle,
+        logo: this.props.logo
+      })
+    }), /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
+      path: "/reset-password",
+      render: () => /*#__PURE__*/_react.default.createElement(_ResetPasswordBasic.default, {
+        url: location + this.props.contextRoot + this.props.authUrl + "/password/confirmForgot",
+        background: '#fafafa',
+        textColor: this.props.loginTextColor,
+        title: this.props.loginTitle,
+        logo: this.props.logo
+      })
+    }), /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
+      path: "/change-password",
+      render: () => /*#__PURE__*/_react.default.createElement(_ChangePasswordBasic.default, {
+        url: location + this.props.contextRoot + this.props.authUrl + "/password/challenge",
+        background: '#fafafa',
+        textColor: this.props.loginTextColor,
+        title: this.props.loginTitle,
+        logo: this.props.logo
+      })
+    }), /*#__PURE__*/_react.default.createElement(_reactRouterDom.Redirect, {
+      to: "/home"
+    })))));
+  }
+
+}
+
+var _default = (0, _reactRouterDom.withRouter)(BusinessPortalApp);
+
+exports.default = _default;