@mui/x-charts-pro 9.0.0-alpha.0 → 9.0.0-alpha.2

package/esm/internals/plugins/useChartProZoom/gestureHooks/useZoomOnTapAndDrag.js

@@ -1,75 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import { getChartPoint, selectorChartDrawingArea, selectorChartZoomOptionsLookup } from '@mui/x-charts/internals';
-import { rafThrottle } from '@mui/x-internals/rafThrottle';
-import { getHorizontalCenterRatio, getVerticalCenterRatio, isSpanValid, zoomAtPoint } from "./useZoom.utils.js";
-import { selectorZoomInteractionConfig } from "../ZoomInteractionConfig.selectors.js";
-export const useZoomOnTapAndDrag = ({
-  store,
-  instance
-}, setZoomDataCallback) => {
-  const {
-    svgRef
-  } = instance;
-  const drawingArea = store.use(selectorChartDrawingArea);
-  const optionsLookup = store.use(selectorChartZoomOptionsLookup);
-  const config = store.use(selectorZoomInteractionConfig, 'tapAndDrag');
-  const isZoomOnTapAndDragEnabled = Object.keys(optionsLookup).length > 0 && Boolean(config);
-  React.useEffect(() => {
-    if (!isZoomOnTapAndDragEnabled) {
-      return;
-    }
-    instance.updateZoomInteractionListeners('zoomTapAndDrag', {
-      requiredKeys: config.requiredKeys,
-      pointerMode: config.pointerMode,
-      pointerOptions: {
-        mouse: config.mouse,
-        touch: config.touch
-      }
-    });
-  }, [config, isZoomOnTapAndDragEnabled, instance]);
-
-  // Zoom on tap and drag
-  React.useEffect(() => {
-    const element = svgRef.current;
-    if (element === null || !isZoomOnTapAndDragEnabled) {
-      return () => {};
-    }
-    const rafThrottledCallback = rafThrottle(event => {
-      // If the delta is 0, we didn't move
-      if (event.detail.deltaY === 0) {
-        return;
-      }
-      setZoomDataCallback(prev => {
-        return prev.map(zoom => {
-          const option = optionsLookup[zoom.axisId];
-          if (!option) {
-            return zoom;
-          }
-          const isZoomIn = event.detail.deltaY > 0;
-          const scaleRatio = 1 + event.detail.deltaY / 100;
-          const point = getChartPoint(element, {
-            clientX: event.detail.initialCentroid.x,
-            clientY: event.detail.initialCentroid.y
-          });
-          const centerRatio = option.axisDirection === 'x' ? getHorizontalCenterRatio(point, drawingArea, option.reverse) : getVerticalCenterRatio(point, drawingArea, option.reverse);
-          const [newMinRange, newMaxRange] = zoomAtPoint(centerRatio, scaleRatio, zoom, option);
-          if (!isSpanValid(newMinRange, newMaxRange, isZoomIn, option)) {
-            return zoom;
-          }
-          return {
-            axisId: zoom.axisId,
-            start: newMinRange,
-            end: newMaxRange
-          };
-        });
-      });
-    });
-    const zoomHandler = instance.addInteractionListener('zoomTapAndDrag', rafThrottledCallback);
-    return () => {
-      zoomHandler.cleanup();
-      rafThrottledCallback.clear();
-    };
-  }, [svgRef, drawingArea, isZoomOnTapAndDragEnabled, optionsLookup, store, instance, setZoomDataCallback]);
-};

package/esm/internals/plugins/useChartProZoom/gestureHooks/useZoomOnWheel.d.ts

@@ -1,7 +0,0 @@
-import * as React from 'react';
-import { type ChartPlugin, type ZoomData } from '@mui/x-charts/internals';
-import { type UseChartProZoomSignature } from "../useChartProZoom.types.js";
-export declare const useZoomOnWheel: ({
-  store,
-  instance
-}: Pick<Parameters<ChartPlugin<UseChartProZoomSignature>>[0], "store" | "instance">, setZoomDataCallback: React.Dispatch<ZoomData[] | ((prev: ZoomData[]) => ZoomData[])>) => void;

package/esm/internals/plugins/useChartProZoom/gestureHooks/useZoomOnWheel.js

