react-arborist 2.1.1 → 2.3.0

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

@@ -42,6 +42,7 @@ export declare class TreeApi<T> {
     get height(): number;
     get indent(): number;
     get rowHeight(): number;
+    get overscanCount(): number;
     get searchTerm(): string;
     get matchFn(): (node: NodeApi<T>) => boolean;
     accessChildren(data: T): T[] | null;

package/dist/module.js

@@ -471,8 +471,8 @@ class $096e74084443e9a3$export$d4b903da0f522dc8 {
         return this.tree.edit(this);
     }
     handleClick = (e)=>{
-        if (e.metaKey) this.isSelected ? this.deselect() : this.selectMulti();
-        else if (e.shiftKey) this.selectContiguous();
+        if (e.metaKey && !this.tree.props.disableMultiSelection) this.isSelected ? this.deselect() : this.selectMulti();
+        else if (e.shiftKey && !this.tree.props.disableMultiSelection) this.selectContiguous();
         else {
             this.select();
             this.activate();
@@ -1241,7 +1241,9 @@ const $8c3aed0a01f84486$export$a9754b3c8daa5172 = /*#__PURE__*/ (0, $g00cZ$react
         className: tree.props.rowClassName
     };
     (0, $g00cZ$useEffect)(()=>{
-        if (!node.isEditing && node.isFocused) el.current?.focus();
+        if (!node.isEditing && node.isFocused) el.current?.focus({
+            preventScroll: true
+        });
     }, [
         node.isEditing,
         node.isFocused,
@@ -1320,36 +1322,39 @@ function $065a164934293bf2$export$ff4858a4110d9246() {
                 (0, $0e6083160f4b36ed$export$33b47db07a82b2fb)(e.currentTarget);
                 return;
             }
-            if (e.key === "ArrowDown" && !e.shiftKey && !e.metaKey) {
+            if (e.key === "ArrowDown") {
                 e.preventDefault();
                 const next = tree.nextNode;
-                tree.focus(next);
-                return;
-            }
-            if (e.key === "ArrowDown" && e.shiftKey) {
-                e.preventDefault();
-                const next1 = tree.nextNode;
-                if (!next1) return;
-                const current = tree.focusedNode;
-                if (!current) tree.focus(tree.firstNode);
-                else if (current.isSelected) tree.selectContiguous(next1);
-                else tree.selectMulti(next1);
-                return;
-            }
-            if (e.key === "ArrowUp" && !e.shiftKey) {
-                e.preventDefault();
-                tree.focus(tree.prevNode);
-                return;
+                if (e.metaKey) {
+                    tree.select(tree.focusedNode);
+                    tree.activate(tree.focusedNode);
+                    return;
+                } else if (!e.shiftKey || tree.props.disableMultiSelection) {
+                    tree.focus(next);
+                    return;
+                } else {
+                    if (!next) return;
+                    const current = tree.focusedNode;
+                    if (!current) tree.focus(tree.firstNode);
+                    else if (current.isSelected) tree.selectContiguous(next);
+                    else tree.selectMulti(next);
+                    return;
+                }
             }
-            if (e.key === "ArrowUp" && e.shiftKey) {
+            if (e.key === "ArrowUp") {
                 e.preventDefault();
                 const prev = tree.prevNode;
-                const current1 = tree.focusedNode;
-                if (!prev) return;
-                if (!current1) tree.focus(tree.lastNode); // ?
-                else if (current1.isSelected) tree.selectContiguous(prev);
-                else tree.selectMulti(prev);
-                return;
+                if (!e.shiftKey || tree.props.disableMultiSelection) {
+                    tree.focus(prev);
+                    return;
+                } else {
+                    if (!prev) return;
+                    const current1 = tree.focusedNode;
+                    if (!current1) tree.focus(tree.lastNode); // ?
+                    else if (current1.isSelected) tree.selectContiguous(prev);
+                    else tree.selectMulti(prev);
+                    return;
+                }
             }
             if (e.key === "ArrowRight") {
                 const node1 = tree.focusedNode;
@@ -1365,13 +1370,12 @@ function $065a164934293bf2$export$ff4858a4110d9246() {
                 else if (!node2.parent?.isRoot) tree.focus(node2.parent);
                 return;
             }
-            if (e.key === "a" && e.metaKey) {
+            if (e.key === "a" && e.metaKey && !tree.props.disableMultiSelection) {
                 e.preventDefault();
                 tree.selectAll();
                 return;
             }
-            if (e.key === "a" && !e.metaKey) {
-                if (!tree.props.onCreate) return;
+            if (e.key === "a" && !e.metaKey && tree.props.onCreate) {
                 tree.createLeaf();
                 return;
             }
@@ -1415,12 +1419,6 @@ function $065a164934293bf2$export$ff4858a4110d9246() {
                 tree.openSiblings(node4);
                 return;
             }
-            if (e.key === "ArrowDown" && e.metaKey) {
-                e.preventDefault();
-                tree.select(tree.focusedNode);
-                tree.activate(tree.focusedNode);
-                return;
-            }
             if (e.key === "PageUp") {
                 e.preventDefault();
                 tree.pageUp();
@@ -1454,6 +1452,7 @@ function $065a164934293bf2$export$ff4858a4110d9246() {
             height: tree.height,
             width: tree.width,
             itemSize: tree.rowHeight,
+            overscanCount: tree.overscanCount,
             itemKey: (index)=>tree.visibleNodes[index]?.id || index,
             outerElementType: (0, $05f64c7ebcbad8b5$export$70c2b8898b86d3ad),
             innerElementType: (0, $da9a6b47b6fff922$export$a9af0da3ae60cd00),
@@ -1551,6 +1550,9 @@ class $bfece7c4aed4e9c4$export$e2da3477247342d1 {
     get rowHeight() {
         return this.props.rowHeight ?? 24;
     }
+    get overscanCount() {
+        return this.props.overscanCount ?? 1;
+    }
     get searchTerm() {
         return (this.props.searchTerm || "").trim();
     }
@@ -1873,7 +1875,7 @@ class $bfece7c4aed4e9c4$export$e2da3477247342d1 {
             if (index === undefined) return;
             this.list.current?.scrollToItem(index, align);
         }).catch(()=>{
-            console.log(`Id: ${id} never appeared in the list.`);
+        // Id: ${id} never appeared in the list.
         });
     }
     /* State Checks */ get isEditing() {