@agilemotion/oui-react-js 1.8.76 → 1.8.78

package/dist/components/form/ImageEditor.js

@@ -8,7 +8,6 @@ var _react = _interopRequireDefault(require("react"));
 var _Button = _interopRequireDefault(require("@mui/material/Button"));
 var _BaseField = require("./BaseField");
 var _styles = require("@mui/styles");
-var _DocumentViewer = _interopRequireDefault(require("../DocumentViewer"));
 var _Utils = _interopRequireDefault(require("../../Utils"));
 var _ApplicationManager = _interopRequireDefault(require("../../ApplicationManager"));
 var _Icon = _interopRequireDefault(require("../Icon"));
@@ -48,7 +47,7 @@ const json = response => {
   return response.text();
 };
 const location = window.location.protocol + "//" + window.location.hostname;
-const ImageEditorComponent = exports.ImageEditorComponent = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const ImageEditorComponent = exports.ImageEditorComponent = /*#__PURE__*/_react.default.memo(props => {
   var _base$value;
   const [viewerFile, setViewerFile] = _react.default.useState(!_Utils.default.isNull(props.initialFile) ? props.initialFile : null);
   const [angle, setAngle] = _react.default.useState(0);
@@ -57,16 +56,10 @@ const ImageEditorComponent = exports.ImageEditorComponent = /*#__PURE__*/_react.
   const [originalImageHeight, setOriginalImageHeight] = _react.default.useState(null);
   const [payloadStorageMode, setPayloadStorageMode] = _react.default.useState(props.config.payloadStorageMode || 'base64');
   const [files, setFiles] = _react.default.useState(!_Utils.default.isNull(props.initialFile) ? [props.initialFile] : null);
-  const [loading, setLoading] = _react.default.useState(true);
-  const [nullable] = _react.default.useState(_Utils.default.isNull(props.config.validator) || props.config.validator.nullable === true);
   const [multiple] = _react.default.useState(props.multiple === true);
-  const [show, setShow] = _react.default.useState(false);
   const classes = useStyles();
-  const [reference, setReference] = _react.default.useState(ref ? ref : /*#__PURE__*/_react.default.createRef());
-  const [hasError, setHasError] = _react.default.useState(null);
   const width = _Utils.default.getComponentAttribute(props.config, 'width', '200px');
   const height = _Utils.default.getComponentAttribute(props.config, 'height', '200px');
-  const [errorMessage, setErrorMessage] = _react.default.useState("");
   const cacheId = _react.default.useRef(!_Utils.default.isNull(props.base.value) ? props.base.value.documentRepositoryCacheId : null);
   const base = props.base;
   _react.default.useEffect(() => {
@@ -79,9 +72,6 @@ const ImageEditorComponent = exports.ImageEditorComponent = /*#__PURE__*/_react.
   _react.default.useEffect(() => {
     setViewerFile(props.initialFile);
   }, [props.initialFile]);
-  const handleViewerLoad = numPages => {
-    setLoading(false);
-  };
   function getFetchConfig(data) {
     const accessToken = sessionStorage.getItem("accessToken");
     const idToken = sessionStorage.getItem("idToken");
@@ -207,7 +197,6 @@ const ImageEditorComponent = exports.ImageEditorComponent = /*#__PURE__*/_react.
             if (!_Utils.default.isNull(props.onUploadHandler)) {
               props.onUploadHandler(allFiles[0]);
             }
-            setLoading(true);
           }
           setFiles(allFiles);
         }
@@ -462,8 +451,8 @@ const ImageEditorComponent = exports.ImageEditorComponent = /*#__PURE__*/_react.
       maxHeight: parseFloat(height.replace('px', '')) - 20 + 'px'
     }
   }))))) : null);
