@mui/x-charts 8.9.2 → 8.10.1

package/esm/hooks/useTicksGrouped.js

@@ -0,0 +1,98 @@
+'use client';
+
+import * as React from 'react';
+import { isBandScale } from "../internals/isBandScale.js";
+const offsetRatio = {
+  start: 0,
+  extremities: 0,
+  end: 1,
+  middle: 0.5,
+  tick: 0
+};
+export function useTicksGrouped(options) {
+  const {
+    scale,
+    tickInterval,
+    tickLabelPlacement = 'middle',
+    tickPlacement = 'extremities',
+    groups
+  } = options;
+  return React.useMemo(() => {
+    const domain = scale.domain();
+    const filteredDomain = typeof tickInterval === 'function' && domain.filter(tickInterval) || typeof tickInterval === 'object' && tickInterval || domain;
+    if (scale.bandwidth() > 0) {
+      // scale type = 'band'
+      const entries = mapToGrouping(filteredDomain, groups, tickPlacement, tickLabelPlacement, scale);
+      if (entries[0]) {
+        entries[0].ignoreTick = true;
+      }
+      return [{
+        formattedValue: undefined,
+        offset: scale.range()[0],
+        labelOffset: 0,
+        groupIndex: groups.length - 1
+      }, ...entries,
+      // Last tick
+      {
+        formattedValue: undefined,
+        offset: scale.range()[1],
+        labelOffset: 0,
+        groupIndex: groups.length - 1
+      }];
+    }
+
+    // scale type = 'point'
+    return mapToGrouping(filteredDomain, groups, tickPlacement, tickLabelPlacement, scale);
+  }, [scale, tickInterval, groups, tickPlacement, tickLabelPlacement]);
+}
+function mapToGrouping(tickValues, groups, tickPlacement, tickLabelPlacement, scale) {
+  const allTickItems = [];
+  // Map to keep track of offsets and their corresponding tick indexes
+  // Used to remove redundant ticks when they are in the same position
+  const dataIndexToTickIndex = new Map();
+  let currentValueCount = 0;
+  for (let groupIndex = 0; groupIndex < groups.length; groupIndex += 1) {
+    for (let dataIndex = 0; dataIndex < tickValues.length; dataIndex += 1) {
+      const tickValue = tickValues[dataIndex];
+      const groupValue = groups[groupIndex].getValue(tickValue, dataIndex);
+      const lastItem = allTickItems[allTickItems.length - 1];
+
+      // Check if this is a new unique value for this group
+      const isNew = lastItem?.value !== groupValue || lastItem?.groupIndex !== groupIndex;
+      if (isNew) {
+        currentValueCount = 1;
+        // Calculate tick offset
+        const tickOffset = isBandScale(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]);
+
+        // Add a new item
+        allTickItems.push({
+          value: groupValue,
+          formattedValue: `${groupValue}`,
+          offset: tickOffset,
+          groupIndex,
+          dataIndex,
+          ignoreTick: false,
+          labelOffset
+        });
+        if (!dataIndexToTickIndex.has(dataIndex)) {
+          dataIndexToTickIndex.set(dataIndex, new Set());
+        }
+        const tickIndexes = dataIndexToTickIndex.get(dataIndex);
+        for (const previousIndex of tickIndexes.values()) {
+          allTickItems[previousIndex].ignoreTick = true;
+        }
+        tickIndexes.add(allTickItems.length - 1);
+      } else {
+        currentValueCount += 1;
+
+        // Calculate the label offset
+        const labelOffset = scale.step() * currentValueCount * (offsetRatio[tickLabelPlacement] - offsetRatio[tickPlacement]);
+        lastItem.labelOffset = labelOffset;
+      }
+    }
+  }
+  return allTickItems;
+}

package/esm/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts v8.9.2
+ * @mui/x-charts v8.10.1
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/esm/internals/animation/Transition.js

