df-forms-preview-react/dist/df-form-controls/df-form-grid/df-form-grid.d.ts

A comprehensive React form preview component library with form controls, validation, and responsive design

import React from 'react';
import { IDataGridComponent, FormComponentType, IFormControlChange } from '../df-form-preview-interfaces';
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;
}
export declare const DfFormDataGrid: React.FC<DfFormDataGridProps>;
export default DfFormDataGrid;
//# sourceMappingURL=df-form-grid.d.ts.map