-}));
-const ImageEditor = exports.ImageEditor = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
+});
+const ImageEditor = exports.ImageEditor = /*#__PURE__*/_react.default.memo(props => {
   const [file, setFile] = _react.default.useState(null);
   const clearTrigger = _react.default.useRef(false);
   return /*#__PURE__*/_react.default.createElement(_BaseField.BaseField, _extends({}, props, {
@@ -481,5 +470,5 @@ const ImageEditor = exports.ImageEditor = /*#__PURE__*/_react.default.memo(/*#__
     initialFile: file,
     clearTrigger: clearTrigger.current
   }, props)));
-}));
+});
 var _default = exports.default = ImageEditor;

package/dist/components/form/LabelField.js

@@ -9,7 +9,7 @@ var _BaseField = require("./BaseField");
 var _Utils = _interopRequireDefault(require("../../Utils"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const LabelFieldWrapper = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const LabelFieldWrapper = /*#__PURE__*/_react.default.memo(props => {
   const base = props.base;
   let displayTemplate = _Utils.default.getComponentAttribute(props.config, 'displayTemplate', null);
   let className = _Utils.default.getComponentAttribute(props.config, 'className', null);
@@ -17,12 +17,12 @@ const LabelFieldWrapper = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.d
   return /*#__PURE__*/_react.default.createElement("div", {
     className: className
   }, !_Utils.default.isNull(displayTemplate) ? displayTemplate.replace('@{value}', _Utils.default.isNull(base.value) ? emptyValue : base.value) : base.value);
-}));
-const LabelField = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
+});
+const LabelField = /*#__PURE__*/_react.default.memo(props => {
   return /*#__PURE__*/_react.default.createElement(_BaseField.BaseField, _extends({}, props, {
     handle: props.handle
   }), base => /*#__PURE__*/_react.default.createElement(LabelFieldWrapper, _extends({
     base: base
   }, props)));
-}));
+});
 var _default = exports.default = LabelField;

package/dist/components/form/LookupField.js

@@ -19,7 +19,7 @@ var _DialogTitle = _interopRequireDefault(require("@mui/material/DialogTitle"));
 var _Icon = _interopRequireDefault(require("../Icon"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const LookupFieldComponent = exports.LookupFieldComponent = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const LookupFieldComponent = exports.LookupFieldComponent = /*#__PURE__*/_react.default.memo(props => {
   var _props$config$attribu, _props$config$attribu2, _props$config$attribu3, _props$config$attribu4, _props$config$attribu5, _props$config$attribu6, _props$config$attribu7, _props$config$attribu8;
   const [currentSelection, setCurrentSelection] = _react.default.useState(null);
   const [open, setOpen] = _react.default.useState(false);
@@ -187,8 +187,8 @@ const LookupFieldComponent = exports.LookupFieldComponent = /*#__PURE__*/_react.
     color: "primary",
     disabled: _Utils.default.isNull(currentSelection)
   }, "Ok"))))));
-}));
-const LookupField = exports.LookupField = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
+});
+const LookupField = exports.LookupField = /*#__PURE__*/_react.default.memo(props => {
   const [gridHandle] = _react.default.useState({});
   return /*#__PURE__*/_react.default.createElement(_BaseField.BaseField, _extends({}, props, {
     handle: props.handle,
@@ -219,5 +219,5 @@ const LookupField = exports.LookupField = /*#__PURE__*/_react.default.memo(/*#__
     gridHandle: gridHandle,
     base: base
   }, props)));
-}));
+});
 var _default = exports.default = LookupField;

package/dist/components/form/RadioGroup.js

@@ -17,7 +17,7 @@ var _DynamicJS = _interopRequireDefault(require("../../DynamicJS"));
 var _ApplicationManager = _interopRequireDefault(require("../../ApplicationManager"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const RadioGroupWrapper = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const RadioGroupWrapper = /*#__PURE__*/_react.default.memo(props => {
   const base = props.base;
   const label = _Utils.default.getComponentAttribute(props.config, 'label', null);
   // TODO : Support calling a rest end-point to get options
@@ -68,8 +68,8 @@ const RadioGroupWrapper = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.d
       color: "rgb(244, 67, 54)"
     }
   }, base.errorMessage));
-}));
-const RadioGroup = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
+});
+const RadioGroup = /*#__PURE__*/_react.default.memo(props => {
   const defaultValue = _Utils.default.getComponentAttribute(props.config, 'defaultValue', null);
   return /*#__PURE__*/_react.default.createElement(_BaseField.BaseField, _extends({}, props, {
     handle: props.handle,
@@ -83,5 +83,5 @@ const RadioGroup = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.
     base: base,
     defaultValue: defaultValue
   }, props)));
-}));
+});
 var _default = exports.default = RadioGroup;

package/dist/components/form/Section.js

