finform-react-builder
Version:
A powerful, flexible React form builder with dynamic field rendering, custom validation, multi-step forms, Material-UI integration, image component support, toggle/radio buttons, switches, autocomplete, and advanced button positioning
33 lines (32 loc) • 1.22 kB
TypeScript
import { default as React } from 'react';
export type PhaseType = "interest-only" | "principal-moratorium" | "emi" | "equal-principal" | "balloon" | "bullet" | "step-up-down" | "seasonal-skips" | "custom-fixed" | "payment-holiday";
export type InterestPolicy = "accrue-capitalize" | "accrue-bill-next" | "accrue-forgive";
export type HolidayInterestTreatment = "accrue-capitalize" | "accrue-bill-next" | "accrue-forgive";
export interface Phase {
id: string | number;
type: PhaseType;
priority?: number;
min?: number;
max?: number;
lockLength?: boolean;
residualFill?: boolean;
interestPolicy?: InterestPolicy;
holidayInterestTreatment?: HolidayInterestTreatment;
balloonType?: "amount" | "percent";
balloonAmount?: number;
balloonPercent?: number;
stepPercent?: number;
stepEveryN?: number;
seasonalMonths?: string[];
customAmount?: number;
}
export interface FinPhaseCardProps {
phase: Phase;
index: number;
onUpdate: (id: string | number, updates: Partial<Phase>) => void;
onDelete: (id: string | number) => void;
months?: string[];
disabled?: boolean;
sx?: any;
}
export declare const FinPhaseCard: React.FC<FinPhaseCardProps>;