@xyflow/system/dist/umd/types/changes.d.ts

xyflow core system that powers React Flow and Svelte Flow.

import type { XYPosition, Dimensions, NodeBase, EdgeBase } from '.';
export type NodeDimensionChange = {
    id: string;
    type: 'dimensions';
    dimensions?: Dimensions;
    resizing?: boolean;
    setAttributes?: boolean | 'width' | 'height';
};
export type NodePositionChange = {
    id: string;
    type: 'position';
    position?: XYPosition;
    positionAbsolute?: XYPosition;
    dragging?: boolean;
};
export type NodeSelectionChange = {
    id: string;
    type: 'select';
    selected: boolean;
};
export type NodeRemoveChange = {
    id: string;
    type: 'remove';
};
export type NodeAddChange<NodeType extends NodeBase = NodeBase> = {
    item: NodeType;
    type: 'add';
    index?: number;
};
export type NodeReplaceChange<NodeType extends NodeBase = NodeBase> = {
    id: string;
    item: NodeType;
    type: 'replace';
};
/**
 * The [`onNodesChange`](/api-reference/react-flow#on-nodes-change) 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.
 * @public
 */
export type NodeChange<NodeType extends NodeBase = NodeBase> = NodeDimensionChange | NodePositionChange | NodeSelectionChange | NodeRemoveChange | NodeAddChange<NodeType> | NodeReplaceChange<NodeType>;
export type EdgeSelectionChange = NodeSelectionChange;
export type EdgeRemoveChange = NodeRemoveChange;
export type EdgeAddChange<EdgeType extends EdgeBase = EdgeBase> = {
    item: EdgeType;
    type: 'add';
    index?: number;
};
export type EdgeReplaceChange<EdgeType extends EdgeBase = EdgeBase> = {
    id: string;
    item: EdgeType;
    type: 'replace';
};
/**
 * The [`onEdgesChange`](/api-reference/react-flow#on-edges-change) callback takes
 *an array of `EdgeChange` objects that you should use to update your flow's state.
 *The `EdgeChange` type is a union of four different object types that represent that
 *various ways an edge can change in a flow.
 *
 * @public
 */
export type EdgeChange<EdgeType extends EdgeBase = EdgeBase> = EdgeSelectionChange | EdgeRemoveChange | EdgeAddChange<EdgeType> | EdgeReplaceChange<EdgeType>;
//# sourceMappingURL=changes.d.ts.map