@m4l/components 9.3.35-JT27112025.beta.1 → 9.3.36-JT20251128-beta.1

package/components/DataGrid/helpers/loadViewConfig/loadViewConfig.d.ts

@@ -1,23 +0,0 @@
-import { RowKey } from '../../types';
-/**
- * Carga configuraciones de vista desde localStorage.
- *
- * ## Propósito
- *
- * Recupera la configuración de columnas guardada previamente para una vista específica.
- * Trabaja en conjunto con `saveViewConfig` y `getViewSuffix` para persistencia.
- *
- * ## Formato de key en localStorage
- *
- * ```
- * table: `${id}_columns_config`
- * cards: `${id}_columns_config_cards`
- * ```
- * @param id - Identificador único del DataGrid
- * @param viewSuffix - Sufijo para identificar la vista ('' para table, '_cards' para cards)
- * @returns Array de configuración o null si no existe/error
- * @example
- * loadViewConfig('my-grid', '');        // Lee 'my-grid_columns_config'
- * loadViewConfig('my-grid', '_cards');  // Lee 'my-grid_columns_config_cards'
- */
-export declare const loadViewConfig: <T>(id: RowKey, viewSuffix: string) => T[] | null;

package/components/DataGrid/helpers/loadViewConfig/loadViewConfig.js

@@ -1,12 +0,0 @@
-const loadViewConfig = (id, viewSuffix) => {
-  try {
-    const storageKey = viewSuffix === "" ? `${id}_columns_config` : `${id}_columns_config${viewSuffix}`;
-    const stored = localStorage.getItem(storageKey);
-    return stored ? JSON.parse(stored) : null;
-  } catch (_e) {
-    return null;
-  }
-};
-export {
-  loadViewConfig as l
-};

package/components/DataGrid/helpers/loadViewConfig/loadViewConfig.test.d.ts

@@ -1 +0,0 @@
-export {};

package/components/DataGrid/helpers/saveColumnsWidth/index.d.ts

@@ -1 +0,0 @@
-export { saveColumnsWidth } from './saveColumnsWidth';

package/components/DataGrid/helpers/saveColumnsWidth/index.js

@@ -1 +0,0 @@
-

package/components/DataGrid/helpers/saveColumnsWidth/saveColumnsWidth.d.ts

@@ -1,52 +0,0 @@
-import { Maybe } from '@m4l/core';
-import { RowKey, OnChangeUserColumns } from '../../types';
-/**
- * Persiste la configuración de anchos de las columnas del DataGrid.
- *
- * ## Flujo de persistencia
- *
- * Esta función guarda los anchos de columnas siguiendo esta lógica:
- *
- * 1. **onChangeUserColumns** (Backend/API) - Método principal en producción
- * Si está disponible, envía la configuración al callback para que el consumidor
- * la persista en el backend. En la siguiente carga, estos datos volverán
- * como `defaultUserColumns` en `getColumnsWidth`.
- *
- * 2. **localStorage** - Fallback local
- * Solo se usa cuando NO hay callback configurado.
- * Útil para desarrollo o cuando no hay integración con backend.
- *
- * ## Ciclo completo de persistencia
- *
- * ```
- * Usuario redimensiona columna
- * ↓
- * saveColumnsWidth() envía al backend via onChangeUserColumns
- * ↓
- * Backend persiste en BD/cookies
- * ↓
- * Próxima carga: datos vienen en defaultUserColumns
- * ↓
- * getColumnsWidth() lee de defaultUserColumns
- * ```
- * @param id - Identificador único del DataGrid. Se usa como prefijo en localStorage (fallback)
- * @param storeColumnsWidth - Map con la configuración de anchos donde:
- *                            - key: identificador de la columna (column.key)
- *                            - value: ancho en píxeles (number) o string con unidad CSS
- * @param onChangeUserColumns - Callback para enviar la configuración al backend.
- *                              Recibe un objeto con:
- *                              - reason: 'columnsWidths' (identificador del tipo de cambio)
- *                              - userConfig: Record con los anchos de columnas
- * @example
- * // Producción: Guardar mediante callback al backend
- * saveColumnsWidth('my-grid', columnsWidthsMap, ({ reason, userConfig }) => {
- *   // El backend persiste en BD o cookies
- *   api.saveUserPreferences(userConfig);
- * });
- * @example
- * // Desarrollo: Guardar en localStorage (sin backend)
- * saveColumnsWidth('my-grid', columnsWidthsMap);
- * @see getColumnsWidth - Función complementaria para obtener la configuración
- * @see castMapColumnsWidthToRecord - Helper usado para convertir el Map a Record
- */
-export declare function saveColumnsWidth(id: RowKey, storeColumnsWidth: Map<string, Maybe<string | number>>, onChangeUserColumns?: OnChangeUserColumns): void;

