@agilemotion/oui-react-js 1.3.9 → 1.4.1

package/dist/components/form/DatePicker.js

@@ -53,7 +53,7 @@ const CustomDatePickerComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*
   };
 
   const getLimitDate = id => {
-    let dateAttr = _Utils.default.getComponentAttribute(props.config, id, null);
+    let dateAttr = props.config[id];
 
     if (dateAttr) {
       if (dateAttr.toString().includes('now')) {
@@ -113,7 +113,9 @@ const CustomDatePickerComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*
     ref: ref
   }, /*#__PURE__*/_react.default.createElement(ThemedKeyboardDatePicker, {
     id: props.id,
-    InputProps: props.InputProps,
+    InputProps: {
+      readOnly: true
+    },
     disabled: base.disabled,
     required: base.required,
     format: "dd/MM/yyyy",
@@ -121,6 +123,7 @@ const CustomDatePickerComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*
     value: base.value ? base.value : null,
     className: props.className,
     error: base.hasError,
+    helperText: base.errorMessage,
     margin: "dense",
     inputVariant: "outlined",
     style: _Utils.default.mergeStyles({

package/dist/components/form/FieldSet.js

@@ -45,7 +45,7 @@ var _RestUtils = require("../../RestUtils");
 
 var _SignatureTemplateDesignerField = _interopRequireDefault(require("./SignatureTemplateDesignerField"));
 
-var _ApplicationContext = _interopRequireDefault(require("../../ApplicationContext"));
+var _ApplicationManager = _interopRequireDefault(require("../../ApplicationManager"));
 
 require("./fieldset.css");
 
@@ -66,7 +66,7 @@ var _IconField = _interopRequireDefault(require("./IconField"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 const FieldSet = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
-  const [fieldGrid, setFieldGrid] = _react.default.useState(null);
+  const [fieldGrid] = _react.default.useState(_Utils.default.getFieldGrid(props.config.attributes, props.config.fields));
 
   const [componentHandles] = _react.default.useState({});
 
@@ -91,17 +91,14 @@ const FieldSet = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
   }, []);
 
   _react.default.useEffect(() => {
+    props.handle.api = api();
     props.handle.api.refresh();
 
     let parsedConfig = _Utils.default.parseConfig(props.config, props.viewId);
 
     _Observable.default.addSubscriptions(parsedConfig.eventHandlingConfig, props.handle, props.viewId);
 
-    _Observable.default.addSystemSubscriptions(parsedConfig);
-
-    let fieldGrid = _Utils.default.getFieldGrid(props.config.attributes, props.config.fields);
-
-    setFieldGrid(fieldGrid);
+    _Observable.default.addSystemSubscriptions(props.viewId, parsedConfig);
   }, []);
 
   function fireChangeEvent() {
@@ -411,22 +408,17 @@ const FieldSet = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
       },
 
       get value() {
-        let value = {}; // TODO : First check if the form binding is map and process accordingly
-
-        let map = {};
+        let value = {};
         let formValue = props.form().value;
 
         if (formValue === null) {
           return null;
         }
 
-        if (!_Utils.default.isNull(formValue) && !_Utils.default.isNull(formValue.map)) {
-          for (const field of props.config.fields) {
-            map[field.id] = formValue.map[field.id];
-          }
+        for (const field of props.config.fields) {
+          value[field.id] = formValue[field.id];
         }
 
-        value.map = map;
         return value;
       },
 
@@ -437,9 +429,9 @@ const FieldSet = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
         if (componentValue) {
           let isEventData = componentValue.toString().startsWith('$event.data');
 
-          let isEpression = _ApplicationContext.default.isExpression(componentValue);
+          let isEpression = _ApplicationManager.default.isExpression(componentValue);
 
-          let val = isEventData || isEpression ? _ApplicationContext.default.resolveExpressionValue(componentValue, actionEvent ? actionEvent.data : null) : componentValue;
+          let val = isEventData || isEpression ? _ApplicationManager.default.resolveExpressionValue(componentValue, actionEvent ? actionEvent.data : null) : componentValue;
           props.form().bindData(val);
           let event = new _Event.default(props.handle, props.viewId, val);
 
@@ -471,15 +463,15 @@ const FieldSet = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
       refresh() {
         if (!_Utils.default.isNull(props.config) && !_Utils.default.isNull(props.config.visible)) {
           setVisible(_Utils.default.evaluateBooleanExpression(props.config.visible, props.config.id));
-          refreshComponents();
         } else {
           setVisible(true);
-          refreshComponents();
         }
 
         if (!_Utils.default.isNull(props.config) && !_Utils.default.isNull(props.config.disabled)) {
           setDisabled(_Utils.default.evaluateBooleanExpression(props.config.disabled, props.config.id));
         }
+
+        refreshComponents();
       }
 
     };

package/dist/components/form/Form.js

@@ -21,7 +21,7 @@ var _asyncMutex = require("async-mutex");
 
 var _Observable = _interopRequireDefault(require("../../event/Observable"));
 
-var _ApplicationContext = _interopRequireDefault(require("../../ApplicationContext"));
+var _ApplicationManager = _interopRequireDefault(require("../../ApplicationManager"));
 
 var _ServiceCallActionHandler = _interopRequireDefault(require("../../event/ServiceCallActionHandler"));
 
@@ -184,11 +184,10 @@ const Form = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwa
 
           data = values.current;
 
-          if (!_Utils.default.isNull(containerErrorCallback.current) && _ApplicationContext.default.isFormMarkersEnabled()) {
+          if (!_Utils.default.isNull(containerErrorCallback.current) && _ApplicationManager.default.isFormMarkersEnabled()) {
             containerErrorCallback.current(fieldParentErrors);
           }
 
-          console.log("FORM : " + valid);
           return valid ? data : null;
         }
 
@@ -251,12 +250,16 @@ const Form = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwa
   };
 
   function updateViewTitle() {
-    let currentView = _ApplicationContext.default.getCurrentView();
+    if (props.viewId) {
+      let view = _ApplicationManager.default.getView(props.viewId);
 
-    let title = currentView.config.title;
+      if (view) {
+        let title = view.config.title;
 
-    if (title.includes(props.config.id)) {
-      _ApplicationContext.default.updateAppBarTitle(currentView.config.id, title);
+        if (title.includes(props.config.id)) {
+          _ApplicationManager.default.updateAppBarTitle(view.config.id, title);
+        }
+      }
     }
   }
 
@@ -278,7 +281,7 @@ const Form = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwa
 
   function loadData(eventConfig, componentConfig, eventData = null) {
     let service = !_Utils.default.isNull(componentConfig.dataService) ? componentConfig.dataService : eventConfig !== null ? eventConfig.dataService : null;
-    let componentValue = !_Utils.default.isNull(componentConfig.value) ? _ApplicationContext.default.resolveParameterConfigValue(componentConfig.value, eventData) : eventConfig !== null ? _ApplicationContext.default.resolveParameterConfigValue(eventConfig.value, eventData) : null;
+    let componentValue = !_Utils.default.isNull(componentConfig.value) ? _ApplicationManager.default.resolveParameterConfigValue(componentConfig.value, eventData) : eventConfig !== null ? _ApplicationManager.default.resolveParameterConfigValue(eventConfig.value, eventData) : null;
 
     if (!_Utils.default.isNull(service)) {
       if (service.type === 'rpc') {
@@ -320,17 +323,17 @@ const Form = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwa
       return true;
     } else {
       if (!_Utils.default.isNull(componentValue)) {
-        if (!_ApplicationContext.default.isExpression(componentValue)) {
-          componentValue = _ApplicationContext.default.fillEventDataValue(componentValue, eventData);
+        if (!_ApplicationManager.default.isExpression(componentValue)) {
+          componentValue = _ApplicationManager.default.fillEventDataValue(componentValue, eventData);
         }
 
         let isEventData = componentValue.toString().startsWith('$event.data');
 
-        if (_ApplicationContext.default.isExpression(componentValue) && !isEventData) {
+        if (_ApplicationManager.default.isExpression(componentValue) && !isEventData) {
           let path = _Utils.default.getPropertyChainPath(componentValue);
 
           if (!_Utils.default.isNull(path.valueObject)) {
-            _Observable.default.addSystemGeneratedSubscription(props.viewId, props.config.id, () => {
+            _Observable.default.addSystemGeneratedSubscription(props.viewId, props.viewId, props.config.id, () => {
               let value = _DynamicJS.default.executeScript("".concat(props.config.id, "ValueEvaluator"), componentValue);
 
               if (!_Utils.default.isNull(value)) {
@@ -347,7 +350,7 @@ const Form = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwa
             });
           }
         } else {
-          let val = isEventData ? _ApplicationContext.default.resolveExpressionValue(componentValue, eventData) : componentValue;
+          let val = isEventData ? _ApplicationManager.default.resolveExpressionValue(componentValue, eventData) : componentValue;
 
           if (binder === 'MAP_OBJECT' && _Utils.default.isNull(componentValue.map)) {
             val = {};
@@ -377,6 +380,7 @@ const Form = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwa
   });
 
   _react.default.useEffect(() => {
+    props.handle.api = api();
     let eventHandlingConfig = _Utils.default.isNull(config.eventHandlingConfig) ? {} : config.eventHandlingConfig;
     eventHandlingConfig.subscriptions = _Utils.default.isNull(eventHandlingConfig.subscriptions) ? [] : eventHandlingConfig.subscriptions;
 
@@ -397,7 +401,7 @@ const Form = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwa
 
     _Observable.default.addSubscriptions(eventHandlingConfig, props.handle, props.viewId);
 
-    _Observable.default.addSystemSubscriptions(config);
+    _Observable.default.addSystemSubscriptions(props.viewId, config);
 
     setConfig(config);
 
@@ -413,6 +417,10 @@ const Form = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwa
     let event = new _Event.default(props.handle, props.viewId, null);
 
     _Observable.default.fireEvent(_EventType.default.COMPONENT_LOAD, event);
+
+    return () => {
+      _Observable.default.clearComponentEventListeners(props.handle);
+    };
   }, []);
 
   _react.default.useEffect(() => {
@@ -577,7 +585,7 @@ const Form = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwa
       fieldParentErrors[field.parentId] = isParentInvalid;
     }
 
-    if (updateErrors && !_Utils.default.isNull(containerErrorCallback.current) && _ApplicationContext.default.isFormMarkersEnabled()) {
+    if (updateErrors && !_Utils.default.isNull(containerErrorCallback.current) && _ApplicationManager.default.isFormMarkersEnabled()) {
       containerErrorCallback.current(fieldParentErrors);
     }
 
@@ -667,7 +675,7 @@ const Form = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwa
       }
     }
 
-    _ApplicationContext.default.enableFormMarkers(false);
+    _ApplicationManager.default.enableFormMarkers(false);
 
     _Observable.default.processSystemGeneratedSubscriptions(props.config.id);
 

package/dist/components/form/ImageEditor.js

@@ -15,7 +15,7 @@ var _styles = require("@material-ui/core/styles");
 
 var _Utils = _interopRequireDefault(require("../../Utils"));
 
-var _ApplicationContext = _interopRequireDefault(require("./../../ApplicationContext"));
+var _ApplicationManager = _interopRequireDefault(require("../../ApplicationManager"));
 
 var _Icon = _interopRequireDefault(require("../Icon"));
 
@@ -103,7 +103,7 @@ const ImageEditorComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_rea
   function process(callback, data, action) {
     let fetchConfig = getFetchConfig(data);
 
-    let url = location + _ApplicationContext.default.getContextRoot() + _Utils.default.getComponentAttribute(props.config, 'processingUrl', null) + "/" + action + "/" + _Utils.default.getComponentAttribute(props.config, "mode", "DOC");
+    let url = location + _ApplicationManager.default.getContextRoot() + _Utils.default.getComponentAttribute(props.config, 'processingUrl', null) + "/" + action + "/" + _Utils.default.getComponentAttribute(props.config, "mode", "DOC");
 
     let rotateAngle = getRotateAngle(action);
 
@@ -115,9 +115,9 @@ const ImageEditorComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_rea
       callback(data);
     }).catch(e => {
       if (e.code === 401) {
-        _ApplicationContext.default.clear();
+        _ApplicationManager.default.clear();
 
-        _ApplicationContext.default.getApplicationHistory().push('/login');
+        _ApplicationManager.default.getApplicationHistory().push('/login');
       }
     }));
   }

package/dist/components/form/MultiFileUploadField.js

@@ -49,16 +49,16 @@ const json = response => {
   return response.text();
 };
 
-const location = window.location.protocol + "//" + window.location.hostname;
+const location = window.location.protocol + '//' + window.location.hostname;
 
-const DocumentUpload = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const DocumentUpload = props => {
   const [files, setFiles] = _react.default.useState(null);
 
   const [multiple] = _react.default.useState(props.multiple === true);
 
   const classes = useStyles();
 
-  const [errorMessage, setErrorMessage] = _react.default.useState("");
+  const [errorMessage, setErrorMessage] = _react.default.useState('');
 
   const base = props.base;
 
@@ -126,18 +126,18 @@ const DocumentUpload = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
     type: "file"
   }), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("label", {
     htmlFor: "contained-button-file-".concat(props.config.id)
-  }, /*#__PURE__*/_react.default.createElement(_Button.default, {
+  }, !base.disabled && /*#__PURE__*/_react.default.createElement(_Button.default, {
     component: "span",
     disabled: base.disabled,
     className: classes.button,
     style: {
-      border: base.hasError ? "1px solid #f44336" : null,
-      color: base.hasError ? "#f44336" : null
+      border: base.hasError ? '1px solid #f44336' : null,
+      color: base.hasError ? '#f44336' : null
     }
   }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
     id: _Utils.default.getComponentAttribute(props.config, 'icon', 'UPLOAD')
-  }), props.config.attributes['label'] ? props.config.attributes['label'] : ""))), /*#__PURE__*/_react.default.createElement("div", {
-    className: "row",
+  }), props.config.attributes['label'] ? props.config.attributes['label'] : ''))), /*#__PURE__*/_react.default.createElement("div", {
+    className: 'row',
     style: {
       marginLeft: '8px',
       marginRight: '0',
@@ -145,23 +145,25 @@ const DocumentUpload = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
     }
   }, files ? files.map((file, index) => {
     return /*#__PURE__*/_react.default.createElement("div", {
-      className: "col",
+      key: index,
       style: {
         marginLeft: '0',
-        marginRight: '0'
+        marginRight: '8px'
       }
     }, /*#__PURE__*/_react.default.createElement(_FileThumb.default, {
+      key: file.name,
       file: file,
+      disabled: base.disabled,
       onDelete: file => {
         deleteFile(file);
       }
     }));
   }) : null)));
-}));
+};
 
 exports.DocumentUpload = DocumentUpload;
 
-const MultiFileUploadField = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const MultiFileUploadField = props => {
   const clearTrigger = _react.default.useRef(false);
 
   return /*#__PURE__*/_react.default.createElement(_BaseField.BaseField, _extends({}, props, {
@@ -175,11 +177,10 @@ const MultiFileUploadField = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_rea
       }
     }
   }), base => /*#__PURE__*/_react.default.createElement(DocumentUpload, _extends({
-    ref: ref,
     base: base,
     clearTrigger: clearTrigger.current
   }, props)));
