@mui/x-charts 6.19.1 → 6.19.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.
Files changed (109) hide show
  1. package/BarChart/BarChart.js +1 -0
  2. package/BarChart/BarElement.d.ts +37 -20
  3. package/CHANGELOG.md +84 -0
  4. package/ChartsLegend/ChartsLegend.d.ts +5 -2
  5. package/ChartsLegend/ChartsLegend.js +137 -1
  6. package/ChartsReferenceLine/ChartsReferenceLine.js +7 -3
  7. package/ChartsSurface.d.ts +2 -2
  8. package/ChartsSurface.js +33 -1
  9. package/ChartsTooltip/ChartsAxisTooltipContent.js +2 -54
  10. package/ChartsTooltip/ChartsItemTooltipContent.js +15 -1
  11. package/ChartsTooltip/ChartsTooltipTable.d.ts +1 -1
  12. package/ChartsTooltip/ChartsTooltipTable.js +2 -0
  13. package/ChartsTooltip/DefaultChartsAxisTooltipContent.js +2 -54
  14. package/ChartsTooltip/DefaultChartsItemTooltipContent.js +15 -1
  15. package/LineChart/LineChart.d.ts +1 -0
  16. package/LineChart/LineChart.js +2 -0
  17. package/PieChart/PieArcLabelPlot.d.ts +5 -0
  18. package/PieChart/PieArcLabelPlot.js +2 -0
  19. package/PieChart/PieArcPlot.d.ts +5 -0
  20. package/PieChart/PieArcPlot.js +1 -0
  21. package/PieChart/PieChart.d.ts +14 -2
  22. package/PieChart/PieChart.js +3 -2
  23. package/ScatterChart/ScatterChart.js +1 -0
  24. package/SparkLineChart/SparkLineChart.d.ts +15 -1
  25. package/SparkLineChart/SparkLineChart.js +8 -1
  26. package/context/CartesianContextProvider.d.ts +1 -1
  27. package/context/CartesianContextProvider.js +7 -6
  28. package/context/DrawingProvider.d.ts +1 -1
  29. package/context/DrawingProvider.js +8 -7
  30. package/context/HighlightProvider.d.ts +2 -2
  31. package/context/HighlightProvider.js +4 -3
  32. package/context/InteractionProvider.d.ts +2 -2
  33. package/context/InteractionProvider.js +4 -3
  34. package/context/SeriesContextProvider.d.ts +3 -1
  35. package/context/SeriesContextProvider.js +7 -6
  36. package/esm/BarChart/BarChart.js +1 -0
  37. package/esm/ChartsLegend/ChartsLegend.js +139 -2
  38. package/esm/ChartsReferenceLine/ChartsReferenceLine.js +7 -3
  39. package/esm/ChartsSurface.js +35 -2
  40. package/esm/ChartsTooltip/ChartsAxisTooltipContent.js +2 -54
  41. package/esm/ChartsTooltip/ChartsItemTooltipContent.js +15 -1
  42. package/esm/ChartsTooltip/ChartsTooltipTable.js +2 -0
  43. package/esm/ChartsTooltip/DefaultChartsAxisTooltipContent.js +2 -54
  44. package/esm/ChartsTooltip/DefaultChartsItemTooltipContent.js +15 -1
  45. package/esm/LineChart/LineChart.js +2 -0
  46. package/esm/PieChart/PieArcLabelPlot.js +2 -0
  47. package/esm/PieChart/PieArcPlot.js +1 -0
  48. package/esm/PieChart/PieChart.js +3 -2
  49. package/esm/ScatterChart/ScatterChart.js +1 -0
  50. package/esm/SparkLineChart/SparkLineChart.js +8 -1
  51. package/esm/context/CartesianContextProvider.js +7 -6
  52. package/esm/context/DrawingProvider.js +8 -7
  53. package/esm/context/HighlightProvider.js +6 -4
  54. package/esm/context/InteractionProvider.js +6 -4
  55. package/esm/context/SeriesContextProvider.js +9 -7
  56. package/esm/hooks/useDrawingArea.js +7 -3
  57. package/esm/index.js +2 -0
  58. package/hooks/useDrawingArea.d.ts +2 -0
  59. package/hooks/useDrawingArea.js +7 -3
  60. package/index.d.ts +2 -0
  61. package/index.js +23 -1
  62. package/legacy/BarChart/BarChart.js +1 -0
  63. package/legacy/ChartsLegend/ChartsLegend.js +139 -2
  64. package/legacy/ChartsReferenceLine/ChartsReferenceLine.js +5 -3
  65. package/legacy/ChartsReferenceLine/common.js +3 -4
  66. package/legacy/ChartsSurface.js +35 -2
  67. package/legacy/ChartsTooltip/ChartsAxisTooltipContent.js +2 -54
  68. package/legacy/ChartsTooltip/ChartsItemTooltipContent.js +15 -1
  69. package/legacy/ChartsTooltip/ChartsTooltipTable.js +8 -7
  70. package/legacy/ChartsTooltip/DefaultChartsAxisTooltipContent.js +2 -54
  71. package/legacy/ChartsTooltip/DefaultChartsItemTooltipContent.js +15 -1
  72. package/legacy/LineChart/LineChart.js +2 -0
  73. package/legacy/PieChart/PieArcLabelPlot.js +2 -0
  74. package/legacy/PieChart/PieArcPlot.js +1 -0
  75. package/legacy/PieChart/PieChart.js +3 -2
  76. package/legacy/ScatterChart/ScatterChart.js +1 -0
  77. package/legacy/SparkLineChart/SparkLineChart.js +8 -1
  78. package/legacy/context/CartesianContextProvider.js +15 -15
  79. package/legacy/context/DrawingProvider.js +6 -6
  80. package/legacy/context/HighlightProvider.js +4 -3
  81. package/legacy/context/InteractionProvider.js +4 -3
  82. package/legacy/context/SeriesContextProvider.js +8 -7
  83. package/legacy/hooks/useDrawingArea.js +7 -3
  84. package/legacy/index.js +3 -1
  85. package/legacy/internals/components/AxisSharedComponents.js +5 -6
  86. package/models/seriesType/pie.d.ts +1 -0
  87. package/modern/BarChart/BarChart.js +1 -0
  88. package/modern/ChartsLegend/ChartsLegend.js +139 -2
  89. package/modern/ChartsReferenceLine/ChartsReferenceLine.js +7 -3
  90. package/modern/ChartsSurface.js +35 -2
  91. package/modern/ChartsTooltip/ChartsAxisTooltipContent.js +2 -54
  92. package/modern/ChartsTooltip/ChartsItemTooltipContent.js +15 -1
  93. package/modern/ChartsTooltip/ChartsTooltipTable.js +2 -0
  94. package/modern/ChartsTooltip/DefaultChartsAxisTooltipContent.js +2 -54
  95. package/modern/ChartsTooltip/DefaultChartsItemTooltipContent.js +15 -1
  96. package/modern/LineChart/LineChart.js +2 -0
  97. package/modern/PieChart/PieArcLabelPlot.js +2 -0
  98. package/modern/PieChart/PieArcPlot.js +1 -0
  99. package/modern/PieChart/PieChart.js +3 -2
  100. package/modern/ScatterChart/ScatterChart.js +1 -0
  101. package/modern/SparkLineChart/SparkLineChart.js +8 -1
  102. package/modern/context/CartesianContextProvider.js +7 -6
  103. package/modern/context/DrawingProvider.js +8 -7
  104. package/modern/context/HighlightProvider.js +6 -4
  105. package/modern/context/InteractionProvider.js +6 -4
  106. package/modern/context/SeriesContextProvider.js +9 -7
  107. package/modern/hooks/useDrawingArea.js +7 -3
  108. package/modern/index.js +3 -1
  109. package/package.json +1 -1
