@mui/x-charts-pro 9.8.0 → 9.9.0

package/Heatmap/seriesConfig/tooltipPosition.mjs

@@ -1,28 +1,25 @@
-import { isBandScaleConfig } from '@mui/x-charts/internals';
-const tooltipItemPositionGetter = params => {
-  const {
-    series,
-    identifier,
-    axesConfig,
-    placement
-  } = params;
-  if (!identifier) {
+import { createSelectorMemoized } from '@mui/x-internals/store';
+import { isBandScaleConfig, selectorChartsTooltipItem, selectorChartSeriesProcessed, selectorChartXAxis, selectorChartYAxis } from '@mui/x-charts/internals';
+export const selectorTooltipItemPosition = createSelectorMemoized(selectorChartsTooltipItem, selectorChartSeriesProcessed, selectorChartXAxis, selectorChartYAxis, function selectorTooltipItemPosition(identifier, series, xAxes, yAxes, placement) {
+  if (!identifier || identifier.type !== 'heatmap') {
     return null;
   }
   const itemSeries = series.heatmap?.series[identifier.seriesId];
   if (itemSeries == null) {
     return null;
   }
-  if (axesConfig.x === undefined || axesConfig.y === undefined || !isBandScaleConfig(axesConfig.x) || !isBandScaleConfig(axesConfig.y)) {
+  const xAxis = xAxes.axis[itemSeries.xAxisId ?? xAxes.axisIds[0]];
+  const yAxis = yAxes.axis[itemSeries.yAxisId ?? yAxes.axisIds[0]];
+  if (xAxis === undefined || yAxis === undefined || !isBandScaleConfig(xAxis) || !isBandScaleConfig(yAxis)) {
     return null;
   }
-  const x = axesConfig.x.scale(axesConfig.x.scale.domain()[identifier.xIndex]);
-  const y = axesConfig.y.scale(axesConfig.y.scale.domain()[identifier.yIndex]);
+  const x = xAxis.scale(xAxis.scale.domain()[identifier.xIndex]);
+  const y = yAxis.scale(yAxis.scale.domain()[identifier.yIndex]);
   if (x === undefined || y === undefined) {
     return null;
   }
-  const width = axesConfig.x.scale.bandwidth();
-  const height = axesConfig.y.scale.bandwidth();
+  const width = xAxis.scale.bandwidth();
+  const height = yAxis.scale.bandwidth();
   switch (placement) {
     case 'bottom':
       return {
@@ -46,5 +43,4 @@ const tooltipItemPositionGetter = params => {
         y
       };
   }
-};
-export default tooltipItemPositionGetter;
+});

package/LineChartPro/LineChartPro.d.mts

@@ -1,12 +1,22 @@
 import * as React from 'react';
 import type { LineChartProps, LineChartSlots, LineChartSlotProps } from '@mui/x-charts/LineChart';
+import type { SamplingMethod } from '@mui/x-charts/internals';
 import type { ChartsToolbarProSlotProps, ChartsToolbarProSlots } from "../ChartsToolbarPro/Toolbar.types.mjs";
 import type { ChartsSlotPropsPro, ChartsSlotsPro } from "../internals/material/index.mjs";
 import type { ChartsContainerProProps } from "../ChartsContainerPro/index.mjs";
 import type { LineChartProPluginSignatures } from "./LineChartPro.plugins.mjs";
 export interface LineChartProSlots extends Omit<LineChartSlots, 'toolbar'>, ChartsToolbarProSlots, Partial<ChartsSlotsPro> {}
 export interface LineChartProSlotProps extends Omit<LineChartSlotProps, 'toolbar'>, ChartsToolbarProSlotProps, Partial<ChartsSlotPropsPro> {}
-export interface LineChartProProps extends Omit<LineChartProps, 'apiRef' | 'slots' | 'slotProps' | 'plugins' | 'seriesConfig'>, Omit<ChartsContainerProProps<'line', LineChartProPluginSignatures>, 'series' | 'slots' | 'slotProps'> {
+export interface LineChartProProps extends Omit<LineChartProps, 'apiRef' | 'slots' | 'slotProps' | 'plugins' | 'seriesConfig'>, Omit<ChartsContainerProProps<'line', LineChartProPluginSignatures>, 'series' | 'slots' | 'slotProps' | 'sampling'> {
+  /**
+   * Sampling method used to render large datasets when zoomed out.
+   * - `'none'`: render every point (no sampling).
+   * - `'minmax'`: keep the min and max per bucket.
+   * - `'m4'`: pixel-accurate—keep the first, min, max, and last per bucket.
+   * - `'lttb'`: Largest-Triangle-Three-Buckets, preserves the visual shape.
+   * @default 'none'
+   */
+  sampling?: SamplingMethod;
   /**
    * Overridable component slots.
    * @default {}

package/LineChartPro/LineChartPro.d.ts

@@ -1,12 +1,22 @@
 import * as React from 'react';
 import type { LineChartProps, LineChartSlots, LineChartSlotProps } from '@mui/x-charts/LineChart';
+import type { SamplingMethod } from '@mui/x-charts/internals';
 import type { ChartsToolbarProSlotProps, ChartsToolbarProSlots } from "../ChartsToolbarPro/Toolbar.types.js";
 import type { ChartsSlotPropsPro, ChartsSlotsPro } from "../internals/material/index.js";
 import type { ChartsContainerProProps } from "../ChartsContainerPro/index.js";
 import type { LineChartProPluginSignatures } from "./LineChartPro.plugins.js";
 export interface LineChartProSlots extends Omit<LineChartSlots, 'toolbar'>, ChartsToolbarProSlots, Partial<ChartsSlotsPro> {}
 export interface LineChartProSlotProps extends Omit<LineChartSlotProps, 'toolbar'>, ChartsToolbarProSlotProps, Partial<ChartsSlotPropsPro> {}
-export interface LineChartProProps extends Omit<LineChartProps, 'apiRef' | 'slots' | 'slotProps' | 'plugins' | 'seriesConfig'>, Omit<ChartsContainerProProps<'line', LineChartProPluginSignatures>, 'series' | 'slots' | 'slotProps'> {
+export interface LineChartProProps extends Omit<LineChartProps, 'apiRef' | 'slots' | 'slotProps' | 'plugins' | 'seriesConfig'>, Omit<ChartsContainerProProps<'line', LineChartProPluginSignatures>, 'series' | 'slots' | 'slotProps' | 'sampling'> {
+  /**
+   * Sampling method used to render large datasets when zoomed out.
+   * - `'none'`: render every point (no sampling).
+   * - `'minmax'`: keep the min and max per bucket.
+   * - `'m4'`: pixel-accurate—keep the first, min, max, and last per bucket.
+   * - `'lttb'`: Largest-Triangle-Three-Buckets, preserves the visual shape.
+   * @default 'none'
+   */
+  sampling?: SamplingMethod;
   /**
    * Overridable component slots.
    * @default {}

package/LineChartPro/LineChartPro.js

@@ -30,7 +30,7 @@ var _useChartsContainerProProps = require("../ChartsContainerPro/useChartsContai
 var _ChartsDataProviderPro = require("../ChartsDataProviderPro");
 var _LineChartPro2 = require("./LineChartPro.plugins");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["initialZoom", "zoomData", "onZoomChange", "apiRef", "showToolbar"];
+const _excluded = ["initialZoom", "zoomData", "onZoomChange", "apiRef", "showToolbar", "sampling"];
 /**
  * Demos:
  *
@@ -51,7 +51,8 @@ const LineChartPro = exports.LineChartPro = /*#__PURE__*/React.forwardRef(functi
       zoomData,
       onZoomChange,
       apiRef,
-      showToolbar
+      showToolbar,
+      sampling
     } = props,
     other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const {
@@ -79,7 +80,10 @@ const LineChartPro = exports.LineChartPro = /*#__PURE__*/React.forwardRef(functi
     onZoomChange,
     apiRef,
     plugins: _LineChartPro2.LINE_CHART_PRO_PLUGINS
-  }));
+  }), {
+    seriesType: 'line',
+    method: sampling
+  });
   const Tooltip = props.slots?.tooltip ?? _ChartsTooltip.ChartsTooltip;
   const Toolbar = props.slots?.toolbar ?? _ChartsToolbarPro.ChartsToolbarPro;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsDataProviderPro.ChartsDataProviderPro, (0, _extends2.default)({}, chartsDataProviderProProps, {
@@ -364,6 +368,15 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes /* remove-proptyp
    * @param {ZoomData[]} zoomData Updated zoom data.
    */
   onZoomChange: _propTypes.default.func,
+  /**
+   * Sampling method used to render large datasets when zoomed out.
+   * - `'none'`: render every point (no sampling).
+   * - `'minmax'`: keep the min and max per bucket.
+   * - `'m4'`: pixel-accurate—keep the first, min, max, and last per bucket.
+   * - `'lttb'`: Largest-Triangle-Three-Buckets, preserves the visual shape.
+   * @default 'none'
+   */
+  sampling: _propTypes.default.oneOf(['lttb', 'm4', 'minmax', 'none']),
   /**
    * The series to display in the line chart.
    * An array of [[LineSeries]] objects.

package/LineChartPro/LineChartPro.mjs

@@ -2,7 +2,7 @@
 
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["initialZoom", "zoomData", "onZoomChange", "apiRef", "showToolbar"];
+const _excluded = ["initialZoom", "zoomData", "onZoomChange", "apiRef", "showToolbar", "sampling"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { useThemeProps } from '@mui/material/styles';
@@ -44,7 +44,8 @@ const LineChartPro = /*#__PURE__*/React.forwardRef(function LineChartPro(inProps
       zoomData,
       onZoomChange,
       apiRef,
-      showToolbar
+      showToolbar,
+      sampling
     } = props,
     other = _objectWithoutPropertiesLoose(props, _excluded);
   const {
@@ -72,7 +73,10 @@ const LineChartPro = /*#__PURE__*/React.forwardRef(function LineChartPro(inProps
     onZoomChange,
     apiRef,
     plugins: LINE_CHART_PRO_PLUGINS
-  }));
+  }), {
+    seriesType: 'line',
+    method: sampling
+  });
   const Tooltip = props.slots?.tooltip ?? ChartsTooltip;
   const Toolbar = props.slots?.toolbar ?? ChartsToolbarPro;
   return /*#__PURE__*/_jsx(ChartsDataProviderPro, _extends({}, chartsDataProviderProProps, {
@@ -357,6 +361,15 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes /* remove-proptyp
    * @param {ZoomData[]} zoomData Updated zoom data.
    */
   onZoomChange: PropTypes.func,
+  /**
+   * Sampling method used to render large datasets when zoomed out.
+   * - `'none'`: render every point (no sampling).
+   * - `'minmax'`: keep the min and max per bucket.
+   * - `'m4'`: pixel-accurate—keep the first, min, max, and last per bucket.
+   * - `'lttb'`: Largest-Triangle-Three-Buckets, preserves the visual shape.
+   * @default 'none'
+   */
+  sampling: PropTypes.oneOf(['lttb', 'm4', 'minmax', 'none']),
   /**
    * The series to display in the line chart.
    * An array of [[LineSeries]] objects.

package/LineChartPro/LineChartPro.plugins.d.mts

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

package/LineChartPro/LineChartPro.plugins.d.ts

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

package/LineChartPro/LineChartPro.plugins.js

@@ -7,4 +7,5 @@ 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.useChartBrush, _internals.useChartTooltip, _internals.useChartInteraction, _internals.useChartCartesianAxis, _internals.useChartHighlight, _internals.useChartVisibilityManager, _internals.useChartKeyboardNavigation, _useChartProZoom.useChartProZoom, _useChartProExport.useChartProExport];
+var _useChartProSampling = require("../internals/plugins/useChartProSampling");
+const LINE_CHART_PRO_PLUGINS = exports.LINE_CHART_PRO_PLUGINS = [_internals.useChartZAxis, _internals.useChartBrush, _internals.useChartTooltip, _internals.useChartInteraction, _internals.useChartCartesianAxis, _internals.useChartHighlight, _internals.useChartVisibilityManager, _internals.useChartKeyboardNavigation, _useChartProZoom.useChartProZoom, _useChartProSampling.useChartProSampling, _useChartProExport.useChartProExport];

package/LineChartPro/LineChartPro.plugins.mjs

@@ -1,4 +1,5 @@
 import { useChartZAxis, useChartCartesianAxis, useChartTooltip, useChartInteraction, useChartHighlight, useChartKeyboardNavigation, useChartBrush, useChartVisibilityManager } from '@mui/x-charts/internals';
 import { useChartProExport } from "../internals/plugins/useChartProExport/index.mjs";
 import { useChartProZoom } from "../internals/plugins/useChartProZoom/index.mjs";
-export const LINE_CHART_PRO_PLUGINS = [useChartZAxis, useChartBrush, useChartTooltip, useChartInteraction, useChartCartesianAxis, useChartHighlight, useChartVisibilityManager, useChartKeyboardNavigation, useChartProZoom, useChartProExport];
+import { useChartProSampling } from "../internals/plugins/useChartProSampling/index.mjs";
+export const LINE_CHART_PRO_PLUGINS = [useChartZAxis, useChartBrush, useChartTooltip, useChartInteraction, useChartCartesianAxis, useChartHighlight, useChartVisibilityManager, useChartKeyboardNavigation, useChartProZoom, useChartProSampling, useChartProExport];

package/SankeyChart/FocusedSankeyLink.d.mts

@@ -1 +1 @@
-export declare function FocusedSankeyLink(props: React.SVGAttributes<SVGPathElement>): import("react/jsx-runtime").JSX.Element | null;
+export declare function FocusedSankeyLink(props: React.SVGAttributes<SVGPathElement>): import("react").JSX.Element | null;

package/SankeyChart/FocusedSankeyLink.d.ts

@@ -1 +1 @@
-export declare function FocusedSankeyLink(props: React.SVGAttributes<SVGPathElement>): import("react/jsx-runtime").JSX.Element | null;
+export declare function FocusedSankeyLink(props: React.SVGAttributes<SVGPathElement>): import("react").JSX.Element | null;

package/SankeyChart/FocusedSankeyNode.d.mts

@@ -1 +1 @@
-export declare function FocusedSankeyNode(props: React.SVGAttributes<SVGRectElement>): import("react/jsx-runtime").JSX.Element | null;
+export declare function FocusedSankeyNode(props: React.SVGAttributes<SVGRectElement>): import("react").JSX.Element | null;

package/SankeyChart/FocusedSankeyNode.d.ts

@@ -1 +1 @@
-export declare function FocusedSankeyNode(props: React.SVGAttributes<SVGRectElement>): import("react/jsx-runtime").JSX.Element | null;
+export declare function FocusedSankeyNode(props: React.SVGAttributes<SVGRectElement>): import("react").JSX.Element | null;

package/SankeyChart/SankeyDataProvider.d.mts

@@ -15,7 +15,7 @@ export interface SankeyDataProviderProps extends Omit<ChartsContainerProProps<'s
  *
  * - [Composition](https://mui.com/x/api/charts/composition/)
  */
-declare function SankeyDataProvider(props: SankeyDataProviderProps): import("react/jsx-runtime").JSX.Element;
+declare function SankeyDataProvider(props: SankeyDataProviderProps): React.JSX.Element;
 declare namespace SankeyDataProvider {
   var propTypes: any;
 }

package/SankeyChart/SankeyDataProvider.d.ts

@@ -15,7 +15,7 @@ export interface SankeyDataProviderProps extends Omit<ChartsContainerProProps<'s
  *
  * - [Composition](https://mui.com/x/api/charts/composition/)
  */
-declare function SankeyDataProvider(props: SankeyDataProviderProps): import("react/jsx-runtime").JSX.Element;
+declare function SankeyDataProvider(props: SankeyDataProviderProps): React.JSX.Element;
 declare namespace SankeyDataProvider {
   var propTypes: any;
 }

package/SankeyChart/SankeyLinkLabelPlot.d.mts

@@ -5,7 +5,7 @@ export interface SankeyLinkLabelPlotProps {
    */
   classes?: Partial<SankeyClasses>;
 }
-declare function SankeyLinkLabelPlot(props: SankeyLinkLabelPlotProps): import("react/jsx-runtime").JSX.Element | null;
+declare function SankeyLinkLabelPlot(props: SankeyLinkLabelPlotProps): import("react").JSX.Element | null;
 declare namespace SankeyLinkLabelPlot {
   var propTypes: any;
 }

package/SankeyChart/SankeyLinkLabelPlot.d.ts

@@ -5,7 +5,7 @@ export interface SankeyLinkLabelPlotProps {
    */
   classes?: Partial<SankeyClasses>;
 }
-declare function SankeyLinkLabelPlot(props: SankeyLinkLabelPlotProps): import("react/jsx-runtime").JSX.Element | null;
+declare function SankeyLinkLabelPlot(props: SankeyLinkLabelPlotProps): import("react").JSX.Element | null;
 declare namespace SankeyLinkLabelPlot {
   var propTypes: any;
 }

package/SankeyChart/SankeyLinkPlot.d.mts

@@ -13,7 +13,7 @@ export interface SankeyLinkPlotProps {
    */
   onClick?: (event: React.MouseEvent<SVGElement, MouseEvent>, link: SankeyLinkIdentifierWithData) => void;
 }
-declare function SankeyLinkPlot(props: SankeyLinkPlotProps): import("react/jsx-runtime").JSX.Element | null;
+declare function SankeyLinkPlot(props: SankeyLinkPlotProps): React.JSX.Element | null;
 declare namespace SankeyLinkPlot {
   var propTypes: any;
 }

package/SankeyChart/SankeyLinkPlot.d.ts

@@ -13,7 +13,7 @@ export interface SankeyLinkPlotProps {
    */
   onClick?: (event: React.MouseEvent<SVGElement, MouseEvent>, link: SankeyLinkIdentifierWithData) => void;
 }
-declare function SankeyLinkPlot(props: SankeyLinkPlotProps): import("react/jsx-runtime").JSX.Element | null;
+declare function SankeyLinkPlot(props: SankeyLinkPlotProps): React.JSX.Element | null;
 declare namespace SankeyLinkPlot {
   var propTypes: any;
 }

package/SankeyChart/SankeyNodeLabelPlot.d.mts

@@ -5,7 +5,7 @@ export interface SankeyNodeLabelPlotProps {
    */
   classes?: Partial<SankeyClasses>;
 }
-declare function SankeyNodeLabelPlot(props: SankeyNodeLabelPlotProps): import("react/jsx-runtime").JSX.Element | null;
+declare function SankeyNodeLabelPlot(props: SankeyNodeLabelPlotProps): import("react").JSX.Element | null;
 declare namespace SankeyNodeLabelPlot {
   var propTypes: any;
 }

package/SankeyChart/SankeyNodeLabelPlot.d.ts

@@ -5,7 +5,7 @@ export interface SankeyNodeLabelPlotProps {
    */
   classes?: Partial<SankeyClasses>;
 }
-declare function SankeyNodeLabelPlot(props: SankeyNodeLabelPlotProps): import("react/jsx-runtime").JSX.Element | null;
+declare function SankeyNodeLabelPlot(props: SankeyNodeLabelPlotProps): import("react").JSX.Element | null;
 declare namespace SankeyNodeLabelPlot {
   var propTypes: any;
 }

package/SankeyChart/SankeyNodePlot.d.mts

@@ -13,7 +13,7 @@ export interface SankeyNodePlotProps {
    */
   onClick?: (event: React.MouseEvent<SVGElement, MouseEvent>, node: SankeyNodeIdentifierWithData) => void;
 }
-declare function SankeyNodePlot(props: SankeyNodePlotProps): import("react/jsx-runtime").JSX.Element | null;
+declare function SankeyNodePlot(props: SankeyNodePlotProps): React.JSX.Element | null;
 declare namespace SankeyNodePlot {
   var propTypes: any;
 }

package/SankeyChart/SankeyNodePlot.d.ts

@@ -13,7 +13,7 @@ export interface SankeyNodePlotProps {
    */
   onClick?: (event: React.MouseEvent<SVGElement, MouseEvent>, node: SankeyNodeIdentifierWithData) => void;
 }
-declare function SankeyNodePlot(props: SankeyNodePlotProps): import("react/jsx-runtime").JSX.Element | null;
+declare function SankeyNodePlot(props: SankeyNodePlotProps): React.JSX.Element | null;
 declare namespace SankeyNodePlot {
   var propTypes: any;
 }

package/SankeyChart/SankeyPlot.d.mts

@@ -26,7 +26,7 @@ export interface SankeyPlotProps {
 /**
  * Renders a Sankey diagram plot.
  */
-declare function SankeyPlot(props: SankeyPlotProps): import("react/jsx-runtime").JSX.Element | null;
+declare function SankeyPlot(props: SankeyPlotProps): React.JSX.Element | null;
 declare namespace SankeyPlot {
   var propTypes: any;
 }

package/SankeyChart/SankeyPlot.d.ts

@@ -26,7 +26,7 @@ export interface SankeyPlotProps {
 /**
  * Renders a Sankey diagram plot.
  */
-declare function SankeyPlot(props: SankeyPlotProps): import("react/jsx-runtime").JSX.Element | null;
+declare function SankeyPlot(props: SankeyPlotProps): React.JSX.Element | null;
 declare namespace SankeyPlot {
   var propTypes: any;
 }

package/SankeyChart/SankeyTooltip/SankeyTooltip.d.mts

@@ -1,5 +1,5 @@
 import type { SankeyTooltipProps } from "./SankeyTooltip.types.mjs";
-declare function SankeyTooltip(props: SankeyTooltipProps): import("react/jsx-runtime").JSX.Element;
+declare function SankeyTooltip(props: SankeyTooltipProps): import("react").JSX.Element;
 declare namespace SankeyTooltip {
   var propTypes: any;
 }

package/SankeyChart/SankeyTooltip/SankeyTooltip.d.ts

@@ -1,5 +1,5 @@
 import type { SankeyTooltipProps } from "./SankeyTooltip.types.js";
-declare function SankeyTooltip(props: SankeyTooltipProps): import("react/jsx-runtime").JSX.Element;
+declare function SankeyTooltip(props: SankeyTooltipProps): import("react").JSX.Element;
 declare namespace SankeyTooltip {
   var propTypes: any;
 }

package/SankeyChart/SankeyTooltip/SankeyTooltipContent.d.mts

@@ -1,6 +1,6 @@
 import type { SankeyTooltipProps } from "./SankeyTooltip.types.mjs";
 export interface SankeyTooltipContentProps extends Pick<SankeyTooltipProps, 'classes'> {}
-export declare function SankeyTooltipContent(props: SankeyTooltipContentProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function SankeyTooltipContent(props: SankeyTooltipContentProps): import("react").JSX.Element | null;
 export declare namespace SankeyTooltipContent {
   var propTypes: any;
 }

package/SankeyChart/SankeyTooltip/SankeyTooltipContent.d.ts

@@ -1,6 +1,6 @@
 import type { SankeyTooltipProps } from "./SankeyTooltip.types.js";
 export interface SankeyTooltipContentProps extends Pick<SankeyTooltipProps, 'classes'> {}
-export declare function SankeyTooltipContent(props: SankeyTooltipContentProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function SankeyTooltipContent(props: SankeyTooltipContentProps): import("react").JSX.Element | null;
 export declare namespace SankeyTooltipContent {
   var propTypes: any;
 }

package/SankeyChart/seriesConfig/index.js

@@ -8,7 +8,7 @@ exports.sankeySeriesConfig = void 0;
 var _getSeriesWithDefaultValues = require("./getSeriesWithDefaultValues");
 var _tooltipGetter = require("./tooltipGetter");
 var _calculateSankeyLayout = require("../calculateSankeyLayout");
-var _tooltipPosition = _interopRequireDefault(require("./tooltipPosition"));
+var _tooltipPosition = require("./tooltipPosition");
 var _keyboardFocusHandler = _interopRequireDefault(require("./keyboardFocusHandler"));
 var _identifierSerializer = _interopRequireDefault(require("./identifierSerializer"));
 var _identifierCleaner = _interopRequireDefault(require("./identifierCleaner"));
@@ -35,7 +35,7 @@ const sankeySeriesConfig = exports.sankeySeriesConfig = {
   colorProcessor,
   legendGetter,
   tooltipGetter: _tooltipGetter.tooltipGetter,
-  tooltipItemPositionGetter: _tooltipPosition.default,
+  selectorTooltipItemPosition: _tooltipPosition.selectorTooltipItemPosition,
   getSeriesWithDefaultValues: _getSeriesWithDefaultValues.getSeriesWithDefaultValues,
   keyboardFocusHandler: _keyboardFocusHandler.default,
   identifierSerializer: _identifierSerializer.default,

package/SankeyChart/seriesConfig/index.mjs

@@ -1,7 +1,7 @@
 import { getSeriesWithDefaultValues } from "./getSeriesWithDefaultValues.mjs";
 import { tooltipGetter } from "./tooltipGetter.mjs";
 import { calculateSankeyLayout } from "../calculateSankeyLayout.mjs";
-import tooltipItemPositionGetter from "./tooltipPosition.mjs";
+import { selectorTooltipItemPosition } from "./tooltipPosition.mjs";
 import keyboardFocusHandler from "./keyboardFocusHandler.mjs";
 import identifierSerializer from "./identifierSerializer.mjs";
 import identifierCleaner from "./identifierCleaner.mjs";
@@ -29,7 +29,7 @@ export const sankeySeriesConfig = {
   colorProcessor,
   legendGetter,
   tooltipGetter,
-  tooltipItemPositionGetter,
+  selectorTooltipItemPosition,
   getSeriesWithDefaultValues,
   keyboardFocusHandler,
   identifierSerializer,

package/SankeyChart/seriesConfig/tooltipPosition.d.mts

@@ -1,3 +1,2 @@
-import type { TooltipItemPositionGetter } from '@mui/x-charts/internals';
-declare const tooltipItemPositionGetter: TooltipItemPositionGetter<'sankey'>;
-export default tooltipItemPositionGetter;
+import type { TooltipItemPositionSelector } from '@mui/x-charts/internals';
+export declare const selectorTooltipItemPosition: TooltipItemPositionSelector<'sankey'>;

package/SankeyChart/seriesConfig/tooltipPosition.d.ts

@@ -1,3 +1,2 @@
-import type { TooltipItemPositionGetter } from '@mui/x-charts/internals';
-declare const tooltipItemPositionGetter: TooltipItemPositionGetter<'sankey'>;
-export default tooltipItemPositionGetter;
+import type { TooltipItemPositionSelector } from '@mui/x-charts/internals';
+export declare const selectorTooltipItemPosition: TooltipItemPositionSelector<'sankey'>;

package/SankeyChart/seriesConfig/tooltipPosition.js

@@ -3,15 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
-const tooltipItemPositionGetter = params => {
-  const {
-    series,
-    seriesLayout,
-    identifier,
-    placement
-  } = params;
-  if (!identifier) {
+exports.selectorTooltipItemPosition = void 0;
+var _store = require("@mui/x-internals/store");
+var _internals = require("@mui/x-charts/internals");
+const selectorTooltipItemPosition = exports.selectorTooltipItemPosition = (0, _store.createSelectorMemoized)(_internals.selectorChartsTooltipItem, _internals.selectorChartSeriesProcessed, _internals.selectorChartSeriesLayout, function selectorTooltipItemPosition(identifier, series, seriesLayout, placement) {
+  if (!identifier || identifier.type !== 'sankey') {
     return null;
   }
   const seriesItem = series.sankey?.series[identifier.seriesId];
@@ -92,5 +88,4 @@ const tooltipItemPositionGetter = params => {
     }
   }
   return null;
-};
-var _default = exports.default = tooltipItemPositionGetter;
+});

package/SankeyChart/seriesConfig/tooltipPosition.mjs

@@ -1,11 +1,7 @@
-const tooltipItemPositionGetter = params => {
-  const {
-    series,
-    seriesLayout,
-    identifier,
-    placement
-  } = params;
-  if (!identifier) {
+import { createSelectorMemoized } from '@mui/x-internals/store';
+import { selectorChartsTooltipItem, selectorChartSeriesProcessed, selectorChartSeriesLayout } from '@mui/x-charts/internals';
+export const selectorTooltipItemPosition = createSelectorMemoized(selectorChartsTooltipItem, selectorChartSeriesProcessed, selectorChartSeriesLayout, function selectorTooltipItemPosition(identifier, series, seriesLayout, placement) {
+  if (!identifier || identifier.type !== 'sankey') {
     return null;
   }
   const seriesItem = series.sankey?.series[identifier.seriesId];
@@ -86,5 +82,4 @@ const tooltipItemPositionGetter = params => {
     }
   }
   return null;
-};
-export default tooltipItemPositionGetter;
+});

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts-pro v9.8.0
+ * @mui/x-charts-pro v9.9.0
  *
  * @license SEE LICENSE IN LICENSE
  * This source code is licensed under the SEE LICENSE IN LICENSE license found in the

package/index.mjs

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts-pro v9.8.0
+ * @mui/x-charts-pro v9.9.0
  *
  * @license SEE LICENSE IN LICENSE
  * This source code is licensed under the SEE LICENSE IN LICENSE license found in the

package/internals/ChartsWatermark.d.mts

@@ -1,6 +1,7 @@
+import * as React from 'react';
 import type { CommercialPackageInfo } from '@mui/x-license/internals';
 interface ChartsWatermarkProps {
   packageInfo: CommercialPackageInfo;
 }
-export declare function ChartsWatermark(props: ChartsWatermarkProps): import("react/jsx-runtime").JSX.Element;
+export declare function ChartsWatermark(props: ChartsWatermarkProps): React.JSX.Element;
 export {};

package/internals/ChartsWatermark.d.ts

@@ -1,6 +1,7 @@
+import * as React from 'react';
 import type { CommercialPackageInfo } from '@mui/x-license/internals';
 interface ChartsWatermarkProps {
   packageInfo: CommercialPackageInfo;
 }
-export declare function ChartsWatermark(props: ChartsWatermarkProps): import("react/jsx-runtime").JSX.Element;
+export declare function ChartsWatermark(props: ChartsWatermarkProps): React.JSX.Element;
 export {};

package/internals/index.d.mts

@@ -3,6 +3,8 @@ export type { UseChartsContainerProPropsReturnValue } from "../ChartsContainerPr
 export type { ChartsSlotsPro, ChartsSlotPropsPro } from "./material/index.mjs";
 export { seriesPreviewPlotMap } from "../ChartsZoomSlider/internals/seriesPreviewPlotMap.mjs";
 export type { PreviewPlotProps } from "../ChartsZoomSlider/internals/previews/PreviewPlot.types.mjs";
+export { useDragGesture, useWheelGesture, usePinchGesture, type UseDragGestureOptions, type UseWheelGestureOptions, type UsePinchGestureOptions, type GestureInstance, type PanGestureConfig } from "./plugins/zoomGestures/index.mjs";
+export { useRegisterZoomGestures } from "./plugins/useChartProZoom/gestureHooks/useRegisterZoomGestures.mjs";
 export { defaultSeriesConfigPro } from "../ChartsDataProviderPro/ChartsDataProviderPro.mjs";
 export type { ProPluginsPerSeriesType } from "../context/ChartProApi.mjs";
 export { useHeatmapProps } from "../Heatmap/useHeatmapProps.mjs";

package/internals/index.d.ts

@@ -3,6 +3,8 @@ export type { UseChartsContainerProPropsReturnValue } from "../ChartsContainerPr
 export type { ChartsSlotsPro, ChartsSlotPropsPro } from "./material/index.js";
 export { seriesPreviewPlotMap } from "../ChartsZoomSlider/internals/seriesPreviewPlotMap.js";
 export type { PreviewPlotProps } from "../ChartsZoomSlider/internals/previews/PreviewPlot.types.js";
+export { useDragGesture, useWheelGesture, usePinchGesture, type UseDragGestureOptions, type UseWheelGestureOptions, type UsePinchGestureOptions, type GestureInstance, type PanGestureConfig } from "./plugins/zoomGestures/index.js";
+export { useRegisterZoomGestures } from "./plugins/useChartProZoom/gestureHooks/useRegisterZoomGestures.js";
 export { defaultSeriesConfigPro } from "../ChartsDataProviderPro/ChartsDataProviderPro.js";
 export type { ProPluginsPerSeriesType } from "../context/ChartProApi.js";
 export { useHeatmapProps } from "../Heatmap/useHeatmapProps.js";

package/internals/index.js

@@ -6,6 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {
   useChartsContainerProProps: true,
   seriesPreviewPlotMap: true,
+  useDragGesture: true,
+  useWheelGesture: true,
+  usePinchGesture: true,
+  useRegisterZoomGestures: true,
   defaultSeriesConfigPro: true,
   useHeatmapProps: true,
   defaultSlotsMaterial: true,
@@ -41,14 +45,40 @@ Object.defineProperty(exports, "useChartsContainerProProps", {
     return _useChartsContainerProProps.useChartsContainerProProps;
   }
 });
+Object.defineProperty(exports, "useDragGesture", {
+  enumerable: true,
+  get: function () {
+    return _zoomGestures.useDragGesture;
+  }
+});
 Object.defineProperty(exports, "useHeatmapProps", {
   enumerable: true,
   get: function () {
     return _useHeatmapProps.useHeatmapProps;
   }
 });
+Object.defineProperty(exports, "usePinchGesture", {
+  enumerable: true,
+  get: function () {
+    return _zoomGestures.usePinchGesture;
+  }
+});
+Object.defineProperty(exports, "useRegisterZoomGestures", {
+  enumerable: true,
+  get: function () {
+    return _useRegisterZoomGestures.useRegisterZoomGestures;
+  }
+});
+Object.defineProperty(exports, "useWheelGesture", {
+  enumerable: true,
+  get: function () {
+    return _zoomGestures.useWheelGesture;
+  }
+});
 var _useChartsContainerProProps = require("../ChartsContainerPro/useChartsContainerProProps");
 var _seriesPreviewPlotMap = require("../ChartsZoomSlider/internals/seriesPreviewPlotMap");
+var _zoomGestures = require("./plugins/zoomGestures");
+var _useRegisterZoomGestures = require("./plugins/useChartProZoom/gestureHooks/useRegisterZoomGestures");
 var _ChartsDataProviderPro = require("../ChartsDataProviderPro/ChartsDataProviderPro");
 var _useHeatmapProps = require("../Heatmap/useHeatmapProps");
 var _material = require("./material");