@mui/x-charts 7.0.0-beta.3 → 7.0.0-beta.5

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.
Files changed (221) hide show
  1. package/BarChart/BarChart.js +0 -2
  2. package/CHANGELOG.md +357 -22
  3. package/ChartsGrid/ChartsGrid.js +2 -2
  4. package/ChartsOnAxisClickHandler/ChartsOnAxisClickHandler.js +1 -1
  5. package/ChartsTooltip/utils.js +1 -1
  6. package/ChartsVoronoiHandler/ChartsVoronoiHandler.d.ts +0 -1
  7. package/ChartsVoronoiHandler/ChartsVoronoiHandler.js +1 -2
  8. package/ChartsXAxis/ChartsXAxis.js +1 -1
  9. package/ChartsYAxis/ChartsYAxis.js +1 -1
  10. package/Gauge/Gauge.js +0 -2
  11. package/Gauge/GaugeContainer.d.ts +0 -2
  12. package/Gauge/GaugeContainer.js +0 -2
  13. package/Gauge/GaugeProvider.js +3 -0
  14. package/Gauge/GaugeValueText.js +1 -1
  15. package/LineChart/LineChart.js +0 -2
  16. package/PieChart/PieChart.js +0 -2
  17. package/ResponsiveChartContainer/ResponsiveChartContainer.d.ts +0 -2
  18. package/ResponsiveChartContainer/ResponsiveChartContainer.js +0 -2
  19. package/ScatterChart/ScatterChart.js +0 -3
  20. package/SparkLineChart/SparkLineChart.js +0 -2
  21. package/context/CartesianContextProvider.d.ts +0 -8
  22. package/context/CartesianContextProvider.js +4 -89
  23. package/context/DrawingProvider.d.ts +2 -11
  24. package/context/DrawingProvider.js +10 -35
  25. package/context/HighlightProvider.js +3 -0
  26. package/context/InteractionProvider.js +3 -0
  27. package/context/SeriesContextProvider.js +3 -0
  28. package/context/index.d.ts +0 -2
  29. package/context/index.js +1 -15
  30. package/esm/BarChart/BarChart.js +0 -2
  31. package/esm/ChartsGrid/ChartsGrid.js +2 -2
  32. package/esm/ChartsOnAxisClickHandler/ChartsOnAxisClickHandler.js +2 -2
  33. package/esm/ChartsTooltip/utils.js +2 -2
  34. package/esm/ChartsVoronoiHandler/ChartsVoronoiHandler.js +2 -3
  35. package/esm/ChartsXAxis/ChartsXAxis.js +1 -1
  36. package/esm/ChartsYAxis/ChartsYAxis.js +1 -1
  37. package/esm/Gauge/Gauge.js +0 -2
  38. package/esm/Gauge/GaugeContainer.js +0 -2
  39. package/esm/Gauge/GaugeProvider.js +3 -0
  40. package/esm/Gauge/GaugeValueText.js +1 -1
  41. package/esm/LineChart/LineChart.js +0 -2
  42. package/esm/PieChart/PieChart.js +0 -2
  43. package/esm/ResponsiveChartContainer/ResponsiveChartContainer.js +0 -2
  44. package/esm/ScatterChart/ScatterChart.js +0 -3
  45. package/esm/SparkLineChart/SparkLineChart.js +0 -2
  46. package/esm/context/CartesianContextProvider.js +3 -88
  47. package/esm/context/DrawingProvider.js +10 -36
  48. package/esm/context/HighlightProvider.js +3 -0
  49. package/esm/context/InteractionProvider.js +3 -0
  50. package/esm/context/SeriesContextProvider.js +3 -0
  51. package/esm/context/index.js +1 -2
  52. package/esm/hooks/useAxisEvents.js +2 -2
  53. package/hooks/useAxisEvents.js +1 -1
  54. package/hooks/useTicks.d.ts +1 -1
  55. package/index.js +1 -1
  56. package/modern/BarChart/BarChart.js +0 -2
  57. package/modern/ChartsGrid/ChartsGrid.js +2 -2
  58. package/modern/ChartsOnAxisClickHandler/ChartsOnAxisClickHandler.js +2 -2
  59. package/modern/ChartsTooltip/utils.js +2 -2
  60. package/modern/ChartsVoronoiHandler/ChartsVoronoiHandler.js +2 -3
  61. package/modern/ChartsXAxis/ChartsXAxis.js +1 -1
  62. package/modern/ChartsYAxis/ChartsYAxis.js +1 -1
  63. package/modern/Gauge/Gauge.js +0 -2
  64. package/modern/Gauge/GaugeContainer.js +0 -2
  65. package/modern/Gauge/GaugeProvider.js +3 -0
  66. package/modern/Gauge/GaugeValueText.js +1 -1
  67. package/modern/LineChart/LineChart.js +0 -2
  68. package/modern/PieChart/PieChart.js +0 -2
  69. package/modern/ResponsiveChartContainer/ResponsiveChartContainer.js +0 -2
  70. package/modern/ScatterChart/ScatterChart.js +0 -3
  71. package/modern/SparkLineChart/SparkLineChart.js +0 -2
  72. package/modern/context/CartesianContextProvider.js +3 -88
  73. package/modern/context/DrawingProvider.js +10 -36
  74. package/modern/context/HighlightProvider.js +3 -0
  75. package/modern/context/InteractionProvider.js +3 -0
  76. package/modern/context/SeriesContextProvider.js +3 -0
  77. package/modern/context/index.js +1 -2
  78. package/modern/hooks/useAxisEvents.js +2 -2
  79. package/modern/index.js +1 -1
  80. package/package.json +1 -1
  81. package/legacy/BarChart/BarChart.js +0 -440
  82. package/legacy/BarChart/BarElement.js +0 -119
  83. package/legacy/BarChart/BarPlot.js +0 -232
  84. package/legacy/BarChart/extremums.js +0 -45
  85. package/legacy/BarChart/formatter.js +0 -78
  86. package/legacy/BarChart/index.js +0 -3
  87. package/legacy/BarChart/legend.js +0 -15
  88. package/legacy/ChartContainer/ChartContainer.js +0 -189
  89. package/legacy/ChartContainer/index.js +0 -1
  90. package/legacy/ChartsAxis/ChartsAxis.js +0 -215
  91. package/legacy/ChartsAxis/axisClasses.js +0 -5
  92. package/legacy/ChartsAxis/index.js +0 -2
  93. package/legacy/ChartsAxisHighlight/ChartsAxisHighlight.js +0 -105
  94. package/legacy/ChartsAxisHighlight/index.js +0 -1
  95. package/legacy/ChartsClipPath/ChartsClipPath.js +0 -48
  96. package/legacy/ChartsClipPath/index.js +0 -1
  97. package/legacy/ChartsGrid/ChartsGrid.js +0 -119
  98. package/legacy/ChartsGrid/chartsGridClasses.js +0 -6
  99. package/legacy/ChartsGrid/index.js +0 -2
  100. package/legacy/ChartsLegend/ChartsLegend.js +0 -100
  101. package/legacy/ChartsLegend/DefaultChartsLegend.js +0 -302
  102. package/legacy/ChartsLegend/chartsLegendClasses.js +0 -5
  103. package/legacy/ChartsLegend/index.js +0 -4
  104. package/legacy/ChartsLegend/utils.js +0 -15
  105. package/legacy/ChartsOnAxisClickHandler/ChartsOnAxisClickHandler.js +0 -75
  106. package/legacy/ChartsOnAxisClickHandler/index.js +0 -1
  107. package/legacy/ChartsReferenceLine/ChartsReferenceLine.js +0 -72
  108. package/legacy/ChartsReferenceLine/ChartsXReferenceLine.js +0 -105
  109. package/legacy/ChartsReferenceLine/ChartsYReferenceLine.js +0 -105
  110. package/legacy/ChartsReferenceLine/chartsReferenceLineClasses.js +0 -6
  111. package/legacy/ChartsReferenceLine/common.js +0 -19
  112. package/legacy/ChartsReferenceLine/index.js +0 -2
  113. package/legacy/ChartsSurface.js +0 -78
  114. package/legacy/ChartsText/ChartsText.js +0 -95
  115. package/legacy/ChartsText/index.js +0 -1
  116. package/legacy/ChartsTooltip/ChartsAxisTooltipContent.js +0 -96
  117. package/legacy/ChartsTooltip/ChartsItemTooltipContent.js +0 -53
  118. package/legacy/ChartsTooltip/ChartsTooltip.js +0 -148
  119. package/legacy/ChartsTooltip/ChartsTooltipTable.js +0 -80
  120. package/legacy/ChartsTooltip/DefaultChartsAxisTooltipContent.js +0 -118
  121. package/legacy/ChartsTooltip/DefaultChartsItemTooltipContent.js +0 -78
  122. package/legacy/ChartsTooltip/chartsTooltipClasses.js +0 -5
  123. package/legacy/ChartsTooltip/index.js +0 -6
  124. package/legacy/ChartsTooltip/utils.js +0 -103
  125. package/legacy/ChartsVoronoiHandler/ChartsVoronoiHandler.js +0 -206
  126. package/legacy/ChartsVoronoiHandler/index.js +0 -1
  127. package/legacy/ChartsXAxis/ChartsXAxis.js +0 -339
  128. package/legacy/ChartsXAxis/index.js +0 -1
  129. package/legacy/ChartsYAxis/ChartsYAxis.js +0 -267
  130. package/legacy/ChartsYAxis/index.js +0 -1
  131. package/legacy/Gauge/Gauge.js +0 -146
  132. package/legacy/Gauge/GaugeContainer.js +0 -215
  133. package/legacy/Gauge/GaugeProvider.js +0 -87
  134. package/legacy/Gauge/GaugeReferenceArc.js +0 -37
  135. package/legacy/Gauge/GaugeValueArc.js +0 -44
  136. package/legacy/Gauge/GaugeValueText.js +0 -66
  137. package/legacy/Gauge/gaugeClasses.js +0 -7
  138. package/legacy/Gauge/index.js +0 -7
  139. package/legacy/Gauge/utils.js +0 -84
  140. package/legacy/LineChart/AnimatedArea.js +0 -102
  141. package/legacy/LineChart/AnimatedLine.js +0 -104
  142. package/legacy/LineChart/AreaElement.js +0 -112
  143. package/legacy/LineChart/AreaPlot.js +0 -149
  144. package/legacy/LineChart/LineChart.js +0 -452
  145. package/legacy/LineChart/LineElement.js +0 -112
  146. package/legacy/LineChart/LineHighlightElement.js +0 -79
  147. package/legacy/LineChart/LineHighlightPlot.js +0 -97
  148. package/legacy/LineChart/LinePlot.js +0 -144
  149. package/legacy/LineChart/MarkElement.js +0 -153
  150. package/legacy/LineChart/MarkPlot.js +0 -178
  151. package/legacy/LineChart/extremums.js +0 -54
  152. package/legacy/LineChart/formatter.js +0 -82
  153. package/legacy/LineChart/index.js +0 -11
  154. package/legacy/LineChart/legend.js +0 -15
  155. package/legacy/PieChart/PieArc.js +0 -103
  156. package/legacy/PieChart/PieArcLabel.js +0 -112
  157. package/legacy/PieChart/PieArcLabelPlot.js +0 -193
  158. package/legacy/PieChart/PieArcPlot.js +0 -180
  159. package/legacy/PieChart/PieChart.js +0 -404
  160. package/legacy/PieChart/PiePlot.js +0 -137
  161. package/legacy/PieChart/dataTransform/transition.js +0 -149
  162. package/legacy/PieChart/dataTransform/useTransformData.js +0 -63
  163. package/legacy/PieChart/formatter.js +0 -55
  164. package/legacy/PieChart/index.js +0 -6
  165. package/legacy/PieChart/legend.js +0 -16
  166. package/legacy/ResponsiveChartContainer/ResponsiveChartContainer.js +0 -185
  167. package/legacy/ResponsiveChartContainer/index.js +0 -1
  168. package/legacy/ResponsiveChartContainer/useChartContainerDimensions.js +0 -73
  169. package/legacy/ScatterChart/Scatter.js +0 -110
  170. package/legacy/ScatterChart/ScatterChart.js +0 -395
  171. package/legacy/ScatterChart/ScatterPlot.js +0 -80
  172. package/legacy/ScatterChart/extremums.js +0 -39
  173. package/legacy/ScatterChart/formatter.js +0 -12
  174. package/legacy/ScatterChart/index.js +0 -3
  175. package/legacy/ScatterChart/legend.js +0 -15
  176. package/legacy/SparkLineChart/SparkLineChart.js +0 -266
  177. package/legacy/SparkLineChart/index.js +0 -1
  178. package/legacy/colorPalettes/colorPalettes.js +0 -15
  179. package/legacy/colorPalettes/index.js +0 -1
  180. package/legacy/constants.js +0 -8
  181. package/legacy/context/CartesianContextProvider.js +0 -327
  182. package/legacy/context/DrawingProvider.js +0 -74
  183. package/legacy/context/HighlightProvider.js +0 -56
  184. package/legacy/context/InteractionProvider.js +0 -81
  185. package/legacy/context/SeriesContextProvider.js +0 -74
  186. package/legacy/context/index.js +0 -2
  187. package/legacy/hooks/index.js +0 -2
  188. package/legacy/hooks/useAxisEvents.js +0 -120
  189. package/legacy/hooks/useChartDimensions.js +0 -18
  190. package/legacy/hooks/useDrawingArea.js +0 -21
  191. package/legacy/hooks/useInteractionItemProps.js +0 -71
  192. package/legacy/hooks/useMounted.js +0 -21
  193. package/legacy/hooks/useReducedMotion.js +0 -27
  194. package/legacy/hooks/useScale.js +0 -33
  195. package/legacy/hooks/useTicks.js +0 -65
  196. package/legacy/index.js +0 -33
  197. package/legacy/internals/components/AxisSharedComponents.js +0 -25
  198. package/legacy/internals/defaultizeColor.js +0 -17
  199. package/legacy/internals/defaultizeValueFormatter.js +0 -12
  200. package/legacy/internals/domUtils.js +0 -121
  201. package/legacy/internals/geometry.js +0 -37
  202. package/legacy/internals/getCurve.js +0 -39
  203. package/legacy/internals/getScale.js +0 -17
  204. package/legacy/internals/getWordsByLines.js +0 -15
  205. package/legacy/internals/isBandScale.js +0 -3
  206. package/legacy/internals/stackSeries.js +0 -92
  207. package/legacy/internals/useAnimatedPath.js +0 -32
  208. package/legacy/internals/utils.js +0 -52
  209. package/legacy/models/axis.js +0 -6
  210. package/legacy/models/helpers.js +0 -1
  211. package/legacy/models/index.js +0 -4
  212. package/legacy/models/layout.js +0 -1
  213. package/legacy/models/seriesType/bar.js +0 -1
  214. package/legacy/models/seriesType/common.js +0 -1
  215. package/legacy/models/seriesType/config.js +0 -1
  216. package/legacy/models/seriesType/index.js +0 -5
  217. package/legacy/models/seriesType/line.js +0 -1
  218. package/legacy/models/seriesType/pie.js +0 -1
  219. package/legacy/models/seriesType/scatter.js +0 -1
  220. package/legacy/models/stacking.js +0 -1
  221. package/legacy/themeAugmentation/index.js +0 -3
