@m4l/layouts 9.3.13-JAEBeta.0 → 9.3.13-JAEBeta.1

package/components/MFHostApp/MFHostApp.js

@@ -1,9 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import { unstable_HistoryRouter } from "react-router-dom";
-import { EnvironmentProvider, HostToolsProvider, NetworkProvider, DomainCountryProvider } from "@m4l/core";
+import { EnvironmentProvider, HostToolsProvider, NetworkProvider, AuthProvider, DomainCountryProvider } from "@m4l/core";
 import { DeviceTypeProvider, LocalesProvider, HostThemeProvider, FormatterProvider } from "@m4l/graphics";
 import { BaseModule, WindowToolsMFProvider, DynamicMFParmsProvider, AppearanceComponentProvider } from "@m4l/components";
-import { M as MFHostAppContainerStyled } from "./slots/MFHostAppSlots.js";
 function MFHostApp(props) {
   const {
     children,
@@ -21,10 +20,10 @@ function MFHostApp(props) {
     componentsDictionary,
     dynamicMFStore,
     windowTools,
-    emergeType = "layout",
-    overrideContainerStyles
+    // overrideContainerStyles,
+    loggedUser
   } = props;
-  return /* @__PURE__ */ jsx(EnvironmentProvider, { ...environment, children: /* @__PURE__ */ jsx(HostToolsProvider, { ...hostTools, children: /* @__PURE__ */ jsx(NetworkProvider, { axiosOperation, children: /* @__PURE__ */ jsx(DeviceTypeProvider, { children: /* @__PURE__ */ jsx(LocalesProvider, { isMicroFrontEnd: true, localeHost: currentLocale, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(EnvironmentProvider, { ...environment, children: /* @__PURE__ */ jsx(HostToolsProvider, { ...hostTools, children: /* @__PURE__ */ jsx(NetworkProvider, { axiosOperation, children: /* @__PURE__ */ jsx(DeviceTypeProvider, { children: /* @__PURE__ */ jsx(AuthProvider, { isMicroFrontEnd: true, loggedUser, children: /* @__PURE__ */ jsx(LocalesProvider, { isMicroFrontEnd: true, localeHost: currentLocale, children: /* @__PURE__ */ jsx(
     HostThemeProvider,
     {
       isMicroFrontEnd: true,
@@ -47,13 +46,13 @@ function MFHostApp(props) {
               componentsDictionary,
               skeletonFlags,
               privileges,
-              children: /* @__PURE__ */ jsx(FormatterProvider, { isMicroFrontEnd: true, ...formatters, children: /* @__PURE__ */ jsx(WindowToolsMFProvider, { ...windowTools, children: /* @__PURE__ */ jsx(DynamicMFParmsProvider, { store: dynamicMFStore, children: /* @__PURE__ */ jsx(AppearanceComponentProvider, { children: /* @__PURE__ */ jsx(MFHostAppContainerStyled, { ownerState: { emergeType }, style: overrideContainerStyles, children }) }) }) }) })
+              children: /* @__PURE__ */ jsx(FormatterProvider, { isMicroFrontEnd: true, ...formatters, children: /* @__PURE__ */ jsx(WindowToolsMFProvider, { ...windowTools, children: /* @__PURE__ */ jsx(DynamicMFParmsProvider, { store: dynamicMFStore, children: /* @__PURE__ */ jsx(AppearanceComponentProvider, { children }) }) }) })
             }
           )
         }
       ) })
     }
-  ) }) }) }) }) });
+  ) }) }) }) }) }) });
 }
 export {
   MFHostApp as M

package/components/MFHostApp/types.d.ts

@@ -1,7 +1,7 @@
-import { AxiosOperation, EnvironmentType, HostToolsType } from '@m4l/core';
+import { AuthUserType, AxiosOperation, EnvironmentType, HostToolsType } from '@m4l/core';
 import { Formatters, LocaleType, HostThemeType } from '@m4l/graphics';
 import { DynamicMFStore, WindowToolsMF, BaseModuleProps, EmergeType, M4LOverridesStyleRules } from '@m4l/components';
-import { MFHostAppSlots } from './slots/MFHostAppSlotsEnum';
+import { MFHostAppSlots } from './slots/styled';
 import { MF_HOST_APP_KEY } from './constants';
 import { Theme } from '@mui/material/styles';
 export interface ByHostProps {
@@ -24,13 +24,9 @@ export interface ByHostProps {
      */
     isAddEditModule?: boolean;
     /**
-     * Estilos para el contenedor de la aplicación, que es el content del WindowBase.
+     * loggedUser: usuario logueado, para los microfrontends que necesitan el usuario logueado
      */
-    overrideContainerStyles?: React.CSSProperties;
-    /**
-     * EmergeType tipo de lanzamiento de la ventana, popup, layout, modal
-     */
-    emergeType?: EmergeType;
+    loggedUser?: AuthUserType;
 }
 export type MFHostAppProps = ByHostProps & BaseModuleProps;
 export type MFHostAppOwnerState = {

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@m4l/layouts",
-  "version": "9.3.13-JAEBeta.0",
+  "version": "9.3.13-JAEBeta.1",
   "license": "UNLICENSED",
   "author": "M4L Team",
   "lint-staged": {
     "*.{js,ts,tsx}": "eslint --fix --max-warnings 0"
   },
   "peerDependencies": {
-    "@m4l/components": "^9.0.0",
+    "@m4l/components": "9.3.21-JAEBeta.1",
     "@m4l/core": "^2.0.0",
     "@m4l/graphics": "^7.0.0",
     "@m4l/styles": "^7.0.0"

package/utils/createAppMF.js

@@ -11,7 +11,7 @@ function createAppMF(props) {
     componentsDictionary,
     skeletonFlags
   } = props;
-  window[`render_${prefixMF}_${moduleId}`] = (containerId, environment, hostTools, currentLocale, hostTheme, axiosOperation, formatters, dynamicMFStore, windowTools, emergeType) => {
+  window[`render_${prefixMF}_${moduleId}`] = (containerId, environment, hostTools, currentLocale, hostTheme, axiosOperation, formatters, dynamicMFStore, windowTools, options) => {
     const container = document.getElementById(containerId);
     if (container) {
       const root = createRoot(container);
@@ -32,7 +32,8 @@ function createAppMF(props) {
             skeletonFlags,
             componentsDictionary,
             windowTools,
-            children: /* @__PURE__ */ jsx(App, { emergeType })
+            loggedUser: options.loggedUser,
+            children: /* @__PURE__ */ jsx(App, { emergeType: options.emergeType })
           }
         )
       );

package/components/MFHostApp/constants.js

@@ -1,4 +0,0 @@
-const MF_HOST_APP_KEY = "MFHostApp";
-export {
-  MF_HOST_APP_KEY as M
-};

package/components/MFHostApp/slots/MFHostAppSlots.js

@@ -1,11 +0,0 @@
-import { styled } from "@mui/material/styles";
-import { M as MF_HOST_APP_KEY } from "../constants.js";
-import { M as MFHostAppSlots } from "./MFHostAppSlotsEnum.js";
-import { m as mfHostAppStyles } from "../styles.js";
-const MFHostAppContainerStyled = styled("div", {
-  name: MF_HOST_APP_KEY,
-  slot: MFHostAppSlots.container
-})(mfHostAppStyles.container);
-export {
-  MFHostAppContainerStyled as M
-};

package/components/MFHostApp/slots/MFHostAppSlotsEnum.js

@@ -1,7 +0,0 @@
-var MFHostAppSlots = /* @__PURE__ */ ((MFHostAppSlots2) => {
-  MFHostAppSlots2["container"] = "container";
-  return MFHostAppSlots2;
-})(MFHostAppSlots || {});
-export {
-  MFHostAppSlots as M
-};

package/components/MFHostApp/styles.js

@@ -1,15 +0,0 @@
-const mfHostAppStyles = {
-  /**
-   * Estilos para el componente BaseModuleLayout.
-   */
-  container: ({ theme, ownerState }) => ({
-    padding: ownerState?.emergeType === "layout" ? theme.vars.size?.baseSpacings?.sp5 : theme.vars.size?.baseSpacings?.sp4,
-    display: "flex",
-    width: "100%",
-    height: "100%",
-    overflow: "auto"
-  })
-};
-export {
-  mfHostAppStyles as m
-};