@m4l/components 0.1.77 → 0.1.78

package/components/areas/components/{index.0f7ac464.js → index.a87653a9.js}

@@ -1,17 +1,17 @@
 import "react";
 import "@m4l/core";
 import "@mui/material";
-import "../../Icon/index.ecb63e65.js";
+import "../../Icon/index.9fcd1476.js";
 import "clsx";
 import "react/jsx-runtime";
-import "../../mui_extended/IconButton/index.fc5b7c2d.js";
+import "../../mui_extended/IconButton/index.12f1a3c3.js";
 import "@m4l/graphics";
 import "zustand";
-import "../contexts/AreasContext/index.c8147e8e.js";
-import "./AreasAdmin/index.cc4cbf56.js";
+import "../contexts/AreasContext/index.02c4e7be.js";
+import "./AreasAdmin/index.43ecd998.js";
 import "zustand/shallow";
 import "../../ScrollBar/index.bbe48f4d.js";
-import "../../mui_extended/Accordion/index.12b1339a.js";
+import "../../mui_extended/Accordion/index.9877f7bf.js";
 import "../../mui_extended/Typography/index.443590d6.js";
 import "../../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
@@ -20,10 +20,10 @@ import "../../mui_extended/Button/index.4288f9fc.js";
 import "../../mui_extended/Badge/index.8c2b8b66.js";
 import "../../Image/index.c18ebf5a.js";
 import "@mui/lab";
+import "../../mui_extended/MenuActions/index.43a2e1ae.js";
 import "../../mui_extended/Popover/index.9f35d0eb.js";
-import "../../mui_extended/MenuActions/index.f5b1c022.js";
-import "../../mui_extended/Pager/index.435af0df.js";
-import "../../mui_extended/Tab/index.9e2f6e34.js";
+import "../../mui_extended/Pager/index.2f6d6d7d.js";
+import "../../mui_extended/Tab/index.7c82e43d.js";
 import "../../mui_extended/Tooltip/index.5a795dcd.js";
-import "./AreasViewer/index.9c2aaaeb.js";
+import "./AreasViewer/index.14e62059.js";
 import "../../LinearProgressIndeterminate/index.60dabc06.js";

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

@@ -41,10 +41,12 @@ export declare const addArea: (state: WritableDraft<AreasStateWithActions>) => s
 export declare const updateOwnerStateClasses: (state: WritableDraft<AreasStateWithActions>) => void;
 export declare const getCurrentArea: (state: WritableDraft<AreasStateWithActions> | AreasStateWithActions) => Area;
 export declare const getParmsFromValue: (key: string, data: []) => any;
+export declare function setColapsedLayoutBreakPoints(state: WritableDraft<Area>, layoutId: string, colapsed: boolean): void;
 export declare function deleteLayoutFromBreakPoints(state: WritableDraft<Area>, layoutId?: string): void;
+export declare function purgeToastsWindow(state: WritableDraft<AreasStateWithActions>, windowId: string): void;
+export declare function purgeToastsArea(state: WritableDraft<AreasStateWithActions>, areaId: string): void;
 export declare function getDataFromResponse(data: any, state: WritableDraft<AreasStateWithActions>, areaId: string): {
     newBreakPointsLayouts: Layouts;
-    newWindowsLayoutsIds: string[];
     newHashLayoutItems: string[];
 };
 export declare function getCookiesContainer(data: any, containerId: string): Record<string, any>;

package/components/areas/contexts/AreasContext/{index.c8147e8e.js → index.02c4e7be.js}

@@ -5,14 +5,14 @@ import { useResponsiveDesktop, useFirstRender } from "@m4l/graphics";
 import { useHostTools, useModuleDictionary, useNetwork, useModuleSkeleton, EmitEvents } from "@m4l/core";
 import { devtools } from "zustand/middleware";
 import { immer } from "zustand/middleware/immer";