@@ -10,6 +10,8 @@ import { timer, now, timeout, timerFlush } from '@mui/x-charts-vendor/d3-timer';
  * stopped.
  */
 export class Transition {
+  elapsed = 0;
+  timer = null;
   /**
    * Create a new ResumableTransition.
    * @param duration Duration in milliseconds
@@ -17,11 +19,6 @@ export class Transition {
    * @param onTick Callback function called on each animation frame with the eased time in range [0, 1].
    */
   constructor(duration, easingFn, onTick) {
-    this.duration = void 0;
-    this.elapsed = 0;
-    this.easingFn = void 0;
-    this.timer = null;
-    this.onTickCallback = void 0;
     this.duration = duration;
     this.easingFn = easingFn;
     this.onTickCallback = onTick;

package/esm/internals/configInit.js

@@ -1,8 +1,8 @@
 let cartesianInstance;
 let polarInstance;
 class CartesianSeriesTypes {
+  types = (() => new Set())();
   constructor() {
-    this.types = new Set();
     if (cartesianInstance) {
       throw new Error('You can only create one instance!');
     }
@@ -16,8 +16,8 @@ class CartesianSeriesTypes {
   }
 }
 class PolarSeriesTypes {
+  types = (() => new Set())();
   constructor() {
-    this.types = new Set();
     if (polarInstance) {
       throw new Error('You can only create one instance!');
     }

package/esm/internals/getScale.d.ts

@@ -1,2 +1,2 @@
 import { ContinuousScaleName, D3ContinuousScale } from "../models/axis.js";
-export declare function getScale(scaleType: ContinuousScaleName, domain: any[], range: any[]): D3ContinuousScale;
+export declare function getScale(scaleType: ContinuousScaleName, domain: readonly any[], range: readonly any[]): D3ContinuousScale;

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

@@ -1,4 +1,4 @@
-import { AxisId, ChartsXAxisProps, ChartsYAxisProps, ScaleName } from "../../../../models/axis.js";
+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 { AxisConfig } from "../../../../models/index.js";
@@ -19,4 +19,6 @@ export declare function createAxisFilterMapper(params: {
   formattedSeries: ProcessedSeries;
   direction: 'y';
 }): (axis: AxisConfig<ScaleName, any, ChartsYAxisProps>, axisIndex: number) => 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 const createGetAxisFilters: (filters: ZoomAxisFilters) => GetZoomAxisFilters;

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

@@ -18,32 +18,41 @@ export function createAxisFilterMapper({
       // No zoom, or zoom with all data visible
       return null;
     }
-    let extremums = [];
     const scaleType = axis.scaleType;
     if (scaleType === 'point' || scaleType === 'band') {
-      extremums = [0, (axis.data?.length ?? 1) - 1];
-    } else {
-      extremums = getAxisExtremum(axis, direction, seriesConfig, axisIndex, formattedSeries);
+      return createDiscreteScaleGetAxisFilter(axis.data, zoom.start, zoom.end, direction);
     }
-    let min;
-    let max;
-    const continuousScaleType = !scaleType || scaleType === 'band' || scaleType === 'point' ? 'linear' : scaleType;
-    [min, max] = getScale(continuousScaleType, extremums, [0, 100]).nice().domain();
-    min = min instanceof Date ? min.getTime() : min;
-    max = max instanceof Date ? max.getTime() : max;
-    const minVal = min + zoom.start * (max - min) / 100;
-    const maxVal = min + zoom.end * (max - min) / 100;
-    return (value, dataIndex) => {
-      const val = value[direction] ?? axis.data?.[dataIndex];
-      if (val == null) {
-        // If the value does not exist because of missing data point, or out of range index, we just ignore.
-        return true;
-      }
-      if (axis.scaleType === 'point' || axis.scaleType === 'band' || typeof val === 'string') {
-        return dataIndex >= minVal && dataIndex <= maxVal;
-      }
-      return val >= minVal && val <= maxVal;
-    };
+    return createContinuousScaleGetAxisFilter(scaleType, getAxisExtremum(axis, direction, seriesConfig, axisIndex, formattedSeries), zoom.start, zoom.end, direction, axis.data);
+  };
+}
+export function createDiscreteScaleGetAxisFilter(axisData, zoomStart, zoomEnd, direction) {
+  const maxIndex = axisData?.length ?? 0;
+  const minVal = Math.floor(zoomStart * maxIndex / 100);
+  const maxVal = Math.ceil(zoomEnd * maxIndex / 100);
+  return function filterAxis(value, dataIndex) {
+    const val = value[direction] ?? axisData?.[dataIndex];
+    if (val == null) {
+      // If the value does not exist because of missing data point, or out of range index, we just ignore.
+      return true;
+    }
+    return dataIndex >= minVal && dataIndex < maxVal;
+  };
+}
+export function createContinuousScaleGetAxisFilter(scaleType, extrema, zoomStart, zoomEnd, direction, axisData) {
+  let min;
+  let max;
+  [min, max] = getScale(scaleType ?? 'linear', extrema, [0, 100]).nice().domain();
+  min = min instanceof Date ? min.getTime() : min;
+  max = max instanceof Date ? max.getTime() : max;
+  const minVal = min + zoomStart * (max - min) / 100;
+  const maxVal = min + zoomEnd * (max - min) / 100;
+  return function filterAxis(value, dataIndex) {
+    const val = value[direction] ?? axisData?.[dataIndex];
+    if (val == null) {
+      // If the value does not exist because of missing data point, or out of range index, we just ignore.
+      return true;
+    }
+    return val >= minVal && val <= maxVal;
   };
 }
 export const createGetAxisFilters = filters => ({

package/esm/internals/plugins/featurePlugins/useChartCartesianAxis/getAxisExtremum.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[];
+export declare const getAxisExtremum: <T extends CartesianChartSeriesType>(axis: AxisConfig, axisDirection: "x" | "y", seriesConfig: ChartSeriesConfig<T>, axisIndex: number, formattedSeries: ProcessedSeries<T>, getFilters?: GetZoomAxisFilters) => [number, number];

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

@@ -8,4 +8,4 @@ export declare function getAxisIndex(axisConfig: ComputedAxis, pointerValue: num
  * For a pointer coordinate, this function returns the value associated.
  * Returns `null` if the coordinate has no value associated.
  */
-export declare function getAxisValue(axisConfig: ComputedAxis, pointerValue: number, dataIndex: number): number | Date | null;
+export declare function getAxisValue(axisConfig: ComputedAxis, pointerValue: number, dataIndex: number | null): number | Date | null;

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

@@ -52,13 +52,12 @@ export function getAxisValue(axisConfig, pointerValue, dataIndex) {
     data: axisData
   } = axisConfig;
   if (!isBandScale(scale)) {
-    const value = scale.invert(pointerValue);
-    if (dataIndex < 0) {
-      return value;
+    if (dataIndex === null) {
+      return scale.invert(pointerValue);
     }
     return axisData[dataIndex];
   }
-  if (dataIndex < 0 || dataIndex >= axisData.length) {
+  if (dataIndex === null || dataIndex < 0 || dataIndex >= axisData.length) {
     return null;
   }
   return axisData[dataIndex];

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

@@ -37,13 +37,13 @@ function valueGetter(value, axes, indexes, ids = axes.axisIds[0]) {
   return Array.isArray(ids) ? ids.map((id, axisIndex) => getAxisValue(axes.axis[id], value, indexes[axisIndex])) : getAxisValue(axes.axis[ids], value, indexes);
 }
 export const selectorChartsInteractionXAxisValue = createSelector([selectorChartsInteractionPointerX, selectorChartXAxis, selectorChartsInteractionXAxisIndex, optionalGetAxisId], (x, xAxes, xIndex, id) => {
-  if (x === null || xIndex === null || xAxes.axisIds.length === 0) {
+  if (x === null || xAxes.axisIds.length === 0) {
     return null;
   }
   return valueGetter(x, xAxes, xIndex, id);
 });
 export const selectorChartsInteractionYAxisValue = createSelector([selectorChartsInteractionPointerY, selectorChartYAxis, selectorChartsInteractionYAxisIndex, optionalGetAxisId], (y, yAxes, yIndex, id) => {
-  if (y === null || yIndex === null || yAxes.axisIds.length === 0) {
+  if (y === null || yAxes.axisIds.length === 0) {
     return null;
   }
   return valueGetter(y, yAxes, yIndex, id);

package/esm/internals/plugins/utils/ChartStore.js

@@ -1,24 +1,22 @@
 export class ChartStore {
   constructor(value) {
-    this.value = void 0;
-    this.listeners = void 0;
-    this.subscribe = fn => {
-      this.listeners.add(fn);
-      return () => {
-        this.listeners.delete(fn);
-      };
-    };
-    this.getSnapshot = () => {
-      return this.value;
-    };
-    this.update = updater => {
-      const newState = updater(this.value);
-      if (newState !== this.value) {
-        this.value = newState;
-        this.listeners.forEach(l => l(newState));
-      }
-    };
     this.value = value;
     this.listeners = new Set();
   }
+  subscribe = fn => {
+    this.listeners.add(fn);
+    return () => {
+      this.listeners.delete(fn);
+    };
+  };
+  getSnapshot = () => {
+    return this.value;
+  };
+  update = updater => {
+    const newState = updater(this.value);
+    if (newState !== this.value) {
+      this.value = newState;
+      this.listeners.forEach(l => l(newState));
+    }
+  };
 }

package/esm/models/axis.d.ts

@@ -180,6 +180,50 @@ export interface ChartsRadiusAxisProps extends ChartsAxisProps {
 }
 export type ScaleName = keyof AxisScaleConfig;
 export type ContinuousScaleName = 'linear' | 'log' | 'symlog' | 'pow' | 'sqrt' | 'time' | 'utc';
+export type AxisGroup = {
+  /**
+   * The function used to return the value for this group.
+   *
+   * @param {any} value The value of the axis item.
+   * @param {number} dataIndex  The index of the data item.
+   * @returns {string | number | Date} The value that will be used to group the axis items.
+   */
+  getValue: (value: any, dataIndex: number) => string | number | Date;
+  /**
+   * The size of the tick in pixels.
+   * @default 6
+   */
+  tickSize?: number;
+  /**
+   * The style applied to ticks text.
+   */
+  tickLabelStyle?: ChartsTextProps['style'];
+};
+export type AxisGroups = {
+  /**
+   * Each group will have a label that is the stringified value of the group.
+   *
+   * @example
+   * If the axis is grouped by day, month and year.
+   *
+   * ```tsx
+   * [
+   *   { getValue: getDate },
+   *   { getValue: getMonth },
+   *   { getValue: getFullYear }
+   * ]
+   * ```
+   *
+   * Then the axis will have three rows, one for each group.
+   *
+   * ```bash
+   * | 31   | 1    | 2    |
+   * | Jan  | Feb         |
+   * | 2021               |
+   * ```
+   */
+  groups?: AxisGroup[];
+};
 export interface AxisScaleConfig {
   band: {
     scaleType: 'band';
@@ -197,12 +241,12 @@ export interface AxisScaleConfig {
      */
     barGapRatio: number;
     colorMap?: OrdinalColorConfig | ContinuousColorConfig | PiecewiseColorConfig;
-  } & Pick<TickParams, 'tickPlacement' | 'tickLabelPlacement'>;
+  } & AxisGroups & Pick<TickParams, 'tickPlacement' | 'tickLabelPlacement'>;
   point: {
     scaleType: 'point';
     scale: ScalePoint<number | Date | string>;
     colorMap?: OrdinalColorConfig | ContinuousColorConfig | PiecewiseColorConfig;
-  };
+  } & AxisGroups;
   log: {
     scaleType: 'log';
     scale: ScaleLogarithmic<number, number>;

package/esm/tests/web-components.js

@@ -10,12 +10,10 @@ export function reactToWebComponent(ReactComponent, options, renderer) {
     static get observedAttributes() {
       return [];
     }
+    [connectedSymbol] = true;
+    [propsSymbol] = (() => ({}))();
     constructor() {
       super();
-      this[connectedSymbol] = true;
-      this[contextSymbol] = void 0;
-      this[propsSymbol] = {};
-      this.container = void 0;
       if (options.shadow) {
         this.container = this.attachShadow({
           mode: options.shadow

package/hooks/useTicksGrouped.d.ts

@@ -0,0 +1,28 @@
+import type { ScaleBand, ScalePoint } from '@mui/x-charts-vendor/d3-scale';
+import { AxisConfig, type AxisGroup } from "../models/axis.js";
+import type { TickParams } from "./useTicks.js";
+export type GroupedTickItemType = {
+  /**
+   * This property is undefined only if it's the tick closing the last band
+   */
+  value?: any;
+  formattedValue?: string;
+  offset: number;
+  labelOffset: number;
+  /**
+   * In band scales, we remove some redundant ticks.
+   */
+  ignoreTick?: boolean;
+  dataIndex?: number;
+  /**
+   * The index of the group this tick belongs to. If `getGrouping` returns `[[0, 1], [2, 3]]`
+   * both ticks with value `0` and `2` will have `groupIndex: 0`, and both ticks with value `1` and `3` will have `groupIndex: 1`.
+   */
+  groupIndex?: number;
+};
+export declare function useTicksGrouped(options: {
+  scale: ScaleBand<any> | ScalePoint<any>;
+  valueFormatter?: AxisConfig['valueFormatter'];
+  direction: 'x' | 'y';
+  groups: AxisGroup[];
+} & Pick<TickParams, 'tickNumber' | 'tickInterval' | 'tickPlacement' | 'tickLabelPlacement'>): GroupedTickItemType[];

package/hooks/useTicksGrouped.js

@@ -0,0 +1,104 @@
+"use strict";
+'use client';
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useTicksGrouped = useTicksGrouped;
+var React = _interopRequireWildcard(require("react"));
+var _isBandScale = require("../internals/isBandScale");
+const offsetRatio = {
+  start: 0,
+  extremities: 0,
+  end: 1,
+  middle: 0.5,
+  tick: 0
+};
+function useTicksGrouped(options) {
+  const {
+    scale,
+    tickInterval,
+    tickLabelPlacement = 'middle',
+    tickPlacement = 'extremities',
+    groups
+  } = options;
+  return React.useMemo(() => {
+    const domain = scale.domain();
+    const filteredDomain = typeof tickInterval === 'function' && domain.filter(tickInterval) || typeof tickInterval === 'object' && tickInterval || domain;
+    if (scale.bandwidth() > 0) {
+      // scale type = 'band'
+      const entries = mapToGrouping(filteredDomain, groups, tickPlacement, tickLabelPlacement, scale);
+      if (entries[0]) {
+        entries[0].ignoreTick = true;
+      }
+      return [{
+        formattedValue: undefined,
+        offset: scale.range()[0],
+        labelOffset: 0,
+        groupIndex: groups.length - 1
+      }, ...entries,
+      // Last tick
+      {
+        formattedValue: undefined,
+        offset: scale.range()[1],
+        labelOffset: 0,
+        groupIndex: groups.length - 1
+      }];
+    }
+
+    // scale type = 'point'
+    return mapToGrouping(filteredDomain, groups, tickPlacement, tickLabelPlacement, scale);
+  }, [scale, tickInterval, groups, tickPlacement, tickLabelPlacement]);
+}
+function mapToGrouping(tickValues, groups, tickPlacement, tickLabelPlacement, scale) {
+  const allTickItems = [];
+  // Map to keep track of offsets and their corresponding tick indexes
+  // Used to remove redundant ticks when they are in the same position
+  const dataIndexToTickIndex = new Map();
+  let currentValueCount = 0;
+  for (let groupIndex = 0; groupIndex < groups.length; groupIndex += 1) {
+    for (let dataIndex = 0; dataIndex < tickValues.length; dataIndex += 1) {
+      const tickValue = tickValues[dataIndex];
+      const groupValue = groups[groupIndex].getValue(tickValue, dataIndex);
+      const lastItem = allTickItems[allTickItems.length - 1];
+
+      // Check if this is a new unique value for this group
+      const isNew = lastItem?.value !== groupValue || lastItem?.groupIndex !== groupIndex;
+      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);
+
+        // Calculate the label offset
+        const labelOffset = scale.step() * currentValueCount * (offsetRatio[tickLabelPlacement] - offsetRatio[tickPlacement]);
+
+        // Add a new item
+        allTickItems.push({
+          value: groupValue,
+          formattedValue: `${groupValue}`,
+          offset: tickOffset,
+          groupIndex,
+          dataIndex,
+          ignoreTick: false,
+          labelOffset
+        });
+        if (!dataIndexToTickIndex.has(dataIndex)) {
+          dataIndexToTickIndex.set(dataIndex, new Set());
+        }
+        const tickIndexes = dataIndexToTickIndex.get(dataIndex);
+        for (const previousIndex of tickIndexes.values()) {
+          allTickItems[previousIndex].ignoreTick = true;
+        }
+        tickIndexes.add(allTickItems.length - 1);
+      } else {
+        currentValueCount += 1;
+
+        // Calculate the label offset
+        const labelOffset = scale.step() * currentValueCount * (offsetRatio[tickLabelPlacement] - offsetRatio[tickPlacement]);
+        lastItem.labelOffset = labelOffset;
+      }
+    }
+  }
+  return allTickItems;
+}

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts v8.9.2
+ * @mui/x-charts v8.10.1
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/internals/animation/Transition.js

@@ -15,6 +15,8 @@ var _d3Timer = require("@mui/x-charts-vendor/d3-timer");
  * stopped.
  */
 class Transition {
+  elapsed = 0;
+  timer = null;
   /**
    * Create a new ResumableTransition.
    * @param duration Duration in milliseconds
@@ -22,11 +24,6 @@ class Transition {
    * @param onTick Callback function called on each animation frame with the eased time in range [0, 1].
    */
   constructor(duration, easingFn, onTick) {
-    this.duration = void 0;
-    this.elapsed = 0;
-    this.easingFn = void 0;
-    this.timer = null;
-    this.onTickCallback = void 0;
     this.duration = duration;
     this.easingFn = easingFn;
     this.onTickCallback = onTick;

package/internals/configInit.js

@@ -7,8 +7,8 @@ exports.polarSeriesTypes = exports.cartesianSeriesTypes = void 0;
 let cartesianInstance;
 let polarInstance;
 class CartesianSeriesTypes {
+  types = new Set();
   constructor() {
-    this.types = new Set();
     if (cartesianInstance) {
       throw new Error('You can only create one instance!');
     }
@@ -22,8 +22,8 @@ class CartesianSeriesTypes {
   }
 }
 class PolarSeriesTypes {
+  types = new Set();
   constructor() {
-    this.types = new Set();
     if (polarInstance) {
       throw new Error('You can only create one instance!');
     }

package/internals/getScale.d.ts

@@ -1,2 +1,2 @@
 import { ContinuousScaleName, D3ContinuousScale } from "../models/axis.js";
-export declare function getScale(scaleType: ContinuousScaleName, domain: any[], range: any[]): D3ContinuousScale;
+export declare function getScale(scaleType: ContinuousScaleName, domain: readonly any[], range: readonly any[]): D3ContinuousScale;

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

@@ -1,4 +1,4 @@
-import { AxisId, ChartsXAxisProps, ChartsYAxisProps, ScaleName } from "../../../../models/axis.js";
+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 { AxisConfig } from "../../../../models/index.js";
@@ -19,4 +19,6 @@ export declare function createAxisFilterMapper(params: {
   formattedSeries: ProcessedSeries;
   direction: 'y';
 }): (axis: AxisConfig<ScaleName, any, ChartsYAxisProps>, axisIndex: number) => 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 const createGetAxisFilters: (filters: ZoomAxisFilters) => GetZoomAxisFilters;