@mui/x-charts 8.21.0 → 8.22.0

package/internals/plugins/corePlugins/useChartInteractionListener/useChartInteractionListener.types.d.ts

@@ -1,5 +1,5 @@
-import { MoveEvent, PanEvent, PanGestureOptions, PinchEvent, PinchGestureOptions, PressEvent, TapEvent, TurnWheelEvent, type PressAndDragEvent, type PressAndDragGestureOptions, type TapAndDragEvent, type TapAndDragGestureOptions, type TapGestureOptions, type TurnWheelGestureOptions } from '@mui/x-internal-gestures/core';
-import { ChartPluginSignature } from "../../models/index.js";
+import { type MoveEvent, type PanEvent, type PanGestureOptions, type PinchEvent, type PinchGestureOptions, type PressEvent, type TapEvent, type TurnWheelEvent, type PressAndDragEvent, type PressAndDragGestureOptions, type TapAndDragEvent, type TapAndDragGestureOptions, type TapGestureOptions, type TurnWheelGestureOptions } from '@mui/x-internal-gestures/core';
+import { type ChartPluginSignature } from "../../models/index.js";
 export type ChartInteraction = 'pan' | 'panStart' | 'panEnd' | 'zoomPan' | 'zoomPanStart' | 'zoomPanEnd' | 'zoomPinch' | 'zoomPinchStart' | 'zoomPinchEnd' | 'zoomTurnWheel' | 'panTurnWheel' | 'zoomTapAndDrag' | 'zoomTapAndDragStart' | 'zoomTapAndDragEnd' | 'zoomPressAndDrag' | 'zoomPressAndDragStart' | 'zoomPressAndDragEnd' | 'move' | 'moveStart' | 'moveEnd' | 'tap' | 'quickPress' | 'quickPressEnd' | 'zoomDoubleTapReset' | 'brush' | 'brushStart' | 'brushCancel' | 'brushEnd';
 export type InteractionListenerResult = {
   cleanup: () => void;

package/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/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/internals/plugins/corePlugins/useChartSeries/useChartSeries.js

@@ -1,14 +1,13 @@
 "use strict";
 'use client';
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useChartSeries = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
+var _useEffectAfterFirstRender = require("@mui/x-internals/useEffectAfterFirstRender");
 var _colorPalettes = require("../../../../colorPalettes");
 var _processSeries = require("./processSeries");
 const useChartSeries = ({
@@ -25,12 +24,7 @@ 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;
-    }
+  (0, _useEffectAfterFirstRender.useEffectAfterFirstRender)(() => {
     store.set('series', (0, _extends2.default)({}, store.state.series, {
       defaultizedSeries: (0, _processSeries.defaultizeSeries)({
         series,

package/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/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/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/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/internals/plugins/featurePlugins/useChartBrush/useChartBrush.selectors.js

@@ -15,7 +15,7 @@ const selectorBrushStartX = exports.selectorBrushStartX = (0, _store.createSelec
 const selectorBrushStartY = exports.selectorBrushStartY = (0, _store.createSelector)(selectorBrush, brush => brush?.start?.y ?? null);
 const selectorBrushCurrentX = exports.selectorBrushCurrentX = (0, _store.createSelector)(selectorBrush, brush => brush?.current?.x ?? null);
 const selectorBrushCurrentY = exports.selectorBrushCurrentY = (0, _store.createSelector)(selectorBrush, brush => brush?.current?.y ?? null);
-const selectorBrushState = exports.selectorBrushState = (0, _store.createSelector)(selectorBrushStartX, selectorBrushStartY, selectorBrushCurrentX, selectorBrushCurrentY, (startX, startY, currentX, currentY) => {
+const selectorBrushState = exports.selectorBrushState = (0, _store.createSelectorMemoized)(selectorBrushStartX, selectorBrushStartY, selectorBrushCurrentX, selectorBrushCurrentY, (startX, startY, currentX, currentY) => {
   if (startX === null || startY === null || currentX === null || currentY === null) {
     return null;
   }

package/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/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/internals/plugins/featurePlugins/useChartCartesianAxis/computeAxisValue.js

@@ -46,7 +46,9 @@ 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 = (0, _ticks.scaleTickNumberByRange)(rawTickNumber, zoomRange);
     const data = axis.data ?? [];
     if ((0, _scaleGuards.isOrdinalScale)(scale)) {
       // Reverse range because ordinal scales are presented from top to bottom on y-axis
@@ -63,7 +65,7 @@ function computeAxisValue({
         }, axis, {
           data,
           scale,
-          tickNumber: axis.data.length,
+          tickNumber,
           colorScale: axis.colorMap && (axis.colorMap.type === 'ordinal' ? (0, _colorScale.getOrdinalColorScale)((0, _extends2.default)({
             values: axis.data
           }, axis.colorMap)) : (0, _colorScale.getColorScale)(axis.colorMap))
@@ -77,7 +79,7 @@ function computeAxisValue({
         }, axis, {
           data,
           scale,
-          tickNumber: axis.data.length,
+          tickNumber,
           colorScale: axis.colorMap && (axis.colorMap.type === 'ordinal' ? (0, _colorScale.getOrdinalColorScale)((0, _extends2.default)({
             values: axis.data
           }, axis.colorMap)) : (0, _colorScale.getColorScale)(axis.colorMap))
@@ -93,10 +95,8 @@ 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 = (0, _ticks.scaleTickNumberByRange)(rawTickNumber, zoomRange);
     completeAxis[axis.id] = (0, _extends2.default)({
       offset: 0,
       height: 0,

package/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/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/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/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/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/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/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/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/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/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/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/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/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/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/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxisRendering.selectors.js

@@ -61,6 +61,9 @@ const selectorChartXAxisWithDomains = exports.selectorChartXAxisWithDomains = (0
       domains[axis.id] = {
         domain: axis.data
       };
+      if (axis.ordinalTimeTicks !== undefined) {
+        domains[axis.id].tickNumber = (0, _ticks.getTickNumber)(axis, [axis.data?.find(d => d !== null), axis.data?.findLast(d => d !== null)], defaultTickNumber);
+      }
       return;
     }
     const axisExtrema = (0, _getAxisExtrema.getAxisExtrema)(axis, axisDirection, seriesConfig, axisIndex, formattedSeries);
@@ -80,6 +83,9 @@ const selectorChartYAxisWithDomains = exports.selectorChartYAxisWithDomains = (0
       domains[axis.id] = {
         domain: axis.data
       };
+      if (axis.ordinalTimeTicks !== undefined) {
+        domains[axis.id].tickNumber = (0, _ticks.getTickNumber)(axis, [axis.data?.find(d => d !== null), axis.data?.findLast(d => d !== null)], defaultTickNumber);
+      }
       return;
     }
     const axisExtrema = (0, _getAxisExtrema.getAxisExtrema)(axis, axisDirection, seriesConfig, axisIndex, formattedSeries);

package/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/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/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/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/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/internals/plugins/featurePlugins/useChartClosestPoint/useChartClosestPoint.js

@@ -68,8 +68,8 @@ const useChartClosestPoint = ({
         }
         const xAxisId = aSeries.xAxisId ?? defaultXAxisId;
         const yAxisId = aSeries.yAxisId ?? defaultYAxisId;
-        const xAxisZoom = (0, _useChartCartesianAxis.selectorChartAxisZoomData)(store.getSnapshot(), xAxisId);
-        const yAxisZoom = (0, _useChartCartesianAxis.selectorChartAxisZoomData)(store.getSnapshot(), yAxisId);
+        const xAxisZoom = (0, _useChartCartesianAxis.selectorChartAxisZoomData)(store.state, xAxisId);
+        const yAxisZoom = (0, _useChartCartesianAxis.selectorChartAxisZoomData)(store.state, yAxisId);
         const maxRadius = voronoiMaxRadius === 'item' ? aSeries.markerSize : voronoiMaxRadius;
         const xZoomStart = (xAxisZoom?.start ?? 0) / 100;
         const xZoomEnd = (xAxisZoom?.end ?? 100) / 100;
@@ -107,18 +107,21 @@ 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 => {
@@ -126,24 +129,25 @@ 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/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];
 }>;