finform-react-builder 1.2.1

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

@@ -0,0 +1,92 @@
+export interface ValidationRule {
+    pattern?: string | RegExp;
+    message?: string;
+    required?: boolean;
+    minLength?: number;
+    maxLength?: number;
+    min?: number;
+    max?: number;
+    custom?: (value: any) => boolean | string;
+}
+export interface BaseField {
+    name: string;
+    label: string;
+    type: 'text' | 'email' | 'password' | 'number' | 'select' | 'checkbox' | 'date' | 'textarea' | 'image';
+    placeholder?: string;
+    required?: boolean;
+    disabled?: boolean;
+    validation?: ValidationRule;
+    step?: number;
+    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;
+    md?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+    lg?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+    xl?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+}
+export interface TextField extends BaseField {
+    type: 'text' | 'email' | 'password' | 'textarea';
+    minLength?: number;
+    maxLength?: number;
+    pattern?: string;
+}
+export interface NumberField extends BaseField {
+    type: 'number';
+    min?: number;
+    max?: number;
+}
+export interface SelectField extends BaseField {
+    type: 'select';
+    options: Array<{
+        label: string;
+        value: string | number;
+    }>;
+}
+export interface CheckboxField extends BaseField {
+    type: 'checkbox';
+}
+export interface DateField extends BaseField {
+    type: 'date';
+    minDate?: string;
+    maxDate?: string;
+}
+export interface ImageField extends BaseField {
+    type: 'image';
+    src?: string;
+    alt?: string;
+    width?: number | string;
+    height?: number | string;
+    style?: React.CSSProperties;
+    className?: string;
+    onClick?: () => void;
+}
+export type FieldConfig = TextField | NumberField | SelectField | CheckboxField | DateField | ImageField;
+export interface FinFormProps {
+    fields: FieldConfig[];
+    onSubmit: (data: any) => void;
+    onChange?: (data: any) => void;
+    submitButtonText?: string;
+    onSubmitClick?: (data: any) => void;
+    defaultValues?: Record<string, any>;
+    isMultiStep?: boolean;
+    currentStep?: number;
+    onStepChange?: (currentStep: number, totalSteps: number) => void;
+    showStepNavigation?: boolean;
+    stepNavigationProps?: {
+        showStepTitles?: boolean;
+        stepTitles?: string[];
+    };
+}
+export interface FieldRendererProps {
+    field: FieldConfig;
+    control: any;
+    errors: any;
+}
+export interface StepNavigationProps {
+    currentStep: number;
+    totalSteps: number;
+    onStepChange: (step: number) => void;
+    stepTitles?: string[];
+    showStepTitles?: boolean;
+    completedSteps?: number[];
+}

package/dist/index.d.ts

@@ -0,0 +1 @@
+export {}