react-native-navigation 7.43.0 → 7.45.0

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

@@ -11,11 +11,11 @@ var OptionsModalPresentationStyle;
     OptionsModalPresentationStyle["popover"] = "popover";
     OptionsModalPresentationStyle["fullScreen"] = "fullScreen";
     OptionsModalPresentationStyle["none"] = "none";
-})(OptionsModalPresentationStyle || (exports.OptionsModalPresentationStyle = OptionsModalPresentationStyle = {}));
+})(OptionsModalPresentationStyle = exports.OptionsModalPresentationStyle || (exports.OptionsModalPresentationStyle = {}));
 var OptionsModalTransitionStyle;
 (function (OptionsModalTransitionStyle) {
     OptionsModalTransitionStyle["coverVertical"] = "coverVertical";
     OptionsModalTransitionStyle["crossDissolve"] = "crossDissolve";
     OptionsModalTransitionStyle["flipHorizontal"] = "flipHorizontal";
     OptionsModalTransitionStyle["partialCurl"] = "partialCurl";
-})(OptionsModalTransitionStyle || (exports.OptionsModalTransitionStyle = OptionsModalTransitionStyle = {}));
+})(OptionsModalTransitionStyle = exports.OptionsModalTransitionStyle || (exports.OptionsModalTransitionStyle = {}));

