@mui/x-charts-pro 8.22.0 → 8.23.0

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

@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import { useSelector, getSVGPoint, selectorChartDrawingArea, selectorChartZoomOptionsLookup } from '@mui/x-charts/internals';
+import { getSVGPoint, 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";
@@ -10,9 +10,9 @@ export const useZoomOnPinch = ({
   instance,
   svgRef
 }, setZoomDataCallback) => {
-  const drawingArea = useSelector(store, selectorChartDrawingArea);
-  const optionsLookup = useSelector(store, selectorChartZoomOptionsLookup);
-  const config = useSelector(store, selectorZoomInteractionConfig, 'pinch');
+  const drawingArea = store.use(selectorChartDrawingArea);
+  const optionsLookup = store.use(selectorChartZoomOptionsLookup);
+  const config = store.use(selectorZoomInteractionConfig, 'pinch');
   const isZoomOnPinchEnabled = Object.keys(optionsLookup).length > 0 && Boolean(config);
   React.useEffect(() => {
     if (!isZoomOnPinchEnabled) {

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

@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import { useSelector, getSVGPoint, selectorChartDrawingArea, selectorChartZoomOptionsLookup } from '@mui/x-charts/internals';
+import { getSVGPoint, 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";
@@ -10,9 +10,9 @@ export const useZoomOnTapAndDrag = ({
   instance,
   svgRef
 }, setZoomDataCallback) => {
-  const drawingArea = useSelector(store, selectorChartDrawingArea);
-  const optionsLookup = useSelector(store, selectorChartZoomOptionsLookup);
-  const config = useSelector(store, selectorZoomInteractionConfig, 'tapAndDrag');
+  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) {

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

@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import { useSelector, getSVGPoint, selectorChartDrawingArea, selectorChartZoomOptionsLookup } from '@mui/x-charts/internals';
+import { getSVGPoint, 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";
@@ -10,11 +10,11 @@ export const useZoomOnWheel = ({
   instance,
   svgRef
 }, setZoomDataCallback) => {
-  const drawingArea = useSelector(store, selectorChartDrawingArea);
-  const optionsLookup = useSelector(store, selectorChartZoomOptionsLookup);
+  const drawingArea = store.use(selectorChartDrawingArea);
+  const optionsLookup = store.use(selectorChartZoomOptionsLookup);
   const startedOutsideRef = React.useRef(false);
   const startedOutsideTimeoutRef = React.useRef(null);
-  const config = useSelector(store, selectorZoomInteractionConfig, 'wheel');
+  const config = store.use(selectorZoomInteractionConfig, 'wheel');
   const isZoomOnWheelEnabled = Object.keys(optionsLookup).length > 0 && Boolean(config);
   React.useEffect(() => {
     if (!isZoomOnWheelEnabled) {

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

@@ -2,7 +2,7 @@
 
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
-import { useSelector, selectorChartZoomOptionsLookup, createZoomLookup, selectorChartAxisZoomOptionsLookup } from '@mui/x-charts/internals';
+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';
@@ -29,7 +29,7 @@ export const useChartProZoom = pluginData => {
     zoomInteractionConfig
   } = params;
   const onZoomChange = useEventCallback(onZoomChangeProp ?? (() => {}));
-  const optionsLookup = useSelector(store, selectorChartZoomOptionsLookup);
+  const optionsLookup = store.use(selectorChartZoomOptionsLookup);
   useEffectAfterFirstRender(() => {
     store.set('zoom', _extends({}, store.state.zoom, {
       zoomInteractionConfig: initializeZoomInteractionConfig(zoomInteractionConfig, optionsLookup)

package/hooks/useSankeySeries.js

@@ -53,7 +53,7 @@ function useSankeyLayout() {
   const store = (0, _internals.useStore)();
   const seriesContext = useSankeySeriesContext();
   const seriesId = seriesContext?.seriesOrder?.[0];
-  const layout = (0, _internals.useSelector)(store, _internals.selectorChartSeriesLayout);
+  const layout = store.use(_internals.selectorChartSeriesLayout);
   if (!seriesId) {
     return undefined;
   }

package/hooks/zoom/useIsZoomInteracting.js

@@ -14,6 +14,6 @@ var _useChartProZoom = require("../../internals/plugins/useChartProZoom");
  */
 function useIsZoomInteracting() {
   const store = (0, _internals.useStore)();
-  const isInteracting = (0, _internals.useSelector)(store, _useChartProZoom.selectorChartZoomIsInteracting);
+  const isInteracting = store.use(_useChartProZoom.selectorChartZoomIsInteracting);
   return isInteracting;
 }

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts-pro v8.22.0
+ * @mui/x-charts-pro v8.23.0
  *
  * @license SEE LICENSE IN LICENSE
  * This source code is licensed under the SEE LICENSE IN LICENSE license found in the

package/internals/index.d.ts

@@ -0,0 +1,4 @@
+export { useChartContainerProProps } from "../ChartContainerPro/useChartContainerProProps.js";
+export type { ChartsSlotsPro, ChartsSlotPropsPro } from "./material/index.js";
+export { seriesPreviewPlotMap } from "../ChartZoomSlider/internals/seriesPreviewPlotMap.js";
+export type { PreviewPlotProps } from "../ChartZoomSlider/internals/previews/PreviewPlot.types.js";

package/internals/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "seriesPreviewPlotMap", {
+  enumerable: true,
+  get: function () {
+    return _seriesPreviewPlotMap.seriesPreviewPlotMap;
+  }
+});
+Object.defineProperty(exports, "useChartContainerProProps", {
+  enumerable: true,
+  get: function () {
+    return _useChartContainerProProps.useChartContainerProProps;
+  }
+});
+var _useChartContainerProProps = require("../ChartContainerPro/useChartContainerProProps");
+var _seriesPreviewPlotMap = require("../ChartZoomSlider/internals/seriesPreviewPlotMap");

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

@@ -16,9 +16,9 @@ const usePanOnDrag = ({
   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.selectorPanInteractionConfig, 'drag');
+  const drawingArea = store.use(_internals.selectorChartDrawingArea);
+  const optionsLookup = store.use(_internals.selectorChartZoomOptionsLookup);
+  const config = store.use(_ZoomInteractionConfig.selectorPanInteractionConfig, 'drag');
   const isPanOnDragEnabled = Object.values(optionsLookup).some(v => v.panning) && Boolean(config);
   React.useEffect(() => {
     if (!isPanOnDragEnabled) {

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

@@ -16,14 +16,14 @@ const usePanOnPressAndDrag = ({
   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 isInteracting = React.useRef(false);
   const accumulatedChange = React.useRef({
     x: 0,
     y: 0
   });
-  const config = (0, _internals.useSelector)(store, _ZoomInteractionConfig.selectorPanInteractionConfig, 'pressAndDrag');
+  const config = store.use(_ZoomInteractionConfig.selectorPanInteractionConfig, 'pressAndDrag');
   const isPanOnPressAndDragEnabled = Object.values(optionsLookup).some(v => v.panning) && Boolean(config);
   React.useEffect(() => {
     if (!isPanOnPressAndDragEnabled) {

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

@@ -16,11 +16,11 @@ const usePanOnWheel = ({
   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.selectorPanInteractionConfig, 'wheel');
+  const config = store.use(_ZoomInteractionConfig.selectorPanInteractionConfig, 'wheel');
   const isPanOnWheelEnabled = Object.keys(optionsLookup).length > 0 && Boolean(config);
   React.useEffect(() => {
     if (!isPanOnWheelEnabled) {

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.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.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.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.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.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)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-charts-pro",
-  "version": "8.22.0",
+  "version": "8.23.0",
   "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.0",
-    "@mui/x-charts-vendor": "8.22.0",
-    "@mui/x-internal-gestures": "0.3.6",
-    "@mui/x-internals": "8.22.0",
-    "@mui/x-license": "8.22.0"
+    "@mui/x-charts-vendor": "8.23.0",
+    "@mui/x-charts": "8.23.0",
+    "@mui/x-internal-gestures": "0.4.0",
+    "@mui/x-internals": "8.23.0",
+    "@mui/x-license": "8.23.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",