@m4l/components 0.1.51 → 0.1.52

package/components/areas/contexts/AreaContext/{index.c787aee6.js → index.f25f7180.js}

@@ -5,11 +5,17 @@ import { createStore, useStore } from "zustand";
 import { immer } from "zustand/middleware/immer";
 import { devtools } from "zustand/middleware";
 import debounce from "lodash/debounce";
-import { u as useAreasStore } from "../../hooks/useArea/index.575c2abe.js";
+import cloneDeep from "lodash.clonedeep";
+import { u as useAreasStore } from "../../hooks/useArea/index.7bdbbb79.js";
+import { useResponsiveDesktop, useFirstRender } from "@m4l/graphics";
 import { jsx } from "react/jsx-runtime";
+const ROW_HEIGTH_GRIDLAYOUT = 100;
+const CONTAINER_PADDING_GRIDLAYOUT = 3;
 const DEBOUCED_SAVE_TIME = 500;
 const COOKIE_BREAKPOINT_LAYOUTS = "layoutPros";
 const COOKIE_WINDOWS = "windows";
+const NORMALIZED_BREAKPOINTS = { lg: 1200, md: 996, sm: 768, xs: 480, xxs: 0 };
+const NORMALIZED_COLS = { lg: 24, md: 20, sm: 12, xs: 8, xxs: 2 };
 const getParmsFromValue = (key, data) => {
   try {
     if (Array.isArray(data)) {
@@ -23,6 +29,60 @@ const getParmsFromValue = (key, data) => {
   }
   return void 0;
 };
+function setAddBreakPoints(state, newLayout) {
+  const layoutsBreakPoints = state.breakpointsLayouts;
+  const beforeMaximizebreakpointsLayouts = state.beforeMaximizebreakpointsLayouts;
+  for (const key in layoutsBreakPoints) {
+    const layoutBreakpoint = layoutsBreakPoints[key];
+    layoutBreakpoint.push(newLayout);
+  }
+  if (state.viewMode === "single") {
+    for (const key in beforeMaximizebreakpointsLayouts) {
+      const beforeLayoutBreakpoint = beforeMaximizebreakpointsLayouts[key];
+      beforeLayoutBreakpoint.push(newLayout);
+    }
+  }
+  return layoutsBreakPoints;
+}
+function setBreakPointsMaximized(state, layoutId) {
+  const layoutsBreakPoints = state.breakpointsLayouts;
+  const container = document.getElementsByClassName(`M4L_Area_wrapper_${state.id}`)[0];
+  if (container) {
+    const clientHeight = container.clientHeight - 40;
+    for (const key in layoutsBreakPoints) {
+      const layoutBreakpoint = layoutsBreakPoints[key];
+      const cols = key in NORMALIZED_COLS ? NORMALIZED_COLS[key] : 1;
+      const heigth_by_rowheigth = clientHeight / (ROW_HEIGTH_GRIDLAYOUT + 2 * CONTAINER_PADDING_GRIDLAYOUT);
+      for (let index = 0; index < layoutBreakpoint.length; index++) {
+        const l = layoutBreakpoint[index];
+        if (l.i === layoutId) {
+          l.x = 0;
+          l.y = 0;
+          l.h = heigth_by_rowheigth;
+          l.w = key in NORMALIZED_COLS ? NORMALIZED_COLS[key] : 1;
+          l.minW = 0;
+          l.maxW = cols;
+          l.minH = 0;
+          l.maxH = heigth_by_rowheigth;
+          l.isResizable = false;
+          l.isDraggable = false;
+        } else {
+          l.x = 0;
+          l.y = 1;
+          l.h = 0;
+          l.w = 0;
+          l.minW = 0;
+          l.maxW = 0;
+          l.minH = 0;
+          l.maxH = 0;
+        }
+        l.isResizable = false;
+        l.isDraggable = false;
+      }
+    }
+  }
+  return layoutsBreakPoints;
+}
 function getDataFromResponse(data, state) {
   const newBreakPointsLayouts = getParmsFromValue(COOKIE_BREAKPOINT_LAYOUTS, data);
   const windows = getParmsFromValue(COOKIE_WINDOWS, data);
@@ -42,7 +102,6 @@ function getDataFromResponse(data, state) {
         };
       }
     }
-    console.log("GET cookies", newBreakPointsLayouts, newHashWindowLayouts);
   }
   return {
     newBreakPointsLayouts,
@@ -51,11 +110,11 @@ function getDataFromResponse(data, state) {
   };
 }
 const createAreaStore = (initProps) => {
-  console.debug("Creating Area State");
   const startProps = {
     zPopUpIndex: 999,
     status: "init",
     breakpointsLayouts: {},
+    beforeMaximizebreakpointsLayouts: {},
     gridLayouts: [],
     windowModal: null,
     windowsPopUps: [],
@@ -63,6 +122,9 @@ const createAreaStore = (initProps) => {
     hashWindowsLayouts: {},
     currentLayoutId: "",
     currentPopUpId: "",
+    viewMode: initProps.isDesktop ? "multiple" : "single",
+    breakpoints: NORMALIZED_BREAKPOINTS,
+    cols: NORMALIZED_COLS,
     ...initProps
   };
   return createStore(
@@ -105,7 +167,6 @@ const createAreaStore = (initProps) => {
           addWindowPopUp: (windowId, newWindowPopupProps) => {
             let popUpId = windowId;
             set((state) => {
-              console.log("addWindowPopUp", newWindowPopupProps, state.id);
               if (newWindowPopupProps.replaceMeId) {
                 for (const key in state.hashWindowsPopups) {
                   const WindoPopUp = state.hashWindowsPopups[key];
@@ -127,7 +188,6 @@ const createAreaStore = (initProps) => {
                 };
                 state.currentPopUpId = windowId;
               }
-              console.log("addWindowPopUp fin");
             });
             get().actions.selectWindowPopUp(popUpId);
           },
@@ -142,6 +202,9 @@ const createAreaStore = (initProps) => {
               delete state.hashWindowsLayouts[removeLayoutId];
             });
             get().actions.saveLayouts();
+            if (get().singleId === removeLayoutId) {
+              get().actions.maximizeLayout();
+            }
           },
           addWindowLayout: (windowId, newWindow) => {
             const newLayout = {
@@ -159,9 +222,14 @@ const createAreaStore = (initProps) => {
                 emergeType: "layout",
                 onClose: get().actions.closeWindowLayout
               };
+              setAddBreakPoints(state, newLayout);
             });
             get().actions.selectWindowLayout(windowId);
+            if (get().viewMode === "single") {
+              get().actions.maximizeLayout(windowId);
+            }
             get().actions.saveLayouts();
+            get().actions.bouncedSaveBreakpointsLayouts();
           },
           saveLayouts: () => {
             let nrKeys = 0;
@@ -176,7 +244,6 @@ const createAreaStore = (initProps) => {
                 nrKeys++;
               }
             }
-            console.log("saveWindows", nrKeys, saveObjetc, JSON.stringify(saveObjetc));
             if (nrKeys > 0) {
               get().networkOperation({
                 method: "PUT",
@@ -199,7 +266,9 @@ const createAreaStore = (initProps) => {
           },
           bouncedSaveBreakpointsLayouts: debounce(
             () => {
-              const purgedLayouts = { ...get().breakpointsLayouts };
+              const purgedLayouts = {
+                ...get().viewMode === "multiple" ? get().breakpointsLayouts : get().beforeMaximizebreakpointsLayouts
+              };
               const finalLayouts = {};
               for (const key in purgedLayouts) {
                 const element = purgedLayouts[key];
@@ -217,7 +286,6 @@ const createAreaStore = (initProps) => {
                 }
               }
               if (Object.keys(finalLayouts).length > 0) {
-                console.log(finalLayouts);
                 get().networkOperation({
                   method: "PUT",
                   endPoint: `cookies/${get().id}/${COOKIE_BREAKPOINT_LAYOUTS}`,
@@ -235,7 +303,9 @@ const createAreaStore = (initProps) => {
             set((state) => {
               state.breakpointsLayouts = newAllLayouts;
             });
-            get().actions.bouncedSaveBreakpointsLayouts();
+            if (!get().singleId) {
+              get().actions.bouncedSaveBreakpointsLayouts();
+            }
           },
           selectWindowLayout: (layoutId) => {
             set((state) => {
@@ -263,7 +333,7 @@ const createAreaStore = (initProps) => {
             });
             setTimeout(() => {
               const container = document.getElementsByClassName(
-                `M4L_GridLayout_${get().id}`
+                `M4L_WrapperGridLayout_${get().id}`
               )[0];
               const element = document.getElementsByClassName(
                 `M4L_WindowPopUp_${popUpId}`
@@ -271,16 +341,42 @@ const createAreaStore = (initProps) => {
               if (element && container) {
                 const { top, left } = element.getBoundingClientRect();
                 const { top: containerTop, left: containerLeft } = container.getBoundingClientRect();
-                console.log(
-                  "scroll top:",
-                  `M4L_WindowPopUp_${popUpId}`,
-                  top,
-                  containerTop
-                );
                 container.scrollTop = container.scrollTop + top - containerTop;
                 container.scrollLeft = container.scrollLeft + left - containerLeft;
               }
             }, 100);
+          },
+          maximizeLayout: (layoutId) => {
+            let finalLayoutId = layoutId;
+            set((state) => {
+              if (state.viewMode === "multiple") {
+                state.beforeMaximizebreakpointsLayouts = cloneDeep(
+                  state.breakpointsLayouts
+                );
+              }
+              if (!finalLayoutId) {
+                if (state.gridLayouts.length > 0) {
+                  finalLayoutId = state.gridLayouts[0].i;
+                }
+              }
+              state.viewMode = "single";
+              state.singleId = finalLayoutId;
+              setBreakPointsMaximized(state, finalLayoutId);
+            });
+            if (finalLayoutId) {
+              get().actions.selectWindowLayout(finalLayoutId);
+            }
+          },
+          normalizeLayouts: () => {
+            set((state) => {
+              if (!state.isDesktop)
+                return;
+              if (state.isDesktop && state.viewMode === "single") {
+                state.viewMode = "multiple";
+                state.singleId = void 0;
+                state.breakpointsLayouts = state.beforeMaximizebreakpointsLayouts;
+              }
+            });
           }
         },
         internalActions: {
@@ -307,17 +403,41 @@ const createAreaStore = (initProps) => {
                   newGridLayouts,
                   newHashWindowLayouts
                 } = getDataFromResponse(response.data, state);
-                state.breakpointsLayouts = newBreakPointsLayouts;
+                if (state.viewMode === "multiple") {
+                  state.breakpointsLayouts = newBreakPointsLayouts;
+                } else {
+                  state.breakpointsLayouts = newBreakPointsLayouts;
+                  state.beforeMaximizebreakpointsLayouts = newBreakPointsLayouts;
+                }
                 state.gridLayouts = newGridLayouts;
                 state.hashWindowsLayouts = newHashWindowLayouts;
-                console.log("Area loaded");
                 state.status = "loaded";
               });
+              if (get().viewMode === "single") {
+                get().actions.maximizeLayout();
+              }
             }).catch((_response) => {
               set((state) => {
                 state.status = "loaded";
               });
             });
+          },
+          changeDesktopBreakpoint: (isDesktop) => {
+            const previousState = get().isDesktop;
+            set((state) => {
+              state.isDesktop = isDesktop;
+            });
+            if (previousState != isDesktop) {
+              if (isDesktop) {
+                get().actions.normalizeLayouts();
+              } else {
+                if (get().viewMode === "multiple") {
+                  if (get().gridLayouts.length > 0) {
+                    get().actions.maximizeLayout(get().gridLayouts[0].i);
+                  }
+                }
+              }
+            }
           }
         }
       })),
@@ -337,6 +457,8 @@ const AreaProvider = (props) => {
   const {
     setAreaLink
   } = useAreasStore((state) => state.internalActions);
+  const isDesktop = useResponsiveDesktop();
+  const isFirstRender = useFirstRender([isDesktop]);
   const {
     networkOperation
   } = useNetwork();
@@ -346,18 +468,23 @@ const AreaProvider = (props) => {
       id,
       networkOperation,
       loadAreasFromNetwork,
-      loadWindows
+      loadWindows,
+      isDesktop: !!isDesktop
     });
   }
   const {
-    loadFromApi
+    loadFromApi,
+    changeDesktopBreakpoint
   } = useStore(areaStoreRef.current, (state) => state.internalActions, shallow);
   const status = useStore(areaStoreRef.current, (state) => state.status, shallow);
   useEffect(() => {
-    console.log("useEffect AreaProvider setAreaLink");
+    if (!isFirstRender) {
+      changeDesktopBreakpoint(!!isDesktop);
+    }
+  }, [isDesktop]);
+  useEffect(() => {
     setAreaLink(id, areaStoreRef.current);
     return () => {
-      console.debug("useEffect cleanUP AreaProvider", props.id);
     };
   }, []);
   useEffect(() => {
@@ -365,7 +492,6 @@ const AreaProvider = (props) => {
       loadFromApi();
     }
   }, [active]);
-  console.log("Rendeer AreaProvider status", status, loadAreasFromNetwork);
   return /* @__PURE__ */ jsx(AreaContext.Provider, {
     value: areaStoreRef.current,
     children
@@ -375,5 +501,7 @@ AreaProvider.displayName = "AreaProvider";
 React__default.memo(AreaProvider);
 export {
   AreaProvider as A,
+  CONTAINER_PADDING_GRIDLAYOUT as C,
+  ROW_HEIGTH_GRIDLAYOUT as R,
   AreaContext as a
 };

package/components/areas/contexts/AreaContext/store.d.ts

@@ -3,6 +3,13 @@ import { Layout, Layouts } from 'react-grid-layout';
 import { DebouncedFunc } from 'lodash';
 import { HashWindowsByLayouts, HashWindowsByPopups, ModalProps, NewLayoutProps, NewModalProps, NewPopUpProps, NewWindowProps } from '../../components/Area/types';
 export declare type AreaStatus = 'init' | 'load' | 'loaded' | 'error';
+export declare type Breakpoints = {
+    [P: string]: number;
+};
+export declare type Cols = {
+    [P: string]: number;
+};
+export declare type ViewAreaMode = 'multiple' | 'single';
 export interface AreaState {
     zPopUpIndex: number;
     id: string;
@@ -10,6 +17,7 @@ export interface AreaState {
     loadWindows: boolean;
     status: AreaStatus;
     breakpointsLayouts: Layouts;
+    beforeMaximizebreakpointsLayouts: Layouts;
     gridLayouts: Layout[];
     windowsPopUps: string[];
     windowModal?: Maybe<ModalProps>;
@@ -18,6 +26,11 @@ export interface AreaState {
     networkOperation: (props: NetworkProps) => Promise<any>;
     currentLayoutId: string;
     currentPopUpId: string;
+    breakpoints: Breakpoints;
+    cols: Cols;
+    viewMode: ViewAreaMode;
+    singleId?: string;
+    isDesktop: boolean;
 }
 export interface AreaStateWithActions extends AreaState {
     actions: {
@@ -33,13 +46,16 @@ export interface AreaStateWithActions extends AreaState {
         bouncedSaveBreakpointsLayouts: DebouncedFunc<() => void>;
         selectWindowLayout: (layoutId: string) => void;
         selectWindowPopUp: (popUpId: string) => void;
+        maximizeLayout: (layoutId?: string) => void;
+        normalizeLayouts: () => void;
     };
     internalActions: {
         loadFromApi: () => void;
+        changeDesktopBreakpoint: (isDesktop: boolean) => void;
     };
 }
 declare type DefaultStoreProps = Omit<AreaState, 'id'>;
-declare type InitialStoreProps = Pick<AreaState, 'id' | 'networkOperation' | 'loadAreasFromNetwork' | 'loadWindows'> & Partial<DefaultStoreProps>;
+declare type InitialStoreProps = Pick<AreaState, 'id' | 'networkOperation' | 'loadAreasFromNetwork' | 'loadWindows' | 'isDesktop'> & Partial<DefaultStoreProps>;
 export declare const createAreaStore: (initProps: InitialStoreProps) => Omit<Omit<import("zustand").StoreApi<AreaStateWithActions>, "setState"> & {
     setState<A extends string | {
         type: unknown;

package/components/areas/contexts/AreasContext/{index.4f938baa.js → index.7406c20f.js}

@@ -3,7 +3,7 @@ import { useHostTools, useModuleDictionary, useNetwork, EmitEvents } from "@m4l/
 import { createStore, useStore } from "zustand";
 import { devtools } from "zustand/middleware";
 import { immer } from "zustand/middleware/immer";
-import { L as LABEL_NEW_AREA } from "../../index.8c6f9e65.js";
+import { L as LABEL_NEW_AREA } from "../../index.6f09d168.js";
 import { shallow } from "zustand/shallow";
 import { useFirstRender } from "@m4l/graphics";
 import { jsx } from "react/jsx-runtime";
@@ -11,7 +11,6 @@ const addAreaNoBoilerPlate = (state) => {
   let newName = "";
   const newId = `area_${new Date().getTime()}_${(Math.random() * 1e3).toFixed(0)}`;
   newName = `${state.getLabel(LABEL_NEW_AREA)} ${state.areas.length + 1}`;
-  console.log("addAreaNoBoilerPlate", newName);
   state.areas.push({ id: newId, name: newName, loadWindows: false });
   state.currentArea = newId;
   if (state.loadAreasFromNetwork) {
@@ -69,7 +68,6 @@ const createAreasStore = (initProps) => {
             });
           },
           selectArea: (newAreaId) => {
-            console.log("Areas selected, ", newAreaId);
             set((state) => {
               if (state.areas.findIndex((area) => area.id === newAreaId) > -1) {
                 state.currentArea = newAreaId;
@@ -173,7 +171,6 @@ function AreasProvider(props) {
   }, []);
   useEffect(() => {
     if (status === "loaded") {
-      console.log("useEffect Areas loaded");
       onLoad && onLoad();
     }
   }, [status]);
@@ -185,7 +182,6 @@ function AreasProvider(props) {
   useEffect(() => {
     events_add_listener(EmitEvents.EMMIT_EVENT_HOST_EMERGE_WINDOW, addWindow);
     areasStoreRef.current?.getState().internalActions.loadFromApi();
-    console.log("useEffect AreasProvider Emmiter");
     return () => {
       events_remove_listener(EmitEvents.EMMIT_EVENT_HOST_EMERGE_WINDOW, addWindow);
     };

package/components/areas/contexts/{index.4cfa6ea9.js → index.e80d8f0f.js}

@@ -6,7 +6,7 @@ import { devtools } from "zustand/middleware";
 import { immer } from "zustand/middleware/immer";
 import cloneDeep from "lodash.clonedeep";
 import { jsx } from "react/jsx-runtime";
-import "./AreasContext/index.4f938baa.js";
+import "./AreasContext/index.7406c20f.js";
 function getCookiesContainer(data, containerId) {
   const cookies = {};
   try {
@@ -79,7 +79,6 @@ const createWindowStore = (initProps) => {
         },
         internalActions: {
           loadCookiesFromApi: () => {
-            console.log("loadCookiesFromApi start");
             if (get().status === "init") {
               get().networkOperation({
                 method: "GET",
@@ -102,10 +101,6 @@ const createWindowStore = (initProps) => {
                     response.data,
                     state.windowId
                   );
-                  console.log(
-                    "loadCookiesFromApi end",
-                    state.cookies.moduleCookies
-                  );
                   state.status = "loaded";
                 });
               }).catch((_response) => {
@@ -116,7 +111,6 @@ const createWindowStore = (initProps) => {
             }
           },
           saveModuleCookies: () => {
-            console.log("saveModuleCookies end", get().cookies.moduleCookies);
             for (const key in get().cookies.windowCookies) {
               const cookie = get().cookies.windowCookies[key];
               get().networkOperation({
@@ -172,11 +166,9 @@ function WindowMFProvider(props) {
   }, []);
   useEffect(() => {
     if (windowStoreRef.current?.getState().status === "loaded") {
-      console.log("useEffect Reemplazo de ventan");
       dynamicMFStoreRef.current?.getState().actions.changeData(props.dynamicParams);
     }
   }, [props.dynamicParams]);
-  console.log("Render WindowProvider");
   return /* @__PURE__ */ jsx(WindowContext.Provider, {
     value: windowStoreRef.current,
     children
@@ -189,10 +181,6 @@ function WindowToolsMFProvider(props) {
     setActions,
     ...other
   } = props;
-  useEffect(() => {
-    console.log("useEffect {DynamicMFParmsProvider}", other);
-  }, []);
-  console.log("Render WindowToolsMFProvider", other);
   return /* @__PURE__ */ jsx(WindowToolsMFContext.Provider, {
     value: {
       setActions,

package/components/areas/hooks/{index.b15baf14.js → index.0fd57f88.js}

@@ -1,6 +1,6 @@
 import { useContext } from "react";
 import { useStore } from "zustand";
-import { b as WindowContext, c as WindowToolsMFContext } from "../contexts/index.4cfa6ea9.js";
+import { b as WindowContext, c as WindowToolsMFContext } from "../contexts/index.e80d8f0f.js";
 import "../contexts/DynamicMFParmsContext/index.c19cb8cc.js";
 const useWindow = () => {
   const context = useContext(WindowContext);

package/components/areas/hooks/useArea/{index.575c2abe.js → index.7bdbbb79.js}

@@ -1,7 +1,7 @@
 import { useContext } from "react";
 import { useStore } from "zustand";
-import { A as AreasContext } from "../../contexts/AreasContext/index.4f938baa.js";
-import { a as AreaContext } from "../../contexts/AreaContext/index.c787aee6.js";
+import { A as AreasContext } from "../../contexts/AreasContext/index.7406c20f.js";
+import { a as AreaContext } from "../../contexts/AreaContext/index.f25f7180.js";
 function useAreasStore(selector, equalityFn) {
   const context = useContext(AreasContext);
   if (!context)

package/components/areas/{index.8c6f9e65.js → index.6f09d168.js}

@@ -1,5 +1,5 @@
-import "./components/index.29809e82.js";
-import "./components/AreasAdmin/index.3e586e9b.js";
+import "./components/index.6d863764.js";
+import "./components/AreasAdmin/index.dbab59f1.js";
 import "react";
 import "@m4l/core";
 import "@mui/material";
@@ -8,12 +8,12 @@ import "@mui/material/styles";
 import "react/jsx-runtime";
 import "../mui_extended/IconButton/index.1318a283.js";
 import "zustand";
-import "./contexts/AreasContext/index.4f938baa.js";
+import "./contexts/AreasContext/index.7406c20f.js";
 import "zustand/shallow";
-import "./components/AreasContainer/index.15e4628d.js";
+import "./components/AreasContainer/index.f3f921b9.js";
 import "react-grid-layout/css/styles.css";
 import "../../react-resizable.bb58c8fc.js";
-import "./contexts/index.4cfa6ea9.js";
+import "./contexts/index.e80d8f0f.js";
 import "./contexts/DynamicMFParmsContext/index.c19cb8cc.js";
 const LABEL_NEW_AREA = "label_new_area";
 export {

package/components/hook-form/RHFPeriod/{index.47cf646d.js → index.5d2a2071.js}

@@ -1,7 +1,7 @@
 import { styled } from "@mui/material";
 import { useFormContext, Controller } from "react-hook-form";
 import { E as ErrorLabel } from "../../ErrorLabel/index.78553a1e.js";
-import { P as Period } from "../../Period/index.89daad51.js";
+import { P as Period } from "../../Period/index.85fe764a.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 const Wrapper = styled("div")(({
   theme

package/components/hook-form/RHFTextField/{index.57f138f7.js → index.bef7eced.js}

@@ -189,7 +189,6 @@ const RHFTextFieldPassword = (props) => {
     host_static_assets,
     environment_assets
   } = useEnvironment();
-  console.log("enviroment", host_static_assets, environment_assets);
   const classes = useUtilityClasses();
   return /* @__PURE__ */ jsx(RHFTextFieldPasswordRoot, {
     className: classes.root,

package/components/index.d.ts

@@ -17,7 +17,6 @@ export * from './DynamicFilter/dictionary';
 export * from './ErrorLabel';
 export type { FilterFieldApply, RawFilterFieldApply, InitialFilterFieldApply, } from './DynamicFilter/types';
 export * from './CommonActions/';
-export * from './CmpDisenoTest';
 export * from './CommonActions/dictionary';
 export * from './DraggableWindow';
 export * from './Icon';

package/components/modal/{WindowBase.ed279350.js → WindowBase.b5e29758.js}

@@ -1,6 +1,6 @@
 import { useEnvironment } from "@m4l/core";
 import "react";
-import { u as useModal } from "../../hooks/useModal/index.56c03c00.js";
+import { u as useModal } from "../../hooks/useModal/index.4454145e.js";
 import { styled } from "@mui/material/styles";
 import { a as getThemeVariantColor } from "../../utils/index.e882b264.js";
 import { IconButton } from "@mui/material";

package/components/modal/{WindowConfirm.72de5ce8.js → WindowConfirm.cbc7720c.js}

@@ -1,7 +1,7 @@
 import { useEnvironment } from "@m4l/core";
 import "react";
-import { u as useModal } from "../../hooks/useModal/index.56c03c00.js";
-import { A as Actions } from "../CommonActions/components/Actions/index.c06ea173.js";
+import { u as useModal } from "../../hooks/useModal/index.4454145e.js";
+import { A as Actions } from "../CommonActions/components/Actions/index.f0a3167b.js";
 import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.a81752ef.js";
 import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.d567aebb.js";
 import "react-hook-form";
@@ -10,23 +10,23 @@ import "@mui/material/Button";
 import "../mui_extended/Button/index.8406ed5b.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import "../../react-draggable.0eef011c.js";
-import "../ModalDialog/index.de10969f.js";
+import "../ModalDialog/index.5a307e29.js";
 import "../Resizeable/index.8a442a8b.js";
 import "@m4l/graphics";
 import { styled } from "@mui/material/styles";
 import { I as Icon } from "../Icon/index.f6e8d810.js";
 import { b as getVariantColor } from "../../utils/index.e882b264.js";
-import { W as WindowBase } from "./WindowBase.ed279350.js";
-import "../areas/components/index.29809e82.js";
-import "../areas/components/AreasAdmin/index.3e586e9b.js";
+import { W as WindowBase } from "./WindowBase.b5e29758.js";
+import "../areas/components/index.6d863764.js";
+import "../areas/components/AreasAdmin/index.dbab59f1.js";
 import "../mui_extended/IconButton/index.1318a283.js";
 import "zustand";
-import "../areas/contexts/AreasContext/index.4f938baa.js";
+import "../areas/contexts/AreasContext/index.7406c20f.js";
 import "zustand/shallow";
-import "../areas/components/AreasContainer/index.15e4628d.js";
+import "../areas/components/AreasContainer/index.f3f921b9.js";
 import "react-grid-layout/css/styles.css";
 import "../../react-resizable.bb58c8fc.js";
-import "../areas/contexts/index.4cfa6ea9.js";
+import "../areas/contexts/index.e80d8f0f.js";
 import "../areas/contexts/DynamicMFParmsContext/index.c19cb8cc.js";
 import "@mui/lab";
 const WrapperMessageIlustration = styled("div")(() => ({

package/components/modal/{index.7197145d.js → index.f6de895f.js}

@@ -1,29 +1,29 @@
 import "@mui/material";
 import "../../react-draggable.0eef011c.js";
 import "react";
-import "../../contexts/ModalContext/index.e94f0e72.js";
-import "../ModalDialog/index.de10969f.js";
+import "../../contexts/ModalContext/index.3d92d9f9.js";
+import "../ModalDialog/index.5a307e29.js";
 import "../Resizeable/index.8a442a8b.js";
 import "react/jsx-runtime";
 import "@m4l/graphics";
 import "@m4l/core";
-import "../CommonActions/components/Actions/index.c06ea173.js";
+import "../CommonActions/components/Actions/index.f0a3167b.js";
 import "@mui/material/Button";
 import "../mui_extended/Button/index.8406ed5b.js";
 import "react-hook-form";
-import "./WindowBase.ed279350.js";
+import "./WindowBase.b5e29758.js";
 import "../Icon/index.f6e8d810.js";
 import "@mui/material/styles";
-import "../areas/components/index.29809e82.js";
-import "../areas/components/AreasAdmin/index.3e586e9b.js";
+import "../areas/components/index.6d863764.js";
+import "../areas/components/AreasAdmin/index.dbab59f1.js";
 import "../mui_extended/IconButton/index.1318a283.js";
 import "zustand";
-import "../areas/contexts/AreasContext/index.4f938baa.js";
+import "../areas/contexts/AreasContext/index.7406c20f.js";
 import "zustand/shallow";
-import "../areas/components/AreasContainer/index.15e4628d.js";
+import "../areas/components/AreasContainer/index.f3f921b9.js";
 import "react-grid-layout/css/styles.css";
 import "../../react-resizable.bb58c8fc.js";
-import "../areas/contexts/index.4cfa6ea9.js";
+import "../areas/contexts/index.e80d8f0f.js";
 import "../areas/contexts/DynamicMFParmsContext/index.c19cb8cc.js";
 import "@mui/lab";
-import "./WindowConfirm.72de5ce8.js";
+import "./WindowConfirm.cbc7720c.js";

package/contexts/ModalContext/{index.e94f0e72.js → index.3d92d9f9.js}

@@ -1,5 +1,5 @@
 import { createContext, useState } from "react";
-import { M as ModalDialog } from "../../components/ModalDialog/index.de10969f.js";
+import { M as ModalDialog } from "../../components/ModalDialog/index.5a307e29.js";
 import { jsxs, jsx } from "react/jsx-runtime";
 const ModalContext = createContext(null);
 function ModalProvider({

package/hooks/useModal/{index.56c03c00.js → index.4454145e.js}

@@ -1,5 +1,5 @@
 import { useContext } from "react";
-import { M as ModalContext } from "../../contexts/ModalContext/index.e94f0e72.js";
+import { M as ModalContext } from "../../contexts/ModalContext/index.3d92d9f9.js";
 function useModal() {
   const context = useContext(ModalContext);
   if (!context)