develop (#43)

* fix(ts): use strict mode strictNullChecks etc * chore: Use extended React.HTMLAttributes<> (#41) * refactor(code-format): add prettier closes #42 * feat(renderer): add snap to grid option closes #20 * chore(dependabot): use develop as target branch
2019-10-21 20:58:28 +02:00
parent ce210eb5dc
commit a793f8c2ff
80 changed files with 2634 additions and 1247 deletions
@@ -2,45 +2,56 @@ import React, { memo, useContext } from 'react';

 import { useStoreActions, useStoreState } from '../../store/hooks';
 import BaseHandle from './BaseHandle';
-import NodeIdContext from '../../contexts/NodeIdContext'
+import NodeIdContext from '../../contexts/NodeIdContext';

-import { HandleType, ElementId, Position, OnConnectParams, OnConnectFunc } from '../../types';
+import {
+  HandleType,
+  ElementId,
+  Position,
+  Connection,
+  OnConnectFunc,
+} from '../../types';

 interface HandleProps {
-  type: HandleType,
-  position: Position,
-  onConnect?: OnConnectFunc,
-  isValidConnection?: () => boolean
-};
+  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);
-  };
+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: Connection) => {
+      onConnectAction(params);
+      onConnect(params);
+    };

-  return (
-    <BaseHandle
-      nodeId={nodeId}
-      setPosition={setPosition}
-      setSourceId={setSourceId}
-      onConnect={onConnectExtended}
-      type={type}
-      position={position}
-      isValidConnection={isValidConnection}
-      {...rest}
-    />
-  );
-});
+    return (
+      <BaseHandle
+        nodeId={nodeId}
+        setPosition={setPosition}
+        setSourceId={setSourceId}
+        onConnect={onConnectExtended}
+        type={type}
+        position={position}
+        isValidConnection={isValidConnection}
+        {...rest}
+      />
+    );
+  }
+);

 Handle.displayName = 'Handle';