@m4l/components 0.2.31 → 0.2.32

package/components/CommonActions/components/ActionFormCancel/{index.674a0faa.js → index.08fe4e27.js}

@@ -2,11 +2,11 @@ import { useFormContext, useFormState } from "react-hook-form";
 import { useModuleDictionary } from "@m4l/core";
 import { B as Button } from "../../../mui_extended/Button/index.d5a031be.js";
 import { useCallback, useEffect } from "react";
-import { u as useModal } from "../../../../hooks/useModal/index.b64e2ea0.js";
+import { u as useModal } from "../../../../hooks/useModal/index.cb1d6a37.js";
 import { u as useCommonActionsUtilityClasses } from "../Actions/index.23bfc86b.js";
 import { jsx } from "react/jsx-runtime";
 import { u as useWindowToolsMF } from "../../../areas/hooks/useWindowToolsMF/index.b7afaf88.js";
-import { W as WindowConfirm } from "../../../modal/WindowConfirm.0aae86b3.js";
+import { W as WindowConfirm } from "../../../modal/WindowConfirm.ce47a48a.js";
 function ActionFormCancel() {
   const {
     getLabel

package/components/DataGrid/formatters/ColumnInteractiveCheckFormatter/{index.c2a8a7d0.js → index.4089f91b.js}

@@ -1,5 +1,5 @@
 import { Checkbox } from "@mui/material";
-import { d as dataGridClasses } from "../../index.ca78a0a9.js";
+import { d as dataGridClasses } from "../../index.c283b50b.js";
 import { jsx } from "react/jsx-runtime";
 function ColumnInteractiveCheckFormatter(props) {
   const {

package/components/DataGrid/{index.ca78a0a9.js → index.c283b50b.js}

@@ -1,5 +1,5 @@
-import { g as getModalDialogComponentsDictionary } from "../ModalDialog/index.7b85f8b0.js";
-import { g as getPagerComponentsDictionary } from "../mui_extended/Pager/index.91696066.js";
+import { g as getModalDialogComponentsDictionary } from "../ModalDialog/index.f27b7c2d.js";
+import { g as getPagerComponentsDictionary } from "../mui_extended/Pager/index.da7ea851.js";
 import { styled, SvgIcon, Checkbox, InputBase, Skeleton, generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { forwardRef, createContext, useState, useMemo, useEffect, useCallback, useContext, useRef, useLayoutEffect } from "react";
 import { u as useRowSelection, S as SelectCellFormatter, H as HeaderRenderer, D as DataGrid$1 } from "../../react-data-grid.c5377916.js";
@@ -8,7 +8,7 @@ import { HTML5Backend } from "react-dnd-html5-backend";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { D as DATAGRID_SELECT_COLUMN_KEY, c as componentName, a as DATAGRID_PREFIX_NAME } from "./constants.e334cd50.js";
 import { voidFunction, useModuleDictionary, useModuleSkeleton, getPropertyByString } from "@m4l/core";
-import { A as ActionsColumn, a as Actions } from "./subcomponents/Actions/index.6cfca40a.js";
+import { A as ActionsColumn, a as Actions } from "./subcomponents/Actions/index.d945647f.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 "../../test/getNameDataTestId.14875ec7.js";

package/components/DataGrid/subcomponents/Actions/{index.6cfca40a.js → index.d945647f.js}

@@ -1,20 +1,20 @@
 import { M as MenuActions } from "../../../mui_extended/MenuActions/index.154d57f0.js";
-import { u as useDataGrid, a as useFilters, D as DataGridRoot, b as dictionary } from "../../index.ca78a0a9.js";
+import { u as useDataGrid, a as useFilters, D as DataGridRoot, b as dictionary } from "../../index.c283b50b.js";
 import { useTheme, styled, Skeleton } from "@mui/material";
 import { b as DATAGRID_ACTIONS_COLUMN_KEY } from "../../constants.e334cd50.js";
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import { P as Pager } from "../../../mui_extended/Pager/index.91696066.js";
+import { P as Pager } from "../../../mui_extended/Pager/index.da7ea851.js";
 import { I as IconButton } from "../../../mui_extended/IconButton/index.d8bdadaa.js";
 import { useEnvironment, useModuleDictionary, useModuleSkeleton } from "@m4l/core";
+import { useIsMobile, useResponsiveContainerStore } from "@m4l/graphics";
 import { forwardRef, useRef, useState, useImperativeHandle, useMemo, useEffect, useCallback } from "react";
 import { D as DataGrid$1 } from "../../../../react-data-grid.c5377916.js";
-import { C as ColumnInteractiveCheckFormatter } from "../../formatters/ColumnInteractiveCheckFormatter/index.c2a8a7d0.js";
-import { u as useModal } from "../../../../hooks/useModal/index.b64e2ea0.js";
+import { C as ColumnInteractiveCheckFormatter } from "../../formatters/ColumnInteractiveCheckFormatter/index.4089f91b.js";
+import { u as useModal } from "../../../../hooks/useModal/index.cb1d6a37.js";
+import { W as WindowBase } from "../../../modal/WindowBase.2e5506d7.js";
+import { A as Actions$1 } from "../../../CommonActions/components/Actions/index.23bfc86b.js";
 import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.f00f026d.js";
 import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.574967a0.js";
-import { useResponsiveDesktop, useResponsiveContainerStore } from "@m4l/graphics";
-import { W as WindowBase } from "../../../modal/WindowBase.ab22627c.js";
-import { A as Actions$1 } from "../../../CommonActions/components/Actions/index.23bfc86b.js";
 import { shallow } from "zustand/shallow";
 function ActionsFormatter(props) {
   const {
@@ -376,7 +376,7 @@ const ColumnsConfig = forwardRef((props, ref) => {
   });
 });
 ColumnsConfig.displayName = "ColumnsConfig";
-function Settings() {
+const useModalSettings = () => {
   const {
     openModal,
     closeModal
@@ -392,7 +392,8 @@ function Settings() {
     host_static_assets,
     environment_assets
   } = useEnvironment();
-  const isDesktop = useResponsiveDesktop();
+  const isMobile = useIsMobile();
+  console.log("isMobile", isMobile);
   const {
     classes
   } = useDataGrid();
@@ -402,14 +403,14 @@ function Settings() {
   }, [closeModal]);
   const onClickIntro = useCallback(() => {
     if (ref.current?.onClickIntro) {
-      ref.current?.onClickIntro();
+      ref.current.onClickIntro();
     }
   }, []);
-  const onClickSettings = useCallback(() => {
+  const onClickSettings = () => {
     openModal({
       initialWidth: 500,
       initialHeigth: 680,
-      fullScreen: !isDesktop ? true : false,
+      fullScreen: isMobile,
       window: /* @__PURE__ */ jsxs(WindowBase, {
         title: getLabel("data_grid.settings_title"),
         urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/data_grid/assets/icons/configuration.svg`,
@@ -440,11 +441,23 @@ function Settings() {
         })]
       })
     });
-  }, [closeModal, columnsConfig, getLabel, onChangeColumnsConfig, onCloseSettings, openModal, onClickIntro]);
+  };
+  return onClickSettings;
+};
+const useModalSettings$1 = useModalSettings;
+function Settings() {
+  const {
+    host_static_assets,
+    environment_assets
+  } = useEnvironment();
+  const {
+    classes
+  } = useDataGrid();
+  const modalSettings = useModalSettings$1();
   return /* @__PURE__ */ jsx(IconButton, {
     className: classes.actionSettings,
     dictionaryTooltipId: "data_grid.tooltip_settings",
-    onClick: onClickSettings,
+    onClick: modalSettings,
     "aria-label": "settings",
     src: `${host_static_assets}/${environment_assets}/frontend/components/data_grid/assets/icons/configuration.svg`
   });
@@ -552,6 +565,62 @@ function Density() {
     toolTip: getLabel("data_grid.tooltip_density")
   });
 }
+const MobileMenuActions = () => {
+  const {
+    host_static_assets,
+    environment_assets
+  } = useEnvironment();
+  const {
+    currentRowHeightVariant,
+    setRowHeightVariant
+  } = useDataGrid();
+  const {
+    activeFilters,
+    setActiveFilters
+  } = useFilters();
+  const modalSettings = useModalSettings$1();
+  const toggleIcon = () => {
+    setActiveFilters(!activeFilters);
+  };
+  const menuActions = [{
+    urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/data_grid/assets/icons/compact.svg`,
+    onClick: () => setRowHeightVariant("compact"),
+    disabled: currentRowHeightVariant === "compact",
+    dictionaryId: "data_grid.density_compact"
+  }, {
+    urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/data_grid/assets/icons/standard.svg`,
+    onClick: () => setRowHeightVariant("standard"),
+    disabled: currentRowHeightVariant === "standard",
+    dictionaryId: "data_grid.density_standard"
+  }, {
+    urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/data_grid/assets/icons/confortable.svg`,
+    onClick: () => setRowHeightVariant("confortable"),
+    disabled: currentRowHeightVariant === "confortable",
+    dictionaryId: "data_grid.density_confortable"
+  }, {
+    urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/data_grid/assets/icons/filter.svg`,
+    onClick: () => toggleIcon(),
+    dictionaryId: activeFilters ? "data_grid.tooltip_filter_hide" : "data_grid.tooltip_filter_show"
+  }, {
+    urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/data_grid/assets/icons/configuration.svg`,
+    onClick: () => modalSettings(),
+    dictionaryId: "data_grid.tooltip_settings"
+  }];
+  return /* @__PURE__ */ jsx(MenuActions, {
+    urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/data_grid/assets/icons/menu.svg`,
+    arrowType: "no-arrow",
+    marginTop: "12px",
+    anchorOrigin: {
+      vertical: "bottom",
+      horizontal: "right"
+    },
+    transformOrigin: {
+      vertical: "top",
+      horizontal: "right"
+    },
+    menuActions
+  });
+};
 function Actions(props) {
   const isXs = useResponsiveContainerStore((state) => state.isXs, shallow);
   const {
@@ -579,7 +648,7 @@ function Actions(props) {
       isXs,
       labelRows: getLabel(dictionary.LABEL_ROWS_PER_PAGE),
       labelOf: getLabel(dictionary.LABEL_OF)
-    }), /* @__PURE__ */ jsxs("div", {
+    }), isXs ? /* @__PURE__ */ jsx(MobileMenuActions, {}) : /* @__PURE__ */ jsxs("div", {
       className: classes.actionsConfigContainer,
       children: [typeof rowHeights !== "number" && /* @__PURE__ */ jsx(Density, {}), withLocalFilters && /* @__PURE__ */ jsx(Filter, {}), withSettings && /* @__PURE__ */ jsx(Settings, {
         ...settingsProps

package/components/DataGrid/subcomponents/Actions/subcomponents/MobileMenuActions/index.d.ts

@@ -0,0 +1 @@
+export declare const MobileMenuActions: () => import("react/jsx-runtime").JSX.Element;

package/components/DataGrid/subcomponents/Actions/subcomponents/hooks/useModalSettings/index.d.ts

@@ -0,0 +1,2 @@
+declare const useModalSettings: () => () => void;
+export default useModalSettings;

package/components/DataGrid/subcomponents/Actions/subcomponents/hooks/useModalSettings/types.d.ts

@@ -0,0 +1,4 @@
+export declare type ColumnsConfigRef = {
+    onClickIntro: () => void;
+    current: HTMLDivElement | null;
+};

package/components/DragResizeWindow/{index.ff74eed8.js → index.82cf6408.js}

@@ -2,7 +2,7 @@ import React__default, { useState, useRef, useCallback, useEffect, useMemo } fro
 import { D as DraggableCore_1 } from "../../react-draggable.6cf19cba.js";
 import clsx from "clsx";
 import { styled, generateUtilityClasses } from "@mui/material";
-import { M as MAP_ZINDEX_OVER_MAP } from "../../vendor.1c5be0ff.js";
+import { M as MAP_ZINDEX_OVER_MAP } from "../../vendor.55925cb3.js";
 import "@mui/base";
 import { M as MAP_ZINDEX_OVER_MAP$1 } from "../PopupsProvider/index.3d5ad0ee.js";
 import { R as Resizable } from "../../react-resizable.0ebffd82.js";

package/components/DynamicFilter/{index.740ab57c.js → index.75c66024.js}

@@ -8,13 +8,13 @@ import { devtools } from "zustand/middleware";
 import { immer } from "zustand/middleware/immer";
 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.23bfc86b.js";
-import { g as getRHFAutocompleteComponentsDictionary, R as RHFAutocomplete } from "../hook-form/RHFAutocomplete/index.4b666e32.js";
+import { g as getRHFAutocompleteComponentsDictionary, R as RHFAutocomplete } from "../hook-form/RHFAutocomplete/index.3592430b.js";
 import { g as getNameDataTestId } from "../../test/getNameDataTestId.14875ec7.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.59623e57.js";
-import { R as RHFTextField } from "../hook-form/RHFTextField/index.ad830000.js";
+import { R as RHFDateTime } from "../hook-form/RHFDateTime/index.fc474c35.js";
+import { R as RHFTextField } from "../hook-form/RHFTextField/index.db56e769.js";
 import * as Yup from "yup";
 import { useResponsiveDesktop, useFirstRender, useFormatter } from "@m4l/graphics";
 import { S as ScrollBar } from "../ScrollBar/index.7dfc2f29.js";

package/components/GridLayout/{index.e005b65b.js → index.00740f82.js}

@@ -1,6 +1,6 @@
 import { useState, useRef, useEffect, useCallback } from "react";
 import clsx from "clsx";
-import { M as MemonizedGridItem } from "./subcomponents/Griditem/index.ee5c31cd.js";
+import { M as MemonizedGridItem } from "./subcomponents/Griditem/index.3d479abb.js";
 import { styled, alpha } from "@mui/material/styles";
 import { r as react_resizable_css } from "../../react-resizable.0ebffd82.js";
 import { generateUtilityClasses } from "@mui/material";
@@ -305,16 +305,12 @@ function resolveCompactionCollision(layout, item, moveToCoord, axis, colapsedHei
   item[axis] = moveToCoord;
 }
 function setTransform({ top, left, width, height }) {
-  const translate = `translate(${left}px,${top}px)`;
   return {
-    transform: translate,
-    WebkitTransform: translate,
-    MozTransform: translate,
-    msTransform: translate,
-    OTransform: translate,
     width: `${width}px`,
     height: `${height}px`,
-    position: "absolute"
+    position: "absolute",
+    left,
+    top
   };
 }
 function setTopLeft({ top, left, width, height }) {
@@ -524,6 +520,7 @@ const GridLayoutRoot = styled("div")`
     }
     .${gridLayoutClasses.gridItemRoot}.${gridLayoutClasses.cssTransforms} {
         transition-property: transform;
+        transition: left 0.1s ease, top 0.1s ease;
     }
     .${gridLayoutClasses.gridItemRoot}.${gridLayoutClasses.maximizeOther} {
         display: none;

package/components/GridLayout/subcomponents/Griditem/{index.ee5c31cd.js → index.3d479abb.js}

@@ -1,7 +1,7 @@
 import React__default, { useRef, useEffect, useState, useCallback, useMemo } from "react";
 import { D as DraggableCore_1 } from "../../../../react-draggable.6cf19cba.js";
 import { R as Resizable } from "../../../../react-resizable.0ebffd82.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.e005b65b.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.00740f82.js";
 import clsx from "clsx";
 import { deepEqual } from "fast-equals";
 import { jsx, Fragment } from "react/jsx-runtime";

package/components/GridLayout/subcomponents/Responsive/{index.69e13d04.js → index.733e8ba6.js}

@@ -1,4 +1,4 @@
-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.e005b65b.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.00740f82.js";
 import { useState, useRef, useEffect, useCallback } from "react";
 import { useFirstRender } from "@m4l/graphics";
 import { deepEqual } from "fast-equals";

package/components/GridLayout/subcomponents/SizeProvider/{index.607d8861.js → index.247cc027.js}

@@ -2,7 +2,7 @@ import { useRef, useState, useMemo, useCallback, useEffect } from "react";
 import clsx from "clsx";
 import { throttle } from "lodash";
 import { useResizeObserver } from "@m4l/graphics";
-import { j as DEFAULT_CONTAINER_WIDTH, k as DEFAULT_CONTAINER_HEIGHT, T as THROTTLE_RESIZE_TIMEOUT, C as COMPONENT_CLASS_NAME } from "../../index.e005b65b.js";
+import { j as DEFAULT_CONTAINER_WIDTH, k as DEFAULT_CONTAINER_HEIGHT, T as THROTTLE_RESIZE_TIMEOUT, C as COMPONENT_CLASS_NAME } from "../../index.00740f82.js";
 import { jsx } from "react/jsx-runtime";
 function withSizeProvider(ComposedComponent) {
   return (props) => {

package/components/ModalDialog/{index.7b85f8b0.js → index.f27b7c2d.js}

@@ -1,10 +1,11 @@
 import { useTheme, Dialog, Paper } from "@mui/material";
 import { c as cjs } from "../../react-draggable.6cf19cba.js";
-import { u as useModal } from "../../hooks/useModal/index.b64e2ea0.js";
+import { u as useModal } from "../../hooks/useModal/index.cb1d6a37.js";
 import { R as ResizeableWindow } from "../Resizeable/index.eba4fda9.js";
-import { useResponsiveDesktop } from "@m4l/graphics";
+import { useIsMobile } from "@m4l/graphics";
 import { m as modalUtilityClasses } from "../modal/index.61389369.js";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { jsx } from "react/jsx-runtime";
 import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.23bfc86b.js";
 const DragabblePaperComponent = (props) => {
   return /* @__PURE__ */ jsx(cjs.exports, {
@@ -40,7 +41,11 @@ const ModalDialog = () => {
     fullScreen,
     variant
   } = useModal();
-  const isDesktop = useResponsiveDesktop();
+  const isMobile = useIsMobile();
+  const [fullScreenState, setFullScreenState] = useState(fullScreen);
+  useEffect(() => {
+    setFullScreenState(isMobile);
+  }, [isMobile]);
   const theme = useTheme();
   const classes = modalUtilityClasses({
     variant
@@ -49,7 +54,8 @@ const ModalDialog = () => {
     className: classes.containerWindow,
     children: typeof window === "function" ? window() : window
   });
-  return /* @__PURE__ */ jsxs(Dialog, {
+  console.log("fullScreen test", fullScreen);
+  return /* @__PURE__ */ jsx(Dialog, {
     open,
     className: classes.root,
     sx: {
@@ -57,10 +63,10 @@ const ModalDialog = () => {
     },
     "aria-labelledby": "child-modal-title",
     "aria-describedby": "child-modal-description",
-    PaperComponent: isDesktop ? DragabblePaperComponent : PaperComponent,
-    fullScreen,
+    PaperComponent: !isMobile ? DragabblePaperComponent : PaperComponent,
+    fullScreen: fullScreenState,
     disableEnforceFocus: true,
-    children: [isDesktop && /* @__PURE__ */ jsx(ResizeableWindow, {
+    children: !isMobile ? /* @__PURE__ */ jsx(ResizeableWindow, {
       width: initialWidth,
       height: initialHeigth,
       maxWidth,
@@ -70,7 +76,7 @@ const ModalDialog = () => {
         className: `custom-handle custom-handle-${resizeHandle}`
       }, resizeHandle),
       children: contentComnponent
-    }), !isDesktop && contentComnponent]
+    }) : contentComnponent
   });
 };
 function getModalDialogComponentsDictionary() {

package/components/ObjectLogs/{index.c0a6ebab.js → index.32ddae31.js}

@@ -1,17 +1,17 @@
 import { useState, useEffect, useCallback, useMemo } from "react";
 import { useNetwork, useModuleDictionary, useEnvironment, usePaginate } from "@m4l/core";
 import { styled, Tooltip, IconButton } from "@mui/material";
-import { c as DataGrid, g as getDataGridComponentsDictionary } from "../DataGrid/index.ca78a0a9.js";
+import { c as DataGrid, g as getDataGridComponentsDictionary } from "../DataGrid/index.c283b50b.js";
 import { D as DateFormatter } from "../formatters/DateFormatter/index.578a9f53.js";
 import { useHostTheme, useResponsiveDesktop } from "@m4l/graphics";
 import { R as ReactJson } from "../../react-json-view.5636414a.js";
 import { S as ScrollBar } from "../ScrollBar/index.7dfc2f29.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { u as useModal } from "../../hooks/useModal/index.b64e2ea0.js";
+import { u as useModal } from "../../hooks/useModal/index.cb1d6a37.js";
 import { I as Icon } from "../Icon/index.14670a00.js";
 import { S as Stack } from "../mui_extended/Stack/index.0e53197c.js";
-import { W as WindowBase } from "../modal/WindowBase.ab22627c.js";
-import { D as DynamicFilter, g as getDynamicFilterComponentsDictionary } from "../DynamicFilter/index.740ab57c.js";
+import { W as WindowBase } from "../modal/WindowBase.2e5506d7.js";
+import { D as DynamicFilter, g as getDynamicFilterComponentsDictionary } from "../DynamicFilter/index.75c66024.js";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 const Container = styled("div")(() => ({
   height: "100%",

package/components/areas/components/AreasAdmin/{index.c116bd31.js → index.922cdb11.js}

@@ -1,4 +1,4 @@
-import { u as useAreasStore } from "../../hooks/useAreas/index.01011617.js";
+import { u as useAreasStore } from "../../hooks/useAreas/index.e3971ffa.js";
 import { useEnvironment, useModuleDictionary } from "@m4l/core";
 import { useState, useRef, useMemo } from "react";
 import * as Yup from "yup";
@@ -14,7 +14,7 @@ import { shallow } from "zustand/shallow";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { M as MenuActions } from "../../../mui_extended/MenuActions/index.154d57f0.js";
 import { R as RHFormProvider } from "../../../../contexts/RHFormContext/index.7b2a8723.js";
-import { R as RHFTextField } from "../../../hook-form/RHFTextField/index.ad830000.js";
+import { R as RHFTextField } from "../../../hook-form/RHFTextField/index.db56e769.js";
 import { A as Actions } from "../../../CommonActions/components/Actions/index.23bfc86b.js";
 import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.f00f026d.js";
 import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.574967a0.js";

package/components/areas/components/AreasViewer/{index.88cb57e4.js → index.f7126815.js}

@@ -6,7 +6,7 @@ import { a as AREAS_VIEWER_CLASS_NAME } from "../../constants.66529246.js";
 import { shallow } from "zustand/shallow";
 import React__default, { useMemo, useEffect } from "react";
 import clsx from "clsx";
-import { u as useAreasStore } from "../../hooks/useAreas/index.01011617.js";
+import { u as useAreasStore } from "../../hooks/useAreas/index.e3971ffa.js";
 import { useModuleDictionary, useEnvironment, useModuleSkeleton } from "@m4l/core";
 import { a as MemonizedMenuActions } from "../../../mui_extended/MenuActions/index.154d57f0.js";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
@@ -23,9 +23,9 @@ import { D as DynamicMFParmsProvider } from "../../contexts/DynamicMFParmsContex
 import { L as LinearProgress } from "../../../mui_extended/LinearProgress/index.c92b9ba9.js";
 import { T as TEST_PROP_ID } from "../../../../test/constants_no_mock.86c553a9.js";
 import { g as getNameDataTestId } from "../../../../test/getNameDataTestId.14875ec7.js";
-import { R as RESPONSIVE_COLAPSED_HEIGHTS, a as RESPONSIVE_ROW_HEIGHTS, M as MARGIN_GRIDLAYOUT, P as PADDING_GRIDLAYOUT } from "../../contexts/AreasContext/index.7d883aa4.js";
-import { w as withSizeProvider } from "../../../GridLayout/subcomponents/SizeProvider/index.607d8861.js";
-import { R as Responsive } from "../../../GridLayout/subcomponents/Responsive/index.69e13d04.js";
+import { R as RESPONSIVE_COLAPSED_HEIGHTS, a as RESPONSIVE_ROW_HEIGHTS, M as MARGIN_GRIDLAYOUT, P as PADDING_GRIDLAYOUT } from "../../contexts/AreasContext/index.37be3e4e.js";
+import { w as withSizeProvider } from "../../../GridLayout/subcomponents/SizeProvider/index.247cc027.js";
+import { R as Responsive } from "../../../GridLayout/subcomponents/Responsive/index.733e8ba6.js";
 import { useLocation } from "react-router-dom";
 import { L as LoadingError } from "../../../LoadingError/index.1ec78dd5.js";
 import { c as cjs } from "../../../../react-draggable.6cf19cba.js";

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

@@ -1,8 +1,8 @@
 import { WritableDraft } from 'immer/dist/internal';
 import type { Area, AreasStateWithActions } from './types';
 import type { WindowState, WindowStateProps } from '../../types';
-export declare const PADDING_GRIDLAYOUT = 8;
-export declare const MARGIN_GRIDLAYOUT = 8;
+export declare const PADDING_GRIDLAYOUT = 11;
+export declare const MARGIN_GRIDLAYOUT = 11;
 export declare const DEBOUCED_SAVE_TIME = 500;
 export declare const THROTTLE_RESIZE_TIME = 300;
 export declare const COOKIE_BREAKPOINT_LAYOUTS = "layoutPros";

package/components/areas/contexts/AreasContext/{index.7d883aa4.js → index.37be3e4e.js}

@@ -5,17 +5,17 @@ import { useResponsiveDesktop, useFirstRender } from "@m4l/graphics";
 import { useHostTools, useModuleDictionary, useNetwork, useModuleSkeleton, EmitEvents } from "@m4l/core";
 import { devtools } from "zustand/middleware";
 import { immer } from "zustand/middleware/immer";
-import { u as useAreasViewerUtilityClasses } from "../../components/AreasViewer/index.88cb57e4.js";
-import { u as useAreasAdminUtilityClasses } from "../../components/AreasAdmin/index.c116bd31.js";
+import { u as useAreasViewerUtilityClasses } from "../../components/AreasViewer/index.f7126815.js";
+import { u as useAreasAdminUtilityClasses } from "../../components/AreasAdmin/index.922cdb11.js";
 import { c as createDynamicMFStore } from "../DynamicMFParmsContext/index.1607c78e.js";
 import { g as getAreasDictionary, D as DICCTIONARY } from "../../dictionary.08cfc4c9.js";
-import { a as addLayoutItemToBreakPointIfNoExists, b as addLayoutItemToBreakPoints, c as cloneLayouts } from "../../../GridLayout/subcomponents/Responsive/index.69e13d04.js";
+import { a as addLayoutItemToBreakPointIfNoExists, b as addLayoutItemToBreakPoints, c as cloneLayouts } from "../../../GridLayout/subcomponents/Responsive/index.733e8ba6.js";
 import { debounce, cloneDeep } from "lodash";
-import { A as isEqualLayouts } from "../../../GridLayout/index.e005b65b.js";
+import { A as isEqualLayouts } from "../../../GridLayout/index.00740f82.js";
 import { useNavigate } from "react-router-dom";
 import { jsx } from "react/jsx-runtime";
-const PADDING_GRIDLAYOUT = 8;
-const MARGIN_GRIDLAYOUT = 8;
+const PADDING_GRIDLAYOUT = 11;
+const MARGIN_GRIDLAYOUT = 11;
 const DEBOUCED_SAVE_TIME = 500;
 const COOKIE_BREAKPOINT_LAYOUTS = "layoutPros";
 const COOKIE_WINDOWS = "windows";

package/components/areas/hooks/useAreas/{index.01011617.js → index.e3971ffa.js}

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

package/components/hook-form/RHFAutocomplete/{index.4b666e32.js → index.3592430b.js}

@@ -9,7 +9,7 @@ import { T as Typography } from "../../mui_extended/Typography/index.379dd374.js
 import { unstable_composeClasses } from "@mui/base";
 import { H as HelperText } from "../../HelperText/index.7d2afdb3.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
-import { u as useFormFocus } from "../../../vendor.1c5be0ff.js";
+import { u as useFormFocus } from "../../../vendor.55925cb3.js";
 import { F as FieldLabel } from "../../FieldLabel/index.75e89ace.js";
 import { I as IconButton } from "../../mui_extended/IconButton/index.d8bdadaa.js";
 const AutocompleteRoot = styled("div")(({

package/components/hook-form/RHFAutocompleteAsync/{index.0536f712.js → index.dfbaece5.js}

@@ -5,7 +5,7 @@ import { styled, generateUtilityClasses, generateUtilityClass } from "@mui/mater
 import { unstable_composeClasses } from "@mui/base";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { jsx } from "react/jsx-runtime";
-import { R as RHFAutocomplete, g as getRHFAutocompleteComponentsDictionary } from "../RHFAutocomplete/index.4b666e32.js";
+import { R as RHFAutocomplete, g as getRHFAutocompleteComponentsDictionary } from "../RHFAutocomplete/index.3592430b.js";
 styled("div")(() => ({
   display: "flex",
   width: "100%",

package/components/hook-form/RHFCheckbox/{index.4942ed5e.js → index.251a36b5.js}

@@ -6,7 +6,7 @@ import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { useModuleSkeleton } from "@m4l/core";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { u as useFormFocus } from "../../../vendor.1c5be0ff.js";
+import { u as useFormFocus } from "../../../vendor.55925cb3.js";
 import { C as CheckBox } from "../../mui_extended/CheckBox.0dcf39ae.js";
 const RHFCheckboxRoot = styled("div")(({
   theme

package/components/hook-form/RHFColorPicker/{index.b2d1edf3.js → index.e7d27ca0.js}

@@ -10,7 +10,7 @@ import { generateUtilityClasses, generateUtilityClass, styled, Skeleton } from "
 import { unstable_composeClasses } from "@mui/base";
 import { useTheme } from "@mui/material/styles";
 import { useResponsiveDesktop } from "@m4l/graphics";
-import { u as useFormFocus } from "../../../vendor.1c5be0ff.js";
+import { u as useFormFocus } from "../../../vendor.55925cb3.js";
 import { F as FieldLabel } from "../../FieldLabel/index.75e89ace.js";
 import { P as Popover } from "../../mui_extended/Popover/index.d85de73b.js";
 import { I as Icon } from "../../Icon/index.14670a00.js";

package/components/hook-form/RHFDateTime/{index.59623e57.js → index.fc474c35.js}

@@ -9,7 +9,7 @@ import { unstable_composeClasses } from "@mui/base";
 import clsx from "clsx";
 import { H as HelperText } from "../../HelperText/index.7d2afdb3.js";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
-import { u as useFormFocus } from "../../../vendor.1c5be0ff.js";
+import { u as useFormFocus } from "../../../vendor.55925cb3.js";
 import { F as FieldLabel } from "../../FieldLabel/index.75e89ace.js";
 import { I as Icon } from "../../Icon/index.14670a00.js";
 const SkeletonRHFDateTime = (props) => {

package/components/hook-form/RHFPeriod/{index.d3960c8c.js → index.2bf650c4.js}

@@ -4,7 +4,7 @@ import { H as HelperText } from "../../HelperText/index.7d2afdb3.js";
 import { unstable_composeClasses } from "@mui/base";
 import { useModuleSkeleton } from "@m4l/core";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { u as useFormFocus } from "../../../vendor.1c5be0ff.js";
+import { u as useFormFocus } from "../../../vendor.55925cb3.js";
 import { F as FieldLabel } from "../../FieldLabel/index.75e89ace.js";
 import { P as Period } from "../../Period/index.ddf8716c.js";
 const RHFPeriodRoot = styled("div")(({

package/components/hook-form/RHFTextField/{index.ad830000.js → index.db56e769.js}

@@ -9,7 +9,7 @@ import { unstable_composeClasses } from "@mui/base";
 import { g as getComponentUtilityClass } from "../../../utils/index.24b5284a.js";
 import { H as HelperText } from "../../HelperText/index.7d2afdb3.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
-import { u as useFormFocus } from "../../../vendor.1c5be0ff.js";
+import { u as useFormFocus } from "../../../vendor.55925cb3.js";
 import { F as FieldLabel } from "../../FieldLabel/index.75e89ace.js";
 const SkeletonTextFieldRoot = styled("div")(() => ({
   display: "flex",

package/components/modal/{WindowBase.ab22627c.js → WindowBase.2e5506d7.js}

@@ -4,7 +4,7 @@ import clsx from "clsx";
 import { jsxs, jsx } from "react/jsx-runtime";
 import { I as IconButton } from "../mui_extended/IconButton/index.d8bdadaa.js";
 import { I as Icon } from "../Icon/index.14670a00.js";
-import { u as useModal } from "../../hooks/useModal/index.b64e2ea0.js";
+import { u as useModal } from "../../hooks/useModal/index.cb1d6a37.js";
 const Header = (props) => {
   const {
     title,

package/components/modal/{WindowConfirm.0aae86b3.js → WindowConfirm.ce47a48a.js}

@@ -1,11 +1,11 @@
 import { A as Actions } from "../CommonActions/components/Actions/index.23bfc86b.js";
 import { Typography } from "@mui/material";
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
-import { u as useModal } from "../../hooks/useModal/index.b64e2ea0.js";
+import { u as useModal } from "../../hooks/useModal/index.cb1d6a37.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { I as Image } from "../Image/index.6aa1ae49.js";
 import { m as modalUtilityClasses } from "./index.61389369.js";
-import { W as WindowBase } from "./WindowBase.ab22627c.js";
+import { W as WindowBase } from "./WindowBase.2e5506d7.js";
 import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.f00f026d.js";
 import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.574967a0.js";
 const dictionary = {

package/components/mui_extended/Pager/{index.91696066.js → index.da7ea851.js}

@@ -5,7 +5,9 @@ import { I as IconButton } from "../IconButton/index.d8bdadaa.js";
 import { useEnvironment } from "@m4l/core";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useResponsiveContainerStore } from "@m4l/graphics";
+import { shallow } from "zustand/shallow";
 import { T as Typography } from "../Typography/index.379dd374.js";
+import { I as Icon } from "../../Icon/index.14670a00.js";
 const PagerRoot = styled("div")(({ theme }) => ({
   ...theme.components?.M4LPager?.styleOverrides
 }));
@@ -127,7 +129,11 @@ const CustomTablePagination = (props) => {
     SelectProps,
     labelDisplayedRows = defaultLabelDisplayedRows
   } = props;
-  const isUpSm = useResponsiveContainerStore((state) => state.isUpSm);
+  const {
+    host_static_assets,
+    environment_assets
+  } = useEnvironment();
+  const isUpSm = useResponsiveContainerStore((state) => state.isUpSm, shallow);
   const theme = useTheme();
   function defaultLabelDisplayedRows({
     from,
@@ -142,6 +148,10 @@ const CustomTablePagination = (props) => {
     }
     return rowsPerPage === -1 ? count : Math.min(count, (page + 1) * rowsPerPage);
   };
+  const CustomIconComponent = (props2) => /* @__PURE__ */ jsx(Icon, {
+    src: `${host_static_assets}/${environment_assets}/frontend/components/pager/assets/icons/chevronDown.svg`,
+    ...props2
+  });
   return /* @__PURE__ */ jsxs(Fragment, {
     children: [rowsPerPageOptions?.length > 1 ? /* @__PURE__ */ jsxs("div", {
       className: classes.labelRowsPerPageContainer,
@@ -164,6 +174,7 @@ const CustomTablePagination = (props) => {
             ...theme.components?.M4LPagerMenuPopover?.styleOverrides
           }
         },
+        IconComponent: CustomIconComponent,
         ...SelectProps,
         children: rowsPerPageOptions.map((item, idx) => /* @__PURE__ */ jsx(MenuItem, {
           className: classes.selectMenuItem,

package/contexts/ModalContext/{index.f9da6aa8.js → index.3d48d675.js}

@@ -1,5 +1,5 @@
 import { createContext, useState } from "react";
-import { M as ModalDialog } from "../../components/ModalDialog/index.7b85f8b0.js";
+import { M as ModalDialog } from "../../components/ModalDialog/index.f27b7c2d.js";
 import { jsxs, jsx } from "react/jsx-runtime";
 const ModalContext = createContext(null);
 function ModalProvider({
@@ -9,7 +9,9 @@ function ModalProvider({
     open: false,
     fullScreen: false
   });
+  console.log("modalOptions", modalOptions);
   const openModal = (modalOpenProps) => {
+    console.log("Value modal props", modalOpenProps);
     setModalOptions({
       open: true,
       initialWidth: 300,

package/hooks/useFormAddEdit/{index.8127dd88.js → index.07e5258d.js}

@@ -1,8 +1,8 @@
 import { useNetwork, useFlags, useModuleDictionary } from "@m4l/core";
 import { useState, useEffect } from "react";
-import { u as useModal } from "../useModal/index.b64e2ea0.js";
+import { u as useModal } from "../useModal/index.cb1d6a37.js";
 import { jsx } from "react/jsx-runtime";
-import { W as WindowConfirm } from "../../components/modal/WindowConfirm.0aae86b3.js";
+import { W as WindowConfirm } from "../../components/modal/WindowConfirm.ce47a48a.js";
 function useFormAddEdit(props) {
   const {
     initialValues,

package/hooks/useModal/{index.b64e2ea0.js → index.cb1d6a37.js}

@@ -1,5 +1,5 @@
 import { useContext } from "react";
-import { M as ModalContext } from "../../contexts/ModalContext/index.f9da6aa8.js";
+import { M as ModalContext } from "../../contexts/ModalContext/index.3d48d675.js";
 function useModal() {
   const context = useContext(ModalContext);
   if (!context)

package/index.js

@@ -1,5 +1,5 @@
 import { L } from "./assets/Logo/index.228dcb5a.js";
-import { c, e, g } from "./components/DataGrid/index.ca78a0a9.js";
+import { c, e, g } from "./components/DataGrid/index.c283b50b.js";
 import { N, T } from "./components/DataGrid/subcomponents/editors/TextEditor/index.eac1749c.js";
 import { N as N2 } from "./components/NavLink/index.b75c91e1.js";
 import { S } from "./components/ScrollToTop/index.e06f98f6.js";
@@ -12,25 +12,25 @@ import { v } from "./components/animate/variants/fade.b561c0fc.js";
 import { v as v2 } from "./components/animate/variants/bounce.784aaaaa.js";
 import { v as v3 } from "./components/animate/variants/container.11f82b76.js";
 import { v as v4, a, b } from "./components/animate/variants/transition.bd46b9ce.js";
-import { A as A2 } from "./components/areas/components/AreasAdmin/index.c116bd31.js";
-import { A as A3 } from "./components/areas/components/AreasViewer/index.88cb57e4.js";
+import { A as A2 } from "./components/areas/components/AreasAdmin/index.922cdb11.js";
+import { A as A3 } from "./components/areas/components/AreasViewer/index.f7126815.js";
 import { a as a2, W } from "./components/areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import { a as a3, D, M as M3, c as c2 } from "./components/areas/contexts/DynamicMFParmsContext/index.1607c78e.js";
-import { A as A4, b as b2 } from "./components/areas/contexts/AreasContext/index.7d883aa4.js";
+import { A as A4, b as b2 } from "./components/areas/contexts/AreasContext/index.37be3e4e.js";
 import { u } from "./components/areas/hooks/useDynamicMFParameters/index.e52c5392.js";
 import { u as u2 } from "./components/areas/hooks/useWindowToolsMF/index.b7afaf88.js";
 import { A as A5, D as D2, L as L3, a as a4, g as g2 } from "./components/areas/dictionary.08cfc4c9.js";
-import { R, g as g3 } from "./components/hook-form/RHFAutocomplete/index.4b666e32.js";
-import { R as R2, g as g4 } from "./components/hook-form/RHFAutocompleteAsync/index.0536f712.js";
-import { R as R3 } from "./components/hook-form/RHFDateTime/index.59623e57.js";
+import { R, g as g3 } from "./components/hook-form/RHFAutocomplete/index.3592430b.js";
+import { R as R2, g as g4 } from "./components/hook-form/RHFAutocompleteAsync/index.dfbaece5.js";
+import { R as R3 } from "./components/hook-form/RHFDateTime/index.fc474c35.js";
 import { R as R4 } from "./components/hook-form/RHFMultiCheckbox/index.2680b3b6.js";
 import { R as R5 } from "./components/hook-form/RHFSelect/index.b6ca8bb2.js";
-import { R as R6 } from "./components/hook-form/RHFPeriod/index.d3960c8c.js";
+import { R as R6 } from "./components/hook-form/RHFPeriod/index.2bf650c4.js";
 import { P as P2, g as g5 } from "./components/Period/index.ddf8716c.js";
 import { R as R7 } from "./components/hook-form/RHFRadioGroup/index.1ddb3d93.js";
-import { R as R8, g as g6 } from "./components/hook-form/RHFColorPicker/index.b2d1edf3.js";
-import { R as R9 } from "./components/hook-form/RHFCheckbox/index.4942ed5e.js";
-import { b as b3, c as c3, a as a5, R as R10, d } from "./components/hook-form/RHFTextField/index.ad830000.js";
+import { R as R8, g as g6 } from "./components/hook-form/RHFColorPicker/index.e7d27ca0.js";
+import { R as R9 } from "./components/hook-form/RHFCheckbox/index.251a36b5.js";
+import { b as b3, c as c3, a as a5, R as R10, d } from "./components/hook-form/RHFTextField/index.db56e769.js";
 import { R as R11 } from "./components/hook-form/RHFUpload/index.9d4d4460.js";
 import { A as A6 } from "./components/mui_extended/Accordion/index.f9042228.js";
 import { A as A7 } from "./components/mui_extended/Avatar/index.75e6ed57.js";
@@ -42,7 +42,7 @@ import { L as L4 } from "./components/mui_extended/LinearProgress/index.c92b9ba9
 import { L as L5 } from "./components/mui_extended/LinkWithRoute/index.16436ab8.js";
 import { B as B4, I as I2, L as L6 } from "./components/mui_extended/Button/index.d5a031be.js";
 import { M as M4 } from "./components/mui_extended/MenuActions/index.154d57f0.js";
-import { P as P3, g as g7 } from "./components/mui_extended/Pager/index.91696066.js";
+import { P as P3, g as g7 } from "./components/mui_extended/Pager/index.da7ea851.js";
 import { a as a6, c as c4, T as T2, d as d2, b as b4 } from "./components/mui_extended/Tab/index.2068925d.js";
 import { C as C2 } from "./components/mui_extended/CheckBox.0dcf39ae.js";
 import { I as I3 } from "./components/mui_extended/IconButton/index.d8bdadaa.js";
@@ -65,34 +65,34 @@ import { C as C7 } from "./components/DataGrid/formatters/ColumnBooleanFormatter
 import { C as C8 } from "./components/DataGrid/formatters/ColumnDateFormatter/index.704db1ca.js";
 import { C as C9 } from "./components/DataGrid/formatters/ColumnConcatenatedValueFormatter/index.00f9ed87.js";
 import { C as C10 } from "./components/DataGrid/formatters/ColumnPriceFormatter/index.d717405e.js";
-import { C as C11 } from "./components/DataGrid/formatters/ColumnInteractiveCheckFormatter/index.c2a8a7d0.js";
+import { C as C11 } from "./components/DataGrid/formatters/ColumnInteractiveCheckFormatter/index.4089f91b.js";
 import { C as C12 } from "./components/DataGrid/formatters/ColumnSetCheckFormatter/index.eb406256.js";
-import { D as D4, g as g13 } from "./components/DynamicFilter/index.740ab57c.js";
+import { D as D4, g as g13 } from "./components/DynamicFilter/index.75c66024.js";
 import { F } from "./components/FieldLabel/index.75e89ace.js";
 import { H, e as e2 } from "./components/HelperText/index.7d2afdb3.js";
 import { A as A8, d as d3, g as g14 } from "./components/CommonActions/components/Actions/index.23bfc86b.js";
 import { A as A9 } from "./components/CommonActions/components/ActionCancel/index.f00f026d.js";
 import { A as A10 } from "./components/CommonActions/components/ActionIntro/index.574967a0.js";
-import { A as A11 } from "./components/CommonActions/components/ActionFormCancel/index.674a0faa.js";
+import { A as A11 } from "./components/CommonActions/components/ActionFormCancel/index.08fe4e27.js";
 import { A as A12 } from "./components/CommonActions/components/ActionFormIntro/index.b5a5c4b4.js";
-import { D as D5, d as d4 } from "./components/DragResizeWindow/index.ff74eed8.js";
-import { G, w, A as A13 } from "./components/GridLayout/index.e005b65b.js";
-import { R as R12, a as a8, b as b6, c as c5 } from "./components/GridLayout/subcomponents/Responsive/index.69e13d04.js";
-import { w as w2 } from "./components/GridLayout/subcomponents/SizeProvider/index.607d8861.js";
+import { D as D5, d as d4 } from "./components/DragResizeWindow/index.82cf6408.js";
+import { G, w, A as A13 } from "./components/GridLayout/index.00740f82.js";
+import { R as R12, a as a8, b as b6, c as c5 } from "./components/GridLayout/subcomponents/Responsive/index.733e8ba6.js";
+import { w as w2 } from "./components/GridLayout/subcomponents/SizeProvider/index.247cc027.js";
 import { P as P8 } from "./components/PrintingSystem/index.bcef9a6f.js";
 import { I as I4 } from "./components/Icon/index.14670a00.js";
 import { L as L7 } from "./components/LanguagePopover/index.4149a8da.js";
 import { L as L8 } from "./components/LinearProgressIndeterminate/index.6e5db737.js";
 import { I as I5 } from "./components/Image/index.6aa1ae49.js";
 import { L as L9 } from "./components/Loadable/index.e994fc3e.js";
-import { M as M5, d as d5, g as g15 } from "./components/ModalDialog/index.7b85f8b0.js";
+import { M as M5, d as d5, g as g15 } from "./components/ModalDialog/index.f27b7c2d.js";
 import { g as g16 } from "./components/modal/index.61389369.js";
-import { W as W2 } from "./components/modal/WindowConfirm.0aae86b3.js";
-import { W as W3 } from "./components/modal/WindowBase.ab22627c.js";
+import { W as W2 } from "./components/modal/WindowConfirm.ce47a48a.js";
+import { W as W3 } from "./components/modal/WindowBase.2e5506d7.js";
 import { L as L10, g as g17 } from "./components/LoadingError/index.1ec78dd5.js";
 import { M as M6, g as g18 } from "./components/MFLoader/index.6037f834.js";
 import { N as N3, d as d6, g as g19 } from "./components/NoItemSelected/index.54023226.js";
-import { O, d as d7, g as g20 } from "./components/ObjectLogs/index.c0a6ebab.js";
+import { O, d as d7, g as g20 } from "./components/ObjectLogs/index.32ddae31.js";
 import { P as P9 } from "./components/PaperForm/index.63dc4b29.js";
 import { P as P10 } from "./components/PDFViewer/index.d185afd0.js";
 import { H as H2 } from "./components/Page/index.2c550c91.js";
@@ -107,11 +107,11 @@ import { A as A15, g as g22 } from "./components/AccountPopover/index.69cda48b.j
 import { A as A16 } from "./components/commercial/AppBarCommercial/index.3e0ad6ef.js";
 import { H as H3 } from "./components/HamburgerMenu/index.fb1a3aae.js";
 import { T as T8 } from "./components/commercial/TopBar/index.7b22d97b.js";
-import { S as S6, u as u3 } from "./vendor.1c5be0ff.js";
+import { S as S6, u as u3 } from "./vendor.55925cb3.js";
 import { R as R14, g as g23 } from "./contexts/RHFormContext/index.7b2a8723.js";
-import { M as M7, a as a10 } from "./contexts/ModalContext/index.f9da6aa8.js";
-import { g as g24, u as u4 } from "./hooks/useFormAddEdit/index.8127dd88.js";
-import { u as u5 } from "./hooks/useModal/index.b64e2ea0.js";
+import { M as M7, a as a10 } from "./contexts/ModalContext/index.3d48d675.js";
+import { g as g24, u as u4 } from "./hooks/useFormAddEdit/index.07e5258d.js";
+import { u as u5 } from "./hooks/useModal/index.cb1d6a37.js";
 import { u as u6 } from "./hooks/useTab/index.c0564138.js";
 import "react-router-dom";
 import "@mui/material/styles";
@@ -124,7 +124,7 @@ import "react-dnd";
 import "react-dnd-html5-backend";
 import "./components/DataGrid/constants.e334cd50.js";
 import "@m4l/core";
-import "./components/DataGrid/subcomponents/Actions/index.6cfca40a.js";
+import "./components/DataGrid/subcomponents/Actions/index.d945647f.js";
 import "@m4l/graphics";
 import "zustand/shallow";
 import "@mui/base";
@@ -133,7 +133,7 @@ import "./test/getNameDataTestId.14875ec7.js";
 import "framer-motion";
 import "simplebar-react";
 import "./react-spinners.342a6578.js";
-import "./components/areas/hooks/useAreas/index.01011617.js";
+import "./components/areas/hooks/useAreas/index.e3971ffa.js";
 import "zustand";
 import "yup";
 import "./utils/index.24b5284a.js";
@@ -169,7 +169,7 @@ import "@mui/lab";
 import "./hocs/withToggle/index.e44eb0da.js";
 import "./components/WrapperComponent/index.5e872594.js";
 import "./components/PopupsProvider/index.3d5ad0ee.js";
-import "./components/GridLayout/subcomponents/Griditem/index.ee5c31cd.js";
+import "./components/GridLayout/subcomponents/Griditem/index.3d479abb.js";
 import "fast-equals";
 import "./components/PrintingSystem/subcomponents/DividerNode/index.ce81726b.js";
 import "./components/PrintingSystem/subcomponents/SectionNode/index.d6344807.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "0.2.31",
+  "version": "0.2.32",
   "license": "UNLICENSED",
   "dependencies": {
     "@emotion/react": "^11.9.0",

package/{vendor.1c5be0ff.js → vendor.55925cb3.js}

@@ -1,5 +1,5 @@
 import "./assets/Logo/index.228dcb5a.js";
-import "./components/DataGrid/index.ca78a0a9.js";
+import "./components/DataGrid/index.c283b50b.js";
 import "./components/DataGrid/subcomponents/editors/TextEditor/index.eac1749c.js";
 import "./components/NavLink/index.b75c91e1.js";
 import "./components/ScrollToTop/index.e06f98f6.js";
@@ -12,25 +12,25 @@ import "./components/animate/variants/fade.b561c0fc.js";
 import "./components/animate/variants/bounce.784aaaaa.js";
 import "./components/animate/variants/container.11f82b76.js";
 import "./components/animate/variants/transition.bd46b9ce.js";
-import "./components/areas/components/AreasAdmin/index.c116bd31.js";
-import "./components/areas/components/AreasViewer/index.88cb57e4.js";
+import "./components/areas/components/AreasAdmin/index.922cdb11.js";
+import "./components/areas/components/AreasViewer/index.f7126815.js";
 import "./components/areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import "./components/areas/contexts/DynamicMFParmsContext/index.1607c78e.js";
-import "./components/areas/contexts/AreasContext/index.7d883aa4.js";
+import "./components/areas/contexts/AreasContext/index.37be3e4e.js";
 import "./components/areas/hooks/useDynamicMFParameters/index.e52c5392.js";
 import "./components/areas/hooks/useWindowToolsMF/index.b7afaf88.js";
 import "./components/areas/dictionary.08cfc4c9.js";
-import "./components/hook-form/RHFAutocomplete/index.4b666e32.js";
-import "./components/hook-form/RHFAutocompleteAsync/index.0536f712.js";
-import "./components/hook-form/RHFDateTime/index.59623e57.js";
+import "./components/hook-form/RHFAutocomplete/index.3592430b.js";
+import "./components/hook-form/RHFAutocompleteAsync/index.dfbaece5.js";
+import "./components/hook-form/RHFDateTime/index.fc474c35.js";
 import "./components/hook-form/RHFMultiCheckbox/index.2680b3b6.js";
 import "./components/hook-form/RHFSelect/index.b6ca8bb2.js";
-import "./components/hook-form/RHFPeriod/index.d3960c8c.js";
+import "./components/hook-form/RHFPeriod/index.2bf650c4.js";
 import "./components/Period/index.ddf8716c.js";
 import "./components/hook-form/RHFRadioGroup/index.1ddb3d93.js";
-import "./components/hook-form/RHFColorPicker/index.b2d1edf3.js";
-import "./components/hook-form/RHFCheckbox/index.4942ed5e.js";
-import "./components/hook-form/RHFTextField/index.ad830000.js";
+import "./components/hook-form/RHFColorPicker/index.e7d27ca0.js";
+import "./components/hook-form/RHFCheckbox/index.251a36b5.js";
+import "./components/hook-form/RHFTextField/index.db56e769.js";
 import "./components/hook-form/RHFUpload/index.9d4d4460.js";
 import "./components/mui_extended/Accordion/index.f9042228.js";
 import "./components/mui_extended/Avatar/index.75e6ed57.js";
@@ -42,7 +42,7 @@ import "./components/mui_extended/LinearProgress/index.c92b9ba9.js";
 import "./components/mui_extended/LinkWithRoute/index.16436ab8.js";
 import "./components/mui_extended/Button/index.d5a031be.js";
 import "./components/mui_extended/MenuActions/index.154d57f0.js";
-import "./components/mui_extended/Pager/index.91696066.js";
+import "./components/mui_extended/Pager/index.da7ea851.js";
 import "./components/mui_extended/Tab/index.2068925d.js";
 import "./components/mui_extended/CheckBox.0dcf39ae.js";
 import "./components/mui_extended/IconButton/index.d8bdadaa.js";
@@ -65,34 +65,34 @@ import "./components/DataGrid/formatters/ColumnBooleanFormatter/index.cf410875.j
 import "./components/DataGrid/formatters/ColumnDateFormatter/index.704db1ca.js";
 import "./components/DataGrid/formatters/ColumnConcatenatedValueFormatter/index.00f9ed87.js";
 import "./components/DataGrid/formatters/ColumnPriceFormatter/index.d717405e.js";
-import "./components/DataGrid/formatters/ColumnInteractiveCheckFormatter/index.c2a8a7d0.js";
+import "./components/DataGrid/formatters/ColumnInteractiveCheckFormatter/index.4089f91b.js";
 import "./components/DataGrid/formatters/ColumnSetCheckFormatter/index.eb406256.js";
-import "./components/DynamicFilter/index.740ab57c.js";
+import "./components/DynamicFilter/index.75c66024.js";
 import "./components/FieldLabel/index.75e89ace.js";
 import "./components/HelperText/index.7d2afdb3.js";
 import "./components/CommonActions/components/Actions/index.23bfc86b.js";
 import "./components/CommonActions/components/ActionCancel/index.f00f026d.js";
 import "./components/CommonActions/components/ActionIntro/index.574967a0.js";
-import "./components/CommonActions/components/ActionFormCancel/index.674a0faa.js";
+import "./components/CommonActions/components/ActionFormCancel/index.08fe4e27.js";
 import "./components/CommonActions/components/ActionFormIntro/index.b5a5c4b4.js";
-import "./components/DragResizeWindow/index.ff74eed8.js";
-import "./components/GridLayout/index.e005b65b.js";
-import "./components/GridLayout/subcomponents/Responsive/index.69e13d04.js";
-import "./components/GridLayout/subcomponents/SizeProvider/index.607d8861.js";
+import "./components/DragResizeWindow/index.82cf6408.js";
+import "./components/GridLayout/index.00740f82.js";
+import "./components/GridLayout/subcomponents/Responsive/index.733e8ba6.js";
+import "./components/GridLayout/subcomponents/SizeProvider/index.247cc027.js";
 import "./components/PrintingSystem/index.bcef9a6f.js";
 import "./components/Icon/index.14670a00.js";
 import "./components/LanguagePopover/index.4149a8da.js";
 import "./components/LinearProgressIndeterminate/index.6e5db737.js";
 import "./components/Image/index.6aa1ae49.js";
 import "./components/Loadable/index.e994fc3e.js";
-import "./components/ModalDialog/index.7b85f8b0.js";
+import "./components/ModalDialog/index.f27b7c2d.js";
 import "./components/modal/index.61389369.js";
-import "./components/modal/WindowConfirm.0aae86b3.js";
-import "./components/modal/WindowBase.ab22627c.js";
+import "./components/modal/WindowConfirm.ce47a48a.js";
+import "./components/modal/WindowBase.2e5506d7.js";
 import "./components/LoadingError/index.1ec78dd5.js";
 import "./components/MFLoader/index.6037f834.js";
 import "./components/NoItemSelected/index.54023226.js";
-import "./components/ObjectLogs/index.c0a6ebab.js";
+import "./components/ObjectLogs/index.32ddae31.js";
 import "./components/PaperForm/index.63dc4b29.js";
 import "./components/PDFViewer/index.d185afd0.js";
 import "./components/Page/index.2c550c91.js";
@@ -112,9 +112,9 @@ import { unstable_composeClasses } from "@mui/base";
 import { g as getComponentUtilityClass } from "./utils/index.24b5284a.js";
 import { jsx } from "react/jsx-runtime";
 import "./contexts/RHFormContext/index.7b2a8723.js";
-import "./contexts/ModalContext/index.f9da6aa8.js";
-import "./hooks/useFormAddEdit/index.8127dd88.js";
-import "./hooks/useModal/index.b64e2ea0.js";
+import "./contexts/ModalContext/index.3d48d675.js";
+import "./hooks/useFormAddEdit/index.07e5258d.js";
+import "./hooks/useModal/index.cb1d6a37.js";
 import "./hooks/useTab/index.c0564138.js";
 import { useState } from "react";
 const useFormFocus = () => {