@m4l/components 0.1.87 → 0.1.89

package/components/areas/components/AreasViewer/{index.6c28b2c0.js → index.1eef603d.js}

@@ -13,11 +13,11 @@ import { a as AREAS_VIEWER_CLASS_NAME } from "../../constants.66529246.js";
 import { shallow } from "zustand/shallow";
 import React__default, { useMemo, useState, useCallback, useEffect } from "react";
 import clsx from "clsx";
-import { u as useAreasStore } from "../../hooks/useAreas/index.e4e54402.js";
+import { u as useAreasStore } from "../../hooks/useAreas/index.1f112e0b.js";
 import { useModuleDictionary, useEnvironment, useModuleSkeleton, useNetwork, useHostTools, axiosOperation } from "@m4l/core";
-import { I as IconButton } from "../../../mui_extended/IconButton/index.d88a3f2e.js";
-import "../../../mui_extended/Accordion/index.1d182a0e.js";
-import { I as Icon } from "../../../Icon/index.435df215.js";
+import { I as IconButton } from "../../../mui_extended/IconButton/index.76624519.js";
+import "../../../mui_extended/Accordion/index.0e0090ca.js";
+import { I as Icon } from "../../../Icon/index.a70c4729.js";
 import { T as Typography } from "../../../mui_extended/Typography/index.443590d6.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import "../../../mui_extended/Avatar/index.75e6ed57.js";
@@ -25,74 +25,74 @@ import "react-router-dom";
 import "@mui/material/Button";
 import { B as Button } from "../../../mui_extended/Button/index.f79eb74e.js";
 import "../../../mui_extended/CheckBox.38abccd8.js";
-import "../../../mui_extended/Badge/index.8c2b8b66.js";
-import { I as Image } from "../../../Image/index.c18ebf5a.js";
+import "../../../mui_extended/Badge/index.b09524fe.js";
+import "../../../Image/index.c18ebf5a.js";
 import "@mui/lab";
-import { M as MenuActions, a as MemonizedMenuActions } from "../../../mui_extended/MenuActions/index.c53370f6.js";
+import { M as MenuActions, a as MemonizedMenuActions } from "../../../mui_extended/MenuActions/index.4c2e48d4.js";
 import "../../../mui_extended/Popover/index.9f35d0eb.js";
 import "../../../mui_extended/Stack/index.0e53197c.js";
-import "../../../mui_extended/Tab/index.8592b93c.js";
-import "../../../mui_extended/Pager/index.d6c87c44.js";
+import "../../../mui_extended/Tab/index.3db2e0c7.js";
+import "../../../mui_extended/Pager/index.ac2a21f0.js";
 import { useResponsiveDesktop, useHostTheme, useFormatter, useLocales, useFirstRender } from "@m4l/graphics";
 import "../../../mui_extended/Tooltip/index.5a795dcd.js";
 import { I as ICONS } from "../../icons.8266ccc8.js";
-import { g as getAreasDictionary, D as DICCTIONARY } from "../../dictionary.afb7e3d9.js";
+import { g as getAreasDictionary, D as DICCTIONARY } from "../../dictionary.08cfc4c9.js";
 import { L as LinearProgressIndeterminate } from "../../../LinearProgressIndeterminate/index.60dabc06.js";
 import debounce from "lodash/debounce";
 import { L as LinearProgress } from "../../../mui_extended/LinearProgress/index.c92b9ba9.js";
 import { W as WindowToolsMFProvider } from "../../contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import { D as DynamicMFParmsProvider } from "../../contexts/DynamicMFParmsContext/index.1607c78e.js";