@@ -1,180 +0,0 @@
1
- import _extends from "@babel/runtime/helpers/esm/extends";
2
- import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
3
- var _excluded = ["slots", "slotProps", "innerRadius", "outerRadius", "cornerRadius", "paddingAngle", "id", "highlightScope", "highlighted", "faded", "data", "onItemClick", "skipAnimation"],
4
- _excluded2 = ["startAngle", "endAngle", "paddingAngle", "innerRadius", "arcLabelRadius", "outerRadius", "cornerRadius"];
5
- import * as React from 'react';
6
- import PropTypes from 'prop-types';
7
- import { useTransition } from '@react-spring/web';
8
- import { PieArc } from './PieArc';
9
- import { defaultTransitionConfig } from './dataTransform/transition';
10
- import { useTransformData } from './dataTransform/useTransformData';
11
- import { jsx as _jsx } from "react/jsx-runtime";
12
- function PieArcPlot(props) {
13
- var _slots$pieArc;
14
- var slots = props.slots,
15
- slotProps = props.slotProps,
16
- _props$innerRadius = props.innerRadius,
17
- innerRadius = _props$innerRadius === void 0 ? 0 : _props$innerRadius,
18
- outerRadius = props.outerRadius,
19
- _props$cornerRadius = props.cornerRadius,
20
- cornerRadius = _props$cornerRadius === void 0 ? 0 : _props$cornerRadius,
21
- _props$paddingAngle = props.paddingAngle,
22
- paddingAngle = _props$paddingAngle === void 0 ? 0 : _props$paddingAngle,
23
- id = props.id,
24
- highlightScope = props.highlightScope,
25
- highlighted = props.highlighted,
26
- _props$faded = props.faded,
27
- faded = _props$faded === void 0 ? {
28
- additionalRadius: -5
29
- } : _props$faded,
30
- data = props.data,
31
- onItemClick = props.onItemClick,
32
- skipAnimation = props.skipAnimation,
33
- other = _objectWithoutProperties(props, _excluded);
34
- var transformedData = useTransformData({
35
- innerRadius: innerRadius,
36
- outerRadius: outerRadius,
37
- cornerRadius: cornerRadius,
38
- paddingAngle: paddingAngle,
39
- id: id,
40
- highlightScope: highlightScope,
41
- highlighted: highlighted,
42
- faded: faded,
43
- data: data
44
- });
45
- var transition = useTransition(transformedData, _extends({}, defaultTransitionConfig, {
46
- immediate: skipAnimation
47
- }));
48
- if (data.length === 0) {
49
- return null;
50
- }
51
- var Arc = (_slots$pieArc = slots == null ? void 0 : slots.pieArc) != null ? _slots$pieArc : PieArc;
52
- return /*#__PURE__*/_jsx("g", _extends({}, other, {
53
- children: transition(function (_ref, item, _, index) {
54
- var startAngle = _ref.startAngle,
55
- endAngle = _ref.endAngle,
56
- pA = _ref.paddingAngle,
57
- iR = _ref.innerRadius,
58
- arcLabelRadius = _ref.arcLabelRadius,
59
- oR = _ref.outerRadius,
60
- cR = _ref.cornerRadius,
61
- style = _objectWithoutProperties(_ref, _excluded2);
62
- return /*#__PURE__*/_jsx(Arc, _extends({
63
- startAngle: startAngle,
64
- endAngle: endAngle,
65
- paddingAngle: pA,
66
- innerRadius: iR,
67
- outerRadius: oR,
68
- cornerRadius: cR,
69
- style: style,
70
- id: id,
71
- color: item.color,
72
- dataIndex: index,
73
- highlightScope: highlightScope,
74
- isFaded: item.isFaded,
75
- isHighlighted: item.isHighlighted,
76
- onClick: onItemClick && function (event) {
77
- onItemClick(event, {
78
- type: 'pie',
79
- seriesId: id,
80
- dataIndex: index
81
- }, item);
82
- }
83
- }, slotProps == null ? void 0 : slotProps.pieArc));
84
- })
85
- }));
86
- }
87
- process.env.NODE_ENV !== "production" ? PieArcPlot.propTypes = {
88
- // ----------------------------- Warning --------------------------------
89
- // | These PropTypes are generated from the TypeScript type definitions |
90
- // | To update them edit the TypeScript types and run "yarn proptypes" |
91
- // ----------------------------------------------------------------------
92
- /**
93
- * The radius between circle center and the arc label in px.
94
- * @default (innerRadius - outerRadius) / 2
95
- */
96
- arcLabelRadius: PropTypes.number,
97
- /**
98
- * The radius applied to arc corners (similar to border radius).
99
- * @default 0
100
- */
101
- cornerRadius: PropTypes.number,
102
- data: PropTypes.arrayOf(PropTypes.shape({
103
- color: PropTypes.string.isRequired,
104
- endAngle: PropTypes.number.isRequired,
105
- formattedValue: PropTypes.string.isRequired,
106
- id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
107
- index: PropTypes.number.isRequired,
108
- label: PropTypes.string,
109
- padAngle: PropTypes.number.isRequired,
110
- startAngle: PropTypes.number.isRequired,
111
- value: PropTypes.number.isRequired
112
- })).isRequired,
113
- /**
114
- * Override the arc attibutes when it is faded.
115
- * @default { additionalRadius: -5 }
116
- */
117
- faded: PropTypes.shape({
118
- additionalRadius: PropTypes.number,
119
- arcLabelRadius: PropTypes.number,
120
- color: PropTypes.string,
121
- cornerRadius: PropTypes.number,
122
- innerRadius: PropTypes.number,
123
- outerRadius: PropTypes.number,
124
- paddingAngle: PropTypes.number
125
- }),
126
- /**
127
- * Override the arc attibutes when it is highlighted.
128
- */
129
- highlighted: PropTypes.shape({
130
- additionalRadius: PropTypes.number,
131
- arcLabelRadius: PropTypes.number,
132
- color: PropTypes.string,
133
- cornerRadius: PropTypes.number,
134
- innerRadius: PropTypes.number,
135
- outerRadius: PropTypes.number,
136
- paddingAngle: PropTypes.number
137
- }),
138
- highlightScope: PropTypes.shape({
139
- faded: PropTypes.oneOf(['global', 'none', 'series']),
140
- highlighted: PropTypes.oneOf(['item', 'none', 'series'])
141
- }),
142
- id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
143
- /**
144
- * The radius between circle center and the begining of the arc.
145
- * @default 0
146
- */
147
- innerRadius: PropTypes.number,
148
- /**
149
- * Callback fired when a pie item is clicked.
150
- * @param {React.MouseEvent<SVGPathElement, MouseEvent>} event The event source of the callback.
151
- * @param {PieItemIdentifier} pieItemIdentifier The pie item identifier.
152
- * @param {DefaultizedPieValueType} item The pie item.
153
- */
154
- onItemClick: PropTypes.func,
155
- /**
156
- * The radius between circle center and the end of the arc.
157
- */
158
- outerRadius: PropTypes.number.isRequired,
159
- /**
160
- * The padding angle (deg) between two arcs.
161
- * @default 0
162
- */
163
- paddingAngle: PropTypes.number,
164
- /**
165
- * If `true`, animations are skipped.
166
- * @default false
167
- */
168
- skipAnimation: PropTypes.bool,
169
- /**
170
- * The props used for each component slot.
171
- * @default {}
172
- */
173
- slotProps: PropTypes.object,
174
- /**
175
- * Overridable component slots.
176
- * @default {}
177
- */
178
- slots: PropTypes.object
179
- } : void 0;
180
- export { PieArcPlot };
@@ -1,404 +0,0 @@
1
- import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
2
- import _extends from "@babel/runtime/helpers/esm/extends";
3
- import * as React from 'react';
4
- import PropTypes from 'prop-types';
5
- import { ResponsiveChartContainer } from '../ResponsiveChartContainer';
6
- import { ChartsAxis } from '../ChartsAxis/ChartsAxis';
7
- import { DEFAULT_X_AXIS_KEY } from '../constants';
8
- import { ChartsTooltip } from '../ChartsTooltip';
9
- import { ChartsLegend } from '../ChartsLegend';
10
- import { ChartsAxisHighlight } from '../ChartsAxisHighlight';
11
- import { PiePlot } from './PiePlot';
12
- import { jsx as _jsx } from "react/jsx-runtime";
13
- import { jsxs as _jsxs } from "react/jsx-runtime";
14
- var defaultMargin = {
15
- top: 5,
16
- bottom: 5,
17
- left: 5,
18
- right: 100
19
- };
20
-
21
- /**
22
- * Demos:
23
- *
24
- * - [Pie](https://mui.com/x/react-charts/pie/)
25
- * - [Pie demonstration](https://mui.com/x/react-charts/pie-demo/)
26
- *
27
- * API:
28
- *
29
- * - [PieChart API](https://mui.com/x/api/charts/pie-chart/)
30
- */
31
- function PieChart(props) {
32
- var xAxis = props.xAxis,
33
- yAxis = props.yAxis,
34
- series = props.series,
35
- width = props.width,
36
- height = props.height,
37
- marginProps = props.margin,
38
- colors = props.colors,
39
- sx = props.sx,
40
- _props$tooltip = props.tooltip,
41
- tooltip = _props$tooltip === void 0 ? {
42
- trigger: 'item'
43
- } : _props$tooltip,
44
- _props$axisHighlight = props.axisHighlight,
45
- axisHighlight = _props$axisHighlight === void 0 ? {
46
- x: 'none',
47
- y: 'none'
48
- } : _props$axisHighlight,
49
- skipAnimation = props.skipAnimation,
50
- _props$legend = props.legend,
51
- legend = _props$legend === void 0 ? {
52
- direction: 'column',
53
- position: {
54
- vertical: 'middle',
55
- horizontal: 'right'
56
- }
57
- } : _props$legend,
58
- _props$topAxis = props.topAxis,
59
- topAxis = _props$topAxis === void 0 ? null : _props$topAxis,
60
- _props$leftAxis = props.leftAxis,
61
- leftAxis = _props$leftAxis === void 0 ? null : _props$leftAxis,
62
- _props$rightAxis = props.rightAxis,
63
- rightAxis = _props$rightAxis === void 0 ? null : _props$rightAxis,
64
- _props$bottomAxis = props.bottomAxis,
65
- bottomAxis = _props$bottomAxis === void 0 ? null : _props$bottomAxis,
66
- children = props.children,
67
- slots = props.slots,
68
- slotProps = props.slotProps,
69
- onItemClick = props.onItemClick;
70
- var margin = _extends({}, defaultMargin, marginProps);
71
- return /*#__PURE__*/_jsxs(ResponsiveChartContainer, {
72
- series: series.map(function (s) {
73
- return _extends({
74
- type: 'pie'
75
- }, s);
76
- }),
77
- width: width,
78
- height: height,
79
- margin: margin,
80
- xAxis: xAxis != null ? xAxis : [{
81
- id: DEFAULT_X_AXIS_KEY,
82
- scaleType: 'point',
83
- data: _toConsumableArray(new Array(Math.max.apply(Math, _toConsumableArray(series.map(function (s) {
84
- return s.data.length;
85
- }))))).map(function (_, index) {
86
- return index;
87
- })
88
- }],
89
- yAxis: yAxis,
90
- colors: colors,
91
- sx: sx,
92
- disableAxisListener: (tooltip == null ? void 0 : tooltip.trigger) !== 'axis' && (axisHighlight == null ? void 0 : axisHighlight.x) === 'none' && (axisHighlight == null ? void 0 : axisHighlight.y) === 'none',
93
- children: [/*#__PURE__*/_jsx(ChartsAxis, {
94
- topAxis: topAxis,
95
- leftAxis: leftAxis,
96
- rightAxis: rightAxis,
97
- bottomAxis: bottomAxis,
98
- slots: slots,
99
- slotProps: slotProps
100
- }), /*#__PURE__*/_jsx(PiePlot, {
101
- slots: slots,
102
- slotProps: slotProps,
103
- onItemClick: onItemClick,
104
- skipAnimation: skipAnimation
105
- }), /*#__PURE__*/_jsx(ChartsLegend, _extends({}, legend, {
106
- slots: slots,
107
- slotProps: slotProps
108
- })), /*#__PURE__*/_jsx(ChartsAxisHighlight, _extends({}, axisHighlight)), /*#__PURE__*/_jsx(ChartsTooltip, _extends({}, tooltip)), children]
109
- });
110
- }
111
- process.env.NODE_ENV !== "production" ? PieChart.propTypes = {
112
- // ----------------------------- Warning --------------------------------
113
- // | These PropTypes are generated from the TypeScript type definitions |
114
- // | To update them edit the TypeScript types and run "yarn proptypes" |
115
- // ----------------------------------------------------------------------
116
- /**
117
- * The configuration of axes highlight.
118
- * @see See {@link https://mui.com/x/react-charts/tooltip/#highlights highlight docs} for more details.
119
- * @default { x: 'none', y: 'none' }
120
- */
121
- axisHighlight: PropTypes.shape({
122
- x: PropTypes.oneOf(['band', 'line', 'none']),
123
- y: PropTypes.oneOf(['band', 'line', 'none'])
124
- }),
125
- /**
126
- * Indicate which axis to display the bottom of the charts.
127
- * Can be a string (the id of the axis) or an object `ChartsXAxisProps`.
128
- * @default null
129
- */
130
- bottomAxis: PropTypes.oneOfType([PropTypes.shape({
131
- axisId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
132
- classes: PropTypes.object,
133
- disableLine: PropTypes.bool,
134
- disableTicks: PropTypes.bool,
135
- fill: PropTypes.string,
136
- label: PropTypes.string,
137
- labelFontSize: PropTypes.number,
138
- labelStyle: PropTypes.object,
139
- position: PropTypes.oneOf(['bottom', 'top']),
140
- slotProps: PropTypes.object,
141
- slots: PropTypes.object,
142
- stroke: PropTypes.string,
143
- tickFontSize: PropTypes.number,
144
- tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
145
- tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
146
- tickLabelStyle: PropTypes.object,
147
- tickMaxStep: PropTypes.number,
148
- tickMinStep: PropTypes.number,
149
- tickNumber: PropTypes.number,
150
- tickSize: PropTypes.number
151
- }), PropTypes.string]),
152
- children: PropTypes.node,
153
- className: PropTypes.string,
154
- /**
155
- * Color palette used to colorize multiple series.
156
- * @default blueberryTwilightPalette
157
- */
158
- colors: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.func]),
159
- /**
160
- * An array of objects that can be used to populate series and axes data using their `dataKey` property.
161
- */
162
- dataset: PropTypes.arrayOf(PropTypes.object),
163
- desc: PropTypes.string,
164
- /**
165
- * If `true`, the charts will not listen to the mouse move event.
166
- * It might break interactive features, but will improve performance.
167
- * @default false
168
- */
169
- disableAxisListener: PropTypes.bool,
170
- /**
171
- * The height of the chart in px. If not defined, it takes the height of the parent element.
172
- * @default undefined
173
- */
174
- height: PropTypes.number,
175
- /**
176
- * Indicate which axis to display the left of the charts.
177
- * Can be a string (the id of the axis) or an object `ChartsYAxisProps`.
178
- * @default null
179
- */
180
- leftAxis: PropTypes.oneOfType([PropTypes.shape({
181
- axisId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
182
- classes: PropTypes.object,
183
- disableLine: PropTypes.bool,
184
- disableTicks: PropTypes.bool,
185
- fill: PropTypes.string,
186
- label: PropTypes.string,
187
- labelFontSize: PropTypes.number,
188
- labelStyle: PropTypes.object,
189
- position: PropTypes.oneOf(['left', 'right']),
190
- slotProps: PropTypes.object,
191
- slots: PropTypes.object,
192
- stroke: PropTypes.string,
193
- tickFontSize: PropTypes.number,
194
- tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
195
- tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
196
- tickLabelStyle: PropTypes.object,
197
- tickMaxStep: PropTypes.number,
198
- tickMinStep: PropTypes.number,
199
- tickNumber: PropTypes.number,
200
- tickSize: PropTypes.number
201
- }), PropTypes.string]),
202
- /**
203
- * The props of the legend.
204
- * @default { direction: 'column', position: { vertical: 'middle', horizontal: 'right' } }
205
- * @deprecated Consider using `slotProps.legend` instead.
206
- */
207
- legend: PropTypes.shape({
208
- classes: PropTypes.object,
209
- direction: PropTypes.oneOf(['column', 'row']),
210
- hidden: PropTypes.bool,
211
- position: PropTypes.shape({
212
- horizontal: PropTypes.oneOf(['left', 'middle', 'right']).isRequired,
213
- vertical: PropTypes.oneOf(['bottom', 'middle', 'top']).isRequired
214
- }),
215
- slotProps: PropTypes.object,
216
- slots: PropTypes.object
217
- }),
218
- /**
219
- * The margin between the SVG and the drawing area.
220
- * It's used for leaving some space for extra information such as the x- and y-axis or legend.
221
- * Accepts an object with the optional properties: `top`, `bottom`, `left`, and `right`.
222
- * @default object Depends on the charts type.
223
- */
224
- margin: PropTypes.shape({
225
- bottom: PropTypes.number,
226
- left: PropTypes.number,
227
- right: PropTypes.number,
228
- top: PropTypes.number
229
- }),
230
- /**
231
- * Callback fired when a pie arc is clicked.
232
- */
233
- onItemClick: PropTypes.func,
234
- /**
235
- * Indicate which axis to display the right of the charts.
236
- * Can be a string (the id of the axis) or an object `ChartsYAxisProps`.
237
- * @default null
238
- */
239
- rightAxis: PropTypes.oneOfType([PropTypes.shape({
240
- axisId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
241
- classes: PropTypes.object,
242
- disableLine: PropTypes.bool,
243
- disableTicks: PropTypes.bool,
244
- fill: PropTypes.string,
245
- label: PropTypes.string,
246
- labelFontSize: PropTypes.number,
247
- labelStyle: PropTypes.object,
248
- position: PropTypes.oneOf(['left', 'right']),
249
- slotProps: PropTypes.object,
250
- slots: PropTypes.object,
251
- stroke: PropTypes.string,
252
- tickFontSize: PropTypes.number,
253
- tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
254
- tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
255
- tickLabelStyle: PropTypes.object,
256
- tickMaxStep: PropTypes.number,
257
- tickMinStep: PropTypes.number,
258
- tickNumber: PropTypes.number,
259
- tickSize: PropTypes.number
260
- }), PropTypes.string]),
261
- /**
262
- * The series to display in the pie chart.
263
- */
264
- series: PropTypes.arrayOf(PropTypes.object).isRequired,
265
- /**
266
- * If `true`, animations are skipped.
267
- * @default false
268
- */
269
- skipAnimation: PropTypes.bool,
270
- /**
271
- * The props used for each component slot.
272
- * @default {}
273
- */
274
- slotProps: PropTypes.object,
275
- /**
276
- * Overridable component slots.
277
- * @default {}
278
- */
279
- slots: PropTypes.object,
280
- sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
281
- title: PropTypes.string,
282
- /**
283
- * The configuration of the tooltip.
284
- * @see See {@link https://mui.com/x/react-charts/tooltip/ tooltip docs} for more details.
285
- * @default { trigger: 'item' }
286
- */
287
- tooltip: PropTypes.shape({
288
- axisContent: PropTypes.elementType,
289
- classes: PropTypes.object,
290
- itemContent: PropTypes.elementType,
291
- slotProps: PropTypes.object,
292
- slots: PropTypes.object,
293
- trigger: PropTypes.oneOf(['axis', 'item', 'none'])
294
- }),
295
- /**
296
- * Indicate which axis to display the top of the charts.
297
- * Can be a string (the id of the axis) or an object `ChartsXAxisProps`.
298
- * @default null
299
- */
300
- topAxis: PropTypes.oneOfType([PropTypes.shape({
301
- axisId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
302
- classes: PropTypes.object,
303
- disableLine: PropTypes.bool,
304
- disableTicks: PropTypes.bool,
305
- fill: PropTypes.string,
306
- label: PropTypes.string,
307
- labelFontSize: PropTypes.number,
308
- labelStyle: PropTypes.object,
309
- position: PropTypes.oneOf(['bottom', 'top']),
310
- slotProps: PropTypes.object,
311
- slots: PropTypes.object,
312
- stroke: PropTypes.string,
313
- tickFontSize: PropTypes.number,
314
- tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
315
- tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
316
- tickLabelStyle: PropTypes.object,
317
- tickMaxStep: PropTypes.number,
318
- tickMinStep: PropTypes.number,
319
- tickNumber: PropTypes.number,
320
- tickSize: PropTypes.number
321
- }), PropTypes.string]),
322
- viewBox: PropTypes.shape({
323
- height: PropTypes.number,
324
- width: PropTypes.number,
325
- x: PropTypes.number,
326
- y: PropTypes.number
327
- }),
328
- /**
329
- * The width of the chart in px. If not defined, it takes the width of the parent element.
330
- * @default undefined
331
- */
332
- width: PropTypes.number,
333
- /**
334
- * The configuration of the x-axes.
335
- * If not provided, a default axis config is used with id set to `DEFAULT_X_AXIS_KEY`.
336
- */
337
- xAxis: PropTypes.arrayOf(PropTypes.shape({
338
- axisId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
339
- classes: PropTypes.object,
340
- data: PropTypes.array,
341
- dataKey: PropTypes.string,
342
- disableLine: PropTypes.bool,
343
- disableTicks: PropTypes.bool,
344
- fill: PropTypes.string,
345
- hideTooltip: PropTypes.bool,
346
- id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
347
- label: PropTypes.string,
348
- labelFontSize: PropTypes.number,
349
- labelStyle: PropTypes.object,
350
- max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
351
- min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
352
- position: PropTypes.oneOf(['bottom', 'left', 'right', 'top']),
353
- reverse: PropTypes.bool,
354
- scaleType: PropTypes.oneOf(['band', 'linear', 'log', 'point', 'pow', 'sqrt', 'time', 'utc']),
355
- slotProps: PropTypes.object,
356
- slots: PropTypes.object,
357
- stroke: PropTypes.string,
358
- tickFontSize: PropTypes.number,
359
- tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
360
- tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
361
- tickLabelStyle: PropTypes.object,
362
- tickMaxStep: PropTypes.number,
363
- tickMinStep: PropTypes.number,
364
- tickNumber: PropTypes.number,
365
- tickSize: PropTypes.number,
366
- valueFormatter: PropTypes.func
367
- })),
368
- /**
369
- * The configuration of the y-axes.
370
- * If not provided, a default axis config is used with id set to `DEFAULT_Y_AXIS_KEY`.
371
- */
372
- yAxis: PropTypes.arrayOf(PropTypes.shape({
373
- axisId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
374
- classes: PropTypes.object,
375
- data: PropTypes.array,
376
- dataKey: PropTypes.string,
377
- disableLine: PropTypes.bool,
378
- disableTicks: PropTypes.bool,
379
- fill: PropTypes.string,
380
- hideTooltip: PropTypes.bool,
381
- id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
382
- label: PropTypes.string,
383
- labelFontSize: PropTypes.number,
384
- labelStyle: PropTypes.object,
385
- max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
386
- min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
387
- position: PropTypes.oneOf(['bottom', 'left', 'right', 'top']),
388
- reverse: PropTypes.bool,
389
- scaleType: PropTypes.oneOf(['band', 'linear', 'log', 'point', 'pow', 'sqrt', 'time', 'utc']),
390
- slotProps: PropTypes.object,
391
- slots: PropTypes.object,
392
- stroke: PropTypes.string,
393
- tickFontSize: PropTypes.number,
394
- tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
395
- tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
396
- tickLabelStyle: PropTypes.object,
397
- tickMaxStep: PropTypes.number,
398
- tickMinStep: PropTypes.number,
399
- tickNumber: PropTypes.number,
400
- tickSize: PropTypes.number,
401
- valueFormatter: PropTypes.func
402
- }))
403
- } : void 0;
404
- export { PieChart };