v5

Author: shunjizhan

CHANGELOG.md

@@ -0,0 +1,4 @@
+## 5.0.0 (2021.6.3)
+- restruct internal state management using `use-tree-state` hook
+- separate css file
+- interface change: `onNameClick(defaultOnClick, nodeData)` => `onNameClick({ defaultOnClick, nodeData })`

README.md

@@ -1,12 +1,12 @@
 # React Folder Tree
-A versatile and customizable react treeview library. It supports:
+A versatile and customizable react treeview library. Features:
 ✅ custom icons  
 ✅ custom event handlers  
 ✅ inline add, modify, and delete tree nodes  
 ✅ checkbox with half check (indeterminate check)  
 ✅ read-only mode
 
-It uses [use-tree-state]() hook internally for convenient state management.
+It uses [use-tree-state](https://www.npmjs.com/package/use-tree-state) hook internally for convenient state management.
 ### Quick Preview
 ![folder-tree-demo](/assets/folder-tree-demo.gif)
 
@@ -216,7 +216,7 @@ const dataWithUrl = {
   // ...
 };
 
-const onNameClick = (defaultOnClick, nodeData) => {
+const onNameClick = ({ defaultOnClick, nodeData }) => {
   defaultOnClick();
 
   const {

package.json

@@ -100,6 +100,7 @@
   },
   "dependencies": {
     "prop-types": "^15.7.2",
-    "react-icons": "^4.1.0"
+    "react-icons": "^4.1.0",
+    "use-tree-state": "^1.0.0"
   }
 }

yarn.lock

@@ -9881,6 +9881,11 @@ url@^0.11.0:
     punycode "1.3.2"
     querystring "0.2.0"
 
+use-tree-state@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/use-tree-state/-/use-tree-state-1.0.0.tgz#78e1e629b55faa33e9fef9ee409b383612ff429c"
+  integrity sha512-MEHuUbZWGhekkFCboH0HKOhSHe5zm/l0C+GJdg0+vAuBr42VYmCTO9P2NfQMPU3Gkj7Zys93vtpl/fGReuOi5w==
+
 use@^3.1.0:
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/use/-/use-3.1.1.tgz#d50c8cac79a19fbc20f2911f56eb973f4e10070f"