@m4l/components 0.1.69 → 0.1.70

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

@@ -1,4 +1,3 @@
-import type { WritableDraft } from 'immer/dist/internal';
 import type { AreasStateWithActions, InitialAreasStoreProps } from './types';
 /**
  * @description Crea el Store, por defecto inicia en estado 'init'
@@ -10,7 +9,7 @@ export declare const createAreasStore: (initProps: InitialAreasStoreProps) => Om
         type: unknown;
     }>(partial: AreasStateWithActions | Partial<AreasStateWithActions> | ((state: AreasStateWithActions) => AreasStateWithActions | Partial<AreasStateWithActions>), replace?: boolean | undefined, action?: A | undefined): void;
 }, "setState"> & {
-    setState(nextStateOrUpdater: AreasStateWithActions | Partial<AreasStateWithActions> | ((state: WritableDraft<AreasStateWithActions>) => void), shouldReplace?: boolean | undefined, action?: string | {
+    setState(nextStateOrUpdater: AreasStateWithActions | Partial<AreasStateWithActions> | ((state: import("immer/dist/internal").WritableDraft<AreasStateWithActions>) => void), shouldReplace?: boolean | undefined, action?: string | {
         type: unknown;
     } | undefined): void;
 };

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

@@ -1,9 +1,41 @@
 import { GetLabelType, NetworkProps } from '@m4l/core';
 import { ReactNode } from 'react';
-import { AreaStore } from '../../components/AreasViewer/subcomponents/Area/contexts/AreaContext/store';
-import { AreaType } from '../../types';
+import { CookieType, HashWindowsByLayouts, HashWindowsByModals, HashWindowsByPopups, ModalStateProps, NewLayoutProps, NewModalProps, NewPopUpProps, NewWindowProps, WinType, WindowStateProps } from '../../types';
 import { ViwerClasses } from '../../components/AreasViewer/classes';
 import { AdminClasses } from '../../components/AreasAdmin/classes';
+import { Layout, Layouts } from 'react-grid-layout';
+import { ModuleAction } from '../..';
+import { DebouncedFunc } from 'lodash';
+export declare type WinLayout = Layout & {
+    winType: WinType;
+};
+export declare type Breakpoints = {
+    [P: string]: number;
+};
+export declare type Cols = {
+    [P: string]: number;
+};
+export declare type ViewAreaMode = 'multiple' | 'single';
+export declare type AreaStatus = 'init' | 'loading' | 'load' | 'loaded' | 'error';
+export interface Area {
+    id: string;
+    name: string;
+    status: AreaStatus;
+    zPopUpIndex: number;
+    loadWindows: boolean;
+    breakPointsLayouts: Layouts;
+    beforeMaximizebreakpointsLayouts: Layouts;
+    windowsLayouts: Layout[];
+    windowsPopUps: string[];
+    hashWindowsPopups: HashWindowsByPopups;
+    hashWindowsLayouts: HashWindowsByLayouts;
+    currentLayoutId: string;
+    currentPopUpId: string;
+    breakpoints: Breakpoints;
+    cols: Cols;
+    viewMode: ViewAreaMode;
+    singleId?: string;
+}
 /**
  * @description estado de carga de las areaS de trabajo.
  */
