@m4l/components 0.2.21 → 0.2.24

package/components/SideBar/subcomponents/ContentDesktop/index.d.ts

@@ -1 +1,5 @@
+/**
+ *
+ * @returns Renderiza el contenido que debe de tener los dispositipos desktop
+ */
 export declare const ContentDesktop: () => import("react/jsx-runtime").JSX.Element;

package/components/SideBar/subcomponents/ContentDesktop/subcomponents/CollapseButton/index.d.ts

@@ -2,5 +2,14 @@ declare type CollapseButtonProps = {
     onToggleCollapse: VoidFunction;
     collapsed: boolean;
 };
+/**
+ *
+ * @param {CollapseButtonProps} props - Propiedades del componente
+ *
+ * @param {VoidFunction} props.onToggleCollapse - Funcion que se encarga de activar el modo colapsado en desktop
+ *
+ * @param {VoidFunction} props.collapsed - Variable que guarda el estado de colapsado en desktop
+ * @returns
+ */
 export default function CollapseButton(props: CollapseButtonProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/components/SideBar/subcomponents/ContentGroups/index.d.ts

@@ -1 +1,5 @@
+/**
+ *
+ *
+ */
 export declare const ContentGroups: () => import("react/jsx-runtime").JSX.Element;

package/components/SideBar/subcomponents/ContentGroups/subcomponents/ItemListRoot/index.d.ts

@@ -1,2 +1,9 @@
 import { NavListRootProps } from './types';
+/**
+ *
+ * @param {NavListRootProps} props - Propiedades del componente
+ *
+ * @param {NavListProps} props.list -
+ * @returns
+ */
 export declare function ItemListMain(props: NavListRootProps): import("react/jsx-runtime").JSX.Element;

package/components/SideBar/subcomponents/ContentMobile/index.d.ts

@@ -1 +1,5 @@
+/**
+ *
+ * @returns Renderiza el contenido que debe de tener los dispositipos Mobile
+ */
 export declare const ContentMobile: () => import("react/jsx-runtime").JSX.Element;

package/components/SideBar/types.d.ts

@@ -1,31 +1,62 @@
 import { getSideBarClassesByState } from "./classes/index";
+/**
+ * Propiedades para el componente que contiene el logo.
+ */
 export interface LogoConainerProps {
     collapsed: boolean;
 }
+/**
+ * Propiedades para el componente WrapperSideBar.
+ */
 export interface WrapperSideBarProps {
+    /** Ancho de la barra lateral.*/
     width: string | number;
+    /**  Indica si la barra lateral está visible.*/
     visible: boolean;
 }
+/**
+ * define la estructura de datos para un elemento de menú en la barra lateral.
+*/
 export interface MenuDataType {
     title: string;
     icon_url?: string;
     module_id?: string;
+    path?: string;
+    /** Puerto de depuración asociado al elemento de menú.*/
     debug_port?: number;
+    /** Subelementos de menú.*/
     children?: Array<MenuDataType>;
 }
+/**
+ * Propiedades para el componente SideBar.
+ */
 export interface SideBarProps {
+    /** Datos del menú de la barra lateral.*/
     menuData: Array<MenuDataType>;
+    /** Función manejadora del clic en un elemento de la barra lateral.*/
     onClick: (item: MenuDataType) => void;
+    /** Función para determinar si un elemento de la barra lateral está activo.*/
     isItemActive: (item: MenuDataType) => boolean;
+    /** Función para alternar el estado colapsado de la barra lateral.*/
     onToggleCollapse: VoidFunction;
+    /** Función para alternar la visibilidad de la barra lateral.*/
     onToggleVisible: VoidFunction;
+    /** Indica si la barra lateral está colapsada.*/
     collapsed: boolean;
+    /**  Indica si la barra lateral está visible.*/
     visible: boolean;
     companyLogoSmallUrl?: string;
     companyLogoNormalUrl?: string;
     collapsedWidht?: string | number;
     unCollapsedWidht?: string | number;
     companyName?: string;
+    variantStyle?: 'variantDefault' | 'variantComercial';
 }
+/**
+ * Tipo que representa las clases CSS generadas por el estado de la barra lateral.
+ */
 export declare type Classes = ReturnType<typeof getSideBarClassesByState>;
-export declare type SideBarState = Pick<SideBarProps, 'collapsed' | 'visible'>;
+/**
+ * Tipo que representa el estado de la barra lateral con propiedades 'collapsed' y 'visible'.
+ */
+export declare type SideBarState = Pick<SideBarProps, 'collapsed' | 'visible' | 'variantStyle'>;

package/components/SplitLayout/SplitLayout.d.ts

@@ -1,2 +1,14 @@
 import { SplitLayoutProps } from './types';
+/**
+ * Propiedades para el componente SplitLayout.
+ * @typedef {Object} SplitLayoutProps
+ * @param {SplitLayoutProps} props
+ * @property {splitPosition} splitPosition - determina la orientación de la división entre las dos partes de la interfaz de usuario. Puede tener tres valores: "vertical", "horizontal" o "none".
+ * @prop {ReactNode} props.firstPart - representa el contenido o componente que se mostrará en la primera parte de la interfaz de usuario.
+ * @prop {ReactNode} props.secondPart - Esta propiedad representa el contenido o componente que se mostrará en la segunda parte de la interfaz de usuario,la parte sea de abajo o a la derecha
+ * @prop {number} props.secondParrtInitialSize - te permite establecer un tamaño inicial específico para la segunda parte del diseño dividido.
+ * @prop {boolean} props.percentage - La propiedad percentage en la interfaz SplitLayoutProps indica si el tamaño inicial de la segunda parte del diseño dividido se proporciona en porcentaje en lugar de píxeles.
+ * @prop {string} props.className - se utiliza para permitir que el componente SplitLayout reciba clases CSS personalizadas desde el componente padre, lo que permite una mayor flexibilidad en la estilización de este componente.
+* @returns
+ */
 export declare function SplitLayout(props: SplitLayoutProps): import("react/jsx-runtime").JSX.Element;

package/components/SplitLayout/classes/index.d.ts

@@ -1,7 +1,14 @@
 import { SplitLayoutClassesType } from './types';
 import { OwnerState } from '../types';
+/** Esta es una constante que se está exportando y que contiene las clases de estilo generadas para el componente SplitLayout.
+ *
+ */
 export declare const splitLayoutClasses: SplitLayoutClassesType;
 export declare function getSplitLayoutUtilityClass(slot: string): string;
+/**
+ * Es un hook que facilita la gestión de clases de estilo para el componente SplitLayout, permitiendo una mayor flexibilidad en la aplicación de estilos basados en el estado del propietario.
+ *  @param {OwnerState} ownerState - El estado del propietario del componente SplitLayout.
+ */
 export declare const useSplitLayoutUtilityClasses: (ownerState: OwnerState) => {
     root: string;
     firstPart: string;

package/components/SplitLayout/types.d.ts

@@ -1,11 +1,20 @@
 import { ReactNode } from 'react';
 export declare type SplitPosition = 'vertical' | 'horizontal' | 'none';
+/** Es una interfaz que define las propiedades aceptadas por el componente SplitLayout.  */
 export interface SplitLayoutProps {
+    /** determina la orientación de la división entre las dos partes de la interfaz de usuario. Puede tener tres valores: "vertical", "horizontal" o "none". */
     splitPosition: SplitPosition;
+    /**La propiedad percentage en la interfaz SplitLayoutProps indica si el tamaño inicial de la segunda parte del diseño dividido se proporciona en porcentaje en lugar de píxeles.*/
     percentage?: boolean;
+    /** permite establecer un tamaño inicial específico para la segunda parte del diseño dividido.*/
     secondParrtInitialSize?: number;
+    /**representa el contenido o componente que se mostrará en la primera parte de la interfaz de usuario. */
     firstPart: ((props?: any) => JSX.Element) | ReactNode;
+    /** representa el contenido o componente que se mostrará en la segunda parte de la interfaz de usuario,la parte sea de abajo o a la derecha*/
     secondPart: ((props?: any) => JSX.Element) | ReactNode;
+    /** se utiliza para permitir que el componente SplitLayout reciba clases CSS personalizadas desde el componente padre, lo que permite una mayor flexibilidad en la estilización de este componente.*/
     className?: string;
 }
+/**Una manera de gestionar y mantener el estado del propietario dentro del componente SplitLayout.
+ * En este contexto OwnerState está siendo utilizado para almacenar información sobre la posición de la división en el diseño dividido, para controlar cómo se visualiza o se comporta el diseño dividido en la interfaz de usuario */
 export declare type OwnerState = Pick<SplitLayoutProps, 'splitPosition'>;

package/components/ToastContainer/{index.b5f27f85.js → index.97fdba82.js}

@@ -1,11 +1,11 @@
 import { styled, generateUtilityClasses } from "@mui/material";
-import { A } from "../../node_modules.448153f1.js";
+import { A } from "../../node_modules.71622512.js";
 import { jsxs, jsx } from "react/jsx-runtime";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../utils/index.79b6a2c1.js";
+import { g as getComponentUtilityClass } from "../../utils/index.de903261.js";
 import { useEnvironment } from "@m4l/core";
 import { useMemo } from "react";
-import { I as Icon } from "../Icon/index.770f86ae.js";
+import { I as Icon } from "../Icon/index.b920baf8.js";
 const ToastContainerRoot = styled("div")(({ theme }) => ({
   ...theme.components?.M4LToastContainer?.styleOverrides
 }));

package/components/animate/AnimatedScroll/animatedScroll.d.ts

@@ -1,2 +1,7 @@
 import { AnimatedScrollProps } from './types';
+/**
+ * Componente que proporciona un efecto de desplazamiento animado al contenedor.
+ * @param props Las propiedades del componente.
+ * @prop {ReactElement} children - Los elementos secundarios del componente AnimatedScroll.
+ */
 export declare const AnimatedScroll: (props: AnimatedScrollProps) => import("react/jsx-runtime").JSX.Element;

package/components/animate/AnimatedScroll/types.d.ts

@@ -1,5 +1,14 @@
 import { ReactElement } from "react";
+/**
+ * Propiedades para el componente AnimatedScroll.
+ */
 export interface AnimatedScrollProps {
+    /**
+     * Eje de desplazamiento para la animación. Puede ser 'x' para el eje horizontal o 'y' para el eje vertical.
+     */
     axis: 'x' | 'y';
+    /**
+    * Los elementos secundarios del componente AnimatedScroll.
+    */
     children: ReactElement;
 }

package/components/animate/IconButtonAnimate/index.d.ts

@@ -1,3 +1,12 @@
 /// <reference types="react" />
 import { IconButtonProps } from '@mui/material';
+/**
+ * Componente de botón animado que combina Material-UI con animaciones de Framer Motion.
+ * Este componente envuelve un IconButton con efectos de animación.
+ * @param children Los elementos hijos del componente.
+ * @param size El tamaño del botón. Por defecto, es 'medium'.
+ * @param other Propiedades adicionales del IconButton.
+ * @param ref Referencia del IconButton.
+ * @returns El componente IconButton con animaciones aplicadas.
+ */
 export declare const IconButtonAnimate: import("react").ForwardRefExoticComponent<Omit<IconButtonProps<"button", {}>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;

package/components/animate/IconButtonAnimate/types.d.ts

@@ -1,5 +1,10 @@
 import type { ReactNode } from 'react';
+/**
+ * Propiedades para el componente AnimateWrap.
+ */
 export declare type AnimateWrapProp = {
+    /** Los elementos secundarios que se envolverán con efectos de animación. */
     children: ReactNode;
+    /** El tamaño del botón, puede ser 'small', 'medium' o 'large'. */
     size: 'small' | 'medium' | 'large';
 };

package/components/animate/LoadingScreen/index.d.ts

@@ -1,3 +1,8 @@
 import { LoadingScreenProps } from './types';
+/**
+ * Componente de pantalla de carga.
+ * @param props Las propiedades del componente.
+ * @returns El componente de pantalla de carga.
+ */
 export declare function LoadingScreen(props: LoadingScreenProps): import("react/jsx-runtime").JSX.Element;
 export default LoadingScreen;

package/components/animate/LoadingScreen/types.d.ts

@@ -1,6 +1,18 @@
+/**
+ * Variante de la pantalla de carga.
+ * Puede ser 'fullpage' o 'microfrontend'.
+ */
 export declare type LoadingScreenVariant = 'fullpage' | 'microfrontend';
+/**
+ * Propiedades para el componente RootStyle.
+ */
 export declare type RootStyleProps = Pick<LoadingScreenProps, 'variant'>;
+/**
+ * Propiedades para el componente LoadingScreen.
+ */
 export declare type LoadingScreenProps = {
+    /** Indica si la pantalla de carga se muestra dentro de un dashboard. */
     isDashboard?: boolean;
+    /** La variante de la pantalla de carga. */
     variant?: LoadingScreenVariant;
 };

package/components/animate/MotionContainer/index.d.ts

@@ -1,9 +1,29 @@
 import { MotionProps } from 'framer-motion';
 import { BoxProps } from '@mui/material';
+/**
+ * Props adicionales para el componente `MotionContainer`.
+ */
 declare type IProps = BoxProps & MotionProps;
+/**
+   * Determina si la animación debe ejecutarse.
+   * @default true
+   */
 export interface Props extends IProps {
+    /**
+  * Determina si la animación debe ejecutarse.
+  * @default true
+  */
     animate?: boolean;
+    /**
+ * Determina si el contenedor está en modo de acción.
+ * @default false
+ */
     action?: boolean;
 }
+/**
+ * Un contenedor con animaciones proporcionado por Framer Motion y Material-UI.
+ * @param props Las propiedades del componente.
+ * @returns Un contenedor con animaciones proporcionado por Framer Motion y Material-UI.
+ */
 export declare function MotionContainer({ animate, action, children, ...other }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/components/animate/MotionLazyContainer/index.d.ts

@@ -1,6 +1,14 @@
 import { ReactNode } from 'react';
+/**
+   * Los elementos secundarios que se renderizarán dentro del contenedor.
+   */
 declare type Props = {
     children: ReactNode;
 };
+/**
+ * Un contenedor que carga dinámicamente las características de Framer Motion utilizando LazyMotion.
+ * @param props Las propiedades del componente.
+ * @returns Un contenedor que carga dinámicamente las características de Framer Motion utilizando LazyMotion.
+ */
 export declare function MotionLazyContainer({ children }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/components/animate/PropagateLoader/index.d.ts

@@ -1 +1,6 @@
+/**
+ * Un componente de cargador que muestra un propagador de carga.
+ * Utiliza React Spinners bajo el nombre de `PropagateLoader`.
+ * @returns Un componente de cargador que muestra un propagador de carga.
+ */
 export declare const PropagateLoader: () => import("react/jsx-runtime").JSX.Element;

package/components/animate/type.d.ts

@@ -1,26 +1,58 @@
+/**
+ * Tipo que representa los diferentes tipos de funciones de easing utilizados en animaciones.
+ */
 declare type EaseType = 'linear' | 'easeIn' | 'easeOut' | 'easeInOut' | 'circIn' | 'circOut' | 'circInOut' | 'backIn' | 'backOut' | 'backInOut' | 'anticipate' | number[];
+/**
+ * Tipo que define las opciones de variación para las animaciones.
+ */
 export declare type VariantsType = {
+    /** La distancia de variación.*/
     distance?: number;
+    /** La duración de la animación de entrada. */
     durationIn?: number;
+    /** La duración de la animación de salida. */
     durationOut?: number;
+    /** La función de easing utilizada en la animación de entrada. */
     easeIn?: EaseType;
+    /** La función de easing utilizada en la animación de salida. */
     easeOut?: EaseType;
 };
+/**
+ * Tipo que define las opciones de transición al pasar el cursor sobre un elemento.
+ */
 export declare type TranHoverType = {
+    /** La duración de la transición. */
     duration?: number;
+    /** La función de easing utilizada en la transición.*/
     ease?: EaseType;
 };
+/**
+ * Tipo que define las opciones de transición al entrar en un elemento.
+ */
 export declare type TranEnterType = {
+    /** La duración de la transición de entrada. */
     durationIn?: number;
+    /** La función de easing utilizada en la transición de entrada.*/
     easeIn?: EaseType;
 };
+/**
+ * Tipo que define las opciones de transición al salir de un elemento.
+ */
 export declare type TranExitType = {
+    /** La duración de la transición de salida. */
     durationOut?: number;
+    /**La función de easing utilizada en la transición de salida.*/
     easeOut?: EaseType;
 };
+/**
+ * Tipo que define las opciones de fondo para animaciones.
+ */
 export declare type BackgroundType = {
+    /** Los colores de fondo utilizados en la animación.*/
     colors?: string[];
+    /** La duración de la animación de fondo.*/
     duration?: number;
+    /** La función de easing utilizada en la animación de fondo. */
     ease?: EaseType;
 };
 export {};

package/components/areas/components/AreasAdmin/classes/index.d.ts

@@ -1,5 +1,11 @@
 import { AreasAdmninClasses } from './types';
 import { OwnerState } from '../../../contexts/AreasContext/types';
+/**
+ * Genera las clases de utilidad para el componente AreasAdmin.
+ */
 export declare const areasAdminClasses: AreasAdmninClasses;
+/**
+ * Hook personalizado que devuelve las clases de utilidad para el componente AreasAdmin.
+ */
 export declare const useAreasAdminUtilityClasses: (ownerState: OwnerState) => Record<"root" | "rootContent" | "areaChipRoot" | "areaIconLayer" | "areaContainerChipsIcon" | "areaContainerChips" | "areaContainerContentChips" | "areaEditPopover" | "areaChipMobileRoot" | "areaChipMobileIconContainer" | "areaChipTitle" | "areaContainerChipEditButton" | "areaChipDeleteButton" | "areaChipEditButton" | "areasAddButton" | "areasPopoverMobileOptions" | "areasPopoverListWindows" | "areasPopoverListWindowsIcon" | "areaContentChips", string>;
 export declare type AdminClasses = ReturnType<typeof useAreasAdminUtilityClasses>;

package/components/areas/components/AreasAdmin/classes/types.d.ts

@@ -1,27 +1,57 @@
+/**
+ * Interfaz que define las clases de estilo para el componente AreasAdmin.
+ */
 export interface AreasAdmninClasses {
+    /** Clase para el contenedor raíz del componente. */
     root: string;
+    /** Clase para el contenido del contenedor raíz. */
     rootContent: string;
+    /** Clase para el chip de área raíz. */
     areaChipRoot: string;
+    /** Clase para el título del chip de área. */
     areaChipTitle: string;
+    /** Clase para el contenedor de chips de área. */
     areaContainerChips: string;
+    /** Clase para el contenido del contenedor de chips de área. */
     areaContainerContentChips: string;
+    /** Clase para el icono del contenedor de chips de área. */
     areaContainerChipsIcon: string;
+    /** Clase para el contenedor de chips de área en dispositivos móviles. */
     areaChipMobileRoot: string;
+    /** Clase para el popover de edición de área. */
     areaEditPopover: string;
+    /** Clase para el contenedor de iconos en chips de área en dispositivos móviles. */
     areaChipMobileIconContainer: string;
+    /** Clase para la capa de iconos de área. */
     areaIconLayer: string;
+    /** Clase para el contenido de la capa de iconos de área. */
     areaIconLayerContent: string;
+    /** Clase para el botón de edición en chips de área. */
     areaContainerChipEditButton: string;
+    /** Clase para el botón de eliminación en chips de área. */
     areaChipDeleteButton: string;
+    /** Clase para el botón de edición en chips de área. */
     areaChipEditButton: string;
+    /** Clase para el botón de añadir área. */
     areasAddButton: string;
+    /** Clase para las opciones del popover en dispositivos móviles. */
     areasPopoverMobileOptions: string;
+    /** Clase para la lista de ventanas en el popover. */
     areasPopoverListWindows: string;
+    /** Clase para el icono de la lista de ventanas en el popover. */
     areasPopoverListWindowsIcon: string;
+    /** Clase para el contenido de chips de área. */
     areaContentChips: string;
+    /** Clase para el estado de selección. */
     selected: string;
+    /** Clase para el estado de dispositivos móviles. */
     isMobile: string;
+    /** Clase para el estado de deshabilitado. */
     disabled: string;
+    /** Clase para el estado de enfoque. */
     isFocus: string;
 }
+/**
+ * Tipos de claves para las clases del componente AreasAdmin.
+ */
 export declare type AreasAdminClassesKey = keyof AreasAdmninClasses;

package/components/areas/components/AreasAdmin/index.d.ts

@@ -1 +1,7 @@
+/**
+ * Componente para administrar áreas.
+ * Este componente permite al usuario administrar las áreas disponibles,
+ * seleccionar un área específica y agregar nuevas áreas.
+ * Utiliza hooks como useAreasStore, useEnvironment, useModuleDictionary y useResponsiveDesktop.
+ */
 export declare function AreasAdmin(): import("react/jsx-runtime").JSX.Element | null;

package/components/areas/components/AreasAdmin/{index.c802bb2f.js → index.e4f0ccc1.js}

@@ -1,31 +1,31 @@
-import { u as useAreasStore } from "../../hooks/useAreas/index.5da0bc90.js";
+import { u as useAreasStore } from "../../hooks/useAreas/index.b18fe111.js";
 import { useEnvironment, useModuleDictionary } from "@m4l/core";
 import { useState, useRef, useMemo } from "react";
 import * as Yup from "yup";
 import clsx from "clsx";
 import { generateUtilityClasses, useTheme } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
+import { g as getComponentUtilityClass } from "../../../../utils/index.de903261.js";
 import { A as AREAS_ADMIN_CLASS_NAME } from "../../constants.66529246.js";
-import { g as getComponentUtilityClass } from "../../../../utils/index.79b6a2c1.js";
 import { I as ICONS } from "../../icons.8266ccc8.js";
 import { g as getAreasDictionary, D as DICCTIONARY } from "../../dictionary.08cfc4c9.js";
 import { styled } from "@mui/material/styles";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { shallow } from "zustand/shallow";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { M as MenuActions } from "../../../mui_extended/MenuActions/index.34293162.js";
+import { M as MenuActions } from "../../../mui_extended/MenuActions/index.fa7c26a5.js";
 import { R as RHFormProvider } from "../../../../contexts/RHFormContext/index.7769076a.js";
-import { R as RHFTextField } from "../../../hook-form/RHFTextField/index.78934e84.js";
-import { A as Actions } from "../../../CommonActions/components/Actions/index.b8a1d42a.js";
-import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.bd595785.js";
-import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.64498081.js";
-import { I as IconButton } from "../../../mui_extended/IconButton/index.023c369f.js";
+import { R as RHFTextField } from "../../../hook-form/RHFTextField/index.fbb29ee1.js";
+import { A as Actions } from "../../../CommonActions/components/Actions/index.2f6286eb.js";
+import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.de862adf.js";
+import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.79fc2386.js";
+import { I as IconButton } from "../../../mui_extended/IconButton/index.9ea23f87.js";
 import { P as Popover } from "../../../mui_extended/Popover/index.b3eca6b1.js";
 import { T as Typography } from "../../../mui_extended/Typography/index.379dd374.js";
 import { S as ScrollBar } from "../../../ScrollBar/index.010f1b9d.js";
 import TouchRipple from "@mui/material/ButtonBase/TouchRipple";
-import { B as Button } from "../../../mui_extended/Button/index.928f05b7.js";
-import { I as Icon } from "../../../Icon/index.770f86ae.js";
+import { B as Button } from "../../../mui_extended/Button/index.e520bd15.js";
+import { I as Icon } from "../../../Icon/index.b920baf8.js";
 import { u as useOnClickOutside } from "../../index.4cc6a221.js";
 const areasAdminClasses = generateUtilityClasses(AREAS_ADMIN_CLASS_NAME, [
   "root",

package/components/areas/components/AreasAdmin/subcomponents/AreaChip/index.d.ts

@@ -1,4 +1,7 @@
 import { AreaChipProps } from './types';
+/**
+ * Componente de chip de área.
+ */
 export declare const AreaChip: {
     (props: AreaChipProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;

package/components/areas/components/AreasViewer/{index.214d8c7d.js → index.f87c63ca.js}

@@ -1,36 +1,36 @@
 import { styled } from "@mui/material/styles";
-import { r as react_resizable_css } from "../../../../react-resizable.3cdda6a7.js";
+import { r as react_resizable_css } from "../../../../react-resizable.ee028152.js";
 import { generateUtilityClasses, Skeleton, Dialog } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
+import { g as getComponentUtilityClass } from "../../../../utils/index.de903261.js";
 import { a as AREAS_VIEWER_CLASS_NAME } from "../../constants.66529246.js";
-import { g as getComponentUtilityClass } from "../../../../utils/index.79b6a2c1.js";
 import { shallow } from "zustand/shallow";
 import React__default, { useMemo, useEffect } from "react";
 import clsx from "clsx";
-import { u as useAreasStore } from "../../hooks/useAreas/index.5da0bc90.js";
+import { u as useAreasStore } from "../../hooks/useAreas/index.b18fe111.js";
 import { useModuleDictionary, useEnvironment, useModuleSkeleton } from "@m4l/core";
-import { a as MemonizedMenuActions } from "../../../mui_extended/MenuActions/index.34293162.js";
+import { a as MemonizedMenuActions } from "../../../mui_extended/MenuActions/index.fa7c26a5.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { I as ICONS } from "../../icons.8266ccc8.js";
 import { g as getAreasDictionary, D as DICCTIONARY } from "../../dictionary.08cfc4c9.js";
-import { I as IconButton } from "../../../mui_extended/IconButton/index.023c369f.js";
-import { L as LinearProgressIndeterminate } from "../../../LinearProgressIndeterminate/index.32caeee2.js";
-import { I as Icon } from "../../../Icon/index.770f86ae.js";
+import { I as IconButton } from "../../../mui_extended/IconButton/index.9ea23f87.js";
+import { L as LinearProgressIndeterminate } from "../../../LinearProgressIndeterminate/index.a0ad2d9e.js";
+import { I as Icon } from "../../../Icon/index.b920baf8.js";
 import { T as Typography } from "../../../mui_extended/Typography/index.379dd374.js";
-import { M as MFLoader } from "../../../MFLoader/index.544940c7.js";
+import { M as MFLoader } from "../../../MFLoader/index.52096ea5.js";
 import { W as WindowToolsMFProvider } from "../../contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import { D as DynamicMFParmsProvider } from "../../contexts/DynamicMFParmsContext/index.1607c78e.js";
 import { L as LinearProgress } from "../../../mui_extended/LinearProgress/index.c92b9ba9.js";
 import { T as TEST_PROP_ID } from "../../../../test/constants_no_mock.86c553a9.js";
 import { g as getNameDataTestId } from "../../../../test/getNameDataTestId.14875ec7.js";
-import { R as RESPONSIVE_COLAPSED_HEIGHTS, a as RESPONSIVE_ROW_HEIGHTS, M as MARGIN_GRIDLAYOUT, P as PADDING_GRIDLAYOUT } from "../../contexts/AreasContext/index.055ab6e2.js";
-import { w as withSizeProvider } from "../../../GridLayout/subcomponents/SizeProvider/index.6b5de802.js";
-import { R as Responsive } from "../../../GridLayout/subcomponents/Responsive/index.dfed4e68.js";
+import { R as RESPONSIVE_COLAPSED_HEIGHTS, a as RESPONSIVE_ROW_HEIGHTS, M as MARGIN_GRIDLAYOUT, P as PADDING_GRIDLAYOUT } from "../../contexts/AreasContext/index.3e3d8c62.js";
+import { w as withSizeProvider } from "../../../GridLayout/subcomponents/SizeProvider/index.7669a2cd.js";
+import { R as Responsive } from "../../../GridLayout/subcomponents/Responsive/index.0fd1b7f8.js";
 import { useLocation } from "react-router-dom";
-import { L as LoadingError } from "../../../LoadingError/index.3a86956f.js";
-import { c as cjs } from "../../../../react-draggable.38b6012b.js";
-import { R as ResizeableWindow } from "../../../Resizeable/index.14ab4804.js";
+import { L as LoadingError } from "../../../LoadingError/index.123e16f8.js";
+import { c as cjs } from "../../../../react-draggable.ee21cb7e.js";
+import { R as ResizeableWindow } from "../../../Resizeable/index.0eb66c37.js";
 const areasViewerClasses = generateUtilityClasses(AREAS_VIEWER_CLASS_NAME, [
   "root",
   "areaRoot",

package/components/areas/contexts/AreasContext/{index.055ab6e2.js → index.3e3d8c62.js}

@@ -5,13 +5,13 @@ import { useResponsiveDesktop, useFirstRender } from "@m4l/graphics";
 import { useHostTools, useModuleDictionary, useNetwork, useModuleSkeleton, EmitEvents } from "@m4l/core";
 import { devtools } from "zustand/middleware";
 import { immer } from "zustand/middleware/immer";
-import { u as useAreasViewerUtilityClasses } from "../../components/AreasViewer/index.214d8c7d.js";
-import { u as useAreasAdminUtilityClasses } from "../../components/AreasAdmin/index.c802bb2f.js";
+import { u as useAreasViewerUtilityClasses } from "../../components/AreasViewer/index.f87c63ca.js";
+import { u as useAreasAdminUtilityClasses } from "../../components/AreasAdmin/index.e4f0ccc1.js";
 import { c as createDynamicMFStore } from "../DynamicMFParmsContext/index.1607c78e.js";
 import { g as getAreasDictionary, D as DICCTIONARY } from "../../dictionary.08cfc4c9.js";
-import { a as addLayoutItemToBreakPointIfNoExists, b as addLayoutItemToBreakPoints, c as cloneLayouts } from "../../../GridLayout/subcomponents/Responsive/index.dfed4e68.js";
+import { a as addLayoutItemToBreakPointIfNoExists, b as addLayoutItemToBreakPoints, c as cloneLayouts } from "../../../GridLayout/subcomponents/Responsive/index.0fd1b7f8.js";
 import { debounce, cloneDeep } from "lodash";
-import { A as isEqualLayouts } from "../../../GridLayout/index.88b62a5d.js";
+import { A as isEqualLayouts } from "../../../GridLayout/index.0996cd19.js";
 import { useNavigate } from "react-router-dom";
 import { jsx } from "react/jsx-runtime";
 const PADDING_GRIDLAYOUT = 8;

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

@@ -1,8 +1,19 @@
 import React from 'react';
 import { DynamicMFParmsProviderProps } from './types';
+/**
+ * Contexto utilizado para proporcionar el almacenamiento de parámetros dinámicos a los componentes secundarios.
+ */
 declare const DynamicMFParmsContext: React.Context<(Omit<import("zustand").StoreApi<import("./store").DynamicMFStateWithActions>, "setState"> & {
     setState(nextStateOrUpdater: import("./store").DynamicMFStateWithActions | Partial<import("./store").DynamicMFStateWithActions> | ((state: import("immer/dist/internal").WritableDraft<import("./store").DynamicMFStateWithActions>) => void), shouldReplace?: boolean | undefined): void;
 }) | null>;
+/**
+ * Componente proveedor que envuelve la aplicación y proporciona el contexto de almacenamiento de parámetros dinámicos a los componentes secundarios.
+ * @param props Las props del componente DynamicMFParmsProvider.
+ * @returns El proveedor del contexto de almacenamiento de parámetros dinámicos.
+ */
 declare function DynamicMFParmsProvider(props: DynamicMFParmsProviderProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Componente DynamicMFParmsProvider memoizado.
+ */
 declare const MemonizedDynamicMFParmsProvider: React.MemoExoticComponent<typeof DynamicMFParmsProvider>;
 export { DynamicMFParmsProvider, DynamicMFParmsContext, MemonizedDynamicMFParmsProvider };

package/components/areas/contexts/DynamicMFParmsContext/store.d.ts

@@ -1,14 +1,28 @@
 import { DynamicMFParameters } from './types';
+/**
+ * Interfaz que define el estado de los parámetros de un Microfrontend Dinámico.
+ */
 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.
+ */
 export interface DynamicMFStateWithActions extends DynamicMFState {
     actions: {
         changeData: (newDynamicMFState: DynamicMFParameters) => void;
     };
 }
+/**
+ * Función para crear un almacén de estado para los parámetros de un Microfrontend Dinámico.
+ * @param initProps Las propiedades iniciales para inicializar el estado del almacén.
+ * @returns El almacén de estado para los parámetros de un Microfrontend Dinámico.
+ */
 export declare const createDynamicMFStore: (initProps: DynamicMFState) => Omit<import("zustand").StoreApi<DynamicMFStateWithActions>, "setState"> & {
     setState(nextStateOrUpdater: DynamicMFStateWithActions | Partial<DynamicMFStateWithActions> | ((state: import("immer/dist/internal").WritableDraft<DynamicMFStateWithActions>) => void), shouldReplace?: boolean | undefined): void;
 };
+/**
+ * Tipo de datos que representa el almacén de estado para los parámetros de un Microfrontend Dinámico.
+ */
 export declare type DynamicMFStore = ReturnType<typeof createDynamicMFStore>;