Develop (#35)

* refactor(ts): add ReactFlowProps

* Refactor/grid.tsx (#24)

* chore(deps-dev): bump start-server-and-test from 1.10.4 to 1.10.5

Bumps [start-server-and-test](https://github.com/bahmutov/start-server-and-test) from 1.10.4 to 1.10.5.
- [Release notes](https://github.com/bahmutov/start-server-and-test/releases)
- [Commits](https://github.com/bahmutov/start-server-and-test/compare/v1.10.4...v1.10.5)

Signed-off-by: dependabot-preview[bot] <support@dependabot.com>

* chore(deps-dev): bump typescript from 3.6.3 to 3.6.4

Bumps [typescript](https://github.com/Microsoft/TypeScript) from 3.6.3 to 3.6.4.
- [Release notes](https://github.com/Microsoft/TypeScript/releases)
- [Commits](https://github.com/Microsoft/TypeScript/compare/v3.6.3...v3.6.4)

Signed-off-by: dependabot-preview[bot] <support@dependabot.com>

* refactor: grid.js -> grid.tsx

* refactor(bg): remove unused renderer

* refactor(connectionline): use ts

* refactor(ts): edges

* chore(build): update

* Refactor/typescript (WIP) (#25)

* refactor(store): use ts

* refactor(edgewrapper): use ts

* fix(handle): provide onConnect default func

* refactor(nodeselection): use ts

* refactor(userselction): use ts

* refactor(plugins): use ts

* refactor(hooks): use ts

* refactor(nodes): use ts

* refactor(edgerenderer): use ts

* refactor(graphview): use ts

* refactor(utils): rename js to ts

* refactor(app): fix ts errors

* fix(ts): errors

* fix(app): ts errors

* refactor(app): ts erros

* refactor(app): ts errors

* fix(utils): removeElements

* feat(example): add empty renderer closes #34

* fix(connect): dont drag node on connect

* chore(build): update

src/hooks/useGlobalKeyHandler.ts

@@ -0,0 +1,35 @@
+import { useEffect } from 'react';
+
+import { useStoreState, useStoreActions } from '../store/hooks';
+import useKeyPress from './useKeyPress';
+import { isEdge, getConnectedEdges } from '../utils/graph';
+import { Elements, Node } from '../types';
+
+interface HookParams {
+  deleteKeyCode: number;
+  onElementsRemove: (elements: Elements) => void;
+};
+
+export default ({ deleteKeyCode, onElementsRemove }: HookParams): void => {
+  const state = useStoreState(s => ({ selectedElements: s.selectedElements, edges: s.edges }))
+  const setNodesSelection = useStoreActions(a => a.setNodesSelection);
+  const deleteKeyPressed = useKeyPress(deleteKeyCode);
+
+  useEffect(() => {
+    if (deleteKeyPressed && state.selectedElements.length) {
+      let elementsToRemove = state.selectedElements;
+
+      // we also want to remove the edges if only one node is selected
+      if (state.selectedElements.length === 1 && !isEdge(state.selectedElements[0])) {
+        const node = state.selectedElements[0] as unknown as Node;
+        const connectedEdges = getConnectedEdges([node], state.edges);
+        elementsToRemove = [...state.selectedElements, ...connectedEdges];
+      }
+
+      onElementsRemove(elementsToRemove);
+      setNodesSelection({ isActive: false });
+    }
+  }, [deleteKeyPressed])
+
+  return null;
+};