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

dist/container/EdgeRenderer/index.d.ts

@@ -0,0 +1,11 @@
+import React, { SVGAttributes } from 'react';
+interface EdgeRendererProps {
+    width: number;
+    height: number;
+    edgeTypes: any;
+    connectionLineStyle?: SVGAttributes<{}>;
+    connectionLineType?: string;
+    onElementClick?: () => void;
+}
+declare const EdgeRenderer: React.MemoExoticComponent<({ width, height, connectionLineStyle, connectionLineType, ...rest }: EdgeRendererProps) => JSX.Element | null>;
+export default EdgeRenderer;

dist/container/EdgeRenderer/utils.d.ts

@@ -0,0 +1,2 @@
+import { EdgeTypesType } from '../../types';
+export declare function createEdgeTypes(edgeTypes: EdgeTypesType): EdgeTypesType;

dist/container/GraphView/index.d.ts

@@ -0,0 +1,25 @@
+import React, { SVGAttributes } from 'react';
+import { Elements, NodeTypesType, EdgeTypesType, GridType, OnLoadFunc } from '../../types';
+export interface GraphViewProps {
+    elements: Elements;
+    onElementClick: () => void;
+    onElementsRemove: (elements: Elements) => void;
+    onNodeDragStop: () => void;
+    onConnect: () => void;
+    onLoad: OnLoadFunc;
+    onMove: () => void;
+    selectionKeyCode: number;
+    nodeTypes: NodeTypesType;
+    edgeTypes: EdgeTypesType;
+    connectionLineType: string;
+    connectionLineStyle: SVGAttributes<{}>;
+    deleteKeyCode: number;
+    showBackground: boolean;
+    backgroundGap: number;
+    backgroundColor: string;
+    backgroundType: GridType;
+    snapToGrid: boolean;
+    snapGrid: [number, number];
+}
+declare const GraphView: React.MemoExoticComponent<({ nodeTypes, edgeTypes, onMove, onLoad, onElementClick, onNodeDragStop, connectionLineType, connectionLineStyle, selectionKeyCode, onElementsRemove, deleteKeyCode, elements, showBackground, backgroundGap, backgroundColor, backgroundType, onConnect, snapToGrid, snapGrid, }: GraphViewProps) => JSX.Element>;
+export default GraphView;

dist/container/NodeRenderer/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { NodeTypesType } from '../../types';
+interface NodeRendererProps {
+    nodeTypes: NodeTypesType;
+    onElementClick: () => void;
+    onNodeDragStop: () => void;
+}
+declare const NodeRenderer: React.MemoExoticComponent<(props: NodeRendererProps) => JSX.Element>;
+export default NodeRenderer;

dist/container/NodeRenderer/utils.d.ts

@@ -0,0 +1,2 @@
+import { NodeTypesType } from '../../types';
+export declare function createNodeTypes(nodeTypes: NodeTypesType): NodeTypesType;

dist/container/ReactFlow/index.d.ts

@@ -0,0 +1,57 @@
+import React, { SVGAttributes, HTMLAttributes } from 'react';
+import { Elements, NodeTypesType, EdgeTypesType, GridType, OnLoadFunc } from '../../types';
+import '../../style.css';
+export interface ReactFlowProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onLoad'> {
+    elements: Elements;
+    onElementClick: () => void;
+    onElementsRemove: (elements: Elements) => void;
+    onNodeDragStop: () => void;
+    onConnect: () => void;
+    onLoad: OnLoadFunc;
+    onMove: () => void;
+    nodeTypes: NodeTypesType;
+    edgeTypes: EdgeTypesType;
+    connectionLineType: string;
+    connectionLineStyle: SVGAttributes<{}>;
+    deleteKeyCode: number;
+    selectionKeyCode: number;
+    showBackground: boolean;
+    backgroundGap: number;
+    backgroundColor: string;
+    backgroundType: GridType;
+    snapToGrid: boolean;
+    snapGrid: [16, 16];
+}
+declare const ReactFlow: {
+    ({ style, onElementClick, elements, children, nodeTypes, edgeTypes, onLoad, onMove, onElementsRemove, onConnect, onNodeDragStop, connectionLineType, connectionLineStyle, deleteKeyCode, selectionKeyCode, showBackground, backgroundGap, backgroundType, backgroundColor, snapToGrid, snapGrid, }: ReactFlowProps): JSX.Element;
+    displayName: string;
+    defaultProps: {
+        onElementClick: () => void;
+        onElementsRemove: () => void;
+        onNodeDragStop: () => void;
+        onConnect: () => void;
+        onLoad: () => void;
+        onMove: () => void;
+        nodeTypes: {
+            input: ({ data, style }: import("../../types").NodeProps) => JSX.Element;
+            default: ({ data, style }: import("../../types").NodeProps) => JSX.Element;
+            output: ({ data, style }: import("../../types").NodeProps) => JSX.Element;
+        };
+        edgeTypes: {
+            default: React.MemoExoticComponent<({ sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, style, }: import("../../types").EdgeBezierProps) => JSX.Element>;
+            straight: React.MemoExoticComponent<({ sourceX, sourceY, targetX, targetY, style }: import("../../types").EdgeProps) => JSX.Element>;
+            step: React.MemoExoticComponent<({ sourceX, sourceY, targetX, targetY, style }: import("../../types").EdgeProps) => JSX.Element>;
+        };
+        connectionLineType: string;
+        connectionLineStyle: {};
+        deleteKeyCode: number;
+        selectionKeyCode: number;
+        backgroundColor: string;
+        backgroundGap: number;
+        showBackground: boolean;
+        backgroundType: GridType;
+        snapToGrid: boolean;
+        snapGrid: number[];
+    };
+};
+export default ReactFlow;