@@ -1,91 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import { getChartPoint, selectorChartDrawingArea, selectorChartZoomOptionsLookup } from '@mui/x-charts/internals';
-import { rafThrottle } from '@mui/x-internals/rafThrottle';
-import { getHorizontalCenterRatio, getVerticalCenterRatio, getWheelScaleRatio, isSpanValid, zoomAtPoint } from "./useZoom.utils.js";
-import { selectorZoomInteractionConfig } from "../ZoomInteractionConfig.selectors.js";
-export const useZoomOnWheel = ({
-  store,
-  instance
-}, setZoomDataCallback) => {
-  const {
-    svgRef
-  } = instance;
-  const drawingArea = store.use(selectorChartDrawingArea);
-  const optionsLookup = store.use(selectorChartZoomOptionsLookup);
-  const startedOutsideRef = React.useRef(false);
-  const startedOutsideTimeoutRef = React.useRef(null);
-  const config = store.use(selectorZoomInteractionConfig, 'wheel');
-  const isZoomOnWheelEnabled = Object.keys(optionsLookup).length > 0 && Boolean(config);
-  React.useEffect(() => {
-    if (!isZoomOnWheelEnabled) {
-      return;
-    }
-    instance.updateZoomInteractionListeners('zoomTurnWheel', {
-      requiredKeys: config.requiredKeys
-    });
-  }, [config, isZoomOnWheelEnabled, instance]);
-
-  // Add event for chart zoom in/out
-  React.useEffect(() => {
-    const element = svgRef.current;
-    if (element === null || !isZoomOnWheelEnabled) {
-      return () => {};
-    }
-    const rafThrottledSetZoomData = rafThrottle(setZoomDataCallback);
-    const zoomOnWheelHandler = instance.addInteractionListener('zoomTurnWheel', event => {
-      const point = getChartPoint(element, {
-        clientX: event.detail.centroid.x,
-        clientY: event.detail.centroid.y
-      });
-
-      // This prevents a zoom event from being triggered when the mouse is outside the chart area.
-      // The timeout is used to prevent an weird behavior where if the mouse is outside but enters due to
-      // scrolling, then the zoom event is triggered.
-      if (startedOutsideRef.current || !instance.isPointInside(point.x, point.y)) {
-        startedOutsideRef.current = true;
-        if (startedOutsideTimeoutRef.current) {
-          clearTimeout(startedOutsideTimeoutRef.current);
-        }
-        startedOutsideTimeoutRef.current = setTimeout(() => {
-          startedOutsideRef.current = false;
-          startedOutsideTimeoutRef.current = null;
-        }, 100);
-        return;
-      }
-      event.detail.srcEvent.preventDefault();
-      rafThrottledSetZoomData(prev => {
-        return prev.map(zoom => {
-          const option = optionsLookup[zoom.axisId];
-          if (!option) {
-            return zoom;
-          }
-          const centerRatio = option.axisDirection === 'x' ? getHorizontalCenterRatio(point, drawingArea, option.reverse) : getVerticalCenterRatio(point, drawingArea, option.reverse);
-          const {
-            scaleRatio,
-            isZoomIn
-          } = getWheelScaleRatio(event.detail.srcEvent, option.step);
-          const [newMinRange, newMaxRange] = zoomAtPoint(centerRatio, scaleRatio, zoom, option);
-          if (!isSpanValid(newMinRange, newMaxRange, isZoomIn, option)) {
-            return zoom;
-          }
-          return {
-            axisId: zoom.axisId,
-            start: newMinRange,
-            end: newMaxRange
-          };
-        });
-      });
-    });
-    return () => {
-      zoomOnWheelHandler.cleanup();
-      if (startedOutsideTimeoutRef.current) {
-        clearTimeout(startedOutsideTimeoutRef.current);
-        startedOutsideTimeoutRef.current = null;
-      }
-      startedOutsideRef.current = false;
-      rafThrottledSetZoomData.clear();
-    };
-  }, [svgRef, drawingArea, isZoomOnWheelEnabled, optionsLookup, instance, setZoomDataCallback, store]);
-};

package/esm/internals/plugins/useChartProZoom/index.d.ts

@@ -1,3 +0,0 @@
-export * from "./useChartProZoom.selectors.js";
-export * from "./useChartProZoom.js";
-export * from "./useChartProZoom.types.js";

package/esm/internals/plugins/useChartProZoom/index.js

@@ -1,3 +0,0 @@
-export * from "./useChartProZoom.selectors.js";
-export * from "./useChartProZoom.js";
-export * from "./useChartProZoom.types.js";

package/esm/internals/plugins/useChartProZoom/initializeZoomInteractionConfig.d.ts

