@tamagui/use-element-layout 1.129.6 → 1.129.7

package/dist/cjs/index.cjs

@@ -39,11 +39,9 @@ function setOnLayoutStrategy(state) {
   strategy = state;
 }
 const NodeRectCache = /* @__PURE__ */new WeakMap(),
-  ParentRectCache = /* @__PURE__ */new WeakMap(),
-  DebounceTimers = /* @__PURE__ */new WeakMap(),
-  LastChangeTime = /* @__PURE__ */new WeakMap(),
-  rAF = typeof window < "u" ? window.requestAnimationFrame : void 0,
-  DEBOUNCE_DELAY = 32;
+  ParentRectCache = /* @__PURE__ */new WeakMap();
+const LastChangeTime = /* @__PURE__ */new WeakMap(),
+  rAF = typeof window < "u" ? window.requestAnimationFrame : void 0;
 let avoidUpdates = !0;
 const queuedUpdates = /* @__PURE__ */new Map();
 function enable() {
@@ -53,71 +51,46 @@ if (import_constants.isClient) if (rAF) {
   let layoutOnAnimationFrame = function () {
       const now = Date.now(),
         timeSinceLastFrame = now - lastFrameAt;
-      lastFrameAt = now, strategy !== "off" && (timeSinceLastFrame > 16.67 * numDroppedFramesUntilPause || Nodes.forEach(updateLayoutIfChanged)), rAF(layoutOnAnimationFrame);
+      lastFrameAt = now, strategy !== "off" && (timeSinceLastFrame > 16.67 * numDroppedFramesUntilPause || Nodes.forEach(node => {
+        updateLayoutIfChanged(node, lastFrameAt);
+      })), rAF(layoutOnAnimationFrame);
     },
     lastFrameAt = Date.now();
   const numDroppedFramesUntilPause = 2;
-  async function updateLayoutIfChanged(node) {
-    const nodeRect = node.getBoundingClientRect(),
-      parentNode = node.parentElement,
-      parentRect = parentNode?.getBoundingClientRect(),
-      onLayout = LayoutHandlers.get(node);
+  async function updateLayoutIfChanged(node, frameId) {
+    const parentNode = node.parentElement;
+    let nodeRect, parentRect;
+    if (strategy === "async") {
+      const [nr, pr] = await Promise.all([getBoundingClientRectAsync(node), getBoundingClientRectAsync(parentNode)]);
+      if (frameId !== lastFrameAt) return;
+      nodeRect = nr, parentRect = pr;
+    } else nodeRect = node.getBoundingClientRect(), parentRect = parentNode?.getBoundingClientRect();
+    if (!parentRect) return;
+    const onLayout = LayoutHandlers.get(node);
     if (typeof onLayout != "function") return;
     const cachedRect = NodeRectCache.get(node),
       cachedParentRect = parentNode ? NodeRectCache.get(parentNode) : null;
     if (!cachedRect ||
     // has changed one rect
-    !(0, import_is_equal_shallow.isEqualShallow)(cachedRect, nodeRect) && (!cachedParentRect || !(0, import_is_equal_shallow.isEqualShallow)(cachedParentRect, parentRect))) if (NodeRectCache.set(node, nodeRect), parentRect && parentNode && ParentRectCache.set(parentNode, parentRect), avoidUpdates) {
-      const event = getElementLayoutEvent(node);
-      queuedUpdates.set(node, () => onLayout(event));
-    } else if (strategy === "async") {
-      const now = Date.now();
-      LastChangeTime.set(node, now);
-      const existingTimer = DebounceTimers.get(node);
-      existingTimer && clearTimeout(existingTimer);
-      const timer = setTimeout(async () => {
-        const lastChange = LastChangeTime.get(node) || 0,
-          timeSinceChange = Date.now() - lastChange;
-        if (timeSinceChange >= DEBOUNCE_DELAY) {
-          const event = await getElementLayoutEventAsync(node);
-          onLayout(event), DebounceTimers.delete(node);
-        } else {
-          const remainingDelay = DEBOUNCE_DELAY - timeSinceChange,
-            newTimer = setTimeout(async () => {
-              const event = await getElementLayoutEventAsync(node);
-              onLayout(event), DebounceTimers.delete(node);
-            }, remainingDelay);
-          DebounceTimers.set(node, newTimer);
-        }
-      }, DEBOUNCE_DELAY);
-      DebounceTimers.set(node, timer);
-    } else {
-      const event = getElementLayoutEvent(node);
-      onLayout(event);
+    !(0, import_is_equal_shallow.isEqualShallow)(cachedRect, nodeRect) && (!cachedParentRect || !(0, import_is_equal_shallow.isEqualShallow)(cachedParentRect, parentRect))) {
+      if (NodeRectCache.set(node, nodeRect), parentRect && parentNode && ParentRectCache.set(parentNode, parentRect), avoidUpdates) {
+        const event = getElementLayoutEvent(nodeRect, parentRect);
+        queuedUpdates.set(node, () => onLayout(event));
+      } else if (strategy !== "async") {
+        const event = getElementLayoutEvent(nodeRect, parentRect);
+        onLayout(event);
+      }
     }
   }
   rAF(layoutOnAnimationFrame);
 } else process.env.NODE_ENV === "development" && console.warn("No requestAnimationFrame - please polyfill for onLayout to work correctly");
-const getElementLayoutEvent = target => {
-    let res = null;
-    if (measureLayout(target, null, (x, y, width, height, left, top) => {
-      res = {
-        nativeEvent: {
-          layout: {
-            x,
-            y,
-            width,
-            height,
-            left,
-            top
-          },
-          target
-        },
-        timeStamp: Date.now()
-      };
-    }), !res) throw new Error("\u203C\uFE0F");
-    return res;
-  },
+const getElementLayoutEvent = (nodeRect, parentRect) => ({
+    nativeEvent: {
+      layout: getRelativeDimensions(nodeRect, parentRect),
+      target: nodeRect
+    },
+    timeStamp: Date.now()
+  }),
   measureLayout = (node, relativeTo, callback) => {
     const relativeNode = relativeTo || node?.parentElement;
     if (relativeNode instanceof HTMLElement) {
@@ -150,7 +123,7 @@ const getElementLayoutEvent = target => {
   measureLayoutAsync = async (node, relativeTo) => {
     const relativeNode = relativeTo || node?.parentElement;
     if (relativeNode instanceof HTMLElement) {
-      const [nodeDim, relativeNodeDim] = await Promise.all([node.getBoundingClientRect(), relativeNode.getBoundingClientRect()]);
+      const [nodeDim, relativeNodeDim] = await Promise.all([getBoundingClientRectAsync(node), getBoundingClientRectAsync(relativeNode)]);
       if (relativeNodeDim && nodeDim) {
         const {
           x,
@@ -195,17 +168,25 @@ function useElementLayout(ref, onLayout) {
   node && onLayout && LayoutHandlers.set(node, onLayout), (0, import_constants.useIsomorphicLayoutEffect)(() => {
     if (!onLayout) return;
     const node2 = ref.current?.host;
-    if (node2) return LayoutHandlers.set(node2, onLayout), Nodes.add(node2), onLayout(getElementLayoutEvent(node2)), () => {
-      Nodes.delete(node2), LayoutHandlers.delete(node2), NodeRectCache.delete(node2);
-      const timer = DebounceTimers.get(node2);
-      timer && (clearTimeout(timer), DebounceTimers.delete(node2)), LastChangeTime.delete(node2);
+    if (!node2) return;
+    LayoutHandlers.set(node2, onLayout), Nodes.add(node2);
+    const parentNode = node2.parentNode;
+    return parentNode && onLayout(getElementLayoutEvent(node2.getBoundingClientRect(), parentNode.getBoundingClientRect())), () => {
+      Nodes.delete(node2), LayoutHandlers.delete(node2), NodeRectCache.delete(node2), LastChangeTime.delete(node2);
     };
   }, [ref, !!onLayout]);
 }
 function ensureWebElement(x) {
   if (!(typeof HTMLElement > "u")) return x instanceof HTMLElement ? x : void 0;
 }
-const getBoundingClientRect = node => {
+const getBoundingClientRectAsync = node => new Promise(res => {
+    if (!node || node.nodeType !== 1) return;
+    const io = new IntersectionObserver(entries => (io.disconnect(), res(entries[0].boundingClientRect)), {
+      threshold: 0
+    });
+    io.observe(node);
+  }),
+  getBoundingClientRect = node => {
     if (!(!node || node.nodeType !== 1)) return node.getBoundingClientRect?.();
   },
   getRect = node => {

package/dist/cjs/index.js

@@ -30,7 +30,8 @@ let strategy = "async";
 function setOnLayoutStrategy(state) {
   strategy = state;
 }
-const NodeRectCache = /* @__PURE__ */ new WeakMap(), ParentRectCache = /* @__PURE__ */ new WeakMap(), DebounceTimers = /* @__PURE__ */ new WeakMap(), LastChangeTime = /* @__PURE__ */ new WeakMap(), rAF = typeof window < "u" ? window.requestAnimationFrame : void 0, DEBOUNCE_DELAY = 32;
+const NodeRectCache = /* @__PURE__ */ new WeakMap(), ParentRectCache = /* @__PURE__ */ new WeakMap();
+const LastChangeTime = /* @__PURE__ */ new WeakMap(), rAF = typeof window < "u" ? window.requestAnimationFrame : void 0;
 let avoidUpdates = !0;
 const queuedUpdates = /* @__PURE__ */ new Map();
 function enable() {
@@ -40,61 +41,52 @@ if (import_constants.isClient)
   if (rAF) {
     let layoutOnAnimationFrame = function() {
       const now = Date.now(), timeSinceLastFrame = now - lastFrameAt;
-      lastFrameAt = now, strategy !== "off" && (timeSinceLastFrame > 16.67 * numDroppedFramesUntilPause || Nodes.forEach(updateLayoutIfChanged)), rAF(layoutOnAnimationFrame);
+      lastFrameAt = now, strategy !== "off" && (timeSinceLastFrame > 16.67 * numDroppedFramesUntilPause || Nodes.forEach((node) => {
+        updateLayoutIfChanged(node, lastFrameAt);
+      })), rAF(layoutOnAnimationFrame);
     }, lastFrameAt = Date.now();
     const numDroppedFramesUntilPause = 2;
-    async function updateLayoutIfChanged(node) {
-      const nodeRect = node.getBoundingClientRect(), parentNode = node.parentElement, parentRect = parentNode?.getBoundingClientRect(), onLayout = LayoutHandlers.get(node);
+    async function updateLayoutIfChanged(node, frameId) {
+      const parentNode = node.parentElement;
+      let nodeRect, parentRect;
+      if (strategy === "async") {
+        const [nr, pr] = await Promise.all([
+          getBoundingClientRectAsync(node),
+          getBoundingClientRectAsync(parentNode)
+        ]);
+        if (frameId !== lastFrameAt)
+          return;
+        nodeRect = nr, parentRect = pr;
+      } else
+        nodeRect = node.getBoundingClientRect(), parentRect = parentNode?.getBoundingClientRect();
+      if (!parentRect)
+        return;
+      const onLayout = LayoutHandlers.get(node);
       if (typeof onLayout != "function") return;
       const cachedRect = NodeRectCache.get(node), cachedParentRect = parentNode ? NodeRectCache.get(parentNode) : null;
       if (!cachedRect || // has changed one rect
-      !(0, import_is_equal_shallow.isEqualShallow)(cachedRect, nodeRect) && (!cachedParentRect || !(0, import_is_equal_shallow.isEqualShallow)(cachedParentRect, parentRect)))
+      !(0, import_is_equal_shallow.isEqualShallow)(cachedRect, nodeRect) && (!cachedParentRect || !(0, import_is_equal_shallow.isEqualShallow)(cachedParentRect, parentRect))) {
         if (NodeRectCache.set(node, nodeRect), parentRect && parentNode && ParentRectCache.set(parentNode, parentRect), avoidUpdates) {
-          const event = getElementLayoutEvent(node);
+          const event = getElementLayoutEvent(nodeRect, parentRect);
           queuedUpdates.set(node, () => onLayout(event));
-        } else if (strategy === "async") {
-          const now = Date.now();
-          LastChangeTime.set(node, now);
-          const existingTimer = DebounceTimers.get(node);
-          existingTimer && clearTimeout(existingTimer);
-          const timer = setTimeout(async () => {
-            const lastChange = LastChangeTime.get(node) || 0, timeSinceChange = Date.now() - lastChange;
-            if (timeSinceChange >= DEBOUNCE_DELAY) {
-              const event = await getElementLayoutEventAsync(node);
-              onLayout(event), DebounceTimers.delete(node);
-            } else {
-              const remainingDelay = DEBOUNCE_DELAY - timeSinceChange, newTimer = setTimeout(async () => {
-                const event = await getElementLayoutEventAsync(node);
-                onLayout(event), DebounceTimers.delete(node);
-              }, remainingDelay);
-              DebounceTimers.set(node, newTimer);
-            }
-          }, DEBOUNCE_DELAY);
-          DebounceTimers.set(node, timer);
-        } else {
-          const event = getElementLayoutEvent(node);
+        } else if (strategy !== "async") {
+          const event = getElementLayoutEvent(nodeRect, parentRect);
           onLayout(event);
         }
+      }
     }
     rAF(layoutOnAnimationFrame);
   } else
     process.env.NODE_ENV === "development" && console.warn(
       "No requestAnimationFrame - please polyfill for onLayout to work correctly"
     );
-const getElementLayoutEvent = (target) => {
-  let res = null;
-  if (measureLayout(target, null, (x, y, width, height, left, top) => {
-    res = {
-      nativeEvent: {
-        layout: { x, y, width, height, left, top },
-        target
-      },
-      timeStamp: Date.now()
-    };
-  }), !res)
-    throw new Error("\u203C\uFE0F");
-  return res;
-}, measureLayout = (node, relativeTo, callback) => {
+const getElementLayoutEvent = (nodeRect, parentRect) => ({
+  nativeEvent: {
+    layout: getRelativeDimensions(nodeRect, parentRect),
+    target: nodeRect
+  },
+  timeStamp: Date.now()
+}), measureLayout = (node, relativeTo, callback) => {
   const relativeNode = relativeTo || node?.parentElement;
   if (relativeNode instanceof HTMLElement) {
     const nodeDim = node.getBoundingClientRect(), relativeNodeDim = relativeNode.getBoundingClientRect();
@@ -121,8 +113,8 @@ const getElementLayoutEvent = (target) => {
   const relativeNode = relativeTo || node?.parentElement;
   if (relativeNode instanceof HTMLElement) {
     const [nodeDim, relativeNodeDim] = await Promise.all([
-      node.getBoundingClientRect(),
-      relativeNode.getBoundingClientRect()
+      getBoundingClientRectAsync(node),
+      getBoundingClientRectAsync(relativeNode)
     ]);
     if (relativeNodeDim && nodeDim) {
       const { x, y, width, height, left, top } = getRelativeDimensions(
@@ -142,19 +134,33 @@ function useElementLayout(ref, onLayout) {
   node && onLayout && LayoutHandlers.set(node, onLayout), (0, import_constants.useIsomorphicLayoutEffect)(() => {
     if (!onLayout) return;
     const node2 = ref.current?.host;
-    if (node2)
-      return LayoutHandlers.set(node2, onLayout), Nodes.add(node2), onLayout(getElementLayoutEvent(node2)), () => {
-        Nodes.delete(node2), LayoutHandlers.delete(node2), NodeRectCache.delete(node2);
-        const timer = DebounceTimers.get(node2);
-        timer && (clearTimeout(timer), DebounceTimers.delete(node2)), LastChangeTime.delete(node2);
-      };
+    if (!node2) return;
+    LayoutHandlers.set(node2, onLayout), Nodes.add(node2);
+    const parentNode = node2.parentNode;
+    return parentNode && onLayout(
+      getElementLayoutEvent(
+        node2.getBoundingClientRect(),
+        parentNode.getBoundingClientRect()
+      )
+    ), () => {
+      Nodes.delete(node2), LayoutHandlers.delete(node2), NodeRectCache.delete(node2), LastChangeTime.delete(node2);
+    };
   }, [ref, !!onLayout]);
 }
 function ensureWebElement(x) {
   if (!(typeof HTMLElement > "u"))
     return x instanceof HTMLElement ? x : void 0;
 }
-const getBoundingClientRect = (node) => {
+const getBoundingClientRectAsync = (node) => new Promise((res) => {
+  if (!node || node.nodeType !== 1) return;
+  const io = new IntersectionObserver(
+    (entries) => (io.disconnect(), res(entries[0].boundingClientRect)),
+    {
+      threshold: 0
+    }
+  );
+  io.observe(node);
+}), getBoundingClientRect = (node) => {
   if (!(!node || node.nodeType !== 1))
     return node.getBoundingClientRect?.();
 }, getRect = (node) => {

package/dist/cjs/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAoD,+BACpD,0BAA+B;AAG/B,MAAM,iBAAiB,oBAAI,QAA+B,GACpD,QAAQ,oBAAI,IAAiB;AAQnC,IAAI,WAAsC;AAEnC,SAAS,oBAAoB,OAAwC;AAC1E,aAAW;AACb;AAmBA,MAAM,gBAAgB,oBAAI,QAA8B,GAClD,kBAAkB,oBAAI,QAA8B,GACpD,iBAAiB,oBAAI,QAAqC,GAC1D,iBAAiB,oBAAI,QAA6B,GAElD,MAAM,OAAO,SAAW,MAAc,OAAO,wBAAwB,QACrE,iBAAiB;AAGvB,IAAI,eAAe;AACnB,MAAM,gBAAgB,oBAAI,IAA2B;AAE9C,SAAS,SAAe;AAC7B,EAAI,iBACF,eAAe,IACX,kBACF,cAAc,QAAQ,CAAC,OAAO,GAAG,CAAC,GAClC,cAAc,MAAM;AAG1B;AAEA,IAAI;AACF,MAAI,KAAK;AA4EP,QAAS,yBAAT,WAAkC;AAChC,YAAM,MAAM,KAAK,IAAI,GACf,qBAAqB,MAAM;AACjC,oBAAc,KAEV,aAAa,UAIb,qBAAqB,QAAoB,8BAGzC,MAAM,QAAQ,qBAAqB,IAGvC,IAAK,sBAAsB;AAAA,IAC7B,GA1FI,cAAc,KAAK,IAAI;AAC3B,UAAM,6BAA6B;AAEnC,mBAAe,sBAAsB,MAAmB;AACtD,YAAM,WAAW,KAAK,sBAAsB,GACtC,aAAa,KAAK,eAClB,aAAa,YAAY,sBAAsB,GAE/C,WAAW,eAAe,IAAI,IAAI;AACxC,UAAI,OAAO,YAAa,WAAY;AAEpC,YAAM,aAAa,cAAc,IAAI,IAAI,GACnC,mBAAmB,aAAa,cAAc,IAAI,UAAU,IAAI;AAEtE,UACE,CAAC;AAAA,MAEA,KAAC,wCAAe,YAAY,QAAQ,MAClC,CAAC,oBAAoB,KAAC,wCAAe,kBAAkB,UAAU;AAOpE,YALA,cAAc,IAAI,MAAM,QAAQ,GAC5B,cAAc,cAChB,gBAAgB,IAAI,YAAY,UAAU,GAGxC,cAAc;AAEhB,gBAAM,QAAQ,sBAAsB,IAAI;AACxC,wBAAc,IAAI,MAAM,MAAM,SAAS,KAAK,CAAC;AAAA,QAC/C,WAAW,aAAa,SAAS;AAE/B,gBAAM,MAAM,KAAK,IAAI;AACrB,yBAAe,IAAI,MAAM,GAAG;AAG5B,gBAAM,gBAAgB,eAAe,IAAI,IAAI;AAC7C,UAAI,iBACF,aAAa,aAAa;AAI5B,gBAAM,QAAQ,WAAW,YAAY;AACnC,kBAAM,aAAa,eAAe,IAAI,IAAI,KAAK,GACzC,kBAAkB,KAAK,IAAI,IAAI;AAGrC,gBAAI,mBAAmB,gBAAgB;AACrC,oBAAM,QAAQ,MAAM,2BAA2B,IAAI;AACnD,uBAAS,KAAK,GACd,eAAe,OAAO,IAAI;AAAA,YAC5B,OAAO;AAEL,oBAAM,iBAAiB,iBAAiB,iBAClC,WAAW,WAAW,YAAY;AACtC,sBAAM,QAAQ,MAAM,2BAA2B,IAAI;AACnD,yBAAS,KAAK,GACd,eAAe,OAAO,IAAI;AAAA,cAC5B,GAAG,cAAc;AACjB,6BAAe,IAAI,MAAM,QAAQ;AAAA,YACnC;AAAA,UACF,GAAG,cAAc;AAEjB,yBAAe,IAAI,MAAM,KAAK;AAAA,QAChC,OAAO;AAEL,gBAAM,QAAQ,sBAAsB,IAAI;AACxC,mBAAS,KAAK;AAAA,QAChB;AAAA,IAEJ;AAGA,QAAK,sBAAsB;AAAA,EAmB7B;AACE,IAAI,QAAQ,IAAI,aAAa,iBAC3B,QAAQ;AAAA,MACN;AAAA,IACF;AAMC,MAAM,wBAAwB,CAAC,WAAqC;AACzE,MAAI,MAA0B;AAU9B,MATA,cAAc,QAAQ,MAAM,CAAC,GAAG,GAAG,OAAO,QAAQ,MAAM,QAAQ;AAC9D,UAAM;AAAA,MACJ,aAAa;AAAA,QACX,QAAQ,EAAE,GAAG,GAAG,OAAO,QAAQ,MAAM,IAAI;AAAA,QACzC;AAAA,MACF;AAAA,MACA,WAAW,KAAK,IAAI;AAAA,IACtB;AAAA,EACF,CAAC,GACG,CAAC;AACH,UAAM,IAAI,MAAM,cAAI;AAEtB,SAAO;AACT,GAEa,gBAAgB,CAC3B,MACA,YACA,aAQS;AACT,QAAM,eAAe,cAAc,MAAM;AACzC,MAAI,wBAAwB,aAAa;AACvC,UAAM,UAAU,KAAK,sBAAsB,GACrC,kBAAkB,aAAa,sBAAsB;AAE3D,QAAI,mBAAmB,SAAS;AAC9B,YAAM,EAAE,GAAG,GAAG,OAAO,QAAQ,MAAM,IAAI,IAAI;AAAA,QACzC;AAAA,QACA;AAAA,MACF;AACA,eAAS,GAAG,GAAG,OAAO,QAAQ,MAAM,GAAG;AAAA,IACzC;AAAA,EACF;AACF,GAEa,6BAA6B,OACxC,WACyB;AACzB,QAAM,SAAS,MAAM,mBAAmB,MAAM;AAC9C,MAAI,CAAC;AACH,UAAM,IAAI,MAAM,cAAI;AAEtB,SAAO;AAAA,IACL,aAAa;AAAA,MACX;AAAA,MACA;AAAA,IACF;AAAA,IACA,WAAW,KAAK,IAAI;AAAA,EACtB;AACF,GAEa,qBAAqB,OAChC,MACA,eACgC;AAChC,QAAM,eAAe,cAAc,MAAM;AACzC,MAAI,wBAAwB,aAAa;AACvC,UAAM,CAAC,SAAS,eAAe,IAAI,MAAM,QAAQ,IAAI;AAAA,MACnD,KAAK,sBAAsB;AAAA,MAC3B,aAAa,sBAAsB;AAAA,IACrC,CAAC;AAED,QAAI,mBAAmB,SAAS;AAC9B,YAAM,EAAE,GAAG,GAAG,OAAO,QAAQ,MAAM,IAAI,IAAI;AAAA,QACzC;AAAA,QACA;AAAA,MACF;AACA,aAAO,EAAE,GAAG,GAAG,OAAO,QAAQ,MAAM,IAAI;AAAA,IAC1C;AAAA,EACF;AACA,SAAO;AACT,GAEM,wBAAwB,CAAC,GAAoB,MAAuB;AACxE,QAAM,EAAE,QAAQ,MAAM,KAAK,MAAM,IAAI,GAC/B,IAAI,OAAO,EAAE,MACb,IAAI,MAAM,EAAE;AAClB,SAAO,EAAE,GAAG,GAAG,OAAO,QAAQ,MAAM,IAAI;AAC1C;AAEO,SAAS,iBACd,KACA,UACM;AAEN,QAAM,OAAO,iBAAiB,IAAI,SAAS,IAAI;AAC/C,EAAI,QAAQ,YACV,eAAe,IAAI,MAAM,QAAQ,OAGnC,4CAA0B,MAAM;AAC9B,QAAI,CAAC,SAAU;AACf,UAAMA,QAAO,IAAI,SAAS;AAC1B,QAAKA;AAEL,4BAAe,IAAIA,OAAM,QAAQ,GACjC,MAAM,IAAIA,KAAI,GACd,SAAS,sBAAsBA,KAAI,CAAC,GAE7B,MAAM;AACX,cAAM,OAAOA,KAAI,GACjB,eAAe,OAAOA,KAAI,GAC1B,cAAc,OAAOA,KAAI;AAGzB,cAAM,QAAQ,eAAe,IAAIA,KAAI;AACrC,QAAI,UACF,aAAa,KAAK,GAClB,eAAe,OAAOA,KAAI,IAE5B,eAAe,OAAOA,KAAI;AAAA,MAC5B;AAAA,EACF,GAAG,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC;AACtB;AAEA,SAAS,iBAAoB,GAA+B;AAC1D,MAAI,SAAO,cAAgB;AAG3B,WAAO,aAAa,cAAc,IAAI;AACxC;AAEA,MAAM,wBAAwB,CAAC,SAAkD;AAC/E,MAAI,GAAC,QAAQ,KAAK,aAAa;AAC/B,WAAO,KAAK,wBAAwB;AACtC,GAEa,UAAU,CAAC,SAA+C;AACrE,QAAM,OAAO,sBAAsB,IAAI;AACvC,MAAI,CAAC,KAAM;AACX,QAAM,EAAE,GAAG,GAAG,KAAK,KAAK,IAAI;AAC5B,SAAO,EAAE,GAAG,GAAG,OAAO,KAAK,aAAa,QAAQ,KAAK,cAAc,KAAK,KAAK;AAC/E;",
+  "mappings": "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",
   "names": ["node"]
 }

package/dist/cjs/index.native.js

@@ -29,7 +29,8 @@ var import_constants = require("@tamagui/constants"), import_is_equal_shallow =
 function setOnLayoutStrategy(state) {
   strategy = state;
 }
-var NodeRectCache = /* @__PURE__ */ new WeakMap(), ParentRectCache = /* @__PURE__ */ new WeakMap(), DebounceTimers = /* @__PURE__ */ new WeakMap(), LastChangeTime = /* @__PURE__ */ new WeakMap(), rAF = typeof window < "u" ? window.requestAnimationFrame : void 0, DEBOUNCE_DELAY = 32, avoidUpdates = !0, queuedUpdates = /* @__PURE__ */ new Map();
+var NodeRectCache = /* @__PURE__ */ new WeakMap(), ParentRectCache = /* @__PURE__ */ new WeakMap();
+var LastChangeTime = /* @__PURE__ */ new WeakMap(), rAF = typeof window < "u" ? window.requestAnimationFrame : void 0, avoidUpdates = !0, queuedUpdates = /* @__PURE__ */ new Map();
 function enable() {
   avoidUpdates && (avoidUpdates = !1, queuedUpdates && (queuedUpdates.forEach(function(cb) {
     return cb();
@@ -41,70 +42,55 @@ if (import_constants.isClient)
       var now = Date.now(), timeSinceLastFrame = now - lastFrameAt;
       if (lastFrameAt = now, strategy !== "off") {
         var expectedFrameTime = 16.67, hasRecentSyncWork = timeSinceLastFrame > expectedFrameTime * numDroppedFramesUntilPause;
-        hasRecentSyncWork || Nodes.forEach(updateLayoutIfChanged);
+        hasRecentSyncWork || Nodes.forEach(function(node) {
+          updateLayoutIfChanged(node, lastFrameAt);
+        });
       }
       rAF(layoutOnAnimationFrame);
     };
     var layoutOnAnimationFrame2 = layoutOnAnimationFrame, lastFrameAt = Date.now(), numDroppedFramesUntilPause = 2;
-    async function updateLayoutIfChanged(node) {
-      var nodeRect = node.getBoundingClientRect(), parentNode = node.parentElement, parentRect = parentNode == null ? void 0 : parentNode.getBoundingClientRect(), onLayout = LayoutHandlers.get(node);
-      if (typeof onLayout == "function") {
-        var cachedRect = NodeRectCache.get(node), cachedParentRect = parentNode ? NodeRectCache.get(parentNode) : null;
-        if (!cachedRect || // has changed one rect
-        !(0, import_is_equal_shallow.isEqualShallow)(cachedRect, nodeRect) && (!cachedParentRect || !(0, import_is_equal_shallow.isEqualShallow)(cachedParentRect, parentRect)))
-          if (NodeRectCache.set(node, nodeRect), parentRect && parentNode && ParentRectCache.set(parentNode, parentRect), avoidUpdates) {
-            var event = getElementLayoutEvent(node);
-            queuedUpdates.set(node, function() {
-              return onLayout(event);
-            });
-          } else if (strategy === "async") {
-            var now = Date.now();
-            LastChangeTime.set(node, now);
-            var existingTimer = DebounceTimers.get(node);
-            existingTimer && clearTimeout(existingTimer);
-            var timer = setTimeout(async function() {
-              var lastChange = LastChangeTime.get(node) || 0, timeSinceChange = Date.now() - lastChange;
-              if (timeSinceChange >= DEBOUNCE_DELAY) {
-                var event2 = await getElementLayoutEventAsync(node);
-                onLayout(event2), DebounceTimers.delete(node);
-              } else {
-                var remainingDelay = DEBOUNCE_DELAY - timeSinceChange, newTimer = setTimeout(async function() {
-                  var event3 = await getElementLayoutEventAsync(node);
-                  onLayout(event3), DebounceTimers.delete(node);
-                }, remainingDelay);
-                DebounceTimers.set(node, newTimer);
-              }
-            }, DEBOUNCE_DELAY);
-            DebounceTimers.set(node, timer);
-          } else {
-            var event1 = getElementLayoutEvent(node);
-            onLayout(event1);
+    async function updateLayoutIfChanged(node, frameId) {
+      var parentNode = node.parentElement, nodeRect, parentRect;
+      if (strategy === "async") {
+        var [nr, pr] = await Promise.all([
+          getBoundingClientRectAsync(node),
+          getBoundingClientRectAsync(parentNode)
+        ]);
+        if (frameId !== lastFrameAt)
+          return;
+        nodeRect = nr, parentRect = pr;
+      } else
+        nodeRect = node.getBoundingClientRect(), parentRect = parentNode == null ? void 0 : parentNode.getBoundingClientRect();
+      if (parentRect) {
+        var onLayout = LayoutHandlers.get(node);
+        if (typeof onLayout == "function") {
+          var cachedRect = NodeRectCache.get(node), cachedParentRect = parentNode ? NodeRectCache.get(parentNode) : null;
+          if (!cachedRect || // has changed one rect
+          !(0, import_is_equal_shallow.isEqualShallow)(cachedRect, nodeRect) && (!cachedParentRect || !(0, import_is_equal_shallow.isEqualShallow)(cachedParentRect, parentRect))) {
+            if (NodeRectCache.set(node, nodeRect), parentRect && parentNode && ParentRectCache.set(parentNode, parentRect), avoidUpdates) {
+              var event = getElementLayoutEvent(nodeRect, parentRect);
+              queuedUpdates.set(node, function() {
+                return onLayout(event);
+              });
+            } else if (strategy !== "async") {
+              var event1 = getElementLayoutEvent(nodeRect, parentRect);
+              onLayout(event1);
+            }
           }
+        }
       }
     }
     rAF(layoutOnAnimationFrame);
   } else
     process.env.NODE_ENV === "development" && console.warn("No requestAnimationFrame - please polyfill for onLayout to work correctly");
-var getElementLayoutEvent = function(target) {
-  var res = null;
-  if (measureLayout(target, null, function(x, y, width, height, left, top) {
-    res = {
-      nativeEvent: {
-        layout: {
-          x,
-          y,
-          width,
-          height,
-          left,
-          top
-        },
-        target
-      },
-      timeStamp: Date.now()
-    };
-  }), !res)
-    throw new Error("\u203C\uFE0F");
-  return res;
+var getElementLayoutEvent = function(nodeRect, parentRect) {
+  return {
+    nativeEvent: {
+      layout: getRelativeDimensions(nodeRect, parentRect),
+      target: nodeRect
+    },
+    timeStamp: Date.now()
+  };
 }, measureLayout = function(node, relativeTo, callback) {
   var relativeNode = relativeTo || (node == null ? void 0 : node.parentElement);
   if (relativeNode instanceof HTMLElement) {
@@ -129,8 +115,8 @@ var getElementLayoutEvent = function(target) {
   var relativeNode = relativeTo || (node == null ? void 0 : node.parentElement);
   if (relativeNode instanceof HTMLElement) {
     var [nodeDim, relativeNodeDim] = await Promise.all([
-      node.getBoundingClientRect(),
-      relativeNode.getBoundingClientRect()
+      getBoundingClientRectAsync(node),
+      getBoundingClientRectAsync(relativeNode)
     ]);
     if (relativeNodeDim && nodeDim) {
       var { x, y, width, height, left, top } = getRelativeDimensions(nodeDim, relativeNodeDim);
@@ -162,12 +148,13 @@ function useElementLayout(ref, onLayout) {
     var _ref_current2;
     if (onLayout) {
       var node2 = (_ref_current2 = ref.current) === null || _ref_current2 === void 0 ? void 0 : _ref_current2.host;
-      if (node2)
-        return LayoutHandlers.set(node2, onLayout), Nodes.add(node2), onLayout(getElementLayoutEvent(node2)), function() {
-          Nodes.delete(node2), LayoutHandlers.delete(node2), NodeRectCache.delete(node2);
-          var timer = DebounceTimers.get(node2);
-          timer && (clearTimeout(timer), DebounceTimers.delete(node2)), LastChangeTime.delete(node2);
+      if (node2) {
+        LayoutHandlers.set(node2, onLayout), Nodes.add(node2);
+        var parentNode = node2.parentNode;
+        return parentNode && onLayout(getElementLayoutEvent(node2.getBoundingClientRect(), parentNode.getBoundingClientRect())), function() {
+          Nodes.delete(node2), LayoutHandlers.delete(node2), NodeRectCache.delete(node2), LastChangeTime.delete(node2);
         };
+      }
     }
   }, [
     ref,
@@ -178,7 +165,18 @@ function ensureWebElement(x) {
   if (!(typeof HTMLElement > "u"))
     return x instanceof HTMLElement ? x : void 0;
 }
-var getBoundingClientRect = function(node) {
+var getBoundingClientRectAsync = function(node) {
+  return new Promise(function(res) {
+    if (!(!node || node.nodeType !== 1)) {
+      var io = new IntersectionObserver(function(entries) {
+        return io.disconnect(), res(entries[0].boundingClientRect);
+      }, {
+        threshold: 0
+      });
+      io.observe(node);
+    }
+  });
+}, getBoundingClientRect = function(node) {
   var _node_getBoundingClientRect;
   if (!(!node || node.nodeType !== 1))
     return (_node_getBoundingClientRect = node.getBoundingClientRect) === null || _node_getBoundingClientRect === void 0 ? void 0 : _node_getBoundingClientRect.call(node);

package/dist/cjs/index.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts"],
-  "mappings": "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",
-  "names": ["LayoutHandlers", "WeakMap", "Nodes", "Set", "strategy", "setOnLayoutStrategy", "state", "NodeRectCache", "ParentRectCache", "DebounceTimers", "LastChangeTime", "rAF", "window", "requestAnimationFrame", "undefined", "DEBOUNCE_DELAY", "avoidUpdates", "queuedUpdates", "Map", "enable", "forEach", "cb", "clear", "isClient", "layoutOnAnimationFrame", "now", "Date", "timeSinceLastFrame", "lastFrameAt", "expectedFrameTime", "hasRecentSyncWork", "numDroppedFramesUntilPause", "updateLayoutIfChanged", "node", "nodeRect", "getBoundingClientRect", "parentNode", "parentElement", "parentRect", "onLayout", "get", "cachedRect", "cachedParentRect", "isEqualShallow", "set", "event", "getElementLayoutEvent", "existingTimer", "clearTimeout", "timer", "setTimeout", "lastChange", "timeSinceChange", "getElementLayoutEventAsync", "delete", "remainingDelay", "newTimer", "process", "env", "NODE_ENV", "console", "warn", "target", "res", "measureLayout", "x", "y", "width", "height", "left", "top", "nativeEvent", "layout", "timeStamp", "Error", "relativeTo", "callback", "relativeNode", "HTMLElement", "nodeDim", "relativeNodeDim", "getRelativeDimensions", "measureLayoutAsync", "Promise", "all", "a", "b", "useElementLayout", "ref", "ensureWebElement", "current", "host", "useIsomorphicLayoutEffect", "add", "nodeType", "getRect", "rect", "offsetWidth", "offsetHeight"]
+  "mappings": "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",
+  "names": ["LayoutHandlers", "WeakMap", "Nodes", "Set", "strategy", "setOnLayoutStrategy", "state", "NodeRectCache", "ParentRectCache", "LastChangeTime", "WeakMap", "rAF", "window", "requestAnimationFrame", "undefined", "avoidUpdates", "queuedUpdates", "Map", "enable", "forEach", "cb", "clear", "isClient", "layoutOnAnimationFrame", "now", "Date", "timeSinceLastFrame", "lastFrameAt", "strategy", "expectedFrameTime", "hasRecentSyncWork", "numDroppedFramesUntilPause", "Nodes", "node", "updateLayoutIfChanged", "frameId", "parentNode", "parentElement", "nodeRect", "parentRect", "nr", "pr", "Promise", "all", "getBoundingClientRectAsync", "getBoundingClientRect", "onLayout", "LayoutHandlers", "get", "cachedRect", "NodeRectCache", "cachedParentRect", "isEqualShallow", "set", "ParentRectCache", "event", "getElementLayoutEvent", "process", "env", "NODE_ENV", "console", "warn", "nativeEvent", "layout", "getRelativeDimensions", "target", "timeStamp", "measureLayout", "relativeTo", "callback", "relativeNode", "HTMLElement", "nodeDim", "relativeNodeDim", "x", "y", "width", "height", "left", "top", "getElementLayoutEventAsync", "measureLayoutAsync", "Error", "a", "b", "useElementLayout", "ref", "ensureWebElement", "current", "host", "useIsomorphicLayoutEffect", "add", "delete", "res", "nodeType", "io", "IntersectionObserver", "entries", "disconnect", "boundingClientRect", "threshold", "observe", "getRect", "rect", "offsetWidth", "offsetHeight"]
 }