react-native-windows 0.79.5 → 0.80.0-preview.10

package/.flowconfig

@@ -4,6 +4,9 @@
 .*/*[.]ios.js
 .*/*[.]macos.js
 
+; Ignore fb_internal modules
+<PROJECT_ROOT>/packages/react-native/src/fb_internal/.*
+
 ; These modules have base components and Windows versions.
 ; Ideally we'd delete the base versions of files that had .windows overrides as part of the
 ; initRNLibraries build step
@@ -27,8 +30,6 @@
 <PROJECT_ROOT>/Libraries/Image/Image.js
 <PROJECT_ROOT>/Libraries/Image/resolveAssetSource.js
 <PROJECT_ROOT>/Libraries/Network/RCTNetworking.js
-<PROJECT_ROOT>/Libraries/NewAppScreen/components/DebugInstructions.js
-<PROJECT_ROOT>/Libraries/NewAppScreen/components/ReloadInstructions.js
 <PROJECT_ROOT>/Libraries/Pressability/Pressability.js
 <PROJECT_ROOT>/Libraries/Text/TextProps.js
 <PROJECT_ROOT>/Libraries/Types/CoreEventTypes.js
@@ -38,6 +39,12 @@
 <PROJECT_ROOT>/Libraries/LogBox/UI/LogBoxInspectorReactFrames.js
 <PROJECT_ROOT>/Libraries/Utilities/Platform.flow.js
 
+<PROJECT_ROOT>/IntegrationTests/ImageCachePolicyTest.js
+<PROJECT_ROOT>/IntegrationTests/LayoutEventsTest.js
+<PROJECT_ROOT>/IntegrationTests/IntegrationTestsApp.js
+<PROJECT_ROOT>/ReactCopies/IntegrationTests/ImageCachePolicyTest.js
+<PROJECT_ROOT>/ReactCopies/IntegrationTests/LayoutEventsTest.js
+<PROJECT_ROOT>/ReactCopies/IntegrationTests/IntegrationTestsApp.js
 
 ; Ignore react-native files in node_modules since they are copied into project root
 .*/node_modules/react-native/.*
@@ -130,6 +137,8 @@ module.name_mapper='^react-native-windows/\(.*\)$' -> '<PROJECT_ROOT>/\1'
 module.name_mapper='^@react-native/dev-middleware$' -> '<PROJECT_ROOT>/\1'
 module.name_mapper='^@?[./a-zA-Z0-9$_-]+\.\(bmp\|gif\|jpg\|jpeg\|png\|psd\|svg\|webp\|m4v\|mov\|mp4\|mpeg\|mpg\|webm\|aac\|aiff\|caf\|m4a\|mp3\|wav\|html\|pdf\|xml\)$' -> '<PROJECT_ROOT>/Libraries/Image/RelativeImageStub'
 
+react.runtime=automatic
+
 suppress_type=$FlowIssue
 suppress_type=$FlowFixMe
 suppress_type=$FlowFixMeProps
@@ -160,4 +169,4 @@ untyped-import
 untyped-type-import
 
 [version]
-^0.262.0
+^0.269.1

package/Directory.Build.props

@@ -19,6 +19,12 @@
     -->
     <EnableSourceLink Condition="'$(EnableSourceLink)' == '' AND '$(BuildingInRnwRepo)' == 'true'">true</EnableSourceLink>
     <EnableSourceLink Condition="'$(EnableSourceLink)' == ''">false</EnableSourceLink>
+    
+    <!-- Symbol Publishing Compliance (Work Item 59264834) - Generate PDB files for Release builds -->
+    <DebugSymbols Condition="'$(Configuration)' == 'Release'">true</DebugSymbols>
+    <DebugType Condition="'$(Configuration)' == 'Release'">pdbonly</DebugType>
+    <IncludeSymbols Condition="'$(Configuration)' == 'Release'">true</IncludeSymbols>
+    <IncludeSource Condition="'$(Configuration)' == 'Release'">false</IncludeSource>
     <!-- When bumping the Folly version, be sure to bump the git hash of that version's commit, find the matching fastfloat dependency and build Folly.vcxproj (to update its cgmanifest.json) too. -->
     <FollyVersion>2024.10.14.00</FollyVersion>
     <FastFloatVersion>6.1.4</FastFloatVersion>
@@ -74,10 +80,13 @@
 
     <IntermediateOutputPath Condition="'$(MSBuildProjectExtension)' == '.csproj'">$(IntDir)</IntermediateOutputPath>
     <OutputPath Condition="'$(MSBuildProjectExtension)' == '.csproj'">$(OutDir)</OutputPath>
+  </PropertyGroup>
 
-    <RestorePackagesWithLockFile Condition="'$(RestorePackagesWithLockFile)' == ''">true</RestorePackagesWithLockFile>
+  <PropertyGroup Condition="'$(BuildingInRnwRepo)' != 'true'">
+    <!-- Consumers of RNW outside of the repo don't need lock files unless they ask for it -->
+    <RestoreLockedMode Condition="'$(RestoreLockedMode)' == ''">false</RestoreLockedMode>
+    <RestorePackagesWithLockFile Condition="'$(RestorePackagesWithLockFile)' == ''">false</RestorePackagesWithLockFile>
     <RestoreForceEvaluate Condition="'$(RestoreForceEvaluate)' == ''">false</RestoreForceEvaluate>
-
   </PropertyGroup>
 
   <PropertyGroup Label="NuGet" Condition="'$(MSBuildProjectExtension)' == '.vcxproj'">

package/Folly/TEMP_UntilFollyUpdate/json/json.cpp

@@ -908,7 +908,7 @@ void escapeStringImpl(
 
     if (encodeUnicode) {
       // note that this if condition captures utf8 chars
-      // with value > 127, so size > 1 byte (or they are whitelisted for
+      // with value > 127, so size > 1 byte (or they are allowlisted for
       // Unicode encoding).
       // NOTE: char32_t / char16_t are both unsigned.
       char32_t cp = utf8ToCodePoint(p, e, opts.skip_invalid_utf8);

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/Alert.windows.js

@@ -116,12 +116,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>>
+));