@m4l/layouts 0.1.37 → 0.1.39

package/components/BaseModule/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { BaseModuleProps } from './types';
-export declare function BaseModule(props: BaseModuleProps): JSX.Element;
+export declare function BaseModule(props: BaseModuleProps): import("react").JSX.Element;
 export default BaseModule;

package/components/MFHostApp/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { MFHostAppProps } from './types';
-export declare function MFHostApp(props: MFHostAppProps): JSX.Element;
+export declare function MFHostApp(props: MFHostAppProps): import("react").JSX.Element;
 export default MFHostApp;

package/components/MFIsolationApp/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { MFIsolationAppProps } from './types';
-export declare function MFIsolationApp(props: MFIsolationAppProps): JSX.Element;
+export declare function MFIsolationApp(props: MFIsolationAppProps): import("react").JSX.Element;
 export default MFIsolationApp;

package/components/MFIsolationApp/index.e36cf308.js

@@ -0,0 +1,155 @@
+import { useEffect as T, useMemo as _, useCallback as f } from "react";
+import { unstable_HistoryRouter as x } from "react-router-dom";
+import { ToastContainer as D, toast as S } from "react-toastify";
+import { HostThemeProvider as H, GlobalStyles as O, FormatterProvider as B, LocalesProvider as I, getLocaleFromNetwork as j } from "@m4l/graphics";
+import { A as U } from "../../contexts/AuthContext/index.6f966215.js";
+import { DomainCountryProvider as z, EnvironmentProvider as G, HostToolsProvider as R, NetworkProvider as q, axiosOperation as J } from "@m4l/core";
+import { createBrowserHistory as K } from "history";
+import Q from "eventemitter3";
+import { format as V } from "date-fns";
+import { defaultThemeOptions as W, fnComponentsOverrides as X } from "@m4l/styles";
+import { u as Y } from "../../hooks/useAuth/index.cb6a3420.js";
+import { jsx as r, jsxs as Z } from "react/jsx-runtime";
+import y from "nprogress";
+import { B as $ } from "../BaseModule/index.6309486a.js";
+import { AreasProvider as oo } from "@m4l/components";
+function ro(m) {
+  const {
+    children: a,
+    user: d,
+    pwd: l
+  } = m, {
+    isAuthenticated: n,
+    isInitialized: c,
+    login: u,
+    user: e
+  } = Y();
+  if (T(() => {
+    c && n === !1 && u(d, l, !1);
+  }, [c, n]), !n)
+    return /* @__PURE__ */ r("div", {
+      children: "Pendiente x atenticar"
+    });
+  const o = {
+    id: 1,
+    currency: "USD",
+    currency_decimal_digits: 2,
+    decimal_symbol: ".",
+    thousands_symbol: ","
+  };
+  return e?.domain_country && (o.id = e?.domain_country.id ?? o.id, o.currency = e?.domain_country.currency ?? o.currency, o.currency_decimal_digits = e?.domain_country.currency_decimal_digits ?? o.currency_decimal_digits, o.decimal_symbol = e?.domain_country.decimal_symbol ?? o.decimal_symbol, o.thousands_symbol = e?.domain_country?.thousands_symbol ?? o.thousands_symbol), /* @__PURE__ */ Z(H, {
+    hostThemeOptions: W,
+    fnComponentsOverrides: X,
+    isMicroFrontEnd: !0,
+    children: [/* @__PURE__ */ r(D, {}), /* @__PURE__ */ r(O, {}), /* @__PURE__ */ r(z, {
+      ...o,
+      isMicroFrontEnd: !1,
+      children: /* @__PURE__ */ r(B, {
+        isMicroFrontEnd: !1,
+        dateFormatter: {
+          formatDate: V
+        },
+        currencyFormatter: {
+          code: o.currency,
+          decimalDigits: o.currency_decimal_digits
+        },
+        children: a
+      })
+    })]
+  });
+}
+const h = K({
+  window
+});
+function vo(m) {
+  const {
+    children: a,
+    user: d,
+    pwd: l,
+    host_api_local: n,
+    host_api_remote: c,
+    host_static_assets: u,
+    environment_assets: e,
+    moduleId: o,
+    skeletonFlags: p,
+    moduleNameField: v,
+    privileges: g,
+    componentsDictionary: F,
+    onLoad: w,
+    activeAreasNetwork: P = !1,
+    activeCookiesFromNetwork: b = !1
+  } = m, i = _(() => new Q(), []), k = f((t, s) => {
+    i.on(t, s);
+  }, [i]), A = f((t, s) => {
+    if (s === null) {
+      i.removeListener(t);
+      return;
+    }
+    i.removeListener(t, s);
+  }, [i]), E = f((t, s) => {
+    i.emit(t, s);
+  }, [i]), M = () => {
+    y.configure({
+      showSpinner: !0
+    }), y.start();
+  }, L = () => {
+    y.done();
+  }, C = _(() => ({
+    host: "",
+    isLocalhost: !0,
+    domain_token: "lab1",
+    host_api_local: n,
+    host_api_remote: c,
+    host_static_assets: u,
+    environment_assets: e
+  }), []), N = _(() => ({
+    history: h,
+    toast: S,
+    startProgress: M,
+    stopProgress: L,
+    events_add_listener: k,
+    events_remove_listener: A,
+    events_emit: E
+  }), []);
+  return /* @__PURE__ */ r(G, {
+    ...C,
+    children: /* @__PURE__ */ r(R, {
+      ...N,
+      children: /* @__PURE__ */ r(q, {
+        axiosOperation: J,
+        children: /* @__PURE__ */ r(x, {
+          history: h,
+          children: /* @__PURE__ */ r(I, {
+            isMicroFrontEnd: !1,
+            getLocaleFromNetwork: j,
+            children: /* @__PURE__ */ r(U, {
+              children: /* @__PURE__ */ r(ro, {
+                user: d,
+                pwd: l,
+                children: /* @__PURE__ */ r($, {
+                  moduleId: o,
+                  privileges: g,
+                  skeletonFlags: p,
+                  componentsDictionary: F,
+                  moduleNameField: v,
+                  children: /* @__PURE__ */ r(oo, {
+                    onLoad: w,
+                    loadAreasFromNetwork: P,
+                    loadCookiesFromNetwork: b,
+                    onSelectLayout: (t) => {
+                      console.log("onSelectLayout", t);
+                    },
+                    children: a
+                  })
+                })
+              })
+            })
+          })
+        })
+      })
+    })
+  });
+}
+export {
+  vo as M
+};

