@mui/x-charts 8.13.0 → 8.14.0

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

@@ -1,66 +1,5 @@
-import { AxisConfig, AxisId, D3ContinuousScale, D3OrdinalScale, DefaultedAxis } from "../../../../models/axis.js";
-import { ChartSeriesType } from "../../../../models/seriesType/config.js";
-import { ProcessedSeries } from "../../corePlugins/useChartSeries/index.js";
-import { ChartSeriesConfig } from "../../models/index.js";
-import { ZoomData } from "./zoom.types.js";
+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";
-type GetAxesScalesParams<T extends ChartSeriesType = ChartSeriesType> = {
-  drawingArea: ChartDrawingArea;
-  formattedSeries: ProcessedSeries<T>;
-  seriesConfig: ChartSeriesConfig<T>;
-  zoomMap?: Map<AxisId, ZoomData>;
-  /**
-   * @deprecated To remove in v9. This is an experimental feature to avoid breaking change.
-   */
-  preferStrictDomainInLineCharts?: boolean;
-  defaultTickNumber: number;
-};
-export declare function getXAxesScales<T extends ChartSeriesType>({
-  drawingArea,
-  formattedSeries,
-  axis: axes,
-  seriesConfig,
-  zoomMap,
-  preferStrictDomainInLineCharts,
-  defaultTickNumber
-}: GetAxesScalesParams<T> & {
-  axis?: DefaultedAxis[];
-}): Record<AxisId, ScaleDefinition>;
-export declare function getYAxesScales<T extends ChartSeriesType>({
-  drawingArea,
-  formattedSeries,
-  axis: axes,
-  seriesConfig,
-  zoomMap,
-  preferStrictDomainInLineCharts,
-  defaultTickNumber
-}: GetAxesScalesParams<T> & {
-  axis?: DefaultedAxis[];
-}): Record<AxisId, ScaleDefinition>;
-export type ScaleDefinition = {
-  scale: D3ContinuousScale;
-  tickNumber: number;
-} | {
-  scale: D3OrdinalScale;
-  tickNumber?: never;
-};
-type DomainLimit = 'nice' | 'strict' | ((min: number, max: number) => {
-  min: number;
-  max: number;
-});
-export declare function getDomainLimit(axis: Pick<DefaultedAxis, 'id' | 'domainLimit'>, axisDirection: 'x' | 'y', axisIndex: number, formattedSeries: ProcessedSeries, preferStrictDomainInLineCharts: boolean | undefined): "nice" | "strict" | ((min: number, max: number) => {
-  min: number;
-  max: number;
-});
-export declare function applyDomainLimit(scale: D3ContinuousScale, axis: {
-  min?: number | Date;
-  max?: number | Date;
-}, domainLimit: DomainLimit, rawTickNumber: number): void;
-/**
- * Get the actual axis extrema considering the user defined min and max values.
- * @param axisExtrema User defined axis extrema.
- * @param minData Minimum value from the data.
- * @param maxData Maximum value from the data.
- */
-export declare function getActualAxisExtrema(axisExtrema: Pick<AxisConfig, 'min' | 'max'>, minData: number, maxData: number): [number | Date, number | Date];
-export {};
+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/getAxisScale.js

@@ -1,121 +1,24 @@
 import { scaleBand, scalePoint } from '@mui/x-charts-vendor/d3-scale';
 import { isBandScaleConfig, isPointScaleConfig, isSymlogScaleConfig } from "../../../../models/axis.js";
-import { zoomScaleRange } from "./zoom.js";
-import { getAxisDomainLimit } from "./getAxisDomainLimit.js";
-import { getTickNumber } from "../../../ticks.js";
 import { getScale } from "../../../getScale.js";
-import { getAxisExtrema } from "./getAxisExtrema.js";
 const DEFAULT_CATEGORY_GAP_RATIO = 0.2;
