@mui/x-charts 9.0.0-alpha.2 → 9.0.0-alpha.3

package/internals/plugins/featurePlugins/useChartHighlight/highlightStates.d.mts

@@ -1,9 +1,8 @@
 import type { HighlightItemIdentifier, SeriesId } from "../../../../models/seriesType/index.mjs";
-import type { ChartsSeriesConfig, ChartSeriesType, HighlightScope } from "../../../../models/seriesType/config.mjs";
+import type { ChartsSeriesConfig, HighlightScope } from "../../../../models/seriesType/config.mjs";
 type SeriesTypeWithBatchRendering = 'bar' | 'line' | (ChartsSeriesConfig extends {
   rangeBar: any;
 } ? 'rangeBar' : never);
-export declare function isBatchRenderingSeriesType(type: ChartSeriesType | undefined): type is SeriesTypeWithBatchRendering;
 export declare function isSeriesHighlighted<SeriesType extends SeriesTypeWithBatchRendering>(scope: Partial<HighlightScope<SeriesType>> | null, item: HighlightItemIdentifier<SeriesType> | null, seriesId: SeriesId): boolean;
 export declare function isSeriesFaded<SeriesType extends SeriesTypeWithBatchRendering>(scope: Partial<HighlightScope<SeriesType>> | null, item: HighlightItemIdentifier<SeriesType> | null, seriesId: SeriesId): boolean;
 /**

package/internals/plugins/featurePlugins/useChartHighlight/highlightStates.d.ts

@@ -1,9 +1,8 @@
 import type { HighlightItemIdentifier, SeriesId } from "../../../../models/seriesType/index.js";
-import type { ChartsSeriesConfig, ChartSeriesType, HighlightScope } from "../../../../models/seriesType/config.js";
+import type { ChartsSeriesConfig, HighlightScope } from "../../../../models/seriesType/config.js";
 type SeriesTypeWithBatchRendering = 'bar' | 'line' | (ChartsSeriesConfig extends {
   rangeBar: any;
 } ? 'rangeBar' : never);
-export declare function isBatchRenderingSeriesType(type: ChartSeriesType | undefined): type is SeriesTypeWithBatchRendering;
 export declare function isSeriesHighlighted<SeriesType extends SeriesTypeWithBatchRendering>(scope: Partial<HighlightScope<SeriesType>> | null, item: HighlightItemIdentifier<SeriesType> | null, seriesId: SeriesId): boolean;
 export declare function isSeriesFaded<SeriesType extends SeriesTypeWithBatchRendering>(scope: Partial<HighlightScope<SeriesType>> | null, item: HighlightItemIdentifier<SeriesType> | null, seriesId: SeriesId): boolean;
 /**

package/internals/plugins/featurePlugins/useChartHighlight/highlightStates.js

@@ -5,13 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getSeriesHighlightedDataIndex = getSeriesHighlightedDataIndex;
 exports.getSeriesUnfadedDataIndex = getSeriesUnfadedDataIndex;
-exports.isBatchRenderingSeriesType = isBatchRenderingSeriesType;
 exports.isSeriesFaded = isSeriesFaded;
 exports.isSeriesHighlighted = isSeriesHighlighted;
-const batchRenderingSeries = new Set(['bar', 'rangeBar', 'line']);
-function isBatchRenderingSeriesType(type) {
-  return batchRenderingSeries.has(type);
-}
 function isSeriesHighlighted(scope, item, seriesId) {
   return scope?.highlight === 'series' && item?.seriesId === seriesId;
 }

package/internals/plugins/featurePlugins/useChartHighlight/highlightStates.mjs

@@ -1,7 +1,3 @@
-const batchRenderingSeries = new Set(['bar', 'rangeBar', 'line']);
-export function isBatchRenderingSeriesType(type) {
-  return batchRenderingSeries.has(type);
-}
 export function isSeriesHighlighted(scope, item, seriesId) {
   return scope?.highlight === 'series' && item?.seriesId === seriesId;
 }

package/internals/plugins/featurePlugins/useChartHighlight/useChartHighlight.selectors.d.mts

@@ -2,7 +2,8 @@ import { type SeriesId } from "../../../../models/seriesType/common.mjs";
 import type { HighlightItemIdentifierWithType } from "../../../../models/seriesType/index.mjs";
 import type { ChartSeriesType, HighlightScope } from "../../../../models/seriesType/config.mjs";
 import type { ComposableChartSeriesType } from "../../../../models/seriesType/composition.mjs";
-type HighlightLookUp<T extends ChartSeriesType> = { [K in T]?: Map<SeriesId, HighlightScope<K>> };
+import { type HighlightState } from "../../../../hooks/useItemHighlightState.mjs";
+type HighlightLookUp<SeriesType extends ChartSeriesType> = { [K in SeriesType]?: Map<SeriesId, HighlightScope<K>> };
 export declare const selectorChartsHighlightScopePerSeriesId: (args_0: import("../../corePlugins/useChartId/useChartId.types.mjs").UseChartIdState & import("../../corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.mjs").UseChartSeriesConfigState<keyof import("../../../index.mjs").ChartsSeriesConfig> & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.mjs").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.mjs").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.mjs").UseChartSeriesState<keyof import("../../../index.mjs").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.mjs").UseChartAnimationState & import("../../../index.mjs").UseChartInteractionListenerState & Partial<{}> & {
   cacheKey: import("../../models/index.mjs").ChartStateCacheKey;
 }) => HighlightLookUp<keyof import("../../../index.mjs").ChartsSeriesConfig>;
@@ -32,46 +33,26 @@ export declare const selectorChartsHighlightedItem: (args_0: import("../../coreP
 export declare const selectorChartsHighlightScope: (args_0: import("../../corePlugins/useChartId/useChartId.types.mjs").UseChartIdState & import("../../corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.mjs").UseChartSeriesConfigState<keyof import("../../../index.mjs").ChartsSeriesConfig> & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.mjs").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.mjs").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.mjs").UseChartSeriesState<keyof import("../../../index.mjs").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.mjs").UseChartAnimationState & import("../../../index.mjs").UseChartInteractionListenerState & import("./useChartHighlight.types.mjs").UseChartHighlightState<keyof import("../../../index.mjs").ChartsSeriesConfig> & Partial<{}> & {
   cacheKey: import("../../models/index.mjs").ChartStateCacheKey;
 }) => import("./highlightConfig.types.mjs").CommonHighlightScope | null;
-declare const selectorChartsIsHighlightedCallbackImpl: (args_0: import("../../corePlugins/useChartId/useChartId.types.mjs").UseChartIdState & import("../../corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.mjs").UseChartSeriesConfigState<keyof import("../../../index.mjs").ChartsSeriesConfig> & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.mjs").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.mjs").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.mjs").UseChartSeriesState<keyof import("../../../index.mjs").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.mjs").UseChartAnimationState & import("../../../index.mjs").UseChartInteractionListenerState & import("./useChartHighlight.types.mjs").UseChartHighlightState<keyof import("../../../index.mjs").ChartsSeriesConfig> & Partial<{}> & {
+declare const selectorChartsHighlightStateCallbackImpl: (args_0: import("../../corePlugins/useChartId/useChartId.types.mjs").UseChartIdState & import("../../corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.mjs").UseChartSeriesConfigState<keyof import("../../../index.mjs").ChartsSeriesConfig> & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.mjs").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.mjs").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.mjs").UseChartSeriesState<keyof import("../../../index.mjs").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.mjs").UseChartAnimationState & import("../../../index.mjs").UseChartInteractionListenerState & import("./useChartHighlight.types.mjs").UseChartHighlightState<keyof import("../../../index.mjs").ChartsSeriesConfig> & Partial<{}> & {
   cacheKey: import("../../models/index.mjs").ChartStateCacheKey;
-}) => <TestedSeriesType extends ComposableChartSeriesType<keyof import("../../../index.mjs").ChartsSeriesConfig>>(item: HighlightItemIdentifierWithType<TestedSeriesType> | null) => boolean;
+}) => (item: HighlightItemIdentifierWithType<ComposableChartSeriesType<keyof import("../../../index.mjs").ChartsSeriesConfig>> | null) => HighlightState;
 /**
- * Returns a callback to test if an item is highlighted.
+ * Returns a callback to get the highlight state of an item.
  * Uses an explicit function declaration so that TypeScript preserves
  * the `HighlightItemIdentifier<ChartSeriesType>` reference in `.d.ts` output,
  * allowing module augmentation from pro/premium packages to extend the accepted types.
  */