-import "../../../../contexts/ModalContext/index.9fb8e0a2.js";
-import "../../../../contexts/RHFormContext/index.ea2758ed.js";
-import "../../../GridLayout/subcomponents/Griditem/index.58168132.js";
-import { S as SizeProvider } from "../../../GridLayout/index.2383aaf9.js";
-import { R as Responsive } from "../../../GridLayout/subcomponents/Responsive/index.a6642437.js";
-import { R as ROW_HEIGTH_GRIDLAYOUT, M as MARGIN_GRIDLAYOUT, P as PADDING_GRIDLAYOUT } from "../../contexts/AreasContext/index.060aa7b0.js";
+import "../../../../contexts/ModalContext/index.1fc9f5d9.js";
+import "../../../../contexts/RHFormContext/index.1755b324.js";
+import "../../../GridLayout/subcomponents/Griditem/index.c7a33781.js";
+import { S as SizeProvider } from "../../../GridLayout/index.8ae34c50.js";
+import { R as Responsive } from "../../../GridLayout/subcomponents/Responsive/index.96cdb1b4.js";
+import { R as ROW_HEIGTH_GRIDLAYOUT, M as MARGIN_GRIDLAYOUT, P as PADDING_GRIDLAYOUT } from "../../contexts/AreasContext/index.7a2d5394.js";
 import "../../../animate/index.4e9774a6.js";
 import "framer-motion";
 import "../../../animate/LoadingScreen/index.1d0c4307.js";
 import "../../../animate/PropagateLoader/index.7fab43c8.js";
-import "../AreasAdmin/index.f0fd024a.js";
+import "../AreasAdmin/index.cb3d7bd6.js";
 import "../../../ScrollBar/index.65bb2930.js";
 import "zustand";
 import "react-hook-form";
-import "../../../hook-form/RHFAutocomplete/index.f4eb65ce.js";
-import "../../../HelperText/index.d00b45e5.js";
-import "../../../hook-form/RHFAutocompleteAsync/index.8ecce8fd.js";
-import "../../../hook-form/RHFCheckbox/index.45b6ee0b.js";
+import "../../../hook-form/RHFAutocomplete/index.5c23bd25.js";
+import "../../../HelperText/index.69791151.js";
+import "../../../hook-form/RHFAutocompleteAsync/index.85b11f3a.js";
+import "../../../hook-form/RHFCheckbox/index.a136882e.js";
 import "@mui/x-date-pickers";
-import "../../../hook-form/RHFDateTime/index.802fb228.js";
-import "../../../hook-form/RHFTextField/index.75129118.js";
-import "../../../hook-form/RHFPeriod/index.6395b24a.js";
-import "../../../Period/index.83b88249.js";
-import "../../../CommonActions/components/Actions/index.018d4c62.js";
+import "../../../hook-form/RHFDateTime/index.1ca795b0.js";
+import "../../../hook-form/RHFTextField/index.ccea64e7.js";
+import "../../../hook-form/RHFPeriod/index.90777c53.js";
+import "../../../Period/index.972dbe64.js";
+import "../../../CommonActions/components/Actions/index.366cb775.js";
 import { c as cjs } from "../../../../react-draggable.7abb5d0a.js";
-import { R as ResizeableWindow } from "../../../Resizeable/index.9a9c79a4.js";
-import "../../../modal/index.8d846036.js";
+import { R as ResizeableWindow } from "../../../Resizeable/index.676c96fe.js";
+import "../../../modal/index.dbdb6ac0.js";
 import "lodash/isString";
 import "react-dropzone";
-import "../../../hook-form/RHFUpload/index.fead1c63.js";
-import "../../../DataGrid/index.c348b106.js";
+import "../../../hook-form/RHFUpload/index.85e59119.js";
+import "../../../DataGrid/index.8c887df9.js";
 import "react-dnd";
 import "react-dnd-html5-backend";
-import "../../../DataGrid/subcomponents/Actions/index.080e8c7d.js";
+import "../../../DataGrid/subcomponents/Actions/index.895fc73f.js";
 import "../../../DataGrid/subcomponents/editors/TextEditor/index.91380a55.js";
-import "../../../DynamicFilter/index.20ee6e21.js";
+import "../../../DynamicFilter/index.d2e7bdcc.js";
 import "yup";
 import "lodash";
-import "../../../LanguagePopover/index.3f25054a.js";
-import "../../../NavLink/index.cc66f31f.js";
-import "../../../NoItemSelected/index.a2807715.js";
-import "../../../ObjectLogs/index.ca98686d.js";
+import "../../../LanguagePopover/index.349d359c.js";
+import "../../../NavLink/index.8fe407ef.js";
+import "../../../NoItemSelected/index.1eaf72d8.js";
+import "../../../ObjectLogs/index.98d3400e.js";
 import "../../../../react-json-view.57125fcf.js";
-import "../../../PaperForm/index.ad703ab6.js";
+import "../../../PaperForm/index.e02c772c.js";
 import "../../../Page/index.4237c241.js";
