@office-iss/react-native-win32 0.0.0-canary.287 → 0.0.0-canary.288

package/.flowconfig

@@ -29,6 +29,7 @@
 <PROJECT_ROOT>/Libraries/Pressability/Pressability.js
 <PROJECT_ROOT>/Libraries/Pressability/HoverState.js
 <PROJECT_ROOT>/Libraries/StyleSheet/StyleSheet.js
+<PROJECT_ROOT>/Libraries/StyleSheet/PlatformColorValueTypes.js
 <PROJECT_ROOT>/Libraries/Text/TextProps.js
 <PROJECT_ROOT>/Libraries/Types/CoreEventTypes.js
 <PROJECT_ROOT>/Libraries/Utilities/DeviceInfo.js
@@ -104,6 +105,8 @@
 interface.js
 flow/
 ../../../node_modules/.flow/flow-typed/
+../../../node_modules/react-native/src/types
+src/types/
 
 [options]
 enums=true
@@ -164,4 +167,4 @@ untyped-import
 untyped-type-import
 
 [version]
-^0.261.2
+^0.262.0

package/CHANGELOG.json

@@ -2,7 +2,48 @@
   "name": "@office-iss/react-native-win32",
   "entries": [
     {
-      "date": "Wed, 28 May 2025 05:23:19 GMT",
+      "date": "Fri, 30 May 2025 05:23:07 GMT",
+      "version": "0.0.0-canary.288",
+      "tag": "@office-iss/react-native-win32_v0.0.0-canary.288",
+      "comments": {
+        "none": [
+          {
+            "author": "74712637+iamAbhi-916@users.noreply.github.com",
+            "package": "@office-iss/react-native-win32",
+            "commit": "02e7363a430b16c3e7437462be2e9c1558ab3ca6",
+            "comment": "integration nightly 0.79.0-nightly-20250303-cee63397b , overrides solved"
+          }
+        ],
+        "prerelease": [
+          {
+            "author": "beachball",
+            "package": "@office-iss/react-native-win32",
+            "comment": "Bump @rnw-scripts/eslint-config to v1.2.36",
+            "commit": "not available"
+          },
+          {
+            "author": "beachball",
+            "package": "@office-iss/react-native-win32",
+            "comment": "Bump @rnw-scripts/jest-out-of-tree-snapshot-resolver to v1.1.40",
+            "commit": "not available"
+          },
+          {
+            "author": "beachball",
+            "package": "@office-iss/react-native-win32",
+            "comment": "Bump @rnw-scripts/just-task to v2.3.53",
+            "commit": "not available"
+          },
+          {
+            "author": "beachball",
+            "package": "@office-iss/react-native-win32",
+            "comment": "Bump react-native-platform-override to v1.9.55",
+            "commit": "not available"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 28 May 2025 05:24:00 GMT",
       "version": "0.0.0-canary.287",
       "tag": "@office-iss/react-native-win32_v0.0.0-canary.287",
       "comments": {

package/CHANGELOG.md

@@ -1,17 +1,28 @@
 # Change Log - @office-iss/react-native-win32
 
-<!-- This log was last generated on Wed, 28 May 2025 05:23:19 GMT and should not be manually modified. -->
+<!-- This log was last generated on Fri, 30 May 2025 05:23:07 GMT and should not be manually modified. -->
 
 <!-- Start content -->
 
-## 0.0.0-canary.287
+## 0.0.0-canary.288
 
-Wed, 28 May 2025 05:23:19 GMT
+Fri, 30 May 2025 05:23:07 GMT
 
 ### Changes
 
-- Removed unused `react-shallow-renderer` dependency (4123478+tido64@users.noreply.github.com)
+- Bump @rnw-scripts/eslint-config to v1.2.36
+- Bump @rnw-scripts/jest-out-of-tree-snapshot-resolver to v1.1.40
+- Bump @rnw-scripts/just-task to v2.3.53
+- Bump react-native-platform-override to v1.9.55
 
+## 0.0.0-canary.287
+
+Wed, 28 May 2025 05:24:00 GMT
+
+### Changes
+
+- Removed unused `react-shallow-renderer` dependency (4123478+tido64@users.noreply.github.com)
+
 ## 0.0.0-canary.286
 
 Thu, 22 May 2025 05:24:49 GMT

package/Libraries/Alert/RCTAlertManager.js.flow

@@ -0,0 +1,18 @@
+/**
+ * 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
+ */
+
+import type {Args} from './NativeAlertManager';
+
+declare export default {
+  alertWithArgs(
+    args: Args,
+    callback: (id: number, value: string) => void,
+  ): void,
+};

package/Libraries/Animated/Animated.js

@@ -4,45 +4,16 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
+ * @oncall react_native
  */
 
-export type {CompositeAnimation, Numeric} from './AnimatedImplementation';
+import typeof * as AnimatedExports from './AnimatedExports';
 
-import typeof AnimatedFlatList from './components/AnimatedFlatList';
-import typeof AnimatedImage from './components/AnimatedImage';
-import typeof AnimatedScrollView from './components/AnimatedScrollView';
-import typeof AnimatedSectionList from './components/AnimatedSectionList';
-import typeof AnimatedText from './components/AnimatedText';
-import typeof AnimatedView from './components/AnimatedView';
+// The AnimatedExports module is typed as multiple exports to allow
+// for an implicit namespace, but underneath is's a single default export.
+const Animated: AnimatedExports = (require('./AnimatedExports') as $FlowFixMe)
+  .default;
 
-import Platform from '../Utilities/Platform';
-import AnimatedImplementation from './AnimatedImplementation';
-import AnimatedMock from './AnimatedMock';
-
-const Animated: typeof AnimatedImplementation = Platform.isDisableAnimations
-  ? AnimatedMock
-  : AnimatedImplementation;
-
-export default {
-  get FlatList(): AnimatedFlatList {
-    return require('./components/AnimatedFlatList').default;
-  },
-  get Image(): AnimatedImage {
-    return require('./components/AnimatedImage').default;
-  },
-  get ScrollView(): AnimatedScrollView {
-    return require('./components/AnimatedScrollView').default;
-  },
-  get SectionList(): AnimatedSectionList {
-    return require('./components/AnimatedSectionList').default;
-  },
-  get Text(): AnimatedText {
-    return require('./components/AnimatedText').default;
-  },
-  get View(): AnimatedView {
-    return require('./components/AnimatedView').default;
-  },
-  ...Animated,
-};
+export default Animated;

package/Libraries/Animated/Animated.js.flow

@@ -0,0 +1,15 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict-local
+ * @format
+ * @oncall react_native
+ */
+
+import * as Animated from './AnimatedExports';
+
+export type {CompositeAnimation, Numeric} from './AnimatedImplementation';
+export default Animated;

package/Libraries/Animated/AnimatedExports.js

@@ -0,0 +1,47 @@
+/**
+ * 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
+ * @format
+ * @oncall react_native
+ */
+
+import typeof AnimatedFlatList from './components/AnimatedFlatList';
+import typeof AnimatedImage from './components/AnimatedImage';
+import typeof AnimatedScrollView from './components/AnimatedScrollView';
+import typeof AnimatedSectionList from './components/AnimatedSectionList';
+import typeof AnimatedText from './components/AnimatedText';
+import typeof AnimatedView from './components/AnimatedView';
+
+import Platform from '../Utilities/Platform';
+import AnimatedImplementation from './AnimatedImplementation';
+import AnimatedMock from './AnimatedMock';
+
+const Animated: typeof AnimatedImplementation = Platform.isDisableAnimations
+  ? AnimatedMock
+  : AnimatedImplementation;
+
+export default {
+  get FlatList(): AnimatedFlatList {
+    return require('./components/AnimatedFlatList').default;
+  },
+  get Image(): AnimatedImage {
+    return require('./components/AnimatedImage').default;
+  },
+  get ScrollView(): AnimatedScrollView {
+    return require('./components/AnimatedScrollView').default;
+  },
+  get SectionList(): AnimatedSectionList {
+    return require('./components/AnimatedSectionList').default;
+  },
+  get Text(): AnimatedText {
+    return require('./components/AnimatedText').default;
+  },
+  get View(): AnimatedView {
+    return require('./components/AnimatedView').default;
+  },
+  ...Animated,
+};

package/Libraries/Animated/AnimatedExports.js.flow

@@ -0,0 +1,48 @@
+/**
+ * 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
+ * @format
+ * @oncall react_native
+ */
+
+import AnimatedImplementation from './AnimatedImplementation';
+
+export {default as FlatList} from './components/AnimatedFlatList';
+export {default as Image} from './components/AnimatedImage';
+export {default as ScrollView} from './components/AnimatedScrollView';
+export {default as SectionList} from './components/AnimatedSectionList';
+export {default as Text} from './components/AnimatedText';
+export {default as View} from './components/AnimatedView';
+export {default as Color} from './nodes/AnimatedColor';
+export {AnimatedEvent as Event} from './AnimatedEvent';
+export {default as Interpolation} from './nodes/AnimatedInterpolation';
+export {default as Node} from './nodes/AnimatedNode';
+export {default as Value} from './nodes/AnimatedValue';
+export {default as ValueXY} from './nodes/AnimatedValueXY';
+
+export type {AnimatedValueConfig as AnimatedConfig} from './nodes/AnimatedValue';
+
+export const add = AnimatedImplementation.add;
+export const attachNativeEvent = AnimatedImplementation.attachNativeEvent;
+export const createAnimatedComponent =
+  AnimatedImplementation.createAnimatedComponent;
+export const decay = AnimatedImplementation.decay;
+export const delay = AnimatedImplementation.delay;
+export const diffClamp = AnimatedImplementation.diffClamp;
+export const divide = AnimatedImplementation.divide;
+export const event = AnimatedImplementation.event;
+export const forkEvent = AnimatedImplementation.forkEvent;
+export const loop = AnimatedImplementation.loop;
+export const modulo = AnimatedImplementation.modulo;
+export const multiply = AnimatedImplementation.multiply;
+export const parallel = AnimatedImplementation.parallel;
+export const sequence = AnimatedImplementation.sequence;
+export const spring = AnimatedImplementation.spring;
+export const stagger = AnimatedImplementation.stagger;
+export const subtract = AnimatedImplementation.subtract;
+export const timing = AnimatedImplementation.timing;
+export const unforkEvent = AnimatedImplementation.unforkEvent;

package/Libraries/Animated/useAnimatedValue.js

@@ -8,14 +8,12 @@
  * @format
  */
 
-import type {AnimatedValueConfig} from './nodes/AnimatedValue';
-
 import Animated from './Animated';
 import {useRef} from 'react';
 
 export default function useAnimatedValue(
   initialValue: number,
-  config?: ?AnimatedValueConfig,
+  config?: ?Animated.AnimatedConfig,
 ): Animated.Value {
   const ref = useRef<null | Animated.Value>(null);
   if (ref.current == null) {

package/Libraries/Blob/URLSearchParams.js.flow

@@ -0,0 +1,23 @@
+/**
+ * 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
+ */
+
+declare export class URLSearchParams {
+  _searchParams: Array<[string, string]>;
+  constructor(params?: Record<string, string>): void;
+  append(key: string, value: string): void;
+  delete(name: string): empty;
+  get(name: string): empty;
+  getAll(name: string): empty;
+  has(name: string): empty;
+  set(name: string, value: string): empty;
+  sort(): empty;
+  @@iterator(): Iterator<[string, string]>;
+  toString(): string;
+}

package/Libraries/Components/AccessibilityInfo/AccessibilityInfo.js

@@ -8,7 +8,7 @@
  * @format
  */
 
-import type {HostInstance} from '../../Renderer/shims/ReactNativeTypes';
+import type {HostInstance} from '../../../src/private/types/HostInstance';
 import type {EventSubscription} from '../../vendor/emitter/EventEmitter';
 
 import RCTDeviceEventEmitter from '../../EventEmitter/RCTDeviceEventEmitter';

package/Libraries/Components/AccessibilityInfo/AccessibilityInfo.win32.js

@@ -8,7 +8,7 @@
  * @format
  */
 
-import type {HostInstance} from '../../Renderer/shims/ReactNativeTypes';
+import type {HostInstance} from '../../../src/private/types/HostInstance';
 import type {EventSubscription} from '../../vendor/emitter/EventEmitter';
 
 import RCTDeviceEventEmitter from '../../EventEmitter/RCTDeviceEventEmitter';

package/Libraries/Components/AccessibilityInfo/legacySendAccessibilityEvent.js.flow

@@ -0,0 +1,20 @@
+/**
+ * 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
+ */
+
+/**
+ * This is a function exposed to the React Renderer that can be used by the
+ * pre-Fabric renderer to emit accessibility events to pre-Fabric nodes.
+ */
+declare function legacySendAccessibilityEvent(
+  reactTag: number,
+  eventType: string,
+): void;
+
+export default legacySendAccessibilityEvent;

package/Libraries/Components/ActivityIndicator/ActivityIndicator.js

@@ -9,7 +9,7 @@
  */
 
 'use strict';
-import type {HostComponent} from '../../Renderer/shims/ReactNativeTypes';
+import type {HostComponent} from '../../../src/private/types/HostComponent';
 import type {ViewProps} from '../View/ViewPropTypes';
 
 import StyleSheet, {type ColorValue} from '../../StyleSheet/StyleSheet';
@@ -26,7 +26,7 @@ const GRAY = '#999999';
 
 type IndicatorSize = number | 'small' | 'large';
 
-type IOSProps = $ReadOnly<{
+type ActivityIndicatorIOSProps = $ReadOnly<{
   /**
     Whether the indicator should hide when not animating.
 
@@ -34,9 +34,9 @@ type IOSProps = $ReadOnly<{
   */
   hidesWhenStopped?: ?boolean,
 }>;
-type Props = $ReadOnly<{
+export type ActivityIndicatorProps = $ReadOnly<{
   ...ViewProps,
-  ...IOSProps,
+  ...ActivityIndicatorIOSProps,
 
   /**
    	Whether to show the indicator (`true`) or hide it (`false`).
@@ -69,7 +69,7 @@ const ActivityIndicator = (
     size = 'small',
     style,
     ...restProps
-  }: Props,
+  }: ActivityIndicatorProps,
   forwardedRef?: any,
 ) => {
   let sizeStyle;
@@ -112,7 +112,7 @@ const ActivityIndicator = (
         // $FlowFixMe[prop-missing] Flow doesn't know when this is the android component
         <PlatformActivityIndicator {...nativeProps} {...androidProps} />
       ) : (
-        /* $FlowFixMe[prop-missing] (>=0.106.0 site=react_native_android_fb) This comment
+        /* $FlowFixMe[incompatible-type] (>=0.106.0 site=react_native_android_fb) This comment
          * suppresses an error found when Flow v0.106 was deployed. To see the
          * error, delete this comment and run Flow. */
         <PlatformActivityIndicator {...nativeProps} />
@@ -154,8 +154,8 @@ const ActivityIndicator = (
 */
 
 const ActivityIndicatorWithRef: component(
-  ref: React.RefSetter<HostComponent<empty>>,
-  ...props: Props
+  ref?: React.RefSetter<HostComponent<empty>>,
+  ...props: ActivityIndicatorProps
 ) = React.forwardRef(ActivityIndicator);
 ActivityIndicatorWithRef.displayName = 'ActivityIndicator';
 

package/Libraries/Components/Button.js

@@ -27,7 +27,7 @@ import View from './View/View';
 import invariant from 'invariant';
 import * as React from 'react';
 
-type ButtonProps = $ReadOnly<{
+export type ButtonProps = $ReadOnly<{
   /**
     Text to display inside the button. On Android the given title will be
     converted to the uppercased form.
@@ -286,7 +286,7 @@ const Touchable: typeof TouchableNativeFeedback | typeof TouchableOpacity =
 type ButtonRef = React.ElementRef<typeof Touchable>;
 
 const Button: component(
-  ref: React.RefSetter<ButtonRef>,
+  ref?: React.RefSetter<ButtonRef>,
   ...props: ButtonProps
 ) = React.forwardRef((props: ButtonProps, ref: React.RefSetter<ButtonRef>) => {
   const {

package/Libraries/Components/Button.win32.js

@@ -28,7 +28,7 @@ import View from './View/View';
 import invariant from 'invariant';
 import * as React from 'react';
 
-type ButtonProps = $ReadOnly<{
+export type ButtonProps = $ReadOnly<{
   /**
     Text to display inside the button. On Android the given title will be
     converted to the uppercased form.
@@ -289,7 +289,7 @@ const Touchable: typeof TouchableNativeFeedback | typeof TouchableOpacity =
 type ButtonRef = React.ElementRef<typeof Touchable>;
 
 const Button: component(
-  ref: React.RefSetter<ButtonRef>,
+  ref?: React.RefSetter<ButtonRef>,
   ...props: ButtonProps
 ) = React.forwardRef((props: ButtonProps, ref: React.RefSetter<ButtonRef>) => {
   // Win32

package/Libraries/Components/DrawerAndroid/DrawerLayoutAndroid.android.js

@@ -8,14 +8,18 @@
  * @format
  */
 
-import type {AccessibilityRole} from '../../Components/View/ViewAccessibility';
 import type {
   MeasureInWindowOnSuccessCallback,
   MeasureLayoutOnSuccessCallback,
   MeasureOnSuccessCallback,
-} from '../../Renderer/shims/ReactNativeTypes';
-import type {ColorValue, ViewStyleProp} from '../../StyleSheet/StyleSheet';
-import type {DirectEventHandler} from '../../Types/CodegenTypes';
+} from '../../../src/private/types/HostInstance';
+import type {AccessibilityRole} from '../../Components/View/ViewAccessibility';
+import typeof DrawerLayoutAndroidCommon from './DrawerLayoutAndroid.js';
+import type {
+  DrawerLayoutAndroidMethods,
+  DrawerLayoutAndroidProps,
+  DrawerLayoutAndroidState,
+} from './DrawerLayoutAndroidTypes';
 
 import StyleSheet from '../../StyleSheet/StyleSheet';
 import dismissKeyboard from '../../Utilities/dismissKeyboard';
@@ -29,99 +33,6 @@ import * as React from 'react';
 
 const DRAWER_STATES = ['Idle', 'Dragging', 'Settling'];
 
-type DrawerStates = 'Idle' | 'Dragging' | 'Settling';
-
-type DrawerSlideEvent = $ReadOnly<{
-  offset: number,
-}>;
-
-type Props = $ReadOnly<{
-  accessibilityRole?: ?AccessibilityRole,
-
-  /**
-   * Determines whether the keyboard gets dismissed in response to a drag.
-   *   - 'none' (the default), drags do not dismiss the keyboard.
-   *   - 'on-drag', the keyboard is dismissed when a drag begins.
-   */
-  keyboardDismissMode?: ?('none' | 'on-drag'),
-
-  /**
-   * Specifies the background color of the drawer. The default value is white.
-   * If you want to set the opacity of the drawer, use rgba. Example:
-   *
-   * ```
-   * return (
-   *   <DrawerLayoutAndroid drawerBackgroundColor="rgba(0,0,0,0.5)">
-   *   </DrawerLayoutAndroid>
-   * );
-   * ```
-   */
-  drawerBackgroundColor?: ?ColorValue,
-
-  /**
-   * Specifies the side of the screen from which the drawer will slide in.
-   */
-  drawerPosition: ?('left' | 'right'),
-
-  /**
-   * Specifies the width of the drawer, more precisely the width of the view that be pulled in
-   * from the edge of the window.
-   */
-  drawerWidth?: ?number,
-
-  /**
-   * Specifies the lock mode of the drawer. The drawer can be locked in 3 states:
-   * - unlocked (default), meaning that the drawer will respond (open/close) to touch gestures.
-   * - locked-closed, meaning that the drawer will stay closed and not respond to gestures.
-   * - locked-open, meaning that the drawer will stay opened and not respond to gestures.
-   * The drawer may still be opened and closed programmatically (`openDrawer`/`closeDrawer`).
-   */
-  drawerLockMode?: ?('unlocked' | 'locked-closed' | 'locked-open'),
-
-  /**
-   * Function called whenever there is an interaction with the navigation view.
-   */
-  onDrawerSlide?: ?DirectEventHandler<DrawerSlideEvent>,
-
-  /**
-   * Function called when the drawer state has changed. The drawer can be in 3 states:
-   * - Idle, meaning there is no interaction with the navigation view happening at the time
-   * - Dragging, meaning there is currently an interaction with the navigation view
-   * - Settling, meaning that there was an interaction with the navigation view, and the
-   * navigation view is now finishing its closing or opening animation
-   */
-  onDrawerStateChanged?: ?(state: DrawerStates) => mixed,
-
-  /**
-   * Function called whenever the navigation view has been opened.
-   */
-  onDrawerOpen?: ?() => mixed,
-
-  /**
-   * Function called whenever the navigation view has been closed.
-   */
-  onDrawerClose?: ?() => mixed,
-
-  /**
-   * The navigation view that will be rendered to the side of the screen and can be pulled in.
-   */
-  renderNavigationView: () => React.MixedElement,
-
-  /**
-   * Make the drawer take the entire screen and draw the background of the
-   * status bar to allow it to open over the status bar. It will only have an
-   * effect on API 21+.
-   */
-  statusBarBackgroundColor?: ?ColorValue,
-
-  children?: React.Node,
-  style?: ?ViewStyleProp,
-}>;
-
-type State = {
-  drawerOpened: boolean,
-};
-
 /**
  * React component that wraps the platform `DrawerLayout` (Android only). The
  * Drawer (typically used for navigation) is rendered with `renderNavigationView`
@@ -153,7 +64,10 @@ type State = {
  * },
  * ```
  */
-class DrawerLayoutAndroid extends React.Component<Props, State> {
+class DrawerLayoutAndroid
+  extends React.Component<DrawerLayoutAndroidProps, DrawerLayoutAndroidState>
+  implements DrawerLayoutAndroidMethods
+{
   static get positions(): mixed {
     console.warn(
       'Setting DrawerLayoutAndroid drawerPosition using `DrawerLayoutAndroid.positions` is deprecated. Instead pass the string value "left" or "right"',
@@ -168,7 +82,7 @@ class DrawerLayoutAndroid extends React.Component<Props, State> {
       React.ElementRef<typeof AndroidDrawerLayoutNativeComponent>,
     >();
 
-  state: State = {
+  state: DrawerLayoutAndroidState = {
     drawerOpened: false,
   };
 
@@ -391,4 +305,4 @@ const styles = StyleSheet.create({
   },
 });
 
-export default DrawerLayoutAndroid;
+export default DrawerLayoutAndroid as $FlowFixMe as DrawerLayoutAndroidCommon;