@mui/x-charts 8.0.0-beta.3 → 8.0.0

package/modern/RadarChart/RadarGrid/CircularRadarGrid.js

@@ -1,36 +0,0 @@
-import * as React from 'react';
-import { useTheme } from '@mui/material/styles';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * @ignore - internal component.
- */
-export function CircularRadarGrid(props) {
-  const {
-    center,
-    corners,
-    divisions,
-    radius
-  } = props;
-  const theme = useTheme();
-  const divisionRadius = Array.from({
-    length: divisions
-  }, (_, index) => radius * (index + 1) / divisions);
-  return /*#__PURE__*/_jsxs(React.Fragment, {
-    children: [corners.map(({
-      x,
-      y
-    }, i) => /*#__PURE__*/_jsx("path", {
-      d: `M ${center.x} ${center.y} L ${x} ${y}`,
-      stroke: (theme.vars || theme).palette.text.primary,
-      strokeWidth: 1,
-      fill: "none"
-    }, i)), divisionRadius.map(r => /*#__PURE__*/_jsx("circle", {
-      cx: center.x,
-      cy: center.y,
-      r: r,
-      stroke: (theme.vars || theme).palette.text.primary,
-      strokeWidth: 1,
-      fill: "none"
-    }, r))]
-  });
-}

package/modern/RadarChart/RadarGrid/RadarGrid.d.ts

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

package/modern/RadarChart/RadarGrid/RadarGrid.js

@@ -1,49 +0,0 @@
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { useRadarGridData } from "./useRadarGridData.js";
-import { SharpRadarGrid } from "./SharpRadarGrid.js";
-import { CircularRadarGrid } from "./CircularRadarGrid.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-function RadarGrid(props) {
-  const {
-    divisions = 5,
-    shape = 'sharp'
-  } = props;
-  const gridData = useRadarGridData();
-  if (gridData === null) {
-    return null;
-  }
-  const {
-    center,
-    corners,
-    radius
-  } = gridData;
-  return shape === 'sharp' ? /*#__PURE__*/_jsx(SharpRadarGrid, {
-    divisions: divisions,
-    corners: corners,
-    center: center,
-    radius: radius
-  }) : /*#__PURE__*/_jsx(CircularRadarGrid, {
-    divisions: divisions,
-    corners: corners,
-    center: center,
-    radius: radius
-  });
-}
-process.env.NODE_ENV !== "production" ? RadarGrid.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * The number of divisions in the radar grid.
-   * @default 5
-   */
-  divisions: PropTypes.number,
-  /**
-   * The grid shape.
-   * @default 'sharp'
-   */
-  shape: PropTypes.oneOf(['circular', 'sharp'])
-} : void 0;
-export { RadarGrid };

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

@@ -1,24 +0,0 @@
-export interface RadarGridProps {
-  /**
-   * The number of divisions in the radar grid.
-   * @default 5
-   */
-  divisions?: number;
-  /**
-   * The grid shape.
-   * @default 'sharp'
-   */
-  shape?: 'sharp' | 'circular';
-}
-export interface RadarGridRenderProps {
-  center: {
-    x: number;
-    y: number;
-  };
-  corners: {
-    x: number;
-    y: number;
-  }[];
-  divisions: number;
-  radius: number;
-}

package/modern/RadarChart/RadarGrid/RadarGrid.types.js

@@ -1 +0,0 @@
-export {};

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

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

package/modern/RadarChart/RadarGrid/SharpRadarGrid.js

@@ -1,36 +0,0 @@
-import * as React from 'react';
-import { useTheme } from '@mui/material/styles';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * @ignore - internal component.
- */
-export function SharpRadarGrid(props) {
-  const {
-    center,
-    corners,
-    divisions
-  } = props;
-  const theme = useTheme();
-  const divisionRatio = Array.from({
-    length: divisions
-  }, (_, index) => (index + 1) / divisions);
-  return /*#__PURE__*/_jsxs(React.Fragment, {
-    children: [corners.map(({
-      x,
-      y
-    }, i) => /*#__PURE__*/_jsx("path", {
-      d: `M ${center.x} ${center.y} L ${x} ${y}`,
-      stroke: (theme.vars || theme).palette.text.primary,
-      strokeWidth: 1,
-      fill: "none"
-    }, i)), divisionRatio.map(ratio => /*#__PURE__*/_jsx("path", {
-      d: `M ${corners.map(({
-        x,
-        y
-      }) => `${center.x * (1 - ratio) + ratio * x} ${center.y * (1 - ratio) + ratio * y}`).join(' L ')} Z`,
-      stroke: (theme.vars || theme).palette.text.primary,
-      strokeWidth: 1,
-      fill: "none"
-    }, ratio))]
-  });
-}

