@agilemotion/oui-react-js 1.8.39 → 1.8.41

package/dist/ApplicationManager.js

@@ -299,12 +299,15 @@ class ApplicationManager {
       cachedFile.content = file.content;
     }
   };
-  updateContext = values => {
-    _Observable.default.emitContextChangeEvent(applicationContext, values);
+  updateContext = (() => function (values) {
+    let publish = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+    if (publish) {
+      _Observable.default.emitContextChangeEvent(applicationContext, values);
+    }
     Object.keys(values).forEach(key => {
       applicationContext[key] = values[key];
     });
-  };
+  })();
 
   /**
    * add view configuration

package/dist/Utils.js

@@ -149,6 +149,9 @@ class Utils {
   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 = [];

package/dist/components/Button.css

@@ -1,3 +1,4 @@
 .oui button {
-  margin-right: 4px !important;
+    margin-right: 4px !important;
+    height: 40px;
 }

package/dist/components/Button.js

@@ -90,6 +90,7 @@ const Button = props => {
       refresh() {
         let parsedConfig = _Utils.default.parseConfig(config ? config : props.config, props.viewId);
         setDisabled(_Utils.default.evaluateBooleanExpression(parsedConfig.disabled, parsedConfig.id));
+        console.log("\n\n\n\nVISIBILITY CHECK [" + props.config.id + "] - [" + parsedConfig.visible + "] - [" + _Utils.default.evaluateBooleanExpression(parsedConfig.visible, parsedConfig.id) + "]");
         setVisible(_Utils.default.isNull(parsedConfig.visible) || _Utils.default.evaluateBooleanExpression(parsedConfig.visible, parsedConfig.id));
       }
     };

package/dist/components/DocumentViewer.js

@@ -40,11 +40,12 @@ const DocumentViewer = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.defa
     }
   }, []);
   function doLoadData(actionConfig) {
+    let parsedConfig = _Utils.default.parseConfig(props.config, props.viewId);
     if (!_Utils.default.isNull(actionConfig) && !_Utils.default.isNull(actionConfig.value)) {
       let value = _ApplicationManager.default.isExpression(actionConfig.value) ? _ApplicationManager.default.resolveExpressionValue(actionConfig.value) : actionConfig.value;
       // TODO : set value
     } else {
-      let service = !_Utils.default.isNull(props.config.dataService) ? props.config.dataService : actionConfig !== null ? actionConfig.dataService : null;
+      let service = !_Utils.default.isNull(parsedConfig.dataService) ? parsedConfig.dataService : actionConfig !== null ? actionConfig.dataService : null;
       if (!_Utils.default.isNull(service)) {
         if (service.type === 'rpc') {
           (0, _RestService.invokeRpc)({
@@ -66,7 +67,7 @@ const DocumentViewer = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.defa
               file.base64 = data.url.replace('data:application/pdf;base64,', '').replace('data:application/vnd.openxmlformats-officedocument.wordprocessingml.document;base64,', '');
             }
             file.name = data.name;
-            file.type = props.config.fileType;
+            file.type = _Utils.default.prop(parsedConfig.fileType);
             setValue(file);
             setHasLoadingError(false);
             setLoading(false);
@@ -128,10 +129,10 @@ const DocumentViewer = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.defa
   return visible && /*#__PURE__*/_react.default.createElement("div", {
     style: _Utils.default.mergeStyles({}, props.config)
   }, props.config.attributes?.label && /*#__PURE__*/_react.default.createElement("div", {
-    style: _Utils.default.mergeObjects(props.config.attributes?.labelStyle, {
+    style: _Utils.default.mergeObjects({
       fontSize: '20px',
       color: '#1d253b'
-    })
+    }, props.config.attributes?.labelStyle)
   }, label), loading && /*#__PURE__*/_react.default.createElement("div", {
     style: {
       marginTop: '16px'
@@ -141,10 +142,10 @@ const DocumentViewer = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.defa
       marginTop: '16px',
       color: 'red'
     }
-  }, "Error loading document"), !loading && !hasLoadingError && props.config.fileType === 'application/pdf' && !_Utils.default.isNull(value) && /*#__PURE__*/_react.default.createElement(_PDFViewer.default, {
+  }, "Error loading document"), !loading && !hasLoadingError && _Utils.default.prop(parsedConfig.fileType) === 'application/pdf' && !_Utils.default.isNull(value) && /*#__PURE__*/_react.default.createElement(_PDFViewer.default, {
     file: value,
     onDocumentLoadSuccess: () => {}
-  }), !loading && !hasLoadingError && props.config.fileType === 'application/vnd.openxmlformats-officedocument.wordprocessingml.document' && (!_Utils.default.isNull(value) || props.config.enableUpload) && /*#__PURE__*/_react.default.createElement(_WordDocumentViewer.default, {
+  }), !loading && !hasLoadingError && _Utils.default.prop(parsedConfig.fileType) === 'application/vnd.openxmlformats-officedocument.wordprocessingml.document' && (!_Utils.default.isNull(value) || props.config.enableUpload) && /*#__PURE__*/_react.default.createElement(_WordDocumentViewer.default, {
     file: value,
     onDocumentLoadSuccess: () => {},
     valueHandler: wordEditorValueHandler,

package/dist/components/form/LookupField.js

@@ -160,7 +160,7 @@ const LookupFieldComponent = exports.LookupFieldComponent = /*#__PURE__*/_react.
     }
   }, /*#__PURE__*/_react.default.createElement(_DialogTitle.default, {
     id: "alert-dialog-title"
-  }, !_Utils.default.isNull(props.config.attributes) && !_Utils.default.isNull(props.config.attributes['pickerLabel']) ? props.config.attributes['pickerLabel'] : props.config.attributes['label']), /*#__PURE__*/_react.default.createElement("div", {
+  }, !_Utils.default.isNull(props.config.attributes) && !_Utils.default.isNull(props.config.attributes?.pickerLabel) ? props.config.attributes?.pickerLabel : props.config.attributes?.label), /*#__PURE__*/_react.default.createElement("div", {
     style: {
       maxHeight: "calc(38vh - 52px)",
       overflow: "auto",

package/dist/components/layout/CollapsiblePanel.css

@@ -1,9 +1,9 @@
-.coll-panel-container {
-    font-family: sans-serif;
-    text-align: center;
-}
-
-.coll-panel-btn:focus {
-    outline: 0;
-    box-shadow: none;
-}
+.coll-panel-container {
+    font-family: sans-serif;
+    text-align: center;
+}
+
+.coll-panel-btn:focus {
+    outline: 0;
+    box-shadow: none;
+}

package/dist/components/layout/View.css

@@ -1,125 +1,125 @@
-.view {
-    padding: 0 32px;
-    background-color: #ffffff;
-    border-radius: 4px;
-}
-
-.window-unpinned .view {
-    width: 0 !important;;
-}
-
-.window-pinned .view {
-    padding: 0 8px;
-}
-
-.no-margin {
-    margin-left: 0 !important;
-    margin-right: 0 !important;
-}
-
-.no-padding {
-    padding-left: 0 !important;
-    padding-right: 0 !important;
-}
-
-.centered-flex-box {
-    display: flex;
-    align-Items: center;
-    justify-content: center
-}
-
-.max-h-40 {
-}
-
-/* 150% zoom res */
-@media (max-width: 1512px) and (max-height: 982px) and (min-resolution: 2dppx) {
-    .max-h-40 {
-        max-height: 150px !important;
-    }
-
-    .flex-nowrap {
-        flex-wrap: wrap !important;
-    }
-
-    .flex-child-nowrap {
-        width: 100% !important;
-    }
-
-    .view {
-        padding: 0 8px !important;
-    }
-
-    .grid-table-pagination div {
-        font-size: 12px;
-    }
-
-    .grid-table-pagination p {
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-        max-width: 12px;
-        font-size: 12px;
-        margin-top: 4px;
-    }
-
-    .tab-page-container {
-        margin: 0;
-    }
-
-    .default-oui-layout {
-        margin: 8px;
-        padding: 0 !important;
-    }
-
-    .defaultForm {
-        margin: 0;
-    }
-
-    .oui-form-item {
-        min-width: 232px !important;
-    }
-
-    .oui-form-item-container {
-        min-width: 240px !important;
-        margin: 0 4px;
-    }
-}
-
-/* Smartphones (landscape); */
-@media only screen and (min-device-width : 361px) and (max-device-width : 480px) {
-    .view {
-        padding: 0 16px;
-    }
-}
-
-/* Smartphones (portrait); */
-@media only screen and (min-device-width : 280px) and (max-device-width : 360px) {
-    .view {
-        padding: 0 16px;
-    }
-}
-
-/* iPads (portrait and landscape); */
-@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
-    .view {
-        padding: 0 24px;
-    }
-}
-
-/* iPad 3 */
-@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
-    .view {
-        padding: 0 24px;
-    }
-}
-
-/* small desktop screens */
-@media only screen and (max-width : 600px) {
-}
-
-/* low resolution desktop */
-@media only screen and (max-width : 1200px) {
-    .view {
-
-    }
-}
+.view {
+    padding: 0 32px;
+    background-color: #ffffff;
+    border-radius: 4px;
+}
+
+.window-unpinned .view {
+    width: 0 !important;;
+}
+
+.window-pinned .view {
+    padding: 0 8px;
+}
+
+.no-margin {
+    margin-left: 0 !important;
+    margin-right: 0 !important;
+}
+
+.no-padding {
+    padding-left: 0 !important;
+    padding-right: 0 !important;
+}
+
+.centered-flex-box {
+    display: flex;
+    align-Items: center;
+    justify-content: center
+}
+
+.max-h-40 {
+}
+
+/* 150% zoom res */
+@media (max-width: 1512px) and (max-height: 982px) and (min-resolution: 2dppx) {
+    .max-h-40 {
+        max-height: 150px !important;
+    }
+
+    .flex-nowrap {
+        flex-wrap: wrap !important;
+    }
+
+    .flex-child-nowrap {
+        width: 100% !important;
+    }
+
+    .view {
+        padding: 0 8px !important;
+    }
+
+    .grid-table-pagination div {
+        font-size: 12px;
+    }
+
+    .grid-table-pagination p {
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        max-width: 12px;
+        font-size: 12px;
+        margin-top: 4px;
+    }
+
+    .tab-page-container {
+        margin: 0;
+    }
+
+    .default-oui-layout {
+        margin: 8px;
+        padding: 0 !important;
+    }
+
+    .defaultForm {
+        margin: 0;
+    }
+
+    .oui-form-item {
+        min-width: 232px !important;
+    }
+
+    .oui-form-item-container {
+        min-width: 240px !important;
+        margin: 0 4px;
+    }
+}
+
+/* Smartphones (landscape); */
+@media only screen and (min-device-width : 361px) and (max-device-width : 480px) {
+    .view {
+        padding: 0 16px;
+    }
+}
+
+/* Smartphones (portrait); */
+@media only screen and (min-device-width : 280px) and (max-device-width : 360px) {
+    .view {
+        padding: 0 16px;
+    }
+}
+
+/* iPads (portrait and landscape); */
+@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
+    .view {
+        padding: 0 24px;
+    }
+}
+
+/* iPad 3 */
+@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
+    .view {
+        padding: 0 24px;
+    }
+}
+
+/* small desktop screens */
+@media only screen and (max-width : 600px) {
+}
+
+/* low resolution desktop */
+@media only screen and (max-width : 1200px) {
+    .view {
+
+    }
+}

