@mui/x-charts 7.14.0 → 7.15.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/BarChart/BarChart.js +180 -183
- package/BarChart/BarClipPath.js +17 -25
- package/BarChart/BarElement.js +33 -43
- package/BarChart/BarLabel/BarLabel.d.ts +1 -1
- package/BarChart/BarLabel/BarLabel.js +25 -34
- package/BarChart/BarLabel/BarLabel.types.js +1 -5
- package/BarChart/BarLabel/BarLabelItem.js +31 -39
- package/BarChart/BarLabel/BarLabelPlot.js +13 -21
- package/BarChart/BarLabel/barLabelClasses.d.ts +1 -1
- package/BarChart/BarLabel/barLabelClasses.js +9 -19
- package/BarChart/BarLabel/getBarLabel.js +2 -9
- package/BarChart/BarLabel/index.js +2 -25
- package/BarChart/BarPlot.js +36 -44
- package/BarChart/checkScaleErrors.js +6 -12
- package/BarChart/extremums.js +3 -11
- package/BarChart/formatter.js +9 -16
- package/BarChart/getColor.js +1 -7
- package/BarChart/getRadius.js +2 -9
- package/BarChart/index.js +4 -49
- package/BarChart/legend.js +3 -9
- package/BarChart/package.json +2 -2
- package/BarChart/plugin.js +8 -15
- package/BarChart/types.js +1 -5
- package/BarChart/useBarChartProps.js +17 -25
- package/CHANGELOG.md +69 -0
- package/ChartContainer/ChartContainer.js +164 -172
- package/ChartContainer/index.js +1 -16
- package/ChartContainer/package.json +2 -2
- package/ChartContainer/useChartContainerProps.d.ts +8 -8
- package/ChartContainer/useChartContainerProps.js +13 -23
- package/ChartContainer/useDefaultizeAxis.d.ts +4 -4
- package/ChartContainer/useDefaultizeAxis.js +8 -18
- package/ChartsAxis/ChartsAxis.js +24 -32
- package/ChartsAxis/axisClasses.js +4 -11
- package/ChartsAxis/index.js +2 -27
- package/ChartsAxis/package.json +2 -2
- package/ChartsAxisHighlight/ChartsAxisHighlight.js +34 -44
- package/ChartsAxisHighlight/index.js +1 -16
- package/ChartsAxisHighlight/package.json +2 -2
- package/ChartsClipPath/ChartsClipPath.js +17 -25
- package/ChartsClipPath/index.js +1 -16
- package/ChartsClipPath/package.json +2 -2
- package/ChartsGrid/ChartsGrid.d.ts +1 -1
- package/ChartsGrid/ChartsGrid.js +34 -42
- package/ChartsGrid/chartsGridClasses.js +5 -13
- package/ChartsGrid/index.js +2 -27
- package/ChartsGrid/package.json +2 -2
- package/ChartsLegend/ChartsLegend.js +33 -41
- package/ChartsLegend/ContinuousColorLegend.js +66 -73
- package/ChartsLegend/DefaultChartsLegend.js +38 -46
- package/ChartsLegend/LegendPerItem.js +30 -39
- package/ChartsLegend/PiecewiseColorLegend.js +36 -44
- package/ChartsLegend/chartsLegend.types.js +1 -5
- package/ChartsLegend/chartsLegendClasses.js +4 -11
- package/ChartsLegend/index.js +6 -71
- package/ChartsLegend/legend.types.js +1 -5
- package/ChartsLegend/legendItemsPlacement.js +6 -13
- package/ChartsLegend/package.json +2 -2
- package/ChartsLegend/useAxis.js +6 -14
- package/ChartsLegend/utils.js +9 -16
- package/ChartsOnAxisClickHandler/ChartsOnAxisClickHandler.js +15 -23
- package/ChartsOnAxisClickHandler/index.js +1 -16
- package/ChartsOnAxisClickHandler/package.json +2 -2
- package/ChartsOverlay/ChartsLoadingOverlay.js +12 -21
- package/ChartsOverlay/ChartsNoDataOverlay.js +12 -21
- package/ChartsOverlay/ChartsOverlay.js +13 -23
- package/ChartsOverlay/index.js +3 -26
- package/ChartsOverlay/package.json +2 -2
- package/ChartsReferenceLine/ChartsReferenceLine.js +21 -29
- package/ChartsReferenceLine/ChartsXReferenceLine.js +22 -31
- package/ChartsReferenceLine/ChartsYReferenceLine.js +22 -31
- package/ChartsReferenceLine/chartsReferenceLineClasses.js +5 -13
- package/ChartsReferenceLine/common.js +6 -13
- package/ChartsReferenceLine/index.js +2 -27
- package/ChartsReferenceLine/package.json +2 -2
- package/{modern → ChartsSurface}/ChartsSurface.js +7 -3
- package/ChartsSurface/index.d.ts +1 -0
- package/ChartsSurface/index.js +1 -0
- package/ChartsSurface/package.json +6 -0
- package/ChartsText/ChartsText.js +18 -26
- package/ChartsText/index.js +1 -12
- package/ChartsText/package.json +2 -2
- package/ChartsTooltip/ChartsAxisTooltipContent.js +22 -30
- package/ChartsTooltip/ChartsItemTooltipContent.js +18 -26
- package/ChartsTooltip/ChartsTooltip.js +34 -42
- package/ChartsTooltip/ChartsTooltipTable.js +11 -16
- package/ChartsTooltip/DefaultChartsAxisTooltipContent.js +44 -52
- package/ChartsTooltip/DefaultChartsItemTooltipContent.js +32 -40
- package/ChartsTooltip/chartsTooltipClasses.js +4 -11
- package/ChartsTooltip/index.js +7 -82
- package/ChartsTooltip/package.json +2 -2
- package/ChartsTooltip/utils.js +9 -21
- package/ChartsVoronoiHandler/ChartsVoronoiHandler.js +29 -37
- package/ChartsVoronoiHandler/index.js +1 -16
- package/ChartsVoronoiHandler/package.json +2 -2
- package/ChartsXAxis/ChartsXAxis.js +76 -84
- package/ChartsXAxis/index.js +1 -16
- package/ChartsXAxis/package.json +2 -2
- package/ChartsYAxis/ChartsYAxis.js +70 -77
- package/ChartsYAxis/index.js +1 -16
- package/ChartsYAxis/package.json +2 -2
- package/Gauge/Gauge.js +52 -60
- package/Gauge/GaugeContainer.js +51 -59
- package/Gauge/GaugeProvider.js +17 -28
- package/Gauge/GaugeReferenceArc.js +11 -20
- package/Gauge/GaugeValueArc.js +11 -20
- package/Gauge/GaugeValueText.js +18 -26
- package/Gauge/gaugeClasses.js +6 -14
- package/Gauge/index.js +7 -87
- package/Gauge/package.json +2 -2
- package/Gauge/utils.js +2 -9
- package/LineChart/AnimatedArea.js +35 -44
- package/LineChart/AnimatedLine.js +36 -45
- package/LineChart/AreaElement.js +33 -43
- package/LineChart/AreaPlot.js +30 -38
- package/LineChart/LineChart.js +185 -188
- package/LineChart/LineElement.js +33 -43
- package/LineChart/LineHighlightElement.js +20 -30
- package/LineChart/LineHighlightPlot.js +28 -36
- package/LineChart/LinePlot.js +30 -38
- package/LineChart/MarkElement.js +40 -48
- package/LineChart/MarkPlot.js +33 -41
- package/LineChart/extremums.js +3 -11
- package/LineChart/formatter.js +9 -16
- package/LineChart/getColor.js +1 -7
- package/LineChart/index.js +11 -126
- package/LineChart/legend.js +3 -9
- package/LineChart/package.json +2 -2
- package/LineChart/plugin.js +8 -15
- package/LineChart/useLineChartProps.js +14 -22
- package/PieChart/PieArc.js +34 -44
- package/PieChart/PieArcLabel.js +30 -40
- package/PieChart/PieArcLabelPlot.js +59 -67
- package/PieChart/PieArcPlot.js +56 -64
- package/PieChart/PieChart.js +180 -183
- package/PieChart/PiePlot.js +29 -37
- package/PieChart/dataTransform/transition.js +2 -8
- package/PieChart/dataTransform/useTransformData.js +7 -16
- package/PieChart/formatter.js +10 -17
- package/PieChart/getColor.js +1 -7
- package/PieChart/getPieCoordinates.js +4 -10
- package/PieChart/index.js +7 -82
- package/PieChart/legend.js +3 -9
- package/PieChart/package.json +2 -2
- package/PieChart/plugin.js +5 -12
- package/ResponsiveChartContainer/ResizableContainer.js +2 -8
- package/ResponsiveChartContainer/ResponsiveChartContainer.js +151 -159
- package/ResponsiveChartContainer/index.js +1 -16
- package/ResponsiveChartContainer/package.json +2 -2
- package/ResponsiveChartContainer/useChartContainerDimensions.js +7 -17
- package/ResponsiveChartContainer/useResponsiveChartContainerProps.js +8 -16
- package/ScatterChart/Scatter.js +26 -34
- package/ScatterChart/ScatterChart.js +198 -201
- package/ScatterChart/ScatterPlot.js +21 -29
- package/ScatterChart/extremums.js +3 -11
- package/ScatterChart/formatter.js +3 -9
- package/ScatterChart/getColor.js +1 -7
- package/ScatterChart/index.js +3 -38
- package/ScatterChart/legend.js +3 -9
- package/ScatterChart/package.json +2 -2
- package/ScatterChart/plugin.js +8 -15
- package/ScatterChart/useScatterChartProps.js +10 -18
- package/SparkLineChart/SparkLineChart.js +163 -171
- package/SparkLineChart/index.js +1 -16
- package/SparkLineChart/package.json +2 -2
- package/colorPalettes/colorPalettes.js +9 -18
- package/colorPalettes/index.js +1 -16
- package/colorPalettes/package.json +2 -2
- package/constants/package.json +6 -0
- package/context/CartesianProvider/Cartesian.types.js +1 -5
- package/context/CartesianProvider/CartesianContext.js +2 -10
- package/context/CartesianProvider/CartesianProvider.js +17 -24
- package/context/CartesianProvider/computeValue.js +28 -35
- package/context/CartesianProvider/defaultizeAxis.d.ts +4 -4
- package/context/CartesianProvider/defaultizeAxis.js +6 -14
- package/context/CartesianProvider/getAxisExtremum.js +2 -9
- package/context/CartesianProvider/index.js +8 -60
- package/context/CartesianProvider/useCartesianContext.js +5 -14
- package/context/CartesianProvider/zoom.js +2 -9
- package/context/DrawingProvider.js +13 -24
- package/context/HighlightedProvider/HighlightedContext.js +2 -9
- package/context/HighlightedProvider/HighlightedProvider.js +24 -32
- package/context/HighlightedProvider/createIsFaded.js +2 -9
- package/context/HighlightedProvider/createIsHighlighted.js +2 -9
- package/context/HighlightedProvider/index.js +4 -49
- package/context/HighlightedProvider/useHighlighted.js +4 -11
- package/context/HighlightedProvider/useItemHighlighted.js +3 -9
- package/context/InteractionProvider.d.ts +2 -2
- package/context/InteractionProvider.js +13 -22
- package/context/PluginProvider/ColorProcessor.types.js +1 -5
- package/context/PluginProvider/ExtremumGetter.types.js +1 -5
- package/context/PluginProvider/Plugin.types.js +1 -5
- package/context/PluginProvider/PluginContext.js +2 -10
- package/context/PluginProvider/PluginProvider.js +8 -15
- package/context/PluginProvider/SeriesFormatter.types.js +1 -5
- package/context/PluginProvider/index.js +10 -115
- package/context/PluginProvider/mergePlugins.d.ts +6 -6
- package/context/PluginProvider/mergePlugins.js +6 -13
- package/context/PluginProvider/useColorProcessor.js +4 -12
- package/context/PluginProvider/useSeriesFormatter.js +4 -12
- package/context/PluginProvider/useXExtremumGetter.js +4 -12
- package/context/PluginProvider/useYExtremumGetter.js +4 -12
- package/context/SeriesProvider/Series.types.js +1 -5
- package/context/SeriesProvider/SeriesContext.js +2 -10
- package/context/SeriesProvider/SeriesProvider.js +14 -21
- package/context/SeriesProvider/index.js +7 -48
- package/context/SeriesProvider/processSeries.js +6 -14
- package/context/ZAxisContextProvider.js +36 -45
- package/context/context.types.js +1 -5
- package/context/index.js +2 -27
- package/context/package.json +2 -2
- package/hooks/index.js +7 -115
- package/hooks/package.json +2 -2
- package/hooks/useAxis.js +5 -12
- package/hooks/useAxisEvents.js +17 -25
- package/hooks/useChartDimensions.js +5 -14
- package/hooks/useChartId.js +4 -12
- package/hooks/useColorScale.js +9 -19
- package/hooks/useDrawingArea.js +4 -12
- package/hooks/useInteractionItemProps.js +7 -16
- package/hooks/useMounted.js +4 -13
- package/hooks/useReducedMotion.js +6 -12
- package/hooks/useScale.js +8 -15
- package/hooks/useSeries.js +8 -19
- package/hooks/useSvgRef.js +4 -12
- package/hooks/useTicks.js +7 -16
- package/index.js +27 -292
- package/internals/SlotComponentPropsFromProps.js +1 -5
- package/internals/cleanId.js +1 -7
- package/internals/colorScale.js +8 -16
- package/internals/components/AxisSharedComponents.js +8 -15
- package/internals/components/ChartsAxesGradients/ChartsAxesGradients.js +17 -27
- package/internals/components/ChartsAxesGradients/ChartsContinuousGradient.js +7 -15
- package/internals/components/ChartsAxesGradients/ChartsPiecewiseGradient.js +7 -15
- package/internals/components/ChartsAxesGradients/index.js +1 -16
- package/internals/configInit.js +1 -7
- package/internals/defaultizeColor.d.ts +16 -16
- package/internals/defaultizeColor.js +5 -12
- package/internals/defaultizeValueFormatter.js +3 -10
- package/internals/domUtils.js +6 -16
- package/internals/geometry.js +1 -7
- package/internals/getCurve.js +11 -17
- package/internals/getLabel.js +1 -7
- package/internals/getPercentageValue.js +1 -7
- package/internals/getSVGPoint.js +1 -7
- package/internals/getScale.js +8 -14
- package/internals/getSymbol.js +1 -7
- package/internals/getWordsByLines.js +5 -12
- package/internals/index.d.ts +1 -0
- package/internals/index.js +40 -322
- package/internals/isBandScale.js +1 -7
- package/internals/isCartesian.js +4 -11
- package/internals/isDefined.js +1 -7
- package/internals/isInfinity.js +1 -7
- package/internals/notNull.js +1 -7
- package/internals/package.json +2 -2
- package/internals/stackSeries.js +16 -23
- package/internals/ts-generic.js +1 -5
- package/internals/useAnimatedPath.d.ts +1 -1
- package/internals/useAnimatedPath.js +21 -26
- package/internals/warning.js +2 -9
- package/models/axis.js +2 -9
- package/models/colorMapping.js +1 -5
- package/models/helpers.js +1 -5
- package/models/index.js +4 -38
- package/models/layout.js +1 -5
- package/models/package.json +2 -2
- package/models/seriesType/bar.js +1 -5
- package/models/seriesType/common.js +1 -5
- package/models/seriesType/config.js +1 -5
- package/models/seriesType/index.js +6 -61
- package/models/seriesType/line.js +1 -5
- package/models/seriesType/pie.js +1 -5
- package/models/seriesType/scatter.js +1 -5
- package/models/stacking.js +1 -5
- package/models/z-axis.js +1 -5
- package/modern/BarChart/BarChart.js +6 -1
- package/modern/BarChart/BarLabel/BarLabel.js +4 -4
- package/modern/ChartsGrid/ChartsGrid.js +6 -6
- package/modern/ChartsLegend/ContinuousColorLegend.js +3 -2
- package/modern/ChartsLegend/LegendPerItem.js +5 -4
- package/{esm → modern/ChartsSurface}/ChartsSurface.js +7 -3
- package/modern/ChartsSurface/index.js +1 -0
- package/modern/ChartsTooltip/ChartsAxisTooltipContent.js +1 -1
- package/modern/ChartsYAxis/ChartsYAxis.js +3 -2
- package/modern/LineChart/LineChart.js +6 -1
- package/modern/LineChart/MarkElement.js +4 -2
- package/modern/PieChart/PieChart.js +10 -5
- package/modern/ScatterChart/ScatterChart.js +6 -1
- package/modern/hooks/useAxisEvents.js +2 -1
- package/modern/index.js +1 -1
- package/modern/internals/index.js +1 -0
- package/modern/internals/useAnimatedPath.js +17 -13
- package/node/BarChart/BarChart.js +356 -0
- package/node/BarChart/BarClipPath.js +50 -0
- package/node/BarChart/BarElement.js +119 -0
- package/node/BarChart/BarLabel/BarLabel.js +60 -0
- package/node/BarChart/BarLabel/BarLabel.types.js +5 -0
- package/node/BarChart/BarLabel/BarLabelItem.js +127 -0
- package/node/BarChart/BarLabel/BarLabelPlot.js +83 -0
- package/node/BarChart/BarLabel/barLabelClasses.js +29 -0
- package/{esm → node}/BarChart/BarLabel/getBarLabel.js +9 -2
- package/node/BarChart/BarLabel/index.js +25 -0
- package/{esm → node}/BarChart/BarPlot.js +44 -36
- package/{esm → node}/BarChart/checkScaleErrors.js +12 -6
- package/{esm → node}/BarChart/extremums.js +11 -3
- package/{esm → node}/BarChart/formatter.js +16 -9
- package/{esm → node}/BarChart/getColor.js +7 -1
- package/{esm → node}/BarChart/getRadius.js +9 -2
- package/node/BarChart/index.js +49 -0
- package/{esm → node}/BarChart/legend.js +9 -3
- package/node/BarChart/plugin.js +17 -0
- package/node/BarChart/types.js +5 -0
- package/{esm → node}/BarChart/useBarChartProps.js +25 -17
- package/node/ChartContainer/ChartContainer.js +258 -0
- package/node/ChartContainer/index.js +16 -0
- package/node/ChartContainer/useChartContainerProps.js +92 -0
- package/node/ChartContainer/useDefaultizeAxis.js +40 -0
- package/{esm → node}/ChartsAxis/ChartsAxis.js +32 -24
- package/node/ChartsAxis/axisClasses.js +12 -0
- package/node/ChartsAxis/index.js +27 -0
- package/{esm → node}/ChartsAxisHighlight/ChartsAxisHighlight.js +44 -34
- package/node/ChartsAxisHighlight/index.js +16 -0
- package/node/ChartsClipPath/ChartsClipPath.js +59 -0
- package/node/ChartsClipPath/index.js +16 -0
- package/node/ChartsGrid/ChartsGrid.js +141 -0
- package/node/ChartsGrid/chartsGridClasses.js +14 -0
- package/node/ChartsGrid/index.js +27 -0
- package/node/ChartsLegend/ChartsLegend.js +114 -0
- package/{esm → node}/ChartsLegend/ContinuousColorLegend.js +74 -65
- package/node/ChartsLegend/DefaultChartsLegend.js +105 -0
- package/{esm → node}/ChartsLegend/LegendPerItem.js +40 -29
- package/{esm → node}/ChartsLegend/PiecewiseColorLegend.js +44 -36
- package/node/ChartsLegend/chartsLegend.types.js +5 -0
- package/node/ChartsLegend/chartsLegendClasses.js +12 -0
- package/node/ChartsLegend/index.js +71 -0
- package/node/ChartsLegend/legend.types.js +5 -0
- package/{esm → node}/ChartsLegend/legendItemsPlacement.js +13 -6
- package/node/ChartsLegend/useAxis.js +47 -0
- package/node/ChartsLegend/utils.js +23 -0
- package/{esm → node}/ChartsOnAxisClickHandler/ChartsOnAxisClickHandler.js +23 -15
- package/node/ChartsOnAxisClickHandler/index.js +16 -0
- package/node/ChartsOverlay/ChartsLoadingOverlay.js +43 -0
- package/node/ChartsOverlay/ChartsNoDataOverlay.js +43 -0
- package/node/ChartsOverlay/ChartsOverlay.js +41 -0
- package/node/ChartsOverlay/index.js +26 -0
- package/node/ChartsReferenceLine/ChartsReferenceLine.js +82 -0
- package/node/ChartsReferenceLine/ChartsXReferenceLine.js +109 -0
- package/node/ChartsReferenceLine/ChartsYReferenceLine.js +109 -0
- package/node/ChartsReferenceLine/chartsReferenceLineClasses.js +14 -0
- package/node/ChartsReferenceLine/common.js +27 -0
- package/node/ChartsReferenceLine/index.js +27 -0
- package/{ChartsSurface.js → node/ChartsSurface/ChartsSurface.js} +6 -2
- package/node/ChartsSurface/index.js +16 -0
- package/{esm → node}/ChartsText/ChartsText.js +26 -18
- package/node/ChartsText/index.js +12 -0
- package/node/ChartsTooltip/ChartsAxisTooltipContent.js +88 -0
- package/node/ChartsTooltip/ChartsItemTooltipContent.js +60 -0
- package/node/ChartsTooltip/ChartsTooltip.js +162 -0
- package/{esm → node}/ChartsTooltip/ChartsTooltipTable.js +16 -11
- package/node/ChartsTooltip/DefaultChartsAxisTooltipContent.js +129 -0
- package/node/ChartsTooltip/DefaultChartsItemTooltipContent.js +98 -0
- package/node/ChartsTooltip/chartsTooltipClasses.js +12 -0
- package/node/ChartsTooltip/index.js +82 -0
- package/{esm → node}/ChartsTooltip/utils.js +21 -9
- package/{esm → node}/ChartsVoronoiHandler/ChartsVoronoiHandler.js +37 -29
- package/node/ChartsVoronoiHandler/index.js +16 -0
- package/{esm → node}/ChartsXAxis/ChartsXAxis.js +84 -76
- package/node/ChartsXAxis/index.js +16 -0
- package/{esm → node}/ChartsYAxis/ChartsYAxis.js +78 -69
- package/node/ChartsYAxis/index.js +16 -0
- package/node/Gauge/Gauge.js +157 -0
- package/{esm → node}/Gauge/GaugeContainer.js +59 -51
- package/node/Gauge/GaugeProvider.js +99 -0
- package/node/Gauge/GaugeReferenceArc.js +44 -0
- package/node/Gauge/GaugeValueArc.js +51 -0
- package/node/Gauge/GaugeValueText.js +77 -0
- package/node/Gauge/gaugeClasses.js +15 -0
- package/node/Gauge/index.js +87 -0
- package/{esm → node}/Gauge/utils.js +9 -2
- package/node/LineChart/AnimatedArea.js +112 -0
- package/node/LineChart/AnimatedLine.js +115 -0
- package/node/LineChart/AreaElement.js +119 -0
- package/{esm → node}/LineChart/AreaPlot.js +38 -30
- package/node/LineChart/LineChart.js +357 -0
- package/node/LineChart/LineElement.js +119 -0
- package/node/LineChart/LineHighlightElement.js +90 -0
- package/node/LineChart/LineHighlightPlot.js +126 -0
- package/{esm → node}/LineChart/LinePlot.js +38 -30
- package/node/LineChart/MarkElement.js +140 -0
- package/{esm → node}/LineChart/MarkPlot.js +41 -33
- package/{esm → node}/LineChart/extremums.js +11 -3
- package/{esm → node}/LineChart/formatter.js +16 -9
- package/{esm → node}/LineChart/getColor.js +7 -1
- package/node/LineChart/index.js +126 -0
- package/{esm → node}/LineChart/legend.js +9 -3
- package/node/LineChart/plugin.js +17 -0
- package/{esm → node}/LineChart/useLineChartProps.js +22 -14
- package/node/PieChart/PieArc.js +117 -0
- package/node/PieChart/PieArcLabel.js +117 -0
- package/node/PieChart/PieArcLabelPlot.js +202 -0
- package/node/PieChart/PieArcPlot.js +184 -0
- package/node/PieChart/PieChart.js +401 -0
- package/{esm → node}/PieChart/PiePlot.js +37 -29
- package/{esm → node}/PieChart/dataTransform/transition.js +8 -2
- package/{esm → node}/PieChart/dataTransform/useTransformData.js +16 -7
- package/node/PieChart/formatter.js +53 -0
- package/node/PieChart/getColor.js +12 -0
- package/node/PieChart/getPieCoordinates.js +25 -0
- package/node/PieChart/index.js +82 -0
- package/{esm → node}/PieChart/legend.js +9 -3
- package/node/PieChart/plugin.js +14 -0
- package/{esm → node}/ResponsiveChartContainer/ResizableContainer.js +8 -2
- package/node/ResponsiveChartContainer/ResponsiveChartContainer.js +233 -0
- package/node/ResponsiveChartContainer/index.js +16 -0
- package/{esm → node}/ResponsiveChartContainer/useChartContainerDimensions.js +17 -7
- package/{esm → node}/ResponsiveChartContainer/useResponsiveChartContainerProps.js +16 -8
- package/{esm → node}/ScatterChart/Scatter.js +34 -26
- package/node/ScatterChart/ScatterChart.js +363 -0
- package/node/ScatterChart/ScatterPlot.js +107 -0
- package/{esm → node}/ScatterChart/extremums.js +11 -3
- package/node/ScatterChart/formatter.js +17 -0
- package/{esm → node}/ScatterChart/getColor.js +7 -1
- package/node/ScatterChart/index.js +38 -0
- package/{esm → node}/ScatterChart/legend.js +9 -3
- package/node/ScatterChart/plugin.js +17 -0
- package/{esm → node}/ScatterChart/useScatterChartProps.js +18 -10
- package/node/SparkLineChart/SparkLineChart.js +356 -0
- package/node/SparkLineChart/index.js +16 -0
- package/node/colorPalettes/colorPalettes.js +18 -0
- package/node/colorPalettes/index.js +16 -0
- package/node/context/CartesianProvider/Cartesian.types.js +5 -0
- package/node/context/CartesianProvider/CartesianContext.js +21 -0
- package/node/context/CartesianProvider/CartesianProvider.js +54 -0
- package/{esm → node}/context/CartesianProvider/computeValue.js +35 -28
- package/node/context/CartesianProvider/defaultizeAxis.js +21 -0
- package/{esm → node}/context/CartesianProvider/getAxisExtremum.js +9 -2
- package/node/context/CartesianProvider/index.js +61 -0
- package/node/context/CartesianProvider/useCartesianContext.js +17 -0
- package/{esm → node}/context/CartesianProvider/zoom.js +9 -2
- package/node/context/DrawingProvider.js +87 -0
- package/node/context/HighlightedProvider/HighlightedContext.js +39 -0
- package/node/context/HighlightedProvider/HighlightedProvider.js +100 -0
- package/{esm → node}/context/HighlightedProvider/createIsFaded.js +9 -2
- package/{esm → node}/context/HighlightedProvider/createIsHighlighted.js +9 -2
- package/node/context/HighlightedProvider/index.js +49 -0
- package/node/context/HighlightedProvider/useHighlighted.js +27 -0
- package/{esm → node}/context/HighlightedProvider/useItemHighlighted.js +9 -3
- package/node/context/InteractionProvider.js +85 -0
- package/node/context/PluginProvider/ColorProcessor.types.js +5 -0
- package/node/context/PluginProvider/ExtremumGetter.types.js +5 -0
- package/node/context/PluginProvider/Plugin.types.js +5 -0
- package/node/context/PluginProvider/PluginContext.js +21 -0
- package/node/context/PluginProvider/PluginProvider.js +26 -0
- package/node/context/PluginProvider/SeriesFormatter.types.js +5 -0
- package/node/context/PluginProvider/index.js +115 -0
- package/{esm → node}/context/PluginProvider/mergePlugins.js +13 -6
- package/node/context/PluginProvider/useColorProcessor.js +23 -0
- package/node/context/PluginProvider/useSeriesFormatter.js +23 -0
- package/node/context/PluginProvider/useXExtremumGetter.js +23 -0
- package/node/context/PluginProvider/useYExtremumGetter.js +23 -0
- package/node/context/SeriesProvider/Series.types.js +5 -0
- package/node/context/SeriesProvider/SeriesContext.js +16 -0
- package/node/context/SeriesProvider/SeriesProvider.js +38 -0
- package/node/context/SeriesProvider/index.js +49 -0
- package/{esm → node}/context/SeriesProvider/processSeries.js +14 -6
- package/node/context/ZAxisContextProvider.js +103 -0
- package/node/context/context.types.js +5 -0
- package/node/context/index.js +27 -0
- package/node/hooks/index.js +115 -0
- package/node/hooks/useAxis.js +24 -0
- package/{esm → node}/hooks/useAxisEvents.js +26 -16
- package/node/hooks/useChartDimensions.js +25 -0
- package/node/hooks/useChartId.js +16 -0
- package/node/hooks/useColorScale.js +37 -0
- package/node/hooks/useDrawingArea.js +30 -0
- package/node/hooks/useInteractionItemProps.js +55 -0
- package/node/hooks/useMounted.js +25 -0
- package/{esm → node}/hooks/useReducedMotion.js +12 -6
- package/node/hooks/useScale.js +30 -0
- package/{esm → node}/hooks/useSeries.js +19 -8
- package/node/hooks/useSvgRef.js +20 -0
- package/{esm → node}/hooks/useTicks.js +16 -7
- package/node/index.js +298 -0
- package/node/internals/SlotComponentPropsFromProps.js +5 -0
- package/node/internals/cleanId.js +12 -0
- package/node/internals/colorScale.js +24 -0
- package/node/internals/components/AxisSharedComponents.js +33 -0
- package/node/internals/components/ChartsAxesGradients/ChartsAxesGradients.js +105 -0
- package/node/internals/components/ChartsAxesGradients/ChartsContinuousGradient.js +64 -0
- package/node/internals/components/ChartsAxesGradients/ChartsPiecewiseGradient.js +48 -0
- package/node/internals/components/ChartsAxesGradients/index.js +16 -0
- package/{esm → node}/internals/configInit.js +7 -1
- package/node/internals/defaultizeColor.js +21 -0
- package/node/internals/defaultizeValueFormatter.js +17 -0
- package/{esm → node}/internals/domUtils.js +16 -6
- package/{esm → node}/internals/geometry.js +7 -1
- package/node/internals/getCurve.js +45 -0
- package/node/internals/getLabel.js +9 -0
- package/{esm → node}/internals/getPercentageValue.js +7 -1
- package/{esm → node}/internals/getSVGPoint.js +7 -1
- package/node/internals/getScale.js +23 -0
- package/{esm → node}/internals/getSymbol.js +7 -1
- package/node/internals/getWordsByLines.js +21 -0
- package/node/internals/index.js +335 -0
- package/node/internals/isBandScale.js +9 -0
- package/node/internals/isCartesian.js +14 -0
- package/node/internals/isDefined.js +9 -0
- package/node/internals/isInfinity.js +9 -0
- package/node/internals/notNull.js +9 -0
- package/{esm → node}/internals/stackSeries.js +23 -16
- package/node/internals/ts-generic.js +5 -0
- package/node/internals/useAnimatedPath.js +42 -0
- package/{esm → node}/internals/warning.js +9 -2
- package/node/models/axis.js +18 -0
- package/node/models/colorMapping.js +5 -0
- package/node/models/helpers.js +5 -0
- package/node/models/index.js +38 -0
- package/node/models/layout.js +5 -0
- package/node/models/seriesType/bar.js +5 -0
- package/node/models/seriesType/common.js +5 -0
- package/node/models/seriesType/config.js +5 -0
- package/node/models/seriesType/index.js +71 -0
- package/node/models/seriesType/line.js +5 -0
- package/node/models/seriesType/pie.js +5 -0
- package/node/models/seriesType/scatter.js +5 -0
- package/node/models/stacking.js +5 -0
- package/node/models/z-axis.js +5 -0
- package/{esm → node}/tests/firePointerEvent.js +12 -5
- package/node/themeAugmentation/index.js +38 -0
- package/package.json +7 -7
- package/tests/firePointerEvent.js +5 -12
- package/themeAugmentation/components.d.ts +2 -12
- package/themeAugmentation/index.js +3 -38
- package/themeAugmentation/overrides.d.ts +6 -7
- package/themeAugmentation/package.json +2 -2
- package/themeAugmentation/props.d.ts +3 -14
- package/esm/BarChart/BarChart.js +0 -343
- package/esm/BarChart/BarClipPath.js +0 -42
- package/esm/BarChart/BarElement.js +0 -109
- package/esm/BarChart/BarLabel/BarLabel.js +0 -51
- package/esm/BarChart/BarLabel/BarLabel.types.js +0 -1
- package/esm/BarChart/BarLabel/BarLabelItem.js +0 -119
- package/esm/BarChart/BarLabel/BarLabelPlot.js +0 -75
- package/esm/BarChart/BarLabel/barLabelClasses.js +0 -19
- package/esm/BarChart/BarLabel/index.js +0 -2
- package/esm/BarChart/index.js +0 -4
- package/esm/BarChart/plugin.js +0 -10
- package/esm/BarChart/types.js +0 -1
- package/esm/ChartContainer/ChartContainer.js +0 -250
- package/esm/ChartContainer/index.js +0 -1
- package/esm/ChartContainer/useChartContainerProps.js +0 -82
- package/esm/ChartContainer/useDefaultizeAxis.js +0 -30
- package/esm/ChartsAxis/axisClasses.js +0 -5
- package/esm/ChartsAxis/index.js +0 -2
- package/esm/ChartsAxisHighlight/index.js +0 -1
- package/esm/ChartsClipPath/ChartsClipPath.js +0 -51
- package/esm/ChartsClipPath/index.js +0 -1
- package/esm/ChartsGrid/ChartsGrid.js +0 -133
- package/esm/ChartsGrid/chartsGridClasses.js +0 -6
- package/esm/ChartsGrid/index.js +0 -2
- package/esm/ChartsLegend/ChartsLegend.js +0 -106
- package/esm/ChartsLegend/DefaultChartsLegend.js +0 -97
- package/esm/ChartsLegend/chartsLegend.types.js +0 -1
- package/esm/ChartsLegend/chartsLegendClasses.js +0 -5
- package/esm/ChartsLegend/index.js +0 -6
- package/esm/ChartsLegend/legend.types.js +0 -1
- package/esm/ChartsLegend/useAxis.js +0 -39
- package/esm/ChartsLegend/utils.js +0 -16
- package/esm/ChartsOnAxisClickHandler/index.js +0 -1
- package/esm/ChartsOverlay/ChartsLoadingOverlay.js +0 -34
- package/esm/ChartsOverlay/ChartsNoDataOverlay.js +0 -34
- package/esm/ChartsOverlay/ChartsOverlay.js +0 -31
- package/esm/ChartsOverlay/index.js +0 -3
- package/esm/ChartsReferenceLine/ChartsReferenceLine.js +0 -74
- package/esm/ChartsReferenceLine/ChartsXReferenceLine.js +0 -100
- package/esm/ChartsReferenceLine/ChartsYReferenceLine.js +0 -100
- package/esm/ChartsReferenceLine/chartsReferenceLineClasses.js +0 -6
- package/esm/ChartsReferenceLine/common.js +0 -20
- package/esm/ChartsReferenceLine/index.js +0 -2
- package/esm/ChartsText/index.js +0 -1
- package/esm/ChartsTooltip/ChartsAxisTooltipContent.js +0 -80
- package/esm/ChartsTooltip/ChartsItemTooltipContent.js +0 -52
- package/esm/ChartsTooltip/ChartsTooltip.js +0 -154
- package/esm/ChartsTooltip/DefaultChartsAxisTooltipContent.js +0 -121
- package/esm/ChartsTooltip/DefaultChartsItemTooltipContent.js +0 -90
- package/esm/ChartsTooltip/chartsTooltipClasses.js +0 -5
- package/esm/ChartsTooltip/index.js +0 -7
- package/esm/ChartsVoronoiHandler/index.js +0 -1
- package/esm/ChartsXAxis/index.js +0 -1
- package/esm/ChartsYAxis/index.js +0 -1
- package/esm/Gauge/Gauge.js +0 -149
- package/esm/Gauge/GaugeProvider.js +0 -88
- package/esm/Gauge/GaugeReferenceArc.js +0 -35
- package/esm/Gauge/GaugeValueArc.js +0 -42
- package/esm/Gauge/GaugeValueText.js +0 -69
- package/esm/Gauge/gaugeClasses.js +0 -7
- package/esm/Gauge/index.js +0 -7
- package/esm/LineChart/AnimatedArea.js +0 -103
- package/esm/LineChart/AnimatedLine.js +0 -106
- package/esm/LineChart/AreaElement.js +0 -109
- package/esm/LineChart/LineChart.js +0 -344
- package/esm/LineChart/LineElement.js +0 -109
- package/esm/LineChart/LineHighlightElement.js +0 -80
- package/esm/LineChart/LineHighlightPlot.js +0 -118
- package/esm/LineChart/MarkElement.js +0 -128
- package/esm/LineChart/index.js +0 -11
- package/esm/LineChart/plugin.js +0 -10
- package/esm/PieChart/PieArc.js +0 -107
- package/esm/PieChart/PieArcLabel.js +0 -107
- package/esm/PieChart/PieArcLabelPlot.js +0 -194
- package/esm/PieChart/PieArcPlot.js +0 -176
- package/esm/PieChart/PieChart.js +0 -388
- package/esm/PieChart/formatter.js +0 -46
- package/esm/PieChart/getColor.js +0 -6
- package/esm/PieChart/getPieCoordinates.js +0 -19
- package/esm/PieChart/index.js +0 -7
- package/esm/PieChart/plugin.js +0 -7
- package/esm/ResponsiveChartContainer/ResponsiveChartContainer.js +0 -225
- package/esm/ResponsiveChartContainer/index.js +0 -1
- package/esm/ScatterChart/ScatterChart.js +0 -350
- package/esm/ScatterChart/ScatterPlot.js +0 -99
- package/esm/ScatterChart/formatter.js +0 -11
- package/esm/ScatterChart/index.js +0 -3
- package/esm/ScatterChart/plugin.js +0 -10
- package/esm/SparkLineChart/SparkLineChart.js +0 -348
- package/esm/SparkLineChart/index.js +0 -1
- package/esm/colorPalettes/colorPalettes.js +0 -9
- package/esm/colorPalettes/index.js +0 -1
- package/esm/context/CartesianProvider/Cartesian.types.js +0 -1
- package/esm/context/CartesianProvider/CartesianContext.js +0 -13
- package/esm/context/CartesianProvider/CartesianProvider.js +0 -47
- package/esm/context/CartesianProvider/defaultizeAxis.js +0 -13
- package/esm/context/CartesianProvider/index.js +0 -9
- package/esm/context/CartesianProvider/useCartesianContext.js +0 -8
- package/esm/context/DrawingProvider.js +0 -76
- package/esm/context/HighlightedProvider/HighlightedContext.js +0 -32
- package/esm/context/HighlightedProvider/HighlightedProvider.js +0 -92
- package/esm/context/HighlightedProvider/index.js +0 -4
- package/esm/context/HighlightedProvider/useHighlighted.js +0 -20
- package/esm/context/InteractionProvider.js +0 -76
- package/esm/context/PluginProvider/ColorProcessor.types.js +0 -1
- package/esm/context/PluginProvider/ExtremumGetter.types.js +0 -1
- package/esm/context/PluginProvider/Plugin.types.js +0 -1
- package/esm/context/PluginProvider/PluginContext.js +0 -13
- package/esm/context/PluginProvider/PluginProvider.js +0 -19
- package/esm/context/PluginProvider/SeriesFormatter.types.js +0 -1
- package/esm/context/PluginProvider/index.js +0 -10
- package/esm/context/PluginProvider/useColorProcessor.js +0 -15
- package/esm/context/PluginProvider/useSeriesFormatter.js +0 -15
- package/esm/context/PluginProvider/useXExtremumGetter.js +0 -15
- package/esm/context/PluginProvider/useYExtremumGetter.js +0 -15
- package/esm/context/SeriesProvider/Series.types.js +0 -1
- package/esm/context/SeriesProvider/SeriesContext.js +0 -8
- package/esm/context/SeriesProvider/SeriesProvider.js +0 -31
- package/esm/context/SeriesProvider/index.js +0 -8
- package/esm/context/ZAxisContextProvider.js +0 -94
- package/esm/context/context.types.js +0 -1
- package/esm/context/index.js +0 -2
- package/esm/hooks/index.js +0 -7
- package/esm/hooks/useAxis.js +0 -17
- package/esm/hooks/useChartDimensions.js +0 -16
- package/esm/hooks/useChartId.js +0 -8
- package/esm/hooks/useColorScale.js +0 -27
- package/esm/hooks/useDrawingArea.js +0 -22
- package/esm/hooks/useInteractionItemProps.js +0 -46
- package/esm/hooks/useMounted.js +0 -16
- package/esm/hooks/useScale.js +0 -23
- package/esm/hooks/useSvgRef.js +0 -12
- package/esm/index.js +0 -26
- package/esm/internals/SlotComponentPropsFromProps.js +0 -1
- package/esm/internals/cleanId.js +0 -6
- package/esm/internals/colorScale.js +0 -16
- package/esm/internals/components/AxisSharedComponents.js +0 -26
- package/esm/internals/components/ChartsAxesGradients/ChartsAxesGradients.js +0 -95
- package/esm/internals/components/ChartsAxesGradients/ChartsContinuousGradient.js +0 -56
- package/esm/internals/components/ChartsAxesGradients/ChartsPiecewiseGradient.js +0 -40
- package/esm/internals/components/ChartsAxesGradients/index.js +0 -1
- package/esm/internals/defaultizeColor.js +0 -14
- package/esm/internals/defaultizeValueFormatter.js +0 -10
- package/esm/internals/getCurve.js +0 -39
- package/esm/internals/getLabel.js +0 -3
- package/esm/internals/getScale.js +0 -17
- package/esm/internals/getWordsByLines.js +0 -14
- package/esm/internals/index.js +0 -40
- package/esm/internals/isBandScale.js +0 -3
- package/esm/internals/isCartesian.js +0 -7
- package/esm/internals/isDefined.js +0 -3
- package/esm/internals/isInfinity.js +0 -3
- package/esm/internals/notNull.js +0 -3
- package/esm/internals/ts-generic.js +0 -1
- package/esm/internals/useAnimatedPath.js +0 -29
- package/esm/internals/useIsRTL.js +0 -5
- package/esm/models/axis.js +0 -11
- package/esm/models/colorMapping.js +0 -1
- package/esm/models/helpers.js +0 -1
- package/esm/models/index.js +0 -4
- package/esm/models/layout.js +0 -1
- package/esm/models/seriesType/bar.js +0 -1
- package/esm/models/seriesType/common.js +0 -1
- package/esm/models/seriesType/config.js +0 -1
- package/esm/models/seriesType/index.js +0 -16
- package/esm/models/seriesType/line.js +0 -1
- package/esm/models/seriesType/pie.js +0 -1
- package/esm/models/seriesType/scatter.js +0 -1
- package/esm/models/stacking.js +0 -1
- package/esm/models/z-axis.js +0 -1
- package/esm/themeAugmentation/index.js +0 -3
- package/internals/useIsRTL.d.ts +0 -1
- package/internals/useIsRTL.js +0 -12
- package/modern/internals/useIsRTL.js +0 -5
- /package/{ChartsSurface.d.ts → ChartsSurface/ChartsSurface.d.ts} +0 -0
- /package/{constants.d.ts → constants/index.d.ts} +0 -0
- /package/{esm/constants.js → constants/index.js} +0 -0
- /package/modern/{constants.js → constants/index.js} +0 -0
- /package/{constants.js → node/constants/index.js} +0 -0
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.getPieCoordinates = getPieCoordinates;
|
|
7
|
+
var _getPercentageValue = require("../internals/getPercentageValue");
|
|
8
|
+
function getPieCoordinates(series, drawing) {
|
|
9
|
+
const {
|
|
10
|
+
height,
|
|
11
|
+
width
|
|
12
|
+
} = drawing;
|
|
13
|
+
const {
|
|
14
|
+
cx: cxParam,
|
|
15
|
+
cy: cyParam
|
|
16
|
+
} = series;
|
|
17
|
+
const availableRadius = Math.min(width, height) / 2;
|
|
18
|
+
const cx = (0, _getPercentageValue.getPercentageValue)(cxParam ?? '50%', width);
|
|
19
|
+
const cy = (0, _getPercentageValue.getPercentageValue)(cyParam ?? '50%', height);
|
|
20
|
+
return {
|
|
21
|
+
cx,
|
|
22
|
+
cy,
|
|
23
|
+
availableRadius
|
|
24
|
+
};
|
|
25
|
+
}
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
var _PieChart = require("./PieChart");
|
|
7
|
+
Object.keys(_PieChart).forEach(function (key) {
|
|
8
|
+
if (key === "default" || key === "__esModule") return;
|
|
9
|
+
if (key in exports && exports[key] === _PieChart[key]) return;
|
|
10
|
+
Object.defineProperty(exports, key, {
|
|
11
|
+
enumerable: true,
|
|
12
|
+
get: function () {
|
|
13
|
+
return _PieChart[key];
|
|
14
|
+
}
|
|
15
|
+
});
|
|
16
|
+
});
|
|
17
|
+
var _PiePlot = require("./PiePlot");
|
|
18
|
+
Object.keys(_PiePlot).forEach(function (key) {
|
|
19
|
+
if (key === "default" || key === "__esModule") return;
|
|
20
|
+
if (key in exports && exports[key] === _PiePlot[key]) return;
|
|
21
|
+
Object.defineProperty(exports, key, {
|
|
22
|
+
enumerable: true,
|
|
23
|
+
get: function () {
|
|
24
|
+
return _PiePlot[key];
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
});
|
|
28
|
+
var _PieArcPlot = require("./PieArcPlot");
|
|
29
|
+
Object.keys(_PieArcPlot).forEach(function (key) {
|
|
30
|
+
if (key === "default" || key === "__esModule") return;
|
|
31
|
+
if (key in exports && exports[key] === _PieArcPlot[key]) return;
|
|
32
|
+
Object.defineProperty(exports, key, {
|
|
33
|
+
enumerable: true,
|
|
34
|
+
get: function () {
|
|
35
|
+
return _PieArcPlot[key];
|
|
36
|
+
}
|
|
37
|
+
});
|
|
38
|
+
});
|
|
39
|
+
var _PieArcLabelPlot = require("./PieArcLabelPlot");
|
|
40
|
+
Object.keys(_PieArcLabelPlot).forEach(function (key) {
|
|
41
|
+
if (key === "default" || key === "__esModule") return;
|
|
42
|
+
if (key in exports && exports[key] === _PieArcLabelPlot[key]) return;
|
|
43
|
+
Object.defineProperty(exports, key, {
|
|
44
|
+
enumerable: true,
|
|
45
|
+
get: function () {
|
|
46
|
+
return _PieArcLabelPlot[key];
|
|
47
|
+
}
|
|
48
|
+
});
|
|
49
|
+
});
|
|
50
|
+
var _PieArc = require("./PieArc");
|
|
51
|
+
Object.keys(_PieArc).forEach(function (key) {
|
|
52
|
+
if (key === "default" || key === "__esModule") return;
|
|
53
|
+
if (key in exports && exports[key] === _PieArc[key]) return;
|
|
54
|
+
Object.defineProperty(exports, key, {
|
|
55
|
+
enumerable: true,
|
|
56
|
+
get: function () {
|
|
57
|
+
return _PieArc[key];
|
|
58
|
+
}
|
|
59
|
+
});
|
|
60
|
+
});
|
|
61
|
+
var _PieArcLabel = require("./PieArcLabel");
|
|
62
|
+
Object.keys(_PieArcLabel).forEach(function (key) {
|
|
63
|
+
if (key === "default" || key === "__esModule") return;
|
|
64
|
+
if (key in exports && exports[key] === _PieArcLabel[key]) return;
|
|
65
|
+
Object.defineProperty(exports, key, {
|
|
66
|
+
enumerable: true,
|
|
67
|
+
get: function () {
|
|
68
|
+
return _PieArcLabel[key];
|
|
69
|
+
}
|
|
70
|
+
});
|
|
71
|
+
});
|
|
72
|
+
var _getPieCoordinates = require("./getPieCoordinates");
|
|
73
|
+
Object.keys(_getPieCoordinates).forEach(function (key) {
|
|
74
|
+
if (key === "default" || key === "__esModule") return;
|
|
75
|
+
if (key in exports && exports[key] === _getPieCoordinates[key]) return;
|
|
76
|
+
Object.defineProperty(exports, key, {
|
|
77
|
+
enumerable: true,
|
|
78
|
+
get: function () {
|
|
79
|
+
return _getPieCoordinates[key];
|
|
80
|
+
}
|
|
81
|
+
});
|
|
82
|
+
});
|
|
@@ -1,4 +1,10 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _getLabel = require("../internals/getLabel");
|
|
2
8
|
const legendGetter = params => {
|
|
3
9
|
const {
|
|
4
10
|
seriesOrder,
|
|
@@ -6,7 +12,7 @@ const legendGetter = params => {
|
|
|
6
12
|
} = params;
|
|
7
13
|
return seriesOrder.reduce((acc, seriesId) => {
|
|
8
14
|
series[seriesId].data.forEach(item => {
|
|
9
|
-
const formattedLabel = getLabel(item.label, 'legend');
|
|
15
|
+
const formattedLabel = (0, _getLabel.getLabel)(item.label, 'legend');
|
|
10
16
|
if (formattedLabel === undefined) {
|
|
11
17
|
return;
|
|
12
18
|
}
|
|
@@ -19,4 +25,4 @@ const legendGetter = params => {
|
|
|
19
25
|
return acc;
|
|
20
26
|
}, []);
|
|
21
27
|
};
|
|
22
|
-
|
|
28
|
+
var _default = exports.default = legendGetter;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.plugin = void 0;
|
|
8
|
+
var _formatter = _interopRequireDefault(require("./formatter"));
|
|
9
|
+
var _getColor = _interopRequireDefault(require("./getColor"));
|
|
10
|
+
const plugin = exports.plugin = {
|
|
11
|
+
seriesType: 'pie',
|
|
12
|
+
colorProcessor: _getColor.default,
|
|
13
|
+
seriesFormatter: _formatter.default
|
|
14
|
+
};
|
|
@@ -1,10 +1,16 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.ResizableContainer = void 0;
|
|
7
|
+
var _styles = require("@mui/material/styles");
|
|
2
8
|
/**
|
|
3
9
|
* Wrapping div that take the shape of its parent.
|
|
4
10
|
*
|
|
5
11
|
* @ignore - do not document.
|
|
6
12
|
*/
|
|
7
|
-
|
|
13
|
+
const ResizableContainer = exports.ResizableContainer = (0, _styles.styled)('div', {
|
|
8
14
|
name: 'MuiResponsiveChart',
|
|
9
15
|
slot: 'Container'
|
|
10
16
|
})(({
|
|
@@ -0,0 +1,233 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.ResponsiveChartContainer = void 0;
|
|
8
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
|
+
var React = _interopRequireWildcard(require("react"));
|
|
10
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
+
var _ChartContainer = require("../ChartContainer");
|
|
12
|
+
var _ResizableContainer = require("./ResizableContainer");
|
|
13
|
+
var _useResponsiveChartContainerProps = require("./useResponsiveChartContainerProps");
|
|
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
|
+
const ResponsiveChartContainer = exports.ResponsiveChartContainer = /*#__PURE__*/React.forwardRef(function ResponsiveChartContainer(props, ref) {
|
|
18
|
+
const {
|
|
19
|
+
hasIntrinsicSize,
|
|
20
|
+
chartContainerProps,
|
|
21
|
+
resizableChartContainerProps
|
|
22
|
+
} = (0, _useResponsiveChartContainerProps.useResponsiveChartContainerProps)(props, ref);
|
|
23
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ResizableContainer.ResizableContainer, (0, _extends2.default)({}, resizableChartContainerProps, {
|
|
24
|
+
children: hasIntrinsicSize ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartContainer.ChartContainer, (0, _extends2.default)({}, chartContainerProps)) : null
|
|
25
|
+
}));
|
|
26
|
+
});
|
|
27
|
+
process.env.NODE_ENV !== "production" ? ResponsiveChartContainer.propTypes = {
|
|
28
|
+
// ----------------------------- Warning --------------------------------
|
|
29
|
+
// | These PropTypes are generated from the TypeScript type definitions |
|
|
30
|
+
// | To update them edit the TypeScript types and run "pnpm proptypes" |
|
|
31
|
+
// ----------------------------------------------------------------------
|
|
32
|
+
children: _propTypes.default.node,
|
|
33
|
+
className: _propTypes.default.string,
|
|
34
|
+
/**
|
|
35
|
+
* Color palette used to colorize multiple series.
|
|
36
|
+
* @default blueberryTwilightPalette
|
|
37
|
+
*/
|
|
38
|
+
colors: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string), _propTypes.default.func]),
|
|
39
|
+
/**
|
|
40
|
+
* An array of objects that can be used to populate series and axes data using their `dataKey` property.
|
|
41
|
+
*/
|
|
42
|
+
dataset: _propTypes.default.arrayOf(_propTypes.default.object),
|
|
43
|
+
desc: _propTypes.default.string,
|
|
44
|
+
/**
|
|
45
|
+
* If `true`, the charts will not listen to the mouse move event.
|
|
46
|
+
* It might break interactive features, but will improve performance.
|
|
47
|
+
* @default false
|
|
48
|
+
*/
|
|
49
|
+
disableAxisListener: _propTypes.default.bool,
|
|
50
|
+
/**
|
|
51
|
+
* The height of the chart in px. If not defined, it takes the height of the parent element.
|
|
52
|
+
*/
|
|
53
|
+
height: _propTypes.default.number,
|
|
54
|
+
/**
|
|
55
|
+
* The item currently highlighted. Turns highlighting into a controlled prop.
|
|
56
|
+
*/
|
|
57
|
+
highlightedItem: _propTypes.default.shape({
|
|
58
|
+
dataIndex: _propTypes.default.number,
|
|
59
|
+
seriesId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string])
|
|
60
|
+
}),
|
|
61
|
+
/**
|
|
62
|
+
* The margin between the SVG and the drawing area.
|
|
63
|
+
* It's used for leaving some space for extra information such as the x- and y-axis or legend.
|
|
64
|
+
* Accepts an object with the optional properties: `top`, `bottom`, `left`, and `right`.
|
|
65
|
+
* @default object Depends on the charts type.
|
|
66
|
+
*/
|
|
67
|
+
margin: _propTypes.default.shape({
|
|
68
|
+
bottom: _propTypes.default.number,
|
|
69
|
+
left: _propTypes.default.number,
|
|
70
|
+
right: _propTypes.default.number,
|
|
71
|
+
top: _propTypes.default.number
|
|
72
|
+
}),
|
|
73
|
+
/**
|
|
74
|
+
* The callback fired when the highlighted item changes.
|
|
75
|
+
*
|
|
76
|
+
* @param {HighlightItemData | null} highlightedItem The newly highlighted item.
|
|
77
|
+
*/
|
|
78
|
+
onHighlightChange: _propTypes.default.func,
|
|
79
|
+
/**
|
|
80
|
+
* An array of plugins defining how to preprocess data.
|
|
81
|
+
* If not provided, the container supports line, bar, scatter and pie charts.
|
|
82
|
+
*/
|
|
83
|
+
plugins: _propTypes.default.arrayOf(_propTypes.default.object),
|
|
84
|
+
/**
|
|
85
|
+
* The array of series to display.
|
|
86
|
+
* Each type of series has its own specificity.
|
|
87
|
+
* Please refer to the appropriate docs page to learn more about it.
|
|
88
|
+
*/
|
|
89
|
+
series: _propTypes.default.arrayOf(_propTypes.default.object).isRequired,
|
|
90
|
+
sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
|
|
91
|
+
title: _propTypes.default.string,
|
|
92
|
+
viewBox: _propTypes.default.shape({
|
|
93
|
+
height: _propTypes.default.number,
|
|
94
|
+
width: _propTypes.default.number,
|
|
95
|
+
x: _propTypes.default.number,
|
|
96
|
+
y: _propTypes.default.number
|
|
97
|
+
}),
|
|
98
|
+
/**
|
|
99
|
+
* The width of the chart in px. If not defined, it takes the width of the parent element.
|
|
100
|
+
*/
|
|
101
|
+
width: _propTypes.default.number,
|
|
102
|
+
/**
|
|
103
|
+
* The configuration of the x-axes.
|
|
104
|
+
* If not provided, a default axis config is used.
|
|
105
|
+
* An array of [[AxisConfig]] objects.
|
|
106
|
+
*/
|
|
107
|
+
xAxis: _propTypes.default.arrayOf(_propTypes.default.shape({
|
|
108
|
+
classes: _propTypes.default.object,
|
|
109
|
+
colorMap: _propTypes.default.oneOfType([_propTypes.default.shape({
|
|
110
|
+
colors: _propTypes.default.arrayOf(_propTypes.default.string).isRequired,
|
|
111
|
+
type: _propTypes.default.oneOf(['ordinal']).isRequired,
|
|
112
|
+
unknownColor: _propTypes.default.string,
|
|
113
|
+
values: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number, _propTypes.default.string]).isRequired)
|
|
114
|
+
}), _propTypes.default.shape({
|
|
115
|
+
color: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string.isRequired), _propTypes.default.func]).isRequired,
|
|
116
|
+
max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
|
|
117
|
+
min: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
|
|
118
|
+
type: _propTypes.default.oneOf(['continuous']).isRequired
|
|
119
|
+
}), _propTypes.default.shape({
|
|
120
|
+
colors: _propTypes.default.arrayOf(_propTypes.default.string).isRequired,
|
|
121
|
+
thresholds: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]).isRequired).isRequired,
|
|
122
|
+
type: _propTypes.default.oneOf(['piecewise']).isRequired
|
|
123
|
+
})]),
|
|
124
|
+
data: _propTypes.default.array,
|
|
125
|
+
dataKey: _propTypes.default.string,
|
|
126
|
+
disableLine: _propTypes.default.bool,
|
|
127
|
+
disableTicks: _propTypes.default.bool,
|
|
128
|
+
fill: _propTypes.default.string,
|
|
129
|
+
hideTooltip: _propTypes.default.bool,
|
|
130
|
+
id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
|
|
131
|
+
label: _propTypes.default.string,
|
|
132
|
+
labelFontSize: _propTypes.default.number,
|
|
133
|
+
labelStyle: _propTypes.default.object,
|
|
134
|
+
max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
|
|
135
|
+
min: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
|
|
136
|
+
position: _propTypes.default.oneOf(['bottom', 'top']),
|
|
137
|
+
reverse: _propTypes.default.bool,
|
|
138
|
+
scaleType: _propTypes.default.oneOf(['band', 'linear', 'log', 'point', 'pow', 'sqrt', 'time', 'utc']),
|
|
139
|
+
slotProps: _propTypes.default.object,
|
|
140
|
+
slots: _propTypes.default.object,
|
|
141
|
+
stroke: _propTypes.default.string,
|
|
142
|
+
sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
|
|
143
|
+
tickFontSize: _propTypes.default.number,
|
|
144
|
+
tickInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.array, _propTypes.default.func]),
|
|
145
|
+
tickLabelInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.func]),
|
|
146
|
+
tickLabelPlacement: _propTypes.default.oneOf(['middle', 'tick']),
|
|
147
|
+
tickLabelStyle: _propTypes.default.object,
|
|
148
|
+
tickMaxStep: _propTypes.default.number,
|
|
149
|
+
tickMinStep: _propTypes.default.number,
|
|
150
|
+
tickNumber: _propTypes.default.number,
|
|
151
|
+
tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
|
|
152
|
+
tickSize: _propTypes.default.number,
|
|
153
|
+
valueFormatter: _propTypes.default.func
|
|
154
|
+
})),
|
|
155
|
+
/**
|
|
156
|
+
* The configuration of the y-axes.
|
|
157
|
+
* If not provided, a default axis config is used.
|
|
158
|
+
* An array of [[AxisConfig]] objects.
|
|
159
|
+
*/
|
|
160
|
+
yAxis: _propTypes.default.arrayOf(_propTypes.default.shape({
|
|
161
|
+
classes: _propTypes.default.object,
|
|
162
|
+
colorMap: _propTypes.default.oneOfType([_propTypes.default.shape({
|
|
163
|
+
colors: _propTypes.default.arrayOf(_propTypes.default.string).isRequired,
|
|
164
|
+
type: _propTypes.default.oneOf(['ordinal']).isRequired,
|
|
165
|
+
unknownColor: _propTypes.default.string,
|
|
166
|
+
values: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number, _propTypes.default.string]).isRequired)
|
|
167
|
+
}), _propTypes.default.shape({
|
|
168
|
+
color: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string.isRequired), _propTypes.default.func]).isRequired,
|
|
169
|
+
max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
|
|
170
|
+
min: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
|
|
171
|
+
type: _propTypes.default.oneOf(['continuous']).isRequired
|
|
172
|
+
}), _propTypes.default.shape({
|
|
173
|
+
colors: _propTypes.default.arrayOf(_propTypes.default.string).isRequired,
|
|
174
|
+
thresholds: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]).isRequired).isRequired,
|
|
175
|
+
type: _propTypes.default.oneOf(['piecewise']).isRequired
|
|
176
|
+
})]),
|
|
177
|
+
data: _propTypes.default.array,
|
|
178
|
+
dataKey: _propTypes.default.string,
|
|
179
|
+
disableLine: _propTypes.default.bool,
|
|
180
|
+
disableTicks: _propTypes.default.bool,
|
|
181
|
+
fill: _propTypes.default.string,
|
|
182
|
+
hideTooltip: _propTypes.default.bool,
|
|
183
|
+
id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
|
|
184
|
+
label: _propTypes.default.string,
|
|
185
|
+
labelFontSize: _propTypes.default.number,
|
|
186
|
+
labelStyle: _propTypes.default.object,
|
|
187
|
+
max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
|
|
188
|
+
min: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
|
|
189
|
+
position: _propTypes.default.oneOf(['left', 'right']),
|
|
190
|
+
reverse: _propTypes.default.bool,
|
|
191
|
+
scaleType: _propTypes.default.oneOf(['band', 'linear', 'log', 'point', 'pow', 'sqrt', 'time', 'utc']),
|
|
192
|
+
slotProps: _propTypes.default.object,
|
|
193
|
+
slots: _propTypes.default.object,
|
|
194
|
+
stroke: _propTypes.default.string,
|
|
195
|
+
sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
|
|
196
|
+
tickFontSize: _propTypes.default.number,
|
|
197
|
+
tickInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.array, _propTypes.default.func]),
|
|
198
|
+
tickLabelInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.func]),
|
|
199
|
+
tickLabelPlacement: _propTypes.default.oneOf(['middle', 'tick']),
|
|
200
|
+
tickLabelStyle: _propTypes.default.object,
|
|
201
|
+
tickMaxStep: _propTypes.default.number,
|
|
202
|
+
tickMinStep: _propTypes.default.number,
|
|
203
|
+
tickNumber: _propTypes.default.number,
|
|
204
|
+
tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
|
|
205
|
+
tickSize: _propTypes.default.number,
|
|
206
|
+
valueFormatter: _propTypes.default.func
|
|
207
|
+
})),
|
|
208
|
+
/**
|
|
209
|
+
* The configuration of the z-axes.
|
|
210
|
+
*/
|
|
211
|
+
zAxis: _propTypes.default.arrayOf(_propTypes.default.shape({
|
|
212
|
+
colorMap: _propTypes.default.oneOfType([_propTypes.default.shape({
|
|
213
|
+
colors: _propTypes.default.arrayOf(_propTypes.default.string).isRequired,
|
|
214
|
+
type: _propTypes.default.oneOf(['ordinal']).isRequired,
|
|
215
|
+
unknownColor: _propTypes.default.string,
|
|
216
|
+
values: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number, _propTypes.default.string]).isRequired)
|
|
217
|
+
}), _propTypes.default.shape({
|
|
218
|
+
color: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string.isRequired), _propTypes.default.func]).isRequired,
|
|
219
|
+
max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
|
|
220
|
+
min: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
|
|
221
|
+
type: _propTypes.default.oneOf(['continuous']).isRequired
|
|
222
|
+
}), _propTypes.default.shape({
|
|
223
|
+
colors: _propTypes.default.arrayOf(_propTypes.default.string).isRequired,
|
|
224
|
+
thresholds: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]).isRequired).isRequired,
|
|
225
|
+
type: _propTypes.default.oneOf(['piecewise']).isRequired
|
|
226
|
+
})]),
|
|
227
|
+
data: _propTypes.default.array,
|
|
228
|
+
dataKey: _propTypes.default.string,
|
|
229
|
+
id: _propTypes.default.string,
|
|
230
|
+
max: _propTypes.default.number,
|
|
231
|
+
min: _propTypes.default.number
|
|
232
|
+
}))
|
|
233
|
+
} : void 0;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
var _ResponsiveChartContainer = require("./ResponsiveChartContainer");
|
|
7
|
+
Object.keys(_ResponsiveChartContainer).forEach(function (key) {
|
|
8
|
+
if (key === "default" || key === "__esModule") return;
|
|
9
|
+
if (key in exports && exports[key] === _ResponsiveChartContainer[key]) return;
|
|
10
|
+
Object.defineProperty(exports, key, {
|
|
11
|
+
enumerable: true,
|
|
12
|
+
get: function () {
|
|
13
|
+
return _ResponsiveChartContainer[key];
|
|
14
|
+
}
|
|
15
|
+
});
|
|
16
|
+
});
|
|
@@ -1,7 +1,16 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.useChartContainerDimensions = void 0;
|
|
8
|
+
var React = _interopRequireWildcard(require("react"));
|
|
9
|
+
var _useEnhancedEffect = _interopRequireDefault(require("@mui/utils/useEnhancedEffect"));
|
|
10
|
+
var _ownerWindow = _interopRequireDefault(require("@mui/utils/ownerWindow"));
|
|
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; }
|
|
13
|
+
const useChartContainerDimensions = (inWidth, inHeight) => {
|
|
5
14
|
const displayError = React.useRef(false);
|
|
6
15
|
const rootRef = React.useRef(null);
|
|
7
16
|
const [width, setWidth] = React.useState(0);
|
|
@@ -13,7 +22,7 @@ export const useChartContainerDimensions = (inWidth, inHeight) => {
|
|
|
13
22
|
if (!mainEl) {
|
|
14
23
|
return;
|
|
15
24
|
}
|
|
16
|
-
const win =
|
|
25
|
+
const win = (0, _ownerWindow.default)(mainEl);
|
|
17
26
|
const computedStyle = win.getComputedStyle(mainEl);
|
|
18
27
|
const newHeight = Math.floor(parseFloat(computedStyle.height)) || 0;
|
|
19
28
|
const newWidth = Math.floor(parseFloat(computedStyle.width)) || 0;
|
|
@@ -24,7 +33,7 @@ export const useChartContainerDimensions = (inWidth, inHeight) => {
|
|
|
24
33
|
// Ensure the error detection occurs after the first rendering.
|
|
25
34
|
displayError.current = true;
|
|
26
35
|
}, []);
|
|
27
|
-
|
|
36
|
+
(0, _useEnhancedEffect.default)(() => {
|
|
28
37
|
if (inWidth !== undefined && inHeight !== undefined) {
|
|
29
38
|
return () => {};
|
|
30
39
|
}
|
|
@@ -67,4 +76,5 @@ export const useChartContainerDimensions = (inWidth, inHeight) => {
|
|
|
67
76
|
width: inWidth ?? width,
|
|
68
77
|
height: inHeight ?? height
|
|
69
78
|
};
|
|
70
|
-
};
|
|
79
|
+
};
|
|
80
|
+
exports.useChartContainerDimensions = useChartContainerDimensions;
|
|
@@ -1,8 +1,15 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.useResponsiveChartContainerProps = void 0;
|
|
8
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
|
+
var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
|
|
10
|
+
var _useChartContainerDimensions = require("./useChartContainerDimensions");
|
|
3
11
|
const _excluded = ["width", "height", "margin", "children", "series", "colors", "dataset", "desc", "disableAxisListener", "highlightedItem", "onHighlightChange", "plugins", "sx", "title", "viewBox", "xAxis", "yAxis", "zAxis"];
|
|
4
|
-
|
|
5
|
-
export const useResponsiveChartContainerProps = (props, ref) => {
|
|
12
|
+
const useResponsiveChartContainerProps = (props, ref) => {
|
|
6
13
|
const {
|
|
7
14
|
width,
|
|
8
15
|
height,
|
|
@@ -23,13 +30,13 @@ export const useResponsiveChartContainerProps = (props, ref) => {
|
|
|
23
30
|
yAxis,
|
|
24
31
|
zAxis
|
|
25
32
|
} = props,
|
|
26
|
-
other =
|
|
33
|
+
other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
|
|
27
34
|
const {
|
|
28
35
|
containerRef,
|
|
29
36
|
width: dWidth,
|
|
30
37
|
height: dHeight
|
|
31
|
-
} = useChartContainerDimensions(width, height);
|
|
32
|
-
const resizableChartContainerProps =
|
|
38
|
+
} = (0, _useChartContainerDimensions.useChartContainerDimensions)(width, height);
|
|
39
|
+
const resizableChartContainerProps = (0, _extends2.default)({}, other, {
|
|
33
40
|
ownerState: {
|
|
34
41
|
width,
|
|
35
42
|
height
|
|
@@ -62,4 +69,5 @@ export const useResponsiveChartContainerProps = (props, ref) => {
|
|
|
62
69
|
chartContainerProps,
|
|
63
70
|
resizableChartContainerProps
|
|
64
71
|
};
|
|
65
|
-
};
|
|
72
|
+
};
|
|
73
|
+
exports.useResponsiveChartContainerProps = useResponsiveChartContainerProps;
|
|
@@ -1,12 +1,21 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.Scatter = Scatter;
|
|
8
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
|
+
var React = _interopRequireWildcard(require("react"));
|
|
10
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
+
var _useScale = require("../hooks/useScale");
|
|
12
|
+
var _useInteractionItemProps = require("../hooks/useInteractionItemProps");
|
|
13
|
+
var _InteractionProvider = require("../context/InteractionProvider");
|
|
14
|
+
var _context = require("../context");
|
|
15
|
+
var _useDrawingArea = require("../hooks/useDrawingArea");
|
|
16
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
17
|
+
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); }
|
|
18
|
+
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
19
|
/**
|
|
11
20
|
* Demos:
|
|
12
21
|
*
|
|
@@ -27,19 +36,19 @@ function Scatter(props) {
|
|
|
27
36
|
markerSize,
|
|
28
37
|
onItemClick
|
|
29
38
|
} = props;
|
|
30
|
-
const drawingArea = useDrawingArea();
|
|
39
|
+
const drawingArea = (0, _useDrawingArea.useDrawingArea)();
|
|
31
40
|
const {
|
|
32
41
|
useVoronoiInteraction
|
|
33
|
-
} = React.useContext(InteractionContext);
|
|
42
|
+
} = React.useContext(_InteractionProvider.InteractionContext);
|
|
34
43
|
const skipInteractionHandlers = useVoronoiInteraction || series.disableHover;
|
|
35
|
-
const getInteractionItemProps = useInteractionItemProps(skipInteractionHandlers);
|
|
44
|
+
const getInteractionItemProps = (0, _useInteractionItemProps.useInteractionItemProps)(skipInteractionHandlers);
|
|
36
45
|
const {
|
|
37
46
|
isFaded,
|
|
38
47
|
isHighlighted
|
|
39
|
-
} = useHighlighted();
|
|
48
|
+
} = (0, _context.useHighlighted)();
|
|
40
49
|
const cleanData = React.useMemo(() => {
|
|
41
|
-
const getXPosition = getValueToPositionMapper(xScale);
|
|
42
|
-
const getYPosition = getValueToPositionMapper(yScale);
|
|
50
|
+
const getXPosition = (0, _useScale.getValueToPositionMapper)(xScale);
|
|
51
|
+
const getYPosition = (0, _useScale.getValueToPositionMapper)(yScale);
|
|
43
52
|
const temp = [];
|
|
44
53
|
for (let i = 0; i < series.data.length; i += 1) {
|
|
45
54
|
const scatterPoint = series.data[i];
|
|
@@ -74,8 +83,8 @@ function Scatter(props) {
|
|
|
74
83
|
}
|
|
75
84
|
return temp;
|
|
76
85
|
}, [xScale, yScale, drawingArea, series.data, series.id, isHighlighted, isFaded, getInteractionItemProps, colorGetter, color]);
|
|
77
|
-
return /*#__PURE__*/
|
|
78
|
-
children: cleanData.map(dataPoint => /*#__PURE__*/
|
|
86
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
|
|
87
|
+
children: cleanData.map(dataPoint => /*#__PURE__*/(0, _jsxRuntime.jsx)("circle", (0, _extends2.default)({
|
|
79
88
|
cx: 0,
|
|
80
89
|
cy: 0,
|
|
81
90
|
r: (dataPoint.isHighlighted ? 1.2 : 1) * markerSize,
|
|
@@ -96,17 +105,16 @@ process.env.NODE_ENV !== "production" ? Scatter.propTypes = {
|
|
|
96
105
|
// | These PropTypes are generated from the TypeScript type definitions |
|
|
97
106
|
// | To update them edit the TypeScript types and run "pnpm proptypes" |
|
|
98
107
|
// ----------------------------------------------------------------------
|
|
99
|
-
color:
|
|
100
|
-
colorGetter:
|
|
101
|
-
markerSize:
|
|
108
|
+
color: _propTypes.default.string.isRequired,
|
|
109
|
+
colorGetter: _propTypes.default.func,
|
|
110
|
+
markerSize: _propTypes.default.number.isRequired,
|
|
102
111
|
/**
|
|
103
112
|
* Callback fired when clicking on a scatter item.
|
|
104
113
|
* @param {MouseEvent} event Mouse event recorded on the `<svg/>` element.
|
|
105
114
|
* @param {ScatterItemIdentifier} scatterItemIdentifier The scatter item identifier.
|
|
106
115
|
*/
|
|
107
|
-
onItemClick:
|
|
108
|
-
series:
|
|
109
|
-
xScale:
|
|
110
|
-
yScale:
|
|
111
|
-
} : void 0;
|
|
112
|
-
export { Scatter };
|
|
116
|
+
onItemClick: _propTypes.default.func,
|
|
117
|
+
series: _propTypes.default.object.isRequired,
|
|
118
|
+
xScale: _propTypes.default.func.isRequired,
|
|
119
|
+
yScale: _propTypes.default.func.isRequired
|
|
120
|
+
} : void 0;
|