@m4l/components 0.1.89 → 0.1.92

package/components/GridLayout/subcomponents/Responsive/types.d.ts

@@ -34,6 +34,14 @@ export declare type ResponsiveState = {
      * "contaierPadding" padding del contenedor para el brekpoint actual
      **/
     contaierPadding: Margin;
+    /**
+     * colapsedHeight: Valor de altura de un grid item colapsado.
+     */
+    colapsedHeight: number;
+    /**
+     * colapsedHeight: Valor de altura de un grid item colapsado.
+     */
+    rowHeight: number;
 };
 export declare type OnLayoutChangeCallback = (layout: Layout, layouts: Layouts) => void;
 export declare type LayoutItemResponsive = {
@@ -81,6 +89,14 @@ export declare type RefResponsiveState = {
      * "containerHeight" altura del contendor offsetParent.height (No incluye el contenido oculto )
      */
     containerHeight: number;
+    /**
+     * colapsedHeight: Valor de altura de un grid item colapsado.
+     */
+    colapsedHeight: number;
+    /**
+     * colapsedHeight: Valor de altura de un grid item colapsado.
+     */
+    rowHeight: number;
 };
 export declare type ContainerChangeEvent = {
     containerWidth: number;
@@ -92,7 +108,7 @@ export declare type OnContainerChange = (event: ContainerChangeEvent) => void;
 export declare type BreakpointCols = {
     [key: Breakpoint]: number;
 };
-export interface ResponsiveProps extends CoreProps {
+export interface ResponsiveProps extends Omit<CoreProps, 'colapsedHeight' | 'rowHeight'> {
     /**
      * "breakpoint" permite configurar a traves de prop el breakpoint a mostrar,
      * por encima del que puede estar detectando en el contenedor root del gridLayout
@@ -143,6 +159,11 @@ export interface ResponsiveProps extends CoreProps {
      * "onLayoutChange" handler que recibirá los cambios asociados a las medidas del contenedor, breakpoint y columnas
      */
     onContainerChange?: OnContainerChange;
+    /**
+     * colapsedHeight: Valor de altura de los grid items colapsados.
+     */
+    colapsedHeight: number | Record<string, number>;
+    rowHeight: number | Record<string, number>;
 }
 /**
  * "ResponsiveInitialStateProps" interfaz usada en la inicialización y conciliación del primer estado del componente

package/components/GridLayout/types.d.ts

@@ -174,7 +174,18 @@ export declare type GridLayoutRefState = {
      * "oldResizeItem" snapshot de layoutItem cuando inicia el resizzing
      */
     oldResizeItem?: LayoutItem;
+    /**
+     *
+     */
     zIndexes: string[];
+    /**
+     * colapsedHeight
+     */
+    colapsedHeight: number;
+    /**
+     * rowHeight
+     */
+    rowHeight: number;
 };
 export declare type Layout = Array<LayoutItem>;
 /** Tipos de datos para el responsive que es nec */

package/components/HelperText/{index.69791151.js → index.191348cc.js}

@@ -6,7 +6,7 @@ import "clsx";
 import { jsx } from "react/jsx-runtime";
 import "../mui_extended/IconButton/index.76624519.js";
 import "@m4l/graphics";
-import "../mui_extended/Accordion/index.0e0090ca.js";
+import "../mui_extended/Accordion/index.cdedddba.js";
 import { T as Typography } from "../mui_extended/Typography/index.443590d6.js";
 import "../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
@@ -16,10 +16,10 @@ import "../mui_extended/CheckBox.38abccd8.js";
 import "../mui_extended/Badge/index.b09524fe.js";
 import "../Image/index.c18ebf5a.js";
 import "@mui/lab";
-import "../mui_extended/MenuActions/index.4c2e48d4.js";
+import "../mui_extended/MenuActions/index.7669b8af.js";
 import "../mui_extended/Popover/index.9f35d0eb.js";
 import "../mui_extended/Stack/index.0e53197c.js";
-import "../mui_extended/Tab/index.3db2e0c7.js";
+import "../mui_extended/Tab/index.5f09e16a.js";
 import "../mui_extended/Pager/index.ac2a21f0.js";
 import "../mui_extended/Tooltip/index.5a795dcd.js";
 import { unstable_composeClasses } from "@mui/base";

package/components/LanguagePopover/{index.349d359c.js → index.a74f2065.js}

@@ -8,7 +8,7 @@ import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import "clsx";
 import { jsxs, jsx } from "react/jsx-runtime";
 import "../mui_extended/IconButton/index.76624519.js";
-import "../mui_extended/Accordion/index.0e0090ca.js";
+import "../mui_extended/Accordion/index.cdedddba.js";
 import "../mui_extended/Typography/index.443590d6.js";
 import "../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
@@ -18,10 +18,10 @@ import "../mui_extended/CheckBox.38abccd8.js";
 import { C as CircularProgress } from "../mui_extended/CircularProgress/index.ad569afd.js";
 import "../mui_extended/Badge/index.b09524fe.js";
 import "@mui/lab";
-import "../mui_extended/MenuActions/index.4c2e48d4.js";
+import "../mui_extended/MenuActions/index.7669b8af.js";
 import { P as Popover } from "../mui_extended/Popover/index.9f35d0eb.js";
 import "../mui_extended/Stack/index.0e53197c.js";
-import "../mui_extended/Tab/index.3db2e0c7.js";
+import "../mui_extended/Tab/index.5f09e16a.js";
 import "../mui_extended/Pager/index.ac2a21f0.js";
 import "../mui_extended/Tooltip/index.5a795dcd.js";
 import { unstable_composeClasses } from "@mui/base";

package/components/ModalDialog/{index.302a87c9.js → index.99745527.js}

@@ -1,11 +1,11 @@
 import { useTheme, Dialog, Paper } from "@mui/material";
 import { c as cjs } from "../../react-draggable.7abb5d0a.js";
-import { u as useModal } from "../../hooks/useModal/index.6457198c.js";
+import { u as useModal } from "../../hooks/useModal/index.fa6dfaa1.js";
 import { R as ResizeableWindow } from "../Resizeable/index.676c96fe.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
-import { m as modalUtilityClasses } from "../modal/index.dbdb6ac0.js";
+import { m as modalUtilityClasses } from "../modal/index.b434146b.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.366cb775.js";
+import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.7a196c44.js";
 const DragabblePaperComponent = (props) => {
   return /* @__PURE__ */ jsx(cjs.exports, {
     handle: ".m4l_draggable_handle",

package/components/NavLink/{index.8fe407ef.js → index.f12bba32.js}

@@ -8,7 +8,7 @@ import "clsx";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import "../mui_extended/IconButton/index.76624519.js";
 import "@m4l/graphics";
-import "../mui_extended/Accordion/index.0e0090ca.js";
+import "../mui_extended/Accordion/index.cdedddba.js";
 import { T as Typography } from "../mui_extended/Typography/index.443590d6.js";
 import "../mui_extended/Avatar/index.75e6ed57.js";
 import "@mui/material/Button";
@@ -17,10 +17,10 @@ import "../mui_extended/CheckBox.38abccd8.js";
 import "../mui_extended/Badge/index.b09524fe.js";
 import "../Image/index.c18ebf5a.js";
 import "@mui/lab";
-import "../mui_extended/MenuActions/index.4c2e48d4.js";
+import "../mui_extended/MenuActions/index.7669b8af.js";
 import "../mui_extended/Popover/index.9f35d0eb.js";
 import "../mui_extended/Stack/index.0e53197c.js";
-import "../mui_extended/Tab/index.3db2e0c7.js";
+import "../mui_extended/Tab/index.5f09e16a.js";
 import "../mui_extended/Pager/index.ac2a21f0.js";
 import "../mui_extended/Tooltip/index.5a795dcd.js";
 import { unstable_composeClasses } from "@mui/base";

package/components/ObjectLogs/{index.98d3400e.js → index.9bbac2a0.js}

@@ -1,29 +1,29 @@
 import { useState, useEffect, useCallback, useMemo } from "react";
 import { useNetwork, useModuleDictionary, useEnvironment, usePaginate } from "@m4l/core";
 import { styled } from "@mui/material/styles";
-import { c as DataGrid, g as getDataGridComponentsDictionary } from "../DataGrid/index.8c887df9.js";
+import { c as DataGrid, g as getDataGridComponentsDictionary } from "../DataGrid/index.95cea2ca.js";
 import { D as DateFormatter } from "../formatters/DateFormatter/index.578a9f53.js";
 import { Tooltip, IconButton } from "@mui/material";
 import { useHostTheme, useResponsiveDesktop } from "@m4l/graphics";
 import { R as ReactJson } from "../../react-json-view.57125fcf.js";
 import { S as ScrollBar } from "../ScrollBar/index.65bb2930.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { u as useModal } from "../../hooks/useModal/index.6457198c.js";
+import { u as useModal } from "../../hooks/useModal/index.fa6dfaa1.js";
 import { I as Icon } from "../Icon/index.a70c4729.js";
 import "../../react-draggable.7abb5d0a.js";
 import "../Resizeable/index.676c96fe.js";
-import "../modal/index.dbdb6ac0.js";
-import "../CommonActions/components/Actions/index.366cb775.js";
+import "../modal/index.b434146b.js";
+import "../CommonActions/components/Actions/index.7a196c44.js";
 import "@mui/material/Button";
 import "../mui_extended/Button/index.f79eb74e.js";
 import "clsx";
 import "react-hook-form";
 import "../mui_extended/IconButton/index.76624519.js";
 import "zustand";
-import "../areas/contexts/AreasContext/index.7a2d5394.js";
-import "../areas/components/AreasAdmin/index.cb3d7bd6.js";
+import "../areas/contexts/AreasContext/index.d528f6e7.js";
+import "../areas/components/AreasAdmin/index.cd054608.js";
 import "zustand/shallow";
-import "../mui_extended/Accordion/index.0e0090ca.js";
+import "../mui_extended/Accordion/index.cdedddba.js";
 import "../mui_extended/Typography/index.443590d6.js";
 import "../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
@@ -31,18 +31,18 @@ import "../mui_extended/CheckBox.38abccd8.js";
 import "../mui_extended/Badge/index.b09524fe.js";
 import "../Image/index.c18ebf5a.js";
 import "@mui/lab";
-import "../mui_extended/MenuActions/index.4c2e48d4.js";
+import "../mui_extended/MenuActions/index.7669b8af.js";
 import "../mui_extended/Popover/index.9f35d0eb.js";
 import "../mui_extended/Stack/index.0e53197c.js";
-import "../mui_extended/Tab/index.3db2e0c7.js";
+import "../mui_extended/Tab/index.5f09e16a.js";
 import "../mui_extended/Pager/index.ac2a21f0.js";
 import "../mui_extended/Tooltip/index.5a795dcd.js";
-import "../areas/components/AreasViewer/index.1eef603d.js";
+import "../areas/components/AreasViewer/index.62abf0bb.js";
 import "../LinearProgressIndeterminate/index.60dabc06.js";
 import "../areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import "../areas/contexts/DynamicMFParmsContext/index.1607c78e.js";
-import { W as WindowBase } from "../modal/WindowBase.39a70f35.js";
-import { D as DynamicFilter, g as getDynamicFilterComponentsDictionary } from "../DynamicFilter/index.d2e7bdcc.js";
+import { W as WindowBase } from "../modal/WindowBase.a4752aa1.js";
+import { D as DynamicFilter, g as getDynamicFilterComponentsDictionary } from "../DynamicFilter/index.e9192ebd.js";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 const Container = styled("div")(() => ({
   height: "100%",

package/components/Period/{index.972dbe64.js → index.ebd5e3b7.js}

@@ -2,38 +2,38 @@ import { useModuleDictionary, useModuleSkeleton, useEnvironment } from "@m4l/cor
 import { styled, generateUtilityClasses, generateUtilityClass, Autocomplete, TextField, Skeleton } from "@mui/material";
 import { useMemo } from "react";
 import { I as Icon } from "../Icon/index.a70c4729.js";
-import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.366cb775.js";
+import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.7a196c44.js";
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import "@mui/material/Button";
 import "../mui_extended/Button/index.f79eb74e.js";
 import "clsx";
 import "react-hook-form";
-import "../../contexts/ModalContext/index.1fc9f5d9.js";
+import "../../contexts/ModalContext/index.347f6738.js";
 import "../../react-draggable.7abb5d0a.js";
 import "../Resizeable/index.676c96fe.js";
 import "@m4l/graphics";
-import "../modal/index.dbdb6ac0.js";
+import "../modal/index.b434146b.js";
 import "../Image/index.c18ebf5a.js";
 import "../mui_extended/IconButton/index.76624519.js";
-import "../mui_extended/Accordion/index.0e0090ca.js";
+import "../mui_extended/Accordion/index.cdedddba.js";
 import { T as Typography } from "../mui_extended/Typography/index.443590d6.js";
 import "../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
 import "../mui_extended/CheckBox.38abccd8.js";
 import "../mui_extended/Badge/index.b09524fe.js";
 import "@mui/lab";
-import "../mui_extended/MenuActions/index.4c2e48d4.js";
+import "../mui_extended/MenuActions/index.7669b8af.js";
 import "../mui_extended/Popover/index.9f35d0eb.js";
 import "../mui_extended/Stack/index.0e53197c.js";
-import "../mui_extended/Tab/index.3db2e0c7.js";
+import "../mui_extended/Tab/index.5f09e16a.js";
 import "../mui_extended/Pager/index.ac2a21f0.js";
 import "../mui_extended/Tooltip/index.5a795dcd.js";
 import "zustand";
-import "../areas/contexts/AreasContext/index.7a2d5394.js";
-import "../areas/components/AreasAdmin/index.cb3d7bd6.js";
+import "../areas/contexts/AreasContext/index.d528f6e7.js";
+import "../areas/components/AreasAdmin/index.cd054608.js";
 import "zustand/shallow";
 import "../ScrollBar/index.65bb2930.js";
-import "../areas/components/AreasViewer/index.1eef603d.js";
+import "../areas/components/AreasViewer/index.62abf0bb.js";
 import "../LinearProgressIndeterminate/index.60dabc06.js";
 import "../areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import "../areas/contexts/DynamicMFParmsContext/index.1607c78e.js";

package/components/PropertyValue/{index.d3d71d50.js → index.76fa6a12.js}

@@ -1,7 +1,7 @@
 import { styled } from "@mui/material/styles";
 import { Skeleton, generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
-import { g as getNameDataTestId } from "../../vendor.92191f81.js";
+import { g as getNameDataTestId } from "../../vendor.e14dec76.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { useModuleSkeleton } from "@m4l/core";

package/components/areas/components/AreasAdmin/{index.cb3d7bd6.js → index.cd054608.js}

@@ -1,10 +1,10 @@
 import { I as IconButton } from "../../../mui_extended/IconButton/index.76624519.js";
-import { u as useAreasStore } from "../../hooks/useAreas/index.1f112e0b.js";
+import { u as useAreasStore } from "../../hooks/useAreas/index.d417e4b2.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.0e0090ca.js";
+import "../../../mui_extended/Accordion/index.cdedddba.js";
 import { I as Icon } from "../../../Icon/index.a70c4729.js";
 import clsx from "clsx";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
@@ -17,10 +17,10 @@ import "../../../mui_extended/CheckBox.38abccd8.js";
 import "../../../mui_extended/Badge/index.b09524fe.js";
 import "../../../Image/index.c18ebf5a.js";
 import "@mui/lab";
-import { M as MenuActions } from "../../../mui_extended/MenuActions/index.4c2e48d4.js";
+import { M as MenuActions } from "../../../mui_extended/MenuActions/index.7669b8af.js";
 import { P as Popover } from "../../../mui_extended/Popover/index.9f35d0eb.js";
 import "../../../mui_extended/Stack/index.0e53197c.js";
-import "../../../mui_extended/Tab/index.3db2e0c7.js";
+import "../../../mui_extended/Tab/index.5f09e16a.js";
 import "../../../mui_extended/Pager/index.ac2a21f0.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import "../../../mui_extended/Tooltip/index.5a795dcd.js";
@@ -29,39 +29,39 @@ import { g as getComponentUtilityClass } from "../../../../utils/index.c43a95f4.
 import { A as AREAS_ADMIN_CLASS_NAME } from "../../constants.66529246.js";
 import { I as ICONS } from "../../icons.8266ccc8.js";
 import "../../contexts/DynamicMFParmsContext/index.1607c78e.js";
-import "../../../../contexts/ModalContext/index.1fc9f5d9.js";
+import "../../../../contexts/ModalContext/index.347f6738.js";
 import { R as RHFormProvider } from "../../../../contexts/RHFormContext/index.1755b324.js";
 import "react-hook-form";
-import "../../../hook-form/RHFAutocomplete/index.5c23bd25.js";
-import "../../../HelperText/index.69791151.js";
+import "../../../hook-form/RHFAutocomplete/index.29a4c62c.js";
+import "../../../HelperText/index.191348cc.js";
 import "lodash/debounce";
-import "../../../hook-form/RHFAutocompleteAsync/index.85b11f3a.js";
-import "../../../hook-form/RHFCheckbox/index.a136882e.js";
+import "../../../hook-form/RHFAutocompleteAsync/index.647c3f9c.js";
+import "../../../hook-form/RHFCheckbox/index.0b89ea5c.js";
 import "@mui/x-date-pickers";
-import "../../../hook-form/RHFDateTime/index.1ca795b0.js";
-import { R as RHFTextField } from "../../../hook-form/RHFTextField/index.ccea64e7.js";
-import "../../../hook-form/RHFPeriod/index.90777c53.js";
-import "../../../Period/index.972dbe64.js";
-import { A as Actions } from "../../../CommonActions/components/Actions/index.366cb775.js";
-import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.ffc5618a.js";
-import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.81d2648b.js";
+import "../../../hook-form/RHFDateTime/index.1adc88ad.js";
+import { R as RHFTextField } from "../../../hook-form/RHFTextField/index.a1a240b1.js";
+import "../../../hook-form/RHFPeriod/index.a4476d23.js";
+import "../../../Period/index.ebd5e3b7.js";
+import { A as Actions } from "../../../CommonActions/components/Actions/index.7a196c44.js";
+import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.54588e5b.js";
+import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.f20cffae.js";
 import "../../../../react-draggable.7abb5d0a.js";
 import "../../../Resizeable/index.676c96fe.js";
-import "../../../modal/index.dbdb6ac0.js";
+import "../../../modal/index.b434146b.js";
 import { shallow } from "zustand/shallow";
 import { styled } from "@mui/material/styles";
 import { S as ScrollBar } from "../../../ScrollBar/index.65bb2930.js";
 import { g as getAreasDictionary, D as DICCTIONARY } from "../../dictionary.08cfc4c9.js";
 import TouchRipple from "@mui/material/ButtonBase/TouchRipple";
-import "../AreasViewer/index.1eef603d.js";
+import "../AreasViewer/index.62abf0bb.js";
 import "../../../LinearProgressIndeterminate/index.60dabc06.js";
-import "../../contexts/AreasContext/index.7a2d5394.js";
+import "../../contexts/AreasContext/index.d528f6e7.js";
 import "../../contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import "zustand";
 import "lodash/isString";
 import "react-dropzone";
-import "../../../hook-form/RHFUpload/index.85e59119.js";
-import { u as useOnClickOutside } from "../../index.aaaa1f62.js";
+import "../../../hook-form/RHFUpload/index.a4582341.js";
+import { u as useOnClickOutside } from "../../index.8d6d8969.js";
 const areasAdminClasses = generateUtilityClasses(AREAS_ADMIN_CLASS_NAME, [
   "root",
   "rootContent",

package/components/areas/components/AreasViewer/{index.1eef603d.js → index.62abf0bb.js}

@@ -13,10 +13,10 @@ import { a as AREAS_VIEWER_CLASS_NAME } from "../../constants.66529246.js";
 import { shallow } from "zustand/shallow";
 import React__default, { useMemo, useState, useCallback, useEffect } from "react";
 import clsx from "clsx";
-import { u as useAreasStore } from "../../hooks/useAreas/index.1f112e0b.js";
+import { u as useAreasStore } from "../../hooks/useAreas/index.d417e4b2.js";
 import { useModuleDictionary, useEnvironment, useModuleSkeleton, useNetwork, useHostTools, axiosOperation } from "@m4l/core";
 import { I as IconButton } from "../../../mui_extended/IconButton/index.76624519.js";
-import "../../../mui_extended/Accordion/index.0e0090ca.js";
+import "../../../mui_extended/Accordion/index.cdedddba.js";
 import { I as Icon } from "../../../Icon/index.a70c4729.js";
 import { T as Typography } from "../../../mui_extended/Typography/index.443590d6.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
@@ -28,10 +28,10 @@ import "../../../mui_extended/CheckBox.38abccd8.js";
 import "../../../mui_extended/Badge/index.b09524fe.js";
 import "../../../Image/index.c18ebf5a.js";
 import "@mui/lab";
-import { M as MenuActions, a as MemonizedMenuActions } from "../../../mui_extended/MenuActions/index.4c2e48d4.js";
+import { M as MenuActions, a as MemonizedMenuActions } from "../../../mui_extended/MenuActions/index.7669b8af.js";
 import "../../../mui_extended/Popover/index.9f35d0eb.js";
 import "../../../mui_extended/Stack/index.0e53197c.js";
-import "../../../mui_extended/Tab/index.3db2e0c7.js";
+import "../../../mui_extended/Tab/index.5f09e16a.js";
 import "../../../mui_extended/Pager/index.ac2a21f0.js";
 import { useResponsiveDesktop, useHostTheme, useFormatter, useLocales, useFirstRender } from "@m4l/graphics";
 import "../../../mui_extended/Tooltip/index.5a795dcd.js";
@@ -42,57 +42,57 @@ import debounce from "lodash/debounce";
 import { L as LinearProgress } from "../../../mui_extended/LinearProgress/index.c92b9ba9.js";
 import { W as WindowToolsMFProvider } from "../../contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import { D as DynamicMFParmsProvider } from "../../contexts/DynamicMFParmsContext/index.1607c78e.js";
-import "../../../../contexts/ModalContext/index.1fc9f5d9.js";
+import "../../../../contexts/ModalContext/index.347f6738.js";
 import "../../../../contexts/RHFormContext/index.1755b324.js";
-import "../../../GridLayout/subcomponents/Griditem/index.c7a33781.js";
-import { S as SizeProvider } from "../../../GridLayout/index.8ae34c50.js";
-import { R as Responsive } from "../../../GridLayout/subcomponents/Responsive/index.96cdb1b4.js";
-import { R as ROW_HEIGTH_GRIDLAYOUT, M as MARGIN_GRIDLAYOUT, P as PADDING_GRIDLAYOUT } from "../../contexts/AreasContext/index.7a2d5394.js";
+import "../../../GridLayout/subcomponents/Griditem/index.d6f326d2.js";
+import { S as SizeProvider } from "../../../GridLayout/index.5e43414d.js";
+import { R as Responsive } from "../../../GridLayout/subcomponents/Responsive/index.d41e31ca.js";
+import { R as RESPONSIVE_COLAPSED_HEIGHTS, a as RESPONSIVE_ROW_HEIGHTS, M as MARGIN_GRIDLAYOUT, P as PADDING_GRIDLAYOUT } from "../../contexts/AreasContext/index.d528f6e7.js";
 import "../../../animate/index.4e9774a6.js";
 import "framer-motion";
 import "../../../animate/LoadingScreen/index.1d0c4307.js";
 import "../../../animate/PropagateLoader/index.7fab43c8.js";
-import "../AreasAdmin/index.cb3d7bd6.js";
+import "../AreasAdmin/index.cd054608.js";
 import "../../../ScrollBar/index.65bb2930.js";
 import "zustand";
 import "react-hook-form";
-import "../../../hook-form/RHFAutocomplete/index.5c23bd25.js";
-import "../../../HelperText/index.69791151.js";
-import "../../../hook-form/RHFAutocompleteAsync/index.85b11f3a.js";
-import "../../../hook-form/RHFCheckbox/index.a136882e.js";
+import "../../../hook-form/RHFAutocomplete/index.29a4c62c.js";
+import "../../../HelperText/index.191348cc.js";
+import "../../../hook-form/RHFAutocompleteAsync/index.647c3f9c.js";
+import "../../../hook-form/RHFCheckbox/index.0b89ea5c.js";
 import "@mui/x-date-pickers";
-import "../../../hook-form/RHFDateTime/index.1ca795b0.js";
-import "../../../hook-form/RHFTextField/index.ccea64e7.js";
-import "../../../hook-form/RHFPeriod/index.90777c53.js";
-import "../../../Period/index.972dbe64.js";
-import "../../../CommonActions/components/Actions/index.366cb775.js";
+import "../../../hook-form/RHFDateTime/index.1adc88ad.js";
+import "../../../hook-form/RHFTextField/index.a1a240b1.js";
+import "../../../hook-form/RHFPeriod/index.a4476d23.js";
+import "../../../Period/index.ebd5e3b7.js";
+import "../../../CommonActions/components/Actions/index.7a196c44.js";
 import { c as cjs } from "../../../../react-draggable.7abb5d0a.js";
 import { R as ResizeableWindow } from "../../../Resizeable/index.676c96fe.js";
-import "../../../modal/index.dbdb6ac0.js";
+import "../../../modal/index.b434146b.js";
 import "lodash/isString";
 import "react-dropzone";
-import "../../../hook-form/RHFUpload/index.85e59119.js";
-import "../../../DataGrid/index.8c887df9.js";
+import "../../../hook-form/RHFUpload/index.a4582341.js";
+import "../../../DataGrid/index.95cea2ca.js";
 import "react-dnd";
 import "react-dnd-html5-backend";
-import "../../../DataGrid/subcomponents/Actions/index.895fc73f.js";
+import "../../../DataGrid/subcomponents/Actions/index.5b0b1fbf.js";
 import "../../../DataGrid/subcomponents/editors/TextEditor/index.91380a55.js";
-import "../../../DynamicFilter/index.d2e7bdcc.js";
+import "../../../DynamicFilter/index.e9192ebd.js";
 import "yup";
 import "lodash";
-import "../../../LanguagePopover/index.349d359c.js";
-import "../../../NavLink/index.8fe407ef.js";
+import "../../../LanguagePopover/index.a74f2065.js";
+import "../../../NavLink/index.f12bba32.js";
 import "../../../NoItemSelected/index.1eaf72d8.js";
-import "../../../ObjectLogs/index.98d3400e.js";
+import "../../../ObjectLogs/index.9bbac2a0.js";
 import "../../../../react-json-view.57125fcf.js";
 import "../../../PaperForm/index.e02c772c.js";
 import "../../../Page/index.4237c241.js";
-import "../../../PropertyValue/index.d3d71d50.js";
+import "../../../PropertyValue/index.76fa6a12.js";
 import "../../../SplitLayout/index.9ef430f6.js";
 import "../../../../react-splitter-layout.8b1655c8.js";
 import "../../../SideBar/index.2dfc5445.js";
-import "../../../AppBar/index.58233583.js";
-import "../../../AccountPopover/index.bb2c369d.js";
+import "../../../AppBar/index.90cceb7d.js";
+import "../../../AccountPopover/index.eebea1c5.js";
 const areasViewerClasses = generateUtilityClasses(AREAS_VIEWER_CLASS_NAME, [
   "root",
   "areaRoot",
@@ -1371,8 +1371,9 @@ const AreaGridLayout = (props) => {
         });
       },
       breakpoints,
+      colapsedHeight: RESPONSIVE_COLAPSED_HEIGHTS,
+      rowHeight: RESPONSIVE_ROW_HEIGHTS,
       cols,
-      rowHeight: ROW_HEIGTH_GRIDLAYOUT,
       containerMargin: [MARGIN_GRIDLAYOUT, MARGIN_GRIDLAYOUT],
       containerPadding: [PADDING_GRIDLAYOUT, PADDING_GRIDLAYOUT],
       onContainerChange: (e) => {

package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/AreaGridLayout/index.d.ts

@@ -1,7 +1,7 @@
+/// <reference types="react" />
 import { GridLayoutProps } from './types';
-import React from 'react';
 /**
  * @description Retorna el componente GridLayout con las ventanas (layouts) y popups tomados del área de trabajo.
  * @returns JSX
  */
-export declare const AreaGridLayout: (props: GridLayoutProps) => React.JSX.Element;
+export declare const AreaGridLayout: (props: GridLayoutProps) => import("react").JSX.Element;

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

@@ -7,11 +7,11 @@ import "react/jsx-runtime";
 import "../../mui_extended/IconButton/index.76624519.js";
 import "@m4l/graphics";
 import "zustand";
-import "../contexts/AreasContext/index.7a2d5394.js";
-import "./AreasAdmin/index.cb3d7bd6.js";
+import "../contexts/AreasContext/index.d528f6e7.js";
+import "./AreasAdmin/index.cd054608.js";
 import "zustand/shallow";
 import "../../ScrollBar/index.65bb2930.js";
-import "../../mui_extended/Accordion/index.0e0090ca.js";
+import "../../mui_extended/Accordion/index.cdedddba.js";
 import "../../mui_extended/Typography/index.443590d6.js";
 import "../../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
@@ -21,11 +21,11 @@ import "../../mui_extended/CheckBox.38abccd8.js";
 import "../../mui_extended/Badge/index.b09524fe.js";
 import "../../Image/index.c18ebf5a.js";
 import "@mui/lab";
-import "../../mui_extended/MenuActions/index.4c2e48d4.js";
+import "../../mui_extended/MenuActions/index.7669b8af.js";
 import "../../mui_extended/Popover/index.9f35d0eb.js";
 import "../../mui_extended/Stack/index.0e53197c.js";
-import "../../mui_extended/Tab/index.3db2e0c7.js";
+import "../../mui_extended/Tab/index.5f09e16a.js";
 import "../../mui_extended/Pager/index.ac2a21f0.js";
 import "../../mui_extended/Tooltip/index.5a795dcd.js";
-import "./AreasViewer/index.1eef603d.js";
+import "./AreasViewer/index.62abf0bb.js";
 import "../../LinearProgressIndeterminate/index.60dabc06.js";

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

@@ -1,7 +1,6 @@
 import { WritableDraft } from 'immer/dist/internal';
 import type { Area, AreasStateWithActions } from './types';
 import type { WindowState, WindowStateProps } from '../../types';
-export declare const ROW_HEIGTH_GRIDLAYOUT = 20;
 export declare const PADDING_GRIDLAYOUT = 4;
 export declare const MARGIN_GRIDLAYOUT = 4;
 export declare const DEBOUCED_SAVE_TIME = 500;
@@ -29,6 +28,20 @@ export declare const DEFAULT_LAYOUTS: {
     xs: never[];
     xxs: never[];
 };
+export declare const RESPONSIVE_COLAPSED_HEIGHTS: {
+    xxs: number;
+    xs: number;
+    sm: number;
+    md: number;
+    lg: number;
+};
+export declare const RESPONSIVE_ROW_HEIGHTS: {
+    xxs: number;
+    xs: number;
+    sm: number;
+    md: number;
+    lg: number;
+};
 import { Layouts } from '../../../GridLayout/types';
 export declare const DEFAULT_WINDOW: Pick<WindowState, 'status' | 'moduleActions' | 'cookies' | 'loading' | 'toasties' | 'toastyCount' | 'hashToasties'>;
 export declare const DEFAULT_AREA: Omit<Area, 'id' | 'name' | 'viewMode'>;

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

@@ -5,18 +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.1eef603d.js";
-import { u as useAreasAdminUtilityClasses } from "../../components/AreasAdmin/index.cb3d7bd6.js";
+import { u as useAreasViewerUtilityClasses } from "../../components/AreasViewer/index.62abf0bb.js";
+import { u as useAreasAdminUtilityClasses } from "../../components/AreasAdmin/index.cd054608.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.c7a33781.js";
-import { z as isEqualLayouts } from "../../../GridLayout/index.8ae34c50.js";
+import "../../../GridLayout/subcomponents/Griditem/index.d6f326d2.js";
+import { z as isEqualLayouts } from "../../../GridLayout/index.5e43414d.js";
 import { jsx } from "react/jsx-runtime";
-import { a as addLayoutItemToBreakPointIfNoExists, b as addLayoutItemToBreakPoints, c as cloneLayouts } from "../../../GridLayout/subcomponents/Responsive/index.96cdb1b4.js";
+import { a as addLayoutItemToBreakPointIfNoExists, b as addLayoutItemToBreakPoints, c as cloneLayouts } from "../../../GridLayout/subcomponents/Responsive/index.d41e31ca.js";
 import { debounce, cloneDeep } from "lodash";
 import { useNavigate } from "react-router-dom";
-const ROW_HEIGTH_GRIDLAYOUT = 20;
 const PADDING_GRIDLAYOUT = 4;
 const MARGIN_GRIDLAYOUT = 4;
 const DEBOUCED_SAVE_TIME = 500;
@@ -25,6 +24,8 @@ const COOKIE_WINDOWS = "windows";
 const BREAKPOINT_SIZES = { lg: 1200, md: 996, sm: 768, xs: 480, xxs: 1 };
 const NORMALIZED_COLS = { lg: 64, md: 48, sm: 32, xs: 24, xxs: 1 };
 const DEFAULT_LAYOUTS = { lg: [], md: [], sm: [], xs: [], xxs: [] };
+const RESPONSIVE_COLAPSED_HEIGHTS = { xxs: 48, xs: 48, sm: 40, md: 40, lg: 40 };
+const RESPONSIVE_ROW_HEIGHTS = { xxs: 48, xs: 48, sm: 48, md: 40, lg: 40 };
 const DEFAULT_WINDOW = {
   status: "init",
   moduleActions: [],
@@ -186,7 +187,7 @@ function getDataFromResponse(data, state, areaId) {
             NORMALIZED_COLS,
             [MARGIN_GRIDLAYOUT, MARGIN_GRIDLAYOUT],
             [PADDING_GRIDLAYOUT, PADDING_GRIDLAYOUT],
-            ROW_HEIGTH_GRIDLAYOUT
+            RESPONSIVE_ROW_HEIGHTS
           );
         }
       }
@@ -470,7 +471,7 @@ const createAreasStore = (initProps) => {
                   NORMALIZED_COLS,
                   [MARGIN_GRIDLAYOUT, MARGIN_GRIDLAYOUT],
                   [PADDING_GRIDLAYOUT, PADDING_GRIDLAYOUT],
-                  ROW_HEIGTH_GRIDLAYOUT,
+                  RESPONSIVE_ROW_HEIGHTS,
                   area.containerHeight,
                   area.currentBreakpoint
                 );
@@ -1115,6 +1116,7 @@ export {
   AreasContext as A,
   MARGIN_GRIDLAYOUT as M,
   PADDING_GRIDLAYOUT as P,
-  ROW_HEIGTH_GRIDLAYOUT as R,
-  AreasProvider as a
+  RESPONSIVE_COLAPSED_HEIGHTS as R,
+  RESPONSIVE_ROW_HEIGHTS as a,
+  AreasProvider as b
 };

package/components/areas/contexts/{index.7bae4208.js → index.6e9bbc64.js}

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