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

package/src/private/webapis/dom/oldstylecollections/HTMLCollection.js

@@ -10,9 +10,9 @@
 
 // flowlint unsafe-getters-setters:off
 
-import type {ArrayLike} from './ArrayLikeUtils';
+import type {ArrayLike} from '../../utils/ArrayLikeUtils';
 
-import {createValueIterator} from './ArrayLikeUtils';
+import {createValueIterator} from '../../utils/ArrayLikeUtils';
 
 // IMPORTANT: The type definition for this module is defined in `HTMLCollection.js.flow`
 // because Flow only supports indexers in classes in declaration files.

package/src/private/webapis/dom/oldstylecollections/NodeList.js

@@ -10,13 +10,13 @@
 
 // flowlint unsafe-getters-setters:off
 
-import type {ArrayLike} from './ArrayLikeUtils';
+import type {ArrayLike} from '../../utils/ArrayLikeUtils';
 
 import {
   createEntriesIterator,
   createKeyIterator,
   createValueIterator,
-} from './ArrayLikeUtils';
+} from '../../utils/ArrayLikeUtils';
 
 // IMPORTANT: The Flow type definition for this module is defined in `NodeList.js.flow`
 // because Flow only supports indexers in classes in declaration files.

package/src/private/webapis/{dom/oldstylecollections → geometry}/DOMRectList.js

@@ -10,10 +10,10 @@
 
 // flowlint unsafe-getters-setters:off
 
-import type DOMRectReadOnly from '../geometry/DOMRectReadOnly';
-import type {ArrayLike} from './ArrayLikeUtils';
+import type {ArrayLike} from '../utils/ArrayLikeUtils';
+import type DOMRectReadOnly from './DOMRectReadOnly';
 
-import {createValueIterator} from './ArrayLikeUtils';
+import {createValueIterator} from '../utils/ArrayLikeUtils';
 
 // IMPORTANT: The Flow type definition for this module is defined in `DOMRectList.js.flow`
 // because Flow only supports indexers in classes in declaration files.

package/src/private/webapis/html/events/MessageEvent.js

@@ -0,0 +1,56 @@
+/**
+ * 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
+ */
+
+/**
+ * This module implements the `MessageEvent` interface from the HTML spec.
+ * See https://html.spec.whatwg.org/multipage/comms.html#messageevent.
+ */
+
+// flowlint unsafe-getters-setters:off
+
+import type {EventInit} from '../../dom/events/Event';
+
+import Event from '../../dom/events/Event';
+
+export interface MessageEventInit extends EventInit {
+  +data?: mixed;
+  +origin?: string;
+  +lastEventId?: string;
+  // Unsupported
+  // +source?: MessageEventSource,
+  // Unsupported
+  // +ports?: Array<MessagePort>,
+}
+
+export default class MessageEvent extends Event {
+  _data: mixed;
+  _origin: string;
+  _lastEventId: string;
+
+  constructor(type: string, options?: ?MessageEventInit) {
+    super(type, options);
+
+    this._data = options?.data;
+    this._origin = String(options?.origin ?? '');
+    this._lastEventId = String(options?.lastEventId ?? '');
+  }
+
+  get data(): mixed {
+    return this._data;
+  }
+
+  get origin(): string {
+    return this._origin;
+  }
+
+  get lastEventId(): string {
+    return this._lastEventId;
+  }
+}

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

@@ -10,21 +10,21 @@
 
 // flowlint unsafe-getters-setters:off
 
+import type {IntersectionObserverId} from './internals/IntersectionObserverManager';
 import type IntersectionObserverEntry from './IntersectionObserverEntry';
-import type {IntersectionObserverId} from './IntersectionObserverManager';
 
 import ReactNativeElement from '../dom/nodes/ReactNativeElement';
