@finema/core 1.4.31 → 1.4.33

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@finema/core",
-  "version": "1.4.31",
+  "version": "1.4.33",
   "configKey": "core",
   "compatibility": {
     "nuxt": "^3.7.4"

package/dist/module.mjs

@@ -2,7 +2,7 @@ import { defineNuxtModule, createResolver, installModule, addPlugin, addComponen
 import 'lodash-es';
 
 const name = "@finema/core";
-const version = "1.4.31";
+const version = "1.4.33";
 
 const colors = {
   black: "#20243E",

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

@@ -42,16 +42,7 @@
 </template>
 
 <script lang="tsx" setup>
-import {
-  _isEmpty,
-  computed,
-  ref,
-  StringHelper,
-  toRef,
-  useUI,
-  useUiConfig,
-  useWatchTrue,
-} from '#imports'
+import { computed, ref, StringHelper, toRef, useUI, useUiConfig, useWatchTrue } from '#imports'
 import { type IUploadFileProps } from './types'
 import FieldWrapper from '#core/components/Form/FieldWrapper.vue'
 import { useFieldHOC } from '#core/composables/useForm'
@@ -64,9 +55,10 @@ const config = useUiConfig<typeof uploadFileInputClassicAuto>(
   'uploadFileInputClassicAuto'
 )
 
+const emits = defineEmits(['success'])
 const props = withDefaults(defineProps<IUploadFileProps>(), {})
 
-const { wrapperProps, handleChange: onChange, setErrors, value } = useFieldHOC<string>(props)
+const { wrapperProps, setErrors, value } = useFieldHOC<string>(props)
 
 const request: IUploadRequest = {
   pathURL: props.uploadPathURL,
@@ -100,20 +92,13 @@ const handleChange = (e: Event) => {
     selectedFile.value = file
     const formData = new FormData()
 
-    formData.append('file', file)
+    formData.append(props.bodyKey || 'file', file)
     upload.run(formData, { data: { onUploadProgress, onDownloadProgress } })
   }
 }
 
 const handleCheckFileCondition = (file: File | undefined): boolean => {
   if (!file) return false
-  const accept = checkAcceptFile(file)
-
-  if (!accept) {
-    setErrors(i18next.t('custom:invalid_file_type'))
-
-    return false
-  }
 
   const maxSize = checkMaxSize(file)
 
@@ -128,18 +113,6 @@ const handleCheckFileCondition = (file: File | undefined): boolean => {
   return true
 }
 
-const checkAcceptFile = (file: File): boolean => {
-  let fileType = ''
-
-  if (_isEmpty(file.type)) {
-    fileType = file.name.split('.').pop() || ''
-  } else {
-    fileType = file.type.split('/').pop() || ''
-  }
-
-  return acceptFile.value ? acceptFile.value.includes(fileType) : true
-}
-
 const checkMaxSize = (file: File): boolean => {
   if (acceptFileSize.value) {
     return file.size / 1000 <= acceptFileSize.value
@@ -165,10 +138,8 @@ const onDownloadProgress = (progressEvent: ProgressEvent) => {
 useWatchTrue(
   () => upload.status.value.isSuccess,
   () => {
-    if (upload.data.value?.url) {
-      value.value = upload.data.value?.url
-      onChange(upload.data.value?.url)
-    }
+    value.value = upload.data.value[props.responseKey || 'url']
+    emits('success', upload.data.value)
   }
 )
 

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

@@ -7,7 +7,11 @@ export interface IUploadFileProps extends IFieldProps {
     uploadPathURL?: string;
     selectFileLabel?: string;
     accept?: string[] | string;
+    bodyKey?: string;
+    responseKey?: string;
     maxSize?: number;
     imagePreviewURL?: string;
 }
-export type IUploadFileField = IFormFieldBase<INPUT_TYPES.UPLOAD_FILE_CLASSIC_AUTO, IUploadFileProps, never>;
+export type IUploadFileField = IFormFieldBase<INPUT_TYPES.UPLOAD_FILE_CLASSIC_AUTO, IUploadFileProps, {
+    success?: (res: any) => void;
+}>;

package/dist/runtime/composables/useUpload.d.ts

@@ -1,15 +1,8 @@
 import { type AxiosRequestConfig } from 'axios';
-export interface IUploadData {
-    name: string;
-    url: string;
-    path: string;
-    size: number;
-    content_type: string;
-}
 export interface IUploadRequest {
     requestOptions: Omit<AxiosRequestConfig, 'baseURL'> & {
         baseURL: string;
     };
     pathURL?: string;
 }
-export declare const useUploadLoader: (request: IUploadRequest) => import("../helpers/apiObjectHelper").IUseObjectLoader<IUploadData, any, Record<string, any>>;
+export declare const useUploadLoader: (request: IUploadRequest) => import("../helpers/apiObjectHelper").IUseObjectLoader<any, any, Record<string, any>>;

package/package.json

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