@mcurros2/microm 1.1.100-0 → 1.1.102-0

package/dist/index.js

@@ -3302,9 +3302,7 @@ function $885862093ea04ea3$export$6d892edbc3527d79(props) {
                                 padding: 0,
                                 minInlineSize: "unset"
                             },
-                            children: (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$mantinecore.ScrollArea), {
-                                children: children
-                            })
+                            children: children
                         }),
                         showErrors && status.error && (0, $b4te3$reactjsxruntime.jsxs)((0, $d50o9.AlertError), {
                             mt: "md",
@@ -3492,6 +3490,8 @@ var $jNUqj = parcelRequire("jNUqj");
 var $8tnwL = parcelRequire("8tnwL");
 
 var $8SZSR = parcelRequire("8SZSR");
+
+var $lwxCY = parcelRequire("lwxCY");
 $parcel$exportWildcard(module.exports, $d50o9);
 $parcel$exportWildcard(module.exports, $i6yJ4);
 $parcel$exportWildcard(module.exports, $gLcPf);
@@ -3560,6 +3560,7 @@ $parcel$exportWildcard(module.exports, $cSyOF);
 $parcel$exportWildcard(module.exports, $jNUqj);
 $parcel$exportWildcard(module.exports, $8tnwL);
 $parcel$exportWildcard(module.exports, $8SZSR);
+$parcel$exportWildcard(module.exports, $lwxCY);
 
 });
 parcelRegister("d50o9", function(module, exports) {
@@ -47871,6 +47872,75 @@ const $0dfe00414db620c5$export$523d4cd6cd71a35c = (validationFunction)=>{
 
 
 
+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: "300px",
+    height: "400px"
+}) {
+    const ref = (0, $b4te3$react.useRef)(null);
+    const [size, setSize] = (0, $b4te3$react.useState)({
+        width: 0,
+        height: 0
+    });
+    (0, $b4te3$react.useEffect)(()=>{
+        var _a;
+        if (!ref.current) return;
+        const findFirstScrollableAncestor = (el)=>{
+            while(el){
+                const overflowY = getComputedStyle(el).overflowY;
+                if (overflowY === "auto" || overflowY === "scroll") return el;
+                el = el.parentElement;
+            }
+            return null;
+        };
+        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(minWidth, width),
+                height: Math.max(minHeight, height)
+            });
+        };
+        const observer = new ResizeObserver(resize);
+        observer.observe(ancestor);
+        window.addEventListener("resize", resize);
+        resize();
+        return ()=>{
+            observer.disconnect();
+            window.removeEventListener("resize", resize);
+        };
+    }, [
+        minSize.width,
+        minSize.height
+    ]);
+    return {
+        ref: ref,
+        size: size
+    };
+}
+
+});
+
 
 
 parcelRegister("8xtCs", function(module, exports) {