@seedgrid/fe-components 2026.3.31-1 → 2026.3.31-3

package/dist/layout/SgScreen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SgScreen.d.ts","sourceRoot":"","sources":["../../src/layout/SgScreen.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,GAAG;IACnF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF,wBAAgB,QAAQ,CAAC,KAAK,EAAE,QAAQ,CAAC,aAAa,CAAC,2CA8EtD;yBA9Ee,QAAQ"}
+{"version":3,"file":"SgScreen.d.ts","sourceRoot":"","sources":["../../src/layout/SgScreen.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,GAAG;IACnF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF,wBAAgB,QAAQ,CAAC,KAAK,EAAE,QAAQ,CAAC,aAAa,CAAC,2CA0CtD;yBA1Ce,QAAQ"}

package/dist/layout/SgScreen.js

@@ -1,46 +1,19 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
 import { cn, renderDockContent, toCssSpace } from "./sgDocking";
 export function SgScreen(props) {
     const { fullscreen = true, width, height, padding, className, style, children, ...rest } = props;
-    const ref = React.useRef(null);
-    const [measuredSize, setMeasuredSize] = React.useState({});
-    React.useLayoutEffect(() => {
-        if (!fullscreen) {
-            setMeasuredSize({});
-            return;
-        }
-        const element = ref.current;
-        const parent = element?.parentElement;
-        if (!element || !parent)
-            return;
-        const update = () => {
-            setMeasuredSize({
-                width: parent.clientWidth || undefined,
-                height: parent.clientHeight || undefined
-            });
-        };
-        update();
-        const observer = new ResizeObserver(update);
-        observer.observe(parent);
-        window.addEventListener("resize", update);
-        return () => {
-            observer.disconnect();
-            window.removeEventListener("resize", update);
-        };
-    }, [fullscreen]);
-    return (_jsx("div", { ref: ref, className: cn("relative box-border flex flex-1 self-stretch min-h-0 min-w-0 max-h-full max-w-full overflow-hidden", className), style: {
+    return (_jsx("div", { className: cn("relative box-border flex flex-1 self-stretch min-h-0 min-w-0 max-h-full max-w-full overflow-hidden", className), style: {
             ...style,
             ...(width !== undefined
                 ? { width: toCssSpace(width) }
-                : fullscreen && measuredSize.width !== undefined
-                    ? { width: `${measuredSize.width}px` }
+                : fullscreen
+                    ? { width: "100%" }
                     : null),
             ...(height !== undefined
                 ? { height: toCssSpace(height) }
-                : fullscreen && measuredSize.height !== undefined
-                    ? { height: `${measuredSize.height}px` }
+                : fullscreen
+                    ? { height: "100dvh" }
                     : null),
             padding: toCssSpace(padding)
         }, ...rest, children: _jsx("div", { className: "flex flex-1 min-h-0 min-w-0 flex-col", children: renderDockContent({

package/dist/layout/sgDocking.js

@@ -71,7 +71,7 @@ function renderDockItem(item, index, axis) {
             ...(item.minHeightPx !== undefined ? { minHeight: `${item.minHeightPx}px` } : null),
             ...(heightCss !== undefined
                 ? { height: heightCss, flex: `0 0 ${heightCss}` }
-                : { height: "100%", flex: "1 1 0%" })
+                : { height: "auto", flex: "0 0 auto" })
         }, "w-full min-w-0");
     }
     if (axis === "left" || axis === "right") {
@@ -83,7 +83,7 @@ function renderDockItem(item, index, axis) {
             ...(item.minWidthPx !== undefined ? { minWidth: `${item.minWidthPx}px` } : null),
             ...(widthCss !== undefined
                 ? { width: widthCss, flex: `0 0 ${widthCss}` }
-                : { width: "100%", flex: "1 1 0%" })
+                : { width: "auto", flex: "0 0 auto" })
         }, "h-full min-h-0 min-w-0");
     }
     return cloneWithLayout(item.node, item.key ?? `client-${index}`, {