@office-iss/react-native-win32 0.72.8 → 0.73.0-preview.2

package/CHANGELOG.md

@@ -1,134 +1,291 @@
 # Change Log - @office-iss/react-native-win32
 
-This log was last generated on Fri, 20 Oct 2023 23:18:24 GMT and should not be manually modified.
+This log was last generated on Tue, 24 Oct 2023 18:22:06 GMT and should not be manually modified.
 
 <!-- Start content -->
 
-## 0.72.8
+## 0.73.0-preview.2
 
-Fri, 20 Oct 2023 23:18:24 GMT
+Tue, 24 Oct 2023 18:22:06 GMT
 
-### Patches
+### Changes
 
-- add support for announceForAccessibilityWithOptions (krsiler@microsoft.com)
+- integrate 0.73-rc3 (tatianakapos@microsoft.com)
 
-## 0.72.7
+## 0.73.0-preview.1
 
-Mon, 16 Oct 2023 23:50:47 GMT
+Tue, 17 Oct 2023 22:26:52 GMT
 
-### Patches
+### Changes
 
-- Integrate RN 0.72.6 (jthysell@microsoft.com)
+- Promote 0.73 to preview (tatianakapos@microsoft.com)
 
-## 0.72.6
+## 0.0.0-canary.218
 
-Mon, 09 Oct 2023 15:13:27 GMT
+Thu, 12 Oct 2023 05:15:53 GMT
 
-### Patches
+### Changes
 
