@mui/x-charts-pro 8.11.3 → 8.13.0

package/LineChartPro/LineChartPro.js

@@ -139,6 +139,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
    * If `true`, render the line highlight item.
    */
   disableLineItemHighlight: _propTypes.default.bool,
+  enableKeyboardNavigation: _propTypes.default.bool,
   /**
    * Options to enable features planned for the next major.
    */
@@ -1425,5 +1426,28 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     axisId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired,
     end: _propTypes.default.number.isRequired,
     start: _propTypes.default.number.isRequired
-  }))
+  })),
+  /**
+   * Configuration for zoom interactions.
+   */
+  zoomInteractionConfig: _propTypes.default.shape({
+    pan: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf(['drag']), _propTypes.default.shape({
+      pointerMode: _propTypes.default.oneOf(['mouse', 'touch']),
+      requiredKeys: _propTypes.default.arrayOf(_propTypes.default.string),
+      type: _propTypes.default.oneOf(['drag']).isRequired
+    })]).isRequired),
+    zoom: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf(['pinch', 'tapAndDrag', 'wheel']), _propTypes.default.shape({
+      pointerMode: _propTypes.default.any,
+      requiredKeys: _propTypes.default.arrayOf(_propTypes.default.string),
+      type: _propTypes.default.oneOf(['wheel']).isRequired
+    }), _propTypes.default.shape({
+      pointerMode: _propTypes.default.any,
+      requiredKeys: _propTypes.default.array,
+      type: _propTypes.default.oneOf(['pinch']).isRequired
+    }), _propTypes.default.shape({
+      pointerMode: _propTypes.default.oneOf(['mouse', 'touch']),
+      requiredKeys: _propTypes.default.arrayOf(_propTypes.default.string),
+      type: _propTypes.default.oneOf(['tapAndDrag']).isRequired
+    })]).isRequired)
+  })
 } : void 0;

package/LineChartPro/LineChartPro.plugins.d.ts

@@ -1,5 +1,5 @@
-import { UseChartZAxisSignature, UseChartCartesianAxisSignature, UseChartInteractionSignature, UseChartHighlightSignature, ConvertSignaturesIntoPlugins } from '@mui/x-charts/internals';
+import { UseChartZAxisSignature, UseChartCartesianAxisSignature, UseChartInteractionSignature, UseChartHighlightSignature, UseChartKeyboardNavigationSignature, ConvertSignaturesIntoPlugins } from '@mui/x-charts/internals';
 import { UseChartProExportSignature } from "../internals/plugins/useChartProExport/index.js";
 import { UseChartProZoomSignature } from "../internals/plugins/useChartProZoom/index.js";
-export type LineChartProPluginsSignatures = [UseChartZAxisSignature, UseChartCartesianAxisSignature<'line'>, UseChartInteractionSignature, UseChartHighlightSignature, UseChartProZoomSignature, UseChartProExportSignature];
-export declare const LINE_CHART_PRO_PLUGINS: ConvertSignaturesIntoPlugins<LineChartProPluginsSignatures>;
+export type LineChartProPluginSignatures = [UseChartZAxisSignature, UseChartCartesianAxisSignature<'line'>, UseChartInteractionSignature, UseChartHighlightSignature, UseChartKeyboardNavigationSignature, UseChartProZoomSignature, UseChartProExportSignature];
+export declare const LINE_CHART_PRO_PLUGINS: ConvertSignaturesIntoPlugins<LineChartProPluginSignatures>;

package/LineChartPro/LineChartPro.plugins.js

@@ -7,4 +7,4 @@ exports.LINE_CHART_PRO_PLUGINS = void 0;
 var _internals = require("@mui/x-charts/internals");
 var _useChartProExport = require("../internals/plugins/useChartProExport");
 var _useChartProZoom = require("../internals/plugins/useChartProZoom");
-const LINE_CHART_PRO_PLUGINS = exports.LINE_CHART_PRO_PLUGINS = [_internals.useChartZAxis, _internals.useChartCartesianAxis, _internals.useChartInteraction, _internals.useChartHighlight, _useChartProZoom.useChartProZoom, _useChartProExport.useChartProExport];
+const LINE_CHART_PRO_PLUGINS = exports.LINE_CHART_PRO_PLUGINS = [_internals.useChartZAxis, _internals.useChartCartesianAxis, _internals.useChartInteraction, _internals.useChartHighlight, _internals.useChartKeyboardNavigation, _useChartProZoom.useChartProZoom, _useChartProExport.useChartProExport];

package/LineChartPro/index.d.ts

@@ -1 +1,2 @@
-export * from "./LineChartPro.js";
+export * from "./LineChartPro.js";
+export * from "./LineChartPro.plugins.js";

package/LineChartPro/index.js