@@ -5,12 +5,16 @@ export function useDrawingArea() {
5
5
  left,
6
6
  top,
7
7
  width,
8
- height
8
+ height,
9
+ bottom,
10
+ right
9
11
  } = React.useContext(DrawingContext);
10
12
  return React.useMemo(() => ({
11
13
  left,
12
14
  top,
13
15
  width,
14
- height
15
- }), [height, left, top, width]);
16
+ height,
17
+ bottom,
18
+ right
19
+ }), [height, left, top, width, bottom, right]);
16
20
  }
package/esm/index.js CHANGED
@@ -17,4 +17,6 @@ export * from './PieChart';
17
17
  export * from './ScatterChart';
18
18
  export * from './SparkLineChart';
19
19
  export * from './ChartContainer';
20
+ export * from './ChartsSurface';
21
+ export * from './ChartsLegend';
20
22
  export * from './ResponsiveChartContainer';
@@ -3,4 +3,6 @@ export declare function useDrawingArea(): {
3
3
  top: number;
4
4
  width: number;
5
5
  height: number;
6
+ bottom: number;
7
+ right: number;
6
8
  };
@@ -13,12 +13,16 @@ function useDrawingArea() {
13
13
  left,
14
14
  top,
15
15
  width,
16
- height
16
+ height,
17
+ bottom,
18
+ right
17
19
  } = React.useContext(_DrawingProvider.DrawingContext);
18
20
  return React.useMemo(() => ({
19
21
  left,
20
22
  top,
21
23
  width,
22
- height
23
- }), [height, left, top, width]);
24
+ height,
25
+ bottom,
26
+ right
27
+ }), [height, left, top, width, bottom, right]);
24
28
  }
package/index.d.ts CHANGED
@@ -17,4 +17,6 @@ export * from './PieChart';
17
17
  export * from './ScatterChart';
