@tamagui/core 1.81.4 → 1.82.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/core",
-  "version": "1.81.4",
+  "version": "1.82.0",
   "source": "src/index.tsx",
   "main": "dist/cjs",
   "module": "dist/esm",
@@ -35,16 +35,16 @@
     "native-test.d.ts"
   ],
   "dependencies": {
-    "@tamagui/react-native-use-pressable": "1.81.4",
-    "@tamagui/react-native-use-responder-events": "1.81.4",
-    "@tamagui/use-event": "1.81.4",
-    "@tamagui/web": "1.81.4"
+    "@tamagui/react-native-use-pressable": "1.82.0",
+    "@tamagui/react-native-use-responder-events": "1.82.0",
+    "@tamagui/use-event": "1.82.0",
+    "@tamagui/web": "1.82.0"
   },
   "peerDependencies": {
     "react": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "1.81.4",
+    "@tamagui/build": "1.82.0",
     "@testing-library/react": "^14.0.0",
     "csstype": "^3.0.10",
     "react": "^18.2.0",
@@ -57,7 +57,8 @@
     ".": {
       "types": "./types/index.d.ts",
       "import": "./dist/esm/index.js",
-      "require": "./dist/cjs/index.js"
+      "require": "./dist/cjs/index.js",
+      "react-native": "./dist/cjs/index.native.js"
     },
     "./native": {
       "types": "./types/index.d.ts",
@@ -72,12 +73,14 @@
     "./inject-styles": {
       "types": "./types/inject-styles.d.ts",
       "import": "./dist/esm/inject-styles.js",
-      "require": "./dist/cjs/inject-styles.js"
+      "require": "./dist/cjs/inject-styles.js",
+      "react-native": "./dist/cjs/inject-styles.native.js"
     },
     "./reactNativeTypes": {
       "types": "./types/reactNativeTypes.d.ts",
       "import": "./dist/esm/reactNativeTypes.js",
-      "require": "./dist/cjs/reactNativeTypes.js"
+      "require": "./dist/cjs/reactNativeTypes.js",
+      "react-native": "./dist/cjs/reactNativeTypes.native.js"
     }
   },
   "repository": {

package/src/index.tsx

@@ -140,15 +140,14 @@ setupHooks({
 
   useEvents(viewProps, events, { pseudos }, setStateShallow, staticConfig) {
     if (process.env.TAMAGUI_TARGET === 'native') {
-      if (events?.onFocus) {
-        viewProps['onFocus'] = events.onFocus
-      }
-      if (events?.onBlur) {
-        viewProps['onBlur'] = events.onBlur
-      }
-
-      if (staticConfig.isInput) {
-        if (events) {
+      if (events) {
+        if (events.onFocus) {
+          viewProps['onFocus'] = events.onFocus
+        }
+        if (events.onBlur) {
+          viewProps['onBlur'] = events.onBlur
+        }
+        if (staticConfig.isInput) {
           const { onPressIn, onPressOut, onPress } = events
           const inputEvents = {
             onPressIn,
@@ -159,17 +158,24 @@ setupHooks({
             inputEvents.onPressOut = composeEventHandlers(onPress, onPressOut)
           }
           Object.assign(viewProps, inputEvents)
-        }
-      } else {
-        // use Pressability to get smooth unPress when you press + hold + move out
-        // only ever create once, use .configure() to update later
-        if (events && viewProps.hitSlop) {
-          events.hitSlop = viewProps.hitSlop
-        }
-
-        const pressability = usePressability(events || null)
+        } else {
+          // use Pressability to get smooth unPress when you press + hold + move out
+          // only ever create once, use .configure() to update later
+          if (viewProps.hitSlop) {
+            events.hitSlop = viewProps.hitSlop
+          }
+          const pressability = usePressability(events)
+
+          if (process.env.NODE_ENV === 'development') {
+            if (viewProps['debug']) {
+              console.info(
+                `Checking for press ${!!events.onPress} then applying pressability props: ${Object.keys(
+                  pressability || {}
+                )}`
+              )
+            }
+          }
 
-        if (events) {
           if (events.onPress) {
             for (const key in pressability) {
               const og = viewProps[key]