react-arborist 2.0.0-rc → 2.0.0-rc.2

package/dist/components/default-cursor.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
-import { DropCursorProps } from "../types/renderers";
-export declare const DefaultCursor: React.NamedExoticComponent<DropCursorProps>;
+import { CursorProps } from "../types/renderers";
+export declare const DefaultCursor: React.NamedExoticComponent<CursorProps>;

package/dist/components/default-node.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { NodeRendererProps } from "../types/renderers";
 import { IdObj } from "../types/utils";
-export declare function DefaultNode<T extends IdObj>({ style, node, dragHandle, }: NodeRendererProps<T>): JSX.Element;
+export declare function DefaultNode<T extends IdObj>(props: NodeRendererProps<T>): JSX.Element;

package/dist/index.js

@@ -72,6 +72,7 @@ $parcel$export($eb5355379510ac9b$exports, "isDecendent", () => $eb5355379510ac9b
 $parcel$export($eb5355379510ac9b$exports, "indexOf", () => $eb5355379510ac9b$export$305f7d4e9d4624f2);
 $parcel$export($eb5355379510ac9b$exports, "noop", () => $eb5355379510ac9b$export$8793edee2d425525);
 $parcel$export($eb5355379510ac9b$exports, "dfs", () => $eb5355379510ac9b$export$51b654aff22fc5a6);
+$parcel$export($eb5355379510ac9b$exports, "walk", () => $eb5355379510ac9b$export$588732934346abbf);
 $parcel$export($eb5355379510ac9b$exports, "focusNextElement", () => $eb5355379510ac9b$export$3b0237e8566c8d65);
 $parcel$export($eb5355379510ac9b$exports, "focusPrevElement", () => $eb5355379510ac9b$export$33b47db07a82b2fb);
 $parcel$export($eb5355379510ac9b$exports, "access", () => $eb5355379510ac9b$export$9bb0e144ba4929ca);
@@ -80,6 +81,8 @@ $parcel$export($eb5355379510ac9b$exports, "identify", () => $eb5355379510ac9b$ex
 $parcel$export($eb5355379510ac9b$exports, "mergeRefs", () => $eb5355379510ac9b$export$c9058316764c140e);
 $parcel$export($eb5355379510ac9b$exports, "safeRun", () => $eb5355379510ac9b$export$c6d63370cef03886);
 $parcel$export($eb5355379510ac9b$exports, "waitFor", () => $eb5355379510ac9b$export$9bbfceb27f687c1b);
+$parcel$export($eb5355379510ac9b$exports, "getInsertIndex", () => $eb5355379510ac9b$export$e12bf2314d0bc2a9);
+$parcel$export($eb5355379510ac9b$exports, "getInsertParentId", () => $eb5355379510ac9b$export$58fe32731f07ed56);
 function $eb5355379510ac9b$export$adf7c0fe6059d774(n, min, max) {
     return Math.max(Math.min(n, max), min);
 }
@@ -111,6 +114,10 @@ function $eb5355379510ac9b$export$51b654aff22fc5a6(node, id) {
     }
     return null;
 }
+function $eb5355379510ac9b$export$588732934346abbf(node, fn) {
+    fn(node);
+    if (node.children) for (let child of node.children)$eb5355379510ac9b$export$588732934346abbf(child, fn);
+}
 function $eb5355379510ac9b$export$3b0237e8566c8d65(target) {
     const elements = $eb5355379510ac9b$var$getFocusable(target);
     let next;
@@ -183,6 +190,20 @@ function $eb5355379510ac9b$export$9bbfceb27f687c1b(fn) {
         check();
     });
 }
