react-arborist 2.2.0 → 2.3.0

package/dist/types/tree-props.d.ts

@@ -18,6 +18,7 @@ export interface TreeProps<T> {
     renderCursor?: ElementType<renderers.CursorProps>;
     renderContainer?: ElementType<{}>;
     rowHeight?: number;
+    overscanCount?: number;
     width?: number | string;
     height?: number;
     indent?: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-arborist",
-  "version": "2.2.0",
+  "version": "2.3.0",
   "license": "MIT",
   "source": "src/index.ts",
   "main": "dist/index.js",

package/src/components/default-container.tsx

@@ -137,8 +137,7 @@ export function DefaultContainer() {
           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;
         }
@@ -221,6 +220,7 @@ export function DefaultContainer() {
         height={tree.height}
         width={tree.width}
         itemSize={tree.rowHeight}
+        overscanCount={tree.overscanCount}
         itemKey={(index) => tree.visibleNodes[index]?.id || index}
         outerElementType={ListOuterElement}
         innerElementType={ListInnerElement}

package/src/interfaces/tree-api.ts

@@ -83,6 +83,10 @@ export class TreeApi<T> {
     return this.props.rowHeight ?? 24;
   }
 
+  get overscanCount() {
+    return this.props.overscanCount ?? 1;
+  }
+
   get searchTerm() {
     return (this.props.searchTerm || "").trim();
   }

package/src/types/tree-props.ts

@@ -26,6 +26,7 @@ export interface TreeProps<T> {
 
   /* Sizes */
   rowHeight?: number;
+  overscanCount?: number;
   width?: number | string;
   height?: number;
   indent?: number;