-function getRange(drawingArea, axisDirection, axis) {
+export function getRange(drawingArea, axisDirection, axis) {
   const range = axisDirection === 'x' ? [drawingArea.left, drawingArea.left + drawingArea.width] : [drawingArea.top + drawingArea.height, drawingArea.top];
   return axis.reverse ? [range[1], range[0]] : range;
 }
-export function getXAxesScales({
-  drawingArea,
-  formattedSeries,
-  axis: axes = [],
-  seriesConfig,
-  zoomMap,
-  preferStrictDomainInLineCharts,
-  defaultTickNumber
-}) {
-  const scales = {};
-  axes.forEach((eachAxis, axisIndex) => {
-    const axis = eachAxis;
-    const zoom = zoomMap?.get(axis.id);
-    scales[axis.id] = getAxisScale(axis, 'x', zoom, drawingArea, seriesConfig, axisIndex, formattedSeries, preferStrictDomainInLineCharts, defaultTickNumber);
-  });
-  return scales;
-}
-export function getYAxesScales({
-  drawingArea,
-  formattedSeries,
-  axis: axes = [],
-  seriesConfig,
-  zoomMap,
-  preferStrictDomainInLineCharts,
-  defaultTickNumber
-}) {
-  const scales = {};
-  axes.forEach((eachAxis, axisIndex) => {
-    const axis = eachAxis;
-    const zoom = zoomMap?.get(axis.id);
-    scales[axis.id] = getAxisScale(axis, 'y', zoom, drawingArea, seriesConfig, axisIndex, formattedSeries, preferStrictDomainInLineCharts, defaultTickNumber);
-  });
-  return scales;
-}
-function getAxisScale(axis, axisDirection, zoom, drawingArea, seriesConfig, axisIndex, formattedSeries,
-/**
- * @deprecated To remove in v9. This is an experimental feature to avoid breaking change.
- */
-preferStrictDomainInLineCharts, defaultTickNumber) {
-  const zoomRange = zoom ? [zoom.start, zoom.end] : [0, 100];
-  const range = getRange(drawingArea, axisDirection, axis);
+export function getNormalizedAxisScale(axis, domain) {
+  const range = [0, 1];
   if (isBandScaleConfig(axis)) {
     const categoryGapRatio = axis.categoryGapRatio ?? DEFAULT_CATEGORY_GAP_RATIO;
-    // Reverse range because ordinal scales are presented from top to bottom on y-axis
-    const scaleRange = axisDirection === 'y' ? [range[1], range[0]] : range;
-    const zoomedRange = zoomScaleRange(scaleRange, zoomRange);
-    return {
-      scale: scaleBand(axis.data, zoomedRange).paddingInner(categoryGapRatio).paddingOuter(categoryGapRatio / 2)
-    };
+    return scaleBand(domain, range).paddingInner(categoryGapRatio).paddingOuter(categoryGapRatio / 2);
   }
   if (isPointScaleConfig(axis)) {
-    const scaleRange = axisDirection === 'y' ? [...range].reverse() : range;
-    const zoomedRange = zoomScaleRange(scaleRange, zoomRange);
-    return {
-      scale: scalePoint(axis.data, zoomedRange)
-    };
+    return scalePoint(domain, range);
   }
   const scaleType = axis.scaleType ?? 'linear';
-  const domainLimit = getDomainLimit(axis, axisDirection, axisIndex, formattedSeries, preferStrictDomainInLineCharts);
-  const [minData, maxData] = getAxisExtrema(axis, axisDirection, seriesConfig, axisIndex, formattedSeries);
-  const axisExtrema = getActualAxisExtrema(axis, minData, maxData);
-  if (typeof domainLimit === 'function') {
-    const {
-      min,
-      max
-    } = domainLimit(minData, maxData);
-    axisExtrema[0] = min;
-    axisExtrema[1] = max;
-  }
-  const rawTickNumber = getTickNumber(axis, axisExtrema, defaultTickNumber);
-  const zoomedRange = zoomScaleRange(range, zoomRange);
-  const scale = getScale(scaleType, axisExtrema, zoomedRange);
+  const scale = getScale(scaleType, domain, range);
   if (isSymlogScaleConfig(axis) && axis.constant != null) {
     scale.constant(axis.constant);
   }
-  applyDomainLimit(scale, axis, domainLimit, rawTickNumber);
-  return {
-    scale,
-    tickNumber: rawTickNumber
-  };
-}
-export function getDomainLimit(axis, axisDirection, axisIndex, formattedSeries, preferStrictDomainInLineCharts) {
-  return preferStrictDomainInLineCharts ? getAxisDomainLimit(axis, axisDirection, axisIndex, formattedSeries) : axis.domainLimit ?? 'nice';
-}
-export function applyDomainLimit(scale, axis, domainLimit, rawTickNumber) {
-  if (domainLimit === 'nice') {
-    scale.nice(rawTickNumber);
-  }
-  const [minDomain, maxDomain] = scale.domain();
-  scale.domain([axis.min ?? minDomain, axis.max ?? maxDomain]);
-}
-
-/**
- * Get the actual axis extrema considering the user defined min and max values.
- * @param axisExtrema User defined axis extrema.
- * @param minData Minimum value from the data.
- * @param maxData Maximum value from the data.
- */
-export function getActualAxisExtrema(axisExtrema, minData, maxData) {
-  let min = minData;
-  let max = maxData;
-  if (axisExtrema.max != null && axisExtrema.max.valueOf() < minData) {
-    min = axisExtrema.max;
-  }
-  if (axisExtrema.min != null && axisExtrema.min.valueOf() > minData) {
-    max = axisExtrema.min;
-  }
-  return [axisExtrema.min ?? min, axisExtrema.max ?? max];
+  return scale;
 }

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

@@ -1,5 +1,5 @@
-import { AxisId } from "../../../../models/axis.js";
-export declare const selectorChartPreviewXScales: import("reselect").Selector<any, Record<AxisId, import("./getAxisScale.js").ScaleDefinition>, [axisId: AxisId]>;
+import { AxisId, D3Scale } from "../../../../models/axis.js";
+export declare const selectorChartPreviewXScales: import("reselect").Selector<any, Record<AxisId, D3Scale>, [axisId: AxisId]>;
 export declare const selectorChartPreviewComputedXAxis: import("reselect").Selector<any, import("./useChartCartesianAxis.types.js").ComputedAxisConfig<import("../../../index.js").ChartsXAxisProps>, [axisId: AxisId]>;
-export declare const selectorChartPreviewYScales: import("reselect").Selector<any, Record<AxisId, import("./getAxisScale.js").ScaleDefinition>, [axisId: AxisId]>;
+export declare const selectorChartPreviewYScales: import("reselect").Selector<any, Record<AxisId, D3Scale>, [axisId: AxisId]>;
 export declare const selectorChartPreviewComputedYAxis: import("reselect").Selector<any, import("./useChartCartesianAxis.types.js").ComputedAxisConfig<import("../../../index.js").ChartsYAxisProps>, [axisId: AxisId]>;

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

@@ -2,11 +2,12 @@ import { createSelector } from "../../utils/selectors.js";
 import { selectorChartRawXAxis, selectorChartRawYAxis } from "./useChartCartesianAxisLayout.selectors.js";
 import { selectorChartSeriesConfig, selectorChartSeriesProcessed } from "../../corePlugins/useChartSeries/index.js";
 import { computeAxisValue } from "./computeAxisValue.js";
-import { selectorChartZoomAxisFilters, selectorChartZoomOptionsLookup, selectorDefaultXAxisTickNumber, selectorDefaultYAxisTickNumber } from "./useChartCartesianAxisRendering.selectors.js";
+import { selectorChartNormalizedXScales, selectorChartNormalizedYScales, selectorChartXDomains, selectorChartYDomains, selectorChartZoomOptionsLookup } from "./useChartCartesianAxisRendering.selectors.js";
 import { selectorChartDrawingArea } from "../../corePlugins/useChartDimensions/index.js";
 import { ZOOM_SLIDER_PREVIEW_SIZE } from "../../../constants.js";
-import { selectorPreferStrictDomainInLineCharts } from "../../corePlugins/useChartExperimentalFeature/index.js";
-import { getXAxesScales, getYAxesScales } from "./getAxisScale.js";
+import { getRange } from "./getAxisScale.js";
+import { zoomScaleRange } from "./zoom.js";
+import { isOrdinalScale } from "../../../scaleGuards.js";
 function createPreviewDrawingArea(axisDirection, mainChartDrawingArea) {
   return axisDirection === 'x' ? {
     left: 0,
@@ -24,26 +25,22 @@ function createPreviewDrawingArea(axisDirection, mainChartDrawingArea) {
     bottom: mainChartDrawingArea.height
   };
 }
-export const selectorChartPreviewXScales = createSelector([selectorChartRawXAxis, selectorChartDrawingArea, selectorChartSeriesProcessed, selectorChartSeriesConfig, selectorChartZoomOptionsLookup, selectorPreferStrictDomainInLineCharts, selectorDefaultXAxisTickNumber, (_, axisId) => axisId], function selectorChartPreviewXScales(xAxes, chartDrawingArea, formattedSeries, seriesConfig, zoomOptions, preferStrictDomainInLineCharts, defaultTickNumber, axisId) {
+export const selectorChartPreviewXScales = createSelector([selectorChartRawXAxis, selectorChartDrawingArea, selectorChartZoomOptionsLookup, selectorChartNormalizedXScales, (_, axisId) => axisId], function selectorChartPreviewXScales(xAxes, chartDrawingArea, zoomOptions, normalizedXScales, axisId) {
   const hasAxis = xAxes?.some(axis => axis.id === axisId);
   const drawingArea = createPreviewDrawingArea(hasAxis ? 'x' : 'y', chartDrawingArea);
   const options = zoomOptions[axisId];
-  const zoomMap = new Map([[axisId, {
-    axisId,
-    start: options.minStart,
-    end: options.maxEnd
-  }]]);
-  return getXAxesScales({
-    drawingArea,
-    formattedSeries,
-    axis: xAxes,
-    seriesConfig,
-    zoomMap,
-    preferStrictDomainInLineCharts,
-    defaultTickNumber
+  const scales = {};
+  xAxes?.forEach(eachAxis => {
+    const axis = eachAxis;
+    const scale = normalizedXScales[axis.id].copy();
+    const range = getRange(drawingArea, 'x', axis);
+    const zoomedRange = zoomScaleRange(range, [options.minStart, options.maxEnd]);
+    scale.range(zoomedRange);
+    scales[axis.id] = scale;
   });
+  return scales;
 });
-export const selectorChartPreviewComputedXAxis = createSelector([selectorChartRawXAxis, selectorChartSeriesProcessed, selectorChartSeriesConfig, selectorChartZoomOptionsLookup, selectorChartZoomAxisFilters, selectorChartDrawingArea, selectorPreferStrictDomainInLineCharts, selectorChartPreviewXScales, (_, axisId) => axisId], (xAxes, formattedSeries, seriesConfig, zoomOptions, getFilters, chartDrawingArea, preferStrictDomainInLineCharts, scales, axisId) => {
+export const selectorChartPreviewComputedXAxis = createSelector([selectorChartRawXAxis, selectorChartSeriesProcessed, selectorChartSeriesConfig, selectorChartZoomOptionsLookup, selectorChartDrawingArea, selectorChartPreviewXScales, selectorChartXDomains, (_, axisId) => axisId], (xAxes, formattedSeries, seriesConfig, zoomOptions, chartDrawingArea, scales, domains, axisId) => {
   const hasAxis = xAxes?.some(axis => axis.id === axisId);
   const drawingArea = createPreviewDrawingArea(hasAxis ? 'x' : 'y', chartDrawingArea);
   const options = zoomOptions[axisId];
@@ -60,9 +57,7 @@ export const selectorChartPreviewComputedXAxis = createSelector([selectorChartRa
     seriesConfig,
     axisDirection: 'x',
     zoomMap,
-    zoomOptions,
-    getFilters,
-    preferStrictDomainInLineCharts
+    domains
   });
   if (computedAxes.axis[axisId]) {
     return {
@@ -71,26 +66,25 @@ export const selectorChartPreviewComputedXAxis = createSelector([selectorChartRa
   }
   return computedAxes.axis;
 });
-export const selectorChartPreviewYScales = createSelector([selectorChartRawYAxis, selectorChartDrawingArea, selectorChartSeriesProcessed, selectorChartSeriesConfig, selectorChartZoomOptionsLookup, selectorPreferStrictDomainInLineCharts, selectorDefaultYAxisTickNumber, (_, axisId) => axisId], function selectorChartPreviewYScales(yAxes, chartDrawingArea, formattedSeries, seriesConfig, zoomOptions, preferStrictDomainInLineCharts, defaultTickNumber, axisId) {
+export const selectorChartPreviewYScales = createSelector([selectorChartRawYAxis, selectorChartDrawingArea, selectorChartZoomOptionsLookup, selectorChartNormalizedYScales, (_, axisId) => axisId], function selectorChartPreviewYScales(yAxes, chartDrawingArea, zoomOptions, normalizedYScales, axisId) {
   const hasAxis = yAxes?.some(axis => axis.id === axisId);
   const drawingArea = createPreviewDrawingArea(hasAxis ? 'y' : 'x', chartDrawingArea);
   const options = zoomOptions[axisId];
-  const zoomMap = new Map([[axisId, {
-    axisId,
-    start: options.minStart,
-    end: options.maxEnd
-  }]]);
-  return getYAxesScales({
-    drawingArea,
-    formattedSeries,
-    axis: yAxes,
-    seriesConfig,
-    zoomMap,
-    preferStrictDomainInLineCharts,
-    defaultTickNumber
+  const scales = {};
+  yAxes?.forEach(eachAxis => {
+    const axis = eachAxis;
+    const scale = normalizedYScales[axis.id].copy();
+    let range = getRange(drawingArea, 'y', axis);
+    if (isOrdinalScale(scale)) {
+      range = range.reverse();
+    }
+    const zoomedRange = zoomScaleRange(range, [options.minStart, options.maxEnd]);
+    scale.range(zoomedRange);
+    scales[axis.id] = scale;
   });
+  return scales;
 });
-export const selectorChartPreviewComputedYAxis = createSelector([selectorChartRawYAxis, selectorChartSeriesProcessed, selectorChartSeriesConfig, selectorChartZoomOptionsLookup, selectorChartZoomAxisFilters, selectorChartDrawingArea, selectorPreferStrictDomainInLineCharts, selectorChartPreviewYScales, (_, axisId) => axisId], (yAxes, formattedSeries, seriesConfig, zoomOptions, getFilters, chartDrawingArea, preferStrictDomainInLineCharts, scales, axisId) => {
+export const selectorChartPreviewComputedYAxis = createSelector([selectorChartRawYAxis, selectorChartSeriesProcessed, selectorChartSeriesConfig, selectorChartZoomOptionsLookup, selectorChartDrawingArea, selectorChartPreviewYScales, selectorChartYDomains, (_, axisId) => axisId], (yAxes, formattedSeries, seriesConfig, zoomOptions, chartDrawingArea, scales, domains, axisId) => {
   const hasAxis = yAxes?.some(axis => axis.id === axisId);
   const drawingArea = createPreviewDrawingArea(hasAxis ? 'y' : 'x', chartDrawingArea);
   const options = zoomOptions[axisId];
@@ -107,9 +101,7 @@ export const selectorChartPreviewComputedYAxis = createSelector([selectorChartRa
     seriesConfig,
     axisDirection: 'y',
     zoomMap,
-    zoomOptions,
-    getFilters,
-    preferStrictDomainInLineCharts
+    domains
   });
   if (computedAxes.axis[axisId]) {
     return {

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

@@ -1,5 +1,6 @@
+import { NumberValue } from '@mui/x-charts-vendor/d3-scale';
 import { ZoomData } from "./zoom.types.js";
-import { AxisId } from "../../../../models/axis.js";
+import { AxisId, D3Scale } from "../../../../models/axis.js";
 export declare const createZoomMap: (zoom: readonly ZoomData[]) => Map<AxisId, ZoomData>;
 /**
  * Following selectors are not exported because they exist in the MIT chart only to ba able to reuse the Zoom state from the pro.
@@ -33,21 +34,55 @@ export declare const selectorDefaultYAxisTickNumber: import("reselect").Selector
 } & Partial<import("./useChartCartesianAxis.types.js").UseChartCartesianAxisState> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
 }, number, []>;
-export declare const selectorChartXScales: import("reselect").Selector<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> & {
+type DomainDefinition = {
+  domain: ReadonlyArray<string | NumberValue>;
+  tickNumber?: number;
+};
+export declare const selectorChartXDomains: import("reselect").Selector<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;
 } & Partial<{}> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
-}, Record<AxisId, import("./getAxisScale.js").ScaleDefinition>, []>;
-export declare const selectorChartYScales: import("reselect").Selector<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> & {
+}, Record<AxisId, DomainDefinition>, []>;
+export declare const selectorChartYDomains: import("reselect").Selector<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;
 } & Partial<{}> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
-}, Record<AxisId, import("./getAxisScale.js").ScaleDefinition>, []>;
+}, Record<AxisId, DomainDefinition>, []>;
 export declare const selectorChartZoomAxisFilters: import("reselect").Selector<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;
 } & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
 } & Partial<{}>, import("./zoom.types.js").GetZoomAxisFilters | undefined, []>;
+export declare const selectorChartFilteredXDomains: import("reselect").Selector<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;
+} & Partial<{}> & {
+  cacheKey: import("../../models/index.js").ChartStateCacheKey;
+}, Record<AxisId, readonly (string | NumberValue)[]>, []>;
+export declare const selectorChartFilteredYDomains: import("reselect").Selector<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;
+} & Partial<{}> & {
+  cacheKey: import("../../models/index.js").ChartStateCacheKey;
+}, Record<AxisId, readonly (string | NumberValue)[]>, []>;
+export declare const selectorChartNormalizedXScales: import("reselect").Selector<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;
+} & Partial<{}> & {
+  cacheKey: import("../../models/index.js").ChartStateCacheKey;
+}, Record<AxisId, D3Scale>, []>;
+export declare const selectorChartNormalizedYScales: import("reselect").Selector<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;
+} & Partial<{}> & {
+  cacheKey: import("../../models/index.js").ChartStateCacheKey;
+}, Record<AxisId, D3Scale>, []>;
+export declare const selectorChartXScales: import("reselect").Selector<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;
+} & Partial<{}> & {
+  cacheKey: import("../../models/index.js").ChartStateCacheKey;
+}, Record<AxisId, D3Scale>, []>;
+export declare const selectorChartYScales: import("reselect").Selector<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;
+} & Partial<{}> & {
+  cacheKey: import("../../models/index.js").ChartStateCacheKey;
+}, Record<AxisId, D3Scale>, []>;
 /**
  * The only interesting selectors that merge axis data and zoom if provided.
  */
@@ -62,4 +97,129 @@ export declare const selectorChartYAxis: import("reselect").Selector<import("../
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
 }, import("./computeAxisValue.js").ComputeResult<import("../../../index.js").ChartsYAxisProps>, []>;
 export declare const selectorChartAxis: import("reselect").Selector<any, import("../../../index.js").ComputedAxis<keyof import("../../../index.js").AxisScaleConfig, any, import("../../../index.js").ChartsXAxisProps>, [axisId: AxisId]>;
-export declare const selectorChartRawAxis: import("reselect").Selector<any, import("../../../index.js").DefaultedXAxis | import("../../../index.js").DefaultedYAxis | undefined, [axisId: AxisId]>;
+export declare const selectorChartRawAxis: import("reselect").Selector<any, ({
+  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").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: "linear";
+  scale: import("@mui/x-charts-vendor/d3-scale").ScaleLinear<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: "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>;
+  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: "log";
+  scale: import("@mui/x-charts-vendor/d3-scale").ScaleLogarithmic<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?: "left" | "right" | "none";
+  width?: number;
+} & import("../../../../hooks/useTicks.js").TickParams & import("../../../index.js").AxisConfigExtension & {
+  zoom: import("./useChartCartesianAxis.types.js").DefaultizedZoomOptions | undefined;
+}) | undefined, [axisId: AxisId]>;
+export {};