+function $eb5355379510ac9b$export$e12bf2314d0bc2a9(tree) {
+    const focus = tree.focusedNode;
+    if (!focus) return tree.root.children?.length ?? 0;
+    if (focus.isOpen) return 0;
+    if (focus.parent) return focus.childIndex + 1;
+    return 0;
+}
+function $eb5355379510ac9b$export$58fe32731f07ed56(tree) {
+    const focus = tree.focusedNode;
+    if (!focus) return null;
+    if (focus.isOpen) return focus.id;
+    if (focus.parent) return focus.parent.id;
+    return null;
+}
 
 
 
@@ -248,16 +269,51 @@ function $ff6862a32cc2ac81$export$f9c541e71856c524({ node: node , attrs: attrs ,
 
 
 
-function $3240a4b0b5620968$export$909e23cbfbbd3351({ style: style , node: node , dragHandle: dragHandle  }) {
+function $3240a4b0b5620968$export$909e23cbfbbd3351(props) {
     return /*#__PURE__*/ (0, $foSVk$reactjsxruntime.jsxs)("div", {
-        style: style,
-        ref: dragHandle,
+        ref: props.dragHandle,
+        style: props.style,
         children: [
-            "ID: ",
-            node.data.id
+            /*#__PURE__*/ (0, $foSVk$reactjsxruntime.jsx)("span", {
+                onClick: (e)=>{
+                    e.stopPropagation();
+                    props.node.toggle();
+                },
+                children: props.node.isLeaf ? "\uD83C\uDF33" : props.node.isOpen ? "\uD83D\uDDC1" : "\uD83D\uDDC0"
+            }),
+            " ",
+            props.node.isEditing ? /*#__PURE__*/ (0, $foSVk$reactjsxruntime.jsx)($3240a4b0b5620968$var$Edit, {
+                ...props
+            }) : /*#__PURE__*/ (0, $foSVk$reactjsxruntime.jsx)($3240a4b0b5620968$var$Show, {
+                ...props
+            })
         ]
     });
 }
+function $3240a4b0b5620968$var$Show(props) {
+    return /*#__PURE__*/ (0, $foSVk$reactjsxruntime.jsx)((0, $foSVk$reactjsxruntime.Fragment), {
+        children: /*#__PURE__*/ (0, $foSVk$reactjsxruntime.jsx)("span", {
+            children: props.node.data.name
+        })
+    });
+}
+function $3240a4b0b5620968$var$Edit({ node: node  }) {
+    const input = (0, $foSVk$react.useRef)();
+    (0, $foSVk$react.useEffect)(()=>{
+        input.current?.focus();
+        input.current?.select();
+    }, []);
+    return /*#__PURE__*/ (0, $foSVk$reactjsxruntime.jsx)("input", {
+        ref: input,
+        // @ts-ignore
+        defaultValue: node.data.name,
+        onBlur: ()=>node.reset(),
+        onKeyDown: (e)=>{
+            if (e.key === "Escape") node.reset();
+            if (e.key === "Enter") node.submit(input.current?.value || "");
+        }
+    });
+}
 
 
 function $1297c48a54b69bac$export$e1a8e267487c59d1(id) {
@@ -321,18 +377,6 @@ class $9b37fe5960a1a3c6$export$d4b903da0f522dc8 {
         this.isDroppable = params.isDroppable;
         this.rowIndex = params.rowIndex;
     }
-    get next() {
-        if (this.rowIndex === null) return null;
-        return this.tree.at(this.rowIndex + 1);
-    }
-    get prev() {
-        if (this.rowIndex === null) return null;
-        return this.tree.at(this.rowIndex - 1);
-    }
-    get nextSibling() {
-        const i = this.childIndex;
-        return this.parent?.children[i + 1] ?? null;
-    }
     get isRoot() {
         return this.id === (0, $0d7f39915c1a8ae9$export$ec71a3379b43ae5c);
     }
@@ -345,12 +389,18 @@ class $9b37fe5960a1a3c6$export$d4b903da0f522dc8 {
     get isOpen() {
         return this.isLeaf ? false : this.tree.isOpen(this.id);
     }
+    get isClosed() {
+        return this.isLeaf ? false : !this.tree.isOpen(this.id);
+    }
     get isEditing() {
         return this.tree.editingId === this.id;
     }
     get isSelected() {
         return this.tree.isSelected(this.id);
     }
+    get isOnlySelection() {
+        return this.isSelected && this.tree.hasOneSelection;
+    }
     get isSelectedStart() {
         return this.isSelected && !this.prev?.isSelected;
     }
@@ -360,10 +410,6 @@ class $9b37fe5960a1a3c6$export$d4b903da0f522dc8 {
     get isFocused() {
         return this.tree.isFocused(this.id);
     }
-    get childIndex() {
-        if (this.parent && this.parent.children) return this.parent.children.findIndex((child)=>child.id === this.id);
-        else return -1;
-    }
     get isDragging() {
         return this.tree.isDragging(this.id);
     }
@@ -372,16 +418,35 @@ class $9b37fe5960a1a3c6$export$d4b903da0f522dc8 {
     }
     get state() {
         return {
-            isEditing: this.isEditing,
+            isClosed: this.isClosed,
             isDragging: this.isDragging,
-            isSelected: this.isSelected,
-            isSelectedStart: this.isSelectedStart,
-            isSelectedEnd: this.isSelectedEnd,
+            isEditing: this.isEditing,
             isFocused: this.isFocused,
+            isInternal: this.isInternal,
+            isLeaf: this.isLeaf,
             isOpen: this.isOpen,
+            isSelected: this.isSelected,
+            isSelectedEnd: this.isSelectedEnd,
+            isSelectedStart: this.isSelectedStart,
             willReceiveDrop: this.willReceiveDrop
         };
     }
+    get childIndex() {
+        if (this.parent && this.parent.children) return this.parent.children.findIndex((child)=>child.id === this.id);
+        else return -1;
+    }
+    get next() {
+        if (this.rowIndex === null) return null;
+        return this.tree.at(this.rowIndex + 1);
+    }
+    get prev() {
+        if (this.rowIndex === null) return null;
+        return this.tree.at(this.rowIndex - 1);
+    }
+    get nextSibling() {
+        const i = this.childIndex;
+        return this.parent?.children[i + 1] ?? null;
+    }
     select() {
         this.tree.select(this);
     }
@@ -440,18 +505,19 @@ class $9b37fe5960a1a3c6$export$d4b903da0f522dc8 {
 const $0d7f39915c1a8ae9$export$ec71a3379b43ae5c = "__REACT_ARBORIST_INTERNAL_ROOT__";
 function $0d7f39915c1a8ae9$export$882461b6382ed46c(tree) {
     function visitSelfAndChildren(data, level, parent) {
+        const id = tree.accessId(data);
         const node = new (0, $9b37fe5960a1a3c6$export$d4b903da0f522dc8)({
             tree: tree,
             data: data,
             level: level,
             parent: parent,
-            id: data.id,
+            id: id,
             children: null,
             isDraggable: tree.isDraggable(data),
             isDroppable: tree.isDroppable(data),
             rowIndex: null
         });
-        const children = tree.getChildren(data);
+        const children = tree.accessChildren(data);
         if (children) node.children = children.map((child)=>visitSelfAndChildren(child, level + 1, node));
         return node;
     }
@@ -797,7 +863,7 @@ const $6e3db8c23c41dfc9$var$PreviewNode = /*#__PURE__*/ (0, $foSVk$react.memo)(f
 
 
 
-function $e527b4e3d64e6932$export$ef961593063b03e8() {
+function $e527b4e3d64e6932$export$b6a79797ad180576() {
     const tree = (0, $d5cb84d44d1b8acc$export$367b0f2231a90ba0)();
     const state = (0, $d5cb84d44d1b8acc$export$4930f6bf413be70e)();
     const cursor = state.cursor;
@@ -822,7 +888,7 @@ const $0e2adc7837d85ac3$export$70c2b8898b86d3ad = /*#__PURE__*/ (0, $foSVk$react
         ref: ref,
         ...rest,
         onClick: (e)=>{
-            if (e.currentTarget === e.target) tree.selectNone();
+            if (e.currentTarget === e.target) tree.deselectAll();
         },
         children: [
             /*#__PURE__*/ (0, $foSVk$reactjsxruntime.jsx)($0e2adc7837d85ac3$var$DropContainer, {}),
@@ -840,10 +906,7 @@ const $0e2adc7837d85ac3$var$DropContainer = ()=>{
             left: "0",
             right: "0"
         },
-        onClick: (e)=>{
-            console.log(e.currentTarget, e.target);
-        },
-        children: /*#__PURE__*/ (0, $foSVk$reactjsxruntime.jsx)((0, $e527b4e3d64e6932$export$ef961593063b03e8), {})
+        children: /*#__PURE__*/ (0, $foSVk$reactjsxruntime.jsx)((0, $e527b4e3d64e6932$export$b6a79797ad180576), {})
     });
 };
 
@@ -1192,7 +1255,8 @@ const $37e3f46f8fd1101f$export$a9754b3c8daa5172 = /*#__PURE__*/ (0, ($parcel$int
         "aria-level": node.level,
         "aria-selected": node.isSelected,
         style: rowStyle,
-        tabIndex: -1
+        tabIndex: -1,
+        className: tree.props.rowClassName
     };
     (0, $foSVk$react.useEffect)(()=>{
         if (!node.isEditing && node.isFocused) el.current?.focus();
@@ -1241,6 +1305,7 @@ function $bb9a1e34249689ac$export$ff4858a4110d9246() {
         onKeyDown: (e)=>{
             if (tree.isEditing) return;
             if (e.key === "Backspace") {
+                if (!tree.props.onDelete) return;
                 const ids = Array.from(tree.selectedIds);
                 if (ids.length > 1) {
                     let nextFocus = tree.mostRecentNode;
@@ -1324,10 +1389,12 @@ function $bb9a1e34249689ac$export$ff4858a4110d9246() {
                 return;
             }
             if (e.key === "a" && !e.metaKey) {
+                if (!tree.props.onCreate) return;
                 tree.createLeaf();
                 return;
             }
             if (e.key === "A" && !e.metaKey) {
+                if (!tree.props.onCreate) return;
                 tree.createInternal();
                 return;
             }
@@ -1344,6 +1411,7 @@ function $bb9a1e34249689ac$export$ff4858a4110d9246() {
                 return;
             }
             if (e.key === "Enter") {
+                if (!tree.props.onRename) return;
                 setTimeout(()=>{
                     if (tree.focusedNode) tree.edit(tree.focusedNode);
                 });
@@ -1490,16 +1558,16 @@ class $5c74fef433be2b0a$export$e2da3477247342d1 {
         return this.state.nodes.open.unfiltered;
     }
     /* Tree Props */ get width() {
-        return this.props.width || 300;
+        return this.props.width ?? 300;
     }
     get height() {
-        return this.props.height || 500;
+        return this.props.height ?? 500;
     }
     get indent() {
-        return this.props.indent || 24;
+        return this.props.indent ?? 24;
     }
     get rowHeight() {
-        return this.props.rowHeight || 24;
+        return this.props.rowHeight ?? 24;
     }
     get searchTerm() {
         return (this.props.searchTerm || "").trim();
@@ -1511,10 +1579,16 @@ class $5c74fef433be2b0a$export$e2da3477247342d1 {
         });
         return (node)=>match(node, this.searchTerm);
     }
-    getChildren(data) {
-        const get = this.props.getChildren || "children";
+    accessChildren(data) {
+        const get = this.props.childrenAccessor || "children";
         return $eb5355379510ac9b$exports.access(data, get) ?? null;
     }
+    accessId(data) {
+        const get = this.props.idAccessor || "id";
+        const id = $eb5355379510ac9b$exports.access(data, get);
+        if (!id) throw new Error("Data must contain an 'id' property or props.idAccessor must return a string");
+        return id;
+    }
     /* Node Access */ get firstNode() {
         return this.visibleNodes[0] ?? null;
     }
@@ -1563,31 +1637,20 @@ class $5c74fef433be2b0a$export$e2da3477247342d1 {
         return this.state.nodes.edit.id;
     }
     createInternal() {
-        return this.create("internal");
+        return this.create({
+            type: "internal"
+        });
     }
     createLeaf() {
-        return this.create("leaf");
-    }
-    async create(type) {
-        let index;
-        let parentId;
-        const focus = this.focusedNode;
-        if (focus && focus.parent) {
-            if (focus.isInternal && focus.isOpen) {
-                parentId = focus.id;
-                index = 0;
-            } else {
-                index = focus.childIndex + 1;
-                parentId = focus.parent.isRoot ? null : focus.parent.id;
-            }
-        } else {
-            index = this.root?.children?.length || -1;
-            parentId = null;
-        }
+        return this.create({
+            type: "leaf"
+        });
+    }
+    async create(opts = {}) {
         const data = await $5c74fef433be2b0a$var$safeRun(this.props.onCreate, {
-            parentId: parentId,
-            index: index,
-            type: type
+            type: opts.type ?? "leaf",
+            parentId: opts.parentId === undefined ? $eb5355379510ac9b$exports.getInsertParentId(this) : opts.parentId,
+            index: opts.index ?? $eb5355379510ac9b$exports.getInsertIndex(this)
         });
         if (data) {
             this.focus(data);
@@ -1670,6 +1733,7 @@ class $5c74fef433be2b0a$export$e2da3477247342d1 {
         else {
             this.dispatch((0, $61ef7f2c3c9633e7$export$d7ddd398f22d79ef)($5c74fef433be2b0a$var$identify(node)));
             if (opts.scroll !== false) this.scrollTo(node);
+            if (this.focusedNode) $5c74fef433be2b0a$var$safeRun(this.props.onFocus, this.focusedNode);
         }
     }
     pageUp() {
@@ -1698,6 +1762,7 @@ class $5c74fef433be2b0a$export$e2da3477247342d1 {
         this.dispatch((0, $58f9381615aa3d17$export$e324594224ef24da).anchor(id));
         this.dispatch((0, $58f9381615aa3d17$export$e324594224ef24da).mostRecent(id));
         this.scrollTo(id, opts.align);
+        if (this.focusedNode) $5c74fef433be2b0a$var$safeRun(this.props.onFocus, this.focusedNode);
         $5c74fef433be2b0a$var$safeRun(this.props.onSelect, this.selectedNodes);
     }
     deselect(node) {
@@ -1713,6 +1778,7 @@ class $5c74fef433be2b0a$export$e2da3477247342d1 {
         this.dispatch((0, $58f9381615aa3d17$export$e324594224ef24da).anchor(node.id));
         this.dispatch((0, $58f9381615aa3d17$export$e324594224ef24da).mostRecent(node.id));
         this.scrollTo(node);
+        if (this.focusedNode) $5c74fef433be2b0a$var$safeRun(this.props.onFocus, this.focusedNode);
         $5c74fef433be2b0a$var$safeRun(this.props.onSelect, this.selectedNodes);
     }
     selectContiguous(identity) {
@@ -1724,9 +1790,10 @@ class $5c74fef433be2b0a$export$e2da3477247342d1 {
         this.dispatch((0, $58f9381615aa3d17$export$e324594224ef24da).add(this.nodesBetween(anchor, $5c74fef433be2b0a$var$identifyNull(id))));
         this.dispatch((0, $58f9381615aa3d17$export$e324594224ef24da).mostRecent(id));
         this.scrollTo(id);
+        if (this.focusedNode) $5c74fef433be2b0a$var$safeRun(this.props.onFocus, this.focusedNode);
         $5c74fef433be2b0a$var$safeRun(this.props.onSelect, this.selectedNodes);
     }
-    selectNone() {
+    deselectAll() {
         this.dispatch((0, $58f9381615aa3d17$export$e324594224ef24da).clear());
         this.dispatch((0, $58f9381615aa3d17$export$e324594224ef24da).anchor(null));
         this.dispatch((0, $58f9381615aa3d17$export$e324594224ef24da).mostRecent(null));
@@ -1737,6 +1804,7 @@ class $5c74fef433be2b0a$export$e2da3477247342d1 {
         this.dispatch((0, $61ef7f2c3c9633e7$export$d7ddd398f22d79ef)(this.lastNode?.id));
         this.dispatch((0, $58f9381615aa3d17$export$e324594224ef24da).anchor(this.firstNode));
         this.dispatch((0, $58f9381615aa3d17$export$e324594224ef24da).mostRecent(this.lastNode));
+        if (this.focusedNode) $5c74fef433be2b0a$var$safeRun(this.props.onFocus, this.focusedNode);
         $5c74fef433be2b0a$var$safeRun(this.props.onSelect, this.selectedNodes);
     }
     /* Drag and Drop */ get cursorParentId() {
@@ -1762,12 +1830,16 @@ class $5c74fef433be2b0a$export$e2da3477247342d1 {
     /* Visibility */ open(identity) {
         const id = $5c74fef433be2b0a$var$identifyNull(identity);
         if (!id) return;
+        if (this.isOpen(id)) return;
         this.dispatch((0, $d519ceb3313d9d0e$export$e324594224ef24da).open(id, this.isFiltered));
+        $5c74fef433be2b0a$var$safeRun(this.props.onToggle, id);
     }
     close(identity) {
         const id = $5c74fef433be2b0a$var$identifyNull(identity);
         if (!id) return;
+        if (!this.isOpen(id)) return;
         this.dispatch((0, $d519ceb3313d9d0e$export$e324594224ef24da).close(id, this.isFiltered));
+        $5c74fef433be2b0a$var$safeRun(this.props.onToggle, id);
     }
     toggle(identity) {
         const id = $5c74fef433be2b0a$var$identifyNull(identity);
@@ -1793,6 +1865,16 @@ class $5c74fef433be2b0a$export$e2da3477247342d1 {
             this.scrollTo(this.focusedNode);
         }
     }
+    openAll() {
+        $eb5355379510ac9b$exports.walk(this.root, (node)=>{
+            if (node.isInternal) node.open();
+        });
+    }
+    closeAll() {
+        $eb5355379510ac9b$exports.walk(this.root, (node)=>{
+            if (node.isInternal) node.close();
+        });
+    }
     /* Scrolling */ scrollTo(identity, align = "smart") {
         if (!identity) return;
         const id = $5c74fef433be2b0a$var$identify(identity);
@@ -1814,6 +1896,15 @@ class $5c74fef433be2b0a$export$e2da3477247342d1 {
     get hasFocus() {
         return this.state.nodes.focus.treeFocused;
     }
+    get hasNoSelection() {
+        return this.state.nodes.selection.ids.size === 0;
+    }
+    get hasOneSelection() {
+        return this.state.nodes.selection.ids.size === 1;
+    }
+    get hasMultipleSelections() {
+        return this.state.nodes.selection.ids.size > 1;
+    }
     isSelected(id) {
         if (!id) return false;
         return this.state.nodes.selection.ids.has(id);
@@ -1953,7 +2044,7 @@ function $9511ad6af37da13b$export$c49dab5eb1b4ce0c({ treeProps: treeProps , impe
     /* Expose the tree api */ (0, $foSVk$react.useImperativeHandle)(imperativeHandle, ()=>api);
     /* Change selection based on props */ (0, $foSVk$react.useEffect)(()=>{
         if (api.props.selection) api.select(api.props.selection);
-        else api.selectNone();
+        else api.deselectAll();
     }, [
         api.props.selection
     ]);
@@ -1987,6 +2078,7 @@ function $9511ad6af37da13b$export$c49dab5eb1b4ce0c({ treeProps: treeProps , impe
 
 
 
+
 function $6c0a9a91d5e7ff45$export$5a6c424b1725f44f() {
     const tree = (0, $d5cb84d44d1b8acc$export$367b0f2231a90ba0)();
     // In case we drop an item at the bottom of the list
@@ -1996,9 +2088,28 @@ function $6c0a9a91d5e7ff45$export$5a6c424b1725f44f() {
                 if (!m.isOver({
                     shallow: true
                 })) return;
+                if (m.canDrop()) {
+                    const offset = m.getClientOffset();
+                    if (!tree.listEl.current || !offset) return;
+                    const { cursor: cursor  } = (0, $462841de7cc5b715$export$f502ca02ebb85a1c)({
+                        element: tree.listEl.current,
+                        offset: offset,
+                        indent: tree.indent,
+                        node: null,
+                        prevNode: tree.visibleNodes[tree.visibleNodes.length - 1],
+                        nextNode: null
+                    });
+                    if (cursor) tree.showCursor(cursor);
+                } else tree.hideCursor();
+            },
+            canDrop: (item, m)=>{
+                if (!m.isOver({
+                    shallow: true
+                })) return false;
+                if (tree.isFiltered) return false;
                 const offset = m.getClientOffset();
-                if (!tree.listEl.current || !offset) return;
-                const { cursor: cursor  } = (0, $462841de7cc5b715$export$f502ca02ebb85a1c)({
+                if (!tree.listEl.current || !offset) return false;
+                const { drop: drop  } = (0, $462841de7cc5b715$export$f502ca02ebb85a1c)({
                     element: tree.listEl.current,
                     offset: offset,
                     indent: tree.indent,
@@ -2006,12 +2117,15 @@ function $6c0a9a91d5e7ff45$export$5a6c424b1725f44f() {
                     prevNode: tree.visibleNodes[tree.visibleNodes.length - 1],
                     nextNode: null
                 });
-                if (cursor) tree.showCursor(cursor);
-            },
-            canDrop: (item, m)=>{
-                return m.isOver({
-                    shallow: true
-                });
+                if (!drop) return false;
+                const dropParent = tree.get(drop.parentId) ?? tree.root;
+                for (let id of item.dragIds){
+                    const drag = tree.get(id);
+                    if (!drag) return false;
+                    if (!dropParent) return false;
+                    if (drag.isInternal && (0, $eb5355379510ac9b$export$1e38f72c6c546f70)(dropParent, drag)) return false;
+                }
+                return true;
             },
             drop: (item, m)=>{
                 if (m.didDrop()) return;
@@ -2283,11 +2397,11 @@ var $6cfe0c91f2a90e78$exports = {};
 
 $parcel$exportWildcard(module.exports, $73c61fb8fd3b5237$exports);
 $parcel$exportWildcard(module.exports, $6740b53b975d3884$exports);
+$parcel$exportWildcard(module.exports, $6cfe0c91f2a90e78$exports);
 $parcel$exportWildcard(module.exports, $9b37fe5960a1a3c6$exports);
 $parcel$exportWildcard(module.exports, $5c74fef433be2b0a$exports);
 $parcel$exportWildcard(module.exports, $ce2da9e8a36b0fcd$exports);
 $parcel$exportWildcard(module.exports, $2492d77b1ec82005$exports);
-$parcel$exportWildcard(module.exports, $6cfe0c91f2a90e78$exports);
 
 
 //# sourceMappingURL=index.js.map