@@ -13,4 +13,15 @@ Object.keys(_LineChartPro).forEach(function (key) {
       return _LineChartPro[key];
     }
   });
+});
+var _LineChartPro2 = require("./LineChartPro.plugins");
+Object.keys(_LineChartPro2).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _LineChartPro2[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _LineChartPro2[key];
+    }
+  });
 });

package/PieChartPro/PieChartPro.js

@@ -119,6 +119,7 @@ process.env.NODE_ENV !== "production" ? PieChartPro.propTypes = {
    */
   dataset: _propTypes.default.arrayOf(_propTypes.default.object),
   desc: _propTypes.default.string,
+  enableKeyboardNavigation: _propTypes.default.bool,
   /**
    * The height of the chart in px. If not defined, it takes the height of the parent element.
    */

package/PieChartPro/PieChartPro.plugins.d.ts

@@ -1,4 +1,4 @@
-import { ConvertSignaturesIntoPlugins, UseChartHighlightSignature, UseChartInteractionSignature } from '@mui/x-charts/internals';
+import { ConvertSignaturesIntoPlugins, UseChartHighlightSignature, UseChartInteractionSignature, UseChartKeyboardNavigationSignature } from '@mui/x-charts/internals';
 import { UseChartProExportSignature } from "../internals/plugins/useChartProExport/index.js";
-export type PieChartProPluginSignatures = [UseChartInteractionSignature, UseChartHighlightSignature, UseChartProExportSignature];
+export type PieChartProPluginSignatures = [UseChartInteractionSignature, UseChartHighlightSignature, UseChartKeyboardNavigationSignature, UseChartProExportSignature];
 export declare const PIE_CHART_PRO_PLUGINS: ConvertSignaturesIntoPlugins<PieChartProPluginSignatures>;

package/PieChartPro/index.d.ts

@@ -1 +1,2 @@
-export * from "./PieChartPro.js";
+export * from "./PieChartPro.js";
+export * from "./PieChartPro.plugins.js";

package/PieChartPro/index.js

@@ -13,4 +13,15 @@ Object.keys(_PieChartPro).forEach(function (key) {
       return _PieChartPro[key];
     }
   });
+});
+var _PieChartPro2 = require("./PieChartPro.plugins");
+Object.keys(_PieChartPro2).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _PieChartPro2[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _PieChartPro2[key];
+    }
+  });
 });

package/RadarChartPro/RadarChartPro.d.ts

@@ -1,11 +1,11 @@
 import * as React from 'react';
 import { RadarChartProps, RadarDataProviderProps, RadarChartSlotProps, RadarChartSlots } from '@mui/x-charts/RadarChart';
-import { RadarChartProPluginsSignatures } from "./RadarChartPro.plugins.js";
+import { RadarChartProPluginSignatures } from "./RadarChartPro.plugins.js";
 import { ChartsToolbarProSlotProps, ChartsToolbarProSlots } from "../ChartsToolbarPro/Toolbar.types.js";
 import { ChartsSlotPropsPro, ChartsSlotsPro } from "../internals/material/index.js";
 export interface RadarChartProSlots extends Omit<RadarChartSlots, 'toolbar'>, ChartsToolbarProSlots, Partial<ChartsSlotsPro> {}
 export interface RadarChartProSlotProps extends Omit<RadarChartSlotProps, 'toolbar'>, ChartsToolbarProSlotProps, Partial<ChartsSlotPropsPro> {}
