Merge branch 'react:main' into feat/use-screen-dimensions

Author: ahmedawaad1804

.flowconfig

@@ -96,4 +96,4 @@ untyped-import
 untyped-type-import
 
 [version]
-^0.334.0
+^0.335.0

.github/workflows/e2e-ios-templateapp.yml

@@ -163,15 +163,17 @@ jobs:
         run: echo "status=failure" >> $GITHUB_OUTPUT
 
   report:
-    needs: test
+    needs: [build, test]
     if: always()
     runs-on: ubuntu-latest
     outputs:
       status: ${{ steps.check.outputs.status }}
     steps:
       - id: check
         run: |
-          if [[ "${{ needs.test.outputs.status }}" == "failure" ]]; then
+          if [[ "${{ needs.build.result }}" != "success" ||
+                "${{ needs.test.result }}" != "success" ||
+                "${{ needs.test.outputs.status }}" == "failure" ]]; then
             echo "status=failure" >> $GITHUB_OUTPUT
           else
             echo "status=success" >> $GITHUB_OUTPUT

flow-typed/environment/node.js

@@ -5560,9 +5560,9 @@ type repl$DefineCommandOptions = (...args: Array<any>) => void | {
   ...
 };
 
-declare class $SymbolReplModeMagic mixins Symbol {}
-declare class $SymbolReplModeSloppy mixins Symbol {}
-declare class $SymbolReplModeStrict mixins Symbol {}
+declare opaque type $SymbolReplModeMagic: symbol;
+declare opaque type $SymbolReplModeSloppy: symbol;
+declare opaque type $SymbolReplModeStrict: symbol;
 
 declare module 'repl' {
   declare var REPL_MODE_MAGIC: $SymbolReplModeMagic;

flow-typed/npm/commander_v12.x.x.js

@@ -14,7 +14,7 @@
 // Flowgen v1.21.0
 
 declare module 'commander' {
-  declare type LiteralUnion<LiteralType, BaseType: string | number> =
+  declare type LiteralUnion<LiteralType, BaseType extends string | number> =
     LiteralType | {...BaseType, ...{[key: empty]: empty, ...}};
 
   declare export class CommanderError extends Error {
@@ -77,7 +77,7 @@ declare module 'commander' {
     /**
      * Set the default value, and optionally supply the description to be displayed in the help.
      */
-    default(value: mixed, description?: string): this;
+    default(value: unknown, description?: string): this;
 
     /**
      * Set the custom handler for processing CLI command arguments into argument values.
@@ -87,7 +87,7 @@ declare module 'commander' {
     /**
      * Only allow argument value to be one of choices.
      */
-    choices(values: $ReadOnlyArray<string>): this;
+    choices(values: ReadonlyArray<string>): this;
 
     /**
      * Make argument required.
@@ -111,7 +111,7 @@ declare module 'commander' {
     negate: boolean;
     defaultValue?: any;
     defaultValueDescription?: string;
-    presetArg?: mixed;
+    presetArg?: unknown;
     envVar?: string;
     parseArg?: <T>(value: string, previous: T) => T;
     hidden: boolean;
@@ -121,7 +121,7 @@ declare module 'commander' {
     /**
      * Set the default value, and optionally supply the description to be displayed in the help.
      */
-    default(value: mixed, description?: string): this;
+    default(value: unknown, description?: string): this;
 
     /**
      * Preset to use when option used without option-argument, especially optional but also boolean and negated.
@@ -131,7 +131,7 @@ declare module 'commander' {
      * new Option('--donate [amount]').preset('20').argParser(parseFloat);
      * ```
      */
-    preset(arg: mixed): this;
+    preset(arg: unknown): this;
 
     /**
      * Add option name(s) that conflict with this option.
@@ -184,7 +184,7 @@ declare module 'commander' {
     /**
      * Only allow option value to be one of choices.
      */
-    choices(values: $ReadOnlyArray<string>): this;
+    choices(values: ReadonlyArray<string>): this;
 
     /**
      * Return option name.
@@ -344,9 +344,9 @@ declare module 'commander' {
   declare export class Command {
     args: string[];
     processedArgs: any[];
-    readonly commands: $ReadOnlyArray<Command>;
-    readonly options: $ReadOnlyArray<Option>;
-    readonly registeredArguments: $ReadOnlyArray<Argument>;
+    readonly commands: ReadonlyArray<Command>;
+    readonly options: ReadonlyArray<Option>;
+    readonly registeredArguments: ReadonlyArray<Argument>;
     parent: Command | null;
     constructor(name?: string): this;
 
@@ -442,7 +442,7 @@ declare module 'commander' {
       fn: (value: string, previous: T) => T,
       defaultValue?: T,
     ): this;
-    argument(name: string, description?: string, defaultValue?: mixed): this;
+    argument(name: string, description?: string, defaultValue?: unknown): this;
 
     /**
      * Define argument syntax for command, adding a prepared argument.
@@ -666,8 +666,8 @@ declare module 'commander' {
      * or store separately (specify false). In both cases the option values can be accessed using .opts().
      * @returns `this` command for chaining
      */
-    storeOptionsAsProperties<T: OptionValues>(): this & T;
-    storeOptionsAsProperties<T: OptionValues>(
+    storeOptionsAsProperties<T extends OptionValues>(): this & T;
+    storeOptionsAsProperties<T extends OptionValues>(
       storeAsProperties: true,
     ): this & T;
     storeOptionsAsProperties(storeAsProperties?: boolean): this;
@@ -680,14 +680,14 @@ declare module 'commander' {
     /**
      * Store option value.
      */
-    setOptionValue(key: string, value: mixed): this;
+    setOptionValue(key: string, value: unknown): this;
 
     /**
      * Store option value and where the value came from.
      */
     setOptionValueWithSource(
       key: string,
-      value: mixed,
+      value: unknown,
       source: OptionValueSource,
     ): this;
 
@@ -755,7 +755,7 @@ declare module 'commander' {
      * ```
      * @returns `this` command for chaining
      */
-    parse(argv?: $ReadOnlyArray<string>, options?: ParseOptions): this;
+    parse(argv?: ReadonlyArray<string>, options?: ParseOptions): this;
 
     /**
      * Parse `argv`, setting options and invoking commands when defined.
@@ -772,7 +772,7 @@ declare module 'commander' {
      * @returns Promise
      */
     parseAsync(
-      argv?: $ReadOnlyArray<string>,
+      argv?: ReadonlyArray<string>,
       options?: ParseOptions,
     ): Promise<this>;
 
@@ -791,12 +791,12 @@ declare module 'commander' {
     /**
      * Return an object containing local option values as key-value pairs
      */
-    opts<T: OptionValues>(): T;
+    opts<T extends OptionValues>(): T;
 
     /**
      * Return an object containing merged local and global option values as key-value pairs.
      */
-    optsWithGlobals<T: OptionValues>(): T;
+    optsWithGlobals<T extends OptionValues>(): T;
 
     /**
      * Set the description.
@@ -847,7 +847,7 @@ declare module 'commander' {
      * Only the first alias is shown in the auto-generated help.
      * @returns `this` command for chaining
      */
-    aliases(aliases: $ReadOnlyArray<string>): this;
+    aliases(aliases: ReadonlyArray<string>): this;
 
     /**
      * Get aliases for the command.

flow-typed/npm/react-test-renderer_v16.x.x.js

@@ -85,7 +85,7 @@ declare module 'react-test-renderer/shallow' {
   declare export default class ShallowRenderer {
     static createRenderer(): ShallowRenderer;
     getMountedInstance(): ReactTestInstance;
-    getRenderOutput<E: React.MixedElement>(): E;
+    getRenderOutput<E extends React.MixedElement>(): E;
     getRenderOutput(): React.MixedElement;
     render(element: React.MixedElement, context?: any): void;
     unmount(): void;

package.json

@@ -96,7 +96,7 @@
     "eslint-plugin-relay": "^1.8.3",
     "fb-dotslash": "0.5.8",
     "flow-api-translator": "0.333.0",
-    "flow-bin": "^0.334.0",
+    "flow-bin": "^0.335.0",
     "flow-eslint": "0.333.0",
     "flow-parser": "0.333.0",
     "flow-transform": "0.333.0",

packages/gradle-plugin/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/tasks/GenerateAutolinkingNewArchitecturesFileTask.kt

@@ -266,11 +266,10 @@ abstract class GenerateAutolinkingNewArchitecturesFileTask : DefaultTask() {
 
         #pragma once
 
-        #include <ReactCommon/CallInvoker.h>
-        #include <ReactCommon/JavaTurboModule.h>
-        #include <ReactCommon/TurboModule.h>
+        #include <React/CallInvoker.h>
+        #include <React/ComponentRegistry.h>
+        #include <React/NativeModuleCore.h>
         #include <jsi/jsi.h>
-        #include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
 
         namespace facebook {
         namespace react {

packages/gradle-plugin/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/utils/NdkConfiguratorUtils.kt

@@ -55,9 +55,6 @@ internal object NdkConfiguratorUtils {
         if (cmakeArgs.none { it.startsWith("-DANDROID_STL") }) {
           cmakeArgs.add("-DANDROID_STL=c++_shared")
         }
-        if (cmakeArgs.none { it.startsWith("-DANDROID_SUPPORT_FLEXIBLE_PAGE_SIZES") }) {
-          cmakeArgs.add("-DANDROID_SUPPORT_FLEXIBLE_PAGE_SIZES=ON")
-        }
 
         val architectures = project.getReactNativeArchitectures()
         // abiFilters are split ABI are not compatible each other, so we set the abiFilters

packages/react-native/Libraries/Components/View/View.js

@@ -9,13 +9,21 @@
  */
 
 import type {HostInstance} from '../../../src/private/types/HostInstance';
+import type {SafeAreaInsetsChangeEvent} from '../../Types/CoreEventTypes';
 import type {ViewProps} from './ViewPropTypes';
 
 import TextAncestorContext from '../../Text/TextAncestorContext';
 import ViewNativeComponent from './ViewNativeComponent';
 import * as React from 'react';
 import {use} from 'react';
 
+const warnOnRepeatedSafeAreaInsetsChanges: (
+  onSafeAreaInsetsChange: (event: SafeAreaInsetsChangeEvent) => unknown,
+) => (event: SafeAreaInsetsChangeEvent) => unknown = __DEV__
+  ? require('../../../src/private/components/view/warnOnRepeatedSafeAreaInsetsChanges')
+      .default
+  : onSafeAreaInsetsChange => onSafeAreaInsetsChange;
+
 export type ViewInstance = HostInstance;
 
 /**
@@ -115,6 +123,15 @@ component View(ref?: React.RefSetter<ViewInstance>, ...props: ViewProps) {
     };
   }
 
+  if (__DEV__) {
+    const onSafeAreaInsetsChange =
+      resolvedProps.experimental_onSafeAreaInsetsChange;
+    if (onSafeAreaInsetsChange != null) {
+      resolvedProps.experimental_onSafeAreaInsetsChange =
+        warnOnRepeatedSafeAreaInsetsChanges(onSafeAreaInsetsChange);
+    }
+  }
+
   const actualView =
     ref == null ? (
       <ViewNativeComponent {...resolvedProps} />

packages/react-native/Libraries/Components/View/ViewPropTypes.js

@@ -23,6 +23,7 @@ import type {
   LayoutRectangle,
   MouseEvent,
   PointerEvent,
+  SafeAreaInsetsChangeEvent,
 } from '../../Types/CoreEventTypes';
 import type {
   AccessibilityActionEvent,
@@ -63,6 +64,28 @@ type DirectEventProps = Readonly<{
    */
   onLayout?: ?(event: LayoutChangeEvent) => unknown,
 
+  /**
+   * Invoked when the part of this view that is covered by the system UI
+   * (status bar, navigation bar, home indicator, display cutouts, ...)
+   * changes, with:
+   *
+   * `{nativeEvent: {insets: {top, right, bottom, left}}}`
+   *
+   * `insets` are relative to this view: an inset is only non-zero for the part
+   * of the view that actually overlaps the system UI.
+   *
+   * The event is dispatched synchronously, so the rendering it schedules is
+   * applied in the same frame the insets changed in.
+   *
+   * Setting this prop makes the view observe safe area changes; views without
+   * it are unaffected.
+   *
+   * @experimental
+   */
+  experimental_onSafeAreaInsetsChange?: ?(
+    event: SafeAreaInsetsChangeEvent,
+  ) => unknown,
+
   /**
    * When `accessible` is `true`, the system will invoke this function when the
    * user performs the magic tap gesture.