@blocktion/json-to-table/dist/components/Table/TableContainer.d.ts

A powerful, modular React component for converting JSON data to navigable tables with advanced features like automatic column detection, theming, and sub-table navigation. Part of the Blocktion SaaS project ecosystem.

import React from "react";
import { Column, TableOptions, ProcessedData, EditState } from "../../types";
interface TableContainerProps {
    data: ProcessedData;
    columns: Column[];
    options: TableOptions;
    onRowClick?: (row: unknown, index: number) => void;
    onCellClick?: (value: unknown, column: Column, row: unknown) => void;
    onNavigateToSubTable: (path: string, value: unknown, title: string, rowIndex?: number) => void;
    customRenderers?: Record<string, (value: unknown, row: unknown) => React.ReactNode>;
    editState?: EditState;
    setEditState?: React.Dispatch<React.SetStateAction<EditState>>;
    onDeleteRow?: (rowIndex: number) => void;
    onAddRow?: (rowData: unknown, insertIndex?: number) => void;
    onUpdateField?: (rowIndex: number, field: string, value: unknown) => void;
    onDeleteField?: (rowIndex: number, field: string) => void;
    onAddField?: (rowIndex: number, field: string, value: unknown) => void;
    validateField?: (field: string, value: unknown, row: unknown) => {
        isValid: boolean;
        error: string | null;
    };
}
export declare const TableContainer: React.FC<TableContainerProps>;
export {};