form-preview-df
Version:
Resusable Form Preview Components
38 lines • 1.64 kB
TypeScript
import React from 'react';
import { ITableComponent, FormComponentType, IFormControlChange } from '../df-form-preview-interfaces';
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;
}
export declare const DfFormTable: React.FC<DfFormTableProps>;
export default DfFormTable;
//# sourceMappingURL=df-form-table.d.ts.map