react-native-windows 0.66.3 → 0.67.0-preview.3

package/Libraries/Components/View/View.js

@@ -21,7 +21,7 @@ export type Props = ViewProps;
  * supports layout with flexbox, style, some touch handling, and accessibility
  * controls.
  *
- * @see https://reactnative.dev/docs/view.html
+ * @see https://reactnative.dev/docs/view
  */
 const View: React.AbstractComponent<
   ViewProps,

package/Libraries/Components/View/View.windows.js

@@ -25,7 +25,7 @@ export type Props = ViewProps;
  * supports layout with flexbox, style, some touch handling, and accessibility
  * controls.
  *
- * @see https://reactnative.dev/docs/view.html
+ * @see https://reactnative.dev/docs/view
  */
 const View: React.AbstractComponent<
   ViewProps,

package/Libraries/Components/View/ViewAccessibility.js

@@ -85,5 +85,5 @@ export type AccessibilityValue = $ReadOnly<{|
   /**
    * A textual description of this component's value. (will override minimum, current, and maximum if set)
    */
-  text?: string,
+  text?: Stringish,
 |}>;

package/Libraries/Components/View/ViewAccessibility.windows.js

@@ -122,5 +122,5 @@ export type AccessibilityValue = $ReadOnly<{|
   /**
    * A textual description of this component's value. (will override minimum, current, and maximum if set)
    */
-  text?: string,
+  text?: Stringish,
 |}>;

package/Libraries/Components/View/ViewWindows.js

@@ -18,5 +18,5 @@ const react_native_1 = require("react-native");
  * Prop type: {@link IViewWindowsProps}.
  *
  */
-exports.ViewWindows = react_1.default.forwardRef((props, ref) => (react_1.default.createElement(react_native_1.View, Object.assign({ ref: ref }, props))));
+exports.ViewWindows = react_1.default.forwardRef((props, ref) => (react_1.default.createElement(react_native_1.View, { ref: ref, ...props })));
 //# sourceMappingURL=ViewWindows.js.map

package/Libraries/Components/View/ViewWindows.js.map

