@mui/x-charts 7.13.0 → 7.15.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 (751) hide show
  1. package/BarChart/BarChart.js +180 -183
  2. package/BarChart/BarClipPath.js +17 -25
  3. package/BarChart/BarElement.js +33 -43
  4. package/BarChart/BarLabel/BarLabel.d.ts +1 -1
  5. package/BarChart/BarLabel/BarLabel.js +25 -34
  6. package/BarChart/BarLabel/BarLabel.types.js +1 -5
  7. package/BarChart/BarLabel/BarLabelItem.js +31 -39
  8. package/BarChart/BarLabel/BarLabelPlot.js +13 -21
  9. package/BarChart/BarLabel/barLabelClasses.d.ts +1 -1
  10. package/BarChart/BarLabel/barLabelClasses.js +9 -19
  11. package/BarChart/BarLabel/getBarLabel.js +2 -9
  12. package/BarChart/BarLabel/index.js +2 -25
  13. package/BarChart/BarPlot.js +39 -46
  14. package/BarChart/checkScaleErrors.js +6 -12
  15. package/BarChart/extremums.js +45 -18
  16. package/BarChart/formatter.js +9 -16
  17. package/BarChart/getColor.js +1 -7
  18. package/BarChart/getRadius.js +2 -9
  19. package/BarChart/index.js +4 -49
  20. package/BarChart/legend.js +3 -9
  21. package/BarChart/package.json +2 -2
  22. package/BarChart/plugin.js +8 -15
  23. package/BarChart/types.js +1 -5
  24. package/BarChart/useBarChartProps.js +17 -25
  25. package/CHANGELOG.md +151 -2
  26. package/ChartContainer/ChartContainer.js +164 -172
  27. package/ChartContainer/index.js +1 -16
  28. package/ChartContainer/package.json +2 -2
  29. package/ChartContainer/useChartContainerProps.d.ts +8 -8
  30. package/ChartContainer/useChartContainerProps.js +13 -23
  31. package/ChartContainer/useDefaultizeAxis.d.ts +6 -5
  32. package/ChartContainer/useDefaultizeAxis.js +22 -21
  33. package/ChartsAxis/ChartsAxis.js +24 -32
  34. package/ChartsAxis/axisClasses.js +4 -11
  35. package/ChartsAxis/index.js +2 -27
  36. package/ChartsAxis/package.json +2 -2
  37. package/ChartsAxisHighlight/ChartsAxisHighlight.js +55 -51
  38. package/ChartsAxisHighlight/index.js +1 -16
  39. package/ChartsAxisHighlight/package.json +2 -2
  40. package/ChartsClipPath/ChartsClipPath.js +17 -25
  41. package/ChartsClipPath/index.js +1 -16
  42. package/ChartsClipPath/package.json +2 -2
  43. package/ChartsGrid/ChartsGrid.d.ts +1 -1
  44. package/ChartsGrid/ChartsGrid.js +38 -44
  45. package/ChartsGrid/chartsGridClasses.js +5 -13
  46. package/ChartsGrid/index.js +2 -27
  47. package/ChartsGrid/package.json +2 -2
  48. package/ChartsLegend/ChartsLegend.js +33 -41
  49. package/ChartsLegend/ContinuousColorLegend.js +66 -73
  50. package/ChartsLegend/DefaultChartsLegend.js +38 -46
  51. package/ChartsLegend/LegendPerItem.js +30 -39
  52. package/ChartsLegend/PiecewiseColorLegend.js +36 -44
  53. package/ChartsLegend/chartsLegend.types.js +1 -5
  54. package/ChartsLegend/chartsLegendClasses.js +4 -11
  55. package/ChartsLegend/index.js +6 -71
  56. package/ChartsLegend/legend.types.js +1 -5
  57. package/ChartsLegend/legendItemsPlacement.js +6 -13
  58. package/ChartsLegend/package.json +2 -2
  59. package/ChartsLegend/useAxis.js +6 -14
  60. package/ChartsLegend/utils.js +9 -16
  61. package/ChartsOnAxisClickHandler/ChartsOnAxisClickHandler.js +15 -23
  62. package/ChartsOnAxisClickHandler/index.js +1 -16
  63. package/ChartsOnAxisClickHandler/package.json +2 -2
  64. package/ChartsOverlay/ChartsLoadingOverlay.js +12 -21
  65. package/ChartsOverlay/ChartsNoDataOverlay.js +12 -21
  66. package/ChartsOverlay/ChartsOverlay.js +13 -23
  67. package/ChartsOverlay/index.js +3 -26
  68. package/ChartsOverlay/package.json +2 -2
  69. package/ChartsReferenceLine/ChartsReferenceLine.js +21 -29
  70. package/ChartsReferenceLine/ChartsXReferenceLine.js +22 -31
  71. package/ChartsReferenceLine/ChartsYReferenceLine.js +22 -31
  72. package/ChartsReferenceLine/chartsReferenceLineClasses.js +5 -13
  73. package/ChartsReferenceLine/common.js +6 -13
  74. package/ChartsReferenceLine/index.js +2 -27
  75. package/ChartsReferenceLine/package.json +2 -2
  76. package/{modern → ChartsSurface}/ChartsSurface.js +7 -3
  77. package/ChartsSurface/index.d.ts +1 -0
  78. package/ChartsSurface/index.js +1 -0
  79. package/ChartsSurface/package.json +6 -0
  80. package/ChartsText/ChartsText.js +18 -26
  81. package/ChartsText/index.js +1 -12
  82. package/ChartsText/package.json +2 -2
  83. package/ChartsTooltip/ChartsAxisTooltipContent.js +22 -30
  84. package/ChartsTooltip/ChartsItemTooltipContent.js +18 -26
  85. package/ChartsTooltip/ChartsTooltip.js +34 -42
  86. package/ChartsTooltip/ChartsTooltipTable.js +11 -16
  87. package/ChartsTooltip/DefaultChartsAxisTooltipContent.js +44 -52
  88. package/ChartsTooltip/DefaultChartsItemTooltipContent.js +32 -40
  89. package/ChartsTooltip/chartsTooltipClasses.js +4 -11
  90. package/ChartsTooltip/index.js +7 -82
  91. package/ChartsTooltip/package.json +2 -2
  92. package/ChartsTooltip/utils.js +9 -21
  93. package/ChartsVoronoiHandler/ChartsVoronoiHandler.js +29 -37
  94. package/ChartsVoronoiHandler/index.js +1 -16
  95. package/ChartsVoronoiHandler/package.json +2 -2
  96. package/ChartsXAxis/ChartsXAxis.js +90 -87
  97. package/ChartsXAxis/index.js +1 -16
  98. package/ChartsXAxis/package.json +2 -2
  99. package/ChartsYAxis/ChartsYAxis.js +78 -79
  100. package/ChartsYAxis/index.js +1 -16
  101. package/ChartsYAxis/package.json +2 -2
  102. package/Gauge/Gauge.js +52 -60
  103. package/Gauge/GaugeContainer.js +51 -59
  104. package/Gauge/GaugeProvider.js +17 -28
  105. package/Gauge/GaugeReferenceArc.js +11 -20
  106. package/Gauge/GaugeValueArc.js +11 -20
  107. package/Gauge/GaugeValueText.js +18 -26
  108. package/Gauge/gaugeClasses.js +6 -14
  109. package/Gauge/index.js +7 -87
  110. package/Gauge/package.json +2 -2
  111. package/Gauge/utils.js +2 -9
  112. package/LineChart/AnimatedArea.js +35 -44
  113. package/LineChart/AnimatedLine.js +36 -45
  114. package/LineChart/AreaElement.js +33 -43
  115. package/LineChart/AreaPlot.js +30 -38
  116. package/LineChart/LineChart.js +185 -188
  117. package/LineChart/LineElement.js +33 -43
  118. package/LineChart/LineHighlightElement.js +20 -30
  119. package/LineChart/LineHighlightPlot.js +28 -36
  120. package/LineChart/LinePlot.js +30 -38
  121. package/LineChart/MarkElement.js +40 -48
  122. package/LineChart/MarkPlot.js +33 -41
  123. package/LineChart/extremums.js +23 -15
  124. package/LineChart/formatter.js +9 -16
  125. package/LineChart/getColor.js +1 -7
  126. package/LineChart/index.js +11 -126
  127. package/LineChart/legend.js +3 -9
  128. package/LineChart/package.json +2 -2
  129. package/LineChart/plugin.js +8 -15
  130. package/LineChart/useLineChartProps.js +14 -22
  131. package/PieChart/PieArc.js +34 -44
  132. package/PieChart/PieArcLabel.js +30 -40
  133. package/PieChart/PieArcLabelPlot.js +59 -67
  134. package/PieChart/PieArcPlot.js +56 -64
  135. package/PieChart/PieChart.js +180 -183
  136. package/PieChart/PiePlot.js +29 -37
  137. package/PieChart/dataTransform/transition.js +2 -8
  138. package/PieChart/dataTransform/useTransformData.js +7 -16
  139. package/PieChart/formatter.js +10 -17
  140. package/PieChart/getColor.js +1 -7
  141. package/PieChart/getPieCoordinates.js +4 -10
  142. package/PieChart/index.js +7 -82
  143. package/PieChart/legend.js +3 -9
  144. package/PieChart/package.json +2 -2
  145. package/PieChart/plugin.js +5 -12
  146. package/ResponsiveChartContainer/ResizableContainer.js +2 -8
  147. package/ResponsiveChartContainer/ResponsiveChartContainer.js +151 -159
  148. package/ResponsiveChartContainer/index.js +1 -16
  149. package/ResponsiveChartContainer/package.json +2 -2
  150. package/ResponsiveChartContainer/useChartContainerDimensions.js +7 -17
  151. package/ResponsiveChartContainer/useResponsiveChartContainerProps.js +8 -16
  152. package/ScatterChart/Scatter.js +26 -34
  153. package/ScatterChart/ScatterChart.js +198 -201
  154. package/ScatterChart/ScatterPlot.js +21 -29
  155. package/ScatterChart/extremums.js +29 -21
  156. package/ScatterChart/formatter.js +3 -9
  157. package/ScatterChart/getColor.js +1 -7
  158. package/ScatterChart/index.js +3 -38
  159. package/ScatterChart/legend.js +3 -9
  160. package/ScatterChart/package.json +2 -2
  161. package/ScatterChart/plugin.js +8 -15
  162. package/ScatterChart/useScatterChartProps.js +10 -18
  163. package/SparkLineChart/SparkLineChart.js +163 -171
  164. package/SparkLineChart/index.js +1 -16
  165. package/SparkLineChart/package.json +2 -2
  166. package/colorPalettes/colorPalettes.js +9 -18
  167. package/colorPalettes/index.js +1 -16
  168. package/colorPalettes/package.json +2 -2
  169. package/constants/package.json +6 -0
  170. package/context/CartesianProvider/Cartesian.types.d.ts +59 -0
  171. package/context/CartesianProvider/CartesianContext.d.ts +1 -22
  172. package/context/CartesianProvider/CartesianContext.js +2 -10
  173. package/context/CartesianProvider/CartesianProvider.d.ts +1 -21
  174. package/context/CartesianProvider/CartesianProvider.js +19 -29
  175. package/context/CartesianProvider/computeValue.d.ts +18 -31
  176. package/context/CartesianProvider/computeValue.js +42 -52
  177. package/context/CartesianProvider/defaultizeAxis.d.ts +4 -4
  178. package/context/CartesianProvider/defaultizeAxis.js +6 -14
  179. package/context/CartesianProvider/getAxisExtremum.d.ts +3 -2
  180. package/context/CartesianProvider/getAxisExtremum.js +12 -13
  181. package/context/CartesianProvider/index.d.ts +1 -0
  182. package/context/CartesianProvider/index.js +8 -48
  183. package/context/CartesianProvider/useCartesianContext.d.ts +1 -1
  184. package/context/CartesianProvider/useCartesianContext.js +5 -14
  185. package/context/CartesianProvider/zoom.d.ts +10 -0
  186. package/context/CartesianProvider/zoom.js +19 -0
  187. package/context/DrawingProvider.d.ts +7 -2
  188. package/context/DrawingProvider.js +24 -27
  189. package/context/HighlightedProvider/HighlightedContext.js +2 -9
  190. package/context/HighlightedProvider/HighlightedProvider.js +24 -32
  191. package/context/HighlightedProvider/createIsFaded.js +2 -9
  192. package/context/HighlightedProvider/createIsHighlighted.js +2 -9
  193. package/context/HighlightedProvider/index.js +4 -49
  194. package/context/HighlightedProvider/useHighlighted.js +4 -11
  195. package/context/HighlightedProvider/useItemHighlighted.js +3 -9
  196. package/context/InteractionProvider.d.ts +2 -2
  197. package/context/InteractionProvider.js +13 -22
  198. package/context/PluginProvider/ColorProcessor.types.js +1 -5
  199. package/context/PluginProvider/ExtremumGetter.types.d.ts +11 -1
  200. package/context/PluginProvider/ExtremumGetter.types.js +1 -5
  201. package/context/PluginProvider/Plugin.types.js +1 -5
  202. package/context/PluginProvider/PluginContext.js +2 -10
  203. package/context/PluginProvider/PluginProvider.js +8 -15
  204. package/context/PluginProvider/SeriesFormatter.types.js +1 -5
  205. package/context/PluginProvider/index.js +10 -115
  206. package/context/PluginProvider/mergePlugins.d.ts +6 -6
  207. package/context/PluginProvider/mergePlugins.js +6 -13
  208. package/context/PluginProvider/useColorProcessor.js +4 -12
  209. package/context/PluginProvider/useSeriesFormatter.js +4 -12
  210. package/context/PluginProvider/useXExtremumGetter.js +4 -12
  211. package/context/PluginProvider/useYExtremumGetter.js +4 -12
  212. package/context/SeriesProvider/Series.types.js +1 -5
  213. package/context/SeriesProvider/SeriesContext.js +2 -10
  214. package/context/SeriesProvider/SeriesProvider.js +14 -21
  215. package/context/SeriesProvider/index.js +7 -48
  216. package/context/SeriesProvider/processSeries.js +6 -14
  217. package/context/ZAxisContextProvider.js +36 -45
  218. package/context/context.types.js +1 -5
  219. package/context/index.js +2 -27
  220. package/context/package.json +2 -2
  221. package/hooks/index.js +7 -115
  222. package/hooks/package.json +2 -2
  223. package/hooks/useAxis.js +5 -12
  224. package/hooks/useAxisEvents.js +20 -26
  225. package/hooks/useChartDimensions.js +5 -14
  226. package/hooks/useChartId.js +4 -12
  227. package/hooks/useColorScale.js +9 -19
  228. package/hooks/useDrawingArea.js +4 -12
  229. package/hooks/useInteractionItemProps.js +7 -16
  230. package/hooks/useMounted.js +4 -13
  231. package/hooks/useReducedMotion.js +6 -12
  232. package/hooks/useScale.js +8 -15
  233. package/hooks/useSeries.js +8 -19
  234. package/hooks/useSvgRef.js +4 -12
  235. package/hooks/useTicks.js +7 -16
  236. package/index.js +27 -292
  237. package/internals/SlotComponentPropsFromProps.js +1 -5
  238. package/internals/cleanId.js +1 -7
  239. package/internals/colorScale.js +8 -16
  240. package/internals/components/AxisSharedComponents.js +8 -15
  241. package/internals/components/ChartsAxesGradients/ChartsAxesGradients.js +17 -27
  242. package/internals/components/ChartsAxesGradients/ChartsContinuousGradient.js +7 -15
  243. package/internals/components/ChartsAxesGradients/ChartsPiecewiseGradient.js +7 -15
  244. package/internals/components/ChartsAxesGradients/index.js +1 -16
  245. package/internals/configInit.js +1 -7
  246. package/internals/defaultizeColor.d.ts +16 -16
  247. package/internals/defaultizeColor.js +5 -12
  248. package/internals/defaultizeValueFormatter.js +3 -10
  249. package/internals/domUtils.d.ts +2 -0
  250. package/internals/domUtils.js +19 -15
  251. package/internals/geometry.js +1 -7
  252. package/internals/getCurve.js +11 -17
  253. package/internals/getLabel.js +1 -7
  254. package/internals/getPercentageValue.js +1 -7
  255. package/internals/getSVGPoint.js +1 -7
  256. package/internals/getScale.js +8 -14
  257. package/internals/getSymbol.js +1 -7
  258. package/internals/getWordsByLines.js +5 -12
  259. package/internals/index.d.ts +3 -0
  260. package/internals/index.js +40 -306
  261. package/internals/isBandScale.js +1 -7
  262. package/internals/isCartesian.js +4 -11
  263. package/internals/isDefined.js +1 -7
  264. package/internals/isInfinity.js +1 -7
  265. package/internals/notNull.js +1 -7
  266. package/internals/package.json +2 -2
  267. package/internals/stackSeries.js +16 -23
  268. package/internals/ts-generic.js +1 -5
  269. package/internals/useAnimatedPath.d.ts +1 -1
  270. package/internals/useAnimatedPath.js +21 -26
  271. package/internals/warning.js +2 -9
  272. package/models/axis.d.ts +4 -0
  273. package/models/axis.js +6 -8
  274. package/models/colorMapping.js +1 -5
  275. package/models/helpers.js +1 -5
  276. package/models/index.js +4 -38
  277. package/models/layout.js +1 -5
  278. package/models/package.json +2 -2
  279. package/models/seriesType/bar.js +1 -5
  280. package/models/seriesType/common.js +1 -5
  281. package/models/seriesType/config.js +1 -5
  282. package/models/seriesType/index.js +6 -61
  283. package/models/seriesType/line.js +1 -5
  284. package/models/seriesType/pie.js +1 -5
  285. package/models/seriesType/scatter.js +1 -5
  286. package/models/stacking.js +1 -5
  287. package/models/z-axis.js +1 -5
  288. package/modern/BarChart/BarChart.js +6 -1
  289. package/modern/BarChart/BarLabel/BarLabel.js +4 -4
  290. package/modern/BarChart/BarPlot.js +4 -3
  291. package/modern/BarChart/extremums.js +42 -7
  292. package/modern/ChartContainer/useChartContainerProps.js +1 -1
  293. package/modern/ChartContainer/useDefaultizeAxis.js +16 -5
  294. package/modern/ChartsAxisHighlight/ChartsAxisHighlight.js +23 -9
  295. package/modern/ChartsGrid/ChartsGrid.js +12 -10
  296. package/modern/ChartsLegend/ContinuousColorLegend.js +3 -2
  297. package/modern/ChartsLegend/LegendPerItem.js +5 -4
  298. package/{esm → modern/ChartsSurface}/ChartsSurface.js +7 -3
  299. package/modern/ChartsSurface/index.js +1 -0
  300. package/modern/ChartsTooltip/ChartsAxisTooltipContent.js +1 -1
  301. package/modern/ChartsXAxis/ChartsXAxis.js +14 -3
  302. package/modern/ChartsYAxis/ChartsYAxis.js +11 -4
  303. package/modern/LineChart/LineChart.js +6 -1
  304. package/modern/LineChart/MarkElement.js +4 -2
  305. package/modern/LineChart/extremums.js +20 -4
  306. package/modern/PieChart/PieChart.js +10 -5
  307. package/modern/ScatterChart/ScatterChart.js +6 -1
  308. package/modern/ScatterChart/extremums.js +26 -10
  309. package/modern/context/CartesianProvider/CartesianProvider.js +2 -5
  310. package/modern/context/CartesianProvider/computeValue.js +20 -23
  311. package/modern/context/CartesianProvider/getAxisExtremum.js +11 -5
  312. package/modern/context/CartesianProvider/index.js +1 -0
  313. package/modern/context/CartesianProvider/zoom.js +19 -0
  314. package/modern/context/DrawingProvider.js +11 -3
  315. package/modern/hooks/useAxisEvents.js +5 -2
  316. package/modern/index.js +1 -1
  317. package/modern/internals/domUtils.js +16 -3
  318. package/modern/internals/index.js +4 -0
  319. package/modern/internals/useAnimatedPath.js +17 -13
  320. package/modern/models/axis.js +5 -0
  321. package/modern/tests/firePointerEvent.js +35 -0
  322. package/node/BarChart/BarChart.js +356 -0
  323. package/node/BarChart/BarClipPath.js +50 -0
  324. package/node/BarChart/BarElement.js +119 -0
  325. package/node/BarChart/BarLabel/BarLabel.js +60 -0
  326. package/node/BarChart/BarLabel/BarLabel.types.js +5 -0
  327. package/node/BarChart/BarLabel/BarLabelItem.js +127 -0
  328. package/node/BarChart/BarLabel/BarLabelPlot.js +83 -0
  329. package/node/BarChart/BarLabel/barLabelClasses.js +29 -0
  330. package/{esm → node}/BarChart/BarLabel/getBarLabel.js +9 -2
  331. package/node/BarChart/BarLabel/index.js +25 -0
  332. package/{esm → node}/BarChart/BarPlot.js +47 -38
  333. package/{esm → node}/BarChart/checkScaleErrors.js +12 -6
  334. package/node/BarChart/extremums.js +83 -0
  335. package/{esm → node}/BarChart/formatter.js +16 -9
  336. package/{esm → node}/BarChart/getColor.js +7 -1
  337. package/{esm → node}/BarChart/getRadius.js +9 -2
  338. package/node/BarChart/index.js +49 -0
  339. package/{esm/LineChart → node/BarChart}/legend.js +9 -3
  340. package/node/BarChart/plugin.js +17 -0
  341. package/node/BarChart/types.js +5 -0
  342. package/{esm → node}/BarChart/useBarChartProps.js +25 -17
  343. package/node/ChartContainer/ChartContainer.js +258 -0
  344. package/node/ChartContainer/index.js +16 -0
  345. package/node/ChartContainer/useChartContainerProps.js +92 -0
  346. package/node/ChartContainer/useDefaultizeAxis.js +40 -0
  347. package/{esm → node}/ChartsAxis/ChartsAxis.js +32 -24
  348. package/node/ChartsAxis/axisClasses.js +12 -0
  349. package/node/ChartsAxis/index.js +27 -0
  350. package/node/ChartsAxisHighlight/ChartsAxisHighlight.js +144 -0
  351. package/node/ChartsAxisHighlight/index.js +16 -0
  352. package/node/ChartsClipPath/ChartsClipPath.js +59 -0
  353. package/node/ChartsClipPath/index.js +16 -0
  354. package/node/ChartsGrid/ChartsGrid.js +141 -0
  355. package/node/ChartsGrid/chartsGridClasses.js +14 -0
  356. package/node/ChartsGrid/index.js +27 -0
  357. package/node/ChartsLegend/ChartsLegend.js +114 -0
  358. package/{esm → node}/ChartsLegend/ContinuousColorLegend.js +74 -65
  359. package/node/ChartsLegend/DefaultChartsLegend.js +105 -0
  360. package/{esm → node}/ChartsLegend/LegendPerItem.js +40 -29
  361. package/{esm → node}/ChartsLegend/PiecewiseColorLegend.js +44 -36
  362. package/node/ChartsLegend/chartsLegend.types.js +5 -0
  363. package/node/ChartsLegend/chartsLegendClasses.js +12 -0
  364. package/node/ChartsLegend/index.js +71 -0
  365. package/node/ChartsLegend/legend.types.js +5 -0
  366. package/{esm → node}/ChartsLegend/legendItemsPlacement.js +13 -6
  367. package/node/ChartsLegend/useAxis.js +47 -0
  368. package/node/ChartsLegend/utils.js +23 -0
  369. package/{esm → node}/ChartsOnAxisClickHandler/ChartsOnAxisClickHandler.js +23 -15
  370. package/node/ChartsOnAxisClickHandler/index.js +16 -0
  371. package/node/ChartsOverlay/ChartsLoadingOverlay.js +43 -0
  372. package/node/ChartsOverlay/ChartsNoDataOverlay.js +43 -0
  373. package/node/ChartsOverlay/ChartsOverlay.js +41 -0
  374. package/node/ChartsOverlay/index.js +26 -0
  375. package/node/ChartsReferenceLine/ChartsReferenceLine.js +82 -0
  376. package/node/ChartsReferenceLine/ChartsXReferenceLine.js +109 -0
  377. package/node/ChartsReferenceLine/ChartsYReferenceLine.js +109 -0
  378. package/node/ChartsReferenceLine/chartsReferenceLineClasses.js +14 -0
  379. package/node/ChartsReferenceLine/common.js +27 -0
  380. package/node/ChartsReferenceLine/index.js +27 -0
  381. package/{ChartsSurface.js → node/ChartsSurface/ChartsSurface.js} +6 -2
  382. package/node/ChartsSurface/index.js +16 -0
  383. package/{esm → node}/ChartsText/ChartsText.js +26 -18
  384. package/node/ChartsText/index.js +12 -0
  385. package/node/ChartsTooltip/ChartsAxisTooltipContent.js +88 -0
  386. package/node/ChartsTooltip/ChartsItemTooltipContent.js +60 -0
  387. package/node/ChartsTooltip/ChartsTooltip.js +162 -0
  388. package/{esm → node}/ChartsTooltip/ChartsTooltipTable.js +16 -11
  389. package/node/ChartsTooltip/DefaultChartsAxisTooltipContent.js +129 -0
  390. package/node/ChartsTooltip/DefaultChartsItemTooltipContent.js +98 -0
  391. package/node/ChartsTooltip/chartsTooltipClasses.js +12 -0
  392. package/node/ChartsTooltip/index.js +82 -0
  393. package/{esm → node}/ChartsTooltip/utils.js +21 -9
  394. package/{esm → node}/ChartsVoronoiHandler/ChartsVoronoiHandler.js +37 -29
  395. package/node/ChartsVoronoiHandler/index.js +16 -0
  396. package/{esm → node}/ChartsXAxis/ChartsXAxis.js +98 -79
  397. package/node/ChartsXAxis/index.js +16 -0
  398. package/{esm → node}/ChartsYAxis/ChartsYAxis.js +86 -71
  399. package/node/ChartsYAxis/index.js +16 -0
  400. package/node/Gauge/Gauge.js +157 -0
  401. package/{esm → node}/Gauge/GaugeContainer.js +59 -51
  402. package/node/Gauge/GaugeProvider.js +99 -0
  403. package/node/Gauge/GaugeReferenceArc.js +44 -0
  404. package/node/Gauge/GaugeValueArc.js +51 -0
  405. package/node/Gauge/GaugeValueText.js +77 -0
  406. package/node/Gauge/gaugeClasses.js +15 -0
  407. package/node/Gauge/index.js +87 -0
  408. package/{esm → node}/Gauge/utils.js +9 -2
  409. package/node/LineChart/AnimatedArea.js +112 -0
  410. package/node/LineChart/AnimatedLine.js +115 -0
  411. package/node/LineChart/AreaElement.js +119 -0
  412. package/{esm → node}/LineChart/AreaPlot.js +38 -30
  413. package/node/LineChart/LineChart.js +357 -0
  414. package/node/LineChart/LineElement.js +119 -0
  415. package/node/LineChart/LineHighlightElement.js +90 -0
  416. package/node/LineChart/LineHighlightPlot.js +126 -0
  417. package/{esm → node}/LineChart/LinePlot.js +38 -30
  418. package/node/LineChart/MarkElement.js +140 -0
  419. package/{esm → node}/LineChart/MarkPlot.js +41 -33
  420. package/{esm → node}/LineChart/extremums.js +31 -7
  421. package/{esm → node}/LineChart/formatter.js +16 -9
  422. package/{esm → node}/LineChart/getColor.js +7 -1
  423. package/node/LineChart/index.js +126 -0
  424. package/{esm/BarChart → node/LineChart}/legend.js +9 -3
  425. package/node/LineChart/plugin.js +17 -0
  426. package/{esm → node}/LineChart/useLineChartProps.js +22 -14
  427. package/node/PieChart/PieArc.js +117 -0
  428. package/node/PieChart/PieArcLabel.js +117 -0
  429. package/node/PieChart/PieArcLabelPlot.js +202 -0
  430. package/node/PieChart/PieArcPlot.js +184 -0
  431. package/node/PieChart/PieChart.js +401 -0
  432. package/{esm → node}/PieChart/PiePlot.js +37 -29
  433. package/{esm → node}/PieChart/dataTransform/transition.js +8 -2
  434. package/{esm → node}/PieChart/dataTransform/useTransformData.js +16 -7
  435. package/node/PieChart/formatter.js +53 -0
  436. package/node/PieChart/getColor.js +12 -0
  437. package/node/PieChart/getPieCoordinates.js +25 -0
  438. package/node/PieChart/index.js +82 -0
  439. package/{esm → node}/PieChart/legend.js +9 -3
  440. package/node/PieChart/plugin.js +14 -0
  441. package/{esm → node}/ResponsiveChartContainer/ResizableContainer.js +8 -2
  442. package/node/ResponsiveChartContainer/ResponsiveChartContainer.js +233 -0
  443. package/node/ResponsiveChartContainer/index.js +16 -0
  444. package/{esm → node}/ResponsiveChartContainer/useChartContainerDimensions.js +17 -7
  445. package/{esm → node}/ResponsiveChartContainer/useResponsiveChartContainerProps.js +16 -8
  446. package/{esm → node}/ScatterChart/Scatter.js +34 -26
  447. package/node/ScatterChart/ScatterChart.js +363 -0
  448. package/node/ScatterChart/ScatterPlot.js +107 -0
  449. package/node/ScatterChart/extremums.js +63 -0
  450. package/node/ScatterChart/formatter.js +17 -0
  451. package/{esm → node}/ScatterChart/getColor.js +7 -1
  452. package/node/ScatterChart/index.js +38 -0
  453. package/{esm → node}/ScatterChart/legend.js +9 -3
  454. package/node/ScatterChart/plugin.js +17 -0
  455. package/{esm → node}/ScatterChart/useScatterChartProps.js +18 -10
  456. package/node/SparkLineChart/SparkLineChart.js +356 -0
  457. package/node/SparkLineChart/index.js +16 -0
  458. package/node/colorPalettes/colorPalettes.js +18 -0
  459. package/node/colorPalettes/index.js +16 -0
  460. package/node/context/CartesianProvider/Cartesian.types.js +5 -0
  461. package/node/context/CartesianProvider/CartesianContext.js +21 -0
  462. package/node/context/CartesianProvider/CartesianProvider.js +54 -0
  463. package/{esm → node}/context/CartesianProvider/computeValue.js +49 -45
  464. package/node/context/CartesianProvider/defaultizeAxis.js +21 -0
  465. package/node/context/CartesianProvider/getAxisExtremum.js +27 -0
  466. package/node/context/CartesianProvider/index.js +61 -0
  467. package/node/context/CartesianProvider/useCartesianContext.js +17 -0
  468. package/node/context/CartesianProvider/zoom.js +26 -0
  469. package/node/context/DrawingProvider.js +87 -0
  470. package/node/context/HighlightedProvider/HighlightedContext.js +39 -0
  471. package/node/context/HighlightedProvider/HighlightedProvider.js +100 -0
  472. package/{esm → node}/context/HighlightedProvider/createIsFaded.js +9 -2
  473. package/{esm → node}/context/HighlightedProvider/createIsHighlighted.js +9 -2
  474. package/node/context/HighlightedProvider/index.js +49 -0
  475. package/node/context/HighlightedProvider/useHighlighted.js +27 -0
  476. package/{esm → node}/context/HighlightedProvider/useItemHighlighted.js +9 -3
  477. package/node/context/InteractionProvider.js +85 -0
  478. package/node/context/PluginProvider/ColorProcessor.types.js +5 -0
  479. package/node/context/PluginProvider/ExtremumGetter.types.js +5 -0
  480. package/node/context/PluginProvider/Plugin.types.js +5 -0
  481. package/node/context/PluginProvider/PluginContext.js +21 -0
  482. package/node/context/PluginProvider/PluginProvider.js +26 -0
  483. package/node/context/PluginProvider/SeriesFormatter.types.js +5 -0
  484. package/node/context/PluginProvider/index.js +115 -0
  485. package/{esm → node}/context/PluginProvider/mergePlugins.js +13 -6
  486. package/node/context/PluginProvider/useColorProcessor.js +23 -0
  487. package/node/context/PluginProvider/useSeriesFormatter.js +23 -0
  488. package/node/context/PluginProvider/useXExtremumGetter.js +23 -0
  489. package/node/context/PluginProvider/useYExtremumGetter.js +23 -0
  490. package/node/context/SeriesProvider/Series.types.js +5 -0
  491. package/node/context/SeriesProvider/SeriesContext.js +16 -0
  492. package/node/context/SeriesProvider/SeriesProvider.js +38 -0
  493. package/node/context/SeriesProvider/index.js +49 -0
  494. package/{esm → node}/context/SeriesProvider/processSeries.js +14 -6
  495. package/node/context/ZAxisContextProvider.js +103 -0
  496. package/node/context/context.types.js +5 -0
  497. package/node/context/index.js +27 -0
  498. package/node/hooks/index.js +115 -0
  499. package/node/hooks/useAxis.js +24 -0
  500. package/{esm → node}/hooks/useAxisEvents.js +29 -17
  501. package/node/hooks/useChartDimensions.js +25 -0
  502. package/node/hooks/useChartId.js +16 -0
  503. package/node/hooks/useColorScale.js +37 -0
  504. package/node/hooks/useDrawingArea.js +30 -0
  505. package/node/hooks/useInteractionItemProps.js +55 -0
  506. package/node/hooks/useMounted.js +25 -0
  507. package/{esm → node}/hooks/useReducedMotion.js +12 -6
  508. package/node/hooks/useScale.js +30 -0
  509. package/{esm → node}/hooks/useSeries.js +19 -8
  510. package/node/hooks/useSvgRef.js +20 -0
  511. package/{esm → node}/hooks/useTicks.js +16 -7
  512. package/node/index.js +298 -0
  513. package/node/internals/SlotComponentPropsFromProps.js +5 -0
  514. package/node/internals/cleanId.js +12 -0
  515. package/node/internals/colorScale.js +24 -0
  516. package/node/internals/components/AxisSharedComponents.js +33 -0
  517. package/node/internals/components/ChartsAxesGradients/ChartsAxesGradients.js +105 -0
  518. package/node/internals/components/ChartsAxesGradients/ChartsContinuousGradient.js +64 -0
  519. package/node/internals/components/ChartsAxesGradients/ChartsPiecewiseGradient.js +48 -0
  520. package/node/internals/components/ChartsAxesGradients/index.js +16 -0
  521. package/{esm → node}/internals/configInit.js +7 -1
  522. package/node/internals/defaultizeColor.js +21 -0
  523. package/node/internals/defaultizeValueFormatter.js +17 -0
  524. package/{esm → node}/internals/domUtils.js +30 -7
  525. package/{esm → node}/internals/geometry.js +7 -1
  526. package/node/internals/getCurve.js +45 -0
  527. package/node/internals/getLabel.js +9 -0
  528. package/{esm → node}/internals/getPercentageValue.js +7 -1
  529. package/{esm → node}/internals/getSVGPoint.js +7 -1
  530. package/node/internals/getScale.js +23 -0
  531. package/{esm → node}/internals/getSymbol.js +7 -1
  532. package/node/internals/getWordsByLines.js +21 -0
  533. package/node/internals/index.js +335 -0
  534. package/node/internals/isBandScale.js +9 -0
  535. package/node/internals/isCartesian.js +14 -0
  536. package/node/internals/isDefined.js +9 -0
  537. package/node/internals/isInfinity.js +9 -0
  538. package/node/internals/notNull.js +9 -0
  539. package/{esm → node}/internals/stackSeries.js +23 -16
  540. package/node/internals/ts-generic.js +5 -0
  541. package/node/internals/useAnimatedPath.js +42 -0
  542. package/{esm → node}/internals/warning.js +9 -2
  543. package/node/models/axis.js +18 -0
  544. package/node/models/colorMapping.js +5 -0
  545. package/node/models/helpers.js +5 -0
  546. package/node/models/index.js +38 -0
  547. package/node/models/layout.js +5 -0
  548. package/node/models/seriesType/bar.js +5 -0
  549. package/node/models/seriesType/common.js +5 -0
  550. package/node/models/seriesType/config.js +5 -0
  551. package/node/models/seriesType/index.js +71 -0
  552. package/node/models/seriesType/line.js +5 -0
  553. package/node/models/seriesType/pie.js +5 -0
  554. package/node/models/seriesType/scatter.js +5 -0
  555. package/node/models/stacking.js +5 -0
  556. package/node/models/z-axis.js +5 -0
  557. package/node/tests/firePointerEvent.js +42 -0
  558. package/node/themeAugmentation/index.js +38 -0
  559. package/package.json +8 -8
  560. package/tests/firePointerEvent.js +35 -0
  561. package/themeAugmentation/components.d.ts +2 -12
  562. package/themeAugmentation/index.js +3 -38
  563. package/themeAugmentation/overrides.d.ts +6 -7
  564. package/themeAugmentation/package.json +2 -2
  565. package/themeAugmentation/props.d.ts +3 -14
  566. package/context/CartesianProvider/normalizeAxis.d.ts +0 -5
  567. package/context/CartesianProvider/normalizeAxis.js +0 -23
  568. package/esm/BarChart/BarChart.js +0 -343
  569. package/esm/BarChart/BarClipPath.js +0 -42
  570. package/esm/BarChart/BarElement.js +0 -109
  571. package/esm/BarChart/BarLabel/BarLabel.js +0 -51
  572. package/esm/BarChart/BarLabel/BarLabelItem.js +0 -119
  573. package/esm/BarChart/BarLabel/BarLabelPlot.js +0 -75
  574. package/esm/BarChart/BarLabel/barLabelClasses.js +0 -19
  575. package/esm/BarChart/BarLabel/index.js +0 -2
  576. package/esm/BarChart/extremums.js +0 -40
  577. package/esm/BarChart/index.js +0 -4
  578. package/esm/BarChart/plugin.js +0 -10
  579. package/esm/ChartContainer/ChartContainer.js +0 -250
  580. package/esm/ChartContainer/index.js +0 -1
  581. package/esm/ChartContainer/useChartContainerProps.js +0 -82
  582. package/esm/ChartContainer/useDefaultizeAxis.js +0 -19
  583. package/esm/ChartsAxis/axisClasses.js +0 -5
  584. package/esm/ChartsAxis/index.js +0 -2
  585. package/esm/ChartsAxisHighlight/ChartsAxisHighlight.js +0 -120
  586. package/esm/ChartsAxisHighlight/index.js +0 -1
  587. package/esm/ChartsClipPath/ChartsClipPath.js +0 -51
  588. package/esm/ChartsClipPath/index.js +0 -1
  589. package/esm/ChartsGrid/ChartsGrid.js +0 -131
  590. package/esm/ChartsGrid/chartsGridClasses.js +0 -6
  591. package/esm/ChartsGrid/index.js +0 -2
  592. package/esm/ChartsLegend/ChartsLegend.js +0 -106
  593. package/esm/ChartsLegend/DefaultChartsLegend.js +0 -97
  594. package/esm/ChartsLegend/chartsLegend.types.js +0 -1
  595. package/esm/ChartsLegend/chartsLegendClasses.js +0 -5
  596. package/esm/ChartsLegend/index.js +0 -6
  597. package/esm/ChartsLegend/legend.types.js +0 -1
  598. package/esm/ChartsLegend/useAxis.js +0 -39
  599. package/esm/ChartsLegend/utils.js +0 -16
  600. package/esm/ChartsOnAxisClickHandler/index.js +0 -1
  601. package/esm/ChartsOverlay/ChartsLoadingOverlay.js +0 -34
  602. package/esm/ChartsOverlay/ChartsNoDataOverlay.js +0 -34
  603. package/esm/ChartsOverlay/ChartsOverlay.js +0 -31
  604. package/esm/ChartsOverlay/index.js +0 -3
  605. package/esm/ChartsReferenceLine/ChartsReferenceLine.js +0 -74
  606. package/esm/ChartsReferenceLine/ChartsXReferenceLine.js +0 -100
  607. package/esm/ChartsReferenceLine/ChartsYReferenceLine.js +0 -100
  608. package/esm/ChartsReferenceLine/chartsReferenceLineClasses.js +0 -6
  609. package/esm/ChartsReferenceLine/common.js +0 -20
  610. package/esm/ChartsReferenceLine/index.js +0 -2
  611. package/esm/ChartsText/index.js +0 -1
  612. package/esm/ChartsTooltip/ChartsAxisTooltipContent.js +0 -80
  613. package/esm/ChartsTooltip/ChartsItemTooltipContent.js +0 -52
  614. package/esm/ChartsTooltip/ChartsTooltip.js +0 -154
  615. package/esm/ChartsTooltip/DefaultChartsAxisTooltipContent.js +0 -121
  616. package/esm/ChartsTooltip/DefaultChartsItemTooltipContent.js +0 -90
  617. package/esm/ChartsTooltip/chartsTooltipClasses.js +0 -5
  618. package/esm/ChartsTooltip/index.js +0 -7
  619. package/esm/ChartsVoronoiHandler/index.js +0 -1
  620. package/esm/ChartsXAxis/index.js +0 -1
  621. package/esm/ChartsYAxis/index.js +0 -1
  622. package/esm/Gauge/Gauge.js +0 -149
  623. package/esm/Gauge/GaugeProvider.js +0 -88
  624. package/esm/Gauge/GaugeReferenceArc.js +0 -35
  625. package/esm/Gauge/GaugeValueArc.js +0 -42
  626. package/esm/Gauge/GaugeValueText.js +0 -69
  627. package/esm/Gauge/gaugeClasses.js +0 -7
  628. package/esm/Gauge/index.js +0 -7
  629. package/esm/LineChart/AnimatedArea.js +0 -103
  630. package/esm/LineChart/AnimatedLine.js +0 -106
  631. package/esm/LineChart/AreaElement.js +0 -109
  632. package/esm/LineChart/LineChart.js +0 -344
  633. package/esm/LineChart/LineElement.js +0 -109
  634. package/esm/LineChart/LineHighlightElement.js +0 -80
  635. package/esm/LineChart/LineHighlightPlot.js +0 -118
  636. package/esm/LineChart/MarkElement.js +0 -128
  637. package/esm/LineChart/index.js +0 -11
  638. package/esm/LineChart/plugin.js +0 -10
  639. package/esm/PieChart/PieArc.js +0 -107
  640. package/esm/PieChart/PieArcLabel.js +0 -107
  641. package/esm/PieChart/PieArcLabelPlot.js +0 -194
  642. package/esm/PieChart/PieArcPlot.js +0 -176
  643. package/esm/PieChart/PieChart.js +0 -388
  644. package/esm/PieChart/formatter.js +0 -46
  645. package/esm/PieChart/getColor.js +0 -6
  646. package/esm/PieChart/getPieCoordinates.js +0 -19
  647. package/esm/PieChart/index.js +0 -7
  648. package/esm/PieChart/plugin.js +0 -7
  649. package/esm/ResponsiveChartContainer/ResponsiveChartContainer.js +0 -225
  650. package/esm/ResponsiveChartContainer/index.js +0 -1
  651. package/esm/ScatterChart/ScatterChart.js +0 -350
  652. package/esm/ScatterChart/ScatterPlot.js +0 -99
  653. package/esm/ScatterChart/extremums.js +0 -39
  654. package/esm/ScatterChart/formatter.js +0 -11
  655. package/esm/ScatterChart/index.js +0 -3
  656. package/esm/ScatterChart/plugin.js +0 -10
  657. package/esm/SparkLineChart/SparkLineChart.js +0 -348
  658. package/esm/SparkLineChart/index.js +0 -1
  659. package/esm/colorPalettes/colorPalettes.js +0 -9
  660. package/esm/colorPalettes/index.js +0 -1
  661. package/esm/context/CartesianProvider/CartesianContext.js +0 -13
  662. package/esm/context/CartesianProvider/CartesianProvider.js +0 -50
  663. package/esm/context/CartesianProvider/defaultizeAxis.js +0 -13
  664. package/esm/context/CartesianProvider/getAxisExtremum.js +0 -14
  665. package/esm/context/CartesianProvider/index.js +0 -8
  666. package/esm/context/CartesianProvider/normalizeAxis.js +0 -15
  667. package/esm/context/CartesianProvider/useCartesianContext.js +0 -8
  668. package/esm/context/DrawingProvider.js +0 -68
  669. package/esm/context/HighlightedProvider/HighlightedContext.js +0 -32
  670. package/esm/context/HighlightedProvider/HighlightedProvider.js +0 -92
  671. package/esm/context/HighlightedProvider/index.js +0 -4
  672. package/esm/context/HighlightedProvider/useHighlighted.js +0 -20
  673. package/esm/context/InteractionProvider.js +0 -76
  674. package/esm/context/PluginProvider/ColorProcessor.types.js +0 -1
  675. package/esm/context/PluginProvider/ExtremumGetter.types.js +0 -1
  676. package/esm/context/PluginProvider/Plugin.types.js +0 -1
  677. package/esm/context/PluginProvider/PluginContext.js +0 -13
  678. package/esm/context/PluginProvider/PluginProvider.js +0 -19
  679. package/esm/context/PluginProvider/SeriesFormatter.types.js +0 -1
  680. package/esm/context/PluginProvider/index.js +0 -10
  681. package/esm/context/PluginProvider/useColorProcessor.js +0 -15
  682. package/esm/context/PluginProvider/useSeriesFormatter.js +0 -15
  683. package/esm/context/PluginProvider/useXExtremumGetter.js +0 -15
  684. package/esm/context/PluginProvider/useYExtremumGetter.js +0 -15
  685. package/esm/context/SeriesProvider/Series.types.js +0 -1
  686. package/esm/context/SeriesProvider/SeriesContext.js +0 -8
  687. package/esm/context/SeriesProvider/SeriesProvider.js +0 -31
  688. package/esm/context/SeriesProvider/index.js +0 -8
  689. package/esm/context/ZAxisContextProvider.js +0 -94
  690. package/esm/context/context.types.js +0 -1
  691. package/esm/context/index.js +0 -2
  692. package/esm/hooks/index.js +0 -7
  693. package/esm/hooks/useAxis.js +0 -17
  694. package/esm/hooks/useChartDimensions.js +0 -16
  695. package/esm/hooks/useChartId.js +0 -8
  696. package/esm/hooks/useColorScale.js +0 -27
  697. package/esm/hooks/useDrawingArea.js +0 -22
  698. package/esm/hooks/useInteractionItemProps.js +0 -46
  699. package/esm/hooks/useMounted.js +0 -16
  700. package/esm/hooks/useScale.js +0 -23
  701. package/esm/hooks/useSvgRef.js +0 -12
  702. package/esm/index.js +0 -26
  703. package/esm/internals/SlotComponentPropsFromProps.js +0 -1
  704. package/esm/internals/cleanId.js +0 -6
  705. package/esm/internals/colorScale.js +0 -16
  706. package/esm/internals/components/AxisSharedComponents.js +0 -26
  707. package/esm/internals/components/ChartsAxesGradients/ChartsAxesGradients.js +0 -95
  708. package/esm/internals/components/ChartsAxesGradients/ChartsContinuousGradient.js +0 -56
  709. package/esm/internals/components/ChartsAxesGradients/ChartsPiecewiseGradient.js +0 -40
  710. package/esm/internals/components/ChartsAxesGradients/index.js +0 -1
  711. package/esm/internals/defaultizeColor.js +0 -14
  712. package/esm/internals/defaultizeValueFormatter.js +0 -10
  713. package/esm/internals/getCurve.js +0 -39
  714. package/esm/internals/getLabel.js +0 -3
  715. package/esm/internals/getScale.js +0 -17
  716. package/esm/internals/getWordsByLines.js +0 -14
  717. package/esm/internals/index.js +0 -37
  718. package/esm/internals/isBandScale.js +0 -3
  719. package/esm/internals/isCartesian.js +0 -7
  720. package/esm/internals/isDefined.js +0 -3
  721. package/esm/internals/isInfinity.js +0 -3
  722. package/esm/internals/notNull.js +0 -3
  723. package/esm/internals/ts-generic.js +0 -1
  724. package/esm/internals/useAnimatedPath.js +0 -29
  725. package/esm/internals/useIsRTL.js +0 -5
  726. package/esm/models/axis.js +0 -6
  727. package/esm/models/colorMapping.js +0 -1
  728. package/esm/models/helpers.js +0 -1
  729. package/esm/models/index.js +0 -4
  730. package/esm/models/layout.js +0 -1
  731. package/esm/models/seriesType/bar.js +0 -1
  732. package/esm/models/seriesType/common.js +0 -1
  733. package/esm/models/seriesType/config.js +0 -1
  734. package/esm/models/seriesType/index.js +0 -16
  735. package/esm/models/seriesType/line.js +0 -1
  736. package/esm/models/seriesType/pie.js +0 -1
  737. package/esm/models/seriesType/scatter.js +0 -1
  738. package/esm/models/stacking.js +0 -1
  739. package/esm/models/z-axis.js +0 -1
  740. package/esm/themeAugmentation/index.js +0 -3
  741. package/internals/useIsRTL.d.ts +0 -1
  742. package/internals/useIsRTL.js +0 -12
  743. package/modern/context/CartesianProvider/normalizeAxis.js +0 -15
  744. package/modern/internals/useIsRTL.js +0 -5
  745. /package/{ChartsSurface.d.ts → ChartsSurface/ChartsSurface.d.ts} +0 -0
  746. /package/{constants.d.ts → constants/index.d.ts} +0 -0
  747. /package/{esm/constants.js → constants/index.js} +0 -0
  748. /package/{esm/BarChart/BarLabel/BarLabel.types.js → context/CartesianProvider/Cartesian.types.js} +0 -0
  749. /package/modern/{constants.js → constants/index.js} +0 -0
  750. /package/{esm/BarChart/types.js → modern/context/CartesianProvider/Cartesian.types.js} +0 -0
  751. /package/{constants.js → node/constants/index.js} +0 -0
