@mui/x-charts 8.20.0 → 8.22.0

package/PieChart/PiePlot.js

@@ -9,11 +9,8 @@ exports.PiePlot = PiePlot;
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _PieArcPlot = require("./PieArcPlot");
 var _PieArcLabelPlot = require("./PieArcLabelPlot");
-var _getPercentageValue = require("../internals/getPercentageValue");
-var _getPieCoordinates = require("./getPieCoordinates");
 var _usePieSeries = require("../hooks/usePieSeries");
 var _useSkipAnimation = require("../hooks/useSkipAnimation");
-var _hooks = require("../hooks");
 var _pieClasses = require("./pieClasses");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
@@ -34,12 +31,7 @@ function PiePlot(props) {
     onItemClick
   } = props;
   const seriesData = (0, _usePieSeries.usePieSeriesContext)();
-  const {
-    left,
-    top,
-    width,
-    height
-  } = (0, _hooks.useDrawingArea)();
+  const seriesLayout = (0, _usePieSeries.usePieSeriesLayout)();
   const skipAnimation = (0, _useSkipAnimation.useSkipAnimation)(inSkipAnimation);
   const classes = (0, _pieClasses.useUtilityClasses)();
   if (seriesData === undefined) {
@@ -52,36 +44,19 @@ function PiePlot(props) {
   return /*#__PURE__*/(0, _jsxRuntime.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
-      } = (0, _getPieCoordinates.getPieCoordinates)({
-        cx: cxParam,
-        cy: cyParam
-      }, {
-        width,
-        height
-      });
-      const outerRadius = (0, _getPercentageValue.getPercentageValue)(outerRadiusParam ?? availableRadius, availableRadius);
-      const innerRadius = (0, _getPercentageValue.getPercentageValue)(innerRadiusParam ?? 0, availableRadius);
       return /*#__PURE__*/(0, _jsxRuntime.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__*/(0, _jsxRuntime.jsx)(_PieArcPlot.PieArcPlot, {
-          innerRadius: innerRadius,
-          outerRadius: outerRadius,
+          innerRadius: seriesLayout[seriesId].radius.inner,
+          outerRadius: seriesLayout[seriesId].radius.outer,
           cornerRadius: cornerRadius,
           paddingAngle: paddingAngle,
           id: seriesId,
@@ -96,39 +71,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
-      } = (0, _getPieCoordinates.getPieCoordinates)({
-        cx: cxParam,
-        cy: cyParam
-      }, {
-        width,
-        height
-      });
-      const outerRadius = (0, _getPercentageValue.getPercentageValue)(outerRadiusParam ?? availableRadius, availableRadius);
-      const innerRadius = (0, _getPercentageValue.getPercentageValue)(innerRadiusParam ?? 0, availableRadius);
-      const arcLabelRadius = arcLabelRadiusParam === undefined ? (outerRadius + innerRadius) / 2 : (0, _getPercentageValue.getPercentageValue)(arcLabelRadiusParam, availableRadius);
       return /*#__PURE__*/(0, _jsxRuntime.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__*/(0, _jsxRuntime.jsx)(_PieArcLabelPlot.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/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/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/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/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/PieChart/seriesConfig/index.js

@@ -9,11 +9,13 @@ var _seriesProcessor = _interopRequireDefault(require("./seriesProcessor"));
 var _getColor = _interopRequireDefault(require("./getColor"));
 var _legend = _interopRequireDefault(require("./legend"));
 var _tooltip = _interopRequireDefault(require("./tooltip"));
+var _seriesLayout = _interopRequireDefault(require("./seriesLayout"));
 var _getSeriesWithDefaultValues = _interopRequireDefault(require("./getSeriesWithDefaultValues"));
 var _tooltipPosition = _interopRequireDefault(require("./tooltipPosition"));
 const pieSeriesConfig = exports.pieSeriesConfig = {
   colorProcessor: _getColor.default,
   seriesProcessor: _seriesProcessor.default,
+  seriesLayout: _seriesLayout.default,
   legendGetter: _legend.default,
   tooltipGetter: _tooltip.default,
   tooltipItemPositionGetter: _tooltipPosition.default,

package/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/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/PieChart/seriesConfig/seriesLayout.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _getPercentageValue = require("../../internals/getPercentageValue");
+var _getPieCoordinates = require("../getPieCoordinates");
+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
+    } = (0, _getPieCoordinates.getPieCoordinates)({
+      cx: cxParam,
+      cy: cyParam
+    }, {
+      width: drawingArea.width,
+      height: drawingArea.height
+    });
+    const outer = (0, _getPercentageValue.getPercentageValue)(outerRadius ?? availableRadius, availableRadius);
+    const inner = (0, _getPercentageValue.getPercentageValue)(innerRadius ?? 0, availableRadius);
+    const label = arcLabelRadius === undefined ? (inner + outer) / 2 : (0, _getPercentageValue.getPercentageValue)(arcLabelRadius, availableRadius);
+    seriesLayoutRecord[seriesId] = {
+      radius: {
+        available: availableRadius,
+        inner,
+        outer,
+        label
+      },
+      center: {
+        x: drawingArea.left + cx,
+        y: drawingArea.top + cy
+      }
+    };
+  }
+  return seriesLayoutRecord;
+};
+var _default = exports.default = seriesLayout;

package/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/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/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/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/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/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/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/RadarChart/RadarChart.plugins.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.RADAR_PLUGINS = void 0;
 var _useChartPolarAxis = require("../internals/plugins/featurePlugins/useChartPolarAxis");
+var _useChartTooltip = require("../internals/plugins/featurePlugins/useChartTooltip");
 var _useChartInteraction = require("../internals/plugins/featurePlugins/useChartInteraction");
 var _useChartHighlight = require("../internals/plugins/featurePlugins/useChartHighlight");
-const RADAR_PLUGINS = exports.RADAR_PLUGINS = [_useChartInteraction.useChartInteraction, _useChartPolarAxis.useChartPolarAxis, _useChartHighlight.useChartHighlight];
+const RADAR_PLUGINS = exports.RADAR_PLUGINS = [_useChartTooltip.useChartTooltip, _useChartInteraction.useChartInteraction, _useChartPolarAxis.useChartPolarAxis, _useChartHighlight.useChartHighlight];

package/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/RadarChart/seriesConfig/index.js

@@ -6,17 +6,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.radarSeriesConfig = void 0;
-var _formatter = _interopRequireDefault(require("./formatter"));
+var _seriesProcessor = _interopRequireDefault(require("./seriesProcessor"));
 var _getColor = _interopRequireDefault(require("./getColor"));
 var _extremums = require("./extremums");
 var _legend = _interopRequireDefault(require("./legend"));
 var _tooltip = _interopRequireWildcard(require("./tooltip"));
 var _getSeriesWithDefaultValues = _interopRequireDefault(require("./getSeriesWithDefaultValues"));
+var _tooltipPosition = _interopRequireDefault(require("./tooltipPosition"));
 const radarSeriesConfig = exports.radarSeriesConfig = {
   colorProcessor: _getColor.default,
-  seriesProcessor: _formatter.default,
+  seriesProcessor: _seriesProcessor.default,
   legendGetter: _legend.default,
   tooltipGetter: _tooltip.default,
+  tooltipItemPositionGetter: _tooltipPosition.default,
   axisTooltipGetter: _tooltip.axisTooltipGetter,
   getSeriesWithDefaultValues: _getSeriesWithDefaultValues.default,
   radiusExtremumGetter: _extremums.radiusExtremumGetter,

package/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/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/RadarChart/seriesConfig/seriesProcessor.js

@@ -0,0 +1,29 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/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] = (0, _extends2.default)({
+      labelMarkType: 'square'
+    }, series, {
+      valueFormatter: series.valueFormatter ?? defaultRadarValueFormatter
+    });
+  });
+  return {
+    seriesOrder,
+    series: completedSeries
+  };
+};
+var _default = exports.default = seriesProcessor;

package/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/RadarChart/seriesConfig/tooltipPosition.js

@@ -0,0 +1,80 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _coordinateTransformation = require("../../internals/plugins/featurePlugins/useChartPolarAxis/coordinateTransformation");
+var _useChartPolarAxis = require("../../internals/plugins/featurePlugins/useChartPolarAxis");
+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
+  } = (0, _useChartPolarAxis.getDrawingAreaCenter)(drawingArea);
+  const polar2svg = (0, _coordinateTransformation.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
+      };
+  }
+};
+var _default = exports.default = tooltipItemPositionGetter;