@m4l/components 3.0.1 → 3.0.3

package/components/hook-form/RHFPeriod/{index-BicAIry0.js → index-BeUY33Fb.js}

@@ -1,13 +1,13 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { an as RHFPeriodRoot } from "../../../styles/index-Cc9p_h7i.js";
+import { an as RHFPeriodRoot } from "../../../styles/index-DITv2ClE.js";
 import { useFormContext, Controller } from "react-hook-form";
-import { H as HelperText } from "../../HelperText/index-COWCXeJp.js";
+import { H as HelperText } from "../../HelperText/index-D2yPRkGD.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-BpW2AGJx.js";
-import { P as Period } from "../../Period/index-DxijnNw6.js";
+import { F as FieldLabel } from "../../FieldLabel/index-uRWxFkWU.js";
+import { P as Period } from "../../Period/index-Dvul8haj.js";
 const componentName = "M4LRHFPeriod";
 generateUtilityClasses(componentName, [
   /* elements */

package/components/hook-form/RHFRadioGroup/{index-Di37rp0B.js → index-DCq9ErFn.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-CedboS6y.js";
+import { I as Icon } from "../../Icon/index-94Yiv115.js";
 function OptionIconLabelFormatter(option, getOptionLabel, getOptionIconUrl) {
   return /* @__PURE__ */ jsxs("div", { children: [
     /* @__PURE__ */ jsx(

package/components/hook-form/RHFTextField/{index-Cz7BMTLe.js → index-BcOjGk_X.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-BfDbi0cC.js";
+import { I as IconButton } from "../../mui_extended/IconButton/index-8KJAFQdk.js";
 import { useFormContext, Controller } from "react-hook-form";
-import { ao as SkeletonTextFieldRoot, ap as WrapperSkeletonRHFTextField, aq as RHFTextFieldRoot, ar as RHFTextFieldPasswordRoot } from "../../../styles/index-Cc9p_h7i.js";
+import { ao as SkeletonTextFieldRoot, ap as WrapperSkeletonRHFTextField, aq as RHFTextFieldRoot, ar as RHFTextFieldPasswordRoot } from "../../../styles/index-DITv2ClE.js";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock-CF-669v-.js";
 import { unstable_composeClasses } from "@mui/base";
 import { g as getComponentUtilityClass } from "../../../utils/index-DiMrtgIu.js";
-import { H as HelperText } from "../../HelperText/index-COWCXeJp.js";
+import { H as HelperText } from "../../HelperText/index-D2yPRkGD.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { useFormFocus } from "../../../index.js";
-import { F as FieldLabel } from "../../FieldLabel/index-BpW2AGJx.js";
+import { F as FieldLabel } from "../../FieldLabel/index-uRWxFkWU.js";
 const RHFTEXTFIELD_ROOT_TEST_ID = "RHFTextFieldRoot";
 const RHFTEXTFIELD_INPUT_TEST_ID = "RHFTextFieldInput";
 const RHFTEXTFIELD_PREFIX = "RHFTextField";

package/components/hook-form/RHFUpload/{index-D52JNxDh.js → index-B9Yv-1cI.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-B7FhR9uF.js";
+import { I as Image } from "../../Image/index-D0wxe0iA.js";
 import { useEnvironment, useModuleDictionary, useModuleSkeleton } from "@m4l/core";
-import { as as UploadImageRoot, at as WrapperRHFUploadImage } from "../../../styles/index-Cc9p_h7i.js";
+import { as as UploadImageRoot, at as WrapperRHFUploadImage } from "../../../styles/index-DITv2ClE.js";
 import { Skeleton, generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock-CF-669v-.js";
 import { unstable_composeClasses } from "@mui/base";
-import { T as Typography } from "../../mui_extended/Typography/index-DKPqV11f.js";
-import { B as Button } from "../../mui_extended/Button/index-DlzpoczE.js";
-import { H as HelperText } from "../../HelperText/index-COWCXeJp.js";
+import { T as Typography } from "../../mui_extended/Typography/index-DdbNIn5v.js";
+import { B as Button } from "../../mui_extended/Button/index-CeKWngaw.js";
+import { H as HelperText } from "../../HelperText/index-D2yPRkGD.js";
 const ICON_PREFIX = "M4LRHFUploadImage";
 const getNameRHFUploadImageDataTestId = (KEY) => {
   return `${ICON_PREFIX}-${KEY}`;

package/components/maps/components/GpsTools/{index-BP1dIwh6.js → index-CPthTXb6.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-Cc9p_h7i.js";
-import { D as DynamicFilter } from "../../../DynamicFilter/index-D2CmPq_i.js";
-import { C as ColumnIconFormatter } from "../../../DataGrid/formatters/index-B5SJg0Qq.js";
+import { au as RHFormProviderStyled, av as StackGeofenceListRoot, aw as DivTabGpsToolsRoot } from "../../../../styles/index-DITv2ClE.js";
+import { D as DynamicFilter } from "../../../DynamicFilter/index-ZWC-ymw6.js";
+import { C as ColumnIconFormatter } from "../../../DataGrid/formatters/index-CBg-w3uZ.js";
 import { C as ColumnDateFormatter } from "../../../DataGrid/formatters/ColumnDateFormatter/index-CKg8CJ6A.js";
 import { useResponsiveDesktop, useFirstRender } from "@m4l/graphics";
 import { useFormContext, useWatch, useFormState } from "react-hook-form";
-import { H as HelperError } from "../../../hook-form/HelperError/index-D-_czK9n.js";
-import { u as useModal } from "../../../../hooks/useModal/index-C9r1LQIz.js";
+import { H as HelperError } from "../../../hook-form/HelperError/index-B6yzmaGZ.js";
+import { u as useModal } from "../../../../hooks/useModal/index-CHufWxiG.js";
 import { u as usePopupsStore } from "../../../popups/PopupsProvider/index-DhSxmtfJ.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-BbVMcr05.js";
-import { W as WindowConfirm } from "../../../modal/WindowConfirm-DraflAKP.js";
-import { A as Actions } from "../../../CommonActions/components/Actions/index-B_vOmNZT.js";
-import { B as Button } from "../../../mui_extended/Button/index-DlzpoczE.js";
+import { A as ActionFormIntro } from "../../../CommonActions/components/ActionFormIntro/index-w0_c4nBH.js";
+import { W as WindowConfirm } from "../../../modal/WindowConfirm-BcBjlBYB.js";
+import { A as Actions } from "../../../CommonActions/components/Actions/index-BKkqUxgb.js";
+import { B as Button } from "../../../mui_extended/Button/index-CeKWngaw.js";
 import { useMap } from "react-leaflet";
 import * as L from "leaflet";
 import { u as useFormReadyForUpdate } from "../../../../hooks/useFormReadyForUpdate/index-B3HygFCM.js";
-import { u as useTab } from "../../../../hooks/useTab/index-DTbLh_DH.js";
+import { u as useTab } from "../../../../hooks/useTab/index-B9UPdit5.js";
 import { generateUtilityClasses } from "@mui/material";
 import "@mui/base";
-import { P as PaperForm } from "../../../PaperForm/index-DciWfnML.js";
-import { R as RHFAutocomplete } from "../../../hook-form/RHFAutocomplete/index-BhbgwNUz.js";
-import { R as RHFTextField } from "../../../hook-form/RHFTextField/index-Cz7BMTLe.js";
-import { S as Stack } from "../../../mui_extended/Stack/index-CV2W-_eL.js";
-import { I as IconButton } from "../../../mui_extended/IconButton/index-BfDbi0cC.js";
-import { P as PropertyValue } from "../../../PropertyValue/index-hcXIE6qk.js";
-import { R as RHFColorPicker } from "../../../hook-form/RHFColorPicker/index-DBpi0Zhe.js";
-import { T as Tabs, a as Tab, b as TabContent, c as TabProvider } from "../../../mui_extended/Tab/index-PyZxxeDt.js";
-import { I as Icon } from "../../../Icon/index-CedboS6y.js";
+import { P as PaperForm } from "../../../PaperForm/index-B1W7MP_K.js";
+import { R as RHFAutocomplete } from "../../../hook-form/RHFAutocomplete/index-BAUo34ue.js";
+import { R as RHFTextField } from "../../../hook-form/RHFTextField/index-BcOjGk_X.js";
+import { S as Stack } from "../../../mui_extended/Stack/index-COSPZIcB.js";
+import { I as IconButton } from "../../../mui_extended/IconButton/index-8KJAFQdk.js";
+import { P as PropertyValue } from "../../../PropertyValue/index-C8XbXuPK.js";
+import { R as RHFColorPicker } from "../../../hook-form/RHFColorPicker/index-DCTeXEXx.js";
+import { T as Tabs, a as Tab, b as TabContent, c as TabProvider } from "../../../mui_extended/Tab/index-DIBG_fln.js";
+import { I as Icon } from "../../../Icon/index-94Yiv115.js";
 import * as Yup from "yup";
-import { u as useFormAddEdit } from "../../../../hooks/useFormAddEdit/index-DvRNtaub.js";
-import { u as useMapStore, C as CommonFeatureRender, G as GPS_TOOLS_POPUP_ID } from "../Map/index-CS6xr1Fl.js";
-import { D as DataGrid } from "../../../DataGrid/index-7vJWvQtu.js";
+import { u as useFormAddEdit } from "../../../../hooks/useFormAddEdit/index-DfH0uOq9.js";
+import { u as useMapStore, C as CommonFeatureRender, G as GPS_TOOLS_POPUP_ID } from "../Map/index-h_YuCA40.js";
+import { D as DataGrid } from "../../../DataGrid/index-BagYcO5M.js";
 const COMPONENT_CLASS_NAME = "M4LMapGpsTools";
 const COMPONENT_MAP_TOOLS_ID = "gps_tools";
 const STYLE_OPACITIES = [

package/components/maps/components/Map/{index-CS6xr1Fl.js → index-h_YuCA40.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-B_vOmNZT.js";
-import { B as Button } from "../../../mui_extended/Button/index-DlzpoczE.js";
+import { A as Actions } from "../../../CommonActions/components/Actions/index-BKkqUxgb.js";
+import { B as Button } from "../../../mui_extended/Button/index-CeKWngaw.js";
 import * as Yup from "yup";
 import { u as useFormReadyForUpdate } from "../../../../hooks/useFormReadyForUpdate/index-B3HygFCM.js";
-import { R as RHFAutocompleteAsync } from "../../../hook-form/RHFAutocompleteAsync/index-BnUgdSnR.js";
-import { S as Stack } from "../../../mui_extended/Stack/index-CV2W-_eL.js";
-import { R as RHFormProvider } from "../../../../contexts/RHFormContext/index-B4a0h0fX.js";
-import { I as IconButton } from "../../../mui_extended/IconButton/index-BfDbi0cC.js";
+import { R as RHFAutocompleteAsync } from "../../../hook-form/RHFAutocompleteAsync/index-C7qy6PHH.js";
+import { S as Stack } from "../../../mui_extended/Stack/index-COSPZIcB.js";
+import { R as RHFormProvider } from "../../../../contexts/RHFormContext/index-D-Aek3pv.js";
+import { I as IconButton } from "../../../mui_extended/IconButton/index-8KJAFQdk.js";
 import { u as usePopupsStore, P as PopupsProvider } from "../../../popups/PopupsProvider/index-DhSxmtfJ.js";
-import { T as ToggleIconButton } from "../../../mui_extended/ToggleIconButton/index-mT-xXWg9.js";
-import { D as DataGrid } from "../../../DataGrid/index-7vJWvQtu.js";
+import { T as ToggleIconButton } from "../../../mui_extended/ToggleIconButton/index-C-84m9IF.js";
+import { D as DataGrid } from "../../../DataGrid/index-BagYcO5M.js";
 import { generateUtilityClasses, Tooltip, FormControl, RadioGroup, FormControlLabel, Radio, useTheme } from "@mui/material";
 import { C as ColumnSetCheckFormatter } from "../../../DataGrid/formatters/ColumnSetCheckFormatter/index-BaCawLr1.js";
-import { I as Icon, M as MarkerIconLabel } from "../../../Icon/index-CedboS6y.js";
+import { I as Icon, M as MarkerIconLabel } from "../../../Icon/index-94Yiv115.js";
 import { u as useStateRef } from "../../../../hooks/useStateRef/index-C3P6ZK3m.js";
-import { C as CheckBox } from "../../../mui_extended/CheckBox-ByxYagHV.js";
-import { P as Popover } from "../../../mui_extended/Popover/index-C6_2t4L1.js";
-import { P as PopupsViewer } from "../../../popups/PopupsViewer/index-D8iTb2JJ.js";
+import { C as CheckBox } from "../../../mui_extended/CheckBox-D4lOF2ZN.js";
+import { P as Popover } from "../../../mui_extended/Popover/index-ADNJKYaU.js";
+import { P as PopupsViewer } from "../../../popups/PopupsViewer/index-CZGtpMc5.js";
 import { createPathComponent } from "@react-leaflet/core";
 import "leaflet.markercluster";
 import { cloneDeep, throttle } from "lodash";

package/components/modal/{WindowBase-CLBER1xc.js → WindowBase-CbvNt18-.js}

@@ -2,9 +2,9 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { m as modalUtilityClasses } from "./index-CydPIpKZ.js";
 import { useEnvironment } from "@m4l/core";
 import clsx from "clsx";
-import { I as Icon } from "../Icon/index-CedboS6y.js";
-import { I as IconButton } from "../mui_extended/IconButton/index-BfDbi0cC.js";
-import { u as useModal } from "../../hooks/useModal/index-C9r1LQIz.js";
+import { I as Icon } from "../Icon/index-94Yiv115.js";
+import { I as IconButton } from "../mui_extended/IconButton/index-8KJAFQdk.js";
+import { u as useModal } from "../../hooks/useModal/index-CHufWxiG.js";
 const Header = (props) => {
   const { title, onClickCancel, urlIcon, classes } = props;
   const { host_static_assets, environment_assets } = useEnvironment();

package/components/modal/{WindowConfirm-DraflAKP.js → WindowConfirm-BcBjlBYB.js}

@@ -1,13 +1,13 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { A as Actions } from "../CommonActions/components/Actions/index-B_vOmNZT.js";
+import { A as Actions } from "../CommonActions/components/Actions/index-BKkqUxgb.js";
 import { Typography } from "@mui/material";
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
-import { u as useModal } from "../../hooks/useModal/index-C9r1LQIz.js";
-import { I as Image } from "../Image/index-B7FhR9uF.js";
+import { u as useModal } from "../../hooks/useModal/index-CHufWxiG.js";
+import { I as Image } from "../Image/index-D0wxe0iA.js";
 import { m as modalUtilityClasses } from "./index-CydPIpKZ.js";
-import { W as WindowBase } from "./WindowBase-CLBER1xc.js";
-import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index-BlaMdPmp.js";
-import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index-DGooFqVu.js";
+import { W as WindowBase } from "./WindowBase-CbvNt18-.js";
+import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index-GS4HJIdE.js";
+import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index-iGNIvcsn.js";
 const dictionary = {
   MESSAGE: "common_actions.confirm_quit_msg"
 };

package/components/mui_extended/Accordion/{index-ZFpEUCnw.js → index-CImLE2c2.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-BfDbi0cC.js";
+import { I as IconButton } from "../IconButton/index-8KJAFQdk.js";
 import { useEnvironment } from "@m4l/core";
 import { unstable_composeClasses } from "@mui/base";
-import { ax as AccordionRoot } from "../../../styles/index-Cc9p_h7i.js";
+import { ax as AccordionRoot } from "../../../styles/index-DITv2ClE.js";
 import clsx from "clsx";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock-CF-669v-.js";
 import { g as getNameDataTestId } from "../../../test/getNameDataTestId-BaBTWhBr.js";
-import { I as Icon } from "../../Icon/index-CedboS6y.js";
-import { T as Typography } from "../Typography/index-DKPqV11f.js";
+import { I as Icon } from "../../Icon/index-94Yiv115.js";
+import { T as Typography } from "../Typography/index-DdbNIn5v.js";
 const componentName = "M4LAccordion";
 generateUtilityClasses(componentName, [
   /* elements */

package/components/mui_extended/Avatar/{index-Bk4Hq2nk.js → index-QcHxAObO.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-CF-669v-.js";
 import { unstable_composeClasses } from "@mui/base";
-import { ay as AvatarRoot } from "../../../styles/index-Cc9p_h7i.js";
+import { ay as AvatarRoot } from "../../../styles/index-DITv2ClE.js";
 import clsx from "clsx";
 const AVATAR_PREFIX = "M4LAvatar";
 const getNameAvatarDataTestId = (KEY) => {

package/components/mui_extended/Badge/{index-D6F1o3k2.js → index-CkxVcDch.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-Cc9p_h7i.js";
+import { az as BadgeRoot } from "../../../styles/index-DITv2ClE.js";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock-CF-669v-.js";
 const componentName = "M4LBadge";
 const badgeClasses = generateUtilityClasses(componentName, [

package/components/mui_extended/Button/{index-DlzpoczE.js → index-CeKWngaw.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-Cc9p_h7i.js";
+import { aA as ButtonRoot, aB as WrapperImageButton, aC as LoadingButtonRoot } from "../../../styles/index-DITv2ClE.js";
 import { unstable_composeClasses } from "@mui/base";
 import clsx from "clsx";
 import { useMemo } from "react";
-import { I as Image } from "../../Image/index-B7FhR9uF.js";
+import { I as Image } from "../../Image/index-D0wxe0iA.js";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock-CF-669v-.js";
 import { LoadingButton as LoadingButton$1 } from "@mui/lab";
-import { T as Typography } from "../Typography/index-DKPqV11f.js";
+import { T as Typography } from "../Typography/index-DdbNIn5v.js";
 const componentName$2 = "M4LButton";
 const buttonClasses = generateUtilityClasses(componentName$2, [
   /* elements */

package/components/mui_extended/Button/styles.d.ts

@@ -2,4 +2,4 @@
 export declare const ButtonRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const SKTButton: import("@emotion/styled").StyledComponent<import("@mui/material").SkeletonOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
     ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-}, "style" | "children" | "width" | "className" | "height" | "animation" | "variant" | "sx" | "classes"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+}, "style" | "children" | "width" | "className" | "height" | "animation" | "sx" | "classes" | "variant"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/components/mui_extended/{CheckBox-ByxYagHV.js → CheckBox-D4lOF2ZN.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-Cc9p_h7i.js";
-import { F as FieldLabel } from "../FieldLabel/index-BpW2AGJx.js";
+import { aD as CheckBoxRoot } from "../../styles/index-DITv2ClE.js";
+import { F as FieldLabel } from "../FieldLabel/index-uRWxFkWU.js";
 const COMPONENT_CLASS_NAME = "M4LCheckBox";
 generateUtilityClasses(COMPONENT_CLASS_NAME, [
   /* elements */

package/components/mui_extended/IconButton/{index-BfDbi0cC.js → index-8KJAFQdk.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-CedboS6y.js";
-import { aE as IconButtonRoot } from "../../../styles/index-Cc9p_h7i.js";
+import { I as Icon } from "../../Icon/index-94Yiv115.js";
+import { aE as IconButtonRoot } from "../../../styles/index-DITv2ClE.js";
 import { unstable_composeClasses } from "@mui/base";
 import clsx from "clsx";
 import { useResponsiveDesktop } from "@m4l/graphics";

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

@@ -1,3 +1,5 @@
+import { OverridesStyleRules } from '@mui/material/styles/overrides';
+import { Theme } from '@mui/material/styles';
 import { IconProps } from '../../Icon/types';
 import { IconButtonProps as MUIIconButtonProps } from '@mui/material';
 export declare type IconButtonVariants = 'primary' | 'secondary' | 'line';
@@ -15,3 +17,19 @@ export interface OwnerState {
     isFocus: boolean;
     isDisabled?: boolean;
 }
+export declare enum IconButtonSlots {
+    root = "root",
+    skeleton = "skeleton",
+    sizemSall = "sizemSall",
+    sizeMedium = "sizeMedium",
+    variantPrimary = "variantPrimary",
+    variantSecondary = "variantSecondary",
+    variantLine = "variantLine",
+    isFocus = "isFocus",
+    isDisabled = "isDisabled",
+    /**Toggle */
+    togglePressed = "togglePressed",
+    toggleNotPressed = "toggleNotPressed"
+}
+export declare type IconButtonSlotsType = keyof typeof IconButtonSlots;
+export declare type IconButtonStyles = Partial<OverridesStyleRules<IconButtonSlotsType, 'M4LIconButton', Theme> | undefined> | undefined;

package/components/mui_extended/MenuActions/MenuActions.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { MenuActionsProps } from './types';
+export declare function MenuActions(props: MenuActionsProps): import("react/jsx-runtime").JSX.Element;
+export declare const MemonizedMenuActions: React.MemoExoticComponent<typeof MenuActions>;
+export default MenuActions;

package/components/mui_extended/MenuActions/constant.d.ts

@@ -0,0 +1,5 @@
+export declare const ICON_PATH = "frontend/components/menu_actions/assets/icons";
+export declare const ICONS: {
+    MENU: string;
+};
+export declare const MENU_ACTIONS_KEY_COMPONENT = "M4LMenuActions";

package/components/mui_extended/MenuActions/dictionary.d.ts

@@ -0,0 +1,7 @@
+export declare const MENU_ACTIONS_DICTIONARY_ID = "menu_actions";
+export declare function getMenuActionsComponentsDictionary(): string[];
+export declare const DICTIONARY: {
+    readonly no_actions_label: "no_actions_label";
+};
+export declare type TypeDictionary = typeof DICTIONARY;
+export declare const getMenuActionsDictionary: (key: keyof TypeDictionary) => string;

package/components/mui_extended/MenuActions/index-DUH9jcY3.js

@@ -0,0 +1,202 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import React__default, { useState, useEffect, useMemo } from "react";
+import { styled, useTheme } from "@mui/material/styles";
+import { useEnvironment, useModuleDictionary } from "@m4l/core";
+import { MenuItem } from "@mui/material";
+import { aF as menuActionsStyles } from "../../../styles/index-DITv2ClE.js";
+import { P as Popover } from "../Popover/index-ADNJKYaU.js";
+import { B as Badge } from "../Badge/index-CkxVcDch.js";
+import { I as IconButton } from "../IconButton/index-8KJAFQdk.js";
+import { I as Icon } from "../../Icon/index-94Yiv115.js";
+const ICON_PATH = "frontend/components/menu_actions/assets/icons";
+const ICONS = {
+  MENU: "menu.svg"
+};
+const MENU_ACTIONS_KEY_COMPONENT = "M4LMenuActions";
+var MenuActionsSlots = /* @__PURE__ */ ((MenuActionsSlots2) => {
+  MenuActionsSlots2["root"] = "root";
+  MenuActionsSlots2["badge"] = "badge";
+  MenuActionsSlots2["iconButton"] = "iconButton";
+  MenuActionsSlots2["menuItem"] = "menuItem";
+  MenuActionsSlots2["menuItemIcon"] = "menuItemIcon";
+  MenuActionsSlots2["menuItemLabel"] = "menuItemLabel";
+  MenuActionsSlots2["labelEmpty"] = "labelEmpty";
+  return MenuActionsSlots2;
+})(MenuActionsSlots || {});
+const RootStyled = styled(Popover, {
+  name: MENU_ACTIONS_KEY_COMPONENT,
+  slot: MenuActionsSlots.root
+})(menuActionsStyles?.root);
+const BadgeStyled = styled(Badge, {
+  name: MENU_ACTIONS_KEY_COMPONENT,
+  slot: MenuActionsSlots.badge
+})(menuActionsStyles?.badge);
+const IconButtonStyled = styled(IconButton, {
+  name: MENU_ACTIONS_KEY_COMPONENT,
+  slot: MenuActionsSlots.iconButton
+})(menuActionsStyles?.iconButton);
+const MenuItemStyled = styled(MenuItem, {
+  name: MENU_ACTIONS_KEY_COMPONENT,
+  slot: MenuActionsSlots.menuItem
+})(menuActionsStyles?.menuItem);
+const LabelMenuItemStyled = styled("div", {
+  name: MENU_ACTIONS_KEY_COMPONENT,
+  slot: MenuActionsSlots.menuItemLabel
+})(menuActionsStyles?.menuItemLabel);
+const IconButtonUrlStyled = styled(Icon, {
+  name: MENU_ACTIONS_KEY_COMPONENT,
+  slot: MenuActionsSlots.menuItemIcon
+})(menuActionsStyles?.menuItemIcon);
+const LabelEmptyStyled = styled("div", {
+  name: MENU_ACTIONS_KEY_COMPONENT,
+  slot: MenuActionsSlots.labelEmpty
+})(menuActionsStyles?.labelEmpty);
+const MENU_ACTIONS_DICTIONARY_ID = "menu_actions";
+const DICTIONARY = {
+  no_actions_label: "no_actions_label"
+};
+const getMenuActionsDictionary = (key) => {
+  return `${MENU_ACTIONS_DICTIONARY_ID}.${key}`;
+};
+function MenuActions(props) {
+  const {
+    menuActions,
+    endListElement,
+    menuActionSx,
+    iconButtonClassName = "",
+    objItem = {},
+    urlIcon,
+    toolTip = "",
+    marginTop = -1,
+    marginBottom,
+    marginLeft,
+    marginRight,
+    width = 200,
+    withBadge = false,
+    badgeContent,
+    arrowType = "right-top",
+    externalOpen = null,
+    externalClose,
+    ...other
+  } = props;
+  const { host_static_assets, environment_assets } = useEnvironment();
+  const { getLabel } = useModuleDictionary();
+  const [open, setOpen] = useState(null);
+  const handleOpen = (event) => {
+    setOpen(event.currentTarget);
+  };
+  const theme = useTheme();
+  useEffect(() => {
+    let mounted = true;
+    if (mounted) {
+      setOpen(externalOpen);
+    }
+    return function cleanUp() {
+      mounted = false;
+    };
+  }, [externalOpen]);
+  const urlFinalIcon = useMemo(() => {
+    if (urlIcon) return urlIcon;
+    return `${host_static_assets}/${environment_assets}/${ICON_PATH}/${ICONS.MENU}`;
+  }, [urlIcon, host_static_assets, environment_assets]);
+  const handleClose = (e) => {
+    e.stopPropagation();
+    setOpen(null);
+    externalClose && externalClose(null);
+  };
+  const handleClick = (e, menuAction) => {
+    e.stopPropagation();
+    setOpen(null);
+    menuAction.onClick();
+  };
+  const finalActions = useMemo(() => {
+    let ret;
+    if (typeof menuActions !== "function") {
+      ret = menuActions;
+    } else {
+      ret = menuActions(objItem);
+    }
+    return ret;
+  }, [menuActions, objItem]);
+  const IconButtonElement = (
+    // eslint-disable-next-line react/jsx-no-useless-fragment
+    /* @__PURE__ */ jsx(Fragment, { children: withBadge ? /* @__PURE__ */ jsx(BadgeStyled, { ownerState: {}, badgeContent, children: /* @__PURE__ */ jsx(
+      IconButtonStyled,
+      {
+        ownerState: {},
+        src: urlFinalIcon,
+        onClick: handleOpen,
+        tooltip: toolTip,
+        className: iconButtonClassName
+      }
+    ) }) : /* @__PURE__ */ jsx(
+      IconButtonStyled,
+      {
+        ownerState: {},
+        src: urlFinalIcon,
+        onClick: handleOpen,
+        tooltip: toolTip,
+        className: iconButtonClassName
+      }
+    ) })
+  );
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    IconButtonElement,
+    /* @__PURE__ */ jsxs(
+      RootStyled,
+      {
+        ownerState: {},
+        id: "Popover",
+        open: Boolean(open),
+        anchorEl: open,
+        onClose: handleClose,
+        arrowType,
+        sx: {
+          marginTop,
+          marginBottom,
+          marginLeft,
+          marginRight,
+          width,
+          maxWidth: 300,
+          "& .MuiMenuItem-root": { px: 1, typography: "body2", borderRadius: 0.75 },
+          ...theme.components?.M4LMenuActions?.styleOverrides,
+          ...menuActionSx
+        },
+        ...other,
+        children: [
+          finalActions.map(
+            (menuAction, index) => menuAction.label || menuAction.dictionaryId ? /* @__PURE__ */ jsxs(
+              MenuItemStyled,
+              {
+                dense: true,
+                onClick: (e) => {
+                  handleClick(e, menuAction);
+                },
+                sx: { color: menuAction.color ?? "text.main" },
+                disabled: menuAction.disabled,
+                ownerState: { variant: menuAction.variant, color: menuAction.color },
+                children: [
+                  menuAction.urlIcon ? /* @__PURE__ */ jsx(
+                    IconButtonUrlStyled,
+                    {
+                      ownerState: { variant: menuAction.variant },
+                      src: menuAction.urlIcon
+                    }
+                  ) : null,
+                  /* @__PURE__ */ jsx(LabelMenuItemStyled, { ownerState: {}, children: menuAction.label || menuAction.dictionaryId && getLabel(menuAction.dictionaryId) })
+                ]
+              },
+              `menu_action_${index}`
+            ) : /* @__PURE__ */ jsx(LabelEmptyStyled, { ownerState: {}, children: getLabel(getMenuActionsDictionary(DICTIONARY.no_actions_label)) }, `menu_action_${index}`)
+          ),
+          endListElement ? endListElement : null
+        ]
+      }
+    )
+  ] });
+}
+const MemonizedMenuActions = React__default.memo(MenuActions);
+export {
+  MenuActions as M,
+  MemonizedMenuActions as a
+};

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

@@ -1,5 +1,2 @@
-import React from 'react';
-import { MenuActionsProps } from './types';
-export declare function MenuActions(props: MenuActionsProps): import("react/jsx-runtime").JSX.Element;
-export declare const MemonizedMenuActions: React.MemoExoticComponent<typeof MenuActions>;
-export default MenuActions;
+export * from './MenuActions';
+export { getMenuActionsComponentsDictionary } from './dictionary';

package/components/mui_extended/MenuActions/slots/MenuActionsEnum.d.ts

@@ -0,0 +1,9 @@
+export declare enum MenuActionsSlots {
+    root = "root",
+    badge = "badge",
+    iconButton = "iconButton",
+    menuItem = "menuItem",
+    menuItemIcon = "menuItemIcon",
+    menuItemLabel = "menuItemLabel",
+    labelEmpty = "labelEmpty"
+}