@agilemotion/oui-react-js 1.8.29 → 1.8.31

package/dist/ApplicationManager.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.TEMPLATE_TOKEN_REGEX = exports.SYSTEM_EVENT = exports.LEGEND_ARROW_ICON = exports.AVATAR_LISTENER_TYPE = exports.APP_VARIABLE = void 0;
+exports.default = exports.TEMPLATE_TOKEN_REGEX = exports.SYSTEM_EVENT = exports.SOCKET_VARIABLE = exports.LEGEND_ARROW_ICON = exports.AVATAR_LISTENER_TYPE = exports.APP_VARIABLE = void 0;
 var _Observable = _interopRequireDefault(require("./event/Observable"));
 var _Event = _interopRequireDefault(require("./event/Event"));
 var _EventType = _interopRequireDefault(require("./event/EventType"));
@@ -11,10 +11,13 @@ var _Graph = _interopRequireDefault(require("./components/Graph"));
 var _Utils = _interopRequireDefault(require("./Utils"));
 var _DynamicJS = _interopRequireWildcard(require("./DynamicJS"));
 var _TypedValue = _interopRequireDefault(require("./TypedValue"));
+var _SocketManager = _interopRequireDefault(require("./components/SocketManager"));
+var _ViewContext = require("./ViewContext");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const APP_VARIABLE = exports.APP_VARIABLE = '__APPLICATION_OUI_SYS_VAR__';
+const SOCKET_VARIABLE = exports.SOCKET_VARIABLE = '__SOCKET_VARIABLE_OUI_SYS_VAR__';
 const AVATAR_LISTENER_TYPE = exports.AVATAR_LISTENER_TYPE = 'AVATAR_LISTENER';
 const SYSTEM_EVENT = exports.SYSTEM_EVENT = 'SYSTEM_EVENT';
 const TEMPLATE_TOKEN_REGEX = exports.TEMPLATE_TOKEN_REGEX = new RegExp('(([$]{1}[{]{1})(([a-zA-Z0-9_$.@#{}[\\]]*)+){1}([}]{1}))+', 'g');
