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