package/components/MFIsolationApp/subcomponents/MFAuthApp/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { MFAuthAppProps } from './types';
-export declare function MFAuthApp(props: MFAuthAppProps): JSX.Element;
+export declare function MFAuthApp(props: MFAuthAppProps): import("react").JSX.Element;
 export default MFAuthApp;

package/components/MFIsolationApp/types.d.ts

@@ -8,4 +8,5 @@ export declare type MFIsolationAppProps = BaseModuleProps & {
     environment_assets: string;
     onLoad: () => void;
     activeAreasNetwork?: boolean;
+    activeCookiesFromNetwork?: boolean;
 };

package/components/{index.80a2abab.js → index.aeb3cf83.js}

@@ -1,4 +1,4 @@
-import "./MFIsolationApp/index.fb96bc5d.js";
+import "./MFIsolationApp/index.e36cf308.js";
 import "react-router-dom";
 import "@m4l/core";
 import "@m4l/graphics";

package/contexts/AuthContext/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import type { AuthProviderProps, SessionContextType } from './types';
 declare const AuthContext: import("react").Context<SessionContextType | null>;
-declare function AuthProvider(props: AuthProviderProps): JSX.Element;
+declare function AuthProvider(props: AuthProviderProps): import("react").JSX.Element;
 export { AuthContext, AuthProvider };

package/hooks/index.a0c767ed.js

@@ -0,0 +1,4 @@
+import "react";
+import "../layouts/MasterDetailLayout/index.bca0fce5.js";
+import "../contexts/AuthContext/index.6f966215.js";
+import "../layouts/ModuleLayout/index.850f7dcf.js";

package/hooks/useMasterDetail/{index.dd9cb927.js → index.927c0c26.js}

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

package/hooks/useModule/{index.97184469.js → index.edcd7b28.js}

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

package/index.js

@@ -1,13 +1,13 @@
-import { M as f } from "./components/MFIsolationApp/index.fb96bc5d.js";
+import { M as f } from "./components/MFIsolationApp/index.e36cf308.js";
 import { M as D } from "./components/MFHostApp/index.420c2626.js";
 import { B as L } from "./components/BaseModule/index.6309486a.js";
 import { a as g, A as h } from "./contexts/AuthContext/index.6f966215.js";
