react-native 0.0.0-201c10733 → 0.0.0-268efb102

package/React/Fabric/Mounting/ComponentViews/TextInput/RCTTextInputComponentView.mm

@@ -89,6 +89,7 @@ using namespace facebook::react;
     }
     _didMoveToWindow = YES;
   }
+  [self _restoreTextSelection];
 }
 
 #pragma mark - RCTViewComponentView overrides
@@ -208,7 +209,6 @@ using namespace facebook::react;
   if (newTextInputProps.inputAccessoryViewID != oldTextInputProps.inputAccessoryViewID) {
     _backedTextInputView.inputAccessoryViewID = RCTNSStringFromString(newTextInputProps.inputAccessoryViewID);
   }
-
   [super updateProps:props oldProps:oldProps];
 
   [self setDefaultInputAccessoryView];
@@ -258,6 +258,7 @@ using namespace facebook::react;
   _lastStringStateWasUpdatedWith = nil;
   _ignoreNextTextInputCall = NO;
   _didMoveToWindow = NO;
+  [_backedTextInputView resignFirstResponder];
 }
 
 #pragma mark - RCTBackedTextInputDelegate
@@ -335,6 +336,15 @@ using namespace facebook::react;
   if (props.maxLength) {
     NSInteger allowedLength = props.maxLength - _backedTextInputView.attributedText.string.length + range.length;
 
+    if (allowedLength > 0 && text.length > allowedLength) {
+      // make sure unicode characters that are longer than 16 bits (such as emojis) are not cut off
+      NSRange cutOffCharacterRange = [text rangeOfComposedCharacterSequenceAtIndex:allowedLength - 1];
+      if (cutOffCharacterRange.location + cutOffCharacterRange.length > allowedLength) {
+        // the character at the length limit takes more than 16bits, truncation should end at the character before
+        allowedLength = cutOffCharacterRange.location;
+      }
+    }
+
     if (allowedLength <= 0) {
       return nil;
     }
@@ -356,7 +366,7 @@ using namespace facebook::react;
     return;
   }
 
-  if (_ignoreNextTextInputCall) {
+  if (_ignoreNextTextInputCall && [_lastStringStateWasUpdatedWith isEqual:_backedTextInputView.attributedText]) {
     _ignoreNextTextInputCall = NO;
     return;
   }
@@ -411,11 +421,9 @@ using namespace facebook::react;
   }
   _comingFromJS = YES;
   if (![value isEqualToString:_backedTextInputView.attributedText.string]) {
-    NSMutableAttributedString *mutableString =
-        [[NSMutableAttributedString alloc] initWithAttributedString:_backedTextInputView.attributedText];
-    [mutableString replaceCharactersInRange:NSMakeRange(0, _backedTextInputView.attributedText.length)
-                                 withString:value];
-    [self _setAttributedString:mutableString];
+    NSAttributedString *attributedString =
+        [[NSAttributedString alloc] initWithString:value attributes:_backedTextInputView.defaultTextAttributes];
+    [self _setAttributedString:attributedString];
     [self _updateState];
   }
 
@@ -435,6 +443,14 @@ using namespace facebook::react;
 
 - (void)setDefaultInputAccessoryView
 {
+  // InputAccessoryView component sets the inputAccessoryView when inputAccessoryViewID exists
+  if (_backedTextInputView.inputAccessoryViewID) {
+    if (_backedTextInputView.isFirstResponder) {
+      [_backedTextInputView reloadInputViews];
+    }
+    return;
+  }
+
   UIKeyboardType keyboardType = _backedTextInputView.keyboardType;
 
   // These keyboard types (all are number pads) don't have a "Done" button by default,
@@ -510,19 +526,39 @@ using namespace facebook::react;
   return AttributedString::Range{(int)start, (int)(end - start)};
 }
 
