Align onAuxClick with upstream pointer event system

Port the shared changes from facebook#56298:
- Add onAuxClick/onAuxClickCapture to TouchEventEmitter (shared C++)
- Add AuxClick/AuxClickCapture to ViewEvents in primitives.h
- Add prop conversions in propsConversions.h
- Register topAuxClick as a bubbling event in BaseViewConfig.ios.js
- Add dispatch logic in RCTSurfacePointerHandler.mm (iOS path)
- Type onAuxClick as PointerEvent in PointerEventProps (Flow + TS)

Remove redundant macOS-specific JS registrations since macOS now
inherits the bubbling event from the iOS base config.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: Saadnajmi

packages/react-native/Libraries/Components/View/ViewPropTypes.d.ts

@@ -139,7 +139,6 @@ export interface ViewPropsMacOS {
   enableFocusRing?: boolean | undefined;
   onMouseEnter?: ((event: MouseEvent) => void) | undefined;
   onMouseLeave?: ((event: MouseEvent) => void) | undefined;
-  onAuxClick?: ((event: MouseEvent) => void) | undefined;
   onDoubleClick?: ((event: MouseEvent) => void) | undefined;
   onDragEnter?: ((event: DragEvent) => void) | undefined;
   onDragLeave?: ((event: DragEvent) => void) | undefined;

packages/react-native/Libraries/Components/View/ViewPropTypes.js

@@ -130,12 +130,13 @@ export type KeyboardEventProps = $ReadOnly<{|
 type MouseEventProps = $ReadOnly<{
   onMouseEnter?: ?(event: MouseEvent) => void,
   onMouseLeave?: ?(event: MouseEvent) => void,
-  onAuxClick?: ?(event: MouseEvent) => void, // [macOS]
   onDoubleClick?: ?(event: MouseEvent) => void, // [macOS]
 }>;
 
 // Experimental/Work in Progress Pointer Event Callbacks (not yet ready for use)
 type PointerEventProps = $ReadOnly<{
+  onAuxClick?: ?(event: PointerEvent) => void,
+  onAuxClickCapture?: ?(event: PointerEvent) => void,
   onClick?: ?(event: PointerEvent) => void,
   onClickCapture?: ?(event: PointerEvent) => void,
   onPointerEnter?: ?(event: PointerEvent) => void,

packages/react-native/Libraries/NativeComponent/BaseViewConfig.ios.js

@@ -89,6 +89,12 @@ const bubblingEventTypes = {
   },
 
   // Experimental/Work in Progress Pointer Events (not yet ready for use)
+  topAuxClick: {
+    phasedRegistrationNames: {
+      captured: 'onAuxClickCapture',
+      bubbled: 'onAuxClick',
+    },
+  },
   topClick: {
     phasedRegistrationNames: {
       captured: 'onClickCapture',
@@ -394,6 +400,8 @@ const validAttributesForEventProps = ConditionallyIgnoredEventHandlers({
   onTouchCancel: true,
 
   // Pointer events
+  onAuxClick: true,
+  onAuxClickCapture: true,
   onClick: true,
   onClickCapture: true,
   onPointerUp: true,

packages/react-native/Libraries/NativeComponent/BaseViewConfig.macos.js

@@ -34,9 +34,6 @@ const bubblingEventTypes = {
 
 const directEventTypes = {
   ...PlatformBaseViewConfigIos.directEventTypes,
-  topAuxClick: {
-    registrationName: 'onAuxClick',
-  },
   topDoubleClick: {
     registrationName: 'onDoubleClick',
   },
@@ -73,7 +70,6 @@ const validAttributesForNonEventProps = {
 
 // Props for bubbling and direct events
 const validAttributesForEventProps = ConditionallyIgnoredEventHandlers({
-  onAuxClick: true,
   onBlur: true,
   onDoubleClick: true,
   onDragEnter: true,

packages/react-native/React/Fabric/RCTSurfacePointerHandler.mm

@@ -703,8 +703,12 @@ - (void)_dispatchActivePointers:(std::vector<ActivePointer>)activePointers event
         }
         case RCTPointerEventTypeEnd: {
           eventEmitter->onPointerUp(pointerEvent);
-          if (pointerEvent.isPrimary && pointerEvent.button == 0 && IsPointerWithinInitialTree(activePointer)) {
-            eventEmitter->onClick(std::move(pointerEvent));
+          if (pointerEvent.isPrimary && pointerEvent.button == 0) {
+            if (IsPointerWithinInitialTree(activePointer)) {
+              eventEmitter->onClick(std::move(pointerEvent));
+            }
+          } else if (IsPointerWithinInitialTree(activePointer)) {
+            eventEmitter->onAuxClick(std::move(pointerEvent));
           }
           break;
         }

packages/react-native/ReactCommon/react/renderer/components/view/TouchEventEmitter.cpp

@@ -86,6 +86,10 @@ void TouchEventEmitter::onTouchCancel(TouchEvent event) const {
       "touchCancel", std::move(event), RawEvent::Category::ContinuousEnd);
 }
 
+void TouchEventEmitter::onAuxClick(PointerEvent event) const {
+  dispatchPointerEvent("auxClick", std::move(event), RawEvent::Category::Discrete);
+}
+
 void TouchEventEmitter::onClick(PointerEvent event) const {
   dispatchPointerEvent("click", std::move(event), RawEvent::Category::Discrete);
 }

packages/react-native/ReactCommon/react/renderer/components/view/TouchEventEmitter.h

@@ -29,6 +29,7 @@ class TouchEventEmitter : public EventEmitter {
   void onTouchEnd(TouchEvent event) const;
   void onTouchCancel(TouchEvent event) const;
 
+  void onAuxClick(PointerEvent event) const;
   void onClick(PointerEvent event) const;
   void onPointerCancel(PointerEvent event) const;
   void onPointerDown(PointerEvent event) const;

packages/react-native/ReactCommon/react/renderer/components/view/primitives.h

@@ -67,6 +67,8 @@ struct ViewEvents {
     PointerDownCapture = 35,
     PointerUp = 36,
     PointerUpCapture = 37,
+    AuxClick = 38,
+    AuxClickCapture = 39,
   };
 
   constexpr bool operator[](const Offset offset) const {

packages/react-native/ReactCommon/react/renderer/components/view/propsConversions.h

@@ -830,6 +830,10 @@ static inline ViewEvents convertRawProp(
       "onPointerOutCapture",
       sourceValue[Offset::PointerOutCapture],
       defaultValue[Offset::PointerOutCapture]);
+  result[Offset::AuxClick] =
+      convertRawProp(context, rawProps, "onAuxClick", sourceValue[Offset::AuxClick], defaultValue[Offset::AuxClick]);
+  result[Offset::AuxClickCapture] = convertRawProp(
+      context, rawProps, "onAuxClickCapture", sourceValue[Offset::AuxClickCapture], defaultValue[Offset::AuxClickCapture]);
   result[Offset::Click] = convertRawProp(
       context,
       rawProps,

packages/react-native/ReactNativeApi.d.ts

@@ -3676,6 +3676,8 @@ declare type PlatformType =
   | WindowsPlatform
 declare type PointerEvent = NativeSyntheticEvent<NativePointerEvent>
 declare type PointerEventProps = {
+  readonly onAuxClick?: (event: PointerEvent) => void
+  readonly onAuxClickCapture?: (event: PointerEvent) => void
   readonly onClick?: (event: PointerEvent) => void
   readonly onClickCapture?: (event: PointerEvent) => void
   readonly onGotPointerCapture?: (e: PointerEvent) => void