package/components/DataGrid/helpers/saveColumnsWidth/saveColumnsWidth.js

@@ -1,18 +0,0 @@
-import { c as castMapColumnsWidthToRecord } from "../castMapColumnsWidthToRecord.js";
-function saveColumnsWidth(id, storeColumnsWidth, onChangeUserColumns) {
-  if (onChangeUserColumns) {
-    const columnsWidthObject = castMapColumnsWidthToRecord(storeColumnsWidth);
-    onChangeUserColumns({
-      reason: "columnsWidths",
-      userConfig: columnsWidthObject
-    });
-    return;
-  }
-  localStorage.setItem(
-    `${id}_columns_width`,
-    JSON.stringify([...storeColumnsWidth])
-  );
-}
-export {
-  saveColumnsWidth as s
-};

package/components/DataGrid/helpers/saveColumnsWidth/saveColumnsWidth.test.d.ts

@@ -1 +0,0 @@
-export {};

package/components/DataGrid/helpers/saveViewConfig/index.d.ts

@@ -1 +0,0 @@
-export { saveViewConfig } from './saveViewConfig';

package/components/DataGrid/helpers/saveViewConfig/index.js

@@ -1 +0,0 @@
-

package/components/DataGrid/helpers/saveViewConfig/saveViewConfig.d.ts

@@ -1,35 +0,0 @@
-import { RowKey } from '../../types';
-/**
- * Guarda configuraciones de vista en localStorage o notifica via callback.
- *
- * ## Propósito
- *
- * Persiste la configuración de columnas para una vista específica.
- * Soporta dos modos: localStorage directo o callback externo (API/backend).
- *
- * ## Prioridad de persistencia
- *
- * 1. Si hay `onChangeCallback`, notifica al callback (para guardar en backend)
- * 2. Si no hay callback, guarda directamente en localStorage
- *
- * ## Formato de key en localStorage
- *
- * ```
- * table: `${id}_columns_config`
- * cards: `${id}_columns_config_cards`
- * ```
- * @param id - Identificador único del DataGrid
- * @param viewSuffix - Sufijo para identificar la vista ('' para table, '_cards' para cards)
- * @param config - Array de configuración a guardar
- * @param onChangeCallback - Callback opcional para notificar cambios (prioridad sobre localStorage)
- * @example
- * // Guardar en localStorage
- * saveViewConfig('my-grid', '', config);
- *
- * // Notificar via callback
- * saveViewConfig('my-grid', '_cards', config, handleChange);
- */
-export declare const saveViewConfig: <T>(id: RowKey, viewSuffix: string, config: T[], onChangeCallback?: (data: {
-    reason: string;
-    userConfig: T[];
-}) => void) => void;

package/components/DataGrid/helpers/saveViewConfig/saveViewConfig.js

@@ -1,15 +0,0 @@
-const saveViewConfig = (id, viewSuffix, config, onChangeCallback) => {
-  if (onChangeCallback) {
-    const reason = viewSuffix === "" ? "columnsConfig" : `columnsConfig${viewSuffix.replace("_", "")}`;
-    onChangeCallback({
-      reason,
-      userConfig: config
-    });
-    return;
-  }
-  const storageKey = viewSuffix === "" ? `${id}_columns_config` : `${id}_columns_config${viewSuffix}`;
-  localStorage.setItem(storageKey, JSON.stringify(config));
-};
-export {
-  saveViewConfig as s
-};

package/components/DataGrid/helpers/saveViewConfig/saveViewConfig.test.d.ts

@@ -1 +0,0 @@
-export {};

package/components/DataGrid/helpers/saveViewMode/index.d.ts

@@ -1 +0,0 @@
-export { saveViewMode } from './saveViewMode';

package/components/DataGrid/helpers/saveViewMode/index.js

@@ -1 +0,0 @@
-

package/components/DataGrid/helpers/saveViewMode/saveViewMode.d.ts

