@mui/x-charts 7.13.0 → 7.15.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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 +39 -46
- package/BarChart/checkScaleErrors.js +6 -12
- package/BarChart/extremums.js +45 -18
- 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 +151 -2
- 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 +6 -5
- package/ChartContainer/useDefaultizeAxis.js +22 -21
- 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 +55 -51
- 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 +38 -44
- 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 +90 -87
- package/ChartsXAxis/index.js +1 -16
- package/ChartsXAxis/package.json +2 -2
- package/ChartsYAxis/ChartsYAxis.js +78 -79
- 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 +23 -15
- 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 +29 -21
- 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.d.ts +59 -0
- package/context/CartesianProvider/CartesianContext.d.ts +1 -22
- package/context/CartesianProvider/CartesianContext.js +2 -10
- package/context/CartesianProvider/CartesianProvider.d.ts +1 -21
- package/context/CartesianProvider/CartesianProvider.js +19 -29
- package/context/CartesianProvider/computeValue.d.ts +18 -31
- package/context/CartesianProvider/computeValue.js +42 -52
- package/context/CartesianProvider/defaultizeAxis.d.ts +4 -4
- package/context/CartesianProvider/defaultizeAxis.js +6 -14
- package/context/CartesianProvider/getAxisExtremum.d.ts +3 -2
- package/context/CartesianProvider/getAxisExtremum.js +12 -13
- package/context/CartesianProvider/index.d.ts +1 -0
- package/context/CartesianProvider/index.js +8 -48
- package/context/CartesianProvider/useCartesianContext.d.ts +1 -1
- package/context/CartesianProvider/useCartesianContext.js +5 -14
- package/context/CartesianProvider/zoom.d.ts +10 -0
- package/context/CartesianProvider/zoom.js +19 -0
- package/context/DrawingProvider.d.ts +7 -2
- package/context/DrawingProvider.js +24 -27
- 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.d.ts +11 -1
- 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 +20 -26
- 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.d.ts +2 -0
- package/internals/domUtils.js +19 -15
- 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 +3 -0
- package/internals/index.js +40 -306
- 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.d.ts +4 -0
- package/models/axis.js +6 -8
- 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/BarChart/BarPlot.js +4 -3
- package/modern/BarChart/extremums.js +42 -7
- package/modern/ChartContainer/useChartContainerProps.js +1 -1
- package/modern/ChartContainer/useDefaultizeAxis.js +16 -5
- package/modern/ChartsAxisHighlight/ChartsAxisHighlight.js +23 -9
- package/modern/ChartsGrid/ChartsGrid.js +12 -10
- 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/ChartsXAxis/ChartsXAxis.js +14 -3
- package/modern/ChartsYAxis/ChartsYAxis.js +11 -4
- package/modern/LineChart/LineChart.js +6 -1
- package/modern/LineChart/MarkElement.js +4 -2
- package/modern/LineChart/extremums.js +20 -4
- package/modern/PieChart/PieChart.js +10 -5
- package/modern/ScatterChart/ScatterChart.js +6 -1
- package/modern/ScatterChart/extremums.js +26 -10
- package/modern/context/CartesianProvider/CartesianProvider.js +2 -5
- package/modern/context/CartesianProvider/computeValue.js +20 -23
- package/modern/context/CartesianProvider/getAxisExtremum.js +11 -5
- package/modern/context/CartesianProvider/index.js +1 -0
- package/modern/context/CartesianProvider/zoom.js +19 -0
- package/modern/context/DrawingProvider.js +11 -3
- package/modern/hooks/useAxisEvents.js +5 -2
- package/modern/index.js +1 -1
- package/modern/internals/domUtils.js +16 -3
- package/modern/internals/index.js +4 -0
- package/modern/internals/useAnimatedPath.js +17 -13
- package/modern/models/axis.js +5 -0
- package/modern/tests/firePointerEvent.js +35 -0
- 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 +47 -38
- package/{esm → node}/BarChart/checkScaleErrors.js +12 -6
- package/node/BarChart/extremums.js +83 -0
- 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/LineChart → 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/node/ChartsAxisHighlight/ChartsAxisHighlight.js +144 -0
- 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 +98 -79
- package/node/ChartsXAxis/index.js +16 -0
- package/{esm → node}/ChartsYAxis/ChartsYAxis.js +86 -71
- 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 +31 -7
- 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/BarChart → 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/node/ScatterChart/extremums.js +63 -0
- 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 +49 -45
- package/node/context/CartesianProvider/defaultizeAxis.js +21 -0
- package/node/context/CartesianProvider/getAxisExtremum.js +27 -0
- package/node/context/CartesianProvider/index.js +61 -0
- package/node/context/CartesianProvider/useCartesianContext.js +17 -0
- package/node/context/CartesianProvider/zoom.js +26 -0
- 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 +29 -17
- 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 +30 -7
- 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/node/tests/firePointerEvent.js +42 -0
- package/node/themeAugmentation/index.js +38 -0
- package/package.json +8 -8
- package/tests/firePointerEvent.js +35 -0
- 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/context/CartesianProvider/normalizeAxis.d.ts +0 -5
- package/context/CartesianProvider/normalizeAxis.js +0 -23
- 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/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/extremums.js +0 -40
- package/esm/BarChart/index.js +0 -4
- package/esm/BarChart/plugin.js +0 -10
- 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 -19
- package/esm/ChartsAxis/axisClasses.js +0 -5
- package/esm/ChartsAxis/index.js +0 -2
- package/esm/ChartsAxisHighlight/ChartsAxisHighlight.js +0 -120
- 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 -131
- 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/extremums.js +0 -39
- 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/CartesianContext.js +0 -13
- package/esm/context/CartesianProvider/CartesianProvider.js +0 -50
- package/esm/context/CartesianProvider/defaultizeAxis.js +0 -13
- package/esm/context/CartesianProvider/getAxisExtremum.js +0 -14
- package/esm/context/CartesianProvider/index.js +0 -8
- package/esm/context/CartesianProvider/normalizeAxis.js +0 -15
- package/esm/context/CartesianProvider/useCartesianContext.js +0 -8
- package/esm/context/DrawingProvider.js +0 -68
- 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 -37
- 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 -6
- 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/context/CartesianProvider/normalizeAxis.js +0 -15
- 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/{esm/BarChart/BarLabel/BarLabel.types.js → context/CartesianProvider/Cartesian.types.js} +0 -0
- /package/modern/{constants.js → constants/index.js} +0 -0
- /package/{esm/BarChart/types.js → modern/context/CartesianProvider/Cartesian.types.js} +0 -0
- /package/{constants.js → node/constants/index.js} +0 -0
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Applies the zoom into the scale range.
|
|
3
|
+
* It changes the screen coordinates that the scale covers.
|
|
4
|
+
* Not the data that is displayed.
|
|
5
|
+
*
|
|
6
|
+
* @param scaleRange the original range in real screen coordinates.
|
|
7
|
+
* @param zoomRange the zoom range in percentage.
|
|
8
|
+
* @returns zoomed range in real screen coordinates.
|
|
9
|
+
*/
|
|
10
|
+
export const zoomScaleRange = (scaleRange, zoomRange) => {
|
|
11
|
+
const rangeGap = scaleRange[1] - scaleRange[0];
|
|
12
|
+
const zoomGap = zoomRange[1] - zoomRange[0];
|
|
13
|
+
|
|
14
|
+
// If current zoom show the scale between p1 and p2 percents
|
|
15
|
+
// The range should be extended by adding [0, p1] and [p2, 100] segments
|
|
16
|
+
const min = scaleRange[0] - zoomRange[0] * rangeGap / zoomGap;
|
|
17
|
+
const max = scaleRange[1] + (100 - zoomRange[1]) * rangeGap / zoomGap;
|
|
18
|
+
return [min, max];
|
|
19
|
+
};
|
|
@@ -38,13 +38,18 @@ export type DrawingArea = {
|
|
|
38
38
|
* @param {Object} point The point to check.
|
|
39
39
|
* @param {number} point.x The x coordinate of the point.
|
|
40
40
|
* @param {number} point.y The y coordinate of the point.
|
|
41
|
-
* @param {
|
|
41
|
+
* @param {Object} options The options of the check.
|
|
42
|
+
* @param {Element} [options.targetElement] The element to check if it is allowed to overflow the drawing area.
|
|
43
|
+
* @param {'x' | 'y'} [options.direction] The direction to check.
|
|
42
44
|
* @returns {boolean} `true` if the point is inside the drawing area, `false` otherwise.
|
|
43
45
|
*/
|
|
44
46
|
isPointInside: (point: {
|
|
45
47
|
x: number;
|
|
46
48
|
y: number;
|
|
47
|
-
},
|
|
49
|
+
}, options?: {
|
|
50
|
+
targetElement?: Element;
|
|
51
|
+
direction?: 'x' | 'y';
|
|
52
|
+
}) => boolean;
|
|
48
53
|
};
|
|
49
54
|
export declare const DrawingContext: React.Context<DrawingArea & {
|
|
50
55
|
/**
|
|
@@ -1,24 +1,13 @@
|
|
|
1
|
-
|
|
1
|
+
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import useId from '@mui/utils/useId';
|
|
4
|
+
import useChartDimensions from '../hooks/useChartDimensions';
|
|
2
5
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.DrawingContext = void 0;
|
|
8
|
-
exports.DrawingProvider = DrawingProvider;
|
|
9
|
-
exports.SvgContext = void 0;
|
|
10
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
|
-
var React = _interopRequireWildcard(require("react"));
|
|
12
|
-
var _useId = _interopRequireDefault(require("@mui/utils/useId"));
|
|
13
|
-
var _useChartDimensions = _interopRequireDefault(require("../hooks/useChartDimensions"));
|
|
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
6
|
/**
|
|
18
7
|
* Defines the area in which it is possible to draw the charts.
|
|
19
8
|
*/
|
|
20
|
-
|
|
21
|
-
const DrawingContext =
|
|
9
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
10
|
+
export const DrawingContext = /*#__PURE__*/React.createContext({
|
|
22
11
|
top: 0,
|
|
23
12
|
left: 0,
|
|
24
13
|
bottom: 0,
|
|
@@ -31,7 +20,7 @@ const DrawingContext = exports.DrawingContext = /*#__PURE__*/React.createContext
|
|
|
31
20
|
if (process.env.NODE_ENV !== 'production') {
|
|
32
21
|
DrawingContext.displayName = 'DrawingContext';
|
|
33
22
|
}
|
|
34
|
-
const SvgContext =
|
|
23
|
+
export const SvgContext = /*#__PURE__*/React.createContext({
|
|
35
24
|
isInitialized: false,
|
|
36
25
|
data: {
|
|
37
26
|
current: null
|
|
@@ -40,7 +29,7 @@ const SvgContext = exports.SvgContext = /*#__PURE__*/React.createContext({
|
|
|
40
29
|
if (process.env.NODE_ENV !== 'production') {
|
|
41
30
|
SvgContext.displayName = 'SvgContext';
|
|
42
31
|
}
|
|
43
|
-
function DrawingProvider(props) {
|
|
32
|
+
export function DrawingProvider(props) {
|
|
44
33
|
const {
|
|
45
34
|
width,
|
|
46
35
|
height,
|
|
@@ -48,19 +37,27 @@ function DrawingProvider(props) {
|
|
|
48
37
|
svgRef,
|
|
49
38
|
children
|
|
50
39
|
} = props;
|
|
51
|
-
const drawingArea = (
|
|
52
|
-
const chartId = (
|
|
40
|
+
const drawingArea = useChartDimensions(width, height, margin);
|
|
41
|
+
const chartId = useId();
|
|
53
42
|
const isPointInside = React.useCallback(({
|
|
54
43
|
x,
|
|
55
44
|
y
|
|
56
|
-
},
|
|
45
|
+
}, options) => {
|
|
57
46
|
// For element allowed to overflow, wrapping them in <g data-drawing-container /> make them fully part of the drawing area.
|
|
58
|
-
if (targetElement && targetElement.closest('[data-drawing-container]')) {
|
|
47
|
+
if (options?.targetElement && options?.targetElement.closest('[data-drawing-container]')) {
|
|
59
48
|
return true;
|
|
60
49
|
}
|
|
61
|
-
|
|
50
|
+
const isInsideX = x >= drawingArea.left - 1 && x <= drawingArea.left + drawingArea.width;
|
|
51
|
+
const isInsideY = y >= drawingArea.top - 1 && y <= drawingArea.top + drawingArea.height;
|
|
52
|
+
if (options?.direction === 'x') {
|
|
53
|
+
return isInsideX;
|
|
54
|
+
}
|
|
55
|
+
if (options?.direction === 'y') {
|
|
56
|
+
return isInsideY;
|
|
57
|
+
}
|
|
58
|
+
return isInsideX && isInsideY;
|
|
62
59
|
}, [drawingArea]);
|
|
63
|
-
const value = React.useMemo(() => (
|
|
60
|
+
const value = React.useMemo(() => _extends({
|
|
64
61
|
chartId: chartId ?? ''
|
|
65
62
|
}, drawingArea, {
|
|
66
63
|
isPointInside
|
|
@@ -69,9 +66,9 @@ function DrawingProvider(props) {
|
|
|
69
66
|
isInitialized: true,
|
|
70
67
|
data: svgRef
|
|
71
68
|
}), [svgRef]);
|
|
72
|
-
return /*#__PURE__*/(
|
|
69
|
+
return /*#__PURE__*/_jsx(SvgContext.Provider, {
|
|
73
70
|
value: refValue,
|
|
74
|
-
children: /*#__PURE__*/(
|
|
71
|
+
children: /*#__PURE__*/_jsx(DrawingContext.Provider, {
|
|
75
72
|
value: value,
|
|
76
73
|
children: children
|
|
77
74
|
})
|
|
@@ -1,12 +1,5 @@
|
|
|
1
|
-
|
|
1
|
+
import * as React from 'react';
|
|
2
2
|
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.HighlightedContext = void 0;
|
|
7
|
-
var React = _interopRequireWildcard(require("react"));
|
|
8
|
-
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); }
|
|
9
|
-
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; }
|
|
10
3
|
/**
|
|
11
4
|
* The data of the highlighted item.
|
|
12
5
|
* To highlight an item, you need to provide the series id and the item id.
|
|
@@ -24,7 +17,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
|
|
|
24
17
|
* {}
|
|
25
18
|
*/
|
|
26
19
|
|
|
27
|
-
const HighlightedContext =
|
|
20
|
+
export const HighlightedContext = /*#__PURE__*/React.createContext({
|
|
28
21
|
isInitialized: false,
|
|
29
22
|
data: {
|
|
30
23
|
highlightedItem: null,
|
|
@@ -1,31 +1,22 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.HighlightedProvider = HighlightedProvider;
|
|
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 _propTypes = _interopRequireDefault(require("prop-types"));
|
|
12
|
-
var _useControlled = _interopRequireDefault(require("@mui/utils/useControlled"));
|
|
13
|
-
var _HighlightedContext = require("./HighlightedContext");
|
|
14
|
-
var _createIsFaded = require("./createIsFaded");
|
|
15
|
-
var _createIsHighlighted = require("./createIsHighlighted");
|
|
16
|
-
var _useSeries = require("../../hooks/useSeries");
|
|
17
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
1
|
+
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
|
+
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
|
|
18
3
|
const _excluded = ["highlighted", "faded"];
|
|
19
|
-
|
|
20
|
-
|
|
4
|
+
import * as React from 'react';
|
|
5
|
+
import PropTypes from 'prop-types';
|
|
6
|
+
import useControlled from '@mui/utils/useControlled';
|
|
7
|
+
import { HighlightedContext } from './HighlightedContext';
|
|
8
|
+
import { createIsFaded } from './createIsFaded';
|
|
9
|
+
import { createIsHighlighted } from './createIsHighlighted';
|
|
10
|
+
import { useSeries } from '../../hooks/useSeries';
|
|
11
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
21
12
|
const mergeDeprecatedOptions = options => {
|
|
22
13
|
const _ref = options ?? {},
|
|
23
14
|
{
|
|
24
15
|
highlighted,
|
|
25
16
|
faded
|
|
26
17
|
} = _ref,
|
|
27
|
-
other = (
|
|
28
|
-
return (
|
|
18
|
+
other = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
19
|
+
return _extends({
|
|
29
20
|
highlight: highlighted,
|
|
30
21
|
fade: faded
|
|
31
22
|
}, other);
|
|
@@ -35,13 +26,13 @@ function HighlightedProvider({
|
|
|
35
26
|
highlightedItem: highlightedItemProps,
|
|
36
27
|
onHighlightChange
|
|
37
28
|
}) {
|
|
38
|
-
const [highlightedItem, setHighlightedItem] = (
|
|
29
|
+
const [highlightedItem, setHighlightedItem] = useControlled({
|
|
39
30
|
controlled: highlightedItemProps,
|
|
40
31
|
default: null,
|
|
41
32
|
name: 'HighlightedProvider',
|
|
42
33
|
state: 'highlightedItem'
|
|
43
34
|
});
|
|
44
|
-
const series =
|
|
35
|
+
const series = useSeries();
|
|
45
36
|
const seriesById = React.useMemo(() => {
|
|
46
37
|
const map = new Map();
|
|
47
38
|
Object.keys(series).forEach(seriesType => {
|
|
@@ -68,12 +59,12 @@ function HighlightedProvider({
|
|
|
68
59
|
setHighlightedItem(null);
|
|
69
60
|
onHighlightChange?.(null);
|
|
70
61
|
},
|
|
71
|
-
isHighlighted:
|
|
72
|
-
isFaded:
|
|
62
|
+
isHighlighted: createIsHighlighted(highlightScope, highlightedItem),
|
|
63
|
+
isFaded: createIsFaded(highlightScope, highlightedItem)
|
|
73
64
|
}
|
|
74
65
|
};
|
|
75
66
|
}, [highlightedItem, highlightScope, setHighlightedItem, onHighlightChange]);
|
|
76
|
-
return /*#__PURE__*/(
|
|
67
|
+
return /*#__PURE__*/_jsx(HighlightedContext.Provider, {
|
|
77
68
|
value: providerValue,
|
|
78
69
|
children: children
|
|
79
70
|
});
|
|
@@ -83,18 +74,19 @@ process.env.NODE_ENV !== "production" ? HighlightedProvider.propTypes = {
|
|
|
83
74
|
// | These PropTypes are generated from the TypeScript type definitions |
|
|
84
75
|
// | To update them edit the TypeScript types and run "pnpm proptypes" |
|
|
85
76
|
// ----------------------------------------------------------------------
|
|
86
|
-
children:
|
|
77
|
+
children: PropTypes.node,
|
|
87
78
|
/**
|
|
88
79
|
* The item currently highlighted. Turns highlighting into a controlled prop.
|
|
89
80
|
*/
|
|
90
|
-
highlightedItem:
|
|
91
|
-
dataIndex:
|
|
92
|
-
seriesId:
|
|
81
|
+
highlightedItem: PropTypes.shape({
|
|
82
|
+
dataIndex: PropTypes.number,
|
|
83
|
+
seriesId: PropTypes.oneOfType([PropTypes.number, PropTypes.string])
|
|
93
84
|
}),
|
|
94
85
|
/**
|
|
95
86
|
* The callback fired when the highlighted item changes.
|
|
96
87
|
*
|
|
97
88
|
* @param {HighlightItemData | null} highlightedItem The newly highlighted item.
|
|
98
89
|
*/
|
|
99
|
-
onHighlightChange:
|
|
100
|
-
} : void 0;
|
|
90
|
+
onHighlightChange: PropTypes.func
|
|
91
|
+
} : void 0;
|
|
92
|
+
export { HighlightedProvider };
|
|
@@ -1,10 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.createIsFaded = void 0;
|
|
7
|
-
const createIsFaded = (highlightScope, highlightedItem) => input => {
|
|
1
|
+
export const createIsFaded = (highlightScope, highlightedItem) => input => {
|
|
8
2
|
if (!highlightScope) {
|
|
9
3
|
return false;
|
|
10
4
|
}
|
|
@@ -15,5 +9,4 @@ const createIsFaded = (highlightScope, highlightedItem) => input => {
|
|
|
15
9
|
return input.seriesId !== highlightedItem?.seriesId || input.dataIndex !== highlightedItem?.dataIndex;
|
|
16
10
|
}
|
|
17
11
|
return false;
|
|
18
|
-
};
|
|
19
|
-
exports.createIsFaded = createIsFaded;
|
|
12
|
+
};
|
|
@@ -1,10 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.createIsHighlighted = void 0;
|
|
7
|
-
const createIsHighlighted = (highlightScope, highlightedItem) => input => {
|
|
1
|
+
export const createIsHighlighted = (highlightScope, highlightedItem) => input => {
|
|
8
2
|
if (!highlightScope) {
|
|
9
3
|
return false;
|
|
10
4
|
}
|
|
@@ -15,5 +9,4 @@ const createIsHighlighted = (highlightScope, highlightedItem) => input => {
|
|
|
15
9
|
return input.dataIndex === highlightedItem?.dataIndex && input.seriesId === highlightedItem?.seriesId;
|
|
16
10
|
}
|
|
17
11
|
return false;
|
|
18
|
-
};
|
|
19
|
-
exports.createIsHighlighted = createIsHighlighted;
|
|
12
|
+
};
|
|
@@ -1,49 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
});
|
|
6
|
-
var _HighlightedProvider = require("./HighlightedProvider");
|
|
7
|
-
Object.keys(_HighlightedProvider).forEach(function (key) {
|
|
8
|
-
if (key === "default" || key === "__esModule") return;
|
|
9
|
-
if (key in exports && exports[key] === _HighlightedProvider[key]) return;
|
|
10
|
-
Object.defineProperty(exports, key, {
|
|
11
|
-
enumerable: true,
|
|
12
|
-
get: function () {
|
|
13
|
-
return _HighlightedProvider[key];
|
|
14
|
-
}
|
|
15
|
-
});
|
|
16
|
-
});
|
|
17
|
-
var _HighlightedContext = require("./HighlightedContext");
|
|
18
|
-
Object.keys(_HighlightedContext).forEach(function (key) {
|
|
19
|
-
if (key === "default" || key === "__esModule") return;
|
|
20
|
-
if (key in exports && exports[key] === _HighlightedContext[key]) return;
|
|
21
|
-
Object.defineProperty(exports, key, {
|
|
22
|
-
enumerable: true,
|
|
23
|
-
get: function () {
|
|
24
|
-
return _HighlightedContext[key];
|
|
25
|
-
}
|
|
26
|
-
});
|
|
27
|
-
});
|
|
28
|
-
var _useHighlighted = require("./useHighlighted");
|
|
29
|
-
Object.keys(_useHighlighted).forEach(function (key) {
|
|
30
|
-
if (key === "default" || key === "__esModule") return;
|
|
31
|
-
if (key in exports && exports[key] === _useHighlighted[key]) return;
|
|
32
|
-
Object.defineProperty(exports, key, {
|
|
33
|
-
enumerable: true,
|
|
34
|
-
get: function () {
|
|
35
|
-
return _useHighlighted[key];
|
|
36
|
-
}
|
|
37
|
-
});
|
|
38
|
-
});
|
|
39
|
-
var _useItemHighlighted = require("./useItemHighlighted");
|
|
40
|
-
Object.keys(_useItemHighlighted).forEach(function (key) {
|
|
41
|
-
if (key === "default" || key === "__esModule") return;
|
|
42
|
-
if (key in exports && exports[key] === _useItemHighlighted[key]) return;
|
|
43
|
-
Object.defineProperty(exports, key, {
|
|
44
|
-
enumerable: true,
|
|
45
|
-
get: function () {
|
|
46
|
-
return _useItemHighlighted[key];
|
|
47
|
-
}
|
|
48
|
-
});
|
|
49
|
-
});
|
|
1
|
+
export * from './HighlightedProvider';
|
|
2
|
+
export * from './HighlightedContext';
|
|
3
|
+
export * from './useHighlighted';
|
|
4
|
+
export * from './useItemHighlighted';
|
|
@@ -1,13 +1,6 @@
|
|
|
1
|
-
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { HighlightedContext } from './HighlightedContext';
|
|
2
3
|
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.useHighlighted = useHighlighted;
|
|
7
|
-
var React = _interopRequireWildcard(require("react"));
|
|
8
|
-
var _HighlightedContext = require("./HighlightedContext");
|
|
9
|
-
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); }
|
|
10
|
-
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; }
|
|
11
4
|
/**
|
|
12
5
|
* A hook to get the highlighted state of the chart.
|
|
13
6
|
*
|
|
@@ -15,11 +8,11 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
|
|
|
15
8
|
*
|
|
16
9
|
* @returns {HighlightedState} the state of the chart
|
|
17
10
|
*/
|
|
18
|
-
function useHighlighted() {
|
|
11
|
+
export function useHighlighted() {
|
|
19
12
|
const {
|
|
20
13
|
isInitialized,
|
|
21
14
|
data
|
|
22
|
-
} = React.useContext(
|
|
15
|
+
} = React.useContext(HighlightedContext);
|
|
23
16
|
if (!isInitialized) {
|
|
24
17
|
throw new Error(['MUI X: Could not find the highlighted ref context.', 'It looks like you rendered your component outside of a ChartsContainer parent component.'].join('\n'));
|
|
25
18
|
}
|
|
@@ -1,10 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.useItemHighlighted = useItemHighlighted;
|
|
7
|
-
var _useHighlighted = require("./useHighlighted");
|
|
1
|
+
import { useHighlighted } from './useHighlighted';
|
|
8
2
|
/**
|
|
9
3
|
* A hook to check the highlighted state of the item.
|
|
10
4
|
* This function already calculates that an item is not faded if it is highlighted.
|
|
@@ -14,8 +8,8 @@ var _useHighlighted = require("./useHighlighted");
|
|
|
14
8
|
* @param {HighlightItemData} item is the item to check
|
|
15
9
|
* @returns {ItemHighlightedState} the state of the item
|
|
16
10
|
*/
|
|
17
|
-
function useItemHighlighted(item) {
|
|
18
|
-
const highlighted =
|
|
11
|
+
export function useItemHighlighted(item) {
|
|
12
|
+
const highlighted = useHighlighted();
|
|
19
13
|
if (!item) {
|
|
20
14
|
return {
|
|
21
15
|
isHighlighted: false,
|
|
@@ -7,11 +7,11 @@ export type ItemInteractionData<T extends ChartSeriesType> = ChartItemIdentifier
|
|
|
7
7
|
export type AxisInteractionData = {
|
|
8
8
|
x: null | {
|
|
9
9
|
value: number | Date | string;
|
|
10
|
-
index
|
|
10
|
+
index: number;
|
|
11
11
|
};
|
|
12
12
|
y: null | {
|
|
13
13
|
value: number | Date | string;
|
|
14
|
-
index
|
|
14
|
+
index: number;
|
|
15
15
|
};
|
|
16
16
|
};
|
|
17
17
|
type InteractionActions<T extends ChartSeriesType = ChartSeriesType> = {
|
|
@@ -1,17 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.InteractionContext = void 0;
|
|
8
|
-
exports.InteractionProvider = InteractionProvider;
|
|
9
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
10
|
-
var React = _interopRequireWildcard(require("react"));
|
|
11
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
|
-
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); }
|
|
13
|
-
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; }
|
|
14
|
-
const InteractionContext = exports.InteractionContext = /*#__PURE__*/React.createContext({
|
|
1
|
+
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
4
|
+
export const InteractionContext = /*#__PURE__*/React.createContext({
|
|
15
5
|
item: null,
|
|
16
6
|
axis: {
|
|
17
7
|
x: null,
|
|
@@ -26,14 +16,14 @@ if (process.env.NODE_ENV !== 'production') {
|
|
|
26
16
|
const dataReducer = (prevState, action) => {
|
|
27
17
|
switch (action.type) {
|
|
28
18
|
case 'enterItem':
|
|
29
|
-
return (
|
|
19
|
+
return _extends({}, prevState, {
|
|
30
20
|
item: action.data
|
|
31
21
|
});
|
|
32
22
|
case 'exitChart':
|
|
33
23
|
if (prevState.item === null && prevState.axis.x === null && prevState.axis.y === null) {
|
|
34
24
|
return prevState;
|
|
35
25
|
}
|
|
36
|
-
return (
|
|
26
|
+
return _extends({}, prevState, {
|
|
37
27
|
axis: {
|
|
38
28
|
x: null,
|
|
39
29
|
y: null
|
|
@@ -41,7 +31,7 @@ const dataReducer = (prevState, action) => {
|
|
|
41
31
|
item: null
|
|
42
32
|
});
|
|
43
33
|
case 'updateVoronoiUsage':
|
|
44
|
-
return (
|
|
34
|
+
return _extends({}, prevState, {
|
|
45
35
|
useVoronoiInteraction: action.useVoronoiInteraction
|
|
46
36
|
});
|
|
47
37
|
case 'leaveItem':
|
|
@@ -49,14 +39,14 @@ const dataReducer = (prevState, action) => {
|
|
|
49
39
|
// The item is already something else
|
|
50
40
|
return prevState;
|
|
51
41
|
}
|
|
52
|
-
return (
|
|
42
|
+
return _extends({}, prevState, {
|
|
53
43
|
item: null
|
|
54
44
|
});
|
|
55
45
|
case 'updateAxis':
|
|
56
46
|
if (action.data.x === prevState.axis.x && action.data.y === prevState.axis.y) {
|
|
57
47
|
return prevState;
|
|
58
48
|
}
|
|
59
|
-
return (
|
|
49
|
+
return _extends({}, prevState, {
|
|
60
50
|
axis: action.data
|
|
61
51
|
});
|
|
62
52
|
default:
|
|
@@ -75,11 +65,12 @@ function InteractionProvider(props) {
|
|
|
75
65
|
},
|
|
76
66
|
useVoronoiInteraction: false
|
|
77
67
|
});
|
|
78
|
-
const value = React.useMemo(() => (
|
|
68
|
+
const value = React.useMemo(() => _extends({}, data, {
|
|
79
69
|
dispatch
|
|
80
70
|
}), [data]);
|
|
81
|
-
return /*#__PURE__*/(
|
|
71
|
+
return /*#__PURE__*/_jsx(InteractionContext.Provider, {
|
|
82
72
|
value: value,
|
|
83
73
|
children: children
|
|
84
74
|
});
|
|
85
|
-
}
|
|
75
|
+
}
|
|
76
|
+
export { InteractionProvider };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { CartesianChartSeriesType, ChartSeries, ChartSeriesType } from '../../models/seriesType/config';
|
|
2
|
-
import type { AxisConfig } from '../../models/axis';
|
|
2
|
+
import type { AxisConfig, AxisId } from '../../models/axis';
|
|
3
3
|
import type { SeriesId } from '../../models/seriesType/common';
|
|
4
4
|
export type ExtremumGettersConfig<T extends ChartSeriesType = CartesianChartSeriesType> = {
|
|
5
5
|
[K in T]?: ExtremumGetter<K>;
|
|
@@ -8,7 +8,17 @@ type ExtremumGetterParams<T extends ChartSeriesType> = {
|
|
|
8
8
|
series: Record<SeriesId, ChartSeries<T>>;
|
|
9
9
|
axis: AxisConfig;
|
|
10
10
|
isDefaultAxis: boolean;
|
|
11
|
+
getFilters?: (params: {
|
|
12
|
+
currentAxisId: AxisId | undefined;
|
|
13
|
+
seriesXAxisId?: AxisId;
|
|
14
|
+
seriesYAxisId?: AxisId;
|
|
15
|
+
isDefaultAxis: boolean;
|
|
16
|
+
}) => ExtremumFilter;
|
|
11
17
|
};
|
|
12
18
|
export type ExtremumGetterResult = [number, number];
|
|
13
19
|
export type ExtremumGetter<T extends ChartSeriesType> = (params: ExtremumGetterParams<T>) => ExtremumGetterResult;
|
|
20
|
+
export type ExtremumFilter = (value: {
|
|
21
|
+
x: number | Date | string | null;
|
|
22
|
+
y: number | Date | string | null;
|
|
23
|
+
}, dataIndex: number) => boolean;
|
|
14
24
|
export {};
|
|
@@ -1,13 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.PluginContext = void 0;
|
|
7
|
-
var React = _interopRequireWildcard(require("react"));
|
|
8
|
-
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); }
|
|
9
|
-
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; }
|
|
10
|
-
const PluginContext = exports.PluginContext = /*#__PURE__*/React.createContext({
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export const PluginContext = /*#__PURE__*/React.createContext({
|
|
11
3
|
isInitialized: false,
|
|
12
4
|
data: {
|
|
13
5
|
colorProcessors: {},
|
|
@@ -1,15 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
});
|
|
6
|
-
exports.PluginProvider = PluginProvider;
|
|
7
|
-
var React = _interopRequireWildcard(require("react"));
|
|
8
|
-
var _PluginContext = require("./PluginContext");
|
|
9
|
-
var _mergePlugins = require("./mergePlugins");
|
|
10
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
-
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); }
|
|
12
|
-
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 { PluginContext } from './PluginContext';
|
|
3
|
+
import { mergePlugins } from './mergePlugins';
|
|
4
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
5
|
function PluginProvider(props) {
|
|
14
6
|
const {
|
|
15
7
|
children,
|
|
@@ -17,10 +9,11 @@ function PluginProvider(props) {
|
|
|
17
9
|
} = props;
|
|
18
10
|
const formattedSeries = React.useMemo(() => ({
|
|
19
11
|
isInitialized: true,
|
|
20
|
-
data:
|
|
12
|
+
data: mergePlugins(plugins)
|
|
21
13
|
}), [plugins]);
|
|
22
|
-
return /*#__PURE__*/(
|
|
14
|
+
return /*#__PURE__*/_jsx(PluginContext.Provider, {
|
|
23
15
|
value: formattedSeries,
|
|
24
16
|
children: children
|
|
25
17
|
});
|
|
26
|
-
}
|
|
18
|
+
}
|
|
19
|
+
export { PluginProvider };
|