@m4l/components 9.24.0-beta-feature-731-m4l-components-code-editor.8 → 9.24.1-beta-feature-731-code-editor.0

package/components/AppBar/AppBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppBar.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/AppBar/AppBar.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAoB,WAAW,EAAE,MAAM,SAAS,CAAC;AAaxD;;;;GAIG;AACH,eAAO,MAAM,MAAM,GAAI,OAAO,WAAW,qDAwExC,CAAC"}
+{"version":3,"file":"AppBar.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/AppBar/AppBar.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAoB,WAAW,EAAE,MAAM,SAAS,CAAC;AAaxD;;;;GAIG;AACH,eAAO,MAAM,MAAM,GAAI,OAAO,WAAW,qDAuFxC,CAAC"}

package/components/AppBar/AppBar.js

@@ -1,73 +1,80 @@
-import { jsxs as p, jsx as a } from "@emotion/react/jsx-runtime";
-import { useEnvironment as T, useModuleDictionary as M } from "@m4l/core";
-import { useIsMobile as S } from "@m4l/graphics";
+import { jsxs as u, jsx as a } from "@emotion/react/jsx-runtime";
+import { useEnvironment as M, useModuleDictionary as S } from "@m4l/core";
+import { useIsMobile as y } from "@m4l/graphics";
 import { TEST_PROP_ID as m } from "../../test/constants_no_mock.js";
