@m4l/components 2.0.6 → 2.0.7

package/components/commercial/TopBar/{index.9d791d27.js → index.06c1e138.js}

@@ -5,13 +5,13 @@ import { unstable_composeClasses } from "@mui/base";
 import { g as getComponentUtilityClass } from "../../../utils/index.ebfbb70f.js";
 import { createContext, useContext, useState } from "react";
 import { useEnvironment } from "@m4l/core";
-import { ad as ArrowIconRoot } from "../../../styles/index.1664b7ed.js";
-import { I as Icon } from "../../Icon/index.d82723ca.js";
+import { ad as ArrowIconRoot } from "../../../styles/index.ccd8acc4.js";
+import { I as Icon } from "../../Icon/index.0f315ccd.js";
 import clsx from "clsx";
 import { g as getNameDataTestId } from "../../../test/getNameDataTestId.0faeade8.js";
-import { A as Accordion } from "../../mui_extended/Accordion/index.7bafa548.js";
-import { B as Button } from "../../mui_extended/Button/index.d44027cf.js";
-import { P as Popover } from "../../mui_extended/Popover/index.ea936c4a.js";
+import { A as Accordion } from "../../mui_extended/Accordion/index.49007a43.js";
+import { B as Button } from "../../mui_extended/Button/index.ca15c36e.js";
+import { P as Popover } from "../../mui_extended/Popover/index.1fafd106.js";
 const componentName = "M4LTopBar";
 const TopBarClasses = generateUtilityClasses(componentName, [
   "root",

package/components/commercial/{index.380aa13d.js → index.163293c3.js}

@@ -1,12 +1,12 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState } from "react";
-import { ae as HamburgerMenuRoot } from "../../styles/index.1664b7ed.js";
+import { ae as HamburgerMenuRoot } from "../../styles/index.ccd8acc4.js";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import { useEnvironment } from "@m4l/core";
-import { S as SideBar } from "../SideBar/index.1c9dc8a5.js";
-import { I as IconButton } from "../mui_extended/IconButton/index.b43ca9c9.js";
+import { S as SideBar } from "../SideBar/index.50868466.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.caf17392.js";
 const componentName = "M4LHamburgerMenuCommercial";
 generateUtilityClasses(componentName, ["root", "ImageLogo"]);
 function getHamburgerMenuComercialClassesUtilityClass(slot) {

package/components/formatters/BooleanFormatter/{index.1f89b011.js → index.b224ae9b.js}

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
-import { I as Icon } from "../../Icon/index.d82723ca.js";
+import { I as Icon } from "../../Icon/index.0f315ccd.js";
 import { W as WrapperComponent } from "../../WrapperComponent/index.57964195.js";
-import { F as FormatterRoot, f as formatterClasses } from "../index.9ab0137a.js";
+import { F as FormatterRoot, f as formatterClasses } from "../index.373a6ce1.js";
 import clsx from "clsx";
 const BOOLEAN_FORMATTER_DICTIONARY_KEY = `boolean_formatter`;
 const LABEL_BOOLEAN_YES = `${BOOLEAN_FORMATTER_DICTIONARY_KEY}.boolean_yes`;

package/components/formatters/{index.9ab0137a.js → index.373a6ce1.js}

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import { generateUtilityClasses } from "@mui/material";
 import "@mui/base";
-import { af as FormatterRootContainer } from "../../styles/index.1664b7ed.js";
+import { af as FormatterRootContainer } from "../../styles/index.ccd8acc4.js";
 import { W as WrapperComponent } from "../WrapperComponent/index.57964195.js";
 import { useModuleDictionary } from "@m4l/core";
-import { a as BOOLEAN_FORMATTER_DICTIONARY_KEY } from "./BooleanFormatter/index.1f89b011.js";
+import { a as BOOLEAN_FORMATTER_DICTIONARY_KEY } from "./BooleanFormatter/index.b224ae9b.js";
 const COMPONENT_CLASS_NAME = "M4LFormatter";
 const formatterClasses = generateUtilityClasses(COMPONENT_CLASS_NAME, [
   "root",

package/components/hook-form/HelperError/{index.eb0451a8.js → index.399e7338.js}

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { useFormContext, useController } from "react-hook-form";
-import { H as HelperText } from "../../HelperText/index.451bc436.js";
+import { H as HelperText } from "../../HelperText/index.2f4c6655.js";
 function HelperError(props) {
   const { name } = props;
   const { control } = useFormContext();

package/components/hook-form/RHFAutocomplete/{index.66b8a523.js → index.0d32fed5.js}

@@ -6,14 +6,14 @@ import { generateUtilityClasses, generateUtilityClass, Skeleton, useTheme, Autoc
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { useFormContext, Controller } from "react-hook-form";
 import { unstable_composeClasses } from "@mui/base";
-import { ag as WrapperOption, ah as AutocompleteRoot } from "../../../styles/index.1664b7ed.js";
+import { ag as WrapperOption, ah as AutocompleteRoot } from "../../../styles/index.ccd8acc4.js";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
-import { I as Image } from "../../Image/index.472191c2.js";
-import { T as Typography } from "../../mui_extended/Typography/index.850bc036.js";
-import { H as HelperText } from "../../HelperText/index.451bc436.js";
-import { F as FieldLabel } from "../../FieldLabel/index.c191727a.js";
+import { I as Image } from "../../Image/index.32b58ce4.js";
+import { T as Typography } from "../../mui_extended/Typography/index.61dd3fc6.js";
+import { H as HelperText } from "../../HelperText/index.2f4c6655.js";
+import { F as FieldLabel } from "../../FieldLabel/index.972f989e.js";
 import { C as CircularProgress } from "../../mui_extended/CircularProgress/index.967e70b7.js";
-import { I as IconButton } from "../../mui_extended/IconButton/index.b43ca9c9.js";
+import { I as IconButton } from "../../mui_extended/IconButton/index.caf17392.js";
 const componentName = "M4LRHFAutocomplete";
 generateUtilityClasses(
   componentName,

package/components/hook-form/RHFAutocompleteAsync/{index.d0f40f8f.js → index.2622450c.js}

@@ -4,9 +4,9 @@ import { useState, useCallback, useEffect } from "react";
 import debounce from "lodash/debounce";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { ai as RHFAutocompleteAsyncRoot } from "../../../styles/index.1664b7ed.js";
+import { ai as RHFAutocompleteAsyncRoot } from "../../../styles/index.ccd8acc4.js";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
-import { R as RHFAutocomplete, g as getRHFAutocompleteComponentsDictionary } from "../RHFAutocomplete/index.66b8a523.js";
+import { R as RHFAutocomplete, g as getRHFAutocompleteComponentsDictionary } from "../RHFAutocomplete/index.0d32fed5.js";
 const componentName = "M4LRHFAutocompleteAsync";
 generateUtilityClasses(
   componentName,
@@ -51,6 +51,7 @@ function ComponentTypeText(props) {
   const [filterParms, setFilterParms] = useState({});
   const refresh = () => {
     setNewRefresh((current) => current + 1);
+    firstOpen === 0 && hanldeFirstOpen();
   };
   const debouncedFilter = useCallback(
     debounce(
@@ -76,7 +77,7 @@ function ComponentTypeText(props) {
     }
   };
   useEffect(() => {
-    if (!loading && canLoadOptions) {
+    if (firstOpen === 1 && !loading && canLoadOptions) {
       setIsloading(true);
       setOptions([]);
       setCanLoadOptions(false);
@@ -141,6 +142,7 @@ function ComponentTypeImage(props) {
   const [filterParms, setFilterParms] = useState({});
   const refresh = () => {
     setNewRefresh((current) => current + 1);
+    firstOpen === 0 && hanldeFirstOpen();
   };
   const debouncedFilter = useCallback(
     debounce(
@@ -166,7 +168,7 @@ function ComponentTypeImage(props) {
     }
   };
   useEffect(() => {
-    if (!loading && canLoadOptions) {
+    if (firstOpen === 1 && !loading && canLoadOptions) {
       setIsloading(true);
       setOptions([]);
       setCanLoadOptions(false);

package/components/hook-form/RHFCheckbox/{index.95d31dea.js → index.3229f16c.js}

@@ -1,14 +1,14 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useFormContext, Controller } from "react-hook-form";
-import { aj as RHFCheckboxRoot, ak as ContainerCheckTypography } from "../../../styles/index.1664b7ed.js";
+import { aj as RHFCheckboxRoot, ak as ContainerCheckTypography } from "../../../styles/index.ccd8acc4.js";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { H as HelperText } from "../../HelperText/index.451bc436.js";
+import { H as HelperText } from "../../HelperText/index.2f4c6655.js";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { useModuleSkeleton } from "@m4l/core";
 import { useFormFocus } from "../../../index.js";
-import { C as CheckBox } from "../../mui_extended/CheckBox.a68237b1.js";
+import { C as CheckBox } from "../../mui_extended/CheckBox.983e10e6.js";
 generateUtilityClasses("M4LRHFCheckbox", [
   "root",
   "checkTypography",

package/components/hook-form/RHFColorPicker/{index.6fc44977.js → index.86525787.js}

@@ -3,17 +3,17 @@ import { useState } from "react";
 import { useFormContext, useWatch, Controller } from "react-hook-form";
 import { useModuleSkeleton, useEnvironment, useModuleDictionary } from "@m4l/core";
 import { SketchPicker } from "react-color";
-import { H as HelperText } from "../../HelperText/index.451bc436.js";
+import { H as HelperText } from "../../HelperText/index.2f4c6655.js";
 import { generateUtilityClasses, generateUtilityClass, Skeleton } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { al as RHFColorPickerRoot } from "../../../styles/index.1664b7ed.js";
+import { al as RHFColorPickerRoot } from "../../../styles/index.ccd8acc4.js";
 import { useTheme } from "@mui/material/styles";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { useFormFocus } from "../../../index.js";
-import { F as FieldLabel } from "../../FieldLabel/index.c191727a.js";
-import { P as Popover } from "../../mui_extended/Popover/index.ea936c4a.js";
-import { I as Icon } from "../../Icon/index.d82723ca.js";
-import { B as Button } from "../../mui_extended/Button/index.d44027cf.js";
+import { F as FieldLabel } from "../../FieldLabel/index.972f989e.js";
+import { P as Popover } from "../../mui_extended/Popover/index.1fafd106.js";
+import { I as Icon } from "../../Icon/index.0f315ccd.js";
+import { B as Button } from "../../mui_extended/Button/index.ca15c36e.js";
 const componentName = "M4LRHFColorPicker";
 const colorPickerClasses = generateUtilityClasses(componentName, [
   "root",

package/components/hook-form/RHFDateTime/{index.8db9d2a6.js → index.572079c5.js}

@@ -7,12 +7,12 @@ import { useFormatter, useResponsiveDesktop } from "@m4l/graphics";
 import { useState, useEffect } from "react";
 import { unstable_composeClasses } from "@mui/base";
 import clsx from "clsx";
-import { am as RHFDateTimeRoot } from "../../../styles/index.1664b7ed.js";
-import { H as HelperText } from "../../HelperText/index.451bc436.js";
+import { am as RHFDateTimeRoot } from "../../../styles/index.ccd8acc4.js";
+import { H as HelperText } from "../../HelperText/index.2f4c6655.js";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { useFormFocus } from "../../../index.js";
-import { F as FieldLabel } from "../../FieldLabel/index.c191727a.js";
-import { I as Icon } from "../../Icon/index.d82723ca.js";
+import { F as FieldLabel } from "../../FieldLabel/index.972f989e.js";
+import { I as Icon } from "../../Icon/index.0f315ccd.js";
 const SkeletonRHFDateTime = (props) => {
   const { skeletonWidth, skeletonHeight, className, label } = props;
   return /* @__PURE__ */ jsxs(Fragment, { children: [

package/components/hook-form/RHFPeriod/{index.febe530f.js → index.1883d9f6.js}

@@ -1,13 +1,13 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { an as RHFPeriodRoot } from "../../../styles/index.1664b7ed.js";
+import { an as RHFPeriodRoot } from "../../../styles/index.ccd8acc4.js";
 import { useFormContext, Controller } from "react-hook-form";
-import { H as HelperText } from "../../HelperText/index.451bc436.js";
+import { H as HelperText } from "../../HelperText/index.2f4c6655.js";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import { useModuleSkeleton } from "@m4l/core";
 import { useFormFocus } from "../../../index.js";
-import { F as FieldLabel } from "../../FieldLabel/index.c191727a.js";
-import { P as Period } from "../../Period/index.cd547147.js";
+import { F as FieldLabel } from "../../FieldLabel/index.972f989e.js";
+import { P as Period } from "../../Period/index.5757802b.js";
 const componentName = "M4LRHFPeriod";
 generateUtilityClasses(componentName, [
   "root",

package/components/hook-form/RHFRadioGroup/{index.29f49580.js → index.9eea0df1.js}

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useFormContext, Controller } from "react-hook-form";
 import { RadioGroup, FormControlLabel, FormHelperText, Radio } from "@mui/material";
-import { I as Icon } from "../../Icon/index.d82723ca.js";
+import { I as Icon } from "../../Icon/index.0f315ccd.js";
 function OptionIconLabelFormatter(option, getOptionLabel, getOptionIconUrl) {
   return /* @__PURE__ */ jsxs("div", { children: [
     /* @__PURE__ */ jsx(

package/components/hook-form/RHFTextField/{index.6f9bbd80.js → index.5b124af3.js}

@@ -2,16 +2,16 @@ import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useModuleSkeleton, useEnvironment } from "@m4l/core";
 import { Skeleton, generateUtilityClasses, TextField, InputAdornment, generateUtilityClass } from "@mui/material";
 import { forwardRef, useState, useEffect } from "react";
-import { I as IconButton } from "../../mui_extended/IconButton/index.b43ca9c9.js";
+import { I as IconButton } from "../../mui_extended/IconButton/index.caf17392.js";
 import { useFormContext, Controller } from "react-hook-form";
-import { ao as SkeletonTextFieldRoot, ap as WrapperSkeletonRHFTextField, aq as RHFTextFieldRoot, ar as RHFTextFieldPasswordRoot } from "../../../styles/index.1664b7ed.js";
+import { ao as SkeletonTextFieldRoot, ap as WrapperSkeletonRHFTextField, aq as RHFTextFieldRoot, ar as RHFTextFieldPasswordRoot } from "../../../styles/index.ccd8acc4.js";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { unstable_composeClasses } from "@mui/base";
 import { g as getComponentUtilityClass } from "../../../utils/index.ebfbb70f.js";
-import { H as HelperText } from "../../HelperText/index.451bc436.js";
+import { H as HelperText } from "../../HelperText/index.2f4c6655.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { useFormFocus } from "../../../index.js";
-import { F as FieldLabel } from "../../FieldLabel/index.c191727a.js";
+import { F as FieldLabel } from "../../FieldLabel/index.972f989e.js";
 const RHFTEXTFIELD_ROOT_TEST_ID = "RHFTextFieldRoot";
 const RHFTEXTFIELD_INPUT_TEST_ID = "RHFTextFieldInput";
 const RHFTEXTFIELD_PREFIX = "RHFTextField";

package/components/hook-form/RHFUpload/{index.77519c4c.js → index.cf63abf0.js}

@@ -3,15 +3,15 @@ import { useCallback } from "react";
 import { useFormContext, Controller } from "react-hook-form";
 import isString from "lodash/isString";
 import { useDropzone } from "react-dropzone";
-import { I as Image } from "../../Image/index.472191c2.js";
+import { I as Image } from "../../Image/index.32b58ce4.js";
 import { useEnvironment, useModuleDictionary, useModuleSkeleton } from "@m4l/core";
-import { as as UploadImageRoot, at as WrapperRHFUploadImage } from "../../../styles/index.1664b7ed.js";
+import { as as UploadImageRoot, at as WrapperRHFUploadImage } from "../../../styles/index.ccd8acc4.js";
 import { Skeleton, generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { unstable_composeClasses } from "@mui/base";
-import { T as Typography } from "../../mui_extended/Typography/index.850bc036.js";
-import { B as Button } from "../../mui_extended/Button/index.d44027cf.js";
-import { H as HelperText } from "../../HelperText/index.451bc436.js";
+import { T as Typography } from "../../mui_extended/Typography/index.61dd3fc6.js";
+import { B as Button } from "../../mui_extended/Button/index.ca15c36e.js";
+import { H as HelperText } from "../../HelperText/index.2f4c6655.js";
 const ICON_PREFIX = "M4LRHFUploadImage";
 const getNameRHFUploadImageDataTestId = (KEY) => {
   return `${ICON_PREFIX}-${KEY}`;

package/components/maps/components/GpsTools/{index.c912d7c6.js → index.7628172f.js}

@@ -5,42 +5,42 @@ import { shallow } from "zustand/shallow";
 import "@geoman-io/leaflet-geoman-free/dist/leaflet-geoman.css";
 import "@geoman-io/leaflet-geoman-free";
 import clsx from "clsx";
-import { au as RHFormProviderStyled, av as StackGeofenceListRoot, aw as DivTabGpsToolsRoot } from "../../../../styles/index.1664b7ed.js";
-import { D as DynamicFilter } from "../../../DynamicFilter/index.93376b7c.js";
-import { C as ColumnIconFormatter } from "../../../DataGrid/formatters/index.ec837142.js";
+import { au as RHFormProviderStyled, av as StackGeofenceListRoot, aw as DivTabGpsToolsRoot } from "../../../../styles/index.ccd8acc4.js";
+import { D as DynamicFilter } from "../../../DynamicFilter/index.2033e755.js";
+import { C as ColumnIconFormatter } from "../../../DataGrid/formatters/index.ee269cae.js";
 import { C as ColumnDateFormatter } from "../../../DataGrid/formatters/ColumnDateFormatter/index.e00d0cf2.js";
 import { useResponsiveDesktop, useFirstRender } from "@m4l/graphics";
 import { useFormContext, useWatch, useFormState } from "react-hook-form";
-import { H as HelperError } from "../../../hook-form/HelperError/index.eb0451a8.js";
-import { u as useModal } from "../../../../hooks/useModal/index.64d98763.js";
+import { H as HelperError } from "../../../hook-form/HelperError/index.399e7338.js";
+import { u as useModal } from "../../../../hooks/useModal/index.6f5c238d.js";
 import { u as usePopupsStore } from "../../../popups/PopupsProvider/index.9a23e1d0.js";
 import { createStore, useStore } from "zustand";
 import { devtools } from "zustand/middleware";
 import { immer } from "zustand/middleware/immer";
 import { enableMapSet } from "immer";
-import { A as ActionFormIntro } from "../../../CommonActions/components/ActionFormIntro/index.c93b31d4.js";
-import { W as WindowConfirm } from "../../../modal/WindowConfirm.08d72905.js";
-import { A as Actions } from "../../../CommonActions/components/Actions/index.4eb9ca1e.js";
-import { B as Button } from "../../../mui_extended/Button/index.d44027cf.js";
+import { A as ActionFormIntro } from "../../../CommonActions/components/ActionFormIntro/index.8a23ec62.js";
+import { W as WindowConfirm } from "../../../modal/WindowConfirm.193cc75e.js";
+import { A as Actions } from "../../../CommonActions/components/Actions/index.ea4c273b.js";
+import { B as Button } from "../../../mui_extended/Button/index.ca15c36e.js";
 import { useMap } from "react-leaflet";
 import * as L from "leaflet";
 import { u as useFormReadyForUpdate } from "../../../../hooks/useFormReadyForUpdate/index.f60f500e.js";
-import { u as useTab } from "../../../../hooks/useTab/index.75c252f9.js";
+import { u as useTab } from "../../../../hooks/useTab/index.8c6646a4.js";
 import { generateUtilityClasses } from "@mui/material";
 import "@mui/base";
-import { P as PaperForm } from "../../../PaperForm/index.3a46ec6c.js";
-import { R as RHFAutocomplete } from "../../../hook-form/RHFAutocomplete/index.66b8a523.js";
-import { R as RHFTextField } from "../../../hook-form/RHFTextField/index.6f9bbd80.js";
-import { S as Stack } from "../../../mui_extended/Stack/index.f88ee5eb.js";
-import { I as IconButton } from "../../../mui_extended/IconButton/index.b43ca9c9.js";
-import { P as PropertyValue } from "../../../PropertyValue/index.de28c147.js";
-import { R as RHFColorPicker } from "../../../hook-form/RHFColorPicker/index.6fc44977.js";
-import { T as Tabs, a as Tab, b as TabContent, c as TabProvider } from "../../../mui_extended/Tab/index.cb37d00d.js";
-import { I as Icon } from "../../../Icon/index.d82723ca.js";
+import { P as PaperForm } from "../../../PaperForm/index.86c1f1d6.js";
+import { R as RHFAutocomplete } from "../../../hook-form/RHFAutocomplete/index.0d32fed5.js";
+import { R as RHFTextField } from "../../../hook-form/RHFTextField/index.5b124af3.js";
+import { S as Stack } from "../../../mui_extended/Stack/index.b8c3b40b.js";
+import { I as IconButton } from "../../../mui_extended/IconButton/index.caf17392.js";
+import { P as PropertyValue } from "../../../PropertyValue/index.ee9cf342.js";
+import { R as RHFColorPicker } from "../../../hook-form/RHFColorPicker/index.86525787.js";
+import { T as Tabs, a as Tab, b as TabContent, c as TabProvider } from "../../../mui_extended/Tab/index.c2dca6dd.js";
+import { I as Icon } from "../../../Icon/index.0f315ccd.js";
 import * as Yup from "yup";
-import { u as useFormAddEdit } from "../../../../hooks/useFormAddEdit/index.9b6c5008.js";
-import { u as useMapStore, C as CommonFeatureRender, G as GPS_TOOLS_POPUP_ID } from "../Map/index.765e578d.js";
-import { D as DataGrid } from "../../../DataGrid/index.dc8fa469.js";
+import { u as useFormAddEdit } from "../../../../hooks/useFormAddEdit/index.daf5d0c8.js";
+import { u as useMapStore, C as CommonFeatureRender, G as GPS_TOOLS_POPUP_ID } from "../Map/index.df953487.js";
+import { D as DataGrid } from "../../../DataGrid/index.1feaab04.js";
 const COMPONENT_CLASS_NAME = "M4LMapGpsTools";
 const COMPONENT_MAP_TOOLS_ID = "gps_tools";
 const STYLE_OPACITIES = [

package/components/maps/components/Map/{index.765e578d.js → index.df953487.js}

@@ -9,24 +9,24 @@ import { createPortal } from "react-dom";
 import { useModuleDictionary, useModuleSkeleton, useEnvironment, useModulePrivileges } from "@m4l/core";
 import clsx from "clsx";
 import { useFormContext, useWatch } from "react-hook-form";
-import { A as Actions } from "../../../CommonActions/components/Actions/index.4eb9ca1e.js";
-import { B as Button } from "../../../mui_extended/Button/index.d44027cf.js";
+import { A as Actions } from "../../../CommonActions/components/Actions/index.ea4c273b.js";
+import { B as Button } from "../../../mui_extended/Button/index.ca15c36e.js";
 import * as Yup from "yup";
 import { u as useFormReadyForUpdate } from "../../../../hooks/useFormReadyForUpdate/index.f60f500e.js";
-import { R as RHFAutocompleteAsync } from "../../../hook-form/RHFAutocompleteAsync/index.d0f40f8f.js";
-import { S as Stack } from "../../../mui_extended/Stack/index.f88ee5eb.js";
-import { R as RHFormProvider } from "../../../../contexts/RHFormContext/index.b5e15835.js";
-import { I as IconButton } from "../../../mui_extended/IconButton/index.b43ca9c9.js";
+import { R as RHFAutocompleteAsync } from "../../../hook-form/RHFAutocompleteAsync/index.2622450c.js";
+import { S as Stack } from "../../../mui_extended/Stack/index.b8c3b40b.js";
+import { R as RHFormProvider } from "../../../../contexts/RHFormContext/index.acc30d9b.js";
+import { I as IconButton } from "../../../mui_extended/IconButton/index.caf17392.js";
 import { u as usePopupsStore, P as PopupsProvider } from "../../../popups/PopupsProvider/index.9a23e1d0.js";
-import { T as ToggleIconButton } from "../../../mui_extended/ToggleIconButton/index.fa33051b.js";
-import { D as DataGrid } from "../../../DataGrid/index.dc8fa469.js";
+import { T as ToggleIconButton } from "../../../mui_extended/ToggleIconButton/index.0513d9e6.js";
+import { D as DataGrid } from "../../../DataGrid/index.1feaab04.js";
 import { generateUtilityClasses, Tooltip, FormControl, RadioGroup, FormControlLabel, Radio, useTheme } from "@mui/material";
 import { C as ColumnSetCheckFormatter } from "../../../DataGrid/formatters/ColumnSetCheckFormatter/index.4045b2f2.js";
-import { I as Icon, M as MarkerIconLabel } from "../../../Icon/index.d82723ca.js";
+import { I as Icon, M as MarkerIconLabel } from "../../../Icon/index.0f315ccd.js";
 import { u as useStateRef } from "../../../../hooks/useStateRef/index.538edb89.js";
-import { C as CheckBox } from "../../../mui_extended/CheckBox.a68237b1.js";
-import { P as Popover } from "../../../mui_extended/Popover/index.ea936c4a.js";
-import { P as PopupsViewer } from "../../../popups/PopupsViewer/index.722af14c.js";
+import { C as CheckBox } from "../../../mui_extended/CheckBox.983e10e6.js";
+import { P as Popover } from "../../../mui_extended/Popover/index.1fafd106.js";
+import { P as PopupsViewer } from "../../../popups/PopupsViewer/index.c6a0c277.js";
 import { createPathComponent } from "@react-leaflet/core";
 import "leaflet.markercluster";
 import { cloneDeep, throttle } from "lodash";

package/components/modal/{WindowBase.044659d9.js → WindowBase.cb284225.js}

@@ -2,9 +2,9 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { m as modalUtilityClasses } from "./index.81eb6def.js";
 import { useEnvironment } from "@m4l/core";
 import clsx from "clsx";
-import { I as Icon } from "../Icon/index.d82723ca.js";
-import { I as IconButton } from "../mui_extended/IconButton/index.b43ca9c9.js";
-import { u as useModal } from "../../hooks/useModal/index.64d98763.js";
+import { I as Icon } from "../Icon/index.0f315ccd.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.caf17392.js";
+import { u as useModal } from "../../hooks/useModal/index.6f5c238d.js";
 const Header = (props) => {
   const { title, onClickCancel, urlIcon, classes } = props;
   const { host_static_assets, environment_assets } = useEnvironment();

package/components/modal/{WindowConfirm.08d72905.js → WindowConfirm.193cc75e.js}

@@ -1,13 +1,13 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { A as Actions } from "../CommonActions/components/Actions/index.4eb9ca1e.js";
+import { A as Actions } from "../CommonActions/components/Actions/index.ea4c273b.js";
 import { Typography } from "@mui/material";
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
-import { u as useModal } from "../../hooks/useModal/index.64d98763.js";
-import { I as Image } from "../Image/index.472191c2.js";
+import { u as useModal } from "../../hooks/useModal/index.6f5c238d.js";
+import { I as Image } from "../Image/index.32b58ce4.js";
 import { m as modalUtilityClasses } from "./index.81eb6def.js";
-import { W as WindowBase } from "./WindowBase.044659d9.js";
-import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.6b060ad1.js";
-import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.c8e7ae9e.js";
+import { W as WindowBase } from "./WindowBase.cb284225.js";
+import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.c1185f46.js";
+import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.185199da.js";
 const dictionary = {
   MESSAGE: "common_actions.confirm_quit_msg"
 };

package/components/mui_extended/Accordion/{index.7bafa548.js → index.49007a43.js}

@@ -1,14 +1,14 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { generateUtilityClasses, generateUtilityClass, Accordion as Accordion$1, AccordionSummary, AccordionDetails } from "@mui/material";
-import { I as IconButton } from "../IconButton/index.b43ca9c9.js";
+import { I as IconButton } from "../IconButton/index.caf17392.js";
 import { useEnvironment } from "@m4l/core";
 import { unstable_composeClasses } from "@mui/base";
-import { ax as AccordionRoot } from "../../../styles/index.1664b7ed.js";
+import { ax as AccordionRoot } from "../../../styles/index.ccd8acc4.js";
 import clsx from "clsx";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { g as getNameDataTestId } from "../../../test/getNameDataTestId.0faeade8.js";
-import { I as Icon } from "../../Icon/index.d82723ca.js";
-import { T as Typography } from "../Typography/index.850bc036.js";
+import { I as Icon } from "../../Icon/index.0f315ccd.js";
+import { T as Typography } from "../Typography/index.61dd3fc6.js";
 const componentName = "M4LAccordion";
 generateUtilityClasses(componentName, [
   "root",

package/components/mui_extended/Avatar/{index.9f9346ad.js → index.a2e1ca6d.js}

@@ -4,7 +4,7 @@ import { Skeleton, generateUtilityClasses, generateUtilityClass, Avatar as Avata
 import { useModuleSkeleton } from "@m4l/core";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { unstable_composeClasses } from "@mui/base";
-import { ay as AvatarRoot } from "../../../styles/index.1664b7ed.js";
+import { ay as AvatarRoot } from "../../../styles/index.ccd8acc4.js";
 import clsx from "clsx";
 const AVATAR_PREFIX = "M4LAvatar";
 const getNameAvatarDataTestId = (KEY) => {

package/components/mui_extended/Badge/{index.182414ed.js → index.188ffbb4.js}

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { generateUtilityClasses, Badge as Badge$1 } from "@mui/material";
 import "@mui/base";
-import { az as BadgeRoot } from "../../../styles/index.1664b7ed.js";
+import { az as BadgeRoot } from "../../../styles/index.ccd8acc4.js";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 const componentName = "M4LBadge";
 const badgeClasses = generateUtilityClasses(componentName, [

package/components/mui_extended/Button/{index.d44027cf.js → index.ca15c36e.js}

@@ -2,14 +2,14 @@ import { jsx } from "react/jsx-runtime";
 import { useModuleSkeleton } from "@m4l/core";
 import { generateUtilityClasses, generateUtilityClass, Skeleton, IconButton, Tooltip } from "@mui/material";
 import MuiButton from "@mui/material/Button";
-import { aA as ButtonRoot, aB as WrapperImageButton, aC as LoadingButtonRoot } from "../../../styles/index.1664b7ed.js";
+import { aA as ButtonRoot, aB as WrapperImageButton, aC as LoadingButtonRoot } from "../../../styles/index.ccd8acc4.js";
 import { unstable_composeClasses } from "@mui/base";
 import clsx from "clsx";
 import { useMemo } from "react";
-import { I as Image } from "../../Image/index.472191c2.js";
+import { I as Image } from "../../Image/index.32b58ce4.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.850bc036.js";
+import { T as Typography } from "../Typography/index.61dd3fc6.js";
 const componentName$2 = "M4LButton";
 const buttonClasses = generateUtilityClasses(componentName$2, [
   "root",

package/components/mui_extended/{CheckBox.a68237b1.js → CheckBox.983e10e6.js}

@@ -5,8 +5,8 @@ import { useResponsiveDesktop } from "@m4l/graphics";
 import { unstable_composeClasses } from "@mui/base";
 import { useModuleSkeleton } from "@m4l/core";
 import { forwardRef } from "react";
-import { aD as CheckBoxRoot } from "../../styles/index.1664b7ed.js";
-import { F as FieldLabel } from "../FieldLabel/index.c191727a.js";
+import { aD as CheckBoxRoot } from "../../styles/index.ccd8acc4.js";
+import { F as FieldLabel } from "../FieldLabel/index.972f989e.js";
 const COMPONENT_CLASS_NAME = "M4LCheckBox";
 generateUtilityClasses(COMPONENT_CLASS_NAME, [
   "root",

package/components/mui_extended/IconButton/{index.b43ca9c9.js → index.caf17392.js}

@@ -2,8 +2,8 @@ import { jsx, Fragment } from "react/jsx-runtime";
 import { useMemo, useState } from "react";
 import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { Skeleton, generateUtilityClasses, generateUtilityClass, Tooltip, IconButton as IconButton$1 } from "@mui/material";
-import { I as Icon } from "../../Icon/index.d82723ca.js";
-import { aE as IconButtonRoot } from "../../../styles/index.1664b7ed.js";
+import { I as Icon } from "../../Icon/index.0f315ccd.js";
+import { aE as IconButtonRoot } from "../../../styles/index.ccd8acc4.js";
 import { unstable_composeClasses } from "@mui/base";
 import clsx from "clsx";
 import { useResponsiveDesktop } from "@m4l/graphics";

package/components/mui_extended/MenuActions/{index.0d11f43a.js → index.c24bd476.js}

@@ -2,13 +2,13 @@ import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import React__default, { useState, useEffect, useMemo } from "react";
 import { useEnvironment, useModuleDictionary } from "@m4l/core";
 import { generateUtilityClasses, generateUtilityClass, useTheme, MenuItem } from "@mui/material";
-import { P as Popover } from "../Popover/index.ea936c4a.js";
-import { aF as LabelMemuItem } from "../../../styles/index.1664b7ed.js";
-import { I as Icon } from "../../Icon/index.d82723ca.js";
+import { P as Popover } from "../Popover/index.1fafd106.js";
+import { aF as LabelMemuItem } from "../../../styles/index.ccd8acc4.js";
+import { I as Icon } from "../../Icon/index.0f315ccd.js";
 import clsx from "clsx";
 import { unstable_composeClasses } from "@mui/base";
-import { B as Badge } from "../Badge/index.182414ed.js";
-import { I as IconButton } from "../IconButton/index.b43ca9c9.js";
+import { B as Badge } from "../Badge/index.188ffbb4.js";
+import { I as IconButton } from "../IconButton/index.caf17392.js";
 const ICONS = {
   MENU: "menu.svg"
 };

package/components/mui_extended/Pager/{index.fd0db044.js → index.f27033fc.js}

@@ -1,14 +1,14 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useMemo } from "react";
-import { aG as PagerRoot } from "../../../styles/index.1664b7ed.js";
+import { aG as PagerRoot } from "../../../styles/index.ccd8acc4.js";
 import { generateUtilityClasses, generateUtilityClass, useTheme, Select, InputBase, MenuItem } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { I as IconButton } from "../IconButton/index.b43ca9c9.js";
+import { I as IconButton } from "../IconButton/index.caf17392.js";
 import { useEnvironment } from "@m4l/core";
 import { useResponsiveContainerStore } from "@m4l/graphics";
 import { shallow } from "zustand/shallow";
-import { T as Typography } from "../Typography/index.850bc036.js";
-import { I as Icon } from "../../Icon/index.d82723ca.js";
+import { T as Typography } from "../Typography/index.61dd3fc6.js";
+import { I as Icon } from "../../Icon/index.0f315ccd.js";
 const componentName = "M4LPager";
 generateUtilityClasses(componentName, [
   "root",

package/components/mui_extended/Popover/{index.ea936c4a.js → index.1fafd106.js}

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { aH as PopoverRoot } from "../../../styles/index.1664b7ed.js";
+import { aH as PopoverRoot } from "../../../styles/index.ccd8acc4.js";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import { styled } from "@mui/material/styles";

package/components/mui_extended/Stack/{index.f88ee5eb.js → index.b8c3b40b.js}

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { aI as MUISTack } from "../../../styles/index.1664b7ed.js";
+import { aI as MUISTack } from "../../../styles/index.ccd8acc4.js";
 import clsx from "clsx";
 const componentName = "M4LStack";
 generateUtilityClasses(componentName, [

package/components/mui_extended/Tab/{index.cb37d00d.js → index.c2dca6dd.js}

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import clsx from "clsx";
 import { generateUtilityClasses, generateUtilityClass, Tab as Tab$1, Skeleton } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { aJ as MUITabs, aK as TabContentRoot, aL as TabRoot, aM as SKTTabWrapper } from "../../../styles/index.1664b7ed.js";
+import { aJ as MUITabs, aK as TabContentRoot, aL as TabRoot, aM as SKTTabWrapper } from "../../../styles/index.ccd8acc4.js";
 import { useModuleSkeleton } from "@m4l/core";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { g as getNameDataTestId } from "../../../test/getNameDataTestId.0faeade8.js";

package/components/mui_extended/ToggleButton/{index.c3a9d691.js → index.4b6f9c8e.js}

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import clsx from "clsx";
-import { B as Button, b as buttonClasses } from "../Button/index.d44027cf.js";
+import { B as Button, b as buttonClasses } from "../Button/index.ca15c36e.js";
 import { w as withToggle } from "../../../hocs/withToggle/index.548aeace.js";
 const ToggleAbleButton = ({ onToggle, isToggled, ...props }) => {
   return /* @__PURE__ */ jsx(

package/components/mui_extended/ToggleIconButton/{index.fa33051b.js → index.0513d9e6.js}

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import clsx from "clsx";
-import { I as IconButton, i as iconButtonClasses } from "../IconButton/index.b43ca9c9.js";
+import { I as IconButton, i as iconButtonClasses } from "../IconButton/index.caf17392.js";
 import { w as withToggle } from "../../../hocs/withToggle/index.548aeace.js";
 const ToggleAbleIconButton = ({
   onToggle,