@mui/x-charts 9.0.2 → 9.0.4

package/internals/index.js

@@ -1,5 +1,6 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -25,7 +26,8 @@ var _exportNames = {
   getBandSize: true,
   useChartsTooltipUtilityClasses: true,
   getChartsTooltipUtilityClass: true,
-  getAxisExtrema: true
+  getAxisExtrema: true,
+  getLineItemAtPosition: true
 };
 Object.defineProperty(exports, "checkBarChartScaleErrors", {
   enumerable: true,
@@ -69,6 +71,12 @@ Object.defineProperty(exports, "getChartsTooltipUtilityClass", {
     return _chartsTooltipClasses.getChartsTooltipUtilityClass;
   }
 });
+Object.defineProperty(exports, "getLineItemAtPosition", {
+  enumerable: true,
+  get: function () {
+    return _getItemAtPosition.default;
+  }
+});
 Object.defineProperty(exports, "getSeriesColorFn", {
   enumerable: true,
   get: function () {
@@ -266,6 +274,18 @@ Object.keys(_useChartsDataProviderProps).forEach(function (key) {
     }
   });
 });
+var _useChartsRadialDataProviderProps = require("../ChartsRadialDataProvider/useChartsRadialDataProviderProps");
+Object.keys(_useChartsRadialDataProviderProps).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _useChartsRadialDataProviderProps[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useChartsRadialDataProviderProps[key];
+    }
+  });
+});
 var _seriesSelectorOfType = require("./seriesSelectorOfType");
 Object.keys(_seriesSelectorOfType).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -666,6 +686,18 @@ Object.keys(_getCurve).forEach(function (key) {
     }
   });
 });
+var _getSymbol = require("./getSymbol");
+Object.keys(_getSymbol).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _getSymbol[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _getSymbol[key];
+    }
+  });
+});
 var _consumeSlots = require("./consumeSlots");
 Object.keys(_consumeSlots).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -852,6 +884,30 @@ Object.keys(_common).forEach(function (key) {
     }
   });
 });
+var _line = require("../models/seriesType/line");
+Object.keys(_line).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _line[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _line[key];
+    }
+  });
+});
+var _bar = require("../models/seriesType/bar");
+Object.keys(_bar).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _bar[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _bar[key];
+    }
+  });
+});
 var _zAxis = require("../models/z-axis");
 Object.keys(_zAxis).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -971,4 +1027,5 @@ Object.keys(_identifierCleaner).forEach(function (key) {
       return _identifierCleaner[key];
     }
   });
-});
+});
+var _getItemAtPosition = _interopRequireDefault(require("../LineChart/seriesConfig/getItemAtPosition"));

package/internals/index.mjs

@@ -20,6 +20,7 @@ export { processBarDataForPlot } from "../BarChart/useBarPlotData.mjs";
 export { useRadarChartProps } from "../RadarChart/useRadarChartProps.mjs";
 export * from "../ChartsContainer/useChartsContainerProps.mjs";
 export * from "../ChartsDataProvider/useChartsDataProviderProps.mjs";
+export * from "../ChartsRadialDataProvider/useChartsRadialDataProviderProps.mjs";
 export * from "./seriesSelectorOfType.mjs";
 export { useSkipAnimation } from "../hooks/useSkipAnimation.mjs";
 export { useRegisterPointerInteractions } from "./plugins/featurePlugins/shared/useRegisterPointerInteractions.mjs";
@@ -63,6 +64,7 @@ export * from "./isDefined.mjs";
 export * from "./getScale.mjs";
 export * from "./stacking/index.mjs";
 export * from "./getCurve.mjs";
+export * from "./getSymbol.mjs";
 export * from "./consumeSlots.mjs";
 export * from "./consumeThemeProps.mjs";
 export * from "./defaultizeMargin.mjs";
@@ -88,6 +90,8 @@ export * from "../context/ChartsSlotsContext.mjs";
 // series configuration
 export * from "../models/seriesType/config.mjs";
 export * from "../models/seriesType/common.mjs";
+export * from "../models/seriesType/line.mjs";
+export * from "../models/seriesType/bar.mjs";
 export * from "../models/z-axis.mjs";
 export * from "../models/axis.mjs";
 export * from "../models/seriesType/composition.mjs";