@@ -1,33 +0,0 @@
-import { ViewMode } from '../../contexts/DataGridContext/types';
-import { OnChangeUserColumns, RowKey } from '../../types';
-/**
- * Guarda el modo de visualización (table o cards).
- *
- * ## Propósito
- *
- * Persiste la preferencia del usuario sobre el modo de vista seleccionado.
- * Permite que al recargar la página se mantenga la última vista utilizada.
- *
- * ## Prioridad de guardado
- *
- * 1. Si existe `onChangeUserColumns` → Guarda en backend (cookies de red)
- * 2. Si no existe → Fallback a localStorage
- *
- * ## Formato de key en localStorage (fallback)
- *
- * ```
- * `${id}_view_mode` -> 'table' | 'cards'
- * ```
- * @param id - Identificador único del DataGrid
- * @param viewMode - Modo de visualización ('table' | 'cards')
- * @param onChangeUserColumns - Callback opcional para guardar en backend
- * @example
- * // Con backend
- * saveViewMode('my-grid', 'cards', onChangeUserColumns);
- * // Llama: onChangeUserColumns({ reason: 'viewMode', userConfig: 'cards' })
- *
- * // Sin backend (fallback)
- * saveViewMode('my-grid', 'cards');
- * // localStorage: 'my-grid_view_mode' = 'cards'
- */
-export declare const saveViewMode: (id: RowKey, viewMode: ViewMode, onChangeUserColumns?: OnChangeUserColumns) => void;

package/components/DataGrid/helpers/saveViewMode/saveViewMode.js

@@ -1,13 +0,0 @@
-const saveViewMode = (id, viewMode, onChangeUserColumns) => {
-  if (onChangeUserColumns) {
-    onChangeUserColumns({
-      reason: "viewMode",
-      userConfig: viewMode
-    });
-    return;
-  }
-  localStorage.setItem(`${id}_view_mode`, viewMode);
-};
-export {
-  saveViewMode as s
-};

package/components/DataGrid/helpers/saveViewMode/saveViewMode.test.d.ts

@@ -1 +0,0 @@
-export {};

package/components/DataGrid/hooks/index.d.ts

@@ -1,6 +0,0 @@
-export * from './useViewMode';
-export * from './useRowHeight';
-export * from './useColumnsWidth';
-export * from './useViewConfig';
-export * from './useChangeColumnsConfig';
-export * from './useChangeColumnsOrder';

package/components/DataGrid/hooks/index.js

@@ -1 +0,0 @@
-

package/components/DataGrid/hooks/useChangeColumnsConfig/index.d.ts

@@ -1 +0,0 @@
-export { useChangeColumnsConfig } from './useChangeColumnsConfig';

package/components/DataGrid/hooks/useChangeColumnsConfig/index.js

@@ -1 +0,0 @@
-

package/components/DataGrid/hooks/useChangeColumnsConfig/useChangeColumnsConfig.d.ts

@@ -1,9 +0,0 @@
-import { UseChangeColumnsConfigParams, UseChangeColumnsConfigReturn } from '../../types.hooks';
-/**
- * Hook para manejar el cambio de configuración de columnas.
- *
- * Guarda la configuración en localStorage y actualiza el estado.
- * @param params - Parámetros del hook
- * @returns Función para cambiar la configuración de columnas
- */
-export declare const useChangeColumnsConfig: ({ id, onChangeUserColumns, updateConfigColumns, }: UseChangeColumnsConfigParams) => UseChangeColumnsConfigReturn;

package/components/DataGrid/hooks/useChangeColumnsConfig/useChangeColumnsConfig.js

@@ -1,27 +0,0 @@
-import { useCallback } from "react";
-import { s as saveViewConfig } from "../../helpers/saveViewConfig/saveViewConfig.js";
-import { g as getViewSuffix } from "../../helpers/getViewSuffix/getViewSuffix.js";
-const useChangeColumnsConfig = ({
-  id,
-  onChangeUserColumns,
-  updateConfigColumns
-}) => {
-  const onChangeColumnsConfig = useCallback(
-    (viewModeParam, newConfig) => {
-      saveViewConfig(
-        id,
-        getViewSuffix(viewModeParam),
-        newConfig,
-        onChangeUserColumns
-      );
-      updateConfigColumns(viewModeParam, newConfig);
-    },
-    [id, onChangeUserColumns, updateConfigColumns]
-  );
-  return {
-    onChangeColumnsConfig
-  };
-};
-export {
-  useChangeColumnsConfig as u
-};

package/components/DataGrid/hooks/useChangeColumnsConfig/useChangeColumnsConfig.test.d.ts

@@ -1 +0,0 @@
-export {};