@@ -14,7 +14,7 @@ var _HtmlPanel = _interopRequireDefault(require("../HtmlPanel"));
 var _Video = _interopRequireDefault(require("../media/Video"));
 var _VideoPlayer = _interopRequireDefault(require("../media/VideoPlayer"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const Section = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const Section = /*#__PURE__*/_react.default.memo(props => {
   const [fieldGrid, setFieldGrid] = _react.default.useState(null);
   const [width, setWidth] = _react.default.useState(null);
   const [componentHandles] = _react.default.useState({});
@@ -47,7 +47,6 @@ const Section = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.for
       disabled: props.disabled,
       form: props.form,
       handle: createComponentHandle(component),
-      ref: /*#__PURE__*/_react.default.createRef(),
       parentId: props.parentId,
       viewId: props.viewId,
       values: props.values,
@@ -58,7 +57,6 @@ const Section = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.for
       disabled: props.disabled,
       form: props.form,
       handle: createComponentHandle(component),
-      ref: /*#__PURE__*/_react.default.createRef(),
       viewId: props.viewId,
       values: props.values,
       key: componentKey++
@@ -66,14 +64,12 @@ const Section = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.for
       config: component,
       disabled: props.disabled,
       handle: createComponentHandle(component),
-      ref: /*#__PURE__*/_react.default.createRef(),
       key: componentKey++,
       viewId: props.viewId
     }) : component.type === 'htmlPanel' ? /*#__PURE__*/_react.default.createElement(_HtmlPanel.default, {
       config: component,
       handle: createComponentHandle(component),
       disabled: props.disabled,
-      ref: /*#__PURE__*/_react.default.createRef(),
       viewId: props.viewId,
       key: componentKey++,
       values: props.values
@@ -144,5 +140,5 @@ const Section = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.for
       width: width
     }
   }, !_Utils.default.isNull(fieldGrid) ? render(props.config) : null);
-}));
+});
 var _default = exports.default = Section;

package/dist/components/form/SelectItem.js

@@ -124,7 +124,7 @@ const SelectItemComponent = props => {
     value: option.id
   }, _Utils.default.isNull(option.dataRecordDescription) ? '' : option.dataRecordDescription.trim()))), base.hasError && /*#__PURE__*/_react.default.createElement(_material.FormHelperText, null, base.errorMessage));
 };
-const SelectItem = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const SelectItem = /*#__PURE__*/_react.default.memo(props => {
   const [refreshData, setRefreshData] = _react.default.useState(false);
   return /*#__PURE__*/_react.default.createElement(_BaseField.BaseField, _extends({}, props, {
     handle: props.handle,
@@ -138,5 +138,5 @@ const SelectItem = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.
     refreshData: refreshData,
     base: base
   }, props)));
-}));
+});
 var _default = exports.default = SelectItem;

package/dist/components/form/SignatureTemplateDesignerField.js

