Move React Native publishing URLs to Central Portal (#51693)

Summary:
Pull Request resolved: https://github.com/facebook/react-native/pull/51693

This moves React Native to use the Central Portal URLs rather than the legacy OSSRH ones.
See https://github.com/gradle-nexus/publish-plugin for more context.

Changelog:
[Internal] [Changed] -

Reviewed By: cipolleschi

Differential Revision: D75673984

fbshipit-source-id: 1de6746809eed72f232eac0c3fb4d809c2046620

.babelrc

@@ -0,0 +1,8 @@
+{
+    "presets": [
+        "module:metro-react-native-babel-preset"
+    ],
+    "plugins": [
+        "babel-plugin-transform-flow-enums"
+    ]
+}

.buckconfig

@@ -15,3 +15,6 @@
 
 [alias]
   rntester = //packages/rn-tester/android/app:app
+
+[buildfile]
+  includes = //tools/build_defs/oss/preload.bzl

.circleci/Dockerfiles/Dockerfile.android

@@ -14,43 +14,31 @@
 # and build a Android application that can be used to run the
 # tests specified in the scripts/ directory.
 #
-FROM reactnativecommunity/react-native-android:5.4
+FROM reactnativecommunity/react-native-android:7.0
 
 LABEL Description="React Native Android Test Image"
 LABEL maintainer="Héctor Ramos <hector@fb.com>"
 
 # set default environment variables
-ENV GRADLE_OPTS="-Dorg.gradle.daemon=false -Dorg.gradle.jvmargs=\"-Xmx512m -XX:+HeapDumpOnOutOfMemoryError\""
-ENV JAVA_TOOL_OPTIONS="-Dfile.encoding=UTF8"
-ENV KOTLIN_HOME="third-party/kotlin"
+ENV GRADLE_OPTS="-Dorg.gradle.daemon=false -Dfile.encoding=utf-8 -Dorg.gradle.jvmargs=\"-Xmx512m -XX:+HeapDumpOnOutOfMemoryError\""
+ENV KOTLIN_HOME="packages/react-native/third-party/kotlin"
 
 ADD .buckconfig /app/.buckconfig
 ADD .buckjavaargs /app/.buckjavaargs
 ADD BUCK /app/BUCK
-ADD Libraries /app/Libraries
-ADD ReactAndroid /app/ReactAndroid
-ADD ReactCommon /app/ReactCommon
-ADD React /app/React
+ADD packages/react-native/Libraries /app/packages/react-native/Libraries
+ADD packages/react-native/ReactAndroid /app/packages/react-native/ReactAndroid
+ADD packages/react-native/ReactCommon /app/packages/react-native/ReactCommon
+ADD packages/react-native/React /app/packages/react-native/React
 ADD keystores /app/keystores
 ADD packages/react-native-codegen /app/packages/react-native-codegen
 ADD tools /app/tools
-add scripts /app/scripts
+ADD scripts /app/scripts
 
 WORKDIR /app
 
-RUN scripts/download-kotlin-compiler-with-buck.sh
-
-RUN buck fetch ReactAndroid/src/test/java/com/facebook/react/modules
-RUN buck fetch ReactAndroid/src/main/java/com/facebook/react
-RUN buck fetch ReactAndroid/src/main/java/com/facebook/react/shell
-RUN buck fetch ReactAndroid/src/test/...
-RUN buck fetch ReactAndroid/src/androidTest/...
-
-RUN buck build ReactAndroid/src/main/java/com/facebook/react
-RUN buck build ReactAndroid/src/main/java/com/facebook/react/shell
-
 ADD . /app
 
 RUN yarn
 
-RUN ./gradlew :ReactAndroid:assembleDebug
+RUN ./gradlew :packages:react-native:ReactAndroid:assembleDebug

.circleci/Dockerfiles/scripts/run-android-docker-instrumentation-tests.sh

@@ -33,7 +33,7 @@ node cli.js bundle --platform android --dev true --entry-file ReactAndroid/src/a
 
 # build test APK
 # shellcheck disable=SC1091
-source ./scripts/android-setup.sh && NO_BUCKD=1 retry3 buck install ReactAndroid/src/androidTest/buck-runner:instrumentation-tests --config build.threads=1
+source ./scripts/android-setup.sh && NO_BUCKD=1 scripts/retry3 buck install ReactAndroid/src/androidTest/buck-runner:instrumentation-tests --config build.threads=1
 
 # run installed apk with tests
 node ./.circleci/Dockerfiles/scripts/run-android-ci-instrumentation-tests.js "$*"

.circleci/Dockerfiles/scripts/run-ci-e2e-tests.sh

@@ -141,7 +141,7 @@ function e2e_suite() {
       fi
     fi
 
-    if ! npm pack
+    if ! (cd packages/react-native && FILENAME=$(npm pack | tail -1) && mv "$FILENAME" ../../)
     then
       echo "Failed to pack react-native"
       return 1

.circleci/verdaccio.yml

@@ -0,0 +1,36 @@
+storage: ./storage
+auth:
+  htpasswd:
+    file: ./htpasswd
+uplinks:
+  npmjs:
+    url: https://registry.npmjs.org/
+    max_fails: 40
+    maxage: 30m
+    timeout: 60s
+    fail_timeout: 10m
+    cache: false
+    agent_options:
+      keepAlive: true
+      maxSockets: 40
+      maxFreeSockets: 10
+packages:
+  # Get @react-native/normalize-color from npm registry, since its used in deprecated-react-native-prop-types package
+  '@react-native/normalize-color':
+    access: $all
+    publish: $authenticated
+    proxy: npmjs
+  # Group and isolate all local packages, avoid being proxy from outside
+  '@react-native/*':
+    access: $all
+    publish: $all
+  '@*/*':
+    access: $all
+    publish: $authenticated
+    proxy: npmjs
+  '**':
+    access: $all
+    publish: $all
+    proxy: npmjs
+logs:
+  - {type: file, path: verdaccio.log, format: json, level: warn}

.eslintignore

@@ -1,10 +1,10 @@
 **/main.js
 **/staticBundle.js
-bots/node_modules
 docs/generatedComponentApiDocs.js
-flow/
-Libraries/Renderer/*
-Libraries/vendor/**/*
+packages/react-native/flow/
+packages/react-native/Libraries/Renderer/*
+packages/react-native/Libraries/vendor/**/*
 node_modules/
 packages/*/node_modules
 packages/react-native-codegen/lib
+tools/eslint/rules/sort-imports.js

.eslintrc

@@ -1,60 +0,0 @@
-{
-  "root": true,
-
-  "extends": [
-    "./packages/eslint-config-react-native-community/index.js"
-  ],
-
-  "plugins": [
-    "@react-native/eslint-plugin-specs"
-  ],
-
-  "overrides": [
-    {
-      "files": [
-        "Libraries/**/*.js",
-      ],
-      "rules": {
-        "@react-native-community/no-haste-imports": 2,
-        "@react-native-community/error-subclass-name": 2,
-        "@react-native-community/platform-colors": 2,
-        "@react-native/specs/react-native-modules": 2
-      }
-    },
-    {
-      "files": [
-        "flow-typed/**/*.js",
-      ],
-      "rules": {
-        quotes: 0
-      }
-    },
-    {
-      "files": [
-        "**/__fixtures__/**/*.js",
-        "**/__mocks__/**/*.js",
-        "**/__tests__/**/*.js",
-        "jest/**/*.js",
-        "packages/rn-tester/**/*.js",
-      ],
-      "globals": {
-        // Expose some Jest globals for test helpers
-        "afterAll": true,
-        "afterEach": true,
-        "beforeAll": true,
-        "beforeEach": true,
-        "expect": true,
-        "jest": true,
-      },
-    },
-    {
-      "files": [
-        "**/__tests__/**/*-test.js",
-      ],
-      "env": {
-        "jasmine": true,
-        "jest": true
-      }
-    }
-  ]
-}

.eslintrc.js

@@ -0,0 +1,105 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ */
+
+'use strict';
+
+const path = require('node:path');
+
+require('eslint-plugin-lint').load(path.join(__dirname, 'tools/eslint/rules'));
+
+module.exports = {
+  root: true,
+
+  extends: ['@react-native'],
+
+  plugins: ['@react-native/eslint-plugin-specs', 'lint'],
+
+  overrides: [
+    // overriding the JS config from eslint-config-react-native-community config to ensure
+    // that we use hermes-eslint for all js files
+    {
+      files: ['*.js'],
+      parser: 'hermes-eslint',
+      rules: {
+        // These rules are not required with hermes-eslint
+        'ft-flow/define-flow-type': 0,
+        'ft-flow/use-flow-type': 0,
+        // flow handles this check for us, so it's not required
+        'no-undef': 0,
+      },
+    },
+
+    {
+      files: ['packages/react-native/Libraries/**/*.js'],
+      rules: {
+        '@react-native/platform-colors': 2,
+        '@react-native/specs/react-native-modules': 2,
+        'lint/no-haste-imports': 2,
+        'lint/no-react-native-imports': 2,
+        'lint/require-extends-error': 2,
+        'lint/sort-imports': 1,
+      },
+    },
+    {
+      files: ['packages/react-native/flow-typed/**/*.js'],
+      rules: {
+        'lint/valid-flow-typed-signature': 2,
+        'no-unused-vars': 0,
+        quotes: 0,
+      },
+    },
+    {
+      files: [
+        '**/__fixtures__/**/*.js',
+        '**/__mocks__/**/*.js',
+        '**/__tests__/**/*.js',
+        'packages/react-native/jest/**/*.js',
+        'packages/rn-tester/**/*.js',
+      ],
+      globals: {
+        // Expose some Jest globals for test helpers
+        afterAll: true,
+        afterEach: true,
+        beforeAll: true,
+        beforeEach: true,
+        expect: true,
+        jest: true,
+      },
+    },
+    {
+      files: ['**/__tests__/**/*-test.js'],
+      env: {
+        jasmine: true,
+        jest: true,
+      },
+    },
+    {
+      files: ['**/*.{ts,tsx}'],
+      parser: '@typescript-eslint/parser',
+      plugins: ['@typescript-eslint/eslint-plugin'],
+      rules: {
+        '@typescript-eslint/no-unused-vars': 'off',
+        'react-native/no-inline-styles': 'off',
+        '@typescript-eslint/no-shadow': 'off',
+        'no-self-compare': 'off',
+        'react/self-closing-comp': 'off',
+      },
+    },
+    {
+      files: ['**/*.d.ts'],
+      plugins: ['redundant-undefined'],
+      rules: {
+        'redundant-undefined/redundant-undefined': [
+          'error',
+          {followExactOptionalPropertyTypes: true},
+        ],
+      },
+    },
+  ],
+};

.flowconfig

@@ -3,16 +3,16 @@
 .*/*[.]android.js
 
 ; Ignore templates for 'react-native init'
-<PROJECT_ROOT>/template/.*
+<PROJECT_ROOT>/packages/react-native/template/.*
 
 ; Ignore the Dangerfile
-<PROJECT_ROOT>/bots/dangerfile.js
+<PROJECT_ROOT>/packages/react-native-bots/dangerfile.js
 
 ; Ignore "BUCK" generated dirs
 <PROJECT_ROOT>/\.buckd/
 
 ; Flow doesn't support platforms
-.*/Libraries/Utilities/LoadingView.js
+.*/packages/react-native/Libraries/Utilities/LoadingView.js
 
 .*/node_modules/resolve/test/resolver/malformed_package_json/package\.json$
 
@@ -25,10 +25,13 @@
 .*/node_modules/.*
 
 [libs]
-interface.js
-flow/
+packages/react-native/interface.js
+packages/react-native/flow/
+packages/react-native/flow-typed/
 
 [options]
+enums=true
+
 emoji=true
 
 exact_by_default=true
@@ -41,9 +44,9 @@ module.file_ext=.ios.js
 
 munge_underscores=true
 
-module.name_mapper='^react-native$' -> '<PROJECT_ROOT>/index.js'
-module.name_mapper='^react-native/\(.*\)$' -> '<PROJECT_ROOT>/\1'
-module.name_mapper='^@?[./a-zA-Z0-9$_-]+\.\(bmp\|gif\|jpg\|jpeg\|png\|psd\|svg\|webp\|m4v\|mov\|mp4\|mpeg\|mpg\|webm\|aac\|aiff\|caf\|m4a\|mp3\|wav\|html\|pdf\)$' -> '<PROJECT_ROOT>/Libraries/Image/RelativeImageStub'
+module.name_mapper='^react-native$' -> '<PROJECT_ROOT>/packages/react-native/index.js'
+module.name_mapper='^react-native/\(.*\)$' -> '<PROJECT_ROOT>/packages/react-native\1'
+module.name_mapper='^@?[./a-zA-Z0-9$_-]+\.\(bmp\|gif\|jpg\|jpeg\|png\|psd\|svg\|webp\|m4v\|mov\|mp4\|mpeg\|mpg\|webm\|aac\|aiff\|caf\|m4a\|mp3\|wav\|html\|pdf\)$' -> '<PROJECT_ROOT>/packages/react-native/Libraries/Image/RelativeImageStub'
 
 suppress_type=$FlowIssue
 suppress_type=$FlowFixMe
@@ -71,4 +74,4 @@ untyped-import
 untyped-type-import
 
 [version]
-^0.176.3
+^0.202.0

.flowconfig.android

@@ -3,16 +3,16 @@
 .*/*[.]ios.js
 
 ; Ignore templates for 'react-native init'
-<PROJECT_ROOT>/template/.*
+<PROJECT_ROOT>/packages/react-native/template/.*
 
 ; Ignore the Dangerfile
-<PROJECT_ROOT>/bots/dangerfile.js
+<PROJECT_ROOT>/packages/react-native-bots/dangerfile.js
 
 ; Ignore "BUCK" generated dirs
 <PROJECT_ROOT>/\.buckd/
 
 ; Flow doesn't support platforms
-.*/Libraries/Utilities/LoadingView.js
+.*/packages/react-native/Libraries/Utilities/LoadingView.js
 
 .*/node_modules/resolve/test/resolver/malformed_package_json/package\.json$
 
@@ -25,10 +25,13 @@
 .*/node_modules/.*
 
 [libs]
-interface.js
-flow/
+packages/react-native/interface.js
+packages/react-native/flow/
+packages/react-native/flow-typed/
 
 [options]
+enums=true
+
 emoji=true
 
 exact_by_default=true
@@ -41,9 +44,9 @@ module.file_ext=.android.js
 
 munge_underscores=true
 
-module.name_mapper='^react-native$' -> '<PROJECT_ROOT>/index.js'
-module.name_mapper='^react-native/\(.*\)$' -> '<PROJECT_ROOT>/\1'
-module.name_mapper='^@?[./a-zA-Z0-9$_-]+\.\(bmp\|gif\|jpg\|jpeg\|png\|psd\|svg\|webp\|m4v\|mov\|mp4\|mpeg\|mpg\|webm\|aac\|aiff\|caf\|m4a\|mp3\|wav\|html\|pdf\)$' -> '<PROJECT_ROOT>/Libraries/Image/RelativeImageStub'
+module.name_mapper='^react-native$' -> '<PROJECT_ROOT>/packages/react-native/index.js'
+module.name_mapper='^react-native/\(.*\)$' -> '<PROJECT_ROOT>/packages/react-native\1'
+module.name_mapper='^@?[./a-zA-Z0-9$_-]+\.\(bmp\|gif\|jpg\|jpeg\|png\|psd\|svg\|webp\|m4v\|mov\|mp4\|mpeg\|mpg\|webm\|aac\|aiff\|caf\|m4a\|mp3\|wav\|html\|pdf\)$' -> '<PROJECT_ROOT>/packages/react-native/Libraries/Image/RelativeImageStub'
 
 suppress_type=$FlowIssue
 suppress_type=$FlowFixMe
@@ -71,4 +74,4 @@ untyped-import
 untyped-type-import
 
 [version]
-^0.176.3
+^0.202.0

.github/CODEOWNERS

@@ -9,7 +9,7 @@
 
 # GitHub Settings, Bots
 /.github/ @hramos
-/bots @hramos
+/packages/react-native-bots @hramos
 
 # Continuous Integration
 /.circleci/ @hramos

.github/ISSUE_TEMPLATE/bug_report.yml

@@ -10,15 +10,15 @@ body:
     id: description
     attributes:
       label: Description
