@mui/x-charts 7.22.1 → 8.0.0-alpha.0

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 (193) hide show
  1. package/BarChart/BarChart.d.ts +7 -7
  2. package/BarChart/BarChart.js +9 -29
  3. package/BarChart/BarElement.d.ts +1 -1
  4. package/BarChart/BarLabel/BarLabelItem.d.ts +1 -1
  5. package/BarChart/BarPlot.js +12 -4
  6. package/BarChart/extremums.js +3 -3
  7. package/BarChart/useBarChartProps.d.ts +2 -2
  8. package/BarChart/useBarChartProps.js +3 -4
  9. package/CHANGELOG.md +143 -92
  10. package/ChartContainer/ChartContainer.d.ts +16 -33
  11. package/ChartContainer/ChartContainer.js +24 -41
  12. package/{ResponsiveChartContainer → ChartContainer}/ResizableContainer.d.ts +2 -2
  13. package/{ResponsiveChartContainer → ChartContainer}/useChartContainerDimensions.d.ts +1 -1
  14. package/{ResponsiveChartContainer → ChartContainer}/useChartContainerDimensions.js +6 -4
  15. package/ChartContainer/useChartContainerProps.d.ts +11 -86
  16. package/ChartContainer/useChartContainerProps.js +42 -58
  17. package/ChartsLegend/ChartsLegend.js +0 -3
  18. package/ChartsLegend/DefaultChartsLegend.d.ts +0 -5
  19. package/ChartsLegend/DefaultChartsLegend.js +1 -12
  20. package/ChartsLegend/LegendPerItem.d.ts +1 -1
  21. package/ChartsOnAxisClickHandler/ChartsOnAxisClickHandler.js +2 -2
  22. package/ChartsOverlay/ChartsOverlay.d.ts +1 -1
  23. package/ChartsTooltip/ChartsAxisTooltipContent.js +3 -3
  24. package/ChartsTooltip/ChartsItemTooltipContent.js +3 -3
  25. package/ChartsTooltip/ChartsTooltip.js +45 -6
  26. package/ChartsTooltip/useAxisTooltip.js +3 -3
  27. package/ChartsTooltip/useItemTooltip.js +3 -3
  28. package/ChartsTooltip/utils.d.ts +5 -13
  29. package/ChartsTooltip/utils.js +45 -42
  30. package/ChartsVoronoiHandler/ChartsVoronoiHandler.js +3 -5
  31. package/Gauge/GaugeContainer.js +1 -1
  32. package/LineChart/AreaElement.d.ts +1 -1
  33. package/LineChart/AreaPlot.js +2 -6
  34. package/LineChart/LineChart.d.ts +7 -7
  35. package/LineChart/LineChart.js +9 -29
  36. package/LineChart/LineElement.d.ts +1 -1
  37. package/LineChart/LineHighlightPlot.d.ts +1 -1
  38. package/LineChart/LineHighlightPlot.js +2 -6
  39. package/LineChart/LinePlot.js +2 -6
  40. package/LineChart/MarkPlot.js +2 -6
  41. package/LineChart/extremums.js +10 -6
  42. package/LineChart/useLineChartProps.d.ts +2 -2
  43. package/LineChart/useLineChartProps.js +3 -4
  44. package/PieChart/PieArc.d.ts +0 -5
  45. package/PieChart/PieArc.js +1 -10
  46. package/PieChart/PieArcPlot.js +0 -5
  47. package/PieChart/PieChart.d.ts +9 -32
  48. package/PieChart/PieChart.js +19 -102
  49. package/README.md +2 -2
  50. package/ScatterChart/ScatterChart.d.ts +7 -7
  51. package/ScatterChart/ScatterChart.js +9 -29
  52. package/ScatterChart/ScatterPlot.js +3 -6
  53. package/ScatterChart/extremums.js +6 -6
  54. package/ScatterChart/useScatterChartProps.d.ts +2 -2
  55. package/ScatterChart/useScatterChartProps.js +3 -4
  56. package/SparkLineChart/SparkLineChart.d.ts +4 -4
  57. package/SparkLineChart/SparkLineChart.js +4 -2
  58. package/context/CartesianProvider/defaultizeAxis.d.ts +5 -1
  59. package/context/ChartDataProvider/ChartDataProvider.d.ts +41 -0
  60. package/{ResponsiveChartContainer/ResponsiveChartContainer.js → context/ChartDataProvider/ChartDataProvider.js} +48 -27
  61. package/context/ChartDataProvider/index.d.ts +1 -0
  62. package/context/ChartDataProvider/index.js +1 -0
  63. package/context/ChartDataProvider/useChartDataProviderProps.d.ts +97 -0
  64. package/context/ChartDataProvider/useChartDataProviderProps.js +86 -0
  65. package/{ChartContainer → context/ChartDataProvider}/useDefaultizeAxis.d.ts +16 -12
  66. package/{ChartContainer → context/ChartDataProvider}/useDefaultizeAxis.js +1 -1
  67. package/context/HighlightedProvider/HighlightedContext.d.ts +0 -8
  68. package/context/HighlightedProvider/HighlightedProvider.js +1 -16
  69. package/context/PluginProvider/ExtremumGetter.types.d.ts +2 -2
  70. package/context/ZAxisContextProvider.d.ts +1 -1
  71. package/index.d.ts +1 -2
  72. package/index.js +2 -3
  73. package/internals/computeAxisValue.js +13 -5
  74. package/internals/defaultizeColor.d.ts +1 -8
  75. package/internals/getSymbol.js +19 -3
  76. package/internals/index.d.ts +5 -5
  77. package/internals/index.js +5 -5
  78. package/internals/useStringInterpolator.js +1 -0
  79. package/models/axis.d.ts +10 -0
  80. package/models/seriesType/bar.d.ts +1 -1
  81. package/models/seriesType/common.d.ts +2 -12
  82. package/models/seriesType/config.d.ts +1 -1
  83. package/models/seriesType/line.d.ts +1 -1
  84. package/models/seriesType/pie.d.ts +1 -1
  85. package/models/seriesType/scatter.d.ts +1 -6
  86. package/modern/BarChart/BarChart.js +9 -29
  87. package/modern/BarChart/BarPlot.js +12 -4
  88. package/modern/BarChart/extremums.js +3 -3
  89. package/modern/BarChart/useBarChartProps.js +3 -4
  90. package/modern/ChartContainer/ChartContainer.js +24 -41
  91. package/modern/{ResponsiveChartContainer → ChartContainer}/useChartContainerDimensions.js +6 -4
  92. package/modern/ChartContainer/useChartContainerProps.js +42 -58
  93. package/modern/ChartsLegend/ChartsLegend.js +0 -3
  94. package/modern/ChartsLegend/DefaultChartsLegend.js +1 -12
  95. package/modern/ChartsOnAxisClickHandler/ChartsOnAxisClickHandler.js +2 -2
  96. package/modern/ChartsTooltip/ChartsAxisTooltipContent.js +3 -3
  97. package/modern/ChartsTooltip/ChartsItemTooltipContent.js +3 -3
  98. package/modern/ChartsTooltip/ChartsTooltip.js +45 -6
  99. package/modern/ChartsTooltip/useAxisTooltip.js +3 -3
  100. package/modern/ChartsTooltip/useItemTooltip.js +3 -3
  101. package/modern/ChartsTooltip/utils.js +45 -42
  102. package/modern/ChartsVoronoiHandler/ChartsVoronoiHandler.js +3 -5
  103. package/modern/Gauge/GaugeContainer.js +1 -1
  104. package/modern/LineChart/AreaPlot.js +2 -6
  105. package/modern/LineChart/LineChart.js +9 -29
  106. package/modern/LineChart/LineHighlightPlot.js +2 -6
  107. package/modern/LineChart/LinePlot.js +2 -6
  108. package/modern/LineChart/MarkPlot.js +2 -6
  109. package/modern/LineChart/extremums.js +10 -6
  110. package/modern/LineChart/useLineChartProps.js +3 -4
  111. package/modern/PieChart/PieArc.js +1 -10
  112. package/modern/PieChart/PieArcPlot.js +0 -5
  113. package/modern/PieChart/PieChart.js +19 -102
  114. package/modern/ScatterChart/ScatterChart.js +9 -29
  115. package/modern/ScatterChart/ScatterPlot.js +3 -6
  116. package/modern/ScatterChart/extremums.js +6 -6
  117. package/modern/ScatterChart/useScatterChartProps.js +3 -4
  118. package/modern/SparkLineChart/SparkLineChart.js +4 -2
  119. package/modern/{ResponsiveChartContainer/ResponsiveChartContainer.js → context/ChartDataProvider/ChartDataProvider.js} +48 -27
  120. package/modern/context/ChartDataProvider/index.js +1 -0
  121. package/modern/context/ChartDataProvider/useChartDataProviderProps.js +86 -0
  122. package/modern/{ChartContainer → context/ChartDataProvider}/useDefaultizeAxis.js +1 -1
  123. package/modern/context/HighlightedProvider/HighlightedProvider.js +1 -16
  124. package/modern/index.js +2 -3
  125. package/modern/internals/computeAxisValue.js +13 -5
  126. package/modern/internals/getSymbol.js +19 -3
  127. package/modern/internals/index.js +5 -5
  128. package/modern/internals/useStringInterpolator.js +1 -0
  129. package/node/BarChart/BarChart.js +9 -29
  130. package/node/BarChart/BarPlot.js +11 -3
  131. package/node/BarChart/extremums.js +3 -3
  132. package/node/BarChart/useBarChartProps.js +3 -4
  133. package/node/ChartContainer/ChartContainer.js +23 -40
  134. package/node/{ResponsiveChartContainer → ChartContainer}/useChartContainerDimensions.js +6 -4
  135. package/node/ChartContainer/useChartContainerProps.js +42 -59
  136. package/node/ChartsLegend/ChartsLegend.js +0 -3
  137. package/node/ChartsLegend/DefaultChartsLegend.js +1 -12
  138. package/node/ChartsOnAxisClickHandler/ChartsOnAxisClickHandler.js +2 -2
  139. package/node/ChartsTooltip/ChartsAxisTooltipContent.js +3 -3
  140. package/node/ChartsTooltip/ChartsItemTooltipContent.js +3 -3
  141. package/node/ChartsTooltip/ChartsTooltip.js +44 -5
  142. package/node/ChartsTooltip/useAxisTooltip.js +3 -3
  143. package/node/ChartsTooltip/useItemTooltip.js +3 -3
  144. package/node/ChartsTooltip/utils.js +46 -44
  145. package/node/ChartsVoronoiHandler/ChartsVoronoiHandler.js +3 -5
  146. package/node/Gauge/GaugeContainer.js +1 -1
  147. package/node/LineChart/AreaPlot.js +2 -6
  148. package/node/LineChart/LineChart.js +9 -29
  149. package/node/LineChart/LineHighlightPlot.js +2 -6
  150. package/node/LineChart/LinePlot.js +2 -6
  151. package/node/LineChart/MarkPlot.js +2 -6
  152. package/node/LineChart/extremums.js +10 -6
  153. package/node/LineChart/useLineChartProps.js +3 -4
  154. package/node/PieChart/PieArc.js +1 -10
  155. package/node/PieChart/PieArcPlot.js +0 -5
  156. package/node/PieChart/PieChart.js +19 -102
  157. package/node/ScatterChart/ScatterChart.js +9 -29
  158. package/node/ScatterChart/ScatterPlot.js +3 -6
  159. package/node/ScatterChart/extremums.js +6 -6
  160. package/node/ScatterChart/useScatterChartProps.js +3 -4
  161. package/node/SparkLineChart/SparkLineChart.js +4 -2
  162. package/node/{ResponsiveChartContainer/ResponsiveChartContainer.js → context/ChartDataProvider/ChartDataProvider.js} +47 -26
  163. package/node/context/ChartDataProvider/index.js +16 -0
  164. package/node/context/ChartDataProvider/useChartDataProviderProps.js +94 -0
  165. package/node/{ChartContainer → context/ChartDataProvider}/useDefaultizeAxis.js +1 -1
  166. package/node/context/HighlightedProvider/HighlightedProvider.js +1 -16
  167. package/node/index.js +5 -16
  168. package/node/internals/computeAxisValue.js +13 -5
  169. package/node/internals/getSymbol.js +19 -3
  170. package/node/internals/index.js +37 -29
  171. package/node/internals/useStringInterpolator.js +2 -0
  172. package/package.json +4 -4
  173. package/ResponsiveChartContainer/ResponsiveChartContainer.d.ts +0 -24
  174. package/ResponsiveChartContainer/index.d.ts +0 -1
  175. package/ResponsiveChartContainer/index.js +0 -1
  176. package/ResponsiveChartContainer/package.json +0 -6
  177. package/ResponsiveChartContainer/useResponsiveChartContainerProps.d.ts +0 -19
  178. package/ResponsiveChartContainer/useResponsiveChartContainerProps.js +0 -70
  179. package/internals/SlotComponentPropsFromProps.d.ts +0 -1
  180. package/internals/SlotComponentPropsFromProps.js +0 -1
  181. package/models/helpers.d.ts +0 -3
  182. package/models/helpers.js +0 -1
  183. package/modern/ResponsiveChartContainer/index.js +0 -1
  184. package/modern/ResponsiveChartContainer/useResponsiveChartContainerProps.js +0 -70
  185. package/modern/internals/SlotComponentPropsFromProps.js +0 -1
  186. package/modern/models/helpers.js +0 -1
  187. package/node/ResponsiveChartContainer/index.js +0 -16
  188. package/node/ResponsiveChartContainer/useResponsiveChartContainerProps.js +0 -77
  189. package/node/internals/SlotComponentPropsFromProps.js +0 -5
  190. package/node/models/helpers.js +0 -5
  191. /package/{ResponsiveChartContainer → ChartContainer}/ResizableContainer.js +0 -0
  192. /package/modern/{ResponsiveChartContainer → ChartContainer}/ResizableContainer.js +0 -0
  193. /package/node/{ResponsiveChartContainer → ChartContainer}/ResizableContainer.js +0 -0
