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

package/Libraries/Animated/AnimatedMock.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.
@@ -24,11 +24,43 @@ import type {TimingAnimationConfig} from './animations/TimingAnimation';
 import type {DecayAnimationConfig} from './animations/DecayAnimation';
 import type {SpringAnimationConfig} from './animations/SpringAnimation';
 
+import AnimatedColor from './nodes/AnimatedColor';
+
 /**
  * Animations are a source of flakiness in snapshot testing. This mock replaces
  * animation functions from AnimatedImplementation with empty animations for
- * predictability in tests.
+ * predictability in tests. When possible the animation will run immediately
+ * to the final state.
  */
+
+// Prevent any callback invocation from recursively triggering another
+// callback, which may trigger another animation
+let inAnimationCallback = false;
+function mockAnimationStart(
+  start: (callback?: ?EndCallback) => void,
+): (callback?: ?EndCallback) => void {
+  return callback => {
+    const guardedCallback =
+      callback == null
+        ? callback
+        : (...args) => {
+            if (inAnimationCallback) {
+              console.warn(
+                'Ignoring recursive animation callback when running mock animations',
+              );
+              return;
+            }
+            inAnimationCallback = true;
+            try {
+              callback(...args);
+            } finally {
+              inAnimationCallback = false;
+            }
+          };
+    start(guardedCallback);
+  };
+}
+
 export type CompositeAnimation = {
   start: (callback?: ?EndCallback) => void,
   stop: () => void,
@@ -48,64 +80,74 @@ const emptyAnimation = {
   },
 };
 
