@m4l/components 9.4.5 → 9.4.6-JT19122025.beta.1

package/components/DataGrid/formatters/ColumnTagsFormatter/useColumnTags.js

@@ -1,8 +1,8 @@
 import { getPropertyByString } from "@m4l/core";
 import { C as ColumnTagsFormatter } from "./formatter.js";
-import { g as getColumnKey } from "../../helpers/getColumnKey.js";
 import { deepEqual } from "fast-equals";
 import { useState, useRef, useEffect, useMemo } from "react";
+import { g as getColumnKey } from "../../helpers/shared/getColumnKey/getColumnKey.js";
 const getCustomTagFilter = (props) => {
   const { fieldValue } = props;
   return (row, value) => {

package/components/DataGrid/formatters/ColumnUncertaintyFormatter/useColumnUncertainty.js

@@ -1,8 +1,8 @@
 import { useState, useRef, useEffect, useMemo } from "react";
 import { deepEqual } from "fast-equals";
 import { g as getUncertaintyFormat } from "../../../formatters/UncertaintyFormatter/UncertaintyFormatter.js";
-import { g as getColumnKey } from "../../helpers/getColumnKey.js";
 import { C as ColumnUncertaintyFormatter } from "./formatter.js";
+import { g as getColumnKey } from "../../helpers/shared/getColumnKey/getColumnKey.js";
 const getCustomUncertaintyFilter = (props) => {
   return (row, value) => {
     const fieldValue = getColumnKey(props.fieldValue);

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

@@ -1,13 +1,14 @@
-export * from './saveColumnsWidth';
-export * from './castMapColumnsWidthToRecord';
-export * from './getColumnsWidth';
-export * from './getColumnKey';
-export * from './getAllViewModes';
-export * from './getViewSpecificConfig';
-export * from './getViewSuffix';
-export * from './saveViewMode';
-export * from './getViewMode';
-export * from './loadViewConfig';
-export * from './saveViewConfig';
-export * from './getIndexRowHeightVariant';
-export * from './getInitialColumnsConfig';
+export { saveColumnsWidth } from './persistence/saveColumnsWidth';
+export { saveViewConfig } from './persistence/saveViewConfig';
+export { saveViewMode } from './persistence/saveViewMode';
+export { loadViewConfig } from './persistence/loadViewConfig';
+export { getColumnsWidth } from './persistence/getColumnsWidth';
+export { getViewMode } from './persistence/getViewMode';
+export { castMapColumnsWidthToRecord } from './shared/castMapColumnsWidthToRecord';
+export { getColumnKey } from './shared/getColumnKey';
+export { getAllViewModes } from './shared/getAllViewModes';
+export { getIndexRowHeightVariant } from './shared/getIndexRowHeightVariant';
+export { getViewSpecificConfig } from './shared/getViewSpecificConfig';
+export { getViewSuffix } from './shared/getViewSuffix';
+export { getInitialColumnsConfig } from './shared/getInitialColumnsConfig';
+export { getDataGridRowsFromSet } from './shared/getDataGridRowsFromSet';

package/components/DataGrid/helpers/{getColumnsWidth → persistence/getColumnsWidth}/getColumnsWidth.d.ts

@@ -1,7 +1,7 @@
 import { Column } from 'react-data-grid';
 import { Maybe } from '@m4l/core';
-import { RowKey } from '../../types';
-import { IGridConfig } from '../../types.helpers';
+import { RowKey } from '../../../types';
+import { IGridConfig } from './types';
 /**
  * Obtiene la configuración de anchos de las columnas del DataGrid.
  *

package/components/DataGrid/helpers/persistence/getColumnsWidth/types.d.ts

@@ -0,0 +1,25 @@
+import { RowKey } from '../../../types';
+import { BaseConfigColumn } from '../../../contexts/DataGridContext/types';
+/**
+ * Este tipo define la estructura de configuración que el usuario puede
+ * pasar al DataGrid para personalizar columnas y sus anchos.
+ *
+ * - `columnsConfig`: Configuración de visibilidad y orden de columnas para vista table
+ * - `columnsWidths`: Anchos personalizados de columnas
+ * @example
+ * ```typescript
+ * const userConfig: IGridConfig = {
+ *   columnsConfig: [
+ *     { key: 'name', visible: true, index: 0, frozen: false },
+ *     { key: 'email', visible: true, index: 1, frozen: false },
+ *   ],
+ *   columnsWidths: { name: 200, email: 300 }
+ * };
+ * ```
+ */
+export interface IGridConfig {
+    /** Configuración de columnas para vista table (visibilidad, orden, frozen) */
+    columnsConfig: BaseConfigColumn[];
+    /** Anchos de columnas en píxeles */
+    columnsWidths: Record<RowKey, number>;
+}

package/components/DataGrid/helpers/{getViewMode → persistence/getViewMode}/getViewMode.d.ts

@@ -1,6 +1,6 @@
 import { Maybe } from '@m4l/core';
-import { RowKey } from '../../types';
-import { IGridConfigExtended, ViewMode } from '../../contexts/DataGridContext/types';
+import { RowKey } from '../../../types';
+import { IGridConfigExtended, ViewMode } from '../../../contexts/DataGridContext/types';
 /**
  * Obtiene el modo de visualización del DataGrid.
  *

package/components/DataGrid/helpers/{loadViewConfig → persistence/loadViewConfig}/loadViewConfig.d.ts

@@ -1,4 +1,4 @@
-import { RowKey } from '../../types';
+import { RowKey } from '../../../types';
 /**
  * Carga configuraciones de vista desde localStorage.
  *

package/components/DataGrid/helpers/{saveColumnsWidth → persistence/saveColumnsWidth}/saveColumnsWidth.d.ts

@@ -1,5 +1,5 @@
 import { Maybe } from '@m4l/core';
-import { RowKey, OnChangeConfig } from '../../types';
+import { RowKey, OnChangeConfig } from '../../../types';
 /**
  * Persiste la configuración de anchos de las columnas del DataGrid.
  *

package/components/DataGrid/helpers/{saveColumnsWidth → persistence/saveColumnsWidth}/saveColumnsWidth.js

@@ -1,4 +1,4 @@
-import { c as castMapColumnsWidthToRecord } from "../castMapColumnsWidthToRecord.js";
+import { c as castMapColumnsWidthToRecord } from "../../shared/castMapColumnsWidthToRecord/castMapColumnsWidthToRecord.js";
 function saveColumnsWidth(id, storeColumnsWidth, onChangeConfig) {
   if (onChangeConfig) {
     const columnsWidthObject = castMapColumnsWidthToRecord(storeColumnsWidth);

package/components/DataGrid/helpers/{saveViewConfig → persistence/saveViewConfig}/saveViewConfig.d.ts

@@ -1,4 +1,4 @@
-import { RowKey } from '../../types';
+import { RowKey } from '../../../types';
 /**
  * Guarda configuraciones de vista en localStorage o notifica via callback.
  *

package/components/DataGrid/helpers/{saveViewMode → persistence/saveViewMode}/saveViewMode.d.ts

@@ -1,5 +1,5 @@
-import { ViewMode } from '../../contexts/DataGridContext/types';
-import { OnChangeConfig, RowKey } from '../../types';
+import { ViewMode } from '../../../contexts/DataGridContext/types';
+import { OnChangeConfig, RowKey } from '../../../types';
 /**
  * Guarda el modo de visualización (table o cards).
  *

package/components/DataGrid/helpers/{castMapColumnsWidthToRecord.d.ts → shared/castMapColumnsWidthToRecord/castMapColumnsWidthToRecord.d.ts}

@@ -1,6 +1,6 @@
 import { Maybe } from '@m4l/core';
-import { RowKey } from '../types';
+import { RowKey } from '../../../types';
 /**
- * Funcion para convertir el Map de columnas a un objeto
+ * Función para convertir el Map de columnas a un objeto
  */
 export declare const castMapColumnsWidthToRecord: (storeColumnsWidth: Map<string, Maybe<string | number>>) => Record<RowKey, number>;

package/components/DataGrid/helpers/shared/castMapColumnsWidthToRecord/castMapColumnsWidthToRecord.js

@@ -0,0 +1,19 @@
+const castMapColumnsWidthToRecord = (storeColumnsWidth) => {
+  const columnsWidth = Array.from(storeColumnsWidth).map(([key, value]) => ({
+    key,
+    value
+  }));
+  const columnsWidthObject = columnsWidth.reduce(
+    (acc, { key, value }) => {
+      if (value !== null && value !== void 0) {
+        acc[key] = Number(value);
+      }
+      return acc;
+    },
+    {}
+  );
+  return columnsWidthObject;
+};
+export {
+  castMapColumnsWidthToRecord as c
+};

package/components/DataGrid/helpers/shared/castMapColumnsWidthToRecord/index.d.ts

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

package/components/DataGrid/helpers/{getAllViewModes → shared/getAllViewModes}/getAllViewModes.d.ts

@@ -1,4 +1,4 @@
-import { ViewMode } from '../../contexts/DataGridContext/types';
+import { ViewMode } from '../../../contexts/DataGridContext/types';
 /**
  * Obtiene todos los modos de vista disponibles en el DataGrid.
  *

package/components/DataGrid/helpers/{getColumnKey.d.ts → shared/getColumnKey/getColumnKey.d.ts}

@@ -1,5 +1,5 @@
 /**
- * Función utilizada para remover la parabra 'row' en la posicion cero de las keys de
+ * Función utilizada para remover la palabra 'row' en la posición cero de las keys de
  * las columnas concatenadas. Esto se utiliza para obtener la key directa
  * asignada en una columna.
  * @param key - key de la columna

package/components/DataGrid/helpers/shared/getColumnKey/index.d.ts

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

package/components/DataGrid/helpers/shared/getDataGridRowsFromSet/getDataGridRowsFromSet.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Obtiene las filas del DataGrid que coinciden con un Set de keys.
+ *
+ * Busca en el array de filas aquellas cuya key (obtenida con rowKeyGetter)
+ * está presente en el Set proporcionado.
+ * @param set - Set de keys a buscar
+ * @param rows - Array de filas del DataGrid
+ * @param rowKeyGetter - Función para obtener la key de una fila
+ * @returns Array de filas que coinciden con las keys del Set
+ * @example
+ * ```tsx
+ * const selectedKeys = new Set([1, 3, 5]);
+ * const selectedRows = getDataGridRowsFromSet(
+ *   selectedKeys,
+ *   rows,
+ *   (row) => row.id
+ * );
+ * ```
+ */
+export declare const getDataGridRowsFromSet: <TRow, RowKey>(set: ReadonlySet<RowKey>, rows: TRow[], rowKeyGetter: (row: TRow) => RowKey) => TRow[];

package/components/DataGrid/helpers/shared/getDataGridRowsFromSet/index.d.ts

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

package/components/DataGrid/helpers/{getIndexRowHeightVariant → shared/getIndexRowHeightVariant}/getIndexRowHeightVariant.d.ts

@@ -1,4 +1,4 @@
-import { RowHeightVariants } from '../../types';
+import { RowHeightVariants } from '../../../types';
 /**
  * Obtiene el índice correspondiente a un variant de altura de fila.
  *

package/components/DataGrid/helpers/shared/getIndexRowHeightVariant/index.js

@@ -0,0 +1 @@
+

package/components/DataGrid/helpers/{getInitialColumnsConfig → shared/getInitialColumnsConfig}/getInitialColumnsConfig.d.ts

@@ -1,7 +1,7 @@
 import { Column } from 'react-data-grid';
-import { RowKey } from '../../types';
-import { BaseViewConfig } from '../../types.helpers';
-import { IViewConfig, ViewMode } from '../../contexts/DataGridContext/types';
+import { RowKey } from '../../../types';
+import { BaseViewConfig } from './types';
+import { IViewConfig, ViewMode } from '../../../contexts/DataGridContext/types';
 /**
  * Obtiene la configuración inicial de columnas para cualquier vista.
  *

package/components/DataGrid/helpers/{getInitialColumnsConfig → shared/getInitialColumnsConfig}/getInitialColumnsConfig.js

@@ -1,4 +1,4 @@
-import { l as loadViewConfig } from "../loadViewConfig/loadViewConfig.js";
+import { l as loadViewConfig } from "../../persistence/loadViewConfig/loadViewConfig.js";
 import { g as getViewSuffix } from "../getViewSuffix/getViewSuffix.js";
 const getInitialColumnsConfig = (id, columns, viewMode, defaultConfig, viewSpecificDefaults, originalViewSpecificDefaults) => {
   let columnsConfig;

package/components/DataGrid/helpers/{getInitialColumnsConfig → shared/getInitialColumnsConfig}/index.d.ts

@@ -1 +1,2 @@
 export { getInitialColumnsConfig } from './getInitialColumnsConfig';
+export type { BaseViewConfig } from './types';

package/components/DataGrid/helpers/shared/getInitialColumnsConfig/index.js

@@ -0,0 +1 @@
+

package/components/DataGrid/helpers/shared/getInitialColumnsConfig/types.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Configuración base genérica que puede extenderse con propiedades específicas de cualquier vista.
+ *
+ * USO INTERNO: El sistema usa esto para manejar genéricamente las configuraciones
+ * de columnas sin importar el tipo de vista (table, cards, etc).
+ * @example
+ * // Para vista table
+ * BaseViewConfig<{ frozen: boolean }>
+ *
+ * // Para vista cards
+ * BaseViewConfig<{ showTitle: boolean }>
+ */
+export type BaseViewConfig<TViewSpecific = object> = TViewSpecific & {
+    key: string;
+    visible: boolean;
+    index: number;
+    name?: string;
+};

package/components/DataGrid/helpers/{getViewSpecificConfig → shared/getViewSpecificConfig}/getViewSpecificConfig.d.ts

@@ -1,5 +1,5 @@
-import { ViewMode } from '../../contexts/DataGridContext/types';
-import { ViewSpecificConfig } from '../../types.helpers';
+import { ViewMode } from '../../../contexts/DataGridContext/types';
+import { ViewSpecificConfig } from './types';
 /**
  * Obtiene la configuración específica para cada modo de vista.
  *

package/components/DataGrid/helpers/{getViewSpecificConfig → shared/getViewSpecificConfig}/index.d.ts

@@ -1 +1,2 @@
 export { getViewSpecificConfig } from './getViewSpecificConfig';
+export type { ViewSpecificConfig } from './types';

package/components/DataGrid/helpers/shared/getViewSpecificConfig/index.js

@@ -0,0 +1 @@
+

package/components/DataGrid/helpers/shared/getViewSpecificConfig/types.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Configuración específica retornada por getViewSpecificConfig
+ */
+export interface ViewSpecificConfig {
+    /** Valores por defecto para propiedades específicas de la vista */
+    defaults: Record<string, unknown>;
+    /** Valores originales por defecto para tracking de cambios */
+    originalDefaults: Record<string, unknown>;
+    /** Función para obtener propiedades originales dinámicas de un item */
+    dynamicOriginalProperty: (item: unknown) => Record<string, unknown>;
+}

package/components/DataGrid/helpers/{getViewSuffix → shared/getViewSuffix}/getViewSuffix.d.ts

@@ -1,4 +1,4 @@
-import { ViewMode } from '../../contexts/DataGridContext/types';
+import { ViewMode } from '../../../contexts/DataGridContext/types';
 /**
  * Genera el sufijo de localStorage basado en el viewMode.
  *

package/components/DataGrid/helpers/shared/getViewSuffix/index.js

@@ -0,0 +1 @@
+

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

@@ -1,6 +1,8 @@
-export * from './useViewMode';
-export * from './useRowHeight';
-export * from './useColumnsWidth';
-export * from './useViewConfig';
-export * from './useChangeColumnsConfig';
-export * from './useChangeColumnsOrder';
+export { useDataGrid } from './shared/useDataGrid';
+export { useFilters } from './shared/useFilters';
+export { useViewMode } from './useViewMode';
+export { useRowHeight } from './useRowHeight';
+export { useColumnsWidth } from './useColumnsWidth';
+export { useViewConfig } from './useViewConfig';
+export { useChangeColumnsConfig } from './useChangeColumnsConfig';
+export { useChangeColumnsOrder } from './useChangeColumnsOrder';

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

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

package/components/DataGrid/hooks/shared/useDataGrid/index.js

@@ -0,0 +1 @@
+

package/components/DataGrid/hooks/shared/useDataGrid/useDataGrid.d.ts

@@ -0,0 +1,9 @@
+import { DataGridContextProps } from '../../../contexts/DataGridContext';
+/**
+ * Hook para obtener el contexto de DataGrid.
+ * Debe ser usado dentro de un DataGridProvider.
+ * @returns DataGridContextProps con todas las propiedades del contexto
+ * @throws Error si se usa fuera del DataGridProvider
+ */
+export declare function useDataGrid<TRow, TSummaryRow>(): DataGridContextProps<TRow, TSummaryRow>;
+export default useDataGrid;

package/components/DataGrid/hooks/{useDataGrid.js → shared/useDataGrid/useDataGrid.js}

@@ -1,5 +1,5 @@
 import { useContext } from "react";
-import { a as DataGridContext } from "../contexts/DataGridContext/index.js";
+import { a as DataGridContext } from "../../../contexts/DataGridContext/DataGridContext.js";
 function useDataGrid() {
   const context = useContext(DataGridContext);
   if (!context) {

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

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

package/components/DataGrid/hooks/shared/useFilters/index.js

@@ -0,0 +1 @@
+

package/components/DataGrid/hooks/shared/useFilters/useFilters.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Hook para obtener el contexto de filtros del DataGrid.
+ * @returns FilterContext con las funciones y estado de filtros
+ */
+export declare const useFilters: () => import('../../../contexts/FilterContext').FilterContextProps;

package/components/DataGrid/hooks/{useFilters.js → shared/useFilters/useFilters.js}

@@ -1,5 +1,5 @@
 import { useContext } from "react";
-import { a as FilterContext } from "../contexts/FilterContext/index.js";
+import { a as FilterContext } from "../../../contexts/FilterContext/FilterContext.js";
 const useFilters = () => useContext(FilterContext);
 export {
   useFilters as u

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

@@ -0,0 +1,14 @@
+import { RowKey, OnChangeConfig } from '../../types';
+import { IViewConfig, ViewMode } from '../../contexts/DataGridContext/types';
+export interface UseChangeColumnsConfigParams {
+    /** Identificador único del DataGrid */
+    id: RowKey;
+    /** Callback para persistir cambios */
+    onChangeConfig?: OnChangeConfig;
+    /** Función para actualizar la configuración de columnas */
+    updateConfigColumns: (viewMode: ViewMode, config: IViewConfig<any, any>[]) => void;
+}
+export interface UseChangeColumnsConfigReturn {
+    /** Función para cambiar la configuración de columnas de una vista */
+    onChangeColumnsConfig: (viewMode: ViewMode, newConfig: IViewConfig<any, any>[]) => void;
+}

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

@@ -1,4 +1,4 @@
-import { UseChangeColumnsConfigParams, UseChangeColumnsConfigReturn } from '../../types.hooks';
+import { UseChangeColumnsConfigParams, UseChangeColumnsConfigReturn } from './types';
 /**
  * Hook para manejar el cambio de configuración de columnas.
  *

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

@@ -1,6 +1,6 @@
 import { useCallback } from "react";
-import { s as saveViewConfig } from "../../helpers/saveViewConfig/saveViewConfig.js";
-import { g as getViewSuffix } from "../../helpers/getViewSuffix/getViewSuffix.js";
+import { s as saveViewConfig } from "../../helpers/persistence/saveViewConfig/saveViewConfig.js";
+import { g as getViewSuffix } from "../../helpers/shared/getViewSuffix/getViewSuffix.js";
 const useChangeColumnsConfig = ({
   id,
   onChangeConfig,

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

@@ -0,0 +1,11 @@
+import { IViewConfig, ViewMode } from '../../contexts/DataGridContext/types';
+export interface UseChangeColumnsOrderParams {
+    /** Función para obtener la configuración de columnas de una vista */
+    getConfigColumns: (viewMode: ViewMode) => IViewConfig<any, any>[];
+    /** Función para cambiar la configuración de columnas */
+    onChangeColumnsConfig: (viewMode: ViewMode, newConfig: IViewConfig<any, any>[]) => void;
+}
+export interface UseChangeColumnsOrderReturn {
+    /** Función para cambiar el orden de columnas de una vista */
+    onChangeColumnsOrder: (viewMode: ViewMode, sourceKey: string, targetKey: string) => void;
+}

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

@@ -1,4 +1,4 @@
-import { UseChangeColumnsOrderParams, UseChangeColumnsOrderReturn } from '../../types.hooks';
+import { UseChangeColumnsOrderParams, UseChangeColumnsOrderReturn } from './types';
 /**
  * Hook para manejar el cambio de orden de columnas.
  *

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

@@ -0,0 +1,16 @@
+import { Maybe } from '@m4l/core';
+import { RowKey, OnChangeConfig } from '../../types';
+export interface UseColumnsWidthParams {
+    /** Identificador único del DataGrid */
+    id: RowKey;
+    /** Callback para persistir cambios */
+    onChangeConfig?: OnChangeConfig;
+}
+export interface UseColumnsWidthReturn {
+    /** Mapa con el ancho de cada columna */
+    columnsWidths: Map<string, Maybe<string | number>>;
+    /** Función para establecer el mapa de anchos */
+    setColumnsWidths: React.Dispatch<React.SetStateAction<Map<string, Maybe<string | number>>>>;
+    /** Función para cambiar el ancho de una columna */
+    onChangeColumnWidth: (columnKey: string, width: number) => void;
+}

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

@@ -1,4 +1,4 @@
-import { UseColumnsWidthParams, UseColumnsWidthReturn } from '../../types.hooks';
+import { UseColumnsWidthParams, UseColumnsWidthReturn } from './types';
 /**
  * Hook para manejar el estado del ancho de las columnas del DataGrid.
  *

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

@@ -1,5 +1,5 @@
 import { useState, useRef, useCallback } from "react";
-import { s as saveColumnsWidth } from "../../helpers/saveColumnsWidth/saveColumnsWidth.js";
+import { s as saveColumnsWidth } from "../../helpers/persistence/saveColumnsWidth/saveColumnsWidth.js";
 const useColumnsWidth = ({
   id,
   onChangeConfig

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

@@ -0,0 +1,16 @@
+import { RowHeightVariants, RowHeights } from '../../types';
+import { RowHeightState } from '../../contexts/DataGridContext/types';
+export interface UseRowHeightParams {
+    /** Alturas de las filas (número fijo o array de 3 elementos) */
+    rowHeights: RowHeights;
+    /** Alturas de los headers (número fijo o array de 3 elementos) */
+    rowHeaderHeights: RowHeights;
+    /** Variant inicial de altura */
+    initialRowHeightVariant: RowHeightVariants;
+}
+export interface UseRowHeightReturn {
+    /** Estado actual de la altura de filas */
+    currentRowHeightVariant: RowHeightState;
+    /** Función para cambiar el variant de altura */
+    setRowHeightVariant: (newVariant: RowHeightVariants) => void;
+}

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

@@ -1,4 +1,4 @@
-import { UseRowHeightParams, UseRowHeightReturn } from '../../types.hooks';
+import { UseRowHeightParams, UseRowHeightReturn } from './types';
 /**
  * Hook para manejar el estado de la altura de las filas del DataGrid.
  *
@@ -7,22 +7,5 @@ import { UseRowHeightParams, UseRowHeightReturn } from '../../types.hooks';
  * - **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,5 +1,5 @@
 import { useState, useCallback } from "react";
-import { g as getIndexRowHeightVariant } from "../../helpers/getIndexRowHeightVariant/getIndexRowHeightVariant.js";
+import { g as getIndexRowHeightVariant } from "../../helpers/shared/getIndexRowHeightVariant/getIndexRowHeightVariant.js";
 const useRowHeight = ({
   rowHeights,
   rowHeaderHeights,

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

@@ -0,0 +1,9 @@
+import { IViewConfig, ViewMode } from '../../contexts/DataGridContext/types';
+export interface UseViewConfigReturn {
+    /** Estado de configuración por vista */
+    viewConfig: Record<ViewMode, IViewConfig<any, any>[]>;
+    /** Obtiene la configuración de columnas para una vista */
+    getConfigColumns: (viewMode: ViewMode) => IViewConfig<any, any>[];
+    /** Actualiza la configuración de columnas para una vista */
+    updateConfigColumns: (viewMode: ViewMode, config: IViewConfig<any, any>[]) => void;
+}

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

@@ -1,4 +1,4 @@
-import { UseViewConfigReturn } from '../../types.hooks';
+import { UseViewConfigReturn } from './types';
 /**
  * Hook para manejar el estado de la configuración de columnas por vista.
  *

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

@@ -0,0 +1,22 @@
+import { RowKey, OnChangeConfig } from '../../types';
+import { ViewMode } from '../../contexts/DataGridContext/types';
+export interface UseViewModeParams {
+    /** Identificador único del DataGrid */
+    id: RowKey;
+    /** ViewMode controlado por el padre */
+    viewMode?: ViewMode;
+    /** ViewMode por defecto cuando no hay valor guardado */
+    defaultViewMode?: ViewMode;
+    /** Callback cuando cambia el viewMode */
+    onViewModeChange?: (viewMode: ViewMode) => void;
+    /** Callback para persistir cambios */
+    onChangeConfig?: OnChangeConfig;
+}
+export interface UseViewModeReturn {
+    /** Estado actual del viewMode */
+    viewModeState: ViewMode;
+    /** Función para establecer el viewMode */
+    setViewModeState: React.Dispatch<React.SetStateAction<ViewMode>>;
+    /** Función para cambiar el viewMode y persistirlo */
+    handleViewModeChange: (newViewMode: ViewMode) => void;
+}

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

@@ -1,4 +1,4 @@
-import { UseViewModeParams, UseViewModeReturn } from '../../types.hooks';
+import { UseViewModeParams, UseViewModeReturn } from './types';
 /**
  * Hook para manejar el estado del modo de visualización (table/cards).
  *
@@ -19,13 +19,5 @@ import { UseViewModeParams, UseViewModeReturn } from '../../types.hooks';
  *
  * - **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
- * @param onViewModeChange - Callback cuando cambia el viewMode (opcional)
- * @param onChangeConfig - Callback para guardar en cookies de red (opcional)
- * @returns viewModeState - Estado actual del viewMode
- * @returns setViewModeState - Función para establecer el viewMode
- * @returns handleViewModeChange - Función para cambiar el viewMode y persistirlo
  */
 export declare const useViewMode: ({ id, viewMode, defaultViewMode, onViewModeChange, onChangeConfig, }: UseViewModeParams) => UseViewModeReturn;

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

@@ -1,7 +1,7 @@
 import { useState, useCallback, useEffect } from "react";
 import { useIsMobile } from "@m4l/graphics";
-import { g as getViewMode } from "../../helpers/getViewMode/getViewMode.js";
-import { s as saveViewMode } from "../../helpers/saveViewMode/saveViewMode.js";
+import { g as getViewMode } from "../../helpers/persistence/getViewMode/getViewMode.js";
+import { s as saveViewMode } from "../../helpers/persistence/saveViewMode/saveViewMode.js";
 const useViewMode = ({
   id,
   viewMode,

package/components/DataGrid/icons.d.ts

@@ -27,4 +27,5 @@ export declare const pathIcons: {
     mail: string;
     smartphone: string;
     internet: string;
+    edit: string;
 };

package/components/DataGrid/icons.js

@@ -23,7 +23,8 @@ const pathIcons = {
   viewTable: "frontend/components/data_grid/assets/icons/table.svg",
   viewCards: "frontend/components/data_grid/assets/icons/card.svg",
   info: "frontend/components/data_grid/assets/icons/info.svg",
-  expanded: "frontend/components/data_grid/assets/icons/expanded.svg"
+  expanded: "frontend/components/data_grid/assets/icons/expanded.svg",
+  edit: "frontend/components/EditLabel/assets/icons/pencil.svg"
 };
 export {
   pathIcons as p