@mui/x-charts 9.10.0 → 9.11.0

package/internals/plugins/corePlugins/useChartInteractionListener/useChartInteractionListener.mjs

@@ -26,7 +26,10 @@ export const useChartInteractionListener = ({
           preventIf: ['pan', 'zoomPinch', 'zoomPan']
         }), new TapGesture({
           name: 'tap',
-          preventIf: ['pan', 'zoomPinch', 'zoomPan']
+          // `pan` is intentionally omitted: it has `threshold: 0`, so any pointer drift during a
+          // click activates it and would cancel the tap, discarding the click. The tap's own
+          // `maxDistance` already discriminates a click from a drag. See https://github.com/mui/mui-x/issues/20364
+          preventIf: ['zoomPinch', 'zoomPan']
         }), new PressGesture({
           name: 'quickPress',
           duration: 50
@@ -45,8 +48,13 @@ export const useChartInteractionListener = ({
     }
     gestureManager.registerElement(['pan', 'move', 'tap', 'quickPress', 'brush'], svg);
     return () => {
-      // Cleanup gesture manager
-      gestureManager.unregisterAllGestures(svg);
+      // Cleanup gesture manager. `destroy()` unregisters every element's gestures like
+      // `unregisterAllGestures()` does, and is additionally the only path that removes the
+      // document/window listeners owned by the internal PointerManager and KeyboardManager.
+      gestureManager.destroy();
+      // The manager is unusable once destroyed, so drop it and let the next mount build a
+      // fresh one. Reusing a destroyed manager loses its gesture templates.
+      gestureManagerRef.current = null;
     };
   }, [chartsLayerContainerRef, gestureManagerRef]);
   const addInteractionListener = React.useCallback((interaction, callback, options) => {

package/internals/plugins/corePlugins/useChartSeries/useChartSeries.selectors.d.mts

@@ -38,6 +38,7 @@ export declare const selectorChartSeriesConfigGetter: (args_0: import("../useCha
   identifierSerializer: import("../useChartSeriesConfig/index.mjs").IdentifierSerializer<"pie">;
   identifierCleaner: import("../useChartSeriesConfig/index.mjs").IdentifierCleaner<"pie">;
   getItemAtPosition?: import("../useChartSeriesConfig/index.mjs").GetItemAtPosition<"pie"> | undefined;
+  getItemWithData?: import("../useChartSeriesConfig/index.mjs").GetItemWithData<"pie"> | undefined;
   sampler?: import("../../../index.mjs").SamplingStrategy<"pie", unknown> | undefined;
   descriptionGetter: import("../useChartSeriesConfig/index.mjs").DescriptionGetter<"pie">;
   isHighlightedCreator: import("../../featurePlugins/useChartHighlight/highlightCreator.types.mjs").HighlightCreator<"pie">;

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

@@ -38,6 +38,7 @@ export declare const selectorChartSeriesConfigGetter: (args_0: import("../useCha
   identifierSerializer: import("../useChartSeriesConfig/index.js").IdentifierSerializer<"pie">;
   identifierCleaner: import("../useChartSeriesConfig/index.js").IdentifierCleaner<"pie">;
   getItemAtPosition?: import("../useChartSeriesConfig/index.js").GetItemAtPosition<"pie"> | undefined;
+  getItemWithData?: import("../useChartSeriesConfig/index.js").GetItemWithData<"pie"> | undefined;
   sampler?: import("../../../index.js").SamplingStrategy<"pie", unknown> | undefined;
   descriptionGetter: import("../useChartSeriesConfig/index.js").DescriptionGetter<"pie">;
   isHighlightedCreator: import("../../featurePlugins/useChartHighlight/highlightCreator.types.js").HighlightCreator<"pie">;

package/internals/plugins/corePlugins/useChartSeriesConfig/types/getItemWithData.types.d.mts

@@ -0,0 +1,12 @@
+import type { SeriesItemIdentifierWithType, FocusedItemIdentifier } from "../../../../../models/seriesType/index.mjs";
+import type { ChartState } from "../../../models/chart.mjs";
+import type { ChartSeriesType } from "../../../../../models/seriesType/config.mjs";
+import type { ChartSeriesTypeRequiredPlugins } from "./seriesConfig.types.mjs";
+/**
+ * Completes an item identifier with the data a pointer click would provide, so keyboard activation
+ * emits the same payload as `getItemAtPosition`.
+ * @param {ChartState} state The chart state.
+ * @param {FocusedItemIdentifier<SeriesType>} identifier The identifier to complete.
+ * @returns {SeriesItemIdentifierWithType<SeriesType>} The identifier with its click data.
+ */
+export type GetItemWithData<SeriesType extends ChartSeriesType> = (state: ChartState<ChartSeriesTypeRequiredPlugins<SeriesType>>, identifier: FocusedItemIdentifier<SeriesType>) => SeriesItemIdentifierWithType<SeriesType>;

package/internals/plugins/corePlugins/useChartSeriesConfig/types/getItemWithData.types.d.ts

@@ -0,0 +1,12 @@
+import type { SeriesItemIdentifierWithType, FocusedItemIdentifier } from "../../../../../models/seriesType/index.js";
+import type { ChartState } from "../../../models/chart.js";
+import type { ChartSeriesType } from "../../../../../models/seriesType/config.js";
+import type { ChartSeriesTypeRequiredPlugins } from "./seriesConfig.types.js";
+/**
+ * Completes an item identifier with the data a pointer click would provide, so keyboard activation
+ * emits the same payload as `getItemAtPosition`.
+ * @param {ChartState} state The chart state.
+ * @param {FocusedItemIdentifier<SeriesType>} identifier The identifier to complete.
+ * @returns {SeriesItemIdentifierWithType<SeriesType>} The identifier with its click data.
+ */
+export type GetItemWithData<SeriesType extends ChartSeriesType> = (state: ChartState<ChartSeriesTypeRequiredPlugins<SeriesType>>, identifier: FocusedItemIdentifier<SeriesType>) => SeriesItemIdentifierWithType<SeriesType>;

package/internals/plugins/corePlugins/useChartSeriesConfig/types/getItemWithData.types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/internals/plugins/corePlugins/useChartSeriesConfig/types/getItemWithData.types.mjs

@@ -0,0 +1 @@
+export {};

package/internals/plugins/corePlugins/useChartSeriesConfig/types/index.d.mts

@@ -11,5 +11,6 @@ export * from "./getSeriesWithDefaultValues.types.mjs";
 export * from "./identifierSerializer.types.mjs";
 export * from "./identifierCleaner.types.mjs";
 export * from "./getItemAtPosition.types.mjs";
+export * from "./getItemWithData.types.mjs";
 export * from "./descriptionGetter.types.mjs";
 export * from "./TooltipContent.types.mjs";

package/internals/plugins/corePlugins/useChartSeriesConfig/types/index.d.ts

@@ -11,5 +11,6 @@ export * from "./getSeriesWithDefaultValues.types.js";
 export * from "./identifierSerializer.types.js";
 export * from "./identifierCleaner.types.js";
 export * from "./getItemAtPosition.types.js";
+export * from "./getItemWithData.types.js";
 export * from "./descriptionGetter.types.js";
 export * from "./TooltipContent.types.js";

package/internals/plugins/corePlugins/useChartSeriesConfig/types/index.js

@@ -146,6 +146,17 @@ Object.keys(_getItemAtPosition).forEach(function (key) {
     }
   });
 });
+var _getItemWithData = require("./getItemWithData.types");
+Object.keys(_getItemWithData).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _getItemWithData[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _getItemWithData[key];
+    }
+  });
+});
 var _descriptionGetter = require("./descriptionGetter.types");
 Object.keys(_descriptionGetter).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/internals/plugins/corePlugins/useChartSeriesConfig/types/index.mjs

