react-native-tvos 0.78.0-0rc3 → 0.79.0-0rc2

package/Libraries/ActionSheetIOS/ActionSheetIOS.js

@@ -16,6 +16,39 @@ import RCTActionSheetManager from './NativeActionSheetManager';
 const processColor = require('../StyleSheet/processColor').default;
 const invariant = require('invariant');
 
+export type ActionSheetIOSOptions = $ReadOnly<{
+  title?: ?string,
+  message?: ?string,
+  options: Array<string>,
+  destructiveButtonIndex?: ?number | ?Array<number>,
+  cancelButtonIndex?: ?number,
+  anchor?: ?number,
+  tintColor?: ColorValue | ProcessedColorValue,
+  cancelButtonTintColor?: ColorValue | ProcessedColorValue,
+  disabledButtonTintColor?: ColorValue | ProcessedColorValue,
+  userInterfaceStyle?: string,
+  disabledButtonIndices?: Array<number>,
+}>;
+
+export type ShareActionSheetIOSOptions = $ReadOnly<{
+  message?: ?string,
+  url?: ?string,
+  subject?: ?string,
+  anchor?: ?number,
+  tintColor?: ?number,
+  cancelButtonTintColor?: ?number,
+  disabledButtonTintColor?: ?number,
+  excludedActivityTypes?: ?Array<string>,
+  userInterfaceStyle?: ?string,
+}>;
+
+export type ShareActionSheetError = $ReadOnly<{
+  domain: string,
+  code: string,
+  userInfo?: ?Object,
+  message: string,
+}>;
+
 /**
  * Display action sheets and share sheets on iOS.
  *
@@ -40,19 +73,7 @@ const ActionSheetIOS = {
    * See https://reactnative.dev/docs/actionsheetios#showactionsheetwithoptions
    */
   showActionSheetWithOptions(
-    options: {|
-      +title?: ?string,
-      +message?: ?string,
-      +options: Array<string>,
-      +destructiveButtonIndex?: ?number | ?Array<number>,
-      +cancelButtonIndex?: ?number,
-      +anchor?: ?number,
-      +tintColor?: ColorValue | ProcessedColorValue,
-      +cancelButtonTintColor?: ColorValue | ProcessedColorValue,
-      +disabledButtonTintColor?: ColorValue | ProcessedColorValue,
-      +userInterfaceStyle?: string,
-      +disabledButtonIndices?: Array<number>,
-    |},
+    options: ActionSheetIOSOptions,
     callback: (buttonIndex: number) => void,
   ) {
     invariant(
@@ -136,9 +157,9 @@ const ActionSheetIOS = {
    * See https://reactnative.dev/docs/actionsheetios#showshareactionsheetwithoptions
    */
   showShareActionSheetWithOptions(
-    options: Object,
-    failureCallback: Function,
-    successCallback: Function,
+    options: ShareActionSheetIOSOptions,
+    failureCallback: Function | ((error: ShareActionSheetError) => void),
+    successCallback: Function | ((success: boolean, method: ?string) => void),
   ) {
     invariant(
       typeof options === 'object' && options !== null,
@@ -154,7 +175,7 @@ const ActionSheetIOS = {
     );
     invariant(RCTActionSheetManager, "ActionSheetManager doesn't exist");
     RCTActionSheetManager.showShareActionSheetWithOptions(
-      {...options, tintColor: processColor(options.tintColor)},
+      {...options, tintColor: processColor(options.tintColor) as $FlowFixMe},
       failureCallback,
       successCallback,
     );
@@ -172,4 +193,4 @@ const ActionSheetIOS = {
   },
 };
 
-module.exports = ActionSheetIOS;
+export default ActionSheetIOS;

package/Libraries/ActionSheetIOS/NativeActionSheetManager.js

@@ -8,6 +8,6 @@
  * @format
  */
 
-export * from '../../src/private/specs/modules/NativeActionSheetManager';
-import NativeActionSheetManager from '../../src/private/specs/modules/NativeActionSheetManager';
+export * from '../../src/private/specs_DEPRECATED/modules/NativeActionSheetManager';
+import NativeActionSheetManager from '../../src/private/specs_DEPRECATED/modules/NativeActionSheetManager';
 export default NativeActionSheetManager;

package/Libraries/Alert/Alert.js

@@ -13,23 +13,35 @@ import type {DialogOptions} from '../NativeModules/specs/NativeDialogManagerAndr
 import Platform from '../Utilities/Platform';
 import RCTAlertManager from './RCTAlertManager';
 
+/**
+ * @platform ios
+ */
 export type AlertType =
   | 'default'
   | 'plain-text'
   | 'secure-text'
   | 'login-password';
+
+/**
+ * @platform ios
+ */
 export type AlertButtonStyle = 'default' | 'cancel' | 'destructive';
-export type Buttons = Array<{
+
+export type AlertButton = {
   text?: string,
-  onPress?: ?Function,
+  onPress?: ?((value?: string) => any) | ?Function,
   isPreferred?: boolean,
   style?: AlertButtonStyle,
   ...
-}>;
+};
+
+export type AlertButtons = Array<AlertButton>;
 
-type Options = {
+export type AlertOptions = {
+  /** @platform android */
   cancelable?: ?boolean,
   userInterfaceStyle?: 'unspecified' | 'light' | 'dark',
+  /** @platform android */
   onDismiss?: ?() => void,
   ...
 };
@@ -37,14 +49,22 @@ type Options = {
 /**
  * Launches an alert dialog with the specified title and message.
  *
+ * Optionally provide a list of buttons. Tapping any button will fire the
+ * respective onPress callback and dismiss the alert. By default, the only
+ * button will be an 'OK' button.
+ *
+ * This is an API that works both on iOS and Android and can show static
+ * alerts. On iOS, you can show an alert that prompts the user to enter
+ * some information.
+ *
  * See https://reactnative.dev/docs/alert
  */
 class Alert {
   static alert(
     title: ?string,
     message?: ?string,
-    buttons?: Buttons,
-    options?: Options,
+    buttons?: AlertButtons,
+    options?: AlertOptions,
   ): void {
     if (Platform.OS === 'ios') {
       Alert.prompt(
@@ -76,7 +96,7 @@ class Alert {
       // At most three buttons (neutral, negative, positive). Ignore rest.
       // The text 'OK' should be probably localized. iOS Alert does that in native.
       const defaultPositiveText = 'OK';
-      const validButtons: Buttons = buttons
+      const validButtons: AlertButtons = buttons
         ? buttons.slice(0, 3)
         : [{text: defaultPositiveText}];
       const buttonPositive = validButtons.pop();
@@ -116,14 +136,17 @@ class Alert {
     }
   }
 
+  /**
+   * @platform ios
+   */
   static prompt(
     title: ?string,
     message?: ?string,
-    callbackOrButtons?: ?(((text: string) => void) | Buttons),
+    callbackOrButtons?: ?(((text: string) => void) | AlertButtons),
     type?: ?AlertType = 'plain-text',
     defaultValue?: string,
     keyboardType?: string,
-    options?: Options,
+    options?: AlertOptions,
   ): void {
     if (Platform.OS === 'ios') {
       let callbacks: Array<?any> = [];
@@ -174,4 +197,4 @@ class Alert {
   }
 }
 
-module.exports = Alert;
+export default Alert;

package/Libraries/Alert/NativeAlertManager.js

@@ -8,6 +8,6 @@
  * @format
  */
 
-export * from '../../src/private/specs/modules/NativeAlertManager';
-import NativeAlertManager from '../../src/private/specs/modules/NativeAlertManager';
+export * from '../../src/private/specs_DEPRECATED/modules/NativeAlertManager';
+import NativeAlertManager from '../../src/private/specs_DEPRECATED/modules/NativeAlertManager';
 export default NativeAlertManager;

package/Libraries/Alert/RCTAlertManager.android.js

@@ -11,7 +11,7 @@ import NativeDialogManagerAndroid from '../NativeModules/specs/NativeDialogManag
 
 function emptyCallback() {}
 
-module.exports = {
+export default {
   alertWithArgs: function (args, callback) {
     // TODO(5998984): Polyfill it correctly with DialogManagerAndroid
     if (!NativeDialogManagerAndroid) {

package/Libraries/Alert/RCTAlertManager.ios.js

@@ -12,7 +12,7 @@ import type {Args} from './NativeAlertManager';
 
 import NativeAlertManager from './NativeAlertManager';
 
-module.exports = {
+export default {
   alertWithArgs(
     args: Args,
     callback: (id: number, value: string) => void,

package/Libraries/Alert/RCTAlertManager.js.flow

@@ -10,7 +10,7 @@
 
 import type {Args} from './NativeAlertManager';
 
-declare module.exports: {
+declare export default {
   alertWithArgs(
     args: Args,
     callback: (id: number, value: string) => void,

package/Libraries/Animated/Animated.js

@@ -4,45 +4,16 @@
  * 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
+ * @oncall react_native
  */
 
-export type {CompositeAnimation, Numeric} from './AnimatedImplementation';
+import typeof * as AnimatedExports from './AnimatedExports';
 
-import typeof AnimatedFlatList from './components/AnimatedFlatList';
-import typeof AnimatedImage from './components/AnimatedImage';
-import typeof AnimatedScrollView from './components/AnimatedScrollView';
-import typeof AnimatedSectionList from './components/AnimatedSectionList';
-import typeof AnimatedText from './components/AnimatedText';
-import typeof AnimatedView from './components/AnimatedView';
+// The AnimatedExports module is typed as multiple exports to allow
+// for an implicit namespace, but underneath is's a single default export.
+const Animated: AnimatedExports = (require('./AnimatedExports') as $FlowFixMe)
+  .default;
 
-import Platform from '../Utilities/Platform';
-import AnimatedImplementation from './AnimatedImplementation';
-import AnimatedMock from './AnimatedMock';
-
-const Animated: typeof AnimatedImplementation = Platform.isDisableAnimations
-  ? AnimatedMock
-  : AnimatedImplementation;
-
-export default {
-  get FlatList(): AnimatedFlatList {
-    return require('./components/AnimatedFlatList').default;
-  },
-  get Image(): AnimatedImage {
-    return require('./components/AnimatedImage').default;
-  },
-  get ScrollView(): AnimatedScrollView {
-    return require('./components/AnimatedScrollView').default;
-  },
-  get SectionList(): AnimatedSectionList {
-    return require('./components/AnimatedSectionList').default;
-  },
-  get Text(): AnimatedText {
-    return require('./components/AnimatedText').default;
-  },
-  get View(): AnimatedView {
-    return require('./components/AnimatedView').default;
-  },
-  ...Animated,
-};
+export default Animated;

package/{flow/react.js → Libraries/Animated/Animated.js.flow}

@@ -4,12 +4,12 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow strict
- * @nolint
+ * @flow strict-local
  * @format
+ * @oncall react_native
  */
 
-declare opaque type React$Element<
-  +ElementType: React$ElementType,
-  +P = React$ElementProps<ElementType>,
->: {...};
+import * as Animated from './AnimatedExports';
+
+export type {CompositeAnimation, Numeric} from './AnimatedImplementation';
+export default Animated;

package/Libraries/Animated/AnimatedExports.js

@@ -0,0 +1,47 @@
+/**
+ * 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
+ * @format
+ * @oncall react_native
+ */
+
+import typeof AnimatedFlatList from './components/AnimatedFlatList';
+import typeof AnimatedImage from './components/AnimatedImage';
+import typeof AnimatedScrollView from './components/AnimatedScrollView';
+import typeof AnimatedSectionList from './components/AnimatedSectionList';
+import typeof AnimatedText from './components/AnimatedText';
+import typeof AnimatedView from './components/AnimatedView';
+
+import Platform from '../Utilities/Platform';
+import AnimatedImplementation from './AnimatedImplementation';
+import AnimatedMock from './AnimatedMock';
+
+const Animated: typeof AnimatedImplementation = Platform.isDisableAnimations
+  ? AnimatedMock
+  : AnimatedImplementation;
+
+export default {
+  get FlatList(): AnimatedFlatList {
+    return require('./components/AnimatedFlatList').default;
+  },
+  get Image(): AnimatedImage {
+    return require('./components/AnimatedImage').default;
+  },
+  get ScrollView(): AnimatedScrollView {
+    return require('./components/AnimatedScrollView').default;
+  },
+  get SectionList(): AnimatedSectionList {
+    return require('./components/AnimatedSectionList').default;
+  },
+  get Text(): AnimatedText {
+    return require('./components/AnimatedText').default;
+  },
+  get View(): AnimatedView {
+    return require('./components/AnimatedView').default;
+  },
+  ...Animated,
+};

package/Libraries/Animated/AnimatedExports.js.flow

@@ -0,0 +1,48 @@
+/**
+ * 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
+ * @format
+ * @oncall react_native
+ */
+
+import AnimatedImplementation from './AnimatedImplementation';
+
+export {default as FlatList} from './components/AnimatedFlatList';
+export {default as Image} from './components/AnimatedImage';
+export {default as ScrollView} from './components/AnimatedScrollView';
+export {default as SectionList} from './components/AnimatedSectionList';
+export {default as Text} from './components/AnimatedText';
+export {default as View} from './components/AnimatedView';
+export {default as Color} from './nodes/AnimatedColor';
+export {AnimatedEvent as Event} from './AnimatedEvent';
+export {default as Interpolation} from './nodes/AnimatedInterpolation';
+export {default as Node} from './nodes/AnimatedNode';
+export {default as Value} from './nodes/AnimatedValue';
+export {default as ValueXY} from './nodes/AnimatedValueXY';
+
+export type {AnimatedValueConfig as AnimatedConfig} from './nodes/AnimatedValue';
+
+export const add = AnimatedImplementation.add;
+export const attachNativeEvent = AnimatedImplementation.attachNativeEvent;
+export const createAnimatedComponent =
+  AnimatedImplementation.createAnimatedComponent;
+export const decay = AnimatedImplementation.decay;
+export const delay = AnimatedImplementation.delay;
+export const diffClamp = AnimatedImplementation.diffClamp;
+export const divide = AnimatedImplementation.divide;
+export const event = AnimatedImplementation.event;
+export const forkEvent = AnimatedImplementation.forkEvent;
+export const loop = AnimatedImplementation.loop;
+export const modulo = AnimatedImplementation.modulo;
+export const multiply = AnimatedImplementation.multiply;
+export const parallel = AnimatedImplementation.parallel;
+export const sequence = AnimatedImplementation.sequence;
+export const spring = AnimatedImplementation.spring;
+export const stagger = AnimatedImplementation.stagger;
+export const subtract = AnimatedImplementation.subtract;
+export const timing = AnimatedImplementation.timing;
+export const unforkEvent = AnimatedImplementation.unforkEvent;

package/Libraries/Animated/AnimatedMock.js

@@ -192,4 +192,4 @@ export default {
   forkEvent: AnimatedImplementation.forkEvent,
   unforkEvent: AnimatedImplementation.unforkEvent,
   Event: AnimatedEvent,
-};
+} as typeof AnimatedImplementation;

package/Libraries/Animated/NativeAnimatedModule.js

@@ -8,6 +8,6 @@
  * @format
  */
 
-export * from '../../src/private/specs/modules/NativeAnimatedModule';
-import NativeAnimatedModule from '../../src/private/specs/modules/NativeAnimatedModule';
+export * from '../../src/private/specs_DEPRECATED/modules/NativeAnimatedModule';
+import NativeAnimatedModule from '../../src/private/specs_DEPRECATED/modules/NativeAnimatedModule';
 export default NativeAnimatedModule;

package/Libraries/Animated/NativeAnimatedTurboModule.js

@@ -8,6 +8,6 @@
  * @format
  */
 
-export * from '../../src/private/specs/modules/NativeAnimatedTurboModule';
-import NativeAnimatedTurboModule from '../../src/private/specs/modules/NativeAnimatedTurboModule';
+export * from '../../src/private/specs_DEPRECATED/modules/NativeAnimatedTurboModule';
+import NativeAnimatedTurboModule from '../../src/private/specs_DEPRECATED/modules/NativeAnimatedTurboModule';
 export default NativeAnimatedTurboModule;

package/Libraries/Animated/animations/Animation.js

@@ -145,10 +145,7 @@ export default class Animation {
           if (value != null) {
             animatedValue.__onAnimatedValueUpdateReceived(value);
 
-            if (
-              ReactNativeFeatureFlags.shouldSkipStateUpdatesForLoopingAnimations() &&
-              this.__isLooping === true
-            ) {
+            if (this.__isLooping === true) {
               return;
             }
 

package/Libraries/Animated/createAnimatedComponent.js

@@ -10,10 +10,10 @@
 
 import type {AnimatedPropsAllowlist} from './nodes/AnimatedProps';
 
+import createAnimatedPropsHook from '../../src/private/animated/createAnimatedPropsHook';
 import composeStyles from '../../src/private/styles/composeStyles';
 import View from '../Components/View/View';
 import useMergeRefs from '../Utilities/useMergeRefs';
-import useAnimatedProps from './useAnimatedProps';
 import * as React from 'react';
 import {useMemo} from 'react';
 
@@ -58,14 +58,14 @@ export function unstable_createAnimatedComponentWithAllowlist<
   Component: component(ref: React.RefSetter<TInstance>, ...TProps),
   allowlist: ?AnimatedPropsAllowlist,
 ): StrictAnimatedComponentType<TProps, TInstance> {
+  const useAnimatedProps = createAnimatedPropsHook(allowlist);
+
   const AnimatedComponent = React.forwardRef<
     StrictAnimatedProps<TProps>,
     TInstance,
   >((props, forwardedRef) => {
     const [reducedProps, callbackRef] = useAnimatedProps<TProps, TInstance>(
-      // $FlowFixMe[incompatible-call]
       props,
-      allowlist,
     );
     const ref = useMergeRefs<TInstance>(callbackRef, forwardedRef);
 

package/Libraries/Animated/nodes/AnimatedObject.js

@@ -26,6 +26,7 @@ export function isPlainObject(
      and ReactElement checks preserve the type refinement of `value`. */
 ): value is $ReadOnly<{[string]: mixed}> {
   return (
+    // $FlowFixMe[incompatible-type-guard]
     value !== null &&
     typeof value === 'object' &&
     Object.getPrototypeOf(value).isPrototypeOf(Object) &&

package/Libraries/Animated/nodes/AnimatedValue.js

@@ -85,7 +85,7 @@ function _executeAsAnimatedBatch(id: string, operation: () => void) {
  * See https://reactnative.dev/docs/animatedvalue
  */
 export default class AnimatedValue extends AnimatedWithChildren {
-  #attached: boolean = false;
+  #listenerCount: number = 0;
   #updateSubscription: ?EventSubscription = null;
 
   _value: number;
@@ -107,21 +107,14 @@ export default class AnimatedValue extends AnimatedWithChildren {
     }
   }
 
-  __attach(): void {
-    this.#attached = true;
-    this.#ensureUpdateSubscriptionExists();
-  }
-
-  __detach(): void {
+  __detach() {
     if (this.__isNative) {
-      this.#updateSubscription?.remove();
       NativeAnimatedAPI.getValue(this.__getNativeTag(), value => {
         this._value = value - this._offset;
       });
     }
     this.stopAnimation();
     super.__detach();
-    this.#attached = false;
   }
 
   __getValue(): number {
@@ -130,25 +123,40 @@ export default class AnimatedValue extends AnimatedWithChildren {
 
   __makeNative(platformConfig: ?PlatformConfig): void {
     super.__makeNative(platformConfig);
-    this.#ensureUpdateSubscriptionExists();
+    if (this.#listenerCount > 0) {
+      this.#ensureUpdateSubscriptionExists();
+    }
+  }
+
+  addListener(callback: (value: any) => mixed): string {
+    const id = super.addListener(callback);
+    this.#listenerCount++;
+    if (this.__isNative) {
+      this.#ensureUpdateSubscriptionExists();
+    }
+    return id;
+  }
+
+  removeListener(id: string): void {
+    super.removeListener(id);
+    this.#listenerCount--;
+    if (this.__isNative && this.#listenerCount === 0) {
+      this.#updateSubscription?.remove();
+    }
+  }
+
+  removeAllListeners(): void {
+    super.removeAllListeners();
+    this.#listenerCount = 0;
+    if (this.__isNative) {
+      this.#updateSubscription?.remove();
+    }
   }
 
-  /**
-   * NOTE: In theory, we should only need to call this when any listeners
-   * are added. However, there is a global `onUserDrivenAnimationEnded`
-   * listener that relies on `onAnimatedValueUpdate` having fired to update
-   * the values in JavaScript. If that listener is removed, this could be
-   * re-optimized.
-   */
   #ensureUpdateSubscriptionExists(): void {
     if (this.#updateSubscription != null) {
       return;
     }
-    // The order in which `__attach` and `__makeNative` are called is not
-    // deterministic, and we only want to do this when both have occurred.
-    if (!this.#attached || !this.__isNative) {
-      return;
-    }
     const nativeTag = this.__getNativeTag();
     NativeAnimatedAPI.startListeningToAnimatedNodeValue(nativeTag);
     const subscription: EventSubscription =