@uploadcare/file-uploader 1.15.0-alpha.17 → 1.15.0-alpha.19

package/blocks/FileItem/FileItem.d.ts

@@ -35,7 +35,6 @@ export class FileItem extends FileItemConfig {
         '*historyBack': null;
         '*closeModal': () => void;
     };
-    _reset(): void;
     /**
      * @private
      * @param {IntersectionObserverEntry[]} entries
@@ -53,6 +52,8 @@ export class FileItem extends FileItemConfig {
      * @param {String} id
      */
     private _handleEntryId;
+    /** @param {boolean} value */
+    _updateShowFileNames(value: boolean): void;
     _handleState: (...args: any[]) => void;
     /** @private */
     private _observer;

package/blocks/FileItem/FileItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileItem.d.ts","sourceRoot":"","sources":["FileItem.js"],"names":[],"mappings":"AAiBA;IAIE,eAAe;IACf,sBAAsB;IAKpB;;;;;;;;;;;;;;;;;;;;;;;+CAVoB,gBAAU;mCAIlB,gBACR;6BAMM,2BAET;;wCAMC,wCACK;;;;;;MAqBN;IAGH,eAQC;IAED;;;OAGG;IACH,0BAUC;IAPC,qCAA2C;IAC3C,wCAA0C;IAQ5C,eAAe;IACf,wBAYG;IAEH,eAAe;IACf,iCAA0E;IAE1E,sCA4BE;IAEF;;;OAGG;IACH,uBAqCC;IAyDD,uCA+BE;IAaA,eAAe;IACf,kBAEE;IAUJ;;;MAEC;IAED;;;OAGG;IACH,uBAEC;IAED,0CAwGG;CACJ;;;;;+BA/Y8B,qBAAqB"}
+{"version":3,"file":"FileItem.d.ts","sourceRoot":"","sources":["FileItem.js"],"names":[],"mappings":"AAiBA;IAIE,eAAe;IACf,sBAAsB;IAKpB;;;;;;;;;;;;;;;;;;;;;;;+CAVoB,gBAAU;mCAIlB,gBACR;6BAMM,2BAET;;wCAMC,wCACK;;;;;;MAqBN;IAQH;;;OAGG;IACH,0BAUC;IAPC,qCAA2C;IAC3C,wCAA0C;IAQ5C,eAAe;IACf,wBAYG;IAEH,eAAe;IACf,iCAA0E;IAE1E,sCA4BE;IAEF;;;OAGG;IACH,uBAqCC;IAED,6BAA6B;IAC7B,4BADY,OAAO,QASlB;IAgDD,uCA+BE;IAaA,eAAe;IACf,kBAEE;IAUJ;;;MAEC;IAED;;;OAGG;IACH,uBAEC;IAED,0CAwGG;CACJ;;;;;+BA5Y8B,qBAAqB"}

package/blocks/FileItem/FileItem.js

@@ -60,13 +60,8 @@ export class FileItem extends FileItemConfig {
   }
 
   _reset() {
-    for (let sub of this._entrySubs) {
-      sub.remove();
-    }
-
+    super._reset();
     this._debouncedCalculateState.cancel();
-    this._entrySubs = new Set();
-    this._entry = null;
   }
 
   /**
@@ -176,6 +171,17 @@ export class FileItem extends FileItemConfig {
     this._subEntry('isImage', () => this._debouncedCalculateState());
   }
 
+  /** @param {boolean} value */
+  _updateShowFileNames(value) {
+    const isListMode = this.cfg.filesViewMode === 'list';
+    if (isListMode) {
+      this.$.showFileNames = true;
+      return;
+    }
+
+    this.$.showFileNames = value;
+  }
+
   initCallback() {
     super.initCallback();
 
@@ -188,24 +194,15 @@ export class FileItem extends FileItemConfig {
     });
 
     this.subConfigValue('useCloudImageEditor', () => this._debouncedCalculateState());
