@m4l/components 0.2.8 → 0.2.9

package/components/SideBar/{index.58d29b84.js → index.f322ee0b.js}

@@ -1,20 +1,20 @@
 import { useResponsiveDesktop } from "@m4l/graphics";
-import { styled, alpha } from "@mui/material/styles";
-import { styled as styled$1, generateUtilityClasses, ListItemText, Tooltip, ListItemButton, Collapse, useTheme, Skeleton, Drawer as Drawer$1 } from "@mui/material";
 import { useEnvironment, useBase, BaseProvider } from "@m4l/core";
 import { createContext, useContext, useState, useEffect } from "react";
-import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../utils/index.de903261.js";
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
-import { I as Image } from "../Image/index.bf37e923.js";
-import { I as IconButton } from "../mui_extended/IconButton/index.26de70bd.js";
-import { I as Icon, A as ArrowIcon } from "../Icon/index.05984e7f.js";
-import { T as Typography } from "../mui_extended/Typography/index.379dd374.js";
+import { I as Image } from "../Image/index.cf640615.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.e295aa1f.js";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { styled as styled$1, generateUtilityClasses, ListItemText, Tooltip, ListItemButton, Collapse, useTheme, Skeleton, Drawer as Drawer$1 } from "@mui/material";
+import { I as Icon, A as ArrowIcon } from "../Icon/index.29065051.js";
+import { T as Typography } from "../mui_extended/Typography/index.443590d6.js";
 import clsx from "clsx";
 import { useLocation } from "react-router-dom";
-import { P as Popover } from "../mui_extended/Popover/index.b3eca6b1.js";
+import { P as Popover } from "../mui_extended/Popover/index.9f35d0eb.js";
 import { S as ScrollBar } from "../ScrollBar/index.010f1b9d.js";