-import * as IntersectionObserverManager from './IntersectionObserverManager';
+import * as IntersectionObserverManager from './internals/IntersectionObserverManager';
 
 export type IntersectionObserverCallback = (
   entries: Array<IntersectionObserverEntry>,
   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/intersectionobserver/IntersectionObserverEntry.js

@@ -13,7 +13,7 @@
 import type ReactNativeElement from '../dom/nodes/ReactNativeElement';
 import type {NativeIntersectionObserverEntry} from './specs/NativeIntersectionObserver';
 
-import DOMRectReadOnly from '../dom/geometry/DOMRectReadOnly';
+import DOMRectReadOnly from '../geometry/DOMRectReadOnly';
 
 /**
  * The [`IntersectionObserverEntry`](https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserverEntry)

package/src/private/webapis/intersectionobserver/{IntersectionObserverManager.js → internals/IntersectionObserverManager.js}

@@ -18,17 +18,20 @@
  * the notifications together.
  */
 
-import type ReactNativeElement from '../dom/nodes/ReactNativeElement';
+import type ReactNativeElement from '../../dom/nodes/ReactNativeElement';
 import type IntersectionObserver, {
   IntersectionObserverCallback,
-} from './IntersectionObserver';
-import type IntersectionObserverEntry from './IntersectionObserverEntry';
-
-import * as Systrace from '../../../../Libraries/Performance/Systrace';
-import warnOnce from '../../../../Libraries/Utilities/warnOnce';
-import {getInstanceHandle, getShadowNode} from '../dom/nodes/ReadOnlyNode';
-import {createIntersectionObserverEntry} from './IntersectionObserverEntry';
-import NativeIntersectionObserver from './specs/NativeIntersectionObserver';
+} from '../IntersectionObserver';
+import type IntersectionObserverEntry from '../IntersectionObserverEntry';
+
+import * as Systrace from '../../../../../Libraries/Performance/Systrace';
+import warnOnce from '../../../../../Libraries/Utilities/warnOnce';
+import {
+  getInstanceHandle,
+  getNativeNodeReference,
+} from '../../dom/nodes/internals/NodeInternals';
+import {createIntersectionObserverEntry} from '../IntersectionObserverEntry';
+import NativeIntersectionObserver from '../specs/NativeIntersectionObserver';
 
 export type IntersectionObserverId = number;
 
@@ -68,7 +71,7 @@ function setTargetForInstanceHandle(
 // also needs to be kept here because React removes the link when unmounting.
 const targetToShadowNodeMap: WeakMap<
   ReactNativeElement,
-  ReturnType<typeof getShadowNode>,
+  ReturnType<typeof getNativeNodeReference>,
 > = new WeakMap();
 
 /**
@@ -132,8 +135,8 @@ export function observe({
     return false;
   }
 
-  const targetShadowNode = getShadowNode(target);
-  if (targetShadowNode == null) {
+  const targetNativeNodeReference = getNativeNodeReference(target);
+  if (targetNativeNodeReference == null) {
     // The target is disconnected. We can't observe it anymore.
     return false;
   }
@@ -151,7 +154,7 @@ export function observe({
   setTargetForInstanceHandle(instanceHandle, target);
 
   // Same for the mapping between the target and its shadow node.
-  targetToShadowNodeMap.set(target, targetShadowNode);
+  targetToShadowNodeMap.set(target, targetNativeNodeReference);
 
   if (!isConnected) {
     NativeIntersectionObserver.connect(notifyIntersectionObservers);
@@ -160,7 +163,7 @@ export function observe({
 
   NativeIntersectionObserver.observe({
     intersectionObserverId,
-    targetShadowNode,
+    targetShadowNode: targetNativeNodeReference,
     thresholds: registeredObserver.observer.thresholds,
     rootThresholds: registeredObserver.observer.rnRootThresholds,
   });
@@ -187,8 +190,8 @@ export function unobserve(
     return;
   }
 
-  const targetShadowNode = targetToShadowNodeMap.get(target);
-  if (targetShadowNode == null) {
+  const targetNativeNodeReference = targetToShadowNodeMap.get(target);
+  if (targetNativeNodeReference == null) {
     console.error(
       'IntersectionObserverManager: could not find registration data for target',
     );
@@ -197,7 +200,7 @@ export function unobserve(
 
   NativeIntersectionObserver.unobserve(
     intersectionObserverId,
-    targetShadowNode,
+    targetNativeNodeReference,
   );
 }
 

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

@@ -10,29 +10,29 @@
 
 // flowlint unsafe-getters-setters:off
 
-import type {MutationObserverId} from './MutationObserverManager';
+import type {MutationObserverId} from './internals/MutationObserverManager';
 import type MutationRecord from './MutationRecord';
 
 import ReactNativeElement from '../dom/nodes/ReactNativeElement';
-import * as MutationObserverManager from './MutationObserverManager';
+import * as MutationObserverManager from './internals/MutationObserverManager';
 
 export type MutationObserverCallback = (
   mutationRecords: $ReadOnlyArray<MutationRecord>,
   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/mutationobserver/{MutationObserverManager.js → internals/MutationObserverManager.js}

@@ -18,20 +18,18 @@
  * the notifications together.
  */
 
-import type ReactNativeElement from '../dom/nodes/ReactNativeElement';
+import type ReactNativeElement from '../../dom/nodes/ReactNativeElement';
 import type MutationObserver, {
   MutationObserverCallback,
-} from './MutationObserver';
-import type MutationRecord from './MutationRecord';
-
-import * as Systrace from '../../../../Libraries/Performance/Systrace';
-import warnOnce from '../../../../Libraries/Utilities/warnOnce';
-import {
-  getPublicInstanceFromInternalInstanceHandle,
-  getShadowNode,
-} from '../dom/nodes/ReadOnlyNode';
-import {createMutationRecord} from './MutationRecord';
-import NativeMutationObserver from './specs/NativeMutationObserver';
+} from '../MutationObserver';
+import type MutationRecord from '../MutationRecord';
+
+import * as Systrace from '../../../../../Libraries/Performance/Systrace';
+import {getPublicInstanceFromInternalInstanceHandle} from '../../../../../Libraries/ReactNative/RendererProxy';
+import warnOnce from '../../../../../Libraries/Utilities/warnOnce';
+import {getNativeNodeReference} from '../../dom/nodes/internals/NodeInternals';
+import {createMutationRecord} from '../MutationRecord';
+import NativeMutationObserver from '../specs/NativeMutationObserver';
 
 export type MutationObserverId = number;
 
