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

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

@@ -1,3 +1,4 @@
+import type * as React from 'react';
 import type { SeriesProcessor } from "./seriesProcessor.types.mjs";
 import type { CartesianChartSeriesType, ChartSeriesType, ChartsSeriesConfig, PolarChartSeriesType } from "../../../../../models/seriesType/config.mjs";
 import type { ColorProcessor } from "./colorProcessor.types.mjs";
@@ -15,46 +16,50 @@ import { type GetItemAtPosition } from "./getItemAtPosition.types.mjs";
 import { type UseChartCartesianAxisSignature } from "../../../featurePlugins/useChartCartesianAxis/index.mjs";
 import { type UseChartPolarAxisSignature } from "../../../featurePlugins/useChartPolarAxis/index.mjs";
 import { type HighlightCreator } from "../../../featurePlugins/useChartHighlight/highlightCreator.types.mjs";
-export type ChartSeriesTypeRequiredPlugins<TSeriesType extends ChartSeriesType> = ChartsSeriesConfig[TSeriesType] extends {
+import { type AxisTooltipContentProps, type ItemTooltipContentProps } from "./TooltipContent.types.mjs";
+export type ChartSeriesTypeRequiredPlugins<SeriesType extends ChartSeriesType> = ChartsSeriesConfig[SeriesType] extends {
   axisType: 'cartesian';
-} ? [UseChartCartesianAxisSignature] : ChartsSeriesConfig[TSeriesType] extends {
+} ? [UseChartCartesianAxisSignature] : ChartsSeriesConfig[SeriesType] extends {
   axisType: 'polar';
 } ? [UseChartPolarAxisSignature] : [];
-export type ChartSeriesTypeConfig<TSeriesType extends ChartSeriesType> = {
-  seriesProcessor: SeriesProcessor<TSeriesType>;
+export type ChartSeriesTypeConfig<SeriesType extends ChartSeriesType> = {
+  seriesProcessor: SeriesProcessor<SeriesType>;
   /**
    * A processor to add series layout when the layout does not depend from other series.
    */
-  seriesLayout?: SeriesLayoutGetter<TSeriesType>;
-  colorProcessor: ColorProcessor<TSeriesType>;
-  legendGetter: LegendGetter<TSeriesType>;
-  tooltipGetter: TooltipGetter<TSeriesType>;
-  tooltipItemPositionGetter?: TooltipItemPositionGetter<TSeriesType>;
-  getSeriesWithDefaultValues: GetSeriesWithDefaultValues<TSeriesType>;
-  keyboardFocusHandler?: KeyboardFocusHandler<TSeriesType>;
+  seriesLayout?: SeriesLayoutGetter<SeriesType>;
+  colorProcessor: ColorProcessor<SeriesType>;
+  legendGetter: LegendGetter<SeriesType>;
+  tooltipGetter: TooltipGetter<SeriesType>;
+  ItemTooltipContent?: React.ComponentType<ItemTooltipContentProps<SeriesType>>;
+  tooltipItemPositionGetter?: TooltipItemPositionGetter<SeriesType>;
+  getSeriesWithDefaultValues: GetSeriesWithDefaultValues<SeriesType>;
+  keyboardFocusHandler?: KeyboardFocusHandler<SeriesType>;
   /**
    * A function to serialize the series item identifier into a unique string.
-   * @param {SeriesItemIdentifierWithType<TSeriesType>} identifier The series item identifier.
+   * @param {SeriesItemIdentifierWithType<SeriesType>} identifier The series item identifier.
    * @returns {string} A unique string representation of the identifier.
    */
-  identifierSerializer: IdentifierSerializer<TSeriesType>;
+  identifierSerializer: IdentifierSerializer<SeriesType>;
   /**
    * A function to clean a series item identifier, returning only the properties
    * relevant to the series type.
-   * @param {Partial<SeriesItemIdentifierWithType<TSeriesType>> & { type: TSeriesType }} identifier The partial identifier to clean.
-   * @returns {SeriesItemIdentifierWithType<TSeriesType>} A cleaned identifier with only the relevant properties.
+   * @param {Partial<SeriesItemIdentifierWithType<SeriesType>> & { type: SeriesType }} identifier The partial identifier to clean.
+   * @returns {SeriesItemIdentifierWithType<SeriesType>} A cleaned identifier with only the relevant properties.
    */
-  identifierCleaner: IdentifierCleaner<TSeriesType>;
-  getItemAtPosition?: GetItemAtPosition<TSeriesType>;
-  isHighlightedCreator: HighlightCreator<TSeriesType>;
-  isFadedCreator: HighlightCreator<TSeriesType>;
-} & (TSeriesType extends CartesianChartSeriesType ? {
-  xExtremumGetter: CartesianExtremumGetter<TSeriesType>;
-  yExtremumGetter: CartesianExtremumGetter<TSeriesType>;
-  axisTooltipGetter?: AxisTooltipGetter<TSeriesType, 'x' | 'y'>;
-} : {}) & (TSeriesType extends PolarChartSeriesType ? {
-  rotationExtremumGetter: PolarExtremumGetter<TSeriesType>;
-  radiusExtremumGetter: PolarExtremumGetter<TSeriesType>;
-  axisTooltipGetter?: AxisTooltipGetter<TSeriesType, 'rotation' | 'radius'>;
+  identifierCleaner: IdentifierCleaner<SeriesType>;
+  getItemAtPosition?: GetItemAtPosition<SeriesType>;
+  isHighlightedCreator: HighlightCreator<SeriesType>;
+  isFadedCreator: HighlightCreator<SeriesType>;
+} & (SeriesType extends CartesianChartSeriesType ? {
+  xExtremumGetter: CartesianExtremumGetter<SeriesType>;
+  yExtremumGetter: CartesianExtremumGetter<SeriesType>;
+  axisTooltipGetter?: AxisTooltipGetter<SeriesType, 'x' | 'y'>;
+  AxisTooltipContent?: React.ComponentType<AxisTooltipContentProps<SeriesType>>;
+} : {}) & (SeriesType extends PolarChartSeriesType ? {
+  rotationExtremumGetter: PolarExtremumGetter<SeriesType>;
+  radiusExtremumGetter: PolarExtremumGetter<SeriesType>;
+  axisTooltipGetter?: AxisTooltipGetter<SeriesType, 'rotation' | 'radius'>;
+  AxisTooltipContent?: React.ComponentType<AxisTooltipContentProps<SeriesType>>;
 } : {});
-export type ChartSeriesConfig<TSeriesType extends ChartSeriesType> = { [Key in TSeriesType]: ChartSeriesTypeConfig<Key> };
+export type ChartSeriesConfig<SeriesType extends ChartSeriesType> = { [Key in SeriesType]: ChartSeriesTypeConfig<Key> };

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

@@ -1,3 +1,4 @@
+import type * as React from 'react';
 import type { SeriesProcessor } from "./seriesProcessor.types.js";
 import type { CartesianChartSeriesType, ChartSeriesType, ChartsSeriesConfig, PolarChartSeriesType } from "../../../../../models/seriesType/config.js";
 import type { ColorProcessor } from "./colorProcessor.types.js";
@@ -15,46 +16,50 @@ import { type GetItemAtPosition } from "./getItemAtPosition.types.js";
 import { type UseChartCartesianAxisSignature } from "../../../featurePlugins/useChartCartesianAxis/index.js";
 import { type UseChartPolarAxisSignature } from "../../../featurePlugins/useChartPolarAxis/index.js";
 import { type HighlightCreator } from "../../../featurePlugins/useChartHighlight/highlightCreator.types.js";
-export type ChartSeriesTypeRequiredPlugins<TSeriesType extends ChartSeriesType> = ChartsSeriesConfig[TSeriesType] extends {
+import { type AxisTooltipContentProps, type ItemTooltipContentProps } from "./TooltipContent.types.js";
+export type ChartSeriesTypeRequiredPlugins<SeriesType extends ChartSeriesType> = ChartsSeriesConfig[SeriesType] extends {
   axisType: 'cartesian';
-} ? [UseChartCartesianAxisSignature] : ChartsSeriesConfig[TSeriesType] extends {
+} ? [UseChartCartesianAxisSignature] : ChartsSeriesConfig[SeriesType] extends {
   axisType: 'polar';
 } ? [UseChartPolarAxisSignature] : [];
-export type ChartSeriesTypeConfig<TSeriesType extends ChartSeriesType> = {
-  seriesProcessor: SeriesProcessor<TSeriesType>;
+export type ChartSeriesTypeConfig<SeriesType extends ChartSeriesType> = {
+  seriesProcessor: SeriesProcessor<SeriesType>;
   /**
    * A processor to add series layout when the layout does not depend from other series.
    */
-  seriesLayout?: SeriesLayoutGetter<TSeriesType>;
-  colorProcessor: ColorProcessor<TSeriesType>;
-  legendGetter: LegendGetter<TSeriesType>;
-  tooltipGetter: TooltipGetter<TSeriesType>;
-  tooltipItemPositionGetter?: TooltipItemPositionGetter<TSeriesType>;
-  getSeriesWithDefaultValues: GetSeriesWithDefaultValues<TSeriesType>;
-  keyboardFocusHandler?: KeyboardFocusHandler<TSeriesType>;
+  seriesLayout?: SeriesLayoutGetter<SeriesType>;
+  colorProcessor: ColorProcessor<SeriesType>;
+  legendGetter: LegendGetter<SeriesType>;
+  tooltipGetter: TooltipGetter<SeriesType>;
+  ItemTooltipContent?: React.ComponentType<ItemTooltipContentProps<SeriesType>>;
+  tooltipItemPositionGetter?: TooltipItemPositionGetter<SeriesType>;
+  getSeriesWithDefaultValues: GetSeriesWithDefaultValues<SeriesType>;
+  keyboardFocusHandler?: KeyboardFocusHandler<SeriesType>;
   /**
    * A function to serialize the series item identifier into a unique string.
-   * @param {SeriesItemIdentifierWithType<TSeriesType>} identifier The series item identifier.
+   * @param {SeriesItemIdentifierWithType<SeriesType>} identifier The series item identifier.
    * @returns {string} A unique string representation of the identifier.
    */
-  identifierSerializer: IdentifierSerializer<TSeriesType>;
+  identifierSerializer: IdentifierSerializer<SeriesType>;
   /**
    * A function to clean a series item identifier, returning only the properties
    * relevant to the series type.
-   * @param {Partial<SeriesItemIdentifierWithType<TSeriesType>> & { type: TSeriesType }} identifier The partial identifier to clean.
-   * @returns {SeriesItemIdentifierWithType<TSeriesType>} A cleaned identifier with only the relevant properties.
+   * @param {Partial<SeriesItemIdentifierWithType<SeriesType>> & { type: SeriesType }} identifier The partial identifier to clean.
+   * @returns {SeriesItemIdentifierWithType<SeriesType>} A cleaned identifier with only the relevant properties.
    */
-  identifierCleaner: IdentifierCleaner<TSeriesType>;
-  getItemAtPosition?: GetItemAtPosition<TSeriesType>;
-  isHighlightedCreator: HighlightCreator<TSeriesType>;
-  isFadedCreator: HighlightCreator<TSeriesType>;
-} & (TSeriesType extends CartesianChartSeriesType ? {
-  xExtremumGetter: CartesianExtremumGetter<TSeriesType>;
-  yExtremumGetter: CartesianExtremumGetter<TSeriesType>;
-  axisTooltipGetter?: AxisTooltipGetter<TSeriesType, 'x' | 'y'>;
-} : {}) & (TSeriesType extends PolarChartSeriesType ? {
-  rotationExtremumGetter: PolarExtremumGetter<TSeriesType>;
-  radiusExtremumGetter: PolarExtremumGetter<TSeriesType>;
-  axisTooltipGetter?: AxisTooltipGetter<TSeriesType, 'rotation' | 'radius'>;
+  identifierCleaner: IdentifierCleaner<SeriesType>;
+  getItemAtPosition?: GetItemAtPosition<SeriesType>;
+  isHighlightedCreator: HighlightCreator<SeriesType>;
+  isFadedCreator: HighlightCreator<SeriesType>;
+} & (SeriesType extends CartesianChartSeriesType ? {
+  xExtremumGetter: CartesianExtremumGetter<SeriesType>;
+  yExtremumGetter: CartesianExtremumGetter<SeriesType>;
+  axisTooltipGetter?: AxisTooltipGetter<SeriesType, 'x' | 'y'>;
+  AxisTooltipContent?: React.ComponentType<AxisTooltipContentProps<SeriesType>>;
+} : {}) & (SeriesType extends PolarChartSeriesType ? {
+  rotationExtremumGetter: PolarExtremumGetter<SeriesType>;
+  radiusExtremumGetter: PolarExtremumGetter<SeriesType>;
+  axisTooltipGetter?: AxisTooltipGetter<SeriesType, 'rotation' | 'radius'>;
+  AxisTooltipContent?: React.ComponentType<AxisTooltipContentProps<SeriesType>>;
 } : {});
-export type ChartSeriesConfig<TSeriesType extends ChartSeriesType> = { [Key in TSeriesType]: ChartSeriesTypeConfig<Key> };
+export type ChartSeriesConfig<SeriesType extends ChartSeriesType> = { [Key in SeriesType]: ChartSeriesTypeConfig<Key> };

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

@@ -2,5 +2,5 @@ import type { ChartSeriesType, ChartSeriesLayout } from "../../../../../models/s
 import { type ChartDrawingArea } from "../../../../../hooks/useDrawingArea.mjs";
 import type { SeriesId } from "../../../../../models/seriesType/common.mjs";
 import { type SeriesProcessorResult } from "./seriesProcessor.types.mjs";
-export type SeriesLayoutGetterResult<TSeriesType extends ChartSeriesType> = Record<SeriesId, ChartSeriesLayout<TSeriesType>>;
-export type SeriesLayoutGetter<TSeriesType extends ChartSeriesType> = (params: SeriesProcessorResult<TSeriesType>, drawingArea: Readonly<ChartDrawingArea>) => SeriesLayoutGetterResult<TSeriesType>;
+export type SeriesLayoutGetterResult<SeriesType extends ChartSeriesType> = Record<SeriesId, ChartSeriesLayout<SeriesType>>;
+export type SeriesLayoutGetter<SeriesType extends ChartSeriesType> = (params: SeriesProcessorResult<SeriesType>, drawingArea: Readonly<ChartDrawingArea>) => SeriesLayoutGetterResult<SeriesType>;

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

@@ -2,5 +2,5 @@ import type { ChartSeriesType, ChartSeriesLayout } from "../../../../../models/s
 import { type ChartDrawingArea } from "../../../../../hooks/useDrawingArea.js";
 import type { SeriesId } from "../../../../../models/seriesType/common.js";
 import { type SeriesProcessorResult } from "./seriesProcessor.types.js";
-export type SeriesLayoutGetterResult<TSeriesType extends ChartSeriesType> = Record<SeriesId, ChartSeriesLayout<TSeriesType>>;
-export type SeriesLayoutGetter<TSeriesType extends ChartSeriesType> = (params: SeriesProcessorResult<TSeriesType>, drawingArea: Readonly<ChartDrawingArea>) => SeriesLayoutGetterResult<TSeriesType>;
+export type SeriesLayoutGetterResult<SeriesType extends ChartSeriesType> = Record<SeriesId, ChartSeriesLayout<SeriesType>>;
+export type SeriesLayoutGetter<SeriesType extends ChartSeriesType> = (params: SeriesProcessorResult<SeriesType>, drawingArea: Readonly<ChartDrawingArea>) => SeriesLayoutGetterResult<SeriesType>;

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

@@ -2,16 +2,16 @@ import type { ChartSeriesDefaultized, ChartSeriesType, ChartsSeriesConfig, Datas
 import type { SeriesId } from "../../../../../models/seriesType/common.mjs";
 import type { StackingGroupsType } from "../../../../stacking/index.mjs";
 import type { IsItemVisibleFunction } from "../../../featurePlugins/useChartVisibilityManager/index.mjs";
-export type SeriesProcessorParams<TSeriesType extends ChartSeriesType> = {
-  series: Record<SeriesId, ChartsSeriesConfig[TSeriesType]['seriesInput']>;
+export type SeriesProcessorParams<SeriesType extends ChartSeriesType> = {
+  series: Record<SeriesId, ChartsSeriesConfig[SeriesType]['seriesInput']>;
   seriesOrder: SeriesId[];
 };
-export type SeriesProcessorResult<TSeriesType extends ChartSeriesType> = {
-  series: Record<SeriesId, ChartSeriesDefaultized<TSeriesType>>;
+export type SeriesProcessorResult<SeriesType extends ChartSeriesType> = {
+  series: Record<SeriesId, ChartSeriesDefaultized<SeriesType>>;
   seriesOrder: SeriesId[];
-} & (ChartsSeriesConfig[TSeriesType] extends {
+} & (ChartsSeriesConfig[SeriesType] extends {
   canBeStacked: true;
 } ? {
   stackingGroups: StackingGroupsType;
 } : {});
-export type SeriesProcessor<TSeriesType extends ChartSeriesType> = (params: SeriesProcessorParams<TSeriesType>, dataset?: Readonly<DatasetType>, isItemVisible?: IsItemVisibleFunction) => SeriesProcessorResult<TSeriesType>;
+export type SeriesProcessor<SeriesType extends ChartSeriesType> = (params: SeriesProcessorParams<SeriesType>, dataset?: Readonly<DatasetType>, isItemVisible?: IsItemVisibleFunction) => SeriesProcessorResult<SeriesType>;

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

@@ -2,16 +2,16 @@ import type { ChartSeriesDefaultized, ChartSeriesType, ChartsSeriesConfig, Datas
 import type { SeriesId } from "../../../../../models/seriesType/common.js";
 import type { StackingGroupsType } from "../../../../stacking/index.js";
 import type { IsItemVisibleFunction } from "../../../featurePlugins/useChartVisibilityManager/index.js";
-export type SeriesProcessorParams<TSeriesType extends ChartSeriesType> = {
-  series: Record<SeriesId, ChartsSeriesConfig[TSeriesType]['seriesInput']>;
+export type SeriesProcessorParams<SeriesType extends ChartSeriesType> = {
+  series: Record<SeriesId, ChartsSeriesConfig[SeriesType]['seriesInput']>;
   seriesOrder: SeriesId[];
 };
-export type SeriesProcessorResult<TSeriesType extends ChartSeriesType> = {
-  series: Record<SeriesId, ChartSeriesDefaultized<TSeriesType>>;
+export type SeriesProcessorResult<SeriesType extends ChartSeriesType> = {
+  series: Record<SeriesId, ChartSeriesDefaultized<SeriesType>>;
   seriesOrder: SeriesId[];
-} & (ChartsSeriesConfig[TSeriesType] extends {
+} & (ChartsSeriesConfig[SeriesType] extends {
   canBeStacked: true;
 } ? {
   stackingGroups: StackingGroupsType;
 } : {});
-export type SeriesProcessor<TSeriesType extends ChartSeriesType> = (params: SeriesProcessorParams<TSeriesType>, dataset?: Readonly<DatasetType>, isItemVisible?: IsItemVisibleFunction) => SeriesProcessorResult<TSeriesType>;
+export type SeriesProcessor<SeriesType extends ChartSeriesType> = (params: SeriesProcessorParams<SeriesType>, dataset?: Readonly<DatasetType>, isItemVisible?: IsItemVisibleFunction) => SeriesProcessorResult<SeriesType>;

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

@@ -4,23 +4,15 @@ import { type SeriesId } from "../../../../../models/seriesType/common.mjs";
 import { type AxisId, type ChartsRotationAxisProps, type ChartsRadiusAxisProps, type PolarAxisDefaultized, type ComputedXAxis, type ComputedYAxis } from "../../../../../models/axis.mjs";
 import { type ChartsLabelMarkProps } from "../../../../../ChartsLabel/ChartsLabelMark.mjs";
 import { type ColorGetter } from "./colorProcessor.types.mjs";
-export interface ItemTooltip<T extends ChartSeriesType> {
+export interface ItemTooltipValue<SeriesType extends ChartSeriesType> {
   /**
-   * An object that identifies the item to display.
-   */
-  identifier: SeriesItemIdentifierWithType<T>;
-  /**
-   * The color associated with the item.
-   */
-  color: string;
-  /**
-   * The item label.
+   * The metric label.
    */
   label: string | undefined;
   /**
-   * The item value.
+   * The value.
    */
-  value: ChartsSeriesConfig[T]['valueType'];
+  value: SeriesType extends 'heatmap' ? number | null : ChartsSeriesConfig[SeriesType]['valueType'];
   /**
    * The value formatted with context set to "tooltip".
    */
@@ -29,26 +21,23 @@ export interface ItemTooltip<T extends ChartSeriesType> {
    * The series mark type.
    */
   markType: ChartsLabelMarkProps['type'];
+  /**
+   * The series mark shape.
+   */
+  markShape?: ChartsLabelMarkProps['markShape'];
+}
+export interface ItemTooltip<SeriesType extends ChartSeriesType> extends ItemTooltipValue<SeriesType> {
+  /**
+   * An object that identifies the item to display.
+   */
+  identifier: SeriesItemIdentifierWithType<SeriesType>;
+  /**
+   * The color associated with the item.
+   */
+  color: string;
 }
-export type ItemTooltipWithMultipleValues<T extends 'radar' = 'radar'> = Pick<ItemTooltip<T>, 'identifier' | 'color' | 'label' | 'markType'> & {
-  values: {
-    /**
-     * The metric label.
-     */
-    label: string | undefined;
-    /**
-     * The value.
-     */
-    value: ChartsSeriesConfig[T]['valueType'];
-    /**
-     * The value formatted with context set to "tooltip".
-     */
-    formattedValue: string | null;
-    /**
-     * The series mark type.
-     */
-    markType: ChartsLabelMarkProps['type'];
-  }[];
+export type ItemTooltipWithMultipleValues<T extends 'radar' = 'radar'> = Pick<ItemTooltip<T>, 'identifier' | 'color' | 'label' | 'markType' | 'markShape'> & {
+  values: ItemTooltipValue<T>[];
 };
 export interface TooltipGetterAxesConfig {
   x?: ComputedXAxis;
@@ -56,19 +45,19 @@ export interface TooltipGetterAxesConfig {
   rotation?: PolarAxisDefaultized<any, any, ChartsRotationAxisProps>;
   radius?: PolarAxisDefaultized<any, any, ChartsRadiusAxisProps>;
 }
-export type TooltipGetter<TSeriesType extends ChartSeriesType> = (params: {
-  series: ChartSeriesDefaultized<TSeriesType>;
+export type TooltipGetter<SeriesType extends ChartSeriesType> = (params: {
+  series: ChartSeriesDefaultized<SeriesType>;
   axesConfig: TooltipGetterAxesConfig;
-  getColor: ColorGetter<TSeriesType>;
-  identifier: SeriesItemIdentifierWithType<TSeriesType> | null;
-}) => (TSeriesType extends 'radar' ? ItemTooltipWithMultipleValues<TSeriesType> : ItemTooltip<TSeriesType>) | null;
+  getColor: ColorGetter<SeriesType>;
+  identifier: SeriesItemIdentifierWithType<SeriesType> | null;
+}) => (SeriesType extends 'radar' ? ItemTooltipWithMultipleValues<SeriesType> : ItemTooltip<SeriesType>) | null;
 /**
  * If `axisId` is set to undefined, the default axis will be used.
  *
- * @param {Record<SeriesId, ChartSeriesDefaultized<TSeriesType>>} series A map of series ID to their series configuration.
+ * @param {Record<SeriesId, ChartSeriesDefaultized<SeriesType>>} series A map of series ID to their series configuration.
  * @returns {{ direction: Directions; axisId: AxisId | undefined }[]} an array of the axes that should trigger the tooltip.
  */
-export type AxisTooltipGetter<TSeriesType extends ChartSeriesType, Directions extends 'x' | 'y' | 'rotation' | 'radius' = 'x' | 'y'> = (series: Record<SeriesId, ChartSeriesDefaultized<TSeriesType>>) => {
+export type AxisTooltipGetter<SeriesType extends ChartSeriesType, Directions extends 'x' | 'y' | 'rotation' | 'radius' = 'x' | 'y'> = (series: Record<SeriesId, ChartSeriesDefaultized<SeriesType>>) => {
   direction: Directions;
   axisId: AxisId | undefined;
 }[];

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

@@ -4,23 +4,15 @@ import { type SeriesId } from "../../../../../models/seriesType/common.js";
 import { type AxisId, type ChartsRotationAxisProps, type ChartsRadiusAxisProps, type PolarAxisDefaultized, type ComputedXAxis, type ComputedYAxis } from "../../../../../models/axis.js";
 import { type ChartsLabelMarkProps } from "../../../../../ChartsLabel/ChartsLabelMark.js";
 import { type ColorGetter } from "./colorProcessor.types.js";
-export interface ItemTooltip<T extends ChartSeriesType> {
+export interface ItemTooltipValue<SeriesType extends ChartSeriesType> {
   /**
-   * An object that identifies the item to display.
-   */
-  identifier: SeriesItemIdentifierWithType<T>;
-  /**
-   * The color associated with the item.
-   */
-  color: string;
-  /**
-   * The item label.
+   * The metric label.
    */
   label: string | undefined;
   /**
-   * The item value.
+   * The value.
    */
-  value: ChartsSeriesConfig[T]['valueType'];
+  value: SeriesType extends 'heatmap' ? number | null : ChartsSeriesConfig[SeriesType]['valueType'];
   /**
    * The value formatted with context set to "tooltip".
    */
@@ -29,26 +21,23 @@ export interface ItemTooltip<T extends ChartSeriesType> {
    * The series mark type.
    */
   markType: ChartsLabelMarkProps['type'];
+  /**
+   * The series mark shape.
+   */
+  markShape?: ChartsLabelMarkProps['markShape'];
+}
+export interface ItemTooltip<SeriesType extends ChartSeriesType> extends ItemTooltipValue<SeriesType> {
+  /**
+   * An object that identifies the item to display.
+   */
+  identifier: SeriesItemIdentifierWithType<SeriesType>;
+  /**
+   * The color associated with the item.
+   */
+  color: string;
 }
-export type ItemTooltipWithMultipleValues<T extends 'radar' = 'radar'> = Pick<ItemTooltip<T>, 'identifier' | 'color' | 'label' | 'markType'> & {
-  values: {
-    /**
-     * The metric label.
-     */
-    label: string | undefined;
-    /**
-     * The value.
-     */
-    value: ChartsSeriesConfig[T]['valueType'];
-    /**
-     * The value formatted with context set to "tooltip".
-     */
-    formattedValue: string | null;
-    /**
-     * The series mark type.
-     */
-    markType: ChartsLabelMarkProps['type'];
-  }[];
+export type ItemTooltipWithMultipleValues<T extends 'radar' = 'radar'> = Pick<ItemTooltip<T>, 'identifier' | 'color' | 'label' | 'markType' | 'markShape'> & {
+  values: ItemTooltipValue<T>[];
 };
 export interface TooltipGetterAxesConfig {
   x?: ComputedXAxis;
@@ -56,19 +45,19 @@ export interface TooltipGetterAxesConfig {
   rotation?: PolarAxisDefaultized<any, any, ChartsRotationAxisProps>;
   radius?: PolarAxisDefaultized<any, any, ChartsRadiusAxisProps>;
 }
-export type TooltipGetter<TSeriesType extends ChartSeriesType> = (params: {
-  series: ChartSeriesDefaultized<TSeriesType>;
+export type TooltipGetter<SeriesType extends ChartSeriesType> = (params: {
+  series: ChartSeriesDefaultized<SeriesType>;
   axesConfig: TooltipGetterAxesConfig;
-  getColor: ColorGetter<TSeriesType>;
-  identifier: SeriesItemIdentifierWithType<TSeriesType> | null;
-}) => (TSeriesType extends 'radar' ? ItemTooltipWithMultipleValues<TSeriesType> : ItemTooltip<TSeriesType>) | null;
+  getColor: ColorGetter<SeriesType>;
+  identifier: SeriesItemIdentifierWithType<SeriesType> | null;
+}) => (SeriesType extends 'radar' ? ItemTooltipWithMultipleValues<SeriesType> : ItemTooltip<SeriesType>) | null;
 /**
  * If `axisId` is set to undefined, the default axis will be used.
  *
- * @param {Record<SeriesId, ChartSeriesDefaultized<TSeriesType>>} series A map of series ID to their series configuration.
+ * @param {Record<SeriesId, ChartSeriesDefaultized<SeriesType>>} series A map of series ID to their series configuration.
  * @returns {{ direction: Directions; axisId: AxisId | undefined }[]} an array of the axes that should trigger the tooltip.
  */
-export type AxisTooltipGetter<TSeriesType extends ChartSeriesType, Directions extends 'x' | 'y' | 'rotation' | 'radius' = 'x' | 'y'> = (series: Record<SeriesId, ChartSeriesDefaultized<TSeriesType>>) => {
+export type AxisTooltipGetter<SeriesType extends ChartSeriesType, Directions extends 'x' | 'y' | 'rotation' | 'radius' = 'x' | 'y'> = (series: Record<SeriesId, ChartSeriesDefaultized<SeriesType>>) => {
   direction: Directions;
   axisId: AxisId | undefined;
 }[];

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

@@ -10,12 +10,12 @@ export interface TooltipPositionGetterAxesConfig {
   rotationAxes?: ComputeResult<ChartsRotationAxisProps>;
   radiusAxes?: ComputeResult<ChartsRadiusAxisProps>;
 }
-export type TooltipItemPositionGetter<TSeriesType extends ChartSeriesType> = (params: {
-  series: ProcessedSeries<TSeriesType>;
+export type TooltipItemPositionGetter<SeriesType extends ChartSeriesType> = (params: {
+  series: ProcessedSeries<SeriesType>;
   axesConfig: TooltipPositionGetterAxesConfig;
   drawingArea: ChartDrawingArea;
-  identifier: SeriesItemIdentifierWithType<TSeriesType> | null;
-  seriesLayout: SeriesLayout<TSeriesType>;
+  identifier: SeriesItemIdentifierWithType<SeriesType> | null;
+  seriesLayout: SeriesLayout<SeriesType>;
   /**
    * The preferred placement of the tooltip related to the element.
    * @default 'top'

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

@@ -10,12 +10,12 @@ export interface TooltipPositionGetterAxesConfig {
   rotationAxes?: ComputeResult<ChartsRotationAxisProps>;
   radiusAxes?: ComputeResult<ChartsRadiusAxisProps>;
 }
-export type TooltipItemPositionGetter<TSeriesType extends ChartSeriesType> = (params: {
-  series: ProcessedSeries<TSeriesType>;
+export type TooltipItemPositionGetter<SeriesType extends ChartSeriesType> = (params: {
+  series: ProcessedSeries<SeriesType>;
   axesConfig: TooltipPositionGetterAxesConfig;
   drawingArea: ChartDrawingArea;
-  identifier: SeriesItemIdentifierWithType<TSeriesType> | null;
-  seriesLayout: SeriesLayout<TSeriesType>;
+  identifier: SeriesItemIdentifierWithType<SeriesType> | null;
+  seriesLayout: SeriesLayout<SeriesType>;
   /**
    * The preferred placement of the tooltip related to the element.
    * @default 'top'

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

@@ -3,19 +3,19 @@ import { type ChartSeriesConfig } from "./types/seriesConfig.types.mjs";
 import { type ChartSeriesType } from "../../../../models/seriesType/config.mjs";
 import { type HighlightItemIdentifierWithType, type SeriesItemIdentifierWithType } from "../../../../models/seriesType/index.mjs";
 import { type VisibilityIdentifierWithType } from "../../featurePlugins/useChartVisibilityManager/index.mjs";
-export interface UseChartSeriesConfigParameters<T extends ChartSeriesType = ChartSeriesType> {
+export interface UseChartSeriesConfigParameters<SeriesType extends ChartSeriesType = ChartSeriesType> {
   /**
    * The configuration for the series types.
    * This is used to define how each series type should be processed, colored, and displayed.
    */
-  seriesConfig?: ChartSeriesConfig<T>;
+  seriesConfig?: ChartSeriesConfig<SeriesType>;
 }
-export type UseChartSeriesConfigDefaultizedParameters<T extends ChartSeriesType = ChartSeriesType> = UseChartSeriesConfigParameters<T> & {
-  seriesConfig: ChartSeriesConfig<T>;
+export type UseChartSeriesConfigDefaultizedParameters<SeriesType extends ChartSeriesType = ChartSeriesType> = UseChartSeriesConfigParameters<SeriesType> & {
+  seriesConfig: ChartSeriesConfig<SeriesType>;
 };
-export interface UseChartSeriesConfigState<T extends ChartSeriesType = ChartSeriesType> {
+export interface UseChartSeriesConfigState<SeriesType extends ChartSeriesType = ChartSeriesType> {
   seriesConfig: {
-    config: ChartSeriesConfig<T>;
+    config: ChartSeriesConfig<SeriesType>;
   };
 }
 export type SerializeIdentifierFunction = <T extends {
@@ -43,9 +43,9 @@ export interface UseChartSeriesConfigInstance {
    */
   cleanIdentifier: CleanIdentifierFunction;
 }
-export type UseChartSeriesConfigSignature<T extends ChartSeriesType = ChartSeriesType> = ChartPluginSignature<{
-  params: UseChartSeriesConfigParameters<T>;
-  defaultizedParams: UseChartSeriesConfigDefaultizedParameters<T>;
-  state: UseChartSeriesConfigState<T>;
+export type UseChartSeriesConfigSignature<SeriesType extends ChartSeriesType = ChartSeriesType> = ChartPluginSignature<{
+  params: UseChartSeriesConfigParameters<SeriesType>;
+  defaultizedParams: UseChartSeriesConfigDefaultizedParameters<SeriesType>;
+  state: UseChartSeriesConfigState<SeriesType>;
   instance: UseChartSeriesConfigInstance;
 }>;

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

@@ -3,19 +3,19 @@ import { type ChartSeriesConfig } from "./types/seriesConfig.types.js";
 import { type ChartSeriesType } from "../../../../models/seriesType/config.js";
 import { type HighlightItemIdentifierWithType, type SeriesItemIdentifierWithType } from "../../../../models/seriesType/index.js";
 import { type VisibilityIdentifierWithType } from "../../featurePlugins/useChartVisibilityManager/index.js";
-export interface UseChartSeriesConfigParameters<T extends ChartSeriesType = ChartSeriesType> {
+export interface UseChartSeriesConfigParameters<SeriesType extends ChartSeriesType = ChartSeriesType> {
   /**
    * The configuration for the series types.
    * This is used to define how each series type should be processed, colored, and displayed.
    */
-  seriesConfig?: ChartSeriesConfig<T>;
+  seriesConfig?: ChartSeriesConfig<SeriesType>;
 }
-export type UseChartSeriesConfigDefaultizedParameters<T extends ChartSeriesType = ChartSeriesType> = UseChartSeriesConfigParameters<T> & {
-  seriesConfig: ChartSeriesConfig<T>;
+export type UseChartSeriesConfigDefaultizedParameters<SeriesType extends ChartSeriesType = ChartSeriesType> = UseChartSeriesConfigParameters<SeriesType> & {
+  seriesConfig: ChartSeriesConfig<SeriesType>;
 };
-export interface UseChartSeriesConfigState<T extends ChartSeriesType = ChartSeriesType> {
+export interface UseChartSeriesConfigState<SeriesType extends ChartSeriesType = ChartSeriesType> {
   seriesConfig: {
-    config: ChartSeriesConfig<T>;
+    config: ChartSeriesConfig<SeriesType>;
   };
 }
 export type SerializeIdentifierFunction = <T extends {
@@ -43,9 +43,9 @@ export interface UseChartSeriesConfigInstance {
    */
   cleanIdentifier: CleanIdentifierFunction;
 }
-export type UseChartSeriesConfigSignature<T extends ChartSeriesType = ChartSeriesType> = ChartPluginSignature<{
-  params: UseChartSeriesConfigParameters<T>;
-  defaultizedParams: UseChartSeriesConfigDefaultizedParameters<T>;
-  state: UseChartSeriesConfigState<T>;
+export type UseChartSeriesConfigSignature<SeriesType extends ChartSeriesType = ChartSeriesType> = ChartPluginSignature<{
+  params: UseChartSeriesConfigParameters<SeriesType>;
+  defaultizedParams: UseChartSeriesConfigDefaultizedParameters<SeriesType>;
+  state: UseChartSeriesConfigState<SeriesType>;
   instance: UseChartSeriesConfigInstance;
 }>;

package/internals/plugins/corePlugins/useChartSeriesConfig/utils/cleanIdentifier.d.mts

@@ -10,6 +10,6 @@ import type { ChartSeriesConfig } from "../types/index.mjs";
  * @returns {object} A cleaned identifier object with only the properties relevant to the series type.
  * @throws Will throw an error if no cleaner is found for the given series type.
  */
-export declare const cleanIdentifier: <T extends ChartSeriesType, U extends {
-  type: T;
-}>(seriesConfig: ChartSeriesConfig<T>, identifier: U) => SeriesItemIdentifierWithType<T>;
+export declare const cleanIdentifier: <SeriesType extends ChartSeriesType, U extends {
+  type: SeriesType;
+}>(seriesConfig: ChartSeriesConfig<SeriesType>, identifier: U) => SeriesItemIdentifierWithType<SeriesType>;

package/internals/plugins/corePlugins/useChartSeriesConfig/utils/cleanIdentifier.d.ts

@@ -10,6 +10,6 @@ import type { ChartSeriesConfig } from "../types/index.js";
  * @returns {object} A cleaned identifier object with only the properties relevant to the series type.
  * @throws Will throw an error if no cleaner is found for the given series type.
  */
-export declare const cleanIdentifier: <T extends ChartSeriesType, U extends {
-  type: T;
-}>(seriesConfig: ChartSeriesConfig<T>, identifier: U) => SeriesItemIdentifierWithType<T>;
+export declare const cleanIdentifier: <SeriesType extends ChartSeriesType, U extends {
+  type: SeriesType;
+}>(seriesConfig: ChartSeriesConfig<SeriesType>, identifier: U) => SeriesItemIdentifierWithType<SeriesType>;

package/internals/plugins/corePlugins/useChartSeriesConfig/utils/serializeIdentifier.d.mts

@@ -9,6 +9,6 @@ import type { ChartSeriesConfig } from "../types/index.mjs";
  * @returns {string} A unique string representation of the identifier.
  * @throws Will throw an error if no serializer is found for the given series type.
  */
-export declare const serializeIdentifier: <T extends ChartSeriesType, U extends {
-  type: T;
-}>(seriesConfig: ChartSeriesConfig<T>, identifier: U) => string;
+export declare const serializeIdentifier: <SeriesType extends ChartSeriesType, U extends {
+  type: SeriesType;
+}>(seriesConfig: ChartSeriesConfig<SeriesType>, identifier: U) => string;

package/internals/plugins/corePlugins/useChartSeriesConfig/utils/serializeIdentifier.d.ts

@@ -9,6 +9,6 @@ import type { ChartSeriesConfig } from "../types/index.js";
  * @returns {string} A unique string representation of the identifier.
  * @throws Will throw an error if no serializer is found for the given series type.
  */
-export declare const serializeIdentifier: <T extends ChartSeriesType, U extends {
-  type: T;
-}>(seriesConfig: ChartSeriesConfig<T>, identifier: U) => string;
+export declare const serializeIdentifier: <SeriesType extends ChartSeriesType, U extends {
+  type: SeriesType;
+}>(seriesConfig: ChartSeriesConfig<SeriesType>, identifier: U) => string;

package/internals/plugins/featurePlugins/shared/useRegisterPointerInteractions.js

@@ -11,7 +11,7 @@ var React = _interopRequireWildcard(require("react"));
 var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
 var _hooks = require("../../../../hooks");
 var _useStore = require("../../../store/useStore");
-var _ChartProvider = require("../../../../context/ChartProvider");
+var _ChartsProvider = require("../../../../context/ChartsProvider");
 var _getChartPoint = require("../../../getChartPoint");
 /**
  * Hook to get pointer interaction props for chart items.
@@ -19,7 +19,7 @@ var _getChartPoint = require("../../../getChartPoint");
 function useRegisterPointerInteractions(getItemAtPosition, onItemEnter, onItemLeave) {
   const {
     instance
-  } = (0, _ChartProvider.useChartContext)();
+  } = (0, _ChartsProvider.useChartsContext)();
   const chartsLayerContainerRef = (0, _hooks.useChartsLayerContainerRef)();
   const store = (0, _useStore.useStore)();
   const interactionActive = React.useRef(false);