tamagui 1.132.2 → 1.132.4

package/dist/native.js

@@ -8745,7 +8745,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 = {
@@ -13518,18 +13519,7 @@ var require_index_native19 = __commonJS({
       }));
     }
     if (import_constants4.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);
@@ -13539,8 +13529,8 @@ var require_index_native19 = __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;
@@ -13561,8 +13551,56 @@ var require_index_native19 = __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),
@@ -24284,7 +24322,23 @@ var require_useFloating_native = __commonJS({
     module2.exports = __toCommonJS2(useFloating_exports);
     var import_react3 = __toESM2(require("react")), Floating = __toESM2(require_Floating_native()), FloatingOverrideContext2 = /* @__PURE__ */ import_react3.default.createContext(null), useFloating2 = function(props) {
       var _this, context = import_react3.default.useContext(FloatingOverrideContext2);
-      return (_this = context || Floating.useFloating) === null || _this === void 0 ? void 0 : _this(props);
+      return (_this = context || Floating.useFloating) === null || _this === void 0 ? void 0 : _this({
+        ...props,
+        middleware: [
+          // @ts-ignore
+          ...props.middleware,
+          {
+            name: "rounded",
+            fn(param) {
+              var { x, y } = param;
+              return {
+                x: Math.round(x),
+                y: Math.round(y)
+              };
+            }
+          }
+        ]
+      });
     };
   }
 });
@@ -24521,7 +24575,7 @@ var require_Popper_native = __commonJS({
       Object.assign(setupOptions, options);
     }
     function Popper(props) {
-      var _middlewareData_checkFloating, { children, size: size2, strategy = "absolute", placement = "bottom", stayInFrame, allowFlip, offset: offset2, disableRTL, resize, passThrough, open, scope } = props, [arrowEl, setArrow] = React4.useState(null), [arrowSize, setArrowSize] = React4.useState(0), offsetOptions = offset2 ?? arrowSize, floatingStyle = React4.useRef({}), floating = (0, import_floating.useFloating)({
+      var { children, size: size2, strategy = "absolute", placement = "bottom", stayInFrame, allowFlip, offset: offset2, disableRTL, resize, passThrough, open, scope } = props, [arrowEl, setArrow] = React4.useState(null), [arrowSize, setArrowSize] = React4.useState(0), offsetOptions = offset2 ?? arrowSize, floatingStyle = React4.useRef({}), floating = (0, import_floating.useFloating)({
         open: passThrough ? !1 : open || !0,
         strategy,
         placement,
@@ -24565,14 +24619,22 @@ var require_Popper_native = __commonJS({
         dimensions,
         keyboardOpen
       ]);
-      var popperContext = {
-        size: size2,
-        arrowRef: setArrow,
-        arrowStyle: middlewareData.arrow,
-        onArrowSize: setArrowSize,
-        hasFloating: (_middlewareData_checkFloating = middlewareData.checkFloating) === null || _middlewareData_checkFloating === void 0 ? void 0 : _middlewareData_checkFloating.hasFloating,
-        ...floating
-      };
+      var popperContext = React4.useMemo(function() {
+        var _middlewareData_checkFloating;
+        return {
+          size: size2,
+          arrowRef: setArrow,
+          arrowStyle: middlewareData.arrow,
+          onArrowSize: setArrowSize,
+          hasFloating: (_middlewareData_checkFloating = middlewareData.checkFloating) === null || _middlewareData_checkFloating === void 0 ? void 0 : _middlewareData_checkFloating.hasFloating,
+          ...floating
+        };
+      }, [
+        size2,
+        floating.x,
+        floating.y,
+        floating.isPositioned
+      ]);
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PopperProvider, {
         scope,
         ...popperContext,
@@ -24661,13 +24723,13 @@ var require_Popper_native = __commonJS({
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core12.View, {
         passThrough,
         ref: contentRefs,
+        contain: "layout style",
         ...passThrough ? null : floatingProps,
         children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PopperContentFrame, {
           passThrough,
           ...!passThrough && {
             "data-placement": placement,
             "data-strategy": strategy,
-            contain: "layout",
             size: size2,
             ...style,
             ...rest