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

package/modern/RadarChart/RadarDataProvider/RadarDataProvider.js

@@ -1,192 +0,0 @@
-'use client';
-
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["series", "children", "width", "height", "colors", "highlightedItem", "onHighlightChange", "className", "skipAnimation", "margin", "radar", "highlight"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { ChartDataProvider } from "../../ChartDataProvider/index.js";
-import { defaultizeMargin } from "../../internals/defaultizeMargin.js";
-import { useChartPolarAxis } from "../../internals/plugins/featurePlugins/useChartPolarAxis/index.js";
-import { useChartHighlight } from "../../internals/plugins/featurePlugins/useChartHighlight/index.js";
-import { useChartInteraction } from "../../internals/plugins/featurePlugins/useChartInteraction/index.js";
-import { radarSeriesConfig } from "../seriesConfig/index.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const RADAR_SERIES_CONFIG = {
-  radar: radarSeriesConfig
-};
-const RADAR_PLUGINS = [useChartPolarAxis, useChartInteraction, useChartHighlight];
-const DEFAULT_RADAR_MARGIN = {
-  top: 30,
-  bottom: 30,
-  left: 50,
-  right: 50
-};
-function RadarDataProvider(props) {
-  const {
-      series,
-      children,
-      width,
-      height,
-      colors,
-      highlightedItem,
-      onHighlightChange,
-      skipAnimation,
-      margin,
-      radar,
-      highlight
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const rotationAxes = React.useMemo(() => [{
-    id: 'radar-rotation-axis',
-    scaleType: 'point',
-    data: radar.metrics.map(metric => typeof metric === 'string' ? metric : metric.name),
-    startAngle: radar.startAngle,
-    endAngle: radar.startAngle !== undefined ? radar.startAngle + 360 : undefined,
-    labelGap: radar.labelGap,
-    valueFormatter: (name, {
-      location
-    }) => radar.labelFormatter?.(name, {
-      location: location
-    }) ?? name
-  }], [radar]);
-  const radiusAxis = React.useMemo(() => radar.metrics.map(m => {
-    const {
-      name,
-      min = 0,
-      max = radar.max
-    } = typeof m === 'string' ? {
-      name: m
-    } : m;
-    return {
-      id: name,
-      label: name,
-      scaleType: 'linear',
-      min,
-      max
-    };
-  }), [radar]);
-  const defaultizedSeries = React.useMemo(() => series.map(s => _extends({
-    type: 'radar',
-    highlightScope: s.highlightScope ?? (highlight === 'series' ? {
-      highlight: 'series',
-      fade: 'global'
-    } : undefined)
-  }, s)), [series, highlight]);
-  const defaultizedMargin = React.useMemo(() => defaultizeMargin(margin, DEFAULT_RADAR_MARGIN), [margin]);
-  return /*#__PURE__*/_jsx(ChartDataProvider, _extends({}, other, {
-    series: defaultizedSeries,
-    width: width,
-    height: height,
-    margin: defaultizedMargin,
-    colors: colors,
-    highlightedItem: highlightedItem,
-    onHighlightChange: onHighlightChange,
-    skipAnimation: skipAnimation,
-    plugins: RADAR_PLUGINS,
-    rotationAxis: rotationAxes,
-    radiusAxis: radiusAxis,
-    seriesConfig: RADAR_SERIES_CONFIG,
-    children: children
-  }));
-}
-process.env.NODE_ENV !== "production" ? RadarDataProvider.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  apiRef: PropTypes.shape({
-    current: PropTypes.object
-  }),
-  children: PropTypes.node,
-  className: PropTypes.string,
-  /**
-   * Color palette used to colorize multiple series.
-   * @default rainbowSurgePalette
-   */
-  colors: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.func]),
-  desc: PropTypes.string,
-  /**
-   * If `true`, the charts will not listen to the mouse move event.
-   * It might break interactive features, but will improve performance.
-   * @default false
-   */
-  disableAxisListener: PropTypes.bool,
-  /**
-   * The height of the chart in px. If not defined, it takes the height of the parent element.
-   */
-  height: PropTypes.number,
-  /**
-   * Indicates if the chart should highlight items per axis or per series.
-   * @default 'axis'
-   */
-  highlight: PropTypes.oneOf(['axis', 'none', 'series']),
-  /**
-   * The highlighted item.
-   * Used when the highlight is controlled.
-   */
-  highlightedItem: PropTypes.shape({
-    dataIndex: PropTypes.number,
-    seriesId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired
-  }),
-  /**
-   * This prop is used to help implement the accessibility logic.
-   * If you don't provide this prop. It falls back to a randomly generated id.
-   */
-  id: PropTypes.string,
-  /**
-   * The margin between the SVG and the drawing area.
-   * It's used for leaving some space for extra information such as the x- and y-axis or legend.
-   *
-   * Accepts a `number` to be used on all sides or an object with the optional properties: `top`, `bottom`, `left`, and `right`.
-   */
-  margin: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
-    bottom: PropTypes.number,
-    left: PropTypes.number,
-    right: PropTypes.number,
-    top: PropTypes.number
-  })]),
-  /**
-   * The callback fired when the highlighted item changes.
-   *
-   * @param {HighlightItemData | null} highlightedItem  The newly highlighted item.
-   */
-  onHighlightChange: PropTypes.func,
-  /**
-   * The configuration of the radar scales.
-   */
-  radar: PropTypes.shape({
-    labelFormatter: PropTypes.func,
-    labelGap: PropTypes.number,
-    max: PropTypes.number,
-    metrics: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.arrayOf(PropTypes.shape({
-      max: PropTypes.number,
-      min: PropTypes.number,
-      name: PropTypes.string.isRequired
-    }))]).isRequired,
-    startAngle: PropTypes.number
-  }).isRequired,
-  /**
-   * The series to display in the bar chart.
-   * An array of [[RadarSeriesType]] objects.
-   */
-  series: PropTypes.arrayOf(PropTypes.object).isRequired,
-  /**
-   * The configuration helpers used to compute attributes according to the serries type.
-   * @ignore Unstable props for internal usage.
-   */
-  seriesConfig: PropTypes.object,
-  /**
-   * If `true`, animations are skipped.
-   * If unset or `false`, the animations respects the user's `prefers-reduced-motion` setting.
-   */
-  skipAnimation: PropTypes.bool,
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
-  theme: PropTypes.oneOf(['dark', 'light']),
-  title: PropTypes.string,
-  /**
-   * The width of the chart in px. If not defined, it takes the width of the parent element.
-   */
-  width: PropTypes.number
-} : void 0;
-export { RadarDataProvider };

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

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

