@office-iss/react-native-win32 0.0.0-canary.286 → 0.0.0-canary.288

package/src/private/setup/setUpDOM.js

@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow strict
+ * @flow strict-local
  * @format
  */
 
@@ -29,6 +29,11 @@ export default function setUpDOM() {
     () => require('../webapis/geometry/DOMRectReadOnly').default,
   );
 
+  polyfillGlobal(
+    'DOMRectList',
+    () => require('../webapis/geometry/DOMRectList').default,
+  );
+
   polyfillGlobal(
     'HTMLCollection',
     () => require('../webapis/dom/oldstylecollections/HTMLCollection').default,
@@ -38,4 +43,34 @@ export default function setUpDOM() {
     'NodeList',
     () => require('../webapis/dom/oldstylecollections/NodeList').default,
   );
+
+  polyfillGlobal(
+    'Node',
+    () => require('../webapis/dom/nodes/ReadOnlyNode').default,
+  );
+
+  polyfillGlobal(
+    'Document',
+    () => require('../webapis/dom/nodes/ReactNativeDocument').default,
+  );
+
+  polyfillGlobal(
+    'CharacterData',
+    () => require('../webapis/dom/nodes/ReadOnlyCharacterData').default,
+  );
+
+  polyfillGlobal(
+    'Text',
+    () => require('../webapis/dom/nodes/ReadOnlyText').default,
+  );
+
+  polyfillGlobal(
+    'Element',
+    () => require('../webapis/dom/nodes/ReadOnlyElement').default,
+  );
+
+  polyfillGlobal(
+    'HTMLElement',
+    () => require('../webapis/dom/nodes/ReactNativeElement').default,
+  );
 }

package/src/private/specs_DEPRECATED/components/ActivityIndicatorViewNativeComponent.js

@@ -9,9 +9,9 @@
  */
 
 import type {ViewProps} from '../../../../Libraries/Components/View/ViewPropTypes';
-import type {HostComponent} from '../../../../Libraries/Renderer/shims/ReactNativeTypes';
 import type {ColorValue} from '../../../../Libraries/StyleSheet/StyleSheet';
 import type {WithDefault} from '../../../../Libraries/Types/CodegenTypes';
+import type {HostComponent} from '../../types/HostComponent';
 
 import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
 

package/src/private/specs_DEPRECATED/components/AndroidDrawerLayoutNativeComponent.js

@@ -9,7 +9,6 @@
  */
 
 import type {ViewProps} from '../../../../Libraries/Components/View/ViewPropTypes';