package/dist/components/layout/Window.js

@@ -41,19 +41,19 @@ const PaperComponent = props => {
       bottom: bottom
     });
   };
-  return /*#__PURE__*/_react.default.createElement(_reactDraggable.default, {
-    disabled: props.disabled,
-    bounds: bounds,
-    onStart: handleStart,
-    handle: "#meeting-window-header",
-    cancel: '[class*="MuiDialogContent-root"]',
-    nodeRef: nodeRef
-  }, /*#__PURE__*/_react.default.createElement(_Paper.default, _extends({}, props, {
-    ref: nodeRef,
-    style: {
-      minWidth: '320px'
-    }
-  })));
+  return /*#__PURE__*/_react.default.createElement(_Paper.default, _extends({}, props, {
+    ref: nodeRef
+  }))
+  /*<Draggable
+      disabled={props.disabled}
+      bounds={bounds}
+      onStart={handleStart}
+      handle="#meeting-window-header"
+      cancel={'[class*="MuiDialogContent-root"]'}
+      nodeRef={nodeRef}
+  >
+      <Paper {...props} ref={nodeRef} style={{minWidth: '320px'}}/>
+  </Draggable>*/;
 };
 const Window = props => {
   const {
@@ -148,14 +148,18 @@ const Window = props => {
         paper.style.left = 'unset';
         paper.style.right = '0';
         paper.style.position = 'absolute';
-        paper.style.top = '72px';
+        paper.style.top = '52px';
+        paper.style.margin = '32px 0';
+        paper.style.maxWidth = 'unset';
         let header = document.getElementsByClassName('dialogHeader')[0];
         header.getElementsByTagName('button')[0].style.color = '#000000';
-        setDisplayState('PINNED');
+        if (displayState !== 'PINNED') {
+          setDisplayState('PINNED');
+        }
         if (updateContext) {
           _ApplicationManager.default.updateContext({
             windowDisplayState: 'PINNED'
-          });
+          }, false);
         }
         props.onPinned();
       }
