recharts - npm Package Compare versions

Comparing version 2.12.3 to 2.12.4

es6/component/Cursor.js

@@ -8,2 +8,3 @@ 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 { cloneElement, createElement, isValidElement } from 'react';
+import clsx from 'clsx';
 import { Curve } from '../shape/Curve';
@@ -75,5 +76,5 @@ import { Cross } from '../shape/Cross';
     payloadIndex: activeTooltipIndex,
-    className: 'recharts-tooltip-cursor'
+    className: clsx('recharts-tooltip-cursor', element.props.cursor.className)
   });
   return /*#__PURE__*/isValidElement(element.props.cursor) ? /*#__PURE__*/cloneElement(element.props.cursor, cursorProps) : /*#__PURE__*/createElement(cursorComp, cursorProps);
 }

es6/polar/Pie.js

@@ -376,5 +376,6 @@ var _Pie;
       }
+      var className = clsx('recharts-pie-label-line', typeof option !== 'boolean' ? option.className : '');
       return /*#__PURE__*/React.createElement(Curve, _extends({}, props, {
         type: "linear",
-        className: "recharts-pie-label-line"
+        className: className
       }));
@@ -395,5 +396,6 @@ }
       }
+      var className = clsx('recharts-pie-label-text', typeof option !== 'boolean' && !isFunction(option) ? option.className : '');
       return /*#__PURE__*/React.createElement(Text, _extends({}, props, {
         alignmentBaseline: "middle",
-        className: "recharts-pie-label-text"
+        className: className
       }), label);
@@ -400,0 +402,0 @@ }

es6/polar/PolarAngleAxis.js

@@ -23,2 +23,3 @@ 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 isFunction from 'lodash/isFunction';
+import clsx from 'clsx';
 import { Layer } from '../container/Layer';
@@ -30,3 +31,3 @@ import { Dot } from '../shape/Dot';
 import { filterProps } from '../util/ReactUtils';
-import { polarToCartesian } from '../util/PolarUtils';
+import { getTickClassName, polarToCartesian } from '../util/PolarUtils';
 var RADIAN = Math.PI / 180;
