react-arborist 3.0.1 → 3.1.0

package/README.md

@@ -327,6 +327,7 @@ interface TreeProps<T> {
   dndRootElement?: globalThis.Node | null;
   onClick?: MouseEventHandler;
   onContextMenu?: MouseEventHandler;
+  dndManager?: DragDropManager;
 }
 ```
 

package/dist/index.js

@@ -1474,20 +1474,26 @@ function $07d1cda4da20dc54$var$flattenTree(root) {
     return list;
 }
 function $07d1cda4da20dc54$var$flattenAndFilterTree(root, isMatch) {
-    function collect(node) {
-        let result = [];
+    const matches = {};
+    const list = [];
+    function markMatch(node) {
         const yes = !node.isRoot && isMatch(node);
-        if (node.children) for (let child of node.children)result = result.concat(collect(child));
-        if (result.length) {
-            if (!node.isRoot) result.unshift(node);
-            return result;
+        if (yes) {
+            matches[node.id] = true;
+            let parent = node.parent;
+            while(parent){
+                matches[parent.id] = true;
+                parent = parent.parent;
+            }
         }
-        if (yes) return [
-            node
-        ];
-        else return [];
+        if (node.children) for (let child of node.children)markMatch(child);
     }
-    const list = collect(root).filter((n)=>n.parent?.isOpen);
+    function collect(node) {
+        if (node.level >= 0 && matches[node.id]) list.push(node);
+        if (node.isOpen) node.children?.forEach(collect);
+    }
+    markMatch(root);
+    collect(root);
     list.forEach($07d1cda4da20dc54$var$assignRowIndex);
     return list;
 }
@@ -1741,13 +1747,14 @@ class $5c74fef433be2b0a$export$e2da3477247342d1 {
     }
     select(node, opts = {}) {
         if (!node) return;
+        const changeFocus = opts.focus !== false;
         const id = $5c74fef433be2b0a$var$identify(node);
-        this.dispatch((0, $61ef7f2c3c9633e7$export$d7ddd398f22d79ef)(id));
+        if (changeFocus) this.dispatch((0, $61ef7f2c3c9633e7$export$d7ddd398f22d79ef)(id));
         this.dispatch((0, $58f9381615aa3d17$export$e324594224ef24da).only(id));
         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);
+        if (this.focusedNode && changeFocus) $5c74fef433be2b0a$var$safeRun(this.props.onFocus, this.focusedNode);
         $5c74fef433be2b0a$var$safeRun(this.props.onSelect, this.selectedNodes);
     }
     deselect(node) {
@@ -1811,21 +1818,21 @@ class $5c74fef433be2b0a$export$e2da3477247342d1 {
         if (this.isFiltered) return false;
         const parentNode = this.get(this.state.dnd.parentId) ?? this.root;
         const dragNodes = this.dragNodes;
-        const check = this.props.disableDrop;
+        const isDisabled = this.props.disableDrop;
         for (const drag of dragNodes){
             if (!drag) return false;
             if (!parentNode) return false;
             if (drag.isInternal && $eb5355379510ac9b$exports.isDecendent(parentNode, drag)) return false;
         }
         // Allow the user to insert their own logic
-        if (typeof check == "function") return check({
+        if (typeof isDisabled == "function") return !isDisabled({
             parentNode: parentNode,
             dragNodes: this.dragNodes,
             index: this.state.dnd.index
         });
-        else if (typeof check == "string") // @ts-ignore
-        return !!parentNode.data[check];
-        else if (typeof check === "boolean") return check;
+        else if (typeof isDisabled == "string") // @ts-ignore
+        return !parentNode.data[isDisabled];
+        else if (typeof isDisabled === "boolean") return !isDisabled;
         else return true;
     }
     hideCursor() {
@@ -2052,7 +2059,9 @@ 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);
+        if (api.props.selection) api.select(api.props.selection, {
+            focus: false
+        });
         else api.deselectAll();
     }, [
         api.props.selection
@@ -2075,6 +2084,9 @@ function $9511ad6af37da13b$export$c49dab5eb1b4ce0c({ treeProps: treeProps , impe
                         options: {
                             rootElement: api.props.dndRootElement || undefined
                         },
+                        ...treeProps.dndManager && {
+                            manager: treeProps.dndManager
+                        },
                         children: children
                     })
                 })