@m4l/components 0.2.13 → 0.2.15

package/components/areas/components/AreasAdmin/{index.c1539c1b.js → index.8426755c.js}

@@ -1,103 +1,32 @@
-import { I as IconButton } from "../../../mui_extended/IconButton/index.5afe56b7.js";
-import { u as useAreasStore } from "../../hooks/useAreas/index.00031ac3.js";
+import { u as useAreasStore } from "../../hooks/useAreas/index.21fa4ab1.js";
 import { useEnvironment, useModuleDictionary } from "@m4l/core";
 import { useState, useRef, useMemo } from "react";
 import * as Yup from "yup";
-import { generateUtilityClasses, useTheme } from "@mui/material";
-import "../../../mui_extended/Accordion/index.3087f40e.js";
-import { I as Icon } from "../../../Icon/index.e215d0f0.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.0f2552ed.js";
-import "../../../mui_extended/CheckBox.38abccd8.js";
-import "../../../mui_extended/Badge/index.b09524fe.js";
-import "../../../Image/index.d684bdf2.js";
-import "@mui/lab";
-import { M as MenuActions } from "../../../mui_extended/MenuActions/index.cc54c35c.js";
-import { P as Popover } from "../../../mui_extended/Popover/index.9f35d0eb.js";
-import "../../../mui_extended/Stack/index.0e53197c.js";
-import "../../../mui_extended/Tab/index.ae9ea641.js";
-import "../../../mui_extended/Pager/index.5fbbefe2.js";
-import "../../../mui_extended/Tooltip/index.5a795dcd.js";
+import { generateUtilityClasses, useTheme } from "@mui/material";
 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 { g as getComponentUtilityClass } from "../../../../utils/index.9ad3909a.js";
 import { I as ICONS } from "../../icons.8266ccc8.js";
-import "../../contexts/DynamicMFParmsContext/index.1607c78e.js";
-import "../../../../contexts/ModalContext/index.ef38d747.js";
-import { R as RHFormProvider } from "../../../../contexts/RHFormContext/index.7769076a.js";
-import "react-hook-form";
-import "../../../hook-form/RHFAutocomplete/index.01a8f57e.js";
-import "../../../HelperText/index.918bba47.js";
-import "../../../../node_modules.79f5ed2f.js";
-import "lodash-es/debounce";
-import "lodash-es/each";
-import "../../../hook-form/RHFColorPicker/index.c7695748.js";
+import { g as getAreasDictionary, D as DICCTIONARY } from "../../dictionary.08cfc4c9.js";
 import { styled } from "@mui/material/styles";
-import "lodash/debounce";
-import "../../../hook-form/RHFAutocompleteAsync/index.df1d5bca.js";
-import "../../../hook-form/RHFCheckbox/index.23fc4851.js";
-import "@mui/x-date-pickers";
-import "../../../hook-form/RHFDateTime/index.984b803f.js";
-import { R as RHFTextField } from "../../../hook-form/RHFTextField/index.1167879e.js";
-import "../../../hook-form/RHFPeriod/index.1852e7d3.js";
-import "../../../Period/index.3bd05e05.js";
-import { A as Actions } from "../../../CommonActions/components/Actions/index.93e9112b.js";
-import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.82313aef.js";
-import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.c70ae272.js";
-import "../../../../react-draggable.ee21cb7e.js";
-import "../../../Resizeable/index.6478d7d8.js";
-import "../../../modal/index.ac0c9093.js";
-import "../../../animate/index.4e9774a6.js";
-import "framer-motion";
-import "../../../animate/LoadingScreen/index.1d0c4307.js";
-import "../../../animate/PropagateLoader/index.7fab43c8.js";
+import { useResponsiveDesktop } from "@m4l/graphics";
 import { shallow } from "zustand/shallow";
