Add viewToFocus support for backed views

Summary:
Changelog: [Internal]

Adds explicit focus support for focusing backed views, like text inputs.

Reviewed By: shwanton

Differential Revision: D114787998

Author: sbuggay

packages/react-native/React/Fabric/Mounting/ComponentViews/TextInput/RCTTextInputComponentView.mm

@@ -542,9 +542,20 @@ - (void)handleCommand:(const NSString *)commandName args:(const NSArray *)args
   RCTTextInputHandleCommand(self, commandName, args);
 }
 
+#if TARGET_OS_TV
+- (UIView *)viewToFocus
+{
+  return _backedTextInputView;
+}
+#endif
+
 - (void)focus
 {
+#if TARGET_OS_TV
+  [super focus];
+#else
   [_backedTextInputView becomeFirstResponder];
+#endif
 
   const auto &props = static_cast<const TextInputProps &>(*_props);
 

packages/react-native/React/Fabric/Mounting/ComponentViews/View/RCTViewComponentView.h

@@ -75,6 +75,11 @@ NS_ASSUME_NONNULL_BEGIN
 - (void)finalizeUpdates:(RNComponentViewUpdateMask)updateMask NS_REQUIRES_SUPER;
 - (void)prepareForRecycle NS_REQUIRES_SUPER;
 - (UIView *)betterHitTest:(CGPoint)point withEvent:(UIEvent *)event;
+#if TARGET_OS_TV
+- (UIView *)viewToFocus;
+- (void)focus;
+- (void)blur;
+#endif
 
 /*
  * This is the label that would be coopted by another element

packages/react-native/React/Fabric/Mounting/ComponentViews/View/RCTViewComponentView.mm

@@ -1799,17 +1799,23 @@ - (RCTSurfaceHostingProxyRootView *)containingRootView
 }
 #endif
 
+- (UIView *)viewToFocus
+{
+  return self;
+}
+
 - (void)focus
 {
-  [self becomeFirstResponder];
+  UIView *viewToFocus = [self viewToFocus];
+  [viewToFocus becomeFirstResponder];
 
 #if TARGET_OS_TV
   RCTSurfaceHostingProxyRootView *rootView = [self containingRootView];
   if (rootView == nil) {
     return;
   }
 
-  rootView.reactPreferredFocusedView = self;
+  rootView.reactPreferredFocusedView = viewToFocus;
   [rootView setNeedsFocusUpdate];
   [rootView updateFocusIfNeeded];
 #endif