@mui/x-charts 8.20.0 → 8.22.0

package/esm/internals/plugins/featurePlugins/useChartCartesianAxis/getAxisDomainLimit.d.ts

@@ -1,6 +1,6 @@
-import { AxisConfig } from "../../../../models/axis.js";
-import { CartesianChartSeriesType } from "../../../../models/seriesType/config.js";
-import { ProcessedSeries } from "../../corePlugins/useChartSeries/index.js";
+import { type AxisConfig } from "../../../../models/axis.js";
+import { type CartesianChartSeriesType } from "../../../../models/seriesType/config.js";
+import { type ProcessedSeries } from "../../corePlugins/useChartSeries/index.js";
 export declare const getAxisDomainLimit: <T extends CartesianChartSeriesType>(axis: Pick<AxisConfig, "id" | "domainLimit">, axisDirection: "x" | "y", axisIndex: number, formattedSeries: ProcessedSeries<T | "line">) => "nice" | "strict" | ((min: number, max: number) => {
   min: number;
   max: number;

package/esm/internals/plugins/featurePlugins/useChartCartesianAxis/getAxisExtrema.d.ts

@@ -1,6 +1,6 @@
-import { AxisConfig } from "../../../../models/index.js";
-import { CartesianChartSeriesType } from "../../../../models/seriesType/config.js";
-import { ChartSeriesConfig } from "../../models/seriesConfig/index.js";
-import { ProcessedSeries } from "../../corePlugins/useChartSeries/useChartSeries.types.js";
-import { GetZoomAxisFilters } from "./zoom.types.js";
+import { type AxisConfig } from "../../../../models/index.js";
+import { type CartesianChartSeriesType } from "../../../../models/seriesType/config.js";
+import { type ChartSeriesConfig } from "../../models/seriesConfig/index.js";
+import { type ProcessedSeries } from "../../corePlugins/useChartSeries/useChartSeries.types.js";
+import { type GetZoomAxisFilters } from "./zoom.types.js";
 export declare function getAxisExtrema<T extends CartesianChartSeriesType>(axis: AxisConfig, axisDirection: 'x' | 'y', seriesConfig: ChartSeriesConfig<T>, axisIndex: number, formattedSeries: ProcessedSeries<T>, getFilters?: GetZoomAxisFilters): [number, number];

package/esm/internals/plugins/featurePlugins/useChartCartesianAxis/getAxisScale.d.ts

@@ -1,5 +1,5 @@
-import { NumberValue } from '@mui/x-charts-vendor/d3-scale';
-import { AxisConfig, ChartsAxisProps, D3Scale, DefaultedAxis, ScaleName } from "../../../../models/axis.js";
-import { ChartDrawingArea } from "../../../../hooks/useDrawingArea.js";
+import { type NumberValue } from '@mui/x-charts-vendor/d3-scale';
+import { type AxisConfig, type ChartsAxisProps, type D3Scale, type DefaultedAxis, type ScaleName } from "../../../../models/axis.js";
+import { type ChartDrawingArea } from "../../../../hooks/useDrawingArea.js";
 export declare function getRange(drawingArea: ChartDrawingArea, axisDirection: 'x' | 'y', axis: AxisConfig<ScaleName, any, ChartsAxisProps>): [number, number];
 export declare function getNormalizedAxisScale(axis: Readonly<DefaultedAxis<ScaleName, any, Readonly<ChartsAxisProps>>>, domain: ReadonlyArray<NumberValue | string>): D3Scale;

package/esm/internals/plugins/featurePlugins/useChartCartesianAxis/getAxisTriggerTooltip.d.ts

@@ -1,5 +1,5 @@
-import { CartesianChartSeriesType } from "../../../../models/seriesType/config.js";
-import { ChartSeriesConfig } from "../../models/seriesConfig/index.js";
-import { ProcessedSeries } from "../../corePlugins/useChartSeries/useChartSeries.types.js";
-import { AxisId } from "../../../../models/axis.js";
+import { type CartesianChartSeriesType } from "../../../../models/seriesType/config.js";
+import { type ChartSeriesConfig } from "../../models/seriesConfig/index.js";
+import { type ProcessedSeries } from "../../corePlugins/useChartSeries/useChartSeries.types.js";
+import { type AxisId } from "../../../../models/axis.js";
 export declare const getAxisTriggerTooltip: <TSeriesType extends CartesianChartSeriesType>(axisDirection: "x" | "y", seriesConfig: ChartSeriesConfig<TSeriesType>, formattedSeries: ProcessedSeries<TSeriesType>, defaultAxisId: AxisId) => Set<AxisId>;

package/esm/internals/plugins/featurePlugins/useChartCartesianAxis/getAxisValue.d.ts

@@ -1,4 +1,4 @@
-import { ComputedAxis, D3Scale } from "../../../../models/axis.js";
+import { type ComputedAxis, type D3Scale } from "../../../../models/axis.js";
 /**
  * For a pointer coordinate, this function returns the dataIndex associated.
  * Returns `-1` if no dataIndex matches.

package/esm/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxis.d.ts

@@ -1,3 +1,3 @@
-import { ChartPlugin } from "../../models/index.js";
-import { UseChartCartesianAxisSignature } from "./useChartCartesianAxis.types.js";
+import { type ChartPlugin } from "../../models/index.js";
+import { type UseChartCartesianAxisSignature } from "./useChartCartesianAxis.types.js";
 export declare const useChartCartesianAxis: ChartPlugin<UseChartCartesianAxisSignature<any>>;

package/esm/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxisLayout.selectors.d.ts

@@ -1,6 +1,6 @@
-import { UseChartCartesianAxisSignature } from "./useChartCartesianAxis.types.js";
-import { DefaultedXAxis, DefaultedYAxis } from "../../../../models/axis.js";
-import { ChartState } from "../../models/chart.js";
+import { type UseChartCartesianAxisSignature } from "./useChartCartesianAxis.types.js";
+import { type DefaultedXAxis, type DefaultedYAxis } from "../../../../models/axis.js";
+import { type ChartState } from "../../models/chart.js";
 export declare const selectorChartCartesianAxisState: (state: ChartState<[], [UseChartCartesianAxisSignature]>) => {
   x: DefaultedXAxis[];
   y: DefaultedYAxis[];

package/esm/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxisPreview.selectors.d.ts

@@ -1,4 +1,4 @@
-import { AxisId, D3Scale } from "../../../../models/axis.js";
+import { type AxisId, type D3Scale } from "../../../../models/axis.js";
 export declare const selectorChartPreviewXScales: (args_0: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../../../index.js").UseChartInteractionListenerState & Partial<import("./useChartCartesianAxis.types.js").UseChartCartesianAxisState> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
 }, axisId: AxisId) => Record<AxisId, D3Scale>;

package/esm/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxisPreview.selectors.js

@@ -1,4 +1,4 @@
-import { createSelector } from '@mui/x-internals/store';
+import { createSelectorMemoized } from '@mui/x-internals/store';
 import { selectorChartRawXAxis, selectorChartRawYAxis } from "./useChartCartesianAxisLayout.selectors.js";
 import { selectorChartSeriesConfig, selectorChartSeriesProcessed } from "../../corePlugins/useChartSeries/index.js";
 import { computeAxisValue } from "./computeAxisValue.js";
@@ -25,7 +25,7 @@ function createPreviewDrawingArea(axisDirection, mainChartDrawingArea) {
     bottom: mainChartDrawingArea.height
   };
 }
-export const selectorChartPreviewXScales = createSelector(selectorChartRawXAxis, selectorChartDrawingArea, selectorChartZoomOptionsLookup, selectorChartNormalizedXScales, function selectorChartPreviewXScales(xAxes, chartDrawingArea, zoomOptions, normalizedXScales, axisId) {
+export const selectorChartPreviewXScales = createSelectorMemoized(selectorChartRawXAxis, selectorChartDrawingArea, selectorChartZoomOptionsLookup, selectorChartNormalizedXScales, function selectorChartPreviewXScales(xAxes, chartDrawingArea, zoomOptions, normalizedXScales, axisId) {
   const hasAxis = xAxes?.some(axis => axis.id === axisId);
   const drawingArea = createPreviewDrawingArea(hasAxis ? 'x' : 'y', chartDrawingArea);
   const options = zoomOptions[axisId];
@@ -40,7 +40,7 @@ export const selectorChartPreviewXScales = createSelector(selectorChartRawXAxis,
   });
   return scales;
 });
-export const selectorChartPreviewComputedXAxis = createSelector(selectorChartSeriesProcessed, selectorChartSeriesConfig, selectorChartZoomOptionsLookup, selectorChartDrawingArea, selectorChartPreviewXScales, selectorChartXAxisWithDomains, (formattedSeries, seriesConfig, zoomOptions, chartDrawingArea, scales, {
+export const selectorChartPreviewComputedXAxis = createSelectorMemoized(selectorChartSeriesProcessed, selectorChartSeriesConfig, selectorChartZoomOptionsLookup, selectorChartDrawingArea, selectorChartPreviewXScales, selectorChartXAxisWithDomains, (formattedSeries, seriesConfig, zoomOptions, chartDrawingArea, scales, {
   axes,
   domains
 }, axisId) => {
@@ -69,7 +69,7 @@ export const selectorChartPreviewComputedXAxis = createSelector(selectorChartSer
   }
   return computedAxes.axis;
 });
-export const selectorChartPreviewYScales = createSelector(selectorChartRawYAxis, selectorChartDrawingArea, selectorChartZoomOptionsLookup, selectorChartNormalizedYScales, function selectorChartPreviewYScales(yAxes, chartDrawingArea, zoomOptions, normalizedYScales, axisId) {
+export const selectorChartPreviewYScales = createSelectorMemoized(selectorChartRawYAxis, selectorChartDrawingArea, selectorChartZoomOptionsLookup, selectorChartNormalizedYScales, function selectorChartPreviewYScales(yAxes, chartDrawingArea, zoomOptions, normalizedYScales, axisId) {
   const hasAxis = yAxes?.some(axis => axis.id === axisId);
   const drawingArea = createPreviewDrawingArea(hasAxis ? 'y' : 'x', chartDrawingArea);
   const options = zoomOptions[axisId];
@@ -87,7 +87,7 @@ export const selectorChartPreviewYScales = createSelector(selectorChartRawYAxis,
   });
   return scales;
 });
-export const selectorChartPreviewComputedYAxis = createSelector(selectorChartSeriesProcessed, selectorChartSeriesConfig, selectorChartZoomOptionsLookup, selectorChartDrawingArea, selectorChartPreviewYScales, selectorChartYAxisWithDomains, (formattedSeries, seriesConfig, zoomOptions, chartDrawingArea, scales, {
+export const selectorChartPreviewComputedYAxis = createSelectorMemoized(selectorChartSeriesProcessed, selectorChartSeriesConfig, selectorChartZoomOptionsLookup, selectorChartDrawingArea, selectorChartPreviewYScales, selectorChartYAxisWithDomains, (formattedSeries, seriesConfig, zoomOptions, chartDrawingArea, scales, {
   axes,
   domains
 }, axisId) => {

package/esm/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxisRendering.selectors.d.ts

@@ -1,7 +1,7 @@
-import { NumberValue } from '@mui/x-charts-vendor/d3-scale';
-import { ZoomData } from "./zoom.types.js";
-import { AxisId, D3Scale } from "../../../../models/axis.js";
-import { SeriesId } from "../../../../models/seriesType/common.js";
+import { type NumberValue } from '@mui/x-charts-vendor/d3-scale';
+import { type ZoomData } from "./zoom.types.js";
+import { type AxisId, type D3Scale, type DefaultedAxis } from "../../../../models/axis.js";
+import { type SeriesId } from "../../../../models/seriesType/common.js";
 import { Flatbush } from "../../../Flatbush.js";
 export declare const createZoomMap: (zoom: readonly ZoomData[]) => Map<AxisId, ZoomData>;
 export declare const selectorChartHasZoom: (args_0: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../../../index.js").UseChartInteractionListenerState & Partial<import("./useChartCartesianAxis.types.js").UseChartCartesianAxisState> & {
@@ -99,68 +99,6 @@ export declare const selectorChartRawAxis: (args_0: import("../../corePlugins/us
     max: number;
   });
   ignoreTooltip?: boolean;
-} & Omit<Partial<import("../../../index.js").ChartsXAxisProps>, "axisId"> & Partial<Omit<{
-  scaleType: "time";
-  scale: import("@mui/x-charts-vendor/d3-scale").ScaleTime<number, number>;
-  colorMap?: import("../../../../models/colorMapping.js").ContinuousColorConfig | import("../../../../models/colorMapping.js").PiecewiseColorConfig;
-} | {
-  scaleType: "log";
-  scale: import("@mui/x-charts-vendor/d3-scale").ScaleLogarithmic<number, number>;
-  colorMap?: import("../../../../models/colorMapping.js").ContinuousColorConfig | import("../../../../models/colorMapping.js").PiecewiseColorConfig;
-} | {
-  scaleType: "linear";
-  scale: import("@mui/x-charts-vendor/d3-scale").ScaleLinear<number, number>;
-  colorMap?: import("../../../../models/colorMapping.js").ContinuousColorConfig | import("../../../../models/colorMapping.js").PiecewiseColorConfig;
-} | {
-  scaleType: "symlog";
-  scale: import("@mui/x-charts-vendor/d3-scale").ScaleSymLog<number, number>;
-  colorMap?: import("../../../../models/colorMapping.js").ContinuousColorConfig | import("../../../../models/colorMapping.js").PiecewiseColorConfig;
-  constant?: number;
-} | {
-  scaleType: "pow";
-  scale: import("@mui/x-charts-vendor/d3-scale").ScalePower<number, number>;
-  colorMap?: import("../../../../models/colorMapping.js").ContinuousColorConfig | import("../../../../models/colorMapping.js").PiecewiseColorConfig;
-} | {
-  scaleType: "sqrt";
-  scale: import("@mui/x-charts-vendor/d3-scale").ScalePower<number, number>;
-  colorMap?: import("../../../../models/colorMapping.js").ContinuousColorConfig | import("../../../../models/colorMapping.js").PiecewiseColorConfig;
-} | {
-  scaleType: "utc";
-  scale: import("@mui/x-charts-vendor/d3-scale").ScaleTime<number, number>;
-  colorMap?: import("../../../../models/colorMapping.js").ContinuousColorConfig | import("../../../../models/colorMapping.js").PiecewiseColorConfig;
-} | ({
-  scaleType: "band";
-  scale: import("@mui/x-charts-vendor/d3-scale").ScaleBand<{
-    toString(): string;
-  }>;
-  categoryGapRatio: number;
-  barGapRatio: number;
-  colorMap?: import("../../../../models/colorMapping.js").OrdinalColorConfig | import("../../../../models/colorMapping.js").ContinuousColorConfig | import("../../../../models/colorMapping.js").PiecewiseColorConfig;
-} & import("../../../index.js").AxisGroups & Pick<import("../../../../hooks/useTicks.js").TickParams, "tickPlacement" | "tickLabelPlacement">) | ({
-  scaleType: "point";
-  scale: import("@mui/x-charts-vendor/d3-scale").ScalePoint<{
-    toString(): string;
-  }>;
-  colorMap?: import("../../../../models/colorMapping.js").OrdinalColorConfig | import("../../../../models/colorMapping.js").ContinuousColorConfig | import("../../../../models/colorMapping.js").PiecewiseColorConfig;
-} & import("../../../index.js").AxisGroups), "scale">> & {
-  position?: "top" | "bottom" | "none";
-  height?: number;
-} & import("../../../../hooks/useTicks.js").TickParams & import("../../../index.js").AxisConfigExtension & {
-  zoom: import("./useChartCartesianAxis.types.js").DefaultizedZoomOptions | undefined;
-}) | ({
-  offset?: number;
-} & {
-  id: AxisId;
-  data?: readonly any[] | undefined;
-  dataKey?: string;
-  valueFormatter?: (<TScaleName extends keyof import("../../../index.js").AxisScaleConfig>(value: any, context: import("../../../index.js").AxisValueFormatterContext<TScaleName>) => string) | undefined;
-  hideTooltip?: boolean;
-  reverse?: boolean;
-  domainLimit?: "nice" | "strict" | ((min: number, max: number) => {
-    min: number;
-    max: number;
-  });
-  ignoreTooltip?: boolean;
 } & Omit<Partial<import("../../../index.js").ChartsYAxisProps>, "axisId"> & Partial<Omit<{
   scaleType: "time";
   scale: import("@mui/x-charts-vendor/d3-scale").ScaleTime<number, number>;
@@ -192,6 +130,7 @@ export declare const selectorChartRawAxis: (args_0: import("../../corePlugins/us
   colorMap?: import("../../../../models/colorMapping.js").ContinuousColorConfig | import("../../../../models/colorMapping.js").PiecewiseColorConfig;
 } | ({
   scaleType: "band";
+  ordinalTimeTicks?: import("../../../../index.js").OrdinalTimeTicks;
   scale: import("@mui/x-charts-vendor/d3-scale").ScaleBand<{
     toString(): string;
   }>;
@@ -200,6 +139,7 @@ export declare const selectorChartRawAxis: (args_0: import("../../corePlugins/us
   colorMap?: import("../../../../models/colorMapping.js").OrdinalColorConfig | import("../../../../models/colorMapping.js").ContinuousColorConfig | import("../../../../models/colorMapping.js").PiecewiseColorConfig;
 } & import("../../../index.js").AxisGroups & Pick<import("../../../../hooks/useTicks.js").TickParams, "tickPlacement" | "tickLabelPlacement">) | ({
   scaleType: "point";
+  ordinalTimeTicks?: import("../../../../index.js").OrdinalTimeTicks;
   scale: import("@mui/x-charts-vendor/d3-scale").ScalePoint<{
     toString(): string;
   }>;
@@ -209,7 +149,7 @@ export declare const selectorChartRawAxis: (args_0: import("../../corePlugins/us
   width?: number;
 } & import("../../../../hooks/useTicks.js").TickParams & import("../../../index.js").AxisConfigExtension & {
   zoom: import("./useChartCartesianAxis.types.js").DefaultizedZoomOptions | undefined;
-}) | undefined;
+}) | DefaultedAxis<"time", any, import("../../../index.js").ChartsXAxisProps> | DefaultedAxis<"log", any, import("../../../index.js").ChartsXAxisProps> | DefaultedAxis<"linear", any, import("../../../index.js").ChartsXAxisProps> | DefaultedAxis<"symlog", any, import("../../../index.js").ChartsXAxisProps> | DefaultedAxis<"pow", any, import("../../../index.js").ChartsXAxisProps> | DefaultedAxis<"sqrt", any, import("../../../index.js").ChartsXAxisProps> | DefaultedAxis<"utc", any, import("../../../index.js").ChartsXAxisProps> | DefaultedAxis<"band", any, import("../../../index.js").ChartsXAxisProps> | DefaultedAxis<"point", any, import("../../../index.js").ChartsXAxisProps> | undefined;
 export declare const selectorChartDefaultXAxisId: (args_0: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../../../index.js").UseChartInteractionListenerState & Partial<import("./useChartCartesianAxis.types.js").UseChartCartesianAxisState> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
 }) => AxisId;

package/esm/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxisRendering.selectors.js

@@ -8,7 +8,7 @@ import { createZoomLookup } from "./createZoomLookup.js";
 import { isBandScaleConfig, isPointScaleConfig } from "../../../../models/axis.js";
 import { selectorChartRawXAxis, selectorChartRawYAxis } from "./useChartCartesianAxisLayout.selectors.js";
 import { selectorPreferStrictDomainInLineCharts } from "../../corePlugins/useChartExperimentalFeature/index.js";
-import { getDefaultTickNumber } from "../../../ticks.js";
+import { getDefaultTickNumber, getTickNumber } from "../../../ticks.js";
 import { getNormalizedAxisScale, getRange } from "./getAxisScale.js";
 import { isOrdinalScale } from "../../../scaleGuards.js";
 import { zoomScaleRange } from "./zoom.js";
@@ -53,6 +53,9 @@ export const selectorChartXAxisWithDomains = createSelectorMemoized(selectorChar
       domains[axis.id] = {
         domain: axis.data
       };
+      if (axis.ordinalTimeTicks !== undefined) {
+        domains[axis.id].tickNumber = getTickNumber(axis, [axis.data?.find(d => d !== null), axis.data?.findLast(d => d !== null)], defaultTickNumber);
+      }
       return;
     }
     const axisExtrema = getAxisExtrema(axis, axisDirection, seriesConfig, axisIndex, formattedSeries);
@@ -72,6 +75,9 @@ export const selectorChartYAxisWithDomains = createSelectorMemoized(selectorChar
       domains[axis.id] = {
         domain: axis.data
       };
+      if (axis.ordinalTimeTicks !== undefined) {
+        domains[axis.id].tickNumber = getTickNumber(axis, [axis.data?.find(d => d !== null), axis.data?.findLast(d => d !== null)], defaultTickNumber);
+      }
       return;
     }
     const axisExtrema = getAxisExtrema(axis, axisDirection, seriesConfig, axisIndex, formattedSeries);

package/esm/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianHighlight.selectors.d.ts

@@ -1,4 +1,4 @@
-import { AxisItemIdentifier, ChartsAxisProps } from "../../../../models/axis.js";
+import { type AxisItemIdentifier, type ChartsAxisProps } from "../../../../models/axis.js";
 export declare const selectorChartsHighlightXAxisIndex: (args_0: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../../../index.js").UseChartInteractionListenerState & Partial<import("../useChartInteraction/useChartInteraction.types.js").UseChartInteractionState> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
 }) => AxisItemIdentifier[];

package/esm/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianHighlight.selectors.js

@@ -58,8 +58,8 @@ const selectAxisHighlightWithValue = (computedIndex, computedValue, axis, contro
   }
   return [];
 };
-export const selectorChartsHighlightXAxisValue = createSelector(selectorChartsInteractionXAxisIndex, selectorChartsInteractionXAxisValue, selectorChartXAxis, selectorChartControlledCartesianAxisHighlight, selectorChartsKeyboardXAxisIndex, selectorChartsLastInteraction, selectorBrushShouldPreventAxisHighlight, selectAxisHighlightWithValue);
-export const selectorChartsHighlightYAxisValue = createSelector(selectorChartsInteractionYAxisIndex, selectorChartsInteractionYAxisValue, selectorChartYAxis, selectorChartControlledCartesianAxisHighlight, selectorChartsKeyboardYAxisIndex, selectorChartsLastInteraction, selectorBrushShouldPreventAxisHighlight, selectAxisHighlightWithValue);
+export const selectorChartsHighlightXAxisValue = createSelectorMemoized(selectorChartsInteractionXAxisIndex, selectorChartsInteractionXAxisValue, selectorChartXAxis, selectorChartControlledCartesianAxisHighlight, selectorChartsKeyboardXAxisIndex, selectorChartsLastInteraction, selectorBrushShouldPreventAxisHighlight, selectAxisHighlightWithValue);
+export const selectorChartsHighlightYAxisValue = createSelectorMemoized(selectorChartsInteractionYAxisIndex, selectorChartsInteractionYAxisValue, selectorChartYAxis, selectorChartControlledCartesianAxisHighlight, selectorChartsKeyboardYAxisIndex, selectorChartsLastInteraction, selectorBrushShouldPreventAxisHighlight, selectAxisHighlightWithValue);
 
 /**
  * Get the scale of the axis with highlight if controlled. The default axis otherwise.

package/esm/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianInteraction.selectors.d.ts

@@ -1,5 +1,5 @@
-import { AxisId, AxisItemIdentifier, ChartsAxisProps } from "../../../../models/axis.js";
-import { ComputeResult } from "./computeAxisValue.js";
+import { type AxisId, type AxisItemIdentifier, type ChartsAxisProps } from "../../../../models/axis.js";
+import { type ComputeResult } from "./computeAxisValue.js";
 export declare const selectChartsInteractionAxisIndex: (value: number | null, axes: ComputeResult<ChartsAxisProps>, id?: AxisId) => number | null;
 export declare const selectorChartsInteractionXAxisIndex: (args_0: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../../../index.js").UseChartInteractionListenerState & Partial<import("../useChartInteraction/useChartInteraction.types.js").UseChartInteractionState> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;

package/esm/internals/plugins/featurePlugins/useChartCartesianAxis/zoom.types.d.ts

@@ -1,4 +1,4 @@
-import { AxisId } from "../../../../models/axis.js";
+import { type AxisId } from "../../../../models/axis.js";
 import type { ExtremumFilter } from "./useChartCartesianAxis.types.js";
 export type ZoomData = {
   /**

package/esm/internals/plugins/featurePlugins/useChartClosestPoint/findClosestPoints.d.ts

@@ -1,5 +1,4 @@
-import { ChartDrawingArea } from "../../../../hooks/useDrawingArea.js";
-import { ScatterValueType } from "../../../../models/seriesType/scatter.js";
-import { Flatbush } from "../../../Flatbush.js";
-import { D3Scale } from "../../../../models/axis.js";
-export declare function findClosestPoints(flatbush: Flatbush, drawingArea: Pick<ChartDrawingArea, 'top' | 'left' | 'width' | 'height'>, seriesData: readonly ScatterValueType[], xScale: D3Scale, yScale: D3Scale, xZoomStart: number, xZoomEnd: number, yZoomStart: number, yZoomEnd: number, svgPointX: number, svgPointY: number, maxRadius?: number, maxResults?: number): number[];
+import { type ScatterValueType } from "../../../../models/seriesType/scatter.js";
+import { type Flatbush } from "../../../Flatbush.js";
+import { type D3Scale } from "../../../../models/axis.js";
+export declare function findClosestPoints(flatbush: Flatbush, seriesData: readonly ScatterValueType[], xScale: D3Scale, yScale: D3Scale, xZoomStart: number, xZoomEnd: number, yZoomStart: number, yZoomEnd: number, svgPointX: number, svgPointY: number, maxRadius?: number, maxResults?: number): number[];

package/esm/internals/plugins/featurePlugins/useChartClosestPoint/findClosestPoints.js

@@ -1,5 +1,5 @@
 import { isOrdinalScale } from "../../../scaleGuards.js";
-export function findClosestPoints(flatbush, drawingArea, seriesData, xScale, yScale, xZoomStart, xZoomEnd, yZoomStart, yZoomEnd, svgPointX, svgPointY, maxRadius = Infinity, maxResults = 1) {
+export function findClosestPoints(flatbush, seriesData, xScale, yScale, xZoomStart, xZoomEnd, yZoomStart, yZoomEnd, svgPointX, svgPointY, maxRadius = Infinity, maxResults = 1) {
   const originalXScale = xScale.copy();
   const originalYScale = yScale.copy();
   originalXScale.range([0, 1]);

package/esm/internals/plugins/featurePlugins/useChartClosestPoint/useChartClosestPoint.d.ts

@@ -1,3 +1,3 @@
-import { ChartPlugin } from "../../models/index.js";
-import { UseChartClosestPointSignature } from "./useChartClosestPoint.types.js";
+import { type ChartPlugin } from "../../models/index.js";
+import { type UseChartClosestPointSignature } from "./useChartClosestPoint.types.js";
 export declare const useChartClosestPoint: ChartPlugin<UseChartClosestPointSignature>;

package/esm/internals/plugins/featurePlugins/useChartClosestPoint/useChartClosestPoint.js

@@ -8,7 +8,6 @@ import { getSVGPoint } from "../../../getSVGPoint.js";
 import { useSelector } from "../../../store/useSelector.js";
 import { selectorChartAxisZoomData, selectorChartSeriesEmptyFlatbushMap, selectorChartSeriesFlatbushMap, selectorChartXAxis, selectorChartYAxis, selectorChartZoomIsInteracting } from "../useChartCartesianAxis/index.js";
 import { selectorChartSeriesProcessed } from "../../corePlugins/useChartSeries/useChartSeries.selectors.js";
-import { selectorChartDrawingArea } from "../../corePlugins/useChartDimensions/index.js";
 import { findClosestPoints } from "./findClosestPoints.js";
 export const useChartClosestPoint = ({
   svgRef,
@@ -21,7 +20,6 @@ export const useChartClosestPoint = ({
     voronoiMaxRadius,
     onItemClick
   } = params;
-  const drawingArea = useSelector(store, selectorChartDrawingArea);
   const {
     axis: xAxis,
     axisIds: xAxisIds
@@ -63,8 +61,8 @@ export const useChartClosestPoint = ({
         }
         const xAxisId = aSeries.xAxisId ?? defaultXAxisId;
         const yAxisId = aSeries.yAxisId ?? defaultYAxisId;
-        const xAxisZoom = selectorChartAxisZoomData(store.getSnapshot(), xAxisId);
-        const yAxisZoom = selectorChartAxisZoomData(store.getSnapshot(), yAxisId);
+        const xAxisZoom = selectorChartAxisZoomData(store.state, xAxisId);
+        const yAxisZoom = selectorChartAxisZoomData(store.state, yAxisId);
         const maxRadius = voronoiMaxRadius === 'item' ? aSeries.markerSize : voronoiMaxRadius;
         const xZoomStart = (xAxisZoom?.start ?? 0) / 100;
         const xZoomEnd = (xAxisZoom?.end ?? 100) / 100;
@@ -72,7 +70,7 @@ export const useChartClosestPoint = ({
         const yZoomEnd = (yAxisZoom?.end ?? 100) / 100;
         const xScale = xAxis[xAxisId].scale;
         const yScale = yAxis[yAxisId].scale;
-        const closestPointIndex = findClosestPoints(flatbush, drawingArea, aSeries.data, xScale, yScale, xZoomStart, xZoomEnd, yZoomStart, yZoomEnd, svgPoint.x, svgPoint.y, maxRadius)[0];
+        const closestPointIndex = findClosestPoints(flatbush, aSeries.data, xScale, yScale, xZoomStart, xZoomEnd, yZoomStart, yZoomEnd, svgPoint.x, svgPoint.y, maxRadius)[0];
         if (closestPointIndex === undefined) {
           continue;
         }
@@ -102,18 +100,21 @@ export const useChartClosestPoint = ({
       if (!event.detail.activeGestures.pan) {
         instance.cleanInteraction?.();
         instance.clearHighlight?.();
+        instance.removeTooltipItem?.();
       }
     });
     const panEndHandler = instance.addInteractionListener('panEnd', event => {
       if (!event.detail.activeGestures.move) {
         instance.cleanInteraction?.();
         instance.clearHighlight?.();
+        instance.removeTooltipItem?.();
       }
     });
     const pressEndHandler = instance.addInteractionListener('quickPressEnd', event => {
       if (!event.detail.activeGestures.move && !event.detail.activeGestures.pan) {
         instance.cleanInteraction?.();
         instance.clearHighlight?.();
+        instance.removeTooltipItem?.();
       }
     });
     const gestureHandler = event => {
@@ -121,24 +122,25 @@ export const useChartClosestPoint = ({
       if (closestPoint === 'outside-chart') {
         instance.cleanInteraction?.();
         instance.clearHighlight?.();
+        instance.removeTooltipItem?.();
         return;
       }
       if (closestPoint === 'outside-voronoi-max-radius' || closestPoint === 'no-point-found') {
-        instance.removeItemInteraction?.();
+        instance.removeTooltipItem?.();
         instance.clearHighlight?.();
+        instance.removeTooltipItem?.();
         return;
       }
       const {
         seriesId,
         dataIndex
       } = closestPoint;
-      instance.setItemInteraction?.({
+      instance.setTooltipItem?.({
         type: 'scatter',
         seriesId,
         dataIndex
-      }, {
-        interaction: 'pointer'
       });
+      instance.setLastUpdateSource?.('pointer');
       instance.setHighlight?.({
         seriesId,
         dataIndex
@@ -170,7 +172,7 @@ export const useChartClosestPoint = ({
       pressHandler.cleanup();
       pressEndHandler.cleanup();
     };
-  }, [svgRef, yAxis, xAxis, voronoiMaxRadius, onItemClick, disableVoronoi, drawingArea, instance, seriesOrder, series, flatbushMap, defaultXAxisId, defaultYAxisId, store]);
+  }, [svgRef, yAxis, xAxis, voronoiMaxRadius, onItemClick, disableVoronoi, instance, seriesOrder, series, flatbushMap, defaultXAxisId, defaultYAxisId, store]);
 
   // Instance implementation
   const enableVoronoiCallback = useEventCallback(() => {

package/esm/internals/plugins/featurePlugins/useChartClosestPoint/useChartClosestPoint.types.d.ts

@@ -1,9 +1,10 @@
-import { ScatterItemIdentifier } from "../../../../models/seriesType/index.js";
-import { UseChartSeriesSignature } from "../../corePlugins/useChartSeries/index.js";
-import { ChartPluginSignature } from "../../models/index.js";
-import { UseChartCartesianAxisSignature } from "../useChartCartesianAxis/index.js";
-import { UseChartHighlightSignature } from "../useChartHighlight/index.js";
-import { UseChartInteractionSignature } from "../useChartInteraction/index.js";
+import { type ScatterItemIdentifier } from "../../../../models/seriesType/index.js";
+import { type UseChartSeriesSignature } from "../../corePlugins/useChartSeries/index.js";
+import { type ChartPluginSignature } from "../../models/index.js";
+import { type UseChartCartesianAxisSignature } from "../useChartCartesianAxis/index.js";
+import { type UseChartHighlightSignature } from "../useChartHighlight/index.js";
+import { type UseChartInteractionSignature } from "../useChartInteraction/index.js";
+import { type UseChartTooltipSignature } from "../useChartTooltip/index.js";
 export interface UseChartVoronoiInstance {
   /**
    * Enable the voronoi computation.
@@ -54,5 +55,5 @@ export type UseChartClosestPointSignature = ChartPluginSignature<{
   params: UseChartVoronoiParameters;
   defaultizedParams: UseChartVoronoiDefaultizedParameters;
   dependencies: [UseChartSeriesSignature, UseChartCartesianAxisSignature];
-  optionalDependencies: [UseChartInteractionSignature, UseChartHighlightSignature];
+  optionalDependencies: [UseChartInteractionSignature, UseChartHighlightSignature, UseChartTooltipSignature];
 }>;

package/esm/internals/plugins/featurePlugins/useChartHighlight/createIsFaded.d.ts

@@ -1,3 +1,3 @@
-import { HighlightScope } from "./highlightConfig.types.js";
-import { HighlightItemData } from "./useChartHighlight.types.js";
+import { type HighlightScope } from "./highlightConfig.types.js";
+import { type HighlightItemData } from "./useChartHighlight.types.js";
 export declare function createIsFaded(highlightScope: HighlightScope | null | undefined, highlightedItem: HighlightItemData | null): (item: HighlightItemData | null) => boolean;

package/esm/internals/plugins/featurePlugins/useChartHighlight/createIsHighlighted.d.ts

@@ -1,3 +1,3 @@
-import { HighlightScope } from "./highlightConfig.types.js";
-import { HighlightItemData } from "./useChartHighlight.types.js";
+import { type HighlightScope } from "./highlightConfig.types.js";
+import { type HighlightItemData } from "./useChartHighlight.types.js";
 export declare function createIsHighlighted(highlightScope: HighlightScope | null | undefined, highlightedItem: HighlightItemData | null): (item: HighlightItemData | null) => boolean;

package/esm/internals/plugins/featurePlugins/useChartHighlight/highlightStates.d.ts

@@ -1,6 +1,6 @@
-import { HighlightItemData } from "./useChartHighlight.types.js";
-import { HighlightScope } from "./highlightConfig.types.js";
-import { SeriesId } from "../../../../models/seriesType/common.js";
+import { type HighlightItemData } from "./useChartHighlight.types.js";
+import { type HighlightScope } from "./highlightConfig.types.js";
+import { type SeriesId } from "../../../../models/seriesType/common.js";
 export declare function isSeriesHighlighted(scope: Partial<HighlightScope> | null, item: HighlightItemData | null, seriesId: SeriesId): boolean;
 export declare function isSeriesFaded(scope: Partial<HighlightScope> | null, item: HighlightItemData | null, seriesId: SeriesId): boolean;
 /**

package/esm/internals/plugins/featurePlugins/useChartHighlight/useChartHighlight.d.ts

@@ -1,3 +1,3 @@
-import { ChartPlugin } from "../../models/index.js";
-import { UseChartHighlightSignature } from "./useChartHighlight.types.js";
+import { type ChartPlugin } from "../../models/index.js";
+import { type UseChartHighlightSignature } from "./useChartHighlight.types.js";
 export declare const useChartHighlight: ChartPlugin<UseChartHighlightSignature>;

package/esm/internals/plugins/featurePlugins/useChartHighlight/useChartHighlight.js

@@ -29,7 +29,7 @@ export const useChartHighlight = ({
   }, [store, params.highlightedItem]);
   const clearHighlight = useEventCallback(() => {
     params.onHighlightChange?.(null);
-    const prevHighlight = store.getSnapshot().highlight;
+    const prevHighlight = store.state.highlight;
     if (prevHighlight.item === null || prevHighlight.isControlled) {
       return;
     }
@@ -40,7 +40,7 @@ export const useChartHighlight = ({
     });
   });
   const setHighlight = useEventCallback(newItem => {
-    const prevHighlight = store.getSnapshot().highlight;
+    const prevHighlight = store.state.highlight;
     if (prevHighlight.isControlled || fastObjectShallowCompare(prevHighlight.item, newItem)) {
       return;
     }

package/esm/internals/plugins/featurePlugins/useChartHighlight/useChartHighlight.selectors.d.ts

@@ -1,6 +1,6 @@
-import { SeriesId } from "../../../../models/seriesType/common.js";
-import { HighlightItemData } from "./useChartHighlight.types.js";
-import { HighlightScope } from "./highlightConfig.types.js";
+import { type SeriesId } from "../../../../models/seriesType/common.js";
+import { type HighlightItemData } from "./useChartHighlight.types.js";
+import { type HighlightScope } from "./highlightConfig.types.js";
 export declare const selectorChartsHighlightScopePerSeriesId: (args_0: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../../../index.js").UseChartInteractionListenerState & Partial<{}> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
 }) => Map<SeriesId, Partial<HighlightScope> | undefined>;

package/esm/internals/plugins/featurePlugins/useChartHighlight/useChartHighlight.selectors.js

@@ -29,8 +29,8 @@ export const selectorChartsHighlightScope = createSelector(selectorChartsHighlig
   }
   return highlightScope;
 });
-export const selectorChartsIsHighlightedCallback = createSelector(selectorChartsHighlightScope, selectorChartsHighlightedItem, createIsHighlighted);
-export const selectorChartsIsFadedCallback = createSelector(selectorChartsHighlightScope, selectorChartsHighlightedItem, createIsFaded);
+export const selectorChartsIsHighlightedCallback = createSelectorMemoized(selectorChartsHighlightScope, selectorChartsHighlightedItem, createIsHighlighted);
+export const selectorChartsIsFadedCallback = createSelectorMemoized(selectorChartsHighlightScope, selectorChartsHighlightedItem, createIsFaded);
 export const selectorChartsIsHighlighted = createSelector(selectorChartsHighlightScope, selectorChartsHighlightedItem, function selectorChartsIsHighlighted(highlightScope, highlightedItem, item) {
   return createIsHighlighted(highlightScope, highlightedItem)(item);
 });

package/esm/internals/plugins/featurePlugins/useChartHighlight/useChartHighlight.types.d.ts

@@ -1,7 +1,7 @@
-import { DefaultizedProps } from '@mui/x-internals/types';
-import { ChartPluginSignature } from "../../models/index.js";
-import { SeriesId } from "../../../../models/seriesType/common.js";
-import { UseChartSeriesSignature } from "../../corePlugins/useChartSeries/index.js";
+import { type DefaultizedProps } from '@mui/x-internals/types';
+import { type ChartPluginSignature } from "../../models/index.js";
+import { type SeriesId } from "../../../../models/seriesType/common.js";
+import { type UseChartSeriesSignature } from "../../corePlugins/useChartSeries/index.js";
 /**
  * The data of the highlighted item.
  * To highlight an item, you need to provide the series id and the item id.

package/esm/internals/plugins/featurePlugins/useChartInteraction/checkHasInteractionPlugin.d.ts

@@ -1,3 +1,3 @@
-import { ChartAnyPluginSignature, ChartUsedInstance } from "../../models/plugin.js";
-import { UseChartInteractionInstance } from "./useChartInteraction.types.js";
+import { type ChartAnyPluginSignature, type ChartUsedInstance } from "../../models/plugin.js";
+import { type UseChartInteractionInstance } from "./useChartInteraction.types.js";
 export declare function checkHasInteractionPlugin<T extends ChartAnyPluginSignature>(instance: ChartUsedInstance<T>): instance is ChartUsedInstance<T> & UseChartInteractionInstance;

package/esm/internals/plugins/featurePlugins/useChartInteraction/index.d.ts

@@ -1,4 +1,3 @@
 export { useChartInteraction } from "./useChartInteraction.js";
 export * from "./useChartInteraction.selectors.js";
-export * from "./useChartTooltip.selectors.js";
 export type { UseChartInteractionSignature } from "./useChartInteraction.types.js";

package/esm/internals/plugins/featurePlugins/useChartInteraction/index.js

@@ -1,3 +1,2 @@
 export { useChartInteraction } from "./useChartInteraction.js";
-export * from "./useChartInteraction.selectors.js";
-export * from "./useChartTooltip.selectors.js";
+export * from "./useChartInteraction.selectors.js";

package/esm/internals/plugins/featurePlugins/useChartInteraction/useChartInteraction.d.ts

@@ -1,3 +1,3 @@
-import { ChartPlugin } from "../../models/index.js";
-import { UseChartInteractionSignature } from "./useChartInteraction.types.js";
+import { type ChartPlugin } from "../../models/index.js";
+import { type UseChartInteractionSignature } from "./useChartInteraction.types.js";
 export declare const useChartInteraction: ChartPlugin<UseChartInteractionSignature>;