@tamagui/core 1.126.13 → 1.126.15

package/dist/cjs/index.native.js

@@ -25,10 +25,12 @@ __export(index_exports, {
   Stack: () => Stack,
   Text: () => Text,
   View: () => View,
-  createTamagui: () => createTamagui
+  createTamagui: () => createTamagui,
+  getElementLayoutEvent: () => import_useElementLayout2.getElementLayoutEvent,
+  setOnLayoutStrategy: () => import_useElementLayout2.setOnLayoutStrategy
 });
 module.exports = __toCommonJS(index_exports);
-var import_react_native_media_driver = require("@tamagui/react-native-media-driver"), import_react_native_use_responder_events = require("@tamagui/react-native-use-responder-events"), import_web = require("@tamagui/web"), import_react = __toESM(require("react")), import_createOptimizedView = require("./createOptimizedView"), import_getBaseViews = require("./getBaseViews"), import_getRect = require("./helpers/getRect"), import_useElementLayout = require("./hooks/useElementLayout"), import_Pressability = require("./vendor/Pressability"), import_addNativeValidStyles = require("./addNativeValidStyles");
+var import_react_native_media_driver = require("@tamagui/react-native-media-driver"), import_react_native_use_responder_events = require("@tamagui/react-native-use-responder-events"), import_web = require("@tamagui/web"), import_react = __toESM(require("react")), import_addNativeValidStyles = require("./addNativeValidStyles"), import_createOptimizedView = require("./createOptimizedView"), import_getBaseViews = require("./getBaseViews"), import_getRect = require("./helpers/getRect"), import_useElementLayout = require("./hooks/useElementLayout"), import_Pressability = require("./vendor/Pressability"), import_useElementLayout2 = require("./hooks/useElementLayout");
 __reExport(index_exports, require("@tamagui/web"), module.exports);
 __reExport(index_exports, require("./reactNativeTypes"), module.exports);
 (0, import_addNativeValidStyles.addNativeValidStyles)();
@@ -97,6 +99,8 @@ var dontComposePressabilityKeys = {
   Text,
   View,
   createTamagui,
+  getElementLayoutEvent,
+  setOnLayoutStrategy,
   ...require("@tamagui/web"),
   ...require("./reactNativeTypes")
 });

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/index.tsx"],
-  "mappings": "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",
-  "names": ["addNativeValidStyles", "createTamagui", "conf", "media", "createMedia", "createTamaguiWeb", "baseViews", "getBaseViews", "setupHooks", "setElementProps", "node", "measure", "callback", "measureLayout", "relativeToNode", "success", "measureInWindow", "setTimeout", "height", "left", "top", "width", "getRect", "usePropsTransform", "elementType", "propsIn", "stateRef", "willHydrate", "process", "isDOM", "onMoveShouldSetResponder", "onMoveShouldSetResponderCapture", "onResponderEnd", "onResponderGrant", "onResponderMove", "onResponderReject", "onResponderRelease", "onResponderStart", "onResponderTerminate", "onResponderTerminationRequest", "onScrollShouldSetResponder", "onScrollShouldSetResponderCapture", "onSelectionChangeShouldSetResponder", "onSelectionChangeShouldSetResponderCapture", "onStartShouldSetResponder", "onStartShouldSetResponderCapture", "collapsable", "focusable", "accessible", "accessibilityDisabled", "onLayout", "hrefAttrs", "plainDOMProps", "href", "download", "rel", "target", "useEvents", "viewProps", "events", "setStateShallow", "staticConfig", "pseudos", "onFocus", "onBlur", "isInput", "onPressIn", "onPressOut", "onPress", "inputEvents", "composeEventHandlers", "Object", "assign", "hitSlop", "pressability", "usePressability", "env", "NODE_ENV", "console", "info", "keys", "key", "og", "val", "dontComposePressabilityKeys", "useChildren", "children", "View", "createOptimizedView", "TAMAGUI_OPTIMIZE_NATIVE_VIEWS", "Text", "React", "createElement", "onClick", "WebView", "Stack", "WebStack", "WebText"]
+  "mappings": "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",
+  "names": ["import_useElementLayout", "addNativeValidStyles", "createTamagui", "conf", "media", "createMedia", "createTamaguiWeb", "baseViews", "getBaseViews", "setupHooks", "setElementProps", "node", "measure", "callback", "measureLayout", "relativeToNode", "success", "measureInWindow", "setTimeout", "height", "left", "top", "width", "getRect", "usePropsTransform", "elementType", "propsIn", "stateRef", "willHydrate", "process", "isDOM", "onMoveShouldSetResponder", "onMoveShouldSetResponderCapture", "onResponderEnd", "onResponderGrant", "onResponderMove", "onResponderReject", "onResponderRelease", "onResponderStart", "onResponderTerminate", "onResponderTerminationRequest", "onScrollShouldSetResponder", "onScrollShouldSetResponderCapture", "onSelectionChangeShouldSetResponder", "onSelectionChangeShouldSetResponderCapture", "onStartShouldSetResponder", "onStartShouldSetResponderCapture", "collapsable", "focusable", "accessible", "accessibilityDisabled", "onLayout", "hrefAttrs", "plainDOMProps", "href", "download", "rel", "target", "useEvents", "viewProps", "events", "setStateShallow", "staticConfig", "pseudos", "onFocus", "onBlur", "isInput", "onPressIn", "onPressOut", "onPress", "inputEvents", "composeEventHandlers", "Object", "assign", "hitSlop", "pressability", "usePressability", "env", "NODE_ENV", "console", "info", "keys", "key", "og", "val", "dontComposePressabilityKeys", "useChildren", "children", "View", "createOptimizedView", "TAMAGUI_OPTIMIZE_NATIVE_VIEWS", "Text", "React", "createElement", "onClick", "WebView", "Stack", "WebStack", "WebText"]
 }