-const spring = function(
-  value: AnimatedValue | AnimatedValueXY,
+const mockCompositeAnimation = (
+  animations: Array<CompositeAnimation>,
+): CompositeAnimation => ({
+  ...emptyAnimation,
+  start: mockAnimationStart((callback?: ?EndCallback): void => {
+    animations.forEach(animation => animation.start());
+    callback?.({finished: true});
+  }),
+});
+
+const spring = function (
+  value: AnimatedValue | AnimatedValueXY | AnimatedColor,
   config: SpringAnimationConfig,
 ): CompositeAnimation {
   const anyValue: any = value;
   return {
     ...emptyAnimation,
-    start: (callback?: ?EndCallback): void => {
+    start: mockAnimationStart((callback?: ?EndCallback): void => {
       anyValue.setValue(config.toValue);
-      callback && callback({finished: true});
-    },
+      callback?.({finished: true});
+    }),
   };
 };
 
-const timing = function(
-  value: AnimatedValue | AnimatedValueXY,
+const timing = function (
+  value: AnimatedValue | AnimatedValueXY | AnimatedColor,
   config: TimingAnimationConfig,
 ): CompositeAnimation {
   const anyValue: any = value;
   return {
     ...emptyAnimation,
-    start: (callback?: ?EndCallback): void => {
+    start: mockAnimationStart((callback?: ?EndCallback): void => {
       anyValue.setValue(config.toValue);
-      callback && callback({finished: true});
-    },
+      callback?.({finished: true});
+    }),
   };
 };
 
-const decay = function(
-  value: AnimatedValue | AnimatedValueXY,
+const decay = function (
+  value: AnimatedValue | AnimatedValueXY | AnimatedColor,
   config: DecayAnimationConfig,
 ): CompositeAnimation {
   return emptyAnimation;
 };
 
-const sequence = function(
+const sequence = function (
   animations: Array<CompositeAnimation>,
 ): CompositeAnimation {
-  return emptyAnimation;
+  return mockCompositeAnimation(animations);
 };
 
 type ParallelConfig = {stopTogether?: boolean, ...};
-const parallel = function(
+const parallel = function (
   animations: Array<CompositeAnimation>,
   config?: ?ParallelConfig,
 ): CompositeAnimation {
-  return emptyAnimation;
+  return mockCompositeAnimation(animations);
 };
 
-const delay = function(time: number): CompositeAnimation {
+const delay = function (time: number): CompositeAnimation {
   return emptyAnimation;
 };
 
-const stagger = function(
+const stagger = function (
   time: number,
   animations: Array<CompositeAnimation>,
 ): CompositeAnimation {
-  return emptyAnimation;
+  return mockCompositeAnimation(animations);
 };
 
 type LoopAnimationConfig = {
@@ -114,7 +156,7 @@ type LoopAnimationConfig = {
   ...
 };
 
-const loop = function(
+const loop = function (
   animation: CompositeAnimation,
   {iterations = -1}: LoopAnimationConfig = {},
 ): CompositeAnimation {
@@ -124,6 +166,7 @@ const loop = function(
 module.exports = {
   Value: AnimatedValue,
   ValueXY: AnimatedValueXY,
+  Color: AnimatedColor,
   Interpolation: AnimatedInterpolation,
   Node: AnimatedNode,
   decay,

package/Libraries/{Components/Touchable/__mocks__/ensureComponentIsNative.js → Animated/AnimatedPlatformConfig.js}

@@ -1,12 +1,13 @@
 /**
- * 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.
  *
+ * @flow
  * @format
  */
 
 'use strict';
 
-module.exports = () => true;
+export type PlatformConfig = {};

package/Libraries/Animated/AnimatedWeb.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.

package/Libraries/Animated/Easing.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.
@@ -57,20 +57,20 @@ let ease;
  * - [`inOut`](docs/easing.html#inout) makes any easing function symmetrical
  * - [`out`](docs/easing.html#out) runs an easing function backwards
  */
-class Easing {
+const Easing = {
   /**
    * A stepping function, returns 1 for any positive value of `n`.
    */
-  static step0(n: number): number {
+  step0(n: number): number {
     return n > 0 ? 1 : 0;
-  }
+  },
 
   /**
    * A stepping function, returns 1 if `n` is greater than or equal to 1.
    */
-  static step1(n: number): number {
+  step1(n: number): number {
     return n >= 1 ? 1 : 0;
-  }
+  },
 
   /**
    * A linear function, `f(t) = t`. Position correlates to elapsed time one to
@@ -78,9 +78,9 @@ class Easing {
    *
    * http://cubic-bezier.com/#0,0,1,1
    */
-  static linear(t: number): number {
+  linear(t: number): number {
     return t;
-  }
+  },
 
   /**
    * A simple inertial interaction, similar to an object slowly accelerating to
@@ -88,12 +88,12 @@ class Easing {
    *
    * http://cubic-bezier.com/#.42,0,1,1
    */
-  static ease(t: number): number {
+  ease(t: number): number {
     if (!ease) {
       ease = Easing.bezier(0.42, 0, 1, 1);
     }
     return ease(t);
-  }
+  },
 
   /**
    * A quadratic function, `f(t) = t * t`. Position equals the square of elapsed
@@ -101,9 +101,9 @@ class Easing {
    *
    * http://easings.net/#easeInQuad
    */
-  static quad(t: number): number {
+  quad(t: number): number {
     return t * t;
-  }
+  },
 
   /**
    * A cubic function, `f(t) = t * t * t`. Position equals the cube of elapsed
@@ -111,9 +111,9 @@ class Easing {
    *
    * http://easings.net/#easeInCubic
    */
-  static cubic(t: number): number {
+  cubic(t: number): number {
     return t * t * t;
-  }
+  },
 
   /**
    * A power function. Position is equal to the Nth power of elapsed time.
@@ -121,36 +121,36 @@ class Easing {
    * n = 4: http://easings.net/#easeInQuart
    * n = 5: http://easings.net/#easeInQuint
    */
-  static poly(n: number): (t: number) => number {
+  poly(n: number): (t: number) => number {
     return (t: number) => Math.pow(t, n);
-  }
+  },
 
   /**
    * A sinusoidal function.
    *
    * http://easings.net/#easeInSine
    */
-  static sin(t: number): number {
+  sin(t: number): number {
     return 1 - Math.cos((t * Math.PI) / 2);
-  }
+  },
 
   /**
    * A circular function.
    *
    * http://easings.net/#easeInCirc
    */
-  static circle(t: number): number {
+  circle(t: number): number {
     return 1 - Math.sqrt(1 - t * t);
-  }
+  },
 
   /**
    * An exponential function.
    *
    * http://easings.net/#easeInExpo
    */
-  static exp(t: number): number {
+  exp(t: number): number {
     return Math.pow(2, 10 * (t - 1));
-  }
+  },
 
   /**
    * A simple elastic interaction, similar to a spring oscillating back and
@@ -162,29 +162,27 @@ class Easing {
    *
    * http://easings.net/#easeInElastic
    */
-  static elastic(bounciness: number = 1): (t: number) => number {
+  elastic(bounciness: number = 1): (t: number) => number {
     const p = bounciness * Math.PI;
     return t => 1 - Math.pow(Math.cos((t * Math.PI) / 2), 3) * Math.cos(t * p);
-  }
+  },
 
   /**
    * Use with `Animated.parallel()` to create a simple effect where the object
    * animates back slightly as the animation starts.
    *
-   * Wolfram Plot:
-   *
-   * - http://tiny.cc/back_default (s = 1.70158, default)
+   * https://easings.net/#easeInBack
    */
-  static back(s: number = 1.70158): (t: number) => number {
+  back(s: number = 1.70158): (t: number) => number {
     return t => t * t * ((s + 1) * t - s);
-  }
+  },
 
   /**
    * Provides a simple bouncing effect.
    *
    * http://easings.net/#easeInBounce
    */
-  static bounce(t: number): number {
+  bounce(t: number): number {
     if (t < 1 / 2.75) {
       return 7.5625 * t * t;
     }
@@ -201,7 +199,7 @@ class Easing {
 
     const t2 = t - 2.625 / 2.75;
     return 7.5625 * t2 * t2 + 0.984375;
-  }
+  },
 
   /**
    * Provides a cubic bezier curve, equivalent to CSS Transitions'
@@ -210,7 +208,7 @@ class Easing {
    * A useful tool to visualize cubic bezier curves can be found at
    * http://cubic-bezier.com/
    */
-  static bezier(
+  bezier(
     x1: number,
     y1: number,
     x2: number,
@@ -218,35 +216,35 @@ class Easing {
   ): (t: number) => number {
     const _bezier = require('./bezier');
     return _bezier(x1, y1, x2, y2);
-  }
+  },
 
   /**
    * Runs an easing function forwards.
    */
-  static in(easing: (t: number) => number): (t: number) => number {
+  in(easing: (t: number) => number): (t: number) => number {
     return easing;
-  }
+  },
 
   /**
    * Runs an easing function backwards.
    */
-  static out(easing: (t: number) => number): (t: number) => number {
+  out(easing: (t: number) => number): (t: number) => number {
     return t => 1 - easing(1 - t);
-  }
+  },
 
   /**
    * Makes any easing function symmetrical. The easing function will run
    * forwards for half of the duration, then backwards for the rest of the
    * duration.
    */
-  static inOut(easing: (t: number) => number): (t: number) => number {
+  inOut(easing: (t: number) => number): (t: number) => number {
     return t => {
       if (t < 0.5) {
         return easing(t * 2) / 2;
       }
       return 1 - easing((1 - t) * 2) / 2;
     };
-  }
-}
+  },
+};
 
 module.exports = Easing;

package/Libraries/Animated/NativeAnimatedHelper.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.
@@ -42,7 +42,7 @@ let queue: Array<() => void> = [];
  * the native module methods
  */
 const API = {
-  getValue: function(
+  getValue: function (
     tag: number,
     saveValueCallback: (value: number) => void,
   ): void {
@@ -51,11 +51,11 @@ const API = {
       NativeAnimatedModule.getValue(tag, saveValueCallback);
     });
   },
-  setWaitingForIdentifier: function(id: string): void {
+  setWaitingForIdentifier: function (id: string): void {
     waitingForQueuedOperations.add(id);
     queueOperations = true;
   },
-  unsetWaitingForIdentifier: function(id: string): void {
+  unsetWaitingForIdentifier: function (id: string): void {
     waitingForQueuedOperations.delete(id);
 
     if (waitingForQueuedOperations.size === 0) {
@@ -63,7 +63,7 @@ const API = {
       API.disableQueue();
     }
   },
-  disableQueue: function(): void {
+  disableQueue: function (): void {
     invariant(NativeAnimatedModule, 'Native animated module is not available');
 
     if (Platform.OS === 'android') {
@@ -84,37 +84,40 @@ const API = {
       fn();
     }
   },
-  createAnimatedNode: function(tag: number, config: AnimatedNodeConfig): void {
+  createAnimatedNode: function (tag: number, config: AnimatedNodeConfig): void {
     invariant(NativeAnimatedModule, 'Native animated module is not available');
     API.queueOperation(() =>
       NativeAnimatedModule.createAnimatedNode(tag, config),
     );
   },
-  startListeningToAnimatedNodeValue: function(tag: number) {
+  startListeningToAnimatedNodeValue: function (tag: number) {
     invariant(NativeAnimatedModule, 'Native animated module is not available');
     API.queueOperation(() =>
       NativeAnimatedModule.startListeningToAnimatedNodeValue(tag),
     );
   },
-  stopListeningToAnimatedNodeValue: function(tag: number) {
+  stopListeningToAnimatedNodeValue: function (tag: number) {
     invariant(NativeAnimatedModule, 'Native animated module is not available');
     API.queueOperation(() =>
       NativeAnimatedModule.stopListeningToAnimatedNodeValue(tag),
     );
   },
-  connectAnimatedNodes: function(parentTag: number, childTag: number): void {
+  connectAnimatedNodes: function (parentTag: number, childTag: number): void {
     invariant(NativeAnimatedModule, 'Native animated module is not available');
     API.queueOperation(() =>
       NativeAnimatedModule.connectAnimatedNodes(parentTag, childTag),
     );
   },
-  disconnectAnimatedNodes: function(parentTag: number, childTag: number): void {
+  disconnectAnimatedNodes: function (
+    parentTag: number,
+    childTag: number,
+  ): void {
     invariant(NativeAnimatedModule, 'Native animated module is not available');
     API.queueOperation(() =>
       NativeAnimatedModule.disconnectAnimatedNodes(parentTag, childTag),
     );
   },
-  startAnimatingNode: function(
+  startAnimatingNode: function (
     animationId: number,
     nodeTag: number,
     config: AnimatingNodeConfig,
@@ -130,41 +133,41 @@ const API = {
       ),
     );
   },
-  stopAnimation: function(animationId: number) {
+  stopAnimation: function (animationId: number) {
     invariant(NativeAnimatedModule, 'Native animated module is not available');
     API.queueOperation(() => NativeAnimatedModule.stopAnimation(animationId));
   },
-  setAnimatedNodeValue: function(nodeTag: number, value: number): void {
+  setAnimatedNodeValue: function (nodeTag: number, value: number): void {
     invariant(NativeAnimatedModule, 'Native animated module is not available');
     API.queueOperation(() =>
       NativeAnimatedModule.setAnimatedNodeValue(nodeTag, value),
     );
   },
-  setAnimatedNodeOffset: function(nodeTag: number, offset: number): void {
+  setAnimatedNodeOffset: function (nodeTag: number, offset: number): void {
     invariant(NativeAnimatedModule, 'Native animated module is not available');
     API.queueOperation(() =>
       NativeAnimatedModule.setAnimatedNodeOffset(nodeTag, offset),
     );
   },
-  flattenAnimatedNodeOffset: function(nodeTag: number): void {
+  flattenAnimatedNodeOffset: function (nodeTag: number): void {
     invariant(NativeAnimatedModule, 'Native animated module is not available');
     API.queueOperation(() =>
       NativeAnimatedModule.flattenAnimatedNodeOffset(nodeTag),
     );
   },
-  extractAnimatedNodeOffset: function(nodeTag: number): void {
+  extractAnimatedNodeOffset: function (nodeTag: number): void {
     invariant(NativeAnimatedModule, 'Native animated module is not available');
     API.queueOperation(() =>
       NativeAnimatedModule.extractAnimatedNodeOffset(nodeTag),
     );
   },
-  connectAnimatedNodeToView: function(nodeTag: number, viewTag: number): void {
+  connectAnimatedNodeToView: function (nodeTag: number, viewTag: number): void {
     invariant(NativeAnimatedModule, 'Native animated module is not available');
     API.queueOperation(() =>
       NativeAnimatedModule.connectAnimatedNodeToView(nodeTag, viewTag),
     );
   },
-  disconnectAnimatedNodeFromView: function(
+  disconnectAnimatedNodeFromView: function (
     nodeTag: number,
     viewTag: number,
   ): void {
@@ -173,7 +176,7 @@ const API = {
       NativeAnimatedModule.disconnectAnimatedNodeFromView(nodeTag, viewTag),
     );
   },
-  restoreDefaultValues: function(nodeTag: number): void {
+  restoreDefaultValues: function (nodeTag: number): void {
     invariant(NativeAnimatedModule, 'Native animated module is not available');
     // Backwards compat with older native runtimes, can be removed later.
     if (NativeAnimatedModule.restoreDefaultValues != null) {
@@ -182,11 +185,11 @@ const API = {
       );
     }
   },
-  dropAnimatedNode: function(tag: number): void {
+  dropAnimatedNode: function (tag: number): void {
     invariant(NativeAnimatedModule, 'Native animated module is not available');
     API.queueOperation(() => NativeAnimatedModule.dropAnimatedNode(tag));
   },
-  addAnimatedEventToView: function(
+  addAnimatedEventToView: function (
     viewTag: number,
     eventName: string,
     eventMapping: EventMapping,

package/Libraries/Animated/NativeAnimatedModule.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.

package/Libraries/Animated/NativeAnimatedTurboModule.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.

package/Libraries/Animated/SpringConfig.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,11 +16,11 @@ type SpringConfigType = {
   ...
 };
 
-function stiffnessFromOrigamiValue(oValue) {
+function stiffnessFromOrigamiValue(oValue: number) {
   return (oValue - 30) * 3.62 + 194;
 }
 
-function dampingFromOrigamiValue(oValue) {
+function dampingFromOrigamiValue(oValue: number) {
   return (oValue - 8) * 3 + 25;
 }
 
@@ -38,31 +38,31 @@ function fromBouncinessAndSpeed(
   bounciness: number,
   speed: number,
 ): SpringConfigType {
-  function normalize(value, startValue, endValue) {
+  function normalize(value: number, startValue: number, endValue: number) {
     return (value - startValue) / (endValue - startValue);
   }
 
-  function projectNormal(n, start, end) {
+  function projectNormal(n: number, start: number, end: number) {
     return start + n * (end - start);
   }
 
-  function linearInterpolation(t, start, end) {
+  function linearInterpolation(t: number, start: number, end: number) {
     return t * end + (1 - t) * start;
   }
 
-  function quadraticOutInterpolation(t, start, end) {
+  function quadraticOutInterpolation(t: number, start: number, end: number) {
     return linearInterpolation(2 * t - t * t, start, end);
   }
 
-  function b3Friction1(x) {
+  function b3Friction1(x: number) {
     return 0.0007 * Math.pow(x, 3) - 0.031 * Math.pow(x, 2) + 0.64 * x + 1.28;
   }
 
-  function b3Friction2(x) {
+  function b3Friction2(x: number) {
     return 0.000044 * Math.pow(x, 3) - 0.006 * Math.pow(x, 2) + 0.36 * x + 2;
   }
 
-  function b3Friction3(x) {
+  function b3Friction3(x: number) {
     return (
       0.00000045 * Math.pow(x, 3) -
       0.000332 * Math.pow(x, 2) +
@@ -71,7 +71,7 @@ function fromBouncinessAndSpeed(
     );
   }
 
-  function b3Nobounce(tension) {
+  function b3Nobounce(tension: number) {
     if (tension <= 18) {
       return b3Friction1(tension);
     } else if (tension > 18 && tension <= 44) {

package/Libraries/Animated/animations/Animation.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.
@@ -11,7 +11,7 @@
 'use strict';
 
 const NativeAnimatedHelper = require('../NativeAnimatedHelper');
-
+import type {PlatformConfig} from '../AnimatedPlatformConfig';
 import type AnimatedValue from '../nodes/AnimatedValue';
 
 export type EndResult = {finished: boolean, ...};
@@ -20,6 +20,7 @@ export type EndCallback = (result: EndResult) => void;
 export type AnimationConfig = {
   isInteraction?: boolean,
   useNativeDriver: boolean,
+  platformConfig?: PlatformConfig,
   onComplete?: ?EndCallback,
   iterations?: number,
 };
@@ -65,12 +66,13 @@ class Animation {
       startNativeAnimationWaitId,
     );
     try {
-      animatedValue.__makeNative();
+      const config = this.__getNativeAnimationConfig();
+      animatedValue.__makeNative(config.platformConfig);
       this.__nativeId = NativeAnimatedHelper.generateNewAnimationId();
       NativeAnimatedHelper.API.startAnimatingNode(
         this.__nativeId,
         animatedValue.__getNativeTag(),
-        this.__getNativeAnimationConfig(),
+        config,
         // $FlowFixMe[method-unbinding] added when improving typing for this parameters
         this.__debouncedOnEnd.bind(this),
       );