@office-iss/react-native-win32 0.79.0 → 0.80.0-preview.1

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

@@ -188,25 +188,12 @@ export default class ReadOnlyNode {
   }
 
   getRootNode(): ReadOnlyNode {
-    if (ReactNativeFeatureFlags.enableDOMDocumentAPI()) {
-      if (this.isConnected) {
-        // If this is the document node, then the root node is itself.
-        return this.ownerDocument ?? this;
-      }
-
-      return this;
-    } else {
-      // eslint-disable-next-line consistent-this
-      let lastKnownParent: ReadOnlyNode = this;
-      let nextPossibleParent: ?ReadOnlyNode = this.parentNode;
-
-      while (nextPossibleParent != null) {
-        lastKnownParent = nextPossibleParent;
-        nextPossibleParent = nextPossibleParent.parentNode;
-      }
-
-      return lastKnownParent;
+    if (this.isConnected) {
+      // If this is the document node, then the root node is itself.
+      return this.ownerDocument ?? this;
     }
+
+    return this;
   }
 
   hasChildNodes(): boolean {

package/src/private/webapis/dom/nodes/internals/NodeInternals.js

@@ -129,6 +129,12 @@ export function getNativeElementReference(
   // $FlowExpectedError[incompatible-cast] We know ReadOnlyElement instances provide InternalInstanceHandle
   const instanceHandle = getInstanceHandle(node) as InternalInstanceHandle;
 
+  if (isReactNativeDocumentElementInstanceHandle(instanceHandle)) {
+    return getNativeElementReferenceFromReactNativeDocumentElementInstanceHandle(
+      instanceHandle,
+    );
+  }
+
   // $FlowExpectedError[incompatible-return]
   return getRendererProxy().getNodeFromInternalInstanceHandle(instanceHandle);
 }

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

@@ -226,9 +226,7 @@ export default class Performance {
    * Returns a double, measured in milliseconds.
    * https://developer.mozilla.org/en-US/docs/Web/API/Performance/now
    */
-  now(): DOMHighResTimeStamp {
-    return getCurrentTimeStamp();
-  }
+  now: () => DOMHighResTimeStamp = getCurrentTimeStamp;
 
   /**
    * An extension that allows to get back to JS all currently logged marks/measures

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

@@ -11,7 +11,12 @@
 // flowlint unsafe-getters-setters:off
 
 export type DOMHighResTimeStamp = number;
-export type PerformanceEntryType = 'mark' | 'measure' | 'event' | 'longtask';
+export type PerformanceEntryType =
+  | 'mark'
+  | 'measure'
+  | 'event'
+  | 'longtask'
+  | 'resource';
 
 export type PerformanceEntryJSON = {
   name: string,

package/src/private/webapis/performance/internals/RawPerformanceEntry.js

@@ -24,6 +24,7 @@ export const RawPerformanceEntryTypeValues = {
   MEASURE: 2,
   EVENT: 3,
   LONGTASK: 4,
+  RESOURCE: 5,
 };
 
 export function rawToPerformanceEntry(
@@ -95,6 +96,8 @@ export function performanceEntryTypeToRaw(
       return RawPerformanceEntryTypeValues.EVENT;
     case 'longtask':
       return RawPerformanceEntryTypeValues.LONGTASK;
+    case 'resource':
+      return RawPerformanceEntryTypeValues.RESOURCE;
     default:
       // Verify exhaustive check with Flow
       (type: empty);

package/src/private/webapis/performance/specs/NativePerformance.js

@@ -24,10 +24,19 @@ export type RawPerformanceEntry = {
   startTime: number,
   duration: number,
 
-  // For "event" entries only:
+  // For PerformanceEventTiming only
   processingStart?: number,
   processingEnd?: number,
   interactionId?: number,
+
+  // For PerformanceResourceTiming only
+  fetchStart?: number,
+  requestStart?: number,
+  connectStart?: number,
+  connectEnd?: number,
+  responseStart?: number,
+  responseEnd?: number,
+  responseStatus?: number,
 };
 
 export type OpaqueNativeObserverHandle = mixed;

package/src/types/globals.d.ts

@@ -57,6 +57,48 @@ declare global {
 
   const HermesInternal: null | {};
 
+  /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/DOMRectReadOnly) */
+  interface DOMRectReadOnly {
+    /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/DOMRectReadOnly/bottom) */
+    readonly bottom: number;
+    /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/DOMRectReadOnly/height) */
+    readonly height: number;
+    /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/DOMRectReadOnly/left) */
+    readonly left: number;
+    /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/DOMRectReadOnly/right) */
+    readonly right: number;
+    /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/DOMRectReadOnly/top) */
+    readonly top: number;
+    /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/DOMRectReadOnly/width) */
+    readonly width: number;
+    /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/DOMRectReadOnly/x) */
+    readonly x: number;
+    /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/DOMRectReadOnly/y) */
+    readonly y: number;
+    toJSON(): any;
+  }
+
+  interface DOMRect extends DOMRectReadOnly {
+    height: number;
+    width: number;
+    x: number;
+    y: number;
+  }
+
+  interface DOMRectInit {
+    height?: number | undefined;
+    width?: number | undefined;
+    x?: number | undefined;
+    y?: number | undefined;
+  }
+
+  var DOMRect: {
+    prototype: DOMRect;
+    new (x?: number, y?: number, width?: number, height?: number): DOMRect;
+    /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/DOMRect/fromRect_static) */
+    fromRect(other?: DOMRectInit): DOMRect;
+  };
+
   // #region Timer Functions
 
   function clearInterval(handle: number): void;