@@ -97,4 +101,5 @@ export * from "./createSvgIcon.mjs";
 export * from "./constants.mjs";
 export * from "./scales/index.mjs";
 export * from "./identifierSerializer.mjs";
-export * from "./identifierCleaner.mjs";
+export * from "./identifierCleaner.mjs";
+export { default as getLineItemAtPosition } from "../LineChart/seriesConfig/getItemAtPosition.mjs";

package/internals/isPolar.d.mts

@@ -1,2 +1,3 @@
-import { type PolarChartSeriesType } from "../models/seriesType/config.mjs";
-export declare function isPolarSeriesType(seriesType: string): seriesType is PolarChartSeriesType;
+import { type ChartSeriesType, type ChartSeriesDefaultized, type PolarChartSeriesType } from "../models/seriesType/config.mjs";
+export declare function isPolarSeriesType(seriesType: string): seriesType is PolarChartSeriesType;
+export declare function isPolarSeries(series: ChartSeriesDefaultized<ChartSeriesType>): series is ChartSeriesDefaultized<PolarChartSeriesType>;

package/internals/isPolar.d.ts

@@ -1,2 +1,3 @@
-import { type PolarChartSeriesType } from "../models/seriesType/config.js";
-export declare function isPolarSeriesType(seriesType: string): seriesType is PolarChartSeriesType;
+import { type ChartSeriesType, type ChartSeriesDefaultized, type PolarChartSeriesType } from "../models/seriesType/config.js";
+export declare function isPolarSeriesType(seriesType: string): seriesType is PolarChartSeriesType;
+export declare function isPolarSeries(series: ChartSeriesDefaultized<ChartSeriesType>): series is ChartSeriesDefaultized<PolarChartSeriesType>;

package/internals/isPolar.js

@@ -3,8 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.isPolarSeries = isPolarSeries;
 exports.isPolarSeriesType = isPolarSeriesType;
 var _configInit = require("./configInit");
 function isPolarSeriesType(seriesType) {
   return _configInit.polarSeriesTypes.getTypes().has(seriesType);
+}
+function isPolarSeries(series) {
+  return isPolarSeriesType(series.type);
 }

package/internals/isPolar.mjs

@@ -1,4 +1,7 @@
 import { polarSeriesTypes } from "./configInit.mjs";
 export function isPolarSeriesType(seriesType) {
   return polarSeriesTypes.getTypes().has(seriesType);
+}
+export function isPolarSeries(series) {
+  return isPolarSeriesType(series.type);
 }

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

@@ -1,4 +1,4 @@
-import type { ComputedXAxis, ComputedYAxis } from "../../../../../models/axis.mjs";
+import type { ChartsRadiusAxisProps, ChartsRotationAxisProps, ComputedAxis, ComputedXAxis, ComputedYAxis, ScaleName } from "../../../../../models/axis.mjs";
 import type { DefaultizedSeriesType } from "../../../../../models/seriesType/index.mjs";
 import type { ZAxisDefaultized } from "../../../../../models/z-axis.mjs";
 import type { ChartSeriesType } from "../../../../../models/seriesType/config.mjs";
@@ -7,13 +7,12 @@ import type { ChartSeriesType } from "../../../../../models/seriesType/config.mj
  * If dataIndex is not defined, it falls back to the series color when defined.
  */
 export type ColorGetter<SeriesType extends ChartSeriesType> = SeriesType extends 'pie' | 'funnel' ? (dataIndex: number) => string : SeriesType extends 'heatmap' ? (value: number | null) => string : (dataIndex?: number) => string;
