@m4l/components 0.2.27 → 0.2.28

package/components/areas/components/AreasAdmin/{index.6d902d47.js → index.01ea7058.js}

@@ -1,4 +1,4 @@
-import { u as useAreasStore } from "../../hooks/useAreas/index.febe901b.js";
+import { u as useAreasStore } from "../../hooks/useAreas/index.32c7a909.js";
 import { useEnvironment, useModuleDictionary } from "@m4l/core";
 import { useState, useRef, useMemo } from "react";
 import * as Yup from "yup";
@@ -12,19 +12,19 @@ import { g as getAreasDictionary, D as DICCTIONARY } from "../../dictionary.08cf
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { shallow } from "zustand/shallow";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { M as MenuActions } from "../../../mui_extended/MenuActions/index.fdea20e7.js";
+import { M as MenuActions } from "../../../mui_extended/MenuActions/index.bca14ad9.js";
 import { R as RHFormProvider } from "../../../../contexts/RHFormContext/index.7b2a8723.js";
-import { R as RHFTextField } from "../../../hook-form/RHFTextField/index.d4192912.js";
+import { R as RHFTextField } from "../../../hook-form/RHFTextField/index.81c4b52b.js";
 import { A as Actions } from "../../../CommonActions/components/Actions/index.16946bfd.js";
-import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.bd767c14.js";
-import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.9bd56cd0.js";
-import { I as IconButton } from "../../../mui_extended/IconButton/index.32fc9419.js";
+import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.e03455db.js";
+import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.5ba2ef5f.js";
+import { I as IconButton } from "../../../mui_extended/IconButton/index.63a9d74c.js";
 import { P as Popover } from "../../../mui_extended/Popover/index.d85de73b.js";
 import { T as Typography } from "../../../mui_extended/Typography/index.379dd374.js";
 import { S as ScrollBar } from "../../../ScrollBar/index.7dfc2f29.js";
 import TouchRipple from "@mui/material/ButtonBase/TouchRipple";
