@m4l/components 0.1.87 → 0.1.89

package/components/hook-form/RHFDateTime/{index.802fb228.js → index.1ca795b0.js}

@@ -6,26 +6,26 @@ import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useFormatter, useResponsiveDesktop } from "@m4l/graphics";
 import { useState, useEffect } from "react";
 import clsx from "clsx";
-import "../../Icon/index.435df215.js";
+import "../../Icon/index.a70c4729.js";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
-import "../../mui_extended/IconButton/index.d88a3f2e.js";
-import "../../mui_extended/Accordion/index.1d182a0e.js";
+import "../../mui_extended/IconButton/index.76624519.js";
+import "../../mui_extended/Accordion/index.0e0090ca.js";
 import { T as Typography } from "../../mui_extended/Typography/index.443590d6.js";
 import "../../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
 import "@mui/material/Button";
 import "../../mui_extended/Button/index.f79eb74e.js";
 import "../../mui_extended/CheckBox.38abccd8.js";
-import "../../mui_extended/Badge/index.8c2b8b66.js";
+import "../../mui_extended/Badge/index.b09524fe.js";
 import "../../Image/index.c18ebf5a.js";
 import "@mui/lab";
-import "../../mui_extended/MenuActions/index.c53370f6.js";
+import "../../mui_extended/MenuActions/index.4c2e48d4.js";
 import "../../mui_extended/Popover/index.9f35d0eb.js";
 import "../../mui_extended/Stack/index.0e53197c.js";
-import "../../mui_extended/Tab/index.8592b93c.js";
-import "../../mui_extended/Pager/index.d6c87c44.js";
+import "../../mui_extended/Tab/index.3db2e0c7.js";
+import "../../mui_extended/Pager/index.ac2a21f0.js";
 import "../../mui_extended/Tooltip/index.5a795dcd.js";
