@mui/x-charts 8.21.0 → 8.22.0

package/esm/internals/plugins/corePlugins/useChartSeries/processSeries.d.ts

@@ -1,8 +1,8 @@
-import { ChartDrawingArea } from "../../../../hooks/useDrawingArea.js";
-import { AllSeriesType } from "../../../../models/seriesType/index.js";
-import { ChartSeriesType, DatasetType } from "../../../../models/seriesType/config.js";
-import { ChartSeriesConfig } from "../../models/seriesConfig/index.js";
-import { DefaultizedSeriesGroups, ProcessedSeries, SeriesLayout } from "./useChartSeries.types.js";
+import { type ChartDrawingArea } from "../../../../hooks/useDrawingArea.js";
+import { type AllSeriesType } from "../../../../models/seriesType/index.js";
+import { type ChartSeriesType, type DatasetType } from "../../../../models/seriesType/config.js";
+import { type ChartSeriesConfig } from "../../models/seriesConfig/index.js";
+import { type DefaultizedSeriesGroups, type ProcessedSeries, type SeriesLayout } from "./useChartSeries.types.js";
 /**
  * This method groups series by type and adds defaultized values such as the ids and colors.
  * It does NOT apply the series processors - that happens in a selector.

package/esm/internals/plugins/corePlugins/useChartSeries/useChartSeries.d.ts

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

package/esm/internals/plugins/corePlugins/useChartSeries/useChartSeries.js

@@ -1,7 +1,7 @@
 'use client';
 
 import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
+import { useEffectAfterFirstRender } from '@mui/x-internals/useEffectAfterFirstRender';
 import { rainbowSurgePalette } from "../../../../colorPalettes/index.js";
 import { defaultizeSeries } from "./processSeries.js";
 export const useChartSeries = ({
@@ -18,12 +18,7 @@ export const useChartSeries = ({
 
   // The effect do not track any value defined synchronously during the 1st render by hooks called after `useChartSeries`
   // As a consequence, the state generated by the 1st run of this useEffect will always be equal to the initialization one
-  const isFirstRender = React.useRef(true);
-  React.useEffect(() => {
-    if (isFirstRender.current) {
-      isFirstRender.current = false;
-      return;
-    }
+  useEffectAfterFirstRender(() => {
     store.set('series', _extends({}, store.state.series, {
       defaultizedSeries: defaultizeSeries({
         series,

package/esm/internals/plugins/corePlugins/useChartSeries/useChartSeries.selectors.d.ts

@@ -1,5 +1,5 @@
-import { ChartRootSelector } from "../../utils/selectors.js";
-import { UseChartSeriesSignature } from "./useChartSeries.types.js";
+import { type ChartRootSelector } from "../../utils/selectors.js";
+import { type UseChartSeriesSignature } from "./useChartSeries.types.js";
 export declare const selectorChartSeriesState: ChartRootSelector<UseChartSeriesSignature>;
 export declare const selectorChartDefaultizedSeries: (args_0: import("../useChartId/useChartId.types.js").UseChartIdState & import("../useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("../useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("./useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../useChartInteractionListener/index.js").UseChartInteractionListenerState & Partial<{}> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;

package/esm/internals/plugins/corePlugins/useChartSeries/useChartSeries.types.d.ts

@@ -1,8 +1,8 @@
-import { AllSeriesType } from "../../../../models/seriesType/index.js";
-import { ChartsColorPalette } from "../../../../colorPalettes/index.js";
-import { ChartPluginSignature, ChartSeriesConfig, SeriesLayoutGetterResult } from "../../models/index.js";
-import { ChartSeriesType, DatasetType } from "../../../../models/seriesType/config.js";
-import { SeriesProcessorParams, SeriesProcessorResult } from "../../models/seriesConfig/seriesProcessor.types.js";
+import { type AllSeriesType } from "../../../../models/seriesType/index.js";
+import { type ChartsColorPalette } from "../../../../colorPalettes/index.js";
+import { type ChartPluginSignature, type ChartSeriesConfig, type SeriesLayoutGetterResult } from "../../models/index.js";
+import { type ChartSeriesType, type DatasetType } from "../../../../models/seriesType/config.js";
+import { type SeriesProcessorParams, type SeriesProcessorResult } from "../../models/seriesConfig/seriesProcessor.types.js";
 export interface UseChartSeriesParameters<T extends ChartSeriesType = ChartSeriesType> {
   /**
    * An array of objects that can be used to populate series and axes data using their `dataKey` property.

package/esm/internals/plugins/corePlugins/useChartSeries/useColorProcessor.d.ts

@@ -1,5 +1,5 @@
-import { ChartSeriesType } from "../../../../models/seriesType/config.js";
-import { ColorProcessor } from "../../models/seriesConfig/index.js";
+import { type ChartSeriesType } from "../../../../models/seriesType/config.js";
+import { type ColorProcessor } from "../../models/seriesConfig/index.js";
 export type ColorProcessorsConfig<T extends ChartSeriesType> = { [Key in T]?: ColorProcessor<Key> };
 export declare function useColorProcessor<T extends ChartSeriesType>(seriesType: T): ColorProcessor<T>;
 export declare function useColorProcessor(): ColorProcessorsConfig<ChartSeriesType>;

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

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

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

@@ -1,4 +1,4 @@
-import { createSelector } from '@mui/x-internals/store';
+import { createSelector, createSelectorMemoized } from '@mui/x-internals/store';
 import { selectorChartZoomOptionsLookup } from "../useChartCartesianAxis/useChartCartesianAxisRendering.selectors.js";
 import { selectorChartSeriesProcessed } from "../../corePlugins/useChartSeries/index.js";
 export const selectorBrush = state => state.brush;
@@ -8,7 +8,7 @@ export const selectorBrushStartX = createSelector(selectorBrush, brush => brush?
 export const selectorBrushStartY = createSelector(selectorBrush, brush => brush?.start?.y ?? null);
 export const selectorBrushCurrentX = createSelector(selectorBrush, brush => brush?.current?.x ?? null);
 export const selectorBrushCurrentY = createSelector(selectorBrush, brush => brush?.current?.y ?? null);
-export const selectorBrushState = createSelector(selectorBrushStartX, selectorBrushStartY, selectorBrushCurrentX, selectorBrushCurrentY, (startX, startY, currentX, currentY) => {
+export const selectorBrushState = createSelectorMemoized(selectorBrushStartX, selectorBrushStartY, selectorBrushCurrentX, selectorBrushCurrentY, (startX, startY, currentX, currentY) => {
   if (startX === null || startY === null || currentX === null || currentY === null) {
     return null;
   }

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

@@ -1,4 +1,4 @@
-import { ChartPluginSignature } from "../../models/index.js";
+import { type ChartPluginSignature } from "../../models/index.js";
 export type Point = {
   x: number;
   y: number;

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

@@ -1,11 +1,11 @@
-import { NumberValue } from '@mui/x-charts-vendor/d3-scale';
-import { ChartsXAxisProps, ChartsAxisProps, ChartsYAxisProps, AxisId, DefaultedXAxis, DefaultedYAxis, D3Scale } from "../../../../models/axis.js";
-import { ChartSeriesType } from "../../../../models/seriesType/config.js";
+import { type NumberValue } from '@mui/x-charts-vendor/d3-scale';
+import { type ChartsXAxisProps, type ChartsAxisProps, type ChartsYAxisProps, type AxisId, type DefaultedXAxis, type DefaultedYAxis, type D3Scale } from "../../../../models/axis.js";
+import { type ChartSeriesType } from "../../../../models/seriesType/config.js";
 import type { ChartDrawingArea } from "../../../../hooks/index.js";
-import { ChartSeriesConfig } from "../../models/seriesConfig/index.js";
-import { ComputedAxisConfig } from "./useChartCartesianAxis.types.js";
-import { ProcessedSeries } from "../../corePlugins/useChartSeries/useChartSeries.types.js";
-import { ZoomData } from "./zoom.types.js";
+import { type ChartSeriesConfig } from "../../models/seriesConfig/index.js";
+import { type ComputedAxisConfig } from "./useChartCartesianAxis.types.js";
+import { type ProcessedSeries } from "../../corePlugins/useChartSeries/useChartSeries.types.js";
+import { type ZoomData } from "./zoom.types.js";
 export type ComputeResult<T extends ChartsAxisProps> = {
   axis: ComputedAxisConfig<T>;
   axisIds: AxisId[];

package/esm/internals/plugins/featurePlugins/useChartCartesianAxis/computeAxisValue.js

@@ -39,7 +39,9 @@ export function computeAxisValue({
     const zoom = zoomMap?.get(axis.id);
     const zoomRange = zoom ? [zoom.start, zoom.end] : [0, 100];
     const range = getRange(drawingArea, axisDirection, axis.reverse ?? false);
+    const rawTickNumber = domains[axis.id].tickNumber;
     const triggerTooltip = !axis.ignoreTooltip && axisIdsTriggeringTooltip.has(axis.id);
+    const tickNumber = scaleTickNumberByRange(rawTickNumber, zoomRange);
     const data = axis.data ?? [];
     if (isOrdinalScale(scale)) {
       // Reverse range because ordinal scales are presented from top to bottom on y-axis
@@ -56,7 +58,7 @@ export function computeAxisValue({
         }, axis, {
           data,
           scale,
-          tickNumber: axis.data.length,
+          tickNumber,
           colorScale: axis.colorMap && (axis.colorMap.type === 'ordinal' ? getOrdinalColorScale(_extends({
             values: axis.data
           }, axis.colorMap)) : getColorScale(axis.colorMap))
@@ -70,7 +72,7 @@ export function computeAxisValue({
         }, axis, {
           data,
           scale,
-          tickNumber: axis.data.length,
+          tickNumber,
           colorScale: axis.colorMap && (axis.colorMap.type === 'ordinal' ? getOrdinalColorScale(_extends({
             values: axis.data
           }, axis.colorMap)) : getColorScale(axis.colorMap))
@@ -86,10 +88,8 @@ export function computeAxisValue({
       // Could be merged with the two previous "if conditions" but then TS does not get that `axis.scaleType` can't be `band` or `point`.
       return;
     }
-    const rawTickNumber = domains[axis.id].tickNumber;
     const continuousAxis = axis;
     const scaleType = continuousAxis.scaleType ?? 'linear';
-    const tickNumber = scaleTickNumberByRange(rawTickNumber, zoomRange);
     completeAxis[axis.id] = _extends({
       offset: 0,
       height: 0,

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

@@ -1,7 +1,7 @@
-import { NumberValue } from '@mui/x-charts-vendor/d3-scale';
-import { AxisConfig } from "../../../../models/index.js";
-import { ExtremumFilter } from "./useChartCartesianAxis.types.js";
-import { GetZoomAxisFilters, ZoomAxisFilters } from "./zoom.types.js";
+import { type NumberValue } from '@mui/x-charts-vendor/d3-scale';
+import { type AxisConfig } from "../../../../models/index.js";
+import { type ExtremumFilter } from "./useChartCartesianAxis.types.js";
+import { type GetZoomAxisFilters, type ZoomAxisFilters } from "./zoom.types.js";
 export declare function createDiscreteScaleGetAxisFilter(axisData: AxisConfig['data'], zoomStart: number, zoomEnd: number, direction: 'x' | 'y'): ExtremumFilter;
 export declare function createContinuousScaleGetAxisFilter(domain: readonly NumberValue[], zoomStart: number, zoomEnd: number, direction: 'x' | 'y', axisData: AxisConfig['data']): ExtremumFilter;
 export declare const createGetAxisFilters: (filters: ZoomAxisFilters) => GetZoomAxisFilters;

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

@@ -1,4 +1,4 @@
-import { AxisConfig, ChartsXAxisProps, ChartsYAxisProps, ScaleName } from "../../../../models/index.js";
-import { AxisId } from "../../../../models/axis.js";
-import { DefaultizedZoomOptions } from "./useChartCartesianAxis.types.js";
+import { type AxisConfig, type ChartsXAxisProps, type ChartsYAxisProps, type ScaleName } from "../../../../models/index.js";
+import { type AxisId } from "../../../../models/axis.js";
+import { type DefaultizedZoomOptions } from "./useChartCartesianAxis.types.js";
 export declare const createZoomLookup: (axisDirection: "x" | "y") => (axes?: AxisConfig<ScaleName, any, ChartsXAxisProps | ChartsYAxisProps>[]) => Record<AxisId, DefaultizedZoomOptions>;

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

@@ -1,7 +1,7 @@
-import { ZoomOptions } from "./zoom.types.js";
-import { XAxis, YAxis } from "../../../../models/index.js";
-import { DefaultedXAxis, DefaultedYAxis } from "../../../../models/axis.js";
-import { DatasetType } from "../../../../models/seriesType/config.js";
+import { type ZoomOptions } from "./zoom.types.js";
+import { type XAxis, type YAxis } from "../../../../models/index.js";
+import { type DefaultedXAxis, type DefaultedYAxis } from "../../../../models/axis.js";
+import { type DatasetType } from "../../../../models/seriesType/config.js";
 type InXAxis = XAxis & {
   zoom?: boolean | ZoomOptions;
 };

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

@@ -1,6 +1,6 @@
-import { AxisId } from "../../../../models/axis.js";
-import { DefaultizedZoomOptions } from "./useChartCartesianAxis.types.js";
-import { ZoomOptions } from "./zoom.types.js";
+import { type AxisId } from "../../../../models/axis.js";
+import { type DefaultizedZoomOptions } from "./useChartCartesianAxis.types.js";
+import { type ZoomOptions } from "./zoom.types.js";
 export declare const defaultZoomOptions: {
   minStart: number;
   maxEnd: number;

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

@@ -1,7 +1,7 @@
-import { NumberValue } from '@mui/x-charts-vendor/d3-scale';
-import { ContinuousScaleName, DefaultedAxis } from "../../../../models/axis.js";
-import { ProcessedSeries } from "../../corePlugins/useChartSeries/index.js";
-import { TickParams } from "../../../../hooks/useTicks.js";
+import { type NumberValue } from '@mui/x-charts-vendor/d3-scale';
+import { type ContinuousScaleName, type DefaultedAxis } from "../../../../models/axis.js";
+import { type ProcessedSeries } from "../../corePlugins/useChartSeries/index.js";
+import { type TickParams } from "../../../../hooks/useTicks.js";
 /**
  * Calculates the initial domain and tick number for a given axis.
  * The domain should still run through the zoom filterMode after this step.

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/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/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,4 +1,4 @@
-import { ScatterValueType } from "../../../../models/seriesType/scatter.js";
-import { Flatbush } from "../../../Flatbush.js";
-import { D3Scale } from "../../../../models/axis.js";
+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/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

@@ -61,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;
@@ -100,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 => {
@@ -119,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

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;