@@ -149,3 +150,3 @@ var eps = 1e-5;
         return /*#__PURE__*/React.createElement(Layer, _extends({
-          className: "recharts-polar-angle-axis-tick",
+          className: clsx('recharts-polar-angle-axis-tick', getTickClassName(tick)),
           key: "tick-".concat(entry.coordinate)
@@ -171,3 +172,3 @@ }, adaptEventsOfChild(_this.props, entry, i)), tickLine && /*#__PURE__*/React.createElement("line", _extends({
       return /*#__PURE__*/React.createElement(Layer, {
-        className: "recharts-polar-angle-axis"
+        className: clsx('recharts-polar-angle-axis', this.props.className)
       }, axisLine && this.renderAxisLine(), this.renderTicks());
@@ -174,0 +175,0 @@ }

es6/polar/PolarGrid.js

@@ -15,2 +15,3 @@ var _excluded = ["cx", "cy", "innerRadius", "outerRadius", "gridType", "radialLines"];
 import React from 'react';
+import clsx from 'clsx';
 import { polarToCartesian } from '../util/PolarUtils';
@@ -73,3 +74,3 @@ import { filterProps } from '../util/ReactUtils';
   return /*#__PURE__*/React.createElement("circle", _extends({}, concentricCircleProps, {
-    className: "recharts-polar-grid-concentric-circle",
+    className: clsx('recharts-polar-grid-concentric-circle', props.className),
     key: "circle-".concat(index),
@@ -92,3 +93,3 @@ cx: cx,
   return /*#__PURE__*/React.createElement("path", _extends({}, concentricPolygonProps, {
-    className: "recharts-polar-grid-concentric-polygon",
+    className: clsx('recharts-polar-grid-concentric-polygon', props.className),
     key: "path-".concat(index),
@@ -95,0 +96,0 @@ d: getPolygonPath(radius, props.cx, props.cy, props.polarAngles)

es6/polar/PolarRadiusAxis.js

@@ -29,6 +29,7 @@ var _excluded = ["cx", "cy", "angle", "ticks", "axisLine"],
 import isFunction from 'lodash/isFunction';
+import clsx from 'clsx';
 import { Text } from '../component/Text';
 import { Label } from '../component/Label';
 import { Layer } from '../container/Layer';
-import { polarToCartesian } from '../util/PolarUtils';
+import { getTickClassName, polarToCartesian } from '../util/PolarUtils';
 import { adaptEventsOfChild } from '../util/types';
@@ -154,3 +155,3 @@ import { filterProps } from '../util/ReactUtils';
         return /*#__PURE__*/React.createElement(Layer, _extends({
-          className: "recharts-polar-radius-axis-tick",
+          className: clsx('recharts-polar-radius-axis-tick', getTickClassName(tick)),
           key: "tick-".concat(entry.coordinate)
@@ -174,3 +175,3 @@ }, adaptEventsOfChild(_this.props, entry, i)), PolarRadiusAxis.renderTickItem(tick, tickProps, tickFormatter ? tickFormatter(entry.value, i) : entry.value));
       return /*#__PURE__*/React.createElement(Layer, {
-        className: "recharts-polar-radius-axis"
+        className: clsx('recharts-polar-radius-axis', this.props.className)
       }, axisLine && this.renderAxisLine(), tick && this.renderTicks(), Label.renderCallByParent(this.props, this.getViewBox()));
@@ -177,0 +178,0 @@ }

es6/polar/Radar.js

@@ -244,3 +244,3 @@ 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); }
         dotItem = /*#__PURE__*/React.createElement(Dot, _extends({}, props, {
-          className: "recharts-radar-dot"
+          className: clsx('recharts-radar-dot', typeof option !== 'boolean' ? option.className : '')
         }));
@@ -247,0 +247,0 @@ }

es6/util/CartesianUtils.js

@@ -62,12 +62,14 @@ 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); }
       });
-      var smallestDistanceInPercent = smallestDistanceBetweenValues / diff;
-      var rangeWidth = axis.layout === 'vertical' ? offset.height : offset.width;
-      if (axis.padding === 'gap') {
-        calculatedPadding = smallestDistanceInPercent * rangeWidth / 2;
+      if (Number.isFinite(smallestDistanceBetweenValues)) {
+        var smallestDistanceInPercent = smallestDistanceBetweenValues / diff;
+        var rangeWidth = axis.layout === 'vertical' ? offset.height : offset.width;
+        if (axis.padding === 'gap') {
+          calculatedPadding = smallestDistanceInPercent * rangeWidth / 2;
+        }
+        if (axis.padding === 'no-gap') {
+          var gap = getPercentValue(props.barCategoryGap, smallestDistanceInPercent * rangeWidth);
+          var halfBand = smallestDistanceInPercent * rangeWidth / 2;
+          calculatedPadding = halfBand - gap - (halfBand - gap) / rangeWidth * gap;
+        }
       }
-      if (axis.padding === 'no-gap') {
-        var gap = getPercentValue(props.barCategoryGap, smallestDistanceInPercent * rangeWidth);
-        var halfBand = smallestDistanceInPercent * rangeWidth / 2;
-        calculatedPadding = halfBand - gap - (halfBand - gap) / rangeWidth * gap;
-      }
     }
@@ -74,0 +76,0 @@ if (axisType === 'xAxis') {

es6/util/PolarUtils.js

@@ -14,2 +14,4 @@ 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 isNil from 'lodash/isNil';
+import { isValidElement } from 'react';
+import isFunction from 'lodash/isFunction';
 import { getPercentValue } from './DataUtils';
@@ -204,2 +206,5 @@ import { parseScale, checkDomainOfScale, getTicksOfScale } from './ChartUtils';
   return null;
+};
+export var getTickClassName = function getTickClassName(tick) {
+  return ! /*#__PURE__*/isValidElement(tick) && !isFunction(tick) && typeof tick !== 'boolean' ? tick.className : '';
 };

lib/component/Cursor.js

@@ -8,2 +8,3 @@ "use strict";
 var _react = require("react");
+var _clsx = _interopRequireDefault(require("clsx"));
 var _Curve = require("../shape/Curve");
@@ -17,2 +18,3 @@ var _Cross = require("../shape/Cross");
 var _ReactUtils = require("../util/ReactUtils");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 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); }
@@ -82,5 +84,5 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
     payloadIndex: activeTooltipIndex,
