@mui/x-charts 8.21.0 → 8.22.0

package/hooks/useTicks.js

@@ -9,9 +9,11 @@ exports.applyTickSpacing = applyTickSpacing;
 exports.getTicks = getTicks;
 exports.useTicks = useTicks;
 var React = _interopRequireWildcard(require("react"));
-var _ChartProvider = require("../context/ChartProvider");
 var _scaleGuards = require("../internals/scaleGuards");
 var _isInfinity = require("../internals/isInfinity");
+var _timeTicks = require("../utils/timeTicks");
+var _dateHelpers = require("../internals/dateHelpers");
+var _useChartContext = require("../context/ChartProvider/useChartContext");
 const offsetRatio = {
   start: 0,
   extremities: 0,
@@ -37,19 +39,99 @@ function applyTickSpacing(domain, range, tickSpacing) {
   }
   return domain.filter((_, index) => index % every === 0);
 }
+function getTimeTicks(domain, tickNumber, ticksFrequencies, scale, isInside) {
+  if (ticksFrequencies.length === 0) {
+    return [];
+  }
+  const isReversed = scale.range()[0] > scale.range()[1];
+  // Indexes are inclusive regarding the entire band.
+  const startIndex = domain.findIndex(value => {
+    return isInside(getTickPosition(scale, value, isReversed ? 'start' : 'end'));
+  });
+  const endIndex = domain.findLastIndex(value => isInside(getTickPosition(scale, value, isReversed ? 'end' : 'start')));
+  const start = domain[0];
+  const end = domain[domain.length - 1];
+  if (!(start instanceof Date) || !(end instanceof Date)) {
+    return [];
+  }
+  let startFrequencyIndex = 0;
+  for (let i = 0; i < ticksFrequencies.length; i += 1) {
+    if (ticksFrequencies[i].getTickNumber(start, end) !== 0) {
+      startFrequencyIndex = i;
+      break;
+    }
+  }
+  let endFrequencyIndex = startFrequencyIndex;
+  for (let i = startFrequencyIndex; i < ticksFrequencies.length; i += 1) {
+    if (i === ticksFrequencies.length - 1) {
+      // If we reached the end, use the last tick frequency
+      endFrequencyIndex = i;
+      break;
+    }
+    const prevTickCount = ticksFrequencies[i].getTickNumber(start, end);
+    const nextTickCount = ticksFrequencies[i + 1].getTickNumber(start, end);
+
+    // Smooth ratio between ticks steps: ticksNumber[i]*ticksNumber[i+1] <= targetTickNumber^2
+    if (nextTickCount > tickNumber || tickNumber / prevTickCount < nextTickCount / tickNumber) {
+      endFrequencyIndex = i;
+      break;
+    }
+  }
+  const ticks = [];
+  for (let tickIndex = Math.max(1, startIndex); tickIndex <= endIndex; tickIndex += 1) {
+    for (let i = startFrequencyIndex; i <= endFrequencyIndex; i += 1) {
+      const prevDate = domain[tickIndex - 1];
+      const currentDate = domain[tickIndex];
+      if (prevDate instanceof Date && currentDate instanceof Date && ticksFrequencies[i].isTick(prevDate, currentDate)) {
+        ticks.push({
+          index: tickIndex,
+          formatter: ticksFrequencies[i].format
+        });
+
+        // once we found a matching tick space, we can break the inner loop
+        break;
+      }
+    }
+  }
+  return ticks;
+}
 function getTicks(options) {
   const {
     scale,
     tickNumber,
     valueFormatter,
     tickInterval,
-    tickPlacement = 'extremities',
+    tickPlacement: tickPlacementProp,
     tickLabelPlacement: tickLabelPlacementProp,
     tickSpacing,
-    isInside
+    isInside,
+    ordinalTimeTicks
   } = options;
+  if (ordinalTimeTicks !== undefined && (0, _dateHelpers.isDateData)(scale.domain()) && (0, _scaleGuards.isOrdinalScale)(scale)) {
+    // ordinal scale with spaced ticks.
+    const domain = scale.domain();
+    if (domain.length === 0 || domain.length === 1) {
+      return [];
+    }
+    const tickPlacement = 'middle';
+    const ticksIndexes = getTimeTicks(domain, tickNumber, ordinalTimeTicks.map(tickDef => typeof tickDef === 'string' ? _timeTicks.tickFrequencies[tickDef] : tickDef), scale, isInside);
+    return ticksIndexes.map(({
+      index,
+      formatter
+    }) => {
+      const value = domain[index];
+      const formattedValue = formatter(value);
+      return {
+        value,
+        formattedValue,
+        offset: getTickPosition(scale, value, tickPlacement),
+        labelOffset: 0
+      };
+    });
+  }
+  const tickPlacement = tickPlacementProp ?? 'extremities';
 
-  // band scale
+  // Standard ordinal scale: 1 item =1 tick
   if ((0, _scaleGuards.isOrdinalScale)(scale)) {
     const domain = scale.domain();
     const tickLabelPlacement = tickLabelPlacementProp ?? 'middle';
@@ -64,6 +146,9 @@ function getTicks(options) {
         filteredDomain = applyTickSpacing(filteredDomain, scale.range(), tickSpacing);
       }
     }
+    if (filteredDomain.length === 0) {
+      return [];
+    }
     if (scale.bandwidth() > 0) {
       // scale type = 'band'
 
@@ -162,11 +247,12 @@ function useTicks(options) {
     tickPlacement = 'extremities',
     tickLabelPlacement,
     tickSpacing,
-    direction
+    direction,
+    ordinalTimeTicks
   } = options;
   const {
     instance
-  } = (0, _ChartProvider.useChartContext)();
+  } = (0, _useChartContext.useChartContext)();
   const isInside = direction === 'x' ? instance.isXInside : instance.isYInside;
   return React.useMemo(() => getTicks({
     scale,
@@ -176,6 +262,7 @@ function useTicks(options) {
     tickLabelPlacement,
     tickSpacing,
     valueFormatter,
-    isInside
-  }), [scale, tickNumber, tickPlacement, tickInterval, tickLabelPlacement, tickSpacing, valueFormatter, isInside]);
+    isInside,
+    ordinalTimeTicks
+  }), [scale, tickNumber, tickPlacement, tickInterval, tickLabelPlacement, tickSpacing, valueFormatter, isInside, ordinalTimeTicks]);
 }

