@finema/core 3.20.3 → 3.22.0

package/dist/module.json

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

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

@@ -33,6 +33,7 @@ import FormInputSelect from "./InputSelect/index.vue";
 import FormInputSelectMultiple from "./InputSelectMultiple/index.vue";
 import FormInputComponent from "./InputComponent/index.vue";
 import FormInputRadio from "./InputRadio/index.vue";
+import FormInputRating from "./InputRating/index.vue";
 import FormInputDateTime from "./InputDateTime/index.vue";
 import FormInputTime from "./InputTime/index.vue";
 import FormInputMonth from "./InputMonth/index.vue";
@@ -118,6 +119,10 @@ const componentMap = {
     component: FormInputRadio,
     props: {}
   },
+  [INPUT_TYPES.RATING]: {
+    component: FormInputRating,
+    props: {}
+  },
   [INPUT_TYPES.DATE_TIME]: {
     component: FormInputDateTime,
     props: {}

package/dist/runtime/components/Form/InputRadio/index.d.vue.ts

@@ -4,8 +4,8 @@ declare const __VLS_export: import("vue").DefineComponent<IRadioFieldProps, {},
 }, string, import("vue").PublicProps, Readonly<IRadioFieldProps> & Readonly<{
     onChange?: ((value: any) => any) | undefined;
 }>, {
-    orientation: "horizontal" | "vertical";
     variant: "list" | "card" | "table";
+    orientation: "horizontal" | "vertical";
     indicator: "start" | "end" | "hidden";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/Form/InputRadio/index.vue.d.ts

@@ -4,8 +4,8 @@ declare const __VLS_export: import("vue").DefineComponent<IRadioFieldProps, {},
 }, string, import("vue").PublicProps, Readonly<IRadioFieldProps> & Readonly<{
     onChange?: ((value: any) => any) | undefined;
 }>, {
-    orientation: "horizontal" | "vertical";
     variant: "list" | "card" | "table";
+    orientation: "horizontal" | "vertical";
     indicator: "start" | "end" | "hidden";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/Form/InputRating/index.d.vue.ts

@@ -0,0 +1,8 @@
+import type { IRatingFieldProps } from '#core/components/Form/InputRating/types';
+declare const __VLS_export: import("vue").DefineComponent<IRatingFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<IRatingFieldProps> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,64 @@
+<template>
+  <FieldWrapper v-bind="wrapperProps">
+    <InputRating
+      :model-value="value"
+      :default-value="defaultValue"
+      :disabled="wrapperProps.disabled"
+      :readonly="readonly"
+      :name="name"
+      :icon="icon"
+      :empty-icon="emptyIcon"
+      :length="length"
+      :step="step"
+      :color="color"
+      :size="size"
+      :orientation="orientation"
+      :clearable="clearable"
+      :hoverable="hoverable"
+      :required="required"
+      :ui="ui"
+      @update:model-value="onChange"
+    />
+  </FieldWrapper>
+</template>
+
+<script setup>
+import { useFieldHOC } from "#core/composables/useForm";
+import FieldWrapper from "#core/components/Form/FieldWrapper.vue";
+const emits = defineEmits(["change"]);
+const props = defineProps({
+  icon: { type: null, required: false },
+  emptyIcon: { type: null, required: false },
+  length: { type: Number, required: false },
+  step: { type: Number, required: false },
+  color: { type: null, required: false },
+  size: { type: null, required: false },
+  orientation: { type: null, required: false },
+  clearable: { type: Boolean, required: false },
+  hoverable: { type: Boolean, required: false },
+  defaultValue: { type: Number, required: false },
+  form: { type: Object, required: false },
+  name: { type: String, required: true },
+  errorMessage: { type: String, required: false },
+  label: { type: null, required: false },
+  description: { type: String, required: false },
+  hint: { type: String, required: false },
+  rules: { type: null, required: false },
+  autoFocus: { type: Boolean, required: false },
+  placeholder: { type: String, required: false },
+  disabled: { type: Boolean, required: false },
+  readonly: { type: Boolean, required: false },
+  required: { type: Boolean, required: false },
+  help: { type: String, required: false },
+  ui: { type: null, required: false }
+});
+const {
+  value,
+  wrapperProps,
+  handleChange
+} = useFieldHOC(props);
+const onChange = (value2) => {
+  handleChange(value2);
+  emits("change", value2);
+};
+</script>

package/dist/runtime/components/Form/InputRating/index.vue.d.ts

@@ -0,0 +1,8 @@
+import type { IRatingFieldProps } from '#core/components/Form/InputRating/types';
+declare const __VLS_export: import("vue").DefineComponent<IRatingFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<IRatingFieldProps> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,17 @@
+import type { IFieldProps, IFormFieldBase, INPUT_TYPES } from '#core/components/Form/types';
+import type { InputRatingProps } from '@nuxt/ui';
+export interface IRatingFieldProps extends IFieldProps {
+    icon?: InputRatingProps['icon'];
+    emptyIcon?: InputRatingProps['emptyIcon'];
+    length?: InputRatingProps['length'];
+    step?: InputRatingProps['step'];
+    color?: InputRatingProps['color'];
+    size?: InputRatingProps['size'];
+    orientation?: InputRatingProps['orientation'];
+    clearable?: InputRatingProps['clearable'];
+    hoverable?: InputRatingProps['hoverable'];
+    defaultValue?: InputRatingProps['defaultValue'];
+}
+export type IRatingField = IFormFieldBase<INPUT_TYPES.RATING, IRatingFieldProps, {
+    change?: (value: number) => void;
+}>;

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

@@ -22,6 +22,7 @@ import type { IComponentField } from '#core/components/Form/InputComponent/types
 import type { ITagsField } from '#core/components/Form/InputTags/types';
 import type { ICurrencyField } from '#core/components/Form/InputCurrency/types';
 import type { ICheckboxGroupField } from '#core/components/Form/InputCheckboxGroup/types';
+import type { IRatingField } from '#core/components/Form/InputRating/types';
 export declare enum INPUT_TYPES {
     TEXT = "TEXT",
     SEARCH = "SEARCH",
@@ -36,6 +37,7 @@ export declare enum INPUT_TYPES {
     SELECT = "SELECT",
     SELECT_MULTIPLE = "SELECT_MULTIPLE",
     RADIO = "RADIO",
+    RATING = "RATING",
     CHECKBOX = "CHECKBOX",
     CHECKBOX_GROUP = "CHECKBOX_GROUP",
     DATE_TIME = "DATE_TIME",
@@ -79,7 +81,7 @@ export interface IFormFieldBase<I extends INPUT_TYPES, P extends IFieldProps, O>
     props: P;
     on?: O;
 }
-export type IFormField = ITextField | ISearchField | INumberField | ICurrencyField | ITextareaField | IToggleField | ISelectField | ICheckboxField | ICheckboxGroupField | ISelectMultipleField | IRadioField | IDateTimeField | ITimeField | IMonthField | IDateTimeRangeField | IUploadDropzoneField | IUploadDropzoneAutoField | IUploadDropzoneAutoMultipleField | IUploadImageAutoField | IWYSIWYGField | IComponentField | ITagsField | IFormFieldBase<INPUT_TYPES.COMPONENT, any, any>;
+export type IFormField = ITextField | ISearchField | INumberField | ICurrencyField | ITextareaField | IToggleField | ISelectField | ICheckboxField | ICheckboxGroupField | ISelectMultipleField | IRadioField | IRatingField | IDateTimeField | ITimeField | IMonthField | IDateTimeRangeField | IUploadDropzoneField | IUploadDropzoneAutoField | IUploadDropzoneAutoMultipleField | IUploadImageAutoField | IWYSIWYGField | IComponentField | ITagsField | IFormFieldBase<INPUT_TYPES.COMPONENT, any, any>;
 export interface IFileValue {
     url: string;
     path?: string;

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

@@ -12,6 +12,7 @@ export var INPUT_TYPES = /* @__PURE__ */ ((INPUT_TYPES2) => {
   INPUT_TYPES2["SELECT"] = "SELECT";
   INPUT_TYPES2["SELECT_MULTIPLE"] = "SELECT_MULTIPLE";
   INPUT_TYPES2["RADIO"] = "RADIO";
+  INPUT_TYPES2["RATING"] = "RATING";
   INPUT_TYPES2["CHECKBOX"] = "CHECKBOX";
   INPUT_TYPES2["CHECKBOX_GROUP"] = "CHECKBOX_GROUP";
   INPUT_TYPES2["DATE_TIME"] = "DATE_TIME";

package/dist/runtime/theme/dialog.js

@@ -16,7 +16,7 @@ export const dialogTheme = {
       // Desktop styles (centered modal)
       "md:!top-[50%] md:!left-[50%] md:!bottom-auto md:!right-auto",
       "md:w-[90vw] md:max-w-[500px]",
-      "md:translate-x-[-50%] md:translate-y-[-50%]",
+      "md:!translate-x-[-50%] md:!translate-y-[-50%]",
       "md:!rounded-lg md:space-x-4"
     ],
     overlay: "fixed inset-0 bg-[#0C111D]/60 backdrop-blur",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@finema/core",
-  "version": "3.20.3",
+  "version": "3.22.0",
   "repository": "https://gitlab.finema.co/finema/ui-kit",
   "license": "MIT",
   "author": "Finema Dev Core Team",
@@ -43,8 +43,8 @@
     "@iconify-json/heroicons": "^1.2.2",
     "@iconify-json/ph": "^1.2.2",
     "@iconify-json/svg-spinners": "^1.2.2",
-    "@nuxt/kit": "^4.4.8",
-    "@nuxt/ui": "^4.8.2",
+    "@nuxt/kit": "^4.5.0",
+    "@nuxt/ui": "^4.10.0",
     "@pinia/nuxt": "^0.11.0",
     "@tailwindcss/typography": "^0.5.0-alpha.3",
     "@tiptap/extension-text-align": "^3.18.0",