-    className: 'recharts-tooltip-cursor'
+    className: (0, _clsx["default"])('recharts-tooltip-cursor', element.props.cursor.className)
   });
   return /*#__PURE__*/(0, _react.isValidElement)(element.props.cursor) ? /*#__PURE__*/(0, _react.cloneElement)(element.props.cursor, cursorProps) : /*#__PURE__*/(0, _react.createElement)(cursorComp, cursorProps);
 }

lib/polar/Pie.js

@@ -384,5 +384,6 @@ "use strict";
       }
+      var className = (0, _clsx["default"])('recharts-pie-label-line', typeof option !== 'boolean' ? option.className : '');
       return /*#__PURE__*/_react["default"].createElement(_Curve.Curve, _extends({}, props, {
         type: "linear",
-        className: "recharts-pie-label-line"
+        className: className
       }));
@@ -403,5 +404,6 @@ }
       }
+      var className = (0, _clsx["default"])('recharts-pie-label-text', typeof option !== 'boolean' && !(0, _isFunction["default"])(option) ? option.className : '');
       return /*#__PURE__*/_react["default"].createElement(_Text.Text, _extends({}, props, {
         alignmentBaseline: "middle",
-        className: "recharts-pie-label-text"
+        className: className
       }), label);
@@ -408,0 +410,0 @@ }

lib/polar/PolarAngleAxis.js

@@ -9,2 +9,3 @@ "use strict";
 var _isFunction = _interopRequireDefault(require("lodash/isFunction"));
+var _clsx = _interopRequireDefault(require("clsx"));
 var _Layer = require("../container/Layer");