package/hooks/useTicksGrouped.d.ts

@@ -1,5 +1,5 @@
 import type { ScaleBand, ScalePoint } from '@mui/x-charts-vendor/d3-scale';
-import { AxisConfig, type AxisGroup } from "../models/axis.js";
+import { type AxisConfig, type AxisGroup } from "../models/axis.js";
 import type { TickParams } from "./useTicks.js";
 export type GroupedTickItemType = {
   /**

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts v8.21.0
+ * @mui/x-charts v8.22.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/internals/Flatbush.d.ts

@@ -1,4 +1,3 @@
-import FlatQueue from 'flatqueue';
 type TypedArrayConstructor = Int8ArrayConstructor | Uint8ArrayConstructor | Uint8ClampedArrayConstructor | Int16ArrayConstructor | Uint16ArrayConstructor | Int32ArrayConstructor | Uint32ArrayConstructor | Float32ArrayConstructor | Float64ArrayConstructor;
 export declare class Flatbush {
   _queue: FlatQueue<number>;

package/internals/Flatbush.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Flatbush = void 0;
-var _flatqueue = _interopRequireDefault(require("flatqueue"));
+var _flatqueue = _interopRequireDefault(require("@mui/x-charts-vendor/flatqueue"));
 // @ts-nocheck
 /* eslint-disable */
 

package/internals/colorScale.d.ts

@@ -1,5 +1,5 @@
-import { ScaleOrdinal } from '@mui/x-charts-vendor/d3-scale';
-import { ContinuousColorConfig, PiecewiseColorConfig, OrdinalColorConfig } from "../models/colorMapping.js";
+import { type ScaleOrdinal } from '@mui/x-charts-vendor/d3-scale';
+import { type ContinuousColorConfig, type PiecewiseColorConfig, type OrdinalColorConfig } from "../models/colorMapping.js";
 export declare function getSequentialColorScale<Value extends number | Date>(config: ContinuousColorConfig<Value> | PiecewiseColorConfig<Value>): import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<Value, string, never> | import("@mui/x-charts-vendor/d3-scale").ScaleSequential<string, never>;
 export declare function getOrdinalColorScale<Value extends number | Date | string>(config: OrdinalColorConfig<Value>): ScaleOrdinal<Value, string, null | string> | ScaleOrdinal<number, string, null | string>;
-export declare function getColorScale(config: ContinuousColorConfig | PiecewiseColorConfig | OrdinalColorConfig): import("@mui/x-charts-vendor/d3-scale").ScaleSequential<string, never> | ScaleOrdinal<number, string, string | null> | ScaleOrdinal<string | number | Date, string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<number | Date, string, never>;
+export declare function getColorScale(config: ContinuousColorConfig | PiecewiseColorConfig | OrdinalColorConfig): ScaleOrdinal<string | number | Date, string, string | null> | ScaleOrdinal<number, string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleSequential<string, never> | import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<number | Date, string, never>;

package/internals/components/ChartsAxesGradients/ChartsContinuousGradient.d.ts

@@ -1,4 +1,4 @@
-import { ContinuousColorConfig } from "../../../models/colorMapping.js";
+import { type ContinuousColorConfig } from "../../../models/colorMapping.js";
 type ChartsContinuousGradientProps = {
   isReversed?: boolean;
   gradientId: string;

package/internals/components/ChartsAxesGradients/ChartsContinuousGradientObjectBound.d.ts

@@ -1,4 +1,4 @@
-import { ContinuousColorConfig } from "../../../models/colorMapping.js";
+import { type ContinuousColorConfig } from "../../../models/colorMapping.js";
 type ChartsContinuousGradientObjectBoundProps = {
   isReversed?: boolean;
   gradientId: string;

package/internals/components/ChartsAxesGradients/ChartsPiecewiseGradient.d.ts

@@ -1,4 +1,4 @@
-import { PiecewiseColorConfig } from "../../../models/colorMapping.js";
+import { type PiecewiseColorConfig } from "../../../models/colorMapping.js";
 type ChartsPiecewiseGradientProps = {
   isReversed?: boolean;
   gradientId: string;

package/internals/components/NotRendered.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 /**
  * This component is used to assert that a certain component should not be rendered.
  * It is used in cases where we want to apply styles to a component that is not rendered because we use the `as` prop (introduced by `styled`) to replace the rendered component.

package/internals/configInit.d.ts

@@ -1,4 +1,4 @@
-import { CartesianChartSeriesType, PolarChartSeriesType } from "../models/seriesType/config.js";
+import { type CartesianChartSeriesType, type PolarChartSeriesType } from "../models/seriesType/config.js";
 declare class CartesianSeriesTypes {
   types: Set<CartesianChartSeriesType>;
   constructor();

package/internals/createSvgIcon.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
-import { ChartBaseIconProps } from "../models/slots/chartsBaseSlotProps.js";
+import type * as React from 'react';
+import { type ChartBaseIconProps } from "../models/slots/chartsBaseSlotProps.js";
 export declare const createSvgIcon: (path: React.ReactNode, displayName?: string) => (props: ChartBaseIconProps) => React.ReactNode;

package/internals/dateHelpers.d.ts

@@ -1,6 +1,6 @@
-import { NumberValue } from '@mui/x-charts-vendor/d3-scale';
-import { AxisConfig } from "../models/index.js";
-import { ChartsAxisProps } from "../models/axis.js";
+import { type NumberValue } from '@mui/x-charts-vendor/d3-scale';
+import { type AxisConfig } from "../models/index.js";
+import { type ChartsAxisProps } from "../models/axis.js";
 /**
  * Checks if the provided data array contains Date objects.
  * @param data The data array to check.

package/internals/defaultValueFormatters.d.ts

@@ -1,4 +1,4 @@
-import { AxisValueFormatterContext, ContinuousScaleName, D3ContinuousScale } from "../models/axis.js";
+import { type AxisValueFormatterContext, type ContinuousScaleName, type D3ContinuousScale } from "../models/axis.js";
 /**
  * Creates a default formatter function for continuous scales (e.g., linear, sqrt, log).
  * @returns A formatter function for continuous values.

package/internals/domUtils.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 export interface SVGCSSProperties extends Omit<React.CSSProperties, 'dominantBaseline'> {
   dominantBaseline?: React.SVGAttributes<SVGTextElement>['dominantBaseline'];
 }

package/internals/findMinMax.d.ts

@@ -1 +1,8 @@
+/**
+ * Efficiently finds the minimum and maximum values in an array of numbers.
+ * This functions helps preventing maximum call stack errors when dealing with large datasets.
+ *
+ * @param data The array of numbers to evaluate
+ * @returns [min, max] as numbers
+ */
 export declare function findMinMax(data: readonly number[]): [number, number];

package/internals/findMinMax.js

@@ -4,6 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.findMinMax = findMinMax;
+/**
+ * Efficiently finds the minimum and maximum values in an array of numbers.
+ * This functions helps preventing maximum call stack errors when dealing with large datasets.
+ *
+ * @param data The array of numbers to evaluate
+ * @returns [min, max] as numbers
+ */
 function findMinMax(data) {
   let min = Infinity;
   let max = -Infinity;

package/internals/getBarDimensions.d.ts

@@ -0,0 +1,17 @@
+import type { ScaleName, ChartsXAxisProps, ChartsYAxisProps } from "../models/index.js";
+import type { ComputedAxis } from "../models/axis.js";
+import type { ChartSeriesDefaultized } from "../models/seriesType/config.js";
+export declare function getBarDimensions(params: {
+  verticalLayout: boolean;
+  xAxisConfig: ComputedAxis<ScaleName, any, ChartsXAxisProps>;
+  yAxisConfig: ComputedAxis<ScaleName, any, ChartsYAxisProps>;
+  series: ChartSeriesDefaultized<'bar'>;
+  dataIndex: number;
+  numberOfGroups: number;
+  groupIndex: number;
+}): {
+  x: number;
+  y: number;
+  height: number;
+  width: number;
+} | null;

package/internals/getBarDimensions.js

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getBarDimensions = getBarDimensions;
+var _getBandSize = require("./getBandSize");
+function shouldInvertStartCoordinate(verticalLayout, baseValue, reverse) {
+  const isVerticalAndPositive = verticalLayout && baseValue > 0;
+  const isHorizontalAndNegative = !verticalLayout && baseValue < 0;
+  const invertStartCoordinate = isVerticalAndPositive || isHorizontalAndNegative;
+  return reverse ? !invertStartCoordinate : invertStartCoordinate;
+}
+function getBarDimensions(params) {
+  const {
+    verticalLayout,
+    xAxisConfig,
+    yAxisConfig,
+    series,
+    dataIndex,
+    numberOfGroups,
+    groupIndex
+  } = params;
+  const baseScaleConfig = verticalLayout ? xAxisConfig : yAxisConfig;
+  const reverse = (verticalLayout ? yAxisConfig.reverse : xAxisConfig.reverse) ?? false;
+  const {
+    barWidth,
+    offset
+  } = (0, _getBandSize.getBandSize)(baseScaleConfig.scale.bandwidth(), numberOfGroups, baseScaleConfig.barGapRatio);
+  const barOffset = groupIndex * (barWidth + offset);
+  const xScale = xAxisConfig.scale;
+  const yScale = yAxisConfig.scale;
+  const baseValue = baseScaleConfig.data[dataIndex];
+  const seriesValue = series.data[dataIndex];
+  if (seriesValue == null) {
+    return null;
+  }
+  const values = series.stackedData[dataIndex];
+  const valueCoordinates = values.map(v => verticalLayout ? yScale(v) : xScale(v));
+  const minValueCoord = Math.round(Math.min(...valueCoordinates));
+  const maxValueCoord = Math.round(Math.max(...valueCoordinates));
+  const barSize = seriesValue === 0 ? 0 : Math.max(series.minBarSize, maxValueCoord - minValueCoord);
+  const startCoordinate = shouldInvertStartCoordinate(verticalLayout, seriesValue, reverse) ? maxValueCoord - barSize : minValueCoord;
+  return {
+    x: verticalLayout ? xScale(baseValue) + barOffset : startCoordinate,
+    y: verticalLayout ? startCoordinate : yScale(baseValue) + barOffset,
+    height: verticalLayout ? barSize : barWidth,
+    width: verticalLayout ? barWidth : barSize
+  };
+}

package/internals/getCurve.d.ts

@@ -1,2 +1,2 @@
-import { CurveType } from "../models/curve.js";
+import { type CurveType } from "../models/curve.js";
 export declare function getCurveFactory(curveType?: CurveType): import("@mui/x-charts-vendor/d3-shape").CurveFactory;

package/internals/getScale.d.ts

@@ -1,3 +1,3 @@
-import { NumberValue } from '@mui/x-charts-vendor/d3-scale';
-import { ContinuousScaleName, D3ContinuousScale } from "../models/axis.js";
+import { type NumberValue } from '@mui/x-charts-vendor/d3-scale';
+import { type ContinuousScaleName, type D3ContinuousScale } from "../models/axis.js";
 export declare function getScale<Domain extends NumberValue = any, Range = any>(scaleType: ContinuousScaleName, domain: Iterable<Domain>, range: readonly Range[]): D3ContinuousScale<Range, Range>;

package/internals/getSeriesColorFn.d.ts

@@ -1,4 +1,4 @@
-import { CommonSeriesType, ColorCallbackValue } from "../models/seriesType/common.js";
+import { type CommonSeriesType, type ColorCallbackValue } from "../models/seriesType/common.js";
 export declare function getSeriesColorFn<TValue>(series: {
   color: NonNullable<CommonSeriesType<TValue>['color']>;
   colorGetter?: CommonSeriesType<TValue>['colorGetter'];

package/internals/getWordsByLines.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 export type ChartsTextBaseline = 'hanging' | 'central' | 'auto' | 'text-after-edge' | 'text-before-edge';
 export type ChartsTextAnchor = 'start' | 'middle' | 'end';
 export interface ChartsTextStyle extends Omit<React.CSSProperties, 'dominantBaseline'> {

package/internals/index.d.ts

@@ -26,6 +26,7 @@ export * from "./plugins/corePlugins/useChartInteractionListener/index.js";
 export * from "./plugins/featurePlugins/useChartZAxis/index.js";
 export * from "./plugins/featurePlugins/useChartCartesianAxis/index.js";
 export * from "./plugins/featurePlugins/useChartPolarAxis/index.js";
+export * from "./plugins/featurePlugins/useChartTooltip/index.js";
 export * from "./plugins/featurePlugins/useChartInteraction/index.js";
 export * from "./plugins/featurePlugins/useChartHighlight/index.js";
 export * from "./plugins/featurePlugins/useChartKeyboardNavigation/index.js";
@@ -42,7 +43,6 @@ export * from "../LineChart/LineChart.plugins.js";
 export * from "../ScatterChart/ScatterChart.plugins.js";
 export * from "../RadarChart/RadarChart.plugins.js";
 export * from "../PieChart/PieChart.plugins.js";
-export * from "./defaultizeValueFormatter.js";
 export * from "./configInit.js";
 export * from "./getLabel.js";
 export * from "./getSVGPoint.js";

package/internals/index.js

@@ -324,6 +324,18 @@ Object.keys(_useChartPolarAxis).forEach(function (key) {
     }
   });
 });
+var _useChartTooltip = require("./plugins/featurePlugins/useChartTooltip");
+Object.keys(_useChartTooltip).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _useChartTooltip[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useChartTooltip[key];
+    }
+  });
+});
 var _useChartInteraction = require("./plugins/featurePlugins/useChartInteraction");
 Object.keys(_useChartInteraction).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -494,18 +506,6 @@ Object.keys(_PieChart).forEach(function (key) {
     }
   });
 });
