@m4l/components 9.2.47 → 9.2.49

package/components/Chip/types.d.ts

@@ -5,6 +5,7 @@ import { CHIP_KEY_COMPONENT } from './constants';
 import { ChipSlots } from './slots';
 import { IconButtonProps as MUIIconButtonProps } from '@mui/material';
 import { M4LOverridesStyleRules } from '../../@types/augmentations';
+import { Maybe } from '@m4l/core';
 export type ChipVariants = 'contained' | 'outlined';
 /**
  * Propiedades del componente `Chip`.
@@ -25,7 +26,7 @@ export interface ChipProps {
     /**
      * Text describing the `Chip`.
      */
-    label?: string;
+    label?: Maybe<string>;
     /**
      * Defines the variant of the `Chip` (default 'contained').
      */

package/components/DataGrid/formatters/ColumnChipStatusFormatter/formatter.js

@@ -4,7 +4,7 @@ import { g as getFieldValueWithRow } from "../../../../helpers/getFieldValueWith
 import { C as ChipStatusFormatterColumnWrapperStyled } from "../../../formatters/ChipStatusFormatter/slots/ChipStatusFormatterSlots.js";
 import { C as ChipStatusFormatter } from "../../../formatters/ChipStatusFormatter/ChipStatusFormatter.js";
 const ColumnChipStatusFormatter = (props) => {
-  const { uriStatus, uriLabel, statusesColors, fallbackColor } = props;
+  const { fieldStatus: uriStatus, fieldLabel: uriLabel, statusesColors, fallbackColor } = props;
   return (obProps) => {
     const label = typeof uriLabel === "string" ? getPropertyByString(obProps, getFieldValueWithRow(uriStatus.toString())) : uriLabel(obProps, uriStatus);
     const status = getPropertyByString(obProps, getFieldValueWithRow(uriStatus.toString()));

package/components/DataGrid/formatters/ColumnChipStatusFormatter/types.d.ts

@@ -1,5 +1,6 @@
+import { DeepKeyOf } from '../../../../utils/types';
 import { ChipStatusKey, ChipStatusFormatterProps } from '../../../formatters/ChipStatusFormatter/types';
-export interface ColumnChipStatusFormatterProps<Row> extends Pick<ChipStatusFormatterProps, 'statusesColors' | 'fallbackColor'> {
-    uriStatus: string | number;
-    uriLabel: string | ((row: Row, status: ChipStatusKey) => string);
+export interface ColumnChipStatusFormatterProps<TRow> extends Pick<ChipStatusFormatterProps, 'statusesColors' | 'fallbackColor'> {
+    fieldStatus: DeepKeyOf<TRow>;
+    fieldLabel: DeepKeyOf<TRow> | ((row: TRow, status: ChipStatusKey) => string);
 }

package/components/DataGrid/formatters/ColumnChipStatusFormatter/useColumnChipStatus.js

@@ -4,16 +4,16 @@ import { g as getColumnKey } from "../../helpers/getColumnKey.js";
 import { deepEqual } from "fast-equals";
 import { useState, useRef, useEffect, useMemo } from "react";
 const getCustomChipStatusFilter = (props) => {
-  const { uriLabel } = props;
+  const { fieldLabel: uriLabel } = props;
   return (row, value) => {
-    const valueMaybeString = typeof uriLabel === "string" ? getPropertyByString(row, getColumnKey(uriLabel), "") : uriLabel(row, props.uriStatus);
+    const valueMaybeString = typeof uriLabel === "string" ? getPropertyByString(row, getColumnKey(uriLabel), "") : uriLabel(row, props.fieldStatus);
     return valueMaybeString.includes(value.toString());
   };
 };
 const getCustomChipStatusSort = (props) => {
   return (a, b) => {
-    const valueA = typeof props.uriLabel === "string" ? getPropertyByString(a, getColumnKey(props.uriLabel), "") : props.uriLabel(a, props.uriStatus);
-    const valueB = typeof props.uriLabel === "string" ? getPropertyByString(b, getColumnKey(props.uriLabel), "") : props.uriLabel(b, props.uriStatus);
+    const valueA = typeof props.fieldLabel === "string" ? getPropertyByString(a, getColumnKey(props.fieldLabel), "") : props.fieldLabel(a, props.fieldStatus);
+    const valueB = typeof props.fieldLabel === "string" ? getPropertyByString(b, getColumnKey(props.fieldLabel), "") : props.fieldLabel(b, props.fieldStatus);
     return valueA > valueB ? 1 : valueA < valueB ? -1 : 0;
   };
 };

package/components/DynamicFilter/subcomponents/PopoverFilter/usePopoverFilter.d.ts

@@ -17,11 +17,11 @@ declare function usePopoverFilter(): {
     filterFormValue: FormFilterValue;
     formFilter: FormFilterFieldApplied;
     popupValidationSchema: import('yup').ArraySchema<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown> | import('yup/lib/Lazy').default<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown>, import('yup/lib/object').AnyObject>, import('yup/lib/types').AnyObject, unknown[] | undefined, unknown[] | undefined> | import('yup').BaseSchema<any, import('yup/lib/object').AnyObject, any> | import('yup').ObjectSchema<{
-        [x: string]: import('yup').ObjectSchema</*elided*/ any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape</*elided*/ any>, import('yup/lib/object').AssertsShape</*elided*/ any>> | import('yup').BaseSchema<any, import('yup/lib/object').AnyObject, any> | import('yup').ArraySchema<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown> | import('yup/lib/Lazy').default<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown>, import('yup/lib/object').AnyObject>, import('yup/lib/types').AnyObject, unknown[] | undefined, unknown[] | undefined> | import('yup/lib/Lazy').default<import('yup').ObjectSchema</*elided*/ any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape</*elided*/ any>, import('yup/lib/object').AssertsShape</*elided*/ any>>, any>;
+        [x: string]: import('yup').ObjectSchema<any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<any>, import('yup/lib/object').AssertsShape<any>> | import('yup').BaseSchema<any, import('yup/lib/object').AnyObject, any> | import('yup').ArraySchema<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown> | import('yup/lib/Lazy').default<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown>, import('yup/lib/object').AnyObject>, import('yup/lib/types').AnyObject, unknown[] | undefined, unknown[] | undefined> | import('yup/lib/Lazy').default<import('yup').ObjectSchema<any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<any>, import('yup/lib/object').AssertsShape<any>>, any>;
     }, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<{
-        [x: string]: import('yup').ObjectSchema</*elided*/ any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape</*elided*/ any>, import('yup/lib/object').AssertsShape</*elided*/ any>> | import('yup').BaseSchema<any, import('yup/lib/object').AnyObject, any> | import('yup').ArraySchema<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown> | import('yup/lib/Lazy').default<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown>, import('yup/lib/object').AnyObject>, import('yup/lib/types').AnyObject, unknown[] | undefined, unknown[] | undefined> | import('yup/lib/Lazy').default<import('yup').ObjectSchema</*elided*/ any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape</*elided*/ any>, import('yup/lib/object').AssertsShape</*elided*/ any>>, any>;
+        [x: string]: import('yup').ObjectSchema<any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<any>, import('yup/lib/object').AssertsShape<any>> | import('yup').BaseSchema<any, import('yup/lib/object').AnyObject, any> | import('yup').ArraySchema<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown> | import('yup/lib/Lazy').default<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown>, import('yup/lib/object').AnyObject>, import('yup/lib/types').AnyObject, unknown[] | undefined, unknown[] | undefined> | import('yup/lib/Lazy').default<import('yup').ObjectSchema<any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<any>, import('yup/lib/object').AssertsShape<any>>, any>;
     }>, import('yup/lib/object').AssertsShape<{
-        [x: string]: import('yup').ObjectSchema</*elided*/ any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape</*elided*/ any>, import('yup/lib/object').AssertsShape</*elided*/ any>> | import('yup').BaseSchema<any, import('yup/lib/object').AnyObject, any> | import('yup').ArraySchema<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown> | import('yup/lib/Lazy').default<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown>, import('yup/lib/object').AnyObject>, import('yup/lib/types').AnyObject, unknown[] | undefined, unknown[] | undefined> | import('yup/lib/Lazy').default<import('yup').ObjectSchema</*elided*/ any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape</*elided*/ any>, import('yup/lib/object').AssertsShape</*elided*/ any>>, any>;
+        [x: string]: import('yup').ObjectSchema<any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<any>, import('yup/lib/object').AssertsShape<any>> | import('yup').BaseSchema<any, import('yup/lib/object').AnyObject, any> | import('yup').ArraySchema<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown> | import('yup/lib/Lazy').default<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown>, import('yup/lib/object').AnyObject>, import('yup/lib/types').AnyObject, unknown[] | undefined, unknown[] | undefined> | import('yup/lib/Lazy').default<import('yup').ObjectSchema<any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<any>, import('yup/lib/object').AssertsShape<any>>, any>;
     }>> | undefined;
     statusLoad: "initial" | "reload_values_provider" | "ready";
 };

package/components/DynamicSort/subcomponents/PopoverSort/usePopoverSort.d.ts

@@ -17,11 +17,11 @@ declare function usePopoverSort(): {
     sortFormValue: import('../../types').FormSortValueBase;
     formSort: FormSortFieldApplied;
     popupValidationSchema: import('yup').ArraySchema<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown> | import('yup/lib/Lazy').default<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown>, import('yup/lib/object').AnyObject>, import('yup/lib/types').AnyObject, unknown[] | undefined, unknown[] | undefined> | import('yup').BaseSchema<any, import('yup/lib/object').AnyObject, any> | import('yup').ObjectSchema<{
-        [x: string]: import('yup').ObjectSchema</*elided*/ any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape</*elided*/ any>, import('yup/lib/object').AssertsShape</*elided*/ any>> | import('yup').BaseSchema<any, import('yup/lib/object').AnyObject, any> | import('yup').ArraySchema<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown> | import('yup/lib/Lazy').default<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown>, import('yup/lib/object').AnyObject>, import('yup/lib/types').AnyObject, unknown[] | undefined, unknown[] | undefined> | import('yup/lib/Lazy').default<import('yup').ObjectSchema</*elided*/ any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape</*elided*/ any>, import('yup/lib/object').AssertsShape</*elided*/ any>>, any>;
+        [x: string]: import('yup').ObjectSchema<any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<any>, import('yup/lib/object').AssertsShape<any>> | import('yup').BaseSchema<any, import('yup/lib/object').AnyObject, any> | import('yup').ArraySchema<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown> | import('yup/lib/Lazy').default<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown>, import('yup/lib/object').AnyObject>, import('yup/lib/types').AnyObject, unknown[] | undefined, unknown[] | undefined> | import('yup/lib/Lazy').default<import('yup').ObjectSchema<any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<any>, import('yup/lib/object').AssertsShape<any>>, any>;
     }, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<{
-        [x: string]: import('yup').ObjectSchema</*elided*/ any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape</*elided*/ any>, import('yup/lib/object').AssertsShape</*elided*/ any>> | import('yup').BaseSchema<any, import('yup/lib/object').AnyObject, any> | import('yup').ArraySchema<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown> | import('yup/lib/Lazy').default<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown>, import('yup/lib/object').AnyObject>, import('yup/lib/types').AnyObject, unknown[] | undefined, unknown[] | undefined> | import('yup/lib/Lazy').default<import('yup').ObjectSchema</*elided*/ any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape</*elided*/ any>, import('yup/lib/object').AssertsShape</*elided*/ any>>, any>;
+        [x: string]: import('yup').ObjectSchema<any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<any>, import('yup/lib/object').AssertsShape<any>> | import('yup').BaseSchema<any, import('yup/lib/object').AnyObject, any> | import('yup').ArraySchema<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown> | import('yup/lib/Lazy').default<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown>, import('yup/lib/object').AnyObject>, import('yup/lib/types').AnyObject, unknown[] | undefined, unknown[] | undefined> | import('yup/lib/Lazy').default<import('yup').ObjectSchema<any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<any>, import('yup/lib/object').AssertsShape<any>>, any>;
     }>, import('yup/lib/object').AssertsShape<{
-        [x: string]: import('yup').ObjectSchema</*elided*/ any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape</*elided*/ any>, import('yup/lib/object').AssertsShape</*elided*/ any>> | import('yup').BaseSchema<any, import('yup/lib/object').AnyObject, any> | import('yup').ArraySchema<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown> | import('yup/lib/Lazy').default<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown>, import('yup/lib/object').AnyObject>, import('yup/lib/types').AnyObject, unknown[] | undefined, unknown[] | undefined> | import('yup/lib/Lazy').default<import('yup').ObjectSchema</*elided*/ any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape</*elided*/ any>, import('yup/lib/object').AssertsShape</*elided*/ any>>, any>;
+        [x: string]: import('yup').ObjectSchema<any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<any>, import('yup/lib/object').AssertsShape<any>> | import('yup').BaseSchema<any, import('yup/lib/object').AnyObject, any> | import('yup').ArraySchema<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown> | import('yup/lib/Lazy').default<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown>, import('yup/lib/object').AnyObject>, import('yup/lib/types').AnyObject, unknown[] | undefined, unknown[] | undefined> | import('yup/lib/Lazy').default<import('yup').ObjectSchema<any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<any>, import('yup/lib/object').AssertsShape<any>>, any>;
     }>> | undefined;
     statusLoad: "initial" | "reload_values_provider" | "ready";
 };

package/components/formatters/ChipStatusFormatter/types.d.ts

@@ -4,16 +4,17 @@ import { CHIP_STATUS_FORMATTER_KEY_COMPONENT } from './constants';
 import { ChipStatusFormatterSlots as Slots } from './slots/ChipStatusFormatterEnum';
 import { Theme } from '@mui/material';
 import { ChipVariants } from '../../Chip/types';
+import { Maybe } from '@m4l/core';
 export type ChipStatusKey = string | number;
 export interface ChipStatusFormatterProps {
     /**
      * Etiqueta del chip
      */
-    label: string;
+    label?: Maybe<string>;
     /**
      * Estado del chip
      */
-    status: string | number;
+    status?: Maybe<string | number>;
     /**
      * Conjuntos de colores para los estados del chip
      */

package/components/mui_extended/Button/Button.js

@@ -15,7 +15,7 @@ const Button = forwardRef((props, ref) => {
     disabled = false,
     size = "small",
     variant = "contained",
-    skeletonWidth = "100%",
+    skeletonWidth = "15%",
     ...others
   } = props;
   const { currentSize } = useComponentSize(size);
@@ -74,6 +74,7 @@ const Button = forwardRef((props, ref) => {
       size,
       disabled,
       disableRipple: true,
+      tabIndex: 0,
       ownerState: { ...ownerState },
       ref,
       ...others,

package/components/mui_extended/Button/ButtonStyles.js

@@ -5,14 +5,36 @@ const buttonStyles = {
    */
   buttonRoot: ({ theme, ownerState }) => ({
     display: "flex",
+    flexWrap: "wrap",
     alignItems: "center",
     gap: theme.vars.size.baseSpacings.sp1,
     padding: `0px ${theme.vars.size.baseSpacings.sp1}`,
     boxShadow: "none",
     borderRadius: theme.vars.size.borderRadius.r1,
+    "&:hover": {
+      backgroundColor: ownerState.paletteColor?.hoverOpacity,
+      borderColor: ownerState.paletteColor?.hover
+    },
+    "&:active": {
+      boxShadow: "none",
+      borderColor: ownerState.paletteColor?.active,
+      backgroundColor: ownerState.paletteColor?.activeOpacity
+    },
+    "&:focus-visible": {
+      boxShadow: "none",
+      outline: theme.vars.size.borderStroke.container,
+      outlineColor: theme.vars.palette.border.main,
+      outlineOffset: theme.vars.size.baseSpacings["sp0-5"],
+      backgroundColor: ownerState.paletteColor?.activeOpacity
+    },
     "&:disabled": {
-      color: theme.vars.palette.text.disabled,
-      backgroundColor: ownerState.paletteColor?.enabled
+      backgroundColor: "none",
+      "&&& .M4LIcon-icon": {
+        backgroundColor: theme.vars.palette.text.disabled
+      },
+      ...ownerState.variant === "contained" && {
+        backgroundColor: ownerState.paletteColor?.enabled
+      }
     },
     ...ownerState.variant === "contained" && {
       backgroundColor: ownerState.paletteColor?.enabled,
@@ -20,109 +42,46 @@ const buttonStyles = {
         backgroundColor: ownerState.paletteColor?.hover
       },
       "&:active": {
-        backgroundColor: ownerState.paletteColor?.active
-      },
-      "&:focus-visible": {
         boxShadow: "none",
-        outline: theme.vars.size.borderStroke.container,
-        outlineColor: theme.vars.palette.border.main,
-        outlineOffset: theme.vars.size.baseSpacings["sp0-5"],
         backgroundColor: ownerState.paletteColor?.active
       }
     },
     ...ownerState.variant === "outlined" && {
-      color: ownerState.paletteColor?.enabled,
       borderColor: ownerState.paletteColor?.enabled,
-      backgroundColor: "transparent",
       "&&& .M4LIcon-icon": {
         backgroundColor: ownerState.paletteColor?.semanticText
-      },
-      ...ownerState.color === "default" && {
-        borderColor: theme.vars.palette.border.default
-      },
-      "&&&:hover": {
-        borderColor: ownerState.paletteColor?.enabled,
-        backgroundColor: ownerState.paletteColor?.hoverOpacity
-      },
-      "&&&:active": {
-        borderColor: ownerState.paletteColor?.active,
-        backgroundColor: ownerState.paletteColor?.activeOpacity
-      },
-      "&&&:focus-visible": {
-        boxShadow: "none",
-        outline: theme.vars.size.borderStroke.container,
-        outlineColor: theme.vars.palette.border.main,
-        outlineOffset: theme.vars.size.baseSpacings["sp0-5"],
-        backgroundColor: ownerState.paletteColor?.activeOpacity
       }
     },
     ...ownerState.variant === "text" && {
       color: ownerState.paletteColor?.semanticText,
       borderColor: ownerState.paletteColor?.enabled,
-      backgroundColor: "transparent",
       "&&& .M4LIcon-icon": {
         backgroundColor: ownerState.paletteColor?.semanticText
-      },
-      "&&&:hover": {
-        backgroundColor: ownerState.paletteColor?.hoverOpacity
-      },
-      "&&&:active": {
-        backgroundColor: ownerState.paletteColor?.activeOpacity
-      },
-      "&:focus-visible": {
-        boxShadow: "none",
-        outline: theme.vars.size.borderStroke.container,
-        outlineColor: theme.vars.palette.border.main,
-        outlineOffset: theme.vars.size.baseSpacings["sp0-5"],
-        backgroundColor: ownerState.paletteColor?.activeOpacity
       }
     },
     "& span": {
       margin: "0px"
     },
-    ...getSizeStyles(
-      theme,
-      ownerState.size || "medium",
-      "action"
-    )
-    // // Estilos específicos para el tamaño small
-    // ...(ownerState.size === 'small' && {
-    //   ...(theme.generalSettings.isMobile
-    //     ? {
-    //         height: theme.vars.size.mobile.small.action,
-    //         minHeight: theme.vars.size.mobile.small.action,
-    //       }
-    //     : {
-    //         height: theme.vars.size.desktop.small.action,
-    //         minHeight: theme.vars.size.desktop.small.action,
-    //       }),
-    // }),
-    // // Estilos específicos para el tamaño medium
-    // ...(ownerState.size === 'medium' && {
-    //   ...(theme.generalSettings.isMobile
-    //     ? {
-    //         height: theme.vars.size.mobile.medium.action,
-    //         minHeight: theme.vars.size.mobile.medium.action,
-    //       }
-    //     : {
-    //         height: theme.vars.size.desktop.medium.action,
-    //         minHeight: theme.vars.size.desktop.medium.action,
-    //       }),
-    // }),
+    maxWidth: "100%",
+    height: "auto !important",
+    minHeight: theme.generalSettings?.isMobile ? theme.vars.size.mobile[ownerState.size || "medium"].action : theme.vars.size.desktop[ownerState.size || "medium"].action
   }),
-  buttonIcon: {},
   /**
    * Styles for the text of the button component.
    */
   textButton: ({ theme, ownerState }) => ({
+    cursor: ownerState.disabled ? "not-allowed" : "pointer",
     ...theme.typography.bodyDens,
-    ...ownerState.disabled ? { color: theme.vars.palette.text.disabled } : {
-      ...ownerState.variant === "contained" && {
-        color: ownerState.paletteColor?.contrastText
-      },
-      ...ownerState.variant === "outlined" && {
-        color: ownerState.paletteColor?.semanticText
-      }
+    whiteSpace: "normal",
+    wordBreak: "break-word",
+    ...ownerState.variant === "contained" && {
+      color: ownerState.paletteColor?.contrastText
+    },
+    ...(ownerState.variant === "outlined" || ownerState.variant === "text") && {
+      color: ownerState.paletteColor?.semanticText
+    },
+    ...ownerState.disabled && {
+      color: theme.vars.palette.text.disabled
     }
   }),
   /**
@@ -141,54 +100,9 @@ const buttonStyles = {
           minHeight: sizeValue
         })
       )
-      // // Estilos específicos para el tamaño small
-      // ...(ownerState.size === 'small' && {
-      //   ...(theme.generalSettings.isMobile
-      //     ? {
-      //         height: theme.vars.size.mobile.small.action,
-      //         minHeight: theme.vars.size.mobile.small.action,
-      //       }
-      //     : {
-      //         height: theme.vars.size.desktop.small.action,
-      //         minHeight: theme.vars.size.desktop.small.action,
-      //       }),
-      //   [theme.breakpoints.up('sm')]: {
-      //     ...(theme.generalSettings.isMobile
-      //       ? {
-      //           height: theme.vars.size.mobile.small.action,
-      //           minHeight: theme.vars.size.mobile.small.action,
-      //         }
-      //       : {
-      //           height: theme.vars.size.desktop.small.action,
-      //           minHeight: theme.vars.size.desktop.small.action,
-      //         }),
-      //   },
-      // }),
-      // // Estilos específicos para el tamaño medium
-      // ...(ownerState.size === 'medium' && {
-      //   ...(theme.generalSettings.isMobile
-      //     ? {
-      //         height: theme.vars.size.mobile.medium.action,
-      //         minHeight: theme.vars.size.mobile.medium.action,
-      //       }
-      //     : {
-      //         height: theme.vars.size.desktop.medium.action,
-      //         minHeight: theme.vars.size.desktop.medium.action,
-      //       }),
-      //   [theme.breakpoints.up('md')]: {
-      //     ...(theme.generalSettings.isMobile
-      //       ? {
-      //           height: theme.vars.size.mobile.small.action,
-      //           minHeight: theme.vars.size.mobile.small.action,
-      //         }
-      //       : {
-      //           height: theme.vars.size.desktop.small.action,
-      //           minHeight: theme.vars.size.desktop.small.action,
-      //         }),
-      //   },
-      // }),
     }
-  })
+  }),
+  buttonIcon: {}
 };
 export {
   buttonStyles as b

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

@@ -8,17 +8,6 @@ import { ReactNode } from 'react';
  * [ButtonVariants] - Defines the possible variants for the `Button` component.
  */
 export type ButtonVariants = 'contained' | 'outlined' | 'text';
-/**
- * Props for the `Button` component, extending the original properties of Material UI.
- * [startIcon] - Optional prop for the icon on the left in the `Button`.
- * [endIcon] - Optional prop for the icon on the right in the `Button`.
- * label - Text describing the `Button`.
- * [disabled] - Indicates if the `Button` is disabled.
- * [size] - Size of the `Button` (default 'medium').
- * [error] - Indicates if the `Button` is in an error state.
- * [variant] - Defines the variant of the `Button` (default 'contained').
- * [color] - Defines the color of the `Button`.
- */
 export interface ButtonProps extends Omit<MUIButtonProps, 'size' | 'variant' | 'color'> {
     startIcon?: ReactNode;
     endIcon?: ReactNode;
@@ -43,4 +32,4 @@ export type ButtonSlotsType = keyof typeof ButtonSlots;
 /**
  * Styles applicable to the `Button` using themes and custom slots.
  */
-export type ButtonStyles = Partial<OverridesStyleRules<ButtonSlotsType, typeof BUTTON_KEY_COMPONENT, Theme> | undefined> | undefined;
+export type ButtonStyles = OverridesStyleRules<ButtonSlotsType, typeof BUTTON_KEY_COMPONENT, Theme>;

package/mockServiceWorker.js

@@ -8,7 +8,7 @@
  * - Please do NOT serve this file on production.
  */
 
-const PACKAGE_VERSION = '2.7.4'
+const PACKAGE_VERSION = '2.7.5'
 const INTEGRITY_CHECKSUM = '00729d72e3b82faf54ca8b9621dbb96f'
 const IS_MOCKED_RESPONSE = Symbol('isMockedResponse')
 const activeClientIds = new Set()

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "9.2.47",
+  "version": "9.2.49",
   "license": "UNLICENSED",
   "lint-staged": {
     "*.{js,ts,tsx}": "eslint --fix --max-warnings 0  --no-warn-ignored"
@@ -19,21 +19,17 @@
     "atmosphere.js": "^4.0.0",
     "chart.js": "^4.4.0",
     "chartjs-chart-error-bars": "^4.3.3",
-    "date-fns": "^2.29.2",
     "eventemitter3": "^4.0.7",
     "fast-equals": "^5.0.1",
     "framer-motion": "^6.5.0",
     "history": "5.3.0",
-    "immer": "^9.0.21",
     "install": "^0.13.0",
     "jwt-decode": "^4.0.0",
     "leaflet": "^1.9.4",
     "leaflet-polylinedecorator": "^1.6.0",
     "leaflet.markercluster": "^1.5.3",
-    "lodash-es": "^4.17.21",
     "nprogress": "^0.2.0",
     "qrcode.react": "^3.1.0",
-    "qs": "^6.0.0",
     "react": "^18.0.0",
     "react-chartjs-2": "^5.2.0",
     "react-color": "^2.19.3",
@@ -52,7 +48,6 @@
     "react-rnd": "^10.5.2",
     "react-router-dom": "6.3.0",
     "react-spinners": "^0.13.8",
-    "react-toastify": "10.0.5",
     "react-transition-group": "^4.4.5",
     "react-virtualized-auto-sizer": "^1.0.25",
     "react-window": "^1.8.11",

package/storybook/components/extended/mui/Button/Button.stories.d.ts

@@ -6,14 +6,6 @@ type Story = StoryObj<typeof Button>;
  * Base story for `Button` in standard mode.
  */
 export declare const Default: Story;
-/**
- * Base story for `Button` with start icon.
- */
-export declare const WithStartIcon: Story;
-/**
- * Base story for `Button` with end icon.
- */
-export declare const WithEndIcon: Story;
 /**
  * Base story for `Button` with start and end icon.
  */

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

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

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

@@ -1,10 +0,0 @@
-import { ButtonClassesType, OwnerState } from './types';
-export declare const buttonClasses: ButtonClassesType;
-export declare function getButtonUtilityClass(slot: string): string;
-/**
- * TODO: Documentar
- */
-export declare const useUtilityClasses: (onwerState: OwnerState) => {
-    skeleton: string;
-    root: string;
-};

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

@@ -1,29 +0,0 @@
-import { ButtonProps as MUIButtonProps } from '@mui/material';
-import { useUtilityClasses } from '.';
-export interface ButtonClassesType {
-    root: string;
-    skeleton: string;
-    sizeSmall: string;
-    sizeMedium: string;
-    variantOutlined: string;
-    variantContained: string;
-    variantText: string;
-    isDisabled: string;
-    colorError: string;
-    colorSuccess: string;
-    colorWarning: string;
-    /**Toggle */
-    togglePressed: string;
-    toggleNotPressed: string;
-}
-export type ButtonClassesKey = keyof ButtonClassesType;
-export type Classes = ReturnType<typeof useUtilityClasses>;
-export interface ButtonProps extends Omit<MUIButtonProps, 'size'> {
-    size?: 'small' | 'medium';
-    skeletonWidth?: number | string;
-    skeletonHeight?: number | string;
-    colorState?: 'error' | 'success' | 'warning';
-}
-export interface OwnerState extends Pick<ButtonProps, 'size' | 'variant' | 'colorState'> {
-    isDisabled?: boolean;
-}