@m4l/components 3.0.0 → 3.0.2

package/components/modal/{WindowBase.00b9e5f1.js → WindowBase-Ce6yRLcN.js}

@@ -1,10 +1,10 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { m as modalUtilityClasses } from "./index.81eb6def.js";
+import { m as modalUtilityClasses } from "./index-CydPIpKZ.js";
 import { useEnvironment } from "@m4l/core";
 import clsx from "clsx";
-import { I as Icon } from "../Icon/index.c06685f4.js";
-import { I as IconButton } from "../mui_extended/IconButton/index.7b6c1ee3.js";
-import { u as useModal } from "../../hooks/useModal/index.eb857f6e.js";
+import { I as Icon } from "../Icon/index-CueLDD9j.js";
+import { I as IconButton } from "../mui_extended/IconButton/index-OMq0pPK0.js";
+import { u as useModal } from "../../hooks/useModal/index-CTAwKk5D.js";
 const Header = (props) => {
   const { title, onClickCancel, urlIcon, classes } = props;
   const { host_static_assets, environment_assets } = useEnvironment();

package/components/modal/{WindowConfirm.abf49573.js → WindowConfirm-BaB3Ojgu.js}

@@ -1,13 +1,13 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { A as Actions } from "../CommonActions/components/Actions/index.f674be30.js";
+import { A as Actions } from "../CommonActions/components/Actions/index-ChW1FuFf.js";
 import { Typography } from "@mui/material";
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
-import { u as useModal } from "../../hooks/useModal/index.eb857f6e.js";
-import { I as Image } from "../Image/index.ae542f70.js";
-import { m as modalUtilityClasses } from "./index.81eb6def.js";
-import { W as WindowBase } from "./WindowBase.00b9e5f1.js";
-import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.e67885bc.js";
-import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.e58eb0c4.js";
+import { u as useModal } from "../../hooks/useModal/index-CTAwKk5D.js";
+import { I as Image } from "../Image/index-By5vsRzf.js";
+import { m as modalUtilityClasses } from "./index-CydPIpKZ.js";
+import { W as WindowBase } from "./WindowBase-Ce6yRLcN.js";
+import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index-D_42VfUR.js";
+import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index-i5875EXe.js";
 const dictionary = {
   MESSAGE: "common_actions.confirm_quit_msg"
 };
@@ -18,6 +18,7 @@ const MessageIlustration = (props) => {
     msg = getLabel(dictionary.MESSAGE),
     classes,
     title
+    // msg = 'Are you sure you want to perform this action? Once complete, the information will be deleted.',
   } = props;
   const { host_static_assets, environment_assets } = useEnvironment();
   const illustrationWarning = `${host_static_assets}/${environment_assets}/frontend/components/dialog/assets/icons/illustrator_confirm_warning.svg`;

package/components/modal/{index.81eb6def.js → index-CydPIpKZ.js}

@@ -2,6 +2,7 @@ import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 const componentName = "M4LModal";
 generateUtilityClasses(componentName, [
+  /* elements */
   "root",
   "windowBaseRoot",
   "containerWindow",
@@ -17,6 +18,7 @@ generateUtilityClasses(componentName, [
   "windowConfirm",
   "resizeHandle",
   "windowContent",
+  /* states or variants of elements */
   "variantDelete",
   "variantWarning",
   "variantInfo",

package/components/mui_extended/Accordion/{index.26524ecd.js → index-D1775s1J.js}

@@ -1,21 +1,23 @@
 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.7b6c1ee3.js";
+import { I as IconButton } from "../IconButton/index-OMq0pPK0.js";
 import { useEnvironment } from "@m4l/core";
 import { unstable_composeClasses } from "@mui/base";
-import { ax as AccordionRoot } from "../../../styles/index.db9e7ddb.js";
+import { ax as AccordionRoot } from "../../../styles/index-C-MsxWtr.js";
 import clsx from "clsx";
-import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
-import { g as getNameDataTestId } from "../../../test/getNameDataTestId.0faeade8.js";
-import { I as Icon } from "../../Icon/index.c06685f4.js";
-import { T as Typography } from "../Typography/index.8c0801e4.js";
+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-CueLDD9j.js";
+import { T as Typography } from "../Typography/index-W88rbpsJ.js";
 const componentName = "M4LAccordion";
 generateUtilityClasses(componentName, [
+  /* elements */
   "root",
   "endIcon",
   "labelIcon",
   "label",
   "content"
+  /* states or variants of elements */
 ]);
 function getAccordionUtilityClass(slot) {
   return generateUtilityClass(componentName, slot);

package/components/mui_extended/Avatar/{index.e7bcc850.js → index-n5hK7nJD.js}

@@ -2,9 +2,9 @@ import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { Skeleton, generateUtilityClasses, generateUtilityClass, Avatar as Avatar$1 } from "@mui/material";
 import { useModuleSkeleton } from "@m4l/core";
-import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
+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.db9e7ddb.js";
+import { ay as AvatarRoot } from "../../../styles/index-C-MsxWtr.js";
 import clsx from "clsx";
 const AVATAR_PREFIX = "M4LAvatar";
 const getNameAvatarDataTestId = (KEY) => {
@@ -25,8 +25,10 @@ const SkeletonAvatar = (props) => {
 };
 const componentName = "M4LAvatar";
 generateUtilityClasses(componentName, [
+  /* elements */
   "root",
   "skeleton"
+  /* states or variants of elements */
 ]);
 function getAvatarUtilityClass(slot) {
   return generateUtilityClass(componentName, slot);
@@ -42,6 +44,7 @@ const useAvatarUtilityClasses = () => {
   };
 };
 const Avatar = forwardRef(
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   ({ color = "default", sx, className, ...other }, ref) => {
     const isSkeleton = useModuleSkeleton();
     const classes = useAvatarUtilityClasses();

package/components/mui_extended/Badge/{index.48948839.js → index-Dfdw5Iaq.js}

@@ -1,11 +1,13 @@
 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.db9e7ddb.js";
-import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
+import { az as BadgeRoot } from "../../../styles/index-C-MsxWtr.js";
+import { T as TEST_PROP_ID } from "../../../test/constants_no_mock-CF-669v-.js";
 const componentName = "M4LBadge";
 const badgeClasses = generateUtilityClasses(componentName, [
+  /* elements */
   "root"
+  /* states or variants of elements */
 ]);
 const BADGE_PREFIX = "M4LBadge";
 const getNameBadgeDataTestId = (ELEMENTKEY, ID) => {

package/components/mui_extended/Breadcrumbs/{index.4a44883c.js → index-DTS7rOZH.js}

@@ -31,8 +31,7 @@ function Breadcrumbs(props) {
   const { links, activeLast = false, ...other } = props;
   const { getLabel } = useModuleDictionary();
   const currentLink = useMemo(() => {
-    if (links.length === 0)
-      return "";
+    if (links.length === 0) return "";
     const { dictionaryField } = links[links.length - 1];
     return getLabel(dictionaryField);
   }, [getLabel, links]);

package/components/mui_extended/Button/{index.3d14e3e9.js → index-CksGG1B8.js}

@@ -2,18 +2,20 @@ 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.db9e7ddb.js";
+import { aA as ButtonRoot, aB as WrapperImageButton, aC as LoadingButtonRoot } from "../../../styles/index-C-MsxWtr.js";
 import { unstable_composeClasses } from "@mui/base";
 import clsx from "clsx";
 import { useMemo } from "react";
-import { I as Image } from "../../Image/index.ae542f70.js";
-import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
+import { I as Image } from "../../Image/index-By5vsRzf.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.8c0801e4.js";
+import { T as Typography } from "../Typography/index-W88rbpsJ.js";
 const componentName$2 = "M4LButton";
 const buttonClasses = generateUtilityClasses(componentName$2, [
+  /* elements */
   "root",
   "skeleton",
+  /* states or variants of elements */
   "sizeSmall",
   "sizeMedium",
   "variantOutlined",
@@ -23,6 +25,7 @@ const buttonClasses = generateUtilityClasses(componentName$2, [
   "colorError",
   "colorSuccess",
   "colorWarning",
+  /**Toggle */
   "togglePressed",
   "toggleNotPressed"
 ]);
@@ -57,6 +60,7 @@ const Button = (props) => {
     className,
     disabled,
     skeletonWidth = "100px",
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     skeletonHeight = "28px",
     colorState,
     ...others
@@ -69,19 +73,33 @@ const Button = (props) => {
     colorState
   };
   const classes = useUtilityClasses$2(ownerState);
-  return /* @__PURE__ */ jsx(ButtonRoot, { className: clsx(classes.root, className), "data-testid": "ButtonRoot", children: !isSkeleton ? /* @__PURE__ */ jsx(MuiButton, { ...others, variant, size, disableRipple: true, disabled }) : /* @__PURE__ */ jsx(
-    Skeleton,
-    {
-      className: classes.skeleton,
-      "data-testid": "MuiSkeleton",
-      variant: "rectangular",
-      width: skeletonWidth
-    }
-  ) });
+  return (
+    /* ButtonRoot: Contenedor principal del componente, es usado para aplicar los estilos css de los overrides que
+        provienen del objeto del tema. Se usa para garantizar de que estos estilos no se propaguen a
+        otros componentes de la plataforna web. */
+    /* @__PURE__ */ jsx(ButtonRoot, { className: clsx(classes.root, className), "data-testid": "ButtonRoot", children: !isSkeleton ? (
+      /* MuiButton: Componente botón proporcionado por la librería externa material ui. */
+      /* @__PURE__ */ jsx(MuiButton, { ...others, variant, size, disableRipple: true, disabled })
+    ) : (
+      /* MuiSkeleton: Componente extendido de mui que se usa para mostrar la versión provisional de elementos en
+              la plataforma web. */
+      /* @__PURE__ */ jsx(
+        Skeleton,
+        {
+          className: classes.skeleton,
+          "data-testid": "MuiSkeleton",
+          variant: "rectangular",
+          width: skeletonWidth
+        }
+      )
+    ) })
+  );
 };
 const componentName$1 = "M4LImageButton";
 generateUtilityClasses(componentName$1, [
+  /* elements */
   "root"
+  /* states or variants of elements */
 ]);
 function getImageButtonUtilityClass(slot) {
   return generateUtilityClass(componentName$1, slot);
@@ -125,8 +143,10 @@ const componentName = "M4LLoadingButton";
 generateUtilityClasses(
   componentName,
   [
+    /* elements */
     "root",
     "skeleton",
+    /* states or variants of elements */
     "sizeSmall",
     "sizeMedium",
     "variantOutlined",

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.5dc01b37.js → CheckBox-CjxjIrmN.js}

@@ -5,12 +5,14 @@ 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.db9e7ddb.js";
-import { F as FieldLabel } from "../FieldLabel/index.9a979def.js";
+import { aD as CheckBoxRoot } from "../../styles/index-C-MsxWtr.js";
+import { F as FieldLabel } from "../FieldLabel/index-DCAMDJoJ.js";
 const COMPONENT_CLASS_NAME = "M4LCheckBox";
 generateUtilityClasses(COMPONENT_CLASS_NAME, [
+  /* elements */
   "root",
   "skeleton",
+  /* states or variants of elements */
   "small",
   "medium",
   "stateDisabled"

package/components/mui_extended/IconButton/{index.7b6c1ee3.js → index-OMq0pPK0.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.c06685f4.js";
-import { aE as IconButtonRoot } from "../../../styles/index.db9e7ddb.js";
+import { I as Icon } from "../../Icon/index-CueLDD9j.js";
+import { aE as IconButtonRoot } from "../../../styles/index-C-MsxWtr.js";
 import { unstable_composeClasses } from "@mui/base";
 import clsx from "clsx";
 import { useResponsiveDesktop } from "@m4l/graphics";
@@ -20,8 +20,10 @@ const SkeletonIconButton = (props) => {
 };
 const componentName = "M4LIconButton";
 const iconButtonClasses = generateUtilityClasses(componentName, [
+  /* elements */
   "root",
   "skeleton",
+  /* states or variants of elements */
   "sizemSall",
   "sizeMedium",
   "variantPrimary",
@@ -29,6 +31,7 @@ const iconButtonClasses = generateUtilityClasses(componentName, [
   "variantLine",
   "isFocus",
   "isDisabled",
+  /**Toggle */
   "togglePressed",
   "toggleNotPressed"
 ]);
@@ -82,7 +85,10 @@ const IconButton = (props) => {
     }
     return void 0;
   }, [tooltip, dictionaryTooltipId, getLabel, disabled]);
-  const [isfocus] = useState(false);
+  const [
+    isfocus
+    /* setIsFocus */
+  ] = useState(false);
   const ownerState = {
     variant,
     size: isDesktop ? size : "medium",
@@ -91,25 +97,39 @@ const IconButton = (props) => {
     isDisabled: disabled
   };
   const classes = useUtilityClasses(ownerState);
-  return /* @__PURE__ */ jsx(IconButtonRoot, { 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,
-      onClick,
-      disableRipple: true,
-      disabled,
-      children: /* @__PURE__ */ jsx(Icon, { src, size })
-    }
-  ) }) : /* @__PURE__ */ jsx(
-    IconButton$1,
-    {
-      ...other,
-      onClick,
-      disableRipple: true,
-      disabled,
-      children: /* @__PURE__ */ jsx(Icon, { src, size: isDesktop ? size : "medium", rotationAngle })
-    }
-  ) }) : /* @__PURE__ */ jsx(SkeletonIconButton, { classes }) });
+  return (
+    /* IconButtonRoot: Contenedor principal del componente, es usado para aplicar los estilos css de los overrides que
+        provienen del objeto del tema. Se usa para garantizar de que estos estilos no se propaguen a
+        otros componentes de la plataforna web. */
+    /* @__PURE__ */ jsx(IconButtonRoot, { className: clsx(classes.root, className), "data-testid": "IconButtonRoot", children: !isSkeleton ? (
+      // eslint-disable-next-line react/jsx-no-useless-fragment
+      /* @__PURE__ */ jsx(Fragment, { children: finalTooltip ? (
+        /* Este bloque corresponde al caso en el que requiera tooltip en el componente. */
+        /* @__PURE__ */ jsx(Tooltip, { title: finalTooltip || "", children: /* @__PURE__ */ jsx(
+          IconButton$1,
+          {
+            ...other,
+            onClick,
+            disableRipple: true,
+            disabled,
+            children: /* @__PURE__ */ jsx(Icon, { src, size })
+          }
+        ) })
+      ) : (
+        /* Este bloque corresponde al caso en que solo se rquiera cargar el botón con icono. */
+        /* @__PURE__ */ jsx(
+          IconButton$1,
+          {
+            ...other,
+            onClick,
+            disableRipple: true,
+            disabled,
+            children: /* @__PURE__ */ jsx(Icon, { src, size: isDesktop ? size : "medium", rotationAngle })
+          }
+        )
+      ) })
+    ) : /* @__PURE__ */ jsx(SkeletonIconButton, { classes }) })
+  );
 };
 export {
   IconButton as I,

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-De7dpdBH.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-C-MsxWtr.js";
+import { P as Popover } from "../Popover/index-BnKsmvtw.js";
+import { B as Badge } from "../Badge/index-Dfdw5Iaq.js";
+import { I as IconButton } from "../IconButton/index-OMq0pPK0.js";
+import { I as Icon } from "../../Icon/index-CueLDD9j.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"
+}