package/components/DataGrid/hooks/useChangeColumnsOrder/index.d.ts

@@ -1 +0,0 @@
-export { useChangeColumnsOrder } from './useChangeColumnsOrder';

package/components/DataGrid/hooks/useChangeColumnsOrder/index.js

@@ -1 +0,0 @@
-

package/components/DataGrid/hooks/useChangeColumnsOrder/useChangeColumnsOrder.d.ts

@@ -1,10 +0,0 @@
-import { UseChangeColumnsOrderParams, UseChangeColumnsOrderReturn } from '../../types.hooks';
-/**
- * Hook para manejar el cambio de orden de columnas.
- *
- * Reordena las columnas y llama a onChangeColumnsConfig para persistir.
- * @param getConfigColumns Función para obtener la configuración de columnas
- * @param onChangeColumnsConfig Función para cambiar la configuración de columnas
- * @returns Función para cambiar el orden de columnas
- */
-export declare const useChangeColumnsOrder: ({ getConfigColumns, onChangeColumnsConfig, }: UseChangeColumnsOrderParams) => UseChangeColumnsOrderReturn;

package/components/DataGrid/hooks/useChangeColumnsOrder/useChangeColumnsOrder.js

@@ -1,34 +0,0 @@
-import { useCallback } from "react";
-const useChangeColumnsOrder = ({
-  getConfigColumns,
-  onChangeColumnsConfig
-}) => {
-  const onChangeColumnsOrder = useCallback(
-    (viewModeParam, sourceKey, targetKey) => {
-      if (sourceKey === targetKey) {
-        return;
-      }
-      const currentConfig = getConfigColumns(viewModeParam);
-      const sourceColumnIndex = currentConfig.findIndex(
-        (c) => c.key === sourceKey
-      );
-      const targetColumnIndex = currentConfig.findIndex(
-        (c) => c.key === targetKey
-      );
-      const reorderedConfig = [...currentConfig];
-      reorderedConfig.splice(
-        targetColumnIndex,
-        0,
-        reorderedConfig.splice(sourceColumnIndex, 1)[0]
-      );
-      onChangeColumnsConfig(viewModeParam, reorderedConfig);
-    },
-    [getConfigColumns, onChangeColumnsConfig]
-  );
-  return {
-    onChangeColumnsOrder
-  };
-};
-export {
-  useChangeColumnsOrder as u
-};

package/components/DataGrid/hooks/useChangeColumnsOrder/useChangeColumnsOrder.test.d.ts

@@ -1 +0,0 @@
-export {};

package/components/DataGrid/hooks/useColumnsWidth/index.d.ts

@@ -1 +0,0 @@
-export { useColumnsWidth } from './useColumnsWidth';

package/components/DataGrid/hooks/useColumnsWidth/index.js

@@ -1 +0,0 @@
-

package/components/DataGrid/hooks/useColumnsWidth/useColumnsWidth.d.ts

@@ -1,11 +0,0 @@
-import { UseColumnsWidthParams, UseColumnsWidthReturn } from '../../types.hooks';
-/**
- * Hook para manejar el estado del ancho de las columnas del DataGrid.
- *
- * Maneja:
- * - Estado del ancho de cada columna
- * - Guardado con debounce de 500ms al cambiar el ancho
- * @param params - Parámetros del hook
- * @returns Estado y función para cambiar el ancho de columnas
- */
-export declare const useColumnsWidth: ({ id, onChangeUserColumns, }: UseColumnsWidthParams) => UseColumnsWidthReturn;

package/components/DataGrid/hooks/useColumnsWidth/useColumnsWidth.js

@@ -1,29 +0,0 @@
-import { useState, useRef, useCallback } from "react";
-import { s as saveColumnsWidth } from "../../helpers/saveColumnsWidth/saveColumnsWidth.js";
-const useColumnsWidth = ({
-  id,
-  onChangeUserColumns
-}) => {
-  const [columnsWidths, setColumnsWidths] = useState(/* @__PURE__ */ new Map());
-  const timerRef = useRef(null);
-  const onChangeColumnWidth = useCallback(
-    (columnKey, width) => {
-      columnsWidths.set(columnKey, Math.round(width));
-      if (timerRef.current) {
-        clearTimeout(timerRef.current);
-      }
-      timerRef.current = setTimeout(() => {
-        saveColumnsWidth(id, columnsWidths, onChangeUserColumns);
-      }, 500);
-    },
-    [id, columnsWidths, onChangeUserColumns]
-  );
-  return {
-    columnsWidths,
-    setColumnsWidths,
-    onChangeColumnWidth
-  };
-};
-export {
-  useColumnsWidth as u
-};

