@tamagui/core 1.132.1 → 1.132.3

package/dist/native.js

@@ -5791,7 +5791,7 @@ var require_getSplitStyles_native = __commonJS({
       for (var keyOg in props) _loop(keyOg);
       process.env.NODE_ENV === "development" && debug === "profile" && time`split-styles-propsend`;
       var avoidNormalize = styleProps.noNormalize === !1;
-      if (debug && console.warn("?", avoidNormalize, styleProps.noExpand, styleProps.noMergeStyle, styleState.style), !avoidNormalize) {
+      if (!avoidNormalize) {
         if (styleState.style && ((0, import_expandStyles.fixStyles)(styleState.style), !styleProps.noExpand && !styleProps.noMergeStyle && import_constants.isWeb && (!isReactNative || !animationDriver.supportsCSS) && (0, import_getCSSStylesAtomic.styleToCSS)(styleState.style)), styleState.flatTransforms) {
           var _styleState;
           (_styleState = styleState).style || (_styleState.style = {}), mergeFlatTransforms(styleState.style, styleState.flatTransforms);
@@ -7636,10 +7636,10 @@ var require_createComponent_native = __commonJS({
           componentName2
         ]);
         var componentContext = import_react3.default.useContext(import_ComponentContext.ComponentContext), groupContextParent = import_react3.default.useContext(import_GroupContext.GroupContext), animationDriver = componentContext.animationDriver, useAnimations = animationDriver == null ? void 0 : animationDriver.useAnimations, componentState = (0, import_useComponentState.useComponentState)(props, animationDriver, staticConfig, config), { disabled, groupName, hasAnimationProp, hasEnterStyle, isAnimated, isExiting, isHydrated, presence, presenceState, setState, noClass, state, stateRef, supportsCSS, willBeAnimated, willBeAnimatedClient, startedUnhydrated } = componentState;
-        hasAnimationProp && animationDriver != null && animationDriver.avoidReRenders && (0, import_constants.useIsomorphicLayoutEffect)(function() {
+        if (hasAnimationProp && animationDriver != null && animationDriver.avoidReRenders) {
           var pendingState = NextState.get(stateRef);
-          pendingState && (setStateShallow(pendingState), NextState.set(stateRef, void 0));
-        });
+          pendingState && (NextState.set(stateRef, void 0), componentState.setStateShallow(pendingState));
+        }
         var allGroupContexts = (0, import_react3.useMemo)(function() {
           var _stateRef_current_group;
           if (!groupName || props.passThrough) return groupContextParent;
@@ -7756,34 +7756,33 @@ var require_createComponent_native = __commonJS({
           }
         }
         if (splitStyles && (hasAnimationProp || groupName) && animationDriver != null && animationDriver.avoidReRenders) {
-          var useStyleListener = stateRef.current.useStyleListener, ogSetStateShallow = setStateShallow;
-          componentContext.mediaEmit = function(next) {
-            NextMedia.set(stateRef, next), updateStyleListener();
-          };
-          var updateStyleListener = function() {
+          var _componentContext, ogSetStateShallow = setStateShallow;
+          stateRef.current.updateStyleListener = function() {
             var updatedState = NextState.get(stateRef) || state, mediaState22 = NextMedia.get(stateRef), { group, hasDynGroupChildren, unmounted, animation, ...childrenGroupState } = updatedState;
             groupContext && notifyGroupSubscribers(groupContext, stateRef.current.group || null, childrenGroupState);
             var nextStyles = (0, import_getSplitStyles.getSplitStyles)(props, staticConfig, theme, themeName, updatedState, mediaState22 ? {
               ...styleProps,
               mediaState: mediaState22
-            } : styleProps, null, componentContext, allGroupContexts, elementType, startedUnhydrated, debugProp);
+            } : styleProps, null, componentContext, allGroupContexts, elementType, startedUnhydrated, debugProp), useStyleListener = stateRef.current.useStyleListener;
             useStyleListener == null || useStyleListener((nextStyles == null ? void 0 : nextStyles.style) || {});
-          };
-          stateRef.current.setStateShallow = function(nextOrGetNext) {
+          }, (_componentContext = componentContext).mediaEmit || (_componentContext.mediaEmit = function(next) {
+            var _stateRef_current_updateStyleListener, _stateRef_current;
+            NextMedia.set(stateRef, next), (_stateRef_current_updateStyleListener = (_stateRef_current = stateRef.current).updateStyleListener) === null || _stateRef_current_updateStyleListener === void 0 || _stateRef_current_updateStyleListener.call(_stateRef_current);
+          }), stateRef.current.setStateShallow = function(nextOrGetNext) {
             var prev = NextState.get(stateRef) || state, next = typeof nextOrGetNext == "function" ? nextOrGetNext(prev) : nextOrGetNext;
             if (!(next === prev || (0, import_is_equal_shallow.isEqualShallow)(prev, next))) {
               var canAvoidReRender = Object.keys(next).every(function(key3) {
                 return avoidReRenderKeys.has(key3);
               });
               if (canAvoidReRender) {
-                var updatedState = {
+                var _stateRef_current_updateStyleListener, _stateRef_current, updatedState = {
                   ...prev,
                   ...next
                 };
                 NextState.set(stateRef, updatedState), process.env.NODE_ENV === "development" && debugProp && debugProp !== "profile" && (console.groupCollapsed("[\u26A1\uFE0F] avoid setState", next, {
                   updatedState,
                   props
-                }), console.info(stateRef.current.host), console.groupEnd()), updateStyleListener();
+                }), console.info(stateRef.current.host), console.groupEnd()), (_stateRef_current_updateStyleListener = (_stateRef_current = stateRef.current).updateStyleListener) === null || _stateRef_current_updateStyleListener === void 0 || _stateRef_current_updateStyleListener.call(_stateRef_current);
               } else process.env.NODE_ENV === "development" && debugProp && debugProp !== "profile" && console.info("[\u{1F40C}] re-render", {
                 canAvoidReRender,
                 next
@@ -12395,18 +12394,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);
@@ -12416,8 +12404,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;
@@ -12438,8 +12426,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),