@m4l/components 1.0.7 → 1.0.8

package/components/hook-form/RHFTextField/{index.51fca2b2.js → index.2b2632c1.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.d6e94af1.js";
+import { I as IconButton } from "../../mui_extended/IconButton/index.fd8a76af.js";
 import { useFormContext, Controller } from "react-hook-form";
 import { styled } from "@mui/material/styles";
-import { T as TEST_PROP_ID } from "../../areas/constants.630a4f42.js";
+import { T as TEST_PROP_ID } from "../../areas/constants.0d3ba950.js";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../../utils/index.0660ee9c.js";
-import { H as HelperText } from "../../HelperText/index.651a9b4b.js";
+import { g as getComponentUtilityClass } from "../../../utils/index.c64c2dd1.js";
+import { H as HelperText } from "../../HelperText/index.ebb53dac.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
-import { c as useFormFocus } from "../../../vendor.fc11ba1a.js";
-import { F as FieldLabel } from "../../FieldLabel/index.b4e9c18c.js";
+import { c as useFormFocus } from "../../../vendor.f1f6f92c.js";
+import { F as FieldLabel } from "../../FieldLabel/index.5d964cbd.js";
 const SkeletonTextFieldRoot = styled("div")(() => ({
   display: "flex",
   flexDirection: "column",

package/components/hook-form/RHFUpload/{index.1c48cd8d.js → index.f1cfc225.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.a3e64dcd.js";
+import { I as Image } from "../../Image/index.01f0cdca.js";
 import { useEnvironment, useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { styled } from "@mui/material/styles";
 import { Skeleton, generateUtilityClasses, generateUtilityClass, styled as styled$1 } from "@mui/material";
-import { T as TEST_PROP_ID } from "../../areas/constants.630a4f42.js";
+import { T as TEST_PROP_ID } from "../../areas/constants.0d3ba950.js";
 import { unstable_composeClasses } from "@mui/base";
-import { T as Typography } from "../../mui_extended/Typography/index.2a1c68f8.js";
-import { B as Button } from "../../mui_extended/Button/index.9c53e7ad.js";
-import { H as HelperText } from "../../HelperText/index.651a9b4b.js";
+import { T as Typography } from "../../mui_extended/Typography/index.463f613f.js";
+import { B as Button } from "../../mui_extended/Button/index.84b7159a.js";
+import { H as HelperText } from "../../HelperText/index.ebb53dac.js";
 const UploadImageRoot = styled("div")(({ theme }) => ({
   ...theme.components?.M4LRHFUploadImage?.styleOverrides
 }));

package/components/maps/components/GpsTools/{index.50942c36.js → index.72796708.js}

@@ -7,12 +7,12 @@ import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { devtools } from "zustand/middleware";
 import { immer } from "zustand/middleware/immer";
 import { enableMapSet } from "immer";
-import { u as useMapStore, C as CommonFeatureRender } from "../../index.b4317695.js";
-import { G as GeofencesFeaturesLayers, T as TabsGpsTools } from "../../../mui_extended/Tab/index.14641316.js";
+import { u as useMapStore, C as CommonFeatureRender } from "../../index.00de5f7b.js";
+import { G as GeofencesFeaturesLayers, T as TabsGpsTools } from "../../../mui_extended/Tab/index.243402a1.js";
 import { styled } from "@mui/material/styles";
 import { generateUtilityClasses } from "@mui/material";
 import "@mui/base";
-import { _ as COMPONENT_CLASS_NAME, M as MAP_ZINDEX_OVER_MAP } from "../../../areas/constants.630a4f42.js";
+import { _ as COMPONENT_CLASS_NAME, M as MAP_ZINDEX_OVER_MAP } from "../../../areas/constants.0d3ba950.js";
 enableMapSet();
 const createGpsToolsStore = (initProps) => {
   const startProps = {

package/components/maps/{index.b4317695.js → index.00de5f7b.js}

@@ -9,20 +9,20 @@ import { createPortal } from "react-dom";
 import { useModuleDictionary, useModuleSkeleton, useEnvironment } from "@m4l/core";
 import clsx from "clsx";
 import { useFormContext, useWatch } from "react-hook-form";
-import { M as MAP_DICCTIONARY } from "../areas/dictionary.f7ba553d.js";
-import { A as Actions } from "../../vendor.fc11ba1a.js";
-import { B as Button, Z as ZoomButtons } from "../mui_extended/Button/index.9c53e7ad.js";
+import { M as MAP_DICCTIONARY } from "../areas/dictionary.5fa9b201.js";
+import { A as Actions } from "../CommonActions/index.9d9c7d2d.js";
+import { B as Button, Z as ZoomButtons } from "../mui_extended/Button/index.84b7159a.js";
 import * as Yup from "yup";
-import { $ as COMPONENT_CLASS_NAME, a0 as STYLE_MEASURE_OPTIONS, a1 as MAP_ZINDEX_DEFAULT, a2 as INITIAL_FORM_VALUES, a3 as GPS_TOOLS_POPUP_DEFAULT_POSITION, a4 as MESURE_POPUP_DEFAULT_POSITION, a5 as TIME_DOUBLE_CLICK, a6 as MARKER_COLOR_DEFAULT, L as LABEL_BK_COLOR_DEFAULT, t as LABEL_COLOR_DEFAULT, a7 as SVG_ICON_DEFAULT } from "../areas/constants.630a4f42.js";
+import { $ as COMPONENT_CLASS_NAME, a0 as STYLE_MEASURE_OPTIONS, a1 as MAP_ZINDEX_DEFAULT, a2 as INITIAL_FORM_VALUES, a3 as GPS_TOOLS_POPUP_DEFAULT_POSITION, a4 as MESURE_POPUP_DEFAULT_POSITION, a5 as TIME_DOUBLE_CLICK, a6 as MARKER_COLOR_DEFAULT, L as LABEL_BK_COLOR_DEFAULT, t as LABEL_COLOR_DEFAULT, a7 as SVG_ICON_DEFAULT } from "../areas/constants.0d3ba950.js";
 import { u as useFormReadyForUpdate } from "../../hooks/useFormReadyForUpdate/index.f60f500e.js";
-import { R as RHFAutocompleteAsync } from "../hook-form/RHFAutocompleteAsync/index.0aa27d6f.js";
+import { R as RHFAutocompleteAsync } from "../hook-form/RHFAutocompleteAsync/index.29408b18.js";
 import { S as Stack } from "../mui_extended/Stack/index.fe363ca5.js";
-import { R as RHFormProvider } from "../../contexts/RHFormContext/index.e942a298.js";
+import { R as RHFormProvider } from "../../contexts/RHFormContext/index.95ebabc9.js";
 import { M as MAP_ICONS } from "../areas/icons.504ec098.js";
-import { u as usePopupsStore, P as PopupsProvider } from "../popups/PopupsProvider/index.e3f8ce5d.js";
-import { T as ToggleIconButton } from "../mui_extended/ToggleIconButton/index.540a46b2.js";
-import { T as TILE_LAYER_OSM, c as TILE_LAYER_GOOGLE, d as TILE_LAYER_GOOGLE_SATELLITE, e as TILE_LAYER_GOOGLE_HYBRID, f as TILE_LAYER_BING, L as LayersButton } from "../mui_extended/Popover/index.99fe777c.js";
-import { P as PopupsViewer } from "../popups/PopupsViewer/index.077e47cd.js";
+import { u as usePopupsStore, P as PopupsProvider } from "../popups/PopupsProvider/index.5d90b31f.js";
+import { T as ToggleIconButton } from "../mui_extended/ToggleIconButton/index.f74a798e.js";
+import { T as TILE_LAYER_OSM, c as TILE_LAYER_GOOGLE, d as TILE_LAYER_GOOGLE_SATELLITE, e as TILE_LAYER_GOOGLE_HYBRID, f as TILE_LAYER_BING, L as LayersButton } from "../mui_extended/Popover/index.2e637571.js";
+import { P as PopupsViewer } from "../popups/PopupsViewer/index.b6a68e24.js";
 import { createPathComponent } from "@react-leaflet/core";
 import "leaflet.markercluster";
 import { cloneDeep, throttle } from "lodash";
@@ -34,8 +34,8 @@ import { devtools } from "zustand/middleware";
 import { immer } from "zustand/middleware/immer";
 import { generateUtilityClasses } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../utils/index.0660ee9c.js";
-import { M as MarkerIconLabel } from "../Icon/index.0e4bc1c2.js";
+import { g as getComponentUtilityClass } from "../../utils/index.c64c2dd1.js";
+import { M as MarkerIconLabel } from "../Icon/index.3887ef2f.js";
 import "leaflet-polylinedecorator";
 const updateOwnerStateClasses = (_state) => {
 };

package/components/modal/{WindowBase.27baa3c5.js → WindowBase.6140e216.js}

@@ -1,10 +1,10 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { m as modalUtilityClasses } from "./index.7ca17f55.js";
+import { m as modalUtilityClasses } from "./index.5bce430d.js";
 import { useEnvironment } from "@m4l/core";
 import clsx from "clsx";
-import { I as IconButton } from "../mui_extended/IconButton/index.d6e94af1.js";
-import { I as Icon } from "../Icon/index.0e4bc1c2.js";
-import { u as useModal } from "../../hooks/useModal/index.898c7559.js";
+import { I as Icon } from "../Icon/index.3887ef2f.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.fd8a76af.js";
+import { u as useModal } from "../../hooks/useModal/index.167828d6.js";
 const Header = (props) => {
   const { title, onClickCancel, urlIcon, classes } = props;
   const { host_static_assets, environment_assets } = useEnvironment();

package/components/modal/{WindowConfirm.4ef45869.js → WindowConfirm.a8f65450.js}

@@ -1,12 +1,12 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { A as Actions, d as ActionCancel, e as ActionIntro } from "../../vendor.fc11ba1a.js";
+import { A as Actions, a as ActionCancel, b as ActionIntro } from "../CommonActions/index.9d9c7d2d.js";
 import { Typography } from "@mui/material";
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
-import { f as dictionary } from "../areas/dictionary.f7ba553d.js";
-import { u as useModal } from "../../hooks/useModal/index.898c7559.js";
-import { I as Image } from "../Image/index.a3e64dcd.js";
-import { m as modalUtilityClasses } from "./index.7ca17f55.js";
-import { W as WindowBase } from "./WindowBase.27baa3c5.js";
+import { f as dictionary } from "../areas/dictionary.5fa9b201.js";
+import { u as useModal } from "../../hooks/useModal/index.167828d6.js";
+import { I as Image } from "../Image/index.01f0cdca.js";
+import { m as modalUtilityClasses } from "./index.5bce430d.js";
+import { W as WindowBase } from "./WindowBase.6140e216.js";
 const MessageIlustration = (props) => {
   const { getLabel } = useModuleDictionary();
   const { variant } = useModal();

package/components/modal/{index.7ca17f55.js → index.5bce430d.js}

@@ -1,6 +1,6 @@
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { a8 as componentName } from "../areas/constants.630a4f42.js";
+import { a8 as componentName } from "../areas/constants.0d3ba950.js";
 generateUtilityClasses(componentName, [
   "root",
   "windowBaseRoot",

package/components/mui_extended/Accordion/{index.c50787bf.js → index.c91a6f3d.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.d6e94af1.js";
+import { I as IconButton } from "../IconButton/index.fd8a76af.js";
 import { useEnvironment } from "@m4l/core";
 import { unstable_composeClasses } from "@mui/base";
 import { styled } from "@mui/material/styles";
 import clsx from "clsx";
-import { T as TEST_PROP_ID } from "../../areas/constants.630a4f42.js";
+import { T as TEST_PROP_ID } from "../../areas/constants.0d3ba950.js";
 import { a as getNameDataTestId } from "../../../test/getNameDataTestId.aee44365.js";
-import { I as Icon } from "../../Icon/index.0e4bc1c2.js";
-import { T as Typography } from "../Typography/index.2a1c68f8.js";
+import { I as Icon } from "../../Icon/index.3887ef2f.js";
+import { T as Typography } from "../Typography/index.463f613f.js";
 const componentName = "M4LAccordion";
 generateUtilityClasses(componentName, [
   "root",

package/components/mui_extended/Avatar/{index.3ba36655.js → index.12b96914.js}

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { Skeleton, generateUtilityClasses, generateUtilityClass, styled, Avatar as Avatar$1 } from "@mui/material";
 import { useModuleSkeleton } from "@m4l/core";
-import { T as TEST_PROP_ID } from "../../areas/constants.630a4f42.js";
+import { T as TEST_PROP_ID } from "../../areas/constants.0d3ba950.js";
 import { unstable_composeClasses } from "@mui/base";
 import clsx from "clsx";
 const AVATAR_PREFIX = "M4LAvatar";

package/components/mui_extended/Badge/{index.3465d7fb.js → index.4737c113.js}

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { generateUtilityClasses, Badge as Badge$1 } from "@mui/material";
 import "@mui/base";
 import { styled } from "@mui/material/styles";
-import { T as TEST_PROP_ID } from "../../areas/constants.630a4f42.js";
+import { T as TEST_PROP_ID } from "../../areas/constants.0d3ba950.js";
 const componentName = "M4LBadge";
 const badgeClasses = generateUtilityClasses(componentName, [
   "root"

package/components/mui_extended/Button/{index.9c53e7ad.js → index.84b7159a.js}

@@ -6,15 +6,15 @@ import { styled } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
 import clsx from "clsx";
 import { useMemo, useState, useEffect } from "react";
-import { I as Image } from "../../Image/index.a3e64dcd.js";
-import { T as TEST_PROP_ID } from "../../areas/constants.630a4f42.js";
+import { I as Image } from "../../Image/index.01f0cdca.js";
+import { T as TEST_PROP_ID } from "../../areas/constants.0d3ba950.js";
 import { LoadingButton as LoadingButton$1 } from "@mui/lab";
-import { T as Typography } from "../Typography/index.2a1c68f8.js";
+import { T as Typography } from "../Typography/index.463f613f.js";
 import { useMap } from "react-leaflet";
 import { M as MAP_ICONS } from "../../areas/icons.504ec098.js";
-import { m as mapClasses } from "../../maps/index.b4317695.js";
-import { I as IconButton$1 } from "../IconButton/index.d6e94af1.js";
-import { u as useSideBar, g as getNameDataTestId$2 } from "../../SideBar/index.a0a2ae27.js";
+import { m as mapClasses } from "../../maps/index.00de5f7b.js";
+import { I as IconButton$1 } from "../IconButton/index.fd8a76af.js";
+import { u as useSideBar, g as getNameDataTestId$2 } from "../../SideBar/index.8ba746a8.js";
 const ButtonRoot = styled("div")(({ theme }) => ({
   ...theme.components?.M4LButton?.styleOverrides
 }));

package/components/mui_extended/CheckBox/{index.902aff74.js → index.b1f18922.js}

@@ -5,7 +5,7 @@ import { useResponsiveDesktop } from "@m4l/graphics";
 import { unstable_composeClasses } from "@mui/base";
 import { useModuleSkeleton } from "@m4l/core";
 import { forwardRef } from "react";
-import { F as FieldLabel } from "../../FieldLabel/index.b4e9c18c.js";
+import { F as FieldLabel } from "../../FieldLabel/index.5d964cbd.js";
 const COMPONENT_CLASS_NAME = "M4LCheckBox";
 generateUtilityClasses(COMPONENT_CLASS_NAME, [
   "root",

package/components/mui_extended/IconButton/index.d.ts

@@ -1,2 +1 @@
 export * from './IconButton';
-export * from './types';

package/components/mui_extended/IconButton/{index.d6e94af1.js → index.fd8a76af.js}

@@ -2,7 +2,7 @@ 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.0e4bc1c2.js";
+import { I as Icon } from "../../Icon/index.3887ef2f.js";
 import { styled } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
 import clsx from "clsx";

package/components/mui_extended/LinearProgress/{index.52edc848.js → index.e9455b2e.js}

@@ -2,8 +2,8 @@ import { jsx } from "react/jsx-runtime";
 import { LinearProgress as LinearProgress$1, generateUtilityClasses, styled } from "@mui/material";
 import clsx from "clsx";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../../utils/index.0660ee9c.js";
-import { T as TEST_PROP_ID } from "../../areas/constants.630a4f42.js";
+import { g as getComponentUtilityClass } from "../../../utils/index.c64c2dd1.js";
+import { T as TEST_PROP_ID } from "../../areas/constants.0d3ba950.js";
 const LinearProgress = (props) => {
   const { ...other } = props;
   return /* @__PURE__ */ jsx(LinearProgress$1, { ...other });

package/components/mui_extended/Pager/{index.9293ab27.js → index.fba94d09.js}

@@ -3,13 +3,13 @@ import { useMemo } from "react";
 import { styled } from "@mui/material/styles";
 import { generateUtilityClasses, generateUtilityClass, useTheme, Select, InputBase, MenuItem } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { I as IconButton } from "../IconButton/index.d6e94af1.js";
+import { I as IconButton } from "../IconButton/index.fd8a76af.js";
 import { useEnvironment, useBase } from "@m4l/core";
 import { useResponsiveContainerStore } from "@m4l/graphics";
 import { shallow } from "zustand/shallow";
-import { T as Typography } from "../Typography/index.2a1c68f8.js";
-import { I as Icon } from "../../Icon/index.0e4bc1c2.js";
-import { c as classes } from "../../PrintingSystem/index.8bfc836d.js";
+import { T as Typography } from "../Typography/index.463f613f.js";
+import { I as Icon } from "../../Icon/index.3887ef2f.js";
+import { c as classes } from "../../PrintingSystem/index.986a7f36.js";
 import clsx from "clsx";
 const PagerRoot = styled("div")(({ theme }) => ({
   ...theme.components?.M4LPager?.styleOverrides

package/components/mui_extended/Popover/{index.99fe777c.js → index.2e637571.js}

@@ -1,26 +1,27 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { u as useDynamicFilterStore, P as PopoverMenuStyled, a as PopoverMenuItemStyled, b as PopoverMenuItemIconStyled, c as PopoverMenuItemLabelStyled, f as fieldFactory, d as PopoverStyled, e as PopoverHeaderStyled, g as PopoverHeaderIconStyled, h as PopoverHeaderTitleStyled, i as PopoverContainerFieldsStyled, j as DataTypeComponent, k as PopoverHeaderActionsStyled } from "../../DynamicFilter/index.b56ee9d3.js";
+import { u as useDynamicFilterStore, P as PopoverMenuStyled, a as PopoverMenuItemStyled, b as PopoverMenuItemIconStyled, c as PopoverMenuItemLabelStyled, f as fieldFactory, d as PopoverStyled, e as PopoverHeaderStyled, g as PopoverHeaderIconStyled, h as PopoverHeaderTitleStyled, i as PopoverContainerFieldsStyled, j as DataTypeComponent, k as PopoverHeaderActionsStyled } from "../../DynamicFilter/index.b79e3e3f.js";
 import { useModuleDictionary, useEnvironment, useNetwork, useModulePrivileges } from "@m4l/core";
 import React__default, { useRef, useMemo, useCallback, useState, useEffect } from "react";
-import { R as RHFormProvider } from "../../../contexts/RHFormContext/index.e942a298.js";
-import { d as ActionCancel, e as ActionIntro, C as ColumnSetCheckFormatter, a as DataGrid } from "../../../vendor.fc11ba1a.js";
-import { Popover as Popover$1, generateUtilityClasses, generateUtilityClass, styled as styled$1, Stack, MenuItem, Tooltip, FormControl, RadioGroup, FormControlLabel, Radio, useTheme } from "@mui/material";
-import { I as Image } from "../../Image/index.a3e64dcd.js";
+import { R as RHFormProvider } from "../../../contexts/RHFormContext/index.95ebabc9.js";
+import { a as ActionCancel, b as ActionIntro } from "../../CommonActions/index.9d9c7d2d.js";
+import { Popover as Popover$1, generateUtilityClasses, generateUtilityClass, Stack, MenuItem, Tooltip, FormControl, RadioGroup, FormControlLabel, Radio, useTheme } from "@mui/material";
+import { I as Image } from "../../Image/index.01f0cdca.js";
 import { useLocales } from "@m4l/graphics";
 import { styled } from "@mui/material/styles";
-import { I as ImageButton } from "../Button/index.9c53e7ad.js";
+import { I as ImageButton } from "../Button/index.84b7159a.js";
 import { unstable_composeClasses } from "@mui/base";
-import { T as TEST_PROP_ID } from "../../areas/constants.630a4f42.js";
+import { T as TEST_PROP_ID } from "../../areas/constants.0d3ba950.js";
 import { C as CircularProgress } from "../CircularProgress/index.967e70b7.js";
-import { M as MAP_DICCTIONARY } from "../../areas/dictionary.f7ba553d.js";
+import { M as MAP_DICCTIONARY } from "../../areas/dictionary.5fa9b201.js";
 import { M as MAP_ICONS } from "../../areas/icons.504ec098.js";
+import { C as ColumnSetCheckFormatter, a as DataGrid } from "../../../vendor.f1f6f92c.js";
 import { shallow } from "zustand/shallow";
-import { I as Icon } from "../../Icon/index.0e4bc1c2.js";
-import { u as useMapStore, a as useDisableZoomEvents, m as mapClasses } from "../../maps/index.b4317695.js";
+import { I as Icon } from "../../Icon/index.3887ef2f.js";
+import { u as useMapStore, a as useDisableZoomEvents, m as mapClasses } from "../../maps/index.00de5f7b.js";
 import { u as useStateRef } from "../../../hooks/useStateRef/index.538edb89.js";
 import clsx from "clsx";
-import { C as CheckBox } from "../CheckBox/index.902aff74.js";
-import { I as IconButton } from "../IconButton/index.d6e94af1.js";
+import { C as CheckBox } from "../CheckBox/index.b1f18922.js";
+import { I as IconButton } from "../IconButton/index.fd8a76af.js";
 const PopoverRoot = styled(Popover$1)(({ theme }) => ({
   ...theme.components?.M4LPopover?.styleOverrides
 }));
@@ -68,7 +69,7 @@ const useUtilityClasses$1 = (ownerState) => {
     ...composedClasses
   };
 };
-const ArrowStyle = styled$1("span")(({ arrowType, theme }) => {
+const ArrowStyle = styled("span")(({ arrowType, theme }) => {
   const SIZE = 12;
   const POSITION = -(SIZE / 2);
   const borderStyle = `solid 1px ${theme.vars.palette.state.borderDens}`;

package/components/mui_extended/Popover/index.d.ts

@@ -0,0 +1 @@
+export * from './Popover';

package/components/mui_extended/Popover/subcomponts/ArrowIcon/index.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { ArrowStyleProps } from '../../types';
-export declare const ArrowStyle: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & ArrowStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const ArrowStyle: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & ArrowStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

package/components/mui_extended/Tab/{index.14641316.js → index.243402a1.js}

@@ -4,40 +4,41 @@ import { u as useRowSelection, S as SelectCellFormatter, H as HeaderRenderer, D
 import { useDrag, useDrop, DndProvider } from "react-dnd";
 import { HTML5Backend } from "react-dnd-html5-backend";
 import { generateUtilityClasses, generateUtilityClass, styled, Tabs as Tabs$1, Tab as Tab$1, Skeleton, SvgIcon, Checkbox, InputBase, useTheme } from "@mui/material";
-import { f as useDataGrid, g as useFilters, M as MenuActions, h as ColumnDateFormatter, A as Actions, i as ActionFormIntro, R as RHFAutocomplete, a as DataGrid } from "../../../vendor.fc11ba1a.js";
-import { T as TEST_PROP_ID, a9 as DATAGRID_SELECT_COLUMN_KEY, aa as DATAGRID_ACTIONS_COLUMN_KEY, ab as COMPONENT_MAP_TOOLS_ID, ac as STYLE_OPACITIES, ad as STYLE_WHEIGHTS, ae as STYLE_PATTERNS } from "../../areas/constants.630a4f42.js";
+import { d as useDataGrid, e as useFilters, M as MenuActions, f as ColumnDateFormatter, R as RHFAutocomplete, a as DataGrid } from "../../../vendor.f1f6f92c.js";
+import { T as TEST_PROP_ID, a9 as DATAGRID_SELECT_COLUMN_KEY, aa as DATAGRID_ACTIONS_COLUMN_KEY, ab as COMPONENT_MAP_TOOLS_ID, ac as STYLE_OPACITIES, ad as STYLE_WHEIGHTS, ae as STYLE_PATTERNS } from "../../areas/constants.0d3ba950.js";
 import { useModuleSkeleton, useModuleDictionary, getPropertyByString, useEnvironment, useHostTools, useNetwork, useModulePrivileges, usePaginate } from "@m4l/core";
-import { M as MAP_DICCTIONARY } from "../../areas/dictionary.f7ba553d.js";
-import { u as useGpsToolsStore, g as gpsToolsClasses, a as useLayers, D as DivGpsToolsRoot } from "../../maps/components/GpsTools/index.50942c36.js";
+import { M as MAP_DICCTIONARY } from "../../areas/dictionary.5fa9b201.js";
+import { u as useGpsToolsStore, g as gpsToolsClasses, a as useLayers, D as DivGpsToolsRoot } from "../../maps/components/GpsTools/index.72796708.js";
 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 { G as GPSTOOLSICONS } from "../../areas/icons.504ec098.js";
-import { D as DynamicFilter } from "../../DynamicFilter/index.b56ee9d3.js";
+import { D as DynamicFilter } from "../../DynamicFilter/index.b79e3e3f.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { useFormContext, useWatch } from "react-hook-form";
-import { H as HelperError } from "../../hook-form/HelperError/index.fd10c3ab.js";
-import { u as usePopupsStore } from "../../popups/PopupsProvider/index.e3f8ce5d.js";
-import { B as Button } from "../Button/index.9c53e7ad.js";
+import { H as HelperError } from "../../hook-form/HelperError/index.2ed03a3c.js";
+import { u as usePopupsStore } from "../../popups/PopupsProvider/index.5d90b31f.js";
+import { A as Actions, c as ActionFormIntro } from "../../CommonActions/index.9d9c7d2d.js";
+import { B as Button } from "../Button/index.84b7159a.js";
 import { useMap } from "react-leaflet";
 import { u as useFormReadyForUpdate } from "../../../hooks/useFormReadyForUpdate/index.f60f500e.js";
 import * as L from "leaflet";
-import { P as PaperForm } from "../../PaperForm/index.ca9e19ab.js";
-import { R as RHFTextField } from "../../hook-form/RHFTextField/index.51fca2b2.js";
+import { P as PaperForm } from "../../PaperForm/index.9aee22a8.js";
+import { R as RHFTextField } from "../../hook-form/RHFTextField/index.2b2632c1.js";
 import { S as Stack } from "../Stack/index.fe363ca5.js";
-import { P as PropertyValue } from "../../PropertyValue/index.7e4bce22.js";
-import { R as RHFColorPicker } from "../../hook-form/RHFColorPicker/index.2891deae.js";
+import { P as PropertyValue } from "../../PropertyValue/index.d371ce09.js";
+import { R as RHFColorPicker } from "../../hook-form/RHFColorPicker/index.451c6787.js";
 import { unstable_composeClasses } from "@mui/base";
 import { styled as styled$1 } from "@mui/material/styles";
 import { a as getNameDataTestId } from "../../../test/getNameDataTestId.aee44365.js";
 import { T as Tooltip } from "../Tooltip/index.49bb5ee1.js";
 import * as Yup from "yup";
-import { R as RHFormProvider } from "../../../contexts/RHFormContext/index.e942a298.js";
-import { u as useFormAddEdit } from "../../../hooks/useFormAddEdit/index.3cd8d179.js";
-import { u as useModal } from "../../../hooks/useModal/index.898c7559.js";
-import { W as WindowConfirm } from "../../modal/WindowConfirm.4ef45869.js";
-import { u as useMapStore } from "../../maps/index.b4317695.js";
+import { R as RHFormProvider } from "../../../contexts/RHFormContext/index.95ebabc9.js";
+import { u as useFormAddEdit } from "../../../hooks/useFormAddEdit/index.ca90cd13.js";
+import { u as useModal } from "../../../hooks/useModal/index.167828d6.js";
+import { W as WindowConfirm } from "../../modal/WindowConfirm.a8f65450.js";
+import { u as useMapStore } from "../../maps/index.00de5f7b.js";
 const componentName$2 = "M4LTabs";
 generateUtilityClasses(componentName$2, [
   "root"

package/components/mui_extended/ToggleButton/{index.393e624f.js → index.aeb04226.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.9c53e7ad.js";
+import { B as Button, b as buttonClasses } from "../Button/index.84b7159a.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.540a46b2.js → index.f74a798e.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.d6e94af1.js";
+import { I as IconButton, i as iconButtonClasses } from "../IconButton/index.fd8a76af.js";
 import { w as withToggle } from "../../../hocs/withToggle/index.548aeace.js";
 const ToggleAbleIconButton = ({
   onToggle,

package/components/mui_extended/ToggleIconButton/types.d.ts

@@ -1,4 +1,4 @@
 import { ToggleableProps } from '../../../hocs/withToggle/types';
-import { IconButtonProps } from '../IconButton';
+import { IconButtonProps } from '../IconButton/types';
 export interface ToggleIconButtonProps extends Omit<IconButtonProps, 'onClick'>, ToggleableProps {
 }

package/components/mui_extended/Typography/{index.2a1c68f8.js → index.463f613f.js}

@@ -4,7 +4,7 @@ import { Skeleton, generateUtilityClasses, generateUtilityClass, Typography as T
 import { styled } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
 import clsx from "clsx";
-import { T as TEST_PROP_ID } from "../../areas/constants.630a4f42.js";
+import { T as TEST_PROP_ID } from "../../areas/constants.0d3ba950.js";
 const WarpperTypography = styled("div")(({ theme }) => ({
   ...theme.components?.M4LTypography?.styleOverrides
 }));

package/components/mui_extended/index.d.ts

@@ -8,14 +8,14 @@ export * from './Button/Button';
 export * from './CheckBox';
 export { CircularProgress } from './CircularProgress';
 export { Badge } from './Badge';
-export * from './IconButton/IconButton';
+export * from './IconButton';
 export * from './ImageButton/ImageButton';
 export { LinearProgress } from './LinearProgress';
 export { LinkWithRoute } from './LinkWithRoute';
 export { LoadingButton } from './LoadingButton';
 export { MenuActions } from './MenuActions';
 export type { MenuAction, ComponentActionProps } from './MenuActions/types';
-export * from './Popover/Popover';
+export * from './Popover';
 export * from './Stack';
 export * from './Tabs';
 export * from './TabContent';

package/components/popups/PopupsProvider/{index.e3f8ce5d.js → index.5d90b31f.js}

@@ -6,7 +6,7 @@ import { useResponsiveDesktop, useFirstRender } from "@m4l/graphics";
 import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { devtools } from "zustand/middleware";
 import { immer } from "zustand/middleware/immer";
-import { p as popupsUtilityClasses } from "../PopupsViewer/index.077e47cd.js";
+import { p as popupsUtilityClasses } from "../PopupsViewer/index.b6a68e24.js";
 import { cloneDeep } from "lodash";
 const updateOwnerStateClasses = (state) => {
   state.classes = popupsUtilityClasses(state.ownerState);

package/components/popups/PopupsViewer/{index.077e47cd.js → index.b6a68e24.js}

@@ -4,14 +4,14 @@ import { shallow } from "zustand/shallow";
 import { useState, useRef } from "react";
 import clsx from "clsx";
 import { useEnvironment } from "@m4l/core";
-import { u as usePopupsStore } from "../PopupsProvider/index.e3f8ce5d.js";
+import { u as usePopupsStore } from "../PopupsProvider/index.5d90b31f.js";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { af as COMPONENT_CLASS_NAME } from "../../areas/constants.630a4f42.js";
+import { af as COMPONENT_CLASS_NAME } from "../../areas/constants.0d3ba950.js";
 import { P as POPUPS_ICONS } from "../../areas/icons.504ec098.js";
-import { d as draggableWindowClasses, D as DragResizeWindow } from "../../DragResizeWindow/index.5e316291.js";
-import { I as Icon } from "../../Icon/index.0e4bc1c2.js";
-import { I as IconButton } from "../../mui_extended/IconButton/index.d6e94af1.js";
+import { d as draggableWindowClasses, D as DragResizeWindow } from "../../DragResizeWindow/index.8b3e79f7.js";
+import { I as Icon } from "../../Icon/index.3887ef2f.js";
+import { I as IconButton } from "../../mui_extended/IconButton/index.fd8a76af.js";
 import { u as useSizeContainer } from "../../../hooks/useSizeContainer/index.3c48670c.js";
 import { styled } from "@mui/material/styles";
 const popupsClasses = generateUtilityClasses(COMPONENT_CLASS_NAME, [

package/contexts/ModalContext/{index.4956950f.js → index.a166538d.js}

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { createContext, useState } from "react";
-import { M as ModalDialog } from "../../components/ModalDialog/index.7e584b4c.js";
+import { M as ModalDialog } from "../../components/ModalDialog/index.5c9ce220.js";
 const ModalContext = createContext(null);
 function ModalProvider({ children }) {
   const [modalOptions, setModalOptions] = useState({

package/contexts/RHFormContext/{index.e942a298.js → index.95ebabc9.js}

@@ -5,7 +5,7 @@ import { useForm, FormProvider } from "react-hook-form";
 import { yupResolver } from "@hookform/resolvers/yup";
 import { styled, generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { ag as componentName } from "../../components/areas/constants.630a4f42.js";
+import { ag as componentName } from "../../components/areas/constants.0d3ba950.js";
 const FormProviderRoot = styled("form")(({ theme }) => ({
   ...theme.components?.M4LRHFormProvider?.styleOverrides
 }));

package/hooks/useFormAddEdit/{index.3cd8d179.js → index.ca90cd13.js}

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import { useNetwork, useFlagsStore, useModuleDictionary } from "@m4l/core";
 import { useState, useEffect } from "react";
-import { u as useModal } from "../useModal/index.898c7559.js";
-import { W as WindowConfirm } from "../../components/modal/WindowConfirm.4ef45869.js";
+import { u as useModal } from "../useModal/index.167828d6.js";
+import { W as WindowConfirm } from "../../components/modal/WindowConfirm.a8f65450.js";
 function useFormAddEdit(props) {
   const {
     initialValues,

package/hooks/useModal/{index.898c7559.js → index.167828d6.js}

@@ -2,9 +2,10 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
 import { useIsMobile } from "@m4l/graphics";
 import { useContext, useRef, useCallback } from "react";
-import { f as useDataGrid, j as DataGridRoot, k as ColumnsConfig, A as Actions, d as ActionCancel, e as ActionIntro } from "../../vendor.fc11ba1a.js";
-import { M as ModalContext } from "../../contexts/ModalContext/index.4956950f.js";
-import { W as WindowBase } from "../../components/modal/WindowBase.27baa3c5.js";
+import { d as useDataGrid, g as DataGridRoot, h as ColumnsConfig } from "../../vendor.f1f6f92c.js";
+import { M as ModalContext } from "../../contexts/ModalContext/index.a166538d.js";
+import { W as WindowBase } from "../../components/modal/WindowBase.6140e216.js";
+import { A as Actions, a as ActionCancel, b as ActionIntro } from "../../components/CommonActions/index.9d9c7d2d.js";
 function useModal() {
   const context = useContext(ModalContext);
   if (!context)