-export interface RadarChartProProps extends Omit<RadarChartProps, 'apiRef' | 'slots' | 'slotProps'>, Omit<RadarDataProviderProps<RadarChartProPluginsSignatures>, 'plugins' | 'seriesConfig' | 'slots' | 'slotProps' | 'experimentalFeatures'> {
+export interface RadarChartProProps extends Omit<RadarChartProps, 'apiRef' | 'slots' | 'slotProps'>, Omit<RadarDataProviderProps<RadarChartProPluginSignatures>, 'plugins' | 'seriesConfig' | 'slots' | 'slotProps' | 'experimentalFeatures'> {
   /**
    * Overridable component slots.
    * @default {}

package/RadarChartPro/RadarChartPro.plugins.d.ts

@@ -1,4 +1,4 @@
 import { ConvertSignaturesIntoPlugins, UseChartHighlightSignature, UseChartInteractionSignature, UseChartPolarAxisSignature } from '@mui/x-charts/internals';
 import { UseChartProExportSignature } from "../internals/plugins/useChartProExport/index.js";
-export type RadarChartProPluginsSignatures = [UseChartPolarAxisSignature, UseChartInteractionSignature, UseChartHighlightSignature, UseChartProExportSignature];
-export declare const RADAR_CHART_PRO_PLUGINS: ConvertSignaturesIntoPlugins<RadarChartProPluginsSignatures>;
+export type RadarChartProPluginSignatures = [UseChartPolarAxisSignature, UseChartInteractionSignature, UseChartHighlightSignature, UseChartProExportSignature];
+export declare const RADAR_CHART_PRO_PLUGINS: ConvertSignaturesIntoPlugins<RadarChartProPluginSignatures>;

package/RadarChartPro/index.d.ts

@@ -1 +1,2 @@
-export * from "./RadarChartPro.js";
+export * from "./RadarChartPro.js";
+export * from "./RadarChartPro.plugins.js";

package/RadarChartPro/index.js

@@ -13,4 +13,15 @@ Object.keys(_RadarChartPro).forEach(function (key) {
       return _RadarChartPro[key];
     }
   });
+});
+var _RadarChartPro2 = require("./RadarChartPro.plugins");
+Object.keys(_RadarChartPro2).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _RadarChartPro2[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _RadarChartPro2[key];
+    }
+  });
 });

package/SankeyChart/SankeyChart.d.ts

@@ -3,11 +3,11 @@ import { type ChartsOverlayProps } from '@mui/x-charts/ChartsOverlay';
 import type { MakeOptional } from '@mui/x-internals/types';
 import { ChartContainerProProps } from "../ChartContainerPro/index.js";
 import { type SankeyPlotProps } from "./SankeyPlot.js";
-import { type SankeyChartPluginsSignatures } from "./SankeyChart.plugins.js";
+import { type SankeyChartPluginSignatures } from "./SankeyChart.plugins.js";
 import type { SankeySeriesType } from "./sankey.types.js";
 import type { SankeyChartSlotExtension } from "./sankeySlots.types.js";
 export type SankeySeries = MakeOptional<SankeySeriesType, 'type'>;
-export interface SankeyChartProps extends Omit<ChartContainerProProps<'sankey', SankeyChartPluginsSignatures>, 'plugins' | 'series' | 'slotProps' | 'slots' | 'dataset' | 'hideLegend' | 'skipAnimation' | 'highlightedItem' | 'onHighlightChange'>, Omit<SankeyPlotProps, 'data'>, Omit<ChartsOverlayProps, 'slots' | 'slotProps'>, SankeyChartSlotExtension {
+export interface SankeyChartProps extends Omit<ChartContainerProProps<'sankey', SankeyChartPluginSignatures>, 'plugins' | 'series' | 'slotProps' | 'slots' | 'dataset' | 'hideLegend' | 'skipAnimation' | 'highlightedItem' | 'onHighlightChange'>, Omit<SankeyPlotProps, 'data'>, Omit<ChartsOverlayProps, 'slots' | 'slotProps'>, SankeyChartSlotExtension {
   /**
    * The series to display in the Sankey chart.
    * A single object is expected.

package/SankeyChart/SankeyChart.js

@@ -75,7 +75,10 @@ process.env.NODE_ENV !== "production" ? SankeyChart.propTypes = {
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
   // ----------------------------------------------------------------------
   apiRef: _propTypes.default.shape({
-    current: _propTypes.default.object
+    current: _propTypes.default.shape({
+      exportAsImage: _propTypes.default.func.isRequired,
+      exportAsPrint: _propTypes.default.func.isRequired
+    })
   }),
   /**
    * Classes applied to the various elements.

package/SankeyChart/SankeyChart.plugins.d.ts

@@ -1,3 +1,4 @@
 import { ConvertSignaturesIntoPlugins, UseChartHighlightSignature, UseChartInteractionSignature } from '@mui/x-charts/internals';
-export type SankeyChartPluginsSignatures = [UseChartInteractionSignature, UseChartHighlightSignature];
-export declare const SANKEY_CHART_PLUGINS: ConvertSignaturesIntoPlugins<SankeyChartPluginsSignatures>;
+import { UseChartProExportSignature } from "../internals/plugins/useChartProExport/index.js";
+export type SankeyChartPluginSignatures = [UseChartInteractionSignature, UseChartHighlightSignature, UseChartProExportSignature];
+export declare const SANKEY_CHART_PLUGINS: ConvertSignaturesIntoPlugins<SankeyChartPluginSignatures>;

package/SankeyChart/SankeyChart.plugins.js

@@ -5,7 +5,5 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.SANKEY_CHART_PLUGINS = void 0;
 var _internals = require("@mui/x-charts/internals");
-require("../internals/plugins/useChartProExport");
-const SANKEY_CHART_PLUGINS = exports.SANKEY_CHART_PLUGINS = [_internals.useChartInteraction, _internals.useChartHighlight
-// useChartProExport,
-];
+var _useChartProExport = require("../internals/plugins/useChartProExport");
+const SANKEY_CHART_PLUGINS = exports.SANKEY_CHART_PLUGINS = [_internals.useChartInteraction, _internals.useChartHighlight, _useChartProExport.useChartProExport];

package/SankeyChart/SankeyLinkLabel.js

@@ -8,6 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.SankeyLinkLabel = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _styles = require("@mui/material/styles");
+var _useSankeySeries = require("../hooks/useSankeySeries");
 var _jsxRuntime = require("react/jsx-runtime");
 const getLinkMidpoint = link => {
   if (link.y0 === undefined || link.y1 === undefined) {
@@ -36,10 +37,20 @@ const SankeyLinkLabel = exports.SankeyLinkLabel = /*#__PURE__*/React.forwardRef(
     link
   } = props;
   const theme = (0, _styles.useTheme)();
+  const seriesContext = (0, _useSankeySeries.useSankeySeriesContext)();
   if (!link.path || link.y0 === undefined || link.y1 === undefined) {
     return null; // No path defined or invalid coordinates, nothing to render
   }
   const midpoint = getLinkMidpoint(link);
+
+  // Get the series data and valueFormatter
+  const series = seriesContext?.series[seriesContext.seriesOrder?.[0]];
+  const formattedValue = series?.valueFormatter ? series.valueFormatter(link.value, {
+    type: 'link',
+    sourceId: link.source.id,
+    targetId: link.target.id,
+    location: 'label'
+  }) : link.value;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("text", {
     ref: ref,
     x: midpoint.x,
@@ -52,7 +63,7 @@ const SankeyLinkLabel = exports.SankeyLinkLabel = /*#__PURE__*/React.forwardRef(
     "data-link-target": link.target.id,
     fontFamily: theme.typography.fontFamily,
     pointerEvents: "none",
-    children: link.value
+    children: formattedValue
   });
 });
 if (process.env.NODE_ENV !== "production") SankeyLinkLabel.displayName = "SankeyLinkLabel";

package/SankeyChart/calculateSankeyLayout.js

@@ -33,7 +33,7 @@ function calculateSankeyLayout(data, drawingArea, theme, series = {}) {
     sort: nodeSort = null
   } = nodeOptions ?? {};
   const {
-    color: linkColor = (theme.vars || theme).palette.text.primary,
+    color: linkColor = 'source',
     sort: linkSort = null,
     curveCorrection = 10
   } = linkOptions ?? {};
@@ -92,8 +92,14 @@ function calculateSankeyLayout(data, drawingArea, theme, series = {}) {
     const originalLink = data.links.find(l => {
       return l.source === link.source.id && l.target === link.target.id;
     });
+    let resolvedColor = originalLink?.color ?? linkColor;
+    if (resolvedColor === 'source') {
+      resolvedColor = link.source.color ?? linkColor;
+    } else if (resolvedColor === 'target') {
+      resolvedColor = link.target.color ?? linkColor;
+    }
     return (0, _extends2.default)({}, originalLink, link, {
-      color: originalLink?.color ?? linkColor,
+      color: resolvedColor,
       path: improvedNaiveSankeyLinkPathHorizontal(link, curveCorrection)
     });
   });

