@m4l/components 9.1.93 → 9.1.95

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

@@ -3,10 +3,11 @@ import { devtools } from "zustand/middleware";
 import { immer } from "zustand/middleware/immer";
 import { u as useAreasViewerUtilityClasses } from "../../components/AreasViewer/classes/index.js";
 import { u as useAreasAdminUtilityClasses } from "../../components/AreasAdmin/classes/index.js";
-import { u as updateOwnerStateClasses, C as COOKIE_AREAS_ADMIN_CONTAINER_ID, b as COOKIE_AREAS_ADMIN_ID, D as DEFAULT_AREA, c as addArea, g as getSelectedAreaIdFromCookies, d as DEFAULT_WINDOW, a as RESPONSIVE_ROW_HEIGHTS, P as PADDING_GRIDLAYOUT, M as MARGIN_GRIDLAYOUT, N as NORMALIZED_COLS, e as deleteLayoutFromBreakPoints, f as COOKIE_WINDOWS, h as COOKIE_BREAKPOINT_LAYOUTS, i as DEBOUCED_SAVE_TIME, s as setColapsedLayoutBreakPoints, j as getDataFromResponse, k as getCookiesContainer } from "./helper.js";
+import { u as updateOwnerStateClasses, C as COOKIE_AREAS_ADMIN_CONTAINER_ID, b as COOKIE_AREAS_ADMIN_ID, D as DEFAULT_AREA, c as addArea, g as getSelectedAreaIdFromCookies, d as DEFAULT_WINDOW, a as RESPONSIVE_ROW_HEIGHTS, P as PADDING_GRIDLAYOUT, M as MARGIN_GRIDLAYOUT, N as NORMALIZED_COLS, e as deleteLayoutFromBreakPoints, f as COOKIE_WINDOWS, h as COOKIE_BREAKPOINT_LAYOUTS, i as DEBOUCED_SAVE_TIME, s as setColapsedLayoutBreakPoints, j as getDataFromResponse, k as getCookiesContainer } from "./helpers/helper.js";
 import { c as createDynamicMFStore } from "../DynamicMFParmsContext/store.js";
 import cloneDeep from "lodash-es/cloneDeep";
 import debounce from "lodash-es/debounce";
+import { g as generateModuleCount } from "./helpers/generateModuleCount.js";
 import { g as getCookie, s as setCookie, d as deleteCookie } from "../../../../helpers/cookies/cookies.js";
 import { d as addLayoutItemToBreakPoints, e as cloneLayouts } from "../../../GridLayout/subcomponents/Responsive/responsiveUtils.js";
 import { k as isEqualLayouts } from "../../../GridLayout/utils.js";
