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
This commit is contained in:
Vendored
+110
@@ -0,0 +1,110 @@
|
||||
import { CSSProperties, SVGAttributes } from 'react';
|
||||
export declare type ElementId = string;
|
||||
export declare type Elements = Array<Node | Edge>;
|
||||
export declare type Transform = [number, number, number];
|
||||
export declare type Position = 'left' | 'top' | 'right' | 'bottom';
|
||||
export declare type XYPosition = {
|
||||
x: number;
|
||||
y: number;
|
||||
};
|
||||
export declare enum GridType {
|
||||
Lines = "lines",
|
||||
Dots = "dots"
|
||||
}
|
||||
export declare type HandleType = 'source' | 'target';
|
||||
export declare type NodeTypesType = {
|
||||
[key: string]: React.ReactNode;
|
||||
};
|
||||
export declare type EdgeTypesType = NodeTypesType;
|
||||
export interface Dimensions {
|
||||
width: number;
|
||||
height: number;
|
||||
}
|
||||
export interface Rect extends Dimensions {
|
||||
x: number;
|
||||
y: number;
|
||||
}
|
||||
export interface SelectionRect extends Rect {
|
||||
startX: number;
|
||||
startY: number;
|
||||
draw: boolean;
|
||||
}
|
||||
export interface Node {
|
||||
id: ElementId;
|
||||
position: XYPosition;
|
||||
type?: string;
|
||||
__rg?: any;
|
||||
data?: any;
|
||||
style?: CSSProperties;
|
||||
}
|
||||
export interface Edge {
|
||||
id: ElementId;
|
||||
type?: string;
|
||||
source: ElementId;
|
||||
target: ElementId;
|
||||
style?: SVGAttributes<{}>;
|
||||
animated?: boolean;
|
||||
}
|
||||
export interface EdgeProps {
|
||||
sourceX: number;
|
||||
sourceY: number;
|
||||
targetX: number;
|
||||
targetY: number;
|
||||
style?: SVGAttributes<{}>;
|
||||
}
|
||||
export interface EdgeBezierProps extends EdgeProps {
|
||||
sourcePosition: Position;
|
||||
targetPosition: Position;
|
||||
}
|
||||
export interface NodeProps {
|
||||
id: ElementId;
|
||||
type: string;
|
||||
data: any;
|
||||
selected: boolean;
|
||||
style?: CSSProperties;
|
||||
}
|
||||
export interface NodeComponentProps {
|
||||
id: ElementId;
|
||||
type: string;
|
||||
data: any;
|
||||
selected?: boolean;
|
||||
transform?: Transform;
|
||||
xPos?: number;
|
||||
yPos?: number;
|
||||
onClick?: (node: Node) => void | undefined;
|
||||
onNodeDragStop?: () => any;
|
||||
style?: CSSProperties;
|
||||
}
|
||||
export declare type FitViewParams = {
|
||||
padding: number;
|
||||
};
|
||||
export declare type FitViewFunc = (fitViewOptions: FitViewParams) => void;
|
||||
declare type OnLoadParams = {
|
||||
zoomIn: () => void;
|
||||
zoomOut: () => void;
|
||||
fitView: FitViewFunc;
|
||||
};
|
||||
export declare type OnLoadFunc = (params: OnLoadParams) => void;
|
||||
export declare type Connection = {
|
||||
source: ElementId | null;
|
||||
target: ElementId | null;
|
||||
};
|
||||
export declare type OnConnectFunc = (params: Connection) => void;
|
||||
export interface HandleElement {
|
||||
id?: ElementId | null;
|
||||
position: Position;
|
||||
x: number;
|
||||
y: number;
|
||||
width: number;
|
||||
height: number;
|
||||
}
|
||||
export interface EdgeCompProps {
|
||||
id: ElementId;
|
||||
source: ElementId;
|
||||
target: ElementId;
|
||||
type: any;
|
||||
onClick?: (edge: Edge) => void;
|
||||
animated?: boolean;
|
||||
selected?: boolean;
|
||||
}
|
||||
export {};
|
||||
Reference in New Issue
Block a user