@m4l/layouts 9.3.4 → 9.3.5-B07072025beta.1

package/layouts/NoAuthModuleLayout/types.d.ts

@@ -1,8 +1,9 @@
-import { ReactNode } from 'react';
-import { OverridesStyleRules } from '@mui/material/styles/overrides';
+import { ReactElement, ReactNode } from 'react';
 import { Theme } from '@mui/material/styles';
-import { DesktopContentSlots, InnerModuleSlots, MobileContentSlots } from './slots/NoAuthModuleLayoutEnum';
+import { NoAuthModuleLayoutSlots } from './slots/NoAuthModuleLayoutEnum';
 import { NOT_AUTH_MODULE_LAYOUT_KEY } from './constants';
+import { Sizes } from '@m4l/styles';
+import { M4LOverridesStyleRules } from '@m4l/components';
 export interface ContainerProps {
     vertical: boolean;
 }
@@ -28,6 +29,18 @@ export declare interface NoAuthBaseBaseProps {
      * Función que se ejecuta al hacer clic en el botón de configuración
      */
     handleSetting?: () => void;
+    /**
+     * Url de la imagen del banner
+     */
+    bannerUrl?: string;
+    /**
+     * Componente que se debe cargar en el footer
+     */
+    footerComponent?: ReactElement;
+    /**
+     * Ruta de la página de inicio
+     */
+    homePath?: string;
 }
 export declare interface NoAuthBaseProviderProps extends NoAuthBaseBaseProps {
     /**
@@ -56,12 +69,19 @@ export interface NoAuthModuleLayoutProps extends NoAuthBaseProviderProps {
      * Referencia al div observado
      */
     observedDivRef: Element | Text | null;
+    /**
+     * Componente que se debe cargar en el footer
+     */
+    footerComponent?: ReactElement;
+}
+export interface NoAuthModuleLayoutOwnerState {
+    size: Extract<Sizes, 'small' | 'medium'>;
 }
 /**
  * Define los tipos de Slots disponibles para el `NoAuthModuleLayout`.
  */
-export type NoAuthModuleLayoutSlotsType = InnerModuleSlots | MobileContentSlots | DesktopContentSlots;
+export type NoAuthModuleLayoutSlotsType = keyof typeof NoAuthModuleLayoutSlots;
 /**
  * Estilos aplicables al `NoAuthModuleLayout`
  */
-export type NoAuthModuleLayoutStyles = OverridesStyleRules<NoAuthModuleLayoutSlotsType, typeof NOT_AUTH_MODULE_LAYOUT_KEY, Theme>;
+export type NoAuthModuleLayoutStyles = M4LOverridesStyleRules<NoAuthModuleLayoutSlotsType, typeof NOT_AUTH_MODULE_LAYOUT_KEY, Theme>;

package/package.json