-- (void)_setAttributedString:(NSAttributedString *)attributedString
+- (void)_restoreTextSelection
 {
-  UITextRange *selectedRange = [_backedTextInputView selectedTextRange];
-  if (![self _textOf:attributedString equals:_backedTextInputView.attributedText]) {
-    _backedTextInputView.attributedText = attributedString;
+  const auto selection = std::dynamic_pointer_cast<TextInputProps const>(_props)->selection.get_pointer();
+  if (selection == nullptr) {
+    return;
   }
-  if (_lastStringStateWasUpdatedWith.length == attributedString.length) {
-    // Calling `[_backedTextInputView setAttributedText]` moves caret
-    // to the end of text input field. This cancels any selection as well
-    // as position in the text input field. In case the length of string
-    // doesn't change, selection and caret position is maintained.
-    [_backedTextInputView setSelectedTextRange:selectedRange notifyDelegate:NO];
+  auto start = [_backedTextInputView positionFromPosition:_backedTextInputView.beginningOfDocument
+                                                   offset:selection->start];
+  auto end = [_backedTextInputView positionFromPosition:_backedTextInputView.beginningOfDocument offset:selection->end];
+  auto range = [_backedTextInputView textRangeFromPosition:start toPosition:end];
+  [_backedTextInputView setSelectedTextRange:range notifyDelegate:YES];
+}
+
+- (void)_setAttributedString:(NSAttributedString *)attributedString
+{
+  if ([self _textOf:attributedString equals:_backedTextInputView.attributedText]) {
+    return;
   }
+  UITextRange *selectedRange = _backedTextInputView.selectedTextRange;
+  NSInteger oldTextLength = _backedTextInputView.attributedText.string.length;
+  _backedTextInputView.attributedText = attributedString;
+  if (selectedRange.empty) {
+    // Maintaining a cursor position relative to the end of the old text.
+    NSInteger offsetStart = [_backedTextInputView offsetFromPosition:_backedTextInputView.beginningOfDocument
+                                                          toPosition:selectedRange.start];
+    NSInteger offsetFromEnd = oldTextLength - offsetStart;
+    NSInteger newOffset = attributedString.string.length - offsetFromEnd;
+    UITextPosition *position = [_backedTextInputView positionFromPosition:_backedTextInputView.beginningOfDocument
+                                                                   offset:newOffset];
+    [_backedTextInputView setSelectedTextRange:[_backedTextInputView textRangeFromPosition:position toPosition:position]
+                                notifyDelegate:YES];
+  }
+  [self _restoreTextSelection];
   _lastStringStateWasUpdatedWith = attributedString;
 }
 

package/React/Fabric/Mounting/ComponentViews/TextInput/RCTTextInputUtils.mm

@@ -180,8 +180,54 @@ UIReturnKeyType RCTUIReturnKeyTypeFromReturnKeyType(ReturnKeyType returnKeyType)
 API_AVAILABLE(ios(10.0))
 UITextContentType RCTUITextContentTypeFromString(std::string const &contentType)
 {
-  // TODO: Implement properly (T26519801).
-  return RCTNSStringFromStringNilIfEmpty(contentType);
+  static dispatch_once_t onceToken;
+  static NSDictionary<NSString *, NSString *> *contentTypeMap;
+
+  dispatch_once(&onceToken, ^{
+    NSMutableDictionary<NSString *, NSString *> *mutableContentTypeMap = [@{
+      @"" : @"",
+      @"none" : @"",
+      @"URL" : UITextContentTypeURL,
+      @"addressCity" : UITextContentTypeAddressCity,
+      @"addressCityAndState" : UITextContentTypeAddressCityAndState,
+      @"addressState" : UITextContentTypeAddressState,
+      @"countryName" : UITextContentTypeCountryName,
+      @"creditCardNumber" : UITextContentTypeCreditCardNumber,
+      @"emailAddress" : UITextContentTypeEmailAddress,
+      @"familyName" : UITextContentTypeFamilyName,
+      @"fullStreetAddress" : UITextContentTypeFullStreetAddress,
+      @"givenName" : UITextContentTypeGivenName,
+      @"jobTitle" : UITextContentTypeJobTitle,
+      @"location" : UITextContentTypeLocation,
+      @"middleName" : UITextContentTypeMiddleName,
+      @"name" : UITextContentTypeName,
+      @"namePrefix" : UITextContentTypeNamePrefix,
+      @"nameSuffix" : UITextContentTypeNameSuffix,
+      @"nickname" : UITextContentTypeNickname,
+      @"organizationName" : UITextContentTypeOrganizationName,
+      @"postalCode" : UITextContentTypePostalCode,
+      @"streetAddressLine1" : UITextContentTypeStreetAddressLine1,
+      @"streetAddressLine2" : UITextContentTypeStreetAddressLine2,
+      @"sublocality" : UITextContentTypeSublocality,
+      @"telephoneNumber" : UITextContentTypeTelephoneNumber,
+    } mutableCopy];
+
+    if (@available(iOS 11.0, *)) {
+      [mutableContentTypeMap
+          addEntriesFromDictionary:@{@"username" : UITextContentTypeUsername, @"password" : UITextContentTypePassword}];
+    }
+
+    if (@available(iOS 12.0, *)) {
+      [mutableContentTypeMap addEntriesFromDictionary:@{
+        @"newPassword" : UITextContentTypeNewPassword,
+        @"oneTimeCode" : UITextContentTypeOneTimeCode
+      }];
+    }
+
+    contentTypeMap = [mutableContentTypeMap copy];
+  });
+
+  return contentTypeMap[RCTNSStringFromString(contentType)] ?: @"";
 }
 
 API_AVAILABLE(ios(12.0))

package/React/Fabric/Mounting/ComponentViews/View/RCTViewComponentView.h

@@ -69,6 +69,12 @@ NS_ASSUME_NONNULL_BEGIN
  */
 @property (nonatomic, assign) UIEdgeInsets hitTestEdgeInsets;
 
+/**
+ * Flag indicating if subview clipping is enabled for the view.
+ * If subview clipping is enabled, subviews that are outside of the viewport may be removed from the view hierachy.
+ */
+@property (nonatomic, readonly) BOOL removeClippedSubviews;
+
 /**
  * Enforcing `call super` semantic for overridden methods from `RCTComponentViewProtocol`.
  * The methods update the instance variables.

package/React/Fabric/Mounting/ComponentViews/View/RCTViewComponentView.mm

@@ -23,14 +23,20 @@ using namespace facebook::react;
   UIColor *_backgroundColor;
   CALayer *_borderLayer;
   BOOL _needsInvalidateLayer;
+  BOOL _isJSResponder;
+  BOOL _removeClippedSubviews;
+  NSMutableArray<UIView *> *_reactSubviews;
   NSSet<NSString *> *_Nullable _propKeysManagedByAnimated_DO_NOT_USE_THIS_IS_BROKEN;
 }
 
+@synthesize removeClippedSubviews = _removeClippedSubviews;
+
 - (instancetype)initWithFrame:(CGRect)frame
 {
   if (self = [super initWithFrame:frame]) {
     static auto const defaultProps = std::make_shared<ViewProps const>();
     _props = defaultProps;
+    _reactSubviews = [NSMutableArray new];
     self.multipleTouchEnabled = YES;
   }
   return self;
@@ -85,6 +91,81 @@ using namespace facebook::react;
   return concreteComponentDescriptorProvider<ViewComponentDescriptor>();
 }
 
+- (void)mountChildComponentView:(UIView<RCTComponentViewProtocol> *)childComponentView index:(NSInteger)index
+{
+  RCTAssert(
+      childComponentView.superview == nil,
+      @"Attempt to mount already mounted component view. (parent: %@, child: %@, index: %@, existing parent: %@)",
+      self,
+      childComponentView,
+      @(index),
+      @([childComponentView.superview tag]));
+
+  if (_removeClippedSubviews) {
+    [_reactSubviews insertObject:childComponentView atIndex:index];
+  } else {
+    [self insertSubview:childComponentView atIndex:index];
+  }
+}
+
+- (void)unmountChildComponentView:(UIView<RCTComponentViewProtocol> *)childComponentView index:(NSInteger)index
+{
+  if (_removeClippedSubviews) {
+    [_reactSubviews removeObjectAtIndex:index];
+  } else {
+    RCTAssert(
+        childComponentView.superview == self,
+        @"Attempt to unmount a view which is mounted inside different view. (parent: %@, child: %@, index: %@)",
+        self,
+        childComponentView,
+        @(index));
+    RCTAssert(
+        (self.subviews.count > index) && [self.subviews objectAtIndex:index] == childComponentView,
+        @"Attempt to unmount a view which has a different index. (parent: %@, child: %@, index: %@, actual index: %@, tag at index: %@)",
+        self,
+        childComponentView,
+        @(index),
+        @([self.subviews indexOfObject:childComponentView]),
+        @([[self.subviews objectAtIndex:index] tag]));
+  }
+
+  [childComponentView removeFromSuperview];
+}
+
+- (void)updateClippedSubviewsWithClipRect:(CGRect)clipRect relativeToView:(UIView *)clipView
+{
+  if (!_removeClippedSubviews) {
+    // Use default behavior if unmounting is disabled
+    return [super updateClippedSubviewsWithClipRect:clipRect relativeToView:clipView];
+  }
+
+  if (_reactSubviews.count == 0) {
+    // Do nothing if we have no subviews
+    return;
+  }
+
+  if (CGSizeEqualToSize(self.bounds.size, CGSizeZero)) {
+    // Do nothing if layout hasn't happened yet
+    return;
+  }
+
+  // Convert clipping rect to local coordinates
+  clipRect = [clipView convertRect:clipRect toView:self];
+
+  // Mount / unmount views
+  for (UIView *view in _reactSubviews) {
+    if (CGRectIntersectsRect(clipRect, view.frame)) {
+      // View is at least partially visible, so remount it if unmounted
+      [self addSubview:view];
+      // View is visible, update clipped subviews
+      [view updateClippedSubviewsWithClipRect:clipRect relativeToView:self];
+    } else if (view.superview) {
+      // View is completely outside the clipRect, so unmount it
+      [view removeFromSuperview];
+    }
+  }
+}
+
 - (void)updateProps:(Props::Shared const &)props oldProps:(Props::Shared const &)oldProps
 {
   RCTAssert(props, @"`props` must not be `null`.");
@@ -112,6 +193,14 @@ using namespace facebook::react;
     needsInvalidateLayer = YES;
   }
 
+  if (RCTGetRemoveClippedSubviewsEnabled() &&
+      oldViewProps.removeClippedSubviews != newViewProps.removeClippedSubviews) {
+    _removeClippedSubviews = newViewProps.removeClippedSubviews;
+    if (_removeClippedSubviews && self.subviews.count > 0) {
+      _reactSubviews = [NSMutableArray arrayWithArray:self.subviews];
+    }
+  }
+
   // `backgroundColor`
   if (oldViewProps.backgroundColor != newViewProps.backgroundColor) {
     self.backgroundColor = RCTUIColorFromSharedColor(newViewProps.backgroundColor);
@@ -242,11 +331,25 @@ using namespace facebook::react;
 
   // `accessibilityIgnoresInvertColors`
   if (oldViewProps.accessibilityIgnoresInvertColors != newViewProps.accessibilityIgnoresInvertColors) {
-#if defined(__IPHONE_OS_VERSION_MAX_ALLOWED) && __IPHONE_OS_VERSION_MAX_ALLOWED >= 110000 /* __IPHONE_11_0 */
-    if (@available(iOS 11.0, *)) {
-      self.accessibilityIgnoresInvertColors = newViewProps.accessibilityIgnoresInvertColors;
+    self.accessibilityIgnoresInvertColors = newViewProps.accessibilityIgnoresInvertColors;
+  }
+
+  // `accessibilityValue`
+  if (oldViewProps.accessibilityValue != newViewProps.accessibilityValue) {
+    if (newViewProps.accessibilityValue.text.hasValue()) {
+      self.accessibilityElement.accessibilityValue =
+          RCTNSStringFromStringNilIfEmpty(newViewProps.accessibilityValue.text.value());
+    } else if (
+        newViewProps.accessibilityValue.now.hasValue() && newViewProps.accessibilityValue.min.hasValue() &&
+        newViewProps.accessibilityValue.max.hasValue()) {
+      CGFloat val = (CGFloat)(newViewProps.accessibilityValue.now.value()) /
+          (newViewProps.accessibilityValue.max.value() - newViewProps.accessibilityValue.min.value());
+      self.accessibilityElement.accessibilityValue =
+          [NSNumberFormatter localizedStringFromNumber:@(val) numberStyle:NSNumberFormatterPercentStyle];
+      ;
+    } else {
+      self.accessibilityElement.accessibilityValue = nil;
     }
-#endif
   }
 
   // `testId`
@@ -284,6 +387,16 @@ using namespace facebook::react;
   }
 }
 
