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
@@ -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;