Feat/rn 0.71 backmerge

.buildkite/pipeline.yml

@@ -1,5 +1,3 @@
-agents:
-  queue: mbms
 steps:
   - block: ":rocket: Release!"
     prompt: "Fill out the details for release"

.github/ISSUE_TEMPLATE/BUG_REPORT_ANDROID.yml

@@ -0,0 +1,46 @@
+name: "🐛 Bug Report - Android"
+description: Create a report to help us improve React Native Navigation on Android
+labels: ["type: accepted/bug", "platform: Android"]
+body:
+  - type: markdown
+    attributes:
+      value: Thanks for taking the time to fill out this bug report!
+  - type: textarea
+    id: description
+    attributes:
+      label: What happened?
+      description: A clear and concise description of what the bug is.
+    validations:
+      required: true
+  - type: textarea
+    id: expected-behaviour
+    attributes:
+      label: What was the expected behaviour?
+      description: A clear and concise description of what was expected to happen.
+  - type: checkboxes
+    id: tested-last-rnn
+    attributes:
+      label: Was it tested on latest react-native-navigation?
+      description: Before reporting this issue, please make sure it can be reproduced on the latest released version of react-native-navigation, see our [releases](https://github.com/wix/react-native-navigation/releases).
+      options:
+        - label: I have tested this issue on the latest react-native-navigation release and it still reproduces.
+          required: true
+  - type: textarea
+    id: reproduction
+    attributes:
+      label: Help us reproduce this issue!
+      description: "Paste the link to an example repo and exact instructions to reproduce the issue."
+  - type: textarea
+    id: environment
+    attributes:
+      label: In what environment did this happen?
+      description: "Include as many relevant details about the environment you experienced the bug in"
+      value: "React Native Navigation version:
+      \nReact Native version:
+      \nHas Fabric (React Native's new rendering system) enabled: (yes/no)
+      \nNode version:
+      \nDevice model:
+      \nAndroid version:"
+  - type: markdown
+    attributes:
+      value: "Remember that first-time contributors are welcome! 🙌 Feel free to reach us out on https://discord.gg/DhkZjq2 \nHave a great day and thank you for the bug report!"

.github/ISSUE_TEMPLATE/BUG_REPORT_IOS.yml

@@ -0,0 +1,46 @@
+name: "🐛 Bug Report - iOS"
+description: Create a report to help us improve React Native Navigation on iOS
+labels: ["type: accepted/bug", "platform: iOS"]
+body:
+  - type: markdown
+    attributes:
+      value: Thanks for taking the time to fill out this bug report!
+  - type: textarea
+    id: description
+    attributes:
+      label: What happened?
+      description: A clear and concise description of what the bug is.
+    validations:
+      required: true
+  - type: textarea
+    id: expected-behaviour
+    attributes:
+      label: What was the expected behaviour?
+      description: A clear and concise description of what was expected to happen.
+  - type: checkboxes
+    id: tested-last-rnn
+    attributes:
+      label: Was it tested on latest react-native-navigation?
+      description: Before reporting this issue, please make sure it can be reproduced on the latest released version of react-native-navigation, see our [releases](https://github.com/wix/react-native-navigation/releases).
+      options:
+        - label: I have tested this issue on the latest react-native-navigation release and it still reproduces.
+          required: true
+  - type: textarea
+    id: reproduction
+    attributes:
+      label: Help us reproduce this issue!
+      description: "Paste the link to an example repo and exact instructions to reproduce the issue."
+  - type: textarea
+    id: environment
+    attributes:
+      label: In what environment did this happen?
+      description: "Include as many relevant details about the environment you experienced the bug in"
+      value: "React Native Navigation version:
+      \nReact Native version:
+      \nHas Fabric (React Native's new rendering system) enabled: (yes/no)
+      \nNode version:
+      \nDevice model:
+      \niOS version:"
+  - type: markdown
+    attributes:
+      value: "Remember that first-time contributors are welcome! 🙌 Feel free to reach us out on https://discord.gg/DhkZjq2 \nHave a great day and thank you for the bug report!"

.github/ISSUE_TEMPLATE/BUG_REPORT_OTHER.yml

@@ -0,0 +1,44 @@
+name: "🐛 Bug Report - Other"
+description: Report a non-platform-specific bug to help us improve
+labels: ["type: accepted/bug", "needs triage"]
+body:
+  - type: markdown
+    attributes:
+      value: Thanks for taking the time to fill out this bug report!
+  - type: textarea
+    id: description
+    attributes:
+      label: What happened?
+      description: A clear and concise description of what the bug is.
+    validations:
+      required: true
+  - type: textarea
+    id: expected-behaviour
+    attributes:
+      label: What was the expected behaviour?
+      description: A clear and concise description of what was expected to happen.
+  - type: checkboxes
+    id: tested-last-rnn
+    attributes:
+      label: Was it tested on latest react-native-navigation?
+      description: Before reporting this issue, please make sure it can be reproduced on the latest released version of react-native-navigation, see our [releases](https://github.com/wix/react-native-navigation/releases).
+      options:
+        - label: I have tested this issue on the latest react-native-navigation release and it still reproduces.
+          required: true
+  - type: textarea
+    id: reproduction
+    attributes:
+      label: Help us reproduce this issue!
+      description: "Paste the link to an example repo and exact instructions to reproduce the issue."
+  - type: textarea
+    id: environment
+    attributes:
+      label: In what environment did this happen?
+      description: "Include as many relevant details about the environment you experienced the bug in"
+      value: "React Native Navigation version:
+      \nReact Native version:
+      \nHas Fabric (React Native's new rendering system) enabled: (yes/no)
+      \nNode version:"
+  - type: markdown
+    attributes:
+      value: "Remember that first-time contributors are welcome! 🙌 Feel free to reach us out on https://discord.gg/DhkZjq2 \nHave a great day and thank you for the bug report!"

.github/ISSUE_TEMPLATE/ENHANCEMENT.yml

@@ -0,0 +1,30 @@
+name: "🚀 Feature"
+description: Submit a proposal/request for a new feature
+labels: ["type: enhancement", "needs triage"]
+body:
+  - type: markdown
+    attributes:
+      value: Thanks for taking the time to fill out this enhancement suggestion!
+  - type: textarea
+    id: idea-description
+    attributes:
+      label: Describe your idea
+      description: "A clear and concise description of what you want to happen.\n
+      If your feature request is related to a problem, please describe any other alternative solutions or features you’ve considered."
+  - type: textarea
+    id: idea-motivation
+    attributes:
+      label: Motivation
+      description: (Please outline the motivation for the proposal.)
+  - type: checkboxes
+    id: contribution
+    attributes:
+      label: Are you willing to resolve this issue by submitting a Pull Request?
+      description: Select one.
+      options:
+        - label: "Yes, I have the time, and I know how to start."
+        - label: "Yes, I have the time, but I don't know how to start. I would need guidance."
+        - label: "No, I don’t have the time and I’m okay to wait for the community / maintainers to resolve this issue."
+  - type: markdown
+    attributes:
+      value: "Remember that first-time contributors are welcome! 🙌 Feel free to reach us out on https://discord.gg/DhkZjq2 \nHave a great day and thank you for the bug report!"

lib/Mock/Components/LayoutComponent.tsx

@@ -18,4 +18,11 @@ export const LayoutComponent = class extends Component<ComponentProps> {
 
     return <View />;
   }
+  componentDidCatch(error: Error, errorInfo: React.ErrorInfo) {
+    console.error(
+      `Error while trying to render layout ${this.props.layoutNode.nodeId} of type ${this.props.layoutNode.type}`,
+      error,
+      errorInfo
+    );
+  }
 };

lib/Mock/mocks/NativeCommandsSender.tsx

@@ -4,6 +4,7 @@ import { LayoutNode } from '../../src/commands/LayoutTreeCrawler';
 import { events } from '../Stores/EventsStore';
 import _ from 'lodash';
 import ComponentNode from '../Layouts/ComponentNode';
+import { Constants } from '../../src/adapters/Constants';
 
 export class NativeCommandsSender {
   constructor() {}
@@ -115,4 +116,22 @@ export class NativeCommandsSender {
   }
 
   getLaunchArgs(_commandId: string) {}
+
+  getNavigationConstants(): Promise<Constants> {
+    return Promise.resolve({
+      topBarHeight: 0,
+      backButtonId: 'RNN.back',
+      bottomTabsHeight: 0,
+      statusBarHeight: 0,
+    });
+  }
+
+  getNavigationConstantsSync(): Constants {
+    return {
+      topBarHeight: 0,
+      backButtonId: 'RNN.back',
+      bottomTabsHeight: 0,
+      statusBarHeight: 0,
+    };
+  }
 }

lib/android/app/build.gradle

@@ -12,17 +12,17 @@ def safeExtGetFallbackLowerBound(prop, fallback) {
     Math.max(safeExtGet(prop,fallback),fallback)
 }
 
-def DEFAULT_COMPILE_SDK_VERSION = 30
+def DEFAULT_COMPILE_SDK_VERSION = 33
 def DEFAULT_MIN_SDK_VERSION = 21
-def DEFAULT_TARGET_SDK_VERSION = 30
+def DEFAULT_TARGET_SDK_VERSION = 33
 def DEFAULT_KOTLIN_VERSION = "1.5.31"
 def DEFAULT_KOTLIN_STDLIB = 'kotlin-stdlib-jdk8'
 def kotlinVersion = safeExtGet("RNNKotlinVersion", DEFAULT_KOTLIN_VERSION)
 def kotlinStdlib = safeExtGet('RNNKotlinStdlib',DEFAULT_KOTLIN_STDLIB )
 def kotlinCoroutinesCore = safeExtGet('RNNKotlinCoroutinesCore', '1.5.2')
 android {
     compileSdkVersion safeExtGetFallbackLowerBound('compileSdkVersion', DEFAULT_COMPILE_SDK_VERSION)
-
+    buildToolsVersion = "33.0.0"
     defaultConfig {
         minSdkVersion safeExtGetFallbackLowerBound('minSdkVersion', DEFAULT_MIN_SDK_VERSION)
         targetSdkVersion safeExtGetFallbackLowerBound('targetSdkVersion', DEFAULT_TARGET_SDK_VERSION)
@@ -110,6 +110,10 @@ android {
             dimension "RNN.reactNativeVersion"
             buildConfigField("int", "REACT_NATVE_VERSION_MINOR", "68")
         }
+        reactNative71 {
+            dimension "RNN.reactNativeVersion"
+            buildConfigField("int", "REACT_NATVE_VERSION_MINOR", "71")
+        }
     }
 
     def flavor = resolveFlavor()
@@ -126,7 +130,9 @@ String resolveFlavor() {
     Integer reactNativeMinorComponent = reactNativeVersionComponents[1].toInteger()
     Integer reactNativePatchComponent = reactNativeVersionComponents[2].toInteger()
 
-    if (reactNativeMinorComponent >= 68) {
+    if (reactNativeMinorComponent >= 71) {
+        return "reactNative71"
+    } else if (reactNativeMinorComponent >= 68) {
         return "reactNative68"
     } else if (reactNativeMinorComponent >= 63) {
         return "reactNative63"
@@ -174,7 +180,6 @@ dependencies {
     implementation "org.jetbrains.kotlinx:kotlinx-coroutines-android:$kotlinCoroutinesCore"
     implementation "androidx.constraintlayout:constraintlayout:2.0.4"
 
-
     implementation 'androidx.appcompat:appcompat:1.3.1'
     implementation 'androidx.annotation:annotation:1.2.0'
     implementation 'com.google.android.material:material:1.2.0-alpha03'