@mui/x-charts 8.19.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 (168) 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 +174 -0
  18. package/ChartContainer/ChartContainer.js +28 -0
  19. package/ChartsGrid/ChartsHorizontalGrid.js +8 -2
  20. package/ChartsGrid/ChartsVerticalGrid.js +8 -2
  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/RadarSeriesPlot/RadarSeriesArea.js +2 -2
  32. package/RadarChart/RadarSeriesPlot/RadarSeriesPlot.js +2 -2
  33. package/RadarChart/RadarSeriesPlot/useInteractionAllItemProps.d.ts +7 -0
  34. package/RadarChart/RadarSeriesPlot/useInteractionAllItemProps.js +26 -0
  35. package/RadarChart/seriesConfig/index.js +2 -0
  36. package/RadarChart/seriesConfig/tooltipPosition.d.ts +3 -0
  37. package/RadarChart/seriesConfig/tooltipPosition.js +80 -0
  38. package/ScatterChart/ScatterChart.js +18 -0
  39. package/SparkLineChart/SparkLineChart.js +18 -0
  40. package/esm/BarChart/BarChart.d.ts +1 -1
  41. package/esm/BarChart/BarChart.js +18 -0
  42. package/esm/BarChart/BarLabel/BarLabel.types.d.ts +4 -3
  43. package/esm/BarChart/BarLabel/BarLabelItem.d.ts +5 -4
  44. package/esm/BarChart/BarLabel/BarLabelPlot.d.ts +25 -6
  45. package/esm/BarChart/BarLabel/BarLabelPlot.js +9 -9
  46. package/esm/BarChart/BarLabel/getBarLabel.d.ts +5 -4
  47. package/esm/BarChart/BarLabel/getBarLabel.js +2 -2
  48. package/esm/BarChart/BarPlot.js +4 -3
  49. package/esm/BarChart/checkBarChartScaleErrors.d.ts +7 -0
  50. package/esm/BarChart/{checkScaleErrors.js → checkBarChartScaleErrors.js} +5 -6
  51. package/esm/BarChart/seriesConfig/bar/getSeriesWithDefaultValues.d.ts +5 -3
  52. package/esm/BarChart/seriesConfig/bar/getSeriesWithDefaultValues.js +2 -3
  53. package/esm/BarChart/seriesConfig/index.js +1 -1
  54. package/esm/BarChart/types.d.ts +6 -3
  55. package/esm/BarChart/useBarPlotData.js +17 -45
  56. package/esm/ChartContainer/ChartContainer.js +28 -0
  57. package/esm/ChartsGrid/ChartsHorizontalGrid.js +8 -2
  58. package/esm/ChartsGrid/ChartsVerticalGrid.js +8 -2
  59. package/esm/ChartsTooltip/ChartsTooltipContainer.js +2 -1
  60. package/esm/ChartsXAxis/ChartsSingleXAxisTicks.js +2 -0
  61. package/esm/ChartsXAxis/ChartsXAxisImpl.js +2 -0
  62. package/esm/ChartsXAxis/useAxisTicksProps.d.ts +198 -117
  63. package/esm/ChartsXAxis/useAxisTicksProps.js +2 -0
  64. package/esm/ChartsYAxis/ChartsSingleYAxisTicks.js +2 -0
  65. package/esm/ChartsYAxis/ChartsYAxisImpl.js +2 -0
  66. package/esm/ChartsYAxis/useAxisTicksProps.d.ts +198 -117
  67. package/esm/ChartsYAxis/useAxisTicksProps.js +2 -0
  68. package/esm/LineChart/LineChart.js +18 -0
  69. package/esm/RadarChart/RadarSeriesPlot/RadarSeriesArea.js +1 -1
  70. package/esm/RadarChart/RadarSeriesPlot/RadarSeriesPlot.js +1 -1
  71. package/esm/RadarChart/RadarSeriesPlot/useInteractionAllItemProps.d.ts +7 -0
  72. package/esm/RadarChart/RadarSeriesPlot/useInteractionAllItemProps.js +18 -0
  73. package/esm/RadarChart/seriesConfig/index.js +2 -0
  74. package/esm/RadarChart/seriesConfig/tooltipPosition.d.ts +3 -0
  75. package/esm/RadarChart/seriesConfig/tooltipPosition.js +74 -0
  76. package/esm/ScatterChart/ScatterChart.js +18 -0
  77. package/esm/SparkLineChart/SparkLineChart.js +18 -0
  78. package/esm/hooks/useInteractionItemProps.d.ts +0 -5
  79. package/esm/hooks/useInteractionItemProps.js +0 -11
  80. package/esm/hooks/useIsHydrated.js +1 -1
  81. package/esm/hooks/useTicks.d.ts +15 -2
  82. package/esm/hooks/useTicks.js +44 -6
  83. package/esm/index.js +1 -1
  84. package/esm/internals/domUtils.d.ts +6 -3
  85. package/esm/internals/getBandSize.d.ts +13 -0
  86. package/esm/internals/getBandSize.js +23 -0
  87. package/esm/internals/getWordsByLines.d.ts +2 -1
  88. package/esm/internals/index.d.ts +5 -0
  89. package/esm/internals/index.js +5 -0
  90. package/esm/internals/plugins/corePlugins/useChartSeries/index.d.ts +1 -1
  91. package/esm/internals/plugins/corePlugins/useChartSeries/processSeries.d.ts +25 -10
  92. package/esm/internals/plugins/corePlugins/useChartSeries/processSeries.js +49 -12
  93. package/esm/internals/plugins/corePlugins/useChartSeries/useChartSeries.js +5 -7
  94. package/esm/internals/plugins/corePlugins/useChartSeries/useChartSeries.selectors.d.ts +19 -4
  95. package/esm/internals/plugins/corePlugins/useChartSeries/useChartSeries.selectors.js +23 -4
  96. package/esm/internals/plugins/corePlugins/useChartSeries/useChartSeries.types.d.ts +5 -3
  97. package/esm/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxisPreview.selectors.js +5 -5
  98. package/esm/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianHighlight.selectors.js +2 -2
  99. package/esm/internals/plugins/featurePlugins/useChartClosestPoint/findClosestPoints.d.ts +1 -2
  100. package/esm/internals/plugins/featurePlugins/useChartClosestPoint/findClosestPoints.js +1 -1
  101. package/esm/internals/plugins/featurePlugins/useChartClosestPoint/useChartClosestPoint.js +2 -4
  102. package/esm/internals/plugins/featurePlugins/useChartHighlight/useChartHighlight.js +16 -12
  103. package/esm/internals/plugins/featurePlugins/useChartHighlight/useChartHighlight.selectors.js +7 -7
  104. package/esm/internals/plugins/featurePlugins/useChartHighlight/useChartHighlight.types.d.ts +4 -0
  105. package/esm/internals/plugins/featurePlugins/useChartInteraction/useChartTooltip.selectors.d.ts +1 -1
  106. package/esm/internals/plugins/featurePlugins/useChartInteraction/useChartTooltip.selectors.js +37 -22
  107. package/esm/internals/plugins/featurePlugins/useChartKeyboardNavigation/useChartKeyboardNavigation.js +15 -10
  108. package/esm/internals/plugins/featurePlugins/useChartPolarAxis/useChartPolarAxis.selectors.d.ts +5 -0
  109. package/esm/internals/plugins/featurePlugins/useChartPolarAxis/useChartPolarAxis.selectors.js +10 -7
  110. package/esm/internals/plugins/models/seriesConfig/index.d.ts +1 -0
  111. package/esm/internals/plugins/models/seriesConfig/index.js +1 -0
  112. package/esm/internals/plugins/models/seriesConfig/seriesConfig.types.d.ts +5 -0
  113. package/esm/internals/plugins/models/seriesConfig/seriesLayout.types.d.ts +6 -0
  114. package/esm/internals/plugins/models/seriesConfig/seriesLayout.types.js +1 -0
  115. package/esm/internals/plugins/models/seriesConfig/tooltipItemPositionGetter.types.d.ts +6 -4
  116. package/esm/internals/seriesSelectorOfType.d.ts +3 -3
  117. package/esm/internals/seriesSelectorOfType.js +1 -1
  118. package/esm/models/axis.d.ts +5 -0
  119. package/esm/models/seriesType/bar.d.ts +3 -2
  120. package/esm/models/seriesType/config.d.ts +10 -0
  121. package/esm/models/seriesType/index.d.ts +1 -0
  122. package/hooks/useInteractionItemProps.d.ts +0 -5
  123. package/hooks/useInteractionItemProps.js +1 -13
  124. package/hooks/useIsHydrated.js +1 -1
  125. package/hooks/useTicks.d.ts +15 -2
  126. package/hooks/useTicks.js +45 -6
  127. package/index.js +1 -1
  128. package/internals/domUtils.d.ts +6 -3
  129. package/internals/getBandSize.d.ts +13 -0
  130. package/internals/getBandSize.js +29 -0
  131. package/internals/getWordsByLines.d.ts +2 -1
  132. package/internals/index.d.ts +5 -0
  133. package/internals/index.js +48 -0
  134. package/internals/plugins/corePlugins/useChartSeries/index.d.ts +1 -1
  135. package/internals/plugins/corePlugins/useChartSeries/processSeries.d.ts +25 -10
  136. package/internals/plugins/corePlugins/useChartSeries/processSeries.js +53 -14
  137. package/internals/plugins/corePlugins/useChartSeries/useChartSeries.js +4 -6
  138. package/internals/plugins/corePlugins/useChartSeries/useChartSeries.selectors.d.ts +19 -4
  139. package/internals/plugins/corePlugins/useChartSeries/useChartSeries.selectors.js +23 -4
  140. package/internals/plugins/corePlugins/useChartSeries/useChartSeries.types.d.ts +5 -3
  141. package/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxisPreview.selectors.js +4 -4
  142. package/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianHighlight.selectors.js +2 -2
  143. package/internals/plugins/featurePlugins/useChartClosestPoint/findClosestPoints.d.ts +1 -2
  144. package/internals/plugins/featurePlugins/useChartClosestPoint/findClosestPoints.js +1 -1
  145. package/internals/plugins/featurePlugins/useChartClosestPoint/useChartClosestPoint.js +2 -4
  146. package/internals/plugins/featurePlugins/useChartHighlight/useChartHighlight.js +16 -12
  147. package/internals/plugins/featurePlugins/useChartHighlight/useChartHighlight.selectors.js +7 -7
  148. package/internals/plugins/featurePlugins/useChartHighlight/useChartHighlight.types.d.ts +4 -0
  149. package/internals/plugins/featurePlugins/useChartInteraction/useChartTooltip.selectors.d.ts +1 -1
  150. package/internals/plugins/featurePlugins/useChartInteraction/useChartTooltip.selectors.js +35 -20
  151. package/internals/plugins/featurePlugins/useChartKeyboardNavigation/useChartKeyboardNavigation.js +15 -10
  152. package/internals/plugins/featurePlugins/useChartPolarAxis/useChartPolarAxis.selectors.d.ts +5 -0
  153. package/internals/plugins/featurePlugins/useChartPolarAxis/useChartPolarAxis.selectors.js +10 -6
  154. package/internals/plugins/models/seriesConfig/index.d.ts +1 -0
  155. package/internals/plugins/models/seriesConfig/index.js +11 -0
  156. package/internals/plugins/models/seriesConfig/seriesConfig.types.d.ts +5 -0
  157. package/internals/plugins/models/seriesConfig/seriesLayout.types.d.ts +6 -0
  158. package/internals/plugins/models/seriesConfig/seriesLayout.types.js +5 -0
  159. package/internals/plugins/models/seriesConfig/tooltipItemPositionGetter.types.d.ts +6 -4
  160. package/internals/seriesSelectorOfType.d.ts +3 -3
  161. package/internals/seriesSelectorOfType.js +1 -1
  162. package/models/axis.d.ts +5 -0
  163. package/models/seriesType/bar.d.ts +3 -2
  164. package/models/seriesType/config.d.ts +10 -0
  165. package/models/seriesType/index.d.ts +1 -0
  166. package/package.json +4 -4
  167. package/BarChart/checkScaleErrors.d.ts +0 -10
  168. 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,