Interface: Actions

Hierarchy

• ViewportFunctions

  ↳ Actions

Table of contents

Properties

• $destroy
• $reset
• addEdges
• addNodes
• addSelectedEdges
• addSelectedElements
• addSelectedNodes
• applyEdgeChanges
• applyNodeChanges
• endConnection
• findEdge
• findNode
• fitBounds
• fitView
• fromObject
• getConnectedEdges
• getIncomers
• getIntersectingNodes
• getOutgoers
• getTransform
• getViewport
• isNodeIntersecting
• panBy
• project
• removeEdges
• removeNodes
• removeSelectedEdges
• removeSelectedElements
• removeSelectedNodes
• setCenter
• setEdges
• setElements
• setInteractive
• setMaxZoom
• setMinZoom
• setNodeExtent
• setNodes
• setState
• setTransform
• setTranslateExtent
• setViewport
• startConnection
• toObject
• updateConnection
• updateEdge
• updateNodeDimensions
• updateNodeInternals
• updateNodePositions
• zoomIn
• zoomOut
• zoomTo

Properties

$destroy

• $destroy: () => void

Type declaration

▸ (): void

remove store instance from global storage and destroy it (will invalidate effect scopes)

Returns

void

---

$reset

• $reset: () => void

Type declaration

▸ (): void

reset state to defaults

Returns

void

---

addEdges

• addEdges: AddEdges

parses edges and adds to state

---

addNodes

• addNodes: AddNodes

parses nodes and adds to state

---

addSelectedEdges

• addSelectedEdges: (edges: GraphEdge<any, any, string>[]) => void

Type declaration

▸ (edges): void

manually select edges and add to state

Parameters

Name	Type
edges	GraphEdge<any, any, string>[]

Returns

void

---

addSelectedElements

• addSelectedElements: (elements: FlowElements<any, any, any, any>) => void

Type declaration

▸ (elements): void

manually select elements and add to state

Parameters

Name	Type
elements	FlowElements<any, any, any, any>

Returns

void

---

addSelectedNodes

• addSelectedNodes: (nodes: GraphNode<any, any, string>[]) => void

Type declaration

▸ (nodes): void

manually select nodes and add to state

Parameters

Name	Type
nodes	GraphNode<any, any, string>[]

Returns

void

---

applyEdgeChanges

• applyEdgeChanges: (changes: EdgeChange[]) => GraphEdge<any, any, string>[]

Type declaration

▸ (changes): GraphEdge<any, any, string>[]

applies default edge change handler

Parameters

Name	Type
changes	EdgeChange[]

Returns

GraphEdge<any, any, string>[]

---

applyNodeChanges

• applyNodeChanges: (changes: NodeChange[]) => GraphNode<any, any, string>[]

Type declaration

▸ (changes): GraphNode<any, any, string>[]

applies default node change handler

Parameters

Name	Type
changes	NodeChange[]

Returns

GraphNode<any, any, string>[]

---

endConnection

• endConnection: (event?: MouseEvent | TouchEvent, isClick?: boolean) => void

Type declaration

▸ (event?, isClick?): void

end (or cancel) a connection

Parameters

Name	Type
event?	MouseEvent | TouchEvent
isClick?	boolean

Returns

void

---

findEdge

• findEdge: FindEdge

find an edge by id

---

findNode

• findNode: FindNode

find a node by id

---

fitBounds

• fitBounds: FitBounds

Inherited from

ViewportFunctions.fitBounds

---

fitView

• fitView: FitView

Inherited from

ViewportFunctions.fitView

---

fromObject

• fromObject: (obj: FlowExportObject) => Promise<boolean>

Type declaration

▸ (obj): Promise<boolean>

load graph from export obj

Parameters

Name	Type
obj	FlowExportObject

Returns

Promise<boolean>

---

getConnectedEdges

• getConnectedEdges: (nodesOrId: string | Node<any, any, string>[]) => GraphEdge<any, any, string>[]

Type declaration

▸ (nodesOrId): GraphEdge<any, any, string>[]

get a node's connected edges

Parameters

Name	Type
nodesOrId	string | Node<any, any, string>[]

Returns

GraphEdge<any, any, string>[]

---

getIncomers

• getIncomers: (nodeOrId: string | Node<any, any, string>) => GraphNode<any, any, string>[]

Type declaration

▸ (nodeOrId): GraphNode<any, any, string>[]

get a node's incomers

Parameters

Name	Type
nodeOrId	string | Node<any, any, string>

Returns

GraphNode<any, any, string>[]

---

getIntersectingNodes

• getIntersectingNodes: GetIntersectingNodes

returns all node intersections

---

getOutgoers

• getOutgoers: (nodeOrId: string | Node<any, any, string>) => GraphNode<any, any, string>[]

Type declaration

▸ (nodeOrId): GraphNode<any, any, string>[]

get a node's outgoers

Parameters

Name	Type
nodeOrId	string | Node<any, any, string>

Returns

GraphNode<any, any, string>[]

---

getTransform

• getTransform: GetViewport

Deprecated

use getViewport instead

Inherited from

ViewportFunctions.getTransform

