@mcurros2/microm 1.1.101-0 → 1.1.102-0

package/dist/index.js

@@ -47876,17 +47876,28 @@ parcelRegister("lwxCY", function(module, exports) {
 
 $parcel$export(module.exports, "useAncestorResize", function () { return $fab6abe4da65ff17$export$d994cf386c6f1d98; });
 
+function $fab6abe4da65ff17$var$parseUnit(value, ancestorWidth, ancestorHeight, baseFontSize) {
+    if (value.endsWith("px")) return parseFloat(value);
+    if (value.endsWith("vw")) return window.innerWidth * parseFloat(value) / 100;
+    if (value.endsWith("vh")) return window.innerHeight * parseFloat(value) / 100;
+    if (value.endsWith("rem")) return parseFloat(value) * baseFontSize;
+    if (value.endsWith("em")) return parseFloat(value) * baseFontSize;
+    if (value.endsWith("%")) return parseFloat(value) / 100 * (ancestorWidth || ancestorHeight);
+    return parseFloat(value);
+}
 function $fab6abe4da65ff17$export$d994cf386c6f1d98(minSize = {
-    width: 300,
-    height: 400
+    width: "300px",
+    height: "400px"
 }) {
     const ref = (0, $b4te3$react.useRef)(null);
-    const [size, setSize] = (0, $b4te3$react.useState)(minSize);
+    const [size, setSize] = (0, $b4te3$react.useState)({
+        width: 0,
+        height: 0
+    });
     (0, $b4te3$react.useEffect)(()=>{
         var _a;
         if (!ref.current) return;
-        // Buscamos el ancestro más relevante (por ejemplo, el contenedor scrollable o modal)
-        const findTargetAncestor = (el)=>{
+        const findFirstScrollableAncestor = (el)=>{
             while(el){
                 const overflowY = getComputedStyle(el).overflowY;
                 if (overflowY === "auto" || overflowY === "scroll") return el;
@@ -47894,17 +47905,30 @@ function $fab6abe4da65ff17$export$d994cf386c6f1d98(minSize = {
             }
             return null;
         };
-        const ancestor = (_a = findTargetAncestor(ref.current.parentElement)) !== null && _a !== void 0 ? _a : ref.current.parentElement;
-        if (!ancestor) return;
-        const observer = new ResizeObserver(([entry])=>{
-            const { width: width, height: height } = entry.contentRect;
+        const ancestor = (_a = findFirstScrollableAncestor(ref.current.parentElement)) !== null && _a !== void 0 ? _a : ref.current.parentElement;
+        if (!ancestor) {
+            console.warn("cant resize, noancestor");
+            return;
+        }
+        const baseFontSize = parseFloat(getComputedStyle(document.documentElement).fontSize);
+        const minWidth = $fab6abe4da65ff17$var$parseUnit(minSize.width, ancestor.clientWidth, ancestor.clientHeight, baseFontSize);
+        const minHeight = $fab6abe4da65ff17$var$parseUnit(minSize.height, ancestor.clientWidth, ancestor.clientHeight, baseFontSize);
+        const resize = ()=>{
+            const width = ancestor.clientWidth;
+            const height = ancestor.clientHeight;
             setSize({
-                width: Math.max(minSize.width, width),
-                height: Math.max(minSize.height, height)
+                width: Math.max(minWidth, width),
+                height: Math.max(minHeight, height)
             });
-        });
+        };
+        const observer = new ResizeObserver(resize);
         observer.observe(ancestor);
-        return ()=>observer.disconnect();
+        window.addEventListener("resize", resize);
+        resize();
+        return ()=>{
+            observer.disconnect();
+            window.removeEventListener("resize", resize);
+        };
     }, [
         minSize.width,
         minSize.height