@mui/x-charts 8.15.0 → 8.17.0

package/Gauge/GaugeProvider.d.ts

@@ -103,7 +103,7 @@ export declare const GaugeContext: React.Context<Required<GaugeConfig> & Process
 export interface GaugeProviderProps extends GaugeConfig, CircularConfig {
   children: React.ReactNode;
 }
-export declare function GaugeProvider(props: GaugeProviderProps): React.JSX.Element;
+export declare function GaugeProvider(props: GaugeProviderProps): import("react/jsx-runtime").JSX.Element;
 export declare function useGaugeState(): Required<GaugeConfig> & ProcessedCircularConfig & {
   /**
    * The maximal radius from (cx, cy) that fits the arc in the drawing area.

package/Gauge/GaugeReferenceArc.d.ts

@@ -2,4 +2,4 @@ import * as React from 'react';
 export declare function GaugeReferenceArc({
   className,
   ...other
-}: React.ComponentProps<'path'>): React.JSX.Element;
+}: React.ComponentProps<'path'>): import("react/jsx-runtime").JSX.Element;

package/Gauge/GaugeValueArc.d.ts

@@ -4,7 +4,7 @@ declare function GaugeValueArc({
   ...other
 }: React.ComponentProps<'path'> & {
   skipAnimation?: boolean;
-}): React.JSX.Element | null;
+}): import("react/jsx-runtime").JSX.Element | null;
 declare namespace GaugeValueArc {
   var propTypes: any;
 }

package/Gauge/GaugeValueText.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { ChartsTextProps } from "../ChartsText/index.js";
 export interface GaugeFormatterParams {
   value: number | null;
@@ -8,7 +7,7 @@ export interface GaugeFormatterParams {
 export interface GaugeValueTextProps extends Omit<ChartsTextProps, 'text'> {
   text?: string | ((params: GaugeFormatterParams) => string | null);
 }
-declare function GaugeValueText(props: GaugeValueTextProps): React.JSX.Element | null;
+declare function GaugeValueText(props: GaugeValueTextProps): import("react/jsx-runtime").JSX.Element | null;
 declare namespace GaugeValueText {
   var propTypes: any;
 }

package/Gauge/GaugeValueText.js

@@ -2,14 +2,12 @@
 'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.GaugeValueText = GaugeValueText;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _GaugeProvider = require("./GaugeProvider");

package/LineChart/AnimatedArea.d.ts

@@ -19,7 +19,7 @@ export interface AnimatedAreaProps extends React.ComponentPropsWithoutRef<'path'
  *
  * - [AreaElement API](https://mui.com/x/api/charts/animated-area/)
  */
-declare function AnimatedArea(props: AnimatedAreaProps): React.JSX.Element;
+declare function AnimatedArea(props: AnimatedAreaProps): import("react/jsx-runtime").JSX.Element;
 declare namespace AnimatedArea {
   var propTypes: any;
 }

package/LineChart/AppearingMask.d.ts

@@ -13,5 +13,5 @@ export declare const appearingMaskClasses: AppearingMaskClasses;
 /**
  * @ignore - internal component.
  */
-export declare function AppearingMask(props: AppearingMaskProps): React.JSX.Element;
+export declare function AppearingMask(props: AppearingMaskProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/LineChart/AreaElement.d.ts

@@ -59,7 +59,7 @@ export interface AreaElementProps extends Omit<AreaElementOwnerState, 'isFaded'
  *
  * - [AreaElement API](https://mui.com/x/api/charts/area-element/)
  */
-declare function AreaElement(props: AreaElementProps): React.JSX.Element;
+declare function AreaElement(props: AreaElementProps): import("react/jsx-runtime").JSX.Element;
 declare namespace AreaElement {
   var propTypes: any;
 }

package/LineChart/AreaPlot.d.ts

@@ -22,7 +22,7 @@ export interface AreaPlotProps extends React.SVGAttributes<SVGSVGElement>, Pick<
  *
  * - [AreaPlot API](https://mui.com/x/api/charts/area-plot/)
  */
-declare function AreaPlot(props: AreaPlotProps): React.JSX.Element;
+declare function AreaPlot(props: AreaPlotProps): import("react/jsx-runtime").JSX.Element;
 declare namespace AreaPlot {
   var propTypes: any;
 }

package/LineChart/CircleMarkElement.d.ts

@@ -33,7 +33,7 @@ export type CircleMarkElementProps = Omit<MarkElementOwnerState, 'isFaded' | 'is
  *
  * - [CircleMarkElement API](https://mui.com/x/api/charts/circle-mark-element/)
  */
-declare function CircleMarkElement(props: CircleMarkElementProps): React.JSX.Element;
+declare function CircleMarkElement(props: CircleMarkElementProps): import("react/jsx-runtime").JSX.Element;
 declare namespace CircleMarkElement {
   var propTypes: any;
 }

package/LineChart/FocusedMark.d.ts

@@ -1,2 +1 @@
-import * as React from 'react';
-export declare function FocusedMark(): React.JSX.Element | null;
+export declare function FocusedMark(): import("react/jsx-runtime").JSX.Element | null;

package/LineChart/FocusedMark.js

@@ -1,12 +1,10 @@
 "use strict";
 'use client';
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.FocusedMark = FocusedMark;
-var React = _interopRequireWildcard(require("react"));
 var _styles = require("@mui/material/styles");
 var _useFocusedItem = require("../hooks/useFocusedItem");
 var _hooks = require("../hooks");

package/LineChart/LineChart.plugins.d.ts

@@ -5,5 +5,5 @@ import { UseChartHighlightSignature } from "../internals/plugins/featurePlugins/
 import { UseChartKeyboardNavigationSignature } from "../internals/plugins/featurePlugins/useChartKeyboardNavigation/index.js";
 import { ConvertSignaturesIntoPlugins } from "../internals/plugins/models/helpers.js";
 import { UseChartBrushSignature } from "../internals/plugins/featurePlugins/useChartBrush/index.js";
-export type LineChartPluginSignatures = [UseChartZAxisSignature, UseChartBrushSignature, UseChartCartesianAxisSignature<'line'>, UseChartInteractionSignature, UseChartHighlightSignature, UseChartKeyboardNavigationSignature];
+export type LineChartPluginSignatures = [UseChartZAxisSignature, UseChartBrushSignature, UseChartInteractionSignature, UseChartCartesianAxisSignature<'line'>, UseChartHighlightSignature, UseChartKeyboardNavigationSignature];
 export declare const LINE_CHART_PLUGINS: ConvertSignaturesIntoPlugins<LineChartPluginSignatures>;

package/LineChart/LineChart.plugins.js

@@ -10,4 +10,4 @@ var _useChartInteraction = require("../internals/plugins/featurePlugins/useChart
 var _useChartHighlight = require("../internals/plugins/featurePlugins/useChartHighlight");
 var _useChartKeyboardNavigation = require("../internals/plugins/featurePlugins/useChartKeyboardNavigation");
 var _useChartBrush = require("../internals/plugins/featurePlugins/useChartBrush");
-const LINE_CHART_PLUGINS = exports.LINE_CHART_PLUGINS = [_useChartZAxis.useChartZAxis, _useChartBrush.useChartBrush, _useChartCartesianAxis.useChartCartesianAxis, _useChartInteraction.useChartInteraction, _useChartHighlight.useChartHighlight, _useChartKeyboardNavigation.useChartKeyboardNavigation];
+const LINE_CHART_PLUGINS = exports.LINE_CHART_PLUGINS = [_useChartZAxis.useChartZAxis, _useChartBrush.useChartBrush, _useChartInteraction.useChartInteraction, _useChartCartesianAxis.useChartCartesianAxis, _useChartHighlight.useChartHighlight, _useChartKeyboardNavigation.useChartKeyboardNavigation];

package/LineChart/LineElement.d.ts

@@ -59,7 +59,7 @@ export interface LineElementProps extends Omit<LineElementOwnerState, 'isFaded'
  *
  * - [LineElement API](https://mui.com/x/api/charts/line-element/)
  */
-declare function LineElement(props: LineElementProps): React.JSX.Element;
+declare function LineElement(props: LineElementProps): import("react/jsx-runtime").JSX.Element;
 declare namespace LineElement {
   var propTypes: any;
 }

package/LineChart/LineHighlightElement.d.ts

@@ -29,7 +29,7 @@ export type LineHighlightElementProps = (LineHighlightElementCommonProps & ({
  *
  * - [LineHighlightElement API](https://mui.com/x/api/charts/line-highlight-element/)
  */
-declare function LineHighlightElement(props: LineHighlightElementProps): React.JSX.Element;
+declare function LineHighlightElement(props: LineHighlightElementProps): import("react/jsx-runtime").JSX.Element;
 declare namespace LineHighlightElement {
   var propTypes: any;
 }

package/LineChart/LineHighlightPlot.d.ts

@@ -29,7 +29,7 @@ export interface LineHighlightPlotProps extends React.SVGAttributes<SVGSVGElemen
  *
  * - [LineHighlightPlot API](https://mui.com/x/api/charts/line-highlight-plot/)
  */
-declare function LineHighlightPlot(props: LineHighlightPlotProps): React.JSX.Element | null;
+declare function LineHighlightPlot(props: LineHighlightPlotProps): import("react/jsx-runtime").JSX.Element | null;
 declare namespace LineHighlightPlot {
   var propTypes: any;
 }

package/LineChart/LinePlot.d.ts

@@ -21,7 +21,7 @@ export interface LinePlotProps extends React.SVGAttributes<SVGSVGElement>, Pick<
  *
  * - [LinePlot API](https://mui.com/x/api/charts/line-plot/)
  */
-declare function LinePlot(props: LinePlotProps): React.JSX.Element;
+declare function LinePlot(props: LinePlotProps): import("react/jsx-runtime").JSX.Element;
 declare namespace LinePlot {
   var propTypes: any;
 }

package/LineChart/MarkElement.d.ts

@@ -35,7 +35,7 @@ export type MarkElementProps = Omit<MarkElementOwnerState, 'isFaded' | 'isHighli
  *
  * - [MarkElement API](https://mui.com/x/api/charts/mark-element/)
  */
-declare function MarkElement(props: MarkElementProps): React.JSX.Element;
+declare function MarkElement(props: MarkElementProps): import("react/jsx-runtime").JSX.Element;
 declare namespace MarkElement {
   var propTypes: any;
 }

package/LineChart/MarkPlot.d.ts

@@ -35,7 +35,7 @@ export interface MarkPlotProps extends React.SVGAttributes<SVGSVGElement>, Pick<
  *
  * - [MarkPlot API](https://mui.com/x/api/charts/mark-plot/)
  */
-declare function MarkPlot(props: MarkPlotProps): React.JSX.Element | null;
+declare function MarkPlot(props: MarkPlotProps): import("react/jsx-runtime").JSX.Element | null;
 declare namespace MarkPlot {
   var propTypes: any;
 }

package/LineChart/seriesConfig/getColor.js

@@ -4,18 +4,26 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _getSeriesColorFn = require("../../internals/getSeriesColorFn");
 const getColor = (series, xAxis, yAxis) => {
   const yColorScale = yAxis?.colorScale;
   const xColorScale = xAxis?.colorScale;
+  const getSeriesColor = (0, _getSeriesColorFn.getSeriesColorFn)(series);
   if (yColorScale) {
     return dataIndex => {
       if (dataIndex === undefined) {
         return series.color;
       }
       const value = series.data[dataIndex];
-      const color = value === null ? series.color : yColorScale(value);
+      const color = value === null ? getSeriesColor({
+        value,
+        dataIndex
+      }) : yColorScale(value);
       if (color === null) {
-        return series.color;
+        return getSeriesColor({
+          value,
+          dataIndex
+        });
       }
       return color;
     };
@@ -26,13 +34,28 @@ const getColor = (series, xAxis, yAxis) => {
         return series.color;
       }
       const value = xAxis.data?.[dataIndex];
-      const color = value === null ? series.color : xColorScale(value);
+      const color = value === null ? getSeriesColor({
+        value,
+        dataIndex
+      }) : xColorScale(value);
       if (color === null) {
-        return series.color;
+        return getSeriesColor({
+          value,
+          dataIndex
+        });
       }
       return color;
     };
   }
-  return () => series.color;
+  return dataIndex => {
+    if (dataIndex === undefined) {
+      return series.color;
+    }
+    const value = series.data[dataIndex];
+    return getSeriesColor({
+      value,
+      dataIndex
+    });
+  };
 };
 var _default = exports.default = getColor;

package/LineChart/seriesConfig/getSeriesWithDefaultValues.js

@@ -7,9 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 const getSeriesWithDefaultValues = (seriesData, seriesIndex, colors) => {
-  return (0, _extends2.default)({
+  return (0, _extends2.default)({}, seriesData, {
     id: seriesData.id ?? `auto-generated-id-${seriesIndex}`,
-    color: colors[seriesIndex % colors.length]
-  }, seriesData);
+    color: seriesData.color ?? colors[seriesIndex % colors.length]
+  });
 };
 var _default = exports.default = getSeriesWithDefaultValues;

package/LineChart/seriesConfig/index.d.ts

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

package/LineChart/seriesConfig/index.js

@@ -5,18 +5,20 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.seriesConfig = void 0;
+exports.lineSeriesConfig = void 0;
 var _extremums = require("./extremums");
 var _seriesProcessor = _interopRequireDefault(require("./seriesProcessor"));
 var _getColor = _interopRequireDefault(require("./getColor"));
 var _legend = _interopRequireDefault(require("./legend"));
 var _tooltip = _interopRequireWildcard(require("./tooltip"));
 var _getSeriesWithDefaultValues = _interopRequireDefault(require("./getSeriesWithDefaultValues"));
-const seriesConfig = exports.seriesConfig = {
+var _tooltipPosition = _interopRequireDefault(require("./tooltipPosition"));
+const lineSeriesConfig = exports.lineSeriesConfig = {
   colorProcessor: _getColor.default,
   seriesProcessor: _seriesProcessor.default,
   legendGetter: _legend.default,
   tooltipGetter: _tooltip.default,
+  tooltipItemPositionGetter: _tooltipPosition.default,
   axisTooltipGetter: _tooltip.axisTooltipGetter,
   xExtremumGetter: _extremums.getExtremumX,
   yExtremumGetter: _extremums.getExtremumY,

package/LineChart/seriesConfig/tooltipPosition.d.ts

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

package/LineChart/seriesConfig/tooltipPosition.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+const tooltipItemPositionGetter = params => {
+  const {
+    series,
+    identifier,
+    axesConfig
+  } = params;
+  if (!identifier || identifier.dataIndex === undefined) {
+    return null;
+  }
+  const itemSeries = series.line?.series[identifier.seriesId];
+  if (itemSeries == null) {
+    return null;
+  }
+  if (axesConfig.x === undefined || axesConfig.y === undefined) {
+    return null;
+  }
+  const xValue = axesConfig.x.data?.[identifier.dataIndex];
+  const yValue = itemSeries.data[identifier.dataIndex];
+  if (xValue == null || yValue == null) {
+    return null;
+  }
+  return {
+    x: axesConfig.x.scale(xValue),
+    y: axesConfig.y.scale(yValue)
+  };
+};
+var _default = exports.default = tooltipItemPositionGetter;

package/PieChart/PieArcLabelPlot.d.ts

@@ -29,7 +29,7 @@ export interface PieArcLabelPlotProps extends Pick<DefaultizedPieSeriesType, 'da
    */
   skipAnimation?: boolean;
 }
-declare function PieArcLabelPlot(props: PieArcLabelPlotProps): React.JSX.Element | null;
+declare function PieArcLabelPlot(props: PieArcLabelPlotProps): import("react/jsx-runtime").JSX.Element | null;
 declare namespace PieArcLabelPlot {
   var propTypes: any;
 }

package/PieChart/PieArcPlot.d.ts

@@ -36,7 +36,7 @@ export interface PieArcPlotProps extends Pick<DefaultizedPieSeriesType, 'data' |
    */
   skipAnimation?: boolean;
 }
-declare function PieArcPlot(props: PieArcPlotProps): React.JSX.Element | null;
+declare function PieArcPlot(props: PieArcPlotProps): import("react/jsx-runtime").JSX.Element | null;
 declare namespace PieArcPlot {
   var propTypes: any;
 }

package/PieChart/PiePlot.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { PieArcPlotProps, PieArcPlotSlotProps, PieArcPlotSlots } from "./PieArcPlot.js";
 import { PieArcLabelPlotSlots, PieArcLabelPlotSlotProps } from "./PieArcLabelPlot.js";
 export interface PiePlotSlots extends PieArcPlotSlots, PieArcLabelPlotSlots {}
@@ -25,7 +24,7 @@ export interface PiePlotProps extends Pick<PieArcPlotProps, 'skipAnimation' | 'o
  *
  * - [PiePlot API](https://mui.com/x/api/charts/pie-plot/)
  */
-declare function PiePlot(props: PiePlotProps): React.JSX.Element | null;
+declare function PiePlot(props: PiePlotProps): import("react/jsx-runtime").JSX.Element | null;
 declare namespace PiePlot {
   var propTypes: any;
 }

package/PieChart/PiePlot.js

@@ -2,12 +2,10 @@
 'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.PiePlot = PiePlot;
-var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _PieArcPlot = require("./PieArcPlot");
 var _PieArcLabelPlot = require("./PieArcLabelPlot");

package/PieChart/seriesConfig/getSeriesWithDefaultValues.js

@@ -7,12 +7,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 const getSeriesWithDefaultValues = (seriesData, seriesIndex, colors) => {
-  return (0, _extends2.default)({
-    id: seriesData.id ?? `auto-generated-id-${seriesIndex}`
-  }, seriesData, {
-    data: seriesData.data.map((d, index) => (0, _extends2.default)({
-      color: colors[index % colors.length]
-    }, d))
+  return (0, _extends2.default)({}, seriesData, {
+    id: seriesData.id ?? `auto-generated-id-${seriesIndex}`,
+    data: seriesData.data.map((d, index) => (0, _extends2.default)({}, d, {
+      color: d.color ?? colors[index % colors.length]
+    }))
   });
 };
 var _default = exports.default = getSeriesWithDefaultValues;

package/PieChart/seriesConfig/index.d.ts

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

package/PieChart/seriesConfig/index.js

@@ -4,16 +4,18 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.seriesConfig = void 0;
+exports.pieSeriesConfig = void 0;
 var _seriesProcessor = _interopRequireDefault(require("./seriesProcessor"));
 var _getColor = _interopRequireDefault(require("./getColor"));
 var _legend = _interopRequireDefault(require("./legend"));
 var _tooltip = _interopRequireDefault(require("./tooltip"));
 var _getSeriesWithDefaultValues = _interopRequireDefault(require("./getSeriesWithDefaultValues"));
-const seriesConfig = exports.seriesConfig = {
+var _tooltipPosition = _interopRequireDefault(require("./tooltipPosition"));
+const pieSeriesConfig = exports.pieSeriesConfig = {
   colorProcessor: _getColor.default,
   seriesProcessor: _seriesProcessor.default,
   legendGetter: _legend.default,
   tooltipGetter: _tooltip.default,
+  tooltipItemPositionGetter: _tooltipPosition.default,
   getSeriesWithDefaultValues: _getSeriesWithDefaultValues.default
 };

package/PieChart/seriesConfig/seriesProcessor.js

@@ -8,6 +8,7 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _d3Shape = require("@mui/x-charts-vendor/d3-shape");
 var _getLabel = require("../../internals/getLabel");
+var _angleConversion = require("../../internals/angleConversion");
 const getSortingComparator = (comparator = 'none') => {
   if (typeof comparator === 'function') {
     return comparator;
@@ -30,7 +31,7 @@ const seriesProcessor = params => {
   } = params;
   const defaultizedSeries = {};
   seriesOrder.forEach(seriesId => {
-    const arcs = (0, _d3Shape.pie)().startAngle(2 * Math.PI * (series[seriesId].startAngle ?? 0) / 360).endAngle(2 * Math.PI * (series[seriesId].endAngle ?? 360) / 360).padAngle(2 * Math.PI * (series[seriesId].paddingAngle ?? 0) / 360).sortValues(getSortingComparator(series[seriesId].sortingValues ?? 'none'))(series[seriesId].data.map(piePoint => piePoint.value));
+    const arcs = (0, _d3Shape.pie)().startAngle((0, _angleConversion.deg2rad)(series[seriesId].startAngle ?? 0)).endAngle((0, _angleConversion.deg2rad)(series[seriesId].endAngle ?? 360)).padAngle((0, _angleConversion.deg2rad)(series[seriesId].paddingAngle ?? 0)).sortValues(getSortingComparator(series[seriesId].sortingValues ?? 'none'))(series[seriesId].data.map(piePoint => piePoint.value));
     defaultizedSeries[seriesId] = (0, _extends2.default)({
       labelMarkType: 'circle',
       valueFormatter: item => item.value.toLocaleString()

package/PieChart/seriesConfig/tooltipPosition.d.ts

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

package/PieChart/seriesConfig/tooltipPosition.js

@@ -0,0 +1,75 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _findMinMax = require("../../internals/findMinMax");
+var _getPercentageValue = require("../../internals/getPercentageValue");
+var _getPieCoordinates = require("../getPieCoordinates");
+const tooltipItemPositionGetter = params => {
+  const {
+    series,
+    drawingArea,
+    identifier,
+    placement
+  } = params;
+  if (!identifier || identifier.dataIndex === undefined) {
+    return null;
+  }
+  const itemSeries = series.pie?.series[identifier.seriesId];
+  if (itemSeries == null) {
+    return null;
+  }
+  const {
+    cx,
+    cy,
+    availableRadius
+  } = (0, _getPieCoordinates.getPieCoordinates)({
+    cx: itemSeries.cx,
+    cy: itemSeries.cy
+  }, drawingArea);
+  const {
+    data,
+    innerRadius: baseInnerRadius = 0,
+    outerRadius: baseOuterRadius
+  } = itemSeries;
+  const innerRadius = Math.max(0, (0, _getPercentageValue.getPercentageValue)(baseInnerRadius ?? 0, availableRadius));
+  const outerRadius = Math.max(0, (0, _getPercentageValue.getPercentageValue)(baseOuterRadius ?? availableRadius, availableRadius));
+  const dataItem = data[identifier.dataIndex];
+  if (!dataItem) {
+    return null;
+  }
+
+  // Compute the 4 corner points of the arc to get the bounding box.
+  const points = [[innerRadius, dataItem.startAngle], [innerRadius, dataItem.endAngle], [outerRadius, dataItem.startAngle], [outerRadius, dataItem.endAngle]].map(([radius, angle]) => ({
+    x: cx + radius * Math.sin(angle),
+    y: cy - radius * Math.cos(angle)
+  }));
+  const [x0, x1] = (0, _findMinMax.findMinMax)(points.map(p => p.x));
+  const [y0, y1] = (0, _findMinMax.findMinMax)(points.map(p => p.y));
+  switch (placement) {
+    case 'bottom':
+      return {
+        x: (x1 + x0) / 2,
+        y: y1
+      };
+    case 'left':
+      return {
+        x: x0,
+        y: (y1 + y0) / 2
+      };
+    case 'right':
+      return {
+        x: x1,
+        y: (y1 + y0) / 2
+      };
+    case 'top':
+    default:
+      return {
+        x: (x1 + x0) / 2,
+        y: y0
+      };
+  }
+};
+var _default = exports.default = tooltipItemPositionGetter;

package/RadarChart/RadarAxis/RadarAxis.d.ts

@@ -22,7 +22,7 @@ export interface RadarAxisProps extends UseRadarAxisParams {
    */
   classes?: Partial<RadarAxisClasses>;
 }
-declare function RadarAxis(props: RadarAxisProps): React.JSX.Element | null;
+declare function RadarAxis(props: RadarAxisProps): import("react/jsx-runtime").JSX.Element | null;
 declare namespace RadarAxis {
   var propTypes: any;
 }

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

@@ -8,13 +8,13 @@ export declare function getLabelAttributes(params: GetLabelAttributesParams): {
   x: number;
   y: number;
   textAnchor: "inherit" | "end" | "start" | "middle" | undefined;
-  dominantBaseline: "inherit" | "auto" | "middle" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "text-before-edge" | "central" | "text-after-edge" | "use-script" | "no-change" | "reset-size" | undefined;
+  dominantBaseline: "inherit" | "auto" | "text-before-edge" | "middle" | "central" | "text-after-edge" | "ideographic" | "alphabetic" | "hanging" | "mathematical" | "use-script" | "no-change" | "reset-size" | undefined;
   transform?: undefined;
 } | {
   x: number;
   y: number;
   textAnchor: "inherit" | "end" | "start" | "middle" | undefined;
-  dominantBaseline: "inherit" | "auto" | "middle" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "text-before-edge" | "central" | "text-after-edge" | "use-script" | "no-change" | "reset-size" | undefined;
+  dominantBaseline: "inherit" | "auto" | "text-before-edge" | "middle" | "central" | "text-after-edge" | "ideographic" | "alphabetic" | "hanging" | "mathematical" | "use-script" | "no-change" | "reset-size" | undefined;
   transform: string;
 };
 export {};

package/RadarChart/RadarAxisHighlight/RadarAxisHighlight.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { RadarAxisHighlightClasses } from "./radarAxisHighlightClasses.js";
 export interface RadarAxisHighlightProps {
   /**
@@ -6,7 +5,7 @@ export interface RadarAxisHighlightProps {
    */
   classes?: Partial<RadarAxisHighlightClasses>;
 }
-declare function RadarAxisHighlight(props: RadarAxisHighlightProps): React.JSX.Element | null;
+declare function RadarAxisHighlight(props: RadarAxisHighlightProps): import("react/jsx-runtime").JSX.Element | null;
 declare namespace RadarAxisHighlight {
   var propTypes: any;
 }

package/RadarChart/RadarAxisHighlight/RadarAxisHighlight.js

@@ -1,18 +1,17 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.RadarAxisHighlight = RadarAxisHighlight;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _styles = require("@mui/material/styles");
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _useRadarAxisHighlight = require("./useRadarAxisHighlight");
 var _radarAxisHighlightClasses = require("./radarAxisHighlightClasses");
+var _getSeriesColorFn = require("../../internals/getSeriesColorFn");
 var _jsxRuntime = require("react/jsx-runtime");
 const useUtilityClasses = classes => {
   const slots = {
@@ -50,6 +49,7 @@ function RadarAxisHighlight(props) {
     points,
     radius,
     highlightedAngle,
+    highlightedIndex,
     instance
   } = data;
   const [x, y] = instance.polar2svg(radius, highlightedAngle);
@@ -63,8 +63,12 @@ function RadarAxisHighlight(props) {
       pointerEvents: "none",
       strokeDasharray: "4 4"
     }), points.map((point, seriesIndex) => {
+      const colorGetter = (0, _getSeriesColorFn.getSeriesColorFn)(series[seriesIndex]);
       return /*#__PURE__*/(0, _jsxRuntime.jsx)("circle", (0, _extends2.default)({
-        fill: series[seriesIndex].color,
+        fill: colorGetter({
+          value: point.value,
+          dataIndex: highlightedIndex
+        }),
         cx: point.x,
         cy: point.y,
         className: classes.dot,