-export declare function selectorChartsIsHighlightedCallback<SeriesType extends ChartSeriesType>(state: Parameters<typeof selectorChartsIsHighlightedCallbackImpl>[0]): (item: HighlightItemIdentifierWithType<SeriesType> | null) => boolean;
-declare const selectorChartsIsFadedCallbackImpl: (args_0: import("../../corePlugins/useChartId/useChartId.types.mjs").UseChartIdState & import("../../corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.mjs").UseChartSeriesConfigState<keyof import("../../../index.mjs").ChartsSeriesConfig> & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.mjs").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.mjs").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.mjs").UseChartSeriesState<keyof import("../../../index.mjs").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.mjs").UseChartAnimationState & import("../../../index.mjs").UseChartInteractionListenerState & import("./useChartHighlight.types.mjs").UseChartHighlightState<keyof import("../../../index.mjs").ChartsSeriesConfig> & Partial<{}> & {
+export declare function selectorChartsHighlightStateCallback<SeriesType extends ChartSeriesType>(state: Parameters<typeof selectorChartsHighlightStateCallbackImpl>[0]): (item: HighlightItemIdentifierWithType<ComposableChartSeriesType<SeriesType>> | null) => HighlightState;
+declare const selectorChartsHighlightStateImpl: (args_0: import("../../corePlugins/useChartId/useChartId.types.mjs").UseChartIdState & import("../../corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.mjs").UseChartSeriesConfigState<keyof import("../../../index.mjs").ChartsSeriesConfig> & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.mjs").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.mjs").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.mjs").UseChartSeriesState<keyof import("../../../index.mjs").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.mjs").UseChartAnimationState & import("../../../index.mjs").UseChartInteractionListenerState & import("./useChartHighlight.types.mjs").UseChartHighlightState<keyof import("../../../index.mjs").ChartsSeriesConfig> & Partial<{}> & {
   cacheKey: import("../../models/index.mjs").ChartStateCacheKey;
-}) => <TestedSeriesType extends ComposableChartSeriesType<keyof import("../../../index.mjs").ChartsSeriesConfig>>(item: HighlightItemIdentifierWithType<TestedSeriesType> | null) => boolean;
+}, item: any) => HighlightState;
 /**
- * Returns a callback to test if an item is faded.
+ * Returns the highlight state of an item.
  * Uses an explicit function declaration so that TypeScript preserves
  * the `HighlightItemIdentifier<ChartSeriesType>` reference in `.d.ts` output,
  * allowing module augmentation from pro/premium packages to extend the accepted types.
  */