package/components/DataGrid/hooks/useColumnsWidth/useColumnsWidth.test.d.ts

@@ -1 +0,0 @@
-export {};

package/components/DataGrid/hooks/useRowHeight/index.d.ts

@@ -1 +0,0 @@
-export { useRowHeight } from './useRowHeight';

package/components/DataGrid/hooks/useRowHeight/index.js

@@ -1 +0,0 @@
-

package/components/DataGrid/hooks/useRowHeight/useRowHeight.d.ts

@@ -1,28 +0,0 @@
-import { UseRowHeightParams, UseRowHeightReturn } from '../../types.hooks';
-/**
- * Hook para manejar el estado de la altura de las filas del DataGrid.
- *
- * Soporta dos modos:
- * - **Modo fijo**: rowHeights y rowHeaderHeights son números fijos
- * - **Modo variable**: rowHeights y rowHeaderHeights son arrays de 3 elementos [compact, standard, confortable]
- * @param params - Parámetros del hook
- * @returns Estado actual y función para cambiar el variant
- * @throws Error si rowHeights y rowHeaderHeights no son del mismo tipo
- * @throws Error si los arrays no tienen exactamente 3 elementos
- * @throws Error si se intenta cambiar el variant en modo fijo
- * @example
- * // Modo variable (permite cambiar variant)
- * const { currentRowHeightVariant, setRowHeightVariant } = useRowHeight({
- *   rowHeights: [32, 40, 48],
- *   rowHeaderHeights: [36, 44, 52],
- *   initialRowHeightVariant: 'standard',
- * });
- *
- * // Modo fijo (altura constante)
- * const { currentRowHeightVariant } = useRowHeight({
- *   rowHeights: 40,
- *   rowHeaderHeights: 44,
- *   initialRowHeightVariant: 'standard',
- * });
- */
-export declare const useRowHeight: ({ rowHeights, rowHeaderHeights, initialRowHeightVariant, }: UseRowHeightParams) => UseRowHeightReturn;

package/components/DataGrid/hooks/useRowHeight/useRowHeight.js

@@ -1,51 +0,0 @@
-import { useState, useCallback } from "react";
-import { g as getIndexRowHeightVariant } from "../../helpers/getIndexRowHeightVariant/getIndexRowHeightVariant.js";
-const useRowHeight = ({
-  rowHeights,
-  rowHeaderHeights,
-  initialRowHeightVariant
-}) => {
-  const [currentRowHeightVariant, setCurrentRowHeightVariant] = useState(() => {
-    if (typeof rowHeights !== typeof rowHeaderHeights) {
-      throw new Error("Must be same type rowheights and rowHeaderTypes");
-    }
-    if (typeof rowHeights === "number" && typeof rowHeaderHeights === "number") {
-      return {
-        rowHVariant: "compact",
-        rowHeight: rowHeights,
-        rowHeaderHeight: rowHeaderHeights
-      };
-    }
-    if (typeof rowHeights !== "number" && rowHeights.length !== 3) {
-      throw new Error("Must be 3 heights");
-    }
-    if (typeof rowHeaderHeights !== "number" && rowHeaderHeights.length !== 3) {
-      throw new Error("Must be 3 HeaderHeights");
-    }
-    return {
-      rowHVariant: initialRowHeightVariant,
-      rowHeight: typeof rowHeights !== "number" ? rowHeights[getIndexRowHeightVariant(initialRowHeightVariant)] : rowHeights,
-      rowHeaderHeight: typeof rowHeaderHeights !== "number" ? rowHeaderHeights[getIndexRowHeightVariant(initialRowHeightVariant)] : rowHeaderHeights
-    };
-  });
-  const setRowHeightVariant = useCallback(
-    (newVariant) => {
-      if (typeof rowHeights === "number" || typeof rowHeaderHeights === "number") {
-        throw new Error("Only use setCurrentRowHeight with vector rowHeights");
-      }
-      setCurrentRowHeightVariant({
-        rowHVariant: newVariant,
-        rowHeight: rowHeights[getIndexRowHeightVariant(newVariant)],
-        rowHeaderHeight: rowHeaderHeights[getIndexRowHeightVariant(newVariant)]
-      });
-    },
-    [rowHeights, rowHeaderHeights]
-  );
-  return {
-    currentRowHeightVariant,
-    setRowHeightVariant
-  };
-};
-export {
-  useRowHeight as u
-};

