react-native-tvos 0.85.3-0 → 0.86.0-0rc2

package/Libraries/StyleSheet/processBackgroundImage.js

@@ -20,6 +20,14 @@ import type {
 
 const processColor = require('./processColor').default;
 
+// Pre-compiled regex patterns for performance - avoids regex compilation on each call
+const NEWLINE_REGEX = /\n/g;
+const GRADIENT_REGEX = /^(linear|radial)-gradient\(((?:\([^)]*\)|[^()])*)\)/;
+const COMMA_SPLIT_REGEX = /,(?![^(]*\))/;
+const WHITESPACE_SPLIT_REGEX = /\s+/;
+const COLOR_STOP_PARTS_REGEX = /\S+\([^)]*\)|\S+/g;
+const WHITESPACE_NORMALIZE_REGEX = /\s+/g;
+
 // Linear Gradient
 const LINEAR_GRADIENT_DIRECTION_REGEX =
   /^to\s+(?:top|bottom|left|right)(?:\s+(?:top|bottom|left|right))?/i;
@@ -81,7 +89,9 @@ export default function processBackgroundImage(
   }
 
   if (typeof backgroundImage === 'string') {
-    result = parseBackgroundImageCSSString(backgroundImage.replace(/\n/g, ' '));
+    result = parseBackgroundImageCSSString(
+      backgroundImage.replace(NEWLINE_REGEX, ' '),
+    );
   } else if (Array.isArray(backgroundImage)) {
     for (const bgImage of backgroundImage) {
       const processedColorStops = processColorStops(bgImage);
@@ -255,9 +265,7 @@ function parseBackgroundImageCSSString(
 
   for (const bgImageString of bgImageStrings) {
     const bgImage = bgImageString.toLowerCase();
-    const gradientRegex = /^(linear|radial)-gradient\(((?:\([^)]*\)|[^()])*)\)/;
-
-    const match = gradientRegex.exec(bgImage);
+    const match = GRADIENT_REGEX.exec(bgImage);
     if (match) {
       const [, type, gradientContent] = match;
       const isRadial = type.toLowerCase() === 'radial';
@@ -281,7 +289,7 @@ function parseRadialGradientCSSString(
   let position: RadialGradientPosition = {...DEFAULT_RADIAL_POSITION};
 
   // split the content by commas, but not if inside parentheses (for color values)
-  const parts = gradientContent.split(/,(?![^(]*\))/);
+  const parts = gradientContent.split(COMMA_SPLIT_REGEX);
   // first part may contain shape, size, and position
   // [ <radial-shape> || <radial-size> ]? [ at <position> ]?
   const firstPartStr = parts[0].trim();
@@ -289,7 +297,7 @@ function parseRadialGradientCSSString(
   let hasShapeSizeOrPositionString = false;
   let hasExplicitSingleSize = false;
   let hasExplicitShape = false;
-  const firstPartTokens = firstPartStr.split(/\s+/);
+  const firstPartTokens = firstPartStr.split(WHITESPACE_SPLIT_REGEX);
 
   // firstPartTokens is the shape, size, and position
   while (firstPartTokens.length > 0) {
@@ -626,13 +634,13 @@ function parseColorStopsCSSString(parts: Array<string>): Array<{
     position: ColorStopPosition,
   }> = [];
   // split by comma, but not if it's inside a parentheses. e.g. red, rgba(0, 0, 0, 0.5), green => ["red", "rgba(0, 0, 0, 0.5)", "green"]
-  const stops = colorStopsString.split(/,(?![^(]*\))/);
+  const stops = colorStopsString.split(COMMA_SPLIT_REGEX);
   let prevStop = null;
   for (let i = 0; i < stops.length; i++) {
     const stop = stops[i];
     const trimmedStop = stop.trim().toLowerCase();
     // Match function like pattern or single words
-    const colorStopParts = trimmedStop.match(/\S+\([^)]*\)|\S+/g);
+    const colorStopParts = trimmedStop.match(COLOR_STOP_PARTS_REGEX);
     if (colorStopParts == null) {
       // If a color stop is invalid, return null and do not apply any gradient. Same as web.
       return null;
@@ -726,7 +734,9 @@ function getDirectionForKeyword(direction?: string): ?LinearGradientDirection {
     return null;
   }
   // Remove extra whitespace
-  const normalized = direction.replace(/\s+/g, ' ').toLowerCase();
+  const normalized = direction
+    .replace(WHITESPACE_NORMALIZE_REGEX, ' ')
+    .toLowerCase();
 
   switch (normalized) {
     case 'to top':

package/Libraries/StyleSheet/processBackgroundSize.js

@@ -57,19 +57,14 @@ function parseBackgroundSizeCSSString(
         return [];
       }
     } else if (parts.length === 1) {
-      const part = parts[0].toLowerCase();
-      if (part === 'cover' || part === 'contain') {
-        result.push(part);
+      const x = getValidLengthPercentageSizeOrNull(parts[0].toLowerCase());
+      if (x != null) {
+        result.push({
+          x,
+          y: 'auto',
+        });
       } else {
-        const x = getValidLengthPercentageSizeOrNull(parts[0].toLowerCase());
-        if (x != null) {
-          result.push({
-            x,
-            y: 'auto',
-          });
-        } else {
-          return [];
-        }
+        return [];
       }
     }
   }

package/Libraries/StyleSheet/processBoxShadow.js

@@ -11,10 +11,8 @@
 import type {ProcessedColorValue} from './processColor';
 import type {BoxShadowValue} from './StyleSheetTypes';
 
-import {enableOptimizedBoxShadowParsing} from '../../src/private/featureflags/ReactNativeFeatureFlags';
 import processColor from './processColor';
 
-// Pre-compiled regex patterns for performance - avoids regex compilation on each call
 const COMMA_SPLIT_REGEX = /,(?![^()]*\))/;
 const WHITESPACE_SPLIT_REGEX = /\s+(?![^(]*\))/;
 const LENGTH_PARSE_REGEX = /^([+-]?\d*\.?\d+)(px)?$/;
@@ -39,12 +37,7 @@ export default function processBoxShadow(
 
   const boxShadowList =
     typeof rawBoxShadows === 'string'
-      ? parseBoxShadowString(
-          rawBoxShadows.replace(
-            enableOptimizedBoxShadowParsing() ? NEWLINE_REGEX : /\n/g,
-            ' ',
-          ),
-        )
+      ? parseBoxShadowString(rawBoxShadows.replace(NEWLINE_REGEX, ' '))
       : rawBoxShadows;
 
   for (const rawBoxShadow of boxShadowList) {
@@ -121,9 +114,7 @@ function parseBoxShadowString(rawBoxShadows: string): Array<BoxShadowValue> {
   let result: Array<BoxShadowValue> = [];
 
   for (const rawBoxShadow of rawBoxShadows
-    .split(
-      enableOptimizedBoxShadowParsing() ? COMMA_SPLIT_REGEX : /,(?![^()]*\))/,
-    ) // split by comma that is not in parenthesis
+    .split(COMMA_SPLIT_REGEX)
     .map(bS => bS.trim())
     .filter(bS => bS !== '')) {
     const boxShadow: BoxShadowValue = {
@@ -137,11 +128,7 @@ function parseBoxShadowString(rawBoxShadows: string): Array<BoxShadowValue> {
     let lengthCount = 0;
 
     // split rawBoxShadow string by all whitespaces that are not in parenthesis
-    const args = rawBoxShadow.split(
-      enableOptimizedBoxShadowParsing()
-        ? WHITESPACE_SPLIT_REGEX
-        : /\s+(?![^(]*\))/,
-    );
+    const args = rawBoxShadow.split(WHITESPACE_SPLIT_REGEX);
     for (const arg of args) {
       const processedColor = processColor(arg);
       if (processedColor != null) {
@@ -210,43 +197,18 @@ function parseBoxShadowString(rawBoxShadows: string): Array<BoxShadowValue> {
 }
 
 function parseLength(length: string): ?number {
-  if (enableOptimizedBoxShadowParsing()) {
-    // Use pre-compiled regex for performance
-    const match = LENGTH_PARSE_REGEX.exec(length);
+  const match = LENGTH_PARSE_REGEX.exec(length);
 
-    if (!match) {
-      return null;
-    }
-
-    const value = parseFloat(match[1]);
-    if (Number.isNaN(value)) {
-      return null;
-    }
-
-    // match[2] is 'px' or undefined
-    // If no unit and value is not 0, return null
-    if (match[2] == null && value !== 0) {
-      return null;
-    }
-
-    return value;
-  }
-
-  // matches on args with units like "1.5 5% -80deg"
-  const argsWithUnitsRegex = /([+-]?\d*(\.\d+)?)([\w\W]+)?/g;
-  const match = argsWithUnitsRegex.exec(length);
-
-  if (!match || Number.isNaN(match[1])) {
+  if (!match) {
     return null;
   }
 
-  if (match[3] != null && match[3] !== 'px') {
-    return null;
-  }
+  const value = parseFloat(match[1]);
 
-  if (match[3] == null && match[1] !== '0') {
+  // If no unit (px) and value is not 0, reject it
+  if (match[2] == null && value !== 0) {
     return null;
   }
 
-  return Number(match[1]);
+  return value;
 }

package/Libraries/StyleSheet/processFilter.js

@@ -15,6 +15,14 @@ import type {DropShadowValue, FilterFunction} from './StyleSheetTypes';
 
 import processColor from './processColor';
 
+// Pre-compiled regex patterns for performance - avoids regex compilation on each call
+const NEWLINE_REGEX = /\n/g;
+const FILTER_FUNCTION_REGEX =
+  /([\w-]+)\(([^()]*|\([^()]*\)|[^()]*\([^()]*\)[^()]*)\)/g;
+const ARGS_WITH_UNITS_REGEX = /([+-]?\d*(\.\d+)?)([a-zA-Z%]+)?/g;
+const WHITESPACE_SPLIT_REGEX = /\s+(?![^(]*\))/;
+const LENGTH_PARSE_REGEX = /([+-]?\d*(\.\d+)?)([\w\W]+)?/g;
+
 type ParsedFilter =
   | {brightness: number}
   | {blur: number}
@@ -43,13 +51,13 @@ export default function processFilter(
   }
 
   if (typeof filter === 'string') {
-    filter = filter.replace(/\n/g, ' ');
+    filter = filter.replace(NEWLINE_REGEX, ' ');
 
     // matches on functions with args and nested functions like "drop-shadow(10 10 10 rgba(0, 0, 0, 1))"
-    const regex = /([\w-]+)\(([^()]*|\([^()]*\)|[^()]*\([^()]*\)[^()]*)\)/g;
+    FILTER_FUNCTION_REGEX.lastIndex = 0;
     let matches;
 
-    while ((matches = regex.exec(filter))) {
+    while ((matches = FILTER_FUNCTION_REGEX.exec(filter))) {
       let filterName = matches[1].toLowerCase();
       if (filterName === 'drop-shadow') {
         const dropShadow = parseDropShadow(matches[2]);
@@ -120,8 +128,8 @@ function _getFilterAmount(filterName: string, filterArgs: unknown): ?number {
   let unit: string;
   if (typeof filterArgs === 'string') {
     // matches on args with units like "1.5 5% -80deg"
-    const argsWithUnitsRegex = new RegExp(/([+-]?\d*(\.\d+)?)([a-zA-Z%]+)?/g);
-    const match = argsWithUnitsRegex.exec(filterArgs);
+    ARGS_WITH_UNITS_REGEX.lastIndex = 0;
+    const match = ARGS_WITH_UNITS_REGEX.exec(filterArgs);
 
     if (!match || isNaN(Number(match[1]))) {
       return undefined;
@@ -258,7 +266,7 @@ function parseDropShadowString(rawDropShadow: string): ?DropShadowValue {
   let keywordDetectedAfterLength = false;
 
   // split args by all whitespaces that are not in parenthesis
-  for (const arg of rawDropShadow.split(/\s+(?![^(]*\))/)) {
+  for (const arg of rawDropShadow.split(WHITESPACE_SPLIT_REGEX)) {
     const processedColor = processColor(arg);
     if (processedColor != null) {
       if (dropShadow.color != null) {
@@ -305,8 +313,8 @@ function parseDropShadowString(rawDropShadow: string): ?DropShadowValue {
 
 function parseLength(length: string): ?number {
   // matches on args with units like "1.5 5% -80deg"
-  const argsWithUnitsRegex = /([+-]?\d*(\.\d+)?)([\w\W]+)?/g;
-  const match = argsWithUnitsRegex.exec(length);
+  LENGTH_PARSE_REGEX.lastIndex = 0;
+  const match = LENGTH_PARSE_REGEX.exec(length);
 
   if (!match || Number.isNaN(match[1])) {
     return null;

package/Libraries/StyleSheet/processTransformOrigin.js

@@ -10,6 +10,9 @@
 
 import invariant from 'invariant';
 
+// Pre-compiled regex pattern for performance - avoids regex compilation on each call
+const TRANSFORM_ORIGIN_REGEX = /(top|bottom|left|right|center|\d+(?:%|px)|0)/gi;
+
 const INDEX_X = 0;
 const INDEX_Y = 1;
 const INDEX_Z = 2;
@@ -20,12 +23,14 @@ export default function processTransformOrigin(
 ): Array<string | number> {
   if (typeof transformOrigin === 'string') {
     const transformOriginString = transformOrigin;
-    const regex = /(top|bottom|left|right|center|\d+(?:%|px)|0)/gi;
+    TRANSFORM_ORIGIN_REGEX.lastIndex = 0;
     const transformOriginArray: Array<string | number> = ['50%', '50%', 0];
 
     let index = INDEX_X;
     let matches;
-    outer: while ((matches = regex.exec(transformOriginString))) {
+    outer: while (
+      (matches = TRANSFORM_ORIGIN_REGEX.exec(transformOriginString))
+    ) {
       let nextIndex = index + 1;
 
       const value = matches[0];
@@ -53,7 +58,9 @@ export default function processTransformOrigin(
 
           // Handle [[ center | left | right ] && [ center | top | bottom ]] <length>?
           if (index === INDEX_X) {
-            const horizontal = regex.exec(transformOriginString);
+            const horizontal = TRANSFORM_ORIGIN_REGEX.exec(
+              transformOriginString,
+            );
             if (horizontal == null) {
               break outer;
             }

package/Libraries/Text/Text.js

@@ -190,20 +190,20 @@ const TextImpl: component(
   if (processedStyle != null) {
     let overrides: ?{...TextStyleInternal} = null;
     if (typeof processedStyle.fontWeight === 'number') {
-      overrides = overrides || ({}: {...TextStyleInternal});
+      overrides = overrides || ({} as {...TextStyleInternal});
       overrides.fontWeight =
         // $FlowFixMe[incompatible-type]
-        (String(processedStyle.fontWeight): TextStyleInternal['fontWeight']);
+        String(processedStyle.fontWeight) as TextStyleInternal['fontWeight'];
     }
 
     if (processedStyle.userSelect != null) {
       _selectable = userSelectToSelectableMap[processedStyle.userSelect];
-      overrides = overrides || ({}: {...TextStyleInternal});
+      overrides = overrides || ({} as {...TextStyleInternal});
       overrides.userSelect = undefined;
     }
 
     if (processedStyle.verticalAlign != null) {
-      overrides = overrides || ({}: {...TextStyleInternal});
+      overrides = overrides || ({} as {...TextStyleInternal});
       overrides.textAlignVertical =
         verticalAlignToTextAlignVerticalMap[processedStyle.verticalAlign];
       overrides.verticalAlign = undefined;

package/Libraries/Text/TextInput/RCTBackedTextInputDelegateAdapter.mm

@@ -96,6 +96,15 @@ static void *TextFieldSelectionObservingContext = &TextFieldSelectionObservingCo
     return YES;
   }
 
+  // Clamp the range to the current text length to avoid NSRangeException.
+  NSUInteger textLength = _backedTextInputView.attributedText.length;
+  if (range.location > textLength) {
+    return NO;
+  }
+  if (range.location + range.length > textLength) {
+    range = NSMakeRange(range.location, textLength - range.location);
+  }
+
   NSMutableAttributedString *attributedString = [_backedTextInputView.attributedText mutableCopy];
   [attributedString replaceCharactersInRange:range withString:newText];
   [_backedTextInputView setAttributedText:[attributedString copy]];
@@ -292,8 +301,13 @@ static void *TextFieldSelectionObservingContext = &TextFieldSelectionObservingCo
     return NO;
   }
 
-  if (range.location + range.length > _backedTextInputView.text.length) {
-    range = NSMakeRange(range.location, _backedTextInputView.text.length - range.location);
+  // Clamp the range to the current text length to avoid NSRangeException.
+  NSUInteger textLength = _backedTextInputView.attributedText.length;
+  if (range.location > textLength) {
+    return NO;
+  }
+  if (range.location + range.length > textLength) {
+    range = NSMakeRange(range.location, textLength - range.location);
   } else if ([newText isEqualToString:text]) {
     _textDidChangeIsComing = YES;
     return YES;

package/Libraries/Text/TextNativeComponent.js

@@ -77,16 +77,16 @@ const virtualTextViewConfig = {
 // Additional note: Our long term plan is to reduce the overhead of the <Text>
 // and <View> wrappers so that we no longer have any reason to export these APIs.
 export const NativeText: HostComponent<NativeTextProps> =
-  (createReactNativeComponentClass('RCTText', () =>
+  createReactNativeComponentClass('RCTText', () =>
     createViewConfig(textViewConfig),
-  ): any);
+  ) as any;
 
 export const NativeVirtualText: HostComponent<NativeTextProps> =
   !global.RN$Bridgeless && !UIManager.hasViewManagerConfig('RCTVirtualText')
     ? NativeText
     : (createReactNativeComponentClass('RCTVirtualText', () =>
         createViewConfig(virtualTextViewConfig),
-      ): any);
+      ) as any);
 
 export const NativeSelectableText: HostComponent<NativeTextProps> =
   enablePreparedTextLayout()
@@ -95,5 +95,5 @@ export const NativeSelectableText: HostComponent<NativeTextProps> =
           ...textViewConfig,
           uiViewClassName: 'RCTSelectableText',
         }),
-      ): any)
+      ) as any)
     : NativeText;

package/Libraries/TurboModule/RCTExport.js

@@ -29,7 +29,7 @@
  */
 
 // eslint-disable-next-line no-unused-vars
-export interface DEPRECATED_RCTExport<T: void = void> {
+export interface DEPRECATED_RCTExport<T extends void = void> {
   +getConstants?: () => {...};
 }
 

package/Libraries/TurboModule/TurboModuleRegistry.js

@@ -16,7 +16,7 @@ const NativeModules = require('../BatchedBridge/NativeModules').default;
 
 const turboModuleProxy = global.__turboModuleProxy;
 
-function requireModule<T: TurboModule>(name: string): ?T {
+function requireModule<T extends TurboModule>(name: string): ?T {
   if (turboModuleProxy != null) {
     const module: ?T = turboModuleProxy(name);
     if (module != null) {
@@ -32,11 +32,11 @@ function requireModule<T: TurboModule>(name: string): ?T {
   return null;
 }
 
-export function get<T: TurboModule>(name: string): ?T {
+export function get<T extends TurboModule>(name: string): ?T {
   return requireModule<T>(name);
 }
 
-export function getEnforcing<T: TurboModule>(name: string): T {
+export function getEnforcing<T extends TurboModule>(name: string): T {
   const module = requireModule<T>(name);
   invariant(
     module != null,

package/Libraries/Types/CodegenTypes.js

@@ -18,11 +18,11 @@ import type {NativeSyntheticEvent} from './CoreEventTypes';
 
 export type BubblingEventHandler<
   T,
-  PaperName: string | empty = empty, // eslint-disable-line no-unused-vars
+  PaperName extends string | empty = empty, // eslint-disable-line no-unused-vars
 > = (event: NativeSyntheticEvent<T>) => void | Promise<void>;
 export type DirectEventHandler<
   T,
-  PaperName: string | empty = empty, // eslint-disable-line no-unused-vars
+  PaperName extends string | empty = empty, // eslint-disable-line no-unused-vars
 > = (event: NativeSyntheticEvent<T>) => void | Promise<void>;
 
 // Prop types
@@ -40,8 +40,11 @@ type DefaultTypes = number | boolean | string | ReadonlyArray<string>;
 // TODO: (rickhanlonii) T44881457 If a default is provided, it should always be optional
 //  but that is currently not supported in the codegen since we require a default
 //
-// eslint-disable-next-line no-unused-vars
-export type WithDefault<Type: DefaultTypes, Value: ?Type | string> = ?Type;
+export type WithDefault<
+  Type extends DefaultTypes,
+  // eslint-disable-next-line no-unused-vars
+  Value extends ?Type | string,
+> = ?Type;
 
 export type EventEmitter<T> = (
   handler: (T) => void | Promise<void>,

package/Libraries/Types/ReactDevToolsTypes.js

@@ -34,7 +34,7 @@ export type ReactDevToolsAgentEvents = {
 export type ReactDevToolsAgent = {
   selectNode(node: unknown): void,
   stopInspectingNative(value: boolean): void,
-  addListener<Event: keyof ReactDevToolsAgentEvents>(
+  addListener<Event extends keyof ReactDevToolsAgentEvents>(
     event: Event,
     listener: (...ReactDevToolsAgentEvents[Event]) => void,
   ): void,

package/Libraries/Utilities/BackHandler.android.js

@@ -9,18 +9,26 @@
  */
 
 import NativeDeviceEventManager from '../../Libraries/NativeModules/specs/NativeDeviceEventManager';
+import {setEventInitTimeStamp} from '../../src/private/webapis/dom/events/internals/EventInternals';
 import RCTDeviceEventEmitter from '../EventEmitter/RCTDeviceEventEmitter';
+import {HardwareBackPressEvent} from './HardwareBackPressEvent';
 
 const DEVICE_BACK_EVENT = 'hardwareBackPress';
 
 type BackPressEventName = 'backPress' | 'hardwareBackPress';
-type BackPressHandler = () => ?boolean;
+type BackPressHandler = (event: HardwareBackPressEvent) => ?boolean;
 
 const _backPressSubscriptions: Array<BackPressHandler> = [];
 
-RCTDeviceEventEmitter.addListener(DEVICE_BACK_EVENT, function () {
+RCTDeviceEventEmitter.addListener(DEVICE_BACK_EVENT, function (nativeEvent) {
+  const options = {};
+  const nativeTimestamp = nativeEvent?.timeStamp;
+  if (nativeTimestamp != null) {
+    setEventInitTimeStamp(options, nativeTimestamp);
+  }
+  const event = new HardwareBackPressEvent(options);
   for (let i = _backPressSubscriptions.length - 1; i >= 0; i--) {
-    if (_backPressSubscriptions[i]?.()) {
+    if (_backPressSubscriptions[i]?.(event)) {
       return;
     }
   }

package/Libraries/Utilities/BackHandler.d.ts

@@ -11,6 +11,16 @@ import {NativeEventSubscription} from '../EventEmitter/RCTNativeAppEventEmitter'
 
 export type BackPressEventName = 'hardwareBackPress';
 
+/**
+ * Event dispatched when the hardware back button is pressed.
+ * The `timeStamp` property reflects the native timestamp captured
+ * when the back press was emitted.
+ */
+export interface HardwareBackPressEvent {
+  readonly type: string;
+  readonly timeStamp: number;
+}
+
 /**
  * Detect hardware back button presses, and programmatically invoke the
  * default back button functionality to exit the app if there are no
@@ -26,7 +36,7 @@ export interface BackHandlerStatic {
   exitApp(): void;
   addEventListener(
     eventName: BackPressEventName,
-    handler: () => boolean | null | undefined,
+    handler: (event: HardwareBackPressEvent) => boolean | null | undefined,
   ): NativeEventSubscription;
 }
 

package/Libraries/Utilities/BackHandler.ios.js

@@ -11,11 +11,13 @@
 // On Apple TV, this implements back navigation using the TV remote's menu button.
 // On iOS, this just implements a stub.
 
+import type {HardwareBackPressEvent} from './HardwareBackPressEvent';
+
 const TVEventHandler = require('../Components/TV/TVEventHandler').default;
 const Platform = require('./Platform').default;
 
 type BackPressEventName = 'backPress' | 'hardwareBackPress';
-type BackPressHandler = () => ?boolean;
+type BackPressHandler = (event: HardwareBackPressEvent) => ?boolean;
 
 function emptyFunction(): void {}
 

package/Libraries/Utilities/BackHandler.js.flow

@@ -12,11 +12,16 @@
 
 export type BackPressEventName = 'backPress' | 'hardwareBackPress';
 
+export interface HardwareBackPressEvent {
+  +type: string;
+  +timeStamp: number;
+}
+
 type TBackHandler = {
   exitApp(): void,
   addEventListener(
     eventName: BackPressEventName,
-    handler: () => ?boolean,
+    handler: (event: HardwareBackPressEvent) => ?boolean,
   ): {remove: () => void, ...},
 };
 

package/Libraries/Utilities/HardwareBackPressEvent.js

@@ -0,0 +1,22 @@
+/**
+ * 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 type {EventInit} from '../../src/private/webapis/dom/events/Event';
+
+import Event from '../../src/private/webapis/dom/events/Event';
+
+/**
+ * Event dispatched when the hardware back button is pressed on Android.
+ */
+export class HardwareBackPressEvent extends Event {
+  constructor(options?: ?EventInit) {
+    super('hardwareBackPress', options);
+  }
+}

package/Libraries/Utilities/ReactNativeTestTools.js

@@ -106,14 +106,14 @@ function maximumDepthError(
 }
 
 function expectNoConsoleWarn() {
-  (jest: $FlowFixMe).spyOn(console, 'warn').mockImplementation((...args) => {
+  (jest as $FlowFixMe).spyOn(console, 'warn').mockImplementation((...args) => {
     expect(args).toBeFalsy();
   });
 }
 
 function expectNoConsoleError() {
   let hasNotFailed = true;
-  (jest: $FlowFixMe).spyOn(console, 'error').mockImplementation((...args) => {
+  (jest as $FlowFixMe).spyOn(console, 'error').mockImplementation((...args) => {
     if (hasNotFailed) {
       hasNotFailed = false; // set false to prevent infinite recursion
       expect(args).toBeFalsy();
@@ -172,7 +172,7 @@ function renderWithStrictMode(element: React.Node): ReactTestRendererType {
   const WorkAroundBugWithStrictModeInTestRenderer = (prps: {
     children: React.Node,
   }) => prps.children;
-  const StrictMode = (React: $FlowFixMe).StrictMode;
+  const StrictMode = (React as $FlowFixMe).StrictMode;
   return ReactTestRenderer.create(
     <WorkAroundBugWithStrictModeInTestRenderer>
       <StrictMode>{element}</StrictMode>
@@ -217,7 +217,7 @@ function scrollToBottom(instance: ReactTestInstance) {
 // To make error messages a little bit better, we attach a custom toString
 // implementation to a predicate
 function withMessage(fn: Predicate, message: string): Predicate {
-  (fn: any).toString = () => message;
+  (fn as any).toString = () => message;
   return fn;
 }
 

package/Libraries/Utilities/binaryToBase64.js

@@ -24,7 +24,7 @@ function binaryToBase64(data: ArrayBuffer | $ArrayBufferView): string {
     throw new Error('data must be ArrayBuffer or typed array');
   }
   // Already checked that `data` is `DataView` in `ArrayBuffer.isView(data)`
-  const {buffer, byteOffset, byteLength}: DataView = (data: $FlowFixMe);
+  const {buffer, byteOffset, byteLength}: DataView = data as $FlowFixMe;
   return base64.fromByteArray(new Uint8Array(buffer, byteOffset, byteLength));
 }
 

package/Libraries/Utilities/codegenNativeCommands.js

@@ -14,7 +14,7 @@ type NativeCommandsOptions<T = string> = Readonly<{
   supportedCommands: ReadonlyArray<T>,
 }>;
 
-function codegenNativeCommands<T: interface {}>(
+function codegenNativeCommands<T extends interface {}>(
   options: NativeCommandsOptions<keyof T>,
 ): T {
   const commandObj: {[keyof T]: (...ReadonlyArray<unknown>) => void} = {};
@@ -27,7 +27,7 @@ function codegenNativeCommands<T: interface {}>(
     };
   });
 
-  return ((commandObj: any): T);
+  return commandObj as any as T;
 }
 
 export default codegenNativeCommands;