finform-react-builder 1.8.28 → 1.8.29

package/dist/components/FinForm/inputs/FinCheckboxGroup.d.ts

@@ -0,0 +1,34 @@
+import { default as React } from 'react';
+export interface FinCheckboxOption {
+    label: string;
+    value: string | number;
+}
+export interface FinCheckboxGroupProps {
+    /** Optional section heading above the group */
+    labelText?: string;
+    /** The inner label for the checkbox group itself (accessible) */
+    label?: string;
+    /** The currently selected values (array) */
+    value: (string | number)[];
+    /** The list of options */
+    options: FinCheckboxOption[];
+    /** Layout: 'row' | 'column' | number (for grid columns, e.g., 2, 3, 4) */
+    row?: boolean | number;
+    /** Handles change */
+    onChange: (values: (string | number)[]) => void;
+    /** Top heading or none */
+    labelPosition?: 'top' | 'none';
+    /** Typography variant for the heading */
+    labelVariant?: 'caption' | 'body2' | 'subtitle2' | 'h6';
+    /** Optional helper text under the group */
+    helperText?: string;
+    /** Optional error state */
+    error?: boolean;
+    /** Group padding multiplier */
+    groupPadding?: number;
+    /** Gap between checkbox options */
+    itemGap?: number;
+    /** Disabled state */
+    disabled?: boolean;
+}
+export declare const FinCheckboxGroup: React.FC<FinCheckboxGroupProps>;

package/dist/components/FinForm/inputs/FinRadioGroup.d.ts

@@ -2,6 +2,7 @@ import { default as React } from 'react';
 export interface FinRadioOption {
     label: string;
     value: string | number;
+    description?: string;
 }
 export interface FinRadioGroupProps {
     /** Optional section heading above the group */

package/dist/components/FinForm/inputs/index.d.ts

@@ -2,6 +2,7 @@ export * from './FinTextField';
 export * from './FinSelect';
 export * from './FinAutocomplete';
 export * from './FinCheckbox';
+export * from './FinCheckboxGroup';
 export * from './FinSwitch';
 export * from './FinRadioGroup';
 export * from './FinDateField';

package/dist/components/FinForm/types.d.ts

@@ -29,7 +29,7 @@ export interface BaseField {
     title?: string;
     name: string;
     label: string;
-    type: 'text' | 'email' | 'password' | 'number' | 'tel' | 'select' | 'checkbox' | 'toggle' | 'radio' | 'switch' | 'autocomplete' | 'date' | 'textarea' | 'image' | 'title' | 'section' | 'component' | 'finuiHeader' | 'tabs' | 'grid' | 'listcards';
+    type: 'text' | 'email' | 'password' | 'number' | 'tel' | 'select' | 'checkbox' | 'checkboxGroup' | 'toggle' | 'radio' | 'switch' | 'autocomplete' | 'date' | 'textarea' | 'image' | 'title' | 'section' | 'component' | 'finuiHeader' | 'tabs' | 'grid' | 'listcards';
     placeholder?: string;
     labelPosition?: 'inner' | 'top' | 'none';
     labelVariant?: 'caption' | 'body2' | 'subtitle2' | 'h6';
@@ -97,7 +97,23 @@ export interface RadioField extends BaseField {
     options: Array<{
         label: string;
         value: string | number;
+        description?: string;
     }>;
+    row?: boolean;
+    groupPadding?: number;
+    itemGap?: number;
+    helperText?: string;
+}
+export interface CheckboxGroupField extends BaseField {
+    type: 'checkboxGroup';
+    options: Array<{
+        label: string;
+        value: string | number;
+    }>;
+    row?: boolean | number;
+    groupPadding?: number;
+    itemGap?: number;
+    helperText?: string;
 }
 export interface SwitchField extends BaseField {
     type: 'switch';
@@ -298,7 +314,7 @@ export interface ListCardsField extends BaseField {
     sx?: any;
     cardSx?: any;
 }
-export type FieldConfig = TextField | NumberField | SelectField | CheckboxField | ToggleField | RadioField | SwitchField | AutocompleteField | DateField | ImageField | TitleField | SectionField | ComponentField | FinUiHeaderField | TabsField | GridField | ListCardsField;
+export type FieldConfig = TextField | NumberField | SelectField | CheckboxField | CheckboxGroupField | ToggleField | RadioField | SwitchField | AutocompleteField | DateField | ImageField | TitleField | SectionField | ComponentField | FinUiHeaderField | TabsField | GridField | ListCardsField;
 export interface FormButton {
     text: string;
     color?: string;