Move mocks to lib/Mock and build Mock.ts (#7313)

* Move mocks to lib/Mock and build Mock.ts

* update gitignore

* Fix mocks location

* update package.json main

.gitignore

@@ -237,4 +237,7 @@ playground/ios/Podfile.lock
 website/package-lock.json
 
 # detox artifacts
-artifacts/
+artifacts/
+
+# Navigation mocks
+Mock*

Mock.ts

@@ -1 +1 @@
-export * from './lib/dist/Mock';
+export * from './lib/Mock';

jest.config.js

@@ -16,7 +16,7 @@ module.exports = {
   setupFilesAfterEnv: ['./jest-setup.js'],
   testPathIgnorePatterns: ['/node_modules/'],
   moduleNameMapper: {
-    'react-native-navigation/Mock': '<rootDir>/lib/src/Mock',
+    'react-native-navigation/Mock': '<rootDir>/lib/Mock',
     'react-native-navigation': '<rootDir>/lib/src',
     '\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$':
       '<rootDir>/playground/img/[email protected]',

lib/src/Mock/Components/ComponentScreen.tsx → lib/Mock/Components/ComponentScreen.tsx

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

lib/src/Mock/Components/NavigationButton.tsx → lib/Mock/Components/NavigationButton.tsx

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

lib/src/Mock/Components/TopBar.tsx → lib/Mock/Components/TopBar.tsx

@@ -1,7 +1,7 @@
 import React, { Component } from 'react';
 import { Button, View, Text } from 'react-native';
-import { Navigation, OptionsTopBarButton } from '../..';
-import { OptionsTopBar, OptionsTopBarBackButton } from '../../interfaces/Options';
+import { Navigation, OptionsTopBarButton } from '../../src';
+import { OptionsTopBar, OptionsTopBarBackButton } from '../../src/interfaces/Options';
 import ParentNode from '../Layouts/ParentNode';
 import { LayoutStore } from '../Stores/LayoutStore';
 import { NavigationButton } from './NavigationButton';

lib/src/Mock/Layouts/BottomTabsNode.ts → lib/Mock/Layouts/BottomTabsNode.ts

@@ -1,5 +1,5 @@
 import _ from 'lodash';
-import { Options } from '../../index';
+import { Options } from '../../src/index';
 import { LayoutStore } from '../Stores/LayoutStore';
 import ParentNode from './ParentNode';
 

lib/src/Mock/Layouts/ComponentNode.ts → lib/Mock/Layouts/ComponentNode.ts

@@ -1,5 +1,5 @@
 import _ from 'lodash';
-import { OptionsTopBarButton } from 'react-native-navigation/interfaces/Options';
+import { OptionsTopBarButton } from '../../src';
 import { events } from '../Stores/EventsStore';
 import ParentNode from './ParentNode';
 

lib/src/Mock/Layouts/Node.ts → lib/Mock/Layouts/Node.ts

@@ -1,4 +1,4 @@
-import { Options } from '../../index';
+import { Options } from '../../src/index';
 import ParentNode from './ParentNode';
 
 interface Data {

lib/src/Mock/Layouts/ParentNode.ts → lib/Mock/Layouts/ParentNode.ts

@@ -1,6 +1,6 @@
 import _ from 'lodash';
-import { OptionsTopBarButton } from '../../interfaces/Options';
-import { Options } from '../../index';
+import { OptionsTopBarButton } from '../../src/interfaces/Options';
+import { Options } from '../../src/index';
 import { LayoutStore } from '../Stores/LayoutStore';
 import ComponentNode from './ComponentNode';
 import LayoutNodeFactory from './LayoutNodeFactory';

lib/src/Mock/Stores/EventsStore.ts → lib/Mock/Stores/EventsStore.ts

@@ -2,9 +2,9 @@ import {
   ComponentDidDisappearEvent,
   ComponentWillAppearEvent,
   ModalDismissedEvent,
-} from '../../interfaces/ComponentEvents';
-import { ComponentDidAppearEvent, NavigationButtonPressedEvent } from '../../index';
-import { BottomTabPressedEvent } from '../../interfaces/Events';
+} from '../../src/interfaces/ComponentEvents';
+import { ComponentDidAppearEvent, NavigationButtonPressedEvent } from '../../src/index';
+import { BottomTabPressedEvent } from '../../src/interfaces/Events';
 
 export const events = {
   navigationButtonPressed: [(_event: NavigationButtonPressedEvent) => {}],

lib/src/Mock/Stores/LayoutStore.ts → lib/Mock/Stores/LayoutStore.ts

@@ -2,7 +2,7 @@ import _ from 'lodash';
 import BottomTabsNode from '../Layouts/BottomTabsNode';
 import ParentNode from '../Layouts/ParentNode';
 import LayoutNodeFactory from '../Layouts/LayoutNodeFactory';
-import { Options } from '../../interfaces/Options';
+import { Options } from '../../src/interfaces/Options';
 import StackNode from '../Layouts/StackNode';
 
 const remx = require('remx');

lib/src/Mock/mocks/NativeCommandsSender.tsx → lib/Mock/mocks/NativeCommandsSender.tsx

@@ -1,6 +1,6 @@
 import { LayoutStore } from '../Stores/LayoutStore';
 import LayoutNodeFactory from '../Layouts/LayoutNodeFactory';
-import { LayoutNode } from 'react-native-navigation/commands/LayoutTreeCrawler';
+import { LayoutNode } from '../../src/commands/LayoutTreeCrawler';
 import { events } from '../Stores/EventsStore';
 import _ from 'lodash';
 import ComponentNode from '../Layouts/ComponentNode';

lib/src/Mock/mocks/NativeEventsReceiver.ts → lib/Mock/mocks/NativeEventsReceiver.ts

@@ -11,13 +11,13 @@ import {
   ModalDismissedEvent,
   ScreenPoppedEvent,
   ModalAttemptedToDismissEvent,
-} from '../../interfaces/ComponentEvents';
+} from '../../src/interfaces/ComponentEvents';
 import {
   CommandCompletedEvent,
   BottomTabSelectedEvent,
   BottomTabLongPressedEvent,
   BottomTabPressedEvent,
-} from '../../interfaces/Events';
+} from '../../src/interfaces/Events';
 import { events } from './../Stores/EventsStore';
 
 export class NativeEventsReceiver {

package.json

@@ -19,8 +19,8 @@
   "bin": {
     "rnn-link": "./autolink/postlink/run.js"
   },
-  "main": "lib/dist/index.js",
-  "typings": "lib/dist/index.d.ts",
+  "main": "lib/dist/src/index.js",
+  "typings": "lib/dist/src/index.d.ts",
   "scripts": {
     "build": "node ./scripts/build",
     "watch": "node ./scripts/watch",

scripts/build.js

@@ -7,8 +7,10 @@ run();
 function run() {
   if (isWindows) {
     exec.execSync(`del /F /S /Q lib\\dist`);
-    exec.execSync(`tsc --project tsconfig.build.json`);
+    exec.execSync(`tsc --project tsconfig.build.json && tsc --project tsconfig.mocks.json`);
   } else {
-    exec.execSync(`rm -rf ./lib/dist && tsc --project tsconfig.build.json`);
+    exec.execSync(
+      `rm -rf ./lib/dist && tsc --project tsconfig.build.json && tsc --project tsconfig.mocks.json`
+    );
   }
 }

tsconfig.json

@@ -16,5 +16,5 @@
       "react-native-navigation/*": ["lib/src/*"]
     }
   },
-  "include": ["./lib/src/**/*", "./playground/**/*"]
+  "include": ["./lib/src/**/*", "./playground/**/*", "lib/Mock"]
 }

tsconfig.mocks.json

@@ -0,0 +1,7 @@
+{
+  "extends": "./tsconfig.build.json",
+  "compilerOptions": {
+    "outDir": "./"
+  },
+  "include": ["Mock.ts"]
+}