feat(connection-line): add status class (valid or invalid) while in connection radius

packages/core/src/store/index.ts

@@ -274,6 +274,7 @@ const createRFStore = () =>
         connectionNodeId: initialState.connectionNodeId,
         connectionHandleId: initialState.connectionHandleId,
         connectionHandleType: initialState.connectionHandleType,
+        connectionStatus: initialState.connectionStatus,
       }),
     reset: () => set({ ...initialState }),
   }));

packages/core/src/store/initialState.ts

@@ -32,6 +32,7 @@ const initialState: ReactFlowStore = {
   connectionHandleId: null,
   connectionHandleType: 'source',
   connectionPosition: { x: 0, y: 0 },
+  connectionStatus: null,
   connectionMode: ConnectionMode.Strict,
   domNode: null,
   paneDragging: false,