-import { B as Button } from "../../../mui_extended/Button/index.81367a73.js";
-import { I as Icon } from "../../../Icon/index.58eaf354.js";
+import { B as Button } from "../../../mui_extended/Button/index.c6befaeb.js";
+import { I as Icon } from "../../../Icon/index.1976cb37.js";
 import { u as useOnClickOutside } from "../../index.4cc6a221.js";
 const areasAdminClasses = generateUtilityClasses(AREAS_ADMIN_CLASS_NAME, [
   "root",

package/components/areas/components/AreasViewer/{index.2a286dfa.js → index.71038f0e.js}

@@ -4,30 +4,30 @@ import { unstable_composeClasses } from "@mui/base";
 import { g as getComponentUtilityClass } from "../../../../utils/index.de903261.js";
 import { a as AREAS_VIEWER_CLASS_NAME } from "../../constants.66529246.js";
 import { shallow } from "zustand/shallow";
-import React__default, { useMemo, useRef, useEffect } from "react";
+import React__default, { useMemo, useEffect } from "react";
 import clsx from "clsx";
-import { u as useAreasStore } from "../../hooks/useAreas/index.febe901b.js";
+import { u as useAreasStore } from "../../hooks/useAreas/index.32c7a909.js";
 import { useModuleDictionary, useEnvironment, useModuleSkeleton } from "@m4l/core";
-import { a as MemonizedMenuActions } from "../../../mui_extended/MenuActions/index.fdea20e7.js";
+import { a as MemonizedMenuActions } from "../../../mui_extended/MenuActions/index.bca14ad9.js";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { useResponsiveDesktop, useResponsiveRelativeStore, ResponsiveRelativeProvider } from "@m4l/graphics";
+import { useResponsiveDesktop } from "@m4l/graphics";
 import { I as ICONS } from "../../icons.8266ccc8.js";
 import { g as getAreasDictionary, D as DICCTIONARY } from "../../dictionary.08cfc4c9.js";
-import { I as IconButton } from "../../../mui_extended/IconButton/index.32fc9419.js";
+import { I as IconButton } from "../../../mui_extended/IconButton/index.63a9d74c.js";
 import { L as LinearProgressIndeterminate } from "../../../LinearProgressIndeterminate/index.a0ad2d9e.js";
-import { I as Icon } from "../../../Icon/index.58eaf354.js";
+import { I as Icon } from "../../../Icon/index.1976cb37.js";
 import { T as Typography } from "../../../mui_extended/Typography/index.379dd374.js";
-import { M as MFLoader } from "../../../MFLoader/index.f6a46c70.js";
+import { M as MFLoader } from "../../../MFLoader/index.1e56a845.js";
 import { W as WindowToolsMFProvider } from "../../contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import { D as DynamicMFParmsProvider } from "../../contexts/DynamicMFParmsContext/index.1607c78e.js";
 import { L as LinearProgress } from "../../../mui_extended/LinearProgress/index.c92b9ba9.js";
 import { T as TEST_PROP_ID } from "../../../../test/constants_no_mock.86c553a9.js";
 import { g as getNameDataTestId } from "../../../../test/getNameDataTestId.14875ec7.js";
-import { R as RESPONSIVE_COLAPSED_HEIGHTS, a as RESPONSIVE_ROW_HEIGHTS, M as MARGIN_GRIDLAYOUT, P as PADDING_GRIDLAYOUT } from "../../contexts/AreasContext/index.3eb6b2a4.js";
-import { w as withSizeProvider } from "../../../GridLayout/subcomponents/SizeProvider/index.06986ab4.js";
+import { R as RESPONSIVE_COLAPSED_HEIGHTS, a as RESPONSIVE_ROW_HEIGHTS, M as MARGIN_GRIDLAYOUT, P as PADDING_GRIDLAYOUT } from "../../contexts/AreasContext/index.cc89c1a7.js";
+import { w as withSizeProvider } from "../../../GridLayout/subcomponents/SizeProvider/index.7669a2cd.js";
 import { R as Responsive } from "../../../GridLayout/subcomponents/Responsive/index.d2ec9ddb.js";
 import { useLocation } from "react-router-dom";
-import { L as LoadingError } from "../../../LoadingError/index.4f4724c4.js";
+import { L as LoadingError } from "../../../LoadingError/index.2aa5daba.js";
 import { c as cjs } from "../../../../react-draggable.ee21cb7e.js";
 import { R as ResizeableWindow } from "../../../Resizeable/index.8db8f77d.js";
 const areasViewerClasses = generateUtilityClasses(AREAS_VIEWER_CLASS_NAME, [
@@ -536,8 +536,6 @@ function Header(props) {
   });
 }
 const MicroFrontend = (props) => {
-  const breakPoint = useResponsiveRelativeStore((state) => state.breakPoint, shallow);
-  console.log("test breakPoint", breakPoint);
   return /* @__PURE__ */ jsx(MFLoader, {
     ...props
   });
@@ -732,7 +730,6 @@ const Window = (props) => {
   const selected = useAreasStore((state) => {
     return emergeType === "layout" ? state.hashAreas[areaId]?.currentLayoutId : state.hashAreas[areaId]?.currentPopUpId;
   }) === windowId;
-  const observedDivRef = useRef(null);
   const mfProps = useAreasStore((state) => state.hashWindows[windowId]?.mfProps, shallow);
   const component = useAreasStore((state) => state.hashWindows[windowId]?.component, shallow);
   const loading = useAreasStore((state) => state.hashWindows[windowId]?.loading, shallow);
@@ -795,43 +792,32 @@ const Window = (props) => {
     ...process.env.NODE_ENV !== "production" ? {
       [TEST_PROP_ID]: getNameDataTestId(AREAS_VIEWER_CLASS_NAME, "windowRoot", `${emergeType}`)
     } : {},
-    children: /* @__PURE__ */ jsx(ResponsiveRelativeProvider, {
-      observedDivRef,
-      children: /* @__PURE__ */ jsx("div", {
-        ref: observedDivRef,
-        className: "div-breakpoint-observer",
-        style: {
-          width: "100%",
-          height: "100%"
-        },
-        children: /* @__PURE__ */ jsxs("div", {
-          className: areasViewerClasses.windowRootContainer,
-          children: [/* @__PURE__ */ jsx(Header, {
-            areaId,
-            windowId,
-            emergeType
-          }), /* @__PURE__ */ jsx(Toasties, {
-            windowId
-          }), /* @__PURE__ */ jsxs("div", {
-            className: clsx(
-              areasViewerClasses.windowContent
-            ),
-            children: [status === "init" ? /* @__PURE__ */ jsx(Fragment, {
-              children: "Cargando..."
-            }) : null, status === "loaded" ? winType === "microfrontend" ? /* @__PURE__ */ jsx(MemonizedMicroFrontend, {
-              moduleId,
-              dynamicMFStore,
-              windowTools,
-              ...mfProps
-            }) : /* @__PURE__ */ jsx(Component, {
-              moduleId,
-              dynamicMFStore,
-              windowTools,
-              component
-            }) : null]
-          })]
-        })
-      })
+    children: /* @__PURE__ */ jsxs("div", {
+      className: areasViewerClasses.windowRootContainer,
+      children: [/* @__PURE__ */ jsx(Header, {
+        areaId,
+        windowId,
+        emergeType
+      }), /* @__PURE__ */ jsx(Toasties, {
+        windowId
+      }), /* @__PURE__ */ jsxs("div", {
+        className: clsx(
+          areasViewerClasses.windowContent
+        ),
+        children: [status === "init" ? /* @__PURE__ */ jsx(Fragment, {
+          children: "Cargando..."
+        }) : null, status === "loaded" ? winType === "microfrontend" ? /* @__PURE__ */ jsx(MemonizedMicroFrontend, {
+          moduleId,
+          dynamicMFStore,
+          windowTools,
+          ...mfProps
+        }) : /* @__PURE__ */ jsx(Component, {
+          moduleId,
+          dynamicMFStore,
+          windowTools,
+          component
+        }) : null]
+      })]
     })
   });
 };

package/components/areas/contexts/AreasContext/{index.3eb6b2a4.js → index.cc89c1a7.js}

@@ -5,8 +5,8 @@ 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.2a286dfa.js";
-import { u as useAreasAdminUtilityClasses } from "../../components/AreasAdmin/index.6d902d47.js";
+import { u as useAreasViewerUtilityClasses } from "../../components/AreasViewer/index.71038f0e.js";
+import { u as useAreasAdminUtilityClasses } from "../../components/AreasAdmin/index.01ea7058.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.d2ec9ddb.js";

package/components/areas/hooks/useAreas/{index.febe901b.js → index.32c7a909.js}

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

package/components/commercial/TopBar/{index.08853566.js → index.6493e8ab.js}

@@ -5,11 +5,11 @@ import { g as getComponentUtilityClass } from "../../../utils/index.de903261.js"
 import { createContext, useContext, useState } from "react";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useEnvironment } from "@m4l/core";
-import { I as Icon } from "../../Icon/index.58eaf354.js";
+import { I as Icon } from "../../Icon/index.1976cb37.js";
 import clsx from "clsx";
 import { g as getNameDataTestId } from "../../../test/getNameDataTestId.14875ec7.js";
-import { A as Accordion } from "../../mui_extended/Accordion/index.a32a5761.js";
-import { B as Button } from "../../mui_extended/Button/index.81367a73.js";
+import { A as Accordion } from "../../mui_extended/Accordion/index.a55875a5.js";
+import { B as Button } from "../../mui_extended/Button/index.c6befaeb.js";
 import { P as Popover } from "../../mui_extended/Popover/index.d85de73b.js";
 const componentName = "M4LTopBar";
 const TopBarClasses = generateUtilityClasses(componentName, [

package/components/formatters/BooleanFormatter/{index.4bb3d2f9.js → index.477c6419.js}

@@ -1,8 +1,8 @@
 import { useMemo } from "react";
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
-import { I as Icon } from "../../Icon/index.58eaf354.js";
+import { I as Icon } from "../../Icon/index.1976cb37.js";
 import { W as WrapperComponent } from "../../WrapperComponent/index.5e872594.js";
-import { F as FormatterRoot, f as formatterClasses } from "../index.3e9e2305.js";
+import { F as FormatterRoot, f as formatterClasses } from "../index.ac0a547b.js";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 const BOOLEAN_FORMATTER_DICTIONARY_KEY = `boolean_formatter`;

package/components/formatters/{index.3e9e2305.js → index.ac0a547b.js}

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

package/components/hook-form/RHFAutocomplete/{index.f9be5465.js → index.24e4387c.js}

@@ -1,7 +1,7 @@
 import { useModuleDictionary, useModuleSkeleton, useEnvironment } from "@m4l/core";
 import { useFormContext, Controller } from "react-hook-form";
 import { styled, Skeleton, generateUtilityClasses, generateUtilityClass, useTheme, Autocomplete, Popper, TextField, CircularProgress } from "@mui/material";
-import { I as Image } from "../../Image/index.fa98eb78.js";
+import { I as Image } from "../../Image/index.fd6f2c5f.js";
 import { useMemo, useRef, useState, useEffect } from "react";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
@@ -9,9 +9,9 @@ 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.47f1f3d4.js";
-import { F as FieldLabel } from "../../FieldLabel/index.8d3d6bb4.js";
-import { I as IconButton } from "../../mui_extended/IconButton/index.32fc9419.js";
+import { u as useFormFocus } from "../../../vendor.aa97e825.js";
+import { F as FieldLabel } from "../../FieldLabel/index.61d55577.js";
+import { I as IconButton } from "../../mui_extended/IconButton/index.63a9d74c.js";
 const AutocompleteRoot = styled("div")(({
   theme
 }) => ({

package/components/hook-form/RHFAutocompleteAsync/{index.c01fd38a.js → index.0cc78417.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.f9be5465.js";
+import { R as RHFAutocomplete, g as getRHFAutocompleteComponentsDictionary } from "../RHFAutocomplete/index.24e4387c.js";
 styled("div")(() => ({
   display: "flex",
   width: "100%",

package/components/hook-form/RHFCheckbox/{index.4f650b78.js → index.22648b5a.js}

@@ -6,8 +6,8 @@ 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.47f1f3d4.js";
-import { C as CheckBox } from "../../mui_extended/CheckBox.b3c0f2ad.js";
+import { u as useFormFocus } from "../../../vendor.aa97e825.js";
+import { C as CheckBox } from "../../mui_extended/CheckBox.d676424c.js";
 const RHFCheckboxRoot = styled("div")(({
   theme
 }) => ({

package/components/hook-form/RHFColorPicker/{index.5be9e237.js → index.d02de5ee.js}

@@ -1,7 +1,7 @@
 import { useState } from "react";
 import { useFormContext, useWatch, Controller } from "react-hook-form";
 import { useModuleSkeleton, useEnvironment, useModuleDictionary } from "@m4l/core";
-import { S as SketchPicker } from "../../../node_modules.47f7709b.js";
+import { S as SketchPicker } from "../../../node_modules.4d80a09c.js";
 import "lodash-es/debounce";
 import "lodash-es/each";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
@@ -10,11 +10,11 @@ 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.47f1f3d4.js";
-import { F as FieldLabel } from "../../FieldLabel/index.8d3d6bb4.js";
+import { u as useFormFocus } from "../../../vendor.aa97e825.js";
+import { F as FieldLabel } from "../../FieldLabel/index.61d55577.js";
 import { P as Popover } from "../../mui_extended/Popover/index.d85de73b.js";
-import { I as Icon } from "../../Icon/index.58eaf354.js";
-import { B as Button } from "../../mui_extended/Button/index.81367a73.js";
+import { I as Icon } from "../../Icon/index.1976cb37.js";
+import { B as Button } from "../../mui_extended/Button/index.c6befaeb.js";
 const componentName = "M4LRHFColorPicker";
 const colorPickerClasses = generateUtilityClasses(componentName, [
   "root",

package/components/hook-form/RHFDateTime/{index.ace3f52e.js → index.f02f1122.js}

@@ -9,9 +9,9 @@ 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.47f1f3d4.js";
-import { F as FieldLabel } from "../../FieldLabel/index.8d3d6bb4.js";
-import { I as Icon } from "../../Icon/index.58eaf354.js";
+import { u as useFormFocus } from "../../../vendor.aa97e825.js";
+import { F as FieldLabel } from "../../FieldLabel/index.61d55577.js";
+import { I as Icon } from "../../Icon/index.1976cb37.js";
 const SkeletonRHFDateTime = (props) => {
   const {
     skeletonWidth,

package/components/hook-form/RHFPeriod/{index.88812636.js → index.5ca467ac.js}

@@ -4,9 +4,9 @@ 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.47f1f3d4.js";
-import { F as FieldLabel } from "../../FieldLabel/index.8d3d6bb4.js";
-import { P as Period } from "../../Period/index.ba79014c.js";
+import { u as useFormFocus } from "../../../vendor.aa97e825.js";
+import { F as FieldLabel } from "../../FieldLabel/index.61d55577.js";
+import { P as Period } from "../../Period/index.b6fa6ce6.js";
 const RHFPeriodRoot = styled("div")(({
   theme
 }) => ({

package/components/hook-form/RHFTextField/{index.d4192912.js → index.81c4b52b.js}

@@ -1,7 +1,7 @@
 import { useModuleSkeleton, useEnvironment } from "@m4l/core";
 import { styled, Skeleton, generateUtilityClasses, TextField, InputAdornment, generateUtilityClass } from "@mui/material";
 import { forwardRef, useState, useEffect } from "react";
-import { I as IconButton } from "../../mui_extended/IconButton/index.32fc9419.js";
+import { I as IconButton } from "../../mui_extended/IconButton/index.63a9d74c.js";
 import { useFormContext, Controller } from "react-hook-form";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
@@ -9,8 +9,8 @@ import { unstable_composeClasses } from "@mui/base";
 import { g as getComponentUtilityClass } from "../../../utils/index.de903261.js";
 import { H as HelperText } from "../../HelperText/index.7d2afdb3.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
-import { u as useFormFocus } from "../../../vendor.47f1f3d4.js";
-import { F as FieldLabel } from "../../FieldLabel/index.8d3d6bb4.js";
+import { u as useFormFocus } from "../../../vendor.aa97e825.js";
+import { F as FieldLabel } from "../../FieldLabel/index.61d55577.js";
 const SkeletonTextFieldRoot = styled("div")(() => ({
   display: "flex",
   flexDirection: "column",

package/components/hook-form/RHFUpload/{index.f7efd0e2.js → index.f6c5027f.js}

@@ -2,14 +2,14 @@ import { useCallback } from "react";
 import { useFormContext, Controller } from "react-hook-form";
 import require$$0 from "lodash/isString";
 import { useDropzone } from "react-dropzone";
-import { I as Image } from "../../Image/index.fa98eb78.js";
+import { I as Image } from "../../Image/index.fd6f2c5f.js";
 import { useEnvironment, useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { styled, Skeleton, generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { unstable_composeClasses } from "@mui/base";
 import { T as Typography } from "../../mui_extended/Typography/index.379dd374.js";
-import { B as Button } from "../../mui_extended/Button/index.81367a73.js";
+import { B as Button } from "../../mui_extended/Button/index.c6befaeb.js";
 import { H as HelperText } from "../../HelperText/index.7d2afdb3.js";
 const UploadImageRoot = styled("div")(({
   theme

package/components/modal/{WindowBase.4881da1f.js → WindowBase.f38260ec.js}

@@ -2,8 +2,8 @@ import { m as modalUtilityClasses } from "./index.61389369.js";
 import { useEnvironment } from "@m4l/core";
 import clsx from "clsx";
 import { jsxs, jsx } from "react/jsx-runtime";
-import { I as IconButton } from "../mui_extended/IconButton/index.32fc9419.js";
-import { I as Icon } from "../Icon/index.58eaf354.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.63a9d74c.js";
+import { I as Icon } from "../Icon/index.1976cb37.js";
 import { u as useModal } from "../../hooks/useModal/index.66a0c82e.js";
 const Header = (props) => {
   const {

package/components/modal/{WindowConfirm.3b0e842b.js → WindowConfirm.67ee36e9.js}

@@ -3,11 +3,11 @@ import { Typography } from "@mui/material";
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
 import { u as useModal } from "../../hooks/useModal/index.66a0c82e.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { I as Image } from "../Image/index.fa98eb78.js";
+import { I as Image } from "../Image/index.fd6f2c5f.js";
 import { m as modalUtilityClasses } from "./index.61389369.js";
-import { W as WindowBase } from "./WindowBase.4881da1f.js";
-import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.bd767c14.js";
-import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.9bd56cd0.js";
+import { W as WindowBase } from "./WindowBase.f38260ec.js";
+import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.e03455db.js";
+import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.5ba2ef5f.js";
 const dictionary = {
   MESSAGE: "common_actions.confirm_quit_msg"
 };

package/components/mui_extended/Accordion/{index.a32a5761.js → index.a55875a5.js}

@@ -1,12 +1,12 @@
 import { generateUtilityClasses, generateUtilityClass, styled, Accordion as Accordion$1, AccordionSummary, AccordionDetails } from "@mui/material";
-import { I as IconButton } from "../IconButton/index.32fc9419.js";
+import { I as IconButton } from "../IconButton/index.63a9d74c.js";
 import { useEnvironment } from "@m4l/core";
 import { unstable_composeClasses } from "@mui/base";
 import clsx from "clsx";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { g as getNameDataTestId } from "../../../test/getNameDataTestId.14875ec7.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { I as Icon } from "../../Icon/index.58eaf354.js";
+import { I as Icon } from "../../Icon/index.1976cb37.js";
 import { T as Typography } from "../Typography/index.379dd374.js";
 const componentName = "M4LAccordion";
 generateUtilityClasses(componentName, [

package/components/mui_extended/Button/{index.81367a73.js → index.c6befaeb.js}

@@ -5,7 +5,7 @@ import { unstable_composeClasses } from "@mui/base";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
-import { I as Image } from "../../Image/index.fa98eb78.js";
+import { I as Image } from "../../Image/index.fd6f2c5f.js";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { LoadingButton as LoadingButton$1 } from "@mui/lab";
 import { T as Typography } from "../Typography/index.379dd374.js";

package/components/mui_extended/{CheckBox.b3c0f2ad.js → CheckBox.d676424c.js}

@@ -5,7 +5,7 @@ import { unstable_composeClasses } from "@mui/base";
 import { useModuleSkeleton } from "@m4l/core";
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { F as FieldLabel } from "../FieldLabel/index.8d3d6bb4.js";
+import { F as FieldLabel } from "../FieldLabel/index.61d55577.js";
 const COMPONENT_CLASS_NAME = "M4LCheckBox";
 generateUtilityClasses(COMPONENT_CLASS_NAME, [
   "root",

package/components/mui_extended/IconButton/{index.32fc9419.js → index.63a9d74c.js}

@@ -1,7 +1,7 @@
 import { useMemo, useState } from "react";
 import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { Skeleton, styled, generateUtilityClasses, generateUtilityClass, Tooltip, IconButton as IconButton$1 } from "@mui/material";
-import { I as Icon } from "../../Icon/index.58eaf354.js";
+import { I as Icon } from "../../Icon/index.1976cb37.js";
 import { jsx, Fragment } from "react/jsx-runtime";
 import { unstable_composeClasses } from "@mui/base";
 import clsx from "clsx";

package/components/mui_extended/MenuActions/{index.fdea20e7.js → index.bca14ad9.js}

@@ -2,12 +2,12 @@ import React__default, { useState, useEffect, useMemo } from "react";
 import { useEnvironment, useModuleDictionary } from "@m4l/core";
 import { styled, IconButton, generateUtilityClasses, generateUtilityClass, useTheme, MenuItem } from "@mui/material";
 import { P as Popover } from "../Popover/index.d85de73b.js";
-import { I as Icon } from "../../Icon/index.58eaf354.js";
+import { I as Icon } from "../../Icon/index.1976cb37.js";
 import clsx from "clsx";
 import { unstable_composeClasses } from "@mui/base";
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { B as Badge } from "../Badge/index.09f5aee5.js";
-import { I as IconButton$1 } from "../IconButton/index.32fc9419.js";
+import { I as IconButton$1 } from "../IconButton/index.63a9d74c.js";
 styled(IconButton)(() => ({}));
 const LabelMemuItem = styled("div")(({
   theme

package/components/mui_extended/Pager/{index.c843dde3.js → index.a024f67b.js}

@@ -1,7 +1,7 @@
 import { useMemo } from "react";
 import { styled, generateUtilityClasses, generateUtilityClass, useTheme, Select, InputBase, MenuItem } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { I as IconButton } from "../IconButton/index.32fc9419.js";
+import { I as IconButton } from "../IconButton/index.63a9d74c.js";
 import { useEnvironment } from "@m4l/core";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useResponsiveDesktop } from "@m4l/graphics";

package/components/mui_extended/ToggleButton/{index.3d71f374.js → index.3f8bcf51.js}

@@ -1,5 +1,5 @@
 import clsx from "clsx";
-import { B as Button, b as buttonClasses } from "../Button/index.81367a73.js";
+import { B as Button, b as buttonClasses } from "../Button/index.c6befaeb.js";
 import { w as withToggle } from "../../../hocs/withToggle/index.e44eb0da.js";
 import { jsx } from "react/jsx-runtime";
 const ToggleAbleButton = ({

package/components/mui_extended/ToggleIconButton/{index.1cff26af.js → index.04375093.js}

@@ -1,5 +1,5 @@
 import clsx from "clsx";
-import { I as IconButton, i as iconButtonClasses } from "../IconButton/index.32fc9419.js";
+import { I as IconButton, i as iconButtonClasses } from "../IconButton/index.63a9d74c.js";
 import { w as withToggle } from "../../../hocs/withToggle/index.e44eb0da.js";
 import { jsx } from "react/jsx-runtime";
 const ToggleAbleIconButton = ({

package/hooks/useFormAddEdit/{index.5c3d8e48.js → index.649004a5.js}

@@ -2,7 +2,7 @@ import { useNetwork, useFlags, useModuleDictionary } from "@m4l/core";
 import { useState, useEffect } from "react";
 import { u as useModal } from "../useModal/index.66a0c82e.js";
 import { jsx } from "react/jsx-runtime";
-import { W as WindowConfirm } from "../../components/modal/WindowConfirm.3b0e842b.js";
+import { W as WindowConfirm } from "../../components/modal/WindowConfirm.67ee36e9.js";
 function useFormAddEdit(props) {
   const {
     initialValues,