@mui/x-charts 8.0.0-alpha.1 → 8.0.0-alpha.2

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 (272) hide show
  1. package/BarChart/BarChart.js +0 -4
  2. package/BarChart/BarLabel/BarLabel.d.ts +298 -298
  3. package/CHANGELOG.md +228 -7
  4. package/ChartContainer/ChartContainer.d.ts +24 -0
  5. package/ChartContainer/ChartContainer.js +26 -10
  6. package/ChartContainer/useChartContainerProps.d.ts +0 -1
  7. package/ChartContainer/useChartContainerProps.js +3 -4
  8. package/ChartsAxis/axisClasses.js +2 -1
  9. package/ChartsAxisHighlight/ChartsXAxisHighlight.js +3 -3
  10. package/ChartsAxisHighlight/ChartsYAxisHighlight.js +3 -3
  11. package/ChartsLegend/chartsLegendClasses.js +2 -1
  12. package/ChartsOnAxisClickHandler/ChartsOnAxisClickHandler.js +1 -1
  13. package/ChartsSurface/ChartsSurface.d.ts +14 -0
  14. package/ChartsSurface/ChartsSurface.js +38 -6
  15. package/ChartsTooltip/ChartsTooltip.js +2 -20
  16. package/ChartsTooltip/ChartsTooltipContainer.js +5 -23
  17. package/ChartsTooltip/ChartsTooltipTable.js +1 -1
  18. package/ChartsTooltip/useAxisTooltip.js +3 -3
  19. package/ChartsTooltip/useItemTooltip.d.ts +2 -3
  20. package/ChartsTooltip/useItemTooltip.js +3 -3
  21. package/ChartsVoronoiHandler/ChartsVoronoiHandler.js +3 -3
  22. package/ChartsXAxis/ChartsXAxis.js +3 -17
  23. package/ChartsYAxis/ChartsYAxis.js +2 -17
  24. package/Gauge/Gauge.d.ts +1 -1
  25. package/Gauge/GaugeContainer.d.ts +2 -2
  26. package/Gauge/GaugeContainer.js +14 -47
  27. package/LineChart/CircleMarkElement.js +3 -3
  28. package/LineChart/LineChart.js +0 -4
  29. package/LineChart/LineHighlightPlot.js +3 -3
  30. package/LineChart/MarkElement.js +3 -3
  31. package/PieChart/PieChart.js +0 -4
  32. package/ScatterChart/Scatter.js +3 -3
  33. package/ScatterChart/ScatterChart.js +0 -4
  34. package/SparkLineChart/SparkLineChart.js +0 -4
  35. package/context/CartesianProvider/defaultizeAxis.d.ts +9 -11
  36. package/context/ChartDataProvider/ChartDataProvider.d.ts +27 -0
  37. package/context/ChartDataProvider/ChartDataProvider.js +38 -18
  38. package/context/ChartDataProvider/useChartDataProviderProps.d.ts +18 -22
  39. package/context/ChartDataProvider/useDefaultizeAxis.d.ts +9 -11
  40. package/context/ChartProvider/ChartContext.d.ts +6 -0
  41. package/context/ChartProvider/ChartContext.js +8 -0
  42. package/context/ChartProvider/ChartProvider.d.ts +4 -0
  43. package/context/ChartProvider/ChartProvider.js +19 -0
  44. package/context/ChartProvider/ChartProvider.types.d.ts +24 -0
  45. package/context/ChartProvider/index.d.ts +3 -0
  46. package/context/ChartProvider/index.js +3 -0
  47. package/context/ChartProvider/useChartContext.d.ts +3 -0
  48. package/context/ChartProvider/useChartContext.js +11 -0
  49. package/context/DrawingAreaProvider/DrawingAreaContext.d.ts +1 -6
  50. package/context/DrawingAreaProvider/DrawingAreaContext.js +0 -1
  51. package/context/InteractionSelectors.d.ts +72 -49
  52. package/context/SizeProvider/Size.types.d.ts +2 -2
  53. package/context/SizeProvider/SizeContext.js +3 -1
  54. package/context/SizeProvider/useChartContainerDimensions.d.ts +1 -1
  55. package/context/SizeProvider/useChartContainerDimensions.js +5 -1
  56. package/hooks/useAxisEvents.js +1 -1
  57. package/hooks/useChartId.js +5 -6
  58. package/hooks/useInteractionItemProps.js +4 -2
  59. package/hooks/useSvgRef.d.ts +1 -1
  60. package/hooks/useSvgRef.js +4 -8
  61. package/index.js +1 -1
  62. package/internals/components/ChartsAxesGradients/ChartsAxesGradients.js +2 -5
  63. package/internals/defaultizeColor.d.ts +1 -1
  64. package/internals/index.d.ts +1 -3
  65. package/internals/index.js +1 -3
  66. package/internals/plugins/allPlugins.d.ts +1 -0
  67. package/internals/plugins/allPlugins.js +3 -0
  68. package/internals/plugins/corePlugins/corePlugins.d.ts +10 -0
  69. package/internals/plugins/corePlugins/corePlugins.js +7 -0
  70. package/internals/plugins/corePlugins/index.d.ts +2 -0
  71. package/internals/plugins/corePlugins/index.js +1 -0
  72. package/internals/plugins/corePlugins/useChartId/index.d.ts +2 -0
  73. package/internals/plugins/corePlugins/useChartId/index.js +1 -0
  74. package/internals/plugins/corePlugins/useChartId/useChartId.d.ts +3 -0
  75. package/internals/plugins/corePlugins/useChartId/useChartId.js +32 -0
  76. package/internals/plugins/corePlugins/useChartId/useChartId.selectors.d.ts +36 -0
  77. package/internals/plugins/corePlugins/useChartId/useChartId.selectors.js +9 -0
  78. package/internals/plugins/corePlugins/useChartId/useChartId.types.d.ts +20 -0
  79. package/internals/plugins/corePlugins/useChartId/useChartId.utils.d.ts +1 -0
  80. package/internals/plugins/corePlugins/useChartId/useChartId.utils.js +5 -0
  81. package/internals/plugins/featurePlugins/useChartInteraction/index.d.ts +3 -0
  82. package/internals/plugins/featurePlugins/useChartInteraction/index.js +2 -0
  83. package/internals/plugins/featurePlugins/useChartInteraction/useChartInteraction.d.ts +3 -0
  84. package/internals/plugins/featurePlugins/useChartInteraction/useChartInteraction.js +73 -0
  85. package/internals/plugins/featurePlugins/useChartInteraction/useChartInteraction.selectors.d.ts +376 -0
  86. package/internals/plugins/featurePlugins/useChartInteraction/useChartInteraction.selectors.js +10 -0
  87. package/internals/plugins/featurePlugins/useChartInteraction/useChartInteraction.types.d.ts +57 -0
  88. package/internals/plugins/featurePlugins/useChartInteraction/useChartInteraction.types.js +1 -0
  89. package/internals/plugins/models/chart.d.ts +14 -0
  90. package/internals/plugins/models/chart.js +1 -0
  91. package/internals/plugins/models/helpers.d.ts +7 -0
  92. package/internals/plugins/models/helpers.js +1 -0
  93. package/internals/plugins/models/index.d.ts +3 -35
  94. package/internals/plugins/models/index.js +3 -1
  95. package/internals/plugins/models/plugin.d.ts +75 -0
  96. package/internals/plugins/models/plugin.js +1 -0
  97. package/internals/plugins/utils/ChartStore.d.ts +9 -8
  98. package/internals/plugins/utils/ChartStore.js +0 -2
  99. package/internals/plugins/utils/selectors.d.ts +2 -2
  100. package/internals/store/useCharts.d.ts +14 -0
  101. package/internals/store/useCharts.js +72 -0
  102. package/internals/store/useCharts.types.d.ts +5 -0
  103. package/internals/store/useCharts.types.js +1 -0
  104. package/internals/store/useSelector.d.ts +4 -0
  105. package/internals/store/useStore.d.ts +3 -0
  106. package/{modern/internals → internals/store}/useStore.js +6 -6
  107. package/models/axis.d.ts +1 -13
  108. package/modern/BarChart/BarChart.js +0 -4
  109. package/modern/ChartContainer/ChartContainer.js +26 -10
  110. package/modern/ChartContainer/useChartContainerProps.js +3 -4
  111. package/modern/ChartsAxis/axisClasses.js +2 -1
  112. package/modern/ChartsAxisHighlight/ChartsXAxisHighlight.js +3 -3
  113. package/modern/ChartsAxisHighlight/ChartsYAxisHighlight.js +3 -3
  114. package/modern/ChartsLegend/chartsLegendClasses.js +2 -1
  115. package/modern/ChartsOnAxisClickHandler/ChartsOnAxisClickHandler.js +1 -1
  116. package/modern/ChartsSurface/ChartsSurface.js +38 -6
  117. package/modern/ChartsTooltip/ChartsTooltip.js +2 -20
  118. package/modern/ChartsTooltip/ChartsTooltipContainer.js +5 -23
  119. package/modern/ChartsTooltip/ChartsTooltipTable.js +1 -1
  120. package/modern/ChartsTooltip/useAxisTooltip.js +3 -3
  121. package/modern/ChartsTooltip/useItemTooltip.js +3 -3
  122. package/modern/ChartsVoronoiHandler/ChartsVoronoiHandler.js +3 -3
  123. package/modern/ChartsXAxis/ChartsXAxis.js +3 -17
  124. package/modern/ChartsYAxis/ChartsYAxis.js +2 -17
  125. package/modern/Gauge/GaugeContainer.js +14 -47
  126. package/modern/LineChart/CircleMarkElement.js +3 -3
  127. package/modern/LineChart/LineChart.js +0 -4
  128. package/modern/LineChart/LineHighlightPlot.js +3 -3
  129. package/modern/LineChart/MarkElement.js +3 -3
  130. package/modern/PieChart/PieChart.js +0 -4
  131. package/modern/ScatterChart/Scatter.js +3 -3
  132. package/modern/ScatterChart/ScatterChart.js +0 -4
  133. package/modern/SparkLineChart/SparkLineChart.js +0 -4
  134. package/modern/context/ChartDataProvider/ChartDataProvider.js +38 -18
  135. package/modern/context/ChartProvider/ChartContext.js +8 -0
  136. package/modern/context/ChartProvider/ChartProvider.js +19 -0
  137. package/modern/context/ChartProvider/ChartProvider.types.js +1 -0
  138. package/modern/context/ChartProvider/index.js +3 -0
  139. package/modern/context/ChartProvider/useChartContext.js +11 -0
  140. package/modern/context/DrawingAreaProvider/DrawingAreaContext.js +0 -1
  141. package/modern/context/SizeProvider/SizeContext.js +3 -1
  142. package/modern/context/SizeProvider/useChartContainerDimensions.js +5 -1
  143. package/modern/hooks/useAxisEvents.js +1 -1
  144. package/modern/hooks/useChartId.js +5 -6
  145. package/modern/hooks/useInteractionItemProps.js +4 -2
  146. package/modern/hooks/useSvgRef.js +4 -8
  147. package/modern/index.js +1 -1
  148. package/modern/internals/components/ChartsAxesGradients/ChartsAxesGradients.js +2 -5
  149. package/modern/internals/index.js +1 -3
  150. package/modern/internals/plugins/allPlugins.js +3 -0
  151. package/modern/internals/plugins/corePlugins/corePlugins.js +7 -0
  152. package/modern/internals/plugins/corePlugins/index.js +1 -0
  153. package/modern/internals/plugins/corePlugins/useChartId/index.js +1 -0
  154. package/modern/internals/plugins/corePlugins/useChartId/useChartId.js +32 -0
  155. package/modern/internals/plugins/corePlugins/useChartId/useChartId.selectors.js +9 -0
  156. package/modern/internals/plugins/corePlugins/useChartId/useChartId.types.js +1 -0
  157. package/modern/internals/plugins/corePlugins/useChartId/useChartId.utils.js +5 -0
  158. package/modern/internals/plugins/featurePlugins/useChartInteraction/index.js +2 -0
  159. package/modern/internals/plugins/featurePlugins/useChartInteraction/useChartInteraction.js +73 -0
  160. package/modern/internals/plugins/featurePlugins/useChartInteraction/useChartInteraction.selectors.js +10 -0
  161. package/modern/internals/plugins/featurePlugins/useChartInteraction/useChartInteraction.types.js +1 -0
  162. package/modern/internals/plugins/models/chart.js +1 -0
  163. package/modern/internals/plugins/models/helpers.js +1 -0
  164. package/modern/internals/plugins/models/index.js +3 -1
  165. package/modern/internals/plugins/models/plugin.js +1 -0
  166. package/modern/internals/plugins/utils/ChartStore.js +0 -2
  167. package/modern/internals/store/useCharts.js +72 -0
  168. package/modern/internals/store/useCharts.types.js +1 -0
  169. package/{internals → modern/internals/store}/useStore.js +6 -6
  170. package/node/BarChart/BarChart.js +0 -4
  171. package/node/ChartContainer/ChartContainer.js +26 -10
  172. package/node/ChartContainer/useChartContainerProps.js +3 -4
  173. package/node/ChartsAxis/axisClasses.js +5 -3
  174. package/node/ChartsAxisHighlight/ChartsXAxisHighlight.js +4 -4
  175. package/node/ChartsAxisHighlight/ChartsYAxisHighlight.js +4 -4
  176. package/node/ChartsLegend/chartsLegendClasses.js +5 -3
  177. package/node/ChartsOnAxisClickHandler/ChartsOnAxisClickHandler.js +1 -1
  178. package/node/ChartsSurface/ChartsSurface.js +37 -5
  179. package/node/ChartsTooltip/ChartsTooltip.js +2 -20
  180. package/node/ChartsTooltip/ChartsTooltipContainer.js +6 -24
  181. package/node/ChartsTooltip/ChartsTooltipTable.js +2 -2
  182. package/node/ChartsTooltip/useAxisTooltip.js +4 -4
  183. package/node/ChartsTooltip/useItemTooltip.js +4 -4
  184. package/node/ChartsVoronoiHandler/ChartsVoronoiHandler.js +3 -3
  185. package/node/ChartsXAxis/ChartsXAxis.js +3 -17
  186. package/node/ChartsYAxis/ChartsYAxis.js +2 -17
  187. package/node/Gauge/GaugeContainer.js +13 -46
  188. package/node/LineChart/CircleMarkElement.js +4 -4
  189. package/node/LineChart/LineChart.js +0 -4
  190. package/node/LineChart/LineHighlightPlot.js +4 -4
  191. package/node/LineChart/MarkElement.js +4 -4
  192. package/node/PieChart/PieChart.js +0 -4
  193. package/node/ScatterChart/Scatter.js +4 -4
  194. package/node/ScatterChart/ScatterChart.js +0 -4
  195. package/node/SparkLineChart/SparkLineChart.js +0 -4
  196. package/node/context/ChartDataProvider/ChartDataProvider.js +38 -18
  197. package/node/context/ChartProvider/ChartContext.js +15 -0
  198. package/node/context/ChartProvider/ChartProvider.js +24 -0
  199. package/node/context/ChartProvider/index.js +38 -0
  200. package/node/context/ChartProvider/useChartContext.js +18 -0
  201. package/node/context/DrawingAreaProvider/DrawingAreaContext.js +0 -1
  202. package/node/context/SizeProvider/SizeContext.js +3 -1
  203. package/node/context/SizeProvider/useChartContainerDimensions.js +5 -1
  204. package/node/hooks/useAxisEvents.js +1 -1
  205. package/node/hooks/useChartId.js +5 -7
  206. package/node/hooks/useInteractionItemProps.js +4 -2
  207. package/node/hooks/useSvgRef.js +4 -9
  208. package/node/index.js +1 -1
  209. package/node/internals/components/ChartsAxesGradients/ChartsAxesGradients.js +1 -4
  210. package/node/internals/index.js +4 -28
  211. package/node/internals/plugins/allPlugins.js +10 -0
  212. package/node/internals/plugins/corePlugins/corePlugins.js +12 -0
  213. package/node/internals/plugins/corePlugins/index.js +12 -0
  214. package/node/internals/plugins/corePlugins/useChartId/index.js +12 -0
  215. package/node/internals/plugins/corePlugins/useChartId/useChartId.js +41 -0
  216. package/node/internals/plugins/corePlugins/useChartId/useChartId.selectors.js +15 -0
  217. package/node/internals/plugins/corePlugins/useChartId/useChartId.types.js +5 -0
  218. package/node/internals/plugins/corePlugins/useChartId/useChartId.utils.js +12 -0
  219. package/node/internals/plugins/featurePlugins/useChartInteraction/index.js +27 -0
  220. package/node/internals/plugins/featurePlugins/useChartInteraction/useChartInteraction.js +81 -0
  221. package/node/internals/plugins/featurePlugins/useChartInteraction/useChartInteraction.selectors.js +16 -0
  222. package/node/internals/plugins/featurePlugins/useChartInteraction/useChartInteraction.types.js +5 -0
  223. package/node/internals/plugins/models/chart.js +5 -0
  224. package/node/internals/plugins/models/helpers.js +5 -0
  225. package/node/internals/plugins/models/index.js +33 -0
  226. package/node/internals/plugins/models/plugin.js +5 -0
  227. package/node/internals/plugins/utils/ChartStore.js +0 -2
  228. package/node/internals/store/useCharts.js +80 -0
  229. package/node/internals/store/useCharts.types.js +5 -0
  230. package/node/internals/{useStore.js → store/useStore.js} +6 -7
  231. package/package.json +4 -4
  232. package/ChartContainer/ResizableContainer.d.ts +0 -22
  233. package/ChartContainer/ResizableContainer.js +0 -60
  234. package/context/InteractionProvider.d.ts +0 -7
  235. package/context/InteractionProvider.js +0 -22
  236. package/context/SvgRefProvider/SvgRef.types.d.ts +0 -8
  237. package/context/SvgRefProvider/SvgRefContext.d.ts +0 -4
  238. package/context/SvgRefProvider/SvgRefContext.js +0 -17
  239. package/context/SvgRefProvider/SvgRefProvider.d.ts +0 -3
  240. package/context/SvgRefProvider/SvgRefProvider.js +0 -24
  241. package/context/SvgRefProvider/index.d.ts +0 -4
  242. package/context/SvgRefProvider/index.js +0 -4
  243. package/context/SvgRefProvider/useSurfaceRef.d.ts +0 -2
  244. package/context/SvgRefProvider/useSurfaceRef.js +0 -14
  245. package/internals/plugins/utils/ChartsStore.d.ts +0 -12
  246. package/internals/plugins/utils/ChartsStore.js +0 -26
  247. package/internals/useCharts.d.ts +0 -6
  248. package/internals/useCharts.js +0 -29
  249. package/internals/useSelector.d.ts +0 -4
  250. package/internals/useStore.d.ts +0 -2
  251. package/modern/ChartContainer/ResizableContainer.js +0 -60
  252. package/modern/context/InteractionProvider.js +0 -22
  253. package/modern/context/SvgRefProvider/SvgRefContext.js +0 -17
  254. package/modern/context/SvgRefProvider/SvgRefProvider.js +0 -24
  255. package/modern/context/SvgRefProvider/index.js +0 -4
  256. package/modern/context/SvgRefProvider/useSurfaceRef.js +0 -14
  257. package/modern/internals/plugins/utils/ChartsStore.js +0 -26
  258. package/modern/internals/useCharts.js +0 -29
  259. package/node/ChartContainer/ResizableContainer.js +0 -68
  260. package/node/context/InteractionProvider.js +0 -28
  261. package/node/context/SvgRefProvider/SvgRefContext.js +0 -23
  262. package/node/context/SvgRefProvider/SvgRefProvider.js +0 -31
  263. package/node/context/SvgRefProvider/index.js +0 -49
  264. package/node/context/SvgRefProvider/useSurfaceRef.js +0 -20
  265. package/node/internals/plugins/utils/ChartsStore.js +0 -33
  266. package/node/internals/useCharts.js +0 -36
  267. /package/context/{SvgRefProvider/SvgRef.types.js → ChartProvider/ChartProvider.types.js} +0 -0
  268. /package/{modern/context/SvgRefProvider/SvgRef.types.js → internals/plugins/corePlugins/useChartId/useChartId.types.js} +0 -0
  269. /package/internals/{useSelector.js → store/useSelector.js} +0 -0
  270. /package/modern/internals/{useSelector.js → store/useSelector.js} +0 -0
  271. /package/node/context/{SvgRefProvider/SvgRef.types.js → ChartProvider/ChartProvider.types.js} +0 -0
  272. /package/node/internals/{useSelector.js → store/useSelector.js} +0 -0
