@tamagui/core 1.79.11 → 1.79.13

package/package.json

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

package/src/hooks/useElementLayout.tsx

@@ -5,6 +5,7 @@ import { getBoundingClientRect } from '../helpers/getBoundingClientRect'
 import { getRect } from '../helpers/getRect'
 
 const LayoutHandlers = new WeakMap<Element, Function>()
+const LayoutTimeouts = new WeakMap<Element, any>()
 
 export type LayoutValue = {
   x: number
@@ -50,13 +51,18 @@ export const measureLayout = (
 ) => {
   const relativeNode = relativeTo || node?.parentNode
   if (relativeNode instanceof HTMLElement) {
-    setTimeout(() => {
+    // avoid double onLayout
+    clearTimeout(LayoutTimeouts.get(relativeNode))
+    // according to react-native-web https://github.com/necolas/react-native-web/commit/b4e3427fea9bd943e3b3be13def0f4ffb3df917c
+    const tm = setTimeout(() => {
       const relativeRect = getBoundingClientRect(relativeNode)!
       const { height, left, top, width } = getRect(node)!
       const x = left - relativeRect.left
       const y = top - relativeRect.top
       callback(x, y, width, height, left, top)
+      LayoutTimeouts.delete(relativeNode)
     }, 0)
+    LayoutTimeouts.set(relativeNode, tm)
   }
 }
 

package/src/hooks/usePlatformMethods.ts

@@ -1,4 +1,4 @@
-import { useIsomorphicLayoutEffect } from '@tamagui/web'
+import { useIsomorphicLayoutEffect } from '@tamagui/constants'
 import { RefObject } from 'react'
 
 import { getRect } from '../helpers/getRect'

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

@@ -1 +1 @@
-{"version":3,"file":"useElementLayout.d.ts","sourceRoot":"","sources":["../../src/hooks/useElementLayout.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAOjC,MAAM,MAAM,WAAW,GAAG;IACxB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,GAAG,EAAE,MAAM,CAAA;CACZ,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,WAAW,EAAE;QACX,MAAM,EAAE,WAAW,CAAA;QACnB,MAAM,EAAE,GAAG,CAAA;KACZ,CAAA;IACD,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA;AAsBD,eAAO,MAAM,aAAa,SAClB,WAAW,cACL,WAAW,GAAG,IAAI,YACpB,QAAQ,SAYnB,CAAA;AAED,wBAAgB,gBAAgB,CAC9B,GAAG,EAAE,SAAS,CAAC,OAAO,CAAC,EACvB,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,WAAW,KAAK,IAAI,CAAC,GAAG,IAAI,QAY7C"}
+{"version":3,"file":"useElementLayout.d.ts","sourceRoot":"","sources":["../../src/hooks/useElementLayout.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAQjC,MAAM,MAAM,WAAW,GAAG;IACxB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,GAAG,EAAE,MAAM,CAAA;CACZ,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,WAAW,EAAE;QACX,MAAM,EAAE,WAAW,CAAA;QACnB,MAAM,EAAE,GAAG,CAAA;KACZ,CAAA;IACD,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA;AAsBD,eAAO,MAAM,aAAa,SAClB,WAAW,cACL,WAAW,GAAG,IAAI,YACpB,QAAQ,SAiBnB,CAAA;AAED,wBAAgB,gBAAgB,CAC9B,GAAG,EAAE,SAAS,CAAC,OAAO,CAAC,EACvB,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,WAAW,KAAK,IAAI,CAAC,GAAG,IAAI,QAY7C"}