@agilemotion/oui-react-js 1.6.8 → 1.7.0

package/dist/components/media/chat/ChatRoomWrapper.js

@@ -0,0 +1,65 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ChatRoom = _interopRequireDefault(require("./ChatRoom"));
+var _Utils = _interopRequireDefault(require("../../../Utils"));
+var _Observable = _interopRequireDefault(require("../../../event/Observable"));
+var _Event = _interopRequireDefault(require("../../../event/Event"));
+var _EventType = _interopRequireDefault(require("../../../event/EventType"));
+var _RestUtils = require("../../../RestUtils");
+var _ApplicationManager = _interopRequireDefault(require("../../../ApplicationManager"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const location = window.location.protocol + '//' + window.location.hostname;
+const ChatRoomWrapper = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const [visible, setVisible] = _react.default.useState(true);
+  const [chat, setChat] = _react.default.useState(null);
+  _react.default.useEffect(() => {
+    props.handle.api = api();
+  });
+  _react.default.useEffect(() => {
+    props.handle.api = api();
+    let parsedConfig = _Utils.default.parseConfig(props.config, props.viewId);
+    _Observable.default.addSubscriptions(parsedConfig.eventHandlingConfig, props.handle, props.viewId);
+    _Observable.default.addSystemSubscriptions(props.viewId, parsedConfig);
+    let event = new _Event.default(props.handle, props.viewId, null);
+    _Observable.default.fireEvent(_EventType.default.COMPONENT_LOAD, event);
+  }, []);
+  const api = () => {
+    return {
+      get id() {
+        return props.config.id;
+      },
+      loadData: actionConfig => {},
+      refresh() {},
+      getChildren: () => {
+        return [];
+      },
+      set visible(visible) {
+        setVisible(visible);
+      },
+      set value(value) {
+        (0, _RestUtils.sendRequest)(`${location + '/' + _ApplicationManager.default.getContextRoot()}/calendar/api/v1/chat/fetchMeetingChat/${value.id}`, response => {
+          if (response && response.id) {
+            setChat(response);
+          }
+        }, e => {
+          console.error(e);
+        }, true, false);
+      }
+    };
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    ref: ref,
+    style: {
+      display: visible ? 'block' : 'none'
+    }
+  }, !_Utils.default.isNull(props.config) && chat ? /*#__PURE__*/_react.default.createElement(_ChatRoom.default, {
+    selectedChat: chat,
+    readOnly: _Utils.default.getComponentAttribute(props.config, 'readOnly', false)
+  }) : null);
+}));
+var _default = exports.default = ChatRoomWrapper;

package/dist/components/media/chat/ChatRooms.scss

@@ -3,6 +3,10 @@
   color: #525f7f !important;
 }
 
+.view-chat-layout {
+  width: 800px !important;
+}
+
 .chat-time {
   display: flex !important;
   align-items: center !important;
@@ -569,3 +573,9 @@
   }
 }
 
+@media screen and (max-width: 1200px) {
+  .view-chat-layout {
+    width: 100% !important;
+  }
+}
+

package/dist/components/menu/MenuItem.js

