Use Flow type inference for interpolation outputRange

Summary:
Changelog:
[Internal]

Cleans up unnecessary type casts / suppressions throughout the codebase following D35869725.

Reviewed By: javache

Differential Revision: D35870027

fbshipit-source-id: eefcb544b19ba93587011cdfd4046d18dddb246e

Libraries/LogBox/UI/LogBoxInspectorSourceMapStatus.js

@@ -45,9 +45,6 @@ function LogBoxInspectorSourceMapStatus(props: Props): React.Node {
           animation,
           rotate: animated.interpolate({
             inputRange: [0, 1],
-            /* $FlowFixMe[speculation-ambiguous] (>=0.38.0) - Flow error
-             * detected during the deployment of v0.38.0. To see the error,
-             * remove this comment and run flow */
             outputRange: ['0deg', '360deg'],
           }),
         });

packages/rn-tester/js/examples/Animated/ComposingExample.js

@@ -160,7 +160,7 @@ function ComposingExampleItem({
         {boxIndexes.map(boxIndex => {
           const translateX = xTranslations.current[boxIndex].interpolate({
             inputRange: [0, 1],
-            outputRange: ([0, maxXTranslation]: [number, number]),
+            outputRange: [0, maxXTranslation],
           });
 
           return (

packages/rn-tester/js/examples/Animated/RotatingImagesExample.js

@@ -56,22 +56,22 @@ function RotatingImagesView({useNativeDriver}: {useNativeDriver: boolean}) {
               {
                 scale: anim.interpolate({
                   inputRange: [0, 1],
-                  outputRange: ([1, 10]: $ReadOnlyArray<number>),
+                  outputRange: [1, 10],
                 }),
               },
               {
                 translateX: anim.interpolate({
                   inputRange: [0, 1],
-                  outputRange: ([0, 100]: $ReadOnlyArray<number>),
+                  outputRange: [0, 100],
                 }),
               },
               {
                 rotate: anim.interpolate({
                   inputRange: [0, 1],
-                  outputRange: ([
+                  outputRange: [
                     '0deg',
                     '360deg', // 'deg' or 'rad'
-                  ]: $ReadOnlyArray<string>),
+                  ],
                 }),
               },
             ],

packages/rn-tester/js/examples/Animated/TransformBounceExample.js

@@ -62,22 +62,22 @@ function TransformBounceView({useNativeDriver}: {useNativeDriver: boolean}) {
               {
                 scale: anim.interpolate({
                   inputRange: [0, 1],
-                  outputRange: ([1, 4]: $ReadOnlyArray<number>),
+                  outputRange: [1, 4],
                 }),
               },
               {
                 translateX: anim.interpolate({
                   inputRange: [0, 1],
-                  outputRange: ([0, 500]: $ReadOnlyArray<number>),
+                  outputRange: [0, 500],
                 }),
               },
               {
                 rotate: anim.interpolate({
                   inputRange: [0, 1],
-                  outputRange: ([
+                  outputRange: [
                     '0deg',
                     '360deg', // 'deg' or 'rad'
-                  ]: $ReadOnlyArray<string>),
+                  ],
                 }),
               },
             ],

packages/rn-tester/js/examples/NativeAnimation/NativeAnimationsExample.js

@@ -145,9 +145,6 @@ class LoopExample extends React.Component<{...}, $FlowFixMeState> {
             {
               opacity: this.state.value.interpolate({
                 inputRange: [0, 0.5, 1],
-                /* $FlowFixMe[speculation-ambiguous] (>=0.38.0) - Flow error
-                 * detected during the deployment of v0.38.0. To see the error,
-                 * remove this comment and run flow */
                 outputRange: [0, 1, 0],
               }),
             },
@@ -243,9 +240,6 @@ class EventExample extends React.Component<{...}, $FlowFixMeState> {
                 {
                   rotate: this.state.anim.interpolate({
                     inputRange: [0, 1],
-                    /* $FlowFixMe[speculation-ambiguous] (>=0.38.0) - Flow
-                     * error detected during the deployment of v0.38.0. To see
-                     * the error, remove this comment and run flow */
                     outputRange: ['0deg', '1deg'],
                   }),
                 },

packages/rn-tester/js/examples/ScrollView/ScrollViewAnimatedExample.js

@@ -32,16 +32,10 @@ class ScrollViewAnimatedExample extends Component<{...}> {
   render(): React.Node {
     const interpolated = this._scrollViewPos.interpolate({
       inputRange: [0, 1],
-      /* $FlowFixMe[speculation-ambiguous] (>=0.38.0) - Flow error detected
-       * during the deployment of v0.38.0. To see the error, remove this
-       * comment and run flow */
       outputRange: [0, 0.1],
     });
     const interpolated2 = this._scrollViewPos.interpolate({
       inputRange: [0, 1],
-      /* $FlowFixMe[speculation-ambiguous] (>=0.38.0) - Flow error detected
-       * during the deployment of v0.38.0. To see the error, remove this
-       * comment and run flow */
       outputRange: ['0deg', '1deg'],
     });
     return (

packages/rn-tester/js/examples/SwipeableCardExample/SwipeableCardExample.js

@@ -119,7 +119,7 @@ function SwipeableCard(props: {
   const {width} = useWindowDimensions();
   const rotation = movementX.interpolate({
     inputRange: [-width / 2, 0, width / 2],
-    outputRange: (['-5deg', '0deg', '5deg']: $ReadOnlyArray<string>),
+    outputRange: ['-5deg', '0deg', '5deg'],
     extrapolate: 'clamp',
   });
 

packages/rn-tester/js/examples/Transform/TransformExample.js

@@ -38,9 +38,6 @@ function AnimateTansformSingleProp() {
               {
                 rotate: theta.interpolate({
                   inputRange: [0, 100],
-                  /* $FlowFixMe[speculation-ambiguous] (>=0.38.0) - Flow error
-                   * detected during the deployment of v0.38.0. To see the
-                   * error, remove this comment and run flow */
                   outputRange: ['0deg', '360deg'],
                 }),
               },
@@ -79,9 +76,6 @@ function Flip() {
               {
                 rotateX: theta.interpolate({
                   inputRange: [0, 180],
-                  /* $FlowFixMe[speculation-ambiguous] (>=0.38.0) - Flow error
-                   * detected during the deployment of v0.38.0. To see the
-                   * error, remove this comment and run flow */
                   outputRange: ['0deg', '180deg'],
                 }),
               },
@@ -100,9 +94,6 @@ function Flip() {
               {
                 rotateX: theta.interpolate({
                   inputRange: [0, 180],
-                  /* $FlowFixMe[speculation-ambiguous] (>=0.38.0) - Flow error
-                   * detected during the deployment of v0.38.0. To see the
-                   * error, remove this comment and run flow */
                   outputRange: ['180deg', '360deg'],
                 }),
               },