feat(core): add clampPositionToParent util

Signed-off-by: braks <78412429+bcakmakoglu@users.noreply.github.com>

Author: bcakmakoglu

packages/core/src/utils/general.ts

@@ -1,5 +1,7 @@
 import type { GraphNode, SnapGrid, XYPosition } from '../types'
 import type { UseDragEvent } from '../composables'
+import type { Dimensions, GraphNode, XYPosition } from '../types'
+import { clampPosition } from './graph'
 
 export function isMouseEvent(event: MouseEvent | TouchEvent): event is MouseEvent {
   return 'clientX' in event
@@ -36,3 +38,17 @@ export function snapPosition(position: XYPosition, snapGrid: SnapGrid = [1, 1]):
     y: snapGrid[1] * Math.round(position.y / snapGrid[1]),
   }
 }
+
+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)),
   }
 }