@mui/x-charts 8.11.2 → 8.12.0

package/hooks/useIsItemFocusedGetter.js

@@ -0,0 +1,18 @@
+"use strict";
+'use client';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useIsItemFocusedGetter = useIsItemFocusedGetter;
+var _useFocusedItem = require("./useFocusedItem");
+/**
+ * A hook to check focus state of multiple items.
+ * If you're interested by a single one, consider using `useIsItemFocused`.
+ *
+ * @returns {(item: FocusedItemData) => boolean} callback to get the state of the item.
+ */
+function useIsItemFocusedGetter() {
+  const focusedItem = (0, _useFocusedItem.useFocusedItem)();
+  return item => focusedItem !== null && focusedItem.seriesType === item.seriesType && focusedItem.seriesId === item.seriesId && focusedItem.dataIndex === item.dataIndex;
+}

package/hooks/useScale.js

@@ -9,7 +9,7 @@ exports.useRadiusScale = useRadiusScale;
 exports.useRotationScale = useRotationScale;
 exports.useXScale = useXScale;
 exports.useYScale = useYScale;
-var _isBandScale = require("../internals/isBandScale");
+var _scaleGuards = require("../internals/scaleGuards");
 var _useAxis = require("./useAxis");
 /**
  * For a given scale return a function that map value to their position.
@@ -18,9 +18,15 @@ var _useAxis = require("./useAxis");
  * @returns {(value: any) => number} A function that map value to their position
  */
 function getValueToPositionMapper(scale) {
-  if ((0, _isBandScale.isBandScale)(scale)) {
+  if ((0, _scaleGuards.isOrdinalScale)(scale)) {
     return value => (scale(value) ?? 0) + scale.bandwidth() / 2;
   }
+  const domain = scale.domain();
+
+  // Fixes https://github.com/mui/mui-x/issues/18999#issuecomment-3173787401
+  if (domain[0] === domain[1]) {
+    return value => value === domain[0] ? scale(value) : NaN;
+  }
   return value => scale(value);
 }
 

package/hooks/useTicks.js

@@ -9,7 +9,7 @@ exports.getTicks = getTicks;
 exports.useTicks = useTicks;
 var React = _interopRequireWildcard(require("react"));
 var _ChartProvider = require("../context/ChartProvider");
-var _isBandScale = require("../internals/isBandScale");
+var _scaleGuards = require("../internals/scaleGuards");
 var _isInfinity = require("../internals/isInfinity");
 const offsetRatio = {
   start: 0,
@@ -29,7 +29,7 @@ function getTicks(options) {
   } = options;
 
   // band scale
-  if ((0, _isBandScale.isBandScale)(scale)) {
+  if ((0, _scaleGuards.isOrdinalScale)(scale)) {
     const domain = scale.domain();
     const tickLabelPlacement = tickLabelPlacementProp ?? 'middle';
     if (scale.bandwidth() > 0) {

package/hooks/useTicksGrouped.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useTicksGrouped = useTicksGrouped;
 var React = _interopRequireWildcard(require("react"));
-var _isBandScale = require("../internals/isBandScale");
+var _scaleGuards = require("../internals/scaleGuards");
 const offsetRatio = {
   start: 0,
   extremities: 0,
@@ -68,7 +68,7 @@ function mapToGrouping(tickValues, groups, tickPlacement, tickLabelPlacement, sc
       if (isNew) {
         currentValueCount = 1;
         // Calculate tick offset
-        const tickOffset = (0, _isBandScale.isBandScale)(scale) ? scale(tickValue) - (scale.step() - scale.bandwidth()) / 2 + offsetRatio[tickPlacement] * scale.step() : scale(tickValue);
+        const tickOffset = (0, _scaleGuards.isOrdinalScale)(scale) ? scale(tickValue) - (scale.step() - scale.bandwidth()) / 2 + offsetRatio[tickPlacement] * scale.step() : scale(tickValue);
 
         // Calculate the label offset
         const labelOffset = scale.step() * currentValueCount * (offsetRatio[tickLabelPlacement] - offsetRatio[tickPlacement]);

package/index.d.ts

@@ -1,6 +1,7 @@
 export * from "./constants/index.js";
 export * from "./context/index.js";
 export * from "./hooks/index.js";
+export * from "./plugins/index.js";
 export * from "./colorPalettes/index.js";
 export * from "./models/index.js";
 export * from "./ChartsClipPath/index.js";

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts v8.11.2
+ * @mui/x-charts v8.12.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -55,6 +55,18 @@ Object.keys(_hooks).forEach(function (key) {
     }
   });
 });
+var _plugins = require("./plugins");
+Object.keys(_plugins).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _plugins[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _plugins[key];
+    }
+  });
+});
 var _colorPalettes = require("./colorPalettes");
 Object.keys(_colorPalettes).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/internals/animation/Transition.js

@@ -55,7 +55,6 @@ class Transition {
     /* If we're resuming the transition, then subtract elapsed to continue the easing. */
     const time = (0, _d3Timer.now)() - this.elapsed;
     this.timer = (0, _d3Timer.timer)(elapsed => this.timerCallback(elapsed), 0, time);
-    (0, _d3Timer.timerFlush)();
     return this;
   }
 
@@ -79,7 +78,6 @@ class Transition {
   finish() {
     this.stop();
     (0, _d3Timer.timeout)(() => this.timerCallback(this.duration));
-    (0, _d3Timer.timerFlush)();
     return this;
   }
 }

package/internals/index.d.ts

@@ -25,7 +25,8 @@ export * from "./plugins/featurePlugins/useChartCartesianAxis/index.js";
 export * from "./plugins/featurePlugins/useChartPolarAxis/index.js";
 export * from "./plugins/featurePlugins/useChartInteraction/index.js";
 export * from "./plugins/featurePlugins/useChartHighlight/index.js";
-export * from "./plugins/featurePlugins/useChartVoronoi/index.js";
+export * from "./plugins/featurePlugins/useChartKeyboardNavigation/index.js";
+export * from "./plugins/featurePlugins/useChartClosestPoint/index.js";
 export * from "./plugins/utils/selectors.js";
 export { getAxisTriggerTooltip as getCartesianAxisTriggerTooltip } from "./plugins/featurePlugins/useChartCartesianAxis/getAxisTriggerTooltip.js";
 export { getAxisIndex as getCartesianAxisIndex } from "./plugins/featurePlugins/useChartCartesianAxis/getAxisValue.js";
@@ -52,9 +53,9 @@ export * from "./colorScale.js";
 export * from "./ticks.js";
 export * from "./dateHelpers.js";
 export * from "./invertScale.js";
-export * from "./isBandScale.js";
+export * from "./scaleGuards.js";
 export * from "./findMinMax.js";
-export { getAxisExtremum } from "./plugins/featurePlugins/useChartCartesianAxis/getAxisExtremum.js";
+export { getAxisExtrema } from "./plugins/featurePlugins/useChartCartesianAxis/getAxisExtrema.js";
 export * from "../context/ChartProvider/index.js";
 export * from "../context/ChartsSlotsContext.js";
 export * from "../models/seriesType/config.js";

package/internals/index.js

@@ -18,12 +18,12 @@ var _exportNames = {
   useRadarChartProps: true,
   getCartesianAxisTriggerTooltip: true,
   getCartesianAxisIndex: true,
-  getAxisExtremum: true
+  getAxisExtrema: true
 };
-Object.defineProperty(exports, "getAxisExtremum", {
+Object.defineProperty(exports, "getAxisExtrema", {
   enumerable: true,
   get: function () {
-    return _getAxisExtremum.getAxisExtremum;
+    return _getAxisExtrema.getAxisExtrema;
   }
 });
 Object.defineProperty(exports, "getCartesianAxisIndex", {
@@ -302,15 +302,27 @@ Object.keys(_useChartHighlight).forEach(function (key) {
     }
   });
 });
-var _useChartVoronoi = require("./plugins/featurePlugins/useChartVoronoi");
-Object.keys(_useChartVoronoi).forEach(function (key) {
+var _useChartKeyboardNavigation = require("./plugins/featurePlugins/useChartKeyboardNavigation");
+Object.keys(_useChartKeyboardNavigation).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _useChartVoronoi[key]) return;
+  if (key in exports && exports[key] === _useChartKeyboardNavigation[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _useChartVoronoi[key];
+      return _useChartKeyboardNavigation[key];
+    }
+  });
+});
+var _useChartClosestPoint = require("./plugins/featurePlugins/useChartClosestPoint");
+Object.keys(_useChartClosestPoint).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _useChartClosestPoint[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useChartClosestPoint[key];
     }
   });
 });