+export type ColorProcessor<SeriesType extends ChartSeriesType> = (series: DefaultizedSeriesType<SeriesType>,
 /**
- * Transforms charts config to a color getter.
- * If dataIndex is not defined, it falls back to the series color.
- * @param {DefaultizedSeriesType<SeriesType>} series - The series configuration.
- * @param {ComputedXAxis | undefined} xAxis - The computed x-axis configuration.
- * @param {ComputedYAxis | undefined} yAxis - The computed y-axis configuration.
- * @param {ZAxisDefaultized | undefined} zAxis - The defaulted z-axis configuration.
- * @returns {ColorGetter<SeriesType>} A function that takes a data index and returns a color string.
+ * Either the x-axis or rotation-axis, depending on the coordinate system.
  */
-export type ColorProcessor<SeriesType extends ChartSeriesType> = (series: DefaultizedSeriesType<SeriesType>, xAxis?: ComputedXAxis, yAxis?: ComputedYAxis, zAxis?: ZAxisDefaultized) => ColorGetter<SeriesType>;
+mainAxis?: ComputedXAxis | ComputedAxis<ScaleName, any, ChartsRotationAxisProps>,
+/**
+ * Either the y-axis or radius-axis, depending on the coordinate system.
+ */
+secondaryAxis?: ComputedYAxis | ComputedAxis<ScaleName, any, ChartsRadiusAxisProps>, zAxis?: ZAxisDefaultized) => ColorGetter<SeriesType>;

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

@@ -1,4 +1,4 @@
-import type { ComputedXAxis, ComputedYAxis } from "../../../../../models/axis.js";
+import type { ChartsRadiusAxisProps, ChartsRotationAxisProps, ComputedAxis, ComputedXAxis, ComputedYAxis, ScaleName } from "../../../../../models/axis.js";
 import type { DefaultizedSeriesType } from "../../../../../models/seriesType/index.js";
 import type { ZAxisDefaultized } from "../../../../../models/z-axis.js";
 import type { ChartSeriesType } from "../../../../../models/seriesType/config.js";
@@ -7,13 +7,12 @@ import type { ChartSeriesType } from "../../../../../models/seriesType/config.js
  * If dataIndex is not defined, it falls back to the series color when defined.
  */
 export type ColorGetter<SeriesType extends ChartSeriesType> = SeriesType extends 'pie' | 'funnel' ? (dataIndex: number) => string : SeriesType extends 'heatmap' ? (value: number | null) => string : (dataIndex?: number) => string;
+export type ColorProcessor<SeriesType extends ChartSeriesType> = (series: DefaultizedSeriesType<SeriesType>,
 /**
- * Transforms charts config to a color getter.
- * If dataIndex is not defined, it falls back to the series color.
- * @param {DefaultizedSeriesType<SeriesType>} series - The series configuration.
- * @param {ComputedXAxis | undefined} xAxis - The computed x-axis configuration.
- * @param {ComputedYAxis | undefined} yAxis - The computed y-axis configuration.
- * @param {ZAxisDefaultized | undefined} zAxis - The defaulted z-axis configuration.
- * @returns {ColorGetter<SeriesType>} A function that takes a data index and returns a color string.
+ * Either the x-axis or rotation-axis, depending on the coordinate system.
  */
-export type ColorProcessor<SeriesType extends ChartSeriesType> = (series: DefaultizedSeriesType<SeriesType>, xAxis?: ComputedXAxis, yAxis?: ComputedYAxis, zAxis?: ZAxisDefaultized) => ColorGetter<SeriesType>;
+mainAxis?: ComputedXAxis | ComputedAxis<ScaleName, any, ChartsRotationAxisProps>,
+/**
+ * Either the y-axis or radius-axis, depending on the coordinate system.
+ */
+secondaryAxis?: ComputedYAxis | ComputedAxis<ScaleName, any, ChartsRadiusAxisProps>, zAxis?: ZAxisDefaultized) => ColorGetter<SeriesType>;

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

@@ -6,10 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.getAxisIndex = getAxisIndex;
 exports.getAxisValue = getAxisValue;
 var _scaleGuards = require("../../../scaleGuards");
