@m4l/layouts 2.0.0 → 2.0.2

package/components/MFHostApp/{index.6286a793.js → index-_3WAKrrA.js}

@@ -3,6 +3,7 @@ import { EnvironmentProvider, HostToolsProvider, NetworkProvider, DomainCountryP
 import { LocalesProvider, HostThemeProvider, ResponsiveContainerProvider, FormatterProvider } from "@m4l/graphics";
 import { BaseModule, WindowToolsMFProvider, DynamicMFParmsProvider } from "@m4l/components";
 import { jsx } from "react/jsx-runtime";
+import { M as MFWindowsTitle } from "../index-uQ5qk7MJ.js";
 function MFHostApp(props) {
   const {
     children,
@@ -20,7 +21,8 @@ function MFHostApp(props) {
     componentsDictionary,
     dynamicMFStore,
     windowTools,
-    observedDivRef
+    observedDivRef,
+    isAddEditModule = false
   } = props;
   return /* @__PURE__ */ jsx(EnvironmentProvider, {
     ...environment,
@@ -59,7 +61,10 @@ function MFHostApp(props) {
                         ...windowTools,
                         children: /* @__PURE__ */ jsx(DynamicMFParmsProvider, {
                           store: dynamicMFStore,
-                          children
+                          children: /* @__PURE__ */ jsx(MFWindowsTitle, {
+                            isAddEditModule,
+                            children
+                          })
                         })
                       })
                     })

package/components/MFHostApp/index.d.ts

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

package/components/MFHostApp/types.d.ts

@@ -12,5 +12,10 @@ export interface ByHostProps {
     dynamicMFStore: DynamicMFStore;
     windowTools: WindowToolsMF;
     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
+     */
+    isAddEditModule?: boolean;
 }
 export declare type MFHostAppProps = ByHostProps & BaseModuleProps;

package/components/MFWindowsTitle/MFWindowsTitle.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { MFWindowsTitleProps } from './types';
+export declare function MFWindowsTitle({ isAddEditModule, children }: MFWindowsTitleProps): import("react").JSX.Element;

package/components/MFWindowsTitle/index.d.ts

@@ -0,0 +1 @@
+export * from './MFWindowsTitle';

package/components/MFWindowsTitle/types.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+export interface MFWindowsTitleProps {
+    isAddEditModule: boolean;
+    children: ReactNode;
+}

package/components/{index.56bd7864.js → index-uQ5qk7MJ.js}

@@ -1,7 +1,8 @@
 import { DomainCountryProvider } from "@m4l/core";
 import { FormatterProvider, ResponsiveContainerProvider } from "@m4l/graphics";
-import { BaseModule } from "@m4l/components";
+import { BaseModule, useSetWindowsTitle } from "@m4l/components";
 import { jsx } from "react/jsx-runtime";
+import { Fragment } from "react";
 function MFNoAuthApp(props) {
   const {
     children,
@@ -42,6 +43,18 @@ function MFNoAuthApp(props) {
     })
   });
 }
+function MFWindowsTitle({
+  isAddEditModule = false,
+  children
+}) {
+  useSetWindowsTitle({
+    isAddEditModule
+  });
+  return /* @__PURE__ */ jsx(Fragment, {
+    children
+  });
+}
 export {
-  MFNoAuthApp as M
+  MFWindowsTitle as M,
+  MFNoAuthApp as a
 };

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/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,28 +1,19 @@
-import { M } from "./components/index.56bd7864.js";
-import { M as M2 } from "./components/MFHostApp/index.6286a793.js";
-import { A, a } from "./contexts/AuthContext/index.59755369.js";
-import { a as a2, d, g } from "./layouts/ModuleLayout/index.e7218171.js";
-import { a as a3, 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-router-dom";
-import "react";
-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-BxJ0vCUq.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,
-  a as AuthProvider,
-  M2 as MFHostApp,
-  M as MFNoAuthApp,
-  a3 as MasterDetailLayout,
-  a2 as ModuleLayout,
+  a2 as AuthProvider,
+  M as MFHostApp,
+  a as MFNoAuthApp,
+  a4 as MasterDetailLayout,
+  a3 as ModuleLayout,
   N as NoAuthModuleLayout,
   d2 as defaultMasterDetailDictionary,
   d as defaultModuleLayoutDictionary,

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-BxJ0vCUq.js}

@@ -269,6 +269,8 @@ const CompanyName = styled$1("div")(() => ({
 const FormContent = styled$1("div")(() => ({
   display: "flex",
   flexDirection: "column",
+  /*     justifyContent: 'flex-start',
+      alignItems: 'center', */
   padding: "12px",
   margin: "auto 0",
   width: "100%",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/layouts",
-  "version": "2.0.0",
+  "version": "2.0.2",
   "license": "UNLICENSED",
   "author": "M4L Team",
   "private": false,