+
     this.subConfigValue('filesViewMode', (mode) => {
-      if (this.cfg.filesViewMode === 'list') {
-        this.$.showFileNames = true;
-      }
-      if (this.cfg.filesViewMode === 'grid') {
-        this.$.showFileNames = this.cfg.gridShowFileNames;
-      }
+      this._updateShowFileNames(this.cfg.gridShowFileNames);
 
       this.setAttribute('mode', mode);
     });
 
     this.subConfigValue('gridShowFileNames', (value) => {
-      if (this.cfg.filesViewMode === 'grid') {
-        this.$.showFileNames = value;
-      }
-      if (this.cfg.filesViewMode === 'list') {
-        this.$.showFileNames = true;
-      }
+      this._updateShowFileNames(value);
     });
 
     this.onclick = () => {

package/blocks/FileItem/FileItemConfig.d.ts

@@ -21,6 +21,8 @@ export class FileItemConfig extends UploaderBlock {
      * @protected
      */
     protected _subEntry: (prop_: K, handler_: (value: import("../../abstract/uploadEntrySchema.js").UploadEntryData[K]) => void) => void;
+    /** @protected */
+    protected _reset(): void;
 }
 import { UploaderBlock } from '../../abstract/UploaderBlock.js';
 //# sourceMappingURL=FileItemConfig.d.ts.map

package/blocks/FileItem/FileItemConfig.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileItemConfig.d.ts","sourceRoot":"","sources":["FileItemConfig.js"],"names":[],"mappings":"AAIA;IACE,iBAAiB;IACjB,+BAAuB;IAEvB;;;OAGG;IACH,kBAHU,OAAO,qCAAqC,EAAE,oBAAoB,GAAG,IAAI,CAGrE;IAEd;;;;;;OAMG;IACH,qBANqB,CAAC,SAAR,GAAG,EAAG,EAC0F,CAAC,SAAlG,CAAE,KAAK,EAAE,OAAO,qCAAqC,EAAE,oBAAoB,EAAE,GAAG,IAAI,EAAE,CAAC,KAAK,GAAI,MAClG,CAAC,GACC,CAAC,GAAG,IAAI,EAAE,CAAC,KAAK,UAAU,CAAC,CAAC,CAAC,CAezC;IAED;;;;;OAKG;IACH,sBAAa,OAJF,CAIO,EAAE,UAHT,CAAC,KAAK,EAAE,OAAO,qCAAqC,EAAE,eAAe,CAAC,CAAC,CAAC,KAAK,IAG5D,UAgBP;CAMtB;8BA7D6B,iCAAiC"}
+{"version":3,"file":"FileItemConfig.d.ts","sourceRoot":"","sources":["FileItemConfig.js"],"names":[],"mappings":"AAIA;IACE,iBAAiB;IACjB,+BAAuB;IAEvB;;;OAGG;IACH,kBAHU,OAAO,qCAAqC,EAAE,oBAAoB,GAAG,IAAI,CAGrE;IAEd;;;;;;OAMG;IACH,qBANqB,CAAC,SAAR,GAAG,EAAG,EAC0F,CAAC,SAAlG,CAAE,KAAK,EAAE,OAAO,qCAAqC,EAAE,oBAAoB,EAAE,GAAG,IAAI,EAAE,CAAC,KAAK,GAAI,MAClG,CAAC,GACC,CAAC,GAAG,IAAI,EAAE,CAAC,KAAK,UAAU,CAAC,CAAC,CAAC,CAezC;IAED;;;;;OAKG;IACH,sBAAa,OAJF,CAIO,EAAE,UAHT,CAAC,KAAK,EAAE,OAAO,qCAAqC,EAAE,eAAe,CAAC,CAAC,CAAC,KAAK,IAG5D,UAgBP;IAErB,iBAAiB;IACjB,yBAOC;CAMF;8BAvE6B,iCAAiC"}

package/blocks/FileItem/FileItemConfig.js

@@ -57,6 +57,16 @@ export class FileItemConfig extends UploaderBlock {
       },
     )(prop_, handler_);
 