-function getAsANumber(value) {
-  return value instanceof Date ? value.getTime() : value;
-}
-
+var _getAsNumber = require("../../../getAsNumber");
+var _findClosestIndex = require("../../../findClosestIndex");
 /**
  * For a pointer coordinate, this function returns the dataIndex associated.
  * Returns `-1` if no dataIndex matches.
@@ -21,26 +19,11 @@ function getAxisIndex(axisConfig, pointerValue) {
     reverse
   } = axisConfig;
   if (!(0, _scaleGuards.isOrdinalScale)(scale)) {
-    const value = scale.invert(pointerValue);
     if (axisData === undefined) {
       return -1;
     }
-    const valueAsNumber = getAsANumber(value);
-    const closestIndex = axisData?.findIndex((pointValue, index) => {
-      const v = getAsANumber(pointValue);
-      if (v > valueAsNumber) {
-        if (index === 0 || Math.abs(valueAsNumber - v) <= Math.abs(valueAsNumber - getAsANumber(axisData[index - 1]))) {
-          return true;
-        }
-      }
-      if (v <= valueAsNumber) {
-        if (index === axisData.length - 1 || Math.abs(getAsANumber(value) - v) < Math.abs(getAsANumber(value) - getAsANumber(axisData[index + 1]))) {
-          return true;
-        }
-      }
-      return false;
-    });
-    return closestIndex;
+    const valueAsNumber = (0, _getAsNumber.getAsNumber)(scale.invert(pointerValue));
+    return (0, _findClosestIndex.findClosestIndex)(axisData, valueAsNumber);
   }
   const dataIndex = scale.bandwidth() === 0 ? Math.floor((pointerValue - Math.min(...scale.range()) + scale.step() / 2) / scale.step()) : Math.floor((pointerValue - Math.min(...scale.range())) / scale.step());
   if (dataIndex < 0 || dataIndex >= axisData.length) {

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

@@ -1,8 +1,6 @@
 import { isOrdinalScale } from "../../../scaleGuards.mjs";
-function getAsANumber(value) {
-  return value instanceof Date ? value.getTime() : value;
-}
-
+import { getAsNumber } from "../../../getAsNumber.mjs";
+import { findClosestIndex } from "../../../findClosestIndex.mjs";
 /**
  * For a pointer coordinate, this function returns the dataIndex associated.
  * Returns `-1` if no dataIndex matches.
@@ -14,26 +12,11 @@ export function getAxisIndex(axisConfig, pointerValue) {
     reverse
   } = axisConfig;
   if (!isOrdinalScale(scale)) {
-    const value = scale.invert(pointerValue);
     if (axisData === undefined) {
       return -1;
     }
-    const valueAsNumber = getAsANumber(value);
-    const closestIndex = axisData?.findIndex((pointValue, index) => {
-      const v = getAsANumber(pointValue);
-      if (v > valueAsNumber) {
-        if (index === 0 || Math.abs(valueAsNumber - v) <= Math.abs(valueAsNumber - getAsANumber(axisData[index - 1]))) {
-          return true;
-        }
-      }
-      if (v <= valueAsNumber) {
-        if (index === axisData.length - 1 || Math.abs(getAsANumber(value) - v) < Math.abs(getAsANumber(value) - getAsANumber(axisData[index + 1]))) {
-          return true;
-        }
-      }
-      return false;
-    });
-    return closestIndex;
+    const valueAsNumber = getAsNumber(scale.invert(pointerValue));
+    return findClosestIndex(axisData, valueAsNumber);
   }
   const dataIndex = scale.bandwidth() === 0 ? Math.floor((pointerValue - Math.min(...scale.range()) + scale.step() / 2) / scale.step()) : Math.floor((pointerValue - Math.min(...scale.range())) / scale.step());
   if (dataIndex < 0 || dataIndex >= axisData.length) {

package/internals/plugins/featurePlugins/useChartKeyboardNavigation/utils/findVisibleDataIndex.d.mts

@@ -0,0 +1,30 @@
+import type { SeriesId } from "../../../../../models/seriesType/common.mjs";
+import type { ChartSeriesType } from "../../../../../models/seriesType/config.mjs";
+import type { ProcessedSeries } from "../../../corePlugins/useChartSeries/useChartSeries.types.mjs";
+/**
+ * Walk forward (or backward) from `startIndex` and return the first dataIndex
+ * whose data point is visible. Returns `null` if every traversed index is hidden.
+ *
+ * Series-level hidden flags are filtered upstream (see `getNonEmptySeriesArray`),
+ * so only per-data-point hidden flags are relevant here. Today only Pie sets a
+ * `hidden` flag on individual data items; for other series types the data
+ * elements are scalars or objects without that field, and this helper returns
+ * the proposed index unchanged.
+ */
+export declare function findVisibleDataIndex({
+  processedSeries,
+  type,
+  seriesId,
+  startIndex,
+  dataLength,
+  direction,
+  allowCycles
+}: {
+  processedSeries: ProcessedSeries<ChartSeriesType>;
+  type: ChartSeriesType;
+  seriesId: SeriesId;
+  startIndex: number;
+  dataLength: number;
+  direction: 1 | -1;
+  allowCycles: boolean;
+}): number | null;

