@xyflow/react 12.0.0-next.16 → 12.0.0-next.17

package/dist/esm/components/NodeWrapper/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/react/src/components/NodeWrapper/index.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAgB,IAAI,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAExE,wBAAgB,WAAW,CAAC,QAAQ,SAAS,IAAI,EAAE,EACjD,EAAE,EACF,OAAO,EACP,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,aAAa,EACb,aAAa,EACb,cAAc,EACd,kBAAkB,EAClB,gBAAgB,EAChB,cAAc,EACd,cAAc,EACd,eAAe,EACf,cAAc,EACd,mBAAmB,EACnB,IAAI,EACJ,SAAS,EACT,UAAU,EACV,UAAU,EACV,OAAO,GACR,EAAE,gBAAgB,CAAC,QAAQ,CAAC,kDAwK5B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/react/src/components/NodeWrapper/index.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAgB,IAAI,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAExE,wBAAgB,WAAW,CAAC,QAAQ,SAAS,IAAI,EAAE,EACjD,EAAE,EACF,OAAO,EACP,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,aAAa,EACb,aAAa,EACb,cAAc,EACd,kBAAkB,EAClB,gBAAgB,EAChB,cAAc,EACd,cAAc,EACd,eAAe,EACf,cAAc,EACd,mBAAmB,EACnB,IAAI,EACJ,SAAS,EACT,UAAU,EACV,UAAU,EACV,OAAO,GACR,EAAE,gBAAgB,CAAC,QAAQ,CAAC,kDAkL5B"}