package/components/DataGrid/hooks/useRowHeight/useRowHeight.test.d.ts

@@ -1 +0,0 @@
-export {};

package/components/DataGrid/hooks/useViewConfig/index.d.ts

@@ -1 +0,0 @@
-export { useViewConfig } from './useViewConfig';

package/components/DataGrid/hooks/useViewConfig/index.js

@@ -1 +0,0 @@
-

package/components/DataGrid/hooks/useViewConfig/useViewConfig.d.ts

@@ -1,9 +0,0 @@
-import { UseViewConfigReturn } from '../../types.hooks';
-/**
- * Hook para manejar el estado de la configuración de columnas por vista.
- *
- * Maneja un estado genérico unificado para las configuraciones de TODAS las vistas
- * (table, cards, etc).
- * @returns Estado y funciones para manejar la configuración de vistas
- */
-export declare const useViewConfig: () => UseViewConfigReturn;

package/components/DataGrid/hooks/useViewConfig/useViewConfig.js

@@ -1,30 +0,0 @@
-import { useState, useCallback } from "react";
-const useViewConfig = () => {
-  const [viewConfig, setViewConfig] = useState(() => ({
-    table: [],
-    cards: []
-  }));
-  const getConfigColumns = useCallback(
-    (viewModeParam) => {
-      return viewConfig[viewModeParam];
-    },
-    [viewConfig]
-  );
-  const updateConfigColumns = useCallback(
-    (viewModeParam, config) => {
-      setViewConfig((prev) => ({
-        ...prev,
-        [viewModeParam]: config
-      }));
-    },
-    []
-  );
-  return {
-    viewConfig,
-    getConfigColumns,
-    updateConfigColumns
-  };
-};
-export {
-  useViewConfig as u
-};

package/components/DataGrid/hooks/useViewConfig/useViewConfig.test.d.ts

@@ -1 +0,0 @@
-export {};

package/components/DataGrid/hooks/useViewMode/index.d.ts

@@ -1 +0,0 @@
-export { useViewMode } from './useViewMode';

package/components/DataGrid/hooks/useViewMode/index.js

@@ -1 +0,0 @@
-

package/components/DataGrid/hooks/useViewMode/useViewMode.d.ts

@@ -1,44 +0,0 @@
-import { UseViewModeParams, UseViewModeReturn } from '../../types.hooks';
-/**
- * Hook para manejar el estado del modo de visualización (table/cards).
- *
- * ## Precedencia para determinar el viewMode inicial
- *
- * 1. `viewMode` prop - Modo controlado (el padre controla completamente el estado)
- * 2. localStorage - Preferencia del usuario guardada previamente
- * 3. `defaultViewMode` prop - Valor inicial establecido por el desarrollador
- * 4. `useIsMobile()` - Fallback automático según el dispositivo:
- *    - Móvil: 'cards'
- *    - Escritorio: 'table'
- *
- * ## Persistencia del viewMode
- *
- * - Si `onChangeUserColumns` está definido → Guarda en backend (cookies de red)
- * - Si no está definido → Fallback a localStorage
- *
- * ## Modo controlado vs no controlado
- *
- * - **Controlado**: Cuando se pasa `viewMode` prop, el padre controla el estado
- * - **No controlado**: El hook maneja internamente el estado y persiste
- * @param id - Identificador único del DataGrid
- * @param viewMode - ViewMode controlado por el padre (opcional)
- * @param defaultViewMode - ViewMode por defecto cuando no hay valor guardado (opcional)
- * @param onViewModeChange - Callback cuando cambia el viewMode (opcional)
- * @param onChangeUserColumns - Callback para guardar en backend (opcional)
- * @returns viewModeState - Estado actual del viewMode
- * @returns handleViewModeChange - Función para cambiar el viewMode
- * @example
- * // Con persistencia en backend
- * const { viewModeState, handleViewModeChange } = useViewMode({
- *   id: 'my-grid',
- *   defaultViewMode: 'table',
- *   onChangeUserColumns, // Guarda en backend
- * });
- *
- * // Sin backend (solo localStorage)
- * const { viewModeState, handleViewModeChange } = useViewMode({
- *   id: 'my-grid',
- *   defaultViewMode: 'table',
- * });
- */
-export declare const useViewMode: ({ id, viewMode, defaultViewMode, onViewModeChange, onChangeUserColumns, }: UseViewModeParams) => UseViewModeReturn;