@oliasoft-open-source/react-ui-library 4.4.8 → 4.4.9-beta-2

package/dist/index.d.ts

@@ -1494,6 +1494,7 @@ export declare interface ITreeProps {
         expand: React_2.ReactNode;
         collapse: React_2.ReactNode;
     };
+    allowParentReassignment?: boolean;
 }
 
 export declare interface IUnitInputProps {
@@ -1710,7 +1711,7 @@ export declare const Tooltip: ({ children, text, error, placement, possiblePlace
 
 export declare const TopBar: ({ title, appSwitcher, content, contentRight, warning, height, fixedPosition, }: ITopBarProps) => JSX_2.Element;
 
-export declare const Tree: ({ list, draggable, onListReorder, onChangeOpen, testId, isInitialOpen, treeRef, itemHasChild, onItemToggle, icons, }: ITreeProps) => JSX_2.Element;
+export declare const Tree: ({ list, draggable, onListReorder, onChangeOpen, testId, isInitialOpen, treeRef, itemHasChild, onItemToggle, icons, allowParentReassignment, }: ITreeProps) => JSX_2.Element;
 
 export declare enum TriggerType {
     TEXT = "Text",

package/dist/index.js

@@ -70010,24 +70010,75 @@ const Tree = ({
   treeRef,
   itemHasChild,
   onItemToggle,
-  icons: icons2
+  icons: icons2,
+  allowParentReassignment
 }) => {
   var _a;
-  const handleDrop = (newTree) => {
-    if (onListReorder) {
-      const newList = newTree.map(({ id: id2, parent, droppable: droppable2, data }) => ({
+  const handleOpen = (id2) => {
+    if (onChangeOpen) {
+      onChangeOpen(id2);
+    }
+  };
+  const findNodeIndexById = (tree22, id2) => {
+    return (tree22 == null ? void 0 : tree22.findIndex((node2) => (node2 == null ? void 0 : node2.id) === id2)) ?? -1;
+  };
+  const setDragSourceParentToGrandparent = (dragSource, workingTree) => {
+    const dragSourceParentIndex = findNodeIndexById(
+      workingTree,
+      dragSource == null ? void 0 : dragSource.parent
+    );
+    if (dragSourceParentIndex >= 0) {
+      const grandparent = workingTree == null ? void 0 : workingTree.find(
+        (node2) => {
+          var _a2;
+          return (node2 == null ? void 0 : node2.id) === ((_a2 = workingTree[dragSourceParentIndex]) == null ? void 0 : _a2.parent);
+        }
+      );
+      dragSource.parent = grandparent ? grandparent.id : 0;
+    }
+  };
+  const removeDragSourceFromWorkingTree = (dragSource, workingTree) => {
+    return (workingTree == null ? void 0 : workingTree.filter((node2) => (node2 == null ? void 0 : node2.id) !== (dragSource == null ? void 0 : dragSource.id))) ?? [];
+  };
+  const insertDragSourceAfterParentInWorkingTree = (dragSource, dragSourceParentIndex, workingTree) => {
+    workingTree == null ? void 0 : workingTree.splice(dragSourceParentIndex, 0, dragSource);
+    return workingTree;
+  };
+  const transformTreeToList = (tree22) => {
+    return tree22.map(({ id: id2, parent, droppable: droppable2, data }) => {
+      return {
         id: id2,
         parent,
         droppable: droppable2,
         ...data
-      }));
-      onListReorder(newList);
-    }
+      };
+    });
   };
-  const handleOpen = (id2) => {
-    if (onChangeOpen) {
-      onChangeOpen(id2);
+  const handleDrop = (newTree, option2) => {
+    const { dragSource, dropTarget: dropTarget2 } = option2;
+    let workingTree = [...newTree];
+    if (!onListReorder)
+      return;
+    const dragSourceIndex = findNodeIndexById(workingTree, dragSource == null ? void 0 : dragSource.id);
+    const dragSourceParentIndex = findNodeIndexById(
+      workingTree,
+      dragSource == null ? void 0 : dragSource.parent
+    );
+    let newList = [];
+    if ((dragSource == null ? void 0 : dragSource.parent) === (dropTarget2 == null ? void 0 : dropTarget2.id) && dragSourceIndex === 0 && allowParentReassignment) {
+      setDragSourceParentToGrandparent(dragSource, workingTree);
+      workingTree = removeDragSourceFromWorkingTree(
+        dragSource,
+        workingTree
+      );
+      workingTree = insertDragSourceAfterParentInWorkingTree(
+        dragSource,
+        dragSourceParentIndex,
+        workingTree
+      );
     }
+    newList = transformTreeToList(workingTree);
+    onListReorder(newList);
   };
   const tree2 = (_a = list2 == null ? void 0 : list2.items) == null ? void 0 : _a.map(({ id: id2, droppable: droppable2, parent, name: name2, ...rest }) => ({
     id: id2,