@agilemotion/oui-react-js 1.2.6 → 1.2.8

package/dist/components/form/Form.js

@@ -51,140 +51,138 @@ function _nonIterableRest() { throw new TypeError("Invalid attempt to destructur
 
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 
 function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-var useStyles = (0, _styles.makeStyles)(function (theme) {
-  return {
-    container: {
-      display: 'flex',
-      flexWrap: 'wrap',
-      width: '100%',
-      "& tr td": {
-        verticalAlign: "top"
-      }
-    },
-    select: {
-      margin: theme.spacing(1),
-      minWidth: 120,
-      minHeight: 48
-    },
-    selectEmpty: {
-      marginTop: theme.spacing(2)
-    },
-    root: {}
-  };
-});
+const useStyles = (0, _styles.makeStyles)(theme => ({
+  container: {
+    display: 'flex',
+    flexWrap: 'wrap',
+    width: '100%',
+    "& tr td": {
+      verticalAlign: "top"
+    }
+  },
+  select: {
+    margin: theme.spacing(1),
+    minWidth: 120,
+    minHeight: 48
+  },
+  selectEmpty: {
+    marginTop: theme.spacing(2)
+  },
+  root: {}
+}));
 
-var Form = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _React$useState = _react.default.useState(!_Utils.default.isNull(props.values) ? props.values : {}),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      values = _React$useState2[0],
-      setValues = _React$useState2[1];
+const Form = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const _React$useState = _react.default.useState(!_Utils.default.isNull(props.values) ? props.values : {}),
+        _React$useState2 = _slicedToArray(_React$useState, 2),
+        values = _React$useState2[0],
+        setValues = _React$useState2[1];
 
-  var _React$useState3 = _react.default.useState(null),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      masterValues = _React$useState4[0],
-      setMasterValues = _React$useState4[1];
+  const _React$useState3 = _react.default.useState(null),
+        _React$useState4 = _slicedToArray(_React$useState3, 2),
+        masterValues = _React$useState4[0],
+        setMasterValues = _React$useState4[1];
 
-  var _React$useState5 = _react.default.useState(null),
-      _React$useState6 = _slicedToArray(_React$useState5, 2),
-      config = _React$useState6[0],
-      setConfig = _React$useState6[1];
+  const _React$useState5 = _react.default.useState(null),
+        _React$useState6 = _slicedToArray(_React$useState5, 2),
+        config = _React$useState6[0],
+        setConfig = _React$useState6[1];
 
-  var _React$useState7 = _react.default.useState(_Utils.default.isNull(props.config.binder) ? 'PLAIN_OBJECT' : props.config.binder),
-      _React$useState8 = _slicedToArray(_React$useState7, 1),
-      binder = _React$useState8[0];
+  const _React$useState7 = _react.default.useState(_Utils.default.isNull(props.config.binder) ? 'PLAIN_OBJECT' : props.config.binder),
+        _React$useState8 = _slicedToArray(_React$useState7, 1),
+        binder = _React$useState8[0];
 
-  var _React$useState9 = _react.default.useState([]),
-      _React$useState10 = _slicedToArray(_React$useState9, 1),
-      fields = _React$useState10[0];
+  const _React$useState9 = _react.default.useState([]),
+        _React$useState10 = _slicedToArray(_React$useState9, 1),
+        fields = _React$useState10[0];
 
-  var containerErrorCallback = _react.default.useRef();
+  const containerErrorCallback = _react.default.useRef();
 
-  var _React$useState11 = _react.default.useState({}),
-      _React$useState12 = _slicedToArray(_React$useState11, 1),
-      sectionHandles = _React$useState12[0];
+  const _React$useState11 = _react.default.useState({}),
+        _React$useState12 = _slicedToArray(_React$useState11, 1),
+        sectionHandles = _React$useState12[0];
 
-  var _React$useState13 = _react.default.useState([]),
-      _React$useState14 = _slicedToArray(_React$useState13, 1),
-      loadedComponents = _React$useState14[0];
+  const _React$useState13 = _react.default.useState([]),
+        _React$useState14 = _slicedToArray(_React$useState13, 1),
+        loadedComponents = _React$useState14[0];
 
-  var _React$useState15 = _react.default.useState({}),
-      _React$useState16 = _slicedToArray(_React$useState15, 1),
-      fieldParentErrors = _React$useState16[0];
+  const _React$useState15 = _react.default.useState({}),
+        _React$useState16 = _slicedToArray(_React$useState15, 1),
+        fieldParentErrors = _React$useState16[0];
 
-  var loadingRef = _react.default.useRef(true);
+  const loadingRef = _react.default.useRef(true);
 
-  var _React$useState17 = _react.default.useState(true),
-      _React$useState18 = _slicedToArray(_React$useState17, 2),
-      initializing = _React$useState18[0],
-      setInitializing = _React$useState18[1];
+  const _React$useState17 = _react.default.useState(true),
+        _React$useState18 = _slicedToArray(_React$useState17, 2),
+        initializing = _React$useState18[0],
+        setInitializing = _React$useState18[1];
 
-  var mutex = new _asyncMutex.Mutex();
-  var sectionCounter = 0;
+  const mutex = new _asyncMutex.Mutex();
+  let sectionCounter = 0;
 
-  var api = function api() {
+  const api = () => {
     return {
       get id() {
         return props.config.id;
       },
 
-      doUpdateValue: function doUpdateValue(name, value) {
+      doUpdateValue: (name, value) => {
         return updateValue(name, value);
       },
-      clear: function clear() {
+      clear: () => {
         doClear();
       },
-      setValue: function setValue(id, value) {
+      setValue: (id, value) => {
         doHandleChange(id, value);
       },
-      handleSelectItemChange: function handleSelectItemChange(name, options, selectedId) {
+      handleSelectItemChange: (name, options, selectedId) => {
         return _handleSelectItemChange(name, options, selectedId);
       },
-      handleChange: function handleChange(id, value) {
+      handleChange: (id, value) => {
         doHandleChange(id, value);
       },
-      getValuePath: function getValuePath(id, values) {
+      getValuePath: (id, values) => {
         return _getValuePath(id, values);
       },
-      addField: function addField(id, ref, parentId, bindValueToForm) {
+      addField: (id, ref, parentId, bindValueToForm) => {
         return _addField(id, ref, parentId, bindValueToForm);
       },
-      removeField: function removeField(id) {
+      removeField: id => {
         _removeField(id);
       },
-      loadData: function loadData(actionConfig) {
+      loadData: actionConfig => {
         _loadData(actionConfig, config);
       },
-      bindData: function bindData(data) {
+      bindData: data => {
         doBindData(data);
       },
-      validateParent: function validateParent(id, invalid) {
+      validateParent: (id, invalid) => {
         doValidateParent(getField(id), invalid);
       },
 
       get fieldDataBindings() {
-        var fieldNames = [];
+        let fieldNames = [];
 
-        for (var i = 0; i < props.config.sections.length; i++) {
-          var section = props.config.sections[i];
+        for (let i = 0; i < props.config.sections.length; i++) {
+          let section = props.config.sections[i];
 
-          for (var j = 0; j < section.components.length; j++) {
-            var component = section.components[j];
-            var _fields = null;
+          for (let j = 0; j < section.components.length; j++) {
+            let component = section.components[j];
+            let fields = null;
 
             if (component.type === 'tab') {
-              _fields = getFieldsFromTab(component);
+              fields = getFieldsFromTab(component);
             } else {
-              _fields = component.fields;
+              fields = component.fields;
             }
 
-            for (var k = 0; k < _fields.length; k++) {
-              var field = _fields[k];
+            for (let k = 0; k < fields.length; k++) {
+              let field = fields[k];
               fieldNames.push(!_Utils.default.isNull(field.dataBinding) ? field.dataBinding : field.id);
             }
           }
@@ -208,14 +206,14 @@ var Form = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forward
 
       get value() {
         if (loadingRef.current === false) {
-          var data = null;
-          var currentValue = values;
-          var valid = true;
-          var parentErrors = {};
+          let data = null;
+          let currentValue = values;
+          let valid = true;
+          let parentErrors = {};
 
           if (binder === 'MAP_OBJECT') {
             data = {};
-            var map = !_Utils.default.isNull(masterValues) ? JSON.parse(JSON.stringify(masterValues.map)) : {};
+            let map = !_Utils.default.isNull(masterValues) ? JSON.parse(JSON.stringify(masterValues.map)) : {};
 
             if (_Utils.default.isNull(map.id)) {
               map.id = values.id;
@@ -226,21 +224,21 @@ var Form = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forward
 
             try {
               for (_iterator.s(); !(_step = _iterator.n()).done;) {
-                var field = _step.value;
+                const field = _step.value;
 
                 if (field.bindValueToForm === false) {
                   continue;
                 }
 
-                var fieldValid = field.handle.api.validate(values, null);
+                let fieldValid = field.handle.api.validate(values, null);
 
                 if (fieldValid === false) {
                   doValidateParent(field, !fieldValid);
                   valid = false;
                 } else if (valid) {
-                  var id = field.id;
+                  let id = field.id;
 
-                  var path = _getValuePath(id, values);
+                  let path = _getValuePath(id, values);
 
                   map[id] = field.handle.api.parseValue(path.valueObject[path.valueProperty], false);
                 }
@@ -266,31 +264,31 @@ var Form = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forward
         return null;
       },
 
-      setFieldError: function setFieldError(id, error) {
+      setFieldError: (id, error) => {
         return _setFieldError(id, error);
       },
-      getChildren: function getChildren() {
-        var children = [];
+      getChildren: () => {
+        let children = [];
 
-        for (var i = 0; i < fields.length; i++) {
-          var field = fields[i];
+        for (let i = 0; i < fields.length; i++) {
+          let field = fields[i];
           children.push(field.handle);
-          var moreChildren = field.handle.api.getChildren();
+          let moreChildren = field.handle.api.getChildren();
 
-          for (var j = 0; j < moreChildren.length; j++) {
+          for (let j = 0; j < moreChildren.length; j++) {
             children.push(moreChildren[j]);
           }
         }
 
-        var properties = Object.getOwnPropertyNames(sectionHandles);
+        let properties = Object.getOwnPropertyNames(sectionHandles);
 
         var _iterator2 = _createForOfIteratorHelper(properties),
             _step2;
 
         try {
           for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-            var property = _step2.value;
-            var sectionHandle = sectionHandles[property];
+            const property = _step2.value;
+            let sectionHandle = sectionHandles[property];
             children.push(sectionHandle);
 
             var _iterator3 = _createForOfIteratorHelper(sectionHandle.api.getChildren()),
@@ -298,7 +296,7 @@ var Form = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forward
 
             try {
               for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
-                var child = _step3.value;
+                const child = _step3.value;
                 children.push(child);
               }
             } catch (err) {
@@ -318,9 +316,9 @@ var Form = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forward
     };
   };
 
-  var createSectionHandle = function createSectionHandle(section) {
+  const createSectionHandle = section => {
     if (_Utils.default.isNull(sectionHandles[section.id])) {
-      var handle = {};
+      let handle = {};
       sectionHandles[section.id] = handle;
       return handle;
     }
@@ -329,9 +327,9 @@ var Form = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forward
   };
 
   function updateViewTitle() {
-    var currentView = _ApplicationContext.default.getCurrentView();
+    let currentView = _ApplicationContext.default.getCurrentView();
 
-    var title = currentView.config.title;
+    let title = currentView.config.title;
 
     if (title.includes(props.config.id)) {
       _ApplicationContext.default.updateAppBarTitle(currentView.config.id, title);
@@ -342,7 +340,7 @@ var Form = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forward
     updateViewTitle();
 
     if (!_Utils.default.isNull(data)) {
-      var event = new _Event.default(props.handle, props.viewId, data);
+      let event = new _Event.default(props.handle, props.viewId, data);
 
       _Observable.default.fireEvent(_EventType.default.DATA_ARRIVED, event);
     }
@@ -354,7 +352,7 @@ var Form = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forward
 
     try {
       for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
-        var field = _step4.value;
+        const field = _step4.value;
 
         _Observable.default.processSystemGeneratedSubscriptions(field.handle.api.id);
       }
@@ -366,12 +364,12 @@ var Form = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forward
   }
 
   function _loadData(eventConfig, componentConfig) {
-    var service = !_Utils.default.isNull(componentConfig.dataService) ? componentConfig.dataService : eventConfig !== null ? eventConfig.dataService : null;
-    var componentValue = !_Utils.default.isNull(componentConfig.value) ? componentConfig.value : eventConfig !== null ? eventConfig.value : null;
+    let service = !_Utils.default.isNull(componentConfig.dataService) ? componentConfig.dataService : eventConfig !== null ? eventConfig.dataService : null;
+    let componentValue = !_Utils.default.isNull(componentConfig.value) ? componentConfig.value : eventConfig !== null ? eventConfig.value : null;
 
     if (!_Utils.default.isNull(service)) {
       if (service.type === 'remoteObjectProxy') {
-        (0, _RestUtils.invokeRpc)(service, props.handle, props.viewId, function (result) {
+        (0, _RestUtils.invokeRpc)(service, props.handle, props.viewId, result => {
           try {
             if (!_Utils.default.isNull(result.data)) {
               parseValues(transformDataObject(result.data));
@@ -381,11 +379,11 @@ var Form = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forward
           } catch (e) {
             console.error(e);
           }
-        }, function (e) {
+        }, e => {
           console.error(e);
 
           _Utils.default.publishSystemErrorMessage(props.viewId);
-        }, function (parameter) {
+        }, parameter => {
           loadingRef.current = false;
           handleDataArrived({});
         });
@@ -396,22 +394,22 @@ var Form = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forward
         } // TODO : Implement the invalid paramenter callback
 
 
-        _ServiceCallActionHandler.default.execute(eventConfig, null, null, props.viewId, function (data) {
+        _ServiceCallActionHandler.default.execute(eventConfig, null, null, props.viewId, data => {
           parseValues(transformDataObject(data));
           setMasterValues(data);
           loadingRef.current = false;
-        }, function () {});
+        }, () => {});
       }
 
       return true;
     } else {
       if (!_Utils.default.isNull(componentValue)) {
         if (_ApplicationContext.default.isExpression(componentValue)) {
-          var path = _Utils.default.getPropertyChainPath(componentValue);
+          let path = _Utils.default.getPropertyChainPath(componentValue);
 
           if (!_Utils.default.isNull(path.valueObject)) {
-            _Observable.default.addSystemGeneratedSubscription(props.viewId, props.config.id, function () {
-              var value = _DynamicJS.default.executeScript("".concat(props.config.id, "ValueEvaluator"), componentValue);
+            _Observable.default.addSystemGeneratedSubscription(props.viewId, props.config.id, () => {
+              let value = _DynamicJS.default.executeScript("".concat(props.config.id, "ValueEvaluator"), componentValue);
 
               if (!_Utils.default.isNull(value)) {
                 parseValues(transformDataObject(value));
@@ -432,19 +430,19 @@ var Form = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forward
     }
   }
 
-  _react.default.useEffect(function () {
+  _react.default.useEffect(() => {
     props.handle.api = api();
 
     if (initializing) {
-      var parsedConfig = _Utils.default.parseConfig(props.config, props.viewId);
+      let parsedConfig = _Utils.default.parseConfig(props.config, props.viewId);
 
-      var eventHandlingConfig = _Utils.default.isNull(parsedConfig.eventHandlingConfig) ? {} : parsedConfig.eventHandlingConfig;
+      let eventHandlingConfig = _Utils.default.isNull(parsedConfig.eventHandlingConfig) ? {} : parsedConfig.eventHandlingConfig;
       eventHandlingConfig.subscriptions = _Utils.default.isNull(eventHandlingConfig.subscriptions) ? [] : eventHandlingConfig.subscriptions;
 
-      var autoLoadData = _Utils.default.getComponentAttribute(parsedConfig, 'autoLoadData', null);
+      let autoLoadData = _Utils.default.getComponentAttribute(parsedConfig, 'autoLoadData', null);
 
       if (autoLoadData === null || autoLoadData === true) {
-        var subscription = {
+        let subscription = {
           publisher: props.viewId,
           eventType: _EventType.default.COMPONENT_LOAD,
           actions: [{
@@ -462,47 +460,47 @@ var Form = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forward
       _Observable.default.addSystemSubscriptions(parsedConfig);
 
       setConfig(parsedConfig);
-      var data = {};
+      let data = {};
       data.viewId = props.viewId;
       setInitializing(false);
     }
   });
 
-  _react.default.useEffect(function () {
+  _react.default.useEffect(() => {
     if (!_Utils.default.isNull(props.config) && !_Utils.default.isNull(props.values)) {
       parseValues(props.values);
     }
   }, [props.config, props.values]);
 
-  _react.default.useEffect(function () {
+  _react.default.useEffect(() => {
     if (!_Utils.default.isNull(masterValues)) {
       handleDataArrived(masterValues);
     }
   }, [masterValues]);
 
-  var getFieldsFromTab = function getFieldsFromTab(tab) {
-    var fields = [];
+  const getFieldsFromTab = tab => {
+    let fields = [];
 
     var _iterator5 = _createForOfIteratorHelper(tab.tabPages),
         _step5;
 
     try {
       for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
-        var tabPage = _step5.value;
+        const tabPage = _step5.value;
 
         var _iterator6 = _createForOfIteratorHelper(tabPage.components),
             _step6;
 
         try {
           for (_iterator6.s(); !(_step6 = _iterator6.n()).done;) {
-            var formSection = _step6.value;
+            const formSection = _step6.value;
 
             var _iterator7 = _createForOfIteratorHelper(formSection.components),
                 _step7;
 
             try {
               for (_iterator7.s(); !(_step7 = _iterator7.n()).done;) {
-                var fieldset = _step7.value;
+                const fieldset = _step7.value;
                 fields = fields.concat(fieldset.fields);
               }
             } catch (err) {
@@ -532,201 +530,202 @@ var Form = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forward
 
   function _loadCompleteHandler() {
     _loadCompleteHandler = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(id) {
-      var release, allLoaded, _iterator8, _step8, section, _iterator10, _step10, component, _fields2, _iterator11, _step11, _field, _iterator9, _step9, field, handle;
+      var release, allLoaded, _iterator8, _step8, section, _iterator10, _step10, component, fields, _iterator11, _step11, field, _iterator9, _step9, handle;
 
       return regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              if (_Utils.default.isNull(id)) {
-                _context.next = 67;
-                break;
-              }
-
-              _context.next = 3;
-              return mutex.acquire();
-
-            case 3:
-              release = _context.sent;
-              _context.prev = 4;
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (_Utils.default.isNull(id)) {
+              _context.next = 67;
+              break;
+            }
 
-              if (loadedComponents.includes(id)) {
-                _context.next = 64;
-                break;
-              }
+            _context.next = 3;
+            return mutex.acquire();
 
-              loadedComponents.push(id);
-              allLoaded = true;
-              _iterator8 = _createForOfIteratorHelper(props.config.sections);
-              _context.prev = 9;
+          case 3:
+            release = _context.sent;
+            _context.prev = 4;
 
-              _iterator8.s();
+            if (loadedComponents.includes(id)) {
+              _context.next = 64;
+              break;
+            }
 
-            case 11:
-              if ((_step8 = _iterator8.n()).done) {
-                _context.next = 54;
-                break;
-              }
+            loadedComponents.push(id);
+            allLoaded = true;
+            _iterator8 = _createForOfIteratorHelper(props.config.sections);
+            _context.prev = 9;
 
-              section = _step8.value;
-              _iterator10 = _createForOfIteratorHelper(section.components);
-              _context.prev = 14;
+            _iterator8.s();
 
-              _iterator10.s();
+          case 11:
+            if ((_step8 = _iterator8.n()).done) {
+              _context.next = 54;
+              break;
+            }
 
-            case 16:
-              if ((_step10 = _iterator10.n()).done) {
-                _context.next = 42;
-                break;
-              }
+            section = _step8.value;
+            _iterator10 = _createForOfIteratorHelper(section.components);
+            _context.prev = 14;
 
-              component = _step10.value;
-              _fields2 = null;
+            _iterator10.s();
 
-              if (component.type === 'tab') {
-                _fields2 = getFieldsFromTab(component);
-              } else {
-                _fields2 = component.fields;
-              }
+          case 16:
+            if ((_step10 = _iterator10.n()).done) {
+              _context.next = 42;
+              break;
+            }
 
-              _iterator11 = _createForOfIteratorHelper(_fields2);
-              _context.prev = 21;
+            component = _step10.value;
+            fields = null;
 
-              _iterator11.s();
+            if (component.type === 'tab') {
+              fields = getFieldsFromTab(component);
+            } else {
+              fields = component.fields;
+            }
 
-            case 23:
-              if ((_step11 = _iterator11.n()).done) {
-                _context.next = 30;
-                break;
-              }
+            _iterator11 = _createForOfIteratorHelper(fields);
+            _context.prev = 21;
 
-              _field = _step11.value;
+            _iterator11.s();
 
-              if (loadedComponents.includes(_field.id)) {
-                _context.next = 28;
-                break;
-              }
+          case 23:
+            if ((_step11 = _iterator11.n()).done) {
+              _context.next = 30;
+              break;
+            }
 
-              allLoaded = false;
-              return _context.abrupt("break", 30);
+            field = _step11.value;
 
-            case 28:
-              _context.next = 23;
+            if (loadedComponents.includes(field.id)) {
+              _context.next = 28;
               break;
+            }
 
-            case 30:
-              _context.next = 35;
-              break;
+            allLoaded = false;
+            return _context.abrupt("break", 30);
 
-            case 32:
-              _context.prev = 32;
-              _context.t0 = _context["catch"](21);
+          case 28:
+            _context.next = 23;
+            break;
 
-              _iterator11.e(_context.t0);
+          case 30:
+            _context.next = 35;
+            break;
 
-            case 35:
-              _context.prev = 35;
+          case 32:
+            _context.prev = 32;
+            _context.t0 = _context["catch"](21);
 
-              _iterator11.f();
+            _iterator11.e(_context.t0);
 
-              return _context.finish(35);
+          case 35:
+            _context.prev = 35;
 
-            case 38:
-              if (allLoaded) {
-                _context.next = 40;
-                break;
-              }
+            _iterator11.f();
 
-              return _context.abrupt("break", 42);
+            return _context.finish(35);
 
-            case 40:
-              _context.next = 16;
+          case 38:
+            if (allLoaded) {
+              _context.next = 40;
               break;
+            }
 
-            case 42:
-              _context.next = 47;
-              break;
+            return _context.abrupt("break", 42);
 
-            case 44:
-              _context.prev = 44;
-              _context.t1 = _context["catch"](14);
+          case 40:
+            _context.next = 16;
+            break;
 
-              _iterator10.e(_context.t1);
+          case 42:
+            _context.next = 47;
+            break;
 
-            case 47:
-              _context.prev = 47;
+          case 44:
+            _context.prev = 44;
+            _context.t1 = _context["catch"](14);
 
-              _iterator10.f();
+            _iterator10.e(_context.t1);
 
-              return _context.finish(47);
+          case 47:
+            _context.prev = 47;
 
-            case 50:
-              if (allLoaded) {
-                _context.next = 52;
-                break;
-              }
+            _iterator10.f();
 
-              return _context.abrupt("break", 54);
+            return _context.finish(47);
 
-            case 52:
-              _context.next = 11;
+          case 50:
+            if (allLoaded) {
+              _context.next = 52;
               break;
+            }
 
-            case 54:
-              _context.next = 59;
-              break;
+            return _context.abrupt("break", 54);
+
+          case 52:
+            _context.next = 11;
+            break;
+
+          case 54:
+            _context.next = 59;
+            break;
 
-            case 56:
-              _context.prev = 56;
-              _context.t2 = _context["catch"](9);
+          case 56:
+            _context.prev = 56;
+            _context.t2 = _context["catch"](9);
 
-              _iterator8.e(_context.t2);
+            _iterator8.e(_context.t2);
 
-            case 59:
-              _context.prev = 59;
+          case 59:
+            _context.prev = 59;
 
-              _iterator8.f();
+            _iterator8.f();
 
-              return _context.finish(59);
+            return _context.finish(59);
 
-            case 62:
-              if (allLoaded) {
-                _iterator9 = _createForOfIteratorHelper(fields);
+          case 62:
+            if (allLoaded) {
+              _iterator9 = _createForOfIteratorHelper(fields);
 
-                try {
-                  for (_iterator9.s(); !(_step9 = _iterator9.n()).done;) {
-                    field = _step9.value;
-                    handle = field.handle;
+              try {
+                for (_iterator9.s(); !(_step9 = _iterator9.n()).done;) {
+                  field = _step9.value;
+                  handle = field.handle;
+
+                  if (!_Utils.default.isNull(handle)) {
                     handle.api.handleLoadComplete();
                   }
-                } catch (err) {
-                  _iterator9.e(err);
-                } finally {
-                  _iterator9.f();
                 }
+              } catch (err) {
+                _iterator9.e(err);
+              } finally {
+                _iterator9.f();
               }
+            }
 
-              if (allLoaded && !_Utils.default.isNull(props.loadCompleteHandler)) {
-                props.loadCompleteHandler(props.config.id);
-              }
+            if (allLoaded && !_Utils.default.isNull(props.loadCompleteHandler)) {
+              props.loadCompleteHandler(props.config.id);
+            }
 
-            case 64:
-              _context.prev = 64;
-              release();
-              return _context.finish(64);
+          case 64:
+            _context.prev = 64;
+            release();
+            return _context.finish(64);
 
-            case 67:
-            case "end":
-              return _context.stop();
-          }
+          case 67:
+          case "end":
+            return _context.stop();
         }
       }, _callee, null, [[4,, 64, 67], [9, 56, 59, 62], [14, 44, 47, 50], [21, 32, 35, 38]]);
     }));
     return _loadCompleteHandler.apply(this, arguments);
   }
 
-  var transformDataObject = function transformDataObject(data) {
-    var formValues = null;
+  const transformDataObject = data => {
+    let formValues = null;
 
     if (binder === 'MAP_OBJECT') {
       formValues = {};
@@ -735,18 +734,18 @@ var Form = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forward
         return null;
       }
 
-      var map = data.map;
+      let map = data.map;
 
       if (!_Utils.default.isNull(map)) {
-        var properties = Object.getOwnPropertyNames(map);
+        let properties = Object.getOwnPropertyNames(map);
 
-        for (var i = 0; i < properties.length; i++) {
-          var property = properties[i];
-          var tokens = property.split('.');
-          var vo = formValues;
+        for (let i = 0; i < properties.length; i++) {
+          let property = properties[i];
+          let tokens = property.split('.');
+          let vo = formValues;
 
-          for (var j = 0; j < tokens.length; j++) {
-            var token = tokens[j];
+          for (let j = 0; j < tokens.length; j++) {
+            let token = tokens[j];
 
             if (j < tokens.length - 1) {
               if (_Utils.default.isNull(vo[token])) {
@@ -768,8 +767,8 @@ var Form = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forward
   };
 
   function doClear() {
-    for (var i = 0; i < fields.length; i++) {
-      var field = fields[i];
+    for (let i = 0; i < fields.length; i++) {
+      let field = fields[i];
       field.handle.api.clear();
     }
 
@@ -787,8 +786,8 @@ var Form = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forward
       }
 
       for (var _i2 = 0, _Object$keys = Object.keys(data); _i2 < _Object$keys.length; _i2++) {
-        var key = _Object$keys[_i2];
-        var field = getField(key);
+        const key = _Object$keys[_i2];
+        let field = getField(key);
 
         if (!_Utils.default.isNull(field)) {
           field.handle.api.value = field.handle.api.parseValue(data[key], true);
@@ -798,14 +797,14 @@ var Form = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forward
   }
 
   function parseValues(data) {
-    var parsedValues = JSON.parse(JSON.stringify(data));
+    let parsedValues = JSON.parse(JSON.stringify(data));
 
-    for (var i = 0; i < fields.length; i++) {
-      var field = fields[i];
+    for (let i = 0; i < fields.length; i++) {
+      let field = fields[i];
 
-      var path = _getValuePath(field.id, parsedValues);
+      let path = _getValuePath(field.id, parsedValues);
 
-      var objectValue = path.valueObject[path.valueProperty];
+      let objectValue = path.valueObject[path.valueProperty];
 
       if (!_Utils.default.isNull(field.handle.api)) {
         path.valueObject[path.valueProperty] = field.handle.api.parseValue(objectValue, true);
@@ -825,14 +824,14 @@ var Form = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forward
     }
   }
 
-  _react.default.useEffect(function () {
+  _react.default.useEffect(() => {
     if (!_Utils.default.isNull(props.values)) {
       parseValues(props.values);
     }
   }, [props.values]);
 
-  var getField = function getField(id) {
-    for (var i = 0; i < fields.length; i++) {
+  const getField = id => {
+    for (let i = 0; i < fields.length; i++) {
       if (fields[i].id === id) {
         return fields[i];
       }
@@ -841,8 +840,8 @@ var Form = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forward
     return null;
   };
 
-  var _removeField = function _removeField(id) {
-    for (var i = 0; i < fields.length; i++) {
+  const _removeField = id => {
+    for (let i = 0; i < fields.length; i++) {
       if (fields[i].id === id) {
         fields.splice(i, 1);
       }
@@ -850,12 +849,12 @@ var Form = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forward
   };
 
   function doValidateParent(field, invalid) {
-    var hasErrors = false;
+    let hasErrors = false;
 
     if (!_Utils.default.isNull(field.parentId)) {
-      var isParentInvalid = invalid;
+      let isParentInvalid = invalid;
 
-      for (var i = 0; i < fields.length; i++) {
+      for (let i = 0; i < fields.length; i++) {
         if (fields[i] !== field && fields[i].parentId === field.parentId) {
           isParentInvalid = isParentInvalid || !(_Utils.default.isNull(fields[i].error) || fields[i].error.length === 0);
         }
@@ -870,10 +869,10 @@ var Form = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forward
     }
   }
 
-  var validateField = function validateField(field, id, value) {
+  const validateField = (field, id, value) => {
     if (loadingRef.current === false) {
       field.error = null;
-      var invalid = field.handle.api.validate(_objectSpread(_objectSpread({}, values), {}, {
+      let invalid = field.handle.api.validate(_objectSpread(_objectSpread({}, values), {}, {
         [id]: value
       }), value) === false;
       doValidateParent(field, invalid);
@@ -883,24 +882,24 @@ var Form = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forward
     return true;
   };
 
-  var _getValuePath = function _getValuePath(id, vals) {
-    var path = {};
-    var currentValues = vals;
+  const _getValuePath = (id, vals) => {
+    let path = {};
+    let currentValues = vals;
 
     if (_Utils.default.isNull(vals)) {
       currentValues = values;
     }
 
     if (!_Utils.default.isNull(currentValues)) {
-      var tokens = id.split(".");
+      let tokens = id.split(".");
 
       if (tokens.length === 1) {
         path.valueObject = currentValues;
         path.valueProperty = tokens[0];
       } else if (tokens.length > 1) {
-        var vo = currentValues;
+        let vo = currentValues;
 
-        for (var i = 0; i < tokens.length - 1; i++) {
+        for (let i = 0; i < tokens.length - 1; i++) {
           if (!_Utils.default.isNull(vo[tokens[i]])) {
             vo = vo[tokens[i]];
           } else {
@@ -919,29 +918,29 @@ var Form = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forward
     return path;
   };
 
-  var doHandleChange = function doHandleChange(id, value) {
-    var path = _getValuePath(id, null);
+  const doHandleChange = (id, value) => {
+    let path = _getValuePath(id, null);
 
     if (!_Utils.default.isNull(path.valueObject) && !_Utils.default.isNull(path.valueProperty) && loadingRef.current === false) {
       path.valueObject[path.valueProperty] = value;
-      var invalid = false;
-      var field = getField(id);
+      let invalid = false;
+      let field = getField(id);
 
       if (!_Utils.default.isNull(field)) {
         invalid = validateField(field, id, value);
 
-        for (var i = 0; i < fields.length; i++) {
-          var groupField = fields[i];
-          var validationGroup = groupField.handle.api.getValidationGroup();
+        for (let i = 0; i < fields.length; i++) {
+          let groupField = fields[i];
+          let validationGroup = groupField.handle.api.getValidationGroup();
 
           if (!_Utils.default.isNull(validationGroup)) {
             if (field !== groupField && validationGroup === field.handle.api.getValidationGroup()) {
-              var groupFieldId = groupField.handle.api.getId();
+              let groupFieldId = groupField.handle.api.getId();
 
-              var gridFieldPath = _getValuePath(groupFieldId, null);
+              let gridFieldPath = _getValuePath(groupFieldId, null);
 
               if (!_Utils.default.isNull(gridFieldPath)) {
-                var groupFieldVal = gridFieldPath.valueObject[gridFieldPath.valueProperty];
+                let groupFieldVal = gridFieldPath.valueObject[gridFieldPath.valueProperty];
                 validateField(groupField, groupFieldId, groupFieldVal);
               }
             }
@@ -957,17 +956,17 @@ var Form = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forward
     _Observable.default.processSystemGeneratedSubscriptions(props.config.id);
   };
 
-  var _setFieldError = function _setFieldError(id, error) {
-    var field = getField(id);
+  const _setFieldError = (id, error) => {
+    let field = getField(id);
 
     if (!_Utils.default.isNull(field)) {
       field.error = error;
     }
   };
 
-  var _addField = function _addField(id, handle, parentId, bindValueToForm) {
-    var field = getField(id);
-    var error = null;
+  const _addField = (id, handle, parentId, bindValueToForm) => {
+    let field = getField(id);
+    let error = null;
 
     if (!_Utils.default.isNull(field)) {
       error = field.error;
@@ -985,10 +984,10 @@ var Form = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forward
     return field;
   };
 
-  var _handleSelectItemChange = function _handleSelectItemChange(name, options, selectedId) {
-    var selectedValue = null;
+  const _handleSelectItemChange = (name, options, selectedId) => {
+    let selectedValue = null;
 
-    for (var i = 0; i < options.length; i++) {
+    for (let i = 0; i < options.length; i++) {
       if (options[i].id === selectedId) {
         selectedValue = options[i];
       }
@@ -998,7 +997,7 @@ var Form = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forward
     return selectedValue;
   };
 
-  var updateValue = function updateValue(name, value) {
+  const updateValue = (name, value) => {
     props.valueChangeHandler(_objectSpread(_objectSpread({}, values), {}, {
       [name]: value
     }));
@@ -1010,7 +1009,7 @@ var Form = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forward
         overflow: _Utils.default.getComponentAttribute(props.config, 'overflow', 'auto'),
         maxHeight: '70vh'
       }
-    }, form.sections.map(function (section) {
+    }, form.sections.map(section => {
       if (_Utils.default.isNull(section.id)) {
         section.id = sectionCounter + '-form-section';
       }
@@ -1023,7 +1022,7 @@ var Form = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forward
         handle: createSectionHandle(section),
         ref: /*#__PURE__*/_react.default.createRef(),
         loadCompleteHandler: loadCompleteHandler,
-        form: function form() {
+        form: () => {
           return !_Utils.default.isNull(props.handle.api) ? props.handle.api : api();
         },
         viewId: props.viewId,