@office-iss/react-native-win32 0.0.0-canary.296 → 0.0.0-canary.298

package/Libraries/Utilities/logError.js

@@ -4,8 +4,8 @@
  * 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
+ * @format
  */
 
 'use strict';

package/Libraries/Utilities/mapWithSeparator.js

@@ -4,8 +4,8 @@
  * 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
+ * @format
  */
 
 'use strict';

package/Libraries/Utilities/stringifySafe.js

@@ -4,8 +4,8 @@
  * 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
+ * @format
  */
 
 import invariant from 'invariant';

package/Libraries/Utilities/stringifyViewConfig.js

@@ -4,8 +4,8 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @format
  * @flow
+ * @format
  */
 
 export default function stringifyViewConfig(viewConfig: any): string {

package/Libraries/Utilities/useColorScheme.js

@@ -4,8 +4,8 @@
  * 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
+ * @format
  */
 
 'use strict';

package/Libraries/Utilities/useWindowDimensions.js

@@ -4,8 +4,8 @@
  * 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
+ * @format
  */
 
 import Dimensions from './Dimensions';

package/Libraries/Utilities/warnOnce.js

@@ -4,8 +4,8 @@
  * 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
+ * @format
  */
 
 'use strict';

package/Libraries/Vibration/Vibration.js

@@ -4,9 +4,8 @@
  * 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
- * @jsdoc
+ * @format
  */
 
 import NativeVibration from './NativeVibration';

package/Libraries/WebSocket/WebSocket.js

@@ -4,8 +4,8 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @format
  * @flow
+ * @format
  */
 
 import type {EventCallback} from '../../src/private/webapis/dom/events/EventTarget';

package/Libraries/WebSocket/WebSocketInterceptor.js

@@ -4,8 +4,8 @@
  * 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
+ * @format
  */
 
 import NativeEventEmitter from '../EventEmitter/NativeEventEmitter';

package/Libraries/promiseRejectionTrackingOptions.js

@@ -4,8 +4,8 @@
  * 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
+ * @format
  */
 
 import typeof {enable} from 'promise/setimmediate/rejection-tracking';

package/Libraries/vendor/core/ErrorUtils.js

@@ -4,13 +4,37 @@
  * 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
+ * @format
  */
 
-import type {ErrorUtilsT} from '@react-native/js-polyfills/error-guard';
-
-export type ErrorUtils = ErrorUtilsT;
+// From @react-native/js-polyfills
+type ErrorHandler = (error: mixed, isFatal: boolean) => void;
+type Fn<Args: $ReadOnlyArray<mixed>, Return> = (...Args) => Return;
+export type ErrorUtils = {
+  applyWithGuard<TArgs: $ReadOnlyArray<mixed>, TOut>(
+    fun: Fn<TArgs, TOut>,
+    context?: mixed,
+    args?: ?TArgs,
+    unused_onError?: null,
+    unused_name?: ?string,
+  ): ?TOut,
+  applyWithGuardIfNeeded<TArgs: $ReadOnlyArray<mixed>, TOut>(
+    fun: Fn<TArgs, TOut>,
+    context?: mixed,
+    args?: ?TArgs,
+  ): ?TOut,
+  getGlobalHandler(): ErrorHandler,
+  guard<TArgs: $ReadOnlyArray<mixed>, TOut>(
+    fun: Fn<TArgs, TOut>,
+    name?: ?string,
+    context?: mixed,
+  ): ?(...TArgs) => ?TOut,
+  inGuard(): boolean,
+  reportError(error: mixed): void,
+  reportFatalError(error: mixed): void,
+  setGlobalHandler(fun: ErrorHandler): void,
+};
 
 /**
  * The particular require runtime that we are using looks for a global
@@ -24,4 +48,4 @@ export type ErrorUtils = ErrorUtilsT;
  * that use it aren't just using a global variable, so simply export the global
  * variable here. ErrorUtils is originally defined in a file named error-guard.js.
  */
-export default (global.ErrorUtils: ErrorUtilsT);
+export default global.ErrorUtils as ErrorUtils;

package/index.js

@@ -4,12 +4,11 @@
  * 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
+ * @format
  */
 
 // flowlint unsafe-getters-setters:off
-/* eslint-disable lint/no-commonjs-exports */
 
 'use strict';
 'use client';

package/index.win32.js

@@ -4,11 +4,13 @@
  * 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
- * @flow
  */
 
 // flowlint unsafe-getters-setters:off
+// flowlint unclear-type:off
+// flowlint untyped-import:off
 
 'use strict';
 'use client';

package/interface.js

@@ -4,8 +4,8 @@
  * 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
+ * @format
  */
 
 'use strict';

package/jest/MockNativeMethods.js

@@ -4,11 +4,10 @@
  * 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
  */
 
-'use strict';
-
 const MockNativeMethods = {
   measure: jest.fn(),
   measureInWindow: jest.fn(),
@@ -16,6 +15,13 @@ const MockNativeMethods = {
   setNativeProps: jest.fn(),
   focus: jest.fn(),
   blur: jest.fn(),
+} as {
+  measure: () => void,
+  measureInWindow: () => void,
+  measureLayout: () => void,
+  setNativeProps: () => void,
+  focus: () => void,
+  blur: () => void,
 };
 
-module.exports = MockNativeMethods;
+export default MockNativeMethods;

package/jest/RefreshControlMock.js

@@ -0,0 +1,32 @@
+/**
+ * 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 {HostComponent} from '../src/private/types/HostComponent';
+
+import requireNativeComponent from '../Libraries/ReactNative/requireNativeComponent';
+import * as React from 'react';
+
+const RCTRefreshControl: HostComponent<{}> = requireNativeComponent<{}>(
+  'RCTRefreshControl',
+);
+
+export default class RefreshControlMock extends React.Component<{...}> {
+  static latestRef: ?RefreshControlMock;
+
+  render(): React.Node {
+    return <RCTRefreshControl />;
+  }
+
+  componentDidMount() {
+    RefreshControlMock.latestRef = this;
+  }
+}

package/jest/assetFileTransformer.js

@@ -4,6 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @noflow
  * @format
  */
 

package/jest/local-setup.js

@@ -4,24 +4,25 @@
  * 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
  */
 
 // Global setup for tests local to the react-native repo. This setup is not
 // included in the react-native Jest preset.
 
-'use strict';
-
-require('./setup');
+import './setup';
 
 const consoleError = console.error;
 const consoleWarn = console.warn;
 
+// $FlowIgnore[cannot-write]
 console.error = (...args) => {
   consoleError(...args);
   throw new Error('console.error() was called (see error above)');
 };
 
+// $FlowIgnore[cannot-write]
 console.warn = (...args) => {
   consoleWarn(...args);
   throw new Error('console.warn() was called (see warning above)');

package/jest/mock.js

@@ -0,0 +1,39 @@
+/**
+ * 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
+ * @oncall react_native
+ */
+
+/**
+ * Mocks the module referenced by `moduleRef` (expected to begin with `m#`)
+ * while enforcing type safety of mock factories.
+ *
+ * If `factoryRef` is provided, it is expected to reference a module that
+ * exports the same type signature as the module referenced by `moduleRef`.
+ */
+export default function mock<TModuleRef: $Flow$ModuleRef<mixed>>(
+  moduleRef: TModuleRef,
+  factoryRef?: NoInfer<TModuleRef>,
+): void {
+  // NOTE: Jest's `babel-plugin-jest-hoist` requires that the second argument to
+  // `jest.mock` be an inline function, so structure this code accordingly.
+  if (factoryRef === undefined) {
+    jest.mock(deref(moduleRef));
+  } else {
+    // NOTE: Jest's `babel-plugin-jest-hoist` requires that module factories
+    // only reference local variables or variables starting with "mock", so be
+    // careful when renaming this `mockFactory` variable.
+    const mockFactory = deref(factoryRef);
+    jest.mock(deref(moduleRef), () => jest.requireActual(mockFactory));
+  }
+}
+
+function deref(ref: $Flow$ModuleRef<mixed>): string {
+  // $FlowIgnore[incompatible-cast]
+  return (ref as string).substring(2);
+}

package/jest/mockComponent.js

@@ -4,37 +4,62 @@
  * 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
  */
 
-'use strict';
+import * as React from 'react';
+import {createElement} from 'react';
 
-module.exports = (moduleName, instanceMethods, isESModule) => {
-  const RealComponent = isESModule
-    ? jest.requireActual(moduleName).default
-    : jest.requireActual(moduleName);
-  const React = require('react');
+type Modulish<T> = T | $ReadOnly<{default: T}>;
+type ModuleDefault<T> = T['default'];
 
-  const SuperClass =
+type TComponentType = React.ComponentType<{...}>;
+
+/**
+ * WARNING: The `moduleName` must be relative to this file's directory, which is
+ * a major footgun. Be careful when using this function!
+ */
+export default function mockComponent<
+  TComponentModule: Modulish<TComponentType>,
+>(
+  moduleName: string,
+  instanceMethods: ?interface {},
+  isESModule: boolean,
+): typeof isESModule extends true
+  ? ModuleDefault<TComponentModule & typeof instanceMethods>
+  : TComponentModule & typeof instanceMethods {
+  const RealComponent: TComponentType = isESModule
+    ? // $FlowIgnore[prop-missing]
+      jest.requireActual<TComponentModule>(moduleName).default
+    : // $FlowIgnore[incompatible-type]
+      jest.requireActual<TComponentModule>(moduleName);
+
+  const SuperClass: typeof React.Component<
+    React.ElementProps<typeof RealComponent>,
+  > =
     typeof RealComponent === 'function' &&
     RealComponent.prototype.constructor instanceof React.Component
       ? RealComponent
       : React.Component;
 
   const name =
-    RealComponent.displayName ||
-    RealComponent.name ||
-    (RealComponent.render // handle React.forwardRef
-      ? RealComponent.render.displayName || RealComponent.render.name
-      : 'Unknown');
+    RealComponent.displayName ??
+    RealComponent.name ??
+    // $FlowFixMe[prop-missing] - Checking for `forwardRef` values.
+    (RealComponent.render == null
+      ? 'Unknown'
+      : // $FlowFixMe[incompatible-use]
+        RealComponent.render.displayName ?? RealComponent.render.name);
 
   const nameWithoutPrefix = name.replace(/^(RCT|RK)/, '');
 
   const Component = class extends SuperClass {
-    static displayName = 'Component';
+    static displayName: ?string = 'Component';
 
-    render() {
-      const props = Object.assign({}, RealComponent.defaultProps);
+    render(): React.Node {
+      // $FlowIgnore[prop-missing]
+      const props = {...RealComponent.defaultProps};
 
       if (this.props) {
         Object.keys(this.props).forEach(prop => {
@@ -49,7 +74,9 @@ module.exports = (moduleName, instanceMethods, isESModule) => {
         });
       }
 
-      return React.createElement(nameWithoutPrefix, props, this.props.children);
+      // $FlowIgnore[not-a-function]
+      // $FlowIgnore[prop-missing]
+      return createElement(nameWithoutPrefix, props, this.props.children);
     }
   };
 
@@ -62,13 +89,16 @@ module.exports = (moduleName, instanceMethods, isESModule) => {
 
   Component.displayName = nameWithoutPrefix;
 
+  // $FlowIgnore[not-an-object]
   Object.keys(RealComponent).forEach(classStatic => {
     Component[classStatic] = RealComponent[classStatic];
   });
 
   if (instanceMethods != null) {
+    // $FlowIgnore[unsafe-object-assign]
     Object.assign(Component.prototype, instanceMethods);
   }
 
+  // $FlowIgnore[incompatible-return]
   return Component;
-};
+}

package/jest/mockNativeComponent.js

@@ -4,30 +4,41 @@
  * 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
  */
 
-'use strict';
+import type {HostInstance} from '../src/private/types/HostInstance';
 
-const React = require('react');
+import * as React from 'react';
+import {createElement} from 'react';
 
 let nativeTag = 1;
 
-export default viewName => {
-  const Component = class extends React.Component {
-    _nativeTag = nativeTag++;
-
-    render() {
-      return React.createElement(viewName, this.props, this.props.children);
+type MockNativeComponent<TProps: {...}> = component(
+  ref?: ?React.RefSetter<HostInstance>,
+  ...props: TProps
+);
+
+export default function mockNativeComponent<TProps: {...}>(
+  viewName: string,
+): MockNativeComponent<TProps> {
+  const Component = class extends React.Component<TProps> {
+    _nativeTag: number = nativeTag++;
+
+    render(): React.Node {
+      // $FlowIgnore[not-a-function]
+      // $FlowIgnore[prop-missing]
+      return createElement(viewName, this.props, this.props.children);
     }
 
     // The methods that exist on host components
-    blur = jest.fn();
-    focus = jest.fn();
-    measure = jest.fn();
-    measureInWindow = jest.fn();
-    measureLayout = jest.fn();
-    setNativeProps = jest.fn();
+    blur: () => void = jest.fn();
+    focus: () => void = jest.fn();
+    measure: () => void = jest.fn();
+    measureInWindow: () => void = jest.fn();
+    measureLayout: () => void = jest.fn();
+    setNativeProps: () => void = jest.fn();
   };
 
   if (viewName === 'RCTView') {
@@ -37,4 +48,4 @@ export default viewName => {
   }
 
   return Component;
-};
+}

package/jest/mocks/AccessibilityInfo.js

@@ -0,0 +1,62 @@
+/**
+ * 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
+ */
+
+const AccessibilityInfo = {
+  addEventListener: jest.fn(() => ({
+    remove: jest.fn(),
+  })) as JestMockFn<$FlowFixMe, {remove: JestMockFn<[], void>}>,
+  announceForAccessibility: jest.fn() as JestMockFn<$FlowFixMe, $FlowFixMe>,
+  announceForAccessibilityWithOptions: jest.fn() as JestMockFn<
+    $FlowFixMe,
+    $FlowFixMe,
+  >,
+  isAccessibilityServiceEnabled: jest.fn(() =>
+    Promise.resolve(false),
+  ) as JestMockFn<$FlowFixMe, $FlowFixMe>,
+  isBoldTextEnabled: jest.fn(() => Promise.resolve(false)) as JestMockFn<
+    $FlowFixMe,
+    $FlowFixMe,
+  >,
+  isGrayscaleEnabled: jest.fn(() => Promise.resolve(false)) as JestMockFn<
+    $FlowFixMe,
+    $FlowFixMe,
+  >,
+  isInvertColorsEnabled: jest.fn(() => Promise.resolve(false)) as JestMockFn<
+    $FlowFixMe,
+    $FlowFixMe,
+  >,
+  isReduceMotionEnabled: jest.fn(() => Promise.resolve(false)) as JestMockFn<
+    $FlowFixMe,
+    $FlowFixMe,
+  >,
+  isHighTextContrastEnabled: jest.fn(() =>
+    Promise.resolve(false),
+  ) as JestMockFn<$FlowFixMe, $FlowFixMe>,
+  isDarkerSystemColorsEnabled: jest.fn(() =>
+    Promise.resolve(false),
+  ) as JestMockFn<$FlowFixMe, $FlowFixMe>,
+  prefersCrossFadeTransitions: jest.fn(() =>
+    Promise.resolve(false),
+  ) as JestMockFn<$FlowFixMe, $FlowFixMe>,
+  isReduceTransparencyEnabled: jest.fn(() =>
+    Promise.resolve(false),
+  ) as JestMockFn<$FlowFixMe, $FlowFixMe>,
+  isScreenReaderEnabled: jest.fn(() => Promise.resolve(false)) as JestMockFn<
+    $FlowFixMe,
+    $FlowFixMe,
+  >,
+  setAccessibilityFocus: jest.fn() as JestMockFn<$FlowFixMe, $FlowFixMe>,
+  sendAccessibilityEvent: jest.fn() as JestMockFn<$FlowFixMe, $FlowFixMe>,
+  getRecommendedTimeoutMillis: jest.fn(() =>
+    Promise.resolve(false),
+  ) as JestMockFn<$FlowFixMe, $FlowFixMe>,
+};
+
+export default AccessibilityInfo;

package/jest/mocks/ActivityIndicator.js

@@ -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.
+ *
+ * @flow strict-local
+ * @format
+ */
+
+import typeof TActivityIndicator from '../../Libraries/Components/ActivityIndicator/ActivityIndicator';
+import typeof * as TmockComponent from '../mockComponent';
+
+const mockComponent =
+  jest.requireActual<TmockComponent>('../mockComponent').default;
+
+const ActivityIndicator = mockComponent(
+  '../Libraries/Components/ActivityIndicator/ActivityIndicator',
+  null, // instanceMethods
+  true, // isESModule
+) as TActivityIndicator;
+
+export default ActivityIndicator;

package/jest/mocks/AppState.js

@@ -0,0 +1,19 @@
+/**
+ * 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
+ */
+
+const AppState = {
+  addEventListener: jest.fn(() => ({
+    remove: jest.fn(),
+  })) as JestMockFn<$FlowFixMe, $FlowFixMe>,
+  removeEventListener: jest.fn() as JestMockFn<$FlowFixMe, $FlowFixMe>,
+  currentState: jest.fn() as JestMockFn<$FlowFixMe, $FlowFixMe>,
+};
+
+export default AppState;

package/{flow/Stringish.js → jest/mocks/Clipboard.js}

@@ -8,7 +8,9 @@
  * @format
  */
 
-// This type allows Facebook to internally Override
-// this type to allow our internationalization type which
-// is a string at runtime but Flow doesn't know that.
-declare type Stringish = string;
+const Clipboard = {
+  getString: jest.fn(async () => '') as JestMockFn<[], Promise<string>>,
+  setString: jest.fn() as JestMockFn<[string], void>,
+};
+
+export default Clipboard;

package/jest/mocks/Image.js

@@ -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.
+ *
+ * @flow strict-local
+ * @format
+ */
+
+import typeof TImage from '../../Libraries/Image/Image';
+import typeof * as TmockComponent from '../mockComponent';
+
+const mockComponent =
+  jest.requireActual<TmockComponent>('../mockComponent').default;
+
+const Image = mockComponent(
+  '../Libraries/Image/Image',
+  null, // instanceMethods
+  true, // isESModule
+) as TImage;
+
+export default Image;