@m4l/components 0.1.64 → 0.1.66

package/components/formatters/BooleanFormatter/{index.cd00c8e1.js → index.0edacc9b.js}

@@ -1,6 +1,6 @@
 import { useMemo } from "react";
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
-import { I as Icon } from "../../Icon/index.0f9b360e.js";
+import { I as Icon } from "../../Icon/index.fbeeacc8.js";
 import { W as WrapperComponent } from "../../WrapperComponent/index.5e872594.js";
 import { jsx } from "react/jsx-runtime";
 const BOOLEAN_FORMATTER_DICTIONARY_KEY = `boolean_formatter`;

package/components/formatters/{index.deae4701.js → index.879170b2.js}

@@ -2,10 +2,10 @@ import { W as WrapperComponent } from "../WrapperComponent/index.5e872594.js";
 import { jsx } from "react/jsx-runtime";
 import { useModuleDictionary } from "@m4l/core";
 import "react";
-import "../Icon/index.0f9b360e.js";
+import "../Icon/index.fbeeacc8.js";
 import "@mui/material";
 import "@m4l/graphics";
-import { a as BOOLEAN_FORMATTER_DICTIONARY_KEY, b as BOOLEAN_FORMATTER_DICTIONARY_LABELS } from "./BooleanFormatter/index.cd00c8e1.js";
+import { a as BOOLEAN_FORMATTER_DICTIONARY_KEY, b as BOOLEAN_FORMATTER_DICTIONARY_LABELS } from "./BooleanFormatter/index.0edacc9b.js";
 function getFormatConcatenated(values, separator) {
   const returnSymbol = "";
   if (values === null)

package/components/hook-form/RHFAutocomplete/{index.083e23c1.js → index.5f27e28c.js}

@@ -1,26 +1,26 @@
 import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { useFormContext, Controller } from "react-hook-form";
 import { styled as styled$1, Skeleton, generateUtilityClasses, generateUtilityClass, Autocomplete, Popper, TextField, CircularProgress } from "@mui/material";
-import { I as Image } from "../../Image/index.1a9c0327.js";
+import { I as Image } from "../../Image/index.77396f79.js";
 import { useMemo, useState, useEffect } from "react";
-import { T as TEST_PROP_ID } from "../../../vendor.a15d263e.js";
+import { T as TEST_PROP_ID } from "../../../vendor.be57c149.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { T as Typography } from "../../mui_extended/Typography/index.41b60a6b.js";
-import { H as HelperText } from "../../HelperText/index.3c07ca2a.js";
+import { T as Typography } from "../../mui_extended/Typography/index.eab3d85c.js";
+import { H as HelperText } from "../../HelperText/index.c35dcb93.js";
 import { styled } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
 import "clsx";
-import "../../Icon/index.0f9b360e.js";
-import "../../mui_extended/IconButton/index.be9c2ce5.js";
-import "../../mui_extended/Accordion/index.b7487e37.js";
+import "../../Icon/index.fbeeacc8.js";
+import "../../mui_extended/IconButton/index.a5072cd3.js";
+import "../../mui_extended/Accordion/index.0b15f939.js";
 import "../../mui_extended/Avatar/index.fe06afd7.js";
 import "react-router-dom";
 import "@mui/material/Button";
-import "../../mui_extended/Button/index.d9e0ae2e.js";
+import "../../mui_extended/Button/index.b7b70e5f.js";
 import "@mui/lab";
-import "../../mui_extended/Popover/index.260aae81.js";
-import "../../mui_extended/MenuActions/index.ec654122.js";
-import "../../mui_extended/Pager/index.9e123670.js";
+import "../../mui_extended/Popover/index.e271e4f0.js";
+import "../../mui_extended/MenuActions/index.3a275abb.js";
+import "../../mui_extended/Pager/index.5a69ab10.js";
 import "../../mui_extended/Tab/index.e0653a0a.js";
 const AutocompleteRoot = styled("div")(({
   theme
@@ -35,6 +35,7 @@ const WrapperOption = styled("li")(({
   }
 }));
 const RHFAUTOCOMPLETE_PREFIX = "RHFAutocomplete";
+const RHFTAUTOCOMPLET_ROOT_TEST_ID = "RHFAutocomplete";
 const getNameDataTestId = (KEY) => {
   return `${RHFAUTOCOMPLETE_PREFIX}-${KEY}`;
 };
@@ -265,7 +266,7 @@ function RHFAutocomplete(props) {
   return /* @__PURE__ */ jsx(AutocompleteRoot, {
     className: classes.root,
     ...process.env.NODE_ENV !== "production" ? {
-      [TEST_PROP_ID]: getNameDataTestId("root")
+      [TEST_PROP_ID]: `${RHFTAUTOCOMPLET_ROOT_TEST_ID}_${nameRHF}`
     } : {},
     children: !isSkeleton ? /* @__PURE__ */ jsx(Controller, {
       name: nameRHF,

package/components/hook-form/RHFAutocomplete/test/constants.d.ts

@@ -1 +1,2 @@
 export declare const RHFAUTOCOMPLETE_PREFIX = "RHFAutocomplete";
+export declare const RHFTAUTOCOMPLET_ROOT_TEST_ID = "RHFAutocomplete";

package/components/hook-form/RHFAutocomplete/test/utils.d.ts

@@ -1,2 +1,2 @@
-import { RHFAutocompleteClassesKey } from "../classes/types";
+import { RHFAutocompleteClassesKey } from '../classes/types';
 export declare const getNameDataTestId: (KEY: RHFAutocompleteClassesKey) => string;

package/components/hook-form/RHFAutocompleteAsync/{index.ba751be9.js → index.35e17cd6.js}

@@ -4,8 +4,8 @@ import debounce from "lodash/debounce";
 import { styled } from "@mui/material/styles";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { T as TEST_PROP_ID } from "../../../vendor.a15d263e.js";
-import { R as RHFAutocomplete, g as getRHFAutocompleteComponentsDictionary } from "../RHFAutocomplete/index.083e23c1.js";
+import { T as TEST_PROP_ID } from "../../../vendor.be57c149.js";
+import { R as RHFAutocomplete, g as getRHFAutocompleteComponentsDictionary } from "../RHFAutocomplete/index.5f27e28c.js";
 import { jsx } from "react/jsx-runtime";
 styled("div")(() => ({
   display: "flex",

package/components/hook-form/RHFCheckbox/{index.c19393b1.js → index.4f134f09.js}

@@ -1,12 +1,12 @@
 import { useFormContext, Controller } from "react-hook-form";
 import { styled, Skeleton, generateUtilityClasses, generateUtilityClass, Checkbox } from "@mui/material";
 import { useModuleSkeleton } from "@m4l/core";
-import { T as TEST_PROP_ID } from "../../../vendor.a15d263e.js";
+import { T as TEST_PROP_ID } from "../../../vendor.be57c149.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { styled as styled$1 } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
-import { H as HelperText } from "../../HelperText/index.3c07ca2a.js";
-import { T as Typography } from "../../mui_extended/Typography/index.41b60a6b.js";
+import { H as HelperText } from "../../HelperText/index.c35dcb93.js";
+import { T as Typography } from "../../mui_extended/Typography/index.eab3d85c.js";
 const WrapperSkeletonCheckBox = styled("div")(() => ({
   display: "flex",
   justifyContent: "center",

package/components/hook-form/RHFPeriod/{index.c0a80aeb.js → index.dcaa0c87.js}

@@ -1,7 +1,7 @@
 import { styled } from "@mui/material";
 import { useFormContext, Controller } from "react-hook-form";
-import { H as HelperText } from "../../HelperText/index.3c07ca2a.js";
-import { P as Period } from "../../Period/index.99feb99e.js";
+import { H as HelperText } from "../../HelperText/index.c35dcb93.js";
+import { P as Period } from "../../Period/index.0c5bf66f.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 const Wrapper = styled("div")(({
   theme

package/components/hook-form/RHFTextField/{index.97485ff2.js → index.fc90a570.js}

@@ -1,16 +1,17 @@
 import { useModuleSkeleton, useEnvironment } from "@m4l/core";
 import { styled, Skeleton, generateUtilityClasses, TextField, InputAdornment, generateUtilityClass } from "@mui/material";
 import { forwardRef, useState, useEffect } from "react";
-import { I as IconButton } from "../../mui_extended/IconButton/index.be9c2ce5.js";
-import { T as TEST_PROP_ID } from "../../../vendor.a15d263e.js";
+import { I as IconButton } from "../../mui_extended/IconButton/index.a5072cd3.js";
+import { T as TEST_PROP_ID } from "../../../vendor.be57c149.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import "../../Icon/index.0f9b360e.js";
+import "../../Icon/index.fbeeacc8.js";
+import "clsx";
 import { useFormContext, Controller } from "react-hook-form";
 import { styled as styled$1 } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../../utils/index.e199226a.js";
-import { T as Typography } from "../../mui_extended/Typography/index.41b60a6b.js";
-import { H as HelperText } from "../../HelperText/index.3c07ca2a.js";
+import { g as getComponentUtilityClass } from "../../../utils/index.c2e62d8f.js";
+import { T as Typography } from "../../mui_extended/Typography/index.eab3d85c.js";
+import { H as HelperText } from "../../HelperText/index.c35dcb93.js";
 const SkeletonTextFieldRoot = styled("div")(() => ({
   display: "flex",
   flexDirection: "column",
@@ -182,7 +183,7 @@ const RHFTextField = forwardRef((props, ref) => {
     className: classes.root,
     role: "textbox",
     ...process.env.NODE_ENV !== "production" ? {
-      [TEST_PROP_ID]: getNameDataTestId$1("root")
+      [TEST_PROP_ID]: `${RHFTEXTFIELD_ROOT_TEST_ID}_${nameRHF}`
     } : {},
     children: !isSkeleton ? /* @__PURE__ */ jsx(Controller, {
       name: nameRHF,
@@ -226,17 +227,16 @@ const RHFTextField = forwardRef((props, ref) => {
             onBlur: handleBlur,
             value: value || "",
             name,
-            ...process.env.NODE_ENV !== "production" ? {
-              [TEST_PROP_ID]: `${RHFTEXTFIELD_ROOT_TEST_ID}_${nameRHF}`
-            } : {},
+            inputProps: {
+              ...process.env.NODE_ENV !== "production" ? {
+                [TEST_PROP_ID]: `${RHFTEXTFIELD_INPUT_TEST_ID}_${name}`
+              } : {}
+            },
             fullWidth: true,
             error: !!error,
             type,
             ...startIcon || endIcon ? {
               InputProps: {
-                ...process.env.NODE_ENV !== "production" ? {
-                  [TEST_PROP_ID]: `${RHFTEXTFIELD_INPUT_TEST_ID}_${name}`
-                } : {},
                 ...{
                   ...startIcon ? {
                     startAdornment: /* @__PURE__ */ jsx(InputAdornment, {

package/components/hook-form/RHFUpload/{index.798eb11d.js → index.654ad316.js}

@@ -4,7 +4,7 @@ import { useFormContext, Controller } from "react-hook-form";
 import isString from "lodash/isString";
 import { useDropzone } from "react-dropzone";
 import { styled, alpha } from "@mui/material/styles";
-import { I as Image } from "../../Image/index.1a9c0327.js";
+import { I as Image } from "../../Image/index.77396f79.js";
 import { useEnvironment, useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 const WrapperUploadImage = styled("div")(({

package/components/index.d.ts

@@ -12,10 +12,8 @@ export type { RowKey } from './DataGrid/types';
 export { getDataGridComponentsDictionary as getGridComponentsDictionary } from './DataGrid/dictionary';
 export { TextEditor, NumberEditor } from './DataGrid/subcomponents/editors/TextEditor';
 export { getDataGridRowsFromSet } from './DataGrid/utils/getDataGridRowsFromSet';
-export * from './DynamicFilter';
-export * from './DynamicFilter/dictionary';
+export * from './DynamicFilter/index';
 export * from './HelperText';
-export type { RawFilterFieldApply, } from './DynamicFilter/types';
 export * from './CommonActions/';
 export * from './CommonActions/dictionary';
 export * from './DraggableWindow';

package/components/modal/{WindowBase.59f50553.js → WindowBase.230a498f.js}

@@ -1,10 +1,10 @@
 import { useEnvironment } from "@m4l/core";
 import "react";
-import { u as useModal } from "../../hooks/useModal/index.5c159ed2.js";
+import { u as useModal } from "../../hooks/useModal/index.e103db09.js";
 import { styled } from "@mui/material/styles";
-import { a as getThemeVariantColor } from "../../utils/index.e199226a.js";
+import { a as getThemeVariantColor } from "../../utils/index.c2e62d8f.js";
 import { IconButton } from "@mui/material";
-import { I as Icon } from "../Icon/index.0f9b360e.js";
+import { I as Icon } from "../Icon/index.fbeeacc8.js";
 import { jsxs, jsx } from "react/jsx-runtime";
 const WrapperWindowBase = styled("div")(({ theme }) => ({
   display: "flex",

package/components/modal/{WindowConfirm.c1339cf8.js → WindowConfirm.575b4d41.js}

@@ -1,36 +1,29 @@
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
 import "react";
-import { u as useModal } from "../../hooks/useModal/index.5c159ed2.js";
-import { A as Actions } from "../CommonActions/components/Actions/index.433cd345.js";
-import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.2eb2c1e1.js";
-import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.0d138cb3.js";
+import { u as useModal } from "../../hooks/useModal/index.e103db09.js";
+import { A as Actions } from "../CommonActions/components/Actions/index.77574633.js";
+import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.4d0333c0.js";
+import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.138101aa.js";
 import "react-hook-form";
 import { Typography } from "@mui/material";
 import "@mui/material/Button";
-import "../mui_extended/Button/index.d9e0ae2e.js";
+import "../mui_extended/Button/index.b7b70e5f.js";
 import "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";
-import "../../react-draggable.1aa81436.js";
-import "../ModalDialog/index.3efe049b.js";
-import "../Resizeable/index.b5d42efb.js";
+import "../../react-draggable.4d08d714.js";
+import "../ModalDialog/index.e600b43a.js";
+import "../Resizeable/index.4545dd6a.js";
 import "@m4l/graphics";
 import { styled } from "@mui/material/styles";
-import { I as Icon } from "../Icon/index.0f9b360e.js";
-import { b as getVariantColor } from "../../utils/index.e199226a.js";
-import { W as WindowBase } from "./WindowBase.59f50553.js";
-import "../areas/components/index.eace295a.js";
-import "../areas/components/AreasAdmin/index.51e28f63.js";
-import "../mui_extended/IconButton/index.be9c2ce5.js";
+import { I as Icon } from "../Icon/index.fbeeacc8.js";
+import { b as getVariantColor } from "../../utils/index.c2e62d8f.js";
+import { W as WindowBase } from "./WindowBase.230a498f.js";
+import "../mui_extended/IconButton/index.a5072cd3.js";
 import "zustand";
-import "../areas/contexts/AreasContext/index.0792a8d1.js";
+import "../areas/index.d7519516.js";
 import "zustand/shallow";
-import "../areas/components/AreasContainer/index.1e5e6e91.js";
-import "react-grid-layout/css/styles.css";
-import "../../react-resizable.e86cb01e.js";
-import "../areas/contexts/index.2a915acf.js";
-import "../areas/contexts/DynamicMFParmsContext/index.c19cb8cc.js";
 import "@mui/lab";
-import "../mui_extended/Typography/index.41b60a6b.js";
+import "../mui_extended/Typography/index.eab3d85c.js";
 const WrapperMessageIlustration = styled("div")(() => ({
   display: "flex",
   flexDirection: "column",

package/components/modal/index.237881ea.js

@@ -0,0 +1,23 @@
+import "@mui/material";
+import "../../react-draggable.4d08d714.js";
+import "react";
+import "../../contexts/ModalContext/index.de0a3457.js";
+import "../ModalDialog/index.e600b43a.js";
+import "../Resizeable/index.4545dd6a.js";
+import "react/jsx-runtime";
+import "@m4l/graphics";
+import "@m4l/core";
+import "../CommonActions/components/Actions/index.77574633.js";
+import "@mui/material/Button";
+import "../mui_extended/Button/index.b7b70e5f.js";
+import "clsx";
+import "react-hook-form";
+import "./WindowBase.230a498f.js";
+import "../Icon/index.fbeeacc8.js";
+import "../mui_extended/IconButton/index.a5072cd3.js";
+import "zustand";
+import "../areas/index.d7519516.js";
+import "zustand/shallow";
+import "@mui/lab";
+import "../mui_extended/Typography/index.eab3d85c.js";
+import "./WindowConfirm.575b4d41.js";

package/components/mui_extended/Accordion/{index.b7487e37.js → index.0b15f939.js}

@@ -1,7 +1,7 @@
 import { Skeleton, Accordion as Accordion$1, AccordionSummary, AccordionDetails } from "@mui/material";
-import { I as IconButton } from "../IconButton/index.be9c2ce5.js";
+import { I as IconButton } from "../IconButton/index.a5072cd3.js";
 import { useEnvironment, useModuleSkeleton } from "@m4l/core";
-import { I as Icon } from "../../Icon/index.0f9b360e.js";
+import { I as Icon } from "../../Icon/index.fbeeacc8.js";
 import { styled } from "@mui/material/styles";
 import { jsx, jsxs } from "react/jsx-runtime";
 styled("div")(({

package/components/mui_extended/Button/{index.d9e0ae2e.js → index.b7b70e5f.js}

@@ -4,11 +4,11 @@ import MuiButton from "@mui/material/Button";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
-import { I as Image } from "../../Image/index.1a9c0327.js";
+import { I as Image } from "../../Image/index.77396f79.js";
 import { unstable_composeClasses } from "@mui/base";
-import { T as TEST_PROP_ID } from "../../../vendor.a15d263e.js";
+import { T as TEST_PROP_ID } from "../../../vendor.be57c149.js";
 import { LoadingButton as LoadingButton$1 } from "@mui/lab";
-import { T as Typography } from "../Typography/index.41b60a6b.js";
+import { T as Typography } from "../Typography/index.eab3d85c.js";
 const ButtonRoot = styled("div")(({
   theme
 }) => ({

package/components/mui_extended/IconButton/{index.be9c2ce5.js → index.a5072cd3.js}

@@ -1,8 +1,9 @@
 import { useMemo, useState } from "react";
 import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { Skeleton, styled, generateUtilityClasses, generateUtilityClass, Tooltip, IconButton as IconButton$1 } from "@mui/material";
-import { I as Icon } from "../../Icon/index.0f9b360e.js";
+import { I as Icon } from "../../Icon/index.fbeeacc8.js";
 import { jsx, Fragment } from "react/jsx-runtime";
+import clsx from "clsx";
 import { unstable_composeClasses } from "@mui/base";
 const SkeletonIconButton = (props) => {
   const {
@@ -52,10 +53,11 @@ const IconButton = (props) => {
     src,
     tooltip,
     size = "small",
-    dictionaryTooltip,
+    dictionaryTooltipId,
     rotationAngle,
     variant = "primary",
     disabled,
+    className,
     ...other
   } = props;
   const {
@@ -66,11 +68,14 @@ const IconButton = (props) => {
     if (disabled) {
       return void 0;
     }
-    if (dictionaryTooltip && getLabel) {
-      return getLabel(dictionaryTooltip);
+    if (tooltip && tooltip !== "") {
+      return tooltip;
     }
-    return tooltip;
-  }, [dictionaryTooltip, getLabel, disabled]);
+    if (dictionaryTooltipId && getLabel) {
+      return getLabel(dictionaryTooltipId);
+    }
+    return void 0;
+  }, [tooltip, dictionaryTooltipId, getLabel]);
   const [isfocus, setIsFocus] = useState(false);
   const handlerOnFocus = () => {
     console.log("focus active");
@@ -84,20 +89,19 @@ const IconButton = (props) => {
     variant,
     size,
     isSkeleton,
-    isFocus: isfocus,
+    isFocus: disabled ? false : isfocus,
     isDisabled: disabled
   };
   const classes = useUtilityClasses(ownerState);
   return /* @__PURE__ */ jsx(IconButtonRoot, {
-    className: classes.root,
+    className: clsx(classes.root, className),
     "data-testid": "IconButtonRoot",
     children: !isSkeleton ? /* @__PURE__ */ jsx(Fragment, {
       children: finalTooltip ? /* @__PURE__ */ jsx(Tooltip, {
         title: finalTooltip || "",
         children: /* @__PURE__ */ jsx(IconButton$1, {
           ...other,
-          disableFocusRipple: true,
-          onFocus: handlerOnFocus,
+          onFocusVisible: handlerOnFocus,
           onBlur: handlerOnBlur,
           disabled,
           children: /* @__PURE__ */ jsx(Icon, {
@@ -108,7 +112,7 @@ const IconButton = (props) => {
       }) : /* @__PURE__ */ jsx(IconButton$1, {
         ...other,
         disableFocusRipple: true,
-        onFocus: handlerOnFocus,
+        onFocusVisible: handlerOnFocus,
         onBlur: handlerOnBlur,
         disabled,
         children: /* @__PURE__ */ jsx(Icon, {

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

@@ -4,7 +4,7 @@ export declare type IconButtonVariants = 'primary' | 'secondary' | 'line';
 export declare type IconButtonSize = 'extraSmall' | 'small' | 'medium';
 export interface IconButtonProps extends Omit<IconProps, 'size'>, Omit<MUIIconButtonProps, 'size'> {
     tooltip?: string;
-    dictionaryTooltip?: string;
+    dictionaryTooltipId?: string;
     variant?: IconButtonVariants;
     size?: IconButtonSize;
 }

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

@@ -0,0 +1,3 @@
+export declare const ICONS: {
+    MENU: string;
+};

package/components/mui_extended/MenuActions/{index.ec654122.js → index.3a275abb.js}

@@ -1,31 +1,37 @@
 import { useState, useMemo } from "react";
 import { useEnvironment, useModuleDictionary } from "@m4l/core";
-import { IconButton, Tooltip, MenuItem } from "@mui/material";
-import { P as Popover } from "../Popover/index.260aae81.js";
+import { IconButton, MenuItem } from "@mui/material";
+import { P as Popover } from "../Popover/index.e271e4f0.js";
 import { styled } from "@mui/material/styles";
-import { I as Icon } from "../../Icon/index.0f9b360e.js";
+import { I as Icon } from "../../Icon/index.fbeeacc8.js";
+import { I as IconButton$1 } from "../IconButton/index.a5072cd3.js";
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-const WrapperMenuActions = styled(IconButton)(() => ({}));
+styled(IconButton)(() => ({}));
 const LabelMemuItem = styled("div")(({
   theme
 }) => ({
   height: "22px",
+  overflow: "hidden",
+  wordBreak: "break-all",
   marginLeft: theme.spacing(1.5),
   display: "flex",
   alignItems: "center"
 }));
+const ICONS = {
+  MENU: "menu.svg"
+};
 function MenuActions(props) {
   const {
     menuActions,
     objItem = {},
-    url_icon: urlIcon,
+    urlIcon,
     toolTip = "",
     marginTop = -1,
     marginBottom,
     marginLeft,
     marginRight,
     width = 200,
-    arrowType: arrow = "right-top",
+    arrowType = "right-top",
     ...other
   } = props;
   const {
@@ -42,7 +48,7 @@ function MenuActions(props) {
   const urlFinalIcon = useMemo(() => {
     if (urlIcon)
       return urlIcon;
-    return `${host_static_assets}/${environment_assets}/frontend/commons/assets/icons/more_vertical.svg`;
+    return `${host_static_assets}/${environment_assets}/frontend/components/menu_actions/assets/icons/${ICONS.MENU}`;
   }, [urlIcon, host_static_assets, environment_assets]);
   const handleClose = () => {
     setOpen(null);
@@ -61,28 +67,23 @@ function MenuActions(props) {
     return ret;
   }, [menuActions, objItem]);
   return /* @__PURE__ */ jsxs(Fragment, {
-    children: [/* @__PURE__ */ jsx(Tooltip, {
-      title: toolTip,
-      children: /* @__PURE__ */ jsx(WrapperMenuActions, {
-        id: "WrapperMenuActions",
-        size: "small",
-        onClick: handleOpen,
-        children: /* @__PURE__ */ jsx(Icon, {
-          src: urlFinalIcon
-        })
-      })
+    children: [/* @__PURE__ */ jsx(IconButton$1, {
+      src: urlFinalIcon,
+      onClick: handleOpen,
+      tooltip: toolTip
     }), /* @__PURE__ */ jsx(Popover, {
       id: "Popover",
       open: Boolean(open),
       anchorEl: open,
       onClose: handleClose,
-      arrowType: arrow,
+      arrowType,
       sx: {
         marginTop,
         marginBottom,
         marginLeft,
         marginRight,
         width,
+        maxWidth: 300,
         "& .MuiMenuItem-root": {
           px: 1,
           typography: "body2",
@@ -90,7 +91,7 @@ function MenuActions(props) {
         }
       },
       ...other,
-      children: open && finalActions.map((menuAction, index) => /* @__PURE__ */ jsxs(MenuItem, {
+      children: finalActions.map((menuAction, index) => /* @__PURE__ */ jsxs(MenuItem, {
         dense: true,
         onClick: () => handleClick(menuAction),
         sx: {
@@ -100,7 +101,7 @@ function MenuActions(props) {
         children: [/* @__PURE__ */ jsx(Icon, {
           src: menuAction.urlIcon
         }), /* @__PURE__ */ jsx(LabelMemuItem, {
-          children: menuAction.label || getLabel(menuAction.dictionaryField)
+          children: menuAction.label || menuAction.dictionaryId && getLabel(menuAction.dictionaryId)
         })]
       }, `menu_action_${index}`))
     })]

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

@@ -3,20 +3,19 @@ export interface ComponentActionProps {
     description?: string;
     onClick: (props?: any) => void;
 }
-export interface MenuAction {
+export declare type MenuAction = {
     urlIcon: string;
     iconWidth?: number;
     iconHeight?: number;
-    label?: string;
-    dictionaryField: string;
     onClick: (props?: any) => void;
     disabled: boolean;
     color?: string;
-    component?: (props: ComponentActionProps) => JSX.Element;
-}
+    label?: string;
+    dictionaryId?: string;
+};
 export interface MenuActionsProps extends Omit<PopoverProps, 'open'> {
     objItem?: any;
-    url_icon?: string;
+    urlIcon?: string;
     menuActions: MenuAction[] | ((row: any) => MenuAction[]);
     toolTip?: string;
     marginTop?: number | string;

package/components/mui_extended/Pager/{index.9e123670.js → index.5a69ab10.js}

@@ -1,7 +1,7 @@
 import { useMemo } from "react";
 import { Skeleton, TablePagination } from "@mui/material";
 import { styled } from "@mui/material/styles";
-import { I as IconButton } from "../IconButton/index.be9c2ce5.js";
+import { I as IconButton } from "../IconButton/index.a5072cd3.js";
 import { useEnvironment } from "@m4l/core";
 import { jsxs, jsx } from "react/jsx-runtime";
 const WrapperPagerActions = styled("div")(({ theme }) => ({
@@ -42,25 +42,25 @@ function PagerActions(props) {
     id: "WrapperPagerActions",
     children: [/* @__PURE__ */ jsx(IconButton, {
       id: "test_bruce",
-      dictionaryTooltip: "pager.first",
+      dictionaryTooltipId: "pager.first",
       onClick: handleFirstPageButtonClick,
       disabled: page === 0,
       "aria-label": "first page",
       src: `${host_static_assets}/${environment_assets}/frontend/components/pager/assets/icons/first.svg`
     }), /* @__PURE__ */ jsx(IconButton, {
-      dictionaryTooltip: "pager.previous",
+      dictionaryTooltipId: "pager.previous",
       onClick: handleBackButtonClick,
       disabled: page === 0,
       "aria-label": "first page",
       src: `${host_static_assets}/${environment_assets}/frontend/components/pager/assets/icons/previous.svg`
     }), /* @__PURE__ */ jsx(IconButton, {
-      dictionaryTooltip: "pager.next",
+      dictionaryTooltipId: "pager.next",
       onClick: handleNextButtonClick,
       disabled: page >= Math.ceil(count / rowsPerPage) - 1,
       "aria-label": "next page",
       src: `${host_static_assets}/${environment_assets}/frontend/components/pager/assets/icons/next.svg`
     }), /* @__PURE__ */ jsx(IconButton, {
-      dictionaryTooltip: "pager.last",
+      dictionaryTooltipId: "pager.last",
       onClick: handleLastPageButtonClick,
       disabled: page >= Math.ceil(count / rowsPerPage) - 1,
       "aria-label": "last page",

package/components/mui_extended/Popover/{index.260aae81.js → index.e271e4f0.js}

@@ -159,6 +159,7 @@ const Popover = (props) => {
       vertical: "top",
       horizontal: "right"
     },
+    transitionDuration: 0,
     PaperProps: {
       sx: {
         p: 1,

package/components/mui_extended/Typography/{index.41b60a6b.js → index.eab3d85c.js}

@@ -2,7 +2,7 @@ import { useModuleSkeleton } from "@m4l/core";
 import { styled, Skeleton, generateUtilityClasses, generateUtilityClass, Typography as Typography$1 } from "@mui/material";
 import { jsx } from "react/jsx-runtime";
 import clsx from "clsx";
-import { T as TEST_PROP_ID } from "../../../vendor.a15d263e.js";
+import { T as TEST_PROP_ID } from "../../../vendor.be57c149.js";
 import { unstable_composeClasses } from "@mui/base";
 const WarpperTypography = styled("div")(({
   theme

package/components/mui_extended/index.35f74599.js

@@ -0,0 +1,19 @@
+import "@mui/material";
+import "react";
+import "@m4l/core";
+import "../Icon/index.fbeeacc8.js";
+import "react/jsx-runtime";
+import "./IconButton/index.a5072cd3.js";
+import "clsx";
+import "./Accordion/index.0b15f939.js";
+import "./Avatar/index.fe06afd7.js";
+import "react-router-dom";
+import "@mui/material/Button";
+import "./Button/index.b7b70e5f.js";
+import "../Image/index.77396f79.js";
+import "@mui/lab";
+import "./Typography/index.eab3d85c.js";
+import "./Popover/index.e271e4f0.js";
+import "./MenuActions/index.3a275abb.js";
+import "./Pager/index.5a69ab10.js";
+import "./Tab/index.e0653a0a.js";