@m4l/layouts 2.0.4 → 3.0.0

package/components/MFHostApp/{index.8ccceab6.js → index-_3WAKrrA.js}

@@ -2,8 +2,8 @@ import { unstable_HistoryRouter } from "react-router-dom";
 import { EnvironmentProvider, HostToolsProvider, NetworkProvider, DomainCountryProvider } from "@m4l/core";
 import { LocalesProvider, HostThemeProvider, ResponsiveContainerProvider, FormatterProvider } from "@m4l/graphics";
 import { BaseModule, WindowToolsMFProvider, DynamicMFParmsProvider } from "@m4l/components";
-import { M as MFWindowsTitle } from "../index.26c591f5.js";
 import { jsx } from "react/jsx-runtime";
+import { M as MFWindowsTitle } from "../index-uQ5qk7MJ.js";
 function MFHostApp(props) {
   const {
     children,

package/components/{index.26c591f5.js → index-uQ5qk7MJ.js}

@@ -3,7 +3,6 @@ import { FormatterProvider, ResponsiveContainerProvider } from "@m4l/graphics";
 import { BaseModule, useSetWindowsTitle } from "@m4l/components";
 import { jsx } from "react/jsx-runtime";
 import { Fragment } from "react";
-import "react-router-dom";
 function MFNoAuthApp(props) {
   const {
     children,

package/contexts/AuthContext/{index.59755369.js → index-DARkRRM4.js}

@@ -61,8 +61,9 @@ function AuthProvider(props) {
     domain_token
   } = useEnvironment();
   const [nextValSession, setNextValSession] = useLocalStorageWithListener(
+    //Variable para saber si ha cambiado la session en otro navegador
     "vSession",
-    new Date().getTime() + ""
+    (/* @__PURE__ */ new Date()).getTime() + ""
   );
   useEffect(() => {
     const initialize = async () => {
@@ -124,7 +125,7 @@ function AuthProvider(props) {
           user
         }
       });
-      setNextValSession(new Date().getTime() + "");
+      setNextValSession((/* @__PURE__ */ new Date()).getTime() + "");
     });
   };
   const logout = async (isAuthenticated) => {
@@ -137,7 +138,7 @@ function AuthProvider(props) {
     dispatch({
       type: EnumTypes.Logout
     });
-    setNextValSession(new Date().getTime() + "");
+    setNextValSession((/* @__PURE__ */ new Date()).getTime() + "");
   };
   const onNetserviceUnautorized = () => {
     logout(false);

package/contexts/index-l0sNRNKZ.js

@@ -0,0 +1 @@
+

package/hooks/index-l0sNRNKZ.js

@@ -0,0 +1 @@
+

package/hooks/useAuth/{index.ae68bf71.js → index-8hAi3guc.js}

@@ -1,9 +1,8 @@
 import { useContext } from "react";
-import { A as AuthContext } from "../../contexts/AuthContext/index.59755369.js";
+import { A as AuthContext } from "../../contexts/AuthContext/index-DARkRRM4.js";
 const useAuth = () => {
   const context = useContext(AuthContext);
-  if (!context)
-    throw new Error("Auth context must be use inside AuthProvider");
+  if (!context) throw new Error("Auth context must be use inside AuthProvider");
   return context;
 };
 export {

package/hooks/useMasterDetail/{index.d45f2a86.js → index-D4QUQYYc.js}

@@ -1,5 +1,5 @@
 import { useContext } from "react";
-import { M as MasterDetailContext } from "../../layouts/MasterDetailLayout/index.748f7ada.js";
+import { M as MasterDetailContext } from "../../layouts/MasterDetailLayout/index-DeC4RoBs.js";
 const useMasterDetail = () => useContext(MasterDetailContext);
 export {
   useMasterDetail as u

package/hooks/useModule/{index.b5f598b1.js → index-FY5nsBmE.js}

@@ -1,9 +1,8 @@
 import { useContext } from "react";
-import { M as ModuleContext } from "../../layouts/ModuleLayout/index.e7218171.js";
+import { M as ModuleContext } from "../../layouts/ModuleLayout/index-DAtDuh6s.js";
 const useModule = () => {
   const context = useContext(ModuleContext);
-  if (!context)
-    throw new Error("useModule context must be use inside ModuleContext");
+  if (!context) throw new Error("useModule context must be use inside ModuleContext");
   return context;
 };
 export {

package/index.js

@@ -1,21 +1,12 @@
-import { a } from "./components/index.26c591f5.js";
-import { M } from "./components/MFHostApp/index.8ccceab6.js";
-import { A, a as a2 } from "./contexts/AuthContext/index.59755369.js";
-import { a as a3, d, g } from "./layouts/ModuleLayout/index.e7218171.js";
-import { a as a4, d as d2, g as g2 } from "./layouts/MasterDetailLayout/index.748f7ada.js";
-import { N, d as d3, g as g3 } from "./layouts/NoAuthModuleLayout/index.83cd3ea3.js";
-import { u } from "./hooks/useMasterDetail/index.d45f2a86.js";
-import { u as u2 } from "./hooks/useAuth/index.ae68bf71.js";
-import { u as u3 } from "./hooks/useModule/index.b5f598b1.js";
-import "@m4l/core";
-import "@m4l/graphics";
-import "@m4l/components";
-import "react/jsx-runtime";
-import "react";
-import "react-router-dom";
-import "@mui/material/styles";
-import "@mui/material";
-import "@mui/base";
+import { a } from "./components/index-uQ5qk7MJ.js";
+import { M } from "./components/MFHostApp/index-_3WAKrrA.js";
+import { A, a as a2 } from "./contexts/AuthContext/index-DARkRRM4.js";
+import { a as a3, d, g } from "./layouts/ModuleLayout/index-DAtDuh6s.js";
+import { a as a4, d as d2, g as g2 } from "./layouts/MasterDetailLayout/index-DeC4RoBs.js";
+import { N, d as d3, g as g3 } from "./layouts/NoAuthModuleLayout/index-CUgDdhzy.js";
+import { u } from "./hooks/useMasterDetail/index-D4QUQYYc.js";
+import { u as u2 } from "./hooks/useAuth/index-8hAi3guc.js";
+import { u as u3 } from "./hooks/useModule/index-FY5nsBmE.js";
 export {
   A as AuthContext,
   a2 as AuthProvider,

package/layouts/MasterDetailLayout/{index.748f7ada.js → index-DeC4RoBs.js}

@@ -1,7 +1,7 @@
 import { createContext, useState, useRef, useMemo, useCallback } from "react";
 import { voidFunction, useEnvironment, useModuleDictionary } from "@m4l/core";
 import { WindowBase, SplitLayout } from "@m4l/components";
-import { a as ModuleLayout, g as getModuleLayoutComponentsDictionary } from "../ModuleLayout/index.e7218171.js";
+import { a as ModuleLayout, g as getModuleLayoutComponentsDictionary } from "../ModuleLayout/index-DAtDuh6s.js";
 import { jsx } from "react/jsx-runtime";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { generateUtilityClasses, generateUtilityClass, styled } from "@mui/material";
@@ -29,7 +29,9 @@ function MasterDetailProvider(props) {
 }
 const componentName = "M4LMasterDetailLayout";
 generateUtilityClasses(componentName, [
+  /* elements */
   "root"
+  /* states or variants of elements */
 ]);
 function getMasterDetailLayoutUtilityClass(slot) {
   return generateUtilityClass(componentName, slot);
@@ -58,6 +60,7 @@ function MasterDetailLayout(props) {
     detailComponent,
     moduleActions,
     version
+    // defaultDictionary,
   } = props;
   const {
     host_static_assets,
@@ -111,6 +114,7 @@ function MasterDetailLayout(props) {
           children: typeof detailComponent === "function" ? detailComponent({}) : detailComponent
         }
       )
+      // actions: undefined,
     });
   }, [detailComponent, getLabel]);
   const finalModuleActions = useMemo(() => {
@@ -146,6 +150,7 @@ const defaultMasterDetailDictionary = {
     no_split: "No split",
     view_detail: "View detail"
   }
+  //...defaultModuleLayoutDictionary,
 };
 export {
   MasterDetailContext as M,

package/layouts/ModuleLayout/{index.e7218171.js → index-DAtDuh6s.js}

@@ -11,8 +11,10 @@ const InnerModuleRoot = styled("div")(({
 }));
 const componentName = "M4LModuleLayout";
 generateUtilityClasses(componentName, [
+  /* elements */
   "root",
   "moduleContent"
+  /* states or variants of elements */
 ]);
 function getModuleLayoutUtilityClass(slot) {
   return generateUtilityClass(componentName, slot);
@@ -74,8 +76,13 @@ function ModuleProvider(props) {
   }, [finalModuleActions]);
   return /* @__PURE__ */ jsx(ModuleContext.Provider, {
     value: {
+      // moduleActions: finalModuleActions,
+      // dynamicActions,
       setDynamicActions,
       moduleId: configOptions.moduleId
+      // moduleNameField: configOptions.moduleNameField,
+      // urlIcon: configOptions.urlIcon,
+      // breadcrumbLinks: configOptions.breadcrumbLinks,
     },
     children
   });

package/layouts/NoAuthModuleLayout/{index.83cd3ea3.js → index-CUgDdhzy.js}

@@ -12,7 +12,7 @@ const InnerModuleRoot = styled("div")(({
   alignItems: "center",
   height: "100vh",
   padding: "20px",
-  backgroundColor: theme.vars.palette.background.background,
+  backgroundColor: theme.vars.palette.background.bold,
   [theme.breakpoints.down("md")]: {
     padding: "0px"
   }
@@ -20,7 +20,7 @@ const InnerModuleRoot = styled("div")(({
 const DesktopContentRoot = styled$1("div")(({ theme }) => ({
   display: "flex",
   borderRadius: "16px",
-  backgroundColor: theme.vars.palette.background.neutral,
+  backgroundColor: theme.vars.palette.background.main,
   boxShadow: theme.vars.customShadows?.z4,
   padding: "20px 0 20px 20px",
   width: "100%",
@@ -51,23 +51,20 @@ const DesktopBanner = styled$1("div")(({ theme }) => ({
   width: "100%",
   maxWidth: "400px",
   height: "100%",
-  backgroundColor: theme.vars.palette.state?.focus,
+  backgroundColor: theme.vars.palette.primary?.focus,
   boxShadow: theme.vars.customShadows?.z4,
   padding: "0 60px",
   gap: "40px",
   overflow: "hidden",
   "& .MuiTypography-root": {
-    color: theme.palette.patronus?.marbleLight[10],
+    color: theme.palette.common?.white,
     display: "flex",
     justifyContent: "center",
     textAlign: "center",
     textTransform: "uppercase"
   },
   "& .M4LTypography-root .MuiSkeleton-root": {
-    backgroundColor: alpha(
-      `${theme.colorSchemes.finalTheme.palette.patronus?.marbleLight[10]}`,
-      0.24
-    ),
+    backgroundColor: alpha(`${theme.colorSchemes.finalTheme.palette.common.white}`, 0.24),
     margin: "auto"
   }
 }));
@@ -76,15 +73,12 @@ const ContainerLogo$1 = styled$1("div")(({ theme }) => ({
   width: "84px",
   height: "84px",
   borderRadius: "6px",
-  backgroundColor: theme.vars.palette.state?.active,
+  backgroundColor: theme.vars.palette.primary?.active,
   justifyContent: "center",
   alignItems: "center",
-  boxShadow: `0px 4px 8px  ${alpha(
-    theme.colorSchemes.finalTheme.palette.patronus?.coolGrey[70] || "",
-    0.16
-  )}`,
+  boxShadow: `0px 4px 8px  ${alpha(theme.colorSchemes.finalTheme.palette.grey["700"] || "", 0.16)}`,
   "& .M4LImage-root": {
-    backgroundColor: theme.vars.palette.patronus?.marbleLight[10],
+    backgroundColor: theme.vars.palette.common?.white,
     borderRadius: "6px"
   }
 }));
@@ -205,7 +199,7 @@ const MobileContentRoot = styled$1("div")(({ theme }) => ({
   flexDirection: "column",
   width: "100%",
   height: "100%",
-  backgroundColor: theme.vars.palette.background.neutral,
+  backgroundColor: theme.vars.palette.background.main,
   padding: "12px",
   gap: "32px"
 }));
@@ -215,7 +209,7 @@ const MobileBanner = styled$1("div")(({ theme }) => ({
   padding: "12px",
   gap: "20px",
   width: "100%",
-  backgroundColor: theme.vars.palette.state?.focus,
+  backgroundColor: theme.vars.palette.primary?.focus,
   boxShadow: theme.customShadows?.z4,
   position: "relative",
   borderRadius: "8px",
@@ -231,16 +225,16 @@ const MobileBanner = styled$1("div")(({ theme }) => ({
     right: "40px",
     zIndex: 1,
     "& .M4LIcon-root .M4LIcon-icon": {
-      backgroundColor: theme.vars.palette.patronus?.marbleLight[10]
+      backgroundColor: theme.vars.palette.common?.white
     }
   },
   "& .MuiTypography-root": {
-    color: theme.vars.palette.patronus?.marbleLight[10],
+    color: theme.vars.palette.common?.white,
     display: "flex",
     textTransform: "uppercase"
   },
   "& .MuiSkeleton-root": {
-    backgroundColor: alpha(`${theme.colorSchemes.finalTheme.palette.patronus?.marbleLight[10]}`, 0.24),
+    backgroundColor: alpha(`${theme.colorSchemes.finalTheme.palette.common.white}`, 0.24),
     margin: "auto"
   }
 }));
@@ -252,12 +246,12 @@ const ContainerLogo = styled$1("div")(({ theme }) => ({
   width: "52px",
   height: "52px",
   borderRadius: "6px",
-  backgroundColor: theme.vars.palette.state?.active,
+  backgroundColor: theme.vars.palette.primary?.active,
   justifyContent: "center",
   alignItems: "center",
-  boxShadow: `0px 4px 8px  ${alpha(theme.colorSchemes.finalTheme.palette.patronus?.coolGrey[70] || "", 0.16)}`,
+  boxShadow: `0px 4px 8px  ${alpha(theme.colorSchemes.finalTheme.palette.grey["700"] || "", 0.16)}`,
   "& .M4LImage-root": {
-    backgroundColor: theme.vars.palette.patronus?.marbleLight[10],
+    backgroundColor: theme.vars.palette.common?.white,
     borderRadius: "6px"
   }
 }));

package/layouts/index-l0sNRNKZ.js

@@ -0,0 +1 @@
+

package/m4l_layouts/types.d.ts

@@ -1 +0,0 @@
-

package/package.json

@@ -1,17 +1,17 @@
 {
   "name": "@m4l/layouts",
-  "version": "2.0.4",
+  "version": "3.0.0",
   "license": "UNLICENSED",
   "author": "M4L Team",
   "private": false,
   "dependencies": {
     "@mui/material": "5.15.19",
     "@m4l/core": "^2.0.0",
-    "@m4l/graphics": "^2.0.0",
-    "@m4l/styles": "^2.0.0"
+    "@m4l/graphics": "^3.0.0",
+    "@m4l/styles": "^3.0.0"
   },
   "peerDependencies": {
-    "@m4l/components": "^3.0.0",
+    "@m4l/components": "^4.0.0",
     "@types/react": "^17.0.0 || ^18.0.0",
     "@types/react-dom": "^17.0.0 || ^18.0.0",
     "eventemitter3": "^4.0.7",

package/vite-env.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="vite/client" />
-/// <reference types="vitest" />
-/// <reference types="vitest/importMeta" />
+/// <reference types="vite/client" />
+/// <reference types="vitest" />
+/// <reference types="vitest/importMeta" />

package/contexts/index.2c681457.js

@@ -1 +0,0 @@
-import "./AuthContext/index.59755369.js";

package/hooks/index.bec02723.js

@@ -1,4 +0,0 @@
-import "react";
-import "../layouts/MasterDetailLayout/index.748f7ada.js";
-import "../contexts/AuthContext/index.59755369.js";
-import "../layouts/ModuleLayout/index.e7218171.js";

package/layouts/index.b6d6ef2f.js

@@ -1,8 +0,0 @@
-import "./ModuleLayout/index.e7218171.js";
-import "@m4l/components";
-import "react";
-import "@m4l/core";
-import "./MasterDetailLayout/index.748f7ada.js";
-import "@m4l/graphics";
-import "react/jsx-runtime";
-import "./NoAuthModuleLayout/index.83cd3ea3.js";