@mui/x-charts 8.15.0 → 8.16.0

package/esm/internals/scales/scaleSymlog.d.ts

@@ -0,0 +1,38 @@
+import { NumberValue, ScaleSymLog } from '@mui/x-charts-vendor/d3-scale';
+/**
+ * Constructs a new continuous scale with the specified range, the constant 1, the default interpolator and clamping disabled.
+ * The domain defaults to [0, 1].
+ * If range is not specified, it defaults to [0, 1].
+ *
+ * The first generic corresponds to the data type of the range elements.
+ * The second generic corresponds to the data type of the output elements generated by the scale.
+ * The third generic corresponds to the data type of the unknown value.
+ *
+ * If range element and output element type differ, the interpolator factory used with the scale must match this behavior and
+ * convert the interpolated range element to a corresponding output element.
+ *
+ * The range must be set in accordance with the range element type.
+ *
+ * The interpolator factory may be set using the interpolate(...) method of the scale.
+ *
+ * @param range Array of range values.
+ */
+export declare function scaleSymlog<Range = number, Output = Range, Unknown = never>(range?: Iterable<Range>): ScaleSymLog<Range, Output, Unknown>;
+/**
+ * Constructs a new continuous scale with the specified domain and range, the constant 1, the default interpolator and clamping disabled.
+ *
+ * The first generic corresponds to the data type of the range elements.
+ * The second generic corresponds to the data type of the output elements generated by the scale.
+ * The third generic corresponds to the data type of the unknown value.
+ *
+ * If range element and output element type differ, the interpolator factory used with the scale must match this behavior and
+ * convert the interpolated range element to a corresponding output element.
+ *
+ * The range must be set in accordance with the range element type.
+ *
+ * The interpolator factory may be set using the interpolate(...) method of the scale.
+ *
+ * @param domain Array of numeric domain values.
+ * @param range Array of range values.
+ */
+export declare function scaleSymlog<Range, Output = Range, Unknown = never>(domain: Iterable<NumberValue>, range: Iterable<Range>): ScaleSymLog<Range, Output, Unknown>;

package/esm/internals/{symlogScale.js → scales/scaleSymlog.js}

@@ -1,6 +1,44 @@
 import { scaleSymlog as originalScaleSymlog, scaleLog, scaleLinear } from '@mui/x-charts-vendor/d3-scale';
