From 4d505c974c68c22e4ff2e2ae9a51c83a3ebd2a4d Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Wed, 17 May 2023 11:24:41 +0200
Subject: [PATCH] refactor(core): allow ref for isValidConnection in useHandle

---
 packages/core/src/components/Edges/EdgeWrapper.ts | 2 +-
 packages/core/src/composables/useHandle.ts        | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/core/src/components/Edges/EdgeWrapper.ts b/packages/core/src/components/Edges/EdgeWrapper.ts
index 2cb4a7b6..62c0034e 100644
--- a/packages/core/src/components/Edges/EdgeWrapper.ts
+++ b/packages/core/src/components/Edges/EdgeWrapper.ts
@@ -58,7 +58,7 @@ const EdgeWrapper = defineComponent({
       nodeId,
       handleId,
       type: edgeUpdaterType,
-      isValidConnection: isValidConnection.value,
+      isValidConnection,
       edgeUpdaterType,
       onEdgeUpdate,
       onEdgeUpdateEnd,
diff --git a/packages/core/src/composables/useHandle.ts b/packages/core/src/composables/useHandle.ts
index c1383855..20a0c914 100644
--- a/packages/core/src/composables/useHandle.ts
+++ b/packages/core/src/composables/useHandle.ts
@@ -5,7 +5,7 @@ interface UseHandleProps {
   handleId: MaybeComputedRef<string | null>
   nodeId: MaybeComputedRef<string>
   type: MaybeComputedRef<HandleType>
-  isValidConnection?: ValidConnectionFunc | null
+  isValidConnection?: MaybeComputedRef<ValidConnectionFunc | null>
   edgeUpdaterType?: MaybeComputedRef<HandleType>
   onEdgeUpdate?: (event: MouseTouchEvent, connection: Connection) => void
   onEdgeUpdateEnd?: (event: MouseTouchEvent) => void
@@ -59,7 +59,7 @@ export default function useHandle({
     if ((isMouseTriggered && event.button === 0) || !isMouseTriggered) {
       const node = findNode(resolveUnref(nodeId))
 
-      let isValidConnectionHandler = isValidConnection || isValidConnectionProp.value || alwaysValid
+      let isValidConnectionHandler = resolveUnref(isValidConnection) || isValidConnectionProp.value || alwaysValid
 
       if (!isValidConnectionHandler && node) {
         isValidConnectionHandler = (!isTarget ? node.isValidTargetPos : node.isValidSourcePos) || alwaysValid
@@ -235,7 +235,7 @@ export default function useHandle({
         true,
       )
     } else {
-      let isValidConnectionHandler = isValidConnection || isValidConnectionProp.value || alwaysValid
+      let isValidConnectionHandler = resolveUnref(isValidConnection) || isValidConnectionProp.value || alwaysValid
 
       const node = findNode(resolveUnref(nodeId))