@m4l/components 9.1.100 → 9.1.101

package/components/areas/contexts/AreasContext/helpers/getWindowForAreaTest.d.ts

@@ -0,0 +1,33 @@
+import { NewWindowProps } from '../../../types';
+export declare const moduleIdsTest: {
+    users: {
+        moduleId: string;
+        title: string;
+    };
+    roles: {
+        moduleId: string;
+        title: string;
+    };
+    calibrations: {
+        moduleId: string;
+        title: string;
+    };
+    sensors: {
+        moduleId: string;
+        title: string;
+    };
+};
+interface WindowForAreaTest {
+    title: string;
+    moduleId: string;
+}
+/**
+ * *****************************************************************************************
+ * Función que retorna un objeto con la estructura de una ventana para el área de trabajo.
+ * @param title Título de la ventana.
+ * @param iconUrl Url de la imagen del ícono de la ventana.
+ * @param moduleId Identificador del módulo.
+ * *****************************************************************************************
+ */
+export declare const getWindowForAreaTest: ({ title, moduleId }: WindowForAreaTest) => NewWindowProps;
+export {};

package/components/areas/contexts/AreasContext/helpers/helper.d.ts

@@ -10,6 +10,7 @@ export declare const COOKIE_AREAS_ADMIN_CONTAINER_ID = "areas";
 export declare const COOKIE_AREAS_ADMIN_ID = "admin";
 export declare const COOKIE_BREAKPOINT_LAYOUTS = "layoutPros";
 export declare const COOKIE_WINDOWS = "windows";
+export declare const COOKIE_WINDOW_SELECTED = "windowSelected";
 export declare const BREAKPOINT_SIZES: {
     lg: number;
     md: number;

package/components/areas/contexts/AreasContext/helpers/helper.js

@@ -10,6 +10,7 @@ const COOKIE_AREAS_ADMIN_CONTAINER_ID = "areas";
 const COOKIE_AREAS_ADMIN_ID = "admin";
 const COOKIE_BREAKPOINT_LAYOUTS = "layoutPros";
 const COOKIE_WINDOWS = "windows";
+const COOKIE_WINDOW_SELECTED = "windowSelected";
 const BREAKPOINT_SIZES = { lg: 1200, md: 996, sm: 768, xs: 480, xxs: 1 };
 const NORMALIZED_COLS = { lg: 64, md: 48, sm: 32, xs: 24, xxs: 1 };
 const DEFAULT_LAYOUTS = { lg: [], md: [], sm: [], xs: [], xxs: [] };
@@ -207,14 +208,16 @@ export {
   RESPONSIVE_ROW_HEIGHTS as a,
   COOKIE_AREAS_ADMIN_ID as b,
   addArea as c,
-  DEFAULT_WINDOW as d,
-  deleteLayoutFromBreakPoints as e,
-  COOKIE_WINDOWS as f,
+  COOKIE_WINDOW_SELECTED as d,
+  DEFAULT_WINDOW as e,
+  deleteLayoutFromBreakPoints as f,
   getSelectedAreaIdFromCookies as g,
-  COOKIE_BREAKPOINT_LAYOUTS as h,
-  DEBOUCED_SAVE_TIME as i,
-  getDataFromResponse as j,
-  getCookiesContainer as k,
+  COOKIE_WINDOWS as h,
+  COOKIE_BREAKPOINT_LAYOUTS as i,
+  DEBOUCED_SAVE_TIME as j,
+  getDataFromResponse as k,
+  getParmsFromValue as l,
+  getCookiesContainer as m,
   setColapsedLayoutBreakPoints as s,
   updateOwnerStateClasses as u
 };

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

@@ -3,12 +3,12 @@ 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 "./helpers/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 COOKIE_WINDOW_SELECTED, e as DEFAULT_WINDOW, a as RESPONSIVE_ROW_HEIGHTS, P as PADDING_GRIDLAYOUT, M as MARGIN_GRIDLAYOUT, N as NORMALIZED_COLS, f as deleteLayoutFromBreakPoints, h as COOKIE_WINDOWS, i as COOKIE_BREAKPOINT_LAYOUTS, j as DEBOUCED_SAVE_TIME, s as setColapsedLayoutBreakPoints, k as getDataFromResponse, l as getParmsFromValue, m 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 { g as getCookie, d as deleteCookie, s as setCookie } 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";
 const createAreasStore = (initProps) => {
@@ -177,6 +177,12 @@ const createAreasStore = (initProps) => {
                   toastError: false
                 });
               }