@@ -179,11 +183,13 @@ const Window = props => {
         let header = document.getElementsByClassName('dialogHeader')[0];
         header.getElementsByTagName('button')[0].style.color = '#000000';
         document.getElementById('meeting-window-header').style.cursor = 'move';
-        setDisplayState('MINIMIZED');
+        if (displayState !== 'MINIMIZED') {
+          setDisplayState('MINIMIZED');
+        }
         if (updateContext) {
           _ApplicationManager.default.updateContext({
             windowDisplayState: 'MINIMIZED'
-          });
+          }, false);
         }
       }
     }
@@ -203,7 +209,8 @@ const Window = props => {
       paper.style.boxShadow = 'unset';
       paper.style.transform = 'translate(0, 0)';
       paper.style.backgroundColor = '#FFFFFF';
-      paper.style.width = 'calc(100% - ' + isNaN(getLeftOffset()) ? '344' : getLeftOffset() + 'px)';
+      paper.style.width = 'unset';
+      paper.style.maxWidth = 'unset';
       paper.style.height = 'calc(100% - 88px)';
       paper.style.margin = '8px';
       paper.style.right = '0';
@@ -213,11 +220,13 @@ const Window = props => {
       let header = document.getElementsByClassName('dialogHeader')[0];
       header.getElementsByTagName('button')[0].style.color = 'rgba(0, 0, 0, 0.54)';
       document.getElementById('meeting-window-header').style.cursor = 'default';
-      setDisplayState('MAXIMIZED');
+      if (displayState !== 'MAXIMIZED') {
+        setDisplayState('MAXIMIZED');
+      }
       if (updateContext) {
         _ApplicationManager.default.updateContext({
           windowDisplayState: 'MAXIMIZED'
-        });
+        }, false);
       }
     }
   };