@@ -11,5 +11,6 @@ export * from "./getSeriesWithDefaultValues.types.mjs";
 export * from "./identifierSerializer.types.mjs";
 export * from "./identifierCleaner.types.mjs";
 export * from "./getItemAtPosition.types.mjs";
+export * from "./getItemWithData.types.mjs";
 export * from "./descriptionGetter.types.mjs";
 export * from "./TooltipContent.types.mjs";

package/internals/plugins/corePlugins/useChartSeriesConfig/types/seriesConfig.types.d.mts

@@ -13,6 +13,7 @@ import type { KeyboardFocusHandler } from "../../../featurePlugins/useChartKeybo
 import type { IdentifierSerializer } from "./identifierSerializer.types.mjs";
 import type { IdentifierCleaner } from "./identifierCleaner.types.mjs";
 import type { GetItemAtPosition } from "./getItemAtPosition.types.mjs";
+import type { GetItemWithData } from "./getItemWithData.types.mjs";
 import type { DescriptionGetter } from "./descriptionGetter.types.mjs";
 import type { UseChartCartesianAxisSignature } from "../../../featurePlugins/useChartCartesianAxis/index.mjs";
 import type { UseChartPolarAxisSignature } from "../../../featurePlugins/useChartPolarAxis/index.mjs";
