@m4l/layouts 0.1.12 → 0.1.14

package/hooks/useMasterDetail/{index.d5830f95.js → index.8e9e900b.js}

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

package/hooks/useModule/{index.f9e8dfff.js → index.096d7d13.js}

@@ -1,5 +1,5 @@
 import { useContext as o } from "react";
-import { M as t } from "../../layouts/ModuleLayout/index.fe7cec18.js";
+import { M as t } from "../../layouts/ModuleLayout/index.842072c5.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.fe7cec18.js";
+import { a as p, d as l, g as y } from "./layouts/ModuleLayout/index.842072c5.js";
 import "@m4l/components";
 import "react";
 import "@m4l/core";
-import { a as n, d as M, g as D } from "./layouts/MasterDetailLayout/index.a35e475f.js";
+import { a as n, d as M, g as D } from "./layouts/MasterDetailLayout/index.71de0dc7.js";
 import "@m4l/graphics";
 import "@mui/material";
 import "react/jsx-runtime";
-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 { N as L, d as c, g } from "./layouts/NoAuthModuleLayout/index.5d1098ef.js";
+import { u as N } from "./hooks/useMasterDetail/index.8e9e900b.js";
+import { u as A } from "./hooks/useModule/index.096d7d13.js";
 import "@mui/material/styles";
 export {
   n as MasterDetailLayout,

package/layouts/MasterDetailLayout/{index.a35e475f.js → index.71de0dc7.js}

@@ -1,30 +1,30 @@
-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.fe7cec18.js";
+import { createContext as P, useState as v, useRef as z, useCallback as N, useMemo as p } from "react";
+import { voidFunction as x, useEnvironment as R } from "@m4l/core";
+import { SplitLayout as B } from "@m4l/components";
+import { g as V, a as j } from "../ModuleLayout/index.842072c5.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.d5830f95.js";
-function T() {
-  return ["master_detail_layout"].concat(B());
+import { useResponsiveDesktop as E } from "@m4l/graphics";
+import { Button as H } from "@mui/material";
+import { u as T } from "../../hooks/useMasterDetail/index.8e9e900b.js";
+function W() {
+  return ["master_detail_layout"].concat(V());
 }
-const ot = {
+const et = {
   master_detail_layout: {
     split_vertical: "Split vertically",
     split_horizontal: "Split horizontally",
     no_split: "No split",
     view_detail: "View detail"
   }
-}, W = {
+}, q = {
   masterSelection: void 0,
-  onChangeMasterSelection: N
-}, q = L(W);
-function G(i) {
+  onChangeMasterSelection: x
+}, G = P(q);
+function J(i) {
   const {
     children: o
   } = i, [e, t] = v(void 0);
-  return /* @__PURE__ */ r(q.Provider, {
+  return /* @__PURE__ */ r(G.Provider, {
     value: {
       masterSelection: e,
       onChangeMasterSelection: t
@@ -32,45 +32,46 @@ function G(i) {
     children: o
   });
 }
-function J(i) {
+function K(i) {
   const {
     masterSelection: o
-  } = H(), {
+  } = T(), {
     onClick: e,
     description: t
   } = i;
-  return /* @__PURE__ */ r(E, {
+  return /* @__PURE__ */ r(H, {
     onClick: e,
     variant: "outlined",
     disabled: o === void 0,
     children: t
   }, "miDetail");
 }
-function K(i, o, e, t) {
+function O(i, o, e, t) {
   let n = t !== void 0 && t ? [...i] : [e];
   return n = o.concat(n), n;
 }
-function et(i) {
+function nt(i) {
   const {
     moduleId: o,
     moduleNameField: e,
-    detailComponent: t,
-    moduleActions: n,
-    urlIcon: D,
-    masterComponent: M,
-    componentsDictionary: y,
-    breadcrumbLinks: S,
-    privileges: b,
-    skeletonFlags: k
+    masterComponent: t,
+    detailComponent: n,
+    moduleActions: y,
+    urlIcon: M,
+    currentLang: S,
+    componentsDictionary: f,
+    breadcrumbLinks: b,
+    privileges: k,
+    skeletonFlags: A
   } = i, {
     host_static_assets: c,
     environment_assets: a
-  } = x(), [A, w] = v("vertical"), d = j(), f = P(null), u = (m) => {
-    const s = [..._];
+  } = R(), [w, L] = v("vertical"), d = E(), _ = z(null), u = (m) => {
+    const s = [...g];
     for (let l = 0; l < s.length; l++)
       s[l].disabled = !1, s[l].tag === m && (s[l].disabled = !0);
-    $(s), w(m);
-  }, _ = [{
+    $(s), L(m);
+  }, g = [{
     urlIcon: `${c}/${a}/frontend/components/masterdetaillayout/assets/icons/split_vertical.svg`,
     onClick: () => u("vertical"),
     disabled: !0,
@@ -94,46 +95,47 @@ function et(i) {
     dictionaryField: "master_detail_layout.no_split",
     tag: "none",
     className: "splitactions"
-  }], g = z(() => {
-    f.current?.openModal({
+  }], C = N(() => {
+    _.current?.openModal({
       title: "master_detail_layout.view_detail",
       initialWidth: 500,
       initialHeigth: 680,
-      contentComponent: t,
+      contentComponent: n,
       actions: void 0
     });
-  }, [t]), C = p(() => ({
+  }, [n]), h = p(() => ({
     urlIcon: `${c}/${a}/frontend/components/masterdetaillayout/assets/icons/view_detail.svg`,
-    onClick: g,
+    onClick: C,
     disabled: !1,
     visibility: "allways",
     dictionaryField: "master_detail_layout.view_detail",
     tag: "none",
     className: "",
-    component: J
-  }), [a, g]), [h, $] = v(_), F = p(() => K(h, n, C, d), [h, n, d, C]), I = p(() => y.concat(T()), [y]);
-  return /* @__PURE__ */ r(G, {
-    children: /* @__PURE__ */ r(V, {
-      ref: f,
+    component: K
+  }), [a, C]), [D, $] = v(g), F = p(() => O(D, y, h, d), [D, y, d, h]), I = p(() => f.concat(W()), [f]);
+  return /* @__PURE__ */ r(J, {
+    children: /* @__PURE__ */ r(j, {
+      ref: _,
       moduleId: o,
       moduleNameField: e,
-      urlIcon: D,
+      urlIcon: M,
       moduleActions: F,
-      privileges: b,
-      skeletonFlags: k,
+      privileges: k,
+      skeletonFlags: A,
+      currentLang: S,
       componentsDictionary: I,
-      breadcrumbLinks: S,
-      children: /* @__PURE__ */ r(R, {
-        splitPosition: d ? A : "none",
-        firstPart: M,
-        secondPart: t
+      breadcrumbLinks: b,
+      children: /* @__PURE__ */ r(B, {
+        splitPosition: d ? w : "none",
+        firstPart: t,
+        secondPart: n
       })
     })
   });
 }
 export {
-  q as M,
-  et as a,
-  ot as d,
-  T as g
+  G as M,
+  nt as a,
+  et as d,
+  W as g
 };

package/layouts/ModuleLayout/{index.fe7cec18.js → index.842072c5.js}

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

package/layouts/ModuleLayout/types.d.ts

@@ -18,6 +18,7 @@ export declare type ModuleLayoutRef = {
 export interface ModuleLayoutProps extends HeaderProps {
     moduleId: string;
     urlIcon: string;
+    currentLang: string;
     skeletonFlags: string[];
     moduleNameField?: string;
     privileges: string[];

package/layouts/NoAuthModuleLayout/{index.798fbe31.js → index.5d1098ef.js}

@@ -1,6 +1,6 @@
 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 { useModuleDictionary as m, useBase as g, useEnvironment as S, BaseProvider as b, FlagsProvider as I, ModuleDictionaryProvider as F, 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")(({
@@ -160,23 +160,21 @@ const C = t("div")(({
   } = 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, {
+  } = S(), _ = N().currentLocale?.localeString, 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(b, {
     value: {
       subtitle: y,
       companyLogoSmallUrl: M,
       companyLogoNormalUrl: w,
       moduleIlustrationUrl: U
     },
-    children: /* @__PURE__ */ e(F, {
-      children: /* @__PURE__ */ e(S, {
+    children: /* @__PURE__ */ e(I, {
+      children: /* @__PURE__ */ e(F, {
         isAuth: !1,
         moduleId: n,
         moduleNameField: l,
         componentsDictionary: a,
-        currentLang: _.value,
+        currentLang: _,
         children: /* @__PURE__ */ e(A, {
           flags: c,
           children: /* @__PURE__ */ e(z, {

package/package.json

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