react-native 0.74.0-nightly-20240128-cfc0ba04a → 1000.0.0

package/Libraries/Animated/NativeAnimatedHelper.js

@@ -18,9 +18,9 @@ import type {
 } from './NativeAnimatedModule';
 import type {InterpolationConfigType} from './nodes/AnimatedInterpolation';
 
+import * as ReactNativeFeatureFlags from '../../src/private/featureflags/ReactNativeFeatureFlags';
 import NativeEventEmitter from '../EventEmitter/NativeEventEmitter';
 import RCTDeviceEventEmitter from '../EventEmitter/RCTDeviceEventEmitter';
-import ReactNativeFeatureFlags from '../ReactNative/ReactNativeFeatureFlags';
 import Platform from '../Utilities/Platform';
 import NativeAnimatedNonTurboModule from './NativeAnimatedModule';
 import NativeAnimatedTurboModule from './NativeAnimatedTurboModule';

package/Libraries/Animated/nodes/AnimatedStyle.js

@@ -12,7 +12,7 @@
 
 import type {PlatformConfig} from '../AnimatedPlatformConfig';
 
-import ReactNativeFeatureFlags from '../../ReactNative/ReactNativeFeatureFlags';
+import * as ReactNativeFeatureFlags from '../../../src/private/featureflags/ReactNativeFeatureFlags';
 import flattenStyle from '../../StyleSheet/flattenStyle';
 import Platform from '../../Utilities/Platform';
 import NativeAnimatedHelper from '../NativeAnimatedHelper';

package/Libraries/Animated/useAnimatedProps.js

@@ -10,8 +10,8 @@
 
 'use strict';
 
+import * as ReactNativeFeatureFlags from '../../src/private/featureflags/ReactNativeFeatureFlags';
 import {isPublicInstance as isFabricPublicInstance} from '../ReactNative/ReactFabricPublicInstance/ReactFabricPublicInstanceUtils';
-import ReactNativeFeatureFlags from '../ReactNative/ReactNativeFeatureFlags';
 import useRefEffect from '../Utilities/useRefEffect';
 import {AnimatedEvent} from './AnimatedEvent';
 import NativeAnimatedHelper from './NativeAnimatedHelper';

package/Libraries/AppDelegate/RCTAppDelegate.mm

@@ -107,6 +107,7 @@ static NSDictionary *updateInitialProps(NSDictionary *initialProps, BOOL isFabri
         sizeMeasureMode:RCTSurfaceSizeMeasureModeWidthExact | RCTSurfaceSizeMeasureModeHeightExact];
 
     rootView = (RCTRootView *)surfaceHostingProxyRootView;