---

getViewport

• getViewport: GetViewport

Inherited from

ViewportFunctions.getViewport

---

isNodeIntersecting

• isNodeIntersecting: IsNodeIntersecting

check if a node is intersecting with a defined area

---

panBy

• panBy: (delta: XYPosition) => boolean

Type declaration

▸ (delta): boolean

pan the viewport; return indicates if a transform has happened or not

Parameters

Name	Type
delta	XYPosition

Returns

boolean

---

project

• project: Project

Inherited from

ViewportFunctions.project

---

removeEdges

• removeEdges: RemoveEdges

remove edges from state

---

removeNodes

• removeNodes: RemoveNodes

remove nodes (and possibly connected edges and children) from state

---

removeSelectedEdges

• removeSelectedEdges: (edges: GraphEdge<any, any, string>[]) => void

Type declaration

▸ (edges): void

manually unselect edges and remove from state

Parameters

Name	Type
edges	GraphEdge<any, any, string>[]

Returns

void

---

removeSelectedElements

• removeSelectedElements: (elements?: Elements<any, any, any, any>) => void

Type declaration

▸ (elements?): void

unselect selected elements (if none are passed, all elements are unselected)

Parameters

Name	Type
elements?	Elements<any, any, any, any>

Returns

void

---

removeSelectedNodes

• removeSelectedNodes: (nodes: GraphNode<any, any, string>[]) => void

Type declaration

▸ (nodes): void

manually unselect nodes and remove from state

Parameters

Name	Type
nodes	GraphNode<any, any, string>[]

Returns

void

---

setCenter

• setCenter: SetCenter

Inherited from

ViewportFunctions.setCenter

---

setEdges

• setEdges: SetEdges

parses edges and re-sets the state

---

setElements

• setElements: SetElements

parses elements (nodes + edges) and re-sets the state

---

setInteractive

• setInteractive: (isInteractive: boolean) => void

Type declaration

▸ (isInteractive): void

enable/disable node interaction (dragging, selecting etc)

Parameters

Name	Type
isInteractive	boolean

Returns

void

---

setMaxZoom

• setMaxZoom: (zoom: number) => void

Type declaration

▸ (zoom): void

apply max zoom value to d3

Parameters

Name	Type
zoom	number

Returns

void

---

setMinZoom

• setMinZoom: (zoom: number) => void

Type declaration

▸ (zoom): void

apply min zoom value to d3

Parameters

Name	Type
zoom	number

Returns

void

---

setNodeExtent

• setNodeExtent: (nodeExtent: CoordinateExtent | CoordinateExtentRange) => void

Type declaration

▸ (nodeExtent): void

apply extent to nodes

Parameters

Name	Type
nodeExtent	CoordinateExtent | CoordinateExtentRange

Returns

void

---

setNodes

• setNodes: SetNodes

parses nodes and re-sets the state

---

setState

• setState: SetState

set new state

---

setTransform

• setTransform: SetViewport

Deprecated

use setViewport instead

Inherited from

ViewportFunctions.setTransform

---

setTranslateExtent

• setTranslateExtent: (translateExtent: CoordinateExtent) => void

Type declaration

▸ (translateExtent): void

apply translate extent to d3

Parameters

Name	Type
translateExtent	CoordinateExtent

Returns

void

---

setViewport

• setViewport: SetViewport

Inherited from

ViewportFunctions.setViewport

---

startConnection

• startConnection: (startHandle: ConnectingHandle, position?: XYPosition, event?: MouseEvent | TouchEvent, isClick?: boolean) => void

Type declaration

▸ (startHandle, position?, event?, isClick?): void

start a connection

Parameters

Name	Type
startHandle	ConnectingHandle
position?	XYPosition
event?	MouseEvent | TouchEvent
isClick?	boolean

Returns

void

---

toObject

• toObject: () => FlowExportObject

Type declaration

▸ (): FlowExportObject

return an object of graph values (elements, viewport transform) for storage and re-loading a graph

Returns

FlowExportObject

---

updateConnection

• updateConnection: (position: XYPosition, result?: null | ConnectingHandle, status?: null | ConnectionStatus) => void

Type declaration

▸ (position, result?, status?): void

update connection position

Parameters

Name	Type
position	XYPosition
result?	null | ConnectingHandle
status?	null | ConnectionStatus

Returns

void

---

updateEdge

• updateEdge: UpdateEdge

updates an edge

---

updateNodeDimensions

• updateNodeDimensions: UpdateNodeDimensions

internal dimensions' updater, you probably don't want to use this

---

updateNodeInternals

• updateNodeInternals: UpdateNodeInternals

force update node internal data, if handle bounds are incorrect, you might want to use this

---

updateNodePositions

• updateNodePositions: UpdateNodePosition

internal position updater, you probably don't want to use this

---

zoomIn

• zoomIn: ZoomInOut

Inherited from

ViewportFunctions.zoomIn

---

zoomOut

• zoomOut: ZoomInOut

Inherited from

ViewportFunctions.zoomOut

---

zoomTo

• zoomTo: ZoomTo

Inherited from

ViewportFunctions.zoomTo