finform-react-builder 1.3.1 → 1.4.0

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

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { ButtonGroup as ButtonGroupType } from './types';
+interface ButtonGroupProps {
+    config: ButtonGroupType;
+    onSubmit?: (data: any) => void;
+    onStepChange?: (currentStep: number, totalSteps: number) => void;
+    currentStep?: number;
+    totalSteps?: number;
+    isMultiStep?: boolean;
+    formData?: any;
+}
+export declare const ButtonGroup: React.FC<ButtonGroupProps>;
+export {};

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

@@ -4,4 +4,4 @@ export { StepNavigation } from './StepNavigation';
 export { ImageComponent } from './ImageComponent';
 export { CustomButtons } from './CustomButtons';
 export { generateSchema } from './generateSchema';
-export type { FieldConfig, BaseField, TextField, NumberField, SelectField, CheckboxField, DateField, ImageField, FinFormProps, FieldRendererProps, ValidationRule, StepNavigationProps, FormButton, FormTitle, FormTheme, } from './types';
+export type { FieldConfig, BaseField, TextField, NumberField, SelectField, CheckboxField, ToggleField, RadioField, SwitchField, AutocompleteField, DateField, ImageField, FinFormProps, FieldRendererProps, ValidationRule, StepNavigationProps, FormButton, ButtonGroup, FormTitle, FormTheme, } from './types';

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

@@ -13,12 +13,13 @@ export interface BaseField {
     title?: string;
     name: string;
     label: string;
-    type: 'text' | 'email' | 'password' | 'number' | 'select' | 'checkbox' | 'date' | 'textarea' | 'image' | 'title' | 'section';
+    type: 'text' | 'email' | 'password' | 'number' | 'select' | 'checkbox' | 'toggle' | 'radio' | 'switch' | 'autocomplete' | 'date' | 'textarea' | 'image' | 'title' | 'section';
     placeholder?: string;
     required?: boolean;
     disabled?: boolean;
     validation?: ValidationRule;
     step?: number;
+    value?: any;
     col?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
     xs?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
     sm?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
@@ -47,6 +48,33 @@ export interface SelectField extends BaseField {
 export interface CheckboxField extends BaseField {
     type: 'checkbox';
 }
+export interface ToggleField extends BaseField {
+    type: 'toggle';
+    options: Array<{
+        label: string;
+        value: string | number;
+    }>;
+}
+export interface RadioField extends BaseField {
+    type: 'radio';
+    options: Array<{
+        label: string;
+        value: string | number;
+    }>;
+}
+export interface SwitchField extends BaseField {
+    type: 'switch';
+}
+export interface AutocompleteField extends BaseField {
+    type: 'autocomplete';
+    options: Array<{
+        label: string;
+        value: string | number;
+    }>;
+    multiple?: boolean;
+    freeSolo?: boolean;
+    filterOptions?: boolean;
+}
 export interface DateField extends BaseField {
     type: 'date';
     minDate?: string;
@@ -77,7 +105,7 @@ export interface SectionField extends BaseField {
     align?: 'left' | 'center' | 'right';
     sx?: any;
 }
-export type FieldConfig = TextField | NumberField | SelectField | CheckboxField | DateField | ImageField | TitleField | SectionField;
+export type FieldConfig = TextField | NumberField | SelectField | CheckboxField | ToggleField | RadioField | SwitchField | AutocompleteField | DateField | ImageField | TitleField | SectionField;
 export interface FormButton {
     text: string;
     color?: string;
@@ -85,7 +113,15 @@ export interface FormButton {
     onClick?: () => void;
     disabled?: boolean;
     loading?: boolean;
-    position?: string;
+    position?: 'left' | 'center' | 'right' | 'space-between';
+    type?: 'submit' | 'button' | 'reset';
+    sx?: any;
+}
+export interface ButtonGroup {
+    buttons: FormButton[];
+    position?: 'left' | 'center' | 'right' | 'space-between';
+    layout?: 'horizontal' | 'vertical';
+    spacing?: number;
     sx?: any;
 }
 export interface FormTitle {
@@ -119,6 +155,7 @@ export interface FinFormProps {
     defaultValues?: Record<string, any>;
     showSubmitButton?: boolean;
     buttons?: FormButton[];
+    buttonGroup?: ButtonGroup;
     isMultiStep?: boolean;
     currentStep?: number;
     onStepChange?: (currentStep: number, totalSteps: number) => void;