package/SankeyChart/sankey.types.d.ts

@@ -38,9 +38,13 @@ export interface SankeyLink {
    */
   data?: any;
   /**
-   * Optional color override for the link
+   * Optional color override for the link.
+   * Can be a color string, or a keyword:
+   * - 'source': Use the color of the source node
+   * - 'target': Use the color of the target node
+   * @default 'source'
    */
-  color?: string;
+  color?: string | 'source' | 'target';
 }
 export type SankeyNodeOptions = {
   /**
@@ -78,9 +82,13 @@ export type SankeyNodeOptions = {
 };
 export type SankeyLinkOptions = {
   /**
-   * Default color for links without specified colors
+   * Default color for links without specified colors.
+   * Can be a color string, or a keyword:
+   * - 'source': Use the color of the source node
+   * - 'target': Use the color of the target node
+   * @default 'source'
    */
-  color?: string;
+  color?: string | 'source' | 'target';
   /**
    * Opacity of the links (0-1)
    */
@@ -146,6 +154,17 @@ export interface SankeySeriesType {
    * @default 6
    */
   iterations?: number;
+  /**
+   * Formatter used to render values in tooltip or other data display.
+   * @param {number} value The value to render.
+   * @param {SankeyValueFormatterContext} context The rendering context of the value.
+   * @param {'node' | 'link'} context.type The type of element being formatted.
+   * @param {SankeyNodeId} [context.nodeId] For nodes: the node ID. For links: undefined.
+   * @param {SankeyNodeId} [context.sourceId] For links: the source node ID. For nodes: undefined.
+   * @param {SankeyNodeId} [context.targetId] For links: the target node ID. For nodes: undefined.
+   * @returns {string | null} The formatted value to display.
+   */
+  valueFormatter?: (value: number, context: SankeyValueFormatterContext) => string | null;
 }
 /**
  * Represents the calculated positions and dimensions for a node in the Sankey diagram
@@ -170,7 +189,7 @@ export interface SankeyLayout {
   nodes: readonly SankeyLayoutNode[];
   links: readonly SankeyLayoutLink[];
 }
-export interface DefaultizedSankeySeriesType extends DefaultizedProps<Omit<SankeySeriesType, 'data'>, 'id'> {
+export interface DefaultizedSankeySeriesType extends DefaultizedProps<Omit<SankeySeriesType, 'data'>, 'id' | 'valueFormatter'> {
   data: {
     nodes: Map<SankeyNodeId, SankeyNode>;
     links: readonly SankeyLink[];
@@ -222,4 +241,35 @@ export type SankeyLinkIdentifierWithData = SankeyLinkIdentifier & {
 };
 export type SankeyItemIdentifier = SankeyNodeIdentifier | SankeyLinkIdentifier;
 export type SankeyItemIdentifierWithData = SankeyNodeIdentifierWithData | SankeyLinkIdentifierWithData;
+export type SankeyValueFormatterContext = {
+  /**
+   * Where the value will be displayed
+   */
+  location: 'tooltip' | 'label';
+  /**
+   * Can be 'node' or 'link'
+   */
+  type: 'node';
+  /**
+   * The id of the node
+   */
+  nodeId: SankeyNodeId;
+} | {
+  /**
+   * Where the value will be displayed
+   */
+  location: 'tooltip' | 'label';
+  /**
+   * Can be 'node' or 'link'
+   */
+  type: 'link';
+  /**
+   * The id of the source node
+   */
+  sourceId: SankeyNodeId;
+  /**
+   * The id of the target node
+   */
+  targetId: SankeyNodeId;
+};
 export {};

