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

package/Libraries/Interaction/PanResponder.js

@@ -124,7 +124,7 @@ const currentCentroidY = TouchHistoryMath.currentCentroidY;
  * [PanResponder example in RNTester](https://github.com/facebook/react-native/blob/HEAD/packages/rn-tester/js/examples/PanResponder/PanResponderExample.js)
  */
 
-export type GestureState = {
+export type PanResponderGestureState = {
   /**
    * ID of the gestureState - persisted as long as there at least one touch on screen
    */
@@ -185,15 +185,15 @@ export type GestureState = {
 
 type ActiveCallback = (
   event: GestureResponderEvent,
-  gestureState: GestureState,
+  gestureState: PanResponderGestureState,
 ) => boolean;
 
 type PassiveCallback = (
   event: GestureResponderEvent,
-  gestureState: GestureState,
+  gestureState: PanResponderGestureState,
 ) => mixed;
 
-export type PanHandlers = {
+export type GestureResponderHandlers = {
   onMoveShouldSetResponder: (event: GestureResponderEvent) => boolean,
   onMoveShouldSetResponderCapture: (event: GestureResponderEvent) => boolean,
   onResponderEnd: (event: GestureResponderEvent) => void,
@@ -208,7 +208,7 @@ export type PanHandlers = {
   onStartShouldSetResponderCapture: (event: GestureResponderEvent) => boolean,
 };
 
-type PanResponderConfig = $ReadOnly<{
+export type PanResponderCallbacks = $ReadOnly<{
   onMoveShouldSetPanResponder?: ?ActiveCallback,
   onMoveShouldSetPanResponderCapture?: ?ActiveCallback,
   onStartShouldSetPanResponder?: ?ActiveCallback,
@@ -293,7 +293,7 @@ const PanResponder = {
    * - vx/vy: Velocity.
    */
 
-  _initializeGestureState(gestureState: GestureState) {
+  _initializeGestureState(gestureState: PanResponderGestureState) {
     gestureState.moveX = 0;
     gestureState.moveY = 0;
     gestureState.x0 = 0;
@@ -332,7 +332,7 @@ const PanResponder = {
    * avoids more dispatches than necessary.
    */
   _updateGestureStateOnMove(
-    gestureState: GestureState,
+    gestureState: PanResponderGestureState,
     touchHistory: $PropertyType<GestureResponderEvent, 'touchHistory'>,
   ) {
     gestureState.numberActiveTouches = touchHistory.numberActiveTouches;
@@ -401,14 +401,14 @@ const PanResponder = {
    *  accordingly. (numberActiveTouches) may not be totally accurate unless you
    *  are the responder.
    */
-  create(config: PanResponderConfig): {
+  create(config: PanResponderCallbacks): {
     getInteractionHandle: () => ?number,
-    panHandlers: PanHandlers,
+    panHandlers: GestureResponderHandlers,
   } {
     const interactionState = {
       handle: (null: ?number),
     };
-    const gestureState: GestureState = {
+    const gestureState: PanResponderGestureState = {
       // Useful for debugging
       stateID: Math.random(),
       moveX: 0,
@@ -566,7 +566,7 @@ function clearInteractionHandle(
   interactionState: {handle: ?number, ...},
   callback: ?(ActiveCallback | PassiveCallback),
   event: GestureResponderEvent,
-  gestureState: GestureState,
+  gestureState: PanResponderGestureState,
 ) {
   if (interactionState.handle) {
     InteractionManager.clearInteractionHandle(interactionState.handle);

package/Libraries/Interaction/TaskQueue.js

@@ -13,11 +13,11 @@
 const infoLog = require('../Utilities/infoLog').default;
 const invariant = require('invariant');
 
-type SimpleTask = {
+export type SimpleTask = {
   name: string,
   run: () => void,
 };
-type PromiseTask = {
+export type PromiseTask = {
   name: string,
   gen: () => Promise<void>,
 };
@@ -117,6 +117,7 @@ class TaskQueue {
       } catch (e) {
         e.message =
           // $FlowFixMe[incompatible-type]
+          // $FlowFixMe[incompatible-use]
           'TaskQueue: Error with task ' + (task.name || '') + ': ' + e.message;
         throw e;
       }

package/Libraries/Lists/FlatList.js

@@ -176,17 +176,18 @@ function isArrayLike(data: mixed): boolean {
   return typeof Object(data).length === 'number';
 }
 
-type FlatListProps<ItemT> = {
+type FlatListBaseProps<ItemT> = {
   ...RequiredProps<ItemT>,
   ...OptionalProps<ItemT>,
 };
 
 type VirtualizedListProps = React.ElementConfig<typeof VirtualizedList>;
 
-export type Props<ItemT> = {
+export type FlatListProps<ItemT> = {
   ...$Diff<
     VirtualizedListProps,
     {
+      data: $PropertyType<VirtualizedListProps, 'data'>,
       getItem: $PropertyType<VirtualizedListProps, 'getItem'>,
       getItemCount: $PropertyType<VirtualizedListProps, 'getItemCount'>,
       getItemLayout: $PropertyType<VirtualizedListProps, 'getItemLayout'>,
@@ -195,7 +196,7 @@ export type Props<ItemT> = {
       ...
     },
   >,
-  ...FlatListProps<ItemT>,
+  ...FlatListBaseProps<ItemT>,
   ...
 };
 
@@ -307,7 +308,7 @@ export type Props<ItemT> = {
  *
  * Also inherits [ScrollView Props](docs/scrollview.html#props), unless it is nested in another FlatList of same orientation.
  */
-class FlatList<ItemT> extends React.PureComponent<Props<ItemT>, void> {
+class FlatList<ItemT = any> extends React.PureComponent<FlatListProps<ItemT>> {
   /**
    * Scrolls to the end of the content. May be janky without `getItemLayout` prop.
    */
@@ -422,7 +423,7 @@ class FlatList<ItemT> extends React.PureComponent<Props<ItemT>, void> {
     }
   }
 
-  constructor(props: Props<ItemT>) {
+  constructor(props: FlatListProps<ItemT>) {
     super(props);
     this._checkProps(this.props);
     if (this.props.viewabilityConfigCallbackPairs) {
@@ -456,7 +457,7 @@ class FlatList<ItemT> extends React.PureComponent<Props<ItemT>, void> {
   }
 
   // $FlowFixMe[missing-local-annot]
-  componentDidUpdate(prevProps: Props<ItemT>) {
+  componentDidUpdate(prevProps: FlatListProps<ItemT>) {
     invariant(
       prevProps.numColumns === this.props.numColumns,
       'Changing numColumns on the fly is not supported. Change the key prop on FlatList when ' +
@@ -488,7 +489,7 @@ class FlatList<ItemT> extends React.PureComponent<Props<ItemT>, void> {
   };
 
   // $FlowFixMe[missing-local-annot]
-  _checkProps(props: Props<ItemT>) {
+  _checkProps(props: FlatListProps<ItemT>) {
     const {
       // $FlowFixMe[prop-missing] this prop doesn't exist, is only used for an invariant
       getItem,

package/Libraries/LogBox/LogBox.js

@@ -206,7 +206,7 @@ if (__DEV__) {
       if (!hasComponentStack(args) && React.captureOwnerStack != null) {
         stack = React.captureOwnerStack();
         if (!hasComponentStack(args)) {
-          if (stack !== '') {
+          if (stack != null && stack !== '') {
             args[0] = args[0] += '%s';
             args.push(stack);
           }

package/Libraries/Modal/Modal.js

@@ -8,6 +8,7 @@
  * @flow strict-local
  */
 
+import type {HostInstance} from '../../src/private/types/HostInstance';
 import type {ViewProps} from '../Components/View/ViewPropTypes';
 import type {RootTag} from '../ReactNative/RootTag';
 import type {DirectEventHandler} from '../Types/CodegenTypes';
@@ -15,7 +16,6 @@ import type {DirectEventHandler} from '../Types/CodegenTypes';
 import NativeEventEmitter from '../EventEmitter/NativeEventEmitter';
 import {type ColorValue} from '../StyleSheet/StyleSheet';
 import {type EventSubscription} from '../vendor/emitter/EventEmitter';
-import ModalInjection from './ModalInjection';
 import NativeModalManager from './NativeModalManager';
 import RCTModalHostView from './RCTModalHostViewNativeComponent';
 import VirtualizedLists from '@react-native/virtualized-lists';
@@ -36,6 +36,8 @@ type ModalEventDefinitions = {
   modalDismissed: [{modalID: number}],
 };
 
+export type PublicModalInstance = HostInstance;
+
 const ModalEventEmitter =
   Platform.OS === 'ios' && NativeModalManager != null
     ? new NativeEventEmitter<ModalEventDefinitions>(
@@ -101,6 +103,11 @@ export type ModalBaseProps = {
    * Defaults to `white` if not provided and transparent is `false`. Ignored if `transparent` is `true`.
    */
   backdropColor?: ColorValue,
+
+  /**
+   * A ref to the native Modal component.
+   */
+  modalRef?: React.RefSetter<PublicModalInstance>,
 };
 
 export type ModalPropsIOS = {
@@ -308,6 +315,7 @@ class Modal extends React.Component<ModalProps, State> {
         onRequestClose={this.props.onRequestClose}
         onShow={this.props.onShow}
         onDismiss={onDismiss}
+        ref={this.props.modalRef}
         visible={this.props.visible}
         statusBarTranslucent={this.props.statusBarTranslucent}
         navigationBarTranslucent={this.props.navigationBarTranslucent}
@@ -354,7 +362,25 @@ const styles = StyleSheet.create({
   },
 });
 
-const ExportedModal: React.ComponentType<React.ElementConfig<typeof Modal>> =
-  ModalInjection.unstable_Modal ?? Modal;
+type ModalRefProps = $ReadOnly<{
+  ref?: React.RefSetter<PublicModalInstance>,
+}>;
+
+// NOTE: This wrapper component is necessary because `Modal` is a class
+// component and we need to map `ref` to a differently named prop. This can be
+// removed when `Modal` is a functional component.
+function Wrapper({
+  ref,
+  ...props
+}: {
+  ...ModalRefProps,
+  ...ModalProps,
+}): React.Node {
+  return <Modal {...props} modalRef={ref} />;
+}
+
+Wrapper.displayName = 'Modal';
+// $FlowExpectedError[prop-missing]
+Wrapper.Context = VirtualizedListContextResetter;
 
-export default ExportedModal;
+export default Wrapper;

package/Libraries/NativeComponent/BaseViewConfig.js.flow

@@ -0,0 +1,14 @@
+/**
+ * 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 {PartialViewConfigWithoutName} from './PlatformBaseViewConfig';
+
+declare const PlatformBaseViewConfig: PartialViewConfigWithoutName;
+export default PlatformBaseViewConfig;

package/Libraries/NativeComponent/NativeComponentRegistry.js

@@ -8,8 +8,8 @@
  * @format
  */
 
+import type {HostComponent} from '../../src/private/types/HostComponent';
 import type {
-  HostComponent,
   PartialViewConfig,
   ViewConfig,
 } from '../Renderer/shims/ReactNativeTypes';

package/Libraries/Network/RCTNetworking.js.flow

@@ -0,0 +1,44 @@
+/**
+ * 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
+ */
+
+'use strict';
+
+import type {EventSubscription} from '../vendor/emitter/EventEmitter';
+import type {RequestBody} from './convertRequestBody';
+import type {RCTNetworkingEventDefinitions} from './RCTNetworkingEventDefinitions.flow';
+import type {NativeResponseType} from './XMLHttpRequest';
+
+declare const RCTNetworking: interface {
+  addListener<K: $Keys<RCTNetworkingEventDefinitions>>(
+    eventType: K,
+    // $FlowFixMe[invalid-computed-prop]
+    listener: (...$ElementType<RCTNetworkingEventDefinitions, K>) => mixed,
+    context?: mixed,
+  ): EventSubscription,
+
+  sendRequest(
+    method: string,
+    trackingName: ?string,
+    url: string,
+    headers: {...},
+    data: RequestBody,
+    responseType: NativeResponseType,
+    incrementalUpdates: boolean,
+    timeout: number,
+    callback: (requestId: number) => void,
+    withCredentials: boolean,
+  ): void,
+
+  abortRequest(requestId: number): void,
+
+  clearCookies(callback: (result: boolean) => void): void,
+};
+
+export default RCTNetworking;

package/Libraries/Network/XMLHttpRequest_new.js

@@ -14,6 +14,7 @@ import type {
   EventCallback,
   EventListener,
 } from '../../src/private/webapis/dom/events/EventTarget';
+import type Performance from '../../src/private/webapis/performance/Performance';
 import type {IPerformanceLogger} from '../Utilities/createPerformanceLogger';
 
 import Event from '../../src/private/webapis/dom/events/Event';
@@ -33,6 +34,8 @@ const RCTNetworking = require('./RCTNetworking').default;
 const base64 = require('base64-js');
 const invariant = require('invariant');
 
+declare var performance: Performance;
+
 const DEBUG_NETWORK_SEND_DELAY: false = false; // Set to a number of milliseconds when debugging
 const LABEL_FOR_MISSING_URL_FOR_PROFILING = 'Unknown URL';
 

package/Libraries/Network/XMLHttpRequest_old.js

@@ -10,6 +10,7 @@
 
 'use strict';
 
+import type Performance from '../../src/private/webapis/performance/Performance';
 import type {IPerformanceLogger} from '../Utilities/createPerformanceLogger';
 
 import {type EventSubscription} from '../vendor/emitter/EventEmitter';
@@ -22,6 +23,8 @@ const RCTNetworking = require('./RCTNetworking').default;
 const base64 = require('base64-js');
 const invariant = require('invariant');
 
+declare var performance: Performance;
+
 const DEBUG_NETWORK_SEND_DELAY: false = false; // Set to a number of milliseconds when debugging
 const LABEL_FOR_MISSING_URL_FOR_PROFILING = 'Unknown URL';
 

package/Libraries/Pressability/HoverState.js

@@ -18,6 +18,7 @@ if (Platform.OS === 'web') {
   const canUseDOM = Boolean(
     typeof window !== 'undefined' &&
       window.document &&
+      // $FlowFixMe[method-unbinding]
       window.document.createElement,
   );
 

package/Libraries/Pressability/HoverState.win32.js

@@ -18,6 +18,7 @@ if (Platform.OS === 'web') {
   const canUseDOM = Boolean(
     typeof window !== 'undefined' &&
       window.document &&
+      // $FlowFixMe[method-unbinding]
       window.document.createElement,
   );
 

package/Libraries/Pressability/Pressability.js

@@ -8,12 +8,12 @@
  * @format
  */
 
-import type {HostInstance} from '../Renderer/shims/ReactNativeTypes';
+import type {HostInstance} from '../../src/private/types/HostInstance';
 import type {
   BlurEvent,
   FocusEvent,
-  MouseEvent,
   GestureResponderEvent,
+  MouseEvent,
 } from '../Types/CoreEventTypes';
 
 import SoundManager from '../Components/Sound/SoundManager';

package/Libraries/Pressability/Pressability.win32.js

@@ -8,13 +8,13 @@
  * @format
  */
 
-import type {HostInstance} from '../Renderer/shims/ReactNativeTypes';
+import type {HostInstance} from '../../src/private/types/HostInstance';
 import type {
   BlurEvent,
   FocusEvent,
-  KeyEvent,
-  MouseEvent,
+  KeyEvent, // [Windows]
   GestureResponderEvent,
+  MouseEvent,
 } from '../Types/CoreEventTypes';
 
 import SoundManager from '../Components/Sound/SoundManager';

package/Libraries/ReactNative/AppRegistry.flow.js

@@ -0,0 +1,49 @@
+/**
+ * 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
+ */
+
+import type {ViewStyleProp} from '../StyleSheet/StyleSheet';
+import type {RootTag} from '../Types/RootTagTypes';
+import type {IPerformanceLogger} from '../Utilities/createPerformanceLogger';
+import type {DisplayModeType} from './DisplayMode';
+
+type Task = (taskData: any) => Promise<void>;
+export type TaskProvider = () => Task;
+
+export type ComponentProvider = () => React.ComponentType<any>;
+export type ComponentProviderInstrumentationHook = (
+  component_: ComponentProvider,
+  scopedPerformanceLogger: IPerformanceLogger,
+) => React.ComponentType<any>;
+export type AppConfig = {
+  appKey: string,
+  component?: ComponentProvider,
+  run?: Runnable,
+  section?: boolean,
+  ...
+};
+export type AppParameters = {
+  initialProps: $ReadOnly<{[string]: mixed, ...}>,
+  rootTag: RootTag,
+  fabric?: boolean,
+};
+export type Runnable = (
+  appParameters: AppParameters,
+  displayMode: DisplayModeType,
+) => void;
+export type Runnables = {[appKey: string]: Runnable};
+export type Registry = {
+  sections: $ReadOnlyArray<string>,
+  runnables: Runnables,
+  ...
+};
+export type WrapperComponentProvider = (
+  appParameters: Object,
+) => React.ComponentType<any>;
+export type RootViewStyleProvider = (appParameters: Object) => ViewStyleProp;