react-native-tvos 0.79.2-0 → 0.80.0-0rc5

package/Libraries/Alert/Alert.d.ts

@@ -12,7 +12,10 @@
  */
 export interface AlertButton {
   text?: string | undefined;
-  onPress?: ((value?: string) => void) | undefined;
+  onPress?:
+    | ((value?: string) => void)
+    | ((value?: {login: string; password: string}) => void)
+    | undefined;
   isPreferred?: boolean | undefined;
   style?: 'default' | 'cancel' | 'destructive' | undefined;
 }

package/Libraries/Alert/Alert.js

@@ -119,12 +119,15 @@ class Alert {
         if (action === constants.buttonClicked) {
           if (buttonKey === constants.buttonNeutral) {
             // $FlowFixMe[incompatible-type]
+            // $FlowFixMe[incompatible-use]
             buttonNeutral.onPress && buttonNeutral.onPress();
           } else if (buttonKey === constants.buttonNegative) {
             // $FlowFixMe[incompatible-type]
+            // $FlowFixMe[incompatible-use]
             buttonNegative.onPress && buttonNegative.onPress();
           } else if (buttonKey === constants.buttonPositive) {
             // $FlowFixMe[incompatible-type]
+            // $FlowFixMe[incompatible-use]
             buttonPositive.onPress && buttonPositive.onPress();
           }
         } else if (action === constants.dismissed) {

package/Libraries/Alert/RCTAlertManager.js

@@ -0,0 +1,17 @@
+/**
+ * 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
+ */
+
+// NOTE: This file supports backwards compatibility of subpath (deep) imports
+// from 'react-native' with platform-specific extensions. It can be deleted
+// once we remove the "./*" mapping from package.json "exports".
+
+import RCTAlertManager from './RCTAlertManager';
+
+export default RCTAlertManager;

package/Libraries/Animated/Animated.js.flow

@@ -9,7 +9,5 @@
  * @oncall react_native
  */
 
-import * as Animated from './AnimatedExports';
-
+export * as default from './AnimatedExports';
 export type {CompositeAnimation, Numeric} from './AnimatedImplementation';
-export default Animated;

package/Libraries/Animated/AnimatedEvent.js

@@ -10,6 +10,7 @@
 
 'use strict';
 
+import type {NativeSyntheticEvent} from '../Types/CoreEventTypes';
 import type {PlatformConfig} from './AnimatedPlatformConfig';
 
 import NativeAnimatedHelper from '../../src/private/animated/NativeAnimatedHelper';
@@ -22,8 +23,8 @@ export type Mapping =
   | {[key: string]: Mapping, ...}
   | AnimatedValue
   | AnimatedValueXY;
-export type EventConfig = {
-  listener?: ?Function,
+export type EventConfig<T> = {
+  listener?: ?(NativeSyntheticEvent<T>) => mixed,
   useNativeDriver: boolean,
   platformConfig?: PlatformConfig,
 };
@@ -150,7 +151,7 @@ export class AnimatedEvent {
   __isNative: boolean;
   __platformConfig: ?PlatformConfig;
 
-  constructor(argMapping: $ReadOnlyArray<?Mapping>, config: EventConfig) {
+  constructor(argMapping: $ReadOnlyArray<?Mapping>, config: EventConfig<any>) {
     this._argMapping = argMapping;
 
     if (config == null) {

package/Libraries/Animated/AnimatedExports.js

@@ -25,7 +25,7 @@ const Animated: typeof AnimatedImplementation = Platform.isDisableAnimations
   : AnimatedImplementation;
 
 export default {
-  get FlatList(): AnimatedFlatList {
+  get FlatList(): AnimatedFlatList<any> {
     return require('./components/AnimatedFlatList').default;
   },
   get Image(): AnimatedImage {
@@ -34,7 +34,7 @@ export default {
   get ScrollView(): AnimatedScrollView {
     return require('./components/AnimatedScrollView').default;
   },
-  get SectionList(): AnimatedSectionList {
+  get SectionList(): AnimatedSectionList<any, any> {
     return require('./components/AnimatedSectionList').default;
   },
   get Text(): AnimatedText {

package/Libraries/Animated/AnimatedExports.js.flow

@@ -24,25 +24,165 @@ export {default as Node} from './nodes/AnimatedNode';
 export {default as Value} from './nodes/AnimatedValue';
 export {default as ValueXY} from './nodes/AnimatedValueXY';
 
+/** @deprecated Use Animated.Interpolation instead */
+export type {default as AnimatedInterpolation} from './nodes/AnimatedInterpolation';
+/** @deprecated Use Animated.Color instead */
+export type {default as AnimatedColor} from './nodes/AnimatedColor';
+
 export type {AnimatedValueConfig as AnimatedConfig} from './nodes/AnimatedValue';
+export type {default as AnimatedNode} from './nodes/AnimatedNode';
+export type {default as AnimatedAddition} from './nodes/AnimatedAddition';
+export type {default as AnimatedDiffClamp} from './nodes/AnimatedDiffClamp';
+export type {default as AnimatedDivision} from './nodes/AnimatedDivision';
+export type {default as AnimatedModulo} from './nodes/AnimatedModulo';
+export type {default as AnimatedMultiplication} from './nodes/AnimatedMultiplication';
+export type {default as AnimatedSubtraction} from './nodes/AnimatedSubtraction';
+export type {WithAnimatedValue, AnimatedProps} from './createAnimatedComponent';
+export type {AnimatedComponentType as AnimatedComponent} from './createAnimatedComponent';
 
+/**
+ * Creates a new Animated value composed from two Animated values added
+ * together.
+ *
+ * See https://reactnative.dev/docs/animated#add
+ */
 export const add = AnimatedImplementation.add;
+
+/**
+ * Imperative API to attach an animated value to an event on a view. Prefer
+ * using `Animated.event` with `useNativeDrive: true` if possible.
+ *
+ * See https://reactnative.dev/docs/animated#attachnativeevent
+ */
 export const attachNativeEvent = AnimatedImplementation.attachNativeEvent;
+
+/**
+ * Make any React component Animatable. Used to create `Animated.View`, etc.
+ *
+ * See https://reactnative.dev/docs/animated#createanimatedcomponent
+ */
 export const createAnimatedComponent =
   AnimatedImplementation.createAnimatedComponent;
+
+/**
+ * Animates a value from an initial velocity to zero based on a decay
+ * coefficient.
+ *
+ * See https://reactnative.dev/docs/animated#decay
+ */
 export const decay = AnimatedImplementation.decay;
+
+/**
+ * Starts an animation after the given delay.
+ *
+ * See https://reactnative.dev/docs/animated#delay
+ */
 export const delay = AnimatedImplementation.delay;
+
+/**
+ * Create a new Animated value that is limited between 2 values. It uses the
+ * difference between the last value so even if the value is far from the
+ * bounds it will start changing when the value starts getting closer again.
+ *
+ * See https://reactnative.dev/docs/animated#diffclamp
+ */
 export const diffClamp = AnimatedImplementation.diffClamp;
+
+/**
+ * Creates a new Animated value composed by dividing the first Animated value
+ * by the second Animated value.
+ *
+ * See https://reactnative.dev/docs/animated#divide
+ */
 export const divide = AnimatedImplementation.divide;
+
+/**
+ * Takes an array of mappings and extracts values from each arg accordingly,
+ * then calls `setValue` on the mapped outputs.
+ *
+ * See https://reactnative.dev/docs/animated#event
+ */
 export const event = AnimatedImplementation.event;
+
+/**
+ * Advanced imperative API for snooping on animated events that are passed in
+ * through props. Use values directly where possible.
+ *
+ * See https://reactnative.dev/docs/animated#forkevent
+ */
 export const forkEvent = AnimatedImplementation.forkEvent;
+
+/**
+ * Loops a given animation continuously, so that each time it reaches the
+ * end, it resets and begins again from the start.
+ *
+ * See https://reactnative.dev/docs/animated#loop
+ */
 export const loop = AnimatedImplementation.loop;
+
+/**
+ * Creates a new Animated value that is the (non-negative) modulo of the
+ * provided Animated value.
+ *
+ * See https://reactnative.dev/docs/animated#modulo
+ */
 export const modulo = AnimatedImplementation.modulo;
+
+/**
+ * Creates a new Animated value composed from two Animated values multiplied
+ * together.
+ *
+ * See https://reactnative.dev/docs/animated#multiply
+ */
 export const multiply = AnimatedImplementation.multiply;
+
+/**
+ * Starts an array of animations all at the same time. By default, if one
+ * of the animations is stopped, they will all be stopped. You can override
+ * this with the `stopTogether` flag.
+ *
+ * See https://reactnative.dev/docs/animated#parallel
+ */
 export const parallel = AnimatedImplementation.parallel;
+
+/**
+ * Starts an array of animations in order, waiting for each to complete
+ * before starting the next. If the current running animation is stopped, no
+ * following animations will be started.
+ *
+ * See https://reactnative.dev/docs/animated#sequence
+ */
 export const sequence = AnimatedImplementation.sequence;
+
+/**
+ * Animates a value according to an analytical spring model based on
+ * damped harmonic oscillation.
+ *
+ * See https://reactnative.dev/docs/animated#spring
+ */
 export const spring = AnimatedImplementation.spring;
+
+/**
+ * Array of animations may run in parallel (overlap), but are started in
+ * sequence with successive delays. Nice for doing trailing effects.
+ *
+ * See https://reactnative.dev/docs/animated#stagger
+ */
 export const stagger = AnimatedImplementation.stagger;
+
+/**
+ * Creates a new Animated value composed by subtracting the second Animated
+ * value from the first Animated value.
+ *
+ * See https://reactnative.dev/docs/animated#subtract
+ */
 export const subtract = AnimatedImplementation.subtract;
+
+/**
+ * Animates a value along a timed easing curve. The Easing module has tons of
+ * predefined curves, or you can use your own function.
+ *
+ * See https://reactnative.dev/docs/animated#timing
+ */
 export const timing = AnimatedImplementation.timing;
 export const unforkEvent = AnimatedImplementation.unforkEvent;

package/Libraries/Animated/AnimatedImplementation.js

@@ -540,9 +540,9 @@ function unforkEvent(
   }
 }
 
-const event = function (
+const event = function <T>(
   argMapping: $ReadOnlyArray<?Mapping>,
-  config: EventConfig,
+  config: EventConfig<T>,
 ): any {
   const animatedEvent = new AnimatedEvent(argMapping, config);
   if (animatedEvent.__isNative) {
@@ -606,144 +606,23 @@ export default {
    * See https://reactnative.dev/docs/animated#node
    */
   Node: AnimatedNode,
-
-  /**
-   * Animates a value from an initial velocity to zero based on a decay
-   * coefficient.
-   *
-   * See https://reactnative.dev/docs/animated#decay
-   */
   decay,
-  /**
-   * Animates a value along a timed easing curve. The Easing module has tons of
-   * predefined curves, or you can use your own function.
-   *
-   * See https://reactnative.dev/docs/animated#timing
-   */
   timing,
-  /**
-   * Animates a value according to an analytical spring model based on
-   * damped harmonic oscillation.
-   *
-   * See https://reactnative.dev/docs/animated#spring
-   */
   spring,
-
-  /**
-   * Creates a new Animated value composed from two Animated values added
-   * together.
-   *
-   * See https://reactnative.dev/docs/animated#add
-   */
   add,
-
-  /**
-   * Creates a new Animated value composed by subtracting the second Animated
-   * value from the first Animated value.
-   *
-   * See https://reactnative.dev/docs/animated#subtract
-   */
   subtract,
-
-  /**
-   * Creates a new Animated value composed by dividing the first Animated value
-   * by the second Animated value.
-   *
-   * See https://reactnative.dev/docs/animated#divide
-   */
   divide,
-
-  /**
-   * Creates a new Animated value composed from two Animated values multiplied
-   * together.
-   *
-   * See https://reactnative.dev/docs/animated#multiply
-   */
   multiply,
-
-  /**
-   * Creates a new Animated value that is the (non-negative) modulo of the
-   * provided Animated value.
-   *
-   * See https://reactnative.dev/docs/animated#modulo
-   */
   modulo,
-
-  /**
-   * Create a new Animated value that is limited between 2 values. It uses the
-   * difference between the last value so even if the value is far from the
-   * bounds it will start changing when the value starts getting closer again.
-   *
-   * See https://reactnative.dev/docs/animated#diffclamp
-   */
   diffClamp,
-
-  /**
-   * Starts an animation after the given delay.
-   *
-   * See https://reactnative.dev/docs/animated#delay
-   */
   delay,
-  /**
-   * Starts an array of animations in order, waiting for each to complete
-   * before starting the next. If the current running animation is stopped, no
-   * following animations will be started.
-   *
-   * See https://reactnative.dev/docs/animated#sequence
-   */
   sequence,
-  /**
-   * Starts an array of animations all at the same time. By default, if one
-   * of the animations is stopped, they will all be stopped. You can override
-   * this with the `stopTogether` flag.
-   *
-   * See https://reactnative.dev/docs/animated#parallel
-   */
   parallel,
-  /**
-   * Array of animations may run in parallel (overlap), but are started in
-   * sequence with successive delays.  Nice for doing trailing effects.
-   *
-   * See https://reactnative.dev/docs/animated#stagger
-   */
   stagger,
-  /**
-   * Loops a given animation continuously, so that each time it reaches the
-   * end, it resets and begins again from the start.
-   *
-   * See https://reactnative.dev/docs/animated#loop
-   */
   loop,
-
-  /**
-   * Takes an array of mappings and extracts values from each arg accordingly,
-   * then calls `setValue` on the mapped outputs.
-   *
-   * See https://reactnative.dev/docs/animated#event
-   */
   event,
-
-  /**
-   * Make any React component Animatable.  Used to create `Animated.View`, etc.
-   *
-   * See https://reactnative.dev/docs/animated#createanimatedcomponent
-   */
   createAnimatedComponent,
-
-  /**
-   * Imperative API to attach an animated value to an event on a view. Prefer
-   * using `Animated.event` with `useNativeDrive: true` if possible.
-   *
-   * See https://reactnative.dev/docs/animated#attachnativeevent
-   */
   attachNativeEvent,
-
-  /**
-   * Advanced imperative API for snooping on animated events that are passed in
-   * through props. Use values directly where possible.
-   *
-   * See https://reactnative.dev/docs/animated#forkevent
-   */
   forkEvent,
   unforkEvent,
 

package/Libraries/Animated/Easing.js

@@ -12,6 +12,8 @@
 
 let ease;
 
+export type EasingFunction = (t: number) => number;
+
 /**
  * The `Easing` module implements common easing functions. This module is used
  * by [Animate.timing()](docs/animate.html#timing) to convey physically
@@ -57,7 +59,7 @@ let ease;
  * - [`inOut`](docs/easing.html#inout) makes any easing function symmetrical
  * - [`out`](docs/easing.html#out) runs an easing function backwards
  */
-const Easing = {
+const EasingStatic = {
   /**
    * A stepping function, returns 1 for any positive value of `n`.
    */
@@ -90,7 +92,7 @@ const Easing = {
    */
   ease(t: number): number {
     if (!ease) {
-      ease = Easing.bezier(0.42, 0, 1, 1);
+      ease = EasingStatic.bezier(0.42, 0, 1, 1);
     }
     return ease(t);
   },
@@ -121,7 +123,7 @@ const Easing = {
    * n = 4: http://easings.net/#easeInQuart
    * n = 5: http://easings.net/#easeInQuint
    */
-  poly(n: number): (t: number) => number {
+  poly(n: number): EasingFunction {
     return (t: number) => Math.pow(t, n);
   },
 
@@ -162,7 +164,7 @@ const Easing = {
    *
    * http://easings.net/#easeInElastic
    */
-  elastic(bounciness: number = 1): (t: number) => number {
+  elastic(bounciness: number = 1): EasingFunction {
     const p = bounciness * Math.PI;
     return t => 1 - Math.pow(Math.cos((t * Math.PI) / 2), 3) * Math.cos(t * p);
   },
@@ -173,7 +175,7 @@ const Easing = {
    *
    * https://easings.net/#easeInBack
    */
-  back(s: number = 1.70158): (t: number) => number {
+  back(s: number = 1.70158): EasingFunction {
     return t => t * t * ((s + 1) * t - s);
   },
 
@@ -208,12 +210,7 @@ const Easing = {
    * A useful tool to visualize cubic bezier curves can be found at
    * http://cubic-bezier.com/
    */
-  bezier(
-    x1: number,
-    y1: number,
-    x2: number,
-    y2: number,
-  ): (t: number) => number {
+  bezier(x1: number, y1: number, x2: number, y2: number): EasingFunction {
     const _bezier = require('./bezier').default;
     return _bezier(x1, y1, x2, y2);
   },
@@ -221,14 +218,14 @@ const Easing = {
   /**
    * Runs an easing function forwards.
    */
-  in(easing: (t: number) => number): (t: number) => number {
+  in(easing: EasingFunction): EasingFunction {
     return easing;
   },
 
   /**
    * Runs an easing function backwards.
    */
-  out(easing: (t: number) => number): (t: number) => number {
+  out(easing: EasingFunction): EasingFunction {
     return t => 1 - easing(1 - t);
   },
 
@@ -237,7 +234,7 @@ const Easing = {
    * forwards for half of the duration, then backwards for the rest of the
    * duration.
    */
-  inOut(easing: (t: number) => number): (t: number) => number {
+  inOut(easing: EasingFunction): EasingFunction {
     return t => {
       if (t < 0.5) {
         return easing(t * 2) / 2;
@@ -247,4 +244,5 @@ const Easing = {
   },
 };
 
-export default Easing;
+export type Easing = typeof EasingStatic;
+export default EasingStatic;

package/Libraries/Animated/animations/Animation.js

@@ -13,10 +13,14 @@ import type AnimatedNode from '../nodes/AnimatedNode';
 import type AnimatedValue from '../nodes/AnimatedValue';
 
 import NativeAnimatedHelper from '../../../src/private/animated/NativeAnimatedHelper';
-import * as ReactNativeFeatureFlags from '../../../src/private/featureflags/ReactNativeFeatureFlags';
 import AnimatedProps from '../nodes/AnimatedProps';
 
-export type EndResult = {finished: boolean, value?: number, ...};
+export type EndResult = {
+  finished: boolean,
+  value?: number,
+  offset?: number,
+  ...
+};
 export type EndCallback = (result: EndResult) => void;
 
 export type AnimationConfig = $ReadOnly<{
@@ -141,9 +145,9 @@ export default class Animation {
           // When using natively driven animations, once the animation completes,
           // we need to ensure that the JS side nodes are synced with the updated
           // values.
-          const {value} = result;
+          const {value, offset} = result;
           if (value != null) {
-            animatedValue.__onAnimatedValueUpdateReceived(value);
+            animatedValue.__onAnimatedValueUpdateReceived(value, offset);
 
             if (this.__isLooping === true) {
               return;

package/Libraries/Animated/components/AnimatedFlatList.js

@@ -8,13 +8,14 @@
  * @format
  */
 
-import type {AnimatedComponentType} from '../createAnimatedComponent';
+import type {AnimatedProps} from '../createAnimatedComponent';
 
-import FlatList from '../../Lists/FlatList';
+import FlatList, {type FlatListProps} from '../../Lists/FlatList';
 import createAnimatedComponent from '../createAnimatedComponent';
 import * as React from 'react';
 
-export default (createAnimatedComponent(FlatList): AnimatedComponentType<
-  React.ElementConfig<typeof FlatList>,
-  FlatList<mixed>,
->);
+// $FlowExpectedError[unclear-type]
+export default (createAnimatedComponent(FlatList): component<ItemT = any>(
+  ref?: React.RefSetter<FlatList<ItemT>>,
+  ...props: AnimatedProps<FlatListProps<ItemT>>
+));