-var _defaultizeValueFormatter = require("./defaultizeValueFormatter");
-Object.keys(_defaultizeValueFormatter).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _defaultizeValueFormatter[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _defaultizeValueFormatter[key];
-    }
-  });
-});
 var _configInit = require("./configInit");
 Object.keys(_configInit).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/internals/invertScale.d.ts

@@ -1,2 +1,2 @@
-import { D3Scale } from "../models/axis.js";
+import { type D3Scale } from "../models/axis.js";
 export declare function invertScale<T>(scale: D3Scale, data: readonly T[], value: number): number | Date | T;

package/internals/invertTextAnchor.d.ts

@@ -1,2 +1,2 @@
-import { ChartsTextStyle } from "../ChartsText/index.js";
+import { type ChartsTextStyle } from "../ChartsText/index.js";
 export declare function invertTextAnchor(textAnchor: ChartsTextStyle['textAnchor']): ChartsTextStyle['textAnchor'];

package/internals/isCartesian.d.ts

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

package/internals/isPolar.d.ts

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

package/internals/material/index.d.ts

@@ -1,6 +1,6 @@
 import type * as React from 'react';
-import { ChartsBaseSlots } from "../../models/slots/chartsBaseSlots.js";
-import { ChartsIconSlots } from "../../models/slots/chartsIconSlots.js";
+import { type ChartsBaseSlots } from "../../models/slots/chartsBaseSlots.js";
+import { type ChartsIconSlots } from "../../models/slots/chartsIconSlots.js";
 export type ChartsSlots = ChartsBaseSlots & ChartsIconSlots;
 export type ChartsSlotProps = { [key in keyof ChartsSlots]: React.ComponentProps<ChartsSlots[key]> };
 export declare const defaultSlotsMaterial: ChartsSlots;