18
18
  export * from './SparkLineChart';
19
19
  export * from './ChartContainer';
20
+ export * from './ChartsSurface';
21
+ export * from './ChartsLegend';
20
22
  export * from './ResponsiveChartContainer';
package/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/x-charts v6.19.1
2
+ * @mui/x-charts v6.19.3
3
3
  *
4
4
  * @license MIT
5
5
  * This source code is licensed under the MIT license found in the
@@ -219,6 +219,28 @@ Object.keys(_ChartContainer).forEach(function (key) {
219
219
  }
220
220
  });
221
221
  });
222
+ var _ChartsSurface = require("./ChartsSurface");
223
+ Object.keys(_ChartsSurface).forEach(function (key) {
224
+ if (key === "default" || key === "__esModule") return;
225
+ if (key in exports && exports[key] === _ChartsSurface[key]) return;
226
+ Object.defineProperty(exports, key, {
227
+ enumerable: true,
228
+ get: function () {
229
+ return _ChartsSurface[key];
230
+ }
231
+ });
232
+ });
233
+ var _ChartsLegend = require("./ChartsLegend");
234
+ Object.keys(_ChartsLegend).forEach(function (key) {
235
+ if (key === "default" || key === "__esModule") return;
236
+ if (key in exports && exports[key] === _ChartsLegend[key]) return;
237
+ Object.defineProperty(exports, key, {
238
+ enumerable: true,
239
+ get: function () {
240
+ return _ChartsLegend[key];
241
+ }
242
+ });
243
+ });
222
244
  var _ResponsiveChartContainer = require("./ResponsiveChartContainer");
