@tamagui/core 1.85.12 → 1.86.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/core",
-  "version": "1.85.12",
+  "version": "1.86.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.85.12",
-    "@tamagui/react-native-use-responder-events": "1.85.12",
-    "@tamagui/use-event": "1.85.12",
-    "@tamagui/web": "1.85.12"
+    "@tamagui/react-native-use-pressable": "1.86.0",
+    "@tamagui/react-native-use-responder-events": "1.86.0",
+    "@tamagui/use-event": "1.86.0",
+    "@tamagui/web": "1.86.0"
   },
   "peerDependencies": {
     "react": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "1.85.12",
+    "@tamagui/build": "1.86.0",
     "@testing-library/react": "^14.0.0",
     "csstype": "^3.0.10",
     "react": "^18.2.0",

package/src/hooks/usePlatformMethods.ts

@@ -8,19 +8,20 @@ import { measureLayout } from './useElementLayout'
 export function usePlatformMethods(hostRef: RefObject<Element>) {
   useIsomorphicLayoutEffect(() => {
     const node = hostRef.current
-    if (!node || node['measure']) return
-    // @ts-ignore
-    node.measure = (callback) => measureLayout(node, null, callback)
-    // @ts-ignore
-    node.measureLayout = (relativeToNode, success) =>
-      measureLayout(node as HTMLElement, relativeToNode, success)
-    // @ts-ignore
-    node.measureInWindow = (callback) => {
-      if (!node) return
-      setTimeout(() => {
-        const { height, left, top, width } = getRect(node as HTMLElement)!
-        callback(left, top, width, height)
-      }, 0)
+    if (node) {
+      // @ts-ignore
+      node.measure ||= (callback) => measureLayout(node, null, callback)
+      // @ts-ignore
+      node.measureLayout ||= (relativeToNode, success) =>
+        measureLayout(node as HTMLElement, relativeToNode, success)
+      // @ts-ignore
+      node.measureInWindow ||= (callback) => {
+        if (!node) return
+        setTimeout(() => {
+          const { height, left, top, width } = getRect(node as HTMLElement)!
+          callback(left, top, width, height)
+        }, 0)
+      }
     }
   }, [hostRef])
 }

package/src/index.tsx

@@ -55,7 +55,7 @@ const baseViews = getBaseViews()
 setupHooks({
   getBaseViews,
 
-  usePropsTransform(elementType, propsIn, hostRef, willHydrate) {
+  usePropsTransform(elementType, propsIn, stateRef, willHydrate) {
     if (process.env.TAMAGUI_TARGET === 'web') {
       const isDOM = typeof elementType === 'string'
 
@@ -95,11 +95,9 @@ setupHooks({
 
       if (willHydrate || isDOM) {
         // only necessary for DOM elements, but we need the hooks to stay around
-        usePlatformMethods(hostRef as RefObject<Element>)
-        useElementLayout(
-          hostRef as RefObject<Element>,
-          !isDOM ? undefined : (onLayout as any)
-        )
+        const hostRef = { current: stateRef.current.host as Element }
+        usePlatformMethods(hostRef)
+        useElementLayout(hostRef, !isDOM ? undefined : (onLayout as any))
         useResponderEvents(
           hostRef,
           !isDOM

package/types/hooks/usePlatformMethods.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePlatformMethods.d.ts","sourceRoot":"","sources":["../../src/hooks/usePlatformMethods.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMjC,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,SAAS,CAAC,OAAO,CAAC,QAkB7D"}
+{"version":3,"file":"usePlatformMethods.d.ts","sourceRoot":"","sources":["../../src/hooks/usePlatformMethods.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMjC,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,SAAS,CAAC,OAAO,CAAC,QAmB7D"}

package/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,UAAU,EACV,cAAc,EACd,gBAAgB,EAChB,cAAc,EACd,kBAAkB,EAClB,SAAS,EACT,aAAa,EACd,MAAM,cAAc,CAAA;AAcrB,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAK7D,KAAK,oBAAoB,GAAG,IAAI,CAAC,WAAW,EAAE,MAAM,UAAU,CAAC,CAAA;AAC/D,KAAK,aAAa,GAAG,gBAAgB,CACnC,UAAU,GAAG,oBAAoB,EACjC,cAAc,EACd,cAAc,GAAG,oBAAoB,EACrC,IAAI,CACL,CAAA;AAED,KAAK,oBAAoB,GAAG,IAAI,CAAC,WAAW,EAAE,MAAM,SAAS,CAAC,CAAA;AAC9D,KAAK,aAAa,GAAG,gBAAgB,CACnC,SAAS,GAAG,oBAAoB,EAChC,kBAAkB,EAClB,aAAa,GAAG,oBAAoB,EACpC,IAAI,CACL,CAAA;AAGD,cAAc,cAAc,CAAA;AAG5B,cAAc,oBAAoB,CAAA;AA4LlC,eAAO,MAAM,IAAI,eAAkC,CAAA;AACnD,eAAO,MAAM,KAAK,eAAmC,CAAA;AACrD,eAAO,MAAM,IAAI,eAAkC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,UAAU,EACV,cAAc,EACd,gBAAgB,EAChB,cAAc,EACd,kBAAkB,EAClB,SAAS,EACT,aAAa,EACd,MAAM,cAAc,CAAA;AAcrB,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAK7D,KAAK,oBAAoB,GAAG,IAAI,CAAC,WAAW,EAAE,MAAM,UAAU,CAAC,CAAA;AAC/D,KAAK,aAAa,GAAG,gBAAgB,CACnC,UAAU,GAAG,oBAAoB,EACjC,cAAc,EACd,cAAc,GAAG,oBAAoB,EACrC,IAAI,CACL,CAAA;AAED,KAAK,oBAAoB,GAAG,IAAI,CAAC,WAAW,EAAE,MAAM,SAAS,CAAC,CAAA;AAC9D,KAAK,aAAa,GAAG,gBAAgB,CACnC,SAAS,GAAG,oBAAoB,EAChC,kBAAkB,EAClB,aAAa,GAAG,oBAAoB,EACpC,IAAI,CACL,CAAA;AAGD,cAAc,cAAc,CAAA;AAG5B,cAAc,oBAAoB,CAAA;AA0LlC,eAAO,MAAM,IAAI,eAAkC,CAAA;AACnD,eAAO,MAAM,KAAK,eAAmC,CAAA;AACrD,eAAO,MAAM,IAAI,eAAkC,CAAA"}