@mui/x-charts 7.14.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.
- package/BarChart/BarChart.js +180 -183
- package/BarChart/BarClipPath.js +17 -25
- package/BarChart/BarElement.js +33 -43
- package/BarChart/BarLabel/BarLabel.d.ts +1 -1
- package/BarChart/BarLabel/BarLabel.js +25 -34
- package/BarChart/BarLabel/BarLabel.types.js +1 -5
- package/BarChart/BarLabel/BarLabelItem.js +31 -39
- package/BarChart/BarLabel/BarLabelPlot.js +13 -21
- package/BarChart/BarLabel/barLabelClasses.d.ts +1 -1
- package/BarChart/BarLabel/barLabelClasses.js +9 -19
- package/BarChart/BarLabel/getBarLabel.js +2 -9
- package/BarChart/BarLabel/index.js +2 -25
- package/BarChart/BarPlot.js +36 -44
- package/BarChart/checkScaleErrors.js +6 -12
- package/BarChart/extremums.js +3 -11
- package/BarChart/formatter.js +9 -16
- package/BarChart/getColor.js +1 -7
- package/BarChart/getRadius.js +2 -9
- package/BarChart/index.js +4 -49
- package/BarChart/legend.js +3 -9
- package/BarChart/package.json +2 -2
- package/BarChart/plugin.js +8 -15
- package/BarChart/types.js +1 -5
- package/BarChart/useBarChartProps.js +17 -25
- package/CHANGELOG.md +69 -0
- package/ChartContainer/ChartContainer.js +164 -172
- package/ChartContainer/index.js +1 -16
- package/ChartContainer/package.json +2 -2
- package/ChartContainer/useChartContainerProps.d.ts +8 -8
- package/ChartContainer/useChartContainerProps.js +13 -23
- package/ChartContainer/useDefaultizeAxis.d.ts +4 -4
- package/ChartContainer/useDefaultizeAxis.js +8 -18
- package/ChartsAxis/ChartsAxis.js +24 -32
- package/ChartsAxis/axisClasses.js +4 -11
- package/ChartsAxis/index.js +2 -27
- package/ChartsAxis/package.json +2 -2
- package/ChartsAxisHighlight/ChartsAxisHighlight.js +34 -44
- package/ChartsAxisHighlight/index.js +1 -16
- package/ChartsAxisHighlight/package.json +2 -2
- package/ChartsClipPath/ChartsClipPath.js +17 -25
- package/ChartsClipPath/index.js +1 -16
- package/ChartsClipPath/package.json +2 -2
- package/ChartsGrid/ChartsGrid.d.ts +1 -1
- package/ChartsGrid/ChartsGrid.js +34 -42
- package/ChartsGrid/chartsGridClasses.js +5 -13
- package/ChartsGrid/index.js +2 -27
- package/ChartsGrid/package.json +2 -2
- package/ChartsLegend/ChartsLegend.js +33 -41
- package/ChartsLegend/ContinuousColorLegend.js +66 -73
- package/ChartsLegend/DefaultChartsLegend.js +38 -46
- package/ChartsLegend/LegendPerItem.js +30 -39
- package/ChartsLegend/PiecewiseColorLegend.js +36 -44
- package/ChartsLegend/chartsLegend.types.js +1 -5
- package/ChartsLegend/chartsLegendClasses.js +4 -11
- package/ChartsLegend/index.js +6 -71
- package/ChartsLegend/legend.types.js +1 -5
- package/ChartsLegend/legendItemsPlacement.js +6 -13
- package/ChartsLegend/package.json +2 -2
- package/ChartsLegend/useAxis.js +6 -14
- package/ChartsLegend/utils.js +9 -16
- package/ChartsOnAxisClickHandler/ChartsOnAxisClickHandler.js +15 -23
- package/ChartsOnAxisClickHandler/index.js +1 -16
- package/ChartsOnAxisClickHandler/package.json +2 -2
- package/ChartsOverlay/ChartsLoadingOverlay.js +12 -21
- package/ChartsOverlay/ChartsNoDataOverlay.js +12 -21
- package/ChartsOverlay/ChartsOverlay.js +13 -23
- package/ChartsOverlay/index.js +3 -26
- package/ChartsOverlay/package.json +2 -2
- package/ChartsReferenceLine/ChartsReferenceLine.js +21 -29
- package/ChartsReferenceLine/ChartsXReferenceLine.js +22 -31
- package/ChartsReferenceLine/ChartsYReferenceLine.js +22 -31
- package/ChartsReferenceLine/chartsReferenceLineClasses.js +5 -13
- package/ChartsReferenceLine/common.js +6 -13
- package/ChartsReferenceLine/index.js +2 -27
- package/ChartsReferenceLine/package.json +2 -2
- package/{modern → ChartsSurface}/ChartsSurface.js +7 -3
- package/ChartsSurface/index.d.ts +1 -0
- package/ChartsSurface/index.js +1 -0
- package/ChartsSurface/package.json +6 -0
- package/ChartsText/ChartsText.js +18 -26
- package/ChartsText/index.js +1 -12
- package/ChartsText/package.json +2 -2
- package/ChartsTooltip/ChartsAxisTooltipContent.js +22 -30
- package/ChartsTooltip/ChartsItemTooltipContent.js +18 -26
- package/ChartsTooltip/ChartsTooltip.js +34 -42
- package/ChartsTooltip/ChartsTooltipTable.js +11 -16
- package/ChartsTooltip/DefaultChartsAxisTooltipContent.js +44 -52
- package/ChartsTooltip/DefaultChartsItemTooltipContent.js +32 -40
- package/ChartsTooltip/chartsTooltipClasses.js +4 -11
- package/ChartsTooltip/index.js +7 -82
- package/ChartsTooltip/package.json +2 -2
- package/ChartsTooltip/utils.js +9 -21
- package/ChartsVoronoiHandler/ChartsVoronoiHandler.js +29 -37
- package/ChartsVoronoiHandler/index.js +1 -16
- package/ChartsVoronoiHandler/package.json +2 -2
- package/ChartsXAxis/ChartsXAxis.js +76 -84
- package/ChartsXAxis/index.js +1 -16
- package/ChartsXAxis/package.json +2 -2
- package/ChartsYAxis/ChartsYAxis.js +70 -77
- package/ChartsYAxis/index.js +1 -16
- package/ChartsYAxis/package.json +2 -2
- package/Gauge/Gauge.js +52 -60
- package/Gauge/GaugeContainer.js +51 -59
- package/Gauge/GaugeProvider.js +17 -28
- package/Gauge/GaugeReferenceArc.js +11 -20
- package/Gauge/GaugeValueArc.js +11 -20
- package/Gauge/GaugeValueText.js +18 -26
- package/Gauge/gaugeClasses.js +6 -14
- package/Gauge/index.js +7 -87
- package/Gauge/package.json +2 -2
- package/Gauge/utils.js +2 -9
- package/LineChart/AnimatedArea.js +35 -44
- package/LineChart/AnimatedLine.js +36 -45
- package/LineChart/AreaElement.js +33 -43
- package/LineChart/AreaPlot.js +30 -38
- package/LineChart/LineChart.js +185 -188
- package/LineChart/LineElement.js +33 -43
- package/LineChart/LineHighlightElement.js +20 -30
- package/LineChart/LineHighlightPlot.js +28 -36
- package/LineChart/LinePlot.js +30 -38
- package/LineChart/MarkElement.js +40 -48
- package/LineChart/MarkPlot.js +33 -41
- package/LineChart/extremums.js +3 -11
- package/LineChart/formatter.js +9 -16
- package/LineChart/getColor.js +1 -7
- package/LineChart/index.js +11 -126
- package/LineChart/legend.js +3 -9
- package/LineChart/package.json +2 -2
- package/LineChart/plugin.js +8 -15
- package/LineChart/useLineChartProps.js +14 -22
- package/PieChart/PieArc.js +34 -44
- package/PieChart/PieArcLabel.js +30 -40
- package/PieChart/PieArcLabelPlot.js +59 -67
- package/PieChart/PieArcPlot.js +56 -64
- package/PieChart/PieChart.js +180 -183
- package/PieChart/PiePlot.js +29 -37
- package/PieChart/dataTransform/transition.js +2 -8
- package/PieChart/dataTransform/useTransformData.js +7 -16
- package/PieChart/formatter.js +10 -17
- package/PieChart/getColor.js +1 -7
- package/PieChart/getPieCoordinates.js +4 -10
- package/PieChart/index.js +7 -82
- package/PieChart/legend.js +3 -9
- package/PieChart/package.json +2 -2
- package/PieChart/plugin.js +5 -12
- package/ResponsiveChartContainer/ResizableContainer.js +2 -8
- package/ResponsiveChartContainer/ResponsiveChartContainer.js +151 -159
- package/ResponsiveChartContainer/index.js +1 -16
- package/ResponsiveChartContainer/package.json +2 -2
- package/ResponsiveChartContainer/useChartContainerDimensions.js +7 -17
- package/ResponsiveChartContainer/useResponsiveChartContainerProps.js +8 -16
- package/ScatterChart/Scatter.js +26 -34
- package/ScatterChart/ScatterChart.js +198 -201
- package/ScatterChart/ScatterPlot.js +21 -29
- package/ScatterChart/extremums.js +3 -11
- package/ScatterChart/formatter.js +3 -9
- package/ScatterChart/getColor.js +1 -7
- package/ScatterChart/index.js +3 -38
- package/ScatterChart/legend.js +3 -9
- package/ScatterChart/package.json +2 -2
- package/ScatterChart/plugin.js +8 -15
- package/ScatterChart/useScatterChartProps.js +10 -18
- package/SparkLineChart/SparkLineChart.js +163 -171
- package/SparkLineChart/index.js +1 -16
- package/SparkLineChart/package.json +2 -2
- package/colorPalettes/colorPalettes.js +9 -18
- package/colorPalettes/index.js +1 -16
- package/colorPalettes/package.json +2 -2
- package/constants/package.json +6 -0
- package/context/CartesianProvider/Cartesian.types.js +1 -5
- package/context/CartesianProvider/CartesianContext.js +2 -10
- package/context/CartesianProvider/CartesianProvider.js +17 -24
- package/context/CartesianProvider/computeValue.js +28 -35
- package/context/CartesianProvider/defaultizeAxis.d.ts +4 -4
- package/context/CartesianProvider/defaultizeAxis.js +6 -14
- package/context/CartesianProvider/getAxisExtremum.js +2 -9
- package/context/CartesianProvider/index.js +8 -60
- package/context/CartesianProvider/useCartesianContext.js +5 -14
- package/context/CartesianProvider/zoom.js +2 -9
- package/context/DrawingProvider.js +13 -24
- package/context/HighlightedProvider/HighlightedContext.js +2 -9
- package/context/HighlightedProvider/HighlightedProvider.js +24 -32
- package/context/HighlightedProvider/createIsFaded.js +2 -9
- package/context/HighlightedProvider/createIsHighlighted.js +2 -9
- package/context/HighlightedProvider/index.js +4 -49
- package/context/HighlightedProvider/useHighlighted.js +4 -11
- package/context/HighlightedProvider/useItemHighlighted.js +3 -9
- package/context/InteractionProvider.d.ts +2 -2
- package/context/InteractionProvider.js +13 -22
- package/context/PluginProvider/ColorProcessor.types.js +1 -5
- package/context/PluginProvider/ExtremumGetter.types.js +1 -5
- package/context/PluginProvider/Plugin.types.js +1 -5
- package/context/PluginProvider/PluginContext.js +2 -10
- package/context/PluginProvider/PluginProvider.js +8 -15
- package/context/PluginProvider/SeriesFormatter.types.js +1 -5
- package/context/PluginProvider/index.js +10 -115
- package/context/PluginProvider/mergePlugins.d.ts +6 -6
- package/context/PluginProvider/mergePlugins.js +6 -13
- package/context/PluginProvider/useColorProcessor.js +4 -12
- package/context/PluginProvider/useSeriesFormatter.js +4 -12
- package/context/PluginProvider/useXExtremumGetter.js +4 -12
- package/context/PluginProvider/useYExtremumGetter.js +4 -12
- package/context/SeriesProvider/Series.types.js +1 -5
- package/context/SeriesProvider/SeriesContext.js +2 -10
- package/context/SeriesProvider/SeriesProvider.js +14 -21
- package/context/SeriesProvider/index.js +7 -48
- package/context/SeriesProvider/processSeries.js +6 -14
- package/context/ZAxisContextProvider.js +36 -45
- package/context/context.types.js +1 -5
- package/context/index.js +2 -27
- package/context/package.json +2 -2
- package/hooks/index.js +7 -115
- package/hooks/package.json +2 -2
- package/hooks/useAxis.js +5 -12
- package/hooks/useAxisEvents.js +17 -25
- package/hooks/useChartDimensions.js +5 -14
- package/hooks/useChartId.js +4 -12
- package/hooks/useColorScale.js +9 -19
- package/hooks/useDrawingArea.js +4 -12
- package/hooks/useInteractionItemProps.js +7 -16
- package/hooks/useMounted.js +4 -13
- package/hooks/useReducedMotion.js +6 -12
- package/hooks/useScale.js +8 -15
- package/hooks/useSeries.js +8 -19
- package/hooks/useSvgRef.js +4 -12
- package/hooks/useTicks.js +7 -16
- package/index.js +27 -292
- package/internals/SlotComponentPropsFromProps.js +1 -5
- package/internals/cleanId.js +1 -7
- package/internals/colorScale.js +8 -16
- package/internals/components/AxisSharedComponents.js +8 -15
- package/internals/components/ChartsAxesGradients/ChartsAxesGradients.js +17 -27
- package/internals/components/ChartsAxesGradients/ChartsContinuousGradient.js +7 -15
- package/internals/components/ChartsAxesGradients/ChartsPiecewiseGradient.js +7 -15
- package/internals/components/ChartsAxesGradients/index.js +1 -16
- package/internals/configInit.js +1 -7
- package/internals/defaultizeColor.d.ts +16 -16
- package/internals/defaultizeColor.js +5 -12
- package/internals/defaultizeValueFormatter.js +3 -10
- package/internals/domUtils.js +6 -16
- package/internals/geometry.js +1 -7
- package/internals/getCurve.js +11 -17
- package/internals/getLabel.js +1 -7
- package/internals/getPercentageValue.js +1 -7
- package/internals/getSVGPoint.js +1 -7
- package/internals/getScale.js +8 -14
- package/internals/getSymbol.js +1 -7
- package/internals/getWordsByLines.js +5 -12
- package/internals/index.d.ts +1 -0
- package/internals/index.js +40 -322
- package/internals/isBandScale.js +1 -7
- package/internals/isCartesian.js +4 -11
- package/internals/isDefined.js +1 -7
- package/internals/isInfinity.js +1 -7
- package/internals/notNull.js +1 -7
- package/internals/package.json +2 -2
- package/internals/stackSeries.js +16 -23
- package/internals/ts-generic.js +1 -5
- package/internals/useAnimatedPath.d.ts +1 -1
- package/internals/useAnimatedPath.js +21 -26
- package/internals/warning.js +2 -9
- package/models/axis.js +2 -9
- package/models/colorMapping.js +1 -5
- package/models/helpers.js +1 -5
- package/models/index.js +4 -38
- package/models/layout.js +1 -5
- package/models/package.json +2 -2
- package/models/seriesType/bar.js +1 -5
- package/models/seriesType/common.js +1 -5
- package/models/seriesType/config.js +1 -5
- package/models/seriesType/index.js +6 -61
- package/models/seriesType/line.js +1 -5
- package/models/seriesType/pie.js +1 -5
- package/models/seriesType/scatter.js +1 -5
- package/models/stacking.js +1 -5
- package/models/z-axis.js +1 -5
- package/modern/BarChart/BarChart.js +6 -1
- package/modern/BarChart/BarLabel/BarLabel.js +4 -4
- package/modern/ChartsGrid/ChartsGrid.js +6 -6
- package/modern/ChartsLegend/ContinuousColorLegend.js +3 -2
- package/modern/ChartsLegend/LegendPerItem.js +5 -4
- package/{esm → modern/ChartsSurface}/ChartsSurface.js +7 -3
- package/modern/ChartsSurface/index.js +1 -0
- package/modern/ChartsTooltip/ChartsAxisTooltipContent.js +1 -1
- package/modern/ChartsYAxis/ChartsYAxis.js +3 -2
- package/modern/LineChart/LineChart.js +6 -1
- package/modern/LineChart/MarkElement.js +4 -2
- package/modern/PieChart/PieChart.js +10 -5
- package/modern/ScatterChart/ScatterChart.js +6 -1
- package/modern/hooks/useAxisEvents.js +2 -1
- package/modern/index.js +1 -1
- package/modern/internals/index.js +1 -0
- package/modern/internals/useAnimatedPath.js +17 -13
- package/node/BarChart/BarChart.js +356 -0
- package/node/BarChart/BarClipPath.js +50 -0
- package/node/BarChart/BarElement.js +119 -0
- package/node/BarChart/BarLabel/BarLabel.js +60 -0
- package/node/BarChart/BarLabel/BarLabel.types.js +5 -0
- package/node/BarChart/BarLabel/BarLabelItem.js +127 -0
- package/node/BarChart/BarLabel/BarLabelPlot.js +83 -0
- package/node/BarChart/BarLabel/barLabelClasses.js +29 -0
- package/{esm → node}/BarChart/BarLabel/getBarLabel.js +9 -2
- package/node/BarChart/BarLabel/index.js +25 -0
- package/{esm → node}/BarChart/BarPlot.js +44 -36
- package/{esm → node}/BarChart/checkScaleErrors.js +12 -6
- package/{esm → node}/BarChart/extremums.js +11 -3
- package/{esm → node}/BarChart/formatter.js +16 -9
- package/{esm → node}/BarChart/getColor.js +7 -1
- package/{esm → node}/BarChart/getRadius.js +9 -2
- package/node/BarChart/index.js +49 -0
- package/{esm → node}/BarChart/legend.js +9 -3
- package/node/BarChart/plugin.js +17 -0
- package/node/BarChart/types.js +5 -0
- package/{esm → node}/BarChart/useBarChartProps.js +25 -17
- package/node/ChartContainer/ChartContainer.js +258 -0
- package/node/ChartContainer/index.js +16 -0
- package/node/ChartContainer/useChartContainerProps.js +92 -0
- package/node/ChartContainer/useDefaultizeAxis.js +40 -0
- package/{esm → node}/ChartsAxis/ChartsAxis.js +32 -24
- package/node/ChartsAxis/axisClasses.js +12 -0
- package/node/ChartsAxis/index.js +27 -0
- package/{esm → node}/ChartsAxisHighlight/ChartsAxisHighlight.js +44 -34
- package/node/ChartsAxisHighlight/index.js +16 -0
- package/node/ChartsClipPath/ChartsClipPath.js +59 -0
- package/node/ChartsClipPath/index.js +16 -0
- package/node/ChartsGrid/ChartsGrid.js +141 -0
- package/node/ChartsGrid/chartsGridClasses.js +14 -0
- package/node/ChartsGrid/index.js +27 -0
- package/node/ChartsLegend/ChartsLegend.js +114 -0
- package/{esm → node}/ChartsLegend/ContinuousColorLegend.js +74 -65
- package/node/ChartsLegend/DefaultChartsLegend.js +105 -0
- package/{esm → node}/ChartsLegend/LegendPerItem.js +40 -29
- package/{esm → node}/ChartsLegend/PiecewiseColorLegend.js +44 -36
- package/node/ChartsLegend/chartsLegend.types.js +5 -0
- package/node/ChartsLegend/chartsLegendClasses.js +12 -0
- package/node/ChartsLegend/index.js +71 -0
- package/node/ChartsLegend/legend.types.js +5 -0
- package/{esm → node}/ChartsLegend/legendItemsPlacement.js +13 -6
- package/node/ChartsLegend/useAxis.js +47 -0
- package/node/ChartsLegend/utils.js +23 -0
- package/{esm → node}/ChartsOnAxisClickHandler/ChartsOnAxisClickHandler.js +23 -15
- package/node/ChartsOnAxisClickHandler/index.js +16 -0
- package/node/ChartsOverlay/ChartsLoadingOverlay.js +43 -0
- package/node/ChartsOverlay/ChartsNoDataOverlay.js +43 -0
- package/node/ChartsOverlay/ChartsOverlay.js +41 -0
- package/node/ChartsOverlay/index.js +26 -0
- package/node/ChartsReferenceLine/ChartsReferenceLine.js +82 -0
- package/node/ChartsReferenceLine/ChartsXReferenceLine.js +109 -0
- package/node/ChartsReferenceLine/ChartsYReferenceLine.js +109 -0
- package/node/ChartsReferenceLine/chartsReferenceLineClasses.js +14 -0
- package/node/ChartsReferenceLine/common.js +27 -0
- package/node/ChartsReferenceLine/index.js +27 -0
- package/{ChartsSurface.js → node/ChartsSurface/ChartsSurface.js} +6 -2
- package/node/ChartsSurface/index.js +16 -0
- package/{esm → node}/ChartsText/ChartsText.js +26 -18
- package/node/ChartsText/index.js +12 -0
- package/node/ChartsTooltip/ChartsAxisTooltipContent.js +88 -0
- package/node/ChartsTooltip/ChartsItemTooltipContent.js +60 -0
- package/node/ChartsTooltip/ChartsTooltip.js +162 -0
- package/{esm → node}/ChartsTooltip/ChartsTooltipTable.js +16 -11
- package/node/ChartsTooltip/DefaultChartsAxisTooltipContent.js +129 -0
- package/node/ChartsTooltip/DefaultChartsItemTooltipContent.js +98 -0
- package/node/ChartsTooltip/chartsTooltipClasses.js +12 -0
- package/node/ChartsTooltip/index.js +82 -0
- package/{esm → node}/ChartsTooltip/utils.js +21 -9
- package/{esm → node}/ChartsVoronoiHandler/ChartsVoronoiHandler.js +37 -29
- package/node/ChartsVoronoiHandler/index.js +16 -0
- package/{esm → node}/ChartsXAxis/ChartsXAxis.js +84 -76
- package/node/ChartsXAxis/index.js +16 -0
- package/{esm → node}/ChartsYAxis/ChartsYAxis.js +78 -69
- package/node/ChartsYAxis/index.js +16 -0
- package/node/Gauge/Gauge.js +157 -0
- package/{esm → node}/Gauge/GaugeContainer.js +59 -51
- package/node/Gauge/GaugeProvider.js +99 -0
- package/node/Gauge/GaugeReferenceArc.js +44 -0
- package/node/Gauge/GaugeValueArc.js +51 -0
- package/node/Gauge/GaugeValueText.js +77 -0
- package/node/Gauge/gaugeClasses.js +15 -0
- package/node/Gauge/index.js +87 -0
- package/{esm → node}/Gauge/utils.js +9 -2
- package/node/LineChart/AnimatedArea.js +112 -0
- package/node/LineChart/AnimatedLine.js +115 -0
- package/node/LineChart/AreaElement.js +119 -0
- package/{esm → node}/LineChart/AreaPlot.js +38 -30
- package/node/LineChart/LineChart.js +357 -0
- package/node/LineChart/LineElement.js +119 -0
- package/node/LineChart/LineHighlightElement.js +90 -0
- package/node/LineChart/LineHighlightPlot.js +126 -0
- package/{esm → node}/LineChart/LinePlot.js +38 -30
- package/node/LineChart/MarkElement.js +140 -0
- package/{esm → node}/LineChart/MarkPlot.js +41 -33
- package/{esm → node}/LineChart/extremums.js +11 -3
- package/{esm → node}/LineChart/formatter.js +16 -9
- package/{esm → node}/LineChart/getColor.js +7 -1
- package/node/LineChart/index.js +126 -0
- package/{esm → node}/LineChart/legend.js +9 -3
- package/node/LineChart/plugin.js +17 -0
- package/{esm → node}/LineChart/useLineChartProps.js +22 -14
- package/node/PieChart/PieArc.js +117 -0
- package/node/PieChart/PieArcLabel.js +117 -0
- package/node/PieChart/PieArcLabelPlot.js +202 -0
- package/node/PieChart/PieArcPlot.js +184 -0
- package/node/PieChart/PieChart.js +401 -0
- package/{esm → node}/PieChart/PiePlot.js +37 -29
- package/{esm → node}/PieChart/dataTransform/transition.js +8 -2
- package/{esm → node}/PieChart/dataTransform/useTransformData.js +16 -7
- package/node/PieChart/formatter.js +53 -0
- package/node/PieChart/getColor.js +12 -0
- package/node/PieChart/getPieCoordinates.js +25 -0
- package/node/PieChart/index.js +82 -0
- package/{esm → node}/PieChart/legend.js +9 -3
- package/node/PieChart/plugin.js +14 -0
- package/{esm → node}/ResponsiveChartContainer/ResizableContainer.js +8 -2
- package/node/ResponsiveChartContainer/ResponsiveChartContainer.js +233 -0
- package/node/ResponsiveChartContainer/index.js +16 -0
- package/{esm → node}/ResponsiveChartContainer/useChartContainerDimensions.js +17 -7
- package/{esm → node}/ResponsiveChartContainer/useResponsiveChartContainerProps.js +16 -8
- package/{esm → node}/ScatterChart/Scatter.js +34 -26
- package/node/ScatterChart/ScatterChart.js +363 -0
- package/node/ScatterChart/ScatterPlot.js +107 -0
- package/{esm → node}/ScatterChart/extremums.js +11 -3
- package/node/ScatterChart/formatter.js +17 -0
- package/{esm → node}/ScatterChart/getColor.js +7 -1
- package/node/ScatterChart/index.js +38 -0
- package/{esm → node}/ScatterChart/legend.js +9 -3
- package/node/ScatterChart/plugin.js +17 -0
- package/{esm → node}/ScatterChart/useScatterChartProps.js +18 -10
- package/node/SparkLineChart/SparkLineChart.js +356 -0
- package/node/SparkLineChart/index.js +16 -0
- package/node/colorPalettes/colorPalettes.js +18 -0
- package/node/colorPalettes/index.js +16 -0
- package/node/context/CartesianProvider/Cartesian.types.js +5 -0
- package/node/context/CartesianProvider/CartesianContext.js +21 -0
- package/node/context/CartesianProvider/CartesianProvider.js +54 -0
- package/{esm → node}/context/CartesianProvider/computeValue.js +35 -28
- package/node/context/CartesianProvider/defaultizeAxis.js +21 -0
- package/{esm → node}/context/CartesianProvider/getAxisExtremum.js +9 -2
- package/node/context/CartesianProvider/index.js +61 -0
- package/node/context/CartesianProvider/useCartesianContext.js +17 -0
- package/{esm → node}/context/CartesianProvider/zoom.js +9 -2
- package/node/context/DrawingProvider.js +87 -0
- package/node/context/HighlightedProvider/HighlightedContext.js +39 -0
- package/node/context/HighlightedProvider/HighlightedProvider.js +100 -0
- package/{esm → node}/context/HighlightedProvider/createIsFaded.js +9 -2
- package/{esm → node}/context/HighlightedProvider/createIsHighlighted.js +9 -2
- package/node/context/HighlightedProvider/index.js +49 -0
- package/node/context/HighlightedProvider/useHighlighted.js +27 -0
- package/{esm → node}/context/HighlightedProvider/useItemHighlighted.js +9 -3
- package/node/context/InteractionProvider.js +85 -0
- package/node/context/PluginProvider/ColorProcessor.types.js +5 -0
- package/node/context/PluginProvider/ExtremumGetter.types.js +5 -0
- package/node/context/PluginProvider/Plugin.types.js +5 -0
- package/node/context/PluginProvider/PluginContext.js +21 -0
- package/node/context/PluginProvider/PluginProvider.js +26 -0
- package/node/context/PluginProvider/SeriesFormatter.types.js +5 -0
- package/node/context/PluginProvider/index.js +115 -0
- package/{esm → node}/context/PluginProvider/mergePlugins.js +13 -6
- package/node/context/PluginProvider/useColorProcessor.js +23 -0
- package/node/context/PluginProvider/useSeriesFormatter.js +23 -0
- package/node/context/PluginProvider/useXExtremumGetter.js +23 -0
- package/node/context/PluginProvider/useYExtremumGetter.js +23 -0
- package/node/context/SeriesProvider/Series.types.js +5 -0
- package/node/context/SeriesProvider/SeriesContext.js +16 -0
- package/node/context/SeriesProvider/SeriesProvider.js +38 -0
- package/node/context/SeriesProvider/index.js +49 -0
- package/{esm → node}/context/SeriesProvider/processSeries.js +14 -6
- package/node/context/ZAxisContextProvider.js +103 -0
- package/node/context/context.types.js +5 -0
- package/node/context/index.js +27 -0
- package/node/hooks/index.js +115 -0
- package/node/hooks/useAxis.js +24 -0
- package/{esm → node}/hooks/useAxisEvents.js +26 -16
- package/node/hooks/useChartDimensions.js +25 -0
- package/node/hooks/useChartId.js +16 -0
- package/node/hooks/useColorScale.js +37 -0
- package/node/hooks/useDrawingArea.js +30 -0
- package/node/hooks/useInteractionItemProps.js +55 -0
- package/node/hooks/useMounted.js +25 -0
- package/{esm → node}/hooks/useReducedMotion.js +12 -6
- package/node/hooks/useScale.js +30 -0
- package/{esm → node}/hooks/useSeries.js +19 -8
- package/node/hooks/useSvgRef.js +20 -0
- package/{esm → node}/hooks/useTicks.js +16 -7
- package/node/index.js +298 -0
- package/node/internals/SlotComponentPropsFromProps.js +5 -0
- package/node/internals/cleanId.js +12 -0
- package/node/internals/colorScale.js +24 -0
- package/node/internals/components/AxisSharedComponents.js +33 -0
- package/node/internals/components/ChartsAxesGradients/ChartsAxesGradients.js +105 -0
- package/node/internals/components/ChartsAxesGradients/ChartsContinuousGradient.js +64 -0
- package/node/internals/components/ChartsAxesGradients/ChartsPiecewiseGradient.js +48 -0
- package/node/internals/components/ChartsAxesGradients/index.js +16 -0
- package/{esm → node}/internals/configInit.js +7 -1
- package/node/internals/defaultizeColor.js +21 -0
- package/node/internals/defaultizeValueFormatter.js +17 -0
- package/{esm → node}/internals/domUtils.js +16 -6
- package/{esm → node}/internals/geometry.js +7 -1
- package/node/internals/getCurve.js +45 -0
- package/node/internals/getLabel.js +9 -0
- package/{esm → node}/internals/getPercentageValue.js +7 -1
- package/{esm → node}/internals/getSVGPoint.js +7 -1
- package/node/internals/getScale.js +23 -0
- package/{esm → node}/internals/getSymbol.js +7 -1
- package/node/internals/getWordsByLines.js +21 -0
- package/node/internals/index.js +335 -0
- package/node/internals/isBandScale.js +9 -0
- package/node/internals/isCartesian.js +14 -0
- package/node/internals/isDefined.js +9 -0
- package/node/internals/isInfinity.js +9 -0
- package/node/internals/notNull.js +9 -0
- package/{esm → node}/internals/stackSeries.js +23 -16
- package/node/internals/ts-generic.js +5 -0
- package/node/internals/useAnimatedPath.js +42 -0
- package/{esm → node}/internals/warning.js +9 -2
- package/node/models/axis.js +18 -0
- package/node/models/colorMapping.js +5 -0
- package/node/models/helpers.js +5 -0
- package/node/models/index.js +38 -0
- package/node/models/layout.js +5 -0
- package/node/models/seriesType/bar.js +5 -0
- package/node/models/seriesType/common.js +5 -0
- package/node/models/seriesType/config.js +5 -0
- package/node/models/seriesType/index.js +71 -0
- package/node/models/seriesType/line.js +5 -0
- package/node/models/seriesType/pie.js +5 -0
- package/node/models/seriesType/scatter.js +5 -0
- package/node/models/stacking.js +5 -0
- package/node/models/z-axis.js +5 -0
- package/{esm → node}/tests/firePointerEvent.js +12 -5
- package/node/themeAugmentation/index.js +38 -0
- package/package.json +7 -7
- package/tests/firePointerEvent.js +5 -12
- package/themeAugmentation/components.d.ts +2 -12
- package/themeAugmentation/index.js +3 -38
- package/themeAugmentation/overrides.d.ts +6 -7
- package/themeAugmentation/package.json +2 -2
- package/themeAugmentation/props.d.ts +3 -14
- package/esm/BarChart/BarChart.js +0 -343
- package/esm/BarChart/BarClipPath.js +0 -42
- package/esm/BarChart/BarElement.js +0 -109
- package/esm/BarChart/BarLabel/BarLabel.js +0 -51
- package/esm/BarChart/BarLabel/BarLabel.types.js +0 -1
- package/esm/BarChart/BarLabel/BarLabelItem.js +0 -119
- package/esm/BarChart/BarLabel/BarLabelPlot.js +0 -75
- package/esm/BarChart/BarLabel/barLabelClasses.js +0 -19
- package/esm/BarChart/BarLabel/index.js +0 -2
- package/esm/BarChart/index.js +0 -4
- package/esm/BarChart/plugin.js +0 -10
- package/esm/BarChart/types.js +0 -1
- package/esm/ChartContainer/ChartContainer.js +0 -250
- package/esm/ChartContainer/index.js +0 -1
- package/esm/ChartContainer/useChartContainerProps.js +0 -82
- package/esm/ChartContainer/useDefaultizeAxis.js +0 -30
- package/esm/ChartsAxis/axisClasses.js +0 -5
- package/esm/ChartsAxis/index.js +0 -2
- package/esm/ChartsAxisHighlight/index.js +0 -1
- package/esm/ChartsClipPath/ChartsClipPath.js +0 -51
- package/esm/ChartsClipPath/index.js +0 -1
- package/esm/ChartsGrid/ChartsGrid.js +0 -133
- package/esm/ChartsGrid/chartsGridClasses.js +0 -6
- package/esm/ChartsGrid/index.js +0 -2
- package/esm/ChartsLegend/ChartsLegend.js +0 -106
- package/esm/ChartsLegend/DefaultChartsLegend.js +0 -97
- package/esm/ChartsLegend/chartsLegend.types.js +0 -1
- package/esm/ChartsLegend/chartsLegendClasses.js +0 -5
- package/esm/ChartsLegend/index.js +0 -6
- package/esm/ChartsLegend/legend.types.js +0 -1
- package/esm/ChartsLegend/useAxis.js +0 -39
- package/esm/ChartsLegend/utils.js +0 -16
- package/esm/ChartsOnAxisClickHandler/index.js +0 -1
- package/esm/ChartsOverlay/ChartsLoadingOverlay.js +0 -34
- package/esm/ChartsOverlay/ChartsNoDataOverlay.js +0 -34
- package/esm/ChartsOverlay/ChartsOverlay.js +0 -31
- package/esm/ChartsOverlay/index.js +0 -3
- package/esm/ChartsReferenceLine/ChartsReferenceLine.js +0 -74
- package/esm/ChartsReferenceLine/ChartsXReferenceLine.js +0 -100
- package/esm/ChartsReferenceLine/ChartsYReferenceLine.js +0 -100
- package/esm/ChartsReferenceLine/chartsReferenceLineClasses.js +0 -6
- package/esm/ChartsReferenceLine/common.js +0 -20
- package/esm/ChartsReferenceLine/index.js +0 -2
- package/esm/ChartsText/index.js +0 -1
- package/esm/ChartsTooltip/ChartsAxisTooltipContent.js +0 -80
- package/esm/ChartsTooltip/ChartsItemTooltipContent.js +0 -52
- package/esm/ChartsTooltip/ChartsTooltip.js +0 -154
- package/esm/ChartsTooltip/DefaultChartsAxisTooltipContent.js +0 -121
- package/esm/ChartsTooltip/DefaultChartsItemTooltipContent.js +0 -90
- package/esm/ChartsTooltip/chartsTooltipClasses.js +0 -5
- package/esm/ChartsTooltip/index.js +0 -7
- package/esm/ChartsVoronoiHandler/index.js +0 -1
- package/esm/ChartsXAxis/index.js +0 -1
- package/esm/ChartsYAxis/index.js +0 -1
- package/esm/Gauge/Gauge.js +0 -149
- package/esm/Gauge/GaugeProvider.js +0 -88
- package/esm/Gauge/GaugeReferenceArc.js +0 -35
- package/esm/Gauge/GaugeValueArc.js +0 -42
- package/esm/Gauge/GaugeValueText.js +0 -69
- package/esm/Gauge/gaugeClasses.js +0 -7
- package/esm/Gauge/index.js +0 -7
- package/esm/LineChart/AnimatedArea.js +0 -103
- package/esm/LineChart/AnimatedLine.js +0 -106
- package/esm/LineChart/AreaElement.js +0 -109
- package/esm/LineChart/LineChart.js +0 -344
- package/esm/LineChart/LineElement.js +0 -109
- package/esm/LineChart/LineHighlightElement.js +0 -80
- package/esm/LineChart/LineHighlightPlot.js +0 -118
- package/esm/LineChart/MarkElement.js +0 -128
- package/esm/LineChart/index.js +0 -11
- package/esm/LineChart/plugin.js +0 -10
- package/esm/PieChart/PieArc.js +0 -107
- package/esm/PieChart/PieArcLabel.js +0 -107
- package/esm/PieChart/PieArcLabelPlot.js +0 -194
- package/esm/PieChart/PieArcPlot.js +0 -176
- package/esm/PieChart/PieChart.js +0 -388
- package/esm/PieChart/formatter.js +0 -46
- package/esm/PieChart/getColor.js +0 -6
- package/esm/PieChart/getPieCoordinates.js +0 -19
- package/esm/PieChart/index.js +0 -7
- package/esm/PieChart/plugin.js +0 -7
- package/esm/ResponsiveChartContainer/ResponsiveChartContainer.js +0 -225
- package/esm/ResponsiveChartContainer/index.js +0 -1
- package/esm/ScatterChart/ScatterChart.js +0 -350
- package/esm/ScatterChart/ScatterPlot.js +0 -99
- package/esm/ScatterChart/formatter.js +0 -11
- package/esm/ScatterChart/index.js +0 -3
- package/esm/ScatterChart/plugin.js +0 -10
- package/esm/SparkLineChart/SparkLineChart.js +0 -348
- package/esm/SparkLineChart/index.js +0 -1
- package/esm/colorPalettes/colorPalettes.js +0 -9
- package/esm/colorPalettes/index.js +0 -1
- package/esm/context/CartesianProvider/Cartesian.types.js +0 -1
- package/esm/context/CartesianProvider/CartesianContext.js +0 -13
- package/esm/context/CartesianProvider/CartesianProvider.js +0 -47
- package/esm/context/CartesianProvider/defaultizeAxis.js +0 -13
- package/esm/context/CartesianProvider/index.js +0 -9
- package/esm/context/CartesianProvider/useCartesianContext.js +0 -8
- package/esm/context/DrawingProvider.js +0 -76
- package/esm/context/HighlightedProvider/HighlightedContext.js +0 -32
- package/esm/context/HighlightedProvider/HighlightedProvider.js +0 -92
- package/esm/context/HighlightedProvider/index.js +0 -4
- package/esm/context/HighlightedProvider/useHighlighted.js +0 -20
- package/esm/context/InteractionProvider.js +0 -76
- package/esm/context/PluginProvider/ColorProcessor.types.js +0 -1
- package/esm/context/PluginProvider/ExtremumGetter.types.js +0 -1
- package/esm/context/PluginProvider/Plugin.types.js +0 -1
- package/esm/context/PluginProvider/PluginContext.js +0 -13
- package/esm/context/PluginProvider/PluginProvider.js +0 -19
- package/esm/context/PluginProvider/SeriesFormatter.types.js +0 -1
- package/esm/context/PluginProvider/index.js +0 -10
- package/esm/context/PluginProvider/useColorProcessor.js +0 -15
- package/esm/context/PluginProvider/useSeriesFormatter.js +0 -15
- package/esm/context/PluginProvider/useXExtremumGetter.js +0 -15
- package/esm/context/PluginProvider/useYExtremumGetter.js +0 -15
- package/esm/context/SeriesProvider/Series.types.js +0 -1
- package/esm/context/SeriesProvider/SeriesContext.js +0 -8
- package/esm/context/SeriesProvider/SeriesProvider.js +0 -31
- package/esm/context/SeriesProvider/index.js +0 -8
- package/esm/context/ZAxisContextProvider.js +0 -94
- package/esm/context/context.types.js +0 -1
- package/esm/context/index.js +0 -2
- package/esm/hooks/index.js +0 -7
- package/esm/hooks/useAxis.js +0 -17
- package/esm/hooks/useChartDimensions.js +0 -16
- package/esm/hooks/useChartId.js +0 -8
- package/esm/hooks/useColorScale.js +0 -27
- package/esm/hooks/useDrawingArea.js +0 -22
- package/esm/hooks/useInteractionItemProps.js +0 -46
- package/esm/hooks/useMounted.js +0 -16
- package/esm/hooks/useScale.js +0 -23
- package/esm/hooks/useSvgRef.js +0 -12
- package/esm/index.js +0 -26
- package/esm/internals/SlotComponentPropsFromProps.js +0 -1
- package/esm/internals/cleanId.js +0 -6
- package/esm/internals/colorScale.js +0 -16
- package/esm/internals/components/AxisSharedComponents.js +0 -26
- package/esm/internals/components/ChartsAxesGradients/ChartsAxesGradients.js +0 -95
- package/esm/internals/components/ChartsAxesGradients/ChartsContinuousGradient.js +0 -56
- package/esm/internals/components/ChartsAxesGradients/ChartsPiecewiseGradient.js +0 -40
- package/esm/internals/components/ChartsAxesGradients/index.js +0 -1
- package/esm/internals/defaultizeColor.js +0 -14
- package/esm/internals/defaultizeValueFormatter.js +0 -10
- package/esm/internals/getCurve.js +0 -39
- package/esm/internals/getLabel.js +0 -3
- package/esm/internals/getScale.js +0 -17
- package/esm/internals/getWordsByLines.js +0 -14
- package/esm/internals/index.js +0 -40
- package/esm/internals/isBandScale.js +0 -3
- package/esm/internals/isCartesian.js +0 -7
- package/esm/internals/isDefined.js +0 -3
- package/esm/internals/isInfinity.js +0 -3
- package/esm/internals/notNull.js +0 -3
- package/esm/internals/ts-generic.js +0 -1
- package/esm/internals/useAnimatedPath.js +0 -29
- package/esm/internals/useIsRTL.js +0 -5
- package/esm/models/axis.js +0 -11
- package/esm/models/colorMapping.js +0 -1
- package/esm/models/helpers.js +0 -1
- package/esm/models/index.js +0 -4
- package/esm/models/layout.js +0 -1
- package/esm/models/seriesType/bar.js +0 -1
- package/esm/models/seriesType/common.js +0 -1
- package/esm/models/seriesType/config.js +0 -1
- package/esm/models/seriesType/index.js +0 -16
- package/esm/models/seriesType/line.js +0 -1
- package/esm/models/seriesType/pie.js +0 -1
- package/esm/models/seriesType/scatter.js +0 -1
- package/esm/models/stacking.js +0 -1
- package/esm/models/z-axis.js +0 -1
- package/esm/themeAugmentation/index.js +0 -3
- package/internals/useIsRTL.d.ts +0 -1
- package/internals/useIsRTL.js +0 -12
- package/modern/internals/useIsRTL.js +0 -5
- /package/{ChartsSurface.d.ts → ChartsSurface/ChartsSurface.d.ts} +0 -0
- /package/{constants.d.ts → constants/index.d.ts} +0 -0
- /package/{esm/constants.js → constants/index.js} +0 -0
- /package/modern/{constants.js → constants/index.js} +0 -0
- /package/{constants.js → node/constants/index.js} +0 -0
|
@@ -0,0 +1,127 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.BarLabelItem = BarLabelItem;
|
|
8
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
|
+
var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
|
|
10
|
+
var React = _interopRequireWildcard(require("react"));
|
|
11
|
+
var _useSlotProps2 = _interopRequireDefault(require("@mui/utils/useSlotProps"));
|
|
12
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
13
|
+
var _barLabelClasses = require("./barLabelClasses");
|
|
14
|
+
var _getBarLabel = require("./getBarLabel");
|
|
15
|
+
var _BarLabel = require("./BarLabel");
|
|
16
|
+
var _context = require("../../context");
|
|
17
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
18
|
+
const _excluded = ["seriesId", "classes", "color", "style", "dataIndex", "barLabel", "slots", "slotProps", "height", "width", "value"],
|
|
19
|
+
_excluded2 = ["ownerState"];
|
|
20
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
21
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
22
|
+
/**
|
|
23
|
+
* @ignore - internal component.
|
|
24
|
+
*/
|
|
25
|
+
function BarLabelItem(props) {
|
|
26
|
+
const {
|
|
27
|
+
seriesId,
|
|
28
|
+
classes: innerClasses,
|
|
29
|
+
color,
|
|
30
|
+
style,
|
|
31
|
+
dataIndex,
|
|
32
|
+
barLabel,
|
|
33
|
+
slots,
|
|
34
|
+
slotProps,
|
|
35
|
+
height,
|
|
36
|
+
width,
|
|
37
|
+
value
|
|
38
|
+
} = props,
|
|
39
|
+
other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
|
|
40
|
+
const {
|
|
41
|
+
isFaded,
|
|
42
|
+
isHighlighted
|
|
43
|
+
} = (0, _context.useItemHighlighted)({
|
|
44
|
+
seriesId,
|
|
45
|
+
dataIndex
|
|
46
|
+
});
|
|
47
|
+
const ownerState = {
|
|
48
|
+
seriesId,
|
|
49
|
+
classes: innerClasses,
|
|
50
|
+
color,
|
|
51
|
+
isFaded,
|
|
52
|
+
isHighlighted,
|
|
53
|
+
dataIndex
|
|
54
|
+
};
|
|
55
|
+
const classes = (0, _barLabelClasses.useUtilityClasses)(ownerState);
|
|
56
|
+
const Component = slots?.barLabel ?? _BarLabel.BarLabel;
|
|
57
|
+
const _useSlotProps = (0, _useSlotProps2.default)({
|
|
58
|
+
elementType: Component,
|
|
59
|
+
externalSlotProps: slotProps?.barLabel,
|
|
60
|
+
additionalProps: (0, _extends2.default)({}, other, {
|
|
61
|
+
style,
|
|
62
|
+
className: classes.root
|
|
63
|
+
}),
|
|
64
|
+
ownerState
|
|
65
|
+
}),
|
|
66
|
+
{
|
|
67
|
+
ownerState: barLabelOwnerState
|
|
68
|
+
} = _useSlotProps,
|
|
69
|
+
barLabelProps = (0, _objectWithoutPropertiesLoose2.default)(_useSlotProps, _excluded2);
|
|
70
|
+
if (!barLabel) {
|
|
71
|
+
return null;
|
|
72
|
+
}
|
|
73
|
+
const formattedLabelText = (0, _getBarLabel.getBarLabel)({
|
|
74
|
+
barLabel,
|
|
75
|
+
value,
|
|
76
|
+
dataIndex,
|
|
77
|
+
seriesId,
|
|
78
|
+
height,
|
|
79
|
+
width
|
|
80
|
+
});
|
|
81
|
+
if (!formattedLabelText) {
|
|
82
|
+
return null;
|
|
83
|
+
}
|
|
84
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, (0, _extends2.default)({}, barLabelProps, barLabelOwnerState, {
|
|
85
|
+
children: formattedLabelText
|
|
86
|
+
}));
|
|
87
|
+
}
|
|
88
|
+
process.env.NODE_ENV !== "production" ? BarLabelItem.propTypes = {
|
|
89
|
+
// ----------------------------- Warning --------------------------------
|
|
90
|
+
// | These PropTypes are generated from the TypeScript type definitions |
|
|
91
|
+
// | To update them edit the TypeScript types and run "pnpm proptypes" |
|
|
92
|
+
// ----------------------------------------------------------------------
|
|
93
|
+
/**
|
|
94
|
+
* If provided, the function will be used to format the label of the bar.
|
|
95
|
+
* It can be set to 'value' to display the current value.
|
|
96
|
+
* @param {BarItem} item The item to format.
|
|
97
|
+
* @param {BarLabelContext} context data about the bar.
|
|
98
|
+
* @returns {string} The formatted label.
|
|
99
|
+
*/
|
|
100
|
+
barLabel: _propTypes.default.oneOfType([_propTypes.default.oneOf(['value']), _propTypes.default.func]),
|
|
101
|
+
classes: _propTypes.default.object,
|
|
102
|
+
color: _propTypes.default.string.isRequired,
|
|
103
|
+
dataIndex: _propTypes.default.number.isRequired,
|
|
104
|
+
/**
|
|
105
|
+
* The height of the bar.
|
|
106
|
+
*/
|
|
107
|
+
height: _propTypes.default.number.isRequired,
|
|
108
|
+
seriesId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired,
|
|
109
|
+
/**
|
|
110
|
+
* The props used for each component slot.
|
|
111
|
+
* @default {}
|
|
112
|
+
*/
|
|
113
|
+
slotProps: _propTypes.default.object,
|
|
114
|
+
/**
|
|
115
|
+
* Overridable component slots.
|
|
116
|
+
* @default {}
|
|
117
|
+
*/
|
|
118
|
+
slots: _propTypes.default.object,
|
|
119
|
+
/**
|
|
120
|
+
* The value of the data point.
|
|
121
|
+
*/
|
|
122
|
+
value: _propTypes.default.number,
|
|
123
|
+
/**
|
|
124
|
+
* The width of the bar.
|
|
125
|
+
*/
|
|
126
|
+
width: _propTypes.default.number.isRequired
|
|
127
|
+
} : void 0;
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.BarLabelPlot = BarLabelPlot;
|
|
8
|
+
var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
|
|
9
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
10
|
+
var React = _interopRequireWildcard(require("react"));
|
|
11
|
+
var _web = require("@react-spring/web");
|
|
12
|
+
var _BarLabelItem = require("./BarLabelItem");
|
|
13
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
|
+
const _excluded = ["bars", "skipAnimation"];
|
|
15
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
16
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
17
|
+
const leaveStyle = ({
|
|
18
|
+
layout,
|
|
19
|
+
yOrigin,
|
|
20
|
+
x,
|
|
21
|
+
width,
|
|
22
|
+
y,
|
|
23
|
+
xOrigin,
|
|
24
|
+
height
|
|
25
|
+
}) => (0, _extends2.default)({}, layout === 'vertical' ? {
|
|
26
|
+
y: yOrigin,
|
|
27
|
+
x: x + width / 2,
|
|
28
|
+
height: 0,
|
|
29
|
+
width
|
|
30
|
+
} : {
|
|
31
|
+
y: y + height / 2,
|
|
32
|
+
x: xOrigin,
|
|
33
|
+
height,
|
|
34
|
+
width: 0
|
|
35
|
+
});
|
|
36
|
+
const enterStyle = ({
|
|
37
|
+
x,
|
|
38
|
+
width,
|
|
39
|
+
y,
|
|
40
|
+
height
|
|
41
|
+
}) => ({
|
|
42
|
+
x: x + width / 2,
|
|
43
|
+
y: y + height / 2,
|
|
44
|
+
height,
|
|
45
|
+
width
|
|
46
|
+
});
|
|
47
|
+
/**
|
|
48
|
+
* @ignore - internal component.
|
|
49
|
+
*/
|
|
50
|
+
function BarLabelPlot(props) {
|
|
51
|
+
const {
|
|
52
|
+
bars,
|
|
53
|
+
skipAnimation
|
|
54
|
+
} = props,
|
|
55
|
+
other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
|
|
56
|
+
const barLabelTransition = (0, _web.useTransition)(bars, {
|
|
57
|
+
keys: bar => `${bar.seriesId}-${bar.dataIndex}`,
|
|
58
|
+
from: leaveStyle,
|
|
59
|
+
leave: null,
|
|
60
|
+
enter: enterStyle,
|
|
61
|
+
update: enterStyle,
|
|
62
|
+
immediate: skipAnimation
|
|
63
|
+
});
|
|
64
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(React.Fragment, {
|
|
65
|
+
children: barLabelTransition((style, {
|
|
66
|
+
seriesId,
|
|
67
|
+
dataIndex,
|
|
68
|
+
color,
|
|
69
|
+
value,
|
|
70
|
+
width,
|
|
71
|
+
height
|
|
72
|
+
}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_BarLabelItem.BarLabelItem, (0, _extends2.default)({
|
|
73
|
+
seriesId: seriesId,
|
|
74
|
+
dataIndex: dataIndex,
|
|
75
|
+
value: value,
|
|
76
|
+
color: color,
|
|
77
|
+
width: width,
|
|
78
|
+
height: height
|
|
79
|
+
}, other, {
|
|
80
|
+
style: style
|
|
81
|
+
})))
|
|
82
|
+
});
|
|
83
|
+
}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.barLabelClasses = void 0;
|
|
8
|
+
exports.getBarLabelUtilityClass = getBarLabelUtilityClass;
|
|
9
|
+
exports.useUtilityClasses = void 0;
|
|
10
|
+
var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
|
|
11
|
+
var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
|
|
12
|
+
var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
|
|
13
|
+
function getBarLabelUtilityClass(slot) {
|
|
14
|
+
return (0, _generateUtilityClass.default)('MuiBarLabel', slot);
|
|
15
|
+
}
|
|
16
|
+
const barLabelClasses = exports.barLabelClasses = (0, _generateUtilityClasses.default)('MuiBarLabel', ['root', 'highlighted', 'faded']);
|
|
17
|
+
const useUtilityClasses = ownerState => {
|
|
18
|
+
const {
|
|
19
|
+
classes,
|
|
20
|
+
seriesId,
|
|
21
|
+
isFaded,
|
|
22
|
+
isHighlighted
|
|
23
|
+
} = ownerState;
|
|
24
|
+
const slots = {
|
|
25
|
+
root: ['root', `series-${seriesId}`, isHighlighted && 'highlighted', isFaded && 'faded']
|
|
26
|
+
};
|
|
27
|
+
return (0, _composeClasses.default)(slots, getBarLabelUtilityClass, classes);
|
|
28
|
+
};
|
|
29
|
+
exports.useUtilityClasses = useUtilityClasses;
|
|
@@ -1,4 +1,10 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.getBarLabel = void 0;
|
|
7
|
+
const getBarLabel = options => {
|
|
2
8
|
const {
|
|
3
9
|
barLabel,
|
|
4
10
|
value,
|
|
@@ -21,4 +27,5 @@ export const getBarLabel = options => {
|
|
|
21
27
|
width
|
|
22
28
|
}
|
|
23
29
|
});
|
|
24
|
-
};
|
|
30
|
+
};
|
|
31
|
+
exports.getBarLabel = getBarLabel;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "BarLabel", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function () {
|
|
9
|
+
return _BarLabel.BarLabel;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
Object.defineProperty(exports, "barLabelClasses", {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function () {
|
|
15
|
+
return _barLabelClasses.barLabelClasses;
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
Object.defineProperty(exports, "getBarLabelUtilityClass", {
|
|
19
|
+
enumerable: true,
|
|
20
|
+
get: function () {
|
|
21
|
+
return _barLabelClasses.getBarLabelUtilityClass;
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
var _BarLabel = require("./BarLabel");
|
|
25
|
+
var _barLabelClasses = require("./barLabelClasses");
|
|
@@ -1,18 +1,27 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.BarPlot = BarPlot;
|
|
8
|
+
var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
|
|
9
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
10
|
+
var React = _interopRequireWildcard(require("react"));
|
|
11
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
12
|
+
var _web = require("@react-spring/web");
|
|
13
|
+
var _CartesianProvider = require("../context/CartesianProvider");
|
|
14
|
+
var _BarElement = require("./BarElement");
|
|
15
|
+
var _getColor = _interopRequireDefault(require("./getColor"));
|
|
16
|
+
var _hooks = require("../hooks");
|
|
17
|
+
var _BarClipPath = require("./BarClipPath");
|
|
18
|
+
var _BarLabelPlot = require("./BarLabel/BarLabelPlot");
|
|
19
|
+
var _checkScaleErrors = require("./checkScaleErrors");
|
|
20
|
+
var _useSeries = require("../hooks/useSeries");
|
|
21
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
3
22
|
const _excluded = ["skipAnimation", "onItemClick", "borderRadius", "barLabel"];
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
import { useTransition } from '@react-spring/web';
|
|
7
|
-
import { useCartesianContext } from '../context/CartesianProvider';
|
|
8
|
-
import { BarElement } from './BarElement';
|
|
9
|
-
import getColor from './getColor';
|
|
10
|
-
import { useChartId } from '../hooks';
|
|
11
|
-
import { BarClipPath } from './BarClipPath';
|
|
12
|
-
import { BarLabelPlot } from './BarLabel/BarLabelPlot';
|
|
13
|
-
import { checkScaleErrors } from './checkScaleErrors';
|
|
14
|
-
import { useBarSeries } from '../hooks/useSeries';
|
|
15
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
23
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
24
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
16
25
|
/**
|
|
17
26
|
* Solution of the equations
|
|
18
27
|
* W = barWidth * N + offset * (N-1)
|
|
@@ -41,13 +50,13 @@ function getBandSize({
|
|
|
41
50
|
};
|
|
42
51
|
}
|
|
43
52
|
const useAggregatedData = () => {
|
|
44
|
-
const seriesData = useBarSeries() ?? {
|
|
53
|
+
const seriesData = (0, _useSeries.useBarSeries)() ?? {
|
|
45
54
|
series: {},
|
|
46
55
|
stackingGroups: [],
|
|
47
56
|
seriesOrder: []
|
|
48
57
|
};
|
|
49
|
-
const axisData = useCartesianContext();
|
|
50
|
-
const chartId = useChartId();
|
|
58
|
+
const axisData = (0, _CartesianProvider.useCartesianContext)();
|
|
59
|
+
const chartId = (0, _hooks.useChartId)();
|
|
51
60
|
const {
|
|
52
61
|
series,
|
|
53
62
|
stackingGroups
|
|
@@ -70,11 +79,11 @@ const useAggregatedData = () => {
|
|
|
70
79
|
const xAxisConfig = xAxis[xAxisId];
|
|
71
80
|
const yAxisConfig = yAxis[yAxisId];
|
|
72
81
|
const verticalLayout = series[seriesId].layout === 'vertical';
|
|
73
|
-
checkScaleErrors(verticalLayout, seriesId, xAxisId, xAxis, yAxisId, yAxis);
|
|
82
|
+
(0, _checkScaleErrors.checkScaleErrors)(verticalLayout, seriesId, xAxisId, xAxis, yAxisId, yAxis);
|
|
74
83
|
const baseScaleConfig = verticalLayout ? xAxisConfig : yAxisConfig;
|
|
75
84
|
const xScale = xAxisConfig.scale;
|
|
76
85
|
const yScale = yAxisConfig.scale;
|
|
77
|
-
const colorGetter =
|
|
86
|
+
const colorGetter = (0, _getColor.default)(series[seriesId], xAxis[xAxisId], yAxis[yAxisId]);
|
|
78
87
|
const bandWidth = baseScaleConfig.scale.bandwidth();
|
|
79
88
|
const {
|
|
80
89
|
barWidth,
|
|
@@ -145,7 +154,7 @@ const leaveStyle = ({
|
|
|
145
154
|
y,
|
|
146
155
|
xOrigin,
|
|
147
156
|
height
|
|
148
|
-
}) =>
|
|
157
|
+
}) => (0, _extends2.default)({}, layout === 'vertical' ? {
|
|
149
158
|
y: yOrigin,
|
|
150
159
|
x,
|
|
151
160
|
height: 0,
|
|
@@ -190,9 +199,9 @@ function BarPlot(props) {
|
|
|
190
199
|
borderRadius,
|
|
191
200
|
barLabel
|
|
192
201
|
} = props,
|
|
193
|
-
other =
|
|
202
|
+
other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
|
|
194
203
|
const withoutBorderRadius = !borderRadius || borderRadius <= 0;
|
|
195
|
-
const transition = useTransition(completedData, {
|
|
204
|
+
const transition = (0, _web.useTransition)(completedData, {
|
|
196
205
|
keys: bar => `${bar.seriesId}-${bar.dataIndex}`,
|
|
197
206
|
from: leaveStyle,
|
|
198
207
|
leave: leaveStyle,
|
|
@@ -200,7 +209,7 @@ function BarPlot(props) {
|
|
|
200
209
|
update: enterStyle,
|
|
201
210
|
immediate: skipAnimation
|
|
202
211
|
});
|
|
203
|
-
const maskTransition = useTransition(withoutBorderRadius ? [] : masksData, {
|
|
212
|
+
const maskTransition = (0, _web.useTransition)(withoutBorderRadius ? [] : masksData, {
|
|
204
213
|
keys: v => v.id,
|
|
205
214
|
from: leaveStyle,
|
|
206
215
|
leave: leaveStyle,
|
|
@@ -208,14 +217,14 @@ function BarPlot(props) {
|
|
|
208
217
|
update: enterStyle,
|
|
209
218
|
immediate: skipAnimation
|
|
210
219
|
});
|
|
211
|
-
return /*#__PURE__*/
|
|
220
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
|
|
212
221
|
children: [!withoutBorderRadius && maskTransition((style, {
|
|
213
222
|
id,
|
|
214
223
|
hasPositive,
|
|
215
224
|
hasNegative,
|
|
216
225
|
layout
|
|
217
226
|
}) => {
|
|
218
|
-
return /*#__PURE__*/
|
|
227
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_BarClipPath.BarClipPath, {
|
|
219
228
|
maskId: id,
|
|
220
229
|
borderRadius: borderRadius,
|
|
221
230
|
hasNegative: hasNegative,
|
|
@@ -229,7 +238,7 @@ function BarPlot(props) {
|
|
|
229
238
|
color,
|
|
230
239
|
maskId
|
|
231
240
|
}) => {
|
|
232
|
-
const barElement = /*#__PURE__*/
|
|
241
|
+
const barElement = /*#__PURE__*/(0, _jsxRuntime.jsx)(_BarElement.BarElement, (0, _extends2.default)({
|
|
233
242
|
id: seriesId,
|
|
234
243
|
dataIndex: dataIndex,
|
|
235
244
|
color: color
|
|
@@ -246,11 +255,11 @@ function BarPlot(props) {
|
|
|
246
255
|
if (withoutBorderRadius) {
|
|
247
256
|
return barElement;
|
|
248
257
|
}
|
|
249
|
-
return /*#__PURE__*/
|
|
258
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
|
|
250
259
|
clipPath: `url(#${maskId})`,
|
|
251
260
|
children: barElement
|
|
252
261
|
});
|
|
253
|
-
}), barLabel && /*#__PURE__*/
|
|
262
|
+
}), barLabel && /*#__PURE__*/(0, _jsxRuntime.jsx)(_BarLabelPlot.BarLabelPlot, (0, _extends2.default)({
|
|
254
263
|
bars: completedData,
|
|
255
264
|
skipAnimation: skipAnimation,
|
|
256
265
|
barLabel: barLabel
|
|
@@ -269,31 +278,30 @@ process.env.NODE_ENV !== "production" ? BarPlot.propTypes = {
|
|
|
269
278
|
* @param {BarLabelContext} context data about the bar.
|
|
270
279
|
* @returns {string} The formatted label.
|
|
271
280
|
*/
|
|
272
|
-
barLabel:
|
|
281
|
+
barLabel: _propTypes.default.oneOfType([_propTypes.default.oneOf(['value']), _propTypes.default.func]),
|
|
273
282
|
/**
|
|
274
283
|
* Defines the border radius of the bar element.
|
|
275
284
|
*/
|
|
276
|
-
borderRadius:
|
|
285
|
+
borderRadius: _propTypes.default.number,
|
|
277
286
|
/**
|
|
278
287
|
* Callback fired when a bar item is clicked.
|
|
279
288
|
* @param {React.MouseEvent<SVGElement, MouseEvent>} event The event source of the callback.
|
|
280
289
|
* @param {BarItemIdentifier} barItemIdentifier The bar item identifier.
|
|
281
290
|
*/
|
|
282
|
-
onItemClick:
|
|
291
|
+
onItemClick: _propTypes.default.func,
|
|
283
292
|
/**
|
|
284
293
|
* If `true`, animations are skipped.
|
|
285
294
|
* @default false
|
|
286
295
|
*/
|
|
287
|
-
skipAnimation:
|
|
296
|
+
skipAnimation: _propTypes.default.bool,
|
|
288
297
|
/**
|
|
289
298
|
* The props used for each component slot.
|
|
290
299
|
* @default {}
|
|
291
300
|
*/
|
|
292
|
-
slotProps:
|
|
301
|
+
slotProps: _propTypes.default.object,
|
|
293
302
|
/**
|
|
294
303
|
* Overridable component slots.
|
|
295
304
|
* @default {}
|
|
296
305
|
*/
|
|
297
|
-
slots:
|
|
298
|
-
} : void 0;
|
|
299
|
-
export { BarPlot };
|
|
306
|
+
slots: _propTypes.default.object
|
|
307
|
+
} : void 0;
|
|
@@ -1,12 +1,18 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.checkScaleErrors = checkScaleErrors;
|
|
7
|
+
var _constants = require("../constants");
|
|
8
|
+
var _axis = require("../models/axis");
|
|
3
9
|
const getAxisMessage = (axisDirection, axisId) => {
|
|
4
10
|
const axisName = `${axisDirection}-axis`;
|
|
5
11
|
const axisIdName = `${axisDirection}Axis`;
|
|
6
|
-
const axisDefaultKey = axisDirection === 'x' ? DEFAULT_X_AXIS_KEY : DEFAULT_Y_AXIS_KEY;
|
|
12
|
+
const axisDefaultKey = axisDirection === 'x' ? _constants.DEFAULT_X_AXIS_KEY : _constants.DEFAULT_Y_AXIS_KEY;
|
|
7
13
|
return axisId === axisDefaultKey ? `The first \`${axisIdName}\`` : `The ${axisName} with id "${axisId}"`;
|
|
8
14
|
};
|
|
9
|
-
|
|
15
|
+
function checkScaleErrors(verticalLayout, seriesId, xAxisId, xAxis, yAxisId, yAxis) {
|
|
10
16
|
const xAxisConfig = xAxis[xAxisId];
|
|
11
17
|
const yAxisConfig = yAxis[yAxisId];
|
|
12
18
|
const discreteAxisConfig = verticalLayout ? xAxisConfig : yAxisConfig;
|
|
@@ -15,13 +21,13 @@ export function checkScaleErrors(verticalLayout, seriesId, xAxisId, xAxis, yAxis
|
|
|
15
21
|
const continuousAxisId = verticalLayout ? yAxisId : xAxisId;
|
|
16
22
|
const discreteAxisDirection = verticalLayout ? 'x' : 'y';
|
|
17
23
|
const continuousAxisDirection = verticalLayout ? 'y' : 'x';
|
|
18
|
-
if (!isBandScaleConfig(discreteAxisConfig)) {
|
|
24
|
+
if (!(0, _axis.isBandScaleConfig)(discreteAxisConfig)) {
|
|
19
25
|
throw new Error(`MUI X: ${getAxisMessage(discreteAxisDirection, discreteAxisId)} should be of type "band" to display the bar series of id "${seriesId}".`);
|
|
20
26
|
}
|
|
21
27
|
if (discreteAxisConfig.data === undefined) {
|
|
22
28
|
throw new Error(`MUI X: ${getAxisMessage(discreteAxisDirection, discreteAxisId)} should have data property.`);
|
|
23
29
|
}
|
|
24
|
-
if (isBandScaleConfig(continuousAxisConfig) || isPointScaleConfig(continuousAxisConfig)) {
|
|
30
|
+
if ((0, _axis.isBandScaleConfig)(continuousAxisConfig) || (0, _axis.isPointScaleConfig)(continuousAxisConfig)) {
|
|
25
31
|
throw new Error(`MUI X: ${getAxisMessage(continuousAxisDirection, continuousAxisId)} should be a continuous type to display the bar series of id "${seriesId}".`);
|
|
26
32
|
}
|
|
27
33
|
}
|
|
@@ -1,3 +1,9 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.getExtremumY = exports.getExtremumX = void 0;
|
|
1
7
|
const createResult = (data, direction) => {
|
|
2
8
|
if (direction === 'x') {
|
|
3
9
|
return {
|
|
@@ -57,7 +63,7 @@ const getValueExtremum = direction => params => {
|
|
|
57
63
|
return [Math.min(seriesMin, acc[0]), Math.max(seriesMax, acc[1])];
|
|
58
64
|
}, [Infinity, -Infinity]);
|
|
59
65
|
};
|
|
60
|
-
|
|
66
|
+
const getExtremumX = params => {
|
|
61
67
|
// Notice that bar should be all horizontal or all vertical.
|
|
62
68
|
// Don't think it's a problem for now
|
|
63
69
|
const isHorizontal = Object.keys(params.series).some(seriesId => params.series[seriesId].layout === 'horizontal');
|
|
@@ -66,10 +72,12 @@ export const getExtremumX = params => {
|
|
|
66
72
|
}
|
|
67
73
|
return getBaseExtremum(params);
|
|
68
74
|
};
|
|
69
|
-
|
|
75
|
+
exports.getExtremumX = getExtremumX;
|
|
76
|
+
const getExtremumY = params => {
|
|
70
77
|
const isHorizontal = Object.keys(params.series).some(seriesId => params.series[seriesId].layout === 'horizontal');
|
|
71
78
|
if (isHorizontal) {
|
|
72
79
|
return getBaseExtremum(params);
|
|
73
80
|
}
|
|
74
81
|
return getValueExtremum('y')(params);
|
|
75
|
-
};
|
|
82
|
+
};
|
|
83
|
+
exports.getExtremumY = getExtremumY;
|
|
@@ -1,14 +1,21 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.default = void 0;
|
|
8
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
|
+
var _d3Shape = require("@mui/x-charts-vendor/d3-shape");
|
|
10
|
+
var _stackSeries = require("../internals/stackSeries");
|
|
11
|
+
var _defaultizeValueFormatter = require("../internals/defaultizeValueFormatter");
|
|
5
12
|
let warnOnce = false;
|
|
6
13
|
const formatter = (params, dataset) => {
|
|
7
14
|
const {
|
|
8
15
|
seriesOrder,
|
|
9
16
|
series
|
|
10
17
|
} = params;
|
|
11
|
-
const stackingGroups = getStackingGroups(params);
|
|
18
|
+
const stackingGroups = (0, _stackSeries.getStackingGroups)(params);
|
|
12
19
|
|
|
13
20
|
// Create a data set with format adapted to d3
|
|
14
21
|
const d3Dataset = dataset ?? [];
|
|
@@ -36,7 +43,7 @@ const formatter = (params, dataset) => {
|
|
|
36
43
|
stackingOrder
|
|
37
44
|
} = stackingGroup;
|
|
38
45
|
// Get stacked values, and derive the domain
|
|
39
|
-
const stackedSeries =
|
|
46
|
+
const stackedSeries = (0, _d3Shape.stack)().keys(ids.map(id => {
|
|
40
47
|
// Use dataKey if needed and available
|
|
41
48
|
const dataKey = series[id].dataKey;
|
|
42
49
|
return series[id].data === undefined && dataKey !== undefined ? dataKey : id;
|
|
@@ -44,7 +51,7 @@ const formatter = (params, dataset) => {
|
|
|
44
51
|
.order(stackingOrder).offset(stackingOffset)(d3Dataset);
|
|
45
52
|
ids.forEach((id, index) => {
|
|
46
53
|
const dataKey = series[id].dataKey;
|
|
47
|
-
completedSeries[id] =
|
|
54
|
+
completedSeries[id] = (0, _extends2.default)({
|
|
48
55
|
layout: 'vertical'
|
|
49
56
|
}, series[id], {
|
|
50
57
|
data: dataKey ? dataset.map(data => {
|
|
@@ -65,7 +72,7 @@ const formatter = (params, dataset) => {
|
|
|
65
72
|
return {
|
|
66
73
|
seriesOrder,
|
|
67
74
|
stackingGroups,
|
|
68
|
-
series: defaultizeValueFormatter(completedSeries, v => v == null ? '' : v.toLocaleString())
|
|
75
|
+
series: (0, _defaultizeValueFormatter.defaultizeValueFormatter)(completedSeries, v => v == null ? '' : v.toLocaleString())
|
|
69
76
|
};
|
|
70
77
|
};
|
|
71
|
-
|
|
78
|
+
var _default = exports.default = formatter;
|
|
@@ -1,3 +1,9 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
1
7
|
const getColor = (series, xAxis, yAxis) => {
|
|
2
8
|
const verticalLayout = series.layout === 'vertical';
|
|
3
9
|
const bandColorScale = verticalLayout ? xAxis?.colorScale : yAxis?.colorScale;
|
|
@@ -25,4 +31,4 @@ const getColor = (series, xAxis, yAxis) => {
|
|
|
25
31
|
}
|
|
26
32
|
return () => series.color;
|
|
27
33
|
};
|
|
28
|
-
|
|
34
|
+
var _default = exports.default = getColor;
|
|
@@ -1,10 +1,16 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.getRadius = void 0;
|
|
1
7
|
/**
|
|
2
8
|
* Returns if the corner should have a radius or not based on the layout and the data.
|
|
3
9
|
* @param {GetRadiusCorner} corner The corner to check.
|
|
4
10
|
* @param {GetRadiusData} cornerData The data for the corner.
|
|
5
11
|
* @returns {number} The radius for the corner.
|
|
6
12
|
*/
|
|
7
|
-
|
|
13
|
+
const getRadius = (corner, {
|
|
8
14
|
hasNegative,
|
|
9
15
|
hasPositive,
|
|
10
16
|
borderRadius,
|
|
@@ -27,4 +33,5 @@ export const getRadius = (corner, {
|
|
|
27
33
|
return borderRadius;
|
|
28
34
|
}
|
|
29
35
|
return 0;
|
|
30
|
-
};
|
|
36
|
+
};
|
|
37
|
+
exports.getRadius = getRadius;
|