@mui/x-charts 8.16.0 → 8.17.0

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/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/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,7 +5,7 @@ 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"));
@@ -13,7 +13,7 @@ var _legend = _interopRequireDefault(require("./legend"));
 var _tooltip = _interopRequireWildcard(require("./tooltip"));
 var _getSeriesWithDefaultValues = _interopRequireDefault(require("./getSeriesWithDefaultValues"));
 var _tooltipPosition = _interopRequireDefault(require("./tooltipPosition"));
-const seriesConfig = exports.seriesConfig = {
+const lineSeriesConfig = exports.lineSeriesConfig = {
   colorProcessor: _getColor.default,
   seriesProcessor: _seriesProcessor.default,
   legendGetter: _legend.default,

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/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,14 +4,14 @@ 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"));
 var _tooltipPosition = _interopRequireDefault(require("./tooltipPosition"));
-const seriesConfig = exports.seriesConfig = {
+const pieSeriesConfig = exports.pieSeriesConfig = {
   colorProcessor: _getColor.default,
   seriesProcessor: _seriesProcessor.default,
   legendGetter: _legend.default,

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,

package/RadarChart/RadarDataProvider/RadarDataProvider.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { MakeOptional } from '@mui/x-internals/types';
 import { RadarChartPluginSignatures } from "../RadarChart.plugins.js";
 import { RadarSeriesType } from "../../models/seriesType/radar.js";
@@ -22,5 +21,5 @@ export type RadarDataProviderProps<TSignatures extends readonly ChartAnyPluginSi
    */
   highlight?: 'axis' | 'series' | 'none';
 };
-declare function RadarDataProvider<TSignatures extends readonly ChartAnyPluginSignature[] = RadarChartPluginSignatures>(props: RadarDataProviderProps<TSignatures>): React.JSX.Element;
+declare function RadarDataProvider<TSignatures extends readonly ChartAnyPluginSignature[] = RadarChartPluginSignatures>(props: RadarDataProviderProps<TSignatures>): import("react/jsx-runtime").JSX.Element;
 export { RadarDataProvider };

package/RadarChart/RadarGrid/CircularRadarGrid.d.ts

@@ -1,6 +1,5 @@
-import * as React from 'react';
 import { RadarGridRenderProps } from "./RadarGrid.types.js";
 /**
  * @ignore - internal component.
  */
-export declare function CircularRadarGrid(props: RadarGridRenderProps): React.JSX.Element;
+export declare function CircularRadarGrid(props: RadarGridRenderProps): import("react/jsx-runtime").JSX.Element;

package/RadarChart/RadarGrid/CircularRadarStripes.d.ts

@@ -1,6 +1,5 @@
-import * as React from 'react';
 import { RadarGridStripeRenderProps } from "./RadarGrid.types.js";
 /**
  * @ignore - internal component.
  */
-export declare function CircularRadarStripes(props: RadarGridStripeRenderProps): React.JSX.Element;
+export declare function CircularRadarStripes(props: RadarGridStripeRenderProps): import("react/jsx-runtime").JSX.Element;

package/RadarChart/RadarGrid/RadarGrid.d.ts

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

package/RadarChart/RadarGrid/SharpRadarGrid.d.ts

@@ -1,6 +1,5 @@
-import * as React from 'react';
 import { RadarGridRenderProps } from "./RadarGrid.types.js";
 /**
  * @ignore - internal component.
  */
-export declare function SharpRadarGrid(props: RadarGridRenderProps): React.JSX.Element;
+export declare function SharpRadarGrid(props: RadarGridRenderProps): import("react/jsx-runtime").JSX.Element;

package/RadarChart/RadarGrid/SharpRadarStripes.d.ts

@@ -1,6 +1,5 @@
-import * as React from 'react';
 import { RadarGridStripeRenderProps } from "./RadarGrid.types.js";
 /**
  * @ignore - internal component.
  */
-export declare function SharpRadarStripes(props: RadarGridStripeRenderProps): React.JSX.Element;
+export declare function SharpRadarStripes(props: RadarGridStripeRenderProps): import("react/jsx-runtime").JSX.Element;

package/RadarChart/RadarMetricLabels/RadarMetricLabels.d.ts

@@ -1,3 +1,2 @@
-import * as React from 'react';
-declare function RadarMetricLabels(): React.JSX.Element;
+declare function RadarMetricLabels(): import("react/jsx-runtime").JSX.Element;
 export { RadarMetricLabels };

package/RadarChart/RadarSeriesPlot/RadarSeriesArea.d.ts

@@ -16,7 +16,7 @@ interface GetPathPropsParams {
   color: string;
 }
 export declare function getPathProps(params: GetPathPropsParams): React.SVGProps<SVGPathElement>;
-declare function RadarSeriesArea(props: RadarSeriesAreaProps): React.JSX.Element;
+declare function RadarSeriesArea(props: RadarSeriesAreaProps): import("react/jsx-runtime").JSX.Element;
 declare namespace RadarSeriesArea {
   var propTypes: any;
 }

package/RadarChart/RadarSeriesPlot/RadarSeriesMarks.d.ts

@@ -16,7 +16,7 @@ interface GetCirclePropsParams {
   color: string;
 }
 export declare function getCircleProps(params: GetCirclePropsParams): React.SVGProps<SVGCircleElement>;
-declare function RadarSeriesMarks(props: RadarSeriesMarksProps): React.JSX.Element;
+declare function RadarSeriesMarks(props: RadarSeriesMarksProps): import("react/jsx-runtime").JSX.Element;
 declare namespace RadarSeriesMarks {
   var propTypes: any;
 }

package/RadarChart/RadarSeriesPlot/RadarSeriesMarks.js

@@ -58,7 +58,6 @@ function RadarSeriesMarks(props) {
     children: seriesCoordinates?.map(({
       seriesId: id,
       points,
-      color,
       hideMark,
       fillArea
     }) => {
@@ -69,7 +68,7 @@ function RadarSeriesMarks(props) {
         children: points.map((point, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)("circle", (0, _extends2.default)({}, getCircleProps({
           seriesId: id,
           point,
-          color,
+          color: point.color,
           fillArea,
           isFaded,
           isHighlighted,

package/RadarChart/RadarSeriesPlot/RadarSeriesPlot.d.ts

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

package/RadarChart/RadarSeriesPlot/RadarSeriesPlot.js

@@ -1,13 +1,11 @@
 "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.RadarSeriesPlot = RadarSeriesPlot;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _useRadarSeriesData = require("./useRadarSeriesData");
 var _useInteractionItemProps = require("../../hooks/useInteractionItemProps");
@@ -60,7 +58,7 @@ function RadarSeriesPlot(props) {
         }, interactionProps[seriesIndex]), seriesId), !hideMark && points.map((point, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)("circle", (0, _extends2.default)({}, (0, _RadarSeriesMarks.getCircleProps)({
           seriesId,
           point,
-          color,
+          color: point.color,
           fillArea,
           isFaded,
           isHighlighted,

package/RadarChart/RadarSeriesPlot/useRadarSeriesData.d.ts

@@ -14,11 +14,14 @@ export declare function useRadarSeriesData(querySeriesId?: SeriesId): {
     isItemHighlighted: boolean;
     isItemFaded: boolean;
     dataIndex: number;
+    value: number;
+    color: string;
   }[];
   type: "radar";
   label?: string | ((location: "tooltip" | "legend") => string) | undefined;
   labelMarkType?: import("../../internals/index.js").ChartsLabelMarkType | undefined;
   highlightScope?: import("../../index.js").HighlightScope | undefined;
+  colorGetter?: ((data: import("../../internals/index.js").ColorCallbackValue<number>) => string) | undefined;
   hideMark?: boolean | undefined;
   fillArea?: boolean | undefined;
   data: number[];

package/RadarChart/RadarSeriesPlot/useRadarSeriesData.js

@@ -11,6 +11,7 @@ var _useRadarSeries = require("../../hooks/useRadarSeries");
 var _useAxis = require("../../hooks/useAxis");
 var _useItemHighlightedGetter = require("../../hooks/useItemHighlightedGetter");
 var _useChartContext = require("../../context/ChartProvider/useChartContext");
+var _getSeriesColorFn = require("../../internals/getSeriesColorFn");
 /**
  * This hook provides all the data needed to display radar series.
  * @param querySeriesId The id of the series to display
@@ -39,6 +40,7 @@ function useRadarSeriesData(querySeriesId) {
     const isSeriesFaded = !isSeriesHighlighted && isItemFaded({
       seriesId
     });
+    const getColor = (0, _getSeriesColorFn.getSeriesColorFn)(series);
     return (0, _extends2.default)({}, series, {
       seriesId: series.id,
       isSeriesHighlighted,
@@ -60,7 +62,12 @@ function useRadarSeriesData(querySeriesId) {
           y,
           isItemHighlighted: highlighted,
           isItemFaded: faded,
-          dataIndex
+          dataIndex,
+          value,
+          color: getColor({
+            value,
+            dataIndex
+          })
         };
       })
     });

package/RadarChart/seriesConfig/getColor.js

@@ -4,7 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _getSeriesColorFn = require("../../internals/getSeriesColorFn");
 const getColor = series => {
-  return () => series.color;
+  const getSeriesColor = (0, _getSeriesColorFn.getSeriesColorFn)(series);
+  return dataIndex => {
+    if (dataIndex === undefined) {
+      return series.color;
+    }
+    const value = series.data[dataIndex];
+    return getSeriesColor({
+      value,
+      dataIndex
+    });
+  };
 };
 var _default = exports.default = getColor;

package/ScatterChart/BatchScatter.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { DefaultizedScatterSeriesType } from "../models/seriesType/scatter.js";
 import { D3Scale } from "../models/axis.js";
 import { ScatterClasses } from "./scatterClasses.js";
@@ -29,4 +28,4 @@ export interface BatchScatterPathsProps {
  *
  * You can read about all the limitations [here](https://mui.com/x/react-charts/scatter/#performance).
  */
-export declare function BatchScatter(props: BatchScatterProps): React.JSX.Element;
+export declare function BatchScatter(props: BatchScatterProps): import("react/jsx-runtime").JSX.Element;