@m4l/components 0.1.89 → 0.1.92

package/components/AccountPopover/{index.bb2c369d.js → index.eebea1c5.js}

@@ -7,7 +7,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import "../mui_extended/IconButton/index.76624519.js";
 import clsx from "clsx";
 import "@m4l/graphics";
-import "../mui_extended/Accordion/index.0e0090ca.js";
+import "../mui_extended/Accordion/index.cdedddba.js";
 import "../mui_extended/Typography/index.443590d6.js";
 import { A as Avatar } from "../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
@@ -18,10 +18,10 @@ import { C as CircularProgress } from "../mui_extended/CircularProgress/index.ad
 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 { 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/AppBar/{index.58233583.js → index.90cceb7d.js}

@@ -3,7 +3,7 @@ import { useEnvironment, useModuleDictionary } from "@m4l/core";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 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 "../Icon/index.a70c4729.js";
 import "react";
 import "clsx";
@@ -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 { styled } from "@mui/material/styles";

package/components/CommonActions/components/ActionCancel/{index.ffc5618a.js → index.54588e5b.js}

@@ -1,6 +1,6 @@
 import { useModuleDictionary } from "@m4l/core";
 import { B as Button } from "../../../mui_extended/Button/index.f79eb74e.js";
-import { u as useCommonActionsUtilityClasses } from "../Actions/index.366cb775.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.7a196c44.js";
 import { jsx } from "react/jsx-runtime";
 const ActionCancel = (props) => {
   const {

package/components/CommonActions/components/ActionFormCancel/{index.baa35ca3.js → index.7907e6f4.js}

@@ -3,17 +3,17 @@ import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { Skeleton } from "@mui/material";
 import { B as Button } from "../../../mui_extended/Button/index.f79eb74e.js";
 import { useCallback, useEffect } from "react";
-import { u as useModal } from "../../../../hooks/useModal/index.6457198c.js";
+import { u as useModal } from "../../../../hooks/useModal/index.fa6dfaa1.js";
 import "../../../../react-draggable.7abb5d0a.js";
 import "../../../Resizeable/index.676c96fe.js";
 import { jsx } from "react/jsx-runtime";
 import "@m4l/graphics";
-import "../../../modal/index.dbdb6ac0.js";
-import { W as WindowConfirm } from "../../../modal/WindowConfirm.f53c02f6.js";
+import "../../../modal/index.b434146b.js";
+import { W as WindowConfirm } from "../../../modal/WindowConfirm.7a9c12c0.js";
 import "../../../Icon/index.a70c4729.js";
 import "clsx";
 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";
@@ -21,23 +21,23 @@ 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 "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";
 import { u as useWindowToolsMF } from "../../../areas/hooks/useWindowToolsMF/index.b7afaf88.js";
-import { u as useCommonActionsUtilityClasses } from "../Actions/index.366cb775.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.7a196c44.js";
 function ActionFormCancel() {
   const {
     getLabel

package/components/CommonActions/components/ActionFormIntro/{index.906d46a0.js → index.f7cd515b.js}

@@ -2,7 +2,7 @@ import { useFormContext, useFormState } from "react-hook-form";
 import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { Skeleton } from "@mui/material";
 import { L as LoadingButton } from "../../../mui_extended/Button/index.f79eb74e.js";
-import { u as useCommonActionsUtilityClasses } from "../Actions/index.366cb775.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.7a196c44.js";
 import { jsx } from "react/jsx-runtime";
 function ActionFormIntro(props) {
   const {

package/components/CommonActions/components/ActionIntro/{index.81d2648b.js → index.f20cffae.js}

@@ -1,7 +1,7 @@
 import { useModuleDictionary } from "@m4l/core";
 import { B as Button } from "../../../mui_extended/Button/index.f79eb74e.js";
 import { T as TEST_PROP_ID } from "../../../../test/constants_no_mock.86c553a9.js";
-import { u as useCommonActionsUtilityClasses } from "../Actions/index.366cb775.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.7a196c44.js";
 import { jsx } from "react/jsx-runtime";
 const ACTIONINTRO_TEST_ID = "m4lactions";
 const ActionIntro = (props) => {

package/components/CommonActions/components/Actions/{index.366cb775.js → index.7a196c44.js}

@@ -10,33 +10,33 @@ import "../../../mui_extended/Button/index.f79eb74e.js";
 import "clsx";
 import "react-hook-form";
 import "react";
-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 "@mui/lab";
 import "../../../mui_extended/Typography/index.443590d6.js";
 import "../../../Image/index.c18ebf5a.js";
 import "../../../Icon/index.a70c4729.js";
 import "../../../mui_extended/IconButton/index.76624519.js";
-import "../../../mui_extended/Accordion/index.0e0090ca.js";
+import "../../../mui_extended/Accordion/index.cdedddba.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_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/DataGrid/{index.8c887df9.js → index.95cea2ca.js}

@@ -1,4 +1,4 @@
-import { g as getModalDialogComponentsDictionary } from "../ModalDialog/index.302a87c9.js";
+import { g as getModalDialogComponentsDictionary } from "../ModalDialog/index.99745527.js";
 import { g as getPagerComponentsDictionary } from "../mui_extended/Pager/index.ac2a21f0.js";
 import { styled } from "@mui/material/styles";
 import { forwardRef, createContext, useState, useMemo, useEffect, useCallback, useContext, useRef, useLayoutEffect } from "react";
@@ -8,10 +8,10 @@ import { HTML5Backend } from "react-dnd-html5-backend";
 import { SvgIcon, Checkbox, InputBase, Skeleton, generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { voidFunction, useModuleDictionary, useModuleSkeleton, getPropertyByString } from "@m4l/core";
-import { A as ActionsColumn, a as Actions } from "./subcomponents/Actions/index.895fc73f.js";
+import { A as ActionsColumn, a as Actions } from "./subcomponents/Actions/index.5b0b1fbf.js";
 import { unstable_composeClasses } from "@mui/base";
 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 { B as BooleanFormatter } from "../formatters/BooleanFormatter/index.a013b080.js";
 import "@m4l/graphics";
 import "../Icon/index.a70c4729.js";

package/components/DataGrid/subcomponents/Actions/{index.895fc73f.js → index.5b0b1fbf.js}

@@ -1,5 +1,5 @@
-import { M as MenuActions } from "../../../mui_extended/MenuActions/index.4c2e48d4.js";
-import { u as useDataGrid, a as useFilters, d as dataGridClasses, D as DataGridRoot, b as dictionary } from "../../index.8c887df9.js";
+import { M as MenuActions } from "../../../mui_extended/MenuActions/index.7669b8af.js";
+import { u as useDataGrid, a as useFilters, d as dataGridClasses, D as DataGridRoot, b as dictionary } from "../../index.95cea2ca.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";
@@ -8,24 +8,24 @@ import { useEnvironment, useModuleDictionary, useModuleSkeleton } from "@m4l/cor
 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.6457198c.js";
-import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.ffc5618a.js";
-import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.81d2648b.js";
+import { u as useModal } from "../../../../hooks/useModal/index.fa6dfaa1.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 { useResponsiveDesktop } from "@m4l/graphics";
-import "../../../modal/index.dbdb6ac0.js";
-import { A as Actions$1 } from "../../../CommonActions/components/Actions/index.366cb775.js";
+import "../../../modal/index.b434146b.js";
+import { A as Actions$1 } from "../../../CommonActions/components/Actions/index.7a196c44.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.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 "../../../mui_extended/Accordion/index.0e0090ca.js";
+import "../../../mui_extended/Accordion/index.cdedddba.js";
 import "../../../Icon/index.a70c4729.js";
 import "../../../mui_extended/Typography/index.443590d6.js";
 import "../../../mui_extended/Avatar/index.75e6ed57.js";
@@ -36,13 +36,13 @@ 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.3db2e0c7.js";
+import "../../../mui_extended/Tab/index.5f09e16a.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 { W as WindowBase } from "../../../modal/WindowBase.a4752aa1.js";
 const ACTIONS_COLUMN_KEY = "actions-row";
 function ActionsFormatter(props) {
   const {

package/components/DynamicFilter/{index.d2e7bdcc.js → index.e9192ebd.js}

@@ -6,26 +6,26 @@ import { useModuleDictionary, useEnvironment, useModuleSkeleton, useFlagsPresent
 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.92191f81.js";
+import { g as getNameDataTestId } from "../../vendor.e14dec76.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.4c2e48d4.js";
+import { L as LabelMemuItem } from "../mui_extended/MenuActions/index.7669b8af.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.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 { g as getCommonActionsDictionary, 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 { useFormContext, useWatch } from "react-hook-form";
 import "@mui/material/Button";
 import "../mui_extended/Button/index.f79eb74e.js";
-import "../../contexts/ModalContext/index.1fc9f5d9.js";
+import "../../contexts/ModalContext/index.347f6738.js";
 import "../../react-draggable.7abb5d0a.js";
 import "../Resizeable/index.676c96fe.js";
-import "../modal/index.dbdb6ac0.js";
+import "../modal/index.b434146b.js";
 import "../Image/index.c18ebf5a.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";
@@ -33,13 +33,13 @@ 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.3db2e0c7.js";
+import "../mui_extended/Tab/index.5f09e16a.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.7a2d5394.js";
-import "../areas/components/AreasAdmin/index.cb3d7bd6.js";
-import "../areas/components/AreasViewer/index.1eef603d.js";
+import "../areas/contexts/AreasContext/index.d528f6e7.js";
+import "../areas/components/AreasAdmin/index.cd054608.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";
@@ -47,19 +47,19 @@ import { unstable_composeClasses } from "@mui/base";
 import { g as getComponentUtilityClass, i as isValidDate } from "../../utils/index.c43a95f4.js";
 import { devtools } from "zustand/middleware";
 import { immer } from "zustand/middleware/immer";
-import { g as getRHFAutocompleteComponentsDictionary, R as RHFAutocomplete } from "../hook-form/RHFAutocomplete/index.5c23bd25.js";
+import { g as getRHFAutocompleteComponentsDictionary, R as RHFAutocomplete } from "../hook-form/RHFAutocomplete/index.29a4c62c.js";
 import "lodash/debounce";
-import "../hook-form/RHFAutocompleteAsync/index.85b11f3a.js";
-import "../hook-form/RHFCheckbox/index.a136882e.js";
-import "../HelperText/index.69791151.js";
+import "../hook-form/RHFAutocompleteAsync/index.647c3f9c.js";
+import "../hook-form/RHFCheckbox/index.0b89ea5c.js";
+import "../HelperText/index.191348cc.js";
 import "@mui/x-date-pickers";
-import { R as RHFDateTime } from "../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 { R as RHFDateTime } from "../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 "lodash/isString";
 import "react-dropzone";
-import "../hook-form/RHFUpload/index.85e59119.js";
+import "../hook-form/RHFUpload/index.a4582341.js";
 import * as Yup from "yup";
 const COMPONENT_PREFIX = "M4LDynamicFilter";
 const COMPONENT_CLASS_NAME = "M4LDynamicFilter";

package/components/GridLayout/{index.8ae34c50.js → index.5e43414d.js}

@@ -1,6 +1,6 @@
 import { useState, useRef, useEffect, useCallback, useMemo } from "react";
 import clsx from "clsx";
-import { M as MemonizedGridItem } from "./subcomponents/Griditem/index.c7a33781.js";
+import { M as MemonizedGridItem } from "./subcomponents/Griditem/index.d6f326d2.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { throttle } from "lodash";
 import { useResizeObserver } from "@m4l/graphics";
@@ -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;

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

@@ -1,7 +1,7 @@
 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 { 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.5e43414d.js";
 import clsx from "clsx";
 import { d as deepEqual } from "../../../../node_modules.d73a220d.js";
 import { jsx, Fragment } from "react/jsx-runtime";
@@ -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.d41e31ca.js}

@@ -1,4 +1,4 @@
-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 isEqualLayouts, G as GridLayout, A as noop } from "../../index.5e43414d.js";
 import { useState, useRef, useEffect, useCallback } from "react";
 import { useFirstRender } from "@m4l/graphics";
 import { d as deepEqual } from "../../../../node_modules.d73a220d.js";
@@ -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;