@office-iss/react-native-win32 0.74.4 → 0.75.0-preview.2

package/Libraries/Pressability/Pressability.js

@@ -136,33 +136,6 @@ export type PressabilityConfig = $ReadOnly<{|
    * while this pressable is responder.
    */
   blockNativeResponder?: ?boolean,
-
-  /**
-   * Returns whether a long press gesture should cancel the press gesture.
-   * Defaults to true.
-   *
-   * @deprecated
-   */
-  onLongPressShouldCancelPress_DEPRECATED?: ?() => boolean,
-
-  /**
-   * If `cancelable` is set, this will be ignored.
-   *
-   * Returns whether to yield to a lock termination request (e.g. if a native
-   * scroll gesture attempts to steal the responder lock).
-   *
-   * @deprecated
-   */
-  onResponderTerminationRequest_DEPRECATED?: ?() => boolean,
-
-  /**
-   * If `disabled` is set, this will be ignored.
-   *
-   * Returns whether to start a press gesture.
-   *
-   * @deprecated
-   */
-  onStartShouldSetResponder_DEPRECATED?: ?() => boolean,
 |}>;
 
 export type EventHandlers = $ReadOnly<{|
@@ -475,13 +448,7 @@ export default class Pressability {
     const responderEventHandlers = {
       onStartShouldSetResponder: (): boolean => {
         const {disabled} = this._config;
-        if (disabled == null) {
-          const {onStartShouldSetResponder_DEPRECATED} = this._config;
-          return onStartShouldSetResponder_DEPRECATED == null
-            ? true
-            : onStartShouldSetResponder_DEPRECATED();
-        }
-        return !disabled;
+        return !disabled ?? true;
       },
 
       onResponderGrant: (event: PressEvent): void | boolean => {
@@ -559,13 +526,7 @@ export default class Pressability {
 
       onResponderTerminationRequest: (): boolean => {
         const {cancelable} = this._config;
-        if (cancelable == null) {
-          const {onResponderTerminationRequest_DEPRECATED} = this._config;
-          return onResponderTerminationRequest_DEPRECATED == null
-            ? true
-            : onResponderTerminationRequest_DEPRECATED();
-        }
-        return cancelable;
+        return cancelable ?? true;
       },
 
       onClick: (event: PressEvent): void => {
@@ -789,9 +750,7 @@ export default class Pressability {
       const {onLongPress, onPress, android_disableSound} = this._config;
       if (onPress != null) {
         const isPressCanceledByLongPress =
-          onLongPress != null &&
-          prevState === 'RESPONDER_ACTIVE_LONG_PRESS_IN' &&
-          this._shouldLongPressCancelPress();
+          onLongPress != null && prevState === 'RESPONDER_ACTIVE_LONG_PRESS_IN';
         if (!isPressCanceledByLongPress) {
           if (Platform.OS === 'android' && android_disableSound !== true) {
             SoundManager.playTouchSound();
@@ -925,13 +884,6 @@ export default class Pressability {
     }
   }
 
-  _shouldLongPressCancelPress(): boolean {
-    return (
-      this._config.onLongPressShouldCancelPress_DEPRECATED == null ||
-      this._config.onLongPressShouldCancelPress_DEPRECATED()
-    );
-  }
-
   _cancelHoverInDelayTimeout(): void {
     if (this._hoverInDelayTimeout != null) {
       clearTimeout(this._hoverInDelayTimeout);

package/Libraries/Pressability/Pressability.win32.js

@@ -148,33 +148,6 @@ export type PressabilityConfig = $ReadOnly<{|
    */
   blockNativeResponder?: ?boolean,
 
-  /**
-   * Returns whether a long press gesture should cancel the press gesture.
-   * Defaults to true.
-   *
-   * @deprecated
-   */
-  onLongPressShouldCancelPress_DEPRECATED?: ?() => boolean,
-
-  /**
-   * If `cancelable` is set, this will be ignored.
-   *
-   * Returns whether to yield to a lock termination request (e.g. if a native
-   * scroll gesture attempts to steal the responder lock).
-   *
-   * @deprecated
-   */
-  onResponderTerminationRequest_DEPRECATED?: ?() => boolean,
-
-  /**
-   * If `disabled` is set, this will be ignored.
-   *
-   * Returns whether to start a press gesture.
-   *
-   * @deprecated
-   */
-  onStartShouldSetResponder_DEPRECATED?: ?() => boolean,
-
   // [Windows
   /**
    * Raw handler for onMouseEnter that will be preferred if set over hover
@@ -508,13 +481,7 @@ export default class Pressability {
     const responderEventHandlers = {
       onStartShouldSetResponder: (): boolean => {
         const {disabled} = this._config;
-        if (disabled == null) {
-          const {onStartShouldSetResponder_DEPRECATED} = this._config;
-          return onStartShouldSetResponder_DEPRECATED == null
-            ? true
-            : onStartShouldSetResponder_DEPRECATED();
-        }
-        return !disabled;
+        return !disabled ?? true;
       },
 
       onResponderGrant: (event: PressEvent): void | boolean => {
@@ -592,13 +559,7 @@ export default class Pressability {
 
       onResponderTerminationRequest: (): boolean => {
         const {cancelable} = this._config;
-        if (cancelable == null) {
-          const {onResponderTerminationRequest_DEPRECATED} = this._config;
-          return onResponderTerminationRequest_DEPRECATED == null
-            ? true
-            : onResponderTerminationRequest_DEPRECATED();
-        }
-        return cancelable;
+        return cancelable ?? true;
       },
 
       onClick: (event: PressEvent): void => {
@@ -891,9 +852,7 @@ export default class Pressability {
         this._isDefaultPressButton(getTouchFromPressEvent(event).button)
       ) {
         const isPressCanceledByLongPress =
-          onLongPress != null &&
-          prevState === 'RESPONDER_ACTIVE_LONG_PRESS_IN' &&
-          this._shouldLongPressCancelPress();
+          onLongPress != null && prevState === 'RESPONDER_ACTIVE_LONG_PRESS_IN';
         if (!isPressCanceledByLongPress) {
           if (Platform.OS === 'android' && android_disableSound !== true) {
             SoundManager.playTouchSound();
@@ -1030,13 +989,6 @@ export default class Pressability {
     }
   }
 
-  _shouldLongPressCancelPress(): boolean {
-    return (
-      this._config.onLongPressShouldCancelPress_DEPRECATED == null ||
-      this._config.onLongPressShouldCancelPress_DEPRECATED()
-    );
-  }
-
   _cancelHoverInDelayTimeout(): void {
     if (this._hoverInDelayTimeout != null) {
       clearTimeout(this._hoverInDelayTimeout);

package/Libraries/ReactNative/AppContainer-dev.js

@@ -92,6 +92,7 @@ const AppContainer = ({
   rootTag,
   showArchitectureIndicator,
   WrapperComponent,
+  rootViewStyle,
 }: Props): React.Node => {
   const appContainerRootViewRef: AppContainerRootViewRef = React.useRef(null);
   const innerViewRef: InspectedViewRef = React.useRef(null);
@@ -141,7 +142,7 @@ const AppContainer = ({
       collapsable={reactDevToolsAgent == null && !shouldRenderInspector}
       pointerEvents="box-none"
       key={key}
-      style={styles.container}
+      style={rootViewStyle || styles.container}
       ref={innerViewRef}>
       {children}
     </View>
@@ -167,7 +168,7 @@ const AppContainer = ({
     <RootTagContext.Provider value={createRootTag(rootTag)}>
       <View
         ref={appContainerRootViewRef}
-        style={styles.container}
+        style={rootViewStyle || styles.container}
         pointerEvents="box-none">
         {innerView}
 

package/Libraries/ReactNative/AppContainer-prod.js

@@ -23,6 +23,7 @@ const AppContainer = ({
   rootTag,
   showArchitectureIndicator,
   WrapperComponent,
+  rootViewStyle,
 }: Props): React.Node => {
   let innerView = children;
 
@@ -39,7 +40,7 @@ const AppContainer = ({
 
   return (
     <RootTagContext.Provider value={createRootTag(rootTag)}>
-      <View style={styles.root} pointerEvents="box-none">
+      <View style={rootViewStyle || styles.root} pointerEvents="box-none">
         {innerView}
       </View>
     </RootTagContext.Provider>

package/Libraries/ReactNative/AppContainer.js

@@ -8,6 +8,7 @@
  * @flow
  */
 
+import type {ViewStyleProp} from '../StyleSheet/StyleSheet';
 import type {RootTag} from './RootTag';
 
 import * as React from 'react';
@@ -19,6 +20,7 @@ export type Props = $ReadOnly<{|
   initialProps?: {...},
   showArchitectureIndicator?: boolean,
   WrapperComponent?: ?React.ComponentType<any>,
+  rootViewStyle?: ?ViewStyleProp,
   internal_excludeLogBox?: boolean,
   internal_excludeInspector?: boolean,
 |}>;

package/Libraries/ReactNative/AppRegistry.d.ts

@@ -9,6 +9,7 @@
 
 import type * as React from 'react';
 import type {IPerformanceLogger} from '../Utilities/IPerformanceLogger';
+import type {ViewStyle} from '../StyleSheet/StyleSheetTypes';
 
 type Task = (taskData: any) => Promise<void>;
 type TaskProvider = () => Task;
@@ -34,6 +35,8 @@ export type WrapperComponentProvider = (
   appParameters: any,
 ) => React.ComponentType<any>;
 
+export type RootViewStyleProvider = (appParameters: any) => ViewStyle;
+
 /**
  * `AppRegistry` is the JS entry point to running all React Native apps.  App
  * root components should register themselves with
@@ -54,6 +57,10 @@ export namespace AppRegistry {
     provider: WrapperComponentProvider,
   ): void;
 
+  export function setRootViewStyleProvider(
+    provider: RootViewStyleProvider,
+  ): void;
+
   export function registerConfig(config: AppConfig[]): void;
 
   export function registerComponent(

package/Libraries/ReactNative/AppRegistry.js

@@ -8,6 +8,7 @@
  * @format
  */
 
+import type {ViewStyleProp} from '../StyleSheet/StyleSheet';
 import type {RootTag} from '../Types/RootTagTypes';
 import type {IPerformanceLogger} from '../Utilities/createPerformanceLogger';
 import type {DisplayModeType} from './DisplayMode';
@@ -60,6 +61,7 @@ export type Registry = {
 export type WrapperComponentProvider = (
   appParameters: Object,
 ) => React$ComponentType<any>;
+export type RootViewStyleProvider = (appParameters: Object) => ViewStyleProp;
 
 const runnables: Runnables = {};
 let runCount = 1;
@@ -70,6 +72,7 @@ let componentProviderInstrumentationHook: ComponentProviderInstrumentationHook =
   (component: ComponentProvider) => component();
 
 let wrapperComponentProvider: ?WrapperComponentProvider;
+let rootViewStyleProvider: ?RootViewStyleProvider;
 let showArchitectureIndicator = false;
 
 /**
@@ -82,6 +85,10 @@ const AppRegistry = {
     wrapperComponentProvider = provider;
   },
 
+  setRootViewStyleProvider(provider: RootViewStyleProvider) {
+    rootViewStyleProvider = provider;
+  },
+
   enableArchitectureIndicator(enabled: boolean): void {
     showArchitectureIndicator = enabled;
   },
@@ -130,6 +137,7 @@ const AppRegistry = {
         appParameters.initialProps,
         appParameters.rootTag,
         wrapperComponentProvider && wrapperComponentProvider(appParameters),
+        rootViewStyleProvider && rootViewStyleProvider(appParameters),
         appParameters.fabric,
         showArchitectureIndicator,
         scopedPerformanceLogger,
@@ -196,10 +204,8 @@ const AppRegistry = {
     displayMode?: number,
   ): void {
     if (appKey !== 'LogBox') {
-      const logParams = __DEV__
-        ? '" with ' + JSON.stringify(appParameters)
-        : '';
-      const msg = 'Running "' + appKey + logParams;
+      const logParams = __DEV__ ? ` with ${JSON.stringify(appParameters)}` : '';
+      const msg = `Running "${appKey}"${logParams}`;
       infoLog(msg);
       BugReporting.addSource(
         'AppRegistry.runApplication' + runCount++,

package/Libraries/ReactNative/BridgelessUIManager.js

@@ -160,27 +160,7 @@ const UIManagerJSUnusedInNewArchAPIs = {
  * 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.',
-      );
-    },
-  },
+  android: {},
 });
 
 const UIManagerJSPlatformAPIs = Platform.select({

package/Libraries/ReactNative/FabricUIManager.js

@@ -70,15 +70,7 @@ export interface Spec {
     locationY: number,
     callback: (instanceHandle: ?InternalInstanceHandle) => void,
   ) => void;
-
-  /**
-   * Support methods for the DOM-compatible APIs.
-   */
-  +getParentNode: (node: Node) => ?InternalInstanceHandle;
-  +getChildNodes: (node: Node) => $ReadOnlyArray<InternalInstanceHandle>;
-  +isConnected: (node: Node) => boolean;
   +compareDocumentPosition: (node: Node, otherNode: Node) => number;
-  +getTextContent: (node: Node) => string;
   +getBoundingClientRect: (
     node: Node,
     includeTransform: boolean,
@@ -88,36 +80,6 @@ export interface Spec {
     /* width: */ number,
     /* height: */ number,
   ];
-  +getOffset: (
-    node: Node,
-  ) => ?[
-    /* offsetParent: */ InternalInstanceHandle,
-    /* offsetTop: */ number,
-    /* offsetLeft: */ number,
-  ];
-  +getScrollPosition: (
-    node: Node,
-  ) => ?[/* scrollLeft: */ number, /* scrollTop: */ number];
-  +getScrollSize: (
-    node: Node,
-  ) => ?[/* scrollWidth: */ number, /* scrollHeight: */ number];
-  +getInnerSize: (node: Node) => ?[/* width: */ number, /* height: */ number];
-  +getBorderSize: (
-    node: Node,
-  ) => ?[
-    /* topWidth: */ number,
-    /* rightWidth: */ number,
-    /* bottomWidth: */ number,
-    /* leftWidth: */ number,
-  ];
-  +getTagName: (node: Node) => string;
-
-  /**
-   * Support methods for the Pointer Capture APIs.
-   */
-  +hasPointerCapture: (node: Node, pointerId: number) => boolean;
-  +setPointerCapture: (node: Node, pointerId: number) => void;
-  +releasePointerCapture: (node: Node, pointerId: number) => void;
 }
 
 let nativeFabricUIManagerProxy: ?Spec;
@@ -143,21 +105,8 @@ const CACHED_PROPERTIES = [
   'findShadowNodeByTag_DEPRECATED',
   'setNativeProps',
   'dispatchCommand',
-  'getParentNode',
-  'getChildNodes',
-  'isConnected',
   'compareDocumentPosition',
-  'getTextContent',
   'getBoundingClientRect',
-  'getOffset',
-  'getScrollPosition',
-  'getScrollSize',
-  'getInnerSize',
-  'getBorderSize',
-  'getTagName',
-  'hasPointerCapture',
-  'setPointerCapture',
-  'releasePointerCapture',
 ];
 
 // This is exposed as a getter because apps using the legacy renderer AND

package/Libraries/ReactNative/ReactFabricPublicInstance/warnForStyleProps.js

@@ -16,6 +16,7 @@ export default function warnForStyleProps(
 ): void {
   if (__DEV__) {
     for (const key in validAttributes.style) {
+      // $FlowFixMe[invalid-computed-prop]
       if (!(validAttributes[key] || props[key] === undefined)) {
         console.error(
           'You are setting the style `{ %s' +

package/Libraries/ReactNative/RendererImplementation.js

@@ -12,8 +12,12 @@ import type {HostComponent} from '../Renderer/shims/ReactNativeTypes';
 import type ReactFabricHostComponent from './ReactFabricPublicInstance/ReactFabricHostComponent';
 import type {Element, ElementRef, ElementType} from 'react';
 
+import {
+  onCaughtError,
+  onRecoverableError,
+  onUncaughtError,
+} from '../Core/ErrorHandlers';
 import {type RootTag} from './RootTag';
-
 export function renderElement({
   element,
   rootTag,
@@ -31,9 +35,23 @@ export function renderElement({
       rootTag,
       null,
       useConcurrentRoot,
+      {
+        onCaughtError,
+        onUncaughtError,
+        onRecoverableError,
+      },
     );
   } else {
-    require('../Renderer/shims/ReactNative').render(element, rootTag);
+    require('../Renderer/shims/ReactNative').render(
+      element,
+      rootTag,
+      undefined,
+      {
+        onCaughtError,
+        onUncaughtError,
+        onRecoverableError,
+      },
+    );
   }
 }
 

package/Libraries/ReactNative/UIManager.d.ts

@@ -89,27 +89,6 @@ export interface UIManagerStatic {
     | ((value: boolean) => void)
     | undefined;
 
-  /**
-   * Used to display an Android PopupMenu. If a menu item is pressed, the success callback will
-   * be called with the following arguments:
-   *
-   *  - item - the menu item.
-   *  - index - index of the pressed item in array. Returns `undefined` if cancelled.
-   *
-   * To obtain a native node handle for a component, you can use
-   * `React.findNodeHandle(component)`.
-   *
-   * Note that this works only on Android
-   */
-  showPopupMenu?:
-    | ((
-        node: number,
-        items: string[],
-        error: () => void /* currently unused */,
-        success: (item: string, index: number | undefined) => void,
-      ) => void)
-    | undefined;
-
   getViewManagerConfig: (name: string) => {
     Commands: {[key: string]: number};
   };

package/Libraries/ReactNative/UIManagerProperties.js

@@ -30,7 +30,6 @@ module.exports = [
   'clearJSResponder',
   'configureNextLayoutAnimation',
   'createView',
-  'dismissPopupMenu',
   'dispatchViewManagerCommand',
   'findSubviewIn',
   'getConstantsForViewManager',
@@ -45,10 +44,8 @@ module.exports = [
   'setChildren',
   'setJSResponder',
   'setLayoutAnimationEnabledExperimental',
-  'showPopupMenu',
   'updateView',
   'viewIsDescendantOf',
-  'PopupMenu',
   'LazyViewManagersEnabled',
   'ViewManagerNames',
   'StyleConstants',