@office-iss/react-native-win32 0.0.0-canary.261 → 0.0.0-canary.262

package/.flowconfig

@@ -160,4 +160,4 @@ untyped-import
 untyped-type-import
 
 [version]
-^0.244.0
+^0.245.0

package/CHANGELOG.json

@@ -2,7 +2,28 @@
   "name": "@office-iss/react-native-win32",
   "entries": [
     {
-      "date": "Thu, 05 Sep 2024 05:13:08 GMT",
+      "date": "Sat, 07 Sep 2024 05:13:20 GMT",
+      "version": "0.0.0-canary.262",
+      "tag": "@office-iss/react-native-win32_v0.0.0-canary.262",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "tatianakapos@microsoft.com",
+            "package": "@office-iss/react-native-win32",
+            "commit": "55e32071ac30a673c7830f717fcbd1a3a228dcff",
+            "comment": "switch to optimized text"
+          },
+          {
+            "author": "34109996+chiaramooney@users.noreply.github.com",
+            "package": "@office-iss/react-native-win32",
+            "commit": "409bf6e085cc1aa6421cff078037f7b3774bd8ec",
+            "comment": "Integrate 8/31"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Thu, 05 Sep 2024 05:13:45 GMT",
       "version": "0.0.0-canary.261",
       "tag": "@office-iss/react-native-win32_v0.0.0-canary.261",
       "comments": {

package/CHANGELOG.md

@@ -1,17 +1,26 @@
 # Change Log - @office-iss/react-native-win32
 
-This log was last generated on Thu, 05 Sep 2024 05:13:08 GMT and should not be manually modified.
+<!-- This log was last generated on Sat, 07 Sep 2024 05:13:20 GMT and should not be manually modified. -->
 
 <!-- Start content -->
 
-## 0.0.0-canary.261
+## 0.0.0-canary.262
 
-Thu, 05 Sep 2024 05:13:08 GMT
+Sat, 07 Sep 2024 05:13:20 GMT
 
 ### Changes
 
-- Integrate 8/20 (34109996+chiaramooney@users.noreply.github.com)
+- switch to optimized text (tatianakapos@microsoft.com)
+- Integrate 8/31 (34109996+chiaramooney@users.noreply.github.com)
 
+## 0.0.0-canary.261
+
+Thu, 05 Sep 2024 05:13:45 GMT
+
+### Changes
+
+- Integrate 8/20 (34109996+chiaramooney@users.noreply.github.com)
+
 ## 0.0.0-canary.260
 
 Wed, 28 Aug 2024 05:14:44 GMT

package/Libraries/Animated/nodes/AnimatedObject.js

@@ -23,7 +23,8 @@ function isPlainObject(value: any): boolean {
   return (
     value !== null &&
     typeof value === 'object' &&
-    Object.getPrototypeOf(value).isPrototypeOf(Object)
+    Object.getPrototypeOf(value).isPrototypeOf(Object) &&
+    !React.isValidElement(value)
   );
 }
 
@@ -81,10 +82,6 @@ export function hasAnimatedNode(value: any, depth: number = 0): boolean {
       }
     }
   } else if (isPlainObject(value)) {
-    // Don't consider React elements
-    if (React.isValidElement(value)) {
-      return false;
-    }
     for (const key in value) {
       if (hasAnimatedNode(value[key], depth + 1)) {
         return true;

package/Libraries/Animated/nodes/AnimatedProps.js

@@ -88,6 +88,8 @@ export default class AnimatedProps extends AnimatedNode {
     if (this.__isNative && this._animatedView) {
       this.__disconnectAnimatedView();
     }
+    this._animatedView = null;
+
     for (const key in this._props) {
       const value = this._props[key];
       if (value instanceof AnimatedNode) {

package/Libraries/Components/ScrollView/AndroidHorizontalScrollViewNativeComponent.js

@@ -25,9 +25,6 @@ export const __INTERNAL_VIEW_CONFIG: PartialViewConfig = {
     disableIntervalMomentum: true,
     maintainVisibleContentPosition: true,
     endFillColor: {process: require('../../StyleSheet/processColor').default},
-    experimental_boxShadow: {
-      process: require('../../StyleSheet/processBoxShadow').default,
-    },
     fadingEdgeLength: true,
     nestedScrollEnabled: true,
     overScrollMode: true,

package/Libraries/Components/ScrollView/ScrollViewNativeComponent.js

@@ -46,9 +46,6 @@ export const __INTERNAL_VIEW_CONFIG: PartialViewConfig =
           },
           decelerationRate: true,
           enableSyncOnScroll: true, // Fabric only.
-          experimental_boxShadow: {
-            process: require('../../StyleSheet/processBoxShadow').default,
-          },
           disableIntervalMomentum: true,
           maintainVisibleContentPosition: true,
           pagingEnabled: true,

package/Libraries/Components/TextInput/AndroidTextInputNativeComponent.js

@@ -739,9 +739,6 @@ export const __INTERNAL_VIEW_CONFIG: PartialViewConfig = {
     },
     borderTopLeftRadius: true,
     borderTopColor: {process: require('../../StyleSheet/processColor').default},
-    experimental_boxShadow: {
-      process: require('../../StyleSheet/processBoxShadow').default,
-    },
   },
 };
 

package/Libraries/Components/TextInput/TextInput.js

@@ -1538,15 +1538,26 @@ function InternalTextInput(props: Props): React.Node {
   // Keep the original (potentially nested) style when possible, as React can diff these more efficiently
   let _style = props.style;
   const flattenedStyle = flattenStyle<TextStyleProp>(props.style);
-  if (typeof flattenedStyle?.fontWeight === 'number') {
-    _style = [
-      _style,
-      {
-        fontWeight:
-          // $FlowFixMe[incompatible-cast]
-          (flattenedStyle.fontWeight.toString(): TextStyleInternal['fontWeight']),
-      },
-    ];
+  if (flattenedStyle != null) {
+    let overrides: ?{...TextStyleInternal} = null;
+    if (typeof flattenedStyle?.fontWeight === 'number') {
+      overrides = overrides || ({}: {...TextStyleInternal});
+      overrides.fontWeight =
+        // $FlowFixMe[incompatible-cast]
+        (flattenedStyle.fontWeight.toString(): TextStyleInternal['fontWeight']);
+    }
+
+    if (flattenedStyle.verticalAlign != null) {
+      overrides = overrides || ({}: {...TextStyleInternal});
+      overrides.textAlignVertical =
+        verticalAlignToTextAlignVerticalMap[flattenedStyle.verticalAlign];
+      overrides.verticalAlign = undefined;
+    }
+
+    if (overrides != null) {
+      // $FlowFixMe[incompatible-type]
+      _style = [_style, overrides];
+    }
   }
 
   if (Platform.OS === 'ios') {
@@ -1782,20 +1793,6 @@ const ExportedForwardRef: React.AbstractComponent<
   },
   forwardedRef: ReactRefSetter<TextInputInstance>,
 ) {
-  // $FlowFixMe[underconstrained-implicit-instantiation]
-  let style = flattenStyle(restProps.style);
-
-  if (style?.verticalAlign != null) {
-    // $FlowFixMe[prop-missing]
-    // $FlowFixMe[cannot-write]
-    style.textAlignVertical =
-      // $FlowFixMe[invalid-computed-prop]
-      verticalAlignToTextAlignVerticalMap[style.verticalAlign];
-    // $FlowFixMe[prop-missing]
-    // $FlowFixMe[cannot-write]
-    delete style.verticalAlign;
-  }
-
   return (
     <InternalTextInput
       allowFontScaling={allowFontScaling}
@@ -1832,7 +1829,6 @@ const ExportedForwardRef: React.AbstractComponent<
       }
       {...restProps}
       forwardedRef={forwardedRef}
-      style={style}
     />
   );
 });

package/Libraries/Components/TextInput/TextInput.win32.js

@@ -1645,15 +1645,26 @@ function InternalTextInput(props: Props): React.Node {
   // Keep the original (potentially nested) style when possible, as React can diff these more efficiently
   let _style = props.style;
   const flattenedStyle = flattenStyle<TextStyleProp>(props.style);
-  if (typeof flattenedStyle?.fontWeight === 'number') {
-    _style = [
-      _style,
-      {
-        fontWeight:
-          // $FlowFixMe[incompatible-cast]
-          (flattenedStyle.fontWeight.toString(): TextStyleInternal['fontWeight']),
-      },
-    ];
+  if (flattenedStyle != null) {
+    let overrides: ?{...TextStyleInternal} = null;
+    if (typeof flattenedStyle?.fontWeight === 'number') {
+      overrides = overrides || ({}: {...TextStyleInternal});
+      overrides.fontWeight =
+        // $FlowFixMe[incompatible-cast]
+        (flattenedStyle.fontWeight.toString(): TextStyleInternal['fontWeight']);
+    }
+
+    if (flattenedStyle.verticalAlign != null) {
+      overrides = overrides || ({}: {...TextStyleInternal});
+      overrides.textAlignVertical =
+        verticalAlignToTextAlignVerticalMap[flattenedStyle.verticalAlign];
+      overrides.verticalAlign = undefined;
+    }
+
+    if (overrides != null) {
+      // $FlowFixMe[incompatible-type]
+      _style = [_style, overrides];
+    }
   }
 
   if (Platform.OS === 'ios') {
@@ -1917,20 +1928,6 @@ const ExportedForwardRef: React.AbstractComponent<
   },
   forwardedRef: ReactRefSetter<TextInputInstance>,
 ) {
-  // $FlowFixMe[underconstrained-implicit-instantiation]
-  let style = flattenStyle(restProps.style);
-
-  if (style?.verticalAlign != null) {
-    // $FlowFixMe[prop-missing]
-    // $FlowFixMe[cannot-write]
-    style.textAlignVertical =
-      // $FlowFixMe[invalid-computed-prop]
-      verticalAlignToTextAlignVerticalMap[style.verticalAlign];
-    // $FlowFixMe[prop-missing]
-    // $FlowFixMe[cannot-write]
-    delete style.verticalAlign;
-  }
-
   return (
     <InternalTextInput
       allowFontScaling={allowFontScaling}
@@ -1966,7 +1963,6 @@ const ExportedForwardRef: React.AbstractComponent<
       }
       {...restProps}
       forwardedRef={forwardedRef}
-      style={style}
     />
   );
 });

package/Libraries/Components/View/ViewNativeComponent.js

@@ -94,17 +94,10 @@ export const __INTERNAL_VIEW_CONFIG: PartialViewConfig =
           borderBlockStartColor: {
             process: require('../../StyleSheet/processColor').default,
           },
-          experimental_boxShadow: {
-            process: require('../../StyleSheet/processBoxShadow').default,
-          },
-
           focusable: true,
           overflow: true,
           backfaceVisibility: true,
           experimental_layoutConformance: true,
-          experimental_backgroundImage: {
-            process: require('../../StyleSheet/processBackgroundImage').default,
-          },
         },
       }
     : {

package/Libraries/Core/ReactNativeVersion.js

@@ -17,7 +17,7 @@ const version: $ReadOnly<{
   major: 0,
   minor: 76,
   patch: 0,
-  prerelease: 'nightly-20240824-09e88448c',
+  prerelease: 'nightly-20240901-305b4357e',
 };
 
 module.exports = {version};

package/Libraries/Image/ImageViewNativeComponent.js

@@ -113,9 +113,6 @@ export const __INTERNAL_VIEW_CONFIG: PartialViewConfig =
           borderBottomRightRadius: true,
           borderTopRightRadius: true,
           loadingIndicatorSrc: true,
-          experimental_boxShadow: {
-            process: require('../StyleSheet/processBoxShadow').default,
-          },
         },
       }
     : {

package/Libraries/LogBox/Data/LogBoxData.js

@@ -18,7 +18,7 @@ import type {
   Message,
 } from './parseLogBoxLog';
 
-import NativeDebuggerSessionObserver from '../../../src/private/specs/modules/NativeDebuggerSessionObserver';
+import DebuggerSessionObserver from '../../../src/private/fusebox/FuseboxSessionObserver';
 import parseErrorStack from '../../Core/Devtools/parseErrorStack';
 import NativeDevSettings from '../../NativeModules/specs/NativeDevSettings';
 import NativeLogBox from '../../NativeModules/specs/NativeLogBox';
@@ -198,29 +198,23 @@ function appendNewLog(newLog: LogBoxLog) {
 }
 
 export function addLog(log: LogData): void {
-  if (
-    hostTargetSessionObserverSubscription == null &&
-    NativeDebuggerSessionObserver != null
-  ) {
-    hostTargetSessionObserverSubscription =
-      NativeDebuggerSessionObserver.subscribe(hasActiveSession => {
+  if (hostTargetSessionObserverSubscription == null) {
+    hostTargetSessionObserverSubscription = DebuggerSessionObserver.subscribe(
+      hasActiveSession => {
         if (hasActiveSession) {
           clearWarnings();
         } else {
           // Reset the flag so that we can show the message again if new warning was emitted
           hasShownFuseboxWarningsMigrationMessage = false;
         }
-      });
+      },
+    );
   }
 
   // If Host has Fusebox support
-  if (
-    log.level === 'warn' &&
-    global.__FUSEBOX_HAS_FULL_CONSOLE_SUPPORT__ &&
-    NativeDebuggerSessionObserver != null
-  ) {
+  if (log.level === 'warn' && global.__FUSEBOX_HAS_FULL_CONSOLE_SUPPORT__) {
     // And there is no active debugging session
-    if (!NativeDebuggerSessionObserver.hasActiveSession()) {
+    if (!DebuggerSessionObserver.hasActiveSession()) {
       showFuseboxWarningsMigrationMessageOnce();
     }
 

package/Libraries/Modal/Modal.js

@@ -218,7 +218,6 @@ class Modal extends React.Component<Props, State> {
   }
 
   componentWillUnmount() {
-    this.setState({isRendered: false});
     if (this._eventSubscription) {
       this._eventSubscription.remove();
     }

package/Libraries/NativeComponent/BaseViewConfig.android.js

@@ -166,6 +166,12 @@ const validAttributesForNonEventProps = {
   backgroundColor: {process: require('../StyleSheet/processColor').default},
   transform: true,
   transformOrigin: true,
+  experimental_backgroundImage: {
+    process: require('../StyleSheet/processBackgroundImage').default,
+  },
+  experimental_boxShadow: {
+    process: require('../StyleSheet/processBoxShadow').default,
+  },
   experimental_filter: {
     process: require('../StyleSheet/processFilter').default,
   },

package/Libraries/StyleSheet/processBackgroundImage.js

@@ -42,7 +42,7 @@ export default function processBackgroundImage(
   }
 
   if (typeof backgroundImage === 'string') {
-    result = parseCSSLinearGradient(backgroundImage);
+    result = parseCSSLinearGradient(backgroundImage.replace(/\n/g, ' '));
   } else if (Array.isArray(backgroundImage)) {
     for (const bgImage of backgroundImage) {
       const processedColorStops: Array<{

package/Libraries/StyleSheet/processBoxShadow.js

@@ -33,7 +33,7 @@ export default function processBoxShadow(
 
   const boxShadowList =
     typeof rawBoxShadows === 'string'
-      ? parseBoxShadowString(rawBoxShadows)
+      ? parseBoxShadowString(rawBoxShadows.replace(/\n/g, ' '))
       : rawBoxShadows;
 
   for (const rawBoxShadow of boxShadowList) {

package/Libraries/StyleSheet/processFilter.js

@@ -44,6 +44,8 @@ export default function processFilter(
   }
 
   if (typeof filter === 'string') {
+    filter = filter.replace(/\n/g, ' ');
+
     // matches on functions with args and nested functions like "drop-shadow(10 10 10 rgba(0, 0, 0, 1))"
     const regex = /([\w-]+)\(([^()]*|\([^()]*\)|[^()]*\([^()]*\)[^()]*)\)/g;
     let matches;
@@ -80,7 +82,7 @@ export default function processFilter(
         }
       }
     }
-  } else {
+  } else if (Array.isArray(filter)) {
     for (const filterFunction of filter) {
       const [filterName, filterValue] = Object.entries(filterFunction)[0];
       if (filterName === 'dropShadow') {
@@ -107,6 +109,8 @@ export default function processFilter(
         }
       }
     }
+  } else {
+    throw new TypeError(`${typeof filter} filter is not a string or array`);
   }
 
   return result;

package/Libraries/Text/Text.win32.js

@@ -273,7 +273,7 @@ const Text: React.AbstractComponent<TextProps, TextForwardRef> =
           accessible == null
             ? onPress != null || onLongPress != null
             : accessible,
-        default: accessible,
+        default: accessible !== false, // Win32
       });
 
       let nativeText = null;

package/Libraries/Text/TextNativeComponent.js

@@ -49,12 +49,6 @@ const textViewConfig = {
     dataDetectorType: true,
     android_hyphenationFrequency: true,
     lineBreakStrategyIOS: true,
-    // boxShadow is currently per-component on Android instead of being on BaseViewConfig yet
-    ...(Platform.OS === 'android' && {
-      experimental_boxShadow: {
-        process: require('../StyleSheet/processBoxShadow').default,
-      },
-    }),
   },
   directEventTypes: {
     topTextLayout: {

package/Libraries/Text/TextNativeComponent.win32.js

@@ -83,12 +83,6 @@ const textViewConfig = {
     textStyle: true,
     tooltip: true,
     // Windows]
-    // boxShadow is currently per-component on Android instead of being on BaseViewConfig yet
-    ...(Platform.OS === 'android' && {
-      experimental_boxShadow: {
-        process: require('../StyleSheet/processBoxShadow').default,
-      },
-    }),
   },
   directEventTypes: {
     topTextLayout: {

package/Libraries/Utilities/Appearance.js

@@ -8,37 +8,64 @@
  * @flow strict-local
  */
 
+import type {EventSubscription} from '../vendor/emitter/EventEmitter';
+import type {AppearancePreferences, ColorSchemeName} from './NativeAppearance';
+import typeof INativeAppearance from './NativeAppearance';
+
 import NativeEventEmitter from '../EventEmitter/NativeEventEmitter';
-import EventEmitter, {
-  type EventSubscription,
-} from '../vendor/emitter/EventEmitter';
+import EventEmitter from '../vendor/emitter/EventEmitter';
 import {isAsyncDebugging} from './DebugEnvironment';
-import NativeAppearance, {
-  type AppearancePreferences,
-  type ColorSchemeName,
-} from './NativeAppearance';
 import invariant from 'invariant';
 
-const eventEmitter = new EventEmitter<{
-  change: [{colorScheme: ?ColorSchemeName}],
-}>();
-
-type NativeAppearanceEventDefinitions = {
-  appearanceChanged: [AppearancePreferences],
+type Appearance = {
+  colorScheme: ?ColorSchemeName,
 };
 
-// Cache the color scheme to reduce the cost of reading it between changes.
-// NOTE: If `NativeAppearance` is null, this will always be null.
-let appearance: ?{colorScheme: ?ColorSchemeName} = null;
+let lazyState: ?{
+  +NativeAppearance: INativeAppearance,
+  // Cache the color scheme to reduce the cost of reading it between changes.
+  // NOTE: If `NativeAppearance` is null, this will always be null.
+  appearance: ?Appearance,
+  // NOTE: This is non-nullable to make it easier for `onChangedListener` to
+  // return a non-nullable `EventSubscription` value. This is not the common
+  // path, so we do not have to over-optimize it.
+  +eventEmitter: EventEmitter<{change: [Appearance]}>,
+};
 
-if (NativeAppearance != null) {
-  new NativeEventEmitter<NativeAppearanceEventDefinitions>(
-    NativeAppearance,
-  ).addListener('appearanceChanged', (newAppearance: AppearancePreferences) => {
-    const colorScheme = toColorScheme(newAppearance.colorScheme);
-    appearance = {colorScheme};
-    eventEmitter.emit('change', appearance);
-  });
+/**
+ * Ensures that all state and listeners are lazily initialized correctly.
+ */
+function getState(): $NonMaybeType<typeof lazyState> {
+  if (lazyState != null) {
+    return lazyState;
+  }
+  const eventEmitter = new EventEmitter<{change: [Appearance]}>();
+  // NOTE: Avoid initializing `NativeAppearance` until it is actually used.
+  const NativeAppearance = require('./NativeAppearance').default;
+  if (NativeAppearance == null) {
+    // Assign `null` to avoid re-initializing on subsequent invocations.
+    lazyState = {
+      NativeAppearance: null,
+      appearance: null,
+      eventEmitter,
+    };
+  } else {
+    const state: $NonMaybeType<typeof lazyState> = {
+      NativeAppearance,
+      appearance: null,
+      eventEmitter,
+    };
+    new NativeEventEmitter<{
+      appearanceChanged: [AppearancePreferences],
+    }>(NativeAppearance).addListener('appearanceChanged', newAppearance => {
+      state.appearance = {
+        colorScheme: toColorScheme(newAppearance.colorScheme),
+      };
+      eventEmitter.emit('change', state.appearance);
+    });
+    lazyState = state;
+  }
+  return lazyState;
 }
 
 /**
@@ -55,15 +82,17 @@ export function getColorScheme(): ?ColorSchemeName {
     }
   }
   let colorScheme = null;
+  const state = getState();
+  const {NativeAppearance} = state;
   if (NativeAppearance != null) {
-    if (appearance == null) {
-      // Lazily initialize `appearance`. This should only happen once because
-      // we never reassign a null value to `appearance`.
-      appearance = {
+    if (state.appearance == null) {
+      // Lazily initialize `state.appearance`. This should only
+      // happen once because we never reassign a null value to it.
+      state.appearance = {
         colorScheme: toColorScheme(NativeAppearance.getColorScheme()),
       };
     }
-    colorScheme = appearance.colorScheme;
+    colorScheme = state.appearance.colorScheme;
   }
   return colorScheme;
 }
@@ -72,9 +101,11 @@ export function getColorScheme(): ?ColorSchemeName {
  * Updates the current color scheme to the supplied value.
  */
 export function setColorScheme(colorScheme: ?ColorSchemeName): void {
+  const state = getState();
+  const {NativeAppearance} = state;
   if (NativeAppearance != null) {
     NativeAppearance.setColorScheme(colorScheme ?? 'unspecified');
-    appearance = {colorScheme};
+    state.appearance = {colorScheme};
   }
 }
 
@@ -84,6 +115,7 @@ export function setColorScheme(colorScheme: ?ColorSchemeName): void {
 export function addChangeListener(
   listener: ({colorScheme: ?ColorSchemeName}) => void,
 ): EventSubscription {
+  const {eventEmitter} = getState();
   return eventEmitter.addListener('change', listener);
 }
 

package/Libraries/Utilities/HMRClient.js

@@ -126,7 +126,7 @@ const HMRClient: HMRClientNativeInterface = {
           data: data.map(item =>
             typeof item === 'string'
               ? item
-              : prettyFormat(item, {
+              : prettyFormat.format(item, {
                   escapeString: true,
                   highlight: true,
                   maxDepth: 3,

package/Libraries/Utilities/createPerformanceLogger.js

@@ -15,11 +15,8 @@ import type {
   Timespan,
 } from './IPerformanceLogger';
 
-import * as Systrace from '../Performance/Systrace';
 import infoLog from './infoLog';
 
-const _cookies: {[key: string]: number, ...} = {};
-
 const PRINT_TO_CONSOLE: false = false; // Type as false to prevent accidentally committing `true`;
 
 export const getCurrentTimestamp: () => number =
@@ -233,7 +230,6 @@ class PerformanceLogger implements IPerformanceLogger {
       startTime: timestamp,
       startExtras: extras,
     };
-    _cookies[key] = Systrace.beginAsyncEvent(key);
     if (PRINT_TO_CONSOLE) {
       infoLog('PerformanceLogger.js', 'start: ' + key);
     }
@@ -277,11 +273,6 @@ class PerformanceLogger implements IPerformanceLogger {
     if (PRINT_TO_CONSOLE) {
       infoLog('PerformanceLogger.js', 'end: ' + key);
     }
-
-    if (_cookies[key] != null) {
-      Systrace.endAsyncEvent(key, _cookies[key]);
-      delete _cookies[key];
-    }
   }
 }
 

package/Libraries/promiseRejectionTrackingOptions.js

@@ -27,7 +27,7 @@ let rejectionTrackingOptions: $NonMaybeType<Parameters<enable>[0]> = {
       stack = error.stack;
     } else {
       try {
-        message = require('pretty-format')(rejection);
+        message = require('pretty-format').format(rejection);
       } catch {
         message =
           typeof rejection === 'string'

package/overrides.json

@@ -7,13 +7,13 @@
     "**/__snapshots__/**",
     "src-win/rntypes/**"
   ],
-  "baseVersion": "0.76.0-nightly-20240824-09e88448c",
+  "baseVersion": "0.76.0-nightly-20240901-305b4357e",
   "overrides": [
     {
       "type": "derived",
       "file": ".flowconfig",
       "baseFile": ".flowconfig",
-      "baseHash": "27c9677306d4f1bd627a346969c592aee606811a"
+      "baseHash": "67b097833fd6733db6c64c57fbcb2efb3e9b51c5"
     },
     {
       "type": "derived",
@@ -116,7 +116,7 @@
       "type": "derived",
       "file": "src-win/Libraries/Components/TextInput/TextInput.win32.js",
       "baseFile": "packages/react-native/Libraries/Components/TextInput/TextInput.js",
-      "baseHash": "259941a60002c5a2a4166a39404d099f0472941e"
+      "baseHash": "494c1159a38de1b57d3889a4dabdc3708204ad4d"
     },
     {
       "type": "patch",
@@ -445,7 +445,7 @@
       "type": "derived",
       "file": "src-win/Libraries/Text/TextNativeComponent.win32.js",
       "baseFile": "packages/react-native/Libraries/Text/TextNativeComponent.js",
-      "baseHash": "dcb764530f8a6529152d9791597865034e2c36ae",
+      "baseHash": "642b6fc1c5b5802e3612f39c2ae0135b149a65f8",
       "issue": 7074
     },
     {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@office-iss/react-native-win32",
-  "version": "0.0.0-canary.261",
+  "version": "0.0.0-canary.262",
   "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",
     "@react-native-community/cli-platform-ios": "14.0.0",
     "@react-native/assets": "1.0.0",
-    "@react-native/assets-registry": "0.76.0-nightly-20240824-09e88448c",
-    "@react-native/codegen": "0.76.0-nightly-20240824-09e88448c",
-    "@react-native/community-cli-plugin": "0.76.0-nightly-20240824-09e88448c",
-    "@react-native/gradle-plugin": "0.76.0-nightly-20240824-09e88448c",
-    "@react-native/js-polyfills": "0.76.0-nightly-20240824-09e88448c",
-    "@react-native/normalize-colors": "0.76.0-nightly-20240824-09e88448c",
-    "@react-native/virtualized-lists": "0.76.0-nightly-20240824-09e88448c",
+    "@react-native/assets-registry": "0.76.0-nightly-20240901-305b4357e",
+    "@react-native/codegen": "0.76.0-nightly-20240901-305b4357e",
+    "@react-native/community-cli-plugin": "0.76.0-nightly-20240901-305b4357e",
+    "@react-native/gradle-plugin": "0.76.0-nightly-20240901-305b4357e",
+    "@react-native/js-polyfills": "0.76.0-nightly-20240901-305b4357e",
+    "@react-native/normalize-colors": "0.76.0-nightly-20240901-305b4357e",
+    "@react-native/virtualized-lists": "0.76.0-nightly-20240901-305b4357e",
     "abort-controller": "^3.0.0",
     "anser": "^1.4.9",
     "ansi-regex": "^5.0.0",
@@ -50,8 +50,8 @@
     "jest-environment-node": "^29.6.3",
     "jsc-android": "^250231.0.0",
     "memoize-one": "^5.0.0",
-    "metro-runtime": "^0.80.3",
-    "metro-source-map": "^0.80.3",
+    "metro-runtime": "^0.80.10",
+    "metro-source-map": "^0.80.10",
     "mkdirp": "^0.5.1",
     "nullthrows": "^1.1.1",
     "pretty-format": "^26.5.2",
@@ -82,19 +82,19 @@
     "@types/prop-types": "15.7.1",
     "@types/react": "^18.2.6",
     "eslint": "^8.19.0",
-    "flow-bin": "^0.244.0",
+    "flow-bin": "^0.245.0",
     "jscodeshift": "^0.14.0",
     "just-scripts": "^1.3.3",
     "prettier": "2.8.8",
     "react": "19.0.0-rc-fb9a90fa48-20240614",
-    "react-native": "0.76.0-nightly-20240824-09e88448c",
+    "react-native": "0.76.0-nightly-20240901-305b4357e",
     "react-native-platform-override": "^1.9.45",
     "typescript": "5.0.4"
   },
   "peerDependencies": {
     "@types/react": "^18.2.6",
     "react": "^19.0.0-rc-fb9a90fa48-20240614",
-    "react-native": "0.76.0-nightly-20240824-09e88448c"
+    "react-native": "0.76.0-nightly-20240901-305b4357e"
   },
   "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<<3c32ce3847859db45d2e8bafb3cc31a1>>
+ * @generated SignedSource<<3693bce1a6719ef03c1c3148230771b4>>
  * @flow strict-local
  */
 
@@ -60,6 +60,7 @@ export type ReactNativeFeatureFlags = {
   enableFabricLogs: Getter<boolean>,
   enableFabricRendererExclusively: Getter<boolean>,
   enableGranularShadowTreeStateReconciliation: Getter<boolean>,
+  enableIOSViewClipToPaddingBox: Getter<boolean>,
   enableLayoutAnimationsOnIOS: Getter<boolean>,
   enableLongTaskAPI: Getter<boolean>,
   enableMicrotasks: Getter<boolean>,
@@ -73,6 +74,7 @@ export type ReactNativeFeatureFlags = {
   fixIncorrectScrollViewStateUpdateOnAndroid: Getter<boolean>,
   fixMappingOfEventPrioritiesBetweenFabricAndReact: Getter<boolean>,
   fixMissedFabricStateUpdatesOnAndroid: Getter<boolean>,
+  fixMountingCoordinatorReportedPendingTransactionsOnAndroid: Getter<boolean>,
   forceBatchingMountItemsOnAndroid: Getter<boolean>,
   fuseboxEnabledDebug: Getter<boolean>,
   fuseboxEnabledRelease: Getter<boolean>,
@@ -87,6 +89,7 @@ export type ReactNativeFeatureFlags = {
   useNativeViewConfigsInBridgelessMode: Getter<boolean>,
   useNewReactImageViewBackgroundDrawing: Getter<boolean>,
   useOptimisedViewPreallocationOnAndroid: Getter<boolean>,
+  useOptimizedEventBatchingOnAndroid: Getter<boolean>,
   useRuntimeShadowNodeReferenceUpdate: Getter<boolean>,
   useRuntimeShadowNodeReferenceUpdateOnLayout: Getter<boolean>,
   useStateAlignmentMechanism: Getter<boolean>,
@@ -219,6 +222,10 @@ export const enableFabricRendererExclusively: Getter<boolean> = createNativeFlag
  * When enabled, the renderer would only fail commits when they propagate state and the last commit that updated state changed before committing.
  */
 export const enableGranularShadowTreeStateReconciliation: Getter<boolean> = createNativeFlagGetter('enableGranularShadowTreeStateReconciliation', false);
+/**
+ * iOS Views will clip to their padding box vs border box
+ */
+export const enableIOSViewClipToPaddingBox: Getter<boolean> = createNativeFlagGetter('enableIOSViewClipToPaddingBox', false);
 /**
  * When enabled, LayoutAnimations API will animate state changes on iOS.
  */
@@ -271,6 +278,10 @@ export const fixMappingOfEventPrioritiesBetweenFabricAndReact: Getter<boolean> =
  * Enables a fix to prevent the possibility of state updates in Fabric being missed due to race conditions with previous state updates.
  */
 export const fixMissedFabricStateUpdatesOnAndroid: Getter<boolean> = createNativeFlagGetter('fixMissedFabricStateUpdatesOnAndroid', false);
+/**
+ * Fixes a limitation on Android where the mounting coordinator would report there are no pending transactions but some of them were actually not processed due to the use of the push model.
+ */
+export const fixMountingCoordinatorReportedPendingTransactionsOnAndroid: Getter<boolean> = createNativeFlagGetter('fixMountingCoordinatorReportedPendingTransactionsOnAndroid', false);
 /**
  * Forces the mounting layer on Android to always batch mount items instead of dispatching them immediately. This might fix some crashes related to synchronous state updates, where some views dispatch state updates during mount.
  */
@@ -327,6 +338,10 @@ export const useNewReactImageViewBackgroundDrawing: Getter<boolean> = createNati
  * Moves more of the work in view preallocation to the main thread to free up JS thread.
  */
 export const useOptimisedViewPreallocationOnAndroid: Getter<boolean> = createNativeFlagGetter('useOptimisedViewPreallocationOnAndroid', false);
+/**
+ * Uses an optimized mechanism for event batching on Android that does not need to wait for a Choreographer frame callback.
+ */
+export const useOptimizedEventBatchingOnAndroid: Getter<boolean> = createNativeFlagGetter('useOptimizedEventBatchingOnAndroid', false);
 /**
  * When enabled, cloning shadow nodes within react native will update the reference held by the current JS fiber tree.
  */

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<<1f1710a12f6980b23bb6c0ece0060b59>>
+ * @generated SignedSource<<6d4aa48dfdd3b78ac5f0f8e70eb3895f>>
  * @flow strict-local
  */
 
@@ -37,6 +37,7 @@ export interface Spec extends TurboModule {
   +enableFabricLogs?: () => boolean;
   +enableFabricRendererExclusively?: () => boolean;
   +enableGranularShadowTreeStateReconciliation?: () => boolean;
+  +enableIOSViewClipToPaddingBox?: () => boolean;
   +enableLayoutAnimationsOnIOS?: () => boolean;
   +enableLongTaskAPI?: () => boolean;
   +enableMicrotasks?: () => boolean;
@@ -50,6 +51,7 @@ export interface Spec extends TurboModule {
   +fixIncorrectScrollViewStateUpdateOnAndroid?: () => boolean;
   +fixMappingOfEventPrioritiesBetweenFabricAndReact?: () => boolean;
   +fixMissedFabricStateUpdatesOnAndroid?: () => boolean;
+  +fixMountingCoordinatorReportedPendingTransactionsOnAndroid?: () => boolean;
   +forceBatchingMountItemsOnAndroid?: () => boolean;
   +fuseboxEnabledDebug?: () => boolean;
   +fuseboxEnabledRelease?: () => boolean;
@@ -64,6 +66,7 @@ export interface Spec extends TurboModule {
   +useNativeViewConfigsInBridgelessMode?: () => boolean;
   +useNewReactImageViewBackgroundDrawing?: () => boolean;
   +useOptimisedViewPreallocationOnAndroid?: () => boolean;
+  +useOptimizedEventBatchingOnAndroid?: () => boolean;
   +useRuntimeShadowNodeReferenceUpdate?: () => boolean;
   +useRuntimeShadowNodeReferenceUpdateOnLayout?: () => boolean;
   +useStateAlignmentMechanism?: () => boolean;

package/src/private/fusebox/FuseboxSessionObserver.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
+ * @format
+ * @oncall react_native
+ */
+
+class FuseboxSessionObserver {
+  #hasNativeSupport: boolean;
+
+  constructor() {
+    this.#hasNativeSupport = global.hasOwnProperty(
+      '__DEBUGGER_SESSION_OBSERVER__',
+    );
+  }
+
+  hasActiveSession(): boolean {
+    if (!this.#hasNativeSupport) {
+      return false;
+    }
+
+    return global.__DEBUGGER_SESSION_OBSERVER__.hasActiveSession;
+  }
+
+  subscribe(callback: (status: boolean) => void): () => void {
+    if (!this.#hasNativeSupport) {
+      return () => {};
+    }
+
+    global.__DEBUGGER_SESSION_OBSERVER__.subscribers.add(callback);
+    return () => {
+      global.__DEBUGGER_SESSION_OBSERVER__.subscribers.delete(callback);
+    };
+  }
+}
+
+const observerInstance: FuseboxSessionObserver = new FuseboxSessionObserver();
+export default observerInstance;

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

@@ -1,23 +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
- * @format
- * @oncall react_native
- */
-
-import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
-
-import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
-
-export interface Spec extends TurboModule {
-  +hasActiveSession: () => boolean;
-  +subscribe: (callback: (hasActiveSession: boolean) => void) => () => void;
-}
-
-export default (TurboModuleRegistry.get<Spec>(
-  'NativeDebuggerSessionObserverCxx',
-): ?Spec);