@m4l/layouts 9.3.3 → 9.3.4-13062025.beta.1

package/components/MFHostApp/MFHostApp.js

@@ -3,7 +3,6 @@ import { unstable_HistoryRouter } from "react-router-dom";
 import { EnvironmentProvider, HostToolsProvider, NetworkProvider, DomainCountryProvider } from "@m4l/core";
 import { DeviceTypeProvider, LocalesProvider, HostThemeProvider, FormatterProvider } from "@m4l/graphics";
 import { BaseModule, WindowToolsMFProvider, DynamicMFParmsProvider, AppearanceComponentProvider } from "@m4l/components";
-import { M as MFWindowsTitle } from "../MFWindowsTitle/MFWindowsTitle.js";
 function MFHostApp(props) {
   const {
     children,
@@ -20,8 +19,7 @@ function MFHostApp(props) {
     privileges,
     componentsDictionary,
     dynamicMFStore,
-    windowTools,
-    isAddEditModule = false
+    windowTools
   } = 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(
     HostThemeProvider,
@@ -46,7 +44,7 @@ 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(MFWindowsTitle, { isAddEditModule, children: /* @__PURE__ */ jsx(AppearanceComponentProvider, { children }) }) }) }) })
+              children: /* @__PURE__ */ jsx(FormatterProvider, { isMicroFrontEnd: true, ...formatters, children: /* @__PURE__ */ jsx(WindowToolsMFProvider, { ...windowTools, children: /* @__PURE__ */ jsx(DynamicMFParmsProvider, { store: dynamicMFStore, children: /* @__PURE__ */ jsx(AppearanceComponentProvider, { children }) }) }) })
             }
           )
         }

package/components/MFHostApp/types.d.ts

@@ -17,6 +17,7 @@ export interface ByHostProps {
     /**
      * 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
      */
     isAddEditModule?: boolean;
 }

package/hooks/useDynamicPaperForm/types.d.ts

@@ -1,11 +1,11 @@
-import { PropertyValueProps } from '@m4l/components';
+import { PropertyValueProps, RHFTextFieldProps } from '@m4l/components';
 interface PropertyValueFieldBase extends Pick<PropertyValueProps, 'semanticWidth'> {
     name: string;
     type: 'RHFTexfField' | 'component';
     label: string;
     mandatory?: boolean;
 }
