@ohhwells/bridge 0.1.38-next.69 → 0.1.38-next.70

package/dist/index.cjs

@@ -8245,14 +8245,28 @@ function OhhwellsBridge() {
   const runSectionsPrefetchRef = (0, import_react9.useRef)(runSectionsPrefetch);
   runSectionsPrefetchRef.current = runSectionsPrefetch;
   (0, import_react9.useEffect)(() => {
-    if (!linkPopover) return;
+    if (!linkPopover) {
+      document.documentElement.removeAttribute("data-ohw-link-popover-open");
+      return;
+    }
+    document.documentElement.setAttribute("data-ohw-link-popover-open", "");
     if (hoveredImageRef.current) {
       hoveredImageRef.current = null;
       hoveredImageHasTextOverlapRef.current = false;
     }
     hoveredGapRef.current = null;
     setSectionGap(null);
+    hoveredItemElRef.current = null;
+    setHoveredItemRect(null);
+    hoveredNavContainerRef.current = null;
+    setHoveredNavContainerRect(null);
+    document.querySelectorAll("[data-ohw-hovered]").forEach((el) => {
+      el.removeAttribute("data-ohw-hovered");
+    });
     postToParent2({ type: "ow:image-unhover" });
+    return () => {
+      document.documentElement.removeAttribute("data-ohw-link-popover-open");
+    };
   }, [linkPopover, postToParent2]);
   (0, import_react9.useEffect)(() => {
     if (!isEditMode) return;
@@ -8547,12 +8561,18 @@ function OhhwellsBridge() {
           nodes: [{ key: FOOTER_ORDER_KEY, text: orderJson }]
         });
       }
-      const still = (hrefKey ? document.querySelector(`footer [data-ohw-href-key="${CSS.escape(hrefKey)}"]`) : null) ?? (movedColumnIndex !== null ? listFooterColumns()[movedColumnIndex] ?? null : null) ?? (document.body.contains(draggedEl) ? draggedEl : null);
+      if (!wasSelected) {
+        deselectRef.current();
+        return;
+      }
+      const still = (hrefKey ? document.querySelector(
+        `footer [data-ohw-href-key="${CSS.escape(hrefKey)}"]`
+      ) : null) ?? (movedColumnIndex !== null ? listFooterColumns()[movedColumnIndex] ?? null : null) ?? (document.body.contains(draggedEl) ? draggedEl : null);
       if (still && isNavigationItem(still)) {
         selectRef.current(still);
       } else if (still && isNavigationContainer(still)) {
         selectFrameRef.current(still);
-      } else if (wasSelected) {
+      } else {
         deselectRef.current();
       }
     },
@@ -9028,6 +9048,9 @@ function OhhwellsBridge() {
         outline-offset: 6px;
         border-radius: 8px;
       }
+      html[data-ohw-link-popover-open] footer [data-ohw-footer-col]:hover {
+        outline: none !important;
+      }
       html[data-ohw-footer-press-drag] footer,
       html[data-ohw-footer-press-drag] footer * {
         user-select: none !important;
@@ -9260,6 +9283,13 @@ function OhhwellsBridge() {
     const handleMouseOver = (e) => {
       if (document.documentElement.hasAttribute("data-ohw-section-picking")) return;
       const target = e.target;
+      if (linkPopoverOpenRef.current) {
+        hoveredItemElRef.current = null;
+        setHoveredItemRect(null);
+        hoveredNavContainerRef.current = null;
+        setHoveredNavContainerRect(null);
+        return;
+      }
       if (toolbarVariantRef.current !== "select-frame") {
         const navContainer = target.closest("[data-ohw-nav-container]");
         if (navContainer && !getNavigationItemAnchor(target)) {
@@ -10436,6 +10466,9 @@ function OhhwellsBridge() {
     };
     const onPointerDown = (e) => {
       if (e.button !== 0) return;
+      if (suppressNextClickRef.current && !footerDragRef.current && !footerPointerDragRef.current?.started) {
+        suppressNextClickRef.current = false;
+      }
       if (footerDragRef.current) return;
       const target = e.target;
       if (!target) return;
@@ -10822,7 +10855,7 @@ function OhhwellsBridge() {
       )),
       hoveredNavContainerRect && toolbarVariant !== "select-frame" && !linkPopover && !isItemDragging && !siblingHintRect && siblingHintRects.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ItemInteractionLayer, { rect: hoveredNavContainerRect, state: "hover" }),
       toolbarVariant === "select-frame" && toolbarRect && !linkPopover && !isItemDragging && !isFooterFrameSelection && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(NavbarContainerChrome, { rect: toolbarRect, onAdd: handleAddTopLevelNavItem }),
-      hoveredItemRect && !hoveredNavContainerRect && !siblingHintRect && siblingHintRects.length === 0 && !isItemDragging && hoveredItemElRef.current !== selectedElRef.current && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ItemInteractionLayer, { rect: hoveredItemRect, state: "hover" }),
+      hoveredItemRect && !linkPopover && !hoveredNavContainerRect && !siblingHintRect && siblingHintRects.length === 0 && !isItemDragging && hoveredItemElRef.current !== selectedElRef.current && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ItemInteractionLayer, { rect: hoveredItemRect, state: "hover" }),
       toolbarRect && (toolbarVariant === "link-action" || toolbarVariant === "select-frame") && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ItemInteractionLayer, { rect: isItemDragging && draggedItemRect && footerDragRef.current?.wasSelected ? draggedItemRect : toolbarRect, elRef: glowElRef, state: isItemDragging ? "dragging" : resolveItemInteractionState(toolbarRect, parentScrollRef.current), showHandle: toolbarVariant === "link-action" && Boolean(reorderHrefKey) || toolbarVariant === "select-frame" && isFooterFrameSelection, dragDisabled: reorderDragDisabled, dragHandleLabel: reorderHrefKey ? `Reorder ${reorderHrefKey}` : "Reorder item", onDragHandleDragStart: handleItemDragStart, onDragHandleDragEnd: handleItemDragEnd, onItemPointerDown: handleItemChromePointerDown, onItemClick: handleItemChromeClick, toolbar: toolbarVariant === "link-action" && !isItemDragging ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ItemActionToolbar, { onEditLink: openLinkPopoverForSelected, addItemDisabled: true, editLinkDisabled: false, moreDisabled: true }) : void 0 }),
       toolbarRect && toolbarVariant === "rich-text" && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_jsx_runtime25.Fragment, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(EditGlowChrome, { rect: toolbarRect, elRef: glowElRef, reorderHrefKey, dragDisabled: reorderDragDisabled }),