@octaviaflow/core 3.1.0-beta.106 → 3.1.0-beta.107

package/dist/index.js

@@ -34996,6 +34996,7 @@ function ExpressionField({
         CallEditor,
         {
           raw: editing.raw,
+          anchor: editing.el,
           rect: editing.rect,
           nameOf: callLabel,
           labelFor,
@@ -35010,6 +35011,7 @@ function ExpressionField({
 }
 function CallEditor({
   raw,
+  anchor,
   rect,
   nameOf,
   labelFor,
@@ -35021,13 +35023,27 @@ function CallEditor({
   const [path, setPath] = useState71([]);
   const [rawMode, setRawMode] = useState71(false);
   const panelRef = useRef50(null);
+  const onApplyRef = useRef50(onApply);
+  onApplyRef.current = onApply;
+  const draftRef = useRef50(draft);
+  draftRef.current = draft;
   useEffect56(() => {
     const onKey = (e) => {
       if (e.key === "Escape") onCancel();
     };
+    const onPointerDown = (e) => {
+      const target = e.target;
+      if (panelRef.current?.contains(target)) return;
+      if (anchor.contains(target)) return;
+      onApplyRef.current(draftRef.current);
+    };
     document.addEventListener("keydown", onKey);
-    return () => document.removeEventListener("keydown", onKey);
-  }, [onCancel]);
+    document.addEventListener("mousedown", onPointerDown, true);
+    return () => {
+      document.removeEventListener("keydown", onKey);
+      document.removeEventListener("mousedown", onPointerDown, true);
+    };
+  }, [anchor, onCancel]);
   const current = callAt(draft, path);
   const signature = current ? resolveCall?.(current.name) : void 0;
   const names = signature?.args ?? [];