react-native-windows 0.74.12 → 0.75.0-preview.2

package/Libraries/Pressability/Pressability.windows.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 => {
@@ -892,9 +853,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();
@@ -1031,13 +990,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/AppRegistry.d.ts

@@ -57,6 +57,10 @@ export namespace AppRegistry {
     provider: WrapperComponentProvider,
   ): void;
 
+  export function setRootViewStyleProvider(
+    provider: RootViewStyleProvider,
+  ): void;
+
   export function registerConfig(config: AppConfig[]): void;
 
   export function setRootViewStyleProvider(

package/Libraries/ReactNative/AppRegistry.js

@@ -204,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',

package/Libraries/ReactNative/__mocks__/FabricUIManager.js

@@ -50,7 +50,7 @@ export function toNode(node: NodeMock): Node {
 const roots: Map<RootTag, NodeSet> = new Map();
 const allocatedTags: Set<number> = new Set();
 
-function ensureHostNode(node: Node): void {
+export function ensureHostNode(node: Node): void {
   if (node == null || typeof node !== 'object') {
     throw new Error(
       `Expected node to be an object. Got ${
@@ -94,7 +94,7 @@ function getAncestorsInChildSet(
   return null;
 }
 
-function getAncestorsInCurrentTree(
+export function getAncestorsInCurrentTree(
   node: Node,
 ): ?$ReadOnlyArray<[Node, number]> {
   const childSet = roots.get(fromNode(node).rootTag);
@@ -133,7 +133,7 @@ export function getNodeInChildSet(node: Node, childSet: NodeSet): ?Node {
   return nodeInCurrentTree;
 }
 
-function getNodeInCurrentTree(node: Node): ?Node {
+export function getNodeInCurrentTree(node: Node): ?Node {
   const childSet = roots.get(fromNode(node).rootTag);
   if (childSet == null) {
     return null;
@@ -142,25 +142,6 @@ function getNodeInCurrentTree(node: Node): ?Node {
   return getNodeInChildSet(node, childSet);
 }
 
-function* dfs(node: ?Node): Iterator<Node> {
-  if (node == null) {
-    return;
-  }
-
-  yield node;
-
-  for (const child of fromNode(node).children) {
-    yield* dfs(child);
-  }
-}
-
-function hasDisplayNone(node: Node): boolean {
-  const props = fromNode(node).props;
-  // Style is flattened when passed to native, so there's no style object.
-  // $FlowFixMe[prop-missing]
-  return props != null && props.display === 'none';
-}
-
 interface IFabricUIManagerMock extends FabricUIManager {
   getRoot(rootTag: RootTag | number): NodeSet;
   __getInstanceHandleFromNode(node: Node): InternalInstanceHandle;
@@ -313,333 +294,16 @@ const FabricUIManagerMock: IFabricUIManagerMock = {
       /* y:*/ number,
       /* width:*/ number,
       /* height:*/ number,
-    ] => {
-      ensureHostNode(node);
-
-      const nodeInCurrentTree = getNodeInCurrentTree(node);
-      const currentProps =
-        nodeInCurrentTree != null ? fromNode(nodeInCurrentTree).props : null;
-      if (currentProps == null) {
-        return null;
-      }
-
-      const boundingClientRectForTests: ?{
-        x: number,
-        y: number,
-        width: number,
-        height: number,
-      } =
-        // $FlowExpectedError[prop-missing]
-        currentProps.__boundingClientRectForTests;
-
-      if (boundingClientRectForTests == null) {
-        return null;
-      }
-
-      const {x, y, width, height} = boundingClientRectForTests;
-      return [x, y, width, height];
-    },
+    ] => {},
   ),
 
-  hasPointerCapture: jest.fn((node: Node, pointerId: number): boolean => false),
-
-  setPointerCapture: jest.fn((node: Node, pointerId: number): void => {}),
-
-  releasePointerCapture: jest.fn((node: Node, pointerId: number): void => {}),
-
   setNativeProps: jest.fn((node: Node, newProps: NodeProps): void => {}),
 
   dispatchCommand: jest.fn(
     (node: Node, commandName: string, args: Array<mixed>): void => {},
   ),
 
-  getParentNode: jest.fn((node: Node): ?InternalInstanceHandle => {
-    const ancestors = getAncestorsInCurrentTree(node);
-    if (ancestors == null || ancestors.length - 2 < 0) {
-      return null;
-    }
-
-    const [parentOfParent, position] = ancestors[ancestors.length - 2];
-    const parentInCurrentTree = fromNode(parentOfParent).children[position];
-    return fromNode(parentInCurrentTree).instanceHandle;
-  }),
-
-  getChildNodes: jest.fn(
-    (node: Node): $ReadOnlyArray<InternalInstanceHandle> => {
-      const nodeInCurrentTree = getNodeInCurrentTree(node);
-
-      if (nodeInCurrentTree == null) {
-        return [];
-      }
-
-      return fromNode(nodeInCurrentTree).children.map(
-        child => fromNode(child).instanceHandle,
-      );
-    },
-  ),
-
-  isConnected: jest.fn((node: Node): boolean => {
-    return getNodeInCurrentTree(node) != null;
-  }),
-
-  getTextContent: jest.fn((node: Node): string => {
-    const nodeInCurrentTree = getNodeInCurrentTree(node);
-
-    let result = '';
-
-    if (nodeInCurrentTree == null) {
-      return result;
-    }
-
-    for (const childNode of dfs(nodeInCurrentTree)) {
-      if (fromNode(childNode).viewName === 'RCTRawText') {
-        const props = fromNode(childNode).props;
-        // $FlowExpectedError[prop-missing]
-        const maybeString: ?string = props.text;
-        if (typeof maybeString === 'string') {
-          result += maybeString;
-        }
-      }
-    }
-    return result;
-  }),
-
-  compareDocumentPosition: jest.fn((node: Node, otherNode: Node): number => {
-    /* eslint-disable no-bitwise */
-    const ReadOnlyNode =
-      require('../../../src/private/webapis/dom/nodes/ReadOnlyNode').default;
-
-    // Quick check for node vs. itself
-    if (fromNode(node).reactTag === fromNode(otherNode).reactTag) {
-      return 0;
-    }
-
-    if (fromNode(node).rootTag !== fromNode(otherNode).rootTag) {
-      return ReadOnlyNode.DOCUMENT_POSITION_DISCONNECTED;
-    }
-
-    const ancestors = getAncestorsInCurrentTree(node);
-    if (ancestors == null) {
-      return ReadOnlyNode.DOCUMENT_POSITION_DISCONNECTED;
-    }
-
-    const otherAncestors = getAncestorsInCurrentTree(otherNode);
-    if (otherAncestors == null) {
-      return ReadOnlyNode.DOCUMENT_POSITION_DISCONNECTED;
-    }
-
-    // Consume all common ancestors
-    let i = 0;
-    while (
-      i < ancestors.length &&
-      i < otherAncestors.length &&
-      ancestors[i][1] === otherAncestors[i][1]
-    ) {
-      i++;
-    }
-
-    if (i === ancestors.length) {
-      return (
-        ReadOnlyNode.DOCUMENT_POSITION_CONTAINED_BY |
-        ReadOnlyNode.DOCUMENT_POSITION_FOLLOWING
-      );
-    }
-
-    if (i === otherAncestors.length) {
-      return (
-        ReadOnlyNode.DOCUMENT_POSITION_CONTAINS |
-        ReadOnlyNode.DOCUMENT_POSITION_PRECEDING
-      );
-    }
-
-    if (ancestors[i][1] > otherAncestors[i][1]) {
-      return ReadOnlyNode.DOCUMENT_POSITION_PRECEDING;
-    }
-
-    return ReadOnlyNode.DOCUMENT_POSITION_FOLLOWING;
-  }),
-
-  getOffset: jest.fn(
-    (
-      node: Node,
-    ): ?[
-      /* offsetParent: */ InternalInstanceHandle,
-      /* offsetTop: */ number,
-      /* offsetLeft: */ number,
-    ] => {
-      const ancestors = getAncestorsInCurrentTree(node);
-      if (ancestors == null) {
-        return null;
-      }
-
-      const [parent, position] = ancestors[ancestors.length - 1];
-      const nodeInCurrentTree = fromNode(parent).children[position];
-
-      const currentProps =
-        nodeInCurrentTree != null ? fromNode(nodeInCurrentTree).props : null;
-      if (currentProps == null || hasDisplayNone(nodeInCurrentTree)) {
-        return null;
-      }
-
-      const offsetForTests: ?{
-        top: number,
-        left: number,
-      } =
-        // $FlowExpectedError[prop-missing]
-        currentProps.__offsetForTests;
-
-      if (offsetForTests == null) {
-        return null;
-      }
-
-      let currentIndex = ancestors.length - 1;
-      while (currentIndex >= 0 && !hasDisplayNone(ancestors[currentIndex][0])) {
-        currentIndex--;
-      }
-
-      if (currentIndex >= 0) {
-        // The node or one of its ancestors have display: none
-        return null;
-      }
-
-      return [
-        fromNode(parent).instanceHandle,
-        offsetForTests.top,
-        offsetForTests.left,
-      ];
-    },
-  ),
-
-  getScrollPosition: jest.fn(
-    (node: Node): ?[/* scrollLeft: */ number, /* scrollTop: */ number] => {
-      ensureHostNode(node);
-
-      const nodeInCurrentTree = getNodeInCurrentTree(node);
-      const currentProps =
-        nodeInCurrentTree != null ? fromNode(nodeInCurrentTree).props : null;
-      if (currentProps == null) {
-        return null;
-      }
-
-      const scrollForTests: ?{
-        scrollLeft: number,
-        scrollTop: number,
-        ...
-      } =
-        // $FlowExpectedError[prop-missing]
-        currentProps.__scrollForTests;
-
-      if (scrollForTests == null) {
-        return null;
-      }
-
-      const {scrollLeft, scrollTop} = scrollForTests;
-      return [scrollLeft, scrollTop];
-    },
-  ),
-
-  getScrollSize: jest.fn(
-    (node: Node): ?[/* scrollLeft: */ number, /* scrollTop: */ number] => {
-      ensureHostNode(node);
-
-      const nodeInCurrentTree = getNodeInCurrentTree(node);
-      const currentProps =
-        nodeInCurrentTree != null ? fromNode(nodeInCurrentTree).props : null;
-      if (currentProps == null) {
-        return null;
-      }
-
-      const scrollForTests: ?{
-        scrollWidth: number,
-        scrollHeight: number,
-        ...
-      } =
-        // $FlowExpectedError[prop-missing]
-        currentProps.__scrollForTests;
-
-      if (scrollForTests == null) {
-        return null;
-      }
-
-      const {scrollWidth, scrollHeight} = scrollForTests;
-      return [scrollWidth, scrollHeight];
-    },
-  ),
-
-  getInnerSize: jest.fn(
-    (node: Node): ?[/* width: */ number, /* height: */ number] => {
-      ensureHostNode(node);
-
-      const nodeInCurrentTree = getNodeInCurrentTree(node);
-      const currentProps =
-        nodeInCurrentTree != null ? fromNode(nodeInCurrentTree).props : null;
-      if (currentProps == null) {
-        return null;
-      }
-
-      const innerSizeForTests: ?{
-        width: number,
-        height: number,
-        ...
-      } =
-        // $FlowExpectedError[prop-missing]
-        currentProps.__innerSizeForTests;
-
-      if (innerSizeForTests == null) {
-        return null;
-      }
-
-      const {width, height} = innerSizeForTests;
-      return [width, height];
-    },
-  ),
-
-  getBorderSize: jest.fn(
-    (
-      node: Node,
-    ): ?[
-      /* topWidth: */ number,
-      /* rightWidth: */ number,
-      /* bottomWidth: */ number,
-      /* leftWidth: */ number,
-    ] => {
-      ensureHostNode(node);
-
-      const nodeInCurrentTree = getNodeInCurrentTree(node);
-      const currentProps =
-        nodeInCurrentTree != null ? fromNode(nodeInCurrentTree).props : null;
-      if (currentProps == null) {
-        return null;
-      }
-
-      const borderSizeForTests: ?{
-        topWidth?: number,
-        rightWidth?: number,
-        bottomWidth?: number,
-        leftWidth?: number,
-        ...
-      } =
-        // $FlowExpectedError[prop-missing]
-        currentProps.__borderSizeForTests;
-
-      if (borderSizeForTests == null) {
-        return null;
-      }
-
-      const {
-        topWidth = 0,
-        rightWidth = 0,
-        bottomWidth = 0,
-        leftWidth = 0,
-      } = borderSizeForTests;
-      return [topWidth, rightWidth, bottomWidth, leftWidth];
-    },
-  ),
-
-  getTagName: jest.fn((node: Node): string => {
-    ensureHostNode(node);
-    return 'RN:' + fromNode(node).viewName;
-  }),
+  compareDocumentPosition: jest.fn((node: Node, otherNode: Node): number => 0),
 
   getRoot(containerTag: RootTag | number): NodeSet {
     const tag = createRootTag(containerTag);