package/modern/RadarChart/RadarDataProvider/index.js

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

package/modern/RadarChart/RadarDataProvider/radar.types.d.ts

@@ -1,43 +0,0 @@
-import { ChartsRotationAxisProps } from "../../models/axis.js";
-export interface MetricConfig {
-  /**
-   * The name of the metric.
-   */
-  name: string;
-  /**
-   * The minimum value of the domain.
-   * @default 0
-   */
-  min?: number;
-  /**
-   * The maximum value of the domain.
-   * If not provided, it gets computed to display the entire chart data.
-   */
-  max?: number;
-}
-export type RadarLabelFormatterContext = {
-  location: 'tick' | 'tooltip';
-};
-export interface RadarConfig extends Pick<ChartsRotationAxisProps, 'labelGap'> {
-  /**
-   * The metrics shown by radar.
-   */
-  metrics: string[] | MetricConfig[];
-  /**
-   * The default max value for radius axes.
-   * It will be overridden if `metrics` contains a `max` property.
-   */
-  max?: number;
-  /**
-   * The starting angle of the rotation axis (in degrees)
-   * @default 0
-   */
-  startAngle?: number;
-  /**
-   * Format metric names according to their placement.
-   * @param {string} name The metric name.
-   * @param {RadarLabelFormatterContext} context Indicates where the label will be used.
-   * @returns {string} The label to display.
-   */
-  labelFormatter?: (name: string, context: RadarLabelFormatterContext) => string;
-}

package/modern/RadarChart/RadarDataProvider/radar.types.js

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

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

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

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 };