@tamagui/web 3.0.0-beta.1648.1 → 3.0.0-beta.1670.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/web",
-  "version": "3.0.0-beta.1648.1",
+  "version": "3.0.0-beta.1670.1",
   "license": "MIT",
   "author": {
     "name": "Nate Wienert"
@@ -100,23 +100,23 @@
     "test:web": "vitest --typecheck --run"
   },
   "dependencies": {
-    "@tamagui/animation-helpers": "3.0.0-beta.1648.1",
-    "@tamagui/compose-refs": "3.0.0-beta.1648.1",
-    "@tamagui/constants": "3.0.0-beta.1648.1",
-    "@tamagui/dom": "3.0.0-beta.1648.1",
-    "@tamagui/helpers": "3.0.0-beta.1648.1",
-    "@tamagui/is-equal-shallow": "3.0.0-beta.1648.1",
-    "@tamagui/native": "3.0.0-beta.1648.1",
-    "@tamagui/normalize-css-color": "3.0.0-beta.1648.1",
-    "@tamagui/react-native-types": "3.0.0-beta.1648.1",
-    "@tamagui/style-grammar": "3.0.0-beta.1648.1",
-    "@tamagui/types": "3.0.0-beta.1648.1",
-    "@tamagui/use-did-finish-ssr": "3.0.0-beta.1648.1",
-    "@tamagui/use-event": "3.0.0-beta.1648.1",
-    "@tamagui/use-force-update": "3.0.0-beta.1648.1"
+    "@tamagui/animation-helpers": "3.0.0-beta.1670.1",
+    "@tamagui/compose-refs": "3.0.0-beta.1670.1",
+    "@tamagui/constants": "3.0.0-beta.1670.1",
+    "@tamagui/dom": "3.0.0-beta.1670.1",
+    "@tamagui/helpers": "3.0.0-beta.1670.1",
+    "@tamagui/is-equal-shallow": "3.0.0-beta.1670.1",
+    "@tamagui/native": "3.0.0-beta.1670.1",
+    "@tamagui/normalize-css-color": "3.0.0-beta.1670.1",
+    "@tamagui/react-native-types": "3.0.0-beta.1670.1",
+    "@tamagui/style-grammar": "3.0.0-beta.1670.1",
+    "@tamagui/types": "3.0.0-beta.1670.1",
+    "@tamagui/use-did-finish-ssr": "3.0.0-beta.1670.1",
+    "@tamagui/use-event": "3.0.0-beta.1670.1",
+    "@tamagui/use-force-update": "3.0.0-beta.1670.1"
   },
   "devDependencies": {
-    "@tamagui/build": "3.0.0-beta.1648.1",
+    "@tamagui/build": "3.0.0-beta.1670.1",
     "@testing-library/react": "^16.1.0",
     "csstype": "^3.0.10",
     "react": "19.2.3",
@@ -129,5 +129,5 @@
     "react": ">=19",
     "react-dom": "*"
   },
-  "releaseSourceCommit": "302078aa9222bfff888df41f1679e1179a20b18a"
+  "releaseSourceCommit": "23b9b37ef498bb7ebe306138c1d635a807db8ac1"
 }

package/src/createComponent.tsx

@@ -2097,7 +2097,7 @@ export function createComponent<
         stateRef,
         isHOC,
         isCompositeComponent,
-        hasRealPressEvents
+        hasRealPressEvents && !isInsideNativeMenu
       )
     }
 

package/src/eventHandling.native.ts

@@ -159,19 +159,39 @@ export function useEvents(
     // the component's own state a dropped release latches the press look with no
     // event left to clear it. Guarding here means a stray duplicate release is a
     // no-op while a missing one is caught by onFinalize / the detach clear below.
+    const longPressTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null)
+    const longPressedRef = useRef(false)
+    const clearLongPress = () => {
+      if (longPressTimerRef.current) clearTimeout(longPressTimerRef.current)
+      longPressTimerRef.current = null
+    }
+    React.useEffect(() => clearLongPress, [])
     const pressActiveRef = useRef(false)
     const beginPress = (e?: any) => {
       if (pressActiveRef.current) return
       pressActiveRef.current = true
+      if (isInsideNativeMenu) {
+        clearLongPress()
+        longPressedRef.current = false
+        if (callbacksRef.current.onLongPress) {
+          longPressTimerRef.current = setTimeout(() => {
+            longPressTimerRef.current = null
+            longPressedRef.current = true
+            callbacksRef.current.onLongPress?.(e ?? {})
+          }, callbacksRef.current.delayLongPress ?? 500)
+        }
+      }
       callbacksRef.current.onPressIn?.(e ?? {})
     }
     const endPress = (e?: any, firePress = false) => {
+      clearLongPress()
       if (!pressActiveRef.current) return
       pressActiveRef.current = false
-      if (firePress) callbacksRef.current.onPress?.(e ?? {})
+      if (firePress && !longPressedRef.current) callbacksRef.current.onPress?.(e ?? {})
       callbacksRef.current.onPressOut?.(e ?? {})
     }
 