package/dist/esm/hooks/useElementLayout.js

@@ -1,85 +1,81 @@
-import { useIsomorphicLayoutEffect } from "@tamagui/constants";
-import { getBoundingClientRect } from "../helpers/getBoundingClientRect";
-const LayoutHandlers = /* @__PURE__ */ new WeakMap(), resizeListeners = /* @__PURE__ */ new Set();
-let resizeObserver = null;
-if (typeof window < "u" && "ResizeObserver" in window && (resizeObserver = new ResizeObserver((entries) => {
-  for (const { target } of entries) {
-    const onLayout = LayoutHandlers.get(target);
-    if (typeof onLayout != "function") return;
-    measureElement(target).then((event) => {
-      onLayout(event);
-    });
-  }
-}), typeof window.addEventListener == "function")) {
-  let tm;
-  window.addEventListener("resize", () => {
-    clearTimeout(tm), tm = setTimeout(() => {
-      resizeListeners.forEach((cb) => cb());
-    }, 4);
-  });
+import { isClient, useIsomorphicLayoutEffect } from "@tamagui/constants";
+import {
+  isEqualShallow,
+  ___onDidFinishClientRender
+} from "@tamagui/web";
+const LayoutHandlers = /* @__PURE__ */ new WeakMap(), Nodes = /* @__PURE__ */ new Set();
+let status = "active";
+function setOnLayoutStrategy(state) {
+  status = state;
 }
-const measureElement = async (target) => new Promise((res) => {
-  measureLayout(target, null, (x, y, width, height, left, top) => {
-    res({
+const NodeRectCache = /* @__PURE__ */ new WeakMap(), ParentRectCache = /* @__PURE__ */ new WeakMap(), rAF = typeof window < "u" ? window.requestAnimationFrame : void 0;
+if (isClient)
+  if (rAF) {
+    let updateLayoutIfChanged = function(node) {
+      const nodeRect = node.getBoundingClientRect(), parentNode = node.parentElement, parentRect = parentNode?.getBoundingClientRect(), 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
+      !isEqualShallow(cachedRect, nodeRect) && (!cachedParentRect || !isEqualShallow(cachedParentRect, parentRect))) {
+        NodeRectCache.set(node, nodeRect), parentRect && parentNode && ParentRectCache.set(parentNode, parentRect);
+        const event = getElementLayoutEvent(node);
+        avoidUpdates ? queuedUpdates.set(node, () => onLayout(event)) : onLayout(event);
+      }
+    }, layoutOnAnimationFrame = function() {
+      status !== "inactive" && Nodes.forEach(updateLayoutIfChanged), rAF(layoutOnAnimationFrame);
+    }, avoidUpdates = !0;
+    const queuedUpdates = /* @__PURE__ */ new Map();
+    ___onDidFinishClientRender(() => {
+      avoidUpdates = !1, queuedUpdates && (queuedUpdates.forEach((cb) => cb()), queuedUpdates.clear());
+    }), 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()
-    });
-  });
-}), cache = /* @__PURE__ */ new WeakMap(), measureLayout = (node, relativeTo, callback) => {
-  const relativeNode = relativeTo || node?.parentNode;
+    };
+  }), !res)
+    throw new Error("\u203C\uFE0F");
+  return res;
+}, measureLayout = (node, relativeTo, callback) => {
+  const relativeNode = relativeTo || node?.parentElement;
   if (relativeNode instanceof HTMLElement) {
-    const now = Date.now();
-    cache.set(node, now), Promise.all([
-      getBoundingClientRectAsync(node),
-      getBoundingClientRectAsync(relativeNode)
-    ]).then(([nodeDim, relativeNodeDim]) => {
-      if (relativeNodeDim && nodeDim && cache.get(node) === now) {
-        const { x, y, width, height, left, top } = getRelativeDimensions(
-          nodeDim,
-          relativeNodeDim
-        );
-        callback(x, y, width, height, left, top);
-      }
-    });
+    const nodeDim = node.getBoundingClientRect(), relativeNodeDim = relativeNode.getBoundingClientRect();
+    if (relativeNodeDim && nodeDim) {
+      const { x, y, width, height, left, top } = getRelativeDimensions(
+        nodeDim,
+        relativeNodeDim
+      );
+      callback(x, y, width, height, left, top);
+    }
   }
 }, getRelativeDimensions = (a, b) => {
   const { height, left, top, width } = a, x = left - b.left, y = top - b.top;
   return { x, y, width, height, left, top };
-}, getBoundingClientRectAsync = (element) => new Promise((resolve) => {
-  function fallbackToSync() {
-    resolve(getBoundingClientRect(element));
-  }
-  const tm = setTimeout(fallbackToSync, 10);
-  new IntersectionObserver(
-    (entries, ob) => {
-      clearTimeout(tm), ob.disconnect(), resolve(entries[0]?.boundingClientRect);
-    },
-    {
-      threshold: 1e-4
-    }
-  ).observe(element);
-});
+};
 function useElementLayout(ref, onLayout) {
   const node = ref.current?.host;
   node && onLayout && LayoutHandlers.set(node, onLayout), useIsomorphicLayoutEffect(() => {
-    if (!resizeObserver || !onLayout) return;
+    if (!onLayout) return;
     const node2 = ref.current?.host;
-    if (!node2) return;
-    LayoutHandlers.set(node2, onLayout);
-    const onResize = () => {
-      measureElement(node2).then(onLayout);
-    };
-    return resizeListeners.add(onResize), resizeObserver.observe(node2), () => {
-      LayoutHandlers.delete(node2), resizeListeners.delete(onResize), resizeObserver?.unobserve(node2);
-    };
+    if (node2)
+      return LayoutHandlers.set(node2, onLayout), Nodes.add(node2), onLayout(getElementLayoutEvent(node2)), () => {
+        Nodes.delete(node2), LayoutHandlers.delete(node2), NodeRectCache.delete(node2);
+      };
   }, [ref, !!onLayout]);
 }
 export {
-  measureElement,
+  getElementLayoutEvent,
   measureLayout,
+  setOnLayoutStrategy,
   useElementLayout
 };
 //# sourceMappingURL=useElementLayout.js.map