+    rootView.backgroundColor = [UIColor systemBackgroundColor];
   } else {
     if (!self.bridge) {
       self.bridge = [self createBridgeWithDelegate:self launchOptions:launchOptions];
@@ -251,7 +252,7 @@ static NSDictionary *updateInitialProps(NSDictionary *initialProps, BOOL isFabri
 
 - (BOOL)bridgelessEnabled
 {
-  return NO;
+  return [self newArchEnabled];
 }
 
 #pragma mark - RCTComponentViewFactoryComponentProvider

package/Libraries/Blob/React-RCTBlob.podspec

@@ -52,6 +52,7 @@ Pod::Spec.new do |s|
 
   add_dependency(s, "React-Codegen")
   add_dependency(s, "React-NativeModulesApple")
+  add_dependency(s, "React-jsinspector", :framework_name => 'jsinspector_modern')
   add_dependency(s, "ReactCommon", :subspec => "turbomodule/core", :additional_framework_paths => ["react/nativemodule/core"])
 
   if ENV["USE_HERMES"] == nil || ENV["USE_HERMES"] == "1"

package/Libraries/Components/PopupMenuAndroid/PopupMenuAndroid.android.js

@@ -0,0 +1,69 @@
+/**
+ * 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 {SyntheticEvent} from '../../Types/CoreEventTypes';
+import type {RefObject} from 'react';
+
+import PopupMenuAndroidNativeComponent, {
+  Commands,
+} from './PopupMenuAndroidNativeComponent';
+import nullthrows from 'nullthrows';
+import * as React from 'react';
+import {useCallback, useImperativeHandle, useRef} from 'react';
+
+type PopupMenuSelectionEvent = SyntheticEvent<
+  $ReadOnly<{
+    item: number,
+  }>,
+>;
+
+export type PopupMenuAndroidInstance = {
+  +show: () => void,
+};
+
+type Props = {
+  menuItems: $ReadOnlyArray<string>,
+  onSelectionChange: number => void,
+  children: React.Node,
+  instanceRef: RefObject<?PopupMenuAndroidInstance>,
+};
+
+export default function PopupMenuAndroid({
+  menuItems,
+  onSelectionChange,
+  children,
+  instanceRef,
+}: Props): React.Node {
+  const nativeRef = useRef<React.ElementRef<HostComponent<mixed>> | null>(null);
+  const _onSelectionChange = useCallback(
+    (event: PopupMenuSelectionEvent) => {
+      onSelectionChange(event.nativeEvent.item);
+    },
+    [onSelectionChange],
+  );
+
+  useImperativeHandle(instanceRef, ItemViewabilityInstance => {
+    return {
+      show() {
+        Commands.show(nullthrows(nativeRef.current));
+      },
+    };
+  });
+
+  return (
+    <PopupMenuAndroidNativeComponent
+      ref={nativeRef}
+      onSelectionChange={_onSelectionChange}
+      menuItems={menuItems}>
+      {children}
+    </PopupMenuAndroidNativeComponent>
+  );
+}

package/Libraries/Components/PopupMenuAndroid/PopupMenuAndroid.d.ts

@@ -0,0 +1,24 @@
+/**
+ * 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
+ */
+
+import type * as React from 'react';
+import {HostComponent} from '../../../types/public/ReactNativeTypes';
+
+type PopupMenuAndroidInstance = {
+  show: () => void;
+};
+
+type Props = {
+  menuItems: Array<string>;
+  onSelectionChange: (number) => void;
+  children: React.ReactNode | undefined;
+  instanceRef: React.ElementRef<HostComponent<PopupMenuAndroidInstance>>;
+};
+
+declare class PopupMenuAndroid extends React.Component<Props> {}

package/Libraries/Components/PopupMenuAndroid/PopupMenuAndroid.js

@@ -0,0 +1,33 @@
+/**
+ * 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 {RefObject} from 'react';
+import type {Node} from 'react';
+
+import * as React from 'react';
+
+const UnimplementedView = require('../UnimplementedViews/UnimplementedView');
+
+export type PopupMenuAndroidInstance = {
+  +show: () => void,
+};
+
+type Props = {
+  menuItems: $ReadOnlyArray<string>,
+  onSelectionChange: number => void,
+  children: Node,
+  instanceRef: RefObject<?PopupMenuAndroidInstance>,
+};
+
+function PopupMenuAndroid(props: Props): Node {
+  return <UnimplementedView />;
+}
+
+export default PopupMenuAndroid;

package/Libraries/Components/PopupMenuAndroid/PopupMenuAndroidNativeComponent.js

@@ -0,0 +1,13 @@
+/**
+ * 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
+ */
+
+export * from '../../../src/private/specs/components/PopupMenuAndroidNativeComponent';
+import PopupMenuAndroidNativeComponent from '../../../src/private/specs/components/PopupMenuAndroidNativeComponent';
+export default PopupMenuAndroidNativeComponent;

package/Libraries/Core/ReactNativeVersion.js

@@ -1,12 +1,11 @@
 /**
- * @generated by scripts/set-rn-version.js
- *
  * 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
+ * @generated by scripts/releases/set-rn-version.js
  */
 
 const version: $ReadOnly<{
@@ -18,7 +17,7 @@ const version: $ReadOnly<{
   major: 0,
   minor: 74,
   patch: 0,
-  prerelease: 'nightly-20240128-cfc0ba04a',
+  prerelease: 'nightly-20240131-82e9a5e4f',
 };
 
 module.exports = {version};

package/Libraries/Core/ReactNativeVersionCheck.js

@@ -34,7 +34,7 @@ const checkVersions = function checkVersions(): void {
         `Native version: ${_formatVersion(nativeVersion)}\n\n` +
         'Make sure that you have rebuilt the native code. If the problem ' +
         'persists try clearing the Watchman and packager caches with ' +
-        '`watchman watch-del-all && react-native start --reset-cache`.',
+        '`watchman watch-del-all && npx react-native start --reset-cache`.',
     );
   }
 };

package/Libraries/Core/registerCallableModule.js

@@ -0,0 +1,42 @@
+/**
+ * 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
+ */
+
+'use strict';
+
+type Module = {...};
+type RegisterCallableModule = (
+  name: string,
+  moduleOrFactory: Module | (void => Module),
+) => void;
+
+const registerCallableModule: RegisterCallableModule = (function () {
+  if (global.RN$Bridgeless === true) {
+    return (name, moduleOrFactory) => {
+      if (typeof moduleOrFactory === 'function') {
+        global.RN$registerCallableModule(name, moduleOrFactory);
+        return;
+      }
+
+      global.RN$registerCallableModule(name, () => moduleOrFactory);
+    };
+  }
+
+  const BatchedBridge = require('../BatchedBridge/BatchedBridge');
+  return (name, moduleOrFactory) => {
+    if (typeof moduleOrFactory === 'function') {
+      BatchedBridge.registerLazyCallableModule(name, moduleOrFactory);
+      return;
+    }
+
+    BatchedBridge.registerCallableModule(name, moduleOrFactory);
+  };
+})();
+
+export default registerCallableModule;

package/Libraries/Image/RCTImageLoader.mm

@@ -44,16 +44,10 @@ static NSInteger RCTImageBytesForImage(UIImage *image)
   return image.images ? image.images.count * singleImageBytes : singleImageBytes;
 }
 
-static uint64_t monotonicTimeGetCurrentNanoseconds(void)
+static uint64_t getNextImageRequestCount(void)
 {
-  static struct mach_timebase_info tb_info = {0};
-  static dispatch_once_t onceToken;
-  dispatch_once(&onceToken, ^{
-    __unused int ret = mach_timebase_info(&tb_info);
-    assert(0 == ret);
-  });
-
-  return (mach_absolute_time() * tb_info.numer) / tb_info.denom;
+  static uint64_t requestCounter = 0;
+  return requestCounter++;
 }
 
 static NSError *addResponseHeadersToError(NSError *originalError, NSHTTPURLResponse *response)
@@ -528,8 +522,7 @@ static UIImage *RCTResizeImageIfNeeded(UIImage *image, CGSize size, CGFloat scal
   auto cancelled = std::make_shared<std::atomic<int>>(0);
   __block dispatch_block_t cancelLoad = nil;
   __block NSLock *cancelLoadLock = [NSLock new];
-  NSString *requestId =
-      [NSString stringWithFormat:@"%@-%llu", [[NSUUID UUID] UUIDString], monotonicTimeGetCurrentNanoseconds()];
+  NSString *requestId = [NSString stringWithFormat:@"%@-%llu", [[NSUUID UUID] UUIDString], getNextImageRequestCount()];
 
   void (^completionHandler)(NSError *, id, id, NSURLResponse *) =
       ^(NSError *error, id imageOrData, id imageMetadata, NSURLResponse *response) {

package/Libraries/LayoutAnimation/LayoutAnimation.js

@@ -16,8 +16,8 @@ import type {
   LayoutAnimationType,
 } from '../Renderer/shims/ReactNativeTypes';
 
+import * as ReactNativeFeatureFlags from '../../src/private/featureflags/ReactNativeFeatureFlags';
 import {getFabricUIManager} from '../ReactNative/FabricUIManager';
-import ReactNativeFeatureFlags from '../ReactNative/ReactNativeFeatureFlags';
 import Platform from '../Utilities/Platform';
 
 const UIManager = require('../ReactNative/UIManager');

package/Libraries/ReactNative/BridgelessUIManager.js

@@ -122,7 +122,7 @@ const UIManagerJSOverridenAPIs = {
  * In OSS, the New Architecture will just use the Fabric renderer, which uses
  * different APIs.
  */
-const UIManagerJSUnusedAPIs = {
+const UIManagerJSUnusedInNewArchAPIs = {
   createView: (
     reactTag: ?number,
     viewName: string,
@@ -155,6 +155,34 @@ const UIManagerJSUnusedAPIs = {
   },
 };
 
+/**
+ * Leave unimplemented: These APIs are deprecated in UIManager. We will eventually remove
+ * them from React Native.
+ */
+const UIManagerJSDeprecatedPlatformAPIs = Platform.select({
+  android: {
+    // TODO(T175424986): Remove UIManager.showPopupMenu() in React Native v0.75.
+    showPopupMenu: (
+      reactTag: ?number,
+      items: Array<string>,
+      error: (error: Object) => void,
+      success: (event: string, selected?: number) => void,
+    ): void => {
+      raiseSoftError(
+        'showPopupMenu',
+        'Please use the <PopupMenuAndroid /> component instead.',
+      );
+    },
+    // TODO(T175424986): Remove UIManager.dismissPopupMenu() in React Native v0.75.
+    dismissPopupMenu: (): void => {
+      raiseSoftError(
+        'dismissPopupMenu',
+        'Please use the <PopupMenuAndroid /> component instead.',
+      );
+    },
+  },
+});
+
 const UIManagerJSPlatformAPIs = Platform.select({
   android: {
     getConstantsForViewManager: (viewManagerName: string): ?Object => {
@@ -232,17 +260,6 @@ const UIManagerJSPlatformAPIs = Platform.select({
 
       FabricUIManager.sendAccessibilityEvent(shadowNode, eventName);
     },
-    showPopupMenu: (
-      reactTag: ?number,
-      items: Array<string>,
-      error: (error: Object) => void,
-      success: (event: string, selected?: number) => void,
-    ): void => {
-      raiseSoftError('showPopupMenu');
-    },
-    dismissPopupMenu: (): void => {
-      raiseSoftError('dismissPopupMenu');
-    },
   },
   ios: {
     /**
@@ -293,8 +310,9 @@ const UIManagerJSPlatformAPIs = Platform.select({
 
 const UIManagerJS: UIManagerJSInterface & {[string]: any} = {
   ...UIManagerJSOverridenAPIs,
+  ...UIManagerJSDeprecatedPlatformAPIs,
   ...UIManagerJSPlatformAPIs,
-  ...UIManagerJSUnusedAPIs,
+  ...UIManagerJSUnusedInNewArchAPIs,
   getViewManagerConfig: (viewManagerName: string): mixed => {
     if (getUIManagerConstants) {
       const constants = getUIManagerConstantsCached();

package/Libraries/ReactNative/ReactFabricPublicInstance/ReactFabricPublicInstance.js

@@ -23,7 +23,7 @@ import type {
 } from '../../Renderer/shims/ReactNativeTypes';
 import type ReactFabricHostComponent from './ReactFabricHostComponent';
 
-import ReactNativeFeatureFlags from '../ReactNativeFeatureFlags';
+import * as ReactNativeFeatureFlags from '../../../src/private/featureflags/ReactNativeFeatureFlags';
 
 // Lazy loaded to avoid evaluating the module when using the legacy renderer.
 let PublicInstanceClass:

package/Libraries/ReactNative/ReactNativeFeatureFlags.js

@@ -9,11 +9,6 @@
  */
 
 export type FeatureFlags = {|
-  /**
-   * Function used to enable / disabled Layout Animations in React Native.
-   * Default value = true.
-   */
-  isLayoutAnimationEnabled: () => boolean,
   /**
    * Function used to enable / disable W3C pointer event emitting in React Native.
    * If enabled you must also flip the equivalent native flags on each platform:
@@ -26,39 +21,11 @@ export type FeatureFlags = {|
    * for its hover callbacks
    */
   shouldPressibilityUseW3CPointerEventsForHover: () => boolean,
-  /**
-   * Enables an experimental flush-queue debouncing in Animated.js.
-   */
-  animatedShouldDebounceQueueFlush: () => boolean,
-  /**
-   * Enables an experimental mega-operation for Animated.js that replaces
-   * many calls to native with a single call into native, to reduce JSI/JNI
-   * traffic.
-   */
-  animatedShouldUseSingleOp: () => boolean,
-  /**
-   * Enables access to the host tree in Fabric using DOM-compatible APIs.
-   */
-  enableAccessToHostTreeInFabric: () => boolean,
-  /**
-   * Enables use of AnimatedObject for animating transform values.
-   */
-  shouldUseAnimatedObjectForTransform: () => boolean,
-  /**
-   * Enables use of setNativeProps in JS driven animations.
-   */
-  shouldUseSetNativePropsInFabric: () => boolean,
 |};
 
 const ReactNativeFeatureFlags: FeatureFlags = {
-  isLayoutAnimationEnabled: () => true,
   shouldEmitW3CPointerEvents: () => false,
   shouldPressibilityUseW3CPointerEventsForHover: () => false,
-  animatedShouldDebounceQueueFlush: () => false,
-  animatedShouldUseSingleOp: () => false,
-  enableAccessToHostTreeInFabric: () => false,
-  shouldUseAnimatedObjectForTransform: () => false,
-  shouldUseSetNativePropsInFabric: () => true,
 };
 
 module.exports = ReactNativeFeatureFlags;

package/Libraries/ReactNative/__mocks__/FabricUIManager.js

@@ -24,6 +24,8 @@ import type {
   Spec as FabricUIManager,
 } from '../FabricUIManager';
 
+import {createRootTag} from '../RootTag.js';
+
 export type NodeMock = {
   children: NodeSet,
   instanceHandle: InternalInstanceHandle,
@@ -160,6 +162,7 @@ function hasDisplayNone(node: Node): boolean {
 }
 
 interface IFabricUIManagerMock extends FabricUIManager {
+  getRoot(rootTag: RootTag | number): NodeSet;
   __getInstanceHandleFromNode(node: Node): InternalInstanceHandle;
   __addCommitHook(commitHook: UIManagerCommitHook): void;
   __removeCommitHook(commitHook: UIManagerCommitHook): void;
@@ -638,6 +641,15 @@ const FabricUIManagerMock: IFabricUIManagerMock = {
     return 'RN:' + fromNode(node).viewName;
   }),
 
+  getRoot(containerTag: RootTag | number): NodeSet {
+    const tag = createRootTag(containerTag);
+    const root = roots.get(tag);
+    if (!root) {
+      throw new Error('No root found for containerTag ' + Number(tag));
+    }
+    return root;
+  },
+
   __getInstanceHandleFromNode(node: Node): InternalInstanceHandle {
     return fromNode(node).instanceHandle;
   },