@tamagui/core 1.132.2 → 1.132.4

package/dist/native.js

@@ -7642,7 +7642,8 @@ var require_createComponent_native = __commonJS({
         }
         var allGroupContexts = (0, import_react3.useMemo)(function() {
           var _stateRef_current_group;
-          if (!groupName || props.passThrough) return groupContextParent;
+          if (!groupName || props.passThrough || // avoids onLayout
+          props.containerType === "normal") return groupContextParent;
           (_stateRef_current_group = stateRef.current.group) === null || _stateRef_current_group === void 0 || _stateRef_current_group.listeners.clear();
           var listeners = /* @__PURE__ */ new Set();
           return stateRef.current.group = {
@@ -12394,18 +12395,7 @@ var require_index_native12 = __commonJS({
       }));
     }
     if (import_constants.isClient) if (rAF) {
-      layoutOnAnimationFrame = function() {
-        if (strategy !== "off") {
-          if (frameCount++ % RUN_EVERY_X_FRAMES !== 0) {
-            rAF(layoutOnAnimationFrame);
-            return;
-          }
-          frameCount === Number.MAX_SAFE_INTEGER && (frameCount = 0), Nodes.forEach(function(node) {
-            updateLayoutIfChanged(node);
-          });
-        }
-        rAF(layoutOnAnimationFrame);
-      }, layoutOnAnimationFrame2 = layoutOnAnimationFrame, supportsCheckVisibility = "checkVisibility" in document.body;
+      supportsCheckVisibility = "checkVisibility" in document.body, BoundingRects = /* @__PURE__ */ new WeakMap();
       async function updateLayoutIfChanged(node) {
         if (IntersectionState.get(node) !== !1 && !(process.env.TAMAGUI_ONLAYOUT_VISIBILITY_CHECK === "1" && supportsCheckVisibility && !node.checkVisibility())) {
           var onLayout = LayoutHandlers.get(node);
@@ -12415,8 +12405,8 @@ var require_index_native12 = __commonJS({
               var nodeRect, parentRect;
               if (strategy === "async") {
                 var [nr, pr] = await Promise.all([
-                  getBoundingClientRectAsync(node),
-                  getBoundingClientRectAsync(parentNode)
+                  BoundingRects.get(node) || getBoundingClientRectAsync(node),
+                  BoundingRects.get(parentNode) || getBoundingClientRectAsync(parentNode)
                 ]);
                 if (nr === !1 || pr === !1) return;
                 nodeRect = nr, parentRect = pr;
@@ -12437,8 +12427,56 @@ var require_index_native12 = __commonJS({
         }
       }
       rAF(layoutOnAnimationFrame), frameCount = 0, userSkipVal = process.env.TAMAGUI_LAYOUT_FRAME_SKIP, RUN_EVERY_X_FRAMES = userSkipVal ? +userSkipVal : 10;
+      async function layoutOnAnimationFrame() {
+        if (strategy !== "off") {
+          if (!Nodes.size || frameCount++ % RUN_EVERY_X_FRAMES !== 0) {
+            rAF(layoutOnAnimationFrame);
+            return;
+          }
+          frameCount === Number.MAX_SAFE_INTEGER && (frameCount = 0), await new Promise(function(res) {
+            var io = new IntersectionObserver(function(entries) {
+              io.disconnect();
+              var _iteratorNormalCompletion2 = !0, _didIteratorError2 = !1, _iteratorError2 = void 0;
+              try {
+                for (var _iterator2 = entries[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = !0) {
+                  var entry = _step2.value;
+                  BoundingRects.set(entry.target, entry.boundingClientRect);
+                }
+              } catch (err) {
+                _didIteratorError2 = !0, _iteratorError2 = err;
+              } finally {
+                try {
+                  !_iteratorNormalCompletion2 && _iterator2.return != null && _iterator2.return();
+                } finally {
+                  if (_didIteratorError2) throw _iteratorError2;
+                }
+              }
+              res();
+            }, {
+              threshold: 0
+            }), _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
+            try {
+              for (var _iterator = Nodes[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) {
+                var node = _step.value;
+                node.parentElement instanceof HTMLElement && (io.observe(node), io.observe(node.parentElement));
+              }
+            } catch (err) {
+              _didIteratorError = !0, _iteratorError = err;
+            } finally {
+              try {
+                !_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
+              } finally {
+                if (_didIteratorError) throw _iteratorError;
+              }
+            }
+          }), Nodes.forEach(function(node) {
+            updateLayoutIfChanged(node);
+          });
+        }
+        rAF(layoutOnAnimationFrame);
+      }
     } else process.env.NODE_ENV === "development" && console.warn("No requestAnimationFrame - please polyfill for onLayout to work correctly");
-    var layoutOnAnimationFrame, layoutOnAnimationFrame2, supportsCheckVisibility, frameCount, userSkipVal, RUN_EVERY_X_FRAMES, getElementLayoutEvent = function(nodeRect, parentRect) {
+    var supportsCheckVisibility, BoundingRects, frameCount, userSkipVal, RUN_EVERY_X_FRAMES, getElementLayoutEvent = function(nodeRect, parentRect) {
       return {
         nativeEvent: {
           layout: getRelativeDimensions(nodeRect, parentRect),