@@ -56,6 +57,11 @@ export type ChartSeriesTypeConfig<SeriesType extends ChartSeriesType> = {
    */
   identifierCleaner: IdentifierCleaner<SeriesType>;
   getItemAtPosition?: GetItemAtPosition<SeriesType>;
+  /**
+   * Completes a focused item identifier with the data a pointer click provides.
+   * Used by keyboard activation to emit the same payload as a click.
+   */
+  getItemWithData?: GetItemWithData<SeriesType>;
   /**
    * Optional sampling strategy used to render large datasets. When set and sampling is enabled,
    * the series is reduced to a zoom-appropriate level of detail before rendering.

package/internals/plugins/corePlugins/useChartSeriesConfig/types/seriesConfig.types.d.ts

@@ -13,6 +13,7 @@ import type { KeyboardFocusHandler } from "../../../featurePlugins/useChartKeybo
 import type { IdentifierSerializer } from "./identifierSerializer.types.js";
 import type { IdentifierCleaner } from "./identifierCleaner.types.js";
 import type { GetItemAtPosition } from "./getItemAtPosition.types.js";
+import type { GetItemWithData } from "./getItemWithData.types.js";
 import type { DescriptionGetter } from "./descriptionGetter.types.js";
 import type { UseChartCartesianAxisSignature } from "../../../featurePlugins/useChartCartesianAxis/index.js";
 import type { UseChartPolarAxisSignature } from "../../../featurePlugins/useChartPolarAxis/index.js";
@@ -56,6 +57,11 @@ export type ChartSeriesTypeConfig<SeriesType extends ChartSeriesType> = {
    */
   identifierCleaner: IdentifierCleaner<SeriesType>;
   getItemAtPosition?: GetItemAtPosition<SeriesType>;
+  /**
+   * Completes a focused item identifier with the data a pointer click provides.
+   * Used by keyboard activation to emit the same payload as a click.
+   */
+  getItemWithData?: GetItemWithData<SeriesType>;
   /**
    * Optional sampling strategy used to render large datasets. When set and sampling is enabled,
    * the series is reduced to a zoom-appropriate level of detail before rendering.

package/internals/plugins/featurePlugins/useChartCartesianAxis/getAxisClickPayload.d.mts

@@ -0,0 +1,21 @@
+import type { AxisId, ChartsAxisData, ChartsAxisProps } from "../../../../models/axis.mjs";
+import type { ProcessedSeries } from "../../corePlugins/useChartSeries/index.mjs";
+import type { ChartSeriesType } from "../../../../models/seriesType/config.mjs";
+import type { ComputeResult } from "./computeAxisValue.mjs";
+/**
+ * Builds the `onAxisClick` payload for a data index on a given axis.
+ * Returns `null` when the axis has no value at this index.
+ */
+export declare function getAxisClickPayload({
+  axisId,
+  dataIndex,
+  isXAxis,
+  axes,
+  processedSeries
+}: {
+  axisId: AxisId;
+  dataIndex: number;
+  isXAxis: boolean;
+  axes: ComputeResult<ChartsAxisProps>['axis'];
+  processedSeries: ProcessedSeries<ChartSeriesType>;
+}): ChartsAxisData | null;

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

@@ -0,0 +1,21 @@
+import type { AxisId, ChartsAxisData, ChartsAxisProps } from "../../../../models/axis.js";
+import type { ProcessedSeries } from "../../corePlugins/useChartSeries/index.js";
+import type { ChartSeriesType } from "../../../../models/seriesType/config.js";
+import type { ComputeResult } from "./computeAxisValue.js";
+/**
+ * Builds the `onAxisClick` payload for a data index on a given axis.
+ * Returns `null` when the axis has no value at this index.
+ */
+export declare function getAxisClickPayload({
+  axisId,
+  dataIndex,
+  isXAxis,
+  axes,
+  processedSeries
+}: {
+  axisId: AxisId;
+  dataIndex: number;
+  isXAxis: boolean;
+  axes: ComputeResult<ChartsAxisProps>['axis'];
+  processedSeries: ProcessedSeries<ChartSeriesType>;
+}): ChartsAxisData | null;

package/internals/plugins/featurePlugins/useChartCartesianAxis/getAxisClickPayload.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getAxisClickPayload = getAxisClickPayload;
+const AXIS_CLICK_SERIES_TYPES = new Set(['bar', 'rangeBar', 'line']);
+/**
+ * Builds the `onAxisClick` payload for a data index on a given axis.
+ * Returns `null` when the axis has no value at this index.
+ */
+function getAxisClickPayload({
+  axisId,
+  dataIndex,
+  isXAxis,
+  axes,
+  processedSeries
+}) {
+  const axisValue = axes[axisId]?.data?.[dataIndex];
+  if (axisValue === undefined) {
+    return null;
+  }
+  const seriesValues = {};
+  Object.keys(processedSeries).filter(seriesType => AXIS_CLICK_SERIES_TYPES.has(seriesType)).forEach(seriesType => {
+    // @ts-ignore
+    const seriesTypeConfig = processedSeries[seriesType];
+    seriesTypeConfig?.seriesOrder.forEach(seriesId => {
+      const seriesItem = seriesTypeConfig.series[seriesId];
+      const providedXAxisId = seriesItem.xAxisId;
+      const providedYAxisId = seriesItem.yAxisId;
+      const axisKey = isXAxis ? providedXAxisId : providedYAxisId;
+      if (axisKey === undefined || axisKey === axisId) {
+        // @ts-ignore This is safe because users need to opt in to use range bar series.
+        // In that case, they should import the module augmentation from `x-charts-pro/moduleAugmentation/rangeBarOnClick`
+        // Which adds the proper type to the series data.
+        // TODO(v10): Remove this ts-ignore when we can make the breaking change to ChartsAxisData.
+        seriesValues[seriesId] = seriesItem.data[dataIndex];
+      }
+    });
+  });
+  return {
+    dataIndex,
+    axisValue,
+    seriesValues
+  };
+}

package/internals/plugins/featurePlugins/useChartCartesianAxis/getAxisClickPayload.mjs

@@ -0,0 +1,40 @@
+const AXIS_CLICK_SERIES_TYPES = new Set(['bar', 'rangeBar', 'line']);
+/**
+ * Builds the `onAxisClick` payload for a data index on a given axis.
+ * Returns `null` when the axis has no value at this index.
+ */
+export function getAxisClickPayload({
+  axisId,
+  dataIndex,
+  isXAxis,
+  axes,
+  processedSeries
+}) {
+  const axisValue = axes[axisId]?.data?.[dataIndex];
+  if (axisValue === undefined) {
+    return null;
+  }
+  const seriesValues = {};
+  Object.keys(processedSeries).filter(seriesType => AXIS_CLICK_SERIES_TYPES.has(seriesType)).forEach(seriesType => {
+    // @ts-ignore
+    const seriesTypeConfig = processedSeries[seriesType];
+    seriesTypeConfig?.seriesOrder.forEach(seriesId => {
+      const seriesItem = seriesTypeConfig.series[seriesId];
+      const providedXAxisId = seriesItem.xAxisId;
+      const providedYAxisId = seriesItem.yAxisId;
+      const axisKey = isXAxis ? providedXAxisId : providedYAxisId;
+      if (axisKey === undefined || axisKey === axisId) {
+        // @ts-ignore This is safe because users need to opt in to use range bar series.
+        // In that case, they should import the module augmentation from `x-charts-pro/moduleAugmentation/rangeBarOnClick`
+        // Which adds the proper type to the series data.
+        // TODO(v10): Remove this ts-ignore when we can make the breaking change to ChartsAxisData.
+        seriesValues[seriesId] = seriesItem.data[dataIndex];
+      }
+    });
+  });
+  return {
+    dataIndex,
+    axisValue,
+    seriesValues
+  };
+}

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

@@ -22,7 +22,7 @@ var _getChartPoint = require("../../../getChartPoint");
 var _useChartInteraction = require("../useChartInteraction");
 var _useChartCartesianInteraction = require("./useChartCartesianInteraction.selectors");
 var _checkHasInteractionPlugin = require("../useChartInteraction/checkHasInteractionPlugin");
-const AXIS_CLICK_SERIES_TYPES = new Set(['bar', 'rangeBar', 'line']);
+var _getAxisClickPayload = require("./getAxisClickPayload");
 const useChartCartesianAxis = ({
   params,
   store,
@@ -175,42 +175,24 @@ const useChartCartesianAxis = ({
       return () => {};
     }
     const axisClickHandler = instance.addInteractionListener('tap', event => {
-      let dataIndex = null;
-      let isXAxis = false;
       const svgPoint = (0, _getChartPoint.getChartPoint)(element, event.detail.srcEvent);
       const xIndex = (0, _getAxisValue.getAxisIndex)(xAxisWithScale[usedXAxis], svgPoint.x);
-      isXAxis = xIndex !== -1;
-      dataIndex = isXAxis ? xIndex : (0, _getAxisValue.getAxisIndex)(yAxisWithScale[usedYAxis], svgPoint.y);
-      const USED_AXIS_ID = isXAxis ? xAxisIds[0] : yAxisIds[0];
-      if (dataIndex == null || dataIndex === -1) {
+      const isXAxis = xIndex !== -1;
+      const dataIndex = isXAxis ? xIndex : (0, _getAxisValue.getAxisIndex)(yAxisWithScale[usedYAxis], svgPoint.y);
+      if (dataIndex === -1) {
         return;
       }
-
-      // The .data exist because otherwise the dataIndex would be null or -1.
-      const axisValue = (isXAxis ? xAxisWithScale : yAxisWithScale)[USED_AXIS_ID].data[dataIndex];
-      const seriesValues = {};
-      Object.keys(processedSeries).filter(seriesType => AXIS_CLICK_SERIES_TYPES.has(seriesType)).forEach(seriesType => {
-        // @ts-ignore
-        const seriesTypeConfig = processedSeries[seriesType];
-        seriesTypeConfig?.seriesOrder.forEach(seriesId => {
-          const seriesItem = seriesTypeConfig.series[seriesId];
-          const providedXAxisId = seriesItem.xAxisId;
-          const providedYAxisId = seriesItem.yAxisId;
-          const axisKey = isXAxis ? providedXAxisId : providedYAxisId;
-          if (axisKey === undefined || axisKey === USED_AXIS_ID) {
-            // @ts-ignore This is safe because users need to opt in to use range bar series.
-            // In that case, they should import the module augmentation from `x-charts-pro/moduleAugmentation/rangeBarOnClick`
-            // Which adds the proper type to the series data.
-            // TODO(v9): Remove this ts-ignore when we can make the breaking change to ChartsAxisData.
-            seriesValues[seriesId] = seriesItem.data[dataIndex];
-          }
-        });
-      });
-      onAxisClick(event.detail.srcEvent, {
+      const payload = (0, _getAxisClickPayload.getAxisClickPayload)({
+        axisId: isXAxis ? xAxisIds[0] : yAxisIds[0],
         dataIndex,
-        axisValue,
-        seriesValues
+        isXAxis,
+        axes: isXAxis ? xAxisWithScale : yAxisWithScale,
+        processedSeries
       });
+      if (payload === null) {
+        return;
+      }
+      onAxisClick(event.detail.srcEvent, payload);
     });
     return () => {
       axisClickHandler.cleanup();

package/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxis.mjs

@@ -15,7 +15,7 @@ import { getChartPoint } from "../../../getChartPoint.mjs";
 import { selectorChartsInteractionIsInitialized } from "../useChartInteraction/index.mjs";
 import { selectorChartAxisInteraction } from "./useChartCartesianInteraction.selectors.mjs";
 import { checkHasInteractionPlugin } from "../useChartInteraction/checkHasInteractionPlugin.mjs";
-const AXIS_CLICK_SERIES_TYPES = new Set(['bar', 'rangeBar', 'line']);
+import { getAxisClickPayload } from "./getAxisClickPayload.mjs";
 export const useChartCartesianAxis = ({
   params,
   store,
@@ -168,42 +168,24 @@ export const useChartCartesianAxis = ({
       return () => {};
     }
     const axisClickHandler = instance.addInteractionListener('tap', event => {
-      let dataIndex = null;
-      let isXAxis = false;
       const svgPoint = getChartPoint(element, event.detail.srcEvent);
       const xIndex = getAxisIndex(xAxisWithScale[usedXAxis], svgPoint.x);
-      isXAxis = xIndex !== -1;
-      dataIndex = isXAxis ? xIndex : getAxisIndex(yAxisWithScale[usedYAxis], svgPoint.y);
-      const USED_AXIS_ID = isXAxis ? xAxisIds[0] : yAxisIds[0];
-      if (dataIndex == null || dataIndex === -1) {
+      const isXAxis = xIndex !== -1;
+      const dataIndex = isXAxis ? xIndex : getAxisIndex(yAxisWithScale[usedYAxis], svgPoint.y);
+      if (dataIndex === -1) {
         return;
       }
-
-      // The .data exist because otherwise the dataIndex would be null or -1.
-      const axisValue = (isXAxis ? xAxisWithScale : yAxisWithScale)[USED_AXIS_ID].data[dataIndex];
-      const seriesValues = {};
-      Object.keys(processedSeries).filter(seriesType => AXIS_CLICK_SERIES_TYPES.has(seriesType)).forEach(seriesType => {
-        // @ts-ignore
-        const seriesTypeConfig = processedSeries[seriesType];
-        seriesTypeConfig?.seriesOrder.forEach(seriesId => {
-          const seriesItem = seriesTypeConfig.series[seriesId];
-          const providedXAxisId = seriesItem.xAxisId;
-          const providedYAxisId = seriesItem.yAxisId;
-          const axisKey = isXAxis ? providedXAxisId : providedYAxisId;
-          if (axisKey === undefined || axisKey === USED_AXIS_ID) {
-            // @ts-ignore This is safe because users need to opt in to use range bar series.
-            // In that case, they should import the module augmentation from `x-charts-pro/moduleAugmentation/rangeBarOnClick`
-            // Which adds the proper type to the series data.
-            // TODO(v9): Remove this ts-ignore when we can make the breaking change to ChartsAxisData.
-            seriesValues[seriesId] = seriesItem.data[dataIndex];
-          }
-        });
-      });
-      onAxisClick(event.detail.srcEvent, {
+      const payload = getAxisClickPayload({
+        axisId: isXAxis ? xAxisIds[0] : yAxisIds[0],
         dataIndex,
-        axisValue,
-        seriesValues
+        isXAxis,
+        axes: isXAxis ? xAxisWithScale : yAxisWithScale,
+        processedSeries
       });
+      if (payload === null) {
+        return;
+      }
+      onAxisClick(event.detail.srcEvent, payload);
     });
     return () => {
       axisClickHandler.cleanup();

package/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxisPreview.selectors.d.mts

@@ -4,10 +4,10 @@ export declare const selectorChartPreviewXScales: (args_0: import("../../corePlu
 }, axisId: AxisId) => Record<AxisId, D3Scale>;
 export declare const selectorChartPreviewComputedXAxis: (args_0: import("../../corePlugins/useChartId/useChartId.types.mjs").UseChartIdState & import("../../corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.mjs").UseChartSeriesConfigState<keyof import("../../../index.mjs").ChartsSeriesConfig> & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.mjs").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.mjs").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.mjs").UseChartSeriesState<keyof import("../../../index.mjs").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.mjs").UseChartAnimationState & import("../../../index.mjs").UseChartInteractionListenerState & Partial<{}> & {
   cacheKey: import("../../models/index.mjs").ChartStateCacheKey;
-}, axisId: AxisId) => import("./useChartCartesianAxis.types.mjs").ComputedAxisConfig<import("../../../index.mjs").ChartsXAxisProps>;
+}, axisId: AxisId) => import("./useChartCartesianAxis.types.mjs").ComputedAxisConfig<import("@mui/x-charts/models").ChartsXAxisProps>;
 export declare const selectorChartPreviewYScales: (args_0: import("../../corePlugins/useChartId/useChartId.types.mjs").UseChartIdState & import("../../corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.mjs").UseChartSeriesConfigState<keyof import("../../../index.mjs").ChartsSeriesConfig> & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.mjs").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.mjs").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.mjs").UseChartSeriesState<keyof import("../../../index.mjs").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.mjs").UseChartAnimationState & import("../../../index.mjs").UseChartInteractionListenerState & Partial<import("./useChartCartesianAxis.types.mjs").UseChartCartesianAxisState> & {
   cacheKey: import("../../models/index.mjs").ChartStateCacheKey;
 }, axisId: AxisId) => Record<AxisId, D3Scale>;
 export declare const selectorChartPreviewComputedYAxis: (args_0: import("../../corePlugins/useChartId/useChartId.types.mjs").UseChartIdState & import("../../corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.mjs").UseChartSeriesConfigState<keyof import("../../../index.mjs").ChartsSeriesConfig> & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.mjs").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.mjs").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.mjs").UseChartSeriesState<keyof import("../../../index.mjs").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.mjs").UseChartAnimationState & import("../../../index.mjs").UseChartInteractionListenerState & Partial<{}> & {
   cacheKey: import("../../models/index.mjs").ChartStateCacheKey;
-}, axisId: AxisId) => import("./useChartCartesianAxis.types.mjs").ComputedAxisConfig<import("../../../index.mjs").ChartsYAxisProps>;
+}, axisId: AxisId) => import("./useChartCartesianAxis.types.mjs").ComputedAxisConfig<import("@mui/x-charts/models").ChartsYAxisProps>;

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

@@ -4,10 +4,10 @@ export declare const selectorChartPreviewXScales: (args_0: import("../../corePlu
 }, axisId: AxisId) => Record<AxisId, D3Scale>;
 export declare const selectorChartPreviewComputedXAxis: (args_0: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & import("../../corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.js").UseChartSeriesConfigState<keyof import("../../../index.js").ChartsSeriesConfig> & 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;
-}, axisId: AxisId) => import("./useChartCartesianAxis.types.js").ComputedAxisConfig<import("../../../index.js").ChartsXAxisProps>;
+}, axisId: AxisId) => import("./useChartCartesianAxis.types.js").ComputedAxisConfig<import("@mui/x-charts/models").ChartsXAxisProps>;
 export declare const selectorChartPreviewYScales: (args_0: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & import("../../corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.js").UseChartSeriesConfigState<keyof import("../../../index.js").ChartsSeriesConfig> & 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>;
 export declare const selectorChartPreviewComputedYAxis: (args_0: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & import("../../corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.js").UseChartSeriesConfigState<keyof import("../../../index.js").ChartsSeriesConfig> & 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;
-}, axisId: AxisId) => import("./useChartCartesianAxis.types.js").ComputedAxisConfig<import("../../../index.js").ChartsYAxisProps>;
+}, axisId: AxisId) => import("./useChartCartesianAxis.types.js").ComputedAxisConfig<import("@mui/x-charts/models").ChartsYAxisProps>;