-export declare function selectorChartsIsFadedCallback<SeriesType extends ChartSeriesType>(state: Parameters<typeof selectorChartsIsFadedCallbackImpl>[0]): (item: HighlightItemIdentifierWithType<SeriesType> | null) => boolean;
-declare const selectorChartsIsHighlightedImpl: (args_0: import("../../corePlugins/useChartId/useChartId.types.mjs").UseChartIdState & import("../../corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.mjs").UseChartSeriesConfigState<keyof import("../../../index.mjs").ChartsSeriesConfig> & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.mjs").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.mjs").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.mjs").UseChartSeriesState<keyof import("../../../index.mjs").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.mjs").UseChartAnimationState & import("../../../index.mjs").UseChartInteractionListenerState & import("./useChartHighlight.types.mjs").UseChartHighlightState<keyof import("../../../index.mjs").ChartsSeriesConfig> & Partial<{}> & {
-  cacheKey: import("../../models/index.mjs").ChartStateCacheKey;
-}, item: any) => boolean;
-/**
- * Test if an item is highlighted.
- * Uses an explicit function declaration so that TypeScript preserves
- * the `HighlightItemIdentifier<ChartSeriesType>` reference in `.d.ts` output,
- * allowing module augmentation from pro/premium packages to extend the accepted types.
- */
-export declare function selectorChartsIsHighlighted<SeriesType extends ChartSeriesType>(state: Parameters<typeof selectorChartsIsHighlightedImpl>[0], item: HighlightItemIdentifierWithType<ComposableChartSeriesType<SeriesType>> | null): boolean;
-declare const selectorChartsIsFadedImpl: (args_0: import("../../corePlugins/useChartId/useChartId.types.mjs").UseChartIdState & import("../../corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.mjs").UseChartSeriesConfigState<keyof import("../../../index.mjs").ChartsSeriesConfig> & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.mjs").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.mjs").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.mjs").UseChartSeriesState<keyof import("../../../index.mjs").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.mjs").UseChartAnimationState & import("../../../index.mjs").UseChartInteractionListenerState & import("./useChartHighlight.types.mjs").UseChartHighlightState<keyof import("../../../index.mjs").ChartsSeriesConfig> & Partial<{}> & {
-  cacheKey: import("../../models/index.mjs").ChartStateCacheKey;
-}, item: any) => boolean;
-/**
- * Test if an item is faded.
- * Uses an explicit function declaration so that TypeScript preserves
- * the `HighlightItemIdentifier<ChartSeriesType>` reference in `.d.ts` output,
- * allowing module augmentation from pro/premium packages to extend the accepted types.
- */
-export declare function selectorChartsIsFaded<SeriesType extends ChartSeriesType>(state: Parameters<typeof selectorChartsIsFadedImpl>[0], item: HighlightItemIdentifierWithType<ComposableChartSeriesType<SeriesType>> | null): boolean;
+export declare function selectorChartsHighlightState(state: Parameters<typeof selectorChartsHighlightStateImpl>[0], item: Parameters<typeof selectorChartsHighlightStateImpl>[1]): HighlightState;
 export declare const selectorChartIsSeriesHighlighted: (args_0: import("../../corePlugins/useChartId/useChartId.types.mjs").UseChartIdState & import("../../corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.mjs").UseChartSeriesConfigState<keyof import("../../../index.mjs").ChartsSeriesConfig> & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.mjs").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.mjs").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.mjs").UseChartSeriesState<keyof import("../../../index.mjs").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.mjs").UseChartAnimationState & import("../../../index.mjs").UseChartInteractionListenerState & import("./useChartHighlight.types.mjs").UseChartHighlightState<keyof import("../../../index.mjs").ChartsSeriesConfig> & Partial<{}> & {
   cacheKey: import("../../models/index.mjs").ChartStateCacheKey;
 }, seriesId: string) => boolean;

package/internals/plugins/featurePlugins/useChartHighlight/useChartHighlight.selectors.d.ts

@@ -2,7 +2,8 @@ import { type SeriesId } from "../../../../models/seriesType/common.js";
 import type { HighlightItemIdentifierWithType } from "../../../../models/seriesType/index.js";
 import type { ChartSeriesType, HighlightScope } from "../../../../models/seriesType/config.js";
 import type { ComposableChartSeriesType } from "../../../../models/seriesType/composition.js";
-type HighlightLookUp<T extends ChartSeriesType> = { [K in T]?: Map<SeriesId, HighlightScope<K>> };
+import { type HighlightState } from "../../../../hooks/useItemHighlightState.js";
+type HighlightLookUp<SeriesType extends ChartSeriesType> = { [K in SeriesType]?: Map<SeriesId, HighlightScope<K>> };
 export declare const selectorChartsHighlightScopePerSeriesId: (args_0: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & import("../../corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.js").UseChartSeriesConfigState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../../../index.js").UseChartInteractionListenerState & Partial<{}> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
 }) => HighlightLookUp<keyof import("../../../index.js").ChartsSeriesConfig>;
@@ -32,46 +33,26 @@ export declare const selectorChartsHighlightedItem: (args_0: import("../../coreP
 export declare const selectorChartsHighlightScope: (args_0: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & import("../../corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.js").UseChartSeriesConfigState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../../../index.js").UseChartInteractionListenerState & import("./useChartHighlight.types.js").UseChartHighlightState<keyof import("../../../index.js").ChartsSeriesConfig> & Partial<{}> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
 }) => import("./highlightConfig.types.js").CommonHighlightScope | null;
-declare const selectorChartsIsHighlightedCallbackImpl: (args_0: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & import("../../corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.js").UseChartSeriesConfigState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../../../index.js").UseChartInteractionListenerState & import("./useChartHighlight.types.js").UseChartHighlightState<keyof import("../../../index.js").ChartsSeriesConfig> & Partial<{}> & {
+declare const selectorChartsHighlightStateCallbackImpl: (args_0: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & import("../../corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.js").UseChartSeriesConfigState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../../../index.js").UseChartInteractionListenerState & import("./useChartHighlight.types.js").UseChartHighlightState<keyof import("../../../index.js").ChartsSeriesConfig> & Partial<{}> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
-}) => <TestedSeriesType extends ComposableChartSeriesType<keyof import("../../../index.js").ChartsSeriesConfig>>(item: HighlightItemIdentifierWithType<TestedSeriesType> | null) => boolean;
+}) => (item: HighlightItemIdentifierWithType<ComposableChartSeriesType<keyof import("../../../index.js").ChartsSeriesConfig>> | null) => HighlightState;
 /**
- * Returns a callback to test if an item is highlighted.
+ * Returns a callback to get the highlight state of an item.
  * Uses an explicit function declaration so that TypeScript preserves
  * the `HighlightItemIdentifier<ChartSeriesType>` reference in `.d.ts` output,
  * allowing module augmentation from pro/premium packages to extend the accepted types.
  */
