@mui/x-charts-pro 8.21.0 → 8.22.1

package/internals/plugins/useChartProZoom/gestureHooks/useZoomOnBrush.js

@@ -15,9 +15,9 @@ const useZoomOnBrush = ({
   instance,
   svgRef
 }, setZoomDataCallback) => {
-  const drawingArea = (0, _internals.useSelector)(store, _internals.selectorChartDrawingArea);
-  const optionsLookup = (0, _internals.useSelector)(store, _internals.selectorChartZoomOptionsLookup);
-  const config = (0, _internals.useSelector)(store, _ZoomInteractionConfig.selectorZoomInteractionConfig, 'brush');
+  const drawingArea = store.use(_internals.selectorChartDrawingArea);
+  const optionsLookup = store.use(_internals.selectorChartZoomOptionsLookup);
+  const config = store.use(_ZoomInteractionConfig.selectorZoomInteractionConfig, 'brush');
   const isZoomOnBrushEnabled = Object.keys(optionsLookup).length > 0 && Boolean(config);
   React.useEffect(() => {
     instance.setZoomBrushEnabled(isZoomOnBrushEnabled);

package/internals/plugins/useChartProZoom/gestureHooks/useZoomOnDoubleTapReset.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { ChartPlugin, ZoomData } from '@mui/x-charts/internals';
-import { UseChartProZoomSignature } from "../useChartProZoom.types.js";
+import { type ChartPlugin, type ZoomData } from '@mui/x-charts/internals';
+import { type UseChartProZoomSignature } from "../useChartProZoom.types.js";
 export declare const useZoomOnDoubleTapReset: ({
   store,
   instance,

package/internals/plugins/useChartProZoom/gestureHooks/useZoomOnDoubleTapReset.js

@@ -14,8 +14,8 @@ const useZoomOnDoubleTapReset = ({
   instance,
   svgRef
 }, setZoomDataCallback) => {
-  const optionsLookup = (0, _internals.useSelector)(store, _internals.selectorChartZoomOptionsLookup);
-  const config = (0, _internals.useSelector)(store, _ZoomInteractionConfig.selectorZoomInteractionConfig, 'doubleTapReset');
+  const optionsLookup = store.use(_internals.selectorChartZoomOptionsLookup);
+  const config = store.use(_ZoomInteractionConfig.selectorZoomInteractionConfig, 'doubleTapReset');
   const isZoomOnDoubleTapResetEnabled = Object.keys(optionsLookup).length > 0 && Boolean(config);
   React.useEffect(() => {
     if (!isZoomOnDoubleTapResetEnabled) {

package/internals/plugins/useChartProZoom/gestureHooks/useZoomOnPinch.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { ChartPlugin, ZoomData } from '@mui/x-charts/internals';
-import { UseChartProZoomSignature } from "../useChartProZoom.types.js";
+import { type ChartPlugin, type ZoomData } from '@mui/x-charts/internals';
+import { type UseChartProZoomSignature } from "../useChartProZoom.types.js";
 export declare const useZoomOnPinch: ({
   store,
   instance,

package/internals/plugins/useChartProZoom/gestureHooks/useZoomOnPinch.js

@@ -16,9 +16,9 @@ const useZoomOnPinch = ({
   instance,
   svgRef
 }, setZoomDataCallback) => {
-  const drawingArea = (0, _internals.useSelector)(store, _internals.selectorChartDrawingArea);
-  const optionsLookup = (0, _internals.useSelector)(store, _internals.selectorChartZoomOptionsLookup);
-  const config = (0, _internals.useSelector)(store, _ZoomInteractionConfig.selectorZoomInteractionConfig, 'pinch');
+  const drawingArea = store.use(_internals.selectorChartDrawingArea);
+  const optionsLookup = store.use(_internals.selectorChartZoomOptionsLookup);
+  const config = store.use(_ZoomInteractionConfig.selectorZoomInteractionConfig, 'pinch');
   const isZoomOnPinchEnabled = Object.keys(optionsLookup).length > 0 && Boolean(config);
   React.useEffect(() => {
     if (!isZoomOnPinchEnabled) {

package/internals/plugins/useChartProZoom/gestureHooks/useZoomOnTapAndDrag.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { ChartPlugin, ZoomData } from '@mui/x-charts/internals';
-import { UseChartProZoomSignature } from "../useChartProZoom.types.js";
+import { type ChartPlugin, type ZoomData } from '@mui/x-charts/internals';
+import { type UseChartProZoomSignature } from "../useChartProZoom.types.js";
 export declare const useZoomOnTapAndDrag: ({
   store,
   instance,

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

@@ -16,9 +16,9 @@ const useZoomOnTapAndDrag = ({
   instance,
   svgRef
 }, setZoomDataCallback) => {
-  const drawingArea = (0, _internals.useSelector)(store, _internals.selectorChartDrawingArea);
-  const optionsLookup = (0, _internals.useSelector)(store, _internals.selectorChartZoomOptionsLookup);
-  const config = (0, _internals.useSelector)(store, _ZoomInteractionConfig.selectorZoomInteractionConfig, 'tapAndDrag');
+  const drawingArea = store.use(_internals.selectorChartDrawingArea);
+  const optionsLookup = store.use(_internals.selectorChartZoomOptionsLookup);
+  const config = store.use(_ZoomInteractionConfig.selectorZoomInteractionConfig, 'tapAndDrag');
   const isZoomOnTapAndDragEnabled = Object.keys(optionsLookup).length > 0 && Boolean(config);
   React.useEffect(() => {
     if (!isZoomOnTapAndDragEnabled) {

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { ChartPlugin, ZoomData } from '@mui/x-charts/internals';
-import { UseChartProZoomSignature } from "../useChartProZoom.types.js";
+import { type ChartPlugin, type ZoomData } from '@mui/x-charts/internals';
+import { type UseChartProZoomSignature } from "../useChartProZoom.types.js";
 export declare const useZoomOnWheel: ({
   store,
   instance,

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

@@ -16,11 +16,11 @@ const useZoomOnWheel = ({
   instance,
   svgRef
 }, setZoomDataCallback) => {
-  const drawingArea = (0, _internals.useSelector)(store, _internals.selectorChartDrawingArea);
-  const optionsLookup = (0, _internals.useSelector)(store, _internals.selectorChartZoomOptionsLookup);
+  const drawingArea = store.use(_internals.selectorChartDrawingArea);
+  const optionsLookup = store.use(_internals.selectorChartZoomOptionsLookup);
   const startedOutsideRef = React.useRef(false);
   const startedOutsideTimeoutRef = React.useRef(null);
-  const config = (0, _internals.useSelector)(store, _ZoomInteractionConfig.selectorZoomInteractionConfig, 'wheel');
+  const config = store.use(_ZoomInteractionConfig.selectorZoomInteractionConfig, 'wheel');
   const isZoomOnWheelEnabled = Object.keys(optionsLookup).length > 0 && Boolean(config);
   React.useEffect(() => {
     if (!isZoomOnWheelEnabled) {

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

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

package/internals/plugins/useChartProZoom/useChartProZoom.js

@@ -36,7 +36,7 @@ const useChartProZoom = pluginData => {
     zoomInteractionConfig
   } = params;
   const onZoomChange = (0, _utils.useEventCallback)(onZoomChangeProp ?? (() => {}));
-  const optionsLookup = (0, _internals.useSelector)(store, _internals.selectorChartZoomOptionsLookup);
+  const optionsLookup = store.use(_internals.selectorChartZoomOptionsLookup);
   (0, _useEffectAfterFirstRender.useEffectAfterFirstRender)(() => {
     store.set('zoom', (0, _extends2.default)({}, store.state.zoom, {
       zoomInteractionConfig: (0, _initializeZoomInteractionConfig.initializeZoomInteractionConfig)(zoomInteractionConfig, optionsLookup)
@@ -133,7 +133,7 @@ const useChartProZoom = pluginData => {
   (0, _useZoomOnDoubleTapReset.useZoomOnDoubleTapReset)(pluginData, setZoomDataCallback);
   const zoom = React.useCallback(step => {
     setZoomDataCallback(prev => prev.map(zoomData => {
-      const zoomOptions = (0, _internals.selectorChartAxisZoomOptionsLookup)(store.getSnapshot(), zoomData.axisId);
+      const zoomOptions = (0, _internals.selectorChartAxisZoomOptionsLookup)(store.state, zoomData.axisId);
       return (0, _calculateZoom.calculateZoom)(zoomData, step, zoomOptions);
     }));
   }, [setZoomDataCallback, store]);

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

@@ -1,5 +1,5 @@
-import { AxisId, ChartRootSelector } from '@mui/x-charts/internals';
-import { UseChartProZoomSignature } from "./useChartProZoom.types.js";
+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/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;

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

@@ -1,5 +1,5 @@
-import { UseChartSeriesSignature, ChartPluginSignature, UseChartCartesianAxisSignature, UseChartCartesianAxisDefaultizedParameters, ZoomData, AxisId, type UseChartBrushSignature } from '@mui/x-charts/internals';
-import { ZoomInteractionConfig, DefaultizedZoomInteractionConfig } from "./ZoomInteractionConfig.types.js";
+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.

package/internals/slots/chartBaseSlotProps.d.ts

@@ -1,5 +1,5 @@
 import type * as React from 'react';
-import { ChartBaseCommonProps } from '@mui/x-charts/models';
+import { type ChartBaseCommonProps } from '@mui/x-charts/models';
 export type ChartBaseTooltipProps = ChartBaseCommonProps & {
   children: React.ReactElement<any, any>;
   enterDelay?: number;

package/internals/slots/chartsBaseSlots.d.ts

@@ -1,6 +1,6 @@
-import { ChartsBaseSlots } from '@mui/x-charts/models';
-import * as React from 'react';
-import { ChartBaseDividerProps, ChartBaseMenuItemProps, ChartBaseMenuListProps, ChartBasePopperProps, ChartBaseTooltipProps } from "./chartBaseSlotProps.js";
+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>;

package/internals/slots/chartsIconSlots.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { ChartBaseIconProps, ChartsIconSlots } from '@mui/x-charts/models';
+import type * as React from 'react';
+import { type ChartBaseIconProps, type ChartsIconSlots } from '@mui/x-charts/models';
 export interface ChartsIconSlotsPro extends ChartsIconSlots {
   /**
    * Icon displayed on the toolbar's zoom in button.

package/models/seriesType/heatmap.d.ts

@@ -1,5 +1,5 @@
-import { DefaultizedProps } from '@mui/x-internals/types';
-import { CommonDefaultizedProps, CommonSeriesType, CartesianSeriesType } from '@mui/x-charts/internals';
+import { type DefaultizedProps } from '@mui/x-internals/types';
+import { type CommonDefaultizedProps, type CommonSeriesType, type CartesianSeriesType } from '@mui/x-charts/internals';
 export type HeatmapValueType = readonly [number, number, number];
 export interface HeatmapSeriesType extends Omit<CommonSeriesType<HeatmapValueType>, 'color' | 'colorGetter'>, CartesianSeriesType {
   type: 'heatmap';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-charts-pro",
-  "version": "8.21.0",
+  "version": "8.22.1",
   "author": "MUI Team",
   "description": "The Pro plan edition of the MUI X Charts components.",
   "license": "SEE LICENSE IN LICENSE",
@@ -31,11 +31,11 @@
     "@mui/utils": "^7.3.5",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
+    "@mui/x-charts": "8.22.1",
     "@mui/x-internal-gestures": "0.3.6",
-    "@mui/x-charts-vendor": "8.21.0",
-    "@mui/x-license": "8.21.0",
-    "@mui/x-charts": "8.21.0",
-    "@mui/x-internals": "8.21.0"
+    "@mui/x-internals": "8.22.0",
+    "@mui/x-charts-vendor": "8.22.0",
+    "@mui/x-license": "8.22.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",

package/themeAugmentation/components.d.ts

@@ -1,4 +1,4 @@
-import { ComponentsProps, ComponentsOverrides } from '@mui/material/styles';
+import { type ComponentsProps, type ComponentsOverrides } from '@mui/material/styles';
 export interface ChartsProComponents<Theme = unknown> {
   MuiBarChartPro?: {
     defaultProps?: ComponentsProps['MuiBarChartPro'];

package/themeAugmentation/overrides.d.ts

@@ -1,4 +1,4 @@
-import { HeatmapClassKey } from "../Heatmap/index.js";
+import { type HeatmapClassKey } from "../Heatmap/index.js";
 export interface ChartsProComponentNameToClassKey {
   MuiHeatmap: HeatmapClassKey;
 }

package/themeAugmentation/props.d.ts

@@ -1,7 +1,7 @@
-import { ScatterChartProProps } from "../ScatterChartPro/index.js";
-import { BarChartProProps } from "../BarChartPro/index.js";
-import { HeatmapProps } from "../Heatmap/Heatmap.js";
-import { LineChartProProps } from "../LineChartPro/index.js";
+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;

package/typeOverloads/modules.d.ts

@@ -1,8 +1,8 @@
-import { DefaultizedProps, MakeRequired } from '@mui/x-internals/types';
-import { AxisId, ZoomOptions } from '@mui/x-charts/internals';
-import { DefaultizedFunnelSeriesType, FunnelItemIdentifier, FunnelSeriesType, FunnelValueType } from "../FunnelChart/funnel.types.js";
-import { HeatmapItemIdentifier, HeatmapSeriesType, DefaultizedHeatmapSeriesType, HeatmapValueType } from "../models/seriesType/heatmap.js";
-import { SankeyLayout, SankeySeriesType, type DefaultizedSankeySeriesType, type SankeyItemIdentifier, type SankeyItemIdentifierWithData } from "../SankeyChart/sankey.types.js";
+import { type DefaultizedProps, type MakeRequired } from '@mui/x-internals/types';
+import { type AxisId, type ZoomOptions } from '@mui/x-charts/internals';
+import { type DefaultizedFunnelSeriesType, type FunnelItemIdentifier, type FunnelSeriesType, type FunnelValueType } from "../FunnelChart/funnel.types.js";
+import { type HeatmapItemIdentifier, type HeatmapSeriesType, type DefaultizedHeatmapSeriesType, type HeatmapValueType } from "../models/seriesType/heatmap.js";
+import { type SankeyLayout, type SankeySeriesType, type DefaultizedSankeySeriesType, type SankeyItemIdentifier, type SankeyItemIdentifierWithData } from "../SankeyChart/sankey.types.js";
 declare module '@mui/x-charts/internals' {
   interface ChartsSeriesConfig {
     heatmap: {
@@ -31,11 +31,11 @@ declare module '@mui/x-charts/internals' {
       seriesInput: DefaultizedSankeySeriesType;
       series: DefaultizedSankeySeriesType;
       seriesLayout: {
-        sankeyLayout: SankeyLayout;
+        sankeyLayout: SankeyLayout<true>;
       };
       seriesProp: SankeySeriesType;
       itemIdentifier: SankeyItemIdentifier;
-      itemIdentifierWithData: SankeyItemIdentifierWithData;
+      itemIdentifierWithData: SankeyItemIdentifierWithData<true>;
       valueType: number;
     };
   }