@m4l/components 2.0.2 → 2.0.3

package/components/areas/components/AreasViewer/{index.de8df5d3.js → index.30c06d82.js}

@@ -1,35 +1,35 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { a8 as WindowRoot, a9 as WrapperWindowModal, aa as AreasViewerRoot } from "../../../../styles/index.59da2f54.js";
+import { a8 as WindowRoot, a9 as WrapperWindowModal, aa as AreasViewerRoot } from "../../../../styles/index.dbc66bb9.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.6c943645.js";
+import { u as useAreasStore } from "../../hooks/useAreas/index.b155b0dd.js";
 import { generateUtilityClasses, Skeleton } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import { g as getComponentUtilityClass } from "../../../../utils/index.14912462.js";
 import { a as AREAS_VIEWER_CLASS_NAME } from "../../constants.66529246.js";
 import { useModuleDictionary, useEnvironment, useModuleSkeleton } from "@m4l/core";
-import { a as MemonizedMenuActions } from "../../../mui_extended/MenuActions/index.b1f8a1be.js";
+import { a as MemonizedMenuActions } from "../../../mui_extended/MenuActions/index.2597f410.js";
 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.42efd85d.js";
-import { L as LinearProgressIndeterminate } from "../../../LinearProgressIndeterminate/index.e25f9201.js";
-import { I as Icon } from "../../../Icon/index.89dba21c.js";
-import { T as Typography } from "../../../mui_extended/Typography/index.24a872e2.js";
-import { M as MFLoader } from "../../../MFLoader/index.342598a8.js";
+import { I as IconButton } from "../../../mui_extended/IconButton/index.f0c09b00.js";
+import { L as LinearProgressIndeterminate } from "../../../LinearProgressIndeterminate/index.49f4fbd4.js";
+import { I as Icon } from "../../../Icon/index.e79efafa.js";
+import { T as Typography } from "../../../mui_extended/Typography/index.4ba02863.js";
+import { M as MFLoader } from "../../../MFLoader/index.0e50e984.js";
 import { W as WindowToolsMFProvider } from "../../contexts/WindowToolsMFContext/index.992ae7a3.js";
 import { D as DynamicMFParmsProvider } from "../../contexts/DynamicMFParmsContext/index.3d9ad0ad.js";
 import { L as LinearProgress } from "../../../mui_extended/LinearProgress/index.4092bb69.js";
 import { T as TEST_PROP_ID } from "../../../../test/constants_no_mock.86c553a9.js";
 import { g as getNameDataTestId } from "../../../../test/getNameDataTestId.0faeade8.js";
-import { R as RESPONSIVE_COLAPSED_HEIGHTS, a as RESPONSIVE_ROW_HEIGHTS, M as MARGIN_GRIDLAYOUT, P as PADDING_GRIDLAYOUT } from "../../contexts/AreasContext/index.514df5ff.js";
-import { w as withSizeProvider } from "../../../GridLayout/subcomponents/SizeProvider/index.2707f196.js";
-import { R as Responsive } from "../../../GridLayout/subcomponents/Responsive/index.ef62bea3.js";
+import { R as RESPONSIVE_COLAPSED_HEIGHTS, a as RESPONSIVE_ROW_HEIGHTS, M as MARGIN_GRIDLAYOUT, P as PADDING_GRIDLAYOUT } from "../../contexts/AreasContext/index.58db339a.js";
+import { w as withSizeProvider } from "../../../GridLayout/subcomponents/SizeProvider/index.b2a45435.js";
+import { R as Responsive } from "../../../GridLayout/subcomponents/Responsive/index.41358259.js";
 import { useLocation } from "react-router-dom";
-import { L as LoadingError } from "../../../LoadingError/index.ef15a461.js";
+import { L as LoadingError } from "../../../LoadingError/index.a4ad865d.js";
 import { c as cjs } from "../../../../react-draggable.1c1ba224.js";