package/internals/plugins/allPlugins.d.ts

@@ -1,12 +1,13 @@
-import { ChartSeriesType } from "../../models/seriesType/config.js";
-import { UseChartCartesianAxisSignature } from "./featurePlugins/useChartCartesianAxis/index.js";
-import { UseChartHighlightSignature } from "./featurePlugins/useChartHighlight/index.js";
-import { UseChartInteractionSignature } from "./featurePlugins/useChartInteraction/index.js";
-import { UseChartKeyboardNavigationSignature } from "./featurePlugins/useChartKeyboardNavigation/index.js";
-import { UseChartPolarAxisSignature } from "./featurePlugins/useChartPolarAxis/index.js";
-import { UseChartClosestPointSignature } from "./featurePlugins/useChartClosestPoint/index.js";
-import { UseChartZAxisSignature } from "./featurePlugins/useChartZAxis/index.js";
-import { UseChartBrushSignature } from "./featurePlugins/useChartBrush/index.js";
-export type AllPluginSignatures<TSeries extends ChartSeriesType = ChartSeriesType> = [UseChartZAxisSignature, UseChartBrushSignature, UseChartCartesianAxisSignature<TSeries>, UseChartPolarAxisSignature, UseChartInteractionSignature, UseChartHighlightSignature, UseChartClosestPointSignature, UseChartKeyboardNavigationSignature];
-export type DefaultPluginSignatures<TSeries extends ChartSeriesType = ChartSeriesType> = [UseChartZAxisSignature, UseChartBrushSignature, UseChartInteractionSignature, UseChartCartesianAxisSignature<TSeries>, UseChartHighlightSignature, UseChartClosestPointSignature, UseChartKeyboardNavigationSignature];
-export declare const DEFAULT_PLUGINS: readonly [import("./models/index.js").ChartPlugin<UseChartZAxisSignature>, import("./models/index.js").ChartPlugin<UseChartBrushSignature>, import("./models/index.js").ChartPlugin<UseChartInteractionSignature>, import("./models/index.js").ChartPlugin<UseChartCartesianAxisSignature<any>>, import("./models/index.js").ChartPlugin<UseChartHighlightSignature>, import("./models/index.js").ChartPlugin<UseChartClosestPointSignature>, import("./models/index.js").ChartPlugin<UseChartKeyboardNavigationSignature>];
+import { type ChartSeriesType } from "../../models/seriesType/config.js";
+import { type UseChartCartesianAxisSignature } from "./featurePlugins/useChartCartesianAxis/index.js";
+import { type UseChartHighlightSignature } from "./featurePlugins/useChartHighlight/index.js";
+import { type UseChartInteractionSignature } from "./featurePlugins/useChartInteraction/index.js";
+import { type UseChartKeyboardNavigationSignature } from "./featurePlugins/useChartKeyboardNavigation/index.js";
+import { type UseChartPolarAxisSignature } from "./featurePlugins/useChartPolarAxis/index.js";
+import { type UseChartClosestPointSignature } from "./featurePlugins/useChartClosestPoint/index.js";
+import { type UseChartZAxisSignature } from "./featurePlugins/useChartZAxis/index.js";
+import { type UseChartBrushSignature } from "./featurePlugins/useChartBrush/index.js";
+import { type UseChartTooltipSignature } from "./featurePlugins/useChartTooltip/index.js";
+export type AllPluginSignatures<TSeries extends ChartSeriesType = ChartSeriesType> = [UseChartZAxisSignature, UseChartBrushSignature, UseChartCartesianAxisSignature<TSeries>, UseChartPolarAxisSignature, UseChartTooltipSignature, UseChartInteractionSignature, UseChartHighlightSignature, UseChartClosestPointSignature, UseChartKeyboardNavigationSignature];
+export type DefaultPluginSignatures<TSeries extends ChartSeriesType = ChartSeriesType> = [UseChartZAxisSignature, UseChartBrushSignature, UseChartTooltipSignature, UseChartInteractionSignature, UseChartCartesianAxisSignature<TSeries>, UseChartHighlightSignature, UseChartClosestPointSignature, UseChartKeyboardNavigationSignature];
+export declare const DEFAULT_PLUGINS: readonly [import("./models/index.js").ChartPlugin<UseChartZAxisSignature>, import("./models/index.js").ChartPlugin<UseChartBrushSignature>, import("./models/index.js").ChartPlugin<UseChartTooltipSignature>, import("./models/index.js").ChartPlugin<UseChartInteractionSignature>, import("./models/index.js").ChartPlugin<UseChartCartesianAxisSignature<any>>, import("./models/index.js").ChartPlugin<UseChartHighlightSignature>, import("./models/index.js").ChartPlugin<UseChartClosestPointSignature>, import("./models/index.js").ChartPlugin<UseChartKeyboardNavigationSignature>];

