@contentful/experiences-visual-editor-react 3.5.0-dev-20250902T0640-ab0b512.0 → 3.5.0

package/dist/index.js

@@ -4917,6 +4917,31 @@ const useComponentProps = ({ node, entityStore, areEntitiesFetched, resolveDesig
         styles: componentStyles,
         nodeId: node.data.id,
     });
+    // Allows custom components to render differently in the editor. This needs to be activated
+    // through registry options as the component has to be aware of this prop to not cause any React warnings.
+    const editorProps = useMemo(() => {
+        const editorProps = {};
+        if (options?.enableEditorProperties?.isEditorMode) {
+            editorProps.isEditorMode = true;
+        }
+        if (options?.enableEditorProperties?.isEmpty) {
+            editorProps.isEmpty = node.children.length === 0;
+        }
+        if (options?.enableEditorProperties?.nodeBlockId) {
+            editorProps.nodeBlockId = node.data.blockId;
+        }
+        if (options?.enableCustomEditorView) {
+            editorProps.isInExpEditorMode = true;
+        }
+        return editorProps;
+    }, [
+        node.children.length,
+        node.data.blockId,
+        options?.enableEditorProperties?.isEditorMode,
+        options?.enableEditorProperties?.isEmpty,
+        options?.enableEditorProperties?.nodeBlockId,
+        options?.enableCustomEditorView,
+    ]);
     const componentProps = useMemo(() => {
         const sharedProps = {
             'data-cf-node-id': node.data.id,
@@ -4926,21 +4951,10 @@ const useComponentProps = ({ node, entityStore, areEntitiesFetched, resolveDesig
         };
         return {
             ...sharedProps,
-            // Allows custom components to render differently in the editor. This needs to be activated
-            // through options as the component has to be aware of this prop to not cause any React warnings.
-            ...(options?.enableCustomEditorView ? { isInExpEditorMode: true } : {}),
-            ...(options?.editorProperties?.isEditorMode ? { isEditorMode: true } : {}),
-            ...(options?.editorProperties?.node ? { node } : {}),
+            ...editorProps,
             ...sanitizeNodeProps(props),
         };
-    }, [
-        cfCsrClassName,
-        node,
-        options?.editorProperties?.isEditorMode,
-        options?.editorProperties?.node,
-        options?.enableCustomEditorView,
-        props,
-    ]);
+    }, [cfCsrClassName, editorProps, node, props]);
     return { componentProps };
 };