@uploadcare/file-uploader 1.15.0-alpha.5 → 1.15.0-alpha.6

package/abstract/ActivityBlock.js

@@ -187,8 +187,8 @@ export class ActivityBlock extends Block {
         couldOpenActivity = /** @type {ActivityBlock} */ (nextActivityBlock)?.couldOpenActivity ?? false;
       }
 
-      // TODO: Возможно стоит обработать поведение activity start-from для minimal mode
-      console.log({ nextActivity });
+      // // TODO: Возможно стоит обработать поведение activity start-from для minimal mode
+      // console.log({ nextActivity });
 
       nextActivity = couldOpenActivity ? nextActivity : undefined;
 

package/package.json

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

package/solutions/file-uploader/minimal/FileUploaderMinimal.d.ts

@@ -3,6 +3,7 @@ export class FileUploaderMinimal extends SolutionBlock {
         singleUpload: boolean;
         isHiddenStartFrom: boolean;
         classUploadList: string;
+        classStartFrom: string;
         '*commonProgress': number;
         '*uploadList': never[];
         '*uploadQueue': import("@uploadcare/upload-client").Queue;

package/solutions/file-uploader/minimal/FileUploaderMinimal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileUploaderMinimal.d.ts","sourceRoot":"","sources":["FileUploaderMinimal.js"],"names":[],"mappings":"AAKA;IAMI;;;;;;;;;;;;;;;;;MAKC;CAiFJ;;;;8BA/F6B,oCAAoC"}
+{"version":3,"file":"FileUploaderMinimal.d.ts","sourceRoot":"","sources":["FileUploaderMinimal.js"],"names":[],"mappings":"AAQA;IAMI;;;;;;;;;;;;;;;;;;MAMC;CA0FJ;;;;8BA5G6B,oCAAoC"}

package/solutions/file-uploader/minimal/FileUploaderMinimal.js

@@ -3,6 +3,9 @@ import { ActivityBlock } from '../../../abstract/ActivityBlock.js';
 import { SolutionBlock } from '../../../abstract/SolutionBlock.js';
 import { ModalEvents } from '../../../abstract/ModalManager.js';
 
+const ACTIVE_CLASS = 'active';
+const EMPTY_CLASS = '';
+
 export class FileUploaderMinimal extends SolutionBlock {
   static styleAttrs = [...super.styleAttrs, 'uc-file-uploader-minimal'];
 
@@ -13,7 +16,8 @@ export class FileUploaderMinimal extends SolutionBlock {
       ...this.init$,
       singleUpload: false,
       isHiddenStartFrom: false,
-      classUploadList: '',
+      classUploadList: EMPTY_CLASS,
+      classStartFrom: EMPTY_CLASS,
     };
   }
 
@@ -35,9 +39,12 @@ export class FileUploaderMinimal extends SolutionBlock {
     this.sub('*uploadList', (list) => {
       if (list?.length > 0) {
         this.$['*currentActivity'] = ActivityBlock.activities.UPLOAD_LIST;
+        this.set$({
+          classStartFrom: EMPTY_CLASS,
+        });
       } else {
         this.set$({
-          classUploadList: '',
+          classUploadList: EMPTY_CLASS,
         });
         this.$['*currentActivity'] = uBlock.initActivity || ActivityBlock.activities.START_FROM;
       }
@@ -66,10 +73,16 @@ export class FileUploaderMinimal extends SolutionBlock {
     this.modalManager.subscribe(ModalEvents.OPEN, () => {
       if (this.$['*currentActivity'] === ActivityBlock.activities.UPLOAD_LIST) {
         this.set$({
-          classUploadList: 'active',
+          classUploadList: ACTIVE_CLASS,
           isHiddenStartFrom: true,
         });
       }
+
+      if (this.$['*uploadList']?.length <= 0) {
+        this.set$({
+          classStartFrom: ACTIVE_CLASS,
+        });
+      }
     });
 
     this.modalManager.subscribe(
@@ -98,7 +111,7 @@ export class FileUploaderMinimal extends SolutionBlock {
 }
 
 FileUploaderMinimal.template = /* HTML */ `
-  <uc-start-from set="@hidden: isHiddenStartFrom">
+  <uc-start-from set="@hidden: isHiddenStartFrom; @class:classStartFrom">
     <uc-drop-area set="@single:singleUpload;" initflow clickable tabindex="0" l10n="choose-file"></uc-drop-area>
     <uc-copyright></uc-copyright>
   </uc-start-from>