package/modern/RadarChart/RadarGrid/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./RadarGrid.js";
-export type { RadarGridProps } from './RadarGrid.types';

package/modern/RadarChart/RadarGrid/index.js

@@ -1,2 +0,0 @@
-export * from "./RadarGrid.js";
-export {};

package/modern/RadarChart/RadarGrid/useRadarGridData.d.ts

@@ -1,11 +0,0 @@
-export declare function useRadarGridData(): {
-  center: {
-    x: number;
-    y: number;
-  };
-  corners: {
-    x: number;
-    y: number;
-  }[];
-  radius: number;
-} | null;

package/modern/RadarChart/RadarGrid/useRadarGridData.js

@@ -1,38 +0,0 @@
-import { useRotationScale } from "../../hooks/useScale.js";
-import { useDrawingArea } from "../../hooks/useDrawingArea.js";
-import { useRadiusAxes } from "../../hooks/index.js";
-import { useChartContext } from "../../context/ChartProvider/useChartContext.js";
-export function useRadarGridData() {
-  const {
-    instance
-  } = useChartContext();
-  const rotationScale = useRotationScale();
-  const {
-    radiusAxis
-  } = useRadiusAxes();
-  const drawingArea = useDrawingArea();
-  const cx = drawingArea.left + drawingArea.width / 2;
-  const cy = drawingArea.top + drawingArea.height / 2;
-  if (!rotationScale || rotationScale.domain().length === 0) {
-    return null;
-  }
-  const metrics = rotationScale.domain();
-  const angles = metrics.map(key => rotationScale(key));
-  return {
-    center: {
-      x: cx,
-      y: cy
-    },
-    corners: metrics.map((metric, dataIndex) => {
-      const radiusScale = radiusAxis[metric].scale;
-      const r = radiusScale.range()[1];
-      const angle = angles[dataIndex];
-      const [x, y] = instance.polar2svg(r, angle);
-      return {
-        x,
-        y
-      };
-    }),
-    radius: radiusAxis[metrics[0]].scale.range()[1]
-  };
-}

package/modern/RadarChart/RadarMetricLabels/RadarMetricLabels.d.ts

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

package/modern/RadarChart/RadarMetricLabels/RadarMetricLabels.js

@@ -1,35 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import { useTheme } from '@mui/material/styles';
-import { useRadarMetricData } from "./useRadarMetricData.js";
-import { getDefaultBaseline, getDefaultTextAnchor } from "../../ChartsText/defaultTextPlacement.js";
-import { ChartsText } from "../../ChartsText/index.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-function RadarMetricLabels() {
-  const {
-    corners
-  } = useRadarMetricData();
-  const theme = useTheme();
-  return /*#__PURE__*/_jsx(React.Fragment, {
-    children: corners.map(({
-      x,
-      y,
-      angle,
-      label
-    }, i) => /*#__PURE__*/_jsx(ChartsText, {
-      x: x,
-      y: y,
-      fontSize: 14,
-      fill: (theme.vars || theme).palette.text.primary,
-      stroke: "none",
-      text: label,
-      style: _extends({}, theme.typography.caption, {
-        fontSize: 12,
-        lineHeight: 1.25,
-        textAnchor: getDefaultTextAnchor(180 + angle),
-        dominantBaseline: getDefaultBaseline(180 + angle)
-      })
-    }, i))
-  });
-}
-export { RadarMetricLabels };

package/modern/RadarChart/RadarMetricLabels/index.d.ts

@@ -1 +0,0 @@
-export * from "./RadarMetricLabels.js";

package/modern/RadarChart/RadarMetricLabels/index.js

@@ -1 +0,0 @@
-export * from "./RadarMetricLabels.js";

package/modern/RadarChart/RadarMetricLabels/useRadarMetricData.d.ts

@@ -1,8 +0,0 @@
-export declare function useRadarMetricData(): {
-  corners: {
-    x: number;
-    y: number;
-    angle: number;
-    label: string;
-  }[];
-};

package/modern/RadarChart/RadarMetricLabels/useRadarMetricData.js