package/src-win/Libraries/Components/TextInput/Tests/TextInputTest.tsx

@@ -114,49 +114,49 @@ export const examples = [
     {
       title: 'Autofocus Example',
       description: 'autoFocus in action',
-      render(): JSX.Element {
+      render() {
         return (<AutoFocusingTextInputTest />);
       },
     },
     {
       title: 'Placeholders Example',
       description: 'placeholder in action',
-      render(): JSX.Element {
+      render() {
         return (<PlaceholderTextInputTest />);
       },
     },
     {
       title: 'Controlled Example',
       description: 'Controlling inputs in action',
-      render(): JSX.Element {
+      render() {
         return (<ControllingTextInputTest />);
       },
     },
     {
       title: 'Focus and Blur Example',
       description: 'onFocus/onBlur in action',
-      render(): JSX.Element {
+      render() {
         return (<BlurringAndFocusingTextInputTest />);
       },
     },
     {
       title: 'ContentSizeChange Example',
       description: 'onContentSizeChange in action',
-      render(): JSX.Element {
+      render() {
         return (<LayoutListeningTextInputTest />);
       },
     },
     {
       title: 'Control via onKeyPress Example',
       description: 'onKeyPress in action',
-      render(): JSX.Element {
+      render() {
         return (<KeyPressListeningTextInputTest />);
       },
     },
     {
       title: 'Super Styling Example',
       description: 'Styling in action',
-      render(): JSX.Element {
+      render() {
         return (<StyleTextInputTest />);
       },
     },

package/src-win/Libraries/Components/Touchable/Tests/TouchableWin32Test.tsx

@@ -481,21 +481,21 @@ export const examples = [
   {
     title: 'TouchableWithoutFeedback Example',
     description: 'A simple example implementation of without feedback behavior',
-    render(): JSX.Element {
+    render() {
       return <TouchableWithoutFeedbackExample />;
     },
   },
   {
     title: 'TouchableHighlight Example',
     description: 'A simple example implementation of highlight behavior',
-    render(): JSX.Element {
+    render() {
       return <TouchableHighlightExample />;
     },
   },
   {
     title: 'Imperative Focus on TouchableWin32 Example',
     description: 'A simple example implementation of imperative focus behavior',
-    render(): JSX.Element {
+    render() {
       return <TouchableFocusExample />;
     },
   }

package/src-win/Libraries/Image/Tests/ImageWin32Test.tsx

@@ -10,7 +10,7 @@ export const examples = [
     {
       title: 'Win32 Image control test',
       description: 'Test Image',
-      render(): JSX.Element {
+      render() {
         return (
           <Image
             style={ { width: 100, height: 100 } }

package/src-win/Libraries/Text/Text.d.ts

@@ -16,8 +16,7 @@ import {TextStyle, ViewStyle} from '../StyleSheet/StyleSheetTypes';
 import {
   GestureResponderEvent,
   LayoutChangeEvent,
-  NativeSyntheticEvent,
-  TextLayoutEventData,
+  TextLayoutEvent,
 } from '../Types/CoreEventTypes';
 import type {
   IKeyboardEvent,
@@ -248,9 +247,7 @@ export interface TextProps
   /**
    * Invoked on Text layout
    */
-  onTextLayout?:
-    | ((event: NativeSyntheticEvent<TextLayoutEventData>) => void)
-    | undefined;
+  onTextLayout?: ((event: TextLayoutEvent) => void) | undefined;
 
   /**
    * This function is called on press.

package/types/index.d.ts

@@ -68,8 +68,7 @@
 /// <reference path="modules/BatchedBridge.d.ts" />
 /// <reference path="modules/Codegen.d.ts" />
 /// <reference path="modules/Devtools.d.ts" />
-/// <reference types="../src/types/globals.d.ts" />
-/// <reference path="modules/LaunchScreen.d.ts" />
+/// <reference path="../src/types/globals.d.ts" />
 
 export * from '../Libraries/ActionSheetIOS/ActionSheetIOS';
 export * from '../Libraries/Alert/Alert';
@@ -139,10 +138,11 @@ export * from '../Libraries/StyleSheet/processColor';
 export * from '../Libraries/Text/Text';
 export * from '../Libraries/TurboModule/RCTExport';
 export * as TurboModuleRegistry from '../Libraries/TurboModule/TurboModuleRegistry';
+export * as CodegenTypes from '../Libraries/Types/CodegenTypesNamespace';
 export * from '../Libraries/Types/CoreEventTypes';
 export * from '../Libraries/Utilities/Appearance';
 export * from '../Libraries/Utilities/BackHandler';
-export * from '../src/private/devmenu/DevMenu';
+export * from '../src/private/devsupport/devmenu/DevMenu';
 export * from '../Libraries/Utilities/DevSettings';
 export * from '../Libraries/Utilities/Dimensions';
 export * from '../Libraries/Utilities/PixelRatio';
@@ -159,5 +159,8 @@ export * from './public/Insets';
 export * from './public/ReactNativeRenderer';
 export * from './public/ReactNativeTypes';
 
+export {default as codegenNativeCommands} from '../Libraries/Utilities/codegenNativeCommands';
+export {default as codegenNativeComponent} from '../Libraries/Utilities/codegenNativeComponent';
+
 // Export platform specific types
 export * from '../Libraries/platform-types';

package/types/public/ReactNativeTypes.d.ts

@@ -39,7 +39,7 @@ export type MeasureLayoutOnSuccessCallback = (
  * The methods described here are available on most of the default components provided by React Native.
  * Note, however, that they are not available on composite components that aren't directly backed by a
  * native view. This will generally include most components that you define in your own app.
- * For more information, see [Direct Manipulation](https://reactnative.dev/docs/direct-manipulation).
+ * For more information, see [Direct Manipulation](https://reactnative.dev/docs/the-new-architecture/direct-manipulation-new-architecture).
  * @see https://github.com/facebook/react-native/blob/master/Libraries/Renderer/shims/ReactNativeTypes.js#L87
  */
 export interface NativeMethods {
@@ -95,7 +95,7 @@ export interface NativeMethods {
    * This function sends props straight to native. They will not participate in
    * future diff process - this means that if you do not include them in the
    * next render, they will remain active (see [Direct
-   * Manipulation](https://reactnative.dev/docs/direct-manipulation)).
+   * Manipulation](https://reactnative.dev/docs/the-new-architecture/direct-manipulation-new-architecture)).
    */
   setNativeProps(nativeProps: object): void;
 

package/Libraries/BatchedBridge/__mocks__/MessageQueueTestConfig.js

@@ -1,38 +0,0 @@
-/**
- * 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
- */
-
-// These don't actually exist anywhere in the code.
-
-'use strict';
-
-import type {ModuleConfig} from '../NativeModules';
-
-const remoteModulesConfig: $ReadOnlyArray<ModuleConfig> = [
-  [
-    'RemoteModule1',
-    null,
-    ['remoteMethod', 'promiseMethod', 'promiseReturningMethod', 'syncMethod'],
-    [2 /* promiseReturningMethod */],
-    [3 /* syncMethod */],
-  ],
-  [
-    'RemoteModule2',
-    null,
-    ['remoteMethod', 'promiseMethod', 'promiseReturningMethod', 'syncMethod'],
-    [2 /* promiseReturningMethod */],
-    [3 /* syncMethod */],
-  ],
-];
-
-const MessageQueueTestConfig = {
-  remoteModuleConfig: remoteModulesConfig,
-};
-
-module.exports = MessageQueueTestConfig;

package/Libraries/BatchedBridge/__mocks__/MessageQueueTestModule.js

@@ -1,22 +0,0 @@
-/**
- * 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
- */
-
-'use strict';
-
-/**
- * Dummy module that only exists for the sake of proving that the message queue
- * correctly dispatches to commonJS modules. The `testHook` is overridden by test
- * cases.
- */
-const MessageQueueTestModule = {
-  testHook1: function () {},
-  testHook2: function () {},
-};
-
-module.exports = MessageQueueTestModule;

package/Libraries/Blob/FileReader_new.js

@@ -1,231 +0,0 @@
-/**
- * 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
- * @format
- */
-
-import type {EventCallback} from '../../src/private/webapis/dom/events/EventTarget';
-import type Blob from './Blob';
-
-import Event from '../../src/private/webapis/dom/events/Event';
-import {
-  getEventHandlerAttribute,
-  setEventHandlerAttribute,
-} from '../../src/private/webapis/dom/events/EventHandlerAttributes';
-import EventTarget from '../../src/private/webapis/dom/events/EventTarget';
-import NativeFileReaderModule from './NativeFileReaderModule';
-import {toByteArray} from 'base64-js';
-
-type ReadyState =
-  | 0 // EMPTY
-  | 1 // LOADING
-  | 2; // DONE
-
-type ReaderResult = string | ArrayBuffer;
-
-const EMPTY = 0;
-const LOADING = 1;
-const DONE = 2;
-
-class FileReader extends EventTarget {
-  static EMPTY: number = EMPTY;
-  static LOADING: number = LOADING;
-  static DONE: number = DONE;
-
-  EMPTY: number = EMPTY;
-  LOADING: number = LOADING;
-  DONE: number = DONE;
-
-  _readyState: ReadyState;
-  _error: ?Error;
-  _result: ?ReaderResult;
-  _aborted: boolean = false;
-
-  constructor() {
-    super();
-    this._reset();
-  }
-
-  _reset(): void {
-    this._readyState = EMPTY;
-    this._error = null;
-    this._result = null;
-  }
-
-  _setReadyState(newState: ReadyState) {
-    this._readyState = newState;
-    this.dispatchEvent(new Event('readystatechange'));
-    if (newState === DONE) {
-      if (this._aborted) {
-        this.dispatchEvent(new Event('abort'));
-      } else if (this._error) {
-        this.dispatchEvent(new Event('error'));
-      } else {
-        this.dispatchEvent(new Event('load'));
-      }
-      this.dispatchEvent(new Event('loadend'));
-    }
-  }
-
-  readAsArrayBuffer(blob: ?Blob): void {
-    this._aborted = false;
-
-    if (blob == null) {
-      throw new TypeError(
-        "Failed to execute 'readAsArrayBuffer' on 'FileReader': parameter 1 is not of type 'Blob'",
-      );
-    }
-
-    NativeFileReaderModule.readAsDataURL(blob.data).then(
-      (text: string) => {
-        if (this._aborted) {
-          return;
-        }
-
-        const base64 = text.split(',')[1];
-        const typedArray = toByteArray(base64);
-
-        this._result = typedArray.buffer;
-        this._setReadyState(DONE);
-      },
-      error => {
-        if (this._aborted) {
-          return;
-        }
-        this._error = error;
-        this._setReadyState(DONE);
-      },
-    );
-  }
-
-  readAsDataURL(blob: ?Blob): void {
-    this._aborted = false;
-
-    if (blob == null) {
-      throw new TypeError(
-        "Failed to execute 'readAsDataURL' on 'FileReader': parameter 1 is not of type 'Blob'",
-      );
-    }
-
-    NativeFileReaderModule.readAsDataURL(blob.data).then(
-      (text: string) => {
-        if (this._aborted) {
-          return;
-        }
-        this._result = text;
-        this._setReadyState(DONE);
-      },
-      error => {
-        if (this._aborted) {
-          return;
-        }
-        this._error = error;
-        this._setReadyState(DONE);
-      },
-    );
-  }
-
-  readAsText(blob: ?Blob, encoding: string = 'UTF-8'): void {
-    this._aborted = false;
-
-    if (blob == null) {
-      throw new TypeError(
-        "Failed to execute 'readAsText' on 'FileReader': parameter 1 is not of type 'Blob'",
-      );
-    }
-
-    NativeFileReaderModule.readAsText(blob.data, encoding).then(
-      (text: string) => {
-        if (this._aborted) {
-          return;
-        }
-        this._result = text;
-        this._setReadyState(DONE);
-      },
-      error => {
-        if (this._aborted) {
-          return;
-        }
-        this._error = error;
-        this._setReadyState(DONE);
-      },
-    );
-  }
-
-  abort() {
-    this._aborted = true;
-    // only call onreadystatechange if there is something to abort, as per spec
-    if (this._readyState !== EMPTY && this._readyState !== DONE) {
-      this._reset();
-      this._setReadyState(DONE);
-    }
-    // Reset again after, in case modified in handler
-    this._reset();
-  }
-
-  get readyState(): ReadyState {
-    return this._readyState;
-  }
-
-  get error(): ?Error {
-    return this._error;
-  }
-
-  get result(): ?ReaderResult {
-    return this._result;
-  }
-
-  get onabort(): EventCallback | null {
-    return getEventHandlerAttribute(this, 'abort');
-  }
-
-  set onabort(listener: ?EventCallback) {
-    setEventHandlerAttribute(this, 'abort', listener);
-  }
-
-  get onerror(): EventCallback | null {
-    return getEventHandlerAttribute(this, 'error');
-  }
-
-  set onerror(listener: ?EventCallback) {
-    setEventHandlerAttribute(this, 'error', listener);
-  }
-
-  get onload(): EventCallback | null {
-    return getEventHandlerAttribute(this, 'load');
-  }
-
-  set onload(listener: ?EventCallback) {
-    setEventHandlerAttribute(this, 'load', listener);
-  }
-
-  get onloadstart(): EventCallback | null {
-    return getEventHandlerAttribute(this, 'loadstart');
-  }
-
-  set onloadstart(listener: ?EventCallback) {
-    setEventHandlerAttribute(this, 'loadstart', listener);
-  }
-
-  get onloadend(): EventCallback | null {
-    return getEventHandlerAttribute(this, 'loadend');
-  }
-
-  set onloadend(listener: ?EventCallback) {
-    setEventHandlerAttribute(this, 'loadend', listener);
-  }
-
-  get onprogress(): EventCallback | null {
-    return getEventHandlerAttribute(this, 'progress');
-  }
-
-  set onprogress(listener: ?EventCallback) {
-    setEventHandlerAttribute(this, 'progress', listener);
-  }
-}
-
-export default FileReader;