UNPKG

1.57 kBTypeScriptView Raw
1import React, { CSSProperties, ReactNode } from 'react';
2export type TooltipType = 'none';
3export type ValueType = number | string | Array<number | string>;
4export type NameType = number | string;
5export type Formatter<TValue extends ValueType, TName extends NameType> = (value: TValue, name: TName, item: Payload<TValue, TName>, index: number, payload: Array<Payload<TValue, TName>>) => [React.ReactNode, TName] | React.ReactNode;
6export interface Payload<TValue extends ValueType, TName extends NameType> {
7 type?: TooltipType;
8 color?: string;
9 formatter?: Formatter<TValue, TName>;
10 name?: TName;
11 value?: TValue;
12 unit?: ReactNode;
13 dataKey?: string | number;
14 payload?: any;
15 chartType?: string;
16 stroke?: string;
17 strokeDasharray?: string | number;
18 strokeWidth?: number | string;
19 className?: string;
20 hide?: boolean;
21}
22export interface Props<TValue extends ValueType, TName extends NameType> {
23 separator?: string;
24 wrapperClassName?: string;
25 labelClassName?: string;
26 formatter?: Formatter<TValue, TName>;
27 contentStyle?: CSSProperties;
28 itemStyle?: CSSProperties;
29 labelStyle?: CSSProperties;
30 labelFormatter?: (label: any, payload: Array<Payload<TValue, TName>>) => ReactNode;
31 label?: any;
32 payload?: Array<Payload<TValue, TName>>;
33 itemSorter?: (item: Payload<TValue, TName>) => number | string;
34 accessibilityLayer?: boolean;
35}
36export declare const DefaultTooltipContent: <TValue extends ValueType, TName extends NameType>(props: Props<TValue, TName>) => React.JSX.Element;