react-native 0.68.1 → 0.69.0-rc.1

package/Libraries/NativeAnimation/RCTNativeAnimatedNodesManager.h

@@ -63,6 +63,9 @@ NS_ASSUME_NONNULL_BEGIN
 
 - (void)extractAnimatedNodeOffset:(NSNumber *)nodeTag;
 
+- (void)updateAnimatedNodeConfig:(NSNumber *)tag
+                    config:(NSDictionary<NSString *, id> *)config;
+
 // drivers
 
 - (void)startAnimatingNode:(NSNumber *)animationId

package/Libraries/NativeAnimation/RCTNativeAnimatedNodesManager.m

@@ -12,6 +12,7 @@
 #import <React/RCTAdditionAnimatedNode.h>
 #import <React/RCTAnimatedNode.h>
 #import <React/RCTAnimationDriver.h>
+#import <React/RCTColorAnimatedNode.h>
 #import <React/RCTDiffClampAnimatedNode.h>
 #import <React/RCTDivisionAnimatedNode.h>
 #import <React/RCTEventAnimation.h>
@@ -86,6 +87,7 @@ static NSString *RCTNormalizeAnimatedEventName(NSString *eventName)
   dispatch_once(&mapToken, ^{
     map = @{@"style" : [RCTStyleAnimatedNode class],
             @"value" : [RCTValueAnimatedNode class],
+            @"color" : [RCTColorAnimatedNode class],
             @"props" : [RCTPropsAnimatedNode class],
             @"interpolation" : [RCTInterpolationAnimatedNode class],
             @"addition" : [RCTAdditionAnimatedNode class],
@@ -259,6 +261,12 @@ static NSString *RCTNormalizeAnimatedEventName(NSString *eventName)
     saveCallback(@[@(valueNode.value)]);
 }
 
+- (void)updateAnimatedNodeConfig:(NSNumber *)tag
+                    config:(NSDictionary<NSString *, id> *)config
+{
+  // TODO (T111179606): Support platform colors for color animations
+}
+
 #pragma mark -- Drivers
 
 - (void)startAnimatingNode:(NSNumber *)animationId

package/Libraries/NativeAnimation/RCTNativeAnimatedTurboModule.mm

@@ -102,6 +102,14 @@ RCT_EXPORT_METHOD(createAnimatedNode:(double)tag
   }];
 }
 
