react-native-tvos 0.73.7-1 → 0.74.0-0

package/Libraries/Components/Clipboard/NativeClipboard.js

@@ -8,28 +8,6 @@
  * @format
  */
 
-import type {TurboModule} from '../../TurboModule/RCTExport';
-
-import * as TurboModuleRegistry from '../../TurboModule/TurboModuleRegistry';
-
-import Platform from '../../Utilities/Platform';
-
-export interface Spec extends TurboModule {
-  +getConstants: () => {...};
-  +getString: () => Promise<string>;
-  +setString: (content: string) => void;
-}
-
-const Placeholder = {
-  getConstants: () => {
-    return {};
-  },
-  getString: () => new Promise<string>((resolve, reject) => resolve('')),
-  setString: (content: string) => {},
-};
-
-const NativeClipboard: Spec = Platform.isTVOS
-  ? (Placeholder: Spec)
-  : (TurboModuleRegistry.getEnforcing<Spec>('Clipboard'): Spec);
-
+export * from '../../../src/private/specs/modules/NativeClipboard';
+import NativeClipboard from '../../../src/private/specs/modules/NativeClipboard';
 export default NativeClipboard;

package/Libraries/Components/DrawerAndroid/AndroidDrawerLayoutNativeComponent.js

@@ -8,117 +8,6 @@
  * @flow strict-local
  */
 
-import type {HostComponent} from '../../Renderer/shims/ReactNativeTypes';
-import type {ColorValue} from '../../StyleSheet/StyleSheet';
-import type {
-  DirectEventHandler,
-  Float,
-  Int32,
-  WithDefault,
-} from '../../Types/CodegenTypes';
-import type {ViewProps} from '../View/ViewPropTypes';
-
-import codegenNativeCommands from '../../Utilities/codegenNativeCommands';
-import codegenNativeComponent from '../../Utilities/codegenNativeComponent';
-import * as React from 'react';
-
-type DrawerStateEvent = $ReadOnly<{|
-  drawerState: Int32,
-|}>;
-
-type DrawerSlideEvent = $ReadOnly<{|
-  offset: Float,
-|}>;
-
-type NativeProps = $ReadOnly<{|
-  ...ViewProps,
-  /**
-   * Determines whether the keyboard gets dismissed in response to a drag.
-   *   - 'none' (the default), drags do not dismiss the keyboard.
-   *   - 'on-drag', the keyboard is dismissed when a drag begins.
-   */
-  keyboardDismissMode?: WithDefault<'none' | 'on-drag', 'none'>,
-
-  /**
-   * Specifies the background color of the drawer. The default value is white.
-   * If you want to set the opacity of the drawer, use rgba. Example:
-   *
-   * ```
-   * return (
-   *   <DrawerLayoutAndroid drawerBackgroundColor="rgba(0,0,0,0.5)">
-   *   </DrawerLayoutAndroid>
-   * );
-   * ```
-   */
-  drawerBackgroundColor: ColorValue,
-
-  /**
-   * Specifies the side of the screen from which the drawer will slide in.
-   */
-  drawerPosition?: WithDefault<'left' | 'right', 'left'>,
-
-  /**
-   * Specifies the width of the drawer, more precisely the width of the view that be pulled in
-   * from the edge of the window.
-   */
-
-  drawerWidth?: WithDefault<Float, null>,
-
-  /**
-   * Specifies the lock mode of the drawer. The drawer can be locked in 3 states:
-   * - unlocked (default), meaning that the drawer will respond (open/close) to touch gestures.
-   * - locked-closed, meaning that the drawer will stay closed and not respond to gestures.
-   * - locked-open, meaning that the drawer will stay opened and not respond to gestures.
-   * The drawer may still be opened and closed programmatically (`openDrawer`/`closeDrawer`).
-   */
-  drawerLockMode?: WithDefault<
-    'unlocked' | 'locked-closed' | 'locked-open',
-    'unlocked',
-  >,
-
-  /**
-   * Function called whenever there is an interaction with the navigation view.
-   */
-  onDrawerSlide?: ?DirectEventHandler<DrawerSlideEvent>,
-
-  /**
-   * Function called when the drawer state has changed. The drawer can be in 3 states:
-   * - Idle, meaning there is no interaction with the navigation view happening at the time
-   * - Dragging, meaning there is currently an interaction with the navigation view
-   * - Settling, meaning that there was an interaction with the navigation view, and the
-   * navigation view is now finishing its closing or opening animation
-   */
-  onDrawerStateChanged?: ?DirectEventHandler<DrawerStateEvent>,
-
-  /**
-   * Function called whenever the navigation view has been opened.
-   */
-  onDrawerOpen?: ?DirectEventHandler<null>,
-
-  /**
-   * Function called whenever the navigation view has been closed.
-   */
-  onDrawerClose?: ?DirectEventHandler<null>,
-
-  /**
-   * Make the drawer take the entire screen and draw the background of the
-   * status bar to allow it to open over the status bar. It will only have an
-   * effect on API 21+.
-   */
-  statusBarBackgroundColor?: ?ColorValue,
-|}>;
-
-type NativeType = HostComponent<NativeProps>;
-
-interface NativeCommands {
-  +openDrawer: (viewRef: React.ElementRef<NativeType>) => void;
-  +closeDrawer: (viewRef: React.ElementRef<NativeType>) => void;
-}
-
-export const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({
-  supportedCommands: ['openDrawer', 'closeDrawer'],
-});
-
-export default (codegenNativeComponent<NativeProps>(
-  'AndroidDrawerLayout',
-): NativeType);
+export * from '../../../src/private/specs/components/AndroidDrawerLayoutNativeComponent';
+import AndroidDrawerLayoutNativeComponent from '../../../src/private/specs/components/AndroidDrawerLayoutNativeComponent';
+export default AndroidDrawerLayoutNativeComponent;