-import { R as ResizeableWindow } from "../../../Resizeable/index.6cbe80f0.js";
+import { R as ResizeableWindow } from "../../../Resizeable/index.cec51d22.js";
 const areasViewerClasses = generateUtilityClasses(
   AREAS_VIEWER_CLASS_NAME,
   [
@@ -61,6 +61,7 @@ const areasViewerClasses = generateUtilityClasses(
     "windowToastyClose",
     "panelWindowsRoot",
     "panelWindowsButtonContainer",
+    "panelWindowsSeparator",
     "containerLinearProgress",
     "resizeHandle",
     "loaderContainer",
@@ -120,6 +121,7 @@ const useAreasViewerUtilityClasses = (ownerState) => {
     windowToastyClose: ["windowToastyClose"],
     panelWindowsRoot: ["panelWindowsRoot"],
     panelWindowsButtonContainer: ["panelWindowsButtonContainer"],
+    panelWindowsSeparator: ["panelWindowsSeparator"],
     resizeHandle: ["resizeHandle"],
     loaderContainer: ["loaderContainer"],
     containerComponent: ["containerComponent"]
@@ -674,6 +676,17 @@ const PanelWindows = (props) => {
     })),
     shallow
   );
+  const hashPopuosItems = useAreasStore(
+    (state) => state.hashAreas[areaId].layoutItemsIds.filter((itemId) => state.hashWindows[itemId].emergeType === "popup").map((key) => ({
+      i: key,
+      url_icon: state.hashWindows[key].url_icon,
+      title: state.hashWindows[key].title,
+      moduleId: state.hashWindows[key].moduleId,
+      emergeType: state.hashWindows[key].emergeType,
+      windowId: state.hashWindows[key].windowId
+    })),
+    shallow
+  );
   const { maximizeLayout } = useAreasStore((state) => state.areaActions);
   const onTouched = (layoutId) => {
     maximizeLayout(areaId, layoutId);
@@ -685,27 +698,51 @@ const PanelWindows = (props) => {
     if (!maximizedId || hashLayoutItems.length < 2) {
       return null;
     }
-    return /* @__PURE__ */ jsx("div", { className: areasViewerClasses.panelWindowsRoot, children: hashLayoutItems.map((kl) => {
-      return /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: clsx(
-            areasViewerClasses.panelWindowsButtonContainer,
-            maximizedId === kl.i && kl.emergeType !== "popup" || maximizedIdParent === kl.windowId && kl.moduleId === currentParam ? areasViewerClasses.selected : null
-          ),
-          children: /* @__PURE__ */ jsx(
-            IconButton,
-            {
-              src: kl.url_icon,
-              size: "small",
-              onClick: () => onTouched(kl.i),
-              tooltip: maximizedId !== kl.i ? kl.title : void 0
-            }
-          )
-        },
-        kl.i
-      );
-    }) });
+    return /* @__PURE__ */ jsxs("div", { className: areasViewerClasses.panelWindowsRoot, children: [
+      hashLayoutItems.map((kl) => {
+        return /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: clsx(
+              areasViewerClasses.panelWindowsButtonContainer,
+              maximizedId === kl.i && kl.emergeType !== "popup" || maximizedIdParent === kl.windowId && kl.moduleId === currentParam ? areasViewerClasses.selected : null
+            ),
+            children: /* @__PURE__ */ jsx(
+              IconButton,
+              {
+                src: kl.url_icon,
+                size: "small",
+                onClick: () => onTouched(kl.i),
+                tooltip: maximizedId !== kl.i ? kl.title : void 0
+              }
+            )
+          },
+          kl.i
+        );
+      }),
+      hashPopuosItems.length > 0 && /* @__PURE__ */ jsx("div", { className: areasViewerClasses.panelWindowsSeparator }),
+      hashPopuosItems.map((kl) => {
+        return /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: clsx(
+              areasViewerClasses.panelWindowsButtonContainer,
+              maximizedId === kl.i && kl.emergeType !== "popup" || maximizedIdParent === kl.windowId && kl.moduleId === currentParam ? areasViewerClasses.selected : null
+            ),
+            children: /* @__PURE__ */ jsx(
+              IconButton,
+              {
+                src: kl.url_icon,
+                size: "small",
+                onClick: () => onTouched(kl.i),
+                tooltip: maximizedId !== kl.i ? kl.title : void 0
+              }
+            )
+          },
+          kl.i
+        );
+      })
+    ] });
   } else {
     return null;
   }

