react-native 0.70.6 → 0.71.0-rc.1

package/Libraries/Modal/Modal.d.ts

@@ -0,0 +1,104 @@
+/**
+ * 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.
+ *
+ * @format
+ */
+
+import type * as React from 'react';
+import {ViewProps} from '../Components/View/ViewPropTypes';
+import {NativeSyntheticEvent} from '../Types/CoreEventTypes';
+
+export interface ModalBaseProps {
+  /**
+   * @deprecated Use animationType instead
+   */
+  animated?: boolean | undefined;
+  /**
+   * The `animationType` prop controls how the modal animates.
+   *
+   * - `slide` slides in from the bottom
+   * - `fade` fades into view
+   * - `none` appears without an animation
+   */
+  animationType?: 'none' | 'slide' | 'fade' | undefined;
+  /**
+   * The `transparent` prop determines whether your modal will fill the entire view.
+   * Setting this to `true` will render the modal over a transparent background.
+   */
+  transparent?: boolean | undefined;
+  /**
+   * The `visible` prop determines whether your modal is visible.
+   */
+  visible?: boolean | undefined;
+  /**
+   * The `onRequestClose` callback is called when the user taps the hardware back button on Android or the menu button on Apple TV.
+   *
+   * This is required on Apple TV and Android.
+   */
+  onRequestClose?: ((event: NativeSyntheticEvent<any>) => void) | undefined;
+  /**
+   * The `onShow` prop allows passing a function that will be called once the modal has been shown.
+   */
+  onShow?: ((event: NativeSyntheticEvent<any>) => void) | undefined;
+}
+
+export interface ModalPropsIOS {
+  /**
+   * The `presentationStyle` determines the style of modal to show
+   */
+  presentationStyle?:
+    | 'fullScreen'
+    | 'pageSheet'
+    | 'formSheet'
+    | 'overFullScreen'
+    | undefined;
+
+  /**
+   * The `supportedOrientations` prop allows the modal to be rotated to any of the specified orientations.
+   * On iOS, the modal is still restricted by what's specified in your app's Info.plist's UISupportedInterfaceOrientations field.
+   */
+  supportedOrientations?:
+    | Array<
+        | 'portrait'
+        | 'portrait-upside-down'
+        | 'landscape'
+        | 'landscape-left'
+        | 'landscape-right'
+      >
+    | undefined;
+
+  /**
+   * The `onDismiss` prop allows passing a function that will be called once the modal has been dismissed.
+   */
+  onDismiss?: (() => void) | undefined;
+
+  /**
+   * The `onOrientationChange` callback is called when the orientation changes while the modal is being displayed.
+   * The orientation provided is only 'portrait' or 'landscape'. This callback is also called on initial render, regardless of the current orientation.
+   */
+  onOrientationChange?:
+    | ((event: NativeSyntheticEvent<any>) => void)
+    | undefined;
+}
+
+export interface ModalPropsAndroid {
+  /**
+   *  Controls whether to force hardware acceleration for the underlying window.
+   */
+  hardwareAccelerated?: boolean | undefined;
+
+  /**
+   *  Determines whether your modal should go under the system statusbar.
+   */
+  statusBarTranslucent?: boolean | undefined;
+}
+
+export type ModalProps = ModalBaseProps &
+  ModalPropsIOS &
+  ModalPropsAndroid &
+  ViewProps;
+
+export class Modal extends React.Component<ModalProps> {}

package/Libraries/Modal/Modal.js

@@ -8,26 +8,26 @@
  * @flow strict-local
  */
 
-const AppContainer = require('../ReactNative/AppContainer');
-const I18nManager = require('../ReactNative/I18nManager');
-import ModalInjection from './ModalInjection';
-import NativeEventEmitter from '../EventEmitter/NativeEventEmitter';
-import NativeModalManager from './NativeModalManager';
-const Platform = require('../Utilities/Platform');
-const React = require('react');
-const ScrollView = require('../Components/ScrollView/ScrollView');
-const StyleSheet = require('../StyleSheet/StyleSheet');
-const View = require('../Components/View/View');
-
-const {RootTagContext} = require('../ReactNative/RootTag');
-
 import type {ViewProps} from '../Components/View/ViewPropTypes';
