@m4l/components 9.2.0 → 9.2.2

package/components/WindowBase/WindowBase.styles.js

@@ -10,9 +10,9 @@ const windowBaseStyles = {
     flexDirection: "column",
     borderRadius: theme.vars.size.borderRadius.r1,
     overflow: "hidden",
-    ...ownerState?.windowBaseVariant === "outlined" && {
+    ...ownerState?.variant === "outlined" && {
       border: theme.vars.size.borderStroke.container,
-      ...ownerState?.windowBaseSelected ? {
+      ...ownerState?.selected ? {
         borderColor: theme.vars.palette.border.main
       } : {
         borderColor: theme.vars.palette.border.default
@@ -43,24 +43,24 @@ const windowBaseStyles = {
     alignSelf: "stretch",
     cursor: "all-scroll",
     ...theme.generalSettings.isMobile ? {
-      ...ownerState.windowBaseSize === "small" && {
+      ...ownerState.size === "small" && {
         height: theme.vars.size.mobile.small.container
       },
-      ...ownerState.windowBaseSize === "medium" && {
+      ...ownerState.size === "medium" && {
         height: theme.vars.size.mobile.medium.container
       }
     } : {
-      ...ownerState.windowBaseSize === "small" && {
+      ...ownerState.size === "small" && {
         height: theme.vars.size.desktop.small.container
       },
-      ...ownerState.windowBaseSize === "medium" && {
+      ...ownerState.size === "medium" && {
         height: theme.vars.size.desktop.medium.container
       }
     },
-    ...ownerState?.windowBaseSelected ? {
-      background: theme.vars.palette[ownerState?.windowBaseColor ?? "default"].selectedOpacity
+    ...ownerState?.selected ? {
+      background: theme.vars.palette["default"].selectedOpacity
     } : {
-      background: theme.vars.palette[ownerState?.windowBaseColor ?? "default"].opacity
+      background: theme.vars.palette["default"].opacity
     }
   }),
   /**
@@ -107,17 +107,17 @@ const windowBaseStyles = {
     alignItems: "center",
     color: theme.vars.palette.text.primary,
     ...theme.generalSettings.isMobile ? {
-      ...ownerState.windowBaseSize === "small" && {
+      ...ownerState.size === "small" && {
         height: theme.vars.size.mobile.small.base
       },
-      ...ownerState.windowBaseSize === "medium" && {
+      ...ownerState.size === "medium" && {
         height: theme.vars.size.mobile.medium.base
       }
     } : {
-      ...ownerState.windowBaseSize === "small" && {
+      ...ownerState.size === "small" && {
         height: theme.vars.size.desktop.small.base
       },
-      ...ownerState.windowBaseSize === "medium" && {
+      ...ownerState.size === "medium" && {
         height: theme.vars.size.desktop.medium.base
       }
     }
@@ -157,17 +157,17 @@ const windowBaseStyles = {
   pointIcon: ({ theme, ownerState }) => ({
     color: theme.vars.palette.text.primary,
     ...theme.generalSettings.isMobile ? {
-      ...ownerState.windowBaseSize === "small" && {
+      ...ownerState.size === "small" && {
         height: theme.vars.size.mobile.small.base
       },
-      ...ownerState.windowBaseSize === "medium" && {
+      ...ownerState.size === "medium" && {
         height: theme.vars.size.mobile.medium.base
       }
     } : {
-      ...ownerState.windowBaseSize === "small" && {
+      ...ownerState.size === "small" && {
         height: theme.vars.size.desktop.small.base
       },
-      ...ownerState.windowBaseSize === "medium" && {
+      ...ownerState.size === "medium" && {
         height: theme.vars.size.desktop.medium.base
       }
     }
@@ -197,6 +197,15 @@ const windowBaseStyles = {
     gap: theme.vars.size.baseSpacings.sp2,
     paddingRight: theme.vars.size.baseSpacings.sp3,
     color: theme.vars.palette.text.secondary
+  }),
+  /**
+   * Window component content Styles
+   */
+  windowContainerComponent: () => ({
+    display: "flex",
+    width: "100%",
+    height: "100%",
+    overflow: "auto"
   })
 };
 export {

package/components/{areas/contexts/DynamicMFParmsContext/index.js → WindowBase/contexts/DynamicMFParmsContext/DynamicMFParmsContext.js}

@@ -7,7 +7,7 @@ function DynamicMFParmsProvider(props) {
 }
 const MemonizedDynamicMFParmsProvider = React.memo(DynamicMFParmsProvider);
 export {
-  DynamicMFParmsProvider as D,
+  DynamicMFParmsContext as D,
   MemonizedDynamicMFParmsProvider as M,
-  DynamicMFParmsContext as a
+  DynamicMFParmsProvider as a
 };

package/components/WindowBase/contexts/DynamicMFParmsContext/index.d.ts

@@ -0,0 +1,4 @@
+export * from './DynamicMFParmsContext';
+export type { DynamicMFParameters } from './types';
+export type { DynamicMFStore } from './store';
+export { createDynamicMFStore } from './store';

package/components/WindowBase/contexts/DynamicMFParmsContext/index.js

@@ -0,0 +1 @@
+

package/components/{areas → WindowBase}/contexts/DynamicMFParmsContext/store.d.ts

@@ -4,7 +4,6 @@ import { DynamicMFParameters } from './types';
  */
 export interface DynamicMFState {
     dynamicMFParameters: DynamicMFParameters;
-    windowId: string;
 }
 /**
  * Interfaz que define el estado de los parámetros de un Microfrontend Dinámico junto con las acciones que se pueden realizar sobre ellos.

package/components/{areas/contexts/WindowToolsMFContext/index.js → WindowBase/contexts/WindowToolsMFContext/WindowToolsMFContext.js}

@@ -5,8 +5,9 @@ function WindowToolsMFProvider(props) {
   const { children, ...other } = props;
   return /* @__PURE__ */ jsx(WindowToolsMFContext.Provider, { value: { ...other }, children });
 }
-React.memo(WindowToolsMFProvider);
+const MemonizedWindowToolsMFContext = React.memo(WindowToolsMFProvider);
 export {
-  WindowToolsMFProvider as W,
-  WindowToolsMFContext as a
+  MemonizedWindowToolsMFContext as M,
+  WindowToolsMFContext as W,
+  WindowToolsMFProvider as a
 };

package/components/WindowBase/contexts/WindowToolsMFContext/index.d.ts

@@ -0,0 +1,2 @@
+export * from './WindowToolsMFContext';
+export type { WindowToolsMF } from './types';

package/components/WindowBase/contexts/WindowToolsMFContext/index.js

@@ -0,0 +1 @@
+

package/components/{areas → WindowBase}/contexts/WindowToolsMFContext/types.d.ts

@@ -1,6 +1,7 @@
 import { ReactNode } from 'react';
 import { Toaster } from '@m4l/core';
-import { CookieType, AreaWindowAction } from '../../types';
+import { CookieType } from '../../../areas/types';
+import { ModuleAction } from '../../types';
 /**
  * Interfaz que define un conjunto de herramientas relacionadas con la ventana que pueden ser proporcionadas por el contexto WindowToolsMF.
  */
@@ -27,7 +28,7 @@ export interface WindowToolsMF {
      * @param newActions Las nuevas acciones de ventana que se desean establecer.
      * @param version (Opcional) La versión de las acciones de ventana.
      */
-    setActions: (newActions: AreaWindowAction[], version?: string) => void;
+    setActions: (newActions: ModuleAction[], version?: string) => void;
     /**
      * Método para establecer una cookie específica.
      * @param id El ID de la cookie que se desea establecer.

package/components/WindowBase/contexts/index.d.ts

@@ -0,0 +1,2 @@
+export * from './DynamicMFParmsContext';
+export * from './WindowToolsMFContext';

package/components/WindowBase/helpers.d.ts

@@ -0,0 +1,22 @@
+import { GetLabelType } from '@m4l/core';
+import { ModuleAction, WindowBaseAction, WindowOptions } from './types';
+/**
+ * Retorna la acciones que van por fuera del MenuActions de la ventana. las cuales se representan en IconButton
+ */
+export declare function getLeftActions(isMobile: boolean, moduleActions: ModuleAction[]): WindowBaseAction[];
+type GetMenuActionsType = {
+    windowId: string;
+    isMobile: boolean;
+    moduleActions: ModuleAction[];
+    urlPrefix: string;
+    saveModuleCookies: (wd: string) => void;
+    resetModuleCookies: (wd: string) => void;
+    version?: string;
+    windowOptions?: WindowOptions;
+    getLabel: GetLabelType;
+};
+/**
+ *  Get the menu actions for the window
+ */
+export declare function getInsideMenuActions(options: GetMenuActionsType): WindowBaseAction[];
+export {};

package/components/{areas/components/AreasViewer/subcomponents/Area/subcomponents/Window/hooks/useHeaderActions/helper.js → WindowBase/helpers.js}

@@ -1,14 +1,17 @@
-import { g as getAreasDictionary, A as AREAS_DICCTIONARY } from "../../../../../../../../dictionary.js";
-import { I as ICONS } from "../../../../../../../../icons.js";
-function getMainActions(isMobile, moduleActions) {
+import { g as getAreasDictionary, A as AREAS_DICCTIONARY } from "../areas/dictionary.js";
+import { I as ICONS } from "../areas/icons.js";
+function getLeftActions(isMobile, moduleActions) {
   let mainActions = [];
-  if (!isMobile !== void 0 && isMobile) {
+  if (!isMobile) {
     mainActions = mainActions.concat(moduleActions.filter((action) => action.visibility === "main"));
   }
   mainActions = mainActions.concat(moduleActions.filter((action) => action.visibility === "allways"));
-  return mainActions;
+  return mainActions.map((action) => ({
+    ...action,
+    place: "left"
+  }));
 }
-function getMenuActions(options) {
+function getInsideMenuActions(options) {
   const {
     windowId,
     isMobile,
@@ -25,8 +28,7 @@ function getMenuActions(options) {
   }
   if (windowOptions.allowPersistCookies) {
     const saveCookiesAction = {
-      type: "menuItem",
-      startIcon: `${urlPrefix}/frontend/components/areas/assets/icons/${ICONS.SAVE_COOKIES}`,
+      iconUrl: `${urlPrefix}/frontend/components/areas/assets/icons/${ICONS.SAVE_COOKIES}`,
       onClick: () => saveModuleCookies(windowId),
       disabled: false,
       visibility: "normal",
@@ -35,8 +37,7 @@ function getMenuActions(options) {
     };
     menuActions.push(saveCookiesAction);
     const resetCookiesAction = {
-      type: "menuItem",
-      startIcon: `${urlPrefix}/frontend/components/areas/assets/icons/${ICONS.RESET_COOKIES}`,
+      iconUrl: `${urlPrefix}/frontend/components/areas/assets/icons/${ICONS.RESET_COOKIES}`,
       onClick: () => resetModuleCookies(windowId),
       disabled: false,
       visibility: "normal",
@@ -45,9 +46,12 @@ function getMenuActions(options) {
     };
     menuActions.push(resetCookiesAction);
   }
-  return menuActions;
+  return menuActions.map((action) => ({
+    ...action,
+    place: "inside"
+  }));
 }
 export {
-  getMenuActions as a,
-  getMainActions as g
+  getInsideMenuActions as a,
+  getLeftActions as g
 };

package/components/{areas → WindowBase}/hooks/useDynamicMFParameters/index.js

@@ -1,6 +1,13 @@
 import { useContext } from "react";
 import { useStore } from "zustand";
-import { a as DynamicMFParmsContext } from "../../contexts/DynamicMFParmsContext/index.js";
+import { D as DynamicMFParmsContext } from "../../contexts/DynamicMFParmsContext/DynamicMFParmsContext.js";
+const useDynamicMFParameters = () => {
+  const store = useContext(DynamicMFParmsContext);
+  if (!store) {
+    throw new Error("useDynamicMFParameters context must be use inside DynamicMFParmsContext");
+  }
+  return store;
+};
 function useDynamicMFParametersStore(selector, equalityFn) {
   const store = useContext(DynamicMFParmsContext);
   if (!store) {
@@ -9,5 +16,6 @@ function useDynamicMFParametersStore(selector, equalityFn) {
   return useStore(store, selector, equalityFn);
 }
 export {
+  useDynamicMFParameters as a,
   useDynamicMFParametersStore as u
 };

package/components/{areas → WindowBase}/hooks/useWindowToolsMF/index.js

@@ -1,5 +1,5 @@
 import { useContext } from "react";
-import { a as WindowToolsMFContext } from "../../contexts/WindowToolsMFContext/index.js";
+import { W as WindowToolsMFContext } from "../../contexts/WindowToolsMFContext/WindowToolsMFContext.js";
 const useWindowToolsMF = () => {
   const context = useContext(WindowToolsMFContext);
   if (!context) {

package/components/WindowBase/index.d.ts

@@ -1 +1,6 @@
 export * from './WindowBase';
+export * from './hooks/useWindowToolsMF';
+export * from './hooks/useDynamicMFParameters';
+export * from './contexts/WindowToolsMFContext';
+export * from './contexts/DynamicMFParmsContext';
+export type { ModuleAction } from './types';

package/components/WindowBase/slots/WindowBaseEnum.d.ts

@@ -12,5 +12,6 @@ export declare enum WindowBaseSlots {
     iconsWrapperWindowBase = "iconsWrapperWindowBase",
     headerWindowComponent = "headerWindowComponent",
     linearProgressIndeterminate = "linearProgressIndeterminate",
-    contentEditionInfo = "contentEditionInfo"
+    contentEditionInfo = "contentEditionInfo",
+    windowContainerComponent = "windowContainerComponent"
 }

package/components/WindowBase/slots/WindowBaseEnum.js

@@ -13,6 +13,7 @@ var WindowBaseSlots = /* @__PURE__ */ ((WindowBaseSlots2) => {
   WindowBaseSlots2["headerWindowComponent"] = "headerWindowComponent";
   WindowBaseSlots2["linearProgressIndeterminate"] = "linearProgressIndeterminate";
   WindowBaseSlots2["contentEditionInfo"] = "contentEditionInfo";
+  WindowBaseSlots2["windowContainerComponent"] = "windowContainerComponent";
   return WindowBaseSlots2;
 })(WindowBaseSlots || {});
 export {

package/components/WindowBase/slots/WindowBaseSlots.d.ts

@@ -7,50 +7,81 @@
 /**
  * Root component for the WindowBase container.
  */
-export declare const WindowBaseStyled: import('@emotion/styled').StyledComponent<any, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const WindowBaseStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
+    ownerState: any;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
 /**
  * Content component for the WindowBase container.
  */
-export declare const ContentWindowStyled: import('@emotion/styled').StyledComponent<any, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const ContentWindowStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
+    ownerState: any;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
 /**
  * Header container for the component.
  */
-export declare const HeaderWindowComponentStyled: import('@emotion/styled').StyledComponent<any, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const HeaderWindowComponentStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
+    ownerState: any;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
 /**
  * Content wrapper for the header.
  */
-export declare const HeaderContentStyled: import('@emotion/styled').StyledComponent<any, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const HeaderContentStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
+    ownerState: any;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
 /**
  * Icon component for the header.
  */
-export declare const IconWindowStyled: import('@emotion/styled').StyledComponent<any, {}, {}>;
+export declare const IconWindowStyled: import('@emotion/styled').StyledComponent<Pick<import('../../Icon').IconProps, keyof import('../../Icon').IconProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
+    ownerState: any;
+}, {}, {}>;
 /**
  * Title component for the header.
  */
-export declare const TitleWindowStyled: import('@emotion/styled').StyledComponent<any, {}, {}>;
+export declare const TitleWindowStyled: import('@emotion/styled').StyledComponent<Pick<import('../../mui_extended/Typography/types').TypographyProps, keyof import('../../mui_extended/Typography/types').TypographyProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
+    ownerState: any;
+}, {}, {}>;
 /**
  * Subtitle component for the header.
  */
-export declare const SubtitleWindowStyled: import('@emotion/styled').StyledComponent<any, {}, {}>;
+export declare const SubtitleWindowStyled: import('@emotion/styled').StyledComponent<Pick<import('../../mui_extended/Typography/types').TypographyProps, keyof import('../../mui_extended/Typography/types').TypographyProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
+    ownerState: any;
+}, {}, {}>;
 /**
  * Subtitle container for the header.
  */
-export declare const SubtitleContainerStyled: import('@emotion/styled').StyledComponent<any, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const SubtitleContainerStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
+    ownerState: any;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
 /**
  * Point component for the header.
  */
-export declare const PointStyled: import('@emotion/styled').StyledComponent<any, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const PointStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
+    ownerState: any;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
 /**
  * Point icon component for the header.
  */
-export declare const PointIconStyled: import('@emotion/styled').StyledComponent<any, {}, {}>;
+export declare const PointIconStyled: import('@emotion/styled').StyledComponent<Pick<import('../../Icon').IconProps, keyof import('../../Icon').IconProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
+    ownerState: any;
+}, {}, {}>;
 /**
  * Wrapper for icons in the header.
  */
-export declare const IconsWrapperStyled: import('@emotion/styled').StyledComponent<any, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const IconsWrapperStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
+    ownerState: any;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
 /**
  * Styled component for menu actions in the header.
  */
-export declare const MenuActionsWindowsStyled: import('@emotion/styled').StyledComponent<any, {}, {}>;
-export declare const LinearProgressIndeterminateStyled: import('@emotion/styled').StyledComponent<any, {}, {}>;
-export declare const ContentEditionInfoStyled: import('@emotion/styled').StyledComponent<any, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const MenuActionsWindowsStyled: import('@emotion/styled').StyledComponent<Pick<import('../../MenuActions/types').MenuActionsProps, keyof import('../../MenuActions/types').MenuActionsProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
+    ownerState: any;
+}, {}, {}>;
+export declare const LinearProgressIndeterminateStyled: import('@emotion/styled').StyledComponent<Pick<import('../../LinearProgressIndeterminate/types').LinearProgressIndeterminateProps, keyof import('../../LinearProgressIndeterminate/types').LinearProgressIndeterminateProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
+    ownerState: any;
+}, {}, {}>;
+export declare const ContentEditionInfoStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
+    ownerState: any;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const WindowContainerComponentStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
+    ownerState: any;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;

package/components/WindowBase/slots/WindowBaseSlots.js

@@ -62,6 +62,10 @@ const ContentEditionInfoStyled = styled("div", {
   name: WINDOW_BASE_KEY_COMPONENT,
   slot: WindowBaseSlots.contentEditionInfo
 })(windowBaseStyles?.contentEditionInfo);
+const WindowContainerComponentStyled = styled("div", {
+  name: WINDOW_BASE_KEY_COMPONENT,
+  slot: WindowBaseSlots.windowContainerComponent
+})(windowBaseStyles?.windowContainerComponent);
 export {
   ContentWindowStyled as C,
   HeaderWindowComponentStyled as H,
@@ -72,9 +76,10 @@ export {
   SubtitleContainerStyled as S,
   TitleWindowStyled as T,
   WindowBaseStyled as W,
-  ContentEditionInfoStyled as a,
-  HeaderContentStyled as b,
-  PointIconStyled as c,
-  SubtitleWindowStyled as d,
-  IconsWrapperStyled as e
+  WindowContainerComponentStyled as a,
+  ContentEditionInfoStyled as b,
+  HeaderContentStyled as c,
+  PointIconStyled as d,
+  SubtitleWindowStyled as e,
+  IconsWrapperStyled as f
 };

package/components/{areas/components/AreasViewer/subcomponents/Area/subcomponents/Window → WindowBase}/subcomponents/Component/index.d.ts

@@ -3,5 +3,5 @@ import { ComponentProps } from './types';
 /**
  * Componente encargado de renderizar el componente de la ventana.
  */
-export declare const Component: (props: ComponentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const WindowBaseComponent: (props: ComponentProps) => import("react/jsx-runtime").JSX.Element;
 export declare const MemonizedComponent: React.MemoExoticComponent<(props: ComponentProps) => import("react/jsx-runtime").JSX.Element>;

package/components/{areas/components/AreasViewer/subcomponents/Area/subcomponents/Window → WindowBase}/subcomponents/Component/index.js

@@ -1,13 +1,13 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-import { W as WindowToolsMFProvider } from "../../../../../../../../contexts/WindowToolsMFContext/index.js";
-import { D as DynamicMFParmsProvider } from "../../../../../../../../contexts/DynamicMFParmsContext/index.js";
-import { W as WindowContainerComponentStyled } from "../../../../../../slots/AreasViewerSlots.js";
-const Component = (props) => {
+import { a as WindowContainerComponentStyled } from "../../slots/WindowBaseSlots.js";
+import { a as WindowToolsMFProvider } from "../../contexts/WindowToolsMFContext/WindowToolsMFContext.js";
+import { a as DynamicMFParmsProvider } from "../../contexts/DynamicMFParmsContext/DynamicMFParmsContext.js";
+const WindowBaseComponent = (props) => {
   const { component, dynamicMFStore, windowTools, componentProps } = props;
   return /* @__PURE__ */ jsx(WindowToolsMFProvider, { ...windowTools, children: /* @__PURE__ */ jsx(DynamicMFParmsProvider, { store: dynamicMFStore, children: /* @__PURE__ */ jsx(WindowContainerComponentStyled, { ownerState: {}, children: typeof component === "function" ? component(componentProps) : component }) }) });
 };
-React.memo(Component);
+React.memo(WindowBaseComponent);
 export {
-  Component as C
+  WindowBaseComponent as W
 };

package/components/WindowBase/subcomponents/Component/types.d.ts

@@ -0,0 +1,9 @@
+import { WindowToolsMF } from '../../contexts';
+import { DynamicMFStore } from '../../contexts/DynamicMFParmsContext/store';
+import { JSX_REACT_NODE } from '../../../WindowBase/types';
+export interface ComponentProps {
+    windowTools: WindowToolsMF;
+    dynamicMFStore: DynamicMFStore;
+    component: JSX_REACT_NODE;
+    componentProps?: Record<string, any>;
+}

package/components/WindowBase/subcomponents/EditionInfo/EditionInfo.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useEnvironment } from "@m4l/core";
 import { P as POPUPS_ICONS } from "../../../popups/components/PopupsViewer/icons.js";
-import { a as ContentEditionInfoStyled } from "../../slots/WindowBaseSlots.js";
+import { b as ContentEditionInfoStyled } from "../../slots/WindowBaseSlots.js";
 import { I as Icon } from "../../../Icon/Icon.js";
 const EditionInfo = (props) => {
   const { editionInfo } = props;