-import { getComponentSlotRoot as C } from "../../utils/getComponentSlotRoot.js";
-import { PATH_IMG_HAMBURGUER as y, APP_BAR_KEY as R } from "./constants.js";
-import { AppBarRootStyled as I, PrimarySectionStyled as N, MenuIconButtonStyled as P, ContentStyled as D, EndContentStyled as x } from "./slots/AppBarSlots.js";
-import { getNameDataTestId as u } from "./tests/utils.js";
-function O(e, n) {
+import { getComponentSlotRoot as P } from "../../utils/getComponentSlotRoot.js";
+import { PATH_IMG_HAMBURGUER as R, APP_BAR_KEY as D } from "./constants.js";
+import { AppBarRootStyled as I, PrimarySectionStyled as N, MenuIconButtonStyled as x, ContentStyled as O, EndContentStyled as L } from "./slots/AppBarSlots.js";
+import { getNameDataTestId as g } from "./tests/utils.js";
+function V(e, n) {
   return n ? e("appbar.tooltip_toogle_menu") || "Open navigation menu" : "Toggle navigation sidebar";
 }
-const w = (e) => {
+const K = (e) => {
   const {
     onToggleVisible: n,
-    onToggleAnchored: g,
+    onToggleAnchored: f,
     sidebarAnchored: r,
-    children: b,
-    content: h,
+    children: h,
+    content: b,
     endContent: i,
     dataTestid: _,
     orientation: l = "vertical",
     size: s,
-    hasExpandedModule: f = !1
-  } = e, o = S(), { host_static_assets: v, environment_assets: A } = T(), { getLabel: E } = M(), B = C(R), d = O(E, o), c = h ?? b, t = {
+    hasExpandedModule: v = !1
+  } = e, o = y(), { host_static_assets: A, environment_assets: E } = M(), { getLabel: T } = S(), B = P(D), c = V(T, o), d = b ?? h, t = {
     hasEndContent: !!i,
-    hasExpandedModule: f,
+    hasExpandedModule: v,
     isMobile: o,
     orientation: l,
     sidebarAnchored: r,
     size: s
   };
-  return /* @__PURE__ */ p(
+  function C(p) {
+    if (o) {
+      p.preventDefault(), p.stopPropagation(), n();
+      return;
+    }
+    f();
+  }
+  return /* @__PURE__ */ u(
     I,
     {
       className: B,
       "data-orientation": l,
       ownerState: t,
-      ...process.env.NODE_ENV !== "production" ? { [m]: u(_) } : {},
+      ...process.env.NODE_ENV !== "production" ? { [m]: g(_) } : {},
       children: [
-        /* @__PURE__ */ p(N, { ownerState: t, children: [
+        /* @__PURE__ */ u(N, { ownerState: t, children: [
           /* @__PURE__ */ a(
-            P,
+            x,
             {
-              "aria-label": d,
+              "aria-label": c,
               dataTestId: o ? "AppBarMobileMenuButton" : "AppBarAnchoredButton",
-              onClick: o ? n : g,
+              onClick: C,
               role: o ? "button" : "anchored-button",
               rotationAngle: o ? void 0 : r ? 0 : 180,
               selected: o ? void 0 : r,
               size: s,
-              src: `${v}/${A}/${y}`,
-              tooltip: d,
+              src: `${A}/${E}/${R}`,
+              tooltip: c,
               variant: "outline",
               color: "default"
             }
           ),
-          c ? /* @__PURE__ */ a(
-            D,
+          d ? /* @__PURE__ */ a(
+            O,
             {
               ownerState: t,
-              ...process.env.NODE_ENV !== "production" ? { [m]: u("containerChilds") } : {},
-              children: c
+              ...process.env.NODE_ENV !== "production" ? { [m]: g("containerChilds") } : {},
+              children: d
             }
           ) : null
         ] }),
-        i ? /* @__PURE__ */ a(x, { ownerState: t, children: i }) : null
+        i ? /* @__PURE__ */ a(L, { ownerState: t, children: i }) : null
       ]
     }
   );
 };
 export {
-  w as AppBar
+  K as AppBar
 };

package/components/AppBar/types.d.ts

@@ -29,11 +29,11 @@ export interface AppBarProps {
     /**
      * Toggle handler for the temporary mobile sidebar drawer.
      */
-    onToggleVisible: () => void;
+    onToggleVisible: (nextVisible?: boolean) => void;
     /**
      * Toggle handler for the anchored desktop sidebar state.
      */
-    onToggleAnchored: () => void;
+    onToggleAnchored: (nextAnchored?: boolean) => void;
     /**
      * Primary content rendered after the internal toggle control.
      */

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/AppBar/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC7C,OAAO,EAAE,oBAAoB,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAC1D,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEjD,MAAM,MAAM,iBAAiB,GAAG,UAAU,GAAG,YAAY,CAAC;AAE1D,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC,oBAAoB,EAAE,SAAS,CAAC,CAAC;IACjD;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,QAAQ,CAAC,CAAC;IAC1C;;OAEG;IACH,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB;;OAEG;IACH,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC;;OAEG;IACH,eAAe,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B;;OAEG;IACH,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC3B;;OAEG;IACH,WAAW,EAAE,iBAAiB,CAAC;IAC/B;;OAEG;IACH,aAAa,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,iBAAiB,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,eAAe,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,WAAW,CAAC;AAEvD,MAAM,MAAM,YAAY,GAAG,sBAAsB,CAC/C,eAAe,EACf,OAAO,WAAW,EAClB,KAAK,CACN,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/AppBar/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC7C,OAAO,EAAE,oBAAoB,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAC1D,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEjD,MAAM,MAAM,iBAAiB,GAAG,UAAU,GAAG,YAAY,CAAC;AAE1D,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC,oBAAoB,EAAE,SAAS,CAAC,CAAC;IACjD;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,QAAQ,CAAC,CAAC;IAC1C;;OAEG;IACH,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB;;OAEG;IACH,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC;;OAEG;IACH,eAAe,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,eAAe,EAAE,CAAC,WAAW,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD;;OAEG;IACH,gBAAgB,EAAE,CAAC,YAAY,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACnD;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC3B;;OAEG;IACH,WAAW,EAAE,iBAAiB,CAAC;IAC/B;;OAEG;IACH,aAAa,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,iBAAiB,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,eAAe,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,WAAW,CAAC;AAEvD,MAAM,MAAM,YAAY,GAAG,sBAAsB,CAC/C,eAAe,EACf,OAAO,WAAW,EAClB,KAAK,CACN,CAAC"}

package/components/GridLayout/subcomponents/GridItem/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/GridLayout/subcomponents/GridItem/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAQN,MAAM,OAAO,CAAC;AAaf,OAAO,EAAE,aAAa,EAA2B,MAAM,SAAS,CAAC;AAcjE;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,oDAskB5C;AACD,eAAO,MAAM,iBAAiB,4CAE5B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/GridLayout/subcomponents/GridItem/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAQN,MAAM,OAAO,CAAC;AAaf,OAAO,EAAE,aAAa,EAA2B,MAAM,SAAS,CAAC;AAcjE;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,oDAukB5C;AACD,eAAO,MAAM,iBAAiB,4CAE5B,CAAC"}

package/components/GridLayout/subcomponents/GridItem/index.js

@@ -12,7 +12,7 @@ function et(z) {
   const {
     layoutItemRender: P,
     type: N,
-    i: p,
+    i: f,
     x: w,
     y: W,
     w: A,
@@ -23,7 +23,7 @@ function et(z) {
     containerHeight: O = qe,
     margin: G = Je,
     containerPadding: U = Ke,
-    transformScale: f = Qe,
+    transformScale: h = Qe,
     colapsedHeight: T = Ve,
     isBounded: de,
     maxRows: B = 1 / 0,
@@ -131,16 +131,16 @@ function et(z) {
     const r = { top: 0, left: 0 }, { offsetParent: c } = t;
     if (!c)
       return;
-    const o = c.getBoundingClientRect(), i = t.getBoundingClientRect(), s = i.left / f, l = o.left / f, E = i.top / f, I = o.top / f;
+    const o = c.getBoundingClientRect(), i = t.getBoundingClientRect(), s = i.left / h, l = o.left / h, E = i.top / h, I = o.top / h;
     r.left = s - l + c.scrollLeft, r.top = E - I + c.scrollTop, u.current.dragging = r, _((J) => ({ ...J, dragging: r }));
-    const { x: h, y: q } = V(
+    const { x: p, y: q } = V(
       H(),
       r.top,
       r.left,
       e.current.w,
       e.current.h
     );
-    re(p, h, q, {
+    re(f, p, q, {
       e: n,
       node: t,
       newPosition: r
@@ -152,9 +152,9 @@ function et(z) {
       let o = u.current.dragging.top + c, i = u.current.dragging.left + r;
       const s = H();
       if (de) {
-        const { offsetParent: h } = t;
-        if (h) {
-          const q = h.clientHeight - le(
+        const { offsetParent: p } = t;
+        if (p) {
+          const q = p.clientHeight - le(
             e.current.h,
             e.current.rowHeight,
             e.current.margin[1]
@@ -165,7 +165,7 @@ function et(z) {
         }
       }
       const l = { top: o, left: i };
-      u.current.dragging = l, _((h) => ({ ...h, dragging: l }));
+      u.current.dragging = l, _((p) => ({ ...p, dragging: l }));
       const { x: E, y: I } = V(
         s,
         o,
@@ -173,7 +173,7 @@ function et(z) {
         e.current.w,
         e.current.h
       );
-      ie(p, E, I, {
+      ie(f, E, I, {
         e: n,
         node: t,
         newPosition: l
@@ -193,7 +193,7 @@ function et(z) {
       e.current.w,
       e.current.h
     );
-    return oe(p, i, s, {
+    return oe(f, i, s, {
       e: n,
       node: t,
       newPosition: o
@@ -213,10 +213,10 @@ function et(z) {
       const l = Math.max(e.current.minW, 1), E = Math.min(e.current.maxW, e.current.cols - e.current.x);
       i = v(i, l, E), s = v(s, e.current.minH, e.current.maxH);
       const I = c === "onResizeStop" ? void 0 : r;
-      _((h) => ({
-        ...h,
+      _((p) => ({
+        ...p,
         resizing: I
-      })), u.current.resizing = I, o(p, i, s, { e: n, node: t, size: r });
+      })), u.current.resizing = I, o(f, i, s, { e: n, node: t, size: r });
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
@@ -225,7 +225,7 @@ function et(z) {
   }, []), ze = d((n, t) => {
     j(n, t, "onResizeStart");
   }, []), Se = d(() => {
-    ce && ce(p);
+    ce && ce(f);
   }, []), Te = d(
     (n, t, r) => {
       const c = F(r, 0, 0, S - w, 0, m).width, o = F(r, 0, 0, y, D, m), i = F(r, 0, 0, b, C, m), s = [o.width, o.height], l = [
@@ -246,7 +246,7 @@ function et(z) {
           onResizeStop: Ie,
           onResizeStart: ze,
           onResize: ye,
-          transformScale: f,
+          transformScale: h,
           resizeHandles: ee,
           handle: te,
           children: n
@@ -262,7 +262,7 @@ function et(z) {
       b,
       C,
       X,
-      f,
+      h,
       ee,
       te,
       m,
@@ -278,13 +278,13 @@ function et(z) {
         onStop: He,
         handle: Z,
         cancel: ".react-resizable-handle" + (k ? "," + k : ""),
-        scale: f,
+        scale: h,
         nodeRef: ae,
         children: n
       }
     ),
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [Y, Z, f, k, m]
+    [Y, Z, h, k, m]
   ), ye = d((n, t) => {
     j(n, t, "onResize");
   }, []), Ce = H(R, O), se = F(
@@ -315,9 +315,10 @@ function et(z) {
     ...fe,
     ...Re(se)
     //TODO: Delegar el estilo en el ItemRender
-  }, Le = Fe(() => /* @__PURE__ */ L(P, { type: N, i: p }), [N, p]), We = De(Te(/* @__PURE__ */ L(
+  }, Le = Fe(() => /* @__PURE__ */ L(P, { type: N, i: f }), [N, f]), We = De(Te(/* @__PURE__ */ L(
     "div",
     {
+      "data-grid-item-id": f,
       className: be,
       ref: ae,
       style: Ee,

package/components/MFIsolationApp/MFIsolationApp.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MFIsolationApp.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/MFIsolationApp/MFIsolationApp.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EACV,mBAAmB,EAEpB,MAAM,SAAS,CAAC;AAqEjB;;GAEG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,oDAmLxD"}
+{"version":3,"file":"MFIsolationApp.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/MFIsolationApp/MFIsolationApp.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EACV,mBAAmB,EAEpB,MAAM,SAAS,CAAC;AAqEjB;;GAEG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,oDAkLxD"}

package/components/MFIsolationApp/MFIsolationApp.js

@@ -1,47 +1,47 @@
-import { jsx as o, jsxs as w } from "@emotion/react/jsx-runtime";
-import { useMemo as h, useCallback as A, useId as X } from "react";
+import { jsx as o, jsxs as A } from "@emotion/react/jsx-runtime";
+import { useMemo as h, useCallback as _, useId as X } from "react";
 import { unstable_HistoryRouter as Y } from "react-router-dom";
 import { createBrowserHistory as oo } from "history";
 import eo from "eventemitter3";
-import _ from "nprogress";
-import { DeviceTypeProvider as to, ThemeSettingsProvider as ro, LocalesProvider as io, getLocaleFromNetwork as so, AppearanceComponentProvider as no } from "@m4l/graphics";
+import P from "nprogress";
+import { DeviceTypeProvider as to, ThemeSettingsProvider as ro, LocalesProvider as so, getLocaleFromNetwork as io, AppearanceComponentProvider as no } from "@m4l/graphics";
 import { axiosOperation as ao, EnvironmentProvider as mo, HostToolsProvider as lo, NetworkProvider as po, AuthProvider as co, useAuth as ho, useEnvironment as uo, useNetwork as vo } from "@m4l/core";
 import { WrapperAppBarContentChildrenStyled as fo, WrapperContentChildrenStyled as Ao } from "./slots/MFIsolationAppSlots.js";
 import { MFIsolationAppErrorBoundary as _o } from "./MFIsolationAppErrorBoundary.js";
 import Po from "../ToastContainer/helpers/toaster.js";
 import { ShellObservabilityProvider as Io } from "../../contexts/ShellObservabilityContext/ShellObservabilityContext.js";
-import { MFIsolationThemeBridge as bo } from "./subcomponents/MFIsolationThemeBridge/MFIsolationThemeBridge.js";
-import { MFAuthApp as yo } from "./subcomponents/MFAuthApp/MFAuthApp.js";
+import { MFAuthApp as bo } from "./subcomponents/MFAuthApp/MFAuthApp.js";
+import { ThemeSettingsHostToolsBridge as yo } from "./subcomponents/ThemeSettingsHostToolsBridge/ThemeSettingsHostToolsBridge.js";
 import { BaseModule as go } from "../BaseModule/BaseModule.js";
 import { SettingsLayout as ko } from "../SettingsLayout/SettingsLayout.js";
 import { ToastContainer as wo } from "../ToastContainer/ToastContainer.js";
-import { PopupsProvider as Fo } from "../popups/components/PopupsProvider/contexts/PopupsContext/PopupsContext.js";
-import { AreasProvider as Ro } from "../areas/contexts/AreasContext/index.js";
+import { PopupsProvider as Ro } from "../popups/components/PopupsProvider/contexts/PopupsContext/PopupsContext.js";
+import { AreasProvider as Fo } from "../areas/contexts/AreasContext/index.js";
 import { AppBarSettings as Lo } from "./subcomponents/AppBarSettings/AppBarSettings.js";
 import { HostRuntimeProvider as So } from "../../contexts/HostRuntimeContext/HostRuntimeContext.js";
-import { MFObservabilityProvider as Co } from "../WindowBase/contexts/MFObservabilityContext/MFObservabilityContext.js";
-const F = oo({ window });
-function Eo(u) {
-  const { children: v, hostRuntime: i, resolveHostRuntime: s } = u, { user: n } = ho(), {
+import { MFObservabilityProvider as To } from "../WindowBase/contexts/MFObservabilityContext/MFObservabilityContext.js";
+const R = oo({ window });
+function Co(u) {
+  const { children: v, hostRuntime: s, resolveHostRuntime: i } = u, { user: n } = ho(), {
     database: a,
     hostApiIcons: m,
     hostApiLocal: l,
     hostApiRemote: p
-  } = uo(), { networkOperation: d } = vo(), f = h(() => s ? s({
+  } = uo(), { networkOperation: d } = vo(), f = h(() => i ? i({
     database: a,
     hostApiIcons: m,
     hostApiLocal: l,
     hostApiRemote: p,
     networkOperation: d,
     sessionId: n?.sessionId
-  }) ?? i : i, [
+  }) ?? s : s, [
     a,
     m,
     l,
     p,
-    i,
-    d,
     s,
+    d,
+    i,
     n?.sessionId
   ]);
   return /* @__PURE__ */ o(So, { value: f, children: v });
@@ -49,8 +49,8 @@ function Eo(u) {
 function oe(u) {
   const {
     children: v,
-    user: i,
-    pwd: s,
+    user: s,
+    pwd: i,
     database: n = "domain",
     // 'domain
     hostApiLocal: a,
@@ -59,33 +59,33 @@ function oe(u) {
     host_api_icons: p,
     hostApiRemote: d,
     host_api_remote: f,
-    host_static_assets: R,
+    host_static_assets: F,
     environment_assets: L,
-    moduleId: P,
+    moduleId: I,
     skeletonFlags: S,
-    moduleNameField: C,
-    privileges: E,
-    componentsDictionary: M,
-    onLoad: T,
-    activeAreasNetwork: x = !1,
-    activeCookiesFromNetwork: B = !1,
+    moduleNameField: T,
+    privileges: C,
+    componentsDictionary: E,
+    onLoad: H,
+    activeAreasNetwork: M = !1,
+    activeCookiesFromNetwork: x = !1,
     // observedDivRef,
-    moduleDictionaryLoaded: H,
+    moduleDictionaryLoaded: B,
     forcedDeviceType: N,
-    areasStoreId: I,
-    areasStoreDevtoolsEnabled: b,
+    areasStoreId: b,
+    areasStoreDevtoolsEnabled: y,
     appBarSettings: D = !0,
     axiosOperation: O = ao,
     googleMapsApiKey: j,
     hostRuntime: W,
-    observability: y,
+    observability: g,
     resolveHostRuntime: $
-  } = u, g = a ?? m ?? "", c = d ?? f ?? "", K = l ?? p ?? `${c}/main/icons`, e = h(() => new eo(), []), Z = A(
+  } = u, k = a ?? m ?? "", c = d ?? f ?? "", K = l ?? p ?? `${c}/main/icons`, e = h(() => new eo(), []), Z = _(
     (t, r) => {
       e.on(t, r);
     },
     [e]
-  ), q = A(
+  ), q = _(
     (t, r) => {
       if (r === null) {
         e.removeListener(t);
@@ -94,17 +94,17 @@ function oe(u) {
       e.removeListener(t, r);
     },
     [e]
-  ), z = A(
+  ), z = _(
     (t, r) => {
       e.emit(t, r);
     },
     [e]
   ), G = () => {
-    _.configure({
+    P.configure({
       showSpinner: !0
-    }), _.start();
+    }), P.start();
   }, J = () => {
-    _.done();
+    P.done();
   }, Q = h(
     () => ({
       host: "",
@@ -112,21 +112,21 @@ function oe(u) {
       domain_token: "lab1",
       domainToken: "lab1",
       database: n,
-      host_api_local: g,
-      hostApiLocal: g,
+      host_api_local: k,
+      hostApiLocal: k,
       host_api_remote: c,
       hostApiRemote: c,
       hostRemote: c,
-      host_static_assets: R,
+      host_static_assets: F,
       environment_assets: L,
       hostApiIcons: K,
       googleMapsApiKey: j
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
-  ), k = X(), U = Po(k), V = h(
+  ), w = X(), U = Po(w), V = h(
     () => ({
-      history: F,
+      history: R,
       toast: U,
       startProgress: G,
       stopProgress: J,
@@ -137,56 +137,59 @@ function oe(u) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
   );
-  return /* @__PURE__ */ o(mo, { ...Q, children: /* @__PURE__ */ o(lo, { ...V, children: /* @__PURE__ */ o(po, { axiosOperation: O, children: /* @__PURE__ */ o(Io, { value: y, children: /* @__PURE__ */ o(Co, { value: y, children: /* @__PURE__ */ o(
+  return /* @__PURE__ */ o(mo, { ...Q, children: /* @__PURE__ */ o(lo, { ...V, children: /* @__PURE__ */ o(po, { axiosOperation: O, children: /* @__PURE__ */ o(Io, { value: g, children: /* @__PURE__ */ o(To, { value: g, children: /* @__PURE__ */ o(
     Y,
     {
-      history: F,
+      history: R,
       future: { v7_startTransition: !0, v7_relativeSplatPath: !0 },
-      children: /* @__PURE__ */ o(to, { forcedDeviceType: N, children: /* @__PURE__ */ o(co, { children: /* @__PURE__ */ o(ro, { children: /* @__PURE__ */ o(bo, { children: /* @__PURE__ */ o(yo, { user: i, pwd: s, children: /* @__PURE__ */ o(io, { isMicroFrontEnd: !1, getLocaleFromNetwork: so, children: /* @__PURE__ */ o(
-        go,
-        {
-          moduleId: P,
-          privileges: E,
-          skeletonFlags: S,
-          componentsDictionary: M,
-          moduleNameField: C,
-          moduleDictionaryLoaded: H,
-          children: /* @__PURE__ */ o(_o, { moduleId: P, children: /* @__PURE__ */ w(no, { children: [
-            /* @__PURE__ */ o(ko, {}),
-            /* @__PURE__ */ o(wo, { containerId: k }),
-            " ",
-            /* @__PURE__ */ o(
-              Eo,
-              {
-                hostRuntime: W,
-                resolveHostRuntime: $,
-                children: /* @__PURE__ */ o(
-                  Fo,
-                  {
-                    baseZindex: 1e3,
-                    storeId: I,
-                    storeDevtoolsEnabled: b,
-                    children: /* @__PURE__ */ o(
-                      Ro,
-                      {
-                        storeId: I,
-                        storeDevtoolsEnabled: b,
-                        onLoad: T,
-                        loadAreasFromNetwork: x,
-                        loadCookiesFromNetwork: B,
-                        children: /* @__PURE__ */ w(fo, { children: [
-                          D && /* @__PURE__ */ o(Lo, {}),
-                          /* @__PURE__ */ o(Ao, { children: v })
-                        ] })
-                      }
-                    )
-                  }
-                )
-              }
-            )
-          ] }) })
-        }
-      ) }) }) }) }) }) })
+      children: /* @__PURE__ */ o(to, { forcedDeviceType: N, children: /* @__PURE__ */ o(co, { children: /* @__PURE__ */ o(bo, { user: s, pwd: i, children: /* @__PURE__ */ A(ro, { children: [
+        /* @__PURE__ */ o(yo, {}),
+        /* @__PURE__ */ o(so, { isMicroFrontEnd: !1, getLocaleFromNetwork: io, children: /* @__PURE__ */ o(
+          go,
+          {
+            moduleId: I,
+            privileges: C,
+            skeletonFlags: S,
+            componentsDictionary: E,
+            moduleNameField: T,
+            moduleDictionaryLoaded: B,
+            children: /* @__PURE__ */ o(_o, { moduleId: I, children: /* @__PURE__ */ A(no, { children: [
+              /* @__PURE__ */ o(ko, {}),
+              /* @__PURE__ */ o(wo, { containerId: w }),
+              " ",
+              /* @__PURE__ */ o(
+                Co,
+                {
+                  hostRuntime: W,
+                  resolveHostRuntime: $,
+                  children: /* @__PURE__ */ o(
+                    Ro,
+                    {
+                      baseZindex: 1e3,
+                      storeId: b,
+                      storeDevtoolsEnabled: y,
+                      children: /* @__PURE__ */ o(
+                        Fo,
+                        {
+                          storeId: b,
+                          storeDevtoolsEnabled: y,
+                          onLoad: H,
+                          loadAreasFromNetwork: M,
+                          loadCookiesFromNetwork: x,
+                          children: /* @__PURE__ */ A(fo, { children: [
+                            D && /* @__PURE__ */ o(Lo, {}),
+                            /* @__PURE__ */ o(Ao, { children: v })
+                          ] })
+                        }
+                      )
+                    }
+                  )
+                }
+              )
+            ] }) })
+          }
+        ) })
+      ] }) }) }) })
     }
   ) }) }) }) }) });
 }

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

@@ -1 +1 @@
-{"version":3,"file":"MFAuthApp.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/MFIsolationApp/subcomponents/MFAuthApp/MFAuthApp.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAC9C;;GAEG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,oDA6C9C"}
+{"version":3,"file":"MFAuthApp.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/MFIsolationApp/subcomponents/MFAuthApp/MFAuthApp.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAC9C;;GAEG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,oDAsD9C"}

package/components/MFIsolationApp/subcomponents/MFAuthApp/MFAuthApp.js

@@ -1,14 +1,15 @@
-import { jsx as e } from "@emotion/react/jsx-runtime";
-import { useEffect as a } from "react";
-import { format as u } from "date-fns";
-import { useAuth as l, DomainCountryProvider as y } from "@m4l/core";
-import { FormatterProvider as _ } from "@m4l/graphics";
-function g(n) {
-  const { children: c, user: d, pwd: m } = n, { isAuthenticated: o, isInitialized: t, login: s, user: i } = l();
-  if (a(() => {
-    t && o === !1 && s(d, m, !1);
-  }, [t, o]), !o)
-    return /* @__PURE__ */ e("div", { children: "Pendiente por autenticarse" });
+import { jsx as o } from "@emotion/react/jsx-runtime";
+import { useEffect as l } from "react";
+import { format as y } from "date-fns";
+import { useAuth as _, useLocalStorage as f, DomainCountryProvider as h } from "@m4l/core";
+import { KEY_LOCAL_STORAGE_THEME_SETTINGS as p, defaultThemeSettings as g, HostThemeProvider as C, FormatterProvider as E } from "@m4l/graphics";
+import { getUserThemeOptions as b, fnComponentsOverrides as T } from "@m4l/styles";
+function D(s) {
+  const { children: m, user: c, pwd: d } = s, { isAuthenticated: t, isInitialized: i, login: a, user: e } = _(), [n] = f(p, g);
+  if (l(() => {
+    i && t === !1 && a(c, d, !1);
+  }, [i, t]), !t)
+    return /* @__PURE__ */ o("div", { children: "Pendiente por autenticarse" });
   const r = {
     id: 1,
     currency: "USD",
@@ -16,21 +17,31 @@ function g(n) {
     decimal_symbol: ".",
     thousands_symbol: ","
   };
-  return i?.domainCountry && (r.id = i?.domainCountry.id ?? r.id, r.currency = i?.domainCountry.currency ?? r.currency, r.currency_decimal_digits = i?.domainCountry.currency_decimal_digits ?? r.currency_decimal_digits, r.decimal_symbol = i?.domainCountry.decimal_symbol ?? r.decimal_symbol, r.thousands_symbol = i?.domainCountry?.thousands_symbol ?? r.thousands_symbol), /* @__PURE__ */ e(y, { ...r, isMicroFrontEnd: !1, children: /* @__PURE__ */ e(
-    _,
+  e?.domainCountry && (r.id = e?.domainCountry.id ?? r.id, r.currency = e?.domainCountry.currency ?? r.currency, r.currency_decimal_digits = e?.domainCountry.currency_decimal_digits ?? r.currency_decimal_digits, r.decimal_symbol = e?.domainCountry.decimal_symbol ?? r.decimal_symbol, r.thousands_symbol = e?.domainCountry?.thousands_symbol ?? r.thousands_symbol);
+  const u = b(n.themeMode, n.themeColor);
+  return /* @__PURE__ */ o(
+    C,
     {
-      isMicroFrontEnd: !1,
-      dateFormatter: {
-        formatDate: u
-      },
-      currencyFormatter: {
-        code: r.currency,
-        decimalDigits: r.currency_decimal_digits
-      },
-      children: c
+      hostThemeOptions: u,
+      fnComponentsOverrides: T,
+      isMicroFrontEnd: !0,
+      children: /* @__PURE__ */ o(h, { ...r, isMicroFrontEnd: !1, children: /* @__PURE__ */ o(
+        E,
+        {
+          isMicroFrontEnd: !1,
+          dateFormatter: {
+            formatDate: y
+          },
+          currencyFormatter: {
+            code: r.currency,
+            decimalDigits: r.currency_decimal_digits
+          },
+          children: m
+        }
+      ) })
     }
-  ) });
+  );
 }
 export {
-  g as MFAuthApp
+  D as MFAuthApp
 };