package/SankeyChart/seriesConfig/getSeriesWithDefaultValues.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getSeriesWithDefaultValues = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+const defaultSankeyValueFormatter = v => v == null ? '' : v.toLocaleString();
 const getSeriesWithDefaultValues = (seriesData, seriesIndex, colors) => {
   const nodeMap = new Map();
   const nodeColor = seriesData.nodeOptions?.color;
@@ -46,6 +47,7 @@ const getSeriesWithDefaultValues = (seriesData, seriesIndex, colors) => {
   return (0, _extends2.default)({
     id: seriesData.id ?? `auto-generated-id-${seriesIndex}`
   }, seriesData, {
+    valueFormatter: seriesData.valueFormatter ?? defaultSankeyValueFormatter,
     data: {
       links: data.links,
       nodes: nodeMap

package/SankeyChart/seriesConfig/tooltipGetter.js

@@ -6,7 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.tooltipGetter = void 0;
 const tooltipGetter = params => {
   const {
-    identifier
+    identifier,
+    series
   } = params;
   if (!identifier) {
     return null;
@@ -21,7 +22,11 @@ const tooltipGetter = params => {
       color: node.color,
       label: `${node.label}:`,
       value: node.value,
-      formattedValue: `${node.value}`,
+      formattedValue: series.valueFormatter(node.value, {
+        type: 'node',
+        nodeId: node.id,
+        location: 'tooltip'
+      }),
       markType: 'square'
     };
   }
@@ -37,7 +42,12 @@ const tooltipGetter = params => {
       color: link.color,
       label: `${sourceLabel} → ${targetLabel}:`,
       value: link.value,
-      formattedValue: `${link.value}`,
+      formattedValue: series.valueFormatter(link.value, {
+        type: 'link',
+        sourceId: link.source.id,
+        targetId: link.target.id,
+        location: 'tooltip'
+      }),
       markType: 'line'
     };
   }

package/SankeyChart/useSankeyChartProps.d.ts

@@ -2,7 +2,7 @@ import type { ChartsOverlayProps } from '@mui/x-charts/ChartsOverlay';
 import type { ChartsWrapperProps } from '@mui/x-charts/ChartsWrapper';
 import type { SankeyChartProps } from "./SankeyChart.js";
 import type { ChartContainerProProps } from "../ChartContainerPro/index.js";
-import { type SankeyChartPluginsSignatures } from "./SankeyChart.plugins.js";
+import { type SankeyChartPluginSignatures } from "./SankeyChart.plugins.js";
 /**
  * A helper function that extracts SankeyChartProps from the input props
  * and returns an object with props for the children components of SankeyChart.
@@ -11,7 +11,7 @@ import { type SankeyChartPluginsSignatures } from "./SankeyChart.plugins.js";
  * @returns An object with props for the children components of SankeyChart
  */
 export declare const useSankeyChartProps: (props: SankeyChartProps) => {
-  chartContainerProps: ChartContainerProProps<"sankey", SankeyChartPluginsSignatures>;
+  chartContainerProps: ChartContainerProProps<"sankey", SankeyChartPluginSignatures>;
   sankeyPlotProps: {
     onNodeClick: ((event: React.MouseEvent<SVGElement, MouseEvent>, node: import("./sankey.types.js").SankeyNodeIdentifierWithData) => void) | undefined;
     onLinkClick: ((event: React.MouseEvent<SVGElement, MouseEvent>, link: import("./sankey.types.js").SankeyLinkIdentifierWithData) => void) | undefined;

package/ScatterChartPro/ScatterChartPro.d.ts

@@ -3,7 +3,7 @@ import { ScatterChartProps, ScatterChartSlotProps, ScatterChartSlots } from '@mu
 import { ChartsTooltipProps } from '@mui/x-charts/ChartsTooltip';
 import { ChartsSlotPropsPro, ChartsSlotsPro } from "../internals/material/index.js";
 import { ChartContainerProProps } from "../ChartContainerPro/ChartContainerPro.js";
-import { ScatterChartProPluginsSignatures } from "./ScatterChartPro.plugins.js";
+import { ScatterChartProPluginSignatures } from "./ScatterChartPro.plugins.js";
 import { ChartsToolbarProSlots, ChartsToolbarProSlotProps } from "../ChartsToolbarPro/Toolbar.types.js";
 export interface ScatterChartProSlots extends Omit<ScatterChartSlots, 'toolbar'>, ChartsToolbarProSlots, Partial<ChartsSlotsPro> {}
 export interface ScatterChartProSlotProps extends Omit<ScatterChartSlotProps, 'toolbar' | 'tooltip'>, ChartsToolbarProSlotProps, Partial<ChartsSlotPropsPro> {
@@ -13,7 +13,7 @@ export interface ScatterChartProSlotProps extends Omit<ScatterChartSlotProps, 't
    */
   tooltip?: Partial<ChartsTooltipProps<'item' | 'none'>>;
 }
-export interface ScatterChartProProps extends Omit<ScatterChartProps, 'apiRef' | 'slots' | 'slotProps'>, Omit<ChartContainerProProps<'scatter', ScatterChartProPluginsSignatures>, 'series' | 'plugins' | 'seriesConfig' | 'onItemClick' | 'slots' | 'slotProps' | 'experimentalFeatures' | 'highlightedAxis' | 'onHighlightedAxisChange'> {
+export interface ScatterChartProProps extends Omit<ScatterChartProps, 'apiRef' | 'slots' | 'slotProps'>, Omit<ChartContainerProProps<'scatter', ScatterChartProPluginSignatures>, 'series' | 'plugins' | 'seriesConfig' | 'onItemClick' | 'slots' | 'slotProps' | 'experimentalFeatures' | 'highlightedAxis' | 'onHighlightedAxisChange'> {
   /**
    * Overridable component slots.
    * @default {}

package/ScatterChartPro/ScatterChartPro.js

@@ -134,6 +134,7 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
    * @default false
    */
   disableVoronoi: _propTypes.default.bool,
+  enableKeyboardNavigation: _propTypes.default.bool,
   /**
    * Option to display a cartesian grid in the background.
    */
@@ -217,6 +218,15 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
    * @param {ZoomData[]} zoomData Updated zoom data.
    */
   onZoomChange: _propTypes.default.func,
+  /**
+   * The type of renderer to use for the scatter plot.
+   * - `svg-single`: Renders every scatter item in a `<circle />` element.
+   * - `svg-batch`: Batch renders scatter items in `<path />` elements for better performance with large datasets, at the cost of some limitations.
+   *                Read more: https://mui.com/x/react-charts/scatter/#performance
+   *
+   * @default 'svg-single'
+   */
+  renderer: _propTypes.default.oneOf(['svg-batch', 'svg-single']),
   /**
    * The series to display in the scatter chart.
    * An array of [[ScatterSeries]] objects.
@@ -246,10 +256,11 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
   theme: _propTypes.default.oneOf(['dark', 'light']),
   title: _propTypes.default.string,
   /**
-   * Defines the maximal distance between a scatter point and the pointer that triggers the interaction.
+   * Defines the maximum distance between a scatter point and the pointer that triggers the interaction.
+   * If set to `'item'`, the radius is the `markerSize`.
    * If `undefined`, the radius is assumed to be infinite.
    */
-  voronoiMaxRadius: _propTypes.default.number,
+  voronoiMaxRadius: _propTypes.default.oneOfType([_propTypes.default.oneOf(['item']), _propTypes.default.number]),
   /**
    * The width of the chart in px. If not defined, it takes the width of the parent element.
    */
@@ -1397,5 +1408,28 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
     axisId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired,
     end: _propTypes.default.number.isRequired,
     start: _propTypes.default.number.isRequired
-  }))
+  })),
+  /**
+   * Configuration for zoom interactions.
+   */
+  zoomInteractionConfig: _propTypes.default.shape({
+    pan: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf(['drag']), _propTypes.default.shape({
+      pointerMode: _propTypes.default.oneOf(['mouse', 'touch']),
+      requiredKeys: _propTypes.default.arrayOf(_propTypes.default.string),
+      type: _propTypes.default.oneOf(['drag']).isRequired
+    })]).isRequired),
+    zoom: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf(['pinch', 'tapAndDrag', 'wheel']), _propTypes.default.shape({
+      pointerMode: _propTypes.default.any,
+      requiredKeys: _propTypes.default.arrayOf(_propTypes.default.string),
+      type: _propTypes.default.oneOf(['wheel']).isRequired
+    }), _propTypes.default.shape({
+      pointerMode: _propTypes.default.any,
+      requiredKeys: _propTypes.default.array,
+      type: _propTypes.default.oneOf(['pinch']).isRequired
+    }), _propTypes.default.shape({
+      pointerMode: _propTypes.default.oneOf(['mouse', 'touch']),
+      requiredKeys: _propTypes.default.arrayOf(_propTypes.default.string),
+      type: _propTypes.default.oneOf(['tapAndDrag']).isRequired
+    })]).isRequired)
+  })
 } : void 0;

