@m4l/layouts 0.1.39 → 0.1.41

package/layouts/ModuleLayout/index.850f7dcf.js

@@ -1,103 +0,0 @@
-import { useModal as x, useWindowToolsMF as v, ModalProvider as g, getModalDialogComponentsDictionary as h } from "@m4l/components";
-import { forwardRef as p, useRef as m, useImperativeHandle as f, createContext as I, useState as a, useMemo as C, useEffect as A } from "react";
-import { styled as M } from "@mui/material/styles";
-import { jsx as t } from "react/jsx-runtime";
-const D = M("div")(() => ({
-  display: "flex",
-  flexDirection: "column",
-  position: "absolute",
-  margin: "0px 12px 12px 12px",
-  left: "0px",
-  right: "0px",
-  top: "0px",
-  bottom: "0px",
-  overflow: "hidden"
-})), w = M("div")(({
-  theme: o
-}) => ({
-  display: "flex",
-  position: "relative",
-  marginTop: o.spacing(1),
-  justifyContent: "center",
-  flexGrow: "1",
-  overflow: "hidden"
-})), y = p((o, r) => {
-  const {
-    children: e
-  } = o, {
-    openModal: l
-  } = x(), n = m(null);
-  return f(r, () => ({
-    openModal: l,
-    current: n.current
-  })), /* @__PURE__ */ t(D, {
-    id: "WrapperInnerModule",
-    className: "m4l_module_layout",
-    ref: n,
-    children: /* @__PURE__ */ t(w, {
-      id: "ModuleContent",
-      children: e
-    })
-  });
-});
-y.displayName = "InnerModule";
-const L = I(null);
-function R(o) {
-  const {
-    children: r,
-    moduleActions: e,
-    moduleId: l,
-    version: n
-  } = o, [u] = a(() => ({
-    moduleId: l,
-    dictionary: void 0
-  })), {
-    setActions: d
-  } = v(), [i, s] = a([]), c = C(() => (e || []).concat(i), [e, i]);
-  return A(() => {
-    d(c, n);
-  }, [c]), /* @__PURE__ */ t(L.Provider, {
-    value: {
-      setDynamicActions: s,
-      moduleId: u.moduleId
-    },
-    children: r
-  });
-}
-const _ = p((o, r) => {
-  const {
-    moduleId: e,
-    moduleActions: l,
-    version: n,
-    children: u
-  } = o, d = m(null), i = (s) => {
-    d.current?.openModal(s);
-  };
-  return f(r, () => ({
-    openModal: i,
-    current: d.current
-  })), /* @__PURE__ */ t(R, {
-    moduleId: e,
-    moduleActions: l,
-    version: n,
-    children: /* @__PURE__ */ t(g, {
-      children: /* @__PURE__ */ t(y, {
-        ref: d,
-        children: u
-      })
-    })
-  });
-});
-_.displayName = "ModuleLayout";
-function j() {
-  return ["module_layout"].concat(h());
-}
-const T = {
-  module_layout: {}
-};
-export {
-  L as M,
-  _ as a,
-  T as d,
-  j as g
-};

package/layouts/NoAuthModuleLayout/index.eabf38c1.js

