@m4l/layouts 0.1.53 → 0.1.54

package/index.js

@@ -5,7 +5,7 @@ import { B } from "./components/BaseModule/index.8ff0193e.js";
 import { a, A } from "./contexts/AuthContext/index.6f966215.js";
 import { a as a2, d, g } from "./layouts/ModuleLayout/index.e7218171.js";
 import { a as a3, d as d2, g as g2 } from "./layouts/MasterDetailLayout/index.748f7ada.js";
-import { N, d as d3, g as g3 } from "./layouts/NoAuthModuleLayout/index.f831ed51.js";
+import { N, d as d3, g as g3 } from "./layouts/NoAuthModuleLayout/index.1da3bcd4.js";
 import { u } from "./hooks/useMasterDetail/index.d45f2a86.js";
 import { u as u2 } from "./hooks/useAuth/index.cb6a3420.js";
 import { u as u3 } from "./hooks/useModule/index.b5f598b1.js";

package/layouts/NoAuthModuleLayout/{index.f831ed51.js → index.1da3bcd4.js}

@@ -1,4 +1,4 @@
-import { useResponsiveDesktop, useLocales } from "@m4l/graphics";
+import { useResponsiveDesktop, useLocales, ResponsiveContainerProvider } from "@m4l/graphics";
 import { LanguagePopover, IconButton, Image, Typography, Stack, ScrollBar, HelmetPage } from "@m4l/components";
 import { styled } from "@mui/material";
 import { useBase, useModuleDictionary, useDomain, useEnvironment, BaseProvider, FlagsProvider, ModuleDictionaryProvider, ModuleSkeletonProvider } from "@m4l/core";
@@ -382,7 +382,8 @@ const NoAuthModuleLayout = (props) => {
     companyLogoSmallUrl,
     companyLogoNormalUrl,
     moduleIlustrationUrl,
-    handleSetting
+    handleSetting,
+    observedDivRef
   } = props;
   const {
     host_static_assets,
@@ -414,7 +415,10 @@ const NoAuthModuleLayout = (props) => {
         currentLang: localeString,
         children: /* @__PURE__ */ jsx(ModuleSkeletonProvider, {
           flags: finalSkeletonFlags,
-          children: /* @__PURE__ */ jsx(InnerModule, {})
+          children: /* @__PURE__ */ jsx(ResponsiveContainerProvider, {
+            observedDivRef,
+            children: /* @__PURE__ */ jsx(InnerModule, {})
+          })
         })
       })
     })

package/layouts/NoAuthModuleLayout/types.d.ts

@@ -16,4 +16,5 @@ export interface NoAuthModuleLayoutProps extends NoAuthBaseProviderProps {
     moduleNameField?: string;
     componentsDictionary: string[];
     skeletonFlags: string[];
+    observedDivRef: Element | Text | null;
 }

package/layouts/{index.70ea007c.js → index.79db5f2e.js}

@@ -5,4 +5,4 @@ import "@m4l/core";
 import "./MasterDetailLayout/index.748f7ada.js";
 import "@m4l/graphics";
 import "react/jsx-runtime";
-import "./NoAuthModuleLayout/index.f831ed51.js";
+import "./NoAuthModuleLayout/index.1da3bcd4.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/layouts",
-  "version": "0.1.53",
+  "version": "0.1.54",
   "license": "UNLICENSED",
   "dependencies": {
     "@m4l/components": "*",