Reference
NodeChange

NodeChange

Source on GitHub (opens in a new tab)

The onNodesChange callback takes an array of NodeChange objects that you should use to update your flow's state. The NodeChange type is a union of six different object types that represent that various ways an node can change in a flow.

export type NodeChange =
  | NodeDimensionChange
  | NodePositionChange
  | NodeSelectionChange
  | NodeRemoveChange
  | NodeAddChange
  | NodeReplaceChange;

Variant types

NodeDimensionChange

#id
string
#type
"dimensions"
#dimensions?
Dimensions
#updateStyle?
boolean
#resizing?
boolean

NodePositionChange

#id
string
#type
"position"
#position?
#positionAbsolute?
#dragging?
boolean

NodeSelectionChange

#id
string
#type
"select"
#selected
boolean

NodeRemoveChange

#id
string
#type
"remove"

NodeAddChange

#item
Node<T>
#type
"add"

NodeReplaceChange

#id
string
#item
Node<NodeType>
#type
"replace"