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

package/blocks/FileItem/FileItem.d.ts

@@ -52,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;IAQH;;;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;;;;;+BA1Y8B,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

@@ -171,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();
 
@@ -183,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/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,2BAmDG;IAEH;;MAA4E;IAE5E;;;OAGG;IACH,0BAaC;IAOD;;;OAGG;IACH,uBA6BC;IA8BC,4CAAuG;CAY1G;;;;+BA3M8B,+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,7 @@ 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);
 
@@ -66,17 +67,12 @@ export class Thumb extends FileItemConfig {
         ),
       );
 
-      let currentThumbUrl = entry.getValue('thumbUrl');
-
       const { promise } = preloadImage(thumbUrl);
 
       promise
-        .then(() => this.set$({ thumbUrl: `url(${thumbUrl})` }))
         .then(() => {
-          if (this._entry?.getValue('uuid') !== uuid) {
-            entry.setValue('thumbUrl', thumbUrl);
-            currentThumbUrl?.startsWith('blob:') && URL.revokeObjectURL(currentThumbUrl);
-          }
+          entry.setValue('thumbUrl', thumbUrl);
+          currentThumbUrl?.startsWith('blob:') && URL.revokeObjectURL(currentThumbUrl);
         })
         .catch(() => {
           console.error('Failed to load image', thumbUrl);

package/package.json

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