-export declare function selectorChartsIsHighlightedCallback<SeriesType extends ChartSeriesType>(state: Parameters<typeof selectorChartsIsHighlightedCallbackImpl>[0]): (item: HighlightItemIdentifierWithType<SeriesType> | null) => boolean;
-declare const selectorChartsIsFadedCallbackImpl: (args_0: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & import("../../corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.js").UseChartSeriesConfigState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../../../index.js").UseChartInteractionListenerState & import("./useChartHighlight.types.js").UseChartHighlightState<keyof import("../../../index.js").ChartsSeriesConfig> & Partial<{}> & {
+export declare function selectorChartsHighlightStateCallback<SeriesType extends ChartSeriesType>(state: Parameters<typeof selectorChartsHighlightStateCallbackImpl>[0]): (item: HighlightItemIdentifierWithType<ComposableChartSeriesType<SeriesType>> | null) => HighlightState;
+declare const selectorChartsHighlightStateImpl: (args_0: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & import("../../corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.js").UseChartSeriesConfigState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../../../index.js").UseChartInteractionListenerState & import("./useChartHighlight.types.js").UseChartHighlightState<keyof import("../../../index.js").ChartsSeriesConfig> & Partial<{}> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
-}) => <TestedSeriesType extends ComposableChartSeriesType<keyof import("../../../index.js").ChartsSeriesConfig>>(item: HighlightItemIdentifierWithType<TestedSeriesType> | null) => boolean;
+}, item: any) => HighlightState;
 /**
- * Returns a callback to test if an item is faded.
+ * Returns the highlight state of an item.
  * Uses an explicit function declaration so that TypeScript preserves
  * the `HighlightItemIdentifier<ChartSeriesType>` reference in `.d.ts` output,
  * allowing module augmentation from pro/premium packages to extend the accepted types.
  */
-export declare function selectorChartsIsFadedCallback<SeriesType extends ChartSeriesType>(state: Parameters<typeof selectorChartsIsFadedCallbackImpl>[0]): (item: HighlightItemIdentifierWithType<SeriesType> | null) => boolean;
-declare const selectorChartsIsHighlightedImpl: (args_0: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & import("../../corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.js").UseChartSeriesConfigState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../../../index.js").UseChartInteractionListenerState & import("./useChartHighlight.types.js").UseChartHighlightState<keyof import("../../../index.js").ChartsSeriesConfig> & Partial<{}> & {
-  cacheKey: import("../../models/index.js").ChartStateCacheKey;
-}, item: any) => boolean;
-/**
- * Test if an item is highlighted.
- * Uses an explicit function declaration so that TypeScript preserves
- * the `HighlightItemIdentifier<ChartSeriesType>` reference in `.d.ts` output,
- * allowing module augmentation from pro/premium packages to extend the accepted types.
- */
-export declare function selectorChartsIsHighlighted<SeriesType extends ChartSeriesType>(state: Parameters<typeof selectorChartsIsHighlightedImpl>[0], item: HighlightItemIdentifierWithType<ComposableChartSeriesType<SeriesType>> | null): boolean;
-declare const selectorChartsIsFadedImpl: (args_0: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & import("../../corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.js").UseChartSeriesConfigState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../../../index.js").UseChartInteractionListenerState & import("./useChartHighlight.types.js").UseChartHighlightState<keyof import("../../../index.js").ChartsSeriesConfig> & Partial<{}> & {
-  cacheKey: import("../../models/index.js").ChartStateCacheKey;
-}, item: any) => boolean;
-/**
- * Test if an item is faded.
- * Uses an explicit function declaration so that TypeScript preserves
- * the `HighlightItemIdentifier<ChartSeriesType>` reference in `.d.ts` output,
- * allowing module augmentation from pro/premium packages to extend the accepted types.
- */
-export declare function selectorChartsIsFaded<SeriesType extends ChartSeriesType>(state: Parameters<typeof selectorChartsIsFadedImpl>[0], item: HighlightItemIdentifierWithType<ComposableChartSeriesType<SeriesType>> | null): boolean;
+export declare function selectorChartsHighlightState(state: Parameters<typeof selectorChartsHighlightStateImpl>[0], item: Parameters<typeof selectorChartsHighlightStateImpl>[1]): HighlightState;
 export declare const selectorChartIsSeriesHighlighted: (args_0: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & import("../../corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.js").UseChartSeriesConfigState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../../../index.js").UseChartInteractionListenerState & import("./useChartHighlight.types.js").UseChartHighlightState<keyof import("../../../index.js").ChartsSeriesConfig> & Partial<{}> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
 }, seriesId: string) => boolean;

package/internals/plugins/featurePlugins/useChartHighlight/useChartHighlight.selectors.js

@@ -3,11 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.selectorChartsHighlightedItem = exports.selectorChartsHighlightScopePerSeriesId = exports.selectorChartsHighlightScope = exports.selectorChartSeriesUnfadedItem = exports.selectorChartSeriesHighlightedItem = exports.selectorChartIsSeriesHighlighted = exports.selectorChartIsSeriesFaded = void 0;
-exports.selectorChartsIsFaded = selectorChartsIsFaded;
-exports.selectorChartsIsFadedCallback = selectorChartsIsFadedCallback;
-exports.selectorChartsIsHighlighted = selectorChartsIsHighlighted;
-exports.selectorChartsIsHighlightedCallback = selectorChartsIsHighlightedCallback;
+exports.selectorChartsHighlightScopePerSeriesId = exports.selectorChartsHighlightScope = exports.selectorChartSeriesUnfadedItem = exports.selectorChartSeriesHighlightedItem = exports.selectorChartIsSeriesHighlighted = exports.selectorChartIsSeriesFaded = void 0;
+exports.selectorChartsHighlightState = selectorChartsHighlightState;
+exports.selectorChartsHighlightStateCallback = selectorChartsHighlightStateCallback;
+exports.selectorChartsHighlightedItem = void 0;
 var _store = require("@mui/x-internals/store");
 var _highlightStates = require("./highlightStates");
 var _useChartKeyboardNavigation = require("../useChartKeyboardNavigation");
@@ -41,70 +40,46 @@ const selectorChartsHighlightScope = exports.selectorChartsHighlightScope = (0,
   }
   return highlightScope;
 });
