@inf-monkeys-tech/monkeys-design 0.4.45 → 0.4.47

package/dist/components/data-explorer/index.mjs

@@ -1778,6 +1778,52 @@ function buildFlattenedTree(nodes, expandedNodeIds) {
   flattenTree(nodes, expandedNodeIds, void 0, 0, entries);
   return entries;
 }
+function findAncestorEntryAtDepth(entries, entry, depth) {
+  if (depth < 0) return void 0;
+  let parentId = entry.parentId;
+  while (parentId) {
+    const parentEntry = entries.find((candidate) => candidate.node.id === parentId);
+    if (!parentEntry) return void 0;
+    if (parentEntry.depth === depth) return parentEntry;
+    parentId = parentEntry.parentId;
+  }
+  return void 0;
+}
+function countSiblingsBeforeDrop(entries, activeEntry, overEntry, parentId, targetDepth) {
+  const targetEntry = activeEntry.node.id === overEntry.node.id ? activeEntry : overEntry;
+  let index = 0;
+  for (const entry of entries) {
+    if (entry.node.id === targetEntry.node.id) break;
+    if (entry.node.id === activeEntry.node.id) continue;
+    if (entry.parentId === parentId && entry.depth === targetDepth) {
+      index += 1;
+    }
+  }
+  return index;
+}
+function projectDataExplorerDraggableTreeDrop({
+  flattenedNodes,
+  activeEntry,
+  overEntry,
+  dragOffsetX,
+  indentSize
+}) {
+  const depthDelta = Math.round(dragOffsetX / Math.max(1, indentSize));
+  const projectedDepth = Math.max(0, activeEntry.depth + depthDelta);
+  const targetDepth = Math.min(projectedDepth, overEntry.depth);
+  const parentAtDepth = targetDepth === 0 ? void 0 : targetDepth === overEntry.depth ? overEntry.parentId : findAncestorEntryAtDepth(flattenedNodes, overEntry, targetDepth)?.parentId;
+  return {
+    parentId: parentAtDepth,
+    index: countSiblingsBeforeDrop(
+      flattenedNodes,
+      activeEntry,
+      overEntry,
+      parentAtDepth,
+      targetDepth
+    ),
+    depth: targetDepth
+  };
+}
 function DraggableTreeItem({
   entry,
   selected,
@@ -2153,7 +2199,7 @@ function DataExplorerDraggableTree({
   const handleDragEnd = (event) => {
     const activeId = String(event.active.id || "");
     const overId = event.over ? String(event.over.id || "") : "";
-    if (!activeId || !overId || activeId === overId || !onDragEnd) {
+    if (!activeId || !overId || !onDragEnd) {
       clearDragState();
       return;
     }
@@ -2163,14 +2209,29 @@ function DataExplorerDraggableTree({
       clearDragState();
       return;
     }
+    const projectedDrop = projectDataExplorerDraggableTreeDrop({
+      flattenedNodes,
+      activeEntry: activeEntry2,
+      overEntry,
+      dragOffsetX: event.delta.x,
+      indentSize
+    });
+    if (activeEntry2.parentId === projectedDrop.parentId && activeEntry2.index === projectedDrop.index) {
+      clearDragState();
+      return;
+    }
     const payload = {
       activeNode: activeEntry2.node,
       overNode: overEntry.node,
       activeParentId: activeEntry2.parentId,
       overParentId: overEntry.parentId,
+      targetParentId: projectedDrop.parentId,
       activeIndex: activeEntry2.index,
       overIndex: overEntry.index,
+      targetIndex: projectedDrop.index,
+      targetDepth: projectedDrop.depth,
       sameParent: activeEntry2.parentId === overEntry.parentId,
+      targetSameParent: activeEntry2.parentId === projectedDrop.parentId,
       context
     };
     void onDragEnd(payload);