@agilemotion/oui-react-js 1.2.6 → 1.2.8

package/dist/components/form/TransferList.js

@@ -37,81 +37,79 @@ 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 {
-    root: {
-      margin: 'auto'
-    },
-    cardHeader: {
-      padding: theme.spacing(1, 2)
-    },
-    list: {
-      width: 200,
-      height: 230,
-      backgroundColor: theme.palette.background.paper,
-      overflow: 'auto'
-    },
-    button: {
-      margin: theme.spacing(0.5, 0)
-    }
-  };
-});
+const useStyles = (0, _styles.makeStyles)(theme => ({
+  root: {
+    margin: 'auto'
+  },
+  cardHeader: {
+    padding: theme.spacing(1, 2)
+  },
+  list: {
+    width: 200,
+    height: 230,
+    backgroundColor: theme.palette.background.paper,
+    overflow: 'auto'
+  },
+  button: {
+    margin: theme.spacing(0.5, 0)
+  }
+}));
 
-var TransferListComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var classes = useStyles();
-  var base = props.base;
+const TransferListComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const classes = useStyles();
+  const base = props.base;
 
-  var _React$useState = _react.default.useState([]),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      leftSelection = _React$useState2[0],
-      setLeftSelection = _React$useState2[1];
+  const _React$useState = _react.default.useState([]),
+        _React$useState2 = _slicedToArray(_React$useState, 2),
+        leftSelection = _React$useState2[0],
+        setLeftSelection = _React$useState2[1];
 
-  var _React$useState3 = _react.default.useState(!_Utils.default.isNull(props.config.optionsGrid.dataBinding) ? props.config.optionsGrid.dataBinding : 'options'),
-      _React$useState4 = _slicedToArray(_React$useState3, 1),
-      optionsDataBinding = _React$useState4[0];
+  const _React$useState3 = _react.default.useState(!_Utils.default.isNull(props.config.optionsGrid.dataBinding) ? props.config.optionsGrid.dataBinding : 'options'),
+        _React$useState4 = _slicedToArray(_React$useState3, 1),
+        optionsDataBinding = _React$useState4[0];
 
-  var _React$useState5 = _react.default.useState(!_Utils.default.isNull(props.config.selectionGrid.dataBinding) ? props.config.selectionGrid.dataBinding : 'selected'),
-      _React$useState6 = _slicedToArray(_React$useState5, 1),
-      selectionDataBinding = _React$useState6[0];
+  const _React$useState5 = _react.default.useState(!_Utils.default.isNull(props.config.selectionGrid.dataBinding) ? props.config.selectionGrid.dataBinding : 'selected'),
+        _React$useState6 = _slicedToArray(_React$useState5, 1),
+        selectionDataBinding = _React$useState6[0];
 
-  var _React$useState7 = _react.default.useState(null),
-      _React$useState8 = _slicedToArray(_React$useState7, 2),
-      data = _React$useState8[0],
-      setData = _React$useState8[1];
+  const _React$useState7 = _react.default.useState(null),
+        _React$useState8 = _slicedToArray(_React$useState7, 2),
+        data = _React$useState8[0],
+        setData = _React$useState8[1];
 
-  var _React$useState9 = _react.default.useState([]),
-      _React$useState10 = _slicedToArray(_React$useState9, 2),
-      rightSelection = _React$useState10[0],
-      setRightSelection = _React$useState10[1];
+  const _React$useState9 = _react.default.useState([]),
+        _React$useState10 = _slicedToArray(_React$useState9, 2),
+        rightSelection = _React$useState10[0],
+        setRightSelection = _React$useState10[1];
 
-  var _React$useState11 = _react.default.useState(_Utils.default.getComponentAttribute(props.config, 'label', null)),
-      _React$useState12 = _slicedToArray(_React$useState11, 1),
-      label = _React$useState12[0];
+  const _React$useState11 = _react.default.useState(_Utils.default.getComponentAttribute(props.config, 'label', null)),
+        _React$useState12 = _slicedToArray(_React$useState11, 1),
+        label = _React$useState12[0];
 