-import { u as useAreasViewerUtilityClasses } from "../../components/AreasViewer/index.9c2aaaeb.js";
-import { u as useAreasAdminUtilityClasses } from "../../components/AreasAdmin/index.cc4cbf56.js";
+import { u as useAreasViewerUtilityClasses } from "../../components/AreasViewer/index.14e62059.js";
+import { u as useAreasAdminUtilityClasses } from "../../components/AreasAdmin/index.43ecd998.js";
 import { c as createDynamicMFStore } from "../DynamicMFParmsContext/index.1607c78e.js";
 import { g as getAreasDictionary, D as DICCTIONARY } from "../../dictionary.afb7e3d9.js";
 import "clsx";
-import "../../../GridLayout/index.4ba3767a.js";
+import "../../../GridLayout/index.da6fd387.js";
+import { a as addLayoutItemToBreakPointIfNoExists, b as addLayoutItemToBreakPoints, c as isEqualLayouts } from "../../../GridLayout/Responsive/index.0905a698.js";
 import { jsx } from "react/jsx-runtime";
-import { a as addLayoutItemToBreakPointIfNoExists, b as addLayoutItemToBreakPoints } from "../../../GridLayout/Responsive/index.a12a8cec.js";
 import { debounce, cloneDeep } from "lodash";
 const ROW_HEIGTH_GRIDLAYOUT = 20;
 const PADDING_GRIDLAYOUT = 3;
@@ -35,8 +35,7 @@ const DEFAULT_AREA = {
   status: "init",
   zPopUpIndex: 0,
   layouts: {},
-  colapsedItems: {},
-  hashLayoutItems: [],
+  layoutItemsIds: [],
   currentLayoutId: "",
   currentPopUpId: "",
   breakpoints: BREAKPOINT_SIZES,
@@ -96,6 +95,22 @@ const getParmsFromValue = (key, data) => {
   }
   return void 0;
 };
+function setColapsedLayoutBreakPoints(state, layoutId, colapsed) {
+  const layoutsBreakPoints = state.layouts;
+  for (const key in layoutsBreakPoints) {
+    const layoutBreakpoint = layoutsBreakPoints[key];
+    const index = layoutBreakpoint.findIndex((lb) => lb.i === layoutId);
+    if (index > -1) {
+      if (key !== "xxs") {
+        layoutBreakpoint[index].colapsed = colapsed;
+      } else {
+        if (!layoutBreakpoint[index].freeMove) {
+          layoutBreakpoint[index].colapsed = colapsed;
+        }
+      }
+    }
+  }
+}
 function deleteLayoutFromBreakPoints(state, layoutId) {
   const layoutsBreakPoints = state.layouts;
   for (const key in layoutsBreakPoints) {
@@ -109,6 +124,24 @@ function deleteLayoutFromBreakPoints(state, layoutId) {
     }
   }
 }
+function purgeToastsWindow(state, windowId) {
+  const toasties = state?.hashWindows[windowId]?.toasties;
+  if (toasties) {
+    for (let index = 0; index < toasties.length; index++) {
+      const toast = toasties[index];
+      if (toast.timer) {
+        clearInterval(toast.timer);
+        toast.timer = void 0;
+      }
+    }
+  }
+}
+function purgeToastsArea(state, areaId) {
+  const area = state.hashAreas[areaId];
+  for (let index = 0; index < area.layoutItemsIds.length; index++) {
+    purgeToastsWindow(state, area.layoutItemsIds[index]);
+  }
+}
 function getDataFromResponse(data, state, areaId) {
   let newBreakPointsLayouts = getParmsFromValue(COOKIE_BREAKPOINT_LAYOUTS, data);
   const windows = getParmsFromValue(COOKIE_WINDOWS, data);
@@ -157,13 +190,6 @@ function getDataFromResponse(data, state, areaId) {
             [PADDING_GRIDLAYOUT, PADDING_GRIDLAYOUT],
             ROW_HEIGTH_GRIDLAYOUT
           );
-          console.log(
-            "addLayoutItemToBreakPointIfNoExists",
-            element,
-            breakPoint,
-            key,
-            newBreakPointsLayouts[breakPoint]
-          );
         }
       }
     }
