[fabric] Add draggedTypes prop to View

Summary: Add support for `draggedTypes` to the View component, enabling the configuration of a native view as a drop target.

Test Plan:
* Run Zeratul with Fabric enabled
* Drag a file over the messages view and check that the cursor is changing indicating a drop target

 https://pxl.cl/4ldkW

Reviewers: shawndempsey, #rn-desktop

Reviewed By: shawndempsey

Subscribers: taskcreeper

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

Author: Nick Lefever

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

@@ -588,7 +588,29 @@ - (void)updateProps:(const Props::Shared &)props oldProps:(const Props::Shared &
     needsInvalidateLayer = YES;
   }
 
-#if TARGET_OS_OSX // [macOS]
+#if TARGET_OS_OSX // [macOS
+    // `draggedTypes`
+  if (oldViewProps.draggedTypes != newViewProps.draggedTypes) {
+    if (oldViewProps.draggedTypes.has_value()) {
+      [self unregisterDraggedTypes];
+    }
+    
+    if (newViewProps.draggedTypes.has_value()) {
+      NSMutableArray<NSPasteboardType> *pasteboardTypes = [NSMutableArray new];
+      for (const auto &draggedType : *newViewProps.draggedTypes) {
+        if (draggedType == "fileUrl") {
+          [pasteboardTypes addObject:NSFilenamesPboardType];
+        } else if (draggedType == "image") {
+          [pasteboardTypes addObject:NSPasteboardTypePNG];
+          [pasteboardTypes addObject:NSPasteboardTypeTIFF];
+        } else if (draggedType == "string") {
+          [pasteboardTypes addObject:NSPasteboardTypeString];
+        }
+      }
+      [self registerForDraggedTypes:pasteboardTypes];
+    }
+  }
+
   // `tooltip`
   if (oldViewProps.tooltip != newViewProps.tooltip) {
     if (newViewProps.tooltip.has_value()) {

packages/react-native/ReactCommon/react/renderer/components/view/platform/macos/react/renderer/components/view/HostPlatformViewProps.cpp

@@ -66,15 +66,24 @@ HostPlatformViewProps::HostPlatformViewProps(
                     "keyUpEvents",
                     sourceProps.keyUpEvents,
                     {})),
-      tooltip(
+      draggedTypes(
           ReactNativeFeatureFlags::enableCppPropsIteratorSetter()
-              ? sourceProps.tooltip
+              ? sourceProps.draggedTypes
               : convertRawProp(
-                   context,
-                   rawProps,
-                   "tooltip",
-                   sourceProps.tooltip,
-                   {})) {}
+                context,
+                rawProps,
+                "draggedTypes",
+                sourceProps.draggedTypes,
+                {}))
+      tooltip(
+        ReactNativeFeatureFlags::enableCppPropsIteratorSetter()
+            ? sourceProps.tooltip
+            : convertRawProp(
+                  context,
+                  rawProps,
+                  "tooltip",
+                  sourceProps.tooltip,
+                {})) {}
 
 #define VIEW_EVENT_CASE_MACOS(eventType)                           \
   case CONSTEXPR_RAW_PROPS_KEY_HASH("on" #eventType): {            \

packages/react-native/ReactCommon/react/renderer/components/view/platform/macos/react/renderer/components/view/HostPlatformViewProps.h

@@ -47,6 +47,8 @@ class HostPlatformViewProps : public BaseViewProps {
   std::vector<HandledKey> keyDownEvents{};
   std::vector<HandledKey> keyUpEvents{};
 
+  std::vector<std::string> draggedTypes{};
+
   std::optional<std::string> tooltip{};
 };
 } // namespace facebook::react