@m4l/components 0.1.90 → 0.1.93

package/components/DataGrid/subcomponents/Actions/{index.fadd92f2.js → index.c8408b73.js}

@@ -1,48 +1,19 @@
-import { M as MenuActions } from "../../../mui_extended/MenuActions/index.570fbae0.js";
-import { u as useDataGrid, a as useFilters, d as dataGridClasses, D as DataGridRoot, b as dictionary } from "../../index.c296f69c.js";
+import { M as MenuActions } from "../../../mui_extended/MenuActions/index.dd9f65a2.js";
+import { u as useDataGrid, a as useFilters, d as dataGridClasses, D as DataGridRoot, b as dictionary } from "../../index.abedf2c0.js";
 import { useTheme, Checkbox, Skeleton } from "@mui/material";
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import { P as Pager } from "../../../mui_extended/Pager/index.ac2a21f0.js";
-import { I as IconButton } from "../../../mui_extended/IconButton/index.76624519.js";
+import { P as Pager } from "../../../mui_extended/Pager/index.de0bd62c.js";
+import { I as IconButton } from "../../../mui_extended/IconButton/index.53cd6388.js";
 import { useEnvironment, useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { forwardRef, useRef, useState, useImperativeHandle, useMemo, useEffect, useCallback } from "react";
 import { D as DataGrid$1 } from "../../../../react-data-grid.d46d625e.js";
 import { styled } from "@mui/material/styles";
-import { u as useModal } from "../../../../hooks/useModal/index.71987a49.js";
-import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.441118b5.js";
-import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.24367ed3.js";
-import "../../../../react-draggable.7abb5d0a.js";
-import "../../../Resizeable/index.676c96fe.js";
+import { u as useModal } from "../../../../hooks/useModal/index.05d1821e.js";
+import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.c3e23ad4.js";
+import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.49631fcb.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
-import "../../../modal/index.764e2723.js";
-import { A as Actions$1 } from "../../../CommonActions/components/Actions/index.8dcaba29.js";
-import "react-hook-form";
-import "@mui/material/Button";
-import "../../../mui_extended/Button/index.f79eb74e.js";
-import "clsx";
-import "zustand";
-import "../../../areas/contexts/AreasContext/index.1950eef9.js";
-import "../../../areas/components/AreasAdmin/index.98a54515.js";
-import "zustand/shallow";
-import "../../../ScrollBar/index.65bb2930.js";
-import "../../../mui_extended/Accordion/index.a706b12f.js";
-import "../../../Icon/index.a70c4729.js";
-import "../../../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 "../../../Image/index.c18ebf5a.js";
-import "@mui/lab";
-import "../../../mui_extended/Popover/index.9f35d0eb.js";
-import "../../../mui_extended/Stack/index.0e53197c.js";
-import "../../../mui_extended/Tab/index.d0302c81.js";
-import "../../../mui_extended/Tooltip/index.5a795dcd.js";
-import "../../../areas/components/AreasViewer/index.ee7170bc.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.b9dd76a4.js";
+import { W as WindowBase } from "../../../modal/WindowBase.161ec78a.js";
+import { A as Actions$1 } from "../../../CommonActions/components/Actions/index.ccf731c1.js";
 const ACTIONS_COLUMN_KEY = "actions-row";
 function ActionsFormatter(props) {
   const {

package/components/DraggableWindow/{index.c702d3f2.js → index.8f423ed7.js}

@@ -1,5 +1,5 @@
 import { useState } from "react";
-import { c as cjs } from "../../react-draggable.7abb5d0a.js";
+import { c as cjs } from "../../react-draggable.e4725f3a.js";
 import { jsx } from "react/jsx-runtime";
 const DraggableWindow = (props) => {
   const {

package/components/DynamicFilter/{index.6a22346e.js → index.cb1402aa.js}

@@ -1,66 +1,33 @@
-import { shallow } from "zustand/shallow";
-import { S as ScrollBar } from "../ScrollBar/index.65bb2930.js";
 import { useContext, useMemo, useEffect, createContext, useRef, createElement, useState, useCallback } from "react";
-import clsx from "clsx";
 import { useModuleDictionary, useEnvironment, useModuleSkeleton, useFlagsPresent, CommonFlags } from "@m4l/core";
-import { useResponsiveDesktop, useFirstRender, useFormatter } from "@m4l/graphics";
-import { I as IconButton } from "../mui_extended/IconButton/index.76624519.js";
-import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
-import { g as getNameDataTestId } from "../../vendor.4dedf99e.js";
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { generateUtilityClasses, alpha, styled as styled$1, Skeleton, MenuItem } from "@mui/material";
-import { L as LabelMemuItem } from "../mui_extended/MenuActions/index.570fbae0.js";
-import { P as Popover } from "../mui_extended/Popover/index.9f35d0eb.js";
-import { I as Icon } from "../Icon/index.a70c4729.js";
-import { styled, useTheme } from "@mui/material/styles";
-import { R as RHFormProvider } from "../../contexts/RHFormContext/index.1755b324.js";
-import { g as getCommonActionsDictionary, A as Actions } from "../CommonActions/components/Actions/index.8dcaba29.js";
-import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.441118b5.js";
-import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.24367ed3.js";
-import { useFormContext, useWatch } from "react-hook-form";
-import "@mui/material/Button";
-import "../mui_extended/Button/index.f79eb74e.js";
-import "../../contexts/ModalContext/index.41fbf6bc.js";
-import "../../react-draggable.7abb5d0a.js";
-import "../Resizeable/index.676c96fe.js";
-import "../modal/index.764e2723.js";
-import "../Image/index.c18ebf5a.js";
-import "../mui_extended/Accordion/index.a706b12f.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/Stack/index.0e53197c.js";
-import "../mui_extended/Tab/index.d0302c81.js";
-import "../mui_extended/Pager/index.ac2a21f0.js";
-import "../mui_extended/Tooltip/index.5a795dcd.js";
 import { useStore, createStore } from "zustand";
-import "../areas/contexts/AreasContext/index.1950eef9.js";
-import "../areas/components/AreasAdmin/index.98a54515.js";
-import "../areas/components/AreasViewer/index.ee7170bc.js";
-import "../LinearProgressIndeterminate/index.60dabc06.js";
-import "../areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
-import "../areas/contexts/DynamicMFParmsContext/index.1607c78e.js";
+import { generateUtilityClasses, alpha, styled as styled$1, Skeleton, MenuItem } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass, i as isValidDate } from "../../utils/index.c43a95f4.js";
+import { g as getComponentUtilityClass, i as isValidDate } from "../../utils/index.6469f148.js";
 import { devtools } from "zustand/middleware";
 import { immer } from "zustand/middleware/immer";
-import { g as getRHFAutocompleteComponentsDictionary, R as RHFAutocomplete } from "../hook-form/RHFAutocomplete/index.8e4ff8d7.js";
-import "lodash/debounce";
-import "../hook-form/RHFAutocompleteAsync/index.78f8e4c4.js";
-import "../hook-form/RHFCheckbox/index.bdad2059.js";
-import "../HelperText/index.31f2a824.js";
-import "@mui/x-date-pickers";
-import { R as RHFDateTime } from "../hook-form/RHFDateTime/index.73f8a11e.js";
-import { R as RHFTextField } from "../hook-form/RHFTextField/index.6d21060a.js";
-import "../hook-form/RHFPeriod/index.71df31df.js";
-import "../Period/index.d1182d4a.js";
-import "lodash/isString";
-import "react-dropzone";
-import "../hook-form/RHFUpload/index.f04d24ee.js";
+import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
+import { g as getCommonActionsDictionary, A as Actions } from "../CommonActions/components/Actions/index.ccf731c1.js";
+import { g as getRHFAutocompleteComponentsDictionary, R as RHFAutocomplete } from "../hook-form/RHFAutocomplete/index.52387f0f.js";
+import { g as getNameDataTestId } from "../../vendor.71883626.js";
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { useFormContext, useWatch } from "react-hook-form";
+import { shallow } from "zustand/shallow";
+import { R as RHFDateTime } from "../hook-form/RHFDateTime/index.66e334b0.js";
+import { R as RHFTextField } from "../hook-form/RHFTextField/index.25b3627e.js";
 import * as Yup from "yup";
+import { useResponsiveDesktop, useFirstRender, useFormatter } from "@m4l/graphics";
+import { styled, useTheme } from "@mui/material/styles";
+import { S as ScrollBar } from "../ScrollBar/index.65bb2930.js";
+import clsx from "clsx";
+import { I as IconButton } from "../mui_extended/IconButton/index.53cd6388.js";
+import { L as LabelMemuItem } from "../mui_extended/MenuActions/index.dd9f65a2.js";
+import { P as Popover } from "../mui_extended/Popover/index.b3eca6b1.js";
+import { I as Icon } from "../Icon/index.3211023d.js";
+import { R as RHFormProvider } from "../../contexts/RHFormContext/index.1755b324.js";
+import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.c3e23ad4.js";
+import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.49631fcb.js";
+import { T as Typography } from "../mui_extended/Typography/index.379dd374.js";
 const COMPONENT_PREFIX = "M4LDynamicFilter";
 const COMPONENT_CLASS_NAME = "M4LDynamicFilter";
 const ASSETS_URL = "frontend/components/dynamic_filter/assets/icons";

package/components/DynamicFilter/index.d.ts

@@ -1,4 +1,4 @@
 export * from './DynamicFilter';
 export { getDynamicFilterComponentsDictionary } from './dictionary';
-export type { FilterFieldApplyed as FilterFieldApply, RawFilterFieldApply, InitialFilterApplyed, } from './types';
+export type { FilterFieldApplyed as FilterFieldApply, RawFilterFieldApply, InitialFilterApplyed, Field, } from './types';
 export type { DynamicFilterClassesKey } from './classes/types';

package/components/GridLayout/classes/index.d.ts

@@ -1,4 +1,4 @@
 import { GridLayoutClasses } from './types';
 export declare const gridLayoutClasses: GridLayoutClasses;
-export declare const useUtilityClasses: () => Record<"static" | "root" | "colapsed" | "resizing" | "dragging" | "invisible" | "gridItemRoot" | "gridItemPlaceholder" | "gridItemFreeMove" | "maximizeMe" | "maximizeOther" | "resizeHide" | "cssTransforms", string>;
+export declare const useUtilityClasses: () => Record<"static" | "root" | "dragging" | "colapsed" | "resizing" | "invisible" | "gridItemRoot" | "gridItemPlaceholder" | "gridItemFreeMove" | "maximizeMe" | "maximizeOther" | "resizeHide" | "cssTransforms", string>;
 export declare type Classes = ReturnType<typeof useUtilityClasses>;

package/components/GridLayout/{index.8ae34c50.js → index.1421f0d4.js}

@@ -1,13 +1,13 @@
 import { useState, useRef, useEffect, useCallback, useMemo } from "react";
 import clsx from "clsx";
-import { M as MemonizedGridItem } from "./subcomponents/Griditem/index.c7a33781.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { throttle } from "lodash";
-import { useResizeObserver } from "@m4l/graphics";
+import { M as MemonizedGridItem } from "./subcomponents/Griditem/index.b2342897.js";
 import { styled, alpha } from "@mui/material/styles";
-import { r as react_resizable_css } from "../../react-resizable.ba08699a.js";
+import { r as react_resizable_css } from "../../react-resizable.c07d63fb.js";
 import { generateUtilityClasses } from "@mui/material";
 import "@mui/base";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { throttle } from "lodash";
+import { useResizeObserver } from "@m4l/graphics";
 const COMPONENT_CLASS_NAME = "M4LGridLayout";
 const DEFAULT_COLS = 12;
 const DEFAULT_ROW_HEIGHT = 20;
@@ -676,10 +676,10 @@ function GridLayout(props) {
     containerPadding = DEFAULT_CONTAINER_PADDING,
     margin = DEFAULT_MARGIN,
     rowHeight = DEFAULT_ROW_HEIGHT,
+    colapsedHeight = DEFAULT_COLAPSED_HEIGHT,
     containerWidth = DEFAULT_CONTAINER_WIDTH,
     containerHeight = DEFAULT_CONTAINER_HEIGHT,
     transformScale = DEFAULT_TRANSFORM_SCALE,
-    colapsedHeight = DEFAULT_COLAPSED_HEIGHT,
     className = "",
     style = {},
     draggableHandle = "",
@@ -717,8 +717,12 @@ function GridLayout(props) {
     oldDragItem: void 0,
     oldLayout: void 0,
     oldResizeItem: void 0,
-    zIndexes
+    zIndexes,
+    colapsedHeight,
+    rowHeight
   });
+  refState.current.colapsedHeight = colapsedHeight;
+  refState.current.rowHeight = rowHeight;
   useEffect(() => {
     setCurrentState({
       mounted: true
@@ -794,7 +798,7 @@ function GridLayout(props) {
       return;
     const newPlaceholder = {
       w: li.w,
-      h: getLayoutItemH(li, colapsedHeight, rowHeight),
+      h: getLayoutItemH(li, refState.current.colapsedHeight, refState.current.rowHeight),
       x: li.x,
       y: li.y,
       placeholder: true,
@@ -804,7 +808,7 @@ function GridLayout(props) {
     try {
       let newLayout;
       if (!li.freeMove) {
-        newLayout = moveElement(layout2, li, x, y, isUserAction, preventCollision, compactType, cols, colapsedHeight, rowHeight, allowOverlap);
+        newLayout = moveElement(layout2, li, x, y, isUserAction, preventCollision, compactType, cols, refState.current.colapsedHeight, refState.current.rowHeight, allowOverlap);
       } else {
         li.x = x;
         li.y = y;
@@ -812,7 +816,7 @@ function GridLayout(props) {
         newPlaceholder.y = y;
         newLayout = cloneLayout(layout2);
       }
-      const finalLayout = allowOverlap || li.freeMove ? newLayout : compact(newLayout, compactType, cols, colapsedHeight, rowHeight, allowOverlap);
+      const finalLayout = allowOverlap || li.freeMove ? newLayout : compact(newLayout, compactType, cols, refState.current.colapsedHeight, refState.current.rowHeight, allowOverlap);
       refState.current = {
         ...refState.current,
         layout: finalLayout,
@@ -850,13 +854,13 @@ function GridLayout(props) {
     let newLayout;
     const isUserAction = true;
     if (!li.freeMove) {
-      newLayout = moveElement(layout2, li, x, y, isUserAction, preventCollision, compactType, cols, colapsedHeight, rowHeight, allowOverlap);
+      newLayout = moveElement(layout2, li, x, y, isUserAction, preventCollision, compactType, cols, refState.current.colapsedHeight, refState.current.rowHeight, allowOverlap);
     } else {
       li.x = x;
       li.y = y;
       newLayout = cloneLayout(layout2);
     }
-    const finalLayout = allowOverlap ? newLayout || li.freeMove : compact(newLayout, compactType, cols, colapsedHeight, rowHeight, allowOverlap);
+    const finalLayout = allowOverlap ? newLayout || li.freeMove : compact(newLayout, compactType, cols, refState.current.colapsedHeight, refState.current.rowHeight, allowOverlap);
     setCurrentState((prev) => ({
       ...prev,
       activeDrag: void 0
@@ -914,7 +918,7 @@ function GridLayout(props) {
             ...cbLi,
             w,
             h
-          }, colapsedHeight, rowHeight).filter((layoutItem) => layoutItem.i !== cbLi.i);
+          }, refState.current.colapsedHeight, refState.current.rowHeight).filter((layoutItem) => layoutItem.i !== cbLi.i);
           hasCollisions = collisions.length > 0;
           if (hasCollisions) {
             let leastX = Infinity, leastY = Infinity;
@@ -958,7 +962,7 @@ function GridLayout(props) {
       i
     };
     try {
-      const finalLayout = allowOverlap || li.freeMove ? newLayout : compact(newLayout, compactType, cols, colapsedHeight, rowHeight, allowOverlap);
+      const finalLayout = allowOverlap || li.freeMove ? newLayout : compact(newLayout, compactType, cols, refState.current.colapsedHeight, refState.current.rowHeight, allowOverlap);
       refState.current = {
         ...refState.current,
         layout: finalLayout,
@@ -972,7 +976,6 @@ function GridLayout(props) {
       onResize(newLayout, oldResizeItem, li, newPlaceholder, e, node);
     } catch (error) {
     }
-    console.log("GridLayout onresize");
     if (e.type !== "touchmove") {
       e.preventDefault();
     }
@@ -1123,7 +1126,7 @@ function GridLayout(props) {
       colapsedHeight,
       style: style2
     }, l.i);
-  }, [containerWidth, containerHeight, cols, margin, containerPadding, maxRows, rowHeight, draggableCancel, draggableHandle, isDraggable, isResizable, isBounded, useCSSTransforms, transformScale, resizeHandles, resizeHandle, maximizeId, zIndexes]);
+  }, [containerWidth, containerHeight, cols, margin, containerPadding, maxRows, rowHeight, draggableCancel, draggableHandle, isDraggable, isResizable, isBounded, useCSSTransforms, transformScale, resizeHandles, resizeHandle, maximizeId, zIndexes, colapsedHeight, rowHeight]);
   const containerAutoSizeHeight = useCallback(() => {
     if (!autoSize)
       return;
@@ -1196,7 +1199,7 @@ function SizeProvider(ComposedComponent) {
   };
 }
 export {
-  noop as A,
+  isEqualLayouts as A,
   DEFAULT_COLS as D,
   GridLayout as G,
   SizeProvider as S,
@@ -1225,5 +1228,5 @@ export {
   isEqualLayout as w,
   DEFAULT_RESPONSIVE_BREAKPOINTS as x,
   DEFAULT_RESPONSIVE_COLS as y,
-  isEqualLayouts as z
+  noop as z
 };

package/components/GridLayout/subcomponents/Griditem/{index.c7a33781.js → index.b2342897.js}

@@ -1,9 +1,9 @@
 import React__default, { useRef, useEffect, useState, useCallback, useMemo } from "react";
-import { D as DraggableCore_1 } from "../../../../react-draggable.7abb5d0a.js";
-import { R as Resizable } from "../../../../react-resizable.ba08699a.js";
-import { g as getH, c as calcXY, a as calcGridItemWHPx, b as calcGridColWidth, d as calcWH, e as clamp, f as calcGridItemPosition, h as gridLayoutClasses, D as DEFAULT_COLS, i as DEFAULT_ROW_HEIGHT, j as DEFAULT_CONTAINER_WIDTH, k as DEFAULT_CONTAINER_HEIGHT, l as DEFAULT_MARGIN, m as DEFAULT_CONTAINER_PADDING, n as DEFAULT_TRANSFORM_SCALE, o as DEFAULT_COLAPSED_HEIGHT, p as perc, s as setTransform, q as setTopLeft } from "../../index.8ae34c50.js";
+import { D as DraggableCore_1 } from "../../../../react-draggable.e4725f3a.js";
+import { R as Resizable } from "../../../../react-resizable.c07d63fb.js";
+import { g as getH, c as calcXY, a as calcGridItemWHPx, b as calcGridColWidth, d as calcWH, e as clamp, f as calcGridItemPosition, h as gridLayoutClasses, D as DEFAULT_COLS, i as DEFAULT_ROW_HEIGHT, j as DEFAULT_CONTAINER_WIDTH, k as DEFAULT_CONTAINER_HEIGHT, l as DEFAULT_MARGIN, m as DEFAULT_CONTAINER_PADDING, n as DEFAULT_TRANSFORM_SCALE, o as DEFAULT_COLAPSED_HEIGHT, p as perc, s as setTransform, q as setTopLeft } from "../../index.1421f0d4.js";
 import clsx from "clsx";
-import { d as deepEqual } from "../../../../node_modules.d73a220d.js";
+import { d as deepEqual } from "../../../../node_modules.b55d04d9.js";
 import { jsx, Fragment } from "react/jsx-runtime";
 function GridItem(props) {
   const {
@@ -328,6 +328,7 @@ function GridItem(props) {
     [gridLayoutClasses.maximizeMe]: maximize === "maximize_me",
     [gridLayoutClasses.maximizeOther]: maximize === "maximize_other",
     [gridLayoutClasses.colapsed]: colapsed,
+    [`${gridLayoutClasses.colapsed}-${colapsedHeight}`]: colapsed,
     [gridLayoutClasses.gridItemFreeMove]: freeMove,
     [gridLayoutClasses.resizeHide]: colapsed,
     [gridLayoutClasses.invisible]: !visible,

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

@@ -8,3 +8,4 @@ import { ResponsiveState, ResponsiveInitialStateProps } from './types';
  * @returns
  */
 export declare function generateInitialState(props: ResponsiveInitialStateProps): ResponsiveState;
+export declare const getHeight: (objectOrHeight: number | Record<string, number>, currentBreakpoint: string) => number;

package/components/GridLayout/subcomponents/Responsive/{index.96cdb1b4.js → index.f459804c.js}

@@ -1,7 +1,7 @@
-import { r as cloneLayoutItem, t as cloneLayout, u as compact, v as correctBounds, w as isEqualLayout, x as DEFAULT_RESPONSIVE_BREAKPOINTS, m as DEFAULT_CONTAINER_PADDING, l as DEFAULT_MARGIN, y as DEFAULT_RESPONSIVE_COLS, o as DEFAULT_COLAPSED_HEIGHT, i as DEFAULT_ROW_HEIGHT, z as isEqualLayouts, G as GridLayout, A as noop } from "../../index.8ae34c50.js";
+import { r as cloneLayoutItem, t as cloneLayout, u as compact, v as correctBounds, w as isEqualLayout, o as DEFAULT_COLAPSED_HEIGHT, x as DEFAULT_RESPONSIVE_BREAKPOINTS, m as DEFAULT_CONTAINER_PADDING, l as DEFAULT_MARGIN, y as DEFAULT_RESPONSIVE_COLS, i as DEFAULT_ROW_HEIGHT, z as noop, A as isEqualLayouts, G as GridLayout } from "../../index.1421f0d4.js";
 import { useState, useRef, useEffect, useCallback } from "react";
 import { useFirstRender } from "@m4l/graphics";
-import { d as deepEqual } from "../../../../node_modules.d73a220d.js";
+import { d as deepEqual } from "../../../../node_modules.b55d04d9.js";
 import { jsx } from "react/jsx-runtime";
 function getBreakpointFromWidth(breakpoints, width) {
   const sorted = sortBreakpoints(breakpoints);
@@ -61,7 +61,7 @@ function findOrGenerateResponsiveLayout(layouts, breakpoints, breakpoint, lastBr
   }
   layout = cloneLayout(layout);
   const ret = compact(
-    correctBounds(layout, { cols }, colapsedHeight, rowHeight),
+    correctBounds(layout, { cols }, colapsedHeight, colapsedHeight),
     compactType,
     cols,
     colapsedHeight,
@@ -85,7 +85,8 @@ function addLayoutItemToBreakPointIfNoExists(layouts, breakpoint, layoutItem, co
     return;
   if (layouts[breakpoint].findIndex((l) => l.i === layoutItem.i) === -1) {
     const l = cloneLayoutItem(layoutItem);
-    const heigthUnits = containerHeight !== void 0 ? (containerHeight + getIndentationValue(margin, breakpoint)[1] - 2 * getIndentationValue(containerPadding, breakpoint)[1]) / (rowHeight + getIndentationValue(margin, breakpoint)[1]) : l.h;
+    const rowHeightBreakpoint = typeof rowHeight === "number" ? rowHeight : rowHeight[breakpoint];
+    const heigthUnits = containerHeight !== void 0 ? (containerHeight + getIndentationValue(margin, breakpoint)[1] - 2 * getIndentationValue(containerPadding, breakpoint)[1]) / (rowHeightBreakpoint + getIndentationValue(margin, breakpoint)[1]) : l.h;
     if (l.freeMove) {
       l.x = Math.round(cols[breakpoint] / 4);
       l.y = Math.round(heigthUnits / 4);
@@ -155,6 +156,8 @@ function generateInitialState(props) {
   const newBreakpoint = breakpoint || getBreakpointFromWidth(breakpoints, containerWidth);
   const newCols = getColsFromBreakpoint(newBreakpoint, cols);
   let fireOnLoadLayoutChange = true;
+  const initialColapsedHeight = getHeight(colapsedHeight, newBreakpoint);
+  const initialrowHeight = getHeight(rowHeight, newBreakpoint);
   const initialLayout = findOrGenerateResponsiveLayout(
     defaultLayouts,
     breakpoints,
@@ -163,8 +166,8 @@ function generateInitialState(props) {
     newCols,
     compactType,
     { [newBreakpoint]: newCols },
-    colapsedHeight,
-    rowHeight
+    initialColapsedHeight,
+    initialrowHeight
   );
   if (defaultLayouts[newBreakpoint]) {
     if (isEqualLayout(defaultLayouts[newBreakpoint], initialLayout)) {
@@ -177,10 +180,21 @@ function generateInitialState(props) {
     cols: newCols,
     contaierMargin: getIndentationValue(containerMargin, newBreakpoint),
     contaierPadding: getIndentationValue(containerPadding, newBreakpoint),
-    fireOnLoadLayoutChange
+    fireOnLoadLayoutChange,
+    colapsedHeight: initialColapsedHeight,
+    rowHeight: initialrowHeight
   };
   return ret;
 }
+const getHeight = (objectOrHeight, currentBreakpoint) => {
+  if (typeof objectOrHeight == "number") {
+    return objectOrHeight;
+  }
+  if (objectOrHeight[currentBreakpoint]) {
+    return objectOrHeight[currentBreakpoint];
+  }
+  return DEFAULT_COLAPSED_HEIGHT;
+};
 function Responsive(props) {
   const {
     layoutItemRender,
@@ -210,7 +224,9 @@ function Responsive(props) {
     currentBreakpoint: currentState.breakpoint,
     breakpoints,
     containerWidth,
-    containerHeight
+    containerHeight,
+    colapsedHeight: currentState.colapsedHeight,
+    rowHeight: currentState.rowHeight
   });
   const isFirstRenderFull = useFirstRender([containerWidth, containerHeight, layouts, breakpoint, breakpoints, cols]);
   const isFirstRenderBreakpointLayout = useFirstRender([currentState.breakpointLayout]);
@@ -249,22 +265,27 @@ function Responsive(props) {
     if (newBreakpoint !== lastBreakpoint || newCols !== lastBreakpointCols || !deepEqual(cols, refState.current.cols) || !deepEqual(breakpoints, refState.current.breakpoints) || !isEqualLayouts(layouts, refState.current.layouts)) {
       newContainerMargin = getIndentationValue(containerMargin, newBreakpoint);
       newContainerPadding = getIndentationValue(containerPadding, newBreakpoint);
+      const newColapsedHeight = getHeight(colapsedHeight, newBreakpoint);
+      const newRowHeight = getHeight(rowHeight, newBreakpoint);
       if (!(lastBreakpoint in newLayouts)) {
         console.error("useEffect casi imposible", lastBreakpoint, newLayouts);
         newLayouts[lastBreakpoint] = cloneLayout(currentState.breakpointLayout);
       }
-      const layout = findOrGenerateResponsiveLayout(newLayouts, breakpoints, newBreakpoint, lastBreakpoint, newCols, compactType, cols, colapsedHeight, rowHeight);
+      const layout = findOrGenerateResponsiveLayout(newLayouts, breakpoints, newBreakpoint, lastBreakpoint, newCols, compactType, cols, newColapsedHeight, newRowHeight);
       newLayouts[newBreakpoint] = layout;
       refState.current.layouts = newLayouts;
       refState.current.breakpoints = breakpoints;
       refState.current.currentBreakpoint = newBreakpoint;
       refState.current.currentBreakpointCols = newCols;
+      refState.current.colapsedHeight = newColapsedHeight;
       setCurrentState({
         breakpoint: newBreakpoint,
         breakpointLayout: layout,
         cols: newCols,
         contaierMargin: newContainerMargin,
-        contaierPadding: newContainerPadding
+        contaierPadding: newContainerPadding,
+        colapsedHeight: newColapsedHeight,
+        rowHeight: newRowHeight
       });
     }
     if (newBreakpoint !== lastBreakpoint || newCols !== lastBreakpointCols || lastContainerWidth !== containerWidth || lastContainerHeight != containerHeight) {
@@ -285,10 +306,10 @@ function Responsive(props) {
     }));
   }, [onLayoutChange]);
   return /* @__PURE__ */ jsx(GridLayout, {
-    rowHeight,
+    rowHeight: currentState.rowHeight,
     containerWidth,
     containerHeight,
-    colapsedHeight,
+    colapsedHeight: currentState.colapsedHeight,
     layoutItemRender,
     margin: currentState.contaierMargin,
     containerPadding: getIndentationValue(containerPadding, currentState.breakpoint),

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

@@ -51,11 +51,11 @@ export declare function getIndentationValue(param: ResponsiveMargin, breakpoint:
  * @param layouts
  * @param layoutItem
  */
-export declare function addLayoutItemToBreakPointIfNoExists(layouts: Layouts, breakpoint: string, layoutItem: LayoutItem, cols: BreakpointCols, margin: ResponsiveMargin, containerPadding: ResponsiveMargin, rowHeight: number, containerHeight?: number, currentBreakpoint?: Breakpoint): void;
+export declare function addLayoutItemToBreakPointIfNoExists(layouts: Layouts, breakpoint: string, layoutItem: LayoutItem, cols: BreakpointCols, margin: ResponsiveMargin, containerPadding: ResponsiveMargin, rowHeight: number | Record<string, number>, containerHeight?: number, currentBreakpoint?: Breakpoint): void;
 /**
  * Modifica el layout y le arega el item a todos los breakpoints
  * @param layouts
  * @param layoutItem
  */
-export declare function addLayoutItemToBreakPoints(layouts: Layouts, layoutItem: LayoutItem, cols: BreakpointCols, margin: ResponsiveMargin, containerPadding: ResponsiveMargin, rowHeight: number, containerHeight?: number, currentBreakpoint?: Breakpoint): Layouts;
+export declare function addLayoutItemToBreakPoints(layouts: Layouts, layoutItem: LayoutItem, cols: BreakpointCols, margin: ResponsiveMargin, containerPadding: ResponsiveMargin, rowHeight: number | Record<string, number>, containerHeight?: number, currentBreakpoint?: Breakpoint): Layouts;
 export declare function cloneLayouts(layouts: Layouts, layoutItemReplaceProps?: Partial<Exclude<LayoutItem, 'i'>>): Layouts;

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.31f2a824.js → index.7d2afdb3.js}

@@ -1,28 +1,7 @@
 import { styled, generateUtilityClasses, generateUtilityClass } from "@mui/material";
-import "react";
-import "@m4l/core";
-import "../Icon/index.a70c4729.js";
-import "clsx";
-import { jsx } from "react/jsx-runtime";
-import "../mui_extended/IconButton/index.76624519.js";
-import "@m4l/graphics";
-import "../mui_extended/Accordion/index.a706b12f.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/material/Button";
-import "../mui_extended/Button/index.f79eb74e.js";
-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.570fbae0.js";
-import "../mui_extended/Popover/index.9f35d0eb.js";
-import "../mui_extended/Stack/index.0e53197c.js";
-import "../mui_extended/Tab/index.d0302c81.js";
-import "../mui_extended/Pager/index.ac2a21f0.js";
-import "../mui_extended/Tooltip/index.5a795dcd.js";
 import { unstable_composeClasses } from "@mui/base";
+import { jsx } from "react/jsx-runtime";
+import { T as Typography } from "../mui_extended/Typography/index.379dd374.js";
 const HelperTextRoot = styled("div")(({
   theme
 }) => ({

package/components/Icon/{index.a70c4729.js → index.3211023d.js}

@@ -1,11 +1,12 @@
-import { useState, useEffect } from "react";
-import { styled, generateUtilityClasses, generateUtilityClass, Skeleton } from "@mui/material";
-import clsx from "clsx";
-import { jsx } from "react/jsx-runtime";
 import { useEnvironment } from "@m4l/core";
-import { u as useSideBar, g as getNameDataTestId$1 } from "../SideBar/index.2dfc5445.js";
+import { styled, generateUtilityClasses, generateUtilityClass, Skeleton } from "@mui/material";
+import { u as useSideBar, g as getNameDataTestId$1 } from "../SideBar/index.5fd648d2.js";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
+import { jsx } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
 import { unstable_composeClasses } from "@mui/base";
+import clsx from "clsx";
+import { useResponsiveDesktop } from "@m4l/graphics";
 const IconRoot = styled("div")(({
   theme
 }) => ({
@@ -67,6 +68,7 @@ function Icon(props) {
     className
   } = props;
   const [resource, setResource] = useState(testingProps?.resource || void 0);
+  const isDesktop = useResponsiveDesktop();
   useEffect(() => {
     let mounted = true;
     (async function networkOperation() {
@@ -87,7 +89,7 @@ function Icon(props) {
     };
   }, [src]);
   const ownerState = {
-    size,
+    size: isDesktop ? size : "medium",
     rotationAngle
   };
   const classes = useUtilityClasses(ownerState);