@rescui/select 0.22.0 → 0.22.1-floating-ui-migration-ee8cf10db.7.sha-ee8cf10db

package/lib/_virtual/index.css.js

@@ -1,16 +1,16 @@
 var styles = {
-  "icon": "_icon_16z0qk4_4",
-  "sizeXS": "_sizeXS_16z0qk4_14",
-  "sizeS": "_sizeS_16z0qk4_18",
-  "sizeM": "_sizeM_16z0qk4_22",
-  "sizeL": "_sizeL_16z0qk4_26",
-  "light": "_light_16z0qk4_30",
-  "dark": "_dark_16z0qk4_34",
-  "allVariants": "_allVariants_16z0qk4_48",
-  "variant16": "_variant16_16z0qk4_53",
-  "variant20": "_variant20_16z0qk4_54",
-  "variant24": "_variant24_16z0qk4_55",
-  "variant28": "_variant28_16z0qk4_58"
+  "icon": "_icon_1jn1uwd_4",
+  "sizeXS": "_sizeXS_1jn1uwd_14",
+  "sizeS": "_sizeS_1jn1uwd_18",
+  "sizeM": "_sizeM_1jn1uwd_22",
+  "sizeL": "_sizeL_1jn1uwd_26",
+  "light": "_light_1jn1uwd_30",
+  "dark": "_dark_1jn1uwd_34",
+  "allVariants": "_allVariants_1jn1uwd_48",
+  "variant16": "_variant16_1jn1uwd_53",
+  "variant20": "_variant20_1jn1uwd_54",
+  "variant24": "_variant24_1jn1uwd_55",
+  "variant28": "_variant28_1jn1uwd_58"
 };
 
 export { styles as default };

package/lib/hooks/use-actual-size-from-css.js

@@ -1,18 +1,35 @@
 import { c } from 'react-compiler-runtime';
-import { useRef, useState } from 'react';
+import { useRef, useState, useEffect } from 'react';
 import { useResizeObserver } from '@rescui/use-resize-observer';
 
 const useActualSizeFromCss = t0 => {
-  const $ = c(5);
+  const $ = c(7);
   const {
     sizeFromProps,
     triggerEl
   } = t0;
   const observableRef = useRef(null);
   const [size, setSize] = useState(sizeFromProps);
+  const frameRef = useRef(null);
   let t1;
-  if ($[0] !== sizeFromProps || $[1] !== triggerEl) {
-    t1 = () => {
+  let t2;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = () => () => {
+      if (frameRef.current !== null) {
+        cancelAnimationFrame(frameRef.current);
+      }
+    };
+    t2 = [];
+    $[0] = t1;
+    $[1] = t2;
+  } else {
+    t1 = $[0];
+    t2 = $[1];
+  }
+  useEffect(t1, t2);
+  let t3;
+  if ($[2] !== sizeFromProps || $[3] !== triggerEl) {
+    t3 = () => {
       const ownerWindow = triggerEl?.ownerDocument.defaultView;
       if (!ownerWindow) {
         return;
@@ -20,27 +37,30 @@ const useActualSizeFromCss = t0 => {
       const triggerFormWrapperStyles = ownerWindow.getComputedStyle(triggerEl);
       const rawSizeFromCss = triggerFormWrapperStyles.getPropertyValue("--_rs-select-size");
       const sizeFromCss = ["s", "m", "l"].includes(rawSizeFromCss) ? rawSizeFromCss : null;
-      setSize(sizeFromCss || sizeFromProps);
+      cancelAnimationFrame(frameRef.current);
+      frameRef.current = requestAnimationFrame(() => {
+        setSize(sizeFromCss || sizeFromProps);
+      });
     };
-    $[0] = sizeFromProps;
-    $[1] = triggerEl;
-    $[2] = t1;
+    $[2] = sizeFromProps;
+    $[3] = triggerEl;
+    $[4] = t3;
   } else {
-    t1 = $[2];
+    t3 = $[4];
   }
-  useResizeObserver(observableRef, t1);
-  let t2;
-  if ($[3] !== size) {
-    t2 = {
+  useResizeObserver(observableRef, t3);
+  let t4;
+  if ($[5] !== size) {
+    t4 = {
       observableRef,
       size
     };
-    $[3] = size;
-    $[4] = t2;
+    $[5] = size;
+    $[6] = t4;
   } else {
-    t2 = $[4];
+    t4 = $[6];
   }
-  return t2;
+  return t4;
 };
 
 export { useActualSizeFromCss };