@@ -47,7 +45,7 @@ const registeredMutationObservers: Map<
 // needs to be kept here because React removes the link when unmounting.
 const targetToShadowNodeMap: WeakMap<
   ReactNativeElement,
-  ReturnType<typeof getShadowNode>,
+  ReturnType<typeof getNativeNodeReference>,
 > = new WeakMap();
 
 /**
@@ -107,7 +105,7 @@ export function observe({
     return false;
   }
 
-  const targetShadowNode = getShadowNode(target);
+  const targetShadowNode = getNativeNodeReference(target);
   if (targetShadowNode == null) {
     // The target is disconnected. We can't observe it anymore.
     return false;

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

@@ -15,9 +15,9 @@ import type {
   PerformanceEntryJSON,
 } from './PerformanceEntry';
 
+import {warnNoNativePerformance} from './internals/Utilities';
 import {PerformanceEntry} from './PerformanceEntry';
 import NativePerformance from './specs/NativePerformance';
-import {warnNoNativePerformance} from './Utilities';
 
 export type PerformanceEventTimingJSON = {
   ...PerformanceEntryJSON,

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

@@ -18,15 +18,15 @@ import type {
 import type {DetailType, PerformanceMarkOptions} from './UserTiming';
 
 import {EventCounts} from './EventTiming';
-import MemoryInfo from './MemoryInfo';
 import {
   performanceEntryTypeToRaw,
   rawToPerformanceEntry,
-} from './RawPerformanceEntry';
+} from './internals/RawPerformanceEntry';
+import {warnNoNativePerformance} from './internals/Utilities';
+import MemoryInfo from './MemoryInfo';
 import ReactNativeStartupTiming from './ReactNativeStartupTiming';
 import NativePerformance from './specs/NativePerformance';
 import {PerformanceMark, PerformanceMeasure} from './UserTiming';
-import {warnNoNativePerformance} from './Utilities';
 
 declare var global: {
   // This value is defined directly via JSI, if available.

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

@@ -20,9 +20,9 @@ import {
   performanceEntryTypeToRaw,
   rawToPerformanceEntry,
   rawToPerformanceEntryType,
-} from './RawPerformanceEntry';
+} from './internals/RawPerformanceEntry';
+import {warnNoNativePerformance} from './internals/Utilities';
 import NativePerformance from './specs/NativePerformance';
-import {warnNoNativePerformance} from './Utilities';
 
 export {PerformanceEntry} from './PerformanceEntry';
 
@@ -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) {

package/src/private/webapis/performance/{RawPerformanceEntry.js → internals/RawPerformanceEntry.js}

@@ -8,16 +8,16 @@
  * @flow strict
  */
 
