finform-react-builder 1.2.2 → 1.3.1

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

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { FormButton } from './types';
+interface CustomButtonsProps {
+    buttons: FormButton[];
+    disabled?: boolean;
+}
+export declare const CustomButtons: React.FC<CustomButtonsProps>;
+export {};

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

@@ -2,5 +2,6 @@ export { FinForm } from './FinForm';
 export { FieldRenderer } from './FieldRenderer';
 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, } from './types';
+export type { FieldConfig, BaseField, TextField, NumberField, SelectField, CheckboxField, DateField, ImageField, FinFormProps, FieldRendererProps, ValidationRule, StepNavigationProps, FormButton, FormTitle, FormTheme, } from './types';

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

@@ -9,9 +9,11 @@ export interface ValidationRule {
     custom?: (value: any) => boolean | string;
 }
 export interface BaseField {
+    id?: string;
+    title?: string;
     name: string;
     label: string;
-    type: 'text' | 'email' | 'password' | 'number' | 'select' | 'checkbox' | 'date' | 'textarea' | 'image';
+    type: 'text' | 'email' | 'password' | 'number' | 'select' | 'checkbox' | 'date' | 'textarea' | 'image' | 'title' | 'section';
     placeholder?: string;
     required?: boolean;
     disabled?: boolean;
@@ -59,15 +61,64 @@ export interface ImageField extends BaseField {
     style?: React.CSSProperties;
     className?: string;
     onClick?: () => void;
+    defaultValue?: string;
+}
+export interface TitleField extends BaseField {
+    type: 'title';
+    variant?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    color?: string;
+    align?: 'left' | 'center' | 'right';
+    sx?: any;
+}
+export interface SectionField extends BaseField {
+    type: 'section';
+    variant?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    color?: string;
+    align?: 'left' | 'center' | 'right';
+    sx?: any;
+}
+export type FieldConfig = TextField | NumberField | SelectField | CheckboxField | DateField | ImageField | TitleField | SectionField;
+export interface FormButton {
+    text: string;
+    color?: string;
+    size?: 'small' | 'medium' | 'large';
+    onClick?: () => void;
+    disabled?: boolean;
+    loading?: boolean;
+    position?: string;
+    sx?: any;
+}
+export interface FormTitle {
+    text: string;
+    variant?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    color?: string;
+    align?: 'left' | 'center' | 'right';
+    sx?: any;
+}
+export interface FormTheme {
+    primaryColor?: string;
+    secondaryColor?: string;
+    backgroundColor?: string;
+    textColor?: string;
+    borderRadius?: number | string;
+    spacing?: number;
+    typography?: {
+        fontFamily?: string;
+        fontSize?: number | string;
+    };
 }
-export type FieldConfig = TextField | NumberField | SelectField | CheckboxField | DateField | ImageField;
 export interface FinFormProps {
+    id?: string;
+    title?: FormTitle;
+    theme?: FormTheme;
     fields: FieldConfig[];
     onSubmit: (data: any) => void;
     onChange?: (data: any) => void;
     submitButtonText?: string;
     onSubmitClick?: (data: any) => void;
     defaultValues?: Record<string, any>;
+    showSubmitButton?: boolean;
+    buttons?: FormButton[];
     isMultiStep?: boolean;
     currentStep?: number;
     onStepChange?: (currentStep: number, totalSteps: number) => void;