@@ -10,7 +10,7 @@ var _SignatureTemplateDesigner = _interopRequireDefault(require("../signatures/S
 var _Utils = _interopRequireDefault(require("../../Utils"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const SignatureTemplateDesignerComponent = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const SignatureTemplateDesignerComponent = /*#__PURE__*/_react.default.memo(props => {
   const base = props.base;
   const designerHandler = _react.default.useState({});
   return /*#__PURE__*/_react.default.createElement(_SignatureTemplateDesigner.default, {
@@ -24,12 +24,12 @@ const SignatureTemplateDesignerComponent = /*#__PURE__*/_react.default.memo(/*#_
       base.handleValueChange(value);
     }
   });
-}));
-const SignatureTemplateDesignerField = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
+});
+const SignatureTemplateDesignerField = /*#__PURE__*/_react.default.memo(props => {
   return /*#__PURE__*/_react.default.createElement(_BaseField.BaseField, _extends({}, props, {
     handle: props.handle
   }), base => /*#__PURE__*/_react.default.createElement(SignatureTemplateDesignerComponent, _extends({
     base: base
   }, props)));
-}));
+});
 var _default = exports.default = SignatureTemplateDesignerField;

package/dist/components/form/Switch.js

@@ -11,7 +11,7 @@ var _BaseField = require("./BaseField");
 var _Utils = _interopRequireDefault(require("../../Utils"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const SwitchWrapper = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const SwitchWrapper = /*#__PURE__*/_react.default.memo(props => {
   const base = props.base;
   return /*#__PURE__*/_react.default.createElement(_FormControlLabel.default, {
     control: /*#__PURE__*/_react.default.createElement(_Switch.default, {
@@ -29,12 +29,12 @@ const SwitchWrapper = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.defau
     }),
     label: _Utils.default.getComponentAttribute(props.config, 'label', '')
   });
-}));
-const Switch = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
+});
+const Switch = /*#__PURE__*/_react.default.memo(props => {
   return /*#__PURE__*/_react.default.createElement(_BaseField.BaseField, _extends({}, props, {
     handle: props.handle
   }), base => /*#__PURE__*/_react.default.createElement(SwitchWrapper, _extends({
     base: base
   }, props)));
-}));
+});
 var _default = exports.default = Switch;

package/dist/components/form/TextField.js

@@ -6,15 +6,14 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
-var _styles = require("@mui/styles");
 var _BaseField = require("./BaseField");
 var _Utils = _interopRequireDefault(require("../../Utils"));
 var _reactRedux = require("react-redux");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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 _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const TextFieldWrapper = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
-  var _props$config$attribu, _props$config$attribu2, _props$config$attribu3, _props$config$attribu4;
+const TextFieldWrapper = /*#__PURE__*/_react.default.memo(props => {
+  var _props$config$attribu, _props$config$attribu2, _props$config$attribu3, _props$config$attribu4, _ref;
   const base = props.base;
   const [multiline] = _react.default.useState(props.multiline);
   const width = !_Utils.default.isNull((_props$config$attribu = props.config.attributes) === null || _props$config$attribu === void 0 || (_props$config$attribu = _props$config$attribu.style) === null || _props$config$attribu === void 0 ? void 0 : _props$config$attribu.width) ? props.config.attributes.style.width : "100%";
@@ -24,6 +23,8 @@ const TextFieldWrapper = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.de
   const secondaryColor = (0, _reactRedux.useSelector)(state => state.dashboard.secondaryThemeColor);
   const textRef = (0, _react.useRef)(null);
   const [rows, setRows] = (0, _react.useState)(1);
+  const [localValue, setLocalValue] = (0, _react.useState)(null);
+  const debounceRef = (0, _react.useRef)(null);
   _react.default.useEffect(() => {
     if (textRef.current) {
       const computedStyle = window.getComputedStyle(textRef.current);
@@ -38,9 +39,22 @@ const TextFieldWrapper = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.de
     required: base.required,
     inputRef: textRef,
     label: !_Utils.default.isNull(props.config.attributes) ? props.config.attributes['label'] : null,
-    value: !_Utils.default.isNull(base.value) || base.value === 0 ? base.value : '',
+    value: (_ref = localValue !== null && localValue !== void 0 ? localValue : base.value) !== null && _ref !== void 0 ? _ref : '',
     onChange: e => {
-      base.handleValueChange(e.target.value);
+      const value = e.target.value;
+      setLocalValue(value);
+      if (debounceRef.current) {
+        clearTimeout(debounceRef.current);
+      }
+      debounceRef.current = setTimeout(() => {
+        base.handleValueChange(value);
+      }, 200); // NOT 10ms
+    },
+    onBlur: () => {
+      if (debounceRef.current) {
+        clearTimeout(debounceRef.current);
+      }
+      base.handleValueChange(localValue);
     },
     slotProps: {
       input: {
@@ -66,15 +80,15 @@ const TextFieldWrapper = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.de
     },
     variant: "outlined"
   });
-}));
-const TextField = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
+});
+const TextField = /*#__PURE__*/_react.default.memo(props => {
   return /*#__PURE__*/_react.default.createElement(_BaseField.BaseField, _extends({}, props, {
     handle: props.handle,
     valueParser: (value, inbound) => {
-      return value ? value.toString().trim() : value;
+      return value ? value.toString() : value;
     }
   }), base => /*#__PURE__*/_react.default.createElement(TextFieldWrapper, _extends({
     base: base
   }, props)));
-}));
+});
 var _default = exports.default = TextField;

package/dist/components/form/TransferList.js

