@finema/core 3.14.4 → 3.14.6

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@finema/core",
-  "version": "3.14.4",
+  "version": "3.14.6",
   "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.4";
+const version = "3.14.6";
 
 const nuxtAppOptions = {
   head: {

package/dist/runtime/components/Form/InputSelect/index.vue

@@ -12,6 +12,7 @@
       label-key="label"
       :icon="icon"
       :ui="ui"
+      :ignore-filter="ignoreFilter"
       :leading-icon="options.find((item) => item.value === value)?.icon"
       :avatar="options.find((item) => item.value === value)?.avatar"
       @update:modelValue="onChange"
@@ -65,6 +66,7 @@ const emits = defineEmits([
 ]);
 const props = defineProps({
   icon: { type: String, required: false },
+  ignoreFilter: { type: Boolean, required: false },
   trailingIcon: { type: String, required: false },
   clearIcon: { type: String, required: false, default: "ph:x-circle-fill" },
   selectedIcon: { type: String, required: false },

package/dist/runtime/components/Form/InputSelect/types.d.ts

@@ -6,6 +6,7 @@ export type SelectOption = SelectMenuItem & {
 };
 export interface ISelectFieldProps extends IFieldProps {
     icon?: string;
+    ignoreFilter?: boolean;
     trailingIcon?: string;
     clearIcon?: string;
     selectedIcon?: string;

package/dist/runtime/components/Form/InputSelectMultiple/index.vue

@@ -13,7 +13,7 @@
       label-key="label"
       :icon="icon"
       :ui="ui"
-      :ignore-filter="!!$attrs.onSearch"
+      :ignore-filter="ignoreFilter"
       @update:model-value="onChange"
       @update:searchTerm="onSearch"
     >
@@ -86,6 +86,7 @@ const emits = defineEmits([
 ]);
 const props = defineProps({
   icon: { type: String, required: false },
+  ignoreFilter: { type: Boolean, required: false },
   trailingIcon: { type: String, required: false },
   clearIcon: { type: String, required: false, default: "ph:x-circle-fill" },
   selectedIcon: { type: String, required: false },

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

@@ -6,9 +6,6 @@ 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,9 +6,6 @@ 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

@@ -107,6 +107,6 @@ export declare const useUploadStateMultiple: (props: IUploadDropzoneAutoMultiple
     dropzone: import("@vueuse/core").UseDropZoneReturn;
     handleOpenFile: () => void;
     handleDeleteFile: (index: number) => void;
-    handleRetryUpload: (index: number) => void;
+    handleRetryUpload: (index: number) => Promise<void>;
     handlePreview: (fileValue: IFileValue) => void;
 };

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

@@ -87,48 +87,17 @@ export const useUploadStateMultiple = (props, emits, onChange, setErrors, value,
         progress: newProgress
       });
     });
-    const stopSuccessWatch = watch(
-      () => uploadLoader.status.value.isSuccess,
-      (isSuccess) => {
-        if (isSuccess && uploadLoader.data.value) {
-          const fileValue = {
-            url: _get(uploadLoader.data.value, props.responseURL),
-            path: _get(uploadLoader.data.value, props.responsePath),
-            name: _get(uploadLoader.data.value, props.responseName) || fileItem.file.name,
-            size: Number(_get(uploadLoader.data.value, props.responseSize) || fileItem.file.size),
-            id: _get(uploadLoader.data.value, props.responseID)
-          };
-          fileItems.value = fileItems.value.filter((_, i) => i !== index);
-          onChange([fileValue, ...ArrayHelper.toArray(value.value)]);
-          emits("success", fileValue);
-          stopProgressWatch();
-          stopSuccessWatch();
-          stopErrorWatch();
-        }
-      }
-    );
-    const stopErrorWatch = watch(
-      () => uploadLoader.status.value.isError,
-      (isError) => {
-        if (isError) {
-          updateFileItem(index, {
-            state: "error" /* ERROR */,
-            error: "\u0E1E\u0E1A\u0E02\u0E49\u0E2D\u0E1C\u0E34\u0E14\u0E1E\u0E25\u0E32\u0E14: " + StringHelper.getError(
-              uploadLoader.status.value.errorData
-            )
-          });
-          stopProgressWatch();
-          stopSuccessWatch();
-          stopErrorWatch();
-        }
-      }
-    );
     updateFileItem(index, {
-      cleanupWatchers: [stopProgressWatch, stopSuccessWatch, stopErrorWatch]
+      cleanupWatchers: [stopProgressWatch]
     });
     return uploadLoader;
   };
   const processFile = (file) => {
+    processFileAsync(file).catch((error) => {
+      console.error("Error processing file:", error);
+    });
+  };
+  const processFileAsync = async (file) => {
     const validation = validateFile(file);
     if (!validation.valid) {
       setErrors(validation.error || "Invalid file");
@@ -149,14 +118,54 @@ export const useUploadStateMultiple = (props, emits, onChange, setErrors, value,
     const uploadLoader = setupUpload(fileItem, newIndex);
     const formData = new FormData();
     formData.append(props.bodyKey, file);
-    uploadLoader.run({
-      data: formData
+    await new Promise((resolve, reject) => {
+      const stopSuccessWatch = watch(
+        () => uploadLoader.status.value.isSuccess,
+        (isSuccess) => {
+          if (isSuccess && uploadLoader.data.value) {
+            const fileValue = {
+              url: _get(uploadLoader.data.value, props.responseURL),
+              path: _get(uploadLoader.data.value, props.responsePath),
+              name: _get(uploadLoader.data.value, props.responseName) || fileItem.file.name,
+              size: Number(_get(uploadLoader.data.value, props.responseSize) || fileItem.file.size),
+              id: _get(uploadLoader.data.value, props.responseID)
+            };
+            fileItems.value = fileItems.value.filter((_, i) => i !== newIndex);
+            onChange([fileValue, ...ArrayHelper.toArray(value.value)]);
+            emits("success", fileValue);
+            stopSuccessWatch();
+            stopErrorWatch();
+            resolve();
+          }
+        }
+      );
+      const stopErrorWatch = watch(
+        () => uploadLoader.status.value.isError,
+        (isError) => {
+          if (isError) {
+            updateFileItem(newIndex, {
+              state: "error" /* ERROR */,
+              error: "\u0E1E\u0E1A\u0E02\u0E49\u0E2D\u0E1C\u0E34\u0E14\u0E1E\u0E25\u0E32\u0E14: " + StringHelper.getError(
+                uploadLoader.status.value.errorData
+              )
+            });
+            stopSuccessWatch();
+            stopErrorWatch();
+            reject(new Error("Upload failed"));
+          }
+        }
+      );
+      uploadLoader.run({
+        data: formData
+      });
     });
     emits("change", fileItems.value.map((item) => item.file));
   };
-  const handleFileDrop = (files) => {
+  const handleFileDrop = async (files) => {
     if (wrapperProps.value.disabled || wrapperProps.value.readonly || !files?.length) return;
-    files.forEach((file) => processFile(file));
+    for (const file of files) {
+      await processFileAsync(file);
+    }
   };
   const fileDialog = useFileDialog({
     accept: acceptedFileTypes.value || "",
@@ -175,9 +184,11 @@ export const useUploadStateMultiple = (props, emits, onChange, setErrors, value,
   const allSuccess = computed(
     () => fileItems.value.length > 0 && fileItems.value.every((item) => item.state === "success" /* SUCCESS */)
   );
-  fileDialog.onChange((files) => {
+  fileDialog.onChange(async (files) => {
     if (files?.length) {
-      Array.from(files).forEach((file) => processFile(file));
+      for (const file of Array.from(files)) {
+        await processFileAsync(file);
+      }
       fileDialog.reset();
     }
   });
@@ -200,7 +211,7 @@ export const useUploadStateMultiple = (props, emits, onChange, setErrors, value,
     }
     emits("delete", index);
   };
-  const handleRetryUpload = (index) => {
+  const handleRetryUpload = async (index) => {
     const fileItem = fileItems.value[index];
     if (!fileItem) return;
     updateFileItem(index, {
@@ -211,8 +222,46 @@ export const useUploadStateMultiple = (props, emits, onChange, setErrors, value,
     const uploadLoader = setupUpload(fileItem, index);
     const formData = new FormData();
     formData.append(props.bodyKey, fileItem.file);
-    uploadLoader.run({
-      data: formData
+    await new Promise((resolve, reject) => {
+      const stopSuccessWatch = watch(
+        () => uploadLoader.status.value.isSuccess,
+        (isSuccess) => {
+          if (isSuccess && uploadLoader.data.value) {
+            const fileValue = {
+              url: _get(uploadLoader.data.value, props.responseURL),
+              path: _get(uploadLoader.data.value, props.responsePath),
+              name: _get(uploadLoader.data.value, props.responseName) || fileItem.file.name,
+              size: Number(_get(uploadLoader.data.value, props.responseSize) || fileItem.file.size),
+              id: _get(uploadLoader.data.value, props.responseID)
+            };
+            fileItems.value = fileItems.value.filter((_, i) => i !== index);
+            onChange([fileValue, ...ArrayHelper.toArray(value.value)]);
+            emits("success", fileValue);
+            stopSuccessWatch();
+            stopErrorWatch();
+            resolve();
+          }
+        }
+      );
+      const stopErrorWatch = watch(
+        () => uploadLoader.status.value.isError,
+        (isError) => {
+          if (isError) {
+            updateFileItem(index, {
+              state: "error" /* ERROR */,
+              error: "\u0E1E\u0E1A\u0E02\u0E49\u0E2D\u0E1C\u0E34\u0E14\u0E1E\u0E25\u0E32\u0E14: " + StringHelper.getError(
+                uploadLoader.status.value.errorData
+              )
+            });
+            stopSuccessWatch();
+            stopErrorWatch();
+            reject(new Error("Upload failed"));
+          }
+        }
+      );
+      uploadLoader.run({
+        data: formData
+      });
     });
   };
   const handlePreview = (fileValue) => {

package/package.json

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