@office-iss/react-native-win32 0.67.0-preview.2 → 0.68.0-preview.2

package/Libraries/Animated/nodes/AnimatedInterpolation.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * 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.
@@ -19,6 +19,8 @@ const NativeAnimatedHelper = require('../NativeAnimatedHelper');
 const invariant = require('invariant');
 const normalizeColor = require('../../StyleSheet/normalizeColor');
 
+import type {PlatformConfig} from '../AnimatedPlatformConfig';
+
 type ExtrapolateType = 'extend' | 'identity' | 'clamp';
 
 export type InterpolationConfigType = {
@@ -30,7 +32,7 @@ export type InterpolationConfigType = {
   extrapolateRight?: ExtrapolateType,
 };
 
-const linear = t => t;
+const linear = (t: number) => t;
 
 /**
  * Very handy helper to map input ranges to output ranges with an easing
@@ -248,7 +250,7 @@ function createInterpolationFromStringOutputRange(
   };
 }
 
-function isRgbOrRgba(range) {
+function isRgbOrRgba(range: string) {
   return typeof range === 'string' && range.startsWith('rgb');
 }
 
@@ -317,9 +319,9 @@ class AnimatedInterpolation extends AnimatedWithChildren {
     this._interpolation = createInterpolation(config);
   }
 
-  __makeNative() {
-    this._parent.__makeNative();
-    super.__makeNative();
+  __makeNative(platformConfig: ?PlatformConfig) {
+    this._parent.__makeNative(platformConfig);
+    super.__makeNative(platformConfig);
   }
 
   __getValue(): number | string {

package/Libraries/Animated/nodes/AnimatedModulo.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * 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.
@@ -15,6 +15,7 @@ const AnimatedNode = require('./AnimatedNode');
 const AnimatedWithChildren = require('./AnimatedWithChildren');
 
 import type {InterpolationConfigType} from './AnimatedInterpolation';
+import type {PlatformConfig} from '../AnimatedPlatformConfig';
 
 class AnimatedModulo extends AnimatedWithChildren {
   _a: AnimatedNode;
@@ -26,9 +27,9 @@ class AnimatedModulo extends AnimatedWithChildren {
     this._modulus = modulus;
   }
 
-  __makeNative() {
-    this._a.__makeNative();
-    super.__makeNative();
+  __makeNative(platformConfig: ?PlatformConfig) {
+    this._a.__makeNative(platformConfig);
+    super.__makeNative(platformConfig);
   }
 
   __getValue(): number {

package/Libraries/Animated/nodes/AnimatedMultiplication.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * 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.
@@ -16,6 +16,7 @@ const AnimatedValue = require('./AnimatedValue');
 const AnimatedWithChildren = require('./AnimatedWithChildren');
 
 import type {InterpolationConfigType} from './AnimatedInterpolation';
+import type {PlatformConfig} from '../AnimatedPlatformConfig';
 
 class AnimatedMultiplication extends AnimatedWithChildren {
   _a: AnimatedNode;
@@ -27,10 +28,10 @@ class AnimatedMultiplication extends AnimatedWithChildren {
     this._b = typeof b === 'number' ? new AnimatedValue(b) : b;
   }
 
-  __makeNative() {
-    this._a.__makeNative();
-    this._b.__makeNative();
-    super.__makeNative();
+  __makeNative(platformConfig: ?PlatformConfig) {
+    this._a.__makeNative(platformConfig);
+    this._b.__makeNative(platformConfig);
+    super.__makeNative(platformConfig);
   }
 
   __getValue(): number {

package/Libraries/Animated/nodes/AnimatedNode.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * 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.
@@ -15,6 +15,8 @@ const NativeAnimatedHelper = require('../NativeAnimatedHelper');
 const NativeAnimatedAPI = NativeAnimatedHelper.API;
 const invariant = require('invariant');
 
+import type {PlatformConfig} from '../AnimatedPlatformConfig';
+
 type ValueListenerCallback = (state: {value: number, ...}) => mixed;
 
 let _uniqueId = 1;
@@ -23,6 +25,7 @@ let _uniqueId = 1;
 // support them yet
 class AnimatedNode {
   _listeners: {[key: string]: ValueListenerCallback, ...};
+  _platformConfig: ?PlatformConfig;
   __nativeAnimatedValueListener: ?any;
   __attach(): void {}
   __detach(): void {
@@ -50,11 +53,12 @@ class AnimatedNode {
     this._listeners = {};
   }
 
-  __makeNative() {
+  __makeNative(platformConfig: ?PlatformConfig) {
     if (!this.__isNative) {
       throw new Error('This node cannot be made a "native" animated node');
     }
 
+    this._platformConfig = platformConfig;
     if (this.hasListeners()) {
       this._startListeningToNativeValueUpdates();
     }
@@ -65,7 +69,7 @@ class AnimatedNode {
    * animations.  This is useful because there is no way to
    * synchronously read the value because it might be driven natively.
    *
-   * See https://reactnative.dev/docs/animatedvalue.html#addlistener
+   * See https://reactnative.dev/docs/animatedvalue#addlistener
    */
   addListener(callback: (value: any) => mixed): string {
     const id = String(_uniqueId++);
@@ -80,7 +84,7 @@ class AnimatedNode {
    * Unregister a listener. The `id` param shall match the identifier
    * previously returned by `addListener()`.
    *
-   * See https://reactnative.dev/docs/animatedvalue.html#removelistener
+   * See https://reactnative.dev/docs/animatedvalue#removelistener
    */
   removeListener(id: string): void {
     delete this._listeners[id];
@@ -92,7 +96,7 @@ class AnimatedNode {
   /**
    * Remove all registered listeners.
    *
-   * See https://reactnative.dev/docs/animatedvalue.html#removealllisteners
+   * See https://reactnative.dev/docs/animatedvalue#removealllisteners
    */
   removeAllListeners(): void {
     this._listeners = {};
@@ -119,15 +123,16 @@ class AnimatedNode {
     }
 
     NativeAnimatedAPI.startListeningToAnimatedNodeValue(this.__getNativeTag());
-    this.__nativeAnimatedValueListener = NativeAnimatedHelper.nativeEventEmitter.addListener(
-      'onAnimatedValueUpdate',
-      data => {
-        if (data.tag !== this.__getNativeTag()) {
-          return;
-        }
-        this._onAnimatedValueUpdateReceived(data.value);
-      },
-    );
+    this.__nativeAnimatedValueListener =
+      NativeAnimatedHelper.nativeEventEmitter.addListener(
+        'onAnimatedValueUpdate',
+        data => {
+          if (data.tag !== this.__getNativeTag()) {
+            return;
+          }
+          this._onAnimatedValueUpdateReceived(data.value);
+        },
+      );
   }
 
   _onAnimatedValueUpdateReceived(value: number) {
@@ -162,10 +167,11 @@ class AnimatedNode {
 
     if (this.__nativeTag == null) {
       this.__nativeTag = nativeTag;
-      NativeAnimatedHelper.API.createAnimatedNode(
-        nativeTag,
-        this.__getNativeConfig(),
-      );
+      const config = this.__getNativeConfig();
+      if (this._platformConfig) {
+        config.platformConfig = this._platformConfig;
+      }
+      NativeAnimatedHelper.API.createAnimatedNode(nativeTag, config);
       this.__shouldUpdateListenersForNewNativeTag = true;
     }
 
@@ -179,6 +185,13 @@ class AnimatedNode {
   toJSON(): any {
     return this.__getValue();
   }
+
+  __getPlatformConfig(): ?PlatformConfig {
+    return this._platformConfig;
+  }
+  __setPlatformConfig(platformConfig: ?PlatformConfig) {
+    this._platformConfig = platformConfig;
+  }
 }
 
 module.exports = AnimatedNode;

package/Libraries/Animated/nodes/AnimatedProps.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * 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.
@@ -18,6 +18,8 @@ const ReactNative = require('../../Renderer/shims/ReactNative');
 
 const invariant = require('invariant');
 
+import type {PlatformConfig} from '../AnimatedPlatformConfig';
+
 class AnimatedProps extends AnimatedNode {
   _props: Object;
   _animatedView: any;
@@ -91,15 +93,21 @@ class AnimatedProps extends AnimatedNode {
     this._callback();
   }
 
-  __makeNative(): void {
+  __makeNative(platformConfig: ?PlatformConfig): void {
     if (!this.__isNative) {
       this.__isNative = true;
       for (const key in this._props) {
         const value = this._props[key];
         if (value instanceof AnimatedNode) {
-          value.__makeNative();
+          value.__makeNative(platformConfig);
         }
       }
+
+      // Since this does not call the super.__makeNative, we need to store the
+      // supplied platformConfig here, before calling __connectAnimatedView
+      // where it will be needed to traverse the graph of attached values.
+      super.__setPlatformConfig(platformConfig);
+
       if (this._animatedView) {
         this.__connectAnimatedView();
       }
@@ -161,7 +169,7 @@ class AnimatedProps extends AnimatedNode {
     for (const propKey in this._props) {
       const value = this._props[propKey];
       if (value instanceof AnimatedNode) {
-        value.__makeNative();
+        value.__makeNative(this.__getPlatformConfig());
         propsConfig[propKey] = value.__getNativeTag();
       }
     }

package/Libraries/Animated/nodes/AnimatedStyle.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * 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.
@@ -17,6 +17,8 @@ const NativeAnimatedHelper = require('../NativeAnimatedHelper');
 
 const flattenStyle = require('../../StyleSheet/flattenStyle');
 
+import type {PlatformConfig} from '../AnimatedPlatformConfig';
+
 class AnimatedStyle extends AnimatedWithChildren {
   _style: Object;
 
@@ -33,7 +35,7 @@ class AnimatedStyle extends AnimatedWithChildren {
   }
 
   // Recursively get values for nested styles (like iOS's shadowOffset)
-  _walkStyleAndGetValues(style) {
+  _walkStyleAndGetValues(style: any) {
     const updatedStyle = {};
     for (const key in style) {
       const value = style[key];
@@ -58,7 +60,7 @@ class AnimatedStyle extends AnimatedWithChildren {
   }
 
   // Recursively get animated values for nested styles (like iOS's shadowOffset)
-  _walkStyleAndGetAnimatedValues(style) {
+  _walkStyleAndGetAnimatedValues(style: any) {
     const updatedStyle = {};
     for (const key in style) {
       const value = style[key];
@@ -95,14 +97,14 @@ class AnimatedStyle extends AnimatedWithChildren {
     super.__detach();
   }
 
-  __makeNative() {
+  __makeNative(platformConfig: ?PlatformConfig) {
     for (const key in this._style) {
       const value = this._style[key];
       if (value instanceof AnimatedNode) {
-        value.__makeNative();
+        value.__makeNative(platformConfig);
       }
     }
-    super.__makeNative();
+    super.__makeNative(platformConfig);
   }
 
   __getNativeConfig(): Object {
@@ -110,7 +112,7 @@ class AnimatedStyle extends AnimatedWithChildren {
     for (const styleKey in this._style) {
       if (this._style[styleKey] instanceof AnimatedNode) {
         const style = this._style[styleKey];
-        style.__makeNative();
+        style.__makeNative(this.__getPlatformConfig());
         styleConfig[styleKey] = style.__getNativeTag();
       }
       // Non-animated styles are set using `setNativeProps`, no need

package/Libraries/Animated/nodes/AnimatedSubtraction.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * 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.
@@ -16,6 +16,7 @@ const AnimatedValue = require('./AnimatedValue');
 const AnimatedWithChildren = require('./AnimatedWithChildren');
 
 import type {InterpolationConfigType} from './AnimatedInterpolation';
+import type {PlatformConfig} from '../AnimatedPlatformConfig';
 
 class AnimatedSubtraction extends AnimatedWithChildren {
   _a: AnimatedNode;
@@ -27,10 +28,10 @@ class AnimatedSubtraction extends AnimatedWithChildren {
     this._b = typeof b === 'number' ? new AnimatedValue(b) : b;
   }
 
-  __makeNative() {
-    this._a.__makeNative();
-    this._b.__makeNative();
-    super.__makeNative();
+  __makeNative(platformConfig: ?PlatformConfig) {
+    this._a.__makeNative(platformConfig);
+    this._b.__makeNative(platformConfig);
+    super.__makeNative(platformConfig);
   }
 
   __getValue(): number {

package/Libraries/Animated/nodes/AnimatedTracking.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * 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.
@@ -17,6 +17,7 @@ const {
   shouldUseNativeDriver,
 } = require('../NativeAnimatedHelper');
 
+import type {PlatformConfig} from '../AnimatedPlatformConfig';
 import type {EndCallback} from '../animations/Animation';
 
 class AnimatedTracking extends AnimatedNode {
@@ -44,11 +45,11 @@ class AnimatedTracking extends AnimatedNode {
     this.__attach();
   }
 
-  __makeNative() {
+  __makeNative(platformConfig: ?PlatformConfig) {
     this.__isNative = true;
-    this._parent.__makeNative();
-    super.__makeNative();
-    this._value.__makeNative();
+    this._parent.__makeNative(platformConfig);
+    super.__makeNative(platformConfig);
+    this._value.__makeNative(platformConfig);
   }
 
   __getValue(): Object {
@@ -63,7 +64,8 @@ class AnimatedTracking extends AnimatedNode {
       // if we don't do this `update` method will get called. At that point it
       // may be too late as it would mean the JS driver has already started
       // updating node values
-      this.__makeNative();
+      let {platformConfig} = this._animationConfig;
+      this.__makeNative(platformConfig);
     }
   }
 

package/Libraries/Animated/nodes/AnimatedTransform.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * 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.
@@ -14,6 +14,8 @@ const AnimatedNode = require('./AnimatedNode');
 const AnimatedWithChildren = require('./AnimatedWithChildren');
 const NativeAnimatedHelper = require('../NativeAnimatedHelper');
 
+import type {PlatformConfig} from '../AnimatedPlatformConfig';
+
 class AnimatedTransform extends AnimatedWithChildren {
   _transforms: $ReadOnlyArray<Object>;
 
@@ -22,16 +24,16 @@ class AnimatedTransform extends AnimatedWithChildren {
     this._transforms = transforms;
   }
 
-  __makeNative() {
+  __makeNative(platformConfig: ?PlatformConfig) {
     this._transforms.forEach(transform => {
       for (const key in transform) {
         const value = transform[key];
         if (value instanceof AnimatedNode) {
-          value.__makeNative();
+          value.__makeNative(platformConfig);
         }
       }
     });
-    super.__makeNative();
+    super.__makeNative(platformConfig);
   }
 
   __getValue(): $ReadOnlyArray<Object> {

package/Libraries/Animated/nodes/AnimatedValue.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * 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.
@@ -15,6 +15,7 @@ const AnimatedWithChildren = require('./AnimatedWithChildren');
 const InteractionManager = require('../../Interaction/InteractionManager');
 const NativeAnimatedHelper = require('../NativeAnimatedHelper');
 
+import type AnimatedNode from './AnimatedNode';
 import type Animation, {EndCallback} from '../animations/Animation';
 import type {InterpolationConfigType} from './AnimatedInterpolation';
 import type AnimatedTracking from './AnimatedTracking';
@@ -45,7 +46,7 @@ const NativeAnimatedAPI = NativeAnimatedHelper.API;
  */
 function _flush(rootNode: AnimatedValue): void {
   const animatedStyles = new Set();
-  function findAnimatedStyles(node) {
+  function findAnimatedStyles(node: AnimatedValue | AnimatedNode) {
     /* $FlowFixMe[prop-missing] (>=0.68.0 site=react_native_fb) This comment
      * suppresses an error found when Flow v0.68 was deployed. To see the error
      * delete this comment and run Flow. */
@@ -77,7 +78,7 @@ function _executeAsAnimatedBatch(id: string, operation: () => void) {
  * mechanism at a time.  Using a new mechanism (e.g. starting a new animation,
  * or calling `setValue`) will stop any previous ones.
  *
- * See https://reactnative.dev/docs/animatedvalue.html
+ * See https://reactnative.dev/docs/animatedvalue
  */
 class AnimatedValue extends AnimatedWithChildren {
   _value: number;
@@ -99,7 +100,7 @@ class AnimatedValue extends AnimatedWithChildren {
   __detach() {
     if (this.__isNative) {
       NativeAnimatedAPI.getValue(this.__getNativeTag(), value => {
-        this._value = value;
+        this._value = value - this._offset;
       });
     }
     this.stopAnimation();
@@ -114,7 +115,7 @@ class AnimatedValue extends AnimatedWithChildren {
    * Directly set the value.  This will stop any animations running on the value
    * and update all the bound properties.
    *
-   * See https://reactnative.dev/docs/animatedvalue.html#setvalue
+   * See https://reactnative.dev/docs/animatedvalue#setvalue
    */
   setValue(value: number): void {
     if (this._animation) {
@@ -137,7 +138,7 @@ class AnimatedValue extends AnimatedWithChildren {
    * `setValue`, an animation, or `Animated.event`.  Useful for compensating
    * things like the start of a pan gesture.
    *
-   * See https://reactnative.dev/docs/animatedvalue.html#setoffset
+   * See https://reactnative.dev/docs/animatedvalue#setoffset
    */
   setOffset(offset: number): void {
     this._offset = offset;
@@ -150,7 +151,7 @@ class AnimatedValue extends AnimatedWithChildren {
    * Merges the offset value into the base value and resets the offset to zero.
    * The final output of the value is unchanged.
    *
-   * See https://reactnative.dev/docs/animatedvalue.html#flattenoffset
+   * See https://reactnative.dev/docs/animatedvalue#flattenoffset
    */
   flattenOffset(): void {
     this._value += this._offset;
@@ -164,7 +165,7 @@ class AnimatedValue extends AnimatedWithChildren {
    * Sets the offset value to the base value, and resets the base value to zero.
    * The final output of the value is unchanged.
    *
-   * See https://reactnative.dev/docs/animatedvalue.html#extractoffset
+   * See https://reactnative.dev/docs/animatedvalue#extractoffset
    */
   extractOffset(): void {
     this._offset += this._value;
@@ -179,19 +180,25 @@ class AnimatedValue extends AnimatedWithChildren {
    * final value after stopping the animation, which is useful for updating
    * state to match the animation position with layout.
    *
-   * See https://reactnative.dev/docs/animatedvalue.html#stopanimation
+   * See https://reactnative.dev/docs/animatedvalue#stopanimation
    */
   stopAnimation(callback?: ?(value: number) => void): void {
     this.stopTracking();
     this._animation && this._animation.stop();
     this._animation = null;
-    callback && callback(this.__getValue());
+    if (callback) {
+      if (this.__isNative) {
+        NativeAnimatedAPI.getValue(this.__getNativeTag(), callback);
+      } else {
+        callback(this.__getValue());
+      }
+    }
   }
 
   /**
    * Stops any animation and resets the value to its original.
    *
-   * See https://reactnative.dev/docs/animatedvalue.html#resetanimation
+   * See https://reactnative.dev/docs/animatedvalue#resetanimation
    */
   resetAnimation(callback?: ?(value: number) => void): void {
     this.stopAnimation(callback);
@@ -220,7 +227,7 @@ class AnimatedValue extends AnimatedWithChildren {
    * Typically only used internally, but could be used by a custom Animation
    * class.
    *
-   * See https://reactnative.dev/docs/animatedvalue.html#animate
+   * See https://reactnative.dev/docs/animatedvalue#animate
    */
   animate(animation: Animation, callback: ?EndCallback): void {
     let handle = null;
@@ -263,6 +270,8 @@ class AnimatedValue extends AnimatedWithChildren {
   track(tracking: AnimatedTracking): void {
     this.stopTracking();
     this._tracking = tracking;
+    // Make sure that the tracking animation starts executing
+    this._tracking && this._tracking.update();
   }
 
   _updateValue(value: number, flush: boolean): void {

package/Libraries/Animated/nodes/AnimatedValueXY.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * 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.
@@ -27,7 +27,7 @@ let _uniqueId = 1;
  * 2D Value for driving 2D animations, such as pan gestures. Almost identical
  * API to normal `Animated.Value`, but multiplexed.
  *
- * See https://reactnative.dev/docs/animatedvaluexy.html
+ * See https://reactnative.dev/docs/animatedvaluexy
  */
 class AnimatedValueXY extends AnimatedWithChildren {
   x: AnimatedValue;
@@ -38,7 +38,7 @@ class AnimatedValueXY extends AnimatedWithChildren {
       y: string,
       ...
     },
-    ...,
+    ...
   };
 
   constructor(
@@ -69,7 +69,7 @@ class AnimatedValueXY extends AnimatedWithChildren {
    * Directly set the value. This will stop any animations running on the value
    * and update all the bound properties.
    *
-   * See https://reactnative.dev/docs/animatedvaluexy.html#setvalue
+   * See https://reactnative.dev/docs/animatedvaluexy#setvalue
    */
   setValue(value: {x: number, y: number, ...}) {
     this.x.setValue(value.x);
@@ -81,7 +81,7 @@ class AnimatedValueXY extends AnimatedWithChildren {
    * via `setValue`, an animation, or `Animated.event`. Useful for compensating
    * things like the start of a pan gesture.
    *
-   * See https://reactnative.dev/docs/animatedvaluexy.html#setoffset
+   * See https://reactnative.dev/docs/animatedvaluexy#setoffset
    */
   setOffset(offset: {x: number, y: number, ...}) {
     this.x.setOffset(offset.x);
@@ -92,7 +92,7 @@ class AnimatedValueXY extends AnimatedWithChildren {
    * Merges the offset value into the base value and resets the offset to zero.
    * The final output of the value is unchanged.
    *
-   * See https://reactnative.dev/docs/animatedvaluexy.html#flattenoffset
+   * See https://reactnative.dev/docs/animatedvaluexy#flattenoffset
    */
   flattenOffset(): void {
     this.x.flattenOffset();
@@ -103,7 +103,7 @@ class AnimatedValueXY extends AnimatedWithChildren {
    * Sets the offset value to the base value, and resets the base value to
    * zero. The final output of the value is unchanged.
    *
-   * See https://reactnative.dev/docs/animatedvaluexy.html#extractoffset
+   * See https://reactnative.dev/docs/animatedvaluexy#extractoffset
    */
   extractOffset(): void {
     this.x.extractOffset();
@@ -124,7 +124,7 @@ class AnimatedValueXY extends AnimatedWithChildren {
   /**
    * Stops any animation and resets the value to its original.
    *
-   * See https://reactnative.dev/docs/animatedvaluexy.html#resetanimation
+   * See https://reactnative.dev/docs/animatedvaluexy#resetanimation
    */
   resetAnimation(
     callback?: (value: {
@@ -143,7 +143,7 @@ class AnimatedValueXY extends AnimatedWithChildren {
    * final value after stopping the animation, which is useful for updating
    * state to match the animation position with layout.
    *
-   * See https://reactnative.dev/docs/animatedvaluexy.html#stopanimation
+   * See https://reactnative.dev/docs/animatedvaluexy#stopanimation
    */
   stopAnimation(
     callback?: (value: {
@@ -164,7 +164,7 @@ class AnimatedValueXY extends AnimatedWithChildren {
    *
    * Returns a string that serves as an identifier for the listener.
    *
-   * See https://reactnative.dev/docs/animatedvaluexy.html#addlistener
+   * See https://reactnative.dev/docs/animatedvaluexy#addlistener
    */
   addListener(callback: ValueXYListenerCallback): string {
     const id = String(_uniqueId++);
@@ -182,7 +182,7 @@ class AnimatedValueXY extends AnimatedWithChildren {
    * Unregister a listener. The `id` param shall match the identifier
    * previously returned by `addListener()`.
    *
-   * See https://reactnative.dev/docs/animatedvaluexy.html#removelistener
+   * See https://reactnative.dev/docs/animatedvaluexy#removelistener
    */
   removeListener(id: string): void {
     this.x.removeListener(this._listeners[id].x);
@@ -193,7 +193,7 @@ class AnimatedValueXY extends AnimatedWithChildren {
   /**
    * Remove all registered listeners.
    *
-   * See https://reactnative.dev/docs/animatedvaluexy.html#removealllisteners
+   * See https://reactnative.dev/docs/animatedvaluexy#removealllisteners
    */
   removeAllListeners(): void {
     this.x.removeAllListeners();
@@ -204,7 +204,7 @@ class AnimatedValueXY extends AnimatedWithChildren {
   /**
    * Converts `{x, y}` into `{left, top}` for use in style.
    *
-   * See https://reactnative.dev/docs/animatedvaluexy.html#getlayout
+   * See https://reactnative.dev/docs/animatedvaluexy#getlayout
    */
   getLayout(): {[key: string]: AnimatedValue, ...} {
     return {
@@ -216,7 +216,7 @@ class AnimatedValueXY extends AnimatedWithChildren {
   /**
    * Converts `{x, y}` into a useable translation transform.
    *
-   * See https://reactnative.dev/docs/animatedvaluexy.html#gettranslatetransform
+   * See https://reactnative.dev/docs/animatedvaluexy#gettranslatetransform
    */
   getTranslateTransform(): Array<{[key: string]: AnimatedValue, ...}> {
     return [{translateX: this.x}, {translateY: this.y}];