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

src/components/Edges/wrapEdge.tsx

@@ -3,42 +3,56 @@ import cx from 'classnames';
 
 import { isInputDOMNode } from '../../utils';
 import store from '../../store';
-import { EdgeWrapperProps } from '../../types';
+import { ElementId, Edge, EdgeCompProps } from '../../types';
 
-export default (EdgeComponent: ComponentType<EdgeWrapperProps>) => {
-  const EdgeWrapper = memo(({
-    id, source, target, type,
-    animated, selected, onClick,
-    ...rest
-  }: EdgeWrapperProps) => {
-    const edgeClasses = cx('react-flow__edge', { selected, animated });
-    const onEdgeClick = (evt: MouseEvent) => {
-      if (isInputDOMNode(evt)) {
-        return false;
-      }
+interface EdgeWrapperProps {
+  id: ElementId;
+  source: ElementId;
+  target: ElementId;
+  type: any;
+  onClick: (edge: Edge) => void;
+  animated: boolean;
+  selected: boolean;
+}
 
-      store.dispatch.setSelectedElements({ id, source, target });
-      onClick({ id, source, target, type });
-    };
+export default (EdgeComponent: ComponentType<EdgeCompProps>) => {
+  const EdgeWrapper = memo(
+    ({
+      id,
+      source,
+      target,
+      type,
+      animated,
+      selected,
+      onClick,
+      ...rest
+    }: EdgeWrapperProps) => {
+      const edgeClasses = cx('react-flow__edge', { selected, animated });
+      const onEdgeClick = (evt: MouseEvent): void => {
+        if (isInputDOMNode(evt)) {
+          return;
+        }
 
-    return (
-      <g
-        className={edgeClasses}
-        onClick={onEdgeClick}
-      >
-        <EdgeComponent
-          id={id}
-          source={source}
-          target={target}
-          type={type}
-          animated={animated}
-          selected={selected}
-          onClick={onClick}
-          {...rest}
-        />
-      </g>
-    );
-  });
+        store.dispatch.setSelectedElements({ id, source, target });
+        onClick({ id, source, target, type });
+      };
+
+      return (
+        <g className={edgeClasses} onClick={onEdgeClick}>
+          <EdgeComponent
+            id={id}
+            source={source}
+            target={target}
+            type={type}
+            animated={animated}
+            selected={selected}
+            onClick={onClick}
+            {...rest}
+          />
+        </g>
+      );
+    }
+  );
 
   EdgeWrapper.displayName = 'EdgeWrapper';