+RCT_EXPORT_METHOD(updateAnimatedNodeConfig:(double)tag
+                  config:(NSDictionary<NSString *, id> *)config)
+{
+  [self addOperationBlock:^(RCTNativeAnimatedNodesManager *nodesManager) {
+    [nodesManager updateAnimatedNodeConfig:[NSNumber numberWithDouble:tag] config:config];
+  }];
+}
+
 RCT_EXPORT_METHOD(connectAnimatedNodes:(double)parentTag
                   childTag:(double)childTag)
 {

package/Libraries/NativeAnimation/React-RCTAnimation.podspec

@@ -26,15 +26,15 @@ Pod::Spec.new do |s|
   s.homepage               = "https://reactnative.dev/"
   s.license                = package["license"]
   s.author                 = "Facebook, Inc. and its affiliates"
-  s.platforms              = { :ios => "11.0" }
+  s.platforms              = { :ios => "12.4" }
   s.compiler_flags         = folly_compiler_flags + ' -Wno-nullability-completeness'
   s.source                 = source
-  s.source_files           = "{Drivers/*,Nodes/*,*}.{m,mm}"
+  s.source_files           = "**/*.{h,m,mm}"
   s.preserve_paths         = "package.json", "LICENSE", "LICENSE-docs"
   s.header_dir             = "RCTAnimation"
   s.pod_target_xcconfig    = {
                                "USE_HEADERMAP" => "YES",
-                               "CLANG_CXX_LANGUAGE_STANDARD" => "c++14",
+                               "CLANG_CXX_LANGUAGE_STANDARD" => "c++17",
                                "HEADER_SEARCH_PATHS" => "\"$(PODS_ROOT)/RCT-Folly\" \"${PODS_ROOT}/Headers/Public/React-Codegen/react/renderer/components\" \"${PODS_CONFIGURATION_BUILD_DIR}/React-Codegen/React_Codegen.framework/Headers\""
                              }
 

package/Libraries/NativeComponent/BaseViewConfig.android.js

@@ -0,0 +1,295 @@
+/**
+ * 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
+ * @flow strict-local
+ */
+
+import {DynamicallyInjectedByGestureHandler} from './ViewConfigIgnore';
+import ReactNativeStyleAttributes from '../Components/View/ReactNativeStyleAttributes';
+import type {PartialViewConfigWithoutName} from './PlatformBaseViewConfig';
+
+const bubblingEventTypes = {
+  // Bubbling events from UIManagerModuleConstants.java
+  topChange: {
+    phasedRegistrationNames: {
+      captured: 'onChangeCapture',
+      bubbled: 'onChange',
+    },
+  },
+  topSelect: {
+    phasedRegistrationNames: {
+      captured: 'onSelectCapture',
+      bubbled: 'onSelect',
+    },
+  },
+  topTouchEnd: {
+    phasedRegistrationNames: {
+      captured: 'onTouchEndCapture',
+      bubbled: 'onTouchEnd',
+    },
+  },
+  topTouchCancel: {
+    phasedRegistrationNames: {
+      captured: 'onTouchCancelCapture',
+      bubbled: 'onTouchCancel',
+    },
+  },
+  topTouchStart: {
+    phasedRegistrationNames: {
+      captured: 'onTouchStartCapture',
+      bubbled: 'onTouchStart',
+    },
+  },
+  topTouchMove: {
+    phasedRegistrationNames: {
+      captured: 'onTouchMoveCapture',
+      bubbled: 'onTouchMove',
+    },
+  },
+
+  // Experimental/Work in Progress Pointer Events (not yet ready for use)
+  topPointerCancel: {
+    phasedRegistrationNames: {
+      captured: 'onPointerCancelCapture',
+      bubbled: 'onPointerCancel',
+    },
+  },
+  topPointerDown: {
+    phasedRegistrationNames: {
+      captured: 'onPointerDownCapture',
+      bubbled: 'onPointerDown',
+    },
+  },
+  topPointerEnter2: {
+    phasedRegistrationNames: {
+      captured: 'onPointerEnter2Capture',
+      bubbled: 'onPointerEnter2',
+      skipBubbling: true,
+    },
+  },
+  topPointerLeave2: {
+    phasedRegistrationNames: {
+      captured: 'onPointerLeave2Capture',
+      bubbled: 'onPointerLeave2',
+      skipBubbling: true,
+    },
+  },
+  topPointerMove2: {
+    phasedRegistrationNames: {
+      captured: 'onPointerMove2Capture',
+      bubbled: 'onPointerMove2',
+    },
+  },
+  topPointerUp: {
+    phasedRegistrationNames: {
+      captured: 'onPointerUpCapture',
+      bubbled: 'onPointerUp',
+    },
+  },
+};
+
+const directEventTypes = {
+  topAccessibilityAction: {
+    registrationName: 'onAccessibilityAction',
+  },
+  topPointerEnter: {
+    registrationName: 'onPointerEnter',
+  },
+  topPointerLeave: {
+    registrationName: 'onPointerLeave',
+  },
+  topPointerMove: {
+    registrationName: 'onPointerMove',
+  },
+  onGestureHandlerEvent: DynamicallyInjectedByGestureHandler({
+    registrationName: 'onGestureHandlerEvent',
+  }),
+  onGestureHandlerStateChange: DynamicallyInjectedByGestureHandler({
+    registrationName: 'onGestureHandlerStateChange',
+  }),
+
+  // Direct events from UIManagerModuleConstants.java
+  topContentSizeChange: {
+    registrationName: 'onContentSizeChange',
+  },
+  topScrollBeginDrag: {
+    registrationName: 'onScrollBeginDrag',
+  },
+  topMessage: {
+    registrationName: 'onMessage',
+  },
+  topSelectionChange: {
+    registrationName: 'onSelectionChange',
+  },
+  topLoadingFinish: {
+    registrationName: 'onLoadingFinish',
+  },
+  topMomentumScrollEnd: {
+    registrationName: 'onMomentumScrollEnd',
+  },
+  topClick: {
+    registrationName: 'onClick',
+  },
+  topLoadingStart: {
+    registrationName: 'onLoadingStart',
+  },
+  topLoadingError: {
+    registrationName: 'onLoadingError',
+  },
+  topMomentumScrollBegin: {
+    registrationName: 'onMomentumScrollBegin',
+  },
+  topScrollEndDrag: {
+    registrationName: 'onScrollEndDrag',
+  },
+  topScroll: {
+    registrationName: 'onScroll',
+  },
+  topLayout: {
+    registrationName: 'onLayout',
+  },
+};
+
+const validAttributesForNonEventProps = {
+  // @ReactProps from BaseViewManager
+  backgroundColor: {process: require('../StyleSheet/processColor')},
+  transform: true,
+  opacity: true,
+  elevation: true,
+  shadowColor: {process: require('../StyleSheet/processColor')},
+  zIndex: true,
+  renderToHardwareTextureAndroid: true,
+  testID: true,
+  nativeID: true,
+  accessibilityLabelledBy: true,
+  accessibilityLabel: true,
+  accessibilityHint: true,
+  accessibilityRole: true,
+  accessibilityState: true,
+  accessibilityActions: true,
+  accessibilityValue: true,
+  importantForAccessibility: true,
+  rotation: true,
+  scaleX: true,
+  scaleY: true,
+  translateX: true,
+  translateY: true,
+  accessibilityLiveRegion: true,
+
+  // @ReactProps from LayoutShadowNode
+  width: true,
+  minWidth: true,
+  collapsable: true,
+  maxWidth: true,
+  height: true,
+  minHeight: true,
+  maxHeight: true,
+  flex: true,
+  flexGrow: true,
+  flexShrink: true,
+  flexBasis: true,
+  aspectRatio: true,
+  flexDirection: true,
+  flexWrap: true,
+  alignSelf: true,
+  alignItems: true,
+  alignContent: true,
+  justifyContent: true,
+  overflow: true,
+  display: true,
+
+  margin: true,
+  marginVertical: true,
+  marginHorizontal: true,
+  marginStart: true,
+  marginEnd: true,
+  marginTop: true,
+  marginBottom: true,
+  marginLeft: true,
+  marginRight: true,
+
+  padding: true,
+  paddingVertical: true,
+  paddingHorizontal: true,
+  paddingStart: true,
+  paddingEnd: true,
+  paddingTop: true,
+  paddingBottom: true,
+  paddingLeft: true,
+  paddingRight: true,
+
+  borderWidth: true,
+  borderStartWidth: true,
+  borderEndWidth: true,
+  borderTopWidth: true,
+  borderBottomWidth: true,
+  borderLeftWidth: true,
+  borderRightWidth: true,
+
+  start: true,
+  end: true,
+  left: true,
+  right: true,
+  top: true,
+  bottom: true,
+
+  position: true,
+
+  style: ReactNativeStyleAttributes,
+};
+
+// Props for bubbling and direct events
+const validAttributesForEventProps = {
+  onLayout: true,
+
+  // PanResponder handlers
+  onMoveShouldSetResponder: true,
+  onMoveShouldSetResponderCapture: true,
+  onStartShouldSetResponder: true,
+  onStartShouldSetResponderCapture: true,
+  onResponderGrant: true,
+  onResponderReject: true,
+  onResponderStart: true,
+  onResponderEnd: true,
+  onResponderRelease: true,
+  onResponderMove: true,
+  onResponderTerminate: true,
+  onResponderTerminationRequest: true,
+  onShouldBlockNativeResponder: true,
+
+  // Touch events
+  onTouchStart: true,
+  onTouchMove: true,
+  onTouchEnd: true,
+  onTouchCancel: true,
+
+  // Pointer events
+  onPointerEnter: true,
+  onPointerLeave: true,
+  onPointerMove: true,
+};
+
+/**
+ * On Android, Props are derived from a ViewManager and its ShadowNode.
+ *
+ * Where did we find these base platform props from?
+ * - Nearly all component ViewManagers descend from BaseViewManager,
+ * - and BaseViewManagers' ShadowNodes descend from LayoutShadowNode.
+ * - Also, all components inherit ViewConfigs from UIManagerModuleConstants.java.
+ *
+ * So, these ViewConfigs are generated from LayoutShadowNode and BaseViewManager.
+ */
+const PlatformBaseViewConfigAndroid: PartialViewConfigWithoutName = {
+  directEventTypes,
+  bubblingEventTypes,
+  validAttributes: {
+    ...validAttributesForNonEventProps,
+    ...validAttributesForEventProps,
+  },
+};
+
+export default PlatformBaseViewConfigAndroid;

package/Libraries/NativeComponent/BaseViewConfig.ios.js

@@ -0,0 +1,333 @@
+/**
+ * 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
+ * @flow strict-local
+ */
+
+import {
+  DynamicallyInjectedByGestureHandler,
+  ConditionallyIgnoredEventHandlers,
+} from './ViewConfigIgnore';
+import ReactNativeStyleAttributes from '../Components/View/ReactNativeStyleAttributes';
+import type {PartialViewConfigWithoutName} from './PlatformBaseViewConfig';
+
+const bubblingEventTypes = {
+  // Generic Events
+  topPress: {
+    phasedRegistrationNames: {
+      bubbled: 'onPress',
+      captured: 'onPressCapture',
+    },
+  },
+  topChange: {
+    phasedRegistrationNames: {
+      bubbled: 'onChange',
+      captured: 'onChangeCapture',
+    },
+  },
+  topFocus: {
+    phasedRegistrationNames: {
+      bubbled: 'onFocus',
+      captured: 'onFocusCapture',
+    },
+  },
+  topBlur: {
+    phasedRegistrationNames: {
+      bubbled: 'onBlur',
+      captured: 'onBlurCapture',
+    },
+  },
+  topSubmitEditing: {
+    phasedRegistrationNames: {
+      bubbled: 'onSubmitEditing',
+      captured: 'onSubmitEditingCapture',
+    },
+  },
+  topEndEditing: {
+    phasedRegistrationNames: {
+      bubbled: 'onEndEditing',
+      captured: 'onEndEditingCapture',
+    },
+  },
+  topKeyPress: {
+    phasedRegistrationNames: {
+      bubbled: 'onKeyPress',
+      captured: 'onKeyPressCapture',
+    },
+  },
+
+  // Touch Events
+  topTouchStart: {
+    phasedRegistrationNames: {
+      bubbled: 'onTouchStart',
+      captured: 'onTouchStartCapture',
+    },
+  },
+  topTouchMove: {
+    phasedRegistrationNames: {
+      bubbled: 'onTouchMove',
+      captured: 'onTouchMoveCapture',
+    },
+  },
+  topTouchCancel: {
+    phasedRegistrationNames: {
+      bubbled: 'onTouchCancel',
+      captured: 'onTouchCancelCapture',
+    },
+  },
+  topTouchEnd: {
+    phasedRegistrationNames: {
+      bubbled: 'onTouchEnd',
+      captured: 'onTouchEndCapture',
+    },
+  },
+
+  // Experimental/Work in Progress Pointer Events (not yet ready for use)
+  topPointerCancel: {
+    phasedRegistrationNames: {
+      captured: 'onPointerCancelCapture',
+      bubbled: 'onPointerCancel',
+    },
+  },
+  topPointerDown: {
+    phasedRegistrationNames: {
+      captured: 'onPointerDownCapture',
+      bubbled: 'onPointerDown',
+    },
+  },
+  topPointerMove2: {
+    phasedRegistrationNames: {
+      captured: 'onPointerMove2Capture',
+      bubbled: 'onPointerMove2',
+    },
+  },
+  topPointerUp: {
+    phasedRegistrationNames: {
+      captured: 'onPointerUpCapture',
+      bubbled: 'onPointerUp',
+    },
+  },
+  topPointerEnter2: {
+    phasedRegistrationNames: {
+      captured: 'onPointerEnter2Capture',
+      bubbled: 'onPointerEnter2',
+      skipBubbling: true,
+    },
+  },
+  topPointerLeave2: {
+    phasedRegistrationNames: {
+      captured: 'onPointerLeave2Capture',
+      bubbled: 'onPointerLeave2',
+      skipBubbling: true,
+    },
+  },
+};
+
+const directEventTypes = {
+  topAccessibilityAction: {
+    registrationName: 'onAccessibilityAction',
+  },
+  topAccessibilityTap: {
+    registrationName: 'onAccessibilityTap',
+  },
+  topMagicTap: {
+    registrationName: 'onMagicTap',
+  },
+  topAccessibilityEscape: {
+    registrationName: 'onAccessibilityEscape',
+  },
+  topLayout: {
+    registrationName: 'onLayout',
+  },
+  onGestureHandlerEvent: DynamicallyInjectedByGestureHandler({
+    registrationName: 'onGestureHandlerEvent',
+  }),
+  onGestureHandlerStateChange: DynamicallyInjectedByGestureHandler({
+    registrationName: 'onGestureHandlerStateChange',
+  }),
+};
+
+const validAttributesForNonEventProps = {
+  // View Props
+  accessible: true,
+  accessibilityActions: true,
+  accessibilityLabel: true,
+  accessibilityHint: true,
+  accessibilityLanguage: true,
+  accessibilityValue: true,
+  accessibilityViewIsModal: true,
+  accessibilityElementsHidden: true,
+  accessibilityIgnoresInvertColors: true,
+  testID: true,
+  backgroundColor: {process: require('../StyleSheet/processColor')},
+  backfaceVisibility: true,
+  opacity: true,
+  shadowColor: {process: require('../StyleSheet/processColor')},
+  shadowOffset: {diff: require('../Utilities/differ/sizesDiffer')},
+  shadowOpacity: true,
+  shadowRadius: true,
+  needsOffscreenAlphaCompositing: true,
+  overflow: true,
+  shouldRasterizeIOS: true,
+  transform: {diff: require('../Utilities/differ/matricesDiffer')},
+  accessibilityRole: true,
+  accessibilityState: true,
+  nativeID: true,
+  pointerEvents: true,
+  removeClippedSubviews: true,
+  borderRadius: true,
+  borderColor: {process: require('../StyleSheet/processColor')},
+  borderWidth: true,
+  borderStyle: true,
+  hitSlop: {diff: require('../Utilities/differ/insetsDiffer')},
+  collapsable: true,
+
+  borderTopWidth: true,
+  borderTopColor: {process: require('../StyleSheet/processColor')},
+  borderRightWidth: true,
+  borderRightColor: {process: require('../StyleSheet/processColor')},
+  borderBottomWidth: true,
+  borderBottomColor: {process: require('../StyleSheet/processColor')},
+  borderLeftWidth: true,
+  borderLeftColor: {process: require('../StyleSheet/processColor')},
+  borderStartWidth: true,
+  borderStartColor: {process: require('../StyleSheet/processColor')},
+  borderEndWidth: true,
+  borderEndColor: {process: require('../StyleSheet/processColor')},
+
+  borderTopLeftRadius: true,
+  borderTopRightRadius: true,
+  borderTopStartRadius: true,
+  borderTopEndRadius: true,
+  borderBottomLeftRadius: true,
+  borderBottomRightRadius: true,
+  borderBottomStartRadius: true,
+  borderBottomEndRadius: true,
+  display: true,
+  zIndex: true,
+
+  // ShadowView properties
+  top: true,
+  right: true,
+  start: true,
+  end: true,
+  bottom: true,
+  left: true,
+
+  width: true,
+  height: true,
+
+  minWidth: true,
+  maxWidth: true,
+  minHeight: true,
+  maxHeight: true,
+
+  // Also declared as ViewProps
+  // borderTopWidth: true,
+  // borderRightWidth: true,
+  // borderBottomWidth: true,
+  // borderLeftWidth: true,
+  // borderStartWidth: true,
+  // borderEndWidth: true,
+  // borderWidth: true,
+
+  marginTop: true,
+  marginRight: true,
+  marginBottom: true,
+  marginLeft: true,
+  marginStart: true,
+  marginEnd: true,
+  marginVertical: true,
+  marginHorizontal: true,
+  margin: true,
+
+  paddingTop: true,
+  paddingRight: true,
+  paddingBottom: true,
+  paddingLeft: true,
+  paddingStart: true,
+  paddingEnd: true,
+  paddingVertical: true,
+  paddingHorizontal: true,
+  padding: true,
+
+  flex: true,
+  flexGrow: true,
+  flexShrink: true,
+  flexBasis: true,
+  flexDirection: true,
+  flexWrap: true,
+  justifyContent: true,
+  alignItems: true,
+  alignSelf: true,
+  alignContent: true,
+  position: true,
+  aspectRatio: true,
+
+  // Also declared as ViewProps
+  // overflow: true,
+  // display: true,
+
+  direction: true,
+
+  style: ReactNativeStyleAttributes,
+};
+
+// Props for bubbling and direct events
+const validAttributesForEventProps = ConditionallyIgnoredEventHandlers({
+  onLayout: true,
+  onMagicTap: true,
+
+  // Accessibility
+  onAccessibilityAction: true,
+  onAccessibilityEscape: true,
+  onAccessibilityTap: true,
+
+  // PanResponder handlers
+  onMoveShouldSetResponder: true,
+  onMoveShouldSetResponderCapture: true,
+  onStartShouldSetResponder: true,
+  onStartShouldSetResponderCapture: true,
+  onResponderGrant: true,
+  onResponderReject: true,
+  onResponderStart: true,
+  onResponderEnd: true,
+  onResponderRelease: true,
+  onResponderMove: true,
+  onResponderTerminate: true,
+  onResponderTerminationRequest: true,
+  onShouldBlockNativeResponder: true,
+
+  // Touch events
+  onTouchStart: true,
+  onTouchMove: true,
+  onTouchEnd: true,
+  onTouchCancel: true,
+
+  // Pointer events
+  onPointerUp: true,
+  onPointerDown: true,
+  onPointerCancel: true,
+  onPointerEnter2: true,
+  onPointerMove2: true,
+  onPointerLeave2: true,
+});
+
+/**
+ * On iOS, view managers define all of a component's props.
+ * All view managers extend RCTViewManager, and RCTViewManager declares these props.
+ */
+const PlatformBaseViewConfigIos: PartialViewConfigWithoutName = {
+  bubblingEventTypes,
+  directEventTypes,
+  validAttributes: {
+    ...validAttributesForNonEventProps,
+    ...validAttributesForEventProps,
+  },
+};
+
+export default PlatformBaseViewConfigIos;

package/Libraries/NativeComponent/NativeComponentRegistry.js

@@ -23,8 +23,6 @@ import * as React from 'react';
 
 let getRuntimeConfig;
 
-let componentNameToExists: Map<string, boolean> = new Map();
-
 /**
  * Configures a function that is called to determine whether a given component
  * should be registered using reflection of the native component at runtime.