@@ -177,10 +203,8 @@ function getDataFromResponse(data, state, areaId) {
       newBreakPointsLayouts[breakPoint] = [];
     }
   }
-  console.log("newBreakPointsLayouts", newBreakPointsLayouts, windows);
   return {
     newBreakPointsLayouts,
-    newWindowsLayoutsIds,
     newHashLayoutItems
   };
 }
@@ -202,12 +226,14 @@ const verifyRemoveToasty = (state, toastyId, forceRemove) => {
   const tfy = state.hashToasties[toastyId];
   if (tfy) {
     tfy.percentExecuted = (1 - (tfy.timeStart + tfy.timeoutMs - new Date().getTime()) / tfy.timeoutMs) * 100;
-    console.log("verifyRemoveToasty", tfy.percentExecuted);
     if (tfy.percentExecuted >= 100 || forceRemove) {
       const tosties = state.toasties;
       for (let i = 0; i < tosties.length; i++) {
         const findToasty = tosties[i];
         if (findToasty.id === toastyId) {
+          if (findToasty.timer) {
+            clearInterval(findToasty.timer);
+          }
           state.toasties.splice(i, 1);
           delete state.hashToasties[toastyId];
           return;
@@ -280,13 +306,14 @@ const createAreasStore = (initProps) => {
               }
             }
           },
-          editArea: (idArea, newName) => {
+          editArea: (areaId, newName) => {
             set((state) => {
-              if (state.hashAreas[idArea]) {
-                state.hashAreas[idArea].name = newName;
+              if (state.hashAreas[areaId]) {
+                purgeToastsArea(state, areaId);
+                state.hashAreas[areaId].name = newName;
                 state.networkOperation({
                   method: "PATCH",
-                  endPoint: `areas/${idArea}`,
+                  endPoint: `areas/${areaId}`,
                   data: { name: newName },
                   toastSuccess: false,
                   toastError: false
@@ -402,8 +429,8 @@ const createAreasStore = (initProps) => {
                 return;
               }
               if (newWindowProps.replaceMeId) {
-                for (let index = 0; index < area.hashLayoutItems.length; index++) {
-                  const key = area.hashLayoutItems[index];
+                for (let index = 0; index < area.layoutItemsIds.length; index++) {
+                  const key = area.layoutItemsIds[index];
                   const WindoPopUp = state.hashWindows[key];
                   if (WindoPopUp.replaceMeId === newWindowProps.replaceMeId) {
                     previousId = key;
@@ -427,7 +454,7 @@ const createAreasStore = (initProps) => {
                   ...DEFAULT_WINDOW,
                   dynamicMFStore
                 };
-                area.hashLayoutItems.push(windowId);
+                area.layoutItemsIds.push(windowId);
                 if (newWindowProps.emergeType === "layout") {
                   area.currentLayoutId = windowId;
                   if (area.maximizedId) {
@@ -443,11 +470,16 @@ const createAreasStore = (initProps) => {
                   [MARGIN_GRIDLAYOUT, MARGIN_GRIDLAYOUT],
                   [PADDING_GRIDLAYOUT, PADDING_GRIDLAYOUT],
                   ROW_HEIGTH_GRIDLAYOUT,
-                  area.containerHeight
+                  area.containerHeight,
+                  area.currentBreakpoint
                 );
+                if (area.currentBreakpoint === "xxs") {
+                  area.maximizedId = windowId;
+                }
               }
             });
             get().areaActions.saveLayouts(areaId);
+            get().areaActions.bouncedSaveBreakpointsLayouts(areaId);
           },
           closeLayout: (areaId, removeLayoutId) => {
             set((state) => {
@@ -455,19 +487,20 @@ const createAreasStore = (initProps) => {
               if (!area) {
                 return;
               }
-              const removeIndex = area.hashLayoutItems.indexOf(removeLayoutId);
+              const removeIndex = area.layoutItemsIds.indexOf(removeLayoutId);
               if (removeIndex > -1) {
-                area.hashLayoutItems.splice(removeIndex, 1);
+                area.layoutItemsIds.splice(removeIndex, 1);
               }
               deleteLayoutFromBreakPoints(area, removeLayoutId);
+              purgeToastsWindow(state, removeLayoutId);
               delete state.hashWindows[removeLayoutId];
             });
             get().areaActions.saveLayouts(areaId);
             if (get().hashAreas[areaId].maximizedId === removeLayoutId) {
               get().areaActions.maximizeLayout(areaId);
             }
-            for (let index = 0; index < get().hashAreas[areaId].hashLayoutItems.length; index++) {
-              const layoutItemId = get().hashAreas[areaId].hashLayoutItems[index];
+            for (let index = 0; index < get().hashAreas[areaId].layoutItemsIds.length; index++) {
+              const layoutItemId = get().hashAreas[areaId].layoutItemsIds[index];
               const layoutItem = get().hashWindows[layoutItemId];
               if (layoutItem.parentLayoutId === removeLayoutId) {
                 get().areaActions.closeLayout(areaId, layoutItem.windowId);
@@ -480,11 +513,9 @@ const createAreasStore = (initProps) => {
             if (!area) {
               return;
             }
-            console.log("saveLayouts before", areaId, area.hashLayoutItems);
             const saveObjetc = {};
-            for (let index = 0; index < area.hashLayoutItems.length; index++) {
-              const key = area.hashLayoutItems[index];
-              console.log("saveLayouts", areaId, key, get().hashWindows[key]);
+            for (let index = 0; index < area.layoutItemsIds.length; index++) {
+              const key = area.layoutItemsIds[index];
               if (get().hashWindows[key] && get().hashWindows[key].winType === "microfrontend") {
                 const element = get().hashWindows[key];
                 const hasPropsToSave = {
@@ -506,7 +537,6 @@ const createAreasStore = (initProps) => {
               }
             }
             if (nrKeys > 0) {
-              console.log("SaveLayouyts", saveObjetc);
               get().networkOperation({
                 method: "PUT",
                 endPoint: `cookies/${area.id}/${COOKIE_WINDOWS}`,
@@ -534,6 +564,7 @@ const createAreasStore = (initProps) => {
               if (removeIndex > -1) {
                 state.windowsModals.splice(removeIndex, 1);
               }
+              purgeToastsWindow(state, removeModalId);
               delete state.hashWindows[removeModalId];
               delete state.hashWindowsModals[removeModalId];
             });
@@ -568,7 +599,7 @@ const createAreasStore = (initProps) => {
                   if (l.i === "none") {
                     return false;
                   }
-                  if (get().hashAreas[areaId].hashLayoutItems.indexOf(l.i) > -1) {
+                  if (get().hashAreas[areaId].layoutItemsIds.indexOf(l.i) > -1) {
                     return true;
                   }
                   return false;
@@ -596,16 +627,16 @@ const createAreasStore = (initProps) => {
             }
           ),
           onBreakpointsLayoutsChange: (areaId, _currentLayout, newAllLayouts) => {
-            console.log("onBreakpointsLayoutsChange", areaId, newAllLayouts);
-            set((state) => {
-              state.hashAreas[areaId].layouts = cloneDeep(newAllLayouts);
-            });
-            if (!get().hashAreas[areaId].maximizedId) {
-              get().areaActions.bouncedSaveBreakpointsLayouts(areaId);
+            if (!isEqualLayouts(get().hashAreas[areaId].layouts, newAllLayouts)) {
+              set((state) => {
+                state.hashAreas[areaId].layouts = cloneDeep(newAllLayouts);
+              });
+              if (!get().hashAreas[areaId].maximizedId) {
+                get().areaActions.bouncedSaveBreakpointsLayouts(areaId);
+              }
             }
           },
           onContainerChange: (areaId, e) => {
-            console.log("onContainerChange Store", areaId, e.containerHeight);
             set((state) => {
               state.hashAreas[areaId].containerHeight = e.containerHeight;
               state.hashAreas[areaId].currentBreakpoint = e.breakpoint;
@@ -636,24 +667,18 @@ const createAreasStore = (initProps) => {
             });
           },
           unColapseLayoutItem: (areaId, layoutId) => {
-            if (get().hashWindows[layoutId] && get().hashAreas[areaId].colapsedItems[layoutId]) {
-              set((state) => {
-                state.hashAreas[areaId].colapsedItems = {
-                  ...state.hashAreas[areaId].colapsedItems
-                };
-                delete state.hashAreas[areaId].colapsedItems[layoutId];
-                state.hashWindows[layoutId].colapsed = false;
-              });
-            }
+            set((state) => {
+              setColapsedLayoutBreakPoints(state.hashAreas[areaId], layoutId, false);
+            });
           },
           colapseLayoutItem: (areaId, layoutId) => {
             if (!get().hashAreas[areaId].maximizedId && get().hashWindows[layoutId]) {
               set((state) => {
-                state.hashAreas[areaId].colapsedItems = {
-                  ...state.hashAreas[areaId].colapsedItems
-                };
-                state.hashAreas[areaId].colapsedItems[layoutId] = true;
-                state.hashWindows[layoutId].colapsed = true;
+                setColapsedLayoutBreakPoints(
+                  state.hashAreas[areaId],
+                  layoutId,
+                  true
+                );
               });
             }
           },
@@ -663,6 +688,13 @@ const createAreasStore = (initProps) => {
               if (!area)
                 return;
               area.maximizedId = layoutId;
+              const index = area.layouts["xxs"]?.findIndex(
+                (li) => li.i === area.maximizedId
+              );
+              if (index !== void 0 && index > -1 && layoutId && state.hashWindows[layoutId].emergeType === "popup") {
+                area.layouts["xxs"][index].visible = true;
+                area.layouts["xxs"][index].colapsed = false;
+              }
             });
             if (layoutId) {
               get().areaActions.selectLayout(areaId, layoutId);
@@ -673,6 +705,14 @@ const createAreasStore = (initProps) => {
               const area = state.hashAreas[areaId];
               if (!area)
                 return;
+              if (area.maximizedId) {
+                const index = area.layouts["xxs"]?.findIndex(
+                  (li) => li.i === area.maximizedId
+                );
+                if (index !== void 0 && index > -1 && state.hashWindows[area.maximizedId].emergeType === "popup") {
+                  area.layouts["xxs"][index].visible = false;
+                }
+              }
               area.maximizedId = void 0;
             });
           },
@@ -706,20 +746,10 @@ const createAreasStore = (initProps) => {
               }
               set((state) => {
                 const area3 = state.hashAreas[areaId];
-                const {
-                  newBreakPointsLayouts,
-                  newWindowsLayoutsIds,
-                  newHashLayoutItems
-                } = getDataFromResponse(response.data, state, areaId);
+                const { newBreakPointsLayouts, newHashLayoutItems } = getDataFromResponse(response.data, state, areaId);
                 area3.layouts = newBreakPointsLayouts;
-                area3.hashLayoutItems = newHashLayoutItems;
+                area3.layoutItemsIds = newHashLayoutItems;
                 area3.status = "loaded";
-                console.log(
-                  "loadWindowsFromApi",
-                  newBreakPointsLayouts,
-                  newHashLayoutItems,
-                  newWindowsLayoutsIds
-                );
               });
             }).catch((_response) => {
               set((state) => {
@@ -738,11 +768,6 @@ const createAreasStore = (initProps) => {
             });
           },
           getCookie: (windowId, id) => {
-            console.log(
-              "getCookie",
-              get().hashWindows[windowId].cookies.windowCookies[id],
-              get().hashWindows[windowId].cookies.moduleCookies[id]
-            );
             if (get().hashWindows[windowId]) {
               return get().hashWindows[windowId].cookies.windowCookies[id] || get().hashWindows[windowId].cookies.moduleCookies[id];
             }
@@ -832,11 +857,6 @@ const createAreasStore = (initProps) => {
                         response.data,
                         windowId
                       );
-                      console.log(
-                        "cookies",
-                        hWs.cookies.windowCookies,
-                        hWs.cookies.moduleCookies
-                      );
                       hWs.status = "loaded";
                     }
                   });
@@ -890,7 +910,6 @@ const createAreasStore = (initProps) => {
           toast: (windowId, options) => {
             const hW = get().hashWindows[windowId];
             if (hW) {
-              console.log("replaceMeId", options.replaceMeId);
               if (options.replaceMeId) {
                 for (const key in hW.hashToasties) {
                   const t = hW.hashToasties[key];
@@ -904,6 +923,7 @@ const createAreasStore = (initProps) => {
                       hw2.timeStart = new Date().getTime();
                       hw2.percentExecuted = 0;
                       hw2.timer = setInterval(() => {
+                        console.log("toast timer edit tick");
                         set((state3) => {
                           verifyRemoveToasty(
                             state3.hashWindows[windowId],
@@ -927,6 +947,7 @@ const createAreasStore = (initProps) => {
                   timeStart: new Date().getTime(),
                   percentExecuted: 0,
                   timer: setInterval(() => {
+                    console.log("toast timer new tick");
                     set((stateRemoveToasty) => {
                       verifyRemoveToasty(
                         stateRemoveToasty.hashWindows[windowId],

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

@@ -30,10 +30,9 @@ export interface Area {
     containerHeight?: number;
     currentBreakpoint?: Breakpoint;
     layouts: LayoutsNotReadonly;
-    colapsedItems: Record<string, boolean>;
     maximizedId?: string | undefined;
     /** Son los ids de las ventanas, iterar con keys, destruye los componentes en un map */
-    hashLayoutItems: string[];
+    layoutItemsIds: string[];
     currentLayoutId: string;
     currentPopUpId: string;
     breakpoints: Breakpoints;

package/components/areas/contexts/{index.02336412.js → index.1ff9b360.js}

@@ -1,2 +1,2 @@
-import "./AreasContext/index.c8147e8e.js";
+import "./AreasContext/index.02c4e7be.js";
 import "./WindowToolsMFContext/index.8f3e2a04.js";

package/components/areas/hooks/useAreas/{index.3406a6cb.js → index.85e4b2e2.js}

@@ -1,6 +1,6 @@
 import { useContext } from "react";
 import { useStore } from "zustand";
-import { A as AreasContext } from "../../contexts/AreasContext/index.c8147e8e.js";
+import { A as AreasContext } from "../../contexts/AreasContext/index.02c4e7be.js";
 function useAreasStore(selector, equalityFn) {
   const context = useContext(AreasContext);
   if (!context)

package/components/areas/{index.6f2e5dab.js → index.d1dcccf5.js}

@@ -1,17 +1,17 @@
 import "react";
 import "@m4l/core";
 import "@mui/material";
-import "../Icon/index.ecb63e65.js";
+import "../Icon/index.9fcd1476.js";
 import "clsx";
 import "react/jsx-runtime";
-import "../mui_extended/IconButton/index.fc5b7c2d.js";
+import "../mui_extended/IconButton/index.12f1a3c3.js";
 import "@m4l/graphics";
 import "zustand";
-import "./contexts/AreasContext/index.c8147e8e.js";
-import "./components/AreasAdmin/index.cc4cbf56.js";
+import "./contexts/AreasContext/index.02c4e7be.js";
+import "./components/AreasAdmin/index.43ecd998.js";
 import "zustand/shallow";
 import "../ScrollBar/index.bbe48f4d.js";
-import "../mui_extended/Accordion/index.12b1339a.js";
+import "../mui_extended/Accordion/index.9877f7bf.js";
 import "../mui_extended/Typography/index.443590d6.js";
 import "../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
@@ -20,12 +20,12 @@ import "../mui_extended/Button/index.4288f9fc.js";
 import "../mui_extended/Badge/index.8c2b8b66.js";
 import "../Image/index.c18ebf5a.js";
 import "@mui/lab";
+import "../mui_extended/MenuActions/index.43a2e1ae.js";
 import "../mui_extended/Popover/index.9f35d0eb.js";
-import "../mui_extended/MenuActions/index.f5b1c022.js";
-import "../mui_extended/Pager/index.435af0df.js";
-import "../mui_extended/Tab/index.9e2f6e34.js";
+import "../mui_extended/Pager/index.2f6d6d7d.js";
+import "../mui_extended/Tab/index.7c82e43d.js";
 import "../mui_extended/Tooltip/index.5a795dcd.js";
-import "./components/AreasViewer/index.9c2aaaeb.js";
+import "./components/AreasViewer/index.14e62059.js";
 import "../LinearProgressIndeterminate/index.60dabc06.js";
 import "./contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import "./contexts/DynamicMFParmsContext/index.1607c78e.js";

package/components/areas/types.d.ts

@@ -55,7 +55,6 @@ export declare type WindowState = {
     toasties: Toasty[];
     hashToasties: Record<number, Toasty>;
     toastyCount: number;
-    colapsed?: boolean;
 };
 export declare type WindowOptions = {
     allowPersistCookies: boolean;

package/components/formatters/BooleanFormatter/{index.5268b024.js → index.e8de8e4c.js}

@@ -1,6 +1,6 @@
 import { useMemo } from "react";
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
-import { I as Icon } from "../../Icon/index.ecb63e65.js";
+import { I as Icon } from "../../Icon/index.9fcd1476.js";
 import { W as WrapperComponent } from "../../WrapperComponent/index.5e872594.js";
 import { jsx } from "react/jsx-runtime";
 const BOOLEAN_FORMATTER_DICTIONARY_KEY = `boolean_formatter`;

package/components/formatters/{index.137169d8.js → index.67aeb049.js}

@@ -2,11 +2,11 @@ import { W as WrapperComponent } from "../WrapperComponent/index.5e872594.js";
 import { jsx } from "react/jsx-runtime";
 import { useModuleDictionary } from "@m4l/core";
 import "react";
-import "../Icon/index.ecb63e65.js";
+import "../Icon/index.9fcd1476.js";
 import "@mui/material";
 import "clsx";
 import "@m4l/graphics";
-import { a as BOOLEAN_FORMATTER_DICTIONARY_KEY, b as BOOLEAN_FORMATTER_DICTIONARY_LABELS } from "./BooleanFormatter/index.5268b024.js";
+import { a as BOOLEAN_FORMATTER_DICTIONARY_KEY, b as BOOLEAN_FORMATTER_DICTIONARY_LABELS } from "./BooleanFormatter/index.e8de8e4c.js";
 function getFormatConcatenated(values, separator) {
   const returnSymbol = "";
   if (values === null)

package/components/hook-form/RHFAutocomplete/{index.ac2b1fae.js → index.6aa51705.js}

@@ -1,29 +1,29 @@
-import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
+import { useModuleDictionary, useModuleSkeleton, useEnvironment } from "@m4l/core";
 import { useFormContext, Controller } from "react-hook-form";
 import { styled as styled$1, Skeleton, generateUtilityClasses, generateUtilityClass, Autocomplete, Popper, TextField, CircularProgress } from "@mui/material";
 import { I as Image } from "../../Image/index.c18ebf5a.js";
-import { useMemo, useState, useEffect } from "react";
+import { useMemo, useRef, useState, useEffect } from "react";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { T as Typography } from "../../mui_extended/Typography/index.443590d6.js";
-import { H as HelperText } from "../../HelperText/index.ef31df1f.js";
+import { H as HelperText } from "../../HelperText/index.a019742c.js";
+import { I as IconButton } from "../../mui_extended/IconButton/index.12f1a3c3.js";
 import { styled } from "@mui/material/styles";
 import "clsx";
 import { unstable_composeClasses } from "@mui/base";
-import "../../Icon/index.ecb63e65.js";
-import "../../mui_extended/IconButton/index.fc5b7c2d.js";
+import "../../Icon/index.9fcd1476.js";
 import "@m4l/graphics";
-import "../../mui_extended/Accordion/index.12b1339a.js";
+import "../../mui_extended/Accordion/index.9877f7bf.js";
 import "../../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
 import "@mui/material/Button";
 import "../../mui_extended/Button/index.4288f9fc.js";
 import "../../mui_extended/Badge/index.8c2b8b66.js";
 import "@mui/lab";
+import "../../mui_extended/MenuActions/index.43a2e1ae.js";
 import "../../mui_extended/Popover/index.9f35d0eb.js";
-import "../../mui_extended/MenuActions/index.f5b1c022.js";
-import "../../mui_extended/Pager/index.435af0df.js";
-import "../../mui_extended/Tab/index.9e2f6e34.js";
+import "../../mui_extended/Pager/index.2f6d6d7d.js";
+import "../../mui_extended/Tab/index.7c82e43d.js";
 import "../../mui_extended/Tooltip/index.5a795dcd.js";
 const AutocompleteRoot = styled("div")(({
   theme
@@ -207,6 +207,11 @@ function RHFAutocomplete(props) {
   } = useModuleDictionary();
   const isSkeleton = useModuleSkeleton();
   const withImage = useMemo(() => getOptionUrlImage !== void 0, [getOptionUrlImage]);
+  const {
+    host_static_assets,
+    environment_assets
+  } = useEnvironment();
+  const autocompleteRef = useRef(null);
   const [open, setOpen] = useState(false);
   const onCloseLocal = (event, reason) => {
     setOpen(false);
@@ -304,6 +309,7 @@ function RHFAutocomplete(props) {
           }), /* @__PURE__ */ jsx(Autocomplete, {
             onKeyDown: checkKeyDown,
             autoComplete: true,
+            ref: autocompleteRef,
             onFocus: handleFocus,
             onBlur: handleBlur,
             autoSelect: false,
@@ -336,6 +342,7 @@ function RHFAutocomplete(props) {
             value: value || null,
             onOpen: onOpenLocal,
             onClose: onCloseLocal,
+            open,
             onChange: (_e, val) => {
               setInputValue(getOptionLabelLocal(val));
               onChange(val);
@@ -366,11 +373,15 @@ function RHFAutocomplete(props) {
                     width: imageWidth,
                     height: imageHeight
                   }, "ImageTextField") : null,
-                  endAdornment: /* @__PURE__ */ jsxs(Fragment, {
-                    children: [loading ? /* @__PURE__ */ jsx(CircularProgress, {
+                  endAdornment: /* @__PURE__ */ jsx(Fragment, {
+                    children: loading ? /* @__PURE__ */ jsx(CircularProgress, {
                       color: "inherit",
                       size: 20
-                    }) : null, params.InputProps.endAdornment]
+                    }) : /* @__PURE__ */ jsx(IconButton, {
+                      src: `${host_static_assets}/${environment_assets}/frontend/components/RHFAutocompletarAsync/assets/icons/chevronRight.svg`,
+                      onClick: (event) => onOpenLocal(event),
+                      size: "small"
+                    })
                   })
                 },
                 autoComplete: "off",

package/components/hook-form/RHFAutocompleteAsync/{index.8b4ccc8d.js → index.1a3dfe5f.js}

@@ -5,7 +5,7 @@ import { styled } from "@mui/material/styles";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
-import { R as RHFAutocomplete, g as getRHFAutocompleteComponentsDictionary } from "../RHFAutocomplete/index.ac2b1fae.js";
+import { R as RHFAutocomplete, g as getRHFAutocompleteComponentsDictionary } from "../RHFAutocomplete/index.6aa51705.js";
 import { jsx } from "react/jsx-runtime";
 styled("div")(() => ({
   display: "flex",

package/components/hook-form/RHFCheckbox/{index.acef119c.js → index.a08a65b3.js}

@@ -5,7 +5,7 @@ import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { styled as styled$1 } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
-import { H as HelperText } from "../../HelperText/index.ef31df1f.js";
+import { H as HelperText } from "../../HelperText/index.a019742c.js";
 import { T as Typography } from "../../mui_extended/Typography/index.443590d6.js";
 const WrapperSkeletonCheckBox = styled("div")(() => ({
   display: "flex",