@m4l/components 9.3.41-JT04122025.beta.1 → 9.3.41-JT04122025.beta.2

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

@@ -1,18 +1,24 @@
-import { b as createValidationPartialObject, c as createValidationSchema, a as createValidationFullObject } from "../../../hook-form/RHFormProvider/schema.js";
+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";
 function getStepsAndValidationSchema({
-  steps
+  steps,
+  visibilityData
 }) {
   const validationSchema = (() => {
     const combinedValidations = createValidationPartialObject({});
-    steps.forEach((step) => {
+    const visibleSteps = steps.filter((step) => {
+      if (!step.visibilityCondition) {
+        return true;
+      }
+      return evaluateVisibilityStepCondition(step, void 0, visibilityData);
+    });
+    visibleSteps.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/getStepsAndValidationSchema/index.js

@@ -0,0 +1 @@
+

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

@@ -1,5 +1,5 @@
-import { RHFormValues, ValidationPartialObject } from '../../../hook-form/RHFormProvider/types';
-import { Step } from '../../types';
+import { RHFormValues, ValidationPartialObject } from '../../components/hook-form/RHFormProvider/types';
+import { Step } from '../../components/Stepper/types';
 /**
  * Configuración completa de un step con validaciones incluidas
  */
@@ -16,10 +16,7 @@ export interface GetStepsAndValidationSchemaProps<T extends RHFormValues> {
      */
     steps: StepWithValidation<T>[];
     /**
-     * @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.
+     * Datos adicionales para visibilityCondition (ej: objectId)
      */
     visibilityData?: any;
 }

package/helpers/getStepsAndValidationSchema/types.js

@@ -0,0 +1 @@
+

package/helpers/index.d.ts

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

package/helpers/index.js

@@ -0,0 +1 @@
+

package/hooks/useDataGridPersistence/constants.d.ts

@@ -1,3 +1,4 @@
 export declare const M4LDYNAMIC_KEY_FILTER_AND_SORT = "M4LDynamicFilterAndSort";
 export declare const COOKIE_COLUMNS_WIDTHS = "columns_widths";
 export declare const COOKIE_COLUMNS_CONFIG = "columns_config";
+export declare const COOKIE_VIEW_MODE = "view_mode";

package/hooks/useDataGridPersistence/constants.js

@@ -1,6 +1,8 @@
 const COOKIE_COLUMNS_WIDTHS = "columns_widths";
 const COOKIE_COLUMNS_CONFIG = "columns_config";
+const COOKIE_VIEW_MODE = "view_mode";
 export {
-  COOKIE_COLUMNS_CONFIG as C,
-  COOKIE_COLUMNS_WIDTHS as a
+  COOKIE_VIEW_MODE as C,
+  COOKIE_COLUMNS_CONFIG as a,
+  COOKIE_COLUMNS_WIDTHS as b
 };

package/hooks/useDataGridPersistence/useDataGridPersistence.d.ts

@@ -1,9 +1,17 @@
 import { UseDataGridPersistenceProps } from './types';
-import { ChangeUserColumn, IGridConfigExtended } from '../../components/DataGrid';
+import { ChangeConfig, IGridConfigExtended } from '../../components/DataGrid';
 /**
- * Hook para manejar los filtros y ordenamientos dinamicos
+ * Hook para manejar la persistencia de configuración del DataGrid en cookies de red.
+ *
+ * Retorna:
+ * - `defaultConfig`: Configuración inicial cargada desde cookies
+ * - `onChangeConfig`: Callback para persistir cambios en cookies
+ * - `defaultUserColumns`: @deprecated Alias de defaultConfig
+ * - `onChangeUserColumns`: @deprecated Alias de onChangeConfig
  */
 export declare const useDataGridPersistence: (props: UseDataGridPersistenceProps) => {
-    onChangeUserColumns: (newProps: ChangeUserColumn) => void;
+    defaultConfig: IGridConfigExtended;
+    onChangeConfig: (newProps: ChangeConfig) => void;
     defaultUserColumns: IGridConfigExtended;
+    onChangeUserColumns: (newProps: ChangeConfig) => void;
 };

package/hooks/useDataGridPersistence/useDataGridPersistence.js

@@ -1,17 +1,18 @@
 import { useState, useCallback } from "react";
 import { g as getColumnsConfigCookie } from "./helpers.js";
-import { C as COOKIE_COLUMNS_CONFIG, a as COOKIE_COLUMNS_WIDTHS } from "./constants.js";
+import { C as COOKIE_VIEW_MODE, a as COOKIE_COLUMNS_CONFIG, b as COOKIE_COLUMNS_WIDTHS } from "./constants.js";
 import { u as useWindowToolsMF } from "../../components/WindowBase/hooks/useWindowToolsMF/index.js";
 const useDataGridPersistence = (props) => {
   const { prefixCookie } = props;
   const { setCookie, getCookie } = useWindowToolsMF();
-  const [defaultUserColumns] = useState(() => {
+  const [defaultConfig] = useState(() => {
     return {
       columnsWidths: getCookie(prefixCookie ? `${prefixCookie}_${COOKIE_COLUMNS_WIDTHS}` : COOKIE_COLUMNS_WIDTHS) || {},
-      columnsConfig: getColumnsConfigCookie(getCookie(prefixCookie ? `${prefixCookie}_${COOKIE_COLUMNS_CONFIG}` : COOKIE_COLUMNS_CONFIG)) || []
+      columnsConfig: getColumnsConfigCookie(getCookie(prefixCookie ? `${prefixCookie}_${COOKIE_COLUMNS_CONFIG}` : COOKIE_COLUMNS_CONFIG)) || [],
+      viewMode: getCookie(prefixCookie ? `${prefixCookie}_${COOKIE_VIEW_MODE}` : COOKIE_VIEW_MODE) || "table"
     };
   });
-  const onChangeUserColumns = useCallback((newProps) => {
+  const onChangeConfig = useCallback((newProps) => {
     const { reason, userConfig } = newProps;
     if (userConfig === void 0) {
       return;
@@ -20,13 +21,19 @@ const useDataGridPersistence = (props) => {
       setCookie(prefixCookie ? `${prefixCookie}_${COOKIE_COLUMNS_CONFIG}` : COOKIE_COLUMNS_CONFIG, "window", userConfig);
     } else if (reason === "columnsWidths") {
       setCookie(prefixCookie ? `${prefixCookie}_${COOKIE_COLUMNS_WIDTHS}` : COOKIE_COLUMNS_WIDTHS, "window", userConfig);
+    } else if (reason === "viewMode") {
+      setCookie(prefixCookie ? `${prefixCookie}_${COOKIE_VIEW_MODE}` : COOKIE_VIEW_MODE, "window", userConfig);
     } else {
       setCookie(prefixCookie ? `${prefixCookie}_${reason}` : reason, "window", userConfig);
     }
   }, [setCookie, prefixCookie]);
   return {
-    onChangeUserColumns,
-    defaultUserColumns
+    // Nuevos nombres
+    defaultConfig,
+    onChangeConfig,
+    // Deprecated aliases para backward compatibility
+    defaultUserColumns: defaultConfig,
+    onChangeUserColumns: onChangeConfig
   };
 };
 export {

package/index.d.ts

@@ -8,4 +8,5 @@ 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

@@ -230,16 +230,15 @@ 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 g30 } from "./components/Stepper/helpers/getStepsAndValidationSchema/getStepsAndValidationSchema.js";
-import { g as g31 } from "./components/Stepper/dictionary.js";
-import { g as g32 } from "./components/hook-form/RHFormProvider/dictionary.js";
+import { g as g30 } from "./components/Stepper/dictionary.js";
+import { g as g31 } 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 g32 } 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";
@@ -255,17 +254,18 @@ 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 g33 } from "./utils/getComponentUtilityClass.js";
+import { g as g34 } from "./utils/getPaletteColor.js";
+import { g as g35 } from "./utils/getTypographyStyles.js";
+import { g as g36 } from "./utils/getIconColor.js";
+import { a as a18, g as g37 } 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 g38, 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 g39 } from "./utils/getValidDate.js";
+import { g as g40 } from "./utils/getNullGuard.js";
 import { c as c6, d as d5 } from "./utils/deepShallow.js";
+import { g as g41 } from "./helpers/getStepsAndValidationSchema/getStepsAndValidationSchema.js";
 export {
   A8 as AREAS_DICCTIONARY,
   a3 as AREAS_DICTIONARY_ID,
@@ -487,23 +487,23 @@ export {
   b2 as getAreasComponentsDictionary,
   g3 as getAreasDictionary,
   g4 as getCommonActionsDictionary,
-  g39 as getComponentClasses,
+  g38 as getComponentClasses,
   a19 as getComponentSlotRoot,
-  g34 as getComponentUtilityClass,
+  g33 as getComponentUtilityClass,
   g5 as getDataGridComponentsDictionary,
   g6 as getDataGridRowsFromSet,
   g17 as getDistanceToNowFormatterComponentsDictionary,
   g7 as getDynamicFilterComponentsDictionary,
   a6 as getDynamicSortComponentsDictionary,
   a5 as getFilterGroupFieldsByName,
-  g32 as getFormComponentsDictionary,
+  g31 as getFormComponentsDictionary,
   g15 as getFormatConcatenated,
   g12 as getFormatDate,
   g14 as getFormatPoints,
   g16 as getFormatPrice,
   g18 as getFormattersComponentsDictionary,
   a18 as getHeightSizeStyles,
-  g37 as getIconColor,
+  g36 as getIconColor,
   g8 as getIsIfInDynamicFilter,
   g22 as getLoadingErrorComponentsDictionary,
   g24 as getMFLoaderComponentsDictionary,
@@ -512,23 +512,23 @@ export {
   g29 as getModalDictionary,
   g26 as getNoItemPrivilegesComponentsDictionary,
   g25 as getNoItemSelectedComponentsDictionary,
-  g41 as getNullGuard,
+  g40 as getNullGuard,
   g27 as getObjectLogsComponentsDictionary,
   g11 as getPagerComponentsDictionary,
-  g35 as getPaletteColor,
+  g34 as getPaletteColor,
   g21 as getPeriodComponetsDictionary,
   g20 as getRHFAutocompleteAsyncComponentsDictionary,
   g19 as getRHFAutocompleteComponentsDictionary,
   g9 as getRawFiltersForNetwork,
   g10 as getRawSortsForNetwork,
-  g38 as getSizeStyles,
-  g31 as getStepperComponentsDictionary,
-  g30 as getStepsAndValidationSchema,
+  g37 as getSizeStyles,
+  g30 as getStepperComponentsDictionary,
+  g41 as getStepsAndValidationSchema,
   g28 as getTabsNavigatorComponentsDictionary,
-  g36 as getTypographyStyles,
+  g35 as getTypographyStyles,
   g13 as getUncertaintyFormat,
-  g40 as getValidDate,
-  g33 as getformAddEditDictionary,
+  g39 as getValidDate,
+  g32 as getformAddEditDictionary,
   i as isEqualLayout,
   k as isEqualLayouts,
   i2 as isValidDate,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "9.3.41-JT04122025.beta.1",
+  "version": "9.3.41-JT04122025.beta.2",
   "license": "UNLICENSED",
   "description": "M4L Components",
   "lint-staged": {