@@ -1,3 +0,0 @@
-import type { AxisId, DefaultizedZoomOptions } from '@mui/x-charts/internals';
-import type { ZoomInteractionConfig, DefaultizedZoomInteractionConfig } from "./ZoomInteractionConfig.types.js";
-export declare const initializeZoomInteractionConfig: (zoomInteractionConfig?: ZoomInteractionConfig, optionsLookup?: Record<AxisId, DefaultizedZoomOptions>) => DefaultizedZoomInteractionConfig;

package/esm/internals/plugins/useChartProZoom/useChartProZoom.d.ts

@@ -1,3 +0,0 @@
-import { type ChartPlugin } from '@mui/x-charts/internals';
-import { type UseChartProZoomSignature } from "./useChartProZoom.types.js";
-export declare const useChartProZoom: ChartPlugin<UseChartProZoomSignature>;

package/esm/internals/plugins/useChartProZoom/useChartProZoom.js

@@ -1,176 +0,0 @@
-'use client';
-
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import { selectorChartZoomOptionsLookup, createZoomLookup, selectorChartAxisZoomOptionsLookup } from '@mui/x-charts/internals';
-import debounce from '@mui/utils/debounce';
-import { useEffectAfterFirstRender } from '@mui/x-internals/useEffectAfterFirstRender';
-import { useEventCallback } from '@mui/material/utils';
-import { isDeepEqual } from '@mui/x-internals/isDeepEqual';
-import { calculateZoom } from "./calculateZoom.js";
-import { useZoomOnWheel } from "./gestureHooks/useZoomOnWheel.js";
-import { useZoomOnPinch } from "./gestureHooks/useZoomOnPinch.js";
-import { usePanOnDrag } from "./gestureHooks/usePanOnDrag.js";
-import { usePanOnWheel } from "./gestureHooks/usePanOnWheel.js";
-import { useZoomOnTapAndDrag } from "./gestureHooks/useZoomOnTapAndDrag.js";
-import { usePanOnPressAndDrag } from "./gestureHooks/usePanOnPressAndDrag.js";
-import { useZoomOnBrush } from "./gestureHooks/useZoomOnBrush.js";
-import { useZoomOnDoubleTapReset } from "./gestureHooks/useZoomOnDoubleTapReset.js";
-import { initializeZoomInteractionConfig } from "./initializeZoomInteractionConfig.js";
-import { initializeZoomData } from "./initializeZoomData.js";
-export const useChartProZoom = pluginData => {
-  const {
-    store,
-    params
-  } = pluginData;
-  const {
-    zoomData: paramsZoomData,
-    onZoomChange: onZoomChangeProp,
-    zoomInteractionConfig
-  } = params;
-  const onZoomChange = useEventCallback(onZoomChangeProp ?? (() => {}));
-  const optionsLookup = store.use(selectorChartZoomOptionsLookup);
-  useEffectAfterFirstRender(() => {
-    store.set('zoom', _extends({}, store.state.zoom, {
-      zoomInteractionConfig: initializeZoomInteractionConfig(zoomInteractionConfig, optionsLookup)
-    }));
-  }, [store, zoomInteractionConfig, optionsLookup]);
-
-  // This is debounced. We want to run it only once after the interaction ends.
-  const removeIsInteracting = React.useMemo(() => debounce(() => store.set('zoom', _extends({}, store.state.zoom, {
-    isInteracting: false
-  })), 166), [store]);
-
-  // Manage controlled state
-  React.useEffect(() => {
-    if (paramsZoomData === undefined) {
-      return;
-    }
-    if (process.env.NODE_ENV !== 'production' && !store.state.zoom.isControlled) {
-      console.error([`MUI X Charts: A chart component is changing the \`zoomData\` from uncontrolled to controlled.`, 'Elements should not switch from uncontrolled to controlled (or vice versa).', 'Decide between using a controlled or uncontrolled for the lifetime of the component.', "The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.", 'More info: https://fb.me/react-controlled-components'].join('\n'));
-    }
-    store.set('zoom', _extends({}, store.state.zoom, {
-      isInteracting: true,
-      zoomData: paramsZoomData
-    }));
-    removeIsInteracting();
-  }, [store, paramsZoomData, removeIsInteracting]);
-  const setZoomDataCallback = React.useCallback(zoomData => {
-    const newZoomData = typeof zoomData === 'function' ? zoomData([...store.state.zoom.zoomData]) : zoomData;
-    if (isDeepEqual(store.state.zoom.zoomData, newZoomData)) {
-      return;
-    }
-    onZoomChange(newZoomData);
-    if (store.state.zoom.isControlled) {
-      store.set('zoom', _extends({}, store.state.zoom, {
-        isInteracting: true
-      }));
-    } else {
-      store.set('zoom', _extends({}, store.state.zoom, {
-        isInteracting: true,
-        zoomData: newZoomData
-      }));
-      removeIsInteracting();
-    }
-  }, [onZoomChange, store, removeIsInteracting]);
-  const setAxisZoomData = React.useCallback((axisId, zoomData) => {
-    setZoomDataCallback(prev => prev.map(prevZoom => {
-      if (prevZoom.axisId !== axisId) {
-        return prevZoom;
-      }
-      return typeof zoomData === 'function' ? zoomData(prevZoom) : zoomData;
-    }));
-  }, [setZoomDataCallback]);
-  const moveZoomRange = React.useCallback((axisId, by) => {
-    setZoomDataCallback(prevZoomData => {
-      return prevZoomData.map(zoom => {
-        if (zoom.axisId !== axisId) {
-          return zoom;
-        }
-        const options = optionsLookup[axisId];
-        if (!options) {
-          return zoom;
-        }
-        let start = zoom.start;
-        let end = zoom.end;
-        if (by > 0) {
-          const span = end - start;
-          end = Math.min(end + by, options.maxEnd);
-          start = end - span;
-        } else {
-          const span = end - start;
-          start = Math.max(start + by, options.minStart);
-          end = start + span;
-        }
-        return _extends({}, zoom, {
-          start,
-          end
-        });
-      });
-    });
-  }, [optionsLookup, setZoomDataCallback]);
-  React.useEffect(() => {
-    return () => {
-      removeIsInteracting.clear();
-    };
-  }, [removeIsInteracting]);
-
-  // Add events
-  usePanOnDrag(pluginData, setZoomDataCallback);
-  usePanOnPressAndDrag(pluginData, setZoomDataCallback);
-  usePanOnWheel(pluginData, setZoomDataCallback);
-  useZoomOnWheel(pluginData, setZoomDataCallback);
-  useZoomOnPinch(pluginData, setZoomDataCallback);
-  useZoomOnTapAndDrag(pluginData, setZoomDataCallback);
-  useZoomOnBrush(pluginData, setZoomDataCallback);
-  useZoomOnDoubleTapReset(pluginData, setZoomDataCallback);
-  const zoom = React.useCallback(step => {
-    setZoomDataCallback(prev => prev.map(zoomData => {
-      const zoomOptions = selectorChartAxisZoomOptionsLookup(store.state, zoomData.axisId);
-      return calculateZoom(zoomData, step, zoomOptions);
-    }));
-  }, [setZoomDataCallback, store]);
-  const zoomIn = React.useCallback(() => zoom(0.1), [zoom]);
-  const zoomOut = React.useCallback(() => zoom(-0.1), [zoom]);
-  return {
-    publicAPI: {
-      setZoomData: setZoomDataCallback,
-      setAxisZoomData,
-      zoomIn,
-      zoomOut
-    },
-    instance: {
-      setZoomData: setZoomDataCallback,
-      setAxisZoomData,
-      moveZoomRange,
-      zoomIn,
-      zoomOut
-    }
-  };
-};
-useChartProZoom.params = {
-  initialZoom: true,
-  onZoomChange: true,
-  zoomData: true,
-  zoomInteractionConfig: true
-};
-useChartProZoom.getInitialState = params => {
-  const {
-    initialZoom,
-    zoomData,
-    defaultizedXAxis,
-    defaultizedYAxis
-  } = params;
-  const optionsLookup = _extends({}, createZoomLookup('x')(defaultizedXAxis), createZoomLookup('y')(defaultizedYAxis));
-  const userZoomData =
-  // eslint-disable-next-line no-nested-ternary
-  zoomData !== undefined ? zoomData : initialZoom !== undefined ? initialZoom : undefined;
-  return {
-    zoom: {
-      zoomData: initializeZoomData(optionsLookup, userZoomData),
-      isInteracting: false,
-      isControlled: zoomData !== undefined,
-      zoomInteractionConfig: initializeZoomInteractionConfig(params.zoomInteractionConfig, optionsLookup)
-    }
-  };
-};

