@mui/x-charts 8.20.0 → 8.22.0

package/esm/PieChart/PiePlot.js

@@ -3,11 +3,8 @@
 import PropTypes from 'prop-types';
 import { PieArcPlot } from "./PieArcPlot.js";
 import { PieArcLabelPlot } from "./PieArcLabelPlot.js";
-import { getPercentageValue } from "../internals/getPercentageValue.js";
-import { getPieCoordinates } from "./getPieCoordinates.js";
-import { usePieSeriesContext } from "../hooks/usePieSeries.js";
+import { usePieSeriesContext, usePieSeriesLayout } from "../hooks/usePieSeries.js";
 import { useSkipAnimation } from "../hooks/useSkipAnimation.js";
-import { useDrawingArea } from "../hooks/index.js";
 import { useUtilityClasses } from "./pieClasses.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
@@ -28,12 +25,7 @@ function PiePlot(props) {
     onItemClick
   } = props;
   const seriesData = usePieSeriesContext();
-  const {
-    left,
-    top,
-    width,
-    height
-  } = useDrawingArea();
+  const seriesLayout = usePieSeriesLayout();
   const skipAnimation = useSkipAnimation(inSkipAnimation);
   const classes = useUtilityClasses();
   if (seriesData === undefined) {
@@ -46,36 +38,19 @@ function PiePlot(props) {
   return /*#__PURE__*/_jsxs("g", {
     children: [seriesOrder.map(seriesId => {
       const {
-        innerRadius: innerRadiusParam,
-        outerRadius: outerRadiusParam,
         cornerRadius,
         paddingAngle,
         data,
-        cx: cxParam,
-        cy: cyParam,
         highlighted,
         faded
       } = series[seriesId];
-      const {
-        cx,
-        cy,
-        availableRadius
-      } = getPieCoordinates({
-        cx: cxParam,
-        cy: cyParam
-      }, {
-        width,
-        height
-      });
-      const outerRadius = getPercentageValue(outerRadiusParam ?? availableRadius, availableRadius);
-      const innerRadius = getPercentageValue(innerRadiusParam ?? 0, availableRadius);
       return /*#__PURE__*/_jsx("g", {
         className: classes.series,
-        transform: `translate(${left + cx}, ${top + cy})`,
+        transform: `translate(${seriesLayout[seriesId].center.x}, ${seriesLayout[seriesId].center.y})`,
         "data-series": seriesId,
         children: /*#__PURE__*/_jsx(PieArcPlot, {
-          innerRadius: innerRadius,
-          outerRadius: outerRadius,
+          innerRadius: seriesLayout[seriesId].radius.inner,
+          outerRadius: seriesLayout[seriesId].radius.outer,
           cornerRadius: cornerRadius,
           paddingAngle: paddingAngle,
           id: seriesId,
@@ -90,39 +65,20 @@ function PiePlot(props) {
       }, seriesId);
     }), seriesOrder.map(seriesId => {
       const {
-        innerRadius: innerRadiusParam,
-        outerRadius: outerRadiusParam,
-        arcLabelRadius: arcLabelRadiusParam,
         cornerRadius,
         paddingAngle,
         arcLabel,
         arcLabelMinAngle,
-        data,
-        cx: cxParam,
-        cy: cyParam
+        data
       } = series[seriesId];
-      const {
-        cx,
-        cy,
-        availableRadius
-      } = getPieCoordinates({
-        cx: cxParam,
-        cy: cyParam
-      }, {
-        width,
-        height
-      });
-      const outerRadius = getPercentageValue(outerRadiusParam ?? availableRadius, availableRadius);
-      const innerRadius = getPercentageValue(innerRadiusParam ?? 0, availableRadius);
-      const arcLabelRadius = arcLabelRadiusParam === undefined ? (outerRadius + innerRadius) / 2 : getPercentageValue(arcLabelRadiusParam, availableRadius);
       return /*#__PURE__*/_jsx("g", {
         className: classes.seriesLabels,
-        transform: `translate(${left + cx}, ${top + cy})`,
+        transform: `translate(${seriesLayout[seriesId].center.x}, ${seriesLayout[seriesId].center.y})`,
         "data-series": seriesId,
         children: /*#__PURE__*/_jsx(PieArcLabelPlot, {
-          innerRadius: innerRadius,
-          outerRadius: outerRadius ?? availableRadius,
-          arcLabelRadius: arcLabelRadius,
+          innerRadius: seriesLayout[seriesId].radius.inner,
+          outerRadius: seriesLayout[seriesId].radius.outer,
+          arcLabelRadius: seriesLayout[seriesId].radius.label,
           cornerRadius: cornerRadius,
           paddingAngle: paddingAngle,
           id: seriesId,

package/esm/PieChart/dataTransform/useTransformData.d.ts

@@ -1,4 +1,4 @@
-import { ComputedPieRadius, DefaultizedPieSeriesType, DefaultizedPieValueType } from "../../models/seriesType/pie.js";
+import { type ComputedPieRadius, type DefaultizedPieSeriesType, type DefaultizedPieValueType } from "../../models/seriesType/pie.js";
 export interface AnimatedObject {
   innerRadius: number;
   outerRadius: number;

package/esm/PieChart/getPieCoordinates.d.ts

@@ -1,5 +1,5 @@
-import { ChartDrawingArea } from "../hooks/index.js";
-import { DefaultizedPieSeriesType } from "../models/seriesType/pie.js";
+import { type ChartDrawingArea } from "../hooks/index.js";
+import { type DefaultizedPieSeriesType } from "../models/seriesType/pie.js";
 export declare function getPieCoordinates(series: Pick<DefaultizedPieSeriesType, 'cx' | 'cy'>, drawing: Pick<ChartDrawingArea, 'width' | 'height'>): {
   cx: number;
   cy: number;

package/esm/PieChart/seriesConfig/getColor.d.ts

@@ -1,3 +1,3 @@
-import { ColorProcessor } from "../../internals/plugins/models/index.js";
+import { type ColorProcessor } from "../../internals/plugins/models/index.js";
 declare const getColor: ColorProcessor<'pie'>;
 export default getColor;

package/esm/PieChart/seriesConfig/index.d.ts

@@ -1,2 +1,2 @@
-import { ChartSeriesTypeConfig } from "../../internals/plugins/models/seriesConfig/index.js";
+import { type ChartSeriesTypeConfig } from "../../internals/plugins/models/seriesConfig/index.js";
 export declare const pieSeriesConfig: ChartSeriesTypeConfig<'pie'>;

package/esm/PieChart/seriesConfig/index.js

@@ -2,11 +2,13 @@ import seriesProcessor from "./seriesProcessor.js";
 import getColor from "./getColor.js";
 import legendGetter from "./legend.js";
 import tooltipGetter from "./tooltip.js";
+import seriesLayout from "./seriesLayout.js";
 import getSeriesWithDefaultValues from "./getSeriesWithDefaultValues.js";
 import tooltipItemPositionGetter from "./tooltipPosition.js";
 export const pieSeriesConfig = {
   colorProcessor: getColor,
   seriesProcessor,
+  seriesLayout,
   legendGetter,
   tooltipGetter,
   tooltipItemPositionGetter,

package/esm/PieChart/seriesConfig/legend.d.ts

@@ -1,3 +1,3 @@
-import { LegendGetter } from "../../internals/plugins/models/index.js";
+import { type LegendGetter } from "../../internals/plugins/models/index.js";
 declare const legendGetter: LegendGetter<'pie'>;
 export default legendGetter;

package/esm/PieChart/seriesConfig/seriesLayout.d.ts

@@ -0,0 +1,3 @@
+import type { SeriesLayoutGetter } from "../../internals/plugins/models/seriesConfig/seriesLayout.types.js";
+declare const seriesLayout: SeriesLayoutGetter<'pie'>;
+export default seriesLayout;

package/esm/PieChart/seriesConfig/seriesLayout.js

@@ -0,0 +1,42 @@
+import { getPercentageValue } from "../../internals/getPercentageValue.js";
+import { getPieCoordinates } from "../getPieCoordinates.js";
+const seriesLayout = (series, drawingArea) => {
+  const seriesLayoutRecord = {};
+  for (const seriesId of series.seriesOrder) {
+    const {
+      innerRadius,
+      outerRadius,
+      arcLabelRadius,
+      cx: cxParam,
+      cy: cyParam
+    } = series.series[seriesId];
+    const {
+      cx,
+      cy,
+      availableRadius
+    } = getPieCoordinates({
+      cx: cxParam,
+      cy: cyParam
+    }, {
+      width: drawingArea.width,
+      height: drawingArea.height
+    });
+    const outer = getPercentageValue(outerRadius ?? availableRadius, availableRadius);
+    const inner = getPercentageValue(innerRadius ?? 0, availableRadius);
+    const label = arcLabelRadius === undefined ? (inner + outer) / 2 : getPercentageValue(arcLabelRadius, availableRadius);
+    seriesLayoutRecord[seriesId] = {
+      radius: {
+        available: availableRadius,
+        inner,
+        outer,
+        label
+      },
+      center: {
+        x: drawingArea.left + cx,
+        y: drawingArea.top + cy
+      }
+    };
+  }
+  return seriesLayoutRecord;
+};
+export default seriesLayout;

package/esm/PieChart/seriesConfig/seriesProcessor.d.ts

@@ -1,3 +1,3 @@
-import { SeriesProcessor } from "../../internals/plugins/models/index.js";
+import { type SeriesProcessor } from "../../internals/plugins/models/index.js";
 declare const seriesProcessor: SeriesProcessor<'pie'>;
 export default seriesProcessor;

package/esm/RadarChart/RadarAxis/RadarAxis.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { UseRadarAxisParams } from "./useRadarAxis.js";
-import { RadarAxisClasses } from "./radarAxisClasses.js";
+import { type UseRadarAxisParams } from "./useRadarAxis.js";
+import { type RadarAxisClasses } from "./radarAxisClasses.js";
 export interface RadarAxisProps extends UseRadarAxisParams {
   /**
    * Defines how label align with the axis.

package/esm/RadarChart/RadarAxis/RadarAxis.utils.d.ts

@@ -1,4 +1,4 @@
-import { RadarAxisProps } from "./RadarAxis.js";
+import { type RadarAxisProps } from "./RadarAxis.js";
 interface GetLabelAttributesParams extends Required<Pick<RadarAxisProps, 'labelOrientation'>>, Partial<Pick<RadarAxisProps, 'textAnchor' | 'dominantBaseline'>> {
   x: number;
   y: number;

package/esm/RadarChart/RadarAxisHighlight/RadarAxisHighlight.d.ts

@@ -1,4 +1,4 @@
-import { RadarAxisHighlightClasses } from "./radarAxisHighlightClasses.js";
+import { type RadarAxisHighlightClasses } from "./radarAxisHighlightClasses.js";
 export interface RadarAxisHighlightProps {
   /**
    * Override or extend the styles applied to the component.

package/esm/RadarChart/RadarAxisHighlight/useRadarAxisHighlight.d.ts

@@ -1,7 +1,7 @@
-import { UseChartPolarAxisSignature } from "../../internals/plugins/featurePlugins/useChartPolarAxis/index.js";
-import { AxisId } from "../../models/axis.js";
-import { DefaultizedRadarSeriesType } from "../../models/seriesType/radar.js";
-import { ChartInstance } from "../../internals/plugins/models/index.js";
+import { type UseChartPolarAxisSignature } from "../../internals/plugins/featurePlugins/useChartPolarAxis/index.js";
+import { type AxisId } from "../../models/axis.js";
+import { type DefaultizedRadarSeriesType } from "../../models/seriesType/radar.js";
+import { type ChartInstance } from "../../internals/plugins/models/index.js";
 interface UseRadarAxisHighlightReturnValue {
   /**
    * The radar center.

package/esm/RadarChart/RadarChart.d.ts

@@ -1,15 +1,15 @@
 import * as React from 'react';
-import { ChartsLegendSlotProps, ChartsLegendSlots } from "../ChartsLegend/index.js";
-import { ChartsOverlayProps, ChartsOverlaySlotProps, ChartsOverlaySlots } from "../ChartsOverlay/ChartsOverlay.js";
-import { ChartsSurfaceProps } from "../ChartsSurface/index.js";
-import { ChartsWrapperProps } from "../ChartsWrapper/index.js";
-import { RadarGridProps } from "./RadarGrid/index.js";
-import { RadarDataProviderProps } from "./RadarDataProvider/RadarDataProvider.js";
-import { RadarSeriesPlotProps } from "./RadarSeriesPlot/index.js";
-import { RadarAxisHighlightProps } from "./RadarAxisHighlight/index.js";
-import { ChartsTooltipSlotProps, ChartsTooltipSlots } from "../ChartsTooltip/index.js";
-import { ChartsSlotProps, ChartsSlots } from "../internals/material/index.js";
-import { ChartsToolbarSlotProps, ChartsToolbarSlots } from "../Toolbar/index.js";
+import { type ChartsLegendSlotProps, type ChartsLegendSlots } from "../ChartsLegend/index.js";
+import { type ChartsOverlayProps, type ChartsOverlaySlotProps, type ChartsOverlaySlots } from "../ChartsOverlay/ChartsOverlay.js";
+import { type ChartsSurfaceProps } from "../ChartsSurface/index.js";
+import { type ChartsWrapperProps } from "../ChartsWrapper/index.js";
+import { type RadarGridProps } from "./RadarGrid/index.js";
+import { type RadarDataProviderProps } from "./RadarDataProvider/RadarDataProvider.js";
+import { type RadarSeriesPlotProps } from "./RadarSeriesPlot/index.js";
+import { type RadarAxisHighlightProps } from "./RadarAxisHighlight/index.js";
+import { type ChartsTooltipSlotProps, type ChartsTooltipSlots } from "../ChartsTooltip/index.js";
+import { type ChartsSlotProps, type ChartsSlots } from "../internals/material/index.js";
+import { type ChartsToolbarSlotProps, type ChartsToolbarSlots } from "../Toolbar/index.js";
 export interface RadarChartSlots extends ChartsTooltipSlots, ChartsOverlaySlots, ChartsLegendSlots, ChartsToolbarSlots, Partial<ChartsSlots> {}
 export interface RadarChartSlotProps extends ChartsTooltipSlotProps, ChartsOverlaySlotProps, ChartsLegendSlotProps, ChartsToolbarSlotProps, Partial<ChartsSlotProps> {}
 export interface RadarChartProps extends RadarDataProviderProps, Omit<RadarGridProps, 'classes'>, Omit<Partial<RadarAxisHighlightProps>, 'classes'>, Omit<ChartsOverlayProps, 'slots' | 'slotProps'>, Pick<ChartsWrapperProps, 'sx'>, Omit<ChartsSurfaceProps, 'sx'>, Pick<RadarSeriesPlotProps, 'onAreaClick' | 'onMarkClick'> {

package/esm/RadarChart/RadarChart.plugins.d.ts

@@ -1,5 +1,6 @@
-import { UseChartPolarAxisSignature } from "../internals/plugins/featurePlugins/useChartPolarAxis/index.js";
-import { UseChartInteractionSignature } from "../internals/plugins/featurePlugins/useChartInteraction/index.js";
-import { UseChartHighlightSignature } from "../internals/plugins/featurePlugins/useChartHighlight/index.js";
-export declare const RADAR_PLUGINS: readonly [import("../internals/index.js").ChartPlugin<UseChartInteractionSignature>, import("../internals/index.js").ChartPlugin<UseChartPolarAxisSignature<any>>, import("../internals/index.js").ChartPlugin<UseChartHighlightSignature>];
-export type RadarChartPluginSignatures = [UseChartInteractionSignature, UseChartPolarAxisSignature, UseChartHighlightSignature];
+import { type UseChartPolarAxisSignature } from "../internals/plugins/featurePlugins/useChartPolarAxis/index.js";
+import { type UseChartTooltipSignature } from "../internals/plugins/featurePlugins/useChartTooltip/index.js";
+import { type UseChartInteractionSignature } from "../internals/plugins/featurePlugins/useChartInteraction/index.js";
+import { type UseChartHighlightSignature } from "../internals/plugins/featurePlugins/useChartHighlight/index.js";
+export declare const RADAR_PLUGINS: readonly [import("../internals/index.js").ChartPlugin<UseChartTooltipSignature>, import("../internals/index.js").ChartPlugin<UseChartInteractionSignature>, import("../internals/index.js").ChartPlugin<UseChartPolarAxisSignature<any>>, import("../internals/index.js").ChartPlugin<UseChartHighlightSignature>];
+export type RadarChartPluginSignatures = [UseChartTooltipSignature, UseChartInteractionSignature, UseChartPolarAxisSignature, UseChartHighlightSignature];

package/esm/RadarChart/RadarChart.plugins.js

@@ -1,4 +1,5 @@
 import { useChartPolarAxis } from "../internals/plugins/featurePlugins/useChartPolarAxis/index.js";
+import { useChartTooltip } from "../internals/plugins/featurePlugins/useChartTooltip/index.js";
 import { useChartInteraction } from "../internals/plugins/featurePlugins/useChartInteraction/index.js";
 import { useChartHighlight } from "../internals/plugins/featurePlugins/useChartHighlight/index.js";
-export const RADAR_PLUGINS = [useChartInteraction, useChartPolarAxis, useChartHighlight];
+export const RADAR_PLUGINS = [useChartTooltip, useChartInteraction, useChartPolarAxis, useChartHighlight];

package/esm/RadarChart/RadarDataProvider/RadarDataProvider.d.ts

@@ -1,9 +1,9 @@
-import { MakeOptional } from '@mui/x-internals/types';
-import { RadarChartPluginSignatures } from "../RadarChart.plugins.js";
-import { RadarSeriesType } from "../../models/seriesType/radar.js";
-import { ChartDataProviderProps } from "../../ChartDataProvider/index.js";
-import { RadarConfig } from "./radar.types.js";
-import { ChartAnyPluginSignature } from "../../internals/plugins/models/plugin.js";
+import { type MakeOptional } from '@mui/x-internals/types';
+import { type RadarChartPluginSignatures } from "../RadarChart.plugins.js";
+import { type RadarSeriesType } from "../../models/seriesType/radar.js";
+import { type ChartDataProviderProps } from "../../ChartDataProvider/index.js";
+import { type RadarConfig } from "./radar.types.js";
+import { type ChartAnyPluginSignature } from "../../internals/plugins/models/plugin.js";
 export type RadarSeries = MakeOptional<RadarSeriesType, 'type'>;
 export type RadarDataProviderProps<TSignatures extends readonly ChartAnyPluginSignature[] = RadarChartPluginSignatures> = Omit<ChartDataProviderProps<'radar', TSignatures>, 'series' | 'rotationAxis' | 'radiusAxis' | 'dataset' | 'experimentalFeatures'> & {
   /**

package/esm/RadarChart/RadarDataProvider/radar.types.d.ts

@@ -1,4 +1,4 @@
-import { ChartsRotationAxisProps } from "../../models/axis.js";
+import { type ChartsRotationAxisProps } from "../../models/axis.js";
 export interface MetricConfig {
   /**
    * The name of the metric.

package/esm/RadarChart/RadarGrid/CircularRadarGrid.d.ts

@@ -1,4 +1,4 @@
-import { RadarGridRenderProps } from "./RadarGrid.types.js";
+import { type RadarGridRenderProps } from "./RadarGrid.types.js";
 /**
  * @ignore - internal component.
  */

package/esm/RadarChart/RadarGrid/CircularRadarStripes.d.ts

@@ -1,4 +1,4 @@
-import { RadarGridStripeRenderProps } from "./RadarGrid.types.js";
+import { type RadarGridStripeRenderProps } from "./RadarGrid.types.js";
 /**
  * @ignore - internal component.
  */

package/esm/RadarChart/RadarGrid/RadarGrid.d.ts

@@ -1,4 +1,4 @@
-import { RadarGridProps } from "./RadarGrid.types.js";
+import { type RadarGridProps } from "./RadarGrid.types.js";
 declare function RadarGrid(props: RadarGridProps): import("react/jsx-runtime").JSX.Element | null;
 declare namespace RadarGrid {
   var propTypes: any;

package/esm/RadarChart/RadarGrid/RadarGrid.types.d.ts

@@ -1,4 +1,4 @@
-import { RadarGridClasses } from "./radarGridClasses.js";
+import { type RadarGridClasses } from "./radarGridClasses.js";
 export interface RadarGridProps {
   /**
    * The number of divisions in the radar grid.

package/esm/RadarChart/RadarGrid/SharpRadarGrid.d.ts

@@ -1,4 +1,4 @@
-import { RadarGridRenderProps } from "./RadarGrid.types.js";
+import { type RadarGridRenderProps } from "./RadarGrid.types.js";
 /**
  * @ignore - internal component.
  */

package/esm/RadarChart/RadarGrid/SharpRadarStripes.d.ts

@@ -1,4 +1,4 @@
-import { RadarGridStripeRenderProps } from "./RadarGrid.types.js";
+import { type RadarGridStripeRenderProps } from "./RadarGrid.types.js";
 /**
  * @ignore - internal component.
  */

package/esm/RadarChart/RadarSeriesPlot/RadarSeriesArea.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import { RadarSeriesAreaProps } from "./RadarSeriesPlot.types.js";
-import { RadarSeriesPlotClasses } from "./radarSeriesPlotClasses.js";
-import { SeriesId } from "../../models/seriesType/common.js";
-import { HighlightItemData } from "../../internals/plugins/featurePlugins/useChartHighlight/index.js";
+import { type RadarSeriesAreaProps } from "./RadarSeriesPlot.types.js";
+import { type RadarSeriesPlotClasses } from "./radarSeriesPlotClasses.js";
+import { type SeriesId } from "../../models/seriesType/common.js";
+import { type HighlightItemData } from "../../internals/plugins/featurePlugins/useChartHighlight/index.js";
 interface GetPathPropsParams {
   seriesId: SeriesId;
   classes: RadarSeriesPlotClasses;

package/esm/RadarChart/RadarSeriesPlot/RadarSeriesMarks.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import { RadarSeriesMarksProps } from "./RadarSeriesPlot.types.js";
-import { RadarSeriesPlotClasses } from "./radarSeriesPlotClasses.js";
-import { SeriesId } from "../../models/seriesType/common.js";
-import { HighlightItemData } from "../../internals/plugins/featurePlugins/useChartHighlight/index.js";
+import { type RadarSeriesMarksProps } from "./RadarSeriesPlot.types.js";
+import { type RadarSeriesPlotClasses } from "./radarSeriesPlotClasses.js";
+import { type SeriesId } from "../../models/seriesType/common.js";
+import { type HighlightItemData } from "../../internals/plugins/featurePlugins/useChartHighlight/index.js";
 interface GetCirclePropsParams {
   seriesId: SeriesId;
   classes: RadarSeriesPlotClasses;

package/esm/RadarChart/RadarSeriesPlot/RadarSeriesPlot.d.ts

@@ -1,4 +1,4 @@
-import { RadarSeriesPlotProps } from "./RadarSeriesPlot.types.js";
+import { type RadarSeriesPlotProps } from "./RadarSeriesPlot.types.js";
 declare function RadarSeriesPlot(props: RadarSeriesPlotProps): import("react/jsx-runtime").JSX.Element;
 declare namespace RadarSeriesPlot {
   var propTypes: any;

package/esm/RadarChart/RadarSeriesPlot/RadarSeriesPlot.types.d.ts

@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { RadarSeriesPlotClasses } from "./radarSeriesPlotClasses.js";
-import { RadarItemIdentifier } from "../../models/seriesType/radar.js";
+import type * as React from 'react';
+import { type RadarSeriesPlotClasses } from "./radarSeriesPlotClasses.js";
+import { type RadarItemIdentifier } from "../../models/seriesType/radar.js";
 interface CommonRadarSeriesPlotProps {
   /**
    * The id of the series to display.

package/esm/RadarChart/RadarSeriesPlot/useInteractionAllItemProps.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SeriesItemIdentifierWithData } from "../../models/seriesType/index.js";
+import { type SeriesItemIdentifierWithData } from "../../models/seriesType/index.js";
 export declare const useInteractionAllItemProps: (data: SeriesItemIdentifierWithData<"radar">[], skip?: boolean) => {
   onPointerEnter?: () => void;
   onPointerLeave?: () => void;

package/esm/RadarChart/RadarSeriesPlot/useRadarSeriesData.d.ts

@@ -1,4 +1,4 @@
-import { SeriesId } from "../../models/seriesType/common.js";
+import { type SeriesId } from "../../models/seriesType/common.js";
 /**
  * This hook provides all the data needed to display radar series.
  * @param querySeriesId The id of the series to display

package/esm/RadarChart/seriesConfig/extremums.d.ts

@@ -1,3 +1,3 @@
-import { PolarExtremumGetter } from "../../internals/plugins/models/seriesConfig/index.js";
+import { type PolarExtremumGetter } from "../../internals/plugins/models/seriesConfig/index.js";
 export declare const radiusExtremumGetter: PolarExtremumGetter<'radar'>;
 export declare const rotationExtremumGetter: PolarExtremumGetter<'radar'>;

package/esm/RadarChart/seriesConfig/getColor.d.ts

@@ -1,3 +1,3 @@
-import { ColorProcessor } from "../../internals/plugins/models/seriesConfig/index.js";
+import { type ColorProcessor } from "../../internals/plugins/models/seriesConfig/index.js";
 declare const getColor: ColorProcessor<'radar'>;
 export default getColor;

package/esm/RadarChart/seriesConfig/index.d.ts

@@ -1,2 +1,2 @@
-import { ChartSeriesTypeConfig } from "../../internals/plugins/models/seriesConfig/index.js";
+import { type ChartSeriesTypeConfig } from "../../internals/plugins/models/seriesConfig/index.js";
 export declare const radarSeriesConfig: ChartSeriesTypeConfig<'radar'>;

package/esm/RadarChart/seriesConfig/index.js

@@ -1,14 +1,16 @@
-import formatter from "./formatter.js";
+import seriesProcessor from "./seriesProcessor.js";
 import getColor from "./getColor.js";
 import { radiusExtremumGetter, rotationExtremumGetter } from "./extremums.js";
 import legendGetter from "./legend.js";
 import tooltipGetter, { axisTooltipGetter } from "./tooltip.js";
 import getSeriesWithDefaultValues from "./getSeriesWithDefaultValues.js";
+import tooltipItemPositionGetter from "./tooltipPosition.js";
 export const radarSeriesConfig = {
   colorProcessor: getColor,
-  seriesProcessor: formatter,
+  seriesProcessor,
   legendGetter,
   tooltipGetter,
+  tooltipItemPositionGetter,
   axisTooltipGetter,
   getSeriesWithDefaultValues,
   radiusExtremumGetter,

package/esm/RadarChart/seriesConfig/legend.d.ts

@@ -1,3 +1,3 @@
-import { LegendGetter } from "../../internals/plugins/models/seriesConfig/index.js";
+import { type LegendGetter } from "../../internals/plugins/models/seriesConfig/index.js";
 declare const legendGetter: LegendGetter<'radar'>;
 export default legendGetter;

package/esm/RadarChart/seriesConfig/seriesProcessor.d.ts

@@ -0,0 +1,3 @@
+import { type SeriesProcessor } from "../../internals/plugins/models/seriesConfig/index.js";
+declare const seriesProcessor: SeriesProcessor<'radar'>;
+export default seriesProcessor;

package/esm/RadarChart/seriesConfig/seriesProcessor.js

@@ -0,0 +1,22 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+const defaultRadarValueFormatter = v => v == null ? '' : v.toLocaleString();
+const seriesProcessor = (params, _) => {
+  const {
+    seriesOrder,
+    series: seriesMap
+  } = params;
+  const completedSeries = {};
+  seriesOrder.forEach(seriesId => {
+    const series = seriesMap[seriesId];
+    completedSeries[seriesId] = _extends({
+      labelMarkType: 'square'
+    }, series, {
+      valueFormatter: series.valueFormatter ?? defaultRadarValueFormatter
+    });
+  });
+  return {
+    seriesOrder,
+    series: completedSeries
+  };
+};
+export default seriesProcessor;

package/esm/RadarChart/seriesConfig/tooltipPosition.d.ts

@@ -0,0 +1,3 @@
+import type { TooltipItemPositionGetter } from "../../internals/plugins/models/seriesConfig/tooltipItemPositionGetter.types.js";
+declare const tooltipItemPositionGetter: TooltipItemPositionGetter<'radar'>;
+export default tooltipItemPositionGetter;

package/esm/RadarChart/seriesConfig/tooltipPosition.js

@@ -0,0 +1,74 @@
+import { generatePolar2svg } from "../../internals/plugins/featurePlugins/useChartPolarAxis/coordinateTransformation.js";
+import { getDrawingAreaCenter } from "../../internals/plugins/featurePlugins/useChartPolarAxis/index.js";
+const tooltipItemPositionGetter = params => {
+  const {
+    series,
+    identifier,
+    axesConfig,
+    drawingArea,
+    placement
+  } = params;
+  if (!identifier) {
+    return null;
+  }
+  const itemSeries = series.radar?.series[identifier.seriesId];
+  if (itemSeries == null) {
+    return null;
+  }
+  const {
+    radiusAxes,
+    rotationAxes
+  } = axesConfig;
+  if (radiusAxes === undefined || rotationAxes === undefined) {
+    return null;
+  }
+
+  // Only one rotation axis is supported for radar charts
+  const rotationAxis = rotationAxes.axis[rotationAxes.axisIds[0]];
+  const metrics = rotationAxis.scale.domain() ?? [];
+  const angles = metrics.map(key => rotationAxis.scale(key));
+  const {
+    cx,
+    cy
+  } = getDrawingAreaCenter(drawingArea);
+  const polar2svg = generatePolar2svg({
+    cx,
+    cy
+  });
+  const points = itemSeries.data.map((value, dataIndex) => {
+    const rId = radiusAxes.axisIds[dataIndex];
+    const r = radiusAxes.axis[rId].scale(value);
+    const angle = angles[dataIndex];
+    return polar2svg(r, angle);
+  });
+  if (points.length === 0) {
+    return null;
+  }
+  const [top, right, bottom, left] = points.reduce((acc, [x, y]) => {
+    return [Math.min(y, acc[0]), Math.max(x, acc[1]), Math.max(y, acc[2]), Math.min(x, acc[3])];
+  }, [Infinity, -Infinity, -Infinity, Infinity]);
+  switch (placement) {
+    case 'right':
+      return {
+        x: right,
+        y: (top + bottom) / 2
+      };
+    case 'bottom':
+      return {
+        x: (left + right) / 2,
+        y: bottom
+      };
+    case 'left':
+      return {
+        x: left,
+        y: (top + bottom) / 2
+      };
+    case 'top':
+    default:
+      return {
+        x: (left + right) / 2,
+        y: top
+      };
+  }
+};
+export default tooltipItemPositionGetter;

package/esm/RadarChart/useRadarChartProps.d.ts

@@ -1,12 +1,12 @@
 import type { RadarChartProps } from "./RadarChart.js";
-import { ChartsOverlayProps } from "../ChartsOverlay/index.js";
-import { ChartsLegendSlotExtension } from "../ChartsLegend/index.js";
+import { type ChartsOverlayProps } from "../ChartsOverlay/index.js";
+import { type ChartsLegendSlotExtension } from "../ChartsLegend/index.js";
 import type { ChartsWrapperProps } from "../ChartsWrapper/index.js";
-import { RadarDataProviderProps } from "./RadarDataProvider/RadarDataProvider.js";
-import { ChartsSurfaceProps } from "../ChartsSurface/index.js";
-import { RadarGridProps } from "./RadarGrid/index.js";
-import { RadarChartPluginSignatures } from "./RadarChart.plugins.js";
-import { RadarSeriesAreaProps, RadarSeriesMarksProps } from "./RadarSeriesPlot/index.js";
+import { type RadarDataProviderProps } from "./RadarDataProvider/RadarDataProvider.js";
+import { type ChartsSurfaceProps } from "../ChartsSurface/index.js";
+import { type RadarGridProps } from "./RadarGrid/index.js";
+import { type RadarChartPluginSignatures } from "./RadarChart.plugins.js";
+import { type RadarSeriesAreaProps, type RadarSeriesMarksProps } from "./RadarSeriesPlot/index.js";
 /**
  * A helper function that extracts RadarChartProps from the input props
  * and returns an object with props for the children components of RadarChart.