-import { a as N, d as B, g as F } from "./layouts/ModuleLayout/index.c673a65f.js";
-import { a as H, d as I, g as P } from "./layouts/MasterDetailLayout/index.793884be.js";
+import { a as N, d as B, g as F } from "./layouts/ModuleLayout/index.850f7dcf.js";
+import { a as H, d as I, g as P } from "./layouts/MasterDetailLayout/index.bca0fce5.js";
 import { N as j, d as k, g as q } from "./layouts/NoAuthModuleLayout/index.eabf38c1.js";
-import { u as z } from "./hooks/useMasterDetail/index.dd9cb927.js";
+import { u as z } from "./hooks/useMasterDetail/index.927c0c26.js";
 import { u as G } from "./hooks/useAuth/index.cb6a3420.js";
-import { u as K } from "./hooks/useModule/index.97184469.js";
+import { u as K } from "./hooks/useModule/index.edcd7b28.js";
 import "react";
 import "react-router-dom";
 import "react-toastify";

package/layouts/MasterDetailLayout/contexts/MasterDetailContext/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { MasterDetailContextProps, MasterDetailProviderProps } from './types';
 declare const MasterDetailContext: import("react").Context<MasterDetailContextProps>;
-declare function MasterDetailProvider(props: MasterDetailProviderProps): JSX.Element;
+declare function MasterDetailProvider(props: MasterDetailProviderProps): import("react").JSX.Element;
 export { MasterDetailProvider, MasterDetailContext };

package/layouts/MasterDetailLayout/index.bca0fce5.js

@@ -0,0 +1,118 @@
+import { createContext as w, useState as h, useRef as D, useMemo as m, useCallback as g } from "react";
+import { voidFunction as k, useEnvironment as S, useModuleDictionary as $ } from "@m4l/core";
+import { WindowBase as z, SplitLayout as P } from "@m4l/components";
+import { a as A, g as I } from "../ModuleLayout/index.850f7dcf.js";
+import { jsx as c } from "react/jsx-runtime";
+import { useResponsiveDesktop as L } from "@m4l/graphics";
+const N = {
+  masterSelection: void 0,
+  onChangeMasterSelection: k
+}, x = w(N);
+function R(n) {
+  const {
+    children: a
+  } = n, [s, t] = h(void 0);
+  return /* @__PURE__ */ c(x.Provider, {
+    value: {
+      masterSelection: s,
+      onChangeMasterSelection: t
+    },
+    children: a
+  });
+}
+function V(n, a = [], s, t) {
+  let o = t !== void 0 && t ? [...n] : [s];
+  return o = a.concat(o), o;
+}
+function T(n) {
+  const {
+    moduleId: a,
+    masterComponent: s,
+    detailComponent: t,
+    moduleActions: o,
+    version: M
+  } = n, {
+    host_static_assets: l,
+    environment_assets: i
+  } = S(), [r, C] = h("vertical"), d = L(), p = D(null), {
+    getLabel: e
+  } = $(), v = m(() => [{
+    urlIcon: `${l}/${i}/frontend/components/masterdetaillayout/assets/icons/split_vertical.svg`,
+    onClick: () => u("vertical"),
+    visibility: "main",
+    label: e("master_detail_layout.split_vertical"),
+    tag: "vertical",
+    className: "splitactions",
+    disabled: r === "vertical",
+    key: "vertical"
+  }, {
+    urlIcon: `${l}/${i}/frontend/components/masterdetaillayout/assets/icons/split_horizontal.svg`,
+    onClick: () => u("horizontal"),
+    visibility: "main",
+    label: e("master_detail_layout.split_horizontal"),
+    tag: "horizontal",
+    className: "splitactions",
+    disabled: r === "horizontal",
+    key: "horizontal"
+  }, {
+    urlIcon: `${l}/${i}/frontend/components/masterdetaillayout/assets/icons/no_split.svg`,
+    onClick: () => u("none"),
+    visibility: "main",
+    label: e("master_detail_layout.no_split"),
+    tag: "none",
+    className: "splitactions",
+    disabled: r === "none",
+    key: "none"
+  }], [e, r]), u = g((f) => {
+    C(f);
+  }, []), y = g(() => {
+    p.current?.openModal({
+      initialWidth: 500,
+      initialHeigth: 680,
+      window: /* @__PURE__ */ c(z, {
+        urlIcon: `${l}/${i}/frontend/components/masterdetaillayout/assets/icons/view_detail.svg`,
+        title: e("master_detail_layout.view_detail"),
+        children: typeof t == "function" ? t({}) : t
+      })
+    });
+  }, [t, e]), _ = m(() => ({
+    urlIcon: `${l}/${i}/frontend/components/masterdetaillayout/assets/icons/view_detail.svg`,
+    onClick: y,
+    disabled: !1,
+    visibility: "allways",
+    label: e("master_detail_layout.view_detail"),
+    tag: "none",
+    className: "",
+    key: "detail"
+  }), [i, y]), b = m(() => V(v, o, _, d), [v, o, d, _]);
+  return /* @__PURE__ */ c(R, {
+    children: /* @__PURE__ */ c(A, {
+      ref: p,
+      moduleId: a,
+      moduleActions: b,
+      version: M,
+      children: /* @__PURE__ */ c(P, {
+        splitPosition: d ? r : "none",
+        firstPart: s,
+        secondPart: t
+      })
+    })
+  });
+}
+function q() {
+  return ["master_detail_layout"].concat(I());
+}
+const G = {
+  master_detail_layout: {
+    split_vertical: "Split vertically",
+    split_horizontal: "Split horizontally",
+    no_split: "No split",
+    view_detail: "View detail"
+  }
+};
+export {
+  x as M,
+  T as a,
+  G as d,
+  q as g
+};