+    // native menu triggers leave responder ownership to the adapter.
     // Real press handlers use the responder system for delivery even when RNGH
     // is configured. RNGH Tap begin/end ordering is not stable enough for
     // nested Tamagui press arbitration, and Fabric can mount a stale Tap that
@@ -184,7 +204,7 @@ export function useEvents(
     // unconditionally here for stable hooks order; useMainThreadPressEvents
     // no-ops when enabled is false.
     const useResponderFallback = Boolean(
-      hasRealPressEvents || (!isInsideNativeMenu && getIsAndroid() && hasPressEvents)
+      !isInsideNativeMenu && (hasRealPressEvents || (getIsAndroid() && hasPressEvents))
     )
     useMainThreadPressEvents(events, viewProps, useResponderFallback, debugName)
 
@@ -196,10 +216,11 @@ export function useEvents(
             onPressOut: events.onPressOut,
             onPress: events.onPress,
             onLongPress: events.onLongPress,
+            delayLongPress: events.delayLongPress,
           }
         : {}
 
-      if (hasRealPressEvents) {
+      if (hasRealPressEvents && !isInsideNativeMenu) {
         // Real handlers are delivered by useMainThreadPressEvents above. Clear
         // any cached press-clause observer from an earlier render so it cannot
         // double-fire after onPress appears dynamically.

package/types/eventHandling.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"eventHandling.native.d.ts","sourceRoot":"","sources":["../src/eventHandling.native.ts"],"names":[],"mappings":"AAAA;;GAEG;AAOH,OAAO,KAAK,EAAE,YAAY,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAA;AAoCrE,wBAAgB,YAAY,OAE3B;AAED,wBAAgB,SAAS,CACvB,MAAM,EAAE,GAAG,EACX,SAAS,EAAE,GAAG,EACd,QAAQ,EAAE;IAAE,OAAO,EAAE,wBAAwB,CAAA;CAAE,EAC/C,YAAY,EAAE,YAAY,EAC1B,KAAK,CAAC,EAAE,OAAO,EACf,kBAAkB,CAAC,EAAE,OAAO,EAC5B,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,EACzB,kBAAkB,CAAC,EAAE,OAAO,OA0N7B;AAED,wBAAgB,uBAAuB,CACrC,OAAO,EAAE,GAAG,EACZ,OAAO,EAAE,GAAG,EACZ,SAAS,EAAE;IAAE,OAAO,EAAE,wBAAwB,CAAA;CAAE,EAChD,KAAK,CAAC,EAAE,OAAO,EACf,oBAAoB,CAAC,EAAE,OAAO,EAC9B,kBAAkB,CAAC,EAAE,OAAO,OA+D7B"}
+{"version":3,"file":"eventHandling.native.d.ts","sourceRoot":"","sources":["../src/eventHandling.native.ts"],"names":[],"mappings":"AAAA;;GAEG;AAOH,OAAO,KAAK,EAAE,YAAY,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAA;AAoCrE,wBAAgB,YAAY,OAE3B;AAED,wBAAgB,SAAS,CACvB,MAAM,EAAE,GAAG,EACX,SAAS,EAAE,GAAG,EACd,QAAQ,EAAE;IAAE,OAAO,EAAE,wBAAwB,CAAA;CAAE,EAC/C,YAAY,EAAE,YAAY,EAC1B,KAAK,CAAC,EAAE,OAAO,EACf,kBAAkB,CAAC,EAAE,OAAO,EAC5B,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,EACzB,kBAAkB,CAAC,EAAE,OAAO,OA+O7B;AAED,wBAAgB,uBAAuB,CACrC,OAAO,EAAE,GAAG,EACZ,OAAO,EAAE,GAAG,EACZ,SAAS,EAAE;IAAE,OAAO,EAAE,wBAAwB,CAAA;CAAE,EAChD,KAAK,CAAC,EAAE,OAAO,EACf,oBAAoB,CAAC,EAAE,OAAO,EAC9B,kBAAkB,CAAC,EAAE,OAAO,OA+D7B"}