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

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.js

@@ -1,5 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useRef, useMemo, Children, isValidElement, cloneElement } from "react";
+import clsx from "clsx";
 import { useFlagsPresent, CommonFlags } from "@m4l/core";
 import { S as StepperRootStyled, C as ContentSectionStyled } from "./slots/StepperSlot.js";
 import { a as getComponentSlotRoot } from "../../utils/getComponentSlotRoot.js";
@@ -12,7 +13,7 @@ import { S as StepperContent } from "./subcomponents/StepperContent/index.js";
 import { u as useStickyStepperFooter } from "./hooks/useStickyStepperFooter/index.js";
 import { u as useComponentSize } from "../../hooks/useComponentSize/useComponentSize.js";
 function Stepper(props) {
-  const { orientation, size, children } = props;
+  const { orientation, size, children, className } = props;
   const { currentSize } = useComponentSize(size);
   const containerRef = useRef(null);
   const contentSectionRef = useRef(null);
@@ -64,7 +65,7 @@ function Stepper(props) {
   if (!hasPresentFlags) {
     return null;
   }
-  return /* @__PURE__ */ jsx(StepperProvider, { ...props, children: /* @__PURE__ */ jsxs(StepperRootStyled, { className: classRoot, children: [
+  return /* @__PURE__ */ jsx(StepperProvider, { ...props, children: /* @__PURE__ */ jsxs(StepperRootStyled, { className: clsx(classRoot, className), children: [
     /* @__PURE__ */ jsxs(ContentSectionStyled, { ownerState, children: [
       /* @__PURE__ */ jsx(StepArea, {}),
       /* @__PURE__ */ jsx(ContentArea, { children: stepperContent })

package/components/Stepper/Stepper.styles.js

@@ -138,12 +138,6 @@ const stepperStyles = {
     const isLastStep = step === totalSteps - 1;
     const isValidStep = ownerState?.stepValidationStatus?.[step] ?? true;
     return {
-      ...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
       } : {},
@@ -169,7 +163,11 @@ const stepperStyles = {
           height: theme.vars.size.baseSpacings.sp12,
           borderLeft: `1px ${isCompleted ? "solid" : "dashed"} ${isCompleted ? theme.vars.palette.primary.enabled : theme.vars.palette.border.default}`
         }
-      }
+      },
+      ...getSizeStyles(theme, ownerState?.size || "medium", "case", (size) => ({
+        width: size,
+        height: size
+      }))
     };
   },
   /**

package/components/Stepper/types.d.ts

@@ -78,6 +78,10 @@ export interface StepperProps {
      * Tamaño del componente, puede ser uno de los valores definidos en 'small' , 'medium'
      */
     size?: Extract<Sizes, 'small' | 'medium'>;
+    /**
+     * Clase personalizada para el Stepper.
+     */
+    className?: string;
 }
 /**
  * Props del StepperContent

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.2",
+  "version": "9.3.13-JT02092025.beta.2",
   "license": "UNLICENSED",
   "description": "M4L Components",
   "lint-staged": {