@@ -1 +1 @@
-{"version":3,"file":"ViewWindows.js","sourceRoot":"","sources":["../../../src/Libraries/Components/View/ViewWindows.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;;;;;;AAGH,kDAA0B;AAC1B,+CAAkC;AAOlC;;;;;;GAMG;AACU,QAAA,WAAW,GAAG,eAAK,CAAC,UAAU,CACzC,CAAC,KAAwB,EAAE,GAAmB,EAAE,EAAE,CAAC,CACjD,8BAAC,mBAAI,kBAAC,GAAG,EAAE,GAAG,IAAM,KAAK,EAAI,CAC9B,CACiB,CAAC","sourcesContent":["/**\n * Copyright (c) Microsoft Corporation.\n * Licensed under the MIT License.\n * @format\n */\n\nimport {IViewWindowsProps} from './ViewWindowsProps';\nimport React from 'react';\nimport {View} from 'react-native';\n\ntype ViewWindowsType = React.ForwardRefExoticComponent<\n  IViewWindowsProps & React.RefAttributes<View>\n> &\n  View;\n\n/**\n * Same as {@link https://facebook.github.io/react-native/docs/view | react-native's View}, but with extra Windows specific functionality\n *\n * @remarks\n * Prop type: {@link IViewWindowsProps}.\n *\n */\nexport const ViewWindows = React.forwardRef(\n  (props: IViewWindowsProps, ref: React.Ref<any>) => (\n    <View ref={ref} {...props} />\n  ),\n) as ViewWindowsType;\n\nexport type ViewWindows = ViewWindowsType;\n"]}
+{"version":3,"file":"ViewWindows.js","sourceRoot":"","sources":["../../../src/Libraries/Components/View/ViewWindows.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;;;;;;AAGH,kDAA0B;AAC1B,+CAAkC;AAOlC;;;;;;GAMG;AACU,QAAA,WAAW,GAAG,eAAK,CAAC,UAAU,CACzC,CAAC,KAAwB,EAAE,GAAmB,EAAE,EAAE,CAAC,CACjD,8BAAC,mBAAI,IAAC,GAAG,EAAE,GAAG,KAAM,KAAK,GAAI,CAC9B,CACiB,CAAC","sourcesContent":["/**\n * Copyright (c) Microsoft Corporation.\n * Licensed under the MIT License.\n * @format\n */\n\nimport {IViewWindowsProps} from './ViewWindowsProps';\nimport React from 'react';\nimport {View} from 'react-native';\n\ntype ViewWindowsType = React.ForwardRefExoticComponent<\n  IViewWindowsProps & React.RefAttributes<View>\n> &\n  View;\n\n/**\n * Same as {@link https://facebook.github.io/react-native/docs/view | react-native's View}, but with extra Windows specific functionality\n *\n * @remarks\n * Prop type: {@link IViewWindowsProps}.\n *\n */\nexport const ViewWindows = React.forwardRef(\n  (props: IViewWindowsProps, ref: React.Ref<any>) => (\n    <View ref={ref} {...props} />\n  ),\n) as ViewWindowsType;\n\nexport type ViewWindows = ViewWindowsType;\n"]}

package/Libraries/Components/View/ViewWindowsProps.d.ts

@@ -4,7 +4,28 @@
  * @format
  */
 import { IKeyboardProps } from '../Keyboard/KeyboardExtProps';
-import { ViewProps } from 'react-native';
+import { NativeSyntheticEvent, ViewProps } from 'react-native';
+export declare type INativeMouseEvent = {
+    target: number;
+    identifier: number;
+    pageX: number;
+    pageY: number;
+    locationX: number;
+    locationY: number;
+    timestamp: number;
+    pointerType: string;
+    force: number;
+    isLeftButton: boolean;
+    isRightButton: boolean;
+    isMiddleButton: boolean;
+    isBarrelButtonPressed: boolean;
+    isHorizontalScrollWheel: boolean;
+    isEraser: boolean;
+    shiftKey: boolean;
+    ctrlKey: boolean;
+    altKey: boolean;
+};
+export declare type IMouseEvent = NativeSyntheticEvent<INativeMouseEvent>;
 /**
  * @remarks
  * Props type for ViewWindows component
@@ -25,5 +46,24 @@ export interface IViewWindowsProps extends IKeyboardProps, ViewProps {
      * See https://github.com/ReactWindows/discussions-and-proposals/blob/harinik-accessibility/proposals/0000-accessibilityapis-lists.md
      */
     accessibilitySetSize?: number;
-    focusable?: boolean;
+    /**
+     * Specifies the Tooltip for the view
+     */
+    tooltip?: string;
+    /**
+     * Indicates the TabIndex to use for this view
+     */
+    tabIndex?: number;
+    /**
+     * Specifies if the control should show System focus visuals
+     */
+    enableFocusRing?: boolean;
+    /**
+     * Event fired when the mouse leaves the view
+     */
+    onMouseLeave?: (args: IMouseEvent) => void;
+    /**
+     * Event fired when the mouse enters the view
+     */
+    onMouseEnter?: (args: IMouseEvent) => void;
 }

package/Libraries/Components/View/ViewWindowsProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"ViewWindowsProps.js","sourceRoot":"","sources":["../../../src/Libraries/Components/View/ViewWindowsProps.ts"],"names":[],"mappings":";AAAA;;;;GAIG","sourcesContent":["/**\n * Copyright (c) Microsoft Corporation.\n * Licensed under the MIT License.\n * @format\n */\n\nimport {IKeyboardProps} from '../Keyboard/KeyboardExtProps';\nimport {ViewProps} from 'react-native';\n\n/**\n * @remarks\n * Props type for ViewWindows component\n *\n * Extends: {@link IKeyboardProps} and {@link https://facebook.github.io/react-native/docs/view | react-native's ViewProps}\n */\nexport interface IViewWindowsProps extends IKeyboardProps, ViewProps {\n  children?: any;\n\n  /**\n   * Indicates to accessibility services that the UI Component is within a set and has the given numbered position.\n   *\n   * See https://github.com/ReactWindows/discussions-and-proposals/blob/harinik-accessibility/proposals/0000-accessibilityapis-lists.md\n   */\n  accessibilityPosInSet?: number;\n\n  /**\n   * Indicates to accessibility services that the UI Component is within a set with the given size.\n   *\n   * See https://github.com/ReactWindows/discussions-and-proposals/blob/harinik-accessibility/proposals/0000-accessibilityapis-lists.md\n   */\n  accessibilitySetSize?: number;\n  focusable?: boolean;\n}\n"]}
+{"version":3,"file":"ViewWindowsProps.js","sourceRoot":"","sources":["../../../src/Libraries/Components/View/ViewWindowsProps.ts"],"names":[],"mappings":";AAAA;;;;GAIG","sourcesContent":["/**\n * Copyright (c) Microsoft Corporation.\n * Licensed under the MIT License.\n * @format\n */\n\nimport {IKeyboardProps} from '../Keyboard/KeyboardExtProps';\nimport {NativeSyntheticEvent, ViewProps} from 'react-native';\n\nexport type INativeMouseEvent = {\n  target: number;\n  identifier: number;\n  pageX: number;\n  pageY: number;\n  locationX: number;\n  locationY: number;\n  timestamp: number;\n  pointerType: string;\n  force: number;\n  isLeftButton: boolean;\n  isRightButton: boolean;\n  isMiddleButton: boolean;\n  isBarrelButtonPressed: boolean;\n  isHorizontalScrollWheel: boolean;\n  isEraser: boolean;\n  shiftKey: boolean;\n  ctrlKey: boolean;\n  altKey: boolean;\n};\n\nexport type IMouseEvent = NativeSyntheticEvent<INativeMouseEvent>;\n\n/**\n * @remarks\n * Props type for ViewWindows component\n *\n * Extends: {@link IKeyboardProps} and {@link https://facebook.github.io/react-native/docs/view | react-native's ViewProps}\n */\nexport interface IViewWindowsProps extends IKeyboardProps, ViewProps {\n  children?: any;\n\n  /**\n   * Indicates to accessibility services that the UI Component is within a set and has the given numbered position.\n   *\n   * See https://github.com/ReactWindows/discussions-and-proposals/blob/harinik-accessibility/proposals/0000-accessibilityapis-lists.md\n   */\n  accessibilityPosInSet?: number;\n\n  /**\n   * Indicates to accessibility services that the UI Component is within a set with the given size.\n   *\n   * See https://github.com/ReactWindows/discussions-and-proposals/blob/harinik-accessibility/proposals/0000-accessibilityapis-lists.md\n   */\n  accessibilitySetSize?: number;\n\n  /**\n   * Specifies the Tooltip for the view\n   */\n  tooltip?: string;\n\n  /**\n   * Indicates the TabIndex to use for this view\n   */\n  tabIndex?: number;\n\n  /**\n   * Specifies if the control should show System focus visuals\n   */\n  enableFocusRing?: boolean;\n\n  /**\n   * Event fired when the mouse leaves the view\n   */\n  onMouseLeave?: (args: IMouseEvent) => void;\n\n  /**\n   * Event fired when the mouse enters the view\n   */\n  onMouseEnter?: (args: IMouseEvent) => void;\n}\n"]}