@@ -1,343 +0,0 @@
1
- import _extends from "@babel/runtime/helpers/esm/extends";
2
- import * as React from 'react';
3
- import PropTypes from 'prop-types';
4
- import { BarPlot } from './BarPlot';
5
- import { ResponsiveChartContainer } from '../ResponsiveChartContainer';
6
- import { ChartsAxis } from '../ChartsAxis';
7
- import { ChartsTooltip } from '../ChartsTooltip';
8
- import { ChartsLegend } from '../ChartsLegend';
9
- import { ChartsAxisHighlight } from '../ChartsAxisHighlight';
10
- import { ChartsClipPath } from '../ChartsClipPath';
11
- import { ChartsGrid } from '../ChartsGrid';
12
- import { ChartsOnAxisClickHandler } from '../ChartsOnAxisClickHandler';
13
- import { ChartsOverlay } from '../ChartsOverlay/ChartsOverlay';
14
- import { useBarChartProps } from './useBarChartProps';
15
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
16
- /**
17
- * Demos:
18
- *
19
- * - [Bars](https://mui.com/x/react-charts/bars/)
20
- * - [Bar demonstration](https://mui.com/x/react-charts/bar-demo/)
21
- * - [Stacking](https://mui.com/x/react-charts/stacking/)
22
- *
23
- * API:
24
- *
25
- * - [BarChart API](https://mui.com/x/api/charts/bar-chart/)
26
- */
27
- const BarChart = /*#__PURE__*/React.forwardRef(function BarChart(props, ref) {
28
- const {
29
- chartContainerProps,
30
- barPlotProps,
31
- axisClickHandlerProps,
32
- gridProps,
33
- clipPathProps,
34
- clipPathGroupProps,
35
- overlayProps,
36
- chartsAxisProps,
37
- axisHighlightProps,
38
- legendProps,
39
- tooltipProps,
40
- children
41
- } = useBarChartProps(props);
42
- return /*#__PURE__*/_jsxs(ResponsiveChartContainer, _extends({
43
- ref: ref
44
- }, chartContainerProps, {
45
- children: [props.onAxisClick && /*#__PURE__*/_jsx(ChartsOnAxisClickHandler, _extends({}, axisClickHandlerProps)), props.grid && /*#__PURE__*/_jsx(ChartsGrid, _extends({}, gridProps)), /*#__PURE__*/_jsxs("g", _extends({}, clipPathGroupProps, {
46
- children: [/*#__PURE__*/_jsx(BarPlot, _extends({}, barPlotProps)), /*#__PURE__*/_jsx(ChartsOverlay, _extends({}, overlayProps)), /*#__PURE__*/_jsx(ChartsAxisHighlight, _extends({}, axisHighlightProps))]
47
- })), /*#__PURE__*/_jsx(ChartsAxis, _extends({}, chartsAxisProps)), /*#__PURE__*/_jsx(ChartsLegend, _extends({}, legendProps)), !props.loading && /*#__PURE__*/_jsx(ChartsTooltip, _extends({}, tooltipProps)), /*#__PURE__*/_jsx(ChartsClipPath, _extends({}, clipPathProps)), children]
48
- }));
49
- });
50
- process.env.NODE_ENV !== "production" ? BarChart.propTypes = {
51
- // ----------------------------- Warning --------------------------------
52
- // | These PropTypes are generated from the TypeScript type definitions |
53
- // | To update them edit the TypeScript types and run "pnpm proptypes" |
54
- // ----------------------------------------------------------------------
55
- /**
56
- * The configuration of axes highlight.
57
- * Default is set to 'band' in the bar direction.
58
- * Depends on `layout` prop.
59
- * @see See {@link https://mui.com/x/react-charts/tooltip/#highlights highlight docs} for more details.
60
- */
61
- axisHighlight: PropTypes.shape({
62
- x: PropTypes.oneOf(['band', 'line', 'none']),
63
- y: PropTypes.oneOf(['band', 'line', 'none'])
64
- }),
65
- /**
66
- * If provided, the function will be used to format the label of the bar.
67
- * It can be set to 'value' to display the current value.
68
- * @param {BarItem} item The item to format.
69
- * @param {BarLabelContext} context data about the bar.
70
- * @returns {string} The formatted label.
71
- */
72
- barLabel: PropTypes.oneOfType([PropTypes.oneOf(['value']), PropTypes.func]),
73
- /**
74
- * Defines the border radius of the bar element.
75
- */
76
- borderRadius: PropTypes.number,
77
- /**
78
- * Indicate which axis to display the bottom of the charts.
79
- * Can be a string (the id of the axis) or an object `ChartsXAxisProps`.
80
- * @default xAxisIds[0] The id of the first provided axis
81
- */
82
- bottomAxis: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
83
- children: PropTypes.node,
84
- className: PropTypes.string,
85
- /**
86
- * Color palette used to colorize multiple series.
87
- * @default blueberryTwilightPalette
88
- */
89
- colors: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.func]),
90
- /**
91
- * An array of objects that can be used to populate series and axes data using their `dataKey` property.
92
- */
93
- dataset: PropTypes.arrayOf(PropTypes.object),
94
- desc: PropTypes.string,
95
- /**
96
- * If `true`, the charts will not listen to the mouse move event.
97
- * It might break interactive features, but will improve performance.
98
- * @default false
99
- */
100
- disableAxisListener: PropTypes.bool,
101
- /**
102
- * Option to display a cartesian grid in the background.
103
- */
104
- grid: PropTypes.shape({
105
- horizontal: PropTypes.bool,
106
- vertical: PropTypes.bool
107
- }),
108
- /**
109
- * The height of the chart in px. If not defined, it takes the height of the parent element.
110
- */
111
- height: PropTypes.number,
112
- /**
113
- * The item currently highlighted. Turns highlighting into a controlled prop.
114
- */
115
- highlightedItem: PropTypes.shape({
116
- dataIndex: PropTypes.number,
117
- seriesId: PropTypes.oneOfType([PropTypes.number, PropTypes.string])
118
- }),
119
- /**
120
- * The direction of the bar elements.
121
- * @default 'vertical'
122
- */
123
- layout: PropTypes.oneOf(['horizontal', 'vertical']),
124
- /**
125
- * Indicate which axis to display the left of the charts.
126
- * Can be a string (the id of the axis) or an object `ChartsYAxisProps`.
127
- * @default yAxisIds[0] The id of the first provided axis
128
- */
129
- leftAxis: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
130
- /**
131
- * @deprecated Consider using `slotProps.legend` instead.
132
- */
133
- legend: PropTypes.shape({
134
- classes: PropTypes.object,
135
- direction: PropTypes.oneOf(['column', 'row']),
136
- hidden: PropTypes.bool,
137
- position: PropTypes.shape({
138
- horizontal: PropTypes.oneOf(['left', 'middle', 'right']).isRequired,
139
- vertical: PropTypes.oneOf(['bottom', 'middle', 'top']).isRequired
140
- }),
141
- slotProps: PropTypes.object,
142
- slots: PropTypes.object
143
- }),
144
- /**
145
- * If `true`, a loading overlay is displayed.
146
- * @default false
147
- */
148
- loading: PropTypes.bool,
149
- /**
150
- * The margin between the SVG and the drawing area.
151
- * It's used for leaving some space for extra information such as the x- and y-axis or legend.
152
- * Accepts an object with the optional properties: `top`, `bottom`, `left`, and `right`.
153
- * @default object Depends on the charts type.
154
- */
155
- margin: PropTypes.shape({
156
- bottom: PropTypes.number,
157
- left: PropTypes.number,
158
- right: PropTypes.number,
159
- top: PropTypes.number
160
- }),
161
- /**
162
- * The function called for onClick events.
163
- * The second argument contains information about all line/bar elements at the current mouse position.
164
- * @param {MouseEvent} event The mouse event recorded on the `<svg/>` element.
165
- * @param {null | AxisData} data The data about the clicked axis and items associated with it.
166
- */
167
- onAxisClick: PropTypes.func,
168
- /**
169
- * The callback fired when the highlighted item changes.
170
- *
171
- * @param {HighlightItemData | null} highlightedItem The newly highlighted item.
172
- */
173
- onHighlightChange: PropTypes.func,
174
- /**
175
- * Callback fired when a bar item is clicked.
176
- * @param {React.MouseEvent<SVGElement, MouseEvent>} event The event source of the callback.
177
- * @param {BarItemIdentifier} barItemIdentifier The bar item identifier.
178
- */
179
- onItemClick: PropTypes.func,
180
- /**
181
- * Indicate which axis to display the right of the charts.
182
- * Can be a string (the id of the axis) or an object `ChartsYAxisProps`.
183
- * @default null
184
- */
185
- rightAxis: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
186
- /**
187
- * The series to display in the bar chart.
188
- * An array of [[BarSeriesType]] objects.
189
- */
190
- series: PropTypes.arrayOf(PropTypes.object).isRequired,
191
- /**
192
- * If `true`, animations are skipped.
193
- * @default false
194
- */
195
- skipAnimation: PropTypes.bool,
196
- /**
197
- * The props used for each component slot.
198
- * @default {}
199
- */
200
- slotProps: PropTypes.object,
201
- /**
202
- * Overridable component slots.
203
- * @default {}
204
- */
205
- slots: PropTypes.object,
206
- sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
207
- title: PropTypes.string,
208
- /**
209
- * The configuration of the tooltip.
210
- * @see See {@link https://mui.com/x/react-charts/tooltip/ tooltip docs} for more details.
211
- */
212
- tooltip: PropTypes.shape({
213
- axisContent: PropTypes.elementType,
214
- classes: PropTypes.object,
215
- itemContent: PropTypes.elementType,
216
- slotProps: PropTypes.object,
217
- slots: PropTypes.object,
218
- trigger: PropTypes.oneOf(['axis', 'item', 'none'])
219
- }),
220
- /**
221
- * Indicate which axis to display the top of the charts.
222
- * Can be a string (the id of the axis) or an object `ChartsXAxisProps`.
223
- * @default null
224
- */
225
- topAxis: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
226
- viewBox: PropTypes.shape({
227
- height: PropTypes.number,
228
- width: PropTypes.number,
229
- x: PropTypes.number,
230
- y: PropTypes.number
231
- }),
232
- /**
233
- * The width of the chart in px. If not defined, it takes the width of the parent element.
234
- */
235
- width: PropTypes.number,
236
- /**
237
- * The configuration of the x-axes.
238
- * If not provided, a default axis config is used.
239
- * An array of [[AxisConfig]] objects.
240
- */
241
- xAxis: PropTypes.arrayOf(PropTypes.shape({
242
- classes: PropTypes.object,
243
- colorMap: PropTypes.oneOfType([PropTypes.shape({
244
- colors: PropTypes.arrayOf(PropTypes.string).isRequired,
245
- type: PropTypes.oneOf(['ordinal']).isRequired,
246
- unknownColor: PropTypes.string,
247
- values: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number, PropTypes.string]).isRequired)
248
- }), PropTypes.shape({
249
- color: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string.isRequired), PropTypes.func]).isRequired,
250
- max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
251
- min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
252
- type: PropTypes.oneOf(['continuous']).isRequired
253
- }), PropTypes.shape({
254
- colors: PropTypes.arrayOf(PropTypes.string).isRequired,
255
- thresholds: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]).isRequired).isRequired,
256
- type: PropTypes.oneOf(['piecewise']).isRequired
257
- })]),
258
- data: PropTypes.array,
259
- dataKey: PropTypes.string,
260
- disableLine: PropTypes.bool,
261
- disableTicks: PropTypes.bool,
262
- fill: PropTypes.string,
263
- hideTooltip: PropTypes.bool,
264
- id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
265
- label: PropTypes.string,
266
- labelFontSize: PropTypes.number,
267
- labelStyle: PropTypes.object,
268
- max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
269
- min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
270
- position: PropTypes.oneOf(['bottom', 'top']),
271
- reverse: PropTypes.bool,
272
- scaleType: PropTypes.oneOf(['band', 'linear', 'log', 'point', 'pow', 'sqrt', 'time', 'utc']),
273
- slotProps: PropTypes.object,
274
- slots: PropTypes.object,
275
- stroke: PropTypes.string,
276
- sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
277
- tickFontSize: PropTypes.number,
278
- tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
279
- tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
280
- tickLabelPlacement: PropTypes.oneOf(['middle', 'tick']),
281
- tickLabelStyle: PropTypes.object,
282
- tickMaxStep: PropTypes.number,
283
- tickMinStep: PropTypes.number,
284
- tickNumber: PropTypes.number,
285
- tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
286
- tickSize: PropTypes.number,
287
- valueFormatter: PropTypes.func
288
- })),
289
- /**
290
- * The configuration of the y-axes.
291
- * If not provided, a default axis config is used.
292
- * An array of [[AxisConfig]] objects.
293
- */
294
- yAxis: PropTypes.arrayOf(PropTypes.shape({
295
- classes: PropTypes.object,
296
- colorMap: PropTypes.oneOfType([PropTypes.shape({
297
- colors: PropTypes.arrayOf(PropTypes.string).isRequired,
298
- type: PropTypes.oneOf(['ordinal']).isRequired,
299
- unknownColor: PropTypes.string,
300
- values: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number, PropTypes.string]).isRequired)
301
- }), PropTypes.shape({
302
- color: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string.isRequired), PropTypes.func]).isRequired,
303
- max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
304
- min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
305
- type: PropTypes.oneOf(['continuous']).isRequired
306
- }), PropTypes.shape({
307
- colors: PropTypes.arrayOf(PropTypes.string).isRequired,
308
- thresholds: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]).isRequired).isRequired,
309
- type: PropTypes.oneOf(['piecewise']).isRequired
310
- })]),
311
- data: PropTypes.array,
312
- dataKey: PropTypes.string,
313
- disableLine: PropTypes.bool,
314
- disableTicks: PropTypes.bool,
315
- fill: PropTypes.string,
316
- hideTooltip: PropTypes.bool,
317
- id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
318
- label: PropTypes.string,
319
- labelFontSize: PropTypes.number,
320
- labelStyle: PropTypes.object,
321
- max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
322
- min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
323
- position: PropTypes.oneOf(['left', 'right']),
324
- reverse: PropTypes.bool,
325
- scaleType: PropTypes.oneOf(['band', 'linear', 'log', 'point', 'pow', 'sqrt', 'time', 'utc']),
326
- slotProps: PropTypes.object,
327
- slots: PropTypes.object,
328
- stroke: PropTypes.string,
329
- sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
330
- tickFontSize: PropTypes.number,
331
- tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
332
- tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
333
- tickLabelPlacement: PropTypes.oneOf(['middle', 'tick']),
334
- tickLabelStyle: PropTypes.object,
335
- tickMaxStep: PropTypes.number,
336
- tickMinStep: PropTypes.number,
337
- tickNumber: PropTypes.number,
338
- tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
339
- tickSize: PropTypes.number,
340
- valueFormatter: PropTypes.func
341
- }))
342
- } : void 0;
343
- export { BarChart };
@@ -1,42 +0,0 @@
1
- import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
2
- import _extends from "@babel/runtime/helpers/esm/extends";
3
- const _excluded = ["style", "maskId"];
4
- import * as React from 'react';
5
- import { animated } from '@react-spring/web';
6
- import { getRadius } from './getRadius';
7
- import { jsx as _jsx } from "react/jsx-runtime";
8
- const buildInset = corners => `inset(0px round ${corners.topLeft}px ${corners.topRight}px ${corners.bottomRight}px ${corners.bottomLeft}px)`;
9
- function BarClipRect(props) {
10
- const radiusData = props.ownerState;
11
- return /*#__PURE__*/_jsx(animated.rect, {
12
- style: _extends({}, props.style, {
13
- clipPath: (props.ownerState.layout === 'vertical' ? props.style?.height : props.style?.width).to(value => buildInset({
14
- topLeft: Math.min(value, getRadius('top-left', radiusData)),
15
- topRight: Math.min(value, getRadius('top-right', radiusData)),
16
- bottomRight: Math.min(value, getRadius('bottom-right', radiusData)),
17
- bottomLeft: Math.min(value, getRadius('bottom-left', radiusData))
18
- }))
19
- })
20
- });
21
- }
22
- /**
23
- * @ignore - internal component.
24
- */
25
- function BarClipPath(props) {
26
- const {
27
- style,
28
- maskId
29
- } = props,
30
- rest = _objectWithoutPropertiesLoose(props, _excluded);
31
- if (!props.borderRadius || props.borderRadius <= 0) {
32
- return null;
33
- }
34
- return /*#__PURE__*/_jsx("clipPath", {
35
- id: maskId,
36
- children: /*#__PURE__*/_jsx(BarClipRect, {
37
- ownerState: rest,
38
- style: style
39
- })
40
- });
41
- }
42
- export { BarClipPath };
@@ -1,109 +0,0 @@
1
- import _extends from "@babel/runtime/helpers/esm/extends";
2
- import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
3
- const _excluded = ["id", "dataIndex", "classes", "color", "slots", "slotProps", "style", "onClick"];
4
- import * as React from 'react';
5
- import PropTypes from 'prop-types';
6
- import composeClasses from '@mui/utils/composeClasses';
7
- import useSlotProps from '@mui/utils/useSlotProps';
8
- import generateUtilityClass from '@mui/utils/generateUtilityClass';
9
- import { styled } from '@mui/material/styles';
10
- import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
11
- import { color as d3Color } from '@mui/x-charts-vendor/d3-color';
12
- import { animated } from '@react-spring/web';
13
- import { useInteractionItemProps } from '../hooks/useInteractionItemProps';
14
- import { useItemHighlighted } from '../context';
15
- import { jsx as _jsx } from "react/jsx-runtime";
16
- export function getBarElementUtilityClass(slot) {
17
- return generateUtilityClass('MuiBarElement', slot);
18
- }
19
- export const barElementClasses = generateUtilityClasses('MuiBarElement', ['root']);
20
- const useUtilityClasses = ownerState => {
21
- const {
22
- classes,
23
- id
24
- } = ownerState;
25
- const slots = {
26
- root: ['root', `series-${id}`]
27
- };
28
- return composeClasses(slots, getBarElementUtilityClass, classes);
29
- };
30
- export const BarElementPath = styled(animated.rect, {
31
- name: 'MuiBarElement',
32
- slot: 'Root',
33
- overridesResolver: (_, styles) => styles.root
34
- })(({
35
- ownerState
36
- }) => ({
37
- stroke: 'none',
38
- fill: ownerState.isHighlighted ? d3Color(ownerState.color).brighter(0.5).formatHex() : ownerState.color,
39
- transition: 'opacity 0.2s ease-in, fill 0.2s ease-in',
40
- opacity: ownerState.isFaded && 0.3 || 1
41
- }));
42
- function BarElement(props) {
43
- const {
44
- id,
45
- dataIndex,
46
- classes: innerClasses,
47
- color,
48
- slots,
49
- slotProps,
50
- style,
51
- onClick
52
- } = props,
53
- other = _objectWithoutPropertiesLoose(props, _excluded);
54
- const getInteractionItemProps = useInteractionItemProps();
55
- const {
56
- isFaded,
57
- isHighlighted
58
- } = useItemHighlighted({
59
- seriesId: id,
60
- dataIndex
61
- });
62
- const ownerState = {
63
- id,
64
- dataIndex,
65
- classes: innerClasses,
66
- color,
67
- isFaded,
68
- isHighlighted
69
- };
70
- const classes = useUtilityClasses(ownerState);
71
- const Bar = slots?.bar ?? BarElementPath;
72
- const barProps = useSlotProps({
73
- elementType: Bar,
74
- externalSlotProps: slotProps?.bar,
75
- externalForwardedProps: other,
76
- additionalProps: _extends({}, getInteractionItemProps({
77
- type: 'bar',
78
- seriesId: id,
79
- dataIndex
80
- }), {
81
- style,
82
- onClick,
83
- cursor: onClick ? 'pointer' : 'unset'
84
- }),
85
- className: classes.root,
86
- ownerState
87
- });
88
- return /*#__PURE__*/_jsx(Bar, _extends({}, barProps));
89
- }
90
- process.env.NODE_ENV !== "production" ? BarElement.propTypes = {
91
- // ----------------------------- Warning --------------------------------
92
- // | These PropTypes are generated from the TypeScript type definitions |
93
- // | To update them edit the TypeScript types and run "pnpm proptypes" |
94
- // ----------------------------------------------------------------------
95
- classes: PropTypes.object,
96
- dataIndex: PropTypes.number.isRequired,
97
- id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
98
- /**
99
- * The props used for each component slot.
100
- * @default {}
101
- */
102
- slotProps: PropTypes.object,
103
- /**
104
- * Overridable component slots.
105
- * @default {}
106
- */
107
- slots: PropTypes.object
108
- } : void 0;
109
- export { BarElement };
@@ -1,51 +0,0 @@
1
- import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
2
- import _extends from "@babel/runtime/helpers/esm/extends";
3
- const _excluded = ["seriesId", "dataIndex", "color", "isFaded", "isHighlighted", "classes"];
4
- import * as React from 'react';
5
- import { styled, useThemeProps } from '@mui/material/styles';
6
- import { animated } from '@react-spring/web';
7
- import PropTypes from 'prop-types';
8
- import { barLabelClasses } from './barLabelClasses';
9
- import { jsx as _jsx } from "react/jsx-runtime";
10
- export const BarLabelComponent = styled(animated.text, {
11
- name: 'MuiBarLabel',
12
- slot: 'Root',
13
- overridesResolver: (_, styles) => [{
14
- [`&.${barLabelClasses.faded}`]: styles.faded
15
- }, {
16
- [`&.${barLabelClasses.highlighted}`]: styles.highlighted
17
- }, styles.root]
18
- })(({
19
- theme
20
- }) => _extends({}, theme?.typography?.body2, {
21
- stroke: 'none',
22
- fill: (theme.vars || theme)?.palette?.text?.primary,
23
- transition: 'opacity 0.2s ease-in, fill 0.2s ease-in',
24
- textAnchor: 'middle',
25
- dominantBaseline: 'central',
26
- pointerEvents: 'none',
27
- opacity: 1,
28
- [`&.${barLabelClasses.faded}`]: {
29
- opacity: 0.3
30
- }
31
- }));
32
- function BarLabel(props) {
33
- const themeProps = useThemeProps({
34
- props,
35
- name: 'MuiBarLabel'
36
- });
37
- const otherProps = _objectWithoutPropertiesLoose(themeProps, _excluded);
38
- return /*#__PURE__*/_jsx(BarLabelComponent, _extends({}, otherProps));
39
- }
40
- process.env.NODE_ENV !== "production" ? BarLabel.propTypes = {
41
- // ----------------------------- Warning --------------------------------
42
- // | These PropTypes are generated from the TypeScript type definitions |
43
- // | To update them edit the TypeScript types and run "pnpm proptypes" |
44
- // ----------------------------------------------------------------------
45
- classes: PropTypes.object,
46
- dataIndex: PropTypes.number.isRequired,
47
- isFaded: PropTypes.bool.isRequired,
48
- isHighlighted: PropTypes.bool.isRequired,
49
- seriesId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired
50
- } : void 0;
51
- export { BarLabel };
@@ -1,119 +0,0 @@
1
- import _extends from "@babel/runtime/helpers/esm/extends";
2
- import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
3
- const _excluded = ["seriesId", "classes", "color", "style", "dataIndex", "barLabel", "slots", "slotProps", "height", "width", "value"],
4
- _excluded2 = ["ownerState"];
5
- import * as React from 'react';
6
- import useSlotProps from '@mui/utils/useSlotProps';
7
- import PropTypes from 'prop-types';
8
- import { useUtilityClasses } from './barLabelClasses';
9
- import { getBarLabel } from './getBarLabel';
10
- import { BarLabel } from './BarLabel';
11
- import { useItemHighlighted } from '../../context';
12
- import { jsx as _jsx } from "react/jsx-runtime";
13
- /**
14
- * @ignore - internal component.
15
- */
16
- function BarLabelItem(props) {
17
- const {
18
- seriesId,
19
- classes: innerClasses,
20
- color,
21
- style,
22
- dataIndex,
23
- barLabel,
24
- slots,
25
- slotProps,
26
- height,
27
- width,
28
- value
29
- } = props,
30
- other = _objectWithoutPropertiesLoose(props, _excluded);
31
- const {
32
- isFaded,
33
- isHighlighted
34
- } = useItemHighlighted({
35
- seriesId,
36
- dataIndex
37
- });
38
- const ownerState = {
39
- seriesId,
40
- classes: innerClasses,
41
- color,
42
- isFaded,
43
- isHighlighted,
44
- dataIndex
45
- };
46
- const classes = useUtilityClasses(ownerState);
47
- const Component = slots?.barLabel ?? BarLabel;
48
- const _useSlotProps = useSlotProps({
49
- elementType: Component,
50
- externalSlotProps: slotProps?.barLabel,
51
- additionalProps: _extends({}, other, {
52
- style,
53
- className: classes.root
54
- }),
55
- ownerState
56
- }),
57
- {
58
- ownerState: barLabelOwnerState
59
- } = _useSlotProps,
60
- barLabelProps = _objectWithoutPropertiesLoose(_useSlotProps, _excluded2);
61
- if (!barLabel) {
62
- return null;
63
- }
64
- const formattedLabelText = getBarLabel({
65
- barLabel,
66
- value,
67
- dataIndex,
68
- seriesId,
69
- height,
70
- width
71
- });
72
- if (!formattedLabelText) {
73
- return null;
74
- }
75
- return /*#__PURE__*/_jsx(Component, _extends({}, barLabelProps, barLabelOwnerState, {
76
- children: formattedLabelText
77
- }));
78
- }
79
- process.env.NODE_ENV !== "production" ? BarLabelItem.propTypes = {
80
- // ----------------------------- Warning --------------------------------
81
- // | These PropTypes are generated from the TypeScript type definitions |
82
- // | To update them edit the TypeScript types and run "pnpm proptypes" |
83
- // ----------------------------------------------------------------------
84
- /**
85
- * If provided, the function will be used to format the label of the bar.
86
- * It can be set to 'value' to display the current value.
87
- * @param {BarItem} item The item to format.
88
- * @param {BarLabelContext} context data about the bar.
89
- * @returns {string} The formatted label.
90
- */
91
- barLabel: PropTypes.oneOfType([PropTypes.oneOf(['value']), PropTypes.func]),
92
- classes: PropTypes.object,
93
- color: PropTypes.string.isRequired,
94
- dataIndex: PropTypes.number.isRequired,
95
- /**
96
- * The height of the bar.
97
- */
98
- height: PropTypes.number.isRequired,
99
- seriesId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
100
- /**
101
- * The props used for each component slot.
102
- * @default {}
103
- */
104
- slotProps: PropTypes.object,
105
- /**
106
- * Overridable component slots.
107
- * @default {}
108
- */
109
- slots: PropTypes.object,
110
- /**
111
- * The value of the data point.
112
- */
113
- value: PropTypes.number,
114
- /**
115
- * The width of the bar.
116
- */
117
- width: PropTypes.number.isRequired
118
- } : void 0;
119
- export { BarLabelItem };