made-refine 0.2.8 → 0.2.9

package/dist/index.js

@@ -7317,15 +7317,31 @@ function useInteractionCapture(props) {
         }
       }
     }
+    let lastMouseX = 0;
+    let lastMouseY = 0;
     function handleMouseMove(e) {
       if (isStale() || isOwnUIEvent(e)) return;
+      lastMouseX = e.clientX;
+      lastMouseY = e.clientY;
       const p = propsRef.current;
       const elementUnder = safeElementFromPoint(e.clientX, e.clientY);
       p.onSetHoverHighlight(computeHoverHighlight(elementUnder, p.selectedElement));
     }
+    function handleScroll() {
+      if (isStale()) return;
+      const p = propsRef.current;
+      const elementUnder = safeElementFromPoint(lastMouseX, lastMouseY);
+      p.onSetHoverHighlight(computeHoverHighlight(elementUnder, p.selectedElement));
+    }
+    function handlePointerDown(e) {
+      if (isStale() || isOwnUIEvent(e)) return;
+      if (e.pointerType === "mouse") e.preventDefault();
+      e.stopPropagation();
+    }
     function handleMouseDown(e) {
       if (isStale() || isOwnUIEvent(e)) return;
       e.preventDefault();
+      e.stopPropagation();
     }
     function handleContextMenu(e) {
       if (isStale() || isOwnUIEvent(e)) return;
@@ -7337,22 +7353,26 @@ function useInteractionCapture(props) {
     }
     const cursorStyle = document.createElement("style");
     cursorStyle.setAttribute("data-direct-edit-cursor", "");
-    const cursorValue = propsRef.current.activeTool === "comment" ? "crosshair" : "default";
+    const cursorValue = "default";
     cursorStyle.textContent = `* { cursor: ${cursorValue} !important; }`;
     document.head.appendChild(cursorStyle);
+    window.addEventListener("pointerdown", handlePointerDown, true);
     window.addEventListener("click", handleClick, true);
     window.addEventListener("dblclick", handleDblClick, true);
     document.addEventListener("mousemove", handleMouseMove, true);
     window.addEventListener("mousedown", handleMouseDown, true);
     document.addEventListener("contextmenu", handleContextMenu, true);
     document.documentElement.addEventListener("mouseleave", handleMouseLeave);
+    window.addEventListener("scroll", handleScroll, true);
     return () => {
+      window.removeEventListener("pointerdown", handlePointerDown, true);
       window.removeEventListener("click", handleClick, true);
       window.removeEventListener("dblclick", handleDblClick, true);
       document.removeEventListener("mousemove", handleMouseMove, true);
       window.removeEventListener("mousedown", handleMouseDown, true);
       document.removeEventListener("contextmenu", handleContextMenu, true);
       document.documentElement.removeEventListener("mouseleave", handleMouseLeave);
+      window.removeEventListener("scroll", handleScroll, true);
       cursorStyle.remove();
     };
   }, [active]);
@@ -7360,9 +7380,8 @@ function useInteractionCapture(props) {
     if (!active) return;
     const existing = document.querySelector("style[data-direct-edit-cursor]");
     if (!existing) return;
-    const cursorValue = props.activeTool === "comment" ? "crosshair" : "default";
-    existing.textContent = `* { cursor: ${cursorValue} !important; }`;
-  }, [active, props.activeTool]);
+    existing.textContent = `* { cursor: default !important; }`;
+  }, [active]);
 }
 function InteractionOverlay(props) {
   const { hoverHighlight } = props;
@@ -8385,6 +8404,11 @@ function CommentPin({
         flipHorizontal,
         onSubmit: (text) => {
           onUpdateText(text);
+          const md = buildCommentExport(comment.locator, text, []);
+          const instruction = buildExportInstruction({ hasCssEdits: false, hasTextEdits: false, hasMoves: false, hasComments: true });
+          copyText(`${instruction}
+
+${md}`);
         },
         onCancel: onClose,
         attentionNonce,