@tamagui/core 1.92.0 → 1.93.0

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

@@ -10,6 +10,30 @@ function _array_with_holes(arr) {
   if (Array.isArray(arr))
     return arr;
 }
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+  try {
+    var info = gen[key](arg), value = info.value;
+  } catch (error) {
+    reject(error);
+    return;
+  }
+  info.done ? resolve(value) : Promise.resolve(value).then(_next, _throw);
+}
+function _async_to_generator(fn) {
+  return function() {
+    var self = this, args = arguments;
+    return new Promise(function(resolve, reject) {
+      var gen = fn.apply(self, args);
+      function _next(value) {
+        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+      }
+      function _throw(err) {
+        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+      }
+      _next(void 0);
+    });
+  };
+}
 function _instanceof(left, right) {
   return right != null && typeof Symbol < "u" && right[Symbol.hasInstance] ? !!right[Symbol.hasInstance](left) : left instanceof right;
 }
@@ -54,9 +78,99 @@ function _unsupported_iterable_to_array(o, minLen) {
       return _array_like_to_array(o, minLen);
   }
 }
-var LayoutHandlers = /* @__PURE__ */ new WeakMap();
-var resizeObserver = null;
-typeof window < "u" && "ResizeObserver" in window && (resizeObserver = new ResizeObserver(function(entries) {
+function _ts_generator(thisArg, body) {
+  var f, y, t, g, _ = {
+    label: 0,
+    sent: function() {
+      if (t[0] & 1)
+        throw t[1];
+      return t[1];
+    },
+    trys: [],
+    ops: []
+  };
+  return g = {
+    next: verb(0),
+    throw: verb(1),
+    return: verb(2)
+  }, typeof Symbol == "function" && (g[Symbol.iterator] = function() {
+    return this;
+  }), g;
+  function verb(n) {
+    return function(v) {
+      return step([
+        n,
+        v
+      ]);
+    };
+  }
+  function step(op) {
+    if (f)
+      throw new TypeError("Generator is already executing.");
+    for (; _; )
+      try {
+        if (f = 1, y && (t = op[0] & 2 ? y.return : op[0] ? y.throw || ((t = y.return) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done)
+          return t;
+        switch (y = 0, t && (op = [
+          op[0] & 2,
+          t.value
+        ]), op[0]) {
+          case 0:
+          case 1:
+            t = op;
+            break;
+          case 4:
+            return _.label++, {
+              value: op[1],
+              done: !1
+            };
+          case 5:
+            _.label++, y = op[1], op = [
+              0
+            ];
+            continue;
+          case 7:
+            op = _.ops.pop(), _.trys.pop();
+            continue;
+          default:
+            if (t = _.trys, !(t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+              _ = 0;
+              continue;
+            }
+            if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
+              _.label = op[1];
+              break;
+            }
+            if (op[0] === 6 && _.label < t[1]) {
+              _.label = t[1], t = op;
+              break;
+            }
+            if (t && _.label < t[2]) {
+              _.label = t[2], _.ops.push(op);
+              break;
+            }
+            t[2] && _.ops.pop(), _.trys.pop();
+            continue;
+        }
+        op = body.call(thisArg, _);
+      } catch (e) {
+        op = [
+          6,
+          e
+        ], y = 0;
+      } finally {
+        f = t = 0;
+      }
+    if (op[0] & 5)
+      throw op[1];
+    return {
+      value: op[0] ? op[1] : void 0,
+      done: !0
+    };
+  }
+}
+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() {
@@ -65,21 +179,8 @@ typeof window < "u" && "ResizeObserver" in window && (resizeObserver = new Resiz
         return {
           v: void 0
         };
-      measureLayout(target, null, function(x, y, width, height, left, top) {
-        onLayout({
-          nativeEvent: {
-            layout: {
-              x,
-              y,
-              width,
-              height,
-              left,
-              top
-            },
-            target
-          },
-          timeStamp: Date.now()
-        });
+      measureElement(target).then(function(event) {
+        onLayout(event);
       });
     }, _iterator = entries[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) {
       var _ret = _loop();
@@ -96,8 +197,46 @@ typeof window < "u" && "ResizeObserver" in window && (resizeObserver = new Resiz
         throw _iteratorError;
     }
   }
-}));
-var cache = /* @__PURE__ */ new WeakMap(), measureLayout = function(node, relativeTo, callback) {
+}), typeof window.addEventListener == "function")) {
+  var tm;
+  window.addEventListener("resize", function() {
+    clearTimeout(tm), tm = setTimeout(function() {
+      resizeListeners.forEach(function(cb) {
+        return cb();
+      });
+    }, 4);
+  });
+}
+var measureElement = function() {
+  var _ref = _async_to_generator(function(target) {
+    return _ts_generator(this, function(_state) {
+      return [
+        2,
+        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()
+            });
+          });
+        })
+      ];
+    });
+  });
+  return function(target) {
+    return _ref.apply(this, arguments);
+  };
+}(), cache = /* @__PURE__ */ new WeakMap(), measureLayout = function(node, relativeTo, callback) {
   var relativeNode = relativeTo || (node == null ? void 0 : node.parentNode);
   if (_instanceof(relativeNode, HTMLElement)) {
     var now = Date.now();
@@ -137,19 +276,31 @@ var cache = /* @__PURE__ */ new WeakMap(), measureLayout = function(node, relati
 };
 function useElementLayout(ref, onLayout) {
   useIsomorphicLayoutEffect(function() {
-    if (!(!resizeObserver || !onLayout)) {
+    if (onLayout) {
       var node = ref.current;
-      if (node)
-        return LayoutHandlers.set(node, onLayout), resizeObserver.observe(node), function() {
-          resizeObserver == null || resizeObserver.unobserve(node);
-        };
+      node && LayoutHandlers.set(node, onLayout);
     }
   }, [
     ref,
     onLayout
+  ]), useIsomorphicLayoutEffect(function() {
+    if (resizeObserver) {
+      var node = ref.current;
+      if (node && LayoutHandlers.has(node)) {
+        var onResize = function() {
+          measureElement(node).then(onLayout);
+        };
+        return resizeListeners.add(onResize), resizeObserver.observe(node), function() {
+          resizeListeners.delete(onResize), resizeObserver == null || resizeObserver.unobserve(node);
+        };
+      }
+    }
+  }, [
+    ref
   ]);
 }
 export {
+  measureElement,
   measureLayout,
   useElementLayout
 };

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/hooks/Users/n8/tamagui/packages/core/src/hooks/useElementLayout.tsx"],
-  "mappings": "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",
-  "names": ["useIsomorphicLayoutEffect", "getBoundingClientRect", "LayoutHandlers", "WeakMap", "resizeObserver", "window", "ResizeObserver", "entries", "target", "onLayout", "LayoutHandlers", "get", "measureLayout", "x", "y", "width", "height", "left", "top", "nativeEvent", "layout", "timeStamp", "Date", "now", "cache", "WeakMap", "node", "relativeTo", "callback", "relativeNode", "parentNode", "HTMLElement", "set", "Promise", "all", "getBoundingClientRectAsync", "then", "nodeDim", "relativeNodeDim", "getRelativeDimensions", "a", "b", "element", "resolve", "fallbackToSync", "getBoundingClientRect", "tm", "setTimeout", "observer", "IntersectionObserver", "ob", "clearTimeout", "disconnect", "boundingClientRect", "threshold", "observe", "useElementLayout", "ref", "useIsomorphicLayoutEffect", "current", "unobserve"]
+  "mappings": "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",
+  "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", "observer", "IntersectionObserver", "ob", "disconnect", "boundingClientRect", "threshold", "observe", "useElementLayout", "ref", "current", "has", "onResize", "add", "delete", "unobserve"]
 }