Fixed flow errors

Author: fjmorant

example/.eslintcache

@@ -1 +1 @@
-{"/Users/morant84/Work/react-native-nested-listview/example/nestedListView/index.js":{"size":2551,"mtime":1506461476000,"hashOfConfig":"2mvhf3","results":{"filePath":"/Users/morant84/Work/react-native-nested-listview/example/nestedListView/index.js","messages":[],"errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0}},"/Users/morant84/Work/react-native-nested-listview/example/nestedListView/NodeView.js":{"size":1522,"mtime":1506462022000,"hashOfConfig":"2mvhf3","results":{"filePath":"/Users/morant84/Work/react-native-nested-listview/example/nestedListView/NodeView.js","messages":[],"errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0}},"/Users/morant84/Work/react-native-nested-listview/example/__tests__/index.android.js":{"size":284,"mtime":1499290295000,"hashOfConfig":"2mvhf3","results":{"filePath":"/Users/morant84/Work/react-native-nested-listview/example/__tests__/index.android.js","messages":[],"errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0}},"/Users/morant84/Work/react-native-nested-listview/example/__tests__/index.ios.js":{"size":280,"mtime":1499290295000,"hashOfConfig":"2mvhf3","results":{"filePath":"/Users/morant84/Work/react-native-nested-listview/example/__tests__/index.ios.js","messages":[],"errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0}},"/Users/morant84/Work/react-native-nested-listview/example/index.android.js":{"size":178,"mtime":1506461733000,"hashOfConfig":"2mvhf3","results":{"filePath":"/Users/morant84/Work/react-native-nested-listview/example/index.android.js","messages":[],"errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0}},"/Users/morant84/Work/react-native-nested-listview/example/index.ios.js":{"size":178,"mtime":1506461736000,"hashOfConfig":"2mvhf3","results":{"filePath":"/Users/morant84/Work/react-native-nested-listview/example/index.ios.js","messages":[],"errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0}},"/Users/morant84/Work/react-native-nested-listview/example/ExampleApp.js":{"size":2055,"mtime":1506462030000,"hashOfConfig":"2mvhf3","results":{"filePath":"/Users/morant84/Work/react-native-nested-listview/example/ExampleApp.js","messages":[],"errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0}}}
+{"/Users/morant84/Work/react-native-nested-listview/example/nestedListView/index.js":{"size":1635,"mtime":1506925357000,"hashOfConfig":"2mvhf3","results":{"filePath":"/Users/morant84/Work/react-native-nested-listview/example/nestedListView/index.js","messages":[],"errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0}},"/Users/morant84/Work/react-native-nested-listview/example/nestedListView/NodeView.js":{"size":1790,"mtime":1506925316000,"hashOfConfig":"2mvhf3","results":{"filePath":"/Users/morant84/Work/react-native-nested-listview/example/nestedListView/NodeView.js","messages":[],"errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0}},"/Users/morant84/Work/react-native-nested-listview/example/__tests__/index.android.js":{"size":284,"mtime":1499290295000,"hashOfConfig":"2mvhf3","results":{"filePath":"/Users/morant84/Work/react-native-nested-listview/example/__tests__/index.android.js","messages":[],"errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0}},"/Users/morant84/Work/react-native-nested-listview/example/__tests__/index.ios.js":{"size":280,"mtime":1499290295000,"hashOfConfig":"2mvhf3","results":{"filePath":"/Users/morant84/Work/react-native-nested-listview/example/__tests__/index.ios.js","messages":[],"errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0}},"/Users/morant84/Work/react-native-nested-listview/example/index.android.js":{"size":178,"mtime":1506461733000,"hashOfConfig":"2mvhf3","results":{"filePath":"/Users/morant84/Work/react-native-nested-listview/example/index.android.js","messages":[],"errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0}},"/Users/morant84/Work/react-native-nested-listview/example/index.ios.js":{"size":178,"mtime":1506461736000,"hashOfConfig":"2mvhf3","results":{"filePath":"/Users/morant84/Work/react-native-nested-listview/example/index.ios.js","messages":[],"errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0}},"/Users/morant84/Work/react-native-nested-listview/example/ExampleApp.js":{"size":2139,"mtime":1506924997000,"hashOfConfig":"2mvhf3","results":{"filePath":"/Users/morant84/Work/react-native-nested-listview/example/ExampleApp.js","messages":[],"errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0}}}

example/.eslintignore

@@ -0,0 +1 @@
+flow-typed

example/ExampleApp.js

@@ -80,7 +80,7 @@ export default class ExampleApp extends React.Component<Props, State> {
   }
 
   onNodePressed = (node: any) => {
-    // alert(node)
+    alert(node.name)
   }
 
   getChildrenName = (node: Object) => {

example/nestedListView/NodeView.js

@@ -9,13 +9,20 @@ import {
   type State,
 } from 'react-native'
 
+export type Node = {
+  id: string,
+  hidden: boolean,
+  opened: boolean,
+}
+
 export default class NodeView extends React.PureComponent<Props, State> {
   props: {
     generateIds: Function,
     getChildren: Function,
-    node: any,
+    getChildrenName: Function,
+    node: Node,
+    level: number,
     onNodePressed: Function,
-    onLayout: Function,
     renderNode: Function,
     renderChildrenNode: Function,
   }
@@ -33,15 +40,18 @@ export default class NodeView extends React.PureComponent<Props, State> {
         opened: !this.state.node.opened,
       },
     })
+
+    this.props.onNodePressed(this.state.node)
   }
 
-  renderChildren = (item: any, level: number) => {
+  renderChildren = (item: Node, level: number) => {
     return (
       <NodeView
         getChildrenName={this.props.getChildrenName}
         node={item}
         level={level + 1}
-        renderNode={(item, level) => this.props.renderNode(item, level)}
+        onNodePressed={this.props.onNodePressed}
+        renderNode={this.props.renderNode}
       />
     )
   }

example/nestedListView/index.js

@@ -2,7 +2,7 @@
 
 import React from 'react'
 import {FlatList, type Props, type State, View} from 'react-native'
-import NodeView from './NodeView'
+import NodeView, {type Node} from './NodeView'
 import shortid from 'shortid'
 
 export default class NestedListView extends React.PureComponent<Props, State> {
@@ -15,9 +15,9 @@ export default class NestedListView extends React.PureComponent<Props, State> {
   }
 
   componentWillMount = () => {
-    const root = {
-      id: 1,
-      items: this.props.data.map((child, index) =>
+    const root: Node = {
+      id: shortid.generate(),
+      items: this.props.data.map((child: Node, index: number) =>
         this.generateIds(this.props.data[index])
       ),
       name: 'root',
@@ -28,29 +28,29 @@ export default class NestedListView extends React.PureComponent<Props, State> {
     this.setState({root})
   }
 
-  generateIds = (element: any) => {
-    if (!element) {
+  generateIds = (node: Node) => {
+    if (!node) {
       return
     }
 
-    const childrenName = this.props.getChildrenName(element)
+    const childrenName: string = this.props.getChildrenName(node)
 
     if (childrenName) {
-      const children = element[childrenName]
+      const children = node[childrenName]
 
       if (children) {
-        element[childrenName] = children.map((child, index) =>
+        node[childrenName] = children.map((child, index) =>
           this.generateIds(children[index])
         )
       }
     }
 
-    element.id = shortid.generate()
+    node.id = shortid.generate()
 
-    return element
+    return node
   }
 
-  getChildrenName = node => {
+  getChildrenName = (node: Node) => {
     if (node.name === 'root') {
       return 'items'
     }
@@ -64,9 +64,10 @@ export default class NestedListView extends React.PureComponent<Props, State> {
         <NodeView
           getChildrenName={this.getChildrenName}
           node={this.state.root}
+          onNodePressed={this.props.onNodePressed}
           generateIds={this.generateIds}
           level={0}
-          renderNode={(item, level) => this.props.renderNode(item, level)}
+          renderNode={this.props.renderNode}
         />
       </View>
     )