recharts/types/component/DefaultLegendContent.d.ts

React charts

/**
 * @fileOverview Default Legend Content
 */
import * as React from 'react';
import { ReactNode, MouseEvent, ReactElement } from 'react';
import { DataKey, LegendType, LayoutType, PresentationAttributesAdaptChildEvent } from '../util/types';
export type ContentType = ReactElement | ((props: Props) => ReactNode);
export type IconType = Exclude<LegendType, 'none'>;
export type HorizontalAlignmentType = 'center' | 'left' | 'right';
export type VerticalAlignmentType = 'top' | 'bottom' | 'middle';
export type Formatter = (value: any, entry: LegendPayload, index: number) => ReactNode;
export interface LegendPayload {
    /**
     * This is the text that will be displayed in the legend in the DOM.
     * If undefined, the text will not be displayed, so the icon will be rendered without text.
     */
    value: string | undefined;
    type?: LegendType;
    color?: string;
    payload?: {
        strokeDasharray?: number | string;
        value?: any;
    };
    formatter?: Formatter;
    inactive?: boolean;
    legendIcon?: ReactElement<SVGElement>;
    dataKey?: DataKey<any>;
}
interface DefaultLegendContentProps {
    content?: ContentType;
    iconSize?: number;
    iconType?: IconType;
    layout?: LayoutType;
    align?: HorizontalAlignmentType;
    verticalAlign?: VerticalAlignmentType;
    inactiveColor?: string;
    formatter?: Formatter;
    onMouseEnter?: (data: LegendPayload, index: number, event: MouseEvent) => void;
    onMouseLeave?: (data: LegendPayload, index: number, event: MouseEvent) => void;
    onClick?: (data: LegendPayload, index: number, event: MouseEvent) => void;
    /**
     * DefaultLegendContent.payload is omitted from Legend props.
     * A custom payload can be passed here if desired or it can be passed from the Legend "content" callback.
     */
    payload?: ReadonlyArray<LegendPayload>;
}
export type Props = DefaultLegendContentProps & Omit<PresentationAttributesAdaptChildEvent<any, ReactElement>, keyof DefaultLegendContentProps>;
export declare const DefaultLegendContent: (outsideProps: Props) => React.JSX.Element | null;
export {};