package/dist/esm/hooks/useReactFlow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useReactFlow.d.ts","sourceRoot":"","sources":["../../../../packages/react/src/hooks/useReactFlow.ts"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,iBAAiB,EAAY,IAAI,EAAE,IAAI,EAAgB,MAAM,UAAU,CAAC;AAEtF;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,EAAE,QAAQ,SAAS,IAAI,GAAG,IAAI,KAAK,iBAAiB,CAC3G,QAAQ,EACR,QAAQ,CACT,CAwPA"}
+{"version":3,"file":"useReactFlow.d.ts","sourceRoot":"","sources":["../../../../packages/react/src/hooks/useReactFlow.ts"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,IAAI,EAAgD,MAAM,UAAU,CAAC;AAI5G;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,EAAE,QAAQ,SAAS,IAAI,GAAG,IAAI,KAAK,iBAAiB,CAC3G,QAAQ,EACR,QAAQ,CACT,CAuLA"}

package/dist/esm/hooks/useViewportHelper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useViewportHelper.d.ts","sourceRoot":"","sources":["../../../../packages/react/src/hooks/useViewportHelper.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,uBAAuB,EAAkB,MAAM,UAAU,CAAC;AAIxE;;;;;GAKG;AACH,QAAA,MAAM,iBAAiB,QAAO,uBAwG7B,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"useViewportHelper.d.ts","sourceRoot":"","sources":["../../../../packages/react/src/hooks/useViewportHelper.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAExD;;;;;GAKG;AACH,QAAA,MAAM,iBAAiB,QAAO,uBAoG7B,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/esm/index.d.ts

@@ -31,6 +31,6 @@ export { applyNodeChanges, applyEdgeChanges } from './utils/changes';
 export { isNode, isEdge } from './utils/general';
 export * from './additional-components';
 export * from './types';
-export { type SmoothStepPathOptions, type BezierPathOptions, ConnectionLineType, type EdgeMarker, type EdgeMarkerType, MarkerType, type OnMove, type OnMoveStart, type OnMoveEnd, type Connection, type ConnectionStatus, ConnectionMode, type OnConnectStartParams, type OnConnectStart, type OnConnect, type OnConnectEnd, type Viewport, type SnapGrid, PanOnScrollMode, type ViewportHelperFunctionOptions, type SetCenterOptions, type FitBoundsOptions, type PanelPosition, type ProOptions, SelectionMode, type SelectionRect, type OnError, type NodeOrigin, type OnSelectionDrag, Position, type XYPosition, type XYZPosition, type Dimensions, type Rect, type Box, type Transform, type CoordinateExtent, type ColorMode, type ColorModeClass, type HandleType, type ShouldResize, type OnResizeStart, type OnResize, type OnResizeEnd, type ControlPosition, type ControlLinePosition, type ResizeControlVariant, type NodeChange, type NodeDimensionChange, type NodePositionChange, type NodeSelectionChange, type NodeRemoveChange, type NodeAddChange, type NodeReplaceChange, type EdgeChange, type EdgeSelectionChange, type EdgeRemoveChange, type EdgeAddChange, type EdgeReplaceChange, } from '@xyflow/system';
+export { type Align, type SmoothStepPathOptions, type BezierPathOptions, ConnectionLineType, type EdgeMarker, type EdgeMarkerType, MarkerType, type OnMove, type OnMoveStart, type OnMoveEnd, type Connection, type ConnectionStatus, ConnectionMode, type OnConnectStartParams, type OnConnectStart, type OnConnect, type OnConnectEnd, type Viewport, type SnapGrid, PanOnScrollMode, type ViewportHelperFunctionOptions, type SetCenterOptions, type FitBoundsOptions, type PanelPosition, type ProOptions, SelectionMode, type SelectionRect, type OnError, type NodeOrigin, type OnSelectionDrag, Position, type XYPosition, type XYZPosition, type Dimensions, type Rect, type Box, type Transform, type CoordinateExtent, type ColorMode, type ColorModeClass, type HandleType, type ShouldResize, type OnResizeStart, type OnResize, type OnResizeEnd, type ControlPosition, type ControlLinePosition, type ResizeControlVariant, type NodeChange, type NodeDimensionChange, type NodePositionChange, type NodeSelectionChange, type NodeRemoveChange, type NodeAddChange, type NodeReplaceChange, type EdgeChange, type EdgeSelectionChange, type EdgeRemoveChange, type EdgeAddChange, type EdgeReplaceChange, type KeyCode, } from '@xyflow/system';
 export { type GetBezierPathParams, getBezierEdgeCenter, getBezierPath, getEdgeCenter, type GetSmoothStepPathParams, getSmoothStepPath, type GetStraightPathParams, getStraightPath, getViewportForBounds, getNodesBounds, getIncomers, getOutgoers, addEdge, updateEdge, getConnectedEdges, } from '@xyflow/system';
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../packages/react/src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../packages/react/src/index.ts"],"names":[],"mappings":"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"}

package/dist/esm/index.js

@@ -1,7 +1,7 @@
 "use client"
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import cc from 'classcat';
-import { errorMessages, infiniteExtent, isInputDOMNode, fitView, getViewportForBounds, pointToRendererPoint, rendererPointToPoint, isNodeBase, isEdgeBase, getElementsToRemove, evaluateAbsolutePosition, nodeToRect, isRectObject, getOverlappingArea, getDimensions, XYPanZoom, PanOnScrollMode, SelectionMode, getEventPosition, getNodesInside, XYDrag, snapPosition, calculateNodePosition, Position, ConnectionMode, isMouseEvent, XYHandle, getHostForElement, addEdge, getInternalNodesBounds, nodeHasDimensions, getNodeDimensions, clampPosition, getPositionWithOrigin, elementSelectionKeys, isEdgeVisible, MarkerType, createMarkerIds, isNumeric, getBezierEdgeCenter, getSmoothStepPath, getStraightPath, getBezierPath, getEdgePosition, getElevatedEdgeZIndex, getMarkerId, ConnectionLineType, updateConnectionLookup, adoptUserNodes, devWarn, updateNodeInternals, updateAbsolutePositions, handleExpandParent, panBy, isMacOs, areConnectionMapsEqual, handleConnectionChange, shallowNodeData, getNodePositionWithOrigin, XYMinimap, getBoundsOfRects, ResizeControlVariant, XYResizer, XY_RESIZER_LINE_POSITIONS, XY_RESIZER_HANDLE_POSITIONS, getNodesBounds, getNodeToolbarTransform } from '@xyflow/system';
+import { errorMessages, infiniteExtent, isInputDOMNode, fitView, getViewportForBounds, pointToRendererPoint, rendererPointToPoint, isNodeBase, isEdgeBase, getElementsToRemove, isRectObject, nodeToRect, getOverlappingArea, evaluateAbsolutePosition, getDimensions, XYPanZoom, PanOnScrollMode, SelectionMode, getEventPosition, getNodesInside, XYDrag, snapPosition, calculateNodePosition, Position, ConnectionMode, isMouseEvent, XYHandle, getHostForElement, addEdge, getInternalNodesBounds, isNumeric, nodeHasDimensions, getNodeDimensions, clampPosition, getPositionWithOrigin, elementSelectionKeys, isEdgeVisible, MarkerType, createMarkerIds, getBezierEdgeCenter, getSmoothStepPath, getStraightPath, getBezierPath, getEdgePosition, getElevatedEdgeZIndex, getMarkerId, ConnectionLineType, updateConnectionLookup, adoptUserNodes, devWarn, updateNodeInternals, updateAbsolutePositions, handleExpandParent, panBy, isMacOs, areConnectionMapsEqual, handleConnectionChange, shallowNodeData, getNodePositionWithOrigin, XYMinimap, getBoundsOfRects, ResizeControlVariant, XYResizer, XY_RESIZER_LINE_POSITIONS, XY_RESIZER_HANDLE_POSITIONS, getNodesBounds, getNodeToolbarTransform } from '@xyflow/system';
 export { ConnectionLineType, ConnectionMode, MarkerType, PanOnScrollMode, Position, SelectionMode, addEdge, getBezierEdgeCenter, getBezierPath, getConnectedEdges, getEdgeCenter, getIncomers, getNodesBounds, getOutgoers, getSmoothStepPath, getStraightPath, getViewportForBounds, updateEdge } from '@xyflow/system';
 import { createContext, useContext, useMemo, useEffect, useRef, useState, forwardRef, useLayoutEffect, useCallback, memo } from 'react';
 import { useStoreWithEqualityFn, createWithEqualityFn } from 'zustand/traditional';
@@ -392,7 +392,6 @@ function useKeyOrCode(eventCode, keysToWatch) {
     return keysToWatch.includes(eventCode) ? 'code' : 'key';
 }
 
-const selector$m = (s) => !!s.panZoom;
 /**
  * Hook for getting viewport helper functions.
  *
@@ -401,8 +400,7 @@ const selector$m = (s) => !!s.panZoom;
  */
 const useViewportHelper = () => {
     const store = useStoreApi();
-    const panZoomInitialized = useStore(selector$m);
-    const viewportHelperFunctions = useMemo(() => {
+    return useMemo(() => {
         return {
             zoomIn: (options) => store.getState().panZoom?.scaleBy(1.2, { duration: options?.duration }),
             zoomOut: (options) => store.getState().panZoom?.scaleBy(1 / 1.2, { duration: options?.duration }),
@@ -474,10 +472,8 @@ const useViewportHelper = () => {
                     y: rendererPosition.y + domY,
                 };
             },
-            viewportInitialized: panZoomInitialized,
         };
-    }, [panZoomInitialized]);
-    return viewportHelperFunctions;
+    }, []);
 };
 
 // This function applies changes to nodes or edges that are triggered by React Flow internally.
@@ -661,6 +657,12 @@ function getElementsDiffChanges({ items = [], lookup, }) {
     }
     return changes;
 }
+function elementToRemoveChange(item) {
+    return {
+        id: item.id,
+        type: 'remove',
+    };
+}
 
 /**
  * Test whether an object is useable as a Node
@@ -798,6 +800,7 @@ function useBatchContext() {
     return batchContext;
 }
 
+const selector$m = (s) => !!s.panZoom;
 /**
  * Hook for accessing the ReactFlow instance.
  *
@@ -808,171 +811,140 @@ function useReactFlow() {
     const viewportHelper = useViewportHelper();
     const store = useStoreApi();
     const batchContext = useBatchContext();
-    const getNodes = useCallback(() => store.getState().nodes.map((n) => ({ ...n })), []);
-    const getInternalNode = useCallback((id) => store.getState().nodeLookup.get(id), []);
-    const getNode = useCallback((id) => getInternalNode(id)?.internals.userNode, [getInternalNode]);
-    const getEdges = useCallback(() => {
-        const { edges = [] } = store.getState();
-        return edges.map((e) => ({ ...e }));
-    }, []);
-    const getEdge = useCallback((id) => store.getState().edgeLookup.get(id), []);
-    const setNodes = useCallback((payload) => {
-        batchContext.nodeQueue.push(payload);
-    }, []);
-    const setEdges = useCallback((payload) => {
-        batchContext.edgeQueue.push(payload);
-    }, []);
-    const addNodes = useCallback((payload) => {
-        const newNodes = Array.isArray(payload) ? payload : [payload];
-        batchContext.nodeQueue.push((nodes) => [...nodes, ...newNodes]);
-    }, []);
-    const addEdges = useCallback((payload) => {
-        const newEdges = Array.isArray(payload) ? payload : [payload];
-        batchContext.edgeQueue.push((edges) => [...edges, ...newEdges]);
-    }, []);
-    const toObject = useCallback(() => {
-        const { nodes = [], edges = [], transform } = store.getState();
-        const [x, y, zoom] = transform;
+    const viewportInitialized = useStore(selector$m);
+    const generalHelper = useMemo(() => {
+        const getInternalNode = (id) => store.getState().nodeLookup.get(id);
+        const setNodes = (payload) => {
+            batchContext.nodeQueue.push(payload);
+        };
+        const getNodeRect = (node) => {
+            const { nodeLookup, nodeOrigin } = store.getState();
+            const nodeToUse = isNode(node) ? node : nodeLookup.get(node.id);
+            const position = nodeToUse.parentId
+                ? evaluateAbsolutePosition(nodeToUse.position, nodeToUse.parentId, nodeLookup, nodeOrigin)
+                : nodeToUse.position;
+            const nodeWithPosition = {
+                id: nodeToUse.id,
+                position,
+                width: nodeToUse.measured?.width ?? nodeToUse.width,
+                height: nodeToUse.measured?.height ?? nodeToUse.height,
+                data: nodeToUse.data,
+            };
+            return nodeToRect(nodeWithPosition);
+        };
+        const updateNode = (id, nodeUpdate, options = { replace: false }) => {
+            setNodes((prevNodes) => prevNodes.map((node) => {
+                if (node.id === id) {
+                    const nextNode = typeof nodeUpdate === 'function' ? nodeUpdate(node) : nodeUpdate;
+                    return options.replace && isNode(nextNode) ? nextNode : { ...node, ...nextNode };
+                }
+                return node;
+            }));
+        };
         return {
-            nodes: nodes.map((n) => ({ ...n })),
-            edges: edges.map((e) => ({ ...e })),
-            viewport: {
-                x,
-                y,
-                zoom,
+            getNodes: () => store.getState().nodes.map((n) => ({ ...n })),
+            getNode: (id) => getInternalNode(id)?.internals.userNode,
+            getInternalNode,
+            getEdges: () => {
+                const { edges = [] } = store.getState();
+                return edges.map((e) => ({ ...e }));
+            },
+            getEdge: (id) => store.getState().edgeLookup.get(id),
+            setNodes,
+            setEdges: (payload) => {
+                batchContext.edgeQueue.push(payload);
+            },
+            addNodes: (payload) => {
+                const newNodes = Array.isArray(payload) ? payload : [payload];
+                batchContext.nodeQueue.push((nodes) => [...nodes, ...newNodes]);
+            },
+            addEdges: (payload) => {
+                const newEdges = Array.isArray(payload) ? payload : [payload];
+                batchContext.edgeQueue.push((edges) => [...edges, ...newEdges]);
+            },
+            toObject: () => {
+                const { nodes = [], edges = [], transform } = store.getState();
+                const [x, y, zoom] = transform;
+                return {
+                    nodes: nodes.map((n) => ({ ...n })),
+                    edges: edges.map((e) => ({ ...e })),
+                    viewport: {
+                        x,
+                        y,
+                        zoom,
+                    },
+                };
+            },
+            deleteElements: async ({ nodes: nodesToRemove = [], edges: edgesToRemove = [] }) => {
+                const { nodes, edges, onNodesDelete, onEdgesDelete, triggerNodeChanges, triggerEdgeChanges, onDelete, onBeforeDelete, } = store.getState();
+                const { nodes: matchingNodes, edges: matchingEdges } = await getElementsToRemove({
+                    nodesToRemove,
+                    edgesToRemove,
+                    nodes,
+                    edges,
+                    onBeforeDelete,
+                });
+                const hasMatchingEdges = matchingEdges.length > 0;
+                const hasMatchingNodes = matchingNodes.length > 0;
+                if (hasMatchingEdges) {
+                    const edgeChanges = matchingEdges.map(elementToRemoveChange);
+                    onEdgesDelete?.(matchingEdges);
+                    triggerEdgeChanges(edgeChanges);
+                }
+                if (hasMatchingNodes) {
+                    const nodeChanges = matchingNodes.map(elementToRemoveChange);
+                    onNodesDelete?.(matchingNodes);
+                    triggerNodeChanges(nodeChanges);
+                }
+                if (hasMatchingNodes || hasMatchingEdges) {
+                    onDelete?.({ nodes: matchingNodes, edges: matchingEdges });
+                }
+                return { deletedNodes: matchingNodes, deletedEdges: matchingEdges };
+            },
+            getIntersectingNodes: (nodeOrRect, partially = true, nodes) => {
+                const isRect = isRectObject(nodeOrRect);
+                const nodeRect = isRect ? nodeOrRect : getNodeRect(nodeOrRect);
+                const hasNodesOption = nodes !== undefined;
+                if (!nodeRect) {
+                    return [];
+                }
+                return (nodes || store.getState().nodes).filter((n) => {
+                    const internalNode = store.getState().nodeLookup.get(n.id);
+                    if (internalNode && !isRect && (n.id === nodeOrRect.id || !internalNode.internals.positionAbsolute)) {
+                        return false;
+                    }
+                    const currNodeRect = nodeToRect(hasNodesOption ? n : internalNode);
+                    const overlappingArea = getOverlappingArea(currNodeRect, nodeRect);
+                    const partiallyVisible = partially && overlappingArea > 0;
+                    return partiallyVisible || overlappingArea >= nodeRect.width * nodeRect.height;
+                });
+            },
+            isNodeIntersecting: (nodeOrRect, area, partially = true) => {
+                const isRect = isRectObject(nodeOrRect);
+                const nodeRect = isRect ? nodeOrRect : getNodeRect(nodeOrRect);
+                if (!nodeRect) {
+                    return false;
+                }
+                const overlappingArea = getOverlappingArea(nodeRect, area);
+                const partiallyVisible = partially && overlappingArea > 0;
+                return partiallyVisible || overlappingArea >= nodeRect.width * nodeRect.height;
+            },
+            updateNode,
+            updateNodeData: (id, dataUpdate, options = { replace: false }) => {
+                updateNode(id, (node) => {
+                    const nextData = typeof dataUpdate === 'function' ? dataUpdate(node) : dataUpdate;
+                    return options.replace ? { ...node, data: nextData } : { ...node, data: { ...node.data, ...nextData } };
+                }, options);
             },
         };
     }, []);
-    const deleteElements = useCallback(async ({ nodes: nodesToRemove = [], edges: edgesToRemove = [] }) => {
-        const { nodes, edges, hasDefaultNodes, hasDefaultEdges, onNodesDelete, onEdgesDelete, onNodesChange, onEdgesChange, onDelete, onBeforeDelete, } = store.getState();
-        const { nodes: matchingNodes, edges: matchingEdges } = await getElementsToRemove({
-            nodesToRemove,
-            edgesToRemove,
-            nodes,
-            edges,
-            onBeforeDelete,
-        });
-        const hasMatchingEdges = matchingEdges.length > 0;
-        const hasMatchingNodes = matchingNodes.length > 0;
-        if (hasMatchingEdges) {
-            if (hasDefaultEdges) {
-                const nextEdges = edges.filter((e) => !matchingEdges.some((mE) => mE.id === e.id));
-                store.getState().setEdges(nextEdges);
-            }
-            onEdgesDelete?.(matchingEdges);
-            onEdgesChange?.(matchingEdges.map((edge) => ({
-                id: edge.id,
-                type: 'remove',
-            })));
-        }
-        if (hasMatchingNodes) {
-            if (hasDefaultNodes) {
-                const nextNodes = nodes.filter((n) => !matchingNodes.some((mN) => mN.id === n.id));
-                store.getState().setNodes(nextNodes);
-            }
-            onNodesDelete?.(matchingNodes);
-            onNodesChange?.(matchingNodes.map((node) => ({ id: node.id, type: 'remove' })));
-        }
-        if (hasMatchingNodes || hasMatchingEdges) {
-            onDelete?.({ nodes: matchingNodes, edges: matchingEdges });
-        }
-        return { deletedNodes: matchingNodes, deletedEdges: matchingEdges };
-    }, []);
-    const getNodeRect = useCallback((node) => {
-        const { nodeLookup, nodeOrigin } = store.getState();
-        const nodeToUse = isNode(node) ? node : nodeLookup.get(node.id);
-        const position = nodeToUse.parentId
-            ? evaluateAbsolutePosition(nodeToUse.position, nodeToUse.parentId, nodeLookup, nodeOrigin)
-            : nodeToUse.position;
-        const nodeWithPosition = {
-            id: nodeToUse.id,
-            position,
-            width: nodeToUse.measured?.width ?? nodeToUse.width,
-            height: nodeToUse.measured?.height ?? nodeToUse.height,
-            data: nodeToUse.data,
-        };
-        return nodeToRect(nodeWithPosition);
-    }, []);
-    const getIntersectingNodes = useCallback((nodeOrRect, partially = true, nodes) => {
-        const isRect = isRectObject(nodeOrRect);
-        const nodeRect = isRect ? nodeOrRect : getNodeRect(nodeOrRect);
-        const hasNodesOption = nodes !== undefined;
-        if (!nodeRect) {
-            return [];
-        }
-        return (nodes || store.getState().nodes).filter((n) => {
-            const internalNode = store.getState().nodeLookup.get(n.id);
-            if (internalNode && !isRect && (n.id === nodeOrRect.id || !internalNode.internals.positionAbsolute)) {
-                return false;
-            }
-            const currNodeRect = nodeToRect(hasNodesOption ? n : internalNode);
-            const overlappingArea = getOverlappingArea(currNodeRect, nodeRect);
-            const partiallyVisible = partially && overlappingArea > 0;
-            return partiallyVisible || overlappingArea >= nodeRect.width * nodeRect.height;
-        });
-    }, []);
-    const isNodeIntersecting = useCallback((nodeOrRect, area, partially = true) => {
-        const isRect = isRectObject(nodeOrRect);
-        const nodeRect = isRect ? nodeOrRect : getNodeRect(nodeOrRect);
-        if (!nodeRect) {
-            return false;
-        }
-        const overlappingArea = getOverlappingArea(nodeRect, area);
-        const partiallyVisible = partially && overlappingArea > 0;
-        return partiallyVisible || overlappingArea >= nodeRect.width * nodeRect.height;
-    }, []);
-    const updateNode = useCallback((id, nodeUpdate, options = { replace: false }) => {
-        setNodes((prevNodes) => prevNodes.map((node) => {
-            if (node.id === id) {
-                const nextNode = typeof nodeUpdate === 'function' ? nodeUpdate(node) : nodeUpdate;
-                return options.replace && isNode(nextNode) ? nextNode : { ...node, ...nextNode };
-            }
-            return node;
-        }));
-    }, [setNodes]);
-    const updateNodeData = useCallback((id, dataUpdate, options = { replace: false }) => {
-        updateNode(id, (node) => {
-            const nextData = typeof dataUpdate === 'function' ? dataUpdate(node) : dataUpdate;
-            return options.replace ? { ...node, data: nextData } : { ...node, data: { ...node.data, ...nextData } };
-        }, options);
-    }, [updateNode]);
     return useMemo(() => {
         return {
+            ...generalHelper,
             ...viewportHelper,
-            getNodes,
-            getNode,
-            getInternalNode,
-            getEdges,
-            getEdge,
-            setNodes,
-            setEdges,
-            addNodes,
-            addEdges,
-            toObject,
-            deleteElements,
-            getIntersectingNodes,
-            isNodeIntersecting,
-            updateNode,
-            updateNodeData,
+            viewportInitialized,
         };
-    }, [
-        viewportHelper,
-        getNodes,
-        getNode,
-        getInternalNode,
-        getEdges,
-        getEdge,
-        setNodes,
-        setEdges,
-        addNodes,
-        addEdges,
-        toObject,
-        deleteElements,
-        getIntersectingNodes,
-        isNodeIntersecting,
-        updateNode,
-        updateNodeData,
-    ]);
+    }, [viewportInitialized]);
 }
 
 const selected = (item) => item.selected;
@@ -1593,8 +1565,8 @@ const selector$h = (s) => {
         filter: (node) => !!node.selected,
     });
     return {
-        width,
-        height,
+        width: isNumeric(width) ? width : null,
+        height: isNumeric(height) ? height : null,
         userSelectionActive: s.userSelectionActive,
         transformString: `translate(${s.transform[0]}px,${s.transform[1]}px) scale(${s.transform[2]}) translate(${x}px,${y}px)`,
     };
@@ -1797,11 +1769,21 @@ function NodeWrapper({ id, onClick, onMouseEnter, onMouseMove, onMouseLeave, onC
         origin: node.origin || nodeOrigin,
     });
     const hasPointerEvents = isSelectable || isDraggable || onClick || onMouseEnter || onMouseMove || onMouseLeave;
-    const onMouseEnterHandler = onMouseEnter ? (event) => onMouseEnter(event, { ...node }) : undefined;
-    const onMouseMoveHandler = onMouseMove ? (event) => onMouseMove(event, { ...node }) : undefined;
-    const onMouseLeaveHandler = onMouseLeave ? (event) => onMouseLeave(event, { ...node }) : undefined;
-    const onContextMenuHandler = onContextMenu ? (event) => onContextMenu(event, { ...node }) : undefined;
-    const onDoubleClickHandler = onDoubleClick ? (event) => onDoubleClick(event, { ...node }) : undefined;
+    const onMouseEnterHandler = onMouseEnter
+        ? (event) => onMouseEnter(event, { ...internals.userNode })
+        : undefined;
+    const onMouseMoveHandler = onMouseMove
+        ? (event) => onMouseMove(event, { ...internals.userNode })
+        : undefined;
+    const onMouseLeaveHandler = onMouseLeave
+        ? (event) => onMouseLeave(event, { ...internals.userNode })
+        : undefined;
+    const onContextMenuHandler = onContextMenu
+        ? (event) => onContextMenu(event, { ...internals.userNode })
+        : undefined;
+    const onDoubleClickHandler = onDoubleClick
+        ? (event) => onDoubleClick(event, { ...internals.userNode })
+        : undefined;
     const onSelectNodeHandler = (event) => {
         const { selectNodesOnDrag, nodeDragThreshold } = store.getState();
         if (isSelectable && (!selectNodesOnDrag || !isDraggable || nodeDragThreshold > 0)) {
@@ -1814,7 +1796,7 @@ function NodeWrapper({ id, onClick, onMouseEnter, onMouseMove, onMouseLeave, onC
             });
         }
         if (onClick) {
-            onClick(event, { ...node });
+            onClick(event, { ...internals.userNode });
         }
     };
     const onKeyDown = (event) => {
@@ -2651,7 +2633,7 @@ const createStore = ({ nodes, edges, defaultNodes, defaultEdges, width, height,
     // changes its dimensions, this function is called to measure the
     // new dimensions and update the nodes.
     updateNodeInternals: (updates) => {
-        const { onNodesChange, fitView, nodeLookup, parentLookup, fitViewOnInit, fitViewDone, fitViewOnInitOptions, domNode, nodeOrigin, debug, } = get();
+        const { triggerNodeChanges, fitView, nodeLookup, parentLookup, fitViewOnInit, fitViewDone, fitViewOnInitOptions, domNode, nodeOrigin, debug, } = get();
         const { changes, updatedInternals } = updateNodeInternals(updates, nodeLookup, parentLookup, domNode, nodeOrigin);
         if (!updatedInternals) {
             return;
@@ -2675,7 +2657,7 @@ const createStore = ({ nodes, edges, defaultNodes, defaultEdges, width, height,
             if (debug) {
                 console.log('React Flow: trigger node changes', changes);
             }
-            onNodesChange?.(changes);
+            triggerNodeChanges?.(changes);
         }
     },
     updateNodePositions: (nodeDragItems, dragging = false) => {