@mui/x-charts 8.0.0-alpha.11 → 8.0.0-alpha.12

package/ScatterChart/ScatterPlot.d.ts

@@ -1,22 +1,22 @@
 import * as React from 'react';
-import { ScatterProps } from './Scatter';
+import { ScatterProps } from "./Scatter.js";
 export interface ScatterPlotSlots {
-    scatter?: React.JSXElementConstructor<ScatterProps>;
+  scatter?: React.JSXElementConstructor<ScatterProps>;
 }
 export interface ScatterPlotSlotProps {
-    scatter?: Partial<ScatterProps>;
+  scatter?: Partial<ScatterProps>;
 }
 export interface ScatterPlotProps extends Pick<ScatterProps, 'onItemClick'> {
-    /**
-     * Overridable component slots.
-     * @default {}
-     */
-    slots?: ScatterPlotSlots;
-    /**
-     * The props used for each component slot.
-     * @default {}
-     */
-    slotProps?: ScatterPlotSlotProps;
+  /**
+   * Overridable component slots.
+   * @default {}
+   */
+  slots?: ScatterPlotSlots;
+  /**
+   * The props used for each component slot.
+   * @default {}
+   */
+  slotProps?: ScatterPlotSlotProps;
 }
 /**
  * Demos:
@@ -30,6 +30,6 @@ export interface ScatterPlotProps extends Pick<ScatterProps, 'onItemClick'> {
  */
 declare function ScatterPlot(props: ScatterPlotProps): React.JSX.Element | null;
 declare namespace ScatterPlot {
-    var propTypes: any;
+  var propTypes: any;
 }
-export { ScatterPlot };
+export { ScatterPlot };

package/ScatterChart/ScatterPlot.js

@@ -1,14 +1,21 @@
+"use strict";
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { Scatter } from "./Scatter.js";
-import getColor from "./getColor.js";
-import { useScatterSeries } from "../hooks/useSeries.js";
-import { useXAxes, useYAxes } from "../hooks/index.js";
-import { useZAxes } from "../hooks/useZAxis.js";
-import { jsx as _jsx } from "react/jsx-runtime";
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ScatterPlot = ScatterPlot;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _Scatter = require("./Scatter");
+var _useScatterSeries = require("../hooks/useScatterSeries");
+var _getColor = _interopRequireDefault(require("./seriesConfig/getColor"));
+var _hooks = require("../hooks");
+var _useZAxis = require("../hooks/useZAxis");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * Demos:
  *
@@ -25,19 +32,19 @@ function ScatterPlot(props) {
     slotProps,
     onItemClick
   } = props;
-  const seriesData = useScatterSeries();
+  const seriesData = (0, _useScatterSeries.useScatterSeriesContext)();
   const {
     xAxis,
     xAxisIds
-  } = useXAxes();
+  } = (0, _hooks.useXAxes)();
   const {
     yAxis,
     yAxisIds
-  } = useYAxes();
+  } = (0, _hooks.useYAxes)();
   const {
     zAxis,
     zAxisIds
-  } = useZAxes();
+  } = (0, _useZAxis.useZAxes)();
   if (seriesData === undefined) {
     return null;
   }
