fix: proper handling of header events on Fabric and bumping examples …

…to 0.72 (#1783)

- Fixing the way header events are dispatched in order to make it work on Fabric. Used the implementation analogous to how it is done for Screen events.
- Bumping examples to RN 0.72.0-rc.5

.github/workflows/android-build-test-fabric.yml

@@ -25,10 +25,10 @@ jobs:
     steps:
       - name: checkout
         uses: actions/checkout@v2
-      - name: Use Node.js 14
+      - name: Use Node.js 16
         uses: actions/setup-node@v2
         with:
-          node-version: 14
+          node-version: 16
           cache: 'yarn'
           cache-dependency-path: 'FabricTestExample/yarn.lock'
       - name: Install node dependencies

.github/workflows/android-build-test.yml

@@ -23,10 +23,10 @@ jobs:
     steps:
       - name: checkout
         uses: actions/checkout@v2
-      - name: Use Node.js 14
+      - name: Use Node.js 16
         uses: actions/setup-node@v2
         with:
-          node-version: 14
+          node-version: 16
           cache: 'yarn'
           cache-dependency-path: 'TestsExample/yarn.lock'
       - name: Install node dependencies

.github/workflows/ios-build-test-fabric.yml

@@ -27,10 +27,10 @@ jobs:
       - name: checkout
         uses: actions/checkout@v2
 
-      - name: Use Node.js 14
+      - name: Use Node.js 16
         uses: actions/setup-node@v2
         with:
-          node-version: 14
+          node-version: 16
           cache: 'yarn'
           cache-dependency-path: 'FabricTestExample/yarn.lock'
 

.github/workflows/ios-build-test.yml

@@ -25,10 +25,10 @@ jobs:
     steps:
       - name: checkout
         uses: actions/checkout@v2
-      - name: Use Node.js 14
+      - name: Use Node.js 16
         uses: actions/setup-node@v2
         with:
-          node-version: 14
+          node-version: 16
           cache: 'yarn'
           cache-dependency-path: 'TestsExample/yarn.lock'
       - name: Install node dependencies
@@ -43,7 +43,7 @@ jobs:
         id: remove_pods
         name: Remove pods
         working-directory: ${{ env.WORKING_DIRECTORY }}/ios
-        run: rm -fr build Pods Podfile.lock 
+        run: rm -fr build Pods Podfile.lock
       - if: steps.remove_pods.outcome == 'success'
         id: reinstall_pods
         name: Reinstall pods

.github/workflows/main.yml

@@ -16,10 +16,10 @@ jobs:
     steps:
       - name: checkout
         uses: actions/checkout@v2
-      - name: Use Node.js 14
+      - name: Use Node.js 16
         uses: actions/setup-node@v2
         with:
-          node-version: 14
+          node-version: 16
           cache: 'yarn'
       - name: Install node dependencies
         run: yarn

.github/workflows/tv-os-build-test.yml

@@ -25,10 +25,10 @@ jobs:
     steps:
       - name: checkout
         uses: actions/checkout@v2
-      - name: Use Node.js 14
+      - name: Use Node.js 16
         uses: actions/setup-node@v2
         with:
-          node-version: 14
+          node-version: 16
           cache: 'yarn'
           cache-dependency-path: 'TVOSExample/yarn.lock'
       - name: Install node dependencies

FabricExample/.eslintrc.js

@@ -1,4 +1,4 @@
 module.exports = {
   root: true,
-  extends: '@react-native-community',
+  extends: '@react-native',
 };

FabricExample/.gitignore

@@ -31,19 +31,15 @@ local.properties
 *.iml
 *.hprof
 .cxx/
+*.keystore
+!debug.keystore
 
 # node.js
 #
 node_modules/
 npm-debug.log
 yarn-error.log
 
-# BUCK
-buck-out/
-\.buckd/
-*.keystore
-!debug.keystore
-
 # fastlane
 #
 # It is recommended to not store the screenshots in the git repo. Instead, use fastlane to re-generate the
@@ -59,8 +55,12 @@ buck-out/
 # Bundle artifact
 *.jsbundle
 
-# CocoaPods
+# Ruby / CocoaPods
 /ios/Pods/
+/vendor/bundle/
 
 # Temporary files created by Metro to check the health of the file watcher
 .metro-health-check*
+
+# testing
+/coverage

FabricExample/.watchmanconfig

@@ -1 +1 @@
-{}
+{}

FabricExample/Gemfile

@@ -1,6 +1,6 @@
 source 'https://rubygems.org'
 
 # You may use http://rbenv.org/ or https://rvm.io/ to install and use this version
-ruby File.read(File.join(__dir__, '.ruby-version')).strip
+ruby ">= 2.6.10"
 
-gem 'cocoapods', '~> 1.11', '>= 1.11.3'
+gem 'cocoapods', '~> 1.12'

TestsExample/__tests__/App-test.js → FabricExample/__tests__/App.test.tsx

@@ -6,6 +6,9 @@ import 'react-native';
 import React from 'react';
 import App from '../App';
 
+// Note: import explicitly to use the types shiped with jest.
+import {it} from '@jest/globals';
+
 // Note: test renderer must be required after react-native.
 import renderer from 'react-test-renderer';