@m4l/components 9.3.19-BE061025-beta.1 → 9.3.19-BE101025-beta.1

package/components/mui_extended/MenuItem/MenuItem.js

@@ -69,7 +69,7 @@ const MenuItem = (props) => {
         "data-testid": "SkeletonMenuItem",
         width: skeletonWidth,
         ownerState: { ...ownerState },
-        className: MENUITEM_CLASSES.skeleton
+        className: MENUITEM_CLASSES.skeletonMenuItem
       }
     );
   }

package/components/mui_extended/MenuItem/constants.d.ts

@@ -9,4 +9,4 @@ export declare const MENUITEM_KEY_COMPONENT = "M4LMenuItem";
 /**
  * Inventario de clases CSS para el componente MenuItem
  */
-export declare const MENUITEM_CLASSES: Record<string, string>;
+export declare const MENUITEM_CLASSES: Record<"root" | "menuItemIcon" | "menuItemIconChecked" | "menuItemContainer" | "skeletonMenuItem" | "menuItemTypography", string>;

package/components/mui_extended/NavLink/constants.d.ts

@@ -11,4 +11,4 @@ export declare const NAV_LINK_SPECIFY = "M4lclassCssSpecificity";
 /**
  * Inventario de clases CSS para el componente Typography.
  */
-export declare const classNavLinkRoot: Record<string, string>;
+export declare const classNavLinkRoot: Record<"root" | "typographyStyled" | "skeletonStyled" | "routerNavLinkStyled", string>;

package/components/mui_extended/Select/Select.js

@@ -91,7 +91,7 @@ const Select = forwardRef(
           {
             src: icon,
             size: adjustedSize,
-            className: SELECT_CLASSES.renderValueStartAdorment,
+            className: SELECT_CLASSES.adorment,
             disabled
           }
         );