+              if (state.loadCookiesFromNetwork) {
+                deleteCookie({
+                  networkOperation: get().networkOperation,
+                  data: { f: [{ n: "container_id", o: "c", o1: areaId }] }
+                });
+              }
             });
             if (selectNewAreaId) {
               get().areasActions.selectArea(selectNewAreaId);
@@ -207,7 +213,6 @@ const createAreasStore = (initProps) => {
                 });
               }
             }
-            if (get().hashAreas[areaId].maximizedId !== void 0) ;
             setCookie({
               networkOperation: get().networkOperation,
               endPoint: `${COOKIE_AREAS_ADMIN_CONTAINER_ID}/${COOKIE_AREAS_ADMIN_ID}`,
@@ -255,6 +260,11 @@ const createAreasStore = (initProps) => {
             } else if (newWindowProps.emergeType === "modal") {
               get().areaActions.addWindowModal(get().currentAreaId, windowId, newWindowProps);
             }
+            setCookie({
+              networkOperation: get().networkOperation,
+              endPoint: `${get().currentAreaId}/${COOKIE_WINDOW_SELECTED}`,
+              value: { currentLayoutId: windowId }
+            });
           },
           /**
            * addLayout store
@@ -364,6 +374,12 @@ const createAreasStore = (initProps) => {
                 get().areaActions.closeLayout(areaId, layoutItem.windowId);
               }
             }
+            if (get().hashAreas[areaId].currentLayoutId === removeLayoutId) {
+              deleteCookie({
+                networkOperation: get().networkOperation,
+                data: { f: [{ n: "id", o: "e", o1: COOKIE_WINDOW_SELECTED }] }
+              });
+            }
           },
           /**
            * saveLayouts
@@ -553,6 +569,11 @@ const createAreasStore = (initProps) => {
                   state.currentModuleId = "";
                 }
               }
+              setCookie({
+                networkOperation: get().networkOperation,
+                endPoint: `${area.id}/${COOKIE_WINDOW_SELECTED}`,
+                value: { currentLayoutId: layoutId }
+              });
             });
           },
           /**
@@ -659,10 +680,11 @@ const createAreasStore = (initProps) => {
               if (!area2) {
                 return;
               }
+              const dataResponse = response.data;
               set((state) => {
                 const area3 = state.hashAreas[areaId];
                 const { newBreakPointsLayouts, newHashLayoutItems } = getDataFromResponse(
-                  response.data,
+                  dataResponse,
                   state,
                   areaId
                 );
@@ -670,6 +692,10 @@ const createAreasStore = (initProps) => {
                 area3.layoutItemsIds = newHashLayoutItems;
                 area3.status = "loaded";
               });
+              const layoutSelected = getParmsFromValue(COOKIE_WINDOW_SELECTED, dataResponse);
+              if (layoutSelected) {
+                get().areaActions.selectLayout(areaId, layoutSelected.currentLayoutId);
+              }
             }).catch((_response) => {
               set((state) => {
                 state.hashAreas[areaId].status = "loaded";

package/components/areas/contexts/AreasContext/tests/fnNetworkImplementation.d.ts

@@ -11,6 +11,7 @@ export declare const endPoints: {
     cookies: string;
     cookies_admin: string;
 };
+export declare const windowSelected = "windowSelected";
 /**
  * Función para ser usada como una implementación de mock
  * de la función networkOperation del hook useNetwork.

package/package.json

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