react-arborist 3.1.0 → 3.3.0-rc.1

package/dist/interfaces/node-api.d.ts

@@ -51,6 +51,7 @@ export declare class NodeApi<T = any> {
     get next(): NodeApi<T> | null;
     get prev(): NodeApi<T> | null;
     get nextSibling(): NodeApi<T> | null;
+    isAncestorOf(node: NodeApi<T> | null): boolean;
     select(): void;
     deselect(): void;
     selectMulti(): void;

package/dist/interfaces/tree-api.d.ts

@@ -87,9 +87,17 @@ export declare class TreeApi<T> {
     selectContiguous(identity: Identity): void;
     deselectAll(): void;
     selectAll(): void;
+    setSelection(args: {
+        ids: (IdObj | string)[] | null;
+        anchor: IdObj | string | null;
+        mostRecent: IdObj | string | null;
+    }): void;
     get cursorParentId(): string | null;
     get cursorOverFolder(): boolean;
     get dragNodes(): NodeApi<T>[];
+    get dragNode(): NodeApi<T> | null;
+    get dragDestinationParent(): NodeApi<T> | null;
+    get dragDestinationIndex(): number | null;
     canDrop(): boolean;
     hideCursor(): void;
     showCursor(cursor: Cursor): void;

package/dist/module.js

@@ -47,7 +47,7 @@ var $0e6083160f4b36ed$exports = {};
 $parcel$export($0e6083160f4b36ed$exports, "bound", () => $0e6083160f4b36ed$export$adf7c0fe6059d774);
 $parcel$export($0e6083160f4b36ed$exports, "isItem", () => $0e6083160f4b36ed$export$5318634f2ee07019);
 $parcel$export($0e6083160f4b36ed$exports, "isClosed", () => $0e6083160f4b36ed$export$4210f5ea57fbae57);
-$parcel$export($0e6083160f4b36ed$exports, "isDecendent", () => $0e6083160f4b36ed$export$1e38f72c6c546f70);
+$parcel$export($0e6083160f4b36ed$exports, "isDescendant", () => $0e6083160f4b36ed$export$8503f9d2928f9a64);
 $parcel$export($0e6083160f4b36ed$exports, "indexOf", () => $0e6083160f4b36ed$export$305f7d4e9d4624f2);
 $parcel$export($0e6083160f4b36ed$exports, "noop", () => $0e6083160f4b36ed$export$8793edee2d425525);
 $parcel$export($0e6083160f4b36ed$exports, "dfs", () => $0e6083160f4b36ed$export$51b654aff22fc5a6);
@@ -71,7 +71,7 @@ function $0e6083160f4b36ed$export$5318634f2ee07019(node) {
 function $0e6083160f4b36ed$export$4210f5ea57fbae57(node) {
     return node && node.isInternal && !node.isOpen;
 }
-const $0e6083160f4b36ed$export$1e38f72c6c546f70 = (a, b)=>{
+const $0e6083160f4b36ed$export$8503f9d2928f9a64 = (a, b)=>{
     let n = a;
     while(n){
         if (n.id === b.id) return true;
@@ -428,6 +428,15 @@ class $096e74084443e9a3$export$d4b903da0f522dc8 {
         const i = this.childIndex;
         return this.parent?.children[i + 1] ?? null;
     }
+    isAncestorOf(node) {
+        if (!node) return false;
+        let ancestor = node;
+        while(ancestor){
+            if (ancestor.id === this.id) return true;
+            ancestor = ancestor.parent;
+        }
+        return false;
+    }
     select() {
         this.tree.select(this);
     }
@@ -602,7 +611,9 @@ const $6ad32e02250c922e$export$d4c72bab9d6cc13a = (props)=>({
             },
             drag: {
                 id: null,
-                idWillReceiveDrop: null
+                selectedIds: [],
+                destinationParentId: null,
+                destinationIndex: null
             },
             selection: {
                 ids: new Set(),
@@ -642,9 +653,9 @@ const $37bc167debff36d2$export$e324594224ef24da = {
                 id
             ]).map((0, $0e6083160f4b36ed$export$65e5b62a4c490288))
         }),
-    set: (ids)=>({
+    set: (args)=>({
             type: "SELECTION_SET",
-            ids: ids
+            ...args
         }),
     mostRecent: (id)=>({
             type: "SELECTION_MOST_RECENT",
@@ -687,7 +698,9 @@ function $37bc167debff36d2$export$1650419e431d3ba3(state = (0, $6ad32e02250c922e
         case "SELECTION_SET":
             return {
                 ...state,
-                ids: new Set(action.ids)
+                ids: action.ids,
+                mostRecent: action.mostRecent,
+                anchor: action.anchor
             };
         case "SELECTION_MOST_RECENT":
             return {
@@ -959,7 +972,7 @@ function $907e707a330ef23a$export$715c0d031ede7907(node) {
                     (0, $0e6083160f4b36ed$export$c6d63370cef03886)(tree.props.onMove, {
                         dragIds: dragIds,
                         parentId: parentId === (0, $81080a351c006222$export$ec71a3379b43ae5c) ? null : parentId,
-                        index: index,
+                        index: index === null ? 0 : index,
                         dragNodes: tree.dragNodes,
                         parentNode: tree.get(parentId)
                     });
@@ -1004,7 +1017,7 @@ function $2db980bfed6822da$var$measureHover(el, offset) {
     };
 }
 function $2db980bfed6822da$var$getNodesAroundCursor(node, prev, next, hover) {
-    if (!node) // We're hoving over the empty part of the list, not over an item,
+    if (!node) // We're hovering over the empty part of the list, not over an item,
     // Put the cursor below the last item which is "prev"
     return [
         prev,
@@ -1088,7 +1101,7 @@ function $2db980bfed6822da$export$f502ca02ebb85a1c(args) {
     const { node: node , nextNode: nextNode , prevNode: prevNode  } = args;
     const [above, below] = $2db980bfed6822da$var$getNodesAroundCursor(node, prevNode, nextNode, hover);
     /* Hovering over the middle of a folder */ if (node && node.isInternal && hover.inMiddle) return {
-        drop: $2db980bfed6822da$var$dropAt(node.id, 0),
+        drop: $2db980bfed6822da$var$dropAt(node.id, null),
         cursor: $2db980bfed6822da$var$highlightCursor(node.id)
     };
     /* At the top of the list */ if (!above) return {
@@ -1765,19 +1778,34 @@ class $bfece7c4aed4e9c4$export$e2da3477247342d1 {
         $bfece7c4aed4e9c4$var$safeRun(this.props.onSelect, this.selectedNodes);
     }
     deselectAll() {
-        this.dispatch((0, $37bc167debff36d2$export$e324594224ef24da).clear());
-        this.dispatch((0, $37bc167debff36d2$export$e324594224ef24da).anchor(null));
-        this.dispatch((0, $37bc167debff36d2$export$e324594224ef24da).mostRecent(null));
+        this.setSelection({
+            ids: [],
+            anchor: null,
+            mostRecent: null
+        });
         $bfece7c4aed4e9c4$var$safeRun(this.props.onSelect, this.selectedNodes);
     }
     selectAll() {
-        this.dispatch((0, $37bc167debff36d2$export$e324594224ef24da).set(new Set(Object.keys(this.idToIndex))));
+        this.setSelection({
+            ids: Object.keys(this.idToIndex),
+            anchor: this.firstNode,
+            mostRecent: this.lastNode
+        });
         this.dispatch((0, $c27b8e9863235052$export$d7ddd398f22d79ef)(this.lastNode?.id));
-        this.dispatch((0, $37bc167debff36d2$export$e324594224ef24da).anchor(this.firstNode));
-        this.dispatch((0, $37bc167debff36d2$export$e324594224ef24da).mostRecent(this.lastNode));
         if (this.focusedNode) $bfece7c4aed4e9c4$var$safeRun(this.props.onFocus, this.focusedNode);
         $bfece7c4aed4e9c4$var$safeRun(this.props.onSelect, this.selectedNodes);
     }
+    setSelection(args) {
+        const ids = new Set(args.ids?.map($bfece7c4aed4e9c4$var$identify));
+        const anchor = $bfece7c4aed4e9c4$var$identifyNull(args.anchor);
+        const mostRecent = $bfece7c4aed4e9c4$var$identifyNull(args.mostRecent);
+        this.dispatch((0, $37bc167debff36d2$export$e324594224ef24da).set({
+            ids: ids,
+            anchor: anchor,
+            mostRecent: mostRecent
+        }));
+        $bfece7c4aed4e9c4$var$safeRun(this.props.onSelect, this.selectedNodes);
+    }
     /* Drag and Drop */ get cursorParentId() {
         const { cursor: cursor  } = this.state.dnd;
         switch(cursor.type){
@@ -1793,6 +1821,15 @@ class $bfece7c4aed4e9c4$export$e2da3477247342d1 {
     get dragNodes() {
         return this.state.dnd.dragIds.map((id)=>this.get(id)).filter((n)=>!!n);
     }
+    get dragNode() {
+        return this.get(this.state.nodes.drag.id);
+    }
+    get dragDestinationParent() {
+        return this.get(this.state.nodes.drag.destinationParentId);
+    }
+    get dragDestinationIndex() {
+        return this.state.nodes.drag.destinationIndex;
+    }
     canDrop() {
         if (this.isFiltered) return false;
         const parentNode = this.get(this.state.dnd.parentId) ?? this.root;
@@ -1801,13 +1838,13 @@ class $bfece7c4aed4e9c4$export$e2da3477247342d1 {
         for (const drag of dragNodes){
             if (!drag) return false;
             if (!parentNode) return false;
-            if (drag.isInternal && $0e6083160f4b36ed$exports.isDecendent(parentNode, drag)) return false;
+            if (drag.isInternal && $0e6083160f4b36ed$exports.isDescendant(parentNode, drag)) return false;
         }
         // Allow the user to insert their own logic
         if (typeof isDisabled == "function") return !isDisabled({
             parentNode: parentNode,
             dragNodes: this.dragNodes,
-            index: this.state.dnd.index
+            index: this.state.dnd.index || 0
         });
         else if (typeof isDisabled == "string") // @ts-ignore
         return !parentNode.data[isDisabled];
@@ -1933,7 +1970,8 @@ class $bfece7c4aed4e9c4$export$e2da3477247342d1 {
     willReceiveDrop(node) {
         const id = $bfece7c4aed4e9c4$var$identifyNull(node);
         if (!id) return false;
-        return id === this.state.nodes.drag.idWillReceiveDrop;
+        const { destinationParentId: destinationParentId , destinationIndex: destinationIndex  } = this.state.nodes.drag;
+        return id === destinationParentId && destinationIndex === null;
     }
     /* Tree Event Handlers */ onFocus() {
         const node = this.focusedNode || this.firstNode;
@@ -1971,30 +2009,28 @@ class $bfece7c4aed4e9c4$export$e2da3477247342d1 {
 
 
 
-function $5c35ee13c124a8cc$export$1650419e431d3ba3(state = {
-    id: null,
-    idWillReceiveDrop: null
-}, action) {
+
+function $5c35ee13c124a8cc$export$1650419e431d3ba3(state = (0, $6ad32e02250c922e$export$d4c72bab9d6cc13a)().nodes.drag, action) {
     switch(action.type){
         case "DND_DRAG_START":
             return {
                 ...state,
-                id: action.id
+                id: action.id,
+                selectedIds: action.dragIds
             };
         case "DND_DRAG_END":
             return {
                 ...state,
-                id: null
-            };
-        case "DND_CURSOR":
-            const c = action.cursor;
-            if (c.type === "highlight" && c.id !== state.idWillReceiveDrop) return {
-                ...state,
-                idWillReceiveDrop: c.id
+                id: null,
+                destinationParentId: null,
+                destinationIndex: null,
+                selectedIds: []
             };
-            else if (c.type !== "highlight" && state.idWillReceiveDrop !== null) return {
+        case "DND_HOVERING":
+            if (action.parentId !== state.destinationParentId || action.index != state.destinationIndex) return {
                 ...state,
-                idWillReceiveDrop: null
+                destinationParentId: action.parentId,
+                destinationIndex: action.index
             };
             else return state;
         default: