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

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

package/modern/RadarChart/index.d.ts

@@ -1,8 +0,0 @@
-export { RadarChart as Unstable_RadarChart } from "./RadarChart.js";
-export { RadarDataProvider as Unstable_RadarDataProvider } from "./RadarDataProvider/index.js";
-export type { RadarChartProps } from './RadarChart';
-export type { RadarDataProviderProps } from './RadarDataProvider';
-export * from "./RadarGrid/index.js";
-export * from "./RadarAxisHighlight/index.js";
-export * from "./RadarMetricLabels/index.js";
-export * from "./RadarSeriesPlot/index.js";

package/modern/RadarChart/index.js

@@ -1,6 +0,0 @@
-export { RadarChart as Unstable_RadarChart } from "./RadarChart.js";
-export { RadarDataProvider as Unstable_RadarDataProvider } from "./RadarDataProvider/index.js";
-export * from "./RadarGrid/index.js";
-export * from "./RadarAxisHighlight/index.js";
-export * from "./RadarMetricLabels/index.js";
-export * from "./RadarSeriesPlot/index.js";

package/modern/RadarChart/seriesConfig/extremums.d.ts

@@ -1,3 +0,0 @@
-import { PolarExtremumGetter } from "../../internals/plugins/models/seriesConfig/index.js";
-export declare const radiusExtremumGetter: PolarExtremumGetter<'radar'>;
-export declare const rotationExtremumGetter: PolarExtremumGetter<'radar'>;

package/modern/RadarChart/seriesConfig/extremums.js

@@ -1,18 +0,0 @@
-export const radiusExtremumGetter = ({
-  series,
-  axisIndex
-}) => {
-  return Object.keys(series).filter(seriesId => series[seriesId].type === 'radar').reduce((acc, seriesId) => {
-    const {
-      data
-    } = series[seriesId];
-    return [Math.min(data[axisIndex], acc[0]), Math.max(data[axisIndex], acc[1])];
-  }, [Infinity, -Infinity]);
-};
-export const rotationExtremumGetter = ({
-  axis
-}) => {
-  const min = Math.min(...(axis.data ?? []));
-  const max = Math.max(...(axis.data ?? []));
-  return [min, max];
-};

package/modern/RadarChart/seriesConfig/formatter.d.ts

@@ -1,3 +0,0 @@
-import { SeriesProcessor } from "../../internals/plugins/models/seriesConfig/index.js";
-declare const formatter: SeriesProcessor<'radar'>;
-export default formatter;

package/modern/RadarChart/seriesConfig/formatter.js

@@ -1,12 +0,0 @@
-import { defaultizeValueFormatter } from "../../internals/defaultizeValueFormatter.js";
-const formatter = params => {
-  const {
-    seriesOrder,
-    series
-  } = params;
-  return {
-    seriesOrder,
-    series: defaultizeValueFormatter(series, v => v == null ? '' : v.toLocaleString())
-  };
-};
-export default formatter;

package/modern/RadarChart/seriesConfig/getColor.d.ts

@@ -1,3 +0,0 @@
-import { ColorProcessor } from "../../internals/plugins/models/seriesConfig/index.js";
-declare const getColor: ColorProcessor<'radar'>;
-export default getColor;

package/modern/RadarChart/seriesConfig/getColor.js

@@ -1,4 +0,0 @@
-const getColor = series => {
-  return () => series.color;
-};
-export default getColor;

package/modern/RadarChart/seriesConfig/getSeriesWithDefaultValues.d.ts

@@ -1,3 +0,0 @@
-import type { GetSeriesWithDefaultValues } from '../../internals/plugins/models/seriesConfig';
-declare const getSeriesWithDefaultValues: GetSeriesWithDefaultValues<'radar'>;
-export default getSeriesWithDefaultValues;

package/modern/RadarChart/seriesConfig/getSeriesWithDefaultValues.js

@@ -1,8 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-const getSeriesWithDefaultValues = (seriesData, seriesIndex, colors) => {
-  return _extends({
-    id: seriesData.id ?? `auto-generated-id-${seriesIndex}`,
-    color: colors[seriesIndex % colors.length]
-  }, seriesData);
-};
-export default getSeriesWithDefaultValues;

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

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