@@ -32,8 +33,8 @@ const createAreasStore = (initProps) => {
            * Inicializa el store de areas
            * @author Bruce Escobar - automatic
            * @createdAt 2024-10-22 09:41:31 - automatic
-           * @updatedAt 2024-12-30 14:36:10 - automatic
-           * @updatedUser Andrés Quintero - automatic
+           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedUser cesar - automatic
            */
           init: () => {
             if (get().ownerState.status !== "init") {
@@ -102,139 +103,7 @@ const createAreasStore = (initProps) => {
             });
           },
           /**
-           * TODO: Documentar
-           * @updatedUser Andrés Quintero - automatic
-           * @updatedUser Andrés Quintero - automatic
-           * @updatedUser Andrés Quintero - automatic
-           * @updatedUser Andrés Quintero - automatic
-           * @updatedUser Andrés Quintero - automatic
-           * @updatedUser Andrés Quintero - automatic
-           * @updatedUser Andrés Quintero - automatic
-           * @updatedUser Andrés Quintero - automatic
-           * @updatedUser Andrés Quintero - automatic
-           * @updatedUser Andrés Quintero - automatic
-           * @updatedUser Andrés Quintero - automatic
-           * @updatedUser Andrés Quintero - automatic
-           * @updatedUser Andrés Quintero - automatic
-           * @updatedUser Andrés Quintero - automatic
-           * @updatedUser Andrés Quintero - automatic
-           * @updatedUser Andrés Quintero - automatic
-           * @updatedUser Andrés Quintero - automatic
-           * @updatedUser Andrés Quintero - automatic
-           * @updatedUser Andrés Quintero - automatic
-           * @updatedUser Andrés Quintero - automatic
-           * @updatedUser Andrés Quintero - automatic
-           * @updatedUser Andrés Quintero - automatic
-           * @updatedUser Andrés Quintero - automatic
-           * @updatedUser Andrés Quintero - automatic
-           * @updatedUser Andrés Quintero - automatic
-           * @updatedUser Andrés Quintero - automatic
-           * @updatedUser Andrés Quintero - automatic
-           * @updatedUser Andrés Quintero - automatic
-           * @updatedUser Andrés Quintero - automatic
-           * @updatedUser Andrés Quintero - automatic
-           * @updatedUser Andrés Quintero - automatic
-           * @updatedUser Andrés Quintero - automatic
-           * @updatedAt 2024-12-30 14:36:10 - automatic
-           * @updatedAt 2024-12-30 14:36:10 - automatic
-           * @updatedAt 2024-12-30 14:36:10 - automatic
-           * @updatedAt 2024-12-30 14:36:10 - automatic
-           * @updatedAt 2024-12-30 14:36:10 - automatic
-           * @updatedAt 2024-12-30 14:36:10 - automatic
-           * @updatedAt 2024-12-30 14:36:10 - automatic
-           * @updatedAt 2024-12-30 14:36:10 - automatic
-           * @updatedAt 2024-12-30 14:36:10 - automatic
-           * @updatedAt 2024-12-30 14:36:10 - automatic
-           * @updatedAt 2024-12-30 14:36:10 - automatic
-           * @updatedAt 2024-12-30 14:36:10 - automatic
-           * @updatedAt 2024-12-30 14:36:10 - automatic
-           * @updatedAt 2024-12-30 14:36:10 - automatic
-           * @updatedAt 2024-12-30 14:36:10 - automatic
-           * @updatedAt 2024-12-30 14:36:10 - automatic
-           * @updatedAt 2024-12-30 14:36:10 - automatic
-           * @updatedAt 2024-12-30 14:36:10 - automatic
-           * @updatedAt 2024-12-30 14:36:10 - automatic
-           * @updatedAt 2024-12-30 14:36:10 - automatic
-           * @updatedAt 2024-12-30 14:36:10 - automatic
-           * @updatedAt 2024-12-30 14:36:10 - automatic
-           * @updatedAt 2024-12-30 14:36:10 - automatic
-           * @updatedAt 2024-12-30 14:36:10 - automatic
-           * @updatedAt 2024-12-30 14:36:10 - automatic
-           * @updatedAt 2024-12-30 14:36:10 - automatic
-           * @updatedAt 2024-12-30 14:36:10 - automatic
-           * @updatedAt 2024-12-30 14:36:10 - automatic
-           * @updatedAt 2024-12-30 14:36:10 - automatic
-           * @updatedAt 2024-12-30 14:36:10 - automatic
-           * @updatedAt 2024-12-30 14:36:10 - automatic
-           * @updatedAt 2024-12-30 14:36:10 - automatic
-           * @createdAt 2024-12-30 14:36:06 - automatic
-           * @createdAt 2024-12-30 14:36:06 - automatic
-           * @createdAt 2024-12-30 14:36:06 - automatic
-           * @createdAt 2024-12-30 14:36:06 - automatic
-           * @createdAt 2024-12-30 14:36:06 - automatic
-           * @createdAt 2024-12-30 14:36:06 - automatic
-           * @createdAt 2024-12-30 14:36:06 - automatic
-           * @createdAt 2024-12-30 14:36:06 - automatic
-           * @createdAt 2024-12-30 14:36:06 - automatic
-           * @createdAt 2024-12-30 14:36:06 - automatic
-           * @createdAt 2024-12-30 14:36:06 - automatic
-           * @createdAt 2024-12-30 14:36:06 - automatic
-           * @createdAt 2024-12-30 14:36:06 - automatic
-           * @createdAt 2024-12-30 14:36:06 - automatic
-           * @createdAt 2024-12-30 14:36:06 - automatic
-           * @createdAt 2024-12-30 14:36:06 - automatic
-           * @createdAt 2024-12-30 14:36:06 - automatic
-           * @createdAt 2024-12-30 14:36:06 - automatic
-           * @createdAt 2024-12-30 14:36:06 - automatic
-           * @createdAt 2024-12-30 14:36:06 - automatic
-           * @createdAt 2024-12-30 14:36:06 - automatic
-           * @createdAt 2024-12-30 14:36:06 - automatic
-           * @createdAt 2024-12-30 14:36:06 - automatic
-           * @createdAt 2024-12-30 14:36:06 - automatic
-           * @createdAt 2024-12-30 14:36:06 - automatic
-           * @createdAt 2024-12-30 14:36:06 - automatic
-           * @createdAt 2024-12-30 14:36:06 - automatic
-           * @createdAt 2024-12-30 14:36:06 - automatic
-           * @createdAt 2024-12-30 14:36:06 - automatic
-           * @createdAt 2024-12-30 14:36:06 - automatic
-           * @createdAt 2024-12-30 14:36:06 - automatic
-           * @createdAt 2024-12-30 14:36:06 - automatic
-           * @author Andrés Quintero - automatic
-           * @author Andrés Quintero - automatic
-           * @author Andrés Quintero - automatic
-           * @author Andrés Quintero - automatic
-           * @author Andrés Quintero - automatic
-           * @author Andrés Quintero - automatic
-           * @author Andrés Quintero - automatic
-           * @author Andrés Quintero - automatic
-           * @author Andrés Quintero - automatic
-           * @author Andrés Quintero - automatic
-           * @author Andrés Quintero - automatic
-           * @author Andrés Quintero - automatic
-           * @author Andrés Quintero - automatic
-           * @author Andrés Quintero - automatic
-           * @author Andrés Quintero - automatic
-           * @author Andrés Quintero - automatic
-           * @author Andrés Quintero - automatic
-           * @author Andrés Quintero - automatic
-           * @author Andrés Quintero - automatic
-           * @author Andrés Quintero - automatic
-           * @author Andrés Quintero - automatic
-           * @author Andrés Quintero - automatic
-           * @author Andrés Quintero - automatic
-           * @author Andrés Quintero - automatic
-           * @author Andrés Quintero - automatic
-           * @author Andrés Quintero - automatic
-           * @author Andrés Quintero - automatic
-           * @author Andrés Quintero - automatic
-           * @author Andrés Quintero - automatic
-           * @author Andrés Quintero - automatic
-           * @author Andrés Quintero - automatic
-           * @author Andrés Quintero - automatic
-           * @author Andrés Quintero - automatic
-           * @createdAt 2024-12-30 14:36:06 - automatic
-           * @updatedAt 2024-12-30 14:36:10 - automatic
-           * @updatedUser Andrés Quintero - automatic
+           * Acción encargada de añadir un área de trabajo en blanco
            */
           addArea: () => {
             let newId = "";
@@ -245,7 +114,11 @@ const createAreasStore = (initProps) => {
             return newId;
           },
           /**
-           * TODO: Documentar
+           * editArea store
+           * @author cesar - automatic
+           * @createdAt 2025-01-29 16:33:52 - automatic
+           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedUser cesar - automatic
            */
           editArea: (areaId, newName) => {
             set((state) => {
@@ -264,7 +137,11 @@ const createAreasStore = (initProps) => {
             });
           },
           /**
-           * TODO: Documentar
+           * deleteArea store
+           * @author cesar - automatic
+           * @createdAt 2025-01-29 16:33:52 - automatic
+           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedUser cesar - automatic
            */
           deleteArea: (areaId) => {
             let selectNewAreaId = "";
@@ -280,11 +157,12 @@ const createAreasStore = (initProps) => {
                     delete state.hashWindows[key];
                   }
                 }
+                const indexDeleteArea = state.areasIds.findIndex((elementAreaId) => elementAreaId === areaId);
                 state.areasIds.splice(removeIndex, 1);
                 delete state.hashAreas[areaId];
-              }
-              if (state.currentAreaId === areaId) {
-                selectNewAreaId = state.areasIds[0];
+                if (state.currentAreaId === areaId) {
+                  selectNewAreaId = state.areasIds[indexDeleteArea <= state.areasIds.length - 1 ? indexDeleteArea : state.areasIds.length - 1];
+                }
               }
               if (state.loadAreasFromNetwork) {
                 state.networkOperation({
@@ -301,7 +179,11 @@ const createAreasStore = (initProps) => {
             }
           },
           /**
-           * TODO: Documentar
+           * selectArea store
+           * @author cesar - automatic
+           * @createdAt 2025-01-29 16:33:52 - automatic
+           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedUser cesar - automatic
            */
           selectArea: (areaId) => {
             set((state) => {
@@ -329,7 +211,11 @@ const createAreasStore = (initProps) => {
             });
           },
           /**
-           * TODO: Documentar
+           * setHandlerGetLabel
+           * @author cesar - automatic
+           * @createdAt 2025-01-29 16:33:52 - automatic
+           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedUser cesar - automatic
            */
           setHandlerGetLabel: (newHandler) => {
             set((state) => {
@@ -337,7 +223,11 @@ const createAreasStore = (initProps) => {
             });
           },
           /**
-           * TODO: Documentar
+           * setExternalState
+           * @author cesar - automatic
+           * @createdAt 2025-01-29 16:33:52 - automatic
+           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedUser cesar - automatic
            */
           setExternalState: (newExternalState) => {
             set((state) => {
@@ -348,7 +238,11 @@ const createAreasStore = (initProps) => {
         },
         areaActions: {
           /**
-           * TODO: Documentar
+           * addWindow store
+           * @author cesar - automatic
+           * @createdAt 2025-01-29 16:33:52 - automatic
+           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedUser cesar - automatic
            */
           addWindow: (newWindowProps) => {
             const windowId = `${get().currentAreaId}_window_${(/* @__PURE__ */ new Date()).getTime()}_${(Math.random() * 1e3).toFixed(0)}`;
@@ -359,11 +253,16 @@ const createAreasStore = (initProps) => {
             }
           },
           /**
-           * TODO: Documentar
+           * addLayout store
+           * @author cesar - automatic
+           * @createdAt 2025-01-29 16:33:52 - automatic
+           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedUser cesar - automatic
            */
           addLayout: (areaId, windowId, newWindowProps) => {
             let previousId = windowId;
             const freeMove = newWindowProps.emergeType === "popup";
+            const moduleCount = generateModuleCount(get().currentAreaId, newWindowProps.moduleId, get().hashWindows);
             const newLayoutItem = {
               ...newWindowProps.layoutProps,
               i: windowId,
@@ -400,7 +299,8 @@ const createAreasStore = (initProps) => {
                     get().areaActions.closeLayout(areaId, removeLayoutId);
                   },
                   ...DEFAULT_WINDOW,
-                  dynamicMFStore
+                  dynamicMFStore,
+                  moduleCount
                 };
                 area.layoutItemsIds.push(windowId);
                 if (newWindowProps.emergeType === "layout") {
@@ -430,7 +330,11 @@ const createAreasStore = (initProps) => {
             get().areaActions.bouncedSaveBreakpointsLayouts(areaId);
           },
           /**
-           * TODO: Documentar
+           * closeLayout
+           * @author cesar - automatic
+           * @createdAt 2025-01-29 16:33:52 - automatic
+           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedUser cesar - automatic
            */
           closeLayout: (areaId, removeLayoutId) => {
             set((state) => {
@@ -458,7 +362,11 @@ const createAreasStore = (initProps) => {
             }
           },
           /**
-           * TODO: Documentar
+           * saveLayouts
+           * @author cesar - automatic
+           * @createdAt 2025-01-29 16:33:52 - automatic
+           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedUser cesar - automatic
            */
           saveLayouts: (areaId) => {
             let nrKeys = 0;
@@ -504,7 +412,11 @@ const createAreasStore = (initProps) => {
             }
           },
           /**
-           * TODO: Documentar
+           * closeWindowModal
+           * @author cesar - automatic
+           * @createdAt 2025-01-29 16:33:52 - automatic
+           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedUser cesar - automatic
            */
           closeWindowModal: (removeModalId) => {
             set((state) => {
@@ -517,7 +429,11 @@ const createAreasStore = (initProps) => {
             });
           },
           /**
-           * TODO: Documentar
+           * addWindowModal
+           * @author cesar - automatic
+           * @createdAt 2025-01-29 16:33:52 - automatic
+           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedUser cesar - automatic
            */
           addWindowModal: (areaId, windowId, newWindowModalProps) => {
             set((state) => {
@@ -526,13 +442,15 @@ const createAreasStore = (initProps) => {
                 windowId
               });
               state.windowsModals.push(windowId);
+              const moduleCount = generateModuleCount(get().currentAreaId, newWindowModalProps.moduleId, get().hashWindows);
               state.hashWindowsModals[windowId] = {
                 ...newWindowModalProps,
                 areaId,
                 windowId,
                 ...DEFAULT_WINDOW,
                 onClose: get().areaActions.closeWindowModal,
-                dynamicMFStore
+                dynamicMFStore,
+                moduleCount
               };
               state.hashWindows[windowId] = state.hashWindowsModals[windowId];
             });
@@ -573,7 +491,11 @@ const createAreasStore = (initProps) => {
             }
           ),
           /**
-           * TODO: Documentar
+           * onBreakpointsLayoutsChange
+           * @author cesar - automatic
+           * @createdAt 2025-01-29 16:33:52 - automatic
+           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedUser cesar - automatic
            */
           onBreakpointsLayoutsChange: (areaId, _currentLayout, newAllLayouts) => {
             if (!isEqualLayouts(get().hashAreas[areaId].layouts, newAllLayouts)) {
@@ -586,7 +508,11 @@ const createAreasStore = (initProps) => {
             }
           },
           /**
-           * TODO: Documentar
+           * containerChange
+           * @author cesar - automatic
+           * @createdAt 2025-01-29 16:33:52 - automatic
+           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedUser cesar - automatic
            */
           onContainerChange: (areaId, e) => {
             set((state) => {
@@ -595,7 +521,11 @@ const createAreasStore = (initProps) => {
             });
           },
           /**
-           * TODO: Documentar
+           * selectLayout
+           * @author cesar - automatic
+           * @createdAt 2025-01-29 16:33:52 - automatic
+           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedUser cesar - automatic
            */
           selectLayout: (areaId, layoutId) => {
             set((state) => {
@@ -622,7 +552,11 @@ const createAreasStore = (initProps) => {
             });
           },
           /**
-           * TODO: Documentar
+           * unColapseLayoutItem
+           * @author cesar - automatic
+           * @createdAt 2025-01-29 16:33:52 - automatic
+           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedUser cesar - automatic
            */
           unColapseLayoutItem: (areaId, layoutId) => {
             set((state) => {
@@ -630,7 +564,11 @@ const createAreasStore = (initProps) => {
             });
           },
           /**
-           * TODO: Documentar
+           * colapseLayoutItem
+           * @author cesar - automatic
+           * @createdAt 2025-01-29 16:33:52 - automatic
+           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedUser cesar - automatic
            */
           colapseLayoutItem: (areaId, layoutId) => {
             if (!get().hashAreas[areaId].maximizedId && get().hashWindows[layoutId]) {
@@ -640,7 +578,11 @@ const createAreasStore = (initProps) => {
             }
           },
           /**
-           * TODO: Documentar
+           * minimizeLayout
+           * @author cesar - automatic
+           * @createdAt 2025-01-29 16:33:52 - automatic
+           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedUser cesar - automatic
            */
           maximizeLayout: (areaId, layoutId) => {
             set((state) => {
@@ -660,7 +602,11 @@ const createAreasStore = (initProps) => {
             }
           },
           /**
-           * TODO: Documentar
+           * normalizeLayouts
+           * @author cesar - automatic
+           * @createdAt 2025-01-29 16:33:52 - automatic
+           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedUser cesar - automatic
            */
           normalizeLayouts: (areaId) => {
             set((state) => {
@@ -678,7 +624,11 @@ const createAreasStore = (initProps) => {
             });
           },
           /**
-           * TODO: Documentar
+           * loadWindowsFromApi
+           * @author cesar - automatic
+           * @createdAt 2025-01-29 16:33:52 - automatic
+           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedUser cesar - automatic
            */
           loadWindowsFromApi: (areaId) => {
             const area = get().hashAreas[areaId];
@@ -877,7 +827,11 @@ const createAreasStore = (initProps) => {
         },
         windowActions: {
           /**
-           * TODO: Documentar
+           * setActions
+           * @author cesar - automatic
+           * @createdAt 2025-01-29 16:33:52 - automatic
+           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedUser cesar - automatic
            */
           setActions: (windowId, newActions, version) => {
             set((state) => {
@@ -888,7 +842,11 @@ const createAreasStore = (initProps) => {
             });
           },
           /**
-           * TODO: Documentar
+           * getCookie
+           * @author cesar - automatic
+           * @createdAt 2025-01-29 16:33:52 - automatic
+           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedUser cesar - automatic
            */
           getCookie: (windowId, id) => {
             if (get().hashWindows[windowId]) {
@@ -897,7 +855,11 @@ const createAreasStore = (initProps) => {
             return {};
           },
           /**
-           * TODO: Documentar
+           * getCookies
+           * @author cesar - automatic
+           * @createdAt 2025-01-29 16:33:52 - automatic
+           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedUser cesar - automatic
            */
           getCookies: (windowId, type) => {
             if (get().hashWindows[windowId]) {
@@ -910,7 +872,11 @@ const createAreasStore = (initProps) => {
             return {};
           },
           /**
-           * TODO: Documentar
+           * setCookie
+           * @author cesar - automatic
+           * @createdAt 2025-01-29 16:33:52 - automatic
+           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedUser cesar - automatic
            */
           setCookie: (windowId, id, type, cookie) => {
             set((state) => {
@@ -930,7 +896,11 @@ const createAreasStore = (initProps) => {
             });
           },
           /**
-           * TODO: Documentar
+           * close window
+           * @author cesar - automatic
+           * @createdAt 2025-01-29 16:33:52 - automatic
+           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedUser cesar - automatic
            */
           close: (windowId) => {
             const hW = get().hashWindows[windowId];
@@ -942,7 +912,11 @@ const createAreasStore = (initProps) => {
             }
           },
           /**
-           * TODO: Documentar
+           * startProgress
+           * @author cesar - automatic
+           * @createdAt 2025-01-29 16:33:52 - automatic
+           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedUser cesar - automatic
            */
           startProgress: (windowId) => {
             set((state) => {
@@ -952,7 +926,11 @@ const createAreasStore = (initProps) => {
             });
           },
           /**
-           * TODO: Documentar
+           * stopProgress
+           * @author cesar - automatic
+           * @createdAt 2025-01-29 16:33:52 - automatic
+           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedUser cesar - automatic
            */
           stopProgress: (windowId) => {
             set((state) => {
@@ -962,7 +940,11 @@ const createAreasStore = (initProps) => {
             });
           },
           /**
-           * TODO: Documentar
+           * loadCookiesFromApi
+           * @author cesar - automatic
+           * @createdAt 2025-01-29 16:33:52 - automatic
+           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedUser cesar - automatic
            */
           loadCookiesFromApi: (windowId) => {
             const hW = get().hashWindows[windowId];
@@ -1002,7 +984,11 @@ const createAreasStore = (initProps) => {
             }
           },
           /**
-           * TODO: Documentar
+           * saveModuleCookies
+           * @author cesar - automatic
+           * @createdAt 2025-01-29 16:33:52 - automatic
+           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedUser cesar - automatic
            */
           saveModuleCookies: (windowId) => {
             const hW = get().hashWindows[windowId];
@@ -1018,7 +1004,11 @@ const createAreasStore = (initProps) => {
             }
           },
           /**
-           * TODO: Documentar
+           * setModuleCookies
+           * @author cesar - automatic
+           * @createdAt 2025-01-29 16:33:52 - automatic
+           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedUser cesar - automatic
            */
           resetModuleCookies: (windowId) => {
             const hW = get().hashWindows[windowId];
@@ -1038,7 +1028,11 @@ const createAreasStore = (initProps) => {
             }
           },
           /**
-           * TODO: Documentar
+           * setFnQueryClose
+           * @author cesar - automatic
+           * @createdAt 2025-01-29 16:33:52 - automatic
+           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedUser cesar - automatic
            */
           setFnQueryClose: (windowId, fnQueryClose) => {
             set((state) => {
@@ -1046,7 +1040,11 @@ const createAreasStore = (initProps) => {
             });
           },
           /**
-           * TODO: Documentar
+           * setWindowTitle
+           * @author cesar - automatic
+           * @createdAt 2025-01-29 16:33:52 - automatic
+           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedUser cesar - automatic
            */
           setWindowTitle: (windowId, title) => {
             set((state) => {
@@ -1056,7 +1054,11 @@ const createAreasStore = (initProps) => {
         },
         areaAdminActions: {
           /**
-           * TODO: Documentar
+           * setFocus
+           * @author cesar - automatic
+           * @createdAt 2025-01-29 16:33:52 - automatic
+           * @updatedAt 2025-01-29 16:33:53 - automatic
+           * @updatedUser cesar - automatic
            */
           setFocus: (newValue) => {
             set((state) => {

package/components/areas/contexts/AreasContext/tests/AreasProvider.test.d.ts

@@ -0,0 +1 @@
+export {};

package/components/areas/contexts/AreasContext/tests/Store.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -47,6 +47,10 @@ export type OwnerState = {
      *  "isSkeleton" indica si el componente está en skeleton.
      */
     status: AreasStatus;
+    /**
+     * "readyForHooks" indica si el componente ejecutó el efecto de carga y se suscrubió al eventemitter. Utilizado normalmente en storybook
+     */
+    readyForHooks: boolean;
     /**
      *  "isMobile" cuando el navegador está en modo celular
      */
@@ -64,7 +68,7 @@ export type OwnerState = {
 /**
  * Estados que se actulizan por fuera del store, a través de hooks
  */
-export type ExternalOwnerState = Pick<OwnerState, 'isMobile' | 'isSkeleton'>;
+export type ExternalOwnerState = Pick<OwnerState, 'isMobile' | 'isSkeleton' | 'readyForHooks'>;
 /**
  * Interface que define el estado del componente (variables y funciones )
  */
@@ -171,7 +175,7 @@ export interface AreasStateWithActions extends AreasState {
          * @param newIsMobile
          * @returns
          */
-        setExternalState: (newExternalState: ExternalOwnerState) => void;
+        setExternalState: (newExternalState: Partial<ExternalOwnerState>) => void;
     };
     areaActions: {
         addWindow: (newWindow: NewWindowProps) => void;

package/components/areas/dictionary.d.ts

@@ -21,6 +21,7 @@ export declare const AREAS_DICCTIONARY: {
     readonly label_collapse_window: "label_collapse_window";
     readonly label_uncollapse_window: "label_uncollapse_window";
     readonly label_module_actions: "label_module_actions";
+    readonly label_window: "label_window";
 };
 export type AreasDictionaryType = typeof AREAS_DICCTIONARY;
 export declare const getAreasDictionary: (key: keyof AreasDictionaryType) => string;

package/components/areas/dictionary.js

@@ -22,7 +22,8 @@ const AREAS_DICCTIONARY = {
   label_minimize_window: "label_minimize_window",
   label_collapse_window: "label_collapse_window",
   label_uncollapse_window: "label_uncollapse_window",
-  label_module_actions: "label_module_actions"
+  label_module_actions: "label_module_actions",
+  label_window: "label_window"
 };
 const getAreasDictionary = (key) => {
   return `${AREAS_DICTIONARY_ID}.${key}`;

package/components/areas/icons.d.ts

@@ -18,4 +18,6 @@ export declare const ICONS: {
     CHEVRON_DOWN: string;
     MODULE: string;
     POPUP: string;
+    PENDING_ORDER: string;
+    MORE_VERTICAL: string;
 };