@m4l/layouts 0.1.35 → 0.1.38

package/layouts/ModuleLayout/index.c673a65f.js

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

package/layouts/NoAuthModuleLayout/index.5d946846.js

@@ -1,198 +0,0 @@
-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 S, 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")(({
-  theme: o
-}) => ({
-  boxShadow: o.shadows[1],
-  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(), _ = 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(I, {
-    value: {
-      subtitle: y,
-      companyLogoSmallUrl: M,
-      companyLogoNormalUrl: w,
-      moduleIlustrationUrl: U
-    },
-    children: /* @__PURE__ */ e(S, {
-      children: /* @__PURE__ */ e(F, {
-        isAuth: !1,
-        moduleId: n,
-        moduleNameField: l,
-        componentsDictionary: a,
-        currentLang: _,
-        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/subcomponents/AppBarForm/index.d.ts

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/layouts/index.8748e200.js

@@ -1,8 +0,0 @@
-import "./ModuleLayout/index.c673a65f.js";
-import "@m4l/components";
-import "react";
-import "@m4l/core";
-import "./MasterDetailLayout/index.793884be.js";
-import "@m4l/graphics";
-import "react/jsx-runtime";
-import "./NoAuthModuleLayout/index.5d946846.js";