Fix Mock exports for external consumers (#8215)

* Move `Mock` directory into `src` and update imports accordingly

* Remove unused `Mock` file and update related dependencies in `jest.config.js`

* Update package.json to add `react-native` and `source` mappings for `./Mock`

* Reorder and update export mappings in package.json for consistency

---------

Co-authored-by: mark.dev <50657916+markdevocht@users.noreply.github.com>

Author: bvonheid

Mock.ts

@@ -8,7 +8,6 @@ module.exports = {
   },
   roots: [
     '<rootDir>/src/',
-    '<rootDir>/Mock/',
     '<rootDir>/playground/src/',
     '<rootDir>/integration/',
     '<rootDir>/scripts/',
@@ -21,7 +20,7 @@ module.exports = {
     '^react-native$': '<rootDir>/node_modules/react-native',
     '^react-native-gesture-handler$': '<rootDir>/node_modules/react-native-gesture-handler',
     '^react-native-webview$': '<rootDir>/__mocks__/react-native-webview.js',
-    'react-native-navigation/Mock': '<rootDir>/Mock/index',
+    'react-native-navigation/Mock': '<rootDir>/src/Mock/index',
     'react-native-navigation': '<rootDir>/src',
     '^src$': '<rootDir>/src',
     '\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$':

jest.config.js

@@ -20,14 +20,20 @@
     "rnn-link": "./autolink/postlink/run.js"
   },
   "main": "./lib/module/index.js",
-  "types": "./lib/typescript/src/index.d.ts",
+  "types": "./lib/typescript/index.d.ts",
   "react-native": "./src/index.ts",
   "exports": {
     ".": {
-      "react-native": "./src/index.ts",
+      "types": "./lib/typescript/index.d.ts",
+      "default": "./lib/module/index.js",
       "source": "./src/index.ts",
-      "types": "./lib/typescript/src/index.d.ts",
-      "default": "./lib/module/index.js"
+      "react-native": "./src/index.ts"
+    },
+    "./Mock": {
+      "types": "./lib/typescript/Mock/index.d.ts",
+      "default": "./lib/module/Mock/index.js",
+      "source": "./src/Mock/index.ts",
+      "react-native": "./src/Mock/index.ts"
     },
     "./package.json": "./package.json"
   },

package.json

@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
 import { View, Text, TouchableOpacity, Image, ImageURISource } from 'react-native';
-import { Navigation, ImageResource } from 'src';
+import { Navigation, ImageResource } from 'react-native-navigation';
 import { ComponentProps } from '../ComponentProps';
 import { VISIBLE_SCREEN_TEST_ID } from '../constants';
 import { LayoutStore } from '../Stores/LayoutStore';

Mock/Application.tsx src/Mock/Application.tsxMock/Application.tsx renamed to src/Mock/Application.tsx

@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
 import { Button, TouchableOpacity } from 'react-native';
-import { Navigation, OptionsTopBarButton } from 'src';
+import { Navigation, OptionsTopBarButton } from 'react-native-navigation';
 import { events } from '../Stores/EventsStore';
 
 interface ButtonProps {