-- Have RCTNetworking.win32 fork RCTNetworking.ios (#12199) (julio.rocha@microsoft.com)
+- Integrate 9/25 (yajurgrover24@gmail.com)
+- Bump @rnw-scripts/eslint-config to v1.2.3
+- Bump @rnw-scripts/jest-out-of-tree-snapshot-resolver to v1.1.6
+- Bump @rnw-scripts/just-task to v2.3.17
+- Bump react-native-platform-override to v1.9.16
 
-## 0.72.5
+## 0.0.0-canary.217
 
-Wed, 27 Sep 2023 21:02:34 GMT
+Fri, 06 Oct 2023 05:13:51 GMT
 
-### Patches
+### Changes
 
-- Bump react-native dependency to 0.72.5 (30809111+acoates-ms@users.noreply.github.com)
+- Integrate 9/20 (34109996+chiaramooney@users.noreply.github.com)
 
-## 0.72.4
+## 0.0.0-canary.216
 
-Mon, 11 Sep 2023 15:14:55 GMT
+Tue, 03 Oct 2023 05:13:16 GMT
 
-### Patches
+### Changes
+
+- Have RCTNetworking.win32 fork RCTNetworking.ios (julio.rocha@microsoft.com)
+
+## 0.0.0-canary.215
+
+Wed, 20 Sep 2023 05:17:49 GMT
+
+### Changes
+
+- Integrate 8/11 (34109996+chiaramooney@users.noreply.github.com)
+- Bump @rnw-scripts/just-task to v2.3.16
+- Bump react-native-platform-override to v1.9.15
+
+## 0.0.0-canary.214
+
+Sat, 09 Sep 2023 05:12:55 GMT
+
+### Changes
 
 - Webpack assets do not prefix paths with /, which causes a lost char in asset path (30809111+acoates-ms@users.noreply.github.com)
 
-## 0.72.3
+## 0.0.0-canary.213
 
-Mon, 28 Aug 2023 15:14:10 GMT
+Tue, 29 Aug 2023 05:13:35 GMT
 
-### Patches
+### Changes
+
+- Integrate RN Nightly Build 7/28 (yajurgrover@microsoft.com)
+
+## 0.0.0-canary.212
+
+Sat, 26 Aug 2023 05:15:06 GMT
+
+### Changes
 
-- fix a11yState and add support for aria-required and -multiselectable (krsiler@microsoft.com)
 - Remove flow usage from saveAssetPlugin codeflow (30809111+acoates-ms@users.noreply.github.com)
 
-## 0.72.2
+## 0.0.0-canary.211
 
-Mon, 14 Aug 2023 15:18:19 GMT
+Thu, 24 Aug 2023 05:14:48 GMT
 
-### Patches
+### Changes
+
+- fix a11yState and add support for aria-required and -multiselectable (krsiler@microsoft.com)
+
+## 0.0.0-canary.210
+
+Fri, 11 Aug 2023 05:13:37 GMT
+
+### Changes
 
-- add isDefaultButton check to win32 (email not defined)
 - Add saveAssetPlugin to fix long path assets (30809111+acoates-ms@users.noreply.github.com)
 
-## 0.72.1
+## 0.0.0-canary.209
 
-Wed, 19 Jul 2023 18:43:52 GMT
+Fri, 28 Jul 2023 05:14:51 GMT
 
-### Patches
+### Changes
 
-- Integrate RN 0.72.3 (jthysell@microsoft.com)
+- Integrate 7/21 (34109996+chiaramooney@users.noreply.github.com)
+- Bump @rnw-scripts/just-task to v2.3.15
+- Bump react-native-platform-override to v1.9.14
 
-## 0.72.0
+## 0.0.0-canary.208
 
-Fri, 23 Jun 2023 22:30:08 GMT
+Thu, 27 Jul 2023 05:14:48 GMT
 
-### Patches
+### Changes
 
-- Promote 0.72 to latest (jthysell@microsoft.com)
+- integrate RN Nightly 7/5/23 (email not defined)
 
-## 0.72.0-preview.6
+## 0.0.0-canary.207
 
-Fri, 23 Jun 2023 01:59:52 GMT
+Wed, 26 Jul 2023 05:15:46 GMT
 
 ### Changes
 
-- Integrate RN 0.72.0 (jthysell@microsoft.com)
+- Remove upstream react-native flow typings from repo (jthysell@microsoft.com)
+- Bump @rnw-scripts/just-task to v2.3.14
+- Bump react-native-platform-override to v1.9.13
 
-## 0.72.0-preview.5
+## 0.0.0-canary.206
 
-Mon, 12 Jun 2023 15:15:26 GMT
+Tue, 18 Jul 2023 05:13:38 GMT
+
+### Changes
+
+- add isDefaultButton check to win32 (email not defined)
+
+## 0.0.0-canary.205
+
+Fri, 14 Jul 2023 05:17:04 GMT
+
+### Changes
+
+- integration 6/28 (tatianakapos@microsoft.com)
+- Bump @rnw-scripts/eslint-config to v1.2.2
+- Bump @rnw-scripts/jest-out-of-tree-snapshot-resolver to v1.1.5
+- Bump @rnw-scripts/just-task to v2.3.13
+- Bump react-native-platform-override to v1.9.12
+
+## 0.0.0-canary.204
+
+Sat, 01 Jul 2023 05:14:41 GMT
+
+### Changes
+
+- integrate 6/16 (tatianakapos@microsoft.com)
+- Bump @rnw-scripts/eslint-config to v1.2.1
+- Bump @rnw-scripts/jest-out-of-tree-snapshot-resolver to v1.1.4
+- Bump @rnw-scripts/just-task to v2.3.12
+- Bump react-native-platform-override to v1.9.11
+
+## 0.0.0-canary.203
+
+Fri, 16 Jun 2023 05:14:19 GMT
+
+### Changes
+
+- Add support for more aria props (30809111+acoates-ms@users.noreply.github.com)
+
+## 0.0.0-canary.202
+
+Tue, 13 Jun 2023 05:15:41 GMT
+
+### Changes
+
+- Bump @rnw-scripts/eslint-config to v1.2.0
+- Bump @rnw-scripts/jest-out-of-tree-snapshot-resolver to v1.1.3
+- Bump react-native-platform-override to v1.9.10
+
+## 0.0.0-canary.201
+
+Fri, 09 Jun 2023 05:15:17 GMT
 
 ### Changes
 
-- Export ITouchableWin32State (30809111+acoates-ms@users.noreply.github.com)
-- Fix various text properties not being forwarded to native (30809111+acoates-ms@users.noreply.github.com)
 - Type definition files shouldnt use win32 extension (30809111+acoates-ms@users.noreply.github.com)
-- Add eventPhase to IHandledKeyboardEvent (30809111+acoates-ms@users.noreply.github.com)
+- Fix various text properties not being forwarded to native (30809111+acoates-ms@users.noreply.github.com)
+
+## 0.0.0-canary.200
+
+Thu, 08 Jun 2023 05:15:28 GMT
+
+### Changes
+
+- Add missing eventPhase on IHandledKeyboardEvent (30809111+acoates-ms@users.noreply.github.com)
+- Export ITouchableWin32State (30809111+acoates-ms@users.noreply.github.com)
+
+## 0.0.0-canary.199
+
+Wed, 07 Jun 2023 05:16:10 GMT
+
+### Changes
 
-## 0.72.0-preview.4
+- integrate RN Nightly 6/1/23 (tatianakapos@microsoft.com)
+- Bump @rnw-scripts/just-task to v2.3.11
+- Bump react-native-platform-override to v1.9.9
 
-Mon, 22 May 2023 15:16:17 GMT
+## 0.0.0-canary.198
+
+Tue, 06 Jun 2023 19:06:43 GMT
 
 ### Changes
 
-- Merge rc3: (34109996+chiaramooney@users.noreply.github.com)
+- integrate RN nightly 5/19/23 (tatianakapos@microsoft.com)
+- Bump @rnw-scripts/just-task to v2.3.10
+- Bump react-native-platform-override to v1.9.8
 
-## 0.72.0-preview.3
+## 0.0.0-canary.197
 
-Mon, 15 May 2023 15:18:30 GMT
+Tue, 23 May 2023 05:13:44 GMT
+
+### Changes
+
+- RN integration 5/5/23 (tatianakapos@microsoft.com)
+
+## 0.0.0-canary.196
+
+Tue, 16 May 2023 05:16:29 GMT
+
+### Changes
+
+- Integrate 4/28 (34109996+chiaramooney@users.noreply.github.com)
+- Bump @rnw-scripts/just-task to v2.3.9
+- Bump react-native-platform-override to v1.9.7
+
+## 0.0.0-canary.195
+
+Fri, 12 May 2023 05:14:33 GMT
 
 ### Changes
 
 - Export additional TS types for back compat (30809111+acoates-ms@users.noreply.github.com)
 
-## 0.72.0-preview.2
+## 0.0.0-canary.194
+
+Mon, 08 May 2023 17:41:03 GMT
+
+### Changes
+
+- Fix typos and add `cspell` configuration (jthysell@microsoft.com)
+- Bump @rnw-scripts/just-task to v2.3.8
+- Bump react-native-platform-override to v1.9.6
+
+## 0.0.0-canary.193
+
+Wed, 03 May 2023 19:30:16 GMT
+
+### Changes
+
+- Simplify ViewWin32 focus, now devmain properly implements UIManger.focus (30809111+acoates-ms@users.noreply.github.com)
+
+## 0.0.0-canary.192
+
+Tue, 25 Apr 2023 05:16:56 GMT
+
+### Changes
+
+- Update Node to 16 (34109996+chiaramooney@users.noreply.github.com)
+- Integrate 4/13 (34109996+chiaramooney@users.noreply.github.com)
+- Bump @rnw-scripts/eslint-config to v1.1.16
+- Bump @rnw-scripts/jest-out-of-tree-snapshot-resolver to v1.1.2
+- Bump @rnw-scripts/just-task to v2.3.7
+- Bump react-native-platform-override to v1.9.5
+
+## 0.0.0-canary.191
 
-Thu, 04 May 2023 20:58:53 GMT
+Thu, 13 Apr 2023 05:14:28 GMT
 
 ### Changes
 
-- Backport Node 16 (34109996+chiaramooney@users.noreply.github.com)
-- Fix ref's on ViewWin32 (enables ViewWin32.focus() calls to work again) (30809111+acoates-ms@users.noreply.github.com)
+- Update TextInput.win32 to align with core (30809111+acoates-ms@users.noreply.github.com)
 
-## 0.72.0-preview.1
+## 0.0.0-canary.190
 
-Mon, 01 May 2023 16:43:57 GMT
+Sat, 08 Apr 2023 05:13:11 GMT
 
 ### Changes
 
-- Promote 0.72 to preview (34109996+chiaramooney@users.noreply.github.com)
+- integrate rn 0.0.0-20230404-2109-62c4da142 (tatianakapos@microsoft.com)
 
 ## 0.0.0-canary.189
 

package/IntegrationTests/PromiseTest.js

@@ -22,6 +22,7 @@ class PromiseTest extends React.Component<{...}> {
   shouldThrowAsync: boolean = false;
 
   componentDidMount() {
+    // $FlowFixMe[unused-promise]
     Promise.all([
       this.testShouldResolve(),
       this.testShouldReject(),

package/IntegrationTests/websocket_integration_test_server.js

@@ -31,7 +31,7 @@ server.on('connection', ws => {
       console.log('WebSocket integration test server exit');
       process.exit(0);
     }
-    ws.send(message + '_response');
+    ws.send(String(message) + '_response');
   });
 
   ws.send('hello');

package/Libraries/Animated/Animated.js

@@ -21,7 +21,7 @@ import Platform from '../Utilities/Platform';
 import AnimatedImplementation from './AnimatedImplementation';
 import AnimatedMock from './AnimatedMock';
 
-const Animated = ((Platform.isTesting
+const Animated = ((Platform.isDisableAnimations
   ? AnimatedMock
   : AnimatedImplementation): typeof AnimatedImplementation);
 

package/Libraries/Animated/AnimatedImplementation.js

@@ -378,7 +378,7 @@ const parallel = function (
       }
 
       animations.forEach((animation, idx) => {
-        const cb = function (endResult: EndResult | {finished: boolean}) {
+        const cb = function (endResult: EndResult) {
           hasEnded[idx] = true;
           doneCount++;
           if (doneCount === animations.length) {

package/Libraries/Animated/NativeAnimatedHelper.js

@@ -28,9 +28,7 @@ import invariant from 'invariant';
 
 // TODO T69437152 @petetheheat - Delete this fork when Fabric ships to 100%.
 const NativeAnimatedModule =
-  Platform.OS === 'ios' && global.RN$Bridgeless === true
-    ? NativeAnimatedTurboModule
-    : NativeAnimatedNonTurboModule;
+  NativeAnimatedNonTurboModule ?? NativeAnimatedTurboModule;
 
 let __nativeAnimatedNodeTagCount = 1; /* used for animated nodes */
 let __nativeAnimationIdCount = 1; /* used for started animations */
@@ -425,6 +423,9 @@ const SUPPORTED_TRANSFORMS = {
   rotateY: true,
   rotateZ: true,
   perspective: true,
+  skewX: true,
+  skewY: true,
+  matrix: ReactNativeFeatureFlags.shouldUseAnimatedObjectForTransform(),
 };
 
 const SUPPORTED_INTERPOLATION_PARAMS = {
@@ -451,19 +452,19 @@ function addWhitelistedInterpolationParam(param: string): void {
 }
 
 function isSupportedColorStyleProp(prop: string): boolean {
-  return SUPPORTED_COLOR_STYLES.hasOwnProperty(prop);
+  return SUPPORTED_COLOR_STYLES[prop] === true;
 }
 
 function isSupportedStyleProp(prop: string): boolean {
-  return SUPPORTED_STYLES.hasOwnProperty(prop);
+  return SUPPORTED_STYLES[prop] === true;
 }
 
 function isSupportedTransformProp(prop: string): boolean {
-  return SUPPORTED_TRANSFORMS.hasOwnProperty(prop);
+  return SUPPORTED_TRANSFORMS[prop] === true;
 }
 
 function isSupportedInterpolationParam(param: string): boolean {
-  return SUPPORTED_INTERPOLATION_PARAMS.hasOwnProperty(param);
+  return SUPPORTED_INTERPOLATION_PARAMS[param] === true;
 }
 
 function validateTransform(
@@ -562,10 +563,13 @@ function transformDataType(value: number | string): number | string {
   if (typeof value !== 'string') {
     return value;
   }
-  if (/deg$/.test(value)) {
+
+  // Normalize degrees and radians to a number expressed in radians
+  if (value.endsWith('deg')) {
     const degrees = parseFloat(value) || 0;
-    const radians = (degrees * Math.PI) / 180.0;
-    return radians;
+    return (degrees * Math.PI) / 180.0;
+  } else if (value.endsWith('rad')) {
+    return parseFloat(value) || 0;
   } else {
     return value;
   }

package/Libraries/Animated/NativeAnimatedHelper.win32.js

@@ -28,9 +28,7 @@ import invariant from 'invariant';
 
 // TODO T69437152 @petetheheat - Delete this fork when Fabric ships to 100%.
 const NativeAnimatedModule =
-  Platform.OS === 'ios' && global.RN$Bridgeless === true
-    ? NativeAnimatedTurboModule
-    : NativeAnimatedNonTurboModule;
+  NativeAnimatedNonTurboModule ?? NativeAnimatedTurboModule;
 
 let __nativeAnimatedNodeTagCount = 1; /* used for animated nodes */
 let __nativeAnimationIdCount = 1; /* used for started animations */
@@ -427,6 +425,9 @@ const SUPPORTED_TRANSFORMS = {
   rotateY: true,
   rotateZ: true,
   perspective: true,
+  skewX: true,
+  skewY: true,
+  matrix: ReactNativeFeatureFlags.shouldUseAnimatedObjectForTransform(),
 };
 
 const SUPPORTED_INTERPOLATION_PARAMS = {
@@ -453,19 +454,19 @@ function addWhitelistedInterpolationParam(param: string): void {
 }
 
 function isSupportedColorStyleProp(prop: string): boolean {
-  return SUPPORTED_COLOR_STYLES.hasOwnProperty(prop);
+  return SUPPORTED_COLOR_STYLES[prop] === true;
 }
 
 function isSupportedStyleProp(prop: string): boolean {
-  return SUPPORTED_STYLES.hasOwnProperty(prop);
+  return SUPPORTED_STYLES[prop] === true;
 }
 
 function isSupportedTransformProp(prop: string): boolean {
-  return SUPPORTED_TRANSFORMS.hasOwnProperty(prop);
+  return SUPPORTED_TRANSFORMS[prop] === true;
 }
 
 function isSupportedInterpolationParam(param: string): boolean {
-  return SUPPORTED_INTERPOLATION_PARAMS.hasOwnProperty(param);
+  return SUPPORTED_INTERPOLATION_PARAMS[param] === true;
 }
 
 function validateTransform(
@@ -564,10 +565,13 @@ function transformDataType(value: number | string): number | string {
   if (typeof value !== 'string') {
     return value;
   }
-  if (/deg$/.test(value)) {
+
+  // Normalize degrees and radians to a number expressed in radians
+  if (value.endsWith('deg')) {
     const degrees = parseFloat(value) || 0;
-    const radians = (degrees * Math.PI) / 180.0;
-    return radians;
+    return (degrees * Math.PI) / 180.0;
+  } else if (value.endsWith('rad')) {
+    return parseFloat(value) || 0;
   } else {
     return value;
   }
@@ -590,8 +594,8 @@ export default {
   assertNativeAnimatedModule,
   shouldUseNativeDriver,
   transformDataType,
-  // $FlowExpectedError[unsafe-getters-setters] - unsafe getter lint suppresion
-  // $FlowExpectedError[missing-type-arg] - unsafe getter lint suppresion
+  // $FlowExpectedError[unsafe-getters-setters] - unsafe getter lint suppression
+  // $FlowExpectedError[missing-type-arg] - unsafe getter lint suppression
   get nativeEventEmitter(): NativeEventEmitter {
     if (!nativeEventEmitter) {
       // $FlowFixMe[underconstrained-implicit-instantiation]

package/Libraries/Animated/NativeAnimatedModule.js

@@ -11,8 +11,9 @@
 import type {TurboModule} from '../TurboModule/RCTExport';
 
 import * as TurboModuleRegistry from '../TurboModule/TurboModuleRegistry';
+import shouldUseTurboAnimatedModule from './shouldUseTurboAnimatedModule';
 
-type EndResult = {finished: boolean, ...};
+type EndResult = {finished: boolean, value?: number, ...};
 type EndCallback = (result: EndResult) => void;
 type SaveValueCallback = (value: number) => void;
 
@@ -70,4 +71,7 @@ export interface Spec extends TurboModule {
   +queueAndExecuteBatchedOperations?: (operationsAndArgs: Array<any>) => void;
 }
 
-export default (TurboModuleRegistry.get<Spec>('NativeAnimatedModule'): ?Spec);
+const NativeModule: ?Spec = !shouldUseTurboAnimatedModule()
+  ? TurboModuleRegistry.get<Spec>('NativeAnimatedModule')
+  : null;
+export default NativeModule;

package/Libraries/Animated/NativeAnimatedTurboModule.js

@@ -11,8 +11,9 @@
 import type {TurboModule} from '../TurboModule/RCTExport';
 
 import * as TurboModuleRegistry from '../TurboModule/TurboModuleRegistry';
+import shouldUseTurboAnimatedModule from './shouldUseTurboAnimatedModule';
 
-type EndResult = {finished: boolean, ...};
+type EndResult = {finished: boolean, value?: number, ...};
 type EndCallback = (result: EndResult) => void;
 type SaveValueCallback = (value: number) => void;
 
@@ -70,6 +71,8 @@ export interface Spec extends TurboModule {
   +queueAndExecuteBatchedOperations?: (operationsAndArgs: Array<any>) => void;
 }
 
-export default (TurboModuleRegistry.get<Spec>(
-  'NativeAnimatedTurboModule',
-): ?Spec);
+const NativeModule: ?Spec = shouldUseTurboAnimatedModule()
+  ? TurboModuleRegistry.get<Spec>('NativeAnimatedTurboModule')
+  : null;
+
+export default NativeModule;

package/Libraries/Animated/animations/Animation.js

@@ -11,11 +11,16 @@
 'use strict';
 
 import type {PlatformConfig} from '../AnimatedPlatformConfig';
+import type AnimatedNode from '../nodes/AnimatedNode';
 import type AnimatedValue from '../nodes/AnimatedValue';
 
+import Platform from '../../Utilities/Platform';
 import NativeAnimatedHelper from '../NativeAnimatedHelper';
+import AnimatedColor from '../nodes/AnimatedColor';
+import AnimatedProps from '../nodes/AnimatedProps';
+import AnimatedValueXY from '../nodes/AnimatedValueXY';
 
-export type EndResult = {finished: boolean, ...};
+export type EndResult = {finished: boolean, value?: number, ...};
 export type EndCallback = (result: EndResult) => void;
 
 export type AnimationConfig = {
@@ -37,6 +42,7 @@ export default class Animation {
   __nativeId: number;
   __onEnd: ?EndCallback;
   __iterations: number;
+
   start(
     fromValue: number,
     onUpdate: (value: number) => void,
@@ -44,22 +50,55 @@ export default class Animation {
     previousAnimation: ?Animation,
     animatedValue: AnimatedValue,
   ): void {}
+
   stop(): void {
     if (this.__nativeId) {
       NativeAnimatedHelper.API.stopAnimation(this.__nativeId);
     }
   }
+
   __getNativeAnimationConfig(): any {
     // Subclasses that have corresponding animation implementation done in native
     // should override this method
     throw new Error('This animation type cannot be offloaded to native');
   }
+
   // Helper function for subclasses to make sure onEnd is only called once.
   __debouncedOnEnd(result: EndResult): void {
     const onEnd = this.__onEnd;
     this.__onEnd = null;
     onEnd && onEnd(result);
   }
+
+  __findAnimatedPropsNodes(node: AnimatedNode): Array<AnimatedProps> {
+    const result = [];
+
+    if (node instanceof AnimatedProps) {
+      result.push(node);
+      return result;
+    }
+
+    // Vectorized animations (animations on AnimatedValueXY, AnimatedColor nodes)
+    // are split into multiple animations for each component that execute in parallel.
+    // Calling update() on AnimatedProps when each animation completes results in
+    // potential flickering as all animations that are part of the vectorized animation
+    // may not have completed yet. For example, only the animation for the red channel of
+    // an animating color may have been completed, resulting in a temporary red color
+    // being rendered. So, for now, ignore AnimatedProps that use a vectorized animation.
+    if (
+      Platform.OS === 'ios' &&
+      (node instanceof AnimatedValueXY || node instanceof AnimatedColor)
+    ) {
+      return result;
+    }
+
+    for (const child of node.__getChildren()) {
+      result.push(...this.__findAnimatedPropsNodes(child));
+    }
+
+    return result;
+  }
+
   __startNativeAnimation(animatedValue: AnimatedValue): void {
     const startNativeAnimationWaitId = `${startNativeAnimationNextId}:startAnimation`;
     startNativeAnimationNextId += 1;
@@ -74,8 +113,23 @@ export default class Animation {
         this.__nativeId,
         animatedValue.__getNativeTag(),
         config,
-        // $FlowFixMe[method-unbinding] added when improving typing for this parameters
-        this.__debouncedOnEnd.bind(this),
+        result => {
+          this.__debouncedOnEnd(result);
+
+          // 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;
+          if (value != null) {
+            animatedValue.__onAnimatedValueUpdateReceived(value);
+
+            // Once the JS side node is synced with the updated values, trigger an
+            // update on the AnimatedProps nodes to call any registered callbacks.
+            this.__findAnimatedPropsNodes(animatedValue).forEach(node =>
+              node.update(),
+            );
+          }
+        },
       );
     } catch (e) {
       throw e;