feat(core): add clampPositionToParent util

Signed-off-by: braks <[email protected]>

packages/core/src/utils/general.ts

@@ -1,4 +1,5 @@
-import type { GraphNode } from '../types'
+import type { Dimensions, GraphNode, XYPosition } from '../types'
+import { clampPosition } from './graph'
 
 export function isMouseEvent(event: MouseEvent | TouchEvent): event is MouseEvent {
   return 'clientX' in event
@@ -23,3 +24,17 @@ export function getNodeDimensions(node: GraphNode): { width: number; height: num
     height: node.dimensions?.height ?? node.height ?? 0,
   }
 }
+
+export function clampPositionToParent(childPosition: XYPosition, childDimensions: Dimensions, parent: GraphNode) {
+  const { width: parentWidth, height: parentHeight } = getNodeDimensions(parent)
+  const { x: parentX, y: parentY } = parent.computedPosition
+
+  return clampPosition(
+    childPosition,
+    [
+      [parentX, parentY],
+      [parentX + parentWidth, parentY + parentHeight],
+    ],
+    childDimensions,
+  )
+}

packages/core/src/utils/graph.ts

@@ -49,10 +49,10 @@ export function clamp(val: number, min = 0, max = 1) {
   return Math.min(Math.max(val, min), max)
 }
 
-export function clampPosition(position: XYPosition, extent: CoordinateExtent): XYPosition {
+export function clampPosition(position: XYPosition = { x: 0, y: 0 }, extent: CoordinateExtent, dimensions: Partial<Dimensions>) {
   return {
-    x: clamp(position.x, extent[0][0], extent[1][0]),
-    y: clamp(position.y, extent[0][1], extent[1][1]),
+    x: clamp(position.x, extent[0][0], extent[1][0] - (dimensions?.width ?? 0)),
+    y: clamp(position.y, extent[0][1], extent[1][1] - (dimensions?.height ?? 0)),
   }
 }