@m4l/components 9.1.44 → 9.1.46

package/components/AccountPopover/AccountPopover.d.ts

@@ -1,6 +1,12 @@
 import { AccountPopoverProps } from './types';
 /**
- * Componente que muestra el avatar del usuario y un menú desplegable.
+ * El componente AccountPopover es un componente que permite visualizar la información del usuario
+ * y las opciones de menú disponibles para el usuario.
+ * Generalmente se utiliza en la barra de navegación de la aplicación.
+ * Este componente muestra el avatar del usuario, la versión de la aplicación, el nombre del usuario y las opciones de menú.
+ * ### Dependencias:
+ * - **`useNetwork:`** Hook que permite realizar solicitudes de red en la aplicación.
+ * - **`useEnviroment:`** Hook que permite acceder a los valores del entorno de la aplicación.
  * @param {AccountPopoverProps} props - Propiedades del componente.
  * @param {Function} props.handleClick - Manejador para hacer clic en el componente.
  * @param {string} props.version - Versión de la aplicación.
@@ -9,18 +15,9 @@ import { AccountPopoverProps } from './types';
  * @param {string} props.className - Clases CSS adicionales para el componente.
  * @returns {JSX.Element} Elemento JSX que representa el componente.
  * @example
- * // Ejemplo de uso:
- *
- * <AccountPopover
- *   handleClick={handleClick}
- *   version="1.0"
- *   handleLogOut={handleLogOut}
- *   userData={userData}
- *   className="mi-clase-css"
- * />
  * @author Andrés Quintero - automatic
- * @createdAt 2024-12-06 17:26:21 - automatic
- * @updatedAt 2024-12-11 15:39:20 - automatic
+ * @createdAt 2024-12-23 09:15:44 - automatic
+ * @updatedAt 2024-12-30 14:36:08 - automatic
  * @updatedUser Andrés Quintero - automatic
  */
 export declare const AccountPopover: (props: AccountPopoverProps) => import("react/jsx-runtime").JSX.Element;

package/components/AccountPopover/AccountPopover.styles.js