@@ -1,345 +0,0 @@
-import { useResponsiveDesktop as I, useLocales as $ } from "@m4l/graphics";
-import { LanguagePopover as h, Image as x, Typography as a, ScrollBar as m, HelmetPage as W } from "@m4l/components";
-import { styled as t, alpha as d } from "@mui/material/styles";
-import { useBase as u, useModuleDictionary as g, useDomain as y, useEnvironment as H, BaseProvider as N, FlagsProvider as R, ModuleDictionaryProvider as U, ModuleSkeletonProvider as F } from "@m4l/core";
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
-const P = t("div")(({
-  theme: o
-}) => ({
-  display: "flex",
-  justifyContent: "center",
-  alignItems: "center",
-  height: "100vh",
-  padding: "20px",
-  backgroundColor: o.palette.background.background,
-  [o.breakpoints.down("md")]: {
-    padding: "0px"
-  }
-})), j = t("div")(({ theme: o }) => ({
-  display: "flex",
-  borderRadius: "16px",
-  backgroundColor: o.palette.background.neutral,
-  boxShadow: o.customShadows?.z4,
-  padding: "20px 0 20px 20px",
-  width: "100%",
-  height: "100%",
-  maxWidth: "965px",
-  maxHeight: "900px",
-  position: "relative",
-  overflow: "auto",
-  "& .M4LanguagePopover-root": {
-    position: "absolute",
-    top: "20px",
-    right: "20px",
-    zIndex: 1
-  }
-})), T = t("div")(({ theme: o }) => ({
-  display: "flex",
-  flexDirection: "column",
-  justifyContent: "center",
-  alignItems: "center",
-  borderRadius: "16px",
-  width: "100%",
-  maxWidth: "400px",
-  height: "100%",
-  backgroundColor: o.palette.state?.focus,
-  boxShadow: o.customShadows?.z4,
-  padding: "0 60px",
-  gap: "40px",
-  overflow: "hidden",
-  "& .MuiTypography-root": {
-    color: o.palette.patronus?.marbleLight[10],
-    display: "flex",
-    justifyContent: "center",
-    textAlign: "center",
-    textTransform: "uppercase"
-  },
-  "& .M4LTypography-root .MuiSkeleton-root": {
-    backgroundColor: d(`${o.palette.patronus?.marbleLight[10]}`, 0.24),
-    margin: "auto"
-  }
-})), A = t("div")(({ theme: o }) => ({
-  display: "flex",
-  width: "84px",
-  height: "84px",
-  borderRadius: "6px",
-  backgroundColor: o.palette.state?.active,
-  justifyContent: "center",
-  alignItems: "center",
-  boxShadow: `0px 4px 8px  ${d(o.palette.patronus?.coolGrey[70] || "", 0.16)}`,
-  "& .M4LImage-root": {
-    backgroundColor: o.palette.patronus?.marbleLight[10],
-    borderRadius: "6px"
-  }
-})), B = t("div")(() => ({
-  display: "flex",
-  flexDirection: "column",
-  gap: "5px",
-  width: "100%"
-})), z = t("div")(() => ({
-  display: "flex",
-  flexDirection: "column",
-  gap: "5px",
-  width: "100%"
-})), G = t("div")(() => ({
-  display: "flex",
-  flexDirection: "column",
-  padding: "0 60px 0 80px",
-  margin: "auto 0",
-  width: "100%",
-  gap: "20px"
-})), E = t("div")(() => ({
-  display: "flex",
-  width: "100%",
-  height: "100%"
-})), q = t("div")(() => ({
-  display: "flex",
-  flexDirection: "column",
-  width: "100%",
-  gap: "4px"
-})), J = () => {
-  const {
-    children: o,
-    companyLogoSmallUrl: l
-  } = u(), {
-    getLabel: n
-  } = g(), {
-    name: r
-  } = y();
-  return /* @__PURE__ */ i(j, {
-    children: [/* @__PURE__ */ e(h, {}), /* @__PURE__ */ i(T, {
-      children: [/* @__PURE__ */ e(A, {
-        children: /* @__PURE__ */ e(x, {
-          src: l,
-          ratio: "1:1",
-          width: "64px",
-          height: "64px"
-        })
-      }), /* @__PURE__ */ i(B, {
-        children: [/* @__PURE__ */ e(a, {
-          variant: "subtitleDens",
-          skeletonWidth: "70%",
-          skeletongHeight: "24px",
-          children: r
-        }), /* @__PURE__ */ e(a, {
-          variant: "paragraph",
-          skeletonWidth: "40%",
-          skeletongHeight: "20px",
-          children: n("company_name_subtitle")
-        })]
-      }), /* @__PURE__ */ i(z, {
-        children: [/* @__PURE__ */ e(a, {
-          variant: "h5",
-          skeletonWidth: "50%",
-          skeletongHeight: "36px",
-          children: n("module_leyend")
-        }), /* @__PURE__ */ e(a, {
-          variant: "subtitle",
-          skeletonWidth: "80%",
-          skeletongHeight: "24px",
-          children: "slogan"
-        })]
-      })]
-    }), /* @__PURE__ */ e(E, {
-      children: /* @__PURE__ */ e(m, {
-        children: /* @__PURE__ */ i(G, {
-          children: [/* @__PURE__ */ i(q, {
-            children: [/* @__PURE__ */ e(a, {
-              variant: "h5",
-              skeletonWidth: "20%",
-              skeletongHeight: "36px",
-              children: n("module_name")
-            }), /* @__PURE__ */ e(a, {
-              variant: "paragraph",
-              skeletonWidth: "40%",
-              skeletongHeight: "20px",
-              children: n("module_description")
-            })]
-          }), o]
-        })
-      })
-    })]
-  });
-}, K = t("div")(({ theme: o }) => ({
-  display: "flex",
-  flexDirection: "column",
-  width: "100%",
-  height: "100%",
-  backgroundColor: o.palette.background.neutral,
-  padding: "12px",
-  gap: "32px"
-})), O = t("div")(({ theme: o }) => ({
-  display: "flex",
-  flexDirection: "column",
-  padding: "12px",
-  gap: "20px",
-  width: "100%",
-  backgroundColor: o.palette.state?.focus,
-  boxShadow: o.customShadows?.z4,
-  position: "relative",
-  borderRadius: "8px",
-  "& .M4LanguagePopover-root": {
-    position: "absolute",
-    top: "12px",
-    right: "12px"
-  },
-  "& .MuiTypography-root": {
-    color: o.palette.patronus?.marbleLight[10],
-    display: "flex",
-    textTransform: "uppercase"
-  },
-  "& .MuiSkeleton-root": {
-    backgroundColor: d(`${o.palette.patronus?.marbleLight[10]}`, 0.24),
-    margin: "auto"
-  }
-}));
-t("div")(() => ({
-  display: "flex"
-}));
-const Q = t("div")(({ theme: o }) => ({
-  display: "flex",
-  width: "52px",
-  height: "52px",
-  borderRadius: "6px",
-  backgroundColor: o.palette.state?.active,
-  justifyContent: "center",
-  alignItems: "center",
-  boxShadow: `0px 4px 8px  ${d(o.palette.patronus?.coolGrey[70] || "", 0.16)}`,
-  "& .M4LImage-root": {
-    backgroundColor: o.palette.patronus?.marbleLight[10],
-    borderRadius: "6px"
-  }
-})), V = t("div")(() => ({
-  display: "flex",
-  flexDirection: "column",
-  width: "100%"
-})), X = t("div")(() => ({
-  display: "flex",
-  flexDirection: "column",
-  padding: "12px",
-  margin: "auto 0",
-  width: "100%",
-  gap: "20px"
-})), Y = t("div")(() => ({
-  display: "flex",
-  width: "100%",
-  height: "100%",
-  overflow: "hidden"
-})), Z = t("div")(() => ({
-  display: "flex",
-  flexDirection: "column",
-  width: "100%",
-  gap: "4px"
-})), oo = () => {
-  const {
-    children: o,
-    companyLogoSmallUrl: l
-  } = u(), {
-    getLabel: n
-  } = g(), {
-    name: r
-  } = y();
-  return /* @__PURE__ */ i(K, {
-    children: [/* @__PURE__ */ i(O, {
-      children: [/* @__PURE__ */ e(Q, {
-        children: /* @__PURE__ */ e(x, {
-          src: l,
-          ratio: "1:1",
-          width: "44px",
-          height: "44px"
-        })
-      }), /* @__PURE__ */ i(V, {
-        children: [/* @__PURE__ */ e(a, {
-          variant: "subtitleDens",
-          skeletonWidth: "70%",
-          skeletongHeight: "24px",
-          children: r
-        }), /* @__PURE__ */ e(a, {
-          variant: "paragraph",
-          skeletonWidth: "40%",
-          skeletongHeight: "20px",
-          children: n("company_name_subtitle")
-        })]
-      }), /* @__PURE__ */ e(h, {})]
-    }), /* @__PURE__ */ e(Y, {
-      children: /* @__PURE__ */ e(m, {
-        children: /* @__PURE__ */ i(X, {
-          children: [/* @__PURE__ */ i(Z, {
-            children: [/* @__PURE__ */ e(a, {
-              variant: "h5",
-              skeletonWidth: "20%",
-              skeletongHeight: "36px",
-              children: n("module_name")
-            }), /* @__PURE__ */ e(a, {
-              variant: "paragraph",
-              skeletonWidth: "40%",
-              skeletongHeight: "20px",
-              children: n("module_description")
-            })]
-          }), o]
-        })
-      })
-    })]
-  });
-}, eo = () => {
-  const {
-    getModuleLabel: o
-  } = g(), l = I(), {
-    subtitle: n
-  } = u();
-  return /* @__PURE__ */ e(W, {
-    title: o(),
-    subtitle: n,
-    children: /* @__PURE__ */ e(P, {
-      children: l ? /* @__PURE__ */ e(J, {}) : /* @__PURE__ */ e(oo, {})
-    })
-  });
-}, ro = (o) => {
-  const {
-    moduleId: l,
-    moduleNameField: n,
-    children: r,
-    componentsDictionary: f,
-    skeletonFlags: b,
-    subtitle: v,
-    companyLogoSmallUrl: k,
-    companyLogoNormalUrl: C,
-    moduleIlustrationUrl: L
-  } = o, {
-    host_static_assets: s,
-    environment_assets: p
-  } = H(), w = $().currentLocale?.localeString, D = C || `${s}/${p}/frontend/commons/assets/icons/logotipo_m4l.svg`, M = k || `${s}/${p}/frontend/commons/assets/icons/isotipo_m4l.svg`, _ = L || `${s}/${p}/frontend/domain/host/commons/assets/img/illustration_noauth.png`, c = b;
-  return c.findIndex((S) => S === "dictionary_loaded") < 0 && c.push("dictionary_loaded"), /* @__PURE__ */ e(N, {
-    value: {
-      subtitle: v,
-      companyLogoSmallUrl: M,
-      companyLogoNormalUrl: D,
-      moduleIlustrationUrl: _,
-      children: r
-    },
-    children: /* @__PURE__ */ e(R, {
-      children: /* @__PURE__ */ e(U, {
-        isAuth: !1,
-        moduleId: l,
-        moduleNameField: n,
-        componentsDictionary: f,
-        currentLang: w,
-        children: /* @__PURE__ */ e(F, {
-          flags: c,
-          children: /* @__PURE__ */ e(eo, {})
-        })
-      })
-    })
-  });
-};
-function so() {
-  return ["no_auth_module_layout"];
-}
-const po = {
-  no_auth_module_layout: {}
-};
-export {
-  ro as N,
-  po as d,
-  so as g
-};

package/layouts/index.07aacf57.js

@@ -1,8 +0,0 @@
-import "./ModuleLayout/index.850f7dcf.js";
-import "@m4l/components";
-import "react";
-import "@m4l/core";
-import "./MasterDetailLayout/index.bca0fce5.js";
-import "@m4l/graphics";
-import "react/jsx-runtime";
-import "./NoAuthModuleLayout/index.eabf38c1.js";