refactor(utils): remove react dependencies

packages/core/src/components/Handle/handler.ts

@@ -59,7 +59,7 @@ export function handlePointerDown({
   let autoPanId = 0;
   let prevClosestHandle: ConnectionHandle | null;
 
-  const { x, y } = getEventPosition(event);
+  const { x, y } = getEventPosition(event.nativeEvent);
   const clickedHandle = doc?.elementFromPoint(x, y);
   const handleType = getHandleType(edgeUpdaterType, clickedHandle);
   const containerBounds = domNode?.getBoundingClientRect();
@@ -69,7 +69,7 @@ export function handlePointerDown({
   }
 
   let prevActiveHandle: Element;
-  let connectionPosition = getEventPosition(event, containerBounds);
+  let connectionPosition = getEventPosition(event.nativeEvent, containerBounds);
   let autoPanStarted = false;
   let connection: Connection | null = null;
   let isValid = false;

packages/core/src/components/Handle/index.tsx

@@ -69,9 +69,9 @@ const Handle = forwardRef<HTMLDivElement, HandleComponentProps>(
     };
 
     const onPointerDown = (event: ReactMouseEvent<HTMLDivElement> | ReactTouchEvent<HTMLDivElement>) => {
-      const isMouseTriggered = isMouseEvent(event);
+      const isMouseTriggered = isMouseEvent(event.nativeEvent);
 
-      if ((isMouseTriggered && event.button === 0) || !isMouseTriggered) {
+      if ((isMouseTriggered && (event as ReactMouseEvent<HTMLDivElement>).button === 0) || !isMouseTriggered) {
         handlePointerDown({
           event,
           handleId,
@@ -85,9 +85,9 @@ const Handle = forwardRef<HTMLDivElement, HandleComponentProps>(
       }
 
       if (isMouseTriggered) {
-        onMouseDown?.(event);
+        onMouseDown?.(event as ReactMouseEvent<HTMLDivElement>);
       } else {
-        onTouchStart?.(event);
+        onTouchStart?.(event as ReactTouchEvent<HTMLDivElement>);
       }
     };
 
@@ -101,7 +101,7 @@ const Handle = forwardRef<HTMLDivElement, HandleComponentProps>(
 
       const doc = getHostForElement(event.target as HTMLElement);
       const { connection, isValid } = isValidHandle(
-        event,
+        event.nativeEvent,
         {
           nodeId,
           id: handleId,

packages/core/src/components/Handle/utils.ts

@@ -73,7 +73,7 @@ const nullConnection: Connection = { source: null, target: null, sourceHandle: n
 
 // checks if  and returns connection in fom of an object { source: 123, target: 312 }
 export function isValidHandle(
-  event: MouseEvent | TouchEvent | ReactMouseEvent | ReactTouchEvent,
+  event: MouseEvent | TouchEvent,
   handle: Pick<ConnectionHandle, 'nodeId' | 'id' | 'type'> | null,
   connectionMode: ConnectionMode,
   fromNodeId: string,