@@ -5,7 +5,7 @@ const accountPopoverStyles = {
    * ***************************************************************
    * @author Andrés Quintero - automatic
    * @createdAt 2024-12-10 17:27:34 - automatic
-   * @updatedAt 2024-12-11 15:39:20 - automatic
+   * @updatedAt 2024-12-30 14:36:08 - automatic
    * @updatedUser Andrés Quintero - automatic
    */
   iconButtonRoot: ({ theme }) => ({
@@ -26,7 +26,7 @@ const accountPopoverStyles = {
    * ******************************************************************
    * @author Andrés Quintero - automatic
    * @createdAt 2024-12-10 08:05:25 - automatic
-   * @updatedAt 2024-12-11 15:39:20 - automatic
+   * @updatedAt 2024-12-30 14:36:08 - automatic
    * @updatedUser Andrés Quintero - automatic
    */
   avatar: () => ({
@@ -52,7 +52,7 @@ const accountPopoverStyles = {
    * *******************************************************************
    * @author Andrés Quintero - automatic
    * @createdAt 2024-12-10 17:27:34 - automatic
-   * @updatedAt 2024-12-11 15:39:20 - automatic
+   * @updatedAt 2024-12-30 14:36:08 - automatic
    * @updatedUser Andrés Quintero - automatic
    */
   popoverRoot: ({ theme }) => ({
@@ -67,7 +67,7 @@ const accountPopoverStyles = {
    * ********************************************************************
    * @author Andrés Quintero - automatic
    * @createdAt 2024-12-09 17:45:48 - automatic
-   * @updatedAt 2024-12-11 15:39:20 - automatic
+   * @updatedAt 2024-12-30 14:36:08 - automatic
    * @updatedUser Andrés Quintero - automatic
    */
   userDataContainer: ({ theme }) => ({
@@ -92,7 +92,7 @@ const accountPopoverStyles = {
    * ************************************************************************
    * @author Andrés Quintero - automatic
    * @createdAt 2024-12-09 17:45:48 - automatic
-   * @updatedAt 2024-12-11 15:39:20 - automatic
+   * @updatedAt 2024-12-30 14:36:08 - automatic
    * @updatedUser Andrés Quintero - automatic
    */
   userNameEmail: ({ theme }) => ({
@@ -107,7 +107,7 @@ const accountPopoverStyles = {
    * ***********************************************************
    * @author Andrés Quintero - automatic
    * @createdAt 2024-12-09 17:45:48 - automatic
-   * @updatedAt 2024-12-11 15:39:20 - automatic
+   * @updatedAt 2024-12-30 14:36:08 - automatic
    * @updatedUser Andrés Quintero - automatic
    */
   fullName: () => ({}),
@@ -117,7 +117,7 @@ const accountPopoverStyles = {
    * ********************************************************
    * @author Andrés Quintero - automatic
    * @createdAt 2024-12-09 17:45:48 - automatic
-   * @updatedAt 2024-12-11 15:39:20 - automatic
+   * @updatedAt 2024-12-30 14:36:08 - automatic
    * @updatedUser Andrés Quintero - automatic
    */
   email: ({ theme }) => ({
@@ -131,7 +131,7 @@ const accountPopoverStyles = {
    * ***********************************************************************
    * @author Andrés Quintero - automatic
    * @createdAt 2024-12-09 17:45:48 - automatic
-   * @updatedAt 2024-12-11 15:39:20 - automatic
+   * @updatedAt 2024-12-30 14:36:08 - automatic
    * @updatedUser Andrés Quintero - automatic
    */
   versionContainer: ({ theme }) => ({
@@ -149,7 +149,7 @@ const accountPopoverStyles = {
    * ************************************************************
    * @author Andrés Quintero - automatic
    * @createdAt 2024-12-09 17:45:48 - automatic
-   * @updatedAt 2024-12-11 15:39:20 - automatic
+   * @updatedAt 2024-12-30 14:36:08 - automatic
    * @updatedUser Andrés Quintero - automatic
    */
   version: ({ theme }) => ({
@@ -164,7 +164,7 @@ const accountPopoverStyles = {
    * ******************************************************************
    * @author Andrés Quintero - automatic
    * @createdAt 2024-12-11 15:39:20 - automatic
-   * @updatedAt 2024-12-11 15:39:20 - automatic
+   * @updatedAt 2024-12-30 14:36:08 - automatic
    * @updatedUser Andrés Quintero - automatic
    */
   menuItemSetting: ({ theme }) => ({
@@ -176,7 +176,7 @@ const accountPopoverStyles = {
    * ****************************************************************
    * @author Andrés Quintero - automatic
    * @createdAt 2024-12-09 17:45:48 - automatic
-   * @updatedAt 2024-12-11 15:39:20 - automatic
+   * @updatedAt 2024-12-30 14:36:08 - automatic
    * @updatedUser Andrés Quintero - automatic
    */
   versionIcon: ({ theme }) => ({
@@ -191,7 +191,7 @@ const accountPopoverStyles = {
    * ********************************************************
    * @author Andrés Quintero - automatic
    * @createdAt 2024-12-11 15:39:20 - automatic
-   * @updatedAt 2024-12-11 15:39:20 - automatic
+   * @updatedAt 2024-12-30 14:36:08 - automatic
    * @updatedUser Andrés Quintero - automatic
    */
   menuItem: ({ theme }) => ({
@@ -203,7 +203,7 @@ const accountPopoverStyles = {
    * ********************************************************
    * @author Andrés Quintero - automatic
    * @createdAt 2024-12-10 08:05:25 - automatic
-   * @updatedAt 2024-12-11 15:39:20 - automatic
+   * @updatedAt 2024-12-30 14:36:08 - automatic
    * @updatedUser Andrés Quintero - automatic
    */
   divider: ({ theme }) => ({
@@ -228,7 +228,7 @@ const accountPopoverStyles = {
    * *************************************************************
    * @author Andrés Quintero - automatic
    * @createdAt 2024-12-11 15:39:20 - automatic
-   * @updatedAt 2024-12-11 15:39:20 - automatic
+   * @updatedAt 2024-12-30 14:36:08 - automatic
    * @updatedUser Andrés Quintero - automatic
    */
   circularPropress: () => ({}),
@@ -238,7 +238,7 @@ const accountPopoverStyles = {
    * ********************************************************
    * @author Andrés Quintero - automatic
    * @createdAt 2024-12-11 15:39:20 - automatic
-   * @updatedAt 2024-12-11 15:39:20 - automatic
+   * @updatedAt 2024-12-30 14:36:08 - automatic
    * @updatedUser Andrés Quintero - automatic
    */
   menuItemLogout: ({ theme }) => ({

package/components/AccountPopover/subcomponents/MenuPopover/MenuPopover.d.ts

@@ -5,7 +5,7 @@ import { MenuPopoverProps } from './types';
  * @param props
  * @author Andrés Quintero - automatic
  * @createdAt 2024-12-06 17:26:21 - automatic
- * @updatedAt 2024-12-11 15:39:20 - automatic
+ * @updatedAt 2024-12-30 14:36:08 - automatic
  * @updatedUser Andrés Quintero - automatic
  */
 export declare const MenuPopover: (props: MenuPopoverProps) => import("react/jsx-runtime").JSX.Element;

package/components/AccountPopover/subcomponents/MyAvatar/MyAvatar.d.ts

@@ -7,7 +7,7 @@ import { MyAvatarProps } from './types';
  * @returns {JSX.Element} El componente MyAvatar.
  * @author Andrés Quintero - automatic
  * @createdAt 2024-12-11 15:39:20 - automatic
- * @updatedAt 2024-12-11 15:39:20 - automatic
+ * @updatedAt 2024-12-30 14:36:08 - automatic
  * @updatedUser Andrés Quintero - automatic
  */
 export default function MyAvatar(props: MyAvatarProps): import("react/jsx-runtime").JSX.Element;

package/components/AccountPopover/types.d.ts

@@ -40,14 +40,50 @@ export interface MenuDataProvider {
     value: RightMenuData;
 }
 export interface AccountPopoverProps {
+    /**
+     * Procedimiento definido desde la instancia, va a ser activado por alguno de elementos del listado dinámico por medio del evento click.
+     * @author Andrés Quintero - automatic
+     * @createdAt 2024-12-23 09:15:45 - automatic
+     * @updatedAt 2024-12-23 09:15:46 - automatic
+     * @updatedUser Andrés Quintero - automatic
+     */
     itemHandleClick: (item: RightMenuData) => void;
+    /**
+     * Procedimiento encargado finalizar la sesión del cliente autenticado.
+     * @createdAt 2024-12-23 09:15:45 - automatic
+     */
     handleLogOut: VoidFunction;
+    /**
+     * Procedimiento definido desde la instancia, el cual tiene como propósito permitir visualizar el configurador de apariencia
+     * @author Andrés Quintero - automatic
+     * @createdAt 2024-12-23 09:15:45 - automatic
+     * @updatedAt 2024-12-23 09:15:46 - automatic
+     * @updatedUser Andrés Quintero - automatic
+     */
     settingsHandleOpen: () => void;
+    /**
+     * Dato que representa la versión actual de la aplicación web.
+     */
     version: string;
+    /**
+     * Es una colección de datos relacionados al cliente autenticado, puede contener datos como: nombre, apellido, módulos activos entre otros.
+     */
     userData: UserAuth | null | undefined;
+    /**
+     *  Opción de apariencia del componente.
+     */
     variant?: 'standard';
+    /**
+     * Opción de color que pinta al componente.
+     */
     color?: Extract<ComponentPalletColor, 'default'>;
+    /**
+     * Opciones de tamaño usado en las configuraciones de css del componente.
+     */
     size?: Extract<Sizes, 'small' | 'medium'>;
+    /**
+     * Test id para pruebas automatizadas.
+     */
     dataTestid?: string;
 }
 export type AccountPopoverSlotsType = keyof typeof AccountPopoverSlots;

package/components/ControlIncrement/ControlIncrement.d.ts

@@ -1,5 +1,9 @@
 import { ControlIncrementProps } from './types';
 /**
  * Componente Para Incrementar o Decrementar
+ * @author Andrés Quintero - automatic
+ * @createdAt 2024-12-30 14:36:05 - automatic
+ * @updatedAt 2024-12-30 14:36:08 - automatic
+ * @updatedUser Andrés Quintero - automatic
  */
 export declare const ControlIncrement: (props: ControlIncrementProps) => import("react/jsx-runtime").JSX.Element;

package/components/DataGrid/subcomponents/Actions/subcomponents/Density/index.d.ts

@@ -2,7 +2,7 @@
  * TODO: Documentar
  * @author Andrés Quintero - automatic
  * @createdAt 2024-12-27 08:27:30 - automatic
- * @updatedAt 2024-12-27 08:28:35 - automatic
+ * @updatedAt 2024-12-30 14:36:08 - automatic
  * @updatedUser Andrés Quintero - automatic
  */
 export declare function Density(): import("react/jsx-runtime").JSX.Element;

package/components/DataGrid/subcomponents/Actions/subcomponents/MobileMenuActions/index.d.ts

@@ -2,7 +2,7 @@
  * TODO: Documentar
  * @author Andrés Quintero - automatic
  * @createdAt 2024-12-27 08:27:30 - automatic
- * @updatedAt 2024-12-27 08:28:35 - automatic
+ * @updatedAt 2024-12-30 14:36:08 - automatic
  * @updatedUser Andrés Quintero - automatic
  */
 export declare const MobileMenuActions: () => import("react/jsx-runtime").JSX.Element;

package/components/Image/Image.d.ts

@@ -9,7 +9,7 @@ import { ImageProps } from './types';
  * Image: Componente que permite visualizar una imagen en la plataforma web.
  * @author Andrés Quintero - automatic
  * @createdAt 2024-12-27 08:27:30 - automatic
- * @updatedAt 2024-12-27 08:28:35 - automatic
+ * @updatedAt 2024-12-30 14:36:08 - automatic
  * @updatedUser Andrés Quintero - automatic
  */
 export declare function Image(props: ImageProps): import("react/jsx-runtime").JSX.Element;

package/components/Image/hoc/WithTrackWindowScroll.d.ts

@@ -6,7 +6,7 @@ interface withTrackWindowScrollProps {
  * HOC que se encarga de añadir la funcionalidad de trackear el scroll de la ventana
  * @author Andrés Quintero - automatic
  * @createdAt 2024-12-27 08:27:30 - automatic
- * @updatedAt 2024-12-27 08:28:35 - automatic
+ * @updatedAt 2024-12-30 14:36:08 - automatic
  * @updatedUser Andrés Quintero - automatic
  */
 export declare function WithTrackWindowScroll<P extends IntersectComponentScrollProps>(BaseComponent: ComponentType<P>): (props: P & withTrackWindowScrollProps) => import("react/jsx-runtime").JSX.Element;

package/components/Image/image.styles.js

@@ -12,7 +12,7 @@ const imageStyles = {
    * Estilos para el intersectComponente o para el 'span'
    * @author Andrés Quintero - automatic
    * @createdAt 2024-12-27 08:27:30 - automatic
-   * @updatedAt 2024-12-27 08:28:35 - automatic
+   * @updatedAt 2024-12-30 14:36:08 - automatic
    * @updatedUser Andrés Quintero - automatic
    */
   intersectComponent: () => ({
@@ -27,7 +27,7 @@ const imageStyles = {
    * Estilos para el contenedor del componente Skeleton.
    * @author Andrés Quintero - automatic
    * @createdAt 2024-12-27 08:27:30 - automatic
-   * @updatedAt 2024-12-27 08:28:35 - automatic
+   * @updatedAt 2024-12-30 14:36:08 - automatic
    * @updatedUser Andrés Quintero - automatic
    */
   divContainerSkeleton: ({ theme }) => ({
@@ -48,7 +48,7 @@ const imageStyles = {
    * Estilos para el Skeleton del componente.
    * @author Andrés Quintero - automatic
    * @createdAt 2024-12-27 08:27:30 - automatic
-   * @updatedAt 2024-12-27 08:28:35 - automatic
+   * @updatedAt 2024-12-30 14:36:08 - automatic
    * @updatedUser Andrés Quintero - automatic
    */
   imgSkeleton: ({ theme }) => ({

package/components/Image/subcomponents/LazyLoadComponent/index.d.ts

@@ -9,7 +9,7 @@ import { LazyLoadComponentProps } from '../../types';
  * LazyLoadComponent: Componente que permite visualizar una imagen en la plataforma web.
  * @author Andrés Quintero - automatic
  * @createdAt 2024-12-27 08:27:30 - automatic
- * @updatedAt 2024-12-27 08:28:35 - automatic
+ * @updatedAt 2024-12-30 14:36:08 - automatic
  * @updatedUser Andrés Quintero - automatic
  */
 export declare function LazyLoadComponent(props: LazyLoadComponentProps): import("react/jsx-runtime").JSX.Element;

package/components/Image/utils/get-scroll-ancestor.d.ts

@@ -2,7 +2,7 @@
  * Función que se encarga de obtener el ancestro de desplazamiento de un elemento
  * @author Andrés Quintero - automatic
  * @createdAt 2024-12-27 08:27:30 - automatic
- * @updatedAt 2024-12-27 08:28:35 - automatic
+ * @updatedAt 2024-12-30 14:36:08 - automatic
  * @updatedUser Andrés Quintero - automatic
  */
 export declare const getScrollAncestor: (element: Node) => HTMLElement | Window;

package/components/Image/utils/isIntersectionObserverAvailable.d.ts

@@ -3,7 +3,7 @@
  * de la funcionalidad IntersectionObserver a nivel de navegador web.
  * @author Andrés Quintero - automatic
  * @createdAt 2024-12-27 08:27:30 - automatic
- * @updatedAt 2024-12-27 08:28:35 - automatic
+ * @updatedAt 2024-12-30 14:36:08 - automatic
  * @updatedUser Andrés Quintero - automatic
  */
 export declare function isIntersectionObserverAvailable(): boolean;

package/components/InputNumberSpinner/InputNumberSpinner.d.ts

@@ -3,7 +3,7 @@ import { InputNumberSpinnerProps } from './types';
  * Componente que permite la selección de un número a través de un input y dos botones de incremento y decremento.
  * @author Bruce Escobar - automatic
  * @createdAt 2024-10-22 19:12:22 - automatic
- * @updatedAt 2024-10-22 19:12:22 - automatic
- * @updatedUser Bruce Escobar - automatic
+ * @updatedAt 2024-12-30 14:36:08 - automatic
+ * @updatedUser Andrés Quintero - automatic
  */
 export declare const InputNumberSpinner: (props: InputNumberSpinnerProps) => import("react/jsx-runtime").JSX.Element;

package/components/LanguagePopover/LanguagePopover.d.ts

@@ -10,7 +10,7 @@ import { LanguagePopoverProps } from './types';
  * TODO: Documentar
  * @author Andrés Quintero - automatic
  * @createdAt 2024-12-27 08:27:30 - automatic
- * @updatedAt 2024-12-27 08:28:35 - automatic
+ * @updatedAt 2024-12-30 14:36:08 - automatic
  * @updatedUser Andrés Quintero - automatic
  */
 export declare function LanguagePopover(props: LanguagePopoverProps): import("react/jsx-runtime").JSX.Element;

package/components/MFLoader/MFLoader.d.ts

@@ -21,8 +21,8 @@ declare global {
  * TODO: Documentar
  * @author Bruce Escobar - automatic
  * @createdAt 2024-10-22 09:41:31 - automatic
- * @updatedAt 2024-10-22 19:27:23 - automatic
- * @updatedUser Bruce Escobar - automatic
+ * @updatedAt 2024-12-30 14:36:08 - automatic
+ * @updatedUser Andrés Quintero - automatic
  */
 export declare function MFLoader(props: MFLoaderProps): import("react/jsx-runtime").JSX.Element;
 export default MFLoader;

package/components/MenuActions/MenuActions.d.ts

@@ -7,7 +7,7 @@ import { MenuActionsProps } from './types';
  * y estilos configurables.
  * @author cesar - automatic
  * @createdAt 2024-12-17 15:41:39 - automatic
- * @updatedAt 2024-12-27 08:28:35 - automatic
+ * @updatedAt 2024-12-30 14:36:09 - automatic
  * @updatedUser Andrés Quintero - automatic
  */
 export declare function MenuActions(props: MenuActionsProps): import("react/jsx-runtime").JSX.Element;

package/components/MenuActions/MenuActions.styles.js

@@ -3,7 +3,7 @@ const menuActionsStyles = {
    * Estilos para el contenedor raíz del menú.
    * @author Andrés Quintero - automatic
    * @createdAt 2024-12-27 08:27:30 - automatic
-   * @updatedAt 2024-12-27 08:28:35 - automatic
+   * @updatedAt 2024-12-30 14:36:09 - automatic
    * @updatedUser Andrés Quintero - automatic
    */
   root: () => ({
@@ -13,7 +13,7 @@ const menuActionsStyles = {
    * Estilos para el MenuList
    * @author Andrés Quintero - automatic
    * @createdAt 2024-12-27 08:27:30 - automatic
-   * @updatedAt 2024-12-27 08:28:35 - automatic
+   * @updatedAt 2024-12-30 14:36:09 - automatic
    * @updatedUser Andrés Quintero - automatic
    */
   menuList: ({ theme }) => ({

package/components/MenuActions/dictionary.d.ts

@@ -7,7 +7,7 @@ export declare const MENU_ACTIONS_DICTIONARY_ID = "menu_actions";
  * Devuelve un array que contiene el identificador del diccionario de `MenuActions`.
  * @author Andrés Quintero - automatic
  * @createdAt 2024-12-27 08:27:30 - automatic
- * @updatedAt 2024-12-27 08:28:35 - automatic
+ * @updatedAt 2024-12-30 14:36:09 - automatic
  * @updatedUser Andrés Quintero - automatic
  */
 export declare function getMenuActionsComponentsDictionary(): string[];
@@ -22,7 +22,7 @@ export declare const DICTIONARY: {
  * Tipo que representa las claves del diccionario de `MenuActions`.
  * @author Andrés Quintero - automatic
  * @createdAt 2024-12-27 08:27:30 - automatic
- * @updatedAt 2024-12-27 08:28:35 - automatic
+ * @updatedAt 2024-12-30 14:36:09 - automatic
  * @updatedUser Andrés Quintero - automatic
  */
 export type TypeDictionary = typeof DICTIONARY;
@@ -30,7 +30,7 @@ export type TypeDictionary = typeof DICTIONARY;
  * Función que obtiene el valor completo de una clave del diccionario de `MenuActions` utilizando su identificador.
  * @author Andrés Quintero - automatic
  * @createdAt 2024-12-27 08:27:30 - automatic
- * @updatedAt 2024-12-27 08:28:35 - automatic
+ * @updatedAt 2024-12-30 14:36:09 - automatic
  * @updatedUser Andrés Quintero - automatic
  */
 export declare const getMenuActionsDictionary: (key: keyof TypeDictionary) => string;

package/components/MenuActions/types.d.ts

@@ -13,7 +13,7 @@ import { MENU_ACTIONS_KEY_COMPONENT } from './constants';
  * onClick - Función a ejecutar al hacer clic en la acción.
  * @author Andrés Quintero - automatic
  * @createdAt 2024-12-27 08:27:30 - automatic
- * @updatedAt 2024-12-27 08:28:35 - automatic
+ * @updatedAt 2024-12-30 14:36:09 - automatic
  * @updatedUser Andrés Quintero - automatic
  */
 export interface ComponentActionProps {
@@ -26,7 +26,7 @@ export interface ComponentActionProps {
  * [error] - Indicador de error en la acción del menú.
  * @author Andrés Quintero - automatic
  * @createdAt 2024-12-27 08:27:30 - automatic
- * @updatedAt 2024-12-27 08:28:35 - automatic
+ * @updatedAt 2024-12-30 14:36:09 - automatic
  * @updatedUser Andrés Quintero - automatic
  */
 export interface MenuAction extends Pick<MenuItemProps, 'startIcon' | 'endIcon' | 'label' | 'selected' | 'componentPaletteColor' | 'color' | 'disabled'> {
@@ -68,7 +68,7 @@ export interface MenuActionsProps extends Omit<PopoverProps, 'open' | 'anchorEl'
      * Acciones del menú, puede ser un array o una función que genere acciones.
      * @author Andrés Quintero - automatic
      * @createdAt 2024-12-27 08:27:30 - automatic
-     * @updatedAt 2024-12-27 08:28:35 - automatic
+     * @updatedAt 2024-12-30 14:36:09 - automatic
      * @updatedUser Andrés Quintero - automatic
      */
     menuActions: MenuAction[] | ((row: any) => MenuAction[]);
@@ -131,7 +131,7 @@ export interface MenuActionsProps extends Omit<PopoverProps, 'open' | 'anchorEl'
      * Función externa para cerrar el menú.
      * @author Andrés Quintero - automatic
      * @createdAt 2024-12-27 08:27:30 - automatic
-     * @updatedAt 2024-12-27 08:28:35 - automatic
+     * @updatedAt 2024-12-30 14:36:09 - automatic
      * @updatedUser Andrés Quintero - automatic
      */
     externalClose?: (element: null | HTMLDivElement) => void;

package/components/ModalDialog/ModalDialog.styles.js

@@ -3,8 +3,8 @@ const modalDialogStyles = {
    * Modal Dialog Root style
    * @author cesar - automatic
    * @createdAt 2024-11-26 08:22:10 - automatic
-   * @updatedAt 2024-11-29 09:50:22 - automatic
-   * @updatedUser cesar - automatic
+   * @updatedAt 2024-12-30 14:36:09 - automatic
+   * @updatedUser Andrés Quintero - automatic
    */
   modalDialogRoot: () => ({
     position: "absolute",
@@ -17,8 +17,8 @@ const modalDialogStyles = {
    * Modal Dialog Content style
    * @author cesar - automatic
    * @createdAt 2024-11-29 07:54:20 - automatic
-   * @updatedAt 2024-11-29 09:50:22 - automatic
-   * @updatedUser cesar - automatic
+   * @updatedAt 2024-12-30 14:36:09 - automatic
+   * @updatedUser Andrés Quintero - automatic
    */
   contentComponent: () => ({
     width: "100%",
@@ -28,8 +28,8 @@ const modalDialogStyles = {
    * Modal Dialog Paper style
    * @author cesar - automatic
    * @createdAt 2024-11-27 15:21:40 - automatic
-   * @updatedAt 2024-11-29 09:50:22 - automatic
-   * @updatedUser cesar - automatic
+   * @updatedAt 2024-12-30 14:36:09 - automatic
+   * @updatedUser Andrés Quintero - automatic
    */
   paperModalDialog: () => ({
     height: "100%",

package/components/PaperForm/components/Header.d.ts

@@ -6,7 +6,7 @@ import { HeaderProps } from '../types';
  * @param props - Propiedades del componente
  * @returns JSX.Element
  * @createdAt 2024-11-21 11:29:19 - automatic
- * @updatedAt 2024-12-03 11:01:24 - automatic
+ * @updatedAt 2024-12-30 14:36:09 - automatic
  * @updatedUser Andrés Quintero - automatic
  */
 export declare const Header: (props: HeaderProps) => import("react/jsx-runtime").JSX.Element;

package/components/SideBar/SideBar.d.ts

@@ -1,35 +1,15 @@
 import { SideBarProps } from './types';
 /**
- * Componente SideBar.
- * @param {SideBarProps} props - Propiedades para el componente SideBar.
- * @returns {React.ReactElement} El componente SideBar.
- * @example
- * ```tsx
- * <SideBar
- * anchored={true}
- * visible={true}
- * onToggleAnchored={() => {}}
- * onToggleVisible={() => {}}
- * menuData={[]}
- * onMenuItemClick={() => {}}
- * companyLogoNormalUrl=""
- * companyLogoSmallUrl=""
- * moduleSelectedId=""
- * expandedWidth="230px"
- * companyName=""
- * companySlogan=""
- * />
- * ```
+ * Componente SideBar, representa una barra lateral que contiene un menú de opciones.
+ * Este componente se encarga de renderizar el menú de opciones y representar su estado
+ * de selección y activación. Además, permite alternar la visibilidad y el anclaje de la barra lateral.
+ * ### Dependencias:
+ * - **`useMobile:`** Hook que devuelve un valor booleano indicando si la aplicación se está ejecutando en un entorno de escritorio.
+ * - **`useEnvironmen:`** Hook que devuelve el estado del entorno de la aplicación.
+ * - **`useFirstRender:`** Hook que devuelve un valor booleano indicando si el componente se está renderizando por primera vez.
  * @author Andrés Quintero - automatic
- * @createdAt 2024-10-31 17:50:39 - automatic
- * @updatedAt 2024-11-14 17:08:16 - automatic
- * @updatedUser Andrés Quintero - automatic
- */
-/**
- *
- * @author Andrés Quintero - automatic
- * @createdAt 2024-11-15 21:43:42 - automatic
- * @updatedAt 2024-12-02 19:02:04 - automatic
+ * @createdAt 2024-12-23 07:24:16 - automatic
+ * @updatedAt 2024-12-23 07:24:18 - automatic
  * @updatedUser Andrés Quintero - automatic
  */
 export declare const SideBar: import('react').MemoExoticComponent<(props: SideBarProps) => import("react/jsx-runtime").JSX.Element>;

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

@@ -3,7 +3,7 @@
  * Contiene el header, body y footer
  * @author Andrés Quintero - automatic
  * @createdAt 2024-11-15 21:43:42 - automatic
- * @updatedAt 2024-12-27 08:28:35 - automatic
+ * @updatedAt 2024-12-30 14:36:09 - automatic
  * @updatedUser Andrés Quintero - automatic
  */
 declare const ContentComponent: () => import("react/jsx-runtime").JSX.Element;

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

@@ -1,11 +1,13 @@
-import { Sizes } from '@m4l/styles';
+import { ContentGroupsProps } from './types';
 /**
  * Renderiza el contenido de los grupos
  * @author Andrés Quintero - automatic
  * @createdAt 2024-11-05 17:43:01 - automatic
- * @updatedAt 2024-12-27 08:28:35 - automatic
+ * <<<<<<< HEAD
+ * @updatedAt 2024-12-30 14:36:09 - automatic
+ * =======
+ * @updatedAt 2024-12-30 14:36:09 - automatic
+ * >>>>>>> main
  * @updatedUser Andrés Quintero - automatic
  */
-export declare const ContentGroups: (props: {
-    size: Sizes;
-}) => import("react/jsx-runtime").JSX.Element;
+export declare const ContentGroups: (contentGroupsProps: ContentGroupsProps) => import("react/jsx-runtime").JSX.Element;

package/components/SideBar/subcomponents/ContentGroups/index.js

@@ -8,10 +8,10 @@ import { C as ContainerMenuItemsMain } from "./subcomponents/ContainerMenuItemsM
 import { u as useComponentSize } from "../../../../hooks/useComponentSize/useComponentSize.js";
 import { T as Typography } from "../../../mui_extended/Typography/Typography.js";
 import { M as MenuItem } from "../../../mui_extended/MenuItem/MenuItem.js";
-const ContentGroups = (props) => {
-  const { size } = props;
+const ContentGroups = (contentGroupsProps) => {
   const { menuData } = useSideBar();
   const { getLabel } = useModuleDictionary();
+  const { size } = contentGroupsProps;
   const { currentSize } = useComponentSize(size);
   const ownerState = {
     noItems: menuData.length === 0