refactor(elements): split edges and nodes

src/hooks/useGlobalKeyHandler.ts

@@ -2,7 +2,7 @@ import { useEffect } from 'react';
 
 import { useStore, useStoreActions } from '../store/hooks';
 import useKeyPress from './useKeyPress';
-import { isNode, getConnectedEdges, isEdge } from '../utils/graph';
+import { isNode, getConnectedEdges } from '../utils/graph';
 import { Elements, KeyCode, ElementId, FlowElement } from '../types';
 
 interface HookParams {
@@ -22,8 +22,7 @@ export default ({ deleteKeyCode, multiSelectionKeyCode, onElementsRemove }: Hook
   const multiSelectionKeyPressed = useKeyPress(multiSelectionKeyCode);
 
   useEffect(() => {
-    const { elements, selectedElements } = store.getState();
-    const edges = elements.filter(isEdge);
+    const { edges, selectedElements } = store.getState();
 
     if (onElementsRemove && deleteKeyPressed && selectedElements) {
       const selectedNodes = selectedElements.filter(isNode);

src/hooks/useZoomPanHelper.ts

@@ -3,7 +3,7 @@ import { zoomIdentity } from 'd3-zoom';
 
 import { useStoreState, useStore } from '../store/hooks';
 import { clamp } from '../utils';
-import { getRectOfNodes, isNode } from '../utils/graph';
+import { getRectOfNodes } from '../utils/graph';
 import { FitViewParams, FlowTransform, ZoomPanHelperFunctions, Rect, Transform } from '../types';
 
 const DEFAULT_PADDING = 0.1;
@@ -56,8 +56,7 @@ const useZoomPanHelper = (): ZoomPanHelperFunctions => {
           d3Zoom.transform(d3Selection, nextTransform);
         },
         fitView: (options: FitViewParams = { padding: DEFAULT_PADDING, includeHiddenNodes: false }) => {
-          const { elements, width, height, minZoom, maxZoom } = store.getState();
-          const nodes = elements.filter(isNode);
+          const { nodes, width, height, minZoom, maxZoom } = store.getState();
 
           if (!nodes.length) {
             return;