-      description: Please provide a clear and concise description of what the bug is. Include screenshots if needed. Please test using the latest React Native release to make sure your issue has not already been fixed - https://reactnative.dev/docs/upgrading.html
+      description: Please provide a clear and concise description of what the bug is. Include screenshots if needed. Test using the [latest React Native release](https://github.com/facebook/react-native/releases/latest) to make sure your issue has not already been fixed.
     validations:
       required: true
   - type: input
     id: version
     attributes:
-      label: Version
-      description: What react-native version does this appear on?
-      placeholder: ex. 0.66.0
+      label: React Native Version
+      description: What is the latest version of react-native that this issue reproduces on? Please only list the highest version you tested. Bear in mind that only issues on [supported versions](https://github.com/reactwg/react-native-releases#which-versions-are-currently-supported) will be looked into.
+      placeholder: ex. 0.71.0
     validations:
       required: true
   - type: textarea
@@ -40,8 +40,9 @@ body:
     attributes:
       label: Snack, code example, screenshot, or link to a repository
       description: |
-        Please provide a Snack (https://snack.expo.io/), a link to a repository on GitHub, or provide a minimal code example that reproduces the problem.
+        Please provide a Snack (https://snack.expo.dev/), a link to a repository on GitHub, or provide a minimal code example that reproduces the problem.
         You may provide a screenshot of the application if you think it is relevant to your bug report.
         Here are some tips for providing a minimal example: https://stackoverflow.com/help/mcve
+        Please note that a reproducer is **mandatory**. Issues without reproducer are more likely to stall and will be closed.
     validations:
-      required: false
+      required: true

.github/ISSUE_TEMPLATE/config.yml

@@ -6,6 +6,9 @@ contact_links:
     - name: 🤔 Questions and Help
       url: https://reactnative.dev/help
       about: Looking for help with your app? Please refer to the React Native community's support resources.
+    - name: 💫 New Architecture - Questions & Technical Deep dive insights
+      url: https://github.com/reactwg/react-native-new-architecture
+      about: Questions and doubts related to technical questions for the New Architecture should be directed to the Working Group. Instructions on how to join are available in the README.
     - name: 🚀 Discussions and Proposals
       url: https://github.com/react-native-community/discussions-and-proposals
       about: Discuss the future of React Native in the React Native community's discussions and proposals repository.

.github/ISSUE_TEMPLATE/new_architecture_bug_report.yml

@@ -0,0 +1,53 @@
+name: 💫 New Architecture - Bug Report
+description: Report a reproducible bug or a build issue when using the New Architecture (Fabric & TurboModules) in React Native.
+labels: ["Needs: Triage :mag:", "Type: New Architecture"]
+body:
+  - type: markdown
+    attributes:
+      value: |
+        Please provide all the information requested. Issues that do not follow this format are going to be closed.
+        This issue report is reserved to bug & build issues for users on the New Architecture. If you're not using
+        the New Architecture, please don't open issues on this category.
+  - type: textarea
+    id: description
+    attributes:
+      label: Description
+      description: |
+        Please provide a clear and concise description of what the bug or issue is. Include screenshots if needed.
+        Please make sure you check the New Architecture documentation first, as your issue might
+        already be answered there - https://reactnative.dev/docs/next/new-architecture-intro
+    validations:
+      required: true
+  - type: input
+    id: version
+    attributes:
+      label: React Native Version
+      description: What is the latest version of react-native that this issue reproduces on? Please test against the latest stable version, and list only the highest version you tested. Bug reports against older versions are more likely to stall.
+      placeholder: ex. 0.71.0
+    validations:
+      required: true
+  - type: textarea
+    id: react-native-info
+    attributes:
+      label: Output of `npx react-native info`
+      description: Run `npx react-native info` in your terminal, copy and paste the results here.
+    validations:
+      required: true
+  - type: textarea
+    id: reproduction
+    attributes:
+      label: Steps to reproduce
+      description: Provide a detailed list of steps that reproduce the issue.
+    validations:
+      required: true
+  - type: textarea
+    id: extra
+    attributes:
+      label: Snack, code example, screenshot, or link to a repository
+      description: |
+        Please provide a Snack (https://snack.expo.dev/), a link to a repository on GitHub, or provide a minimal code example that reproduces the problem.
+        You may provide a screenshot of the application if you think it is relevant to your bug report.
+        Here are some tips for providing a minimal example: https://stackoverflow.com/help/mcve
+        Please note that a reproducer is **mandatory**. Issues without reproducer are more likely to stall and will be closed.
+    validations:
+      required: true

.github/ISSUE_TEMPLATE/upgrade-regression-form.yml

@@ -1,11 +1,11 @@
-name: Upgrade - Build Regression
+name: ⬆️ Upgrade - Build Regression
 description: If you are upgrading to a new React Native version (stable or pre-release) and encounter a build regression.
 labels: ["Needs: Triage :mag:", "Type: Upgrade Issue"]
 body:
   - type: markdown
     attributes:
       value: |
-        Please use this form to file an issue if you have upgarded or are upgrading to [latest stable release](https://github.com/facebook/react-native/releases/latest) and have experienced a regression (something that used to work in previous version).
+        Please use this form to file an issue if you have upgraded or are upgrading to [latest stable release](https://github.com/facebook/react-native/releases/latest) and have experienced a regression (something that used to work in previous version).
   - type: input
     id: new-version
     attributes:

.github/PULL_REQUEST_TEMPLATE.md

@@ -6,11 +6,15 @@
 
 ## Changelog
 
-<!-- Help reviewers and the release process by writing your own changelog entry. For an example, see:
-https://github.com/facebook/react-native/wiki/Changelog
--->
+<!-- Help reviewers and the release process by writing your own changelog entry.
 
-[CATEGORY] [TYPE] - Message
+Pick one each for the category and type tags:
+
+[ANDROID|GENERAL|IOS|INTERNAL] [BREAKING|ADDED|CHANGED|DEPRECATED|REMOVED|FIXED|SECURITY] - Message
+
+For more details, see:
+https://reactnative.dev/contributing/changelogs-in-pull-requests
+-->
 
 ## Test Plan
 

.github/RELEASE_TEMPLATE.md

@@ -0,0 +1,23 @@
+<!-- Template for pre-release GitHub release -->
+
+<!-- TODO Post about this release to https://github.com/reactwg/react-native-releases/discussions) -->
+
+- <!-- TODO List out notable picks for this patch -->
+
+---
+
+To test it, run:
+
+npx react-native init RN__SHORT_VERSION__ --version __VERSION__
+
+---
+
+You can participate in the conversation on the status of this release in the [working group](https://github.com/reactwg/react-native-releases/discussions).
+
+---
+
+To help you upgrade to this version, you can use the [upgrade helper](https://react-native-community.github.io/upgrade-helper/) ⚛️
+
+---
+
+See changes from this release in the [changelog PR](https://github.com/facebook/react-native/labels/%F0%9F%93%9D%20Changelog)

.github/respond-to-issue-based-on-label.yml

@@ -1,52 +0,0 @@
-# Configuration for Respond To Issue Based on Label https://github.com/marketplace/actions/respond-to-issue-based-on-label
-
-"Type: Invalid":
-  close: true
-"Type: Question":
-  comment: >
-    We are using GitHub issues exclusively to track bugs in React Native. GitHub may not be the ideal place to ask a question, but you can try asking over on [Stack Overflow](http://stackoverflow.com/questions/tagged/react-native), or on [Reactiflux](https://www.reactiflux.com/).
-  close: true
-"Type: Docs":
-  comment: >
-    Please report documentation issues in the [`react-native-website`](https://github.com/facebook/react-native-website/issues) repository.
-  close: true
-"Resolution: For Stack Overflow":
-  comment: >
-    We are using GitHub issues exclusively to track bugs in the core React Native library. Please try asking over on [Stack Overflow](http://stackoverflow.com/questions/tagged/react-native) as it is better suited for this type of question.
-  close: true
-"Needs: Issue Template":
-  comment: >
-    <table><tbody><tr><th width="50">:warning:</th><th width="100%">
-    Missing Required Fields
-    </th></tr><tr><td>:information_source:</td><td>
-    It looks like your issue may be missing some necessary information. GitHub provides an example template whenever a <a href="https://github.com/facebook/react-native/issues/new?template=bug_report.md">new issue is created</a>. Could you go back and make sure to fill out the template? You may edit this issue, or close it and open a new one.
-    </td></tr></tbody></table>
-  labels:
-    - "Needs: Author Feedback"
-"Needs: Environment Info":
-  comment: >
-    <table><tbody><tr><th width="50">:warning:</th><th width="100%">
-    Missing Environment Information
-    </th></tr><tr><td>:information_source:</td><td>
-    Your issue may be missing information about your development environment. You can obtain the missing information by running <code>react-native info</code> in a console.
-    </td></tr></tbody></table>
-  labels:
-    - "Needs: Author Feedback"
-"Needs: Verify on Latest Version":
-  comment: >
-    <table><tbody><tr><th width="50">:warning:</th><th width="100%">
-    Using Old Version
-    </th></tr><tr><td>:information_source:</td><td>
-    It looks like you are using an older version of React Native. Please <a href="https://reactnative.dev/docs/upgrading">upgrade</a> to the latest version, and verify if the issue persists. If it does not, please let us know so we can close out this issue. This helps us ensure we are looking at issues that still exist in the current release.
-    </td></tr></tbody></table>
-  labels:
-    - "Needs: Author Feedback"
-"Needs: Repro":
-  comment: >
-    <table><tbody><tr><th width="50">:warning:</th><th width="100%">
-    Missing Reproducible Example
-    </th></tr><tr><td>:information_source:</td><td>
-    It looks like your issue is missing a reproducible example. Please provide a <a href="https://snack.expo.io">Snack</a> or a repository that demonstrates the issue you are reporting in a <a href="https://stackoverflow.com/help/minimal-reproducible-example">minimal, complete, and reproducible</a> manner.
-    </td></tr></tbody></table>
-  labels:
-    - "Needs: Author Feedback"

.github/workflows/actOnLabel.js

@@ -0,0 +1,137 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ */
+
+module.exports = async (github, context, label) => {
+  const closeIssue = async () => {
+    await github.rest.issues.update({
+      issue_number: context.issue.number,
+      owner: context.repo.owner,
+      repo: context.repo.repo,
+      state: 'closed',
+    });
+  };
+
+  const addComment = async comment => {
+    await github.rest.issues.createComment({
+      issue_number: context.issue.number,
+      owner: context.repo.owner,
+      repo: context.repo.repo,
+      body: comment,
+    });
+  };
+
+  const requestAuthorFeedback = async () => {
+    // Remove the triage label if it exists (ignore the 404 if not; it's not expected to always be there)
+    try {
+      await github.rest.issues.removeLabel({
+        issue_number: context.issue.number,
+        owner: context.repo.owner,
+        repo: context.repo.repo,
+        name: 'Needs: Triage :mag:',
+      });
+    } catch {}
+
+    await github.rest.issues.addLabels({
+      issue_number: context.issue.number,
+      owner: context.repo.owner,
+      repo: context.repo.repo,
+      labels: ['Needs: Author Feedback'],
+    });
+  };
+
+  switch (label) {
+    case 'Type: Invalid':
+      await addComment(
+        `| :warning: | Issue is Invalid |\n` +
+          `| --- | --- |\n` +
+          `| :information_source: | This issue doesn't match any of the expected types for this repository - closing. |`,
+      );
+      await closeIssue();
+      return;
+    case 'Type: Question':
+      await addComment(
+        `| :warning: | Issue is a Question |\n` +
+          `| --- | --- |\n` +
+          `| :information_source: | We are using GitHub issues exclusively to track bugs in React Native. GitHub may not be the ideal place to ask a question, but you can try asking over on [Stack Overflow](http://stackoverflow.com/questions/tagged/react-native), or on [Reactiflux](https://www.reactiflux.com/). |`,
+      );
+      await closeIssue();
+      return;
+    case 'Type: Docs':
+      await addComment(
+        `| :warning: | Documentation Issue |\n` +
+          `| --- | --- |\n` +
+          `| :information_source: | Please report documentation issues in the [react-native-website](https://github.com/facebook/react-native-website/issues) repository. |`,
+      );
+      await closeIssue();
+      return;
+    case 'Resolution: For Stack Overflow':
+      await addComment(
+        `| :warning: | Issue is a Question |\n` +
+          `| --- | --- |\n` +
+          `| :information_source: | We are using GitHub issues exclusively to track bugs in the core React Native library. Please try asking over on [Stack Overflow](http://stackoverflow.com/questions/tagged/react-native) as it is better suited for this type of question. |`,
+      );
+      await closeIssue();
+      return;
+    case 'Type: Expo':
+      await addComment(
+        `| :warning: | Issue is Related to Expo |\n` +
+          `| --- | --- |\n` +
+          `| :information_source: | It looks like your issue is related to Expo and not React Native core. Please open your issue in [Expo's repository](https://github.com/expo/expo/issues/new). If you are able to create a repro that showcases that this issue is also happening in React Native vanilla, we will be happy to re-open. |`,
+      );
+      await closeIssue();
+      return;
+    case 'Needs: Issue Template':
+      await addComment(
+        `| :warning: | Missing Required Fields |\n` +
+          `| --- | --- |\n` +
+          `| :information_source: | It looks like your issue may be missing some necessary information. GitHub provides an example template whenever a [new issue is created](https://github.com/facebook/react-native/issues/new?template=bug_report.md). Could you go back and make sure to fill out the template? You may edit this issue, or close it and open a new one. |`,
+      );
+      await requestAuthorFeedback();
+      return;
+    case 'Needs: Environment Info':
+      await addComment(
+        `| :warning: | Missing Environment Information |\n` +
+          `| --- | --- |\n` +
+          `| :information_source: | Your issue may be missing information about your development environment. You can obtain the missing information by running <code>react-native info</code> in a console. |`,
+      );
+      await requestAuthorFeedback();
+      return;
+    case 'Needs: Verify on Latest Version':
+      await addComment(
+        `| :warning: | Newer Version of React Native is Available! |\n` +
+          `| --- | --- |\n` +
+          `| :information_source: | You are on a supported minor version, but it looks like there's a newer patch available. Please [upgrade](https://reactnative.dev/docs/upgrading) to the highest patch for your minor or latest and verify if the issue persists (alternatively, create a new project and repro the issue in it). If it does not repro, please let us know so we can close out this issue. This helps us ensure we are looking at issues that still exist in the most recent releases. |`,
+      );
+      return;
+    case 'Needs: Version Info':
+      await addComment(
+        `| :warning: | Add or Reformat Version Info |\n` +
+          `| --- | --- |\n` +
+          `| :information_source: | We could not find or parse the version number of React Native in your issue report. Please use the template, and report your version including major, minor, and patch numbers - e.g. 0.70.2 |`,
+      );
+      await requestAuthorFeedback();
+      return;
+    case 'Needs: Repro':
+      await addComment(
+        `| :warning: | Missing Reproducible Example |\n` +
+          `| --- | --- |\n` +
+          `| :information_source: | It looks like your issue is missing a reproducible example. Please provide a [Snack](https://snack.expo.dev) or a repository that demonstrates the issue you are reporting in a [minimal, complete, and reproducible](https://stackoverflow.com/help/minimal-reproducible-example) manner. |`,
+      );
+      await requestAuthorFeedback();
+      return;
+    case 'Type: Unsupported Version':
+      await addComment(
+        `| :warning: | Unsupported Version of React Native |\n` +
+          `| --- | --- |\n` +
+          `| :information_source: | It looks like your issue or the example you provided uses an [unsupported version of React Native](https://github.com/reactwg/react-native-releases/blob/main/README.md#releases-support-policy). Due to the number of issues we receive, we're currently only accepting new issues against one of the supported versions. Please [upgrade](https://reactnative.dev/docs/upgrading) to latest and verify if the issue persists (alternatively, create a new project and repro the issue in it). If you cannot upgrade, please open your issue on [StackOverflow](https://stackoverflow.com/questions/tagged/react-native) to get further community support. |`,
+      );
+      await requestAuthorFeedback();
+      return;
+  }
+};

.github/workflows/apply-version-label-issue.yml

@@ -4,10 +4,16 @@ on:
   issues:
     types: [opened, edited]
 
+permissions:
+  contents: read
+
 jobs:
   add-version-label-issue:
+    permissions:
+      issues: write  # for react-native-community/actions-apply-version-label to label issues
     runs-on: ubuntu-latest
     continue-on-error: true
+    if: github.repository == 'facebook/react-native'
 
     steps:
       - uses: react-native-community/actions-apply-version-label@v0.0.3

.github/workflows/autorebase.yml

@@ -0,0 +1,24 @@
+name: Automatic Rebase
+on:
+  issue_comment:
+    types: [created]
+permissions:
+  contents: read
+jobs:
+  rebase:
+    permissions:
+      contents: write  # for cirrus-actions/rebase to push code to rebase
+      pull-requests: read  # for cirrus-actions/rebase to get info about PR
+    name: Rebase
+    if: github.event.issue.pull_request != '' && contains(github.event.comment.body, '/rebase')
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout the latest code
+        uses: actions/checkout@v2
+        with:
+          token: ${{ secrets.GITHUB_TOKEN }}
+          fetch-depth: 0 # otherwise, you will fail to push refs to dest repo
+      - name: Automatic Rebase
+        uses: cirrus-actions/rebase@1.7
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.github/workflows/close_pr.yml

@@ -0,0 +1,63 @@
+name: Label closed PR as merged and leave a comment
+on:
+  push
+
+permissions:
+  contents: read
+  pull-requests: write
+
+jobs:
+  comment-and-label:
+    runs-on: ubuntu-latest
+    if: github.repository == 'facebook/react-native'
+    steps:
+      - uses: actions/github-script@v6
+        with:
+          github-token: ${{ secrets.GITHUB_TOKEN }}
+          script: |
+            if(!context.payload.commits || !context.payload.commits.length) return;
+            const sha = context.payload.commits[0].id;
+
+            const {commit, author} = (await github.rest.repos.getCommit({
+              ref: sha,
+              owner: context.repo.owner,
+              repo: context.repo.repo,
+            })).data;
+
+            // Looking at the commit message, checks which PR number, if any, was closed by this commit
+            const getClosedPrIfExists = (commit) => {
+              if(!commit || !commit.message) return;
+              const prClosingRegex = /Closes https:\/\/github.com\/facebook\/react-native\/pull\/([0-9]+)|Pull Request resolved: https:\/\/github.com\/facebook\/react-native\/pull\/([0-9]+)/;
+              const prClosingMatch = commit.message.match(prClosingRegex);
+              if(!prClosingMatch || (!prClosingMatch[1] && ! prClosingMatch[2])) return;
+              return prClosingMatch[1] ?? prClosingMatch[2];
+            };
+
+            const closedPrNumber = getClosedPrIfExists(commit);
+            if(!closedPrNumber) return;
+
+            const pr = (await github.rest.pulls.get({
+              pull_number: closedPrNumber,
+              owner: context.repo.owner,
+              repo: context.repo.repo,
+            })).data;
+
+            // If the PR has already been processed (labeled as Merged), skip it
+            const mergedLabel = "Merged";
+            if(pr.labels && pr.labels.some(label => label.name === mergedLabel)) return;
+
+            const authorName = author?.login ? `@${author.login}` : commit.author.name;
+
+            github.rest.issues.createComment({
+              issue_number: closedPrNumber,
+              owner: context.repo.owner,
+              repo: context.repo.repo,
+              body: `This pull request was successfully merged by ${authorName} in **${sha}**.\n\n<sup>[When will my fix make it into a release?](https://github.com/facebook/react-native/wiki/Release-FAQ#when-will-my-fix-make-it-into-a-release) | [Upcoming Releases](https://github.com/reactwg/react-native-releases/discussions/categories/releases)</sup>`
+            });
+
+            github.rest.issues.addLabels({
+              issue_number: closedPrNumber,
+              owner: context.repo.owner,
+              repo: context.repo.repo,
+              labels: [mergedLabel]
+            });

.github/workflows/danger_pr.yml

@@ -0,0 +1,28 @@
+name: Run Danger on PR
+
+on:
+  pull_request_target:
+    types: [opened, edited, reopened, synchronize]
+
+permissions:
+  actions: write
+  checks: write
+  contents: write
+  issues: write
+  pull-requests: write
+  statuses: write
+
+jobs:
+  danger:
+    runs-on: ubuntu-latest
+    if: github.repository == 'facebook/react-native'
+    steps:
+      - uses: actions/checkout@v3
+      - name: Run Yarn Install on Root
+        run: yarn install
+        working-directory: .
+      - name: Danger
+        run: yarn danger ci --use-github-checks --failOnErrors
+        working-directory: packages/react-native-bots
+        env:
+          DANGER_GITHUB_API_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.github/workflows/needs-attention.yml

@@ -4,10 +4,17 @@ on:
   issue_comment:
     types: created
 
+permissions:
+  contents: read
+
 jobs:
   applyNeedsAttentionLabel:
+    permissions:
+      contents: read  # for actions/checkout to fetch code
+      issues: write  # for hramos/needs-attention to label issues
     name: Apply Needs Attention Label
     runs-on: ubuntu-latest
+    if: github.repository == 'facebook/react-native'
     steps:
       - uses: actions/checkout@v3
       - name: Apply Needs Attention Label

.github/workflows/on-issue-labeled.yml

@@ -4,13 +4,43 @@ on:
   issues:
     types: labeled
 
+permissions:
+  contents: write
+  issues: write
+
 jobs:
-  respondToIssueBasedOnLabel:
-    name: Respond to Issue Based on Label
+  # Runs automatic checks on issues labeled with "Needs: Triage",
+  # then invokes actOnLabel to react to any added labels
+  triage-issue:
     runs-on: ubuntu-latest
+    if: "${{ github.repository == 'facebook/react-native' && contains(github.event.label.name, 'Needs: Triage :mag:') }}"
     steps:
       - uses: actions/checkout@v3
-      - name: Respond to Issue Based on Label
-        uses: hramos/respond-to-issue-based-on-label@v2
+      - uses: actions/github-script@v6
         with:
-          repo-token: ${{ secrets.GITHUB_TOKEN }}
+          script: |
+            const verifyVersion = require('./.github/workflows/verifyVersion.js')
+            const labelToAdd = await verifyVersion(github, context);
+
+            if(labelToAdd) {
+              await github.rest.issues.addLabels({
+                issue_number: context.issue.number,
+                owner: context.repo.owner,
+                repo: context.repo.repo,
+                labels: [labelToAdd]
+              })
+
+              const actOnLabel = require('./.github/workflows/actOnLabel.js')
+              await actOnLabel(github, context, labelToAdd)
+            }
+  # Reacts to the label that triggered this workflow (added manually or via other workflows)
+  act-on-label:
+    runs-on: ubuntu-latest
+    if: github.repository == 'facebook/react-native'
+    steps:
+      - uses: actions/checkout@v3
+      - uses: actions/github-script@v6
+        with:
+          script: |
+            const actOnLabel = require('./.github/workflows/actOnLabel.js')
+            await actOnLabel(github, context, context.payload.label.name)

.github/workflows/stale-bot.yml

@@ -1,10 +1,11 @@
 name: Mark stale issues and pull requests
 on:
   schedule:
-    - cron: "30 1 * * *"
+    - cron: "0 0,6,12,18 * * *"
 jobs:
   stale:
     runs-on: ubuntu-latest
+    if: github.repository == 'facebook/react-native'
     permissions:
       issues: write
       pull-requests: write
@@ -17,3 +18,60 @@ jobs:
           stale-pr-message: 'This PR is stale because it has been open 180 days with no activity. Remove stale label or comment or this will be closed in 7 days.'
           close-issue-message: 'This issue was closed because it has been stalled for 7 days with no activity.'
           close-pr-message: 'This PR was closed because it has been stalled for 7 days with no activity.'
+          exempt-issue-labels: Help Wanted :octocat:, Good first issue, Never gets stale
+          exempt-pr-labels: Help Wanted :octocat:, Good first issue, Never gets stale
+  stale-asc:
+    runs-on: ubuntu-latest
+    if: github.repository == 'facebook/react-native'
+    permissions:
+      issues: write
+      pull-requests: write
+    steps:
+      - uses: actions/stale@v5
+        with:
+          ascending: true
+          repo-token: ${{ secrets.GITHUB_TOKEN }}
+          days-before-stale: 180
+          stale-issue-message: 'This issue is stale because it has been open 180 days with no activity. Remove stale label or comment or this will be closed in 7 days.'
+          stale-pr-message: 'This PR is stale because it has been open 180 days with no activity. Remove stale label or comment or this will be closed in 7 days.'
+          close-issue-message: 'This issue was closed because it has been stalled for 7 days with no activity.'
+          close-pr-message: 'This PR was closed because it has been stalled for 7 days with no activity.'
+          exempt-issue-labels: Help Wanted :octocat:, Good first issue, Never gets stale
+          exempt-pr-labels: Help Wanted :octocat:, Good first issue, Never gets stale
+  stale-needs-author-feedback:
+    runs-on: ubuntu-latest
+    if: github.repository == 'facebook/react-native'
+    permissions:
+      issues: write
+      pull-requests: write
+    steps:
+      - uses: actions/stale@v5
+        with:
+          repo-token: ${{ secrets.GITHUB_TOKEN }}
+          any-of-labels: 'Needs: Author Feedback'
+          days-before-stale: 24
+          stale-issue-message: "This issue is waiting for author's feedback since 24 days. Please provide the requested feedback or this will be closed in 7 days."
+          stale-pr-message: "This PR is waiting for author's feedback since 24 days. Please provide the requested feedback or this will be closed in 7 days"
+          close-issue-message: "This issue was closed because the author hasn't provided the requested feedback after 7 days."
+          close-pr-message: "This PR was closed because the author hasn't provided the requested feedback after 7 days."
+          exempt-issue-labels: Help Wanted :octocat:, Good first issue, Never gets stale
+          exempt-pr-labels: Help Wanted :octocat:, Good first issue, Never gets stale
+  stale-needs-author-feedback-asc:
+    runs-on: ubuntu-latest
+    if: github.repository == 'facebook/react-native'
+    permissions:
+      issues: write
+      pull-requests: write
+    steps:
+      - uses: actions/stale@v5
+        with:
+          ascending: true
+          repo-token: ${{ secrets.GITHUB_TOKEN }}
+          any-of-labels: 'Needs: Author Feedback'
+          days-before-stale: 24
+          stale-issue-message: "This issue is waiting for author's feedback since 24 days. Please provide the requested feedback or this will be closed in 7 days."
+          stale-pr-message: "This PR is waiting for author's feedback since 24 days. Please provide the requested feedback or this will be closed in 7 days"
+          close-issue-message: "This issue was closed because the author hasn't provided the requested feedback after 7 days."
+          close-pr-message: "This PR was closed because the author hasn't provided the requested feedback after 7 days."
+          exempt-issue-labels: Help Wanted :octocat:, Good first issue, Never gets stale
+          exempt-pr-labels: Help Wanted :octocat:, Good first issue, Never gets stale

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

@@ -1,23 +0,0 @@
-name: Test Docker Android Image
-# This workflow is triggered on commits to main and pull requests.
-on:
-  push:
-    branches:
-      - main
-  pull_request:
-    branches:
-      - main
-
-jobs:
-  test-docker-android:
-    name: Test Docker
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v3
-      - name: Free up space by removing unnecessary folders
-        run: |
-          sudo rm -rf /usr/share/dotnet
-          sudo rm -rf /opt/ghc
-          sudo rm -rf "$AGENT_TOOLSDIRECTORY"
-      - name: Build Docker image with Android test app
-        run: npm run docker-build-android

.github/workflows/verifyVersion.js

@@ -0,0 +1,117 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ */
+
+module.exports = async (github, context) => {
+  const issue = context.payload.issue;
+
+  // Ignore issues using upgrade template (they use a special label)
+  if (issue.labels.find(label => label.name == 'Type: Upgrade Issue')) {
+    return;
+  }
+
+  const issueVersionUnparsed =
+    getReactNativeVersionFromIssueBodyIfExists(issue);
+  const issueVersion = parseVersionFromString(issueVersionUnparsed);
+
+  // Nightly versions are always supported
+  if (reportedVersionIsNightly(issueVersionUnparsed, issueVersion)) return;
+
+  if (!issueVersion) {
+    return 'Needs: Version Info';
+  }
+
+  // Ensure the version matches one we support
+  const recentReleases = (
+    await github.rest.repos.listReleases({
+      owner: context.repo.owner,
+      repo: context.repo.repo,
+    })
+  ).data.map(release => release.name);
+
+  const latestRelease = (
+    await github.rest.repos.getLatestRelease({
+      owner: context.repo.owner,
+      repo: context.repo.repo,
+    })
+  ).data;
+  const latestVersion = parseVersionFromString(latestRelease.name);
+
+  if (!isVersionSupported(issueVersion, latestVersion)) {
+    return 'Type: Unsupported Version';
+  }
+
+  // We want to encourage users to repro the issue on the highest available patch for the given minor.
+  const latestPatchForVersion = getLatestPatchForVersion(
+    issueVersion,
+    recentReleases,
+  );
+  if (latestPatchForVersion > issueVersion.patch) {
+    return 'Needs: Verify on Latest Version';
+  }
+};
+
+// We support N-2 minor versions, and the latest major.
+function isVersionSupported(actualVersion, latestVersion) {
+  return (
+    actualVersion.major >= latestVersion.major &&
+    actualVersion.minor >= latestVersion.minor - 2
+  );
+}
+
+// Assumes that releases are sorted in the order of recency (i.e. most recent releases are earlier in the list)
+// This enables us to stop looking as soon as we find the first release with a matching major/minor version, since
+// we know it's the most recent release, therefore the highest patch available.
+function getLatestPatchForVersion(version, releases) {
+  for (releaseName of releases) {
+    const release = parseVersionFromString(releaseName);
+    if (
+      release &&
+      release.major == version.major &&
+      release.minor == version.minor
+    ) {
+      return release.patch;
+    }
+  }
+}
+
+function getReactNativeVersionFromIssueBodyIfExists(issue) {
+  if (!issue || !issue.body) return;
+  const rnVersionRegex = /React Native Version[\r\n]+(?<version>.+)[\r\n]*/;
+  const rnVersionMatch = issue.body.match(rnVersionRegex);
+  if (!rnVersionMatch || !rnVersionMatch.groups.version) return;
+  return rnVersionMatch.groups.version;
+}
+
+function reportedVersionIsNightly(unparsedVersionString, version) {
+  if (!unparsedVersionString && !version) return false;
+  const nightlyRegex = /nightly/i;
+  const nightlyMatch = unparsedVersionString.match(nightlyRegex);
+  const versionIsNightly = nightlyMatch && nightlyMatch[0];
+
+  const versionIsZero =
+    version && version.major == 0 && version.minor == 0 && version.patch == 0;
+
+  return versionIsZero || versionIsNightly;
+}
+
+function parseVersionFromString(version) {
+  if (!version) return;
+  // This will match the standard x.x.x semver format, as well as the non-standard prerelease x.x.x-rc.x
+  const semverRegex =
+    /(?<major>\d+)\.(?<minor>\d+)\.(?<patch>\d+)(-[rR]{1}[cC]{1}\.(?<prerelease>\d+))?/;
+  const versionMatch = version.match(semverRegex);
+  if (!versionMatch) return;
+  const {major, minor, patch, prerelease} = versionMatch.groups;
+  return {
+    major: parseInt(major),
+    minor: parseInt(minor),
+    patch: parseInt(patch),
+    prerelease: parseInt(prerelease),
+  };
+}

.gitignore

@@ -31,23 +31,25 @@ project.xcworkspace
 /packages/rn-tester/android/app/gradle/
 /packages/rn-tester/android/app/gradlew
 /packages/rn-tester/android/app/gradlew.bat
-/ReactAndroid/build/
-/ReactAndroid/.cxx/
-/ReactAndroid/gradle/
-/ReactAndroid/gradlew
-/ReactAndroid/gradlew.bat
-/ReactAndroid/hermes-engine/build/
-/ReactAndroid/hermes-engine/.cxx/
-/template/android/app/build/
-/template/android/build/
+/packages/react-native/ReactAndroid/build/
+/packages/react-native/ReactAndroid/.cxx/
+/packages/react-native/ReactAndroid/gradle/
+/packages/react-native/ReactAndroid/gradlew
+/packages/react-native/ReactAndroid/gradlew.bat
+/packages/react-native/ReactAndroid/external-artifacts/build/
+/packages/react-native/ReactAndroid/external-artifacts/artifacts/
+/packages/react-native/ReactAndroid/hermes-engine/build/
+/packages/react-native/ReactAndroid/hermes-engine/.cxx/
+/packages/react-native/template/android/app/build/
+/packages/react-native/template/android/build/
 
 # Buck
 .buckd
 buck-out
 /.lsp.buckd
 /.lsp-buck-out
-/ReactAndroid/src/main/jni/prebuilt/lib/
-/ReactAndroid/src/main/gen
+/packages/react-native/ReactAndroid/src/main/jni/prebuilt/lib/
+/packages/react-native/ReactAndroid/src/main/gen
 
 # Android Studio
 .project
@@ -62,62 +64,76 @@ buck-out
 .gradle
 local.properties
 *.iml
-/android/
+/packages/react-native/android/*
+!/packages/react-native/android/README.md
 
 # Node
 node_modules
 *.log
 .nvm
-/bots/node_modules/
 package-lock.json
 
 # OS X
 .DS_Store
 
 # Test generated files
-/ReactAndroid/src/androidTest/assets/AndroidTestBundle.js
+/packages/react-native/ReactAndroid/src/androidTest/assets/AndroidTestBundle.js
 *.js.meta
 
 /coverage
 /third-party
 
+# Test Reports
+/reports
+
+# Stack Dumps generated when programs crash (Ex. bash.exe.stackdump on Win)
+*.stackdump
+
 # Root dir shouldn't have Xcode project
 /*.xcodeproj
 
 # ReactCommon subdir shouldn't have Xcode project
-/ReactCommon/**/*.xcodeproj
+/packages/react-native/ReactCommon/**/*.xcodeproj
 
 # Libs that shouldn't have Xcode project
-/Libraries/FBLazyVector/**/*.xcodeproj
-/Libraries/RCTRequired/**/*.xcodeproj
-/React/CoreModules/**/*.xcodeproj
-/React/FBReactNativeSpec/**/*.xcodeproj
+/packages/react-native/Libraries/FBLazyVector/**/*.xcodeproj
+/packages/react-native/Libraries/RCTRequired/**/*.xcodeproj
+/packages/react-native/React/CoreModules/**/*.xcodeproj
+/packages/react-native/React/FBReactNativeSpec/**/*.xcodeproj
 /packages/react-native-codegen/**/*.xcodeproj
 
 # Ruby Gems (Bundler)
-/vendor
-/template/vendor
+/packages/react-native/vendor
+/packages/react-native/template/vendor
+.ruby-version
+/**/.ruby-version
+./vendor/
+vendor/
 
 # iOS / CocoaPods
-/template/ios/build/
-/template/ios/Pods/
-/template/ios/Podfile.lock
+/packages/react-native/template/ios/build/
+/packages/react-native/template/ios/Pods/
+/packages/react-native/template/ios/Podfile.lock
 /packages/rn-tester/Gemfile.lock
 
 # Ignore RNTester specific Pods, but keep the __offline_mirrors__ here.
 /packages/rn-tester/Pods/*
-!/packages/rn-tester/Pods/__offline_mirrors__
+!/packages/rn-tester/Pods/__offline_mirrors_hermes__
+!/packages/rn-tester/Pods/__offline_mirrors_jsc__
 
-# react-native-codegen
-/React/FBReactNativeSpec/FBReactNativeSpec
+# @react-native/codegen
+/packages/react-native/React/FBReactNativeSpec/FBReactNativeSpec
 /packages/react-native-codegen/lib
-/ReactCommon/react/renderer/components/rncore/
+/packages/react-native-codegen/tmp/
+/packages/react-native/ReactCommon/react/renderer/components/rncore/
 /packages/rn-tester/NativeModuleExample/ScreenshotManagerSpec*
+/**/RCTThirdPartyFabricComponentsProvider.*
+
 
 # Additional SDKs
-/sdks/.hermesversion
-/sdks/hermes
-/sdks/download
+/packages/react-native/sdks/download
+/packages/react-native/sdks/hermes
+/packages/react-native/sdks/hermesc
 
 # Visual studio
 .vscode
@@ -125,3 +141,6 @@ package-lock.json
 
 # Android memory profiler files
 *.hprof
+
+# Temporary files created by Metro to check the health of the file watcher
+.metro-health-check*

.ruby-version

@@ -1 +0,0 @@
-2.7.5

CONTRIBUTING.md

@@ -1,113 +1,7 @@
 # Contributing to React Native
 
-Thank you for your interest in contributing to React Native! From commenting on and triaging issues, to reviewing and sending Pull Requests, all contributions are welcome. We aim to build a vibrant and inclusive [ecosystem of partners, core contributors, and community](ECOSYSTEM.md) that goes beyond the main React Native GitHub repository.
+Thank you for your interest in contributing to React Native! From commenting on and triaging issues, to reviewing and sending Pull Requests, all contributions are welcome.
+We aim to build a vibrant and inclusive [ecosystem of partners, core contributors, and community](ECOSYSTEM.md) that goes beyond the main React Native GitHub repository.
 
-The [Open Source Guides](https://opensource.guide/) website has a collection of resources for individuals, communities, and companies who want to learn how to run and contribute to an open source project. Contributors and people new to open source alike will find the following guides especially useful:
-
-* [How to Contribute to Open Source](https://opensource.guide/how-to-contribute/)
-* [Building Welcoming Communities](https://opensource.guide/building-community/)
-
-
-### [Code of Conduct](https://github.com/facebook/react-native/blob/HEAD/CODE_OF_CONDUCT.md)
-
-As a reminder, all contributors are expected to adhere to the [Code of Conduct](https://github.com/facebook/react-native/blob/HEAD/CODE_OF_CONDUCT.md).
-
-## Ways to Contribute
-
-If you are eager to start contributing code right away, we have a list of [good first issues](https://github.com/facebook/react-native/labels/good%20first%20issue) that contain bugs which have a relatively limited scope. As you gain more experience and demonstrate a commitment to evolving React Native, you may be granted issue management permissions in the repository.
-
-There are other ways you can contribute without writing a single line of code. Here are a few things you can do to help out:
-
-1. **Replying and handling open issues.** We get a lot of issues every day, and some of them may lack necessary information. You can help out by guiding people through the process of filling out the issue template, asking for clarifying information, or pointing them to existing issues that match their description of the problem. We cover more about this process in the [Issue Triage wiki](https://github.com/facebook/react-native/wiki/Triaging-GitHub-Issues).
-2. **Reviewing pull requests for the docs.** Reviewing [documentation updates](https://github.com/facebook/react-native-website/pulls) can be as simple as checking for spelling and grammar. If you encounter situations that can be explained better in the docs, click **Edit** at the top of most docs pages to get started with your own contribution.
-3. **Help people write test plans.** Some pull requests sent to the main repository may lack a proper test plan. These help reviewers understand how the change was tested, and can speed up the time it takes for a contribution to be accepted.
-
-Each of these tasks is highly impactful, and maintainers will greatly appreciate your help.
-
-### Our Development Process
-
-We use GitHub issues and pull requests to keep track of bug reports and contributions from the community. All changes from engineers at Facebook will sync to [GitHub](https://github.com/facebook/react-native) through a bridge with Facebook's internal source control. Changes from the community are handled through GitHub pull requests. Once a change made on GitHub is approved, it will first be imported into Facebook's internal source control and tested against Facebook's codebase. Once merged at Facebook, the change will eventually sync back to GitHub as a single commit once it has passed Facebook's internal tests.
-
-You can learn more about the contribution process in the following documents:
-
-* [Issues](https://github.com/facebook/react-native/wiki/Triaging-GitHub-Issues)
-* [Pull Requests](https://github.com/facebook/react-native/wiki/Managing-Pull-Requests)
-
-We also have a thriving community of contributors who would be happy to help you get set up. You can reach out to us through [@ReactNative](http://twitter.com/reactnative) (the React Native team) and [@ReactNativeComm](http://twitter.com/reactnativecomm) (the React Native Community organization).
-
-### Repositories
-
-The main repository, <https://github.com/facebook/react-native>, contains the React Native framework itself and it is here where we keep track of bug reports and manage pull requests.
-
-There are a few other repositories you might want to familiarize yourself with:
-
-* **React Native website** which contains the source code for the website, including the documentation, located at <https://github.com/facebook/react-native-website>
-* **Releases**  Conversations for new releases are happening [in this discussion repo](https://github.com/reactwg/react-native-releases/discussions).
-* **Changelog** The changelog can be found [here](https://github.com/facebook/react-native/blob/main/CHANGELOG.md).
-* **Discussions** about the future of React Native take place in the <https://github.com/react-native-community/discussions-and-proposals> repository.
-* **High-quality plugins** for React Native can be found throughout the [React Native Community GitHub Organization](http://github.com/react-native-community/).
-
-Browsing through these repositories should provide some insight into how the React Native open source project is managed.
-
-## GitHub Issues
-
-We use GitHub issues to track bugs exclusively. We have documented our issue handling processes in the [Issues wiki](https://github.com/facebook/react-native/wiki/Triaging-GitHub-Issues).
-
-### Security Bugs
-
-Facebook has a [bounty program](https://www.facebook.com/whitehat/) for the safe disclosure of security bugs. In those cases, please go through the process outlined on that page and do not file a public issue.
-
-## Helping with Documentation
-
-The React Native documentation is hosted as part of the React Native website repository at https://github.com/facebook/react-native-website. The website itself is located at <https://reactnative.dev/> and it is built using [Docusaurus](https://docusaurus.io/). If there's anything you'd like to change in the docs, you can get started by clicking on the "Edit" button located on the upper right of most pages in the website.
-
-If you are adding new functionality or introducing a change in behavior, we will ask you to update the documentation to reflect your changes.
-
-### Contributing to the Blog
-
-The React Native blog is generated [from the Markdown sources for the blog](https://github.com/facebook/react-native-website/tree/HEAD/website/blog).
-
-Please open an issue in the https://github.com/facebook/react-native-website repository or tag us on [@ReactNative on Twitter](http://twitter.com/reactnative) and get the go-ahead from a maintainer before writing an article intended for the React Native blog. In most cases, you might want to share your article on your own blog or writing medium instead. It's worth asking, though, in case we find your article is a good fit for the blog.
-
-We recommend referring to the [CONTRIBUTING](https://github.com/facebook/react-native-website/blob/HEAD/CONTRIBUTING.md) document for the `react-native-website` repository to learn more about contributing to the website in general.
-
-## Contributing Code
-
-Code-level contributions to React Native generally come in the form of [pull requests](https://help.github.com/en/articles/about-pull-requests). These are done by forking the repo and making changes locally. Directly in the repo, there is the [`rn-tester` app](/packages/rn-tester) that you can install on your device (or simulators) and use to test the changes you're making to React Native sources.
-
-The process of proposing a change to React Native can be summarized as follows:
-
-1. Fork the React Native repository and create your branch from `main`.
-2. Make the desired changes to React Native sources. Use the `packages/rn-tester` app to test them out.
-3. If you've added code that should be tested, add tests.
-4. If you've changed APIs, update the documentation, which lives in [another repo](https://github.com/facebook/react-native-website/).
-5. Ensure the test suite passes, either locally or on CI once you opened a pull request.
-6. Make sure your code lints (for example via `yarn lint --fix`).
-7. Push the changes to your fork.
-8. Create a pull request to the React Native repository.
-9. Review and address comments on your pull request.
-    1. A bot may comment with suggestions. Generally we ask you to resolve these first before a maintainer will review your code.
-    2. If changes are requested and addressed, please [request review](https://docs.github.com/en/github/collaborating-with-pull-requests/proposing-changes-to-your-work-with-pull-requests/requesting-a-pull-request-review) to notify reviewers to take another look.
-10. If you haven't already, please complete the [Contributor License Agreement](https://github.com/facebook/react-native/wiki/Contributor-License-Agreement) ("CLA"). **[Complete your CLA here.](https://code.facebook.com/cla)**
-
-If all goes well, your pull request will be merged. If it is not merged, maintainers will do their best to explain the reason why.
-
-### Step-by-step Guide
-
-Whenever you are ready to contribute code, check out our [step-by-step guide to sending your first pull request](https://github.com/facebook/react-native/wiki/How-to-Open-a-Pull-Request), or read the [How to Contribute Code](https://github.com/facebook/react-native/wiki/How-to-Contribute-Code) wiki for more details.
-
-### Tests
-
-Tests help us prevent regressions from being introduced to the codebase. The GitHub repository is continuously tested using Circle and Appveyor, the results of which are available through the Checks functionality on [commits](https://github.com/facebook/react-native/commits/HEAD) and pull requests. You can learn more about running and writing tests in the [Tests wiki](http://github.com/facebook/react-native/wiki/Tests).
-
-## Community Contributions
-
-Contributions to React Native are not limited to GitHub. You can help others by sharing your experience using React Native, whether that is through blog posts, presenting talks at conferences, or simply sharing your thoughts on Twitter and tagging @ReactNative.
-
-## Where to Get Help
-
-As you work on React Native, it is natural that sooner or later you may require help. In addition to the resources listed in [SUPPORT](.github/SUPPORT.md), people interested in contributing may take advantage of the following:
-
-* **Twitter**. The React Native team at Facebook has its own account at [@reactnative](https://twitter.com/reactnative), and the React Native Community uses [@reactnativecomm](https://twitter.com/reactnativecomm). If you feel stuck, or need help contributing, please do not hesitate to reach out.
-* **Proposals Repository**. If you are considering working on a feature large in scope, consider [creating a proposal first](https://github.com/react-native-community/discussions-and-proposals). The community can help you figure out the right approach, and we'd be happy to help.
-* **React Native Community Discord**. While we try to hold most discussions in public, sometimes it can be beneficial to have conversations in real time with other contributors. People who have demonstrated a commitment to moving React Native forward through sustained contributions to the project may eventually be invited to join the React Native Community Discord.
+To learn more about how to contribute check out the Contributing section on the React Native website:
+* https://reactnative.dev/contributing/overview

ECOSYSTEM.md

@@ -1,27 +1,36 @@
 # The React Native Ecosystem
 
-We aim to build a vibrant and inclusive ecosystem of partners, core contributors, and community that goes beyond the main React Native GitHub repository. This document explains the roles and responsibilities of various stakeholders and provides guidelines for the community organization. The structure outlined in this document has been in place for a while but hadn't been written down before.
+We aim to build a vibrant and inclusive ecosystem of partners, core contributors, and community that goes beyond the main React Native GitHub repository. This document explains the roles and responsibilities of various stakeholders and provides guidelines for the community organization. The structure outlined in this document has been in place for a while but had not been written down before.
 
 There are three types of stakeholders:
 
-* **Partners:** Companies that are significantly invested in React Native and have been for years.
+* **Partners:** Companies significantly invested in React Native and take responsibility for the React Native vision and community.
 * **Core Contributors:** Individual people who contribute to the React Native project.
 * **Community Contributors:** Individuals who support projects in the [react-native-community](https://github.com/react-native-community) organization.
 
 ## Partners
 
-Partners are companies that are significantly invested in React Native and have been for years. Informed by their use of React Native, they push for improvements of the core and/or the ecosystem around it. Partners think of React Native as a product: they understand the trade offs that the project makes as well as future plans and goals. Together we shape the vision for React Native to make it the best way to build applications.
+Partners are companies that are significantly invested in React Native and demonstrate ownership. Informed by their use of React Native, they push for improvements of the core and/or the ecosystem around it. Examples of this may include large scale contributions to `react-native` or owning essential tools or libraries.
 
-React Native's current set of partners include Callstack, Expo, Facebook, Infinite Red, Microsoft and Software Mansion. Many engineers from these companies are core contributors, and their partner responsibilities also include:
+Partners think of React Native as a product; they understand the trade offs that the project makes as well as future plans and goals. Together we shape the vision for React Native to make it the best way to build applications.
 
-* **[Callstack](https://callstack.com/):** Manages releases, maintains the [React Native CLI](https://github.com/react-native-community/react-native-cli) and organizes [React Native EU](https://react-native.eu/)
-* **[Expo](https://expo.io/):** Builds [expo](https://github.com/expo/expo) on top of React Native to simplify app development
-* **[Facebook](https://opensource.facebook.com):** Oversees the React Native product and maintains the [React Native core repo](https://reactnative.dev/) 
-* **[Infinite Red](https://infinite.red/):** Maintains the [ignite cli/boilerplate](https://github.com/infinitered/ignite), organizes [Chain React Conf](https://cr.infinite.red/)
-* **[Microsoft](http://aka.ms/reactnative):** Develops [React Native Windows](https://github.com/Microsoft/react-native-windows) and [React Native macOS](https://github.com/microsoft/react-native-macos) for building apps that target Windows and macOS
-* **[Software Mansion](https://swmansion.com/):** Maintain core infrastructure including JSC, Animated, and other popular third-party plugins.
+Baseline responsibilities of partners include:
+* Attending monthly meeting
+* Contributing to the release process. Examples include being a [community releaser](https://reactnative.dev/contributing/release-roles-responsibilities#release-role-2-community-releaser), testing new releases, technical support for release issues.
+* Engage on the core contributor Discord
 
-In terms of open source work, pull requests from partners are commonly prioritized. When you are contributing to React Native, you'll most likely meet somebody who works at one of the partner companies and who is a core contributor:
+Our current partners and other areas of ownership:
+* **[Coinbase](https://www.coinbase.com/):** Publishes [posts](https://blog.coinbase.com/tagged/react-native) advocating React Native usage. Supports `@react-native-community/datetimepicker` and other community modules to migrate to the new architecture. Supports releases in testing and feedback.
+* **[Callstack](https://callstack.com/):** Maintains the [React Native CLI](https://github.com/react-native-community/react-native-cli) and [other community libraries](https://github.com/callstack), organizes [React Native EU](https://react-native.eu/) and hosts [The React Native Show podcast](https://www.callstack.com/podcast-react-native-show)
+* **[Expo](https://expo.dev/):** Builds [Expo Go and SDK](https://github.com/expo/expo), [Snack](https://snack.expo.dev/), and [Expo Application Services](https://expo.dev/eas). Maintains [React Native Directory](https://reactnative.directory/), stewards [React Navigation](https://reactnavigation.org/) along with other partners.
+* **[Infinite Red](https://infinite.red/):** Maintains the [ignite cli/boilerplate](https://github.com/infinitered/ignite), organizes [Chain React Conf](https://cr.infinite.red/), hosts the [React Native Radio podcast](https://reactnativeradio.com), publishes the [React Native Newsletter](https://reactnativenewsletter.com)
+* **[Meta](https://opensource.fb.com/):** Oversees the React Native product and maintains the [React Native core repo](https://reactnative.dev/) 
+* **[Microsoft](https://twitter.com/ReactNativeMSFT):** Develops [React Native Windows](https://github.com/Microsoft/react-native-windows) and [React Native macOS](https://github.com/microsoft/react-native-macos) for building apps that target Windows and macOS; maintains [rnx-kit](https://github.com/microsoft/rnx-kit), [react-native-test-app](https://github.com/microsoft/react-native-test-app) and coordinates cross-companies efforts such as the [bundle working group](https://github.com/microsoft/rnx-kit/discussions/categories/bundle-working-group).
+* **[Shopify](https://www.shopify.com/):** Maintains React Native open source libraries such as [flash-list](https://github.com/Shopify/flash-list) or [@shopify/react-native-skia](https://github.com/Shopify/react-native-skia) and sponsors Software Mansion.
+* **[Software Mansion](https://swmansion.com/):** Maintain core infrastructure including JSC, Animated, and other popular third-party plugins and organizes [App.js Conf](https://appjs.co/)
+* **[Wix.com](https://wix.engineering/open-source):** Maintains a variety of React Native open source projects ([see all](https://github.com/orgs/wix/repositories?q=react-native)), including:  [Detox](https://wix.github.io/Detox/) end-to-end testing library for React Native apps, [RN UILib](https://wix.github.io/react-native-ui-lib/), [RN Navigation](https://wix.github.io/react-native-navigation/), [RN Calendars](https://wix.github.io/react-native-calendars/) and [RN Notifications](https://github.com/wix/react-native-notifications).
+
+This list may fluctuate in response to newcomers who meet our partner definition. In terms of open source work, pull requests from partners are commonly prioritized. When you are contributing to React Native, you'll most likely meet somebody who works at one of the partner companies and who is a core contributor:
 
 ## Core Contributors
 
@@ -38,13 +47,19 @@ Core contributors are individuals who contribute to the React Native project. A
 
 These are behaviors we have observed in our existing core contributors. They aren't strict rules but rather outline their usual responsibilities. We do not expect every core contributor to do all of the above things all the time. Most importantly, we want to create a supportive and friendly environment that fosters collaboration. Above all else, **we are always polite and friendly.**
 
-Core contributor status is attained after consistently contributing and taking on the responsibilities outlined above and granted by other core contributors. Similarly, after a long period of inactivity, a core contributor may be removed.
+Core contributor status is attained after consistently contributing and taking on the responsibilities outlined above and granted by other core contributors. Similarly, after a long period of inactivity (~6 months or more), a core contributor may be contacted to understand if they’re still interested in being part of the program.
 
-We aim to make contributing to React Native as easy and transparent as possible. All important topics are handled through a [discussion or RFC process on GitHub](https://github.com/react-native-community/discussions-and-proposals). We are always looking for active, enthusiastic members of the React Native community to become core contributors.
+You can use this [form](https://forms.gle/4jpA4QeNUvAUDnNe8) to either:
+* Apply yourself to become a Core Contributor. Make sure to include a list of valuable contributions you did to the React Native repository and ecosystem.
+* Nominate someone to become a Core Contributor.
+
+As a core contributor, you will have access to the core contributor Discord which is used for light-weight coordination and discussion.
+
+**We aim to make contributing to React Native as easy and transparent as possible.** We have discussion groups dedicated to the [new architecture rollout](https://github.com/reactwg/react-native-new-architecture), [releases](https://github.com/reactwg/react-native-releases), and [general questions and proposals](https://github.com/react-native-community/discussions-and-proposals). We are always looking for active, enthusiastic members of the React Native community to become core contributors.
 
 ## Community Contributors
 
-Community contributors are individuals who support projects in the [react-native-community](https://github.com/react-native-community) organization. This organization exists as an incubator for high quality components that extend the capabilities of React Native with functionality that many but not all applications require. Facebook engineers will provide guidance to help build a vibrant community of people and components that make React Native better.
+Community contributors are individuals who support projects in the [react-native-community](https://github.com/react-native-community) organization. This organization exists as an incubator for high quality components that extend the capabilities of React Native with functionality that many but not all applications require. Meta engineers will provide guidance to help build a vibrant community of people and components that make React Native better.
 
 This structure has multiple benefits:
 

Gemfile

@@ -1,6 +1,7 @@
 source 'https://rubygems.org'
 
 # You may use http://rbenv.org/ or https://rvm.io/ to install and use this version
-ruby '2.7.5'
+ruby ">= 2.6.10"
 
-gem 'cocoapods', '~> 1.11', '>= 1.11.2'
+gem 'cocoapods', '~> 1.12'
+gem 'activesupport', '>= 6.1.7.3', '< 7.1.0'

Gemfile.lock

@@ -1,30 +1,32 @@
 GEM
   remote: https://rubygems.org/
   specs:
-    CFPropertyList (3.0.5)
+    CFPropertyList (3.0.7)
+      base64
+      nkf
       rexml
-    activesupport (6.1.5)
+    activesupport (7.0.8.4)
       concurrent-ruby (~> 1.0, >= 1.0.2)
       i18n (>= 1.6, < 2)
       minitest (>= 5.1)
       tzinfo (~> 2.0)
-      zeitwerk (~> 2.3)
-    addressable (2.8.0)
-      public_suffix (>= 2.0.2, < 5.0)
+    addressable (2.8.7)
+      public_suffix (>= 2.0.2, < 7.0)
     algoliasearch (1.27.5)
       httpclient (~> 2.8, >= 2.8.3)
       json (>= 1.5.1)
     atomos (0.1.3)
+    base64 (0.2.0)
     claide (1.1.0)
-    cocoapods (1.11.3)
+    cocoapods (1.15.2)
       addressable (~> 2.8)
       claide (>= 1.0.2, < 2.0)
-      cocoapods-core (= 1.11.3)
+      cocoapods-core (= 1.15.2)
       cocoapods-deintegrate (>= 1.0.3, < 2.0)
-      cocoapods-downloader (>= 1.4.0, < 2.0)
+      cocoapods-downloader (>= 2.1, < 3.0)
       cocoapods-plugins (>= 1.0.0, < 2.0)
       cocoapods-search (>= 1.0.0, < 2.0)
-      cocoapods-trunk (>= 1.4.0, < 2.0)
+      cocoapods-trunk (>= 1.6.0, < 2.0)
       cocoapods-try (>= 1.1.0, < 2.0)
       colored2 (~> 3.1)
       escape (~> 0.0.4)
@@ -32,10 +34,10 @@ GEM
       gh_inspector (~> 1.0)
       molinillo (~> 0.8.0)
       nap (~> 1.0)
-      ruby-macho (>= 1.0, < 3.0)
-      xcodeproj (>= 1.21.0, < 2.0)
-    cocoapods-core (1.11.3)
-      activesupport (>= 5.0, < 7)
+      ruby-macho (>= 2.3.0, < 3.0)
+      xcodeproj (>= 1.23.0, < 2.0)
+    cocoapods-core (1.15.2)
+      activesupport (>= 5.0, < 8)
       addressable (~> 2.8)
       algoliasearch (~> 1.0)
       concurrent-ruby (~> 1.1)
@@ -45,7 +47,7 @@ GEM
       public_suffix (~> 4.0)
       typhoeus (~> 1.0)
     cocoapods-deintegrate (1.0.5)
-    cocoapods-downloader (1.6.1)
+    cocoapods-downloader (2.1)
     cocoapods-plugins (1.0.0)
       nap
     cocoapods-search (1.0.1)
@@ -54,47 +56,50 @@ GEM
       netrc (~> 0.11)
     cocoapods-try (1.2.0)
     colored2 (3.1.2)
-    concurrent-ruby (1.1.10)
+    concurrent-ruby (1.3.4)
     escape (0.0.4)
-    ethon (0.15.0)
+    ethon (0.16.0)
       ffi (>= 1.15.0)
-    ffi (1.15.5)
+    ffi (1.17.0)
     fourflusher (2.3.1)
     fuzzy_match (2.0.4)
     gh_inspector (1.1.3)
     httpclient (2.8.3)
-    i18n (1.10.0)
+    i18n (1.14.5)
       concurrent-ruby (~> 1.0)
-    json (2.6.1)
-    minitest (5.15.0)
+    json (2.7.2)
+    minitest (5.25.1)
     molinillo (0.8.0)
     nanaimo (0.3.0)
     nap (1.1.0)
     netrc (0.11.0)
-    public_suffix (4.0.6)
-    rexml (3.2.5)
+    nkf (0.2.0)
+    public_suffix (4.0.7)
+    rexml (3.3.5)
+      strscan
     ruby-macho (2.5.1)
-    typhoeus (1.4.0)
+    strscan (3.1.0)
+    typhoeus (1.4.1)
       ethon (>= 0.9.0)
-    tzinfo (2.0.4)
+    tzinfo (2.0.6)
       concurrent-ruby (~> 1.0)
-    xcodeproj (1.21.0)
+    xcodeproj (1.25.0)
       CFPropertyList (>= 2.3.3, < 4.0)
       atomos (~> 0.1.3)
       claide (>= 1.0.2, < 2.0)
       colored2 (~> 3.1)
       nanaimo (~> 0.3.0)
-      rexml (~> 3.2.4)
-    zeitwerk (2.5.4)
+      rexml (>= 3.3.2, < 4.0)
 
 PLATFORMS
   ruby
 
 DEPENDENCIES
-  cocoapods (~> 1.11, >= 1.11.2)
+  activesupport (>= 6.1.7.3, < 7.1.0)
+  cocoapods (~> 1.12)
 
 RUBY VERSION
-   ruby 2.7.5p203
+   ruby 3.0.6p216
 
 BUNDLED WITH
-   2.3.10
+   2.4.13

IntegrationTests/AccessibilityManagerTest.js

@@ -16,7 +16,7 @@ import * as React from 'react';
 const {TestModule} = NativeModules;
 
 class AccessibilityManagerTest extends React.Component<{...}> {
-  componentDidMount() {
+  componentDidMount(): void {
     invariant(
       NativeAccessibilityManager,
       "NativeAccessibilityManager doesn't exist",

IntegrationTests/AppEventsTest.js

@@ -38,7 +38,6 @@ class AppEventsTest extends React.Component<{...}, State> {
     NativeAppEventEmitter.addListener('testEvent', this.receiveEvent);
     const event = {data: TEST_PAYLOAD, ts: Date.now()};
     TestModule.sendAppEvent('testEvent', event);
-    // eslint-disable-next-line react/no-did-mount-set-state
     this.setState({sent: event});
   }
 

IntegrationTests/AsyncStorageTest.js

@@ -1,245 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- * @flow
- */
-
-'use strict';
-
-const React = require('react');
-const ReactNative = require('react-native');
-const {AsyncStorage, Text, View, StyleSheet} = ReactNative;
-const {TestModule} = ReactNative.NativeModules;
-
-const deepDiffer = require('react-native/Libraries/Utilities/differ/deepDiffer');
-const nullthrows = require('nullthrows');
-
-const DEBUG = false;
-
-const KEY_1 = 'key_1';
-const VAL_1 = 'val_1';
-const KEY_2 = 'key_2';
-const VAL_2 = 'val_2';
-const KEY_MERGE = 'key_merge';
-const VAL_MERGE_1 = {foo: 1, bar: {hoo: 1, boo: 1}, moo: {a: 3}};
-const VAL_MERGE_2 = {bar: {hoo: 2}, baz: 2, moo: {a: 3}};
-const VAL_MERGE_EXPECT = {foo: 1, bar: {hoo: 2, boo: 1}, baz: 2, moo: {a: 3}};
-
-// setup in componentDidMount
-let done = (result: ?boolean) => {};
-let updateMessage = (message: string) => {};
-
-function runTestCase(description: string, fn) {
-  updateMessage(description);
-  fn();
-}
-
-function expectTrue(condition: boolean, message: string) {
-  if (!condition) {
-    throw new Error(message);
-  }
-}
-
-// Type-safe wrapper around JSON.stringify
-function stringify(
-  value:
-    | void
-    | null
-    | string
-    | number
-    | boolean
-    | {...}
-    | $ReadOnlyArray<mixed>,
-): string {
-  if (typeof value === 'undefined') {
-    return 'undefined';
-  }
-  return JSON.stringify(value);
-}
-
-function expectEqual(lhs, rhs, testname: string) {
-  expectTrue(
-    !deepDiffer(lhs, rhs),
-    'Error in test ' +
-      testname +
-      ': expected\n' +
-      stringify(rhs) +
-      '\ngot\n' +
-      stringify(lhs),
-  );
-}
-
-function expectAsyncNoError(place, err) {
-  if (err instanceof Error) {
-    err = err.message;
-  }
-  expectTrue(
-    err === null,
-    'Unexpected error in ' + place + ': ' + stringify(err),
-  );
-}
-
-function testSetAndGet() {
-  AsyncStorage.setItem(KEY_1, VAL_1, err1 => {
-    expectAsyncNoError('testSetAndGet/setItem', err1);
-    AsyncStorage.getItem(KEY_1, (err2, result) => {
-      expectAsyncNoError('testSetAndGet/getItem', err2);
-      expectEqual(result, VAL_1, 'testSetAndGet setItem');
-      updateMessage('get(key_1) correctly returned ' + String(result));
-      runTestCase('should get null for missing key', testMissingGet);
-    });
-  });
-}
-
-function testMissingGet() {
-  AsyncStorage.getItem(KEY_2, (err, result) => {
-    expectAsyncNoError('testMissingGet/setItem', err);
-    expectEqual(result, null, 'testMissingGet');
-    updateMessage('missing get(key_2) correctly returned ' + String(result));
-    runTestCase('check set twice results in a single key', testSetTwice);
-  });
-}
-
-function testSetTwice() {
-  AsyncStorage.setItem(KEY_1, VAL_1, () => {
-    AsyncStorage.setItem(KEY_1, VAL_1, () => {
-      AsyncStorage.getItem(KEY_1, (err, result) => {
-        expectAsyncNoError('testSetTwice/setItem', err);
-        expectEqual(result, VAL_1, 'testSetTwice');
-        updateMessage('setTwice worked as expected');
-        runTestCase('test removeItem', testRemoveItem);
-      });
-    });
-  });
-}
-
-function testRemoveItem() {
-  AsyncStorage.setItem(KEY_1, VAL_1, () => {
-    AsyncStorage.setItem(KEY_2, VAL_2, () => {
-      AsyncStorage.getAllKeys((err, result) => {
-        expectAsyncNoError('testRemoveItem/getAllKeys', err);
-        expectTrue(
-          nullthrows(result).indexOf(KEY_1) >= 0 &&
-            nullthrows(result).indexOf(KEY_2) >= 0,
-          'Missing KEY_1 or KEY_2 in ' + '(' + nullthrows(result).join() + ')',
-        );
-        updateMessage('testRemoveItem - add two items');
-        AsyncStorage.removeItem(KEY_1, err2 => {
-          expectAsyncNoError('testRemoveItem/removeItem', err2);
-          updateMessage('delete successful ');
-          AsyncStorage.getItem(KEY_1, (err3, result2) => {
-            expectAsyncNoError('testRemoveItem/getItem', err3);
-            expectEqual(
-              result2,
-              null,
-              'testRemoveItem: key_1 present after delete',
-            );
-            updateMessage('key properly removed ');
-            AsyncStorage.getAllKeys((err4, result3) => {
-              expectAsyncNoError('testRemoveItem/getAllKeys', err4);
-              expectTrue(
-                nullthrows(result3).indexOf(KEY_1) === -1,
-                'Unexpected: KEY_1 present in ' + nullthrows(result3).join(),
-              );
-              updateMessage('proper length returned.');
-              runTestCase('should merge values', testMerge);
-            });
-          });
-        });
-      });
-    });
-  });
-}
-
-function testMerge() {
-  AsyncStorage.setItem(KEY_MERGE, stringify(VAL_MERGE_1), err1 => {
-    expectAsyncNoError('testMerge/setItem', err1);
-    AsyncStorage.mergeItem(KEY_MERGE, stringify(VAL_MERGE_2), err2 => {
-      expectAsyncNoError('testMerge/mergeItem', err2);
-      AsyncStorage.getItem(KEY_MERGE, (err3, result) => {
-        expectAsyncNoError('testMerge/setItem', err3);
-        expectEqual(
-          JSON.parse(nullthrows(result)),
-          VAL_MERGE_EXPECT,
-          'testMerge',
-        );
-        updateMessage('objects deeply merged\nDone!');
-        runTestCase('multi set and get', testOptimizedMultiGet);
-      });
-    });
-  });
-}
-
-function testOptimizedMultiGet() {
-  let batch = [
-    [KEY_1, VAL_1],
-    [KEY_2, VAL_2],
-  ];
-  let keys = batch.map(([key, value]) => key);
-  AsyncStorage.multiSet(batch, err1 => {
-    // yes, twice on purpose
-    [1, 2].forEach(i => {
-      expectAsyncNoError(`${i} testOptimizedMultiGet/multiSet`, err1);
-      AsyncStorage.multiGet(keys, (err2, result) => {
-        expectAsyncNoError(`${i} testOptimizedMultiGet/multiGet`, err2);
-        expectEqual(result, batch, `${i} testOptimizedMultiGet multiGet`);
-        updateMessage(
-          'multiGet([key_1, key_2]) correctly returned ' + stringify(result),
-        );
-        done();
-      });
-    });
-  });
-}
-
-class AsyncStorageTest extends React.Component<{...}, $FlowFixMeState> {
-  state: any | {|done: boolean, messages: string|} = {
-    messages: 'Initializing...',
-    done: false,
-  };
-
-  componentDidMount() {
-    done = () =>
-      this.setState({done: true}, () => {
-        TestModule.markTestCompleted();
-      });
-    updateMessage = msg => {
-      this.setState({messages: this.state.messages.concat('\n' + msg)});
-      DEBUG && console.log(msg);
-    };
-    AsyncStorage.clear(testSetAndGet);
-  }
-
-  render(): React.Node {
-    return (
-      <View style={styles.container}>
-        <Text>
-          {
-            /* $FlowFixMe[incompatible-type] (>=0.54.0 site=react_native_fb,react_
-             * native_oss) This comment suppresses an error found when Flow v0.54
-             * was deployed. To see the error delete this comment and run Flow.
-             */
-            this.constructor.displayName + ': '
-          }
-          {this.state.done ? 'Done' : 'Testing...'}
-          {'\n\n' + this.state.messages}
-        </Text>
-      </View>
-    );
-  }
-}
-
-const styles = StyleSheet.create({
-  container: {
-    backgroundColor: 'white',
-    padding: 40,
-  },
-});
-
-AsyncStorageTest.displayName = 'AsyncStorageTest';
-
-module.exports = AsyncStorageTest;

IntegrationTests/BUCK

@@ -1,4 +1,4 @@
-load("@fbsource//tools/build_defs:js_glob.bzl", "js_glob")
+load("@fbsource//tools/build_defs:js_library_glob.bzl", "js_library_glob")
 load("@fbsource//tools/build_defs/oss:metro_defs.bzl", "rn_library")
 
 # This file was generated by running
@@ -6,7 +6,7 @@ load("@fbsource//tools/build_defs/oss:metro_defs.bzl", "rn_library")
 
 rn_library(
     name = "IntegrationTests",
-    srcs = js_glob(
+    srcs = js_library_glob(
         [
             "**/*",
         ],
@@ -19,7 +19,6 @@ rn_library(
     ),
     labels = [
         "pfh:ReactNative_CommonInfrastructurePlaceholder",
-        "supermodule:xplat/default/public.react_native.tests",
     ],
     skip_processors = True,
     visibility = ["PUBLIC"],

IntegrationTests/GlobalEvalWithSourceUrlTest.js

@@ -20,7 +20,7 @@ const {View} = ReactNative;
 const {TestModule} = ReactNative.NativeModules;
 
 class GlobalEvalWithSourceUrlTest extends React.Component<{...}> {
-  componentDidMount() {
+  componentDidMount(): void {
     if (typeof global.globalEvalWithSourceUrl !== 'function') {
       throw new Error(
         'Expected to find globalEvalWithSourceUrl function on global object but found ' +

IntegrationTests/ImageSnapshotTest.js

@@ -16,7 +16,7 @@ const {Image} = ReactNative;
 const {TestModule} = ReactNative.NativeModules;
 
 class ImageSnapshotTest extends React.Component<{...}> {
-  componentDidMount() {
+  componentDidMount(): void {
     if (!TestModule.verifySnapshot) {
       throw new Error('TestModule.verifySnapshot not defined.');
     }

IntegrationTests/IntegrationTestHarnessTest.js

@@ -61,6 +61,7 @@ class IntegrationTestHarnessTest extends React.Component<Props, State> {
              * native_oss) This comment suppresses an error found when Flow v0.54
              * was deployed. To see the error delete this comment and run Flow.
              */
+            // $FlowFixMe[unsafe-addition]
             this.constructor.displayName + ': '
           }
           {this.state.done ? 'Done' : 'Testing...'}

IntegrationTests/IntegrationTestsApp.js

@@ -20,7 +20,6 @@ const {AppRegistry, ScrollView, StyleSheet, Text, TouchableOpacity, View} =
 const TESTS = [
   require('./IntegrationTestHarnessTest'),
   require('./TimersTest'),
-  require('./AsyncStorageTest'),
   require('./LayoutEventsTest'),
   require('./AppEventsTest'),
   require('./SimpleSnapshotTest'),
@@ -46,11 +45,11 @@ require('./LoggingTestModule');
 type Test = any;
 
 class IntegrationTestsApp extends React.Component<{...}, $FlowFixMeState> {
-  state = {
+  state: {test: ?Test} = {
     test: (null: ?Test),
   };
 
-  render() {
+  render(): React.Node {
     if (this.state.test) {
       return (
         <ScrollView>

IntegrationTests/LayoutEventsTest.js

@@ -19,7 +19,7 @@ import type {ViewStyleProp} from 'react-native/Libraries/StyleSheet/StyleSheet';
 
 const deepDiffer = require('react-native/Libraries/Utilities/differ/deepDiffer');
 
-function debug(...args) {
+function debug(...args: Array<void | Layout | string>) {
   // console.log.apply(null, arguments);
 }
 
@@ -119,16 +119,19 @@ class LayoutEventsTest extends React.Component<Props, State> {
   }
 
   onViewLayout: (e: LayoutEvent) => void = (e: LayoutEvent) => {
+    // $FlowFixMe[incompatible-call]
     debug('received view layout event\n', e.nativeEvent);
     this.setState({viewLayout: e.nativeEvent.layout}, this.checkLayout);
   };
 
   onTextLayout: (e: LayoutEvent) => void = (e: LayoutEvent) => {
+    // $FlowFixMe[incompatible-call]
     debug('received text layout event\n', e.nativeEvent);
     this.setState({textLayout: e.nativeEvent.layout}, this.checkLayout);
   };
 
   onImageLayout: (e: LayoutEvent) => void = (e: LayoutEvent) => {
+    // $FlowFixMe[incompatible-call]
     debug('received image layout event\n', e.nativeEvent);
     this.setState({imageLayout: e.nativeEvent.layout}, this.checkLayout);
   };

IntegrationTests/SimpleSnapshotTest.js

@@ -17,7 +17,7 @@ const {StyleSheet, View} = ReactNative;
 const {TestModule} = ReactNative.NativeModules;
 
 class SimpleSnapshotTest extends React.Component<{...}> {
-  componentDidMount() {
+  componentDidMount(): void {
     if (!TestModule.verifySnapshot) {
       throw new Error('TestModule.verifySnapshot not defined.');
     }

IntegrationTests/SyncMethodTest.js

@@ -17,7 +17,7 @@ const {View} = ReactNative;
 const {TestModule, RNTesterTestModule} = ReactNative.NativeModules;
 
 class SyncMethodTest extends React.Component<{...}> {
-  componentDidMount() {
+  componentDidMount(): void {
     if (
       RNTesterTestModule.echoString('test string value') !== 'test string value'
     ) {

IntegrationTests/TimersTest.js

@@ -39,7 +39,7 @@ class TimersTest extends React.Component<Props, State> {
   };
 
   setTimeout(fn: () => void, time: number): TimeoutID {
-    const id = setTimeout(() => {
+    const id: TimeoutID = setTimeout(() => {
       this._timeoutIDs.delete(id);
       fn();
     }, time);
@@ -70,7 +70,7 @@ class TimersTest extends React.Component<Props, State> {
   }
 
   setImmediate(fn: () => void): ImmediateID {
-    const id = setImmediate(() => {
+    const id: any = setImmediate(() => {
       this._immediateIDs.delete(id);
       fn();
     });
@@ -81,7 +81,7 @@ class TimersTest extends React.Component<Props, State> {
   }
 
   requestAnimationFrame(fn: () => void): AnimationFrameID {
-    const id = requestAnimationFrame(() => {
+    const id: AnimationFrameID = requestAnimationFrame(() => {
       this._animationFrameIDs.delete(id);
       fn();
     });
@@ -253,7 +253,7 @@ class TimersTest extends React.Component<Props, State> {
     );
   }
 
-  _incrementInterval() {
+  _incrementInterval(): void {
     if (this.state.count > 3) {
       throw new Error('interval incremented past end.');
     }

IntegrationTests/WebSocketTest.js

@@ -69,11 +69,11 @@ class WebSocketTest extends React.Component<{...}, State> {
     });
   };
 
-  _socketIsConnected = () => {
+  _socketIsConnected = (): boolean => {
     return this.state.socketState === 1; //'OPEN'
   };
 
-  _socketIsDisconnected = () => {
+  _socketIsDisconnected = (): boolean => {
     return this.state.socketState === 3; //'CLOSED'
   };
 
@@ -106,7 +106,7 @@ class WebSocketTest extends React.Component<{...}, State> {
     this._sendText(this.state.testMessage);
   };
 
-  _receivedTestExpectedResponse = () => {
+  _receivedTestExpectedResponse = (): boolean => {
     return this.state.lastMessage === this.state.testExpectedResponse;
   };
 

IntegrationTests/launchWebSocketServer.command

@@ -1,18 +0,0 @@
-#!/bin/bash
-
-# Copyright (c) Meta Platforms, Inc. and affiliates.
-#
-# This source code is licensed under the MIT license found in the
-# LICENSE file in the root directory of this source tree.
-
-# Set terminal title
-echo -en "\033]0;Web Socket Test Server\a"
-clear
-
-THIS_DIR=$(cd -P "$(dirname "$(readlink "${BASH_SOURCE[0]}" || echo "${BASH_SOURCE[0]}")")" && pwd)
-pushd "$THIS_DIR"
-./websocket_integration_test_server.js
-popd
-
-echo "Process terminated. Press <enter> to close the window"
-read

IntegrationTests/launchWebSocketServer.sh

@@ -0,0 +1,12 @@
+#!/bin/bash
+# Copyright (c) Meta Platforms, Inc. and affiliates.
+#
+# This source code is licensed under the MIT license found in the
+# LICENSE file in the root directory of this source tree.
+
+THIS_DIR=$(cd -P "$(dirname "$(readlink "${BASH_SOURCE[0]}" || echo "${BASH_SOURCE[0]}")")" && pwd)
+pushd "$THIS_DIR" || exit
+./websocket_integration_test_server.js
+popd || exit
+
+echo "Process terminated."

Libraries/Animated/Animated.js

@@ -1,46 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow
- * @format
- */
-
-import Platform from '../Utilities/Platform';
-import typeof AnimatedFlatList from './components/AnimatedFlatList';
-import typeof AnimatedImage from './components/AnimatedImage';
-import typeof AnimatedScrollView from './components/AnimatedScrollView';
-import typeof AnimatedSectionList from './components/AnimatedSectionList';
-import typeof AnimatedText from './components/AnimatedText';
-import typeof AnimatedView from './components/AnimatedView';
-
-const AnimatedMock = require('./AnimatedMock');
-const AnimatedImplementation = require('./AnimatedImplementation');
-
-const Animated = ((Platform.isTesting
-  ? AnimatedMock
-  : AnimatedImplementation): typeof AnimatedMock);
-
-module.exports = {
-  get FlatList(): AnimatedFlatList {
-    return require('./components/AnimatedFlatList');
-  },
-  get Image(): AnimatedImage {
-    return require('./components/AnimatedImage');
-  },
-  get ScrollView(): AnimatedScrollView {
-    return require('./components/AnimatedScrollView');
-  },
-  get SectionList(): AnimatedSectionList {
-    return require('./components/AnimatedSectionList');
-  },
-  get Text(): AnimatedText {
-    return require('./components/AnimatedText');
-  },
-  get View(): AnimatedView {
-    return require('./components/AnimatedView');
-  },
-  ...Animated,
-};

Libraries/Animated/NativeAnimatedHelper.js

@@ -1,457 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow strict-local
- * @format
- */
-
-import NativeAnimatedNonTurboModule from './NativeAnimatedModule';
-import NativeAnimatedTurboModule from './NativeAnimatedTurboModule';
-import NativeEventEmitter from '../EventEmitter/NativeEventEmitter';
-import Platform from '../Utilities/Platform';
-import type {EventConfig} from './AnimatedEvent';
-import type {
-  EventMapping,
-  AnimatedNodeConfig,
-  AnimatingNodeConfig,
-} from './NativeAnimatedModule';
-import type {AnimationConfig, EndCallback} from './animations/Animation';
-import type {InterpolationConfigType} from './nodes/AnimatedInterpolation';
-import invariant from 'invariant';
-
-// TODO T69437152 @petetheheat - Delete this fork when Fabric ships to 100%.
-const NativeAnimatedModule =
-  Platform.OS === 'ios' && global.RN$Bridgeless === true
-    ? NativeAnimatedTurboModule
-    : NativeAnimatedNonTurboModule;
-
-let __nativeAnimatedNodeTagCount = 1; /* used for animated nodes */
-let __nativeAnimationIdCount = 1; /* used for started animations */
-
-let nativeEventEmitter;
-
-let waitingForQueuedOperations = new Set();
-let queueOperations = false;
-let queue: Array<() => void> = [];
-
-/**
- * Simple wrappers around NativeAnimatedModule to provide flow and autocomplete support for
- * the native module methods
- */
-const API = {
-  getValue: function (
-    tag: number,
-    saveValueCallback: (value: number) => void,
-  ): void {
-    invariant(NativeAnimatedModule, 'Native animated module is not available');
-    API.queueOperation(() => {
-      NativeAnimatedModule.getValue(tag, saveValueCallback);
-    });
-  },
-  setWaitingForIdentifier: function (id: string): void {
-    waitingForQueuedOperations.add(id);
-    queueOperations = true;
-  },
-  unsetWaitingForIdentifier: function (id: string): void {
-    waitingForQueuedOperations.delete(id);
-
-    if (waitingForQueuedOperations.size === 0) {
-      queueOperations = false;
-      API.disableQueue();
-    }
-  },
-  disableQueue: function (): void {
-    invariant(NativeAnimatedModule, 'Native animated module is not available');
-
-    if (Platform.OS === 'android') {
-      NativeAnimatedModule.startOperationBatch();
-    }
-    for (let q = 0, l = queue.length; q < l; q++) {
-      queue[q]();
-    }
-    queue.length = 0;
-    if (Platform.OS === 'android') {
-      NativeAnimatedModule.finishOperationBatch();
-    }
-  },
-  queueOperation: (fn: () => void): void => {
-    if (queueOperations) {
-      queue.push(fn);
-    } else {
-      fn();
-    }
-  },
-  createAnimatedNode: function (tag: number, config: AnimatedNodeConfig): void {
-    invariant(NativeAnimatedModule, 'Native animated module is not available');
-    API.queueOperation(() =>
-      NativeAnimatedModule.createAnimatedNode(tag, config),
-    );
-  },
-  updateAnimatedNodeConfig: function (
-    tag: number,
-    config: AnimatedNodeConfig,
-  ): void {
-    invariant(NativeAnimatedModule, 'Native animated module is not available');
-    if (typeof NativeAnimatedModule.updateAnimatedNodeConfig === 'function') {
-      API.queueOperation(() =>
-        // $FlowIgnore[not-a-function] - checked above
-        NativeAnimatedModule.updateAnimatedNodeConfig(tag, config),
-      );
-    }
-  },
-  startListeningToAnimatedNodeValue: function (tag: number) {
-    invariant(NativeAnimatedModule, 'Native animated module is not available');
-    API.queueOperation(() =>
-      NativeAnimatedModule.startListeningToAnimatedNodeValue(tag),
-    );
-  },
-  stopListeningToAnimatedNodeValue: function (tag: number) {
-    invariant(NativeAnimatedModule, 'Native animated module is not available');
-    API.queueOperation(() =>
-      NativeAnimatedModule.stopListeningToAnimatedNodeValue(tag),
-    );
-  },
-  connectAnimatedNodes: function (parentTag: number, childTag: number): void {
-    invariant(NativeAnimatedModule, 'Native animated module is not available');
-    API.queueOperation(() =>
-      NativeAnimatedModule.connectAnimatedNodes(parentTag, childTag),
-    );
-  },
-  disconnectAnimatedNodes: function (
-    parentTag: number,
-    childTag: number,
-  ): void {
-    invariant(NativeAnimatedModule, 'Native animated module is not available');
-    API.queueOperation(() =>
-      NativeAnimatedModule.disconnectAnimatedNodes(parentTag, childTag),
-    );
-  },
-  startAnimatingNode: function (
-    animationId: number,
-    nodeTag: number,
-    config: AnimatingNodeConfig,
-    endCallback: EndCallback,
-  ): void {
-    invariant(NativeAnimatedModule, 'Native animated module is not available');
-    API.queueOperation(() =>
-      NativeAnimatedModule.startAnimatingNode(
-        animationId,
-        nodeTag,
-        config,
-        endCallback,
-      ),
-    );
-  },
-  stopAnimation: function (animationId: number) {
-    invariant(NativeAnimatedModule, 'Native animated module is not available');
-    API.queueOperation(() => NativeAnimatedModule.stopAnimation(animationId));
-  },
-  setAnimatedNodeValue: function (nodeTag: number, value: number): void {
-    invariant(NativeAnimatedModule, 'Native animated module is not available');
-    API.queueOperation(() =>
-      NativeAnimatedModule.setAnimatedNodeValue(nodeTag, value),
-    );
-  },
-  setAnimatedNodeOffset: function (nodeTag: number, offset: number): void {
-    invariant(NativeAnimatedModule, 'Native animated module is not available');
-    API.queueOperation(() =>
-      NativeAnimatedModule.setAnimatedNodeOffset(nodeTag, offset),
-    );
-  },
-  flattenAnimatedNodeOffset: function (nodeTag: number): void {
-    invariant(NativeAnimatedModule, 'Native animated module is not available');
-    API.queueOperation(() =>
-      NativeAnimatedModule.flattenAnimatedNodeOffset(nodeTag),
-    );
-  },
-  extractAnimatedNodeOffset: function (nodeTag: number): void {
-    invariant(NativeAnimatedModule, 'Native animated module is not available');
-    API.queueOperation(() =>
-      NativeAnimatedModule.extractAnimatedNodeOffset(nodeTag),
-    );
-  },
-  connectAnimatedNodeToView: function (nodeTag: number, viewTag: number): void {
-    invariant(NativeAnimatedModule, 'Native animated module is not available');
-    API.queueOperation(() =>
-      NativeAnimatedModule.connectAnimatedNodeToView(nodeTag, viewTag),
-    );
-  },
-  disconnectAnimatedNodeFromView: function (
-    nodeTag: number,
-    viewTag: number,
-  ): void {
-    invariant(NativeAnimatedModule, 'Native animated module is not available');
-    API.queueOperation(() =>
-      NativeAnimatedModule.disconnectAnimatedNodeFromView(nodeTag, viewTag),
-    );
-  },
-  restoreDefaultValues: function (nodeTag: number): void {
-    invariant(NativeAnimatedModule, 'Native animated module is not available');
-    // Backwards compat with older native runtimes, can be removed later.
-    if (NativeAnimatedModule.restoreDefaultValues != null) {
-      API.queueOperation(() =>
-        NativeAnimatedModule.restoreDefaultValues(nodeTag),
-      );
-    }
-  },
-  dropAnimatedNode: function (tag: number): void {
-    invariant(NativeAnimatedModule, 'Native animated module is not available');
-    API.queueOperation(() => NativeAnimatedModule.dropAnimatedNode(tag));
-  },
-  addAnimatedEventToView: function (
-    viewTag: number,
-    eventName: string,
-    eventMapping: EventMapping,
-  ) {
-    invariant(NativeAnimatedModule, 'Native animated module is not available');
-    API.queueOperation(() =>
-      NativeAnimatedModule.addAnimatedEventToView(
-        viewTag,
-        eventName,
-        eventMapping,
-      ),
-    );
-  },
-  removeAnimatedEventFromView(
-    viewTag: number,
-    eventName: string,
-    animatedNodeTag: number,
-  ) {
-    invariant(NativeAnimatedModule, 'Native animated module is not available');
-    API.queueOperation(() =>
-      NativeAnimatedModule.removeAnimatedEventFromView(
-        viewTag,
-        eventName,
-        animatedNodeTag,
-      ),
-    );
-  },
-};
-
-/**
- * Styles allowed by the native animated implementation.
- *
- * In general native animated implementation should support any numeric or color property that
- * doesn't need to be updated through the shadow view hierarchy (all non-layout properties).
- */
-const SUPPORTED_COLOR_STYLES = {
-  backgroundColor: true,
-  borderBottomColor: true,
-  borderColor: true,
-  borderEndColor: true,
-  borderLeftColor: true,
-  borderRightColor: true,
-  borderStartColor: true,
-  borderTopColor: true,
-  color: true,
-  tintColor: true,
-};
-
-const SUPPORTED_STYLES = {
-  ...SUPPORTED_COLOR_STYLES,
-  borderBottomEndRadius: true,
-  borderBottomLeftRadius: true,
-  borderBottomRightRadius: true,
-  borderBottomStartRadius: true,
-  borderRadius: true,
-  borderTopEndRadius: true,
-  borderTopLeftRadius: true,
-  borderTopRightRadius: true,
-  borderTopStartRadius: true,
-  elevation: true,
-  opacity: true,
-  transform: true,
-  zIndex: true,
-  /* ios styles */
-  shadowOpacity: true,
-  shadowRadius: true,
-  /* legacy android transform properties */
-  scaleX: true,
-  scaleY: true,
-  translateX: true,
-  translateY: true,
-};
-
-const SUPPORTED_TRANSFORMS = {
-  translateX: true,
-  translateY: true,
-  scale: true,
-  scaleX: true,
-  scaleY: true,
-  rotate: true,
-  rotateX: true,
-  rotateY: true,
-  rotateZ: true,
-  perspective: true,
-};
-
-const SUPPORTED_INTERPOLATION_PARAMS = {
-  inputRange: true,
-  outputRange: true,
-  extrapolate: true,
-  extrapolateRight: true,
-  extrapolateLeft: true,
-};
-
-function addWhitelistedStyleProp(prop: string): void {
-  SUPPORTED_STYLES[prop] = true;
-}
-
-function addWhitelistedTransformProp(prop: string): void {
-  SUPPORTED_TRANSFORMS[prop] = true;
-}
-
-function addWhitelistedInterpolationParam(param: string): void {
-  SUPPORTED_INTERPOLATION_PARAMS[param] = true;
-}
-
-function isSupportedColorStyleProp(prop: string): boolean {
-  return SUPPORTED_COLOR_STYLES.hasOwnProperty(prop);
-}
-
-function isSupportedStyleProp(prop: string): boolean {
-  return SUPPORTED_STYLES.hasOwnProperty(prop);
-}
-
-function isSupportedTransformProp(prop: string): boolean {
-  return SUPPORTED_TRANSFORMS.hasOwnProperty(prop);
-}
-
-function isSupportedInterpolationParam(param: string): boolean {
-  return SUPPORTED_INTERPOLATION_PARAMS.hasOwnProperty(param);
-}
-
-function validateTransform(
-  configs: Array<
-    | {
-        type: 'animated',
-        property: string,
-        nodeTag: ?number,
-        ...
-      }
-    | {
-        type: 'static',
-        property: string,
-        value: number | string,
-        ...
-      },
-  >,
-): void {
-  configs.forEach(config => {
-    if (!isSupportedTransformProp(config.property)) {
-      throw new Error(
-        `Property '${config.property}' is not supported by native animated module`,
-      );
-    }
-  });
-}
-
-function validateStyles(styles: {[key: string]: ?number, ...}): void {
-  for (const key in styles) {
-    if (!isSupportedStyleProp(key)) {
-      throw new Error(
-        `Style property '${key}' is not supported by native animated module`,
-      );
-    }
-  }
-}
-
-function validateInterpolation(config: InterpolationConfigType): void {
-  for (const key in config) {
-    if (!isSupportedInterpolationParam(key)) {
-      throw new Error(
-        `Interpolation property '${key}' is not supported by native animated module`,
-      );
-    }
-  }
-}
-
-function generateNewNodeTag(): number {
-  return __nativeAnimatedNodeTagCount++;
-}
-
-function generateNewAnimationId(): number {
-  return __nativeAnimationIdCount++;
-}
-
-function assertNativeAnimatedModule(): void {
-  invariant(NativeAnimatedModule, 'Native animated module is not available');
-}
-
-let _warnedMissingNativeAnimated = false;
-
-function shouldUseNativeDriver(
-  config: $ReadOnly<{...AnimationConfig, ...}> | EventConfig,
-): boolean {
-  if (config.useNativeDriver == null) {
-    console.warn(
-      'Animated: `useNativeDriver` was not specified. This is a required ' +
-        'option and must be explicitly set to `true` or `false`',
-    );
-  }
-
-  if (config.useNativeDriver === true && !NativeAnimatedModule) {
-    if (!_warnedMissingNativeAnimated) {
-      console.warn(
-        'Animated: `useNativeDriver` is not supported because the native ' +
-          'animated module is missing. Falling back to JS-based animation. To ' +
-          'resolve this, add `RCTAnimation` module to this app, or remove ' +
-          '`useNativeDriver`. ' +
-          'Make sure to run `bundle exec pod install` first. Read more about autolinking: https://github.com/react-native-community/cli/blob/master/docs/autolinking.md',
-      );
-      _warnedMissingNativeAnimated = true;
-    }
-    return false;
-  }
-
-  return config.useNativeDriver || false;
-}
-
-function transformDataType(value: number | string): number | string {
-  // Change the string type to number type so we can reuse the same logic in
-  // iOS and Android platform
-  if (typeof value !== 'string') {
-    return value;
-  }
-  if (/deg$/.test(value)) {
-    const degrees = parseFloat(value) || 0;
-    const radians = (degrees * Math.PI) / 180.0;
-    return radians;
-  } else {
-    return value;
-  }
-}
-
-module.exports = {
-  API,
-  isSupportedColorStyleProp,
-  isSupportedStyleProp,
-  isSupportedTransformProp,
-  isSupportedInterpolationParam,
-  addWhitelistedStyleProp,
-  addWhitelistedTransformProp,
-  addWhitelistedInterpolationParam,
-  validateStyles,
-  validateTransform,
-  validateInterpolation,
-  generateNewNodeTag,
-  generateNewAnimationId,
-  assertNativeAnimatedModule,
-  shouldUseNativeDriver,
-  transformDataType,
-  // $FlowExpectedError[unsafe-getters-setters] - unsafe getter lint suppresion
-  // $FlowExpectedError[missing-type-arg] - unsafe getter lint suppresion
-  get nativeEventEmitter(): NativeEventEmitter {
-    if (!nativeEventEmitter) {
-      nativeEventEmitter = new NativeEventEmitter(
-        // T88715063: NativeEventEmitter only used this parameter on iOS. Now it uses it on all platforms, so this code was modified automatically to preserve its behavior
-        // If you want to use the native module on other platforms, please remove this condition and test its behavior
-        Platform.OS !== 'ios' ? null : NativeAnimatedModule,
-      );
-    }
-    return nativeEventEmitter;
-  },
-};

Libraries/Animated/__tests__/AnimatedNative-test.js

@@ -1,999 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- * @emails oncall+react_native
- */
-
-jest
-  .clearAllMocks()
-  .mock('../../BatchedBridge/NativeModules', () => ({
-    NativeAnimatedModule: {},
-    PlatformConstants: {
-      getConstants() {
-        return {};
-      },
-    },
-  }))
-  .mock('../NativeAnimatedModule')
-  .mock('../../EventEmitter/NativeEventEmitter')
-  // findNodeHandle is imported from ReactNative so mock that whole module.
-  .setMock('../../Renderer/shims/ReactNative', {findNodeHandle: () => 1});
-
-import TestRenderer from 'react-test-renderer';
-import * as React from 'react';
-
-const Animated = require('../Animated');
-const NativeAnimatedHelper = require('../NativeAnimatedHelper');
-
-describe('Native Animated', () => {
-  const NativeAnimatedModule = require('../NativeAnimatedModule').default;
-
-  beforeEach(() => {
-    Object.assign(NativeAnimatedModule, {
-      getValue: jest.fn(),
-      addAnimatedEventToView: jest.fn(),
-      connectAnimatedNodes: jest.fn(),
-      connectAnimatedNodeToView: jest.fn(),
-      createAnimatedNode: jest.fn(),
-      disconnectAnimatedNodeFromView: jest.fn(),
-      disconnectAnimatedNodes: jest.fn(),
-      dropAnimatedNode: jest.fn(),
-      extractAnimatedNodeOffset: jest.fn(),
-      flattenAnimatedNodeOffset: jest.fn(),
-      removeAnimatedEventFromView: jest.fn(),
-      restoreDefaultValues: jest.fn(),
-      setAnimatedNodeOffset: jest.fn(),
-      setAnimatedNodeValue: jest.fn(),
-      startAnimatingNode: jest.fn(),
-      startListeningToAnimatedNodeValue: jest.fn(),
-      stopAnimation: jest.fn(),
-      stopListeningToAnimatedNodeValue: jest.fn(),
-    });
-  });
-
-  describe('Animated Value', () => {
-    it('proxies `setValue` correctly', () => {
-      const opacity = new Animated.Value(0);
-      const ref = React.createRef(null);
-
-      Animated.timing(opacity, {
-        toValue: 10,
-        duration: 1000,
-        useNativeDriver: true,
-      }).start();
-
-      TestRenderer.create(<Animated.View ref={ref} style={{opacity}} />);
-
-      expect(ref.current).not.toBeNull();
-      jest.spyOn(ref.current, 'setNativeProps');
-
-      opacity.setValue(0.5);
-
-      expect(NativeAnimatedModule.setAnimatedNodeValue).toBeCalledWith(
-        expect.any(Number),
-        0.5,
-      );
-      expect(ref.current.setNativeProps).not.toHaveBeenCalled();
-    });
-
-    it('should set offset', () => {
-      const opacity = new Animated.Value(0);
-      opacity.setOffset(10);
-      opacity.__makeNative();
-
-      TestRenderer.create(<Animated.View style={{opacity}} />);
-
-      expect(NativeAnimatedModule.createAnimatedNode).toBeCalledWith(
-        expect.any(Number),
-        {type: 'value', value: 0, offset: 10},
-      );
-      opacity.setOffset(20);
-      expect(NativeAnimatedModule.setAnimatedNodeOffset).toBeCalledWith(
-        expect.any(Number),
-        20,
-      );
-    });
-
-    it('should flatten offset', () => {
-      const opacity = new Animated.Value(0);
-      opacity.__makeNative();
-
-      TestRenderer.create(<Animated.View style={{opacity}} />);
-
-      expect(NativeAnimatedModule.createAnimatedNode).toBeCalledWith(
-        expect.any(Number),
-        {type: 'value', value: 0, offset: 0},
-      );
-      opacity.flattenOffset();
-      expect(NativeAnimatedModule.flattenAnimatedNodeOffset).toBeCalledWith(
-        expect.any(Number),
-      );
-    });
-
-    it('should save value on unmount', () => {
-      NativeAnimatedModule.getValue = jest.fn((tag, saveCallback) => {
-        saveCallback(1);
-      });
-      const opacity = new Animated.Value(0);
-
-      opacity.__makeNative();
-
-      const root = TestRenderer.create(<Animated.View style={{opacity}} />);
-      const tag = opacity.__getNativeTag();
-
-      root.unmount();
-
-      expect(NativeAnimatedModule.getValue).toBeCalledWith(
-        tag,
-        expect.any(Function),
-      );
-      expect(opacity.__getValue()).toBe(1);
-    });
-
-    it('should deduct offset when saving value on unmount', () => {
-      NativeAnimatedModule.getValue = jest.fn((tag, saveCallback) => {
-        // Assume current raw value of value node is 0.5, the NativeAnimated
-        // getValue API returns the sum of raw value and offset, so return 1.
-        saveCallback(1);
-      });
-      const opacity = new Animated.Value(0);
-      opacity.setOffset(0.5);
-      opacity.__makeNative();
-
-      const root = TestRenderer.create(<Animated.View style={{opacity}} />);
-      const tag = opacity.__getNativeTag();
-
-      root.unmount();
-
-      expect(NativeAnimatedModule.getValue).toBeCalledWith(
-        tag,
-        expect.any(Function),
-      );
-      expect(opacity.__getValue()).toBe(1);
-    });
-
-    it('should extract offset', () => {
-      const opacity = new Animated.Value(0);
-      opacity.__makeNative();
-
-      TestRenderer.create(<Animated.View style={{opacity}} />);
-
-      expect(NativeAnimatedModule.createAnimatedNode).toBeCalledWith(
-        expect.any(Number),
-        {type: 'value', value: 0, offset: 0},
-      );
-      opacity.extractOffset();
-      expect(NativeAnimatedModule.extractAnimatedNodeOffset).toBeCalledWith(
-        expect.any(Number),
-      );
-    });
-  });
-
-  describe('Animated Listeners', () => {
-    it('should get updates', () => {
-      const value1 = new Animated.Value(0);
-      value1.__makeNative();
-      const listener = jest.fn();
-      const id = value1.addListener(listener);
-      expect(
-        NativeAnimatedModule.startListeningToAnimatedNodeValue,
-      ).toHaveBeenCalledWith(value1.__getNativeTag());
-
-      NativeAnimatedHelper.nativeEventEmitter.emit('onAnimatedValueUpdate', {
-        value: 42,
-        tag: value1.__getNativeTag(),
-      });
-      expect(listener).toHaveBeenCalledTimes(1);
-      expect(listener).toBeCalledWith({value: 42});
-      expect(value1.__getValue()).toBe(42);
-
-      NativeAnimatedHelper.nativeEventEmitter.emit('onAnimatedValueUpdate', {
-        value: 7,
-        tag: value1.__getNativeTag(),
-      });
-      expect(listener).toHaveBeenCalledTimes(2);
-      expect(listener).toBeCalledWith({value: 7});
-      expect(value1.__getValue()).toBe(7);
-
-      value1.removeListener(id);
-      expect(
-        NativeAnimatedModule.stopListeningToAnimatedNodeValue,
-      ).toHaveBeenCalledWith(value1.__getNativeTag());
-
-      NativeAnimatedHelper.nativeEventEmitter.emit('onAnimatedValueUpdate', {
-        value: 1492,
-        tag: value1.__getNativeTag(),
-      });
-      expect(listener).toHaveBeenCalledTimes(2);
-      expect(value1.__getValue()).toBe(7);
-    });
-
-    it('should removeAll', () => {
-      const value1 = new Animated.Value(0);
-      value1.__makeNative();
-      const listener = jest.fn();
-      [1, 2, 3, 4].forEach(() => value1.addListener(listener));
-      expect(
-        NativeAnimatedModule.startListeningToAnimatedNodeValue,
-      ).toHaveBeenCalledWith(value1.__getNativeTag());
-
-      NativeAnimatedHelper.nativeEventEmitter.emit('onAnimatedValueUpdate', {
-        value: 42,
-        tag: value1.__getNativeTag(),
-      });
-      expect(listener).toHaveBeenCalledTimes(4);
-      expect(listener).toBeCalledWith({value: 42});
-
-      value1.removeAllListeners();
-      expect(
-        NativeAnimatedModule.stopListeningToAnimatedNodeValue,
-      ).toHaveBeenCalledWith(value1.__getNativeTag());
-
-      NativeAnimatedHelper.nativeEventEmitter.emit('onAnimatedValueUpdate', {
-        value: 7,
-        tag: value1.__getNativeTag(),
-      });
-      expect(listener).toHaveBeenCalledTimes(4);
-    });
-  });
-
-  describe('Animated Events', () => {
-    it('should map events', () => {
-      const value = new Animated.Value(0);
-      value.__makeNative();
-      const event = Animated.event([{nativeEvent: {state: {foo: value}}}], {
-        useNativeDriver: true,
-      });
-
-      const root = TestRenderer.create(<Animated.View onTouchMove={event} />);
-      expect(NativeAnimatedModule.addAnimatedEventToView).toBeCalledWith(
-        expect.any(Number),
-        'onTouchMove',
-        {
-          nativeEventPath: ['state', 'foo'],
-          animatedValueTag: value.__getNativeTag(),
-        },
-      );
-
-      expect(
-        NativeAnimatedModule.removeAnimatedEventFromView,
-      ).not.toHaveBeenCalled();
-      root.unmount();
-      expect(NativeAnimatedModule.removeAnimatedEventFromView).toBeCalledWith(
-        expect.any(Number),
-        'onTouchMove',
-        value.__getNativeTag(),
-      );
-    });
-
-    it('shoud map AnimatedValueXY', () => {
-      const value = new Animated.ValueXY({x: 0, y: 0});
-      value.__makeNative();
-      const event = Animated.event([{nativeEvent: {state: value}}], {
-        useNativeDriver: true,
-      });
-
-      TestRenderer.create(<Animated.View onTouchMove={event} />);
-      ['x', 'y'].forEach((key, idx) =>
-        expect(
-          NativeAnimatedModule.addAnimatedEventToView,
-        ).toHaveBeenNthCalledWith(idx + 1, expect.any(Number), 'onTouchMove', {
-          nativeEventPath: ['state', key],
-          animatedValueTag: value[key].__getNativeTag(),
-        }),
-      );
-    });
-
-    it('should throw on invalid event path', () => {
-      const value = new Animated.Value(0);
-      value.__makeNative();
-      const event = Animated.event([{notNativeEvent: {foo: value}}], {
-        useNativeDriver: true,
-      });
-
-      jest.spyOn(console, 'error').mockImplementationOnce((...args) => {
-        if (args[0].startsWith('The above error occurred in the')) {
-          return;
-        }
-        console.errorDebug(...args);
-      });
-
-      expect(() => {
-        TestRenderer.create(<Animated.View onTouchMove={event} />);
-      }).toThrowError(/nativeEvent/);
-      expect(NativeAnimatedModule.addAnimatedEventToView).not.toBeCalled();
-
-      console.error.mockRestore();
-    });
-
-    it('should call listeners', () => {
-      const value = new Animated.Value(0);
-      value.__makeNative();
-      const listener = jest.fn();
-      const event = Animated.event([{nativeEvent: {foo: value}}], {
-        useNativeDriver: true,
-        listener,
-      });
-      const handler = event.__getHandler();
-      handler({nativeEvent: {foo: 42}});
-      expect(listener).toHaveBeenCalledTimes(1);
-      expect(listener).toBeCalledWith({nativeEvent: {foo: 42}});
-    });
-  });
-
-  describe('Animated Graph', () => {
-    it('creates and detaches nodes', () => {
-      const opacity = new Animated.Value(0);
-      const root = TestRenderer.create(<Animated.View style={{opacity}} />);
-
-      Animated.timing(opacity, {
-        toValue: 10,
-        duration: 1000,
-        useNativeDriver: true,
-      }).start();
-
-      expect(NativeAnimatedModule.createAnimatedNode).toHaveBeenCalledTimes(3);
-      expect(NativeAnimatedModule.connectAnimatedNodes).toHaveBeenCalledTimes(
-        2,
-      );
-
-      expect(NativeAnimatedModule.startAnimatingNode).toBeCalledWith(
-        expect.any(Number),
-        expect.any(Number),
-        {
-          type: 'frames',
-          frames: expect.any(Array),
-          toValue: expect.any(Number),
-          iterations: 1,
-        },
-        expect.any(Function),
-      );
-
-      expect(
-        NativeAnimatedModule.disconnectAnimatedNodes,
-      ).not.toHaveBeenCalled();
-      expect(NativeAnimatedModule.dropAnimatedNode).not.toHaveBeenCalled();
-
-      root.unmount();
-
-      expect(
-        NativeAnimatedModule.disconnectAnimatedNodes,
-      ).toHaveBeenCalledTimes(2);
-      expect(NativeAnimatedModule.dropAnimatedNode).toHaveBeenCalledTimes(3);
-    });
-
-    it('sends a valid description for value, style and props nodes', () => {
-      const opacity = new Animated.Value(0);
-      TestRenderer.create(<Animated.View style={{opacity}} />);
-
-      Animated.timing(opacity, {
-        toValue: 10,
-        duration: 1000,
-        useNativeDriver: true,
-      }).start();
-
-      expect(NativeAnimatedModule.createAnimatedNode).toBeCalledWith(
-        expect.any(Number),
-        {type: 'value', value: 0, offset: 0},
-      );
-      expect(NativeAnimatedModule.createAnimatedNode).toBeCalledWith(
-        expect.any(Number),
-        {type: 'style', style: {opacity: expect.any(Number)}},
-      );
-      expect(NativeAnimatedModule.createAnimatedNode).toBeCalledWith(
-        expect.any(Number),
-        {type: 'props', props: {style: expect.any(Number)}},
-      );
-    });
-
-    it('sends a valid graph description for Animated.add nodes', () => {
-      const first = new Animated.Value(1);
-      const second = new Animated.Value(2);
-      first.__makeNative();
-      second.__makeNative();
-
-      TestRenderer.create(
-        <Animated.View style={{opacity: Animated.add(first, second)}} />,
-      );
-
-      expect(NativeAnimatedModule.createAnimatedNode).toBeCalledWith(
-        expect.any(Number),
-        {type: 'addition', input: expect.any(Array)},
-      );
-      const additionCalls =
-        NativeAnimatedModule.createAnimatedNode.mock.calls.filter(
-          call => call[1].type === 'addition',
-        );
-      expect(additionCalls.length).toBe(1);
-      const additionCall = additionCalls[0];
-      const additionNodeTag = additionCall[0];
-      const additionConnectionCalls =
-        NativeAnimatedModule.connectAnimatedNodes.mock.calls.filter(
-          call => call[1] === additionNodeTag,
-        );
-      expect(additionConnectionCalls.length).toBe(2);
-      expect(NativeAnimatedModule.createAnimatedNode).toBeCalledWith(
-        additionCall[1].input[0],
-        {
-          type: 'value',
-          value: 1,
-          offset: 0,
-        },
-      );
-      expect(NativeAnimatedModule.createAnimatedNode).toBeCalledWith(
-        additionCall[1].input[1],
-        {
-          type: 'value',
-          value: 2,
-          offset: 0,
-        },
-      );
-    });
-
-    it('sends a valid graph description for Animated.subtract nodes', () => {
-      const first = new Animated.Value(2);
-      const second = new Animated.Value(1);
-      first.__makeNative();
-      second.__makeNative();
-
-      TestRenderer.create(
-        <Animated.View style={{opacity: Animated.subtract(first, second)}} />,
-      );
-
-      expect(NativeAnimatedModule.createAnimatedNode).toBeCalledWith(
-        expect.any(Number),
-        {type: 'subtraction', input: expect.any(Array)},
-      );
-      const subtractionCalls =
-        NativeAnimatedModule.createAnimatedNode.mock.calls.filter(
-          call => call[1].type === 'subtraction',
-        );
-      expect(subtractionCalls.length).toBe(1);
-      const subtractionCall = subtractionCalls[0];
-      const subtractionNodeTag = subtractionCall[0];
-      const subtractionConnectionCalls =
-        NativeAnimatedModule.connectAnimatedNodes.mock.calls.filter(
-          call => call[1] === subtractionNodeTag,
-        );
-      expect(subtractionConnectionCalls.length).toBe(2);
-      expect(NativeAnimatedModule.createAnimatedNode).toBeCalledWith(
-        subtractionCall[1].input[0],
-        {
-          type: 'value',
-          value: 2,
-          offset: 0,
-        },
-      );
-      expect(NativeAnimatedModule.createAnimatedNode).toBeCalledWith(
-        subtractionCall[1].input[1],
-        {
-          type: 'value',
-          value: 1,
-          offset: 0,
-        },
-      );
-    });
-
-    it('sends a valid graph description for Animated.multiply nodes', () => {
-      const first = new Animated.Value(2);
-      const second = new Animated.Value(1);
-      first.__makeNative();
-      second.__makeNative();
-
-      TestRenderer.create(
-        <Animated.View style={{opacity: Animated.multiply(first, second)}} />,
-      );
-
-      expect(NativeAnimatedModule.createAnimatedNode).toBeCalledWith(
-        expect.any(Number),
-        {type: 'multiplication', input: expect.any(Array)},
-      );
-      const multiplicationCalls =
-        NativeAnimatedModule.createAnimatedNode.mock.calls.filter(
-          call => call[1].type === 'multiplication',
-        );
-      expect(multiplicationCalls.length).toBe(1);
-      const multiplicationCall = multiplicationCalls[0];
-      const multiplicationNodeTag = multiplicationCall[0];
-      const multiplicationConnectionCalls =
-        NativeAnimatedModule.connectAnimatedNodes.mock.calls.filter(
-          call => call[1] === multiplicationNodeTag,
-        );
-      expect(multiplicationConnectionCalls.length).toBe(2);
-      expect(NativeAnimatedModule.createAnimatedNode).toBeCalledWith(
-        multiplicationCall[1].input[0],
-        {
-          type: 'value',
-          value: 2,
-          offset: 0,
-        },
-      );
-      expect(NativeAnimatedModule.createAnimatedNode).toBeCalledWith(
-        multiplicationCall[1].input[1],
-        {
-          type: 'value',
-          value: 1,
-          offset: 0,
-        },
-      );
-    });
-
-    it('sends a valid graph description for Animated.divide nodes', () => {
-      const first = new Animated.Value(4);
-      const second = new Animated.Value(2);
-      first.__makeNative();
-      second.__makeNative();
-
-      TestRenderer.create(
-        <Animated.View style={{opacity: Animated.divide(first, second)}} />,
-      );
-
-      expect(NativeAnimatedModule.createAnimatedNode).toBeCalledWith(
-        expect.any(Number),
-        {type: 'division', input: expect.any(Array)},
-      );
-      const divisionCalls =
-        NativeAnimatedModule.createAnimatedNode.mock.calls.filter(
-          call => call[1].type === 'division',
-        );
-      expect(divisionCalls.length).toBe(1);
-      const divisionCall = divisionCalls[0];
-      const divisionNodeTag = divisionCall[0];
-      const divisionConnectionCalls =
-        NativeAnimatedModule.connectAnimatedNodes.mock.calls.filter(
-          call => call[1] === divisionNodeTag,
-        );
-      expect(divisionConnectionCalls.length).toBe(2);
-      expect(NativeAnimatedModule.createAnimatedNode).toBeCalledWith(
-        divisionCall[1].input[0],
-        {
-          type: 'value',
-          value: 4,
-          offset: 0,
-        },
-      );
-      expect(NativeAnimatedModule.createAnimatedNode).toBeCalledWith(
-        divisionCall[1].input[1],
-        {
-          type: 'value',
-          value: 2,
-          offset: 0,
-        },
-      );
-    });
-
-    it('sends a valid graph description for Animated.modulo nodes', () => {
-      const value = new Animated.Value(4);
-      value.__makeNative();
-
-      TestRenderer.create(
-        <Animated.View style={{opacity: Animated.modulo(value, 4)}} />,
-      );
-
-      expect(NativeAnimatedModule.createAnimatedNode).toBeCalledWith(
-        expect.any(Number),
-        {type: 'modulus', modulus: 4, input: expect.any(Number)},
-      );
-      const moduloCalls =
-        NativeAnimatedModule.createAnimatedNode.mock.calls.filter(
-          call => call[1].type === 'modulus',
-        );
-      expect(moduloCalls.length).toBe(1);
-      const moduloCall = moduloCalls[0];
-      const moduloNodeTag = moduloCall[0];
-      const moduloConnectionCalls =
-        NativeAnimatedModule.connectAnimatedNodes.mock.calls.filter(
-          call => call[1] === moduloNodeTag,
-        );
-      expect(moduloConnectionCalls.length).toBe(1);
-      expect(NativeAnimatedModule.createAnimatedNode).toBeCalledWith(
-        moduloCall[1].input,
-        {
-          type: 'value',
-          value: 4,
-          offset: 0,
-        },
-      );
-    });
-
-    it('sends a valid graph description for interpolate() nodes', () => {
-      const value = new Animated.Value(10);
-      value.__makeNative();
-
-      TestRenderer.create(
-        <Animated.View
-          style={{
-            opacity: value.interpolate({
-              inputRange: [10, 20],
-              outputRange: [0, 1],
-            }),
-          }}
-        />,
-      );
-
-      expect(NativeAnimatedModule.createAnimatedNode).toBeCalledWith(
-        expect.any(Number),
-        {type: 'value', value: 10, offset: 0},
-      );
-      expect(NativeAnimatedModule.createAnimatedNode).toBeCalledWith(
-        expect.any(Number),
-        {
-          type: 'interpolation',
-          inputRange: [10, 20],
-          outputRange: [0, 1],
-          extrapolateLeft: 'extend',
-          extrapolateRight: 'extend',
-        },
-      );
-      const interpolationNodeTag =
-        NativeAnimatedModule.createAnimatedNode.mock.calls.find(
-          call => call[1].type === 'interpolation',
-        )[0];
-      const valueNodeTag =
-        NativeAnimatedModule.createAnimatedNode.mock.calls.find(
-          call => call[1].type === 'value',
-        )[0];
-      expect(NativeAnimatedModule.connectAnimatedNodes).toBeCalledWith(
-        valueNodeTag,
-        interpolationNodeTag,
-      );
-    });
-
-    it('sends a valid graph description for transform nodes', () => {
-      const translateX = new Animated.Value(0);
-      translateX.__makeNative();
-
-      TestRenderer.create(
-        <Animated.View style={{transform: [{translateX}, {scale: 2}]}} />,
-      );
-
-      expect(NativeAnimatedModule.createAnimatedNode).toBeCalledWith(
-        expect.any(Number),
-        {
-          type: 'transform',
-          transforms: [
-            {
-              nodeTag: expect.any(Number),
-              property: 'translateX',
-              type: 'animated',
-            },
-            {
-              value: 2,
-              property: 'scale',
-              type: 'static',
-            },
-          ],
-        },
-      );
-    });
-
-    it('sends a valid graph description for Animated.diffClamp nodes', () => {
-      const value = new Animated.Value(2);
-      value.__makeNative();
-
-      TestRenderer.create(
-        <Animated.View style={{opacity: Animated.diffClamp(value, 0, 20)}} />,
-      );
-
-      expect(NativeAnimatedModule.createAnimatedNode).toBeCalledWith(
-        expect.any(Number),
-        {type: 'diffclamp', input: expect.any(Number), max: 20, min: 0},
-      );
-      const diffClampCalls =
-        NativeAnimatedModule.createAnimatedNode.mock.calls.filter(
-          call => call[1].type === 'diffclamp',
-        );
-      expect(diffClampCalls.length).toBe(1);
-      const diffClampCall = diffClampCalls[0];
-      const diffClampNodeTag = diffClampCall[0];
-      const diffClampConnectionCalls =
-        NativeAnimatedModule.connectAnimatedNodes.mock.calls.filter(
-          call => call[1] === diffClampNodeTag,
-        );
-      expect(diffClampConnectionCalls.length).toBe(1);
-      expect(NativeAnimatedModule.createAnimatedNode).toBeCalledWith(
-        diffClampCall[1].input,
-        {
-          type: 'value',
-          value: 2,
-          offset: 0,
-        },
-      );
-    });
-
-    it("doesn't call into native API if useNativeDriver is set to false", () => {
-      const opacity = new Animated.Value(0);
-
-      const root = TestRenderer.create(<Animated.View style={{opacity}} />);
-
-      Animated.timing(opacity, {
-        toValue: 10,
-        duration: 1000,
-        useNativeDriver: false,
-      }).start();
-
-      root.unmount();
-
-      expect(NativeAnimatedModule.createAnimatedNode).not.toBeCalled();
-    });
-
-    it('fails when trying to run non-native animation on native node', () => {
-      const opacity = new Animated.Value(0);
-      const ref = React.createRef(null);
-
-      TestRenderer.create(<Animated.View ref={ref} style={{opacity}} />);
-
-      // Necessary to simulate the native animation.
-      expect(ref.current).not.toBeNull();
-      ref.current.setNativeProps = jest.fn();
-
-      Animated.timing(opacity, {
-        toValue: 10,
-        duration: 50,
-        useNativeDriver: true,
-      }).start();
-      jest.runAllTimers();
-
-      Animated.timing(opacity, {
-        toValue: 4,
-        duration: 500,
-        useNativeDriver: false,
-      }).start();
-      try {
-        process.env.NODE_ENV = 'development';
-        expect(jest.runAllTimers).toThrow(
-          'Attempting to run JS driven animation on animated node that has ' +
-            'been moved to "native" earlier by starting an animation with ' +
-            '`useNativeDriver: true`',
-        );
-      } finally {
-        process.env.NODE_ENV = 'test';
-      }
-    });
-
-    it('fails for unsupported styles', () => {
-      const left = new Animated.Value(0);
-
-      TestRenderer.create(<Animated.View style={{left}} />);
-
-      const animation = Animated.timing(left, {
-        toValue: 10,
-        duration: 50,
-        useNativeDriver: true,
-      });
-      expect(animation.start).toThrowError(/left/);
-    });
-
-    it('works for any `static` props and styles', () => {
-      // Passing "unsupported" props should work just fine as long as they are not animated
-      const opacity = new Animated.Value(0);
-      opacity.__makeNative();
-
-      TestRenderer.create(
-        <Animated.View
-          removeClippedSubviews={true}
-          style={{left: 10, opacity, top: 20}}
-        />,
-      );
-
-      expect(NativeAnimatedModule.createAnimatedNode).toBeCalledWith(
-        expect.any(Number),
-        {type: 'style', style: {opacity: expect.any(Number)}},
-      );
-      expect(NativeAnimatedModule.createAnimatedNode).toBeCalledWith(
-        expect.any(Number),
-        {type: 'props', props: {style: expect.any(Number)}},
-      );
-    });
-  });
-
-  describe('Animations', () => {
-    it('sends a valid timing animation description', () => {
-      const anim = new Animated.Value(0);
-      Animated.timing(anim, {
-        toValue: 10,
-        duration: 1000,
-        useNativeDriver: true,
-      }).start();
-
-      expect(NativeAnimatedModule.startAnimatingNode).toBeCalledWith(
-        expect.any(Number),
-        expect.any(Number),
-        {
-          type: 'frames',
-          frames: expect.any(Array),
-          toValue: expect.any(Number),
-          iterations: 1,
-        },
-        expect.any(Function),
-      );
-    });
-
-    it('sends a valid spring animation description', () => {
-      const anim = new Animated.Value(0);
-      Animated.spring(anim, {
-        toValue: 10,
-        friction: 5,
-        tension: 164,
-        useNativeDriver: true,
-      }).start();
-      expect(NativeAnimatedModule.startAnimatingNode).toBeCalledWith(
-        expect.any(Number),
-        expect.any(Number),
-        {
-          type: 'spring',
-          stiffness: 679.08,
-          damping: 16,
-          mass: 1,
-          initialVelocity: 0,
-          overshootClamping: false,
-          restDisplacementThreshold: 0.001,
-          restSpeedThreshold: 0.001,
-          toValue: 10,
-          iterations: 1,
-        },
-        expect.any(Function),
-      );
-
-      Animated.spring(anim, {
-        toValue: 10,
-        stiffness: 1000,
-        damping: 500,
-        mass: 3,
-        useNativeDriver: true,
-      }).start();
-      expect(NativeAnimatedModule.startAnimatingNode).toBeCalledWith(
-        expect.any(Number),
-        expect.any(Number),
-        {
-          type: 'spring',
-          stiffness: 1000,
-          damping: 500,
-          mass: 3,
-          initialVelocity: 0,
-          overshootClamping: false,
-          restDisplacementThreshold: 0.001,
-          restSpeedThreshold: 0.001,
-          toValue: 10,
-          iterations: 1,
-        },
-        expect.any(Function),
-      );
-
-      Animated.spring(anim, {
-        toValue: 10,
-        bounciness: 8,
-        speed: 10,
-        useNativeDriver: true,
-      }).start();
-      expect(NativeAnimatedModule.startAnimatingNode).toBeCalledWith(
-        expect.any(Number),
-        expect.any(Number),
-        {
-          type: 'spring',
-          damping: 23.05223140901191,
-          initialVelocity: 0,
-          overshootClamping: false,
-          restDisplacementThreshold: 0.001,
-          restSpeedThreshold: 0.001,
-          stiffness: 299.61882352941177,
-          mass: 1,
-          toValue: 10,
-          iterations: 1,
-        },
-        expect.any(Function),
-      );
-    });
-
-    it('sends a valid decay animation description', () => {
-      const anim = new Animated.Value(0);
-      Animated.decay(anim, {
-        velocity: 10,
-        deceleration: 0.1,
-        useNativeDriver: true,
-      }).start();
-
-      expect(NativeAnimatedModule.startAnimatingNode).toBeCalledWith(
-        expect.any(Number),
-        expect.any(Number),
-        {type: 'decay', deceleration: 0.1, velocity: 10, iterations: 1},
-        expect.any(Function),
-      );
-    });
-
-    it('works with Animated.loop', () => {
-      const anim = new Animated.Value(0);
-      Animated.loop(
-        Animated.decay(anim, {
-          velocity: 10,
-          deceleration: 0.1,
-          useNativeDriver: true,
-        }),
-        {iterations: 10},
-      ).start();
-
-      expect(NativeAnimatedModule.startAnimatingNode).toBeCalledWith(
-        expect.any(Number),
-        expect.any(Number),
-        {type: 'decay', deceleration: 0.1, velocity: 10, iterations: 10},
-        expect.any(Function),
-      );
-    });
-
-    it('sends stopAnimation command to native', () => {
-      const value = new Animated.Value(0);
-      const animation = Animated.timing(value, {
-        toValue: 10,
-        duration: 50,
-        useNativeDriver: true,
-      });
-
-      animation.start();
-      expect(NativeAnimatedModule.startAnimatingNode).toBeCalledWith(
-        expect.any(Number),
-        expect.any(Number),
-        {
-          type: 'frames',
-          frames: expect.any(Array),
-          toValue: expect.any(Number),
-          iterations: 1,
-        },
-        expect.any(Function),
-      );
-      const animationId =
-        NativeAnimatedModule.startAnimatingNode.mock.calls[0][0];
-
-      animation.stop();
-      expect(NativeAnimatedModule.stopAnimation).toBeCalledWith(animationId);
-    });
-
-    it('calls stopAnimation callback with native value', () => {
-      NativeAnimatedModule.getValue = jest.fn((tag, saveCallback) => {
-        saveCallback(1);
-      });
-
-      const anim = new Animated.Value(0);
-      Animated.timing(anim, {
-        duration: 1000,
-        useNativeDriver: true,
-      }).start();
-
-      const tag = anim.__getNativeTag();
-
-      let currentValue = 0;
-      anim.stopAnimation(value => (currentValue = value));
-
-      expect(NativeAnimatedModule.getValue).toBeCalledWith(
-        tag,
-        expect.any(Function),
-      );
-
-      expect(currentValue).toEqual(1);
-    });
-  });
-
-  describe('Animated Components', () => {
-    it('Should restore default values on prop updates only', () => {
-      const opacity = new Animated.Value(0);
-      opacity.__makeNative();
-
-      const root = TestRenderer.create(<Animated.View style={{opacity}} />);
-      expect(NativeAnimatedModule.restoreDefaultValues).not.toHaveBeenCalled();
-
-      root.update(<Animated.View style={{opacity}} />);
-      expect(NativeAnimatedModule.restoreDefaultValues).toHaveBeenCalledWith(
-        expect.any(Number),
-      );
-
-      root.unmount();
-      // Make sure it doesn't get called on unmount.
-      expect(NativeAnimatedModule.restoreDefaultValues).toHaveBeenCalledTimes(
-        1,
-      );
-    });
-  });
-});

Libraries/Animated/__tests__/Interpolation-test.js

@@ -1,316 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- * @emails oncall+react_native
- */
-
-'use strict';
-
-const AnimatedInterpolation = require('../nodes/AnimatedInterpolation');
-const Easing = require('../Easing');
-
-describe('Interpolation', () => {
-  it('should work with defaults', () => {
-    const interpolation = AnimatedInterpolation.__createInterpolation({
-      inputRange: [0, 1],
-      outputRange: [0, 1],
-    });
-
-    expect(interpolation(0)).toBe(0);
-    expect(interpolation(0.5)).toBe(0.5);
-    expect(interpolation(0.8)).toBe(0.8);
-    expect(interpolation(1)).toBe(1);
-  });
-
-  it('should work with output range', () => {
-    const interpolation = AnimatedInterpolation.__createInterpolation({
-      inputRange: [0, 1],
-      outputRange: [100, 200],
-    });
-
-    expect(interpolation(0)).toBe(100);
-    expect(interpolation(0.5)).toBe(150);
-    expect(interpolation(0.8)).toBe(180);
-    expect(interpolation(1)).toBe(200);
-  });
-
-  it('should work with input range', () => {
-    const interpolation = AnimatedInterpolation.__createInterpolation({
-      inputRange: [100, 200],
-      outputRange: [0, 1],
-    });
-
-    expect(interpolation(100)).toBe(0);
-    expect(interpolation(150)).toBe(0.5);
-    expect(interpolation(180)).toBe(0.8);
-    expect(interpolation(200)).toBe(1);
-  });
-
-  it('should throw for non monotonic input ranges', () => {
-    expect(() =>
-      AnimatedInterpolation.__createInterpolation({
-        inputRange: [0, 2, 1],
-        outputRange: [0, 1, 2],
-      }),
-    ).toThrow();
-
-    expect(() =>
-      AnimatedInterpolation.__createInterpolation({
-        inputRange: [0, 1, 2],
-        outputRange: [0, 3, 1],
-      }),
-    ).not.toThrow();
-  });
-
-  it('should work with empty input range', () => {
-    const interpolation = AnimatedInterpolation.__createInterpolation({
-      inputRange: [0, 10, 10],
-      outputRange: [1, 2, 3],
-      extrapolate: 'extend',
-    });
-
-    expect(interpolation(0)).toBe(1);
-    expect(interpolation(5)).toBe(1.5);
-    expect(interpolation(10)).toBe(2);
-    expect(interpolation(10.1)).toBe(3);
-    expect(interpolation(15)).toBe(3);
-  });
-
-  it('should work with empty output range', () => {
-    const interpolation = AnimatedInterpolation.__createInterpolation({
-      inputRange: [1, 2, 3],
-      outputRange: [0, 10, 10],
-      extrapolate: 'extend',
-    });
-
-    expect(interpolation(0)).toBe(-10);
-    expect(interpolation(1.5)).toBe(5);
-    expect(interpolation(2)).toBe(10);
-    expect(interpolation(2.5)).toBe(10);
-    expect(interpolation(3)).toBe(10);
-    expect(interpolation(4)).toBe(10);
-  });
-
-  it('should work with easing', () => {
-    const interpolation = AnimatedInterpolation.__createInterpolation({
-      inputRange: [0, 1],
-      outputRange: [0, 1],
-      easing: Easing.quad,
-    });
-
-    expect(interpolation(0)).toBe(0);
-    expect(interpolation(0.5)).toBe(0.25);
-    expect(interpolation(0.9)).toBe(0.81);
-    expect(interpolation(1)).toBe(1);
-  });
-
-  it('should work with extrapolate', () => {
-    let interpolation = AnimatedInterpolation.__createInterpolation({
-      inputRange: [0, 1],
-      outputRange: [0, 1],
-      extrapolate: 'extend',
-      easing: Easing.quad,
-    });
-
-    expect(interpolation(-2)).toBe(4);
-    expect(interpolation(2)).toBe(4);
-
-    interpolation = AnimatedInterpolation.__createInterpolation({
-      inputRange: [0, 1],
-      outputRange: [0, 1],
-      extrapolate: 'clamp',
-      easing: Easing.quad,
-    });
-
-    expect(interpolation(-2)).toBe(0);
-    expect(interpolation(2)).toBe(1);
-
-    interpolation = AnimatedInterpolation.__createInterpolation({
-      inputRange: [0, 1],
-      outputRange: [0, 1],
-      extrapolate: 'identity',
-      easing: Easing.quad,
-    });
-
-    expect(interpolation(-2)).toBe(-2);
-    expect(interpolation(2)).toBe(2);
-  });
-
-  it('should work with keyframes with extrapolate', () => {
-    const interpolation = AnimatedInterpolation.__createInterpolation({
-      inputRange: [0, 10, 100, 1000],
-      outputRange: [0, 5, 50, 500],
-      extrapolate: true,
-    });
-
-    expect(interpolation(-5)).toBe(-2.5);
-    expect(interpolation(0)).toBe(0);
-    expect(interpolation(5)).toBe(2.5);
-    expect(interpolation(10)).toBe(5);
-    expect(interpolation(50)).toBe(25);
-    expect(interpolation(100)).toBe(50);
-    expect(interpolation(500)).toBe(250);
-    expect(interpolation(1000)).toBe(500);
-    expect(interpolation(2000)).toBe(1000);
-  });
-
-  it('should work with keyframes without extrapolate', () => {
-    const interpolation = AnimatedInterpolation.__createInterpolation({
-      inputRange: [0, 1, 2],
-      outputRange: [0.2, 1, 0.2],
-      extrapolate: 'clamp',
-    });
-
-    expect(interpolation(5)).toBeCloseTo(0.2);
-  });
-
-  it('should throw for an infinite input range', () => {
-    expect(() =>
-      AnimatedInterpolation.__createInterpolation({
-        inputRange: [-Infinity, Infinity],
-        outputRange: [0, 1],
-      }),
-    ).toThrow();
-
-    expect(() =>
-      AnimatedInterpolation.__createInterpolation({
-        inputRange: [-Infinity, 0, Infinity],
-        outputRange: [1, 2, 3],
-      }),
-    ).not.toThrow();
-  });
-
-  it('should work with negative infinite', () => {
-    const interpolation = AnimatedInterpolation.__createInterpolation({
-      inputRange: [-Infinity, 0],
-      outputRange: [-Infinity, 0],
-      easing: Easing.quad,
-      extrapolate: 'identity',
-    });
-
-    expect(interpolation(-Infinity)).toBe(-Infinity);
-    expect(interpolation(-100)).toBeCloseTo(-10000);
-    expect(interpolation(-10)).toBeCloseTo(-100);
-    expect(interpolation(0)).toBeCloseTo(0);
-    expect(interpolation(1)).toBeCloseTo(1);
-    expect(interpolation(100)).toBeCloseTo(100);
-  });
-
-  it('should work with positive infinite', () => {
-    const interpolation = AnimatedInterpolation.__createInterpolation({
-      inputRange: [5, Infinity],
-      outputRange: [5, Infinity],
-      easing: Easing.quad,
-      extrapolate: 'identity',
-    });
-
-    expect(interpolation(-100)).toBeCloseTo(-100);
-    expect(interpolation(-10)).toBeCloseTo(-10);
-    expect(interpolation(0)).toBeCloseTo(0);
-    expect(interpolation(5)).toBeCloseTo(5);
-    expect(interpolation(6)).toBeCloseTo(5 + 1);
-    expect(interpolation(10)).toBeCloseTo(5 + 25);
-    expect(interpolation(100)).toBeCloseTo(5 + 95 * 95);
-    expect(interpolation(Infinity)).toBe(Infinity);
-  });
-
-  it('should work with output ranges as string', () => {
-    const interpolation = AnimatedInterpolation.__createInterpolation({
-      inputRange: [0, 1],
-      outputRange: ['rgba(0, 100, 200, 0)', 'rgba(50, 150, 250, 0.4)'],
-    });
-
-    expect(interpolation(0)).toBe('rgba(0, 100, 200, 0)');
-    expect(interpolation(0.5)).toBe('rgba(25, 125, 225, 0.2)');
-    expect(interpolation(1)).toBe('rgba(50, 150, 250, 0.4)');
-  });
-
-  it('should work with output ranges as short hex string', () => {
-    const interpolation = AnimatedInterpolation.__createInterpolation({
-      inputRange: [0, 1],
-      outputRange: ['#024', '#9BF'],
-    });
-
-    expect(interpolation(0)).toBe('rgba(0, 34, 68, 1)');
-    expect(interpolation(0.5)).toBe('rgba(77, 111, 162, 1)');
-    expect(interpolation(1)).toBe('rgba(153, 187, 255, 1)');
-  });
-
-  it('should work with output ranges as long hex string', () => {
-    const interpolation = AnimatedInterpolation.__createInterpolation({
-      inputRange: [0, 1],
-      outputRange: ['#FF9500', '#87FC70'],
-    });
-
-    expect(interpolation(0)).toBe('rgba(255, 149, 0, 1)');
-    expect(interpolation(0.5)).toBe('rgba(195, 201, 56, 1)');
-    expect(interpolation(1)).toBe('rgba(135, 252, 112, 1)');
-  });
-
-  it('should work with output ranges with mixed hex and rgba strings', () => {
-    const interpolation = AnimatedInterpolation.__createInterpolation({
-      inputRange: [0, 1],
-      outputRange: ['rgba(100, 120, 140, .4)', '#87FC70'],
-    });
-
-    expect(interpolation(0)).toBe('rgba(100, 120, 140, 0.4)');
-    expect(interpolation(0.5)).toBe('rgba(118, 186, 126, 0.7)');
-    expect(interpolation(1)).toBe('rgba(135, 252, 112, 1)');
-  });
-
-  it('should work with negative and decimal values in string ranges', () => {
-    const interpolation = AnimatedInterpolation.__createInterpolation({
-      inputRange: [0, 1],
-      outputRange: ['-100.5deg', '100deg'],
-    });
-
-    expect(interpolation(0)).toBe('-100.5deg');
-    expect(interpolation(0.5)).toBe('-0.25deg');
-    expect(interpolation(1)).toBe('100deg');
-  });
-
-  it('should crash when chaining an interpolation that returns a string', () => {
-    const interpolation = AnimatedInterpolation.__createInterpolation({
-      inputRange: [0, 1],
-      outputRange: [0, 1],
-    });
-    expect(() => {
-      interpolation('45rad');
-    }).toThrow();
-  });
-
-  it('should support a mix of color patterns', () => {
-    const interpolation = AnimatedInterpolation.__createInterpolation({
-      inputRange: [0, 1, 2],
-      outputRange: ['rgba(0, 100, 200, 0)', 'rgb(50, 150, 250)', 'red'],
-    });
-
-    expect(interpolation(0)).toBe('rgba(0, 100, 200, 0)');
-    expect(interpolation(0.5)).toBe('rgba(25, 125, 225, 0.5)');
-    expect(interpolation(1.5)).toBe('rgba(153, 75, 125, 1)');
-    expect(interpolation(2)).toBe('rgba(255, 0, 0, 1)');
-  });
-
-  it('should crash when defining output range with different pattern', () => {
-    expect(() =>
-      AnimatedInterpolation.__createInterpolation({
-        inputRange: [0, 1],
-        outputRange: ['20deg', '30rad'],
-      }),
-    ).toThrow();
-  });
-
-  it('should round the alpha channel of a color to the nearest thousandth', () => {
-    const interpolation = AnimatedInterpolation.__createInterpolation({
-      inputRange: [0, 1],
-      outputRange: ['rgba(0, 0, 0, 0)', 'rgba(0, 0, 0, 1)'],
-    });
-
-    expect(interpolation(1e-12)).toBe('rgba(0, 0, 0, 0)');
-    expect(interpolation(2 / 3)).toBe('rgba(0, 0, 0, 0.667)');
-  });
-});

Libraries/Animated/__tests__/createAnimatedComponentInjection-test.js

@@ -1,67 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @emails oncall+react_native
- * @flow strict-local
- * @format
- */
-
-'use strict';
-
-const createAnimatedComponent = require('../createAnimatedComponent');
-const createAnimatedComponentInjection = require('../createAnimatedComponentInjection');
-const React = require('react');
-
-function injected<TProps: {...}, TInstance>(
-  Component: React.AbstractComponent<TProps, TInstance>,
-): React.AbstractComponent<TProps, TInstance> {
-  return createAnimatedComponent(Component);
-}
-
-beforeEach(() => {
-  jest.resetModules();
-  jest.resetAllMocks();
-});
-
-test('does nothing without injection', () => {
-  expect(typeof createAnimatedComponent).toBe('function');
-  expect(createAnimatedComponent).not.toBe(injected);
-});
-
-test('injection overrides `createAnimatedComponent`', () => {
-  createAnimatedComponentInjection.inject(injected);
-
-  expect(createAnimatedComponent).toBe(injected);
-});
-
-test('injection errors if called too late', () => {
-  jest.spyOn(console, 'error').mockReturnValue(undefined);
-
-  // Causes `createAnimatedComponent` to be initialized.
-  createAnimatedComponent;
-
-  createAnimatedComponentInjection.inject(injected);
-
-  expect(createAnimatedComponent).not.toBe(injected);
-  expect(console.error).toBeCalledWith(
-    'createAnimatedComponentInjection: Must be called before `createAnimatedComponent`.',
-  );
-});
-
-test('injection errors if called more than once', () => {
-  jest.spyOn(console, 'error').mockReturnValue(undefined);
-
-  createAnimatedComponentInjection.inject(injected);
-
-  expect(createAnimatedComponent).toBe(injected);
-  expect(console.error).not.toBeCalled();
-
-  createAnimatedComponentInjection.inject(injected);
-
-  expect(console.error).toBeCalledWith(
-    'createAnimatedComponentInjection: Cannot be called more than once.',
-  );
-});

Libraries/Animated/components/AnimatedFlatList.js

@@ -1,30 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow strict-local
- * @format
- */
-
-import * as React from 'react';
-
-const FlatList = require('../../Lists/FlatList');
-const createAnimatedComponent = require('../createAnimatedComponent');
-
-import type {AnimatedComponentType} from '../createAnimatedComponent';
-
-/**
- * @see https://github.com/facebook/react-native/commit/b8c8562
- */
-const FlatListWithEventThrottle = React.forwardRef((props, ref) => (
-  <FlatList scrollEventThrottle={0.0001} {...props} ref={ref} />
-));
-
-module.exports = (createAnimatedComponent(
-  FlatListWithEventThrottle,
-): AnimatedComponentType<
-  React.ElementConfig<typeof FlatList>,
-  React.ElementRef<typeof FlatList>,
->);

Libraries/Animated/components/AnimatedImage.js

@@ -1,23 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow strict-local
- * @format
- */
-
-import * as React from 'react';
-
-const Image = require('../../Image/Image');
-const createAnimatedComponent = require('../createAnimatedComponent');
-
-import type {AnimatedComponentType} from '../createAnimatedComponent';
-
-module.exports = (createAnimatedComponent(
-  (Image: $FlowFixMe),
-): AnimatedComponentType<
-  React.ElementConfig<typeof Image>,
-  React.ElementRef<typeof Image>,
->);

Libraries/Animated/components/AnimatedScrollView.js

@@ -1,30 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow strict-local
- * @format
- */
-
-import * as React from 'react';
-
-const ScrollView = require('../../Components/ScrollView/ScrollView');
-const createAnimatedComponent = require('../createAnimatedComponent');
-
-import type {AnimatedComponentType} from '../createAnimatedComponent';
-
-/**
- * @see https://github.com/facebook/react-native/commit/b8c8562
- */
-const ScrollViewWithEventThrottle = React.forwardRef((props, ref) => (
-  <ScrollView scrollEventThrottle={0.0001} {...props} ref={ref} />
-));
-
-module.exports = (createAnimatedComponent(
-  ScrollViewWithEventThrottle,
-): AnimatedComponentType<
-  React.ElementConfig<typeof ScrollView>,
-  React.ElementRef<typeof ScrollView>,
->);

Libraries/Animated/components/AnimatedSectionList.js

@@ -1,30 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow strict-local
- * @format
- */
-
-import * as React from 'react';
-
-import SectionList from '../../Lists/SectionList';
-const createAnimatedComponent = require('../createAnimatedComponent');
-
-import type {AnimatedComponentType} from '../createAnimatedComponent';
-
-/**
- * @see https://github.com/facebook/react-native/commit/b8c8562
- */
-const SectionListWithEventThrottle = React.forwardRef((props, ref) => (
-  <SectionList scrollEventThrottle={0.0001} {...props} ref={ref} />
-));
-
-module.exports = (createAnimatedComponent(
-  SectionListWithEventThrottle,
-): AnimatedComponentType<
-  React.ElementConfig<typeof SectionList>,
-  React.ElementRef<typeof SectionList>,
->);

Libraries/Animated/components/AnimatedText.js

@@ -1,23 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow strict-local
- * @format
- */
-
-import * as React from 'react';
-
-const Text = require('../../Text/Text');
-const createAnimatedComponent = require('../createAnimatedComponent');
-
-import type {AnimatedComponentType} from '../createAnimatedComponent';
-
-module.exports = (createAnimatedComponent(
-  (Text: $FlowFixMe),
-): AnimatedComponentType<
-  React.ElementConfig<typeof Text>,
-  React.ElementRef<typeof Text>,
->);

Libraries/Animated/components/AnimatedView.js

@@ -1,21 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow strict-local
- * @format
- */
-
-import * as React from 'react';
-
-const View = require('../../Components/View/View');
-const createAnimatedComponent = require('../createAnimatedComponent');
-
-import type {AnimatedComponentType} from '../createAnimatedComponent';
-
-module.exports = (createAnimatedComponent(View): AnimatedComponentType<
-  React.ElementConfig<typeof View>,
-  React.ElementRef<typeof View>,
->);

Libraries/Animated/createAnimatedComponent.js

@@ -1,274 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow
- * @format
- */
-
-'use strict';
-
-import * as createAnimatedComponentInjection from './createAnimatedComponentInjection';
-
-const View = require('../Components/View/View');
-const {AnimatedEvent} = require('./AnimatedEvent');
-const AnimatedProps = require('./nodes/AnimatedProps');
-const React = require('react');
-const NativeAnimatedHelper = require('./NativeAnimatedHelper');
-
-const invariant = require('invariant');
-const setAndForwardRef = require('../Utilities/setAndForwardRef');
-
-let animatedComponentNextId = 1;
-
-export type AnimatedComponentType<
-  -Props: {+[string]: mixed, ...},
-  +Instance = mixed,
-> = React.AbstractComponent<
-  $ObjMap<
-    Props &
-      $ReadOnly<{
-        passthroughAnimatedPropExplicitValues?: React.ElementConfig<
-          typeof View,
-        >,
-      }>,
-    () => any,
-  >,
-  Instance,
->;
-
-function createAnimatedComponent<Props: {+[string]: mixed, ...}, Instance>(
-  Component: React.AbstractComponent<Props, Instance>,
-): AnimatedComponentType<Props, Instance> {
-  invariant(
-    typeof Component !== 'function' ||
-      (Component.prototype && Component.prototype.isReactComponent),
-    '`createAnimatedComponent` does not support stateless functional components; ' +
-      'use a class component instead.',
-  );
-
-  class AnimatedComponent extends React.Component<Object> {
-    _component: any; // TODO T53738161: flow type this, and the whole file
-    _invokeAnimatedPropsCallbackOnMount: boolean = false;
-    _prevComponent: any;
-    _propsAnimated: AnimatedProps;
-    _eventDetachers: Array<Function> = [];
-
-    // Only to be used in this file, and only in Fabric.
-    _animatedComponentId: string = `${animatedComponentNextId++}:animatedComponent`;
-
-    _attachNativeEvents() {
-      // Make sure to get the scrollable node for components that implement
-      // `ScrollResponder.Mixin`.
-      const scrollableNode = this._component?.getScrollableNode
-        ? this._component.getScrollableNode()
-        : this._component;
-
-      for (const key in this.props) {
-        const prop = this.props[key];
-        if (prop instanceof AnimatedEvent && prop.__isNative) {
-          prop.__attach(scrollableNode, key);
-          this._eventDetachers.push(() => prop.__detach(scrollableNode, key));
-        }
-      }
-    }
-
-    _detachNativeEvents() {
-      this._eventDetachers.forEach(remove => remove());
-      this._eventDetachers = [];
-    }
-
-    _isFabric = (): boolean => {
-      // When called during the first render, `_component` is always null.
-      // Therefore, even if a component is rendered in Fabric, we can't detect
-      // that until ref is set, which happens sometime after the first render.
-      // In cases where this value switching between "false" and "true" on Fabric
-      // causes issues, add an additional check for _component nullity.
-      if (this._component == null) {
-        return false;
-      }
-      return (
-        // eslint-disable-next-line dot-notation
-        this._component['_internalInstanceHandle']?.stateNode?.canonical !=
-          null ||
-        // Some components have a setNativeProps function but aren't a host component
-        // such as lists like FlatList and SectionList. These should also use
-        // forceUpdate in Fabric since setNativeProps doesn't exist on the underlying
-        // host component. This crazy hack is essentially special casing those lists and
-        // ScrollView itself to use forceUpdate in Fabric.
-        // If these components end up using forwardRef then these hacks can go away
-        // as this._component would actually be the underlying host component and the above check
-        // would be sufficient.
-        (this._component.getNativeScrollRef != null &&
-          this._component.getNativeScrollRef() != null &&
-          // eslint-disable-next-line dot-notation
-          this._component.getNativeScrollRef()['_internalInstanceHandle']
-            ?.stateNode?.canonical != null) ||
-        (this._component.getScrollResponder != null &&
-          this._component.getScrollResponder() != null &&
-          this._component.getScrollResponder().getNativeScrollRef != null &&
-          this._component.getScrollResponder().getNativeScrollRef() != null &&
-          this._component.getScrollResponder().getNativeScrollRef()[
-            // eslint-disable-next-line dot-notation
-            '_internalInstanceHandle'
-          ]?.stateNode?.canonical != null)
-      );
-    };
-
-    _waitForUpdate = (): void => {
-      if (this._isFabric()) {
-        NativeAnimatedHelper.API.setWaitingForIdentifier(
-          this._animatedComponentId,
-        );
-      }
-    };
-
-    _markUpdateComplete = (): void => {
-      if (this._isFabric()) {
-        NativeAnimatedHelper.API.unsetWaitingForIdentifier(
-          this._animatedComponentId,
-        );
-      }
-    };
-
-    // The system is best designed when setNativeProps is implemented. It is
-    // able to avoid re-rendering and directly set the attributes that changed.
-    // However, setNativeProps can only be implemented on leaf native
-    // components. If you want to animate a composite component, you need to
-    // re-render it. In this case, we have a fallback that uses forceUpdate.
-    // This fallback is also called in Fabric.
-    _animatedPropsCallback = () => {
-      if (this._component == null) {
-        // AnimatedProps is created in will-mount because it's used in render.
-        // But this callback may be invoked before mount in async mode,
-        // In which case we should defer the setNativeProps() call.
-        // React may throw away uncommitted work in async mode,
-        // So a deferred call won't always be invoked.
-        this._invokeAnimatedPropsCallbackOnMount = true;
-      } else if (
-        process.env.NODE_ENV === 'test' ||
-        // For animating properties of non-leaf/non-native components
-        typeof this._component.setNativeProps !== 'function' ||
-        // In Fabric, force animations to go through forceUpdate and skip setNativeProps
-        this._isFabric()
-      ) {
-        this.forceUpdate();
-      } else if (!this._propsAnimated.__isNative) {
-        this._component.setNativeProps(
-          this._propsAnimated.__getAnimatedValue(),
-        );
-      } else {
-        throw new Error(
-          'Attempting to run JS driven animation on animated ' +
-            'node that has been moved to "native" earlier by starting an ' +
-            'animation with `useNativeDriver: true`',
-        );
-      }
-    };
-
-    _attachProps(nextProps: any) {
-      const oldPropsAnimated = this._propsAnimated;
-
-      this._propsAnimated = new AnimatedProps(
-        nextProps,
-        this._animatedPropsCallback,
-      );
-      this._propsAnimated.__attach();
-
-      // When you call detach, it removes the element from the parent list
-      // of children. If it goes to 0, then the parent also detaches itself
-      // and so on.
-      // An optimization is to attach the new elements and THEN detach the old
-      // ones instead of detaching and THEN attaching.
-      // This way the intermediate state isn't to go to 0 and trigger
-      // this expensive recursive detaching to then re-attach everything on
-      // the very next operation.
-      if (oldPropsAnimated) {
-        oldPropsAnimated.__restoreDefaultValues();
-        oldPropsAnimated.__detach();
-      }
-    }
-
-    _setComponentRef = setAndForwardRef({
-      getForwardedRef: () => this.props.forwardedRef,
-      setLocalRef: ref => {
-        this._prevComponent = this._component;
-        this._component = ref;
-      },
-    });
-
-    render() {
-      const {style = {}, ...props} = this._propsAnimated.__getValue() || {};
-      const {style: passthruStyle = {}, ...passthruProps} =
-        this.props.passthroughAnimatedPropExplicitValues || {};
-      const mergedStyle = {...style, ...passthruStyle};
-
-      // Force `collapsable` to be false so that native view is not flattened.
-      // Flattened views cannot be accurately referenced by a native driver.
-      return (
-        <Component
-          {...props}
-          {...passthruProps}
-          collapsable={false}
-          style={mergedStyle}
-          ref={this._setComponentRef}
-        />
-      );
-    }
-
-    UNSAFE_componentWillMount() {
-      this._waitForUpdate();
-      this._attachProps(this.props);
-    }
-
-    componentDidMount() {
-      if (this._invokeAnimatedPropsCallbackOnMount) {
-        this._invokeAnimatedPropsCallbackOnMount = false;
-        this._animatedPropsCallback();
-      }
-
-      this._propsAnimated.setNativeView(this._component);
-      this._attachNativeEvents();
-      this._markUpdateComplete();
-    }
-
-    UNSAFE_componentWillReceiveProps(newProps: any) {
-      this._waitForUpdate();
-      this._attachProps(newProps);
-    }
-
-    componentDidUpdate(prevProps: any) {
-      if (this._component !== this._prevComponent) {
-        this._propsAnimated.setNativeView(this._component);
-      }
-      if (this._component !== this._prevComponent || prevProps !== this.props) {
-        this._detachNativeEvents();
-        this._attachNativeEvents();
-      }
-      this._markUpdateComplete();
-    }
-
-    componentWillUnmount() {
-      this._propsAnimated && this._propsAnimated.__detach();
-      this._detachNativeEvents();
-      this._markUpdateComplete();
-      this._component = null;
-      this._prevComponent = null;
-    }
-  }
-
-  return React.forwardRef(function AnimatedComponentWrapper(props, ref) {
-    return (
-      <AnimatedComponent
-        {...props}
-        {...(ref == null ? null : {forwardedRef: ref})}
-      />
-    );
-  });
-}
-
-// $FlowIgnore[incompatible-cast] - Will be compatible after refactors.
-module.exports = (createAnimatedComponentInjection.recordAndRetrieve() ??
-  createAnimatedComponent: typeof createAnimatedComponent);

Libraries/Animated/createAnimatedComponentInjection.js

@@ -1,48 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow strict-local
- * @format
- */
-
-import * as React from 'react';
-
-type createAnimatedComponent = <TProps: {...}, TInstance>(
-  Component: React.AbstractComponent<TProps, TInstance>,
-) => React.AbstractComponent<TProps, TInstance>;
-
-// This can be undefined, null, or the experimental implementation. If this is
-// null, that means `createAnimatedComponent` has already been initialized and
-// it is too late to call `inject`.
-let injected: ?createAnimatedComponent;
-
-/**
- * Call during bundle initialization to opt-in to new `createAnimatedComponent`.
- */
-export function inject(newInjected: createAnimatedComponent): void {
-  if (injected !== undefined) {
-    if (__DEV__) {
-      console.error(
-        'createAnimatedComponentInjection: ' +
-          (injected == null
-            ? 'Must be called before `createAnimatedComponent`.'
-            : 'Cannot be called more than once.'),
-      );
-    }
-    return;
-  }
-  injected = newInjected;
-}
-
-/**
- * Only called by `createAnimatedComponent.js`.
- */
-export function recordAndRetrieve(): createAnimatedComponent | null {
-  if (injected === undefined) {
-    injected = null;
-  }
-  return injected;
-}

Libraries/Animated/createAnimatedComponent_EXPERIMENTAL.js

@@ -1,48 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow strict-local
- * @format
- */
-
-import useAnimatedProps from './useAnimatedProps';
-import useMergeRefs from '../Utilities/useMergeRefs';
-import StyleSheet from '../StyleSheet/StyleSheet';
-import * as React from 'react';
-
-/**
- * Experimental implementation of `createAnimatedComponent` that is intended to
- * be compatible with concurrent rendering.
- */
-export default function createAnimatedComponent<TProps: {...}, TInstance>(
-  Component: React.AbstractComponent<TProps, TInstance>,
-): React.AbstractComponent<TProps, TInstance> {
-  return React.forwardRef((props, forwardedRef) => {
-    const [reducedProps, callbackRef] = useAnimatedProps<TProps, TInstance>(
-      props,
-    );
-    const ref = useMergeRefs<TInstance | null>(callbackRef, forwardedRef);
-
-    // Some components require explicit passthrough values for animation
-    // to work properly. For example, if an animated component is
-    // transformed and Pressable, onPress will not work after transform
-    // without these passthrough values.
-    // $FlowFixMe[prop-missing]
-    const {passthroughAnimatedPropExplicitValues, style} = reducedProps;
-    const {style: passthroughStyle, ...passthroughProps} =
-      passthroughAnimatedPropExplicitValues ?? {};
-    const mergedStyle = StyleSheet.compose(style, passthroughStyle);
-
-    return (
-      <Component
-        {...reducedProps}
-        {...passthroughProps}
-        style={mergedStyle}
-        ref={ref}
-      />
-    );
-  });
-}

Libraries/Animated/nodes/AnimatedColor.js

@@ -1,332 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow
- * @format
- */
-
-'use strict';
-
-import AnimatedValue from './AnimatedValue';
-import AnimatedWithChildren from './AnimatedWithChildren';
-import normalizeColor from '../../StyleSheet/normalizeColor';
-import {processColorObject} from '../../StyleSheet/PlatformColorValueTypes';
-import NativeAnimatedHelper from '../NativeAnimatedHelper';
-
-import type {PlatformConfig} from '../AnimatedPlatformConfig';
-import type {ColorValue} from '../../StyleSheet/StyleSheet';
-import type {NativeColorValue} from '../../StyleSheet/PlatformColorValueTypes';
-import type {ProcessedColorValue} from '../../StyleSheet/processColor';
-
-type ColorListenerCallback = (value: string) => mixed;
-export type RgbaValue = {
-  +r: number,
-  +g: number,
-  +b: number,
-  +a: number,
-  ...
-};
-type RgbaAnimatedValue = {
-  +r: AnimatedValue,
-  +g: AnimatedValue,
-  +b: AnimatedValue,
-  +a: AnimatedValue,
-  ...
-};
-
-const defaultColor: RgbaValue = {r: 0, g: 0, b: 0, a: 1.0};
-let _uniqueId = 1;
-
-/* eslint no-bitwise: 0 */
-function processColor(
-  color?: ?(ColorValue | RgbaValue),
-): ?(RgbaValue | NativeColorValue) {
-  if (color === undefined || color === null) {
-    return null;
-  }
-
-  if (isRgbaValue(color)) {
-    // $FlowIgnore[incompatible-cast] - Type is verified above
-    return (color: RgbaValue);
-  }
-
-  let normalizedColor: ?ProcessedColorValue = normalizeColor(
-    // $FlowIgnore[incompatible-cast] - Type is verified above
-    (color: ColorValue),
-  );
-  if (normalizedColor === undefined || normalizedColor === null) {
-    return null;
-  }
-
-  if (typeof normalizedColor === 'object') {
-    const processedColorObj: ?NativeColorValue =
-      processColorObject(normalizedColor);
-    if (processedColorObj != null) {
-      return processedColorObj;
-    }
-  } else if (typeof normalizedColor === 'number') {
-    const r: number = (normalizedColor & 0xff000000) >>> 24;
-    const g: number = (normalizedColor & 0x00ff0000) >>> 16;
-    const b: number = (normalizedColor & 0x0000ff00) >>> 8;
-    const a: number = (normalizedColor & 0x000000ff) / 255;
-
-    return {r, g, b, a};
-  }
-
-  return null;
-}
-
-function isRgbaValue(value: any): boolean {
-  return (
-    value &&
-    typeof value.r === 'number' &&
-    typeof value.g === 'number' &&
-    typeof value.b === 'number' &&
-    typeof value.a === 'number'
-  );
-}
-
-function isRgbaAnimatedValue(value: any): boolean {
-  return (
-    value &&
-    value.r instanceof AnimatedValue &&
-    value.g instanceof AnimatedValue &&
-    value.b instanceof AnimatedValue &&
-    value.a instanceof AnimatedValue
-  );
-}
-
-export default class AnimatedColor extends AnimatedWithChildren {
-  r: AnimatedValue;
-  g: AnimatedValue;
-  b: AnimatedValue;
-  a: AnimatedValue;
-  nativeColor: ?NativeColorValue;
-  _listeners: {
-    [key: string]: {
-      r: string,
-      g: string,
-      b: string,
-      a: string,
-      ...
-    },
-    ...
-  } = {};
-
-  constructor(valueIn?: ?(RgbaValue | RgbaAnimatedValue | ColorValue)) {
-    super();
-    let value: RgbaValue | RgbaAnimatedValue | ColorValue =
-      valueIn ?? defaultColor;
-    if (isRgbaAnimatedValue(value)) {
-      // $FlowIgnore[incompatible-cast] - Type is verified above
-      const rgbaAnimatedValue: RgbaAnimatedValue = (value: RgbaAnimatedValue);
-      this.r = rgbaAnimatedValue.r;
-      this.g = rgbaAnimatedValue.g;
-      this.b = rgbaAnimatedValue.b;
-      this.a = rgbaAnimatedValue.a;
-    } else {
-      const processedColor: RgbaValue | NativeColorValue =
-        // $FlowIgnore[incompatible-cast] - Type is verified above
-        processColor((value: ColorValue | RgbaValue)) ?? defaultColor;
-      let initColor: RgbaValue = defaultColor;
-      if (isRgbaValue(processedColor)) {
-        // $FlowIgnore[incompatible-cast] - Type is verified above
-        initColor = (processedColor: RgbaValue);
-      } else {
-        // $FlowIgnore[incompatible-cast] - Type is verified above
-        this.nativeColor = (processedColor: NativeColorValue);
-      }
-
-      this.r = new AnimatedValue(initColor.r);
-      this.g = new AnimatedValue(initColor.g);
-      this.b = new AnimatedValue(initColor.b);
-      this.a = new AnimatedValue(initColor.a);
-
-      if (this.nativeColor) {
-        if (!this.__isNative) {
-          this.__makeNative();
-        }
-      }
-    }
-  }
-
-  /**
-   * Directly set the value. This will stop any animations running on the value
-   * and update all the bound properties.
-   */
-  setValue(value: RgbaValue | ColorValue): void {
-    this.nativeColor = null;
-
-    const processedColor: RgbaValue | NativeColorValue =
-      processColor(value) ?? defaultColor;
-    if (isRgbaValue(processedColor)) {
-      // $FlowIgnore[incompatible-cast] - Type is verified above
-      const rgbaValue: RgbaValue = (processedColor: RgbaValue);
-      this.r.setValue(rgbaValue.r);
-      this.g.setValue(rgbaValue.g);
-      this.b.setValue(rgbaValue.b);
-      this.a.setValue(rgbaValue.a);
-    } else {
-      // $FlowIgnore[incompatible-cast] - Type is verified above
-      this.nativeColor = (processedColor: NativeColorValue);
-    }
-
-    if (this.nativeColor) {
-      if (!this.__isNative) {
-        this.__makeNative();
-      }
-
-      const nativeTag = this.__getNativeTag();
-      NativeAnimatedHelper.API.setWaitingForIdentifier(nativeTag.toString());
-      NativeAnimatedHelper.API.updateAnimatedNodeConfig(
-        nativeTag,
-        this.__getNativeConfig(),
-      );
-      NativeAnimatedHelper.API.unsetWaitingForIdentifier(nativeTag.toString());
-    }
-  }
-
-  /**
-   * Sets an offset that is applied on top of whatever value is set, whether
-   * via `setValue`, an animation, or `Animated.event`. Useful for compensating
-   * things like the start of a pan gesture.
-   */
-  setOffset(offset: RgbaValue): void {
-    this.r.setOffset(offset.r);
-    this.g.setOffset(offset.g);
-    this.b.setOffset(offset.b);
-    this.a.setOffset(offset.a);
-  }
-
-  /**
-   * Merges the offset value into the base value and resets the offset to zero.
-   * The final output of the value is unchanged.
-   */
-  flattenOffset(): void {
-    this.r.flattenOffset();
-    this.g.flattenOffset();
-    this.b.flattenOffset();
-    this.a.flattenOffset();
-  }
-
-  /**
-   * Sets the offset value to the base value, and resets the base value to
-   * zero. The final output of the value is unchanged.
-   */
-  extractOffset(): void {
-    this.r.extractOffset();
-    this.g.extractOffset();
-    this.b.extractOffset();
-    this.a.extractOffset();
-  }
-
-  /**
-   * Adds an asynchronous listener to the value so you can observe updates from
-   * animations.  This is useful because there is no way to synchronously read
-   * the value because it might be driven natively.
-   *
-   * Returns a string that serves as an identifier for the listener.
-   */
-  addListener(callback: ColorListenerCallback): string {
-    const id = String(_uniqueId++);
-    const jointCallback = ({value: number}) => {
-      callback(this.__getValue());
-    };
-    this._listeners[id] = {
-      r: this.r.addListener(jointCallback),
-      g: this.g.addListener(jointCallback),
-      b: this.b.addListener(jointCallback),
-      a: this.a.addListener(jointCallback),
-    };
-    return id;
-  }
-
-  /**
-   * Unregister a listener. The `id` param shall match the identifier
-   * previously returned by `addListener()`.
-   */
-  removeListener(id: string): void {
-    this.r.removeListener(this._listeners[id].r);
-    this.g.removeListener(this._listeners[id].g);
-    this.b.removeListener(this._listeners[id].b);
-    this.a.removeListener(this._listeners[id].a);
-    delete this._listeners[id];
-  }
-
-  /**
-   * Remove all registered listeners.
-   */
-  removeAllListeners(): void {
-    this.r.removeAllListeners();
-    this.g.removeAllListeners();
-    this.b.removeAllListeners();
-    this.a.removeAllListeners();
-    this._listeners = {};
-  }
-
-  /**
-   * Stops any running animation or tracking. `callback` is invoked with the
-   * final value after stopping the animation, which is useful for updating
-   * state to match the animation position with layout.
-   */
-  stopAnimation(callback?: (value: string) => void): void {
-    this.r.stopAnimation();
-    this.g.stopAnimation();
-    this.b.stopAnimation();
-    this.a.stopAnimation();
-    callback && callback(this.__getValue());
-  }
-
-  /**
-   * Stops any animation and resets the value to its original.
-   */
-  resetAnimation(callback?: (value: string) => void): void {
-    this.r.resetAnimation();
-    this.g.resetAnimation();
-    this.b.resetAnimation();
-    this.a.resetAnimation();
-    callback && callback(this.__getValue());
-  }
-
-  __getValue(): string {
-    return `rgba(${this.r.__getValue()}, ${this.g.__getValue()}, ${this.b.__getValue()}, ${this.a.__getValue()})`;
-  }
-
-  __attach(): void {
-    this.r.__addChild(this);
-    this.g.__addChild(this);
-    this.b.__addChild(this);
-    this.a.__addChild(this);
-    super.__attach();
-  }
-
-  __detach(): void {
-    this.r.__removeChild(this);
-    this.g.__removeChild(this);
-    this.b.__removeChild(this);
-    this.a.__removeChild(this);
-    super.__detach();
-  }
-
-  __makeNative(platformConfig: ?PlatformConfig) {
-    this.r.__makeNative(platformConfig);
-    this.g.__makeNative(platformConfig);
-    this.b.__makeNative(platformConfig);
-    this.a.__makeNative(platformConfig);
-    super.__makeNative(platformConfig);
-  }
-
-  __getNativeConfig(): {...} {
-    return {
-      type: 'color',
-      r: this.r.__getNativeTag(),
-      g: this.g.__getNativeTag(),
-      b: this.b.__getNativeTag(),
-      a: this.a.__getNativeTag(),
-      nativeColor: this.nativeColor,
-    };
-  }
-}

Libraries/Animated/nodes/AnimatedInterpolation.js

@@ -1,371 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow
- * @format
- */
-
-/* eslint no-bitwise: 0 */
-
-'use strict';
-
-const AnimatedNode = require('./AnimatedNode');
-const AnimatedWithChildren = require('./AnimatedWithChildren');
-const NativeAnimatedHelper = require('../NativeAnimatedHelper');
-
-const invariant = require('invariant');
-const normalizeColor = require('../../StyleSheet/normalizeColor');
-
-import type {PlatformConfig} from '../AnimatedPlatformConfig';
-
-type ExtrapolateType = 'extend' | 'identity' | 'clamp';
-
-export type InterpolationConfigType = $ReadOnly<{
-  inputRange: $ReadOnlyArray<number>,
-  outputRange: $ReadOnlyArray<number> | $ReadOnlyArray<string>,
-  easing?: (input: number) => number,
-  extrapolate?: ExtrapolateType,
-  extrapolateLeft?: ExtrapolateType,
-  extrapolateRight?: ExtrapolateType,
-}>;
-
-const linear = (t: number) => t;
-
-/**
- * Very handy helper to map input ranges to output ranges with an easing
- * function and custom behavior outside of the ranges.
- */
-function createInterpolation(
-  config: InterpolationConfigType,
-): (input: number) => number | string {
-  if (config.outputRange && typeof config.outputRange[0] === 'string') {
-    return createInterpolationFromStringOutputRange(config);
-  }
-
-  const outputRange: Array<number> = (config.outputRange: any);
-
-  const inputRange = config.inputRange;
-
-  if (__DEV__) {
-    checkInfiniteRange('outputRange', outputRange);
-    checkInfiniteRange('inputRange', inputRange);
-    checkValidInputRange(inputRange);
-
-    invariant(
-      inputRange.length === outputRange.length,
-      'inputRange (' +
-        inputRange.length +
-        ') and outputRange (' +
-        outputRange.length +
-        ') must have the same length',
-    );
-  }
-
-  const easing = config.easing || linear;
-
-  let extrapolateLeft: ExtrapolateType = 'extend';
-  if (config.extrapolateLeft !== undefined) {
-    extrapolateLeft = config.extrapolateLeft;
-  } else if (config.extrapolate !== undefined) {
-    extrapolateLeft = config.extrapolate;
-  }
-
-  let extrapolateRight: ExtrapolateType = 'extend';
-  if (config.extrapolateRight !== undefined) {
-    extrapolateRight = config.extrapolateRight;
-  } else if (config.extrapolate !== undefined) {
-    extrapolateRight = config.extrapolate;
-  }
-
-  return input => {
-    invariant(
-      typeof input === 'number',
-      'Cannot interpolation an input which is not a number',
-    );
-
-    const range = findRange(input, inputRange);
-    return interpolate(
-      input,
-      inputRange[range],
-      inputRange[range + 1],
-      outputRange[range],
-      outputRange[range + 1],
-      easing,
-      extrapolateLeft,
-      extrapolateRight,
-    );
-  };
-}
-
-function interpolate(
-  input: number,
-  inputMin: number,
-  inputMax: number,
-  outputMin: number,
-  outputMax: number,
-  easing: (input: number) => number,
-  extrapolateLeft: ExtrapolateType,
-  extrapolateRight: ExtrapolateType,
-) {
-  let result = input;
-
-  // Extrapolate
-  if (result < inputMin) {
-    if (extrapolateLeft === 'identity') {
-      return result;
-    } else if (extrapolateLeft === 'clamp') {
-      result = inputMin;
-    } else if (extrapolateLeft === 'extend') {
-      // noop
-    }
-  }
-
-  if (result > inputMax) {
-    if (extrapolateRight === 'identity') {
-      return result;
-    } else if (extrapolateRight === 'clamp') {
-      result = inputMax;
-    } else if (extrapolateRight === 'extend') {
-      // noop
-    }
-  }
-
-  if (outputMin === outputMax) {
-    return outputMin;
-  }
-
-  if (inputMin === inputMax) {
-    if (input <= inputMin) {
-      return outputMin;
-    }
-    return outputMax;
-  }
-
-  // Input Range
-  if (inputMin === -Infinity) {
-    result = -result;
-  } else if (inputMax === Infinity) {
-    result = result - inputMin;
-  } else {
-    result = (result - inputMin) / (inputMax - inputMin);
-  }
-
-  // Easing
-  result = easing(result);
-
-  // Output Range
-  if (outputMin === -Infinity) {
-    result = -result;
-  } else if (outputMax === Infinity) {
-    result = result + outputMin;
-  } else {
-    result = result * (outputMax - outputMin) + outputMin;
-  }
-
-  return result;
-}
-
-function colorToRgba(input: string): string {
-  let normalizedColor = normalizeColor(input);
-  if (normalizedColor === null || typeof normalizedColor !== 'number') {
-    return input;
-  }
-
-  normalizedColor = normalizedColor || 0;
-
-  const r = (normalizedColor & 0xff000000) >>> 24;
-  const g = (normalizedColor & 0x00ff0000) >>> 16;
-  const b = (normalizedColor & 0x0000ff00) >>> 8;
-  const a = (normalizedColor & 0x000000ff) / 255;
-
-  return `rgba(${r}, ${g}, ${b}, ${a})`;
-}
-
-const stringShapeRegex = /[+-]?(?:\d+\.?\d*|\.\d+)(?:[eE][+-]?\d+)?/g;
-
-/**
- * Supports string shapes by extracting numbers so new values can be computed,
- * and recombines those values into new strings of the same shape.  Supports
- * things like:
- *
- *   rgba(123, 42, 99, 0.36) // colors
- *   -45deg                  // values with units
- */
-function createInterpolationFromStringOutputRange(
-  config: InterpolationConfigType,
-): (input: number) => string {
-  let outputRange: Array<string> = (config.outputRange: any);
-  invariant(outputRange.length >= 2, 'Bad output range');
-  outputRange = outputRange.map(colorToRgba);
-  checkPattern(outputRange);
-
-  // ['rgba(0, 100, 200, 0)', 'rgba(50, 150, 250, 0.5)']
-  // ->
-  // [
-  //   [0, 50],
-  //   [100, 150],
-  //   [200, 250],
-  //   [0, 0.5],
-  // ]
-  /* $FlowFixMe[incompatible-use] (>=0.18.0): `outputRange[0].match()` can
-   * return `null`. Need to guard against this possibility. */
-  const outputRanges = outputRange[0].match(stringShapeRegex).map(() => []);
-  outputRange.forEach(value => {
-    /* $FlowFixMe[incompatible-use] (>=0.18.0): `value.match()` can return
-     * `null`. Need to guard against this possibility. */
-    value.match(stringShapeRegex).forEach((number, i) => {
-      outputRanges[i].push(+number);
-    });
-  });
-
-  const interpolations = outputRange[0]
-    .match(stringShapeRegex)
-    /* $FlowFixMe[incompatible-use] (>=0.18.0): `outputRange[0].match()` can
-     * return `null`. Need to guard against this possibility. */
-    /* $FlowFixMe[incompatible-call] (>=0.18.0): `outputRange[0].match()` can
-     * return `null`. Need to guard against this possibility. */
-    .map((value, i) => {
-      return createInterpolation({
-        ...config,
-        outputRange: outputRanges[i],
-      });
-    });
-
-  // rgba requires that the r,g,b are integers.... so we want to round them, but we *dont* want to
-  // round the opacity (4th column).
-  const shouldRound = isRgbOrRgba(outputRange[0]);
-
-  return input => {
-    let i = 0;
-    // 'rgba(0, 100, 200, 0)'
-    // ->
-    // 'rgba(${interpolations[0](input)}, ${interpolations[1](input)}, ...'
-    return outputRange[0].replace(stringShapeRegex, () => {
-      let val = +interpolations[i++](input);
-      if (shouldRound) {
-        val = i < 4 ? Math.round(val) : Math.round(val * 1000) / 1000;
-      }
-      return String(val);
-    });
-  };
-}
-
-function isRgbOrRgba(range: string) {
-  return typeof range === 'string' && range.startsWith('rgb');
-}
-
-function checkPattern(arr: $ReadOnlyArray<string>) {
-  const pattern = arr[0].replace(stringShapeRegex, '');
-  for (let i = 1; i < arr.length; ++i) {
-    invariant(
-      pattern === arr[i].replace(stringShapeRegex, ''),
-      'invalid pattern ' + arr[0] + ' and ' + arr[i],
-    );
-  }
-}
-
-function findRange(input: number, inputRange: $ReadOnlyArray<number>) {
-  let i;
-  for (i = 1; i < inputRange.length - 1; ++i) {
-    if (inputRange[i] >= input) {
-      break;
-    }
-  }
-  return i - 1;
-}
-
-function checkValidInputRange(arr: $ReadOnlyArray<number>) {
-  invariant(arr.length >= 2, 'inputRange must have at least 2 elements');
-  const message =
-    'inputRange must be monotonically non-decreasing ' + String(arr);
-  for (let i = 1; i < arr.length; ++i) {
-    invariant(arr[i] >= arr[i - 1], message);
-  }
-}
-
-function checkInfiniteRange(name: string, arr: $ReadOnlyArray<number>) {
-  invariant(arr.length >= 2, name + ' must have at least 2 elements');
-  invariant(
-    arr.length !== 2 || arr[0] !== -Infinity || arr[1] !== Infinity,
-    /* $FlowFixMe[incompatible-type] (>=0.13.0) - In the addition expression
-     * below this comment, one or both of the operands may be something that
-     * doesn't cleanly convert to a string, like undefined, null, and object,
-     * etc. If you really mean this implicit string conversion, you can do
-     * something like String(myThing) */
-    name + 'cannot be ]-infinity;+infinity[ ' + arr,
-  );
-}
-
-class AnimatedInterpolation extends AnimatedWithChildren {
-  // Export for testing.
-  static __createInterpolation: (
-    config: InterpolationConfigType,
-  ) => (input: number) => number | string = createInterpolation;
-
-  _parent: AnimatedNode;
-  _config: InterpolationConfigType;
-  _interpolation: (input: number) => number | string;
-
-  constructor(parent: AnimatedNode, config: InterpolationConfigType) {
-    super();
-    this._parent = parent;
-    this._config = config;
-    this._interpolation = createInterpolation(config);
-  }
-
-  __makeNative(platformConfig: ?PlatformConfig) {
-    this._parent.__makeNative(platformConfig);
-    super.__makeNative(platformConfig);
-  }
-
-  __getValue(): number | string {
-    const parentValue: number = this._parent.__getValue();
-    invariant(
-      typeof parentValue === 'number',
-      'Cannot interpolate an input which is not a number.',
-    );
-    return this._interpolation(parentValue);
-  }
-
-  interpolate(config: InterpolationConfigType): AnimatedInterpolation {
-    return new AnimatedInterpolation(this, config);
-  }
-
-  __attach(): void {
-    this._parent.__addChild(this);
-  }
-
-  __detach(): void {
-    this._parent.__removeChild(this);
-    super.__detach();
-  }
-
-  __transformDataType(range: Array<any>): Array<any> {
-    return range.map(NativeAnimatedHelper.transformDataType);
-  }
-
-  __getNativeConfig(): any {
-    if (__DEV__) {
-      NativeAnimatedHelper.validateInterpolation(this._config);
-    }
-
-    return {
-      inputRange: this._config.inputRange,
-      // Only the `outputRange` can contain strings so we don't need to transform `inputRange` here
-      /* $FlowFixMe[incompatible-call] (>=0.38.0) - Flow error detected during
-       * the deployment of v0.38.0. To see the error, remove this comment and
-       * run flow */
-      outputRange: this.__transformDataType(this._config.outputRange),
-      extrapolateLeft:
-        this._config.extrapolateLeft || this._config.extrapolate || 'extend',
-      extrapolateRight:
-        this._config.extrapolateRight || this._config.extrapolate || 'extend',
-      type: 'interpolation',
-    };
-  }
-}
-
-module.exports = AnimatedInterpolation;

Libraries/Animated/nodes/AnimatedStyle.js

@@ -1,129 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow
- * @format
- */
-
-'use strict';
-
-const AnimatedNode = require('./AnimatedNode');
-const AnimatedTransform = require('./AnimatedTransform');
-const AnimatedWithChildren = require('./AnimatedWithChildren');
-const NativeAnimatedHelper = require('../NativeAnimatedHelper');
-
-const flattenStyle = require('../../StyleSheet/flattenStyle');
-
-import type {PlatformConfig} from '../AnimatedPlatformConfig';
-
-class AnimatedStyle extends AnimatedWithChildren {
-  _style: Object;
-
-  constructor(style: any) {
-    super();
-    style = flattenStyle(style) || {};
-    if (style.transform) {
-      style = {
-        ...style,
-        transform: new AnimatedTransform(style.transform),
-      };
-    }
-    this._style = style;
-  }
-
-  // Recursively get values for nested styles (like iOS's shadowOffset)
-  _walkStyleAndGetValues(style: any) {
-    const updatedStyle = {};
-    for (const key in style) {
-      const value = style[key];
-      if (value instanceof AnimatedNode) {
-        if (!value.__isNative) {
-          // We cannot use value of natively driven nodes this way as the value we have access from
-          // JS may not be up to date.
-          updatedStyle[key] = value.__getValue();
-        }
-      } else if (value && !Array.isArray(value) && typeof value === 'object') {
-        // Support animating nested values (for example: shadowOffset.height)
-        updatedStyle[key] = this._walkStyleAndGetValues(value);
-      } else {
-        updatedStyle[key] = value;
-      }
-    }
-    return updatedStyle;
-  }
-
-  __getValue(): Object {
-    return this._walkStyleAndGetValues(this._style);
-  }
-
-  // Recursively get animated values for nested styles (like iOS's shadowOffset)
-  _walkStyleAndGetAnimatedValues(style: any) {
-    const updatedStyle = {};
-    for (const key in style) {
-      const value = style[key];
-      if (value instanceof AnimatedNode) {
-        updatedStyle[key] = value.__getAnimatedValue();
-      } else if (value && !Array.isArray(value) && typeof value === 'object') {
-        // Support animating nested values (for example: shadowOffset.height)
-        updatedStyle[key] = this._walkStyleAndGetAnimatedValues(value);
-      }
-    }
-    return updatedStyle;
-  }
-
-  __getAnimatedValue(): Object {
-    return this._walkStyleAndGetAnimatedValues(this._style);
-  }
-
-  __attach(): void {
-    for (const key in this._style) {
-      const value = this._style[key];
-      if (value instanceof AnimatedNode) {
-        value.__addChild(this);
-      }
-    }
-  }
-
-  __detach(): void {
-    for (const key in this._style) {
-      const value = this._style[key];
-      if (value instanceof AnimatedNode) {
-        value.__removeChild(this);
-      }
-    }
-    super.__detach();
-  }
-
-  __makeNative(platformConfig: ?PlatformConfig) {
-    for (const key in this._style) {
-      const value = this._style[key];
-      if (value instanceof AnimatedNode) {
-        value.__makeNative(platformConfig);
-      }
-    }
-    super.__makeNative(platformConfig);
-  }
-
-  __getNativeConfig(): Object {
-    const styleConfig = {};
-    for (const styleKey in this._style) {
-      if (this._style[styleKey] instanceof AnimatedNode) {
-        const style = this._style[styleKey];
-        style.__makeNative(this.__getPlatformConfig());
-        styleConfig[styleKey] = style.__getNativeTag();
-      }
-      // Non-animated styles are set using `setNativeProps`, no need
-      // to pass those as a part of the node config
-    }
-    NativeAnimatedHelper.validateStyles(styleConfig);
-    return {
-      type: 'style',
-      style: styleConfig,
-    };
-  }
-}
-
-module.exports = AnimatedStyle;

Libraries/Animated/nodes/AnimatedTransform.js

@@ -1,123 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow
- * @format
- */
-
-'use strict';
-
-const AnimatedNode = require('./AnimatedNode');
-const AnimatedWithChildren = require('./AnimatedWithChildren');
-const NativeAnimatedHelper = require('../NativeAnimatedHelper');
-
-import type {PlatformConfig} from '../AnimatedPlatformConfig';
-
-class AnimatedTransform extends AnimatedWithChildren {
-  _transforms: $ReadOnlyArray<Object>;
-
-  constructor(transforms: $ReadOnlyArray<Object>) {
-    super();
-    this._transforms = transforms;
-  }
-
-  __makeNative(platformConfig: ?PlatformConfig) {
-    this._transforms.forEach(transform => {
-      for (const key in transform) {
-        const value = transform[key];
-        if (value instanceof AnimatedNode) {
-          value.__makeNative(platformConfig);
-        }
-      }
-    });
-    super.__makeNative(platformConfig);
-  }
-
-  __getValue(): $ReadOnlyArray<Object> {
-    return this._transforms.map(transform => {
-      const result = {};
-      for (const key in transform) {
-        const value = transform[key];
-        if (value instanceof AnimatedNode) {
-          result[key] = value.__getValue();
-        } else {
-          result[key] = value;
-        }
-      }
-      return result;
-    });
-  }
-
-  __getAnimatedValue(): $ReadOnlyArray<Object> {
-    return this._transforms.map(transform => {
-      const result = {};
-      for (const key in transform) {
-        const value = transform[key];
-        if (value instanceof AnimatedNode) {
-          result[key] = value.__getAnimatedValue();
-        } else {
-          // All transform components needed to recompose matrix
-          result[key] = value;
-        }
-      }
-      return result;
-    });
-  }
-
-  __attach(): void {
-    this._transforms.forEach(transform => {
-      for (const key in transform) {
-        const value = transform[key];
-        if (value instanceof AnimatedNode) {
-          value.__addChild(this);
-        }
-      }
-    });
-  }
-
-  __detach(): void {
-    this._transforms.forEach(transform => {
-      for (const key in transform) {
-        const value = transform[key];
-        if (value instanceof AnimatedNode) {
-          value.__removeChild(this);
-        }
-      }
-    });
-    super.__detach();
-  }
-
-  __getNativeConfig(): any {
-    const transConfigs = [];
-
-    this._transforms.forEach(transform => {
-      for (const key in transform) {
-        const value = transform[key];
-        if (value instanceof AnimatedNode) {
-          transConfigs.push({
-            type: 'animated',
-            property: key,
-            nodeTag: value.__getNativeTag(),
-          });
-        } else {
-          transConfigs.push({
-            type: 'static',
-            property: key,
-            value: NativeAnimatedHelper.transformDataType(value),
-          });
-        }
-      }
-    });
-
-    NativeAnimatedHelper.validateTransform(transConfigs);
-    return {
-      type: 'transform',
-      transforms: transConfigs,
-    };
-  }
-}
-
-module.exports = AnimatedTransform;

Libraries/AppState/AppState.js

@@ -1,164 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow strict-local
- * @format
- */
-
-import {type EventSubscription} from '../vendor/emitter/EventEmitter';
-import NativeEventEmitter from '../EventEmitter/NativeEventEmitter';
-import logError from '../Utilities/logError';
-import NativeAppState from './NativeAppState';
-import Platform from '../Utilities/Platform';
-
-export type AppStateValues = 'inactive' | 'background' | 'active';
-
-type AppStateEventDefinitions = {
-  change: [AppStateValues],
-  memoryWarning: [],
-  blur: [],
-  focus: [],
-};
-
-type NativeAppStateEventDefinitions = {
-  appStateDidChange: [{app_state: AppStateValues}],
-  appStateFocusChange: [boolean],
-  memoryWarning: [],
-};
-
-/**
- * `AppState` can tell you if the app is in the foreground or background,
- * and notify you when the state changes.
- *
- * See https://reactnative.dev/docs/appstate
- */
-class AppState {
-  currentState: ?string = null;
-  isAvailable: boolean;
-
-  _emitter: ?NativeEventEmitter<NativeAppStateEventDefinitions>;
-
-  constructor() {
-    if (NativeAppState == null) {
-      this.isAvailable = false;
-    } else {
-      this.isAvailable = true;
-
-      const emitter: NativeEventEmitter<NativeAppStateEventDefinitions> =
-        new NativeEventEmitter(
-          // T88715063: NativeEventEmitter only used this parameter on iOS. Now it uses it on all platforms, so this code was modified automatically to preserve its behavior
-          // If you want to use the native module on other platforms, please remove this condition and test its behavior
-          Platform.OS !== 'ios' ? null : NativeAppState,
-        );
-      this._emitter = emitter;
-
-      this.currentState = NativeAppState.getConstants().initialAppState;
-
-      let eventUpdated = false;
-
-      // TODO: this is a terrible solution - in order to ensure `currentState`
-      // prop is up to date, we have to register an observer that updates it
-      // whenever the state changes, even if nobody cares. We should just
-      // deprecate the `currentState` property and get rid of this.
-      emitter.addListener('appStateDidChange', appStateData => {
-        eventUpdated = true;
-        this.currentState = appStateData.app_state;
-      });
-
-      // TODO: see above - this request just populates the value of `currentState`
-      // when the module is first initialized. Would be better to get rid of the
-      // prop and expose `getCurrentAppState` method directly.
-      // $FlowExpectedError[incompatible-call]
-      NativeAppState.getCurrentAppState(appStateData => {
-        // It's possible that the state will have changed here & listeners need to be notified
-        if (!eventUpdated && this.currentState !== appStateData.app_state) {
-          this.currentState = appStateData.app_state;
-          emitter.emit('appStateDidChange', appStateData);
-        }
-      }, logError);
-    }
-  }
-
-  // TODO: now that AppState is a subclass of NativeEventEmitter, we could
-  // deprecate `addEventListener` and `removeEventListener` and just use
-  // addListener` and `listener.remove()` directly. That will be a breaking
-  // change though, as both the method and event names are different
-  // (addListener events are currently required to be globally unique).
-  /**
-   * Add a handler to AppState changes by listening to the `change` event type
-   * and providing the handler.
-   *
-   * See https://reactnative.dev/docs/appstate#addeventlistener
-   */
-  addEventListener<K: $Keys<AppStateEventDefinitions>>(
-    type: K,
-    handler: (...$ElementType<AppStateEventDefinitions, K>) => void,
-  ): EventSubscription {
-    const emitter = this._emitter;
-    if (emitter == null) {
-      throw new Error('Cannot use AppState when `isAvailable` is false.');
-    }
-    switch (type) {
-      case 'change':
-        // $FlowIssue[invalid-tuple-arity] Flow cannot refine handler based on the event type
-        const changeHandler: AppStateValues => void = handler;
-        return emitter.addListener('appStateDidChange', appStateData => {
-          changeHandler(appStateData.app_state);
-        });
-      case 'memoryWarning':
-        // $FlowIssue[invalid-tuple-arity] Flow cannot refine handler based on the event type
-        const memoryWarningHandler: () => void = handler;
-        return emitter.addListener('memoryWarning', memoryWarningHandler);
-      case 'blur':
-      case 'focus':
-        // $FlowIssue[invalid-tuple-arity] Flow cannot refine handler based on the event type
-        const focusOrBlurHandler: () => void = handler;
-        return emitter.addListener('appStateFocusChange', hasFocus => {
-          if (type === 'blur' && !hasFocus) {
-            focusOrBlurHandler();
-          }
-          if (type === 'focus' && hasFocus) {
-            focusOrBlurHandler();
-          }
-        });
-    }
-    throw new Error('Trying to subscribe to unknown event: ' + type);
-  }
-
-  /**
-   * @deprecated Use `remove` on the EventSubscription from `addEventListener`.
-   */
-  removeEventListener<K: $Keys<AppStateEventDefinitions>>(
-    type: K,
-    listener: (...$ElementType<AppStateEventDefinitions, K>) => mixed,
-  ): void {
-    const emitter = this._emitter;
-    if (emitter == null) {
-      throw new Error('Cannot use AppState when `isAvailable` is false.');
-    }
-    // NOTE: This will report a deprecation notice via `console.error`.
-    switch (type) {
-      case 'change':
-        // $FlowIssue[invalid-tuple-arity] Flow cannot refine handler based on the event type
-        // $FlowIssue[incompatible-call]
-        emitter.removeListener('appStateDidChange', listener);
-        return;
-      case 'memoryWarning':
-        // $FlowIssue[invalid-tuple-arity] Flow cannot refine handler based on the event type
-        emitter.removeListener('memoryWarning', listener);
-        return;
-      case 'blur':
-      case 'focus':
-        // $FlowIssue[invalid-tuple-arity] Flow cannot refine handler based on the event type
-        // $FlowIssue[incompatible-call]
-        emitter.removeListener('appStateFocusChange', listener);
-        return;
-    }
-    throw new Error('Trying to unsubscribe from unknown event: ' + type);
-  }
-}
-
-module.exports = (new AppState(): AppState);

Libraries/Blob/RCTBlobCollector.mm

@@ -1,52 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-#import "RCTBlobCollector.h"
-
-#import <React/RCTBridge+Private.h>
-#import <React/RCTBlobManager.h>
-
-namespace facebook {
-namespace react {
-
-RCTBlobCollector::RCTBlobCollector(RCTBlobManager *blobManager, const std::string &blobId)
-: blobId_(blobId), blobManager_(blobManager) {}
-
-RCTBlobCollector::~RCTBlobCollector() {
-  RCTBlobManager *blobManager = blobManager_;
-  NSString *blobId = [NSString stringWithUTF8String:blobId_.c_str()];
-  dispatch_async([blobManager_ methodQueue], ^{
-    [blobManager remove:blobId];
-  });
-}
-
-void RCTBlobCollector::install(RCTBlobManager *blobManager) {
-  __weak RCTCxxBridge *cxxBridge = (RCTCxxBridge *)blobManager.bridge;
-  [cxxBridge dispatchBlock:^{
-    if (!cxxBridge || cxxBridge.runtime == nullptr) {
-      return;
-    }
-    jsi::Runtime &runtime = *(jsi::Runtime *)cxxBridge.runtime;
-    runtime.global().setProperty(
-      runtime,
-      "__blobCollectorProvider",
-      jsi::Function::createFromHostFunction(
-        runtime,
-        jsi::PropNameID::forAscii(runtime, "__blobCollectorProvider"),
-        1,
-        [blobManager](jsi::Runtime& rt, const jsi::Value& thisVal, const jsi::Value* args, size_t count) {
-          auto blobId = args[0].asString(rt).utf8(rt);
-          auto blobCollector = std::make_shared<RCTBlobCollector>(blobManager, blobId);
-          return jsi::Object::createFromHostObject(rt, blobCollector);
-        }
-      )
-    );
-  } queue:RCTJSThread];
-}
-
-} // namespace react
-} // namespace facebook

Libraries/Blob/RCTFileReaderModule.mm

@@ -1,84 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-
-#import <React/RCTFileReaderModule.h>
-
-#import <FBReactNativeSpec/FBReactNativeSpec.h>
-#import <React/RCTBridge.h>
-#import <React/RCTConvert.h>
-
-#import <React/RCTBlobManager.h>
-
-#import "RCTBlobPlugins.h"
-
-@interface RCTFileReaderModule() <NativeFileReaderModuleSpec>
-@end
-
-@implementation RCTFileReaderModule
-
-RCT_EXPORT_MODULE(FileReaderModule)
-
-@synthesize moduleRegistry = _moduleRegistry;
-
-RCT_EXPORT_METHOD(readAsText:(NSDictionary<NSString *, id> *)blob
-                  encoding:(NSString *)encoding
-                  resolve:(RCTPromiseResolveBlock)resolve
-                  reject:(RCTPromiseRejectBlock)reject)
-{
-  RCTBlobManager *blobManager = [_moduleRegistry moduleForName:"BlobModule"];
-  NSData *data = [blobManager resolve:blob];
-
-  if (data == nil) {
-    reject(RCTErrorUnspecified,
-           [NSString stringWithFormat:@"Unable to resolve data for blob: %@", [RCTConvert NSString:blob[@"blobId"]]], nil);
-  } else {
-    NSStringEncoding stringEncoding;
-
-    if (encoding == nil) {
-      stringEncoding = NSUTF8StringEncoding;
-    } else {
-      stringEncoding = CFStringConvertEncodingToNSStringEncoding(CFStringConvertIANACharSetNameToEncoding((CFStringRef) encoding));
-    }
-
-    NSString *text = [[NSString alloc] initWithData:data encoding:stringEncoding];
-
-    resolve(text);
-  }
-}
-
-RCT_EXPORT_METHOD(readAsDataURL:(NSDictionary<NSString *, id> *)blob
-                  resolve:(RCTPromiseResolveBlock)resolve
-                  reject:(RCTPromiseRejectBlock)reject)
-{
-  RCTBlobManager *blobManager = [_moduleRegistry moduleForName:"BlobModule"];
-  NSData *data = [blobManager resolve:blob];
-
-  if (data == nil) {
-    reject(RCTErrorUnspecified,
-           [NSString stringWithFormat:@"Unable to resolve data for blob: %@", [RCTConvert NSString:blob[@"blobId"]]], nil);
-  } else {
-    NSString *type = [RCTConvert NSString:blob[@"type"]];
-    NSString *text = [NSString stringWithFormat:@"data:%@;base64,%@",
-                      type != nil && [type length] > 0 ? type : @"application/octet-stream",
-                      [data base64EncodedStringWithOptions:0]];
-
-    resolve(text);
-  }
-}
-
-- (std::shared_ptr<facebook::react::TurboModule>)getTurboModule:(const facebook::react::ObjCTurboModule::InitParams &)params
-{
-  return std::make_shared<facebook::react::NativeFileReaderModuleSpecJSI>(params);
-}
-
-@end
-
-Class RCTFileReaderModuleCls(void)
-{
-  return RCTFileReaderModule.class;
-}

Libraries/Blob/React-RCTBlob.podspec

@@ -1,49 +0,0 @@
-# Copyright (c) Meta Platforms, Inc. and affiliates.
-#
-# This source code is licensed under the MIT license found in the
-# LICENSE file in the root directory of this source tree.
-
-require "json"
-
-package = JSON.parse(File.read(File.join(__dir__, "..", "..", "package.json")))
-version = package['version']
-
-source = { :git => 'https://github.com/facebook/react-native.git' }
-if version == '1000.0.0'
-  # This is an unpublished version, use the latest commit hash of the react-native repo, which we’re presumably in.
-  source[:commit] = `git rev-parse HEAD`.strip if system("git rev-parse --git-dir > /dev/null 2>&1")
-else
-  source[:tag] = "v#{version}"
-end
-
-folly_compiler_flags = '-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -Wno-comma -Wno-shorten-64-to-32'
-folly_version = '2021.06.28.00-v2'
-
-Pod::Spec.new do |s|
-  s.name                   = "React-RCTBlob"
-  s.version                = version
-  s.summary                = "An API for displaying iOS action sheets and share sheets."
-  s.homepage               = "https://reactnative.dev/"
-  s.license                = package["license"]
-  s.author                 = "Facebook, Inc. and its affiliates"
-  s.platforms              = { :ios => "12.4" }
-  s.compiler_flags         = folly_compiler_flags + ' -Wno-nullability-completeness'
-  s.source                 = source
-  s.source_files           = "*.{h,m,mm}"
-  s.preserve_paths         = "package.json", "LICENSE", "LICENSE-docs"
-  s.header_dir             = "RCTBlob"
-  s.pod_target_xcconfig    = {
-                               "USE_HEADERMAP" => "YES",
-                               "CLANG_CXX_LANGUAGE_STANDARD" => "c++17",
-                               "HEADER_SEARCH_PATHS" => "\"$(PODS_ROOT)/RCT-Folly\" \"${PODS_ROOT}/Headers/Public/React-Codegen/react/renderer/components\" \"${PODS_CONFIGURATION_BUILD_DIR}/React-Codegen/React_Codegen.framework/Headers\""
-                             }
-
-  s.dependency "RCT-Folly", folly_version
-  s.dependency "React-Codegen", version
-  s.dependency "ReactCommon/turbomodule/core", version
-  s.dependency "React-jsi", version
-  s.dependency "React-Core/RCTBlobHeaders", version
-  s.dependency "React-Core/RCTWebSocket", version
-  s.dependency "React-RCTNetwork", version
-  s.dependency "React-jsi", version
-end

Libraries/Blob/__tests__/FileReader-test.js

@@ -1,41 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- * @emails oncall+react_native
- */
-
-'use strict';
-
-jest.unmock('event-target-shim').setMock('../../BatchedBridge/NativeModules', {
-  BlobModule: require('../__mocks__/BlobModule'),
-  FileReaderModule: require('../__mocks__/FileReaderModule'),
-});
-
-const Blob = require('../Blob');
-const FileReader = require('../FileReader');
-
-describe('FileReader', function () {
-  it('should read blob as text', async () => {
-    const e = await new Promise((resolve, reject) => {
-      const reader = new FileReader();
-      reader.onload = resolve;
-      reader.onerror = reject;
-      reader.readAsText(new Blob());
-    });
-    expect(e.target.result).toBe('');
-  });
-
-  it('should read blob as data URL', async () => {
-    const e = await new Promise((resolve, reject) => {
-      const reader = new FileReader();
-      reader.onload = resolve;
-      reader.onerror = reject;
-      reader.readAsDataURL(new Blob());
-    });
-    expect(e.target.result).toBe('data:text/plain;base64,NDI=');
-  });
-});

Libraries/Components/DatePicker/DatePickerIOS.android.js

@@ -1,45 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- */
-
-'use strict';
-import * as React from 'react';
-import StyleSheet from '../../StyleSheet/StyleSheet';
-import Text from '../../Text/Text';
-import View from '../View/View';
-
-class DummyDatePickerIOS extends React.Component {
-  render() {
-    return (
-      <View style={[styles.dummyDatePickerIOS, this.props.style]}>
-        <Text style={styles.datePickerText}>
-          DatePickerIOS is not supported on this platform!
-        </Text>
-      </View>
-    );
-  }
-}
-
-const styles = StyleSheet.create({
-  dummyDatePickerIOS: {
-    height: 100,
-    width: 300,
-    backgroundColor: '#ffbcbc',
-    borderWidth: 1,
-    borderColor: 'red',
-    alignItems: 'center',
-    justifyContent: 'center',
-    margin: 10,
-  },
-  datePickerText: {
-    color: '#333333',
-    margin: 20,
-  },
-});
-
-module.exports = DummyDatePickerIOS;

Libraries/Components/DatePicker/DatePickerIOS.ios.js

@@ -1,241 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- * @flow strict-local
- */
-
-// This is a controlled component version of RCTDatePickerIOS.
-
-import * as React from 'react';
-import RCTDatePickerNativeComponent, {
-  Commands as DatePickerCommands,
-} from './RCTDatePickerNativeComponent';
-import StyleSheet from '../../StyleSheet/StyleSheet';
-import View from '../View/View';
-import invariant from 'invariant';
-
-import type {SyntheticEvent} from '../../Types/CoreEventTypes';
-import type {ViewProps} from '../View/ViewPropTypes';
-
-type Event = SyntheticEvent<
-  $ReadOnly<{|
-    timestamp: number,
-  |}>,
->;
-
-type Props = $ReadOnly<{|
-  ...ViewProps,
-
-  /**
-   * The currently selected date.
-   */
-  date?: ?Date,
-
-  /**
-   * Provides an initial value that will change when the user starts selecting
-   * a date. It is useful for simple use-cases where you do not want to deal
-   * with listening to events and updating the date prop to keep the
-   * controlled state in sync. The controlled state has known bugs which
-   * causes it to go out of sync with native. The initialDate prop is intended
-   * to allow you to have native be source of truth.
-   */
-  initialDate?: ?Date,
-
-  /**
-   * The date picker locale.
-   */
-  locale?: ?string,
-
-  /**
-   * Maximum date.
-   *
-   * Restricts the range of possible date/time values.
-   */
-  maximumDate?: ?Date,
-
-  /**
-   * Minimum date.
-   *
-   * Restricts the range of possible date/time values.
-   */
-  minimumDate?: ?Date,
-
-  /**
-   * The interval at which minutes can be selected.
-   */
-  minuteInterval?: ?(1 | 2 | 3 | 4 | 5 | 6 | 10 | 12 | 15 | 20 | 30),
-
-  /**
-   * The date picker mode.
-   */
-  mode?: ?('date' | 'time' | 'datetime'),
-
-  /**
-   * Date change handler.
-   *
-   * This is called when the user changes the date or time in the UI.
-   * The first and only argument is an Event. For getting the date the picker
-   * was changed to, use onDateChange instead.
-   */
-  onChange?: ?(event: Event) => void,
-
-  /**
-   * Date change handler.
-   *
-   * This is called when the user changes the date or time in the UI.
-   * The first and only argument is a Date object representing the new
-   * date and time.
-   */
-  onDateChange: (date: Date) => void,
-
-  /**
-   * Timezone offset in minutes.
-   *
-   * By default, the date picker will use the device's timezone. With this
-   * parameter, it is possible to force a certain timezone offset. For
-   * instance, to show times in Pacific Standard Time, pass -7 * 60.
-   */
-  timeZoneOffsetInMinutes?: ?number,
-
-  /**
-   * The date picker style
-   * This is only available on devices with iOS 14.0 and later.
-   * 'spinner' is the default style if this prop isn't set.
-   */
-  pickerStyle?: ?('compact' | 'spinner' | 'inline'),
-|}>;
-
-/**
- * Use `DatePickerIOS` to render a date/time picker (selector) on iOS.  This is
- * a controlled component, so you must hook in to the `onDateChange` callback
- * and update the `date` prop in order for the component to update, otherwise
- * the user's change will be reverted immediately to reflect `props.date` as the
- * source of truth.
- */
-class DatePickerIOS extends React.Component<Props> {
-  _picker: ?React.ElementRef<typeof RCTDatePickerNativeComponent> = null;
-
-  componentDidUpdate() {
-    if (this.props.date) {
-      const propsTimeStamp = this.props.date.getTime();
-      if (this._picker) {
-        DatePickerCommands.setNativeDate(this._picker, propsTimeStamp);
-      }
-    }
-  }
-
-  _onChange = (event: Event) => {
-    const nativeTimeStamp = event.nativeEvent.timestamp;
-    this.props.onDateChange &&
-      this.props.onDateChange(new Date(nativeTimeStamp));
-    this.props.onChange && this.props.onChange(event);
-    this.forceUpdate();
-  };
-
-  render(): React.Node {
-    const props = this.props;
-    const mode = props.mode ?? 'datetime';
-    invariant(
-      props.date || props.initialDate,
-      'A selected date or initial date should be specified.',
-    );
-    return (
-      <View style={props.style}>
-        <RCTDatePickerNativeComponent
-          testID={props.testID}
-          ref={picker => {
-            this._picker = picker;
-          }}
-          style={getHeight(props.pickerStyle, mode)}
-          date={
-            props.date
-              ? props.date.getTime()
-              : props.initialDate
-              ? props.initialDate.getTime()
-              : undefined
-          }
-          locale={
-            props.locale != null && props.locale !== ''
-              ? props.locale
-              : undefined
-          }
-          maximumDate={
-            props.maximumDate ? props.maximumDate.getTime() : undefined
-          }
-          minimumDate={
-            props.minimumDate ? props.minimumDate.getTime() : undefined
-          }
-          mode={mode}
-          minuteInterval={props.minuteInterval}
-          timeZoneOffsetInMinutes={props.timeZoneOffsetInMinutes}
-          onChange={this._onChange}
-          onStartShouldSetResponder={() => true}
-          onResponderTerminationRequest={() => false}
-          pickerStyle={props.pickerStyle}
-        />
-      </View>
-    );
-  }
-}
-
-const inlineHeightForDatePicker = 318.5;
-const inlineHeightForTimePicker = 49.5;
-const compactHeight = 40;
-const spinnerHeight = 216;
-
-const styles = StyleSheet.create({
-  datePickerIOS: {
-    height: spinnerHeight,
-  },
-  datePickerIOSCompact: {
-    height: compactHeight,
-  },
-  datePickerIOSInline: {
-    height: inlineHeightForDatePicker + inlineHeightForTimePicker * 2,
-  },
-  datePickerIOSInlineDate: {
-    height: inlineHeightForDatePicker + inlineHeightForTimePicker,
-  },
-  datePickerIOSInlineTime: {
-    height: inlineHeightForTimePicker,
-  },
-});
-
-function getHeight(
-  pickerStyle: ?(
-    | 'compact'
-    | 'inline'
-    | 'spinner'
-    | $TEMPORARY$string<'compact'>
-    | $TEMPORARY$string<'inline'>
-    | $TEMPORARY$string<'spinner'>
-  ),
-  mode:
-    | 'date'
-    | 'datetime'
-    | 'time'
-    | $TEMPORARY$string<'date'>
-    | $TEMPORARY$string<'datetime'>
-    | $TEMPORARY$string<'time'>,
-) {
-  if (pickerStyle === 'compact') {
-    return styles.datePickerIOSCompact;
-  }
-  if (pickerStyle === 'inline') {
-    switch (mode) {
-      case 'date':
-        return styles.datePickerIOSInlineDate;
-      case 'time':
-        return styles.datePickerIOSInlineTime;
-      default:
-        return styles.datePickerIOSInline;
-    }
-  }
-  return styles.datePickerIOS;
-}
-
-module.exports = DatePickerIOS;

Libraries/Components/DatePicker/RCTDatePickerNativeComponent.js

@@ -1,59 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- * @flow strict-local
- */
-
-import type {HostComponent} from '../../Renderer/shims/ReactNativeTypes';
-import type {ViewProps} from '../View/ViewPropTypes';
-import codegenNativeCommands from 'react-native/Libraries/Utilities/codegenNativeCommands';
-import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
-import * as React from 'react';
-import type {
-  Float,
-  WithDefault,
-  BubblingEventHandler,
-} from 'react-native/Libraries/Types/CodegenTypes';
-
-type Event = $ReadOnly<{|
-  timestamp: Float,
-|}>;
-
-type NativeProps = $ReadOnly<{|
-  ...ViewProps,
-  date?: ?Float,
-  initialDate?: ?Float,
-  locale?: ?string,
-  maximumDate?: ?Float,
-  minimumDate?: ?Float,
-  minuteInterval?: WithDefault<
-    1 | 2 | 3 | 4 | 5 | 6 | 10 | 12 | 15 | 20 | 30,
-    1,
-  >,
-  mode?: WithDefault<'date' | 'time' | 'datetime', 'date'>,
-  onChange?: ?BubblingEventHandler<Event>,
-  timeZoneOffsetInMinutes?: ?Float,
-  pickerStyle?: WithDefault<'compact' | 'spinner' | 'inline', 'spinner'>,
-|}>;
-
-type ComponentType = HostComponent<NativeProps>;
-
-interface NativeCommands {
-  +setNativeDate: (
-    viewRef: React.ElementRef<ComponentType>,
-    date: Float,
-  ) => void;
-}
-
-export const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({
-  supportedCommands: ['setNativeDate'],
-});
-
-export default (codegenNativeComponent<NativeProps>('DatePicker', {
-  paperComponentName: 'RCTDatePicker',
-  excludedPlatforms: ['android'],
-}): HostComponent<NativeProps>);

Libraries/Components/DatePicker/__tests__/DatePickerIOS-test.js

@@ -1,49 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- * @emails oncall+react_native
- * @flow
- */
-
-'use strict';
-
-const React = require('react');
-const DatePickerIOS = require('../DatePickerIOS');
-
-const ReactNativeTestTools = require('../../../Utilities/ReactNativeTestTools');
-
-describe('DatePickerIOS', () => {
-  it('should render as expected', () => {
-    ReactNativeTestTools.expectRendersMatchingSnapshot(
-      'DatePickerIOS',
-      () => (
-        <DatePickerIOS
-          date={new Date(1555883690956)}
-          mode="date"
-          onDateChange={jest.fn()}
-        />
-      ),
-      () => {
-        jest.dontMock('../DatePickerIOS');
-      },
-    );
-  });
-  it('should render DatePicker with the datetime mode if no mode is passed inside the props', () => {
-    ReactNativeTestTools.expectRendersMatchingSnapshot(
-      'DatePickerIOS',
-      () => (
-        <DatePickerIOS
-          date={new Date(1555883690956)}
-          onDateChange={jest.fn()}
-        />
-      ),
-      () => {
-        jest.dontMock('../DatePickerIOS');
-      },
-    );
-  });
-});

Libraries/Components/DatePicker/__tests__/__snapshots__/DatePickerIOS-test.js.snap

@@ -1,99 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`DatePickerIOS should render DatePicker with the datetime mode if no mode is passed inside the props: should deep render when mocked (please verify output manually) 1`] = `
-<View>
-  <RCTDatePicker
-    date={1555883690956}
-    mode="datetime"
-    onChange={[Function]}
-    onResponderTerminationRequest={[Function]}
-    onStartShouldSetResponder={[Function]}
-    style={
-      Object {
-        "height": 216,
-      }
-    }
-  />
-</View>
-`;
-
-exports[`DatePickerIOS should render DatePicker with the datetime mode if no mode is passed inside the props: should deep render when not mocked (please verify output manually) 1`] = `
-<View>
-  <RCTDatePicker
-    date={1555883690956}
-    mode="datetime"
-    onChange={[Function]}
-    onResponderTerminationRequest={[Function]}
-    onStartShouldSetResponder={[Function]}
-    style={
-      Object {
-        "height": 216,
-      }
-    }
-  />
-</View>
-`;
-
-exports[`DatePickerIOS should render DatePicker with the datetime mode if no mode is passed inside the props: should shallow render as <DatePickerIOS /> when mocked 1`] = `
-<DatePickerIOS
-  date={2019-04-21T21:54:50.956Z}
-  onDateChange={[MockFunction]}
-/>
-`;
-
-exports[`DatePickerIOS should render DatePicker with the datetime mode if no mode is passed inside the props: should shallow render as <DatePickerIOS /> when not mocked 1`] = `
-<DatePickerIOS
-  date={2019-04-21T21:54:50.956Z}
-  onDateChange={[MockFunction]}
-/>
-`;
-
-exports[`DatePickerIOS should render as expected: should deep render when mocked (please verify output manually) 1`] = `
-<View>
-  <RCTDatePicker
-    date={1555883690956}
-    mode="date"
-    onChange={[Function]}
-    onResponderTerminationRequest={[Function]}
-    onStartShouldSetResponder={[Function]}
-    style={
-      Object {
-        "height": 216,
-      }
-    }
-  />
-</View>
-`;
-
-exports[`DatePickerIOS should render as expected: should deep render when not mocked (please verify output manually) 1`] = `
-<View>
-  <RCTDatePicker
-    date={1555883690956}
-    mode="date"
-    onChange={[Function]}
-    onResponderTerminationRequest={[Function]}
-    onStartShouldSetResponder={[Function]}
-    style={
-      Object {
-        "height": 216,
-      }
-    }
-  />
-</View>
-`;
-
-exports[`DatePickerIOS should render as expected: should shallow render as <DatePickerIOS /> when mocked 1`] = `
-<DatePickerIOS
-  date={2019-04-21T21:54:50.956Z}
-  mode="date"
-  onDateChange={[MockFunction]}
-/>
-`;
-
-exports[`DatePickerIOS should render as expected: should shallow render as <DatePickerIOS /> when not mocked 1`] = `
-<DatePickerIOS
-  date={2019-04-21T21:54:50.956Z}
-  mode="date"
-  onDateChange={[MockFunction]}
-/>
-`;

Libraries/Components/DatePickerAndroid/NativeDatePickerAndroid.js

@@ -1,25 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow
- * @format
- */
-
-import type {TurboModule} from '../../TurboModule/RCTExport';
-import * as TurboModuleRegistry from '../../TurboModule/TurboModuleRegistry';
-
-/**
- * This file backs native modules that are used internally at Meta
- * and this JS spec was intentionally left here. In the meanwhile this
- * file should not be deleted.
- */
-export interface Spec extends TurboModule {
-  +open: (options: Object) => Promise<Object>;
-}
-
-export default (TurboModuleRegistry.getEnforcing<Spec>(
-  'DatePickerAndroid',
-): Spec);

Libraries/Components/MaskedView/MaskedViewIOS.android.js

@@ -1,13 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- * @flow strict-local
- */
-
-'use strict';
-
-module.exports = require('../UnimplementedViews/UnimplementedView');

Libraries/Components/MaskedView/MaskedViewIOS.ios.js

@@ -1,93 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- * @flow
- */
-
-import * as React from 'react';
-import StyleSheet from '../../StyleSheet/StyleSheet';
-import View from '../View/View';
-
-import type {ViewProps} from '../View/ViewPropTypes';
-import RCTMaskedViewNativeComponent from './RCTMaskedViewNativeComponent';
-
-type Props = $ReadOnly<{|
-  ...ViewProps,
-
-  children: React.Node,
-  /**
-   * Should be a React element to be rendered and applied as the
-   * mask for the child element.
-   */
-  maskElement: React.Element<any>,
-|}>;
-
-/**
- * Renders the child view with a mask specified in the `maskElement` prop.
- *
- * ```
- * import React from 'react';
- * import { MaskedViewIOS, Text, View } from 'react-native';
- *
- * class MyMaskedView extends React.Component {
- *   render() {
- *     return (
- *       <MaskedViewIOS
- *         style={{ flex: 1 }}
- *         maskElement={
- *           <View style={styles.maskContainerStyle}>
- *             <Text style={styles.maskTextStyle}>
- *               Basic Mask
- *             </Text>
- *           </View>
- *         }
- *       >
- *         <View style={{ flex: 1, backgroundColor: 'blue' }} />
- *       </MaskedViewIOS>
- *     );
- *   }
- * }
- * ```
- *
- * The above example will render a view with a blue background that fills its
- * parent, and then mask that view with text that says "Basic Mask".
- *
- * The alpha channel of the view rendered by the `maskElement` prop determines how
- * much of the view's content and background shows through. Fully or partially
- * opaque pixels allow the underlying content to show through but fully
- * transparent pixels block that content.
- *
- */
-class MaskedViewIOS extends React.Component<Props> {
-  _hasWarnedInvalidRenderMask = false;
-
-  render(): React.Node {
-    const {maskElement, children, ...otherViewProps} = this.props;
-
-    if (!React.isValidElement(maskElement)) {
-      if (!this._hasWarnedInvalidRenderMask) {
-        console.warn(
-          'MaskedView: Invalid `maskElement` prop was passed to MaskedView. ' +
-            'Expected a React Element. No mask will render.',
-        );
-        this._hasWarnedInvalidRenderMask = true;
-      }
-      return <View {...otherViewProps}>{children}</View>;
-    }
-
-    return (
-      <RCTMaskedViewNativeComponent {...otherViewProps}>
-        <View pointerEvents="none" style={StyleSheet.absoluteFill}>
-          {maskElement}
-        </View>
-        {children}
-      </RCTMaskedViewNativeComponent>
-    );
-  }
-}
-
-module.exports = MaskedViewIOS;

Libraries/Components/MaskedView/RCTMaskedViewNativeComponent.js

@@ -1,21 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- * @flow strict-local
- */
-
-import type {ViewProps} from '../View/ViewPropTypes';
-import codegenNativeComponent from '../../Utilities/codegenNativeComponent';
-import type {HostComponent} from '../../Renderer/shims/ReactNativeTypes';
-
-type NativeProps = $ReadOnly<{|
-  ...ViewProps,
-|}>;
-
-export default (codegenNativeComponent<NativeProps>(
-  'RCTMaskedView',
-): HostComponent<NativeProps>);

Libraries/Components/MaskedView/__tests__/MaskedViewIOS-test.js

@@ -1,40 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- * @emails oncall+react_native
- * @flow strict-local
- */
-
-'use strict';
-
-const React = require('react');
-const Text = require('../../../Text/Text');
-const View = require('../../View/View');
-const MaskedViewIOS = require('../MaskedViewIOS');
-
-const ReactNativeTestTools = require('../../../Utilities/ReactNativeTestTools');
-
-describe('<MaskedViewIOS />', () => {
-  it('should render as expected', () => {
-    ReactNativeTestTools.expectRendersMatchingSnapshot(
-      'MaskedViewIOS',
-      () => (
-        <MaskedViewIOS
-          maskElement={
-            <View>
-              <Text>Basic Mask</Text>
-            </View>
-          }>
-          <View />
-        </MaskedViewIOS>
-      ),
-      () => {
-        jest.dontMock('../MaskedViewIOS');
-      },
-    );
-  });
-});

Libraries/Components/MaskedView/__tests__/__snapshots__/MaskedViewIOS-test.js.snap

@@ -1,77 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`<MaskedViewIOS /> should render as expected: should deep render when mocked (please verify output manually) 1`] = `
-<RCTMaskedView>
-  <View
-    pointerEvents="none"
-    style={
-      Object {
-        "bottom": 0,
-        "left": 0,
-        "position": "absolute",
-        "right": 0,
-        "top": 0,
-      }
-    }
-  >
-    <View>
-      <Text>
-        Basic Mask
-      </Text>
-    </View>
-  </View>
-  <View />
-</RCTMaskedView>
-`;
-
-exports[`<MaskedViewIOS /> should render as expected: should deep render when not mocked (please verify output manually) 1`] = `
-<RCTMaskedView>
-  <View
-    pointerEvents="none"
-    style={
-      Object {
-        "bottom": 0,
-        "left": 0,
-        "position": "absolute",
-        "right": 0,
-        "top": 0,
-      }
-    }
-  >
-    <View>
-      <Text>
-        Basic Mask
-      </Text>
-    </View>
-  </View>
-  <View />
-</RCTMaskedView>
-`;
-
-exports[`<MaskedViewIOS /> should render as expected: should shallow render as <MaskedViewIOS /> when mocked 1`] = `
-<MaskedViewIOS
-  maskElement={
-    <View>
-      <Text>
-        Basic Mask
-      </Text>
-    </View>
-  }
->
-  <View />
-</MaskedViewIOS>
-`;
-
-exports[`<MaskedViewIOS /> should render as expected: should shallow render as <MaskedViewIOS /> when not mocked 1`] = `
-<MaskedViewIOS
-  maskElement={
-    <View>
-      <Text>
-        Basic Mask
-      </Text>
-    </View>
-  }
->
-  <View />
-</MaskedViewIOS>
-`;

Libraries/Components/ProgressViewIOS/ProgressViewIOS.android.js

@@ -1,45 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- */
-
-'use strict';
-import * as React from 'react';
-import StyleSheet from '../../StyleSheet/StyleSheet';
-import Text from '../../Text/Text';
-import View from '../View/View';
-
-class DummyProgressViewIOS extends React.Component {
-  render() {
-    return (
-      <View style={[styles.dummy, this.props.style]}>
-        <Text style={styles.text}>
-          ProgressViewIOS is not supported on this platform!
-        </Text>
-      </View>
-    );
-  }
-}
-
-const styles = StyleSheet.create({
-  dummy: {
-    width: 120,
-    height: 20,
-    backgroundColor: '#ffbcbc',
-    borderWidth: 1,
-    borderColor: 'red',
-    alignItems: 'center',
-    justifyContent: 'center',
-  },
-  text: {
-    color: '#333333',
-    margin: 5,
-    fontSize: 10,
-  },
-});
-
-module.exports = DummyProgressViewIOS;

Libraries/Components/ProgressViewIOS/ProgressViewIOS.ios.js

@@ -1,75 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- * @flow strict-local
- */
-
-import * as React from 'react';
-import StyleSheet, {type ColorValue} from '../../StyleSheet/StyleSheet';
-
-import RCTProgressViewNativeComponent from './RCTProgressViewNativeComponent';
-import type {ImageSource} from '../../Image/ImageSource';
-import type {ViewProps} from '../View/ViewPropTypes';
-
-type Props = $ReadOnly<{|
-  ...ViewProps,
-
-  /**
-   * The progress bar style.
-   */
-  progressViewStyle?: ?('default' | 'bar'),
-
-  /**
-   * The progress value (between 0 and 1).
-   */
-  progress?: ?number,
-
-  /**
-   * The tint color of the progress bar itself.
-   */
-  progressTintColor?: ?ColorValue,
-
-  /**
-   * The tint color of the progress bar track.
-   */
-  trackTintColor?: ?ColorValue,
-
-  /**
-   * A stretchable image to display as the progress bar.
-   */
-  progressImage?: ?ImageSource,
-
-  /**
-   * A stretchable image to display behind the progress bar.
-   */
-  trackImage?: ?ImageSource,
-|}>;
-
-/**
- * Use `ProgressViewIOS` to render a UIProgressView on iOS.
- */
-const ProgressViewIOS = (
-  props: Props,
-  forwardedRef?: ?React.Ref<typeof RCTProgressViewNativeComponent>,
-) => (
-  <RCTProgressViewNativeComponent
-    {...props}
-    style={[styles.progressView, props.style]}
-    ref={forwardedRef}
-  />
-);
-
-const styles = StyleSheet.create({
-  progressView: {
-    height: 2,
-  },
-});
-
-const ProgressViewIOSWithRef = React.forwardRef(ProgressViewIOS);
-
-module.exports =
-  (ProgressViewIOSWithRef: typeof RCTProgressViewNativeComponent);

Libraries/Components/ProgressViewIOS/RCTProgressViewNativeComponent.js

@@ -1,33 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow strict-local
- * @format
- */
-
-import type {Float, WithDefault} from '../../Types/CodegenTypes';
-import type {ImageSource} from '../../Image/ImageSource';
-import type {ColorValue} from '../../StyleSheet/StyleSheet';
-import type {ViewProps} from '../View/ViewPropTypes';
-
-import codegenNativeComponent from '../../Utilities/codegenNativeComponent';
-import type {HostComponent} from '../../Renderer/shims/ReactNativeTypes';
-
-type NativeProps = $ReadOnly<{|
-  ...ViewProps,
-
-  // Props
-  progressViewStyle?: WithDefault<'default' | 'bar', 'default'>,
-  progress?: WithDefault<Float, 0>,
-  progressTintColor?: ?ColorValue,
-  trackTintColor?: ?ColorValue,
-  progressImage?: ?ImageSource,
-  trackImage?: ?ImageSource,
-|}>;
-
-export default (codegenNativeComponent<NativeProps>(
-  'RCTProgressView',
-): HostComponent<NativeProps>);

Libraries/Components/ProgressViewIOS/__tests__/ProgressViewIOS-test.js

@@ -1,29 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- * @emails oncall+react_native
- * @flow
- */
-
-'use strict';
-
-const React = require('react');
-const ProgressViewIOS = require('../ProgressViewIOS');
-
-const ReactNativeTestTools = require('../../../Utilities/ReactNativeTestTools');
-
-describe('<ProgressViewIOS />', () => {
-  it('should render as expected', () => {
-    ReactNativeTestTools.expectRendersMatchingSnapshot(
-      'ProgressViewIOS',
-      () => <ProgressViewIOS progress={90} />,
-      () => {
-        jest.dontMock('../ProgressViewIOS');
-      },
-    );
-  });
-});

Libraries/Components/ProgressViewIOS/__tests__/__snapshots__/ProgressViewIOS-test.js.snap

@@ -1,41 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`<ProgressViewIOS /> should render as expected: should deep render when mocked (please verify output manually) 1`] = `
-<RCTProgressView
-  progress={90}
-  style={
-    Array [
-      Object {
-        "height": 2,
-      },
-      undefined,
-    ]
-  }
-/>
-`;
-
-exports[`<ProgressViewIOS /> should render as expected: should deep render when not mocked (please verify output manually) 1`] = `
-<RCTProgressView
-  progress={90}
-  style={
-    Array [
-      Object {
-        "height": 2,
-      },
-      undefined,
-    ]
-  }
-/>
-`;
-
-exports[`<ProgressViewIOS /> should render as expected: should shallow render as <ProgressViewIOS /> when mocked 1`] = `
-<ForwardRef(ProgressViewIOS)
-  progress={90}
-/>
-`;
-
-exports[`<ProgressViewIOS /> should render as expected: should shallow render as <ProgressViewIOS /> when not mocked 1`] = `
-<ForwardRef(ProgressViewIOS)
-  progress={90}
-/>
-`;

Libraries/Components/SafeAreaView/SafeAreaView.js

@@ -1,61 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow strict-local
- * @format
- */
-
-import Platform from '../../Utilities/Platform';
-import * as React from 'react';
-import View from '../View/View';
-
-import type {HostComponent} from '../../Renderer/shims/ReactNativeTypes';
-import type {ViewProps} from '../View/ViewPropTypes';
-
-type Props = $ReadOnly<{|
-  ...ViewProps,
-  emulateUnlessSupported?: boolean,
-|}>;
-
-let exported: React.AbstractComponent<
-  Props,
-  React.ElementRef<HostComponent<mixed>>,
->;
-
-/**
- * Renders nested content and automatically applies paddings reflect the portion
- * of the view that is not covered by navigation bars, tab bars, toolbars, and
- * other ancestor views.
- *
- * Moreover, and most importantly, Safe Area's paddings reflect physical
- * limitation of the screen, such as rounded corners or camera notches (aka
- * sensor housing area on iPhone X).
- */
-if (Platform.OS === 'android') {
-  exported = React.forwardRef<Props, React.ElementRef<HostComponent<mixed>>>(
-    function SafeAreaView(props, forwardedRef) {
-      const {emulateUnlessSupported, ...localProps} = props;
-      return <View {...localProps} ref={forwardedRef} />;
-    },
-  );
-} else {
-  const RCTSafeAreaViewNativeComponent =
-    require('./RCTSafeAreaViewNativeComponent').default;
-
-  exported = React.forwardRef<Props, React.ElementRef<HostComponent<mixed>>>(
-    function SafeAreaView(props, forwardedRef) {
-      return (
-        <RCTSafeAreaViewNativeComponent
-          emulateUnlessSupported={true}
-          {...props}
-          ref={forwardedRef}
-        />
-      );
-    },
-  );
-}
-
-export default exported;

Libraries/Components/ScrollView/ScrollViewStickyHeader.js

@@ -1,333 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow
- * @format
- */
-
-import AnimatedImplementation from '../../Animated/AnimatedImplementation';
-import AnimatedAddition from '../../Animated/nodes/AnimatedAddition';
-import AnimatedDiffClamp from '../../Animated/nodes/AnimatedDiffClamp';
-import AnimatedNode from '../../Animated/nodes/AnimatedNode';
-
-import * as React from 'react';
-import StyleSheet from '../../StyleSheet/StyleSheet';
-import View from '../View/View';
-import Platform from '../../Utilities/Platform';
-
-import type {LayoutEvent} from '../../Types/CoreEventTypes';
-
-const AnimatedView = AnimatedImplementation.createAnimatedComponent(View);
-
-export type Props = $ReadOnly<{
-  children?: React.Element<any>,
-  nextHeaderLayoutY: ?number,
-  onLayout: (event: LayoutEvent) => void,
-  scrollAnimatedValue: AnimatedImplementation.Value,
-  // Will cause sticky headers to stick at the bottom of the ScrollView instead
-  // of the top.
-  inverted: ?boolean,
-  // The height of the parent ScrollView. Currently only set when inverted.
-  scrollViewHeight: ?number,
-  nativeID?: ?string,
-  hiddenOnScroll?: ?boolean,
-}>;
-
-type State = {
-  measured: boolean,
-  layoutY: number,
-  layoutHeight: number,
-  nextHeaderLayoutY: ?number,
-  translateY: ?number,
-  ...
-};
-
-class ScrollViewStickyHeader extends React.Component<Props, State> {
-  state: State = {
-    measured: false,
-    layoutY: 0,
-    layoutHeight: 0,
-    nextHeaderLayoutY: this.props.nextHeaderLayoutY,
-    translateY: null,
-  };
-
-  _translateY: ?AnimatedNode = null;
-  _shouldRecreateTranslateY: boolean = true;
-  _haveReceivedInitialZeroTranslateY: boolean = true;
-  _ref: any; // TODO T53738161: flow type this, and the whole file
-
-  // Fabric-only:
-  _timer: ?TimeoutID;
-  _animatedValueListenerId: string;
-  _animatedValueListener: (valueObject: $ReadOnly<{|value: number|}>) => void;
-  _debounceTimeout: number = Platform.OS === 'android' ? 15 : 64;
-
-  setNextHeaderY: (y: number) => void = (y: number): void => {
-    this._shouldRecreateTranslateY = true;
-    this.setState({nextHeaderLayoutY: y});
-  };
-
-  componentWillUnmount() {
-    if (this._translateY != null && this._animatedValueListenerId != null) {
-      this._translateY.removeListener(this._animatedValueListenerId);
-    }
-    if (this._timer) {
-      clearTimeout(this._timer);
-    }
-  }
-
-  UNSAFE_componentWillReceiveProps(nextProps: Props) {
-    if (
-      nextProps.scrollViewHeight !== this.props.scrollViewHeight ||
-      nextProps.scrollAnimatedValue !== this.props.scrollAnimatedValue ||
-      nextProps.inverted !== this.props.inverted
-    ) {
-      this._shouldRecreateTranslateY = true;
-    }
-  }
-
-  updateTranslateListener(
-    translateY: AnimatedImplementation.Interpolation,
-    isFabric: boolean,
-    offset: AnimatedDiffClamp | null,
-  ) {
-    if (this._translateY != null && this._animatedValueListenerId != null) {
-      this._translateY.removeListener(this._animatedValueListenerId);
-    }
-    offset
-      ? (this._translateY = new AnimatedAddition(translateY, offset))
-      : (this._translateY = translateY);
-
-    this._shouldRecreateTranslateY = false;
-
-    if (!isFabric) {
-      return;
-    }
-
-    if (!this._animatedValueListener) {
-      // This is called whenever the (Interpolated) Animated Value
-      // updates, which is several times per frame during scrolling.
-      // To ensure that the Fabric ShadowTree has the most recent
-      // translate style of this node, we debounce the value and then
-      // pass it through to the underlying node during render.
-      // This is:
-      // 1. Only an issue in Fabric.
-      // 2. Worse in Android than iOS. In Android, but not iOS, you
-      //    can touch and move your finger slightly and still trigger
-      //    a "tap" event. In iOS, moving will cancel the tap in
-      //    both Fabric and non-Fabric. On Android when you move
-      //    your finger, the hit-detection moves from the Android
-      //    platform to JS, so we need the ShadowTree to have knowledge
-      //    of the current position.
-      this._animatedValueListener = ({value}) => {
-        // When the AnimatedInterpolation is recreated, it always initializes
-        // to a value of zero and emits a value change of 0 to its listeners.
-        if (value === 0 && !this._haveReceivedInitialZeroTranslateY) {
-          this._haveReceivedInitialZeroTranslateY = true;
-          return;
-        }
-        if (this._timer) {
-          clearTimeout(this._timer);
-        }
-        this._timer = setTimeout(() => {
-          if (value !== this.state.translateY) {
-            this.setState({
-              translateY: value,
-            });
-          }
-        }, this._debounceTimeout);
-      };
-    }
-    if (this.state.translateY !== 0 && this.state.translateY != null) {
-      this._haveReceivedInitialZeroTranslateY = false;
-    }
-    this._animatedValueListenerId = translateY.addListener(
-      this._animatedValueListener,
-    );
-  }
-
-  _onLayout = (event: any) => {
-    const layoutY = event.nativeEvent.layout.y;
-    const layoutHeight = event.nativeEvent.layout.height;
-    const measured = true;
-
-    if (
-      layoutY !== this.state.layoutY ||
-      layoutHeight !== this.state.layoutHeight ||
-      measured !== this.state.measured
-    ) {
-      this._shouldRecreateTranslateY = true;
-    }
-
-    this.setState({
-      measured,
-      layoutY,
-      layoutHeight,
-    });
-
-    this.props.onLayout(event);
-    const child = React.Children.only(this.props.children);
-    if (child.props.onCellLayout) {
-      child.props.onCellLayout(event, child.props.cellKey, child.props.index);
-    } else if (child.props.onLayout) {
-      child.props.onLayout(event);
-    }
-  };
-
-  _setComponentRef = ref => {
-    this._ref = ref;
-  };
-
-  render(): React.Node {
-    // Fabric Detection
-    const isFabric = !!(
-      // An internal transform mangles variables with leading "_" as private.
-      // eslint-disable-next-line dot-notation
-      (this._ref && this._ref['_internalInstanceHandle']?.stateNode?.canonical)
-    );
-    // Initially and in the case of updated props or layout, we
-    // recreate this interpolated value. Otherwise, we do not recreate
-    // when there are state changes.
-    if (this._shouldRecreateTranslateY) {
-      const {inverted, scrollViewHeight} = this.props;
-      const {measured, layoutHeight, layoutY, nextHeaderLayoutY} = this.state;
-      const inputRange: Array<number> = [-1, 0];
-      const outputRange: Array<number> = [0, 0];
-
-      if (measured) {
-        if (inverted) {
-          // The interpolation looks like:
-          // - Negative scroll: no translation
-          // - `stickStartPoint` is the point at which the header will start sticking.
-          //   It is calculated using the ScrollView viewport height so it is a the bottom.
-          // - Headers that are in the initial viewport will never stick, `stickStartPoint`
-          //   will be negative.
-          // - From 0 to `stickStartPoint` no translation. This will cause the header
-          //   to scroll normally until it reaches the top of the scroll view.
-          // - From `stickStartPoint` to when the next header y hits the bottom edge of the header: translate
-          //   equally to scroll. This will cause the header to stay at the top of the scroll view.
-          // - Past the collision with the next header y: no more translation. This will cause the
-          //   header to continue scrolling up and make room for the next sticky header.
-          //   In the case that there is no next header just translate equally to
-          //   scroll indefinitely.
-          if (scrollViewHeight != null) {
-            const stickStartPoint = layoutY + layoutHeight - scrollViewHeight;
-            if (stickStartPoint > 0) {
-              inputRange.push(stickStartPoint);
-              outputRange.push(0);
-              inputRange.push(stickStartPoint + 1);
-              outputRange.push(1);
-              // If the next sticky header has not loaded yet (probably windowing) or is the last
-              // we can just keep it sticked forever.
-              const collisionPoint =
-                (nextHeaderLayoutY || 0) - layoutHeight - scrollViewHeight;
-              if (collisionPoint > stickStartPoint) {
-                inputRange.push(collisionPoint, collisionPoint + 1);
-                outputRange.push(
-                  collisionPoint - stickStartPoint,
-                  collisionPoint - stickStartPoint,
-                );
-              }
-            }
-          }
-        } else {
-          // The interpolation looks like:
-          // - Negative scroll: no translation
-          // - From 0 to the y of the header: no translation. This will cause the header
-          //   to scroll normally until it reaches the top of the scroll view.
-          // - From header y to when the next header y hits the bottom edge of the header: translate
-          //   equally to scroll. This will cause the header to stay at the top of the scroll view.
-          // - Past the collision with the next header y: no more translation. This will cause the
-          //   header to continue scrolling up and make room for the next sticky header.
-          //   In the case that there is no next header just translate equally to
-          //   scroll indefinitely.
-          inputRange.push(layoutY);
-          outputRange.push(0);
-          // If the next sticky header has not loaded yet (probably windowing) or is the last
-          // we can just keep it sticked forever.
-          const collisionPoint = (nextHeaderLayoutY || 0) - layoutHeight;
-          if (collisionPoint >= layoutY) {
-            inputRange.push(collisionPoint, collisionPoint + 1);
-            outputRange.push(
-              collisionPoint - layoutY,
-              collisionPoint - layoutY,
-            );
-          } else {
-            inputRange.push(layoutY + 1);
-            outputRange.push(1);
-          }
-        }
-      }
-
-      this.updateTranslateListener(
-        this.props.scrollAnimatedValue.interpolate({
-          inputRange,
-          outputRange,
-        }),
-        isFabric,
-        this.props.hiddenOnScroll
-          ? new AnimatedDiffClamp(
-              this.props.scrollAnimatedValue
-                .interpolate({
-                  extrapolateLeft: 'clamp',
-                  inputRange: [layoutY, layoutY + 1],
-                  outputRange: ([0, 1]: Array<number>),
-                })
-                .interpolate({
-                  inputRange: [0, 1],
-                  outputRange: ([0, -1]: Array<number>),
-                }),
-              -this.state.layoutHeight,
-              0,
-            )
-          : null,
-      );
-    }
-
-    const child = React.Children.only(this.props.children);
-
-    // TODO T68319535: remove this if NativeAnimated is rewritten for Fabric
-    const passthroughAnimatedPropExplicitValues =
-      isFabric && this.state.translateY != null
-        ? {
-            style: {transform: [{translateY: this.state.translateY}]},
-          }
-        : null;
-
-    return (
-      <AnimatedView
-        collapsable={false}
-        nativeID={this.props.nativeID}
-        onLayout={this._onLayout}
-        ref={this._setComponentRef}
-        style={[
-          child.props.style,
-          styles.header,
-          {transform: [{translateY: this._translateY}]},
-        ]}
-        passthroughAnimatedPropExplicitValues={
-          passthroughAnimatedPropExplicitValues
-        }>
-        {React.cloneElement(child, {
-          style: styles.fill, // We transfer the child style to the wrapper.
-          onLayout: undefined, // we call this manually through our this._onLayout
-        })}
-      </AnimatedView>
-    );
-  }
-}
-
-const styles = StyleSheet.create({
-  header: {
-    zIndex: 10,
-    position: 'relative',
-  },
-  fill: {
-    flex: 1,
-  },
-});
-
-module.exports = ScrollViewStickyHeader;

Libraries/Components/ScrollView/__tests__/ScrollView-test.js

@@ -1,67 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- * @emails oncall+react_native
- * @flow-strict
- */
-
-'use strict';
-
-const React = require('react');
-const ScrollView = require('../ScrollView');
-const ReactNativeTestTools = require('../../../Utilities/ReactNativeTestTools');
-const ReactTestRenderer = require('react-test-renderer');
-const View = require('../../View/View');
-const Text = require('../../../Text/Text');
-
-describe('<ScrollView />', () => {
-  it('should render as expected', () => {
-    ReactNativeTestTools.expectRendersMatchingSnapshot(
-      'ScrollView',
-      () => (
-        <ScrollView>
-          <View>
-            <Text>Hello World!</Text>
-          </View>
-        </ScrollView>
-      ),
-      () => {
-        jest.dontMock('../ScrollView');
-      },
-    );
-  });
-  it('should mock native methods and instance methods when mocked', () => {
-    jest.resetModules();
-    jest.mock('../ScrollView');
-    const ref = React.createRef();
-
-    ReactTestRenderer.create(<ScrollView ref={ref} />);
-
-    expect(ref.current != null && ref.current.measure).toBeInstanceOf(
-      jest.fn().constructor,
-    );
-    expect(ref.current != null && ref.current.scrollTo).toBeInstanceOf(
-      jest.fn().constructor,
-    );
-  });
-  it('getInnerViewRef for case where it returns a native view', () => {
-    jest.resetModules();
-    jest.unmock('../ScrollView');
-
-    const scrollViewRef = React.createRef(null);
-
-    ReactTestRenderer.create(<ScrollView ref={scrollViewRef} />);
-
-    const innerViewRef = scrollViewRef.current.getInnerViewRef();
-
-    // This is checking if the ref acts like a host component. If we had an
-    // `isHostComponent(ref)` method, that would be preferred.
-    expect(innerViewRef.measure).toBeInstanceOf(jest.fn().constructor);
-    expect(innerViewRef.measureLayout).toBeInstanceOf(jest.fn().constructor);
-    expect(innerViewRef.measureInWindow).toBeInstanceOf(jest.fn().constructor);
-  });
-});

Libraries/Components/Slider/Slider.js

@@ -1,282 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- * @flow strict-local
- */
-
-import * as React from 'react';
-import Platform from '../../Utilities/Platform';
-import SliderNativeComponent from './SliderNativeComponent';
-import StyleSheet, {
-  type ViewStyleProp,
-  type ColorValue,
-} from '../../StyleSheet/StyleSheet';
-
-import type {ImageSource} from '../../Image/ImageSource';
-import type {ViewProps} from '../View/ViewPropTypes';
-import type {SyntheticEvent} from '../../Types/CoreEventTypes';
-import type {AccessibilityState} from '../View/ViewAccessibility';
-
-type Event = SyntheticEvent<
-  $ReadOnly<{|
-    value: number,
-    /**
-     * Android Only.
-     */
-    fromUser?: boolean,
-  |}>,
->;
-
-type IOSProps = $ReadOnly<{|
-  /**
-   * Assigns a single image for the track. Only static images are supported.
-   * The center pixel of the image will be stretched to fill the track.
-   */
-  trackImage?: ?ImageSource,
-
-  /**
-   * Assigns a minimum track image. Only static images are supported. The
-   * rightmost pixel of the image will be stretched to fill the track.
-   */
-  minimumTrackImage?: ?ImageSource,
-
-  /**
-   * Assigns a maximum track image. Only static images are supported. The
-   * leftmost pixel of the image will be stretched to fill the track.
-   */
-  maximumTrackImage?: ?ImageSource,
-
-  /**
-   * Sets an image for the thumb. Only static images are supported.
-   */
-  thumbImage?: ?ImageSource,
-|}>;
-
-type Props = $ReadOnly<{|
-  ...ViewProps,
-  ...IOSProps,
-
-  /**
-   * Used to style and layout the `Slider`.  See `StyleSheet.js` and
-   * `DeprecatedViewStylePropTypes.js` for more info.
-   */
-  style?: ?ViewStyleProp,
-
-  /**
-   * Initial value of the slider. The value should be between minimumValue
-   * and maximumValue, which default to 0 and 1 respectively.
-   * Default value is 0.
-   *
-   * *This is not a controlled component*, you don't need to update the
-   * value during dragging.
-   */
-  value?: ?number,
-
-  /**
-   * Step value of the slider. The value should be
-   * between 0 and (maximumValue - minimumValue).
-   * Default value is 0.
-   */
-  step?: ?number,
-
-  /**
-   * Initial minimum value of the slider. Default value is 0.
-   */
-  minimumValue?: ?number,
-
-  /**
-   * Initial maximum value of the slider. Default value is 1.
-   */
-  maximumValue?: ?number,
-
-  /**
-   * The color used for the track to the left of the button.
-   * Overrides the default blue gradient image on iOS.
-   */
-  minimumTrackTintColor?: ?ColorValue,
-
-  /**
-   * The color used for the track to the right of the button.
-   * Overrides the default blue gradient image on iOS.
-   */
-  maximumTrackTintColor?: ?ColorValue,
-  /**
-   * The color used to tint the default thumb images on iOS, or the
-   * color of the foreground switch grip on Android.
-   */
-  thumbTintColor?: ?ColorValue,
-
-  /**
-   * If true the user won't be able to move the slider.
-   * Default value is false.
-   */
-  disabled?: ?boolean,
-
-  /**
-   * Callback continuously called while the user is dragging the slider.
-   */
-  onValueChange?: ?(value: number) => void,
-
-  /**
-   * Callback that is called when the user releases the slider,
-   * regardless if the value has changed. The current value is passed
-   * as an argument to the callback handler.
-   */
-  onSlidingComplete?: ?(value: number) => void,
-
-  /**
-   * Used to locate this view in UI automation tests.
-   */
-  testID?: ?string,
-
-  /**
-    Indicates to accessibility services that UI Component is in a specific State.
-   */
-  accessibilityState?: ?AccessibilityState,
-|}>;
-
-/**
- * A component used to select a single value from a range of values.
- *
- * ### Usage
- *
- * The example below shows how to use `Slider` to change
- * a value used by `Text`. The value is stored using
- * the state of the root component (`App`). The same component
- * subscribes to the `onValueChange`  of `Slider` and changes
- * the value using `setState`.
- *
- *```
- * import React from 'react';
- * import { StyleSheet, Text, View, Slider } from 'react-native';
- *
- * export default class App extends React.Component {
- *   constructor(props) {
- *     super(props);
- *     this.state = {
- *       value: 50
- *     }
- *   }
- *
- *   change(value) {
- *     this.setState(() => {
- *       return {
- *         value: parseFloat(value)
- *       };
- *     });
- *   }
- *
- *   render() {
- *     const {value} = this.state;
- *     return (
- *       <View style={styles.container}>
- *         <Text style={styles.text}>{String(value)}</Text>
- *         <Slider
- *           step={1}
- *           maximumValue={100}
- *           onValueChange={this.change.bind(this)}
- *           value={value} />
- *       </View>
- *     );
- *   }
- * }
- *
- * const styles = StyleSheet.create({
- *   container: {
- *     flex: 1,
- *     flexDirection: 'column',
- *     justifyContent: 'center'
- *   },
- *   text: {
- *     fontSize: 50,
- *     textAlign: 'center'
- *   }
- * });
- *```
- *
- */
-const Slider = (
-  props: Props,
-  forwardedRef?: ?React.Ref<typeof SliderNativeComponent>,
-) => {
-  const style = StyleSheet.compose(styles.slider, props.style);
-
-  const {
-    value = 0.5,
-    minimumValue = 0,
-    maximumValue = 1,
-    step = 0,
-    onValueChange,
-    onSlidingComplete,
-    ...localProps
-  } = props;
-
-  const onValueChangeEvent = onValueChange
-    ? (event: Event) => {
-        let userEvent = true;
-        if (Platform.OS === 'android') {
-          // On Android there's a special flag telling us the user is
-          // dragging the slider.
-          userEvent =
-            event.nativeEvent.fromUser != null && event.nativeEvent.fromUser;
-        }
-        userEvent && onValueChange(event.nativeEvent.value);
-      }
-    : null;
-
-  const onSlidingCompleteEvent = onSlidingComplete
-    ? (event: Event) => {
-        onSlidingComplete(event.nativeEvent.value);
-      }
-    : null;
-
-  const disabled =
-    props.disabled === true || props.accessibilityState?.disabled === true;
-  const accessibilityState = disabled
-    ? {...props.accessibilityState, disabled: true}
-    : props.accessibilityState;
-
-  return (
-    <SliderNativeComponent
-      {...localProps}
-      accessibilityState={accessibilityState}
-      // TODO: Reconcile these across the two platforms.
-      enabled={!disabled}
-      disabled={disabled}
-      maximumValue={maximumValue}
-      minimumValue={minimumValue}
-      onResponderTerminationRequest={() => false}
-      onSlidingComplete={onSlidingCompleteEvent}
-      onStartShouldSetResponder={() => true}
-      onValueChange={onValueChangeEvent}
-      ref={forwardedRef}
-      step={step}
-      style={style}
-      value={value}
-    />
-  );
-};
-
-const SliderWithRef: React.AbstractComponent<
-  Props,
-  React.ElementRef<typeof SliderNativeComponent>,
-> = React.forwardRef(Slider);
-
-let styles;
-if (Platform.OS === 'ios') {
-  styles = StyleSheet.create({
-    slider: {
-      height: 40,
-    },
-  });
-} else {
-  styles = StyleSheet.create({
-    slider: {},
-  });
-}
-
-module.exports = SliderWithRef;

Libraries/Components/Slider/SliderNativeComponent.js

@@ -1,57 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- * @flow strict-local
- */
-
-import type {
-  BubblingEventHandler,
-  DirectEventHandler,
-  Double,
-  WithDefault,
-} from '../../Types/CodegenTypes';
-
-import codegenNativeComponent from '../../Utilities/codegenNativeComponent';
-import type {HostComponent} from '../../Renderer/shims/ReactNativeTypes';
-
-import type {ColorValue} from '../../StyleSheet/StyleSheet';
-import type {ImageSource} from '../../Image/ImageSource';
-import type {ViewProps} from '../View/ViewPropTypes';
-
-type Event = $ReadOnly<{|
-  value: Double,
-  fromUser?: boolean,
-|}>;
-
-type NativeProps = $ReadOnly<{|
-  ...ViewProps,
-
-  // Props
-  disabled?: WithDefault<boolean, false>,
-  enabled?: WithDefault<boolean, true>,
-  maximumTrackImage?: ?ImageSource,
-  maximumTrackTintColor?: ?ColorValue,
-  maximumValue?: WithDefault<Double, 1>,
-  minimumTrackImage?: ?ImageSource,
-  minimumTrackTintColor?: ?ColorValue,
-  minimumValue?: WithDefault<Double, 0>,
-  step?: WithDefault<Double, 0>,
-  testID?: WithDefault<string, ''>,
-  thumbImage?: ?ImageSource,
-  thumbTintColor?: ?ColorValue,
-  trackImage?: ?ImageSource,
-  value?: WithDefault<Double, 0>,
-
-  // Events
-  onValueChange?: ?BubblingEventHandler<Event>,
-  onSlidingComplete?: ?DirectEventHandler<Event>,
-|}>;
-
-export default (codegenNativeComponent<NativeProps>('Slider', {
-  interfaceOnly: true,
-  paperComponentName: 'RCTSlider',
-}): HostComponent<NativeProps>);

Libraries/Components/TextInput/__tests__/TextInput-test.js

@@ -1,182 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @emails oncall+react_native
- * @format
- * @flow-strict
- */
-
-const React = require('react');
-const ReactTestRenderer = require('react-test-renderer');
-const TextInput = require('../TextInput');
-const ReactNative = require('../../../Renderer/shims/ReactNative');
-
-const {
-  enter,
-  expectRendersMatchingSnapshot,
-} = require('../../../Utilities/ReactNativeTestTools');
-
-jest.unmock('../TextInput');
-
-describe('TextInput tests', () => {
-  let input;
-  let inputRef;
-  let onChangeListener;
-  let onChangeTextListener;
-  const initialValue = 'initialValue';
-  beforeEach(() => {
-    inputRef = React.createRef(null);
-    onChangeListener = jest.fn();
-    onChangeTextListener = jest.fn();
-    function TextInputWrapper() {
-      const [state, setState] = React.useState({text: initialValue});
-
-      return (
-        <TextInput
-          ref={inputRef}
-          value={state.text}
-          onChangeText={text => {
-            onChangeTextListener(text);
-            setState({text});
-          }}
-          onChange={event => {
-            onChangeListener(event);
-          }}
-        />
-      );
-    }
-    const renderTree = ReactTestRenderer.create(<TextInputWrapper />);
-    input = renderTree.root.findByType(TextInput);
-  });
-  it('has expected instance functions', () => {
-    expect(inputRef.current.isFocused).toBeInstanceOf(Function); // Would have prevented S168585
-    expect(inputRef.current.clear).toBeInstanceOf(Function);
-    expect(inputRef.current.focus).toBeInstanceOf(jest.fn().constructor);
-    expect(inputRef.current.blur).toBeInstanceOf(jest.fn().constructor);
-    expect(inputRef.current.setNativeProps).toBeInstanceOf(
-      jest.fn().constructor,
-    );
-    expect(inputRef.current.measure).toBeInstanceOf(jest.fn().constructor);
-    expect(inputRef.current.measureInWindow).toBeInstanceOf(
-      jest.fn().constructor,
-    );
-    expect(inputRef.current.measureLayout).toBeInstanceOf(
-      jest.fn().constructor,
-    );
-  });
-  it('calls onChange callbacks', () => {
-    expect(input.props.value).toBe(initialValue);
-    const message = 'This is a test message';
-    ReactTestRenderer.act(() => {
-      enter(input, message);
-    });
-    expect(input.props.value).toBe(message);
-    expect(onChangeTextListener).toHaveBeenCalledWith(message);
-    expect(onChangeListener).toHaveBeenCalledWith({
-      nativeEvent: {text: message},
-    });
-  });
-
-  function createTextInput(extraProps) {
-    const textInputRef = React.createRef(null);
-    ReactTestRenderer.create(
-      <TextInput ref={textInputRef} value="value1" {...extraProps} />,
-    );
-    return textInputRef;
-  }
-
-  it('focus() should not do anything if the TextInput is not editable', () => {
-    const textInputRef = createTextInput({editable: false});
-    // currentProps is the property actually containing props at runtime
-    textInputRef.current.currentProps = textInputRef.current.props;
-    expect(textInputRef.current.isFocused()).toBe(false);
-
-    TextInput.State.focusTextInput(textInputRef.current);
-    expect(textInputRef.current.isFocused()).toBe(false);
-  });
-
-  it('should have support for being focused and blurred', () => {
-    const textInputRef = createTextInput();
-
-    expect(textInputRef.current.isFocused()).toBe(false);
-    ReactNative.findNodeHandle = jest.fn().mockImplementation(ref => {
-      if (ref == null) {
-        return null;
-      }
-
-      if (
-        ref === textInputRef.current ||
-        ref === textInputRef.current.getNativeRef()
-      ) {
-        return 1;
-      }
-
-      return 2;
-    });
-
-    TextInput.State.focusTextInput(textInputRef.current);
-    expect(textInputRef.current.isFocused()).toBe(true);
-    expect(TextInput.State.currentlyFocusedInput()).toBe(textInputRef.current);
-
-    TextInput.State.blurTextInput(textInputRef.current);
-    expect(textInputRef.current.isFocused()).toBe(false);
-    expect(TextInput.State.currentlyFocusedInput()).toBe(null);
-  });
-
-  it('should unfocus when other TextInput is focused', () => {
-    const textInputRe1 = React.createRef(null);
-    const textInputRe2 = React.createRef(null);
-
-    ReactTestRenderer.create(
-      <>
-        <TextInput ref={textInputRe1} value="value1" />
-        <TextInput ref={textInputRe2} value="value2" />
-      </>,
-    );
-    ReactNative.findNodeHandle = jest.fn().mockImplementation(ref => {
-      if (
-        ref === textInputRe1.current ||
-        ref === textInputRe1.current.getNativeRef()
-      ) {
-        return 1;
-      }
-
-      if (
-        ref === textInputRe2.current ||
-        ref === textInputRe2.current.getNativeRef()
-      ) {
-        return 2;
-      }
-
-      return 3;
-    });
-
-    expect(textInputRe1.current.isFocused()).toBe(false);
-    expect(textInputRe2.current.isFocused()).toBe(false);
-
-    TextInput.State.focusTextInput(textInputRe1.current);
-
-    expect(textInputRe1.current.isFocused()).toBe(true);
-    expect(textInputRe2.current.isFocused()).toBe(false);
-    expect(TextInput.State.currentlyFocusedInput()).toBe(textInputRe1.current);
-
-    TextInput.State.focusTextInput(textInputRe2.current);
-
-    expect(textInputRe1.current.isFocused()).toBe(false);
-    expect(textInputRe2.current.isFocused()).toBe(true);
-    expect(TextInput.State.currentlyFocusedInput()).toBe(textInputRe2.current);
-  });
-
-  it('should render as expected', () => {
-    expectRendersMatchingSnapshot(
-      'TextInput',
-      () => <TextInput />,
-      () => {
-        jest.dontMock('../TextInput');
-      },
-    );
-  });
-});

Libraries/Components/Touchable/TouchableBounce.js

@@ -1,179 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow strict-local
- * @format
- */
-
-import Pressability, {
-  type PressabilityConfig,
-} from '../../Pressability/Pressability';
-import {PressabilityDebugView} from '../../Pressability/PressabilityDebug';
-import type {ViewStyleProp} from '../../StyleSheet/StyleSheet';
-import typeof TouchableWithoutFeedback from './TouchableWithoutFeedback';
-import {Animated, Platform} from 'react-native';
-import * as React from 'react';
-
-type Props = $ReadOnly<{|
-  ...React.ElementConfig<TouchableWithoutFeedback>,
-
-  onPressAnimationComplete?: ?() => void,
-  onPressWithCompletion?: ?(callback: () => void) => void,
-  releaseBounciness?: ?number,
-  releaseVelocity?: ?number,
-  style?: ?ViewStyleProp,
-
-  hostRef: React.Ref<typeof Animated.View>,
-|}>;
-
-type State = $ReadOnly<{|
-  pressability: Pressability,
-  scale: Animated.Value,
-|}>;
-
-class TouchableBounce extends React.Component<Props, State> {
-  state: State = {
-    pressability: new Pressability(this._createPressabilityConfig()),
-    scale: new Animated.Value(1),
-  };
-
-  _createPressabilityConfig(): PressabilityConfig {
-    return {
-      cancelable: !this.props.rejectResponderTermination,
-      disabled: this.props.disabled,
-      hitSlop: this.props.hitSlop,
-      delayLongPress: this.props.delayLongPress,
-      delayPressIn: this.props.delayPressIn,
-      delayPressOut: this.props.delayPressOut,
-      minPressDuration: 0,
-      pressRectOffset: this.props.pressRetentionOffset,
-      android_disableSound: this.props.touchSoundDisabled,
-      onBlur: event => {
-        if (Platform.isTV) {
-          this._bounceTo(1, 0.4, 0);
-        }
-        if (this.props.onBlur != null) {
-          this.props.onBlur(event);
-        }
-      },
-      onFocus: event => {
-        if (Platform.isTV) {
-          this._bounceTo(0.93, 0.1, 0);
-        }
-        if (this.props.onFocus != null) {
-          this.props.onFocus(event);
-        }
-      },
-      onLongPress: this.props.onLongPress,
-      onPress: event => {
-        const {onPressAnimationComplete, onPressWithCompletion} = this.props;
-        const releaseBounciness = this.props.releaseBounciness ?? 10;
-        const releaseVelocity = this.props.releaseVelocity ?? 10;
-
-        if (onPressWithCompletion != null) {
-          onPressWithCompletion(() => {
-            this.state.scale.setValue(0.93);
-            this._bounceTo(
-              1,
-              releaseVelocity,
-              releaseBounciness,
-              onPressAnimationComplete,
-            );
-          });
-          return;
-        }
-
-        this._bounceTo(
-          1,
-          releaseVelocity,
-          releaseBounciness,
-          onPressAnimationComplete,
-        );
-        if (this.props.onPress != null) {
-          this.props.onPress(event);
-        }
-      },
-      onPressIn: event => {
-        this._bounceTo(0.93, 0.1, 0);
-        if (this.props.onPressIn != null) {
-          this.props.onPressIn(event);
-        }
-      },
-      onPressOut: event => {
-        this._bounceTo(1, 0.4, 0);
-        if (this.props.onPressOut != null) {
-          this.props.onPressOut(event);
-        }
-      },
-    };
-  }
-
-  _bounceTo(
-    toValue: number,
-    velocity: number,
-    bounciness: number,
-    callback?: ?() => void,
-  ) {
-    Animated.spring(this.state.scale, {
-      toValue,
-      velocity,
-      bounciness,
-      useNativeDriver: true,
-    }).start(callback);
-  }
-
-  render(): React.Node {
-    // BACKWARD-COMPATIBILITY: Focus and blur events were never supported before
-    // adopting `Pressability`, so preserve that behavior.
-    const {onBlur, onFocus, ...eventHandlersWithoutBlurAndFocus} =
-      this.state.pressability.getEventHandlers();
-
-    return (
-      <Animated.View
-        style={[{transform: [{scale: this.state.scale}]}, this.props.style]}
-        accessible={this.props.accessible !== false}
-        accessibilityLabel={this.props.accessibilityLabel}
-        accessibilityHint={this.props.accessibilityHint}
-        accessibilityLanguage={this.props.accessibilityLanguage}
-        accessibilityRole={this.props.accessibilityRole}
-        accessibilityState={this.props.accessibilityState}
-        accessibilityActions={this.props.accessibilityActions}
-        onAccessibilityAction={this.props.onAccessibilityAction}
-        accessibilityValue={this.props.accessibilityValue}
-        importantForAccessibility={this.props.importantForAccessibility}
-        accessibilityLiveRegion={this.props.accessibilityLiveRegion}
-        accessibilityViewIsModal={this.props.accessibilityViewIsModal}
-        accessibilityElementsHidden={this.props.accessibilityElementsHidden}
-        nativeID={this.props.nativeID}
-        testID={this.props.testID}
-        hitSlop={this.props.hitSlop}
-        focusable={
-          this.props.focusable !== false &&
-          this.props.onPress !== undefined &&
-          !this.props.disabled
-        }
-        ref={this.props.hostRef}
-        {...eventHandlersWithoutBlurAndFocus}>
-        {this.props.children}
-        {__DEV__ ? (
-          <PressabilityDebugView color="orange" hitSlop={this.props.hitSlop} />
-        ) : null}
-      </Animated.View>
-    );
-  }
-
-  componentDidUpdate(prevProps: Props, prevState: State) {
-    this.state.pressability.configure(this._createPressabilityConfig());
-  }
-
-  componentWillUnmount(): void {
-    this.state.pressability.reset();
-  }
-}
-
-module.exports = (React.forwardRef((props, hostRef) => (
-  <TouchableBounce {...props} hostRef={hostRef} />
-)): React.AbstractComponent<$ReadOnly<$Diff<Props, {|hostRef: mixed|}>>>);