@office-iss/react-native-win32 0.81.2 → 0.82.0-preview.2

package/flow/bom.js.flow

@@ -12,6 +12,71 @@
 
 declare var window: typeof globalThis;
 
+type DevToolsColor =
+  | 'primary'
+  | 'primary-light'
+  | 'primary-dark'
+  | 'secondary'
+  | 'secondary-light'
+  | 'secondary-dark'
+  | 'tertiary'
+  | 'tertiary-light'
+  | 'tertiary-dark'
+  | 'warning'
+  | 'error';
+
+// $FlowExpectedError[libdef-override] Flow core definitions are incomplete.
+declare var console: {
+  // Logging
+  log(...data: $ReadOnlyArray<mixed>): void,
+  trace(...data: $ReadOnlyArray<mixed>): void,
+  debug(...data: $ReadOnlyArray<mixed>): void,
+  info(...data: $ReadOnlyArray<mixed>): void,
+  warn(...data: $ReadOnlyArray<mixed>): void,
+  error(...data: $ReadOnlyArray<mixed>): void,
+
+  // Grouping
+  group(...data: $ReadOnlyArray<mixed>): void,
+  groupCollapsed(...data: $ReadOnlyArray<mixed>): void,
+  groupEnd(): void,
+
+  // Printing
+  table(
+    tabularData:
+      | $ReadOnly<{[key: string]: mixed, ...}>
+      | $ReadOnlyArray<$ReadOnly<{[key: string]: mixed, ...}>>
+      | $ReadOnlyArray<$ReadOnlyArray<mixed>>,
+  ): void,
+  dir(...data: $ReadOnlyArray<mixed>): void,
+  dirxml(...data: $ReadOnlyArray<mixed>): void,
+  clear(): void,
+
+  // Utilities
+  assert(condition: mixed, ...data: $ReadOnlyArray<mixed>): void,
+
+  // Profiling
+  profile(name?: string): void,
+  profileEnd(name?: string): void,
+
+  // Counts
+  count(label?: string): void,
+  countReset(label?: string): void,
+
+  // Timing / tracing
+  time(label?: string): void,
+  timeEnd(label?: string): void,
+  timeStamp(
+    label?: string,
+    start?: string | number,
+    end?: string | number,
+    trackName?: string,
+    trackGroup?: string,
+    color?: DevToolsColor,
+  ): void,
+
+  ...
+};
+
 declare class Navigator {
   product: 'ReactNative';
   appName?: ?string;
@@ -23,12 +88,169 @@ declare var navigator: Navigator;
 // https://developer.mozilla.org/en-US/docs/Web/API/DOMHighResTimeStamp
 declare type DOMHighResTimeStamp = number;
 
+type PerformanceEntryFilterOptions = {
+  entryType: string,
+  name: string,
+  ...
+};
+
+// https://www.w3.org/TR/performance-timeline-2/
+declare class PerformanceEntry {
+  duration: DOMHighResTimeStamp;
+  entryType: string;
+  name: string;
+  startTime: DOMHighResTimeStamp;
+  toJSON(): string;
+}
+
+// https://w3c.github.io/user-timing/#performancemark
+declare class PerformanceMark extends PerformanceEntry {
+  constructor(name: string, markOptions?: PerformanceMarkOptions): void;
+  +detail: mixed;
+}
+
+// https://w3c.github.io/user-timing/#performancemeasure
+declare class PerformanceMeasure extends PerformanceEntry {
+  +detail: mixed;
+}
+
+// https://w3c.github.io/server-timing/#the-performanceservertiming-interface
+declare class PerformanceServerTiming {
+  description: string;
+  duration: DOMHighResTimeStamp;
+  name: string;
+  toJSON(): string;
+}
+
+// https://www.w3.org/TR/resource-timing-2/#sec-performanceresourcetiming
+// https://w3c.github.io/server-timing/#extension-to-the-performanceresourcetiming-interface
+declare class PerformanceResourceTiming extends PerformanceEntry {
+  connectEnd: number;
+  connectStart: number;
+  decodedBodySize: number;
+  domainLookupEnd: number;
+  domainLookupStart: number;
+  encodedBodySize: number;
+  fetchStart: number;
+  initiatorType: string;
+  nextHopProtocol: string;
+  redirectEnd: number;
+  redirectStart: number;
+  requestStart: number;
+  responseEnd: number;
+  responseStart: number;
+  secureConnectionStart: number;
+  serverTiming: Array<PerformanceServerTiming>;
+  transferSize: number;
+  workerStart: number;
+}
+
+// https://w3c.github.io/event-timing/#sec-performance-event-timing
+declare class PerformanceEventTiming extends PerformanceEntry {
+  cancelable: boolean;
+  interactionId: number;
+  processingEnd: number;
+  processingStart: number;
+  target: ?Node;
+}
+
+// https://w3c.github.io/longtasks/#taskattributiontiming
+declare class TaskAttributionTiming extends PerformanceEntry {
+  containerId: string;
+  containerName: string;
+  containerSrc: string;
+  containerType: string;
+}
+
+// https://w3c.github.io/longtasks/#sec-PerformanceLongTaskTiming
+declare class PerformanceLongTaskTiming extends PerformanceEntry {
+  attribution: $ReadOnlyArray<TaskAttributionTiming>;
+}
+
+// https://www.w3.org/TR/user-timing/#extensions-performance-interface
+declare type PerformanceMarkOptions = {
+  detail?: mixed,
+  startTime?: number,
+};
+
+declare type PerformanceMeasureOptions = {
+  detail?: mixed,
+  duration?: number,
+  end?: number | string,
+  start?: number | string,
+};
+
+type EventCountsForEachCallbackType =
+  | (() => void)
+  | ((value: number) => void)
+  | ((value: number, key: string) => void)
+  | ((value: number, key: string, map: Map<string, number>) => void);
+
+// https://www.w3.org/TR/event-timing/#eventcounts
+declare interface EventCounts {
+  entries(): Iterator<[string, number]>;
+
+  forEach(callback: EventCountsForEachCallbackType): void;
+  get(key: string): ?number;
+  has(key: string): boolean;
+  keys(): Iterator<string>;
+  size: number;
+  values(): Iterator<number>;
+}
+
 declare class Performance {
-  now: () => DOMHighResTimeStamp;
+  +eventCounts: EventCounts;
+  +timeOrigin: DOMHighResTimeStamp;
+
+  clearMarks(name?: string): void;
+  clearMeasures(name?: string): void;
+  getEntries: (
+    options?: PerformanceEntryFilterOptions,
+  ) => Array<PerformanceEntry>;
+  getEntriesByName: (name: string, type?: string) => Array<PerformanceEntry>;
+  getEntriesByType: (type: string) => Array<PerformanceEntry>;
+  mark(name: string, options?: PerformanceMarkOptions): PerformanceMark;
+  measure(
+    name: string,
+    startMarkOrOptions?: string | PerformanceMeasureOptions,
+    endMark?: string,
+  ): PerformanceMeasure;
+  now(): DOMHighResTimeStamp;
+  toJSON(): string;
 }
 
 declare var performance: Performance;
 
+type PerformanceEntryList = Array<PerformanceEntry>;
+
+declare interface PerformanceObserverEntryList {
+  getEntries(): PerformanceEntryList;
+  getEntriesByName(name: string, type: ?string): PerformanceEntryList;
+  getEntriesByType(type: string): PerformanceEntryList;
+}
+
+type PerformanceObserverInit = {
+  buffered?: boolean,
+  entryTypes?: Array<string>,
+  type?: string,
+  ...
+};
+
+declare class PerformanceObserver {
+  constructor(
+    callback: (
+      entries: PerformanceObserverEntryList,
+      observer: PerformanceObserver,
+    ) => mixed,
+  ): void;
+
+  disconnect(): void;
+  observe(options: ?PerformanceObserverInit): void;
+  static supportedEntryTypes: Array<string>;
+
+  takeRecords(): PerformanceEntryList;
+}
+
 type FormDataEntryValue = string | File;
 
 declare class FormData {

package/flow/prettier.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.
+ *
+ * @flow strict
+ * @format
+ */
+
+// $FlowFixMe[unsupported-syntax]
+declare module 'prettier' {
+  declare module.exports: $FlowFixMe;
+}

package/index.js

@@ -86,14 +86,14 @@ module.exports = {
   /**
    * @deprecated SafeAreaView has been deprecated and will be removed in a future release.
    * Please use 'react-native-safe-area-context' instead.
-   * See https://github.com/th3rdwave/react-native-safe-area-context
+   * See https://github.com/AppAndFlow/react-native-safe-area-context
    */
   get SafeAreaView() {
     warnOnce(
       'safe-area-view-deprecated',
       'SafeAreaView has been deprecated and will be removed in a future release. ' +
         "Please use 'react-native-safe-area-context' instead. " +
-        'See https://github.com/th3rdwave/react-native-safe-area-context',
+        'See https://github.com/AppAndFlow/react-native-safe-area-context',
     );
     return require('./Libraries/Components/SafeAreaView/SafeAreaView').default;
   },
@@ -224,6 +224,12 @@ module.exports = {
    * @deprecated
    */
   get InteractionManager() {
+    warnOnce(
+      'interaction-manager-deprecated',
+      'InteractionManager has been deprecated and will be removed in a ' +
+        'future release. Please refactor long tasks into smaller ones, and ' +
+        " use 'requestIdleCallback' instead.",
+    );
     return require('./Libraries/Interaction/InteractionManager').default;
   },
   get Keyboard() {
@@ -241,6 +247,9 @@ module.exports = {
   get NativeAppEventEmitter() {
     return require('./Libraries/EventEmitter/RCTNativeAppEventEmitter').default;
   },
+  get NativeComponentRegistry() {
+    return require('./Libraries/NativeComponent/NativeComponentRegistry');
+  },
   get NativeDialogManagerAndroid() {
     return require('./Libraries/NativeModules/specs/NativeDialogManagerAndroid')
       .default;
@@ -289,6 +298,9 @@ module.exports = {
   get requireNativeComponent() {
     return require('./Libraries/ReactNative/requireNativeComponent').default;
   },
+  get ReactNativeVersion() {
+    return require('./Libraries/Core/ReactNativeVersion').default;
+  },
   get RootTagContext() {
     return require('./Libraries/ReactNative/RootTag').RootTagContext;
   },

package/index.win32.js

@@ -73,6 +73,7 @@ import typeof LogBox from './Libraries/LogBox/LogBox';
 import typeof Modal from './Libraries/Modal/Modal';
 // $FlowFixMe[invalid-exported-annotation]
 import typeof NativeDialogManagerAndroid from './Libraries/NativeModules/specs/NativeDialogManagerAndroid';
+import typeof * as NativeComponentRegistry from './Libraries/NativeComponent/NativeComponentRegistry';
 import typeof Networking from './Libraries/Network/RCTNetworking';
 import typeof * as Systrace from './Libraries/Performance/Systrace';
 import typeof PermissionsAndroid from './Libraries/PermissionsAndroid/PermissionsAndroid';
@@ -106,6 +107,7 @@ import typeof useWindowDimensions from './Libraries/Utilities/useWindowDimension
 import typeof Vibration from './Libraries/Vibration/Vibration';
 import typeof DevMenu from './src/private/devsupport/devmenu/DevMenu';
 import typeof registerCallableModule from './Libraries/Core/registerCallableModule';
+import typeof ReactNativeVersion from './Libraries/Core/ReactNativeVersion';
 // Windows]]
 
 const warnOnce = require('./Libraries/Utilities/warnOnce').default;
@@ -173,14 +175,14 @@ module.exports = {
   /**
    * @deprecated SafeAreaView has been deprecated and will be removed in a future release.
    * Please use 'react-native-safe-area-context' instead.
-   * See https://github.com/th3rdwave/react-native-safe-area-context
+   * See https://github.com/AppAndFlow/react-native-safe-area-context
    */
   get SafeAreaView(): SafeAreaView {
     warnOnce(
       'safe-area-view-deprecated',
       'SafeAreaView has been deprecated and will be removed in a future release. ' +
         "Please use 'react-native-safe-area-context' instead. " +
-        'See https://github.com/th3rdwave/react-native-safe-area-context',
+        'See https://github.com/AppAndFlow/react-native-safe-area-context',
     );
     return require('./Libraries/Components/SafeAreaView/SafeAreaView').default;
   },
@@ -309,6 +311,12 @@ module.exports = {
    * @deprecated
    */
   get InteractionManager(): InteractionManager {
+    warnOnce(
+      'interaction-manager-deprecated',
+      'InteractionManager has been deprecated and will be removed in a ' +
+        'future release. Please refactor long tasks into smaller ones, and ' +
+        " use 'requestIdleCallback' instead.",
+    );
     return require('./Libraries/Interaction/InteractionManager').default;
   },
   get Keyboard(): Keyboard {
@@ -326,6 +334,9 @@ module.exports = {
   get NativeAppEventEmitter(): RCTNativeAppEventEmitter {
     return require('./Libraries/EventEmitter/RCTNativeAppEventEmitter').default;
   },
+  get NativeComponentRegistry(): NativeComponentRegistry {
+    return require('./Libraries/NativeComponent/NativeComponentRegistry');
+  },
   get NativeDialogManagerAndroid(): NativeDialogManagerAndroid {
     return require('./Libraries/NativeModules/specs/NativeDialogManagerAndroid')
       .default;
@@ -377,6 +388,9 @@ module.exports = {
   ) => HostComponent<T> {
     return require('./Libraries/ReactNative/requireNativeComponent').default;
   },
+  get ReactNativeVersion(): ReactNativeVersion {
+    return require('./Libraries/Core/ReactNativeVersion').default;
+  },
   get RootTagContext(): RootTagContext {
     return require('./Libraries/ReactNative/RootTag').RootTagContext;
   },

package/jest/local-setup.js

@@ -16,13 +16,13 @@ import './setup';
 const consoleError = console.error;
 const consoleWarn = console.warn;
 
-// $FlowIgnore[cannot-write]
+// $FlowFixMe[cannot-write]
 console.error = (...args) => {
   consoleError(...args);
   throw new Error('console.error() was called (see error above)');
 };
 
-// $FlowIgnore[cannot-write]
+// $FlowFixMe[cannot-write]
 console.warn = (...args) => {
   consoleWarn(...args);
   throw new Error('console.warn() was called (see warning above)');

package/jest/mock.js

@@ -34,6 +34,6 @@ export default function mock<TModuleRef: $Flow$ModuleRef<mixed>>(
 }
 
 function deref(ref: $Flow$ModuleRef<mixed>): string {
-  // $FlowIgnore[incompatible-cast]
+  // $FlowFixMe[incompatible-type]
   return (ref as string).substring(2);
 }

package/jest/mockComponent.js

@@ -30,9 +30,9 @@ export default function mockComponent<
   ? ModuleDefault<TComponentModule & typeof instanceMethods>
   : TComponentModule & typeof instanceMethods {
   const RealComponent: TComponentType = isESModule
-    ? // $FlowIgnore[prop-missing]
+    ? // $FlowFixMe[prop-missing]
       jest.requireActual<TComponentModule>(moduleName).default
-    : // $FlowIgnore[incompatible-type]
+    : // $FlowFixMe[incompatible-type]
       jest.requireActual<TComponentModule>(moduleName);
 
   const SuperClass: typeof React.Component<
@@ -50,7 +50,7 @@ export default function mockComponent<
     (RealComponent.render == null
       ? 'Unknown'
       : // $FlowFixMe[incompatible-use]
-        RealComponent.render.displayName ?? RealComponent.render.name);
+        (RealComponent.render.displayName ?? RealComponent.render.name));
 
   const nameWithoutPrefix = name.replace(/^(RCT|RK)/, '');
 
@@ -58,7 +58,7 @@ export default function mockComponent<
     static displayName: ?string = 'Component';
 
     render(): React.Node {
-      // $FlowIgnore[prop-missing]
+      // $FlowFixMe[prop-missing]
       const props = {...RealComponent.defaultProps};
 
       if (this.props) {
@@ -74,8 +74,8 @@ export default function mockComponent<
         });
       }
 
-      // $FlowIgnore[not-a-function]
-      // $FlowIgnore[prop-missing]
+      // $FlowFixMe[not-a-function]
+      // $FlowFixMe[prop-missing]
       return createElement(nameWithoutPrefix, props, this.props.children);
     }
   };
@@ -89,16 +89,16 @@ export default function mockComponent<
 
   Component.displayName = nameWithoutPrefix;
 
-  // $FlowIgnore[not-an-object]
+  // $FlowFixMe[not-an-object]
   Object.keys(RealComponent).forEach(classStatic => {
     Component[classStatic] = RealComponent[classStatic];
   });
 
   if (instanceMethods != null) {
-    // $FlowIgnore[unsafe-object-assign]
+    // $FlowFixMe[unsafe-object-assign]
     Object.assign(Component.prototype, instanceMethods);
   }
 
-  // $FlowIgnore[incompatible-return]
+  // $FlowFixMe[incompatible-type]
   return Component;
 }

package/jest/mockNativeComponent.js

@@ -27,8 +27,8 @@ export default function mockNativeComponent<TProps: {...}>(
     _nativeTag: number = nativeTag++;
 
     render(): React.Node {
-      // $FlowIgnore[not-a-function]
-      // $FlowIgnore[prop-missing]
+      // $FlowFixMe[not-a-function]
+      // $FlowFixMe[prop-missing]
       return createElement(viewName, this.props, this.props.children);
     }
 
@@ -47,5 +47,6 @@ export default function mockNativeComponent<TProps: {...}>(
     Component.displayName = viewName;
   }
 
+  // $FlowFixMe[incompatible-type] - Error supressed during the migration of HostInstance to ReactNativeElement
   return Component;
 }

package/jest/mocks/Modal.js

@@ -22,7 +22,7 @@ const BaseComponent = mockComponent(
   true, // isESModule
 ) as TModal;
 
-// $FlowIgnore[incompatible-use]
+// $FlowFixMe[incompatible-use]
 export default class Modal extends BaseComponent {
   render(): React.Node {
     if (this.props.visible === false) {

package/jest/mocks/ScrollView.js

@@ -44,7 +44,7 @@ const BaseComponent = mockComponent(
   true, // isESModule
 ) as TScrollView;
 
-// $FlowFixMe[incompatible-extend]
+// $FlowFixMe[incompatible-type]
 // $FlowFixMe[invalid-exported-annotation]
 export default class ScrollViewMock extends BaseComponent {
   render(): React.Node {

package/jest/mocks/ViewNativeComponent.js

@@ -15,7 +15,7 @@ import {createElement} from 'react';
 
 export default class View extends React.Component<ViewProps> {
   render(): React.Node {
-    // $FlowIgnore[not-a-function]
+    // $FlowFixMe[not-a-function]
     return createElement('View', this.props, this.props.children);
   }
 }

package/jest/setup.js

@@ -17,7 +17,7 @@ import '@react-native/js-polyfills/error-guard';
 
 import mock from './mock';
 
-// $FlowIgnore[cannot-write]
+// $FlowFixMe[cannot-write]
 Object.defineProperties(global, {
   __DEV__: {
     configurable: true,
@@ -43,7 +43,7 @@ Object.defineProperties(global, {
     configurable: true,
     enumerable: true,
     value: {
-      // $FlowIgnore[method-unbinding]
+      // $FlowFixMe[method-unbinding]
       now: jest.fn(Date.now),
     },
     writable: true,
@@ -70,7 +70,18 @@ Object.defineProperties(global, {
   },
 });
 
-// $FlowFixMe[incompatible-call] - `./mocks/AppState` is incomplete.
+/**
+ * Prettier v3 uses import (cjs/mjs) file formats that jest-runtime does not
+ * support. To work around this we need to bypass the jest module system by
+ * using the orginal node `require` function.
+ */
+jest.mock('prettier', () => {
+  // $FlowExpectedError[underconstrained-implicit-instantiation]
+  const module = jest.requireActual('module');
+  return module.prototype.require(require.resolve('prettier'));
+});
+
+// $FlowFixMe[incompatible-type] - `./mocks/AppState` is incomplete.
 mock('m#../Libraries/AppState/AppState', 'm#./mocks/AppState');
 mock('m#../Libraries/BatchedBridge/NativeModules', 'm#./mocks/NativeModules');
 mock(
@@ -84,41 +95,41 @@ mock(
 mock('m#../Libraries/Components/Clipboard/Clipboard', 'm#./mocks/Clipboard');
 mock(
   'm#../Libraries/Components/RefreshControl/RefreshControl',
-  // $FlowFixMe[incompatible-call] - `../Libraries/Components/RefreshControl/RefreshControl` should export a component type.
+  // $FlowFixMe[incompatible-type] - `../Libraries/Components/RefreshControl/RefreshControl` should export a component type.
   'm#./mocks/RefreshControl',
 );
 // $FlowFixMe[incompatible-exact] - `../Libraries/Components/ScrollView/ScrollView` is... I don't even.
-// $FlowFixMe[prop-missing]
+// $FlowFixMe[incompatible-type]
 mock('m#../Libraries/Components/ScrollView/ScrollView', 'm#./mocks/ScrollView');
 mock('m#../Libraries/Components/TextInput/TextInput', 'm#./mocks/TextInput');
 mock('m#../Libraries/Components/View/View', 'm#./mocks/View');
 mock(
   'm#../Libraries/Components/View/ViewNativeComponent',
-  // $FlowFixMe[incompatible-call] - `./mocks/ViewNativeComponent` is incomplete.
+  // $FlowFixMe[incompatible-type] - `./mocks/ViewNativeComponent` is incomplete.
   // $FlowFixMe[prop-missing]
   'm#./mocks/ViewNativeComponent',
 );
 mock('m#../Libraries/Core/InitializeCore', 'm#./mocks/InitializeCore');
 mock('m#../Libraries/Core/NativeExceptionsManager');
 mock('m#../Libraries/Image/Image', 'm#./mocks/Image');
-// $FlowFixMe[incompatible-call] - `./mocks/Linking` is incomplete.
+// $FlowFixMe[incompatible-type] - `./mocks/Linking` is incomplete.
 mock('m#../Libraries/Linking/Linking', 'm#./mocks/Linking');
-// $FlowFixMe[incompatible-call] - `../Libraries/Modal/Modal` should export a component type.
+// $FlowFixMe[incompatible-type] - `../Libraries/Modal/Modal` should export a component type.
 mock('m#../Libraries/Modal/Modal', 'm#./mocks/Modal');
 mock(
   'm#../Libraries/NativeComponent/NativeComponentRegistry',
-  // $FlowFixMe[prop-missing] - `./mocks/NativeComponentRegistry` should export named functions.
+  // $FlowFixMe[incompatible-type] - `./mocks/NativeComponentRegistry` should export named functions.
   'm#./mocks/NativeComponentRegistry',
 );
-// $FlowFixMe[prop-missing] - `./mocks/RendererProxy` is incomplete.
+// $FlowFixMe[incompatible-type] - `./mocks/RendererProxy` is incomplete.
 mock('m#../Libraries/ReactNative/RendererProxy', 'm#./mocks/RendererProxy');
 mock(
   'm#../Libraries/ReactNative/requireNativeComponent',
   'm#./mocks/requireNativeComponent',
 );
-// $FlowFixMe[prop-missing] - `./mocks/UIManager` is incomplete.
+// $FlowFixMe[incompatible-type] - `./mocks/UIManager` is incomplete.
 mock('m#../Libraries/ReactNative/UIManager', 'm#./mocks/UIManager');
 mock('m#../Libraries/Text/Text', 'm#./mocks/Text');
 mock('m#../Libraries/Utilities/useColorScheme', 'm#./mocks/useColorScheme');
-// $FlowFixMe[incompatible-call]
+// $FlowFixMe[incompatible-type]
 mock('m#../Libraries/Vibration/Vibration', 'm#./mocks/Vibration');