@@ -48,8 +55,8 @@ function ScatterPlot(props) {
   const defaultXAxisId = xAxisIds[0];
   const defaultYAxisId = yAxisIds[0];
   const defaultZAxisId = zAxisIds[0];
-  const ScatterItems = slots?.scatter ?? Scatter;
-  return /*#__PURE__*/_jsx(React.Fragment, {
+  const ScatterItems = slots?.scatter ?? _Scatter.Scatter;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(React.Fragment, {
     children: seriesOrder.map(seriesId => {
       const {
         id,
@@ -59,10 +66,10 @@ function ScatterPlot(props) {
         markerSize,
         color
       } = series[seriesId];
-      const colorGetter = getColor(series[seriesId], xAxis[xAxisId ?? defaultXAxisId], yAxis[yAxisId ?? defaultYAxisId], zAxis[zAxisId ?? defaultZAxisId]);
+      const colorGetter = (0, _getColor.default)(series[seriesId], xAxis[xAxisId ?? defaultXAxisId], yAxis[yAxisId ?? defaultYAxisId], zAxis[zAxisId ?? defaultZAxisId]);
       const xScale = xAxis[xAxisId ?? defaultXAxisId].scale;
       const yScale = yAxis[yAxisId ?? defaultYAxisId].scale;
-      return /*#__PURE__*/_jsx(ScatterItems, _extends({
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(ScatterItems, (0, _extends2.default)({
         xScale: xScale,
         yScale: yScale,
         color: color,
@@ -84,16 +91,15 @@ process.env.NODE_ENV !== "production" ? ScatterPlot.propTypes = {
    * @param {MouseEvent} event Mouse event recorded on the `<svg/>` element.
    * @param {ScatterItemIdentifier} scatterItemIdentifier The scatter item identifier.
    */
-  onItemClick: PropTypes.func,
+  onItemClick: _propTypes.default.func,
   /**
    * The props used for each component slot.
    * @default {}
    */
-  slotProps: PropTypes.object,
+  slotProps: _propTypes.default.object,
   /**
    * Overridable component slots.
    * @default {}
    */
-  slots: PropTypes.object
-} : void 0;
-export { ScatterPlot };
+  slots: _propTypes.default.object
+} : void 0;

package/ScatterChart/index.d.ts

@@ -1,3 +1,3 @@
-export * from './ScatterChart';
-export * from './ScatterPlot';
-export * from './Scatter';
+export * from "./ScatterChart.js";
+export * from "./ScatterPlot.js";
+export * from "./Scatter.js";

package/ScatterChart/index.js

@@ -1,3 +1,38 @@
-export * from "./ScatterChart.js";
-export * from "./ScatterPlot.js";
-export * from "./Scatter.js";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _ScatterChart = require("./ScatterChart");
+Object.keys(_ScatterChart).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ScatterChart[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ScatterChart[key];
+    }
+  });
+});
+var _ScatterPlot = require("./ScatterPlot");
+Object.keys(_ScatterPlot).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ScatterPlot[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ScatterPlot[key];
+    }
+  });
+});
+var _Scatter = require("./Scatter");
+Object.keys(_Scatter).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Scatter[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Scatter[key];
+    }
+  });
+});

package/ScatterChart/seriesConfig/extremums.d.ts

@@ -0,0 +1,3 @@
+import { CartesianExtremumGetter } from "../../internals/plugins/models/seriesConfig/extremumGetter.types.js";
+export declare const getExtremumX: CartesianExtremumGetter<'scatter'>;
+export declare const getExtremumY: CartesianExtremumGetter<'scatter'>;

package/ScatterChart/seriesConfig/getColor.d.ts

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

package/ScatterChart/seriesConfig/index.d.ts

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

package/ScatterChart/seriesConfig/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.seriesConfig = void 0;
+var _extremums = require("./extremums");
+var _seriesProcessor = _interopRequireDefault(require("./seriesProcessor"));
+var _getColor = _interopRequireDefault(require("./getColor"));
+var _legend = _interopRequireDefault(require("./legend"));
+var _tooltip = _interopRequireDefault(require("./tooltip"));
+const seriesConfig = exports.seriesConfig = {
+  seriesProcessor: _seriesProcessor.default,
+  colorProcessor: _getColor.default,
+  legendGetter: _legend.default,
+  tooltipGetter: _tooltip.default,
+  xExtremumGetter: _extremums.getExtremumX,
+  yExtremumGetter: _extremums.getExtremumY
+};

package/ScatterChart/seriesConfig/legend.d.ts

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

package/ScatterChart/seriesConfig/legend.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _getLabel = require("../../internals/getLabel");
+const legendGetter = params => {
+  const {
+    seriesOrder,
+    series
+  } = params;
+  return seriesOrder.reduce((acc, seriesId) => {
+    const formattedLabel = (0, _getLabel.getLabel)(series[seriesId].label, 'legend');
+    if (formattedLabel === undefined) {
+      return acc;
+    }
+    acc.push({
+      markType: series[seriesId].labelMarkType,
+      id: seriesId,
+      seriesId,
+      color: series[seriesId].color,
+      label: formattedLabel
+    });
+    return acc;
+  }, []);
+};
+var _default = exports.default = legendGetter;

package/ScatterChart/seriesConfig/seriesProcessor.d.ts

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

package/ScatterChart/seriesConfig/seriesProcessor.js

@@ -0,0 +1,39 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+const seriesProcessor = ({
+  series,
+  seriesOrder
+}, dataset) => {
+  const completeSeries = Object.fromEntries(Object.entries(series).map(([seriesId, seriesData]) => {
+    const datasetKeys = seriesData?.datasetKeys;
+    const missingKeys = ['x', 'y', 'id'].filter(key => typeof datasetKeys?.[key] !== 'string');
+    if (seriesData?.datasetKeys && missingKeys.length > 0) {
+      throw new Error([`MUI X: scatter series with id='${seriesId}' has incomplete datasetKeys.`, `Properties ${missingKeys.map(key => `"${key}"`).join(', ')} are missing.`].join('\n'));
+    }
+    const data = !datasetKeys ? seriesData.data ?? [] : dataset?.map(d => {
+      return {
+        x: d[datasetKeys.x] ?? null,
+        y: d[datasetKeys.y] ?? null,
+        z: datasetKeys.z && d[datasetKeys.z],
+        id: datasetKeys.id && d[datasetKeys.id]
+      };
+    }) ?? [];
+    return [seriesId, (0, _extends2.default)({
+      labelMarkType: 'circle'
+    }, seriesData, {
+      data,
+      valueFormatter: seriesData.valueFormatter ?? (v => v && `(${v.x}, ${v.y})`)
+    })];
+  }));
+  return {
+    series: completeSeries,
+    seriesOrder
+  };
+};
+var _default = exports.default = seriesProcessor;

package/ScatterChart/seriesConfig/tooltip.d.ts

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

package/ScatterChart/seriesConfig/tooltip.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _getLabel = require("../../internals/getLabel");
+const tooltipGetter = params => {
+  const {
+    series,
+    getColor,
+    identifier
+  } = params;
+  if (!identifier || identifier.dataIndex === undefined) {
+    return null;
+  }
+  const label = (0, _getLabel.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
+  };
+};
+var _default = exports.default = tooltipGetter;

package/ScatterChart/useScatterChartProps.d.ts

@@ -1,14 +1,13 @@
-import { ChartsAxisProps } from '../ChartsAxis';
-import { ChartsAxisHighlightProps } from '../ChartsAxisHighlight';
-import { ChartsGridProps } from '../ChartsGrid';
-import { ChartsLegendSlotExtension } from '../ChartsLegend';
-import { ChartsOverlayProps } from '../ChartsOverlay';
-import type { ChartsVoronoiHandlerProps } from '../ChartsVoronoiHandler';
-import { ChartContainerProps } from '../ChartContainer';
+import { ChartsAxisProps } from "../ChartsAxis/index.js";
+import { ChartsAxisHighlightProps } from "../ChartsAxisHighlight/index.js";
+import { ChartsGridProps } from "../ChartsGrid/index.js";
+import { ChartsLegendSlotExtension } from "../ChartsLegend/index.js";
+import { ChartsOverlayProps } from "../ChartsOverlay/index.js";
+import { ChartContainerProps } from "../ChartContainer/index.js";
 import type { ScatterChartProps } from './ScatterChart';
 import type { ScatterPlotProps } from './ScatterPlot';
 import type { ChartsWrapperProps } from '../internals/components/ChartsWrapper';
-import { ScatterChartPluginsSignatures } from './ScatterChart.plugins';
+import { ScatterChartPluginsSignatures } from "./ScatterChart.plugins.js";
 /**
  * A helper function that extracts ScatterChartProps from the input props
  * and returns an object with props for the children components of ScatterChart.
@@ -17,14 +16,13 @@ import { ScatterChartPluginsSignatures } from './ScatterChart.plugins';
  * @returns An object with props for the children components of ScatterChart
  */
 export declare const useScatterChartProps: (props: ScatterChartProps) => {
-    chartsWrapperProps: Omit<ChartsWrapperProps, "children">;
-    chartContainerProps: ChartContainerProps<"scatter", ScatterChartPluginsSignatures>;
-    voronoiHandlerProps: ChartsVoronoiHandlerProps;
-    chartsAxisProps: ChartsAxisProps;
-    gridProps: ChartsGridProps;
-    scatterPlotProps: ScatterPlotProps;
-    overlayProps: ChartsOverlayProps;
-    legendProps: ChartsLegendSlotExtension;
-    axisHighlightProps: ChartsAxisHighlightProps;
-    children: import("react").ReactNode;
-};
+  chartsWrapperProps: Omit<ChartsWrapperProps, "children">;
+  chartContainerProps: ChartContainerProps<"scatter", ScatterChartPluginsSignatures>;
+  chartsAxisProps: ChartsAxisProps;
+  gridProps: ChartsGridProps;
+  scatterPlotProps: ScatterPlotProps;
+  overlayProps: ChartsOverlayProps;
+  legendProps: ChartsLegendSlotExtension;
+  axisHighlightProps: ChartsAxisHighlightProps;
+  children: import("react").ReactNode;
+};

