@m4l/layouts 0.1.10 → 0.1.12

package/hooks/useMasterDetail/{index.ca232c69.js → index.d5830f95.js}

@@ -1,5 +1,5 @@
 import { useContext as t } from "react";
-import { M as e } from "../../layouts/MasterDetailLayout/index.56544ac9.js";
+import { M as e } from "../../layouts/MasterDetailLayout/index.a35e475f.js";
 const s = () => t(e);
 export {
   s as u

package/hooks/useModule/{index.066da119.js → index.f9e8dfff.js}

@@ -1,5 +1,5 @@
 import { useContext as o } from "react";
-import { M as t } from "../../layouts/ModuleLayout/index.4cfb7261.js";
+import { M as t } from "../../layouts/ModuleLayout/index.fe7cec18.js";
 const n = () => {
   const e = o(t);
   if (!e)

package/index.js

@@ -1,14 +1,14 @@
-import { a as p, d as l, g as y } from "./layouts/ModuleLayout/index.4cfb7261.js";
+import { a as p, d as l, g as y } from "./layouts/ModuleLayout/index.fe7cec18.js";
 import "@m4l/components";
 import "react";
 import "@m4l/core";
-import { a as n, d as M, g as D } from "./layouts/MasterDetailLayout/index.56544ac9.js";
+import { a as n, d as M, g as D } from "./layouts/MasterDetailLayout/index.a35e475f.js";
 import "@m4l/graphics";
 import "@mui/material";
 import "react/jsx-runtime";
-import { N as L, d as c, g } from "./layouts/NoAuthModuleLayout/index.5050b988.js";
-import { u as N } from "./hooks/useMasterDetail/index.ca232c69.js";
-import { u as A } from "./hooks/useModule/index.066da119.js";
+import { N as L, d as c, g } from "./layouts/NoAuthModuleLayout/index.798fbe31.js";
+import { u as N } from "./hooks/useMasterDetail/index.d5830f95.js";
+import { u as A } from "./hooks/useModule/index.f9e8dfff.js";
 import "@mui/material/styles";
 export {
   n as MasterDetailLayout,

package/layouts/MasterDetailLayout/{index.56544ac9.js → index.a35e475f.js}

@@ -1,11 +1,11 @@
 import { createContext as L, useState as v, useRef as P, useCallback as z, useMemo as p } from "react";
 import { voidFunction as N, useEnvironment as x } from "@m4l/core";
 import { SplitLayout as R } from "@m4l/components";
-import { g as B, a as V } from "../ModuleLayout/index.4cfb7261.js";
+import { g as B, a as V } from "../ModuleLayout/index.fe7cec18.js";
 import { jsx as r } from "react/jsx-runtime";
 import { useResponsiveDesktop as j } from "@m4l/graphics";
 import { Button as E } from "@mui/material";
-import { u as H } from "../../hooks/useMasterDetail/index.ca232c69.js";
+import { u as H } from "../../hooks/useMasterDetail/index.d5830f95.js";
 function T() {
   return ["master_detail_layout"].concat(B());
 }

package/layouts/ModuleLayout/contexts/ModuleContext/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { ModuleLayoutContextProps, ModuleLayoutProviderProps } from './types';
-declare const ModuleContext: import("react").Context<ModuleLayoutContextProps>;
+declare const ModuleContext: import("react").Context<ModuleLayoutContextProps | null>;
 declare function ModuleProvider(props: ModuleLayoutProviderProps): JSX.Element;
 export { ModuleProvider, ModuleContext };

package/layouts/ModuleLayout/contexts/ModuleContext/types.d.ts

@@ -1,6 +1,6 @@
 import type { TLink } from '@m4l/components';
 import type { ReactNode } from 'react';
-import type { ModuleAction } from '../../types';
+import { ModuleAction } from '../../types';
 export interface ModuleLayoutContextStateProps {
     urlIcon: string;
     moduleId: string;

package/layouts/ModuleLayout/{index.4cfb7261.js → index.fe7cec18.js}

@@ -1,12 +1,12 @@
-import { BoxIcon as y, Breadcrumbs as T, MenuActions as A, useModal as D, ModalProvider as F, getModalDialogComponentsDictionary as L } from "@m4l/components";
-import { createContext as N, useState as x, useMemo as f, forwardRef as M, useRef as b, useImperativeHandle as w } from "react";
-import { styled as d, useTheme as R } from "@mui/material/styles";
-import { voidFunction as S, useModuleDictionary as $, useModuleSkeleton as P, FlagsProvider as _, ModuleDictionaryProvider as B, ModuleSkeletonProvider as H, ModulePrivilegesProvider as G } from "@m4l/core";
-import { Skeleton as l, Typography as j, IconButton as O } from "@mui/material";
-import { useResponsiveDesktop as k } from "@m4l/graphics";
-import { jsxs as p, jsx as i, Fragment as W } from "react/jsx-runtime";
-import { u as z } from "../../hooks/useModule/index.066da119.js";
-const q = d("div")(() => ({
+import { Icon as C, Breadcrumbs as T, BoxIcon as L, MenuActions as D, useModal as N, ModalProvider as R, getModalDialogComponentsDictionary as $ } from "@m4l/components";
+import { createContext as F, useState as f, useMemo as v, forwardRef as y, useRef as x, useImperativeHandle as M } from "react";
+import { styled as s } from "@mui/material/styles";
+import { useModuleDictionary as P, useModuleSkeleton as S, FlagsProvider as _, ModuleDictionaryProvider as A, ModuleSkeletonProvider as B, ModulePrivilegesProvider as H } from "@m4l/core";
+import { Skeleton as d, Typography as G, IconButton as j } from "@mui/material";
+import { useResponsiveDesktop as b } from "@m4l/graphics";
+import { jsxs as p, jsx as i, Fragment as O } from "react/jsx-runtime";
+import { u as W } from "../../hooks/useModule/index.f9e8dfff.js";
+const z = s("div")(() => ({
   display: "flex",
   flexDirection: "column",
   position: "absolute",
@@ -16,7 +16,7 @@ const q = d("div")(() => ({
   top: "0px",
   bottom: "0px",
   overflow: "hidden"
-})), K = d("div")(({
+})), q = s("div")(({
   theme: e
 }) => ({
   display: "flex",
@@ -25,7 +25,7 @@ const q = d("div")(() => ({
   justifyContent: "center",
   flexGrow: "1",
   overflow: "hidden"
-})), E = d("div")(({
+})), K = s("div")(({
   theme: e
 }) => ({
   display: "flex",
@@ -52,7 +52,7 @@ const q = d("div")(() => ({
     width: "20px",
     height: "20px"
   }
-})), J = d("div")(({
+})), E = s("div")(({
   theme: e
 }) => ({
   display: "flex",
@@ -60,7 +60,7 @@ const q = d("div")(() => ({
   padding: "0 0",
   borderBottom: `1px solid ${e.palette.divider}`,
   minHeight: "60px"
-})), Q = d("div")(({
+})), J = s("div")(({
   theme: e
 }) => ({
   display: "grid",
@@ -72,7 +72,7 @@ const q = d("div")(() => ({
   [e.breakpoints.up("sm")]: {
     gridTemplateColumns: "repeat(3, auto)"
   }
-})), U = d("div")(({
+})), Q = s("div")(({
   theme: e
 }) => ({
   display: "grid",
@@ -81,7 +81,7 @@ const q = d("div")(() => ({
   alignItems: "center",
   width: "auto",
   height: "auto"
-})), V = d("div")(({
+})), U = s("div")(({
   theme: e
 }) => ({
   display: "none",
@@ -93,14 +93,14 @@ const q = d("div")(() => ({
   [e.breakpoints.up("sm")]: {
     display: "flex"
   }
-})), X = d("div")(({
+})), V = s("div")(({
   theme: e
 }) => ({
   display: "grid",
   alignItems: "center",
   gridTemplateColumns: "repeat(3, auto)",
   gridGap: e.spacing(2)
-})), Y = d("div")(({
+})), X = s("div")(({
   theme: e
 }) => ({
   display: "grid",
@@ -113,52 +113,52 @@ const q = d("div")(() => ({
     gridGap: e.spacing(2)
   }
 }));
-function Z() {
-  const e = k();
-  return /* @__PURE__ */ p(J, {
+function Y() {
+  const e = b();
+  return /* @__PURE__ */ p(E, {
     id: "HeaderSkeleton",
-    children: [/* @__PURE__ */ p(Q, {
-      children: [/* @__PURE__ */ p(U, {
-        children: [/* @__PURE__ */ i(l, {
+    children: [/* @__PURE__ */ p(J, {
+      children: [/* @__PURE__ */ p(Q, {
+        children: [/* @__PURE__ */ i(d, {
           variant: "circular",
           width: 24,
           height: 24
-        }), /* @__PURE__ */ i(l, {
+        }), /* @__PURE__ */ i(d, {
           variant: "text",
           width: 120,
           height: 14
         })]
-      }), /* @__PURE__ */ i(V, {}), /* @__PURE__ */ p(X, {
-        children: [/* @__PURE__ */ i(l, {
+      }), /* @__PURE__ */ i(U, {}), /* @__PURE__ */ p(V, {
+        children: [/* @__PURE__ */ i(d, {
           variant: "text",
           width: 68,
           height: 14
-        }), /* @__PURE__ */ i(l, {
+        }), /* @__PURE__ */ i(d, {
           variant: "circular",
           width: 4,
           height: 4
-        }), /* @__PURE__ */ i(l, {
+        }), /* @__PURE__ */ i(d, {
           variant: "text",
           width: 68,
           height: 14
         })]
       })]
-    }), /* @__PURE__ */ i(Y, {
-      children: e ? /* @__PURE__ */ p(W, {
-        children: [/* @__PURE__ */ i(l, {
+    }), /* @__PURE__ */ i(X, {
+      children: e ? /* @__PURE__ */ p(O, {
+        children: [/* @__PURE__ */ i(d, {
           variant: "circular",
           width: 24,
           height: 24
-        }), /* @__PURE__ */ i(l, {
+        }), /* @__PURE__ */ i(d, {
           variant: "circular",
           width: 24,
           height: 24
-        }), /* @__PURE__ */ i(l, {
+        }), /* @__PURE__ */ i(d, {
           variant: "circular",
           width: 24,
           height: 24
         })]
-      }) : /* @__PURE__ */ i(l, {
+      }) : /* @__PURE__ */ i(d, {
         variant: "circular",
         width: 24,
         height: 24
@@ -166,94 +166,86 @@ function Z() {
     })]
   });
 }
-const ee = {
-  moduleId: "",
-  moduleNameField: "module_name",
-  urlIcon: "",
-  moduleActions: [],
-  dynamicActions: [],
-  setDynamicActions: S,
-  breadcrumbLinks: []
-}, ie = N(ee);
-function te(e) {
+const Z = F(null);
+function ee(e) {
   const {
     children: n,
     initialModuleActions: t,
     moduleId: o,
     moduleNameField: a,
-    urlIcon: g,
-    breadcrumbLinks: s
-  } = e, [c] = x(() => ({
+    urlIcon: c,
+    breadcrumbLinks: h
+  } = e, [l] = f(() => ({
     moduleId: o,
-    urlIcon: g,
+    urlIcon: c,
     moduleNameField: a,
     dictionary: void 0,
-    breadcrumbLinks: s
-  })), [u, h] = x([]), r = f(() => t.concat(u), [t, u]);
-  return /* @__PURE__ */ i(ie.Provider, {
+    breadcrumbLinks: h
+  })), [u, r] = f([]), m = v(() => t.concat(u), [t, u]);
+  return /* @__PURE__ */ i(Z.Provider, {
     value: {
-      moduleActions: r,
+      moduleActions: m,
       dynamicActions: u,
-      setDynamicActions: h,
-      moduleId: c.moduleId,
-      moduleNameField: c.moduleNameField,
-      urlIcon: c.urlIcon,
-      breadcrumbLinks: c.breadcrumbLinks
+      setDynamicActions: r,
+      moduleId: l.moduleId,
+      moduleNameField: l.moduleNameField,
+      urlIcon: l.urlIcon,
+      breadcrumbLinks: l.breadcrumbLinks
     },
     children: n
   });
 }
-function oe(e, n) {
+function ie(e, n) {
   let t = [...n.filter((o) => o.visibility !== "allways")];
   return e !== void 0 && e && (t = t.filter((o) => o.visibility === "normal")), t;
 }
-function ne(e, n) {
+function te(e, n) {
   let t = [];
   return e !== void 0 && e && (t = t.concat(n.filter((o) => o.visibility === "main"))), t = t.concat(n.filter((o) => o.visibility === "allways")), t;
 }
-function re() {
+function oe() {
   const {
     moduleActions: e,
     moduleNameField: n,
     breadcrumbLinks: t,
     urlIcon: o
-  } = z(), {
+  } = W(), {
     getLabel: a
-  } = $(), g = R(), s = k(), c = P(), u = f(
-    () => oe(s, e),
-    [e, s]
-  ), h = f(() => ne(s, e), [e, s]);
-  return c ? /* @__PURE__ */ i(Z, {}) : /* @__PURE__ */ p(E, {
+  } = P(), c = b(), h = S(), l = v(
+    () => ie(c, e),
+    [e, c]
+  ), u = v(() => te(c, e), [e, c]);
+  return h ? /* @__PURE__ */ i(Y, {}) : /* @__PURE__ */ p(K, {
     id: "Header",
-    children: [/* @__PURE__ */ i(y, {
+    children: [/* @__PURE__ */ i(C, {
       src: o,
-      sx: {
-        color: g.palette.primary.main
-      }
-    }), /* @__PURE__ */ i(j, {
+      bgColor: "primary.main",
+      size: "24px"
+    }), /* @__PURE__ */ i(G, {
       variant: "h5",
       sx: {
         maxWidth: 260,
         overflow: "hidden",
         whiteSpace: "nowrap",
         color: "text.primary",
+        marginLeft: "12px",
         marginRight: "24px",
         textOverflow: "ellipsis"
       },
       children: a(n)
     }), /* @__PURE__ */ i(T, {
       links: t
-    }), h.map((r, m) => {
-      const v = a(r.dictionaryField);
+    }), u.map((r, m) => {
+      const g = a(r.dictionaryField);
       return r.component ? /* @__PURE__ */ i(r.component, {
-        description: v,
+        description: g,
         onClick: r.onClick
-      }, `main_action_${m}`) : /* @__PURE__ */ i(O, {
+      }, `main_action_${m}`) : /* @__PURE__ */ i(j, {
         className: r.className,
         onClick: r.onClick,
-        "aria-label": `${v}`,
+        "aria-label": `${g}`,
         disabled: r.disabled,
-        children: /* @__PURE__ */ i(y, {
+        children: /* @__PURE__ */ i(L, {
           src: r.urlIcon,
           sx: {
             width: 18,
@@ -261,9 +253,9 @@ function re() {
           }
         })
       }, `main_action_${m}`);
-    }), u.length > 0 && /* @__PURE__ */ i(A, {
-      arrow: "right-top",
-      marginTop: "-11px",
+    }), l.length > 0 && /* @__PURE__ */ i(D, {
+      arrowType: "right-top",
+      marginTop: "11px",
       anchorOrigin: {
         vertical: "top",
         horizontal: "left"
@@ -272,64 +264,65 @@ function re() {
         vertical: "top",
         horizontal: "right"
       },
-      menuActions: u
+      menuActions: l
     })]
   });
 }
-const I = M((e, n) => {
+const w = y((e, n) => {
   const {
     children: t
   } = e, {
     openModal: o
-  } = D(), a = b(null);
-  return w(n, () => ({
+  } = N(), a = x(null);
+  return M(n, () => ({
     openModal: o,
     current: a.current
-  })), /* @__PURE__ */ p(q, {
-    id: "WrapperModule",
+  })), /* @__PURE__ */ p(z, {
+    id: "WrapperInnerModule",
+    className: "m4l_module_layout",
     ref: a,
-    children: [/* @__PURE__ */ i(re, {}), /* @__PURE__ */ i(K, {
+    children: [/* @__PURE__ */ i(oe, {}), /* @__PURE__ */ i(q, {
       id: "ModuleContent",
       children: t
     })]
   });
 });
-I.displayName = "Module";
-const ae = M((e, n) => {
+w.displayName = "InnerModule";
+const ne = y((e, n) => {
   const {
     moduleId: t,
     moduleNameField: o = "module_name",
     moduleActions: a,
-    urlIcon: g,
-    children: s,
-    componentsDictionary: c,
+    urlIcon: c,
+    children: h,
+    componentsDictionary: l,
     breadcrumbLinks: u,
-    privileges: h,
-    skeletonFlags: r
-  } = e, m = b(null), v = (C) => {
-    m.current?.openModal(C);
+    privileges: r,
+    skeletonFlags: m
+  } = e, g = x(null), I = (k) => {
+    g.current?.openModal(k);
   };
-  return w(n, () => ({
-    openModal: v,
-    current: m.current
+  return M(n, () => ({
+    openModal: I,
+    current: g.current
   })), /* @__PURE__ */ i(_, {
-    children: /* @__PURE__ */ i(B, {
+    children: /* @__PURE__ */ i(A, {
       moduleId: t,
-      componentsDictionary: c,
-      children: /* @__PURE__ */ i(H, {
-        flags: r,
-        children: /* @__PURE__ */ i(G, {
-          queryPrivileges: h,
-          children: /* @__PURE__ */ i(te, {
+      componentsDictionary: l,
+      children: /* @__PURE__ */ i(B, {
+        flags: m,
+        children: /* @__PURE__ */ i(H, {
+          queryPrivileges: r,
+          children: /* @__PURE__ */ i(ee, {
             moduleId: t,
-            urlIcon: g,
+            urlIcon: c,
             moduleNameField: o,
             initialModuleActions: a,
             breadcrumbLinks: u,
-            children: /* @__PURE__ */ i(F, {
-              children: /* @__PURE__ */ i(I, {
-                ref: m,
-                children: s
+            children: /* @__PURE__ */ i(R, {
+              children: /* @__PURE__ */ i(w, {
+                ref: g,
+                children: h
               })
             })
           })
@@ -338,16 +331,16 @@ const ae = M((e, n) => {
     })
   });
 });
-ae.displayName = "ModuleLayout";
-function he() {
-  return ["module_layout"].concat(L());
+ne.displayName = "ModuleLayout";
+function me() {
+  return ["module_layout"].concat($());
 }
-const ve = {
+const ge = {
   module_layout: {}
 };
 export {
-  ie as M,
-  ae as a,
-  ve as d,
-  he as g
+  Z as M,
+  ne as a,
+  ge as d,
+  me as g
 };

package/layouts/ModuleLayout/subcomponents/InnerModule/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { ModuleProps, ModuleRef } from './types';
+export declare const InnerModule: import("react").ForwardRefExoticComponent<ModuleProps & import("react").RefAttributes<ModuleRef>>;

package/layouts/ModuleLayout/{components/ModuleContent → subcomponents/InnerModule}/styles.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-export declare const WrapperModule: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const WrapperInnerModule: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const ModuleContent: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/layouts/ModuleLayout/types.d.ts

@@ -1,20 +1,20 @@
 import type { ReactNode } from 'react';
-import type { MenuAction, TLink, ModalOpenOptions } from '@m4l/components';
-import type { HeaderProps } from './components/Header/types';
-import type { ModuleRef } from './components/ModuleContent/types';
+import type { TLink, ModalOpenOptions, MenuAction } from '@m4l/components';
+import type { HeaderProps } from './subcomponents/InnerModule/subcomponents/Header/types';
+import type { ModuleRef } from './subcomponents/InnerModule/types';
+export declare type MenuActionType = 'main' | 'allways' | 'normal';
+export interface ModuleAction extends MenuAction {
+    visibility: MenuActionType;
+    tag?: any;
+    className?: string;
+}
 export interface ContainerProps {
     vertical: boolean;
 }
-export declare type MenuActionType = 'main' | 'allways' | 'normal';
 export declare type ModuleLayoutRef = {
     openModal: (modalOpenProps: ModalOpenOptions) => void;
     current: ModuleRef | null;
 };
-export interface ModuleAction extends MenuAction {
-    visibility: MenuActionType;
-    tag?: any;
-    className?: string;
-}
 export interface ModuleLayoutProps extends HeaderProps {
     moduleId: string;
     urlIcon: string;

package/layouts/NoAuthModuleLayout/index.798fbe31.js

@@ -0,0 +1,200 @@
+import { useResponsive as h, useLocales as N } from "@m4l/graphics";
+import { Image as p, Typography as u, LanguagePopover as W, HelmetPage as k } from "@m4l/components";
+import { useModuleDictionary as m, useBase as g, useEnvironment as b, BaseProvider as I, FlagsProvider as F, ModuleDictionaryProvider as S, ModuleSkeletonProvider as A } from "@m4l/core";
+import { styled as t } from "@mui/material/styles";
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+const C = t("div")(({
+  theme: o
+}) => ({
+  boxShadow: o.customShadows.card,
+  borderRadius: o.spacing(2),
+  width: "100%",
+  maxWidth: "464px",
+  display: "flex",
+  flexDirection: "column",
+  justifyContent: "flex-start",
+  alignItems: "center",
+  margin: o.spacing(2, 0, 2, 2),
+  padding: o.spacing(4, 3),
+  gap: o.spacing(3),
+  overflow: "hidden"
+})), j = () => {
+  const {
+    getLabel: o
+  } = m(), {
+    companyLogoNormalUrl: n,
+    moduleIlustrationUrl: l
+  } = g();
+  return /* @__PURE__ */ i(C, {
+    children: [/* @__PURE__ */ e(p, {
+      width: "400px",
+      height: "400px",
+      src: n,
+      alt: "logo"
+    }, "Logo"), l ? /* @__PURE__ */ e(p, {
+      src: l,
+      width: "100%",
+      height: "300px"
+    }) : null, /* @__PURE__ */ e(u, {
+      variant: "h3",
+      skeletonWidth: "30%",
+      skeletongHeight: "18px",
+      children: o("module_leyend")
+    }, "Leyend")]
+  });
+}, B = t("div")(() => ({
+  flexGrow: "1",
+  display: "flex",
+  flexDirection: "column"
+})), P = t("header")(({
+  theme: o
+}) => ({
+  width: "100%",
+  display: "flex",
+  justifyContent: "space-between",
+  padding: o.spacing(1, 3),
+  [o.breakpoints.up("md")]: {
+    justifyContent: "flex-end"
+  }
+})), $ = () => {
+  const {
+    companyLogoSmallUrl: o
+  } = g(), n = h("down", "md");
+  return /* @__PURE__ */ i(P, {
+    children: [n ? /* @__PURE__ */ e(p, {
+      src: o,
+      width: "40px",
+      height: "40px",
+      skeletonVariant: "circle"
+    }, "Isotipo") : null, /* @__PURE__ */ e(W, {})]
+  });
+}, H = t("div")(() => ({
+  display: "flex",
+  overflow: "auto",
+  width: "100%",
+  height: "100%",
+  justifyContent: "center"
+})), R = t("div")(({
+  theme: o
+}) => ({
+  display: "flex",
+  width: "100%",
+  height: "auto",
+  margin: "auto",
+  maxWidth: "480px",
+  flexDirection: "column",
+  gap: o.spacing(3)
+})), E = t("div")(({
+  theme: o
+}) => ({
+  display: "flex",
+  flexDirection: "column",
+  gap: o.spacing(2),
+  padding: o.spacing(0, 3)
+})), G = () => {
+  const {
+    getModuleLabel: o,
+    getLabel: n
+  } = m();
+  return /* @__PURE__ */ i(E, {
+    children: [/* @__PURE__ */ e(u, {
+      variant: "h4",
+      skeletonWidth: "35%",
+      skeletongHeight: "36px",
+      children: o()
+    }, "ModuleName"), /* @__PURE__ */ e(u, {
+      skeletonWidth: "60%",
+      skeletongHeight: "21px",
+      children: n("module_description")
+    }, "ModuleDescription")]
+  });
+}, T = (o) => {
+  const {
+    children: n
+  } = o;
+  return /* @__PURE__ */ e(H, {
+    children: /* @__PURE__ */ i(R, {
+      children: [/* @__PURE__ */ e(G, {}), n]
+    })
+  });
+}, V = (o) => {
+  const {
+    children: n
+  } = o;
+  return /* @__PURE__ */ i(B, {
+    children: [/* @__PURE__ */ e($, {}), /* @__PURE__ */ e(T, {
+      children: n
+    })]
+  });
+}, q = t("div")(() => ({
+  display: "flex",
+  height: "100vh"
+})), z = (o) => {
+  const {
+    children: n
+  } = o, {
+    getModuleLabel: l
+  } = m(), r = h("up", "md"), {
+    subtitle: a
+  } = g();
+  return /* @__PURE__ */ e(k, {
+    title: l(),
+    subtitle: a,
+    children: /* @__PURE__ */ i(q, {
+      children: [r ? /* @__PURE__ */ e(j, {}) : null, /* @__PURE__ */ e(V, {
+        children: n
+      })]
+    })
+  });
+}, Y = (o) => {
+  const {
+    moduleId: n,
+    moduleNameField: l,
+    children: r,
+    componentsDictionary: a,
+    skeletonFlags: f,
+    subtitle: y,
+    companyLogoSmallUrl: x,
+    companyLogoNormalUrl: L,
+    moduleIlustrationUrl: v
+  } = o, {
+    host_static_assets: s,
+    environment_assets: d
+  } = b(), {
+    currentLang: _
+  } = N(), w = L || `${s}/${d}/frontend/commons/assets/icons/logotipo_m4l.svg`, M = x || `${s}/${d}/frontend/commons/assets/icons/isotipo_m4l.svg`, U = v || `${s}/${d}/frontend/domain/host/commons/assets/img/illustration_noauth.png`, c = f;
+  return c.findIndex((D) => D === "dictionary_loaded") < 0 && c.push("dictionary_loaded"), /* @__PURE__ */ e(I, {
+    value: {
+      subtitle: y,
+      companyLogoSmallUrl: M,
+      companyLogoNormalUrl: w,
+      moduleIlustrationUrl: U
+    },
+    children: /* @__PURE__ */ e(F, {
+      children: /* @__PURE__ */ e(S, {
+        isAuth: !1,
+        moduleId: n,
+        moduleNameField: l,
+        componentsDictionary: a,
+        currentLang: _.value,
+        children: /* @__PURE__ */ e(A, {
+          flags: c,
+          children: /* @__PURE__ */ e(z, {
+            children: r
+          })
+        })
+      })
+    })
+  });
+};
+function Z() {
+  return ["no_auth_module_layout"];
+}
+const oo = {
+  no_auth_module_layout: {}
+};
+export {
+  Y as N,
+  oo as d,
+  Z as g
+};

package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { ModuleProps } from './types';
+export declare const InnerModule: (props: ModuleProps) => JSX.Element;

package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/styles.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const WrapperMain: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/subcomponents/AppBarForm/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { WrapperAppBarFormProps } from './types';
+export declare const AppBarForm: (props: WrapperAppBarFormProps) => JSX.Element;

package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/subcomponents/AppBarForm/styles.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const WrapperAppBarForm: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/subcomponents/AppBarForm/subcomponents/AppBar/index.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const AppBar: () => JSX.Element;

package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/subcomponents/AppBarForm/subcomponents/AppBar/styles.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const WrapperAppBar: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;

package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/subcomponents/AppBarForm/subcomponents/Form/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { WrapperFormScrollProps } from './types';
+export declare const Form: (props: WrapperFormScrollProps) => JSX.Element;

package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/subcomponents/AppBarForm/subcomponents/Form/styles.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const WrapperFormScroll: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const WrapperForm: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/subcomponents/AppBarForm/subcomponents/Form/subcomponents/NameDescription/index.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const NameDescription: () => JSX.Element;

package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/subcomponents/AppBarForm/subcomponents/Form/subcomponents/NameDescription/styles.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const WrapperNameDescription: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/subcomponents/AppBarForm/subcomponents/Form/types.d.ts

@@ -0,0 +1,4 @@
+import { ReactNode } from 'react';
+export interface WrapperFormScrollProps {
+    children: ReactNode;
+}

package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/subcomponents/AppBarForm/types.d.ts

@@ -0,0 +1,4 @@
+import { ReactNode } from 'react';
+export interface WrapperAppBarFormProps {
+    children: ReactNode;
+}

package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/subcomponents/LogoLeyend/index.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const LogoLeyend: () => JSX.Element;

package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/subcomponents/LogoLeyend/styles.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const WrapperLogoLeyend: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/layouts/NoAuthModuleLayout/types.d.ts

@@ -3,9 +3,15 @@ export interface ContainerProps {
     vertical: boolean;
 }
 export declare type MenuActionType = 'main' | 'allways' | 'normal';
-export interface NoAuthModuleLayoutProps {
+export declare interface NoAuthBaseProviderProps {
+    subtitle?: string;
+    companyLogoSmallUrl: string;
+    companyLogoNormalUrl: string;
+    moduleIlustrationUrl?: string;
+}
+export interface NoAuthModuleLayoutProps extends NoAuthBaseProviderProps {
     moduleId: string;
-    moduleName?: string;
+    moduleNameField?: string;
     componentsDictionary: string[];
     skeletonFlags: string[];
     children: ReactNode;

package/layouts/index.d.ts

@@ -1,7 +1,7 @@
 export { ModuleLayout } from './ModuleLayout';
-export type { ModuleAction } from './ModuleLayout/types';
 export * from './ModuleLayout/dicctionary';
 export { MasterDetailLayout } from './MasterDetailLayout';
 export * from './MasterDetailLayout/dicctionary';
 export { NoAuthModuleLayout } from './NoAuthModuleLayout';
 export * from './NoAuthModuleLayout/dicctionary';
+export type { ModuleAction } from '../layouts/ModuleLayout/types';

package/package.json

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

package/layouts/ModuleLayout/components/ModuleContent/index.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { ModuleProps, ModuleRef } from './types';
-export declare const Module: import("react").ForwardRefExoticComponent<ModuleProps & import("react").RefAttributes<ModuleRef>>;

package/layouts/NoAuthModuleLayout/ModuleWrapper/index.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { ModuleProps } from './types';
-export declare const ModuleWrapper: (props: ModuleProps) => JSX.Element;

package/layouts/NoAuthModuleLayout/ModuleWrapper/styles.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-export declare const RootStyle: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const HeaderStyle: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
-export declare const SectionStyle: import("@emotion/styled").StyledComponent<Omit<import("@mui/material").PaperProps<"div", {}>, "classes"> & {
-    classes?: Partial<import("@mui/material").CardClasses> | undefined;
-    raised?: boolean | undefined;
-    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
-} & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/material/OverridableComponent").CommonProps | "color" | "translate" | "slot" | "title" | "children" | "ref" | "sx" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "elevation" | "square" | "variant" | "raised"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const ContentStyle: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const TitleContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ModuleTitleContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/layouts/NoAuthModuleLayout/index.5050b988.js

@@ -1,178 +0,0 @@
-import { useResponsive as u, useLocales as h } from "@m4l/graphics";
-import { Page as g, CompanyLogo as y, LanguagePopover as f, Typography as m, Image as x } from "@m4l/components";
-import { Card as v, Container as _, Stack as C } from "@mui/material";
-import { styled as i } from "@mui/material/styles";
-import { useModuleDictionary as S, useFlagsPresent as k, FlagsProvider as w, DomainProvider as L, ModuleDictionaryProvider as P, ModuleSkeletonProvider as b } from "@m4l/core";
-import { jsx as t, jsxs as d } from "react/jsx-runtime";
-const M = i("div")(({
-  theme: e
-}) => ({
-  [e.breakpoints.up("md")]: {
-    display: "flex"
-  }
-})), D = i("header")(({
-  theme: e
-}) => ({
-  top: 0,
-  zIndex: 9,
-  lineHeight: 0,
-  width: "100%",
-  display: "flex",
-  alignItems: "center",
-  position: "absolute",
-  padding: e.spacing(2, 2, 0, 2),
-  justifyContent: "space-between",
-  [e.breakpoints.up("md")]: {
-    alignItems: "flex-start",
-    padding: e.spacing(7, 7, 0, 7)
-  }
-})), I = i(v)(({
-  theme: e
-}) => ({
-  width: "100%",
-  maxWidth: 464,
-  display: "flex",
-  flexDirection: "column",
-  justifyContent: "center",
-  margin: e.spacing(2, 0, 2, 2),
-  "& > div:nth-of-type(2)": {
-    maxHeight: "348px"
-  }
-})), j = i("div")(({
-  theme: e
-}) => ({
-  maxWidth: 480,
-  margin: "auto",
-  display: "flex",
-  minHeight: "100vh",
-  flexDirection: "column",
-  justifyContent: "center",
-  padding: e.spacing(12, 0)
-})), H = i("div")(({
-  theme: e
-}) => ({
-  padding: e.spacing(0, 5)
-})), N = i("div")(({
-  theme: e
-}) => ({
-  width: "100%",
-  display: "grid",
-  gridTemplateColumns: "1fr",
-  gridGap: e.spacing(1)
-})), A = (e) => {
-  const {
-    children: s
-  } = e, {
-    getLabel: a,
-    getModuleLabel: l
-  } = S(), r = u("up", "md"), n = !k(["dictionary_loaded"]);
-  return /* @__PURE__ */ t(g, {
-    title: l(),
-    children: /* @__PURE__ */ d(M, {
-      children: [/* @__PURE__ */ d(D, {
-        id: "HeaderStyle",
-        children: [/* @__PURE__ */ t(y, {
-          size: r ? "normal" : "small",
-          isSkeleton: n
-        }), /* @__PURE__ */ t(f, {})]
-      }), r && /* @__PURE__ */ d(I, {
-        id: "SectionStyle",
-        children: [/* @__PURE__ */ t(H, {
-          id: "module_leyend",
-          children: /* @__PURE__ */ t(m, {
-            variant: "h3",
-            sx: {
-              px: 5,
-              mt: 10,
-              mb: 5
-            },
-            skeletonProps: {
-              isSkeleton: n,
-              width: "30%",
-              height: "18px"
-            },
-            children: a("module_leyend")
-          })
-        }), /* @__PURE__ */ t(x, {
-          isSkeleton: n,
-          width: "100%",
-          height: "auto",
-          src: "https://s3.amazonaws.com/static.made4labs/environment_assetss/d1/frontend/domain/host/login/assets/img/illustration_login.png",
-          alt: "illustration module",
-          effect: "opacity"
-        })]
-      }), /* @__PURE__ */ t(_, {
-        maxWidth: "sm",
-        id: "formContainer",
-        children: /* @__PURE__ */ d(j, {
-          children: [/* @__PURE__ */ t(C, {
-            direction: "row",
-            alignItems: "center",
-            sx: {
-              mb: 5
-            },
-            children: /* @__PURE__ */ d(N, {
-              children: [/* @__PURE__ */ t(m, {
-                variant: "h4",
-                skeletonProps: {
-                  isSkeleton: n,
-                  width: "35%",
-                  height: "36px"
-                },
-                children: l()
-              }), /* @__PURE__ */ t(m, {
-                sx: {
-                  color: "text.secondary"
-                },
-                skeletonProps: {
-                  isSkeleton: n,
-                  width: "60%",
-                  height: "21px"
-                },
-                children: a("module_description")
-              })]
-            })
-          }), s]
-        })
-      })]
-    })
-  });
-}, U = (e) => {
-  const {
-    moduleId: s,
-    moduleName: a,
-    children: l,
-    componentsDictionary: r,
-    skeletonFlags: n
-  } = e, {
-    currentLang: p
-  } = h(), o = n;
-  return o.findIndex((c) => c === "dictionary_loaded") < 0 && o.push("dictionary_loaded"), o.findIndex((c) => c === "domain_loaded") < 0 && o.push("domain_loaded"), /* @__PURE__ */ t(w, {
-    children: /* @__PURE__ */ t(L, {
-      children: /* @__PURE__ */ t(P, {
-        isAuth: !1,
-        moduleId: s,
-        moduleName: a,
-        componentsDictionary: r,
-        currentLang: p.value,
-        children: /* @__PURE__ */ t(b, {
-          flags: o,
-          children: /* @__PURE__ */ t(A, {
-            children: l
-          })
-        })
-      })
-    })
-  });
-};
-function q() {
-  return ["no_auth_module_layout"];
-}
-const B = {
-  no_auth_module_layout: {}
-};
-export {
-  U as N,
-  B as d,
-  q as g
-};