@mui/x-charts 8.20.0 → 8.21.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 (146) hide show
  1. package/BarChart/BarChart.d.ts +1 -1
  2. package/BarChart/BarChart.js +18 -0
  3. package/BarChart/BarLabel/BarLabel.types.d.ts +4 -3
  4. package/BarChart/BarLabel/BarLabelItem.d.ts +5 -4
  5. package/BarChart/BarLabel/BarLabelPlot.d.ts +25 -6
  6. package/BarChart/BarLabel/BarLabelPlot.js +10 -9
  7. package/BarChart/BarLabel/getBarLabel.d.ts +5 -4
  8. package/BarChart/BarLabel/getBarLabel.js +3 -4
  9. package/BarChart/BarPlot.js +4 -3
  10. package/BarChart/checkBarChartScaleErrors.d.ts +7 -0
  11. package/BarChart/{checkScaleErrors.js → checkBarChartScaleErrors.js} +6 -7
  12. package/BarChart/seriesConfig/bar/getSeriesWithDefaultValues.d.ts +5 -3
  13. package/BarChart/seriesConfig/bar/getSeriesWithDefaultValues.js +3 -4
  14. package/BarChart/seriesConfig/index.js +2 -2
  15. package/BarChart/types.d.ts +6 -3
  16. package/BarChart/useBarPlotData.js +17 -45
  17. package/CHANGELOG.md +112 -0
  18. package/ChartContainer/ChartContainer.js +28 -0
  19. package/ChartsGrid/ChartsHorizontalGrid.js +3 -1
  20. package/ChartsGrid/ChartsVerticalGrid.js +3 -1
  21. package/ChartsTooltip/ChartsTooltipContainer.js +2 -1
  22. package/ChartsXAxis/ChartsSingleXAxisTicks.js +2 -0
  23. package/ChartsXAxis/ChartsXAxisImpl.js +2 -0
  24. package/ChartsXAxis/useAxisTicksProps.d.ts +198 -117
  25. package/ChartsXAxis/useAxisTicksProps.js +2 -0
  26. package/ChartsYAxis/ChartsSingleYAxisTicks.js +2 -0
  27. package/ChartsYAxis/ChartsYAxisImpl.js +2 -0
  28. package/ChartsYAxis/useAxisTicksProps.d.ts +198 -117
  29. package/ChartsYAxis/useAxisTicksProps.js +2 -0
  30. package/LineChart/LineChart.js +18 -0
  31. package/RadarChart/seriesConfig/index.js +2 -0
  32. package/RadarChart/seriesConfig/tooltipPosition.d.ts +3 -0
  33. package/RadarChart/seriesConfig/tooltipPosition.js +80 -0
  34. package/ScatterChart/ScatterChart.js +18 -0
  35. package/SparkLineChart/SparkLineChart.js +18 -0
  36. package/esm/BarChart/BarChart.d.ts +1 -1
  37. package/esm/BarChart/BarChart.js +18 -0
  38. package/esm/BarChart/BarLabel/BarLabel.types.d.ts +4 -3
  39. package/esm/BarChart/BarLabel/BarLabelItem.d.ts +5 -4
  40. package/esm/BarChart/BarLabel/BarLabelPlot.d.ts +25 -6
  41. package/esm/BarChart/BarLabel/BarLabelPlot.js +9 -9
  42. package/esm/BarChart/BarLabel/getBarLabel.d.ts +5 -4
  43. package/esm/BarChart/BarLabel/getBarLabel.js +2 -2
  44. package/esm/BarChart/BarPlot.js +4 -3
  45. package/esm/BarChart/checkBarChartScaleErrors.d.ts +7 -0
  46. package/esm/BarChart/{checkScaleErrors.js → checkBarChartScaleErrors.js} +5 -6
  47. package/esm/BarChart/seriesConfig/bar/getSeriesWithDefaultValues.d.ts +5 -3
  48. package/esm/BarChart/seriesConfig/bar/getSeriesWithDefaultValues.js +2 -3
  49. package/esm/BarChart/seriesConfig/index.js +1 -1
  50. package/esm/BarChart/types.d.ts +6 -3
  51. package/esm/BarChart/useBarPlotData.js +17 -45
  52. package/esm/ChartContainer/ChartContainer.js +28 -0
  53. package/esm/ChartsGrid/ChartsHorizontalGrid.js +3 -1
  54. package/esm/ChartsGrid/ChartsVerticalGrid.js +3 -1
  55. package/esm/ChartsTooltip/ChartsTooltipContainer.js +2 -1
  56. package/esm/ChartsXAxis/ChartsSingleXAxisTicks.js +2 -0
  57. package/esm/ChartsXAxis/ChartsXAxisImpl.js +2 -0
  58. package/esm/ChartsXAxis/useAxisTicksProps.d.ts +198 -117
  59. package/esm/ChartsXAxis/useAxisTicksProps.js +2 -0
  60. package/esm/ChartsYAxis/ChartsSingleYAxisTicks.js +2 -0
  61. package/esm/ChartsYAxis/ChartsYAxisImpl.js +2 -0
  62. package/esm/ChartsYAxis/useAxisTicksProps.d.ts +198 -117
  63. package/esm/ChartsYAxis/useAxisTicksProps.js +2 -0
  64. package/esm/LineChart/LineChart.js +18 -0
  65. package/esm/RadarChart/seriesConfig/index.js +2 -0
  66. package/esm/RadarChart/seriesConfig/tooltipPosition.d.ts +3 -0
  67. package/esm/RadarChart/seriesConfig/tooltipPosition.js +74 -0
  68. package/esm/ScatterChart/ScatterChart.js +18 -0
  69. package/esm/SparkLineChart/SparkLineChart.js +18 -0
  70. package/esm/hooks/useIsHydrated.js +1 -1
  71. package/esm/hooks/useTicks.d.ts +15 -2
  72. package/esm/hooks/useTicks.js +32 -3
  73. package/esm/index.js +1 -1
  74. package/esm/internals/domUtils.d.ts +6 -3
  75. package/esm/internals/getBandSize.d.ts +13 -0
  76. package/esm/internals/getBandSize.js +23 -0
  77. package/esm/internals/getWordsByLines.d.ts +2 -1
  78. package/esm/internals/index.d.ts +5 -0
  79. package/esm/internals/index.js +5 -0
  80. package/esm/internals/plugins/corePlugins/useChartSeries/index.d.ts +1 -1
  81. package/esm/internals/plugins/corePlugins/useChartSeries/processSeries.d.ts +11 -2
  82. package/esm/internals/plugins/corePlugins/useChartSeries/processSeries.js +29 -0
  83. package/esm/internals/plugins/corePlugins/useChartSeries/useChartSeries.selectors.d.ts +9 -1
  84. package/esm/internals/plugins/corePlugins/useChartSeries/useChartSeries.selectors.js +11 -1
  85. package/esm/internals/plugins/corePlugins/useChartSeries/useChartSeries.types.d.ts +2 -1
  86. package/esm/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxisPreview.selectors.js +5 -5
  87. package/esm/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianHighlight.selectors.js +2 -2
  88. package/esm/internals/plugins/featurePlugins/useChartClosestPoint/findClosestPoints.d.ts +1 -2
  89. package/esm/internals/plugins/featurePlugins/useChartClosestPoint/findClosestPoints.js +1 -1
  90. package/esm/internals/plugins/featurePlugins/useChartClosestPoint/useChartClosestPoint.js +2 -4
  91. package/esm/internals/plugins/featurePlugins/useChartHighlight/useChartHighlight.selectors.js +2 -2
  92. package/esm/internals/plugins/featurePlugins/useChartInteraction/useChartTooltip.selectors.js +37 -22
  93. package/esm/internals/plugins/featurePlugins/useChartPolarAxis/useChartPolarAxis.selectors.d.ts +5 -0
  94. package/esm/internals/plugins/featurePlugins/useChartPolarAxis/useChartPolarAxis.selectors.js +10 -7
  95. package/esm/internals/plugins/models/seriesConfig/index.d.ts +1 -0
  96. package/esm/internals/plugins/models/seriesConfig/index.js +1 -0
  97. package/esm/internals/plugins/models/seriesConfig/seriesConfig.types.d.ts +5 -0
  98. package/esm/internals/plugins/models/seriesConfig/seriesLayout.types.d.ts +6 -0
  99. package/esm/internals/plugins/models/seriesConfig/seriesLayout.types.js +1 -0
  100. package/esm/internals/plugins/models/seriesConfig/tooltipItemPositionGetter.types.d.ts +6 -4
  101. package/esm/internals/seriesSelectorOfType.d.ts +2 -2
  102. package/esm/internals/seriesSelectorOfType.js +1 -1
  103. package/esm/models/axis.d.ts +5 -0
  104. package/esm/models/seriesType/bar.d.ts +3 -2
  105. package/esm/models/seriesType/config.d.ts +10 -0
  106. package/esm/models/seriesType/index.d.ts +1 -0
  107. package/hooks/useIsHydrated.js +1 -1
  108. package/hooks/useTicks.d.ts +15 -2
  109. package/hooks/useTicks.js +33 -3
  110. package/index.js +1 -1
  111. package/internals/domUtils.d.ts +6 -3
  112. package/internals/getBandSize.d.ts +13 -0
  113. package/internals/getBandSize.js +29 -0
  114. package/internals/getWordsByLines.d.ts +2 -1
  115. package/internals/index.d.ts +5 -0
  116. package/internals/index.js +48 -0
  117. package/internals/plugins/corePlugins/useChartSeries/index.d.ts +1 -1
  118. package/internals/plugins/corePlugins/useChartSeries/processSeries.d.ts +11 -2
  119. package/internals/plugins/corePlugins/useChartSeries/processSeries.js +32 -2
  120. package/internals/plugins/corePlugins/useChartSeries/useChartSeries.selectors.d.ts +9 -1
  121. package/internals/plugins/corePlugins/useChartSeries/useChartSeries.selectors.js +11 -1
  122. package/internals/plugins/corePlugins/useChartSeries/useChartSeries.types.d.ts +2 -1
  123. package/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxisPreview.selectors.js +4 -4
  124. package/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianHighlight.selectors.js +2 -2
  125. package/internals/plugins/featurePlugins/useChartClosestPoint/findClosestPoints.d.ts +1 -2
  126. package/internals/plugins/featurePlugins/useChartClosestPoint/findClosestPoints.js +1 -1
  127. package/internals/plugins/featurePlugins/useChartClosestPoint/useChartClosestPoint.js +2 -4
  128. package/internals/plugins/featurePlugins/useChartHighlight/useChartHighlight.selectors.js +2 -2
  129. package/internals/plugins/featurePlugins/useChartInteraction/useChartTooltip.selectors.js +35 -20
  130. package/internals/plugins/featurePlugins/useChartPolarAxis/useChartPolarAxis.selectors.d.ts +5 -0
  131. package/internals/plugins/featurePlugins/useChartPolarAxis/useChartPolarAxis.selectors.js +10 -6
  132. package/internals/plugins/models/seriesConfig/index.d.ts +1 -0
  133. package/internals/plugins/models/seriesConfig/index.js +11 -0
  134. package/internals/plugins/models/seriesConfig/seriesConfig.types.d.ts +5 -0
  135. package/internals/plugins/models/seriesConfig/seriesLayout.types.d.ts +6 -0
  136. package/internals/plugins/models/seriesConfig/seriesLayout.types.js +5 -0
  137. package/internals/plugins/models/seriesConfig/tooltipItemPositionGetter.types.d.ts +6 -4
  138. package/internals/seriesSelectorOfType.d.ts +2 -2
  139. package/internals/seriesSelectorOfType.js +1 -1
  140. package/models/axis.d.ts +5 -0
  141. package/models/seriesType/bar.d.ts +3 -2
  142. package/models/seriesType/config.d.ts +10 -0
  143. package/models/seriesType/index.d.ts +1 -0
  144. package/package.json +4 -4
  145. package/BarChart/checkScaleErrors.d.ts +0 -10
  146. package/esm/BarChart/checkScaleErrors.d.ts +0 -10
