No longer to return zero height to filter out nodes

Author: cheton

README.md

@@ -66,13 +66,7 @@ export default (props) => (
     <InfiniteTree
         width="100%"
         height={400}
-        rowHeight={({ node, tree }) => {
-            // Returns zero height to filter out nodes
-            if (node.state.filtered === false) {
-                return 0;
-            }
-            return 30;
-        }}
+        rowHeight={30}
         data={props.data}
     >
     {({ node, tree }) => {

dist/react-infinite-tree.js

@@ -1,4 +1,4 @@
-/*! react-infinite-tree v1.0.0-alpha.1 | (c) 2017 Cheton Wu <[email protected]> | MIT | https://github.com/cheton/react-infinite-tree */
+/*! react-infinite-tree v1.0.0-alpha.2 | (c) 2017 Cheton Wu <[email protected]> | MIT | https://github.com/cheton/react-infinite-tree */
 exports["InfiniteTree"] =
 /******/ (function(modules) { // webpackBootstrap
 /******/ 	// The module cache
@@ -752,17 +752,19 @@ var _class = function (_Component) {
                     height: height,
                     itemCount: count,
                     itemSize: function itemSize(index) {
-                        var height = rowHeight;
+                        var node = _this4.tree.nodes[index];
+                        if (node && node.state.filtered === false) {
+                            return 0;
+                        }
 
                         if (typeof rowHeight === 'function') {
-                            height = rowHeight({
+                            return rowHeight({
                                 node: _this4.tree.nodes[index],
-                                tree: _this4.tree,
-                                index: index
+                                tree: _this4.tree
                             });
                         }
 
-                        return height;
+                        return rowHeight; // Number or Array
                     },
                     renderItem: function renderItem(_ref2) {
                         var index = _ref2.index,
@@ -775,8 +777,7 @@ var _class = function (_Component) {
                             if (node && node.state.filtered !== false) {
                                 row = render({
                                     node: _this4.tree.nodes[index],
-                                    tree: _this4.tree,
-                                    index: index
+                                    tree: _this4.tree
                                 });
                             }
                         }

dist/react-infinite-tree.min.js

@@ -99,12 +99,7 @@ class Tree extends PureComponent {
 
                     return renderTreeNode({ node, tree, toggleState });
                 }}
-                rowHeight={({ node, tree }) => {
-                    if (node.state.filtered === false) {
-                        return 0;
-                    }
-                    return 30;
-                }}
+                rowHeight={30}
                 loadNodes={(parentNode, done) => {
                     const suffix = parentNode.id.replace(/(\w)+/, '');
                     const nodes = [

docs/bundle.js

@@ -1,6 +1,6 @@
 {
   "name": "react-infinite-tree",
-  "version": "1.0.0-alpha.1",
+  "version": "1.0.0-alpha.2",
   "description": "The infinite-tree library for React.",
   "main": "lib/index.js",
   "scripts": {

docs/bundle.js.map

@@ -274,17 +274,19 @@ export default class extends Component {
                     height={height}
                     itemCount={count}
                     itemSize={(index) => {
-                        let height = rowHeight;
+                        const node = this.tree.nodes[index];
+                        if (node && node.state.filtered === false) {
+                            return 0;
+                        }
 
                         if (typeof rowHeight === 'function') {
-                            height = rowHeight({
+                            return rowHeight({
                                 node: this.tree.nodes[index],
-                                tree: this.tree,
-                                index: index
+                                tree: this.tree
                             });
                         }
 
-                        return height;
+                        return rowHeight; // Number or Array
                     }}
                     renderItem={({ index, style }) => {
                         let row = null;
@@ -294,8 +296,7 @@ export default class extends Component {
                             if (node && node.state.filtered !== false) {
                                 row = render({
                                     node: this.tree.nodes[index],
-                                    tree: this.tree,
-                                    index: index
+                                    tree: this.tree
                                 });
                             }
                         }