fix: use global nodeExtent if node.extent is undefined

package/src/store/state.ts

@@ -54,15 +54,16 @@ const defaultState = (): State => ({
   d3ZoomHandler: null,
   minZoom: 0.5,
   maxZoom: 2,
+
   translateExtent: [
     [Number.NEGATIVE_INFINITY, Number.NEGATIVE_INFINITY],
     [Number.POSITIVE_INFINITY, Number.POSITIVE_INFINITY],
   ],
-
   nodeExtent: [
     [Number.NEGATIVE_INFINITY, Number.NEGATIVE_INFINITY],
     [Number.POSITIVE_INFINITY, Number.POSITIVE_INFINITY],
   ],
+
   preventScrolling: true,
   zoomOnScroll: true,
   zoomOnPinch: true,

package/src/types/node.ts

@@ -2,6 +2,7 @@ import { XYPosition, Position, SnapGrid, Element, XYZPosition, Dimensions } from
 import { DefaultNodeTypes } from './components'
 import { HandleElement, ValidConnectionFunc } from './handle'
 
+/** Defined as [[x-from, y-from], [x-to, y-to]] **/
 export type CoordinateExtent = [[number, number], [number, number]]
 
 export type NodeHandleBounds = {

package/src/utils/changes.ts

@@ -150,7 +150,7 @@ export const createPositionChange = (
 
   if (diff) {
     const nextPosition = { x: node.position.x + diff.x, y: node.position.y + diff.y }
-    let currentExtent = node.extent === 'parent' ? nodeExtent : node.extent
+    let currentExtent = node.extent === 'parent' || typeof node.extent === 'undefined' ? nodeExtent : node.extent
 
     if (node.extent === 'parent' && parent && node.dimensions.width && node.dimensions.height) {
       currentExtent =