+- (BOOL)isJSResponder
+{
+  return _isJSResponder;
+}
+
+- (void)setIsJSResponder:(BOOL)isJSResponder
+{
+  _isJSResponder = isJSResponder;
+}
+
 - (void)finalizeUpdates:(RNComponentViewUpdateMask)updateMask
 {
   [super finalizeUpdates:updateMask];
@@ -310,6 +423,9 @@ using namespace facebook::react;
 
   _propKeysManagedByAnimated_DO_NOT_USE_THIS_IS_BROKEN = nil;
   _eventEmitter.reset();
+  _isJSResponder = NO;
+  _removeClippedSubviews = NO;
+  _reactSubviews = [NSMutableArray new];
 }
 
 - (void)setPropKeysManagedByAnimated_DO_NOT_USE_THIS_IS_BROKEN:(NSSet<NSString *> *_Nullable)props
@@ -338,9 +454,7 @@ using namespace facebook::react;
 
   BOOL clipsToBounds = self.clipsToBounds;
 
-  if (RCTExperimentGetOptimizedHitTesting()) {
-    clipsToBounds = clipsToBounds || _layoutMetrics.overflowInset == EdgeInsets{};
-  }
+  clipsToBounds = clipsToBounds || _layoutMetrics.overflowInset == EdgeInsets{};
 
   if (clipsToBounds && !isPointInside) {
     return nil;
@@ -620,7 +734,7 @@ static NSString *RCTRecursiveAccessibilityLabel(UIView *view)
   NSMutableArray<UIAccessibilityCustomAction *> *customActions = [NSMutableArray array];
   for (auto const &accessibilityAction : accessibilityActions) {
     [customActions
-        addObject:[[UIAccessibilityCustomAction alloc] initWithName:RCTNSStringFromString(accessibilityAction)
+        addObject:[[UIAccessibilityCustomAction alloc] initWithName:RCTNSStringFromString(accessibilityAction.name)
                                                              target:self
                                                            selector:@selector(didActivateAccessibilityCustomAction:)]];
   }

package/React/Fabric/Mounting/RCTComponentViewFactory.h

@@ -9,11 +9,13 @@
 
 #import <React/RCTComponentViewDescriptor.h>
 #import <React/RCTComponentViewProtocol.h>
-
+#import <jsi/jsi.h>
 #import <react/renderer/componentregistry/ComponentDescriptorRegistry.h>
 
 NS_ASSUME_NONNULL_BEGIN
 
+void RCTInstallNativeComponentRegistryBinding(facebook::jsi::Runtime &runtime);
+
 /**
  * Registry of supported component view classes that can instantiate
  * view component instances by given component handle.
@@ -23,13 +25,19 @@ NS_ASSUME_NONNULL_BEGIN
 /**
  * Constructs and returns an instance of the class with a bunch of already registered standard components.
  */
-+ (RCTComponentViewFactory *)standardComponentViewFactory;
++ (RCTComponentViewFactory *)currentComponentViewFactory;
 
 /**
  * Registers a component view class in the factory.
  */
 - (void)registerComponentViewClass:(Class<RCTComponentViewProtocol>)componentViewClass;
 
+/**
+ * Registers component if there is a matching class. Returns true if it matching class is found or the component has
+ * already been registered, false otherwise.
+ */
+- (BOOL)registerComponentIfPossible:(std::string const &)componentName;
+
 /**
  * Creates a component view with given component handle.
  */

package/React/Fabric/Mounting/RCTComponentViewFactory.mm

@@ -12,8 +12,12 @@
 
 #import <better/map.h>
 #import <better/mutex.h>
+#import <better/set.h>
 
 #import <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
+#import <react/renderer/componentregistry/componentNameByReactViewName.h>
+#import <react/renderer/componentregistry/native/NativeComponentRegistryBinding.h>
+#import <react/renderer/core/PropsParserContext.h>
 #import <react/renderer/core/ReactPrimitives.h>
 
 #ifdef RN_DISABLE_OSS_PLUGIN_HEADER
@@ -37,6 +41,15 @@
 
 using namespace facebook::react;
 
+void RCTInstallNativeComponentRegistryBinding(facebook::jsi::Runtime &runtime)
+{
+  auto hasComponentProvider = [](std::string const &name) -> bool {
+    return [[RCTComponentViewFactory currentComponentViewFactory]
+        registerComponentIfPossible:componentNameByReactViewName(name)];
+  };
+  NativeComponentRegistryBinding::install(runtime, std::move(hasComponentProvider));
+}
+
 static Class<RCTComponentViewProtocol> RCTComponentViewClassWithName(const char *componentName)
 {
   return RCTFabricComponentsProvider(componentName);
@@ -44,58 +57,31 @@ static Class<RCTComponentViewProtocol> RCTComponentViewClassWithName(const char
 
 @implementation RCTComponentViewFactory {
   better::map<ComponentHandle, RCTComponentViewClassDescriptor> _componentViewClasses;
+  better::set<std::string> _registeredComponentsNames;
   ComponentDescriptorProviderRegistry _providerRegistry;
   better::shared_mutex _mutex;
 }
 
-+ (RCTComponentViewFactory *)standardComponentViewFactory
++ (RCTComponentViewFactory *)currentComponentViewFactory
 {
-  RCTComponentViewFactory *componentViewFactory = [[RCTComponentViewFactory alloc] init];
-
-  [componentViewFactory registerComponentViewClass:[RCTRootComponentView class]];
-  [componentViewFactory registerComponentViewClass:[RCTViewComponentView class]];
-  [componentViewFactory registerComponentViewClass:[RCTParagraphComponentView class]];
-  [componentViewFactory registerComponentViewClass:[RCTTextInputComponentView class]];
-
-  Class<RCTComponentViewProtocol> imageClass = RCTComponentViewClassWithName("Image");
-  [componentViewFactory registerComponentViewClass:imageClass];
-
-  auto providerRegistry = &componentViewFactory->_providerRegistry;
+  static dispatch_once_t onceToken;
+  static RCTComponentViewFactory *componentViewFactory;
 
-  providerRegistry->setComponentDescriptorProviderRequest(
-      [providerRegistry, componentViewFactory](ComponentName requestedComponentName) {
-        // Fallback 1: Call provider function for component view class.
-        Class<RCTComponentViewProtocol> klass = RCTComponentViewClassWithName(requestedComponentName);
-        if (klass) {
-          [componentViewFactory registerComponentViewClass:klass];
-          return;
-        }
+  dispatch_once(&onceToken, ^{
+    componentViewFactory = [[RCTComponentViewFactory alloc] init];
+    [componentViewFactory registerComponentViewClass:[RCTRootComponentView class]];
+    [componentViewFactory registerComponentViewClass:[RCTViewComponentView class]];
+    [componentViewFactory registerComponentViewClass:[RCTParagraphComponentView class]];
+    [componentViewFactory registerComponentViewClass:[RCTTextInputComponentView class]];
 
-        // Fallback 2: Try to use Paper Interop.
-        if ([RCTLegacyViewManagerInteropComponentView isSupported:RCTNSStringFromString(requestedComponentName)]) {
-          auto flavor = std::make_shared<std::string const>(requestedComponentName);
-          auto componentName = ComponentName{flavor->c_str()};
-          auto componentHandle = reinterpret_cast<ComponentHandle>(componentName);
-          auto constructor = [RCTLegacyViewManagerInteropComponentView componentDescriptorProvider].constructor;
+    Class<RCTComponentViewProtocol> imageClass = RCTComponentViewClassWithName("Image");
+    [componentViewFactory registerComponentViewClass:imageClass];
 
-          providerRegistry->add(ComponentDescriptorProvider{componentHandle, componentName, flavor, constructor});
-
-          componentViewFactory->_componentViewClasses[componentHandle] = [componentViewFactory
-              _componentViewClassDescriptorFromClass:[RCTLegacyViewManagerInteropComponentView class]];
-          return;
-        }
-
-        // Fallback 3: Finally use <UnimplementedView>.
-        auto flavor = std::make_shared<std::string const>(requestedComponentName);
-        auto componentName = ComponentName{flavor->c_str()};
-        auto componentHandle = reinterpret_cast<ComponentHandle>(componentName);
-        auto constructor = [RCTUnimplementedViewComponentView componentDescriptorProvider].constructor;
-
-        providerRegistry->add(ComponentDescriptorProvider{componentHandle, componentName, flavor, constructor});
-
-        componentViewFactory->_componentViewClasses[componentHandle] =
-            [componentViewFactory _componentViewClassDescriptorFromClass:[RCTUnimplementedViewComponentView class]];
-      });
+    componentViewFactory->_providerRegistry.setComponentDescriptorProviderRequest(
+        [](ComponentName requestedComponentName) {
+          [componentViewFactory registerComponentIfPossible:requestedComponentName];
+        });
+  });
 
   return componentViewFactory;
 }
@@ -115,6 +101,51 @@ static Class<RCTComponentViewProtocol> RCTComponentViewClassWithName(const char
 #pragma clang diagnostic pop
 }
 
+- (BOOL)registerComponentIfPossible:(std::string const &)name
+{
+  if (_registeredComponentsNames.find(name) != _registeredComponentsNames.end()) {
+    // Component has already been registered.
+    return YES;
+  }
+
+  // Fallback 1: Call provider function for component view class.
+  Class<RCTComponentViewProtocol> klass = RCTComponentViewClassWithName(name.c_str());
+  if (klass) {
+    [self registerComponentViewClass:klass];
+    return YES;
+  }
+
+  // Fallback 2: Try to use Paper Interop.
+  if ([RCTLegacyViewManagerInteropComponentView isSupported:RCTNSStringFromString(name)]) {
+    auto flavor = std::make_shared<std::string const>(name);
+    auto componentName = ComponentName{flavor->c_str()};
+    auto componentHandle = reinterpret_cast<ComponentHandle>(componentName);
+    auto constructor = [RCTLegacyViewManagerInteropComponentView componentDescriptorProvider].constructor;
+
+    [self _addDescriptorToProviderRegistry:ComponentDescriptorProvider{
+                                               componentHandle, componentName, flavor, constructor}];
+
+    _componentViewClasses[componentHandle] =
+        [self _componentViewClassDescriptorFromClass:[RCTLegacyViewManagerInteropComponentView class]];
+    return YES;
+  }
+
+  // Fallback 3: use <UnimplementedView> if component doesn't exist.
+  auto flavor = std::make_shared<std::string const>(name);
+  auto componentName = ComponentName{flavor->c_str()};
+  auto componentHandle = reinterpret_cast<ComponentHandle>(componentName);
+  auto constructor = [RCTUnimplementedViewComponentView componentDescriptorProvider].constructor;
+
+  [self _addDescriptorToProviderRegistry:ComponentDescriptorProvider{
+                                             componentHandle, componentName, flavor, constructor}];
+
+  _componentViewClasses[componentHandle] =
+      [self _componentViewClassDescriptorFromClass:[RCTUnimplementedViewComponentView class]];
+
+  // No matching class exists for `name`.
+  return NO;
+}
+
 - (void)registerComponentViewClass:(Class<RCTComponentViewProtocol>)componentViewClass
 {
   RCTAssert(componentViewClass, @"RCTComponentViewFactory: Provided `componentViewClass` is `nil`.");
@@ -123,14 +154,20 @@ static Class<RCTComponentViewProtocol> RCTComponentViewClassWithName(const char
   auto componentDescriptorProvider = [componentViewClass componentDescriptorProvider];
   _componentViewClasses[componentDescriptorProvider.handle] =
       [self _componentViewClassDescriptorFromClass:componentViewClass];
-  _providerRegistry.add(componentDescriptorProvider);
+  [self _addDescriptorToProviderRegistry:componentDescriptorProvider];
 
   auto supplementalComponentDescriptorProviders = [componentViewClass supplementalComponentDescriptorProviders];
   for (const auto &provider : supplementalComponentDescriptorProviders) {
-    _providerRegistry.add(provider);
+    [self _addDescriptorToProviderRegistry:provider];
   }
 }
 
+- (void)_addDescriptorToProviderRegistry:(ComponentDescriptorProvider const &)provider
+{
+  _registeredComponentsNames.insert(provider.name);
+  _providerRegistry.add(provider);
+}
+
 - (RCTComponentViewDescriptor)createComponentViewWithComponentHandle:(facebook::react::ComponentHandle)componentHandle
 {
   RCTAssertMainQueue();

package/React/Fabric/Mounting/RCTComponentViewProtocol.h

@@ -116,6 +116,9 @@ typedef NS_OPTIONS(NSInteger, RNComponentViewUpdateMask) {
  */
 - (facebook::react::SharedProps)props;
 
+- (BOOL)isJSResponder;
+- (void)setIsJSResponder:(BOOL)isJSResponder;
+
 /*
  * This is broken. Do not use.
  */

package/React/Fabric/Mounting/RCTComponentViewRegistry.mm

@@ -29,16 +29,12 @@ const NSInteger RCTComponentViewRegistryRecyclePoolMaxSize = 1024;
 - (instancetype)init
 {
   if (self = [super init]) {
-    _componentViewFactory = [RCTComponentViewFactory standardComponentViewFactory];
+    _componentViewFactory = [RCTComponentViewFactory currentComponentViewFactory];
 
     [[NSNotificationCenter defaultCenter] addObserver:self
                                              selector:@selector(handleApplicationDidReceiveMemoryWarningNotification)
                                                  name:UIApplicationDidReceiveMemoryWarningNotification
                                                object:nil];
-    [[NSNotificationCenter defaultCenter] addObserver:self
-                                             selector:@selector(handleApplicationDidEnterBackgroundNotification)
-                                                 name:UIApplicationDidEnterBackgroundNotification
-                                               object:nil];
 
     dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(0.1 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
       // Calling this a bit later, when the main thread is probably idle while JavaScript thread is busy.
@@ -166,11 +162,4 @@ const NSInteger RCTComponentViewRegistryRecyclePoolMaxSize = 1024;
   _recyclePool.clear();
 }
 
-- (void)handleApplicationDidEnterBackgroundNotification
-{
-  if (RCTExperimentGetReleaseResourcesWhenBackgrounded()) {
-    _recyclePool.clear();
-  }
-}
-
 @end