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

package/src/private/featureflags/specs/NativeReactNativeFeatureFlags.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.
+ *
+ * @generated SignedSource<<6922b452333fc62a263bd77d42afbbbe>>
+ * @flow strict-local
+ */
+
+/**
+ * IMPORTANT: Do NOT modify this file directly.
+ *
+ * To change the definition of the flags, edit
+ *   packages/react-native/scripts/featureflags/ReactNativeFeatureFlags.config.js.
+ *
+ * To regenerate this code, run the following script from the repo root:
+ *   yarn featureflags-update
+ */
+
+import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
+
+import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
+
+export interface Spec extends TurboModule {
+  +commonTestFlag?: () => boolean;
+  +allowCollapsableChildren?: () => boolean;
+  +allowRecursiveCommitsWithSynchronousMountOnAndroid?: () => boolean;
+  +batchRenderingUpdatesInEventLoop?: () => boolean;
+  +destroyFabricSurfacesInReactInstanceManager?: () => boolean;
+  +enableBackgroundExecutor?: () => boolean;
+  +enableCleanTextInputYogaNode?: () => boolean;
+  +enableGranularShadowTreeStateReconciliation?: () => boolean;
+  +enableMicrotasks?: () => boolean;
+  +enableSynchronousStateUpdates?: () => boolean;
+  +enableUIConsistency?: () => boolean;
+  +fixStoppedSurfaceRemoveDeleteTreeUIFrameCallbackLeak?: () => boolean;
+  +forceBatchingMountItemsOnAndroid?: () => boolean;
+  +fuseboxEnabledDebug?: () => boolean;
+  +fuseboxEnabledRelease?: () => boolean;
+  +lazyAnimationCallbacks?: () => boolean;
+  +preventDoubleTextMeasure?: () => boolean;
+  +setAndroidLayoutDirection?: () => boolean;
+  +useImmediateExecutorInAndroidBridgeless?: () => boolean;
+  +useModernRuntimeScheduler?: () => boolean;
+  +useNativeViewConfigsInBridgelessMode?: () => boolean;
+  +useRuntimeShadowNodeReferenceUpdate?: () => boolean;
+  +useRuntimeShadowNodeReferenceUpdateOnLayout?: () => boolean;
+  +useStateAlignmentMechanism?: () => boolean;
+}
+
+const NativeReactNativeFeatureFlags: ?Spec = TurboModuleRegistry.get<Spec>(
+  'NativeReactNativeFeatureFlagsCxx',
+);
+
+export default NativeReactNativeFeatureFlags;

package/src/private/fusebox/setUpFuseboxReactDevToolsDispatcher.js

