@yoobic/yobi 8.2.0-57 → 8.2.0-58

package/dist/cjs/yoo-form-autocomplete.cjs.entry.js

@@ -50,6 +50,7 @@ const YooFormAutocompleteComponent = class {
     this.values = [];
     this.pageSize = 20;
     this.readonlyDisplay = 'inline';
+    this.preventUpload = false;
     this.showDropdownContent = false;
     this.selection = [];
     this.showEmptyItemsAddNewTag = false;
@@ -735,6 +736,9 @@ const YooFormAutocompleteComponent = class {
     let files = [].concat((ev === null || ev === void 0 ? void 0 : ev.detail) || []);
     files = files.filter((f) => !f.invalid);
     await this.uploadFiles(files);
+    if (this.preventUpload) {
+      this.fileUploader.removeFiles();
+    }
   }
   onFileSelect(ev) {
     if (ev) {
@@ -753,11 +757,11 @@ const YooFormAutocompleteComponent = class {
             promise = commonHelpers.showImageCropper({ file }).then((retVal) => retVal);
           }
           else {
-            promise = index$1.resizeImage(file, this.maxWidth, this.maxHeight).then(f => f);
+            promise = index$1.resizeImage(file, this.maxWidth, this.maxHeight).then(f => this.preventUpload ? f : { data: f });
           }
         }
         else {
-          promise = Promise.resolve(file);
+          promise = Promise.resolve(this.preventUpload ? file : { data: file });
         }
       }
       else {
@@ -773,11 +777,28 @@ const YooFormAutocompleteComponent = class {
     }
     const filePromises = files.map((file) => {
       file.filename = index$1.getRandomFileName(file.filename);
-      file.tag = index$2.FormFieldType.documentuploader;
+      if (this.preventUpload) {
+        file.tag = index$2.FormFieldType.documentuploader;
+      }
       return () => imageProcessPromise(file);
     });
     return index$1.asyncWaterfall(filePromises)
-      .then(retVal => this.setValueAndValidateInput(this.multiple ? retVal : retVal[0]))
+      .then(retVal => {
+      if (retVal && !this.preventUpload) {
+        if (this.multiple) {
+          this.fetchCustomData.emit(retVal === null || retVal === void 0 ? void 0 : retVal.map((item) => (item === null || item === void 0 ? void 0 : item.data) || item));
+        }
+        else if (retVal[0]) {
+          this.fetchCustomData.emit(retVal[0].data || retVal[0]);
+        }
+        if (files === null || files === void 0 ? void 0 : files.length) {
+          this.isUploading = true;
+        }
+      }
+      else if (retVal) {
+        this.setValueAndValidateInput(this.multiple ? [...(this.selection || []), ...retVal] : retVal[0]);
+      }
+    })
       .catch(async () => await index$1.showAlert(index$1.translate('FILE'), [index$1.translate('YOOBICOK')], index$1.translate('FILEERROR')));
   }
   getReadonlyItemSelection() {

package/dist/cjs/yoo-form-dynamic.cjs.entry.js

@@ -3420,7 +3420,8 @@ const YooFormDynamicComponent = class {
           'extraClass',
           'dynamicOrdering',
           'origin',
-          'entityMapping'
+          'entityMapping',
+          'preventUpload'
         ];
         let extraClass = this.isLivePreview() ? 'live-preview-autocomplete' : null;
         if (this.isPdf) {
@@ -4099,7 +4100,7 @@ const YooFormDynamicComponent = class {
         }
         else {
           TagType = 'yoo-form-document';
-          const document = (field.type === index.FormFieldType.document || field.type === index.FormFieldType.podcast ? field.document : field.image) || value;
+          const document = (field.type === index.FormFieldType.document || field.type === index.FormFieldType.podcast ? field.document : field.image) || (lodash.isObject(value) ? value : null);
           extraAttrs = {
             allowOrientation: this.isLesson(),
             type: field.type === index.FormFieldType.document || field.type === index.FormFieldType.podcast ? 'document' : 'image',

package/dist/collection/components/form/form-autocomplete/form-autocomplete.js

@@ -30,6 +30,7 @@ export class YooFormAutocompleteComponent {
     this.values = [];
     this.pageSize = 20;
     this.readonlyDisplay = 'inline';
+    this.preventUpload = false;
     this.showDropdownContent = false;
     this.selection = [];
     this.showEmptyItemsAddNewTag = false;
@@ -715,6 +716,9 @@ export class YooFormAutocompleteComponent {
     let files = [].concat((ev === null || ev === void 0 ? void 0 : ev.detail) || []);
     files = files.filter((f) => !f.invalid);
     await this.uploadFiles(files);
+    if (this.preventUpload) {
+      this.fileUploader.removeFiles();
+    }
   }
   onFileSelect(ev) {
     if (ev) {
@@ -733,11 +737,11 @@ export class YooFormAutocompleteComponent {
             promise = showImageCropper({ file }).then((retVal) => retVal);
           }
           else {
-            promise = resizeImage(file, this.maxWidth, this.maxHeight).then(f => f);
+            promise = resizeImage(file, this.maxWidth, this.maxHeight).then(f => this.preventUpload ? f : { data: f });
           }
         }
         else {
-          promise = Promise.resolve(file);
+          promise = Promise.resolve(this.preventUpload ? file : { data: file });
         }
       }
       else {
@@ -753,11 +757,28 @@ export class YooFormAutocompleteComponent {
     }
     const filePromises = files.map((file) => {
       file.filename = getRandomFileName(file.filename);
-      file.tag = FormFieldType.documentuploader;
+      if (this.preventUpload) {
+        file.tag = FormFieldType.documentuploader;
+      }
       return () => imageProcessPromise(file);
     });
     return asyncWaterfall(filePromises)
-      .then(retVal => this.setValueAndValidateInput(this.multiple ? retVal : retVal[0]))
+      .then(retVal => {
+      if (retVal && !this.preventUpload) {
+        if (this.multiple) {
+          this.fetchCustomData.emit(retVal === null || retVal === void 0 ? void 0 : retVal.map((item) => (item === null || item === void 0 ? void 0 : item.data) || item));
+        }
+        else if (retVal[0]) {
+          this.fetchCustomData.emit(retVal[0].data || retVal[0]);
+        }
+        if (files === null || files === void 0 ? void 0 : files.length) {
+          this.isUploading = true;
+        }
+      }
+      else if (retVal) {
+        this.setValueAndValidateInput(this.multiple ? [...(this.selection || []), ...retVal] : retVal[0]);
+      }
+    })
       .catch(async () => await showAlert(translate('FILE'), [translate('YOOBICOK')], translate('FILEERROR')));
   }
   getReadonlyItemSelection() {
@@ -2528,6 +2549,24 @@ export class YooFormAutocompleteComponent {
         "tags": [],
         "text": ""
       }
+    },
+    "preventUpload": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "prevent-upload",
+      "reflect": false,
+      "defaultValue": "false"
     }
   }; }
   static get states() { return {

package/dist/collection/components/form/form-dynamic/form-dynamic.js

@@ -3283,7 +3283,8 @@ export class YooFormDynamicComponent {
           'extraClass',
           'dynamicOrdering',
           'origin',
-          'entityMapping'
+          'entityMapping',
+          'preventUpload'
         ];
         let extraClass = this.isLivePreview() ? 'live-preview-autocomplete' : null;
         if (this.isPdf) {
@@ -3964,7 +3965,7 @@ export class YooFormDynamicComponent {
         }
         else {
           TagType = 'yoo-form-document';
-          const document = (field.type === FormFieldType.document || field.type === FormFieldType.podcast ? field.document : field.image) || value;
+          const document = (field.type === FormFieldType.document || field.type === FormFieldType.podcast ? field.document : field.image) || (isObject(value) ? value : null);
           extraAttrs = {
             allowOrientation: this.isLesson(),
             type: field.type === FormFieldType.document || field.type === FormFieldType.podcast ? 'document' : 'image',