df-ae-forms-package
Version:
A comprehensive React form preview component library with form controls, validation, and responsive design for Angular/Ionic integration
43 lines • 1.98 kB
TypeScript
import React from 'react';
import { ITableComponent, FormComponentType, IFormControlChange } from '../df-form-preview-interfaces';
import './df-form-table.scss';
interface DfFormTableProps {
id: string;
properties: ITableComponent;
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;
onTableSelect?: (table: ITableComponent) => void;
onTableDelete?: (tableId: string) => void;
onCellChange?: (row: number, column: number, components: FormComponentType[]) => void;
onComponentSelect?: (component: FormComponentType) => void;
onComponentDelete?: (componentId: string) => void;
onComponentEdit?: (component: FormComponentType) => void;
selectedComponent?: FormComponentType | null;
renderFormComponent?: (field: FormComponentType) => React.ReactNode;
onTableUpdate?: (tableId: string, updates: Partial<ITableComponent>) => void;
onCellAdd?: (row: number, column: number) => void;
onCellRemove?: (row: number, column: number) => void;
onRowAdd?: () => void;
onRowRemove?: (rowIndex: number) => void;
onColumnAdd?: () => void;
onColumnRemove?: (columnIndex: number) => void;
formTemplateId?: string;
onThresholdActionCompletion?: (conditionId: string, action: 'notes' | 'attachments' | 'email', completed: boolean) => void;
onNotesChange?: (componentId: string, notes: string) => void;
onAttachmentChange?: (componentId: string, attachments: File[] | null) => void;
}
export declare const DfFormTable: React.FC<DfFormTableProps>;
export default DfFormTable;
//# sourceMappingURL=df-form-table.d.ts.map