Native view configs in bridgeless mode: constantsToExport support

Summary:
If the `constantsToExport` method is overridden by RCTViewManager subclass, we'll out those constants in "Constants" property of the view config.
This diff also defines a property on UIManager for every view configs. This add support for `UIManager.RNTMyLegacyNativeView.Constants.PI` syntax in bridgeless mode.
Changelog: [Internal]

Differential Revision: D49372561

fbshipit-source-id: 9af8b1ed7d824a323360c4351bec4b151ded6b2b

Author: dmytrorykun

packages/react-native/Libraries/ReactNative/BridgelessUIManager.js

@@ -13,6 +13,7 @@
 import type {RootTag} from '../Types/RootTagTypes';
 
 import {unstable_hasComponent} from '../NativeComponent/NativeComponentRegistryUnstable';
+import NativeUIManager from './NativeUIManager';
 import ReactNativeFeatureFlags from './ReactNativeFeatureFlags';
 
 let cachedConstants = null;
@@ -29,7 +30,11 @@ function getCachedConstants(): Object {
   return cachedConstants;
 }
 
-module.exports = {
+/* $FlowFixMe[cannot-spread-interface] (>=0.123.0 site=react_native_fb) This
+ * comment suppresses an error found when Flow v0.123.0 was deployed. To see
+ * the error, delete this comment and run Flow. */
+const UIManagerJS = {
+  ...NativeUIManager,
   getViewManagerConfig: (viewManagerName: string): mixed => {
     if (ReactNativeFeatureFlags.enableNativeViewConfigsInBridgelessMode()) {
       return getCachedConstants()[viewManagerName];
@@ -178,3 +183,9 @@ module.exports = {
   dismissPopupMenu: (): void =>
     console.error(errorMessageForMethod('dismissPopupMenu')),
 };
+
+for (const viewConfigName: string in getCachedConstants()) {
+  UIManagerJS[viewConfigName] = getCachedConstants()[viewConfigName];
+}
+
+module.exports = UIManagerJS;

packages/react-native/React/Modules/RCTUIManager.m

@@ -1490,8 +1490,7 @@ static void RCTMeasureLayout(RCTShadowView *view, RCTShadowView *ancestor, RCTRe
   // New Architecture. To make native view configs work in the New Architecture we will populate these properties in
   // native.
   moduleConstants[@"Commands"] = viewConfig[@"Commands"];
-  // In the Old Architecture "Constants" are empty.
-  moduleConstants[@"Constants"] = [NSDictionary new];
+  moduleConstants[@"Constants"] = viewConfig[@"Constants"];
 
   // Add direct events
   for (NSString *eventName in viewConfig[@"directEvents"]) {

packages/react-native/React/Views/RCTComponentData.m

@@ -414,6 +414,14 @@ - (void)setProps:(NSDictionary<NSString *, id> *)props forShadowView:(RCTShadowV
   return commands;
 }
 
++ (NSDictionary<NSString *, id> *)constantsForViewMangerClass:(Class)managerClass
+{
+  if ([managerClass instancesRespondToSelector:@selector(constantsToExport)]) {
+    return [[managerClass new] constantsToExport];
+  }
+  return @{};
+}
+
 + (NSDictionary<NSString *, id> *)viewConfigForViewMangerClass:(Class)managerClass
 {
   NSMutableArray<NSString *> *bubblingEvents = [NSMutableArray new];
@@ -498,6 +506,7 @@ - (void)setProps:(NSDictionary<NSString *, id> *)props forShadowView:(RCTShadowV
     @"capturingEvents" : capturingEvents,
     @"baseModuleName" : superClass == [NSObject class] ? (id)kCFNull : RCTViewManagerModuleNameForClass(superClass),
     @"Commands" : commands,
+    @"Constants" : [self constantsForViewMangerClass:managerClass],
   };
 }