@mui/x-charts 6.18.1 → 6.18.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/BarChart/BarElement.d.ts +5 -1
- package/BarChart/BarElement.js +24 -1
- package/BarChart/index.d.ts +3 -2
- package/BarChart/index.js +31 -12
- package/CHANGELOG.md +112 -0
- package/ChartsLegend/index.d.ts +1 -0
- package/ChartsLegend/index.js +11 -0
- package/ChartsTooltip/ChartsAxisTooltipContent.d.ts +6 -3
- package/ChartsTooltip/ChartsAxisTooltipContent.js +93 -69
- package/ChartsTooltip/ChartsItemTooltipContent.d.ts +6 -3
- package/ChartsTooltip/ChartsItemTooltipContent.js +38 -53
- package/ChartsTooltip/ChartsTooltip.d.ts +1 -1
- package/ChartsTooltip/ChartsTooltip.js +13 -5
- package/ChartsTooltip/ChartsTooltipTable.js +3 -3
- package/ChartsTooltip/DefaultChartsAxisTooltipContent.d.ts +7 -0
- package/ChartsTooltip/DefaultChartsAxisTooltipContent.js +174 -0
- package/ChartsTooltip/DefaultChartsItemTooltipContent.d.ts +8 -0
- package/ChartsTooltip/DefaultChartsItemTooltipContent.js +99 -0
- package/ChartsTooltip/chartsTooltipClasses.d.ts +21 -0
- package/ChartsTooltip/chartsTooltipClasses.js +12 -0
- package/ChartsTooltip/index.d.ts +5 -0
- package/ChartsTooltip/index.js +55 -0
- package/ChartsTooltip/utils.d.ts +1 -1
- package/ChartsTooltip/utils.js +2 -2
- package/ChartsYAxis/ChartsYAxis.js +6 -4
- package/LineChart/extremums.js +25 -8
- package/LineChart/index.d.ts +5 -5
- package/LineChart/index.js +50 -41
- package/PieChart/PieArc.d.ts +5 -2
- package/PieChart/PieArc.js +17 -2
- package/PieChart/PieArcLabel.d.ts +1 -1
- package/PieChart/PieArcLabel.js +5 -10
- package/PieChart/PieArcLabelPlot.d.ts +5 -1
- package/PieChart/PieArcLabelPlot.js +91 -3
- package/PieChart/PieArcPlot.d.ts +5 -1
- package/PieChart/PieArcPlot.js +90 -3
- package/PieChart/index.d.ts +4 -2
- package/PieChart/index.js +42 -18
- package/ScatterChart/Scatter.js +1 -1
- package/ScatterChart/index.d.ts +3 -3
- package/ScatterChart/index.js +31 -19
- package/esm/BarChart/BarElement.js +26 -2
- package/esm/BarChart/index.js +3 -2
- package/esm/ChartsLegend/index.js +2 -1
- package/esm/ChartsTooltip/ChartsAxisTooltipContent.js +95 -71
- package/esm/ChartsTooltip/ChartsItemTooltipContent.js +40 -54
- package/esm/ChartsTooltip/ChartsTooltip.js +15 -7
- package/esm/ChartsTooltip/ChartsTooltipTable.js +3 -3
- package/esm/ChartsTooltip/DefaultChartsAxisTooltipContent.js +168 -0
- package/esm/ChartsTooltip/DefaultChartsItemTooltipContent.js +92 -0
- package/esm/ChartsTooltip/chartsTooltipClasses.js +5 -0
- package/esm/ChartsTooltip/index.js +6 -1
- package/esm/ChartsTooltip/utils.js +1 -1
- package/esm/ChartsYAxis/ChartsYAxis.js +6 -4
- package/esm/LineChart/extremums.js +25 -8
- package/esm/LineChart/index.js +5 -5
- package/esm/PieChart/PieArc.js +18 -2
- package/esm/PieChart/PieArcLabel.js +7 -11
- package/esm/PieChart/PieArcLabelPlot.js +92 -3
- package/esm/PieChart/PieArcPlot.js +91 -3
- package/esm/PieChart/index.js +4 -2
- package/esm/ScatterChart/Scatter.js +1 -1
- package/esm/ScatterChart/index.js +3 -3
- package/esm/internals/defaultizeValueFormatter.js +4 -3
- package/index.js +1 -1
- package/internals/defaultizeValueFormatter.d.ts +3 -1
- package/internals/defaultizeValueFormatter.js +3 -3
- package/legacy/BarChart/BarElement.js +26 -2
- package/legacy/BarChart/index.js +3 -2
- package/legacy/ChartsLegend/index.js +2 -1
- package/legacy/ChartsTooltip/ChartsAxisTooltipContent.js +95 -70
- package/legacy/ChartsTooltip/ChartsItemTooltipContent.js +40 -51
- package/legacy/ChartsTooltip/ChartsTooltip.js +20 -12
- package/legacy/ChartsTooltip/ChartsTooltipTable.js +3 -3
- package/legacy/ChartsTooltip/DefaultChartsAxisTooltipContent.js +167 -0
- package/legacy/ChartsTooltip/DefaultChartsItemTooltipContent.js +89 -0
- package/legacy/ChartsTooltip/chartsTooltipClasses.js +5 -0
- package/legacy/ChartsTooltip/index.js +6 -1
- package/legacy/ChartsTooltip/utils.js +1 -1
- package/legacy/ChartsYAxis/ChartsYAxis.js +6 -4
- package/legacy/LineChart/extremums.js +29 -14
- package/legacy/LineChart/index.js +5 -5
- package/legacy/PieChart/PieArc.js +18 -2
- package/legacy/PieChart/PieArcLabel.js +7 -11
- package/legacy/PieChart/PieArcLabelPlot.js +92 -3
- package/legacy/PieChart/PieArcPlot.js +91 -3
- package/legacy/PieChart/index.js +4 -2
- package/legacy/ScatterChart/Scatter.js +1 -1
- package/legacy/ScatterChart/index.js +3 -3
- package/legacy/index.js +1 -1
- package/legacy/internals/defaultizeValueFormatter.js +4 -3
- package/models/seriesType/config.d.ts +5 -1
- package/models/seriesType/scatter.d.ts +1 -1
- package/modern/BarChart/BarElement.js +26 -2
- package/modern/BarChart/index.js +3 -2
- package/modern/ChartsLegend/index.js +2 -1
- package/modern/ChartsTooltip/ChartsAxisTooltipContent.js +95 -70
- package/modern/ChartsTooltip/ChartsItemTooltipContent.js +40 -54
- package/modern/ChartsTooltip/ChartsTooltip.js +15 -7
- package/modern/ChartsTooltip/ChartsTooltipTable.js +3 -3
- package/modern/ChartsTooltip/DefaultChartsAxisTooltipContent.js +167 -0
- package/modern/ChartsTooltip/DefaultChartsItemTooltipContent.js +92 -0
- package/modern/ChartsTooltip/chartsTooltipClasses.js +5 -0
- package/modern/ChartsTooltip/index.js +6 -1
- package/modern/ChartsTooltip/utils.js +1 -1
- package/modern/ChartsYAxis/ChartsYAxis.js +6 -4
- package/modern/LineChart/extremums.js +25 -8
- package/modern/LineChart/index.js +5 -5
- package/modern/PieChart/PieArc.js +18 -2
- package/modern/PieChart/PieArcLabel.js +7 -11
- package/modern/PieChart/PieArcLabelPlot.js +92 -3
- package/modern/PieChart/PieArcPlot.js +91 -3
- package/modern/PieChart/index.js +4 -2
- package/modern/ScatterChart/Scatter.js +1 -1
- package/modern/ScatterChart/index.js +3 -3
- package/modern/index.js +1 -1
- package/modern/internals/defaultizeValueFormatter.js +3 -3
- package/package.json +1 -1
- package/themeAugmentation/components.d.ts +1 -0
- package/themeAugmentation/overrides.d.ts +2 -0
- package/ChartsTooltip/tooltipClasses.d.ts +0 -13
- package/ChartsTooltip/tooltipClasses.js +0 -12
- package/esm/ChartsTooltip/tooltipClasses.js +0 -5
- package/legacy/ChartsTooltip/tooltipClasses.js +0 -5
- package/modern/ChartsTooltip/tooltipClasses.js +0 -5
package/LineChart/index.js
CHANGED
|
@@ -3,52 +3,64 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
var
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
return _AreaPlot.AreaPlot;
|
|
17
|
-
}
|
|
18
|
-
});
|
|
19
|
-
Object.defineProperty(exports, "LineChart", {
|
|
20
|
-
enumerable: true,
|
|
21
|
-
get: function () {
|
|
22
|
-
return _LineChart.LineChart;
|
|
23
|
-
}
|
|
24
|
-
});
|
|
25
|
-
Object.defineProperty(exports, "LineHighlightPlot", {
|
|
26
|
-
enumerable: true,
|
|
27
|
-
get: function () {
|
|
28
|
-
return _LineHighlightPlot.LineHighlightPlot;
|
|
29
|
-
}
|
|
30
|
-
});
|
|
31
|
-
Object.defineProperty(exports, "LinePlot", {
|
|
32
|
-
enumerable: true,
|
|
33
|
-
get: function () {
|
|
34
|
-
return _LinePlot.LinePlot;
|
|
35
|
-
}
|
|
36
|
-
});
|
|
37
|
-
Object.defineProperty(exports, "MarkPlot", {
|
|
38
|
-
enumerable: true,
|
|
39
|
-
get: function () {
|
|
40
|
-
return _MarkPlot.MarkPlot;
|
|
41
|
-
}
|
|
6
|
+
var _LineChart = require("./LineChart");
|
|
7
|
+
Object.keys(_LineChart).forEach(function (key) {
|
|
8
|
+
if (key === "default" || key === "__esModule") return;
|
|
9
|
+
if (key in exports && exports[key] === _LineChart[key]) return;
|
|
10
|
+
Object.defineProperty(exports, key, {
|
|
11
|
+
enumerable: true,
|
|
12
|
+
get: function () {
|
|
13
|
+
return _LineChart[key];
|
|
14
|
+
}
|
|
15
|
+
});
|
|
42
16
|
});
|
|
43
17
|
var _LinePlot = require("./LinePlot");
|
|
18
|
+
Object.keys(_LinePlot).forEach(function (key) {
|
|
19
|
+
if (key === "default" || key === "__esModule") return;
|
|
20
|
+
if (key in exports && exports[key] === _LinePlot[key]) return;
|
|
21
|
+
Object.defineProperty(exports, key, {
|
|
22
|
+
enumerable: true,
|
|
23
|
+
get: function () {
|
|
24
|
+
return _LinePlot[key];
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
});
|
|
44
28
|
var _AreaPlot = require("./AreaPlot");
|
|
29
|
+
Object.keys(_AreaPlot).forEach(function (key) {
|
|
30
|
+
if (key === "default" || key === "__esModule") return;
|
|
31
|
+
if (key in exports && exports[key] === _AreaPlot[key]) return;
|
|
32
|
+
Object.defineProperty(exports, key, {
|
|
33
|
+
enumerable: true,
|
|
34
|
+
get: function () {
|
|
35
|
+
return _AreaPlot[key];
|
|
36
|
+
}
|
|
37
|
+
});
|
|
38
|
+
});
|
|
45
39
|
var _MarkPlot = require("./MarkPlot");
|
|
40
|
+
Object.keys(_MarkPlot).forEach(function (key) {
|
|
41
|
+
if (key === "default" || key === "__esModule") return;
|
|
42
|
+
if (key in exports && exports[key] === _MarkPlot[key]) return;
|
|
43
|
+
Object.defineProperty(exports, key, {
|
|
44
|
+
enumerable: true,
|
|
45
|
+
get: function () {
|
|
46
|
+
return _MarkPlot[key];
|
|
47
|
+
}
|
|
48
|
+
});
|
|
49
|
+
});
|
|
46
50
|
var _LineHighlightPlot = require("./LineHighlightPlot");
|
|
47
|
-
|
|
51
|
+
Object.keys(_LineHighlightPlot).forEach(function (key) {
|
|
52
|
+
if (key === "default" || key === "__esModule") return;
|
|
53
|
+
if (key in exports && exports[key] === _LineHighlightPlot[key]) return;
|
|
54
|
+
Object.defineProperty(exports, key, {
|
|
55
|
+
enumerable: true,
|
|
56
|
+
get: function () {
|
|
57
|
+
return _LineHighlightPlot[key];
|
|
58
|
+
}
|
|
59
|
+
});
|
|
60
|
+
});
|
|
48
61
|
var _AreaElement = require("./AreaElement");
|
|
49
62
|
Object.keys(_AreaElement).forEach(function (key) {
|
|
50
63
|
if (key === "default" || key === "__esModule") return;
|
|
51
|
-
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
52
64
|
if (key in exports && exports[key] === _AreaElement[key]) return;
|
|
53
65
|
Object.defineProperty(exports, key, {
|
|
54
66
|
enumerable: true,
|
|
@@ -60,7 +72,6 @@ Object.keys(_AreaElement).forEach(function (key) {
|
|
|
60
72
|
var _LineElement = require("./LineElement");
|
|
61
73
|
Object.keys(_LineElement).forEach(function (key) {
|
|
62
74
|
if (key === "default" || key === "__esModule") return;
|
|
63
|
-
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
64
75
|
if (key in exports && exports[key] === _LineElement[key]) return;
|
|
65
76
|
Object.defineProperty(exports, key, {
|
|
66
77
|
enumerable: true,
|
|
@@ -72,7 +83,6 @@ Object.keys(_LineElement).forEach(function (key) {
|
|
|
72
83
|
var _MarkElement = require("./MarkElement");
|
|
73
84
|
Object.keys(_MarkElement).forEach(function (key) {
|
|
74
85
|
if (key === "default" || key === "__esModule") return;
|
|
75
|
-
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
76
86
|
if (key in exports && exports[key] === _MarkElement[key]) return;
|
|
77
87
|
Object.defineProperty(exports, key, {
|
|
78
88
|
enumerable: true,
|
|
@@ -84,7 +94,6 @@ Object.keys(_MarkElement).forEach(function (key) {
|
|
|
84
94
|
var _LineHighlightElement = require("./LineHighlightElement");
|
|
85
95
|
Object.keys(_LineHighlightElement).forEach(function (key) {
|
|
86
96
|
if (key === "default" || key === "__esModule") return;
|
|
87
|
-
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
88
97
|
if (key in exports && exports[key] === _LineHighlightElement[key]) return;
|
|
89
98
|
Object.defineProperty(exports, key, {
|
|
90
99
|
enumerable: true,
|
package/PieChart/PieArc.d.ts
CHANGED
|
@@ -30,5 +30,8 @@ export type PieArcProps = PieArcOwnerState & React.ComponentPropsWithoutRef<'pat
|
|
|
30
30
|
highlightScope?: Partial<HighlightScope>;
|
|
31
31
|
onClick?: (event: React.MouseEvent<SVGPathElement, MouseEvent>) => void;
|
|
32
32
|
};
|
|
33
|
-
|
|
34
|
-
|
|
33
|
+
declare function PieArc(props: PieArcProps): React.JSX.Element;
|
|
34
|
+
declare namespace PieArc {
|
|
35
|
+
var propTypes: any;
|
|
36
|
+
}
|
|
37
|
+
export { PieArc };
|
package/PieChart/PieArc.js
CHANGED
|
@@ -4,12 +4,13 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports.
|
|
7
|
+
exports.PieArc = PieArc;
|
|
8
8
|
exports.getPieArcUtilityClass = getPieArcUtilityClass;
|
|
9
9
|
exports.pieArcClasses = void 0;
|
|
10
10
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
11
|
var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
|
|
12
12
|
var React = _interopRequireWildcard(require("react"));
|
|
13
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
13
14
|
var _d3Shape = require("d3-shape");
|
|
14
15
|
var _web = require("@react-spring/web");
|
|
15
16
|
var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
|
|
@@ -93,4 +94,18 @@ function PieArc(props) {
|
|
|
93
94
|
seriesId: id,
|
|
94
95
|
dataIndex
|
|
95
96
|
})));
|
|
96
|
-
}
|
|
97
|
+
}
|
|
98
|
+
process.env.NODE_ENV !== "production" ? PieArc.propTypes = {
|
|
99
|
+
// ----------------------------- Warning --------------------------------
|
|
100
|
+
// | These PropTypes are generated from the TypeScript type definitions |
|
|
101
|
+
// | To update them edit the TypeScript types and run "yarn proptypes" |
|
|
102
|
+
// ----------------------------------------------------------------------
|
|
103
|
+
classes: _propTypes.default.object,
|
|
104
|
+
dataIndex: _propTypes.default.number.isRequired,
|
|
105
|
+
highlightScope: _propTypes.default.shape({
|
|
106
|
+
faded: _propTypes.default.oneOf(['global', 'none', 'series']),
|
|
107
|
+
highlighted: _propTypes.default.oneOf(['item', 'none', 'series'])
|
|
108
|
+
}),
|
|
109
|
+
isFaded: _propTypes.default.bool.isRequired,
|
|
110
|
+
isHighlighted: _propTypes.default.bool.isRequired
|
|
111
|
+
} : void 0;
|
package/PieChart/PieArcLabel.js
CHANGED
|
@@ -4,15 +4,15 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports.
|
|
7
|
+
exports.PieArcLabel = PieArcLabel;
|
|
8
8
|
exports.getPieArcLabelUtilityClass = getPieArcLabelUtilityClass;
|
|
9
9
|
exports.pieArcLabelClasses = void 0;
|
|
10
10
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
11
|
var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
|
|
12
12
|
var React = _interopRequireWildcard(require("react"));
|
|
13
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
13
14
|
var _web = require("@react-spring/web");
|
|
14
15
|
var _d3Shape = require("d3-shape");
|
|
15
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
16
16
|
var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
|
|
17
17
|
var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
|
|
18
18
|
var _styles = require("@mui/material/styles");
|
|
@@ -109,12 +109,7 @@ process.env.NODE_ENV !== "production" ? PieArcLabel.propTypes = {
|
|
|
109
109
|
// | To update them edit the TypeScript types and run "yarn proptypes" |
|
|
110
110
|
// ----------------------------------------------------------------------
|
|
111
111
|
classes: _propTypes.default.object,
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
faded: _propTypes.default.oneOf(['global', 'none', 'series']),
|
|
116
|
-
highlighted: _propTypes.default.oneOf(['item', 'none', 'series'])
|
|
117
|
-
}),
|
|
118
|
-
innerRadius: _propTypes.default.number,
|
|
119
|
-
outerRadius: _propTypes.default.number.isRequired
|
|
112
|
+
formattedArcLabel: _propTypes.default.string,
|
|
113
|
+
isFaded: _propTypes.default.bool.isRequired,
|
|
114
|
+
isHighlighted: _propTypes.default.bool.isRequired
|
|
120
115
|
} : void 0;
|
|
@@ -25,4 +25,8 @@ export interface PieArcLabelPlotProps extends DefaultizedProps<Pick<DefaultizedP
|
|
|
25
25
|
*/
|
|
26
26
|
skipAnimation?: boolean;
|
|
27
27
|
}
|
|
28
|
-
|
|
28
|
+
declare function PieArcLabelPlot(props: PieArcLabelPlotProps): React.JSX.Element | null;
|
|
29
|
+
declare namespace PieArcLabelPlot {
|
|
30
|
+
var propTypes: any;
|
|
31
|
+
}
|
|
32
|
+
export { PieArcLabelPlot };
|
|
@@ -8,10 +8,11 @@ exports.PieArcLabelPlot = PieArcLabelPlot;
|
|
|
8
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
9
|
var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
|
|
10
10
|
var React = _interopRequireWildcard(require("react"));
|
|
11
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
12
|
var _web = require("@react-spring/web");
|
|
12
13
|
var _transition = require("./dataTransform/transition");
|
|
13
14
|
var _useTransformData = require("./dataTransform/useTransformData");
|
|
14
|
-
var _PieArcLabel =
|
|
15
|
+
var _PieArcLabel = require("./PieArcLabel");
|
|
15
16
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
16
17
|
const _excluded = ["slots", "slotProps", "innerRadius", "outerRadius", "cornerRadius", "paddingAngle", "id", "highlightScope", "highlighted", "faded", "data", "arcLabel", "arcLabelMinAngle", "skipAnimation"],
|
|
17
18
|
_excluded2 = ["startAngle", "endAngle", "paddingAngle", "innerRadius", "outerRadius", "cornerRadius"];
|
|
@@ -68,7 +69,7 @@ function PieArcLabelPlot(props) {
|
|
|
68
69
|
if (data.length === 0) {
|
|
69
70
|
return null;
|
|
70
71
|
}
|
|
71
|
-
const ArcLabel = slots?.pieArcLabel ?? _PieArcLabel.
|
|
72
|
+
const ArcLabel = slots?.pieArcLabel ?? _PieArcLabel.PieArcLabel;
|
|
72
73
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("g", (0, _extends2.default)({}, other, {
|
|
73
74
|
children: transition((_ref, item) => {
|
|
74
75
|
let {
|
|
@@ -96,4 +97,91 @@ function PieArcLabelPlot(props) {
|
|
|
96
97
|
}, slotProps?.pieArcLabel));
|
|
97
98
|
})
|
|
98
99
|
}));
|
|
99
|
-
}
|
|
100
|
+
}
|
|
101
|
+
process.env.NODE_ENV !== "production" ? PieArcLabelPlot.propTypes = {
|
|
102
|
+
// ----------------------------- Warning --------------------------------
|
|
103
|
+
// | These PropTypes are generated from the TypeScript type definitions |
|
|
104
|
+
// | To update them edit the TypeScript types and run "yarn proptypes" |
|
|
105
|
+
// ----------------------------------------------------------------------
|
|
106
|
+
/**
|
|
107
|
+
* The label displayed into the arc.
|
|
108
|
+
*/
|
|
109
|
+
arcLabel: _propTypes.default.oneOfType([_propTypes.default.oneOf(['formattedValue', 'label', 'value']), _propTypes.default.func]),
|
|
110
|
+
/**
|
|
111
|
+
* The minimal angle required to display the arc label.
|
|
112
|
+
*/
|
|
113
|
+
arcLabelMinAngle: _propTypes.default.number,
|
|
114
|
+
/**
|
|
115
|
+
* The radius applied to arc corners (similar to border radius).
|
|
116
|
+
* @default 0
|
|
117
|
+
*/
|
|
118
|
+
cornerRadius: _propTypes.default.number,
|
|
119
|
+
data: _propTypes.default.arrayOf(_propTypes.default.shape({
|
|
120
|
+
color: _propTypes.default.string.isRequired,
|
|
121
|
+
endAngle: _propTypes.default.number.isRequired,
|
|
122
|
+
formattedValue: _propTypes.default.string.isRequired,
|
|
123
|
+
id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired,
|
|
124
|
+
index: _propTypes.default.number.isRequired,
|
|
125
|
+
label: _propTypes.default.string,
|
|
126
|
+
padAngle: _propTypes.default.number.isRequired,
|
|
127
|
+
startAngle: _propTypes.default.number.isRequired,
|
|
128
|
+
value: _propTypes.default.number.isRequired
|
|
129
|
+
})).isRequired,
|
|
130
|
+
/**
|
|
131
|
+
* Override the arc attibutes when it is faded.
|
|
132
|
+
*/
|
|
133
|
+
faded: _propTypes.default.shape({
|
|
134
|
+
additionalRadius: _propTypes.default.number,
|
|
135
|
+
color: _propTypes.default.string,
|
|
136
|
+
cornerRadius: _propTypes.default.number,
|
|
137
|
+
innerRadius: _propTypes.default.number,
|
|
138
|
+
outerRadius: _propTypes.default.number,
|
|
139
|
+
paddingAngle: _propTypes.default.number
|
|
140
|
+
}),
|
|
141
|
+
/**
|
|
142
|
+
* Override the arc attibutes when it is highlighted.
|
|
143
|
+
*/
|
|
144
|
+
highlighted: _propTypes.default.shape({
|
|
145
|
+
additionalRadius: _propTypes.default.number,
|
|
146
|
+
color: _propTypes.default.string,
|
|
147
|
+
cornerRadius: _propTypes.default.number,
|
|
148
|
+
innerRadius: _propTypes.default.number,
|
|
149
|
+
outerRadius: _propTypes.default.number,
|
|
150
|
+
paddingAngle: _propTypes.default.number
|
|
151
|
+
}),
|
|
152
|
+
highlightScope: _propTypes.default.shape({
|
|
153
|
+
faded: _propTypes.default.oneOf(['global', 'none', 'series']),
|
|
154
|
+
highlighted: _propTypes.default.oneOf(['item', 'none', 'series'])
|
|
155
|
+
}),
|
|
156
|
+
id: _propTypes.default.string.isRequired,
|
|
157
|
+
/**
|
|
158
|
+
* The radius between circle center and the begining of the arc.
|
|
159
|
+
* @default 0
|
|
160
|
+
*/
|
|
161
|
+
innerRadius: _propTypes.default.number,
|
|
162
|
+
/**
|
|
163
|
+
* The radius between circle center and the end of the arc.
|
|
164
|
+
* @default R_max The maximal radius that fit into the drawing area.
|
|
165
|
+
*/
|
|
166
|
+
outerRadius: _propTypes.default.number.isRequired,
|
|
167
|
+
/**
|
|
168
|
+
* The padding angle (deg) between two arcs.
|
|
169
|
+
* @default 0
|
|
170
|
+
*/
|
|
171
|
+
paddingAngle: _propTypes.default.number,
|
|
172
|
+
/**
|
|
173
|
+
* If `true`, animations are skiped.
|
|
174
|
+
* @default false
|
|
175
|
+
*/
|
|
176
|
+
skipAnimation: _propTypes.default.bool,
|
|
177
|
+
/**
|
|
178
|
+
* The props used for each component slot.
|
|
179
|
+
* @default {}
|
|
180
|
+
*/
|
|
181
|
+
slotProps: _propTypes.default.object,
|
|
182
|
+
/**
|
|
183
|
+
* Overridable component slots.
|
|
184
|
+
* @default {}
|
|
185
|
+
*/
|
|
186
|
+
slots: _propTypes.default.object
|
|
187
|
+
} : void 0;
|
package/PieChart/PieArcPlot.d.ts
CHANGED
|
@@ -32,4 +32,8 @@ export interface PieArcPlotProps extends DefaultizedProps<Pick<DefaultizedPieSer
|
|
|
32
32
|
*/
|
|
33
33
|
skipAnimation?: boolean;
|
|
34
34
|
}
|
|
35
|
-
|
|
35
|
+
declare function PieArcPlot(props: PieArcPlotProps): React.JSX.Element | null;
|
|
36
|
+
declare namespace PieArcPlot {
|
|
37
|
+
var propTypes: any;
|
|
38
|
+
}
|
|
39
|
+
export { PieArcPlot };
|
package/PieChart/PieArcPlot.js
CHANGED
|
@@ -8,8 +8,9 @@ exports.PieArcPlot = PieArcPlot;
|
|
|
8
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
9
|
var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
|
|
10
10
|
var React = _interopRequireWildcard(require("react"));
|
|
11
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
12
|
var _web = require("@react-spring/web");
|
|
12
|
-
var _PieArc =
|
|
13
|
+
var _PieArc = require("./PieArc");
|
|
13
14
|
var _transition = require("./dataTransform/transition");
|
|
14
15
|
var _useTransformData = require("./dataTransform/useTransformData");
|
|
15
16
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
@@ -53,7 +54,7 @@ function PieArcPlot(props) {
|
|
|
53
54
|
if (data.length === 0) {
|
|
54
55
|
return null;
|
|
55
56
|
}
|
|
56
|
-
const Arc = slots?.pieArc ?? _PieArc.
|
|
57
|
+
const Arc = slots?.pieArc ?? _PieArc.PieArc;
|
|
57
58
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("g", (0, _extends2.default)({}, other, {
|
|
58
59
|
children: transition((_ref, item, _, index) => {
|
|
59
60
|
let {
|
|
@@ -89,4 +90,90 @@ function PieArcPlot(props) {
|
|
|
89
90
|
}, slotProps?.pieArc));
|
|
90
91
|
})
|
|
91
92
|
}));
|
|
92
|
-
}
|
|
93
|
+
}
|
|
94
|
+
process.env.NODE_ENV !== "production" ? PieArcPlot.propTypes = {
|
|
95
|
+
// ----------------------------- Warning --------------------------------
|
|
96
|
+
// | These PropTypes are generated from the TypeScript type definitions |
|
|
97
|
+
// | To update them edit the TypeScript types and run "yarn proptypes" |
|
|
98
|
+
// ----------------------------------------------------------------------
|
|
99
|
+
/**
|
|
100
|
+
* The radius applied to arc corners (similar to border radius).
|
|
101
|
+
* @default 0
|
|
102
|
+
*/
|
|
103
|
+
cornerRadius: _propTypes.default.number,
|
|
104
|
+
data: _propTypes.default.arrayOf(_propTypes.default.shape({
|
|
105
|
+
color: _propTypes.default.string.isRequired,
|
|
106
|
+
endAngle: _propTypes.default.number.isRequired,
|
|
107
|
+
formattedValue: _propTypes.default.string.isRequired,
|
|
108
|
+
id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired,
|
|
109
|
+
index: _propTypes.default.number.isRequired,
|
|
110
|
+
label: _propTypes.default.string,
|
|
111
|
+
padAngle: _propTypes.default.number.isRequired,
|
|
112
|
+
startAngle: _propTypes.default.number.isRequired,
|
|
113
|
+
value: _propTypes.default.number.isRequired
|
|
114
|
+
})).isRequired,
|
|
115
|
+
/**
|
|
116
|
+
* Override the arc attibutes when it is faded.
|
|
117
|
+
*/
|
|
118
|
+
faded: _propTypes.default.shape({
|
|
119
|
+
additionalRadius: _propTypes.default.number,
|
|
120
|
+
color: _propTypes.default.string,
|
|
121
|
+
cornerRadius: _propTypes.default.number,
|
|
122
|
+
innerRadius: _propTypes.default.number,
|
|
123
|
+
outerRadius: _propTypes.default.number,
|
|
124
|
+
paddingAngle: _propTypes.default.number
|
|
125
|
+
}),
|
|
126
|
+
/**
|
|
127
|
+
* Override the arc attibutes when it is highlighted.
|
|
128
|
+
*/
|
|
129
|
+
highlighted: _propTypes.default.shape({
|
|
130
|
+
additionalRadius: _propTypes.default.number,
|
|
131
|
+
color: _propTypes.default.string,
|
|
132
|
+
cornerRadius: _propTypes.default.number,
|
|
133
|
+
innerRadius: _propTypes.default.number,
|
|
134
|
+
outerRadius: _propTypes.default.number,
|
|
135
|
+
paddingAngle: _propTypes.default.number
|
|
136
|
+
}),
|
|
137
|
+
highlightScope: _propTypes.default.shape({
|
|
138
|
+
faded: _propTypes.default.oneOf(['global', 'none', 'series']),
|
|
139
|
+
highlighted: _propTypes.default.oneOf(['item', 'none', 'series'])
|
|
140
|
+
}),
|
|
141
|
+
id: _propTypes.default.string.isRequired,
|
|
142
|
+
/**
|
|
143
|
+
* The radius between circle center and the begining of the arc.
|
|
144
|
+
* @default 0
|
|
145
|
+
*/
|
|
146
|
+
innerRadius: _propTypes.default.number,
|
|
147
|
+
/**
|
|
148
|
+
* Callback fired when a pie item is clicked.
|
|
149
|
+
* @param {React.MouseEvent<SVGPathElement, MouseEvent>} event The event source of the callback.
|
|
150
|
+
* @param {PieItemIdentifier} pieItemIdentifier The pie item identifier.
|
|
151
|
+
* @param {DefaultizedPieValueType} item The pie item.
|
|
152
|
+
*/
|
|
153
|
+
onClick: _propTypes.default.func,
|
|
154
|
+
/**
|
|
155
|
+
* The radius between circle center and the end of the arc.
|
|
156
|
+
* @default R_max The maximal radius that fit into the drawing area.
|
|
157
|
+
*/
|
|
158
|
+
outerRadius: _propTypes.default.number.isRequired,
|
|
159
|
+
/**
|
|
160
|
+
* The padding angle (deg) between two arcs.
|
|
161
|
+
* @default 0
|
|
162
|
+
*/
|
|
163
|
+
paddingAngle: _propTypes.default.number,
|
|
164
|
+
/**
|
|
165
|
+
* If `true`, animations are skiped.
|
|
166
|
+
* @default false
|
|
167
|
+
*/
|
|
168
|
+
skipAnimation: _propTypes.default.bool,
|
|
169
|
+
/**
|
|
170
|
+
* The props used for each component slot.
|
|
171
|
+
* @default {}
|
|
172
|
+
*/
|
|
173
|
+
slotProps: _propTypes.default.object,
|
|
174
|
+
/**
|
|
175
|
+
* Overridable component slots.
|
|
176
|
+
* @default {}
|
|
177
|
+
*/
|
|
178
|
+
slots: _propTypes.default.object
|
|
179
|
+
} : void 0;
|
package/PieChart/index.d.ts
CHANGED
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
export
|
|
2
|
-
export
|
|
1
|
+
export * from './PieChart';
|
|
2
|
+
export * from './PiePlot';
|
|
3
|
+
export * from './PieArcPlot';
|
|
4
|
+
export * from './PieArcLabelPlot';
|
|
3
5
|
export * from './PieArc';
|
|
4
6
|
export * from './PieArcLabel';
|
package/PieChart/index.js
CHANGED
|
@@ -3,28 +3,53 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
var
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
Object.defineProperty(exports,
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
});
|
|
16
|
-
Object.defineProperty(exports, "PiePlot", {
|
|
17
|
-
enumerable: true,
|
|
18
|
-
get: function () {
|
|
19
|
-
return _PiePlot.PiePlot;
|
|
20
|
-
}
|
|
6
|
+
var _PieChart = require("./PieChart");
|
|
7
|
+
Object.keys(_PieChart).forEach(function (key) {
|
|
8
|
+
if (key === "default" || key === "__esModule") return;
|
|
9
|
+
if (key in exports && exports[key] === _PieChart[key]) return;
|
|
10
|
+
Object.defineProperty(exports, key, {
|
|
11
|
+
enumerable: true,
|
|
12
|
+
get: function () {
|
|
13
|
+
return _PieChart[key];
|
|
14
|
+
}
|
|
15
|
+
});
|
|
21
16
|
});
|
|
22
17
|
var _PiePlot = require("./PiePlot");
|
|
23
|
-
|
|
18
|
+
Object.keys(_PiePlot).forEach(function (key) {
|
|
19
|
+
if (key === "default" || key === "__esModule") return;
|
|
20
|
+
if (key in exports && exports[key] === _PiePlot[key]) return;
|
|
21
|
+
Object.defineProperty(exports, key, {
|
|
22
|
+
enumerable: true,
|
|
23
|
+
get: function () {
|
|
24
|
+
return _PiePlot[key];
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
});
|
|
28
|
+
var _PieArcPlot = require("./PieArcPlot");
|
|
29
|
+
Object.keys(_PieArcPlot).forEach(function (key) {
|
|
30
|
+
if (key === "default" || key === "__esModule") return;
|
|
31
|
+
if (key in exports && exports[key] === _PieArcPlot[key]) return;
|
|
32
|
+
Object.defineProperty(exports, key, {
|
|
33
|
+
enumerable: true,
|
|
34
|
+
get: function () {
|
|
35
|
+
return _PieArcPlot[key];
|
|
36
|
+
}
|
|
37
|
+
});
|
|
38
|
+
});
|
|
39
|
+
var _PieArcLabelPlot = require("./PieArcLabelPlot");
|
|
40
|
+
Object.keys(_PieArcLabelPlot).forEach(function (key) {
|
|
41
|
+
if (key === "default" || key === "__esModule") return;
|
|
42
|
+
if (key in exports && exports[key] === _PieArcLabelPlot[key]) return;
|
|
43
|
+
Object.defineProperty(exports, key, {
|
|
44
|
+
enumerable: true,
|
|
45
|
+
get: function () {
|
|
46
|
+
return _PieArcLabelPlot[key];
|
|
47
|
+
}
|
|
48
|
+
});
|
|
49
|
+
});
|
|
24
50
|
var _PieArc = require("./PieArc");
|
|
25
51
|
Object.keys(_PieArc).forEach(function (key) {
|
|
26
52
|
if (key === "default" || key === "__esModule") return;
|
|
27
|
-
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
28
53
|
if (key in exports && exports[key] === _PieArc[key]) return;
|
|
29
54
|
Object.defineProperty(exports, key, {
|
|
30
55
|
enumerable: true,
|
|
@@ -36,7 +61,6 @@ Object.keys(_PieArc).forEach(function (key) {
|
|
|
36
61
|
var _PieArcLabel = require("./PieArcLabel");
|
|
37
62
|
Object.keys(_PieArcLabel).forEach(function (key) {
|
|
38
63
|
if (key === "default" || key === "__esModule") return;
|
|
39
|
-
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
40
64
|
if (key in exports && exports[key] === _PieArcLabel[key]) return;
|
|
41
65
|
Object.defineProperty(exports, key, {
|
|
42
66
|
enumerable: true,
|
package/ScatterChart/Scatter.js
CHANGED
|
@@ -87,7 +87,7 @@ process.env.NODE_ENV !== "production" ? Scatter.propTypes = {
|
|
|
87
87
|
color: _propTypes.default.string.isRequired,
|
|
88
88
|
markerSize: _propTypes.default.number.isRequired,
|
|
89
89
|
series: _propTypes.default.shape({
|
|
90
|
-
color: _propTypes.default.string,
|
|
90
|
+
color: _propTypes.default.string.isRequired,
|
|
91
91
|
data: _propTypes.default.arrayOf(_propTypes.default.shape({
|
|
92
92
|
id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired,
|
|
93
93
|
x: _propTypes.default.number.isRequired,
|
package/ScatterChart/index.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export
|
|
2
|
-
export
|
|
3
|
-
export
|
|
1
|
+
export * from './ScatterChart';
|
|
2
|
+
export * from './ScatterPlot';
|
|
3
|
+
export * from './Scatter';
|
package/ScatterChart/index.js
CHANGED
|
@@ -3,24 +3,36 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
}
|
|
17
|
-
});
|
|
18
|
-
Object.defineProperty(exports, "ScatterPlot", {
|
|
19
|
-
enumerable: true,
|
|
20
|
-
get: function () {
|
|
21
|
-
return _ScatterPlot.ScatterPlot;
|
|
22
|
-
}
|
|
6
|
+
var _ScatterChart = require("./ScatterChart");
|
|
7
|
+
Object.keys(_ScatterChart).forEach(function (key) {
|
|
8
|
+
if (key === "default" || key === "__esModule") return;
|
|
9
|
+
if (key in exports && exports[key] === _ScatterChart[key]) return;
|
|
10
|
+
Object.defineProperty(exports, key, {
|
|
11
|
+
enumerable: true,
|
|
12
|
+
get: function () {
|
|
13
|
+
return _ScatterChart[key];
|
|
14
|
+
}
|
|
15
|
+
});
|
|
23
16
|
});
|
|
24
17
|
var _ScatterPlot = require("./ScatterPlot");
|
|
25
|
-
|
|
26
|
-
|
|
18
|
+
Object.keys(_ScatterPlot).forEach(function (key) {
|
|
19
|
+
if (key === "default" || key === "__esModule") return;
|
|
20
|
+
if (key in exports && exports[key] === _ScatterPlot[key]) return;
|
|
21
|
+
Object.defineProperty(exports, key, {
|
|
22
|
+
enumerable: true,
|
|
23
|
+
get: function () {
|
|
24
|
+
return _ScatterPlot[key];
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
});
|
|
28
|
+
var _Scatter = require("./Scatter");
|
|
29
|
+
Object.keys(_Scatter).forEach(function (key) {
|
|
30
|
+
if (key === "default" || key === "__esModule") return;
|
|
31
|
+
if (key in exports && exports[key] === _Scatter[key]) return;
|
|
32
|
+
Object.defineProperty(exports, key, {
|
|
33
|
+
enumerable: true,
|
|
34
|
+
get: function () {
|
|
35
|
+
return _Scatter[key];
|
|
36
|
+
}
|
|
37
|
+
});
|
|
38
|
+
});
|
|
@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
|
|
|
2
2
|
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
|
|
3
3
|
const _excluded = ["id", "dataIndex", "classes", "color", "highlightScope", "slots", "slotProps", "style"];
|
|
4
4
|
import * as React from 'react';
|
|
5
|
+
import PropTypes from 'prop-types';
|
|
5
6
|
import composeClasses from '@mui/utils/composeClasses';
|
|
6
7
|
import { useSlotProps } from '@mui/base/utils';
|
|
7
8
|
import generateUtilityClass from '@mui/utils/generateUtilityClass';
|
|
@@ -39,7 +40,7 @@ export const BarElementPath = styled(animated.rect, {
|
|
|
39
40
|
transition: 'opacity 0.2s ease-in, fill 0.2s ease-in',
|
|
40
41
|
opacity: ownerState.isFaded && 0.3 || 1
|
|
41
42
|
}));
|
|
42
|
-
|
|
43
|
+
function BarElement(props) {
|
|
43
44
|
var _slots$bar;
|
|
44
45
|
const {
|
|
45
46
|
id,
|
|
@@ -90,4 +91,27 @@ export function BarElement(props) {
|
|
|
90
91
|
ownerState
|
|
91
92
|
});
|
|
92
93
|
return /*#__PURE__*/_jsx(Bar, _extends({}, barProps));
|
|
93
|
-
}
|
|
94
|
+
}
|
|
95
|
+
process.env.NODE_ENV !== "production" ? BarElement.propTypes = {
|
|
96
|
+
// ----------------------------- Warning --------------------------------
|
|
97
|
+
// | These PropTypes are generated from the TypeScript type definitions |
|
|
98
|
+
// | To update them edit the TypeScript types and run "yarn proptypes" |
|
|
99
|
+
// ----------------------------------------------------------------------
|
|
100
|
+
classes: PropTypes.object,
|
|
101
|
+
dataIndex: PropTypes.number.isRequired,
|
|
102
|
+
highlightScope: PropTypes.shape({
|
|
103
|
+
faded: PropTypes.oneOf(['global', 'none', 'series']),
|
|
104
|
+
highlighted: PropTypes.oneOf(['item', 'none', 'series'])
|
|
105
|
+
}),
|
|
106
|
+
/**
|
|
107
|
+
* The props used for each component slot.
|
|
108
|
+
* @default {}
|
|
109
|
+
*/
|
|
110
|
+
slotProps: PropTypes.object,
|
|
111
|
+
/**
|
|
112
|
+
* Overridable component slots.
|
|
113
|
+
* @default {}
|
|
114
|
+
*/
|
|
115
|
+
slots: PropTypes.object
|
|
116
|
+
} : void 0;
|
|
117
|
+
export { BarElement };
|