@mui/x-charts-premium 9.0.3 → 9.1.0

package/RadialLineChart/RadialLineHighlightElement.d.mts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { type SeriesId } from '@mui/x-charts/models';
+interface RadialLineHighlightElementCommonProps {
+  seriesId: SeriesId;
+  color: string;
+  x: number;
+  y: number;
+}
+export type RadialLineHighlightElementProps = (RadialLineHighlightElementCommonProps & {
+  shape: 'circle';
+} & Omit<React.SVGProps<SVGCircleElement>, 'ref'>) | (RadialLineHighlightElementCommonProps & {
+  shape: 'cross' | 'diamond' | 'square' | 'star' | 'triangle' | 'wye';
+} & Omit<React.SVGProps<SVGPathElement>, 'ref'>);
+declare function RadialLineHighlightElement(props: RadialLineHighlightElementProps): import("react/jsx-runtime").JSX.Element;
+export { RadialLineHighlightElement };

package/RadialLineChart/RadialLineHighlightElement.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { type SeriesId } from '@mui/x-charts/models';
+interface RadialLineHighlightElementCommonProps {
+  seriesId: SeriesId;
+  color: string;
+  x: number;
+  y: number;
+}
+export type RadialLineHighlightElementProps = (RadialLineHighlightElementCommonProps & {
+  shape: 'circle';
+} & Omit<React.SVGProps<SVGCircleElement>, 'ref'>) | (RadialLineHighlightElementCommonProps & {
+  shape: 'cross' | 'diamond' | 'square' | 'star' | 'triangle' | 'wye';
+} & Omit<React.SVGProps<SVGPathElement>, 'ref'>);
+declare function RadialLineHighlightElement(props: RadialLineHighlightElementProps): import("react/jsx-runtime").JSX.Element;
+export { RadialLineHighlightElement };

package/RadialLineChart/RadialLineHighlightElement.js

@@ -0,0 +1,46 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RadialLineHighlightElement = RadialLineHighlightElement;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var React = _interopRequireWildcard(require("react"));
+var _reactMajor = _interopRequireDefault(require("@mui/x-internals/reactMajor"));
+var _d3Shape = require("@mui/x-charts-vendor/d3-shape");
+var _internals = require("@mui/x-charts/internals");
+var _radialLineClasses = require("./radialLineClasses");
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["x", "y", "seriesId", "color", "shape"];
+function RadialLineHighlightElement(props) {
+  const {
+      x,
+      y,
+      color,
+      shape
+    } = props,
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const classes = (0, _radialLineClasses.useUtilityClasses)();
+  const Element = shape === 'circle' ? 'circle' : 'path';
+  const additionalProps = shape === 'circle' ? {
+    cx: 0,
+    cy: 0,
+    r: other.r === undefined ? 5 : other.r
+  } : {
+    d: (0, _d3Shape.symbol)(_d3Shape.symbolsFill[(0, _internals.getSymbol)(shape)])()
+  };
+  const transformOrigin = _reactMajor.default > 18 ? {
+    transformOrigin: `${x} ${y}`
+  } : {
+    'transform-origin': `${x} ${y}`
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Element, (0, _extends2.default)({
+    pointerEvents: "none",
+    className: classes.highlight,
+    transform: `translate(${x} ${y})`,
+    fill: color
+  }, transformOrigin, additionalProps, other));
+}

package/RadialLineChart/RadialLineHighlightElement.mjs

