🍒 Cherry pick PR #6161 to staging 🍒

android/app/build.gradle

@@ -149,8 +149,8 @@ android {
         minSdkVersion rootProject.ext.minSdkVersion
         targetSdkVersion rootProject.ext.targetSdkVersion
         multiDexEnabled rootProject.ext.multiDexEnabled
-        versionCode 1001011201
-        versionName "1.1.12-1"
+        versionCode 1001011202
+        versionName "1.1.12-2"
     }
     splits {
         abi {

config/webpack/webpack.common.js

@@ -26,7 +26,6 @@ const includeModules = [
 
 const webpackConfig = {
     entry: {
-        polyfill: 'babel-polyfill',
         app: './index.js',
     },
     output: {

ios/NewExpensify/Info.plist

@@ -31,7 +31,7 @@
 		</dict>
 	</array>
 	<key>CFBundleVersion</key>
-	<string>1.1.12.1</string>
+	<string>1.1.12.2</string>
 	<key>ITSAppUsesNonExemptEncryption</key>
 	<false/>
 	<key>LSApplicationQueriesSchemes</key>

ios/NewExpensifyTests/Info.plist

@@ -19,6 +19,6 @@
 	<key>CFBundleSignature</key>
 	<string>????</string>
 	<key>CFBundleVersion</key>
-	<string>1.1.12.1</string>
+	<string>1.1.12.2</string>
 </dict>
 </plist>

package.json

@@ -1,6 +1,6 @@
 {
   "name": "new.expensify",
-  "version": "1.1.12-1",
+  "version": "1.1.12-2",
   "author": "Expensify, Inc.",
   "homepage": "https://new.expensify.com",
   "description": "New Expensify is the next generation of Expensify: a reimagination of payments based atop a foundation of chat.",
@@ -52,11 +52,10 @@
     "@react-native-masked-view/masked-view": "^0.2.4",
     "@react-native-picker/picker": "^1.9.11",
     "@react-navigation/compat": "^5.3.15",
-    "@react-navigation/drawer": "6.1.7",
-    "@react-navigation/native": "6.0.5",
-    "@react-navigation/stack": "6.0.10",
+    "@react-navigation/drawer": "6.1.4",
+    "@react-navigation/native": "6.0.2",
+    "@react-navigation/stack": "6.0.7",
     "babel-plugin-transform-remove-console": "^6.9.4",
-    "babel-polyfill": "^6.26.0",
     "dotenv": "^8.2.0",
     "electron-context-menu": "^2.3.0",
     "electron-log": "^4.3.5",
@@ -93,7 +92,7 @@
     "react-native-permissions": "^3.0.1",
     "react-native-picker-select": "8.0.4",
     "react-native-plaid-link-sdk": "^7.1.0",
-    "react-native-reanimated": "^2.3.0-beta.3",
+    "react-native-reanimated": "^2.3.0-alpha.1",
     "react-native-render-html": "6.0.0-beta.8",
     "react-native-safe-area-context": "^3.1.4",
     "react-native-screens": "^3.0.0",

src/libs/Navigation/AppNavigator/DrawerNavigator/BaseDrawerNavigator.js → src/libs/Navigation/AppNavigator/BaseDrawerNavigator.js

@@ -3,27 +3,41 @@ import _ from 'underscore';
 import PropTypes from 'prop-types';
 import {createDrawerNavigator} from '@react-navigation/drawer';
 import {View} from 'react-native';
-import styles, {getNavigationDrawerStyle, getNavigationDrawerType} from '../../../../styles/styles';
-import Navigation from '../../Navigation';
-import drawerNavigatorPropTypes from './drawerNavigatorPropTypes';
+import styles, {getNavigationDrawerStyle, getNavigationDrawerType} from '../../../styles/styles';
+import withWindowDimensions, {windowDimensionsPropTypes} from '../../../components/withWindowDimensions';
+import Navigation from '../Navigation';
 
 const propTypes = {
-    ...drawerNavigatorPropTypes,
+    /** Screens to be passed in the Drawer */
+    screens: PropTypes.arrayOf(PropTypes.shape({
+        /** Name of the Screen */
+        name: PropTypes.string.isRequired,
 
-    /** Whether use the legacy implementation of Drawer */
-    useLegacyImplementation: PropTypes.bool.isRequired,
-};
+        /** Component for the Screen */
+        component: PropTypes.elementType.isRequired,
+
+        /** Optional params to be passed to the Screen */
+        // eslint-disable-next-line react/forbid-prop-types
+        initialParams: PropTypes.object,
+    })).isRequired,
+
+    /** Drawer content Component */
+    drawerContent: PropTypes.elementType.isRequired,
 
+    /** If it's the main screen, don't wrap the content even if it's a full screen modal. */
+    isMainScreen: PropTypes.bool,
+
+    /** Window Dimensions props */
+    ...windowDimensionsPropTypes,
+};
 const Drawer = createDrawerNavigator();
 
 const BaseDrawerNavigator = (props) => {
     const content = (
         <Drawer.Navigator
-            backBehavior="none"
             defaultStatus={Navigation.getDefaultDrawerState(props.isSmallScreenWidth)}
             sceneContainerStyle={styles.navigationSceneContainer}
             drawerContent={props.drawerContent}
-            useLegacyImplementation={props.useLegacyImplementation}
             screenOptions={{
                 cardStyle: styles.navigationScreenCardStyle,
                 headerShown: false,
@@ -58,4 +72,4 @@ const BaseDrawerNavigator = (props) => {
 
 BaseDrawerNavigator.propTypes = propTypes;
 BaseDrawerNavigator.displayName = 'BaseDrawerNavigator';
-export default BaseDrawerNavigator;
+export default withWindowDimensions(BaseDrawerNavigator);