223
245
  Object.keys(_ResponsiveChartContainer).forEach(function (key) {
224
246
  if (key === "default" || key === "__esModule") return;
@@ -161,6 +161,7 @@ process.env.NODE_ENV !== "production" ? BarChart.propTypes = {
161
161
  className: PropTypes.string,
162
162
  /**
163
163
  * Color palette used to colorize multiple series.
164
+ * @default blueberryTwilightPalette
164
165
  */
165
166
  colors: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.func]),
166
167
  /**
@@ -4,6 +4,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
4
4
  var _excluded = ["rotate", "dominantBaseline"],
5
5
  _excluded2 = ["label"];
6
6
  import * as React from 'react';
7
+ import PropTypes from 'prop-types';
7
8
  import { useSlotProps } from '@mui/base/utils';
8
9
  import { NoSsr } from '@mui/base/NoSsr';
9
10
  import { unstable_composeClasses as composeClasses } from '@mui/utils';
@@ -248,7 +249,108 @@ function DefaultChartsLegend(props) {
248
249
  })
249
250
  });
250
251
  }
251
- export function ChartsLegend(inProps) {
252
+ process.env.NODE_ENV !== "production" ? DefaultChartsLegend.propTypes = {
253
+ // ----------------------------- Warning --------------------------------
254
+ // | These PropTypes are generated from the TypeScript type definitions |
255
+ // | To update them edit the TypeScript types and run "yarn proptypes" |
256
+ // ----------------------------------------------------------------------
257
+ /**
258
+ * Override or extend the styles applied to the component.
259
+ */
260
+ classes: PropTypes.object.isRequired,
261
+ /**
262
+ * The direction of the legend layout.
263
+ * The default depends on the chart.
264
+ */
265
+ direction: PropTypes.oneOf(['column', 'row']).isRequired,
266
+ drawingArea: PropTypes.shape({
267
+ bottom: PropTypes.number.isRequired,
268
+ height: PropTypes.number.isRequired,
269
+ left: PropTypes.number.isRequired,
270
+ right: PropTypes.number.isRequired,
271
+ top: PropTypes.number.isRequired,
272
+ width: PropTypes.number.isRequired
273
+ }).isRequired,
274
+ /**
275
+ * Set to true to hide the legend.
276
+ * @default false
277
+ */
278
+ hidden: PropTypes.bool,
279
+ /**
280
+ * Space between two legend items (in px).
281
+ * @default 10
282
+ */
283
+ itemGap: PropTypes.number,
284
+ /**
285
+ * Height of the item mark (in px).
286
+ * @default 20
287
+ */
288
+ itemMarkHeight: PropTypes.number,
289
+ /**
290
+ * Width of the item mark (in px).
291
+ * @default 20
292
+ */
293
+ itemMarkWidth: PropTypes.number,
294
+ /**
295
+ * Style applied to legend labels.
296
+ * @default theme.typography.subtitle1
297
+ */
298
+ labelStyle: PropTypes.object,
299
+ /**
300
+ * Space between the mark and the label (in px).
301
+ * @default 5
302
+ */
303
+ markGap: PropTypes.number,
304
+ /**
305
+ * Legend padding (in px).
306
+ * Can either be a single number, or an object with top, left, bottom, right properties.
307
+ * @default 0
308
+ */
309
+ padding: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
310
+ bottom: PropTypes.number,
311
+ left: PropTypes.number,
312
+ right: PropTypes.number,
313
+ top: PropTypes.number
314
+ })]),
315
+ position: PropTypes.shape({
316
+ horizontal: PropTypes.oneOf(['left', 'middle', 'right']).isRequired,
317
+ vertical: PropTypes.oneOf(['bottom', 'middle', 'top']).isRequired
318
+ }).isRequired,
319
+ series: PropTypes.shape({
320
+ bar: PropTypes.shape({
321
+ series: PropTypes.object.isRequired,
322
+ seriesOrder: PropTypes.arrayOf(PropTypes.string).isRequired,
323
+ stackingGroups: PropTypes.arrayOf(PropTypes.shape({
324
+ ids: PropTypes.arrayOf(PropTypes.string).isRequired,
325
+ stackingOffset: PropTypes.func.isRequired,
326
+ stackingOrder: PropTypes.func.isRequired
327
+ })).isRequired
328
+ }),
329
+ line: PropTypes.shape({
330
+ series: PropTypes.object.isRequired,
331
+ seriesOrder: PropTypes.arrayOf(PropTypes.string).isRequired,
332
+ stackingGroups: PropTypes.arrayOf(PropTypes.shape({
333
+ ids: PropTypes.arrayOf(PropTypes.string).isRequired,
334
+ stackingOffset: PropTypes.func.isRequired,
335
+ stackingOrder: PropTypes.func.isRequired
336
+ })).isRequired
337
+ }),
338
+ pie: PropTypes.shape({
339
+ series: PropTypes.object.isRequired,
340
+ seriesOrder: PropTypes.arrayOf(PropTypes.string).isRequired
341
+ }),
342
+ scatter: PropTypes.shape({
343
+ series: PropTypes.object.isRequired,
344
+ seriesOrder: PropTypes.arrayOf(PropTypes.string).isRequired
345
+ })
346
+ }).isRequired,
347
+ seriesToDisplay: PropTypes.arrayOf(PropTypes.shape({
348
+ color: PropTypes.string.isRequired,
349
+ id: PropTypes.string.isRequired,
350
+ label: PropTypes.string.isRequired
351
+ })).isRequired
352
+ } : void 0;
353
+ function ChartsLegend(inProps) {
252
354
  var _slots$legend;
253
355
  var props = useThemeProps({
254
356
  props: _extends({}, defaultProps, inProps),
@@ -282,4 +384,39 @@ export function ChartsLegend(inProps) {
282
384
  ownerState: {}
283
385
  });
284
386
  return /*#__PURE__*/_jsx(ChartLegendRender, _extends({}, chartLegendRenderProps));
285
- }
387
+ }
388
+ process.env.NODE_ENV !== "production" ? ChartsLegend.propTypes = {
389
+ // ----------------------------- Warning --------------------------------
390
+ // | These PropTypes are generated from the TypeScript type definitions |
391
+ // | To update them edit the TypeScript types and run "yarn proptypes" |
392
+ // ----------------------------------------------------------------------
393
+ /**
394
+ * Override or extend the styles applied to the component.
395
+ */
396
+ classes: PropTypes.object,
397
+ /**
398
+ * The direction of the legend layout.
399
+ * The default depends on the chart.
400
+ */
401
+ direction: PropTypes.oneOf(['column', 'row']),
402
+ /**
403
+ * Set to true to hide the legend.
404
+ * @default false
405
+ */
406
+ hidden: PropTypes.bool,
407
+ position: PropTypes.shape({
408
+ horizontal: PropTypes.oneOf(['left', 'middle', 'right']).isRequired,
409
+ vertical: PropTypes.oneOf(['bottom', 'middle', 'top']).isRequired
410
+ }),
411
+ /**
412
+ * The props used for each component slot.
413
+ * @default {}
414
+ */
415
+ slotProps: PropTypes.object,
416
+ /**
417
+ * Overridable component slots.
418
+ * @default {}
419
+ */
420
+ slots: PropTypes.object
421
+ } : void 0;
422
+ export { ChartsLegend };
@@ -5,13 +5,15 @@ import { ChartsXReferenceLine } from './ChartsXReferenceLine';
5
5
  import { ChartsYReferenceLine } from './ChartsYReferenceLine';
6
6
  import { jsx as _jsx } from "react/jsx-runtime";