-}));
+};
 
 exports.MultiFileUploadField = MultiFileUploadField;
 var _default = MultiFileUploadField;

package/dist/components/form/RadioGroup.js

@@ -19,10 +19,6 @@ var _BaseField = require("./BaseField");
 
 var _Utils = _interopRequireDefault(require("../../Utils"));
 
-var _TextField = _interopRequireDefault(require("./TextField"));
-
-var _Observable = _interopRequireDefault(require("../../event/Observable"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -35,14 +31,13 @@ const RadioGroupWrapper = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.
 
   const options = _Utils.default.getComponentAttribute(props.config, 'options', []);
 
-  const [initializing, setInitializing] = _react.default.useState(true);
+  const [value, setValue] = _react.default.useState(base.value ? base.value : props.defaultValue);
 
   _react.default.useEffect(() => {
-    if (initializing) {
-      base.handleValueChange(props.defaultValue);
-      setInitializing(false);
+    if (base.value) {
+      setValue(base.value);
     }
-  });
+  }, [base.value]);
 
   return /*#__PURE__*/_react.default.createElement("div", {
     style: {
@@ -56,14 +51,18 @@ const RadioGroupWrapper = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.
     "aria-label": "gender",
     name: "radios",
     required: base.required,
+    helperText: base.errorMessage,
     onChange: e => {
       base.handleValueChange(e.target.value);
     },
     error: base.hasError
-  }, options.map(option => {
+  }, options.map((option, index) => {
     return /*#__PURE__*/_react.default.createElement(_FormControlLabel.default, {
+      key: index,
       value: option.value,
-      control: /*#__PURE__*/_react.default.createElement(_Radio.default, null),
+      control: /*#__PURE__*/_react.default.createElement(_Radio.default, {
+        checked: option.value === value
+      }),
       label: option.label
     });
   })));

package/dist/components/form/Section.js

@@ -19,6 +19,10 @@ var _Grid = _interopRequireDefault(require("@material-ui/core/Grid"));
 
 var _HtmlPanel = _interopRequireDefault(require("../HtmlPanel"));
 
+var _Video = _interopRequireDefault(require("../media/Video"));
+
+var _VideoPlayer = _interopRequireDefault(require("../media/VideoPlayer"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 const Section = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
@@ -76,6 +80,12 @@ const Section = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.fo
       viewId: props.viewId,
       values: props.values,
       key: componentKey++
+    }) : component.type === 'videoPlayer' ? /*#__PURE__*/_react.default.createElement(_VideoPlayer.default, {
+      config: component,
+      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),

package/dist/components/form/TimePicker.js

@@ -75,6 +75,7 @@ const CustomTimePickerComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*
     value: base.value,
     className: props.className,
     error: base.hasError,
+    helperText: base.errorMessage,
     margin: "dense",
     inputVariant: "outlined",
     style: {