@rescui/use-resize-observer 0.3.5-RUI-308-Fix-select-issues-405b9fa40.12 → 0.4.0

package/lib/use-resize-observer.js

@@ -1,77 +1,117 @@
 "use client";
+import { c } from 'react-compiler-runtime';
 import { useRef, useEffect, useLayoutEffect } from 'react';
 const useIsomorphicLayoutEffect = typeof window === 'undefined' ? useEffect : useLayoutEffect;
 
-const useResizeObserver = function (target, callback) {
-  let options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {
-    ignoreFirstCall: false
-  };
+const useResizeObserver = (target, callback, t0) => {
+  const $ = c(9);
+  let t1;
+
+  if ($[0] !== t0) {
+    t1 = t0 === undefined ? {
+      ignoreFirstCall: false
+    } : t0;
+    $[0] = t0;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+
+  const options = t1;
   const cb = useRef(null);
   const {
     ignoreFirstCall
-  } = options; // using useLayoutEffect here so the ref has only committed to the DOM callback
-
-  useIsomorphicLayoutEffect(() => {
-    cb.current = callback;
-  }, [callback]);
-  useEffect(() => {
-    if (!target) {
-      return;
-    }
-
-    let targetEl;
-
-    if ('current' in target) {
-      targetEl = target.current;
-    } else {
-      targetEl = target;
-    }
-
-    if (!targetEl) {
-      return;
-    }
-
-    const ownerWindow = targetEl.ownerDocument.defaultView;
-    const ResizeObserver = ownerWindow?.ResizeObserver;
-
-    if (!ResizeObserver) {
-      return;
-    }
-
-    let firstCall = true;
-    let abort = false; // eslint-disable-next-line complexity
-
-    const onResize = entries => {
-      // on the first call, delay it by a frame, see https://stackoverflow.com/a/58701523
-      if (firstCall) {
-        firstCall = false;
-
-        if (!ignoreFirstCall) {
-          ownerWindow.requestAnimationFrame(() => {
-            onResize(entries);
-          });
-        }
+  } = options;
+  let t2;
+  let t3;
+
+  if ($[2] !== callback) {
+    t2 = () => {
+      cb.current = callback;
+    };
 
+    t3 = [callback];
+    $[2] = callback;
+    $[3] = t2;
+    $[4] = t3;
+  } else {
+    t2 = $[3];
+    t3 = $[4];
+  }
+
+  useIsomorphicLayoutEffect(t2, t3);
+  let t4;
+  let t5;
+
+  if ($[5] !== ignoreFirstCall || $[6] !== target) {
+    t4 = () => {
+      if (!target) {
         return;
       }
 
-      if (!Array.isArray(entries) || !entries.length || abort) {
+      let targetEl;
+
+      if ("current" in target) {
+        targetEl = target.current;
+      } else {
+        targetEl = target;
+      }
+
+      if (!targetEl) {
         return;
       }
 
-      if (cb.current && typeof cb.current === 'function') {
-        cb.current(entries[0]);
+      const ownerWindow = targetEl.ownerDocument.defaultView;
+      const ResizeObserver = ownerWindow?.ResizeObserver;
+
+      if (!ResizeObserver) {
+        return;
       }
-    };
 
-    const resizeObserver = new ResizeObserver(onResize);
-    resizeObserver.observe(targetEl); // eslint-disable-next-line consistent-return
+      let firstCall = true;
+      let abort = false;
 
-    return () => {
-      abort = true;
-      resizeObserver.disconnect();
+      const onResize = entries => {
+        if (firstCall) {
+          firstCall = false;
+
+          if (!ignoreFirstCall) {
+            ownerWindow.requestAnimationFrame(() => {
+              onResize(entries);
+            });
+          }
+
+          return;
+        }
+
+        if (!Array.isArray(entries) || !entries.length || abort) {
+          return;
+        }
+
+        if (cb.current && typeof cb.current === "function") {
+          cb.current(entries[0]);
+        }
+      };
+
+      const resizeObserver = new ResizeObserver(onResize);
+      resizeObserver.observe(targetEl);
+      return () => {
+        abort = true;
+        resizeObserver.disconnect();
+      };
     };
-  }, [target, ignoreFirstCall]);
+
+    t5 = [target, ignoreFirstCall];
+    $[5] = ignoreFirstCall;
+    $[6] = target;
+    $[7] = t4;
+    $[8] = t5;
+  } else {
+    t4 = $[7];
+    t5 = $[8];
+  }
+
+  useEffect(t4, t5);
 };
 
 export { useResizeObserver };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rescui/use-resize-observer",
-  "version": "0.3.5-RUI-308-Fix-select-issues-405b9fa40.12+405b9fa40",
+  "version": "0.4.0",
   "description": "ResizeObserver hook",
   "license": "Apache-2.0",
   "author": "JetBrains",
@@ -16,17 +16,18 @@
     "access": "public"
   },
   "dependencies": {
-    "@babel/runtime-corejs3": "^7.26.0"
+    "@babel/runtime-corejs3": "^7.26.0",
+    "react-compiler-runtime": "^1.0.0"
   },
   "peerDependencies": {
-    "react": ">=16.8.0 <20"
+    "react": ">=17.0.0 <20"
   },
   "devDependencies": {
-    "@rescui/scripts": "0.5.2"
+    "@rescui/scripts": "^0.5.3"
   },
   "scripts": {
     "build": "rescui-scripts build"
   },
   "nx": {},
-  "gitHead": "405b9fa40886b0ab6709c9185e8214599d2d792e"
+  "gitHead": "8ffbbe20b8bcbb9ea15204113ab603675d4c03cd"
 }