package/internals/plugins/featurePlugins/useChartKeyboardNavigation/utils/findVisibleDataIndex.d.ts

@@ -0,0 +1,30 @@
+import type { SeriesId } from "../../../../../models/seriesType/common.js";
+import type { ChartSeriesType } from "../../../../../models/seriesType/config.js";
+import type { ProcessedSeries } from "../../../corePlugins/useChartSeries/useChartSeries.types.js";
+/**
+ * Walk forward (or backward) from `startIndex` and return the first dataIndex
+ * whose data point is visible. Returns `null` if every traversed index is hidden.
+ *
+ * Series-level hidden flags are filtered upstream (see `getNonEmptySeriesArray`),
+ * so only per-data-point hidden flags are relevant here. Today only Pie sets a
+ * `hidden` flag on individual data items; for other series types the data
+ * elements are scalars or objects without that field, and this helper returns
+ * the proposed index unchanged.
+ */
+export declare function findVisibleDataIndex({
+  processedSeries,
+  type,
+  seriesId,
+  startIndex,
+  dataLength,
+  direction,
+  allowCycles
+}: {
+  processedSeries: ProcessedSeries<ChartSeriesType>;
+  type: ChartSeriesType;
+  seriesId: SeriesId;
+  startIndex: number;
+  dataLength: number;
+  direction: 1 | -1;
+  allowCycles: boolean;
+}): number | null;

package/internals/plugins/featurePlugins/useChartKeyboardNavigation/utils/findVisibleDataIndex.js

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.findVisibleDataIndex = findVisibleDataIndex;
+/**
+ * Walk forward (or backward) from `startIndex` and return the first dataIndex
+ * whose data point is visible. Returns `null` if every traversed index is hidden.
+ *
+ * Series-level hidden flags are filtered upstream (see `getNonEmptySeriesArray`),
+ * so only per-data-point hidden flags are relevant here. Today only Pie sets a
+ * `hidden` flag on individual data items; for other series types the data
+ * elements are scalars or objects without that field, and this helper returns
+ * the proposed index unchanged.
+ */
+function findVisibleDataIndex({
+  processedSeries,
+  type,
+  seriesId,
+  startIndex,
+  dataLength,
+  direction,
+  allowCycles
+}) {
+  if (dataLength <= 0) {
+    return null;
+  }
+  const seriesItem = processedSeries[type]?.series[seriesId];
+  if (seriesItem && 'hidden' in seriesItem && seriesItem.hidden) {
+    return null;
+  }
+  const seriesData = seriesItem?.data;
+  const isIndexHidden = idx => {
+    if (!seriesData) {
+      return false;
+    }
+    const item = seriesData[idx];
+    return typeof item === 'object' && item !== null && 'hidden' in item && Boolean(item.hidden);
+  };
+  let dataIndex = startIndex;
+  for (let attempt = 0; attempt < dataLength; attempt += 1) {
+    if (dataIndex >= 0 && dataIndex < dataLength && !isIndexHidden(dataIndex)) {
+      return dataIndex;
+    }
+    if (allowCycles) {
+      dataIndex = (dataIndex + direction + dataLength) % dataLength;
+    } else {
+      const next = dataIndex + direction;
+      if (next < 0 || next >= dataLength) {
+        return null;
+      }
+      dataIndex = next;
+    }
+  }
+  return null;
+}

package/internals/plugins/featurePlugins/useChartKeyboardNavigation/utils/findVisibleDataIndex.mjs