@@ -0,0 +1,39 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["x", "y", "seriesId", "color", "shape"];
+import * as React from 'react';
+import reactMajor from '@mui/x-internals/reactMajor';
+import { symbol as d3Symbol, symbolsFill as d3SymbolsFill } from '@mui/x-charts-vendor/d3-shape';
+import { getSymbol } from '@mui/x-charts/internals';
+import { useUtilityClasses } from "./radialLineClasses.mjs";
+import { jsx as _jsx } from "react/jsx-runtime";
+function RadialLineHighlightElement(props) {
+  const {
+      x,
+      y,
+      color,
+      shape
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
+  const classes = useUtilityClasses();
+  const Element = shape === 'circle' ? 'circle' : 'path';
+  const additionalProps = shape === 'circle' ? {
+    cx: 0,
+    cy: 0,
+    r: other.r === undefined ? 5 : other.r
+  } : {
+    d: d3Symbol(d3SymbolsFill[getSymbol(shape)])()
+  };
+  const transformOrigin = reactMajor > 18 ? {
+    transformOrigin: `${x} ${y}`
+  } : {
+    'transform-origin': `${x} ${y}`
+  };
+  return /*#__PURE__*/_jsx(Element, _extends({
+    pointerEvents: "none",
+    className: classes.highlight,
+    transform: `translate(${x} ${y})`,
+    fill: color
+  }, transformOrigin, additionalProps, other));
+}
+export { RadialLineHighlightElement };

package/RadialLineChart/RadialLineHighlightPlot.d.mts

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import { type SlotComponentPropsFromProps } from '@mui/x-internals/types';
+import { type RadialLineHighlightElementProps } from "./RadialLineHighlightElement.mjs";
+export interface RadialLineHighlightPlotSlots {
+  radialLineHighlight?: React.JSXElementConstructor<RadialLineHighlightElementProps>;
+}
+export interface RadialLineHighlightPlotSlotProps {
+  radialLineHighlight?: SlotComponentPropsFromProps<RadialLineHighlightElementProps, {}, {}>;
+}
+export interface RadialLineHighlightPlotProps extends React.SVGAttributes<SVGGElement> {
+  /**
+   * Overridable component slots.
+   * @default {}
+   */
+  slots?: RadialLineHighlightPlotSlots;
+  /**
+   * The props used for each component slot.
+   * @default {}
+   */
+  slotProps?: RadialLineHighlightPlotSlotProps;
+}
+declare function RadialLineHighlightPlot(props: RadialLineHighlightPlotProps): import("react/jsx-runtime").JSX.Element | null;
+export { RadialLineHighlightPlot };

package/RadialLineChart/RadialLineHighlightPlot.d.ts

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import { type SlotComponentPropsFromProps } from '@mui/x-internals/types';
+import { type RadialLineHighlightElementProps } from "./RadialLineHighlightElement.js";
+export interface RadialLineHighlightPlotSlots {
+  radialLineHighlight?: React.JSXElementConstructor<RadialLineHighlightElementProps>;
+}
+export interface RadialLineHighlightPlotSlotProps {
+  radialLineHighlight?: SlotComponentPropsFromProps<RadialLineHighlightElementProps, {}, {}>;
+}
+export interface RadialLineHighlightPlotProps extends React.SVGAttributes<SVGGElement> {
+  /**
+   * Overridable component slots.
+   * @default {}
+   */
+  slots?: RadialLineHighlightPlotSlots;
+  /**
+   * The props used for each component slot.
+   * @default {}
+   */
+  slotProps?: RadialLineHighlightPlotSlotProps;
+}
+declare function RadialLineHighlightPlot(props: RadialLineHighlightPlotProps): import("react/jsx-runtime").JSX.Element | null;
+export { RadialLineHighlightPlot };

package/RadialLineChart/RadialLineHighlightPlot.js

@@ -0,0 +1,92 @@
+"use strict";
+'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.RadialLineHighlightPlot = RadialLineHighlightPlot;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var React = _interopRequireWildcard(require("react"));
+var _internals = require("@mui/x-charts/internals");
+var _hooks = require("@mui/x-charts/hooks");
+var _useRadialLineSeries = require("../hooks/useRadialLineSeries");
+var _RadialLineHighlightElement = require("./RadialLineHighlightElement");
+var _getColor = _interopRequireDefault(require("./seriesConfig/getColor"));
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["slots", "slotProps"];
+function RadialLineHighlightPlot(props) {
+  const {
+      slots,
+      slotProps
+    } = props,
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const seriesData = (0, _useRadialLineSeries.useRadialLineSeriesContext)();
+  const {
+    radiusAxis,
+    radiusAxisIds
+  } = (0, _hooks.useRadiusAxes)();
+  const {
+    rotationAxis,
+    rotationAxisIds
+  } = (0, _hooks.useRotationAxes)();
+  const {
+    instance,
+    store
+  } = (0, _internals.useChartsContext)();
+  const highlightedIndex = store.use(_internals.selectorChartsInteractionRotationAxisIndex);
+  if (highlightedIndex === null || highlightedIndex === -1) {
+    return null;
+  }
+  if (seriesData === undefined) {
+    return null;
+  }
+  const {
+    series,
+    stackingGroups
+  } = seriesData;
+  const defaultRotationAxisId = rotationAxisIds[0];
+  const defaultRadiusAxisId = radiusAxisIds[0];
+  const Element = slots?.radialLineHighlight ?? _RadialLineHighlightElement.RadialLineHighlightElement;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("g", (0, _extends2.default)({}, other, {
+    children: stackingGroups.flatMap(({
+      ids: groupIds
+    }) => groupIds.flatMap(seriesId => {
+      const {
+        rotationAxisId = defaultRotationAxisId,
+        radiusAxisId = defaultRadiusAxisId,
+        stackedData,
+        data,
+        disableHighlight,
+        shape = 'circle',
+        hidden
+      } = series[seriesId];
+      if (hidden || disableHighlight || data[highlightedIndex] == null) {
+        return null;
+      }
+      const radiusScale = radiusAxis[radiusAxisId].scale;
+      const rotationPosition = (0, _hooks.getValueToPositionMapper)(rotationAxis[rotationAxisId].scale);
+      const rotationData = rotationAxis[rotationAxisId].data;
+      if (rotationData === undefined) {
+        return null;
+      }
+      const value = stackedData[highlightedIndex]?.[1] ?? data[highlightedIndex];
+      const radius = radiusScale(value);
+      const angle = rotationPosition(rotationData[highlightedIndex]);
+      const [x, y] = instance.polar2svg(radius, angle);
+      if (!instance.isPointInside(x, y)) {
+        return null;
+      }
+      const colorGetter = (0, _getColor.default)(series[seriesId], rotationAxis[rotationAxisId], radiusAxis[radiusAxisId]);
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(Element, (0, _extends2.default)({
+        seriesId: seriesId,
+        color: colorGetter(highlightedIndex),
+        x: x,
+        y: y,
+        shape: shape
+      }, slotProps?.radialLineHighlight), `${seriesId}`);
+    }))
+  }));
+}

package/RadialLineChart/RadialLineHighlightPlot.mjs

@@ -0,0 +1,86 @@
+'use client';
+
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["slots", "slotProps"];
+import * as React from 'react';
+import { selectorChartsInteractionRotationAxisIndex, useChartsContext } from '@mui/x-charts/internals';
+import { getValueToPositionMapper, useRadiusAxes, useRotationAxes } from '@mui/x-charts/hooks';
+import { useRadialLineSeriesContext } from "../hooks/useRadialLineSeries.mjs";
+import { RadialLineHighlightElement } from "./RadialLineHighlightElement.mjs";
+import getColor from "./seriesConfig/getColor.mjs";
+import { jsx as _jsx } from "react/jsx-runtime";
+function RadialLineHighlightPlot(props) {
+  const {
+      slots,
+      slotProps
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
+  const seriesData = useRadialLineSeriesContext();
+  const {
+    radiusAxis,
+    radiusAxisIds
+  } = useRadiusAxes();
+  const {
+    rotationAxis,
+    rotationAxisIds
+  } = useRotationAxes();
+  const {
+    instance,
+    store
+  } = useChartsContext();
+  const highlightedIndex = store.use(selectorChartsInteractionRotationAxisIndex);
+  if (highlightedIndex === null || highlightedIndex === -1) {
+    return null;
+  }
+  if (seriesData === undefined) {
+    return null;
+  }
+  const {
+    series,
+    stackingGroups
+  } = seriesData;
+  const defaultRotationAxisId = rotationAxisIds[0];
+  const defaultRadiusAxisId = radiusAxisIds[0];
+  const Element = slots?.radialLineHighlight ?? RadialLineHighlightElement;
+  return /*#__PURE__*/_jsx("g", _extends({}, other, {
+    children: stackingGroups.flatMap(({
+      ids: groupIds
+    }) => groupIds.flatMap(seriesId => {
+      const {
+        rotationAxisId = defaultRotationAxisId,
+        radiusAxisId = defaultRadiusAxisId,
+        stackedData,
+        data,
+        disableHighlight,
+        shape = 'circle',
+        hidden
+      } = series[seriesId];
+      if (hidden || disableHighlight || data[highlightedIndex] == null) {
+        return null;
+      }
+      const radiusScale = radiusAxis[radiusAxisId].scale;
+      const rotationPosition = getValueToPositionMapper(rotationAxis[rotationAxisId].scale);
+      const rotationData = rotationAxis[rotationAxisId].data;
+      if (rotationData === undefined) {
+        return null;
+      }
+      const value = stackedData[highlightedIndex]?.[1] ?? data[highlightedIndex];
+      const radius = radiusScale(value);
+      const angle = rotationPosition(rotationData[highlightedIndex]);
+      const [x, y] = instance.polar2svg(radius, angle);
+      if (!instance.isPointInside(x, y)) {
+        return null;
+      }
+      const colorGetter = getColor(series[seriesId], rotationAxis[rotationAxisId], radiusAxis[radiusAxisId]);
+      return /*#__PURE__*/_jsx(Element, _extends({
+        seriesId: seriesId,
+        color: colorGetter(highlightedIndex),
+        x: x,
+        y: y,
+        shape: shape
+      }, slotProps?.radialLineHighlight), `${seriesId}`);
+    }))
+  }));
+}
+export { RadialLineHighlightPlot };

package/RadialLineChart/RadialMarkPlot.js

@@ -4,9 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.RadialMarkPlot = RadialMarkPlot;
+var _d3Shape = require("@mui/x-charts-vendor/d3-shape");
 var _styles = require("@mui/material/styles");
+var _internals = require("@mui/x-charts/internals");
 var _useRadialLinePlotData = require("./useRadialLinePlotData");
 var _radialLineClasses = require("./radialLineClasses");
+var _hooks = require("../hooks");
 var _jsxRuntime = require("react/jsx-runtime");
 const RadialMarkPlotRoot = (0, _styles.styled)('g', {
   name: 'MuiRadialMarkPlot',
@@ -17,6 +20,7 @@ function RadialMarkPlot(props) {
     classes: inClasses
   } = props;
   const completedData = (0, _useRadialLinePlotData.useRadialLinePlotData)();
+  const getHighlightState = (0, _hooks.useItemHighlightStateGetter)();
   const classes = (0, _radialLineClasses.useUtilityClasses)({
     classes: inClasses
   });
@@ -26,20 +30,45 @@ function RadialMarkPlot(props) {
       points,
       seriesId,
       color,
-      hidden
+      hidden,
+      showMark,
+      shape
     }) => {
+      if (!showMark) {
+        return null;
+      }
+      const path = shape === 'circle' ? null : (0, _d3Shape.symbol)(_d3Shape.symbolsFill[(0, _internals.getSymbol)(shape)])();
+      const highlightState = getHighlightState({
+        type: 'radialLine',
+        seriesId
+      });
+      const isHighlighted = highlightState === 'highlighted';
+      const isFaded = highlightState === 'faded';
+      const fadedOpacity = isFaded ? 0.3 : 1;
       return /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
         "data-series": seriesId,
         children: points.map(({
           x,
           y,
           dataIndex
-        }) => /*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
+        }) => shape === 'circle' ? /*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
           cx: x,
           cy: y,
           r: 4,
           fill: color,
-          opacity: hidden ? 0 : 1,
+          "data-highlighted": isHighlighted || undefined,
+          "data-faded": isFaded || undefined,
+          filter: isHighlighted ? 'brightness(120%)' : undefined,
+          opacity: hidden ? 0 : fadedOpacity,
+          className: classes.mark
+        }, dataIndex) : /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+          d: path,
+          transform: `translate(${x}, ${y})`,
+          fill: color,
+          "data-highlighted": isHighlighted || undefined,
+          "data-faded": isFaded || undefined,
+          filter: isHighlighted ? 'brightness(120%)' : undefined,
+          opacity: hidden ? 0 : fadedOpacity,
           className: classes.mark
         }, dataIndex))
       }, seriesId);

package/RadialLineChart/RadialMarkPlot.mjs

@@ -1,6 +1,9 @@
+import { symbol as d3Symbol, symbolsFill as d3SymbolsFill } from '@mui/x-charts-vendor/d3-shape';
 import { styled } from '@mui/material/styles';
+import { getSymbol } from '@mui/x-charts/internals';
 import { useRadialLinePlotData } from "./useRadialLinePlotData.mjs";
 import { useUtilityClasses } from "./radialLineClasses.mjs";
+import { useItemHighlightStateGetter } from "../hooks/index.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 const RadialMarkPlotRoot = styled('g', {
   name: 'MuiRadialMarkPlot',
@@ -11,6 +14,7 @@ export function RadialMarkPlot(props) {
     classes: inClasses
   } = props;
   const completedData = useRadialLinePlotData();
+  const getHighlightState = useItemHighlightStateGetter();
   const classes = useUtilityClasses({
     classes: inClasses
   });
@@ -20,20 +24,45 @@ export function RadialMarkPlot(props) {
       points,
       seriesId,
       color,
-      hidden
+      hidden,
+      showMark,
+      shape
     }) => {
+      if (!showMark) {
+        return null;
+      }
+      const path = shape === 'circle' ? null : d3Symbol(d3SymbolsFill[getSymbol(shape)])();
+      const highlightState = getHighlightState({
+        type: 'radialLine',
+        seriesId
+      });
+      const isHighlighted = highlightState === 'highlighted';
+      const isFaded = highlightState === 'faded';
+      const fadedOpacity = isFaded ? 0.3 : 1;
       return /*#__PURE__*/_jsx("g", {
         "data-series": seriesId,
         children: points.map(({
           x,
           y,
           dataIndex
-        }) => /*#__PURE__*/_jsx("circle", {
+        }) => shape === 'circle' ? /*#__PURE__*/_jsx("circle", {
           cx: x,
           cy: y,
           r: 4,
           fill: color,
-          opacity: hidden ? 0 : 1,
+          "data-highlighted": isHighlighted || undefined,
+          "data-faded": isFaded || undefined,
+          filter: isHighlighted ? 'brightness(120%)' : undefined,
+          opacity: hidden ? 0 : fadedOpacity,
+          className: classes.mark
+        }, dataIndex) : /*#__PURE__*/_jsx("path", {
+          d: path,
+          transform: `translate(${x}, ${y})`,
+          fill: color,
+          "data-highlighted": isHighlighted || undefined,
+          "data-faded": isFaded || undefined,
+          filter: isHighlighted ? 'brightness(120%)' : undefined,
+          opacity: hidden ? 0 : fadedOpacity,
           className: classes.mark
         }, dataIndex))
       }, seriesId);

package/RadialLineChart/index.d.mts

@@ -1,4 +1,6 @@
 export * from "./RadialLineChart.mjs";
 export * from "./RadialAreaPlot.mjs";
 export * from "./RadialLinePlot.mjs";
-export * from "./RadialMarkPlot.mjs";
+export * from "./RadialMarkPlot.mjs";
+export * from "./RadialLineHighlightElement.mjs";
+export * from "./RadialLineHighlightPlot.mjs";

package/RadialLineChart/index.d.ts

@@ -1,4 +1,6 @@
 export * from "./RadialLineChart.js";
 export * from "./RadialAreaPlot.js";
 export * from "./RadialLinePlot.js";
-export * from "./RadialMarkPlot.js";
+export * from "./RadialMarkPlot.js";
+export * from "./RadialLineHighlightElement.js";
+export * from "./RadialLineHighlightPlot.js";

package/RadialLineChart/index.js

@@ -46,4 +46,26 @@ Object.keys(_RadialMarkPlot).forEach(function (key) {
       return _RadialMarkPlot[key];
     }
   });
+});
+var _RadialLineHighlightElement = require("./RadialLineHighlightElement");
+Object.keys(_RadialLineHighlightElement).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _RadialLineHighlightElement[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _RadialLineHighlightElement[key];
+    }
+  });
+});
+var _RadialLineHighlightPlot = require("./RadialLineHighlightPlot");
+Object.keys(_RadialLineHighlightPlot).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _RadialLineHighlightPlot[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _RadialLineHighlightPlot[key];
+    }
+  });
 });