@@ -1,16 +1,16 @@
 {
   "name": "@m4l/layouts",
-  "version": "9.3.4",
+  "version": "9.3.5-B07072025beta.1",
   "license": "UNLICENSED",
   "author": "M4L Team ",
   "lint-staged": {
     "*.{js,ts,tsx}": "eslint --fix --max-warnings 0"
   },
   "peerDependencies": {
-    "@m4l/components": "^9.0.0",
+    "@m4l/components": "9.0.0-B07072025beta.1",
     "@m4l/core": "^2.0.0",
     "@m4l/graphics": "^7.0.0",
-    "@m4l/styles": "^7.0.0"
+    "@m4l/styles": "7.0.0-B07072025beta.1"
   },
   "resolutions": {
     "glob": "^10.4.5",

package/layouts/NoAuthModuleLayout/subcomponents/BaseNoAuthModuleLayout/subcomponents/DesktopContent/index.d.ts

@@ -1,6 +0,0 @@
-/**
- * Componente que contiene el contenido de la vista de escritorio
- */
-export declare const DesktopContent: (props: {
-    children: React.ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;

package/layouts/NoAuthModuleLayout/subcomponents/BaseNoAuthModuleLayout/subcomponents/DesktopContent/index.js

@@ -1,48 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { LanguagePopover, Image, Typography, Stack } from "@m4l/components";
-import { D as DesktopContentRootStyled, a as DesktopBannerStyled, C as ContainerLogoDesktopStyled, b as CompanyNameDesktopStyled, T as TypographyBannerStyled, c as CompanyLeyendDesktopStyled, W as WrapperFormContentDesktopStyled, F as FormContentDesktopStyled, d as ContainerModuleNameDesktopStyled } from "../../../../slots/NoAuthModuleLayoutSlots.js";
-import { useBase, useModuleDictionary, useDomain } from "@m4l/core";
-const DesktopContent = (props) => {
-  const { children } = props;
-  const { companyLogoSmallUrl } = useBase();
-  const { getLabel } = useModuleDictionary();
-  const { name, slogan } = useDomain();
-  return /* @__PURE__ */ jsxs(DesktopContentRootStyled, { children: [
-    /* @__PURE__ */ jsx(LanguagePopover, {}),
-    /* @__PURE__ */ jsxs(DesktopBannerStyled, { children: [
-      /* @__PURE__ */ jsx(ContainerLogoDesktopStyled, { children: /* @__PURE__ */ jsx(Image, { src: companyLogoSmallUrl, width: "60px", height: "60px" }) }),
-      /* @__PURE__ */ jsxs(CompanyNameDesktopStyled, { children: [
-        /* @__PURE__ */ jsx(
-          TypographyBannerStyled,
-          {
-            variant: "subtitleDens",
-            skeletonWidth: "70%",
-            children: name
-          }
-        ),
-        /* @__PURE__ */ jsx(TypographyBannerStyled, { variant: "subtitle", skeletonWidth: "40%", children: getLabel("company_name_subtitle") })
-      ] }),
-      /* @__PURE__ */ jsxs(CompanyLeyendDesktopStyled, { children: [
-        /* @__PURE__ */ jsx(TypographyBannerStyled, { variant: "h5", skeletonWidth: "50%", children: getLabel("module_leyend") }),
-        /* @__PURE__ */ jsx(TypographyBannerStyled, { variant: "paragraph", skeletonWidth: "80%", children: slogan })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx(WrapperFormContentDesktopStyled, { children: /* @__PURE__ */ jsxs(FormContentDesktopStyled, { children: [
-      /* @__PURE__ */ jsxs(ContainerModuleNameDesktopStyled, { children: [
-        /* @__PURE__ */ jsx(Typography, { variant: "h3", skeletonWidth: "20%", children: getLabel("module_name") }),
-        /* @__PURE__ */ jsx(
-          Typography,
-          {
-            variant: "subtitle",
-            skeletonWidth: "40%",
-            children: getLabel("module_description")
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsx(Stack, { direction: "column", height: "auto", style: { overflow: "auto", position: "relative" }, children })
-    ] }) })
-  ] });
-};
-export {
-  DesktopContent as D
-};

package/layouts/NoAuthModuleLayout/subcomponents/BaseNoAuthModuleLayout/subcomponents/MobileContent/index.d.ts

@@ -1,6 +0,0 @@
-/**
- * Contenido de la vista mobile
- */
-export declare const MobileContent: (props: {
-    children: React.ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;

package/layouts/NoAuthModuleLayout/subcomponents/BaseNoAuthModuleLayout/subcomponents/MobileContent/index.js

@@ -1,44 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { Image, LanguagePopover, Typography } from "@m4l/components";
-import { M as MobileContentRootStyled, e as MobileBannerStyled, f as ContainerLogoStyled, g as CompanyNameStyled, T as TypographyBannerStyled, h as WrapperFormContentStyled, i as FormContentStyled, j as ContainerModuleNameStyled } from "../../../../slots/NoAuthModuleLayoutSlots.js";
-import { useBase, useModuleDictionary, useDomain } from "@m4l/core";
-const MobileContent = (props) => {
-  const { children } = props;
-  const { companyLogoSmallUrl } = useBase();
-  const { getLabel } = useModuleDictionary();
-  const { name } = useDomain();
-  return /* @__PURE__ */ jsxs(MobileContentRootStyled, { children: [
-    /* @__PURE__ */ jsxs(MobileBannerStyled, { children: [
-      /* @__PURE__ */ jsx(ContainerLogoStyled, { children: /* @__PURE__ */ jsx(Image, { src: companyLogoSmallUrl, width: "44px", height: "44px" }) }),
-      /* @__PURE__ */ jsxs(CompanyNameStyled, { children: [
-        /* @__PURE__ */ jsx(
-          TypographyBannerStyled,
-          {
-            variant: "subtitleDens",
-            skeletonWidth: "70%",
-            children: name
-          }
-        ),
-        /* @__PURE__ */ jsx(TypographyBannerStyled, { variant: "subtitle", skeletonWidth: "40%", children: getLabel("company_name_subtitle") })
-      ] }),
-      /* @__PURE__ */ jsx(LanguagePopover, {})
-    ] }),
-    /* @__PURE__ */ jsx(WrapperFormContentStyled, { children: /* @__PURE__ */ jsxs(FormContentStyled, { style: { overflow: "auto", position: "relative" }, children: [
-      /* @__PURE__ */ jsxs(ContainerModuleNameStyled, { children: [
-        /* @__PURE__ */ jsx(Typography, { variant: "h3", skeletonWidth: "20%", children: getLabel("module_name") }),
-        /* @__PURE__ */ jsx(
-          Typography,
-          {
-            variant: "subtitle",
-            skeletonWidth: "40%",
-            children: getLabel("module_description")
-          }
-        )
-      ] }),
-      children
-    ] }) })
-  ] });
-};
-export {
-  MobileContent as M
-};