package/Libraries/Core/ExceptionsManager.js

@@ -56,92 +56,57 @@ function reportException(
   isFatal: boolean,
   reportToConsole: boolean, // only true when coming from handleException; the error has not yet been logged
 ) {
-  const NativeExceptionsManager = require('./NativeExceptionsManager').default;
-  if (NativeExceptionsManager) {
-    const parseErrorStack = require('./Devtools/parseErrorStack');
-    const stack = parseErrorStack(e?.stack);
-    const currentExceptionID = ++exceptionID;
-    const originalMessage = e.message || '';
-    let message = originalMessage;
-    if (e.componentStack != null) {
-      message += `\n\nThis error is located at:${e.componentStack}`;
-    }
-    const namePrefix = e.name == null || e.name === '' ? '' : `${e.name}: `;
-
-    if (!message.startsWith(namePrefix)) {
-      message = namePrefix + message;
-    }
-
-    message =
-      e.jsEngine == null ? message : `${message}, js engine: ${e.jsEngine}`;
+  const parseErrorStack = require('./Devtools/parseErrorStack');
+  const stack = parseErrorStack(e?.stack);
+  const currentExceptionID = ++exceptionID;
+  const originalMessage = e.message || '';
+  let message = originalMessage;
+  if (e.componentStack != null) {
+    message += `\n\nThis error is located at:${e.componentStack}`;
+  }
+  const namePrefix = e.name == null || e.name === '' ? '' : `${e.name}: `;
 
-    const isHandledByLogBox =
-      e.forceRedbox !== true && !global.RN$Bridgeless && !global.RN$Express;
+  if (!message.startsWith(namePrefix)) {
+    message = namePrefix + message;
+  }
 
-    const data = preprocessException({
-      message,
-      originalMessage: message === originalMessage ? null : originalMessage,
-      name: e.name == null || e.name === '' ? null : e.name,
-      componentStack:
-        typeof e.componentStack === 'string' ? e.componentStack : null,
-      stack,
-      id: currentExceptionID,
-      isFatal,
-      extraData: {
-        jsEngine: e.jsEngine,
-        rawStack: e.stack,
+  message =
+    e.jsEngine == null ? message : `${message}, js engine: ${e.jsEngine}`;
+
+  const data = preprocessException({
+    message,
+    originalMessage: message === originalMessage ? null : originalMessage,
+    name: e.name == null || e.name === '' ? null : e.name,
+    componentStack:
+      typeof e.componentStack === 'string' ? e.componentStack : null,
+    stack,
+    id: currentExceptionID,
+    isFatal,
+    extraData: {
+      jsEngine: e.jsEngine,
+      rawStack: e.stack,
+    },
+  });
+
+  if (reportToConsole) {
+    // we feed back into console.error, to make sure any methods that are
+    // monkey patched on top of console.error are called when coming from
+    // handleException
+    console.error(data.message);
+  }
 
-        // Hack to hide native redboxes when in the LogBox experiment.
-        // This is intentionally untyped and stuffed here, because it is temporary.
-        suppressRedBox: isHandledByLogBox,
-      },
+  if (__DEV__) {
+    const LogBox = require('../LogBox/LogBox');
+    LogBox.addException({
+      ...data,
+      isComponentError: !!e.isComponentError,
     });
-
-    if (reportToConsole) {
-      // we feed back into console.error, to make sure any methods that are
-      // monkey patched on top of console.error are called when coming from
-      // handleException
-      console.error(data.message);
-    }
-
-    if (__DEV__ && isHandledByLogBox) {
-      const LogBox = require('../LogBox/LogBox');
-      LogBox.addException({
-        ...data,
-        isComponentError: !!e.isComponentError,
-      });
-    }
-
-    if (isFatal || e.type !== 'warn') {
+  } else if (isFatal || e.type !== 'warn') {
+    const NativeExceptionsManager = require('./NativeExceptionsManager')
+      .default;
+    if (NativeExceptionsManager) {
       NativeExceptionsManager.reportException(data);
-
-      if (__DEV__ && !global.RN$Express) {
-        if (e.preventSymbolication === true) {
-          return;
-        }
-        const symbolicateStackTrace = require('./Devtools/symbolicateStackTrace');
-        symbolicateStackTrace(stack)
-          .then(({stack: prettyStack}) => {
-            if (prettyStack) {
-              NativeExceptionsManager.updateExceptionMessage(
-                data.message,
-                prettyStack,
-                currentExceptionID,
-              );
-            } else {
-              throw new Error('The stack is null');
-            }
-          })
-          .catch(error => {
-            console.log('Unable to symbolicate stack trace: ' + error.message);
-          });
-      }
     }
-  } else if (reportToConsole) {
-    // we feed back into console.error, to make sure any methods that are
-    // monkey patched on top of console.error are called when coming from
-    // handleException
-    console.error(e);
   }
 }
 

package/Libraries/Core/ExtendedError.js

@@ -12,7 +12,6 @@ export type ExtendedError = Error & {
   jsEngine?: string,
   preventSymbolication?: boolean,
   componentStack?: string,
-  forceRedbox?: boolean,
   isComponentError?: boolean,
   type?: string,
   ...

package/Libraries/Core/ReactNativeVersion.js

@@ -11,7 +11,7 @@
 
 exports.version = {
   major: 0,
-  minor: 66,
+  minor: 67,
   patch: 0,
-  prerelease: null,
+  prerelease: 'rc.1',
 };

package/Libraries/Core/setUpBatchedBridge.js

@@ -11,7 +11,7 @@
 'use strict';
 
 let registerModule;
-if (global.RN$Bridgeless && global.RN$registerCallableModule) {
+if (global.RN$Bridgeless === true && global.RN$registerCallableModule) {
   registerModule = global.RN$registerCallableModule;
 } else {
   const BatchedBridge = require('../BatchedBridge/BatchedBridge');

package/Libraries/Core/setUpGlobals.js

@@ -14,15 +14,13 @@
  * Sets up global variables for React Native.
  * You can use this module directly, or just require InitializeCore.
  */
-if (global.GLOBAL === undefined) {
-  global.GLOBAL = global;
-}
-
 if (global.window === undefined) {
+  // $FlowFixMe[cannot-write]
   global.window = global;
 }
 
 if (global.self === undefined) {
+  // $FlowFixMe[cannot-write]
   global.self = global;
 }
 

package/Libraries/Core/setUpTimers.js

@@ -28,7 +28,7 @@ const hasNativePromise = isNativeFunction(Promise);
 const hasPromiseQueuedToJSVM = hasNativePromise || hasHermesPromiseQueuedToJSVM;
 
 // In bridgeless mode, timers are host functions installed from cpp.
-if (!global.RN$Bridgeless) {
+if (global.RN$Bridgeless !== true) {
   /**
    * Set up timers.
    * You can use this module directly, or just require InitializeCore.
@@ -65,7 +65,7 @@ if (hasPromiseQueuedToJSVM) {
   // When promise was polyfilled hence is queued to the RN microtask queue,
   // we polyfill the immediate APIs as aliases to the ReactNativeMicrotask APIs.
   // Note that in bridgeless mode, immediate APIs are installed from cpp.
-  if (!global.RN$Bridgeless) {
+  if (global.RN$Bridgeless !== true) {
     polyfillGlobal(
       'setImmediate',
       () => require('./Timers/JSTimers').queueReactNativeMicrotask,

package/Libraries/Image/Image.ios.js

@@ -12,6 +12,7 @@ import DeprecatedImagePropType from '../DeprecatedPropTypes/DeprecatedImagePropT
 import * as React from 'react';
 import StyleSheet from '../StyleSheet/StyleSheet';
 
+import ImageInjection from './ImageInjection';
 import ImageAnalyticsTagContext from './ImageAnalyticsTagContext';
 import flattenStyle from '../StyleSheet/flattenStyle';
 import resolveAssetSource from './resolveAssetSource';
@@ -168,6 +169,11 @@ Image = React.forwardRef<
   ImagePropsType,
   React.ElementRef<typeof ImageViewNativeComponent>,
 >(Image);
+
+if (ImageInjection.unstable_createImageComponent != null) {
+  Image = ImageInjection.unstable_createImageComponent(Image);
+}
+
 Image.displayName = 'Image';
 
 /**

package/Libraries/Image/Image.windows.js

@@ -12,6 +12,7 @@ import DeprecatedImagePropType from '../DeprecatedPropTypes/DeprecatedImagePropT
 import * as React from 'react';
 import StyleSheet from '../StyleSheet/StyleSheet';
 
+import ImageInjection from './ImageInjection';
 import ImageAnalyticsTagContext from './ImageAnalyticsTagContext';
 import flattenStyle from '../StyleSheet/flattenStyle';
 import resolveAssetSource from './resolveAssetSource';
@@ -184,6 +185,11 @@ Image = React.forwardRef<
   ImagePropsType,
   React.ElementRef<typeof ImageViewNativeComponent>,
 >(Image);
+
+if (ImageInjection.unstable_createImageComponent != null) {
+  Image = ImageInjection.unstable_createImageComponent(Image);
+}
+
 Image.displayName = 'Image';
 
 /**

package/Libraries/Image/ImageBackground.js

@@ -10,10 +10,12 @@
 
 'use strict';
 
-const Image = require('./Image');
-const React = require('react');
-const StyleSheet = require('../StyleSheet/StyleSheet');
-const View = require('../Components/View/View');
+import Image from './Image';
+import * as React from 'react';
+import StyleSheet from '../StyleSheet/StyleSheet';
+import flattenStyle from '../StyleSheet/flattenStyle';
+import View from '../Components/View/View';
+import type {ImageBackgroundProps} from './ImageProps';
 
 /**
  * Very simple drop-in replacement for <Image> which supports nesting views.
@@ -39,7 +41,7 @@ const View = require('../Components/View/View');
  * AppRegistry.registerComponent('DisplayAnImageBackground', () => DisplayAnImageBackground);
  * ```
  */
-class ImageBackground extends React.Component<$FlowFixMeProps> {
+class ImageBackground extends React.Component<ImageBackgroundProps> {
   setNativeProps(props: Object) {
     // Work-around flow
     const viewRef = this._viewRef;
@@ -56,7 +58,7 @@ class ImageBackground extends React.Component<$FlowFixMeProps> {
 
   render(): React.Node {
     const {children, style, imageStyle, imageRef, ...props} = this.props;
-
+    const flattenedStyle = flattenStyle(style);
     return (
       <View
         accessibilityIgnoresInvertColors={true}
@@ -74,8 +76,8 @@ class ImageBackground extends React.Component<$FlowFixMeProps> {
               // So, we have to proxy/reapply these styles explicitly for actual <Image> component.
               // This workaround should be removed after implementing proper support of
               // intrinsic content size of the <Image>.
-              width: style?.width,
-              height: style?.height,
+              width: flattenedStyle?.width,
+              height: flattenedStyle?.height,
             },
             imageStyle,
           ]}

package/Libraries/Image/ImageProps.js

@@ -15,6 +15,8 @@ import type {EdgeInsetsProp} from '../StyleSheet/EdgeInsetsPropType';
 import type {ImageSource} from './ImageSource';
 import type {ViewStyleProp, ImageStyleProp} from '../StyleSheet/StyleSheet';
 import type {ViewProps} from '../Components/View/ViewPropTypes';
+import type {Node, Ref} from 'react';
+import typeof Image from './Image';
 
 export type ImageLoadEvent = SyntheticEvent<
   $ReadOnly<{|
@@ -171,3 +173,29 @@ export type ImageProps = {|
   src?: empty,
   children?: empty,
 |};
+
+export type ImageBackgroundProps = $ReadOnly<{|
+  ...ImageProps,
+  children?: Node,
+
+  /**
+   * Style applied to the outer View component
+   *
+   * See https://reactnative.dev/docs/imagebackground#style
+   */
+  style?: ?ViewStyleProp,
+
+  /**
+   * Style applied to the inner Image component
+   *
+   * See https://reactnative.dev/docs/imagebackground#imagestyle
+   */
+  imageStyle?: ?ImageStyleProp,
+
+  /**
+   * Allows to set a reference to the inner Image component
+   *
+   * See https://reactnative.dev/docs/imagebackground#imageref
+   */
+  imageRef?: Ref<Image>,
+|}>;

package/Libraries/LogBox/Data/LogBoxData.js

@@ -100,7 +100,6 @@ export function reportLogBoxError(
 ): void {
   const ExceptionsManager = require('../../Core/ExceptionsManager');
 
-  error.forceRedbox = true;
   error.message = `${LOGBOX_ERROR_MESSAGE}\n\n${error.message}`;
   if (componentStack != null) {
     error.componentStack = componentStack;
@@ -320,40 +319,40 @@ export function checkWarningFilter(format: string): WarningInfo {
   return warningFilter(format);
 }
 
+export function getIgnorePatterns(): $ReadOnlyArray<IgnorePattern> {
+  return Array.from(ignorePatterns);
+}
+
 export function addIgnorePatterns(
   patterns: $ReadOnlyArray<IgnorePattern>,
 ): void {
+  const existingSize = ignorePatterns.size;
   // The same pattern may be added multiple times, but adding a new pattern
   // can be expensive so let's find only the ones that are new.
-  const newPatterns = patterns.filter((pattern: IgnorePattern) => {
+  patterns.forEach((pattern: IgnorePattern) => {
     if (pattern instanceof RegExp) {
-      for (const existingPattern of ignorePatterns.entries()) {
+      for (const existingPattern of ignorePatterns) {
         if (
           existingPattern instanceof RegExp &&
           existingPattern.toString() === pattern.toString()
         ) {
-          return false;
+          return;
         }
       }
-      return true;
+      ignorePatterns.add(pattern);
     }
-    return !ignorePatterns.has(pattern);
+    ignorePatterns.add(pattern);
   });
-
-  if (newPatterns.length === 0) {
+  if (ignorePatterns.size === existingSize) {
     return;
   }
-  for (const pattern of newPatterns) {
-    ignorePatterns.add(pattern);
-
-    // We need to recheck all of the existing logs.
-    // This allows adding an ignore pattern anywhere in the codebase.
-    // Without this, if you ignore a pattern after the a log is created,
-    // then we would keep showing the log.
-    logs = new Set(
-      Array.from(logs).filter(log => !isMessageIgnored(log.message.content)),
-    );
-  }
+  // We need to recheck all of the existing logs.
+  // This allows adding an ignore pattern anywhere in the codebase.
+  // Without this, if you ignore a pattern after the a log is created,
+  // then we would keep showing the log.
+  logs = new Set(
+    Array.from(logs).filter(log => !isMessageIgnored(log.message.content)),
+  );
   handleUpdate();
 }
 

package/Libraries/PermissionsAndroid/NativePermissionsAndroid.js

@@ -44,7 +44,8 @@ export type PermissionType =
   | 'android.permission.WRITE_EXTERNAL_STORAGE'
   | 'android.permission.BLUETOOTH_CONNECT'
   | 'android.permission.BLUETOOTH_SCAN'
-  | 'android.permission.BLUETOOTH_ADVERTISE';
+  | 'android.permission.BLUETOOTH_ADVERTISE'
+  | 'android.permission.ACCESS_MEDIA_LOCATION';
 */
 
 export interface Spec extends TurboModule {

package/Libraries/PermissionsAndroid/PermissionsAndroid.js

@@ -62,6 +62,7 @@ const PERMISSIONS = Object.freeze({
   BLUETOOTH_CONNECT: 'android.permission.BLUETOOTH_CONNECT',
   BLUETOOTH_SCAN: 'android.permission.BLUETOOTH_SCAN',
   BLUETOOTH_ADVERTISE: 'android.permission.BLUETOOTH_ADVERTISE',
+  ACCESS_MEDIA_LOCATION: 'android.permission.ACCESS_MEDIA_LOCATION',
 });
 
 /**
@@ -75,6 +76,7 @@ class PermissionsAndroid {
     ACCESS_BACKGROUND_LOCATION: string,
     ACCESS_COARSE_LOCATION: string,
     ACCESS_FINE_LOCATION: string,
+    ACCESS_MEDIA_LOCATION: string,
     ADD_VOICEMAIL: string,
     BLUETOOTH_ADVERTISE: string,
     BLUETOOTH_CONNECT: string,

package/Libraries/Pressability/Pressability.js

@@ -608,6 +608,19 @@ export default class Pressability {
    * and stores the new state. Validates the transition as well.
    */
   _receiveSignal(signal: TouchSignal, event: PressEvent): void {
+    // Especially on iOS, not all events have timestamps associated.
+    // For telemetry purposes, this doesn't matter too much, as long as *some* do.
+    // Since the native timestamp is integral for logging telemetry, just skip
+    // events if they don't have a timestamp attached.
+    if (event.nativeEvent.timestamp != null) {
+      PressabilityPerformanceEventEmitter.emitEvent(() => {
+        return {
+          signal,
+          nativeTimestamp: event.nativeEvent.timestamp,
+        };
+      });
+    }
+
     const prevState = this._touchState;
     const nextState = Transitions[prevState]?.[signal];
     if (this._responderID == null && signal === 'RESPONDER_RELEASE') {
@@ -623,19 +636,6 @@ export default class Pressability {
         : '<<host component>>',
     );
     if (prevState !== nextState) {
-      // Especially on iOS, not all events have timestamps associated.
-      // For telemetry purposes, this doesn't matter too much, as long as *some* do.
-      // Since the native timestamp is integral for logging telemetry, just skip
-      // events if they don't have a timestamp attached.
-      if (event.nativeEvent.timestamp != null) {
-        PressabilityPerformanceEventEmitter.emitEvent(() => {
-          return {
-            signal,
-            touchDelayMs: Date.now() - event.nativeEvent.timestamp,
-          };
-        });
-      }
-
       this._performTransitionSideEffects(prevState, nextState, signal, event);
       this._touchState = nextState;
     }

package/Libraries/Pressability/Pressability.windows.js

@@ -689,6 +689,19 @@ export default class Pressability {
    * and stores the new state. Validates the transition as well.
    */
   _receiveSignal(signal: TouchSignal, event: PressEvent): void {
+    // Especially on iOS, not all events have timestamps associated.
+    // For telemetry purposes, this doesn't matter too much, as long as *some* do.
+    // Since the native timestamp is integral for logging telemetry, just skip
+    // events if they don't have a timestamp attached.
+    if (event.nativeEvent.timestamp != null) {
+      PressabilityPerformanceEventEmitter.emitEvent(() => {
+        return {
+          signal,
+          nativeTimestamp: event.nativeEvent.timestamp,
+        };
+      });
+    }
+
     const prevState = this._touchState;
     const nextState = Transitions[prevState]?.[signal];
     if (this._responderID == null && signal === 'RESPONDER_RELEASE') {
@@ -704,19 +717,6 @@ export default class Pressability {
         : '<<host component>>',
     );
     if (prevState !== nextState) {
-      // Especially on iOS, not all events have timestamps associated.
-      // For telemetry purposes, this doesn't matter too much, as long as *some* do.
-      // Since the native timestamp is integral for logging telemetry, just skip
-      // events if they don't have a timestamp attached.
-      if (event.nativeEvent.timestamp != null) {
-        PressabilityPerformanceEventEmitter.emitEvent(() => {
-          return {
-            signal,
-            touchDelayMs: Date.now() - event.nativeEvent.timestamp,
-          };
-        });
-      }
-
       this._performTransitionSideEffects(prevState, nextState, signal, event);
       this._touchState = nextState;
     }