package/ScatterChartPro/ScatterChartPro.plugins.d.ts

@@ -1,5 +1,5 @@
-import { UseChartZAxisSignature, UseChartCartesianAxisSignature, UseChartInteractionSignature, UseChartHighlightSignature, UseChartVoronoiSignature, ConvertSignaturesIntoPlugins } from '@mui/x-charts/internals';
+import { UseChartZAxisSignature, UseChartCartesianAxisSignature, UseChartInteractionSignature, UseChartHighlightSignature, UseChartClosestPointSignature, UseChartKeyboardNavigationSignature, ConvertSignaturesIntoPlugins } from '@mui/x-charts/internals';
 import { UseChartProExportSignature } from "../internals/plugins/useChartProExport/index.js";
 import { UseChartProZoomSignature } from "../internals/plugins/useChartProZoom/index.js";
-export type ScatterChartProPluginsSignatures = [UseChartZAxisSignature, UseChartCartesianAxisSignature<'scatter'>, UseChartInteractionSignature, UseChartHighlightSignature, UseChartVoronoiSignature, UseChartProZoomSignature, UseChartProExportSignature];
-export declare const SCATTER_CHART_PRO_PLUGINS: ConvertSignaturesIntoPlugins<ScatterChartProPluginsSignatures>;
+export type ScatterChartProPluginSignatures = [UseChartZAxisSignature, UseChartCartesianAxisSignature<'scatter'>, UseChartInteractionSignature, UseChartHighlightSignature, UseChartClosestPointSignature, UseChartKeyboardNavigationSignature, UseChartProZoomSignature, UseChartProExportSignature];
+export declare const SCATTER_CHART_PRO_PLUGINS: ConvertSignaturesIntoPlugins<ScatterChartProPluginSignatures>;