@@ -1,35 +0,0 @@
-import { useDrawingArea } from "../../hooks/useDrawingArea.js";
-import { useRadiusAxes, useRotationAxis } from "../../hooks/useAxis.js";
-import { rad2deg } from "../../internals/angleConversion.js";
-export function useRadarMetricData() {
-  const rotationAxis = useRotationAxis();
-  const {
-    scale: rotationScale,
-    valueFormatter,
-    labelGap = 10
-  } = rotationAxis;
-  const {
-    radiusAxis
-  } = useRadiusAxes();
-  const drawingArea = useDrawingArea();
-  const cx = drawingArea.left + drawingArea.width / 2;
-  const cy = drawingArea.top + drawingArea.height / 2;
-  const metrics = rotationScale.domain();
-  const angles = metrics.map(key => rotationScale(key));
-  return {
-    corners: metrics.map((metric, dataIndex) => {
-      const radiusScale = radiusAxis[metric].scale;
-      const r = radiusScale.range()[1] + labelGap;
-      const angle = angles[dataIndex];
-      return {
-        x: cx + r * Math.sin(angle),
-        y: cy - r * Math.cos(angle),
-        angle: rad2deg(angle),
-        label: valueFormatter?.(metric, {
-          location: 'tick',
-          scale: rotationScale
-        }) ?? metric
-      };
-    })
-  };
-}

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

@@ -1,7 +0,0 @@
-import * as React from 'react';
-import { RadarSeriesAreaProps } from "./RadarSeriesPlot.types.js";
-declare function RadarSeriesArea(props: RadarSeriesAreaProps): React.JSX.Element;
-declare namespace RadarSeriesArea {
-  var propTypes: any;
-}
-export { RadarSeriesArea };

package/modern/RadarChart/RadarSeriesPlot/RadarSeriesArea.js

@@ -1,39 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["seriesId"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { useRadarSeriesData } from "./useRadarSeriesData.js";
-import { getAreaPath } from "./getAreaPath.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-function RadarSeriesArea(props) {
-  const {
-      seriesId
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const seriesCoordinates = useRadarSeriesData(seriesId);
-  return /*#__PURE__*/_jsx(React.Fragment, {
-    children: seriesCoordinates?.map(({
-      seriesId: id,
-      points,
-      color
-    }) => /*#__PURE__*/_jsx("path", _extends({
-      d: getAreaPath(points),
-      fill: color,
-      stroke: color,
-      fillOpacity: 0.4
-    }, other), id))
-  });
-}
-process.env.NODE_ENV !== "production" ? RadarSeriesArea.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * The id of the series to display.
-   * If undefined all series are displayed.
-   */
-  seriesId: PropTypes.string
-} : void 0;
-export { RadarSeriesArea };

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

@@ -1,7 +0,0 @@
-import * as React from 'react';
-import { RadarSeriesMarksProps } from "./RadarSeriesPlot.types.js";
-declare function RadarSeriesMarks(props: RadarSeriesMarksProps): React.JSX.Element;
-declare namespace RadarSeriesMarks {
-  var propTypes: any;
-}
-export { RadarSeriesMarks };

package/modern/RadarChart/RadarSeriesPlot/RadarSeriesMarks.js

@@ -1,38 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["seriesId"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { useRadarSeriesData } from "./useRadarSeriesData.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-function RadarSeriesMarks(props) {
-  const other = _objectWithoutPropertiesLoose(props, _excluded);
-  const seriesCoordinates = useRadarSeriesData(props.seriesId);
-  return /*#__PURE__*/_jsx(React.Fragment, {
-    children: seriesCoordinates?.map(({
-      seriesId: id,
-      points,
-      color
-    }) => /*#__PURE__*/_jsx("g", {
-      children: points.map((point, index) => /*#__PURE__*/_jsx("circle", _extends({
-        cx: point.x,
-        cy: point.y,
-        r: 5,
-        fill: color,
-        stroke: color
-      }, other), index))
-    }, id))
-  });
-}
-process.env.NODE_ENV !== "production" ? RadarSeriesMarks.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * The id of the series to display.
-   * If undefined all series are displayed.
-   */
-  seriesId: PropTypes.string
-} : void 0;
-export { RadarSeriesMarks };

package/modern/RadarChart/RadarSeriesPlot/RadarSeriesPlot.d.ts

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

package/modern/RadarChart/RadarSeriesPlot/RadarSeriesPlot.js

