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/components/Handle/index.tsx

@@ -0,0 +1,47 @@
+import React, { memo, useContext } from 'react';
+
+import { useStoreActions, useStoreState } from '../../store/hooks';
+import BaseHandle from './BaseHandle';
+import NodeIdContext from '../../contexts/NodeIdContext'
+
+import { HandleType, ElementId, Position, OnConnectParams, OnConnectFunc } from '../../types';
+
+interface HandleProps {
+  type: HandleType,
+  position: Position,
+  onConnect?: OnConnectFunc,
+  isValidConnection?: () => boolean
+};
+
+const Handle = memo(({
+  onConnect = _ => {}, type = 'source', position = 'top', isValidConnection = () => true,
+  ...rest
+}: HandleProps) => {
+  const nodeId = useContext(NodeIdContext) as ElementId;
+  const { setPosition, setSourceId } = useStoreActions(a => ({
+    setPosition: a.setConnectionPosition,
+    setSourceId: a.setConnectionSourceId
+  }));
+  const onConnectAction = useStoreState(s => s.onConnect);
+  const onConnectExtended = (params: OnConnectParams) => {
+    onConnectAction(params);
+    onConnect(params);
+  };
+
+  return (
+    <BaseHandle
+      nodeId={nodeId}
+      setPosition={setPosition}
+      setSourceId={setSourceId}
+      onConnect={onConnectExtended}
+      type={type}
+      position={position}
+      isValidConnection={isValidConnection}
+      {...rest}
+    />
+  );
+});
+
+Handle.displayName = 'Handle';
+
+export default Handle;