@@ -243,7 +243,6 @@ process.env.NODE_ENV !== "production" ? BarChart.propTypes = {
243
243
  hideTooltip: PropTypes.bool,
244
244
  id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
245
245
  label: PropTypes.string,
246
- labelFontSize: PropTypes.number,
247
246
  labelStyle: PropTypes.object,
248
247
  max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
249
248
  min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
@@ -254,7 +253,6 @@ process.env.NODE_ENV !== "production" ? BarChart.propTypes = {
254
253
  slots: PropTypes.object,
255
254
  stroke: PropTypes.string,
256
255
  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
257
- tickFontSize: PropTypes.number,
258
256
  tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
259
257
  tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
260
258
  tickLabelPlacement: PropTypes.oneOf(['middle', 'tick']),
@@ -297,7 +295,6 @@ process.env.NODE_ENV !== "production" ? BarChart.propTypes = {
297
295
  hideTooltip: PropTypes.bool,
298
296
  id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
299
297
  label: PropTypes.string,
300
- labelFontSize: PropTypes.number,
301
298
  labelStyle: PropTypes.object,
302
299
  max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
303
300
  min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
@@ -308,7 +305,6 @@ process.env.NODE_ENV !== "production" ? BarChart.propTypes = {
308
305
  slots: PropTypes.object,
309
306
  stroke: PropTypes.string,
310
307
  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
311
- tickFontSize: PropTypes.number,
312
308
  tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
313
309
  tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
314
310
  tickLabelPlacement: PropTypes.oneOf(['middle', 'tick']),