@@ -604,15 +616,15 @@ Object.keys(_invertScale).forEach(function (key) {
     }
   });
 });
-var _isBandScale = require("./isBandScale");
-Object.keys(_isBandScale).forEach(function (key) {
+var _scaleGuards = require("./scaleGuards");
+Object.keys(_scaleGuards).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _isBandScale[key]) return;
+  if (key in exports && exports[key] === _scaleGuards[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _isBandScale[key];
+      return _scaleGuards[key];
     }
   });
 });
@@ -628,7 +640,7 @@ Object.keys(_findMinMax).forEach(function (key) {
     }
   });
 });
-var _getAxisExtremum = require("./plugins/featurePlugins/useChartCartesianAxis/getAxisExtremum");
+var _getAxisExtrema = require("./plugins/featurePlugins/useChartCartesianAxis/getAxisExtrema");
 var _ChartProvider = require("../context/ChartProvider");
 Object.keys(_ChartProvider).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/internals/invertScale.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.invertScale = invertScale;
-var _isBandScale = require("./isBandScale");
+var _scaleGuards = require("./scaleGuards");
 function invertScale(scale, data, value) {
-  if ((0, _isBandScale.isBandScale)(scale)) {
+  if ((0, _scaleGuards.isOrdinalScale)(scale)) {
     const dataIndex = scale.bandwidth() === 0 ? Math.floor((value - Math.min(...scale.range()) + scale.step() / 2) / scale.step()) : Math.floor((value - Math.min(...scale.range())) / scale.step());
     return data[dataIndex];
   }

package/internals/plugins/allPlugins.d.ts

@@ -2,9 +2,10 @@ import { ChartSeriesType } from "../../models/seriesType/config.js";
 import { UseChartCartesianAxisSignature } from "./featurePlugins/useChartCartesianAxis/index.js";
 import { UseChartHighlightSignature } from "./featurePlugins/useChartHighlight/index.js";
 import { UseChartInteractionSignature } from "./featurePlugins/useChartInteraction/index.js";
+import { UseChartKeyboardNavigationSignature } from "./featurePlugins/useChartKeyboardNavigation/index.js";
 import { UseChartPolarAxisSignature } from "./featurePlugins/useChartPolarAxis/index.js";
-import { UseChartVoronoiSignature } from "./featurePlugins/useChartVoronoi/index.js";
+import { UseChartClosestPointSignature } from "./featurePlugins/useChartClosestPoint/index.js";
 import { UseChartZAxisSignature } from "./featurePlugins/useChartZAxis/index.js";
-export type AllPluginSignatures<TSeries extends ChartSeriesType = ChartSeriesType> = [UseChartZAxisSignature, UseChartCartesianAxisSignature<TSeries>, UseChartPolarAxisSignature, UseChartInteractionSignature, UseChartHighlightSignature, UseChartVoronoiSignature];
-export type DefaultPluginSignatures<TSeries extends ChartSeriesType = ChartSeriesType> = [UseChartZAxisSignature, UseChartCartesianAxisSignature<TSeries>, UseChartInteractionSignature, UseChartHighlightSignature, UseChartVoronoiSignature];
-export declare const DEFAULT_PLUGINS: readonly [import("./models/index.js").ChartPlugin<UseChartZAxisSignature>, import("./models/index.js").ChartPlugin<UseChartCartesianAxisSignature<any>>, import("./models/index.js").ChartPlugin<UseChartInteractionSignature>, import("./models/index.js").ChartPlugin<UseChartHighlightSignature>, import("./models/index.js").ChartPlugin<UseChartVoronoiSignature>];
+export type AllPluginSignatures<TSeries extends ChartSeriesType = ChartSeriesType> = [UseChartZAxisSignature, UseChartCartesianAxisSignature<TSeries>, UseChartPolarAxisSignature, UseChartInteractionSignature, UseChartHighlightSignature, UseChartClosestPointSignature, UseChartKeyboardNavigationSignature];
+export type DefaultPluginSignatures<TSeries extends ChartSeriesType = ChartSeriesType> = [UseChartZAxisSignature, UseChartCartesianAxisSignature<TSeries>, UseChartInteractionSignature, UseChartHighlightSignature, UseChartClosestPointSignature, UseChartKeyboardNavigationSignature];
+export declare const DEFAULT_PLUGINS: readonly [import("./models/index.js").ChartPlugin<UseChartZAxisSignature>, import("./models/index.js").ChartPlugin<UseChartCartesianAxisSignature<any>>, import("./models/index.js").ChartPlugin<UseChartInteractionSignature>, import("./models/index.js").ChartPlugin<UseChartHighlightSignature>, import("./models/index.js").ChartPlugin<UseChartClosestPointSignature>, import("./models/index.js").ChartPlugin<UseChartKeyboardNavigationSignature>];

package/internals/plugins/allPlugins.js

@@ -7,8 +7,9 @@ exports.DEFAULT_PLUGINS = void 0;
 var _useChartCartesianAxis = require("./featurePlugins/useChartCartesianAxis");
 var _useChartHighlight = require("./featurePlugins/useChartHighlight");
 var _useChartInteraction = require("./featurePlugins/useChartInteraction");
-var _useChartVoronoi = require("./featurePlugins/useChartVoronoi");
+var _useChartKeyboardNavigation = require("./featurePlugins/useChartKeyboardNavigation");
+var _useChartClosestPoint = require("./featurePlugins/useChartClosestPoint");
 var _useChartZAxis = require("./featurePlugins/useChartZAxis");
 // This file should be removed after creating all plugins in favor of a file per chart type.
 
-const DEFAULT_PLUGINS = exports.DEFAULT_PLUGINS = [_useChartZAxis.useChartZAxis, _useChartCartesianAxis.useChartCartesianAxis, _useChartInteraction.useChartInteraction, _useChartHighlight.useChartHighlight, _useChartVoronoi.useChartVoronoi];
+const DEFAULT_PLUGINS = exports.DEFAULT_PLUGINS = [_useChartZAxis.useChartZAxis, _useChartCartesianAxis.useChartCartesianAxis, _useChartInteraction.useChartInteraction, _useChartHighlight.useChartHighlight, _useChartClosestPoint.useChartClosestPoint, _useChartKeyboardNavigation.useChartKeyboardNavigation];

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

@@ -17,7 +17,7 @@ export declare const preprocessSeries: <TSeriesType extends ChartSeriesType>({
   dataset
 }: {
   series: Readonly<AllSeriesType<TSeriesType>[]>;
-  colors: string[];
+  colors: readonly string[];
   seriesConfig: ChartSeriesConfig<TSeriesType>;
   dataset?: Readonly<DatasetType>;
 }) => { [type in TSeriesType]?: SeriesProcessorResult<TSeriesType> | undefined };

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

@@ -5,11 +5,13 @@ import { ChartSeriesConfig } from "../../models/seriesConfig/index.js";
 import { ComputedAxisConfig, DefaultizedZoomOptions } from "./useChartCartesianAxis.types.js";
 import { ProcessedSeries } from "../../corePlugins/useChartSeries/useChartSeries.types.js";
 import { GetZoomAxisFilters, ZoomData } from "./zoom.types.js";
+import { ScaleDefinition } from "./getAxisScale.js";
 export type ComputeResult<T extends ChartsAxisProps> = {
   axis: ComputedAxisConfig<T>;
   axisIds: AxisId[];
 };
 type ComputeCommonParams<T extends ChartSeriesType = ChartSeriesType> = {
+  scales: Record<AxisId, ScaleDefinition>;
   drawingArea: ChartDrawingArea;
   formattedSeries: ProcessedSeries<T>;
   seriesConfig: ChartSeriesConfig<T>;

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

@@ -6,17 +6,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.computeAxisValue = computeAxisValue;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _d3Scale = require("@mui/x-charts-vendor/d3-scale");
 var _defaultValueFormatters = require("../../../defaultValueFormatters");
 var _axis = require("../../../../models/axis");
 var _colorScale = require("../../../colorScale");
 var _ticks = require("../../../ticks");
 var _getScale = require("../../../getScale");
 var _dateHelpers = require("../../../dateHelpers");
-var _zoom = require("./zoom");
-var _getAxisExtremum = require("./getAxisExtremum");
+var _getAxisExtrema = require("./getAxisExtrema");
 var _getAxisTriggerTooltip = require("./getAxisTriggerTooltip");
-var _getAxisDomainLimit = require("./getAxisDomainLimit");
+var _getAxisScale = require("./getAxisScale");
+var _scaleGuards = require("../../../scaleGuards");
 function getRange(drawingArea, axisDirection,
 // | 'rotation' | 'radius',
 reverse) {
@@ -26,6 +25,7 @@ reverse) {
 const DEFAULT_CATEGORY_GAP_RATIO = 0.2;
 const DEFAULT_BAR_GAP_RATIO = 0.1;
 function computeAxisValue({
+  scales,
   drawingArea,
   formattedSeries,
   axis: allAxis,
@@ -46,97 +46,91 @@ function computeAxisValue({
   const completeAxis = {};
   allAxis.forEach((eachAxis, axisIndex) => {
     const axis = eachAxis;
+    const scaleDefinition = scales[axis.id];
+    let scale = scaleDefinition.scale;
     const zoomOption = zoomOptions?.[axis.id];
     const zoom = zoomMap?.get(axis.id);
     const zoomRange = zoom ? [zoom.start, zoom.end] : [0, 100];
     const range = getRange(drawingArea, axisDirection, axis.reverse ?? false);
-    const [minData, maxData] = (0, _getAxisExtremum.getAxisExtremum)(axis, axisDirection, seriesConfig, axisIndex, formattedSeries, zoom === undefined && !zoomOption ? getFilters : undefined // Do not apply filtering if zoom is already defined.
-    );
     const triggerTooltip = !axis.ignoreTooltip && axisIdsTriggeringTooltip.has(axis.id);
     const data = axis.data ?? [];
-    if ((0, _axis.isBandScaleConfig)(axis)) {
-      const categoryGapRatio = axis.categoryGapRatio ?? DEFAULT_CATEGORY_GAP_RATIO;
-      const barGapRatio = axis.barGapRatio ?? DEFAULT_BAR_GAP_RATIO;
+    if ((0, _scaleGuards.isOrdinalScale)(scale)) {
       // 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 = (0, _zoom.zoomScaleRange)(scaleRange, zoomRange);
-      completeAxis[axis.id] = (0, _extends2.default)({
-        offset: 0,
-        height: 0,
-        categoryGapRatio,
-        barGapRatio,
-        triggerTooltip
-      }, axis, {
-        data,
-        scale: (0, _d3Scale.scaleBand)(axis.data, zoomedRange).paddingInner(categoryGapRatio).paddingOuter(categoryGapRatio / 2),
-        tickNumber: axis.data.length,
-        colorScale: axis.colorMap && (axis.colorMap.type === 'ordinal' ? (0, _colorScale.getOrdinalColorScale)((0, _extends2.default)({
-          values: axis.data
-        }, axis.colorMap)) : (0, _colorScale.getColorScale)(axis.colorMap))
-      });
-      if ((0, _dateHelpers.isDateData)(axis.data)) {
-        const dateFormatter = (0, _dateHelpers.createDateFormatter)(axis.data, scaleRange, axis.tickNumber);
-        completeAxis[axis.id].valueFormatter = axis.valueFormatter ?? dateFormatter;
+      if ((0, _scaleGuards.isBandScale)(scale) && (0, _axis.isBandScaleConfig)(axis)) {
+        const categoryGapRatio = axis.categoryGapRatio ?? DEFAULT_CATEGORY_GAP_RATIO;
+        const barGapRatio = axis.barGapRatio ?? DEFAULT_BAR_GAP_RATIO;
+        completeAxis[axis.id] = (0, _extends2.default)({
+          offset: 0,
+          height: 0,
+          categoryGapRatio,
+          barGapRatio,
+          triggerTooltip
+        }, axis, {
+          data,
+          scale,
+          tickNumber: axis.data.length,
+          colorScale: axis.colorMap && (axis.colorMap.type === 'ordinal' ? (0, _colorScale.getOrdinalColorScale)((0, _extends2.default)({
+            values: axis.data
+          }, axis.colorMap)) : (0, _colorScale.getColorScale)(axis.colorMap))
+        });
+      }
+      if ((0, _axis.isPointScaleConfig)(axis)) {
+        completeAxis[axis.id] = (0, _extends2.default)({
+          offset: 0,
+          height: 0,
+          triggerTooltip
+        }, axis, {
+          data,
+          scale,
+          tickNumber: axis.data.length,
+          colorScale: axis.colorMap && (axis.colorMap.type === 'ordinal' ? (0, _colorScale.getOrdinalColorScale)((0, _extends2.default)({
+            values: axis.data
+          }, axis.colorMap)) : (0, _colorScale.getColorScale)(axis.colorMap))
+        });
       }
-    }
-    if ((0, _axis.isPointScaleConfig)(axis)) {
-      const scaleRange = axisDirection === 'y' ? [...range].reverse() : range;
-      const zoomedRange = (0, _zoom.zoomScaleRange)(scaleRange, zoomRange);
-      completeAxis[axis.id] = (0, _extends2.default)({
-        offset: 0,
-        height: 0,
-        triggerTooltip
-      }, axis, {
-        data,
-        scale: (0, _d3Scale.scalePoint)(axis.data, zoomedRange),
-        tickNumber: axis.data.length,
-        colorScale: axis.colorMap && (axis.colorMap.type === 'ordinal' ? (0, _colorScale.getOrdinalColorScale)((0, _extends2.default)({
-          values: axis.data
-        }, axis.colorMap)) : (0, _colorScale.getColorScale)(axis.colorMap))
-      });
       if ((0, _dateHelpers.isDateData)(axis.data)) {
         const dateFormatter = (0, _dateHelpers.createDateFormatter)(axis.data, scaleRange, axis.tickNumber);
         completeAxis[axis.id].valueFormatter = axis.valueFormatter ?? dateFormatter;
       }
+      return;
     }
     if (axis.scaleType === 'band' || axis.scaleType === 'point') {
       // 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 scaleType = axis.scaleType ?? 'linear';
-    const domainLimit = preferStrictDomainInLineCharts ? (0, _getAxisDomainLimit.getAxisDomainLimit)(axis, axisDirection, axisIndex, formattedSeries) : axis.domainLimit ?? 'nice';
-    const axisExtremums = [axis.min ?? minData, axis.max ?? maxData];
-    if (typeof domainLimit === 'function') {
-      const {
-        min,
-        max
-      } = domainLimit(minData, maxData);
-      axisExtremums[0] = min;
-      axisExtremums[1] = max;
-    }
-    const rawTickNumber = (0, _ticks.getTickNumber)((0, _extends2.default)({}, axis, {
-      range,
-      domain: axisExtremums
-    }));
+    const rawTickNumber = scaleDefinition.tickNumber;
+    const continuousAxis = axis;
+    const scaleType = continuousAxis.scaleType ?? 'linear';
     const tickNumber = (0, _ticks.scaleTickNumberByRange)(rawTickNumber, zoomRange);
-    const zoomedRange = (0, _zoom.zoomScaleRange)(range, zoomRange);
-    const scale = (0, _getScale.getScale)(scaleType, axisExtremums, zoomedRange);
-    if ((0, _axis.isSymlogScaleConfig)(axis) && axis.constant != null) {
-      scale.constant(axis.constant);
+    const filter = zoom === undefined && !zoomOption ? getFilters : undefined; // Do not apply filtering if zoom is already defined.
+    if (filter) {
+      const [minData, maxData] = (0, _getAxisExtrema.getAxisExtrema)(axis, axisDirection, seriesConfig, axisIndex, formattedSeries, filter);
+      scale = scale.copy();
+      scale.domain([minData, maxData]);
+      const domainLimit = (0, _getAxisScale.getDomainLimit)(axis, axisDirection, axisIndex, formattedSeries, preferStrictDomainInLineCharts);
+      const axisExtrema = (0, _getAxisScale.getActualAxisExtrema)(axis, minData, maxData);
+      if (typeof domainLimit === 'function') {
+        const {
+          min,
+          max
+        } = domainLimit(minData, maxData);
+        axisExtrema[0] = min;
+        axisExtrema[1] = max;
+      }
+      scale.domain(axisExtrema);
+      (0, _getAxisScale.applyDomainLimit)(scale, axis, domainLimit, rawTickNumber);
     }
-    const finalScale = domainLimit === 'nice' ? scale.nice(rawTickNumber) : scale;
-    const [minDomain, maxDomain] = finalScale.domain();
-    const domain = [axis.min ?? minDomain, axis.max ?? maxDomain];
     completeAxis[axis.id] = (0, _extends2.default)({
       offset: 0,
       height: 0,
       triggerTooltip
-    }, axis, {
+    }, continuousAxis, {
       data,
-      scaleType: scaleType,
-      scale: finalScale.domain(domain),
+      scaleType,
+      scale,
       tickNumber,
-      colorScale: axis.colorMap && (0, _colorScale.getColorScale)(axis.colorMap),
+      colorScale: continuousAxis.colorMap && (0, _colorScale.getSequentialColorScale)(continuousAxis.colorMap),
       valueFormatter: axis.valueFormatter ?? (0, _defaultValueFormatters.createScalarFormatter)(tickNumber, (0, _getScale.getScale)(scaleType, range.map(v => scale.invert(v)), range))
     });
   });

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

@@ -1,24 +1,8 @@
-import { AxisId, ChartsXAxisProps, ChartsYAxisProps, ContinuousScaleName, ScaleName } from "../../../../models/axis.js";
-import { CartesianChartSeriesType } from "../../../../models/seriesType/config.js";
-import { ProcessedSeries } from "../../corePlugins/useChartSeries/index.js";
+import { AxisId, D3ContinuousScale, D3Scale } from "../../../../models/axis.js";
 import { AxisConfig } from "../../../../models/index.js";
-import { ChartSeriesConfig } from "../../models/seriesConfig/index.js";
 import { DefaultizedZoomOptions, ExtremumFilter } from "./useChartCartesianAxis.types.js";
 import { GetZoomAxisFilters, ZoomAxisFilters, ZoomData } from "./zoom.types.js";
-export declare function createAxisFilterMapper(params: {
-  zoomMap: Map<AxisId, ZoomData>;
-  zoomOptions: Record<AxisId, DefaultizedZoomOptions>;
-  seriesConfig: ChartSeriesConfig<CartesianChartSeriesType>;
-  formattedSeries: ProcessedSeries;
-  direction: 'x';
-}): (axis: AxisConfig<ScaleName, any, ChartsXAxisProps>, axisIndex: number) => ExtremumFilter | null;
-export declare function createAxisFilterMapper(params: {
-  zoomMap: Map<AxisId, ZoomData>;
-  zoomOptions: Record<AxisId, DefaultizedZoomOptions>;
-  seriesConfig: ChartSeriesConfig<CartesianChartSeriesType>;
-  formattedSeries: ProcessedSeries;
-  direction: 'y';
-}): (axis: AxisConfig<ScaleName, any, ChartsYAxisProps>, axisIndex: number) => ExtremumFilter | null;
+export declare function createAxisFilterMapper(zoomMap: Map<AxisId, ZoomData>, zoomOptions: Record<AxisId, DefaultizedZoomOptions>, direction: 'x' | 'y'): (axisId: AxisId, axisData: AxisConfig['data'], scale: D3Scale) => ExtremumFilter | null;
 export declare function createDiscreteScaleGetAxisFilter(axisData: AxisConfig['data'], zoomStart: number, zoomEnd: number, direction: 'x' | 'y'): ExtremumFilter;
-export declare function createContinuousScaleGetAxisFilter(scaleType: ContinuousScaleName | undefined, extrema: readonly [number, number], zoomStart: number, zoomEnd: number, direction: 'x' | 'y', axisData: AxisConfig['data']): ExtremumFilter;
+export declare function createContinuousScaleGetAxisFilter(scale: D3ContinuousScale, zoomStart: number, zoomEnd: number, direction: 'x' | 'y', axisData: AxisConfig['data']): ExtremumFilter;
 export declare const createGetAxisFilters: (filters: ZoomAxisFilters) => GetZoomAxisFilters;

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

@@ -8,30 +8,22 @@ exports.createContinuousScaleGetAxisFilter = createContinuousScaleGetAxisFilter;
 exports.createDiscreteScaleGetAxisFilter = createDiscreteScaleGetAxisFilter;
 exports.createGetAxisFilters = void 0;
 var _isDefined = require("../../../isDefined");
-var _getAxisExtremum = require("./getAxisExtremum");
-var _getScale = require("../../../getScale");
-function createAxisFilterMapper({
-  zoomMap,
-  zoomOptions,
-  seriesConfig,
-  formattedSeries,
-  direction
-}) {
-  return (axis, axisIndex) => {
-    const zoomOption = zoomOptions[axis.id];
+var _scaleGuards = require("../../../scaleGuards");
+function createAxisFilterMapper(zoomMap, zoomOptions, direction) {
+  return (axisId, axisData, scale) => {
+    const zoomOption = zoomOptions[axisId];
     if (!zoomOption || zoomOption.filterMode !== 'discard') {
       return null;
     }
-    const zoom = zoomMap?.get(axis.id);
+    const zoom = zoomMap?.get(axisId);
     if (zoom === undefined || zoom.start <= 0 && zoom.end >= 100) {
       // No zoom, or zoom with all data visible
       return null;
     }
-    const scaleType = axis.scaleType;
-    if (scaleType === 'point' || scaleType === 'band') {
-      return createDiscreteScaleGetAxisFilter(axis.data, zoom.start, zoom.end, direction);
+    if ((0, _scaleGuards.isOrdinalScale)(scale)) {
+      return createDiscreteScaleGetAxisFilter(axisData, zoom.start, zoom.end, direction);
     }
-    return createContinuousScaleGetAxisFilter(scaleType, (0, _getAxisExtremum.getAxisExtremum)(axis, direction, seriesConfig, axisIndex, formattedSeries), zoom.start, zoom.end, direction, axis.data);
+    return createContinuousScaleGetAxisFilter(scale, zoom.start, zoom.end, direction, axisData);
   };
 }
 function createDiscreteScaleGetAxisFilter(axisData, zoomStart, zoomEnd, direction) {
@@ -47,10 +39,10 @@ function createDiscreteScaleGetAxisFilter(axisData, zoomStart, zoomEnd, directio
     return dataIndex >= minVal && dataIndex < maxVal;
   };
 }
-function createContinuousScaleGetAxisFilter(scaleType, extrema, zoomStart, zoomEnd, direction, axisData) {
+function createContinuousScaleGetAxisFilter(scale, zoomStart, zoomEnd, direction, axisData) {
   let min;
   let max;
-  [min, max] = (0, _getScale.getScale)(scaleType ?? 'linear', extrema, [0, 100]).nice().domain();
+  [min, max] = scale.domain();
   min = min instanceof Date ? min.getTime() : min;
   max = max instanceof Date ? max.getTime() : max;
   const minVal = min + zoomStart * (max - min) / 100;

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

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

package/{esm/internals/plugins/featurePlugins/useChartCartesianAxis/getAxisExtremum.d.ts → internals/plugins/featurePlugins/useChartCartesianAxis/getAxisExtrema.d.ts}

@@ -3,4 +3,4 @@ import { CartesianChartSeriesType } from "../../../../models/seriesType/config.j
 import { ChartSeriesConfig } from "../../models/seriesConfig/index.js";
 import { ProcessedSeries } from "../../corePlugins/useChartSeries/useChartSeries.types.js";
 import { GetZoomAxisFilters } from "./zoom.types.js";
-export declare const getAxisExtremum: <T extends CartesianChartSeriesType>(axis: AxisConfig, axisDirection: "x" | "y", seriesConfig: ChartSeriesConfig<T>, axisIndex: number, formattedSeries: ProcessedSeries<T>, getFilters?: GetZoomAxisFilters) => [number, number];
+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/getAxisExtrema.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getAxisExtrema = getAxisExtrema;
+var _isCartesian = require("../../../isCartesian");
+const axisExtremumCallback = (chartType, axis, axisDirection, seriesConfig, axisIndex, formattedSeries, getFilters) => {
+  const getter = axisDirection === 'x' ? seriesConfig[chartType].xExtremumGetter : seriesConfig[chartType].yExtremumGetter;
+  const series = formattedSeries[chartType]?.series ?? {};
+  return getter?.({
+    series,
+    axis,
+    axisIndex,
+    isDefaultAxis: axisIndex === 0,
+    getFilters
+  }) ?? [Infinity, -Infinity];
+};
+function getAxisExtrema(axis, axisDirection, seriesConfig, axisIndex, formattedSeries, getFilters) {
+  const cartesianChartTypes = Object.keys(seriesConfig).filter(_isCartesian.isCartesianSeriesType);
+  let extrema = [Infinity, -Infinity];
+  for (const chartType of cartesianChartTypes) {
+    const [min, max] = axisExtremumCallback(chartType, axis, axisDirection, seriesConfig, axisIndex, formattedSeries, getFilters);
+    extrema = [Math.min(extrema[0], min), Math.max(extrema[1], max)];
+  }
+  if (Number.isNaN(extrema[0]) || Number.isNaN(extrema[1])) {
+    return [Infinity, -Infinity];
+  }
+  return extrema;
+}