-import {VirtualizedListContextResetter} from '../Lists/VirtualizedListContext.js';
 import type {RootTag} from '../ReactNative/RootTag';
 import type {DirectEventHandler} from '../Types/CodegenTypes';
+
+import NativeEventEmitter from '../EventEmitter/NativeEventEmitter';
+import {VirtualizedListContextResetter} from '../Lists/VirtualizedListContext.js';
 import {type EventSubscription} from '../vendor/emitter/EventEmitter';
+import ModalInjection from './ModalInjection';
+import NativeModalManager from './NativeModalManager';
 import RCTModalHostView from './RCTModalHostViewNativeComponent';
 
+const ScrollView = require('../Components/ScrollView/ScrollView');
+const View = require('../Components/View/View');
+const AppContainer = require('../ReactNative/AppContainer');
+const I18nManager = require('../ReactNative/I18nManager');
+const {RootTagContext} = require('../ReactNative/RootTag');
+const StyleSheet = require('../StyleSheet/StyleSheet');
+const Platform = require('../Utilities/Platform');
+const React = require('react');
+
 type ModalEventDefinitions = {
   modalDismissed: [{modalID: number}],
 };

package/Libraries/Modal/NativeModalManager.js

@@ -9,6 +9,7 @@
  */
 
 import type {TurboModule} from '../TurboModule/RCTExport';