-import { H as HelperText } from "../../HelperText/index.d00b45e5.js";
+import { H as HelperText } from "../../HelperText/index.69791151.js";
 import { styled } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
 const SKTRHFWrapperTextField = styled("div")(({
@@ -173,8 +173,6 @@ function RHFDateTime(props) {
             slots: {},
             slotProps: {
               textField: {
-                error: !!error,
-                helperText: error?.message,
                 onFocus: handlerFocus,
                 onBlur: handlerBlur
               },

package/components/hook-form/RHFPeriod/{index.6395b24a.js → index.90777c53.js}

@@ -1,7 +1,7 @@
 import { styled, generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { useFormContext, Controller } from "react-hook-form";
-import { H as HelperText } from "../../HelperText/index.d00b45e5.js";
-import { P as Period } from "../../Period/index.83b88249.js";
+import { H as HelperText } from "../../HelperText/index.69791151.js";
+import { P as Period } from "../../Period/index.972dbe64.js";
 import { unstable_composeClasses } from "@mui/base";
 import { jsx, jsxs } from "react/jsx-runtime";
 const RHFPeriodRoot = styled("div")(({

package/components/hook-form/RHFTextField/{index.75129118.js → index.ccea64e7.js}

@@ -1,10 +1,10 @@
 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.d88a3f2e.js";
+import { I as IconButton } from "../../mui_extended/IconButton/index.76624519.js";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import "../../Icon/index.435df215.js";
+import "../../Icon/index.a70c4729.js";
 import "clsx";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { useFormContext, Controller } from "react-hook-form";
@@ -12,7 +12,7 @@ import { styled as styled$1 } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
 import { g as getComponentUtilityClass } from "../../../utils/index.c43a95f4.js";
 import { T as Typography } from "../../mui_extended/Typography/index.443590d6.js";
-import { H as HelperText } from "../../HelperText/index.d00b45e5.js";
+import { H as HelperText } from "../../HelperText/index.69791151.js";
 const SkeletonTextFieldRoot = styled("div")(() => ({
   display: "flex",
   flexDirection: "column",

package/components/hook-form/RHFUpload/{index.fead1c63.js → index.85e59119.js}

@@ -9,25 +9,25 @@ import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { B as Button } from "../../mui_extended/Button/index.f79eb74e.js";
 import { T as Typography } from "../../mui_extended/Typography/index.443590d6.js";
-import { H as HelperText } from "../../HelperText/index.d00b45e5.js";
+import { H as HelperText } from "../../HelperText/index.69791151.js";
 import "clsx";
 import { styled } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
 import "@mui/material/Button";
-import "../../Icon/index.435df215.js";
-import "../../mui_extended/IconButton/index.d88a3f2e.js";
+import "../../Icon/index.a70c4729.js";
+import "../../mui_extended/IconButton/index.76624519.js";
 import "@m4l/graphics";
-import "../../mui_extended/Accordion/index.1d182a0e.js";
+import "../../mui_extended/Accordion/index.0e0090ca.js";
 import "../../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
 import "../../mui_extended/CheckBox.38abccd8.js";
-import "../../mui_extended/Badge/index.8c2b8b66.js";
+import "../../mui_extended/Badge/index.b09524fe.js";
 import "@mui/lab";
-import "../../mui_extended/MenuActions/index.c53370f6.js";
+import "../../mui_extended/MenuActions/index.4c2e48d4.js";
 import "../../mui_extended/Popover/index.9f35d0eb.js";
 import "../../mui_extended/Stack/index.0e53197c.js";
-import "../../mui_extended/Tab/index.8592b93c.js";
-import "../../mui_extended/Pager/index.d6c87c44.js";
+import "../../mui_extended/Tab/index.3db2e0c7.js";
+import "../../mui_extended/Pager/index.ac2a21f0.js";
 import "../../mui_extended/Tooltip/index.5a795dcd.js";
 const UploadImageRoot = styled("div")(({
   theme

package/components/modal/{WindowBase.f568bcac.js → WindowBase.39a70f35.js}

@@ -1,39 +1,39 @@
 import { useEnvironment } from "@m4l/core";
 import "react";
-import { u as useModal } from "../../hooks/useModal/index.caaeaddd.js";
+import { u as useModal } from "../../hooks/useModal/index.6457198c.js";
 import "@mui/material";
 import "../../react-draggable.7abb5d0a.js";
-import "../Resizeable/index.9a9c79a4.js";
+import "../Resizeable/index.676c96fe.js";
 import { jsxs, jsx } from "react/jsx-runtime";
 import "@m4l/graphics";
-import { I as Icon } from "../Icon/index.435df215.js";
-import clsx from "clsx";
-import { m as modalUtilityClasses } from "./index.8d846036.js";
-import "../CommonActions/components/Actions/index.018d4c62.js";
+import { m as modalUtilityClasses } from "./index.dbdb6ac0.js";
+import "../CommonActions/components/Actions/index.366cb775.js";
 import "@mui/material/Button";
 import "../mui_extended/Button/index.f79eb74e.js";
+import clsx from "clsx";
 import "react-hook-form";
-import { I as IconButton } from "../mui_extended/IconButton/index.d88a3f2e.js";
+import { I as Icon } from "../Icon/index.a70c4729.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.76624519.js";
 import "zustand";
-import "../areas/contexts/AreasContext/index.060aa7b0.js";
-import "../areas/components/AreasAdmin/index.f0fd024a.js";
+import "../areas/contexts/AreasContext/index.7a2d5394.js";
+import "../areas/components/AreasAdmin/index.cb3d7bd6.js";
 import "zustand/shallow";
 import "../ScrollBar/index.65bb2930.js";
-import "../mui_extended/Accordion/index.1d182a0e.js";
+import "../mui_extended/Accordion/index.0e0090ca.js";
 import "../mui_extended/Typography/index.443590d6.js";
 import "../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
 import "../mui_extended/CheckBox.38abccd8.js";
-import "../mui_extended/Badge/index.8c2b8b66.js";
+import "../mui_extended/Badge/index.b09524fe.js";
 import "../Image/index.c18ebf5a.js";
 import "@mui/lab";
-import "../mui_extended/MenuActions/index.c53370f6.js";
+import "../mui_extended/MenuActions/index.4c2e48d4.js";
 import "../mui_extended/Popover/index.9f35d0eb.js";
 import "../mui_extended/Stack/index.0e53197c.js";
-import "../mui_extended/Tab/index.8592b93c.js";
-import "../mui_extended/Pager/index.d6c87c44.js";
+import "../mui_extended/Tab/index.3db2e0c7.js";
+import "../mui_extended/Pager/index.ac2a21f0.js";
 import "../mui_extended/Tooltip/index.5a795dcd.js";
-import "../areas/components/AreasViewer/index.6c28b2c0.js";
+import "../areas/components/AreasViewer/index.1eef603d.js";
 import "../LinearProgressIndeterminate/index.60dabc06.js";
 import "../areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import "../areas/contexts/DynamicMFParmsContext/index.1607c78e.js";
@@ -58,7 +58,8 @@ const Header = (props) => {
     children: [urlIcon && /* @__PURE__ */ jsx("div", {
       className: classes.iconHeader,
       children: /* @__PURE__ */ jsx(Icon, {
-        src: urlIcon
+        src: urlIcon,
+        size: "medium"
       })
     }), /* @__PURE__ */ jsx("div", {
       className: classes.titleHeader,
@@ -94,7 +95,10 @@ const WindowBase = (props) => {
       ...other,
       onClickCancel: onCloseCancel,
       classes
-    }), children]
+    }), /* @__PURE__ */ jsx("div", {
+      className: classes.windowContent,
+      children
+    })]
   });
 };
 export {

package/components/modal/{WindowConfirm.3c4da58c.js → WindowConfirm.f53c02f6.js}

@@ -1,44 +1,45 @@
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
 import "react";
-import { u as useModal } from "../../hooks/useModal/index.caaeaddd.js";
+import { u as useModal } from "../../hooks/useModal/index.6457198c.js";
 import { Typography } from "@mui/material";
 import "../../react-draggable.7abb5d0a.js";
-import "../Resizeable/index.9a9c79a4.js";
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import "../Resizeable/index.676c96fe.js";
+import { jsx, jsxs } from "react/jsx-runtime";
 import "@m4l/graphics";
-import "../Icon/index.435df215.js";
-import "clsx";
-import { m as modalUtilityClasses } from "./index.8d846036.js";
-import { A as Actions } from "../CommonActions/components/Actions/index.018d4c62.js";
-import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.e66f9b5f.js";
-import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.33892c01.js";
+import { m as modalUtilityClasses } from "./index.dbdb6ac0.js";
+import { A as Actions } from "../CommonActions/components/Actions/index.366cb775.js";
+import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.ffc5618a.js";
+import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.81d2648b.js";
 import "react-hook-form";
 import "@mui/material/Button";
 import "../mui_extended/Button/index.f79eb74e.js";
-import "../mui_extended/IconButton/index.d88a3f2e.js";
+import "clsx";
+import "../Icon/index.a70c4729.js";
+import "../mui_extended/IconButton/index.76624519.js";
 import "zustand";
-import "../areas/contexts/AreasContext/index.060aa7b0.js";
-import "../areas/components/AreasAdmin/index.f0fd024a.js";
+import "../areas/contexts/AreasContext/index.7a2d5394.js";
+import "../areas/components/AreasAdmin/index.cb3d7bd6.js";
 import "zustand/shallow";
 import "../ScrollBar/index.65bb2930.js";
-import "../mui_extended/Accordion/index.1d182a0e.js";
+import "../mui_extended/Accordion/index.0e0090ca.js";
 import "../mui_extended/Typography/index.443590d6.js";
 import "../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
 import "../mui_extended/CheckBox.38abccd8.js";
-import "../mui_extended/Badge/index.8c2b8b66.js";
+import "../mui_extended/Badge/index.b09524fe.js";
 import { I as Image } from "../Image/index.c18ebf5a.js";
 import "@mui/lab";
-import "../mui_extended/MenuActions/index.c53370f6.js";
+import "../mui_extended/MenuActions/index.4c2e48d4.js";
 import "../mui_extended/Popover/index.9f35d0eb.js";
 import "../mui_extended/Stack/index.0e53197c.js";
-import "../mui_extended/Tab/index.8592b93c.js";
-import "../mui_extended/Pager/index.d6c87c44.js";
+import "../mui_extended/Tab/index.3db2e0c7.js";
+import "../mui_extended/Pager/index.ac2a21f0.js";
 import "../mui_extended/Tooltip/index.5a795dcd.js";
-import "../areas/components/AreasViewer/index.6c28b2c0.js";
+import "../areas/components/AreasViewer/index.1eef603d.js";
 import "../LinearProgressIndeterminate/index.60dabc06.js";
 import "../areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import "../areas/contexts/DynamicMFParmsContext/index.1607c78e.js";
+import { W as WindowBase } from "./WindowBase.39a70f35.js";
 const dictionary = {
   MESSAGE: "common_actions.confirm_quit_msg"
 };
@@ -98,6 +99,13 @@ const WindowConfirm = (props) => {
   const {
     closeModal
   } = useModal();
+  const {
+    getLabel
+  } = useModuleDictionary();
+  const {
+    host_static_assets,
+    environment_assets
+  } = useEnvironment();
   const onCloseCancel = () => {
     onClickCancel && onClickCancel();
     closeModal();
@@ -105,7 +113,9 @@ const WindowConfirm = (props) => {
   const classes = modalUtilityClasses({
     variant
   });
-  return /* @__PURE__ */ jsxs(Fragment, {
+  return /* @__PURE__ */ jsxs(WindowBase, {
+    title: getLabel("modal_dialog.label_window_confirm"),
+    urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/dialog/assets/icons/window_confirm.svg`,
     children: [/* @__PURE__ */ jsx(MessageIlustration, {
       classes,
       msg,

package/components/modal/classes/index.d.ts

@@ -4,6 +4,7 @@ export declare const modalClasses: ModalClassesType;
 export declare function getModalUtilityClass(slot: string): string;
 export declare const modalUtilityClasses: (ownerState: OwnerStateWindowConfim) => {
     root: string;
+    resizeHandle: string;
     headerContainer: string;
     windowBaseRoot: string;
     containerWindow: string;
@@ -16,4 +17,5 @@ export declare const modalUtilityClasses: (ownerState: OwnerStateWindowConfim) =
     messageContainer: string;
     illustration: string;
     windowConfirm: string;
+    windowContent: string;
 };

package/components/modal/classes/types.d.ts

@@ -13,6 +13,8 @@ export interface ModalClassesType {
     messageContainer: string;
     illustration: string;
     windowConfirm: string;
+    resizeHandle: string;
+    windowContent: string;
     variantDelete: string;
     variantWarning: string;
     variantInfo: string;

package/components/modal/dictionary.d.ts

@@ -0,0 +1 @@
+export declare const getModalDictionary: () => string;

package/components/modal/index.d.ts

@@ -3,3 +3,4 @@ export * from './ModalDialog/dictionary';
 export * from './WindowConfirm';
 export type { WindowConfirmProps } from './WindowConfirm/types';
 export * from './WindowBase';
+export { getModalDictionary } from './dictionary';

package/components/modal/{index.8d846036.js → index.dbdb6ac0.js}

@@ -1,39 +1,39 @@
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import "../../react-draggable.7abb5d0a.js";
 import "react";
-import "../../contexts/ModalContext/index.9fb8e0a2.js";
-import "../Resizeable/index.9a9c79a4.js";
+import "../../contexts/ModalContext/index.1fc9f5d9.js";
+import "../Resizeable/index.676c96fe.js";
 import "react/jsx-runtime";
 import "@m4l/graphics";
-import "../Icon/index.435df215.js";
-import "clsx";
-import "@m4l/core";
 import { unstable_composeClasses } from "@mui/base";
-import "../mui_extended/IconButton/index.d88a3f2e.js";
-import "../mui_extended/Accordion/index.1d182a0e.js";
+import "@m4l/core";
+import "../Icon/index.a70c4729.js";
+import "clsx";
+import "../mui_extended/IconButton/index.76624519.js";
+import "../mui_extended/Accordion/index.0e0090ca.js";
 import "../mui_extended/Typography/index.443590d6.js";
 import "../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
 import "@mui/material/Button";
 import "../mui_extended/Button/index.f79eb74e.js";
 import "../mui_extended/CheckBox.38abccd8.js";
-import "../mui_extended/Badge/index.8c2b8b66.js";
+import "../mui_extended/Badge/index.b09524fe.js";
 import "../Image/index.c18ebf5a.js";
 import "@mui/lab";
-import "../mui_extended/MenuActions/index.c53370f6.js";
+import "../mui_extended/MenuActions/index.4c2e48d4.js";
 import "../mui_extended/Popover/index.9f35d0eb.js";
 import "../mui_extended/Stack/index.0e53197c.js";
-import "../mui_extended/Tab/index.8592b93c.js";
-import "../mui_extended/Pager/index.d6c87c44.js";
+import "../mui_extended/Tab/index.3db2e0c7.js";
+import "../mui_extended/Pager/index.ac2a21f0.js";
 import "../mui_extended/Tooltip/index.5a795dcd.js";
-import "../CommonActions/components/Actions/index.018d4c62.js";
+import "../CommonActions/components/Actions/index.366cb775.js";
 import "react-hook-form";
 import "zustand";
-import "../areas/contexts/AreasContext/index.060aa7b0.js";
-import "../areas/components/AreasAdmin/index.f0fd024a.js";
+import "../areas/contexts/AreasContext/index.7a2d5394.js";
+import "../areas/components/AreasAdmin/index.cb3d7bd6.js";
 import "zustand/shallow";
 import "../ScrollBar/index.65bb2930.js";
-import "../areas/components/AreasViewer/index.6c28b2c0.js";
+import "../areas/components/AreasViewer/index.1eef603d.js";
 import "../LinearProgressIndeterminate/index.60dabc06.js";
 import "../areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import "../areas/contexts/DynamicMFParmsContext/index.1607c78e.js";
@@ -52,6 +52,8 @@ generateUtilityClasses(componentName, [
   "messageContainer",
   "illustration",
   "windowConfirm",
+  "resizeHandle",
+  "windowContent",
   "variantDelete",
   "variantWarning",
   "variantInfo",
@@ -74,13 +76,19 @@ const modalUtilityClasses = (ownerState) => {
     illustrationContainer: ["illustrationContainer"],
     messageContainer: ["messageContainer"],
     illustration: ["illustration"],
-    windowConfirm: ["windowConfirm"]
+    windowConfirm: ["windowConfirm"],
+    resizeHandle: ["resizeHandle"],
+    windowContent: ["windowContent"]
   };
   const composedClasses = unstable_composeClasses(slots, getModalUtilityClass, {});
   return {
     ...composedClasses
   };
 };
+const getModalDictionary = () => {
+  return "modal_dialog";
+};
 export {
+  getModalDictionary as g,
   modalUtilityClasses as m
 };

package/components/mui_extended/Accordion/{index.1d182a0e.js → index.0e0090ca.js}

@@ -1,12 +1,12 @@
 import { generateUtilityClasses, generateUtilityClass, styled, Accordion as Accordion$1, AccordionSummary, AccordionDetails } from "@mui/material";
-import { I as IconButton } from "../IconButton/index.d88a3f2e.js";
+import { I as IconButton } from "../IconButton/index.76624519.js";
 import { useEnvironment } from "@m4l/core";
 import { unstable_composeClasses } from "@mui/base";
-import { I as Icon } from "../../Icon/index.435df215.js";
+import { I as Icon } from "../../Icon/index.a70c4729.js";
 import { T as Typography } from "../Typography/index.443590d6.js";
 import clsx from "clsx";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
-import { g as getNameDataTestId } from "../../../vendor.15beabcd.js";
+import { g as getNameDataTestId } from "../../../vendor.92191f81.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 const componentName = "M4LAccordion";
 generateUtilityClasses(componentName, [

package/components/mui_extended/Badge/{index.8c2b8b66.js → index.b09524fe.js}

@@ -17,7 +17,7 @@ const getNameBadgeDataTestId = (ELEMENTKEY, ID) => {
 const Badge = (props) => {
   const {
     children,
-    dataTestId,
+    dataTestId = "",
     ...others
   } = props;
   return /* @__PURE__ */ jsx(BadgeRoot, {

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

@@ -1,4 +1,4 @@
 import { BadgeProps as MUIBadgeProps } from "@mui/material";
 export interface BadgeProps extends MUIBadgeProps {
-    dataTestId: string;
+    dataTestId?: string;
 }

package/components/mui_extended/IconButton/{index.d88a3f2e.js → index.76624519.js}

@@ -1,7 +1,7 @@
 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.435df215.js";
+import { I as Icon } from "../../Icon/index.a70c4729.js";
 import { jsx, Fragment } from "react/jsx-runtime";
 import clsx from "clsx";
 import { useResponsiveDesktop } from "@m4l/graphics";
@@ -78,7 +78,7 @@ const IconButton = (props) => {
       return getLabel(dictionaryTooltipId);
     }
     return void 0;
-  }, [tooltip, dictionaryTooltipId, getLabel]);
+  }, [tooltip, dictionaryTooltipId, getLabel, disabled]);
   const [isfocus] = useState(false);
   const ownerState = {
     variant,

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

@@ -0,0 +1 @@
+export declare const componentName = "M4LMenuActions";

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

@@ -0,0 +1,7 @@
+import { MenuActionsClassesType } from './types';
+export declare const menuActionsClasses: MenuActionsClassesType;
+export declare function getMenuActionsUtilityClass(slot: string): string;
+export declare const useMenuActionsUtilityClasses: () => {
+    root: string;
+    itemDelete: string;
+};

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

@@ -0,0 +1,7 @@
+import { useMenuActionsUtilityClasses } from ".";
+export interface MenuActionsClassesType {
+    root: string;
+    itemDelete: string;
+}
+export declare type StackClassesKey = keyof MenuActionsClassesType;
+export declare type Classes = ReturnType<typeof useMenuActionsUtilityClasses>;

package/components/mui_extended/MenuActions/{index.c53370f6.js → index.4c2e48d4.js}

@@ -1,12 +1,28 @@
 import React__default, { useState, useEffect, useMemo } from "react";
 import { useEnvironment, useModuleDictionary } from "@m4l/core";
-import { IconButton, MenuItem, Badge } from "@mui/material";
+import { IconButton, generateUtilityClasses, generateUtilityClass, useTheme, MenuItem } from "@mui/material";
 import { P as Popover } from "../Popover/index.9f35d0eb.js";
 import { styled } from "@mui/material/styles";
-import { I as Icon } from "../../Icon/index.435df215.js";
-import { I as IconButton$1 } from "../IconButton/index.d88a3f2e.js";
+import { I as Icon } from "../../Icon/index.a70c4729.js";
+import { I as IconButton$1 } from "../IconButton/index.76624519.js";
 import clsx from "clsx";
+import "../Accordion/index.0e0090ca.js";
+import "../Typography/index.443590d6.js";
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import "../Avatar/index.75e6ed57.js";
+import "react-router-dom";
+import "@mui/material/Button";
+import "../Button/index.f79eb74e.js";
+import "../CheckBox.38abccd8.js";
+import { B as Badge } from "../Badge/index.b09524fe.js";
+import "../../Image/index.c18ebf5a.js";
+import "@mui/lab";
+import "../Stack/index.0e53197c.js";
+import "../Tab/index.3db2e0c7.js";
+import "../Pager/index.ac2a21f0.js";
+import "@m4l/graphics";
+import "../Tooltip/index.5a795dcd.js";
+import { unstable_composeClasses } from "@mui/base";
 styled(IconButton)(() => ({}));
 const LabelMemuItem = styled("div")(({
   theme
@@ -21,6 +37,24 @@ const LabelMemuItem = styled("div")(({
 const ICONS = {
   MENU: "menu.svg"
 };
+const componentName = "M4LMenuActions";
+generateUtilityClasses(componentName, [
+  "root",
+  "itemDelete"
+]);
+function getMenuActionsUtilityClass(slot) {
+  return generateUtilityClass(componentName, slot);
+}
+const useMenuActionsUtilityClasses = () => {
+  const slots = {
+    root: ["root"],
+    itemDelete: ["itemDelete"]
+  };
+  const composedClasses = unstable_composeClasses(slots, getMenuActionsUtilityClass, {});
+  return {
+    ...composedClasses
+  };
+};
 function MenuActions(props) {
   const {
     menuActions,
@@ -52,10 +86,10 @@ function MenuActions(props) {
   } = useModuleDictionary();
   const [open, setOpen] = useState(null);
   const handleOpen = (event) => {
-    console.log("MenuActions event", event);
-    console.log("handleOpen");
     setOpen(event.currentTarget);
   };
+  const theme = useTheme();
+  const classes = useMenuActionsUtilityClasses();
   useEffect(() => {
     let mounted = true;
     if (mounted) {
@@ -74,8 +108,6 @@ function MenuActions(props) {
     e.stopPropagation();
     setOpen(null);
     externalClose && externalClose(null);
-    console.log("Se ejecut\xF3 el handle close");
-    console.log("externalClose value", externalClose);
   };
   const handleClick = (e, menuAction) => {
     e.stopPropagation();
@@ -94,8 +126,6 @@ function MenuActions(props) {
   const IconButtonElement = /* @__PURE__ */ jsx(Fragment, {
     children: withBadge ? /* @__PURE__ */ jsx(Badge, {
       badgeContent,
-      color: "primary",
-      overlap: "circular",
       children: /* @__PURE__ */ jsx(IconButton$1, {
         src: urlFinalIcon,
         onClick: handleOpen,
@@ -116,7 +146,7 @@ function MenuActions(props) {
       anchorEl: open,
       onClose: handleClose,
       arrowType,
-      className,
+      className: clsx(classes.root, className),
       sx: {
         marginTop,
         marginBottom,
@@ -129,6 +159,7 @@ function MenuActions(props) {
           typography: "body2",
           borderRadius: 0.75
         },
+        ...theme.components?.M4LMenuActions?.styleOverrides,
         ...menuActionSx
       },
       ...other,
@@ -141,7 +172,7 @@ function MenuActions(props) {
           color: menuAction.color ?? "text.main"
         },
         disabled: menuAction.disabled,
-        className: clsx(menuAction?.className),
+        className: clsx(menuAction?.className, menuAction.variant === "delete" && classes.itemDelete),
         children: [menuAction.urlIcon ? /* @__PURE__ */ jsx(Icon, {
           src: menuAction.urlIcon
         }) : null, /* @__PURE__ */ jsx(LabelMemuItem, {

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

@@ -7,6 +7,7 @@ export interface ComponentActionProps {
     description?: string;
     onClick: (props?: any) => void;
 }
+export declare type ItemVariant = 'normal' | 'delete';
 export declare type MenuAction = {
     urlIcon?: string;
     iconWidth?: number;
@@ -17,6 +18,7 @@ export declare type MenuAction = {
     label?: string;
     dictionaryId?: string;
     className?: string;
+    variant?: ItemVariant;
 };
 export interface MenuActionsProps extends Omit<PopoverProps, 'open'> {
     iconButtonClassName?: string;

package/components/mui_extended/Pager/{index.d6c87c44.js → index.ac2a21f0.js}

@@ -3,7 +3,7 @@ import { styled } from "@mui/material/styles";
 import { generateUtilityClasses, generateUtilityClass, useTheme, Select, InputBase, MenuItem } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import { T as Typography } from "../Typography/index.443590d6.js";
-import { I as IconButton } from "../IconButton/index.d88a3f2e.js";
+import { I as IconButton } from "../IconButton/index.76624519.js";
 import { useEnvironment } from "@m4l/core";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useResponsiveDesktop } from "@m4l/graphics";