-import { S as ScrollBar } from "../../../ScrollBar/index.010f1b9d.js";
-import { g as getAreasDictionary, D as DICCTIONARY } from "../../dictionary.08cfc4c9.js";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { M as MenuActions } from "../../../mui_extended/MenuActions/index.aa43c4f2.js";
+import { P as Popover } from "../../../mui_extended/Popover/index.b3eca6b1.js";
+import { R as RHFormProvider } from "../../../../contexts/RHFormContext/index.7769076a.js";
+import { R as RHFTextField } from "../../../hook-form/RHFTextField/index.2c8d4613.js";
+import { A as Actions } from "../../../CommonActions/components/Actions/index.8368ac0f.js";
+import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.06365996.js";
+import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.b97cfeec.js";
+import { I as IconButton } from "../../../mui_extended/IconButton/index.b705c196.js";
+import { T as Typography } from "../../../mui_extended/Typography/index.379dd374.js";
+import { S as ScrollBar } from "../../../ScrollBar/index.65bb2930.js";
 import TouchRipple from "@mui/material/ButtonBase/TouchRipple";
-import "../AreasViewer/index.e084d8e9.js";
-import "../../../LinearProgressIndeterminate/index.a0ad2d9e.js";
-import "../../../LoadingError/index.b3e4e8e5.js";
-import "../../contexts/AreasContext/index.cffa1526.js";
-import "../../contexts/WindowToolsMFContext/index.8f3e2a04.js";
-import "zustand";
-import "zustand/middleware/immer";
-import "../../../formatters/index.4426a315.js";
-import "../../../DataGrid/index.387652a9.js";
-import "react-dnd";
-import "react-dnd-html5-backend";
-import "../../../DynamicFilter/index.9e9885b0.js";
-import "../../../GridLayout/subcomponents/Griditem/index.8e4af155.js";
-import "../../../GridLayout/index.68093cfb.js";
-import "fast-equals";
-import "lodash";
-import "../../../PrintingSystem/index.70234425.js";
-import "../../../LanguagePopover/index.424bad09.js";
-import "../../../MFLoader/index.3d17dfc3.js";
-import "../../../NavLink/index.ed4c0609.js";
-import "../../../NoItemSelected/index.5ed80b8e.js";
-import "../../../ObjectLogs/index.3a939c6b.js";
-import "../../../../react-json-view.5636414a.js";
-import "../../../PaperForm/index.013ed28b.js";
-import "../../../PDFViewer/index.4d16e5bc.js";
-import "../../../Page/index.890fbaac.js";
-import "../../../PropertyValue/index.45482ca3.js";
-import "../../../SplitLayout/index.30fd5861.js";
-import "../../../../react-splitter-layout.c5d98bf7.js";
-import "../../../ToastContainer/index.5e729fbb.js";
-import "../../../SideBar/index.614f85fb.js";
-import "../../../AppBar/index.c8e7b25c.js";
-import "../../../AccountPopover/index.7060320a.js";
-import "lodash/isString";
-import "react-dropzone";
-import "../../../hook-form/RHFUpload/index.49edcb02.js";
-import { u as useOnClickOutside } from "../../index.1b5b2267.js";
+import { B as Button } from "../../../mui_extended/Button/index.007f5a6e.js";
+import { I as Icon } from "../../../Icon/index.aa9949f0.js";
+import { u as useOnClickOutside } from "../../index.4cc6a221.js";
 const areasAdminClasses = generateUtilityClasses(AREAS_ADMIN_CLASS_NAME, [
   "root",
   "rootContent",
@@ -721,19 +650,21 @@ const PanelWindowPopUp = (props) => {
   });
 };
 function AreasAdmin() {
-  const areas = useAreasStore((state) => state.areasIds, shallow);
-  const currentArea = useAreasStore((state) => state.currentAreaId, shallow);
-  const status = useAreasStore((state) => state.ownerState.status);
+  const areas = useAreasStore((state2) => state2.areasIds, shallow);
+  const currentArea = useAreasStore((state2) => state2.currentAreaId, shallow);
+  const status = useAreasStore((state2) => state2.ownerState.status);
   const {
     setFocus
-  } = useAreasStore((state) => state.areaAdminActions, shallow);
-  const classesRoot = useAreasStore((state) => state.adminClasses.root);
-  const areasLength = useAreasStore((state) => state.areasIds.length);
+  } = useAreasStore((state2) => state2.areaAdminActions, shallow);
+  const classesRoot = useAreasStore((state2) => state2.adminClasses.root);
+  const areasLength = useAreasStore((state2) => state2.areasIds.length);
   const isDesktop = useResponsiveDesktop();
   const {
     addArea
-  } = useAreasStore((state) => state.areasActions, shallow);
-  const maximizedId = useAreasStore((state) => state.hashAreas[currentArea] ? state.hashAreas[currentArea].maximizedId : false, shallow);
+  } = 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);
   const {
     host_static_assets,
     environment_assets

package/components/areas/components/AreasViewer/classes/index.d.ts

@@ -1,5 +1,5 @@
 import { AreasViewerClasses } from './types';
 import { OwnerState } from '../../../contexts/AreasContext/types';
 export declare const areasViewerClasses: AreasViewerClasses;
-export declare const useAreasViewerUtilityClasses: (ownerState: OwnerState) => Record<"root" | "resizeHandle" | "windowLinearProgressBar" | "windowContent" | "areaRoot" | "areasLoadingErrorRoot" | "areasLoadingErrorLoading" | "areasLoadingError" | "areasLoadingErrorIcon" | "areasLoadingErrorTitle" | "areasLoadingErrorDescription" | "areasLoadingErrorDivider" | "areaGridLayoutPanelContainer" | "areaGridLayout" | "areaGridLayoutPopupsContainer" | "areasWindowPopUpList" | "windowRoot" | "windowRootContainer" | "windowHeader" | "windowHeaderTitle" | "windowHeaderMainActions" | "windowHeaderCancelHandle" | "windowLinearProgressRoot" | "windowPopupRoot" | "windowModalRoot" | "selectedWindow" | "windowToastiesContainer" | "windowToastiesContainerTostys" | "windowToastyMeesageButtonsContainer" | "windowToastyMessage" | "windowToastyButtonsContainer" | "windowToastyPin" | "windowToastyClose" | "panelWindowsRoot" | "panelWindowsButtonContainer" | "loaderContainer" | "containerComponent" | "windowToastyContainer", string>;
+export declare const useAreasViewerUtilityClasses: (ownerState: OwnerState) => Record<"root" | "resizeHandle" | "windowLinearProgressBar" | "windowContent" | "windowRoot" | "areaRoot" | "areasLoadingErrorRoot" | "areasLoadingErrorLoading" | "areasLoadingError" | "areasLoadingErrorIcon" | "areasLoadingErrorTitle" | "areasLoadingErrorDescription" | "areasLoadingErrorDivider" | "areaGridLayoutPanelContainer" | "areaGridLayout" | "areaGridLayoutPopupsContainer" | "areasWindowPopUpList" | "windowRootContainer" | "windowHeader" | "windowHeaderTitle" | "windowHeaderMainActions" | "windowHeaderCancelHandle" | "windowLinearProgressRoot" | "windowPopupRoot" | "windowModalRoot" | "selectedWindow" | "windowToastiesContainer" | "windowToastiesContainerTostys" | "windowToastyMeesageButtonsContainer" | "windowToastyMessage" | "windowToastyButtonsContainer" | "windowToastyPin" | "windowToastyClose" | "panelWindowsRoot" | "panelWindowsButtonContainer" | "loaderContainer" | "containerComponent" | "windowToastyContainer", string>;
 export declare type ViwerClasses = ReturnType<typeof useAreasViewerUtilityClasses>;

package/components/areas/components/AreasViewer/{index.e084d8e9.js → index.6b310068.js}

@@ -1,104 +1,36 @@
 import { styled } from "@mui/material/styles";
-import { r as react_resizable_css } from "../../../../react-resizable.ee028152.js";
+import { r as react_resizable_css } from "../../../../react-resizable.53094455.js";
 import { generateUtilityClasses, Skeleton, Dialog } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../../../utils/index.de903261.js";
 import { a as AREAS_VIEWER_CLASS_NAME } from "../../constants.66529246.js";
+import { g as getComponentUtilityClass } from "../../../../utils/index.9ad3909a.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.00031ac3.js";
+import { u as useAreasStore } from "../../hooks/useAreas/index.21fa4ab1.js";
 import { useModuleDictionary, useEnvironment, useModuleSkeleton } from "@m4l/core";
-import { I as IconButton } from "../../../mui_extended/IconButton/index.5afe56b7.js";
-import "../../../mui_extended/Accordion/index.3087f40e.js";
-import { I as Icon } from "../../../Icon/index.e215d0f0.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.0f2552ed.js";
-import "../../../mui_extended/CheckBox.38abccd8.js";
-import "../../../mui_extended/Badge/index.b09524fe.js";
-import "../../../Image/index.d684bdf2.js";
-import "@mui/lab";
-import { a as MemonizedMenuActions } from "../../../mui_extended/MenuActions/index.cc54c35c.js";
-import "../../../mui_extended/Popover/index.9f35d0eb.js";
-import "../../../mui_extended/Stack/index.0e53197c.js";
-import "../../../mui_extended/Tab/index.ae9ea641.js";
-import "../../../mui_extended/Pager/index.5fbbefe2.js";
+import { a as MemonizedMenuActions } from "../../../mui_extended/MenuActions/index.aa43c4f2.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
-import "../../../mui_extended/Tooltip/index.5a795dcd.js";
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { I as ICONS } from "../../icons.8266ccc8.js";
 import { g as getAreasDictionary, D as DICCTIONARY } from "../../dictionary.08cfc4c9.js";
-import { L as LinearProgressIndeterminate } from "../../../LinearProgressIndeterminate/index.a0ad2d9e.js";
-import { M as MFLoader } from "../../../MFLoader/index.3d17dfc3.js";
+import { I as IconButton } from "../../../mui_extended/IconButton/index.b705c196.js";
+import { L as LinearProgressIndeterminate } from "../../../LinearProgressIndeterminate/index.2d53ade4.js";
+import { I as Icon } from "../../../Icon/index.aa9949f0.js";
+import { T as Typography } from "../../../mui_extended/Typography/index.379dd374.js";
+import { M as MFLoader } from "../../../MFLoader/index.b928e361.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.ef38d747.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.f0742647.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.cffa1526.js";
-import { L as LoadingError } from "../../../LoadingError/index.b3e4e8e5.js";
-import "../../../animate/index.4e9774a6.js";
-import "framer-motion";
-import "../../../animate/LoadingScreen/index.1d0c4307.js";
-import "../../../animate/PropagateLoader/index.7fab43c8.js";
-import "../AreasAdmin/index.c1539c1b.js";
-import "../../../ScrollBar/index.010f1b9d.js";
-import "zustand";
-import "zustand/middleware/immer";
-import "react-hook-form";
-import "../../../hook-form/RHFAutocomplete/index.01a8f57e.js";
-import "../../../HelperText/index.918bba47.js";
-import "../../../../node_modules.79f5ed2f.js";
-import "lodash-es/debounce";
-import "lodash-es/each";
-import "../../../hook-form/RHFColorPicker/index.c7695748.js";
-import "lodash/debounce";
-import "../../../hook-form/RHFAutocompleteAsync/index.df1d5bca.js";
-import "../../../hook-form/RHFCheckbox/index.23fc4851.js";
-import "@mui/x-date-pickers";
-import "../../../hook-form/RHFDateTime/index.984b803f.js";
-import "../../../hook-form/RHFTextField/index.1167879e.js";
-import "../../../hook-form/RHFPeriod/index.1852e7d3.js";
-import "../../../Period/index.3bd05e05.js";
-import "../../../CommonActions/components/Actions/index.93e9112b.js";
-import { c as cjs } from "../../../../react-draggable.ee21cb7e.js";
-import { R as ResizeableWindow } from "../../../Resizeable/index.6478d7d8.js";
-import "../../../modal/index.ac0c9093.js";
-import "lodash/isString";
-import "react-dropzone";
-import "../../../hook-form/RHFUpload/index.49edcb02.js";
-import "../../../formatters/index.4426a315.js";
-import "../../../DataGrid/index.387652a9.js";
-import "react-dnd";
-import "react-dnd-html5-backend";
-import "../../../DynamicFilter/index.9e9885b0.js";
-import "yup";
-import "fast-equals";
-import "lodash";
-import "../../../PrintingSystem/index.70234425.js";
-import "../../../LanguagePopover/index.424bad09.js";
-import "../../../NavLink/index.ed4c0609.js";
-import "../../../NoItemSelected/index.5ed80b8e.js";
-import "../../../ObjectLogs/index.3a939c6b.js";
-import "../../../../react-json-view.5636414a.js";
-import "../../../PaperForm/index.013ed28b.js";
-import "../../../PDFViewer/index.4d16e5bc.js";
-import "../../../Page/index.890fbaac.js";
-import "../../../PropertyValue/index.45482ca3.js";
-import "../../../SplitLayout/index.30fd5861.js";
-import "../../../../react-splitter-layout.c5d98bf7.js";
-import "../../../ToastContainer/index.5e729fbb.js";
-import "../../../SideBar/index.614f85fb.js";
-import "../../../AppBar/index.c8e7b25c.js";
-import "../../../AccountPopover/index.7060320a.js";
+import { g as getNameDataTestId } from "../../../../test/getNameDataTestId.14875ec7.js";
+import { R as RESPONSIVE_COLAPSED_HEIGHTS, a as RESPONSIVE_ROW_HEIGHTS, M as MARGIN_GRIDLAYOUT, P as PADDING_GRIDLAYOUT } from "../../contexts/AreasContext/index.1e3974e1.js";
+import { w as withSizeProvider } from "../../../GridLayout/subcomponents/SizeProvider/index.0676f896.js";
+import { R as Responsive } from "../../../GridLayout/subcomponents/Responsive/index.4234d9f3.js";
+import { useLocation } from "react-router-dom";
+import { L as LoadingError } from "../../../LoadingError/index.991393ca.js";
+import { c as cjs } from "../../../../react-draggable.2bc0e647.js";
+import { R as ResizeableWindow } from "../../../Resizeable/index.e4f47710.js";
 const areasViewerClasses = generateUtilityClasses(AREAS_VIEWER_CLASS_NAME, [
   "root",
   "areaRoot",
@@ -914,6 +846,8 @@ 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);
@@ -988,7 +922,7 @@ const Window = (props) => {
           areasViewerClasses.windowContent
         ),
         children: [status === "init" ? /* @__PURE__ */ jsx(Fragment, {
-          children: "Cargando..."
+          children: "...Brucee porr analizar Componente de carga"
         }) : null, status === "loaded" ? winType === "microfrontend" ? /* @__PURE__ */ jsx(MemonizedMicroFrontend, {
           moduleId,
           dynamicMFStore,
@@ -1016,7 +950,7 @@ const ResizeHandle = React__default.forwardRef((props, ref) => {
     ...restProps
   });
 });
-const ResponsiveGridLayout = SizeProvider(Responsive);
+const ResponsiveGridLayout = withSizeProvider(Responsive);
 const AreaGridLayout = (props) => {
   const {
     areaId
@@ -1050,6 +984,8 @@ 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.558684b3.js

@@ -0,0 +1 @@
+

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 = 8;
-export declare const MARGIN_GRIDLAYOUT = 8;
+export declare const PADDING_GRIDLAYOUT = 4;
+export declare const MARGIN_GRIDLAYOUT = 4;
 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.cffa1526.js → index.1e3974e1.js}

@@ -5,20 +5,17 @@ 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.e084d8e9.js";
-import { u as useAreasAdminUtilityClasses } from "../../components/AreasAdmin/index.c1539c1b.js";
+import { u as useAreasViewerUtilityClasses } from "../../components/AreasViewer/index.6b310068.js";
+import { u as useAreasAdminUtilityClasses } from "../../components/AreasAdmin/index.8426755c.js";
 import { c as createDynamicMFStore } from "../DynamicMFParmsContext/index.1607c78e.js";
 import { g as getAreasDictionary, D as DICCTIONARY } from "../../dictionary.08cfc4c9.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 { a as addLayoutItemToBreakPointIfNoExists, b as addLayoutItemToBreakPoints, c as cloneLayouts } from "../../../GridLayout/subcomponents/Responsive/index.4234d9f3.js";
 import { debounce, cloneDeep } from "lodash";
+import { A as isEqualLayouts } from "../../../GridLayout/index.367e44f9.js";
 import { useNavigate } from "react-router-dom";
-const PADDING_GRIDLAYOUT = 8;
-const MARGIN_GRIDLAYOUT = 8;
+import { jsx } from "react/jsx-runtime";
+const PADDING_GRIDLAYOUT = 4;
+const MARGIN_GRIDLAYOUT = 4;
 const DEBOUCED_SAVE_TIME = 500;
 const COOKIE_BREAKPOINT_LAYOUTS = "layoutPros";
 const COOKIE_WINDOWS = "windows";
@@ -401,6 +398,7 @@ 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(
@@ -431,6 +429,8 @@ 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,6 +640,11 @@ 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;
@@ -932,6 +937,7 @@ const createAreasStore = (initProps) => {
                       hw2.timeStart = new Date().getTime();
                       hw2.percentExecuted = 0;
                       hw2.timer = setInterval(() => {
+                        console.log("toast timer edit tick");
                         set((state3) => {
                           verifyRemoveToasty(
                             state3.hashWindows[windowId],
@@ -1065,6 +1071,7 @@ 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.24025b97.js

@@ -0,0 +1 @@
+

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

@@ -0,0 +1 @@
+

package/components/areas/hooks/useAreas/{index.00031ac3.js → index.21fa4ab1.js}

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

package/components/areas/index.4cc6a221.js

@@ -0,0 +1,22 @@
+import { useEffect } from "react";
+function useOnClickOutside(ref, handler, noRef) {
+  useEffect(() => {
+    const listener = (event) => {
+      const el = ref?.current;
+      const noEl = noRef?.current;
+      if (!el || el.contains(event.target) || noEl && noEl.contains(event.target)) {
+        return;
+      }
+      handler(event);
+    };
+    document.addEventListener("mousedown", listener);
+    document.addEventListener("touchstart", listener);
+    return () => {
+      document.removeEventListener("mousedown", listener);
+      document.removeEventListener("touchstart", listener);
+    };
+  }, [ref, handler]);
+}
+export {
+  useOnClickOutside as u
+};

package/components/formatters/BooleanFormatter/{index.5ed55bda.js → index.fcc47dfd.js}

@@ -1,8 +1,8 @@
 import { useMemo } from "react";
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
-import { I as Icon } from "../../Icon/index.e215d0f0.js";
+import { I as Icon } from "../../Icon/index.aa9949f0.js";
 import { W as WrapperComponent } from "../../WrapperComponent/index.5e872594.js";
-import { F as FormatterRoot, f as formatterClasses } from "../index.4426a315.js";
+import { F as FormatterRoot, f as formatterClasses } from "../index.7d5cbac9.js";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 const BOOLEAN_FORMATTER_DICTIONARY_KEY = `boolean_formatter`;
@@ -26,6 +26,7 @@ function BooleanFormatter(props) {
   const final_value = value ?? false;
   const srcCheckTrue = `${host_static_assets}/${environment_assets}/frontend/components/data_grid/components/boolean_formatter/assets/icons/check_true.svg`;
   const srcCheckFalse = `${host_static_assets}/${environment_assets}/frontend/components/data_grid/components/boolean_formatter/assets/icons/check_false.svg`;
+  console.log("srcCheckTrue", srcCheckTrue);
   const memoComponent = useMemo(() => {
     if (presentationType === "string_yes_no") {
       return /* @__PURE__ */ jsx(Component, {

package/components/formatters/PointsFormatter/{index.5c94c5e8.js → index.80a4e414.js}

@@ -1,7 +1,7 @@
 import { getPropertyByString } from "@m4l/core";
 import { W as WrapperComponent } from "../../WrapperComponent/index.5e872594.js";
 import { jsx } from "react/jsx-runtime";
-function getFormatPoints(obProps, fieldValue, fieldUnit, chainPoint) {
+function getFormatPoints(obProps, fieldValue, fieldUnit) {
   let result = "";
   const points = getPropertyByString(obProps, fieldValue);
   const unit = getPropertyByString(obProps, fieldUnit) || "";
@@ -10,7 +10,7 @@ function getFormatPoints(obProps, fieldValue, fieldUnit, chainPoint) {
   }
   points.map((point) => {
     if (point) {
-      result = !chainPoint ? result.concat(`[${point}${unit}]`) : result.concat(`[${getPropertyByString(point, chainPoint)}${unit}]`);
+      result = result.concat(`[${point}${unit}]`);
     }
   });
   return result;

package/components/formatters/PointsFormatter/index.d.ts

@@ -1,3 +1,3 @@
 import { PointsFormatterProps } from './types';
-export declare function getFormatPoints(obProps: any, fieldValue: string, fieldUnit: string, chainPoint?: string): string;
+export declare function getFormatPoints(obProps: any, fieldValue: string, fieldUnit: string): string;
 export declare function PointsFormatter(props: PointsFormatterProps): import("react/jsx-runtime").JSX.Element;

package/components/formatters/{index.4426a315.js → index.7d5cbac9.js}

@@ -1,13 +1,9 @@
+import { generateUtilityClasses, styled } from "@mui/material";
+import "@mui/base";
 import { jsx } from "react/jsx-runtime";
 import { W as WrapperComponent } from "../WrapperComponent/index.5e872594.js";
 import { useModuleDictionary } from "@m4l/core";
-import "react";
-import "../Icon/index.e215d0f0.js";
-import { generateUtilityClasses, styled } from "@mui/material";
-import "clsx";
-import "@m4l/graphics";
-import "@mui/base";
-import { a as BOOLEAN_FORMATTER_DICTIONARY_KEY } from "./BooleanFormatter/index.5ed55bda.js";
+import { a as BOOLEAN_FORMATTER_DICTIONARY_KEY } from "./BooleanFormatter/index.fcc47dfd.js";
 const COMPONENT_CLASS_NAME = "M4LFormatter";
 const formatterClasses = generateUtilityClasses(COMPONENT_CLASS_NAME, [
   "root",

package/components/hook-form/HelperError/index.66bbcac3.js

@@ -0,0 +1,30 @@
+import { useFormContext, useController } from "react-hook-form";
+import { H as HelperText } from "../../HelperText/index.7d2afdb3.js";
+import { jsx } from "react/jsx-runtime";
+function HelperError(props) {
+  const {
+    name
+  } = props;
+  const {
+    control
+  } = useFormContext();
+  const {
+    fieldState
+  } = useController({
+    name,
+    control,
+    rules: {
+      required: true
+    }
+  });
+  if (fieldState?.error?.message) {
+    return /* @__PURE__ */ jsx(HelperText, {
+      variant: "error",
+      message: fieldState?.error?.message
+    });
+  }
+  return null;
+}
+export {
+  HelperError as H
+};

package/components/hook-form/RHFAutocomplete/classes/types.d.ts

@@ -9,9 +9,7 @@ export interface RHFAutocompleteClassesType {
     skeletonContainerText: string;
     iconDown: string;
     variantInfo: string;
-    variantImage: string;
     isDisabled: string;
-    imageWidthDefined: string;
     variantSuccess: string;
     variantWarning: string;
     variantError: string;