@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
package/ChartsLegend/utils.js
CHANGED
|
@@ -1,21 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.getSeriesToDisplay = getSeriesToDisplay;
|
|
8
|
-
var _legend = _interopRequireDefault(require("../BarChart/legend"));
|
|
9
|
-
var _legend2 = _interopRequireDefault(require("../ScatterChart/legend"));
|
|
10
|
-
var _legend3 = _interopRequireDefault(require("../LineChart/legend"));
|
|
11
|
-
var _legend4 = _interopRequireDefault(require("../PieChart/legend"));
|
|
1
|
+
import getBarLegend from '../BarChart/legend';
|
|
2
|
+
import getScatterLegend from '../ScatterChart/legend';
|
|
3
|
+
import getLineLegend from '../LineChart/legend';
|
|
4
|
+
import getPieLegend from '../PieChart/legend';
|
|
12
5
|
const legendGetter = {
|
|
13
|
-
bar:
|
|
14
|
-
scatter:
|
|
15
|
-
line:
|
|
16
|
-
pie:
|
|
6
|
+
bar: getBarLegend,
|
|
7
|
+
scatter: getScatterLegend,
|
|
8
|
+
line: getLineLegend,
|
|
9
|
+
pie: getPieLegend
|
|
17
10
|
};
|
|
18
|
-
function getSeriesToDisplay(series) {
|
|
11
|
+
export function getSeriesToDisplay(series) {
|
|
19
12
|
return Object.keys(series).flatMap(seriesType => {
|
|
20
13
|
const getter = legendGetter[seriesType];
|
|
21
14
|
return getter === undefined ? [] : getter(series[seriesType]);
|
|
@@ -1,34 +1,25 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
var React = _interopRequireWildcard(require("react"));
|
|
9
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
10
|
-
var _InteractionProvider = require("../context/InteractionProvider");
|
|
11
|
-
var _useSeries = require("../hooks/useSeries");
|
|
12
|
-
var _hooks = require("../hooks");
|
|
13
|
-
var _CartesianProvider = require("../context/CartesianProvider");
|
|
14
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
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; }
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import PropTypes from 'prop-types';
|
|
3
|
+
import { InteractionContext } from '../context/InteractionProvider';
|
|
4
|
+
import { useSeries } from '../hooks/useSeries';
|
|
5
|
+
import { useSvgRef } from '../hooks';
|
|
6
|
+
import { useCartesianContext } from '../context/CartesianProvider';
|
|
7
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
17
8
|
function ChartsOnAxisClickHandler(props) {
|
|
18
9
|
const {
|
|
19
10
|
onAxisClick
|
|
20
11
|
} = props;
|
|
21
|
-
const svgRef =
|
|
22
|
-
const series =
|
|
12
|
+
const svgRef = useSvgRef();
|
|
13
|
+
const series = useSeries();
|
|
23
14
|
const {
|
|
24
15
|
axis
|
|
25
|
-
} = React.useContext(
|
|
16
|
+
} = React.useContext(InteractionContext);
|
|
26
17
|
const {
|
|
27
18
|
xAxisIds,
|
|
28
19
|
xAxis,
|
|
29
20
|
yAxisIds,
|
|
30
21
|
yAxis
|
|
31
|
-
} =
|
|
22
|
+
} = useCartesianContext();
|
|
32
23
|
React.useEffect(() => {
|
|
33
24
|
const element = svgRef.current;
|
|
34
25
|
if (element === null || !onAxisClick) {
|
|
@@ -68,7 +59,7 @@ function ChartsOnAxisClickHandler(props) {
|
|
|
68
59
|
}, [axis.x, axis.y, onAxisClick, series, svgRef, xAxis, xAxisIds, yAxis, yAxisIds]);
|
|
69
60
|
|
|
70
61
|
// eslint-disable-next-line react/jsx-no-useless-fragment
|
|
71
|
-
return /*#__PURE__*/(
|
|
62
|
+
return /*#__PURE__*/_jsx(React.Fragment, {});
|
|
72
63
|
}
|
|
73
64
|
process.env.NODE_ENV !== "production" ? ChartsOnAxisClickHandler.propTypes = {
|
|
74
65
|
// ----------------------------- Warning --------------------------------
|
|
@@ -81,5 +72,6 @@ process.env.NODE_ENV !== "production" ? ChartsOnAxisClickHandler.propTypes = {
|
|
|
81
72
|
* @param {MouseEvent} event The mouse event recorded on the `<svg/>` element.
|
|
82
73
|
* @param {null | AxisData} data The data about the clicked axis and items associated with it.
|
|
83
74
|
*/
|
|
84
|
-
onAxisClick:
|
|
85
|
-
} : void 0;
|
|
75
|
+
onAxisClick: PropTypes.func
|
|
76
|
+
} : void 0;
|
|
77
|
+
export { ChartsOnAxisClickHandler };
|
|
@@ -1,16 +1 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
var _ChartsOnAxisClickHandler = require("./ChartsOnAxisClickHandler");
|
|
7
|
-
Object.keys(_ChartsOnAxisClickHandler).forEach(function (key) {
|
|
8
|
-
if (key === "default" || key === "__esModule") return;
|
|
9
|
-
if (key in exports && exports[key] === _ChartsOnAxisClickHandler[key]) return;
|
|
10
|
-
Object.defineProperty(exports, key, {
|
|
11
|
-
enumerable: true,
|
|
12
|
-
get: function () {
|
|
13
|
-
return _ChartsOnAxisClickHandler[key];
|
|
14
|
-
}
|
|
15
|
-
});
|
|
16
|
-
});
|
|
1
|
+
export * from './ChartsOnAxisClickHandler';
|
|
@@ -1,40 +1,31 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.ChartsLoadingOverlay = ChartsLoadingOverlay;
|
|
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 _styles = require("@mui/material/styles");
|
|
12
|
-
var _useDrawingArea = require("../hooks/useDrawingArea");
|
|
13
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
1
|
+
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
|
|
2
|
+
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
14
3
|
const _excluded = ["message"];
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
4
|
+
import * as React from 'react';
|
|
5
|
+
import { styled } from '@mui/material/styles';
|
|
6
|
+
import { useDrawingArea } from '../hooks/useDrawingArea';
|
|
7
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
|
+
const StyledText = styled('text')(({
|
|
18
9
|
theme
|
|
19
|
-
}) => (
|
|
10
|
+
}) => _extends({}, theme.typography.body2, {
|
|
20
11
|
stroke: 'none',
|
|
21
12
|
fill: theme.palette.text.primary,
|
|
22
13
|
shapeRendering: 'crispEdges',
|
|
23
14
|
textAnchor: 'middle',
|
|
24
15
|
dominantBaseline: 'middle'
|
|
25
16
|
}));
|
|
26
|
-
function ChartsLoadingOverlay(props) {
|
|
17
|
+
export function ChartsLoadingOverlay(props) {
|
|
27
18
|
const {
|
|
28
19
|
message
|
|
29
20
|
} = props,
|
|
30
|
-
other = (
|
|
21
|
+
other = _objectWithoutPropertiesLoose(props, _excluded);
|
|
31
22
|
const {
|
|
32
23
|
top,
|
|
33
24
|
left,
|
|
34
25
|
height,
|
|
35
26
|
width
|
|
36
|
-
} =
|
|
37
|
-
return /*#__PURE__*/(
|
|
27
|
+
} = useDrawingArea();
|
|
28
|
+
return /*#__PURE__*/_jsx(StyledText, _extends({
|
|
38
29
|
x: left + width / 2,
|
|
39
30
|
y: top + height / 2
|
|
40
31
|
}, other, {
|
|
@@ -1,40 +1,31 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.ChartsNoDataOverlay = ChartsNoDataOverlay;
|
|
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 _styles = require("@mui/material/styles");
|
|
12
|
-
var _useDrawingArea = require("../hooks/useDrawingArea");
|
|
13
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
1
|
+
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
|
|
2
|
+
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
14
3
|
const _excluded = ["message"];
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
4
|
+
import * as React from 'react';
|
|
5
|
+
import { styled } from '@mui/material/styles';
|
|
6
|
+
import { useDrawingArea } from '../hooks/useDrawingArea';
|
|
7
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
|
+
const StyledText = styled('text')(({
|
|
18
9
|
theme
|
|
19
|
-
}) => (
|
|
10
|
+
}) => _extends({}, theme.typography.body2, {
|
|
20
11
|
stroke: 'none',
|
|
21
12
|
fill: theme.palette.text.primary,
|
|
22
13
|
shapeRendering: 'crispEdges',
|
|
23
14
|
textAnchor: 'middle',
|
|
24
15
|
dominantBaseline: 'middle'
|
|
25
16
|
}));
|
|
26
|
-
function ChartsNoDataOverlay(props) {
|
|
17
|
+
export function ChartsNoDataOverlay(props) {
|
|
27
18
|
const {
|
|
28
19
|
message
|
|
29
20
|
} = props,
|
|
30
|
-
other = (
|
|
21
|
+
other = _objectWithoutPropertiesLoose(props, _excluded);
|
|
31
22
|
const {
|
|
32
23
|
top,
|
|
33
24
|
left,
|
|
34
25
|
height,
|
|
35
26
|
width
|
|
36
|
-
} =
|
|
37
|
-
return /*#__PURE__*/(
|
|
27
|
+
} = useDrawingArea();
|
|
28
|
+
return /*#__PURE__*/_jsx(StyledText, _extends({
|
|
38
29
|
x: left + width / 2,
|
|
39
30
|
y: top + height / 2
|
|
40
31
|
}, other, {
|
|
@@ -1,21 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
10
|
-
var React = _interopRequireWildcard(require("react"));
|
|
11
|
-
var _ChartsLoadingOverlay = require("./ChartsLoadingOverlay");
|
|
12
|
-
var _useSeries = require("../hooks/useSeries");
|
|
13
|
-
var _ChartsNoDataOverlay = require("./ChartsNoDataOverlay");
|
|
14
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
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
|
-
function useNoData() {
|
|
18
|
-
const seriesPerType = (0, _useSeries.useSeries)();
|
|
1
|
+
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { ChartsLoadingOverlay } from './ChartsLoadingOverlay';
|
|
4
|
+
import { useSeries } from '../hooks/useSeries';
|
|
5
|
+
import { ChartsNoDataOverlay } from './ChartsNoDataOverlay';
|
|
6
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
|
+
export function useNoData() {
|
|
8
|
+
const seriesPerType = useSeries();
|
|
19
9
|
return Object.values(seriesPerType).every(seriesOfGivenType => {
|
|
20
10
|
if (!seriesOfGivenType) {
|
|
21
11
|
return true;
|
|
@@ -27,15 +17,15 @@ function useNoData() {
|
|
|
27
17
|
return seriesOrder.every(seriesId => series[seriesId].data.length === 0);
|
|
28
18
|
});
|
|
29
19
|
}
|
|
30
|
-
function ChartsOverlay(props) {
|
|
20
|
+
export function ChartsOverlay(props) {
|
|
31
21
|
const noData = useNoData();
|
|
32
22
|
if (props.loading) {
|
|
33
|
-
const LoadingOverlay = props.slots?.loadingOverlay ??
|
|
34
|
-
return /*#__PURE__*/(
|
|
23
|
+
const LoadingOverlay = props.slots?.loadingOverlay ?? ChartsLoadingOverlay;
|
|
24
|
+
return /*#__PURE__*/_jsx(LoadingOverlay, _extends({}, props.slotProps?.loadingOverlay));
|
|
35
25
|
}
|
|
36
26
|
if (noData) {
|
|
37
|
-
const NoDataOverlay = props.slots?.noDataOverlay ??
|
|
38
|
-
return /*#__PURE__*/(
|
|
27
|
+
const NoDataOverlay = props.slots?.noDataOverlay ?? ChartsNoDataOverlay;
|
|
28
|
+
return /*#__PURE__*/_jsx(NoDataOverlay, _extends({}, props.slotProps?.noDataOverlay));
|
|
39
29
|
}
|
|
40
30
|
return null;
|
|
41
31
|
}
|
package/ChartsOverlay/index.js
CHANGED
|
@@ -1,26 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
Object.defineProperty(exports, "ChartsLoadingOverlay", {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: function () {
|
|
9
|
-
return _ChartsLoadingOverlay.ChartsLoadingOverlay;
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
|
-
Object.defineProperty(exports, "ChartsNoDataOverlay", {
|
|
13
|
-
enumerable: true,
|
|
14
|
-
get: function () {
|
|
15
|
-
return _ChartsNoDataOverlay.ChartsNoDataOverlay;
|
|
16
|
-
}
|
|
17
|
-
});
|
|
18
|
-
Object.defineProperty(exports, "ChartsOverlay", {
|
|
19
|
-
enumerable: true,
|
|
20
|
-
get: function () {
|
|
21
|
-
return _ChartsOverlay.ChartsOverlay;
|
|
22
|
-
}
|
|
23
|
-
});
|
|
24
|
-
var _ChartsOverlay = require("./ChartsOverlay");
|
|
25
|
-
var _ChartsLoadingOverlay = require("./ChartsLoadingOverlay");
|
|
26
|
-
var _ChartsNoDataOverlay = require("./ChartsNoDataOverlay");
|
|
1
|
+
export { ChartsOverlay } from './ChartsOverlay';
|
|
2
|
+
export { ChartsLoadingOverlay } from './ChartsLoadingOverlay';
|
|
3
|
+
export { ChartsNoDataOverlay } from './ChartsNoDataOverlay';
|
|
@@ -1,18 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
}
|
|
7
|
-
exports.ChartsReferenceLine = ChartsReferenceLine;
|
|
8
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
|
-
var React = _interopRequireWildcard(require("react"));
|
|
10
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
var _ChartsXReferenceLine = require("./ChartsXReferenceLine");
|
|
12
|
-
var _ChartsYReferenceLine = require("./ChartsYReferenceLine");
|
|
13
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
|
-
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); }
|
|
15
|
-
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; }
|
|
1
|
+
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import PropTypes from 'prop-types';
|
|
4
|
+
import { ChartsXReferenceLine } from './ChartsXReferenceLine';
|
|
5
|
+
import { ChartsYReferenceLine } from './ChartsYReferenceLine';
|
|
6
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
16
7
|
function ChartsReferenceLine(props) {
|
|
17
8
|
const {
|
|
18
9
|
x,
|
|
@@ -25,9 +16,9 @@ function ChartsReferenceLine(props) {
|
|
|
25
16
|
throw new Error('MUI X: The ChartsReferenceLine should have a value in `x` or `y` prop.');
|
|
26
17
|
}
|
|
27
18
|
if (x !== undefined) {
|
|
28
|
-
return /*#__PURE__*/(
|
|
19
|
+
return /*#__PURE__*/_jsx(ChartsXReferenceLine, _extends({}, props));
|
|
29
20
|
}
|
|
30
|
-
return /*#__PURE__*/(
|
|
21
|
+
return /*#__PURE__*/_jsx(ChartsYReferenceLine, _extends({}, props));
|
|
31
22
|
}
|
|
32
23
|
process.env.NODE_ENV !== "production" ? ChartsReferenceLine.propTypes = {
|
|
33
24
|
// ----------------------------- Warning --------------------------------
|
|
@@ -38,45 +29,46 @@ process.env.NODE_ENV !== "production" ? ChartsReferenceLine.propTypes = {
|
|
|
38
29
|
* The id of the axis used for the reference value.
|
|
39
30
|
* @default The `id` of the first defined axis.
|
|
40
31
|
*/
|
|
41
|
-
axisId:
|
|
32
|
+
axisId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
|
|
42
33
|
/**
|
|
43
34
|
* Override or extend the styles applied to the component.
|
|
44
35
|
*/
|
|
45
|
-
classes:
|
|
36
|
+
classes: PropTypes.object,
|
|
46
37
|
/**
|
|
47
38
|
* The label to display along the reference line.
|
|
48
39
|
*/
|
|
49
|
-
label:
|
|
40
|
+
label: PropTypes.string,
|
|
50
41
|
/**
|
|
51
42
|
* The alignment if the label is in the chart drawing area.
|
|
52
43
|
* @default 'middle'
|
|
53
44
|
*/
|
|
54
|
-
labelAlign:
|
|
45
|
+
labelAlign: PropTypes.oneOf(['end', 'middle', 'start']),
|
|
55
46
|
/**
|
|
56
47
|
* The style applied to the label.
|
|
57
48
|
*/
|
|
58
|
-
labelStyle:
|
|
49
|
+
labelStyle: PropTypes.object,
|
|
59
50
|
/**
|
|
60
51
|
* The style applied to the line.
|
|
61
52
|
*/
|
|
62
|
-
lineStyle:
|
|
53
|
+
lineStyle: PropTypes.object,
|
|
63
54
|
/**
|
|
64
55
|
* Additional space around the label in px.
|
|
65
56
|
* Can be a number or an object `{ x, y }` to distinguish space with the reference line and space with axes.
|
|
66
57
|
* @default 5
|
|
67
58
|
*/
|
|
68
|
-
spacing:
|
|
69
|
-
x:
|
|
70
|
-
y:
|
|
59
|
+
spacing: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
|
|
60
|
+
x: PropTypes.number,
|
|
61
|
+
y: PropTypes.number
|
|
71
62
|
})]),
|
|
72
63
|
/**
|
|
73
64
|
* The x value associated with the reference line.
|
|
74
65
|
* If defined the reference line will be vertical.
|
|
75
66
|
*/
|
|
76
|
-
x:
|
|
67
|
+
x: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number, PropTypes.string]),
|
|
77
68
|
/**
|
|
78
69
|
* The y value associated with the reference line.
|
|
79
70
|
* If defined the reference line will be horizontal.
|
|
80
71
|
*/
|
|
81
|
-
y:
|
|
82
|
-
} : void 0;
|
|
72
|
+
y: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number, PropTypes.string])
|
|
73
|
+
} : void 0;
|
|
74
|
+
export { ChartsReferenceLine };
|
|
@@ -1,22 +1,12 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
var React = _interopRequireWildcard(require("react"));
|
|
11
|
-
var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
|
|
12
|
-
var _hooks = require("../hooks");
|
|
13
|
-
var _common = require("./common");
|
|
14
|
-
var _ChartsText = require("../ChartsText");
|
|
15
|
-
var _chartsReferenceLineClasses = require("./chartsReferenceLineClasses");
|
|
16
|
-
var _warning = require("../internals/warning");
|
|
17
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
18
|
-
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); }
|
|
19
|
-
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; }
|
|
1
|
+
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import composeClasses from '@mui/utils/composeClasses';
|
|
4
|
+
import { useDrawingArea, useXScale } from '../hooks';
|
|
5
|
+
import { ReferenceLineRoot } from './common';
|
|
6
|
+
import { ChartsText } from '../ChartsText';
|
|
7
|
+
import { getReferenceLineUtilityClass } from './chartsReferenceLineClasses';
|
|
8
|
+
import { warnOnce } from '../internals/warning';
|
|
9
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
20
10
|
const getTextParams = ({
|
|
21
11
|
top,
|
|
22
12
|
height,
|
|
@@ -50,12 +40,12 @@ const getTextParams = ({
|
|
|
50
40
|
};
|
|
51
41
|
}
|
|
52
42
|
};
|
|
53
|
-
function getXReferenceLineClasses(classes) {
|
|
54
|
-
return (
|
|
43
|
+
export function getXReferenceLineClasses(classes) {
|
|
44
|
+
return composeClasses({
|
|
55
45
|
root: ['root', 'vertical'],
|
|
56
46
|
line: ['line'],
|
|
57
47
|
label: ['label']
|
|
58
|
-
},
|
|
48
|
+
}, getReferenceLineUtilityClass, classes);
|
|
59
49
|
}
|
|
60
50
|
function ChartsXReferenceLine(props) {
|
|
61
51
|
const {
|
|
@@ -71,12 +61,12 @@ function ChartsXReferenceLine(props) {
|
|
|
71
61
|
const {
|
|
72
62
|
top,
|
|
73
63
|
height
|
|
74
|
-
} =
|
|
75
|
-
const xAxisScale =
|
|
64
|
+
} = useDrawingArea();
|
|
65
|
+
const xAxisScale = useXScale(axisId);
|
|
76
66
|
const xPosition = xAxisScale(x);
|
|
77
67
|
if (xPosition === undefined) {
|
|
78
68
|
if (process.env.NODE_ENV !== 'production') {
|
|
79
|
-
|
|
69
|
+
warnOnce(`MUI X: the value ${x} does not exist in the data of x axis with id ${axisId}.`, 'error');
|
|
80
70
|
}
|
|
81
71
|
return null;
|
|
82
72
|
}
|
|
@@ -84,7 +74,7 @@ function ChartsXReferenceLine(props) {
|
|
|
84
74
|
const classes = getXReferenceLineClasses(inClasses);
|
|
85
75
|
const spacingX = typeof spacing === 'object' ? spacing.x ?? 0 : spacing;
|
|
86
76
|
const spacingY = typeof spacing === 'object' ? spacing.y ?? 0 : spacing;
|
|
87
|
-
const textParams = (
|
|
77
|
+
const textParams = _extends({
|
|
88
78
|
x: xPosition + spacingX,
|
|
89
79
|
text: label,
|
|
90
80
|
fontSize: 12
|
|
@@ -96,14 +86,15 @@ function ChartsXReferenceLine(props) {
|
|
|
96
86
|
}), {
|
|
97
87
|
className: classes.label
|
|
98
88
|
});
|
|
99
|
-
return /*#__PURE__*/(
|
|
89
|
+
return /*#__PURE__*/_jsxs(ReferenceLineRoot, {
|
|
100
90
|
className: classes.root,
|
|
101
|
-
children: [/*#__PURE__*/(
|
|
91
|
+
children: [/*#__PURE__*/_jsx("path", {
|
|
102
92
|
d: d,
|
|
103
93
|
className: classes.line,
|
|
104
94
|
style: lineStyle
|
|
105
|
-
}), /*#__PURE__*/(
|
|
106
|
-
style: (
|
|
95
|
+
}), /*#__PURE__*/_jsx(ChartsText, _extends({}, textParams, {
|
|
96
|
+
style: _extends({}, textParams.style, labelStyle)
|
|
107
97
|
}))]
|
|
108
98
|
});
|
|
109
|
-
}
|
|
99
|
+
}
|
|
100
|
+
export { ChartsXReferenceLine };
|
|
@@ -1,22 +1,12 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
var React = _interopRequireWildcard(require("react"));
|
|
11
|
-
var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
|
|
12
|
-
var _hooks = require("../hooks");
|
|
13
|
-
var _common = require("./common");
|
|
14
|
-
var _ChartsText = require("../ChartsText");
|
|
15
|
-
var _chartsReferenceLineClasses = require("./chartsReferenceLineClasses");
|
|
16
|
-
var _warning = require("../internals/warning");
|
|
17
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
18
|
-
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); }
|
|
19
|
-
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; }
|
|
1
|
+
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import composeClasses from '@mui/utils/composeClasses';
|
|
4
|
+
import { useDrawingArea, useYScale } from '../hooks';
|
|
5
|
+
import { ReferenceLineRoot } from './common';
|
|
6
|
+
import { ChartsText } from '../ChartsText';
|
|
7
|
+
import { getReferenceLineUtilityClass } from './chartsReferenceLineClasses';
|
|
8
|
+
import { warnOnce } from '../internals/warning';
|
|
9
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
20
10
|
const getTextParams = ({
|
|
21
11
|
left,
|
|
22
12
|
width,
|
|
@@ -50,12 +40,12 @@ const getTextParams = ({
|
|
|
50
40
|
};
|
|
51
41
|
}
|
|
52
42
|
};
|
|
53
|
-
function getYReferenceLineClasses(classes) {
|
|
54
|
-
return (
|
|
43
|
+
export function getYReferenceLineClasses(classes) {
|
|
44
|
+
return composeClasses({
|
|
55
45
|
root: ['root', 'horizontal'],
|
|
56
46
|
line: ['line'],
|
|
57
47
|
label: ['label']
|
|
58
|
-
},
|
|
48
|
+
}, getReferenceLineUtilityClass, classes);
|
|
59
49
|
}
|
|
60
50
|
function ChartsYReferenceLine(props) {
|
|
61
51
|
const {
|
|
@@ -71,12 +61,12 @@ function ChartsYReferenceLine(props) {
|
|
|
71
61
|
const {
|
|
72
62
|
left,
|
|
73
63
|
width
|
|
74
|
-
} =
|
|
75
|
-
const yAxisScale =
|
|
64
|
+
} = useDrawingArea();
|
|
65
|
+
const yAxisScale = useYScale(axisId);
|
|
76
66
|
const yPosition = yAxisScale(y);
|
|
77
67
|
if (yPosition === undefined) {
|
|
78
68
|
if (process.env.NODE_ENV !== 'production') {
|
|
79
|
-
|
|
69
|
+
warnOnce(`MUI X: the value ${y} does not exist in the data of y axis with id ${axisId}.`, 'error');
|
|
80
70
|
}
|
|
81
71
|
return null;
|
|
82
72
|
}
|
|
@@ -84,7 +74,7 @@ function ChartsYReferenceLine(props) {
|
|
|
84
74
|
const classes = getYReferenceLineClasses(inClasses);
|
|
85
75
|
const spacingX = typeof spacing === 'object' ? spacing.x ?? 0 : spacing;
|
|
86
76
|
const spacingY = typeof spacing === 'object' ? spacing.y ?? 0 : spacing;
|
|
87
|
-
const textParams = (
|
|
77
|
+
const textParams = _extends({
|
|
88
78
|
y: yPosition - spacingY,
|
|
89
79
|
text: label,
|
|
90
80
|
fontSize: 12
|
|
@@ -96,14 +86,15 @@ function ChartsYReferenceLine(props) {
|
|
|
96
86
|
}), {
|
|
97
87
|
className: classes.label
|
|
98
88
|
});
|
|
99
|
-
return /*#__PURE__*/(
|
|
89
|
+
return /*#__PURE__*/_jsxs(ReferenceLineRoot, {
|
|
100
90
|
className: classes.root,
|
|
101
|
-
children: [/*#__PURE__*/(
|
|
91
|
+
children: [/*#__PURE__*/_jsx("path", {
|
|
102
92
|
d: d,
|
|
103
93
|
className: classes.line,
|
|
104
94
|
style: lineStyle
|
|
105
|
-
}), /*#__PURE__*/(
|
|
106
|
-
style: (
|
|
95
|
+
}), /*#__PURE__*/_jsx(ChartsText, _extends({}, textParams, {
|
|
96
|
+
style: _extends({}, textParams.style, labelStyle)
|
|
107
97
|
}))]
|
|
108
98
|
});
|
|
109
|
-
}
|
|
99
|
+
}
|
|
100
|
+
export { ChartsYReferenceLine };
|
|
@@ -1,14 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.getReferenceLineUtilityClass = getReferenceLineUtilityClass;
|
|
8
|
-
exports.referenceLineClasses = void 0;
|
|
9
|
-
var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
|
|
10
|
-
var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
|
|
11
|
-
function getReferenceLineUtilityClass(slot) {
|
|
12
|
-
return (0, _generateUtilityClass.default)('MuiChartsReferenceLine', slot);
|
|
1
|
+
import generateUtilityClass from '@mui/utils/generateUtilityClass';
|
|
2
|
+
import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
|
|
3
|
+
export function getReferenceLineUtilityClass(slot) {
|
|
4
|
+
return generateUtilityClass('MuiChartsReferenceLine', slot);
|
|
13
5
|
}
|
|
14
|
-
const referenceLineClasses =
|
|
6
|
+
export const referenceLineClasses = generateUtilityClasses('MuiChartsReferenceLine', ['root', 'vertical', 'horizontal', 'line', 'label']);
|