@@ -167,17 +167,19 @@ const TransferList = /*#__PURE__*/_react.default.memo((props, ref) => {
   const [selectionListHandle] = _react.default.useState({});
   const [data, setData] = _react.default.useState(null);
   const loadData = () => {
-    let method = props.config.dataService.type === 'rpc' ? _RestService.invokeRpc : _RestService.invokeRest;
-    method({
-      service: props.config.dataService,
-      component: props.handle,
-      viewId: props.viewId
-    }).then(result => {
-      setData(result);
-    }).catch(e => {
-      console.error(e);
-      _Utils.default.publishErrorMessage(e, props.viewId);
-    });
+    if (props.config.dataService) {
+      let method = props.config.dataService.type === 'rpc' ? _RestService.invokeRpc : _RestService.invokeRest;
+      method({
+        service: props.config.dataService,
+        component: props.handle,
+        viewId: props.viewId
+      }).then(result => {
+        setData(result);
+      }).catch(e => {
+        console.error(e);
+        _Utils.default.publishErrorMessage(e, props.viewId);
+      });
+    }
   };
   return /*#__PURE__*/_react.default.createElement(_BaseField.BaseField, _extends({}, props, {
     reference: ref,

package/dist/components/form/UploadField.js

@@ -45,7 +45,7 @@ const json = response => {
   return response.text();
 };
 const location = window.location.protocol + "//" + window.location.hostname;
-const DocumentUpload = exports.DocumentUpload = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const DocumentUpload = exports.DocumentUpload = /*#__PURE__*/_react.default.memo(props => {
   const [viewerFile, setViewerFile] = _react.default.useState(!_Utils.default.isNull(props.initialFile) ? props.initialFile : null);
   const [payloadStorageMode, setPayloadStorageMode] = _react.default.useState(props.config.payloadStorageMode || 'base64');
   const [files, setFiles] = _react.default.useState(!_Utils.default.isNull(props.initialFile) ? [props.initialFile] : null);
@@ -54,7 +54,6 @@ const DocumentUpload = exports.DocumentUpload = /*#__PURE__*/_react.default.memo
   const [multiple] = _react.default.useState(props.multiple === true);
   const [show, setShow] = _react.default.useState(false);
   const classes = useStyles();
-  const [reference, setReference] = _react.default.useState(ref ? ref : /*#__PURE__*/_react.default.createRef());
   const [hasError, setHasError] = _react.default.useState(null);
   const width = _Utils.default.getComponentAttribute(props.config, 'width', '200px');
   const height = _Utils.default.getComponentAttribute(props.config, 'height', '200px');
@@ -277,8 +276,8 @@ const DocumentUpload = exports.DocumentUpload = /*#__PURE__*/_react.default.memo
   }) : "", hasError ? /*#__PURE__*/_react.default.createElement("span", {
     className: classes.errorMessageDisplay
   }, errorMessage) : "");
-}));
-const UploadField = exports.UploadField = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
+});
+const UploadField = exports.UploadField = /*#__PURE__*/_react.default.memo(props => {
   const [file, setFile] = _react.default.useState(null);
   const clearTrigger = _react.default.useRef(false);
   return /*#__PURE__*/_react.default.createElement(_BaseField.BaseField, _extends({}, props, {
@@ -296,5 +295,5 @@ const UploadField = exports.UploadField = /*#__PURE__*/_react.default.memo(/*#__
     initialFile: file,
     clearTrigger: clearTrigger.current
   }, props)));
-}));
+});
 var _default = exports.default = UploadField;

package/dist/components/layout/Layout.js

@@ -378,8 +378,7 @@ const Layout = props => {
     })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, layout.components.map((component, index) => {
       let className = _Utils.default.getComponentAttribute(component, 'className', '');
       return component.type === 'layout' ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, renderComponent(component, index)) : /*#__PURE__*/_react.default.createElement(_react.Fragment, {
-        key: index,
-        className: "".concat(className, " col-*-* no-margin no-spacing")
+        key: index
       }, renderComponent(component, null));
     }));
   }

package/dist/components/layout/View.css

@@ -71,7 +71,6 @@
 
     display: flex;
     flex-direction: column;
-    justify-content: flex-end;   /* pushes content to the bottom */
 }
 
 .view .scrolling-body {

package/dist/components/menu/MenuLink.js

@@ -5,14 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _MenuItem = _interopRequireDefault(require("material-ui/MenuItem"));
-var _chevronRight = _interopRequireDefault(require("material-ui/svg-icons/navigation/chevron-right"));
 var _Utils = _interopRequireDefault(require("../../Utils"));
 var _Observable = _interopRequireDefault(require("../../event/Observable"));
 var _EventType = _interopRequireDefault(require("../../event/EventType"));
 var _Event = _interopRequireDefault(require("../../event/Event"));
 var _reactRedux = require("react-redux");
-var _DashboardStore = require("../../redux/store/DashboardStore");
 var _Icon = _interopRequireDefault(require("../Icon"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const MenuLink = props => {
@@ -60,7 +57,16 @@ const MenuLink = props => {
   const handle = {
     'api': api
   };
-  return /*#__PURE__*/_react.default.createElement("a", {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, props.content ? /*#__PURE__*/_react.default.createElement("div", {
+    onClick: e => handleClick(e),
+    style: {
+      width: '100%',
+      height: '100%',
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'center'
+    }
+  }, props.content) : /*#__PURE__*/_react.default.createElement("a", {
     onClick: e => handleClick(e),
     style: {
       color: 'inherit',
@@ -71,6 +77,6 @@ const MenuLink = props => {
     id: props.config.icon
   }), ' ', props.name, ' ') : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
     className: "sidebar-normal"
-  }, ' ', props.name, ' '), ' '), ' ');
+  }, ' ', props.name, ' '), ' '), ' '));
 };
 var _default = exports.default = MenuLink;

