system-canvas-standalone 0.2.43 → 0.2.45

package/dist/system-canvas.js

@@ -15447,7 +15447,15 @@ var SystemCanvas = (() => {
           continue;
         if (y < n.y || y > n.y + n.height)
           continue;
-        if (cb([st.source], n))
+        const movingNodes = [st.source];
+        for (const [id2] of st.moving) {
+          if (id2 !== st.source.id) {
+            const mn = nodesRef.current?.find((r) => r.id === id2);
+            if (mn)
+              movingNodes.push(mn);
+          }
+        }
+        if (cb(movingNodes, n))
           return n.id;
         return null;
       }
@@ -15499,7 +15507,15 @@ var SystemCanvas = (() => {
         const nodes = nodesRef.current;
         const target = nodes?.find((n) => n.id === dropTarget) ?? null;
         if (target && onNodeDropRef.current) {
-          onNodeDropRef.current([st.source], target);
+          const movingNodes = [st.source];
+          for (const [id2] of st.moving) {
+            if (id2 !== st.source.id) {
+              const mn = nodesRef.current?.find((r) => r.id === id2);
+              if (mn)
+                movingNodes.push(mn);
+            }
+          }
+          onNodeDropRef.current(movingNodes, target);
           stateRef.current = null;
           movedRef.current = false;
           dropTargetIdRef.current = null;
@@ -16517,8 +16533,10 @@ var SystemCanvas = (() => {
   function useZoomNavigation(options) {
     const { enabled, config, nodes, currentCanvas, parentFrame, canvases, onResolveCanvas, onSeedCanvas, theme, getViewportSize, getCursorScreenPos, onEnter, onExit } = options;
     const committingRef = (0, import_react10.useRef)(false);
+    const pendingNavRefRef = (0, import_react10.useRef)(null);
     (0, import_react10.useEffect)(() => {
       committingRef.current = false;
+      pendingNavRefRef.current = null;
     }, [currentCanvas]);
     const exitArmedRef = (0, import_react10.useRef)(false);
     (0, import_react10.useEffect)(() => {
@@ -16613,7 +16631,7 @@ var SystemCanvas = (() => {
           }
         }
       }
-      if (bestCandidate) {
+      if (bestCandidate && !(pendingNavRefRef.current !== null && bestCandidate.node.ref !== pendingNavRefRef.current)) {
         const n = bestCandidate.node;
         const screen = bestCandidate.screen;
         const ref = n.ref;
@@ -16684,8 +16702,12 @@ var SystemCanvas = (() => {
     ]);
     const clearCommitting = (0, import_react10.useCallback)(() => {
       committingRef.current = false;
+      pendingNavRefRef.current = null;
+    }, []);
+    const setPendingNavRef = (0, import_react10.useCallback)((ref) => {
+      pendingNavRefRef.current = ref;
     }, []);
-    return { handleViewportChange, clearCommitting };
+    return { handleViewportChange, clearCommitting, setPendingNavRef };
   }
 
   // ../react/dist/components/Viewport.js
@@ -23378,6 +23400,7 @@ var SystemCanvas = (() => {
       }
       const handle = viewportHandleRef.current;
       if (handle) {
+        setZoomNavPendingRef(node.ref ?? null);
         handle.zoomToNode(node, () => {
           const finalVp = viewportStateRef.current;
           if (finalVp)
@@ -23408,7 +23431,7 @@ var SystemCanvas = (() => {
       navigateToBreadcrumb(breadcrumbs.length - 2);
     }, [navigateToBreadcrumb, breadcrumbs.length]);
     const currentParentFrame = parentFrames[parentFrames.length - 1] ?? null;
-    const { handleViewportChange: handleZoomNavViewportChange, clearCommitting: clearZoomNavCommitting } = useZoomNavigation({
+    const { handleViewportChange: handleZoomNavViewportChange, clearCommitting: clearZoomNavCommitting, setPendingNavRef: setZoomNavPendingRef } = useZoomNavigation({
       enabled: zoomNavConfig.enabled,
       config: zoomNavConfig,
       nodes,