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

package/src/private/inspector/NetworkOverlay.js

@@ -11,7 +11,7 @@
 'use strict';
 
 import type XMLHttpRequest from '../../../Libraries/Network/XMLHttpRequest';
-import type {RenderItemProps} from '@react-native/virtualized-lists';
+import type {ListRenderItemInfo} from '@react-native/virtualized-lists';
 
 import ScrollView from '../../../Libraries/Components/ScrollView/ScrollView';
 import React from 'react';
@@ -20,11 +20,11 @@ const TouchableHighlight =
   require('../../../Libraries/Components/Touchable/TouchableHighlight').default;
 const View = require('../../../Libraries/Components/View/View').default;
 const FlatList = require('../../../Libraries/Lists/FlatList').default;
-const StyleSheet = require('../../../Libraries/StyleSheet/StyleSheet');
+const StyleSheet = require('../../../Libraries/StyleSheet/StyleSheet').default;
 const Text = require('../../../Libraries/Text/Text').default;
 const WebSocketInterceptor =
   require('../../../Libraries/WebSocket/WebSocketInterceptor').default;
-const XHRInterceptor = require('./XHRInterceptor');
+const XHRInterceptor = require('./XHRInterceptor').default;
 
 const LISTVIEW_CELL_HEIGHT = 15;
 
