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

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/useChartItemClick/useChartItemClick.types.d.mts

@@ -6,13 +6,13 @@ export interface UseChartItemClickParameters<SeriesType extends ChartSeriesType
   /**
    * The callback fired when an item is clicked.
    *
-   * @param {React.MouseEvent<SVGSVGElement, MouseEvent>} event The click event.
+   * @param {React.MouseEvent<HTMLDivElement, MouseEvent>} event The click event.
    * @param {SeriesItemIdentifierWithType<SeriesType>} item The clicked item.
    */
-  onItemClick?: (event: React.MouseEvent<SVGSVGElement, MouseEvent>, item: SeriesItemIdentifierWithType<SeriesType>) => void;
+  onItemClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>, item: SeriesItemIdentifierWithType<SeriesType>) => void;
 }
 export interface UseChartItemClickInstance {
-  handleClick?: (event: React.MouseEvent<SVGSVGElement, MouseEvent>) => void;
+  handleClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
 }
 export interface UseChartItemClickState {}
 export type UseChartItemClickSignature<SeriesType extends ChartSeriesType = ChartSeriesType> = ChartPluginSignature<{

package/internals/plugins/featurePlugins/useChartItemClick/useChartItemClick.types.d.ts

@@ -6,13 +6,13 @@ export interface UseChartItemClickParameters<SeriesType extends ChartSeriesType
   /**
    * The callback fired when an item is clicked.
    *
-   * @param {React.MouseEvent<SVGSVGElement, MouseEvent>} event The click event.
+   * @param {React.MouseEvent<HTMLDivElement, MouseEvent>} event The click event.
    * @param {SeriesItemIdentifierWithType<SeriesType>} item The clicked item.
    */
-  onItemClick?: (event: React.MouseEvent<SVGSVGElement, MouseEvent>, item: SeriesItemIdentifierWithType<SeriesType>) => void;
+  onItemClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>, item: SeriesItemIdentifierWithType<SeriesType>) => void;
 }
 export interface UseChartItemClickInstance {
-  handleClick?: (event: React.MouseEvent<SVGSVGElement, MouseEvent>) => void;
+  handleClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
 }
 export interface UseChartItemClickState {}
 export type UseChartItemClickSignature<SeriesType extends ChartSeriesType = ChartSeriesType> = ChartPluginSignature<{

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
 };

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

@@ -12,7 +12,7 @@ const selectKeyboardNavigation = state => state.keyboardNavigation;
 const selectorChartsItemIsFocused = exports.selectorChartsItemIsFocused = (0, _store.createSelector)(selectKeyboardNavigation, (keyboardNavigationState, item) => keyboardNavigationState?.isFocused === true && keyboardNavigationState?.item != null && (0, _fastObjectShallowCompare.fastObjectShallowCompare)(keyboardNavigationState.item, item));
 const selectorChartsHasFocusedItem = exports.selectorChartsHasFocusedItem = (0, _store.createSelector)(selectKeyboardNavigation, keyboardNavigationState => keyboardNavigationState?.isFocused === true && keyboardNavigationState?.item != null);
 const selectorChartsFocusedItem = exports.selectorChartsFocusedItem = (0, _store.createSelector)(selectKeyboardNavigation, keyboardNavigationState => keyboardNavigationState?.isFocused === true ? keyboardNavigationState?.item ?? null : null);
