chore: upgrade dependencies (#362)

* chore: upgrade dependencies

* Change node version

* Upgrade node

* organise imports

Author: fjmorant

.circleci/config.yml

@@ -2,7 +2,7 @@ version: 2
 jobs:
   build:
     docker:
-      - image: circleci/node:12.7.0
+      - image: circleci/node:12.22.0
     working_directory: /home/circleci/rosetta
     steps:
       - checkout

metro.config.js

@@ -10,7 +10,7 @@ module.exports = {
     getTransformOptions: async () => ({
       transform: {
         experimentalImportSupport: false,
-        inlineRequires: false,
+        inlineRequires: true,
       },
     }),
   },

package.json

@@ -24,39 +24,40 @@
     "object-hash": "2.2.0",
     "react-fast-compare": "3.2.0",
     "shortid": "2.2.16",
-    "use-global-hook": "0.2.1"
+    "use-global-hook": "0.3.0"
   },
   "peerDependencies": {
     "react": "*",
     "react-native": "*"
   },
   "devDependencies": {
-    "@babel/core": "7.15.5",
-    "@babel/runtime": "7.15.4",
+    "@babel/core": "7.12.9",
+    "@babel/runtime": "7.12.5",
     "@react-native-community/eslint-config": "3.0.1",
-    "@testing-library/jest-native": "3.4.3",
-    "@testing-library/react-native": "7.2.0",
-    "@types/jest": "25.2.3",
-    "@types/object-hash": "1.3.4",
-    "@types/react-native": "0.63.46",
+    "@testing-library/jest-native": "4.0.4",
+    "@testing-library/react-native": "9.0.0",
+    "@types/jest": "27.4.0",
+    "@types/object-hash": "2.2.1",
+    "@types/react-native": "0.66.15",
     "@types/react-test-renderer": "17.0.1",
     "@types/shortid": "0.0.29",
-    "@types/use-global-hook": "0.1.4",
+    "@types/use-global-hook": "0.1.5",
     "babel-jest": "26.6.3",
     "codecov": "3.8.3",
     "eslint": "7.32.0",
     "eslint-plugin-prettier": "4.0.0",
+    "@typescript-eslint/parser": "5.7.0",
     "istanbul": "0.4.5",
     "istanbul-api": "3.0.0",
-    "istanbul-reports": "3.0.2",
-    "jest": "25.1.0",
-    "metro-react-native-babel-preset": "0.65.0",
-    "prettier": "2.4.1",
-    "prettier-eslint": "12.0.0",
-    "react": "16.13.1",
-    "react-native": "0.63.4",
-    "react-test-renderer": "16.13.1",
-    "typescript": "3.8.3"
+    "istanbul-reports": "3.1.3",
+    "jest": "26.6.3",
+    "metro-react-native-babel-preset": "0.66.2",
+    "prettier": "2.5.1",
+    "prettier-eslint": "13.0.0",
+    "react": "17.0.2",
+    "react-native": "0.67.1",
+    "react-test-renderer": "17.0.2",
+    "typescript": "4.4.4"
   },
   "keywords": [
     "react",
@@ -83,9 +84,6 @@
       "json",
       "node"
     ],
-    "transformIgnorePatterns": [
-      "node_modules/(?!(jest-)|react-native|react-navigation|react-clone-referenced-element|mobx-react|use-global-hook)"
-    ],
     "modulePathIgnorePatterns": [
       "<rootDir>/examples/"
     ],

src/NestedListView.test.tsx

@@ -1,7 +1,9 @@
 import * as React from 'react';
-import { Pressable, Text, View } from 'react-native';
-import NestedListView, { INode, NestedRow } from '.';
+import { Text, View } from 'react-native';
+import { INode } from './NodeView';
 import { render, waitFor, fireEvent } from '@testing-library/react-native';
+import { NestedListView } from './NestedListView';
+import { NestedRow } from './NestedRow';
 
 let mockCounter = 0;
 
@@ -361,19 +363,23 @@ describe('NestedListView', () => {
 
     const mockIsTheLast = jest.fn();
 
-    const { UNSAFE_getByType } = render(
+    const { getByText } = render(
       <NestedListView
         renderNode={(item: INode, level: number, isLastItem: boolean) => {
           mockIsTheLast(isLastItem);
 
-          return <NestedRow level={level}>{item.title}</NestedRow>;
+          return (
+            <NestedRow level={level}>
+              <Text>{item.title}</Text>
+            </NestedRow>
+          );
         }}
         data={data}
       />,
     );
 
     await waitFor(() => {
-      const child1 = UNSAFE_getByType(Pressable);
+      const child1 = getByText('child1');
 
       if (child1) {
         fireEvent.press(child1);