package/RadialLineChart/index.mjs

@@ -1,4 +1,6 @@
 export * from "./RadialLineChart.mjs";
 export * from "./RadialAreaPlot.mjs";
 export * from "./RadialLinePlot.mjs";
-export * from "./RadialMarkPlot.mjs";
+export * from "./RadialMarkPlot.mjs";
+export * from "./RadialLineHighlightElement.mjs";
+export * from "./RadialLineHighlightPlot.mjs";

package/RadialLineChart/radialLineClasses.d.mts

@@ -5,6 +5,8 @@ export interface RadialLineClasses {
   line: string;
   /** Styles applied to the mark element. */
   mark: string;
+  /** Styles applied to the highlight element. */
+  highlight: string;
   /** Styles applied to the AreaPlot root element. */
   areaPlot: string;
   /** Styles applied to the LinePlot root element. */
@@ -22,4 +24,4 @@ export declare const radialLineClasses: RadialLineClasses;
 export interface UseUtilityClassesOptions {
   classes?: Partial<RadialLineClasses>;
 }
-export declare const useUtilityClasses: (options?: UseUtilityClassesOptions) => Record<"line" | "area" | "mark" | "areaPlot" | "linePlot" | "markPlot", string>;
+export declare const useUtilityClasses: (options?: UseUtilityClassesOptions) => Record<"line" | "area" | "mark" | "highlight" | "areaPlot" | "linePlot" | "markPlot", string>;

package/RadialLineChart/radialLineClasses.d.ts

@@ -5,6 +5,8 @@ export interface RadialLineClasses {
   line: string;
   /** Styles applied to the mark element. */
   mark: string;
+  /** Styles applied to the highlight element. */
+  highlight: string;
   /** Styles applied to the AreaPlot root element. */
   areaPlot: string;
   /** Styles applied to the LinePlot root element. */
@@ -22,4 +24,4 @@ export declare const radialLineClasses: RadialLineClasses;
 export interface UseUtilityClassesOptions {
   classes?: Partial<RadialLineClasses>;
 }
-export declare const useUtilityClasses: (options?: UseUtilityClassesOptions) => Record<"line" | "area" | "mark" | "areaPlot" | "linePlot" | "markPlot", string>;
+export declare const useUtilityClasses: (options?: UseUtilityClassesOptions) => Record<"line" | "area" | "mark" | "highlight" | "areaPlot" | "linePlot" | "markPlot", string>;

package/RadialLineChart/radialLineClasses.js

@@ -12,7 +12,7 @@ var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generat
 function getLineUtilityClass(slot) {
   return (0, _generateUtilityClass.default)('MuiRadialLineChart', slot);
 }
-const radialLineClasses = exports.radialLineClasses = (0, _generateUtilityClasses.default)('MuiRadialLineChart', ['area', 'line', 'mark', 'areaPlot', 'linePlot', 'markPlot']);
+const radialLineClasses = exports.radialLineClasses = (0, _generateUtilityClasses.default)('MuiRadialLineChart', ['area', 'line', 'mark', 'highlight', 'areaPlot', 'linePlot', 'markPlot']);
 const useUtilityClasses = options => {
   const {
     classes
@@ -21,6 +21,7 @@ const useUtilityClasses = options => {
     area: ['area'],
     line: ['line'],
     mark: ['mark'],
+    highlight: ['highlight'],
     areaPlot: ['areaPlot'],
     linePlot: ['linePlot'],
     markPlot: ['markPlot']

package/RadialLineChart/radialLineClasses.mjs

@@ -4,7 +4,7 @@ import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
 export function getLineUtilityClass(slot) {
   return generateUtilityClass('MuiRadialLineChart', slot);
 }
-export const radialLineClasses = generateUtilityClasses('MuiRadialLineChart', ['area', 'line', 'mark', 'areaPlot', 'linePlot', 'markPlot']);
+export const radialLineClasses = generateUtilityClasses('MuiRadialLineChart', ['area', 'line', 'mark', 'highlight', 'areaPlot', 'linePlot', 'markPlot']);
 export const useUtilityClasses = options => {
   const {
     classes
@@ -13,6 +13,7 @@ export const useUtilityClasses = options => {
     area: ['area'],
     line: ['line'],
     mark: ['mark'],
+    highlight: ['highlight'],
     areaPlot: ['areaPlot'],
     linePlot: ['linePlot'],
     markPlot: ['markPlot']

package/RadialLineChart/seriesConfig/getItemAtPosition.d.mts

@@ -0,0 +1,6 @@
+import { type ChartState, type UseChartPolarAxisSignature } from '@mui/x-charts/internals';
+import type { SeriesItemIdentifierWithType } from '@mui/x-charts/models';
+export default function getItemAtPosition(state: ChartState<[UseChartPolarAxisSignature]>, point: {
+  x: number;
+  y: number;
+}): SeriesItemIdentifierWithType<'radialLine'> | undefined;

package/RadialLineChart/seriesConfig/getItemAtPosition.d.ts

@@ -0,0 +1,6 @@
+import { type ChartState, type UseChartPolarAxisSignature } from '@mui/x-charts/internals';
+import type { SeriesItemIdentifierWithType } from '@mui/x-charts/models';
+export default function getItemAtPosition(state: ChartState<[UseChartPolarAxisSignature]>, point: {
+  x: number;
+  y: number;
+}): SeriesItemIdentifierWithType<'radialLine'> | undefined;