-const alwaysFalse = () => false;
-const selectorChartsIsHighlightedCallbackImpl = (0, _store.createSelectorMemoized)(selectorChartsHighlightScope, selectorChartsHighlightedItem, _useChartSeriesConfig.selectorChartSeriesConfig, function selectorChartsIsHighlightedCallbackCombiner(highlightScope, highlightedItem, seriesConfig) {
+const alwaysNone = () => 'none';
+const selectorChartsHighlightStateCallbackImpl = (0, _store.createSelectorMemoized)(selectorChartsHighlightScope, selectorChartsHighlightedItem, _useChartSeriesConfig.selectorChartSeriesConfig, function selectorChartsHighlightStateCallbackCombiner(highlightScope, highlightedItem, seriesConfig) {
   if (highlightedItem === null || highlightScope === null) {
-    return alwaysFalse;
+    return alwaysNone;
   }
-  return seriesConfig[highlightedItem.type].isHighlightedCreator(highlightScope, highlightedItem);
+  const config = seriesConfig[highlightedItem.type];
+  const isHighlighted = config.isHighlightedCreator(highlightScope, highlightedItem);
+  const isFaded = config.isFadedCreator(highlightScope, highlightedItem);
+  return item => {
+    if (isHighlighted(item)) {
+      return 'highlighted';
+    }
+    if (isFaded(item)) {
+      return 'faded';
+    }
+    return 'none';
+  };
 });
 
 /**
- * Returns a callback to test if an item is highlighted.
+ * Returns a callback to get the highlight state of an item.
  * Uses an explicit function declaration so that TypeScript preserves
  * the `HighlightItemIdentifier<ChartSeriesType>` reference in `.d.ts` output,
  * allowing module augmentation from pro/premium packages to extend the accepted types.
  */
-function selectorChartsIsHighlightedCallback(state) {
-  return selectorChartsIsHighlightedCallbackImpl(state);
+function selectorChartsHighlightStateCallback(state) {
+  return selectorChartsHighlightStateCallbackImpl(state);
 }
-const selectorChartsIsFadedCallbackImpl = (0, _store.createSelectorMemoized)(selectorChartsHighlightScope, selectorChartsHighlightedItem, _useChartSeriesConfig.selectorChartSeriesConfig, function selectorChartsIsFadedCallbackCombiner(highlightScope, highlightedItem, seriesConfig) {
-  if (highlightedItem === null || highlightScope === null) {
-    return alwaysFalse;
-  }
-  return seriesConfig[highlightedItem.type].isFadedCreator(highlightScope, highlightedItem);
-});
-
-/**
- * Returns a callback to test if an item is faded.
- * Uses an explicit function declaration so that TypeScript preserves
- * the `HighlightItemIdentifier<ChartSeriesType>` reference in `.d.ts` output,
- * allowing module augmentation from pro/premium packages to extend the accepted types.
- */
-function selectorChartsIsFadedCallback(state) {
-  return selectorChartsIsFadedCallbackImpl(state);
-}
-const selectorChartsIsHighlightedImpl = (0, _store.createSelector)(selectorChartsHighlightScope, selectorChartsHighlightedItem, _useChartSeriesConfig.selectorChartSeriesConfig, function selectorChartsIsHighlightedCombiner(highlightScope, highlightedItem, seriesConfig, item) {
-  if (highlightedItem === null || highlightScope === null) {
-    return false;
-  }
-  return seriesConfig[highlightedItem.type].isHighlightedCreator(highlightScope, highlightedItem)(item);
-});
-
-/**
- * Test if an item is highlighted.
- * Uses an explicit function declaration so that TypeScript preserves
- * the `HighlightItemIdentifier<ChartSeriesType>` reference in `.d.ts` output,
- * allowing module augmentation from pro/premium packages to extend the accepted types.
- */
-function selectorChartsIsHighlighted(state, item) {
-  return selectorChartsIsHighlightedImpl(state, item);
-}
-const selectorChartsIsFadedImpl = (0, _store.createSelector)(selectorChartsHighlightScope, selectorChartsHighlightedItem, _useChartSeriesConfig.selectorChartSeriesConfig, function selectorChartsIsFadedCombiner(highlightScope, highlightedItem, seriesConfig, item) {
-  if (highlightedItem === null || highlightScope === null) {
-    return false;
-  }
-  return seriesConfig[highlightedItem.type].isFadedCreator(highlightScope, highlightedItem)(item);
+const selectorChartsHighlightStateImpl = (0, _store.createSelectorMemoized)(selectorChartsHighlightStateCallback, function selectorChartsHighlightStateCombiner(getHighlightState, item) {
+  return getHighlightState(item);
 });
 
 /**
- * Test if an item is faded.
+ * Returns the highlight state of an item.
  * Uses an explicit function declaration so that TypeScript preserves
  * the `HighlightItemIdentifier<ChartSeriesType>` reference in `.d.ts` output,
  * allowing module augmentation from pro/premium packages to extend the accepted types.
  */
-function selectorChartsIsFaded(state, item) {
-  return selectorChartsIsFadedImpl(state, item);
+function selectorChartsHighlightState(state, item) {
+  return selectorChartsHighlightStateImpl(state, item);
 }
 
 // ==========================================================================================
@@ -116,26 +91,14 @@ function selectorChartsIsFaded(state, item) {
 // ==========================================================================================
 
 const selectorChartIsSeriesHighlighted = exports.selectorChartIsSeriesHighlighted = (0, _store.createSelector)(selectorChartsHighlightScope, selectorChartsHighlightedItem, function selectorChartIsSeriesHighlighted(scope, item, seriesId) {
-  if (!(0, _highlightStates.isBatchRenderingSeriesType)(item?.type)) {
-    return false;
-  }
   return (0, _highlightStates.isSeriesHighlighted)(scope, item, seriesId);
 });
 const selectorChartIsSeriesFaded = exports.selectorChartIsSeriesFaded = (0, _store.createSelector)(selectorChartsHighlightScope, selectorChartsHighlightedItem, function selectorChartIsSeriesFaded(scope, item, seriesId) {
-  if (!(0, _highlightStates.isBatchRenderingSeriesType)(item?.type)) {
-    return false;
-  }
   return (0, _highlightStates.isSeriesFaded)(scope, item, seriesId);
 });
 const selectorChartSeriesUnfadedItem = exports.selectorChartSeriesUnfadedItem = (0, _store.createSelector)(selectorChartsHighlightScope, selectorChartsHighlightedItem, function selectorChartSeriesUnfadedItem(scope, item, seriesId) {
-  if (!(0, _highlightStates.isBatchRenderingSeriesType)(item?.type)) {
-    return null;
-  }
   return (0, _highlightStates.getSeriesUnfadedDataIndex)(scope, item, seriesId);
 });
 const selectorChartSeriesHighlightedItem = exports.selectorChartSeriesHighlightedItem = (0, _store.createSelector)(selectorChartsHighlightScope, selectorChartsHighlightedItem, function selectorChartSeriesHighlightedItem(scope, item, seriesId) {
-  if (!(0, _highlightStates.isBatchRenderingSeriesType)(item?.type)) {
-    return null;
-  }
   return (0, _highlightStates.getSeriesHighlightedDataIndex)(scope, item, seriesId);
 });

package/internals/plugins/featurePlugins/useChartHighlight/useChartHighlight.selectors.mjs

@@ -1,5 +1,5 @@
 import { createSelector, createSelectorMemoized } from '@mui/x-internals/store';
-import { getSeriesHighlightedDataIndex, getSeriesUnfadedDataIndex, isSeriesFaded, isSeriesHighlighted, isBatchRenderingSeriesType } from "./highlightStates.mjs";
+import { getSeriesHighlightedDataIndex, getSeriesUnfadedDataIndex, isSeriesFaded, isSeriesHighlighted } from "./highlightStates.mjs";
 import { selectorChartsKeyboardItem } from "../useChartKeyboardNavigation/index.mjs";
 import { selectorChartSeriesProcessed } from "../../corePlugins/useChartSeries/useChartSeries.selectors.mjs";
 import { selectorChartSeriesConfig } from "../../corePlugins/useChartSeriesConfig/index.mjs";
@@ -31,70 +31,46 @@ export const selectorChartsHighlightScope = createSelector(selectorChartsHighlig
   }
   return highlightScope;
 });
-const alwaysFalse = () => false;
-const selectorChartsIsHighlightedCallbackImpl = createSelectorMemoized(selectorChartsHighlightScope, selectorChartsHighlightedItem, selectorChartSeriesConfig, function selectorChartsIsHighlightedCallbackCombiner(highlightScope, highlightedItem, seriesConfig) {
+const alwaysNone = () => 'none';
+const selectorChartsHighlightStateCallbackImpl = createSelectorMemoized(selectorChartsHighlightScope, selectorChartsHighlightedItem, selectorChartSeriesConfig, function selectorChartsHighlightStateCallbackCombiner(highlightScope, highlightedItem, seriesConfig) {
   if (highlightedItem === null || highlightScope === null) {
-    return alwaysFalse;
+    return alwaysNone;
   }
-  return seriesConfig[highlightedItem.type].isHighlightedCreator(highlightScope, highlightedItem);
+  const config = seriesConfig[highlightedItem.type];
+  const isHighlighted = config.isHighlightedCreator(highlightScope, highlightedItem);
+  const isFaded = config.isFadedCreator(highlightScope, highlightedItem);
+  return item => {
+    if (isHighlighted(item)) {
+      return 'highlighted';
+    }
+    if (isFaded(item)) {
+      return 'faded';
+    }
+    return 'none';
+  };
 });
 
 /**
- * Returns a callback to test if an item is highlighted.
+ * Returns a callback to get the highlight state of an item.
  * Uses an explicit function declaration so that TypeScript preserves
  * the `HighlightItemIdentifier<ChartSeriesType>` reference in `.d.ts` output,
  * allowing module augmentation from pro/premium packages to extend the accepted types.
  */
-export function selectorChartsIsHighlightedCallback(state) {
-  return selectorChartsIsHighlightedCallbackImpl(state);
+export function selectorChartsHighlightStateCallback(state) {
+  return selectorChartsHighlightStateCallbackImpl(state);
 }
-const selectorChartsIsFadedCallbackImpl = createSelectorMemoized(selectorChartsHighlightScope, selectorChartsHighlightedItem, selectorChartSeriesConfig, function selectorChartsIsFadedCallbackCombiner(highlightScope, highlightedItem, seriesConfig) {
-  if (highlightedItem === null || highlightScope === null) {
-    return alwaysFalse;
-  }
-  return seriesConfig[highlightedItem.type].isFadedCreator(highlightScope, highlightedItem);
-});
-
-/**
- * Returns a callback to test if an item is faded.
- * Uses an explicit function declaration so that TypeScript preserves
- * the `HighlightItemIdentifier<ChartSeriesType>` reference in `.d.ts` output,
- * allowing module augmentation from pro/premium packages to extend the accepted types.
- */
-export function selectorChartsIsFadedCallback(state) {
-  return selectorChartsIsFadedCallbackImpl(state);
-}
-const selectorChartsIsHighlightedImpl = createSelector(selectorChartsHighlightScope, selectorChartsHighlightedItem, selectorChartSeriesConfig, function selectorChartsIsHighlightedCombiner(highlightScope, highlightedItem, seriesConfig, item) {
-  if (highlightedItem === null || highlightScope === null) {
-    return false;
-  }
-  return seriesConfig[highlightedItem.type].isHighlightedCreator(highlightScope, highlightedItem)(item);
-});
-
-/**
- * Test if an item is highlighted.
- * Uses an explicit function declaration so that TypeScript preserves
- * the `HighlightItemIdentifier<ChartSeriesType>` reference in `.d.ts` output,
- * allowing module augmentation from pro/premium packages to extend the accepted types.
- */
-export function selectorChartsIsHighlighted(state, item) {
-  return selectorChartsIsHighlightedImpl(state, item);
-}
-const selectorChartsIsFadedImpl = createSelector(selectorChartsHighlightScope, selectorChartsHighlightedItem, selectorChartSeriesConfig, function selectorChartsIsFadedCombiner(highlightScope, highlightedItem, seriesConfig, item) {
-  if (highlightedItem === null || highlightScope === null) {
-    return false;
-  }
-  return seriesConfig[highlightedItem.type].isFadedCreator(highlightScope, highlightedItem)(item);
+const selectorChartsHighlightStateImpl = createSelectorMemoized(selectorChartsHighlightStateCallback, function selectorChartsHighlightStateCombiner(getHighlightState, item) {
+  return getHighlightState(item);
 });
 
 /**
- * Test if an item is faded.
+ * Returns the highlight state of an item.
  * Uses an explicit function declaration so that TypeScript preserves
  * the `HighlightItemIdentifier<ChartSeriesType>` reference in `.d.ts` output,
  * allowing module augmentation from pro/premium packages to extend the accepted types.
  */
-export function selectorChartsIsFaded(state, item) {
-  return selectorChartsIsFadedImpl(state, item);
+export function selectorChartsHighlightState(state, item) {
+  return selectorChartsHighlightStateImpl(state, item);
 }
 
 // ==========================================================================================
@@ -106,26 +82,14 @@ export function selectorChartsIsFaded(state, item) {
 // ==========================================================================================
 
 export const selectorChartIsSeriesHighlighted = createSelector(selectorChartsHighlightScope, selectorChartsHighlightedItem, function selectorChartIsSeriesHighlighted(scope, item, seriesId) {
-  if (!isBatchRenderingSeriesType(item?.type)) {
-    return false;
-  }
   return isSeriesHighlighted(scope, item, seriesId);
 });
 export const selectorChartIsSeriesFaded = createSelector(selectorChartsHighlightScope, selectorChartsHighlightedItem, function selectorChartIsSeriesFaded(scope, item, seriesId) {
-  if (!isBatchRenderingSeriesType(item?.type)) {
-    return false;
-  }
   return isSeriesFaded(scope, item, seriesId);
 });
 export const selectorChartSeriesUnfadedItem = createSelector(selectorChartsHighlightScope, selectorChartsHighlightedItem, function selectorChartSeriesUnfadedItem(scope, item, seriesId) {
-  if (!isBatchRenderingSeriesType(item?.type)) {
-    return null;
-  }
   return getSeriesUnfadedDataIndex(scope, item, seriesId);
 });
 export const selectorChartSeriesHighlightedItem = createSelector(selectorChartsHighlightScope, selectorChartsHighlightedItem, function selectorChartSeriesHighlightedItem(scope, item, seriesId) {
-  if (!isBatchRenderingSeriesType(item?.type)) {
-    return null;
-  }
   return getSeriesHighlightedDataIndex(scope, item, seriesId);
 });

package/internals/plugins/featurePlugins/useChartKeyboardNavigation/keyboardFocusHandler.types.d.mts

@@ -3,12 +3,12 @@ import type { FocusedItemIdentifier } from "../../../../models/seriesType/index.
 import type { UseChartKeyboardNavigationSignature } from "./useChartKeyboardNavigation.types.mjs";
 import type { ChartState } from "../../models/chart.mjs";
 import type { UseChartCartesianAxisSignature } from "../useChartCartesianAxis/index.mjs";
-export type FocusedItemUpdater<TSeriesType extends ChartSeriesType, OutputSeriesType extends ChartSeriesType = ChartSeriesType> = (currentItem: (TSeriesType extends any ? FocusedItemIdentifier<TSeriesType> : never) | null, state: TSeriesType extends CartesianChartSeriesType ? Pick<ChartState<[UseChartKeyboardNavigationSignature], [UseChartCartesianAxisSignature], TSeriesType>, 'series' | 'cartesianAxis'> : Pick<ChartState<[UseChartKeyboardNavigationSignature], [], TSeriesType>, 'series'>) => FocusedItemIdentifier<OutputSeriesType> | null;
+export type FocusedItemUpdater<SeriesType extends ChartSeriesType, OutputSeriesType extends ChartSeriesType = ChartSeriesType> = (currentItem: (SeriesType extends any ? FocusedItemIdentifier<SeriesType> : never) | null, state: SeriesType extends CartesianChartSeriesType ? Pick<ChartState<[UseChartKeyboardNavigationSignature], [UseChartCartesianAxisSignature], SeriesType>, 'series' | 'cartesianAxis'> : Pick<ChartState<[UseChartKeyboardNavigationSignature], [], SeriesType>, 'series'>) => FocusedItemIdentifier<OutputSeriesType> | null;
 /**
  * Get the next focusable item in the chart.
- * @param {SeriesItemIdentifierWithType<TSeriesType> | null} currentItem The current focused item.
+ * @param {SeriesItemIdentifierWithType<SeriesType> | null} currentItem The current focused item.
  * @param {KeyboardEvent} event The keyboard event that triggered the navigation.
  * @param {ChartState<[UseChartKeyboardNavigationSignature], []>} state The current chart state.
  * @returns {SeriesItemIdentifierWithType<ChartSeriesType> | null} The next focusable item or null if none found.
  */
-export type KeyboardFocusHandler<TSeriesType extends ChartSeriesType, OutputSeriesType extends ChartSeriesType = ChartSeriesType> = (event: KeyboardEvent) => FocusedItemUpdater<TSeriesType, OutputSeriesType> | null;
+export type KeyboardFocusHandler<SeriesType extends ChartSeriesType, OutputSeriesType extends ChartSeriesType = ChartSeriesType> = (event: KeyboardEvent) => FocusedItemUpdater<SeriesType, OutputSeriesType> | null;

package/internals/plugins/featurePlugins/useChartKeyboardNavigation/keyboardFocusHandler.types.d.ts

@@ -3,12 +3,12 @@ import type { FocusedItemIdentifier } from "../../../../models/seriesType/index.
 import type { UseChartKeyboardNavigationSignature } from "./useChartKeyboardNavigation.types.js";
 import type { ChartState } from "../../models/chart.js";
 import type { UseChartCartesianAxisSignature } from "../useChartCartesianAxis/index.js";
-export type FocusedItemUpdater<TSeriesType extends ChartSeriesType, OutputSeriesType extends ChartSeriesType = ChartSeriesType> = (currentItem: (TSeriesType extends any ? FocusedItemIdentifier<TSeriesType> : never) | null, state: TSeriesType extends CartesianChartSeriesType ? Pick<ChartState<[UseChartKeyboardNavigationSignature], [UseChartCartesianAxisSignature], TSeriesType>, 'series' | 'cartesianAxis'> : Pick<ChartState<[UseChartKeyboardNavigationSignature], [], TSeriesType>, 'series'>) => FocusedItemIdentifier<OutputSeriesType> | null;
+export type FocusedItemUpdater<SeriesType extends ChartSeriesType, OutputSeriesType extends ChartSeriesType = ChartSeriesType> = (currentItem: (SeriesType extends any ? FocusedItemIdentifier<SeriesType> : never) | null, state: SeriesType extends CartesianChartSeriesType ? Pick<ChartState<[UseChartKeyboardNavigationSignature], [UseChartCartesianAxisSignature], SeriesType>, 'series' | 'cartesianAxis'> : Pick<ChartState<[UseChartKeyboardNavigationSignature], [], SeriesType>, 'series'>) => FocusedItemIdentifier<OutputSeriesType> | null;
 /**
  * Get the next focusable item in the chart.
- * @param {SeriesItemIdentifierWithType<TSeriesType> | null} currentItem The current focused item.
+ * @param {SeriesItemIdentifierWithType<SeriesType> | null} currentItem The current focused item.
  * @param {KeyboardEvent} event The keyboard event that triggered the navigation.
  * @param {ChartState<[UseChartKeyboardNavigationSignature], []>} state The current chart state.
  * @returns {SeriesItemIdentifierWithType<ChartSeriesType> | null} The next focusable item or null if none found.
  */
-export type KeyboardFocusHandler<TSeriesType extends ChartSeriesType, OutputSeriesType extends ChartSeriesType = ChartSeriesType> = (event: KeyboardEvent) => FocusedItemUpdater<TSeriesType, OutputSeriesType> | null;
+export type KeyboardFocusHandler<SeriesType extends ChartSeriesType, OutputSeriesType extends ChartSeriesType = ChartSeriesType> = (event: KeyboardEvent) => FocusedItemUpdater<SeriesType, OutputSeriesType> | null;

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

@@ -47,7 +47,7 @@ const useChartKeyboardNavigation = ({
   });
   React.useEffect(() => {
     const element = chartsLayerContainerRef.current;
-    if (!element || !params.enableKeyboardNavigation) {
+    if (!element || params.disableKeyboardNavigation) {
       return undefined;
     }
     function keyboardHandler(event) {
@@ -90,14 +90,12 @@ const useChartKeyboardNavigation = ({
       element.removeEventListener('blur', removeFocus);
       element.removeEventListener('focus', restoreFocus);
     };
-  }, [chartsLayerContainerRef, removeFocus, restoreFocus, params.enableKeyboardNavigation, store]);
+  }, [chartsLayerContainerRef, removeFocus, restoreFocus, params.disableKeyboardNavigation, store]);
   (0, _useEnhancedEffect.default)(() => {
-    if (store.state.keyboardNavigation.enableKeyboardNavigation !== params.enableKeyboardNavigation) {
-      store.set('keyboardNavigation', (0, _extends2.default)({}, store.state.keyboardNavigation, {
-        enableKeyboardNavigation: !!params.enableKeyboardNavigation
-      }));
-    }
-  }, [store, params.enableKeyboardNavigation]);
+    store.set('keyboardNavigation', (0, _extends2.default)({}, store.state.keyboardNavigation, {
+      enabled: !params.disableKeyboardNavigation
+    }));
+  }, [store, params.disableKeyboardNavigation]);
   return {};
 };
 exports.useChartKeyboardNavigation = useChartKeyboardNavigation;
@@ -105,9 +103,9 @@ useChartKeyboardNavigation.getInitialState = params => ({
   keyboardNavigation: {
     item: null,
     isFocused: false,
-    enableKeyboardNavigation: !!params.enableKeyboardNavigation
+    enabled: !params.disableKeyboardNavigation
   }
 });
 useChartKeyboardNavigation.params = {
-  enableKeyboardNavigation: true
+  disableKeyboardNavigation: true
 };

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

@@ -40,7 +40,7 @@ export const useChartKeyboardNavigation = ({
   });
   React.useEffect(() => {
     const element = chartsLayerContainerRef.current;
-    if (!element || !params.enableKeyboardNavigation) {
+    if (!element || params.disableKeyboardNavigation) {
       return undefined;
     }
     function keyboardHandler(event) {
@@ -83,23 +83,21 @@ export const useChartKeyboardNavigation = ({
       element.removeEventListener('blur', removeFocus);
       element.removeEventListener('focus', restoreFocus);
     };
-  }, [chartsLayerContainerRef, removeFocus, restoreFocus, params.enableKeyboardNavigation, store]);
+  }, [chartsLayerContainerRef, removeFocus, restoreFocus, params.disableKeyboardNavigation, store]);
   useEnhancedEffect(() => {
-    if (store.state.keyboardNavigation.enableKeyboardNavigation !== params.enableKeyboardNavigation) {
-      store.set('keyboardNavigation', _extends({}, store.state.keyboardNavigation, {
-        enableKeyboardNavigation: !!params.enableKeyboardNavigation
-      }));
-    }
-  }, [store, params.enableKeyboardNavigation]);
+    store.set('keyboardNavigation', _extends({}, store.state.keyboardNavigation, {
+      enabled: !params.disableKeyboardNavigation
+    }));
+  }, [store, params.disableKeyboardNavigation]);
   return {};
 };
 useChartKeyboardNavigation.getInitialState = params => ({
   keyboardNavigation: {
     item: null,
     isFocused: false,
-    enableKeyboardNavigation: !!params.enableKeyboardNavigation
+    enabled: !params.disableKeyboardNavigation
   }
 });
 useChartKeyboardNavigation.params = {
-  enableKeyboardNavigation: true
+  disableKeyboardNavigation: true
 };