@agilemotion/oui-react-js 1.6.4 → 1.6.6

package/dist/components/form/Form.js

@@ -4,376 +4,220 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _styles = require("@material-ui/core/styles");
-
 var _Utils = _interopRequireDefault(require("../../Utils"));
-
 var _Section = _interopRequireDefault(require("./Section"));
-
 require("./Form.css");
-
 var _RestUtils = require("../../RestUtils");
-
 var _asyncMutex = require("async-mutex");
-
 var _Observable = _interopRequireDefault(require("../../event/Observable"));
-
 var _ApplicationManager = _interopRequireDefault(require("../../ApplicationManager"));
-
 var _ServiceCallActionHandler = _interopRequireDefault(require("../../event/ServiceCallActionHandler"));
-
 var _DynamicJS = _interopRequireDefault(require("../../DynamicJS"));
-
 var _EventType = _interopRequireDefault(require("../../event/EventType"));
-
 var _Event = _interopRequireDefault(require("../../event/Event"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function _createForOfIteratorHelper(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = o[Symbol.iterator](); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-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 _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: {}
-  };
-});
-
-var Form = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var values = _react.default.useRef(!_Utils.default.isNull(props.values) ? props.values : {});
-
-  var _React$useState = _react.default.useState(null),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      masterValues = _React$useState2[0],
-      setMasterValues = _React$useState2[1];
-
-  var _React$useState3 = _react.default.useState(_Utils.default.parseConfig(props.config, props.viewId)),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      config = _React$useState4[0],
-      setConfig = _React$useState4[1];
-
-  var _React$useState5 = _react.default.useState(_Utils.default.isNull(props.config.binder) ? 'PLAIN_OBJECT' : props.config.binder),
-      _React$useState6 = _slicedToArray(_React$useState5, 1),
-      binder = _React$useState6[0];
-
-  var _React$useState7 = _react.default.useState([]),
-      _React$useState8 = _slicedToArray(_React$useState7, 1),
-      fields = _React$useState8[0];
-
-  var containerErrorCallback = _react.default.useRef();
-
-  var _React$useState9 = _react.default.useState({}),
-      _React$useState10 = _slicedToArray(_React$useState9, 1),
-      sectionHandles = _React$useState10[0];
-
-  var _React$useState11 = _react.default.useState({}),
-      _React$useState12 = _slicedToArray(_React$useState11, 1),
-      fieldParentErrors = _React$useState12[0];
-
-  var loadingRef = _react.default.useRef(true);
-
-  var sectionCounter = 0;
-
-  var api = function api() {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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: {}
+}));
+const Form = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const values = _react.default.useRef(!_Utils.default.isNull(props.values) ? props.values : {});
+  const [masterValues, setMasterValues] = _react.default.useState(null);
+  const [config, setConfig] = _react.default.useState(_Utils.default.parseConfig(props.config, props.viewId));
+  const [binder] = _react.default.useState(_Utils.default.isNull(props.config.binder) ? 'PLAIN_OBJECT' : props.config.binder);
+  const [fields] = _react.default.useState([]);
+  const containerErrorCallback = _react.default.useRef();
+  const [sectionHandles] = _react.default.useState({});
+  const [fieldParentErrors] = _react.default.useState({});
+  const loadingRef = _react.default.useRef(true);
+  let sectionCounter = 0;
+  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) {
-        return _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) {
-        return _getValuePath(id, values);
+      getValuePath: (id, values) => {
+        return getValuePath(id, values);
       },
-      addField: function addField(id, ref, parentId, bindValueToForm) {
-        return _addField(id, ref, parentId, bindValueToForm);
+      addField: (id, ref, parentId, bindValueToForm) => {
+        return addField(id, ref, parentId, bindValueToForm);
       },
-      removeField: function removeField(id) {
-        _removeField(id);
+      removeField: id => {
+        removeField(id);
       },
-      loadData: function loadData(actionConfig, event) {
-        _loadData(actionConfig, config, event ? event.data : null);
+      loadData: (actionConfig, event) => {
+        loadData(actionConfig, config, event ? event.data : null);
       },
-      bindData: function bindData(data) {
+      bindData: data => {
         doBindData(data);
       },
-      validateParent: function validateParent(id, invalid) {
+      validateParent: (id, invalid) => {
         doValidateParent(getField(id), invalid);
       },
-
       get fieldDataBindings() {
-        var fieldNames = [];
-
-        for (var i = 0; i < props.config.sections.length; i++) {
-          var section = props.config.sections[i];
-
-          for (var j = 0; j < section.components.length; j++) {
-            var component = section.components[j];
-            var _fields = null;
-
+        let fieldNames = [];
+        for (let i = 0; i < props.config.sections.length; i++) {
+          let section = props.config.sections[i];
+          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);
             }
           }
         }
-
         return fieldNames;
       },
-
-      setContainerErrorHandler: function setContainerErrorHandler(callback) {
+      setContainerErrorHandler(callback) {
         containerErrorCallback.current = callback;
       },
-
       get model() {
         return values.current;
       },
-
       set model(model) {
         parseValues(transformDataObject(model));
         setMasterValues(model);
       },
-
       get value() {
         if (loadingRef.current === false) {
-          var data = null;
-          var valid = true;
+          let data = null;
+          let valid = true;
           data = {};
-          var map = !_Utils.default.isNull(masterValues) ? JSON.parse(JSON.stringify(masterValues)) : {};
-
+          let map = !_Utils.default.isNull(masterValues) ? JSON.parse(JSON.stringify(masterValues)) : {};
           if (_Utils.default.isNull(map.id)) {
             map.id = values.current.id;
           }
-
-          var _iterator = _createForOfIteratorHelper(fields),
-              _step;
-
-          try {
-            for (_iterator.s(); !(_step = _iterator.n()).done;) {
-              var field = _step.value;
-
-              if (field.bindValueToForm === false) {
-                continue;
-              }
-
-              var fieldValid = field.handle.api.validate(values.current, null);
-
-              if (fieldValid === false) {
-                doValidateParent(field, !fieldValid, false);
-                valid = false;
-              } else if (valid) {
-                var id = field.id;
-
-                var path = _getValuePath(id, values.current);
-
-                path.valueObject[path.valueProperty] = field.handle.api.parseValue(path.valueObject[path.valueProperty], false);
-              }
+          for (const field of fields) {
+            if (field.bindValueToForm === false) {
+              continue;
+            }
+            let fieldValid = field.handle.api.validate(values.current, null);
+            if (fieldValid === false) {
+              doValidateParent(field, !fieldValid, false);
+              valid = false;
+            } else if (valid) {
+              let id = field.id;
+              let path = getValuePath(id, values.current);
+              path.valueObject[path.valueProperty] = field.handle.api.parseValue(path.valueObject[path.valueProperty], false);
             }
-          } catch (err) {
-            _iterator.e(err);
-          } finally {
-            _iterator.f();
           }
-
           data = values.current;
-
           if (!_Utils.default.isNull(containerErrorCallback.current) && _ApplicationManager.default.isFormMarkersEnabled()) {
             containerErrorCallback.current(fieldParentErrors);
           }
-
           return valid ? data : null;
         }
-
         return null;
       },
-
-      setFieldError: function setFieldError(id, error) {
-        return _setFieldError(id, error);
+      setFieldError: (id, error) => {
+        return setFieldError(id, error);
       },
-      getChildren: function getChildren() {
-        var children = [];
-
-        for (var i = 0; i < fields.length; i++) {
-          var field = fields[i];
+      getChildren: () => {
+        let children = [];
+        for (let i = 0; i < fields.length; i++) {
+          let field = fields[i];
           children.push(field.handle);
-          var moreChildren = field.handle.api.getChildren();
-
-          for (var j = 0; j < moreChildren.length; j++) {
+          let moreChildren = field.handle.api.getChildren();
+          for (let j = 0; j < moreChildren.length; j++) {
             children.push(moreChildren[j]);
           }
         }
-
-        var 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];
-            children.push(sectionHandle);
-
-            var _iterator3 = _createForOfIteratorHelper(sectionHandle.api.getChildren()),
-                _step3;
-
-            try {
-              for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
-                var child = _step3.value;
-                children.push(child);
-              }
-            } catch (err) {
-              _iterator3.e(err);
-            } finally {
-              _iterator3.f();
-            }
+        let properties = Object.getOwnPropertyNames(sectionHandles);
+        for (const property of properties) {
+          let sectionHandle = sectionHandles[property];
+          children.push(sectionHandle);
+          for (const child of sectionHandle.api.getChildren()) {
+            children.push(child);
           }
-        } catch (err) {
-          _iterator2.e(err);
-        } finally {
-          _iterator2.f();
         }
-
         return children;
       },
-      refresh: function refresh() {
-        var properties = Object.getOwnPropertyNames(sectionHandles);
-
-        var _iterator4 = _createForOfIteratorHelper(properties),
-            _step4;
-
-        try {
-          for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
-            var property = _step4.value;
-            var sectionHandle = sectionHandles[property];
-
-            if (sectionHandle.api.refresh) {
-              sectionHandle.api.refresh();
-            }
+      refresh() {
+        let properties = Object.getOwnPropertyNames(sectionHandles);
+        for (const property of properties) {
+          let sectionHandle = sectionHandles[property];
+          if (sectionHandle.api.refresh) {
+            sectionHandle.api.refresh();
           }
-        } catch (err) {
-          _iterator4.e(err);
-        } finally {
-          _iterator4.f();
         }
       }
     };
   };
-
-  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;
     }
-
     return sectionHandles[section.id];
   };
-
   function updateViewTitle() {
     if (props.viewId) {
-      var view = _ApplicationManager.default.getView(props.viewId);
-
+      let view = _ApplicationManager.default.getView(props.viewId);
       if (view) {
-        var title = view.config.title;
-
+        let title = view.config.title;
         if (title.includes(props.config.id)) {
           _ApplicationManager.default.updateAppBarTitle(view.config.id, title);
         }
       }
     }
   }
-
   function handleDataArrived(data) {
     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);
     }
-
     _Observable.default.processSystemGeneratedSubscriptions(props.config.id);
-
-    var _iterator5 = _createForOfIteratorHelper(fields),
-        _step5;
-
-    try {
-      for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
-        var field = _step5.value;
-
-        _Observable.default.processSystemGeneratedSubscriptions(field.handle.api.id);
-      }
-    } catch (err) {
-      _iterator5.e(err);
-    } finally {
-      _iterator5.f();
+    for (const field of fields) {
+      _Observable.default.processSystemGeneratedSubscriptions(field.handle.api.id);
     }
   }
-
-  function _loadData(eventConfig, componentConfig) {
-    var eventData = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
-    var service = !_Utils.default.isNull(componentConfig.dataService) ? componentConfig.dataService : eventConfig !== null ? eventConfig.dataService : null;
-    var componentValue = !_Utils.default.isNull(componentConfig.value) ? _ApplicationManager.default.resolveParameterConfigValue(componentConfig.value, eventData) : eventConfig !== null ? _ApplicationManager.default.resolveParameterConfigValue(eventConfig.value, eventData) : null;
-
+  function loadData(eventConfig, componentConfig) {
+    let eventData = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+    let service = !_Utils.default.isNull(componentConfig.dataService) ? componentConfig.dataService : eventConfig !== null ? eventConfig.dataService : 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') {
-        (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));
@@ -383,11 +227,10 @@ var Form = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forward
           } catch (e) {
             console.error(e);
           }
-        }, function (e) {
+        }, e => {
           console.error(e);
-
           _Utils.default.publishErrorMessage(e, props.viewId);
-        }, function (parameter) {
+        }, parameter => {
           loadingRef.current = false;
           handleDataArrived(null);
         });
@@ -395,87 +238,71 @@ var Form = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forward
         if (_Utils.default.isNull(eventConfig)) {
           eventConfig = {};
         }
-
-        eventConfig.service = service; // TODO : Implement the invalid paramenter callback
-
-        _ServiceCallActionHandler.default.execute(eventConfig, null, null, props.viewId, function (data) {
+        eventConfig.service = service;
+        // TODO : Implement the invalid paramenter callback
+        _ServiceCallActionHandler.default.execute(eventConfig, null, null, props.viewId, data => {
           parseValues(transformDataObject(data));
           setMasterValues(data);
           loadingRef.current = false;
-        }, function () {}, function (parameter) {
+        }, () => {}, parameter => {
           loadingRef.current = false;
           handleDataArrived(null);
         });
       }
-
       return true;
     } else {
       if (!_Utils.default.isNull(componentValue)) {
         if (!_ApplicationManager.default.isExpression(componentValue)) {
           componentValue = _ApplicationManager.default.fillEventDataValue(componentValue, eventData);
         }
-
-        var isEventData = componentValue.toString().startsWith('$event.data');
-
+        let isEventData = componentValue.toString().startsWith('$event.data');
         if (_ApplicationManager.default.isExpression(componentValue) && !isEventData) {
-          var path = _Utils.default.getPropertyChainPath(componentValue);
-
+          let path = _Utils.default.getPropertyChainPath(componentValue);
           if (!_Utils.default.isNull(path.valueObject)) {
-            _Observable.default.addSystemGeneratedSubscription(props.viewId, props.viewId, props.config.id, function () {
-              var value = _DynamicJS.default.executeScript("".concat(props.config.id, "ValueEvaluator"), componentValue);
-
+            _Observable.default.addSystemGeneratedSubscription(props.viewId, props.viewId, props.config.id, () => {
+              let value = _DynamicJS.default.executeScript(`${props.config.id}ValueEvaluator`, componentValue);
               if (!_Utils.default.isNull(value)) {
-                var val = value;
-
+                let val = value;
                 if (binder === 'MAP_OBJECT' && _Utils.default.isNull(value.map)) {
                   val = {};
                   val.map = value;
                 }
-
                 parseValues(transformDataObject(val));
                 setMasterValues(val);
               }
             });
           }
         } else {
-          var val = isEventData ? _ApplicationManager.default.resolveExpressionValue(componentValue, eventData) : componentValue;
-
+          let val = isEventData ? _ApplicationManager.default.resolveExpressionValue(componentValue, eventData) : componentValue;
           if (binder === 'MAP_OBJECT' && _Utils.default.isNull(componentValue.map)) {
             val = {};
             val.map = componentValue;
           }
-
           parseValues(transformDataObject(val));
           setMasterValues(val);
         }
       } else {
         updateViewTitle();
       }
-
       loadingRef.current = false;
       return false;
     }
   }
-
-  _react.default.useEffect(function () {
-    return function () {
+  _react.default.useEffect(() => {
+    return () => {
       props.handle.api = null;
     };
   }, []);
-
-  _react.default.useEffect(function () {
+  _react.default.useEffect(() => {
     props.handle.api = api();
   });
-
-  _react.default.useEffect(function () {
+  _react.default.useEffect(() => {
     props.handle.api = api();
-    var eventHandlingConfig = _Utils.default.isNull(config.eventHandlingConfig) ? {} : config.eventHandlingConfig;
+    let eventHandlingConfig = _Utils.default.isNull(config.eventHandlingConfig) ? {} : config.eventHandlingConfig;
     eventHandlingConfig.subscriptions = _Utils.default.isNull(eventHandlingConfig.subscriptions) ? [] : eventHandlingConfig.subscriptions;
-
-    var autoLoadData = _Utils.default.getComponentAttribute(config, 'autoLoadData', null);
-
+    let autoLoadData = _Utils.default.getComponentAttribute(config, 'autoLoadData', null);
     if (autoLoadData === null || autoLoadData === true) {
-      var subscription = {
+      let subscription = {
         publisher: props.viewId,
         eventType: _EventType.default.COMPONENT_LOAD,
         actions: [{
@@ -486,129 +313,65 @@ var Form = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forward
     } else {
       handleDataArrived();
     }
-
     _Observable.default.addSubscriptions(eventHandlingConfig, props.handle, props.viewId);
-
     _Observable.default.addSystemSubscriptions(props.viewId, config);
-
     setConfig(config);
-
-    var _iterator6 = _createForOfIteratorHelper(fields),
-        _step6;
-
-    try {
-      for (_iterator6.s(); !(_step6 = _iterator6.n()).done;) {
-        var field = _step6.value;
-        var handle = field.handle;
-
-        if (!_Utils.default.isNull(handle)) {
-          handle.api.handleLoadComplete();
-        }
+    for (const field of fields) {
+      let handle = field.handle;
+      if (!_Utils.default.isNull(handle)) {
+        handle.api.handleLoadComplete();
       }
-    } catch (err) {
-      _iterator6.e(err);
-    } finally {
-      _iterator6.f();
     }
-
     loadingRef.current = false;
-    var event = new _Event.default(props.handle, props.viewId, null);
-
+    let event = new _Event.default(props.handle, props.viewId, null);
     _Observable.default.fireEvent(_EventType.default.COMPONENT_LOAD, event);
-
-    return function () {
+    return () => {
       _Observable.default.clearComponentEventListeners(props.handle);
     };
   }, []);
-
-  _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 = [];
-
-    var _iterator7 = _createForOfIteratorHelper(tab.tabPages),
-        _step7;
-
-    try {
-      for (_iterator7.s(); !(_step7 = _iterator7.n()).done;) {
-        var tabPage = _step7.value;
-
-        var _iterator8 = _createForOfIteratorHelper(tabPage.components),
-            _step8;
-
-        try {
-          for (_iterator8.s(); !(_step8 = _iterator8.n()).done;) {
-            var component = _step8.value;
-
-            if (component.type === 'formSection') {
-              var _iterator9 = _createForOfIteratorHelper(component.components),
-                  _step9;
-
-              try {
-                for (_iterator9.s(); !(_step9 = _iterator9.n()).done;) {
-                  var fieldset = _step9.value;
-                  fields = fields.concat(fieldset.fields);
-                }
-              } catch (err) {
-                _iterator9.e(err);
-              } finally {
-                _iterator9.f();
-              }
-            }
+  const getFieldsFromTab = tab => {
+    let fields = [];
+    for (const tabPage of tab.tabPages) {
+      for (const component of tabPage.components) {
+        if (component.type === 'formSection') {
+          for (const fieldset of component.components) {
+            fields = fields.concat(fieldset.fields);
           }
-        } catch (err) {
-          _iterator8.e(err);
-        } finally {
-          _iterator8.f();
         }
       }
-    } catch (err) {
-      _iterator7.e(err);
-    } finally {
-      _iterator7.f();
     }
-
     return fields;
   };
-
-  var transformDataObject = function transformDataObject(data) {
-    var formValues = null;
-
+  const transformDataObject = data => {
+    let formValues = null;
     if (binder === 'MAP_OBJECT') {
       formValues = {};
-
       if (_Utils.default.isNull(data)) {
         return null;
       }
-
-      var map = data.map;
-
+      let map = data.map;
       if (!_Utils.default.isNull(map)) {
-        var properties = Object.getOwnPropertyNames(map);
-
-        for (var i = 0; i < properties.length; i++) {
-          var property = properties[i];
-          var tokens = property.split('.');
-          var vo = formValues;
-
-          for (var j = 0; j < tokens.length; j++) {
-            var token = tokens[j];
-
+        let properties = Object.getOwnPropertyNames(map);
+        for (let i = 0; i < properties.length; i++) {
+          let property = properties[i];
+          let tokens = property.split('.');
+          let vo = formValues;
+          for (let j = 0; j < tokens.length; j++) {
+            let token = tokens[j];
             if (j < tokens.length - 1) {
               if (_Utils.default.isNull(vo[token])) {
                 vo[token] = {};
               }
-
               vo = vo[token];
             } else {
               vo[token] = map[property];
@@ -619,143 +382,113 @@ var Form = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forward
     } else {
       formValues = data;
     }
-
     return formValues;
   };
-
   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();
     }
-
     values.current = {};
-
     if (!_Utils.default.isNull(props.valueChangeHandler)) {
       props.valueChangeHandler({});
     }
   }
-
   function doBindData(data) {
     if (!_Utils.default.isNull(data)) {
       if (!_Utils.default.isNull(data.map)) {
         data = data.map;
       }
-
-      for (var _i2 = 0, _Object$keys = Object.keys(data); _i2 < _Object$keys.length; _i2++) {
-        var key = _Object$keys[_i2];
-        var field = getField(key);
-
+      for (const key of Object.keys(data)) {
+        let field = getField(key);
         if (!_Utils.default.isNull(field)) {
           field.handle.api.value = field.handle.api.parseValue(data[key], true);
         }
       }
     }
   }
-
   function parseValues(data) {
-    var parsedValues = JSON.parse(JSON.stringify(data));
-
-    for (var i = 0; i < fields.length; i++) {
-      var field = fields[i];
-
-      var path = _getValuePath(field.id, parsedValues);
-
-      var objectValue = path.valueObject[path.valueProperty];
-
+    let parsedValues = JSON.parse(JSON.stringify(data));
+    for (let i = 0; i < fields.length; i++) {
+      let field = fields[i];
+      let path = getValuePath(field.id, parsedValues);
+      let objectValue = path.valueObject[path.valueProperty];
       if (!_Utils.default.isNull(field.handle.api)) {
         path.valueObject[path.valueProperty] = field.handle.api.parseValue(objectValue, true);
       } else {
         console.error('NULL field reference while parsing form value - ' + field.id);
       }
     }
-
     values.current = parsedValues;
-
     if (!_Utils.default.isNull(props.dataArrivedHandler)) {
       props.dataArrivedHandler(parsedValues);
     }
-
     if (!_Utils.default.isNull(props.valueChangeHandler)) {
       props.valueChangeHandler(parsedValues);
     }
   }
-
-  _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];
       }
     }
-
     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);
       }
     }
   };
-
   function doValidateParent(field, invalid) {
-    var updateErrors = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
-
+    let updateErrors = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
     if (!_Utils.default.isNull(field.parentId)) {
-      var isParentInvalid = invalid;
-
-      for (var i = 0; i < fields.length; i++) {
+      let isParentInvalid = invalid;
+      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);
         }
       }
-
       fieldParentErrors[field.parentId] = isParentInvalid;
     }
-
     if (updateErrors && !_Utils.default.isNull(containerErrorCallback.current) && _ApplicationManager.default.isFormMarkersEnabled()) {
       containerErrorCallback.current(fieldParentErrors);
     }
-
     return fieldParentErrors;
   }
-
-  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.current), {}, _defineProperty({}, id, value)), value) === false;
+      let invalid = field.handle.api.validate({
+        ...values.current,
+        [id]: value
+      }, value) === false;
       doValidateParent(field, invalid);
       return invalid;
     }
-
     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.current;
     }
-
     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;
-
-        for (var i = 0; i < tokens.length - 1; i++) {
+        let vo = currentValues;
+        for (let i = 0; i < tokens.length - 1; i++) {
           if (!_Utils.default.isNull(vo[tokens[i]])) {
             vo = vo[tokens[i]];
           } else {
@@ -763,79 +496,59 @@ var Form = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forward
             vo = vo[tokens[i]];
           }
         }
-
         if (!_Utils.default.isNull(vo)) {
           path.valueObject = vo;
           path.valueProperty = tokens[tokens.length - 1];
         }
       }
     }
-
     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.id;
-
-              var gridFieldPath = _getValuePath(groupFieldId, null);
-
+              let groupFieldId = groupField.handle.api.id;
+              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);
               }
             }
           }
         }
       }
-
       if (!_Utils.default.isNull(props.valueChangeHandler)) {
         props.valueChangeHandler(invalid ? null : values.current, id, value);
       }
     }
-
     _ApplicationManager.default.enableFormMarkers(false);
-
     _Observable.default.processSystemGeneratedSubscriptions(props.config.id);
-
-    var event = new _Event.default(props.handle, props.viewId, values.current);
-
+    let event = new _Event.default(props.handle, props.viewId, values.current);
     _Observable.default.fireEvent(_EventType.default.VALUE_CHANGE, event);
   };
-
-  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;
-
-      _removeField(id);
+      removeField(id);
     }
-
     field = {};
     field.id = id;
     field.handle = handle;
@@ -843,37 +556,32 @@ var Form = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forward
     field.bindValueToForm = bindValueToForm;
     field.parentId = parentId;
     fields.push(field);
-
     if (values.current) {
       parseValues(values.current);
     }
-
     return field;
   };
-
-  var _handleSelectItemChange = function _handleSelectItemChange(name, options, selectedId) {
-    var selectedValue = null;
-
-    for (var i = 0; i < options.length; i++) {
+  const handleSelectItemChange = (name, options, selectedId) => {
+    let selectedValue = null;
+    for (let i = 0; i < options.length; i++) {
       if (options[i].id === selectedId) {
         selectedValue = options[i];
       }
     }
-
     doHandleChange(name, selectedValue);
     return selectedValue;
   };
-
-  var updateValue = function updateValue(name, value) {
-    props.valueChangeHandler(_objectSpread(_objectSpread({}, values.current), {}, _defineProperty({}, name, value)));
+  const updateValue = (name, value) => {
+    props.valueChangeHandler({
+      ...values.current,
+      [name]: value
+    });
   };
-
   function render(form) {
-    return _Utils.default.isNull(form.sections) || form.sections.length === 0 ? null : /*#__PURE__*/_react.default.createElement("div", null, form.sections.map(function (section) {
+    return _Utils.default.isNull(form.sections) || form.sections.length === 0 ? null : /*#__PURE__*/_react.default.createElement("div", null, form.sections.map(section => {
       if (_Utils.default.isNull(section.id)) {
         section.id = sectionCounter + '-form-section';
       }
-
       return /*#__PURE__*/_react.default.createElement("div", {
         key: sectionCounter++
       }, /*#__PURE__*/_react.default.createElement(_Section.default, {
@@ -881,7 +589,7 @@ var Form = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forward
         config: section,
         handle: createSectionHandle(section),
         ref: /*#__PURE__*/_react.default.createRef(),
-        form: function form() {
+        form: () => {
           return !_Utils.default.isNull(props.handle.api) ? props.handle.api : api();
         },
         viewId: props.viewId,
@@ -889,7 +597,6 @@ var Form = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forward
       }));
     }));
   }
-
   return /*#__PURE__*/_react.default.createElement("div", {
     className: props.className,
     ref: ref,
@@ -901,6 +608,4 @@ var Form = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forward
     }, props.config) : null
   }, !_Utils.default.isNull(props.config.id) ? render(props.config) : /*#__PURE__*/_react.default.createElement("div", null, "ERROR: A form must have an ID"));
 }));
-
-var _default = Form;
-exports.default = _default;
+var _default = exports.default = Form;