@m4l/components 9.4.1 → 9.4.2-JT12122025.beta.1

package/hooks/useDataGridPersistence/constants.js

@@ -1,6 +1,10 @@
 const COOKIE_COLUMNS_WIDTHS = "columns_widths";
 const COOKIE_COLUMNS_CONFIG = "columns_config";
+const COOKIE_COLUMNS_CONFIG_CARDS = "columns_config_cards";
+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_CARDS as a,
+  COOKIE_COLUMNS_CONFIG as b,
+  COOKIE_COLUMNS_WIDTHS as c
 };

package/hooks/useDataGridPersistence/helpers.d.ts

@@ -1,5 +1,9 @@
 import { IGridConfigExtended } from '../../components/DataGrid';
 /**
- * Obtiene el sort de la cookie
+ * Obtiene la configuración de columnas de tabla desde la cookie
  */
 export declare const getColumnsConfigCookie: (cookie: Record<string, any> | undefined | Array<any>) => IGridConfigExtended["columnsConfig"];
+/**
+ * Obtiene la configuración de columnas de cards desde la cookie
+ */
+export declare const getColumnsConfigCardsCookie: (cookie: Record<string, any> | undefined | Array<any>) => IGridConfigExtended["columnsConfigCards"];

package/hooks/useDataGridPersistence/helpers.js

@@ -4,6 +4,13 @@ const getColumnsConfigCookie = (cookie) => {
   }
   return [];
 };
+const getColumnsConfigCardsCookie = (cookie) => {
+  if (Array.isArray(cookie)) {
+    return cookie;
+  }
+  return [];
+};
 export {
-  getColumnsConfigCookie as g
+  getColumnsConfigCookie as a,
+  getColumnsConfigCardsCookie as g
 };

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,32 +1,55 @@
 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 { g as getColumnsConfigCardsCookie, a as getColumnsConfigCookie } from "./helpers.js";
+import { C as COOKIE_VIEW_MODE, a as COOKIE_COLUMNS_CONFIG_CARDS, b as COOKIE_COLUMNS_CONFIG, c as COOKIE_COLUMNS_WIDTHS } from "./constants.js";
 import { u as useWindowToolsMF } from "../../components/WindowBase/hooks/useWindowToolsMF/index.js";
+const REASON_TO_COOKIE_MAP = {
+  columnsConfig: COOKIE_COLUMNS_CONFIG,
+  columnsConfigCards: COOKIE_COLUMNS_CONFIG_CARDS,
+  columnsWidths: COOKIE_COLUMNS_WIDTHS,
+  viewMode: COOKIE_VIEW_MODE
+};
 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)) || []
+      columnsWidths: getCookie(
+        prefixCookie ? `${prefixCookie}_${COOKIE_COLUMNS_WIDTHS}` : COOKIE_COLUMNS_WIDTHS
+      ) || {},
+      columnsConfig: getColumnsConfigCookie(
+        getCookie(
+          prefixCookie ? `${prefixCookie}_${COOKIE_COLUMNS_CONFIG}` : COOKIE_COLUMNS_CONFIG
+        )
+      ) || [],
+      columnsConfigCards: getColumnsConfigCardsCookie(
+        getCookie(
+          prefixCookie ? `${prefixCookie}_${COOKIE_COLUMNS_CONFIG_CARDS}` : COOKIE_COLUMNS_CONFIG_CARDS
+        )
+      ) || [],
+      viewMode: getCookie(
+        prefixCookie ? `${prefixCookie}_${COOKIE_VIEW_MODE}` : COOKIE_VIEW_MODE
+      )
     };
   });
-  const onChangeUserColumns = useCallback((newProps) => {
-    const { reason, userConfig } = newProps;
-    if (userConfig === void 0) {
-      return;
-    }
-    if (reason === "columnsConfig") {
-      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 {
-      setCookie(prefixCookie ? `${prefixCookie}_${reason}` : reason, "window", userConfig);
-    }
-  }, [setCookie, prefixCookie]);
+  const onChangeConfig = useCallback(
+    (newProps) => {
+      const { reason, userConfig } = newProps;
+      if (userConfig === void 0) {
+        return;
+      }
+      const cookieName = REASON_TO_COOKIE_MAP[reason] ?? reason;
+      const fullCookieName = prefixCookie ? `${prefixCookie}_${cookieName}` : cookieName;
+      setCookie(fullCookieName, "window", userConfig);
+    },
+    [setCookie, prefixCookie]
+  );
   return {
-    onChangeUserColumns,
-    defaultUserColumns
+    // Nuevos nombres
+    defaultConfig,
+    onChangeConfig,
+    // Deprecated aliases para backward compatibility
+    defaultUserColumns: defaultConfig,
+    onChangeUserColumns: onChangeConfig
   };
 };
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "9.4.1",
+  "version": "9.4.2-JT12122025.beta.1",
   "license": "UNLICENSED",
   "description": "M4L Components",
   "lint-staged": {