refactor(packages): change package structure

packages/system/src/xydrag/utils.ts

@@ -0,0 +1,94 @@
+import { type NodeDragItem, type XYPosition, BaseNode } from '../types';
+
+export function wrapSelectionDragFunc(selectionFunc?: (event: MouseEvent, nodes: BaseNode[]) => void) {
+  return (event: MouseEvent, _: BaseNode, nodes: BaseNode[]) => selectionFunc?.(event, nodes);
+}
+
+export function isParentSelected<NodeType extends BaseNode>(node: NodeType, nodes: NodeType[]): boolean {
+  if (!node.parentNode) {
+    return false;
+  }
+
+  const parentNode = nodes.find((node) => node.id === node.parentNode);
+
+  if (!parentNode) {
+    return false;
+  }
+
+  if (parentNode.selected) {
+    return true;
+  }
+
+  return isParentSelected(parentNode, nodes);
+}
+
+export function hasSelector(target: Element, selector: string, domNode: Element): boolean {
+  let current = target;
+
+  do {
+    if (current?.matches(selector)) return true;
+    if (current === domNode) return false;
+    current = current.parentElement as Element;
+  } while (current);
+
+  return false;
+}
+
+// looks for all selected nodes and created a NodeDragItem for each of them
+export function getDragItems<NodeType extends BaseNode>(
+  nodes: NodeType[],
+  nodesDraggable: boolean,
+  mousePos: XYPosition,
+  nodeId?: string
+): NodeDragItem[] {
+  return nodes
+    .filter(
+      (n) =>
+        (n.selected || n.id === nodeId) &&
+        (!n.parentNode || !isParentSelected(n, nodes)) &&
+        (n.draggable || (nodesDraggable && typeof n.draggable === 'undefined'))
+    )
+    .map((n) => ({
+      id: n.id,
+      position: n.position || { x: 0, y: 0 },
+      positionAbsolute: n.positionAbsolute || { x: 0, y: 0 },
+      distance: {
+        x: mousePos.x - (n.positionAbsolute?.x ?? 0),
+        y: mousePos.y - (n.positionAbsolute?.y ?? 0),
+      },
+      delta: {
+        x: 0,
+        y: 0,
+      },
+      extent: n.extent,
+      parentNode: n.parentNode,
+      width: n.width,
+      height: n.height,
+      origin: n.origin,
+    }));
+}
+
+// returns two params:
+// 1. the dragged node (or the first of the list, if we are dragging a node selection)
+// 2. array of selected nodes (for multi selections)
+export function getEventHandlerParams<NodeType extends BaseNode>({
+  nodeId,
+  dragItems,
+  nodes,
+}: {
+  nodeId?: string;
+  dragItems: NodeDragItem[];
+  nodes: NodeType[];
+}): [NodeType, NodeType[]] {
+  const extentedDragItems: NodeType[] = dragItems.map((n) => {
+    const node = nodes.find((node) => node.id === n.id)!;
+
+    return {
+      ...node,
+      position: n.position,
+      positionAbsolute: n.positionAbsolute,
+    };
+  });
+
+  return [nodeId ? extentedDragItems.find((n) => n.id === nodeId)! : extentedDragItems[0], extentedDragItems];
+}