react-native 0.0.0-17be3a003 → 0.0.0-18697adec

package/Libraries/Network/XMLHttpRequest.js

@@ -10,6 +10,8 @@
 
 'use strict';
 
+import {type EventSubscription} from '../vendor/emitter/EventEmitter';
+
 import type {IPerformanceLogger} from '../Utilities/createPerformanceLogger';
 
 const BlobManager = require('../Blob/BlobManager');
@@ -125,7 +127,7 @@ class XMLHttpRequest extends (EventTarget(...XHR_EVENTS): any) {
   upload: XMLHttpRequestEventTarget = new XMLHttpRequestEventTarget();
 
   _requestId: ?number;
-  _subscriptions: Array<*>;
+  _subscriptions: Array<EventSubscription>;
 
   _aborted: boolean = false;
   _cachedResponse: Response;
@@ -551,6 +553,7 @@ class XMLHttpRequest extends (EventTarget(...XHR_EVENTS): any) {
         nativeResponseType,
         incrementalEvents,
         this.timeout,
+        // $FlowFixMe[method-unbinding] added when improving typing for this parameters
         this.__didCreateRequest.bind(this),
         this.withCredentials,
       );

package/Libraries/NewAppScreen/components/Header.js

@@ -19,6 +19,7 @@ const Header = (): Node => {
   return (
     <ImageBackground
       accessibilityRole="image"
+      testID="new-app-screen-header"
       source={require('./logo.png')}
       style={[
         styles.background,

package/Libraries/NewAppScreen/components/HermesBadge.js

@@ -15,6 +15,9 @@ import Colors from './Colors';
 
 const HermesBadge = (): Node => {
   const isDarkMode = useColorScheme() === 'dark';
+  const version =
+    global.HermesInternal?.getRuntimeProperties?.()['OSS Release Version'] ??
+    '';
   return global.HermesInternal ? (
     <View style={styles.badge}>
       <Text
@@ -24,7 +27,7 @@ const HermesBadge = (): Node => {
             color: isDarkMode ? Colors.light : Colors.dark,
           },
         ]}>
-        Engine: Hermes
+        {`Engine: Hermes ${version}`}
       </Text>
     </View>
   ) : null;

package/Libraries/Performance/QuickPerformanceLogger.js

@@ -65,6 +65,7 @@ const QuickPerformanceLogger = {
     markerId: number,
     instanceKey?: number = DUMMY_INSTANCE_KEY,
   ): void {
+    // $FlowFixMe[object-this-reference]
     this.markerDrop(markerId, instanceKey);
   },
 
@@ -73,9 +74,10 @@ const QuickPerformanceLogger = {
     name: string,
     instanceKey: number = DUMMY_INSTANCE_KEY,
     timestamp: number = AUTO_SET_TIMESTAMP,
+    data: ?string = null,
   ): void {
     if (global.nativeQPLMarkerPoint) {
-      global.nativeQPLMarkerPoint(markerId, name, instanceKey, timestamp);
+      global.nativeQPLMarkerPoint(markerId, name, instanceKey, timestamp, data);
     }
   },
 

package/Libraries/PermissionsAndroid/NativePermissionsAndroid.js

@@ -41,7 +41,10 @@ export type PermissionType =
   | 'android.permission.RECEIVE_WAP_PUSH'
   | 'android.permission.RECEIVE_MMS'
   | 'android.permission.READ_EXTERNAL_STORAGE'
-  | 'android.permission.WRITE_EXTERNAL_STORAGE';
+  | 'android.permission.WRITE_EXTERNAL_STORAGE'
+  | 'android.permission.BLUETOOTH_CONNECT'
+  | 'android.permission.BLUETOOTH_SCAN'
+  | 'android.permission.BLUETOOTH_ADVERTISE';
 */
 
 export interface Spec extends TurboModule {

package/Libraries/PermissionsAndroid/PermissionsAndroid.js

@@ -59,6 +59,9 @@ const PERMISSIONS = Object.freeze({
   RECEIVE_MMS: 'android.permission.RECEIVE_MMS',
   READ_EXTERNAL_STORAGE: 'android.permission.READ_EXTERNAL_STORAGE',
   WRITE_EXTERNAL_STORAGE: 'android.permission.WRITE_EXTERNAL_STORAGE',
+  BLUETOOTH_CONNECT: 'android.permission.BLUETOOTH_CONNECT',
+  BLUETOOTH_SCAN: 'android.permission.BLUETOOTH_SCAN',
+  BLUETOOTH_ADVERTISE: 'android.permission.BLUETOOTH_ADVERTISE',
 });
 
 /**
@@ -73,6 +76,9 @@ class PermissionsAndroid {
     ACCESS_COARSE_LOCATION: string,
     ACCESS_FINE_LOCATION: string,
     ADD_VOICEMAIL: string,
+    BLUETOOTH_ADVERTISE: string,
+    BLUETOOTH_CONNECT: string,
+    BLUETOOTH_SCAN: string,
     BODY_SENSORS: string,
     CALL_PHONE: string,
     CAMERA: string,

package/Libraries/Pressability/Pressability.js

@@ -631,6 +631,7 @@ export default class Pressability {
         PressabilityPerformanceEventEmitter.emitEvent(() => {
           return {
             signal,
+            nativeTimestamp: event.nativeEvent.timestamp,
             touchDelayMs: Date.now() - event.nativeEvent.timestamp,
           };
         });

package/Libraries/Pressability/PressabilityPerformanceEventEmitter.js

@@ -12,6 +12,7 @@ import {type PressabilityTouchSignal as TouchSignal} from './PressabilityTypes.j
 
 export type PressabilityPerformanceEvent = $ReadOnly<{|
   signal: TouchSignal,
+  nativeTimestamp: number,
   touchDelayMs: number,
 |}>;
 export type PressabilityPerformanceEventListener = PressabilityPerformanceEvent => void;

package/Libraries/PushNotificationIOS/RCTPushNotificationManager.mm

@@ -103,7 +103,6 @@ static NSDictionary *RCTFormatLocalNotification(UILocalNotification *notificatio
   return formattedLocalNotification;
 }
 
-API_AVAILABLE(ios(10.0))
 static NSDictionary *RCTFormatUNNotification(UNNotification *notification)
 {
   NSMutableDictionary *formattedNotification = [NSMutableDictionary dictionary];

package/Libraries/PushNotificationIOS/RCTPushNotificationPlugins.mm

@@ -17,12 +17,13 @@
 #import <unordered_map>
 
 Class RCTPushNotificationClassProvider(const char *name) {
-  static std::unordered_map<std::string, Class (*)(void)> sCoreModuleClassMap = {
+  // Intentionally leak to avoid crashing after static destructors are run.
+  static const auto sCoreModuleClassMap = new const std::unordered_map<std::string, Class (*)(void)>{
     {"PushNotificationManager", RCTPushNotificationManagerCls},
   };
 
-  auto p = sCoreModuleClassMap.find(name);
-  if (p != sCoreModuleClassMap.end()) {
+  auto p = sCoreModuleClassMap->find(name);
+  if (p != sCoreModuleClassMap->end()) {
     auto classFunc = p->second;
     return classFunc();
   }

package/Libraries/PushNotificationIOS/React-RCTPushNotification.podspec

@@ -17,7 +17,7 @@ else
 end
 
 folly_compiler_flags = '-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -Wno-comma -Wno-shorten-64-to-32'
-folly_version = '2020.01.13.00'
+folly_version = '2021.06.28.00-v2'
 
 Pod::Spec.new do |s|
   s.name                   = "React-RCTPushNotification"

package/Libraries/RCTRequired/BUCK

@@ -2,7 +2,10 @@ load("//tools/build_defs/oss:rn_defs.bzl", "fb_apple_library")
 
 fb_apple_library(
     name = "RCTRequired",
-    autoglob = True,
+    exported_headers = [
+        "RCTRequired/RCTRequired.h",
+    ],
+    autoglob = False,
     complete_nullability = True,
     contacts = ["oncall+react_native@xmail.facebook.com"],
     extension_api_only = True,

package/Libraries/ReactNative/AppContainer.js

@@ -13,12 +13,14 @@ import RCTDeviceEventEmitter from '../EventEmitter/RCTDeviceEventEmitter';
 import StyleSheet from '../StyleSheet/StyleSheet';
 import {type EventSubscription} from '../vendor/emitter/EventEmitter';
 import {RootTagContext, createRootTag} from './RootTag';
+import type {RootTag} from './RootTag';
 import * as React from 'react';
 
 type Props = $ReadOnly<{|
   children?: React.Node,
   fabric?: boolean,
-  rootTag: number,
+  useConcurrentRoot?: boolean,
+  rootTag: number | RootTag,
   initialProps?: {...},
   showArchitectureIndicator?: boolean,
   WrapperComponent?: ?React.ComponentType<any>,
@@ -130,11 +132,4 @@ const styles = StyleSheet.create({
   },
 });
 
-if (__DEV__) {
-  if (!global.__RCTProfileIsProfiling) {
-    const LogBox = require('../LogBox/LogBox');
-    LogBox.install();
-  }
-}
-
 module.exports = AppContainer;

package/Libraries/ReactNative/AppRegistry.js

@@ -22,6 +22,7 @@ import {coerceDisplayMode} from './DisplayMode';
 import createPerformanceLogger from '../Utilities/createPerformanceLogger';
 import NativeHeadlessJsTaskSupport from './NativeHeadlessJsTaskSupport';
 import HeadlessJsTaskError from './HeadlessJsTaskError';
+import type {RootTag} from 'react-native/Libraries/Types/RootTagTypes';
 
 type Task = (taskData: any) => Promise<void>;
 export type TaskProvider = () => Task;
@@ -51,7 +52,7 @@ export type Registry = {
   runnables: Runnables,
   ...
 };
-export type WrapperComponentProvider = any => React$ComponentType<*>;
+export type WrapperComponentProvider = any => React$ComponentType<any>;
 
 const runnables: Runnables = {};
 let runCount = 1;
@@ -127,6 +128,7 @@ const AppRegistry = {
           appKey === 'LogBox',
           appKey,
           coerceDisplayMode(displayMode),
+          appParameters.concurrentRoot,
         );
       },
     };
@@ -243,7 +245,9 @@ const AppRegistry = {
    *
    * See https://reactnative.dev/docs/appregistry.html#unmountapplicationcomponentatroottag
    */
-  unmountApplicationComponentAtRootTag(rootTag: number): void {
+  unmountApplicationComponentAtRootTag(rootTag: RootTag): void {
+    // NOTE: RootTag type
+    // $FlowFixMe[incompatible-call] RootTag: RootTag is incompatible with number, needs an updated synced version of the ReactNativeTypes.js file
     ReactNative.unmountComponentAtNodeAndRemoveContainer(rootTag);
   },
 
@@ -253,6 +257,7 @@ const AppRegistry = {
    * See https://reactnative.dev/docs/appregistry.html#registerheadlesstask
    */
   registerHeadlessTask(taskKey: string, taskProvider: TaskProvider): void {
+    // $FlowFixMe[object-this-reference]
     this.registerCancellableHeadlessTask(taskKey, taskProvider, () => () => {
       /* Cancel is no-op */
     });

package/Libraries/ReactNative/DisplayMode.js

@@ -19,15 +19,14 @@ const DisplayMode: {[string]: DisplayModeType} = Object.freeze({
 });
 
 export function coerceDisplayMode(value: ?number): DisplayModeType {
-  if (value == null || value === undefined) {
-    return DisplayMode.VISIBLE;
-  }
   switch (value) {
     case DisplayMode.SUSPENDED:
+      return DisplayMode.SUSPENDED;
     case DisplayMode.HIDDEN:
-      return value;
+      return DisplayMode.HIDDEN;
+    default:
+      return DisplayMode.VISIBLE;
   }
-  return DisplayMode.VISIBLE;
 }
 
 export default DisplayMode;

package/Libraries/ReactNative/DummyUIManager.js

@@ -10,6 +10,8 @@
 
 'use strict';
 
+import type {RootTag} from 'react-native/Libraries/Types/RootTagTypes';
+
 module.exports = {
   getViewManagerConfig: (viewManagerName: string): mixed => {
     console.warn(
@@ -21,7 +23,10 @@ module.exports = {
     return null;
   },
   hasViewManagerConfig: (viewManagerName: string): boolean => {
-    return viewManagerName === 'RCTVirtualText';
+    return (
+      viewManagerName === 'RCTVirtualText' ||
+      viewManagerName === 'RCTShimmeringView'
+    );
   },
   getConstants: (): {...} => ({}),
   getConstantsForViewManager: (viewManagerName: string) => {},
@@ -30,7 +35,7 @@ module.exports = {
   createView: (
     reactTag: ?number,
     viewName: string,
-    rootTag: number,
+    rootTag: RootTag,
     props: Object,
   ) => {},
   updateView: (reactTag: number, viewName: string, props: Object) => {},

package/Libraries/ReactNative/FabricUIManager.js

@@ -16,6 +16,7 @@ import type {
   MeasureLayoutOnSuccessCallback,
   LayoutAnimationConfig,
 } from '../Renderer/shims/ReactNativeTypes';
+import type {RootTag} from 'react-native/Libraries/Types/RootTagTypes';
 
 // TODO: type these properly.
 type Node = {...};
@@ -26,7 +27,7 @@ export type Spec = {|
   +createNode: (
     reactTag: number,
     viewName: string,
-    rootTag: number,
+    rootTag: RootTag,
     props: NodeProps,
     instanceHandle: InstanceHandle,
   ) => Node,
@@ -34,10 +35,10 @@ export type Spec = {|
   +cloneNodeWithNewChildren: (node: Node) => Node,
   +cloneNodeWithNewProps: (node: Node, newProps: NodeProps) => Node,
   +cloneNodeWithNewChildrenAndProps: (node: Node, newProps: NodeProps) => Node,
-  +createChildSet: (rootTag: number) => NodeSet,
+  +createChildSet: (rootTag: RootTag) => NodeSet,
   +appendChild: (parentNode: Node, child: Node) => Node,
   +appendChildToSet: (childSet: NodeSet, child: Node) => void,
-  +completeRoot: (rootTag: number, childSet: NodeSet) => void,
+  +completeRoot: (rootTag: RootTag, childSet: NodeSet) => void,
   +measure: (node: Node, callback: MeasureOnSuccessCallback) => void,
   +measureInWindow: (
     node: Node,

package/Libraries/ReactNative/I18nManager.js

@@ -13,12 +13,17 @@ import NativeI18nManager from './NativeI18nManager';
 const i18nConstants: {|
   doLeftAndRightSwapInRTL: boolean,
   isRTL: boolean,
+  localeIdentifier?: ?string,
 |} = getI18nManagerConstants();
 
 function getI18nManagerConstants() {
   if (NativeI18nManager) {
-    const {isRTL, doLeftAndRightSwapInRTL} = NativeI18nManager.getConstants();
-    return {isRTL, doLeftAndRightSwapInRTL};
+    const {
+      isRTL,
+      doLeftAndRightSwapInRTL,
+      localeIdentifier,
+    } = NativeI18nManager.getConstants();
+    return {isRTL, doLeftAndRightSwapInRTL, localeIdentifier};
   }
 
   return {
@@ -28,7 +33,11 @@ function getI18nManagerConstants() {
 }
 
 module.exports = {
-  getConstants: (): {|doLeftAndRightSwapInRTL: boolean, isRTL: boolean|} => {
+  getConstants: (): {|
+    doLeftAndRightSwapInRTL: boolean,
+    isRTL: boolean,
+    localeIdentifier: ?string,
+  |} => {
     return i18nConstants;
   },
 

package/Libraries/ReactNative/NativeUIManager.js

@@ -8,6 +8,7 @@
  * @format
  */
 
+import type {RootTag} from '../TurboModule/RCTExport';
 import type {TurboModule} from '../TurboModule/RCTExport';
 import * as TurboModuleRegistry from '../TurboModule/TurboModuleRegistry';
 
@@ -19,7 +20,7 @@ export interface Spec extends TurboModule {
   +createView: (
     reactTag: ?number,
     viewName: string,
-    rootTag: number,
+    rootTag: RootTag,
     props: Object,
   ) => void;
   +updateView: (reactTag: number, viewName: string, props: Object) => void;

package/Libraries/ReactNative/PaperUIManager.js

@@ -15,6 +15,7 @@ const UIManagerProperties = require('./UIManagerProperties');
 const defineLazyObjectProperty = require('../Utilities/defineLazyObjectProperty');
 
 import NativeUIManager from './NativeUIManager';
+import type {RootTag} from 'react-native/Libraries/Types/RootTagTypes';
 
 const viewManagerConfigs = {};
 
@@ -33,6 +34,7 @@ function getConstants(): Object {
 function getViewManagerConfig(viewManagerName: string): any {
   if (
     viewManagerConfigs[viewManagerName] === undefined &&
+    global.nativeCallSyncHook && // If we're in the Chrome Debugger, let's not even try calling the sync method
     NativeUIManager.getConstantsForViewManager
   ) {
     try {
@@ -84,7 +86,7 @@ const UIManagerJS = {
   createView(
     reactTag: ?number,
     viewName: string,
-    rootTag: number,
+    rootTag: RootTag,
     props: Object,
   ): void {
     if (Platform.OS === 'ios' && viewManagerConfigs[viewName] === undefined) {

package/Libraries/ReactNative/RootTag.js

@@ -11,7 +11,7 @@
 import * as React from 'react';
 
 // TODO: Make this into an opaque type.
-export type RootTag = number;
+export opaque type RootTag = number;
 
 export const RootTagContext: React$Context<RootTag> = React.createContext<RootTag>(
   0,
@@ -24,6 +24,6 @@ if (__DEV__) {
 /**
  * Intended to only be used by `AppContainer`.
  */
-export function createRootTag(rootTag: number): RootTag {
+export function createRootTag(rootTag: number | RootTag): RootTag {
   return rootTag;
 }

package/Libraries/ReactNative/UIManager.js

@@ -10,6 +10,7 @@
 
 import UIManagerInjection from './UIManagerInjection';
 import type {Spec} from './NativeUIManager';
+import type {RootTag} from 'react-native/Libraries/Types/RootTagTypes';
 
 interface UIManagerJSInterface extends Spec {
   +getViewManagerConfig: (viewManagerName: string) => Object;
@@ -17,7 +18,7 @@ interface UIManagerJSInterface extends Spec {
   +createView: (
     reactTag: ?number,
     viewName: string,
-    rootTag: number,
+    rootTag: RootTag,
     props: Object,
   ) => void;
   +updateView: (reactTag: number, viewName: string, props: Object) => void;

package/Libraries/ReactNative/getCachedComponentWithDebugName.js

@@ -0,0 +1,32 @@
+/**
+ * Copyright (c) Facebook, Inc. and its 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
+ * @format
+ */
+
+import type {AbstractComponent, Node} from 'react';
+
+type NoopComponent = AbstractComponent<{children: Node}>;
+
+const cache: Map<
+  string, // displayName
+  NoopComponent, // ComponentWithDisplayName
+> = new Map();
+
+export default function getCachedComponentWithDisplayName(
+  displayName: string,
+): NoopComponent {
+  let ComponentWithDisplayName = cache.get(displayName);
+
+  if (!ComponentWithDisplayName) {
+    ComponentWithDisplayName = ({children}) => children;
+    ComponentWithDisplayName.displayName = displayName;
+    cache.set(displayName, ComponentWithDisplayName);
+  }
+
+  return ComponentWithDisplayName;
+}

package/Libraries/ReactNative/renderApplication.js

@@ -13,6 +13,7 @@ import GlobalPerformanceLogger from '../Utilities/GlobalPerformanceLogger';
 import type {IPerformanceLogger} from '../Utilities/createPerformanceLogger';
 import PerformanceLoggerContext from '../Utilities/PerformanceLoggerContext';
 import type {DisplayModeType} from './DisplayMode';
+import getCachedComponentWithDebugName from './getCachedComponentWithDebugName';
 const React = require('react');
 
 const invariant = require('invariant');
@@ -24,13 +25,14 @@ function renderApplication<Props: Object>(
   RootComponent: React.ComponentType<Props>,
   initialProps: Props,
   rootTag: any,
-  WrapperComponent?: ?React.ComponentType<*>,
+  WrapperComponent?: ?React.ComponentType<any>,
   fabric?: boolean,
   showArchitectureIndicator?: boolean,
   scopedPerformanceLogger?: IPerformanceLogger,
   isLogBox?: boolean,
   debugName?: string,
   displayMode?: ?DisplayModeType,
+  useConcurrentRoot?: boolean,
 ) {
   invariant(rootTag, 'Expect to have a valid rootTag, instead got ', rootTag);
 
@@ -51,8 +53,9 @@ function renderApplication<Props: Object>(
   );
 
   if (__DEV__ && debugName) {
-    const RootComponentWithMeaningfulName = ({children}) => children;
-    RootComponentWithMeaningfulName.displayName = `${debugName}(RootComponent)`;
+    const RootComponentWithMeaningfulName = getCachedComponentWithDebugName(
+      `${debugName}(RootComponent)`,
+    );
     renderable = (
       <RootComponentWithMeaningfulName>
         {renderable}
@@ -62,9 +65,13 @@ function renderApplication<Props: Object>(
 
   performanceLogger.startTimespan('renderApplication_React_render');
   performanceLogger.setExtra('usedReactFabric', fabric ? '1' : '0');
-
   if (fabric) {
-    require('../Renderer/shims/ReactFabric').render(renderable, rootTag);
+    require('../Renderer/shims/ReactFabric').render(
+      renderable,
+      rootTag,
+      null,
+      useConcurrentRoot,
+    );
   } else {
     require('../Renderer/shims/ReactNative').render(renderable, rootTag);
   }

package/Libraries/ReactPrivate/ReactNativePrivateInterface.js

@@ -49,8 +49,7 @@ module.exports = {
     return require('../Utilities/differ/deepDiffer');
   },
   get deepFreezeAndThrowOnMutationInDev(): deepFreezeAndThrowOnMutationInDev<
-    // $FlowFixMe[deprecated-type] - can't properly parameterize the getter's type
-    *,
+    {...} | Array<mixed>,
   > {
     return require('../Utilities/deepFreezeAndThrowOnMutationInDev');
   },
@@ -58,7 +57,7 @@ module.exports = {
     return require('../StyleSheet/flattenStyle');
   },
   get ReactFiberErrorDialog(): ReactFiberErrorDialog {
-    return require('../Core/ReactFiberErrorDialog');
+    return require('../Core/ReactFiberErrorDialog').default;
   },
   get legacySendAccessibilityEvent(): legacySendAccessibilityEvent {
     return require('../Components/AccessibilityInfo/legacySendAccessibilityEvent');

package/Libraries/Reliability/UserFlow.js

@@ -122,6 +122,13 @@ const UserFlow = {
     }
   },
 
+  /**
+   * Completes flow as failed
+   *
+   * ErrorName should be short and easily categorazable (it is attached as point to the UserFlow and can be used for aggregations).
+   * For example: io_error, network_error, parse_error, validation_error.
+   * DebugInfo is free-form string, where you can attach detailed error message. It is attached as data to the point (see ErrorName).
+   */
   endFailure(
     flowId: FlowId,
     errorName: string,

package/Libraries/Renderer/REVISION

@@ -1 +1 @@
-c9aab1c9d00ce407b1c61c385b356d49cd147f60
+e8feb11b62e869804970258fa629922edbfc836b