@@ -13,32 +13,66 @@ var _EventType = _interopRequireDefault(require("../../event/EventType"));
 var _Event = _interopRequireDefault(require("../../event/Event"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const MenuItem = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
-  const [handle] = _react.default.useState({});
-  const [initializing, setInitializing] = _react.default.useState(true);
+  const [disabled, setDisabled] = _react.default.useState(false);
+  const [visible, setVisible] = _react.default.useState(true);
+  const [config, setConfig] = _react.default.useState(null);
   _react.default.useEffect(() => {
-    handle.api = api();
-    if (initializing) {
-      let parsedConfig = _Utils.default.parseConfig(props.config, props.viewId);
-      _Observable.default.addSubscriptions(parsedConfig.eventHandlingConfig, handle, props.viewId);
-      setInitializing(false);
+    if (config) {
+      props.handle.api = api();
+      _Observable.default.clearComponentEventListeners(props.handle);
+      let parsedConfig = _Utils.default.parseConfig(config, props.viewId);
+      _Observable.default.addSubscriptions(parsedConfig.eventHandlingConfig, props.handle, props.viewId);
+      _Observable.default.addSystemSubscriptions(props.viewId, parsedConfig);
+      props.handle.api.refresh();
     }
+  }, [config]);
+  _react.default.useEffect(() => {
+    props.handle.api = api();
+    setConfig(props.tableRow ? {
+      ...props.config,
+      id: props.config.id + '_' + props.tableRow.id?.replaceAll('-', '')
+    } : props.config);
+    return () => {
+      _Observable.default.clearComponentEventListeners(props.handle);
+    };
+  }, []);
+  _react.default.useEffect(() => {
+    props.handle.api = api();
   });
   const handleClick = e => {
-    let event = new _Event.default(handle, props.viewId);
+    let event = new _Event.default(props.handle, props.viewId);
     _Observable.default.fireEvent(_EventType.default.CLICK, event);
   };
   const api = () => {
     return {
       get id() {
-        return props.config.id;
+        return config ? config.id : props.config.id;
+      },
+      get tableRow() {
+        return props.tableRow;
+      },
+      set disabled(disabled) {
+        setDisabled(disabled);
+      },
+      set visible(visible) {
+        setVisible(visible);
+      },
+      refresh() {
+        let parsedConfig = _Utils.default.parseConfig(config ? config : props.config, props.viewId);
+        setDisabled(_Utils.default.evaluateBooleanExpression(parsedConfig.disabled, parsedConfig.id));
+        setVisible(_Utils.default.isNull(parsedConfig.visible) || _Utils.default.evaluateBooleanExpression(parsedConfig.visible, parsedConfig.id));
       }
     };
   };
-  return /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
+  return config && /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
     onClick: e => handleClick(e),
     ref: ref,
+    disabled: disabled,
+    style: {
+      display: visible ? null : 'none'
+    },
     rightIcon: props.mode === 'cascaded' && !_Utils.default.isNull(props.menuItems) && props.menuItems.length > 0 ? /*#__PURE__*/_react.default.createElement(_chevronRight.default, null) : null,
     menuItems: props.menuItems
-  }, props.config.attributes['label']);
+  }, config.attributes['label']);
 });
 var _default = exports.default = MenuItem;

package/dist/event/Observable.js

@@ -143,16 +143,6 @@ class Observable {
       }
     }
   }
