@contentful/experiences-components-react 3.4.1-dev-20250901T1444-72c17a2.0 → 3.5.0-beta.0

package/dist/index.js

@@ -1348,6 +1348,7 @@ const BreakpointSchema = z
 const BaseComponentTreeNodeSchema = z.object({
     id: ComponentTreeNodeIdSchema.optional(),
     definitionId: DefinitionPropertyKeySchema,
+    prebindingId: z.string().optional(),
     displayName: z.string().optional(),
     slotId: z.string().optional(),
     variables: z.record(propertyKeySchema, ComponentPropertyValueSchema),
@@ -2119,7 +2120,7 @@ const Flex = forwardRef(({ id, children, onMouseEnter, onMouseUp, onMouseLeave,
 Flex.displayName = 'Flex';
 
 function extractRenderProps(props) {
-    const { isEditorMode, node, children, ...renderProps } = props;
+    const { isEditorMode, isEmpty, nodeBlockId, children, ...renderProps } = props;
     return renderProps;
 }
 
@@ -2150,9 +2151,8 @@ const ContentfulContainer = (props) => {
         return (React.createElement(Flex, { "data-test-id": "contentful-container", ...extractRenderProps(otherProps), className: combineClasses(className, 'contentful-container') }, children));
     }
     // Extract properties that are only available in editor mode
-    const { node } = props;
-    const isEmpty = !node.children.length;
-    const isSection = node.data.blockId === CONTENTFUL_COMPONENTS$1.section.id;
+    const { isEmpty, nodeBlockId } = props;
+    const isSection = nodeBlockId === CONTENTFUL_COMPONENTS$1.section.id;
     return (React.createElement(Flex, { "data-test-id": "contentful-container", ...extractRenderProps(props), className: combineClasses(className, 'contentful-container', isEmpty ? (isSection ? 'contentful-section-label' : 'contentful-container-label') : '') }, children));
 };
 
@@ -2211,8 +2211,7 @@ const SingleColumn = (props) => {
     if (!isEditorMode) {
         return React.createElement(Flex, { className: className }, props.children);
     }
-    const { node, children } = props;
-    const isEmpty = !node.children.length;
+    const { isEmpty, children } = props;
     const mixedClassName = combineClasses('cf-single-column-wrapper', className, isEmpty ? 'cf-single-column-label' : '');
     return (React.createElement(Flex, { ...extractRenderProps(props), className: mixedClassName }, children));
 };