@@ -0,0 +1,51 @@
+/**
+ * Walk forward (or backward) from `startIndex` and return the first dataIndex
+ * whose data point is visible. Returns `null` if every traversed index is hidden.
+ *
+ * Series-level hidden flags are filtered upstream (see `getNonEmptySeriesArray`),
+ * so only per-data-point hidden flags are relevant here. Today only Pie sets a
+ * `hidden` flag on individual data items; for other series types the data
+ * elements are scalars or objects without that field, and this helper returns
+ * the proposed index unchanged.
+ */
+export function findVisibleDataIndex({
+  processedSeries,
+  type,
+  seriesId,
+  startIndex,
+  dataLength,
+  direction,
+  allowCycles
+}) {
+  if (dataLength <= 0) {
+    return null;
+  }
+  const seriesItem = processedSeries[type]?.series[seriesId];
+  if (seriesItem && 'hidden' in seriesItem && seriesItem.hidden) {
+    return null;
+  }
+  const seriesData = seriesItem?.data;
+  const isIndexHidden = idx => {
+    if (!seriesData) {
+      return false;
+    }
+    const item = seriesData[idx];
+    return typeof item === 'object' && item !== null && 'hidden' in item && Boolean(item.hidden);
+  };
+  let dataIndex = startIndex;
+  for (let attempt = 0; attempt < dataLength; attempt += 1) {
+    if (dataIndex >= 0 && dataIndex < dataLength && !isIndexHidden(dataIndex)) {
+      return dataIndex;
+    }
+    if (allowCycles) {
+      dataIndex = (dataIndex + direction + dataLength) % dataLength;
+    } else {
+      const next = dataIndex + direction;
+      if (next < 0 || next >= dataLength) {
+        return null;
+      }
+      dataIndex = next;
+    }
+  }
+  return null;
+}

package/internals/plugins/featurePlugins/useChartKeyboardNavigation/utils/getMaxSeriesLength.js

@@ -7,6 +7,12 @@ exports.getMaxSeriesLength = getMaxSeriesLength;
 function getMaxSeriesLength(series, availableSeriesTypes) {
   return Object.keys(series).filter(type => availableSeriesTypes.has(type)).flatMap(type => {
     const seriesOfType = series[type];
-    return seriesOfType.seriesOrder.filter(seriesId => seriesOfType.series[seriesId].data.length > 0 && seriesOfType.series[seriesId].data.some(value => value != null)).map(seriesId => seriesOfType.series[seriesId].data.length);
+    return seriesOfType.seriesOrder.filter(seriesId => {
+      const seriesItem = seriesOfType.series[seriesId];
+      if ('hidden' in seriesItem && seriesItem.hidden) {
+        return false;
+      }
+      return seriesItem.data.length > 0 && seriesItem.data.some(value => value != null && !(typeof value === 'object' && 'hidden' in value && value.hidden));
+    }).map(seriesId => seriesOfType.series[seriesId].data.length);
   }).reduce((maxLengths, length) => Math.max(maxLengths, length), 0);
 }

package/internals/plugins/featurePlugins/useChartKeyboardNavigation/utils/getMaxSeriesLength.mjs

@@ -1,6 +1,12 @@
 export function getMaxSeriesLength(series, availableSeriesTypes) {
   return Object.keys(series).filter(type => availableSeriesTypes.has(type)).flatMap(type => {
     const seriesOfType = series[type];
-    return seriesOfType.seriesOrder.filter(seriesId => seriesOfType.series[seriesId].data.length > 0 && seriesOfType.series[seriesId].data.some(value => value != null)).map(seriesId => seriesOfType.series[seriesId].data.length);
+    return seriesOfType.seriesOrder.filter(seriesId => {
+      const seriesItem = seriesOfType.series[seriesId];
+      if ('hidden' in seriesItem && seriesItem.hidden) {
+        return false;
+      }
+      return seriesItem.data.length > 0 && seriesItem.data.some(value => value != null && !(typeof value === 'object' && 'hidden' in value && value.hidden));
+    }).map(seriesId => seriesOfType.series[seriesId].data.length);
   }).reduce((maxLengths, length) => Math.max(maxLengths, length), 0);
 }

package/internals/plugins/featurePlugins/useChartKeyboardNavigation/utils/getNonEmptySeriesArray.js