package/lib/dist/src/types.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare module 'react-lifecycles-compat' {
     import * as React from 'react';
     function polyfill(component: React.ComponentClass<any>): void;

package/lib/ios/BottomTabsBasePresenter.m

@@ -1,5 +1,6 @@
 #import "BottomTabsBasePresenter.h"
 #import "RNNBottomTabsController.h"
+#import "RNNConvert.h"
 #import "UIImage+utils.h"
 
 @implementation BottomTabsBasePresenter
@@ -29,7 +30,7 @@
     [self applyBackgroundColor:[withDefault.bottomTabs.backgroundColor withDefault:nil]
                    translucent:[withDefault.bottomTabs.translucent withDefault:NO]];
     [bottomTabs setTabBarHideShadow:[withDefault.bottomTabs.hideShadow withDefault:NO]];
-    [bottomTabs setTabBarStyle:[RCTConvert UIBarStyle:[withDefault.bottomTabs.barStyle
+    [bottomTabs setTabBarStyle:[RNNConvert UIBarStyle:[withDefault.bottomTabs.barStyle
                                                           withDefault:@"default"]]];
     [self applyTabBarBorder:withDefault.bottomTabs];
     [self applyTabBarShadow:withDefault.bottomTabs.shadow];
@@ -60,7 +61,7 @@
     }
 
     if (mergeOptions.bottomTabs.barStyle.hasValue) {
-        [bottomTabs setTabBarStyle:[RCTConvert UIBarStyle:mergeOptions.bottomTabs.barStyle.get]];
+        [bottomTabs setTabBarStyle:[RNNConvert UIBarStyle:mergeOptions.bottomTabs.barStyle.get]];
     }
 
     if (mergeOptions.bottomTabs.translucent.hasValue) {

package/lib/ios/RNNAppDelegate.mm

@@ -2,8 +2,7 @@
 #import <ReactNativeNavigation/ReactNativeNavigation.h>
 
 #if RCT_NEW_ARCH_ENABLED
-#import "RCTAppSetupUtils.h"
-#import "RCTLegacyInteropComponents.h"
+
 #import <React/CoreModulesPlugins.h>
 #import <React/RCTCxxBridgeDelegate.h>
 #import <React/RCTLegacyViewManagerInteropComponentView.h>

package/lib/ios/RNNConvert.h

@@ -7,4 +7,6 @@
 
 + (UIModalTransitionStyle)UIModalTransitionStyle:(id)json;
 
++ (UIBarStyle)UIBarStyle:(id)json;
+
 @end

package/lib/ios/RNNConvert.m

@@ -32,4 +32,8 @@ RCT_ENUM_CONVERTER(UIModalPresentationStyle, (@{
                    }),
                    UIModalPresentationFullScreen, integerValue)
 
+RCT_ENUM_CONVERTER(UIBarStyle,
+                   (@{@"default" : @(UIBarStyleDefault), @"black" : @(UIBarStyleBlack)}),
+                   UIBarStyleDefault, integerValue)
+
 @end

package/lib/ios/RNNStackPresenter.m

@@ -1,5 +1,6 @@
 #import "RNNStackPresenter.h"
 #import "InteractivePopGestureDelegate.h"
+#import "RNNConvert.h"
 #import "RNNCustomTitleView.h"
 #import "RNNReactBackgroundView.h"
 #import "RNNStackController.h"
@@ -68,7 +69,7 @@
     stack.interactivePopGestureRecognizer.delegate = _interactivePopGestureDelegate;
 
     [stack
-        setBarStyle:[RCTConvert UIBarStyle:[withDefault.topBar.barStyle withDefault:@"default"]]];
+        setBarStyle:[RNNConvert UIBarStyle:[withDefault.topBar.barStyle withDefault:@"default"]]];
     [stack setRootBackgroundImage:[withDefault.rootBackgroundImage withDefault:nil]];
     [stack setNavigationBarTestId:[withDefault.topBar.testID withDefault:nil]];
     [stack setNavigationBarVisible:[withDefault.topBar.visible withDefault:YES]
@@ -126,7 +127,7 @@
     }
 
     if (mergeOptions.topBar.barStyle.hasValue) {
-        [stack setBarStyle:[RCTConvert UIBarStyle:mergeOptions.topBar.barStyle.get]];
+        [stack setBarStyle:[RNNConvert UIBarStyle:mergeOptions.topBar.barStyle.get]];
     }
 
     if (mergeOptions.topBar.background.clipToBounds.hasValue) {

package/lib/src/adapters/NativeEventsReceiver.ts

@@ -23,14 +23,14 @@ export class NativeEventsReceiver {
   constructor() {
     try {
       this.emitter = new NativeEventEmitter(NativeModules.RNNEventEmitter);
-    } catch (e) {
-      this.emitter = ({
+    } catch {
+      this.emitter = {
         addListener: () => {
           return {
             remove: () => undefined,
           };
         },
-      } as any) as NativeEventEmitter;
+      } as any as NativeEventEmitter;
     }
   }
 

package/lib/src/adapters/TouchablePreview.tsx

@@ -22,8 +22,8 @@ interface GestureResponderEventWithForce extends NativeSyntheticEvent<NativeTouc
 export interface Props {
   children?: React.ReactNode;
   touchableComponent?:
-    | TouchableHighlight
-    | TouchableOpacity
+    | typeof TouchableHighlight
+    | typeof TouchableOpacity
     | TouchableNativeFeedback
     | TouchableWithoutFeedback
     | React.ReactNode;
@@ -121,7 +121,7 @@ export class TouchablePreview extends React.PureComponent<Props> {
     const Touchable =
       Platform.OS === 'ios' && touchableComponent instanceof TouchableNativeFeedback
         ? TouchableWithoutFeedback
-        : (touchableComponent as typeof React.Component);
+        : (touchableComponent as React.Component);
 
     // Wrap component with Touchable for handling platform touches
     // and a single react View for detecting force and timing.

package/lib/src/commands/OptionsProcessor.ts

@@ -20,6 +20,8 @@ import {
   OptionsSearchBar,
   OptionsTopBar,
   StackAnimationOptions,
+  StatusBarAnimationOptions,
+  TopBarAnimationOptions,
   ViewAnimationOptions,
 } from '../interfaces/Options';
 import { Deprecations } from './Deprecations';
@@ -117,7 +119,7 @@ export class OptionsProcessor {
   }
 
   private processColor(key: string, value: any, options: Record<string, any>) {
-    if (isEqual(key, 'color') || endsWith(key, 'Color')) {
+    if ((isEqual(key, 'color') || endsWith(key, 'Color')) && !isEqual(key, 'bkgColor')) {
       if (Platform.OS === 'ios') this.processColorIOS(key, value, options);
       else this.processColorAndroid(key, value, options);
     }
@@ -399,7 +401,16 @@ export class OptionsProcessor {
     }
     if (animation.topBar && !has(animation, 'topBar.enter') && !has(animation, 'topBar.exit')) {
       parentOptions.push!!.topBar = {
-        enter: animation.topBar as ViewAnimationOptions,
+        enter: animation.topBar as TopBarAnimationOptions,
+      };
+    }
+    if (
+      animation.statusBar &&
+      !has(animation, 'statusBar.enter') &&
+      !has(animation, 'statusBar.exit')
+    ) {
+      parentOptions.push!!.statusBar = {
+        enter: animation.statusBar as StatusBarAnimationOptions,
       };
     }
     if (

package/lib/src/interfaces/Options.ts

@@ -1267,6 +1267,13 @@ 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
@@ -1274,6 +1281,24 @@ export interface ViewAnimationOptions extends ScreenAnimationOptions {
   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
@@ -1332,10 +1357,20 @@ export interface StackAnimationOptions {
    * Configure animations for the top bar
    */
   topBar?:
-    | ViewAnimationOptions
+    | TopBarAnimationOptions
     | {
-        enter?: ViewAnimationOptions;
-        exit?: ViewAnimationOptions;
+        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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-navigation",
-  "version": "7.43.0",
+  "version": "7.45.0",
   "description": "React Native Navigation - truly native navigation for iOS and Android",
   "license": "MIT",
   "nativePackage": true,
@@ -64,40 +64,43 @@
     "hoist-non-react-statics": "3.x.x",
     "lodash": "4.17.x",
     "prop-types": "15.x.x",
-    "react-lifecycles-compat": "2.0.0",
+    "react-lifecycles-compat": "^3.0.4",
     "tslib": "1.9.3"
   },
   "devDependencies": {
-    "@babel/core": "7.22.9",
+    "@babel/core": "^7.25.2",
     "@babel/plugin-proposal-export-default-from": "7.10.1",
     "@babel/plugin-proposal-export-namespace-from": "7.10.1",
-    "@babel/runtime": "7.22.6",
-    "@babel/types": "7.22.5",
-    "@babel/preset-env": "^7.22.9",
-    "@react-native/metro-config": "^0.73.2",
-    "@react-native/babel-preset": "^0.73.18",
-    "@react-native/typescript-config": "^0.73.1",
-    "@react-native-community/blur": "^4.4.1",
-    "@react-native-community/datetimepicker": "^3.4.7",
-    "@react-native-community/eslint-config": "2.0.0",
-    "@react-native-community/netinfo": "^5.9.4",
+    "@babel/preset-env": "^7.25.3",
+    "@babel/runtime": "^7.25.0",
+    "@babel/types": "7.25.0",
+    "@react-native-community/cli": "15.0.1",
+    "@react-native-community/cli-platform-android": "15.0.1",
+    "@react-native-community/cli-platform-ios": "15.0.1",
+    "@react-native-community/datetimepicker": "^8.2.0",
+    "@react-native-community/eslint-config": "3.2.0",
+    "@react-native-community/netinfo": "^11.4.1",
+    "@react-native/babel-preset": "0.76.6",
+    "@react-native/eslint-config": "0.76.6",
+    "@react-native/metro-config": "0.76.6",
+    "@react-native/typescript-config": "0.76.6",
     "@testing-library/jest-native": "^5.4.2",
-    "@testing-library/react-native": "^12.0.1",
-    "@types/hoist-non-react-statics": "^3.0.1",
+    "@testing-library/react-native": "^13.0.1",
+    "@types/hoist-non-react-statics": "^3.3.6",
     "@types/jasmine": "3.5.10",
     "@types/jest": "27.0.2",
     "@types/lodash": "^4.14.149",
-    "@types/react": "16.9.41",
-    "@types/react-native": "0.63.1",
-    "@types/react-test-renderer": "16.9.2",
-    "@typescript-eslint/eslint-plugin": "4.33.0",
-    "@typescript-eslint/parser": "4.33.0",
+    "@types/react": "^18.2.6",
+    "@types/react-test-renderer": "^18.0.0",
+    "@typescript-eslint/eslint-plugin": "8.21.0",
+    "@typescript-eslint/parser": "8.21.0",
     "babel-jest": "^27.0.0",
     "clang-format": "^1.4.0",
-    "detox": "20.19.5",
+    "detox": "20.32.0",
     "detox-testing-library-rnn-adapter": "^2.0.3",
-    "eslint": "7.32.0",
+    "eslint": "^8.19.0",
     "eslint-config-prettier": "6.11.0",
+    "eslint-formatter-codeframe": "^7.32.1",
     "eslint-plugin-prettier": "3.1.4",
     "github-release-notes": "https://github.com/yogevbd/github-release-notes/tarball/e601b3dba72dcd6cba323c1286ea6dd0c0110b58",
     "husky": "4.2.5",
@@ -107,22 +110,22 @@
     "metro-react-native-babel-preset": "^0.76.2",
     "pixelmatch": "^5.2.1",
     "pngjs": "^6.0.0",
-    "prettier": "2.1.2",
-    "react": "18.2.0",
-    "react-native": "0.73.3",
+    "prettier": "2.8.8",
+    "react": "18.3.1",
+    "react-native": "0.76.6",
     "react-native-fast-image": "^8.6.3",
-    "react-native-gesture-handler": "2.14.1",
-    "react-native-reanimated": "3.16.1",
+    "react-native-gesture-handler": "^2.22.1",
+    "react-native-reanimated": "3.16.7",
     "react-native-ui-lib": "7.3.6",
     "react-redux": "5.x.x",
-    "react-test-renderer": "18.2.0",
+    "react-test-renderer": "18.3.1",
     "redux": "3.x.x",
     "remx": "3.x.x",
     "semver": "5.x.x",
     "shell-utils": "1.x.x",
     "ts-mockito": "^2.3.1",
     "typedoc": "0.x.x",
-    "typescript": "5.5.4"
+    "typescript": "5.0.4"
   },
   "husky": {
     "hooks": {
@@ -168,7 +171,7 @@
       "emulator": {
         "type": "android.emulator",
         "device": {
-          "avdName": "Pixel_API_28"
+          "avdName": "Pixel_3a_API_34"
         }
       }
     },
@@ -188,7 +191,10 @@
         "type": "android.apk",
         "binaryPath": "playground/android/app/build/outputs/apk/debug/app-debug.apk",
         "start": "npm start -- --e2e",
-        "build": "cd playground/android && ./gradlew app:assembleDebug app:assembleAndroidTest -DtestBuildType=debug"
+        "build": "cd playground/android && ./gradlew app:assembleDebug app:assembleAndroidTest -DtestBuildType=debug",
+        "reversePorts": [
+          8081
+        ]
       },
       "android.release": {
         "type": "android.apk",