@@ -355,7 +355,7 @@ class NetworkOverlay extends React.Component<Props, State> {
   _renderItem = ({
     item,
     index,
-  }: RenderItemProps<NetworkRequestInfo>): React.MixedElement => {
+  }: ListRenderItemInfo<NetworkRequestInfo>): React.MixedElement => {
     const tableRowViewStyle = [
       styles.tableRow,
       index % 2 === 1 ? styles.tableRowOdd : styles.tableRowEven,

package/src/private/inspector/PerformanceOverlay.js

@@ -13,9 +13,10 @@
 import React from 'react';
 
 const View = require('../../../Libraries/Components/View/View').default;
-const StyleSheet = require('../../../Libraries/StyleSheet/StyleSheet');
+const StyleSheet = require('../../../Libraries/StyleSheet/StyleSheet').default;
 const Text = require('../../../Libraries/Text/Text').default;
-const PerformanceLogger = require('../../../Libraries/Utilities/GlobalPerformanceLogger');
+const PerformanceLogger =
+  require('../../../Libraries/Utilities/GlobalPerformanceLogger').default;
 
 class PerformanceOverlay extends React.Component<{...}> {
   render(): React.Node {

package/src/private/inspector/ReactDevToolsOverlay.js

@@ -10,7 +10,7 @@
 
 import type {InspectedViewRef} from '../../../Libraries/ReactNative/AppContainer-dev';
 import type {PointerEvent} from '../../../Libraries/Types/CoreEventTypes';
-import type {PressEvent} from '../../../Libraries/Types/CoreEventTypes';
+import type {GestureResponderEvent} from '../../../Libraries/Types/CoreEventTypes';
 import type {ReactDevToolsAgent} from '../../../Libraries/Types/ReactDevToolsTypes';
 import type {InspectedElement} from './Inspector';
 
@@ -107,7 +107,7 @@ export default function ReactDevToolsOverlay({
   );
 
   const onResponderMove = useCallback(
-    (e: PressEvent) => {
+    (e: GestureResponderEvent) => {
       findViewForLocation(
         e.nativeEvent.touches[0].locationX,
         e.nativeEvent.touches[0].locationY,
@@ -117,7 +117,7 @@ export default function ReactDevToolsOverlay({
   );
 
   const shouldSetResponder = useCallback(
-    (e: PressEvent): boolean => {
+    (e: GestureResponderEvent): boolean => {
       onResponderMove(e);
       return true;
     },

package/src/private/inspector/StyleInspector.js

@@ -16,7 +16,7 @@ import type {____FlattenStyleProp_Internal} from '../../../Libraries/StyleSheet/
 import React from 'react';
 
 const View = require('../../../Libraries/Components/View/View').default;
-const StyleSheet = require('../../../Libraries/StyleSheet/StyleSheet');
+const StyleSheet = require('../../../Libraries/StyleSheet/StyleSheet').default;
 const Text = require('../../../Libraries/Text/Text').default;
 
 type Props = $ReadOnly<{

package/src/private/inspector/XHRInterceptor.js

@@ -10,7 +10,10 @@
 
 'use strict';
 
-const XMLHttpRequest = require('../../../Libraries/Network/XMLHttpRequest');
+import typeof XMLHttpRequestT from '../../../Libraries/Network/XMLHttpRequest';
+
+const XMLHttpRequest: XMLHttpRequestT =
+  require('../../../Libraries/Network/XMLHttpRequest').default;
 // $FlowFixMe[method-unbinding]
 const originalXHROpen = XMLHttpRequest.prototype.open;
 // $FlowFixMe[method-unbinding]
@@ -211,4 +214,4 @@ const XHRInterceptor = {
   },
 };
 
-module.exports = XHRInterceptor;
+export default XHRInterceptor;

package/src/private/renderer/errorhandling/ErrorHandlers.js

@@ -9,6 +9,7 @@
  */
 
 import type {ExtendedError} from '../../../../Libraries/Core/ExtendedError';
+import type {Component as ReactComponent} from 'react';
 
 import ExceptionsManager, {
   SyntheticError,
@@ -17,7 +18,7 @@ import ExceptionsManager, {
 type ErrorInfo = {
   +componentStack?: ?string,
   // $FlowFixMe[unclear-type] unknown props and state.
-  +errorBoundary?: ?React$Component<any, any>,
+  +errorBoundary?: ?ReactComponent<any, any>,
 };
 
 function getExtendedError(

package/src/private/specs_DEPRECATED/modules/NativeExceptionsManager.js

@@ -12,7 +12,7 @@ import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
 
 import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
 
-const Platform = require('../../../../Libraries/Utilities/Platform');
+const Platform = require('../../../../Libraries/Utilities/Platform').default;
 
 export type StackFrame = {
   column: ?number,

package/src/private/specs_DEPRECATED/modules/NativePermissionsAndroid.js

@@ -15,6 +15,7 @@ import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboMod
 // TODO: Use proper enum types.
 export type PermissionStatus = string;
 export type PermissionType = string;
+
 /*
 export type PermissionStatus = 'granted' | 'denied' | 'never_ask_again';
 export type PermissionType =
@@ -45,9 +46,9 @@ export type PermissionType =
   | 'android.permission.RECEIVE_WAP_PUSH'
   | 'android.permission.RECEIVE_MMS'
   | 'android.permission.READ_EXTERNAL_STORAGE'
-  | 'android.permission.READ_MEDIA_IMAGES',
-  | 'android.permission.READ_MEDIA_VIDEO',
-  | 'android.permission.READ_MEDIA_AUDIO',
+  | 'android.permission.READ_MEDIA_IMAGES'
+  | 'android.permission.READ_MEDIA_VIDEO'
+  | 'android.permission.READ_MEDIA_AUDIO'
   | 'android.permission.READ_MEDIA_VISUAL_USER_SELECTED'
   | 'android.permission.WRITE_EXTERNAL_STORAGE'
   | 'android.permission.BLUETOOTH_CONNECT'
@@ -61,7 +62,7 @@ export type PermissionType =
   | 'android.permission.UWB_RANGING'
   | 'android.permission.POST_NOTIFICATIONS'
   | 'android.permission.NEARBY_WIFI_DEVICES';
-*/
+  */
 
 export interface Spec extends TurboModule {
   +checkPermission: (permission: PermissionType) => Promise<boolean>;

package/src/private/specs_DEPRECATED/modules/NativeUIManager.js

@@ -13,6 +13,29 @@ import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
 
 import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
 
+export type MeasureOnSuccessCallback = (
+  x: number,
+  y: number,
+  width: number,
+  height: number,
+  pageX: number,
+  pageY: number,
+) => void;
+
+export type MeasureInWindowOnSuccessCallback = (
+  x: number,
+  y: number,
+  width: number,
+  height: number,
+) => void;
+
+export type MeasureLayoutOnSuccessCallback = (
+  left: number,
+  top: number,
+  width: number,
+  height: number,
+) => void;
+
 export interface Spec extends TurboModule {
   +getConstants: () => Object;
   +createView: (
@@ -33,41 +56,79 @@ export interface Spec extends TurboModule {
       height: number,
     ) => void,
   ) => void;
+  /**
+   * Used to call a native view method from JavaScript
+   *
+   * reactTag - Id of react view.
+   * commandID - Id of the native method that should be called.
+   * commandArgs - Args of the native method that we can pass from JS to native.
+   */
   +dispatchViewManagerCommand: (
     reactTag: number,
     commandID: number, // number || string
-    commandArgs: ?Array<any>,
-  ) => void;
-  +measure: (
-    reactTag: number,
-    callback: (
-      left: number,
-      top: number,
-      width: number,
-      height: number,
-      pageX: number,
-      pageY: number,
-    ) => void,
+    commandArgs?: Array<any>,
   ) => void;
+  /**
+   * Determines the location on screen, width, and height of the given view and
+   * returns the values via an async callback. If successful, the callback will
+   * be called with the following arguments:
+   *
+   *  - x
+   *  - y
+   *  - width
+   *  - height
+   *  - pageX
+   *  - pageY
+   *
+   * Note that these measurements are not available until after the rendering
+   * has been completed in native. If you need the measurements as soon as
+   * possible, consider using the [`onLayout`
+   * prop](docs/view.html#onlayout) instead.
+   *
+   * @deprecated Use `ref.measure` instead.
+   */
+  +measure: (reactTag: number, callback: MeasureOnSuccessCallback) => void;
+  /**
+   * Determines the location of the given view in the window and returns the
+   * values via an async callback. If the React root view is embedded in
+   * another native view, this will give you the absolute coordinates. If
+   * successful, the callback will be called with the following
+   * arguments:
+   *
+   *  - x
+   *  - y
+   *  - width
+   *  - height
+   *
+   * Note that these measurements are not available until after the rendering
+   * has been completed in native.
+   *
+   * @deprecated Use `ref.measureInWindow` instead.
+   */
   +measureInWindow: (
     reactTag: number,
-    callback: (x: number, y: number, width: number, height: number) => void,
+    callback: MeasureInWindowOnSuccessCallback,
   ) => void;
   +viewIsDescendantOf: (
     reactTag: number,
     ancestorReactTag: number,
     callback: (result: Array<boolean>) => void,
   ) => void;
+  /**
+   * Like [`measure()`](#measure), but measures the view relative an ancestor,
+   * specified as `relativeToNativeNode`. This means that the returned x, y
+   * are relative to the origin x, y of the ancestor view.
+   *
+   * As always, to obtain a native node handle for a component, you can use
+   * `React.findNodeHandle(component)`.
+   *
+   * @deprecated Use `ref.measureLayout` instead.
+   */
   +measureLayout: (
     reactTag: number,
     ancestorReactTag: number,
     errorCallback: (error: Object) => void,
-    callback: (
-      left: number,
-      top: number,
-      width: number,
-      height: number,
-    ) => void,
+    callback: MeasureLayoutOnSuccessCallback,
   ) => void;
   +measureLayoutRelativeToParent: (
     reactTag: number,
@@ -99,6 +160,18 @@ export interface Spec extends TurboModule {
   // Android only
   +getConstantsForViewManager?: (viewManagerName: string) => ?Object;
   +getDefaultEventTypes?: () => Array<string>;
+  /**
+   * Automatically animates views to their new positions when the
+   * next layout happens.
+   *
+   * A common way to use this API is to call it before calling `setState`.
+   *
+   * Note that in order to get this to work on **Android** you need to set the following flags via `UIManager`:
+   *
+   * ```js
+   * UIManager.setLayoutAnimationEnabledExperimental && UIManager.setLayoutAnimationEnabledExperimental(true);
+   * ```
+   */
   +setLayoutAnimationEnabledExperimental?: (enabled: boolean) => void;
   +sendAccessibilityEvent?: (reactTag: number, eventType: number) => void;
 

package/src/private/webapis/dom/events/CustomEvent.js

@@ -19,19 +19,17 @@ import type {EventInit} from './Event';
 
 import Event from './Event';
 
-export type CustomEventInit = $ReadOnly<{
-  ...EventInit,
-  detail?: mixed,
-}>;
+export interface CustomEventInit extends EventInit {
+  +detail?: mixed;
+}
 
 export default class CustomEvent extends Event {
   _detail: mixed;
 
   constructor(type: string, options?: ?CustomEventInit) {
-    const {detail, ...eventOptions} = options ?? {};
-    super(type, eventOptions);
+    super(type, options);
 
-    this._detail = detail;
+    this._detail = options?.detail;
   }
 
   get detail(): mixed {

package/src/private/webapis/dom/events/Event.js

@@ -36,11 +36,11 @@ import {
   setStopPropagationFlag,
 } from './internals/EventInternals';
 
-export type EventInit = $ReadOnly<{
-  bubbles?: boolean,
-  cancelable?: boolean,
-  composed?: boolean,
-}>;
+export interface EventInit {
+  +bubbles?: boolean;
+  +cancelable?: boolean;
+  +composed?: boolean;
+}
 
 export default class Event {
   static +NONE: 0;

package/src/private/webapis/dom/nodes/internals/ReactNativeDocumentInstanceHandle.js

@@ -39,5 +39,6 @@ export function isReactNativeDocumentInstanceHandle(
   instanceHandle: mixed,
   // $FlowExpectedError[incompatible-type-guard]
 ): instanceHandle is ReactNativeDocumentInstanceHandle {
+  // $FlowFixMe[incompatible-type-guard]
   return typeof instanceHandle === 'number' && instanceHandle % 10 === 1;
 }

package/src/private/webapis/html/events/MessageEvent.js

@@ -19,16 +19,15 @@ import type {EventInit} from '../../dom/events/Event';
 
 import Event from '../../dom/events/Event';
 
-export type MessageEventInit = $ReadOnly<{
-  ...EventInit,
-  data?: mixed,
-  origin?: string,
-  lastEventId?: string,
+export interface MessageEventInit extends EventInit {
+  +data?: mixed;
+  +origin?: string;
+  +lastEventId?: string;
   // Unsupported
-  // source?: MessageEventSource,
+  // +source?: MessageEventSource,
   // Unsupported
-  // ports?: Array<MessagePort>,
-}>;
+  // +ports?: Array<MessagePort>,
+}
 
 export default class MessageEvent extends Event {
   _data: mixed;
@@ -36,17 +35,11 @@ export default class MessageEvent extends Event {
   _lastEventId: string;
 
   constructor(type: string, options?: ?MessageEventInit) {
-    const {
-      data,
-      origin = '',
-      lastEventId = '',
-      ...eventOptions
-    } = options ?? {};
-    super(type, eventOptions);
-
-    this._data = data;
-    this._origin = String(origin);
-    this._lastEventId = String(lastEventId);
+    super(type, options);
+
+    this._data = options?.data;
+    this._origin = String(options?.origin ?? '');
+    this._lastEventId = String(options?.lastEventId ?? '');
   }
 
   get data(): mixed {

package/src/private/webapis/websockets/events/CloseEvent.js

@@ -19,12 +19,11 @@ import type {EventInit} from '../../dom/events/Event';
 
 import Event from '../../dom/events/Event';
 
-export type CloseEventInit = $ReadOnly<{
-  ...EventInit,
-  wasClean?: boolean,
-  code?: number,
-  reason?: string,
-}>;
+export interface CloseEventInit extends EventInit {
+  +wasClean?: boolean;
+  +code?: number;
+  +reason?: string;
+}
 
 export default class CloseEvent extends Event {
   _wasClean: boolean;
@@ -32,12 +31,11 @@ export default class CloseEvent extends Event {
   _reason: string;
 
   constructor(type: string, options?: ?CloseEventInit) {
-    const {wasClean, code, reason, ...eventOptions} = options ?? {};
-    super(type, eventOptions);
+    super(type, options);
 
-    this._wasClean = Boolean(wasClean);
-    this._code = Number(code) || 0;
-    this._reason = reason != null ? String(reason) : '';
+    this._wasClean = Boolean(options?.wasClean);
+    this._code = Number(options?.code) || 0;
+    this._reason = options?.reason != null ? String(options.reason) : '';
   }
 
   get wasClean(): boolean {

package/src/private/webapis/xhr/events/ProgressEvent.js

@@ -19,12 +19,11 @@ import type {EventInit} from '../../dom/events/Event';
 
 import Event from '../../dom/events/Event';
 
-export type ProgressEventInit = $ReadOnly<{
-  ...EventInit,
-  lengthComputable: boolean,
-  loaded: number,
-  total: number,
-}>;
+export interface ProgressEventInit extends EventInit {
+  +lengthComputable: boolean;
+  +loaded: number;
+  +total: number;
+}
 
 export default class ProgressEvent extends Event {
   _lengthComputable: boolean;
@@ -32,12 +31,11 @@ export default class ProgressEvent extends Event {
   _total: number;
 
   constructor(type: string, options?: ?ProgressEventInit) {
-    const {lengthComputable, loaded, total, ...eventOptions} = options ?? {};
-    super(type, eventOptions);
+    super(type, options);
 
-    this._lengthComputable = Boolean(lengthComputable);
-    this._loaded = Number(loaded) || 0;
-    this._total = Number(total) || 0;
+    this._lengthComputable = Boolean(options?.lengthComputable);
+    this._loaded = Number(options?.loaded) || 0;
+    this._total = Number(options?.total) || 0;
   }
 
   get lengthComputable(): boolean {

package/src-win/Libraries/Components/View/ViewPropTypes.d.ts

@@ -81,20 +81,6 @@ export interface ViewPropsIOS extends TVViewPropsIOS {
 }
 
 export interface ViewPropsAndroid {
-  /**
-   * Views that are only used to layout their children or otherwise don't draw anything
-   * may be automatically removed from the native hierarchy as an optimization.
-   * Set this property to false to disable this optimization and ensure that this View exists in the native view hierarchy.
-   */
-  collapsable?: boolean | undefined;
-
-  /**
-   * Setting to false prevents direct children of the view from being removed
-   * from the native view hierarchy, similar to the effect of setting
-   * `collapsable={false}` on each child.
-   */
-  collapsableChildren?: boolean | undefined;
-
   /**
    * Whether this view should render itself (and all of its children) into a single hardware texture on the GPU.
    *
@@ -343,6 +329,20 @@ export interface ViewProps
    * Used to reference react managed views from native code.
    */
   nativeID?: string | undefined;
+
+  /**
+   * Views that are only used to layout their children or otherwise don't draw anything
+   * may be automatically removed from the native hierarchy as an optimization.
+   * Set this property to false to disable this optimization and ensure that this View exists in the native view hierarchy.
+   */
+  collapsable?: boolean | undefined;
+
+  /**
+   * Setting to false prevents direct children of the view from being removed
+   * from the native view hierarchy, similar to the effect of setting
+   * `collapsable={false}` on each child.
+   */
+  collapsableChildren?: boolean | undefined;
 }
 
 // For backwards compat.... // Win32

package/Libraries/Alert/Alert.flow.js

@@ -1,62 +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.
- *
- * @format
- * @flow
- */
-
-export type AlertType =
-  | 'default'
-  | 'plain-text'
-  | 'secure-text'
-  | 'login-password';
-
-export type AlertButtonStyle = 'default' | 'cancel' | 'destructive';
-
-export type AlertButton = {
-  text?: string,
-  onPress?: ?((value?: string) => any) | ?Function,
-  isPreferred?: boolean,
-  style?: AlertButtonStyle,
-  ...
-};
-
-export type Buttons = 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.
- *
- * See https://reactnative.dev/docs/alert
- */
-declare class Alert {
-  static alert(
-    title: ?string,
-    message?: ?string,
-    buttons?: Buttons,
-    options?: AlertOptions,
-  ): void;
-
-  static prompt(
-    title: ?string,
-    message?: ?string,
-    callbackOrButtons?: ?(((text: string) => void) | Buttons),
-    type?: ?AlertType,
-    defaultValue?: string,
-    keyboardType?: string,
-    options?: AlertOptions,
-  ): void;
-}
-
-export default Alert;

package/Libraries/Alert/RCTAlertManager.flow.js

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