package/dist/esm/hooks/useElementLayout.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/hooks/useElementLayout.tsx"],
-  "mappings": "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",
+  "mappings": "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",
   "names": ["node"]
 }

package/dist/esm/hooks/useElementLayout.mjs

@@ -1,29 +1,44 @@
-import { useIsomorphicLayoutEffect } from "@tamagui/constants";
-import { getBoundingClientRect } from "../helpers/getBoundingClientRect.mjs";
+import { isClient, useIsomorphicLayoutEffect } from "@tamagui/constants";
+import { isEqualShallow, ___onDidFinishClientRender } from "@tamagui/web";
 const LayoutHandlers = /* @__PURE__ */new WeakMap(),
-  resizeListeners = /* @__PURE__ */new Set();
-let resizeObserver = null;
-if (typeof window < "u" && "ResizeObserver" in window && (resizeObserver = new ResizeObserver(entries => {
-  for (const {
-    target
-  } of entries) {
-    const onLayout = LayoutHandlers.get(target);
-    if (typeof onLayout != "function") return;
-    measureElement(target).then(event => {
-      onLayout(event);
-    });
-  }
-}), typeof window.addEventListener == "function")) {
-  let tm;
-  window.addEventListener("resize", () => {
-    clearTimeout(tm), tm = setTimeout(() => {
-      resizeListeners.forEach(cb => cb());
-    }, 4);
-  });
+  Nodes = /* @__PURE__ */new Set();
+let status = "active";
+function setOnLayoutStrategy(state) {
+  status = state;
 }
-const measureElement = async target => new Promise(res => {
-    measureLayout(target, null, (x, y, width, height, left, top) => {
-      res({
+const NodeRectCache = /* @__PURE__ */new WeakMap(),
+  ParentRectCache = /* @__PURE__ */new WeakMap(),
+  rAF = typeof window < "u" ? window.requestAnimationFrame : void 0;
+if (isClient) if (rAF) {
+  let updateLayoutIfChanged = function (node) {
+      const nodeRect = node.getBoundingClientRect(),
+        parentNode = node.parentElement,
+        parentRect = parentNode?.getBoundingClientRect(),
+        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
+      !isEqualShallow(cachedRect, nodeRect) && (!cachedParentRect || !isEqualShallow(cachedParentRect, parentRect))) {
+        NodeRectCache.set(node, nodeRect), parentRect && parentNode && ParentRectCache.set(parentNode, parentRect);
+        const event = getElementLayoutEvent(node);
+        avoidUpdates ? queuedUpdates.set(node, () => onLayout(event)) : onLayout(event);
+      }
+    },
+    layoutOnAnimationFrame = function () {
+      status !== "inactive" && Nodes.forEach(updateLayoutIfChanged), rAF(layoutOnAnimationFrame);
+    },
+    avoidUpdates = !0;
+  const queuedUpdates = /* @__PURE__ */new Map();
+  ___onDidFinishClientRender(() => {
+    avoidUpdates = !1, queuedUpdates && (queuedUpdates.forEach(cb => cb()), queuedUpdates.clear());
+  }), 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,
@@ -36,27 +51,26 @@ const measureElement = async target => new Promise(res => {
           target
         },
         timeStamp: Date.now()
-      });
-    });
-  }),
-  cache = /* @__PURE__ */new WeakMap(),
+      };
+    }), !res) throw new Error("\u203C\uFE0F");
+    return res;
+  },
   measureLayout = (node, relativeTo, callback) => {
-    const relativeNode = relativeTo || node?.parentNode;
+    const relativeNode = relativeTo || node?.parentElement;
     if (relativeNode instanceof HTMLElement) {
-      const now = Date.now();
-      cache.set(node, now), Promise.all([getBoundingClientRectAsync(node), getBoundingClientRectAsync(relativeNode)]).then(([nodeDim, relativeNodeDim]) => {
-        if (relativeNodeDim && nodeDim && cache.get(node) === now) {
-          const {
-            x,
-            y,
-            width,
-            height,
-            left,
-            top
-          } = getRelativeDimensions(nodeDim, relativeNodeDim);
-          callback(x, y, width, height, left, top);
-        }
-      });
+      const nodeDim = node.getBoundingClientRect(),
+        relativeNodeDim = relativeNode.getBoundingClientRect();
+      if (relativeNodeDim && nodeDim) {
+        const {
+          x,
+          y,
+          width,
+          height,
+          left,
+          top
+        } = getRelativeDimensions(nodeDim, relativeNodeDim);
+        callback(x, y, width, height, left, top);
+      }
     }
   },
   getRelativeDimensions = (a, b) => {
@@ -76,32 +90,16 @@ const measureElement = async target => new Promise(res => {
       left,
       top
     };
-  },
-  getBoundingClientRectAsync = element => new Promise(resolve => {
-    function fallbackToSync() {
-      resolve(getBoundingClientRect(element));
-    }
-    const tm = setTimeout(fallbackToSync, 10);
-    new IntersectionObserver((entries, ob) => {
-      clearTimeout(tm), ob.disconnect(), resolve(entries[0]?.boundingClientRect);
-    }, {
-      threshold: 1e-4
-    }).observe(element);
-  });
+  };
 function useElementLayout(ref, onLayout) {
   const node = ref.current?.host;
   node && onLayout && LayoutHandlers.set(node, onLayout), useIsomorphicLayoutEffect(() => {
-    if (!resizeObserver || !onLayout) return;
+    if (!onLayout) return;
     const node2 = ref.current?.host;
-    if (!node2) return;
-    LayoutHandlers.set(node2, onLayout);
-    const onResize = () => {
-      measureElement(node2).then(onLayout);
-    };
-    return resizeListeners.add(onResize), resizeObserver.observe(node2), () => {
-      LayoutHandlers.delete(node2), resizeListeners.delete(onResize), resizeObserver?.unobserve(node2);
+    if (node2) return LayoutHandlers.set(node2, onLayout), Nodes.add(node2), onLayout(getElementLayoutEvent(node2)), () => {
+      Nodes.delete(node2), LayoutHandlers.delete(node2), NodeRectCache.delete(node2);
     };
   }, [ref, !!onLayout]);
 }
-export { measureElement, measureLayout, useElementLayout };
+export { getElementLayoutEvent, measureLayout, setOnLayoutStrategy, useElementLayout };
 //# sourceMappingURL=useElementLayout.mjs.map

package/dist/esm/hooks/useElementLayout.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["useIsomorphicLayoutEffect","getBoundingClientRect","LayoutHandlers","WeakMap","resizeListeners","Set","resizeObserver","window","ResizeObserver","entries","target","onLayout","get","measureElement","then","event","addEventListener","tm","clearTimeout","setTimeout","forEach","cb","Promise","res","measureLayout","x","y","width","height","left","top","nativeEvent","layout","timeStamp","Date","now","cache","node","relativeTo","callback","relativeNode","parentNode","HTMLElement","set","all","getBoundingClientRectAsync","nodeDim","relativeNodeDim","getRelativeDimensions","a","b","element","resolve","fallbackToSync","IntersectionObserver","ob","disconnect","boundingClientRect","threshold","observe","useElementLayout","ref","current","host","node2","onResize","add","delete","unobserve"],"sources":["../../../src/hooks/useElementLayout.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,yBAAA,QAAiC;AAG1C,SAASC,qBAAA,QAA6B;AAEtC,MAAMC,cAAA,GAAiB,mBAAIC,OAAA,CAA2B;EAChDC,eAAA,GAAkB,mBAAIC,GAAA,CAAc;AAmB1C,IAAIC,cAAA,GAAwC;AAE5C,IAAI,OAAOC,MAAA,GAAW,OAAe,oBAAoBA,MAAA,KAEvDD,cAAA,GAAiB,IAAIE,cAAA,CAAgBC,OAAA,IAAY;EAC/C,WAAW;IAAEC;EAAO,KAAKD,OAAA,EAAS;IAChC,MAAME,QAAA,GAAWT,cAAA,CAAeU,GAAA,CAAIF,MAAM;IAC1C,IAAI,OAAOC,QAAA,IAAa,YAAY;IACpCE,cAAA,CAAeH,MAAqB,EAAEI,IAAA,CAAMC,KAAA,IAAU;MACpDJ,QAAA,CAASI,KAAK;IAChB,CAAC;EACH;AACF,CAAC,GAGG,OAAOR,MAAA,CAAOS,gBAAA,IAAqB,aAAY;EACjD,IAAIC,EAAA;EACJV,MAAA,CAAOS,gBAAA,CAAiB,UAAU,MAAM;IACtCE,YAAA,CAAaD,EAAE,GACfA,EAAA,GAAKE,UAAA,CAAW,MAAM;MACpBf,eAAA,CAAgBgB,OAAA,CAASC,EAAA,IAAOA,EAAA,CAAG,CAAC;IACtC,GAAG,CAAC;EACN,CAAC;AACH;AAGK,MAAMR,cAAA,GAAiB,MAAOH,MAAA,IAC5B,IAAIY,OAAA,CAASC,GAAA,IAAQ;IAC1BC,aAAA,CAAcd,MAAA,EAAQ,MAAM,CAACe,CAAA,EAAGC,CAAA,EAAGC,KAAA,EAAOC,MAAA,EAAQC,IAAA,EAAMC,GAAA,KAAQ;MAC9DP,GAAA,CAAI;QACFQ,WAAA,EAAa;UACXC,MAAA,EAAQ;YAAEP,CAAA;YAAGC,CAAA;YAAGC,KAAA;YAAOC,MAAA;YAAQC,IAAA;YAAMC;UAAI;UACzCpB;QACF;QACAuB,SAAA,EAAWC,IAAA,CAAKC,GAAA,CAAI;MACtB,CAAC;IACH,CAAC;EACH,CAAC;EAGGC,KAAA,GAAQ,mBAAIjC,OAAA,CAAQ;EAEbqB,aAAA,GAAgBA,CAC3Ba,IAAA,EACAC,UAAA,EACAC,QAAA,KAQG;IACH,MAAMC,YAAA,GAAeF,UAAA,IAAcD,IAAA,EAAMI,UAAA;IACzC,IAAID,YAAA,YAAwBE,WAAA,EAAa;MACvC,MAAMP,GAAA,GAAMD,IAAA,CAAKC,GAAA,CAAI;MACrBC,KAAA,CAAMO,GAAA,CAAIN,IAAA,EAAMF,GAAG,GACnBb,OAAA,CAAQsB,GAAA,CAAI,CACVC,0BAAA,CAA2BR,IAAI,GAC/BQ,0BAAA,CAA2BL,YAAY,EACxC,EAAE1B,IAAA,CAAK,CAAC,CAACgC,OAAA,EAASC,eAAe,MAAM;QACtC,IAAIA,eAAA,IAAmBD,OAAA,IAAWV,KAAA,CAAMxB,GAAA,CAAIyB,IAAI,MAAMF,GAAA,EAAK;UACzD,MAAM;YAAEV,CAAA;YAAGC,CAAA;YAAGC,KAAA;YAAOC,MAAA;YAAQC,IAAA;YAAMC;UAAI,IAAIkB,qBAAA,CACzCF,OAAA,EACAC,eACF;UACAR,QAAA,CAASd,CAAA,EAAGC,CAAA,EAAGC,KAAA,EAAOC,MAAA,EAAQC,IAAA,EAAMC,GAAG;QACzC;MACF,CAAC;IACH;EACF;EAEMkB,qBAAA,GAAwBA,CAACC,CAAA,EAAoBC,CAAA,KAAuB;IACxE,MAAM;QAAEtB,MAAA;QAAQC,IAAA;QAAMC,GAAA;QAAKH;MAAM,IAAIsB,CAAA;MAC/BxB,CAAA,GAAII,IAAA,GAAOqB,CAAA,CAAErB,IAAA;MACbH,CAAA,GAAII,GAAA,GAAMoB,CAAA,CAAEpB,GAAA;IAClB,OAAO;MAAEL,CAAA;MAAGC,CAAA;MAAGC,KAAA;MAAOC,MAAA;MAAQC,IAAA;MAAMC;IAAI;EAC1C;EAEMe,0BAAA,GACJM,OAAA,IAEO,IAAI7B,OAAA,CAAS8B,OAAA,IAAY;IAC9B,SAASC,eAAA,EAAiB;MACxBD,OAAA,CAAQnD,qBAAA,CAAsBkD,OAAO,CAAC;IACxC;IACA,MAAMlC,EAAA,GAAKE,UAAA,CAAWkC,cAAA,EAAgB,EAAE;IACvB,IAAIC,oBAAA,CACnB,CAAC7C,OAAA,EAAS8C,EAAA,KAAO;MACfrC,YAAA,CAAaD,EAAE,GACfsC,EAAA,CAAGC,UAAA,CAAW,GACdJ,OAAA,CAAQ3C,OAAA,CAAQ,CAAC,GAAGgD,kBAAkB;IACxC,GACA;MACEC,SAAA,EAAW;IACb,CACF,EACSC,OAAA,CAAQR,OAAO;EAC1B,CAAC;AAGI,SAASS,iBACdC,GAAA,EACAlD,QAAA,EACA;EACA,MAAM0B,IAAA,GAAOwB,GAAA,CAAIC,OAAA,EAASC,IAAA;EAGtB1B,IAAA,IAAQ1B,QAAA,IACVT,cAAA,CAAeyC,GAAA,CAAIN,IAAA,EAAM1B,QAAQ,GAGnCX,yBAAA,CAA0B,MAAM;IAC9B,IAAI,CAACM,cAAA,IAAkB,CAACK,QAAA,EAAU;IAClC,MAAMqD,KAAA,GAAOH,GAAA,CAAIC,OAAA,EAASC,IAAA;IAC1B,IAAI,CAACC,KAAA,EAAM;IAGX9D,cAAA,CAAeyC,GAAA,CAAIqB,KAAA,EAAMrD,QAAQ;IAEjC,MAAMsD,QAAA,GAAWA,CAAA,KAAM;MACrBpD,cAAA,CAAemD,KAAmB,EAAElD,IAAA,CAAKH,QAAQ;IACnD;IAEA,OAAAP,eAAA,CAAgB8D,GAAA,CAAID,QAAQ,GAC5B3D,cAAA,CAAeqD,OAAA,CAAQK,KAAI,GAEpB,MAAM;MACX9D,cAAA,CAAeiE,MAAA,CAAOH,KAAI,GAC1B5D,eAAA,CAAgB+D,MAAA,CAAOF,QAAQ,GAC/B3D,cAAA,EAAgB8D,SAAA,CAAUJ,KAAI;IAChC;EACF,GAAG,CAACH,GAAA,EAAK,CAAC,CAAClD,QAAQ,CAAC;AACtB","ignoreList":[]}
+{"version":3,"names":["isClient","useIsomorphicLayoutEffect","isEqualShallow","___onDidFinishClientRender","LayoutHandlers","WeakMap","Nodes","Set","status","setOnLayoutStrategy","state","NodeRectCache","ParentRectCache","rAF","window","requestAnimationFrame","updateLayoutIfChanged","node","nodeRect","getBoundingClientRect","parentNode","parentElement","parentRect","onLayout","get","cachedRect","cachedParentRect","set","event","getElementLayoutEvent","avoidUpdates","queuedUpdates","layoutOnAnimationFrame","forEach","Map","cb","clear","process","env","NODE_ENV","console","warn","target","res","measureLayout","x","y","width","height","left","top","nativeEvent","layout","timeStamp","Date","now","Error","relativeTo","callback","relativeNode","HTMLElement","nodeDim","relativeNodeDim","getRelativeDimensions","a","b","useElementLayout","ref","current","host","node2","add","delete"],"sources":["../../../src/hooks/useElementLayout.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,QAAA,EAAUC,yBAAA,QAAiC;AACpD,SACEC,cAAA,EAEAC,0BAAA,QACK;AAGP,MAAMC,cAAA,GAAiB,mBAAIC,OAAA,CAA+B;EACpDC,KAAA,GAAQ,mBAAIC,GAAA,CAAiB;AAInC,IAAIC,MAAA,GAAkC;AAC/B,SAASC,oBAAoBC,KAAA,EAAgC;EAClEF,MAAA,GAASE,KAAA;AACX;AAmBA,MAAMC,aAAA,GAAgB,mBAAIN,OAAA,CAA8B;EAClDO,eAAA,GAAkB,mBAAIP,OAAA,CAA8B;EAEpDQ,GAAA,GAAM,OAAOC,MAAA,GAAW,MAAcA,MAAA,CAAOC,qBAAA,GAAwB;AAE3E,IAAIf,QAAA,EACF,IAAIa,GAAA,EAAK;EAaP,IAASG,qBAAA,GAAT,SAAAA,CAA+BC,IAAA,EAAmB;MAChD,MAAMC,QAAA,GAAWD,IAAA,CAAKE,qBAAA,CAAsB;QACtCC,UAAA,GAAaH,IAAA,CAAKI,aAAA;QAClBC,UAAA,GAAaF,UAAA,EAAYD,qBAAA,CAAsB;QAE/CI,QAAA,GAAWnB,cAAA,CAAeoB,GAAA,CAAIP,IAAI;MACxC,IAAI,OAAOM,QAAA,IAAa,YAAY;MAEpC,MAAME,UAAA,GAAad,aAAA,CAAca,GAAA,CAAIP,IAAI;QACnCS,gBAAA,GAAmBN,UAAA,GAAaT,aAAA,CAAca,GAAA,CAAIJ,UAAU,IAAI;MAEtE,IACE,CAACK,UAAA;MAAA;MAEA,CAACvB,cAAA,CAAeuB,UAAA,EAAYP,QAAQ,MAClC,CAACQ,gBAAA,IAAoB,CAACxB,cAAA,CAAewB,gBAAA,EAAkBJ,UAAU,IACpE;QACAX,aAAA,CAAcgB,GAAA,CAAIV,IAAA,EAAMC,QAAQ,GAC5BI,UAAA,IAAcF,UAAA,IAChBR,eAAA,CAAgBe,GAAA,CAAIP,UAAA,EAAYE,UAAU;QAE5C,MAAMM,KAAA,GAAQC,qBAAA,CAAsBZ,IAAI;QACpCa,YAAA,GACFC,aAAA,CAAcJ,GAAA,CAAIV,IAAA,EAAM,MAAMM,QAAA,CAASK,KAAK,CAAC,IAE7CL,QAAA,CAASK,KAAK;MAElB;IACF;IAISI,sBAAA,GAAT,SAAAA,CAAA,EAAkC;MAC5BxB,MAAA,KAAW,cACbF,KAAA,CAAM2B,OAAA,CAAQjB,qBAAqB,GAErCH,GAAA,CAAKmB,sBAAsB;IAC7B;IAhDIF,YAAA,GAAe;EACnB,MAAMC,aAAA,GAAgB,mBAAIG,GAAA,CAA2B;EAErD/B,0BAAA,CAA2B,MAAM;IAC/B2B,YAAA,GAAe,IACXC,aAAA,KACFA,aAAA,CAAcE,OAAA,CAASE,EAAA,IAAOA,EAAA,CAAG,CAAC,GAClCJ,aAAA,CAAcK,KAAA,CAAM;EAExB,CAAC,GAiCDvB,GAAA,CAAKmB,sBAAsB;AAO7B,OACMK,OAAA,CAAQC,GAAA,CAAIC,QAAA,KAAa,iBAC3BC,OAAA,CAAQC,IAAA,CACN,2EACF;AAKC,MAAMZ,qBAAA,GAAyBa,MAAA,IAAqC;IACzE,IAAIC,GAAA,GAA0B;IAU9B,IATAC,aAAA,CAAcF,MAAA,EAAQ,MAAM,CAACG,CAAA,EAAGC,CAAA,EAAGC,KAAA,EAAOC,MAAA,EAAQC,IAAA,EAAMC,GAAA,KAAQ;MAC9DP,GAAA,GAAM;QACJQ,WAAA,EAAa;UACXC,MAAA,EAAQ;YAAEP,CAAA;YAAGC,CAAA;YAAGC,KAAA;YAAOC,MAAA;YAAQC,IAAA;YAAMC;UAAI;UACzCR;QACF;QACAW,SAAA,EAAWC,IAAA,CAAKC,GAAA,CAAI;MACtB;IACF,CAAC,GACG,CAACZ,GAAA,EACH,MAAM,IAAIa,KAAA,CAAM,cAAI;IAEtB,OAAOb,GAAA;EACT;EAGaC,aAAA,GAAgBA,CAC3B3B,IAAA,EACAwC,UAAA,EACAC,QAAA,KAQG;IACH,MAAMC,YAAA,GAAeF,UAAA,IAAcxC,IAAA,EAAMI,aAAA;IACzC,IAAIsC,YAAA,YAAwBC,WAAA,EAAa;MACvC,MAAMC,OAAA,GAAU5C,IAAA,CAAKE,qBAAA,CAAsB;QACrC2C,eAAA,GAAkBH,YAAA,CAAaxC,qBAAA,CAAsB;MAC3D,IAAI2C,eAAA,IAAmBD,OAAA,EAAS;QAC9B,MAAM;UAAEhB,CAAA;UAAGC,CAAA;UAAGC,KAAA;UAAOC,MAAA;UAAQC,IAAA;UAAMC;QAAI,IAAIa,qBAAA,CACzCF,OAAA,EACAC,eACF;QACAJ,QAAA,CAASb,CAAA,EAAGC,CAAA,EAAGC,KAAA,EAAOC,MAAA,EAAQC,IAAA,EAAMC,GAAG;MACzC;IACF;EACF;EAEMa,qBAAA,GAAwBA,CAACC,CAAA,EAAoBC,CAAA,KAAuB;IACxE,MAAM;QAAEjB,MAAA;QAAQC,IAAA;QAAMC,GAAA;QAAKH;MAAM,IAAIiB,CAAA;MAC/BnB,CAAA,GAAII,IAAA,GAAOgB,CAAA,CAAEhB,IAAA;MACbH,CAAA,GAAII,GAAA,GAAMe,CAAA,CAAEf,GAAA;IAClB,OAAO;MAAEL,CAAA;MAAGC,CAAA;MAAGC,KAAA;MAAOC,MAAA;MAAQC,IAAA;MAAMC;IAAI;EAC1C;AAEO,SAASgB,iBACdC,GAAA,EACA5C,QAAA,EACA;EAEA,MAAMN,IAAA,GAAOkD,GAAA,CAAIC,OAAA,EAASC,IAAA;EACtBpD,IAAA,IAAQM,QAAA,IACVnB,cAAA,CAAeuB,GAAA,CAAIV,IAAA,EAAMM,QAAQ,GAGnCtB,yBAAA,CAA0B,MAAM;IAC9B,IAAI,CAACsB,QAAA,EAAU;IACf,MAAM+C,KAAA,GAAOH,GAAA,CAAIC,OAAA,EAASC,IAAA;IAC1B,IAAKC,KAAA,EAEL,OAAAlE,cAAA,CAAeuB,GAAA,CAAI2C,KAAA,EAAM/C,QAAQ,GACjCjB,KAAA,CAAMiE,GAAA,CAAID,KAAI,GACd/C,QAAA,CAASM,qBAAA,CAAsByC,KAAI,CAAC,GAE7B,MAAM;MACXhE,KAAA,CAAMkE,MAAA,CAAOF,KAAI,GACjBlE,cAAA,CAAeoE,MAAA,CAAOF,KAAI,GAC1B3D,aAAA,CAAc6D,MAAA,CAAOF,KAAI;IAC3B;EACF,GAAG,CAACH,GAAA,EAAK,CAAC,CAAC5C,QAAQ,CAAC;AACtB","ignoreList":[]}

package/dist/esm/hooks/useElementLayout.native.js

@@ -1,91 +1,83 @@
-import { useIsomorphicLayoutEffect } from "@tamagui/constants";
-import { getBoundingClientRect } from "../helpers/getBoundingClientRect.native.js";
-function _type_of(obj) {
-  "@swc/helpers - typeof";
-
-  return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
-}
+import { isClient, useIsomorphicLayoutEffect } from "@tamagui/constants";
+import { isEqualShallow, ___onDidFinishClientRender } from "@tamagui/web";
 var LayoutHandlers = /* @__PURE__ */new WeakMap(),
-  resizeListeners = /* @__PURE__ */new Set(),
-  resizeObserver = null;
-if (typeof window < "u" && "ResizeObserver" in window && (resizeObserver = new ResizeObserver(function (entries) {
-  var _iteratorNormalCompletion = !0,
-    _didIteratorError = !1,
-    _iteratorError = void 0;
-  try {
-    for (var _loop = function () {
-        var {
-            target
-          } = _step.value,
-          onLayout = LayoutHandlers.get(target);
-        if (typeof onLayout != "function") return {
-          v: void 0
-        };
-        measureElement(target).then(function (event) {
-          onLayout(event);
-        });
-      }, _iterator = entries[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) {
-      var _ret = _loop();
-      if (_type_of(_ret) === "object") return _ret.v;
-    }
-  } catch (err) {
-    _didIteratorError = !0, _iteratorError = err;
-  } finally {
-    try {
-      !_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
-    } finally {
-      if (_didIteratorError) throw _iteratorError;
-    }
-  }
-}), typeof window.addEventListener == "function")) {
-  var tm;
-  window.addEventListener("resize", function () {
-    clearTimeout(tm), tm = setTimeout(function () {
-      resizeListeners.forEach(function (cb) {
-        return cb();
-      });
-    }, 4);
-  });
+  Nodes = /* @__PURE__ */new Set(),
+  status = "active";
+function setOnLayoutStrategy(state) {
+  status = state;
 }
-var measureElement = async function (target) {
-    return new Promise(function (res) {
-      measureLayout(target, null, function (x, y, width, height, left, top) {
-        res({
-          nativeEvent: {
-            layout: {
-              x,
-              y,
-              width,
-              height,
-              left,
-              top
-            },
-            target
-          },
-          timeStamp: Date.now()
-        });
-      });
-    });
-  },
-  cache = /* @__PURE__ */new WeakMap(),
-  measureLayout = function (node, relativeTo, callback) {
-    var relativeNode = relativeTo || node?.parentNode;
-    if (relativeNode instanceof HTMLElement) {
-      var now = Date.now();
-      cache.set(node, now), Promise.all([getBoundingClientRectAsync(node), getBoundingClientRectAsync(relativeNode)]).then(function (param) {
-        var [nodeDim, relativeNodeDim] = param;
-        if (relativeNodeDim && nodeDim && cache.get(node) === now) {
-          var {
+var NodeRectCache = /* @__PURE__ */new WeakMap(),
+  ParentRectCache = /* @__PURE__ */new WeakMap(),
+  rAF = typeof window < "u" ? window.requestAnimationFrame : void 0;
+if (isClient) if (rAF) {
+  let updateLayoutIfChanged = function (node) {
+      var nodeRect = node.getBoundingClientRect(),
+        parentNode = node.parentElement,
+        parentRect = 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
+        !isEqualShallow(cachedRect, nodeRect) && (!cachedParentRect || !isEqualShallow(cachedParentRect, parentRect))) {
+          NodeRectCache.set(node, nodeRect), parentRect && parentNode && ParentRectCache.set(parentNode, parentRect);
+          var event = getElementLayoutEvent(node);
+          avoidUpdates ? queuedUpdates.set(node, function () {
+            return onLayout(event);
+          }) : onLayout(event);
+        }
+      }
+    },
+    layoutOnAnimationFrame = function () {
+      status !== "inactive" && Nodes.forEach(updateLayoutIfChanged), rAF(layoutOnAnimationFrame);
+    };
+  var updateLayoutIfChanged2 = updateLayoutIfChanged,
+    layoutOnAnimationFrame2 = layoutOnAnimationFrame,
+    avoidUpdates = !0,
+    queuedUpdates = /* @__PURE__ */new Map();
+  ___onDidFinishClientRender(function () {
+    avoidUpdates = !1, queuedUpdates && (queuedUpdates.forEach(function (cb) {
+      return cb();
+    }), queuedUpdates.clear());
+  }), 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
-          } = getRelativeDimensions(nodeDim, relativeNodeDim);
-          callback(x, y, width, height, left, top);
-        }
-      });
+          },
+          target
+        },
+        timeStamp: Date.now()
+      };
+    }), !res) throw new Error("\u203C\uFE0F");
+    return res;
+  },
+  measureLayout = function (node, relativeTo, callback) {
+    var relativeNode = relativeTo || node?.parentElement;
+    if (relativeNode instanceof HTMLElement) {
+      var nodeDim = node.getBoundingClientRect(),
+        relativeNodeDim = relativeNode.getBoundingClientRect();
+      if (relativeNodeDim && nodeDim) {
+        var {
+          x,
+          y,
+          width,
+          height,
+          left,
+          top
+        } = getRelativeDimensions(nodeDim, relativeNodeDim);
+        callback(x, y, width, height, left, top);
+      }
     }
   },
   getRelativeDimensions = function (a, b) {
@@ -105,40 +97,19 @@ var measureElement = async function (target) {
       left,
       top
     };
-  },
-  getBoundingClientRectAsync = function (element) {
-    return new Promise(function (resolve) {
-      function fallbackToSync() {
-        resolve(getBoundingClientRect(element));
-      }
-      var tm = setTimeout(fallbackToSync, 10),
-        observer = new IntersectionObserver(function (entries, ob) {
-          var _entries_;
-          clearTimeout(tm), ob.disconnect(), resolve((_entries_ = entries[0]) === null || _entries_ === void 0 ? void 0 : _entries_.boundingClientRect);
-        }, {
-          threshold: 1e-4
-        });
-      observer.observe(element);
-    });
   };
 function useElementLayout(ref, onLayout) {
   var _ref_current,
     node = (_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.host;
   node && onLayout && LayoutHandlers.set(node, onLayout), useIsomorphicLayoutEffect(function () {
     var _ref_current2;
-    if (!(!resizeObserver || !onLayout)) {
+    if (onLayout) {
       var node2 = (_ref_current2 = ref.current) === null || _ref_current2 === void 0 ? void 0 : _ref_current2.host;
-      if (node2) {
-        LayoutHandlers.set(node2, onLayout);
-        var onResize = function () {
-          measureElement(node2).then(onLayout);
-        };
-        return resizeListeners.add(onResize), resizeObserver.observe(node2), function () {
-          LayoutHandlers.delete(node2), resizeListeners.delete(onResize), resizeObserver?.unobserve(node2);
-        };
-      }
+      if (node2) return LayoutHandlers.set(node2, onLayout), Nodes.add(node2), onLayout(getElementLayoutEvent(node2)), function () {
+        Nodes.delete(node2), LayoutHandlers.delete(node2), NodeRectCache.delete(node2);
+      };
     }
   }, [ref, !!onLayout]);
 }
-export { measureElement, measureLayout, useElementLayout };
+export { getElementLayoutEvent, measureLayout, setOnLayoutStrategy, useElementLayout };
 //# sourceMappingURL=useElementLayout.native.js.map