@office-iss/react-native-win32 0.73.1 → 0.74.0-preview.1

package/Libraries/Components/View/ViewPropTypes.win32.js

@@ -267,28 +267,21 @@ type AndroidDrawableRipple = $ReadOnly<{|
 type AndroidDrawable = AndroidDrawableThemeAttr | AndroidDrawableRipple;
 
 type AndroidViewProps = $ReadOnly<{|
-  nativeBackgroundAndroid?: ?AndroidDrawable,
-  nativeForegroundAndroid?: ?AndroidDrawable,
-
   /**
-   * Whether this `View` should render itself (and all of its children) into a
-   * single hardware texture on the GPU.
+   * Identifies the element that labels the element it is applied to. When the assistive technology focuses on the component with this props,
+   * the text is read aloud. The value should should match the nativeID of the related element.
    *
    * @platform android
-   *
-   * See https://reactnative.dev/docs/view#rendertohardwaretextureandroid
    */
-  renderToHardwareTextureAndroid?: ?boolean,
+  accessibilityLabelledBy?: ?string | ?Array<string>,
 
   /**
-   * Whether this `View` needs to rendered offscreen and composited with an
-   * alpha in order to preserve 100% correct colors and blending behavior.
+   * Identifies the element that labels the element it is applied to. When the assistive technology focuses on the component with this props,
+   * the text is read aloud. The value should should match the nativeID of the related element.
    *
    * @platform android
-   *
-   * See https://reactnative.dev/docs/view#needsoffscreenalphacompositing
    */
-  needsOffscreenAlphaCompositing?: ?boolean,
+  'aria-labelledby'?: ?string,
 
   /**
    * Indicates to accessibility services whether the user should be notified
@@ -310,6 +303,19 @@ type AndroidViewProps = $ReadOnly<{|
    */
   'aria-live'?: ?('polite' | 'assertive' | 'off'),
 
+  nativeBackgroundAndroid?: ?AndroidDrawable,
+  nativeForegroundAndroid?: ?AndroidDrawable,
+
+  /**
+   * Whether this `View` should render itself (and all of its children) into a
+   * single hardware texture on the GPU.
+   *
+   * @platform android
+   *
+   * See https://reactnative.dev/docs/view#rendertohardwaretextureandroid
+   */
+  renderToHardwareTextureAndroid?: ?boolean,
+
   /**
    * Controls how view is important for accessibility which is if it
    * fires accessibility events and if it is reported to accessibility services
@@ -429,6 +435,15 @@ type IOSViewProps = $ReadOnly<{|
    */
   accessibilityElementsHidden?: ?boolean,
 
+  /**
+   * Indicates to the accessibility services that the UI component is in
+   * a specific language. The provided string should be formatted following
+   * the BCP 47 specification (https://www.rfc-editor.org/info/bcp47).
+   *
+   * @platform ios
+   */
+  accessibilityLanguage?: ?Stringish,
+
   /**
    * Whether this `View` should be rendered as a bitmap before compositing.
    *
@@ -545,15 +560,6 @@ export type ViewProps = $ReadOnly<{|
    */
   'aria-label'?: ?Stringish,
 
-  /**
-   * Indicates to the accessibility services that the UI component is in
-   * a specific language. The provided string should be formatted following
-   * the BCP 47 specification (https://www.rfc-editor.org/info/bcp47).
-   *
-   * @platform ios
-   */
-  accessibilityLanguage?: ?Stringish,
-
   /**
    * Indicates to accessibility services to treat UI component like a specific role.
    */
@@ -585,13 +591,6 @@ export type ViewProps = $ReadOnly<{|
    */
   accessibilityActions?: ?$ReadOnlyArray<AccessibilityActionInfo>,
 
-  /**
-   * Specifies the nativeID of the associated label text. When the assistive technology focuses on the component with this props, the text is read aloud.
-   *
-   * @platform android
-   */
-  accessibilityLabelledBy?: ?string | ?Array<string>,
-
   /**
    * alias for accessibilityState
    *
@@ -609,13 +608,6 @@ export type ViewProps = $ReadOnly<{|
    */
   'aria-hidden'?: ?boolean,
 
-  /**
-   * It represents the nativeID of the associated label text. When the assistive technology focuses on the component with this props, the text is read aloud.
-   *
-   * @platform android
-   */
-  'aria-labelledby'?: ?string,
-
   /**
    * Views that are only used to layout their children or otherwise don't draw
    * anything may be automatically removed from the native hierarchy as an
@@ -665,6 +657,14 @@ export type ViewProps = $ReadOnly<{|
    */
   nativeID?: ?string,
 
+  /**
+   * Whether this `View` needs to rendered offscreen and composited with an
+   * alpha in order to preserve 100% correct colors and blending behavior.
+   *
+   * See https://reactnative.dev/docs/view#needsoffscreenalphacompositing
+   */
+  needsOffscreenAlphaCompositing?: ?boolean,
+
   /**
    * This defines how far a touch event can start away from the view.
    * Typical interface guidelines recommend touch targets that are at least

package/Libraries/Core/InitializeCore.js

@@ -27,7 +27,7 @@
 const start = Date.now();
 
 require('./setUpGlobals');
-require('./setUpDOM');
+require('../../src/private/core/setUpDOM');
 require('./setUpPerformance');
 require('./setUpErrorHandling');
 require('./polyfillPromise');

package/Libraries/Core/NativeExceptionsManager.js

@@ -8,96 +8,6 @@
  * @format
  */
 
-import type {TurboModule} from '../TurboModule/RCTExport';
-
-import * as TurboModuleRegistry from '../TurboModule/TurboModuleRegistry';
-
-const Platform = require('../Utilities/Platform');
-
-export type StackFrame = {|
-  column: ?number,
-  file: ?string,
-  lineNumber: ?number,
-  methodName: string,
-  collapse?: boolean,
-|};
-export type ExceptionData = {
-  message: string,
-  originalMessage: ?string,
-  name: ?string,
-  componentStack: ?string,
-  stack: Array<StackFrame>,
-  id: number,
-  isFatal: boolean,
-  // flowlint-next-line unclear-type:off
-  extraData?: Object,
-  ...
-};
-export interface Spec extends TurboModule {
-  // Deprecated: Use `reportException`
-  +reportFatalException: (
-    message: string,
-    stack: Array<StackFrame>,
-    exceptionId: number,
-  ) => void;
-  // Deprecated: Use `reportException`
-  +reportSoftException: (
-    message: string,
-    stack: Array<StackFrame>,
-    exceptionId: number,
-  ) => void;
-  +reportException?: (data: ExceptionData) => void;
-  +updateExceptionMessage: (
-    message: string,
-    stack: Array<StackFrame>,
-    exceptionId: number,
-  ) => void;
-  // TODO(T53311281): This is a noop on iOS now. Implement it.
-  +dismissRedbox?: () => void;
-}
-
-const NativeModule =
-  TurboModuleRegistry.getEnforcing<Spec>('ExceptionsManager');
-
-const ExceptionsManager = {
-  reportFatalException(
-    message: string,
-    stack: Array<StackFrame>,
-    exceptionId: number,
-  ) {
-    NativeModule.reportFatalException(message, stack, exceptionId);
-  },
-  reportSoftException(
-    message: string,
-    stack: Array<StackFrame>,
-    exceptionId: number,
-  ) {
-    NativeModule.reportSoftException(message, stack, exceptionId);
-  },
-  updateExceptionMessage(
-    message: string,
-    stack: Array<StackFrame>,
-    exceptionId: number,
-  ) {
-    NativeModule.updateExceptionMessage(message, stack, exceptionId);
-  },
-  dismissRedbox(): void {
-    if (Platform.OS !== 'ios' && NativeModule.dismissRedbox) {
-      // TODO(T53311281): This is a noop on iOS now. Implement it.
-      NativeModule.dismissRedbox();
-    }
-  },
-  reportException(data: ExceptionData): void {
-    if (NativeModule.reportException) {
-      NativeModule.reportException(data);
-      return;
-    }
-    if (data.isFatal) {
-      ExceptionsManager.reportFatalException(data.message, data.stack, data.id);
-    } else {
-      ExceptionsManager.reportSoftException(data.message, data.stack, data.id);
-    }
-  },
-};
-
-export default ExceptionsManager;
+export * from '../../src/private/specs/modules/NativeExceptionsManager';
+import NativeExceptionsManager from '../../src/private/specs/modules/NativeExceptionsManager';
+export default NativeExceptionsManager;

package/Libraries/Core/ReactNativeVersion.js

@@ -1,17 +1,23 @@
 /**
- * @generated by scripts/set-rn-version.js
- *
  * 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
+ * @generated by scripts/releases/set-rn-version.js
  */
 
-exports.version = {
+const version: $ReadOnly<{
+  major: number,
+  minor: number,
+  patch: number,
+  prerelease: string | null,
+}> = {
   major: 0,
-  minor: 73,
-  patch: 4,
-  prerelease: null,
+  minor: 74,
+  patch: 0,
+  prerelease: 'rc.0',
 };
+
+module.exports = {version};

package/Libraries/Core/ReactNativeVersionCheck.js

@@ -21,7 +21,7 @@ const ReactNativeVersion = require('./ReactNativeVersion');
  * implementations for other platforms (ex: Windows) may override this module
  * and rely on its existence as a separate module.
  */
-exports.checkVersions = function checkVersions(): void {
+const checkVersions = function checkVersions(): void {
   const nativeVersion = Platform.constants.reactNativeVersion;
   if (
     ReactNativeVersion.version.major !== nativeVersion.major ||
@@ -29,20 +29,18 @@ exports.checkVersions = function checkVersions(): void {
   ) {
     console.error(
       `React Native version mismatch.\n\nJavaScript version: ${_formatVersion(
-        ReactNativeVersion.version,
+        (ReactNativeVersion.version: $FlowFixMe),
       )}\n` +
         `Native version: ${_formatVersion(nativeVersion)}\n\n` +
         'Make sure that you have rebuilt the native code. If the problem ' +
         'persists try clearing the Watchman and packager caches with ' +
-        '`watchman watch-del-all && react-native start --reset-cache`.',
+        '`watchman watch-del-all && npx react-native start --reset-cache`.',
     );
   }
 };
 
 function _formatVersion(
-  version:
-    | (typeof Platform)['constants']['reactNativeVersion']
-    | {major: number, minor: number, patch: number, prerelease: ?string},
+  version: (typeof Platform)['constants']['reactNativeVersion'],
 ): string {
   return (
     `${version.major}.${version.minor}.${version.patch}` +
@@ -50,3 +48,5 @@ function _formatVersion(
     (version.prerelease != undefined ? `-${version.prerelease}` : '')
   );
 }
+
+module.exports = {checkVersions};

package/Libraries/Core/ReactNativeVersionCheck.win32.js

@@ -21,7 +21,7 @@ const ReactNativeVersion = require('./ReactNativeVersion');
  * implementations for other platforms (ex: Windows) may override this module
  * and rely on its existence as a separate module.
  */
-exports.checkVersions = function checkVersions(): void {
+const checkVersions = function checkVersions(): void {
   const nativeVersion = Platform.constants.reactNativeVersion;
   if (
     ReactNativeVersion.version.major !== nativeVersion.major ||
@@ -31,20 +31,18 @@ exports.checkVersions = function checkVersions(): void {
     console.warn(
       // Win32]
       `React Native version mismatch.\n\nJavaScript version: ${_formatVersion(
-        ReactNativeVersion.version,
+        (ReactNativeVersion.version: $FlowFixMe),
       )}\n` +
         `Native version: ${_formatVersion(nativeVersion)}\n\n` +
         'Make sure that you have rebuilt the native code. If the problem ' +
         'persists try clearing the Watchman and packager caches with ' +
-        '`watchman watch-del-all && react-native start --reset-cache`.',
+        '`watchman watch-del-all && npx react-native start --reset-cache`.',
     );
   }
 };
 
 function _formatVersion(
-  version:
-    | (typeof Platform)['constants']['reactNativeVersion']
-    | {major: number, minor: number, patch: number, prerelease: ?string},
+  version: (typeof Platform)['constants']['reactNativeVersion'],
 ): string {
   return (
     `${version.major}.${version.minor}.${version.patch}` +
@@ -52,3 +50,5 @@ function _formatVersion(
     (version.prerelease != undefined ? `-${version.prerelease}` : '')
   );
 }
+
+module.exports = {checkVersions};

package/Libraries/Core/SegmentFetcher/NativeSegmentFetcher.js

@@ -8,21 +8,6 @@
  * @format
  */
 
-import type {TurboModule} from '../../TurboModule/RCTExport';
-
-import * as TurboModuleRegistry from '../../TurboModule/TurboModuleRegistry';
-
-export interface Spec extends TurboModule {
-  +fetchSegment: (
-    segmentId: number,
-    options: Object, // flowlint-line unclear-type: off
-    callback: (error: ?Object) => void, // flowlint-line unclear-type: off
-  ) => void;
-  +getSegment?: (
-    segmentId: number,
-    options: Object, // flowlint-line unclear-type: off
-    callback: (error: ?Object, path: ?string) => void, // flowlint-line unclear-type: off
-  ) => void;
-}
-
-export default (TurboModuleRegistry.getEnforcing<Spec>('SegmentFetcher'): Spec);
+export * from '../../../src/private/specs/modules/NativeSegmentFetcher';
+import NativeSegmentFetcher from '../../../src/private/specs/modules/NativeSegmentFetcher';
+export default NativeSegmentFetcher;

package/Libraries/Core/Timers/NativeTiming.js

@@ -8,19 +8,6 @@
  * @format
  */
 
-import type {TurboModule} from '../../TurboModule/RCTExport';
-
-import * as TurboModuleRegistry from '../../TurboModule/TurboModuleRegistry';
-
-export interface Spec extends TurboModule {
-  +createTimer: (
-    callbackID: number,
-    duration: number,
-    jsSchedulingTime: number,
-    repeats: boolean,
-  ) => void;
-  +deleteTimer: (timerID: number) => void;
-  +setSendIdleEvents: (sendIdleEvents: boolean) => void;
-}
-
-export default (TurboModuleRegistry.get<Spec>('Timing'): ?Spec);
+export * from '../../../src/private/specs/modules/NativeTiming';
+import NativeTiming from '../../../src/private/specs/modules/NativeTiming';
+export default NativeTiming;

package/Libraries/Core/registerCallableModule.js

@@ -0,0 +1,42 @@
+/**
+ * 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
+ */
+
+'use strict';
+
+type Module = {...};
+type RegisterCallableModule = (
+  name: string,
+  moduleOrFactory: Module | (void => Module),
+) => void;
+
+const registerCallableModule: RegisterCallableModule = (function () {
+  if (global.RN$Bridgeless === true) {
+    return (name, moduleOrFactory) => {
+      if (typeof moduleOrFactory === 'function') {
+        global.RN$registerCallableModule(name, moduleOrFactory);
+        return;
+      }
+
+      global.RN$registerCallableModule(name, () => moduleOrFactory);
+    };
+  }
+
+  const BatchedBridge = require('../BatchedBridge/BatchedBridge');
+  return (name, moduleOrFactory) => {
+    if (typeof moduleOrFactory === 'function') {
+      BatchedBridge.registerLazyCallableModule(name, moduleOrFactory);
+      return;
+    }
+
+    BatchedBridge.registerCallableModule(name, moduleOrFactory);
+  };
+})();
+
+export default registerCallableModule;

package/Libraries/Core/setUpPerformance.js

@@ -8,8 +8,8 @@
  * @format
  */
 
-import NativePerformance from '../WebPerformance/NativePerformance';
-import Performance from '../WebPerformance/Performance';
+import NativePerformance from '../../src/private/webapis/performance/NativePerformance';
+import Performance from '../../src/private/webapis/performance/Performance';
 
 // In case if the native implementation of the Performance API is available, use it,
 // otherwise fall back to the legacy/default one, which only defines 'Performance.now()'

package/Libraries/Core/setUpPerformanceObserver.js

@@ -12,5 +12,7 @@ import {polyfillGlobal} from '../Utilities/PolyfillFunctions';
 
 polyfillGlobal(
   'PerformanceObserver',
-  () => require('../WebPerformance/PerformanceObserver').default,
+  () =>
+    require('../../src/private/webapis/performance/PerformanceObserver')
+      .default,
 );

package/Libraries/Debugging/DebuggingOverlay.js

@@ -0,0 +1,111 @@
+/**
+ * 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
+ */
+
+import type {
+  ElementRectangle,
+  TraceUpdate,
+} from './DebuggingOverlayNativeComponent';
+
+import View from '../Components/View/View';
+import UIManager from '../ReactNative/UIManager';
+import StyleSheet from '../StyleSheet/StyleSheet';
+import DebuggingOverlayNativeComponent, {
+  Commands,
+} from './DebuggingOverlayNativeComponent';
+import * as React from 'react';
+
+const {useRef, useImperativeHandle} = React;
+const isNativeComponentReady =
+  UIManager.hasViewManagerConfig('DebuggingOverlay');
+
+type DebuggingOverlayHandle = {
+  highlightTraceUpdates(updates: TraceUpdate[]): void,
+  highlightElements(elements: ElementRectangle[]): void,
+  clearElementsHighlight(): void,
+};
+
+function DebuggingOverlay(
+  _props: {},
+  ref: React.RefSetter<DebuggingOverlayHandle>,
+): React.Node {
+  useImperativeHandle(
+    ref,
+    () => ({
+      highlightTraceUpdates(updates) {
+        if (!isNativeComponentReady) {
+          return;
+        }
+
+        const nonEmptyRectangles = updates.filter(
+          ({rectangle, color}) => rectangle.width >= 0 && rectangle.height >= 0,
+        );
+
+        if (nativeComponentRef.current != null) {
+          Commands.highlightTraceUpdates(
+            nativeComponentRef.current,
+            nonEmptyRectangles,
+          );
+        }
+      },
+      highlightElements(elements) {
+        if (!isNativeComponentReady) {
+          return;
+        }
+
+        if (nativeComponentRef.current != null) {
+          Commands.highlightElements(nativeComponentRef.current, elements);
+        }
+      },
+      clearElementsHighlight() {
+        if (!isNativeComponentReady) {
+          return;
+        }
+
+        if (nativeComponentRef.current != null) {
+          Commands.clearElementsHighlights(nativeComponentRef.current);
+        }
+      },
+    }),
+    [],
+  );
+
+  const nativeComponentRef = useRef<React.ElementRef<
+    typeof DebuggingOverlayNativeComponent,
+  > | null>(null);
+
+  return (
+    isNativeComponentReady && (
+      <View pointerEvents="none" style={styles.overlay}>
+        <DebuggingOverlayNativeComponent
+          ref={nativeComponentRef}
+          style={styles.overlay}
+        />
+      </View>
+    )
+  );
+}
+
+const styles = StyleSheet.create({
+  overlay: {
+    position: 'absolute',
+    top: 0,
+    bottom: 0,
+    left: 0,
+    right: 0,
+  },
+});
+
+const DebuggingOverlayWithForwardedRef: React.AbstractComponent<
+  {},
+  DebuggingOverlayHandle,
+  React.Node,
+> = React.forwardRef(DebuggingOverlay);
+
+export default DebuggingOverlayWithForwardedRef;

package/Libraries/Debugging/DebuggingOverlayNativeComponent.js

@@ -0,0 +1,13 @@
+/**
+ * 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-local
+ */
+
+export * from '../../src/private/specs/components/DebuggingOverlayNativeComponent';
+import DebuggingOverlayNativeComponent from '../../src/private/specs/components/DebuggingOverlayNativeComponent';
+export default DebuggingOverlayNativeComponent;