react-native-navigation 7.23.1-snapshot.449 → 7.24.0-snapshot.459

package/Mock.d.ts

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

package/Mock.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+(0, tslib_1.__exportStar)(require("./lib/Mock"), exports);

package/Mock.ts

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

package/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/layouts@2x.png',

package/lib/{src/Mock → 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';

package/lib/{src/Mock → 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 {

package/lib/{src/Mock → 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';

package/lib/{src/Mock → 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';
 

package/lib/{src/Mock → 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';
 

package/lib/{src/Mock → Mock}/Layouts/Node.ts

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

package/lib/{src/Mock → 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';

package/lib/{src/Mock → 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) => {}],

package/lib/{src/Mock → 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');

package/lib/Mock/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const VISIBLE_SCREEN_TEST_ID = "VISIBLE_SCREEN_TEST_ID";
+export declare const VISIBLE_OVERLAY_TEST_ID = "VISIBLE_OVERLAY_TEST_ID";

package/lib/Mock/constants.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VISIBLE_OVERLAY_TEST_ID = exports.VISIBLE_SCREEN_TEST_ID = void 0;
+exports.VISIBLE_SCREEN_TEST_ID = 'VISIBLE_SCREEN_TEST_ID';
+exports.VISIBLE_OVERLAY_TEST_ID = 'VISIBLE_OVERLAY_TEST_ID';

package/lib/Mock/index.d.ts

@@ -0,0 +1,3 @@
+export declare const ApplicationMock: any;
+export * from './constants';
+export declare function mockNativeComponents(): void;

package/lib/Mock/index.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.mockNativeComponents = exports.ApplicationMock = void 0;
+const tslib_1 = require("tslib");
+exports.ApplicationMock = require('./Application').Application;
+(0, tslib_1.__exportStar)(require("./constants"), exports);
+function mockNativeComponents() {
+    const { NativeCommandsSender } = require('./mocks/NativeCommandsSender');
+    const { NativeEventsReceiver } = require('./mocks/NativeEventsReceiver');
+    const { AppRegistryService } = require('./mocks/AppRegistryService');
+    const { Navigation } = require('react-native-navigation');
+    Navigation.mockNativeComponents(new NativeCommandsSender(), new NativeEventsReceiver(), new AppRegistryService());
+}
+exports.mockNativeComponents = mockNativeComponents;

package/lib/{src/Mock → 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';

package/lib/{src/Mock → 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/lib/android/app/src/main/java/com/reactnativenavigation/utils/SystemUiUtils.kt

@@ -17,7 +17,7 @@ import kotlin.math.ceil
 object SystemUiUtils {
     private const val STATUS_BAR_HEIGHT_M = 24
     private const val STATUS_BAR_HEIGHT_L = 25
-    private const val STATUS_BAR_HEIGHT_TRANSLUCENCY = 0.65f
+    internal const val STATUS_BAR_HEIGHT_TRANSLUCENCY = 0.65f
     private var statusBarHeight = -1
     var navigationBarDefaultColor = -1
         private set
@@ -124,7 +124,8 @@ object SystemUiUtils {
         val opaqueColor = if (Build.VERSION.SDK_INT < Build.VERSION_CODES.M) {
             Color.BLACK
         }else{
-            val alpha = if (translucent) STATUS_BAR_HEIGHT_TRANSLUCENCY else 1f
+            val colorAlpha = Color.alpha(color)
+            val alpha = if (translucent && colorAlpha == 255) STATUS_BAR_HEIGHT_TRANSLUCENCY else colorAlpha/255.0f
             val red: Int = Color.red(color)
             val green: Int = Color.green(color)
             val blue: Int = Color.blue(color)

package/lib/android/app/src/main/java/com/reactnativenavigation/viewcontrollers/bottomtabs/BottomTabsController.java

@@ -274,6 +274,7 @@ public class BottomTabsController extends ParentController<BottomTabsLayout> imp
         getCurrentView().setVisibility(View.INVISIBLE);
         bottomTabs.setCurrentItem(newIndex, false);
         getCurrentView().setVisibility(View.VISIBLE);
+        getCurrentChild().onViewWillAppear();
         getCurrentChild().onViewDidAppear();
     }
 

package/lib/android/app/src/main/java/com/reactnativenavigation/views/bottomtabs/BottomTabs.java

@@ -88,6 +88,12 @@ public class BottomTabs extends AHBottomNavigation {
         if (getDefaultBackgroundColor() != color) setDefaultBackgroundColor(color);
     }
 
+    @Override
+    public void restoreBottomNavigation(boolean withAnimation) {
+        super.restoreBottomNavigation(withAnimation);
+        if (!withAnimation) setVisibility(View.VISIBLE);
+    }
+
     @Override
     public void hideBottomNavigation(boolean withAnimation) {
         super.hideBottomNavigation(withAnimation);

package/lib/android/app/src/test/java/com/reactnativenavigation/utils/SystemUiUtilsTest.kt

@@ -0,0 +1,27 @@
+package com.reactnativenavigation.utils
+
+import android.graphics.Color
+import android.view.Window
+import com.reactnativenavigation.BaseTest
+import com.reactnativenavigation.utils.SystemUiUtils.STATUS_BAR_HEIGHT_TRANSLUCENCY
+import org.junit.Test
+import org.mockito.Mockito
+import org.mockito.kotlin.verify
+import kotlin.math.ceil
+
+class SystemUiUtilsTest : BaseTest() {
+
+    @Test
+    fun `setStatusBarColor - should change color considering alpha`() {
+        val window = Mockito.mock(Window::class.java)
+        val alphaColor = Color.argb(44, 22, 255, 255)
+        val color = Color.argb(255, 22, 255, 255)
+        SystemUiUtils.setStatusBarColor(window, alphaColor, false)
+
+        verify(window).statusBarColor = alphaColor
+
+        SystemUiUtils.setStatusBarColor(window, color, true)
+
+        verify(window).statusBarColor = Color.argb(ceil(STATUS_BAR_HEIGHT_TRANSLUCENCY*255).toInt(), 22, 255, 255)
+    }
+}

package/lib/android/app/src/test/java/com/reactnativenavigation/viewcontrollers/bottomtabs/BottomTabsControllerTest.kt

@@ -316,7 +316,24 @@ class BottomTabsControllerTest : BaseTest() {
             ), ArgumentMatchers.any(Int::class.java)
         )
     }
+    @Test
+    fun `mergeOptions - select tab calls onViewWillAppear to apply options on the selected child`(){
+        uut.ensureViewIsCreated()
+        Java6Assertions.assertThat(uut.selectedIndex).isZero
+
+        val options = Options()
+        options.bottomTabsOptions.currentTabIndex = Number(1)
+        uut.mergeOptions(options)
+        Java6Assertions.assertThat(uut.selectedIndex).isOne
+        Mockito.verify(child2).onViewWillAppear()
+        Mockito.verify(child2).onViewDidAppear()
 
+        options.bottomTabsOptions.currentTabIndex = Number(0)
+        uut.mergeOptions(options)
+        Java6Assertions.assertThat(uut.selectedIndex).isZero
+        Mockito.verify(child1).onViewWillAppear()
+        Mockito.verify(child1).onViewDidAppear()
+    }
     @Test
     fun mergeOptions_drawBehind() {
         Java6Assertions.assertThat(uut.getBottomInset(child1)).isEqualTo(uut.bottomTabs.height)

package/lib/dist/Mock/Application.js

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Application = void 0;
 const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
+const React = (0, tslib_1.__importStar)(require("react"));
 const react_native_1 = require("react-native");
 const connect_1 = require("./connect");
-exports.Application = connect_1.connect(class extends React.Component {
+exports.Application = (0, connect_1.connect)(class extends React.Component {
     constructor(props) {
         super(props);
         props.entryPoint();

package/lib/dist/Mock/Components/BottomTabs.js

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BottomTabs = void 0;
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const react_1 = (0, tslib_1.__importStar)(require("react"));
 const LayoutComponent_1 = require("./LayoutComponent");
 const connect_1 = require("../connect");
-exports.BottomTabs = connect_1.connect(class extends react_1.Component {
+exports.BottomTabs = (0, connect_1.connect)(class extends react_1.Component {
     render() {
         return this.props.layoutNode.children.map((child) => {
             return react_1.default.createElement(LayoutComponent_1.LayoutComponent, { key: child.nodeId, layoutNode: child });

package/lib/dist/Mock/Components/ComponentScreen.js

@@ -2,16 +2,16 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ComponentScreen = void 0;
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const react_1 = (0, tslib_1.__importStar)(require("react"));
 const react_native_1 = require("react-native");
-const __1 = require("../..");
+const src_1 = require("../../src");
 const constants_1 = require("../constants");
 const LayoutStore_1 = require("../Stores/LayoutStore");
 const connect_1 = require("../connect");
 const TopBar_1 = require("./TopBar");
 const EventsStore_1 = require("../Stores/EventsStore");
-const lodash_1 = tslib_1.__importDefault(require("lodash"));
-exports.ComponentScreen = connect_1.connect(class extends react_1.Component {
+const lodash_1 = (0, tslib_1.__importDefault)(require("lodash"));
+exports.ComponentScreen = (0, connect_1.connect)(class extends react_1.Component {
     constructor(props) {
         super(props);
     }
@@ -43,7 +43,7 @@ exports.ComponentScreen = connect_1.connect(class extends react_1.Component {
         return react_1.default.createElement(react_native_1.View, { testID: bottomTabsOptions?.testID }, buttons);
     }
     render() {
-        const Component = __1.Navigation.mock.store.getWrappedComponent(this.props.layoutNode.data.name);
+        const Component = src_1.Navigation.mock.store.getWrappedComponent(this.props.layoutNode.data.name);
         if (!Component)
             throw new Error(`${this.props.layoutNode.data.name} has not been registered.`);
         return (react_1.default.createElement(react_native_1.View, { testID: this.isVisible() ? constants_1.VISIBLE_SCREEN_TEST_ID : undefined },

package/lib/dist/Mock/Components/LayoutComponent.js

@@ -2,12 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LayoutComponent = void 0;
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const react_1 = (0, tslib_1.__importStar)(require("react"));
 const react_native_1 = require("react-native");
 const BottomTabs_1 = require("./BottomTabs");
 const ComponentScreen_1 = require("./ComponentScreen");
 const Stack_1 = require("./Stack");
-exports.LayoutComponent = class extends react_1.Component {
+const LayoutComponent = class extends react_1.Component {
     render() {
         switch (this.props.layoutNode.type) {
             case 'BottomTabs':
@@ -20,3 +20,4 @@ exports.LayoutComponent = class extends react_1.Component {
         return react_1.default.createElement(react_native_1.View, null);
     }
 };
+exports.LayoutComponent = LayoutComponent;

package/lib/dist/Mock/Components/Modals.js

@@ -2,12 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Modals = void 0;
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const react_1 = (0, tslib_1.__importStar)(require("react"));
 const react_native_1 = require("react-native");
 const LayoutComponent_1 = require("./LayoutComponent");
 const LayoutStore_1 = require("../Stores/LayoutStore");
 const connect_1 = require("../connect");
-exports.Modals = connect_1.connect(class extends react_1.Component {
+exports.Modals = (0, connect_1.connect)(class extends react_1.Component {
     render() {
         const children = LayoutStore_1.LayoutStore.getModals();
         return (react_1.default.createElement(react_native_1.View, { testID: 'MODALS' }, children.map((child) => {

package/lib/dist/Mock/Components/NavigationButton.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { OptionsTopBarButton } from '../../';
+import { OptionsTopBarButton } from '../../src';
 interface ButtonProps {
     button: OptionsTopBarButton;
     componentId: string;

package/lib/dist/Mock/Components/NavigationButton.js

@@ -2,15 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.NavigationButton = void 0;
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const react_1 = (0, tslib_1.__importStar)(require("react"));
 const react_native_1 = require("react-native");
-const __1 = require("../../");
+const src_1 = require("../../src");
 const EventsStore_1 = require("../Stores/EventsStore");
-exports.NavigationButton = class extends react_1.Component {
-    constructor() {
-        super(...arguments);
-        this.ref = undefined;
-    }
+const NavigationButton = class extends react_1.Component {
+    ref = undefined;
     render() {
         const { button, componentId } = this.props;
         if (button.component)
@@ -26,8 +23,8 @@ exports.NavigationButton = class extends react_1.Component {
         //@ts-ignore
         const buttonComponentId = button.component.componentId;
         //@ts-ignore
-        const Component = __1.Navigation.mock.store.getComponentClassForName(button.component.name)();
-        const props = __1.Navigation.mock.store.getPropsForId(buttonComponentId);
+        const Component = src_1.Navigation.mock.store.getComponentClassForName(button.component.name)();
+        const props = src_1.Navigation.mock.store.getPropsForId(buttonComponentId);
         return (react_1.default.createElement(react_native_1.TouchableOpacity, { onPress: () => {
                 if (this.ref) {
                     // @ts-ignore
@@ -38,7 +35,7 @@ exports.NavigationButton = class extends react_1.Component {
                     componentId: componentId,
                 });
             }, testID: button.testID },
-            react_1.default.createElement(Component, Object.assign({ key: buttonComponentId }, props, { componentId: buttonComponentId, ref: (ref) => (this.ref = ref) }))));
+            react_1.default.createElement(Component, { key: buttonComponentId, ...props, componentId: buttonComponentId, ref: (ref) => (this.ref = ref) })));
     }
     invokeOnClick(stateNode) {
         if (stateNode.children) {
@@ -53,3 +50,4 @@ exports.NavigationButton = class extends react_1.Component {
         }
     }
 };
+exports.NavigationButton = NavigationButton;

package/lib/dist/Mock/Components/Overlays.js

@@ -2,13 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Overlays = void 0;
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const react_1 = (0, tslib_1.__importStar)(require("react"));
 const react_native_1 = require("react-native");
 const constants_1 = require("../constants");
 const LayoutComponent_1 = require("./LayoutComponent");
 const LayoutStore_1 = require("../Stores/LayoutStore");
 const connect_1 = require("../connect");
-exports.Overlays = connect_1.connect(class extends react_1.Component {
+exports.Overlays = (0, connect_1.connect)(class extends react_1.Component {
     render() {
         const children = LayoutStore_1.LayoutStore.getOverlays();
         return (react_1.default.createElement(react_native_1.View, { testID: constants_1.VISIBLE_OVERLAY_TEST_ID }, children.map((child) => {

package/lib/dist/Mock/Components/Stack.js

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Stack = void 0;
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const react_1 = (0, tslib_1.__importStar)(require("react"));
 const LayoutComponent_1 = require("./LayoutComponent");
 const connect_1 = require("../connect");
-exports.Stack = connect_1.connect(class extends react_1.Component {
+exports.Stack = (0, connect_1.connect)(class extends react_1.Component {
     render() {
         const children = this.props.layoutNode.children;
         return children.map((child, i) => {

package/lib/dist/Mock/Components/TopBar.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { OptionsTopBarButton } from '../..';
-import { OptionsTopBar, OptionsTopBarBackButton } from '../../interfaces/Options';
+import { OptionsTopBarButton } from '../../src';
+import { OptionsTopBar, OptionsTopBarBackButton } from '../../src/interfaces/Options';
 import ParentNode from '../Layouts/ParentNode';
 export interface TopBarProps {
     layoutNode: ParentNode;

package/lib/dist/Mock/Components/TopBar.js

@@ -2,14 +2,14 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TopBar = void 0;
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const react_1 = (0, tslib_1.__importStar)(require("react"));
 const react_native_1 = require("react-native");
-const __1 = require("../..");
+const src_1 = require("../../src");
 const LayoutStore_1 = require("../Stores/LayoutStore");
 const NavigationButton_1 = require("./NavigationButton");
 const EventsStore_1 = require("../Stores/EventsStore");
 const DEFAULT_BACK_BUTTON_ID = 'RNN.back';
-exports.TopBar = class extends react_1.Component {
+const TopBar = class extends react_1.Component {
     constructor(props) {
         super(props);
     }
@@ -54,9 +54,10 @@ exports.TopBar = class extends react_1.Component {
             } }));
     }
     renderComponent(id, name, testID) {
-        const Component = __1.Navigation.mock.store.getComponentClassForName(name)();
-        const props = __1.Navigation.mock.store.getPropsForId(id);
+        const Component = src_1.Navigation.mock.store.getComponentClassForName(name)();
+        const props = src_1.Navigation.mock.store.getPropsForId(id);
         return (react_1.default.createElement(react_native_1.View, { key: id, testID: testID },
-            react_1.default.createElement(Component, Object.assign({}, props, { componentId: id }))));
+            react_1.default.createElement(Component, { ...props, componentId: id })));
     }
 };
+exports.TopBar = TopBar;

package/lib/dist/Mock/Layouts/BottomTabsNode.d.ts

@@ -1,4 +1,4 @@
-import { Options } from '../../index';
+import { Options } from '../../src/index';
 import ParentNode from './ParentNode';
 export default class BottomTabsNode extends ParentNode {
     selectedIndex: number;

package/lib/dist/Mock/Layouts/BottomTabsNode.js

@@ -1,13 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const lodash_1 = tslib_1.__importDefault(require("lodash"));
+const lodash_1 = (0, tslib_1.__importDefault)(require("lodash"));
 const LayoutStore_1 = require("../Stores/LayoutStore");
-const ParentNode_1 = tslib_1.__importDefault(require("./ParentNode"));
+const ParentNode_1 = (0, tslib_1.__importDefault)(require("./ParentNode"));
 class BottomTabsNode extends ParentNode_1.default {
+    selectedIndex = 0;
     constructor(layout, parentNode) {
         super(layout, 'BottomTabs', parentNode);
-        this.selectedIndex = 0;
     }
     mergeOptions(options) {
         super.mergeOptions(options);

package/lib/dist/Mock/Layouts/ComponentNode.d.ts

@@ -1,4 +1,4 @@
-import { OptionsTopBarButton } from 'react-native-navigation/interfaces/Options';
+import { OptionsTopBarButton } from '../../src';
 import ParentNode from './ParentNode';
 export default class ComponentNode extends ParentNode {
     componentDidMountOnce: boolean;

package/lib/dist/Mock/Layouts/ComponentNode.js

@@ -1,14 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const lodash_1 = tslib_1.__importDefault(require("lodash"));
+const lodash_1 = (0, tslib_1.__importDefault)(require("lodash"));
 const EventsStore_1 = require("../Stores/EventsStore");
-const ParentNode_1 = tslib_1.__importDefault(require("./ParentNode"));
+const ParentNode_1 = (0, tslib_1.__importDefault)(require("./ParentNode"));
 class ComponentNode extends ParentNode_1.default {
+    componentDidMountOnce = false;
+    componentDidAppearPending = false;
     constructor(layout, parentNode) {
         super(layout, 'Component', parentNode);
-        this.componentDidMountOnce = false;
-        this.componentDidAppearPending = false;
     }
     componentDidMount() {
         this.componentDidMountOnce = true;

package/lib/dist/Mock/Layouts/LayoutNodeFactory.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const BottomTabsNode_1 = tslib_1.__importDefault(require("./BottomTabsNode"));
-const ComponentNode_1 = tslib_1.__importDefault(require("./ComponentNode"));
-const StackNode_1 = tslib_1.__importDefault(require("./StackNode"));
+const BottomTabsNode_1 = (0, tslib_1.__importDefault)(require("./BottomTabsNode"));
+const ComponentNode_1 = (0, tslib_1.__importDefault)(require("./ComponentNode"));
+const StackNode_1 = (0, tslib_1.__importDefault)(require("./StackNode"));
 class LayoutNodeFactory {
     static create(layout, parentNode) {
         switch (layout.type) {

package/lib/dist/Mock/Layouts/Node.d.ts

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

package/lib/dist/Mock/Layouts/Node.js

@@ -1,6 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 class Node {
+    nodeId;
+    data;
+    type;
+    // options: Options;
+    parentNode;
     constructor(layout, type, parentNode) {
         this.nodeId = layout.id;
         this.data = layout.data;

package/lib/dist/Mock/Layouts/ParentNode.d.ts

@@ -1,5 +1,5 @@
-import { OptionsTopBarButton } from '../../interfaces/Options';
-import { Options } from '../../index';
+import { OptionsTopBarButton } from '../../src/interfaces/Options';
+import { Options } from '../../src/index';
 import ComponentNode from './ComponentNode';
 import Node, { NodeType } from './Node';
 export default class ParentNode extends Node {