Socket
Socket
Sign inDemoInstall

recharts

Package Overview
Dependencies
43
Maintainers
4
Versions
235
Alerts
File Explorer

Advanced tools

npm Scripts

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 2.10.3 to 2.10.4

es6/component/Cursor.js
lib/component/Cursor.js
types/component/Cursor.d.ts

11

es6/cartesian/ReferenceLine.js

@@ -28,2 +28,10 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }

import { filterProps } from '../util/ReactUtils';
/**
* This excludes `viewBox` prop from svg for two reasons:
* 1. The components wants viewBox of object type, and svg wants string
* - so there's a conflict, and the component will throw if it gets string
* 2. Internally the component calls `filterProps` which filters the viewBox away anyway
*/
var renderLine = function renderLine(option, props) {

@@ -42,5 +50,4 @@ var line;

};
// TODO: ScaleHelper
var getEndPoints = function getEndPoints(scales, isFixedX, isFixedY, isSegment, props) {
export var getEndPoints = function getEndPoints(scales, isFixedX, isFixedY, isSegment, props) {
var _props$viewBox = props.viewBox,

@@ -47,0 +54,0 @@ x = _props$viewBox.x,

10

es6/component/ResponsiveContainer.js

@@ -49,6 +49,10 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }

onResizeRef.current = onResize;
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
// @ts-ignore
useImperativeHandle(ref, function () {
return containerRef;
return Object.assign(containerRef.current, {
get current() {
// eslint-disable-next-line no-console
console.warn('The usage of ref.current.current is deprecated and will no longer be supported.');
return containerRef.current;
}
});
});

@@ -55,0 +59,0 @@ var _useState = useState({

4

es6/polar/Pie.js

@@ -151,2 +151,3 @@ var _class;

return sectors.map(function (entry, i) {
if ((entry === null || entry === void 0 ? void 0 : entry.startAngle) === 0 && (entry === null || entry === void 0 ? void 0 : entry.endAngle) === 0 && sectors.length !== 1) return null;
var isActive = _this2.isActiveIndex(i);

@@ -168,4 +169,3 @@ var inactiveShape = inactiveShapeProp && _this2.hasActiveIndex() ? inactiveShapeProp : null;

}, adaptEventsOfChild(_this2.props, entry, i), {
// eslint-disable-next-line react/no-array-index-key
key: "sector-".concat(i)
key: "sector-".concat(entry === null || entry === void 0 ? void 0 : entry.startAngle, "-").concat(entry === null || entry === void 0 ? void 0 : entry.endAngle, "-").concat(entry.midAngle)
}), /*#__PURE__*/React.createElement(Shape, _extends({

@@ -172,0 +172,0 @@ option: sectorOptions,

2

es6/polar/RadialBar.js

@@ -190,3 +190,3 @@ var _excluded = ["shape", "activeShape", "activeIndex", "cornerRadius"],

key: "sector-".concat(i),
className: 'recharts-radial-bar-background-sector',
className: clsx('recharts-radial-bar-background-sector', backgroundProps === null || backgroundProps === void 0 ? void 0 : backgroundProps.className),
option: background,

@@ -193,0 +193,0 @@ isActive: false

11

lib/cartesian/ReferenceLine.js

@@ -8,2 +8,3 @@ "use strict";

exports.ReferenceLine = ReferenceLine;
exports.getEndPoints = void 0;
var _react = _interopRequireDefault(require("react"));

@@ -35,2 +36,9 @@ var _isFunction = _interopRequireDefault(require("lodash/isFunction"));

*/
/**
* This excludes `viewBox` prop from svg for two reasons:
* 1. The components wants viewBox of object type, and svg wants string
* - so there's a conflict, and the component will throw if it gets string
* 2. Internally the component calls `filterProps` which filters the viewBox away anyway
*/
var renderLine = function renderLine(option, props) {

@@ -49,5 +57,4 @@ var line;

};
// TODO: ScaleHelper
var getEndPoints = function getEndPoints(scales, isFixedX, isFixedY, isSegment, props) {
var getEndPoints = exports.getEndPoints = function getEndPoints(scales, isFixedX, isFixedY, isSegment, props) {
var _props$viewBox = props.viewBox,

@@ -54,0 +61,0 @@ x = _props$viewBox.x,

10

lib/component/ResponsiveContainer.js

@@ -57,6 +57,10 @@ "use strict";

onResizeRef.current = onResize;
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
// @ts-ignore
(0, _react.useImperativeHandle)(ref, function () {
return containerRef;
return Object.assign(containerRef.current, {
get current() {
// eslint-disable-next-line no-console
console.warn('The usage of ref.current.current is deprecated and will no longer be supported.');
return containerRef.current;
}
});
});

@@ -63,0 +67,0 @@ var _useState = (0, _react.useState)({

4

lib/polar/Pie.js

@@ -159,2 +159,3 @@ "use strict";

return sectors.map(function (entry, i) {
if ((entry === null || entry === void 0 ? void 0 : entry.startAngle) === 0 && (entry === null || entry === void 0 ? void 0 : entry.endAngle) === 0 && sectors.length !== 1) return null;
var isActive = _this2.isActiveIndex(i);

@@ -176,4 +177,3 @@ var inactiveShape = inactiveShapeProp && _this2.hasActiveIndex() ? inactiveShapeProp : null;

}, (0, _types.adaptEventsOfChild)(_this2.props, entry, i), {
// eslint-disable-next-line react/no-array-index-key
key: "sector-".concat(i)
key: "sector-".concat(entry === null || entry === void 0 ? void 0 : entry.startAngle, "-").concat(entry === null || entry === void 0 ? void 0 : entry.endAngle, "-").concat(entry.midAngle)
}), /*#__PURE__*/_react["default"].createElement(_ActiveShapeUtils.Shape, _extends({

@@ -180,0 +180,0 @@ option: sectorOptions,

2

lib/polar/RadialBar.js

@@ -198,3 +198,3 @@ "use strict";

key: "sector-".concat(i),
className: 'recharts-radial-bar-background-sector',
className: (0, _clsx["default"])('recharts-radial-bar-background-sector', backgroundProps === null || backgroundProps === void 0 ? void 0 : backgroundProps.className),
option: background,

@@ -201,0 +201,0 @@ isActive: false

27

package.json
{
"name": "recharts",
"version": "2.10.3",
"version": "2.10.4",
"description": "React charts",

@@ -89,14 +89,17 @@ "main": "lib/index",

"@babel/runtime": "^7.23.2",
"@storybook/addon-a11y": "^7.5.1",
"@storybook/addon-docs": "^7.5.1",
"@storybook/addon-essentials": "^7.5.1",
"@storybook/addon-interactions": "^7.5.1",
"@storybook/addon-links": "^7.5.1",
"@storybook/addon-mdx-gfm": "^7.5.1",
"@storybook/addon-storysource": "^7.5.1",
"@storybook/addon-a11y": "^7.6.3",
"@storybook/addon-docs": "^7.6.3",
"@storybook/addon-essentials": "^7.6.3",
"@storybook/addon-interactions": "^7.6.3",
"@storybook/addon-links": "^7.6.3",
"@storybook/addon-mdx-gfm": "^7.6.3",
"@storybook/addon-storysource": "^7.6.3",
"@storybook/jest": "^0.2.3",
"@storybook/react": "^7.5.1",
"@storybook/react-webpack5": "^7.5.1",
"@storybook/test-runner": "^0.13.0",
"@storybook/manager-api": "^7.6.4",
"@storybook/react": "^7.6.3",
"@storybook/react-webpack5": "^7.6.3",
"@storybook/source-loader": "^7.6.3",
"@storybook/test-runner": "^0.16.0",
"@storybook/testing-library": "^0.2.2",
"@storybook/theming": "^7.6.4",
"@testing-library/jest-dom": "^5.16.5",

@@ -146,3 +149,3 @@ "@testing-library/react": "^12.1.5",

"rimraf": "^3.0.2",
"storybook": "^7.5.1",
"storybook": "^7.6.3",
"storybook-addon-performance": "^0.17.1",

@@ -149,0 +152,0 @@ "terser-webpack-plugin": "^5.1.1",

30

types/cartesian/ReferenceLine.d.ts

@@ -17,2 +17,7 @@ import React, { ReactElement, SVGProps } from 'react';

}
export declare type Segment = {
x?: number | string;
y?: number | string;
};
export declare type ReferenceLinePosition = 'middle' | 'start' | 'end';
interface ReferenceLineProps extends InternalReferenceLineProps {

@@ -24,7 +29,4 @@ isFront?: boolean;

y?: number | string;
segment?: Array<{
x?: number | string;
y?: number | string;
}>;
position?: 'middle' | 'start' | 'end';
segment?: ReadonlyArray<Segment>;
position?: ReferenceLinePosition;
className?: number | string;

@@ -36,3 +38,19 @@ yAxisId?: number | string;

}
export declare type Props = SVGProps<SVGLineElement> & ReferenceLineProps;
export declare type Props = Omit<SVGProps<SVGLineElement>, 'viewBox'> & ReferenceLineProps;
declare type EndPointsPropsSubset = {
alwaysShow?: boolean;
ifOverflow?: IfOverflow;
viewBox?: CartesianViewBox;
xAxis?: {
orientation?: XAxisProps['orientation'];
};
yAxis?: {
orientation?: YAxisProps['orientation'];
};
position?: ReferenceLinePosition;
segment?: ReadonlyArray<Segment>;
x?: number | string;
y?: number | string;
};
export declare const getEndPoints: (scales: any, isFixedX: boolean, isFixedY: boolean, isSegment: boolean, props: EndPointsPropsSubset) => any[];
export declare function ReferenceLine(props: Props): React.JSX.Element;

@@ -39,0 +57,0 @@ export declare namespace ReferenceLine {

162

types/chart/AreaChart.d.ts

@@ -55,82 +55,3 @@ export declare const AreaChart: {

filterFormatItem(item: any, displayName: any, childIndex: any): any;
renderCursor: (element: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").FunctionComponentElement<any> | import("react").DetailedReactHTMLElement<{
payload: any[];
payloadIndex: number;
key: import("react").Key;
className: string;
xAxis?: any;
yAxis?: any;
width?: any;
height?: any;
offset?: import("../util/types").ChartOffset;
angle?: number;
radius?: number;
cx?: number;
cy?: number;
startAngle?: number;
endAngle?: number;
innerRadius?: number;
outerRadius?: number;
x: number;
y: number;
top?: number;
bottom?: number;
left?: number;
right?: number;
brushBottom?: number;
stroke: string;
pointerEvents: string;
} | {
payload: any[];
payloadIndex: number;
key: import("react").Key;
className: string;
stroke: string;
fill: string;
x: number;
y: number;
width: number;
height: number;
top?: number;
bottom?: number;
left?: number;
right?: number;
brushBottom?: number;
pointerEvents: string;
} | {
payload: any[];
payloadIndex: number;
key: import("react").Key;
className: string;
cx: number;
cy: number;
startAngle: number;
endAngle: number;
innerRadius: number;
outerRadius: number;
top?: number;
bottom?: number;
left?: number;
right?: number;
width?: number;
height?: number;
brushBottom?: number;
stroke: string;
pointerEvents: string;
} | {
payload: any[];
payloadIndex: number;
key: import("react").Key;
className: string;
points: import("../util/cursor/getRadialCursorPoints").RadialCursorPoints | [import("../util/types").Coordinate, import("../util/types").Coordinate];
top?: number;
bottom?: number;
left?: number;
right?: number;
width?: number;
height?: number;
brushBottom?: number;
stroke: string;
pointerEvents: string;
}, HTMLElement>;
renderCursor: (element: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
renderPolarAxis: (element: any, displayName: string, index: number) => import("react").DetailedReactHTMLElement<{

@@ -239,82 +160,3 @@ className: any;

Tooltip: {
handler: (element: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").FunctionComponentElement<any> | import("react").DetailedReactHTMLElement<{
payload: any[];
payloadIndex: number;
key: import("react").Key;
className: string;
xAxis?: any;
yAxis?: any;
width?: any;
height?: any;
offset?: import("../util/types").ChartOffset;
angle?: number;
radius?: number;
cx?: number;
cy?: number;
startAngle?: number;
endAngle?: number;
innerRadius?: number;
outerRadius?: number;
x: number;
y: number;
top?: number;
bottom?: number;
left?: number;
right?: number;
brushBottom?: number;
stroke: string;
pointerEvents: string;
} | {
payload: any[];
payloadIndex: number;
key: import("react").Key;
className: string;
stroke: string;
fill: string;
x: number;
y: number;
width: number;
height: number;
top?: number;
bottom?: number;
left?: number;
right?: number;
brushBottom?: number;
pointerEvents: string;
} | {
payload: any[];
payloadIndex: number;
key: import("react").Key;
className: string;
cx: number;
cy: number;
startAngle: number;
endAngle: number;
innerRadius: number;
outerRadius: number;
top?: number;
bottom?: number;
left?: number;
right?: number;
width?: number;
height?: number;
brushBottom?: number;
stroke: string;
pointerEvents: string;
} | {
payload: any[];
payloadIndex: number;
key: import("react").Key;
className: string;
points: import("../util/cursor/getRadialCursorPoints").RadialCursorPoints | [import("../util/types").Coordinate, import("../util/types").Coordinate];
top?: number;
bottom?: number;
left?: number;
right?: number;
width?: number;
height?: number;
brushBottom?: number;
stroke: string;
pointerEvents: string;
}, HTMLElement>;
handler: (element: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
once: boolean;

@@ -321,0 +163,0 @@ };

162

types/chart/BarChart.d.ts

@@ -55,82 +55,3 @@ export declare const BarChart: {

filterFormatItem(item: any, displayName: any, childIndex: any): any;
renderCursor: (element: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").FunctionComponentElement<any> | import("react").DetailedReactHTMLElement<{
payload: any[];
payloadIndex: number;
key: import("react").Key;
className: string;
xAxis?: any;
yAxis?: any;
width?: any;
height?: any;
offset?: import("../util/types").ChartOffset;
angle?: number;
radius?: number;
cx?: number;
cy?: number;
startAngle?: number;
endAngle?: number;
innerRadius?: number;
outerRadius?: number;
x: number;
y: number;
top?: number;
bottom?: number;
left?: number;
right?: number;
brushBottom?: number;
stroke: string;
pointerEvents: string;
} | {
payload: any[];
payloadIndex: number;
key: import("react").Key;
className: string;
stroke: string;
fill: string;
x: number;
y: number;
width: number;
height: number;
top?: number;
bottom?: number;
left?: number;
right?: number;
brushBottom?: number;
pointerEvents: string;
} | {
payload: any[];
payloadIndex: number;
key: import("react").Key;
className: string;
cx: number;
cy: number;
startAngle: number;
endAngle: number;
innerRadius: number;
outerRadius: number;
top?: number;
bottom?: number;
left?: number;
right?: number;
width?: number;
height?: number;
brushBottom?: number;
stroke: string;
pointerEvents: string;
} | {
payload: any[];
payloadIndex: number;
key: import("react").Key;
className: string;
points: import("../util/cursor/getRadialCursorPoints").RadialCursorPoints | [import("../util/types").Coordinate, import("../util/types").Coordinate];
top?: number;
bottom?: number;
left?: number;
right?: number;
width?: number;
height?: number;
brushBottom?: number;
stroke: string;
pointerEvents: string;
}, HTMLElement>;
renderCursor: (element: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
renderPolarAxis: (element: any, displayName: string, index: number) => import("react").DetailedReactHTMLElement<{

@@ -239,82 +160,3 @@ className: any;

Tooltip: {
handler: (element: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").FunctionComponentElement<any> | import("react").DetailedReactHTMLElement<{
payload: any[];
payloadIndex: number;
key: import("react").Key;
className: string;
xAxis?: any;
yAxis?: any;
width?: any;
height?: any;
offset?: import("../util/types").ChartOffset;
angle?: number;
radius?: number;
cx?: number;
cy?: number;
startAngle?: number;
endAngle?: number;
innerRadius?: number;
outerRadius?: number;
x: number;
y: number;
top?: number;
bottom?: number;
left?: number;
right?: number;
brushBottom?: number;
stroke: string;
pointerEvents: string;
} | {
payload: any[];
payloadIndex: number;
key: import("react").Key;
className: string;
stroke: string;
fill: string;
x: number;
y: number;
width: number;
height: number;
top?: number;
bottom?: number;
left?: number;
right?: number;
brushBottom?: number;
pointerEvents: string;
} | {
payload: any[];
payloadIndex: number;
key: import("react").Key;
className: string;
cx: number;
cy: number;
startAngle: number;
endAngle: number;
innerRadius: number;
outerRadius: number;
top?: number;
bottom?: number;
left?: number;
right?: number;
width?: number;
height?: number;
brushBottom?: number;
stroke: string;
pointerEvents: string;
} | {
payload: any[];
payloadIndex: number;
key: import("react").Key;
className: string;
points: import("../util/cursor/getRadialCursorPoints").RadialCursorPoints | [import("../util/types").Coordinate, import("../util/types").Coordinate];
top?: number;
bottom?: number;
left?: number;
right?: number;
width?: number;
height?: number;
brushBottom?: number;
stroke: string;
pointerEvents: string;
}, HTMLElement>;
handler: (element: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
once: boolean;

@@ -321,0 +163,0 @@ };

162

types/chart/ComposedChart.d.ts

@@ -55,82 +55,3 @@ export declare const ComposedChart: {

filterFormatItem(item: any, displayName: any, childIndex: any): any;
renderCursor: (element: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").FunctionComponentElement<any> | import("react").DetailedReactHTMLElement<{
payload: any[];
payloadIndex: number;
key: import("react").Key;
className: string;
xAxis?: any;
yAxis?: any;
width?: any;
height?: any;
offset?: import("../util/types").ChartOffset;
angle?: number;
radius?: number;
cx?: number;
cy?: number;
startAngle?: number;
endAngle?: number;
innerRadius?: number;
outerRadius?: number;
x: number;
y: number;
top?: number;
bottom?: number;
left?: number;
right?: number;
brushBottom?: number;
stroke: string;
pointerEvents: string;
} | {
payload: any[];
payloadIndex: number;
key: import("react").Key;
className: string;
stroke: string;
fill: string;
x: number;
y: number;
width: number;
height: number;
top?: number;
bottom?: number;
left?: number;
right?: number;
brushBottom?: number;
pointerEvents: string;
} | {
payload: any[];
payloadIndex: number;
key: import("react").Key;
className: string;
cx: number;
cy: number;
startAngle: number;
endAngle: number;
innerRadius: number;
outerRadius: number;
top?: number;
bottom?: number;
left?: number;
right?: number;
width?: number;
height?: number;
brushBottom?: number;
stroke: string;
pointerEvents: string;
} | {
payload: any[];
payloadIndex: number;
key: import("react").Key;
className: string;
points: import("../util/cursor/getRadialCursorPoints").RadialCursorPoints | [import("../util/types").Coordinate, import("../util/types").Coordinate];
top?: number;
bottom?: number;
left?: number;
right?: number;
width?: number;
height?: number;
brushBottom?: number;
stroke: string;
pointerEvents: string;
}, HTMLElement>;
renderCursor: (element: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
renderPolarAxis: (element: any, displayName: string, index: number) => import("react").DetailedReactHTMLElement<{

@@ -239,82 +160,3 @@ className: any;

Tooltip: {
handler: (element: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").FunctionComponentElement<any> | import("react").DetailedReactHTMLElement<{
payload: any[];
payloadIndex: number;
key: import("react").Key;
className: string;
xAxis?: any;
yAxis?: any;
width?: any;
height?: any;
offset?: import("../util/types").ChartOffset;
angle?: number;
radius?: number;
cx?: number;
cy?: number;
startAngle?: number;
endAngle?: number;
innerRadius?: number;
outerRadius?: number;
x: number;
y: number;
top?: number;
bottom?: number;
left?: number;
right?: number;
brushBottom?: number;
stroke: string;
pointerEvents: string;
} | {
payload: any[];
payloadIndex: number;
key: import("react").Key;
className: string;
stroke: string;
fill: string;
x: number;
y: number;
width: number;
height: number;
top?: number;
bottom?: number;
left?: number;
right?: number;
brushBottom?: number;
pointerEvents: string;
} | {
payload: any[];
payloadIndex: number;
key: import("react").Key;
className: string;
cx: number;
cy: number;
startAngle: number;
endAngle: number;
innerRadius: number;
outerRadius: number;
top?: number;
bottom?: number;
left?: number;
right?: number;
width?: number;
height?: number;
brushBottom?: number;
stroke: string;
pointerEvents: string;
} | {
payload: any[];
payloadIndex: number;
key: import("react").Key;
className: string;
points: import("../util/cursor/getRadialCursorPoints").RadialCursorPoints | [import("../util/types").Coordinate, import("../util/types").Coordinate];
top?: number;
bottom?: number;
left?: number;
right?: number;
width?: number;
height?: number;
brushBottom?: number;
stroke: string;
pointerEvents: string;
}, HTMLElement>;
handler: (element: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
once: boolean;

@@ -321,0 +163,0 @@ };

162

types/chart/FunnelChart.d.ts

@@ -55,82 +55,3 @@ export declare const FunnelChart: {

filterFormatItem(item: any, displayName: any, childIndex: any): any;
renderCursor: (element: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").FunctionComponentElement<any> | import("react").DetailedReactHTMLElement<{
payload: any[];
payloadIndex: number;
key: import("react").Key;
className: string;
xAxis?: any;
yAxis?: any;
width?: any;
height?: any;
offset?: import("../util/types").ChartOffset;
angle?: number;
radius?: number;
cx?: number;
cy?: number;
startAngle?: number;
endAngle?: number;
innerRadius?: number;
outerRadius?: number;
x: number;
y: number;
top?: number;
bottom?: number;
left?: number;
right?: number;
brushBottom?: number;
stroke: string;
pointerEvents: string;
} | {
payload: any[];
payloadIndex: number;
key: import("react").Key;
className: string;
stroke: string;
fill: string;
x: number;
y: number;
width: number;
height: number;
top?: number;
bottom?: number;
left?: number;
right?: number;
brushBottom?: number;
pointerEvents: string;
} | {
payload: any[];
payloadIndex: number;
key: import("react").Key;
className: string;
cx: number;
cy: number;
startAngle: number;
endAngle: number;
innerRadius: number;
outerRadius: number;
top?: number;
bottom?: number;
left?: number;
right?: number;
width?: number;
height?: number;
brushBottom?: number;
stroke: string;
pointerEvents: string;
} | {
payload: any[];
payloadIndex: number;
key: import("react").Key;
className: string;
points: import("../util/cursor/getRadialCursorPoints").RadialCursorPoints | [import("../util/types").Coordinate, import("../util/types").Coordinate];
top?: number;
bottom?: number;
left?: number;
right?: number;
width?: number;
height?: number;
brushBottom?: number;
stroke: string;
pointerEvents: string;
}, HTMLElement>;
renderCursor: (element: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
renderPolarAxis: (element: any, displayName: string, index: number) => import("react").DetailedReactHTMLElement<{

@@ -239,82 +160,3 @@ className: any;

Tooltip: {
handler: (element: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").FunctionComponentElement<any> | import("react").DetailedReactHTMLElement<{
payload: any[];
payloadIndex: number;
key: import("react").Key;
className: string;
xAxis?: any;
yAxis?: any;
width?: any;
height?: any;
offset?: import("../util/types").ChartOffset;
angle?: number;
radius?: number;
cx?: number;
cy?: number;
startAngle?: number;
endAngle?: number;
innerRadius?: number;
outerRadius?: number;
x: number;
y: number;
top?: number;
bottom?: number;
left?: number;
right?: number;
brushBottom?: number;
stroke: string;
pointerEvents: string;
} | {
payload: any[];
payloadIndex: number;
key: import("react").Key;
className: string;
stroke: string;
fill: string;
x: number;
y: number;
width: number;
height: number;
top?: number;
bottom?: number;
left?: number;
right?: number;
brushBottom?: number;
pointerEvents: string;
} | {
payload: any[];
payloadIndex: number;
key: import("react").Key;
className: string;
cx: number;
cy: number;
startAngle: number;
endAngle: number;
innerRadius: number;
outerRadius: number;
top?: number;
bottom?: number;
left?: number;
right?: number;
width?: number;
height?: number;
brushBottom?: number;
stroke: string;
pointerEvents: string;
} | {
payload: any[];
payloadIndex: number;
key: import("react").Key;
className: string;
points: import("../util/cursor/getRadialCursorPoints").RadialCursorPoints | [import("../util/types").Coordinate, import("../util/types").Coordinate];
top?: number;
bottom?: number;
left?: number;
right?: number;
width?: number;
height?: number;
brushBottom?: number;
stroke: string;
pointerEvents: string;
}, HTMLElement>;
handler: (element: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
once: boolean;

@@ -321,0 +163,0 @@ };

166

types/chart/generateCategoricalChart.d.ts
import React, { ReactElement } from 'react';
import type { DebouncedFunc } from 'lodash';
import { AxisStackGroups } from '../util/ChartUtils';
import { AxisType, BaseAxisProps, CategoricalChartOptions, ChartCoordinate, ChartOffset, Coordinate, DataKey, LayoutType, Margin, StackOffsetType, TickItem } from '../util/types';
import { AxisType, BaseAxisProps, CategoricalChartOptions, ChartCoordinate, ChartOffset, DataKey, LayoutType, Margin, StackOffsetType, TickItem, TooltipEventType } from '../util/types';
import { AccessibilityManager } from './AccessibilityManager';

@@ -116,3 +116,3 @@ export interface MousePointer {

componentWillUnmount(): void;
getTooltipEventType(): import("../util/types").TooltipEventType;
getTooltipEventType(): TooltipEventType;
getMouseInfo(event: MousePointer): {

@@ -160,82 +160,3 @@ xValue: any;

filterFormatItem(item: any, displayName: any, childIndex: any): any;
renderCursor: (element: ReactElement) => React.FunctionComponentElement<any> | React.DetailedReactHTMLElement<{
payload: any[];
payloadIndex: number;
key: React.Key;
className: string;
xAxis?: any;
yAxis?: any;
width?: any;
height?: any;
offset?: ChartOffset;
angle?: number;
radius?: number;
cx?: number;
cy?: number;
startAngle?: number;
endAngle?: number;
innerRadius?: number;
outerRadius?: number;
x: number;
y: number;
top?: number;
bottom?: number;
left?: number;
right?: number;
brushBottom?: number;
stroke: string;
pointerEvents: string;
} | {
payload: any[];
payloadIndex: number;
key: React.Key;
className: string;
stroke: string;
fill: string;
x: number;
y: number;
width: number;
height: number;
top?: number;
bottom?: number;
left?: number;
right?: number;
brushBottom?: number;
pointerEvents: string;
} | {
payload: any[];
payloadIndex: number;
key: React.Key;
className: string;
cx: number;
cy: number;
startAngle: number;
endAngle: number;
innerRadius: number;
outerRadius: number;
top?: number;
bottom?: number;
left?: number;
right?: number;
width?: number;
height?: number;
brushBottom?: number;
stroke: string;
pointerEvents: string;
} | {
payload: any[];
payloadIndex: number;
key: React.Key;
className: string;
points: import("../util/cursor/getRadialCursorPoints").RadialCursorPoints | [Coordinate, Coordinate];
top?: number;
bottom?: number;
left?: number;
right?: number;
width?: number;
height?: number;
brushBottom?: number;
stroke: string;
pointerEvents: string;
}, HTMLElement>;
renderCursor: (element: ReactElement) => React.JSX.Element;
renderPolarAxis: (element: any, displayName: string, index: number) => React.DetailedReactHTMLElement<{

@@ -344,82 +265,3 @@ className: any;

Tooltip: {
handler: (element: ReactElement) => React.FunctionComponentElement<any> | React.DetailedReactHTMLElement<{
payload: any[];
payloadIndex: number;
key: React.Key;
className: string;
xAxis?: any;
yAxis?: any;
width?: any;
height?: any;
offset?: ChartOffset;
angle?: number;
radius?: number;
cx?: number;
cy?: number;
startAngle?: number;
endAngle?: number;
innerRadius?: number;
outerRadius?: number;
x: number;
y: number;
top?: number;
bottom?: number;
left?: number;
right?: number;
brushBottom?: number;
stroke: string;
pointerEvents: string;
} | {
payload: any[];
payloadIndex: number;
key: React.Key;
className: string;
stroke: string;
fill: string;
x: number;
y: number;
width: number;
height: number;
top?: number;
bottom?: number;
left?: number;
right?: number;
brushBottom?: number;
pointerEvents: string;
} | {
payload: any[];
payloadIndex: number;
key: React.Key;
className: string;
cx: number;
cy: number;
startAngle: number;
endAngle: number;
innerRadius: number;
outerRadius: number;
top?: number;
bottom?: number;
left?: number;
right?: number;
width?: number;
height?: number;
brushBottom?: number;
stroke: string;
pointerEvents: string;
} | {
payload: any[];
payloadIndex: number;
key: React.Key;
className: string;
points: import("../util/cursor/getRadialCursorPoints").RadialCursorPoints | [Coordinate, Coordinate];
top?: number;
bottom?: number;
left?: number;
right?: number;
width?: number;
height?: number;
brushBottom?: number;
stroke: string;
pointerEvents: string;
}, HTMLElement>;
handler: (element: ReactElement) => React.JSX.Element;
once: boolean;

@@ -426,0 +268,0 @@ };

162

types/chart/LineChart.d.ts

@@ -55,82 +55,3 @@ export declare const LineChart: {

filterFormatItem(item: any, displayName: any, childIndex: any): any;
renderCursor: (element: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").FunctionComponentElement<any> | import("react").DetailedReactHTMLElement<{
payload: any[];
payloadIndex: number;
key: import("react").Key;
className: string;
xAxis?: any;
yAxis?: any;
width?: any;
height?: any;
offset?: import("../util/types").ChartOffset;
angle?: number;
radius?: number;
cx?: number;
cy?: number;
startAngle?: number;
endAngle?: number;
innerRadius?: number;
outerRadius?: number;
x: number;
y: number;
top?: number;
bottom?: number;
left?: number;
right?: number;
brushBottom?: number;
stroke: string;
pointerEvents: string;
} | {
payload: any[];
payloadIndex: number;
key: import("react").Key;
className: string;
stroke: string;
fill: string;
x: number;
y: number;
width: number;
height: number;
top?: number;
bottom?: number;
left?: number;
right?: number;
brushBottom?: number;
pointerEvents: string;
} | {
payload: any[];
payloadIndex: number;
key: import("react").Key;
className: string;
cx: number;
cy: number;
startAngle: number;
endAngle: number;
innerRadius: number;
outerRadius: number;
top?: number;
bottom?: number;
left?: number;
right?: number;
width?: number;
height?: number;
brushBottom?: number;
stroke: string;
pointerEvents: string;
} | {
payload: any[];
payloadIndex: number;
key: import("react").Key;
className: string;
points: import("../util/cursor/getRadialCursorPoints").RadialCursorPoints | [import("../util/types").Coordinate, import("../util/types").Coordinate];
top?: number;
bottom?: number;
left?: number;
right?: number;
width?: number;
height?: number;
brushBottom?: number;
stroke: string;
pointerEvents: string;
}, HTMLElement>;
renderCursor: (element: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
renderPolarAxis: (element: any, displayName: string, index: number) => import("react").DetailedReactHTMLElement<{

@@ -239,82 +160,3 @@ className: any;

Tooltip: {
handler: (element: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").FunctionComponentElement<any> | import("react").DetailedReactHTMLElement<{
payload: any[];
payloadIndex: number;
key: import("react").Key;
className: string;
xAxis?: any;
yAxis?: any;
width?: any;
height?: any;
offset?: import("../util/types").ChartOffset;
angle?: number;
radius?: number;
cx?: number;
cy?: number;
startAngle?: number;
endAngle?: number;
innerRadius?: number;
outerRadius?: number;
x: number;
y: number;
top?: number;
bottom?: number;
left?: number;
right?: number;
brushBottom?: number;
stroke: string;
pointerEvents: string;
} | {
payload: any[];
payloadIndex: number;
key: import("react").Key;
className: string;
stroke: string;
fill: string;
x: number;
y: number;
width: number;
height: number;
top?: number;
bottom?: number;
left?: number;
right?: number;
brushBottom?: number;
pointerEvents: string;
} | {
payload: any[];
payloadIndex: number;
key: import("react").Key;
className: string;
cx: number;
cy: number;
startAngle: number;
endAngle: number;
innerRadius: number;
outerRadius: number;
top?: number;
bottom?: number;
left?: number;
right?: number;
width?: number;
height?: number;
brushBottom?: number;
stroke: string;
pointerEvents: string;
} | {
payload: any[];
payloadIndex: number;
key: import("react").Key;
className: string;
points: import("../util/cursor/getRadialCursorPoints").RadialCursorPoints | [import("../util/types").Coordinate, import("../util/types").Coordinate];
top?: number;
bottom?: number;
left?: number;
right?: number;
width?: number;
height?: number;
brushBottom?: number;
stroke: string;
pointerEvents: string;
}, HTMLElement>;
handler: (element: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
once: boolean;

@@ -321,0 +163,0 @@ };

162

types/chart/PieChart.d.ts

@@ -55,82 +55,3 @@ export declare const PieChart: {

filterFormatItem(item: any, displayName: any, childIndex: any): any;
renderCursor: (element: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").FunctionComponentElement<any> | import("react").DetailedReactHTMLElement<{
payload: any[];
payloadIndex: number;
key: import("react").Key;
className: string;
xAxis?: any;
yAxis?: any;
width?: any;
height?: any;
offset?: import("../util/types").ChartOffset;
angle?: number;
radius?: number;
cx?: number;
cy?: number;
startAngle?: number;
endAngle?: number;
innerRadius?: number;
outerRadius?: number;
x: number;
y: number;
top?: number;
bottom?: number;
left?: number;
right?: number;
brushBottom?: number;
stroke: string;
pointerEvents: string;
} | {
payload: any[];
payloadIndex: number;
key: import("react").Key;
className: string;
stroke: string;
fill: string;
x: number;
y: number;
width: number;
height: number;
top?: number;
bottom?: number;
left?: number;
right?: number;
brushBottom?: number;
pointerEvents: string;
} | {
payload: any[];
payloadIndex: number;
key: import("react").Key;
className: string;
cx: number;
cy: number;
startAngle: number;
endAngle: number;
innerRadius: number;
outerRadius: number;
top?: number;
bottom?: number;
left?: number;
right?: number;
width?: number;
height?: number;
brushBottom?: number;
stroke: string;
pointerEvents: string;
} | {
payload: any[];
payloadIndex: number;
key: import("react").Key;
className: string;
points: import("../util/cursor/getRadialCursorPoints").RadialCursorPoints | [import("../util/types").Coordinate, import("../util/types").Coordinate];
top?: number;
bottom?: number;
left?: number;
right?: number;
width?: number;
height?: number;
brushBottom?: number;
stroke: string;
pointerEvents: string;
}, HTMLElement>;
renderCursor: (element: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
renderPolarAxis: (element: any, displayName: string, index: number) => import("react").DetailedReactHTMLElement<{

@@ -239,82 +160,3 @@ className: any;

Tooltip: {
handler: (element: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").FunctionComponentElement<any> | import("react").DetailedReactHTMLElement<{
payload: any[];
payloadIndex: number;
key: import("react").Key;
className: string;
xAxis?: any;
yAxis?: any;
width?: any;
height?: any;
offset?: import("../util/types").ChartOffset;
angle?: number;
radius?: number;
cx?: number;
cy?: number;
startAngle?: number;
endAngle?: number;
innerRadius?: number;
outerRadius?: number;
x: number;
y: number;
top?: number;
bottom?: number;
left?: number;
right?: number;
brushBottom?: number;
stroke: string;
pointerEvents: string;
} | {
payload: any[];
payloadIndex: number;
key: import("react").Key;
className: string;
stroke: string;
fill: string;
x: number;
y: number;
width: number;
height: number;
top?: number;
bottom?: number;
left?: number;
right?: number;
brushBottom?: number;
pointerEvents: string;
} | {
payload: any[];
payloadIndex: number;
key: import("react").Key;
className: string;
cx: number;
cy: number;
startAngle: number;
endAngle: number;
innerRadius: number;
outerRadius: number;
top?: number;
bottom?: number;
left?: number;
right?: number;
width?: number;
height?: number;
brushBottom?: number;
stroke: string;
pointerEvents: string;
} | {
payload: any[];
payloadIndex: number;
key: import("react").Key;
className: string;
points: import("../util/cursor/getRadialCursorPoints").RadialCursorPoints | [import("../util/types").Coordinate, import("../util/types").Coordinate];
top?: number;
bottom?: number;
left?: number;
right?: number;
width?: number;
height?: number;
brushBottom?: number;
stroke: string;
pointerEvents: string;
}, HTMLElement>;
handler: (element: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
once: boolean;

@@ -321,0 +163,0 @@ };

162

types/chart/RadarChart.d.ts

@@ -55,82 +55,3 @@ export declare const RadarChart: {

filterFormatItem(item: any, displayName: any, childIndex: any): any;
renderCursor: (element: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").FunctionComponentElement<any> | import("react").DetailedReactHTMLElement<{
payload: any[];
payloadIndex: number;
key: import("react").Key;
className: string;
xAxis?: any;
yAxis?: any;
width?: any;
height?: any;
offset?: import("../util/types").ChartOffset;
angle?: number;
radius?: number;
cx?: number;
cy?: number;
startAngle?: number;
endAngle?: number;
innerRadius?: number;
outerRadius?: number;
x: number;
y: number;
top?: number;
bottom?: number;
left?: number;
right?: number;
brushBottom?: number;
stroke: string;
pointerEvents: string;
} | {
payload: any[];
payloadIndex: number;
key: import("react").Key;
className: string;
stroke: string;
fill: string;
x: number;
y: number;
width: number;
height: number;
top?: number;
bottom?: number;
left?: number;
right?: number;
brushBottom?: number;
pointerEvents: string;
} | {
payload: any[];
payloadIndex: number;
key: import("react").Key;
className: string;
cx: number;
cy: number;
startAngle: number;
endAngle: number;
innerRadius: number;
outerRadius: number;
top?: number;
bottom?: number;
left?: number;
right?: number;
width?: number;
height?: number;
brushBottom?: number;
stroke: string;
pointerEvents: string;
} | {
payload: any[];
payloadIndex: number;
key: import("react").Key;
className: string;
points: import("../util/cursor/getRadialCursorPoints").RadialCursorPoints | [import("../util/types").Coordinate, import("../util/types").Coordinate];
top?: number;
bottom?: number;
left?: number;
right?: number;
width?: number;
height?: number;
brushBottom?: number;
stroke: string;
pointerEvents: string;
}, HTMLElement>;
renderCursor: (element: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
renderPolarAxis: (element: any, displayName: string, index: number) => import("react").DetailedReactHTMLElement<{

@@ -239,82 +160,3 @@ className: any;

Tooltip: {
handler: (element: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").FunctionComponentElement<any> | import("react").DetailedReactHTMLElement<{
payload: any[];
payloadIndex: number;
key: import("react").Key;
className: string;
xAxis?: any;
yAxis?: any;
width?: any;
height?: any;
offset?: import("../util/types").ChartOffset;
angle?: number;
radius?: number;
cx?: number;
cy?: number;
startAngle?: number;
endAngle?: number;
innerRadius?: number;
outerRadius?: number;
x: number;
y: number;
top?: number;
bottom?: number;
left?: number;
right?: number;
brushBottom?: number;
stroke: string;
pointerEvents: string;
} | {
payload: any[];
payloadIndex: number;
key: import("react").Key;
className: string;
stroke: string;
fill: string;
x: number;
y: number;
width: number;
height: number;
top?: number;
bottom?: number;
left?: number;
right?: number;
brushBottom?: number;
pointerEvents: string;
} | {
payload: any[];
payloadIndex: number;
key: import("react").Key;
className: string;
cx: number;
cy: number;
startAngle: number;
endAngle: number;
innerRadius: number;
outerRadius: number;
top?: number;
bottom?: number;
left?: number;
right?: number;
width?: number;
height?: number;
brushBottom?: number;
stroke: string;
pointerEvents: string;
} | {
payload: any[];
payloadIndex: number;
key: import("react").Key;
className: string;
points: import("../util/cursor/getRadialCursorPoints").RadialCursorPoints | [import("../util/types").Coordinate, import("../util/types").Coordinate];
top?: number;
bottom?: number;
left?: number;
right?: number;
width?: number;
height?: number;
brushBottom?: number;
stroke: string;
pointerEvents: string;
}, HTMLElement>;
handler: (element: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
once: boolean;

@@ -321,0 +163,0 @@ };

162

types/chart/RadialBarChart.d.ts

@@ -55,82 +55,3 @@ export declare const RadialBarChart: {

filterFormatItem(item: any, displayName: any, childIndex: any): any;
renderCursor: (element: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").FunctionComponentElement<any> | import("react").DetailedReactHTMLElement<{
payload: any[];
payloadIndex: number;
key: import("react").Key;
className: string;
xAxis?: any;
yAxis?: any;
width?: any;
height?: any;
offset?: import("../util/types").ChartOffset;
angle?: number;
radius?: number;
cx?: number;
cy?: number;
startAngle?: number;
endAngle?: number;
innerRadius?: number;
outerRadius?: number;
x: number;
y: number;
top?: number;
bottom?: number;
left?: number;
right?: number;
brushBottom?: number;
stroke: string;
pointerEvents: string;
} | {
payload: any[];
payloadIndex: number;
key: import("react").Key;
className: string;
stroke: string;
fill: string;
x: number;
y: number;
width: number;
height: number;
top?: number;
bottom?: number;
left?: number;
right?: number;
brushBottom?: number;
pointerEvents: string;
} | {
payload: any[];
payloadIndex: number;
key: import("react").Key;
className: string;
cx: number;
cy: number;
startAngle: number;
endAngle: number;
innerRadius: number;
outerRadius: number;
top?: number;
bottom?: number;
left?: number;
right?: number;
width?: number;
height?: number;
brushBottom?: number;
stroke: string;
pointerEvents: string;
} | {
payload: any[];
payloadIndex: number;
key: import("react").Key;
className: string;
points: import("../util/cursor/getRadialCursorPoints").RadialCursorPoints | [import("../util/types").Coordinate, import("../util/types").Coordinate];
top?: number;
bottom?: number;
left?: number;
right?: number;
width?: number;
height?: number;
brushBottom?: number;
stroke: string;
pointerEvents: string;
}, HTMLElement>;
renderCursor: (element: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
renderPolarAxis: (element: any, displayName: string, index: number) => import("react").DetailedReactHTMLElement<{

@@ -239,82 +160,3 @@ className: any;

Tooltip: {
handler: (element: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").FunctionComponentElement<any> | import("react").DetailedReactHTMLElement<{
payload: any[];
payloadIndex: number;
key: import("react").Key;
className: string;
xAxis?: any;
yAxis?: any;
width?: any;
height?: any;
offset?: import("../util/types").ChartOffset;
angle?: number;
radius?: number;
cx?: number;
cy?: number;
startAngle?: number;
endAngle?: number;
innerRadius?: number;
outerRadius?: number;
x: number;
y: number;
top?: number;
bottom?: number;
left?: number;
right?: number;
brushBottom?: number;
stroke: string;
pointerEvents: string;
} | {
payload: any[];
payloadIndex: number;
key: import("react").Key;
className: string;
stroke: string;
fill: string;
x: number;
y: number;
width: number;
height: number;
top?: number;
bottom?: number;
left?: number;
right?: number;
brushBottom?: number;
pointerEvents: string;
} | {
payload: any[];
payloadIndex: number;
key: import("react").Key;
className: string;
cx: number;
cy: number;
startAngle: number;
endAngle: number;
innerRadius: number;
outerRadius: number;
top?: number;
bottom?: number;
left?: number;
right?: number;
width?: number;
height?: number;
brushBottom?: number;
stroke: string;
pointerEvents: string;
} | {
payload: any[];
payloadIndex: number;
key: import("react").Key;
className: string;
points: import("../util/cursor/getRadialCursorPoints").RadialCursorPoints | [import("../util/types").Coordinate, import("../util/types").Coordinate];
top?: number;
bottom?: number;
left?: number;
right?: number;
width?: number;
height?: number;
brushBottom?: number;
stroke: string;
pointerEvents: string;
}, HTMLElement>;
handler: (element: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
once: boolean;

@@ -321,0 +163,0 @@ };

162

types/chart/ScatterChart.d.ts

@@ -55,82 +55,3 @@ export declare const ScatterChart: {

filterFormatItem(item: any, displayName: any, childIndex: any): any;
renderCursor: (element: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").FunctionComponentElement<any> | import("react").DetailedReactHTMLElement<{
payload: any[];
payloadIndex: number;
key: import("react").Key;
className: string;
xAxis?: any;
yAxis?: any;
width?: any;
height?: any;
offset?: import("../util/types").ChartOffset;
angle?: number;
radius?: number;
cx?: number;
cy?: number;
startAngle?: number;
endAngle?: number;
innerRadius?: number;
outerRadius?: number;
x: number;
y: number;
top?: number;
bottom?: number;
left?: number;
right?: number;
brushBottom?: number;
stroke: string;
pointerEvents: string;
} | {
payload: any[];
payloadIndex: number;
key: import("react").Key;
className: string;
stroke: string;
fill: string;
x: number;
y: number;
width: number;
height: number;
top?: number;
bottom?: number;
left?: number;
right?: number;
brushBottom?: number;
pointerEvents: string;
} | {
payload: any[];
payloadIndex: number;
key: import("react").Key;
className: string;
cx: number;
cy: number;
startAngle: number;
endAngle: number;
innerRadius: number;
outerRadius: number;
top?: number;
bottom?: number;
left?: number;
right?: number;
width?: number;
height?: number;
brushBottom?: number;
stroke: string;
pointerEvents: string;
} | {
payload: any[];
payloadIndex: number;
key: import("react").Key;
className: string;
points: import("../util/cursor/getRadialCursorPoints").RadialCursorPoints | [import("../util/types").Coordinate, import("../util/types").Coordinate];
top?: number;
bottom?: number;
left?: number;
right?: number;
width?: number;
height?: number;
brushBottom?: number;
stroke: string;
pointerEvents: string;
}, HTMLElement>;
renderCursor: (element: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
renderPolarAxis: (element: any, displayName: string, index: number) => import("react").DetailedReactHTMLElement<{

@@ -239,82 +160,3 @@ className: any;

Tooltip: {
handler: (element: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").FunctionComponentElement<any> | import("react").DetailedReactHTMLElement<{
payload: any[];
payloadIndex: number;
key: import("react").Key;
className: string;
xAxis?: any;
yAxis?: any;
width?: any;
height?: any;
offset?: import("../util/types").ChartOffset;
angle?: number;
radius?: number;
cx?: number;
cy?: number;
startAngle?: number;
endAngle?: number;
innerRadius?: number;
outerRadius?: number;
x: number;
y: number;
top?: number;
bottom?: number;
left?: number;
right?: number;
brushBottom?: number;
stroke: string;
pointerEvents: string;
} | {
payload: any[];
payloadIndex: number;
key: import("react").Key;
className: string;
stroke: string;
fill: string;
x: number;
y: number;
width: number;
height: number;
top?: number;
bottom?: number;
left?: number;
right?: number;
brushBottom?: number;
pointerEvents: string;
} | {
payload: any[];
payloadIndex: number;
key: import("react").Key;
className: string;
cx: number;
cy: number;
startAngle: number;
endAngle: number;
innerRadius: number;
outerRadius: number;
top?: number;
bottom?: number;
left?: number;
right?: number;
width?: number;
height?: number;
brushBottom?: number;
stroke: string;
pointerEvents: string;
} | {
payload: any[];
payloadIndex: number;
key: import("react").Key;
className: string;
points: import("../util/cursor/getRadialCursorPoints").RadialCursorPoints | [import("../util/types").Coordinate, import("../util/types").Coordinate];
top?: number;
bottom?: number;
left?: number;
right?: number;
width?: number;
height?: number;
brushBottom?: number;
stroke: string;
pointerEvents: string;
}, HTMLElement>;
handler: (element: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
once: boolean;

@@ -321,0 +163,0 @@ };

15

types/component/DefaultLegendContent.d.ts

@@ -29,2 +29,3 @@ import React, { PureComponent, ReactNode, MouseEvent, ReactText, ReactElement } from 'react';

legendIcon?: ReactElement<SVGElement>;
dataKey?: DataKey<any>;
}

@@ -41,13 +42,7 @@ interface InternalProps {

formatter?: Formatter;
onMouseEnter?: (data: Payload & {
dataKey?: DataKey<any>;
}, index: number, event: MouseEvent) => void;
onMouseLeave?: (data: Payload & {
dataKey?: DataKey<any>;
}, index: number, event: MouseEvent) => void;
onClick?: (data: Payload & {
dataKey?: DataKey<any>;
}, index: number, event: MouseEvent) => void;
onMouseEnter?: (data: Payload, index: number, event: MouseEvent) => void;
onMouseLeave?: (data: Payload, index: number, event: MouseEvent) => void;
onClick?: (data: Payload, index: number, event: MouseEvent) => void;
}
export declare type Props = InternalProps & PresentationAttributesAdaptChildEvent<any, ReactElement>;
export declare type Props = InternalProps & Omit<PresentationAttributesAdaptChildEvent<any, ReactElement>, keyof InternalProps>;
export declare class DefaultLegendContent extends PureComponent<Props> {

@@ -54,0 +49,0 @@ static displayName: string;

4

types/component/ResponsiveContainer.d.ts

@@ -20,2 +20,4 @@ import React, { ReactElement, CSSProperties } from 'react';

}
export declare const ResponsiveContainer: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
export declare const ResponsiveContainer: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement | {
current: HTMLDivElement;
}>>;

1

types/polar/Pie.d.ts

@@ -27,2 +27,3 @@ import React, { PureComponent, ReactElement, ReactNode, SVGProps } from 'react';

dataKey?: string;
payload?: any[];
};

@@ -29,0 +30,0 @@ interface PieProps extends PieDef {

2

types/shape/Rectangle.d.ts
import React, { SVGProps } from 'react';
import { AnimationDuration, AnimationTiming } from '../util/types';
declare type RectRadius = [number, number, number, number];
export declare type RectRadius = [number, number, number, number];
interface RectangleProps {

@@ -5,0 +5,0 @@ className?: string;

2

types/util/ChartUtils.d.ts

@@ -20,3 +20,3 @@ import { Series } from 'victory-vendor/d3-shape';

name?: string;
dataKey: unknown;
dataKey: DataKey<any>;
}>;

@@ -23,0 +23,0 @@ }

2

types/util/ReactUtils.d.ts

@@ -18,3 +18,3 @@ import React, { Component, FunctionComponent, ReactNode } from 'react';

export declare const filterSvgElements: (children: React.ReactElement[]) => React.ReactElement[];
export declare const filterProps: (props: Record<string, any> | Component | FunctionComponent | boolean, includeEvents?: boolean, svgElementType?: FilteredSvgElementType) => Record<string, any>;
export declare const filterProps: (props: Record<string, any> | Component | FunctionComponent | boolean | unknown, includeEvents?: boolean, svgElementType?: FilteredSvgElementType) => Record<string, any>;
export declare const isChildrenEqual: (nextChildren: React.ReactElement[], prevChildren: React.ReactElement[]) => boolean;

@@ -21,0 +21,0 @@ export declare const isSingleChildEqual: (nextChild: React.ReactElement, prevChild: React.ReactElement) => boolean;

es6/chart/generateCategoricalChart.js

Sorry, the diff of this file is too big to display

lib/chart/generateCategoricalChart.js

Sorry, the diff of this file is too big to display

umd/Recharts.js

Sorry, the diff of this file is too big to display

umd/Recharts.js.map

Sorry, the diff of this file is not supported yet

umd/report.html

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

About

Packages

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc