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

package/Libraries/Components/AccessibilityInfo/AccessibilityInfo.js

@@ -136,7 +136,7 @@ const AccessibilityInfo = {
             reject,
           );
         } else {
-          reject(new Error('AccessibilityInfo native module is not available'));
+          reject(new Error('NativeAccessibilityManagerIOS is not available'));
         }
       });
     }
@@ -171,7 +171,7 @@ const AccessibilityInfo = {
             reject,
           );
         } else {
-          reject(new Error('AccessibilityInfo native module is not available'));
+          reject(new Error('NativeAccessibilityManagerIOS is not available'));
         }
       });
     }
@@ -191,7 +191,7 @@ const AccessibilityInfo = {
         if (NativeAccessibilityInfoAndroid != null) {
           NativeAccessibilityInfoAndroid.isReduceMotionEnabled(resolve);
         } else {
-          reject(new Error('AccessibilityInfo native module is not available'));
+          reject(new Error('NativeAccessibilityInfoAndroid is not available'));
         }
       } else {
         if (NativeAccessibilityManagerIOS != null) {
@@ -211,10 +211,12 @@ const AccessibilityInfo = {
    *
    * Returns a promise which resolves to a boolean.
    * The result is `true` when high text contrast is enabled and `false` otherwise.
+   *
+   * See https://reactnative.dev/docs/accessibilityinfo#ishightextcontrastenabled-android
    */
   isHighTextContrastEnabled(): Promise<boolean> {
-    return new Promise((resolve, reject) => {
-      if (Platform.OS === 'android') {
+    if (Platform.OS === 'android') {
+      return new Promise((resolve, reject) => {
         if (NativeAccessibilityInfoAndroid?.isHighTextContrastEnabled != null) {
           NativeAccessibilityInfoAndroid.isHighTextContrastEnabled(resolve);
         } else {
@@ -224,10 +226,10 @@ const AccessibilityInfo = {
             ),
           );
         }
-      } else {
-        return Promise.resolve(false);
-      }
-    });
+      });
+    } else {
+      return Promise.resolve(false);
+    }
   },
 
   /**
@@ -235,12 +237,14 @@ const AccessibilityInfo = {
    *
    * Returns a promise which resolves to a boolean.
    * The result is `true` when dark system colors is enabled and `false` otherwise.
+   *
+   * See https://reactnative.dev/docs/accessibilityinfo#isdarkersystemcolorsenabled-ios
    */
   isDarkerSystemColorsEnabled(): Promise<boolean> {
-    return new Promise((resolve, reject) => {
-      if (Platform.OS === 'android') {
-        return Promise.resolve(false);
-      } else {
+    if (Platform.OS === 'android') {
+      return Promise.resolve(false);
+    } else {
+      return new Promise((resolve, reject) => {
         if (
           NativeAccessibilityManagerIOS?.getCurrentDarkerSystemColorsState !=
           null
@@ -256,8 +260,8 @@ const AccessibilityInfo = {
             ),
           );
         }
-      }
-    });
+      });
+    }
   },
 
   /**
@@ -269,10 +273,10 @@ const AccessibilityInfo = {
    * See https://reactnative.dev/docs/accessibilityinfo#prefersCrossFadeTransitions
    */
   prefersCrossFadeTransitions(): Promise<boolean> {
-    return new Promise((resolve, reject) => {
-      if (Platform.OS === 'android') {
-        return Promise.resolve(false);
-      } else {
+    if (Platform.OS === 'android') {
+      return Promise.resolve(false);
+    } else {
+      return new Promise((resolve, reject) => {
         if (
           NativeAccessibilityManagerIOS?.getCurrentPrefersCrossFadeTransitionsState !=
           null
@@ -288,8 +292,8 @@ const AccessibilityInfo = {
             ),
           );
         }
-      }
-    });
+      });
+    }
   },
 
   /**
@@ -424,7 +428,7 @@ const AccessibilityInfo = {
    *
    * See https://reactnative.dev/docs/accessibilityinfo#addeventlistener
    */
-  addEventListener<K: keyof AccessibilityEventDefinitions>(
+  addEventListener<K extends keyof AccessibilityEventDefinitions>(
     eventName: K,
     // $FlowFixMe[incompatible-type] - Flow bug with unions and generics (T128099423)
     handler: (...AccessibilityEventDefinitions[K]) => void,
@@ -512,7 +516,9 @@ const AccessibilityInfo = {
   getRecommendedTimeoutMillis(originalTimeout: number): Promise<number> {
     if (Platform.OS === 'android') {
       return new Promise((resolve, reject) => {
-        if (NativeAccessibilityInfoAndroid?.getRecommendedTimeoutMillis) {
+        if (
+          NativeAccessibilityInfoAndroid?.getRecommendedTimeoutMillis != null
+        ) {
           NativeAccessibilityInfoAndroid.getRecommendedTimeoutMillis(
             originalTimeout,
             resolve,

package/Libraries/Components/Keyboard/Keyboard.js

@@ -146,7 +146,7 @@ class KeyboardImpl {
    *
    * @param {function} callback function to be called when the event fires.
    */
-  addListener<K: keyof KeyboardEventDefinitions>(
+  addListener<K extends keyof KeyboardEventDefinitions>(
     eventType: K,
     listener: (...KeyboardEventDefinitions[K]) => unknown,
     context?: unknown,
@@ -159,7 +159,9 @@ class KeyboardImpl {
    *
    * @param {string} eventType The native event string listeners are watching which will be removed.
    */
-  removeAllListeners<K: keyof KeyboardEventDefinitions>(eventType: ?K): void {
+  removeAllListeners<K extends keyof KeyboardEventDefinitions>(
+    eventType: ?K,
+  ): void {
     this._emitter.removeAllListeners(eventType);
   }
 

package/Libraries/Components/Keyboard/KeyboardAvoidingView.js

@@ -208,7 +208,7 @@ class KeyboardAvoidingView extends React.Component<
       ];
     } else {
       this._subscriptions = [
-        Keyboard.addListener('keyboardDidHide', this._onKeyboardChange),
+        Keyboard.addListener('keyboardDidHide', this._onKeyboardHide),
         Keyboard.addListener('keyboardDidShow', this._onKeyboardChange),
       ];
     }

package/Libraries/Components/LayoutConformance/LayoutConformance.js

@@ -18,41 +18,15 @@ export type LayoutConformanceProps = Readonly<{
    * compatibility: Layout with the same behavior as previous versions of React Native
    */
   mode: 'strict' | 'compatibility',
-
   children: React.Node,
 }>;
 
-// We want a graceful fallback for apps using legacy arch, but need to know
-// ahead of time whether the component is available, so we test for global.
-// This does not correctly handle mixed arch apps (which is okay, since we just
-// degrade the error experience).
-const isFabricUIManagerInstalled = global?.nativeFabricUIManager != null;
-
-function LayoutConformance(props: LayoutConformanceProps): React.Node {
+export default component LayoutConformance(...props: LayoutConformanceProps) {
   return (
     <LayoutConformanceNativeComponent {...props} style={styles.container} />
   );
 }
 
-function UnimplementedLayoutConformance(
-  props: LayoutConformanceProps,
-): React.Node {
-  if (__DEV__) {
-    const warnOnce = require('../../Utilities/warnOnce').default;
-
-    warnOnce(
-      'layoutconformance-unsupported',
-      '"LayoutConformance" is only supported in the New Architecture',
-    );
-  }
-
-  return props.children;
-}
-
-export default (isFabricUIManagerInstalled
-  ? LayoutConformance
-  : UnimplementedLayoutConformance) as component(...LayoutConformanceProps);
-
 const styles = StyleSheet.create({
   container: {
     display: 'contents',

package/Libraries/Components/Pressable/Pressable.d.ts

@@ -31,6 +31,7 @@ export interface PressableAndroidRippleConfig {
   borderless?: null | boolean | undefined;
   radius?: null | number | undefined;
   foreground?: null | boolean | undefined;
+  alpha?: null | number | undefined;
 }
 
 export interface PressableProps

package/Libraries/Components/Pressable/Pressable.js

@@ -411,7 +411,7 @@ function usePressState(forcePressed: boolean): [boolean, (boolean) => void] {
 const MemoedPressable = memo(Pressable);
 MemoedPressable.displayName = 'Pressable';
 
-export default (MemoedPressable: component(
+export default MemoedPressable as component(
   ref?: React.RefSetter<React.ElementRef<typeof View>>,
   ...props: PressableProps
-));
+);

package/Libraries/Components/Pressable/useAndroidRippleForView.js

@@ -8,6 +8,7 @@
  * @format
  */
 
+import type {ProcessedColorValue} from '../../StyleSheet/processColor';
 import type {ColorValue} from '../../StyleSheet/StyleSheet';
 import type {GestureResponderEvent} from '../../Types/CoreEventTypes';
 
@@ -15,15 +16,15 @@ import processColor from '../../StyleSheet/processColor';
 import Platform from '../../Utilities/Platform';
 import View from '../View/View';
 import {Commands} from '../View/ViewNativeComponent';
-import invariant from 'invariant';
 import * as React from 'react';
 import {useMemo} from 'react';
 
 type NativeBackgroundProp = Readonly<{
   type: 'RippleAndroid',
-  color: ?number,
+  color: ?ProcessedColorValue,
   borderless: boolean,
   rippleRadius: ?number,
+  alpha: ?number,
 }>;
 
 export type PressableAndroidRippleConfig = {
@@ -31,6 +32,7 @@ export type PressableAndroidRippleConfig = {
   borderless?: boolean,
   radius?: number,
   foreground?: boolean,
+  alpha?: number,
 };
 
 /**
@@ -48,7 +50,7 @@ export default function useAndroidRippleForView(
     | Readonly<{nativeBackgroundAndroid: NativeBackgroundProp}>
     | Readonly<{nativeForegroundAndroid: NativeBackgroundProp}>,
 }> {
-  const {color, borderless, radius, foreground} = rippleConfig ?? {};
+  const {color, borderless, radius, foreground, alpha} = rippleConfig ?? {};
 
   return useMemo(() => {
     if (
@@ -56,16 +58,13 @@ export default function useAndroidRippleForView(
       (color != null || borderless != null || radius != null)
     ) {
       const processedColor = processColor(color);
-      invariant(
-        processedColor == null || typeof processedColor === 'number',
-        'Unexpected color given for Ripple color',
-      );
 
       const nativeRippleValue = {
         type: 'RippleAndroid',
         color: processedColor,
         borderless: borderless === true,
         rippleRadius: radius,
+        alpha: alpha ?? null,
       };
 
       return {
@@ -105,5 +104,5 @@ export default function useAndroidRippleForView(
       };
     }
     return null;
-  }, [borderless, color, foreground, radius, viewRef]);
+  }, [alpha, borderless, color, foreground, radius, viewRef]);
 }

package/Libraries/Components/ScrollView/ScrollView.js

@@ -875,7 +875,7 @@ class ScrollView extends React.Component<ScrollViewProps, ScrollViewState> {
   getScrollResponder: ScrollViewImperativeMethods['getScrollResponder'] =
     () => {
       // $FlowFixMe[unclear-type]
-      return ((this: any): ScrollResponderType);
+      return this as any as ScrollResponderType;
     };
 
   getScrollableNode: ScrollViewImperativeMethods['getScrollableNode'] = () => {
@@ -1979,5 +1979,5 @@ ScrollViewWrapper.displayName = 'ScrollView';
 // $FlowExpectedError[prop-missing]
 ScrollViewWrapper.Context = ScrollViewContext;
 
-export default ((ScrollViewWrapper: $FlowFixMe): typeof ScrollViewWrapper &
-  ScrollViewComponentStatics);
+export default ScrollViewWrapper as $FlowFixMe as typeof ScrollViewWrapper &
+  ScrollViewComponentStatics;

package/Libraries/Components/ScrollView/ScrollViewCommands.js

@@ -42,11 +42,11 @@ interface NativeCommands {
   ) => void;
 }
 
-export default (codegenNativeCommands<NativeCommands>({
+export default codegenNativeCommands<NativeCommands>({
   supportedCommands: [
     'flashScrollIndicators',
     'scrollTo',
     'scrollToEnd',
     'zoomToRect',
   ],
-}): NativeCommands);
+}) as NativeCommands;

package/Libraries/Components/ScrollView/ScrollViewStickyHeader.js

@@ -89,11 +89,11 @@ const ScrollViewStickyHeader: component(
               .interpolate({
                 extrapolateLeft: 'clamp',
                 inputRange: [layoutY, layoutY + 1],
-                outputRange: ([0, 1]: Array<number>),
+                outputRange: [0, 1] as Array<number>,
               })
               .interpolate({
                 inputRange: [0, 1],
-                outputRange: ([0, -1]: Array<number>),
+                outputRange: [0, -1] as Array<number>,
               }),
             -layoutHeight,
             0,

package/Libraries/Components/Switch/Switch.js

@@ -196,7 +196,7 @@ const Switch: component(
   // We wrap the native state in an object to force the layout-effect
   // below to re-run whenever we get an update from native, even if it's
   // not different from the previous native state.
-  const [native, setNative] = useState({value: (null: ?boolean)});
+  const [native, setNative] = useState({value: null as ?boolean});
 
   const handleChange = (event: SwitchChangeEvent) => {
     // $FlowFixMe[unused-promise]

package/Libraries/Components/TextInput/AndroidTextInputNativeComponent.js

@@ -90,8 +90,15 @@ export type AndroidTextInputNativeProps = Readonly<{
    * - `cc-exp-month`
    * - `cc-exp-year`
    * - `cc-number`
+   * - `2fa-app-otp`
    * - `email`
+   * - `email-otp`
+   * - `flight-confirmation-code`
+   * - `flight-number`
    * - `gender`
+   * - `gift-card-number`
+   * - `gift-card-pin`
+   * - `loyalty-account-number`
    * - `name`
    * - `name-family`
    * - `name-given`
@@ -103,17 +110,22 @@ export type AndroidTextInputNativeProps = Readonly<{
    * - `password-new`
    * - `postal-address`
    * - `postal-address-country`
+   * - `postal-address-dependent-locality`
    * - `postal-address-extended`
    * - `postal-address-extended-postal-code`
    * - `postal-address-locality`
    * - `postal-address-region`
+   * - `postal-address-unit`
    * - `postal-code`
+   * - `promo-code`
    * - `street-address`
    * - `sms-otp`
    * - `tel`
    * - `tel-country-code`
    * - `tel-national`
    * - `tel-device`
+   * - `upi-vpa`
+   * - `wifi-password`
    * - `username`
    * - `username-new`
    * - `off`
@@ -121,6 +133,7 @@ export type AndroidTextInputNativeProps = Readonly<{
    * @platform android
    */
   autoComplete?: WithDefault<
+    | '2fa-app-otp'
     | 'birthdate-day'
     | 'birthdate-full'
     | 'birthdate-month'
@@ -132,7 +145,13 @@ export type AndroidTextInputNativeProps = Readonly<{
     | 'cc-exp-year'
     | 'cc-number'
     | 'email'
+    | 'email-otp'
+    | 'flight-confirmation-code'
+    | 'flight-number'
     | 'gender'
+    | 'gift-card-number'
+    | 'gift-card-pin'
+    | 'loyalty-account-number'
     | 'name'
     | 'name-family'
     | 'name-given'
@@ -144,17 +163,22 @@ export type AndroidTextInputNativeProps = Readonly<{
     | 'password-new'
     | 'postal-address'
     | 'postal-address-country'
+    | 'postal-address-dependent-locality'
     | 'postal-address-extended'
     | 'postal-address-extended-postal-code'
     | 'postal-address-locality'
     | 'postal-address-region'
+    | 'postal-address-unit'
     | 'postal-code'
+    | 'promo-code'
     | 'street-address'
     | 'sms-otp'
     | 'tel'
     | 'tel-country-code'
     | 'tel-national'
     | 'tel-device'
+    | 'upi-vpa'
+    | 'wifi-password'
     | 'username'
     | 'username-new'
     | 'off',
@@ -721,4 +745,4 @@ let AndroidTextInputNativeComponent =
   );
 
 // flowlint-next-line unclear-type:off
-export default ((AndroidTextInputNativeComponent: any): HostComponent<AndroidTextInputNativeProps>);
+export default AndroidTextInputNativeComponent as any as HostComponent<AndroidTextInputNativeProps>;

package/Libraries/Components/TextInput/RCTMultilineTextInputNativeComponent.js

@@ -40,4 +40,4 @@ const MultilineTextInputNativeComponent: HostComponent<{...}> =
   );
 
 // flowlint-next-line unclear-type:off
-export default ((MultilineTextInputNativeComponent: any): HostComponent<{...}>);
+export default MultilineTextInputNativeComponent as any as HostComponent<{...}>;

package/Libraries/Components/TextInput/RCTSingelineTextInputNativeComponent.js

@@ -36,6 +36,6 @@ const SinglelineTextInputNativeComponent: HostComponent<{...}> =
   );
 
 // flowlint-next-line unclear-type:off
-export default ((SinglelineTextInputNativeComponent: any): HostComponent<{
+export default SinglelineTextInputNativeComponent as any as HostComponent<{
   ...
-}>);
+}>;

package/Libraries/Components/TextInput/TextInput.d.ts

@@ -632,7 +632,14 @@ export interface TextInputProps
    * - `cc-exp-day`
    * - `cc-exp-month`
    * - `cc-exp-year`
+   * - `2fa-app-otp`
+   * - `email-otp`
+   * - `flight-confirmation-code`
+   * - `flight-number`
    * - `gender`
+   * - `gift-card-number`
+   * - `gift-card-pin`
+   * - `loyalty-account-number`
    * - `name-family`
    * - `name-given`
    * - `name-middle`
@@ -643,17 +650,23 @@ export interface TextInputProps
    * - `password-new`
    * - `postal-address`
    * - `postal-address-country`
+   * - `postal-address-dependent-locality`
    * - `postal-address-extended`
    * - `postal-address-extended-postal-code`
    * - `postal-address-locality`
    * - `postal-address-region`
+   * - `postal-address-unit`
+   * - `promo-code`
    * - `sms-otp`
    * - `tel-country-code`
    * - `tel-national`
    * - `tel-device`
+   * - `upi-vpa`
+   * - `wifi-password`
    * - `username-new`
    */
   autoComplete?:
+    | '2fa-app-otp'
     | 'additional-name'
     | 'address-line1'
     | 'address-line2'
@@ -675,11 +688,17 @@ export interface TextInputProps
     | 'country'
     | 'current-password'
     | 'email'
+    | 'email-otp'
+    | 'flight-confirmation-code'
+    | 'flight-number'
     | 'family-name'
     | 'gender'
+    | 'gift-card-number'
+    | 'gift-card-pin'
     | 'given-name'
     | 'honorific-prefix'
     | 'honorific-suffix'
+    | 'loyalty-account-number'
     | 'name'
     | 'name-family'
     | 'name-given'
@@ -696,18 +715,23 @@ export interface TextInputProps
     | 'password-new'
     | 'postal-address'
     | 'postal-address-country'
+    | 'postal-address-dependent-locality'
     | 'postal-address-extended'
     | 'postal-address-extended-postal-code'
     | 'postal-address-locality'
     | 'postal-address-region'
+    | 'postal-address-unit'
     | 'postal-code'
+    | 'promo-code'
     | 'street-address'
     | 'sms-otp'
     | 'tel'
     | 'tel-country-code'
     | 'tel-national'
     | 'tel-device'
+    | 'upi-vpa'
     | 'url'
+    | 'wifi-password'
     | 'username'
     | 'username-new'
     | 'off'

package/Libraries/Components/TextInput/TextInput.flow.js

@@ -595,7 +595,14 @@ type TextInputBaseProps = Readonly<{
    *
    * The following values work on Android only:
    *
+   * - `2fa-app-otp`
+   * - `email-otp`
+   * - `flight-confirmation-code`
+   * - `flight-number`
    * - `gender`
+   * - `gift-card-number`
+   * - `gift-card-pin`
+   * - `loyalty-account-number`
    * - `name-family`
    * - `name-given`
    * - `name-middle`
@@ -606,17 +613,23 @@ type TextInputBaseProps = Readonly<{
    * - `password-new`
    * - `postal-address`
    * - `postal-address-country`
+   * - `postal-address-dependent-locality`
    * - `postal-address-extended`
    * - `postal-address-extended-postal-code`
    * - `postal-address-locality`
    * - `postal-address-region`
+   * - `postal-address-unit`
+   * - `promo-code`
    * - `sms-otp`
    * - `tel-country-code`
    * - `tel-national`
    * - `tel-device`
+   * - `upi-vpa`
+   * - `wifi-password`
    * - `username-new`
    */
   autoComplete?: ?(
+    | '2fa-app-otp'
     | 'additional-name'
     | 'address-line1'
     | 'address-line2'
@@ -638,11 +651,17 @@ type TextInputBaseProps = Readonly<{
     | 'country'
     | 'current-password'
     | 'email'
+    | 'email-otp'
+    | 'flight-confirmation-code'
+    | 'flight-number'
     | 'family-name'
     | 'gender'
+    | 'gift-card-number'
+    | 'gift-card-pin'
     | 'given-name'
     | 'honorific-prefix'
     | 'honorific-suffix'
+    | 'loyalty-account-number'
     | 'name'
     | 'name-family'
     | 'name-given'
@@ -659,18 +678,23 @@ type TextInputBaseProps = Readonly<{
     | 'password-new'
     | 'postal-address'
     | 'postal-address-country'
+    | 'postal-address-dependent-locality'
     | 'postal-address-extended'
     | 'postal-address-extended-postal-code'
     | 'postal-address-locality'
     | 'postal-address-region'
+    | 'postal-address-unit'
     | 'postal-code'
+    | 'promo-code'
     | 'street-address'
     | 'sms-otp'
     | 'tel'
     | 'tel-country-code'
     | 'tel-national'
     | 'tel-device'
+    | 'upi-vpa'
     | 'url'
+    | 'wifi-password'
     | 'username'
     | 'username-new'
     | 'off'

package/Libraries/Components/TextInput/TextInput.js

@@ -656,14 +656,14 @@ function InternalTextInput(props: TextInputProps): React.Node {
   if (flattenedStyle != null) {
     let overrides: ?{...TextStyleInternal} = null;
     if (typeof flattenedStyle?.fontWeight === 'number') {
-      overrides = overrides || ({}: {...TextStyleInternal});
+      overrides = overrides || ({} as {...TextStyleInternal});
       overrides.fontWeight =
         // $FlowFixMe[incompatible-type]
-        (flattenedStyle.fontWeight.toString(): TextStyleInternal['fontWeight']);
+        flattenedStyle.fontWeight.toString() as TextStyleInternal['fontWeight'];
     }
 
     if (flattenedStyle.verticalAlign != null) {
-      overrides = overrides || ({}: {...TextStyleInternal});
+      overrides = overrides || ({} as {...TextStyleInternal});
       overrides.textAlignVertical =
         verticalAlignToTextAlignVerticalMap[flattenedStyle.verticalAlign];
       overrides.verticalAlign = undefined;
@@ -701,7 +701,7 @@ function InternalTextInput(props: TextInputProps): React.Node {
     textInput = (
       <RCTTextInputView
         // Figure out imperative + forward refs.
-        ref={(ref: $FlowFixMe)}
+        ref={ref as $FlowFixMe}
         {...otherProps}
         {...eventHandlers}
         acceptDragAndDropTypes={props.experimental_acceptDragAndDropTypes}
@@ -770,7 +770,7 @@ function InternalTextInput(props: TextInputProps): React.Node {
        * fixed */
       <AndroidTextInput
         // Figure out imperative + forward refs.
-        ref={(ref: $FlowFixMe)}
+        ref={ref as $FlowFixMe}
         {...otherProps}
         {...colorProps}
         {...eventHandlers}

package/Libraries/Components/ToastAndroid/ToastAndroid.android.js

@@ -35,12 +35,12 @@ const ToastAndroidConstants = NativeToastAndroid.getConstants();
 
 const ToastAndroid = {
   // Toast duration constants
-  SHORT: (ToastAndroidConstants.SHORT: number),
-  LONG: (ToastAndroidConstants.LONG: number),
+  SHORT: ToastAndroidConstants.SHORT as number,
+  LONG: ToastAndroidConstants.LONG as number,
   // Toast gravity constants
-  TOP: (ToastAndroidConstants.TOP: number),
-  BOTTOM: (ToastAndroidConstants.BOTTOM: number),
-  CENTER: (ToastAndroidConstants.CENTER: number),
+  TOP: ToastAndroidConstants.TOP as number,
+  BOTTOM: ToastAndroidConstants.BOTTOM as number,
+  CENTER: ToastAndroidConstants.CENTER as number,
 
   show: function (message: string, duration: number): void {
     NativeToastAndroid.show(message, duration);