package/ChartsXAxis/useAxisTicksProps.js CHANGED
@@ -52,7 +52,9 @@ function useAxisTicksProps(inProps) {
52
52
  const defaultDominantBaseline = (0, _defaultTextPlacement.getDefaultBaseline)((position === 'bottom' ? 0 : 180) - (tickLabelStyle?.angle ?? 0));
53
53
  const axisTickLabelProps = (0, _useSlotProps.default)({
54
54
  elementType: TickLabel,
55
+ // @ts-expect-error `useSlotProps` applies `WithCommonProps` with adds a `style: React.CSSProperties` prop automatically.
55
56
  externalSlotProps: slotProps?.axisTickLabel,
57
+ // @ts-expect-error `useSlotProps` applies `WithCommonProps` with adds a `style: React.CSSProperties` prop automatically.
56
58
  additionalProps: {
57
59
  style: (0, _extends2.default)({}, theme.typography.caption, {
58
60
  fontSize: 12,
package/ChartsYAxis/ChartsSingleYAxisTicks.js CHANGED
@@ -45,6 +45,7 @@ function ChartsSingleYAxisTicks(inProps) {
45
45
  tickLabelPlacement,
46
46
  tickInterval,
47
47
  tickLabelInterval,
48
+ tickSpacing,
48
49
  width: axisWidth
49
50
  } = defaultizedProps;
50
51
  const drawingArea = (0, _useDrawingArea.useDrawingArea)();
@@ -60,6 +61,7 @@ function ChartsSingleYAxisTicks(inProps) {
60
61
  tickPlacement,
61
62
  tickLabelPlacement,
62
63
  tickInterval,
64
+ tickSpacing,
63
65
  direction: 'y'
64
66
  });
65
67
 
package/ChartsYAxis/ChartsYAxisImpl.js CHANGED
@@ -81,7 +81,9 @@ function ChartsYAxisImpl(_ref) {
81
81
  });
82
82
  const axisLabelProps = (0, _useSlotProps.default)({
83
83
  elementType: Label,
84
+ // @ts-expect-error `useSlotProps` applies `WithCommonProps` with adds a `style: React.CSSProperties` prop automatically.
84
85
  externalSlotProps: slotProps?.axisLabel,
86
+ // @ts-expect-error `useSlotProps` applies `WithCommonProps` with adds a `style: React.CSSProperties` prop automatically.
85
87
  additionalProps: {
86
88
  style: (0, _extends2.default)({}, theme.typography.body1, {
87
89
  lineHeight: 1,