-import type {HostComponent} from '../../../../Libraries/Renderer/shims/ReactNativeTypes';
 import type {ColorValue} from '../../../../Libraries/StyleSheet/StyleSheet';
 import type {
   DirectEventHandler,
@@ -17,6 +16,7 @@ import type {
   Int32,
   WithDefault,
 } from '../../../../Libraries/Types/CodegenTypes';
+import type {HostComponent} from '../../types/HostComponent';
 
 import codegenNativeCommands from '../../../../Libraries/Utilities/codegenNativeCommands';
 import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';

package/src/private/specs_DEPRECATED/components/AndroidHorizontalScrollContentViewNativeComponent.js

@@ -9,7 +9,7 @@
  */
 
 import type {ViewProps} from '../../../../Libraries/Components/View/ViewPropTypes';
-import type {HostComponent} from '../../../../Libraries/Renderer/shims/ReactNativeTypes';
+import type {HostComponent} from '../../types/HostComponent';
 
 import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
 

package/src/private/specs_DEPRECATED/components/AndroidSwipeRefreshLayoutNativeComponent.js

@@ -9,13 +9,13 @@
  */
 
 import type {ViewProps} from '../../../../Libraries/Components/View/ViewPropTypes';
-import type {HostComponent} from '../../../../Libraries/Renderer/shims/ReactNativeTypes';
 import type {ColorValue} from '../../../../Libraries/StyleSheet/StyleSheet';
 import type {
   DirectEventHandler,
   Float,
   WithDefault,
 } from '../../../../Libraries/Types/CodegenTypes';
+import type {HostComponent} from '../../types/HostComponent';
 
 import codegenNativeCommands from '../../../../Libraries/Utilities/codegenNativeCommands';
 import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';

package/src/private/specs_DEPRECATED/components/AndroidSwitchNativeComponent.js

@@ -9,13 +9,13 @@
  */
 
 import type {ViewProps} from '../../../../Libraries/Components/View/ViewPropTypes';
-import type {HostComponent} from '../../../../Libraries/Renderer/shims/ReactNativeTypes';
 import type {ColorValue} from '../../../../Libraries/StyleSheet/StyleSheet';
 import type {
   BubblingEventHandler,
   Int32,
   WithDefault,
 } from '../../../../Libraries/Types/CodegenTypes';
+import type {HostComponent} from '../../types/HostComponent';
 
 import codegenNativeCommands from '../../../../Libraries/Utilities/codegenNativeCommands';
 import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';

package/src/private/specs_DEPRECATED/components/DebuggingOverlayNativeComponent.js

@@ -9,8 +9,8 @@
  */
 
 import type {ViewProps} from '../../../../Libraries/Components/View/ViewPropTypes';
-import type {HostComponent} from '../../../../Libraries/Renderer/shims/ReactNativeTypes';
 import type {ProcessedColorValue} from '../../../../Libraries/StyleSheet/processColor';
+import type {HostComponent} from '../../types/HostComponent';
 
 import codegenNativeCommands from '../../../../Libraries/Utilities/codegenNativeCommands';
 import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';

package/src/private/specs_DEPRECATED/components/ProgressBarAndroidNativeComponent.js

@@ -9,12 +9,12 @@
  */
 
 import type {ViewProps} from '../../../../Libraries/Components/View/ViewPropTypes';
-import type {HostComponent} from '../../../../Libraries/Renderer/shims/ReactNativeTypes';
 import type {ColorValue} from '../../../../Libraries/StyleSheet/StyleSheet';
 import type {
   Double,
   WithDefault,
 } from '../../../../Libraries/Types/CodegenTypes';
+import type {HostComponent} from '../../types/HostComponent';
 
 import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
 

package/src/private/specs_DEPRECATED/components/PullToRefreshViewNativeComponent.js

@@ -9,13 +9,13 @@
  */
 
 import type {ViewProps} from '../../../../Libraries/Components/View/ViewPropTypes';
-import type {HostComponent} from '../../../../Libraries/Renderer/shims/ReactNativeTypes';
 import type {ColorValue} from '../../../../Libraries/StyleSheet/StyleSheet';
 import type {
   DirectEventHandler,
   Float,
   WithDefault,
 } from '../../../../Libraries/Types/CodegenTypes';
+import type {HostComponent} from '../../types/HostComponent';
 
 import codegenNativeCommands from '../../../../Libraries/Utilities/codegenNativeCommands';
 import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';

package/src/private/specs_DEPRECATED/components/RCTInputAccessoryViewNativeComponent.js

@@ -9,8 +9,8 @@
  */
 
 import type {ViewProps} from '../../../../Libraries/Components/View/ViewPropTypes';
-import type {HostComponent} from '../../../../Libraries/Renderer/shims/ReactNativeTypes';
 import type {ColorValue} from '../../../../Libraries/StyleSheet/StyleSheet';
+import type {HostComponent} from '../../types/HostComponent';
 
 import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
 

package/src/private/specs_DEPRECATED/components/RCTModalHostViewNativeComponent.js

@@ -9,12 +9,12 @@
  */
 
 import type {ViewProps} from '../../../../Libraries/Components/View/ViewPropTypes';
-import type {HostComponent} from '../../../../Libraries/Renderer/shims/ReactNativeTypes';
 import type {
   DirectEventHandler,
   Int32,
   WithDefault,
 } from '../../../../Libraries/Types/CodegenTypes';
+import type {HostComponent} from '../../types/HostComponent';
 
 import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
 

package/src/private/specs_DEPRECATED/components/RCTSafeAreaViewNativeComponent.js

@@ -9,7 +9,7 @@
  */
 
 import type {ViewProps} from '../../../../Libraries/Components/View/ViewPropTypes';
-import type {HostComponent} from '../../../../Libraries/Renderer/shims/ReactNativeTypes';
+import type {HostComponent} from '../../types/HostComponent';
 
 import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
 

package/src/private/specs_DEPRECATED/components/SwitchNativeComponent.js

@@ -9,13 +9,13 @@
  */
 
 import type {ViewProps} from '../../../../Libraries/Components/View/ViewPropTypes';
-import type {HostComponent} from '../../../../Libraries/Renderer/shims/ReactNativeTypes';
 import type {ColorValue} from '../../../../Libraries/StyleSheet/StyleSheet';
 import type {
   BubblingEventHandler,
   Int32,
   WithDefault,
 } from '../../../../Libraries/Types/CodegenTypes';
+import type {HostComponent} from '../../types/HostComponent';
 
 import codegenNativeCommands from '../../../../Libraries/Utilities/codegenNativeCommands';
 import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';

package/src/private/specs_DEPRECATED/components/UnimplementedNativeViewNativeComponent.js

@@ -9,8 +9,8 @@
  */
 
 import type {ViewProps} from '../../../../Libraries/Components/View/ViewPropTypes';
-import type {HostComponent} from '../../../../Libraries/Renderer/shims/ReactNativeTypes';
 import type {WithDefault} from '../../../../Libraries/Types/CodegenTypes';
+import type {HostComponent} from '../../types/HostComponent';
 
 import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
 

package/src/private/types/HostComponent.js

@@ -0,0 +1,16 @@
+/**
+ * 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
+ * @format
+ */
+
+import type {HostInstance} from './HostInstance';
+
+export type HostComponent<Config: {...}> = component(
+  ref: React.RefSetter<HostInstance>,
+  ...Config
+);

package/src/private/types/HostInstance.js

@@ -0,0 +1,50 @@
+/**
+ * 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
+ */
+
+export type MeasureOnSuccessCallback = (
+  x: number,
+  y: number,
+  width: number,
+  height: number,
+  pageX: number,
+  pageY: number,
+) => void;
+
+export type MeasureInWindowOnSuccessCallback = (
+  x: number,
+  y: number,
+  width: number,
+  height: number,
+) => void;
+
+export type MeasureLayoutOnSuccessCallback = (
+  left: number,
+  top: number,
+  width: number,
+  height: number,
+) => void;
+
+/**
+ * Current usages should migrate to this definition
+ */
+export interface LegacyHostInstanceMethods {
+  blur(): void;
+  focus(): void;
+  measure(callback: MeasureOnSuccessCallback): void;
+  measureInWindow(callback: MeasureInWindowOnSuccessCallback): void;
+  measureLayout(
+    relativeToNativeNode: number | HostInstance,
+    onSuccess: MeasureLayoutOnSuccessCallback,
+    onFail?: () => void,
+  ): void;
+  setNativeProps(nativeProps: {...}): void;
+}
+
+export type HostInstance = LegacyHostInstanceMethods;

package/src/private/webapis/dom/nodes/ReactNativeDocument.js

@@ -71,6 +71,7 @@ export default class ReactNativeDocument extends ReadOnlyNode {
     return null;
   }
 
+  // $FlowExpectedError[incompatible-extend] This is defined as returning string in Node, but it's actually null in Document.
   get textContent(): null {
     return null;
   }

package/src/private/webapis/dom/nodes/ReactNativeElement.js

@@ -11,15 +11,17 @@
 // flowlint unsafe-getters-setters:off
 
 import type {
-  HostInstance,
-  INativeMethods,
   InternalInstanceHandle,
-  MeasureInWindowOnSuccessCallback,
-  MeasureLayoutOnSuccessCallback,
-  MeasureOnSuccessCallback,
   Node as ShadowNode,
   ViewConfig,
 } from '../../../../../Libraries/Renderer/shims/ReactNativeTypes';
+import type {
+  HostInstance,
+  LegacyHostInstanceMethods,
+  MeasureInWindowOnSuccessCallback,
+  MeasureLayoutOnSuccessCallback,
+  MeasureOnSuccessCallback,
+} from '../../../types/HostInstance';
 import type {InstanceHandle} from './internals/NodeInternals';
 import type ReactNativeDocument from './ReactNativeDocument';
 
@@ -58,9 +60,9 @@ const noop = () => {};
 // was slower than this method because the engine has to create an object than
 // we then discard to create a new one.
 
-class ReactNativeElementMethods
+class ReactNativeElement
   extends ReadOnlyElement
-  implements INativeMethods
+  implements LegacyHostInstanceMethods
 {
   // These need to be accessible from `ReactFabricPublicInstanceUtils`.
   __nativeTag: number;
@@ -144,12 +146,10 @@ class ReactNativeElementMethods
    */
 
   blur(): void {
-    // $FlowFixMe[incompatible-exact] Migrate all usages of `NativeMethods` to an interface to fix this.
     TextInputState.blurTextInput(this);
   }
 
   focus() {
-    // $FlowFixMe[incompatible-exact] Migrate all usages of `NativeMethods` to an interface to fix this.
     TextInputState.focusTextInput(this);
   }
 
@@ -227,28 +227,36 @@ class ReactNativeElementMethods
   }
 }
 