@@ -1,68 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { useRadarSeriesData } from "./useRadarSeriesData.js";
-import { getAreaPath } from "./getAreaPath.js";
-import { useInteractionAllItemProps } from "../../hooks/useInteractionItemProps.js";
-import { useItemHighlightedGetter } from "../../hooks/useItemHighlightedGetter.js";
-import { useUtilityClasses } from "./radarSeriesPlotClasses.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-function RadarSeriesPlot(props) {
-  const seriesCoordinates = useRadarSeriesData(props.seriesId);
-  const interactionProps = useInteractionAllItemProps(seriesCoordinates);
-  const {
-    isFaded,
-    isHighlighted
-  } = useItemHighlightedGetter();
-  const classes = useUtilityClasses(props.classes);
-  return /*#__PURE__*/_jsx("g", {
-    className: classes.root,
-    children: seriesCoordinates?.map(({
-      seriesId,
-      points,
-      color,
-      showMark
-    }, seriesIndex) => {
-      const isItemHighlighted = isHighlighted({
-        seriesId
-      });
-      const isItemFaded = !isItemHighlighted && isFaded({
-        seriesId
-      });
-      return /*#__PURE__*/_jsxs("g", {
-        children: [/*#__PURE__*/_jsx("path", _extends({
-          d: getAreaPath(points)
-        }, interactionProps[seriesIndex], {
-          className: isItemHighlighted && classes.highlighted || isItemFaded && classes.faded || undefined,
-          fill: color,
-          stroke: color,
-          filter: isItemHighlighted ? 'brightness(120%)' : undefined,
-          strokeOpacity: isItemFaded ? 0.5 : 1,
-          fillOpacity: isItemFaded ? 0.1 : 0.4
-        }), seriesId), showMark && points.map((point, index) => /*#__PURE__*/_jsx("circle", {
-          cx: point.x,
-          cy: point.y,
-          r: 5,
-          fill: color,
-          stroke: color
-        }, index))]
-      }, seriesId);
-    })
-  });
-}
-process.env.NODE_ENV !== "production" ? RadarSeriesPlot.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: PropTypes.object,
-  /**
-   * The id of the series to display.
-   * If undefined all series are displayed.
-   */
-  seriesId: PropTypes.string
-} : void 0;
-export { RadarSeriesPlot };

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

@@ -1,18 +0,0 @@
-import * as React from 'react';
-import { RadarSeriesPlotClasses } from "./radarSeriesPlotClasses.js";
-interface CommonRadarSeriesPlotProps {
-  /**
-   * The id of the series to display.
-   * If undefined all series are displayed.
-   */
-  seriesId?: string;
-}
-export interface RadarSeriesPlotProps extends CommonRadarSeriesPlotProps {
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes?: Partial<RadarSeriesPlotClasses>;
-}
-export interface RadarSeriesMarksProps extends CommonRadarSeriesPlotProps, React.SVGAttributes<SVGCircleElement> {}
-export interface RadarSeriesAreaProps extends CommonRadarSeriesPlotProps, React.SVGAttributes<SVGPathElement> {}
-export {};

package/modern/RadarChart/RadarSeriesPlot/RadarSeriesPlot.types.js

@@ -1 +0,0 @@
-export {};

package/modern/RadarChart/RadarSeriesPlot/getAreaPath.d.ts

@@ -1,4 +0,0 @@
-export declare function getAreaPath(points: {
-  x: number;
-  y: number;
-}[]): string;

package/modern/RadarChart/RadarSeriesPlot/getAreaPath.js

@@ -1,3 +0,0 @@
-export function getAreaPath(points) {
-  return `M ${points.map(p => `${p.x} ${p.y}`).join('L')} Z`;
-}

package/modern/RadarChart/RadarSeriesPlot/index.d.ts

@@ -1,6 +0,0 @@
-export * from "./RadarSeriesPlot.js";
-export type * from './RadarSeriesPlot.types';
-export * from "./RadarSeriesArea.js";
-export * from "./RadarSeriesMarks.js";
-export type { RadarSeriesPlotClasses, RadarSeriesPlotClassKey } from './radarSeriesPlotClasses';
-export { radarSeriesPlotClasses } from "./radarSeriesPlotClasses.js";

package/modern/RadarChart/RadarSeriesPlot/index.js

@@ -1,4 +0,0 @@
-export * from "./RadarSeriesPlot.js";
-export * from "./RadarSeriesArea.js";
-export * from "./RadarSeriesMarks.js";
-export { radarSeriesPlotClasses } from "./radarSeriesPlotClasses.js";

package/modern/RadarChart/RadarSeriesPlot/radarSeriesPlotClasses.d.ts