package/components/areas/contexts/AreasContext/{index.514df5ff.js → index.58db339a.js}

@@ -6,13 +6,13 @@ 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.de8df5d3.js";
-import { u as useAreasAdminUtilityClasses } from "../../components/AreasAdmin/index.a52bb40d.js";
+import { u as useAreasViewerUtilityClasses } from "../../components/AreasViewer/index.30c06d82.js";
+import { u as useAreasAdminUtilityClasses } from "../../components/AreasAdmin/index.eb7f0465.js";
 import { c as createDynamicMFStore } from "../DynamicMFParmsContext/index.3d9ad0ad.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.ef62bea3.js";
+import { a as addLayoutItemToBreakPointIfNoExists, b as addLayoutItemToBreakPoints, c as cloneLayouts } from "../../../GridLayout/subcomponents/Responsive/index.41358259.js";
 import { debounce, cloneDeep } from "lodash";
-import { A as isEqualLayouts } from "../../../GridLayout/index.2f9a1cff.js";
+import { A as isEqualLayouts } from "../../../GridLayout/index.fba6e114.js";
 const PADDING_GRIDLAYOUT = 11;
 const MARGIN_GRIDLAYOUT = 11;
 const DEBOUCED_SAVE_TIME = 500;

package/components/areas/hooks/useAreas/{index.6c943645.js → index.b155b0dd.js}

@@ -1,6 +1,6 @@
 import { useContext } from "react";
 import { useStore } from "zustand";
