@m4l/components 9.3.13-JT010925.beta.1 → 9.3.13-JT02092025.beta.1

package/components/DataGrid/subcomponents/Table/hooks/useSortColumnsRows.js

@@ -17,6 +17,7 @@ function getComparator(columns, sortColumn) {
     return column.customSort;
   }
   switch (typeOrder) {
+    //Si el tipo de dato de la columna es un numerico, retorna una función de ordenamiento numérica
     case "number":
       return (a, b) => {
         try {
@@ -25,6 +26,7 @@ function getComparator(columns, sortColumn) {
           return -1;
         }
       };
+    //Por defecto retorna una función de ordenamiento de string
     default:
       return (a, b) => {
         try {

package/components/NumberInput/hooks/useNumberInput/useNumberInput.js

@@ -56,9 +56,11 @@ const useNumberInput = (parameters) => {
     (event, field, fieldValue, reason) => {
       if (field === "value" && typeof fieldValue !== "string") {
         switch (reason) {
+          // only a blur event will dispatch `numberInput:clamp`
           case "numberInput:inputChange":
             onChange?.(event, fieldValue);
             break;
+          // only a blur event will dispatch `numberInput:clamp`
           case "numberInput:clamp":
             onChange?.(event, fieldValue);
             break;

package/components/Stepper/Stepper.styles.js

@@ -8,7 +8,7 @@ const stepperStyles = {
     display: "flex",
     flexDirection: "column",
     justifyContent: ownerState?.stepperFooterSticky ? "flex-start" : "space-between",
-    background: theme.vars.palette.background.default,
+    background: "red",
     width: "100%",
     height: "100%",
     borderRadius: theme.vars.size.borderRadius.r1
@@ -138,33 +138,26 @@ const stepperStyles = {
     const isLastStep = step === totalSteps - 1;
     const isValidStep = ownerState?.stepValidationStatus?.[step] ?? true;
     return {
-      ...ownerState?.orientation === "horizontal" && {
-        marginTop: theme.generalSettings.isMobile ? "6px" : theme.vars.size.baseSpacings.sp1
-      },
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
-      order: ownerState?.orientation === "vertical" || theme.generalSettings.isMobile ? 0 : 1,
       ...getSizeStyles(theme, ownerState?.size || "medium", "case", (size) => {
         return {
           width: size,
           height: size
         };
       }),
+      ...ownerState?.orientation === "horizontal" ? {
+        marginTop: theme.generalSettings.isMobile ? "6px" : theme.vars.size.baseSpacings.sp1
+      } : {},
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      flexShrink: 0,
+      order: ownerState?.orientation === "vertical" || theme.generalSettings.isMobile ? 0 : 1,
       background: isCompleted ? ownerState?.indicatorType === "dot" || theme.generalSettings.isMobile ? theme.vars.palette.background.default : theme.vars.palette.primary.toneOpacity : !isValidStep ? theme.vars.palette.error.enabled : ownerState?.indicatorType === "dot" || theme.generalSettings.isMobile ? theme.vars.palette.background.default : isCurrent ? theme.vars.palette.primary.enabled : theme.vars.palette.default.enabled,
       borderRadius: theme.vars.size.borderRadius.r2,
       ...ownerState?.indicatorType === "number" && !theme.generalSettings.isMobile && {
         boxShadow: isCurrent ? "0 2px 8px 0 rgb(0, 100, 255, 0.16)" : "none"
       },
       position: "relative",
-      zIndex: 1,
-      textAlign: "center",
-      "& > div": {
-        position: "absolute",
-        top: "50%",
-        left: "50%",
-        transform: "translate(-50%, -50%)"
-      },
       ...!isLastStep && ownerState?.orientation === "horizontal" && !theme.generalSettings.isMobile && {
         "&::after": {
           content: '""',

package/components/areas/contexts/AreasContext/store.js

@@ -441,8 +441,8 @@ const createAreasStore = (initProps, storeDevtoolsEnabled = false) => {
                   bounds: {
                     left: MARGIN_GRIDLAYOUT,
                     top: MARGIN_GRIDLAYOUT,
-                    right: -10,
-                    bottom: -10
+                    right: -MARGIN_GRIDLAYOUT,
+                    bottom: -MARGIN_GRIDLAYOUT
                   }
                 });
               }

package/components/hook-form/RHFAutocompleteAsync/reducer/RHFAutocompleteReducer.js

@@ -65,6 +65,11 @@ const RHFAutocompleteAsyncReducer = (onChangeFilterParms) => (state, action) =>
         ...state,
         isOpen: false
       };
+    // case actionsType.SET_SELECTED_OPTIONS_TO_AUTOCOMPLETE:
+    //   return {
+    //     ...state,
+    //     selectedOptions: action.payload,
+    //   };
     default:
       return state;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "9.3.13-JT010925.beta.1",
+  "version": "9.3.13-JT02092025.beta.1",
   "license": "UNLICENSED",
   "description": "M4L Components",
   "lint-staged": {