-import "../../../PropertyValue/index.45b365c3.js";
+import "../../../PropertyValue/index.d3d71d50.js";
 import "../../../SplitLayout/index.9ef430f6.js";
 import "../../../../react-splitter-layout.8b1655c8.js";
-import "../../../SideBar/index.387a2fa1.js";
-import "../../../AppBar/index.8e3e0148.js";
-import "../../../AccountPopover/index.0bee6fca.js";
+import "../../../SideBar/index.2dfc5445.js";
+import "../../../AppBar/index.58233583.js";
+import "../../../AccountPopover/index.bb2c369d.js";
 const areasViewerClasses = generateUtilityClasses(AREAS_VIEWER_CLASS_NAME, [
   "root",
   "areaRoot",
@@ -280,8 +280,6 @@ const AreasViewerRoot = styled("div")`
         overflow: hidden;
         white-space: nowrap;
         color: ${(props) => props.theme.palette.text.primary};
-        margin-left: 12px;
-        margin-right: 24px;
         text-overflow: ellipsis;
     }
     // windowHeaderMainActions
@@ -474,7 +472,8 @@ function getMenuActions(options) {
     saveModuleCookies,
     resetModuleCookies,
     version,
-    windowOptions = { allowPersistCookies: false }
+    windowOptions = { allowPersistCookies: false },
+    getLabel
   } = options;
   let menuActions = [...moduleActions.filter((action) => action.visibility !== "allways")];
   if (isDesktop !== void 0 && isDesktop) {
@@ -486,7 +485,7 @@ function getMenuActions(options) {
       onClick: () => saveModuleCookies(windowId),
       disabled: false,
       visibility: "normal",
-      dictionaryId: getAreasDictionary(DICCTIONARY.label_persist_module_cookies),
+      label: getLabel(getAreasDictionary(DICCTIONARY.label_persist_module_cookies)),
       key: "save_cookies"
     };
     menuActions.push(saveCookiesAction);
@@ -495,7 +494,7 @@ function getMenuActions(options) {
       onClick: () => resetModuleCookies(windowId),
       disabled: false,
       visibility: "normal",
-      dictionaryId: getAreasDictionary(DICCTIONARY.label_reset_module_cookies),
+      label: getLabel(getAreasDictionary(DICCTIONARY.label_reset_module_cookies)),
       key: "reset_cookes"
     };
     menuActions.push(resetCookiesAction);
@@ -534,7 +533,6 @@ function MainActions(props) {
     children: mainActions.map((mainAction) => {
       const tooltip = mainAction.label !== void 0 ? mainAction.label : getLabel(mainAction.dictionaryId || "");
       const onClick = (e) => {
-        console.log("onClick MainActions");
         mainAction.onClick(e);
         e.stopPropagation();
       };
@@ -646,6 +644,9 @@ function Header(props) {
   } = useEnvironment();
   const isDesktop = useResponsiveDesktop();
   const isSkeleton = useModuleSkeleton();
+  const {
+    getLabel
+  } = useModuleDictionary();
   const urlPrefix = `${host_static_assets}/${environment_assets}`;
   const menuActions = useMemo(() => {
     return getMenuActions({
@@ -656,7 +657,8 @@ function Header(props) {
       saveModuleCookies,
       resetModuleCookies,
       version,
-      windowOptions
+      windowOptions,
+      getLabel
     });
   }, [moduleActions, isDesktop]);
   const onCloseLocal = () => {
@@ -695,12 +697,12 @@ function Header(props) {
         children: `${title}`
       }), /* @__PURE__ */ jsxs("div", {
         className: areasViewerClasses.windowHeaderCancelHandle,
-        children: [/* @__PURE__ */ jsx(MainActions, {
+        children: [!colapsed && /* @__PURE__ */ jsx(MainActions, {
           windowId
-        }), emergeType === "layout" ? /* @__PURE__ */ jsx(WindowPopUpsList, {
+        }), !colapsed && emergeType === "layout" ? /* @__PURE__ */ jsx(WindowPopUpsList, {
           areaId,
           windowId
-        }) : null, menuActions.length > 0 && /* @__PURE__ */ jsx(MemonizedMenuActions, {
+        }) : null, !colapsed && menuActions.length > 0 && /* @__PURE__ */ jsx(MemonizedMenuActions, {
           arrowType: "no-arrow",
           marginTop: "12px!important",
           marginLeft: "14px!important",
@@ -712,23 +714,26 @@ function Header(props) {
             vertical: "top",
             horizontal: "right"
           },
-          menuActions
+          menuActions,
+          toolTip: getLabel(getAreasDictionary(DICCTIONARY.label_module_actions))
         }), !colapsed && (emergeType === "layout" || emergeType === "popup") && /* @__PURE__ */ jsx(IconButton, {
           className: "m4l_draggableCancel",
           onClick: maxNormalize,
           "aria-label": "click",
-          src: maximizedId === windowId ? `${host_static_assets}/${environment_assets}/frontend/components/areas/assets/icons/${ICONS.NORMALIZE}` : `${host_static_assets}/${environment_assets}/frontend/components/areas/assets/icons/${ICONS.MAXIMIZE}`
+          src: maximizedId === windowId ? `${host_static_assets}/${environment_assets}/frontend/components/areas/assets/icons/${ICONS.NORMALIZE}` : `${host_static_assets}/${environment_assets}/frontend/components/areas/assets/icons/${ICONS.MAXIMIZE}`,
+          tooltip: getLabel(getAreasDictionary(maximizedId === windowId ? DICCTIONARY.label_minimize_window : DICCTIONARY.label_maximize_window))
         }), !maximizedId && (emergeType === "layout" || emergeType === "popup") && /* @__PURE__ */ jsx(IconButton, {
           className: "m4l_draggableCancel",
           onClick: colapedToggle,
           "aria-label": "click",
           src: !colapsed ? `${host_static_assets}/${environment_assets}/frontend/components/areas/assets/icons/${ICONS.COLAPSE}` : `${host_static_assets}/${environment_assets}/frontend/components/areas/assets/icons/${ICONS.UNCOLPASE}`,
-          dictionaryTooltipId: "pendiente"
+          tooltip: getLabel(getAreasDictionary(!colapsed ? DICCTIONARY.label_collapse_window : DICCTIONARY.label_uncollapse_window))
         }), onClose && /* @__PURE__ */ jsx(IconButton, {
           className: "m4l_draggableCancel",
           onPointerDown: onCloseLocal,
           "aria-label": "click",
-          src: `${host_static_assets}/${environment_assets}/frontend/components/areas/assets/icons/${ICONS.CLOSE}`
+          src: `${host_static_assets}/${environment_assets}/frontend/components/areas/assets/icons/${ICONS.CLOSE}`,
+          tooltip: getLabel(getAreasDictionary(DICCTIONARY.label_close_window))
         })]
       })]
     })]
@@ -747,7 +752,6 @@ const ProggessLoadingMF = (props) => {
           value: loadingProgress
         })
       });
-    } else {
     }
   } catch (error) {
   }
@@ -1087,8 +1091,6 @@ const WindowRoot = styled("div")`
         overflow: hidden;
         white-space: nowrap;
         color: ${(props) => props.theme.palette.text.primary};
-        margin-left: 12px;
-        margin-right: 24px;
         text-overflow: ellipsis;
     }
 
@@ -1322,19 +1324,10 @@ const ResizeHandle = React__default.forwardRef((props, ref) => {
     handleAxis,
     ...restProps
   } = props;
-  const {
-    host_static_assets,
-    environment_assets
-  } = useEnvironment();
   return /* @__PURE__ */ jsx("div", {
     ref,
     className: clsx(`react-resizable-handle react-resizable-handle-${handleAxis}`, areasViewerClasses.resizeHandle),
-    ...restProps,
-    children: /* @__PURE__ */ jsx(Image, {
-      width: "12px",
-      height: "12px",
-      src: `${host_static_assets}/${environment_assets}/frontend/components/areas/assets/icons/control_size.svg`
-    })
+    ...restProps
   });
 });
 const ResponsiveGridLayout = SizeProvider(Responsive);
