@m4l/components 0.2.19 → 0.2.21

package/components/PaperForm/types.d.ts

@@ -4,7 +4,10 @@ export interface PaperFormProps {
     urlIcon?: string;
     title: string;
     children: ReactNode;
+    isForm?: boolean;
 }
-export interface HeaderProps extends Omit<PaperFormProps, 'children'> {
+export interface HeaderProps extends Omit<PaperFormProps, 'children' | 'isForm'> {
     classes: Classes;
 }
+export interface OwnerState extends Pick<PaperFormProps, 'isForm'> {
+}

package/components/Period/{index.8e118051.js → index.3c7e8590.js}

@@ -1,8 +1,8 @@
 import { useModuleDictionary, useModuleSkeleton, useEnvironment } from "@m4l/core";
 import { styled, generateUtilityClasses, generateUtilityClass, Autocomplete, TextField, Skeleton } from "@mui/material";
 import { useMemo } from "react";
-import { I as Icon } from "../Icon/index.282c5b58.js";
-import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.8368ac0f.js";
+import { I as Icon } from "../Icon/index.770f86ae.js";
+import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.b8a1d42a.js";
 import { unstable_composeClasses } from "@mui/base";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";

package/components/PopupsProvider/index.3d5ad0ee.js

@@ -0,0 +1,4 @@
+const MAP_ZINDEX_OVER_MAP = 1100;
+export {
+  MAP_ZINDEX_OVER_MAP as M
+};

package/components/PrintingSystem/{index.9dc25af9.js → index.9dcfb35d.js}

@@ -1,20 +1,21 @@
 import { generateUtilityClasses } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../utils/index.9ad3909a.js";
+import { g as getComponentUtilityClass } from "../../utils/index.79b6a2c1.js";
 import { styled, useTheme } from "@mui/material/styles";
 import clsx from "clsx";
-import { D as DividerNode } from "./subcomponents/DividerNode/index.46c5eb9e.js";
-import { S as SectionNode } from "./subcomponents/SectionNode/index.c5588090.js";
-import { T as TextBoxNode } from "./subcomponents/TextBoxNode/index.7792384b.js";
-import { H as HeaderNode } from "./subcomponents/HeaderNode/index.9afcd686.js";
-import { a as ImageNode, Q as QRImageNode } from "../Image/index.8915f577.js";
-import { B as BodyNode } from "./subcomponents/BodyNode/index.6c1cf8f5.js";
-import { F as FooterNode } from "./subcomponents/FooterNode/index.18aa1ddd.js";
-import { P as PaperNode } from "./subcomponents/PaperNode/index.a3967d23.js";
-import { P as PropertyValueNode } from "./subcomponents/PropertyValueNode/index.e1c05641.js";
-import { G as GridNode } from "./subcomponents/GridNode/index.f4b4ffca.js";
-import { C as ChartNode } from "./subcomponents/ChartNode/index.fdb01c74.js";
-import { P as PagerNode, a as PageRender } from "../Page/index.f4aedd2d.js";
+import { D as DividerNode } from "./subcomponents/DividerNode/index.6e177f94.js";
+import { S as SectionNode } from "./subcomponents/SectionNode/index.4941ecf4.js";
+import { T as TextBoxNode } from "./subcomponents/TextBoxNode/index.9cc3b262.js";
+import { H as HeaderNode } from "./subcomponents/HeaderNode/index.a5d48adf.js";
+import { a as ImageNode, Q as QRImageNode } from "../Image/index.6dd3b128.js";
+import { B as BodyNode } from "./subcomponents/BodyNode/index.a3897785.js";
+import { F as FooterNode } from "./subcomponents/FooterNode/index.82f1e38f.js";
+import { P as PaperNode } from "./subcomponents/PaperNode/index.a4c5c3e6.js";
+import { P as PropertyValueNode } from "./subcomponents/PropertyValueNode/index.3764b312.js";
+import { G as GridNode } from "./subcomponents/GridNode/index.2b8fef69.js";
+import { C as ChartNode } from "./subcomponents/ChartNode/index.ecd5e809.js";
+import { P as PagerNode, a as PageRender } from "../Page/index.09e28ba1.js";
+import { useBase, evaluateWithContext } from "@m4l/core";
 import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef, useRef, useImperativeHandle } from "react";
 const componentName = "M4LPrintingSystem";