@@ -156,3 +157,3 @@ var _Dot = require("../shape/Dot");
         return /*#__PURE__*/_react["default"].createElement(_Layer.Layer, _extends({
-          className: "recharts-polar-angle-axis-tick",
+          className: (0, _clsx["default"])('recharts-polar-angle-axis-tick', (0, _PolarUtils.getTickClassName)(tick)),
           key: "tick-".concat(entry.coordinate)
@@ -178,3 +179,3 @@ }, (0, _types.adaptEventsOfChild)(_this.props, entry, i)), tickLine && /*#__PURE__*/_react["default"].createElement("line", _extends({
       return /*#__PURE__*/_react["default"].createElement(_Layer.Layer, {
-        className: "recharts-polar-angle-axis"
+        className: (0, _clsx["default"])('recharts-polar-angle-axis', this.props.className)
       }, axisLine && this.renderAxisLine(), this.renderTicks());
@@ -181,0 +182,0 @@ }

lib/polar/PolarGrid.js

@@ -8,2 +8,3 @@ "use strict";
 var _react = _interopRequireDefault(require("react"));
+var _clsx = _interopRequireDefault(require("clsx"));
 var _PolarUtils = require("../util/PolarUtils");
@@ -79,3 +80,3 @@ var _ReactUtils = require("../util/ReactUtils");
   return /*#__PURE__*/_react["default"].createElement("circle", _extends({}, concentricCircleProps, {
-    className: "recharts-polar-grid-concentric-circle",
+    className: (0, _clsx["default"])('recharts-polar-grid-concentric-circle', props.className),
     key: "circle-".concat(index),
@@ -98,3 +99,3 @@ cx: cx,
   return /*#__PURE__*/_react["default"].createElement("path", _extends({}, concentricPolygonProps, {
-    className: "recharts-polar-grid-concentric-polygon",
+    className: (0, _clsx["default"])('recharts-polar-grid-concentric-polygon', props.className),
     key: "path-".concat(index),
@@ -101,0 +102,0 @@ d: getPolygonPath(radius, props.cx, props.cy, props.polarAngles)

lib/polar/PolarRadiusAxis.js

@@ -11,2 +11,3 @@ "use strict";
 var _isFunction = _interopRequireDefault(require("lodash/isFunction"));
+var _clsx = _interopRequireDefault(require("clsx"));
 var _Text = require("../component/Text");
@@ -162,3 +163,3 @@ var _Label = require("../component/Label");
         return /*#__PURE__*/_react["default"].createElement(_Layer.Layer, _extends({
-          className: "recharts-polar-radius-axis-tick",
+          className: (0, _clsx["default"])('recharts-polar-radius-axis-tick', (0, _PolarUtils.getTickClassName)(tick)),
           key: "tick-".concat(entry.coordinate)
@@ -182,3 +183,3 @@ }, (0, _types.adaptEventsOfChild)(_this.props, entry, i)), PolarRadiusAxis.renderTickItem(tick, tickProps, tickFormatter ? tickFormatter(entry.value, i) : entry.value));
       return /*#__PURE__*/_react["default"].createElement(_Layer.Layer, {
-        className: "recharts-polar-radius-axis"
+        className: (0, _clsx["default"])('recharts-polar-radius-axis', this.props.className)
       }, axisLine && this.renderAxisLine(), tick && this.renderTicks(), _Label.Label.renderCallByParent(this.props, this.getViewBox()));
@@ -185,0 +186,0 @@ }

lib/polar/Radar.js

@@ -252,3 +252,3 @@ "use strict";
         dotItem = /*#__PURE__*/_react["default"].createElement(_Dot.Dot, _extends({}, props, {
-          className: "recharts-radar-dot"
+          className: (0, _clsx["default"])('recharts-radar-dot', typeof option !== 'boolean' ? option.className : '')
         }));
@@ -255,0 +255,0 @@ }

lib/util/CartesianUtils.js

@@ -70,12 +70,14 @@ "use strict";
       });
-      var smallestDistanceInPercent = smallestDistanceBetweenValues / diff;
-      var rangeWidth = axis.layout === 'vertical' ? offset.height : offset.width;
-      if (axis.padding === 'gap') {
-        calculatedPadding = smallestDistanceInPercent * rangeWidth / 2;
+      if (Number.isFinite(smallestDistanceBetweenValues)) {
+        var smallestDistanceInPercent = smallestDistanceBetweenValues / diff;
+        var rangeWidth = axis.layout === 'vertical' ? offset.height : offset.width;
+        if (axis.padding === 'gap') {
+          calculatedPadding = smallestDistanceInPercent * rangeWidth / 2;
+        }
+        if (axis.padding === 'no-gap') {
+          var gap = (0, _DataUtils.getPercentValue)(props.barCategoryGap, smallestDistanceInPercent * rangeWidth);
+          var halfBand = smallestDistanceInPercent * rangeWidth / 2;
+          calculatedPadding = halfBand - gap - (halfBand - gap) / rangeWidth * gap;
+        }
       }
-      if (axis.padding === 'no-gap') {
-        var gap = (0, _DataUtils.getPercentValue)(props.barCategoryGap, smallestDistanceInPercent * rangeWidth);
-        var halfBand = smallestDistanceInPercent * rangeWidth / 2;
-        calculatedPadding = halfBand - gap - (halfBand - gap) / rangeWidth * gap;
-      }
     }
@@ -82,0 +84,0 @@ if (axisType === 'xAxis') {

lib/util/PolarUtils.js

@@ -7,4 +7,6 @@ "use strict";
 });
-exports.radianToDegree = exports.polarToCartesian = exports.inRangeOfSector = exports.getMaxRadius = exports.getAngleOfPoint = exports.formatAxisMap = exports.formatAngleOfSector = exports.distanceBetweenPoints = exports.degreeToRadian = exports.RADIAN = void 0;
+exports.radianToDegree = exports.polarToCartesian = exports.inRangeOfSector = exports.getTickClassName = exports.getMaxRadius = exports.getAngleOfPoint = exports.formatAxisMap = exports.formatAngleOfSector = exports.distanceBetweenPoints = exports.degreeToRadian = exports.RADIAN = void 0;
 var _isNil = _interopRequireDefault(require("lodash/isNil"));
+var _react = require("react");
+var _isFunction = _interopRequireDefault(require("lodash/isFunction"));
 var _DataUtils = require("./DataUtils");
@@ -211,2 +213,5 @@ var _ChartUtils = require("./ChartUtils");
   return null;
+};
+var getTickClassName = exports.getTickClassName = function getTickClassName(tick) {
+  return ! /*#__PURE__*/(0, _react.isValidElement)(tick) && !(0, _isFunction["default"])(tick) && typeof tick !== 'boolean' ? tick.className : '';
 };

package.json

 {
   "name": "recharts",
-  "version": "2.12.3",
+  "version": "2.12.4",
   "description": "React charts",
@@ -5,0 +5,0 @@ "main": "lib/index",

types/chart/AreaChart.d.ts

@@ -55,3 +55,3 @@ export declare const AreaChart: {
         renderPolarAxis: (element: any, displayName: string, index: number) => import("react").DetailedReactHTMLElement<{
-            className: any;
+            className: string;
             key: any;
@@ -163,3 +163,3 @@ ticks: import("../util/types").TickItem[];
                 handler: (element: any, displayName: string, index: number) => import("react").DetailedReactHTMLElement<{
-                    className: any;
+                    className: string;
                     key: any;
@@ -192,3 +192,3 @@ ticks: import("../util/types").TickItem[];
                 handler: (element: any, displayName: string, index: number) => import("react").DetailedReactHTMLElement<{
-                    className: any;
+                    className: string;
                     key: any;
@@ -195,0 +195,0 @@ ticks: import("../util/types").TickItem[];

types/chart/BarChart.d.ts

@@ -55,3 +55,3 @@ export declare const BarChart: {
         renderPolarAxis: (element: any, displayName: string, index: number) => import("react").DetailedReactHTMLElement<{
-            className: any;
+            className: string;
             key: any;
@@ -163,3 +163,3 @@ ticks: import("../util/types").TickItem[];
                 handler: (element: any, displayName: string, index: number) => import("react").DetailedReactHTMLElement<{
-                    className: any;
+                    className: string;
                     key: any;
@@ -192,3 +192,3 @@ ticks: import("../util/types").TickItem[];
                 handler: (element: any, displayName: string, index: number) => import("react").DetailedReactHTMLElement<{
-                    className: any;
+                    className: string;
                     key: any;
@@ -195,0 +195,0 @@ ticks: import("../util/types").TickItem[];

types/chart/ComposedChart.d.ts

@@ -55,3 +55,3 @@ export declare const ComposedChart: {
         renderPolarAxis: (element: any, displayName: string, index: number) => import("react").DetailedReactHTMLElement<{
-            className: any;
+            className: string;
             key: any;
@@ -163,3 +163,3 @@ ticks: import("../util/types").TickItem[];
                 handler: (element: any, displayName: string, index: number) => import("react").DetailedReactHTMLElement<{
-                    className: any;
+                    className: string;
                     key: any;
@@ -192,3 +192,3 @@ ticks: import("../util/types").TickItem[];
                 handler: (element: any, displayName: string, index: number) => import("react").DetailedReactHTMLElement<{
-                    className: any;
+                    className: string;
                     key: any;
@@ -195,0 +195,0 @@ ticks: import("../util/types").TickItem[];

types/chart/FunnelChart.d.ts

@@ -55,3 +55,3 @@ export declare const FunnelChart: {
         renderPolarAxis: (element: any, displayName: string, index: number) => import("react").DetailedReactHTMLElement<{
-            className: any;
+            className: string;
             key: any;
@@ -163,3 +163,3 @@ ticks: import("../util/types").TickItem[];
                 handler: (element: any, displayName: string, index: number) => import("react").DetailedReactHTMLElement<{
-                    className: any;
+                    className: string;
                     key: any;
@@ -192,3 +192,3 @@ ticks: import("../util/types").TickItem[];
                 handler: (element: any, displayName: string, index: number) => import("react").DetailedReactHTMLElement<{
-                    className: any;
+                    className: string;
                     key: any;
@@ -195,0 +195,0 @@ ticks: import("../util/types").TickItem[];

types/chart/generateCategoricalChart.d.ts

@@ -120,3 +120,3 @@ import React, { ReactElement } from 'react';
         renderPolarAxis: (element: any, displayName: string, index: number) => React.DetailedReactHTMLElement<{
-            className: any;
+            className: string;
             key: any;
@@ -228,3 +228,3 @@ ticks: TickItem[];
                 handler: (element: any, displayName: string, index: number) => React.DetailedReactHTMLElement<{
-                    className: any;
+                    className: string;
                     key: any;
@@ -257,3 +257,3 @@ ticks: TickItem[];
                 handler: (element: any, displayName: string, index: number) => React.DetailedReactHTMLElement<{
-                    className: any;
+                    className: string;
                     key: any;
@@ -260,0 +260,0 @@ ticks: TickItem[];

types/chart/LineChart.d.ts

@@ -55,3 +55,3 @@ export declare const LineChart: {
         renderPolarAxis: (element: any, displayName: string, index: number) => import("react").DetailedReactHTMLElement<{
-            className: any;
+            className: string;
             key: any;
@@ -163,3 +163,3 @@ ticks: import("../util/types").TickItem[];
                 handler: (element: any, displayName: string, index: number) => import("react").DetailedReactHTMLElement<{
-                    className: any;
+                    className: string;
                     key: any;
@@ -192,3 +192,3 @@ ticks: import("../util/types").TickItem[];
                 handler: (element: any, displayName: string, index: number) => import("react").DetailedReactHTMLElement<{
-                    className: any;
+                    className: string;
                     key: any;
@@ -195,0 +195,0 @@ ticks: import("../util/types").TickItem[];

types/chart/PieChart.d.ts

@@ -55,3 +55,3 @@ export declare const PieChart: {
         renderPolarAxis: (element: any, displayName: string, index: number) => import("react").DetailedReactHTMLElement<{
-            className: any;
+            className: string;
             key: any;
@@ -163,3 +163,3 @@ ticks: import("../util/types").TickItem[];
                 handler: (element: any, displayName: string, index: number) => import("react").DetailedReactHTMLElement<{
-                    className: any;
+                    className: string;
                     key: any;
@@ -192,3 +192,3 @@ ticks: import("../util/types").TickItem[];
                 handler: (element: any, displayName: string, index: number) => import("react").DetailedReactHTMLElement<{
-                    className: any;
+                    className: string;
                     key: any;
@@ -195,0 +195,0 @@ ticks: import("../util/types").TickItem[];

types/chart/RadarChart.d.ts

@@ -55,3 +55,3 @@ export declare const RadarChart: {
         renderPolarAxis: (element: any, displayName: string, index: number) => import("react").DetailedReactHTMLElement<{
-            className: any;
+            className: string;
             key: any;
@@ -163,3 +163,3 @@ ticks: import("../util/types").TickItem[];
                 handler: (element: any, displayName: string, index: number) => import("react").DetailedReactHTMLElement<{
-                    className: any;
+                    className: string;
                     key: any;
@@ -192,3 +192,3 @@ ticks: import("../util/types").TickItem[];
                 handler: (element: any, displayName: string, index: number) => import("react").DetailedReactHTMLElement<{
-                    className: any;
+                    className: string;
                     key: any;
@@ -195,0 +195,0 @@ ticks: import("../util/types").TickItem[];

types/chart/RadialBarChart.d.ts

@@ -55,3 +55,3 @@ export declare const RadialBarChart: {
         renderPolarAxis: (element: any, displayName: string, index: number) => import("react").DetailedReactHTMLElement<{
-            className: any;
+            className: string;
             key: any;
@@ -163,3 +163,3 @@ ticks: import("../util/types").TickItem[];
                 handler: (element: any, displayName: string, index: number) => import("react").DetailedReactHTMLElement<{
-                    className: any;
+                    className: string;
                     key: any;
@@ -192,3 +192,3 @@ ticks: import("../util/types").TickItem[];
                 handler: (element: any, displayName: string, index: number) => import("react").DetailedReactHTMLElement<{
-                    className: any;
+                    className: string;
                     key: any;
@@ -195,0 +195,0 @@ ticks: import("../util/types").TickItem[];

types/chart/ScatterChart.d.ts

@@ -55,3 +55,3 @@ export declare const ScatterChart: {
         renderPolarAxis: (element: any, displayName: string, index: number) => import("react").DetailedReactHTMLElement<{
-            className: any;
+            className: string;
             key: any;
@@ -163,3 +163,3 @@ ticks: import("../util/types").TickItem[];
                 handler: (element: any, displayName: string, index: number) => import("react").DetailedReactHTMLElement<{
-                    className: any;
+                    className: string;
                     key: any;
@@ -192,3 +192,3 @@ ticks: import("../util/types").TickItem[];
                 handler: (element: any, displayName: string, index: number) => import("react").DetailedReactHTMLElement<{
-                    className: any;
+                    className: string;
                     key: any;
@@ -195,0 +195,0 @@ ticks: import("../util/types").TickItem[];

types/util/PolarUtils.d.ts

@@ -0,1 +1,2 @@
+import { ReactElement, SVGProps } from 'react';
 import { Coordinate, ChartOffset, GeometrySector } from './types';
@@ -35,1 +36,2 @@ export declare const RADIAN: number;
 };
+export declare const getTickClassName: (tick?: boolean | SVGProps<SVGTextElement> | ReactElement<SVGElement, string | import("react").JSXElementConstructor<any>> | ((props: any) => ReactElement<SVGElement>)) => string;

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

4652031

increased by0.1%

Lines of code

42336

increased by0.07%

No dependency changes