-import type {PerformanceEntryType} from './PerformanceEntry';
+import type {PerformanceEntryType} from '../PerformanceEntry';
 import type {
   RawPerformanceEntry,
   RawPerformanceEntryType,
-} from './specs/NativePerformance';
+} from '../specs/NativePerformance';
 
-import {PerformanceEventTiming} from './EventTiming';
-import {PerformanceLongTaskTiming} from './LongTasks';
-import {PerformanceEntry} from './PerformanceEntry';
-import {PerformanceMark, PerformanceMeasure} from './UserTiming';
+import {PerformanceEventTiming} from '../EventTiming';
+import {PerformanceLongTaskTiming} from '../LongTasks';
+import {PerformanceEntry} from '../PerformanceEntry';
+import {PerformanceMark, PerformanceMeasure} from '../UserTiming';
 
 export const RawPerformanceEntryTypeValues = {
   MARK: 1,

package/src/private/webapis/performance/{Utilities.js → internals/Utilities.js}

@@ -8,7 +8,7 @@
  * @flow strict
  */
 
-import warnOnce from '../../../../Libraries/Utilities/warnOnce';
+import warnOnce from '../../../../../Libraries/Utilities/warnOnce';
 
 export function warnNoNativePerformance() {
   warnOnce(

package/src/private/webapis/performance/specs/__mocks__/NativePerformanceMock.js

@@ -21,7 +21,7 @@ import type {
 } from '../NativePerformance';
 import typeof NativePerformance from '../NativePerformance';
 
-import {RawPerformanceEntryTypeValues} from '../../RawPerformanceEntry';
+import {RawPerformanceEntryTypeValues} from '../../internals/RawPerformanceEntry';
 
 type MockObserver = {
   handleEntry: (entry: RawPerformanceEntry) => void,

package/src/private/webapis/websockets/events/CloseEvent.js

@@ -0,0 +1,52 @@
+/**
+ * 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
+ */
+
+/**
+ * This module implements the `CloseEvent` interface from `WebSocket`.
+ * See https://websockets.spec.whatwg.org/#the-closeevent-interface.
+ */
+
+// flowlint unsafe-getters-setters:off
+
+import type {EventInit} from '../../dom/events/Event';
+
+import Event from '../../dom/events/Event';
+
+export interface CloseEventInit extends EventInit {
+  +wasClean?: boolean;
+  +code?: number;
+  +reason?: string;
+}
+
+export default class CloseEvent extends Event {
+  _wasClean: boolean;
+  _code: number;
+  _reason: string;
+
+  constructor(type: string, options?: ?CloseEventInit) {
+    super(type, options);
+
+    this._wasClean = Boolean(options?.wasClean);
+    this._code = Number(options?.code) || 0;
+    this._reason = options?.reason != null ? String(options.reason) : '';
+  }
+
+  get wasClean(): boolean {
+    return this._wasClean;
+  }
+
+  get code(): number {
+    return this._code;
+  }
+
+  get reason(): string {
+    return this._reason;
+  }
+}

package/src/private/webapis/xhr/events/ProgressEvent.js

@@ -0,0 +1,52 @@
+/**
+ * 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
+ */
+
+/**
+ * This module implements the `ProgressEvent` interface from `XMLHttpRequest`.
+ * See https://xhr.spec.whatwg.org/#interface-progressevent.
+ */
+
+// flowlint unsafe-getters-setters:off
+
+import type {EventInit} from '../../dom/events/Event';
+
+import Event from '../../dom/events/Event';
+
+export interface ProgressEventInit extends EventInit {
+  +lengthComputable: boolean;
+  +loaded: number;
+  +total: number;
+}
+
+export default class ProgressEvent extends Event {
+  _lengthComputable: boolean;
+  _loaded: number;
+  _total: number;
+
+  constructor(type: string, options?: ?ProgressEventInit) {
+    super(type, options);
+
+    this._lengthComputable = Boolean(options?.lengthComputable);
+    this._loaded = Number(options?.loaded) || 0;
+    this._total = Number(options?.total) || 0;
+  }
+
+  get lengthComputable(): boolean {
+    return this._lengthComputable;
+  }
+
+  get loaded(): number {
+    return this._loaded;
+  }
+
+  get total(): number {
+    return this._total;
+  }
+}