package/ScatterChartPro/ScatterChartPro.plugins.js

@@ -7,4 +7,4 @@ exports.SCATTER_CHART_PRO_PLUGINS = void 0;
 var _internals = require("@mui/x-charts/internals");
 var _useChartProExport = require("../internals/plugins/useChartProExport");
 var _useChartProZoom = require("../internals/plugins/useChartProZoom");
-const SCATTER_CHART_PRO_PLUGINS = exports.SCATTER_CHART_PRO_PLUGINS = [_internals.useChartZAxis, _internals.useChartCartesianAxis, _internals.useChartInteraction, _internals.useChartHighlight, _internals.useChartVoronoi, _useChartProZoom.useChartProZoom, _useChartProExport.useChartProExport];
+const SCATTER_CHART_PRO_PLUGINS = exports.SCATTER_CHART_PRO_PLUGINS = [_internals.useChartZAxis, _internals.useChartCartesianAxis, _internals.useChartInteraction, _internals.useChartHighlight, _internals.useChartClosestPoint, _internals.useChartKeyboardNavigation, _useChartProZoom.useChartProZoom, _useChartProExport.useChartProExport];

package/ScatterChartPro/index.d.ts

@@ -1 +1,2 @@
-export * from "./ScatterChartPro.js";
+export * from "./ScatterChartPro.js";
+export * from "./ScatterChartPro.plugins.js";