-export function scaleSymlog(_domain, _range) {
-  const scale = originalScaleSymlog(_domain, _range);
+
+/**
+ * Constructs a new continuous scale with the specified range, the constant 1, the default interpolator and clamping disabled.
+ * The domain defaults to [0, 1].
+ * If range is not specified, it defaults to [0, 1].
+ *
+ * The first generic corresponds to the data type of the range elements.
+ * The second generic corresponds to the data type of the output elements generated by the scale.
+ * The third generic corresponds to the data type of the unknown value.
+ *
+ * If range element and output element type differ, the interpolator factory used with the scale must match this behavior and
+ * convert the interpolated range element to a corresponding output element.
+ *
+ * The range must be set in accordance with the range element type.
+ *
+ * The interpolator factory may be set using the interpolate(...) method of the scale.
+ *
+ * @param range Array of range values.
+ */
+
+/**
+ * Constructs a new continuous scale with the specified domain and range, the constant 1, the default interpolator and clamping disabled.
+ *
+ * The first generic corresponds to the data type of the range elements.
+ * The second generic corresponds to the data type of the output elements generated by the scale.
+ * The third generic corresponds to the data type of the unknown value.
+ *
+ * If range element and output element type differ, the interpolator factory used with the scale must match this behavior and
+ * convert the interpolated range element to a corresponding output element.
+ *
+ * The range must be set in accordance with the range element type.
+ *
+ * The interpolator factory may be set using the interpolate(...) method of the scale.
+ *
+ * @param domain Array of numeric domain values.
+ * @param range Array of range values.
+ */
+
+export function scaleSymlog(...args) {
+  const scale = originalScaleSymlog(...args);
   const originalTicks = scale.ticks;
   const {
     negativeScale,

package/esm/models/seriesType/common.d.ts

@@ -1,6 +1,7 @@
 import { HighlightScope } from "../../internals/plugins/featurePlugins/useChartHighlight/highlightConfig.types.js";
 import type { StackOffsetType, StackOrderType } from "../stacking.js";
 import type { ChartsLabelMarkType } from "../../ChartsLabel/ChartsLabelMark.js";
+import { AxisId } from "../axis.js";
 export type SeriesId = number | string;
 export type SeriesValueFormatterContext = {
   /**
@@ -41,11 +42,11 @@ export type CartesianSeriesType = {
   /**
    * The id of the x-axis used to render the series.
    */
-  xAxisId?: string;
+  xAxisId?: AxisId;
   /**
    * The id of the y-axis used to render the series.
    */
-  yAxisId?: string;
+  yAxisId?: AxisId;
 };
 export type StackableSeriesType = {
   /**

package/hooks/useFocusedItem.d.ts

@@ -9,7 +9,7 @@ export type FocusedItemData = {
  * Get the focused item from keyboard navigation.
  */
 export declare function useFocusedItem(): {
-  seriesType: keyof import("../internals/index.js").ChartsSeriesConfig;
+  seriesType: "line" | "bar" | "scatter" | "pie";
   seriesId: SeriesId;
   dataIndex: number;
 } | null;

package/hooks/useInteractionItemProps.js

@@ -23,7 +23,9 @@ const useInteractionItemProps = (data, skip) => {
   const interactionActive = React.useRef(false);
   const onPointerEnter = (0, _useEventCallback.default)(() => {
     interactionActive.current = true;
-    instance.setItemInteraction(data);
+    instance.setItemInteraction(data, {
+      interaction: 'pointer'
+    });
     instance.setHighlight(data);
   });
   const onPointerLeave = (0, _useEventCallback.default)(() => {
@@ -66,7 +68,9 @@ function getInteractionItemProps(instance, item) {
     if (!item) {
       return;
     }
-    instance.setItemInteraction(item);
+    instance.setItemInteraction(item, {
+      interaction: 'pointer'
+    });
     instance.setHighlight(item);
   }
   function onPointerLeave() {

package/index.js

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

package/internals/configInit.d.ts

@@ -3,7 +3,7 @@ declare class CartesianSeriesTypes {
   types: Set<CartesianChartSeriesType>;
   constructor();
   addType(value: CartesianChartSeriesType): void;
-  getTypes(): Set<"line" | "scatter" | "bar">;
+  getTypes(): Set<"line" | "bar" | "scatter">;
 }
 declare class PolarSeriesTypes {
   types: Set<PolarChartSeriesType>;

package/internals/getScale.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getScale = getScale;
 var _d3Scale = require("@mui/x-charts-vendor/d3-scale");
-var _symlogScale = require("./symlogScale");
+var _scales = require("./scales");
 function getScale(scaleType, domain, range) {
   switch (scaleType) {
     case 'log':
@@ -19,7 +19,7 @@ function getScale(scaleType, domain, range) {
     case 'utc':
       return (0, _d3Scale.scaleUtc)(domain, range);
     case 'symlog':
-      return (0, _symlogScale.scaleSymlog)(domain, range);
+      return (0, _scales.scaleSymlog)(domain, range);
     default:
       return (0, _d3Scale.scaleLinear)(domain, range);
   }

package/internals/index.d.ts

@@ -66,4 +66,5 @@ export * from "../models/axis.js";
 export * from "./plugins/models/index.js";
 export * from "./material/index.js";
 export * from "./createSvgIcon.js";
-export * from "./constants.js";
+export * from "./constants.js";
+export * from "./scales/index.js";

package/internals/index.js

@@ -772,4 +772,16 @@ Object.keys(_constants).forEach(function (key) {
       return _constants[key];
     }
   });
+});
+var _scales = require("./scales");
+Object.keys(_scales).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _scales[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _scales[key];
+    }
+  });
 });

package/internals/isCartesian.d.ts

@@ -1,2 +1,3 @@
-import { CartesianChartSeriesType } from "../models/seriesType/config.js";
-export declare function isCartesianSeriesType(seriesType: string): seriesType is CartesianChartSeriesType;
+import { CartesianChartSeriesType, ChartSeriesDefaultized, 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/isCartesian.js

@@ -3,8 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.isCartesianSeries = isCartesianSeries;
 exports.isCartesianSeriesType = isCartesianSeriesType;
 var _configInit = require("./configInit");
 function isCartesianSeriesType(seriesType) {
   return _configInit.cartesianSeriesTypes.getTypes().has(seriesType);
+}
+function isCartesianSeries(series) {
+  return isCartesianSeriesType(series.type);
 }

package/internals/plugins/allPlugins.d.ts

@@ -8,5 +8,5 @@ import { UseChartClosestPointSignature } from "./featurePlugins/useChartClosestP
 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, UseChartCartesianAxisSignature<TSeries>, UseChartInteractionSignature, 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<UseChartCartesianAxisSignature<any>>, import("./models/index.js").ChartPlugin<UseChartInteractionSignature>, import("./models/index.js").ChartPlugin<UseChartHighlightSignature>, import("./models/index.js").ChartPlugin<UseChartClosestPointSignature>, import("./models/index.js").ChartPlugin<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>];

package/internals/plugins/allPlugins.js

@@ -13,4 +13,4 @@ var _useChartZAxis = require("./featurePlugins/useChartZAxis");
 var _useChartBrush = require("./featurePlugins/useChartBrush");
 // 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, _useChartCartesianAxis.useChartCartesianAxis, _useChartInteraction.useChartInteraction, _useChartHighlight.useChartHighlight, _useChartClosestPoint.useChartClosestPoint, _useChartKeyboardNavigation.useChartKeyboardNavigation];
+const DEFAULT_PLUGINS = exports.DEFAULT_PLUGINS = [_useChartZAxis.useChartZAxis, _useChartBrush.useChartBrush, _useChartInteraction.useChartInteraction, _useChartCartesianAxis.useChartCartesianAxis, _useChartHighlight.useChartHighlight, _useChartClosestPoint.useChartClosestPoint, _useChartKeyboardNavigation.useChartKeyboardNavigation];

package/internals/plugins/corePlugins/useChartInteractionListener/useChartInteractionListener.js

@@ -59,6 +59,9 @@ const useChartInteractionListener = ({
           name: 'zoomPressAndDrag',
           dragThreshold: 10,
           preventIf: ['zoomPinch']
+        }), new _core.TapGesture({
+          name: 'zoomDoubleTapReset',
+          taps: 2
         })]
       });
     }
