df-ae-forms-package
Version:
A comprehensive React form preview component library with form controls, validation, and responsive design for Angular/Ionic integration
35 lines • 1.57 kB
TypeScript
import React from 'react';
import { ISectionComponent, FormComponentType, IFormControlChange } from '../df-form-preview-interfaces';
interface DfFormSectionProps {
id: string;
properties: ISectionComponent;
validationErrors?: Record<string, any>;
formValue?: any;
formData?: Record<string, any>;
readonly?: boolean;
disabled?: boolean;
touchedFields?: Record<string, boolean>;
formSubmitted?: boolean;
mode?: 'edit' | 'preview' | 'test';
onValueChange?: (change: IFormControlChange) => void;
onBlur?: () => void;
onFocus?: () => void;
onSelect?: () => void;
isSelected?: boolean;
className?: string;
onSectionSelect?: (section: ISectionComponent) => void;
onSectionDelete?: (sectionId: string) => void;
onChildrenChange?: (children: FormComponentType[]) => void;
onChildSelect?: (child: FormComponentType) => void;
onChildDelete?: (childId: string) => void;
selectedChild?: FormComponentType | null;
renderFormComponent?: (field: FormComponentType) => React.ReactNode;
formTemplateId?: string;
onThresholdActionCompletion?: (conditionId: string, action: 'notes' | 'attachments' | 'email', completed: boolean) => void;
onThresholdIssueRaised?: (conditionId: string) => void;
onNotesChange?: (componentId: string, notes: string) => void;
onAttachmentChange?: (componentId: string, attachments: File[] | null) => void;
}
export declare const DfFormSection: React.FC<DfFormSectionProps>;
export default DfFormSection;
//# sourceMappingURL=df-form-section.d.ts.map