package/modern/RadarChart/seriesConfig/index.js

@@ -1,15 +0,0 @@
-import formatter from "./formatter.js";
-import getColor from "./getColor.js";
-import { radiusExtremumGetter, rotationExtremumGetter } from "./extremums.js";
-import legendGetter from "./legend.js";
-import tooltipGetter from "./tooltip.js";
-import getSeriesWithDefaultValues from "./getSeriesWithDefaultValues.js";
-export const radarSeriesConfig = {
-  colorProcessor: getColor,
-  seriesProcessor: formatter,
-  legendGetter,
-  tooltipGetter,
-  getSeriesWithDefaultValues,
-  radiusExtremumGetter,
-  rotationExtremumGetter
-};

package/modern/RadarChart/seriesConfig/legend.d.ts

@@ -1,3 +0,0 @@
-import { LegendGetter } from "../../internals/plugins/models/seriesConfig/index.js";
-declare const legendGetter: LegendGetter<'radar'>;
-export default legendGetter;

package/modern/RadarChart/seriesConfig/legend.js

@@ -1,22 +0,0 @@
-import { getLabel } from "../../internals/getLabel.js";
-const legendGetter = params => {
-  const {
-    seriesOrder,
-    series
-  } = params;
-  return seriesOrder.reduce((acc, seriesId) => {
-    const formattedLabel = getLabel(series[seriesId].label, 'legend');
-    if (formattedLabel === undefined) {
-      return acc;
-    }
-    acc.push({
-      id: seriesId,
-      seriesId,
-      color: series[seriesId].color,
-      label: formattedLabel,
-      markType: series[seriesId].labelMarkType ?? 'square'
-    });
-    return acc;
-  }, []);
-};
-export default legendGetter;

package/modern/RadarChart/seriesConfig/tooltip.d.ts

@@ -1,3 +0,0 @@
-import type { TooltipGetter } from '../../internals/plugins/models';
-declare const tooltipGetter: TooltipGetter<'radar'>;
-export default tooltipGetter;

package/modern/RadarChart/seriesConfig/tooltip.js

@@ -1,25 +0,0 @@
-import { getLabel } from "../../internals/getLabel.js";
-const tooltipGetter = params => {
-  const {
-    series,
-    getColor,
-    identifier
-  } = params;
-  if (!identifier || identifier.dataIndex === undefined) {
-    return null;
-  }
-  const label = getLabel(series.label, 'tooltip');
-  const value = series.data[identifier.dataIndex];
-  const formattedValue = series.valueFormatter(value, {
-    dataIndex: identifier.dataIndex
-  });
-  return {
-    identifier,
-    color: getColor(identifier.dataIndex),
-    label,
-    value,
-    formattedValue,
-    markType: series.labelMarkType
-  };
-};
-export default tooltipGetter;

package/modern/RadarChart/useRadarChartProps.d.ts

@@ -1,26 +0,0 @@
-import type { RadarChartProps } from './RadarChart';
-import { ChartsOverlayProps } from "../ChartsOverlay/index.js";
-import { ChartsLegendSlotExtension } from "../ChartsLegend/index.js";
-import type { ChartsWrapperProps } from '../internals/components/ChartsWrapper';
-import { RadarDataProviderProps } from "./RadarDataProvider/RadarDataProvider.js";
-import { ChartsSurfaceProps } from "../ChartsSurface/index.js";
-import { RadarGridProps } from "./RadarGrid/index.js";
-import { RadarAxisHighlightProps } from "./RadarAxisHighlight/index.js";
-/**
- * A helper function that extracts RadarChartProps from the input props
- * and returns an object with props for the children components of RadarChart.
- *
- * @param props The input props for RadarChart
- * @returns An object with props for the children components of RadarChart
- */
-export declare const useRadarChartProps: (props: RadarChartProps) => {
-  highlight: "none" | "series" | "axis";
-  chartsWrapperProps: Omit<ChartsWrapperProps, "children">;
-  chartsSurfaceProps: ChartsSurfaceProps;
-  radarDataProviderProps: RadarDataProviderProps;
-  radarGrid: RadarGridProps;
-  radarAxisHighlight: RadarAxisHighlightProps;
-  overlayProps: ChartsOverlayProps;
-  legendProps: ChartsLegendSlotExtension;
-  children: import("react").ReactNode;
-};

