react-native-tvos 0.87.1-0 → 0.88.0-0

package/Libraries/Components/TextInput/TextInput.js

@@ -9,7 +9,7 @@
  */
 
 import type {HostInstance} from '../../../src/private/types/HostInstance';
-import type {____TextStyle_Internal as TextStyleInternal} from '../../StyleSheet/StyleSheetTypes';
+import type {TextStyle} from '../../StyleSheet/StyleSheetTypes';
 import type {
   BlurEvent,
   FocusEvent,
@@ -303,11 +303,11 @@ function InternalTextInput(props: TextInputProps): React.Node {
       TextInputState.registerInput(inputRefValue);
 
       return () => {
-        TextInputState.unregisterInput(inputRefValue);
-
         if (TextInputState.currentlyFocusedInput() === inputRefValue) {
           nullthrows(inputRefValue).blur();
         }
+
+        TextInputState.unregisterInput(inputRefValue);
       };
     }
   }, []);
@@ -544,16 +544,16 @@ function InternalTextInput(props: TextInputProps): React.Node {
   let _style = props.style;
   const flattenedStyle = flattenStyle<TextStyleProp>(props.style);
   if (flattenedStyle != null) {
-    let overrides: ?{...TextStyleInternal} = null;
+    let overrides: ?{...TextStyle} = null;
     if (typeof flattenedStyle?.fontWeight === 'number') {
-      overrides = overrides || ({} as {...TextStyleInternal});
+      overrides = overrides || ({} as {...TextStyle});
       overrides.fontWeight =
         // $FlowFixMe[incompatible-type]
-        flattenedStyle.fontWeight.toString() as TextStyleInternal['fontWeight'];
+        flattenedStyle.fontWeight.toString() as TextStyle['fontWeight'];
     }
 
     if (flattenedStyle.verticalAlign != null) {
-      overrides = overrides || ({} as {...TextStyleInternal});
+      overrides = overrides || ({} as {...TextStyle});
       overrides.textAlignVertical =
         verticalAlignToTextAlignVerticalMap[flattenedStyle.verticalAlign];
       overrides.verticalAlign = undefined;
@@ -649,53 +649,54 @@ function InternalTextInput(props: TextInputProps): React.Node {
           ? selectionColor
           : selectionHandleColor,
     };
-    textInput = (
-      /* $FlowFixMe[prop-missing] the types for AndroidTextInput don't match up
-       * exactly with the props for TextInput. This will need to get fixed */
-      /* $FlowFixMe[incompatible-type] the types for AndroidTextInput don't
-       * match up exactly with the props for TextInput. This will need to get
-       * fixed */
-      /* $FlowFixMe[incompatible-type-arg] the types for AndroidTextInput don't
-       * match up exactly with the props for TextInput. This will need to get
-       * fixed */
-      <AndroidTextInput
-        // Figure out imperative + forward refs.
-        ref={ref as $FlowFixMe}
-        {...otherProps}
-        {...colorProps}
-        {...eventHandlers}
-        accessibilityLabel={_accessibilityLabel}
-        accessibilityLabelledBy={_accessibilityLabelledBy}
-        accessibilityState={_accessibilityState}
-        accessible={accessible}
-        acceptDragAndDropTypes={props.experimental_acceptDragAndDropTypes}
-        autoCapitalize={autoCapitalize}
-        submitBehavior={submitBehavior}
-        caretHidden={caretHidden}
-        children={children}
-        disableFullscreenUI={props.disableFullscreenUI}
-        focusable={tabIndex !== undefined ? !tabIndex : focusable}
-        importantForAccessibility={_importantForAccessibility}
-        mostRecentEventCount={mostRecentEventCount}
-        nativeID={id ?? props.nativeID}
-        numberOfLines={props.rows ?? props.numberOfLines}
-        onBlur={_onBlur}
-        onChange={_onChange}
-        onFocus={_onFocus}
-        /* $FlowFixMe[prop-missing] the types for AndroidTextInput don't match
-         * up exactly with the props for TextInput. This will need to get fixed
-         */
-        /* $FlowFixMe[incompatible-type] the types for AndroidTextInput
-         * don't match up exactly with the props for TextInput. This will need
-         * to get fixed */
-        onScroll={_onScroll}
-        onSelectionChange={_onSelectionChange}
-        placeholder={placeholder}
-        style={_style}
-        text={text}
-        textBreakStrategy={props.textBreakStrategy}
-      />
-    );
+    textInput =
+      (
+        /* $FlowFixMe[prop-missing] the types for AndroidTextInput don't match up
+         * exactly with the props for TextInput. This will need to get fixed */
+        /* $FlowFixMe[incompatible-type] the types for AndroidTextInput don't
+         * match up exactly with the props for TextInput. This will need to get
+         * fixed */
+        /* $FlowFixMe[incompatible-type-arg] the types for AndroidTextInput don't
+         * match up exactly with the props for TextInput. This will need to get
+         * fixed */
+        <AndroidTextInput
+          // Figure out imperative + forward refs.
+          ref={ref as $FlowFixMe}
+          {...otherProps}
+          {...colorProps}
+          {...eventHandlers}
+          accessibilityLabel={_accessibilityLabel}
+          accessibilityLabelledBy={_accessibilityLabelledBy}
+          accessibilityState={_accessibilityState}
+          accessible={accessible}
+          acceptDragAndDropTypes={props.experimental_acceptDragAndDropTypes}
+          autoCapitalize={autoCapitalize}
+          submitBehavior={submitBehavior}
+          caretHidden={caretHidden}
+          children={children}
+          disableFullscreenUI={props.disableFullscreenUI}
+          focusable={tabIndex !== undefined ? !tabIndex : focusable}
+          importantForAccessibility={_importantForAccessibility}
+          mostRecentEventCount={mostRecentEventCount}
+          nativeID={id ?? props.nativeID}
+          numberOfLines={props.rows ?? props.numberOfLines}
+          onBlur={_onBlur}
+          onChange={_onChange}
+          onFocus={_onFocus}
+          /* $FlowFixMe[prop-missing] the types for AndroidTextInput don't match
+           * up exactly with the props for TextInput. This will need to get fixed
+           */
+          /* $FlowFixMe[incompatible-type] the types for AndroidTextInput
+           * don't match up exactly with the props for TextInput. This will need
+           * to get fixed */
+          onScroll={_onScroll}
+          onSelectionChange={_onSelectionChange}
+          placeholder={placeholder}
+          style={_style}
+          text={text}
+          textBreakStrategy={props.textBreakStrategy}
+        />
+      );
   }
   return <TextAncestorContext value={true}>{textInput}</TextAncestorContext>;
 }

package/Libraries/Components/Touchable/Touchable.js

@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  */
 
@@ -314,7 +314,7 @@ const TouchableMixinImpl = {
    */
   /* $FlowFixMe[missing-this-annot] The 'this' type annotation(s) required by
    * Flow's LTI update could not be added via codemod */
-  touchableHandleResponderTerminationRequest: function (): any {
+  touchableHandleResponderTerminationRequest: function (): boolean {
     return !this.props.rejectResponderTermination;
   },
 
@@ -323,7 +323,7 @@ const TouchableMixinImpl = {
    */
   /* $FlowFixMe[missing-this-annot] The 'this' type annotation(s) required by
    * Flow's LTI update could not be added via codemod */
-  touchableHandleStartShouldSetResponder: function (): any {
+  touchableHandleStartShouldSetResponder: function (): boolean {
     return !this.props.disabled;
   },
 
@@ -677,7 +677,7 @@ const TouchableMixinImpl = {
           curState +
           '` for Touchable responder `' +
           typeof this.state.touchable.responderID ===
-        'number'
+          'number'
           ? this.state.touchable.responderID
           : 'host component' + '`',
       );
@@ -690,7 +690,7 @@ const TouchableMixinImpl = {
           signal +
           '` for responder `' +
           typeof this.state.touchable.responderID ===
-        'number'
+          'number'
           ? this.state.touchable.responderID
           : '<<host component>>' + '`',
       );

package/Libraries/Components/Touchable/TouchableNativeFeedback.js

@@ -41,8 +41,7 @@ export type TouchableNativeFeedbackProps = Readonly<{
     | Readonly<{
         type: 'ThemeAttrAndroid',
         attribute:
-          | 'selectableItemBackground'
-          | 'selectableItemBackgroundBorderless',
+          'selectableItemBackground' | 'selectableItemBackgroundBorderless',
         rippleRadius: ?number,
       }>
     | Readonly<{

package/Libraries/Components/Touchable/TouchableWithoutFeedback.js

@@ -39,95 +39,93 @@ export type TouchableWithoutFeedbackPropsAndroid = {
   touchSoundDisabled?: ?boolean,
 };
 
+type TouchableWithoutFeedbackPropsCore = {
+  children?: ?React.Node,
+  /**
+   * Delay in ms, from onPressIn, before onLongPress is called.
+   */
+  delayLongPress?: ?number,
+  /**
+   * Delay in ms, from the start of the touch, before onPressIn is called.
+   */
+  delayPressIn?: ?number,
+  /**
+   * Delay in ms, from the release of the touch, before onPressOut is called.
+   */
+  delayPressOut?: ?number,
+  /**
+   * If true, disable all interactions for this component.
+   */
+  disabled?: ?boolean,
+  /**
+   * Whether this View should be focusable with a non-touch input device,
+   * eg. receive focus with a hardware keyboard / TV remote.
+   */
+  focusable?: ?boolean,
+  /**
+   * This defines how far your touch can start away from the button.
+   * This is added to pressRetentionOffset when moving off of the button.
+   * NOTE The touch area never extends past the parent view bounds and
+   * the Z-index of sibling views always takes precedence if a touch hits
+   * two overlapping views.
+   */
+  hitSlop?: ?EdgeInsetsOrSizeProp,
+  /**
+   * Used to reference react managed views from native code.
+   */
+  id?: string,
+  importantForAccessibility?: ?('auto' | 'yes' | 'no' | 'no-hide-descendants'),
+  nativeID?: ?string,
+  onAccessibilityAction?: ?(event: AccessibilityActionEvent) => unknown,
+  /**
+   * When `accessible` is true (which is the default) this may be called when
+   * the OS-specific concept of "blur" occurs, meaning the element lost focus.
+   * Some platforms may not have the concept of blur.
+   */
+  onBlur?: ?(event: BlurEvent) => unknown,
+  /**
+   * When `accessible` is true (which is the default) this may be called when
+   * the OS-specific concept of "focus" occurs. Some platforms may not have
+   * the concept of focus.
+   */
+  onFocus?: ?(event: FocusEvent) => unknown,
+  /**
+   * Invoked on mount and layout changes with
+   * {nativeEvent: {layout: {x, y, width, height}}}
+   */
+  onLayout?: ?(event: LayoutChangeEvent) => unknown,
+  onLongPress?: ?(event: GestureResponderEvent) => unknown,
+  /**
+   * Called when the touch is released,
+   * but not if cancelled (e.g. by a scroll that steals the responder lock).
+   */
+  onPress?: ?(event: GestureResponderEvent) => unknown,
+  onPressIn?: ?(event: GestureResponderEvent) => unknown,
+  onPressOut?: ?(event: GestureResponderEvent) => unknown,
+  /**
+   * When the scroll view is disabled, this defines how far your
+   * touch may move off of the button, before deactivating the button.
+   * Once deactivated, try moving it back and you'll see that the button
+   * is once again reactivated! Move it back and forth several times
+   * while the scroll view is disabled. Ensure you pass in a constant
+   * to reduce memory allocations.
+   */
+  pressRetentionOffset?: ?EdgeInsetsOrSizeProp,
+  rejectResponderTermination?: ?boolean,
+  /**
+   * Used to locate this view in end-to-end tests.
+   */
+  testID?: ?string,
+  /**
+   * //FIXME: not in doc but available in examples
+   */
+  style?: ?ViewStyleProp,
+};
+
 /** @build-types emit-as-interface Expo compatibility */
 export type TouchableWithoutFeedbackProps = Readonly<
-  {
-    children?: ?React.Node,
-    /**
-     * Delay in ms, from onPressIn, before onLongPress is called.
-     */
-    delayLongPress?: ?number,
-    /**
-     * Delay in ms, from the start of the touch, before onPressIn is called.
-     */
-    delayPressIn?: ?number,
-    /**
-     * Delay in ms, from the release of the touch, before onPressOut is called.
-     */
-    delayPressOut?: ?number,
-    /**
-     * If true, disable all interactions for this component.
-     */
-    disabled?: ?boolean,
-    /**
-     * Whether this View should be focusable with a non-touch input device,
-     * eg. receive focus with a hardware keyboard / TV remote.
-     */
-    focusable?: ?boolean,
-    /**
-     * This defines how far your touch can start away from the button.
-     * This is added to pressRetentionOffset when moving off of the button.
-     * NOTE The touch area never extends past the parent view bounds and
-     * the Z-index of sibling views always takes precedence if a touch hits
-     * two overlapping views.
-     */
-    hitSlop?: ?EdgeInsetsOrSizeProp,
-    /**
-     * Used to reference react managed views from native code.
-     */
-    id?: string,
-    importantForAccessibility?: ?(
-      | 'auto'
-      | 'yes'
-      | 'no'
-      | 'no-hide-descendants'
-    ),
-    nativeID?: ?string,
-    onAccessibilityAction?: ?(event: AccessibilityActionEvent) => unknown,
-    /**
-     * When `accessible` is true (which is the default) this may be called when
-     * the OS-specific concept of "blur" occurs, meaning the element lost focus.
-     * Some platforms may not have the concept of blur.
-     */
-    onBlur?: ?(event: BlurEvent) => unknown,
-    /**
-     * When `accessible` is true (which is the default) this may be called when
-     * the OS-specific concept of "focus" occurs. Some platforms may not have
-     * the concept of focus.
-     */
-    onFocus?: ?(event: FocusEvent) => unknown,
-    /**
-     * Invoked on mount and layout changes with
-     * {nativeEvent: {layout: {x, y, width, height}}}
-     */
-    onLayout?: ?(event: LayoutChangeEvent) => unknown,
-    onLongPress?: ?(event: GestureResponderEvent) => unknown,
-    /**
-     * Called when the touch is released,
-     * but not if cancelled (e.g. by a scroll that steals the responder lock).
-     */
-    onPress?: ?(event: GestureResponderEvent) => unknown,
-    onPressIn?: ?(event: GestureResponderEvent) => unknown,
-    onPressOut?: ?(event: GestureResponderEvent) => unknown,
-    /**
-     * When the scroll view is disabled, this defines how far your
-     * touch may move off of the button, before deactivating the button.
-     * Once deactivated, try moving it back and you'll see that the button
-     * is once again reactivated! Move it back and forth several times
-     * while the scroll view is disabled. Ensure you pass in a constant
-     * to reduce memory allocations.
-     */
-    pressRetentionOffset?: ?EdgeInsetsOrSizeProp,
-    rejectResponderTermination?: ?boolean,
-    /**
-     * Used to locate this view in end-to-end tests.
-     */
-    testID?: ?string,
-    /**
-     * //FIXME: not in doc but available in examples
-     */
-    style?: ?ViewStyleProp,
-  } & TouchableWithoutFeedbackPropsAndroid &
+  TouchableWithoutFeedbackPropsCore &
+    TouchableWithoutFeedbackPropsAndroid &
     TouchableWithoutFeedbackPropsIOS &
     AccessibilityProps,
 >;

package/Libraries/Components/View/ReactNativeStyleAttributes.js

@@ -20,6 +20,7 @@ import processBoxShadow from '../../StyleSheet/processBoxShadow';
 import processColor from '../../StyleSheet/processColor';
 import processFilter from '../../StyleSheet/processFilter';
 import processFontVariant from '../../StyleSheet/processFontVariant';
+import processFontVariationSettings from '../../StyleSheet/processFontVariationSettings';
 import processTransform from '../../StyleSheet/processTransform';
 import processTransformOrigin from '../../StyleSheet/processTransformOrigin';
 import sizesDiffer from '../../Utilities/differ/sizesDiffer';
@@ -71,6 +72,10 @@ export const fontVariantAttribute: AnyAttributeType = nativeCSSParsing
   ? true
   : {process: processFontVariant};
 
+export const fontVariationSettingsAttribute: AnyAttributeType = {
+  process: processFontVariationSettings,
+};
+
 export const aspectRatioAttribute: AnyAttributeType = nativeCSSParsing
   ? true
   : {process: processAspectRatio};
@@ -200,16 +205,22 @@ const ReactNativeStyleAttributes: {[string]: AnyAttributeType, ...} = {
   /**
    * BackgroundSize
    */
+  backgroundSize: backgroundSizeAttribute,
+  /** @deprecated Use `backgroundSize` instead. */
   experimental_backgroundSize: backgroundSizeAttribute,
 
   /**
    * BackgroundPosition
    */
+  backgroundPosition: backgroundPositionAttribute,
+  /** @deprecated Use `backgroundPosition` instead. */
   experimental_backgroundPosition: backgroundPositionAttribute,
 
   /**
    * BackgroundRepeat
    */
+  backgroundRepeat: backgroundRepeatAttribute,
+  /** @deprecated Use `backgroundRepeat` instead. */
   experimental_backgroundRepeat: backgroundRepeatAttribute,
 
   /**
@@ -258,6 +269,7 @@ const ReactNativeStyleAttributes: {[string]: AnyAttributeType, ...} = {
   fontSize: true,
   fontStyle: true,
   fontVariant: fontVariantAttribute,
+  fontVariationSettings: fontVariationSettingsAttribute,
   fontWeight: true,
   includeFontPadding: true,
   letterSpacing: true,

package/Libraries/Components/View/ViewAccessibility.js

@@ -349,9 +349,7 @@ export type AccessibilityPropsIOS = Readonly<{
   accessibilityRespondsToUserInteraction?: ?boolean,
 }>;
 
-export type AccessibilityProps = Readonly<{
-  ...AccessibilityPropsAndroid,
-  ...AccessibilityPropsIOS,
+type AccessibilityPropsCore = Readonly<{
   /**
    * When `true`, indicates that the view is an accessibility element.
    * By default, all the touchable elements are accessible.
@@ -433,3 +431,10 @@ export type AccessibilityProps = Readonly<{
    */
   'aria-hidden'?: ?boolean,
 }>;
+
+/** @build-types emit-as-interface react-native-web compatibility */
+export type AccessibilityProps = Readonly<{
+  ...AccessibilityPropsAndroid,
+  ...AccessibilityPropsIOS,
+  ...AccessibilityPropsCore,
+}>;

package/Libraries/Core/ReactNativeVersion.js

@@ -27,8 +27,8 @@
  */
 export default class ReactNativeVersion {
   static major: number = 0;
-  static minor: number = 87;
-  static patch: number = 1;
+  static minor: number = 88;
+  static patch: number = 0;
   static prerelease: string | null = '0';
 
   static getVersionString(): string {

package/Libraries/Core/Timers/immediateShim.js

@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  * @deprecated
  */
@@ -22,7 +22,10 @@ const clearedImmediates: Set<number> = new Set();
  * @param {function} func Callback to be invoked before the end of the
  * current JavaScript execution loop.
  */
-export function setImmediate(callback: Function, ...args: any): number {
+export function setImmediate<TArgs extends Array<unknown>>(
+  callback: (...args: TArgs) => unknown,
+  ...args: TArgs
+): number {
   if (arguments.length < 1) {
     throw new TypeError(
       'setImmediate must be called with at least one argument (a function to call)',
@@ -41,7 +44,6 @@ export function setImmediate(callback: Function, ...args: any): number {
     clearedImmediates.delete(id);
   }
 
-  // $FlowFixMe[incompatible-type]
   global.queueMicrotask(() => {
     if (!clearedImmediates.has(id)) {
       callback.apply(undefined, args);

package/Libraries/Core/Timers/queueMicrotask.js

@@ -4,13 +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
+ * @flow strict-local
  * @format
  */
 
 'use strict';
 
-let resolvedPromise;
+let resolvedPromise: ?Promise<void>;
 
 /**
  * Polyfill for the microtask queueing API defined by WHATWG HTML spec.
@@ -19,7 +19,7 @@ let resolvedPromise;
  * The method must queue a microtask to invoke @param {function} callback, and
  * if the callback throws an exception, report the exception.
  */
-export default function queueMicrotask(callback: Function) {
+export default function queueMicrotask(callback: () => unknown) {
   if (arguments.length < 1) {
     throw new TypeError(
       'queueMicrotask must be called with at least one argument (a function to call)',
@@ -30,7 +30,6 @@ export default function queueMicrotask(callback: Function) {
   }
 
   // Try to reuse a lazily allocated resolved promise from closure.
-  // $FlowFixMe[constant-condition]
   (resolvedPromise || (resolvedPromise = Promise.resolve()))
     .then(callback)
     .catch(error =>

package/Libraries/Core/setUpPerformance.js

@@ -8,25 +8,8 @@
  * @format
  */
 
-import setUpPerformanceModern from '../../src/private/setup/setUpPerformanceModern';
-import NativePerformance from '../../src/private/webapis/performance/specs/NativePerformance';
+// Kept as an alias of the internal `setUpPerformance` module for external
+// consumers that import this path directly.
+import setUpPerformance from '../../src/private/setup/setUpPerformance';
 
-// In case if the native implementation of the Performance API is available, use it,
-// otherwise fall back to the legacy/default one, which only defines 'Performance.now()'
-if (NativePerformance) {
-  setUpPerformanceModern();
-} else {
-  if (!global.performance) {
-    // $FlowExpectedError[cannot-write]
-    global.performance = {
-      mark: () => {},
-      clearMarks: () => {},
-      measure: () => {},
-      clearMeasures: () => {},
-      now: () => {
-        const performanceNow = global.nativePerformanceNow || Date.now;
-        return performanceNow();
-      },
-    };
-  }
-}
+setUpPerformance();

package/Libraries/EventEmitter/NativeEventEmitter.js

@@ -62,8 +62,7 @@ export default class NativeEventEmitter<
   TEventToArgsMap extends Readonly<
     Record<string, ReadonlyArray<UnsafeNativeEventObject>>,
   > = Readonly<Record<string, ReadonlyArray<UnsafeNativeEventObject>>>,
-> implements IEventEmitter<TEventToArgsMap>
-{
+> implements IEventEmitter<TEventToArgsMap> {
   _nativeModule: ?NativeModule;
 
   /**

package/Libraries/EventEmitter/RCTEventEmitter.js

@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  */
 
@@ -12,8 +12,22 @@
 
 import registerCallableModule from '../Core/registerCallableModule';
 
+type EventEmitterModule = {
+  receiveEvent: (
+    rootNodeID: number,
+    topLevelType: string,
+    nativeEventParam: unknown,
+  ) => void,
+  receiveTouches: (
+    eventTopLevelType: string,
+    touches: Array<unknown>,
+    changedIndices: Array<number>,
+  ) => void,
+  ...
+};
+
 const RCTEventEmitter = {
-  register(eventEmitter: any) {
+  register(eventEmitter: EventEmitterModule) {
     registerCallableModule('RCTEventEmitter', eventEmitter);
   },
 };

package/Libraries/FBLazyVector/FBLazyVector.podspec

@@ -28,4 +28,5 @@ Pod::Spec.new do |s|
   s.source_files           = podspec_sources("**/*.{c,h,m,mm,cpp}", "**/*.h")
   s.header_dir             = "FBLazyVector"
 
+  mark_as_react_native_build(s)
 end