package/Libraries/Components/DrawerAndroid/DrawerLayoutAndroid.android.js

@@ -19,7 +19,6 @@ import type {DirectEventHandler} from '../../Types/CodegenTypes';
 
 import StyleSheet from '../../StyleSheet/StyleSheet';
 import dismissKeyboard from '../../Utilities/dismissKeyboard';
-import Platform from '../../Utilities/Platform';
 import StatusBar from '../StatusBar/StatusBar';
 import View from '../View/View';
 import AndroidDrawerLayoutNativeComponent, {
@@ -180,10 +179,7 @@ class DrawerLayoutAndroid extends React.Component<Props, State> {
       onDrawerClose,
       ...props
     } = this.props;
-    const drawStatusBar =
-      Platform.OS === 'android' &&
-      Platform.Version >= 21 &&
-      this.props.statusBarBackgroundColor != null;
+    const drawStatusBar = this.props.statusBarBackgroundColor != null;
     const drawerViewWrapper = (
       <View
         style={[

package/Libraries/Components/Keyboard/NativeKeyboardObserver.js

@@ -8,13 +8,6 @@
  * @format
  */
 
-import type {TurboModule} from '../../TurboModule/RCTExport';
-
-import * as TurboModuleRegistry from '../../TurboModule/TurboModuleRegistry';
-
-export interface Spec extends TurboModule {
-  +addListener: (eventName: string) => void;
-  +removeListeners: (count: number) => void;
-}
-
-export default (TurboModuleRegistry.get<Spec>('KeyboardObserver'): ?Spec);
+export * from '../../../src/private/specs/modules/NativeKeyboardObserver';
+import NativeKeyboardObserver from '../../../src/private/specs/modules/NativeKeyboardObserver';
+export default NativeKeyboardObserver;

package/Libraries/Components/Pressable/Pressable.js

@@ -34,7 +34,7 @@ import useAndroidRippleForView, {
   type RippleConfig,
 } from './useAndroidRippleForView';
 import * as React from 'react';
-import {useImperativeHandle, useMemo, useRef, useState} from 'react';
+import {useMemo, useRef, useState} from 'react';
 
 type ViewStyleProp = $ElementType<React.ElementConfig<typeof View>, 'style'>;
 

package/Libraries/Components/Pressable/useAndroidRippleForView.js

@@ -53,7 +53,6 @@ export default function useAndroidRippleForView(
   return useMemo(() => {
     if (
       Platform.OS === 'android' &&
-      Platform.Version >= 21 &&
       (color != null || borderless != null || radius != null)
     ) {
       const processedColor = processColor(color);
@@ -71,9 +70,11 @@ export default function useAndroidRippleForView(
 
       return {
         viewProps:
-          foreground === true && Platform.Version >= 23
-            ? {nativeForegroundAndroid: nativeRippleValue}
-            : {nativeBackgroundAndroid: nativeRippleValue},
+          foreground === true
+            ? // $FlowFixMe[incompatible-return]
+              {nativeForegroundAndroid: nativeRippleValue}
+            : // $FlowFixMe[incompatible-return]
+              {nativeBackgroundAndroid: nativeRippleValue},
         onPressIn(event: PressEvent): void {
           const view = viewRef.current;
           if (view != null) {

package/Libraries/Components/ProgressBarAndroid/ProgressBarAndroidNativeComponent.js

@@ -4,30 +4,10 @@
  * 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
+ * @flow strict-local
  */
 
-import type {HostComponent} from '../../Renderer/shims/ReactNativeTypes';
-import type {ColorValue} from '../../StyleSheet/StyleSheet';
-import type {Double, WithDefault} from '../../Types/CodegenTypes';
-import type {ViewProps} from '../View/ViewPropTypes';
-
-import codegenNativeComponent from '../../Utilities/codegenNativeComponent';
-
-type NativeProps = $ReadOnly<{|
-  ...ViewProps,
-
-  //Props
-  styleAttr?: string,
-  typeAttr?: string,
-  indeterminate: boolean,
-  progress?: WithDefault<Double, 0>,
-  animating?: WithDefault<boolean, true>,
-  color?: ?ColorValue,
-  testID?: WithDefault<string, ''>,
-|}>;
-
-export default (codegenNativeComponent<NativeProps>('AndroidProgressBar', {
-  interfaceOnly: true,
-}): HostComponent<NativeProps>);
+export * from '../../../src/private/specs/components/ProgressBarAndroidNativeComponent';
+import ProgressBarAndroidNativeComponent from '../../../src/private/specs/components/ProgressBarAndroidNativeComponent';
+export default ProgressBarAndroidNativeComponent;

package/Libraries/Components/RefreshControl/AndroidSwipeRefreshLayoutNativeComponent.js

@@ -8,67 +8,6 @@
  * @flow strict-local
  */
 
-import type {HostComponent} from '../../Renderer/shims/ReactNativeTypes';
-import type {ColorValue} from '../../StyleSheet/StyleSheet';
-import type {
-  DirectEventHandler,
-  Float,
-  WithDefault,
-} from '../../Types/CodegenTypes';
-import type {ViewProps} from '../View/ViewPropTypes';
-
-import codegenNativeCommands from '../../Utilities/codegenNativeCommands';
-import codegenNativeComponent from '../../Utilities/codegenNativeComponent';
-import * as React from 'react';
-
-type NativeProps = $ReadOnly<{|
-  ...ViewProps,
-
-  /**
-   * Whether the pull to refresh functionality is enabled.
-   */
-  enabled?: WithDefault<boolean, true>,
-  /**
-   * The colors (at least one) that will be used to draw the refresh indicator.
-   */
-  colors?: ?$ReadOnlyArray<ColorValue>,
-  /**
-   * The background color of the refresh indicator.
-   */
-  progressBackgroundColor?: ?ColorValue,
-  /**
-   * Size of the refresh indicator.
-   */
-  size?: WithDefault<'default' | 'large', 'default'>,
-  /**
-   * Progress view top offset
-   */
-  progressViewOffset?: WithDefault<Float, 0>,
-
-  /**
-   * Called when the view starts refreshing.
-   */
-  onRefresh?: ?DirectEventHandler<null>,
-
-  /**
-   * Whether the view should be indicating an active refresh.
-   */
-  refreshing: boolean,
-|}>;
-
-type NativeType = HostComponent<NativeProps>;
-
-interface NativeCommands {
-  +setNativeRefreshing: (
-    viewRef: React.ElementRef<NativeType>,
-    value: boolean,
-  ) => void;
-}
-
-export const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({
-  supportedCommands: ['setNativeRefreshing'],
-});
-
-export default (codegenNativeComponent<NativeProps>(
-  'AndroidSwipeRefreshLayout',
-): NativeType);
+export * from '../../../src/private/specs/components/AndroidSwipeRefreshLayoutNativeComponent';
+import AndroidSwipeRefreshLayoutNativeComponent from '../../../src/private/specs/components/AndroidSwipeRefreshLayoutNativeComponent';
+export default AndroidSwipeRefreshLayoutNativeComponent;

package/Libraries/Components/RefreshControl/PullToRefreshViewNativeComponent.js

@@ -8,64 +8,6 @@
  * @flow strict-local
  */
 
-import type {HostComponent} from '../../Renderer/shims/ReactNativeTypes';
-import type {ColorValue} from '../../StyleSheet/StyleSheet';
-import type {
-  DirectEventHandler,
-  Float,
-  WithDefault,
-} from '../../Types/CodegenTypes';
-import type {ViewProps} from '../View/ViewPropTypes';
-
-import codegenNativeCommands from '../../Utilities/codegenNativeCommands';
-import codegenNativeComponent from '../../Utilities/codegenNativeComponent';
-import * as React from 'react';
-
-type NativeProps = $ReadOnly<{|
-  ...ViewProps,
-
-  /**
-   * The color of the refresh indicator.
-   */
-  tintColor?: ?ColorValue,
-  /**
-   * Title color.
-   */
-  titleColor?: ?ColorValue,
-  /**
-   * The title displayed under the refresh indicator.
-   */
-  title?: WithDefault<string, null>,
-  /**
-   * Progress view top offset
-   */
-  progressViewOffset?: WithDefault<Float, 0>,
-
-  /**
-   * Called when the view starts refreshing.
-   */
-  onRefresh?: ?DirectEventHandler<null>,
-
-  /**
-   * Whether the view should be indicating an active refresh.
-   */
-  refreshing: boolean,
-|}>;
-
-type ComponentType = HostComponent<NativeProps>;
-
-interface NativeCommands {
-  +setNativeRefreshing: (
-    viewRef: React.ElementRef<ComponentType>,
-    refreshing: boolean,
-  ) => void;
-}
-
-export const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({
-  supportedCommands: ['setNativeRefreshing'],
-});
-
-export default (codegenNativeComponent<NativeProps>('PullToRefreshView', {
-  paperComponentName: 'RCTRefreshControl',
-  excludedPlatforms: ['android'],
-}): HostComponent<NativeProps>);
+export * from '../../../src/private/specs/components/PullToRefreshViewNativeComponent';
+import PullToRefreshViewNativeComponent from '../../../src/private/specs/components/PullToRefreshViewNativeComponent';
+export default PullToRefreshViewNativeComponent;

package/Libraries/Components/RefreshControl/RefreshControl.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @format
- * @flow
+ * @flow strict-local
  */
 
 import type {ColorValue} from '../../StyleSheet/StyleSheet';

package/Libraries/Components/SafeAreaView/RCTSafeAreaViewNativeComponent.js

@@ -8,18 +8,6 @@
  * @flow strict-local
  */
 
-import type {HostComponent} from '../../Renderer/shims/ReactNativeTypes';
-import type {ViewProps} from '../View/ViewPropTypes';
-
-import codegenNativeComponent from '../../Utilities/codegenNativeComponent';
-
-type NativeProps = $ReadOnly<{|
-  ...ViewProps,
-
-  // No props
-|}>;
-
-export default (codegenNativeComponent<NativeProps>('SafeAreaView', {
-  paperComponentName: 'RCTSafeAreaView',
-  interfaceOnly: true,
-}): HostComponent<NativeProps>);
+export * from '../../../src/private/specs/components/RCTSafeAreaViewNativeComponent';
+import RCTSafeAreaViewNativeComponent from '../../../src/private/specs/components/RCTSafeAreaViewNativeComponent';
+export default RCTSafeAreaViewNativeComponent;

package/Libraries/Components/ScrollView/AndroidHorizontalScrollContentViewNativeComponent.js

@@ -8,19 +8,6 @@
  * @flow strict-local
  */
 
-import type {HostComponent} from '../../Renderer/shims/ReactNativeTypes';
-import type {ViewProps} from '../View/ViewPropTypes';
-
-import codegenNativeComponent from '../../Utilities/codegenNativeComponent';
-
-type NativeProps = $ReadOnly<{|
-  ...ViewProps,
-
-  removeClippedSubviews?: ?boolean,
-|}>;
-
-type NativeType = HostComponent<NativeProps>;
-
-export default (codegenNativeComponent<NativeProps>(
-  'AndroidHorizontalScrollContentView',
-): NativeType);
+export * from '../../../src/private/specs/components/AndroidHorizontalScrollContentViewNativeComponent';
+import AndroidHorizontalScrollContentViewNativeComponent from '../../../src/private/specs/components/AndroidHorizontalScrollContentViewNativeComponent';
+export default AndroidHorizontalScrollContentViewNativeComponent;

package/Libraries/Components/ScrollView/ScrollContentViewNativeComponent.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @format
- * @flow
+ * @flow strict-local
  */
 
 import type {

package/Libraries/Components/ScrollView/ScrollView.d.ts

@@ -481,12 +481,12 @@ export interface ScrollViewPropsIOS {
   pinchGestureEnabled?: boolean | undefined;
 
   /**
-   * This controls how often the scroll event will be fired while scrolling (as a time interval in ms).
-   * A lower number yields better accuracy for code that is tracking the scroll position,
-   * but can lead to scroll performance problems due to the volume of information being sent over the bridge.
-   * The default value is zero, which means the scroll event will be sent only once each time the view is scrolled.
+   * Limits how often scroll events will be fired while scrolling, specified as
+   * a time interval in ms. This may be useful when expensive work is performed
+   * in response to scrolling. Values <= `16` will disable throttling,
+   * regardless of the refresh rate of the device.
    */
-  scrollEventThrottle?: number | undefined; // null
+  scrollEventThrottle?: number | undefined;
 
   /**
    * The amount by which the scroll view indicators are inset from the edges of the scroll view.
@@ -670,7 +670,6 @@ export interface ScrollViewProps
 
   /**
    * Fires at most once per frame during scrolling.
-   * The frequency of the events can be contolled using the scrollEventThrottle prop.
    */
   onScroll?:
     | ((event: NativeSyntheticEvent<NativeScrollEvent>) => void)

package/Libraries/Components/ScrollView/ScrollView.js

@@ -521,8 +521,7 @@ export type Props = $ReadOnly<{|
   onMomentumScrollEnd?: ?(event: ScrollEvent) => void,
 
   /**
-   * Fires at most once per frame during scrolling. The frequency of the
-   * events can be controlled using the `scrollEventThrottle` prop.
+   * Fires at most once per frame during scrolling.
    */
   onScroll?: ?(event: ScrollEvent) => void,
   /**
@@ -552,8 +551,6 @@ export type Props = $ReadOnly<{|
    * When true, the scroll view stops on multiples of the scroll view's size
    * when scrolling. This can be used for horizontal pagination. The default
    * value is false.
-   *
-   * Note: Vertical pagination is not supported on Android.
    */
   pagingEnabled?: ?boolean,
   /**
@@ -564,19 +561,10 @@ export type Props = $ReadOnly<{|
    */
   scrollEnabled?: ?boolean,
   /**
-   * This controls how often the scroll event will be fired while scrolling
-   * (as a time interval in ms). A lower number yields better accuracy for code
-   * that is tracking the scroll position, but can lead to scroll performance
-   * problems due to the volume of information being send over the bridge.
-   *
-   * Values between 0 and 17ms indicate 60fps updates are needed and throttling
-   * will be disabled.
-   *
-   * If you do not need precise scroll position tracking, set this value higher
-   * to limit the information being sent across the bridge.
-   *
-   * The default value is zero, which results in the scroll event being sent only
-   * once each time the view is scrolled.
+   * Limits how often scroll events will be fired while scrolling, specified as
+   * a time interval in ms. This may be useful when expensive work is performed
+   * in response to scrolling. Values <= `16` will disable throttling,
+   * regardless of the refresh rate of the device.
    */
   scrollEventThrottle?: ?number,
   /**
@@ -1156,21 +1144,6 @@ class ScrollView extends React.Component<Props, State> {
   }
 
   _handleScroll = (e: ScrollEvent) => {
-    if (__DEV__) {
-      if (
-        this.props.onScroll &&
-        this.props.scrollEventThrottle == null &&
-        Platform.OS === 'ios'
-      ) {
-        console.log(
-          'You specified `onScroll` on a <ScrollView> but not ' +
-            '`scrollEventThrottle`. You will only receive one event. ' +
-            'Using `16` you get all the events but be aware that it may ' +
-            "cause frame drops, use a bigger number if you don't need as " +
-            'much precision.',
-        );
-      }
-    }
     this._observedScrollSinceBecomingResponder = true;
     this.props.onScroll && this.props.onScroll(e);
   };
@@ -1691,13 +1664,14 @@ class ScrollView extends React.Component<Props, State> {
 
     const {stickyHeaderIndices} = this.props;
     let children = this.props.children;
+    /**
+     * This function can cause unnecessary remount when nested in conditionals as it causes remap of children keys.
+     * https://react.dev/reference/react/Children#children-toarray-caveats
+     */
+    children = React.Children.toArray<$FlowFixMe>(children);
 
     if (stickyHeaderIndices != null && stickyHeaderIndices.length > 0) {
-      const childArray = React.Children.toArray<$FlowFixMe>(
-        this.props.children,
-      );
-
-      children = childArray.map((child, index) => {
+      children = children.map((child, index) => {
         const indexOfIndex = child ? stickyHeaderIndices.indexOf(index) : -1;
         if (indexOfIndex > -1) {
           const key = child.key;
@@ -1709,7 +1683,7 @@ class ScrollView extends React.Component<Props, State> {
               key={key}
               ref={ref => this._setStickyHeaderRef(key, ref)}
               nextHeaderLayoutY={this._headerLayoutYs.get(
-                this._getKeyForIndex(nextIndex, childArray),
+                this._getKeyForIndex(nextIndex, children),
               )}
               onLayout={event => this._onStickyHeaderLayout(index, event, key)}
               scrollAnimatedValue={this._scrollAnimatedValue}

package/Libraries/Components/ScrollView/ScrollViewStickyHeader.js

@@ -67,8 +67,7 @@ const ScrollViewStickyHeaderWithForwardedRef: React.AbstractComponent<
   }, []);
   const ref: (React.ElementRef<typeof Animated.View> | null) => void =
     // $FlowFixMe[incompatible-type] - Ref is mutated by `callbackRef`.
-    // $FlowFixMe[incompatible-call]
-    useMergeRefs<Instance | null>(callbackRef, forwardedRef);
+    useMergeRefs<Instance>(callbackRef, forwardedRef);
 
   const offset = useMemo(
     () =>

package/Libraries/Components/Sound/NativeSoundManager.js

@@ -8,15 +8,6 @@
  * @format
  */
 
-import type {TurboModule} from '../../TurboModule/RCTExport';
-
-import * as TurboModuleRegistry from '../../TurboModule/TurboModuleRegistry';
-
-/**
- * Native Module used for playing sounds in native platform.
- */
-export interface Spec extends TurboModule {
-  +playTouchSound: () => void;
-}
-
-export default (TurboModuleRegistry.get<Spec>('SoundManager'): ?Spec);
+export * from '../../../src/private/specs/modules/NativeSoundManager';
+import NativeSoundManager from '../../../src/private/specs/modules/NativeSoundManager';
+export default NativeSoundManager;