@@ -42,9 +74,13 @@ export interface AreasState {
      */
     loadCookiesFromNetwork: boolean;
     /**
-     *  "currentArea" Area de trabajo seleccionada
+     *  "currentAreaId" Area de trabajo seleccionada
      */
-    currentArea: string;
+    currentAreaId: string;
+    /**
+     *  "currentModuleId" Módulo seleccionado
+     */
+    currentModuleId: string;
     /**
      *  "ownerState" enfocado al funcionamiento de las clases
      */
@@ -57,10 +93,24 @@ export interface AreasState {
      *  "adminClasses" enfocado al funcionamiento de las clases a nivel de Admin
      */
     adminClasses: AdminClasses;
+    /**
+     *  "windowsModals" id de ventans modales abiertas
+     */
+    windowsModals: string[];
+    hashWindowsModals: HashWindowsByModals;
+    windowModal?: ModalStateProps;
     /**
      *  "areas" Areas de trabajo
      */
-    areas: AreaType[];
+    areas: Area[];
+    /**
+     *  "hashAreas" Areas de trabajo
+     */
+    hashAreas: Record<string, Area>;
+    /**
+     *  "hashWindows" Todas las ventanas de todas las áreas cagadas
+     */
+    hashWindows: Record<string, WindowStateProps>;
     /**
      *  "networkOperation" funcion que usará el Store para enviar las peticiones de red
      */
@@ -71,7 +121,7 @@ export interface AreasState {
     getLabel: GetLabelType;
 }
 export interface AreasStateWithActions extends AreasState {
-    actions: {
+    areasActions: {
         /**
          * @description inicializa el componente, si la función onLoad está seteada, se invoca
          */
@@ -93,8 +143,6 @@ export interface AreasStateWithActions extends AreasState {
          * @returns void
          */
         deleteArea: (areaId: string) => void;
-    };
-    internalActions: {
         /**
          * @description Actualiza la variable de estado "getLabel"
          * @param newHandler handle o función que va a traducir las etiquetas, esto es necesario debido que getLabel de useModuleDictionary
@@ -102,11 +150,6 @@ export interface AreasStateWithActions extends AreasState {
          * @returns void
          */
         setHandlerGetLabel: (newHandler: GetLabelType) => void;
-        /**
-         * @description conecta el store de una Area con el Store de AreaS, para poder lanzar ventanas.
-         * @returns void
-         */
-        setAreaLink: (areaId: string, store: AreaStore) => void;
         /**
          * @description Modifica los estados que se actualizan externamente al Store
          * @param newIsMobile
@@ -114,6 +157,35 @@ export interface AreasStateWithActions extends AreasState {
          */
         setExternalState: (newExternalState: ExternalOwnerState) => void;
     };
+    areaActions: {
+        addWindow: (newWindow: NewWindowProps) => void;
+        closeWindowModal: (removeModalId: string) => void;
+        addWindowModal: (areaId: string, windowId: string, newWindowModalProps: NewModalProps) => void;
+        closeWindowPopUp: (areaId: string, removePopUpId: string) => void;
+        selectWindowPopUp: (areaId: string, popUpId: string) => void;
+        addWindowPopUp: (areaId: string, windowId: string, newWindowPopupProps: NewPopUpProps) => void;
+        closeWindowLayout: (areaId: string, removeLayoutId: string) => void;
+        selectWindowLayout: (areaId: string, layoutId: string) => void;
+        addWindowLayout: (areaId: string, windowId: string, newWindow: NewLayoutProps) => void;
+        saveLayouts: (areaId: string) => void;
+        onBreakpointsLayoutsChange: (areaId: string, currentLayouts: Layout[], newAllLayouts: Layouts) => void;
+        bouncedSaveBreakpointsLayouts: DebouncedFunc<(areaId: string) => void>;
+        maximizeLayout: (areaId: string, layoutId?: string) => void;
+        resizeMaximixedLayout: (areaId: string) => void;
+        normalizeLayouts: (areaId: string) => void;
+        loadWindowsFromApi: (areaId: string) => void;
+    };
+    windowActions: {
+        setActions: (windowId: string, newActions: ModuleAction[], version?: string) => void;
+        getCookie: (windowId: string, id: string) => Record<string, any> | undefined;
+        getCookies: (windowId: string, type: CookieType) => Record<string, any>;
+        setCookie: (windowId: string, id: string, type: CookieType, cookie: Record<string, any>) => void;
+        close: (windowId: string) => void;
+        setLoading: (windowId: string, isLoading: boolean) => void;
+        loadCookiesFromApi: (windowId: string) => void;
+        saveModuleCookies: (windowId: string) => void;
+        resetModuleCookies: (windowId: string) => void;
+    };
 }
 export declare type DefaultAreasStoreProps = Omit<AreasState, 'currentArea'>;
 export declare type InitialAreasStoreProps = Pick<AreasState, 'networkOperation' | 'loadAreasFromNetwork' | 'loadCookiesFromNetwork' | 'getLabel' | 'ownerState'> & Partial<DefaultAreasStoreProps>;
@@ -121,5 +193,6 @@ export interface AreasProviderProps {
     children: ReactNode;
     loadAreasFromNetwork: boolean;
     loadCookiesFromNetwork: boolean;
+    onSelectLayout?: (moduleId: string) => void;
     onLoad?: () => void;
 }

package/components/areas/contexts/DynamicMFParmsContext/index.1607c78e.js

@@ -0,0 +1,42 @@
+import { createStore } from "zustand";
+import { immer } from "zustand/middleware/immer";
+import React__default, { createContext } from "react";
+import { jsx } from "react/jsx-runtime";
+const createDynamicMFStore = (initProps) => {
+  const startProps = {
+    ...initProps
+  };
+  return createStore(
+    immer((set, _get) => ({
+      ...startProps,
+      actions: {
+        changeData: (newDynamicMFState) => {
+          set((state) => {
+            state.dynamicMFParameters = {
+              ...state.dynamicMFParameters,
+              ...newDynamicMFState
+            };
+          });
+        }
+      }
+    }))
+  );
+};
+const DynamicMFParmsContext = createContext(null);
+function DynamicMFParmsProvider(props) {
+  const {
+    children,
+    store
+  } = props;
+  return /* @__PURE__ */ jsx(DynamicMFParmsContext.Provider, {
+    value: store,
+    children
+  });
+}
+const MemonizedDynamicMFParmsProvider = React__default.memo(DynamicMFParmsProvider);
+export {
+  DynamicMFParmsProvider as D,
+  MemonizedDynamicMFParmsProvider as M,
+  DynamicMFParmsContext as a,
+  createDynamicMFStore as c
+};

package/components/areas/contexts/DynamicMFParmsContext/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { DynamicMFParmsProviderProps } from './types';
+declare const DynamicMFParmsContext: React.Context<(Omit<import("zustand").StoreApi<import("./store").DynamicMFStateWithActions>, "setState"> & {
+    setState(nextStateOrUpdater: import("./store").DynamicMFStateWithActions | Partial<import("./store").DynamicMFStateWithActions> | ((state: import("immer/dist/internal").WritableDraft<import("./store").DynamicMFStateWithActions>) => void), shouldReplace?: boolean | undefined): void;
+}) | null>;
+declare function DynamicMFParmsProvider(props: DynamicMFParmsProviderProps): React.JSX.Element;
+declare const MemonizedDynamicMFParmsProvider: React.MemoExoticComponent<typeof DynamicMFParmsProvider>;
+export { DynamicMFParmsProvider, DynamicMFParmsContext, MemonizedDynamicMFParmsProvider };

package/components/areas/{components/AreasViewer/subcomponents/Area/subcomponents/Window/contexts → contexts}/DynamicMFParmsContext/store.d.ts

@@ -1,4 +1,4 @@
-import { DynamicMFParameters } from '../../../../../../../../contexts';
+import { DynamicMFParameters } from '..';
 export interface DynamicMFState {
     dynamicMFParameters: DynamicMFParameters;
     windowId: string;
@@ -8,13 +8,7 @@ export interface DynamicMFStateWithActions extends DynamicMFState {
         changeData: (newDynamicMFState: DynamicMFParameters) => void;
     };
 }
-export declare const createDynamicMFStore: (initProps: DynamicMFState) => Omit<Omit<import("zustand").StoreApi<DynamicMFStateWithActions>, "setState"> & {
-    setState<A extends string | {
-        type: unknown;
-    }>(partial: DynamicMFStateWithActions | Partial<DynamicMFStateWithActions> | ((state: DynamicMFStateWithActions) => DynamicMFStateWithActions | Partial<DynamicMFStateWithActions>), replace?: boolean | undefined, action?: A | undefined): void;
-}, "setState"> & {
-    setState(nextStateOrUpdater: DynamicMFStateWithActions | Partial<DynamicMFStateWithActions> | ((state: import("immer/dist/internal").WritableDraft<DynamicMFStateWithActions>) => void), shouldReplace?: boolean | undefined, action?: string | {
-        type: unknown;
-    } | undefined): void;
+export declare const createDynamicMFStore: (initProps: DynamicMFState) => Omit<import("zustand").StoreApi<DynamicMFStateWithActions>, "setState"> & {
+    setState(nextStateOrUpdater: DynamicMFStateWithActions | Partial<DynamicMFStateWithActions> | ((state: import("immer/dist/internal").WritableDraft<DynamicMFStateWithActions>) => void), shouldReplace?: boolean | undefined): void;
 };
 export declare type DynamicMFStore = ReturnType<typeof createDynamicMFStore>;

package/components/areas/contexts/WindowToolsMFContext/index.8f3e2a04.js

@@ -0,0 +1,20 @@
+import React__default, { createContext } from "react";
+import { jsx } from "react/jsx-runtime";
+const WindowToolsMFContext = createContext(null);
+function WindowToolsMFProvider(props) {
+  const {
+    children,
+    ...other
+  } = props;
+  return /* @__PURE__ */ jsx(WindowToolsMFContext.Provider, {
+    value: {
+      ...other
+    },
+    children
+  });
+}
+React__default.memo(WindowToolsMFProvider);
+export {
+  WindowToolsMFProvider as W,
+  WindowToolsMFContext as a
+};

package/components/areas/{components/AreasViewer/subcomponents/Area/subcomponents/Window/contexts → contexts}/WindowToolsMFContext/types.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
-import { MenuAction } from '../../../../../../../../../mui_extended';
-import { CookieType } from '../../../../../../../../types';
+import { CookieType } from '../../types';
+import { MenuAction } from '../../../mui_extended';
 export declare type WindowActionType = 'main' | 'allways' | 'normal';
 export interface ModuleAction extends MenuAction {
     visibility: WindowActionType;
@@ -14,6 +14,7 @@ export interface WindowToolsMF {
     getCookies: (type: CookieType) => Record<string, any>;
     setActions: (newActions: ModuleAction[], version?: string) => void;
     setCookie: (id: string, type: CookieType, cookie: Record<string, any>) => void;
+    setLoading: (isLoading: boolean) => void;
     close: () => void;
 }
 export interface WindowToolsMFProviderProps extends WindowToolsMF {

package/components/areas/contexts/index.771827bb.js

@@ -0,0 +1,2 @@
+import "./AreasContext/index.de8b4e78.js";
+import "./WindowToolsMFContext/index.8f3e2a04.js";

package/components/areas/contexts/index.d.ts

@@ -1,5 +1,5 @@
 export * from './AreasContext';
-export type { DynamicMFParameters } from '../components/AreasViewer/subcomponents/Area/subcomponents/Window/contexts/DynamicMFParmsContext/types';
-export type { DynamicMFStore } from '../components/AreasViewer/subcomponents/Area/subcomponents/Window/contexts/DynamicMFParmsContext/store';
-export { WindowToolsMFProvider, WindowToolsMFContext } from '../components/AreasViewer/subcomponents/Area/subcomponents/Window/contexts/WindowToolsMFContext';
-export type { WindowToolsMF, ModuleAction } from '../components/AreasViewer/subcomponents/Area/subcomponents/Window/contexts/WindowToolsMFContext/types';
+export type { DynamicMFParameters } from './DynamicMFParmsContext/types';
+export type { DynamicMFStore } from './DynamicMFParmsContext/store';
+export { WindowToolsMFProvider, WindowToolsMFContext } from './WindowToolsMFContext';
+export type { WindowToolsMF, ModuleAction } from './WindowToolsMFContext/types';

package/components/areas/dictionary.d.ts

@@ -4,6 +4,7 @@ export declare const LABEL_FILTER_BUTTON = "filter_tooltip";
 export declare const DICCTIONARY: {
     readonly label_new_area: "label_new_area";
     readonly label_persist_module_cookies: "label_persist_module_cookies";
+    readonly label_reset_module_cookies: "label_reset_module_cookies";
 };
 export declare type TypeDictionary = typeof DICCTIONARY;
 export declare const getAreasDictionary: (key: keyof TypeDictionary) => string;

package/components/areas/hooks/index.ae8d8631.js

@@ -0,0 +1,13 @@
+import { useContext } from "react";
+import { a as WindowToolsMFContext } from "../contexts/WindowToolsMFContext/index.8f3e2a04.js";
+import "zustand";
+import "../contexts/DynamicMFParmsContext/index.1607c78e.js";
+const useWindowToolsMF = () => {
+  const context = useContext(WindowToolsMFContext);
+  if (!context)
+    throw new Error("useWindowToolsMF context must be use inside WindowToolsMFContext");
+  return context;
+};
+export {
+  useWindowToolsMF as u
+};

package/components/areas/hooks/useArea/index.2adbe001.js

@@ -0,0 +1,12 @@
+import { useContext } from "react";
+import { useStore } from "zustand";
+import { A as AreasContext } from "../../contexts/AreasContext/index.de8b4e78.js";
+function useAreasStore(selector, equalityFn) {
+  const context = useContext(AreasContext);
+  if (!context)
+    throw new Error("useAreasStore context must be use inside AreasContext");
+  return useStore(context, selector, equalityFn);
+}
+export {
+  useAreasStore as u
+};

package/components/areas/hooks/useDynamicMFParameters/index.d.ts

@@ -1,11 +1,5 @@
-import { DynamicMFState } from '../../components/AreasViewer/subcomponents/Area/subcomponents/Window/contexts/DynamicMFParmsContext/store';
-export declare const useDynamicMFParameters: () => Omit<Omit<import("zustand").StoreApi<import("../../components/AreasViewer/subcomponents/Area/subcomponents/Window/contexts/DynamicMFParmsContext/store").DynamicMFStateWithActions>, "setState"> & {
-    setState<A extends string | {
-        type: unknown;
-    }>(partial: import("../../components/AreasViewer/subcomponents/Area/subcomponents/Window/contexts/DynamicMFParmsContext/store").DynamicMFStateWithActions | Partial<import("../../components/AreasViewer/subcomponents/Area/subcomponents/Window/contexts/DynamicMFParmsContext/store").DynamicMFStateWithActions> | ((state: import("../../components/AreasViewer/subcomponents/Area/subcomponents/Window/contexts/DynamicMFParmsContext/store").DynamicMFStateWithActions) => import("../../components/AreasViewer/subcomponents/Area/subcomponents/Window/contexts/DynamicMFParmsContext/store").DynamicMFStateWithActions | Partial<import("../../components/AreasViewer/subcomponents/Area/subcomponents/Window/contexts/DynamicMFParmsContext/store").DynamicMFStateWithActions>), replace?: boolean | undefined, action?: A | undefined): void;
-}, "setState"> & {
-    setState(nextStateOrUpdater: import("../../components/AreasViewer/subcomponents/Area/subcomponents/Window/contexts/DynamicMFParmsContext/store").DynamicMFStateWithActions | Partial<import("../../components/AreasViewer/subcomponents/Area/subcomponents/Window/contexts/DynamicMFParmsContext/store").DynamicMFStateWithActions> | ((state: import("immer/dist/internal").WritableDraft<import("../../components/AreasViewer/subcomponents/Area/subcomponents/Window/contexts/DynamicMFParmsContext/store").DynamicMFStateWithActions>) => void), shouldReplace?: boolean | undefined, action?: string | {
-        type: unknown;
-    } | undefined): void;
+import { DynamicMFState } from '../../contexts/DynamicMFParmsContext/store';
+export declare const useDynamicMFParameters: () => Omit<import("zustand").StoreApi<import("../../contexts/DynamicMFParmsContext/store").DynamicMFStateWithActions>, "setState"> & {
+    setState(nextStateOrUpdater: import("../../contexts/DynamicMFParmsContext/store").DynamicMFStateWithActions | Partial<import("../../contexts/DynamicMFParmsContext/store").DynamicMFStateWithActions> | ((state: import("immer/dist/internal").WritableDraft<import("../../contexts/DynamicMFParmsContext/store").DynamicMFStateWithActions>) => void), shouldReplace?: boolean | undefined): void;
 };
 export declare function useDynamicMFParametersStore<T>(selector: (state: DynamicMFState) => T, equalityFn?: (left: T, right: T) => boolean): T;

package/components/areas/hooks/useDynamicMFParameters/{index.7ce7176f.js → index.e52c5392.js}

@@ -1,6 +1,6 @@
 import { useContext } from "react";
 import { useStore } from "zustand";
-import { D as DynamicMFParmsContext } from "../../components/index.ffb147c7.js";
+import { a as DynamicMFParmsContext } from "../../contexts/DynamicMFParmsContext/index.1607c78e.js";
 function useDynamicMFParametersStore(selector, equalityFn) {
   const store = useContext(DynamicMFParmsContext);
   if (!store)

package/components/areas/hooks/useWindowToolsMF/index.d.ts

@@ -1 +1 @@
-export declare const useWindowToolsMF: () => import("../../components/AreasViewer/subcomponents/Area/subcomponents/Window/contexts/WindowToolsMFContext/types").WindowToolsMFContextProps;
+export declare const useWindowToolsMF: () => import("../../contexts/WindowToolsMFContext/types").WindowToolsMFContextProps;

package/components/areas/icons.d.ts

@@ -2,8 +2,11 @@ export declare const ICONS: {
     CLOSE: string;
     MAXIMIZE: string;
     NORMALIZE: string;
+    RESET_COOKIES: string;
+    SAVE_COOKIES: string;
     DELETE_AREA: string;
     ADD_AREA: string;
     LAYERS: string;
     EDIT_AREA: string;
+    VERSION: string;
 };

package/components/areas/{index.20cbd7b7.js → index.8a58bcbf.js}

@@ -1,14 +1,18 @@
 import "react";
 import "@m4l/core";
 import "@mui/material";
-import "../Icon/index.952f0635.js";
+import "../Icon/index.caaed284.js";
 import "react/jsx-runtime";
-import "../mui_extended/IconButton/index.917f0d3c.js";
+import "../mui_extended/IconButton/index.57824447.js";
 import "clsx";
 import "zustand";
-import "./contexts/AreasContext/index.7c12b512.js";
-import "./components/index.ffb147c7.js";
+import "./contexts/AreasContext/index.de8b4e78.js";
+import "./components/index.359c2b18.js";
 import "zustand/shallow";
+import "./contexts/WindowToolsMFContext/index.8f3e2a04.js";
+import "./contexts/DynamicMFParmsContext/index.1607c78e.js";
+const AREAS_VIEWER_CLASS_NAME = "M4LAreasViewer";
+const AREAS_ADMIN_CLASS_NAME = "M4LAreasAdmin";
 const AREAS_DICTIONARY_ID = "areas";
 function getAreasComponentsDictionary() {
   return [AREAS_DICTIONARY_ID];
@@ -16,21 +20,23 @@ function getAreasComponentsDictionary() {
 const LABEL_FILTER_BUTTON = "filter_tooltip";
 const DICCTIONARY = {
   label_new_area: "label_new_area",
-  label_persist_module_cookies: "label_persist_module_cookies"
+  label_persist_module_cookies: "label_persist_module_cookies",
+  label_reset_module_cookies: "label_reset_module_cookies"
 };
 const getAreasDictionary = (key) => {
   return `${AREAS_DICTIONARY_ID}.${key}`;
 };
-const AREAS_VIEWER_CLASS_NAME = "M4LAreasViewer";
-const AREAS_ADMIN_CLASS_NAME = "M4LAreasAdmin";
 const ICONS = {
   CLOSE: "close.svg",
   MAXIMIZE: "maximize.svg",
   NORMALIZE: "normalize.svg",
+  RESET_COOKIES: "reset_cookies.svg",
+  SAVE_COOKIES: "save_cookies.svg",
   DELETE_AREA: "delete_area.svg",
   ADD_AREA: "add_area.svg",
   LAYERS: "layers.svg",
-  EDIT_AREA: "edit_area.svg"
+  EDIT_AREA: "edit_area.svg",
+  VERSION: "version.svg"
 };
 export {
   AREAS_VIEWER_CLASS_NAME as A,

package/components/areas/types.d.ts

@@ -1,30 +1,41 @@
 import { ReactNode } from 'react';
-import { DynamicMFParameters } from './components/AreasViewer/subcomponents/Area/subcomponents/Window/contexts/DynamicMFParmsContext/types';
+import { DynamicMFParameters } from './contexts/DynamicMFParmsContext/types';
 import type { Layout } from 'react-grid-layout';
-import { WindowStore } from './components/AreasViewer/subcomponents/Area/subcomponents/Window/contexts/WindowContext/store';
-import { AreaStore } from './components/AreasViewer/subcomponents/Area/contexts/AreaContext/store';
+import { DynamicMFStore, ModuleAction } from './contexts';
 export declare type WinType = 'microfrontend' | 'component';
 export declare type EmergeType = 'layout' | 'popup' | 'modal';
+export declare type OpenType = 'normal' | 'maximized';
 export interface MFBaseProps {
     debug_port: number;
     cache?: boolean;
     prefix: string;
 }
-export declare type JSX_REACT_NODE = ((props?: WindowStore) => JSX.Element) | ReactNode;
+export declare type JSX_REACT_NODE = ((props?: any) => JSX.Element) | ReactNode;
 export declare type CookieType = 'window' | 'module';
 export declare type Cookies = {
     moduleCookies: Record<string, any>;
     windowCookies: Record<string, any>;
 };
+export declare type WindowStatus = 'init' | 'loading' | 'loaded' | 'error';
+export declare type WindowState = {
+    status: WindowStatus;
+    dynamicMFStore: DynamicMFStore;
+    loading: boolean;
+    version?: string;
+    moduleActions: ModuleAction[];
+    cookies: Cookies;
+};
 export interface WindowBaseProps {
     winType: WinType;
     emergeType: EmergeType;
+    openType?: OpenType;
+    areaId: string;
     moduleId: string;
     windowId: string;
     dynamicParams: DynamicMFParameters;
     url_icon: string;
     title: string;
-    onClose?: (layoutId: string) => void;
+    onClose?: (windowId: string) => void;
     devCookies?: Cookies;
 }
 export interface LayoutBaseProps extends WindowBaseProps {
@@ -40,9 +51,10 @@ export interface LayoutComponentProps extends LayoutBaseProps {
     component: JSX_REACT_NODE;
 }
 export declare type LayoutProps = LayoutMFProps | LayoutComponentProps;
-export declare type NewLayoutProps = Omit<LayoutMFProps, 'windowId' | 'onClose'> | Omit<LayoutComponentProps, 'windowId' | 'onClose'>;
+export declare type LayoutStateProps = LayoutProps & WindowState;
+export declare type NewLayoutProps = Omit<LayoutMFProps, 'windowId' | 'onClose' | 'areaId'> | Omit<LayoutComponentProps, 'windowId' | 'onClose' | 'areaId'>;
 export interface HashWindowsByLayouts {
-    [P: string]: LayoutProps;
+    [P: string]: LayoutStateProps;
 }
 export declare type Position = {
     x: number;
@@ -66,15 +78,15 @@ export interface PopUpComponentProps extends PopUpBaseProps {
     component: JSX_REACT_NODE;
 }
 export declare type PopUpProps = PopUpMFProps | PopUpComponentProps;
-export declare type NewPopUpProps = Omit<PopUpMFProps, 'windowId' | 'onClose'> | Omit<PopUpComponentProps, 'windowId' | 'onClose'>;
+export declare type PopUpStateProps = PopUpProps & WindowState;
+export declare type NewPopUpProps = Omit<PopUpMFProps, 'windowId' | 'onClose' | 'areaId'> | Omit<PopUpComponentProps, 'windowId' | 'onClose' | 'areaId'>;
 export interface HashWindowsByPopups {
-    [P: string]: PopUpProps;
+    [P: string]: PopUpStateProps;
 }
 export interface ModalBaseProps extends WindowBaseProps {
     emergeType: 'modal';
     zIndex?: number;
-    width?: number;
-    height?: number;
+    windowProps?: Pick<DOMRect, 'width' | 'height'>;
 }
 export interface ModalMFProps extends ModalBaseProps {
     winType: 'microfrontend';
@@ -85,17 +97,14 @@ export interface ModalComponentProps extends ModalBaseProps {
     component: ReactNode;
 }
 export declare type ModalProps = ModalMFProps | ModalComponentProps;
-export declare type NewModalProps = Omit<ModalMFProps, 'windowId' | 'onClose'> | Omit<ModalComponentProps, 'windowId' | 'onClose'>;
-export declare type WindowProps = LayoutProps | PopUpProps | ModalProps;
-export declare type NewWindowProps = NewLayoutProps | NewPopUpProps | NewModalProps;
-export declare type AddWindow = (newWindow: NewWindowProps) => string;
-export interface AreaType {
-    id: string;
-    name: string;
-    loadWindows?: boolean;
-    store?: AreaStore;
-    linked?: boolean;
+export declare type ModalStateProps = ModalProps & WindowState;
+export declare type NewModalProps = Omit<ModalMFProps, 'windowId' | 'onClose' | 'areaId'> | Omit<ModalComponentProps, 'windowId' | 'onClose' | 'areaId'>;
+export interface HashWindowsByModals {
+    [P: string]: ModalStateProps;
 }
-export interface AreaProps extends Omit<AreaType, 'url_icon' | 'name'> {
-    selected: boolean;
+export declare type WindowStateProps = (LayoutMFProps & WindowState) | (LayoutComponentProps & WindowState) | (PopUpMFProps & WindowState) | (PopUpComponentProps & WindowState) | (ModalMFProps & WindowState) | (ModalComponentProps & WindowState);
+export interface HashWindows {
+    [P: string]: WindowStateProps;
 }
+export declare type NewWindowProps = NewLayoutProps | NewPopUpProps | NewModalProps;
+export declare type AddWindow = (newWindow: NewWindowProps) => string;

package/components/formatters/BooleanFormatter/{index.d5e21bdd.js → index.7eb0498c.js}

@@ -1,6 +1,6 @@
 import { useMemo } from "react";
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
-import { I as Icon } from "../../Icon/index.952f0635.js";
+import { I as Icon } from "../../Icon/index.caaed284.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.650243bb.js → index.f6b9ed01.js}

@@ -2,10 +2,10 @@ 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.952f0635.js";
+import "../Icon/index.caaed284.js";
 import "@mui/material";
 import "@m4l/graphics";
-import { a as BOOLEAN_FORMATTER_DICTIONARY_KEY, b as BOOLEAN_FORMATTER_DICTIONARY_LABELS } from "./BooleanFormatter/index.d5e21bdd.js";
+import { a as BOOLEAN_FORMATTER_DICTIONARY_KEY, b as BOOLEAN_FORMATTER_DICTIONARY_LABELS } from "./BooleanFormatter/index.7eb0498c.js";
 function getFormatConcatenated(values, separator) {
   const returnSymbol = "";
   if (values === null)

package/components/hook-form/RHFAutocomplete/{index.21377a2c.js → index.09c400c3.js}

@@ -1,26 +1,26 @@
 import { useModuleDictionary, useModuleSkeleton } 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.f30f79f0.js";
+import { I as Image } from "../../Image/index.82a6cd46.js";
 import { useMemo, useState, useEffect } from "react";
-import { T as TEST_PROP_ID } from "../../../vendor.6a33c6d2.js";
+import { T as TEST_PROP_ID } from "../../../vendor.8edaef93.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { T as Typography } from "../../mui_extended/Typography/index.79e2b06f.js";
-import { H as HelperText } from "../../HelperText/index.742d547d.js";
+import { T as Typography } from "../../mui_extended/Typography/index.b3c6e71c.js";
+import { H as HelperText } from "../../HelperText/index.a69e9509.js";
 import { styled } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
 import "clsx";
-import "../../Icon/index.952f0635.js";
-import "../../mui_extended/IconButton/index.917f0d3c.js";
-import "../../mui_extended/Accordion/index.51feece8.js";
+import "../../Icon/index.caaed284.js";
+import "../../mui_extended/IconButton/index.57824447.js";
+import "../../mui_extended/Accordion/index.437bb3f8.js";
 import "../../mui_extended/Avatar/index.fe06afd7.js";
 import "react-router-dom";
 import "@mui/material/Button";
-import "../../mui_extended/Button/index.b34c8b68.js";
+import "../../mui_extended/Button/index.f8ce9ccd.js";
 import "@mui/lab";
 import "../../mui_extended/Popover/index.226f247e.js";
-import "../../mui_extended/MenuActions/index.651dec44.js";
-import "../../mui_extended/Pager/index.e0663072.js";
+import "../../mui_extended/MenuActions/index.37043326.js";
+import "../../mui_extended/Pager/index.eeed3bd5.js";
 import "../../mui_extended/Tab/index.e0653a0a.js";
 const AutocompleteRoot = styled("div")(({
   theme

package/components/hook-form/RHFAutocompleteAsync/{index.8c7e0842.js → index.e8acff04.js}

@@ -4,8 +4,8 @@ import debounce from "lodash/debounce";
 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 "../../../vendor.6a33c6d2.js";
-import { R as RHFAutocomplete, g as getRHFAutocompleteComponentsDictionary } from "../RHFAutocomplete/index.21377a2c.js";
+import { T as TEST_PROP_ID } from "../../../vendor.8edaef93.js";
+import { R as RHFAutocomplete, g as getRHFAutocompleteComponentsDictionary } from "../RHFAutocomplete/index.09c400c3.js";
 import { jsx } from "react/jsx-runtime";
 styled("div")(() => ({
   display: "flex",

package/components/hook-form/RHFCheckbox/{index.83902d07.js → index.70310f35.js}

@@ -1,12 +1,12 @@
 import { useFormContext, Controller } from "react-hook-form";
 import { styled, Skeleton, generateUtilityClasses, generateUtilityClass, Checkbox } from "@mui/material";
 import { useModuleSkeleton } from "@m4l/core";
-import { T as TEST_PROP_ID } from "../../../vendor.6a33c6d2.js";
+import { T as TEST_PROP_ID } from "../../../vendor.8edaef93.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.742d547d.js";
-import { T as Typography } from "../../mui_extended/Typography/index.79e2b06f.js";
+import { H as HelperText } from "../../HelperText/index.a69e9509.js";
+import { T as Typography } from "../../mui_extended/Typography/index.b3c6e71c.js";
 const WrapperSkeletonCheckBox = styled("div")(() => ({
   display: "flex",
   justifyContent: "center",