@@ -234,7 +243,7 @@ const Window = props => {
   }, /*#__PURE__*/_react.default.createElement(_WindowDialog.default, {
     leftOffset: props.leftOffset,
     disableEnforceFocus: true,
-    open: open,
+    open: true,
     onClose: e => {
       props.onClose();
     },

package/dist/components/loader.css

@@ -1,36 +1,36 @@
-.loaderModal {
-	display: block; /* Hidden by default */
-	position: fixed; /* Stay in place */
-	z-index: 3000; /* Sit on top */
-	left: 0;
-	top: 0;
-	width: 100vw; /* Full width */
-	height: 100vh; /* Full height */
-	overflow: hidden; /* Enable scroll if needed */
-	background-color: rgb(0,0,0); /* Fallback color */
-	background-color: rgba(0,0,0,0.1); /* Black w/ opacity */
-}
-
-/* Modal Content/Box */
-.modal-content {
-	background-color: transparent;
-	margin: 30% auto; /* 15% from the top and centered */
-	padding: 20px;
-	border: 1px solid #888;
-	width: 10%; /* Could be more or less, depending on screen size */
-}
-
-/* The Close Button */
-.close {
-	color: #aaa;
-	float: right;
-	font-size: 28px;
-	font-weight: bold;
-}
-
-.close:hover,
-.close:focus {
-	color: black;
-	text-decoration: none;
-	cursor: pointer;
-}
+.loaderModal {
+	display: block; /* Hidden by default */
+	position: fixed; /* Stay in place */
+	z-index: 3000; /* Sit on top */
+	left: 0;
+	top: 0;
+	width: 100vw; /* Full width */
+	height: 100vh; /* Full height */
+	overflow: hidden; /* Enable scroll if needed */
+	background-color: rgb(0,0,0); /* Fallback color */
+	background-color: rgba(0,0,0,0.1); /* Black w/ opacity */
+}
+
+/* Modal Content/Box */
+.modal-content {
+	background-color: transparent;
+	margin: 30% auto; /* 15% from the top and centered */
+	padding: 20px;
+	border: 1px solid #888;
+	width: 10%; /* Could be more or less, depending on screen size */
+}
+
+/* The Close Button */
+.close {
+	color: #aaa;
+	float: right;
+	font-size: 28px;
+	font-weight: bold;
+}
+
+.close:hover,
+.close:focus {
+	color: black;
+	text-decoration: none;
+	cursor: pointer;
+}

package/dist/components/media/SideBarContent.js

@@ -35,7 +35,8 @@ const SideBarContent = props => {
   }) : /*#__PURE__*/_react.default.createElement(_ChatRoom.default, {
     chatTab: true,
     selectedChat: meetingChat,
-    meetingId: meetingId
+    meetingId: meetingId,
+    isHost: isHost
   })));
 };
 var _default = exports.default = SideBarContent;

package/dist/components/media/Video.css

@@ -1,4 +1,4 @@
-.user-video {
-    min-width: 280px;
-    height: 280px;
-}
+.user-video {
+    min-width: 280px;
+    height: 280px;
+}

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

@@ -90,8 +90,9 @@ const ChatRoom = props => {
     let chatParticipant = selectedChat.participants.find(p => p.username === currentUser.username);
     const data = {
       pollId: poll.id,
-      optionId: poll.selectedOption,
-      chatParticipant: chatParticipant
+      optionId: poll.selectedOption || poll.tieBreakerOption,
+      chatParticipant: chatParticipant,
+      tieBreaker: !_Utils.default.isNull(poll.tieBreakerOption)
     };
     (0, _RestUtils.postData)(`${location + '/' + _ApplicationManager.default.getContextRoot()}/calendar/api/v1/poll/vote`, response => {
       fetchChat();
@@ -633,6 +634,7 @@ const ChatRoom = props => {
         return /*#__PURE__*/_react.default.createElement(_PollContainer.default, {
           poll: message.poll,
           chatTab: props.chatTab,
+          isHost: props.isHost,
           pollCreator: message.participant,
           createdDate: message.createdDate,
           submitPollVoteHandler: poll => submitPollVoteHandler(poll),