@@ -68,7 +71,7 @@ const useChartInteractionListener = ({
     if (!svg || !gestureManager) {
       return undefined;
     }
-    gestureManager.registerElement(['pan', 'move', 'zoomPinch', 'zoomPan', 'zoomTurnWheel', 'tap', 'quickPress', 'zoomTapAndDrag', 'zoomPressAndDrag', 'brush'], svg);
+    gestureManager.registerElement(['pan', 'move', 'zoomPinch', 'zoomPan', 'zoomTurnWheel', 'tap', 'quickPress', 'zoomTapAndDrag', 'zoomPressAndDrag', 'zoomDoubleTapReset', 'brush'], svg);
     return () => {
       // Cleanup gesture manager
       gestureManager.unregisterAllGestures(svg);

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

@@ -1,6 +1,6 @@
-import { MoveEvent, PanEvent, PanGestureOptions, PinchEvent, PinchGestureOptions, PressEvent, TapEvent, TurnWheelEvent, type PressAndDragEvent, type PressAndDragGestureOptions, type TapAndDragEvent, type TapAndDragGestureOptions, type TurnWheelGestureOptions } from '@mui/x-internal-gestures/core';
+import { MoveEvent, PanEvent, PanGestureOptions, PinchEvent, PinchGestureOptions, PressEvent, TapEvent, TurnWheelEvent, type PressAndDragEvent, type PressAndDragGestureOptions, type TapAndDragEvent, type TapAndDragGestureOptions, type TapGestureOptions, type TurnWheelGestureOptions } from '@mui/x-internal-gestures/core';
 import { ChartPluginSignature } from "../../models/index.js";
-export type ChartInteraction = 'pan' | 'panStart' | 'panEnd' | 'zoomPan' | 'zoomPanStart' | 'zoomPanEnd' | 'zoomPinch' | 'zoomPinchStart' | 'zoomPinchEnd' | 'zoomTurnWheel' | 'zoomTapAndDrag' | 'zoomTapAndDragStart' | 'zoomTapAndDragEnd' | 'zoomPressAndDrag' | 'zoomPressAndDragStart' | 'zoomPressAndDragEnd' | 'move' | 'moveStart' | 'moveEnd' | 'tap' | 'quickPress' | 'quickPressEnd' | 'brush' | 'brushStart' | 'brushCancel' | 'brushEnd';
+export type ChartInteraction = 'pan' | 'panStart' | 'panEnd' | 'zoomPan' | 'zoomPanStart' | 'zoomPanEnd' | 'zoomPinch' | 'zoomPinchStart' | 'zoomPinchEnd' | 'zoomTurnWheel' | 'zoomTapAndDrag' | 'zoomTapAndDragStart' | 'zoomTapAndDragEnd' | 'zoomPressAndDrag' | 'zoomPressAndDragStart' | 'zoomPressAndDragEnd' | 'move' | 'moveStart' | 'moveEnd' | 'tap' | 'quickPress' | 'quickPressEnd' | 'zoomDoubleTapReset' | 'brush' | 'brushStart' | 'brushCancel' | 'brushEnd';
 export type InteractionListenerResult = {
   cleanup: () => void;
 };
@@ -9,7 +9,7 @@ export type AddInteractionListener = {
   <CustomData extends Record<string, unknown> = Record<string, unknown>>(interaction: 'zoomPinch' | 'zoomPinchStart' | 'zoomPinchEnd', callback: (event: PinchEvent<CustomData>) => void, options?: boolean | AddEventListenerOptions): InteractionListenerResult;
   <CustomData extends Record<string, unknown> = Record<string, unknown>>(interaction: 'zoomTurnWheel', callback: (event: TurnWheelEvent<CustomData>) => void, options?: boolean | AddEventListenerOptions): InteractionListenerResult;
   <CustomData extends Record<string, unknown> = Record<string, unknown>>(interaction: 'move' | 'moveStart' | 'moveEnd', callback: (event: MoveEvent<CustomData>) => void, options?: boolean | AddEventListenerOptions): InteractionListenerResult;
-  <CustomData extends Record<string, unknown> = Record<string, unknown>>(interaction: 'tap', callback: (event: TapEvent<CustomData>) => void, options?: boolean | AddEventListenerOptions): InteractionListenerResult;
+  <CustomData extends Record<string, unknown> = Record<string, unknown>>(interaction: 'tap' | 'zoomDoubleTapReset', callback: (event: TapEvent<CustomData>) => void, options?: boolean | AddEventListenerOptions): InteractionListenerResult;
   <CustomData extends Record<string, unknown> = Record<string, unknown>>(interaction: 'quickPress' | 'quickPressEnd', callback: (event: PressEvent<CustomData>) => void, options?: boolean | AddEventListenerOptions): InteractionListenerResult;
   <CustomData extends Record<string, unknown> = Record<string, unknown>>(interaction: 'zoomTapAndDrag' | 'zoomTapAndDragStart' | 'zoomTapAndDragEnd', callback: (event: TapAndDragEvent<CustomData>) => void, options?: boolean | AddEventListenerOptions): InteractionListenerResult;
   <CustomData extends Record<string, unknown> = Record<string, unknown>>(interaction: 'zoomPressAndDrag' | 'zoomPressAndDragStart' | 'zoomPressAndDragEnd', callback: (event: PressAndDragEvent<CustomData>) => void, options?: boolean | AddEventListenerOptions): InteractionListenerResult;
@@ -20,6 +20,8 @@ export type UpdateZoomInteractionListeners = {
   (interaction: 'zoomTurnWheel', options?: Omit<TurnWheelGestureOptions<'zoomTurnWheel'>, 'name'>): void;
   (interaction: 'zoomTapAndDrag', options?: Omit<TapAndDragGestureOptions<'zoomTapAndDrag'>, 'name'>): void;
   (interaction: 'zoomPressAndDrag', options?: Omit<PressAndDragGestureOptions<'zoomPressAndDrag'>, 'name'>): void;
+  (interaction: 'zoomDoubleTapReset', options?: Omit<TapGestureOptions<'zoomDoubleTapReset'>, 'name'>): void;
+  (interaction: 'brush', options?: Omit<PanGestureOptions<'brush'>, 'name'>): void;
 };
 export interface UseChartInteractionListenerParameters {}
 export interface UseChartInteractionListenerState {}

package/internals/plugins/featurePlugins/useChartBrush/useChartBrush.js

@@ -12,12 +12,15 @@ var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallb
 var React = _interopRequireWildcard(require("react"));
 var _useEnhancedEffect = _interopRequireDefault(require("@mui/utils/useEnhancedEffect"));
 var _getSVGPoint = require("../../../getSVGPoint");
+var _useSelector = require("../../../store/useSelector");
+var _useChartBrush = require("./useChartBrush.selectors");
 const useChartBrush = ({
   store,
   svgRef,
   instance,
   params
 }) => {
+  const isEnabled = (0, _useSelector.useSelector)(store, _useChartBrush.selectorIsBrushEnabled);
   (0, _useEnhancedEffect.default)(() => {
     store.update(prev => {
       return (0, _extends2.default)({}, prev, {
@@ -49,9 +52,21 @@ const useChartBrush = ({
       });
     });
   });
+  const setZoomBrushEnabled = (0, _useEventCallback.default)(function setZoomBrushEnabled(enabled) {
+    store.update(prev => {
+      if (prev.brush.isZoomBrushEnabled === enabled) {
+        return prev;
+      }
+      return (0, _extends2.default)({}, prev, {
+        brush: (0, _extends2.default)({}, prev.brush, {
+          isZoomBrushEnabled: enabled
+        })
+      });
+    });
+  });
   React.useEffect(() => {
     const element = svgRef.current;
-    if (element === null || !store.getSnapshot().brush.enabled) {
+    if (element === null || !isEnabled) {
       return () => {};
     }
     const handleBrushStart = event => {
@@ -81,11 +96,12 @@ const useChartBrush = ({
       brushEndHandler.cleanup();
       brushCancelHandler.cleanup();
     };
-  }, [svgRef, instance, store, clearBrush, setBrushCoordinates]);
+  }, [svgRef, instance, store, clearBrush, setBrushCoordinates, isEnabled]);
   return {
     instance: {
       setBrushCoordinates,
-      clearBrush
+      clearBrush,
+      setZoomBrushEnabled
     }
   };
 };
@@ -108,6 +124,7 @@ useChartBrush.getInitialState = params => {
   return {
     brush: {
       enabled: params.brushConfig.enabled,
+      isZoomBrushEnabled: false,
       preventTooltip: params.brushConfig.preventTooltip,
       preventHighlight: params.brushConfig.preventHighlight,
       start: null,

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

@@ -74,9 +74,9 @@ const selectorBrushConfigZoom = exports.selectorBrushConfigZoom = (0, _selectors
   return null;
 });
 const selectorBrushConfig = exports.selectorBrushConfig = (0, _selectors.createSelector)([selectorBrushConfigNoZoom, selectorBrushConfigZoom], (configNoZoom, configZoom) => configZoom ?? configNoZoom);
-const selectorIsBrushEnabled = exports.selectorIsBrushEnabled = (0, _selectors.createSelector)([selectorBrush], brush => brush?.enabled);
-const selectorIsBrushSelectionActive = exports.selectorIsBrushSelectionActive = (0, _selectors.createSelector)([selectorBrush], brush => {
-  return brush?.enabled && brush?.start !== null && brush?.current !== null;
+const selectorIsBrushEnabled = exports.selectorIsBrushEnabled = (0, _selectors.createSelector)([selectorBrush], brush => brush?.enabled || brush?.isZoomBrushEnabled);
+const selectorIsBrushSelectionActive = exports.selectorIsBrushSelectionActive = (0, _selectors.createSelector)([selectorIsBrushEnabled, selectorBrush], (isBrushEnabled, brush) => {
+  return isBrushEnabled && brush?.start !== null && brush?.current !== null;
 });
 const selectorBrushShouldPreventAxisHighlight = exports.selectorBrushShouldPreventAxisHighlight = (0, _selectors.createSelector)([selectorBrush, selectorIsBrushSelectionActive], (brush, isBrushSelectionActive) => isBrushSelectionActive && brush?.preventHighlight);
 const selectorBrushShouldPreventTooltip = exports.selectorBrushShouldPreventTooltip = (0, _selectors.createSelector)([selectorBrush, selectorIsBrushSelectionActive], (brush, isBrushSelectionActive) => isBrushSelectionActive && brush?.preventTooltip);

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

@@ -9,6 +9,10 @@ export interface UseChartBrushState {
      * Whether the brush interaction is enabled.
      */
     enabled: boolean;
+    /**
+     * Whether the zoom brush interaction is enabled.
+     */
+    isZoomBrushEnabled: boolean;
     /**
      * Whether to prevent tooltip from showing during brush interaction.
      */
@@ -37,6 +41,11 @@ export interface UseChartBrushInstance {
    * Clear the brush coordinates.
    */
   clearBrush: () => void;
+  /**
+   * Enable or disable the zoom brush interaction.
+   * @param {boolean} enabled Whether to enable the zoom brush interaction.
+   */
+  setZoomBrushEnabled: (enabled: boolean) => void;
 }
 export interface BrushConfig {
   /**
@@ -46,12 +55,12 @@ export interface BrushConfig {
   enabled?: boolean;
   /**
    * Whether to prevent tooltip from showing during brush interaction.
-   * @default false
+   * @default true
    */
   preventTooltip?: boolean;
   /**
    * Whether to prevent highlighting during brush interaction.
-   * @default false
+   * @default true
    */
   preventHighlight?: boolean;
 }

package/internals/plugins/featurePlugins/useChartCartesianAxis/getAxisScale.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getNormalizedAxisScale = getNormalizedAxisScale;
 exports.getRange = getRange;
-var _d3Scale = require("@mui/x-charts-vendor/d3-scale");
 var _axis = require("../../../../models/axis");
 var _getScale = require("../../../getScale");
+var _scales = require("../../../scales");
 const DEFAULT_CATEGORY_GAP_RATIO = 0.2;
 function getRange(drawingArea, axisDirection, axis) {
   const range = axisDirection === 'x' ? [drawingArea.left, drawingArea.left + drawingArea.width] : [drawingArea.top + drawingArea.height, drawingArea.top];
@@ -17,10 +17,10 @@ function getNormalizedAxisScale(axis, domain) {
   const range = [0, 1];
   if ((0, _axis.isBandScaleConfig)(axis)) {
     const categoryGapRatio = axis.categoryGapRatio ?? DEFAULT_CATEGORY_GAP_RATIO;
-    return (0, _d3Scale.scaleBand)(domain, range).paddingInner(categoryGapRatio).paddingOuter(categoryGapRatio / 2);
+    return (0, _scales.scaleBand)(domain, range).paddingInner(categoryGapRatio).paddingOuter(categoryGapRatio / 2);
   }
   if ((0, _axis.isPointScaleConfig)(axis)) {
-    return (0, _d3Scale.scalePoint)(domain, range);
+    return (0, _scales.scalePoint)(domain, range);
   }
   const scaleType = axis.scaleType ?? 'linear';
   const scale = (0, _getScale.getScale)(scaleType, domain, range);

package/internals/plugins/featurePlugins/useChartClosestPoint/useChartClosestPoint.js

@@ -145,6 +145,8 @@ const useChartClosestPoint = ({
         type: 'scatter',
         seriesId,
         dataIndex
+      }, {
+        interaction: 'pointer'
       });
       instance.setHighlight?.({
         seriesId,

package/internals/plugins/featurePlugins/useChartInteraction/index.d.ts

@@ -1,3 +1,4 @@
 export { useChartInteraction } from "./useChartInteraction.js";
 export * from "./useChartInteraction.selectors.js";
+export * from "./useChartTooltip.selectors.js";
 export type { UseChartInteractionSignature } from "./useChartInteraction.types.js";

package/internals/plugins/featurePlugins/useChartInteraction/index.js

@@ -24,4 +24,16 @@ Object.keys(_useChartInteraction2).forEach(function (key) {
       return _useChartInteraction2[key];
     }
   });
+});
+var _useChartTooltip = require("./useChartTooltip.selectors");
+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];
+    }
+  });
 });

package/internals/plugins/featurePlugins/useChartInteraction/useChartInteraction.js

@@ -43,13 +43,14 @@ const useChartInteraction = ({
       });
     });
   });
-  const setItemInteraction = (0, _useEventCallback.default)(function setItemInteraction(newItem) {
+  const setItemInteraction = (0, _useEventCallback.default)(function setItemInteraction(newItem, context) {
     store.update(prev => {
       if ((0, _fastObjectShallowCompare.fastObjectShallowCompare)(prev.interaction.item, newItem)) {
         return prev;
       }
       return (0, _extends2.default)({}, prev, {
         interaction: (0, _extends2.default)({}, prev.interaction, {
+          lastUpdate: context.interaction,
           item: newItem
         })
       });

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

@@ -7,7 +7,7 @@ export declare const selectorChartsInteractionItem: import("reselect").Selector<
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
 } & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
-}, import("../../../../index.js").ScatterItemIdentifier | import("../../../../index.js").LineItemIdentifier | import("../../../../index.js").BarItemIdentifier | import("../../../../index.js").PieItemIdentifier | import("../../../../index.js").RadarItemIdentifier | null, any[]>;
+}, import("../../../../index.js").LineItemIdentifier | import("../../../../index.js").BarItemIdentifier | import("../../../../index.js").ScatterItemIdentifier | import("../../../../index.js").PieItemIdentifier | import("../../../../index.js").RadarItemIdentifier | null, any[]>;
 export declare const selectorChartsInteractionPointer: import("reselect").Selector<import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../../../index.js").UseChartInteractionListenerState & Partial<import("./useChartInteraction.types.js").UseChartInteractionState> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
 } & {

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

@@ -13,8 +13,12 @@ export interface UseChartInteractionInstance {
   /**
    * Setter for the item the user is interacting with.
    * @param {ChartItemIdentifier} newItem The identifier of the item.
+   * @param {{ interaction: InteractionUpdateSource }} context The context of the interaction.
+   * @param {InteractionUpdateSource} context.interaction The source of the interaction update (pointer or keyboard).
    */
-  setItemInteraction: (newItem: ChartItemIdentifierWithData<ChartSeriesType>) => void;
+  setItemInteraction: (newItem: ChartItemIdentifierWithData<ChartSeriesType>, context: {
+    interaction: InteractionUpdateSource;
+  }) => void;
   /**
    * Remove item interaction if the current if the provided item is still the one interacting.
    * @param {ChartItemIdentifier} itemToRemove The identifier of the item.

package/internals/plugins/featurePlugins/useChartInteraction/useChartTooltip.selectors.d.ts

@@ -0,0 +1,14 @@
+export declare const selectorChartsTooltipItem: import("reselect").Selector<import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../../../index.js").UseChartInteractionListenerState & Partial<import("./useChartInteraction.types.js").UseChartInteractionState> & {
+  cacheKey: import("../../models/index.js").ChartStateCacheKey;
+} & {
+  cacheKey: import("../../models/index.js").ChartStateCacheKey;
+} & Partial<import("../useChartKeyboardNavigation/useChartKeyboardNavigation.types.js").UseChartKeyboardNavigationState>, import("../../../../index.js").LineItemIdentifier | import("../../../../index.js").BarItemIdentifier | import("../../../../index.js").ScatterItemIdentifier | import("../../../../index.js").PieItemIdentifier | import("../../../../index.js").RadarItemIdentifier | null, any[]>;
+export declare const selectorChartsTooltipItemIsDefined: import("reselect").Selector<import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../../../index.js").UseChartInteractionListenerState & Partial<import("./useChartInteraction.types.js").UseChartInteractionState> & {
+  cacheKey: import("../../models/index.js").ChartStateCacheKey;
+} & {
+  cacheKey: import("../../models/index.js").ChartStateCacheKey;
+} & Partial<import("../useChartKeyboardNavigation/useChartKeyboardNavigation.types.js").UseChartKeyboardNavigationState>, boolean, any[]>;
+export declare const selectorChartsTooltipItemPosition: import("reselect").Selector<any, {
+  x: number;
+  y: number;
+} | null, [placement?: "bottom" | "left" | "right" | "top" | undefined]>;

package/internals/plugins/featurePlugins/useChartInteraction/useChartTooltip.selectors.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.selectorChartsTooltipItemPosition = exports.selectorChartsTooltipItemIsDefined = exports.selectorChartsTooltipItem = void 0;
+var _useChartSeries = require("../../corePlugins/useChartSeries");
+var _selectors = require("../../utils/selectors");
+var _useChartCartesianAxisRendering = require("../useChartCartesianAxis/useChartCartesianAxisRendering.selectors");
+var _useChartKeyboardNavigation = require("../useChartKeyboardNavigation");
+var _useChartInteraction = require("./useChartInteraction.selectors");
+var _useChartDimensions = require("../../corePlugins/useChartDimensions/useChartDimensions.selectors");
+var _isCartesian = require("../../../isCartesian");
+const selectorChartsTooltipItem = exports.selectorChartsTooltipItem = (0, _selectors.createSelector)([_useChartInteraction.selectorChartsLastInteraction, _useChartInteraction.selectorChartsInteractionItem, _useChartKeyboardNavigation.selectorChartsKeyboardItem], (lastInteraction, interactionItem, keyboardItem) => lastInteraction === 'keyboard' ? keyboardItem : interactionItem ?? null);
+const selectorChartsTooltipItemIsDefined = exports.selectorChartsTooltipItemIsDefined = (0, _selectors.createSelector)([_useChartInteraction.selectorChartsLastInteraction, _useChartInteraction.selectorChartsInteractionItemIsDefined, _useChartKeyboardNavigation.selectorChartsKeyboardItemIsDefined], (lastInteraction, interactionItemIsDefined, keyboardItemIsDefined) => lastInteraction === 'keyboard' ? keyboardItemIsDefined : interactionItemIsDefined);
+const selectorChartsTooltipItemPosition = exports.selectorChartsTooltipItemPosition = (0, _selectors.createSelector)([selectorChartsTooltipItem, _useChartDimensions.selectorChartDrawingArea, _useChartSeries.selectorChartSeriesConfig, _useChartCartesianAxisRendering.selectorChartXAxis, _useChartCartesianAxisRendering.selectorChartYAxis, _useChartSeries.selectorChartSeriesProcessed, (_, placement) => placement], function selectorChartsTooltipItemPosition(identifier, drawingArea, seriesConfig, {
+  axis: xAxis,
+  axisIds: xAxisIds
+}, {
+  axis: yAxis,
+  axisIds: yAxisIds
+}, series, placement = 'top') {
+  if (!identifier) {
+    return null;
+  }
+  const itemSeries = series[identifier.type]?.series[identifier.seriesId];
+  if (itemSeries) {
+    const axesConfig = {};
+    const xAxisId = (0, _isCartesian.isCartesianSeries)(itemSeries) ? itemSeries.xAxisId ?? xAxisIds[0] : undefined;
+    const yAxisId = (0, _isCartesian.isCartesianSeries)(itemSeries) ? itemSeries.yAxisId ?? yAxisIds[0] : undefined;
+    if (xAxisId !== undefined) {
+      axesConfig.x = xAxis[xAxisId];
+    }
+    if (yAxisId !== undefined) {
+      axesConfig.y = yAxis[yAxisId];
+    }
+    return seriesConfig[itemSeries.type].tooltipItemPositionGetter?.({
+      series,
+      drawingArea,
+      axesConfig,
+      identifier,
+      placement
+    }) ?? null;
+  }
+  return null;
+});

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

@@ -0,0 +1,3 @@
+import { ChartSeriesType } from "../../../../models/seriesType/config.js";
+import { FocusableSeriesTypes } from "./useChartKeyboardNavigation.types.js";
+export declare function isFocusableSeriesType(type: ChartSeriesType): type is FocusableSeriesTypes;

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

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isFocusableSeriesType = isFocusableSeriesType;
+const FOCUSABLE_SERIES_TYPES = new Set(['bar', 'line', 'scatter', 'pie']);
+function isFocusableSeriesType(type) {
+  return FOCUSABLE_SERIES_TYPES.has(type);
+}

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

@@ -1,20 +1,21 @@
 import { ChartSeriesType, ChartsSeriesConfig } from "../../../../models/seriesType/config.js";
 import { SeriesId } from "../../../../models/seriesType/common.js";
 import { ProcessedSeries } from "../../corePlugins/useChartSeries/index.js";
+import { FocusableSeriesTypes } from "./useChartKeyboardNavigation.types.js";
 /**
  * Returns the next series type and id that contains some data.
  * Returns `null` if no other series have data.
  */
-export declare function getNextSeriesWithData(series: ProcessedSeries<keyof ChartsSeriesConfig>, type?: ChartSeriesType, seriesId?: SeriesId): {
-  type: Exclude<ChartSeriesType, 'sankey'>;
+export declare function getNextSeriesWithData(series: ProcessedSeries<keyof ChartsSeriesConfig>, type?: FocusableSeriesTypes, seriesId?: SeriesId): {
+  type: FocusableSeriesTypes;
   seriesId: SeriesId;
 } | null;
 /**
  * Returns the previous series type and id that contains some data.
  * Returns `null` if no other series have data.
  */
-export declare function getPreviousSeriesWithData(series: ProcessedSeries<keyof ChartsSeriesConfig>, type?: ChartSeriesType, seriesId?: SeriesId): {
-  type: Exclude<ChartSeriesType, 'sankey'>;
+export declare function getPreviousSeriesWithData(series: ProcessedSeries<keyof ChartsSeriesConfig>, type?: FocusableSeriesTypes, seriesId?: SeriesId): {
+  type: FocusableSeriesTypes;
   seriesId: SeriesId;
 } | null;
 export declare function seriesHasData(series: ProcessedSeries<keyof ChartsSeriesConfig>, type: ChartSeriesType, seriesId: SeriesId): boolean | undefined;