-// Alternative constructor just implemented to provide a better performance than
-// calling super() in the original class.
-function ReactNativeElement(
-  this: ReactNativeElementMethods,
-  tag: number,
-  viewConfig: ViewConfig,
-  internalInstanceHandle: InternalInstanceHandle,
-  ownerDocument: ReactNativeDocument,
-) {
-  // Inlined from `ReadOnlyNode`
-  setOwnerDocument(this, ownerDocument);
-  setInstanceHandle(this, internalInstanceHandle);
-
-  this.__nativeTag = tag;
-  this.__internalInstanceHandle = internalInstanceHandle;
-  this.__viewConfig = viewConfig;
-}
+type ReactNativeElementT = ReactNativeElement;
 
-ReactNativeElement.prototype = Object.create(
-  ReactNativeElementMethods.prototype,
-);
+function replaceConstructorWithoutSuper(
+  ReactNativeElementClass: Class<ReactNativeElementT>,
+): Class<ReactNativeElementT> {
+  // Alternative constructor just implemented to provide a better performance than
+  // calling super() in the original class.
+  // eslint-disable-next-line no-shadow
+  function ReactNativeElement(
+    this: ReactNativeElementT,
+    tag: number,
+    viewConfig: ViewConfig,
+    internalInstanceHandle: InternalInstanceHandle,
+    ownerDocument: ReactNativeDocument,
+  ) {
+    // Inlined from `ReadOnlyNode`
+    setOwnerDocument(this, ownerDocument);
+    setInstanceHandle(this, internalInstanceHandle);
+
+    this.__nativeTag = tag;
+    this.__internalInstanceHandle = internalInstanceHandle;
+    this.__viewConfig = viewConfig;
+  }
+
+  ReactNativeElement.prototype = ReactNativeElementClass.prototype;
+
+  // $FlowExpectedError[incompatible-return]
+  return ReactNativeElement;
+}
 
