@agilemotion/oui-react-js 1.8.26 → 1.8.27

package/dist/ApplicationManager.js

@@ -24,6 +24,7 @@ class ApplicationManager {
   constructor() {
     if (!ApplicationManager.instance) {
       this.views = [];
+      this.dashboardViews = [];
       this.props = {};
       this.listeners = [];
       this.libs = {};
@@ -355,6 +356,26 @@ class ApplicationManager {
       applicationContext[key] = values[key];
     });
   };
+
+  /**
+   * add view configuration
+   *
+   * @param view the listener to be added
+   * @param path
+   * @param forward
+   */
+  addDashboardView = (view, path) => {
+    this.dashboardViews.push(view);
+  };
+
+  /**
+   * clear dashboard view configuration
+   *
+   */
+  clearDashboardViews = () => {
+    this.dashboardViews.splice(0, this.dashboardViews.length);
+  };
+
   /**
    * add view configuration
    *
@@ -493,7 +514,7 @@ class ApplicationManager {
         return view;
       }
     }
-    return null;
+    return this.dashboardViews.find(v => v.config.id === id);
   };
   getViewComponent = (view, id) => {
     if (!_Utils.default.isNull(view) && !_Utils.default.isNull(view.handle) && !_Utils.default.isNull(view.handle.api)) {
@@ -523,6 +544,12 @@ class ApplicationManager {
         return graph;
       }
     }
+    for (const view of this.dashboardViews) {
+      let component = this.getViewComponent(view, id);
+      if (component) {
+        return component;
+      }
+    }
     if (this.views.length === 0) {
       return this.getViewComponent(this.props.dashboardView, id);
     }

package/dist/view/Dashboard.js

@@ -27,6 +27,7 @@ const location = window.location.protocol + '//' + window.location.hostname;
 const text = response => {
   return response.text();
 };
+let keyCounter = 0;
 const alertBarHandle = {};
 const DashboardCard = props => {
   const [path, setPath] = _react.default.useState(null);
@@ -39,7 +40,6 @@ const DashboardCard = props => {
   const [id, setId] = _react.default.useState(props.settings.id);
   const [content, setContent] = _react.default.useState(null);
   const [ref] = _react.default.useState(/*#__PURE__*/_react.default.createRef());
-  const keyCounter = (0, _react.useRef)(0);
   _react.default.useEffect(() => {
     const accessToken = sessionStorage.getItem('accessToken');
     const idToken = sessionStorage.getItem('idToken');
@@ -56,6 +56,7 @@ const DashboardCard = props => {
     if (path && displayType) {
       if (displayType === 'VIEW') {
         (0, _RestUtils.sendRequest)(path, data => {
+          data.id = data.id + "-" + keyCounter++;
           let dashboardView = {};
           let defaultModel = {};
           dashboardView.config = data;
@@ -73,9 +74,9 @@ const DashboardCard = props => {
               }
             }
           };
-          _ApplicationManager.default.addView(dashboardView, path, true);
+          _ApplicationManager.default.addDashboardView(dashboardView, path);
           let element = /*#__PURE__*/_react.default.createElement(_View.View, {
-            key: data.id + "-" + keyCounter.current++,
+            key: data.id,
             config: data,
             parameters: [],
             handle: dashboardView.handle
@@ -464,6 +465,9 @@ const Dashboard = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.f
     _ApplicationManager.default.setDashboardView({
       handle: handle
     });
+    return () => {
+      _ApplicationManager.default.clearDashboardViews();
+    };
   }, []);
   const addDashboardCard = item => {
     let path = item.eventHandlingConfig.subscriptions[0].actions[0].path;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agilemotion/oui-react-js",
-  "version": "1.8.26",
+  "version": "1.8.27",
   "files": [
     "dist"
   ],