@tamagui/core 1.134.5 → 1.135.0

package/dist/test.native.js

@@ -11659,6 +11659,9 @@ var require_index_native12 = __commonJS({
       }), mod);
     }, index_exports2 = {};
     __export2(index_exports2, {
+      LayoutMeasurementController: function() {
+        return LayoutMeasurementController2;
+      },
       createMeasure: function() {
         return createMeasure2;
       },
@@ -11697,18 +11700,29 @@ var require_index_native12 = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(index_exports2);
-    var import_constants = require_index_native2(), import_is_equal_shallow = require_index_native5(), LayoutHandlers = /* @__PURE__ */ new WeakMap(), Nodes = /* @__PURE__ */ new Set(), IntersectionState = /* @__PURE__ */ new WeakMap(), globalIntersectionObserver = null, strategy = "async";
+    var import_jsx_runtime2 = require("react/jsx-runtime"), import_constants = require_index_native2(), import_is_equal_shallow = require_index_native5(), import_react3 = require("react"), LayoutHandlers = /* @__PURE__ */ new WeakMap(), LayoutDisableKey = /* @__PURE__ */ new WeakMap(), Nodes = /* @__PURE__ */ new Set(), IntersectionState = /* @__PURE__ */ new WeakMap(), DisableLayoutContextValues = {}, DisableLayoutContextKey = /* @__PURE__ */ (0, import_react3.createContext)(""), ENABLE = import_constants.isClient && typeof IntersectionObserver < "u", LayoutMeasurementController2 = function(param) {
+      var { disable, children } = param, id = (0, import_react3.useId)();
+      return (0, import_constants.useIsomorphicLayoutEffect)(function() {
+        DisableLayoutContextValues[id] = disable;
+      }, [
+        disable,
+        id
+      ]), /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(DisableLayoutContextKey.Provider, {
+        value: id,
+        children
+      });
+    }, globalIntersectionObserver = null, strategy = "async";
     function setOnLayoutStrategy2(state) {
       strategy = state;
     }
-    var NodeRectCache = /* @__PURE__ */ new WeakMap(), ParentRectCache = /* @__PURE__ */ new WeakMap(), LastChangeTime = /* @__PURE__ */ new WeakMap(), rAF = typeof window < "u" ? window.requestAnimationFrame : void 0, avoidUpdates = !0, queuedUpdates = /* @__PURE__ */ new Map();
+    var NodeRectCache = /* @__PURE__ */ new WeakMap(), LastChangeTime = /* @__PURE__ */ new WeakMap(), avoidUpdates = !0, queuedUpdates = /* @__PURE__ */ new Map();
     function enable2() {
       avoidUpdates && (avoidUpdates = !1, queuedUpdates && (queuedUpdates.forEach(function(cb) {
         return cb();
       }), queuedUpdates.clear()));
     }
     function startGlobalObservers() {
-      !import_constants.isClient || globalIntersectionObserver || (globalIntersectionObserver = new IntersectionObserver(function(entries) {
+      !ENABLE || globalIntersectionObserver || (globalIntersectionObserver = new IntersectionObserver(function(entries) {
         entries.forEach(function(entry) {
           var node = entry.target;
           IntersectionState.get(node) !== entry.isIntersecting && IntersectionState.set(node, entry.isIntersecting);
@@ -11717,29 +11731,29 @@ var require_index_native12 = __commonJS({
         threshold: 0
       }));
     }
-    if (import_constants.isClient && rAF) {
-      supportsCheckVisibility = "checkVisibility" in document.body, BoundingRects = /* @__PURE__ */ new WeakMap();
+    if (ENABLE) {
+      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);
-          if (typeof onLayout == "function") {
-            var parentNode = node.parentElement;
-            if (parentNode) {
-              var nodeRect, parentRect;
-              if (strategy === "async") {
-                var [nr, pr] = await Promise.all([
-                  BoundingRects.get(node) || getBoundingClientRectAsync(node),
-                  BoundingRects.get(parentNode) || getBoundingClientRectAsync(parentNode)
-                ]);
-                if (nr === !1 || pr === !1) return;
-                nodeRect = nr, parentRect = pr;
-              } else nodeRect = node.getBoundingClientRect(), parentRect = parentNode.getBoundingClientRect();
+        var onLayout = LayoutHandlers.get(node);
+        if (typeof onLayout == "function") {
+          var parentNode = node.parentElement;
+          if (parentNode) {
+            var nodeRect, parentRect;
+            if (strategy === "async") {
+              var [nr, pr] = await Promise.all([
+                BoundingRects.get(node),
+                BoundingRects.get(parentNode)
+              ]);
+              if (!nr || !pr) return;
+              nodeRect = nr, parentRect = pr;
+            } else nodeRect = node.getBoundingClientRect(), parentRect = parentNode.getBoundingClientRect();
+            if (!(!nodeRect || !parentRect)) {
               var cachedRect = NodeRectCache.get(node), cachedParentRect = NodeRectCache.get(parentNode);
-              if (!cachedRect || // has changed one rect
+              if (!cachedRect || !cachedParentRect || // has changed one rect
               // @ts-expect-error DOMRectReadOnly can go into object
-              !(0, import_is_equal_shallow.isEqualShallow)(cachedRect, nodeRect) && // @ts-expect-error DOMRectReadOnly can go into object
-              (!cachedParentRect || !(0, import_is_equal_shallow.isEqualShallow)(cachedParentRect, parentRect))) {
-                NodeRectCache.set(node, nodeRect), ParentRectCache.set(parentNode, parentRect);
+              !(0, import_is_equal_shallow.isEqualShallow)(cachedRect, nodeRect) || // @ts-expect-error DOMRectReadOnly can go into object
+              !(0, import_is_equal_shallow.isEqualShallow)(cachedParentRect, parentRect)) {
+                NodeRectCache.set(node, nodeRect), NodeRectCache.set(parentNode, parentRect);
                 var event = getElementLayoutEvent(nodeRect, parentRect);
                 avoidUpdates ? queuedUpdates.set(node, function() {
                   return onLayout(event);
@@ -11749,14 +11763,10 @@ var require_index_native12 = __commonJS({
           }
         }
       }
-      rAF(layoutOnAnimationFrame), frameCount = 0, userSkipVal = process.env.TAMAGUI_LAYOUT_FRAME_SKIP, RUN_EVERY_X_FRAMES = userSkipVal ? +userSkipVal : 10;
+      userSkipVal = process.env.TAMAGUI_LAYOUT_FRAME_SKIP, RUN_EVERY_X_FRAMES = userSkipVal ? +userSkipVal : 14;
       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 visibleNodes = [], didRun = await new Promise(function(res) {
             var io = new IntersectionObserver(function(entries) {
               io.disconnect();
               var _iteratorNormalCompletion2 = !0, _didIteratorError2 = !1, _iteratorError2 = void 0;
@@ -11774,14 +11784,17 @@ var require_index_native12 = __commonJS({
                   if (_didIteratorError2) throw _iteratorError2;
                 }
               }
-              res();
+              res(!0);
             }, {
               threshold: 0
-            }), _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
+            }), didObserve = !1, _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));
+                if (node.parentElement instanceof HTMLElement) {
+                  var disableKey = LayoutDisableKey.get(node);
+                  disableKey && DisableLayoutContextValues[disableKey] === !0 || IntersectionState.get(node) !== !1 && (didObserve = !0, io.observe(node), io.observe(node.parentElement), visibleNodes.push(node));
+                }
               }
             } catch (err) {
               _didIteratorError = !0, _iteratorError = err;
@@ -11792,14 +11805,17 @@ var require_index_native12 = __commonJS({
                 if (_didIteratorError) throw _iteratorError;
               }
             }
-          }), Nodes.forEach(function(node) {
+            didObserve || res(!1);
+          });
+          didRun && visibleNodes.forEach(function(node) {
             updateLayoutIfChanged(node);
           });
         }
-        rAF(layoutOnAnimationFrame);
+        setTimeout(layoutOnAnimationFrame, 16.6667 * RUN_EVERY_X_FRAMES);
       }
+      layoutOnAnimationFrame();
     }
-    var supportsCheckVisibility, BoundingRects, frameCount, userSkipVal, RUN_EVERY_X_FRAMES, getElementLayoutEvent = function(nodeRect, parentRect) {
+    var BoundingRects, userSkipVal, RUN_EVERY_X_FRAMES, getElementLayoutEvent = function(nodeRect, parentRect) {
       return {
         nativeEvent: {
           layout: getRelativeDimensions(nodeRect, parentRect),
@@ -11819,8 +11835,8 @@ var require_index_native12 = __commonJS({
       };
     };
     function useElementLayout2(ref, onLayout) {
-      var _ref_current, node = ensureWebElement((_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.host);
-      node && onLayout && LayoutHandlers.set(node, onLayout), (0, import_constants.useIsomorphicLayoutEffect)(function() {
+      var _ref_current, disableKey = (0, import_react3.useContext)(DisableLayoutContextKey), node = ensureWebElement((_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.host);
+      node && onLayout && (LayoutHandlers.set(node, onLayout), LayoutDisableKey.set(node, disableKey)), (0, import_constants.useIsomorphicLayoutEffect)(function() {
         var _ref_current2;
         if (onLayout) {
           var node2 = (_ref_current2 = ref.current) === null || _ref_current2 === void 0 ? void 0 : _ref_current2.host;
@@ -11904,6 +11920,7 @@ var init_idFn = __esm({
 // src/index.tsx
 var index_exports = {};
 __export(index_exports, {
+  LayoutMeasurementController: () => import_use_element_layout2.LayoutMeasurementController,
   Stack: () => Stack,
   TamaguiProvider: () => TamaguiProvider,
   Text: () => Text,
@@ -12197,6 +12214,7 @@ var dontComposePressabilityKeys = {
 }, View = import_web.View, Stack = import_web.Stack, Text = import_web.Text;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  LayoutMeasurementController,
   Stack,
   TamaguiProvider,
   Text,