package/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxisRendering.selectors.d.mts

@@ -68,13 +68,13 @@ export declare const selectorChartYScales: (args_0: import("../../corePlugins/us
  */
 export declare const selectorChartXAxis: (args_0: import("../../corePlugins/useChartId/useChartId.types.mjs").UseChartIdState & import("../../corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.mjs").UseChartSeriesConfigState<keyof import("../../../index.mjs").ChartsSeriesConfig> & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.mjs").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.mjs").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.mjs").UseChartSeriesState<keyof import("../../../index.mjs").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.mjs").UseChartAnimationState & import("../../../index.mjs").UseChartInteractionListenerState & Partial<{}> & {
   cacheKey: import("../../models/index.mjs").ChartStateCacheKey;
-}) => import("./computeAxisValue.mjs").ComputeResult<import("../../../index.mjs").ChartsXAxisProps>;
+}) => import("./computeAxisValue.mjs").ComputeResult<import("@mui/x-charts/models").ChartsXAxisProps>;
 export declare const selectorChartYAxis: (args_0: import("../../corePlugins/useChartId/useChartId.types.mjs").UseChartIdState & import("../../corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.mjs").UseChartSeriesConfigState<keyof import("../../../index.mjs").ChartsSeriesConfig> & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.mjs").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.mjs").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.mjs").UseChartSeriesState<keyof import("../../../index.mjs").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.mjs").UseChartAnimationState & import("../../../index.mjs").UseChartInteractionListenerState & Partial<{}> & {
   cacheKey: import("../../models/index.mjs").ChartStateCacheKey;
-}) => import("./computeAxisValue.mjs").ComputeResult<import("../../../index.mjs").ChartsYAxisProps>;
+}) => import("./computeAxisValue.mjs").ComputeResult<import("@mui/x-charts/models").ChartsYAxisProps>;
 export declare const selectorChartAxis: (args_0: import("../../corePlugins/useChartId/useChartId.types.mjs").UseChartIdState & import("../../corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.mjs").UseChartSeriesConfigState<keyof import("../../../index.mjs").ChartsSeriesConfig> & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.mjs").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.mjs").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.mjs").UseChartSeriesState<keyof import("../../../index.mjs").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.mjs").UseChartAnimationState & import("../../../index.mjs").UseChartInteractionListenerState & Partial<{}> & {
   cacheKey: import("../../models/index.mjs").ChartStateCacheKey;
-}, axisId: AxisId) => (Omit<Omit<DefaultedAxis<keyof import("../../../index.mjs").AxisScaleConfig, any, import("../../../index.mjs").ChartsXAxisProps>, "scaleType">, "offset"> & Required<Pick<Omit<DefaultedAxis<keyof import("../../../index.mjs").AxisScaleConfig, any, import("../../../index.mjs").ChartsXAxisProps>, "scaleType">, "offset">> & (({
+}, axisId: AxisId) => (Omit<Omit<DefaultedAxis<keyof import("../../../index.mjs").AxisScaleConfig, any, import("@mui/x-charts/models").ChartsXAxisProps>, "scaleType">, "offset"> & Required<Pick<Omit<DefaultedAxis<keyof import("../../../index.mjs").AxisScaleConfig, any, import("@mui/x-charts/models").ChartsXAxisProps>, "scaleType">, "offset">> & (({
   scaleType: 'log';
   scale: import("@mui/x-charts-vendor/d3-scale").ScaleLogarithmic<number, number>;
   colorMap?: import("../../../../models/colorMapping.mjs").ContinuousColorConfig | import("../../../../models/colorMapping.mjs").PiecewiseColorConfig;
@@ -105,14 +105,14 @@ export declare const selectorChartAxis: (args_0: import("../../corePlugins/useCh
   colorMap?: import("../../../../models/colorMapping.mjs").ContinuousColorConfig | import("../../../../models/colorMapping.mjs").PiecewiseColorConfig;
 } | ({
   scaleType: 'point';
-  ordinalTimeTicks?: import("../../../../index.mjs").OrdinalTimeTicks;
+  ordinalTimeTicks?: import("@mui/x-charts/models").OrdinalTimeTicks;
   scale: import("@mui/x-charts-vendor/d3-scale").ScalePoint<{
     toString(): string;
   }>;
   colorMap?: import("../../../../models/colorMapping.mjs").OrdinalColorConfig | import("../../../../models/colorMapping.mjs").ContinuousColorConfig | import("../../../../models/colorMapping.mjs").PiecewiseColorConfig;
 } & import("../../../index.mjs").AxisGroups) | ({
   scaleType: 'band';
-  ordinalTimeTicks?: import("../../../../index.mjs").OrdinalTimeTicks;
+  ordinalTimeTicks?: import("@mui/x-charts/models").OrdinalTimeTicks;
   scale: import("@mui/x-charts-vendor/d3-scale").ScaleBand<{
     toString(): string;
   }>;
@@ -141,7 +141,7 @@ export declare const selectorChartAxis: (args_0: import("../../corePlugins/useCh
   tickNumber: number;
   triggerTooltip?: boolean;
   isFullCircle?: boolean;
-} & import("../../../index.mjs").ChartsXAxisProps & {
+} & import("@mui/x-charts/models").ChartsXAxisProps & {
   position?: "bottom" | "none" | "top" | undefined;
   height?: number | "auto" | undefined;
   width?: undefined;
@@ -150,14 +150,14 @@ export declare const selectorChartAxis: (args_0: import("../../corePlugins/useCh
 };
 export declare const selectorChartRawAxis: (args_0: import("../../corePlugins/useChartId/useChartId.types.mjs").UseChartIdState & import("../../corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.mjs").UseChartSeriesConfigState<keyof import("../../../index.mjs").ChartsSeriesConfig> & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.mjs").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.mjs").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.mjs").UseChartSeriesState<keyof import("../../../index.mjs").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.mjs").UseChartAnimationState & import("../../../index.mjs").UseChartInteractionListenerState & Partial<import("./useChartCartesianAxis.types.mjs").UseChartCartesianAxisState> & {
   cacheKey: import("../../models/index.mjs").ChartStateCacheKey;
-}, axisId: AxisId) => DefaultedAxis<"band", any, import("../../../index.mjs").ChartsXAxisProps> | DefaultedAxis<"linear", any, import("../../../index.mjs").ChartsXAxisProps> | DefaultedAxis<"log", any, import("../../../index.mjs").ChartsXAxisProps> | DefaultedAxis<"point", any, import("../../../index.mjs").ChartsXAxisProps> | DefaultedAxis<"pow", any, import("../../../index.mjs").ChartsXAxisProps> | DefaultedAxis<"sqrt", any, import("../../../index.mjs").ChartsXAxisProps> | DefaultedAxis<"symlog", any, import("../../../index.mjs").ChartsXAxisProps> | DefaultedAxis<"time", any, import("../../../index.mjs").ChartsXAxisProps> | DefaultedAxis<"utc", any, import("../../../index.mjs").ChartsXAxisProps> | ({
+}, axisId: AxisId) => DefaultedAxis<"band", any, import("@mui/x-charts/models").ChartsXAxisProps> | DefaultedAxis<"linear", any, import("@mui/x-charts/models").ChartsXAxisProps> | DefaultedAxis<"log", any, import("@mui/x-charts/models").ChartsXAxisProps> | DefaultedAxis<"point", any, import("@mui/x-charts/models").ChartsXAxisProps> | DefaultedAxis<"pow", any, import("@mui/x-charts/models").ChartsXAxisProps> | DefaultedAxis<"sqrt", any, import("@mui/x-charts/models").ChartsXAxisProps> | DefaultedAxis<"symlog", any, import("@mui/x-charts/models").ChartsXAxisProps> | DefaultedAxis<"time", any, import("@mui/x-charts/models").ChartsXAxisProps> | DefaultedAxis<"utc", any, import("@mui/x-charts/models").ChartsXAxisProps> | ({
   offset?: number;
 } & {
   id: AxisId;
   data?: readonly any[] | undefined;
   dataKey?: string;
   valueGetter?: ((item: import("../../../index.mjs").DatasetElementType<unknown>) => any) | undefined;
-  valueFormatter?: (<TScaleName extends keyof import("../../../index.mjs").AxisScaleConfig>(value: any, context: import("../../../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
+  valueFormatter?: (<TScaleName extends keyof import("../../../index.mjs").AxisScaleConfig>(value: any, context: import("@mui/x-charts/models").AxisValueFormatterContext<TScaleName>) => string) | undefined;
   hideTooltip?: boolean;
   reverse?: boolean;
   domainLimit?: 'nice' | 'strict' | ((min: NumberValue, max: NumberValue) => {
@@ -166,7 +166,7 @@ export declare const selectorChartRawAxis: (args_0: import("../../corePlugins/us
   });
   domainSeries?: 'all' | 'visible';
   ignoreTooltip?: boolean;
-} & Omit<Partial<import("../../../index.mjs").ChartsYAxisProps>, "axisId"> & Partial<Omit<{
+} & Omit<Partial<import("@mui/x-charts/models").ChartsYAxisProps>, "axisId"> & Partial<Omit<{
   scaleType: 'log';
   scale: import("@mui/x-charts-vendor/d3-scale").ScaleLogarithmic<number, number>;
   colorMap?: import("../../../../models/colorMapping.mjs").ContinuousColorConfig | import("../../../../models/colorMapping.mjs").PiecewiseColorConfig;
@@ -197,14 +197,14 @@ export declare const selectorChartRawAxis: (args_0: import("../../corePlugins/us
   colorMap?: import("../../../../models/colorMapping.mjs").ContinuousColorConfig | import("../../../../models/colorMapping.mjs").PiecewiseColorConfig;
 } | ({
   scaleType: 'point';
-  ordinalTimeTicks?: import("../../../../index.mjs").OrdinalTimeTicks;
+  ordinalTimeTicks?: import("@mui/x-charts/models").OrdinalTimeTicks;
   scale: import("@mui/x-charts-vendor/d3-scale").ScalePoint<{
     toString(): string;
   }>;
   colorMap?: import("../../../../models/colorMapping.mjs").OrdinalColorConfig | import("../../../../models/colorMapping.mjs").ContinuousColorConfig | import("../../../../models/colorMapping.mjs").PiecewiseColorConfig;
 } & import("../../../index.mjs").AxisGroups) | ({
   scaleType: 'band';
-  ordinalTimeTicks?: import("../../../../index.mjs").OrdinalTimeTicks;
+  ordinalTimeTicks?: import("@mui/x-charts/models").OrdinalTimeTicks;
   scale: import("@mui/x-charts-vendor/d3-scale").ScaleBand<{
     toString(): string;
   }>;