chore: restructure folders

Author: fjmorant

src/index.ts

@@ -1,6 +1,6 @@
-import { NestedListView } from './NestedListView';
-import { NestedRow } from './NestedRow';
-import { INode } from './NodeView';
+import { NestedListView } from './nested-list-view';
+import { NestedRow } from './nested-row';
+import { INode } from './node-view';
 
 export { NestedRow };
 

src/nested-list-view/index.ts

@@ -0,0 +1 @@
+export * from './nested-list-view';

src/NestedListView.test.tsx renamed to src/nested-list-view/nested-list-view.test.tsx

@@ -1,9 +1,10 @@
+/* eslint-disable react/jsx-no-bind */
 import React from 'react';
 import { Text, View } from 'react-native';
-import { INode } from './NodeView';
+import { INode } from '../node-view';
 import { render, waitFor, fireEvent } from '@testing-library/react-native';
-import { NestedListView } from './NestedListView';
-import { NestedRow } from './NestedRow';
+import { NestedListView } from './nested-list-view';
+import { NestedRow } from '../nested-row';
 
 const renderNode = (node: INode) => (
   <View>

src/NestedListView.tsx renamed to src/nested-list-view/nested-list-view.tsx

@@ -1,7 +1,7 @@
 import hashObjectGenerator from 'object-hash';
 import React, { ReactElement, useCallback, useEffect, useState } from 'react';
 import { StyleSheet, Text, View } from 'react-native';
-import { INode, NodeView } from './NodeView';
+import { INode, NodeView } from '../node-view';
 
 const styles = StyleSheet.create({
   errorContainer: {

src/nested-row/index.ts

@@ -0,0 +1 @@
+export * from './nested-row';

src/NestedRow.test.tsx renamed to src/nested-row/nested-row.test.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Text } from 'react-native';
-import { NestedRow } from './NestedRow';
+import { NestedRow } from './nested-row';
 import { render, waitFor } from '@testing-library/react-native';
 
 describe('NestedListView', () => {

src/NestedRow.tsx renamed to src/nested-row/nested-row.tsx

@@ -0,0 +1 @@
+export * from './node-view';

src/node-view/index.ts

@@ -35,7 +35,10 @@ interface GlobalState {
 }
 
 interface NodeActions {
-  setOpenedNode: (store: any, { internalId, opened }: any) => void;
+  setOpenedNode: (
+    store: Store<GlobalState, NodeActions>,
+    { internalId, opened }: any,
+  ) => void;
 }
 
 const actions = {
@@ -83,7 +86,7 @@ const NodeView = React.memo(
       });
     }, [node, _node.opened]);
 
-    const _onNodePressed = () => {
+    const _onNodePressed = useCallback(() => {
       if (keepOpenedState) {
         globalActions.setOpenedNode({
           internalId: _node._internalId,
@@ -99,7 +102,7 @@ const NodeView = React.memo(
       if (onNodePressed) {
         onNodePressed(_node);
       }
-    };
+    }, [_node, globalActions, keepOpenedState, onNodePressed]);
 
     const renderChildren = useCallback(
       (item: INode, _level: number): ReactElement => (
@@ -121,6 +124,8 @@ const NodeView = React.memo(
       [renderChildren, level],
     );
 
+    const keyExtractor = useCallback((item: INode) => item._internalId, []);
+
     const nodeChildrenName = getChildrenName(_node);
     const nodeChildren: [] = _node[nodeChildrenName];
 
@@ -140,7 +145,7 @@ const NodeView = React.memo(
             data={nodeChildren}
             renderItem={renderItem}
             extraData={extraData}
-            keyExtractor={(item: INode) => item._internalId}
+            keyExtractor={keyExtractor}
           />
         ) : null}
       </>