@tscircuit/pcb-viewer 1.11.408 → 1.11.410

package/dist/index.js

@@ -15524,6 +15524,7 @@ var DimensionOverlay = ({
   const [boundsStart, setBoundsStart] = useState5({ x: 0, y: 0 });
   const [boundsEnd, setBoundsEnd] = useState5({ x: 0, y: 0 });
   const mousePosRef = useRef6({ x: 0, y: 0 });
+  const measurementPointerDownRef = useRef6(false);
   const containerRef = useRef6(null);
   const container = containerRef.current;
   const containerBounds = container?.getBoundingClientRect();
@@ -15756,6 +15757,21 @@ var DimensionOverlay = ({
       "data-pcb-viewer": true,
       tabIndex: 0,
       style: { position: "relative", outline: "none" },
+      onMouseDownCapture: () => {
+        measurementPointerDownRef.current = false;
+      },
+      onClickCapture: (event) => {
+        if (!measurementPointerDownRef.current) return;
+        measurementPointerDownRef.current = false;
+        event.stopPropagation();
+        containerRef.current?.focus();
+      },
+      onContextMenuCapture: (event) => {
+        if (!measureToolArmed && !dimensionToolVisible && !measurementPointerDownRef.current)
+          return;
+        event.preventDefault();
+        event.stopPropagation();
+      },
       onMouseEnter: () => {
         if (focusOnHover && containerRef.current) {
           containerRef.current.focus();
@@ -15789,6 +15805,7 @@ var DimensionOverlay = ({
         }
       },
       onMouseDown: (e) => {
+        measurementPointerDownRef.current = measureToolArmed || dimensionToolVisible;
         const rect = e.currentTarget.getBoundingClientRect();
         const x = e.clientX - rect.left;
         const y = e.clientY - rect.top;
@@ -18342,7 +18359,7 @@ import { css as css3 } from "@emotion/css";
 // package.json
 var package_default = {
   name: "@tscircuit/pcb-viewer",
-  version: "1.11.407",
+  version: "1.11.409",
   main: "dist/index.js",
   type: "module",
   repository: {
@@ -18359,6 +18376,7 @@ var package_default = {
     cosmos: "cosmos",
     "cosmos-export": "cosmos-export",
     "test:x-ray-net": "bun run build && bun tests/x-ray-net/run.ts",
+    "test:measurement-context-menu": "bun run build && bun tests/measurement-context-menu/run.ts",
     "test:webgpu": "bun run build && bun tests/webgpu/run.ts"
   },
   files: [
@@ -20277,6 +20295,14 @@ var CanvasElementsRenderer = (props) => {
   );
   const [xRayNetIds, setXRayNetIds] = useState13([]);
   useEffect19(() => setXRayNetIds([]), [connectivityMap]);
+  useEffect19(() => {
+    if (xRayNetIds.length === 0) return;
+    const onKeyDown = (event) => {
+      if (event.key === "Escape") setXRayNetIds([]);
+    };
+    window.addEventListener("keydown", onKeyDown, true);
+    return () => window.removeEventListener("keydown", onKeyDown, true);
+  }, [xRayNetIds.length]);
   const xRayElements = useMemo10(
     () => xRayNetIds.length > 0 ? elementsToRender.filter(
       (element) => isXRayCopper(element) && xRayNetIds.includes(