@finema/core 1.4.13 → 1.4.14

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@finema/core",
-  "version": "1.4.13",
+  "version": "1.4.14",
   "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.13";
+const version = "1.4.14";
 
 const colors = {
   black: "#20243E",

package/dist/runtime/components/Form/Fields.vue

@@ -71,6 +71,12 @@
           :disabled-time="true"
           v-on="option.on ?? {}"
         />
+        <FormInputUploadFileClassic
+          v-else-if="option.type === INPUT_TYPES.UPLOAD_FILE_CLASSIC"
+          :form="form"
+          v-bind="option.props"
+          v-on="option.on ?? {}"
+        />
       </div>
     </template>
   </div>

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

@@ -0,0 +1,36 @@
+<template>
+  <FieldWrapper v-bind="wrapperProps">
+    <UInput
+      type="file"
+      trailing
+      :loading-icon="loadingIcon"
+      :icon="icon"
+      :leading-icon="leadingIcon"
+      :trailing-icon="trailingIcon"
+      :disabled="wrapperProps.isDisabled"
+      :name="name"
+      :placeholder="wrapperProps.placeholder"
+      :autofocus="!!autoFocus"
+      :readonly="isReadonly"
+      :accept="accept"
+      :ui="ui"
+      @change="handleChange"
+    />
+  </FieldWrapper>
+</template>
+<script lang="ts" setup>
+import { useFieldHOC } from '#core/composables/useForm'
+import FieldWrapper from '#core/components/Form/FieldWrapper.vue'
+import { type IUploadFileClassicFieldProps } from '#core/components/Form/InputUploadFileClassic/types'
+
+const props = withDefaults(defineProps<IUploadFileClassicFieldProps>(), {})
+
+const { value, wrapperProps } = useFieldHOC<File | undefined>(props)
+
+const emits = defineEmits(['change'])
+
+const handleChange = (e: Event) => {
+  value.value = (e.target as HTMLInputElement).files?.[0]
+  emits('change', e)
+}
+</script>

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

@@ -0,0 +1,13 @@
+import { type IFieldProps, type IFormFieldBase, type INPUT_TYPES } from '#core/components/Form/types';
+export interface IUploadFileClassicFieldProps extends IFieldProps {
+    selectFileLabel?: string;
+    accept?: string[] | string;
+    maxSize?: number;
+    leadingIcon?: string;
+    trailingIcon?: string;
+    icon?: string;
+    loadingIcon?: string;
+}
+export type IUploadFileClassicField = IFormFieldBase<INPUT_TYPES.UPLOAD_FILE_CLASSIC, IUploadFileClassicFieldProps, {
+    change?: (value: Event) => void;
+}>;

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

@@ -8,6 +8,7 @@ import { type ISelectField } from '#core/components/Form/InputSelect/types';
 import { type IToggleField } from '#core/components/Form/InputToggle/types';
 import { type ITextareaField } from '#core/components/Form/InputTextarea/types';
 import { type IDateTimeField } from '#core/components/Form/InputDateTime/date_time_field.types';
+import { type IUploadFileClassicField } from '#core/components/Form/InputUploadFileClassic/types';
 export declare const enum INPUT_TYPES {
     TEXT = "TEXT",
     TEXTAREA = "TEXTAREA",
@@ -19,7 +20,8 @@ export declare const enum INPUT_TYPES {
     RADIO = "RADIO",
     CHECKBOX = "CHECKBOX",
     DATE_TIME = "DATE_TIME",
-    DATE = "DATE"
+    DATE = "DATE",
+    UPLOAD_FILE_CLASSIC = "UPLOAD_FILE_CLASSIC"
 }
 export interface IFieldProps {
     form?: FormContext;
@@ -48,4 +50,4 @@ export interface IFormFieldBase<I extends INPUT_TYPES, P extends IFieldProps, O>
     props: P;
     on?: O;
 }
-export type IFormField = ITextField | IStaticField | ICheckboxField | IRadioField | ISelectField | IToggleField | ITextareaField | IDateTimeField;
+export type IFormField = ITextField | IStaticField | ICheckboxField | IRadioField | ISelectField | IToggleField | ITextareaField | IDateTimeField | IUploadFileClassicField;

package/dist/runtime/components/Form/types.mjs

@@ -10,5 +10,6 @@ export var INPUT_TYPES = /* @__PURE__ */ ((INPUT_TYPES2) => {
   INPUT_TYPES2["CHECKBOX"] = "CHECKBOX";
   INPUT_TYPES2["DATE_TIME"] = "DATE_TIME";
   INPUT_TYPES2["DATE"] = "DATE";
+  INPUT_TYPES2["UPLOAD_FILE_CLASSIC"] = "UPLOAD_FILE_CLASSIC";
   return INPUT_TYPES2;
 })(INPUT_TYPES || {});

package/dist/runtime/components/OTPInput.vue

@@ -49,7 +49,10 @@ const props = defineProps({
   inputClass: {
     type: String,
     default:
-      'h-12 w-12 relative flex flex-col items-center justify-center text-center disabled:cursor-not-allowed disabled:opacity-75 focus:outline-none border-0 form-input rounded-md placeholder-gray-400 text-sm px-3.5 py-2.5 shadow-sm bg-white text-gray-900 ring-1 ring-inset ring-gray-300 focus:ring-2 focus:ring-primary-500',
+      'h-12 w-12 relative flex flex-col items-center justify-center text-center ' +
+      'disabled:cursor-not-allowed disabled:opacity-75 focus:outline-none border-0 form-input ' +
+      'rounded-md placeholder-gray-400 text-sm px-3.5 py-2.5 shadow-sm bg-white text-gray-900 ' +
+      'ring-1 ring-inset ring-gray-300 focus:ring-2 focus:ring-primary-500',
   },
 })
 

package/dist/runtime/ui.css

@@ -1,19 +1,5 @@
 :root {
-  --color-primary-50: 248 248 255;
-  --color-primary-100: 232 239 253;
-  --color-primary-200: 190 227 248;
-  --color-primary-300: 144 205 244;
-  --color-primary-400: 99 179 237;
-  --color-primary-500: 54 117 251;
-  --color-primary-600: 0 104 254;
-  --color-primary-700: 43 108 176;
-  --color-primary-800: 44 82 130;
-  --color-primary-900: 32 36 62;
-  --color-primary-950: 32 36 62;
-  --color-primary-DEFAULT: 54 117 251;
-
   --dp-font-family: inherit !important;
-
 }
 
 .dp__theme_light {

package/package.json

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