@agilemotion/oui-react-js 1.8.56 → 1.8.57

package/dist/Utils.js

@@ -9,11 +9,27 @@ var _Event = _interopRequireDefault(require("./event/Event"));
 var _ApplicationManager = _interopRequireDefault(require("./ApplicationManager"));
 var _Observable = _interopRequireDefault(require("./event/Observable"));
 var _EventType = _interopRequireDefault(require("./event/EventType"));
+var _Utils;
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 const colors = ['#F44336', '#e91e63', '#9c27b0', '#673ab7', '#ff9800', '#ff5722', '#795548', '#607d8b', '#3f51b5', '#2196F3', '#00bcd4', '#009688', '#2196F3', '#32c787', '#00BCD4', '#ff5652', '#ffc107', '#ff85af', '#FF9800', '#39bbb0', '#4CAF50', '#ffeb3b', '#ffc107'];
 class Utils {
-  constructor() {}
-  static SYSTEM_ERROR_MESSAGE = "A system error has occurred. Please contact your system administrator";
+  constructor() {
+    _defineProperty(this, "showMessage", (viewRef, message, type) => {
+      if (Utils.isNull(message)) {
+        message = "";
+      }
+      let messageType = type === "ERROR" ? "danger" : Utils.isNull(type) ? "message" : type;
+      viewRef.setState({
+        message: message,
+        messageStyle: messageType
+      });
+    });
+  }
   static isNull(value) {
     return value === null || typeof value === 'undefined';
   }
@@ -21,7 +37,7 @@ class Utils {
     if (value == null) return fallback;
     // allow "72px", "5rem", etc.
     if (typeof value === "string" && value.trim()) return value.trim();
-    if (typeof value === "number" && Number.isFinite(value)) return `${value}px`;
+    if (typeof value === "number" && Number.isFinite(value)) return "".concat(value, "px");
     return fallback;
   }
   static getInitials(name) {
@@ -42,10 +58,6 @@ class Utils {
       }
     }
   }
