[fabric] TextInput should handle pasted types prop

Summary:
**Context**

- Configuring paste options was never implemented in our Fabric TextInput
- Paper Implementation:
https://www.internalfb.com/code/fbsource/[93ff90a797da]/third-party/microsoft-fork-of-react-native/react-native-macos/packages/react-native/Libraries/Text/TextInput/Multiline/RCTMultilineTextInputViewManager.m?lines=29-35
https://www.internalfb.com/code/fbsource/[563690cf01f1]/third-party/microsoft-fork-of-react-native/react-native-macos/packages/react-native/React/Base/RCTConvert.m?lines=1239

**Change**
- Add c++ enum/prop
- Add conversion
- Add `pastedTypes` to Fabric component

Test Plan:
|Fabric|Paper|
| https://pxl.cl/4LcPw | https://pxl.cl/4LcQL|

Reviewers: lefever, #rn-desktop

Differential Revision: https://phabricator.intern.facebook.com/D56558929

Tasks: T186086013

Author: shwanton

packages/react-native/Libraries/Text/TextInput/RCTBackedTextInputViewProtocol.h

@@ -88,6 +88,7 @@ NS_ASSUME_NONNULL_BEGIN
 #if TARGET_OS_OSX // [macOS
 // UITextInput method for OSX
 - (CGSize)sizeThatFits:(CGSize)size;
+- (void)setReadablePasteBoardTypes:(NSArray<NSPasteboardType> *)readablePasteboardTypes;
 #endif // macOS]
 
 // This protocol disallows direct access to `text` property because

packages/react-native/Libraries/Text/TextInput/Singleline/RCTUITextField.h

@@ -69,6 +69,8 @@ NS_ASSUME_NONNULL_BEGIN
 @property (nonatomic, strong, nullable) RCTUIColor *selectionColor;
 @property (weak, nullable) id<RCTUITextFieldDelegate> delegate;
 @property (nonatomic, assign) CGFloat pointScaleFactor;
+
+- (void)setReadablePasteBoardTypes:(NSArray<NSPasteboardType> *)readablePasteboardTypes;
 #endif // macOS]
 
 @property (nonatomic, getter=isGhostTextChanging) BOOL ghostTextChanging; // [macOS]

packages/react-native/Libraries/Text/TextInput/Singleline/RCTUITextField.mm

@@ -99,6 +99,7 @@ @implementation RCTUITextField {
 #endif // [macOS]
 #if TARGET_OS_OSX // [macOS
   BOOL _isUpdatingPlaceholderText;
+  NSArray<NSPasteboardType> *_readablePasteboardTypes;
 #endif // macOS]
 }
 
@@ -705,5 +706,12 @@ - (void)keyUp:(NSEvent *)event {
   }
 }
 #endif // macOS]
+  
+#if TARGET_OS_OSX // [macOS
+- (void)setReadablePasteBoardTypes:(NSArray<NSPasteboardType> *)readablePasteboardTypes
+{
+  _readablePasteboardTypes = readablePasteboardTypes;
+}
+#endif // macOS]
 
 @end

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

@@ -344,6 +344,13 @@ - (void)updateProps:(const Props::Shared &)props oldProps:(const Props::Shared &
     _backedTextInputView.disableKeyboardShortcuts = newTextInputProps.disableKeyboardShortcuts;
   }
 
+#if TARGET_OS_OSX // [macOS
+  if (newTextInputProps.traits.pastedTypes!= oldTextInputProps.traits.pastedTypes) {
+    NSArray<NSPasteboardType> *types = RCTPasteboardTypeArrayFromProps(newTextInputProps.traits.pastedTypes);
+    [_backedTextInputView setReadablePasteBoardTypes:types];
+  }
+#endif // macOS]
+
   [super updateProps:props oldProps:oldProps];
 
 #if TARGET_OS_IOS // [macOS] [visionOS]

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

@@ -623,7 +623,7 @@ - (void)updateProps:(const Props::Shared &)props oldProps:(const Props::Shared &
       self.toolTip = nil;
     }
   }