@@ -0,0 +1,108 @@
+/**
+ * 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
+ * @oncall react_native
+ */
+
+type JSONValue =
+  | string
+  | number
+  | boolean
+  | null
+  | {[key: string]: JSONValue}
+  | Array<JSONValue>;
+type DomainName = 'react-devtools';
+
+class EventScope<T> {
+  #listeners: Set<(T) => void> = new Set();
+
+  addEventListener(listener: T => void): void {
+    this.#listeners.add(listener);
+  }
+
+  removeEventListener(listener: T => void): void {
+    this.#listeners.delete(listener);
+  }
+
+  emit(value: T): void {
+    // Assuming that listeners won't throw.
+    for (const listener of this.#listeners) {
+      listener(value);
+    }
+  }
+}
+
+export class Domain {
+  name: DomainName;
+  onMessage: EventScope<JSONValue>;
+
+  constructor(name: DomainName) {
+    if (global[FuseboxReactDevToolsDispatcher.BINDING_NAME] == null) {
+      throw new Error(
+        `Could not create domain ${name}: receiving end doesn't exist`,
+      );
+    }
+
+    this.name = name;
+    this.onMessage = new EventScope<JSONValue>();
+  }
+
+  sendMessage(message: JSONValue) {
+    const messageWithDomain = {domain: this.name, message};
+    const serializedMessageWithDomain = JSON.stringify(messageWithDomain);
+
+    global[FuseboxReactDevToolsDispatcher.BINDING_NAME](
+      serializedMessageWithDomain,
+    );
+  }
+}
+
+class FuseboxReactDevToolsDispatcher {
+  static #domainNameToDomainMap: Map<DomainName, Domain> = new Map();
+
+  // Referenced and initialized from Chrome DevTools frontend.
+  static BINDING_NAME: string = '__CHROME_DEVTOOLS_FRONTEND_BINDING__';
+  static onDomainInitialization: EventScope<Domain> = new EventScope<Domain>();
+
+  // Should be private, referenced from Chrome DevTools frontend only.
+  static initializeDomain(domainName: DomainName): Domain {
+    const domain = new Domain(domainName);
+
+    this.#domainNameToDomainMap.set(domainName, domain);
+    this.onDomainInitialization.emit(domain);
+
+    return domain;
+  }
+
+  // Should be private, referenced from Chrome DevTools frontend only.
+  static sendMessage(domainName: DomainName, message: string): void {
+    const domain = this.#domainNameToDomainMap.get(domainName);
+    if (domain == null) {
+      throw new Error(
+        `Could not send message to ${domainName}: domain doesn't exist`,
+      );
+    }
+
+    try {
+      const parsedMessage = JSON.parse(message);
+      domain.onMessage.emit(parsedMessage);
+    } catch (err) {
+      console.error(
+        `Error while trying to send a message to domain ${domainName}:`,
+        err,
+      );
+    }
+  }
+}
+
+Object.defineProperty(global, '__FUSEBOX_REACT_DEVTOOLS_DISPATCHER__', {
+  value: FuseboxReactDevToolsDispatcher,
+  configurable: false,
+  enumerable: false,
+  writable: false,
+});

package/src/private/specs/modules/NativeBlobModule.js

@@ -12,8 +12,10 @@ import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
 
 import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
 
