@m4l/layouts 9.7.0 → 9.7.1

package/components/MFHostApp/MFHostApp.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MFHostApp.d.ts","sourceRoot":"","sources":["../../../../../../packages/layouts/src/components/MFHostApp/MFHostApp.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAG9C;;GAEG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,oDAuF9C;AAED,eAAe,SAAS,CAAC"}
+{"version":3,"file":"MFHostApp.d.ts","sourceRoot":"","sources":["../../../../../../packages/layouts/src/components/MFHostApp/MFHostApp.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAG9C;;GAEG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,oDA0F9C;AAED,eAAe,SAAS,CAAC"}

package/components/MFHostApp/MFHostApp.js

@@ -1,37 +1,38 @@
 import { jsx as r } from "@emotion/react/jsx-runtime";
 import { unstable_HistoryRouter as T } from "react-router-dom";
-import { EnvironmentProvider as H, HostToolsProvider as b, NetworkProvider as g, AuthProvider as E, DomainCountryProvider as A } from "@m4l/core";
-import { DeviceTypeProvider as D, LocalesProvider as R, HostThemeProvider as _, FormatterProvider as w, AppearanceComponentProvider as S } from "@m4l/graphics";
-import { projectMFHostRuntimeTools as x, BaseModule as j, WindowToolsMFProvider as k, MFHostRuntimeToolsProvider as B, DynamicMFParmsProvider as C } from "@m4l/components";
-import { MFHostAppErrorBoundary as L } from "./MFHostAppErrorBoundary.js";
-function q(n) {
+import { EnvironmentProvider as H, HostToolsProvider as g, NetworkProvider as E, AuthProvider as A, DomainCountryProvider as D } from "@m4l/core";
+import { DeviceTypeProvider as R, LocalesProvider as _, HostThemeProvider as w, FormatterProvider as S, AppearanceComponentProvider as x } from "@m4l/graphics";
+import { projectMFHostRuntimeTools as j, BaseModule as k, WindowToolsMFProvider as B, MFHostRuntimeToolsProvider as C, MFObservabilityProvider as L, DynamicMFParmsProvider as N } from "@m4l/components";
+import { MFHostAppErrorBoundary as O } from "./MFHostAppErrorBoundary.js";
+function G(n) {
   const {
     children: d,
     currentLocale: s,
-    hostTheme: c,
-    environment: m,
+    hostTheme: l,
+    environment: c,
     hostTools: e,
-    axiosOperation: l,
+    axiosOperation: m,
     formatters: o,
     isAuth: a = !0,
     moduleId: i,
     moduleNameField: u,
     skeletonFlags: h,
-    privileges: F,
-    componentsDictionary: p,
+    privileges: v,
+    componentsDictionary: F,
     dynamicMFStore: t,
-    windowTools: v,
-    hostRuntime: y,
+    windowTools: y,
+    hostRuntime: p,
+    observability: P,
     // overrideContainerStyles,
-    loggedUser: P,
-    moduleVersion: M
-  } = n, f = x(y);
-  return /* @__PURE__ */ r(H, { ...m, children: /* @__PURE__ */ r(L, { moduleId: i, moduleVersion: M, children: /* @__PURE__ */ r(b, { ...e, children: /* @__PURE__ */ r(g, { axiosOperation: l, children: /* @__PURE__ */ r(D, { children: /* @__PURE__ */ r(E, { isMicroFrontEnd: !0, loggedUser: P, children: /* @__PURE__ */ r(R, { isMicroFrontEnd: !0, localeHost: s, children: /* @__PURE__ */ r(_, { isMicroFrontEnd: !0, ...c, children: /* @__PURE__ */ r(
+    loggedUser: M,
+    moduleVersion: b
+  } = n, f = j(p);
+  return /* @__PURE__ */ r(H, { ...c, children: /* @__PURE__ */ r(O, { moduleId: i, moduleVersion: b, children: /* @__PURE__ */ r(g, { ...e, children: /* @__PURE__ */ r(E, { axiosOperation: m, children: /* @__PURE__ */ r(R, { children: /* @__PURE__ */ r(A, { isMicroFrontEnd: !0, loggedUser: M, children: /* @__PURE__ */ r(_, { isMicroFrontEnd: !0, localeHost: s, children: /* @__PURE__ */ r(w, { isMicroFrontEnd: !0, ...l, children: /* @__PURE__ */ r(
     T,
     {
       history: e.history,
       children: /* @__PURE__ */ r(
-        A,
+        D,
         {
           isMicroFrontEnd: !0,
           id: t?.getState().dynamicMFParameters?.id || 1,
@@ -40,19 +41,19 @@ function q(n) {
           decimal_symbol: o.numberFormatter.decimalSymbol,
           thousands_symbol: o.numberFormatter.thousandsSymbol,
           children: /* @__PURE__ */ r(
-            j,
+            k,
             {
               isAuth: a,
               moduleId: i,
               moduleNameField: u,
-              componentsDictionary: p,
+              componentsDictionary: F,
               skeletonFlags: h,
-              privileges: F,
-              children: /* @__PURE__ */ r(w, { isMicroFrontEnd: !0, ...o, children: /* @__PURE__ */ r(k, { ...v, children: /* @__PURE__ */ r(
-                B,
+              privileges: v,
+              children: /* @__PURE__ */ r(S, { isMicroFrontEnd: !0, ...o, children: /* @__PURE__ */ r(B, { ...y, children: /* @__PURE__ */ r(
+                C,
                 {
                   value: f,
-                  children: /* @__PURE__ */ r(C, { store: t, children: /* @__PURE__ */ r(S, { children: d }) })
+                  children: /* @__PURE__ */ r(L, { value: P, children: /* @__PURE__ */ r(N, { store: t, children: /* @__PURE__ */ r(x, { children: d }) }) })
                 }
               ) }) })
             }
@@ -63,6 +64,6 @@ function q(n) {
   ) }) }) }) }) }) }) }) });
 }
 export {
-  q as MFHostApp,
-  q as default
+  G as MFHostApp,
+  G as default
 };

package/components/MFHostApp/types.d.ts

@@ -1,9 +1,10 @@
 import { AuthUserType, AxiosOperation, EnvironmentType, HostToolsType } from '@m4l/core';
-import { Formatters, LocaleType, HostThemeType } from '@m4l/graphics';
-import { DynamicMFStore, MFHostRuntime, WindowToolsMF, BaseModuleProps, EmergeType, M4LOverridesStyleRules } from '@m4l/components';
+import { BaseModuleProps, DynamicMFStore, EmergeType, M4LOverridesStyleRules, MFHostRuntime, WindowToolsMF } from '@m4l/components';
+import { MFObservabilityService } from '../../../../../out-tsc/libs/observability/mf/index.d.ts';
+import { Formatters, HostThemeType, LocaleType } from '@m4l/graphics';
+import { Theme } from '@mui/material/styles';
 import { MFHostAppSlots } from './slots/styled';
 import { MF_HOST_APP_KEY } from './constants';
-import { Theme } from '@mui/material/styles';
 export interface ByHostProps {
     environment: EnvironmentType;
     hostTools: HostToolsType;
@@ -14,18 +15,17 @@ export interface ByHostProps {
     dynamicMFStore: DynamicMFStore;
     windowTools: WindowToolsMF;
     hostRuntime?: MFHostRuntime;
+    observability?: MFObservabilityService;
     /**
-     * @deprecated no usar, no tiene efecto. esto se usaba para detectar la resposividad de los breakpoints
+     * @deprecated Do not use. It no longer affects responsive breakpoint handling.
      */
     observedDivRef?: Element | Text | null;
     /**
-     * isAddEditModule saber si el módulo es tipo add/edit, para poder asignar el title automáticamente
-     * cuando se cambia el idioma, desde MFHostApp/MFWindowsTitle
-     * @deprecated no usar, no tiene efecto. utilizar el hook useMFWindowsTitle
+     * @deprecated Do not use. It no longer affects host title synchronization.
      */
     isAddEditModule?: boolean;
     /**
-     * loggedUser: usuario logueado, para los microfrontends que necesitan el usuario logueado
+     * Logged user forwarded to microfrontends that still need authenticated user context.
      */
     loggedUser?: AuthUserType;
     /**

package/components/MFHostApp/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../packages/layouts/src/components/MFHostApp/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAC9F,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAChG,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAG,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AACtE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAE7C,MAAM,WAAW,WAAW;IAC1B,WAAW,EAAE,eAAe,CAAC;IAC7B,SAAS,EAAE,aAAa,CAAC;IACzB,SAAS,EAAE,aAAa,CAAC;IACzB,aAAa,EAAE,UAAU,CAAC;IAC1B,cAAc,EAAE,cAAc,CAAC;IAC/B,UAAU,EAAE,UAAU,CAAC;IACvB,cAAc,EAAE,cAAc,CAAC;IAC/B,WAAW,EAAE,aAAa,CAAC;IAC3B,WAAW,CAAC,EAAE,aAAa,CAAC;IAE5B;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,GAAG,IAAI,GAAG,IAAI,CAAC;IACvC;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,UAAU,CAAC,EAAE,YAAY,CAAC;IAE1B;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AACD,MAAM,MAAM,cAAc,GAAG,WAAW,GAAG,eAAe,CAAC;AAG3D,MAAM,MAAM,mBAAmB,GAAG;IAChC,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB,CAAA;AAGD,MAAM,MAAM,kBAAkB,GAAI,MAAM,OAAO,cAAc,CAAC;AAE9D,MAAM,MAAM,eAAe,GAAG,sBAAsB,CAAC,kBAAkB,EAAE,OAAO,eAAe,EAAE,KAAK,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../packages/layouts/src/components/MFHostApp/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAC9F,OAAO,EACL,eAAe,EACf,cAAc,EACd,UAAU,EACV,sBAAsB,EACtB,aAAa,EACb,aAAa,EACd,MAAM,iBAAiB,CAAC;AACzB,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AACtE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAE9C,MAAM,WAAW,WAAW;IAC1B,WAAW,EAAE,eAAe,CAAC;IAC7B,SAAS,EAAE,aAAa,CAAC;IACzB,SAAS,EAAE,aAAa,CAAC;IACzB,aAAa,EAAE,UAAU,CAAC;IAC1B,cAAc,EAAE,cAAc,CAAC;IAC/B,UAAU,EAAE,UAAU,CAAC;IACvB,cAAc,EAAE,cAAc,CAAC;IAC/B,WAAW,EAAE,aAAa,CAAC;IAC3B,WAAW,CAAC,EAAE,aAAa,CAAC;IAC5B,aAAa,CAAC,EAAE,sBAAsB,CAAC;IAEvC;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,GAAG,IAAI,GAAG,IAAI,CAAC;IACvC;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,UAAU,CAAC,EAAE,YAAY,CAAC;IAE1B;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AACD,MAAM,MAAM,cAAc,GAAG,WAAW,GAAG,eAAe,CAAC;AAE3D,MAAM,MAAM,mBAAmB,GAAG;IAChC,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,MAAM,OAAO,cAAc,CAAC;AAE7D,MAAM,MAAM,eAAe,GAAG,sBAAsB,CAAC,kBAAkB,EAAE,OAAO,eAAe,EAAE,KAAK,CAAC,CAAC"}

package/components/MFNoAuthApp/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/layouts/src/components/MFNoAuthApp/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAI3C;;GAEG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,oDAyClD;AAED,eAAe,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/layouts/src/components/MFNoAuthApp/index.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAI3C;;GAEG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,oDA4ClD;AAED,eAAe,WAAW,CAAC"}

package/components/MFNoAuthApp/index.js

@@ -1,41 +1,41 @@
 import { jsx as r } from "@emotion/react/jsx-runtime";
-import { DomainCountryProvider as l } from "@m4l/core";
-import { DeviceTypeProvider as a, FormatterProvider as p } from "@m4l/graphics";
-import { HostRuntimeProvider as h, BaseModule as f } from "@m4l/components";
-import { useMemo as y } from "react";
-import { createMFNoAuthHostRuntime as F } from "./createMFNoAuthHostRuntime.js";
-import { MFHostAppErrorBoundary as v } from "../MFHostApp/MFHostAppErrorBoundary.js";
-function H(e) {
+import { DomainCountryProvider as a } from "@m4l/core";
+import { DeviceTypeProvider as p, FormatterProvider as h } from "@m4l/graphics";
+import { useShellObservability as y, HostRuntimeProvider as v, BaseModule as f, MFObservabilityProvider as F } from "@m4l/components";
+import { useMemo as b } from "react";
+import { createMFNoAuthHostRuntime as M } from "./createMFNoAuthHostRuntime.js";
+import { MFHostAppErrorBoundary as A } from "../MFHostApp/MFHostAppErrorBoundary.js";
+function O(e) {
   const {
-    children: t,
-    formatters: i,
+    children: i,
+    formatters: t,
     moduleId: o,
     moduleNameField: n,
     skeletonFlags: m,
-    privileges: d,
-    componentsDictionary: s,
-    isAuth: u
-  } = e, c = y(() => F(), []);
-  return /* @__PURE__ */ r(h, { value: c, children: /* @__PURE__ */ r(a, { children: /* @__PURE__ */ r(l, { isMicroFrontEnd: !0, ...{
+    privileges: s,
+    componentsDictionary: d,
+    isAuth: l
+  } = e, u = b(() => M(), []), c = y();
+  return /* @__PURE__ */ r(v, { value: u, children: /* @__PURE__ */ r(p, { children: /* @__PURE__ */ r(a, { isMicroFrontEnd: !0, ...{
     id: 1,
     currency: "USD",
     currency_decimal_digits: 2,
     decimal_symbol: ".",
     thousands_symbol: ","
-  }, children: /* @__PURE__ */ r(v, { moduleId: o, children: /* @__PURE__ */ r(
+  }, children: /* @__PURE__ */ r(A, { moduleId: o, children: /* @__PURE__ */ r(
     f,
     {
-      isAuth: u,
+      isAuth: l,
       moduleId: o,
       moduleNameField: n,
-      componentsDictionary: s,
+      componentsDictionary: d,
       skeletonFlags: m,
-      privileges: d,
-      children: /* @__PURE__ */ r(p, { isMicroFrontEnd: !0, ...i, children: t })
+      privileges: s,
+      children: /* @__PURE__ */ r(h, { isMicroFrontEnd: !0, ...t, children: /* @__PURE__ */ r(F, { value: c, children: i }) })
     }
   ) }) }) }) });
 }
 export {
-  H as MFNoAuthApp,
-  H as default
+  O as MFNoAuthApp,
+  O as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/layouts",
-  "version": "9.7.0",
+  "version": "9.7.1",
   "publishConfig": {
     "access": "public"
   },

package/utils/createAppMF.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createAppMF.d.ts","sourceRoot":"","sources":["../../../../../packages/layouts/src/utils/createAppMF.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAS7C,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,GAAG,EAAE,CAAC,KAAK,EAAE;QAAE,UAAU,CAAC,EAAE,UAAU,CAAA;KAAE,KAAK,GAAG,CAAC,OAAO,CAAC;IACzD,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,oBAAoB,EAAE,MAAM,EAAE,CAAC;IAC/B,aAAa,EAAE,MAAM,EAAE,CAAC;CACzB,CAAC;AA6BF;;GAEG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,QAiFlD"}
+{"version":3,"file":"createAppMF.d.ts","sourceRoot":"","sources":["../../../../../packages/layouts/src/utils/createAppMF.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAS7C,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,GAAG,EAAE,CAAC,KAAK,EAAE;QAAE,UAAU,CAAC,EAAE,UAAU,CAAA;KAAE,KAAK,GAAG,CAAC,OAAO,CAAC;IACzD,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,oBAAoB,EAAE,MAAM,EAAE,CAAC;IAC/B,aAAa,EAAE,MAAM,EAAE,CAAC;CACzB,CAAC;AA6BF;;GAEG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,QAkFlD"}

package/utils/createAppMF.js

@@ -1,34 +1,34 @@
-import { jsx as u } from "@emotion/react/jsx-runtime";
+import { jsx as l } from "@emotion/react/jsx-runtime";
 import { MFHostApp as w } from "../components/MFHostApp/MFHostApp.js";
 import { createRoot as R } from "react-dom/client";
 function s(n, o) {
   return `__root_${n}_${o}`;
 }
-function $(n, o) {
+function v(n, o) {
   return window[s(n, o)];
 }
-function h(n, o, r) {
-  window[s(n, o)] = r;
+function $(n, o, i) {
+  window[s(n, o)] = i;
 }
-function v(n, o) {
+function h(n, o) {
   delete window[s(n, o)];
 }
-function y(n) {
+function a(n) {
   const {
     prefixMF: o,
-    moduleId: r,
-    App: l,
+    moduleId: i,
+    App: u,
     privileges: p,
     appVersion: t,
     componentsDictionary: g,
     skeletonFlags: f
   } = n;
   function _(e) {
-    const i = document.getElementById(e.containerId);
-    if (i) {
-      const m = R(i);
-      h(o, e.containerId, m), m.render(
-        /* @__PURE__ */ u(
+    const r = document.getElementById(e.containerId);
+    if (r) {
+      const m = R(r);
+      $(o, e.containerId, m), m.render(
+        /* @__PURE__ */ l(
           w,
           {
             environment: e.environment,
@@ -38,15 +38,16 @@ function y(n) {
             hostTheme: e.hostTheme,
             formatters: e.formatter,
             dynamicMFStore: e.dynamicMFStore,
-            moduleId: r,
+            moduleId: i,
             moduleVersion: t,
             privileges: p,
             skeletonFlags: f,
             componentsDictionary: g,
             windowTools: e.windowTools,
             hostRuntime: e.hostRuntime,
+            observability: e.observability,
             loggedUser: e.loggedUser,
-            children: /* @__PURE__ */ u(l, { emergeType: e.emergeType })
+            children: /* @__PURE__ */ l(u, { emergeType: e.emergeType })
           }
         )
       );
@@ -55,13 +56,13 @@ function y(n) {
   const d = ((e) => {
     _(e);
   });
-  d.__version = t, window[`render_v2_${o}_${r}`] = d, window[`unmount_${o}_${r}`] = (e) => {
-    const i = $(o, e);
-    i && (i.unmount(), process.env.NODE_ENV === "development" && console.debug(`unmount_${o}_${r}`, e), v(o, e));
+  d.__version = t, window[`render_v2_${o}_${i}`] = d, window[`unmount_${o}_${i}`] = (e) => {
+    const r = v(o, e);
+    r && (r.unmount(), process.env.NODE_ENV === "development" && console.debug(`unmount_${o}_${i}`, e), h(o, e));
   }, process.env.NODE_ENV === "development" && console.debug(
-    `******* Module ESM: ${o}_${r} - Version ${t} loaded ******* `
+    `******* Module ESM: ${o}_${i} - Version ${t} loaded ******* `
   );
 }
 export {
-  y as createAppMF
+  a as createAppMF
 };