@@ -104,6 +105,9 @@ const FactoryRender = (props) => {
     children,
     ...otherProps
   } = parent || {};
+  const {
+    sourceData
+  } = useBase();
   const strategiesComponents = {
     section: SectionNode,
     textBox: TextBoxNode,
@@ -129,7 +133,7 @@ const FactoryRender = (props) => {
       return /* @__PURE__ */ jsx(FactoryRender, {
         data: subComponent
       }, `${subComponent.key}-${Math.random().toString(36).substring(7)}`);
-    }) : null, typeof children === "string" ? children : null]
+    }) : null, typeof children === "string" ? evaluateWithContext(sourceData, children) : null]
   });
 };
 const PrintingSystem = forwardRef((props, ref) => {

package/components/PrintingSystem/subcomponents/BodyNode/{index.6c1cf8f5.js → index.a3897785.js}

@@ -1,5 +1,5 @@
 import { useBase } from "@m4l/core";
-import { c as classes, g as getSize } from "../../index.9dc25af9.js";
+import { c as classes, g as getSize } from "../../index.9dcfb35d.js";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 const BodyNode = (props) => {

package/components/PrintingSystem/subcomponents/ChartNode/{index.fdb01c74.js → index.ecd5e809.js}

@@ -1,4 +1,4 @@
-import { c as classes } from "../../index.9dc25af9.js";
+import { c as classes } from "../../index.9dcfb35d.js";
 import clsx from "clsx";
 import { createRef, useEffect } from "react";
 import { Chart, registerables } from "chart.js";

package/components/PrintingSystem/subcomponents/DividerNode/{index.46c5eb9e.js → index.6e177f94.js}

@@ -1,4 +1,4 @@
-import { c as classes } from "../../index.9dc25af9.js";
+import { c as classes } from "../../index.9dcfb35d.js";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 const DividerNode = (props) => {

package/components/PrintingSystem/subcomponents/FooterNode/{index.18aa1ddd.js → index.82f1e38f.js}

@@ -1,5 +1,5 @@
 import { useBase } from "@m4l/core";
-import { c as classes, g as getSize } from "../../index.9dc25af9.js";
+import { c as classes, g as getSize } from "../../index.9dcfb35d.js";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 const FooterNode = (props) => {

package/components/PrintingSystem/subcomponents/GridNode/{index.f4b4ffca.js → index.2b8fef69.js}

@@ -1,5 +1,5 @@
 import { useBase, getPropertyByString, evaluateWithContext } from "@m4l/core";
-import { c as classes, g as getSize } from "../../index.9dc25af9.js";
+import { c as classes, g as getSize } from "../../index.9dcfb35d.js";
 import clsx from "clsx";
 import { jsxs, jsx } from "react/jsx-runtime";
 const GridNode = (props) => {
@@ -17,13 +17,9 @@ const GridNode = (props) => {
     sourceData
   } = useBase();
   const result = getPropertyByString(sourceData, typeof rows === "string" ? rowMaybeString[1] : "");
-  console.log("rows", rows);
-  console.log("result", result);
   const rowEval = Array.isArray(result) ? result : typeof result === "object" ? [{
     ...result
   }] : [];
-  console.log("rows", rows);
-  console.log("rowEval", rowEval);
   const rowsFormated = typeof rows === "string" ? rowEval : rows;
   if (dataColumns.length > 0) {
     return /* @__PURE__ */ jsxs("table", {
@@ -58,7 +54,7 @@ const GridNode = (props) => {
                   minWidth: getSize(dataColumns[id].width || "auto", unitSize),
                   justifyContent: cell.alignX ? cell.alignX : "center"
                 },
-                children: isNested ? evaluateWithContext(row, dataColumns[id].nestedValue || "") : row[dataColumns[id].key]
+                children: isNested ? getPropertyByString(row, dataColumns[id].nestedValue || "") : row[dataColumns[id].key]
               }, `td-${Math.random().toString(36).substring(7)}`);
             })
           }, `tr-${Math.random().toString(36).substring(7)}`);

package/components/PrintingSystem/subcomponents/HeaderNode/{index.9afcd686.js → index.a5d48adf.js}

@@ -1,5 +1,5 @@
 import { useBase } from "@m4l/core";
-import { c as classes, g as getSize } from "../../index.9dc25af9.js";
+import { c as classes, g as getSize } from "../../index.9dcfb35d.js";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 const HeaderNode = (props) => {

package/components/PrintingSystem/subcomponents/PaperNode/{index.a3967d23.js → index.a4c5c3e6.js}

@@ -1,5 +1,5 @@
 import { useBase, evaluateWithContext } from "@m4l/core";
-import { c as classes } from "../../index.9dc25af9.js";
+import { c as classes } from "../../index.9dcfb35d.js";
 import clsx from "clsx";
 import { jsxs, jsx } from "react/jsx-runtime";
 const PaperNode = (props) => {

package/components/PrintingSystem/subcomponents/PropertyValueNode/{index.e1c05641.js → index.3764b312.js}

@@ -1,5 +1,5 @@
 import { useBase, evaluateWithContext } from "@m4l/core";
-import { c as classes, g as getSize } from "../../index.9dc25af9.js";
+import { c as classes, g as getSize } from "../../index.9dcfb35d.js";
 import clsx from "clsx";
 import { jsxs, jsx } from "react/jsx-runtime";
 const PropertyValueNode = (props) => {
@@ -7,18 +7,16 @@ const PropertyValueNode = (props) => {
     style = {},
     className = "",
     property,
-    value,
+    children,
     direction,
     propertyWidth = "auto"
   } = props;
-  console.log();
   const {
     unitSize,
     mainColor,
     sourceData
   } = useBase();
   const propertyFormated = evaluateWithContext(sourceData, property);
-  const valueFormated = evaluateWithContext(sourceData, value);
   return /* @__PURE__ */ jsxs("div", {
     className: clsx(classes.propertyValueNodeRoot, direction === "column" ? classes.propertyValueNodeHorizontal : classes.propertyValueNodeVertical, className),
     style: {
@@ -34,7 +32,7 @@ const PropertyValueNode = (props) => {
       children: propertyFormated
     }), /* @__PURE__ */ jsx("div", {
       className: classes.propertyValueNodeContent,
-      children: valueFormated
+      children
     })]
   });
 };

package/components/PrintingSystem/subcomponents/SectionNode/{index.c5588090.js → index.4941ecf4.js}

@@ -1,5 +1,5 @@
 import { useBase } from "@m4l/core";
-import { c as classes, g as getSize } from "../../index.9dc25af9.js";
+import { c as classes, g as getSize } from "../../index.9dcfb35d.js";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 const SectionNode = (props) => {

package/components/PrintingSystem/subcomponents/TextBoxNode/{index.7792384b.js → index.9cc3b262.js}

@@ -1,5 +1,5 @@
 import { useBase, evaluateWithContext } from "@m4l/core";
-import { c as classes } from "../../index.9dc25af9.js";
+import { c as classes } from "../../index.9dcfb35d.js";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 const TextBoxNode = (props) => {

package/components/PrintingSystem/types.d.ts

@@ -163,10 +163,10 @@ export interface PropertyValue extends Omit<BaseNode, 'children'> {
     type: 'propertyValue';
     property: string;
     propertyWidth?: number | string;
-    value: string;
+    children: string | NodePrintPropertyValue[];
     direction: Direction;
-    children?: string;
 }
+export declare type NodePrintPropertyValue = SectionNode | TextBoxNode | ImageNode | FooterNode | PaperNode | DividerNode | GridNode | ChartNode | PagerNode | QRImageNode;
 /**
  * DividerNode: Componente que aporta una división gráfica.
  */

package/components/PropertyValue/{index.d61c943c.js → index.d975c7f3.js}

@@ -7,7 +7,7 @@ import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import { g as getNameDataTestId } from "../../test/getNameDataTestId.14875ec7.js";
 import { useState } from "react";
 import { jsxs, jsx } from "react/jsx-runtime";
-import { I as Icon } from "../Icon/index.282c5b58.js";
+import { I as Icon } from "../Icon/index.770f86ae.js";
 import { T as Typography } from "../mui_extended/Typography/index.379dd374.js";
 const PropertyValueRoot = styled("div")(({
   theme
@@ -90,7 +90,6 @@ function PropertyValue(props) {
   };
   const handlerKeyUp = (event) => {
     if (event.key === "Tab") {
-      console.log("handlerKeyDown condition ok");
       setIsTabSelected(true);
     }
   };

package/components/Resizeable/{index.18c86aff.js → index.14ab4804.js}

@@ -1,5 +1,5 @@
 import { styled } from "@mui/material/styles";
-import { a as ResizableBox } from "../../react-resizable.f2c58a4c.js";
+import { a as ResizableBox } from "../../react-resizable.3cdda6a7.js";
 import { jsx } from "react/jsx-runtime";
 const WrapperResizeable = styled(ResizableBox)(({
   theme

package/components/SideBar/{index.f5aecd41.js → index.e55c9b7c.js}

@@ -4,12 +4,12 @@ import { styled as styled$1, generateUtilityClasses, ListItemText, Tooltip, List
 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.9ad3909a.js";
+import { g as getComponentUtilityClass } from "../../utils/index.79b6a2c1.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.8915f577.js";
-import { I as IconButton } from "../mui_extended/IconButton/index.a719445f.js";
-import { I as Icon, A as ArrowIcon } from "../Icon/index.282c5b58.js";
+import { I as Image } from "../Image/index.6dd3b128.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.023c369f.js";
+import { I as Icon, A as ArrowIcon } from "../Icon/index.770f86ae.js";
 import { T as Typography } from "../mui_extended/Typography/index.379dd374.js";
 import clsx from "clsx";
 import { useLocation } from "react-router-dom";

package/components/ToastContainer/{index.83304f62.js → index.b5f27f85.js}

@@ -1,11 +1,11 @@
 import { styled, generateUtilityClasses } from "@mui/material";
-import { A } from "../../node_modules.bb836860.js";
+import { A } from "../../node_modules.448153f1.js";
 import { jsxs, jsx } from "react/jsx-runtime";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../utils/index.9ad3909a.js";
+import { g as getComponentUtilityClass } from "../../utils/index.79b6a2c1.js";
 import { useEnvironment } from "@m4l/core";
 import { useMemo } from "react";
-import { I as Icon } from "../Icon/index.282c5b58.js";
+import { I as Icon } from "../Icon/index.770f86ae.js";
 const ToastContainerRoot = styled("div")(({ theme }) => ({
   ...theme.components?.M4LToastContainer?.styleOverrides
 }));

package/components/areas/components/AreasAdmin/{index.c55d5c24.js → index.c802bb2f.js}

@@ -1,4 +1,4 @@
-import { u as useAreasStore } from "../../hooks/useAreas/index.71bc8f19.js";
+import { u as useAreasStore } from "../../hooks/useAreas/index.5da0bc90.js";
 import { useEnvironment, useModuleDictionary } from "@m4l/core";
 import { useState, useRef, useMemo } from "react";
 import * as Yup from "yup";
@@ -6,26 +6,26 @@ import clsx from "clsx";
 import { generateUtilityClasses, useTheme } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import { A as AREAS_ADMIN_CLASS_NAME } from "../../constants.66529246.js";
-import { g as getComponentUtilityClass } from "../../../../utils/index.9ad3909a.js";
+import { g as getComponentUtilityClass } from "../../../../utils/index.79b6a2c1.js";
 import { I as ICONS } from "../../icons.8266ccc8.js";
 import { g as getAreasDictionary, D as DICCTIONARY } from "../../dictionary.08cfc4c9.js";
 import { styled } from "@mui/material/styles";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { shallow } from "zustand/shallow";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { M as MenuActions } from "../../../mui_extended/MenuActions/index.62359120.js";
+import { M as MenuActions } from "../../../mui_extended/MenuActions/index.34293162.js";
 import { R as RHFormProvider } from "../../../../contexts/RHFormContext/index.7769076a.js";
-import { R as RHFTextField } from "../../../hook-form/RHFTextField/index.ab689d7d.js";
-import { A as Actions } from "../../../CommonActions/components/Actions/index.8368ac0f.js";
-import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.106c5327.js";
-import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.bd2a14b2.js";
-import { I as IconButton } from "../../../mui_extended/IconButton/index.a719445f.js";
+import { R as RHFTextField } from "../../../hook-form/RHFTextField/index.78934e84.js";
+import { A as Actions } from "../../../CommonActions/components/Actions/index.b8a1d42a.js";
+import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.bd595785.js";
+import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.64498081.js";
+import { I as IconButton } from "../../../mui_extended/IconButton/index.023c369f.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 TouchRipple from "@mui/material/ButtonBase/TouchRipple";
-import { B as Button } from "../../../mui_extended/Button/index.5c68764a.js";
-import { I as Icon } from "../../../Icon/index.282c5b58.js";
+import { B as Button } from "../../../mui_extended/Button/index.928f05b7.js";
+import { I as Icon } from "../../../Icon/index.770f86ae.js";
 import { u as useOnClickOutside } from "../../index.4cc6a221.js";
 const areasAdminClasses = generateUtilityClasses(AREAS_ADMIN_CLASS_NAME, [
   "root",
@@ -650,21 +650,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/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" | "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 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 type ViwerClasses = ReturnType<typeof useAreasViewerUtilityClasses>;

package/components/areas/components/AreasViewer/{index.2bec316e.js → index.214d8c7d.js}

@@ -1,36 +1,36 @@
 import { styled } from "@mui/material/styles";
-import { r as react_resizable_css } from "../../../../react-resizable.f2c58a4c.js";
+import { r as react_resizable_css } from "../../../../react-resizable.3cdda6a7.js";
 import { generateUtilityClasses, Skeleton, Dialog } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import { a as AREAS_VIEWER_CLASS_NAME } from "../../constants.66529246.js";
-import { g as getComponentUtilityClass } from "../../../../utils/index.9ad3909a.js";
+import { g as getComponentUtilityClass } from "../../../../utils/index.79b6a2c1.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.71bc8f19.js";
+import { u as useAreasStore } from "../../hooks/useAreas/index.5da0bc90.js";
 import { useModuleDictionary, useEnvironment, useModuleSkeleton } from "@m4l/core";
-import { a as MemonizedMenuActions } from "../../../mui_extended/MenuActions/index.62359120.js";
+import { a as MemonizedMenuActions } from "../../../mui_extended/MenuActions/index.34293162.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
 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 { I as IconButton } from "../../../mui_extended/IconButton/index.a719445f.js";
-import { L as LinearProgressIndeterminate } from "../../../LinearProgressIndeterminate/index.2d53ade4.js";
-import { I as Icon } from "../../../Icon/index.282c5b58.js";
+import { I as IconButton } from "../../../mui_extended/IconButton/index.023c369f.js";
+import { L as LinearProgressIndeterminate } from "../../../LinearProgressIndeterminate/index.32caeee2.js";
+import { I as Icon } from "../../../Icon/index.770f86ae.js";
 import { T as Typography } from "../../../mui_extended/Typography/index.379dd374.js";
-import { M as MFLoader } from "../../../MFLoader/index.cc563716.js";
+import { M as MFLoader } from "../../../MFLoader/index.544940c7.js";
 import { W as WindowToolsMFProvider } from "../../contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import { D as DynamicMFParmsProvider } from "../../contexts/DynamicMFParmsContext/index.1607c78e.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 "../../../../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.827ee1e5.js";
-import { w as withSizeProvider } from "../../../GridLayout/subcomponents/SizeProvider/index.a751962f.js";
-import { R as Responsive } from "../../../GridLayout/subcomponents/Responsive/index.3839890b.js";
+import { R as RESPONSIVE_COLAPSED_HEIGHTS, a as RESPONSIVE_ROW_HEIGHTS, M as MARGIN_GRIDLAYOUT, P as PADDING_GRIDLAYOUT } from "../../contexts/AreasContext/index.055ab6e2.js";
+import { w as withSizeProvider } from "../../../GridLayout/subcomponents/SizeProvider/index.6b5de802.js";
+import { R as Responsive } from "../../../GridLayout/subcomponents/Responsive/index.dfed4e68.js";
 import { useLocation } from "react-router-dom";
-import { L as LoadingError } from "../../../LoadingError/index.d95e6efb.js";
-import { c as cjs } from "../../../../react-draggable.312ab17d.js";
-import { R as ResizeableWindow } from "../../../Resizeable/index.18c86aff.js";
+import { L as LoadingError } from "../../../LoadingError/index.3a86956f.js";
+import { c as cjs } from "../../../../react-draggable.38b6012b.js";
+import { R as ResizeableWindow } from "../../../Resizeable/index.14ab4804.js";
 const areasViewerClasses = generateUtilityClasses(AREAS_VIEWER_CLASS_NAME, [
   "root",
   "areaRoot",
@@ -846,8 +846,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 +920,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 +982,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/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.827ee1e5.js → index.055ab6e2.js}

@@ -5,17 +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.2bec316e.js";
-import { u as useAreasAdminUtilityClasses } from "../../components/AreasAdmin/index.c55d5c24.js";
+import { u as useAreasViewerUtilityClasses } from "../../components/AreasViewer/index.214d8c7d.js";
+import { u as useAreasAdminUtilityClasses } from "../../components/AreasAdmin/index.c802bb2f.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.3839890b.js";
+import { a as addLayoutItemToBreakPointIfNoExists, b as addLayoutItemToBreakPoints, c as cloneLayouts } from "../../../GridLayout/subcomponents/Responsive/index.dfed4e68.js";
 import { debounce, cloneDeep } from "lodash";
-import { A as isEqualLayouts } from "../../../GridLayout/index.4d26c328.js";
+import { A as isEqualLayouts } from "../../../GridLayout/index.88b62a5d.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 +398,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 +428,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 +637,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 +929,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 +1062,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/hooks/useAreas/{index.71bc8f19.js → index.5da0bc90.js}

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

package/components/formatters/BooleanFormatter/{index.b21353a5.js → index.7a463493.js}

@@ -1,8 +1,8 @@
 import { useMemo } from "react";
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
-import { I as Icon } from "../../Icon/index.282c5b58.js";
+import { I as Icon } from "../../Icon/index.770f86ae.js";
 import { W as WrapperComponent } from "../../WrapperComponent/index.5e872594.js";
-import { F as FormatterRoot, f as formatterClasses } from "../index.7b216229.js";
+import { F as FormatterRoot, f as formatterClasses } from "../index.648cf3b0.js";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 const BOOLEAN_FORMATTER_DICTIONARY_KEY = `boolean_formatter`;
@@ -26,7 +26,6 @@ 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/{index.7b216229.js → index.648cf3b0.js}

@@ -3,7 +3,7 @@ import "@mui/base";
 import { jsx } from "react/jsx-runtime";
 import { W as WrapperComponent } from "../WrapperComponent/index.5e872594.js";
 import { useModuleDictionary } from "@m4l/core";
-import { a as BOOLEAN_FORMATTER_DICTIONARY_KEY } from "./BooleanFormatter/index.b21353a5.js";
+import { a as BOOLEAN_FORMATTER_DICTIONARY_KEY } from "./BooleanFormatter/index.7a463493.js";
 const COMPONENT_CLASS_NAME = "M4LFormatter";
 const formatterClasses = generateUtilityClasses(COMPONENT_CLASS_NAME, [
   "root",

package/components/hook-form/RHFAutocomplete/{index.210ee73f.js → index.d05ae217.js}

@@ -2,7 +2,7 @@ import { useModuleDictionary, useModuleSkeleton, useEnvironment } from "@m4l/cor
 import { useFormContext, Controller } from "react-hook-form";
 import { Skeleton, generateUtilityClasses, generateUtilityClass, useTheme, Autocomplete, Popper, TextField, CircularProgress } from "@mui/material";
 import { styled } from "@mui/material/styles";
-import { I as Image } from "../../Image/index.8915f577.js";
+import { I as Image } from "../../Image/index.6dd3b128.js";
 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";
@@ -10,7 +10,7 @@ import { T as Typography } from "../../mui_extended/Typography/index.379dd374.js
 import { unstable_composeClasses } from "@mui/base";
 import { H as HelperText } from "../../HelperText/index.7d2afdb3.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
-import { I as IconButton } from "../../mui_extended/IconButton/index.a719445f.js";
+import { I as IconButton } from "../../mui_extended/IconButton/index.023c369f.js";
 const AutocompleteRoot = styled("div")(({
   theme
 }) => ({
@@ -279,7 +279,6 @@ function RHFAutocomplete(props) {
             inputValue,
             clearOnBlur: false,
             PopperComponent: (props2) => {
-              console.log("Autocomplete open Popover");
               return /* @__PURE__ */ jsx(Popper, {
                 ...props2,
                 className: classes.popper,

package/components/hook-form/RHFAutocompleteAsync/{index.e5935f63.js → index.699b8aaf.js}

@@ -6,7 +6,7 @@ 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 { jsx } from "react/jsx-runtime";
-import { R as RHFAutocomplete, g as getRHFAutocompleteComponentsDictionary } from "../RHFAutocomplete/index.210ee73f.js";
+import { R as RHFAutocomplete, g as getRHFAutocompleteComponentsDictionary } from "../RHFAutocomplete/index.d05ae217.js";
 styled("div")(() => ({
   display: "flex",
   width: "100%",