package/modern/RadarChart/useRadarChartProps.js

@@ -1,77 +0,0 @@
-'use client';
-
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["series", "radar", "width", "height", "margin", "colors", "sx", "children", "slots", "slotProps", "skipAnimation", "loading", "highlightedItem", "onHighlightChange", "hideLegend", "divisions", "shape", "axisHighlightShape", "highlight"];
-/**
- * A helper function that extracts RadarChartProps from the input props
- * and returns an object with props for the children components of RadarChart.
- *
- * @param props The input props for RadarChart
- * @returns An object with props for the children components of RadarChart
- */
-export const useRadarChartProps = props => {
-  const {
-      series,
-      radar,
-      width,
-      height,
-      margin,
-      colors,
-      sx,
-      children,
-      slots,
-      slotProps,
-      skipAnimation,
-      loading,
-      highlightedItem,
-      onHighlightChange,
-      divisions,
-      shape,
-      axisHighlightShape,
-      highlight = 'axis'
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const radarDataProviderProps = {
-    series,
-    radar,
-    highlight,
-    width,
-    height,
-    margin,
-    colors,
-    highlightedItem,
-    onHighlightChange,
-    skipAnimation
-  };
-  const overlayProps = {
-    slots,
-    slotProps,
-    loading
-  };
-  const legendProps = {
-    slots,
-    slotProps
-  };
-  const chartsWrapperProps = {
-    sx
-  };
-  const radarGrid = {
-    divisions,
-    shape
-  };
-  const radarAxisHighlight = {
-    axisHighlightShape: axisHighlightShape ?? (series.length > 1 ? 'points' : 'slice')
-  };
-  const chartsSurfaceProps = other;
-  return {
-    highlight,
-    chartsWrapperProps,
-    chartsSurfaceProps,
-    radarDataProviderProps,
-    radarGrid,
-    radarAxisHighlight,
-    overlayProps,
-    legendProps,
-    children
-  };
-};

package/modern/ScatterChart/Scatter.d.ts

@@ -1,36 +0,0 @@
-import * as React from 'react';
-import { ScatterMarkerSlotProps, ScatterMarkerSlots } from "./ScatterMarker.types.js";
-import { DefaultizedScatterSeriesType, ScatterItemIdentifier } from "../models/seriesType/scatter.js";
-import { D3Scale } from "../models/axis.js";
-export interface ScatterProps {
-  series: DefaultizedScatterSeriesType;
-  xScale: D3Scale;
-  yScale: D3Scale;
-  color: string;
-  colorGetter?: (dataIndex: number) => string;
-  /**
-   * Callback fired when clicking on a scatter item.
-   * @param {MouseEvent} event Mouse event recorded on the `<svg/>` element.
-   * @param {ScatterItemIdentifier} scatterItemIdentifier The scatter item identifier.
-   */
-  onItemClick?: (event: React.MouseEvent<SVGElement, MouseEvent>, scatterItemIdentifier: ScatterItemIdentifier) => void;
-  slots?: ScatterSlots;
-  slotProps?: ScatterSlotProps;
-}
-export interface ScatterSlots extends ScatterMarkerSlots {}
-export interface ScatterSlotProps extends ScatterMarkerSlotProps {}
-/**
- * Demos:
- *
- * - [Scatter](https://mui.com/x/react-charts/scatter/)
- * - [Scatter demonstration](https://mui.com/x/react-charts/scatter-demo/)
- *
- * API:
- *
- * - [Scatter API](https://mui.com/x/api/charts/scatter/)
- */
-declare function Scatter(props: ScatterProps): React.JSX.Element;
-declare namespace Scatter {
-  var propTypes: any;
-}
-export { Scatter };