package/ScatterChart/useScatterChartProps.js

@@ -1,11 +1,16 @@
+"use strict";
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useScatterChartProps = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _calculateMargins = require("../internals/calculateMargins");
+var _ScatterChart = require("./ScatterChart.plugins");
 const _excluded = ["xAxis", "yAxis", "zAxis", "series", "axisHighlight", "voronoiMaxRadius", "disableVoronoi", "hideLegend", "width", "height", "margin", "colors", "sx", "grid", "topAxis", "leftAxis", "rightAxis", "bottomAxis", "onItemClick", "children", "slots", "slotProps", "loading", "highlightedItem", "onHighlightChange", "className"];
-import { calculateMargins } from "../internals/calculateMargins.js";
-import { SCATTER_CHART_PLUGINS } from "./ScatterChart.plugins.js";
-
 /**
  * A helper function that extracts ScatterChartProps from the input props
  * and returns an object with props for the children components of ScatterChart.
@@ -13,7 +18,7 @@ import { SCATTER_CHART_PLUGINS } from "./ScatterChart.plugins.js";
  * @param props The input props for ScatterChart
  * @returns An object with props for the children components of ScatterChart
  */
-export const useScatterChartProps = props => {
+const useScatterChartProps = props => {
   const {
       xAxis,
       yAxis,
@@ -42,14 +47,14 @@ export const useScatterChartProps = props => {
       onHighlightChange,
       className
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const chartContainerProps = _extends({}, other, {
-    series: series.map(s => _extends({
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const chartContainerProps = (0, _extends2.default)({}, other, {
+    series: series.map(s => (0, _extends2.default)({
       type: 'scatter'
     }, s)),
     width,
     height,
-    margin: calculateMargins({
+    margin: (0, _calculateMargins.calculateMargins)({
       margin,
       hideLegend,
       slotProps,
@@ -61,13 +66,12 @@ export const useScatterChartProps = props => {
     zAxis,
     highlightedItem,
     onHighlightChange,
+    disableVoronoi,
+    voronoiMaxRadius,
+    onItemClick: disableVoronoi ? undefined : onItemClick,
     className,
-    plugins: SCATTER_CHART_PLUGINS
+    plugins: _ScatterChart.SCATTER_CHART_PLUGINS
   });
-  const voronoiHandlerProps = {
-    voronoiMaxRadius,
-    onItemClick: onItemClick
-  };
   const chartsAxisProps = {
     topAxis,
     leftAxis,
@@ -94,7 +98,7 @@ export const useScatterChartProps = props => {
     slots,
     slotProps
   };
-  const axisHighlightProps = _extends({
+  const axisHighlightProps = (0, _extends2.default)({
     y: 'none',
     x: 'none'
   }, axisHighlight);
@@ -106,7 +110,6 @@ export const useScatterChartProps = props => {
   return {
     chartsWrapperProps,
     chartContainerProps,
-    voronoiHandlerProps,
     chartsAxisProps,
     gridProps,
     scatterPlotProps,
@@ -115,4 +118,5 @@ export const useScatterChartProps = props => {
     axisHighlightProps,
     children
   };
-};
+};
+exports.useScatterChartProps = useScatterChartProps;