package/layouts/MasterDetailLayout/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type { MasterDetailLayoutProps } from './types';
-export declare function MasterDetailLayout(props: MasterDetailLayoutProps): JSX.Element;
+export declare function MasterDetailLayout(props: MasterDetailLayoutProps): import("react").JSX.Element;

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 | null>;
-declare function ModuleProvider(props: ModuleLayoutProviderProps): JSX.Element;
+declare function ModuleProvider(props: ModuleLayoutProviderProps): import("react").JSX.Element;
 export { ModuleProvider, ModuleContext };

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

@@ -5,6 +5,7 @@ export interface ModuleLayoutContextStateProps {
 }
 export interface ModuleLayoutProviderProps extends Omit<ModuleLayoutContextStateProps, 'init'> {
     children: ReactNode;
+    version: string;
     moduleActions?: ModuleAction[];
 }
 export interface ModuleLayoutContextProps extends ModuleLayoutContextStateProps {

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

@@ -0,0 +1,103 @@
+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/ModuleLayout/subcomponents/InnerModule/styles.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+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

@@ -12,4 +12,5 @@ export interface ModuleLayoutProps {
     moduleId: string;
     moduleActions?: ModuleAction[];
     children: ReactNode;
+    version: string;
 }

package/layouts/NoAuthModuleLayout/index.d.ts

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

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

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

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const InnerModuleRoot: 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/DesktopContent/index.d.ts

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

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare const DesktopContentRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const DesktopBanner: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ContainerLogo: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const CompanyName: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const CompanyLeyend: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const FormContent: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const WrapperFormContent: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ContainerModuleName: 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/MobileContent/index.d.ts

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

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare const MobileContentRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const MobileBanner: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ContainerImageLanguage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ContainerLogo: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const CompanyName: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const FormContent: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const WrapperFormContent: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ContainerModuleName: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/layouts/{index.8e0df44b.js → index.07aacf57.js}

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

package/package.json

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

package/components/MFIsolationApp/index.fb96bc5d.js

@@ -1,150 +0,0 @@
-import { useEffect as x, useMemo as _, useCallback as f } from "react";
-import { unstable_HistoryRouter as C } from "react-router-dom";
-import { ToastContainer as D, toast as N } from "react-toastify";
-import { HostThemeProvider as H, FormatterProvider as O, LocalesProvider as B, getLocaleFromNetwork as I } from "@m4l/graphics";
-import { A as j } from "../../contexts/AuthContext/index.6f966215.js";
-import { DomainCountryProvider as S, EnvironmentProvider as U, HostToolsProvider as z, NetworkProvider as R, axiosOperation as q } from "@m4l/core";
-import { createBrowserHistory as G } from "history";
-import J from "eventemitter3";
-import { format as K } from "date-fns";
-import { defaultThemeOptions as Q, fnComponentsOverrides as V } from "@m4l/styles";
-import { u as W } from "../../hooks/useAuth/index.cb6a3420.js";
-import { jsx as o, jsxs as X } from "react/jsx-runtime";
-import h from "nprogress";
-import { B as Y } from "../BaseModule/index.6309486a.js";
-import { AreasProvider as Z } from "@m4l/components";
-function $(m) {
-  const {
-    children: a,
-    user: d,
-    pwd: l
-  } = m, {
-    isAuthenticated: s,
-    isInitialized: c,
-    login: u,
-    user: e
-  } = W();
-  if (x(() => {
-    c && s === !1 && u(d, l, !1);
-  }, [c, s]), !s)
-    return /* @__PURE__ */ o("div", {
-      children: "Pendiente x atenticar"
-    });
-  const r = {
-    id: 1,
-    currency: "USD",
-    currency_decimal_digits: 2,
-    decimal_symbol: ".",
-    thousands_symbol: ","
-  };
-  return e?.domain_country && (r.id = e?.domain_country.id ?? r.id, r.currency = e?.domain_country.currency ?? r.currency, r.currency_decimal_digits = e?.domain_country.currency_decimal_digits ?? r.currency_decimal_digits, r.decimal_symbol = e?.domain_country.decimal_symbol ?? r.decimal_symbol, r.thousands_symbol = e?.domain_country?.thousands_symbol ?? r.thousands_symbol), /* @__PURE__ */ X(H, {
-    hostThemeOptions: Q,
-    fnComponentsOverrides: V,
-    isMicroFrontEnd: !0,
-    children: [/* @__PURE__ */ o(D, {}), /* @__PURE__ */ o(S, {
-      ...r,
-      isMicroFrontEnd: !1,
-      children: /* @__PURE__ */ o(O, {
-        isMicroFrontEnd: !1,
-        dateFormatter: {
-          formatDate: K
-        },
-        currencyFormatter: {
-          code: r.currency,
-          decimalDigits: r.currency_decimal_digits
-        },
-        children: a
-      })
-    })]
-  });
-}
-const p = G({
-  window
-});
-function hr(m) {
-  const {
-    children: a,
-    user: d,
-    pwd: l,
-    host_api_local: s,
-    host_api_remote: c,
-    host_static_assets: u,
-    environment_assets: e,
-    moduleId: r,
-    skeletonFlags: y,
-    moduleNameField: v,
-    privileges: g,
-    componentsDictionary: F,
-    onLoad: P,
-    activeAreasNetwork: b = !1
-  } = m, t = _(() => new J(), []), w = f((i, n) => {
-    t.on(i, n);
-  }, [t]), A = f((i, n) => {
-    if (n === null) {
-      t.removeListener(i);
-      return;
-    }
-    t.removeListener(i, n);
-  }, [t]), E = f((i, n) => {
-    t.emit(i, n);
-  }, [t]), M = () => {
-    h.configure({
-      showSpinner: !0
-    }), h.start();
-  }, k = () => {
-    h.done();
-  }, L = _(() => ({
-    host: "",
-    isLocalhost: !0,
-    domain_token: "lab1",
-    host_api_local: s,
-    host_api_remote: c,
-    host_static_assets: u,
-    environment_assets: e
-  }), []), T = _(() => ({
-    history: p,
-    toast: N,
-    startProgress: M,
-    stopProgress: k,
-    events_add_listener: w,
-    events_remove_listener: A,
-    events_emit: E
-  }), []);
-  return /* @__PURE__ */ o(U, {
-    ...L,
-    children: /* @__PURE__ */ o(z, {
-      ...T,
-      children: /* @__PURE__ */ o(R, {
-        axiosOperation: q,
-        children: /* @__PURE__ */ o(C, {
-          history: p,
-          children: /* @__PURE__ */ o(B, {
-            isMicroFrontEnd: !1,
-            getLocaleFromNetwork: I,
-            children: /* @__PURE__ */ o(j, {
-              children: /* @__PURE__ */ o($, {
-                user: d,
-                pwd: l,
-                children: /* @__PURE__ */ o(Y, {
-                  moduleId: r,
-                  privileges: g,
-                  skeletonFlags: y,
-                  componentsDictionary: F,
-                  moduleNameField: v,
-                  children: /* @__PURE__ */ o(Z, {
-                    onLoad: P,
-                    loadAreasFromNetwork: b,
-                    children: a
-                  })
-                })
-              })
-            })
-          })
-        })
-      })
-    })
-  });
-}
-export {
-  hr as M
-};

package/hooks/index.43202c4e.js

@@ -1,4 +0,0 @@
-import "react";
-import "../layouts/MasterDetailLayout/index.793884be.js";
-import "../contexts/AuthContext/index.6f966215.js";
-import "../layouts/ModuleLayout/index.c673a65f.js";

package/layouts/MasterDetailLayout/index.793884be.js

@@ -1,106 +0,0 @@
-import { createContext as $, useState as y, useRef as k, useMemo as p, useCallback as g } from "react";
-import { voidFunction as w, useEnvironment as P } from "@m4l/core";
-import { SplitLayout as z } from "@m4l/components";
-import { a as I, g as L } from "../ModuleLayout/index.c673a65f.js";
-import { jsx as c } from "react/jsx-runtime";
-import { useResponsiveDesktop as F } from "@m4l/graphics";
-const N = {
-  masterSelection: void 0,
-  onChangeMasterSelection: w
-}, x = $(N);
-function R(o) {
-  const {
-    children: e
-  } = o, [n, t] = y(void 0);
-  return /* @__PURE__ */ c(x.Provider, {
-    value: {
-      masterSelection: n,
-      onChangeMasterSelection: t
-    },
-    children: e
-  });
-}
-function V(o, e = [], n, t) {
-  let i = t !== void 0 && t ? [...o] : [n];
-  return i = e.concat(i), i;
-}
-function H(o) {
-  const {
-    moduleId: e,
-    masterComponent: n,
-    detailComponent: t,
-    moduleActions: i
-  } = o, {
-    host_static_assets: r,
-    environment_assets: s
-  } = P(), [C, h] = y("vertical"), d = F(), M = k(null), S = p(() => [{
-    urlIcon: `${r}/${s}/frontend/components/masterdetaillayout/assets/icons/split_vertical.svg`,
-    onClick: () => u("vertical"),
-    disabled: !0,
-    visibility: "main",
-    dictionaryField: "master_detail_layout.split_vertical",
-    tag: "vertical",
-    className: "splitactions"
-  }, {
-    urlIcon: `${r}/${s}/frontend/components/masterdetaillayout/assets/icons/split_horizontal.svg`,
-    onClick: () => u("horizontal"),
-    disabled: !1,
-    visibility: "main",
-    dictionaryField: "master_detail_layout.split_horizontal",
-    tag: "horizontal",
-    className: "splitactions"
-  }, {
-    urlIcon: `${r}/${s}/frontend/components/masterdetaillayout/assets/icons/no_split.svg`,
-    onClick: () => u("none"),
-    disabled: !1,
-    visibility: "main",
-    dictionaryField: "master_detail_layout.no_split",
-    tag: "none",
-    className: "splitactions"
-  }], []), [v, b] = y(S), u = g((m) => {
-    b((A) => {
-      const a = [...A];
-      for (let l = 0; l < a.length; l++)
-        a[l].disabled = !1, a[l].tag === m && (a[l].disabled = !0);
-      return a;
-    }), h(m);
-  }, []), _ = g(() => {
-  }, [t]), f = p(() => ({
-    urlIcon: `${r}/${s}/frontend/components/masterdetaillayout/assets/icons/view_detail.svg`,
-    onClick: _,
-    disabled: !1,
-    visibility: "allways",
-    dictionaryField: "master_detail_layout.view_detail",
-    tag: "none",
-    className: ""
-  }), [s, _]), D = p(() => V(v, i, f, d), [v, i, d, f]);
-  return /* @__PURE__ */ c(R, {
-    children: /* @__PURE__ */ c(I, {
-      ref: M,
-      moduleId: e,
-      moduleActions: D,
-      children: /* @__PURE__ */ c(z, {
-        splitPosition: d ? C : "none",
-        firstPart: n,
-        secondPart: t
-      })
-    })
-  });
-}
-function J() {
-  return ["master_detail_layout"].concat(L());
-}
-const K = {
-  master_detail_layout: {
-    split_vertical: "Split vertically",
-    split_horizontal: "Split horizontally",
-    no_split: "No split",
-    view_detail: "View detail"
-  }
-};
-export {
-  x as M,
-  H as a,
-  K as d,
-  J as g
-};

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
-};