-const selectorChartsIsKeyboardNavigationEnabled = exports.selectorChartsIsKeyboardNavigationEnabled = (0, _store.createSelector)(selectKeyboardNavigation, keyboardNavigationState => !!keyboardNavigationState?.enableKeyboardNavigation);
+const selectorChartsIsKeyboardNavigationEnabled = exports.selectorChartsIsKeyboardNavigationEnabled = (0, _store.createSelector)(selectKeyboardNavigation, keyboardNavigationState => !!keyboardNavigationState?.enabled);
 
 /**
  * Selectors to override highlight behavior.

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

@@ -6,7 +6,7 @@ const selectKeyboardNavigation = state => state.keyboardNavigation;
 export const selectorChartsItemIsFocused = createSelector(selectKeyboardNavigation, (keyboardNavigationState, item) => keyboardNavigationState?.isFocused === true && keyboardNavigationState?.item != null && fastObjectShallowCompare(keyboardNavigationState.item, item));
 export const selectorChartsHasFocusedItem = createSelector(selectKeyboardNavigation, keyboardNavigationState => keyboardNavigationState?.isFocused === true && keyboardNavigationState?.item != null);
 export const selectorChartsFocusedItem = createSelector(selectKeyboardNavigation, keyboardNavigationState => keyboardNavigationState?.isFocused === true ? keyboardNavigationState?.item ?? null : null);
-export const selectorChartsIsKeyboardNavigationEnabled = createSelector(selectKeyboardNavigation, keyboardNavigationState => !!keyboardNavigationState?.enableKeyboardNavigation);
+export const selectorChartsIsKeyboardNavigationEnabled = createSelector(selectKeyboardNavigation, keyboardNavigationState => !!keyboardNavigationState?.enabled);
 
 /**
  * Selectors to override highlight behavior.

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

@@ -9,11 +9,17 @@ export interface UseChartKeyboardNavigationState {
   keyboardNavigation: {
     item: null | FocusedItemIdentifier<ChartSeriesType>;
     isFocused: boolean;
-    enableKeyboardNavigation: boolean;
+    /**
+     * Indicates whether keyboard navigation is enabled or not.
+     */
+    enabled: boolean;
   };
 }
 type UseChartKeyboardNavigationParameters = {
-  enableKeyboardNavigation?: boolean;
+  /**
+   * If `true`, disables keyboard navigation for the chart.
+   */
+  disableKeyboardNavigation?: boolean;
 };
 export type UseChartKeyboardNavigationSignature = ChartPluginSignature<{
   params: UseChartKeyboardNavigationParameters;

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

@@ -9,11 +9,17 @@ export interface UseChartKeyboardNavigationState {
   keyboardNavigation: {
     item: null | FocusedItemIdentifier<ChartSeriesType>;
     isFocused: boolean;
-    enableKeyboardNavigation: boolean;
+    /**
+     * Indicates whether keyboard navigation is enabled or not.
+     */
+    enabled: boolean;
   };
 }
 type UseChartKeyboardNavigationParameters = {
-  enableKeyboardNavigation?: boolean;
+  /**
+   * If `true`, disables keyboard navigation for the chart.
+   */
+  disableKeyboardNavigation?: boolean;
 };
 export type UseChartKeyboardNavigationSignature = ChartPluginSignature<{
   params: UseChartKeyboardNavigationParameters;

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

@@ -11,16 +11,16 @@ export type ComputeResult<T extends ChartsAxisProps> = {
   axis: DefaultizedAxisConfig<T>;
   axisIds: string[];
 };
-type ComputeCommonParams<T extends ChartSeriesType = ChartSeriesType> = {
+type ComputeCommonParams<SeriesType extends ChartSeriesType = ChartSeriesType> = {
   drawingArea: ChartDrawingArea;
-  formattedSeries: ProcessedSeries<T>;
-  seriesConfig: ChartSeriesConfig<T>;
+  formattedSeries: ProcessedSeries<SeriesType>;
+  seriesConfig: ChartSeriesConfig<SeriesType>;
 };
-export declare function computeAxisValue<T extends ChartSeriesType>(options: ComputeCommonParams<T> & {
+export declare function computeAxisValue<SeriesType extends ChartSeriesType>(options: ComputeCommonParams<SeriesType> & {
   axis?: AxisConfig<'linear', any, ChartsRadiusAxisProps>[];
   axisDirection: 'radius';
 }): ComputeResult<ChartsRadiusAxisProps>;
-export declare function computeAxisValue<T extends ChartSeriesType>(options: ComputeCommonParams<T> & {
+export declare function computeAxisValue<SeriesType extends ChartSeriesType>(options: ComputeCommonParams<SeriesType> & {
   axis?: AxisConfig<ScaleName, any, ChartsRotationAxisProps>[];
   axisDirection: 'rotation';
 }): ComputeResult<ChartsRotationAxisProps>;

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

@@ -11,16 +11,16 @@ export type ComputeResult<T extends ChartsAxisProps> = {
   axis: DefaultizedAxisConfig<T>;
   axisIds: string[];
 };
-type ComputeCommonParams<T extends ChartSeriesType = ChartSeriesType> = {
+type ComputeCommonParams<SeriesType extends ChartSeriesType = ChartSeriesType> = {
   drawingArea: ChartDrawingArea;
-  formattedSeries: ProcessedSeries<T>;
-  seriesConfig: ChartSeriesConfig<T>;
+  formattedSeries: ProcessedSeries<SeriesType>;
+  seriesConfig: ChartSeriesConfig<SeriesType>;
 };
-export declare function computeAxisValue<T extends ChartSeriesType>(options: ComputeCommonParams<T> & {
+export declare function computeAxisValue<SeriesType extends ChartSeriesType>(options: ComputeCommonParams<SeriesType> & {
   axis?: AxisConfig<'linear', any, ChartsRadiusAxisProps>[];
   axisDirection: 'radius';
 }): ComputeResult<ChartsRadiusAxisProps>;
-export declare function computeAxisValue<T extends ChartSeriesType>(options: ComputeCommonParams<T> & {
+export declare function computeAxisValue<SeriesType extends ChartSeriesType>(options: ComputeCommonParams<SeriesType> & {
   axis?: AxisConfig<ScaleName, any, ChartsRotationAxisProps>[];
   axisDirection: 'rotation';
 }): ComputeResult<ChartsRotationAxisProps>;

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

@@ -2,4 +2,4 @@ import { type AxisConfig } from "../../../../models/axis.mjs";
 import { type PolarChartSeriesType } from "../../../../models/seriesType/config.mjs";
 import { type ChartSeriesConfig } from "../../corePlugins/useChartSeriesConfig/index.mjs";
 import { type ProcessedSeries } from "../../corePlugins/useChartSeries/useChartSeries.types.mjs";
-export declare const getAxisExtremum: <TSeriesType extends PolarChartSeriesType>(axis: AxisConfig, axisDirection: "rotation" | "radius", seriesConfig: ChartSeriesConfig<TSeriesType>, axisIndex: number, formattedSeries: ProcessedSeries<TSeriesType>) => number[];
+export declare const getAxisExtremum: <SeriesType extends PolarChartSeriesType>(axis: AxisConfig, axisDirection: "rotation" | "radius", seriesConfig: ChartSeriesConfig<SeriesType>, axisIndex: number, formattedSeries: ProcessedSeries<SeriesType>) => number[];

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

@@ -2,4 +2,4 @@ import { type AxisConfig } from "../../../../models/axis.js";
 import { type PolarChartSeriesType } from "../../../../models/seriesType/config.js";
 import { type ChartSeriesConfig } from "../../corePlugins/useChartSeriesConfig/index.js";
 import { type ProcessedSeries } from "../../corePlugins/useChartSeries/useChartSeries.types.js";
-export declare const getAxisExtremum: <TSeriesType extends PolarChartSeriesType>(axis: AxisConfig, axisDirection: "rotation" | "radius", seriesConfig: ChartSeriesConfig<TSeriesType>, axisIndex: number, formattedSeries: ProcessedSeries<TSeriesType>) => number[];
+export declare const getAxisExtremum: <SeriesType extends PolarChartSeriesType>(axis: AxisConfig, axisDirection: "rotation" | "radius", seriesConfig: ChartSeriesConfig<SeriesType>, axisIndex: number, formattedSeries: ProcessedSeries<SeriesType>) => number[];

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

@@ -2,4 +2,4 @@ import { type PolarChartSeriesType } from "../../../../models/seriesType/config.
 import { type ChartSeriesConfig } from "../../corePlugins/useChartSeriesConfig/index.mjs";
 import { type ProcessedSeries } from "../../corePlugins/useChartSeries/useChartSeries.types.mjs";
 import { type AxisId } from "../../../../models/axis.mjs";
-export declare const getAxisTriggerTooltip: <TSeriesType extends PolarChartSeriesType>(axisDirection: "radius" | "rotation", seriesConfig: ChartSeriesConfig<TSeriesType>, formattedSeries: ProcessedSeries<TSeriesType>, defaultAxisId: AxisId) => Set<AxisId>;
+export declare const getAxisTriggerTooltip: <SeriesType extends PolarChartSeriesType>(axisDirection: "radius" | "rotation", seriesConfig: ChartSeriesConfig<SeriesType>, formattedSeries: ProcessedSeries<SeriesType>, defaultAxisId: AxisId) => Set<AxisId>;

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

@@ -2,4 +2,4 @@ import { type PolarChartSeriesType } from "../../../../models/seriesType/config.
 import { type ChartSeriesConfig } from "../../corePlugins/useChartSeriesConfig/index.js";
 import { type ProcessedSeries } from "../../corePlugins/useChartSeries/useChartSeries.types.js";
 import { type AxisId } from "../../../../models/axis.js";
-export declare const getAxisTriggerTooltip: <TSeriesType extends PolarChartSeriesType>(axisDirection: "radius" | "rotation", seriesConfig: ChartSeriesConfig<TSeriesType>, formattedSeries: ProcessedSeries<TSeriesType>, defaultAxisId: AxisId) => Set<AxisId>;
+export declare const getAxisTriggerTooltip: <SeriesType extends PolarChartSeriesType>(axisDirection: "radius" | "rotation", seriesConfig: ChartSeriesConfig<SeriesType>, formattedSeries: ProcessedSeries<SeriesType>, defaultAxisId: AxisId) => Set<AxisId>;

package/internals/plugins/featurePlugins/useChartPolarAxis/useChartPolarInteraction.selectors.js

@@ -30,9 +30,10 @@ const selectorChartsInteractionRotationAngle = (0, _store.createSelector)(_useCh
   }
   return (0, _coordinateTransformation.generateSvg2rotation)(center)(x, y);
 });
-const selectorChartsInteractionRotationAxisIndex = exports.selectorChartsInteractionRotationAxisIndex = (0, _store.createSelector)(selectorChartsInteractionRotationAngle, _useChartPolarAxis.selectorChartRotationAxis, optionalGetAxisId, (rotation, rotationAxis, id = rotationAxis.axisIds[0]) => rotation === null ? null : indexGetter(rotation, rotationAxis, id));
-const selectorChartsInteractionRotationAxisIndexes = exports.selectorChartsInteractionRotationAxisIndexes = (0, _store.createSelector)(selectorChartsInteractionRotationAngle, _useChartPolarAxis.selectorChartRotationAxis, optionalGetAxisIds, (rotation, rotationAxis, ids = rotationAxis.axisIds) => rotation === null ? null : indexGetter(rotation, rotationAxis, ids));
-const selectorChartsInteractionRotationAxisValue = exports.selectorChartsInteractionRotationAxisValue = (0, _store.createSelector)(_useChartPolarAxis.selectorChartRotationAxis, selectorChartsInteractionRotationAxisIndex, optionalGetAxisId, (rotationAxis, rotationIndex, id = rotationAxis.axisIds[0]) => {
+const selectorChartsInteractionRotationAxisIndex = exports.selectorChartsInteractionRotationAxisIndex = (0, _store.createSelector)(selectorChartsInteractionRotationAngle, _useChartPolarAxis.selectorChartRotationAxis, optionalGetAxisId, (rotation, rotationAxis, id) => rotation === null ? null : indexGetter(rotation, rotationAxis, id ?? rotationAxis.axisIds[0]));
+const selectorChartsInteractionRotationAxisIndexes = exports.selectorChartsInteractionRotationAxisIndexes = (0, _store.createSelector)(selectorChartsInteractionRotationAngle, _useChartPolarAxis.selectorChartRotationAxis, optionalGetAxisIds, (rotation, rotationAxis, ids) => rotation === null ? null : indexGetter(rotation, rotationAxis, ids ?? rotationAxis.axisIds));
+const selectorChartsInteractionRotationAxisValue = exports.selectorChartsInteractionRotationAxisValue = (0, _store.createSelector)(_useChartPolarAxis.selectorChartRotationAxis, selectorChartsInteractionRotationAxisIndex, optionalGetAxisId, (rotationAxis, rotationIndex, id) => {
+  id = id ?? rotationAxis.axisIds[0];
   if (rotationIndex === null || rotationIndex === -1 || rotationAxis.axisIds.length === 0) {
     return null;
   }
@@ -42,7 +43,8 @@ const selectorChartsInteractionRotationAxisValue = exports.selectorChartsInterac
   }
   return data[rotationIndex];
 });
-const selectorChartsInteractionRotationAxisValues = exports.selectorChartsInteractionRotationAxisValues = (0, _store.createSelector)(_useChartPolarAxis.selectorChartRotationAxis, selectorChartsInteractionRotationAxisIndexes, optionalGetAxisIds, (rotationAxis, rotationIndexes, ids = rotationAxis.axisIds) => {
+const selectorChartsInteractionRotationAxisValues = exports.selectorChartsInteractionRotationAxisValues = (0, _store.createSelector)(_useChartPolarAxis.selectorChartRotationAxis, selectorChartsInteractionRotationAxisIndexes, optionalGetAxisIds, (rotationAxis, rotationIndexes, ids) => {
+  ids = ids ?? rotationAxis.axisIds;
   if (rotationIndexes === null) {
     return null;
   }

package/internals/plugins/featurePlugins/useChartPolarAxis/useChartPolarInteraction.selectors.mjs

@@ -24,9 +24,10 @@ const selectorChartsInteractionRotationAngle = createSelector(selectorChartsInte
   }
   return generateSvg2rotation(center)(x, y);
 });
-export const selectorChartsInteractionRotationAxisIndex = createSelector(selectorChartsInteractionRotationAngle, selectorChartRotationAxis, optionalGetAxisId, (rotation, rotationAxis, id = rotationAxis.axisIds[0]) => rotation === null ? null : indexGetter(rotation, rotationAxis, id));
-export const selectorChartsInteractionRotationAxisIndexes = createSelector(selectorChartsInteractionRotationAngle, selectorChartRotationAxis, optionalGetAxisIds, (rotation, rotationAxis, ids = rotationAxis.axisIds) => rotation === null ? null : indexGetter(rotation, rotationAxis, ids));
-export const selectorChartsInteractionRotationAxisValue = createSelector(selectorChartRotationAxis, selectorChartsInteractionRotationAxisIndex, optionalGetAxisId, (rotationAxis, rotationIndex, id = rotationAxis.axisIds[0]) => {
+export const selectorChartsInteractionRotationAxisIndex = createSelector(selectorChartsInteractionRotationAngle, selectorChartRotationAxis, optionalGetAxisId, (rotation, rotationAxis, id) => rotation === null ? null : indexGetter(rotation, rotationAxis, id ?? rotationAxis.axisIds[0]));
+export const selectorChartsInteractionRotationAxisIndexes = createSelector(selectorChartsInteractionRotationAngle, selectorChartRotationAxis, optionalGetAxisIds, (rotation, rotationAxis, ids) => rotation === null ? null : indexGetter(rotation, rotationAxis, ids ?? rotationAxis.axisIds));
+export const selectorChartsInteractionRotationAxisValue = createSelector(selectorChartRotationAxis, selectorChartsInteractionRotationAxisIndex, optionalGetAxisId, (rotationAxis, rotationIndex, id) => {
+  id = id ?? rotationAxis.axisIds[0];
   if (rotationIndex === null || rotationIndex === -1 || rotationAxis.axisIds.length === 0) {
     return null;
   }
@@ -36,7 +37,8 @@ export const selectorChartsInteractionRotationAxisValue = createSelector(selecto
   }
   return data[rotationIndex];
 });
-export const selectorChartsInteractionRotationAxisValues = createSelector(selectorChartRotationAxis, selectorChartsInteractionRotationAxisIndexes, optionalGetAxisIds, (rotationAxis, rotationIndexes, ids = rotationAxis.axisIds) => {
+export const selectorChartsInteractionRotationAxisValues = createSelector(selectorChartRotationAxis, selectorChartsInteractionRotationAxisIndexes, optionalGetAxisIds, (rotationAxis, rotationIndexes, ids) => {
+  ids = ids ?? rotationAxis.axisIds;
   if (rotationIndexes === null) {
     return null;
   }

package/internals/plugins/featurePlugins/useChartTooltip/useChartTooltip.types.d.mts

@@ -17,21 +17,21 @@ export interface UseChartTooltipInstance {
    */
   removeTooltipItem: (itemToRemove?: SeriesItemIdentifierWithType<ChartSeriesType>) => void;
 }
-export interface UseChartTooltipParameters<TSeries extends ChartSeriesType = ChartSeriesType> {
+export interface UseChartTooltipParameters<SeriesType extends ChartSeriesType = ChartSeriesType> {
   /**
    * The tooltip item.
    * Used when the tooltip is controlled.
    */
-  tooltipItem?: SeriesItemIdentifier<TSeries> | SeriesItemIdentifierWithType<TSeries> | null;
+  tooltipItem?: SeriesItemIdentifier<SeriesType> | SeriesItemIdentifierWithType<SeriesType> | null;
   /**
    * The callback fired when the tooltip item changes.
    *
-   * @param {SeriesItemIdentifier<TSeries> | null} tooltipItem  The newly highlighted item.
+   * @param {SeriesItemIdentifier<SeriesType> | null} tooltipItem  The newly highlighted item.
    */
-  onTooltipItemChange?: (tooltipItem: SeriesItemIdentifierWithType<TSeries> | null) => void;
+  onTooltipItemChange?: (tooltipItem: SeriesItemIdentifierWithType<SeriesType> | null) => void;
 }
-export type UseChartTooltipDefaultizedParameters<TSeries extends ChartSeriesType = ChartSeriesType> = DefaultizedProps<UseChartTooltipParameters<TSeries>, 'tooltipItem'>;
-export interface UseChartTooltipState<TSeries extends ChartSeriesType = ChartSeriesType> {
+export type UseChartTooltipDefaultizedParameters<SeriesType extends ChartSeriesType = ChartSeriesType> = DefaultizedProps<UseChartTooltipParameters<SeriesType>, 'tooltipItem'>;
+export interface UseChartTooltipState<SeriesType extends ChartSeriesType = ChartSeriesType> {
   tooltip: {
     /**
      * Indicates if the tooltip item is controlled.
@@ -40,12 +40,12 @@ export interface UseChartTooltipState<TSeries extends ChartSeriesType = ChartSer
     /**
      * The item currently under the pointer.
      */
-    item: null | SeriesItemIdentifierWithType<TSeries>;
+    item: null | SeriesItemIdentifierWithType<SeriesType>;
   };
 }
-export type UseChartTooltipSignature<TSeries extends ChartSeriesType = ChartSeriesType> = ChartPluginSignature<{
+export type UseChartTooltipSignature<SeriesType extends ChartSeriesType = ChartSeriesType> = ChartPluginSignature<{
   instance: UseChartTooltipInstance;
   state: UseChartTooltipState;
-  params: UseChartTooltipParameters<TSeries>;
-  defaultizedParams: UseChartTooltipDefaultizedParameters<TSeries>;
+  params: UseChartTooltipParameters<SeriesType>;
+  defaultizedParams: UseChartTooltipDefaultizedParameters<SeriesType>;
 }>;

package/internals/plugins/featurePlugins/useChartTooltip/useChartTooltip.types.d.ts

@@ -17,21 +17,21 @@ export interface UseChartTooltipInstance {
    */
   removeTooltipItem: (itemToRemove?: SeriesItemIdentifierWithType<ChartSeriesType>) => void;
 }
-export interface UseChartTooltipParameters<TSeries extends ChartSeriesType = ChartSeriesType> {
+export interface UseChartTooltipParameters<SeriesType extends ChartSeriesType = ChartSeriesType> {
   /**
    * The tooltip item.
    * Used when the tooltip is controlled.
    */
-  tooltipItem?: SeriesItemIdentifier<TSeries> | SeriesItemIdentifierWithType<TSeries> | null;
+  tooltipItem?: SeriesItemIdentifier<SeriesType> | SeriesItemIdentifierWithType<SeriesType> | null;
   /**
    * The callback fired when the tooltip item changes.
    *
-   * @param {SeriesItemIdentifier<TSeries> | null} tooltipItem  The newly highlighted item.
+   * @param {SeriesItemIdentifier<SeriesType> | null} tooltipItem  The newly highlighted item.
    */
-  onTooltipItemChange?: (tooltipItem: SeriesItemIdentifierWithType<TSeries> | null) => void;
+  onTooltipItemChange?: (tooltipItem: SeriesItemIdentifierWithType<SeriesType> | null) => void;
 }
-export type UseChartTooltipDefaultizedParameters<TSeries extends ChartSeriesType = ChartSeriesType> = DefaultizedProps<UseChartTooltipParameters<TSeries>, 'tooltipItem'>;
-export interface UseChartTooltipState<TSeries extends ChartSeriesType = ChartSeriesType> {
+export type UseChartTooltipDefaultizedParameters<SeriesType extends ChartSeriesType = ChartSeriesType> = DefaultizedProps<UseChartTooltipParameters<SeriesType>, 'tooltipItem'>;
+export interface UseChartTooltipState<SeriesType extends ChartSeriesType = ChartSeriesType> {
   tooltip: {
     /**
      * Indicates if the tooltip item is controlled.
@@ -40,12 +40,12 @@ export interface UseChartTooltipState<TSeries extends ChartSeriesType = ChartSer
     /**
      * The item currently under the pointer.
      */
-    item: null | SeriesItemIdentifierWithType<TSeries>;
+    item: null | SeriesItemIdentifierWithType<SeriesType>;
   };
 }
-export type UseChartTooltipSignature<TSeries extends ChartSeriesType = ChartSeriesType> = ChartPluginSignature<{
+export type UseChartTooltipSignature<SeriesType extends ChartSeriesType = ChartSeriesType> = ChartPluginSignature<{
   instance: UseChartTooltipInstance;
   state: UseChartTooltipState;
-  params: UseChartTooltipParameters<TSeries>;
-  defaultizedParams: UseChartTooltipDefaultizedParameters<TSeries>;
+  params: UseChartTooltipParameters<SeriesType>;
+  defaultizedParams: UseChartTooltipDefaultizedParameters<SeriesType>;
 }>;