@@ -1543,17 +1536,15 @@ const WindowModal = (props) => {
 };
 const MemonizedWindowModal = React__default.memo(WindowModal);
 function AreasViewer() {
-  const areas = useAreasStore((state2) => state2.areasIds, shallow);
-  const windowsModals = useAreasStore((state2) => state2.windowsModals);
-  const hashWindowsModals = useAreasStore((state2) => state2.hashWindowsModals);
-  const currentArea = useAreasStore((state2) => state2.currentAreaId);
-  const status = useAreasStore((state2) => state2.ownerState.status);
-  const classesRoot = useAreasStore((state2) => state2.viwerClasses.root);
-  const state = useAreasStore((state2) => state2);
-  console.log("Areas state >>>>", state);
+  const areas = useAreasStore((state) => state.areasIds, shallow);
+  const windowsModals = useAreasStore((state) => state.windowsModals);
+  const hashWindowsModals = useAreasStore((state) => state.hashWindowsModals);
+  const currentArea = useAreasStore((state) => state.currentAreaId);
+  const status = useAreasStore((state) => state.ownerState.status);
+  const classesRoot = useAreasStore((state) => state.viwerClasses.root);
   const {
     init
-  } = useAreasStore((state2) => state2.areasActions);
+  } = useAreasStore((state) => state.areasActions);
   return /* @__PURE__ */ jsxs(Fragment, {
     children: [/* @__PURE__ */ jsx(AreasViewerRoot, {
       className: classesRoot,

package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/Window/subcomponents/Header/helper.d.ts

@@ -1,3 +1,4 @@
+import { GetLabelType } from '@m4l/core';
 import { AreaWindowAction, WindowOptions } from '../../../../../../../../types';
 export declare function getMainActions(isDesktop: boolean | undefined, moduleActions: AreaWindowAction[]): AreaWindowAction[];
 declare type GetMenuActionsType = {
@@ -9,6 +10,7 @@ declare type GetMenuActionsType = {
     resetModuleCookies: (wd: string) => void;
     version?: string;
     windowOptions?: WindowOptions;
+    getLabel: GetLabelType;
 };
 export declare function getMenuActions(options: GetMenuActionsType): AreaWindowAction[];
 export {};

package/components/areas/components/{index.d920205b.js → index.44ec162f.js}

@@ -1,31 +1,31 @@
 import "react";
 import "@m4l/core";
 import "@mui/material";
-import "../../Icon/index.435df215.js";
+import "../../Icon/index.a70c4729.js";
 import "clsx";
 import "react/jsx-runtime";
-import "../../mui_extended/IconButton/index.d88a3f2e.js";
+import "../../mui_extended/IconButton/index.76624519.js";
 import "@m4l/graphics";
 import "zustand";
-import "../contexts/AreasContext/index.060aa7b0.js";
-import "./AreasAdmin/index.f0fd024a.js";
+import "../contexts/AreasContext/index.7a2d5394.js";
+import "./AreasAdmin/index.cb3d7bd6.js";
 import "zustand/shallow";
 import "../../ScrollBar/index.65bb2930.js";
-import "../../mui_extended/Accordion/index.1d182a0e.js";
+import "../../mui_extended/Accordion/index.0e0090ca.js";
 import "../../mui_extended/Typography/index.443590d6.js";
 import "../../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
 import "@mui/material/Button";
 import "../../mui_extended/Button/index.f79eb74e.js";
 import "../../mui_extended/CheckBox.38abccd8.js";
-import "../../mui_extended/Badge/index.8c2b8b66.js";
+import "../../mui_extended/Badge/index.b09524fe.js";
 import "../../Image/index.c18ebf5a.js";
 import "@mui/lab";
-import "../../mui_extended/MenuActions/index.c53370f6.js";
+import "../../mui_extended/MenuActions/index.4c2e48d4.js";
 import "../../mui_extended/Popover/index.9f35d0eb.js";
 import "../../mui_extended/Stack/index.0e53197c.js";
-import "../../mui_extended/Tab/index.8592b93c.js";
-import "../../mui_extended/Pager/index.d6c87c44.js";
+import "../../mui_extended/Tab/index.3db2e0c7.js";
+import "../../mui_extended/Pager/index.ac2a21f0.js";
 import "../../mui_extended/Tooltip/index.5a795dcd.js";
-import "./AreasViewer/index.6c28b2c0.js";
+import "./AreasViewer/index.1eef603d.js";
 import "../../LinearProgressIndeterminate/index.60dabc06.js";

package/components/areas/contexts/AreasContext/{index.060aa7b0.js → index.7a2d5394.js}

@@ -5,15 +5,15 @@ 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.6c28b2c0.js";
-import { u as useAreasAdminUtilityClasses } from "../../components/AreasAdmin/index.f0fd024a.js";
+import { u as useAreasViewerUtilityClasses } from "../../components/AreasViewer/index.1eef603d.js";
+import { u as useAreasAdminUtilityClasses } from "../../components/AreasAdmin/index.cb3d7bd6.js";
 import { c as createDynamicMFStore } from "../DynamicMFParmsContext/index.1607c78e.js";
-import { g as getAreasDictionary, D as DICCTIONARY } from "../../dictionary.afb7e3d9.js";
+import { g as getAreasDictionary, D as DICCTIONARY } from "../../dictionary.08cfc4c9.js";
 import "clsx";
-import "../../../GridLayout/subcomponents/Griditem/index.58168132.js";
-import { z as isEqualLayouts } from "../../../GridLayout/index.2383aaf9.js";
+import "../../../GridLayout/subcomponents/Griditem/index.c7a33781.js";
+import { z as isEqualLayouts } from "../../../GridLayout/index.8ae34c50.js";
 import { jsx } from "react/jsx-runtime";
-import { a as addLayoutItemToBreakPointIfNoExists, b as addLayoutItemToBreakPoints, c as cloneLayouts } from "../../../GridLayout/subcomponents/Responsive/index.a6642437.js";
+import { a as addLayoutItemToBreakPointIfNoExists, b as addLayoutItemToBreakPoints, c as cloneLayouts } from "../../../GridLayout/subcomponents/Responsive/index.96cdb1b4.js";
 import { debounce, cloneDeep } from "lodash";
 import { useNavigate } from "react-router-dom";
 const ROW_HEIGTH_GRIDLAYOUT = 20;
@@ -154,12 +154,6 @@ function getDataFromResponse(data, state, areaId) {
   if (!newBreakPointsLayouts) {
     newBreakPointsLayouts = {};
   }
-  console.log(
-    "getDataFromResponse before start",
-    windows,
-    newBreakPointsLayouts,
-    BREAKPOINT_SIZES
-  );
   for (const breakPoint in BREAKPOINT_SIZES) {
     if (!newBreakPointsLayouts[breakPoint]) {
       newBreakPointsLayouts[breakPoint] = [];
@@ -464,12 +458,12 @@ const createAreasStore = (initProps) => {
                 area.layoutItemsIds.push(windowId);
                 if (newWindowProps.emergeType === "layout") {
                   area.currentLayoutId = windowId;
-                  if (area.maximizedId) {
-                    area.maximizedId = windowId;
-                  }
                 } else {
                   area.currentPopUpId = windowId;
                 }
+                if (area.maximizedId) {
+                  area.maximizedId = windowId;
+                }
                 area.layouts = addLayoutItemToBreakPoints(
                   area.layouts,
                   newLayoutItem,

package/components/areas/contexts/{index.1485986f.js → index.7bae4208.js}

@@ -1,2 +1,2 @@
-import "./AreasContext/index.060aa7b0.js";
+import "./AreasContext/index.7a2d5394.js";
 import "./WindowToolsMFContext/index.8f3e2a04.js";

package/components/areas/{dictionary.afb7e3d9.js → dictionary.08cfc4c9.js}

@@ -16,7 +16,13 @@ const DICCTIONARY = {
   area_error_recommendation: "area_error_recommendation",
   area_error_intro: "area_error_intro",
   area_add_new: "area_add_new",
-  label_reset_module_cookies: "label_reset_module_cookies"
+  label_reset_module_cookies: "label_reset_module_cookies",
+  label_close_window: "label_close_window",
+  label_maximize_window: "label_maximize_window",
+  label_minimize_window: "label_minimize_window",
+  label_collapse_window: "label_collapse_window",
+  label_uncollapse_window: "label_uncollapse_window",
+  label_module_actions: "label_module_actions"
 };
 const getAreasDictionary = (key) => {
   return `${AREAS_DICTIONARY_ID}.${key}`;

package/components/areas/dictionary.d.ts

@@ -15,6 +15,12 @@ export declare const DICCTIONARY: {
     readonly area_error_intro: "area_error_intro";
     readonly area_add_new: "area_add_new";
     readonly label_reset_module_cookies: "label_reset_module_cookies";
+    readonly label_close_window: "label_close_window";
+    readonly label_maximize_window: "label_maximize_window";
+    readonly label_minimize_window: "label_minimize_window";
+    readonly label_collapse_window: "label_collapse_window";
+    readonly label_uncollapse_window: "label_uncollapse_window";
+    readonly label_module_actions: "label_module_actions";
 };
 export declare type TypeDictionary = typeof DICCTIONARY;
 export declare const getAreasDictionary: (key: keyof TypeDictionary) => string;

package/components/areas/hooks/useAreas/{index.e4e54402.js → index.1f112e0b.js}

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

package/components/areas/{index.e9f2274c.js → index.aaaa1f62.js}

@@ -1,33 +1,33 @@
 import { useEffect } from "react";
 import "@m4l/core";
 import "@mui/material";
-import "../Icon/index.435df215.js";
+import "../Icon/index.a70c4729.js";
 import "clsx";
 import "react/jsx-runtime";
-import "../mui_extended/IconButton/index.d88a3f2e.js";
+import "../mui_extended/IconButton/index.76624519.js";
 import "@m4l/graphics";
 import "zustand";
-import "./contexts/AreasContext/index.060aa7b0.js";
-import "./components/AreasAdmin/index.f0fd024a.js";
+import "./contexts/AreasContext/index.7a2d5394.js";
+import "./components/AreasAdmin/index.cb3d7bd6.js";
 import "zustand/shallow";
 import "../ScrollBar/index.65bb2930.js";
-import "../mui_extended/Accordion/index.1d182a0e.js";
+import "../mui_extended/Accordion/index.0e0090ca.js";
 import "../mui_extended/Typography/index.443590d6.js";
 import "../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
 import "@mui/material/Button";
 import "../mui_extended/Button/index.f79eb74e.js";
 import "../mui_extended/CheckBox.38abccd8.js";
-import "../mui_extended/Badge/index.8c2b8b66.js";
+import "../mui_extended/Badge/index.b09524fe.js";
 import "../Image/index.c18ebf5a.js";
 import "@mui/lab";
-import "../mui_extended/MenuActions/index.c53370f6.js";
+import "../mui_extended/MenuActions/index.4c2e48d4.js";
 import "../mui_extended/Popover/index.9f35d0eb.js";
 import "../mui_extended/Stack/index.0e53197c.js";
-import "../mui_extended/Tab/index.8592b93c.js";
-import "../mui_extended/Pager/index.d6c87c44.js";
+import "../mui_extended/Tab/index.3db2e0c7.js";
+import "../mui_extended/Pager/index.ac2a21f0.js";
 import "../mui_extended/Tooltip/index.5a795dcd.js";
-import "./components/AreasViewer/index.6c28b2c0.js";
+import "./components/AreasViewer/index.1eef603d.js";
 import "../LinearProgressIndeterminate/index.60dabc06.js";
 import "./contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import "./contexts/DynamicMFParmsContext/index.1607c78e.js";

package/components/formatters/BooleanFormatter/{index.14cfcbc7.js → index.a013b080.js}

@@ -1,6 +1,6 @@
 import { useMemo } from "react";
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
-import { I as Icon } from "../../Icon/index.435df215.js";
+import { I as Icon } from "../../Icon/index.a70c4729.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.b574dda9.js → index.576922c9.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.435df215.js";
+import "../Icon/index.a70c4729.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.14cfcbc7.js";
+import { a as BOOLEAN_FORMATTER_DICTIONARY_KEY, b as BOOLEAN_FORMATTER_DICTIONARY_LABELS } from "./BooleanFormatter/index.a013b080.js";
 function getFormatConcatenated(values, separator) {
   const returnSymbol = "";
   if (values === null)

package/components/hook-form/RHFAutocomplete/{index.f4eb65ce.js → index.5c23bd25.js}

@@ -6,26 +6,26 @@ 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.d00b45e5.js";
-import { I as IconButton } from "../../mui_extended/IconButton/index.d88a3f2e.js";
+import { H as HelperText } from "../../HelperText/index.69791151.js";
+import { I as IconButton } from "../../mui_extended/IconButton/index.76624519.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { styled } from "@mui/material/styles";
 import "clsx";
 import { unstable_composeClasses } from "@mui/base";
-import "../../Icon/index.435df215.js";
-import "../../mui_extended/Accordion/index.1d182a0e.js";
+import "../../Icon/index.a70c4729.js";
+import "../../mui_extended/Accordion/index.0e0090ca.js";
 import "../../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
 import "@mui/material/Button";
 import "../../mui_extended/Button/index.f79eb74e.js";
 import "../../mui_extended/CheckBox.38abccd8.js";
-import "../../mui_extended/Badge/index.8c2b8b66.js";
+import "../../mui_extended/Badge/index.b09524fe.js";
 import "@mui/lab";
-import "../../mui_extended/MenuActions/index.c53370f6.js";
+import "../../mui_extended/MenuActions/index.4c2e48d4.js";
 import "../../mui_extended/Popover/index.9f35d0eb.js";
 import "../../mui_extended/Stack/index.0e53197c.js";
-import "../../mui_extended/Tab/index.8592b93c.js";
-import "../../mui_extended/Pager/index.d6c87c44.js";
+import "../../mui_extended/Tab/index.3db2e0c7.js";
+import "../../mui_extended/Pager/index.ac2a21f0.js";
 import "../../mui_extended/Tooltip/index.5a795dcd.js";
 const AutocompleteRoot = styled("div")(({
   theme
@@ -253,7 +253,6 @@ function RHFAutocomplete(props) {
   };
   const classes = useUtilityClasses(ownerState);
   const theme = useTheme();
-  console.log("RHFAutocomplete");
   return /* @__PURE__ */ jsx(AutocompleteRoot, {
     className: classes.root,
     ...process.env.NODE_ENV !== "production" ? {

package/components/hook-form/RHFAutocompleteAsync/{index.8ecce8fd.js → index.85b11f3a.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.f4eb65ce.js";
+import { R as RHFAutocomplete, g as getRHFAutocompleteComponentsDictionary } from "../RHFAutocomplete/index.5c23bd25.js";
 import { jsx } from "react/jsx-runtime";
 styled("div")(() => ({
   display: "flex",

package/components/hook-form/RHFCheckbox/{index.45b6ee0b.js → index.a136882e.js}

@@ -2,30 +2,30 @@ import { useFormContext, Controller } from "react-hook-form";
 import { styled } from "@mui/material/styles";
 import { Skeleton, generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { H as HelperText } from "../../HelperText/index.d00b45e5.js";
+import { H as HelperText } from "../../HelperText/index.69791151.js";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import "react";
 import "@m4l/core";
-import "../../Icon/index.435df215.js";
+import "../../Icon/index.a70c4729.js";
 import "clsx";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import "../../mui_extended/IconButton/index.d88a3f2e.js";
-import "../../mui_extended/Accordion/index.1d182a0e.js";
+import "../../mui_extended/IconButton/index.76624519.js";
+import "../../mui_extended/Accordion/index.0e0090ca.js";
 import "../../mui_extended/Typography/index.443590d6.js";
 import "../../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
 import "@mui/material/Button";
 import "../../mui_extended/Button/index.f79eb74e.js";
 import { C as CheckBox } from "../../mui_extended/CheckBox.38abccd8.js";
-import "../../mui_extended/Badge/index.8c2b8b66.js";
+import "../../mui_extended/Badge/index.b09524fe.js";
 import "../../Image/index.c18ebf5a.js";
 import "@mui/lab";
-import "../../mui_extended/MenuActions/index.c53370f6.js";
+import "../../mui_extended/MenuActions/index.4c2e48d4.js";
 import "../../mui_extended/Popover/index.9f35d0eb.js";
 import "../../mui_extended/Stack/index.0e53197c.js";
-import "../../mui_extended/Tab/index.8592b93c.js";
-import "../../mui_extended/Pager/index.d6c87c44.js";
+import "../../mui_extended/Tab/index.3db2e0c7.js";
+import "../../mui_extended/Pager/index.ac2a21f0.js";
 import "../../mui_extended/Tooltip/index.5a795dcd.js";
 const RHFCheckboxRoot = styled("div")(({
   theme
@@ -123,6 +123,7 @@ function RHFCheckbox(props) {
               label
             })
           }), error?.message && /* @__PURE__ */ jsx(HelperText, {
+            variant: "error",
             message: error?.message + ""
           })]
         });