+  /** @protected */
+  _reset() {
+    for (let sub of this._entrySubs) {
+      sub.remove();
+    }
+
+    this._entrySubs = new Set();
+    this._entry = null;
+  }
+
   disconnectedCallback() {
     super.disconnectedCallback();
     this._entrySubs = new Set();

package/blocks/Thumb/Thumb.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Thumb.d.ts","sourceRoot":"","sources":["Thumb.js"],"names":[],"mappings":"AASA;IACE,eAAe;IACf,0BAA0B;IAE1B;;;OAGG;IACH,mBAAkB;IAElB,yBAAwB;IAExB,oEAAwC;IAKtC;;;;;;;+CALyB,gBAAU;mCAOjC,gBAAK;6BAMe,2BACZ;;wCAK4B,wCAC5B;;;;;;MAVT;IAGH,6CAgBC;IAED,eAAe;IACf,2BAgDG;IAEH;;MAA4E;IAE5E;;;OAGG;IACH,0BAaC;IAED;;;OAGG;IACH,uBA0BC;IA8BC,4CAAuG;CAY1G;;;;+BAhM8B,+BAA+B"}
+{"version":3,"file":"Thumb.d.ts","sourceRoot":"","sources":["Thumb.js"],"names":[],"mappings":"AASA;IACE,eAAe;IACf,0BAA0B;IAE1B;;;OAGG;IACH,mBAAkB;IAElB,yBAAwB;IAExB,oEAAwC;IAKtC;;;;;;;+CALyB,gBAAU;mCAOjC,gBAAK;6BAMe,2BACZ;;wCAK4B,wCAC5B;;;;;;MAVT;IAGH,6CAgBC;IAED,eAAe;IACf,2BA+CG;IAEH;;MAA4E;IAE5E;;;OAGG;IACH,0BAaC;IAOD;;;OAGG;IACH,uBA6BC;IA8BC,4CAAuG;CAY1G;;;;+BAvM8B,+BAA+B"}

package/blocks/Thumb/Thumb.js

@@ -55,6 +55,8 @@ export class Thumb extends FileItemConfig {
     const fileInfo = entry.getValue('fileInfo');
     const isImage = entry.getValue('isImage');
     const uuid = entry.getValue('uuid');
+    const currentThumbUrl = entry.getValue('thumbUrl');
+
     let size = this._calculateThumbSize(force);
 
     if (fileInfo && isImage && uuid) {
@@ -68,14 +70,12 @@ export class Thumb extends FileItemConfig {
       const { promise } = preloadImage(thumbUrl);
 
       promise
-        .then(() => this.set$({ thumbUrl: `url(${thumbUrl})` }))
-
-        .finally(() => {
-          let currentThumbUrl = entry.getValue('thumbUrl');
-          if (currentThumbUrl !== thumbUrl) {
-            entry.setValue('thumbUrl', thumbUrl);
-            currentThumbUrl?.startsWith('blob:') && URL.revokeObjectURL(currentThumbUrl);
-          }
+        .then(() => {
+          entry.setValue('thumbUrl', thumbUrl);
+          currentThumbUrl?.startsWith('blob:') && URL.revokeObjectURL(currentThumbUrl);
+        })
+        .catch(() => {
+          console.error('Failed to load image', thumbUrl);
         });
 
       return;
@@ -86,7 +86,6 @@ export class Thumb extends FileItemConfig {
     }
 
     const file = entry.getValue('file');
-
     if (file?.type.includes('image')) {
       try {
         let thumbUrl = await generateThumb(file, size);
@@ -122,13 +121,21 @@ export class Thumb extends FileItemConfig {
     }
   }
 
+  _reset() {
+    super._reset();
+    this._debouncedGenerateThumb.cancel();
+  }
+
   /**
    * @private
    * @param {String} id
    */
   _handleEntryId(id) {
+    this._reset();
+
     let entry = this.uploadCollection?.read(id);
     this._entry = entry;
+
     if (!entry) {
       return;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uploadcare/file-uploader",
-  "version": "1.15.0-alpha.17",
+  "version": "1.15.0-alpha.19",
   "description": "Building blocks for Uploadcare products integration",
   "keywords": [
     "web components",