-// $FlowExpectedError[prop-missing]
-// $FlowFixMe[incompatible-cast]
-export default ReactNativeElement as typeof ReactNativeElementMethods;
+export default replaceConstructorWithoutSuper(
+  ReactNativeElement,
+) as typeof ReactNativeElement;

package/src/private/webapis/dom/nodes/ReadOnlyCharacterData.js

@@ -43,7 +43,7 @@ export default class ReadOnlyCharacterData extends ReadOnlyNode {
   /**
    * @override
    */
-  get textContent(): string | null {
+  get textContent(): string {
     return this.data;
   }
 

package/src/private/webapis/dom/nodes/ReadOnlyElement.js

@@ -179,7 +179,7 @@ export default class ReadOnlyElement extends ReadOnlyNode {
     return '';
   }
 
-  get textContent(): string | null {
+  get textContent(): string {
     const node = getNativeElementReference(this);
 
     if (node != null) {

package/src/private/webapis/dom/nodes/ReadOnlyNode.js

@@ -155,7 +155,7 @@ export default class ReadOnlyNode {
   /**
    * @abstract
    */
-  get textContent(): string | null {
+  get textContent(): string {
     throw new TypeError(
       '`textContent` is abstract and must be implemented in a subclass of `ReadOnlyNode`',
     );

package/src/private/webapis/intersectionobserver/IntersectionObserver.js

@@ -21,10 +21,10 @@ export type IntersectionObserverCallback = (
   observer: IntersectionObserver,
 ) => mixed;
 
-type IntersectionObserverInit = {
+export interface IntersectionObserverInit {
   // root?: ReactNativeElement, // This option exists on the Web but it's not currently supported in React Native.
   // rootMargin?: string, // This option exists on the Web but it's not currently supported in React Native.
-  threshold?: number | $ReadOnlyArray<number>,
+  threshold?: number | $ReadOnlyArray<number>;
 
   /**
    * This is a React Native specific option (not spec compliant) that specifies
@@ -36,8 +36,8 @@ type IntersectionObserverInit = {
    * Note: If `rnRootThreshold` is set, and `threshold` is not set,
    * `threshold` will not default to [0] (as per spec)
    */
-  rnRootThreshold?: number | $ReadOnlyArray<number>,
-};
+  rnRootThreshold?: number | $ReadOnlyArray<number>;
+}
 
 /**
  * The [Intersection Observer API](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API)

package/src/private/webapis/mutationobserver/MutationObserver.js

@@ -21,18 +21,18 @@ export type MutationObserverCallback = (
   observer: MutationObserver,
 ) => mixed;
 
-type MutationObserverInit = $ReadOnly<{
-  subtree?: boolean,
+export interface MutationObserverInit {
+  +subtree?: boolean;
   // This is the only supported option so it's required to be `true`.
-  childList: true,
+  +childList: true;
 
   // Unsupported:
-  attributes?: boolean,
-  attributeFilter?: $ReadOnlyArray<string>,
-  attributeOldValue?: boolean,
-  characterData?: boolean,
-  characterDataOldValue?: boolean,
-}>;
+  +attributes?: boolean;
+  +attributeFilter?: $ReadOnlyArray<string>;
+  +attributeOldValue?: boolean;
+  +characterData?: boolean;
+  +characterDataOldValue?: boolean;
+}
 
 /**
  * This is a React Native implementation for the `MutationObserver` API

package/src/private/webapis/performance/PerformanceObserver.js

@@ -66,12 +66,12 @@ export type PerformanceObserverCallback = (
   options?: PerformanceObserverCallbackOptions,
 ) => void;
 
-export type PerformanceObserverInit = {
-  entryTypes?: Array<PerformanceEntryType>,
-  type?: PerformanceEntryType,
-  buffered?: boolean,
-  durationThreshold?: DOMHighResTimeStamp,
-};
+export interface PerformanceObserverInit {
+  +entryTypes?: Array<PerformanceEntryType>;
+  +type?: PerformanceEntryType;
+  +buffered?: boolean;
+  +durationThreshold?: DOMHighResTimeStamp;
+}
 
 function getSupportedPerformanceEntryTypes(): $ReadOnlyArray<PerformanceEntryType> {
   if (!NativePerformance) {