@office-iss/react-native-win32 0.0.0-canary.246 → 0.0.0-canary.247

package/.flowconfig

@@ -153,4 +153,4 @@ untyped-import
 untyped-type-import
 
 [version]
-^0.233.0
+^0.234.0

package/CHANGELOG.json

@@ -2,7 +2,46 @@
   "name": "@office-iss/react-native-win32",
   "entries": [
     {
-      "date": "Wed, 15 May 2024 05:12:44 GMT",
+      "date": "Wed, 22 May 2024 05:15:59 GMT",
+      "version": "0.0.0-canary.247",
+      "tag": "@office-iss/react-native-win32_v0.0.0-canary.247",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "1422161+marlenecota@users.noreply.github.com",
+            "package": "@office-iss/react-native-win32",
+            "commit": "ef55e6fc47b9adc83afc6ddcae92d7461013512b",
+            "comment": "RN Integration 04/20"
+          },
+          {
+            "author": "beachball",
+            "package": "@office-iss/react-native-win32",
+            "comment": "Bump @rnw-scripts/eslint-config to v1.2.17",
+            "commit": "not available"
+          },
+          {
+            "author": "beachball",
+            "package": "@office-iss/react-native-win32",
+            "comment": "Bump @rnw-scripts/jest-out-of-tree-snapshot-resolver to v1.1.21",
+            "commit": "not available"
+          },
+          {
+            "author": "beachball",
+            "package": "@office-iss/react-native-win32",
+            "comment": "Bump @rnw-scripts/just-task to v2.3.33",
+            "commit": "not available"
+          },
+          {
+            "author": "beachball",
+            "package": "@office-iss/react-native-win32",
+            "comment": "Bump react-native-platform-override to v1.9.34",
+            "commit": "not available"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 15 May 2024 05:14:52 GMT",
       "version": "0.0.0-canary.246",
       "tag": "@office-iss/react-native-win32_v0.0.0-canary.246",
       "comments": {

package/CHANGELOG.md

@@ -1,22 +1,34 @@
 # Change Log - @office-iss/react-native-win32
 
-This log was last generated on Wed, 15 May 2024 05:12:44 GMT and should not be manually modified.
+This log was last generated on Wed, 22 May 2024 05:15:59 GMT and should not be manually modified.
 
 <!-- Start content -->
 
-## 0.0.0-canary.246
+## 0.0.0-canary.247
 
-Wed, 15 May 2024 05:12:44 GMT
+Wed, 22 May 2024 05:15:59 GMT
 
 ### Changes
 
-- Remove unneeded scrollview.win32.js override (30809111+acoates-ms@users.noreply.github.com)
-- 0413 integration (email not defined)
-- Bump @rnw-scripts/eslint-config to v1.2.16
-- Bump @rnw-scripts/jest-out-of-tree-snapshot-resolver to v1.1.20
-- Bump @rnw-scripts/just-task to v2.3.32
-- Bump react-native-platform-override to v1.9.33
+- RN Integration 04/20 (1422161+marlenecota@users.noreply.github.com)
+- Bump @rnw-scripts/eslint-config to v1.2.17
+- Bump @rnw-scripts/jest-out-of-tree-snapshot-resolver to v1.1.21
+- Bump @rnw-scripts/just-task to v2.3.33
+- Bump react-native-platform-override to v1.9.34
 
+## 0.0.0-canary.246
+
+Wed, 15 May 2024 05:14:52 GMT
+
+### Changes
+
+- Remove unneeded scrollview.win32.js override (30809111+acoates-ms@users.noreply.github.com)
+- 0413 integration (email not defined)
+- Bump @rnw-scripts/eslint-config to v1.2.16
+- Bump @rnw-scripts/jest-out-of-tree-snapshot-resolver to v1.1.20
+- Bump @rnw-scripts/just-task to v2.3.32
+- Bump react-native-platform-override to v1.9.33
+
 ## 0.0.0-canary.245
 
 Sat, 11 May 2024 05:18:28 GMT

package/Libraries/Core/ErrorHandlers.js

@@ -0,0 +1,116 @@
+/**
+ * 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
+ */
+
+'use strict';
+
+import type {ExtendedError} from './ExtendedError';
+
+import {SyntheticError, handleException} from './ExceptionsManager';
+
+type ErrorInfo = {
+  +componentStack?: ?string,
+  // $FlowFixMe[unclear-type] unknown props and state.
+  +errorBoundary?: ?React$Component<any, any>,
+};
+
+export function onUncaughtError(errorValue: mixed, errorInfo: ErrorInfo): void {
+  let error;
+
+  // Typically, `errorValue` should be an error. However, other values such as
+  // strings (or even null) are sometimes thrown.
+  if (errorValue instanceof Error) {
+    /* $FlowFixMe[class-object-subtyping] added when improving typing for
+     * this parameters */
+    error = (errorValue: ExtendedError);
+  } else if (typeof errorValue === 'string') {
+    /* $FlowFixMe[class-object-subtyping] added when improving typing for
+     * this parameters */
+    error = (new SyntheticError(errorValue): ExtendedError);
+  } else {
+    /* $FlowFixMe[class-object-subtyping] added when improving typing for
+     * this parameters */
+    error = (new SyntheticError('Unspecified error'): ExtendedError);
+  }
+  try {
+    // $FlowFixMe[incompatible-use] this is in try/catch.
+    error.componentStack = errorInfo.componentStack;
+    error.isComponentError = true;
+  } catch {
+    // Ignored.
+  }
+
+  // Uncaught errors are fatal.
+  handleException(error, true);
+}
+
+export function onCaughtError(errorValue: mixed, errorInfo: ErrorInfo): void {
+  let error;
+
+  // Typically, `errorValue` should be an error. However, other values such as
+  // strings (or even null) are sometimes thrown.
+  if (errorValue instanceof Error) {
+    /* $FlowFixMe[class-object-subtyping] added when improving typing for
+     * this parameters */
+    error = (errorValue: ExtendedError);
+  } else if (typeof errorValue === 'string') {
+    /* $FlowFixMe[class-object-subtyping] added when improving typing for
+     * this parameters */
+    error = (new SyntheticError(errorValue): ExtendedError);
+  } else {
+    /* $FlowFixMe[class-object-subtyping] added when improving typing for
+     * this parameters */
+    error = (new SyntheticError('Unspecified error'): ExtendedError);
+  }
+  try {
+    // $FlowFixMe[incompatible-use] this is in try/catch.
+    error.componentStack = errorInfo.componentStack;
+    error.isComponentError = true;
+  } catch {
+    // Ignored.
+  }
+
+  // Caught errors are not fatal.
+  handleException(error, false);
+}
+
+export function onRecoverableError(
+  errorValue: mixed,
+  errorInfo: ErrorInfo,
+): void {
+  let error;
+
+  // Typically, `errorValue` should be an error. However, other values such as
+  // strings (or even null) are sometimes thrown.
+  if (errorValue instanceof Error) {
+    /* $FlowFixMe[class-object-subtyping] added when improving typing for
+     * this parameters */
+    error = (errorValue: ExtendedError);
+  } else if (typeof errorValue === 'string') {
+    /* $FlowFixMe[class-object-subtyping] added when improving typing for
+     * this parameters */
+    error = (new SyntheticError(errorValue): ExtendedError);
+  } else {
+    /* $FlowFixMe[class-object-subtyping] added when improving typing for
+     * this parameters */
+    error = (new SyntheticError('Unspecified error'): ExtendedError);
+  }
+  try {
+    // $FlowFixMe[incompatible-use] this is in try/catch.
+    error.componentStack = errorInfo.componentStack;
+    error.isComponentError = true;
+  } catch {
+    // Ignored.
+  }
+
+  // Recoverable errors should only be warnings.
+  // This will make it a soft error in LogBox.
+  // TODO: improve the logging for recoverable errors in prod.
+  console.warn(error);
+}

package/Libraries/Core/ReactNativeVersion.js

@@ -17,7 +17,7 @@ const version: $ReadOnly<{
   major: 0,
   minor: 75,
   patch: 0,
-  prerelease: 'nightly-20240413-1b152f6ec',
+  prerelease: 'nightly-20240420-03a51da72',
 };
 
 module.exports = {version};

package/Libraries/Core/setUpReactDevTools.js

@@ -10,12 +10,52 @@
 
 'use strict';
 
+import type {Domain} from '../../src/private/fusebox/setUpFuseboxReactDevToolsDispatcher';
+
 if (__DEV__) {
-  let isWebSocketOpen = false;
-  let ws = null;
+  // Register dispatcher on global, which can be used later by Chrome DevTools frontend
+  require('../../src/private/fusebox/setUpFuseboxReactDevToolsDispatcher');
 
+  // Install hook before React is loaded.
   const reactDevTools = require('react-devtools-core');
-  const connectToDevTools = () => {
+  // This should be defined in DEV, otherwise error is expected.
+  const fuseboxReactDevToolsDispatcher =
+    global.__FUSEBOX_REACT_DEVTOOLS_DISPATCHER__;
+  const reactDevToolsFuseboxGlobalBindingName =
+    fuseboxReactDevToolsDispatcher.BINDING_NAME;
+
+  const ReactNativeStyleAttributes = require('../Components/View/ReactNativeStyleAttributes');
+  const devToolsSettingsManager = require('../DevToolsSettings/DevToolsSettingsManager');
+  const resolveRNStyle = require('../StyleSheet/flattenStyle');
+
+  let disconnect = null;
+  function disconnectBackendFromReactDevToolsInFuseboxIfNeeded() {
+    if (disconnect != null) {
+      disconnect();
+      disconnect = null;
+    }
+  }
+
+  function connectToReactDevToolsInFusebox(domain: Domain) {
+    disconnect = reactDevTools.connectWithCustomMessagingProtocol({
+      onSubscribe: listener => {
+        domain.onMessage.addEventListener(listener);
+      },
+      onUnsubscribe: listener => {
+        domain.onMessage.removeEventListener(listener);
+      },
+      onMessage: (event, payload) => {
+        domain.sendMessage({event, payload});
+      },
+      settingsManager: devToolsSettingsManager,
+      nativeStyleEditorValidAttributes: Object.keys(ReactNativeStyleAttributes),
+      resolveRNStyle,
+    });
+  }
+
+  let isWebSocketOpen = false;
+  let ws = null;
+  function connectToWSBasedReactDevToolsFrontend() {
     if (ws !== null && isWebSocketOpen) {
       // If the DevTools backend is already connected, don't recreate the WebSocket.
       // This would break the connection.
@@ -61,12 +101,9 @@ if (__DEV__) {
         isWebSocketOpen = true;
       });
 
-      const ReactNativeStyleAttributes = require('../Components/View/ReactNativeStyleAttributes');
-      const devToolsSettingsManager = require('../DevToolsSettings/DevToolsSettingsManager');
-
       reactDevTools.connectToDevTools({
         isAppActive,
-        resolveRNStyle: require('../StyleSheet/flattenStyle'),
+        resolveRNStyle,
         nativeStyleEditorValidAttributes: Object.keys(
           ReactNativeStyleAttributes,
         ),
@@ -74,9 +111,32 @@ if (__DEV__) {
         devToolsSettingsManager,
       });
     }
-  };
+  }
+
+  // 1. If React DevTools has already been opened and initialized in Fusebox, bindings survive reloads
+  if (global[reactDevToolsFuseboxGlobalBindingName] != null) {
+    disconnectBackendFromReactDevToolsInFuseboxIfNeeded();
+    const domain =
+      fuseboxReactDevToolsDispatcher.initializeDomain('react-devtools');
+    connectToReactDevToolsInFusebox(domain);
+  }
+
+  // 2. If React DevTools panel in Fusebox was opened for the first time after the runtime has been created
+  // 2. OR if React DevTools frontend was re-initialized: Chrome DevTools was closed and then re-opened
+  global.__FUSEBOX_REACT_DEVTOOLS_DISPATCHER__.onDomainInitialization.addEventListener(
+    (domain: Domain) => {
+      if (domain.name === 'react-devtools') {
+        disconnectBackendFromReactDevToolsInFuseboxIfNeeded();
+        connectToReactDevToolsInFusebox(domain);
+      }
+    },
+  );
 
+  // 3. Fallback to attempting to connect WS-based RDT frontend
   const RCTNativeAppEventEmitter = require('../EventEmitter/RCTNativeAppEventEmitter');
-  RCTNativeAppEventEmitter.addListener('RCTDevMenuShown', connectToDevTools);
-  connectToDevTools(); // Try connecting once on load
+  RCTNativeAppEventEmitter.addListener(
+    'RCTDevMenuShown',
+    connectToWSBasedReactDevToolsFrontend,
+  );
+  connectToWSBasedReactDevToolsFrontend(); // Try connecting once on load
 }

package/Libraries/Debugging/DebuggingOverlayRegistry.js

@@ -62,9 +62,9 @@ class DebuggingOverlayRegistry {
   constructor() {
     if (reactDevToolsHook?.reactDevtoolsAgent != null) {
       this.#onReactDevToolsAgentAttached(reactDevToolsHook.reactDevtoolsAgent);
-      return;
     }
 
+    // There could be cases when frontend is disconnected and then connected again for the same React Native runtime.
     reactDevToolsHook?.on?.(
       'react-devtools',
       this.#onReactDevToolsAgentAttached,

package/Libraries/NativeComponent/NativeComponentRegistry.js

@@ -62,14 +62,21 @@ export function get<Config>(
 
     let viewConfig;
     if (native) {
-      viewConfig = getNativeComponentAttributes(name);
+      viewConfig =
+        getNativeComponentAttributes(name) ??
+        createViewConfig(viewConfigProvider());
     } else {
-      viewConfig = createViewConfig(viewConfigProvider());
-      if (viewConfig == null) {
-        viewConfig = getNativeComponentAttributes(name);
-      }
+      viewConfig =
+        createViewConfig(viewConfigProvider()) ??
+        getNativeComponentAttributes(name);
     }
 
+    invariant(
+      viewConfig != null,
+      'NativeComponentRegistry.get: both static and native view config are missing for native component "%s".',
+      name,
+    );
+
     if (verify) {
       const nativeViewConfig = native
         ? viewConfig

package/Libraries/ReactNative/BridgelessUIManager.js

@@ -160,27 +160,7 @@ const UIManagerJSUnusedInNewArchAPIs = {
  * them from React Native.
  */
 const UIManagerJSDeprecatedPlatformAPIs = Platform.select({
-  android: {
-    // TODO(T175424986): Remove UIManager.showPopupMenu() in React Native v0.75.
-    showPopupMenu: (
-      reactTag: number,
-      items: Array<string>,
-      error: (error: Object) => void,
-      success: (event: string, selected?: number) => void,
-    ): void => {
-      raiseSoftError(
-        'showPopupMenu',
-        'Please use the <PopupMenuAndroid /> component instead.',
-      );
-    },
-    // TODO(T175424986): Remove UIManager.dismissPopupMenu() in React Native v0.75.
-    dismissPopupMenu: (): void => {
-      raiseSoftError(
-        'dismissPopupMenu',
-        'Please use the <PopupMenuAndroid /> component instead.',
-      );
-    },
-  },
+  android: {},
 });
 
 const UIManagerJSPlatformAPIs = Platform.select({

package/Libraries/ReactNative/RendererImplementation.js

@@ -12,8 +12,12 @@ import type {HostComponent} from '../Renderer/shims/ReactNativeTypes';
 import type ReactFabricHostComponent from './ReactFabricPublicInstance/ReactFabricHostComponent';
 import type {Element, ElementRef, ElementType} from 'react';
 
+import {
+  onCaughtError,
+  onRecoverableError,
+  onUncaughtError,
+} from '../Core/ErrorHandlers';
 import {type RootTag} from './RootTag';
-
 export function renderElement({
   element,
   rootTag,
@@ -31,9 +35,23 @@ export function renderElement({
       rootTag,
       null,
       useConcurrentRoot,
+      {
+        onCaughtError,
+        onUncaughtError,
+        onRecoverableError,
+      },
     );
   } else {
-    require('../Renderer/shims/ReactNative').render(element, rootTag);
+    require('../Renderer/shims/ReactNative').render(
+      element,
+      rootTag,
+      undefined,
+      {
+        onCaughtError,
+        onUncaughtError,
+        onRecoverableError,
+      },
+    );
   }
 }
 

package/Libraries/ReactNative/UIManager.d.ts

@@ -89,27 +89,6 @@ export interface UIManagerStatic {
     | ((value: boolean) => void)
     | undefined;
 
-  /**
-   * Used to display an Android PopupMenu. If a menu item is pressed, the success callback will
-   * be called with the following arguments:
-   *
-   *  - item - the menu item.
-   *  - index - index of the pressed item in array. Returns `undefined` if cancelled.
-   *
-   * To obtain a native node handle for a component, you can use
-   * `React.findNodeHandle(component)`.
-   *
-   * Note that this works only on Android
-   */
-  showPopupMenu?:
-    | ((
-        node: number,
-        items: string[],
-        error: () => void /* currently unused */,
-        success: (item: string, index: number | undefined) => void,
-      ) => void)
-    | undefined;
-
   getViewManagerConfig: (name: string) => {
     Commands: {[key: string]: number};
   };

package/Libraries/ReactNative/UIManagerProperties.js

@@ -30,7 +30,6 @@ module.exports = [
   'clearJSResponder',
   'configureNextLayoutAnimation',
   'createView',
-  'dismissPopupMenu',
   'dispatchViewManagerCommand',
   'findSubviewIn',
   'getConstantsForViewManager',
@@ -45,10 +44,8 @@ module.exports = [
   'setChildren',
   'setJSResponder',
   'setLayoutAnimationEnabledExperimental',
-  'showPopupMenu',
   'updateView',
   'viewIsDescendantOf',
-  'PopupMenu',
   'LazyViewManagersEnabled',
   'ViewManagerNames',
   'StyleConstants',

package/Libraries/ReactNative/getNativeComponentAttributes.js

@@ -19,17 +19,14 @@ const matricesDiffer = require('../Utilities/differ/matricesDiffer');
 const pointsDiffer = require('../Utilities/differ/pointsDiffer');
 const sizesDiffer = require('../Utilities/differ/sizesDiffer');
 const UIManager = require('./UIManager');
-const invariant = require('invariant');
 const nullthrows = require('nullthrows');
 
 function getNativeComponentAttributes(uiViewClassName: string): any {
   const viewConfig = UIManager.getViewManagerConfig(uiViewClassName);
 
-  invariant(
-    viewConfig != null && viewConfig.NativeProps != null,
-    'requireNativeComponent: "%s" was not found in the UIManager.',
-    uiViewClassName,
-  );
+  if (viewConfig == null) {
+    return null;
+  }
 
   // TODO: This seems like a whole lot of runtime initialization for every
   // native component that can be either avoided or simplified.

package/Libraries/Renderer/shims/ReactFabric.js

@@ -8,6 +8,9 @@
  * @flow
  * @nolint
  * @generated SignedSource<<c1cc197c110e3a49a5e8f6bd5d32b23f>>
+ * @generated SignedSource<<19f13c8d8dac82cd391ad408f5ad8893>>
+ *
+ * This file was sync'd from the facebook/react repository.
  */
 
 'use strict';

package/Libraries/Renderer/shims/ReactFeatureFlags.js

@@ -8,6 +8,9 @@
  * @flow strict-local
  * @nolint
  * @generated SignedSource<<2881c8e89ef0f73f4cf6612cb518b197>>
+ * @generated SignedSource<<f48352b25600c8534f28130f5256d937>>
+ *
+ * This file was sync'd from the facebook/react repository.
  */
 
 'use strict';

package/Libraries/Renderer/shims/ReactNative.js

@@ -8,6 +8,9 @@
  * @flow
  * @nolint
  * @generated SignedSource<<0debd6e5a17dc037cb4661315a886de6>>
+ * @generated SignedSource<<228cd610b28ff12c92264be0d9be9374>>
+ *
+ * This file was sync'd from the facebook/react repository.
  */
 
 'use strict';

package/Libraries/Renderer/shims/ReactNativeTypes.js

@@ -7,7 +7,10 @@
  * @noformat
  * @flow strict
  * @nolint
- * @generated SignedSource<<b35184ab7e1e173fd34278def089e277>>
+ * @generated SignedSource<<c41f61379973354629ee7bf55ba92541>>
+ * @generated SignedSource<<39aa3fa373095c6b192fac24f5b6c30c>>
+ *
+ * This file was sync'd from the facebook/react repository.
  */
 
 import type {ElementRef, ElementType, Element, AbstractComponent} from 'react';
@@ -176,6 +179,25 @@ export type TouchedViewDataAtPoint = $ReadOnly<{
   ...InspectorData,
 }>;
 
+export type RenderRootOptions = {
+  onUncaughtError?: (
+    error: mixed,
+    errorInfo: {+componentStack?: ?string},
+  ) => void,
+  onCaughtError?: (
+    error: mixed,
+    errorInfo: {
+      +componentStack?: ?string,
+      // $FlowFixMe[unclear-type] unknown props and state.
+      +errorBoundary?: ?React$Component<any, any>,
+    },
+  ) => void,
+  onRecoverableError?: (
+    error: mixed,
+    errorInfo: {+componentStack?: ?string},
+  ) => void,
+};
+
 /**
  * Flat ReactNative renderer bundles are too big for Flow to parse efficiently.
  * Provide minimal Flow typing for the high-level RN API and call it a day.
@@ -204,6 +226,7 @@ export type ReactNativeType = {
     element: Element<ElementType>,
     containerTag: number,
     callback: ?() => void,
+    options: ?RenderRootOptions,
   ): ?ElementRef<ElementType>,
   unmountComponentAtNode(containerTag: number): void,
   unmountComponentAtNodeAndRemoveContainer(containerTag: number): void,
@@ -239,6 +262,7 @@ export type ReactFabricType = {
     containerTag: number,
     callback: ?() => void,
     concurrentRoot: ?boolean,
+    options: ?RenderRootOptions,
   ): ?ElementRef<ElementType>,
   unmountComponentAtNode(containerTag: number): void,
   getNodeFromInternalInstanceHandle(

package/Libraries/Renderer/shims/ReactNativeViewConfigRegistry.js

@@ -8,6 +8,9 @@
  * @flow strict-local
  * @nolint
  * @generated SignedSource<<73af5b3fe29d226634ed64bc861634df>>
+ * @generated SignedSource<<b616e9e4f0bcab37292324fd9dd1b01d>>
+ *
+ * This file was sync'd from the facebook/react repository.
  */
 
 'use strict';

package/Libraries/Renderer/shims/createReactNativeComponentClass.js

@@ -8,6 +8,9 @@
  * @flow strict-local
  * @nolint
  * @generated SignedSource<<ede54ac2fa1b9a09e234cdf098048989>>
+ * @generated SignedSource<<c20bad591efa52fa416567851318b8ca>>
+ *
+ * This file was sync'd from the facebook/react repository.
  */
 
 'use strict';

package/Libraries/StyleSheet/StyleSheetTypes.d.ts

@@ -65,9 +65,9 @@ export interface FlexStyle {
     | 'row-reverse'
     | 'column-reverse'
     | undefined;
-  rowGap?: number | undefined;
-  gap?: number | undefined;
-  columnGap?: number | undefined;
+  rowGap?: number | string | undefined;
+  gap?: number | string | undefined;
+  columnGap?: number | string | undefined;
   flexGrow?: number | undefined;
   flexShrink?: number | undefined;
   flexWrap?: 'wrap' | 'nowrap' | 'wrap-reverse' | undefined;

package/Libraries/StyleSheet/StyleSheetTypes.js

@@ -644,9 +644,9 @@ type ____LayoutStyle_Internal = $ReadOnly<{
    * between children may be larger than the gap value.
    * See https://developer.mozilla.org/en-US/docs/Web/CSS/gap for more details.
    */
-  rowGap?: number,
-  columnGap?: number,
-  gap?: number,
+  rowGap?: number | string,
+  columnGap?: number | string,
+  gap?: number | string,
 }>;
 
 /**

package/overrides.json

@@ -7,13 +7,13 @@
     "**/__snapshots__/**",
     "src-win/rntypes/**"
   ],
-  "baseVersion": "0.75.0-nightly-20240413-1b152f6ec",
+  "baseVersion": "0.75.0-nightly-20240420-03a51da72",
   "overrides": [
     {
       "type": "derived",
       "file": ".flowconfig",
       "baseFile": ".flowconfig",
-      "baseHash": "207887dce4d232e4ded4dbeefe4188766b24144a"
+      "baseHash": "4f8e1f39d8ed29d7d0e21455cac407d352a6824d"
     },
     {
       "type": "derived",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@office-iss/react-native-win32",
-  "version": "0.0.0-canary.246",
+  "version": "0.0.0-canary.247",
   "description": "Implementation of react native on top of Office's Win32 platform.",
   "repository": {
     "type": "git",
@@ -30,13 +30,13 @@
     "@react-native-community/cli-platform-android": "14.0.0-alpha.2",
     "@react-native-community/cli-platform-ios": "14.0.0-alpha.2",
     "@react-native/assets": "1.0.0",
-    "@react-native/assets-registry": "0.75.0-nightly-20240413-1b152f6ec",
-    "@react-native/codegen": "0.75.0-nightly-20240413-1b152f6ec",
-    "@react-native/community-cli-plugin": "0.75.0-nightly-20240413-1b152f6ec",
-    "@react-native/gradle-plugin": "0.75.0-nightly-20240413-1b152f6ec",
-    "@react-native/js-polyfills": "0.75.0-nightly-20240413-1b152f6ec",
-    "@react-native/normalize-colors": "0.75.0-nightly-20240413-1b152f6ec",
-    "@react-native/virtualized-lists": "0.75.0-nightly-20240413-1b152f6ec",
+    "@react-native/assets-registry": "0.75.0-nightly-20240420-03a51da72",
+    "@react-native/codegen": "0.75.0-nightly-20240420-03a51da72",
+    "@react-native/community-cli-plugin": "0.75.0-nightly-20240420-03a51da72",
+    "@react-native/gradle-plugin": "0.75.0-nightly-20240420-03a51da72",
+    "@react-native/js-polyfills": "0.75.0-nightly-20240420-03a51da72",
+    "@react-native/normalize-colors": "0.75.0-nightly-20240420-03a51da72",
+    "@react-native/virtualized-lists": "0.75.0-nightly-20240420-03a51da72",
     "abort-controller": "^3.0.0",
     "anser": "^1.4.9",
     "ansi-regex": "^5.0.0",
@@ -56,7 +56,7 @@
     "pretty-format": "^26.5.2",
     "promise": "^8.3.0",
     "react-clone-referenced-element": "^1.0.1",
-    "react-devtools-core": "^5.0.2",
+    "react-devtools-core": "5.1.0",
     "react-refresh": "^0.14.0",
     "react-shallow-renderer": "^16.15.0",
     "regenerator-runtime": "^0.13.2",
@@ -70,11 +70,11 @@
   "devDependencies": {
     "@babel/core": "^7.20.0",
     "@babel/eslint-parser": "^7.20.0",
-    "@react-native/metro-config": "0.75.0-nightly-20240413-1b152f6ec",
+    "@react-native/metro-config": "0.75.0-nightly-20240420-03a51da72",
     "@rnw-scripts/babel-react-native-config": "0.0.0",
-    "@rnw-scripts/eslint-config": "1.2.16",
-    "@rnw-scripts/jest-out-of-tree-snapshot-resolver": "^1.1.20",
-    "@rnw-scripts/just-task": "2.3.32",
+    "@rnw-scripts/eslint-config": "1.2.17",
+    "@rnw-scripts/jest-out-of-tree-snapshot-resolver": "^1.1.21",
+    "@rnw-scripts/just-task": "2.3.33",
     "@rnw-scripts/metro-dev-config": "0.0.0",
     "@rnx-kit/jest-preset": "^0.1.0",
     "@types/node": "^18.0.0",
@@ -86,14 +86,14 @@
     "just-scripts": "^1.3.3",
     "prettier": "2.8.8",
     "react": "18.2.0",
-    "react-native": "0.75.0-nightly-20240413-1b152f6ec",
-    "react-native-platform-override": "^1.9.33",
+    "react-native": "0.75.0-nightly-20240420-03a51da72",
+    "react-native-platform-override": "^1.9.34",
     "typescript": "5.0.4"
   },
   "peerDependencies": {
     "@types/react": "^18.2.6",
     "react": "18.2.0",
-    "react-native": "0.75.0-nightly-20240413-1b152f6ec"
+    "react-native": "0.75.0-nightly-20240420-03a51da72"
   },
   "beachball": {
     "defaultNpmTag": "canary",

package/src/private/featureflags/ReactNativeFeatureFlags.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.
  *
- * @generated SignedSource<<39fd96ed670e0acae857e7fce3377452>>
+ * @generated SignedSource<<0e0858557eb27f3eebfecae18ee13c0b>>
  * @flow strict-local
  */
 
@@ -53,6 +53,7 @@ export type ReactNativeFeatureFlags = {
   forceBatchingMountItemsOnAndroid: Getter<boolean>,
   inspectorEnableCxxInspectorPackagerConnection: Getter<boolean>,
   inspectorEnableModernCDPRegistry: Getter<boolean>,
+  preventDoubleTextMeasure: Getter<boolean>,
   useModernRuntimeScheduler: Getter<boolean>,
   useNativeViewConfigsInBridgelessMode: Getter<boolean>,
   useStateAlignmentMechanism: Getter<boolean>,
@@ -150,6 +151,10 @@ export const inspectorEnableCxxInspectorPackagerConnection: Getter<boolean> = cr
  * Flag determining if the modern CDP backend should be enabled. This flag is global and should not be changed across React Host lifetimes.
  */
 export const inspectorEnableModernCDPRegistry: Getter<boolean> = createNativeFlagGetter('inspectorEnableModernCDPRegistry', false);
+/**
+ * When enabled, ParagraphShadowNode will no longer call measure twice.
+ */
+export const preventDoubleTextMeasure: Getter<boolean> = createNativeFlagGetter('preventDoubleTextMeasure', false);
 /**
  * When enabled, it uses the modern fork of RuntimeScheduler that allows scheduling tasks with priorities from any thread.
  */

package/src/private/featureflags/specs/NativeReactNativeFeatureFlags.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.
  *
- * @generated SignedSource<<99ddb55dadff7adfb02c105984d47cbf>>
+ * @generated SignedSource<<4ba909c3b360c6a4fc9c6ed5996b6a13>>
  * @flow strict-local
  */
 
@@ -36,6 +36,7 @@ export interface Spec extends TurboModule {
   +forceBatchingMountItemsOnAndroid?: () => boolean;
   +inspectorEnableCxxInspectorPackagerConnection?: () => boolean;
   +inspectorEnableModernCDPRegistry?: () => boolean;
+  +preventDoubleTextMeasure?: () => boolean;
   +useModernRuntimeScheduler?: () => boolean;
   +useNativeViewConfigsInBridgelessMode?: () => boolean;
   +useStateAlignmentMechanism?: () => boolean;

package/src/private/fusebox/setUpFuseboxReactDevToolsDispatcher.js

@@ -37,7 +37,7 @@ class EventScope<T> {
   }
 }
 
-class Domain {
+export class Domain {
   name: DomainName;
   onMessage: EventScope<JSONValue>;
 

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