@@ -1,12 +0,0 @@
-export interface RadarSeriesPlotClasses {
-  /** Styles applied to the root element. */
-  root: string;
-  /** Styles applied to the series element if it is highlighted. */
-  highlighted: string;
-  /** Styles applied to the series element if it is faded. */
-  faded: string;
-}
-export type RadarSeriesPlotClassKey = keyof RadarSeriesPlotClasses;
-export declare function getRadarSeriesPlotUtilityClass(slot: string): string;
-export declare const radarSeriesPlotClasses: Record<"root" | "highlighted" | "faded", string>;
-export declare const useUtilityClasses: (classes?: Partial<RadarSeriesPlotClasses>) => Record<"root" | "highlighted" | "faded", string>;

package/modern/RadarChart/RadarSeriesPlot/radarSeriesPlotClasses.js

@@ -1,15 +0,0 @@
-import composeClasses from '@mui/utils/composeClasses';
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-export function getRadarSeriesPlotUtilityClass(slot) {
-  return generateUtilityClass('MuiRadarSeriesPlot', slot);
-}
-export const radarSeriesPlotClasses = generateUtilityClasses('MuiRadarSeriesPlot', ['root', 'highlighted', 'faded']);
-export const useUtilityClasses = classes => {
-  const slots = {
-    root: ['root'],
-    highlighted: ['highlighted'],
-    faded: ['faded']
-  };
-  return composeClasses(slots, getRadarSeriesPlotUtilityClass, classes);
-};

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

@@ -1,27 +0,0 @@
-import { 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
- * @returns
- */
-export declare function useRadarSeriesData(querySeriesId?: SeriesId): {
-  seriesId: SeriesId;
-  isSeriesHighlighted: boolean;
-  isSeriesFaded: boolean;
-  points: {
-    x: number;
-    y: number;
-    isItemHighlighted: boolean;
-    isItemFaded: boolean;
-    dataIndex: number;
-  }[];
-  type: "radar";
-  label?: string | ((location: "tooltip" | "legend") => string) | undefined;
-  highlightScope?: Partial<import("../..").HighlightScope> | undefined;
-  labelMarkType?: "line" | "square" | "circle" | import("react").ComponentType<import("../..").ChartsLabelCustomMarkProps> | undefined;
-  showMark?: boolean | undefined;
-  data: number[];
-  color: string;
-  id: SeriesId;
-  valueFormatter: import("../../internals").SeriesValueFormatter<number>;
-}[];

package/modern/RadarChart/RadarSeriesPlot/useRadarSeriesData.js

@@ -1,62 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import { useRotationScale } from "../../hooks/useScale.js";
-import { useRadarSeries } from "../../hooks/useRadarSeries.js";
-import { useRadiusAxes } from "../../hooks/useAxis.js";
-import { useItemHighlightedGetter } from "../../hooks/useItemHighlightedGetter.js";
-import { useChartContext } from "../../context/ChartProvider/useChartContext.js";
-
-/**
- * This hook provides all the data needed to display radar series.
- * @param querySeriesId The id of the series to display
- * @returns
- */
-export function useRadarSeriesData(querySeriesId) {
-  const {
-    instance
-  } = useChartContext();
-  const rotationScale = useRotationScale();
-  const {
-    radiusAxis
-  } = useRadiusAxes();
-  const radarSeries = useRadarSeries(querySeriesId === undefined ? undefined : [querySeriesId]);
-  const {
-    isFaded: isItemFaded,
-    isHighlighted: isItemHighlighted
-  } = useItemHighlightedGetter();
-  const metrics = rotationScale?.domain() ?? [];
-  const angles = metrics.map(key => rotationScale?.(key));
-  return radarSeries.map(series => {
-    const seriesId = series.id;
-    const isSeriesHighlighted = isItemHighlighted({
-      seriesId
-    });
-    const isSeriesFaded = !isSeriesHighlighted && isItemFaded({
-      seriesId
-    });
-    return _extends({}, series, {
-      seriesId: series.id,
-      isSeriesHighlighted,
-      isSeriesFaded,
-      points: series.data.map((value, dataIndex) => {
-        const highlighted = isItemHighlighted({
-          seriesId,
-          dataIndex
-        });
-        const faded = !highlighted && isItemFaded({
-          seriesId,
-          dataIndex
-        });
-        const r = radiusAxis[metrics[dataIndex]].scale(value);
-        const angle = angles[dataIndex];
-        const [x, y] = instance.polar2svg(r, angle);
-        return {
-          x,
-          y,
-          isItemHighlighted: highlighted,
-          isItemFaded: faded,
-          dataIndex
-        };
-      })
-    });
-  });
-}