package/internals/plugins/allPlugins.js

@@ -11,6 +11,7 @@ var _useChartKeyboardNavigation = require("./featurePlugins/useChartKeyboardNavi
 var _useChartClosestPoint = require("./featurePlugins/useChartClosestPoint");
 var _useChartZAxis = require("./featurePlugins/useChartZAxis");
 var _useChartBrush = require("./featurePlugins/useChartBrush");
+var _useChartTooltip = require("./featurePlugins/useChartTooltip");
 // This file should be removed after creating all plugins in favor of a file per chart type.
 
-const DEFAULT_PLUGINS = exports.DEFAULT_PLUGINS = [_useChartZAxis.useChartZAxis, _useChartBrush.useChartBrush, _useChartInteraction.useChartInteraction, _useChartCartesianAxis.useChartCartesianAxis, _useChartHighlight.useChartHighlight, _useChartClosestPoint.useChartClosestPoint, _useChartKeyboardNavigation.useChartKeyboardNavigation];
+const DEFAULT_PLUGINS = exports.DEFAULT_PLUGINS = [_useChartZAxis.useChartZAxis, _useChartBrush.useChartBrush, _useChartTooltip.useChartTooltip, _useChartInteraction.useChartInteraction, _useChartCartesianAxis.useChartCartesianAxis, _useChartHighlight.useChartHighlight, _useChartClosestPoint.useChartClosestPoint, _useChartKeyboardNavigation.useChartKeyboardNavigation];

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

@@ -1,7 +1,7 @@
 import { type UseChartAnimationSignature } from "./useChartAnimation/index.js";
 import { type UseChartDimensionsSignature } from "./useChartDimensions/index.js";
 import { type UseChartExperimentalFeaturesSignature } from "./useChartExperimentalFeature/index.js";
-import { type UseChartIdSignature, UseChartIdParameters } from "./useChartId/index.js";
+import { type UseChartIdSignature, type UseChartIdParameters } from "./useChartId/index.js";
 import { type UseChartSeriesSignature } from "./useChartSeries/index.js";
 import { type UseChartInteractionListenerSignature } from "./useChartInteractionListener/index.js";
 /**

package/internals/plugins/corePlugins/useChartAnimation/useChartAnimation.d.ts

@@ -1,3 +1,3 @@
-import { ChartPlugin } from "../../models/index.js";
+import { type ChartPlugin } from "../../models/index.js";
 import type { UseChartAnimationSignature } from "./useChartAnimation.types.js";
 export declare const useChartAnimation: ChartPlugin<UseChartAnimationSignature>;

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

@@ -1,4 +1,4 @@
-import { ChartPluginSignature } from "../../models/index.js";
+import { type ChartPluginSignature } from "../../models/index.js";
 import type { UseChartCartesianAxisSignature } from "../../featurePlugins/useChartCartesianAxis/index.js";
 export interface UseChartAnimationParameters {
   /**

package/internals/plugins/corePlugins/useChartDimensions/useChartDimensions.d.ts

@@ -1,3 +1,3 @@
-import { ChartPlugin } from "../../models/index.js";
+import { type ChartPlugin } from "../../models/index.js";
 import type { UseChartDimensionsSignature } from "./useChartDimensions.types.js";
 export declare const useChartDimensions: ChartPlugin<UseChartDimensionsSignature>;

package/internals/plugins/corePlugins/useChartDimensions/useChartDimensions.selectors.d.ts

@@ -1,6 +1,6 @@
-import { ChartRootSelector } from "../../utils/selectors.js";
+import { type ChartRootSelector } from "../../utils/selectors.js";
 import type { UseChartDimensionsSignature } from "./useChartDimensions.types.js";
-import { ChartState } from "../../models/chart.js";
+import { type ChartState } from "../../models/chart.js";
 export declare const selectorChartDimensionsState: ChartRootSelector<UseChartDimensionsSignature>;
 export declare const selectorChartMargin: (state: ChartState<[UseChartDimensionsSignature]>) => import("./useChartDimensions.types.js").ChartMargin;
 export declare const selectorChartDrawingArea: (args_0: import("../useChartId/useChartId.types.js").UseChartIdState & import("../useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("./useChartDimensions.types.js").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../useChartInteractionListener/index.js").UseChartInteractionListenerState & Partial<{}> & {

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

@@ -1,4 +1,4 @@
-import { ChartPluginSignature } from "../../models/index.js";
+import { type ChartPluginSignature } from "../../models/index.js";
 import type { UseChartCartesianAxisSignature } from "../../featurePlugins/useChartCartesianAxis/index.js";
 export interface ChartMargin {
   /**

package/internals/plugins/corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.d.ts

@@ -1,3 +1,3 @@
-import { ChartPlugin } from "../../models/index.js";
+import { type ChartPlugin } from "../../models/index.js";
 import type { UseChartExperimentalFeaturesSignature } from "./useChartExperimentalFeature.types.js";
 export declare const useChartExperimentalFeatures: ChartPlugin<UseChartExperimentalFeaturesSignature>;

package/internals/plugins/corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.selectors.d.ts

@@ -1,4 +1,4 @@
-import { ChartRootSelector } from "../../utils/selectors.js";
+import { type ChartRootSelector } from "../../utils/selectors.js";
 import type { UseChartExperimentalFeaturesSignature } from "./useChartExperimentalFeature.types.js";
 export declare const selectorChartExperimentalFeaturesState: ChartRootSelector<UseChartExperimentalFeaturesSignature>;
 export declare const selectorPreferStrictDomainInLineCharts: (args_0: import("../useChartId/useChartId.types.js").UseChartIdState & import("./useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("../useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../useChartInteractionListener/index.js").UseChartInteractionListenerState & Partial<{}> & {

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

@@ -1,4 +1,4 @@
-import { ChartPluginSignature } from "../../models/index.js";
+import { type ChartPluginSignature } from "../../models/index.js";
 export interface ChartExperimentalFeatures {
   /**
    * Default domainLimit to strict for line chart x-axis.

package/internals/plugins/corePlugins/useChartId/useChartId.d.ts

@@ -1,3 +1,3 @@
-import { ChartPlugin } from "../../models/index.js";
-import { UseChartIdSignature } from "./useChartId.types.js";
+import { type ChartPlugin } from "../../models/index.js";
+import { type UseChartIdSignature } from "./useChartId.types.js";
 export declare const useChartId: ChartPlugin<UseChartIdSignature>;

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

@@ -1,4 +1,4 @@
-import { ChartPluginSignature } from "../../models/index.js";
+import { type ChartPluginSignature } from "../../models/index.js";
 export interface UseChartIdParameters {
   /**
    * This prop is used to help implement the accessibility logic.

package/internals/plugins/corePlugins/useChartInteractionListener/useChartInteractionListener.d.ts

@@ -1,3 +1,3 @@
-import { ChartPlugin } from "../../models/index.js";
-import { UseChartInteractionListenerSignature } from "./useChartInteractionListener.types.js";
+import { type ChartPlugin } from "../../models/index.js";
+import { type UseChartInteractionListenerSignature } from "./useChartInteractionListener.types.js";
 export declare const useChartInteractionListener: ChartPlugin<UseChartInteractionListenerSignature>;