@contentful/experiences-visual-editor-react 1.11.1 → 1.11.2-dev-20240724T1634-dd1094a.0

package/dist/index.js

@@ -3616,13 +3616,13 @@ const getUnboundValues = ({ key, fallback, unboundValues, }) => {
     return get$1(unboundValues, lodashPath, fallback);
 };
 
-const useComponentProps = ({ node, areEntitiesFetched, resolveDesignValue, renderDropzone, definition, userIsDragging, slotId, }) => {
+const useComponentProps = ({ node, areEntitiesFetched, resolveDesignValue, renderDropzone, definition, userIsDragging, }) => {
     const unboundValues = useEditorStore((state) => state.unboundValues);
     const hyperlinkPattern = useEditorStore((state) => state.hyperLinkPattern);
     const locale = useEditorStore((state) => state.locale);
     const dataSource = useEditorStore((state) => state.dataSource);
     const entityStore = useEntityStore((state) => state.entityStore);
-    const isEmptyZone = !node.children.filter((child) => child.data.slotId === slotId).length;
+    const isEmptyZone = !node.children.length;
     const props = useMemo(() => {
         const propsBase = {
             cfSsrClassName: node.data.props.cfSsrClassName
@@ -3943,7 +3943,7 @@ const MissingComponentPlacehoder = ({ blockId }) => {
         "'"));
 };
 
-const useComponent = ({ node: rawNode, resolveDesignValue, renderDropzone, userIsDragging, slotId, }) => {
+const useComponent = ({ node: rawNode, resolveDesignValue, renderDropzone, userIsDragging, }) => {
     const areEntitiesFetched = useEntityStore((state) => state.areEntitiesFetched);
     const entityStore = useEntityStore((state) => state.entityStore);
     const node = useMemo(() => {
@@ -3977,7 +3977,6 @@ const useComponent = ({ node: rawNode, resolveDesignValue, renderDropzone, userI
         renderDropzone,
         definition: componentRegistration?.definition,
         userIsDragging,
-        slotId,
     });
     const elementToRender = (props) => {
         if (!componentRegistration) {
@@ -4067,12 +4066,8 @@ const calcNewComponentStyles = (params) => {
     const [horizontalPadding, verticalPadding] = getPaddingOffset(dropzone);
     const width = isHorizontal ? DRAGGABLE_WIDTH : dropzoneSizes.width - horizontalPadding;
     const height = isHorizontal ? dropzoneSizes.height - verticalPadding : DRAGGABLE_HEIGHT;
-    const top = isHorizontal
-        ? calcOffsetTop(element.parentElement, height, elementSizes.height)
-        : -height;
-    const left = isHorizontal
-        ? -width
-        : calcOffsetLeft(element.parentElement, width, elementSizes.width);
+    const top = isHorizontal ? calcOffsetTop(element, height, elementSizes.height) : -height;
+    const left = isHorizontal ? -width : calcOffsetLeft(element, width, elementSizes.width);
     return {
         width,
         height,
@@ -4106,12 +4101,8 @@ const calcMovementStyles = (params) => {
     const [horizontalPadding, verticalPadding] = getPaddingOffset(dropzone);
     const width = isHorizontal ? draggableSizes.width : dropzoneSizes.width - horizontalPadding;
     const height = isHorizontal ? dropzoneSizes.height - verticalPadding : draggableSizes.height;
-    const top = isHorizontal
-        ? calcOffsetTop(element.parentElement, height, elementSizes.height)
-        : -height;
-    const left = isHorizontal
-        ? -width
-        : calcOffsetLeft(element.parentElement, width, elementSizes.width);
+    const top = isHorizontal ? calcOffsetTop(element, height, elementSizes.height) : -height;
+    const left = isHorizontal ? -width : calcOffsetLeft(element, width, elementSizes.width);
     return {
         width,
         height,
@@ -4156,6 +4147,7 @@ const Placeholder = (props) => {
             }),
             backgroundColor: 'rgba(var(--exp-builder-blue300-rgb), 0.5)',
             position: 'absolute',
+            pointerEvents: 'none',
         } })));
 };
 
@@ -4452,7 +4444,6 @@ const EditorBlock = ({ node: rawNode, resolveDesignValue, renderDropzone, index,
         resolveDesignValue,
         renderDropzone,
         userIsDragging,
-        slotId,
     });
     const { isSingleColumn, isWrapped } = useSingleColumn(node, resolveDesignValue);
     const setDomRect = useDraggedItemStore((state) => state.setDomRect);