+
 import * as TurboModuleRegistry from '../TurboModule/TurboModuleRegistry';
 
 export interface Spec extends TurboModule {

package/Libraries/Modal/RCTModalHostViewNativeComponent.js

@@ -8,15 +8,15 @@
  * @flow strict-local
  */
 
-import codegenNativeComponent from '../Utilities/codegenNativeComponent';
+import type {ViewProps} from '../Components/View/ViewPropTypes';
 import type {HostComponent} from '../Renderer/shims/ReactNativeTypes';
 import type {
-  WithDefault,
   DirectEventHandler,
   Int32,
+  WithDefault,
 } from '../Types/CodegenTypes';
 
-import type {ViewProps} from '../Components/View/ViewPropTypes';
+import codegenNativeComponent from '../Utilities/codegenNativeComponent';
 
 type OrientationChangeEvent = $ReadOnly<{|
   orientation: 'portrait' | 'landscape',

package/Libraries/NativeAnimation/Drivers/RCTDecayAnimation.h

@@ -7,6 +7,6 @@
 
 #import "RCTAnimationDriver.h"
 
-@interface RCTDecayAnimation : NSObject<RCTAnimationDriver>
+@interface RCTDecayAnimation : NSObject <RCTAnimationDriver>
 
 @end

package/Libraries/NativeAnimation/Drivers/RCTDecayAnimation.m

@@ -7,8 +7,8 @@
 
 #import <React/RCTDecayAnimation.h>
 
-#import <UIKit/UIKit.h>
 #import <React/RCTConvert.h>
+#import <UIKit/UIKit.h>
 
 #import <React/RCTAnimationUtils.h>
 #import <React/RCTValueAnimatedNode.h>
@@ -22,8 +22,7 @@
 
 @end
 
-@implementation RCTDecayAnimation
-{
+@implementation RCTDecayAnimation {
   CGFloat _velocity;
   CGFloat _deceleration;
   NSTimeInterval _frameStartTime;
@@ -61,7 +60,7 @@
   _animationHasFinished = iterations.integerValue == 0;
 }
 
-RCT_NOT_IMPLEMENTED(- (instancetype)init)
+RCT_NOT_IMPLEMENTED(-(instancetype)init)
 
 - (void)startAnimation
 {
@@ -73,9 +72,7 @@ RCT_NOT_IMPLEMENTED(- (instancetype)init)
 {
   _valueNode = nil;
   if (_callback) {
-    _callback(@[@{
-      @"finished": @(_animationHasFinished)
-    }]);
+    _callback(@[ @{@"finished" : @(_animationHasFinished)} ]);
   }
 }
 
@@ -100,8 +97,8 @@ RCT_NOT_IMPLEMENTED(- (instancetype)init)
   }
 
   CGFloat value = _fromValue +
-    (_velocity / (1 - _deceleration)) *
-    (1 - exp(-(1 - _deceleration) * (currentTime - _frameStartTime) * 1000.0 / RCTAnimationDragCoefficient()));
+      (_velocity / (1 - _deceleration)) *
+          (1 - exp(-(1 - _deceleration) * (currentTime - _frameStartTime) * 1000.0 / RCTAnimationDragCoefficient()));
 
   [self updateValue:value];
 

package/Libraries/NativeAnimation/Drivers/RCTEventAnimation.h

@@ -13,8 +13,7 @@
 
 @property (nonatomic, readonly, weak) RCTValueAnimatedNode *valueNode;
 
-- (instancetype)initWithEventPath:(NSArray<NSString *> *)eventPath
-                        valueNode:(RCTValueAnimatedNode *)valueNode;
+- (instancetype)initWithEventPath:(NSArray<NSString *> *)eventPath valueNode:(RCTValueAnimatedNode *)valueNode;
 
 - (void)updateWithEvent:(id<RCTEvent>)event;
 

package/Libraries/NativeAnimation/Drivers/RCTEventAnimation.m

@@ -7,13 +7,11 @@
 
 #import <React/RCTEventAnimation.h>
 
-@implementation RCTEventAnimation
-{
+@implementation RCTEventAnimation {
   NSArray<NSString *> *_eventPath;
 }
 
-- (instancetype)initWithEventPath:(NSArray<NSString *> *)eventPath
-                        valueNode:(RCTValueAnimatedNode *)valueNode
+- (instancetype)initWithEventPath:(NSArray<NSString *> *)eventPath valueNode:(RCTValueAnimatedNode *)valueNode
 {
   if ((self = [super init])) {
     _eventPath = eventPath;

package/Libraries/NativeAnimation/Drivers/RCTFrameAnimation.h

@@ -7,6 +7,6 @@
 
 #import "RCTAnimationDriver.h"
 
-@interface RCTFrameAnimation : NSObject<RCTAnimationDriver>
+@interface RCTFrameAnimation : NSObject <RCTAnimationDriver>
 
 @end

package/Libraries/NativeAnimation/Drivers/RCTFrameAnimation.m

@@ -24,8 +24,7 @@
 
 @end
 
-@implementation RCTFrameAnimation
-{
+@implementation RCTFrameAnimation {
   NSArray<NSNumber *> *_frames;
   CGFloat _toValue;
   CGFloat _fromValue;
@@ -67,7 +66,7 @@
   _currentLoop = 1;
 }
 
-RCT_NOT_IMPLEMENTED(- (instancetype)init)
+RCT_NOT_IMPLEMENTED(-(instancetype)init)
 
 - (void)startAnimation
 {
@@ -79,9 +78,7 @@ RCT_NOT_IMPLEMENTED(- (instancetype)init)
 {
   _valueNode = nil;
   if (_callback) {
-    _callback(@[@{
-      @"finished": @(_animationHasFinished)
-    }]);
+    _callback(@[ @{@"finished" : @(_animationHasFinished)} ]);
   }
 }
 
@@ -128,27 +125,23 @@ RCT_NOT_IMPLEMENTED(- (instancetype)init)
   NSTimeInterval toInterval = (double)nextIndex * RCTSingleFrameInterval;
 
   // Interpolate between the individual frames to ensure the animations are
-  //smooth and of the proper duration regardless of the framerate.
-  CGFloat frameOutput = RCTInterpolateValue(currentDuration,
-                                            fromInterval,
-                                            toInterval,
-                                            fromFrameValue.doubleValue,
-                                            toFrameValue.doubleValue,
-                                            EXTRAPOLATE_TYPE_EXTEND,
-                                            EXTRAPOLATE_TYPE_EXTEND);
+  // smooth and of the proper duration regardless of the framerate.
+  CGFloat frameOutput = RCTInterpolateValue(
+      currentDuration,
+      fromInterval,
+      toInterval,
+      fromFrameValue.doubleValue,
+      toFrameValue.doubleValue,
+      EXTRAPOLATE_TYPE_EXTEND,
+      EXTRAPOLATE_TYPE_EXTEND);
 
   [self updateOutputWithFrameOutput:frameOutput];
 }
 
 - (void)updateOutputWithFrameOutput:(CGFloat)frameOutput
 {
-  CGFloat outputValue = RCTInterpolateValue(frameOutput,
-                                            0,
-                                            1,
-                                            _fromValue,
-                                            _toValue,
-                                            EXTRAPOLATE_TYPE_EXTEND,
-                                            EXTRAPOLATE_TYPE_EXTEND);
+  CGFloat outputValue =
+      RCTInterpolateValue(frameOutput, 0, 1, _fromValue, _toValue, EXTRAPOLATE_TYPE_EXTEND, EXTRAPOLATE_TYPE_EXTEND);
 
   _lastPosition = outputValue;
   _valueNode.value = outputValue;

package/Libraries/NativeAnimation/Drivers/RCTSpringAnimation.h

@@ -7,6 +7,6 @@
 
 #import "RCTAnimationDriver.h"
 
-@interface RCTSpringAnimation : NSObject<RCTAnimationDriver>
+@interface RCTSpringAnimation : NSObject <RCTAnimationDriver>
 
 @end

package/Libraries/NativeAnimation/Drivers/RCTSpringAnimation.m

@@ -26,8 +26,7 @@
 
 const NSTimeInterval MAX_DELTA_TIME = 0.064;
 
-@implementation RCTSpringAnimation
-{
+@implementation RCTSpringAnimation {
   CGFloat _toValue;
   CGFloat _fromValue;
   BOOL _overshootClamping;
@@ -87,7 +86,7 @@ const NSTimeInterval MAX_DELTA_TIME = 0.064;
   _animationHasBegun = YES;
 }
 
-RCT_NOT_IMPLEMENTED(- (instancetype)init)
+RCT_NOT_IMPLEMENTED(-(instancetype)init)
 
 - (void)startAnimation
 {
@@ -99,9 +98,7 @@ RCT_NOT_IMPLEMENTED(- (instancetype)init)
 {
   _valueNode = nil;
   if (_callback) {
-    _callback(@[@{
-      @"finished": @(_animationHasFinished)
-    }]);
+    _callback(@[ @{@"finished" : @(_animationHasFinished)} ]);
   }
 }
 
@@ -113,7 +110,7 @@ RCT_NOT_IMPLEMENTED(- (instancetype)init)
   }
 
   // calculate delta time
-  if(_animationStartTime == -1) {
+  if (_animationStartTime == -1) {
     _t = 0.0;
     _animationStartTime = currentTime;
   } else {
@@ -140,27 +137,16 @@ RCT_NOT_IMPLEMENTED(- (instancetype)init)
   if (zeta < 1) {
     // Under damped
     CGFloat envelope = expf(-zeta * omega0 * _t);
-    position =
-      _toValue -
-      envelope *
-      ((v0 + zeta * omega0 * x0) / omega1 * sinf(omega1 * _t) +
-        x0 * cosf(omega1 * _t));
+    position = _toValue - envelope * ((v0 + zeta * omega0 * x0) / omega1 * sinf(omega1 * _t) + x0 * cosf(omega1 * _t));
     // This looks crazy -- it's actually just the derivative of the
     // oscillation function
     velocity =
-      zeta *
-        omega0 *
-        envelope *
-        (sinf(omega1 * _t) * (v0 + zeta * omega0 * x0) / omega1 +
-          x0 * cosf(omega1 * _t)) -
-      envelope *
-        (cosf(omega1 * _t) * (v0 + zeta * omega0 * x0) -
-          omega1 * x0 * sinf(omega1 * _t));
+        zeta * omega0 * envelope * (sinf(omega1 * _t) * (v0 + zeta * omega0 * x0) / omega1 + x0 * cosf(omega1 * _t)) -
+        envelope * (cosf(omega1 * _t) * (v0 + zeta * omega0 * x0) - omega1 * x0 * sinf(omega1 * _t));
   } else {
     CGFloat envelope = expf(-omega0 * _t);
     position = _toValue - envelope * (x0 + (v0 + omega0 * x0) * _t);
-    velocity =
-      envelope * (v0 * (_t * omega0 - 1) + _t * x0 * (omega0 * omega0));
+    velocity = envelope * (v0 * (_t * omega0 - 1) + _t * x0 * (omega0 * omega0));
   }
 
   _lastPosition = position;

package/Libraries/NativeAnimation/Nodes/RCTAdditionAnimatedNode.m

@@ -16,8 +16,7 @@
   if (inputNodes.count > 1) {
     RCTValueAnimatedNode *parent1 = (RCTValueAnimatedNode *)[self.parentNodes objectForKey:inputNodes[0]];
     RCTValueAnimatedNode *parent2 = (RCTValueAnimatedNode *)[self.parentNodes objectForKey:inputNodes[1]];
-    if ([parent1 isKindOfClass:[RCTValueAnimatedNode class]] &&
-        [parent2 isKindOfClass:[RCTValueAnimatedNode class]]) {
+    if ([parent1 isKindOfClass:[RCTValueAnimatedNode class]] && [parent2 isKindOfClass:[RCTValueAnimatedNode class]]) {
       self.value = parent1.value + parent2.value;
     }
   }

package/Libraries/NativeAnimation/Nodes/RCTAnimatedNode.h

@@ -11,8 +11,7 @@
 
 @interface RCTAnimatedNode : NSObject
 
-- (instancetype)initWithTag:(NSNumber *)tag
-                     config:(NSDictionary<NSString *, id> *)config NS_DESIGNATED_INITIALIZER;
+- (instancetype)initWithTag:(NSNumber *)tag config:(NSDictionary<NSString *, id> *)config NS_DESIGNATED_INITIALIZER;
 
 @property (nonatomic, readonly) NSNumber *nodeTag;
 @property (nonatomic, weak) RCTNativeAnimatedNodesManager *manager;
@@ -23,7 +22,7 @@
 
 @property (nonatomic, readonly) BOOL needsUpdate;
 
--(BOOL)isManagedByFabric;
+- (BOOL)isManagedByFabric;
 
 /**
  * Marks a node and its children as needing update.

package/Libraries/NativeAnimation/Nodes/RCTAnimatedNode.m

@@ -9,14 +9,12 @@
 
 #import <React/RCTDefines.h>
 
-@implementation RCTAnimatedNode
-{
+@implementation RCTAnimatedNode {
   NSMapTable<NSNumber *, RCTAnimatedNode *> *_childNodes;
   NSMapTable<NSNumber *, RCTAnimatedNode *> *_parentNodes;
 }
 
-- (instancetype)initWithTag:(NSNumber *)tag
-                     config:(NSDictionary<NSString *, id> *)config
+- (instancetype)initWithTag:(NSNumber *)tag config:(NSDictionary<NSString *, id> *)config
 {
   if ((self = [super init])) {
     _nodeTag = tag;
@@ -25,7 +23,7 @@
   return self;
 }
 
-RCT_NOT_IMPLEMENTED(- (instancetype)init)
+RCT_NOT_IMPLEMENTED(-(instancetype)init)
 
 - (NSMapTable<NSNumber *, RCTAnimatedNode *> *)childNodes
 {

package/Libraries/NativeAnimation/Nodes/RCTColorAnimatedNode.m

@@ -19,10 +19,8 @@
   RCTValueAnimatedNode *bNode = (RCTValueAnimatedNode *)[self.parentNodes objectForKey:self.config[@"b"]];
   RCTValueAnimatedNode *aNode = (RCTValueAnimatedNode *)[self.parentNodes objectForKey:self.config[@"a"]];
 
-  _color = ((int)round(aNode.value * 255) & 0xff) << 24 |
-      ((int)round(rNode.value) & 0xff) << 16 |
-      ((int)round(gNode.value) & 0xff) << 8 |
-      ((int)round(bNode.value) & 0xff);
+  _color = ((int)round(aNode.value * 255) & 0xff) << 24 | ((int)round(rNode.value) & 0xff) << 16 |
+      ((int)round(gNode.value) & 0xff) << 8 | ((int)round(bNode.value) & 0xff);
 
   // TODO (T111179606): Support platform colors for color animations
 }

package/Libraries/NativeAnimation/Nodes/RCTDiffClampAnimatedNode.m

@@ -9,16 +9,14 @@
 
 #import <React/RCTLog.h>
 
-@implementation RCTDiffClampAnimatedNode
-{
+@implementation RCTDiffClampAnimatedNode {
   NSNumber *_inputNodeTag;
   CGFloat _min;
   CGFloat _max;
   CGFloat _lastValue;
 }
 
-- (instancetype)initWithTag:(NSNumber *)tag
-                     config:(NSDictionary<NSString *, id> *)config
+- (instancetype)initWithTag:(NSNumber *)tag config:(NSDictionary<NSString *, id> *)config
 {
   if (self = [super initWithTag:tag config:config]) {
     _inputNodeTag = config[@"input"];
@@ -49,6 +47,11 @@
 
 - (CGFloat)inputNodeValue
 {
+  if (self.parentNodes == nil) {
+    RCTLogWarn(@"Animated.DiffClamp node has not been fully initialised.");
+    return 0;
+  }
+
   RCTValueAnimatedNode *inputNode = (RCTValueAnimatedNode *)[self.parentNodes objectForKey:_inputNodeTag];
   if (![inputNode isKindOfClass:[RCTValueAnimatedNode class]]) {
     RCTLogError(@"Illegal node ID set as an input for Animated.DiffClamp node");

package/Libraries/NativeAnimation/Nodes/RCTDivisionAnimatedNode.m

@@ -19,8 +19,7 @@
   if (inputNodes.count > 1) {
     RCTValueAnimatedNode *parent1 = (RCTValueAnimatedNode *)[self.parentNodes objectForKey:inputNodes[0]];
     RCTValueAnimatedNode *parent2 = (RCTValueAnimatedNode *)[self.parentNodes objectForKey:inputNodes[1]];
-    if ([parent1 isKindOfClass:[RCTValueAnimatedNode class]] &&
-        [parent2 isKindOfClass:[RCTValueAnimatedNode class]]) {
+    if ([parent1 isKindOfClass:[RCTValueAnimatedNode class]] && [parent2 isKindOfClass:[RCTValueAnimatedNode class]]) {
       if (parent2.value == 0) {
         RCTLogError(@"Detected a division by zero in Animated.divide node");
         return;

package/Libraries/NativeAnimation/Nodes/RCTInterpolationAnimatedNode.m

@@ -11,8 +11,7 @@
 
 static NSRegularExpression *regex;
 
-@implementation RCTInterpolationAnimatedNode
-{
+@implementation RCTInterpolationAnimatedNode {
   __weak RCTValueAnimatedNode *_parentNode;
   NSArray<NSNumber *> *_inputRange;
   NSArray<NSNumber *> *_outputRange;
@@ -23,16 +22,17 @@ static NSRegularExpression *regex;
   NSUInteger _numVals;
   bool _hasStringOutput;
   bool _shouldRound;
-  NSArray<NSTextCheckingResult*> *_matches;
+  NSArray<NSTextCheckingResult *> *_matches;
 }
 
-- (instancetype)initWithTag:(NSNumber *)tag
-                     config:(NSDictionary<NSString *, id> *)config
+- (instancetype)initWithTag:(NSNumber *)tag config:(NSDictionary<NSString *, id> *)config
 {
   static dispatch_once_t onceToken;
   dispatch_once(&onceToken, ^{
     NSString *fpRegex = @"[+-]?(\\d+\\.?\\d*|\\.\\d+)([eE][+-]?\\d+)?";
-    regex = [NSRegularExpression regularExpressionWithPattern:fpRegex options:NSRegularExpressionCaseInsensitive error:nil];
+    regex = [NSRegularExpression regularExpressionWithPattern:fpRegex
+                                                      options:NSRegularExpressionCaseInsensitive
+                                                        error:nil];
   });
   if ((self = [super initWithTag:tag config:config])) {
     _inputRange = [config[@"inputRange"] copy];
@@ -59,7 +59,7 @@ static NSRegularExpression *regex;
 
         _matches = [regex matchesInString:value options:0 range:NSMakeRange(0, [value length])];
         for (NSTextCheckingResult *match in _matches) {
-          NSString* strNumber = [value substringWithRange:match.range];
+          NSString *strNumber = [value substringWithRange:match.range];
           [output addObject:[NSNumber numberWithDouble:strNumber.doubleValue]];
         }
 
@@ -124,11 +124,8 @@ static NSRegularExpression *regex;
 
   CGFloat inputValue = _parentNode.value;
 
-  CGFloat interpolated = RCTInterpolateValueInRange(inputValue,
-                                                    _inputRange,
-                                                    _outputRange,
-                                                    _extrapolateLeft,
-                                                    _extrapolateRight);
+  CGFloat interpolated =
+      RCTInterpolateValueInRange(inputValue, _inputRange, _outputRange, _extrapolateLeft, _extrapolateRight);
   self.value = interpolated;
   if (_hasStringOutput) {
     // 'rgba(0, 100, 200, 0)'
@@ -139,11 +136,8 @@ static NSRegularExpression *regex;
       NSMutableString *formattedText = [NSMutableString stringWithString:text];
       NSUInteger i = _numVals;
       for (NSTextCheckingResult *match in [_matches reverseObjectEnumerator]) {
-        CGFloat val = RCTInterpolateValueInRange(inputValue,
-                                                          _inputRange,
-                                                          _outputs[--i],
-                                                          _extrapolateLeft,
-                                                          _extrapolateRight);
+        CGFloat val =
+            RCTInterpolateValueInRange(inputValue, _inputRange, _outputs[--i], _extrapolateLeft, _extrapolateRight);
         NSString *str;
         if (_shouldRound) {
           // rgba requires that the r,g,b are integers.... so we want to round them, but we *dont* want to
@@ -161,9 +155,9 @@ static NSRegularExpression *regex;
       self.animatedObject = formattedText;
     } else {
       self.animatedObject = [regex stringByReplacingMatchesInString:_soutputRange[0]
-                                                 options:0
-                                                   range:NSMakeRange(0, _soutputRange[0].length)
-                                            withTemplate:[NSString stringWithFormat:@"%1f", interpolated]];
+                                                            options:0
+                                                              range:NSMakeRange(0, _soutputRange[0].length)
+                                                       withTemplate:[NSString stringWithFormat:@"%1f", interpolated]];
     }
   }
 }

package/Libraries/NativeAnimation/Nodes/RCTMultiplicationAnimatedNode.m

@@ -17,8 +17,7 @@
   if (inputNodes.count > 1) {
     RCTValueAnimatedNode *parent1 = (RCTValueAnimatedNode *)[self.parentNodes objectForKey:inputNodes[0]];
     RCTValueAnimatedNode *parent2 = (RCTValueAnimatedNode *)[self.parentNodes objectForKey:inputNodes[1]];
-    if ([parent1 isKindOfClass:[RCTValueAnimatedNode class]] &&
-        [parent2 isKindOfClass:[RCTValueAnimatedNode class]]) {
+    if ([parent1 isKindOfClass:[RCTValueAnimatedNode class]] && [parent2 isKindOfClass:[RCTValueAnimatedNode class]]) {
       self.value = parent1.value * parent2.value;
     }
   }