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

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

package/modern/ScatterChart/Scatter.js

@@ -1,134 +0,0 @@
-'use client';
-
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["ownerState"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import useSlotProps from '@mui/utils/useSlotProps';
-import { getValueToPositionMapper } from "../hooks/useScale.js";
-import { useInteractionAllItemProps } from "../hooks/useInteractionItemProps.js";
-import { useStore } from "../internals/store/useStore.js";
-import { useSelector } from "../internals/store/useSelector.js";
-import { useItemHighlightedGetter } from "../hooks/useItemHighlightedGetter.js";
-import { selectorChartsVoronoiIsVoronoiEnabled } from "../internals/plugins/featurePlugins/useChartVoronoi/index.js";
-import { useChartContext } from "../context/ChartProvider/index.js";
-import { ScatterMarker } from "./ScatterMarker.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * 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/)
- */
-function Scatter(props) {
-  const {
-    series,
-    xScale,
-    yScale,
-    color,
-    colorGetter,
-    onItemClick,
-    slots,
-    slotProps
-  } = props;
-  const {
-    instance
-  } = useChartContext();
-  const store = useStore();
-  const isVoronoiEnabled = useSelector(store, selectorChartsVoronoiIsVoronoiEnabled);
-  const skipInteractionHandlers = isVoronoiEnabled || series.disableHover;
-  const {
-    isFaded,
-    isHighlighted
-  } = useItemHighlightedGetter();
-  const cleanData = React.useMemo(() => {
-    const getXPosition = getValueToPositionMapper(xScale);
-    const getYPosition = getValueToPositionMapper(yScale);
-    const temp = [];
-    for (let i = 0; i < series.data.length; i += 1) {
-      const scatterPoint = series.data[i];
-      const x = getXPosition(scatterPoint.x);
-      const y = getYPosition(scatterPoint.y);
-      const isInRange = instance.isPointInside({
-        x,
-        y
-      });
-      const pointCtx = {
-        type: 'scatter',
-        seriesId: series.id,
-        dataIndex: i
-      };
-      if (isInRange) {
-        const currentItem = {
-          seriesId: pointCtx.seriesId,
-          dataIndex: pointCtx.dataIndex
-        };
-        const isItemHighlighted = isHighlighted(currentItem);
-        temp.push({
-          x,
-          y,
-          isHighlighted: isItemHighlighted,
-          isFaded: !isItemHighlighted && isFaded(currentItem),
-          id: scatterPoint.id,
-          seriesId: series.id,
-          type: 'scatter',
-          dataIndex: i,
-          color: colorGetter ? colorGetter(i) : color
-        });
-      }
-    }
-    return temp;
-  }, [xScale, yScale, series.data, series.id, isHighlighted, isFaded, colorGetter, color, instance]);
-  const interactionItemProps = useInteractionAllItemProps(cleanData, skipInteractionHandlers);
-  const Marker = slots?.marker ?? ScatterMarker;
-  const _useSlotProps = useSlotProps({
-      elementType: Marker,
-      externalSlotProps: slotProps?.marker,
-      additionalProps: {
-        seriesId: series.id,
-        size: series.markerSize
-      },
-      ownerState: {}
-    }),
-    markerProps = _objectWithoutPropertiesLoose(_useSlotProps, _excluded);
-  return /*#__PURE__*/_jsx("g", {
-    children: cleanData.map((dataPoint, i) => /*#__PURE__*/_jsx(Marker, _extends({
-      dataIndex: dataPoint.dataIndex,
-      color: dataPoint.color,
-      isHighlighted: dataPoint.isHighlighted,
-      isFaded: dataPoint.isFaded,
-      x: dataPoint.x,
-      y: dataPoint.y,
-      onClick: onItemClick && (event => onItemClick(event, {
-        type: 'scatter',
-        seriesId: series.id,
-        dataIndex: dataPoint.dataIndex
-      }))
-    }, interactionItemProps[i], markerProps), dataPoint.id ?? dataPoint.dataIndex))
-  });
-}
-process.env.NODE_ENV !== "production" ? Scatter.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  color: PropTypes.string.isRequired,
-  colorGetter: PropTypes.func,
-  /**
-   * 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: PropTypes.func,
-  series: PropTypes.object.isRequired,
-  slotProps: PropTypes.object,
-  slots: PropTypes.object,
-  xScale: PropTypes.func.isRequired,
-  yScale: PropTypes.func.isRequired
-} : void 0;
-export { Scatter };

package/modern/ScatterChart/ScatterChart.d.ts

@@ -1,70 +0,0 @@
-import * as React from 'react';
-import { MakeOptional } from '@mui/x-internals/types';
-import { ScatterPlotProps, ScatterPlotSlotProps, ScatterPlotSlots } from "./ScatterPlot.js";
-import { ChartContainerProps } from "../ChartContainer/index.js";
-import { ChartsAxisProps } from "../ChartsAxis/index.js";
-import { ScatterSeriesType } from "../models/seriesType/scatter.js";
-import { ChartsTooltipSlots, ChartsTooltipSlotProps } from "../ChartsTooltip/ChartTooltip.types.js";
-import { ChartsLegendSlotProps, ChartsLegendSlots } from "../ChartsLegend/index.js";
-import { ChartsOverlayProps, ChartsOverlaySlotProps, ChartsOverlaySlots } from "../ChartsOverlay/index.js";
-import { ChartsAxisHighlightProps } from "../ChartsAxisHighlight/index.js";
-import { ChartsAxisSlots, ChartsAxisSlotProps } from "../models/axis.js";
-import { ChartsGridProps } from "../ChartsGrid/index.js";
-import { UseChartVoronoiSignature } from "../internals/plugins/featurePlugins/useChartVoronoi/index.js";
-import { ScatterChartPluginsSignatures } from "./ScatterChart.plugins.js";
-export interface ScatterChartSlots extends ChartsAxisSlots, ScatterPlotSlots, ChartsLegendSlots, ChartsOverlaySlots, ChartsTooltipSlots {}
-export interface ScatterChartSlotProps extends ChartsAxisSlotProps, ScatterPlotSlotProps, ChartsLegendSlotProps, ChartsOverlaySlotProps, ChartsTooltipSlotProps {}
-export interface ScatterChartProps extends Omit<ChartContainerProps<'scatter', ScatterChartPluginsSignatures>, 'series' | 'plugins' | 'onItemClick'>, Omit<ChartsAxisProps, 'slots' | 'slotProps'>, Omit<ChartsOverlayProps, 'slots' | 'slotProps'> {
-  /**
-   * The series to display in the scatter chart.
-   * An array of [[ScatterSeriesType]] objects.
-   */
-  series: Readonly<MakeOptional<ScatterSeriesType, 'type'>[]>;
-  /**
-   * The configuration of axes highlight.
-   * @see See {@link https://mui.com/x/react-charts/highlighting/ highlighting docs} for more details.
-   * @default { x: 'none', y: 'none' }
-   */
-  axisHighlight?: ChartsAxisHighlightProps;
-  /**
-   * Option to display a cartesian grid in the background.
-   */
-  grid?: Pick<ChartsGridProps, 'vertical' | 'horizontal'>;
-  /**
-   * If true, the interaction will not use the Voronoi cell and fall back to hover events.
-   * @default false
-   */
-  disableVoronoi?: boolean;
-  /**
-   * If `true`, the legend is not rendered.
-   */
-  hideLegend?: boolean;
-  /**
-   * Overridable component slots.
-   * @default {}
-   */
-  slots?: ScatterChartSlots;
-  /**
-   * The props used for each component slot.
-   * @default {}
-   */
-  slotProps?: ScatterChartSlotProps;
-  /**
-   * Callback fired when clicking on a scatter item.
-   * @param {MouseEvent} event The mouse event recorded on the `<svg/>` element if using Voronoi cells. Or the Mouse event from the scatter element, when `disableVoronoi=true`.
-   * @param {ScatterItemIdentifier} scatterItemIdentifier The scatter item identifier.
-   */
-  onItemClick?: ScatterPlotProps['onItemClick'] | UseChartVoronoiSignature['params']['onItemClick'];
-}
-/**
- * Demos:
- *
- * - [Scatter](https://mui.com/x/react-charts/scatter/)
- * - [Scatter demonstration](https://mui.com/x/react-charts/scatter-demo/)
- *
- * API:
- *
- * - [ScatterChart API](https://mui.com/x/api/charts/scatter-chart/)
- */
-declare const ScatterChart: React.ForwardRefExoticComponent<ScatterChartProps & React.RefAttributes<SVGSVGElement>>;
-export { ScatterChart };