@@ -0,0 +1,94 @@
1
+ "use strict";
2
+ 'use client';
3
+
4
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
5
+ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
6
+ Object.defineProperty(exports, "__esModule", {
7
+ value: true
8
+ });
9
+ exports.useChartDataProviderProps = void 0;
10
+ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
11
+ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
12
+ var React = _interopRequireWildcard(require("react"));
13
+ var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
14
+ var _useDefaultizeAxis = require("./useDefaultizeAxis");
15
+ const _excluded = ["width", "height", "series", "margin", "xAxis", "yAxis", "zAxis", "colors", "dataset", "sx", "title", "desc", "disableAxisListener", "highlightedItem", "onHighlightChange", "plugins", "children", "skipAnimation"];
16
+ const useChartDataProviderProps = (props, ref) => {
17
+ const {
18
+ width,
19
+ height,
20
+ series,
21
+ margin,
22
+ xAxis,
23
+ yAxis,
24
+ zAxis,
25
+ colors,
26
+ dataset,
27
+ sx,
28
+ title,
29
+ desc,
30
+ disableAxisListener,
31
+ highlightedItem,
32
+ onHighlightChange,
33
+ plugins,
34
+ children,
35
+ skipAnimation
36
+ } = props,
37
+ other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
38
+ const svgRef = React.useRef(null);
39
+ const chartSurfaceRef = (0, _useForkRef.default)(ref, svgRef);
40
+ const [defaultizedXAxis, defaultizedYAxis] = (0, _useDefaultizeAxis.useDefaultizeAxis)(xAxis, yAxis, dataset);
41
+ const drawingProviderProps = {
42
+ width,
43
+ height,
44
+ margin,
45
+ svgRef
46
+ };
47
+ const animationProviderProps = {
48
+ skipAnimation
49
+ };
50
+ const pluginProviderProps = {
51
+ plugins
52
+ };
53
+ const seriesProviderProps = {
54
+ series,
55
+ colors,
56
+ dataset
57
+ };
58
+ const cartesianProviderProps = {
59
+ xAxis: defaultizedXAxis,
60
+ yAxis: defaultizedYAxis,
61
+ dataset
62
+ };
63
+ const zAxisContextProps = {
64
+ zAxis,
65
+ dataset
66
+ };
67
+ const highlightedProviderProps = {
68
+ highlightedItem,
69
+ onHighlightChange
70
+ };
71
+ const chartsSurfaceProps = (0, _extends2.default)({}, other, {
72
+ width,
73
+ height,
74
+ ref: chartSurfaceRef,
75
+ sx,
76
+ title,
77
+ desc,
78
+ disableAxisListener
79
+ });
80
+ return {
81
+ children,
82
+ drawingProviderProps,
83
+ seriesProviderProps,
84
+ cartesianProviderProps,
85
+ zAxisContextProps,
86
+ highlightedProviderProps,
87
+ chartsSurfaceProps,
88
+ pluginProviderProps,
89
+ animationProviderProps,
90
+ xAxis: defaultizedXAxis,
91
+ yAxis: defaultizedYAxis
92
+ };
93
+ };
94
+ exports.useChartDataProviderProps = useChartDataProviderProps;
@@ -9,7 +9,7 @@ Object.defineProperty(exports, "__esModule", {
9
9
  exports.useDefaultizeAxis = void 0;
10
10
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
11
11
  var React = _interopRequireWildcard(require("react"));
12
- var _constants = require("../constants");
12
+ var _constants = require("../../constants");
13
13
  const defaultizeAxis = (inAxis, dataset, axisName) => {
14
14
  const DEFAULT_AXIS_KEY = axisName === 'x' ? _constants.DEFAULT_X_AXIS_KEY : _constants.DEFAULT_Y_AXIS_KEY;
15
15
  return [...(inAxis?.map((axis, index) => (0, _extends2.default)({
@@ -7,8 +7,6 @@ Object.defineProperty(exports, "__esModule", {
7
7
  value: true
8
8
  });
9
9
  exports.HighlightedProvider = HighlightedProvider;
10
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
11
- var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
12
10
  var React = _interopRequireWildcard(require("react"));
13
11
  var _propTypes = _interopRequireDefault(require("prop-types"));
14
12
  var _useControlled = _interopRequireDefault(require("@mui/utils/useControlled"));
@@ -17,19 +15,6 @@ var _createIsFaded = require("./createIsFaded");
17
15
  var _createIsHighlighted = require("./createIsHighlighted");
18
16
  var _useSeries = require("../../hooks/useSeries");
19
17
  var _jsxRuntime = require("react/jsx-runtime");
20
- const _excluded = ["highlighted", "faded"];
21
- const mergeDeprecatedOptions = options => {
22
- const _ref = options ?? {},
23
- {
24
- highlighted,
25
- faded
26
- } = _ref,
27
- other = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
28
- return (0, _extends2.default)({
29
- highlight: highlighted,
30
- fade: faded
31
- }, other);
32
- };
33
18
  function HighlightedProvider({
34
19
  children,
35
20
  highlightedItem: highlightedItemProps,
@@ -48,7 +33,7 @@ function HighlightedProvider({
48
33
  const seriesData = series[seriesType];
49
34
  Object.keys(seriesData?.series ?? {}).forEach(seriesId => {
50
35
  const seriesItem = seriesData?.series[seriesId];
51
- map.set(seriesId, mergeDeprecatedOptions(seriesItem?.highlightScope));
36
+ map.set(seriesId, seriesItem?.highlightScope);
52
37
  });
53
38
  });
54
39
  return map;
package/node/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/x-charts v7.22.1
2
+ * @mui/x-charts v8.0.0-alpha.0
3
3
  *
4
4
  * @license MIT
5
5
  * This source code is licensed under the MIT license found in the
@@ -263,17 +263,6 @@ Object.keys(_Gauge).forEach(function (key) {
263
263
  }
264
264
  });
265
265
  });
266
- var _ChartContainer = require("./ChartContainer");
267
- Object.keys(_ChartContainer).forEach(function (key) {
268
- if (key === "default" || key === "__esModule") return;
269
- if (key in exports && exports[key] === _ChartContainer[key]) return;
270
- Object.defineProperty(exports, key, {
271
- enumerable: true,
272
- get: function () {
273
- return _ChartContainer[key];
274
- }
275
- });
276
- });
277
266
  var _ChartsSurface = require("./ChartsSurface");
278
267
  Object.keys(_ChartsSurface).forEach(function (key) {
279
268
  if (key === "default" || key === "__esModule") return;
@@ -285,14 +274,14 @@ Object.keys(_ChartsSurface).forEach(function (key) {
285
274
  }
286
275
  });
287
276
  });
288
- var _ResponsiveChartContainer = require("./ResponsiveChartContainer");
289
- Object.keys(_ResponsiveChartContainer).forEach(function (key) {
277
+ var _ChartContainer = require("./ChartContainer");
278
+ Object.keys(_ChartContainer).forEach(function (key) {
290
279
  if (key === "default" || key === "__esModule") return;
291
- if (key in exports && exports[key] === _ResponsiveChartContainer[key]) return;
280
+ if (key in exports && exports[key] === _ChartContainer[key]) return;
292
281
  Object.defineProperty(exports, key, {
293
282
  enumerable: true,
294
283
  get: function () {
295
- return _ResponsiveChartContainer[key];
284
+ return _ChartContainer[key];
296
285
  }
297
286
  });
298
287
  });
@@ -105,22 +105,30 @@ function computeAxisValue({
105
105
  return;
106
106
  }
107
107
  const scaleType = axis.scaleType ?? 'linear';
108
+ const domainLimit = axis.domainLimit ?? 'nice';
108
109
  const axisExtremums = [axis.min ?? minData, axis.max ?? maxData];
110
+ if (typeof domainLimit === 'function') {
111
+ const {
112
+ min,
113
+ max
114
+ } = domainLimit(minData, maxData);
115
+ axisExtremums[0] = min;
116
+ axisExtremums[1] = max;
117
+ }
109
118
  const rawTickNumber = (0, _useTicks.getTickNumber)((0, _extends2.default)({}, axis, {
110
119
  range,
111
120
  domain: axisExtremums
112
121
  }));
113
122
  const tickNumber = rawTickNumber / ((zoomRange[1] - zoomRange[0]) / 100);
114
123
  const zoomedRange = (0, _zoom.zoomScaleRange)(range, zoomRange);
115
-
116
- // TODO: move nice to prop? Disable when there is zoom?
117
- const scale = (0, _getScale.getScale)(scaleType, axisExtremums, zoomedRange).nice(rawTickNumber);
118
- const [minDomain, maxDomain] = scale.domain();
124
+ const scale = (0, _getScale.getScale)(scaleType, axisExtremums, zoomedRange);
125
+ const finalScale = domainLimit === 'nice' ? scale.nice(rawTickNumber) : scale;
126
+ const [minDomain, maxDomain] = finalScale.domain();
119
127
  const domain = [axis.min ?? minDomain, axis.max ?? maxDomain];
120
128
  completeAxis[axis.id] = (0, _extends2.default)({}, axis, {
121
129
  data,
122
130
  scaleType: scaleType,
123
- scale: scale.domain(domain),
131
+ scale: finalScale.domain(domain),
124
132
  tickNumber,
125
133
  colorScale: axis.colorMap && (0, _colorScale.getColorScale)(axis.colorMap)
126
134
  });
@@ -4,8 +4,24 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.getSymbol = getSymbol;
7
- // Returns the index of a defined shape
8
7
  function getSymbol(shape) {
9
- const symbolNames = 'circle cross diamond square star triangle wye'.split(/ /);
10
- return symbolNames.indexOf(shape) || 0;
8
+ // prettier-ignore
9
+ switch (shape) {
10
+ case 'circle':
11
+ return 0;
12
+ case 'cross':
13
+ return 1;
14
+ case 'diamond':
15
+ return 2;
16
+ case 'square':
17
+ return 3;
18
+ case 'star':
19
+ return 4;
20
+ case 'triangle':
21
+ return 5;
22
+ case 'wye':
23
+ return 6;
24
+ default:
25
+ return 0;
26
+ }
11
27
  }
@@ -10,8 +10,6 @@ var _exportNames = {
10
10
  useScatterChartProps: true,
11
11
  useLineChartProps: true,
12
12
  useBarChartProps: true,
13
- useResponsiveChartContainerProps: true,
14
- useChartContainerProps: true,
15
13
  unstable_cleanupDOM: true,
16
14
  getAxisExtremum: true
17
15
  };
@@ -33,12 +31,6 @@ Object.defineProperty(exports, "useBarChartProps", {
33
31
  return _useBarChartProps.useBarChartProps;
34
32
  }
35
33
  });
36
- Object.defineProperty(exports, "useChartContainerProps", {
37
- enumerable: true,
38
- get: function () {
39
- return _useChartContainerProps.useChartContainerProps;
40
- }
41
- });
42
34
  Object.defineProperty(exports, "useDrawingArea", {
43
35
  enumerable: true,
44
36
  get: function () {
@@ -57,12 +49,6 @@ Object.defineProperty(exports, "useLineChartProps", {
57
49
  return _useLineChartProps.useLineChartProps;
58
50
  }
59
51
  });
60
- Object.defineProperty(exports, "useResponsiveChartContainerProps", {
61
- enumerable: true,
62
- get: function () {
63
- return _useResponsiveChartContainerProps.useResponsiveChartContainerProps;
64
- }
65
- });
66
52
  Object.defineProperty(exports, "useScatterChartProps", {
67
53
  enumerable: true,
68
54
  get: function () {
@@ -87,7 +73,7 @@ Object.keys(_ChartsAxesGradients).forEach(function (key) {
87
73
  }
88
74
  });
89
75
  });
90
- var _useChartContainerDimensions = require("../ResponsiveChartContainer/useChartContainerDimensions");
76
+ var _useChartContainerDimensions = require("../ChartContainer/useChartContainerDimensions");
91
77
  Object.keys(_useChartContainerDimensions).forEach(function (key) {
92
78
  if (key === "default" || key === "__esModule") return;
93
79
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -99,7 +85,7 @@ Object.keys(_useChartContainerDimensions).forEach(function (key) {
99
85
  }
100
86
  });
101
87
  });
102
- var _ResizableContainer = require("../ResponsiveChartContainer/ResizableContainer");
88
+ var _ResizableContainer = require("../ChartContainer/ResizableContainer");
103
89
  Object.keys(_ResizableContainer).forEach(function (key) {
104
90
  if (key === "default" || key === "__esModule") return;
105
91
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -117,8 +103,30 @@ var _useDrawingArea = require("../hooks/useDrawingArea");
117
103
  var _useScatterChartProps = require("../ScatterChart/useScatterChartProps");
118
104
  var _useLineChartProps = require("../LineChart/useLineChartProps");
119
105
  var _useBarChartProps = require("../BarChart/useBarChartProps");
120
- var _useResponsiveChartContainerProps = require("../ResponsiveChartContainer/useResponsiveChartContainerProps");
121
106
  var _useChartContainerProps = require("../ChartContainer/useChartContainerProps");
107
+ Object.keys(_useChartContainerProps).forEach(function (key) {
108
+ if (key === "default" || key === "__esModule") return;
109
+ if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
110
+ if (key in exports && exports[key] === _useChartContainerProps[key]) return;
111
+ Object.defineProperty(exports, key, {
112
+ enumerable: true,
113
+ get: function () {
114
+ return _useChartContainerProps[key];
115
+ }
116
+ });
117
+ });
118
+ var _useChartDataProviderProps = require("../context/ChartDataProvider/useChartDataProviderProps");
119
+ Object.keys(_useChartDataProviderProps).forEach(function (key) {
120
+ if (key === "default" || key === "__esModule") return;
121
+ if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
122
+ if (key in exports && exports[key] === _useChartDataProviderProps[key]) return;
123
+ Object.defineProperty(exports, key, {
124
+ enumerable: true,
125
+ get: function () {
126
+ return _useChartDataProviderProps[key];
127
+ }
128
+ });
129
+ });
122
130
  var _defaultizeValueFormatter = require("./defaultizeValueFormatter");
123
131
  Object.keys(_defaultizeValueFormatter).forEach(function (key) {
124
132
  if (key === "default" || key === "__esModule") return;
@@ -289,39 +297,39 @@ Object.keys(_AnimationProvider).forEach(function (key) {
289
297
  });
290
298
  });
291
299
  var _getAxisExtremum = require("../context/CartesianProvider/getAxisExtremum");
292
- var _config = require("../models/seriesType/config");
293
- Object.keys(_config).forEach(function (key) {
300
+ var _ChartDataProvider = require("../context/ChartDataProvider");
301
+ Object.keys(_ChartDataProvider).forEach(function (key) {
294
302
  if (key === "default" || key === "__esModule") return;
295
303
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
296
- if (key in exports && exports[key] === _config[key]) return;
304
+ if (key in exports && exports[key] === _ChartDataProvider[key]) return;
297
305
  Object.defineProperty(exports, key, {
298
306
  enumerable: true,
299
307
  get: function () {
300
- return _config[key];
308
+ return _ChartDataProvider[key];
301
309
  }
302
310
  });
303
311
  });
304
- var _common = require("../models/seriesType/common");
305
- Object.keys(_common).forEach(function (key) {
312
+ var _config = require("../models/seriesType/config");
313
+ Object.keys(_config).forEach(function (key) {
306
314
  if (key === "default" || key === "__esModule") return;
307
315
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
308
- if (key in exports && exports[key] === _common[key]) return;
316
+ if (key in exports && exports[key] === _config[key]) return;
309
317
  Object.defineProperty(exports, key, {
310
318
  enumerable: true,
311
319
  get: function () {
312
- return _common[key];
320
+ return _config[key];
313
321
  }
314
322
  });
315
323
  });
316
- var _helpers = require("../models/helpers");
317
- Object.keys(_helpers).forEach(function (key) {
324
+ var _common = require("../models/seriesType/common");
325
+ Object.keys(_common).forEach(function (key) {
318
326
  if (key === "default" || key === "__esModule") return;
319
327
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
320
- if (key in exports && exports[key] === _helpers[key]) return;
328
+ if (key in exports && exports[key] === _common[key]) return;
321
329
  Object.defineProperty(exports, key, {
322
330
  enumerable: true,
323
331
  get: function () {
324
- return _helpers[key];
332
+ return _common[key];
325
333
  }
326
334
  });
327
335
  });
@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
7
7
  exports.useStringInterpolator = void 0;
8
8
  var React = _interopRequireWildcard(require("react"));
9
9
  var _d3Interpolate = require("@mui/x-charts-vendor/d3-interpolate");
10
+ /* eslint-disable react-compiler/react-compiler */
11
+
10
12
  function usePrevious(value) {
11
13
  const ref = React.useRef({
12
14
  currentPath: value,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mui/x-charts",
3
- "version": "7.22.1",
3
+ "version": "8.0.0-alpha.0",
4
4
  "description": "The community edition of the Charts components (MUI X).",
5
5
  "author": "MUI Team",
6
6
  "main": "./node/index.js",
@@ -29,14 +29,14 @@
29
29
  "directory": "packages/x-charts"
30
30
  },
31
31
  "dependencies": {
32
- "@babel/runtime": "^7.25.7",
32
+ "@babel/runtime": "^7.26.0",
33
33
  "@mui/utils": "^5.16.6 || ^6.0.0",
34
34
  "@react-spring/rafz": "^9.7.5",
35
35
  "@react-spring/web": "^9.7.5",
36
36
  "clsx": "^2.1.1",
37
37
  "prop-types": "^15.8.1",
38
- "@mui/x-charts-vendor": "7.20.0",
39
- "@mui/x-internals": "7.21.0"
38
+ "@mui/x-charts-vendor": "8.0.0-alpha.0",
39
+ "@mui/x-internals": "8.0.0-alpha.0"
40
40
  },
41
41
  "peerDependencies": {
42
42
  "@emotion/react": "^11.9.0",
@@ -1,24 +0,0 @@
1
- import * as React from 'react';
2
- import { ChartContainerProps } from '../ChartContainer';
3
- export interface ResponsiveChartContainerProps extends Omit<ChartContainerProps, 'width' | 'height'> {
4
- /**
5
- * The width of the chart in px. If not defined, it takes the width of the parent element.
6
- */
7
- width?: number;
8
- /**
9
- * The height of the chart in px. If not defined, it takes the height of the parent element.
10
- */
11
- height?: number;
12
- /**
13
- * The chart will try to wait for the parent container to resolve its size
14
- * before it renders for the first time.
15
- *
16
- * This can be useful in some scenarios where the chart appear to grow after
17
- * the first render, like when used inside a grid.
18
- *
19
- * @default false
20
- */
21
- resolveSizeBeforeRender?: boolean;
22
- }
23
- declare const ResponsiveChartContainer: React.ForwardRefExoticComponent<ResponsiveChartContainerProps & React.RefAttributes<unknown>>;
24
- export { ResponsiveChartContainer };
@@ -1 +0,0 @@
1
- export * from './ResponsiveChartContainer';
@@ -1 +0,0 @@
1
- export * from "./ResponsiveChartContainer.js";
@@ -1,6 +0,0 @@
1
- {
2
- "sideEffects": false,
3
- "module": "./index.js",
4
- "main": "../node/ResponsiveChartContainer/index.js",
5
- "types": "./index.d.ts"
6
- }
@@ -1,19 +0,0 @@
1
- import type { ResponsiveChartContainerProps } from './ResponsiveChartContainer';
2
- export declare const useResponsiveChartContainerProps: (props: ResponsiveChartContainerProps, ref: React.ForwardedRef<unknown>) => {
3
- hasIntrinsicSize: number;
4
- chartContainerProps: Omit<import("..").ChartsSurfaceProps & Omit<import("../internals").SeriesProviderProps, "seriesFormatters"> & Omit<import("../internals").DrawingProviderProps, "svgRef"> & Pick<import("../internals").CartesianProviderProps, "dataset"> & import("..").ZAxisContextProviderProps & import("..").HighlightedProviderProps & import("../internals").PluginProviderProps & import("../internals").AnimationProviderProps, "children"> & {
5
- xAxis?: import("../internals").MakeOptional<import("..").AxisConfig<import("..").ScaleName, any, import("..").ChartsXAxisProps>, "id">[];
6
- yAxis?: import("../internals").MakeOptional<import("..").AxisConfig<import("..").ScaleName, any, import("..").ChartsYAxisProps>, "id">[];
7
- children?: React.ReactNode;
8
- } & {
9
- ref: React.ForwardedRef<unknown>;
10
- };
11
- resizableChartContainerProps: {
12
- ownerState: {
13
- width: number | undefined;
14
- height: number | undefined;
15
- };
16
- ref: import("react").MutableRefObject<null>;
17
- className?: string | undefined;
18
- };
19
- };
@@ -1,70 +0,0 @@
1
- 'use client';
2
-
3
- import _extends from "@babel/runtime/helpers/esm/extends";
4
- import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
5
- const _excluded = ["width", "height", "resolveSizeBeforeRender", "margin", "children", "series", "colors", "dataset", "desc", "disableAxisListener", "highlightedItem", "onHighlightChange", "plugins", "sx", "title", "viewBox", "xAxis", "yAxis", "zAxis", "skipAnimation"];
6
- import { useChartContainerDimensions } from "./useChartContainerDimensions.js";
7
- export const useResponsiveChartContainerProps = (props, ref) => {
8
- const {
9
- width,
10
- height,
11
- resolveSizeBeforeRender,
12
- margin,
13
- children,
14
- series,
15
- colors,
16
- dataset,
17
- desc,
18
- disableAxisListener,
19
- highlightedItem,
20
- onHighlightChange,
21
- plugins,
22
- sx,
23
- title,
24
- viewBox,
25
- xAxis,
26
- yAxis,
27
- zAxis,
28
- skipAnimation
29
- } = props,
30
- other = _objectWithoutPropertiesLoose(props, _excluded);
31
- const {
32
- containerRef,
33
- width: dWidth,
34
- height: dHeight
35
- } = useChartContainerDimensions(width, height, resolveSizeBeforeRender);
36
- const resizableChartContainerProps = _extends({}, other, {
37
- ownerState: {
38
- width,
39
- height
40
- },
41
- ref: containerRef
42
- });
43
- const chartContainerProps = {
44
- margin,
45
- children,
46
- series,
47
- colors,
48
- dataset,
49
- desc,
50
- disableAxisListener,
51
- highlightedItem,
52
- onHighlightChange,
53
- plugins,
54
- sx,
55
- title,
56
- viewBox,
57
- xAxis,
58
- yAxis,
59
- zAxis,
60
- skipAnimation,
61
- width: dWidth,
62
- height: dHeight,
63
- ref
64
- };
65
- return {
66
- hasIntrinsicSize: dWidth && dHeight,
67
- chartContainerProps,
68
- resizableChartContainerProps
69
- };
70
- };
@@ -1 +0,0 @@
1
- export type SlotComponentPropsFromProps<TProps extends {}, TOverrides extends {}, TOwnerState extends {}> = (Partial<TProps> & TOverrides) | ((ownerState: TOwnerState) => Partial<TProps> & TOverrides);
@@ -1 +0,0 @@
1
- export {};
@@ -1,3 +0,0 @@
1
- export type MakeOptional<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>;
2
- export type MakeRequired<T, K extends keyof T> = Omit<T, K> & Required<Pick<T, K>>;
3
- export type DefaultizedProps<P extends {}, RequiredProps extends keyof P, AdditionalProps extends {} = {}> = Omit<P, RequiredProps | keyof AdditionalProps> & Required<Pick<P, RequiredProps>> & AdditionalProps;
package/models/helpers.js DELETED
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export * from "./ResponsiveChartContainer.js";
@@ -1,70 +0,0 @@
1
- 'use client';
2
-
3
- import _extends from "@babel/runtime/helpers/esm/extends";
4
- import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
5
- const _excluded = ["width", "height", "resolveSizeBeforeRender", "margin", "children", "series", "colors", "dataset", "desc", "disableAxisListener", "highlightedItem", "onHighlightChange", "plugins", "sx", "title", "viewBox", "xAxis", "yAxis", "zAxis", "skipAnimation"];
6
- import { useChartContainerDimensions } from "./useChartContainerDimensions.js";
7
- export const useResponsiveChartContainerProps = (props, ref) => {
8
- const {
9
- width,
10
- height,
11
- resolveSizeBeforeRender,
12
- margin,
13
- children,
14
- series,
15
- colors,
16
- dataset,
17
- desc,
18
- disableAxisListener,
19
- highlightedItem,
20
- onHighlightChange,
21
- plugins,
22
- sx,
23
- title,
24
- viewBox,
25
- xAxis,
26
- yAxis,
27
- zAxis,
28
- skipAnimation
29
- } = props,
30
- other = _objectWithoutPropertiesLoose(props, _excluded);
31
- const {
32
- containerRef,
33
- width: dWidth,
34
- height: dHeight
35
- } = useChartContainerDimensions(width, height, resolveSizeBeforeRender);
36
- const resizableChartContainerProps = _extends({}, other, {
37
- ownerState: {
38
- width,
39
- height
40
- },
41
- ref: containerRef
42
- });
43
- const chartContainerProps = {
44
- margin,
45
- children,
46
- series,
47
- colors,
48
- dataset,
49
- desc,
50
- disableAxisListener,
51
- highlightedItem,
52
- onHighlightChange,
53
- plugins,
54
- sx,
55
- title,
56
- viewBox,
57
- xAxis,
58
- yAxis,
59
- zAxis,
60
- skipAnimation,
61
- width: dWidth,
62
- height: dHeight,
63
- ref
64
- };
65
- return {
66
- hasIntrinsicSize: dWidth && dHeight,
67
- chartContainerProps,
68
- resizableChartContainerProps
69
- };
70
- };
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export {};
@@ -1,16 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- var _ResponsiveChartContainer = require("./ResponsiveChartContainer");
7
- Object.keys(_ResponsiveChartContainer).forEach(function (key) {
8
- if (key === "default" || key === "__esModule") return;
9
- if (key in exports && exports[key] === _ResponsiveChartContainer[key]) return;
10
- Object.defineProperty(exports, key, {
11
- enumerable: true,
12
- get: function () {
13
- return _ResponsiveChartContainer[key];
14
- }
15
- });
16
- });