@@ -201,7 +201,7 @@ const Select = forwardRef(
             return /* @__PURE__ */ jsx(
               MenuItemListStyled,
               {
-                className: SELECT_CLASSES.menuItemList,
+                className: SELECT_CLASSES.menuItem,
                 ownerState: { ...ownerState },
                 size: adjustedSize,
                 value: option.id,

package/components/mui_extended/Select/constants.d.ts

@@ -28,4 +28,4 @@ export declare const COMBINATED_TEXTFIELD_ENUMS: {
 /**
  * Inventario de clases CSS para el componente Select
  */
-export declare const SELECT_CLASSES: Record<string, string>;
+export declare const SELECT_CLASSES: Record<"text" | "menuItem" | "outlined" | "root" | "adorment" | "menuItemNoOptions" | "renderValueContainer" | "arrowDown" | "renderValueTypography" | "labelOption" | "labelPlaceholer" | "skeletonSelect", string>;

package/components/mui_extended/TextField/constants.d.ts

@@ -15,4 +15,4 @@ export declare const COMBINATED_TEXTFIELD_ENUMS: {
 /**
  * Inventario de clases CSS para el componente TextField
  */
-export declare const TEXT_FIELD_CLASSES: Record<string, string>;
+export declare const TEXT_FIELD_CLASSES: Record<"text" | "contained" | "outlined" | "skeleton" | "root" | "readOnly" | "limitContainer" | "limitTextFirst" | "limitTextSeparator" | "limitTextSecond", string>;

package/components/mui_extended/Tooltip/Tooltip.styles.js

@@ -23,7 +23,14 @@ const tooltipStyles = {
     padding: theme.vars.size.baseSpacings.sp2,
     borderRadius: theme.vars.size.borderRadius.r1,
     boxShadow: theme.vars.customShadows.z3,
-    ".MuiTooltip-arrow": {
+    "&.MuiTooltip-tooltipPlacementLeft .MuiTooltip-arrow": {
+      marginRight: "-0.6em"
+    },
+    "&.MuiTooltip-tooltipPlacementTop .MuiTooltip-arrow": {
+      marginBottom: "-0.6em"
+    },
+    "&&& .MuiTooltip-arrow": {
+      overflow: "visible",
       "&::before": {
         backgroundColor: theme.vars.palette.background.contrastDefault,
         borderRadius: theme.vars.size.borderRadius["r1"],

package/components/mui_extended/Tooltip/constants.d.ts

@@ -2,7 +2,7 @@ export declare const TOOLTIP_KEY_COMPONENT = "M4LTooltip";
 /**
  * Clases del componente Tooltip
  */
-export declare const TOOLTIP_CLASSES: Record<string, string>;
+export declare const TOOLTIP_CLASSES: Record<"text" | "tooltip" | "root", string>;
 /**
  * Desplazamiento predeterminado del tooltip (X, Y)
  */

package/components/mui_extended/Typography/constants.d.ts

@@ -10,7 +10,7 @@ export declare const TYPOGRAPHY_CLASS_NAME_SPECIFY = "M4lclassCssSpecificity";
 /**
  * Inventario de clases CSS para el componente Typography.
  */
-export declare const TYPOGRAPHY_CLASSES: Record<string, string>;
+export declare const TYPOGRAPHY_CLASSES: Record<"skeleton" | "root", string>;
 export declare const TYPOGRAPHY_FONTS: {
     Inter: string;
     Jura: string;

package/index.js

@@ -164,7 +164,8 @@ import { g as g22 } from "./components/LoadingError/dictionary.js";
 import { g as g23 } from "./components/MenuActions/dictionary.js";
 import { a as a9, M as M3 } from "./components/MenuActions/MenuActions.js";
 import { M as M4 } from "./components/MFIsolationApp/MFIsolationApp.js";
-import { M as M5 } from "./components/MFLoader/MFLoader.js";
+import { M as M5 } from "./components/MFIsolationAppStorybook/MFIsolationAppStorybook.js";
+import { M as M6 } from "./components/MFLoader/MFLoader.js";
 import { g as g24 } from "./components/MFLoader/dictionary.js";
 import { I as I6 } from "./components/ImageText/ImageText.js";
 import { N as N4 } from "./components/NoItemSelected/NoItemSelected.js";
@@ -187,12 +188,12 @@ import { T as T18 } from "./components/ToastContainer/subcomponents/ToastMessage
 import { W as W2 } from "./components/WindowBase/WindowBase.js";
 import { u as u14 } from "./components/WindowBase/hooks/useWindowToolsMF/index.js";
 import { u as u15, a as a11 } from "./components/WindowBase/hooks/useDynamicMFParameters/index.js";
-import { M as M6, W as W3, a as a12 } from "./components/WindowBase/contexts/WindowToolsMFContext/WindowToolsMFContext.js";
+import { M as M7, W as W3, a as a12 } from "./components/WindowBase/contexts/WindowToolsMFContext/WindowToolsMFContext.js";
 import { c as c3 } from "./components/WindowBase/contexts/DynamicMFParmsContext/store.js";
-import { D as D10, a as a13, M as M7 } from "./components/WindowBase/contexts/DynamicMFParmsContext/DynamicMFParmsContext.js";
+import { D as D10, a as a13, M as M8 } from "./components/WindowBase/contexts/DynamicMFParmsContext/DynamicMFParmsContext.js";
 import { W as W4 } from "./components/WindowConfirm/WindowConfirm.js";
 import { a as a14, g as g28 } from "./components/ModalDialog/dictionary.js";
-import { M as M8 } from "./components/ModalDialog/ModalDialog.js";
+import { M as M9 } from "./components/ModalDialog/ModalDialog.js";
 import { S as S10 } from "./components/SettingsLayout/SettingsLayout.js";
 import { P as P13 } from "./components/Pager/Pager.js";
 import { u as u16 } from "./components/Stepper/hooks/useStepper/index.js";
@@ -212,7 +213,7 @@ import { F as F3, R as R23, u as u17 } from "./components/hook-form/RHFormContex
 import { g as g30 } from "./components/hook-form/RHFormContext/dictionary.js";
 import { u as u18 } from "./contexts/AppearanceComponentContext/useAppearanceComponentStore.js";
 import { A as A16 } from "./contexts/AppearanceComponentContext/AppearanceComponentContext.js";
-import { a as a15, M as M9 } from "./contexts/ModalContext/index.js";
+import { a as a15, M as M10 } from "./contexts/ModalContext/index.js";
 import { u as u19 } from "./hooks/useFormAddEdit/index.js";
 import { u as u20 } from "./hooks/useModal/index.js";
 import { u as u21 } from "./hooks/useTab/index.js";
@@ -322,14 +323,15 @@ export {
   L10 as LoadingError,
   L as LoadingScreen,
   M4 as MFIsolationApp,
-  M5 as MFLoader,
-  M7 as MemonizedDynamicMFParmsProvider,
+  M5 as MFIsolationAppStorybook,
+  M6 as MFLoader,
+  M8 as MemonizedDynamicMFParmsProvider,
   a9 as MemonizedMenuActions,
-  M6 as MemonizedWindowToolsMFContext,
+  M7 as MemonizedWindowToolsMFContext,
   M3 as MenuActions,
   a15 as ModalContext,
-  M8 as ModalDialog,
-  M9 as ModalProvider,
+  M9 as ModalDialog,
+  M10 as ModalProvider,
   M as MotionContainer,
   M2 as MotionLazyContainer,
   N2 as NavLink,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "9.3.19-BE061025-beta.1",
+  "version": "9.3.19-BE101025-beta.1",
   "license": "UNLICENSED",
   "description": "M4L Components",
   "lint-staged": {

package/utils/getComponentSlotRoot.d.ts

@@ -3,7 +3,9 @@
  * Esta función es utilizada para asignar un asignar un className a un componente
  */
 export declare function getComponentSlotRoot(componentKey: string): string;
+type ComponentSlots = Record<string, string> | readonly string[];
 /**
  * Función para construir el nombre del slot para className de un componente.
  */
-export declare const getComponentClasses: <T extends Record<string, string> | string[]>(componentName: string, slotList: T) => Record<string, string>;
+export declare const getComponentClasses: <T extends ComponentSlots>(componentName: string, slotList: T) => T extends readonly string[] ? Record<T[number], string> : Record<keyof T, string>;
+export {};

package/components/mui_extended/Button/constans.js

@@ -1,4 +0,0 @@
-const BUTTON_KEY_COMPONENT = "M4LButton";
-export {
-  BUTTON_KEY_COMPONENT as B
-};