@mui/x-charts-pro 9.8.0 → 9.10.0

package/FunnelChart/seriesConfig/tooltipPosition.mjs

@@ -1,30 +1,27 @@
-import { findMinMax } from '@mui/x-charts/internals';
+import { createSelectorMemoized } from '@mui/x-internals/store';
+import { findMinMax, selectorChartsTooltipItem, selectorChartSeriesProcessed, selectorChartXAxis, selectorChartYAxis } from '@mui/x-charts/internals';
 import { createPositionGetter } from "../coordinateMapper.mjs";
-const tooltipItemPositionGetter = params => {
-  const {
-    series,
-    identifier,
-    axesConfig,
-    placement
-  } = params;
-  if (!identifier || identifier.dataIndex === undefined) {
+export const selectorTooltipItemPosition = createSelectorMemoized(selectorChartsTooltipItem, selectorChartSeriesProcessed, selectorChartXAxis, selectorChartYAxis, (identifier, series, xAxes, yAxes, placement) => {
+  if (!identifier || identifier.type !== 'funnel' || identifier.dataIndex === undefined) {
     return null;
   }
   const itemSeries = series.funnel?.series[identifier.seriesId];
   if (itemSeries == null) {
     return null;
   }
-  if (axesConfig.x === undefined || axesConfig.y === undefined) {
+  const xAxis = xAxes.axis[itemSeries.xAxisId ?? xAxes.axisIds[0]];
+  const yAxis = yAxes.axis[itemSeries.yAxisId ?? yAxes.axisIds[0]];
+  if (xAxis === undefined || yAxis === undefined) {
     return null;
   }
   const isHorizontal = itemSeries.layout === 'horizontal';
-  const baseScaleConfig = isHorizontal ? axesConfig.x : axesConfig.y;
+  const baseScaleConfig = isHorizontal ? xAxis : yAxis;
 
   // FIXME gap should be obtained from the store.
   // Maybe moving it to the series would be a good idea similar to what we do with bar charts and their stackingGroups
   const gap = 0;
-  const xPosition = createPositionGetter(axesConfig.x.scale, isHorizontal, gap, baseScaleConfig.data);
-  const yPosition = createPositionGetter(axesConfig.y.scale, !isHorizontal, gap, baseScaleConfig.data);
+  const xPosition = createPositionGetter(xAxis.scale, isHorizontal, gap, baseScaleConfig.data);
+  const yPosition = createPositionGetter(yAxis.scale, !isHorizontal, gap, baseScaleConfig.data);
   const allY = itemSeries.dataPoints[identifier.dataIndex].map(v => yPosition(v.y, identifier.dataIndex, v.stackOffset, v.useBandWidth));
   const allX = itemSeries.dataPoints[identifier.dataIndex].map(v => xPosition(v.x, identifier.dataIndex, v.stackOffset, v.useBandWidth));
   const [x0, x1] = findMinMax(allX);
@@ -52,5 +49,4 @@ const tooltipItemPositionGetter = params => {
         y: y0
       };
   }
-};
-export default tooltipItemPositionGetter;
+});

package/Heatmap/FocusedHeatmapCell.d.mts

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

package/Heatmap/FocusedHeatmapCell.d.ts

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

package/Heatmap/Heatmap.d.mts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import type { MakeOptional } from '@mui/x-internals/types';
+import type { WithDataAttributes } from '@mui/utils/types';
 import type { ChartsTooltipProps } from '@mui/x-charts/ChartsTooltip';
 import type { ChartsAxisSlots, ChartsAxisSlotProps, XAxis, YAxis } from '@mui/x-charts/internals';
 import type { TooltipPropsOverrides } from '@mui/x-charts/models';
@@ -25,7 +26,7 @@ export interface HeatmapSlots extends ChartsAxisSlots, ChartsOverlaySlots, Heatm
   legend?: ChartsLegendSlots['legend'];
 }
 export interface HeatmapSlotProps extends ChartsAxisSlotProps, ChartsOverlaySlotProps, HeatmapItemSlotProps, ChartsLegendSlotProps, ChartsToolbarProSlotProps, Partial<ChartsSlotPropsPro> {
-  tooltip?: Partial<HeatmapTooltipProps> & TooltipPropsOverrides;
+  tooltip?: WithDataAttributes<Partial<HeatmapTooltipProps> & TooltipPropsOverrides>;
 }
 export type HeatmapSeries = MakeOptional<HeatmapSeriesType, 'type'>;
 export interface HeatmapProps extends Omit<ChartsContainerProProps<'heatmap', HeatmapPluginSignatures>, 'series' | 'plugins' | 'xAxis' | 'yAxis' | 'axesGap' | 'skipAnimation' | 'slots' | 'slotProps' | 'highlightedAxis' | 'onHighlightedAxisChange' | 'seriesConfig' | 'onAxisClick'>, Omit<ChartsOverlayProps, 'slots' | 'slotProps'> {

package/Heatmap/Heatmap.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import type { MakeOptional } from '@mui/x-internals/types';
+import type { WithDataAttributes } from '@mui/utils/types';
 import type { ChartsTooltipProps } from '@mui/x-charts/ChartsTooltip';
 import type { ChartsAxisSlots, ChartsAxisSlotProps, XAxis, YAxis } from '@mui/x-charts/internals';
 import type { TooltipPropsOverrides } from '@mui/x-charts/models';
@@ -25,7 +26,7 @@ export interface HeatmapSlots extends ChartsAxisSlots, ChartsOverlaySlots, Heatm
   legend?: ChartsLegendSlots['legend'];
 }
 export interface HeatmapSlotProps extends ChartsAxisSlotProps, ChartsOverlaySlotProps, HeatmapItemSlotProps, ChartsLegendSlotProps, ChartsToolbarProSlotProps, Partial<ChartsSlotPropsPro> {
-  tooltip?: Partial<HeatmapTooltipProps> & TooltipPropsOverrides;
+  tooltip?: WithDataAttributes<Partial<HeatmapTooltipProps> & TooltipPropsOverrides>;
 }
 export type HeatmapSeries = MakeOptional<HeatmapSeriesType, 'type'>;
 export interface HeatmapProps extends Omit<ChartsContainerProProps<'heatmap', HeatmapPluginSignatures>, 'series' | 'plugins' | 'xAxis' | 'yAxis' | 'axesGap' | 'skipAnimation' | 'slots' | 'slotProps' | 'highlightedAxis' | 'onHighlightedAxisChange' | 'seriesConfig' | 'onAxisClick'>, Omit<ChartsOverlayProps, 'slots' | 'slotProps'> {

package/Heatmap/HeatmapItem.d.mts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import type { WithDataAttributes } from '@mui/utils/types';
 import type { SeriesId } from '@mui/x-charts/internals';
 import type { HeatmapCellProps } from "./HeatmapCell.mjs";
 import type { CellPropsOverrides } from "../models/chartsSlotsComponentsPropsPro.mjs";
@@ -10,7 +11,7 @@ export interface HeatmapItemSlots {
   cell?: React.ElementType<HeatmapCellProps & CellPropsOverrides>;
 }
 export interface HeatmapItemSlotProps {
-  cell?: Partial<HeatmapCellProps> & CellPropsOverrides;
+  cell?: WithDataAttributes<Partial<HeatmapCellProps> & CellPropsOverrides>;
 }
 export interface HeatmapItemProps {
   seriesId: SeriesId;
@@ -42,7 +43,7 @@ export interface HeatmapItemProps {
 /**
  * @ignore - internal component.
  */
-declare function HeatmapItem(props: HeatmapItemProps): import("react/jsx-runtime").JSX.Element;
+declare function HeatmapItem(props: HeatmapItemProps): React.JSX.Element;
 declare namespace HeatmapItem {
   var propTypes: any;
 }

package/Heatmap/HeatmapItem.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import type { WithDataAttributes } from '@mui/utils/types';
 import type { SeriesId } from '@mui/x-charts/internals';
 import type { HeatmapCellProps } from "./HeatmapCell.js";
 import type { CellPropsOverrides } from "../models/chartsSlotsComponentsPropsPro.js";
@@ -10,7 +11,7 @@ export interface HeatmapItemSlots {
   cell?: React.ElementType<HeatmapCellProps & CellPropsOverrides>;
 }
 export interface HeatmapItemSlotProps {
-  cell?: Partial<HeatmapCellProps> & CellPropsOverrides;
+  cell?: WithDataAttributes<Partial<HeatmapCellProps> & CellPropsOverrides>;
 }
 export interface HeatmapItemProps {
   seriesId: SeriesId;
@@ -42,7 +43,7 @@ export interface HeatmapItemProps {
 /**
  * @ignore - internal component.
  */
-declare function HeatmapItem(props: HeatmapItemProps): import("react/jsx-runtime").JSX.Element;
+declare function HeatmapItem(props: HeatmapItemProps): React.JSX.Element;
 declare namespace HeatmapItem {
   var propTypes: any;
 }

package/Heatmap/HeatmapSVGPlot.d.mts

@@ -1,2 +1,3 @@
+import * as React from 'react';
 import type { HeatmapRendererPlotProps } from "./Heatmap.types.mjs";
-export declare function HeatmapSVGPlot(props: HeatmapRendererPlotProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function HeatmapSVGPlot(props: HeatmapRendererPlotProps): React.JSX.Element | null;

package/Heatmap/HeatmapSVGPlot.d.ts

@@ -1,2 +1,3 @@
+import * as React from 'react';
 import type { HeatmapRendererPlotProps } from "./Heatmap.types.js";
-export declare function HeatmapSVGPlot(props: HeatmapRendererPlotProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function HeatmapSVGPlot(props: HeatmapRendererPlotProps): React.JSX.Element | null;

package/Heatmap/HeatmapTooltip/HeatmapTooltip.classes.d.mts

@@ -1,2 +1,2 @@
 import type { HeatmapTooltipProps } from "./HeatmapTooltip.types.mjs";
-export declare const useUtilityClasses: (props: Pick<HeatmapTooltipProps, "classes">) => Record<"mark" | "table" | "cell" | "row" | "root" | "paper" | "markContainer" | "labelCell" | "valueCell", string>;
+export declare const useUtilityClasses: (props: Pick<HeatmapTooltipProps, 'classes'>) => Record<"cell" | "labelCell" | "mark" | "markContainer" | "paper" | "root" | "row" | "table" | "valueCell", string>;

package/Heatmap/HeatmapTooltip/HeatmapTooltip.classes.d.ts

@@ -1,2 +1,2 @@
 import type { HeatmapTooltipProps } from "./HeatmapTooltip.types.js";
-export declare const useUtilityClasses: (props: Pick<HeatmapTooltipProps, "classes">) => Record<"mark" | "table" | "cell" | "row" | "root" | "paper" | "markContainer" | "labelCell" | "valueCell", string>;
+export declare const useUtilityClasses: (props: Pick<HeatmapTooltipProps, 'classes'>) => Record<"cell" | "labelCell" | "mark" | "markContainer" | "paper" | "root" | "row" | "table" | "valueCell", string>;

package/Heatmap/HeatmapTooltip/HeatmapTooltip.d.mts

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

package/Heatmap/HeatmapTooltip/HeatmapTooltip.d.ts

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

package/Heatmap/HeatmapTooltip/HeatmapTooltip.types.d.mts

@@ -1,3 +1,4 @@
+import type { WithDataAttributes } from '@mui/utils/types';
 import type { ChartsTooltipContainerProps, ChartsTooltipClasses } from '@mui/x-charts/ChartsTooltip';
 import type { TooltipPropsOverrides } from '@mui/x-charts/models';
 export interface HeatmapTooltipSlots {
@@ -12,7 +13,7 @@ export interface HeatmapTooltipSlotProps {
    * Custom component for the tooltip popper.
    * @default ChartsTooltipRoot
    */
-  tooltip?: Partial<HeatmapTooltipProps> & TooltipPropsOverrides;
+  tooltip?: WithDataAttributes<Partial<HeatmapTooltipProps> & TooltipPropsOverrides>;
 }
 export interface HeatmapTooltipClasses extends ChartsTooltipClasses {}
 export interface HeatmapTooltipContentClasses extends ChartsTooltipClasses {}

package/Heatmap/HeatmapTooltip/HeatmapTooltip.types.d.ts

@@ -1,3 +1,4 @@
+import type { WithDataAttributes } from '@mui/utils/types';
 import type { ChartsTooltipContainerProps, ChartsTooltipClasses } from '@mui/x-charts/ChartsTooltip';
 import type { TooltipPropsOverrides } from '@mui/x-charts/models';
 export interface HeatmapTooltipSlots {
@@ -12,7 +13,7 @@ export interface HeatmapTooltipSlotProps {
    * Custom component for the tooltip popper.
    * @default ChartsTooltipRoot
    */
-  tooltip?: Partial<HeatmapTooltipProps> & TooltipPropsOverrides;
+  tooltip?: WithDataAttributes<Partial<HeatmapTooltipProps> & TooltipPropsOverrides>;
 }
 export interface HeatmapTooltipClasses extends ChartsTooltipClasses {}
 export interface HeatmapTooltipContentClasses extends ChartsTooltipClasses {}

package/Heatmap/HeatmapTooltip/HeatmapTooltipContent.d.mts

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

package/Heatmap/HeatmapTooltip/HeatmapTooltipContent.d.ts

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

package/Heatmap/seriesConfig/highlight.d.mts

@@ -3,8 +3,8 @@ import type { HighlightItemIdentifier } from '@mui/x-charts/models';
 /**
  * The isHighlighted logic for main charts (those that are identified by an id and a dataIndex)
  */
-export declare function createIsHighlighted(highlightScope: HighlightScope<'heatmap'> | null | undefined, highlightedItem: HighlightItemIdentifier<'heatmap'> | null): (item: HighlightItemIdentifier<"heatmap"> | null) => boolean;
+export declare function createIsHighlighted(highlightScope: HighlightScope<'heatmap'> | null | undefined, highlightedItem: HighlightItemIdentifier<'heatmap'> | null): (item: HighlightItemIdentifier<'heatmap'> | null) => boolean;
 /**
  * The isFade logic for main charts (those that are identified by an id and a dataIndex)
  */
-export declare function createIsFaded(highlightScope: HighlightScope<'heatmap'> | null | undefined, highlightedItem: HighlightItemIdentifier<'heatmap'> | null): (item: HighlightItemIdentifier<"heatmap"> | null) => boolean;
+export declare function createIsFaded(highlightScope: HighlightScope<'heatmap'> | null | undefined, highlightedItem: HighlightItemIdentifier<'heatmap'> | null): (item: HighlightItemIdentifier<'heatmap'> | null) => boolean;

package/Heatmap/seriesConfig/highlight.d.ts

@@ -3,8 +3,8 @@ import type { HighlightItemIdentifier } from '@mui/x-charts/models';
 /**
  * The isHighlighted logic for main charts (those that are identified by an id and a dataIndex)
  */
-export declare function createIsHighlighted(highlightScope: HighlightScope<'heatmap'> | null | undefined, highlightedItem: HighlightItemIdentifier<'heatmap'> | null): (item: HighlightItemIdentifier<"heatmap"> | null) => boolean;
+export declare function createIsHighlighted(highlightScope: HighlightScope<'heatmap'> | null | undefined, highlightedItem: HighlightItemIdentifier<'heatmap'> | null): (item: HighlightItemIdentifier<'heatmap'> | null) => boolean;
 /**
  * The isFade logic for main charts (those that are identified by an id and a dataIndex)
  */
-export declare function createIsFaded(highlightScope: HighlightScope<'heatmap'> | null | undefined, highlightedItem: HighlightItemIdentifier<'heatmap'> | null): (item: HighlightItemIdentifier<"heatmap"> | null) => boolean;
+export declare function createIsFaded(highlightScope: HighlightScope<'heatmap'> | null | undefined, highlightedItem: HighlightItemIdentifier<'heatmap'> | null): (item: HighlightItemIdentifier<'heatmap'> | null) => boolean;

package/Heatmap/seriesConfig/index.js

@@ -11,7 +11,7 @@ var _seriesProcessor = _interopRequireDefault(require("./seriesProcessor"));
 var _getColor = _interopRequireDefault(require("./getColor"));
 var _tooltip = _interopRequireDefault(require("./tooltip"));
 var _getSeriesWithDefaultValues = _interopRequireDefault(require("./getSeriesWithDefaultValues"));
-var _tooltipPosition = _interopRequireDefault(require("./tooltipPosition"));
+var _tooltipPosition = require("./tooltipPosition");
 var _getItemAtPosition = _interopRequireDefault(require("./getItemAtPosition"));
 var _keyboardFocusHandler = _interopRequireDefault(require("./keyboardFocusHandler"));
 var _highlight = require("./highlight");
@@ -24,7 +24,7 @@ const heatmapSeriesConfig = exports.heatmapSeriesConfig = {
   colorProcessor: _getColor.default,
   legendGetter: () => [],
   tooltipGetter: _tooltip.default,
-  tooltipItemPositionGetter: _tooltipPosition.default,
+  selectorTooltipItemPosition: _tooltipPosition.selectorTooltipItemPosition,
   xExtremumGetter: _extremums.getBaseExtremum,
   yExtremumGetter: _extremums.getBaseExtremum,
   getSeriesWithDefaultValues: _getSeriesWithDefaultValues.default,

package/Heatmap/seriesConfig/index.mjs

@@ -4,7 +4,7 @@ import seriesProcessor from "./seriesProcessor.mjs";
 import getColor from "./getColor.mjs";
 import tooltipGetter from "./tooltip.mjs";
 import getSeriesWithDefaultValues from "./getSeriesWithDefaultValues.mjs";
-import tooltipItemPositionGetter from "./tooltipPosition.mjs";
+import { selectorTooltipItemPosition } from "./tooltipPosition.mjs";
 import getItemAtPosition from "./getItemAtPosition.mjs";
 import keyboardFocusHandler from "./keyboardFocusHandler.mjs";
 import { createIsFaded, createIsHighlighted } from "./highlight.mjs";
@@ -17,7 +17,7 @@ export const heatmapSeriesConfig = {
   colorProcessor: getColor,
   legendGetter: () => [],
   tooltipGetter,
-  tooltipItemPositionGetter,
+  selectorTooltipItemPosition,
   xExtremumGetter: getBaseExtremum,
   yExtremumGetter: getBaseExtremum,
   getSeriesWithDefaultValues,

package/Heatmap/seriesConfig/tooltipPosition.d.mts

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

package/Heatmap/seriesConfig/tooltipPosition.d.ts

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

package/Heatmap/seriesConfig/tooltipPosition.js

@@ -3,32 +3,29 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.selectorTooltipItemPosition = void 0;
+var _store = require("@mui/x-internals/store");
 var _internals = require("@mui/x-charts/internals");
-const tooltipItemPositionGetter = params => {
-  const {
-    series,
-    identifier,
-    axesConfig,
-    placement
-  } = params;
-  if (!identifier) {
+const selectorTooltipItemPosition = exports.selectorTooltipItemPosition = (0, _store.createSelectorMemoized)(_internals.selectorChartsTooltipItem, _internals.selectorChartSeriesProcessed, _internals.selectorChartXAxis, _internals.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 || !(0, _internals.isBandScaleConfig)(axesConfig.x) || !(0, _internals.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 || !(0, _internals.isBandScaleConfig)(xAxis) || !(0, _internals.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 {
@@ -52,5 +49,4 @@ const tooltipItemPositionGetter = params => {
         y
       };
   }
-};
-var _default = exports.default = tooltipItemPositionGetter;
+});

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;