@@ -7,7 +7,13 @@ exports.getNonEmptySeriesArray = getNonEmptySeriesArray;
 function getNonEmptySeriesArray(series, availableSeriesTypes) {
   return Object.keys(series).filter(type => availableSeriesTypes.has(type)).flatMap(type => {
     const seriesOfType = series[type];
-    return seriesOfType.seriesOrder.filter(seriesId => seriesOfType.series[seriesId].data.length > 0 && seriesOfType.series[seriesId].data.some(value => value != null)).map(seriesId => ({
+    return seriesOfType.seriesOrder.filter(seriesId => {
+      const seriesItem = seriesOfType.series[seriesId];
+      if ('hidden' in seriesItem && seriesItem.hidden) {
+        return false;
+      }
+      return seriesItem.data.length > 0 && seriesItem.data.some(value => value != null);
+    }).map(seriesId => ({
       type,
       seriesId
     }));

package/internals/plugins/featurePlugins/useChartKeyboardNavigation/utils/getNonEmptySeriesArray.mjs

@@ -1,7 +1,13 @@
 export function getNonEmptySeriesArray(series, availableSeriesTypes) {
   return Object.keys(series).filter(type => availableSeriesTypes.has(type)).flatMap(type => {
     const seriesOfType = series[type];
-    return seriesOfType.seriesOrder.filter(seriesId => seriesOfType.series[seriesId].data.length > 0 && seriesOfType.series[seriesId].data.some(value => value != null)).map(seriesId => ({
+    return seriesOfType.seriesOrder.filter(seriesId => {
+      const seriesItem = seriesOfType.series[seriesId];
+      if ('hidden' in seriesItem && seriesItem.hidden) {
+        return false;
+      }
+      return seriesItem.data.length > 0 && seriesItem.data.some(value => value != null);
+    }).map(seriesId => ({
       type,
       seriesId
     }));

package/internals/plugins/featurePlugins/useChartPolarAxis/computeAxisValue.d.mts

@@ -1,14 +1,15 @@
-import { type AxisConfig, type ScaleName } from "../../../../models/index.mjs";
+import type { AxisConfig, ScaleName } from "../../../../models/index.mjs";
 import { type ChartsAxisProps, type ChartsRotationAxisProps, type ChartsRadiusAxisProps, type PolarAxisDefaultized, type AxisId } from "../../../../models/axis.mjs";
 import { type ChartSeriesType } from "../../../../models/seriesType/config.mjs";
 import type { ChartDrawingArea } from "../../../../hooks/index.mjs";
 import { type ChartSeriesConfig } from "../../corePlugins/useChartSeriesConfig/index.mjs";
 import { type ProcessedSeries } from "../../corePlugins/useChartSeries/useChartSeries.types.mjs";
+import { type ComputedAxisConfig } from "../useChartCartesianAxis/index.mjs";
 export type DefaultizedAxisConfig<AxisProps extends ChartsRotationAxisProps | ChartsRadiusAxisProps> = {
   [axisId: AxisId]: PolarAxisDefaultized<ScaleName, any, AxisProps>;
 };
 export type ComputeResult<T extends ChartsAxisProps> = {
-  axis: DefaultizedAxisConfig<T>;
+  axis: ComputedAxisConfig<T>;
   axisIds: string[];
 };
 type ComputeCommonParams<SeriesType extends ChartSeriesType = ChartSeriesType> = {

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

@@ -1,14 +1,15 @@
-import { type AxisConfig, type ScaleName } from "../../../../models/index.js";
+import type { AxisConfig, ScaleName } from "../../../../models/index.js";
 import { type ChartsAxisProps, type ChartsRotationAxisProps, type ChartsRadiusAxisProps, type PolarAxisDefaultized, type AxisId } from "../../../../models/axis.js";
 import { type ChartSeriesType } from "../../../../models/seriesType/config.js";
 import type { ChartDrawingArea } from "../../../../hooks/index.js";
 import { type ChartSeriesConfig } from "../../corePlugins/useChartSeriesConfig/index.js";
 import { type ProcessedSeries } from "../../corePlugins/useChartSeries/useChartSeries.types.js";
+import { type ComputedAxisConfig } from "../useChartCartesianAxis/index.js";
 export type DefaultizedAxisConfig<AxisProps extends ChartsRotationAxisProps | ChartsRadiusAxisProps> = {
   [axisId: AxisId]: PolarAxisDefaultized<ScaleName, any, AxisProps>;
 };
 export type ComputeResult<T extends ChartsAxisProps> = {
-  axis: DefaultizedAxisConfig<T>;
+  axis: ComputedAxisConfig<T>;
   axisIds: string[];
 };
 type ComputeCommonParams<SeriesType extends ChartSeriesType = ChartSeriesType> = {