7
7
  function ChartsReferenceLine(props) {
8
- if (props.x !== undefined && props.y !== undefined) {
8
+ var x = props.x,
9
+ y = props.y;
10
+ if (x !== undefined && y !== undefined) {
9
11
  throw new Error('MUI-X-Charts: The ChartsReferenceLine can not have both `x` and `y` props set.');
10
12
  }
11
- if (props.x === undefined && props.y === undefined) {
13
+ if (x === undefined && y === undefined) {
12
14
  throw new Error('MUI-X-Charts: The ChartsReferenceLine should have a value in `x` or `y` prop.');
13
15
  }
14
- if (props.x !== undefined) {
16
+ if (x !== undefined) {
15
17
  return /*#__PURE__*/_jsx(ChartsXReferenceLine, _extends({}, props));
16
18
  }
17
19
  return /*#__PURE__*/_jsx(ChartsYReferenceLine, _extends({}, props));
@@ -3,18 +3,17 @@ import _extends from "@babel/runtime/helpers/esm/extends";
3
3
  import { styled } from '@mui/material/styles';
4
4
  import { referenceLineClasses } from './chartsReferenceLineClasses';
5
5
  export var ReferenceLineRoot = styled('g')(function (_ref) {
6
- var _ref2;
7
6
  var theme = _ref.theme;
8
- return _ref2 = {}, _defineProperty(_ref2, "& .".concat(referenceLineClasses.line), {
7
+ return _defineProperty(_defineProperty({}, "& .".concat(referenceLineClasses.line), {
9
8
  fill: 'none',
10
9
  stroke: (theme.vars || theme).palette.text.primary,
11
10
  shapeRendering: 'crispEdges',
12
11
  strokeWidth: 1,
13
12
  pointerEvents: 'none'
14
- }), _defineProperty(_ref2, "& .".concat(referenceLineClasses.label), _extends({
13
+ }), "& .".concat(referenceLineClasses.label), _extends({
15
14
  fill: (theme.vars || theme).palette.text.primary,
16
15
  stroke: 'none',
17
16
  pointerEvents: 'none',
18
17
  fontSize: 12
19
- }, theme.typography.body1)), _ref2;
18
+ }, theme.typography.body1));
20
19
  });
@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
3
3
  var _excluded = ["children", "width", "height", "viewBox", "disableAxisListener", "className"];
4
4
  import { styled } from '@mui/material/styles';
5
+ import PropTypes from 'prop-types';
5
6
  import * as React from 'react';
6
7
  import { useAxisEvents } from './hooks/useAxisEvents';
7
8
  import { jsx as _jsx } from "react/jsx-runtime";
@@ -12,7 +13,7 @@ var ChartChartsSurfaceStyles = styled('svg', {
12
13
  })(function () {
13
14
  return {};
14
15
  });
15
- export var ChartsSurface = /*#__PURE__*/React.forwardRef(function ChartsSurface(props, ref) {
16
+ var ChartsSurface = /*#__PURE__*/React.forwardRef(function ChartsSurface(props, ref) {
16
17
  var children = props.children,
17
18
  width = props.width,
18
19
  height = props.height,
@@ -40,4 +41,36 @@ export var ChartsSurface = /*#__PURE__*/React.forwardRef(function ChartsSurface(
40
41
  children: props.desc
41
42
  }), children]
42
43
  }));
43
- });
44
+ });
45
+ process.env.NODE_ENV !== "production" ? ChartsSurface.propTypes = {
46
+ // ----------------------------- Warning --------------------------------
47
+ // | These PropTypes are generated from the TypeScript type definitions |
48
+ // | To update them edit the TypeScript types and run "yarn proptypes" |
49
+ // ----------------------------------------------------------------------
50
+ children: PropTypes.node,
51
+ className: PropTypes.string,
52
+ desc: PropTypes.string,
53
+ /**
54
+ * If `true`, the charts will not listen to the mouse move event.
55
+ * It might break interactive features, but will improve performance.
56
+ * @default false
57
+ */
58
+ disableAxisListener: PropTypes.bool,
59
+ /**
60
+ * The height of the chart in px.
61
+ */
62
+ height: PropTypes.number.isRequired,
63
+ sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
64
+ title: PropTypes.string,
65
+ viewBox: PropTypes.shape({
66
+ height: PropTypes.number,
67
+ width: PropTypes.number,
68
+ x: PropTypes.number,
69
+ y: PropTypes.number
70
+ }),
71
+ /**
72
+ * The width of the chart in px.
73
+ */
74
+ width: PropTypes.number.isRequired
75
+ } : void 0;
76
+ export { ChartsSurface };
@@ -75,37 +75,7 @@ process.env.NODE_ENV !== "production" ? ChartsAxisTooltipContent.propTypes = {
75
75
  classes: PropTypes.object.isRequired,
76
76
  content: PropTypes.elementType,
77
77
  contentProps: PropTypes.shape({
78
- axis: PropTypes.shape({
79
- axisId: PropTypes.string,
80
- classes: PropTypes.object,
81
- data: PropTypes.array,
82
- dataKey: PropTypes.string,
83
- disableLine: PropTypes.bool,
84
- disableTicks: PropTypes.bool,
85
- fill: PropTypes.string,
86
- hideTooltip: PropTypes.bool,
87
- id: PropTypes.string.isRequired,
88
- label: PropTypes.string,
89
- labelFontSize: PropTypes.number,
90
- labelStyle: PropTypes.object,
91
- max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
92
- min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
93
- position: PropTypes.oneOf(['bottom', 'left', 'right', 'top']),
94
- scale: PropTypes.func.isRequired,
95
- scaleType: PropTypes.oneOf(['time']).isRequired,
96
- slotProps: PropTypes.object,
97
- slots: PropTypes.object,
98
- stroke: PropTypes.string,
99
- tickFontSize: PropTypes.number,
100
- tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
101
- tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
102
- tickLabelStyle: PropTypes.object,
103
- tickMaxStep: PropTypes.number,
104
- tickMinStep: PropTypes.number,
105
- tickNumber: PropTypes.number.isRequired,
106
- tickSize: PropTypes.number,
107
- valueFormatter: PropTypes.func
108
- }),
78
+ axis: PropTypes.object,
109
79
  axisData: PropTypes.shape({
110
80
  x: PropTypes.shape({
111
81
  index: PropTypes.number,
@@ -119,29 +89,7 @@ process.env.NODE_ENV !== "production" ? ChartsAxisTooltipContent.propTypes = {
119
89
  axisValue: PropTypes.any,
120
90
  classes: PropTypes.object,
121
91
  dataIndex: PropTypes.number,
122
- series: PropTypes.arrayOf(PropTypes.shape({
123
- area: PropTypes.bool,
124
- color: PropTypes.string.isRequired,
125
- connectNulls: PropTypes.bool,
126
- curve: PropTypes.oneOf(['catmullRom', 'linear', 'monotoneX', 'monotoneY', 'natural', 'step', 'stepAfter', 'stepBefore']),
127
- data: PropTypes.arrayOf(PropTypes.number).isRequired,
128
- dataKey: PropTypes.string,
129
- disableHighlight: PropTypes.bool,
130
- highlightScope: PropTypes.shape({
131
- faded: PropTypes.oneOf(['global', 'none', 'series']),
132
- highlighted: PropTypes.oneOf(['item', 'none', 'series'])
133
- }),
134
- id: PropTypes.string.isRequired,
135
- label: PropTypes.string,
136
- showMark: PropTypes.oneOfType([PropTypes.func, PropTypes.bool]),
137
- stack: PropTypes.string,
138
- stackOffset: PropTypes.oneOf(['diverging', 'expand', 'none', 'silhouette', 'wiggle']),
139
- stackOrder: PropTypes.oneOf(['appearance', 'ascending', 'descending', 'insideOut', 'none', 'reverse']),
140
- type: PropTypes.oneOf(['line']).isRequired,
141
- valueFormatter: PropTypes.func.isRequired,
142
- xAxisKey: PropTypes.string,
143
- yAxisKey: PropTypes.string
144
- })),
92
+ series: PropTypes.arrayOf(PropTypes.object),
145
93
  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
146
94
  }),
147
95
  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
@@ -42,7 +42,21 @@ process.env.NODE_ENV !== "production" ? ChartsItemTooltipContent.propTypes = {
42
42
  }),
43
43
  series: PropTypes.shape({
44
44
  color: PropTypes.string,
45
- data: PropTypes.arrayOf(PropTypes.number).isRequired,
45
+ data: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.number), PropTypes.arrayOf(PropTypes.number), PropTypes.arrayOf(PropTypes.shape({
46
+ id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
47
+ x: PropTypes.number.isRequired,
48
+ y: PropTypes.number.isRequired
49
+ })), PropTypes.arrayOf(PropTypes.shape({
50
+ color: PropTypes.string.isRequired,
51
+ endAngle: PropTypes.number.isRequired,
52
+ formattedValue: PropTypes.string.isRequired,
53
+ id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
54
+ index: PropTypes.number.isRequired,
55
+ label: PropTypes.string,
56
+ padAngle: PropTypes.number.isRequired,
57
+ startAngle: PropTypes.number.isRequired,
58
+ value: PropTypes.number.isRequired
59
+ }))]).isRequired,
46
60
  highlightScope: PropTypes.shape({
47
61
  faded: PropTypes.oneOf(['global', 'none', 'series']),
48
62
  highlighted: PropTypes.oneOf(['item', 'none', 'series'])
@@ -45,22 +45,23 @@ export var ChartsTooltipCell = styled('td', {
45
45
  name: 'MuiChartsTooltip',
46
46
  slot: 'Cell'
47
47
  })(function (_ref4) {
48
- var _ref5;
49
48
  var theme = _ref4.theme;
50
- return _ref5 = {
49
+ return _defineProperty(_defineProperty(_defineProperty(_defineProperty({
51
50
  verticalAlign: 'middle',
52
51
  color: (theme.vars || theme).palette.text.secondary
53
- }, _defineProperty(_ref5, "&.".concat(chartsTooltipClasses.labelCell), {
52
+ }, "&.".concat(chartsTooltipClasses.labelCell), {
54
53
  paddingLeft: theme.spacing(1)
55
- }), _defineProperty(_ref5, "&.".concat(chartsTooltipClasses.valueCell), {
54
+ }), "&.".concat(chartsTooltipClasses.valueCell), {
56
55
  paddingLeft: theme.spacing(4),
57
56
  color: (theme.vars || theme).palette.text.primary
58
- }), _defineProperty(_ref5, 'td:first-of-type&', {
57
+ }), 'td:first-of-type&', {
59
58
  paddingLeft: theme.spacing(2)
60
- }), _defineProperty(_ref5, 'td:last-of-type&', {
59
+ }), 'td:last-of-type&', {
61
60
  paddingRight: theme.spacing(2)
62
- }), _ref5;
61
+ });
63
62
  });
63
+
64
+ // eslint-disable-next-line material-ui/no-styled-box
64
65
  export var ChartsTooltipMark = styled(Box, {
65
66
  name: 'MuiChartsTooltip',
66
67
  slot: 'Mark'
@@ -80,37 +80,7 @@ process.env.NODE_ENV !== "production" ? DefaultChartsAxisTooltipContent.propType
80
80
  /**
81
81
  * The properties of the triggered axis.
82
82
  */
83
- axis: PropTypes.shape({
84
- axisId: PropTypes.string,
85
- classes: PropTypes.object,
86
- data: PropTypes.array,
87
- dataKey: PropTypes.string,
88
- disableLine: PropTypes.bool,
89
- disableTicks: PropTypes.bool,
90
- fill: PropTypes.string,
91
- hideTooltip: PropTypes.bool,
92
- id: PropTypes.string.isRequired,
93
- label: PropTypes.string,
94
- labelFontSize: PropTypes.number,
95
- labelStyle: PropTypes.object,
96
- max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
97
- min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
98
- position: PropTypes.oneOf(['bottom', 'left', 'right', 'top']),
99
- scale: PropTypes.func.isRequired,
100
- scaleType: PropTypes.oneOf(['time']).isRequired,
101
- slotProps: PropTypes.object,
102
- slots: PropTypes.object,
103
- stroke: PropTypes.string,
104
- tickFontSize: PropTypes.number,
105
- tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
106
- tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
107
- tickLabelStyle: PropTypes.object,
108
- tickMaxStep: PropTypes.number,
109
- tickMinStep: PropTypes.number,
110
- tickNumber: PropTypes.number.isRequired,
111
- tickSize: PropTypes.number,
112
- valueFormatter: PropTypes.func
113
- }).isRequired,
83
+ axis: PropTypes.object.isRequired,
114
84
  /**
115
85
  * Data identifying the triggered axis.
116
86
  */
@@ -139,29 +109,7 @@ process.env.NODE_ENV !== "production" ? DefaultChartsAxisTooltipContent.propType
139
109
  /**
140
110
  * The series linked to the triggered axis.
141
111
  */
142
- series: PropTypes.arrayOf(PropTypes.shape({
143
- area: PropTypes.bool,
144
- color: PropTypes.string.isRequired,
145
- connectNulls: PropTypes.bool,
146
- curve: PropTypes.oneOf(['catmullRom', 'linear', 'monotoneX', 'monotoneY', 'natural', 'step', 'stepAfter', 'stepBefore']),
147
- data: PropTypes.arrayOf(PropTypes.number).isRequired,
148
- dataKey: PropTypes.string,
149
- disableHighlight: PropTypes.bool,
150
- highlightScope: PropTypes.shape({
151
- faded: PropTypes.oneOf(['global', 'none', 'series']),
152
- highlighted: PropTypes.oneOf(['item', 'none', 'series'])
153
- }),
154
- id: PropTypes.string.isRequired,
155
- label: PropTypes.string,
156
- showMark: PropTypes.oneOfType([PropTypes.func, PropTypes.bool]),
157
- stack: PropTypes.string,
158
- stackOffset: PropTypes.oneOf(['diverging', 'expand', 'none', 'silhouette', 'wiggle']),
159
- stackOrder: PropTypes.oneOf(['appearance', 'ascending', 'descending', 'insideOut', 'none', 'reverse']),
160
- type: PropTypes.oneOf(['line']).isRequired,
161
- valueFormatter: PropTypes.func.isRequired,
162
- xAxisKey: PropTypes.string,
163
- yAxisKey: PropTypes.string
164
- })).isRequired,
112
+ series: PropTypes.arrayOf(PropTypes.object).isRequired,
165
113
  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
166
114
  } : void 0;
167
115
  export { DefaultChartsAxisTooltipContent };
@@ -75,7 +75,21 @@ process.env.NODE_ENV !== "production" ? DefaultChartsItemTooltipContent.propType
75
75
  */
76
76
  series: PropTypes.shape({
77
77
  color: PropTypes.string,
78
- data: PropTypes.arrayOf(PropTypes.number).isRequired,
78
+ data: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.number), PropTypes.arrayOf(PropTypes.number), PropTypes.arrayOf(PropTypes.shape({
79
+ id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
80
+ x: PropTypes.number.isRequired,
81
+ y: PropTypes.number.isRequired
82
+ })), PropTypes.arrayOf(PropTypes.shape({
83
+ color: PropTypes.string.isRequired,
84
+ endAngle: PropTypes.number.isRequired,
85
+ formattedValue: PropTypes.string.isRequired,
86
+ id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
87
+ index: PropTypes.number.isRequired,
88
+ label: PropTypes.string,
89
+ padAngle: PropTypes.number.isRequired,
90
+ startAngle: PropTypes.number.isRequired,
91
+ value: PropTypes.number.isRequired
92
+ }))]).isRequired,
79
93
  highlightScope: PropTypes.shape({
80
94
  faded: PropTypes.oneOf(['global', 'none', 'series']),
81
95
  highlighted: PropTypes.oneOf(['item', 'none', 'series'])
@@ -124,6 +124,7 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
124
124
  * - 'none': display nothing.
125
125
  * - 'line': display a line at the current mouse position.
126
126
  * - 'band': display a band at the current mouse position. Only available with band scale.
127
+ * @default { x: 'line' }
127
128
  */
128
129
  axisHighlight: PropTypes.shape({
129
130
  x: PropTypes.oneOf(['band', 'line', 'none']),
@@ -160,6 +161,7 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
160
161
  className: PropTypes.string,
161
162
  /**
162
163
  * Color palette used to colorize multiple series.
164
+ * @default blueberryTwilightPalette
163
165
  */
164
166
  colors: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.func]),
165
167
  /**
@@ -106,6 +106,7 @@ process.env.NODE_ENV !== "production" ? PieArcLabelPlot.propTypes = {
106
106
  arcLabel: PropTypes.oneOfType([PropTypes.oneOf(['formattedValue', 'label', 'value']), PropTypes.func]),
107
107
  /**
108
108
  * The minimal angle required to display the arc label.
109
+ * @default 0
109
110
  */
110
111
  arcLabelMinAngle: PropTypes.number,
111
112
  /**
@@ -131,6 +132,7 @@ process.env.NODE_ENV !== "production" ? PieArcLabelPlot.propTypes = {
131
132
  })).isRequired,
132
133
  /**
133
134
  * Override the arc attibutes when it is faded.
135
+ * @default { additionalRadius: -5 }
134
136
  */
135
137
  faded: PropTypes.shape({
136
138
  additionalRadius: PropTypes.number,
@@ -112,6 +112,7 @@ process.env.NODE_ENV !== "production" ? PieArcPlot.propTypes = {
112
112
  })).isRequired,
113
113
  /**
114
114
  * Override the arc attibutes when it is faded.
115
+ * @default { additionalRadius: -5 }
115
116
  */
116
117
  faded: PropTypes.shape({
117
118
  additionalRadius: PropTypes.number,
@@ -120,7 +120,7 @@ process.env.NODE_ENV !== "production" ? PieChart.propTypes = {
120
120
  /**
121
121
  * Indicate which axis to display the bottom of the charts.
122
122
  * Can be a string (the id of the axis) or an object `ChartsXAxisProps`.
123
- * @default xAxisIds[0] The id of the first provided axis
123
+ * @default null
124
124
  */
125
125
  bottomAxis: PropTypes.oneOfType([PropTypes.shape({
126
126
  axisId: PropTypes.string,
@@ -148,6 +148,7 @@ process.env.NODE_ENV !== "production" ? PieChart.propTypes = {
148
148
  className: PropTypes.string,
149
149
  /**
150
150
  * Color palette used to colorize multiple series.
151
+ * @default blueberryTwilightPalette
151
152
  */
152
153
  colors: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.func]),
153
154
  /**
@@ -169,7 +170,7 @@ process.env.NODE_ENV !== "production" ? PieChart.propTypes = {
169
170
  /**
170
171
  * Indicate which axis to display the left of the charts.
171
172
  * Can be a string (the id of the axis) or an object `ChartsYAxisProps`.
172
- * @default yAxisIds[0] The id of the first provided axis
173
+ * @default null
173
174
  */
174
175
  leftAxis: PropTypes.oneOfType([PropTypes.shape({
175
176
  axisId: PropTypes.string,
@@ -113,6 +113,7 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
113
113
  className: PropTypes.string,
114
114
  /**
115
115
  * Color palette used to colorize multiple series.
116
+ * @default blueberryTwilightPalette
116
117
  */
117
118
  colors: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.func]),
118
119
  /**