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

package/src/private/webapis/performance/PerformanceObserver.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 type {

package/src/private/webapis/performance/UserTiming.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
  */
 
 // flowlint unsafe-getters-setters:off

package/src/private/webapis/performance/internals/RawPerformanceEntry.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 type {PerformanceEntryType} from '../PerformanceEntry';

package/src/private/webapis/performance/internals/Utilities.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 warnOnce from '../../../../../Libraries/Utilities/warnOnce';

package/src/private/webapis/utils/ArrayLikeUtils.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
  */
 
 /**

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

@@ -13,11 +13,13 @@ import {GestureResponderHandlers} from 'react-native/types/public/ReactNativeRen
 import {StyleProp} from 'react-native/Libraries/StyleSheet/StyleSheet';
 import {ViewStyle} from 'react-native/Libraries/StyleSheet/StyleSheetTypes';
 import {
+  BlurEvent,
+  FocusEvent,
   LayoutChangeEvent,
+  PointerEvents,
   MouseEvent, // Win32
   NativeSyntheticEvent, // Win32
-  PointerEvents,
-} from 'react-native/Libraries/Types/CoreEventTypes';
+} from '../../Types/CoreEventTypes';
 import {Touchable} from 'react-native/Libraries/Components/Touchable/Touchable';
 import {AccessibilityProps} from './ViewAccessibility';
 
@@ -81,6 +83,20 @@ export interface ViewPropsIOS extends TVViewPropsIOS {
 }
 
 export interface ViewPropsAndroid {
+  /**
+   * Callback that is called when the view is blurred.
+   *
+   * Note: This will only be called if the view is focusable.
+   */
+  onBlur?: ((e: BlurEvent) => void) | null | undefined;
+
+  /**
+   * Callback that is called when the view is focused.
+   *
+   * Note: This will only be called if the view is focusable.
+   */
+  onFocus?: ((e: FocusEvent) => void) | null | undefined;
+
   /**
    * Whether this view should render itself (and all of its children) into a single hardware texture on the GPU.
    *

package/types/modules/Devtools.d.ts

@@ -9,24 +9,38 @@
 
 declare module 'react-native/Libraries/Core/Devtools/parseErrorStack' {
   export type StackFrame = {
-    file: string;
+    column: number | null | undefined;
+    file: string | null | undefined;
+    lineNumber: number | null | undefined;
     methodName: string;
-    lineNumber: number;
-    column: number | null;
   };
 
-  export interface ExtendedError extends Error {
-    framesToPop?: number | undefined;
-  }
-
-  export default function parseErrorStack(error: ExtendedError): StackFrame[];
+  export default function parseErrorStack(errorStack?: string): StackFrame[];
 }
 
 declare module 'react-native/Libraries/Core/Devtools/symbolicateStackTrace' {
   import {StackFrame} from 'react-native/Libraries/Core/Devtools/parseErrorStack';
 
+  export type CodeFrame = Readonly<{
+    content: string;
+    location:
+      | {
+          row: number;
+          column: number;
+          [key: string]: any;
+        }
+      | null
+      | undefined;
+    fileName: string;
+  }>;
+
+  export type SymbolicatedStackTrace = Readonly<{
+    stack: ReadonlyArray<StackFrame>;
+    codeFrame: CodeFrame | null | undefined;
+  }>;
+
   export default function symbolicateStackTrace(
     stack: ReadonlyArray<StackFrame>,
     extraData?: any,
-  ): Promise<StackFrame[]>;
+  ): Promise<SymbolicatedStackTrace>;
 }

package/Libraries/Interaction/JSEventLoopWatchdog.js

@@ -1,88 +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
- */
-
-'use strict';
-
-const infoLog = require('../Utilities/infoLog').default;
-
-type Handler = {
-  onIterate?: () => void,
-  onStall: (params: {lastInterval: number, busyTime: number, ...}) => ?string,
-  ...
-};
-
-/**
- * A utility for tracking stalls in the JS event loop that prevent timers and
- * other events from being processed in a timely manner.
- *
- * The "stall" time is defined as the amount of time in access of the acceptable
- * threshold, which is typically around 100-200ms. So if the threshold is set to
- * 100 and a timer fires 150 ms later than it was scheduled because the event
- * loop was tied up, that would be considered a 50ms stall.
- *
- * By default, logs stall events to the console when installed. Can also be
- * queried with `getStats`.
- */
-const JSEventLoopWatchdog = {
-  getStats: function (): Object {
-    return {stallCount, totalStallTime, longestStall, acceptableBusyTime};
-  },
-  reset: function () {
-    infoLog('JSEventLoopWatchdog: reset');
-    totalStallTime = 0;
-    stallCount = 0;
-    longestStall = 0;
-    lastInterval = global.performance.now();
-  },
-  addHandler: function (handler: Handler) {
-    handlers.push(handler);
-  },
-  install: function ({thresholdMS}: {thresholdMS: number, ...}) {
-    acceptableBusyTime = thresholdMS;
-    if (installed) {
-      return;
-    }
-    installed = true;
-    lastInterval = global.performance.now();
-    function iteration() {
-      const now = global.performance.now();
-      const busyTime = now - lastInterval;
-      if (busyTime >= thresholdMS) {
-        const stallTime = busyTime - thresholdMS;
-        stallCount++;
-        totalStallTime += stallTime;
-        longestStall = Math.max(longestStall, stallTime);
-        let msg =
-          `JSEventLoopWatchdog: JS thread busy for ${busyTime}ms. ` +
-          `${totalStallTime}ms in ${stallCount} stalls so far. `;
-        handlers.forEach(handler => {
-          msg += handler.onStall({lastInterval, busyTime}) || '';
-        });
-        infoLog(msg);
-      }
-      handlers.forEach(handler => {
-        handler.onIterate && handler.onIterate();
-      });
-      lastInterval = now;
-      setTimeout(iteration, thresholdMS / 5);
-    }
-    iteration();
-  },
-};
-
-let acceptableBusyTime = 0;
-let installed = false;
-let totalStallTime = 0;
-let stallCount = 0;
-let longestStall = 0;
-let lastInterval = 0;
-const handlers: Array<Handler> = [];
-
-export default JSEventLoopWatchdog;

package/flow/HermesInternalType.js

@@ -1,114 +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.
- *
- * @flow strict
- * @format
- */
-
-// Declarations for functionality exposed by the Hermes VM.
-//
-// For backwards-compatibility, code that uses such functionality must also
-// check explicitly at run-time whether the object(s) and method(s) exist, and
-// fail safely if not.
-
-/**
- * HermesInternalType is an object containing functions used to interact with
- * the VM in a way that is not standardized by the JS spec.
- * There are limited guarantees about these functions, and they should not be
- * widely used. Consult with the Hermes team before using any of these.
- * There may be other visible properties on this object; however, those are
- * only exposed for testing purposes: do not use them.
- */
-declare type $HermesInternalType = {
-  // All members are optional because they may not exist when OTA'd to older
-  // VMs.
-
-  +getNumGCs?: () => number,
-  +getGCTime?: () => number,
-  +getNativeCallTime?: () => number,
-  +getNativeCallCount?: () => number,
-  +getGCCPUTime?: () => number,
-
-  /**
-   * Hermes can embed an "epilogue" to the bytecode file with arbitrary bytes.
-   * At most one epilogue will exist per bytecode module (which can be
-   * different than a JS module).
-   * Calling this function will return all such epilogues and convert the
-   * bytes to numbers in the range of 0-255.
-   */
-  +getEpilogues?: () => Array<Array<number>>,
-
-  /**
-   * Query the VM for various statistics about performance.
-   * There are no guarantees about what keys exist in it, but they can be
-   * printed for informational purposes.
-   * @return An object that maps strings to various types of performance
-   *    statistics.
-   */
-  +getInstrumentedStats?: () => {[string]: number | string, ...},
-
-  /**
-   * Query the VM for any sort of runtime properties that it wants to report.
-   * There are no guarantees about what keys exist in it, but they can be
-   * printed for informational purposes.
-   * @return An object that maps strings to various types of runtime properties.
-   */
-  +getRuntimeProperties?: () => {
-    'OSS Release Version': string,
-    Build: string,
-    [string]: mixed,
-  },
-
-  /**
-   * Tell Hermes that at this point the surface has transitioned from TTI to
-   * post-TTI. The VM can change some of its internal behavior to optimize for
-   * post-TTI scenarios.
-   * This can be called several times but will have no effect after the first
-   * call.
-   */
-  +ttiReached?: () => void,
-
-  /**
-   * Tell Hermes that at this point the surface has transitioned from TTRC to
-   * post-TTRC. The VM can change some of its internal behavior to optimize for
-   * post-TTRC scenarios.
-   * This can be called several times but will have no effect after the first
-   * call.
-   */
-  +ttrcReached?: () => void,
-
-  /**
-   * Query the VM to see whether or not it enabled Promise.
-   */
-  +hasPromise?: () => boolean,
-
-  /**
-   * Enable promise rejection tracking with the given options.
-   * The API mirrored the `promise` npm package, therefore it's typed same as
-   * the `enable` function of module `promise/setimmediate/rejection-tracking`
-   * declared in ./flow-typed/npm/promise_v8.x.x.js.
-   */
-  +enablePromiseRejectionTracker?: (
-    options: ?{
-      whitelist?: ?Array<mixed>,
-      allRejections?: ?boolean,
-      onUnhandled?: ?(number, mixed) => void,
-      onHandled?: ?(number, mixed) => void,
-    },
-  ) => void,
-
-  /**
-   * Query the VM to see whether or not it use the engine Job queue.
-   */
-  +useEngineQueue?: () => boolean,
-
-  /**
-   * Enqueue a JavaScript callback function as a Job into the engine Job queue.
-   */
-  +enqueueJob?: <TArguments: Array<mixed>>(
-    jobCallback: (...args: TArguments) => mixed,
-  ) => void,
-};

package/flow/console.js

@@ -1,49 +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.
- *
- * @flow strict
- * @format
- */
-
-declare module 'console' {
-  declare function assert(value: any, ...message: any): void;
-  declare function dir(
-    obj: Object,
-    options: {
-      showHidden: boolean,
-      depth: number,
-      colors: boolean,
-      ...
-    },
-  ): void;
-  declare function error(...data: any): void;
-  declare function info(...data: any): void;
-  declare function log(...data: any): void;
-  declare function time(label: any): void;
-  declare function timeEnd(label: any): void;
-  declare function trace(first: any, ...rest: any): void;
-  declare function warn(...data: any): void;
-  declare class Console {
-    constructor(stdout: stream$Writable, stdin?: stream$Writable): void;
-    assert(value: any, ...message: any): void;
-    dir(
-      obj: Object,
-      options: {
-        showHidden: boolean,
-        depth: number,
-        colors: boolean,
-        ...
-      },
-    ): void;
-    error(...data: any): void;
-    info(...data: any): void;
-    log(...data: any): void;
-    time(label: any): void;
-    timeEnd(label: any): void;
-    trace(first: any, ...rest: any): void;
-    warn(...data: any): void;
-  }
-}

package/flow/global.js

@@ -1,88 +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.
- *
- * @flow strict
- * @format
- */
-
-/**
- * `global` is a object containing all the global variables for React Native.
- *
- * NOTE: Consider cross-platform as well as JS environments compatibility
- * when defining the types here. Consider both presence (`?`) as well as
- * writeability (`+`) when defining types.
- */
-// $FlowFixMe[libdef-override]
-declare var global: {
-  // setUpGlobals
-  +window: typeof global,
-  +self: typeof global,
-  +process: {
-    +env: {
-      +NODE_ENV: 'development' | 'production',
-    },
-    +argv?: $ReadOnlyArray<string>,
-  },
-
-  // setUpPerformance
-  +performance: Performance,
-
-  // setUpXHR
-  +XMLHttpRequest: typeof XMLHttpRequest,
-  +FormData: typeof FormData,
-  +fetch: typeof fetch,
-  +Headers: typeof Headers,
-  +Request: typeof Request,
-  +Response: typeof Response,
-  +WebSocket: typeof WebSocket,
-  +Blob: typeof Blob,
-  +File: typeof File,
-  +FileReader: typeof FileReader,
-  +URL: typeof URL,
-  +URLSearchParams: typeof URLSearchParams,
-  +AbortController: typeof AbortController,
-  +AbortSignal: typeof AbortSignal,
-
-  // setUpAlert
-  +alert: typeof alert,
-
-  // setUpNavigator
-  +navigator: {
-    +product: 'ReactNative',
-    +appName?: ?string,
-    ...
-  },
-
-  // setUpTimers
-  +setInterval: typeof setInterval,
-  +clearInterval: typeof clearInterval,
-  +setTimeout: typeof setTimeout,
-  +clearTimeout: typeof clearTimeout,
-  +requestAnimationFrame: typeof requestAnimationFrame,
-  +cancelAnimationFrame: typeof cancelAnimationFrame,
-  +requestIdleCallback: typeof requestIdleCallback,
-  +cancelIdleCallback: typeof cancelIdleCallback,
-  +queueMicrotask: typeof queueMicrotask,
-  +setImmediate: typeof setImmediate,
-  +clearImmediate: typeof clearImmediate,
-
-  // Polyfills
-  +console: typeof console,
-
-  // JavaScript environments specific
-  +HermesInternal: ?$HermesInternalType,
-
-  // Internal-specific
-  +__DEV__?: boolean,
-  +RN$Bridgeless?: boolean,
-
-  // setupDOM
-  +DOMRect: typeof DOMRect,
-  +DOMRectReadOnly: typeof DOMRectReadOnly,
-
-  // Undeclared properties are implicitly `any`.
-  [string | symbol]: any,
-};

package/jest/mockModal.js

@@ -1,32 +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
- */
-
-/* eslint-env jest */
-
-'use strict';
-
-const React = require('react');
-
-function mockModal(BaseComponent: $FlowFixMe) {
-  class ModalMock extends BaseComponent {
-    render(): React.MixedElement | null {
-      if (this.props.visible === false) {
-        return null;
-      }
-
-      return (
-        <BaseComponent {...this.props}>{this.props.children}</BaseComponent>
-      );
-    }
-  }
-  return ModalMock;
-}
-
-module.exports = (mockModal: $FlowFixMe);

package/jest/mockScrollView.js

@@ -1,35 +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
- */
-
-/* eslint-env jest */
-
-'use strict';
-
-const View = require('../Libraries/Components/View/View').default;
-const requireNativeComponent =
-  require('../Libraries/ReactNative/requireNativeComponent').default;
-const React = require('react');
-const RCTScrollView: $FlowFixMe = requireNativeComponent('RCTScrollView');
-
-function mockScrollView(BaseComponent: $FlowFixMe) {
-  class ScrollViewMock extends BaseComponent {
-    render(): React.MixedElement {
-      return (
-        <RCTScrollView {...this.props}>
-          {this.props.refreshControl}
-          <View>{this.props.children}</View>
-        </RCTScrollView>
-      );
-    }
-  }
-  return ScrollViewMock;
-}
-
-module.exports = (mockScrollView: $FlowFixMe);