@rescui/use-resize-observer 0.3.4-RUI-297-Add-react-compiler-to-the-packages-build-ccd086200.40 → 0.3.5-RUI-308-Fix-select-issues-405b9fa40.12

package/lib/use-resize-observer.js

@@ -1,117 +1,77 @@
 "use client";
-import { c } from 'react-compiler-runtime';
 import { useRef, useEffect, useLayoutEffect } from 'react';
 const useIsomorphicLayoutEffect = typeof window === 'undefined' ? useEffect : useLayoutEffect;
 
-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 useResizeObserver = function (target, callback) {
+  let options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {
+    ignoreFirstCall: false
+  };
   const cb = useRef(null);
   const {
     ignoreFirstCall
-  } = options;
-  let t2;
-  let t3;
-
-  if ($[2] !== callback) {
-    t2 = () => {
-      cb.current = callback;
-    };
+  } = 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);
+          });
+        }
 
-    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;
       }
 
-      let targetEl;
-
-      if ("current" in target) {
-        targetEl = target.current;
-      } else {
-        targetEl = target;
-      }
-
-      if (!targetEl) {
+      if (!Array.isArray(entries) || !entries.length || abort) {
         return;
       }
 
-      const ownerWindow = targetEl.ownerDocument.defaultView;
-      const ResizeObserver = ownerWindow?.ResizeObserver;
-
-      if (!ResizeObserver) {
-        return;
+      if (cb.current && typeof cb.current === 'function') {
+        cb.current(entries[0]);
       }
+    };
 
-      let firstCall = true;
-      let abort = false;
-
-      const onResize = entries => {
-        if (firstCall) {
-          firstCall = false;
-
-          if (!ignoreFirstCall) {
-            ownerWindow.requestAnimationFrame(() => {
-              onResize(entries);
-            });
-          }
-
-          return;
-        }
-
-        if (!Array.isArray(entries) || !entries.length || abort) {
-          return;
-        }
+    const resizeObserver = new ResizeObserver(onResize);
+    resizeObserver.observe(targetEl); // eslint-disable-next-line consistent-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();
-      };
+    return () => {
+      abort = true;
+      resizeObserver.disconnect();
     };
-
-    t5 = [target, ignoreFirstCall];
-    $[5] = ignoreFirstCall;
-    $[6] = target;
-    $[7] = t4;
-    $[8] = t5;
-  } else {
-    t4 = $[7];
-    t5 = $[8];
-  }
-
-  useEffect(t4, t5);
+  }, [target, ignoreFirstCall]);
 };
 
 export { useResizeObserver };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rescui/use-resize-observer",
-  "version": "0.3.4-RUI-297-Add-react-compiler-to-the-packages-build-ccd086200.40+ccd086200",
+  "version": "0.3.5-RUI-308-Fix-select-issues-405b9fa40.12+405b9fa40",
   "description": "ResizeObserver hook",
   "license": "Apache-2.0",
   "author": "JetBrains",
@@ -16,11 +16,10 @@
     "access": "public"
   },
   "dependencies": {
-    "@babel/runtime-corejs3": "^7.26.0",
-    "react-compiler-runtime": "^1.0.0"
+    "@babel/runtime-corejs3": "^7.26.0"
   },
   "peerDependencies": {
-    "react": ">=17.0.0 <20"
+    "react": ">=16.8.0 <20"
   },
   "devDependencies": {
     "@rescui/scripts": "0.5.2"
@@ -29,5 +28,5 @@
     "build": "rescui-scripts build"
   },
   "nx": {},
-  "gitHead": "ccd086200b5a9c5b2e9dfbc0040eb159e5b041d2"
+  "gitHead": "405b9fa40886b0ab6709c9185e8214599d2d792e"
 }