UNPKG

df-ae-forms-package

Version:

A comprehensive React form preview component library with form controls, validation, and responsive design for Angular/Ionic integration

41 lines 2.03 kB
import React from 'react'; import { IDataGridComponent, FormComponentType, IFormControlChange } from '../df-form-preview-interfaces'; import './df-form-grid.scss'; interface DfFormDataGridProps { id: string; properties: IDataGridComponent; 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; onDataGridSelect?: (dataGrid: IDataGridComponent) => void; onDataGridDelete?: (dataGridId: string) => void; onEntryChange?: (entryIndex: number, components: FormComponentType[]) => void; onComponentSelect?: (component: FormComponentType) => void; onComponentDelete?: (component: FormComponentType, event: React.MouseEvent) => void; onComponentEdit?: (component: FormComponentType) => void; onComponentUpdate?: (componentId: string, updates: Partial<FormComponentType>) => void; selectedComponent?: FormComponentType | null; renderFormComponent?: (field: FormComponentType, hideLabel?: boolean) => React.ReactNode; onDataGridUpdate?: (dataGridId: string, updates: Partial<IDataGridComponent>) => void; onEntryAdd?: () => void; onEntryRemove?: (entryIndex: number) => void; 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 DfFormDataGrid: React.FC<DfFormDataGridProps>; export default DfFormDataGrid; //# sourceMappingURL=df-form-grid.d.ts.map