import "chartjs-plugin-annotation";
import "./ChartWrapper.scss";
import React from "react";
import IDataParams from "../../interfaces/dataParams";
import IOptionParams from "../../interfaces/optionParams";
import IRendererParams, { T_CHART_TYPES, T_STATUS } from "../../interfaces/rendererParams";
import { IFetchParams } from "../../interfaces/requestParams";
export interface IChartWrapperState {
    chartHeader: any;
    component?: typeof React.Component;
    data?: IDataParams;
    error?: Error;
    fetchParams?: IFetchParams;
    hasMore?: boolean;
    labelsToReplace: {
        [key: string]: string;
    };
    optionLabelsToReplace: {
        [key: string]: string;
    };
    options: any;
    propOptions: IOptionParams;
    showAll?: boolean;
    status?: T_STATUS;
    tableView?: boolean;
    type: T_CHART_TYPES;
    isIntersecting: boolean;
}
export default class ChartWrapper extends React.Component<IRendererParams, IChartWrapperState> {
    static getDerivedStateFromProps(nextProps: IRendererParams, prevState: IChartWrapperState): Partial<IChartWrapperState>;
    observer: IntersectionObserver | null;
    chartRef: React.RefObject<any>;
    mainRef: React.RefObject<any>;
    constructor(props: IRendererParams);
    comeIntoView: (entries: IntersectionObserverEntry[]) => void;
    componentDidMount(): void;
    shouldComponentUpdate(nextProps: IRendererParams, nextState: IChartWrapperState): boolean;
    componentDidUpdate(prevProps: IRendererParams, prevState: IChartWrapperState): void | Promise<void>;
    componentDidCatch(error: Error): void;
    toggleShowAll: () => void;
    getData: (data: any, key: string) => any;
    handleMoreClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
    handleTableViewClick: (e: React.MouseEvent<HTMLButtonElement>) => void;
    render(): JSX.Element;
    fetchComponentData: (fetchParams: IFetchParams) => Promise<void>;
    prepareDataAndOptions: (data?: IDataParams) => void;
}