@m4l/components 9.3.12-BE080925-beta.1 → 9.3.12-BE090925-beta.1

package/components/MenuActions/MenuActions.js

@@ -4,9 +4,10 @@ import { useEnvironment, useModuleDictionary } from "@m4l/core";
 import { u as useComponentSize } from "../../hooks/useComponentSize/useComponentSize.js";
 import { P as Popover } from "../mui_extended/Popover/Popover.js";
 import { M as MenuItem } from "../mui_extended/MenuItem/MenuItem.js";
-import { I as ICON_PATH, a as ICONS, M as MENU_ACTIONS_ } from "./constants.js";
+import { I as ICON_PATH, a as ICONS, M as MENU_ACTIONS_, b as MENU_ACTIONS_CLASSES } from "./constants.js";
 import { a as getMenuActionsDictionary, D as DICTIONARY } from "./dictionary.js";
 import { M as MenuDivider } from "../mui_extended/MenuDivider/MenuDivider.js";
+import clsx from "clsx";
 import { M as MenuListStyled, a as MenuLoaderStyled, R as RootStyled, I as IconButtonStyled, H as HeaderMenuActionsStyled, F as FooterMenuActionsStyled } from "./slots/MenuActionsSlots.js";
 import { C as CircularProgress } from "../mui_extended/CircularProgress/CircularProgress.js";
 function MenuActions(props) {
@@ -128,7 +129,7 @@ function MenuActions(props) {
       endListElement && endListElement
     ] });
   }, [menuActions, header, size, footer, endListElement, objItem, getLabel, actionKey, handleClick]);
-  return /* @__PURE__ */ jsxs(RootStyled, { className, ownerState: { ownerState }, children: [
+  return /* @__PURE__ */ jsxs(RootStyled, { className: clsx(className, MENU_ACTIONS_CLASSES.root, ownerState.selected && MENU_ACTIONS_CLASSES.selected), ownerState: { ownerState }, children: [
     /* @__PURE__ */ jsx(
       IconButtonStyled,
       {

package/components/MenuActions/MenuActions.styles.js

@@ -38,7 +38,7 @@ const menuActionsStyles = {
     "& active": {
       backgroundColor: theme.vars.palette[ownerState?.paletteColor ?? "default"].selectedOpacity
     },
-    '& [class*="M4LIcon-icon"]': {
+    "& .M4LIcon-icon": {
       backgroundColor: ownerState?.selected ? theme.vars.palette[ownerState?.paletteColor ?? "default"].selected : void 0
     }
   }),

package/components/MenuActions/constants.d.ts

@@ -20,3 +20,4 @@ export declare const MENU_ACTIONS_EMPTY = "menu_action_empty";
  * Prefijo de la clave que se utiliza cuando un ítem del menú está cargando en React.
  */
 export declare const MENU_ACTIONS_ = "menu_action_";
+export declare const MENU_ACTIONS_CLASSES: Record<string, string>;

package/components/MenuActions/constants.js

@@ -1,12 +1,23 @@
+import { g as getComponentClasses } from "../../utils/getComponentSlotRoot.js";
+import { M as MenuActionsSlots } from "./slots/MenuActionsEnum.js";
 const ICON_PATH = "frontend/components/menu_actions/assets/icons";
 const ICONS = {
   MENU: "menu.svg"
 };
 const MENU_ACTIONS_KEY_COMPONENT = "M4LMenuActions";
 const MENU_ACTIONS_ = "menu_action_";
+const MenuActionsComplementaryClasses = {
+  selected: "selected"
+};
+const MENU_ACTIONS_COMBINATE_CLASSES = {
+  ...MenuActionsSlots,
+  ...MenuActionsComplementaryClasses
+};
+const MENU_ACTIONS_CLASSES = getComponentClasses(MENU_ACTIONS_KEY_COMPONENT, MENU_ACTIONS_COMBINATE_CLASSES);
 export {
   ICON_PATH as I,
   MENU_ACTIONS_ as M,
   ICONS as a,
-  MENU_ACTIONS_KEY_COMPONENT as b
+  MENU_ACTIONS_CLASSES as b,
+  MENU_ACTIONS_KEY_COMPONENT as c
 };

package/components/MenuActions/slots/MenuActionsSlots.js

@@ -1,6 +1,6 @@
 import { MenuList } from "@mui/material";
 import { styled } from "@mui/material/styles";
-import { b as MENU_ACTIONS_KEY_COMPONENT } from "../constants.js";
+import { c as MENU_ACTIONS_KEY_COMPONENT } from "../constants.js";
 import { m as menuActionsStyles } from "../MenuActions.styles.js";
 import { M as MenuActionsSlots } from "./MenuActionsEnum.js";
 import { I as IconButton } from "../../mui_extended/IconButton/IconButton.js";

package/components/WindowBase/WindowBase.styles.js

@@ -291,7 +291,7 @@ const windowBaseStyles = {
           }
         }
       },
-      "&.MuiButtonBase-root:not(:hover, :active, :focus) .M4LIcon-root .M4LIcon-icon": {
+      "&.MuiButtonBase-root:not(:hover, :active, :focus, .M4LIconButton-selected) .M4LIcon-root .M4LIcon-icon": {
         backgroundColor: `${theme.vars.palette.text.disabled} !important`
       }
     },

package/components/mui_extended/IconButton/IconButton.js

@@ -88,7 +88,12 @@ const IconButton = forwardRef((props, ref) => {
           color,
           role: "button",
           ...other,
-          className: clsx(ICON_BUTTON_CLASSES[variant], ICON_BUTTON_CLASSES.styledMUIIconButton, className),
+          className: clsx(
+            ICON_BUTTON_CLASSES[variant],
+            ICON_BUTTON_CLASSES.styledMUIIconButton,
+            selected && ICON_BUTTON_CLASSES.selected,
+            className
+          ),
           children: renderIcon(icon || src)
         }
       )
@@ -104,7 +109,12 @@ const IconButton = forwardRef((props, ref) => {
       "data-testid": "IconButtonRoot",
       color,
       ...other,
-      className: clsx(ICON_BUTTON_CLASSES[variant], ICON_BUTTON_CLASSES.styledMUIIconButton, className),
+      className: clsx(
+        ICON_BUTTON_CLASSES[variant],
+        ICON_BUTTON_CLASSES.styledMUIIconButton,
+        selected && ICON_BUTTON_CLASSES.selected,
+        className
+      ),
       children: renderIcon(icon || src)
     }
   );

package/components/mui_extended/IconButton/constants.js

@@ -1,7 +1,14 @@
 import { g as getComponentClasses } from "../../../utils/getComponentSlotRoot.js";
 import { I as IconButtonSlots } from "./slots/IconButtonEnum.js";
 const ICON_BUTTON_KEY_COMPONENT = "M4LIconButton";
-const ICON_BUTTON_CLASSES = getComponentClasses(ICON_BUTTON_KEY_COMPONENT, IconButtonSlots);
+const IconButtonComplementaryClasses = {
+  selected: "selected"
+};
+const IconButtonCombineClasses = {
+  ...IconButtonSlots,
+  ...IconButtonComplementaryClasses
+};
+const ICON_BUTTON_CLASSES = getComponentClasses(ICON_BUTTON_KEY_COMPONENT, IconButtonCombineClasses);
 export {
   ICON_BUTTON_CLASSES as I,
   ICON_BUTTON_KEY_COMPONENT as a

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "9.3.12-BE080925-beta.1",
+  "version": "9.3.12-BE090925-beta.1",
   "license": "UNLICENSED",
   "description": "M4L Components",
   "lint-staged": {