@finema/core 3.14.3 → 3.14.4

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@finema/core",
-  "version": "3.14.3",
+  "version": "3.14.4",
   "configKey": "core",
   "builder": {
     "@nuxt/module-builder": "1.0.2",

package/dist/module.mjs

@@ -4,7 +4,7 @@ import * as lodash from 'lodash-es';
 import * as theme from '../dist/runtime/theme/index.js';
 
 const name = "@finema/core";
-const version = "3.14.3";
+const version = "3.14.4";
 
 const nuxtAppOptions = {
   head: {

package/dist/runtime/components/Form/fileState/MultipleFilesState.d.vue.ts

@@ -6,6 +6,9 @@ interface FileUploadItem {
     progress: number;
     value?: IFileValue;
     error?: string;
+    uploadLoader?: any;
+    percentRef?: any;
+    cleanupWatchers?: (() => void)[];
 }
 interface Props {
     theme: any;

package/dist/runtime/components/Form/fileState/MultipleFilesState.vue.d.ts

@@ -6,6 +6,9 @@ interface FileUploadItem {
     progress: number;
     value?: IFileValue;
     error?: string;
+    uploadLoader?: any;
+    percentRef?: any;
+    cleanupWatchers?: (() => void)[];
 }
 interface Props {
     theme: any;

package/dist/runtime/components/Form/fileState/useUploadStateMultiple.d.ts

@@ -1,7 +1,6 @@
-import type { Ref, TemplateRef } from 'vue';
+import type { TemplateRef } from 'vue';
 import type { IUploadDropzoneAutoMultipleProps } from '../InputUploadDropzoneAutoMultiple/types.js';
 import type { IFileValue } from '#core/components/Form/types';
-import { useUploadLoader } from '#core/composables/useUpload';
 export declare enum UploadState {
     EMPTY = "empty",
     UPLOADING = "uploading",
@@ -14,11 +13,12 @@ export interface FileUploadItem {
     progress: number;
     value?: IFileValue;
     error?: string;
-    uploadLoader?: ReturnType<typeof useUploadLoader>;
-    percentRef?: Ref<number>;
+    uploadLoader?: any;
+    percentRef?: any;
+    cleanupWatchers?: (() => void)[];
 }
 export declare const useUploadStateMultiple: (props: IUploadDropzoneAutoMultipleProps, emits: any, onChange: (value: IFileValue[] | undefined) => void, setErrors: (error: string) => void, value: any, acceptedFileTypes: any, wrapperProps: any, dropzoneRef: TemplateRef<HTMLDivElement | undefined>) => {
-    fileItems: Ref<{
+    fileItems: import("vue").Ref<{
         file: {
             readonly lastModified: number;
             readonly name: string;
@@ -56,16 +56,9 @@ export declare const useUploadStateMultiple: (props: IUploadDropzoneAutoMultiple
             id?: string | undefined;
         } | undefined;
         error?: string | undefined;
-        uploadLoader?: {
-            status: import("#imports").IStatus;
-            data: any;
-            options: import("#imports").IAPIOptions;
-            run: (payload?: import("../../../helpers/apiObjectHelper.js").IObjectRunLoaderOptions<any, any> | undefined) => Promise<void>;
-            clear: () => void;
-            setLoading: () => void;
-            setData: (data: any) => void;
-        } | undefined;
-        percentRef?: number | undefined;
+        uploadLoader?: any;
+        percentRef?: any;
+        cleanupWatchers?: (() => void)[] | undefined;
     }[], FileUploadItem[] | {
         file: {
             readonly lastModified: number;
@@ -104,16 +97,9 @@ export declare const useUploadStateMultiple: (props: IUploadDropzoneAutoMultiple
             id?: string | undefined;
         } | undefined;
         error?: string | undefined;
-        uploadLoader?: {
-            status: import("#imports").IStatus;
-            data: any;
-            options: import("#imports").IAPIOptions;
-            run: (payload?: import("../../../helpers/apiObjectHelper.js").IObjectRunLoaderOptions<any, any> | undefined) => Promise<void>;
-            clear: () => void;
-            setLoading: () => void;
-            setData: (data: any) => void;
-        } | undefined;
-        percentRef?: number | undefined;
+        uploadLoader?: any;
+        percentRef?: any;
+        cleanupWatchers?: (() => void)[] | undefined;
     }[]>;
     isEmpty: import("vue").ComputedRef<boolean>;
     hasUploading: import("vue").ComputedRef<boolean>;

package/dist/runtime/components/Form/fileState/useUploadStateMultiple.js

@@ -98,7 +98,7 @@ export const useUploadStateMultiple = (props, emits, onChange, setErrors, value,
             size: Number(_get(uploadLoader.data.value, props.responseSize) || fileItem.file.size),
             id: _get(uploadLoader.data.value, props.responseID)
           };
-          fileItems.value.splice(index, 1);
+          fileItems.value = fileItems.value.filter((_, i) => i !== index);
           onChange([fileValue, ...ArrayHelper.toArray(value.value)]);
           emits("success", fileValue);
           stopProgressWatch();
@@ -123,6 +123,9 @@ export const useUploadStateMultiple = (props, emits, onChange, setErrors, value,
         }
       }
     );
+    updateFileItem(index, {
+      cleanupWatchers: [stopProgressWatch, stopSuccessWatch, stopErrorWatch]
+    });
     return uploadLoader;
   };
   const processFile = (file) => {
@@ -187,6 +190,10 @@ export const useUploadStateMultiple = (props, emits, onChange, setErrors, value,
     fileDialog.open();
   };
   const handleDeleteFile = (index) => {
+    const fileItem = fileItems.value[index];
+    if (fileItem?.cleanupWatchers) {
+      fileItem.cleanupWatchers.forEach((cleanup) => cleanup());
+    }
     fileItems.value.splice(index, 1);
     if (fileItems.value.length === 0) {
       setErrors("");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@finema/core",
-  "version": "3.14.3",
+  "version": "3.14.4",
   "repository": "https://gitlab.finema.co/finema/ui-kit",
   "license": "MIT",
   "author": "Finema Dev Core Team",