package/esm/internals/plugins/useChartProZoom/useChartProZoom.selectors.d.ts

@@ -1,18 +0,0 @@
-import { type AxisId, type ChartRootSelector } from '@mui/x-charts/internals';
-import { type UseChartProZoomSignature } from "./useChartProZoom.types.js";
-export declare const selectorChartZoomState: ChartRootSelector<UseChartProZoomSignature, 'zoom'>;
-export declare const selectorChartZoomIsInteracting: (args_0: import("@mui/x-charts/internals/plugins/corePlugins/useChartId/useChartId.types").UseChartIdState & import("@mui/x-charts/internals/plugins/corePlugins/useChartSeriesConfig/useChartSeriesConfig.types").UseChartSeriesConfigState<keyof import("@mui/x-charts/internals").ChartsSeriesConfig> & import("@mui/x-charts/internals/plugins/corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types").UseChartExperimentalFeaturesState & import("@mui/x-charts/internals/plugins/corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("@mui/x-charts/internals/plugins/corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("@mui/x-charts/internals").ChartsSeriesConfig> & import("@mui/x-charts/internals/plugins/corePlugins/useChartAnimation/useChartAnimation.types").UseChartAnimationState & import("@mui/x-charts/internals").UseChartInteractionListenerState & import("./useChartProZoom.types.js").UseChartProZoomState & Partial<{}> & {
-  cacheKey: import("@mui/x-charts/internals").ChartStateCacheKey;
-}) => boolean;
-export declare const selectorChartZoomIsEnabled: (args_0: import("@mui/x-charts/internals/plugins/corePlugins/useChartId/useChartId.types").UseChartIdState & import("@mui/x-charts/internals/plugins/corePlugins/useChartSeriesConfig/useChartSeriesConfig.types").UseChartSeriesConfigState<keyof import("@mui/x-charts/internals").ChartsSeriesConfig> & import("@mui/x-charts/internals/plugins/corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types").UseChartExperimentalFeaturesState & import("@mui/x-charts/internals/plugins/corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("@mui/x-charts/internals/plugins/corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("@mui/x-charts/internals").ChartsSeriesConfig> & import("@mui/x-charts/internals/plugins/corePlugins/useChartAnimation/useChartAnimation.types").UseChartAnimationState & import("@mui/x-charts/internals").UseChartInteractionListenerState & Partial<import("@mui/x-charts/internals").UseChartCartesianAxisState> & {
-  cacheKey: import("@mui/x-charts/internals").ChartStateCacheKey;
-}) => boolean;
-export declare const selectorChartAxisZoomData: (args_0: import("@mui/x-charts/internals/plugins/corePlugins/useChartId/useChartId.types").UseChartIdState & import("@mui/x-charts/internals/plugins/corePlugins/useChartSeriesConfig/useChartSeriesConfig.types").UseChartSeriesConfigState<keyof import("@mui/x-charts/internals").ChartsSeriesConfig> & import("@mui/x-charts/internals/plugins/corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types").UseChartExperimentalFeaturesState & import("@mui/x-charts/internals/plugins/corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("@mui/x-charts/internals/plugins/corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("@mui/x-charts/internals").ChartsSeriesConfig> & import("@mui/x-charts/internals/plugins/corePlugins/useChartAnimation/useChartAnimation.types").UseChartAnimationState & import("@mui/x-charts/internals").UseChartInteractionListenerState & Partial<import("@mui/x-charts/internals").UseChartCartesianAxisState> & {
-  cacheKey: import("@mui/x-charts/internals").ChartStateCacheKey;
-}, axisId: AxisId) => import("@mui/x-charts/internals").ZoomData | undefined;
-export declare const selectorChartCanZoomOut: (args_0: import("@mui/x-charts/internals/plugins/corePlugins/useChartId/useChartId.types").UseChartIdState & import("@mui/x-charts/internals/plugins/corePlugins/useChartSeriesConfig/useChartSeriesConfig.types").UseChartSeriesConfigState<keyof import("@mui/x-charts/internals").ChartsSeriesConfig> & import("@mui/x-charts/internals/plugins/corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types").UseChartExperimentalFeaturesState & import("@mui/x-charts/internals/plugins/corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("@mui/x-charts/internals/plugins/corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("@mui/x-charts/internals").ChartsSeriesConfig> & import("@mui/x-charts/internals/plugins/corePlugins/useChartAnimation/useChartAnimation.types").UseChartAnimationState & import("@mui/x-charts/internals").UseChartInteractionListenerState & import("./useChartProZoom.types.js").UseChartProZoomState & Partial<{}> & {
-  cacheKey: import("@mui/x-charts/internals").ChartStateCacheKey;
-}) => boolean;
-export declare const selectorChartCanZoomIn: (args_0: import("@mui/x-charts/internals/plugins/corePlugins/useChartId/useChartId.types").UseChartIdState & import("@mui/x-charts/internals/plugins/corePlugins/useChartSeriesConfig/useChartSeriesConfig.types").UseChartSeriesConfigState<keyof import("@mui/x-charts/internals").ChartsSeriesConfig> & import("@mui/x-charts/internals/plugins/corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types").UseChartExperimentalFeaturesState & import("@mui/x-charts/internals/plugins/corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("@mui/x-charts/internals/plugins/corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("@mui/x-charts/internals").ChartsSeriesConfig> & import("@mui/x-charts/internals/plugins/corePlugins/useChartAnimation/useChartAnimation.types").UseChartAnimationState & import("@mui/x-charts/internals").UseChartInteractionListenerState & import("./useChartProZoom.types.js").UseChartProZoomState & Partial<{}> & {
-  cacheKey: import("@mui/x-charts/internals").ChartStateCacheKey;
-}) => boolean;

package/esm/internals/plugins/useChartProZoom/useChartProZoom.types.d.ts

@@ -1,84 +0,0 @@
-import { type UseChartSeriesSignature, type ChartPluginSignature, type UseChartCartesianAxisSignature, type UseChartCartesianAxisDefaultizedParameters, type ZoomData, type AxisId, type UseChartBrushSignature } from '@mui/x-charts/internals';
-import { type ZoomInteractionConfig, type DefaultizedZoomInteractionConfig } from "./ZoomInteractionConfig.types.js";
-export interface UseChartProZoomParameters {
-  /**
-   * The list of zoom data related to each axis.
-   * Used to initialize the zoom in a specific configuration without controlling it.
-   */
-  initialZoom?: readonly ZoomData[];
-  /**
-   * Callback fired when the zoom has changed.
-   *
-   * @param {ZoomData[]} zoomData Updated zoom data.
-   */
-  onZoomChange?: (zoomData: ZoomData[]) => void;
-  /**
-   * The list of zoom data related to each axis.
-   */
-  zoomData?: readonly ZoomData[];
-  /**
-   * Configuration for zoom interactions.
-   */
-  zoomInteractionConfig?: ZoomInteractionConfig;
-}
-export type UseChartProZoomDefaultizedParameters = UseChartProZoomParameters & UseChartCartesianAxisDefaultizedParameters;
-export interface UseChartProZoomState {
-  zoom: {
-    /**
-     * Whether the user is currently interacting with the chart.
-     * This is useful to disable animations while the user is interacting.
-     */
-    isInteracting: boolean;
-    /**
-     * Mapping of axis id to the zoom data.
-     */
-    zoomData: readonly ZoomData[];
-    /**
-     * Internal information to know if the user control the state or not.
-     */
-    isControlled: boolean;
-    /**
-     * Configuration for zoom interactions.
-     */
-    zoomInteractionConfig: DefaultizedZoomInteractionConfig;
-  };
-}
-export interface UseChartProZoomPublicApi {
-  /**
-   * Set the zoom data state.
-   * @param {ZoomData[] | ((prev: ZoomData[]) => ZoomData[])} value  The new value. Can either be the new zoom data, or an updater function.
-   * @returns {void}
-   */
-  setZoomData: (value: ZoomData[] | ((prev: ZoomData[]) => ZoomData[])) => void;
-  /**
-   * Set the zoom data for an axis.
-   * @param {AxisId} axisId The id of the axis to set the zoom data for.
-   * @param {ZoomData | ((prev: ZoomData) => ZoomData)} value  The new value. Can either be the new zoom data, or an updater function.
-   * @returns {void}
-   */
-  setAxisZoomData: (axisId: AxisId, value: ZoomData | ((prev: ZoomData) => ZoomData)) => void;
-}
-export interface UseChartProZoomInstance extends UseChartProZoomPublicApi {
-  /**
-   * Translate the zoom range (i.e., both start and end) for a specific axis.
-   * @param {AxisId} axisId The id of the axis to move the zoom range for.
-   * @param {number} by The amount to move the zoom range by. Ranges from 0 to 100.
-   */
-  moveZoomRange: (axisId: AxisId, by: number) => void;
-  /**
-   * Zoom in the chart.
-   */
-  zoomIn: () => void;
-  /**
-   * Zoom out the chart.
-   */
-  zoomOut: () => void;
-}
-export type UseChartProZoomSignature = ChartPluginSignature<{
-  params: UseChartProZoomParameters;
-  defaultizedParams: UseChartProZoomDefaultizedParameters;
-  state: UseChartProZoomState;
-  publicAPI: UseChartProZoomPublicApi;
-  instance: UseChartProZoomInstance;
-  dependencies: [UseChartSeriesSignature, UseChartCartesianAxisSignature, UseChartBrushSignature];
-}>;

package/esm/internals/slots/chartsBaseSlots.d.ts

@@ -1,10 +0,0 @@
-import { type ChartsBaseSlots } from '@mui/x-charts/models';
-import type * as React from 'react';
-import { type ChartBaseDividerProps, type ChartBaseMenuItemProps, type ChartBaseMenuListProps, type ChartBasePopperProps, type ChartBaseTooltipProps } from "./chartBaseSlotProps.js";
-export interface ChartsBaseSlotsPro extends ChartsBaseSlots {
-  baseDivider: React.ComponentType<ChartBaseDividerProps>;
-  baseMenuItem: React.ComponentType<ChartBaseMenuItemProps>;
-  baseMenuList: React.ComponentType<ChartBaseMenuListProps>;
-  basePopper: React.ComponentType<ChartBasePopperProps>;
-  baseTooltip: React.ComponentType<ChartBaseTooltipProps>;
-}

package/esm/models/index.d.ts

@@ -1,4 +0,0 @@
-export * from '@mui/x-charts/models';
-export type { ZoomData, ZoomFilterMode, ZoomOptions, ZoomSliderOptions, ZoomSliderShowTooltip } from '@mui/x-charts/internals';
-export * from "./seriesType/index.js";
-export { defaultOnBeforeExport } from "../internals/plugins/useChartProExport/defaults.js";

package/esm/models/index.js

@@ -1,6 +0,0 @@
-// This re-export-block is automatically generated, to customize, simply remove the block.
-export * from '@mui/x-charts/models';
-// End of re-export-block
-
-export * from "./seriesType/index.js";
-export { defaultOnBeforeExport } from "../internals/plugins/useChartProExport/defaults.js";

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

@@ -1 +0,0 @@
-export * from "./heatmap.js";

package/esm/models/seriesType/index.js

@@ -1 +0,0 @@
-export * from "./heatmap.js";

package/esm/package.json

@@ -1 +0,0 @@
-{"type":"module","sideEffects":false}

package/esm/plugins/index.d.ts

@@ -1,3 +0,0 @@
-export * from '@mui/x-charts/plugins';
-export { useChartProExport, type UseChartProExportSignature } from "../internals/plugins/useChartProExport/index.js";
-export { useChartProZoom, type UseChartProZoomSignature } from "../internals/plugins/useChartProZoom/index.js";

package/esm/plugins/index.js

@@ -1,3 +0,0 @@
-export * from '@mui/x-charts/plugins';
-export { useChartProExport } from "../internals/plugins/useChartProExport/index.js";
-export { useChartProZoom } from "../internals/plugins/useChartProZoom/index.js";

package/esm/plugins/selectors/useChartHeatmapPosition.selectors.d.ts

@@ -1,4 +0,0 @@
-import { type HeatmapItemIdentifier } from "../../models/index.js";
-export declare const selectorHeatmapItemAtPosition: (args_0: import("@mui/x-charts/internals/plugins/corePlugins/useChartId/useChartId.types").UseChartIdState & import("@mui/x-charts/internals/plugins/corePlugins/useChartSeriesConfig/useChartSeriesConfig.types").UseChartSeriesConfigState<keyof import("@mui/x-charts/internals").ChartsSeriesConfig> & import("@mui/x-charts/internals/plugins/corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types").UseChartExperimentalFeaturesState & import("@mui/x-charts/internals/plugins/corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("@mui/x-charts/internals/plugins/corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("@mui/x-charts/internals").ChartsSeriesConfig> & import("@mui/x-charts/internals/plugins/corePlugins/useChartAnimation/useChartAnimation.types").UseChartAnimationState & import("@mui/x-charts/internals").UseChartInteractionListenerState & Partial<{}> & {
-  cacheKey: import("@mui/x-charts/internals").ChartStateCacheKey;
-}, svgPoint: Pick<DOMPoint, "x" | "y">) => HeatmapItemIdentifier | undefined;

package/esm/themeAugmentation/index.d.ts

@@ -1,4 +0,0 @@
-export type * from '@mui/x-charts/themeAugmentation';
-export type * from "./overrides.js";
-export type * from "./props.js";
-export type * from "./components.js";

package/esm/themeAugmentation/overrides.d.ts

@@ -1,8 +0,0 @@
-import { type HeatmapClassKey } from "../Heatmap/index.js";
-export interface ChartsProComponentNameToClassKey {
-  MuiHeatmap: HeatmapClassKey;
-}
-declare module '@mui/material/styles' {
-  interface ComponentNameToClassKey extends ChartsProComponentNameToClassKey {}
-}
-export {};

package/esm/themeAugmentation/props.d.ts

@@ -1,14 +0,0 @@
-import { type ScatterChartProProps } from "../ScatterChartPro/index.js";
-import { type BarChartProProps } from "../BarChartPro/index.js";
-import { type HeatmapProps } from "../Heatmap/Heatmap.js";
-import { type LineChartProProps } from "../LineChartPro/index.js";
-export interface ChartsProComponentsPropsList {
-  MuiBarChartPro: BarChartProProps;
-  MuiLineChartPro: LineChartProProps;
-  MuiHeatmap: HeatmapProps;
-  MuiScatterChartPro: ScatterChartProProps;
-}
-declare module '@mui/material/styles' {
-  interface ComponentsPropsList extends ChartsProComponentsPropsList {}
-}
-export {};

package/esm/typeOverloads/index.d.ts

@@ -1 +0,0 @@
-export {} from "./modules.js";

package/esm/typeOverloads/index.js

@@ -1 +0,0 @@
-export {} from "./modules.js";

package/esm/typeOverloads/modules.d.ts

@@ -1,53 +0,0 @@
-import type { DefaultizedProps, MakeRequired } from '@mui/x-internals/types';
-import type { AxisId, CommonHighlightScope, ZoomOptions } from '@mui/x-charts/internals';
-import type { DefaultizedFunnelSeriesType, FunnelItemIdentifier, FunnelSeriesType, FunnelValueType } from "../FunnelChart/funnel.types.js";
-import type { HeatmapItemIdentifier, HeatmapSeriesType, DefaultizedHeatmapSeriesType, HeatmapValueType } from "../models/seriesType/heatmap.js";
-import type { SankeyLayout, SankeySeriesType, DefaultizedSankeySeriesType, SankeyItemIdentifier, SankeyItemIdentifierWithData } from "../SankeyChart/sankey.types.js";
-import type { SankeyHighlightScope } from "../SankeyChart/sankey.highlight.types.js";
-declare module '@mui/x-charts/internals' {
-  interface ChartsSeriesConfig {
-    heatmap: {
-      seriesInput: DefaultizedProps<HeatmapSeriesType, 'id'>;
-      series: DefaultizedHeatmapSeriesType;
-      seriesLayout: {};
-      seriesProp: HeatmapSeriesType;
-      itemIdentifier: HeatmapItemIdentifier;
-      itemIdentifierWithData: HeatmapItemIdentifier;
-      valueType: HeatmapValueType;
-      axisType: 'cartesian';
-      highlightScope: CommonHighlightScope;
-    };
-    funnel: {
-      seriesInput: Omit<DefaultizedProps<FunnelSeriesType, 'id'>, 'data'> & {
-        data: MakeRequired<FunnelValueType, 'color'>[];
-      };
-      series: DefaultizedFunnelSeriesType;
-      seriesLayout: {};
-      seriesProp: FunnelSeriesType;
-      itemIdentifier: FunnelItemIdentifier;
-      itemIdentifierWithData: FunnelItemIdentifier;
-      valueType: MakeRequired<FunnelValueType, 'id' | 'color'>;
-      axisType: 'cartesian';
-      highlightScope: CommonHighlightScope;
-    };
-    sankey: {
-      seriesInput: DefaultizedSankeySeriesType;
-      series: DefaultizedSankeySeriesType;
-      seriesLayout: {
-        sankeyLayout: SankeyLayout<true>;
-      };
-      seriesProp: SankeySeriesType;
-      itemIdentifier: SankeyItemIdentifier;
-      itemIdentifierWithData: SankeyItemIdentifierWithData<true>;
-      valueType: number;
-      highlightScope: SankeyHighlightScope;
-    };
-  }
-  interface DefaultizedZoomOptions extends Required<ZoomOptions> {
-    axisId: AxisId;
-    axisDirection: 'x' | 'y';
-  }
-  interface AxisConfigExtension {
-    zoom?: boolean | ZoomOptions;
-  }
-}

package/esm/typeOverloads/modules.js

@@ -1 +0,0 @@
-export {};