package/ScatterChartPro/index.js

@@ -13,4 +13,15 @@ Object.keys(_ScatterChartPro).forEach(function (key) {
       return _ScatterChartPro[key];
     }
   });
+});
+var _ScatterChartPro2 = require("./ScatterChartPro.plugins");
+Object.keys(_ScatterChartPro2).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ScatterChartPro2[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ScatterChartPro2[key];
+    }
+  });
 });

package/context/ChartProApi.d.ts

@@ -1,20 +1,22 @@
 import { ChartAnyPluginSignature, ChartPublicAPI } from '@mui/x-charts/internals';
-import { HeatmapPluginsSignatures } from "../Heatmap/Heatmap.plugins.js";
-import { LineChartProPluginsSignatures } from "../LineChartPro/LineChartPro.plugins.js";
-import { ScatterChartProPluginsSignatures } from "../ScatterChartPro/ScatterChartPro.plugins.js";
-import { BarChartProPluginsSignatures } from "../BarChartPro/BarChartPro.plugins.js";
+import { HeatmapPluginSignatures } from "../Heatmap/Heatmap.plugins.js";
+import { LineChartProPluginSignatures } from "../LineChartPro/LineChartPro.plugins.js";
+import { ScatterChartProPluginSignatures } from "../ScatterChartPro/ScatterChartPro.plugins.js";
+import { BarChartProPluginSignatures } from "../BarChartPro/BarChartPro.plugins.js";
 import { AllPluginSignatures, DefaultPluginSignatures } from "../internals/plugins/allPlugins.js";
-import { FunnelChartPluginsSignatures } from "../FunnelChart/FunnelChart.plugins.js";
-import { RadarChartProPluginsSignatures } from "../RadarChartPro/RadarChartPro.plugins.js";
+import { FunnelChartPluginSignatures } from "../FunnelChart/FunnelChart.plugins.js";
+import { RadarChartProPluginSignatures } from "../RadarChartPro/RadarChartPro.plugins.js";
 import { PieChartProPluginSignatures } from "../PieChartPro/PieChartPro.plugins.js";
+import { SankeyChartPluginSignatures } from "../SankeyChart/SankeyChart.plugins.js";
 export type ProPluginsPerSeriesType = {
-  heatmap: HeatmapPluginsSignatures;
-  line: LineChartProPluginsSignatures;
-  scatter: ScatterChartProPluginsSignatures;
-  bar: BarChartProPluginsSignatures;
-  funnel: FunnelChartPluginsSignatures;
-  radar: RadarChartProPluginsSignatures;
+  heatmap: HeatmapPluginSignatures;
+  line: LineChartProPluginSignatures;
+  scatter: ScatterChartProPluginSignatures;
+  bar: BarChartProPluginSignatures;
+  funnel: FunnelChartPluginSignatures;
+  radar: RadarChartProPluginSignatures;
   pie: PieChartProPluginSignatures;
+  sankey: SankeyChartPluginSignatures;
   composition: DefaultPluginSignatures;
 };
 /**

package/esm/BarChartPro/BarChartPro.d.ts

@@ -3,10 +3,10 @@ import { BarChartProps, BarChartSlotProps, BarChartSlots } from '@mui/x-charts/B
 import { ChartsToolbarProSlotProps, ChartsToolbarProSlots } from "../ChartsToolbarPro/Toolbar.types.js";
 import { ChartsSlotPropsPro, ChartsSlotsPro } from "../internals/material/index.js";
 import { ChartContainerProProps } from "../ChartContainerPro/index.js";
-import { BarChartProPluginsSignatures } from "./BarChartPro.plugins.js";
+import { BarChartProPluginSignatures } from "./BarChartPro.plugins.js";
 export interface BarChartProSlots extends Omit<BarChartSlots, 'toolbar'>, ChartsToolbarProSlots, Partial<ChartsSlotsPro> {}
 export interface BarChartProSlotProps extends Omit<BarChartSlotProps, 'toolbar'>, ChartsToolbarProSlotProps, Partial<ChartsSlotPropsPro> {}
-export interface BarChartProProps extends Omit<BarChartProps, 'apiRef' | 'slots' | 'slotProps'>, Omit<ChartContainerProProps<'bar', BarChartProPluginsSignatures>, 'series' | 'plugins' | 'seriesConfig' | 'slots' | 'slotProps' | 'experimentalFeatures'> {
+export interface BarChartProProps extends Omit<BarChartProps, 'apiRef' | 'slots' | 'slotProps'>, Omit<ChartContainerProProps<'bar', BarChartProPluginSignatures>, 'series' | 'plugins' | 'seriesConfig' | 'slots' | 'slotProps' | 'experimentalFeatures'> {
   /**
    * Overridable component slots.
    * @default {}