@contentful/experiences-visual-editor-react 3.1.1-dev-20250808T0933-3a55c60.0 → 3.1.1-dev-20250811T1516-518bb02.0

package/dist/index.d.ts

@@ -1,10 +1,12 @@
 import React from 'react';
 import { EntityStore, InMemoryEntitiesStore } from '@contentful/experiences-core';
+import { StudioCanvasMode } from '@contentful/experiences-core/constants';
 import { Experience } from '@contentful/experiences-core/types';
 
-declare const VisualEditorRoot: ({ experience, inMemoryEntitiesStore, }: {
+declare const VisualEditorRoot: ({ experience, inMemoryEntitiesStore, canvasMode, }: {
     experience?: Experience<EntityStore>;
     inMemoryEntitiesStore?: InMemoryEntitiesStore;
+    canvasMode?: StudioCanvasMode;
 }) => React.JSX.Element | null;
 
 export { VisualEditorRoot as default };

package/dist/index.js

@@ -4863,7 +4863,7 @@ function waitForImageToBeLoaded(imageNode) {
     });
 }
 
-const useCanvasGeometryUpdates = ({ tree }) => {
+const useCanvasGeometryUpdates = ({ tree, canvasMode }) => {
     const debouncedUpdateGeometry = useMemo(() => debounce((tree, sourceEvent) => {
         // When the DOM changed, we still need to wait for the next frame to ensure that
         // rendering is complete (e.g. this is required when deleting a node).
@@ -4934,6 +4934,8 @@ const useCanvasGeometryUpdates = ({ tree }) => {
     }, [allImages, loadedImages, debouncedUpdateGeometry]);
     // Delegate scrolling to the canvas
     useEffect(() => {
+        if (canvasMode !== StudioCanvasMode$2.EDITOR)
+            return;
         const onWheel = (e) => {
             e.preventDefault();
             sendMessage(OUTGOING_EVENTS.CanvasPan, {
@@ -4947,13 +4949,13 @@ const useCanvasGeometryUpdates = ({ tree }) => {
         };
         document.addEventListener('wheel', onWheel, { passive: false });
         return () => document.removeEventListener('wheel', onWheel);
-    }, []);
+    }, [canvasMode]);
 };
 
-const RootRenderer = ({ inMemoryEntitiesStore }) => {
+const RootRenderer = ({ inMemoryEntitiesStore, canvasMode }) => {
     useEditorSubscriber(inMemoryEntitiesStore);
     const tree = useTreeStore((state) => state.tree);
-    useCanvasGeometryUpdates({ tree });
+    useCanvasGeometryUpdates({ tree, canvasMode });
     const breakpoints = useTreeStore((state) => state.breakpoints);
     const { resolveDesignValue } = useBreakpoints(breakpoints);
     // If the root blockId is defined but not the default string, it is the entry ID
@@ -5002,7 +5004,7 @@ const useInitializeEditor = (inMemoryEntitiesStore) => {
     return initialized;
 };
 
-const VisualEditorRoot = ({ experience, inMemoryEntitiesStore: inMemoryEntitiesStore$1 = inMemoryEntitiesStore, }) => {
+const VisualEditorRoot = ({ experience, inMemoryEntitiesStore: inMemoryEntitiesStore$1 = inMemoryEntitiesStore, canvasMode, }) => {
     const initialized = useInitializeEditor(inMemoryEntitiesStore$1);
     const setHyperLinkPattern = useEditorStore((state) => state.setHyperLinkPattern);
     useEffect(() => {
@@ -5012,7 +5014,7 @@ const VisualEditorRoot = ({ experience, inMemoryEntitiesStore: inMemoryEntitiesS
     }, [experience?.hyperlinkPattern, setHyperLinkPattern]);
     if (!initialized)
         return null;
-    return React.createElement(RootRenderer, { inMemoryEntitiesStore: inMemoryEntitiesStore$1 });
+    return React.createElement(RootRenderer, { inMemoryEntitiesStore: inMemoryEntitiesStore$1, canvasMode: canvasMode });
 };
 
 export { VisualEditorRoot as default };