@contentful/experiences-visual-editor-react 1.8.0 → 1.8.1-beta.0

package/dist/index.js

@@ -29,8 +29,8 @@ const INCOMING_EVENTS$1 = {
     UpdatedEntity: 'updatedEntity',
     AssembliesAdded: 'assembliesAdded',
     AssembliesRegistered: 'assembliesRegistered',
-    InitEditor: 'initEditor',
     MouseMove: 'mouseMove',
+    RequestedEntities: 'REQUESTED_ENTITIES',
 };
 const CONTENTFUL_COMPONENTS$1 = {
     section: {
@@ -1953,7 +1953,6 @@ const OUTGOING_EVENTS = {
     Connected: 'connected',
     DesignTokens: 'registerDesignTokens',
     RegisteredBreakpoints: 'registeredBreakpoints',
-    HoveredSection: 'hoveredSection',
     MouseMove: 'mouseMove',
     NewHoveredElement: 'newHoveredElement',
     ComponentSelected: 'componentSelected',
@@ -1964,13 +1963,13 @@ const OUTGOING_EVENTS = {
     ComponentMoved: 'componentMoved',
     CanvasReload: 'canvasReload',
     UpdateSelectedComponentCoordinates: 'updateSelectedComponentCoordinates',
-    UpdateHoveredComponentCoordinates: 'updateHoveredComponentCoordinates',
     CanvasScroll: 'canvasScrolling',
     CanvasError: 'canvasError',
     ComponentMoveStarted: 'componentMoveStarted',
     ComponentMoveEnded: 'componentMoveEnded',
     OutsideCanvasClick: 'outsideCanvasClick',
     SDKFeatures: 'sdkFeatures',
+    RequestEntities: 'REQUEST_ENTITIES',
 };
 const INCOMING_EVENTS = {
     RequestEditorMode: 'requestEditorMode',
@@ -1986,8 +1985,8 @@ const INCOMING_EVENTS = {
     UpdatedEntity: 'updatedEntity',
     AssembliesAdded: 'assembliesAdded',
     AssembliesRegistered: 'assembliesRegistered',
-    InitEditor: 'initEditor',
     MouseMove: 'mouseMove',
+    RequestedEntities: 'REQUESTED_ENTITIES',
 };
 const INTERNAL_EVENTS = {
     ComponentsRegistered: 'cfComponentsRegistered',
@@ -2495,8 +2494,8 @@ const sendSelectedComponentCoordinates = (instanceId) => {
                 selectedNodeCoordinates: getElementCoordinates(selectedElement),
                 selectedAssemblyChildCoordinates: selectedAssemblyChild
                     ? getElementCoordinates(selectedAssemblyChild)
-                    : null,
-                parentCoordinates: parent ? getElementCoordinates(parent) : null,
+                    : undefined,
+                parentCoordinates: parent ? getElementCoordinates(parent) : undefined,
             });
         };
         const childImage = selectedElement.querySelector('img');
@@ -4112,7 +4111,7 @@ function useEditorSubscriber() {
     // TODO: As we have disabled the useEffect, we can remove these states
     const [, /* isFetchingEntities */ setFetchingEntities] = useState(false);
     const reloadApp = () => {
-        sendMessage(OUTGOING_EVENTS.CanvasReload, {});
+        sendMessage(OUTGOING_EVENTS.CanvasReload, undefined);
         // Wait a moment to ensure that the message was sent
         setTimeout(() => {
             // Received a hot reload message from webpack dev server -> reload the canvas
@@ -4120,7 +4119,7 @@ function useEditorSubscriber() {
         }, 50);
     };
     useEffect(() => {
-        sendMessage(OUTGOING_EVENTS.RequestComponentTreeUpdate);
+        sendMessage(OUTGOING_EVENTS.RequestComponentTreeUpdate, undefined);
     }, []);
     /**
      * Fills up entityStore with entities from newDataSource and from the tree.
@@ -4217,10 +4216,9 @@ function useEditorSubscriber() {
                 return;
             }
             console.debug(`[experiences-sdk-react::onMessage] Received message [${eventData.eventType}]`, eventData);
-            const { payload } = eventData;
             switch (eventData.eventType) {
                 case INCOMING_EVENTS.ExperienceUpdated: {
-                    const { tree, locale, changedNode, changedValueType, assemblies, } = payload;
+                    const { tree, locale, changedNode, changedValueType, assemblies } = eventData.payload;
                     // Make sure to first store the assemblies before setting the tree and thus triggering a rerender
                     if (assemblies) {
                         setAssemblies(assemblies);
@@ -4264,7 +4262,7 @@ function useEditorSubscriber() {
                     break;
                 }
                 case INCOMING_EVENTS.AssembliesRegistered: {
-                    const { assemblies } = payload;
+                    const { assemblies } = eventData.payload;
                     assemblies.forEach((definition) => {
                         addComponentRegistration({
                             component: Assembly,
@@ -4274,7 +4272,7 @@ function useEditorSubscriber() {
                     break;
                 }
                 case INCOMING_EVENTS.AssembliesAdded: {
-                    const { assembly, assemblyDefinition, } = payload;
+                    const { assembly, assemblyDefinition, } = eventData.payload;
                     entityStore.updateEntity(assembly);
                     // Using a Map here to avoid setting state and rerending all existing assemblies when a new assembly is added
                     // TODO: Figure out if we can extend this love to data source and unbound values. Maybe that'll solve the blink
@@ -4291,19 +4289,19 @@ function useEditorSubscriber() {
                     break;
                 }
                 case INCOMING_EVENTS.CanvasResized: {
-                    const { selectedNodeId } = payload;
+                    const { selectedNodeId } = eventData.payload;
                     if (selectedNodeId) {
                         sendSelectedComponentCoordinates(selectedNodeId);
                     }
                     break;
                 }
                 case INCOMING_EVENTS.HoverComponent: {
-                    const { hoveredNodeId } = payload;
+                    const { hoveredNodeId } = eventData.payload;
                     setHoveredComponentId(hoveredNodeId);
                     break;
                 }
                 case INCOMING_EVENTS.ComponentDraggingChanged: {
-                    const { isDragging } = payload;
+                    const { isDragging } = eventData.payload;
                     if (!isDragging) {
                         setComponentId('');
                         setDraggingOnCanvas(false);
@@ -4312,7 +4310,7 @@ function useEditorSubscriber() {
                     break;
                 }
                 case INCOMING_EVENTS.UpdatedEntity: {
-                    const { entity: updatedEntity, shouldRerender } = payload;
+                    const { entity: updatedEntity, shouldRerender } = eventData.payload;
                     if (updatedEntity) {
                         const storedEntity = entityStore.entities.find((entity) => entity.sys.id === updatedEntity.sys.id);
                         const didEntityChange = storedEntity?.sys.version !== updatedEntity.sys.version;
@@ -4335,8 +4333,9 @@ function useEditorSubscriber() {
                     break;
                 }
                 case INCOMING_EVENTS.ComponentDragStarted: {
+                    const { id } = eventData.payload;
                     SimulateDnD$1.setupDrag();
-                    setComponentId(payload.id || '');
+                    setComponentId(id || '');
                     setDraggingOnCanvas(true);
                     sendMessage(OUTGOING_EVENTS.ComponentSelected, {
                         nodeId: '',
@@ -4350,13 +4349,13 @@ function useEditorSubscriber() {
                     break;
                 }
                 case INCOMING_EVENTS.SelectComponent: {
-                    const { selectedNodeId: nodeId } = payload;
+                    const { selectedNodeId: nodeId } = eventData.payload;
                     setSelectedNodeId(nodeId);
                     sendSelectedComponentCoordinates(nodeId);
                     break;
                 }
                 case INCOMING_EVENTS.MouseMove: {
-                    const { mouseX, mouseY } = payload;
+                    const { mouseX, mouseY } = eventData.payload;
                     setMousePosition(mouseX, mouseY);
                     if (SimulateDnD$1.isDraggingOnParent && !SimulateDnD$1.isDragging) {
                         SimulateDnD$1.startDrag(mouseX, mouseY);
@@ -4367,7 +4366,7 @@ function useEditorSubscriber() {
                     break;
                 }
                 case INCOMING_EVENTS.ComponentMoveEnded: {
-                    const { mouseX, mouseY } = payload;
+                    const { mouseX, mouseY } = eventData.payload;
                     SimulateDnD$1.endDrag(mouseX, mouseY);
                     break;
                 }
@@ -4615,7 +4614,7 @@ const DNDProvider = ({ children }) => {
             nodeId: '',
         });
         if (source.droppableId !== COMPONENT_LIST_ID) {
-            sendMessage(OUTGOING_EVENTS.ComponentMoveStarted);
+            sendMessage(OUTGOING_EVENTS.ComponentMoveStarted, undefined);
         }
     };
     const beforeCapture = ({ draggableId }) => {
@@ -4635,7 +4634,7 @@ const DNDProvider = ({ children }) => {
         if (!dropResult.destination) {
             if (!draggedItem?.destination) {
                 // User cancel drag
-                sendMessage(OUTGOING_EVENTS.ComponentDragCanceled);
+                sendMessage(OUTGOING_EVENTS.ComponentDragCanceled, undefined);
                 //select the previously selected node if drag was canceled
                 if (prevSelectedNodeId.current) {
                     setSelectedNodeId(prevSelectedNodeId.current);
@@ -4658,7 +4657,7 @@ const DNDProvider = ({ children }) => {
         }
         // If a node was previously selected prior to dragging, re-select it
         setSelectedNodeId(dropResult.draggableId);
-        sendMessage(OUTGOING_EVENTS.ComponentMoveEnded);
+        sendMessage(OUTGOING_EVENTS.ComponentMoveEnded, undefined);
         sendMessage(OUTGOING_EVENTS.ComponentSelected, {
             nodeId: dropResult.draggableId,
         });
@@ -4694,7 +4693,7 @@ const RootRenderer = ({ onChange }) => {
             outsideCanvasClick: true,
         });
         sendMessage(OUTGOING_EVENTS.ComponentSelected, {
-            selectedId: '',
+            nodeId: '',
         });
         setSelectedNodeId('');
     }, [setSelectedNodeId]);