chore: update babel and jest for react-native

Author: igorwessel

babel.config.js

@@ -1,14 +1,17 @@
 module.exports = (api) => {
   api.cache(true)
 
-  const config = {
+  return {
     presets: [
       ['@babel/preset-env', { targets: { node: 'current' } }],
       '@babel/preset-react',
-      'module:metro-react-native-babel-preset',
       '@babel/preset-typescript',
     ],
+    overrides: [
+      {
+        test: /react-native/,
+        presets: ['module:metro-react-native-babel-preset'],
+      },
+    ],
   }
-
-  return config
 }

jest.config.js

@@ -10,7 +10,7 @@ module.exports = {
       testPathIgnorePatterns: [
         '/node_modules/',
         '/website/',
-        '/packages/styled-components-native/',
+        '/packages/styled-components/src/native/',
       ],
       coveragePathIgnorePatterns: ['/node_modules/', '/dist/'],
       moduleNameMapper: {
@@ -21,14 +21,10 @@ module.exports = {
     {
       displayName: 'native',
       preset: 'react-native',
-      transformIgnorePatterns: ['node_modules/(?!@react-native|react-native)'],
-      transform: {
-        '^.+\\.(j|t)sx?$': 'babel-jest',
-      },
-      testPathIgnorePatterns: [
-        '/node_modules/',
-        '/website/',
-        '/packages/(?!styled-components-native)',
+      testPathIgnorePatterns: ['/node_modules/', '/website/'],
+      testMatch: [
+        '<rootDir>/packages/styled-components/src/native/__tests__/**/*.[jt]s?(x)',
+        '<rootDir>/packages/styled-components/src/native/**/?(*.)+(spec|test).[jt]s?(x)',
       ],
       coveragePathIgnorePatterns: ['/node_modules/', '/dist/'],
     },