refactor(store): use redux instead of easy-peasy

src/components/Handle/handler.ts

@@ -15,6 +15,8 @@ import {
 type ValidConnectionFunc = (connection: Connection) => boolean;
 export type SetSourceIdFunc = (params: SetConnectionId) => void;
 
+export type SetPosition = (pos: XYPosition) => void;
+
 type Result = {
   elementBelow: Element | null;
   isValid: boolean;
@@ -86,7 +88,7 @@ export function onMouseDown(
   handleId: ElementId | null,
   nodeId: ElementId,
   setConnectionNodeId: SetSourceIdFunc,
-  setPosition: (pos: XYPosition) => void,
+  setPosition: SetPosition,
   onConnect: OnConnectFunc,
   isTarget: boolean,
   isValidConnection: ValidConnectionFunc,

src/components/Handle/index.tsx

@@ -5,7 +5,7 @@ import { useStoreActions, useStoreState } from '../../store/hooks';
 import NodeIdContext from '../../contexts/NodeIdContext';
 import { HandleProps, Connection, ElementId, Position } from '../../types';
 
-import { onMouseDown } from './handler';
+import { onMouseDown, SetSourceIdFunc, SetPosition } from './handler';
 
 const alwaysValid = () => true;
 
@@ -45,8 +45,8 @@ const Handle: FunctionComponent<HandleProps & Omit<HTMLAttributes<HTMLDivElement
         event,
         handleId,
         nodeId,
-        setConnectionNodeId,
-        setPosition,
+        (setConnectionNodeId as unknown) as SetSourceIdFunc,
+        (setPosition as unknown) as SetPosition,
         onConnectExtended,
         isTarget,
         isValidConnection,

src/components/NodesSelection/index.tsx

@@ -29,7 +29,8 @@ export default ({
   const selectedElements = useStoreState((state) => state.selectedElements);
   const snapToGrid = useStoreState((state) => state.snapToGrid);
   const snapGrid = useStoreState((state) => state.snapGrid);
-  const nodes = useStoreState((state) => state.nodes);
+  const elements = useStoreState((state) => state.elements);
+  const nodes = elements.filter(isNode);
 
   const updateNodePosDiff = useStoreActions((actions) => actions.updateNodePosDiff);