-#endif // [macOS]
+#endif // macOS]
 
   _needsInvalidateLayer = _needsInvalidateLayer || needsInvalidateLayer;
 

packages/react-native/React/Fabric/RCTConversions.h

@@ -14,6 +14,10 @@
 #import <react/renderer/graphics/RCTPlatformColorUtils.h>
 #import <react/renderer/graphics/Transform.h>
 
+#if TARGET_OS_OSX // [macOS
+#import <react/renderer/components/iostextinput/primitives.h>
+#endif // macOS]
+
 NS_ASSUME_NONNULL_BEGIN
 
 inline NSString *RCTNSStringFromString(
@@ -281,4 +285,29 @@ inline facebook::react::LayoutDirection RCTLayoutDirection(BOOL isRTL)
   return isRTL ? facebook::react::LayoutDirection::RightToLeft : facebook::react::LayoutDirection::LeftToRight;
 }
 
+#if TARGET_OS_OSX // [macOS
+inline NSArray<NSPasteboardType> *RCTPasteboardTypeArrayFromProps(const std::vector<facebook::react::PastedTypesType> &pastedTypes)
+{
+  NSMutableArray<NSPasteboardType> *types = [NSMutableArray new];
+  
+  for (const auto &type : pastedTypes) {
+    switch (type) {
+      case facebook::react::PastedTypesType::FileUrl:
+        [types addObjectsFromArray:@[NSFilenamesPboardType]];
+        break;
+      case facebook::react::PastedTypesType::Image:
+        [types addObjectsFromArray:@[NSPasteboardTypePNG, NSPasteboardTypeTIFF]];
+        break;
+      case facebook::react::PastedTypesType::String:
+        [types addObjectsFromArray:@[NSPasteboardTypeString]];
+        break;
+      default:
+        break;
+    }
+  }
+    
+  return [types copy];
+}
+#endif // macOS]
+
 NS_ASSUME_NONNULL_END

packages/react-native/ReactCommon/react/renderer/components/textinput/platform/ios/react/renderer/components/iostextinput/conversions.h

@@ -217,4 +217,26 @@ inline void fromRawValue(
   abort();
 }
 
+#ifdef TARGET_OS_OSX // [macOS
+inline void fromRawValue(
+    const PropsParserContext &context,
+    const RawValue &value,
+    PastedTypesType &result) {
+  auto string = (std::string)value;
+  if (string == "fileUrl") {
+    result = PastedTypesType::FileUrl;
+    return;
+  }
+  if (string == "image") {
+    result = PastedTypesType::Image;
+    return;
+  }
+  if (string == "string") {
+    result = PastedTypesType::String;
+    return;
+  }
+  abort();
+}
+#endif // macOS]
+
 } // namespace facebook::react

packages/react-native/ReactCommon/react/renderer/components/textinput/platform/ios/react/renderer/components/iostextinput/primitives.h

@@ -83,6 +83,14 @@ class Selection final {
   int end{0};
 };
 
+#if TARGET_OS_OSX // [macOS
+enum class PastedTypesType {
+  FileUrl,
+  Image,
+  String,
+};
+#endif // macOS]
+
 /*
  * Controls features of text inputs.
  */
@@ -227,6 +235,13 @@ class TextInputTraits final {
    * Default value: `empty` (`null`).
    */
   std::optional<bool> grammarCheck{};
+
+  /*
+   * List of pastable types
+   * macOS-only
+   * Default value: `empty list`
+   */
+  std::vector<PastedTypesType> pastedTypes{};
 #endif // macOS]
 };
 

packages/react-native/ReactCommon/react/renderer/components/textinput/platform/ios/react/renderer/components/iostextinput/propsConversions.h

@@ -143,6 +143,12 @@ static TextInputTraits convertRawProp(
       "grammarCheck",
       sourceTraits.grammarCheck,
       defaultTraits.grammarCheck);
+  traits.pastedTypes = convertRawProp(
+      context,
+      rawProps,
+      "pastedTypes",
+      sourceTraits.pastedTypes,
+      defaultTraits.pastedTypes);
 #endif // macOS]
 
   traits.dataDetectorTypes = convertRawProp(