@mui/x-charts 9.0.3 → 9.0.4

package/internals/commonNextFocusItem.mjs

@@ -1,8 +1,13 @@
 import { getPreviousNonEmptySeries } from "./plugins/featurePlugins/useChartKeyboardNavigation/utils/getPreviousNonEmptySeries.mjs";
 import { getMaxSeriesLength } from "./plugins/featurePlugins/useChartKeyboardNavigation/utils/getMaxSeriesLength.mjs";
 import { getNextNonEmptySeries } from "./plugins/featurePlugins/useChartKeyboardNavigation/utils/getNextNonEmptySeries.mjs";
+import { findVisibleDataIndex } from "./plugins/featurePlugins/useChartKeyboardNavigation/utils/findVisibleDataIndex.mjs";
 import { seriesHasData } from "./seriesHasData.mjs";
 import { selectorChartSeriesProcessed } from "./plugins/corePlugins/useChartSeries/useChartSeries.selectors.mjs";
+function isSeriesHidden(processedSeries, type, seriesId) {
+  const seriesItem = processedSeries[type]?.series[seriesId];
+  return Boolean(seriesItem && 'hidden' in seriesItem && seriesItem.hidden);
+}
 export function createGetNextIndexFocusedItem(
 /**
  * The set of series types compatible with this navigation action.
@@ -16,7 +21,7 @@ allowCycles = false) {
     const processedSeries = selectorChartSeriesProcessed(state);
     let seriesId = currentItem?.seriesId;
     let type = currentItem?.type;
-    if (!type || seriesId == null || !seriesHasData(processedSeries, type, seriesId)) {
+    if (!type || seriesId == null || !seriesHasData(processedSeries, type, seriesId) || isSeriesHidden(processedSeries, type, seriesId)) {
       const nextSeries = getNextNonEmptySeries(processedSeries, compatibleSeriesTypes, type, seriesId);
       if (nextSeries === null) {
         return null;
@@ -31,10 +36,22 @@ allowCycles = false) {
     } else {
       dataIndex = Math.min(maxLength - 1, dataIndex);
     }
+    const visibleDataIndex = findVisibleDataIndex({
+      processedSeries,
+      type,
+      seriesId,
+      startIndex: dataIndex,
+      dataLength: maxLength,
+      direction: 1,
+      allowCycles
+    });
+    if (visibleDataIndex === null) {
+      return null;
+    }
     return {
       type: type,
       seriesId,
-      dataIndex
+      dataIndex: visibleDataIndex
     };
   };
 }
@@ -51,7 +68,7 @@ allowCycles = false) {
     const processedSeries = selectorChartSeriesProcessed(state);
     let seriesId = currentItem?.seriesId;
     let type = currentItem?.type;
-    if (!type || seriesId == null || !seriesHasData(processedSeries, type, seriesId)) {
+    if (!type || seriesId == null || !seriesHasData(processedSeries, type, seriesId) || isSeriesHidden(processedSeries, type, seriesId)) {
       const previousSeries = getPreviousNonEmptySeries(processedSeries, compatibleSeriesTypes, type, seriesId);
       if (previousSeries === null) {
         return null;
@@ -66,10 +83,22 @@ allowCycles = false) {
     } else {
       dataIndex = Math.max(0, dataIndex);
     }
+    const visibleDataIndex = findVisibleDataIndex({
+      processedSeries,
+      type,
+      seriesId,
+      startIndex: dataIndex,
+      dataLength: maxLength,
+      direction: -1,
+      allowCycles
+    });
+    if (visibleDataIndex === null) {
+      return null;
+    }
     return {
       type: type,
       seriesId,
-      dataIndex
+      dataIndex: visibleDataIndex
     };
   };
 }
@@ -88,11 +117,24 @@ compatibleSeriesTypes) {
     }
     type = nextSeries.type;
     seriesId = nextSeries.seriesId;
-    const dataIndex = currentItem?.dataIndex == null ? 0 : currentItem.dataIndex;
+    const data = processedSeries[type].series[seriesId].data;
+    const startIndex = currentItem?.dataIndex == null ? 0 : Math.min(currentItem.dataIndex, data.length - 1);
+    const visibleDataIndex = findVisibleDataIndex({
+      processedSeries,
+      type,
+      seriesId,
+      startIndex,
+      dataLength: data.length,
+      direction: 1,
+      allowCycles: true
+    });
+    if (visibleDataIndex === null) {
+      return null;
+    }
     return {
       type: type,
       seriesId,
-      dataIndex
+      dataIndex: visibleDataIndex
     };
   };
 }
@@ -112,11 +154,23 @@ compatibleSeriesTypes) {
     type = previousSeries.type;
     seriesId = previousSeries.seriesId;
     const data = processedSeries[type].series[seriesId].data;
-    const dataIndex = currentItem?.dataIndex == null ? data.length - 1 : currentItem.dataIndex;
+    const startIndex = currentItem?.dataIndex == null ? data.length - 1 : Math.min(currentItem.dataIndex, data.length - 1);
+    const visibleDataIndex = findVisibleDataIndex({
+      processedSeries,
+      type,
+      seriesId,
+      startIndex,
+      dataLength: data.length,
+      direction: -1,
+      allowCycles: true
+    });
+    if (visibleDataIndex === null) {
+      return null;
+    }
     return {
       type: type,
       seriesId,
-      dataIndex
+      dataIndex: visibleDataIndex
     };
   };
 }

package/internals/findClosestIndex.d.mts

@@ -0,0 +1,5 @@
+/**
+ * Returns the index of the entry in `axisData` whose numeric value is closest
+ * to `valueAsNumber`. Returns -1 if `axisData` is empty.
+ */
+export declare function findClosestIndex(axisData: readonly any[], valueAsNumber: number): number;

package/internals/findClosestIndex.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Returns the index of the entry in `axisData` whose numeric value is closest
+ * to `valueAsNumber`. Returns -1 if `axisData` is empty.
+ */
+export declare function findClosestIndex(axisData: readonly any[], valueAsNumber: number): number;

package/internals/findClosestIndex.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.findClosestIndex = findClosestIndex;
+var _getAsNumber = require("./getAsNumber");
+/**
+ * Returns the index of the entry in `axisData` whose numeric value is closest
+ * to `valueAsNumber`. Returns -1 if `axisData` is empty.
+ */
+function findClosestIndex(axisData, valueAsNumber) {
+  return axisData.findIndex((pointValue, index) => {
+    const v = (0, _getAsNumber.getAsNumber)(pointValue);
+    if (v > valueAsNumber) {
+      if (index === 0 || Math.abs(valueAsNumber - v) <= Math.abs(valueAsNumber - (0, _getAsNumber.getAsNumber)(axisData[index - 1]))) {
+        return true;
+      }
+    }
+    if (v <= valueAsNumber) {
+      if (index === axisData.length - 1 || Math.abs(valueAsNumber - v) < Math.abs(valueAsNumber - (0, _getAsNumber.getAsNumber)(axisData[index + 1]))) {
+        return true;
+      }
+    }
+    return false;
+  });
+}

package/internals/findClosestIndex.mjs

@@ -0,0 +1,22 @@
+import { getAsNumber } from "./getAsNumber.mjs";
+
+/**
+ * Returns the index of the entry in `axisData` whose numeric value is closest
+ * to `valueAsNumber`. Returns -1 if `axisData` is empty.
+ */
+export function findClosestIndex(axisData, valueAsNumber) {
+  return axisData.findIndex((pointValue, index) => {
+    const v = getAsNumber(pointValue);
+    if (v > valueAsNumber) {
+      if (index === 0 || Math.abs(valueAsNumber - v) <= Math.abs(valueAsNumber - getAsNumber(axisData[index - 1]))) {
+        return true;
+      }
+    }
+    if (v <= valueAsNumber) {
+      if (index === axisData.length - 1 || Math.abs(valueAsNumber - v) < Math.abs(valueAsNumber - getAsNumber(axisData[index + 1]))) {
+        return true;
+      }
+    }
+    return false;
+  });
+}

package/internals/getAsNumber.d.mts

@@ -0,0 +1 @@
+export declare function getAsNumber(value: number | Date): number;

package/internals/getAsNumber.d.ts

@@ -0,0 +1 @@
+export declare function getAsNumber(value: number | Date): number;

package/internals/getAsNumber.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getAsNumber = getAsNumber;
+function getAsNumber(value) {
+  return value instanceof Date ? value.getTime() : value;
+}

package/internals/getAsNumber.mjs

@@ -0,0 +1,3 @@
+export function getAsNumber(value) {
+  return value instanceof Date ? value.getTime() : value;
+}

package/internals/index.d.mts

@@ -55,6 +55,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";

package/internals/index.d.ts

@@ -55,6 +55,7 @@ export * from "./isDefined.js";
 export * from "./getScale.js";
 export * from "./stacking/index.js";
 export * from "./getCurve.js";
+export * from "./getSymbol.js";
 export * from "./consumeSlots.js";
 export * from "./consumeThemeProps.js";
 export * from "./defaultizeMargin.js";

package/internals/index.js

@@ -686,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;

package/internals/index.mjs

@@ -64,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";

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.js

@@ -133,7 +133,8 @@ function computeAxisValue({
       scaleType: scaleType,
       scale: finalScale.domain(domain),
       tickNumber,
-      colorScale: axis.colorMap && (0, _colorScale.getColorScale)(axis.colorMap)
+      colorScale: axis.colorMap && (0, _colorScale.getColorScale)(axis.colorMap),
+      isFullCircle
     });
   });
   return {

package/internals/plugins/featurePlugins/useChartPolarAxis/computeAxisValue.mjs

@@ -126,7 +126,8 @@ export function computeAxisValue({
       scaleType: scaleType,
       scale: finalScale.domain(domain),
       tickNumber,
-      colorScale: axis.colorMap && getColorScale(axis.colorMap)
+      colorScale: axis.colorMap && getColorScale(axis.colorMap),
+      isFullCircle
     });
   });
   return {

package/internals/plugins/featurePlugins/useChartPolarAxis/getAxisIndex.js

@@ -1,12 +1,12 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getAxisIndex = getAxisIndex;
-var _formatErrorMessage2 = _interopRequireDefault(require("@mui/x-internals/formatErrorMessage"));
 var _scaleGuards = require("../../../scaleGuards");
+var _getAsNumber = require("../../../getAsNumber");
+var _findClosestIndex = require("../../../findClosestIndex");
 var _clampAngle = require("../../../clampAngle");
 /**
  * For a pointer coordinate, this function returns the value and dataIndex associated.
@@ -19,12 +19,17 @@ function getAxisIndex(axisConfig, pointerValue) {
     reverse
   } = axisConfig;
   if (!(0, _scaleGuards.isOrdinalScale)(scale)) {
-    throw new Error(process.env.NODE_ENV !== "production" ? 'MUI X Charts: getAxisValue is not implemented for polar continuous axes. ' + 'This function only supports ordinal (band/point) scales.' : (0, _formatErrorMessage2.default)(40));
+    if (axisData === undefined) {
+      return -1;
+    }
+    const angle = scale.range()[0] + (0, _clampAngle.clampAngleRad)(pointerValue - scale.range()[0]);
+    const valueAsNumber = (0, _getAsNumber.getAsNumber)(scale.invert(angle));
+    return (0, _findClosestIndex.findClosestIndex)(axisData, valueAsNumber);
   }
   if (!axisData) {
     return -1;
   }
-  const angleGap = (0, _clampAngle.clampAngleRad)(pointerValue - Math.min(...scale.range()));
+  const angleGap = (0, _clampAngle.clampAngleRad)(pointerValue - scale.range()[0]);
   const dataIndex = scale.bandwidth() === 0 ? Math.floor((angleGap + scale.step() / 2) / scale.step()) % axisData.length : Math.floor(angleGap / scale.step());
   if (dataIndex < 0 || dataIndex >= axisData.length) {
     return -1;