react-arborist 2.0.0-rc → 2.0.0-rc.1

package/dist/index.js

@@ -248,16 +248,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 +356,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);
     }
@@ -360,10 +383,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);
     }
@@ -382,6 +401,22 @@ class $9b37fe5960a1a3c6$export$d4b903da0f522dc8 {
             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 +475,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;
     }
@@ -822,7 +858,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, {}),
@@ -1241,6 +1277,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 +1361,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 +1383,7 @@ function $bb9a1e34249689ac$export$ff4858a4110d9246() {
                 return;
             }
             if (e.key === "Enter") {
+                if (!tree.props.onRename) return;
                 setTimeout(()=>{
                     if (tree.focusedNode) tree.edit(tree.focusedNode);
                 });
@@ -1511,10 +1551,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;
     }
@@ -1726,7 +1772,7 @@ class $5c74fef433be2b0a$export$e2da3477247342d1 {
         this.scrollTo(id);
         $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));
@@ -1953,7 +1999,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
     ]);
@@ -2283,11 +2329,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