+export type Constants = {|BLOB_URI_SCHEME: ?string, BLOB_URI_HOST: ?string|};
+
 export interface Spec extends TurboModule {
-  +getConstants: () => {|BLOB_URI_SCHEME: ?string, BLOB_URI_HOST: ?string|};
+  +getConstants: () => Constants;
   +addNetworkingHandler: () => void;
   +addWebSocketHandler: (id: number) => void;
   +removeWebSocketHandler: (id: number) => void;
@@ -29,7 +31,7 @@ let NativeBlobModule = null;
 
 if (NativeModule != null) {
   NativeBlobModule = {
-    getConstants(): {|BLOB_URI_SCHEME: ?string, BLOB_URI_HOST: ?string|} {
+    getConstants(): Constants {
       if (constants == null) {
         constants = NativeModule.getConstants();
       }

package/src/private/specs/modules/NativeDevSettings.js

@@ -21,6 +21,7 @@ export interface Spec extends TurboModule {
   +setProfilingEnabled: (isProfilingEnabled: boolean) => void;
   +toggleElementInspector: () => void;
   +addMenuItem: (title: string) => void;
+  +openDebugger?: () => void;
 
   // Events
   +addListener: (eventName: string) => void;

package/src/private/specs/modules/NativePlatformConstantsAndroid.js

@@ -16,7 +16,7 @@ export type ReactNativeVersionAndroid = {|
   major: number,
   minor: number,
   patch: number,
-  prerelease: ?number,
+  prerelease: ?string,
 |};
 
 export type PlatformConstantsAndroid = {|

package/src/private/specs/modules/NativePlatformConstantsIOS.js

@@ -19,7 +19,7 @@ export type PlatformConstantsIOS = {|
     major: number,
     minor: number,
     patch: number,
-    prerelease: ?number,
+    prerelease: ?string,
   |},
   forceTouchAvailable: boolean,
   osVersion: string,

package/src/private/specs/modules/NativePlatformConstantsWin.js

@@ -19,7 +19,7 @@ export type PlatformConstantsWin32 = {|
     major: number,
     minor: number,
     patch: number,
-    prerelease: ?string | number,
+    prerelease: ?string,
   |},
   forceTouchAvailable: boolean,
   osVersion: number,

package/src/private/specs/modules/NativePushNotificationManagerIOS.js

@@ -55,10 +55,6 @@ type Notification = {|
    * getScheduledLocalNotifications or getDeliveredNotifications.
    */
   +soundName?: ?string,
-  /** DEPRECATED. This was used for iOS's legacy UILocalNotification. */
-  +alertAction?: ?string,
-  /** DEPRECATED. Use `fireDate` or `fireIntervalSeconds` instead. */
-  +repeatInterval?: ?string,
 |};
 
 export interface Spec extends TurboModule {

package/src/private/specs/modules/NativeUIManager.js

@@ -101,13 +101,6 @@ export interface Spec extends TurboModule {
   +getDefaultEventTypes?: () => Array<string>;
   +setLayoutAnimationEnabledExperimental?: (enabled: boolean) => void;
   +sendAccessibilityEvent?: (reactTag: number, eventType: number) => void;
-  +showPopupMenu?: (
-    reactTag: number,
-    items: Array<string>,
-    error: (error: Object) => void,
-    success: (event: string, selected?: number) => void,
-  ) => void;
-  +dismissPopupMenu?: () => void;
 
   // ios only
   +lazilyLoadView?: (name: string) => Object; // revisit return

package/src/private/webapis/dom/geometry/DOMRectReadOnly.js

@@ -33,10 +33,10 @@ function castToNumber(value: mixed): number {
  * This is a (mostly) spec-compliant version of `DOMRectReadOnly` (https://developer.mozilla.org/en-US/docs/Web/API/DOMRectReadOnly).
  */
 export default class DOMRectReadOnly {
-  _x: number;
-  _y: number;
-  _width: number;
-  _height: number;
+  #x: number;
+  #y: number;
+  #width: number;
+  #height: number;
 
   constructor(x: ?number, y: ?number, width: ?number, height: ?number) {
     this.__setInternalX(x);
@@ -49,36 +49,36 @@ export default class DOMRectReadOnly {
    * The x coordinate of the `DOMRectReadOnly`'s origin.
    */
   get x(): number {
-    return this._x;
+    return this.#x;
   }
 
   /**
    * The y coordinate of the `DOMRectReadOnly`'s origin.
    */
   get y(): number {
-    return this._y;
+    return this.#y;
   }
 
   /**
    * The width of the `DOMRectReadOnly`.
    */
   get width(): number {
-    return this._width;
+    return this.#width;
   }
 
   /**
    * The height of the `DOMRectReadOnly`.
    */
   get height(): number {
-    return this._height;
+    return this.#height;
   }
 
   /**
    * Returns the top coordinate value of the `DOMRect` (has the same value as `y`, or `y + height` if `height` is negative).
    */
   get top(): number {
-    const height = this._height;
-    const y = this._y;
+    const height = this.#height;
+    const y = this.#y;
 
     if (height < 0) {
       return y + height;
@@ -91,8 +91,8 @@ export default class DOMRectReadOnly {
    * Returns the right coordinate value of the `DOMRect` (has the same value as ``x + width`, or `x` if `width` is negative).
    */
   get right(): number {
-    const width = this._width;
-    const x = this._x;
+    const width = this.#width;
+    const x = this.#x;
 
     if (width < 0) {
       return x;
@@ -105,8 +105,8 @@ export default class DOMRectReadOnly {
    * Returns the bottom coordinate value of the `DOMRect` (has the same value as `y + height`, or `y` if `height` is negative).
    */
   get bottom(): number {
-    const height = this._height;
-    const y = this._y;
+    const height = this.#height;
+    const y = this.#y;
 
     if (height < 0) {
       return y;
@@ -119,8 +119,8 @@ export default class DOMRectReadOnly {
    * Returns the left coordinate value of the `DOMRect` (has the same value as `x`, or `x + width` if `width` is negative).
    */
   get left(): number {
-    const width = this._width;
-    const x = this._x;
+    const width = this.#width;
+    const x = this.#x;
 
     if (width < 0) {
       return x + width;
@@ -155,34 +155,34 @@ export default class DOMRectReadOnly {
   }
 
   __getInternalX(): number {
-    return this._x;
+    return this.#x;
   }
 
   __getInternalY(): number {
-    return this._y;
+    return this.#y;
   }
 
   __getInternalWidth(): number {
-    return this._width;
+    return this.#width;
   }
 
   __getInternalHeight(): number {
-    return this._height;
+    return this.#height;
   }
 
   __setInternalX(x: ?number) {
-    this._x = castToNumber(x);
+    this.#x = castToNumber(x);
   }
 
   __setInternalY(y: ?number) {
-    this._y = castToNumber(y);
+    this.#y = castToNumber(y);
   }
 
   __setInternalWidth(width: ?number) {
-    this._width = castToNumber(width);
+    this.#width = castToNumber(width);
   }
 
   __setInternalHeight(height: ?number) {
-    this._height = castToNumber(height);
+    this.#height = castToNumber(height);
   }
 }

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

@@ -31,6 +31,7 @@ import {
   getPublicInstanceFromInternalInstanceHandle,
   getShadowNode,
 } from './ReadOnlyNode';
+import NativeDOM from './specs/NativeDOM';
 import nullthrows from 'nullthrows';
 
 const noop = () => {};
@@ -43,7 +44,7 @@ export default class ReactNativeElement
   __nativeTag: number;
   __internalInstanceHandle: InternalInstanceHandle;
 
-  _viewConfig: ViewConfig;
+  #viewConfig: ViewConfig;
 
   constructor(
     tag: number,
@@ -54,7 +55,7 @@ export default class ReactNativeElement
 
     this.__nativeTag = tag;
     this.__internalInstanceHandle = internalInstanceHandle;
-    this._viewConfig = viewConfig;
+    this.#viewConfig = viewConfig;
   }
 
   get offsetHeight(): number {
@@ -67,10 +68,8 @@ export default class ReactNativeElement
     const node = getShadowNode(this);
 
     if (node != null) {
-      const offset = nullthrows(getFabricUIManager()).getOffset(node);
-      if (offset != null) {
-        return Math.round(offset[2]);
-      }
+      const offset = NativeDOM.getOffset(node);
+      return Math.round(offset[2]);
     }
 
     return 0;
@@ -80,11 +79,11 @@ export default class ReactNativeElement
     const node = getShadowNode(this);
 
     if (node != null) {
-      const offset = nullthrows(getFabricUIManager()).getOffset(node);
+      const offset = NativeDOM.getOffset(node);
       // For children of the root node we currently return offset data
       // but a `null` parent because the root node is not accessible
       // in JavaScript yet.
-      if (offset != null && offset[0] != null) {
+      if (offset[0] != null) {
         const offsetParentInstanceHandle = offset[0];
         const offsetParent = getPublicInstanceFromInternalInstanceHandle(
           offsetParentInstanceHandle,
@@ -102,10 +101,8 @@ export default class ReactNativeElement
     const node = getShadowNode(this);
 
     if (node != null) {
-      const offset = nullthrows(getFabricUIManager()).getOffset(node);
-      if (offset != null) {
-        return Math.round(offset[1]);
-      }
+      const offset = NativeDOM.getOffset(node);
+      return Math.round(offset[1]);
     }
 
     return 0;
@@ -175,12 +172,12 @@ export default class ReactNativeElement
 
   setNativeProps(nativeProps: {...}): void {
     if (__DEV__) {
-      warnForStyleProps(nativeProps, this._viewConfig.validAttributes);
+      warnForStyleProps(nativeProps, this.#viewConfig.validAttributes);
     }
 
     const updatePayload = createAttributePayload(
       nativeProps,
-      this._viewConfig.validAttributes,
+      this.#viewConfig.validAttributes,
     );
 
     const node = getShadowNode(this);

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

@@ -12,10 +12,9 @@
 
 import type ReadOnlyElement from './ReadOnlyElement';
 
-import {getFabricUIManager} from '../../../../../Libraries/ReactNative/FabricUIManager';
 import ReadOnlyNode, {getShadowNode} from './ReadOnlyNode';
+import NativeDOM from './specs/NativeDOM';
 import {getElementSibling} from './utilities/Traversal';
-import nullthrows from 'nullthrows';
 
 export default class ReadOnlyCharacterData extends ReadOnlyNode {
   get nextElementSibling(): ReadOnlyElement | null {
@@ -30,7 +29,7 @@ export default class ReadOnlyCharacterData extends ReadOnlyNode {
     const shadowNode = getShadowNode(this);
 
     if (shadowNode != null) {
-      return nullthrows(getFabricUIManager()).getTextContent(shadowNode);
+      return NativeDOM.getTextContent(shadowNode);
     }
 
     return '';

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

@@ -12,7 +12,6 @@
 
 import type HTMLCollection from '../oldstylecollections/HTMLCollection';
 
-import {getFabricUIManager} from '../../../../../Libraries/ReactNative/FabricUIManager';
 import DOMRect from '../geometry/DOMRect';
 import {createHTMLCollection} from '../oldstylecollections/HTMLCollection';
 import ReadOnlyNode, {
@@ -20,8 +19,8 @@ import ReadOnlyNode, {
   getInstanceHandle,
   getShadowNode,
 } from './ReadOnlyNode';
+import NativeDOM from './specs/NativeDOM';
 import {getElementSibling} from './utilities/Traversal';
-import nullthrows from 'nullthrows';
 
 export default class ReadOnlyElement extends ReadOnlyNode {
   get childElementCount(): number {
@@ -36,10 +35,8 @@ export default class ReadOnlyElement extends ReadOnlyNode {
     const node = getShadowNode(this);
 
     if (node != null) {
-      const innerSize = nullthrows(getFabricUIManager()).getInnerSize(node);
-      if (innerSize != null) {
-        return innerSize[1];
-      }
+      const innerSize = NativeDOM.getInnerSize(node);
+      return innerSize[1];
     }
 
     return 0;
@@ -49,10 +46,8 @@ export default class ReadOnlyElement extends ReadOnlyNode {
     const node = getShadowNode(this);
 
     if (node != null) {
-      const borderSize = nullthrows(getFabricUIManager()).getBorderSize(node);
-      if (borderSize != null) {
-        return borderSize[3];
-      }
+      const borderSize = NativeDOM.getBorderWidth(node);
+      return borderSize[3];
     }
 
     return 0;
@@ -62,10 +57,8 @@ export default class ReadOnlyElement extends ReadOnlyNode {
     const node = getShadowNode(this);
 
     if (node != null) {
-      const borderSize = nullthrows(getFabricUIManager()).getBorderSize(node);
-      if (borderSize != null) {
-        return borderSize[0];
-      }
+      const borderSize = NativeDOM.getBorderWidth(node);
+      return borderSize[0];
     }
 
     return 0;
@@ -75,10 +68,8 @@ export default class ReadOnlyElement extends ReadOnlyNode {
     const node = getShadowNode(this);
 
     if (node != null) {
-      const innerSize = nullthrows(getFabricUIManager()).getInnerSize(node);
-      if (innerSize != null) {
-        return innerSize[0];
-      }
+      const innerSize = NativeDOM.getInnerSize(node);
+      return innerSize[0];
     }
 
     return 0;
@@ -138,10 +129,8 @@ export default class ReadOnlyElement extends ReadOnlyNode {
     const node = getShadowNode(this);
 
     if (node != null) {
-      const scrollSize = nullthrows(getFabricUIManager()).getScrollSize(node);
-      if (scrollSize != null) {
-        return scrollSize[1];
-      }
+      const scrollSize = NativeDOM.getScrollSize(node);
+      return scrollSize[1];
     }
 
     return 0;
@@ -151,12 +140,8 @@ export default class ReadOnlyElement extends ReadOnlyNode {
     const node = getShadowNode(this);
 
     if (node != null) {
-      const scrollPosition = nullthrows(getFabricUIManager()).getScrollPosition(
-        node,
-      );
-      if (scrollPosition != null) {
-        return scrollPosition[0];
-      }
+      const scrollPosition = NativeDOM.getScrollPosition(node);
+      return scrollPosition[0];
     }
 
     return 0;
@@ -166,12 +151,8 @@ export default class ReadOnlyElement extends ReadOnlyNode {
     const node = getShadowNode(this);
 
     if (node != null) {
-      const scrollPosition = nullthrows(getFabricUIManager()).getScrollPosition(
-        node,
-      );
-      if (scrollPosition != null) {
-        return scrollPosition[1];
-      }
+      const scrollPosition = NativeDOM.getScrollPosition(node);
+      return scrollPosition[1];
     }
 
     return 0;
@@ -181,10 +162,8 @@ export default class ReadOnlyElement extends ReadOnlyNode {
     const node = getShadowNode(this);
 
     if (node != null) {
-      const scrollSize = nullthrows(getFabricUIManager()).getScrollSize(node);
-      if (scrollSize != null) {
-        return scrollSize[0];
-      }
+      const scrollSize = NativeDOM.getScrollSize(node);
+      return scrollSize[0];
     }
 
     return 0;
@@ -194,7 +173,7 @@ export default class ReadOnlyElement extends ReadOnlyNode {
     const node = getShadowNode(this);
 
     if (node != null) {
-      return nullthrows(getFabricUIManager()).getTagName(node);
+      return NativeDOM.getTagName(node);
     }
 
     return '';
@@ -204,7 +183,7 @@ export default class ReadOnlyElement extends ReadOnlyNode {
     const shadowNode = getShadowNode(this);
 
     if (shadowNode != null) {
-      return nullthrows(getFabricUIManager()).getTextContent(shadowNode);
+      return NativeDOM.getTextContent(shadowNode);
     }
 
     return '';
@@ -220,10 +199,7 @@ export default class ReadOnlyElement extends ReadOnlyNode {
   hasPointerCapture(pointerId: number): boolean {
     const node = getShadowNode(this);
     if (node != null) {
-      return nullthrows(getFabricUIManager()).hasPointerCapture(
-        node,
-        pointerId,
-      );
+      return NativeDOM.hasPointerCapture(node, pointerId);
     }
     return false;
   }
@@ -231,14 +207,14 @@ export default class ReadOnlyElement extends ReadOnlyNode {
   setPointerCapture(pointerId: number): void {
     const node = getShadowNode(this);
     if (node != null) {
-      nullthrows(getFabricUIManager()).setPointerCapture(node, pointerId);
+      NativeDOM.setPointerCapture(node, pointerId);
     }
   }
 
   releasePointerCapture(pointerId: number): void {
     const node = getShadowNode(this);
     if (node != null) {
-      nullthrows(getFabricUIManager()).releasePointerCapture(node, pointerId);
+      NativeDOM.releasePointerCapture(node, pointerId);
     }
   }
 }
@@ -262,14 +238,8 @@ export function getBoundingClientRect(
   const shadowNode = getShadowNode(node);
 
   if (shadowNode != null) {
-    const rect = nullthrows(getFabricUIManager()).getBoundingClientRect(
-      shadowNode,
-      includeTransform,
-    );
-
-    if (rect) {
-      return new DOMRect(rect[0], rect[1], rect[2], rect[3]);
-    }
+    const rect = NativeDOM.getBoundingClientRect(shadowNode, includeTransform);
+    return new DOMRect(rect[0], rect[1], rect[2], rect[3]);
   }
 
   // Empty rect if any of the above failed