@contentful/experiences-visual-editor-react 3.8.3-dev-20251010T1235-2d92513.0 → 3.8.3-dev-20251020T1356-dca4ced.0

package/dist/index.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
-import { EntityStore, InMemoryEntitiesStore } from '@contentful/experiences-core';
+import { Experience, 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, canvasMode, }: {
     experience?: Experience<EntityStore>;

package/dist/index.js

@@ -1870,6 +1870,63 @@ const calculateNodeDefaultHeight = ({ blockId, children, value, }) => {
     return EMPTY_CONTAINER_SIZE$1;
 };
 
+const getDataFromTree = (tree) => {
+    let dataSource = {};
+    let unboundValues = {};
+    const queue = [...tree.root.children];
+    while (queue.length) {
+        const node = queue.shift();
+        if (!node) {
+            continue;
+        }
+        dataSource = { ...dataSource, ...node.data.dataSource };
+        unboundValues = { ...unboundValues, ...node.data.unboundValues };
+        if (node.children.length) {
+            queue.push(...node.children);
+        }
+    }
+    return {
+        dataSource,
+        unboundValues,
+    };
+};
+function parseCSSValue(input) {
+    const regex = /^(\d+(\.\d+)?)(px|em|rem)$/;
+    const match = input.match(regex);
+    if (match) {
+        return {
+            value: parseFloat(match[1]),
+            unit: match[3],
+        };
+    }
+    return null;
+}
+function getTargetValueInPixels(targetWidthObject) {
+    switch (targetWidthObject.unit) {
+        case 'px':
+            return targetWidthObject.value;
+        case 'em':
+            return targetWidthObject.value * 16;
+        case 'rem':
+            return targetWidthObject.value * 16;
+        default:
+            return targetWidthObject.value;
+    }
+}
+/**
+ * Creates a component definition for an assembly. As all assemblies use the same definition in the SDK,
+ * all should be registered via this function.
+ */
+const createAssemblyDefinition = (definitionId) => {
+    return {
+        id: definitionId,
+        name: 'Component',
+        variables: {},
+        children: true,
+        category: ASSEMBLY_DEFAULT_CATEGORY,
+    };
+};
+
 function getOptimizedImageUrl(url, width, quality, format) {
     if (url.startsWith('//')) {
         url = 'https:' + url;
@@ -2225,63 +2282,6 @@ function treeVisit(initialNode, onNode) {
     _treeVisit(initialNode, 0, 0);
 }
 
-const getDataFromTree = (tree) => {
-    let dataSource = {};
-    let unboundValues = {};
-    const queue = [...tree.root.children];
-    while (queue.length) {
-        const node = queue.shift();
-        if (!node) {
-            continue;
-        }
-        dataSource = { ...dataSource, ...node.data.dataSource };
-        unboundValues = { ...unboundValues, ...node.data.unboundValues };
-        if (node.children.length) {
-            queue.push(...node.children);
-        }
-    }
-    return {
-        dataSource,
-        unboundValues,
-    };
-};
-function parseCSSValue(input) {
-    const regex = /^(\d+(\.\d+)?)(px|em|rem)$/;
-    const match = input.match(regex);
-    if (match) {
-        return {
-            value: parseFloat(match[1]),
-            unit: match[3],
-        };
-    }
-    return null;
-}
-function getTargetValueInPixels(targetWidthObject) {
-    switch (targetWidthObject.unit) {
-        case 'px':
-            return targetWidthObject.value;
-        case 'em':
-            return targetWidthObject.value * 16;
-        case 'rem':
-            return targetWidthObject.value * 16;
-        default:
-            return targetWidthObject.value;
-    }
-}
-/**
- * Creates a component definition for an assembly. As all assemblies use the same definition in the SDK,
- * all should be registered via this function.
- */
-const createAssemblyDefinition = (definitionId) => {
-    return {
-        id: definitionId,
-        name: 'Component',
-        variables: {},
-        children: true,
-        category: ASSEMBLY_DEFAULT_CATEGORY,
-    };
-};
-
 class ParseError extends Error {
     constructor(message) {
         super(message);
@@ -5040,9 +5040,9 @@ const checkIsNodeVisible = (node, resolveDesignValue) => {
         // If this is a wrapping pattern/root with no visible children, it is invisible as well
         return node.children.some((childNode) => checkIsNodeVisible(childNode, resolveDesignValue));
     }
-    // Check if the current node is visible (`cfVisibility` is enforced on all nodes)
+    // Check if the current node is visible (`cfVisibility` is enforced on all nodes however leaving as optional chaining due to bug discovered [SPA-3298])
     // Check explicitly for false, as `undefined` is treated as `true`. It could become undefined when the breakpoint IDs changed.
-    return (resolveDesignValue(node.data.props['cfVisibility'].valuesByBreakpoint) !==
+    return (resolveDesignValue(node.data.props['cfVisibility']?.valuesByBreakpoint) !==
         false);
 };