-  var _React$useState13 = _react.default.useState(true),
-      _React$useState14 = _slicedToArray(_React$useState13, 2),
-      initializing = _React$useState14[0],
-      setInitializing = _React$useState14[1];
+  const _React$useState13 = _react.default.useState(true),
+        _React$useState14 = _slicedToArray(_React$useState13, 2),
+        initializing = _React$useState14[0],
+        setInitializing = _React$useState14[1];
 
-  var loadCompleteHandler = function loadCompleteHandler() {
+  const loadCompleteHandler = () => {
     props.loadCompleteHandler(props.config.id);
 
     if (!_Utils.default.isNull(data) && data[selectionDataBinding].records.length > 0) {
-      var initialValues = [];
+      let initialValues = [];
 
       var _iterator = _createForOfIteratorHelper(data[selectionDataBinding].records),
           _step;
 
       try {
         for (_iterator.s(); !(_step = _iterator.n()).done;) {
-          var record = _step.value;
-          var row = {};
+          const record = _step.value;
+          let row = {};
           row.id = record.map.id;
           initialValues.push(row);
         }
@@ -126,15 +124,15 @@ var TransferListComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_reac
   };
 
   function updateValue(rows) {
-    var objectRefs = [];
+    let objectRefs = [];
 
     var _iterator2 = _createForOfIteratorHelper(rows),
         _step2;
 
     try {
       for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-        var item = _step2.value;
-        var objectRef = {};
+        const item = _step2.value;
+        let objectRef = {};
         objectRef.id = item.id;
         objectRefs.push(objectRef);
       }
@@ -147,14 +145,14 @@ var TransferListComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_reac
     base.handleValueChange(objectRefs.length > 0 ? objectRefs : null);
   }
 
-  _react.default.useEffect(function () {
+  _react.default.useEffect(() => {
     if (initializing) {
       if (!_Utils.default.isNull(props.config.dataService)) {
-        var method = props.config.dataService.type === 'remoteObjectProxy' ? _RestUtils.invokeRpc : _RestUtils.invokeRest;
-        method(props.config.dataService, props.handle, props.viewId, function (result) {
-          var data = props.config.dataService.type === 'remoteObjectProxy' ? result.data : result;
+        let method = props.config.dataService.type === 'remoteObjectProxy' ? _RestUtils.invokeRpc : _RestUtils.invokeRest;
+        method(props.config.dataService, props.handle, props.viewId, result => {
+          let data = props.config.dataService.type === 'remoteObjectProxy' ? result.data : result;
           setData(data);
-        }, function (e) {
+        }, e => {
           console.error(e);
 
           _Utils.default.publishSystemErrorMessage(props.viewId);
@@ -165,7 +163,7 @@ var TransferListComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_reac
     }
   });
 
-  var handleTransferItemRight = function handleTransferItemRight() {
+  const handleTransferItemRight = () => {
     props.optionsListHandle.api.deleteSelectedRows();
     updateValue(props.selectionListHandle.api.addRows(leftSelection));
 
@@ -174,7 +172,7 @@ var TransferListComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_reac
     }
   };
 
-  var handleTransferItemLeft = function handleTransferItemLeft() {
+  const handleTransferItemLeft = () => {
     updateValue(props.selectionListHandle.api.deleteSelectedRows());
     props.optionsListHandle.api.addRows(rightSelection);
   };
@@ -207,9 +205,7 @@ var TransferListComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_reac
     ref: /*#__PURE__*/_react.default.createRef(),
     viewId: props.viewId,
     data: !_Utils.default.isNull(data) ? data[optionsDataBinding] : null,
-    onSelectionChange: function onSelectionChange(selection) {
-      return setLeftSelection(selection);
-    },
+    onSelectionChange: selection => setLeftSelection(selection),
     filterWrapperClass: 'transferListFilterWraper',
     loadCompleteHandler: loadCompleteHandler,
     hasBorder: false
@@ -250,9 +246,7 @@ var TransferListComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_reac
     ref: /*#__PURE__*/_react.default.createRef(),
     viewId: props.viewId,
     data: !_Utils.default.isNull(data) ? data[selectionDataBinding] : null,
-    onSelectionChange: function onSelectionChange(selection) {
-      return setRightSelection(selection);
-    },
+    onSelectionChange: selection => setRightSelection(selection),
     filterWrapperClass: 'transferListFilterWraper',
     loadCompleteHandler: loadCompleteHandler,
     hasBorder: false
@@ -261,40 +255,40 @@ var TransferListComponent = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_reac
   }, base.errorMessage))) : null);
 }));
 
-var TransferList = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _React$useState15 = _react.default.useState({}),
-      _React$useState16 = _slicedToArray(_React$useState15, 1),
-      optionsListHandle = _React$useState16[0];
+const TransferList = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const _React$useState15 = _react.default.useState({}),
+        _React$useState16 = _slicedToArray(_React$useState15, 1),
+        optionsListHandle = _React$useState16[0];
 
-  var _React$useState17 = _react.default.useState({}),
-      _React$useState18 = _slicedToArray(_React$useState17, 1),
-      selectionListHandle = _React$useState18[0];
+  const _React$useState17 = _react.default.useState({}),
+        _React$useState18 = _slicedToArray(_React$useState17, 1),
+        selectionListHandle = _React$useState18[0];
 
   return /*#__PURE__*/_react.default.createElement(_BaseField.BaseField, _extends({}, props, {
     reference: ref,
-    getChildren: function getChildren() {
-      var children = [];
+    getChildren: () => {
+      let children = [];
       children.push(optionsListHandle);
       children.push(selectionListHandle);
       return children;
     },
-    valueParser: function valueParser(value) {
+    valueParser: value => {
       if (!_Utils.default.isNull(value)) {
-        var objectArray = value;
-        var val = [];
+        let objectArray = value;
+        let val = [];
 
         if (objectArray.length > 0) {
-          var type = objectArray[0].type;
+          let type = objectArray[0].type;
 
           var _iterator3 = _createForOfIteratorHelper(objectArray),
               _step3;
 
           try {
             for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
-              var objectArrayElement = _step3.value;
+              const objectArrayElement = _step3.value;
 
               if (type === 'MapEntityDto') {
-                var objectReference = {};
+                let objectReference = {};
                 objectReference.id = objectArrayElement.map.id;
                 val.push(objectReference);
               } else {
@@ -313,14 +307,12 @@ var TransferList = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default
 
       return [];
     }
-  }), function (base) {
-    return /*#__PURE__*/_react.default.createElement(TransferListComponent, _extends({
-      ref: ref,
-      base: base,
-      optionsListHandle: optionsListHandle,
-      selectionListHandle: selectionListHandle
-    }, props));
-  });
+  }), base => /*#__PURE__*/_react.default.createElement(TransferListComponent, _extends({
+    ref: ref,
+    base: base,
+    optionsListHandle: optionsListHandle,
+    selectionListHandle: selectionListHandle
+  }, props)));
 }));
 
 var _default = TransferList;

package/dist/components/form/UploadField.js

@@ -33,165 +33,157 @@ 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 {
-    button: {
-      margin: theme.spacing(1)
-    },
-    input: {
-      display: 'none'
-    },
-    errorMessageDisplay: {
-      color: 'red'
-    }
-  };
-});
-var location = window.location.protocol + "//" + window.location.hostname;
+const useStyles = (0, _styles.makeStyles)(theme => ({
+  button: {
+    margin: theme.spacing(1)
+  },
+  input: {
+    display: 'none'
+  },
+  errorMessageDisplay: {
+    color: 'red'
+  }
+}));
+const location = window.location.protocol + "//" + window.location.hostname;
 
-var DocumentUpload = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _React$useState = _react.default.useState(!_Utils.default.isNull(props.initialFile) ? props.initialFile : null),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      viewerFile = _React$useState2[0],
-      setViewerFile = _React$useState2[1];
+const DocumentUpload = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const _React$useState = _react.default.useState(!_Utils.default.isNull(props.initialFile) ? props.initialFile : null),
+        _React$useState2 = _slicedToArray(_React$useState, 2),
+        viewerFile = _React$useState2[0],
+        setViewerFile = _React$useState2[1];
 
-  var _React$useState3 = _react.default.useState(_Utils.default.getComponentAttribute(props.config, 'valueMode', null)),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      valueMode = _React$useState4[0],
-      setValueMode = _React$useState4[1];
+  const _React$useState3 = _react.default.useState(_Utils.default.getComponentAttribute(props.config, 'valueMode', null)),
+        _React$useState4 = _slicedToArray(_React$useState3, 2),
+        valueMode = _React$useState4[0],
+        setValueMode = _React$useState4[1];
 
-  var _React$useState5 = _react.default.useState(!_Utils.default.isNull(props.initialFile) ? [props.initialFile] : null),
-      _React$useState6 = _slicedToArray(_React$useState5, 2),
-      files = _React$useState6[0],
-      setFiles = _React$useState6[1];
+  const _React$useState5 = _react.default.useState(!_Utils.default.isNull(props.initialFile) ? [props.initialFile] : null),
+        _React$useState6 = _slicedToArray(_React$useState5, 2),
+        files = _React$useState6[0],
+        setFiles = _React$useState6[1];
 
-  var _React$useState7 = _react.default.useState(true),
-      _React$useState8 = _slicedToArray(_React$useState7, 2),
-      loading = _React$useState8[0],
-      setLoading = _React$useState8[1];
+  const _React$useState7 = _react.default.useState(true),
+        _React$useState8 = _slicedToArray(_React$useState7, 2),
+        loading = _React$useState8[0],
+        setLoading = _React$useState8[1];
 
-  var _React$useState9 = _react.default.useState(props.multiple === true),
-      _React$useState10 = _slicedToArray(_React$useState9, 1),
-      multiple = _React$useState10[0];
+  const _React$useState9 = _react.default.useState(props.multiple === true),
+        _React$useState10 = _slicedToArray(_React$useState9, 1),
+        multiple = _React$useState10[0];
 
-  var _React$useState11 = _react.default.useState(false),
-      _React$useState12 = _slicedToArray(_React$useState11, 2),
-      show = _React$useState12[0],
-      setShow = _React$useState12[1];
+  const _React$useState11 = _react.default.useState(false),
+        _React$useState12 = _slicedToArray(_React$useState11, 2),
+        show = _React$useState12[0],
+        setShow = _React$useState12[1];
 
-  var classes = useStyles();
+  const classes = useStyles();
 
-  var _React$useState13 = _react.default.useState(ref ? ref : /*#__PURE__*/_react.default.createRef()),
-      _React$useState14 = _slicedToArray(_React$useState13, 2),
-      reference = _React$useState14[0],
-      setReference = _React$useState14[1];
+  const _React$useState13 = _react.default.useState(ref ? ref : /*#__PURE__*/_react.default.createRef()),
+        _React$useState14 = _slicedToArray(_React$useState13, 2),
+        reference = _React$useState14[0],
+        setReference = _React$useState14[1];
 
-  var _React$useState15 = _react.default.useState(null),
-      _React$useState16 = _slicedToArray(_React$useState15, 2),
-      hasError = _React$useState16[0],
-      setHasError = _React$useState16[1];
+  const _React$useState15 = _react.default.useState(null),
+        _React$useState16 = _slicedToArray(_React$useState15, 2),
+        hasError = _React$useState16[0],
+        setHasError = _React$useState16[1];
 
-  var width = _Utils.default.getComponentAttribute(props.config, 'width', '200px');
+  const width = _Utils.default.getComponentAttribute(props.config, 'width', '200px');
 
-  var height = _Utils.default.getComponentAttribute(props.config, 'height', '200px');
+  const height = _Utils.default.getComponentAttribute(props.config, 'height', '200px');
 
-  var _React$useState17 = _react.default.useState(""),
-      _React$useState18 = _slicedToArray(_React$useState17, 2),
-      errorMessage = _React$useState18[0],
-      setErrorMessage = _React$useState18[1];
+  const _React$useState17 = _react.default.useState(""),
+        _React$useState18 = _slicedToArray(_React$useState17, 2),
+        errorMessage = _React$useState18[0],
+        setErrorMessage = _React$useState18[1];
 
-  var base = props.base;
+  const base = props.base;
 
-  _react.default.useEffect(function () {
+  _react.default.useEffect(() => {
     setViewerFile(null);
   }, [props.clearTrigger]);
 
-  _react.default.useEffect(function () {
+  _react.default.useEffect(() => {
     if (!_Utils.default.isNull(props.valueMode)) {
       setValueMode(props.valueMode);
     }
   }, [props.valueMode]);
 
-  var handleViewerLoad = function handleViewerLoad(numPages) {
+  const handleViewerLoad = numPages => {
     setLoading(false);
   };
 
-  var handleChange = function handleChange() {
-    return function (event) {
-      var files = event.target.files;
-      var allFiles = [];
-
-      var _loop = function _loop() {
-        var file = files[i];
-        var reader = new FileReader();
-        reader.readAsDataURL(file);
-
-        reader.onload = function () {
-          var fileInfo = {
-            name: file.name,
-            type: file.type,
-            size: Math.round(file.size / 1000) + ' kB',
-            base64: reader.result,
-            file: file
-          };
-          allFiles.push(fileInfo);
-
-          if (allFiles.length === files.length) {
-            if (multiple === true) {
-              if (!_Utils.default.isNull(props.onUploadHandler)) {
-                props.onUploadHandler(allFiles);
-              }
-            } else {
-              if (!_Utils.default.isNull(props.onUploadHandler)) {
-                props.onUploadHandler(allFiles[0]);
-              }
-
-              setLoading(true);
-              setViewerFile(allFiles[0]);
-            }
-
-            setFiles(allFiles);
-          }
+  const handleChange = () => event => {
+    let files = event.target.files;
+    var allFiles = [];
+
+    for (var i = 0; i < files.length; i++) {
+      let file = files[i];
+      let reader = new FileReader();
+      reader.readAsDataURL(file);
+
+      reader.onload = () => {
+        let fileInfo = {
+          name: file.name,
+          type: file.type,
+          size: Math.round(file.size / 1000) + ' kB',
+          base64: reader.result,
+          file: file
         };
+        allFiles.push(fileInfo);
 
-        reader.onloadend = function () {
-          if (!_Utils.default.isNull(props.form)) {
-            var fileMetaData = {};
-            fileMetaData.name = allFiles[0].name;
-            fileMetaData.type = allFiles[0].type;
-            fileMetaData.size = allFiles[0].size;
-
-            if ('base64' === valueMode) {
-              fileMetaData.url = allFiles[0].base64;
-              base.handleValueChange(fileMetaData);
-            } else {
-              fileMetaData.correlationId = props.config.id;
-              fileMetaData.domain = props.viewId;
-              fileMetaData.cachedFile = true;
-              var _file = {};
-              _file.correlationId = fileMetaData.correlationId;
-              _file.content = allFiles[0].file;
-
-              _ApplicationContext.default.addFile(props.viewId, _file);
-
-              base.handleValueChange(fileMetaData);
+        if (allFiles.length === files.length) {
+          if (multiple === true) {
+            if (!_Utils.default.isNull(props.onUploadHandler)) {
+              props.onUploadHandler(allFiles);
             }
+          } else {
+            if (!_Utils.default.isNull(props.onUploadHandler)) {
+              props.onUploadHandler(allFiles[0]);
+            }
+
+            setLoading(true);
+            setViewerFile(allFiles[0]);
           }
-        };
+
+          setFiles(allFiles);
+        }
       };
 
-      for (var i = 0; i < files.length; i++) {
-        _loop();
-      }
-    };
+      reader.onloadend = () => {
+        if (!_Utils.default.isNull(props.form)) {
+          let fileMetaData = {};
+          fileMetaData.name = allFiles[0].name;
+          fileMetaData.type = allFiles[0].type;
+          fileMetaData.size = allFiles[0].size;
+
+          if ('base64' === valueMode) {
+            fileMetaData.url = allFiles[0].base64;
+            base.handleValueChange(fileMetaData);
+          } else {
+            fileMetaData.correlationId = props.config.id;
+            fileMetaData.domain = props.viewId;
+            fileMetaData.cachedFile = true;
+            let file = {};
+            file.correlationId = fileMetaData.correlationId;
+            file.content = allFiles[0].file;
+
+            _ApplicationContext.default.addFile(props.viewId, file);
+
+            base.handleValueChange(fileMetaData);
+          }
+        }
+      };
+    }
   };
 
-  var defaultImage = null;
+  let defaultImage = null;
 
   if (props.style === 'IMAGE') {
     defaultImage = props.config.attributes['defaultImage'];
@@ -241,33 +233,33 @@ var DocumentUpload = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.defau
 
 exports.DocumentUpload = DocumentUpload;
 
-var UploadField = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _React$useState19 = _react.default.useState(null),
-      _React$useState20 = _slicedToArray(_React$useState19, 2),
-      file = _React$useState20[0],
-      setFile = _React$useState20[1];
+const UploadField = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const _React$useState19 = _react.default.useState(null),
+        _React$useState20 = _slicedToArray(_React$useState19, 2),
+        file = _React$useState20[0],
+        setFile = _React$useState20[1];
 
-  var _React$useState21 = _react.default.useState(false),
-      _React$useState22 = _slicedToArray(_React$useState21, 2),
-      clearTrigger = _React$useState22[0],
-      setClearTrigger = _React$useState22[1];
+  const _React$useState21 = _react.default.useState(false),
+        _React$useState22 = _slicedToArray(_React$useState21, 2),
+        clearTrigger = _React$useState22[0],
+        setClearTrigger = _React$useState22[1];
 
   return /*#__PURE__*/_react.default.createElement(_BaseField.BaseField, _extends({}, props, {
     handle: props.handle,
-    valueParser: function valueParser(value, inbound) {
+    valueParser: (value, inbound) => {
       if (inbound) {
         setClearTrigger(!clearTrigger);
 
         if (!_Utils.default.isNull(value)) {
-          var objectReference = value;
-          var fileMetaData = {};
+          let objectReference = value;
+          let fileMetaData = {};
           fileMetaData.name = objectReference.label;
           fileMetaData.id = objectReference.id;
 
           if (!_Utils.default.isNull(value.url)) {
-            var _file2 = {};
-            _file2.base64 = value.url;
-            setFile(_file2);
+            let file = {};
+            file.base64 = value.url;
+            setFile(file);
           }
 
           return fileMetaData;
@@ -276,19 +268,17 @@ var UploadField = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.
 
       return value;
     },
-    valueChangeCallback: function valueChangeCallback(value) {
+    valueChangeCallback: value => {
       if (_Utils.default.isNull(value)) {
         setClearTrigger(!clearTrigger);
       }
     }
-  }), function (base) {
-    return /*#__PURE__*/_react.default.createElement(DocumentUpload, _extends({
-      ref: ref,
-      base: base,
-      initialFile: file,
-      clearTrigger: clearTrigger
-    }, props));
-  });
+  }), base => /*#__PURE__*/_react.default.createElement(DocumentUpload, _extends({
+    ref: ref,
+    base: base,
+    initialFile: file,
+    clearTrigger: clearTrigger
+  }, props)));
 }));
 
 exports.UploadField = UploadField;