package/dist/components/observers/useOnFullyVisible.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useOnFullyVisible = useOnFullyVisible;
+var _react = require("react");
+function useOnFullyVisible(callback) {
+  let {
+    threshold = 0.99
+  } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  const ref = (0, _react.useRef)(null);
+  (0, _react.useEffect)(() => {
+    const el = ref.current;
+    if (!el) return;
+    const io = new IntersectionObserver(_ref => {
+      let [entry] = _ref;
+      if (entry.intersectionRatio >= threshold) {
+        io.disconnect();
+        callback(el);
+      }
+    }, {
+      threshold
+    });
+    io.observe(el);
+    return () => io.disconnect();
+  }, [callback, threshold]);
+  return ref;
+}

package/dist/components/observers/useResizeObserver.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useResizeObserver = useResizeObserver;
+var _react = require("react");
+function useResizeObserver(ref, callback) {
+  let delay = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 50;
+  const timeoutRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(() => {
+    if (!ref.current) return;
+    const observer = new ResizeObserver(() => {
+      if (timeoutRef.current) {
+        clearTimeout(timeoutRef.current);
+      }
+      timeoutRef.current = setTimeout(callback, delay);
+    });
+    observer.observe(ref.current);
+    return () => {
+      observer.disconnect();
+      if (timeoutRef.current) clearTimeout(timeoutRef.current);
+    };
+  }, [ref, callback, delay]);
+}

package/dist/js/ProcurementMeetings.js

@@ -17,6 +17,7 @@ class ProcurementMeetings {
     _defineProperty(this, "emitSocketEvent", (viewId, systemEventType, data, meeting) => {
       return new Promise((resolve, reject) => {
         let recipientIds = [];
+        console.log("emitSocketEvent : ", systemEventType, data, meeting);
         if (meeting && meeting.attendees) {
           for (const attendee of meeting.attendees) {
             let username = attendee.username;
@@ -79,10 +80,7 @@ class ProcurementMeetings {
         let api = _ApplicationManager.default.resolveComponentApi(viewId);
         api.model.currentStep = data.step;
         api.model.meetingStep = data.step;
-        let component = _ApplicationManager.default.resolveComponentApi("toolbar");
-        if (component) {
-          component.refresh();
-        }
+        this.refreshComponent("toolbar");
       } else if (event.systemEventType === 'documentSaved') {
         let documentType = data.documentType;
         if (documentType === 'minutes') {
@@ -90,6 +88,22 @@ class ProcurementMeetings {
         } else if (documentType === 'agenda') {
           meeting.agendaDocumentId = data.documentId;
         }
+      } else if (event.systemEventType === 'chairPersonChanged') {
+        let api = _ApplicationManager.default.resolveComponentApi(viewId);
+        api.model.isChairPerson = _ApplicationManager.default.getUserDetails().username === data.chairPersonId;
+        meeting.chairPersonId = data.chairPersonId;
+        this.refreshComponent("toolbar");
+        let component = _ApplicationManager.default.resolveComponentApi("meetingFunctionsTab");
+        if (component) {
+          component.redraw();
+        }
+        this.refreshComponent("participants");
+        this.refreshComponent("quorumWarning");
+      } else if (event.systemEventType === 'meetingAdjourned') {
+        let api = _ApplicationManager.default.resolveComponentApi(viewId);
+        api.model.meetingAdjournment = data;
+        this.refreshComponent("mainLayout");
+        this.refreshComponent("adjournmentLayout");
       }
     });
     _defineProperty(this, "showComponent", id => {
@@ -100,6 +114,13 @@ class ProcurementMeetings {
     });
     this.resolver = resolver;
   }
+  refreshComponent(id) {
+    let component = _ApplicationManager.default.resolveComponentApi(id);
+    if (component) {
+      component.refresh();
+    }
+    return component;
+  }
 }
 exports.ProcurementMeetings = ProcurementMeetings;
 const instance = new ProcurementMeetings();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agilemotion/oui-react-js",
-  "version": "1.8.76",
+  "version": "1.8.78",
   "description": "AgileMotion React UI Component Library - A comprehensive collection of dashboard components, forms, media controls, and more",
   "license": "ISC",
   "author": "",