@m4l/components 9.4.0-JA-20251207-Beta.0 → 9.4.1

package/{helpers → components/Stepper/helpers}/getStepsAndValidationSchema/getStepsAndValidationSchema.d.ts

@@ -1,11 +1,11 @@
-import { Step } from '../../components/Stepper/types';
+import { Step } from '../../types';
 import { GetStepsAndValidationSchemaProps } from './types';
-import { RHFormValues } from '../../components/hook-form/RHFormProvider/types';
+import { RHFormValues } from '../../../hook-form/RHFormProvider/types';
 /**
  * Hook personalizado que recibe un array de steps con validaciones y regresa todo listo para el Stepper
  * Una sola configuración genera: validationSchema + steps + validationFields automáticamente
  */
-export declare function getStepsAndValidationSchema<T extends RHFormValues>({ steps, visibilityData, }: GetStepsAndValidationSchemaProps<T>): {
-    validationSchema: import('../../components/hook-form/RHFormProvider/types').ValidationSchema<T>;
+export declare function getStepsAndValidationSchema<T extends RHFormValues>({ steps, }: GetStepsAndValidationSchemaProps<T>): {
+    validationSchema: import('../../../hook-form/RHFormProvider/types').ValidationSchema<T>;
     steps: Step[];
 };

package/{helpers → components/Stepper/helpers}/getStepsAndValidationSchema/getStepsAndValidationSchema.js

@@ -1,24 +1,18 @@
-import { b as createValidationPartialObject, c as createValidationSchema, a as createValidationFullObject } from "../../components/hook-form/RHFormProvider/schema.js";
-import { e as evaluateVisibilityStepCondition } from "../../components/Stepper/helpers/evaluateVisibilityStepCondition/index.js";
+import { b as createValidationPartialObject, c as createValidationSchema, a as createValidationFullObject } from "../../../hook-form/RHFormProvider/schema.js";
 function getStepsAndValidationSchema({
-  steps,
-  visibilityData
+  steps
 }) {
   const validationSchema = (() => {
     const combinedValidations = createValidationPartialObject({});
-    const visibleSteps = steps.filter((step) => {
-      if (!step.visibilityCondition) {
-        return true;
-      }
-      return evaluateVisibilityStepCondition(step, void 0, visibilityData);
-    });
-    visibleSteps.forEach((step) => {
+    steps.forEach((step) => {
       if (step.validationFunction) {
         const validationResult = step.validationFunction();
         Object.assign(combinedValidations, validationResult);
       }
     });
-    return createValidationSchema(createValidationFullObject(combinedValidations));
+    return createValidationSchema(
+      createValidationFullObject(combinedValidations)
+    );
   })();
   const processedSteps = steps.map((step) => {
     let validationFields = [];

package/{helpers → components/Stepper/helpers}/getStepsAndValidationSchema/types.d.ts

@@ -1,5 +1,5 @@
-import { RHFormValues, ValidationPartialObject } from '../../components/hook-form/RHFormProvider/types';
-import { Step } from '../../components/Stepper/types';
+import { RHFormValues, ValidationPartialObject } from '../../../hook-form/RHFormProvider/types';
+import { Step } from '../../types';
 /**
  * Configuración completa de un step con validaciones incluidas
  */
@@ -16,7 +16,10 @@ export interface GetStepsAndValidationSchemaProps<T extends RHFormValues> {
      */
     steps: StepWithValidation<T>[];
     /**
-     * Datos adicionales para visibilityCondition (ej: objectId)
+     * @deprecated Esta propiedad ya no se utiliza en el helper.
+     * El schema ahora incluye validaciones de TODOS los steps, no solo los visibles.
+     * visibilityData se debe pasar directamente al componente Stepper para evaluar
+     * visibilityCondition en tiempo real. Se eliminará en futuras versiones.
      */
     visibilityData?: any;
 }

package/components/Stepper/hooks/useDynamicValidation/index.d.ts

@@ -1,5 +1,6 @@
 /**
- * Hook que simula validación onChange de campos específicos del Stepper, manteniendo el formulario en modo onSubmit para preservar el rendimiento.
+ * Hook que simula validación onChange de campos específicos del Stepper,
+ * manteniendo el formulario en modo onSubmit para preservar el rendimiento.
  * @returns Objeto con funciones para manejar la validación dinámica
  */
 export declare function useDynamicValidation(): {

package/components/Stepper/hooks/useDynamicValidation/index.js

@@ -3,7 +3,7 @@ import { useFormContext, useWatch } from "react-hook-form";
 import { p as parseWatchedValues } from "../../helpers/parseWatchedValues/index.js";
 import { g as getInitialFieldValues } from "../../helpers/getInitialFieldValues/index.js";
 function useDynamicValidation() {
-  const { trigger, getValues } = useFormContext();
+  const { trigger, getValues, clearErrors } = useFormContext();
   const [activeFields, setActiveFields] = useState([]);
   const [isValidating, setIsValidating] = useState(false);
   const statusLoad = useWatch({
@@ -13,6 +13,8 @@ function useDynamicValidation() {
     name: activeFields.length > 0 ? activeFields : ["__dummy__"]
   });
   const lastValuesRef = useRef({});
+  const pendingFieldsRef = useRef(/* @__PURE__ */ new Set());
+  const validationTimeoutRef = useRef(null);
   useEffect(() => {
     if (activeFields.length === 0 || statusLoad !== "ready" || isValidating) {
       return;
@@ -28,12 +30,30 @@ function useDynamicValidation() {
       return hasChanged;
     });
     if (changedFields.length > 0) {
-      const timeoutId = setTimeout(() => {
-        trigger(changedFields);
-      }, 100);
-      return () => clearTimeout(timeoutId);
+      changedFields.forEach((field) => pendingFieldsRef.current.add(field));
+      if (validationTimeoutRef.current) {
+        clearTimeout(validationTimeoutRef.current);
+      }
+      validationTimeoutRef.current = setTimeout(async () => {
+        const fieldsToValidate = Array.from(pendingFieldsRef.current);
+        pendingFieldsRef.current.clear();
+        validationTimeoutRef.current = null;
+        for (const field of fieldsToValidate) {
+          const isValid = await trigger(field);
+          if (isValid) {
+            clearErrors(field);
+          }
+        }
+      }, 150);
     }
-  }, [activeFields, trigger, watchValues, statusLoad, isValidating]);
+  }, [
+    activeFields,
+    trigger,
+    clearErrors,
+    watchValues,
+    statusLoad,
+    isValidating
+  ]);
   const startExternalValidation = useCallback(() => {
     setIsValidating(true);
   }, []);
@@ -55,6 +75,11 @@ function useDynamicValidation() {
   const clearAllValidation = useCallback(() => {
     setActiveFields([]);
     lastValuesRef.current = {};
+    pendingFieldsRef.current.clear();
+    if (validationTimeoutRef.current) {
+      clearTimeout(validationTimeoutRef.current);
+      validationTimeoutRef.current = null;
+    }
   }, []);
   return {
     activateFieldsValidation,

package/components/Stepper/index.d.ts

@@ -10,5 +10,6 @@ export { StepperPrevButton } from './subcomponents/StepperButtons/StepperPrevBut
 export { StepperCancelButton } from './subcomponents/StepperButtons/StepperCancelButton';
 export { StepperSubmitButton } from './subcomponents/StepperButtons/StepperSubmitButton';
 export { evaluateVisibilityStepCondition } from './helpers/evaluateVisibilityStepCondition';
+export { getStepsAndValidationSchema } from './helpers/getStepsAndValidationSchema';
 export { type Step as TypeStep } from './types';
 export { getStepperComponentsDictionary } from './dictionary';

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/RHFRadioGroup/types.d.ts

@@ -1,5 +1,5 @@
 import { RadioGroupProps, Theme } from '@mui/material';
-import { M4LOverridesStyleRules } from 'src/@types/augmentations';
+import { M4LOverridesStyleRules } from '../../../@types/augmentations';
 import { RHFRADIO_GROUP_KEY_COMPONENT } from './constants';
 import { RHFRadioGroupSlots } from './slots/slots';
 import { LabelProps } from '../../Label/types';

package/index.d.ts

@@ -8,5 +8,4 @@ export * from './hooks';
 export * from './@types/export.d';
 export * from './@types/types.d';
 export * from './utils';
-export * from './helpers';
 export type { M4LOverridesStyleRules } from './@types/augmentations';

package/index.js

@@ -233,15 +233,16 @@ import { S as S18 } from "./components/Stepper/subcomponents/StepperButtons/Step
 import { S as S19 } from "./components/Stepper/subcomponents/StepperButtons/StepperCancelButton/index.js";
 import { S as S20 } from "./components/Stepper/subcomponents/StepperButtons/StepperSubmitButton/index.js";
 import { e as e2 } from "./components/Stepper/helpers/evaluateVisibilityStepCondition/index.js";
-import { g as g31 } from "./components/Stepper/dictionary.js";
-import { g as g32 } from "./components/hook-form/RHFormProvider/dictionary.js";
+import { g as g31 } from "./components/Stepper/helpers/getStepsAndValidationSchema/getStepsAndValidationSchema.js";
+import { g as g32 } from "./components/Stepper/dictionary.js";
+import { g as g33 } from "./components/hook-form/RHFormProvider/dictionary.js";
 import { u as u23 } from "./contexts/AppearanceComponentContext/useAppearanceComponentStore.js";
 import { A as A17 } from "./contexts/AppearanceComponentContext/AppearanceComponentContext.js";
 import { a as a17, M as M10 } from "./contexts/ModalContext/index.js";
 import { u as u24 } from "./hooks/useFormAddEdit/useFormAddEdit.js";
 import { u as u25 } from "./hooks/useModal/index.js";
 import { u as u26 } from "./hooks/useTab/index.js";
-import { g as g33 } from "./hooks/useFormAddEdit/dictionary.js";
+import { g as g34 } from "./hooks/useFormAddEdit/dictionary.js";
 import { u as u27 } from "./hooks/useFormFocus/index.js";
 import { u as u28 } from "./hooks/useInterval/index.js";
 import { u as u29 } from "./hooks/useComponentSize/useComponentSize.js";
@@ -257,18 +258,17 @@ import { u as u37 } from "./hooks/useSizeContainer/index.js";
 import { u as u38 } from "./hooks/useWatchTyped/useTypedWatch.js";
 import { c as c5 } from "./utils/capitalizeFirstLetter.js";
 import { i as i2 } from "./utils/isValidDate.js";
-import { g as g34 } from "./utils/getComponentUtilityClass.js";
-import { g as g35 } from "./utils/getPaletteColor.js";
-import { g as g36 } from "./utils/getTypographyStyles.js";
-import { g as g37 } from "./utils/getIconColor.js";
-import { a as a18, g as g38 } from "./utils/getSizeStyles/getSizeStyles.js";
+import { g as g35 } from "./utils/getComponentUtilityClass.js";
+import { g as g36 } from "./utils/getPaletteColor.js";
+import { g as g37 } from "./utils/getTypographyStyles.js";
+import { g as g38 } from "./utils/getIconColor.js";
+import { a as a18, g as g39 } from "./utils/getSizeStyles/getSizeStyles.js";
 import { O as O2 } from "./utils/ObjectQueue.js";
-import { g as g39, a as a19 } from "./utils/getComponentSlotRoot.js";
+import { g as g40, a as a19 } from "./utils/getComponentSlotRoot.js";
 import { f as f2 } from "./utils/formatDistanceToNow/formatDistanteToNow.js";
-import { g as g40 } from "./utils/getValidDate.js";
-import { g as g41 } from "./utils/getNullGuard.js";
+import { g as g41 } from "./utils/getValidDate.js";
+import { g as g42 } from "./utils/getNullGuard.js";
 import { c as c6, d as d5 } from "./utils/deepShallow.js";
-import { g as g42 } from "./helpers/getStepsAndValidationSchema/getStepsAndValidationSchema.js";
 export {
   A8 as AREAS_DICCTIONARY,
   a3 as AREAS_DICTIONARY_ID,
@@ -493,23 +493,23 @@ export {
   g3 as getAreasDictionary,
   g4 as getCheckableListComponentsDictionary,
   g5 as getCommonActionsDictionary,
-  g39 as getComponentClasses,
+  g40 as getComponentClasses,
   a19 as getComponentSlotRoot,
-  g34 as getComponentUtilityClass,
+  g35 as getComponentUtilityClass,
   g6 as getDataGridComponentsDictionary,
   g7 as getDataGridRowsFromSet,
   g18 as getDistanceToNowFormatterComponentsDictionary,
   g8 as getDynamicFilterComponentsDictionary,
   a6 as getDynamicSortComponentsDictionary,
   a5 as getFilterGroupFieldsByName,
-  g32 as getFormComponentsDictionary,
+  g33 as getFormComponentsDictionary,
   g16 as getFormatConcatenated,
   g13 as getFormatDate,
   g15 as getFormatPoints,
   g17 as getFormatPrice,
   g19 as getFormattersComponentsDictionary,
   a18 as getHeightSizeStyles,
-  g37 as getIconColor,
+  g38 as getIconColor,
   g9 as getIsIfInDynamicFilter,
   g23 as getLoadingErrorComponentsDictionary,
   g25 as getMFLoaderComponentsDictionary,
@@ -518,23 +518,23 @@ export {
   g30 as getModalDictionary,
   g27 as getNoItemPrivilegesComponentsDictionary,
   g26 as getNoItemSelectedComponentsDictionary,
-  g41 as getNullGuard,
+  g42 as getNullGuard,
   g28 as getObjectLogsComponentsDictionary,
   g12 as getPagerComponentsDictionary,
-  g35 as getPaletteColor,
+  g36 as getPaletteColor,
   g22 as getPeriodComponetsDictionary,
   g21 as getRHFAutocompleteAsyncComponentsDictionary,
   g20 as getRHFAutocompleteComponentsDictionary,
   g10 as getRawFiltersForNetwork,
   g11 as getRawSortsForNetwork,
-  g38 as getSizeStyles,
-  g31 as getStepperComponentsDictionary,
-  g42 as getStepsAndValidationSchema,
+  g39 as getSizeStyles,
+  g32 as getStepperComponentsDictionary,
+  g31 as getStepsAndValidationSchema,
   g29 as getTabsNavigatorComponentsDictionary,
-  g36 as getTypographyStyles,
+  g37 as getTypographyStyles,
   g14 as getUncertaintyFormat,
-  g40 as getValidDate,
-  g33 as getformAddEditDictionary,
+  g41 as getValidDate,
+  g34 as getformAddEditDictionary,
   i as isEqualLayout,
   k as isEqualLayouts,
   i2 as isValidDate,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "9.4.0-JA-20251207-Beta.0",
+  "version": "9.4.1",
   "license": "UNLICENSED",
   "description": "M4L Components",
   "lint-staged": {

package/helpers/index.d.ts

@@ -1 +0,0 @@
-export * from './getStepsAndValidationSchema';

package/helpers/index.js

@@ -1 +0,0 @@
-