-  getNextIndexToRemove(val, prop, listenerCollection) {
-    let counter = 0;
-    for (const listener of listenerCollection) {
-      if (listener[prop] === val) {
-        return counter;
-      }
-      counter++;
-    }
-    return -1;
-  }
 
   /**
    * Clears all event subscriptions
@@ -169,13 +159,12 @@ class Observable {
    */
   clearEventListeners(viewId) {
     let indexes = [];
-    let index = -2;
-    while ((index = this.getNextIndexToRemove(viewId, 'viewId', this.subscriptions)) !== -1) {
+    let index;
+    while ((index = this.subscriptions.findIndex(s => s.viewId === viewId)) !== -1) {
       this.subscriptions.splice(index, 1);
     }
     if (!_Utils.default.isNull(this.systemGeneratedSubscriptions)) {
-      index = -2;
-      while ((index = this.getNextIndexToRemove(viewId, 'viewId', this.systemGeneratedSubscriptions)) !== -1) {
+      while ((index = this.systemGeneratedSubscriptions.findIndex(s => s.viewId === viewId)) !== -1) {
         this.systemGeneratedSubscriptions.splice(index, 1);
       }
     }
@@ -183,18 +172,19 @@ class Observable {
   /**
    * Clears all event subscriptions for the specified view
    *
-   * @param componentId the view
+   * @param component the view
    */
-  clearComponentEventListeners(componentId) {
-    let indexes = [];
-    let index = -2;
-    while ((index = this.getNextIndexToRemove(componentId, 'subscriber', this.subscriptions)) !== -1) {
-      this.subscriptions.splice(index, 1);
-    }
-    if (!_Utils.default.isNull(this.systemGeneratedSubscriptions)) {
-      index = -2;
-      while ((index = this.getNextIndexToRemove(componentId, 'subscriber', this.systemGeneratedSubscriptions)) !== -1) {
-        this.systemGeneratedSubscriptions.splice(index, 1);
+  clearComponentEventListeners(component) {
+    if (component && component.api && component.api.id) {
+      let index;
+      while ((index = this.subscriptions.findIndex(s => s.subscriber === component.api.id)) !== -1) {
+        console.log(index + " : ", this.subscriptions[index]);
+        this.subscriptions.splice(index, 1);
+      }
+      if (!_Utils.default.isNull(this.systemGeneratedSubscriptions)) {
+        while ((index = this.systemGeneratedSubscriptions.findIndex(s => s.subscriber === component.api.id)) !== -1) {
+          this.systemGeneratedSubscriptions.splice(index, 1);
+        }
       }
     }
   }

package/dist/event/ServiceCallActionHandler.js

@@ -24,9 +24,9 @@ class ServiceCallActionHandler {
         if (!_Utils.default.isNull(actionConfig.postScript)) {
           try {
             let valuesMap = {};
-            valuesMap.response = result.data ? result.data : result;
+            valuesMap.response = result;
             _DynamicJS.default.executeScriptObject('postScript_' + currentViewId + '_' + handle.api.id, actionConfig.postScript, handle.api.id, valuesMap, {
-              data: result.data ? result.data : result
+              data: result
             });
           } catch (e) {
             console.error(e);

package/dist/js/Docs.js

@@ -0,0 +1,79 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Docs = void 0;
+var _reactPromiseTracker = require("react-promise-tracker");
+var _ApplicationManager = _interopRequireDefault(require("../ApplicationManager"));
+var _Event = _interopRequireDefault(require("../event/Event"));
+var _Observable = _interopRequireDefault(require("../event/Observable"));
+var _EventType = _interopRequireDefault(require("../event/EventType"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const status = response => {
+  if (response.ok) {
+    return Promise.resolve(response);
+  } else {
+    return Promise.reject({
+      code: response.status,
+      message: response.statusText
+    });
+  }
+};
+const json = response => {
+  return response.text();
+};
+const location = window.location.protocol + "//" + window.location.hostname;
+class Docs {
+  jsonFileToJSFile = async file => {
+    const res = await fetch(file.payload);
+    const blob = await res.blob();
+    return new Promise(resolve => {
+      resolve(new File([blob], file.name, {
+        type: file.type,
+        size: file.size
+      }));
+    });
+  };
+  createFormData = data => {
+    let formData = new FormData();
+    Object.keys(data).forEach(key => {
+      console.log("APPENDING : " + key + " = " + data[key]);
+      formData.append(key, data[key]);
+    });
+    return formData;
+  };
+  cacheFile = async (file, correlationId) => {
+    const accessToken = sessionStorage.getItem("accessToken");
+    const idToken = sessionStorage.getItem("idToken");
+    let data = new FormData();
+    let metadata = {
+      ...file,
+      payload: null
+    };
+    metadata.correlationId = correlationId;
+    data.append("metadata", JSON.stringify(metadata));
+    data.append("file", await this.jsonFileToJSFile(file));
+    let uploadUrl = _ApplicationManager.default.getContextRoot() + "/docs/api/v1/manager/upload/save";
+    let fetchConfig = {
+      method: 'POST',
+      headers: {
+        'ContentType': 'application/json',
+        'Authorization': 'Bearer ' + accessToken,
+        'idToken': idToken
+      },
+      body: data
+    };
+    let url = location + uploadUrl;
+    return new Promise((resolve, reject) => {
+      (0, _reactPromiseTracker.trackPromise)(fetch(encodeURI(url), fetchConfig).then(status).then(json).then(data => {
+        resolve(data);
+      }).catch(e => {
+        reject(e);
+      }));
+    });
+  };
+}
+exports.Docs = Docs;
+const instance = new Docs();
+var _default = exports.default = instance;

package/package.json

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