@papernote/ui/dist/components/QueryTransparency.d.ts

A modern React component library with a paper notebook aesthetic - minimal, professional, and expressive

export interface QueryTransparencyInfo {
    appliedFilters?: Array<{
        key: string;
        label: string;
        value: any;
        displayValue?: string;
        type?: 'text' | 'select' | 'date' | 'number' | 'boolean' | 'range';
    }>;
    pagination?: {
        currentPage: number;
        totalPages: number;
        pageSize: number;
        totalCount: number;
        startIndex?: number;
        endIndex?: number;
    };
    sorting?: {
        field: string;
        direction: 'asc' | 'desc';
        label?: string;
    };
    apiEndpoint?: string;
    queryParameters?: Record<string, any>;
    sqlQuery?: string;
    sqlParameters?: Record<string, any>;
    executionTime?: number;
    totalCount?: number;
    lastUpdated?: Date;
    rawQuery?: string;
    relatedData?: Array<{
        entity: string;
        description: string;
        type: 'primary' | 'join' | 'include' | 'lookup';
    }>;
    calculations?: Array<{
        field: string;
        description: string;
        formula?: string;
        type: 'computed' | 'aggregation' | 'derived' | 'lookup';
        example?: string;
    }>;
}
export interface QueryTransparencyProps {
    queryInfo: QueryTransparencyInfo;
    className?: string;
    collapsed?: boolean;
    showRawQuery?: boolean;
    showExecutionTime?: boolean;
    onToggleCollapse?: () => void;
}
/**
 * QueryTransparency component provides a consistent way to display
 * the exact filters, query parameters, and dataset information
 * being used across all pages for data transparency.
 */
export default function QueryTransparency({ queryInfo, className, collapsed: initialCollapsed, showRawQuery, showExecutionTime, onToggleCollapse, }: QueryTransparencyProps): import("react/jsx-runtime").JSX.Element | null;
//# sourceMappingURL=QueryTransparency.d.ts.map