react-native-navigation 7.43.0 → 7.45.0

package/lib/android/app/src/main/java/com/reactnativenavigation/views/element/animators/BackgroundColorAnimator.kt

@@ -4,21 +4,23 @@ import android.animation.Animator
 import android.animation.ObjectAnimator
 import android.view.View
 import android.view.ViewGroup
+import com.facebook.react.common.annotations.UnstableReactNativeAPI
+import com.facebook.react.uimanager.drawable.CSSBackgroundDrawable
 import com.facebook.react.views.text.ReactTextView
-import com.facebook.react.views.view.ReactViewBackgroundDrawable
 import com.reactnativenavigation.options.SharedElementTransitionOptions
 import com.reactnativenavigation.utils.*
 
+@OptIn(UnstableReactNativeAPI::class)
 class BackgroundColorAnimator(from: View, to: View) : PropertyAnimatorCreator<ViewGroup>(from, to) {
     override fun shouldAnimateProperty(fromChild: ViewGroup, toChild: ViewGroup): Boolean {
-        return fromChild.background is ReactViewBackgroundDrawable &&
-                toChild.background is ReactViewBackgroundDrawable && (fromChild.background as ReactViewBackgroundDrawable).color != (toChild.background as ReactViewBackgroundDrawable).color
+        return fromChild.background is CSSBackgroundDrawable &&
+                toChild.background is CSSBackgroundDrawable && (fromChild.background as CSSBackgroundDrawable).color != (toChild.background as CSSBackgroundDrawable).color
     }
 
     override fun excludedViews() = listOf(ReactTextView::class.java)
 
     override fun create(options: SharedElementTransitionOptions): Animator {
-        val backgroundColorEvaluator = BackgroundColorEvaluator(to.background as ReactViewBackgroundDrawable)
+        val backgroundColorEvaluator = BackgroundColorEvaluator(to.background as CSSBackgroundDrawable)
         val fromColor = ColorUtils.colorToLAB(ViewUtils.getBackgroundColor(from))
         val toColor = ColorUtils.colorToLAB(ViewUtils.getBackgroundColor(to))
 

package/lib/android/app/src/main/java/com/reactnativenavigation/views/element/animators/BackgroundColorEvaluator.kt

@@ -2,11 +2,13 @@ package com.reactnativenavigation.views.element.animators
 
 import android.animation.TypeEvaluator
 import androidx.core.graphics.ColorUtils
-import com.facebook.react.views.view.ReactViewBackgroundDrawable
+import com.facebook.react.common.annotations.UnstableReactNativeAPI
+import com.facebook.react.uimanager.drawable.CSSBackgroundDrawable
 
-class BackgroundColorEvaluator(private val background: ReactViewBackgroundDrawable) : TypeEvaluator<DoubleArray> {
+class BackgroundColorEvaluator @OptIn(UnstableReactNativeAPI::class) constructor(private val background: CSSBackgroundDrawable) : TypeEvaluator<DoubleArray> {
     private val color = DoubleArray(3)
 
+    @OptIn(UnstableReactNativeAPI::class)
     override fun evaluate(ratio: Float, from: DoubleArray, to: DoubleArray): DoubleArray {
         ColorUtils.blendLAB(from, to, ratio.toDouble(), color)
         background.color = com.reactnativenavigation.utils.ColorUtils.labToColor(color)

package/lib/android/app/src/reactNative71/java/com/reactnativenavigation/react/modal/ModalContentLayout.kt

@@ -49,17 +49,17 @@ class ModalContentLayout(context: Context?) : ReactViewGroup(context), RootView{
             updateFirstChildView()
         }
     }
-    override fun onChildStartedNativeGesture(child: View, androidEvent: MotionEvent?) {
+    override fun onChildStartedNativeGesture(child: View, androidEvent: MotionEvent) {
         mJSTouchDispatcher.onChildStartedNativeGesture(androidEvent, this.getEventDispatcher())
     }
-    override fun onChildStartedNativeGesture(androidEvent: MotionEvent?) {
+    override fun onChildStartedNativeGesture(androidEvent: MotionEvent) {
         mJSTouchDispatcher.onChildStartedNativeGesture(androidEvent, this.getEventDispatcher())
     }
-    override fun onChildEndedNativeGesture(child: View, androidEvent: MotionEvent?) {
+    override fun onChildEndedNativeGesture(child: View, androidEvent: MotionEvent) {
         mJSTouchDispatcher.onChildEndedNativeGesture(androidEvent, this.getEventDispatcher())
     }
     override fun requestDisallowInterceptTouchEvent(disallowIntercept: Boolean) {}
-    private fun getEventDispatcher(): EventDispatcher? {
+    private fun getEventDispatcher(): EventDispatcher {
         val reactContext: ReactContext = this.getReactContext()
         return reactContext.getNativeModule(UIManagerModule::class.java)!!.eventDispatcher
     }
@@ -73,12 +73,12 @@ class ModalContentLayout(context: Context?) : ReactViewGroup(context), RootView{
         return this.context as ReactContext
     }
 
-    override fun onInterceptTouchEvent(event: MotionEvent?): Boolean {
+    override fun onInterceptTouchEvent(event: MotionEvent): Boolean {
         mJSTouchDispatcher.handleTouchEvent(event, getEventDispatcher())
         return super.onInterceptTouchEvent(event)
     }
 
-    override fun onTouchEvent(event: MotionEvent?): Boolean {
+    override fun onTouchEvent(event: MotionEvent): Boolean {
         mJSTouchDispatcher.handleTouchEvent(event, getEventDispatcher())
         super.onTouchEvent(event)
         return true

package/lib/dist/Mock/Application.d.ts

@@ -4,13 +4,11 @@ interface ApplicationProps {
 }
 export declare const Application: {
     new (props: ApplicationProps): {
-        render(): JSX.Element;
-        context: any;
+        render(): React.JSX.Element;
+        context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<ApplicationProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<ApplicationProps> & Readonly<{
-            children?: React.ReactNode;
-        }>;
+        readonly props: Readonly<ApplicationProps>;
         state: Readonly<{}>;
         refs: {
             [key: string]: React.ReactInstance;
@@ -28,6 +26,6 @@ export declare const Application: {
         componentWillUpdate?(nextProps: Readonly<ApplicationProps>, nextState: Readonly<{}>, nextContext: any): void;
         UNSAFE_componentWillUpdate?(nextProps: Readonly<ApplicationProps>, nextState: Readonly<{}>, nextContext: any): void;
     };
-    contextType?: React.Context<any>;
+    contextType?: React.Context<any> | undefined;
 };
 export {};

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

@@ -1,14 +1,12 @@
 import React from 'react';
 import { ComponentProps } from '../ComponentProps';
 export declare const BottomTabs: {
-    new (props: Readonly<ComponentProps>): {
-        render(): JSX.Element[];
-        context: any;
+    new (props: ComponentProps): {
+        render(): React.JSX.Element[];
+        context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<ComponentProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<ComponentProps> & Readonly<{
-            children?: React.ReactNode;
-        }>;
+        readonly props: Readonly<ComponentProps>;
         state: Readonly<{}>;
         refs: {
             [key: string]: React.ReactInstance;
@@ -26,14 +24,12 @@ export declare const BottomTabs: {
         componentWillUpdate?(nextProps: Readonly<ComponentProps>, nextState: Readonly<{}>, nextContext: any): void;
         UNSAFE_componentWillUpdate?(nextProps: Readonly<ComponentProps>, nextState: Readonly<{}>, nextContext: any): void;
     };
-    new (props: ComponentProps, context?: any): {
-        render(): JSX.Element[];
-        context: any;
+    new (props: ComponentProps, context: any): {
+        render(): React.JSX.Element[];
+        context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<ComponentProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<ComponentProps> & Readonly<{
-            children?: React.ReactNode;
-        }>;
+        readonly props: Readonly<ComponentProps>;
         state: Readonly<{}>;
         refs: {
             [key: string]: React.ReactInstance;
@@ -51,5 +47,5 @@ export declare const BottomTabs: {
         componentWillUpdate?(nextProps: Readonly<ComponentProps>, nextState: Readonly<{}>, nextContext: any): void;
         UNSAFE_componentWillUpdate?(nextProps: Readonly<ComponentProps>, nextState: Readonly<{}>, nextContext: any): void;
     };
-    contextType?: React.Context<any>;
+    contextType?: React.Context<any> | undefined;
 };

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

@@ -4,14 +4,12 @@ export declare const ComponentScreen: {
     new (props: ComponentProps): {
         componentDidMount(): void;
         isVisible(): boolean;
-        renderTabBar(): JSX.Element | null;
-        render(): JSX.Element;
-        context: any;
+        renderTabBar(): React.JSX.Element | null;
+        render(): React.JSX.Element;
+        context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<ComponentProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<ComponentProps> & Readonly<{
-            children?: React.ReactNode;
-        }>;
+        readonly props: Readonly<ComponentProps>;
         state: Readonly<{}>;
         refs: {
             [key: string]: React.ReactInstance;
@@ -28,5 +26,5 @@ export declare const ComponentScreen: {
         componentWillUpdate?(nextProps: Readonly<ComponentProps>, nextState: Readonly<{}>, nextContext: any): void;
         UNSAFE_componentWillUpdate?(nextProps: Readonly<ComponentProps>, nextState: Readonly<{}>, nextContext: any): void;
     };
-    contextType?: React.Context<any>;
+    contextType?: React.Context<any> | undefined;
 };

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

@@ -34,7 +34,9 @@ exports.ComponentScreen = (0, connect_1.connect)(class extends react_1.Component
             return null;
         const buttons = bottomTabs.children.map((child, i) => {
             const bottomTabOptions = child.resolveOptions().bottomTab;
-            const icon = bottomTabs.selectedIndex === i ? bottomTabOptions?.selectedIcon : bottomTabOptions?.icon;
+            const icon = bottomTabs.selectedIndex === i
+                ? bottomTabOptions?.selectedIcon
+                : bottomTabOptions?.icon;
             const iconURI = isURISource(icon) ? icon.uri : undefined;
             return (react_1.default.createElement(react_native_1.View, { key: `tab-${i}` },
                 react_1.default.createElement(react_native_1.TouchableOpacity, { style: { padding: 10 }, testID: bottomTabOptions?.testID, onPress: () => {
@@ -46,10 +48,15 @@ exports.ComponentScreen = (0, connect_1.connect)(class extends react_1.Component
                     } },
                     react_1.default.createElement(react_native_1.View, { style: { justifyContent: 'center', alignItems: 'center' } },
                         react_1.default.createElement(react_native_1.Text, null, bottomTabOptions?.badge),
-                        iconURI && react_1.default.createElement(react_native_1.Image, { style: { width: 18, height: 18, marginBottom: 5 }, source: { uri: iconURI } }),
+                        iconURI && (react_1.default.createElement(react_native_1.Image, { style: { width: 18, height: 18, marginBottom: 5 }, source: { uri: iconURI } })),
                         react_1.default.createElement(react_native_1.Text, { style: { fontSize: 12 } }, bottomTabOptions?.text || '')))));
         });
-        return (react_1.default.createElement(react_native_1.View, { testID: bottomTabsOptions?.testID, style: { flexDirection: 'row', justifyContent: 'center', width: '100%', backgroundColor: '#F0F2F5' } }, buttons));
+        return (react_1.default.createElement(react_native_1.View, { testID: bottomTabsOptions?.testID, style: {
+                flexDirection: 'row',
+                justifyContent: 'center',
+                width: '100%',
+                backgroundColor: '#F0F2F5',
+            } }, buttons));
     }
     render() {
         const Component = react_native_navigation_1.Navigation.mock.store.getWrappedComponent(this.props.layoutNode.data.name);

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

@@ -1,15 +1,13 @@
 import React from 'react';
 import { ComponentProps } from '../ComponentProps';
 export declare const LayoutComponent: {
-    new (props: Readonly<ComponentProps>): {
-        render(): JSX.Element;
+    new (props: ComponentProps): {
+        render(): React.JSX.Element;
         componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void;
-        context: any;
+        context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<ComponentProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<ComponentProps> & Readonly<{
-            children?: React.ReactNode;
-        }>;
+        readonly props: Readonly<ComponentProps>;
         state: Readonly<{}>;
         refs: {
             [key: string]: React.ReactInstance;
@@ -26,15 +24,13 @@ export declare const LayoutComponent: {
         componentWillUpdate?(nextProps: Readonly<ComponentProps>, nextState: Readonly<{}>, nextContext: any): void;
         UNSAFE_componentWillUpdate?(nextProps: Readonly<ComponentProps>, nextState: Readonly<{}>, nextContext: any): void;
     };
-    new (props: ComponentProps, context?: any): {
-        render(): JSX.Element;
+    new (props: ComponentProps, context: any): {
+        render(): React.JSX.Element;
         componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void;
-        context: any;
+        context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<ComponentProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<ComponentProps> & Readonly<{
-            children?: React.ReactNode;
-        }>;
+        readonly props: Readonly<ComponentProps>;
         state: Readonly<{}>;
         refs: {
             [key: string]: React.ReactInstance;
@@ -51,5 +47,5 @@ export declare const LayoutComponent: {
         componentWillUpdate?(nextProps: Readonly<ComponentProps>, nextState: Readonly<{}>, nextContext: any): void;
         UNSAFE_componentWillUpdate?(nextProps: Readonly<ComponentProps>, nextState: Readonly<{}>, nextContext: any): void;
     };
-    contextType?: React.Context<any>;
+    contextType?: React.Context<any> | undefined;
 };

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

@@ -1,14 +1,12 @@
 import React from 'react';
 import { ComponentProps } from '../ComponentProps';
 export declare const Modals: {
-    new (props: Readonly<ComponentProps>): {
-        render(): JSX.Element;
-        context: any;
+    new (props: ComponentProps): {
+        render(): React.JSX.Element;
+        context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<ComponentProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<ComponentProps> & Readonly<{
-            children?: React.ReactNode;
-        }>;
+        readonly props: Readonly<ComponentProps>;
         state: Readonly<{}>;
         refs: {
             [key: string]: React.ReactInstance;
@@ -26,14 +24,12 @@ export declare const Modals: {
         componentWillUpdate?(nextProps: Readonly<ComponentProps>, nextState: Readonly<{}>, nextContext: any): void;
         UNSAFE_componentWillUpdate?(nextProps: Readonly<ComponentProps>, nextState: Readonly<{}>, nextContext: any): void;
     };
-    new (props: ComponentProps, context?: any): {
-        render(): JSX.Element;
-        context: any;
+    new (props: ComponentProps, context: any): {
+        render(): React.JSX.Element;
+        context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<ComponentProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<ComponentProps> & Readonly<{
-            children?: React.ReactNode;
-        }>;
+        readonly props: Readonly<ComponentProps>;
         state: Readonly<{}>;
         refs: {
             [key: string]: React.ReactInstance;
@@ -51,5 +47,5 @@ export declare const Modals: {
         componentWillUpdate?(nextProps: Readonly<ComponentProps>, nextState: Readonly<{}>, nextContext: any): void;
         UNSAFE_componentWillUpdate?(nextProps: Readonly<ComponentProps>, nextState: Readonly<{}>, nextContext: any): void;
     };
-    contextType?: React.Context<any>;
+    contextType?: React.Context<any> | undefined;
 };

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

@@ -5,17 +5,15 @@ interface ButtonProps {
     componentId: string;
 }
 export declare const NavigationButton: {
-    new (props: Readonly<ButtonProps>): {
+    new (props: ButtonProps): {
         ref: undefined;
-        render(): JSX.Element;
-        renderButtonComponent(): JSX.Element;
+        render(): React.JSX.Element;
+        renderButtonComponent(): React.JSX.Element;
         invokeOnClick(stateNode: any): void;
-        context: any;
+        context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<ButtonProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<ButtonProps> & Readonly<{
-            children?: React.ReactNode;
-        }>;
+        readonly props: Readonly<ButtonProps>;
         state: Readonly<{}>;
         refs: {
             [key: string]: React.ReactInstance;
@@ -33,17 +31,15 @@ export declare const NavigationButton: {
         componentWillUpdate?(nextProps: Readonly<ButtonProps>, nextState: Readonly<{}>, nextContext: any): void;
         UNSAFE_componentWillUpdate?(nextProps: Readonly<ButtonProps>, nextState: Readonly<{}>, nextContext: any): void;
     };
-    new (props: ButtonProps, context?: any): {
+    new (props: ButtonProps, context: any): {
         ref: undefined;
-        render(): JSX.Element;
-        renderButtonComponent(): JSX.Element;
+        render(): React.JSX.Element;
+        renderButtonComponent(): React.JSX.Element;
         invokeOnClick(stateNode: any): void;
-        context: any;
+        context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<ButtonProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<ButtonProps> & Readonly<{
-            children?: React.ReactNode;
-        }>;
+        readonly props: Readonly<ButtonProps>;
         state: Readonly<{}>;
         refs: {
             [key: string]: React.ReactInstance;
@@ -61,6 +57,6 @@ export declare const NavigationButton: {
         componentWillUpdate?(nextProps: Readonly<ButtonProps>, nextState: Readonly<{}>, nextContext: any): void;
         UNSAFE_componentWillUpdate?(nextProps: Readonly<ButtonProps>, nextState: Readonly<{}>, nextContext: any): void;
     };
-    contextType?: React.Context<any>;
+    contextType?: React.Context<any> | undefined;
 };
 export {};

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

@@ -1,14 +1,12 @@
 import React from 'react';
 import { ComponentProps } from '../ComponentProps';
 export declare const Overlays: {
-    new (props: Readonly<ComponentProps>): {
-        render(): JSX.Element;
-        context: any;
+    new (props: ComponentProps): {
+        render(): React.JSX.Element;
+        context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<ComponentProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<ComponentProps> & Readonly<{
-            children?: React.ReactNode;
-        }>;
+        readonly props: Readonly<ComponentProps>;
         state: Readonly<{}>;
         refs: {
             [key: string]: React.ReactInstance;
@@ -26,14 +24,12 @@ export declare const Overlays: {
         componentWillUpdate?(nextProps: Readonly<ComponentProps>, nextState: Readonly<{}>, nextContext: any): void;
         UNSAFE_componentWillUpdate?(nextProps: Readonly<ComponentProps>, nextState: Readonly<{}>, nextContext: any): void;
     };
-    new (props: ComponentProps, context?: any): {
-        render(): JSX.Element;
-        context: any;
+    new (props: ComponentProps, context: any): {
+        render(): React.JSX.Element;
+        context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<ComponentProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<ComponentProps> & Readonly<{
-            children?: React.ReactNode;
-        }>;
+        readonly props: Readonly<ComponentProps>;
         state: Readonly<{}>;
         refs: {
             [key: string]: React.ReactInstance;
@@ -51,5 +47,5 @@ export declare const Overlays: {
         componentWillUpdate?(nextProps: Readonly<ComponentProps>, nextState: Readonly<{}>, nextContext: any): void;
         UNSAFE_componentWillUpdate?(nextProps: Readonly<ComponentProps>, nextState: Readonly<{}>, nextContext: any): void;
     };
-    contextType?: React.Context<any>;
+    contextType?: React.Context<any> | undefined;
 };

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

@@ -1,14 +1,12 @@
 import React from 'react';
 import { ComponentProps } from '../ComponentProps';
 export declare const Stack: {
-    new (props: Readonly<ComponentProps>): {
-        render(): JSX.Element[];
-        context: any;
+    new (props: ComponentProps): {
+        render(): React.JSX.Element[];
+        context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<ComponentProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<ComponentProps> & Readonly<{
-            children?: React.ReactNode;
-        }>;
+        readonly props: Readonly<ComponentProps>;
         state: Readonly<{}>;
         refs: {
             [key: string]: React.ReactInstance;
@@ -26,14 +24,12 @@ export declare const Stack: {
         componentWillUpdate?(nextProps: Readonly<ComponentProps>, nextState: Readonly<{}>, nextContext: any): void;
         UNSAFE_componentWillUpdate?(nextProps: Readonly<ComponentProps>, nextState: Readonly<{}>, nextContext: any): void;
     };
-    new (props: ComponentProps, context?: any): {
-        render(): JSX.Element[];
-        context: any;
+    new (props: ComponentProps, context: any): {
+        render(): React.JSX.Element[];
+        context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<ComponentProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<ComponentProps> & Readonly<{
-            children?: React.ReactNode;
-        }>;
+        readonly props: Readonly<ComponentProps>;
         state: Readonly<{}>;
         refs: {
             [key: string]: React.ReactInstance;
@@ -51,5 +47,5 @@ export declare const Stack: {
         componentWillUpdate?(nextProps: Readonly<ComponentProps>, nextState: Readonly<{}>, nextContext: any): void;
         UNSAFE_componentWillUpdate?(nextProps: Readonly<ComponentProps>, nextState: Readonly<{}>, nextContext: any): void;
     };
-    contextType?: React.Context<any>;
+    contextType?: React.Context<any> | undefined;
 };

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

@@ -8,17 +8,15 @@ export interface TopBarProps {
 }
 export declare const TopBar: {
     new (props: TopBarProps): {
-        render(): JSX.Element | null;
+        render(): React.JSX.Element | null;
         shouldRenderBackButton(layoutNode: ParentNode): boolean;
-        renderButtons(buttons?: OptionsTopBarButton[]): JSX.Element[];
-        renderBackButton(): JSX.Element;
-        renderComponent(id: string, name: string, testID?: string): JSX.Element;
-        context: any;
+        renderButtons(buttons?: OptionsTopBarButton[]): React.JSX.Element[];
+        renderBackButton(): React.JSX.Element;
+        renderComponent(id: string, name: string, testID?: string): React.JSX.Element;
+        context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<TopBarProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<TopBarProps> & Readonly<{
-            children?: React.ReactNode;
-        }>;
+        readonly props: Readonly<TopBarProps>;
         state: Readonly<{}>;
         refs: {
             [key: string]: React.ReactInstance;
@@ -36,5 +34,5 @@ export declare const TopBar: {
         componentWillUpdate?(nextProps: Readonly<TopBarProps>, nextState: Readonly<{}>, nextContext: any): void;
         UNSAFE_componentWillUpdate?(nextProps: Readonly<TopBarProps>, nextState: Readonly<{}>, nextContext: any): void;
     };
-    contextType?: React.Context<any>;
+    contextType?: React.Context<any> | undefined;
 };

package/lib/dist/Mock/connect.js

@@ -1,8 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.connect = connect;
+exports.connect = void 0;
 const remx_1 = require("remx");
 function connect(component) {
     // @ts-ignore
     return (0, remx_1.connect)()(component);
 }
+exports.connect = connect;

package/lib/dist/Mock/index.js

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

package/lib/dist/src/adapters/NativeEventsReceiver.js

@@ -8,7 +8,7 @@ class NativeEventsReceiver {
         try {
             this.emitter = new react_native_1.NativeEventEmitter(react_native_1.NativeModules.RNNEventEmitter);
         }
-        catch (e) {
+        catch {
             this.emitter = {
                 addListener: () => {
                     return {

package/lib/dist/src/adapters/TouchablePreview.d.ts

@@ -8,7 +8,7 @@ interface GestureResponderEventWithForce extends NativeSyntheticEvent<NativeTouc
 }
 export interface Props {
     children?: React.ReactNode;
-    touchableComponent?: TouchableHighlight | TouchableOpacity | TouchableNativeFeedback | TouchableWithoutFeedback | React.ReactNode;
+    touchableComponent?: typeof TouchableHighlight | typeof TouchableOpacity | TouchableNativeFeedback | TouchableWithoutFeedback | React.ReactNode;
     onPress?: () => void;
     onPressIn?: (payload: {
         reactTag: number | null;
@@ -38,6 +38,6 @@ export declare class TouchablePreview extends React.PureComponent<Props> {
     onTouchStart: (event: GestureResponderEvent) => void;
     onTouchMove: (event: GestureResponderEventWithForce) => void;
     onTouchEnd: () => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};

package/lib/dist/src/commands/LayoutType.js

@@ -13,4 +13,4 @@ var LayoutType;
     LayoutType["TopTabs"] = "TopTabs";
     LayoutType["ExternalComponent"] = "ExternalComponent";
     LayoutType["SplitView"] = "SplitView";
-})(LayoutType || (exports.LayoutType = LayoutType = {}));
+})(LayoutType = exports.LayoutType || (exports.LayoutType = {}));

package/lib/dist/src/commands/OptionsProcessor.js

@@ -68,7 +68,7 @@ class OptionsProcessor {
         return path;
     }
     processColor(key, value, options) {
-        if ((0, isEqual_1.default)(key, 'color') || (0, endsWith_1.default)(key, 'Color')) {
+        if (((0, isEqual_1.default)(key, 'color') || (0, endsWith_1.default)(key, 'Color')) && !(0, isEqual_1.default)(key, 'bkgColor')) {
             if (react_native_1.Platform.OS === 'ios')
                 this.processColorIOS(key, value, options);
             else
@@ -313,6 +313,13 @@ class OptionsProcessor {
                 enter: animation.topBar,
             };
         }
+        if (animation.statusBar &&
+            !(0, has_1.default)(animation, 'statusBar.enter') &&
+            !(0, has_1.default)(animation, 'statusBar.exit')) {
+            parentOptions.push.statusBar = {
+                enter: animation.statusBar,
+            };
+        }
         if (animation.bottomTabs &&
             !(0, has_1.default)(animation, 'bottomTabs.enter') &&
             !(0, has_1.default)(animation, 'bottomTabs.exit')) {

package/lib/dist/src/components/Modal.d.ts

@@ -15,6 +15,6 @@ export declare class Modal extends React.Component<RNNModalProps> {
         animationType: string;
     };
     constructor(props: RNNModalProps);
-    render(): JSX.Element | null;
+    render(): React.JSX.Element | null;
     private proccessProps;
 }

package/lib/dist/src/interfaces/CommandName.js

@@ -19,4 +19,4 @@ var CommandName;
     CommandName["DismissOverlay"] = "dismissOverlay";
     CommandName["DismissAllOverlays"] = "dismissAllOverlays";
     CommandName["GetLaunchArgs"] = "getLaunchArgs";
-})(CommandName || (exports.CommandName = CommandName = {}));
+})(CommandName = exports.CommandName || (exports.CommandName = {}));

package/lib/dist/src/interfaces/Options.d.ts

@@ -1166,12 +1166,34 @@ export interface IconInsets {
      */
     right?: number;
 }
+export interface ColorAnimationOptions {
+    /**
+     * Color duration time; Default is as determined by the OS
+     */
+    duration?: number;
+}
 export interface ViewAnimationOptions extends ScreenAnimationOptions {
     /**
      * ID of the Top Bar we want to animate
      */
     id?: string;
 }
+export interface TopBarAnimationOptions extends ViewAnimationOptions {
+    /**
+     * Animation of the top-bar's background color, in case the top-bar background color
+     * has been explicitly specified.
+     *
+     * Applicable only in transition of screens with color (non-component) backgrounds.
+     */
+    bkgColor?: ColorAnimationOptions;
+}
+export interface StatusBarAnimationOptions extends ViewAnimationOptions {
+    /**
+     * Animation of the status-bar's background color, in case its background color
+     * has been explicitly specified.
+     */
+    bkgColor?: ColorAnimationOptions;
+}
 export interface EnterExitAnimationOptions {
     /**
      * Animate opening component
@@ -1226,9 +1248,17 @@ export interface StackAnimationOptions {
     /**
      * Configure animations for the top bar
      */
-    topBar?: ViewAnimationOptions | {
-        enter?: ViewAnimationOptions;
-        exit?: ViewAnimationOptions;
+    topBar?: TopBarAnimationOptions | {
+        enter?: TopBarAnimationOptions;
+        exit?: TopBarAnimationOptions;
+    };
+    /**
+     * Configure animations for the status bar (typically aligned
+     * with the top-bar's)
+     */
+    statusBar?: StatusBarAnimationOptions | {
+        enter?: StatusBarAnimationOptions;
+        exit?: StatusBarAnimationOptions;
     };
     /**
      * Configure animations for the bottom tabs