-  static capitalize = s => {
-    if (typeof s !== 'string') return '';
-    return s.charAt(0).toUpperCase() + s.slice(1);
-  };
   static joinScript(lines) {
     let script = '';
     for (let i = 0; i < lines.length; i++) {
@@ -71,7 +83,7 @@ class Utils {
       let configJson = JSON.stringify(config);
       let replace = configJson.replace(/#{this}/g, '#{' + config.id + '}').replace(/#{view}/g, '#{' + currentViewId + '}');
       if (index !== null) {
-        replace = replace.replace(/\[#i]/g, `[${index}]`);
+        replace = replace.replace(/\[#i]/g, "[".concat(index, "]"));
       }
       return JSON.parse(replace);
     }
@@ -153,29 +165,6 @@ class Utils {
     request.paged = typeof paged === 'undefined' || paged === null || paged;
     return JSON.stringify(request);
   }
-  static getFieldColspan = field => {
-    return !Utils.isNull(field.attributes) && !Utils.isNull(field.attributes['colspan']) ? parseInt(typeof field.attributes.colspan === 'string' ? _DynamicJS.default.executeScript("__colspan_" + field.id, field.attributes.colspan) : field.attributes.colspan) : 1;
-  };
-  static prop = value => {
-    return _ApplicationManager.default.isExpression(value) ? _DynamicJS.default.executeScript("readProp_" + Math.random(), value, null, true, null, null, false) : value;
-  };
-  static createRow = () => {
-    let row = {};
-    row.fields = [];
-    row.usedSlots = 0;
-    return row;
-  };
-  static fillRowWithSpacers = (row, max) => {
-    for (let i = row.usedSlots; i < max; i++) {
-      let field = {};
-      field.fieldType = 'LABEL';
-      field.id = 'system_col_span_spacer_' + i;
-      row.fields.push(field);
-    }
-  };
-  static rowHasSpaceForNewField = (row, colspan, max) => {
-    return colspan <= max - row.usedSlots;
-  };
   static getFieldGrid(attributes, fields) {
     let fieldGrid = {};
     let maxColspan = !Utils.isNull(attributes) && !Utils.isNull(attributes.layoutColumns) ? attributes.layoutColumns : 1;
@@ -204,7 +193,7 @@ class Utils {
       } else if (expression === "true" || expression === true) {
         return true;
       } else if (!Utils.isNull(expression)) {
-        return _DynamicJS.default.executeScript(`${id}UtilsBoolEval`, expression);
+        return _DynamicJS.default.executeScript("".concat(id, "UtilsBoolEval"), expression);
       }
       return !this.isNull(defaultValue) ? defaultValue : false;
     } catch (e) {
@@ -242,16 +231,6 @@ class Utils {
       legend.innerHTML = text;
     }
   }
-  showMessage = (viewRef, message, type) => {
-    if (Utils.isNull(message)) {
-      message = "";
-    }
-    let messageType = type === "ERROR" ? "danger" : Utils.isNull(type) ? "message" : type;
-    viewRef.setState({
-      message: message,
-      messageStyle: messageType
-    });
-  };
   saveForm(viewRef, formRef, url) {
     this.saveForm(viewRef, formRef, url, null, null, null);
   }
@@ -268,10 +247,9 @@ class Utils {
     let stateDate = viewRef.state[refDateName];
     let tempDate = stateDate;
     if (Utils.isNull(stateDate) || stateDate.getTime() !== newDate.getTime()) {
-      viewRef.setState({
-        ...viewRef.state,
+      viewRef.setState(_objectSpread(_objectSpread({}, viewRef.state), {}, {
         [refDateName]: newDate
-      }, () => {
+      }), () => {
         if (!Utils.isNull(tempDate) && !Utils.isNull(viewRef.state.id)) {
           let autoFillDate = Utils.offsetDate(newDate, yearOffset, monthOffset, dayOffset);
           formRef.current.setValue(autoFillDateName, autoFillDate);
@@ -295,38 +273,6 @@ class Utils {
       return arg;
     });
   }
-  static getPropertyChainPath = expression => {
-    let path = {};
-    if (!this.isNull(expression)) {
-      let tokens = expression.split('.');
-      path.property = tokens[tokens.length - 1];
-      let voExpression = expression.substring(0, expression.indexOf('.'));
-      path.valueObject = _DynamicJS.default.executeScript(`${Math.random()}_PropertyChainUtilsEval`, voExpression);
-      for (let i = 1; i < tokens.length - 1; i++) {
-        let token = tokens[i];
-        if (!this.isNull(path.valueObject)) {
-          let getter = path.valueObject[token];
-          if (!Utils.isNull(getter)) {
-            if (typeof getter === 'function') {
-              path.valueObject = getter();
-            } else {
-              path.valueObject = getter;
-            }
-          }
-        } else {
-          break;
-        }
-      }
-    }
-    return path;
-  };
-  static mergeStyles = (defaultStyle, config) => {
-    let configStyle = Utils.getComponentAttribute(config, 'style', null);
-    if (configStyle) {
-      return this.mergeObjects(configStyle, defaultStyle);
-    }
-    return defaultStyle;
-  };
   static mergeObjects(source, target) {
     if (!target) {
       return source;
@@ -338,42 +284,6 @@ class Utils {
     }
     return result;
   }
-  static publishErrorMessage = async function (e, viewId) {
-    let component = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
-    let messageText;
-    if (e.json) {
-      let data = await e.json();
-      messageText = data.message;
-      if (!messageText) {
-        messageText = Utils.SYSTEM_ERROR_MESSAGE;
-      }
-    } else {
-      messageText = Utils.SYSTEM_ERROR_MESSAGE;
-    }
-    let message = {
-      messageType: 'ERROR',
-      message: messageText
-    };
-    let event = new _Event.default(_ApplicationManager.default, viewId, message);
-    _Observable.default.fireEvent(_EventType.default.MESSAGE_ARRIVED, event);
-    if (component !== null) {
-      event = new _Event.default(component, viewId, message);
-      _Observable.default.fireEvent(_EventType.default.MESSAGE_ARRIVED, event);
-    }
-  };
-  static publishSystemErrorMessage = function (viewId) {
-    let component = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-    Utils.publishErrorMessage('A system error has occurred. Please try again later', viewId, component);
-  };
-  static base64ToArrayBuffer = base64 => {
-    const binaryString = window.atob(base64);
-    const len = binaryString.length;
-    const bytes = new Uint8Array(len);
-    for (let i = 0; i < len; i++) {
-      bytes[i] = binaryString.charCodeAt(i);
-    }
-    return bytes.buffer;
-  };
   static getAvatarColor(name) {
     name = name.substr(0, 6);
     let hash = 0;
@@ -417,4 +327,101 @@ class Utils {
     return current[keys[keys.length - 1]];
   }
 }
-exports.default = Utils;
+exports.default = Utils;
+_Utils = Utils;
+_defineProperty(Utils, "SYSTEM_ERROR_MESSAGE", "A system error has occurred. Please contact your system administrator");
+_defineProperty(Utils, "capitalize", s => {
+  if (typeof s !== 'string') return '';
+  return s.charAt(0).toUpperCase() + s.slice(1);
+});
+_defineProperty(Utils, "getFieldColspan", field => {
+  return !_Utils.isNull(field.attributes) && !_Utils.isNull(field.attributes['colspan']) ? parseInt(typeof field.attributes.colspan === 'string' ? _DynamicJS.default.executeScript("__colspan_" + field.id, field.attributes.colspan) : field.attributes.colspan) : 1;
+});
+_defineProperty(Utils, "prop", value => {
+  return _ApplicationManager.default.isExpression(value) ? _DynamicJS.default.executeScript("readProp_" + Math.random(), value, null, true, null, null, false) : value;
+});
+_defineProperty(Utils, "createRow", () => {
+  let row = {};
+  row.fields = [];
+  row.usedSlots = 0;
+  return row;
+});
+_defineProperty(Utils, "fillRowWithSpacers", (row, max) => {
+  for (let i = row.usedSlots; i < max; i++) {
+    let field = {};
+    field.fieldType = 'LABEL';
+    field.id = 'system_col_span_spacer_' + i;
+    row.fields.push(field);
+  }
+});
+_defineProperty(Utils, "rowHasSpaceForNewField", (row, colspan, max) => {
+  return colspan <= max - row.usedSlots;
+});
+_defineProperty(Utils, "getPropertyChainPath", expression => {
+  let path = {};
+  if (!_Utils.isNull(expression)) {
+    let tokens = expression.split('.');
+    path.property = tokens[tokens.length - 1];
+    let voExpression = expression.substring(0, expression.indexOf('.'));
+    path.valueObject = _DynamicJS.default.executeScript("".concat(Math.random(), "_PropertyChainUtilsEval"), voExpression);
+    for (let i = 1; i < tokens.length - 1; i++) {
+      let token = tokens[i];
+      if (!_Utils.isNull(path.valueObject)) {
+        let getter = path.valueObject[token];
+        if (!_Utils.isNull(getter)) {
+          if (typeof getter === 'function') {
+            path.valueObject = getter();
+          } else {
+            path.valueObject = getter;
+          }
+        }
+      } else {
+        break;
+      }
+    }
+  }
+  return path;
+});
+_defineProperty(Utils, "mergeStyles", (defaultStyle, config) => {
+  let configStyle = _Utils.getComponentAttribute(config, 'style', null);
+  if (configStyle) {
+    return _Utils.mergeObjects(configStyle, defaultStyle);
+  }
+  return defaultStyle;
+});
+_defineProperty(Utils, "publishErrorMessage", async function (e, viewId) {
+  let component = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+  let messageText;
+  if (e.json) {
+    let data = await e.json();
+    messageText = data.message;
+    if (!messageText) {
+      messageText = _Utils.SYSTEM_ERROR_MESSAGE;
+    }
+  } else {
+    messageText = _Utils.SYSTEM_ERROR_MESSAGE;
+  }
+  let message = {
+    messageType: 'ERROR',
+    message: messageText
+  };
+  let event = new _Event.default(_ApplicationManager.default, viewId, message);
+  _Observable.default.fireEvent(_EventType.default.MESSAGE_ARRIVED, event);
+  if (component !== null) {
+    event = new _Event.default(component, viewId, message);
+    _Observable.default.fireEvent(_EventType.default.MESSAGE_ARRIVED, event);
+  }
+});
+_defineProperty(Utils, "publishSystemErrorMessage", function (viewId) {
+  let component = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+  _Utils.publishErrorMessage('A system error has occurred. Please try again later', viewId, component);
+});
+_defineProperty(Utils, "base64ToArrayBuffer", base64 => {
+  const binaryString = window.atob(base64);
+  const len = binaryString.length;
+  const bytes = new Uint8Array(len);
+  for (let i = 0; i < len; i++) {
+    bytes[i] = binaryString.charCodeAt(i);
+  }
+  return bytes.buffer;
+});

package/dist/ViewContext.js

@@ -11,170 +11,173 @@ var _Utils = _interopRequireDefault(require("./Utils"));
 var _DynamicJS = _interopRequireWildcard(require("./DynamicJS"));
 var _Graph = _interopRequireDefault(require("./components/Graph"));
 var _ApplicationManager = _interopRequireDefault(require("./ApplicationManager"));
-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 _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 const SYSTEM_EVENT = exports.SYSTEM_EVENT = 'SYSTEM_EVENT';
-const LEGEND_ARROW_ICON = exports.LEGEND_ARROW_ICON = ` <i class=\"fa fa-arrow-right fa-xs\" aria-hidden=\"true\" style='color:__COLOR__'></i> `;
+const LEGEND_ARROW_ICON = exports.LEGEND_ARROW_ICON = " <i class=\"fa fa-arrow-right fa-xs\" aria-hidden=\"true\" style='color:__COLOR__'></i> ";
 class ViewContext {
-  constructor(id) {
-    this.views = [];
-    this.props = {};
-    this.navHistory = [];
-    this.graphs = [];
-    this.id = id;
-  }
-
-  /**
-   * update appbar title
-   *
-   * @param viewId
-   * @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);
-    }
-    for (const navHistoryElement of this.navHistory) {
-      if (navHistoryElement.viewId === viewId) {
-        navHistoryElement.title = titleValue;
+  constructor(_id) {
+    /**
+     * update appbar title
+     *
+     * @param viewId
+     * @param title
+     */
+    _defineProperty(this, "updateAppBarTitle", (viewId, title) => {
+      let view = this.getView(viewId);
+      if (!view) {
+        return;
       }
-    }
-    let legendValue = '<span>';
-    let counter = 0;
-    for (const navHistoryElement of this.navHistory) {
-      legendValue += `${navHistoryElement.title}`;
-      if (counter++ < this.navHistory.length - 1) {
-        legendValue += legendIconArrow;
+      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);
       }
-    }
-    legendValue += '</span>';
-    this.props.appBarTitle = legendValue;
-    let property = {};
-    property.name = 'title-' + viewId;
-    property.value = this.props.appBarTitle;
+      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 += "".concat(navHistoryElement.title);
+        if (counter++ < this.navHistory.length - 1) {
+          legendValue += legendIconArrow;
+        }
+      }
+      legendValue += '</span>';
+      this.props.appBarTitle = legendValue;
+      let property = {};
+      property.name = 'title-' + viewId;
+      property.value = this.props.appBarTitle;
 
-    // When we introduce the view manager, it must become the event source instead of applicationManager
-    let event = new _Event.default(_ApplicationManager.default, SYSTEM_EVENT, property);
-    _Observable.default.fireEvent(_EventType.default.APPLICATION_CONTEXT_CHANGE, event);
-    if (this.graphs.length > 0) {
-      property = {};
-      property.name = 'stepperTitle';
+      // When we introduce the view manager, it must become the event source instead of applicationManager
       let event = new _Event.default(_ApplicationManager.default, SYSTEM_EVENT, property);
       _Observable.default.fireEvent(_EventType.default.APPLICATION_CONTEXT_CHANGE, event);
-    }
-  };
-
-  /**
-   * clears all views
-   *
-   */
-  clear = () => {
-    this.views.splice(0, this.views.length);
-  };
-
-  /**
-   * add view configuration
-   *
-   * @param view the listener to be added
-   * @param path
-   * @param forward
-   */
-  addView = (view, path, forward) => {
-    let topView = this.getTopView();
-    if (topView) {
-      this.closeView(topView.config.id, forward);
-    }
-    if (view.parent) {
-      this.navHistory.splice(0, this.navHistory.length);
-      for (const contextView of this.views) {
-        if (!_Utils.default.isNull(contextView) && !_Utils.default.isNull(contextView.handle.api)) {
-          this.closeView(contextView.handle.api.id, forward);
+      if (this.graphs.length > 0) {
+        property = {};
+        property.name = 'stepperTitle';
+        let event = new _Event.default(_ApplicationManager.default, SYSTEM_EVENT, property);
+        _Observable.default.fireEvent(_EventType.default.APPLICATION_CONTEXT_CHANGE, event);
+      }
+    });
+    /**
+     * clears all views
+     *
+     */
+    _defineProperty(this, "clear", () => {
+      this.views.splice(0, this.views.length);
+    });
+    /**
+     * add view configuration
+     *
+     * @param view the listener to be added
+     * @param path
+     * @param forward
+     */
+    _defineProperty(this, "addView", (view, path, forward) => {
+      let topView = this.getTopView();
+      if (topView) {
+        this.closeView(topView.config.id, forward);
+      }
+      if (view.parent) {
+        this.navHistory.splice(0, this.navHistory.length);
+        for (const contextView of this.views) {
+          if (!_Utils.default.isNull(contextView) && !_Utils.default.isNull(contextView.handle.api)) {
+            this.closeView(contextView.handle.api.id, forward);
+          }
         }
       }
-    }
-    if ((forward || view.parent) && !view.graphId) {
-      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);
-  };
-
-  /**
-   * closes the current view
-   *
-   */
-  closeAllViews = () => {
-    for (const view of this.views) {
-      this.closeView(view.config.id, false);
-    }
-  };
-
-  /**
-   * get all view
-   *
-   */
-  getViews = () => {
-    return this.views;
-  };
-
-  /**
-   * get all graphs
-   *
-   */
-  getGraphs = () => {
-    return this.graphs;
-  };
-
-  /**
-   * closes the specified view
-   *
-   * @param viewId the listener to be added
-   * @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);
-        let index = this.views.findIndex(v => v.handle.api.id === viewId);
-        if (index >= 0) {
-          this.views.splice(index, 1);
-          if (!forward) {
-            let viewIndex = this.navHistory.findIndex(h => h.viewId === viewId);
-            if (viewIndex >= 0) {
-              this.navHistory.splice(viewIndex, 1);
+      if ((forward || view.parent) && !view.graphId) {
+        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);
+    });
+    /**
+     * closes the current view
+     *
+     */
+    _defineProperty(this, "closeAllViews", () => {
+      for (const view of this.views) {
+        this.closeView(view.config.id, false);
+      }
+    });
+    /**
+     * get all view
+     *
+     */
+    _defineProperty(this, "getViews", () => {
+      return this.views;
+    });
+    /**
+     * get all graphs
+     *
+     */
+    _defineProperty(this, "getGraphs", () => {
+      return this.graphs;
+    });
+    /**
+     * closes the specified view
+     *
+     * @param viewId the listener to be added
+     * @param forward
+     */
+    _defineProperty(this, "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);
+          let index = this.views.findIndex(v => v.handle.api.id === viewId);
+          if (index >= 0) {
+            this.views.splice(index, 1);
+            if (!forward) {
+              let viewIndex = this.navHistory.findIndex(h => h.viewId === viewId);
+              if (viewIndex >= 0) {
+                this.navHistory.splice(viewIndex, 1);
+              }
             }
           }
         }
       }
-    }
-  };
-
-  /**
-   * Returns a view configuration with a particular id
-   *
-   */
-  getView = id => {
-    for (const view of this.views) {
-      if (id === view.config.id) {
-        return view;
+    });
+    /**
+     * Returns a view configuration with a particular id
+     *
+     */
+    _defineProperty(this, "getView", id => {
+      for (const view of this.views) {
+        if (id === view.config.id) {
+          return view;
+        }
       }
-    }
-    return null;
-  };
+      return null;
+    });
+    /**
+     *
+     */
+    _defineProperty(this, "getPreviousHistoryElement", () => {
+      if (this.navHistory.length > 1) {
+        return this.navHistory[this.navHistory.length - 2];
+      }
+      return null;
+    });
+    this.views = [];
+    this.props = {};
+    this.navHistory = [];
+    this.graphs = [];
+    this.id = _id;
+  }
   getTopView() {
     if (this.views.length > 0) {
       return this.views[this.views.length - 1];
@@ -230,15 +233,5 @@ class ViewContext {
     }
     graph.init();
   }
-
-  /**
-   *
-   */
-  getPreviousHistoryElement = () => {
-    if (this.navHistory.length > 1) {
-      return this.navHistory[this.navHistory.length - 2];
-    }
-    return null;
-  };
 }
 exports.ViewContext = ViewContext;