@@ -23,14 +26,16 @@ const applicationContext = {};
 class ApplicationManager {
   constructor() {
     if (!ApplicationManager.instance) {
-      this.views = [];
-      this.dashboardViews = [];
+      this.viewContext = {
+        main: new _ViewContext.ViewContext('main'),
+        window: new _ViewContext.ViewContext('window'),
+        dashboard: new _ViewContext.ViewContext('dashboard'),
+        popup: new _ViewContext.ViewContext('popup')
+      };
       this.props = {};
       this.listeners = [];
       this.libs = {};
-      this.navHistory = [];
       this.fileCache = [];
-      this.graphs = [];
       this.api = {
         get id() {
           return instance.getId();
@@ -41,8 +46,11 @@ class ApplicationManager {
         alert(viewId, message, messageType) {
           instance.alert(viewId, message, messageType);
         },
-        removeLoadedGraph(routeToAnchor) {
-          instance.removeLoadedGraph(routeToAnchor);
+        removeLoadedGraph(viewContext) {
+          instance.removeLoadedGraph(viewContext);
+        },
+        setHasActiveMeeting(hasActiveMeeting) {
+          instance.setHasActiveMeeting(hasActiveMeeting);
         },
         hasActiveMeeting() {
           return instance.hasActiveMeeting();
@@ -56,6 +64,12 @@ class ApplicationManager {
         fireEvent(eventType, event) {
           return _Observable.default.fireEvent(eventType, new _Event.default(event.source, event.viewId, event.data));
         },
+        updateContext(values) {
+          return instance.updateContext(values);
+        },
+        emitSocketEvent(eventType, data) {
+          return _SocketManager.default.emitEvent(eventType, data);
+        },
         setActiveTenant(tenant) {
           instance.setActiveTenant(tenant);
         },
@@ -178,6 +192,16 @@ class ApplicationManager {
       }
     });
   }
+  openPopupView(view) {
+    this.props.confirmationDialogController.openPopupView(view);
+  }
+  openWindowView(view) {
+    _Observable.default.emitContextChangeEvent(applicationContext, {
+      windowView: view
+    });
+    applicationContext.windowView = view;
+  }
+
   /**
    * registers a library
    *
@@ -206,15 +230,6 @@ class ApplicationManager {
     return this.props.applicationHistory;
   };
 
-  /**
-   * get app bar title
-   *
-   * @returns app bar title
-   */
-  getAppBarTitle = () => {
-    return this.props.appBarTitle;
-  };
-
   /**
    * update appbar title
    *
@@ -222,74 +237,9 @@ class ApplicationManager {
    * @param title
    */
   updateAppBarTitle = (viewId, title) => {
-    let view = this.getView(viewId);
-    if (!view) {
-      return;
-    }
-    let legendIconArrow = LEGEND_ARROW_ICON.replace('__COLOR__', this.props.secondaryColor);
-    let titleValue = '';
-    if (!title.match(_DynamicJS.TEMPLATE_REGEX)) {
-      titleValue = title;
-    } else {
-      titleValue = _DynamicJS.default.executeScript(viewId + 'Title', title, viewId);
-    }
-    if (!view.popUp && this.graphs.length === 0) {
-      for (const navHistoryElement of this.navHistory) {
-        if (navHistoryElement.viewId === viewId) {
-          navHistoryElement.title = titleValue;
-        }
-      }
-      let legendValue = '<span>';
-      let counter = 0;
-      for (const navHistoryElement of this.navHistory) {
-        legendValue += `${navHistoryElement.title}`;
-        if (counter++ < this.navHistory.length - 1) {
-          legendValue += legendIconArrow;
-        }
-      }
-      legendValue += '</span>';
-      this.props.appBarTitle = legendValue;
-    } else if (!view.popUp) {
-      let legendPath = '';
-      for (let i = 0; i < this.graphs[0].initialNavHistoryDepth && i < this.navHistory.length; i++) {
-        legendPath += `${this.navHistory[i].title}`;
-        if (i < this.graphs[0].initialNavHistoryDepth - 1) {
-          legendPath += legendIconArrow;
-        }
-      }
-      legendPath = legendPath.length > 0 ? legendPath + legendIconArrow : '';
-      this.props.appBarTitle = this.graphs[0].initialNavHistoryDepth === 0 ? titleValue : `${legendPath}<span>${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);
-    }
-  };
-
-  /**
-   * set viewport history
-   *
-   * @param history
-   */
-  setViewPortHistory = history => {
-    this.props.viewPortHistory = history;
-  };
-
-  /**
-   * get viewport history
-   *
-   * @returns viewport history
-   */
-  getViewPortHistory = () => {
-    return this.props.viewPortHistory;
+    Object.keys(this.viewContext).forEach(key => {
+      this.viewContext[key].updateAppBarTitle(viewId, title);
+    });
   };
 
   /**
@@ -298,19 +248,11 @@ class ApplicationManager {
    */
   clear = () => {
     _Observable.default.clearAllEventListeners();
-    this.views.splice(0, this.views.length);
+    Object.keys(this.viewContext).forEach(key => {
+      this.viewContext[key].clear();
+    });
     this.fileCache.splice(0, this.fileCache.length);
   };
-
-  /**
-   *
-   */
-  getPreviousHistoryElement = () => {
-    if (this.navHistory.length > 1) {
-      return this.navHistory[this.navHistory.length - 2];
-    }
-    return null;
-  };
   getFileDomainCache = domain => {
     for (const fileCacheElement of this.fileCache) {
       if (fileCacheElement.domain === domain) {
@@ -365,7 +307,7 @@ class ApplicationManager {
    * @param forward
    */
   addDashboardView = (view, path) => {
-    this.dashboardViews.push(view);
+    this.viewContext.dashboard.addView(view);
   };
 
   /**
@@ -373,7 +315,7 @@ class ApplicationManager {
    *
    */
   clearDashboardViews = () => {
-    this.dashboardViews.splice(0, this.dashboardViews.length);
+    this.viewContext.dashboard.closeAllViews();
   };
 
   /**
@@ -382,70 +324,20 @@ class ApplicationManager {
    * @param view the listener to be added
    * @param path
    * @param forward
+   * @param managerId
    */
-  addView = (view, path, forward) => {
-    if (!view.popUp && !view.window) {
-      let topView = this.getTopAnchorView();
-      if (topView) {
-        this.closeView(topView?.config.id, forward);
-      }
-    } else {
-      if (view.popUp) {
-        this.props.confirmationDialogController.openPopupView(view);
-      }
-      if (view.window) {
-        let topView = this.getTopWindowView();
-        if (topView) {
-          this.closeView(topView?.config.id, forward);
-        }
-      }
-    }
-    if (view.parent) {
-      this.navHistory.splice(0, this.navHistory.length);
-      for (const contextView of this.views) {
-        let shouldClose = view.window && contextView.window || !view.window && !contextView.window;
-        if (!_Utils.default.isNull(contextView) && !_Utils.default.isNull(contextView.handle.api) && shouldClose) {
-          this.closeView(contextView.handle.api.id, forward);
-        }
-      }
-    }
-    if (forward || view.parent) {
-      let historyElement = {};
-      historyElement.viewId = view.config.id;
-      historyElement.parent = view.parent;
-      historyElement.graphId = view.graphId;
-      historyElement.path = path;
-      this.navHistory.push(historyElement);
-    }
-    this.views.push(view);
-    if (view.window) {
-      _Observable.default.emitContextChangeEvent(applicationContext, {
-        windowView: view
-      });
-      applicationContext.windowView = view;
-    }
-    let currentGraph = this.graphs.length > 0 ? this.graphs[this.graphs.length - 1] : null;
-    if (currentGraph) {
-      if (!view.window && view.parent && currentGraph.config.isWindow) {
-        currentGraph.anchorView = view;
-        currentGraph.anchorHistoryElement = this.navHistory[this.navHistory.length - 1];
-        currentGraph.initialNavHistoryDepth = 0;
-        //this.updateAppBarTitle(currentGraph.anchorView.config.id, currentGraph.anchorView.config.title);
-        this.updateContext({
-          windowDisplayState: 'PINNED'
-        });
-      }
-    }
+  addView = (view, path, forward, managerId) => {
+    this.viewContext[managerId].addView(view, path, forward);
   };
 
   /**
-   * closes the current view
+   * closes all views
    *
    */
   closeAllViews = () => {
-    for (const view of this.views) {
-      this.closeView(view.config.id, false);
-    }
+    Object.keys(this.viewContext).forEach(key => {
+      this.viewContext[key].closeAllViews();
+    });
     _Observable.default.emitContextChangeEvent(applicationContext, {
       windowView: null
     });
@@ -459,48 +351,17 @@ class ApplicationManager {
    * @param forward
    */
   closeView = (viewId, forward) => {
-    let view = this.getView(viewId);
-    if (view) {
-      if (!_Utils.default.isNull(view) && !_Utils.default.isNull(view.handle.api)) {
-        _Observable.default.clearEventListeners(viewId);
-        for (let i = 0; i < this.fileCache.length; i++) {
-          let cacheElement = this.fileCache[i];
-          if (cacheElement.domain === viewId) {
-            this.fileCache.slice(i, 1);
-            break;
-          }
-        }
-        let index = this.views.findIndex(v => v.handle.api.id === viewId);
-        if (index >= 0) {
-          this.views.splice(index, 1);
-          if (!view.popUp && !view.parent && !forward) {
-            let viewIndex = this.navHistory.findIndex(h => h.viewId === viewId);
-            if (viewIndex >= 0) {
-              this.navHistory.splice(viewIndex, 1);
-            }
-          } else if (view.popUp) {
-            this.props.confirmationDialogController.closePopupView();
-          }
-        }
-      }
-      let hasWindow = false;
-      for (const viewsElement of this.views) {
-        if (viewsElement.window) {
-          hasWindow = true;
+    for (const key of Object.keys(this.viewContext)) {
+      let viewContextElement = this.viewContext[key];
+      if (key === 'popup') {
+        this.props.confirmationDialogController.closePopupView();
+      } else {
+        const view = viewContextElement.getView();
+        if (view) {
+          viewContextElement.closeView(viewId, forward);
           break;
         }
       }
-      if (!hasWindow) {
-        _Observable.default.emitContextChangeEvent(applicationContext, {
-          windowView: null
-        });
-        applicationContext.windowView = null;
-      }
-      if (view.window) {
-        this.updateContext({
-          windowDisplayState: 'MAXIMIZED'
-        });
-      }
     }
   };
 
@@ -509,12 +370,13 @@ class ApplicationManager {
    *
    */
   getView = id => {
-    for (const view of this.views) {
-      if (id === view.config.id) {
+    for (const key of Object.keys(this.viewContext)) {
+      const view = this.viewContext[key].getView(id);
+      if (view) {
         return view;
       }
     }
-    return this.dashboardViews.find(v => v.config.id === id);
+    return null;
   };
   getViewComponent = (view, id) => {
     if (!_Utils.default.isNull(view) && !_Utils.default.isNull(view.handle) && !_Utils.default.isNull(view.handle.api)) {
@@ -539,21 +401,26 @@ class ApplicationManager {
     if (APP_VARIABLE === id) {
       return this.api;
     }
-    for (const graph of this.graphs) {
+    let graphs = [];
+    for (const key of Object.keys(this.viewContext)) {
+      let viewContext = this.viewContext[key];
+      for (const graph of viewContext.getGraphs()) {
+        graphs.push(graph);
+      }
+    }
+    for (const graph of graphs) {
       if (graph.id === id) {
         return graph;
       }
     }
-    for (const view of this.dashboardViews) {
-      let component = this.getViewComponent(view, id);
-      if (component) {
-        return component;
+    let views = [];
+    for (const key of Object.keys(this.viewContext)) {
+      let viewContext = this.viewContext[key];
+      for (const view of viewContext.getViews()) {
+        views.push(view);
       }
     }
-    if (this.views.length === 0) {
-      return this.getViewComponent(this.props.dashboardView, id);
-    }
-    for (const view of this.views) {
+    for (const view of views) {
       let component = this.getViewComponent(view, id);
       if (component) {
         return component;
@@ -781,106 +648,6 @@ class ApplicationManager {
   getId = () => {
     return 'applicationManager';
   };
-  loadAnchor(graph) {
-    alert('Loading anchor');
-    this.navHistory.splice(graph.initialNavHistoryDepth - 1, this.navHistory.length);
-    this.addView(graph.anchorView, graph.anchorHistoryElement.path, true);
-    //this.navigate('/view/unload');
-    this.navigate('/view/' + graph.anchorView.config.id);
-  }
-  removeLoadedGraph(routeBackToAnchor) {
-    if (this.graphs.length > 0) {
-      let graph = this.graphs[this.graphs.length - 1];
-      console.log("\n\n\n\n\nREMOVING GRAPH - VIEWS : ", this.views);
-      let graphViews = this.views.filter(view => view.graphId === graph.id);
-      console.log("REMOVING GRAPH - GRAPH VIEWS : ", graphViews);
-      for (const graphView of graphViews) {
-        this.closeView(graphView.config.id, false);
-      }
-
-      /*if(graph.config.isWindow) {
-          let graphWindowViews = [] = this.views.filter((v) => v.graphWindow);
-          for (const graphWindowView of graphWindowViews) {
-              this.closeView(graphWindowView);
-          }
-      } else {
-          let view = this.getTopAnchorView();
-          if (view) {
-              this.closeView(view.config.id, false);
-          }
-      }*/
-
-      if (!_Utils.default.isNull(graph.anchorHistoryElement) && routeBackToAnchor) {
-        this.loadAnchor(graph);
-      }
-      this.graphs.splice(0, this.graphs.length);
-      let graphHistory = this.navHistory.filter(view => view.graphId === graph.id);
-      for (const graphHistoryElement of graphHistory) {
-        this.navHistory.splice(this.navHistory.findIndex(e => e === graphHistoryElement), 1);
-      }
-      console.log("\n\n\n\nNAV HISTORY : ", this.navHistory);
-      if (!_Utils.default.isNull(graph.anchorHistoryElement)) {
-        this.updateAppBarTitle(graph.anchorView.config.id, graph.anchorView.config.title);
-      }
-      if (graph.config.isWindow) {
-        this.updateContext({
-          windowDisplayState: 'MAXIMIZED'
-        });
-      }
-    }
-  }
-  loadGraph(isParent, isPopup, isWindow, config, parameterValues) {
-    if (isParent && !isPopup && !isWindow) {
-      this.navHistory.splice(0, this.navHistory.length);
-      for (const contextView of this.views) {
-        this.closeView(contextView.handle.api.id, false);
-      }
-
-      /*this.getViewPortHistory()
-          .push('/switch');*/
-    }
-    config.isWindow = isWindow;
-    let graph = new _Graph.default(_Utils.default.parseConfig(config));
-    graph.initialNavHistoryDepth = this.navHistory.length;
-    if (this.navHistory.length > 0) {
-      graph.anchorView = this.getTopAnchorView(); //= this.getCurrentView();
-      graph.anchorHistoryElement = this.navHistory[this.navHistory.length - 1];
-    }
-    this.graphs.push(graph);
-    for (const parameterValue of parameterValues) {
-      graph.model[parameterValue.name] = parameterValue.value;
-    }
-    graph.init();
-  }
-  getTopAnchorView() {
-    for (let i = this.views.length - 1; i >= 0; i--) {
-      if (!this.views[i].window) {
-        return this.views[i];
-      }
-    }
-  }
-  getTopWindowView() {
-    for (let i = this.views.length - 1; i >= 0; i--) {
-      if (this.views[i].window) {
-        return this.views[i];
-      }
-    }
-  }
-  getTopView() {
-    return this.getTopWindowView() ? this.getTopWindowView() : this.getTopAnchorView();
-  }
-  signalGraph(id, event) {
-    if (this.graphs.length > 0) {
-      let graphToSignal = this.graphs[this.graphs.length - 1];
-      for (const graph of this.graphs) {
-        if (id === graph.id) {
-          graphToSignal = graph;
-          break;
-        }
-      }
-      graphToSignal.signal(event);
-    }
-  }
   enableFormMarkers(enabled) {
     this.props.formMarkersEnabled = enabled;
   }
@@ -896,6 +663,45 @@ class ApplicationManager {
   getUserDetails() {
     return this.props.userDetails;
   }
+  loadGraph(isParent, config, parameterValues, viewContext) {
+    this.viewContext[viewContext].loadGraph(isParent, config, parameterValues);
+  }
+  removeLoadedGraph(viewContext) {
+    let graph = this.viewContext[viewContext].removeLoadedGraph();
+    if (graph && graph.config.isWindow) {
+      _Observable.default.emitContextChangeEvent(applicationContext, {
+        windowView: null
+      });
+      applicationContext.windowView = null;
+    }
+  }
+  signalGraph(id, event) {
+    Object.keys(this.viewContext).forEach(key => {
+      this.viewContext[key].signalGraph(id, event);
+    });
+  }
+
+  /**
+   * viewContext
+   */
+  getPreviousHistoryElement = viewContext => {
+    return this.viewContext[viewContext].getPreviousHistoryElement();
+  };
+
+  /**
+   * viewContext
+   */
+  getCurrentGraph = viewContext => {
+    let graphs = this.viewContext[viewContext].graphs;
+    return graphs && graphs.length > 0 ? graphs[graphs.length - 1] : null;
+  };
+
+  /**
+   * viewContext
+   */
+  getTopView = viewContext => {
+    return this.viewContext[viewContext].getTopView();
+  };
 }
 const instance = new ApplicationManager();
 Object.freeze(instance);