-import { b as AreasContext } from "../../contexts/AreasContext/index.514df5ff.js";
+import { b as AreasContext } from "../../contexts/AreasContext/index.58db339a.js";
 function useAreasStore(selector, equalityFn) {
   const context = useContext(AreasContext);
   if (!context)

package/components/commercial/AppBarCommercial/{index.cac50795.js → index.eda47057.js}

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { generateUtilityClasses } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import { g as getComponentUtilityClass } from "../../../utils/index.14912462.js";
-import { ab as AppBarComercialRoot } from "../../../styles/index.59da2f54.js";
+import { ab as AppBarComercialRoot } from "../../../styles/index.dbc66bb9.js";
 const componentName = "M4LAppBarCommercial";
 generateUtilityClasses(
   componentName,

package/components/commercial/SectionCommercial/{index.c967ba14.js → index.f04720cd.js}

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { generateUtilityClasses } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import { g as getComponentUtilityClass } from "../../../utils/index.14912462.js";
-import { ac as SectionCommercialRoot } from "../../../styles/index.59da2f54.js";
+import { ac as SectionCommercialRoot } from "../../../styles/index.dbc66bb9.js";
 const componentName = "M4LSectionCommercial";
 generateUtilityClasses(
   componentName,

package/components/commercial/TopBar/{index.85568231.js → index.09698b46.js}

@@ -5,13 +5,13 @@ import { unstable_composeClasses } from "@mui/base";
 import { g as getComponentUtilityClass } from "../../../utils/index.14912462.js";
 import { createContext, useContext, useState } from "react";
 import { useEnvironment } from "@m4l/core";
-import { ad as ArrowIconRoot } from "../../../styles/index.59da2f54.js";
-import { I as Icon } from "../../Icon/index.89dba21c.js";
+import { ad as ArrowIconRoot } from "../../../styles/index.dbc66bb9.js";
+import { I as Icon } from "../../Icon/index.e79efafa.js";
 import clsx from "clsx";
 import { g as getNameDataTestId } from "../../../test/getNameDataTestId.0faeade8.js";
-import { A as Accordion } from "../../mui_extended/Accordion/index.0e62423b.js";
-import { B as Button } from "../../mui_extended/Button/index.9c6c173c.js";
-import { P as Popover } from "../../mui_extended/Popover/index.58f8522b.js";
+import { A as Accordion } from "../../mui_extended/Accordion/index.51a15c0e.js";
+import { B as Button } from "../../mui_extended/Button/index.ab6e0ce4.js";
+import { P as Popover } from "../../mui_extended/Popover/index.b0bfd9c7.js";
 const componentName = "M4LTopBar";
 const TopBarClasses = generateUtilityClasses(componentName, [
   "root",

package/components/commercial/{index.d872094e.js → index.f2615c66.js}

@@ -1,12 +1,12 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState } from "react";
-import { ae as HamburgerMenuRoot } from "../../styles/index.59da2f54.js";
+import { ae as HamburgerMenuRoot } from "../../styles/index.dbc66bb9.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.edd76204.js";
-import { I as IconButton } from "../mui_extended/IconButton/index.42efd85d.js";
+import { S as SideBar } from "../SideBar/index.6b4343bd.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.f0c09b00.js";
 const componentName = "M4LHamburgerMenuCommercial";
 generateUtilityClasses(componentName, ["root", "ImageLogo"]);
 function getHamburgerMenuComercialClassesUtilityClass(slot) {

package/components/formatters/BooleanFormatter/{index.1da1e6b0.js → index.710d2b28.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.89dba21c.js";
+import { I as Icon } from "../../Icon/index.e79efafa.js";
 import { W as WrapperComponent } from "../../WrapperComponent/index.57964195.js";
-import { F as FormatterRoot, f as formatterClasses } from "../index.ac081b3a.js";
+import { F as FormatterRoot, f as formatterClasses } from "../index.6ee697c8.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.ac081b3a.js → index.6ee697c8.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.59da2f54.js";
+import { af as FormatterRootContainer } from "../../styles/index.dbc66bb9.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.1da1e6b0.js";
+import { a as BOOLEAN_FORMATTER_DICTIONARY_KEY } from "./BooleanFormatter/index.710d2b28.js";
 const COMPONENT_CLASS_NAME = "M4LFormatter";
 const formatterClasses = generateUtilityClasses(COMPONENT_CLASS_NAME, [
   "root",

package/components/hook-form/HelperError/{index.296a4c82.js → index.aa7d32dc.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.25891eda.js";
+import { H as HelperText } from "../../HelperText/index.1d152104.js";
 function HelperError(props) {
   const { name } = props;
   const { control } = useFormContext();

package/components/hook-form/RHFAutocomplete/{index.b1c29dd0.js → index.8f569ae5.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.59da2f54.js";
+import { ag as WrapperOption, ah as AutocompleteRoot } from "../../../styles/index.dbc66bb9.js";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
-import { I as Image } from "../../Image/index.94949e55.js";
-import { T as Typography } from "../../mui_extended/Typography/index.24a872e2.js";
-import { H as HelperText } from "../../HelperText/index.25891eda.js";
-import { F as FieldLabel } from "../../FieldLabel/index.2aaaac6f.js";
+import { I as Image } from "../../Image/index.27d3bf2a.js";
+import { T as Typography } from "../../mui_extended/Typography/index.4ba02863.js";
+import { H as HelperText } from "../../HelperText/index.1d152104.js";
+import { F as FieldLabel } from "../../FieldLabel/index.bcb6f05d.js";
 import { C as CircularProgress } from "../../mui_extended/CircularProgress/index.967e70b7.js";
-import { I as IconButton } from "../../mui_extended/IconButton/index.42efd85d.js";
+import { I as IconButton } from "../../mui_extended/IconButton/index.f0c09b00.js";
 const componentName = "M4LRHFAutocomplete";
 generateUtilityClasses(
   componentName,

package/components/hook-form/RHFAutocompleteAsync/{index.fb434e68.js → index.9dcde1ca.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.59da2f54.js";
+import { ai as RHFAutocompleteAsyncRoot } from "../../../styles/index.dbc66bb9.js";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
-import { R as RHFAutocomplete, g as getRHFAutocompleteComponentsDictionary } from "../RHFAutocomplete/index.b1c29dd0.js";
+import { R as RHFAutocomplete, g as getRHFAutocompleteComponentsDictionary } from "../RHFAutocomplete/index.8f569ae5.js";
 const componentName = "M4LRHFAutocompleteAsync";
 generateUtilityClasses(
   componentName,

package/components/hook-form/RHFCheckbox/{index.140d872f.js → index.c83df993.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.59da2f54.js";
+import { aj as RHFCheckboxRoot, ak as ContainerCheckTypography } from "../../../styles/index.dbc66bb9.js";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { H as HelperText } from "../../HelperText/index.25891eda.js";
+import { H as HelperText } from "../../HelperText/index.1d152104.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.9d43398b.js";
+import { C as CheckBox } from "../../mui_extended/CheckBox.e80fe5f3.js";
 generateUtilityClasses("M4LRHFCheckbox", [
   "root",
   "checkTypography",

package/components/hook-form/RHFColorPicker/{index.3eb719ac.js → index.959c3cad.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.25891eda.js";
+import { H as HelperText } from "../../HelperText/index.1d152104.js";
 import { generateUtilityClasses, generateUtilityClass, Skeleton } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { al as RHFColorPickerRoot } from "../../../styles/index.59da2f54.js";
+import { al as RHFColorPickerRoot } from "../../../styles/index.dbc66bb9.js";
 import { useTheme } from "@mui/material/styles";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { useFormFocus } from "../../../index.js";
-import { F as FieldLabel } from "../../FieldLabel/index.2aaaac6f.js";
-import { P as Popover } from "../../mui_extended/Popover/index.58f8522b.js";
-import { I as Icon } from "../../Icon/index.89dba21c.js";
-import { B as Button } from "../../mui_extended/Button/index.9c6c173c.js";
+import { F as FieldLabel } from "../../FieldLabel/index.bcb6f05d.js";
+import { P as Popover } from "../../mui_extended/Popover/index.b0bfd9c7.js";
+import { I as Icon } from "../../Icon/index.e79efafa.js";
+import { B as Button } from "../../mui_extended/Button/index.ab6e0ce4.js";
 const componentName = "M4LRHFColorPicker";
 const colorPickerClasses = generateUtilityClasses(componentName, [
   "root",

package/components/hook-form/RHFDateTime/{index.54f97b37.js → index.cf48b018.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.59da2f54.js";
-import { H as HelperText } from "../../HelperText/index.25891eda.js";
+import { am as RHFDateTimeRoot } from "../../../styles/index.dbc66bb9.js";
+import { H as HelperText } from "../../HelperText/index.1d152104.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.2aaaac6f.js";
-import { I as Icon } from "../../Icon/index.89dba21c.js";
+import { F as FieldLabel } from "../../FieldLabel/index.bcb6f05d.js";
+import { I as Icon } from "../../Icon/index.e79efafa.js";
 const SkeletonRHFDateTime = (props) => {
   const { skeletonWidth, skeletonHeight, className, label } = props;
   return /* @__PURE__ */ jsxs(Fragment, { children: [

package/components/hook-form/RHFPeriod/{index.c8238ea4.js → index.738d7bb0.js}

@@ -1,13 +1,13 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { an as RHFPeriodRoot } from "../../../styles/index.59da2f54.js";
+import { an as RHFPeriodRoot } from "../../../styles/index.dbc66bb9.js";
 import { useFormContext, Controller } from "react-hook-form";
-import { H as HelperText } from "../../HelperText/index.25891eda.js";
+import { H as HelperText } from "../../HelperText/index.1d152104.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.2aaaac6f.js";
-import { P as Period } from "../../Period/index.76c4e428.js";
+import { F as FieldLabel } from "../../FieldLabel/index.bcb6f05d.js";
+import { P as Period } from "../../Period/index.c6c42384.js";
 const componentName = "M4LRHFPeriod";
 generateUtilityClasses(componentName, [
   "root",

package/components/hook-form/RHFRadioGroup/{index.78ec0e22.js → index.242cda5c.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.89dba21c.js";
+import { I as Icon } from "../../Icon/index.e79efafa.js";
 function OptionIconLabelFormatter(option, getOptionLabel, getOptionIconUrl) {
   return /* @__PURE__ */ jsxs("div", { children: [
     /* @__PURE__ */ jsx(

package/components/hook-form/RHFTextField/{index.984a4dba.js → index.9fb17e41.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.42efd85d.js";
+import { I as IconButton } from "../../mui_extended/IconButton/index.f0c09b00.js";
 import { useFormContext, Controller } from "react-hook-form";
-import { ao as SkeletonTextFieldRoot, ap as WrapperSkeletonRHFTextField, aq as RHFTextFieldRoot, ar as RHFTextFieldPasswordRoot } from "../../../styles/index.59da2f54.js";
+import { ao as SkeletonTextFieldRoot, ap as WrapperSkeletonRHFTextField, aq as RHFTextFieldRoot, ar as RHFTextFieldPasswordRoot } from "../../../styles/index.dbc66bb9.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.14912462.js";
-import { H as HelperText } from "../../HelperText/index.25891eda.js";
+import { H as HelperText } from "../../HelperText/index.1d152104.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { useFormFocus } from "../../../index.js";
-import { F as FieldLabel } from "../../FieldLabel/index.2aaaac6f.js";
+import { F as FieldLabel } from "../../FieldLabel/index.bcb6f05d.js";
 const RHFTEXTFIELD_ROOT_TEST_ID = "RHFTextFieldRoot";
 const RHFTEXTFIELD_INPUT_TEST_ID = "RHFTextFieldInput";
 const RHFTEXTFIELD_PREFIX = "RHFTextField";

package/components/hook-form/RHFUpload/{index.0516dc8f.js → index.699268ca.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.94949e55.js";
+import { I as Image } from "../../Image/index.27d3bf2a.js";
 import { useEnvironment, useModuleDictionary, useModuleSkeleton } from "@m4l/core";
-import { as as UploadImageRoot, at as WrapperRHFUploadImage } from "../../../styles/index.59da2f54.js";
+import { as as UploadImageRoot, at as WrapperRHFUploadImage } from "../../../styles/index.dbc66bb9.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.24a872e2.js";
-import { B as Button } from "../../mui_extended/Button/index.9c6c173c.js";
-import { H as HelperText } from "../../HelperText/index.25891eda.js";
+import { T as Typography } from "../../mui_extended/Typography/index.4ba02863.js";
+import { B as Button } from "../../mui_extended/Button/index.ab6e0ce4.js";
+import { H as HelperText } from "../../HelperText/index.1d152104.js";
 const ICON_PREFIX = "M4LRHFUploadImage";
 const getNameRHFUploadImageDataTestId = (KEY) => {
   return `${ICON_PREFIX}-${KEY}`;

package/components/maps/components/GpsTools/{index.779e5b17.js → index.c4b62b00.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.59da2f54.js";
-import { D as DynamicFilter } from "../../../DynamicFilter/index.a978aea9.js";
-import { C as ColumnIconFormatter } from "../../../DataGrid/formatters/index.90ed715b.js";
+import { au as RHFormProviderStyled, av as StackGeofenceListRoot, aw as DivTabGpsToolsRoot } from "../../../../styles/index.dbc66bb9.js";
+import { D as DynamicFilter } from "../../../DynamicFilter/index.dd9542f7.js";
+import { C as ColumnIconFormatter } from "../../../DataGrid/formatters/index.9f76fa68.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.296a4c82.js";
-import { u as useModal } from "../../../../hooks/useModal/index.a2a50f01.js";
+import { H as HelperError } from "../../../hook-form/HelperError/index.aa7d32dc.js";
+import { u as useModal } from "../../../../hooks/useModal/index.a9bf26b8.js";
 import { u as usePopupsStore } from "../../../popups/PopupsProvider/index.776c62e7.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.0e78a223.js";
-import { W as WindowConfirm } from "../../../modal/WindowConfirm.38a79eee.js";
-import { A as Actions } from "../../../CommonActions/components/Actions/index.c7fab394.js";
-import { B as Button } from "../../../mui_extended/Button/index.9c6c173c.js";
+import { A as ActionFormIntro } from "../../../CommonActions/components/ActionFormIntro/index.5b2f9ea3.js";
+import { W as WindowConfirm } from "../../../modal/WindowConfirm.402ad54e.js";
+import { A as Actions } from "../../../CommonActions/components/Actions/index.7ddd8fed.js";
+import { B as Button } from "../../../mui_extended/Button/index.ab6e0ce4.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.c0a8f413.js";
+import { u as useTab } from "../../../../hooks/useTab/index.f0bd61d3.js";
 import { generateUtilityClasses } from "@mui/material";
 import "@mui/base";
-import { P as PaperForm } from "../../../PaperForm/index.dbcbd677.js";
-import { R as RHFAutocomplete } from "../../../hook-form/RHFAutocomplete/index.b1c29dd0.js";
-import { R as RHFTextField } from "../../../hook-form/RHFTextField/index.984a4dba.js";
-import { S as Stack } from "../../../mui_extended/Stack/index.b0690398.js";
-import { I as IconButton } from "../../../mui_extended/IconButton/index.42efd85d.js";
-import { P as PropertyValue } from "../../../PropertyValue/index.9dd592cd.js";
-import { R as RHFColorPicker } from "../../../hook-form/RHFColorPicker/index.3eb719ac.js";
-import { T as Tabs, a as Tab, b as TabContent, c as TabProvider } from "../../../mui_extended/Tab/index.8a0bd49c.js";
-import { I as Icon } from "../../../Icon/index.89dba21c.js";
+import { P as PaperForm } from "../../../PaperForm/index.471089c1.js";
+import { R as RHFAutocomplete } from "../../../hook-form/RHFAutocomplete/index.8f569ae5.js";
+import { R as RHFTextField } from "../../../hook-form/RHFTextField/index.9fb17e41.js";
+import { S as Stack } from "../../../mui_extended/Stack/index.5c75c025.js";
+import { I as IconButton } from "../../../mui_extended/IconButton/index.f0c09b00.js";
+import { P as PropertyValue } from "../../../PropertyValue/index.0f4c6047.js";
+import { R as RHFColorPicker } from "../../../hook-form/RHFColorPicker/index.959c3cad.js";
+import { T as Tabs, a as Tab, b as TabContent, c as TabProvider } from "../../../mui_extended/Tab/index.5269b568.js";
+import { I as Icon } from "../../../Icon/index.e79efafa.js";
 import * as Yup from "yup";
-import { u as useFormAddEdit } from "../../../../hooks/useFormAddEdit/index.aa9cc210.js";
-import { u as useMapStore, C as CommonFeatureRender, G as GPS_TOOLS_POPUP_ID } from "../Map/index.14ce256b.js";
-import { D as DataGrid } from "../../../DataGrid/index.58b8d903.js";
+import { u as useFormAddEdit } from "../../../../hooks/useFormAddEdit/index.a9d5298d.js";
+import { u as useMapStore, C as CommonFeatureRender, G as GPS_TOOLS_POPUP_ID } from "../Map/index.4308fef5.js";
+import { D as DataGrid } from "../../../DataGrid/index.83acf2ec.js";
 const COMPONENT_CLASS_NAME = "M4LMapGpsTools";
 const COMPONENT_MAP_TOOLS_ID = "gps_tools";
 const STYLE_OPACITIES = [

package/components/maps/components/Map/{index.14ce256b.js → index.4308fef5.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.c7fab394.js";
-import { B as Button } from "../../../mui_extended/Button/index.9c6c173c.js";
+import { A as Actions } from "../../../CommonActions/components/Actions/index.7ddd8fed.js";
+import { B as Button } from "../../../mui_extended/Button/index.ab6e0ce4.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.fb434e68.js";
-import { S as Stack } from "../../../mui_extended/Stack/index.b0690398.js";
-import { R as RHFormProvider } from "../../../../contexts/RHFormContext/index.19edaacb.js";
-import { I as IconButton } from "../../../mui_extended/IconButton/index.42efd85d.js";
+import { R as RHFAutocompleteAsync } from "../../../hook-form/RHFAutocompleteAsync/index.9dcde1ca.js";
+import { S as Stack } from "../../../mui_extended/Stack/index.5c75c025.js";
+import { R as RHFormProvider } from "../../../../contexts/RHFormContext/index.390245ca.js";
+import { I as IconButton } from "../../../mui_extended/IconButton/index.f0c09b00.js";
 import { u as usePopupsStore, P as PopupsProvider } from "../../../popups/PopupsProvider/index.776c62e7.js";
-import { T as ToggleIconButton } from "../../../mui_extended/ToggleIconButton/index.7635e223.js";
-import { D as DataGrid } from "../../../DataGrid/index.58b8d903.js";
+import { T as ToggleIconButton } from "../../../mui_extended/ToggleIconButton/index.2e766f5c.js";
+import { D as DataGrid } from "../../../DataGrid/index.83acf2ec.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.89dba21c.js";
+import { I as Icon, M as MarkerIconLabel } from "../../../Icon/index.e79efafa.js";
 import { u as useStateRef } from "../../../../hooks/useStateRef/index.538edb89.js";
-import { C as CheckBox } from "../../../mui_extended/CheckBox.9d43398b.js";
-import { P as Popover } from "../../../mui_extended/Popover/index.58f8522b.js";
-import { P as PopupsViewer } from "../../../popups/PopupsViewer/index.eaa54c6c.js";
+import { C as CheckBox } from "../../../mui_extended/CheckBox.e80fe5f3.js";
+import { P as Popover } from "../../../mui_extended/Popover/index.b0bfd9c7.js";
+import { P as PopupsViewer } from "../../../popups/PopupsViewer/index.ea8cf50a.js";
 import { createPathComponent } from "@react-leaflet/core";
 import "leaflet.markercluster";
 import { cloneDeep, throttle } from "lodash";

package/components/modal/{WindowBase.a6654e8c.js → WindowBase.36d9a627.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.89dba21c.js";
-import { I as IconButton } from "../mui_extended/IconButton/index.42efd85d.js";
-import { u as useModal } from "../../hooks/useModal/index.a2a50f01.js";
+import { I as Icon } from "../Icon/index.e79efafa.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.f0c09b00.js";
+import { u as useModal } from "../../hooks/useModal/index.a9bf26b8.js";
 const Header = (props) => {
   const { title, onClickCancel, urlIcon, classes } = props;
   const { host_static_assets, environment_assets } = useEnvironment();

package/components/modal/{WindowConfirm.38a79eee.js → WindowConfirm.402ad54e.js}

@@ -1,13 +1,13 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { A as Actions } from "../CommonActions/components/Actions/index.c7fab394.js";
+import { A as Actions } from "../CommonActions/components/Actions/index.7ddd8fed.js";
 import { Typography } from "@mui/material";
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
-import { u as useModal } from "../../hooks/useModal/index.a2a50f01.js";
-import { I as Image } from "../Image/index.94949e55.js";
+import { u as useModal } from "../../hooks/useModal/index.a9bf26b8.js";
+import { I as Image } from "../Image/index.27d3bf2a.js";
 import { m as modalUtilityClasses } from "./index.81eb6def.js";
-import { W as WindowBase } from "./WindowBase.a6654e8c.js";
-import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.f6c15443.js";
-import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.73b33789.js";
+import { W as WindowBase } from "./WindowBase.36d9a627.js";
+import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.c9aae474.js";
+import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.606f6965.js";
 const dictionary = {
   MESSAGE: "common_actions.confirm_quit_msg"
 };