@contentful/experiences-visual-editor-react 0.0.1-dev-20240307T2018-aadea9e.0 → 0.0.1-dev-20240307T2139-e68f560.0

package/dist/index.js

@@ -26,16 +26,6 @@ const INCOMING_EVENTS$1 = {
     SelectComponent: 'selectComponent',
     HoverComponent: 'hoverComponent',
     UpdatedEntity: 'updatedEntity',
-    /**
-     * @deprecated use `AssembliesAdded` instead. This will be removed in version 5.
-     * In the meanwhile, the experience builder will send the old and the new event to support multiple SDK versions.
-     */
-    DesignComponentsAdded: 'designComponentsAdded',
-    /**
-     * @deprecated use `AssembliesRegistered` instead. This will be removed in version 5.
-     * In the meanwhile, the experience builder will send the old and the new event to support multiple SDK versions.
-     */
-    DesignComponentsRegistered: 'designComponentsRegistered',
     AssembliesAdded: 'assembliesAdded',
     AssembliesRegistered: 'assembliesRegistered',
     InitEditor: 'initEditor',
@@ -1487,16 +1477,6 @@ const INCOMING_EVENTS = {
     SelectComponent: 'selectComponent',
     HoverComponent: 'hoverComponent',
     UpdatedEntity: 'updatedEntity',
-    /**
-     * @deprecated use `AssembliesAdded` instead. This will be removed in version 5.
-     * In the meanwhile, the experience builder will send the old and the new event to support multiple SDK versions.
-     */
-    DesignComponentsAdded: 'designComponentsAdded',
-    /**
-     * @deprecated use `AssembliesRegistered` instead. This will be removed in version 5.
-     * In the meanwhile, the experience builder will send the old and the new event to support multiple SDK versions.
-     */
-    DesignComponentsRegistered: 'designComponentsRegistered',
     AssembliesAdded: 'assembliesAdded',
     AssembliesRegistered: 'assembliesRegistered',
     InitEditor: 'initEditor',
@@ -1551,15 +1531,6 @@ const ASSEMBLY_NODE_TYPE = 'assembly';
 const ASSEMBLY_DEFAULT_CATEGORY = 'Assemblies';
 const ASSEMBLY_BLOCK_NODE_TYPE = 'assemblyBlock';
 const ASSEMBLY_NODE_TYPES = [ASSEMBLY_NODE_TYPE, ASSEMBLY_BLOCK_NODE_TYPE];
-/** @deprecated use `ASSEMBLY_NODE_TYPE` instead. This will be removed in version 5. */
-const DESIGN_COMPONENT_NODE_TYPE = 'designComponent';
-/** @deprecated use `ASSEMBLY_BLOCK_NODE_TYPE` instead. This will be removed in version 5. */
-const DESIGN_COMPONENT_BLOCK_NODE_TYPE = 'designComponentBlock';
-/** @deprecated use `ASSEMBLY_NODE_TYPES` instead. This will be removed in version 5. */
-const DESIGN_COMPONENT_NODE_TYPES = [
-    DESIGN_COMPONENT_NODE_TYPE,
-    DESIGN_COMPONENT_BLOCK_NODE_TYPE,
-];
 const CF_STYLE_ATTRIBUTES = [
     'cfHorizontalAlignment',
     'cfVerticalAlignment',
@@ -2108,9 +2079,7 @@ const useComponentProps = ({ node, areEntitiesFetched, resolveDesignValue, rende
     const entityStore = useEntityStore((state) => state.entityStore);
     const props = useMemo(() => {
         // Don't enrich the assembly wrapper node with props
-        if (!definition ||
-            node.type === DESIGN_COMPONENT_NODE_TYPE ||
-            node.type === ASSEMBLY_NODE_TYPE) {
+        if (!definition || node.type === ASSEMBLY_NODE_TYPE) {
             return {};
         }
         return Object.entries(definition.variables).reduce((acc, [variableName, variableDefinition]) => {
@@ -2408,7 +2377,7 @@ const deserializeAssemblyNode = ({ node, nodeId, nodeLocation, parentId, assembl
     };
 };
 const resolveAssembly = ({ node, entityStore, }) => {
-    if (node.type !== DESIGN_COMPONENT_NODE_TYPE && node.type !== ASSEMBLY_NODE_TYPE) {
+    if (node.type !== ASSEMBLY_NODE_TYPE) {
         return node;
     }
     const componentId = node.data.blockId;
@@ -2453,8 +2422,7 @@ const useComponent = ({ node: rawNode, resolveDesignValue, renderDropzone, userI
     const areEntitiesFetched = useEntityStore((state) => state.areEntitiesFetched);
     const entityStore = useEntityStore((state) => state.entityStore);
     const node = useMemo(() => {
-        if ((rawNode.type === DESIGN_COMPONENT_NODE_TYPE || rawNode.type === ASSEMBLY_NODE_TYPE) &&
-            areEntitiesFetched) {
+        if (rawNode.type === ASSEMBLY_NODE_TYPE && areEntitiesFetched) {
             return resolveAssembly({
                 node: rawNode,
                 entityStore,
@@ -2464,8 +2432,7 @@ const useComponent = ({ node: rawNode, resolveDesignValue, renderDropzone, userI
     }, [areEntitiesFetched, rawNode, entityStore]);
     const componentRegistration = useMemo(() => {
         const registration = componentRegistry.get(node.data.blockId);
-        if ((node.type === DESIGN_COMPONENT_NODE_TYPE || node.type === ASSEMBLY_NODE_TYPE) &&
-            !registration) {
+        if (node.type === ASSEMBLY_NODE_TYPE && !registration) {
             return createAssemblyRegistration({
                 definitionId: node.data.blockId,
                 component: Assembly,
@@ -2489,7 +2456,7 @@ const useComponent = ({ node: rawNode, resolveDesignValue, renderDropzone, userI
     const { editorMode, renderDropzone: _renderDropzone, ...otherComponentProps } = componentProps;
     const elementToRender = builtInComponents.includes(node.data.blockId || '')
         ? (dragProps) => React.createElement(componentRegistration.component, { ...dragProps, ...componentProps })
-        : node.type === DESIGN_COMPONENT_NODE_TYPE || node.type === ASSEMBLY_NODE_TYPE
+        : node.type === ASSEMBLY_NODE_TYPE
             ? // Assembly.tsx requires renderDropzone and editorMode as well
                 () => React.createElement(componentRegistration.component, componentProps)
             : () => React.createElement(componentRegistration.component, otherComponentProps);
@@ -2796,7 +2763,7 @@ function treeVisit(initialNode, onNode) {
 }
 
 const isAssemblyNode = (node) => {
-    return node.type === DESIGN_COMPONENT_NODE_TYPE || node.type === ASSEMBLY_NODE_TYPE;
+    return node.type === ASSEMBLY_NODE_TYPE;
 };
 const useTreeStore = create((set, get) => ({
     tree: {
@@ -3213,8 +3180,7 @@ function Dropzone({ node, zoneId, resolveDesignValue, className, WrapperComponen
     const isRootZone = zoneId === ROOT_ID;
     const isDestination = draggedDestinationId === zoneId;
     const isEmptyCanvas = isRootZone && !content.length;
-    const isAssembly = DESIGN_COMPONENT_NODE_TYPES.includes(node?.type || '') ||
-        ASSEMBLY_NODE_TYPES.includes(node?.type || '');
+    const isAssembly = ASSEMBLY_NODE_TYPES.includes(node?.type || '');
     // To avoid a circular dependency, we create the recursive rendering function here and trickle it down
     const renderDropzone = useCallback((node, props) => {
         return (React.createElement(Dropzone, { zoneId: node.data.id, node: node, resolveDesignValue: resolveDesignValue, ...props }));
@@ -3476,8 +3442,7 @@ class MouseOverHandler {
         };
     }
     getBoundingClientRect(element) {
-        const isAssembly = element.getAttribute('data-cf-node-block-type') === DESIGN_COMPONENT_NODE_TYPE ||
-            element.getAttribute('data-cf-node-block-type') === ASSEMBLY_NODE_TYPE;
+        const isAssembly = element.getAttribute('data-cf-node-block-type') === ASSEMBLY_NODE_TYPE;
         if (!isAssembly) {
             return element.getBoundingClientRect();
         }
@@ -3772,9 +3737,6 @@ function useEditorSubscriber() {
                     }
                     break;
                 }
-                case INCOMING_EVENTS.DesignComponentsRegistered:
-                    // Event was deprecated and support will be discontinued with version 5
-                    break;
                 case INCOMING_EVENTS.AssembliesRegistered: {
                     const { assemblies } = payload;
                     assemblies.forEach((definition) => {
@@ -3785,9 +3747,6 @@ function useEditorSubscriber() {
                     });
                     break;
                 }
-                case INCOMING_EVENTS.DesignComponentsAdded:
-                    // Event was deprecated and support will be discontinued with version 5
-                    break;
                 case INCOMING_EVENTS.AssembliesAdded: {
                     const { assembly, assemblyDefinition, } = payload;
                     entityStore.updateEntity(assembly);
@@ -3806,6 +3765,10 @@ function useEditorSubscriber() {
                     break;
                 }
                 case INCOMING_EVENTS.CanvasResized: {
+                    const { selectedNodeId } = payload;
+                    if (selectedNodeId) {
+                        sendSelectedComponentCoordinates(selectedNodeId);
+                    }
                     break;
                 }
                 case INCOMING_EVENTS.HoverComponent: {