@office-iss/react-native-win32 0.0.0-canary.285 → 0.0.0-canary.286

package/.flowconfig

@@ -164,4 +164,4 @@ untyped-import
 untyped-type-import
 
 [version]
-^0.259.1
+^0.261.2

package/CHANGELOG.json

@@ -2,7 +2,22 @@
   "name": "@office-iss/react-native-win32",
   "entries": [
     {
-      "date": "Tue, 13 May 2025 05:25:37 GMT",
+      "date": "Thu, 22 May 2025 05:24:02 GMT",
+      "version": "0.0.0-canary.286",
+      "tag": "@office-iss/react-native-win32_v0.0.0-canary.286",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "54227869+anupriya13@users.noreply.github.com",
+            "package": "@office-iss/react-native-win32",
+            "commit": "d31d0a6d69d9db9a81e7b4423d09baa381b98367",
+            "comment": "Integrate RN  0.79.0-nightly-20250220-41b597c73"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Tue, 13 May 2025 21:05:06 GMT",
       "version": "0.0.0-canary.285",
       "tag": "@office-iss/react-native-win32_v0.0.0-canary.285",
       "comments": {

package/CHANGELOG.md

@@ -1,21 +1,29 @@
 # Change Log - @office-iss/react-native-win32
 
-<!-- This log was last generated on Tue, 13 May 2025 05:25:37 GMT and should not be manually modified. -->
+<!-- This log was last generated on Thu, 22 May 2025 05:24:02 GMT and should not be manually modified. -->
 
 <!-- Start content -->
 
-## 0.0.0-canary.285
+## 0.0.0-canary.286
 
-Tue, 13 May 2025 05:25:37 GMT
+Thu, 22 May 2025 05:24:02 GMT
 
 ### Changes
 
-- Integrate RN Nightly Build 0.79.0-nightly-20250206-fb8a6a5bb (54227869+anupriya13@users.noreply.github.com)
-- Bump @rnw-scripts/eslint-config to v1.2.35
-- Bump @rnw-scripts/jest-out-of-tree-snapshot-resolver to v1.1.39
-- Bump @rnw-scripts/just-task to v2.3.52
-- Bump react-native-platform-override to v1.9.54
+- Integrate RN  0.79.0-nightly-20250220-41b597c73 (54227869+anupriya13@users.noreply.github.com)
 
+## 0.0.0-canary.285
+
+Tue, 13 May 2025 21:05:06 GMT
+
+### Changes
+
+- Integrate RN Nightly Build 0.79.0-nightly-20250206-fb8a6a5bb (54227869+anupriya13@users.noreply.github.com)
+- Bump @rnw-scripts/eslint-config to v1.2.35
+- Bump @rnw-scripts/jest-out-of-tree-snapshot-resolver to v1.1.39
+- Bump @rnw-scripts/just-task to v2.3.52
+- Bump react-native-platform-override to v1.9.54
+
 ## 0.0.0-canary.284
 
 Thu, 08 May 2025 05:23:32 GMT

package/IntegrationTests/LayoutEventsTest.js

@@ -12,17 +12,18 @@
 
 import type {ViewStyleProp} from 'react-native/Libraries/StyleSheet/StyleSheet';
 import type {
-  Layout,
-  LayoutEvent,
+  LayoutChangeEvent,
+  LayoutRectangle,
 } from 'react-native/Libraries/Types/CoreEventTypes';
 
 const React = require('react');
 const ReactNative = require('react-native');
-const deepDiffer = require('react-native/Libraries/Utilities/differ/deepDiffer');
+const deepDiffer =
+  require('react-native/Libraries/Utilities/differ/deepDiffer').default;
 
 const {Image, LayoutAnimation, StyleSheet, Text, View} = ReactNative;
 const {TestModule} = ReactNative.NativeModules;
-function debug(...args: Array<void | Layout | string>) {
+function debug(...args: Array<void | LayoutRectangle | string>) {
   // console.log.apply(null, arguments);
 }
 
@@ -31,9 +32,9 @@ type Props = $ReadOnly<{}>;
 type State = {
   didAnimation: boolean,
   extraText?: string,
-  imageLayout?: Layout,
-  textLayout?: Layout,
-  viewLayout?: Layout,
+  imageLayout?: LayoutRectangle,
+  textLayout?: LayoutRectangle,
+  viewLayout?: LayoutRectangle,
   viewStyle?: ViewStyleProp,
   containerStyle?: ViewStyleProp,
   ...
@@ -105,7 +106,11 @@ class LayoutEventsTest extends React.Component<Props, State> {
     });
   };
 
-  compare(node: string, measured: Layout, onLayout?: ?Layout): void {
+  compare(
+    node: string,
+    measured: LayoutRectangle,
+    onLayout?: ?LayoutRectangle,
+  ): void {
     if (deepDiffer(measured, onLayout)) {
       const data = {measured, onLayout};
       throw new Error(
@@ -116,19 +121,19 @@ class LayoutEventsTest extends React.Component<Props, State> {
     }
   }
 
-  onViewLayout: (e: LayoutEvent) => void = (e: LayoutEvent) => {
+  onViewLayout: (e: LayoutChangeEvent) => void = (e: LayoutChangeEvent) => {
     // $FlowFixMe[incompatible-call]
     debug('received view layout event\n', e.nativeEvent);
     this.setState({viewLayout: e.nativeEvent.layout}, this.checkLayout);
   };
 
-  onTextLayout: (e: LayoutEvent) => void = (e: LayoutEvent) => {
+  onTextLayout: (e: LayoutChangeEvent) => void = (e: LayoutChangeEvent) => {
     // $FlowFixMe[incompatible-call]
     debug('received text layout event\n', e.nativeEvent);
     this.setState({textLayout: e.nativeEvent.layout}, this.checkLayout);
   };
 
-  onImageLayout: (e: LayoutEvent) => void = (e: LayoutEvent) => {
+  onImageLayout: (e: LayoutChangeEvent) => void = (e: LayoutChangeEvent) => {
     // $FlowFixMe[incompatible-call]
     debug('received image layout event\n', e.nativeEvent);
     this.setState({imageLayout: e.nativeEvent.layout}, this.checkLayout);

package/Libraries/Alert/Alert.js

@@ -9,18 +9,61 @@
  */
 
 import type {DialogOptions} from '../NativeModules/specs/NativeDialogManagerAndroid';
-import type {AlertOptions, AlertType, Buttons} from './Alert.flow';
 
 import Platform from '../Utilities/Platform';
 import RCTAlertManager from './RCTAlertManager';
 
-export type * from './Alert.flow';
+/**
+ * @platform ios
+ */
+export type AlertType =
+  | 'default'
+  | 'plain-text'
+  | 'secure-text'
+  | 'login-password';
+
+/**
+ * @platform ios
+ */
+export type AlertButtonStyle = 'default' | 'cancel' | 'destructive';
+
+export type AlertButton = {
+  text?: string,
+  onPress?: ?((value?: string) => any) | ?Function,
+  isPreferred?: boolean,
+  style?: AlertButtonStyle,
+  ...
+};
+
+export type AlertButtons = Array<AlertButton>;
 
+export type AlertOptions = {
+  /** @platform android */
+  cancelable?: ?boolean,
+  userInterfaceStyle?: 'unspecified' | 'light' | 'dark',
+  /** @platform android */
+  onDismiss?: ?() => void,
+  ...
+};
+
+/**
+ * Launches an alert dialog with the specified title and message.
+ *
+ * Optionally provide a list of buttons. Tapping any button will fire the
+ * respective onPress callback and dismiss the alert. By default, the only
+ * button will be an 'OK' button.
+ *
+ * This is an API that works both on iOS and Android and can show static
+ * alerts. On iOS, you can show an alert that prompts the user to enter
+ * some information.
+ *
+ * See https://reactnative.dev/docs/alert
+ */
 class Alert {
   static alert(
     title: ?string,
     message?: ?string,
-    buttons?: Buttons,
+    buttons?: AlertButtons,
     options?: AlertOptions,
   ): void {
     if (Platform.OS === 'ios') {
@@ -53,7 +96,7 @@ class Alert {
       // At most three buttons (neutral, negative, positive). Ignore rest.
       // The text 'OK' should be probably localized. iOS Alert does that in native.
       const defaultPositiveText = 'OK';
-      const validButtons: Buttons = buttons
+      const validButtons: AlertButtons = buttons
         ? buttons.slice(0, 3)
         : [{text: defaultPositiveText}];
       const buttonPositive = validButtons.pop();
@@ -93,10 +136,13 @@ class Alert {
     }
   }
 
+  /**
+   * @platform ios
+   */
   static prompt(
     title: ?string,
     message?: ?string,
-    callbackOrButtons?: ?(((text: string) => void) | Buttons),
+    callbackOrButtons?: ?(((text: string) => void) | AlertButtons),
     type?: ?AlertType = 'plain-text',
     defaultValue?: string,
     keyboardType?: string,

package/Libraries/Alert/Alert.win32.js

@@ -8,21 +8,63 @@
  * @flow
  */
 
-import type {AlertOptions, AlertType, Buttons} from './Alert.flow';
-
 // [Windows
 import * as TurboModuleRegistry from '../TurboModule/TurboModuleRegistry';
 // $FlowFixMe[underconstrained-implicit-instantiation]
 const PLYAlertManager = TurboModuleRegistry.getEnforcing('Alert');
 // Windows]
 
-export type * from './Alert.flow';
+/**
+ * @platform ios
+ */
+export type AlertType =
+  | 'default'
+  | 'plain-text'
+  | 'secure-text'
+  | 'login-password';
+
+/**
+ * @platform ios
+ */
+export type AlertButtonStyle = 'default' | 'cancel' | 'destructive';
+
+export type AlertButton = {
+  text?: string,
+  onPress?: ?((value?: string) => any) | ?Function,
+  isPreferred?: boolean,
+  style?: AlertButtonStyle,
+  ...
+};
 
+export type AlertButtons = Array<AlertButton>;
+
+export type AlertOptions = {
+  /** @platform android */
+  cancelable?: ?boolean,
+  userInterfaceStyle?: 'unspecified' | 'light' | 'dark',
+  /** @platform android */
+  onDismiss?: ?() => void,
+  ...
+};
+
+/**
+ * Launches an alert dialog with the specified title and message.
+ *
+ * Optionally provide a list of buttons. Tapping any button will fire the
+ * respective onPress callback and dismiss the alert. By default, the only
+ * button will be an 'OK' button.
+ *
+ * This is an API that works both on iOS and Android and can show static
+ * alerts. On iOS, you can show an alert that prompts the user to enter
+ * some information.
+ *
+ * See https://reactnative.dev/docs/alert
+ */
 class Alert {
   static alert(
     title: ?string,
     message?: ?string,
-    buttons?: Buttons,
+    buttons?: AlertButtons,
     options?: AlertOptions,
   ): void {
     // [Windows
@@ -54,10 +96,13 @@ class Alert {
     // Windows]
   }
 
+  /**
+   * @platform ios
+   */
   static prompt(
     title: ?string,
     message?: ?string,
-    callbackOrButtons?: ?(((text: string) => void) | Buttons),
+    callbackOrButtons?: ?(((text: string) => void) | AlertButtons),
     type?: ?AlertType = 'plain-text',
     defaultValue?: string,
     keyboardType?: string,

package/Libraries/Animated/animations/Animation.js

@@ -145,10 +145,7 @@ export default class Animation {
           if (value != null) {
             animatedValue.__onAnimatedValueUpdateReceived(value);
 
-            if (
-              ReactNativeFeatureFlags.shouldSkipStateUpdatesForLoopingAnimations() &&
-              this.__isLooping === true
-            ) {
+            if (this.__isLooping === true) {
               return;
             }
 

package/Libraries/Animated/nodes/AnimatedObject.js

@@ -26,6 +26,7 @@ export function isPlainObject(
      and ReactElement checks preserve the type refinement of `value`. */
 ): value is $ReadOnly<{[string]: mixed}> {
   return (
+    // $FlowFixMe[incompatible-type-guard]
     value !== null &&
     typeof value === 'object' &&
     Object.getPrototypeOf(value).isPrototypeOf(Object) &&

package/Libraries/AppState/AppState.js

@@ -14,17 +14,33 @@ import Platform from '../Utilities/Platform';
 import {type EventSubscription} from '../vendor/emitter/EventEmitter';
 import NativeAppState from './NativeAppState';
 
-export type AppStateValues = 'inactive' | 'background' | 'active';
+/**
+ * active - The app is running in the foreground
+ * background - The app is running in the background. The user is either:
+ *   - in another app
+ *   - on the home screen
+ *   - @platform android - on another Activity (even if it was launched by your app)
+ * @platform ios - inactive - This is a state that occurs when transitioning between foreground & background, and during periods of inactivity such as entering the multitasking view, opening the Notification Center or in the event of an incoming call.
+ */
+export type AppStateStatus = 'inactive' | 'background' | 'active';
 
+/**
+ * change - This even is received when the app state has changed.
+ * memoryWarning - This event is used in the need of throwing memory warning or releasing it.
+ * @platform android - focus - Received when the app gains focus (the user is interacting with the app).
+ * @platform android - blur - Received when the user is not actively interacting with the app.
+ */
 type AppStateEventDefinitions = {
-  change: [AppStateValues],
+  change: [AppStateStatus],
   memoryWarning: [],
   blur: [],
   focus: [],
 };
 
+export type AppStateEvent = $Keys<AppStateEventDefinitions>;
+
 type NativeAppStateEventDefinitions = {
-  appStateDidChange: [{app_state: AppStateValues}],
+  appStateDidChange: [{app_state: AppStateStatus}],
   appStateFocusChange: [boolean],
   memoryWarning: [],
 };
@@ -35,7 +51,7 @@ type NativeAppStateEventDefinitions = {
  *
  * See https://reactnative.dev/docs/appstate
  */
-class AppState {
+class AppStateImpl {
   currentState: ?string = null;
   isAvailable: boolean;
 
@@ -89,7 +105,7 @@ class AppState {
    *
    * See https://reactnative.dev/docs/appstate#addeventlistener
    */
-  addEventListener<K: $Keys<AppStateEventDefinitions>>(
+  addEventListener<K: AppStateEvent>(
     type: K,
     handler: (...$ElementType<AppStateEventDefinitions, K>) => void,
   ): EventSubscription {
@@ -100,7 +116,7 @@ class AppState {
     switch (type) {
       case 'change':
         // $FlowIssue[invalid-tuple-arity] Flow cannot refine handler based on the event type
-        const changeHandler: AppStateValues => void = handler;
+        const changeHandler: AppStateStatus => void = handler;
         return emitter.addListener('appStateDidChange', appStateData => {
           changeHandler(appStateData.app_state);
         });
@@ -125,4 +141,5 @@ class AppState {
   }
 }
 
-export default (new AppState(): AppState);
+const AppState: AppStateImpl = new AppStateImpl();
+export default AppState;

package/Libraries/BatchedBridge/MessageQueue.js

@@ -11,9 +11,10 @@
 'use strict';
 
 const Systrace = require('../Performance/Systrace');
-const deepFreezeAndThrowOnMutationInDev = require('../Utilities/deepFreezeAndThrowOnMutationInDev');
+const deepFreezeAndThrowOnMutationInDev =
+  require('../Utilities/deepFreezeAndThrowOnMutationInDev').default;
 const stringifySafe = require('../Utilities/stringifySafe').default;
-const warnOnce = require('../Utilities/warnOnce');
+const warnOnce = require('../Utilities/warnOnce').default;
 const ErrorUtils = require('../vendor/core/ErrorUtils').default;
 const invariant = require('invariant');
 

package/Libraries/BatchedBridge/NativeModules.js

@@ -187,7 +187,8 @@ if (global.nativeModuleProxy) {
     '__fbBatchedBridgeConfig is not set, cannot invoke native modules',
   );
 
-  const defineLazyObjectProperty = require('../Utilities/defineLazyObjectProperty');
+  const defineLazyObjectProperty =
+    require('../Utilities/defineLazyObjectProperty').default;
   (bridgeConfig.remoteModuleConfig || []).forEach(
     (config: ModuleConfig, moduleID: number) => {
       // Initially this config will only contain the module name when running in JSC. The actual

package/Libraries/Blob/Blob.js

@@ -81,7 +81,7 @@ class Blob {
     return this._data;
   }
 
-  slice(start?: number, end?: number, contentType: string = ''): Blob {
+  slice(start?: number, end?: number, contentType?: string = ''): Blob {
     const BlobManager = require('./BlobManager').default;
     let {offset, size} = this.data;
 

package/Libraries/Blob/FileReader_old.js

@@ -30,18 +30,18 @@ const READER_EVENTS = [
   'progress',
 ];
 
-const EMPTY = 0;
-const LOADING = 1;
-const DONE = 2;
+const EMPTY = 0 as const;
+const LOADING = 1 as const;
+const DONE = 2 as const;
 
 class FileReader extends (EventTarget(...READER_EVENTS): typeof EventTarget) {
-  static EMPTY: number = EMPTY;
-  static LOADING: number = LOADING;
-  static DONE: number = DONE;
+  static EMPTY: 0 = EMPTY;
+  static LOADING: 1 = LOADING;
+  static DONE: 2 = DONE;
 
-  EMPTY: number = EMPTY;
-  LOADING: number = LOADING;
-  DONE: number = DONE;
+  EMPTY: 0 = EMPTY;
+  LOADING: 1 = LOADING;
+  DONE: 2 = DONE;
 
   _readyState: ReadyState;
   _error: ?Error;

package/Libraries/Blob/URL.js

@@ -77,7 +77,7 @@ export class URL {
   }
 
   // $FlowFixMe[missing-local-annot]
-  constructor(url: string, base: string | URL) {
+  constructor(url: string, base?: string | URL) {
     let baseUrl = null;
     if (!base || validateBaseUrl(url)) {
       this._url = url;

package/Libraries/Blob/URLSearchParams.js

@@ -11,9 +11,9 @@
 // Small subset from whatwg-url: https://github.com/jsdom/whatwg-url/tree/master/src
 // The reference code bloat comes from Unicode issues with URLs, so those won't work here.
 export class URLSearchParams {
-  _searchParams: Array<Array<string>> = [];
+  _searchParams: Array<[string, string]> = [];
 
-  constructor(params: any) {
+  constructor(params?: Record<string, string>) {
     if (typeof params === 'object') {
       Object.keys(params).forEach(key => this.append(key, params[key]));
     }
@@ -23,32 +23,32 @@ export class URLSearchParams {
     this._searchParams.push([key, value]);
   }
 
-  delete(name: string): void {
+  delete(name: string): empty {
     throw new Error('URLSearchParams.delete is not implemented');
   }
 
-  get(name: string): void {
+  get(name: string): empty {
     throw new Error('URLSearchParams.get is not implemented');
   }
 
-  getAll(name: string): void {
+  getAll(name: string): empty {
     throw new Error('URLSearchParams.getAll is not implemented');
   }
 
-  has(name: string): void {
+  has(name: string): empty {
     throw new Error('URLSearchParams.has is not implemented');
   }
 
-  set(name: string, value: string): void {
+  set(name: string, value: string): empty {
     throw new Error('URLSearchParams.set is not implemented');
   }
 
-  sort(): void {
+  sort(): empty {
     throw new Error('URLSearchParams.sort is not implemented');
   }
 
   // $FlowFixMe[unsupported-syntax]
-  [Symbol.iterator](): Iterator<Array<string>> {
+  [Symbol.iterator](): Iterator<[string, string]> {
     return this._searchParams[Symbol.iterator]();
   }
 

package/Libraries/Components/Button.js

@@ -11,7 +11,7 @@
 'use strict';
 
 import type {TextStyleProp, ViewStyleProp} from '../StyleSheet/StyleSheet';
-import type {PressEvent} from '../Types/CoreEventTypes';
+import type {GestureResponderEvent} from '../Types/CoreEventTypes';
 import type {
   AccessibilityActionEvent,
   AccessibilityActionInfo,
@@ -36,9 +36,9 @@ type ButtonProps = $ReadOnly<{
 
   /**
     Handler to be called when the user taps the button. The first function
-    argument is an event in form of [PressEvent](pressevent).
+    argument is an event in form of [GestureResponderEvent](pressevent).
    */
-  onPress: (event?: PressEvent) => mixed,
+  onPress: (event?: GestureResponderEvent) => mixed,
 
   /**
     If `true`, doesn't play system sound on touch.

package/Libraries/Components/Button.win32.js

@@ -11,7 +11,7 @@
 'use strict';
 
 import type {TextStyleProp, ViewStyleProp} from '../StyleSheet/StyleSheet';
-import type {PressEvent} from '../Types/CoreEventTypes';
+import type {GestureResponderEvent} from '../Types/CoreEventTypes';
 import type {
   AccessibilityActionEvent,
   AccessibilityActionInfo,
@@ -37,9 +37,9 @@ type ButtonProps = $ReadOnly<{
 
   /**
     Handler to be called when the user taps the button. The first function
-    argument is an event in form of [PressEvent](pressevent).
+    argument is an event in form of [GestureResponderEvent](pressevent).
    */
-  onPress: (event?: PressEvent) => mixed,
+  onPress: (event?: GestureResponderEvent) => mixed,
 
   /**
     If `true`, doesn't play system sound on touch.
@@ -362,9 +362,6 @@ const Button: component(
   const formattedTitle =
     Platform.OS === 'android' ? title.toUpperCase() : title;
 
-  const Touchable =
-    Platform.OS === 'android' ? TouchableNativeFeedback : TouchableOpacity;
-
   // If `no` is specified for `importantForAccessibility`, it will be changed to `no-hide-descendants` because the text inside should not be focused.
   const _importantForAccessibility =
     importantForAccessibility === 'no'

package/Libraries/Components/LayoutConformance/LayoutConformance.js

@@ -37,7 +37,7 @@ function LayoutConformance(props: Props): React.Node {
 
 function UnimplementedLayoutConformance(props: Props): React.Node {
   if (__DEV__) {
-    const warnOnce = require('../../Utilities/warnOnce');
+    const warnOnce = require('../../Utilities/warnOnce').default;
 
     warnOnce(
       'layoutconformance-unsupported',

package/Libraries/Components/Pressable/Pressable.js

@@ -9,9 +9,9 @@
  */
 
 import type {
-  LayoutEvent,
+  LayoutChangeEvent,
   MouseEvent,
-  PressEvent,
+  GestureResponderEvent,
 } from '../../Types/CoreEventTypes';
 import type {
   AccessibilityActionEvent,
@@ -126,7 +126,7 @@ type Props = $ReadOnly<{
   /**
    * Called when this view's layout changes.
    */
-  onLayout?: ?(event: LayoutEvent) => mixed,
+  onLayout?: ?(event: LayoutChangeEvent) => mixed,
 
   /**
    * Called when the hover is activated to provide visual feedback.
@@ -141,22 +141,22 @@ type Props = $ReadOnly<{
   /**
    * Called when a long-tap gesture is detected.
    */
-  onLongPress?: ?(event: PressEvent) => mixed,
+  onLongPress?: ?(event: GestureResponderEvent) => mixed,
 
   /**
    * Called when a single tap gesture is detected.
    */
-  onPress?: ?(event: PressEvent) => mixed,
+  onPress?: ?(event: GestureResponderEvent) => mixed,
 
   /**
    * Called when a touch is engaged before `onPress`.
    */
-  onPressIn?: ?(event: PressEvent) => mixed,
+  onPressIn?: ?(event: GestureResponderEvent) => mixed,
 
   /**
    * Called when a touch is released before `onPress`.
    */
-  onPressOut?: ?(event: PressEvent) => mixed,
+  onPressOut?: ?(event: GestureResponderEvent) => mixed,
 
   /**
    * Either view styles or a function that receives a boolean reflecting whether
@@ -299,7 +299,7 @@ function Pressable(
       onHoverOut,
       onLongPress,
       onPress,
-      onPressIn(event: PressEvent): void {
+      onPressIn(event: GestureResponderEvent): void {
         if (android_rippleConfig != null) {
           android_rippleConfig.onPressIn(event);
         }
@@ -309,7 +309,7 @@ function Pressable(
         }
       },
       onPressMove: android_rippleConfig?.onPressMove,
-      onPressOut(event: PressEvent): void {
+      onPressOut(event: GestureResponderEvent): void {
         if (android_rippleConfig != null) {
           android_rippleConfig.onPressOut(event);
         }