@finema/core 2.58.0 → 2.59.1

package/dist/module.json

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

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

@@ -27,6 +27,7 @@ import FormInputSearch from "./InputSearch/index.vue";
 import FormInputNumber from "./InputNumber/index.vue";
 import FormInputToggle from "./InputToggle/index.vue";
 import FormInputCheckbox from "./InputCheckbox/index.vue";
+import FormInputCheckboxGroup from "./InputCheckboxGroup/index.vue";
 import FormInputSelect from "./InputSelect/index.vue";
 import FormInputSelectMultiple from "./InputSelectMultiple/index.vue";
 import FormInputComponent from "./InputComponent/index.vue";
@@ -70,6 +71,10 @@ const componentMap = {
     component: FormInputCheckbox,
     props: {}
   },
+  [INPUT_TYPES.CHECKBOX_GROUP]: {
+    component: FormInputCheckboxGroup,
+    props: {}
+  },
   [INPUT_TYPES.SELECT]: {
     component: FormInputSelect,
     props: {}

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

@@ -0,0 +1,8 @@
+import type { ICheckboxGroupFieldProps } from '#core/components/Form/InputCheckboxGroup/types';
+declare const __VLS_export: import("vue").DefineComponent<ICheckboxGroupFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<ICheckboxGroupFieldProps> & 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/InputCheckboxGroup/index.vue

@@ -0,0 +1,60 @@
+<template>
+  <FieldWrapper
+    v-bind="wrapperProps"
+    label=""
+    description=""
+  >
+    <CheckboxGroup
+      :model-value="value"
+      :disabled="wrapperProps.disabled"
+      :name="name"
+      :label="label"
+      :items="options"
+      :description="description"
+      :required="required"
+      :variant="variant"
+      :indicator="indicator"
+      :value-key="valueKey"
+      :orientation="orientation"
+      :ui="ui"
+      @update:modelValue="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({
+  label: { type: String, required: false },
+  description: { type: String, required: false },
+  variant: { type: String, required: false },
+  orientation: { type: String, required: false },
+  indicator: { type: String, required: false },
+  options: { type: Array, required: true },
+  valueKey: { type: String, required: false },
+  form: { type: Object, required: false },
+  name: { type: String, required: true },
+  errorMessage: { 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) => {
+  console.log("CheckboxGroup value changed:", value2);
+  handleChange(value2);
+  emits("change", value2);
+};
+</script>

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

@@ -0,0 +1,8 @@
+import type { ICheckboxGroupFieldProps } from '#core/components/Form/InputCheckboxGroup/types';
+declare const __VLS_export: import("vue").DefineComponent<ICheckboxGroupFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<ICheckboxGroupFieldProps> & 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/InputCheckboxGroup/types.d.ts

@@ -0,0 +1,21 @@
+import type { IFieldProps, IFormFieldBase, INPUT_TYPES } from '#core/components/Form/types';
+import type { IOption } from '#core/types/common';
+export type CheckboxOption = IOption & {
+    label?: string;
+    value?: any;
+    description?: string;
+    disabled?: boolean;
+    class?: any;
+};
+export interface ICheckboxGroupFieldProps extends IFieldProps {
+    label?: string;
+    description?: string;
+    variant?: 'list' | 'card' | 'table';
+    orientation?: 'horizontal' | 'vertical';
+    indicator?: 'start' | 'end' | 'hidden';
+    options: CheckboxOption[];
+    valueKey?: string;
+}
+export type ICheckboxGroupField = IFormFieldBase<INPUT_TYPES.CHECKBOX_GROUP, ICheckboxGroupFieldProps, {
+    change?: (value: any) => void;
+}>;

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

@@ -18,6 +18,7 @@ import type { IRadioField } from '#core/components/Form/InputRadio/types';
 import type { IWYSIWYGField } from '#core/components/Form/InputWYSIWYG/types';
 import type { IComponentField } from '#core/components/Form/InputComponent/types';
 import type { ITagsField } from '#core/components/Form/InputTags/types';
+import type { ICheckboxGroupField } from './InputCheckboxGroup/types.js';
 export declare enum INPUT_TYPES {
     TEXT = "TEXT",
     SEARCH = "SEARCH",
@@ -32,6 +33,7 @@ export declare enum INPUT_TYPES {
     SELECT_MULTIPLE = "SELECT_MULTIPLE",
     RADIO = "RADIO",
     CHECKBOX = "CHECKBOX",
+    CHECKBOX_GROUP = "CHECKBOX_GROUP",
     DATE_TIME = "DATE_TIME",
     TIME = "TIME",
     DATE = "DATE",
@@ -73,7 +75,7 @@ export interface IFormFieldBase<I extends INPUT_TYPES, P extends IFieldProps, O>
     props: P;
     on?: O;
 }
-export type IFormField = ITextField | ISearchField | INumberField | ITextareaField | IToggleField | ISelectField | ICheckboxField | ISelectMultipleField | IRadioField | IDateTimeField | ITimeField | IMonthField | IDateTimeRangeField | IUploadDropzoneField | IUploadDropzoneAutoField | IWYSIWYGField | IComponentField | ITagsField | IFormFieldBase<INPUT_TYPES.COMPONENT, any, any>;
+export type IFormField = ITextField | ISearchField | INumberField | ITextareaField | IToggleField | ISelectField | ICheckboxField | ICheckboxGroupField | ISelectMultipleField | IRadioField | IDateTimeField | ITimeField | IMonthField | IDateTimeRangeField | IUploadDropzoneField | IUploadDropzoneAutoField | 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_MULTIPLE"] = "SELECT_MULTIPLE";
   INPUT_TYPES2["RADIO"] = "RADIO";
   INPUT_TYPES2["CHECKBOX"] = "CHECKBOX";
+  INPUT_TYPES2["CHECKBOX_GROUP"] = "CHECKBOX_GROUP";
   INPUT_TYPES2["DATE_TIME"] = "DATE_TIME";
   INPUT_TYPES2["TIME"] = "TIME";
   INPUT_TYPES2["DATE"] = "DATE";

package/package.json

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