-interface PropertyValueRHFTexfField extends PropertyValueFieldBase {
+interface PropertyValueRHFTexfField extends PropertyValueFieldBase, Pick<RHFTextFieldProps, 'multiline' | 'rows'> {
     type: 'RHFTexfField';
     readOnly?: boolean;
     disabled?: boolean;

package/hooks/useDynamicPaperForm/useDynamicPaperForm.js

@@ -22,6 +22,8 @@ function useDynamicPaperForm(props) {
               name: field.name,
               disabled: field.disabled,
               type: field.textFieldType,
+              multiline: field.multiline,
+              rows: field.rows,
               InputProps: {
                 readOnly: field.readOnly
               }

package/hooks/useUpdateWindowTitleAndEditionInfoMF/index.d.ts

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

package/hooks/useUpdateWindowTitleAndEditionInfoMF/types.d.ts

@@ -0,0 +1,6 @@
+export type ModuleNameField = 'module_name' | 'module_name_add' | 'module_name_edit';
+export interface UseSetWindowPropsMFProps {
+    moduleNameField?: ModuleNameField;
+    subtitle?: string;
+    editionInfo?: string;
+}

package/hooks/useUpdateWindowTitleAndEditionInfoMF/useUpdateWindowTitleAndEditionInfoMF.d.ts

@@ -0,0 +1,6 @@
+import { UseSetWindowPropsMFProps } from './types';
+/**
+ * Hook para actualizar el titulo y el subtitulo de la ventana del microfrontend
+ * Cuando se actualiza o carga el diccionario
+ */
+export declare function useUpdateWindowTitleAndEditionInfoMF(props?: UseSetWindowPropsMFProps): void;

package/hooks/useUpdateWindowTitleAndEditionInfoMF/useUpdateWindowTitleAndEditionInfoMF.js

@@ -0,0 +1,23 @@
+import { useEffect } from "react";
+import { useFlagsPresent, CommonFlags, useModuleDictionary } from "@m4l/core";
+import { useWindowToolsMF } from "@m4l/components";
+function useUpdateWindowTitleAndEditionInfoMF(props) {
+  const { moduleNameField: dictionaryIdForName = "module_name", subtitle, editionInfo } = props || {};
+  const isFlagPresent = useFlagsPresent([CommonFlags.FLAG_DICTIONARY_LOADED]);
+  const { getLabel } = useModuleDictionary();
+  const { setWindowTitle, setWindowSubTitle, setWindowEditionInfo } = useWindowToolsMF();
+  useEffect(() => {
+    if (isFlagPresent) {
+      setWindowTitle(getLabel(dictionaryIdForName));
+      if (subtitle) {
+        setWindowSubTitle(subtitle);
+      }
+      if (editionInfo) {
+        setWindowEditionInfo(editionInfo);
+      }
+    }
+  }, [getLabel, isFlagPresent, subtitle, editionInfo]);
+}
+export {
+  useUpdateWindowTitleAndEditionInfoMF as u
+};

package/layouts/MasterDetailLayout/MasterDetailLayout.js

@@ -18,7 +18,10 @@ function MasterDetailLayout(props) {
     moduleActions,
     version,
     buildTime,
-    splitPosition
+    splitPosition,
+    moduleNameField,
+    subtitle,
+    editionInfo
   } = props;
   const { host_static_assets, environment_assets } = useEnvironment();
   const [splitPositionState, setSplitPositionState] = useState(splitPosition ?? "vertical");
@@ -100,6 +103,9 @@ function MasterDetailLayout(props) {
       moduleActions: finalModuleActions,
       version,
       buildTime,
+      moduleNameField,
+      subtitle,
+      editionInfo,
       children: /* @__PURE__ */ jsx(
         SplitLayout,
         {

package/layouts/ModuleLayout/ModuleLayout.js

@@ -3,8 +3,9 @@ import { ModalProvider } from "@m4l/components";
 import { forwardRef, useRef, useImperativeHandle } from "react";
 import { B as BaseModuleLayout } from "./subcomponents/BaseModuleLayout/index.js";
 import { a as ModuleProvider } from "./contexts/ModuleContext/index.js";
+import { u as useUpdateWindowTitleAndEditionInfoMF } from "../../hooks/useUpdateWindowTitleAndEditionInfoMF/useUpdateWindowTitleAndEditionInfoMF.js";
 const ModuleLayout = forwardRef((props, ref) => {
-  const { moduleId, moduleActions, version, children, buildTime } = props;
+  const { moduleId, moduleActions, version, children, buildTime, moduleNameField, subtitle, editionInfo } = props;
   const moduleRef = useRef(null);
   const closeModal = () => {
     moduleRef.current?.closeModal();
@@ -17,6 +18,11 @@ const ModuleLayout = forwardRef((props, ref) => {
     closeModal,
     current: moduleRef.current
   }));
+  useUpdateWindowTitleAndEditionInfoMF({
+    moduleNameField,
+    subtitle,
+    editionInfo
+  });
   return /* @__PURE__ */ jsx(
     ModuleProvider,
     {

package/layouts/ModuleLayout/types.d.ts

@@ -5,6 +5,7 @@ import { ModuleLayoutSlots } from './slots/ModuleLayoutEnum';
 import { OverridesStyleRules } from '@mui/material/styles/overrides';
 import { MODULE_LAYOUT_KEY } from './constants';
 import { Theme } from '@mui/material/styles';
+import { ModuleNameField } from '../../hooks/useUpdateWindowTitleAndEditionInfoMF/types';
 export interface ContainerProps {
     vertical: boolean;
 }
@@ -19,6 +20,9 @@ export interface ModuleLayoutProps {
     children: ReactNode;
     version: string;
     buildTime?: string;
+    moduleNameField?: ModuleNameField;
+    subtitle?: string;
+    editionInfo?: string;
 }
 export type ModuleLayoutSlotsType = keyof typeof ModuleLayoutSlots;
 export type ModuleLayoutStyles = OverridesStyleRules<ModuleLayoutSlotsType, typeof MODULE_LAYOUT_KEY, Theme>;

package/package.json

@@ -1,33 +1,33 @@
 {
   "name": "@m4l/layouts",
-  "version": "9.3.3",
+  "version": "9.3.4-13062025.beta.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.2.60-13062025.beta.1",
     "@m4l/core": "^2.0.0",
-    "@m4l/graphics": "^7.0.0",
-    "@m4l/styles": "^7.0.0"
+    "@m4l/graphics": "7.1.2-13062025.beta.1",
+    "@m4l/styles": "7.1.29-13062025.beta.1"
   },
   "resolutions": {
     "glob": "^10.4.5",
-    "react": "^18.0.0",
-    "@types/react": "^18.0.0",
-    "@types/react-dom": "^18.0.0",
-    "react-dom": "^18.0.0",
+    "react": "18.3.1",
+    "@types/react": "18.3.23",
+    "@types/react-dom": "18.3.7",
+    "react-dom": "18.3.1",
     "@vitejs/plugin-react": "^4.0.0",
     "storybook": "^8.3.4"
   },
   "overrides": {
     "glob": "^10.4.5",
-    "eslint": "^9.0.0",
-    "react": "^18.0.0",
-    "@types/react": "^18.0.0",
-    "@types/react-dom": "^18.0.0",
-    "react-dom": "^18.0.0"
+    "eslint": "9.28.0",
+    "react": "18.3.1",
+    "@types/react": "18.3.23",
+    "@types/react-dom": "18.3.7",
+    "react-dom": "18.3.1"
   },
   "files": [
     "*"

package/components/MFWindowsTitle/MFWindowsTitle.d.ts

@@ -1,5 +0,0 @@
-import { MFWindowsTitleProps } from './types';
-/**
- * Titulo de la ventana del microfrontend
- */
-export declare function MFWindowsTitle({ isAddEditModule, children }: MFWindowsTitleProps): import("react/jsx-runtime").JSX.Element;

package/components/MFWindowsTitle/MFWindowsTitle.js

@@ -1,10 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { Fragment } from "react";
-import { useSetWindowsTitle } from "@m4l/components";
-function MFWindowsTitle({ isAddEditModule = false, children }) {
-  useSetWindowsTitle({ isAddEditModule });
-  return /* @__PURE__ */ jsx(Fragment, { children });
-}
-export {
-  MFWindowsTitle as M
-};

package/components/MFWindowsTitle/index.d.ts

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

package/components/MFWindowsTitle/types.d.ts

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