/** * @fileOverview Tooltip */ import React, { PureComponent, CSSProperties, ReactNode, ReactElement, SVGProps } from 'react'; import { ValueType, NameType, Payload, Props as ToltipContentProps } from './DefaultTooltipContent'; import { UniqueOption } from '../util/payload/getUniqPayload'; import { AllowInDimension, AnimationDuration, AnimationTiming, CartesianViewBox, Coordinate } from '../util/types'; export type ContentType = ReactElement | ((props: TooltipProps) => ReactNode); export type TooltipProps = ToltipContentProps & { accessibilityLayer?: boolean; /** * If true, then Tooltip is always displayed, once an activeIndex is set by mouse over, or programmatically. * If false, then Tooltip is never displayed. * If active is undefined, Recharts will control when the Tooltip displays. This includes mouse and keyboard controls. */ active?: boolean | undefined; /** * If true, then Tooltip will information about hidden series (defaults to false). Interacting with the hide property of Area, Bar, Line, Scatter. */ includeHidden?: boolean | undefined; allowEscapeViewBox?: AllowInDimension; animationDuration?: AnimationDuration; animationEasing?: AnimationTiming; content?: ContentType; coordinate?: Partial; cursor?: boolean | ReactElement | SVGProps; filterNull?: boolean; defaultIndex?: number; isAnimationActive?: boolean; offset?: number; payloadUniqBy?: UniqueOption>; position?: Partial; reverseDirection?: AllowInDimension; shared?: boolean; trigger?: 'hover' | 'click'; useTranslate3d?: boolean; viewBox?: CartesianViewBox; wrapperStyle?: CSSProperties; }; export declare class Tooltip extends PureComponent> { static displayName: string; static defaultProps: { accessibilityLayer: boolean; allowEscapeViewBox: { x: boolean; y: boolean; }; animationDuration: number; animationEasing: string; contentStyle: {}; coordinate: { x: number; y: number; }; cursor: boolean; cursorStyle: {}; filterNull: boolean; isAnimationActive: boolean; itemStyle: {}; labelStyle: {}; offset: number; reverseDirection: { x: boolean; y: boolean; }; separator: string; trigger: string; useTranslate3d: boolean; viewBox: { x: number; y: number; height: number; width: number; }; wrapperStyle: {}; }; render(): React.JSX.Element; }