@m4l/components 9.1.98 → 9.1.99

package/components/areas/contexts/AreasContext/store.js

@@ -33,7 +33,7 @@ const createAreasStore = (initProps) => {
            * Inicializa el store de areas
            * @author Bruce Escobar - automatic
            * @createdAt 2024-10-22 09:41:31 - automatic
-           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedAt 2025-02-07 08:26:22 - automatic
            * @updatedUser cesar - automatic
            */
           init: () => {
@@ -104,6 +104,10 @@ const createAreasStore = (initProps) => {
           },
           /**
            * Acción encargada de añadir un área de trabajo en blanco
+           * @author cesar - automatic
+           * @createdAt 2025-02-07 08:26:22 - automatic
+           * @updatedAt 2025-02-07 08:26:22 - automatic
+           * @updatedUser cesar - automatic
            */
           addArea: () => {
             let newId = "";
@@ -117,7 +121,7 @@ const createAreasStore = (initProps) => {
            * editArea store
            * @author cesar - automatic
            * @createdAt 2025-01-29 16:33:52 - automatic
-           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedAt 2025-02-07 08:26:22 - automatic
            * @updatedUser cesar - automatic
            */
           editArea: (areaId, newName) => {
@@ -140,7 +144,7 @@ const createAreasStore = (initProps) => {
            * deleteArea store
            * @author cesar - automatic
            * @createdAt 2025-01-29 16:33:52 - automatic
-           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedAt 2025-02-07 08:26:22 - automatic
            * @updatedUser cesar - automatic
            */
           deleteArea: (areaId) => {
@@ -182,7 +186,7 @@ const createAreasStore = (initProps) => {
            * selectArea store
            * @author cesar - automatic
            * @createdAt 2025-01-29 16:33:52 - automatic
-           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedAt 2025-02-07 08:26:22 - automatic
            * @updatedUser cesar - automatic
            */
           selectArea: (areaId) => {
@@ -214,7 +218,7 @@ const createAreasStore = (initProps) => {
            * setHandlerGetLabel
            * @author cesar - automatic
            * @createdAt 2025-01-29 16:33:52 - automatic
-           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedAt 2025-02-07 08:26:22 - automatic
            * @updatedUser cesar - automatic
            */
           setHandlerGetLabel: (newHandler) => {
@@ -226,7 +230,7 @@ const createAreasStore = (initProps) => {
            * setExternalState
            * @author cesar - automatic
            * @createdAt 2025-01-29 16:33:52 - automatic
-           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedAt 2025-02-07 08:26:22 - automatic
            * @updatedUser cesar - automatic
            */
           setExternalState: (newExternalState) => {
@@ -241,7 +245,7 @@ const createAreasStore = (initProps) => {
            * addWindow store
            * @author cesar - automatic
            * @createdAt 2025-01-29 16:33:52 - automatic
-           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedAt 2025-02-07 08:26:22 - automatic
            * @updatedUser cesar - automatic
            */
           addWindow: (newWindowProps) => {
@@ -256,7 +260,7 @@ const createAreasStore = (initProps) => {
            * addLayout store
            * @author cesar - automatic
            * @createdAt 2025-01-29 16:33:52 - automatic
-           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedAt 2025-02-07 08:26:22 - automatic
            * @updatedUser cesar - automatic
            */
           addLayout: (areaId, windowId, newWindowProps) => {
@@ -333,7 +337,7 @@ const createAreasStore = (initProps) => {
            * closeLayout
            * @author cesar - automatic
            * @createdAt 2025-01-29 16:33:52 - automatic
-           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedAt 2025-02-07 08:26:22 - automatic
            * @updatedUser cesar - automatic
            */
           closeLayout: (areaId, removeLayoutId) => {
@@ -365,7 +369,7 @@ const createAreasStore = (initProps) => {
            * saveLayouts
            * @author cesar - automatic
            * @createdAt 2025-01-29 16:33:52 - automatic
-           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedAt 2025-02-07 08:26:22 - automatic
            * @updatedUser cesar - automatic
            */
           saveLayouts: (areaId) => {
@@ -415,7 +419,7 @@ const createAreasStore = (initProps) => {
            * closeWindowModal
            * @author cesar - automatic
            * @createdAt 2025-01-29 16:33:52 - automatic
-           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedAt 2025-02-07 08:26:22 - automatic
            * @updatedUser cesar - automatic
            */
           closeWindowModal: (removeModalId) => {
@@ -432,7 +436,7 @@ const createAreasStore = (initProps) => {
            * addWindowModal
            * @author cesar - automatic
            * @createdAt 2025-01-29 16:33:52 - automatic
-           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedAt 2025-02-07 08:26:22 - automatic
            * @updatedUser cesar - automatic
            */
           addWindowModal: (areaId, windowId, newWindowModalProps) => {
@@ -494,7 +498,7 @@ const createAreasStore = (initProps) => {
            * onBreakpointsLayoutsChange
            * @author cesar - automatic
            * @createdAt 2025-01-29 16:33:52 - automatic
-           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedAt 2025-02-07 08:26:22 - automatic
            * @updatedUser cesar - automatic
            */
           onBreakpointsLayoutsChange: (areaId, _currentLayout, newAllLayouts) => {
@@ -511,7 +515,7 @@ const createAreasStore = (initProps) => {
            * containerChange
            * @author cesar - automatic
            * @createdAt 2025-01-29 16:33:52 - automatic
-           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedAt 2025-02-07 08:26:22 - automatic
            * @updatedUser cesar - automatic
            */
           onContainerChange: (areaId, e) => {
@@ -524,7 +528,7 @@ const createAreasStore = (initProps) => {
            * selectLayout
            * @author cesar - automatic
            * @createdAt 2025-01-29 16:33:52 - automatic
-           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedAt 2025-02-07 08:26:22 - automatic
            * @updatedUser cesar - automatic
            */
           selectLayout: (areaId, layoutId) => {
@@ -555,7 +559,7 @@ const createAreasStore = (initProps) => {
            * unColapseLayoutItem
            * @author cesar - automatic
            * @createdAt 2025-01-29 16:33:52 - automatic
-           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedAt 2025-02-07 08:26:22 - automatic
            * @updatedUser cesar - automatic
            */
           unColapseLayoutItem: (areaId, layoutId) => {
@@ -567,7 +571,7 @@ const createAreasStore = (initProps) => {
            * colapseLayoutItem
            * @author cesar - automatic
            * @createdAt 2025-01-29 16:33:52 - automatic
-           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedAt 2025-02-07 08:26:22 - automatic
            * @updatedUser cesar - automatic
            */
           colapseLayoutItem: (areaId, layoutId) => {
@@ -581,7 +585,7 @@ const createAreasStore = (initProps) => {
            * minimizeLayout
            * @author cesar - automatic
            * @createdAt 2025-01-29 16:33:52 - automatic
-           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedAt 2025-02-07 08:26:22 - automatic
            * @updatedUser cesar - automatic
            */
           maximizeLayout: (areaId, layoutId) => {
@@ -605,7 +609,7 @@ const createAreasStore = (initProps) => {
            * normalizeLayouts
            * @author cesar - automatic
            * @createdAt 2025-01-29 16:33:52 - automatic
-           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedAt 2025-02-07 08:26:22 - automatic
            * @updatedUser cesar - automatic
            */
           normalizeLayouts: (areaId) => {
@@ -627,7 +631,7 @@ const createAreasStore = (initProps) => {
            * loadWindowsFromApi
            * @author cesar - automatic
            * @createdAt 2025-01-29 16:33:52 - automatic
-           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedAt 2025-02-07 08:26:22 - automatic
            * @updatedUser cesar - automatic
            */
           loadWindowsFromApi: (areaId) => {
@@ -830,7 +834,7 @@ const createAreasStore = (initProps) => {
            * setActions
            * @author cesar - automatic
            * @createdAt 2025-01-29 16:33:52 - automatic
-           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedAt 2025-02-07 08:26:22 - automatic
            * @updatedUser cesar - automatic
            */
           setActions: (windowId, newActions, version) => {
@@ -845,7 +849,7 @@ const createAreasStore = (initProps) => {
            * getCookie
            * @author cesar - automatic
            * @createdAt 2025-01-29 16:33:52 - automatic
-           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedAt 2025-02-07 08:26:22 - automatic
            * @updatedUser cesar - automatic
            */
           getCookie: (windowId, id) => {
@@ -858,7 +862,7 @@ const createAreasStore = (initProps) => {
            * getCookies
            * @author cesar - automatic
            * @createdAt 2025-01-29 16:33:52 - automatic
-           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedAt 2025-02-07 08:26:22 - automatic
            * @updatedUser cesar - automatic
            */
           getCookies: (windowId, type) => {
@@ -875,7 +879,7 @@ const createAreasStore = (initProps) => {
            * setCookie
            * @author cesar - automatic
            * @createdAt 2025-01-29 16:33:52 - automatic
-           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedAt 2025-02-07 08:26:22 - automatic
            * @updatedUser cesar - automatic
            */
           setCookie: (windowId, id, type, cookie) => {
@@ -899,7 +903,7 @@ const createAreasStore = (initProps) => {
            * close window
            * @author cesar - automatic
            * @createdAt 2025-01-29 16:33:52 - automatic
-           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedAt 2025-02-07 08:26:22 - automatic
            * @updatedUser cesar - automatic
            */
           close: (windowId) => {
@@ -915,7 +919,7 @@ const createAreasStore = (initProps) => {
            * startProgress
            * @author cesar - automatic
            * @createdAt 2025-01-29 16:33:52 - automatic
-           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedAt 2025-02-07 08:26:22 - automatic
            * @updatedUser cesar - automatic
            */
           startProgress: (windowId) => {
@@ -929,7 +933,7 @@ const createAreasStore = (initProps) => {
            * stopProgress
            * @author cesar - automatic
            * @createdAt 2025-01-29 16:33:52 - automatic
-           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedAt 2025-02-07 08:26:22 - automatic
            * @updatedUser cesar - automatic
            */
           stopProgress: (windowId) => {
@@ -943,7 +947,7 @@ const createAreasStore = (initProps) => {
            * loadCookiesFromApi
            * @author cesar - automatic
            * @createdAt 2025-01-29 16:33:52 - automatic
-           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedAt 2025-02-07 08:26:22 - automatic
            * @updatedUser cesar - automatic
            */
           loadCookiesFromApi: (windowId) => {
@@ -987,7 +991,7 @@ const createAreasStore = (initProps) => {
            * saveModuleCookies
            * @author cesar - automatic
            * @createdAt 2025-01-29 16:33:52 - automatic
-           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedAt 2025-02-07 08:26:22 - automatic
            * @updatedUser cesar - automatic
            */
           saveModuleCookies: (windowId) => {
@@ -1007,7 +1011,7 @@ const createAreasStore = (initProps) => {
            * setModuleCookies
            * @author cesar - automatic
            * @createdAt 2025-01-29 16:33:52 - automatic
-           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedAt 2025-02-07 08:26:22 - automatic
            * @updatedUser cesar - automatic
            */
           resetModuleCookies: (windowId) => {
@@ -1031,7 +1035,7 @@ const createAreasStore = (initProps) => {
            * setFnQueryClose
            * @author cesar - automatic
            * @createdAt 2025-01-29 16:33:52 - automatic
-           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedAt 2025-02-07 08:26:22 - automatic
            * @updatedUser cesar - automatic
            */
           setFnQueryClose: (windowId, fnQueryClose) => {
@@ -1043,7 +1047,7 @@ const createAreasStore = (initProps) => {
            * setWindowTitle
            * @author cesar - automatic
            * @createdAt 2025-01-29 16:33:52 - automatic
-           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedAt 2025-02-07 08:26:22 - automatic
            * @updatedUser cesar - automatic
            */
           setWindowTitle: (windowId, title) => {
@@ -1057,7 +1061,7 @@ const createAreasStore = (initProps) => {
            * setFocus
            * @author cesar - automatic
            * @createdAt 2025-01-29 16:33:52 - automatic
-           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedAt 2025-02-07 08:26:22 - automatic
            * @updatedUser cesar - automatic
            */
           setFocus: (newValue) => {

package/components/areas/contexts/AreasContext/types.d.ts

@@ -26,12 +26,12 @@ export interface Area {
     loadWindows: boolean;
     /**
      *  "containerHeight" Altura del contendor de area, se deja en cada área porque solo llegan en eventos de resize cuando está diferente a display "none"
+     * @createdAt 2025-02-07 08:26:22 - automatic
      */
     containerHeight?: number;
     currentBreakpoint?: Breakpoint;
     layouts: Layouts;
     maximizedId?: string | undefined;
-    /** Son los ids de las ventanas, iterar con keys, destruye los componentes en un map */
     layoutItemsIds: string[];
     currentLayoutId: string;
     currentPopUpId: string;
@@ -40,19 +40,24 @@ export interface Area {
 }
 /**
  * estado de carga de las areaS de trabajo.
+ * @createdAt 2025-02-07 08:26:22 - automatic
  */
 export type AreasStatus = 'init' | 'loading' | 'loaded' | 'error';
 export type OwnerState = {
     /**
      *  "isSkeleton" indica si el componente está en skeleton.
+     * @createdAt 2025-02-07 08:26:22 - automatic
+     * @createdAt 2025-02-07 08:26:22 - automatic
      */
     status: AreasStatus;
     /**
      * "readyForHooks" indica si el componente ejecutó el efecto de carga y se suscrubió al eventemitter. Utilizado normalmente en storybook
+     * @createdAt 2025-02-07 08:26:22 - automatic
      */
     readyForHooks: boolean;
     /**
      *  "isMobile" cuando el navegador está en modo celular
+     * @createdAt 2025-02-07 08:26:22 - automatic
      */
     isMobile: boolean;
     /**
@@ -61,70 +66,88 @@ export type OwnerState = {
     isSkeleton: boolean;
     /**
      * focus: Estado de selección asignado por el usuario.
-     *
+     * @createdAt 2025-02-07 08:26:22 - automatic
      */
     focus: boolean;
 };
 /**
  * Estados que se actulizan por fuera del store, a través de hooks
+ * @createdAt 2025-02-07 08:26:22 - automatic
  */
 export type ExternalOwnerState = Pick<OwnerState, 'isMobile' | 'isSkeleton' | 'readyForHooks'>;
 /**
  * Interface que define el estado del componente (variables y funciones )
+ * @createdAt 2025-02-07 08:26:22 - automatic
  */
 export interface AreasState {
     /**
      *  "loadAreasFromNetwork" Indica si se deben cargar/grabar las áreas de trabajo en la API
+     * @createdAt 2025-02-07 08:26:22 - automatic
      */
     loadAreasFromNetwork: boolean;
     /**
      *  "loadCookiesFromNetwork" Indica si se deben cargar/grabar las cookies en la API
+     * @createdAt 2025-02-07 08:26:22 - automatic
      */
     loadCookiesFromNetwork: boolean;
     /**
      *  "currentAreaId" Area de trabajo seleccionada
+     * @createdAt 2025-02-07 08:26:22 - automatic
      */
     currentAreaId: string;
     /**
      *  "currentModuleId" Módulo seleccionado
+     * @createdAt 2025-02-07 08:26:22 - automatic
      */
     currentModuleId: string;
     /**
      *  "ownerState" enfocado al funcionamiento de las clases
+     * @createdAt 2025-02-07 08:26:22 - automatic
      */
     ownerState: OwnerState;
     /**
      *  "viwerClasses" enfocado al funcionamiento de las clases a nivel de viewer
+     * @createdAt 2025-02-07 08:26:22 - automatic
      */
     viwerClasses: ViwerClasses;
     /**
      *  "adminClasses" enfocado al funcionamiento de las clases a nivel de Admin
+     * @createdAt 2025-02-07 08:26:22 - automatic
      */
     adminClasses: AdminClasses;
     /**
      *  "windowsModals" id de ventans modales abiertas
+     * @createdAt 2025-02-07 08:26:22 - automatic
      */
     windowsModals: string[];
     hashWindowsModals: HashWindowsByModals;
     windowModal?: ModalStateProps;
     /**
      *  "areasIds" Areas de trabajo para saber en que orden se muestran en el AreasAdmin
+     * @createdAt 2025-02-07 08:26:22 - automatic
      */
     areasIds: string[];
     /**
      *  "hashAreas" Areas de trabajo
+     * @createdAt 2025-02-07 08:26:22 - automatic
      */
     hashAreas: Record<string, Area>;
     /**
      *  "hashWindows" Todas las ventanas de todas las áreas cagadas
+     * @createdAt 2025-02-07 08:26:22 - automatic
      */
     hashWindows: Record<string, WindowStateProps>;
     /**
      *  "networkOperation" funcion que usará el Store para enviar las peticiones de red
+     * @author cesar - automatic
+     * @createdAt 2025-02-07 08:26:22 - automatic
+     * @updatedAt 2025-02-07 08:26:22 - automatic
+     * @updatedUser cesar - automatic
      */
     networkOperation: (props: NetworkProps) => Promise<any>;
     /**
      *  "getLabel" funcion que usará para traducir las etiquetas de diccionario
+     * @createdAt 2025-02-07 08:26:22 - automatic
      */
     getLabel: GetLabelType;
 }
@@ -134,18 +157,30 @@ export interface AreasStateWithActions extends AreasState {
          * inicializa el store cargando las áreas de trabajo.
          * Una vez termina el proceso, actualiza el estado de carga (ownerState.status) a "loaded".
          * Normalmente es asyncrono en producción por el llamado al endpoint áreas.
+         * @author cesar - automatic
+         * @createdAt 2025-02-07 08:26:22 - automatic
+         * @updatedAt 2025-02-07 08:26:22 - automatic
+         * @updatedUser cesar - automatic
          */
         init: () => void;
         /**
          * Arega un area de trabajo y la selecciona. Adiconalmente limpia el currentModuleId
          * Si esta habilitado "loadAreasFromNetwork" invoca al endpoint de POST de areas
          * @returns id del ara de trabajo
+         * @author cesar - automatic
+         * @createdAt 2025-02-07 08:26:22 - automatic
+         * @updatedAt 2025-02-07 08:26:22 - automatic
+         * @updatedUser cesar - automatic
          */
         addArea: () => string;
         /**
          * Edita el nombre del área de trabajo.
          * Si está habilitado y sincroniza los cambios en la API.
          * @returns nombre del area de trabajo
+         * @author cesar - automatic
+         * @createdAt 2025-02-07 08:26:22 - automatic
+         * @updatedAt 2025-02-07 08:26:22 - automatic
+         * @updatedUser cesar - automatic
          */
         editArea: (idArea: string, newName: string) => void;
         /**
@@ -155,12 +190,20 @@ export interface AreasStateWithActions extends AreasState {
          * Carga adicionalmente las ventanas cuando se seleccione por primera vez si eestá habilitado el uso de API (loadAreasFromNetwork)
          * @param newAreaId Id de area a seleccionar
          * @returns
+         * @author cesar - automatic
+         * @createdAt 2025-02-07 08:26:22 - automatic
+         * @updatedAt 2025-02-07 08:26:22 - automatic
+         * @updatedUser cesar - automatic
          */
         selectArea: (newAreaId: string) => void;
         /**
          * Borra un area de trabajo, si esta activa "loadAreasFromNetwork" llama a la API.
          * @param areaId Id de area a borrar
          * @returns void
+         * @author cesar - automatic
+         * @createdAt 2025-02-07 08:26:22 - automatic
+         * @updatedAt 2025-02-07 08:26:22 - automatic
+         * @updatedUser cesar - automatic
          */
         deleteArea: (areaId: string) => void;
         /**
@@ -168,12 +211,20 @@ export interface AreasStateWithActions extends AreasState {
          * @param newHandler handle o función que va a traducir las etiquetas, esto es necesario debido que getLabel de useModuleDictionary
          * cambia por el useCallback, cuando el diccionario se carga.
          * @returns void
+         * @author cesar - automatic
+         * @createdAt 2025-02-07 08:26:22 - automatic
+         * @updatedAt 2025-02-07 08:26:22 - automatic
+         * @updatedUser cesar - automatic
          */
         setHandlerGetLabel: (newHandler: GetLabelType) => void;
         /**
          * Modifica los estados que se actualizan externamente al Store
          * @param newIsMobile
          * @returns
+         * @author cesar - automatic
+         * @createdAt 2025-02-07 08:26:22 - automatic
+         * @updatedAt 2025-02-07 08:26:22 - automatic
+         * @updatedUser cesar - automatic
          */
         setExternalState: (newExternalState: Partial<ExternalOwnerState>) => void;
     };

package/components/areas/types.d.ts

@@ -27,6 +27,11 @@ export interface AreaWindowAction extends Extract<MenuAction, {
      * @createdAt 2024-12-27 08:27:31 - automatic
      */
     className?: string;
+    /**
+     * Icono opcional para la acción de ventana.
+     * @createdAt 2024-12-27 08:27:31 - automatic
+     */
+    iconUrl?: string;
 }
 /**
  * Tipo que representa el tipo de ventana: microfrontend o componente.
@@ -107,13 +112,14 @@ export type WindowState = {
      * @returns void
      * @author Andrés Quintero - automatic
      * @createdAt 2024-12-27 08:27:31 - automatic
-     * @updatedAt 2025-01-31 11:37:44 - automatic
+     * @updatedAt 2025-02-07 08:26:22 - automatic
      * @updatedUser cesar - automatic
      */
     fnQueryClose?: () => void;
     /**
      * moduleCount representa el identificador de
      * la ventana cuando se repite un módulo en una misma área
+     * @createdAt 2025-02-07 08:26:22 - automatic
      */
     moduleCount?: number;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "9.1.98",
+  "version": "9.1.99",
   "license": "UNLICENSED",
   "lint-staged": {
     "*.{js,ts,tsx}": "eslint --fix --max-warnings 0"

package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/PanelWindows/index.js

@@ -1,99 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { shallow } from "zustand/shallow";
-import clsx from "clsx";
-import { u as useAreasStore } from "../../../../../../hooks/useAreas/index.js";
-import { a as areasViewerClasses } from "../../../../classes/index.js";
-import { useLocation } from "react-router-dom";
-import { I as IconButton } from "../../../../../../../mui_extended/IconButton/IconButton.js";
-const PanelWindows = (props) => {
-  const { areaId } = props;
-  const status = useAreasStore((state) => state.hashAreas[areaId].status);
-  const maximizedId = useAreasStore((state) => state.hashAreas[areaId].maximizedId);
-  const maximizedIdParent = useAreasStore(
-    (state) => state.hashWindows[maximizedId || ""]?.parentLayoutId || void 0
-  );
-  const hashLayoutItems = useAreasStore(
-    (state) => state.hashAreas[areaId].layoutItemsIds.filter((itemId) => state.hashWindows[itemId].emergeType === "layout").map((key) => ({
-      i: key,
-      url_icon: state.hashWindows[key].iconUrl,
-      title: state.hashWindows[key].title,
-      moduleId: state.hashWindows[key].moduleId,
-      emergeType: state.hashWindows[key].emergeType,
-      windowId: state.hashWindows[key].windowId
-    })),
-    shallow
-  );
-  const hashPopuosItems = useAreasStore(
-    (state) => state.hashAreas[areaId].layoutItemsIds.filter((itemId) => state.hashWindows[itemId].emergeType === "popup").map((key) => ({
-      i: key,
-      url_icon: state.hashWindows[key].iconUrl,
-      title: state.hashWindows[key].title,
-      moduleId: state.hashWindows[key].moduleId,
-      emergeType: state.hashWindows[key].emergeType,
-      windowId: state.hashWindows[key].windowId
-    })),
-    shallow
-  );
-  const { maximizeLayout } = useAreasStore((state) => state.areaActions);
-  const onTouched = (layoutId) => {
-    maximizeLayout(areaId, layoutId);
-  };
-  const location = useLocation();
-  const searchParams = new URLSearchParams(location.search);
-  const currentParam = searchParams.get("module");
-  if (status === "loaded") {
-    if (!maximizedId || hashLayoutItems.length < 2) {
-      return null;
-    }
-    return /* @__PURE__ */ jsxs("div", { className: areasViewerClasses.panelWindowsRoot, children: [
-      hashLayoutItems.map((kl) => {
-        return /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: clsx(
-              areasViewerClasses.panelWindowsButtonContainer,
-              maximizedId === kl.i && kl.emergeType !== "popup" || maximizedIdParent === kl.windowId && kl.moduleId === currentParam ? areasViewerClasses.selected : null
-            ),
-            children: /* @__PURE__ */ jsx(
-              IconButton,
-              {
-                src: kl.url_icon,
-                size: "small",
-                onClick: () => onTouched(kl.i),
-                tooltip: maximizedId !== kl.i ? kl.title : void 0
-              }
-            )
-          },
-          kl.i
-        );
-      }),
-      hashPopuosItems.length > 0 && /* @__PURE__ */ jsx("div", { className: areasViewerClasses.panelWindowsSeparator }),
-      hashPopuosItems.map((kl) => {
-        return /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: clsx(
-              areasViewerClasses.panelWindowsButtonContainer,
-              maximizedId === kl.i && kl.emergeType !== "popup" || maximizedIdParent === kl.windowId && kl.moduleId === currentParam ? areasViewerClasses.selected : null
-            ),
-            children: /* @__PURE__ */ jsx(
-              IconButton,
-              {
-                src: kl.url_icon,
-                size: "small",
-                onClick: () => onTouched(kl.i),
-                tooltip: maximizedId !== kl.i ? kl.title : void 0
-              }
-            )
-          },
-          kl.i
-        );
-      })
-    ] });
-  } else {
-    return null;
-  }
-};
-export {
-  PanelWindows as P
-};