+import { styled, alpha } from "@mui/material/styles";
+import { unstable_composeClasses } from "@mui/base";
+import { g as getComponentUtilityClass } from "../../utils/index.de903261.js";
 const SideBarRoot = styled("div")(({
   theme
 }) => ({
@@ -207,7 +207,6 @@ const SideBarProvider = (props) => {
   });
 };
 const useSideBar = () => useContext(SideBarContext);
-const useSideBar$1 = useSideBar;
 const SIDEBAR_PREFIX = "M4LSideBar";
 const getNameDataTestId = (KEY) => {
   return `${SIDEBAR_PREFIX}-${KEY}`;
@@ -224,7 +223,7 @@ function CollapseButton(props) {
   const {
     classes,
     companyLogoNormalUrl
-  } = useSideBar$1();
+  } = useSideBar();
   return /* @__PURE__ */ jsxs(CollapseButtonRoot, {
     className: classes.collapseButton,
     ...process.env.NODE_ENV !== "production" ? {
@@ -354,7 +353,7 @@ const NavItemMainContent = (props) => {
   const {
     collapsed,
     classes
-  } = useSideBar$1();
+  } = useSideBar();
   const isDesktop = useResponsiveDesktop();
   const handlerClick = (event) => {
     onClick && onClick(item);
@@ -444,7 +443,7 @@ const NavSubItemContent = (props) => {
     isItemActive,
     onToggleVisible,
     classes
-  } = useSideBar$1();
+  } = useSideBar();
   const active = isItemActive(item);
   const isDesktop = useResponsiveDesktop();
   const hasChildren = item.children && Array.isArray(item.children) && item.children.length > 0;
@@ -488,7 +487,7 @@ function NavSubItem(props) {
   } = props;
   const {
     onClick
-  } = useSideBar$1();
+  } = useSideBar();
   return /* @__PURE__ */ jsx(NavSubItemContent, {
     item,
     onClick: () => onClick(item),
@@ -510,7 +509,7 @@ function NavListSubItem(props) {
   const {
     classes,
     isItemActive
-  } = useSideBar$1();
+  } = useSideBar();
   const active = isItemActive(list);
   const [openSub, setOpenSub] = useState(false);
   const hasChildren = list.children && Array.isArray(list.children) && list.children.length > 0;
@@ -578,7 +577,7 @@ function NavItemMain(props) {
     isItemActive,
     onToggleVisible,
     classes
-  } = useSideBar$1();
+  } = useSideBar();
   const [popoverStatus, setPopoverStatus] = useState(null);
   const theme = useTheme();
   const active = isItemActive(item);
@@ -666,7 +665,7 @@ function ItemListMain(props) {
     collapsed: isSideBarCollapsed,
     isItemActive,
     classes
-  } = useSideBar$1();
+  } = useSideBar();
   const location = useLocation();
   const [internalItemActive, setInternalItemActive] = useState(false);
   const [active, setActive] = useState(false);
@@ -783,7 +782,7 @@ const SkeletonNavSectionVertical = () => {
   const {
     collapsed,
     classes
-  } = useSideBar$1();
+  } = useSideBar();
   return /* @__PURE__ */ jsxs(WrapperSKTNavSectionVertical, {
     collapse: collapsed,
     className: classes.skeleton,
@@ -844,7 +843,7 @@ const ContentGroups = () => {
     collapsed,
     menuData,
     classes
-  } = useSideBar$1();
+  } = useSideBar();
   const [itemMainActive, setItemMainActive] = useState(-1);
   if (menuData && menuData.length > 0) {
     return /* @__PURE__ */ jsxs(ContentGroupsRoot, {
@@ -899,7 +898,7 @@ const ContentDesktop = () => {
     companyLogoSmallUrl,
     classes,
     companyName
-  } = useSideBar$1();
+  } = useSideBar();
   return /* @__PURE__ */ jsxs(WrapperContentDesktop, {
     className: classes.contentDesktop,
     ...process.env.NODE_ENV !== "production" ? {
@@ -971,7 +970,7 @@ const ContentMobile = () => {
     collapsed,
     classes,
     companyName
-  } = useSideBar$1();
+  } = useSideBar();
   const theme = useTheme();
   return /* @__PURE__ */ jsx(Drawer, {
     open: visible,
@@ -1076,5 +1075,5 @@ const SideBar = (props) => {
 export {
   SideBar as S,
   getNameDataTestId as g,
-  useSideBar$1 as u
+  useSideBar as u
 };

package/components/ToastContainer/{index.ed440301.js → index.f67795cb.js}

@@ -1,11 +1,13 @@
-import { styled, generateUtilityClasses } from "@mui/material";
-import { A } from "../../node_modules.8f15d11f.js";
+import { A } from "../../node_modules.56dca1cf.js";
 import { jsxs, jsx } from "react/jsx-runtime";
-import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../utils/index.de903261.js";
+import { I as Icon } from "../Icon/index.29065051.js";
 import { useEnvironment } from "@m4l/core";
 import { useMemo } from "react";
-import { I as Icon } from "../Icon/index.05984e7f.js";
+import { styled, generateUtilityClasses } from "@mui/material";
+import { unstable_composeClasses } from "@mui/base";
+import { g as getComponentUtilityClass } from "../../utils/index.de903261.js";
+import "clsx";
+import "@m4l/graphics";
 const ToastContainerRoot = styled("div")(({ theme }) => ({
   ...theme.components?.M4LToastContainer?.styleOverrides
 }));

package/components/animate/{index.5d4575bc.js → index.4e9774a6.js}

@@ -1,7 +1,11 @@
-import { m } from "framer-motion";
 import { forwardRef, useRef } from "react";
-import { IconButton, Box, styled, alpha } from "@mui/material";
 import { jsx } from "react/jsx-runtime";
+import { m } from "framer-motion";
+import { IconButton, Box, styled, alpha } from "@mui/material";
+import "@mui/material/styles";
+import "react-router-dom";
+import "./LoadingScreen/index.1d0c4307.js";
+import "./PropagateLoader/index.7fab43c8.js";
 import SimpleBarReact from "simplebar-react";
 const varSmall = {
   hover: {

package/components/areas/components/AreasAdmin/{index.d3f818ae.js → index.6024578a.js}

@@ -1,32 +1,105 @@
-import { u as useAreasStore } from "../../hooks/useAreas/index.08ece0b8.js";
+import { I as IconButton } from "../../../mui_extended/IconButton/index.e295aa1f.js";
+import { u as useAreasStore } from "../../hooks/useAreas/index.fb721543.js";
 import { useEnvironment, useModuleDictionary } from "@m4l/core";
 import { useState, useRef, useMemo } from "react";
 import * as Yup from "yup";
-import clsx from "clsx";
 import { generateUtilityClasses, useTheme } from "@mui/material";
+import "../../../mui_extended/Accordion/index.3e247bd4.js";
+import { I as Icon } from "../../../Icon/index.29065051.js";
+import clsx from "clsx";
+import { useResponsiveDesktop } from "@m4l/graphics";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { T as Typography } from "../../../mui_extended/Typography/index.443590d6.js";
+import "../../../mui_extended/Avatar/index.75e6ed57.js";
+import "react-router-dom";
+import "@mui/material/Button";
+import { B as Button } from "../../../mui_extended/Button/index.f538e360.js";
+import "../../../mui_extended/CheckBox.38abccd8.js";
+import "../../../mui_extended/Badge/index.b09524fe.js";
+import "../../../Image/index.cf640615.js";
+import "@mui/lab";
+import { M as MenuActions } from "../../../mui_extended/MenuActions/index.9b37fadc.js";
+import { P as Popover } from "../../../mui_extended/Popover/index.9f35d0eb.js";
+import "../../../mui_extended/Stack/index.0e53197c.js";
+import "../../../mui_extended/Tab/index.4c797c00.js";
+import "../../../mui_extended/Pager/index.78dea971.js";
+import "../../../mui_extended/Tooltip/index.5a795dcd.js";
 import { unstable_composeClasses } from "@mui/base";
 import { g as getComponentUtilityClass } from "../../../../utils/index.de903261.js";
 import { A as AREAS_ADMIN_CLASS_NAME } from "../../constants.66529246.js";
 import { I as ICONS } from "../../icons.8266ccc8.js";
-import { g as getAreasDictionary, D as DICCTIONARY } from "../../dictionary.08cfc4c9.js";
+import "../../contexts/DynamicMFParmsContext/index.1607c78e.js";
+import "../../../../contexts/ModalContext/index.6d2dda38.js";
+import { R as RHFormProvider } from "../../../../contexts/RHFormContext/index.7769076a.js";
+import "react-hook-form";
+import "../../../hook-form/RHFAutocomplete/index.e830f749.js";
+import "../../../HelperText/index.a6a02c79.js";
+import "../../../../node_modules.56dca1cf.js";
+import "lodash-es/debounce";
+import "lodash-es/each";
+import "../../../hook-form/RHFColorPicker/index.e292aa86.js";
 import { styled } from "@mui/material/styles";
-import { useResponsiveDesktop } from "@m4l/graphics";
+import "lodash/debounce";
+import "../../../hook-form/RHFAutocompleteAsync/index.12580722.js";
+import "../../../hook-form/RHFCheckbox/index.938321c1.js";
+import "@mui/x-date-pickers";
+import "../../../hook-form/RHFDateTime/index.321e4b87.js";
+import { R as RHFTextField } from "../../../hook-form/RHFTextField/index.d08c142b.js";
+import "../../../hook-form/RHFPeriod/index.98b2667a.js";
+import "../../../Period/index.df612223.js";
+import { A as Actions } from "../../../CommonActions/components/Actions/index.b61826a4.js";
+import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.68bf349a.js";
+import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.7cc0a393.js";
+import "../../../../react-draggable.ee21cb7e.js";
+import "../../../Resizeable/index.6478d7d8.js";
+import "../../../modal/index.ea3a21cb.js";
+import "../../../animate/index.4e9774a6.js";
+import "framer-motion";
+import "../../../animate/LoadingScreen/index.1d0c4307.js";
+import "../../../animate/PropagateLoader/index.7fab43c8.js";
 import { shallow } from "zustand/shallow";
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { M as MenuActions } from "../../../mui_extended/MenuActions/index.8c02ff61.js";
-import { R as RHFormProvider } from "../../../../contexts/RHFormContext/index.7769076a.js";
-import { R as RHFTextField } from "../../../hook-form/RHFTextField/index.80cc07e0.js";
-import { A as Actions } from "../../../CommonActions/components/Actions/index.2f6286eb.js";
-import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.06539086.js";
-import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.3e8a2e60.js";
-import { I as IconButton } from "../../../mui_extended/IconButton/index.26de70bd.js";
-import { P as Popover } from "../../../mui_extended/Popover/index.b3eca6b1.js";
-import { T as Typography } from "../../../mui_extended/Typography/index.379dd374.js";
 import { S as ScrollBar } from "../../../ScrollBar/index.010f1b9d.js";
+import { g as getAreasDictionary, D as DICCTIONARY } from "../../dictionary.08cfc4c9.js";
 import TouchRipple from "@mui/material/ButtonBase/TouchRipple";
-import { B as Button } from "../../../mui_extended/Button/index.570fd3a4.js";
-import { I as Icon } from "../../../Icon/index.05984e7f.js";
-import { u as useOnClickOutside } from "../../index.4cc6a221.js";
+import "../AreasViewer/index.41e89676.js";
+import "../../../LinearProgressIndeterminate/index.a0ad2d9e.js";
+import "../../../LoadingError/index.1426339a.js";
+import "../../contexts/AreasContext/index.9c8e3b41.js";
+import "../../contexts/WindowToolsMFContext/index.8f3e2a04.js";
+import "zustand";
+import "zustand/middleware/immer";
+import "../../../formatters/index.57f0da1b.js";
+import "../../../DataGrid/index.3a2e683c.js";
+import "react-dnd";
+import "react-dnd-html5-backend";
+import "../../../DataGrid/subcomponents/Actions/index.063a0197.js";
+import "../../../DataGrid/subcomponents/editors/TextEditor/index.91380a55.js";
+import "../../../DynamicFilter/index.a5197d85.js";
+import "../../../GridLayout/subcomponents/Griditem/index.8e4af155.js";
+import "../../../GridLayout/index.68093cfb.js";
+import "fast-equals";
+import "lodash";
+import "../../../PrintingSystem/index.73dd98b3.js";
+import "../../../LanguagePopover/index.0319d6a8.js";
+import "../../../MFLoader/index.cbd2e5af.js";
+import "../../../NavLink/index.618dabfb.js";
+import "../../../NoItemSelected/index.50d06852.js";
+import "../../../ObjectLogs/index.fb34f372.js";
+import "../../../../react-json-view.5636414a.js";
+import "../../../PaperForm/index.6859d4e8.js";
+import "../../../PDFViewer/index.ec8d0f79.js";
+import "../../../Page/index.5aefe8f7.js";
+import "../../../PropertyValue/index.df683b35.js";
+import "../../../SplitLayout/index.30fd5861.js";
+import "../../../../react-splitter-layout.c5d98bf7.js";
+import "../../../ToastContainer/index.f67795cb.js";
+import "../../../SideBar/index.f322ee0b.js";
+import "../../../AppBar/index.966d5162.js";
+import "../../../AccountPopover/index.8a11a7b6.js";
+import "lodash/isString";
+import "react-dropzone";
+import "../../../hook-form/RHFUpload/index.cdb2e584.js";
+import { u as useOnClickOutside } from "../../index.abedae6a.js";
 const areasAdminClasses = generateUtilityClasses(AREAS_ADMIN_CLASS_NAME, [
   "root",
   "rootContent",
@@ -650,21 +723,19 @@ const PanelWindowPopUp = (props) => {
   });
 };
 function AreasAdmin() {
-  const areas = useAreasStore((state2) => state2.areasIds, shallow);
-  const currentArea = useAreasStore((state2) => state2.currentAreaId, shallow);
-  const status = useAreasStore((state2) => state2.ownerState.status);
+  const areas = useAreasStore((state) => state.areasIds, shallow);
+  const currentArea = useAreasStore((state) => state.currentAreaId, shallow);
+  const status = useAreasStore((state) => state.ownerState.status);
   const {
     setFocus
-  } = useAreasStore((state2) => state2.areaAdminActions, shallow);
-  const classesRoot = useAreasStore((state2) => state2.adminClasses.root);
-  const areasLength = useAreasStore((state2) => state2.areasIds.length);
+  } = useAreasStore((state) => state.areaAdminActions, shallow);
+  const classesRoot = useAreasStore((state) => state.adminClasses.root);
+  const areasLength = useAreasStore((state) => state.areasIds.length);
   const isDesktop = useResponsiveDesktop();
   const {
     addArea
-  } = useAreasStore((state2) => state2.areasActions, shallow);
-  const maximizedId = useAreasStore((state2) => state2.hashAreas[currentArea] ? state2.hashAreas[currentArea].maximizedId : false, shallow);
-  const state = useAreasStore((state2) => state2, shallow);
-  console.log("store state", state);
+  } = useAreasStore((state) => state.areasActions, shallow);
+  const maximizedId = useAreasStore((state) => state.hashAreas[currentArea] ? state.hashAreas[currentArea].maximizedId : false, shallow);
   const {
     host_static_assets,
     environment_assets

package/components/areas/components/AreasViewer/{index.796a9d98.js → index.41e89676.js}

@@ -7,30 +7,100 @@ import { a as AREAS_VIEWER_CLASS_NAME } from "../../constants.66529246.js";
 import { shallow } from "zustand/shallow";
 import React__default, { useMemo, useEffect } from "react";
 import clsx from "clsx";
-import { u as useAreasStore } from "../../hooks/useAreas/index.08ece0b8.js";
+import { u as useAreasStore } from "../../hooks/useAreas/index.fb721543.js";
 import { useModuleDictionary, useEnvironment, useModuleSkeleton } from "@m4l/core";
-import { a as MemonizedMenuActions } from "../../../mui_extended/MenuActions/index.8c02ff61.js";
-import { useResponsiveDesktop } from "@m4l/graphics";
+import { I as IconButton } from "../../../mui_extended/IconButton/index.e295aa1f.js";
+import "../../../mui_extended/Accordion/index.3e247bd4.js";
+import { I as Icon } from "../../../Icon/index.29065051.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";
+import { useLocation } from "react-router-dom";
+import "@mui/material/Button";
+import "../../../mui_extended/Button/index.f538e360.js";
+import "../../../mui_extended/CheckBox.38abccd8.js";
+import "../../../mui_extended/Badge/index.b09524fe.js";
+import "../../../Image/index.cf640615.js";
+import "@mui/lab";
+import { a as MemonizedMenuActions } from "../../../mui_extended/MenuActions/index.9b37fadc.js";
+import "../../../mui_extended/Popover/index.9f35d0eb.js";
+import "../../../mui_extended/Stack/index.0e53197c.js";
+import "../../../mui_extended/Tab/index.4c797c00.js";
+import "../../../mui_extended/Pager/index.78dea971.js";
+import { useResponsiveDesktop } 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.08cfc4c9.js";
-import { I as IconButton } from "../../../mui_extended/IconButton/index.26de70bd.js";
 import { L as LinearProgressIndeterminate } from "../../../LinearProgressIndeterminate/index.a0ad2d9e.js";
-import { I as Icon } from "../../../Icon/index.05984e7f.js";
-import { T as Typography } from "../../../mui_extended/Typography/index.379dd374.js";
-import { M as MFLoader } from "../../../MFLoader/index.7b4ee2a4.js";
+import { M as MFLoader } from "../../../MFLoader/index.cbd2e5af.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.6d2dda38.js";
+import "../../../../contexts/RHFormContext/index.7769076a.js";
 import { L as LinearProgress } from "../../../mui_extended/LinearProgress/index.c92b9ba9.js";
 import { T as TEST_PROP_ID } from "../../../../test/constants_no_mock.86c553a9.js";
-import { g as getNameDataTestId } from "../../../../vendor.c026edad.js";
-import { R as RESPONSIVE_COLAPSED_HEIGHTS, a as RESPONSIVE_ROW_HEIGHTS, M as MARGIN_GRIDLAYOUT, P as PADDING_GRIDLAYOUT } from "../../contexts/AreasContext/index.3d7cf850.js";
-import { S as SizeProvider } from "../../../GridLayout/index.e8c04242.js";
-import { R as Responsive } from "../../../GridLayout/subcomponents/Responsive/index.e25df1dc.js";
-import { useLocation } from "react-router-dom";
-import { L as LoadingError } from "../../../LoadingError/index.fabad214.js";
+import { g as getNameDataTestId } from "../../../../vendor.3c20510a.js";
+import "../../../GridLayout/subcomponents/Griditem/index.8e4af155.js";
+import { S as SizeProvider } from "../../../GridLayout/index.68093cfb.js";
+import { R as Responsive } from "../../../GridLayout/subcomponents/Responsive/index.c32210fc.js";
+import { R as RESPONSIVE_COLAPSED_HEIGHTS, a as RESPONSIVE_ROW_HEIGHTS, M as MARGIN_GRIDLAYOUT, P as PADDING_GRIDLAYOUT } from "../../contexts/AreasContext/index.9c8e3b41.js";
+import { L as LoadingError } from "../../../LoadingError/index.1426339a.js";
+import "../../../animate/index.4e9774a6.js";
+import "framer-motion";
+import "../../../animate/LoadingScreen/index.1d0c4307.js";
+import "../../../animate/PropagateLoader/index.7fab43c8.js";
+import "../AreasAdmin/index.6024578a.js";
+import "../../../ScrollBar/index.010f1b9d.js";
+import "zustand";
+import "zustand/middleware/immer";
+import "react-hook-form";
+import "../../../hook-form/RHFAutocomplete/index.e830f749.js";
+import "../../../HelperText/index.a6a02c79.js";
+import "../../../../node_modules.56dca1cf.js";
+import "lodash-es/debounce";
+import "lodash-es/each";
+import "../../../hook-form/RHFColorPicker/index.e292aa86.js";
+import "lodash/debounce";
+import "../../../hook-form/RHFAutocompleteAsync/index.12580722.js";
+import "../../../hook-form/RHFCheckbox/index.938321c1.js";
+import "@mui/x-date-pickers";
+import "../../../hook-form/RHFDateTime/index.321e4b87.js";
+import "../../../hook-form/RHFTextField/index.d08c142b.js";
+import "../../../hook-form/RHFPeriod/index.98b2667a.js";
+import "../../../Period/index.df612223.js";
+import "../../../CommonActions/components/Actions/index.b61826a4.js";
 import { c as cjs } from "../../../../react-draggable.ee21cb7e.js";
 import { R as ResizeableWindow } from "../../../Resizeable/index.6478d7d8.js";
+import "../../../modal/index.ea3a21cb.js";
+import "lodash/isString";
+import "react-dropzone";
+import "../../../hook-form/RHFUpload/index.cdb2e584.js";
+import "../../../formatters/index.57f0da1b.js";
+import "../../../DataGrid/index.3a2e683c.js";
+import "react-dnd";
+import "react-dnd-html5-backend";
+import "../../../DataGrid/subcomponents/Actions/index.063a0197.js";
+import "../../../DataGrid/subcomponents/editors/TextEditor/index.91380a55.js";
+import "../../../DynamicFilter/index.a5197d85.js";
+import "yup";
+import "fast-equals";
+import "lodash";
+import "../../../PrintingSystem/index.73dd98b3.js";
+import "../../../LanguagePopover/index.0319d6a8.js";
+import "../../../NavLink/index.618dabfb.js";
+import "../../../NoItemSelected/index.50d06852.js";
+import "../../../ObjectLogs/index.fb34f372.js";
+import "../../../../react-json-view.5636414a.js";
+import "../../../PaperForm/index.6859d4e8.js";
+import "../../../PDFViewer/index.ec8d0f79.js";
+import "../../../Page/index.5aefe8f7.js";
+import "../../../PropertyValue/index.df683b35.js";
+import "../../../SplitLayout/index.30fd5861.js";
+import "../../../../react-splitter-layout.c5d98bf7.js";
+import "../../../ToastContainer/index.f67795cb.js";
+import "../../../SideBar/index.f322ee0b.js";
+import "../../../AppBar/index.966d5162.js";
+import "../../../AccountPopover/index.8a11a7b6.js";
 const areasViewerClasses = generateUtilityClasses(AREAS_VIEWER_CLASS_NAME, [
   "root",
   "areaRoot",
@@ -846,8 +916,6 @@ const Window = (props) => {
     return emergeType === "layout" ? state.hashAreas[areaId]?.currentLayoutId : state.hashAreas[areaId]?.currentPopUpId;
   }) === windowId;
   const mfProps = useAreasStore((state) => state.hashWindows[windowId]?.mfProps, shallow);
-  const areaStore = useAreasStore((state) => state, shallow);
-  console.log("areaStore", areaStore);
   const component = useAreasStore((state) => state.hashWindows[windowId]?.component, shallow);
   const loading = useAreasStore((state) => state.hashWindows[windowId]?.loading, shallow);
   const status = useAreasStore((state) => state.hashWindows[windowId]?.status, shallow);
@@ -922,7 +990,7 @@ const Window = (props) => {
           areasViewerClasses.windowContent
         ),
         children: [status === "init" ? /* @__PURE__ */ jsx(Fragment, {
-          children: "...Brucee porr analizar Componente de carga"
+          children: "Cargando..."
         }) : null, status === "loaded" ? winType === "microfrontend" ? /* @__PURE__ */ jsx(MemonizedMicroFrontend, {
           moduleId,
           dynamicMFStore,
@@ -984,8 +1052,6 @@ const AreaGridLayout = (props) => {
         if (p.type === "placeholder") {
           return /* @__PURE__ */ jsx("div", {});
         }
-        console.log("layoutItemRender window", hashLayoutItems, p.i, p.type);
-        console.log("layoutItemRender window value p argument", p);
         return /* @__PURE__ */ jsx(Window, {
           windowId: p.i,
           areaId

package/components/areas/components/index.198e8954.js

@@ -0,0 +1,32 @@
+import "react";
+import "@m4l/core";
+import "@mui/material";
+import "../../Icon/index.29065051.js";
+import "clsx";
+import "@m4l/graphics";
+import "react/jsx-runtime";
+import "../../mui_extended/IconButton/index.e295aa1f.js";
+import "zustand";
+import "../contexts/AreasContext/index.9c8e3b41.js";
+import "./AreasAdmin/index.6024578a.js";
+import "zustand/shallow";
+import "../../ScrollBar/index.010f1b9d.js";
+import "../../mui_extended/Accordion/index.3e247bd4.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.f538e360.js";
+import "../../mui_extended/CheckBox.38abccd8.js";
+import "../../mui_extended/Badge/index.b09524fe.js";
+import "../../Image/index.cf640615.js";
+import "@mui/lab";
+import "../../mui_extended/MenuActions/index.9b37fadc.js";
+import "../../mui_extended/Popover/index.9f35d0eb.js";
+import "../../mui_extended/Stack/index.0e53197c.js";
+import "../../mui_extended/Tab/index.4c797c00.js";
+import "../../mui_extended/Pager/index.78dea971.js";
+import "../../mui_extended/Tooltip/index.5a795dcd.js";
+import "./AreasViewer/index.41e89676.js";
+import "../../LinearProgressIndeterminate/index.a0ad2d9e.js";
+import "../../LoadingError/index.1426339a.js";

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

@@ -1,8 +1,8 @@
 import { WritableDraft } from 'immer/dist/internal';
 import type { Area, AreasStateWithActions } from './types';
 import type { WindowState, WindowStateProps } from '../../types';
-export declare const PADDING_GRIDLAYOUT = 4;
-export declare const MARGIN_GRIDLAYOUT = 4;
+export declare const PADDING_GRIDLAYOUT = 8;
+export declare const MARGIN_GRIDLAYOUT = 8;
 export declare const DEBOUCED_SAVE_TIME = 500;
 export declare const THROTTLE_RESIZE_TIME = 300;
 export declare const COOKIE_BREAKPOINT_LAYOUTS = "layoutPros";

package/components/areas/contexts/AreasContext/{index.3d7cf850.js → index.9c8e3b41.js}

@@ -5,17 +5,20 @@ 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.796a9d98.js";
-import { u as useAreasAdminUtilityClasses } from "../../components/AreasAdmin/index.d3f818ae.js";
+import { u as useAreasViewerUtilityClasses } from "../../components/AreasViewer/index.41e89676.js";
+import { u as useAreasAdminUtilityClasses } from "../../components/AreasAdmin/index.6024578a.js";
 import { c as createDynamicMFStore } from "../DynamicMFParmsContext/index.1607c78e.js";
 import { g as getAreasDictionary, D as DICCTIONARY } from "../../dictionary.08cfc4c9.js";
-import { a as addLayoutItemToBreakPointIfNoExists, b as addLayoutItemToBreakPoints, c as cloneLayouts } from "../../../GridLayout/subcomponents/Responsive/index.e25df1dc.js";
+import "clsx";
+import "../../../GridLayout/subcomponents/Griditem/index.8e4af155.js";
+import { z as isEqualLayouts } from "../../../GridLayout/index.68093cfb.js";
+import { jsx } from "react/jsx-runtime";
+import { a as addLayoutItemToBreakPointIfNoExists, b as addLayoutItemToBreakPoints, c as cloneLayouts } from "../../../GridLayout/subcomponents/Responsive/index.c32210fc.js";
+import "fast-equals";
 import { debounce, cloneDeep } from "lodash";
-import { A as isEqualLayouts } from "../../../GridLayout/index.e8c04242.js";
 import { useNavigate } from "react-router-dom";
-import { jsx } from "react/jsx-runtime";
-const PADDING_GRIDLAYOUT = 4;
-const MARGIN_GRIDLAYOUT = 4;
+const PADDING_GRIDLAYOUT = 8;
+const MARGIN_GRIDLAYOUT = 8;
 const DEBOUCED_SAVE_TIME = 500;
 const COOKIE_BREAKPOINT_LAYOUTS = "layoutPros";
 const COOKIE_WINDOWS = "windows";
@@ -398,7 +401,6 @@ const createAreasStore = (initProps) => {
         },
         areaActions: {
           addWindow: (newWindowProps) => {
-            console.log("se ejecut\xF3 addWindow");
             const windowId = `${get().currentAreaId}_window_${new Date().getTime()}_${(Math.random() * 1e3).toFixed(0)}`;
             if (newWindowProps.emergeType === "layout" || newWindowProps.emergeType === "popup") {
               get().areaActions.addLayout(
@@ -429,8 +431,6 @@ const createAreasStore = (initProps) => {
               if (!area) {
                 return;
               }
-              console.log("state data", state);
-              console.log("area data", area.layoutItemsIds);
               if (newWindowProps.replaceMeId) {
                 for (let index = 0; index < area.layoutItemsIds.length; index++) {
                   const key = area.layoutItemsIds[index];
@@ -640,11 +640,6 @@ const createAreasStore = (initProps) => {
             }
           },
           onContainerChange: (areaId, e) => {
-            console.log(
-              `onContainerChange [${e.containerWidth}, ${e.containerHeight}] Store`,
-              areaId,
-              e.breakpoint
-            );
             set((state) => {
               state.hashAreas[areaId].containerHeight = e.containerHeight;
               state.hashAreas[areaId].currentBreakpoint = e.breakpoint;
@@ -937,7 +932,6 @@ const createAreasStore = (initProps) => {
                       hw2.timeStart = new Date().getTime();
                       hw2.percentExecuted = 0;
                       hw2.timer = setInterval(() => {
-                        console.log("toast timer edit tick");
                         set((state3) => {
                           verifyRemoveToasty(
                             state3.hashWindows[windowId],
@@ -1071,7 +1065,6 @@ function AreasProvider(props) {
   const addWindow = useCallback((newWindow) => {
     const currentAreaId = areasStoreRef.current?.getState().currentAreaId;
     const areas = areasStoreRef.current?.getState().areasIds;
-    console.log("newWindow argument", newWindow);
     if (currentAreaId && areas) {
       areasStoreRef.current?.getState().areaActions.addWindow(newWindow);
     }

package/components/areas/contexts/index.eba30173.js

@@ -0,0 +1,4 @@
+import "./AreasContext/index.9c8e3b41.js";
+import "./WindowToolsMFContext/index.8f3e2a04.js";
+import "zustand";
+import "zustand/middleware/immer";

package/components/areas/hooks/index.0184c6f7.js

@@ -0,0 +1,4 @@
+import "react";
+import "zustand";
+import "../contexts/DynamicMFParmsContext/index.1607c78e.js";
+import "../contexts/WindowToolsMFContext/index.8f3e2a04.js";

package/components/areas/hooks/useAreas/{index.08ece0b8.js → index.fb721543.js}

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