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

package/components/datagrids/components/DataGridMain/DataGridMain.d.ts

@@ -0,0 +1,28 @@
+import { DataGridProps, RowKey } from '../../types';
+/**
+ * DataGrid es un componente para mostrar datos en formato tabla o cards.
+ *
+ * Características principales:
+ * - Vista de tabla con columnas configurables
+ * - Vista de cards para visualización compacta
+ * - Paginación integrada
+ * - Filtros locales y externos
+ * - Ordenamiento de columnas
+ * - Selección de filas (checkbox/radio)
+ * - Configuración de densidad (compact/standard/confortable)
+ * - Persistencia de configuración del usuario
+ * @example
+ * ```tsx
+ * <DataGrid
+ *   id="my-grid"
+ *   rows={data}
+ *   columns={columns}
+ *   rowKeyGetter={(row) => row.id}
+ *   actionsProps={{
+ *     withPager: true,
+ *     pagerOptions: { totalRecords: 100 }
+ *   }}
+ * />
+ * ```
+ */
+export declare function DataGrid<TRow, TSummaryRow, TKey extends RowKey = RowKey>(props: DataGridProps<TRow, TSummaryRow, TKey>): import("react/jsx-runtime").JSX.Element;

package/components/{DataGrid/DataGrid.js → datagrids/components/DataGridMain/DataGridMain.js}

@@ -1,18 +1,18 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { H as HeaderActions } from "./subcomponents/HeaderActions/index.js";
-import { F as FilterProvider } from "./contexts/FilterContext/index.js";
-import { D as DataGridProvider } from "./contexts/DataGridContext/index.js";
-import { T as TEST_PROP_COLUMNS } from "./types.js";
-import { T as TEST_PROP_ID } from "../../test/constants_no_mock.js";
-import { g as getNameDataTestId } from "../../test/getNameDataTestId.js";
-import { T as TEST_SKELETON, D as DATAGRID_PREFIX_NAME } from "./constants.js";
-import { D as DataGridRootStyled, C as CustomHeaderStyled } from "./slots/DataGridSlot.js";
-import { a as getComponentSlotRoot } from "../../utils/getComponentSlotRoot.js";
 import { useRef } from "react";
-import { C as ControlNavigate } from "./subcomponents/ControlNavigate/ControlNavigate.js";
 import { useModuleSkeleton } from "@m4l/core";
-import { R as RenderContent } from "./subcomponents/RenderContent/index.js";
-import { u as useComponentSize } from "../../hooks/useComponentSize/useComponentSize.js";
+import { T as TEST_PROP_COLUMNS } from "../../types.js";
+import { T as TEST_PROP_ID } from "../../../../test/constants_no_mock.js";
+import { a as getNameDataTestId } from "../../../../test/getNameDataTestId.js";
+import { T as TEST_SKELETON, D as DATAGRID_PREFIX_NAME } from "../../constants.js";
+import { D as DataGridRootStyled, C as CustomHeaderStyled } from "../../slots/DataGridSlot.js";
+import { a as getComponentSlotRoot } from "../../../../utils/getComponentSlotRoot.js";
+import { u as useComponentSize } from "../../../../hooks/useComponentSize/useComponentSize.js";
+import { D as DataGridProvider } from "../../contexts/DataGridContext/DataGridContext.js";
+import { F as FilterProvider } from "../../contexts/FilterContext/FilterContext.js";
+import { H as HeaderActions } from "../../subcomponents/HeaderActions/HeaderActions.js";
+import { R as RenderContent } from "../../views/adapters/RenderContent/RenderContent.js";
+import { C as ControlNavigate } from "../../subcomponents/ControlNavigate/ControlNavigate.js";
 function DataGrid(props) {
   const {
     id,
@@ -37,9 +37,7 @@ function DataGrid(props) {
     defaultConfig,
     onChangeConfig,
     defaultUserColumns,
-    // deprecated
     onChangeUserColumns,
-    // deprecated
     size,
     externalSortSettings,
     externalFilterSettings,
@@ -50,9 +48,7 @@ function DataGrid(props) {
   const {
     withSettings,
     settingsProps,
-    // TotalRecords
     withRowsCount,
-    // WithLocalFilters
     withLocalFilters,
     leftActions,
     rightActions,

package/components/datagrids/components/DataGridMain/index.d.ts

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

package/components/datagrids/components/index.d.ts

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

package/components/{DataGrid/contexts/DataGridContext/index.js → datagrids/contexts/DataGridContext/DataGridContext.js}

@@ -11,11 +11,11 @@ import { u as useColumnsWidth } from "../../hooks/useColumnsWidth/useColumnsWidt
 import { u as useViewConfig } from "../../hooks/useViewConfig/useViewConfig.js";
 import { u as useChangeColumnsConfig } from "../../hooks/useChangeColumnsConfig/useChangeColumnsConfig.js";
 import { u as useChangeColumnsOrder } from "../../hooks/useChangeColumnsOrder/useChangeColumnsOrder.js";
-import { g as getColumnsWidth } from "../../helpers/getColumnsWidth/getColumnsWidth.js";
-import { g as getInitialColumnsConfig } from "../../helpers/getInitialColumnsConfig/getInitialColumnsConfig.js";
-import { g as getAllViewModes } from "../../helpers/getAllViewModes/getAllViewModes.js";
-import { g as getViewSpecificConfig } from "../../helpers/getViewSpecificConfig/getViewSpecificConfig.js";
-import { g as getViewMode } from "../../helpers/getViewMode/getViewMode.js";
+import { g as getColumnsWidth } from "../../helpers/persistence/getColumnsWidth/getColumnsWidth.js";
+import { g as getViewMode } from "../../helpers/persistence/getViewMode/getViewMode.js";
+import { g as getInitialColumnsConfig } from "../../helpers/shared/getInitialColumnsConfig/getInitialColumnsConfig.js";
+import { g as getAllViewModes } from "../../helpers/shared/getAllViewModes/getAllViewModes.js";
+import { g as getViewSpecificConfig } from "../../helpers/shared/getViewSpecificConfig/getViewSpecificConfig.js";
 const DataGridContext = createContext(null);
 function DataGridProvider(props) {
   const {
@@ -182,6 +182,9 @@ function DataGridProvider(props) {
       setViewModeState(
         getViewMode(id, resolvedDefaultConfig, defaultViewMode) ?? "table"
       );
+      setViewModeState(
+        getViewMode(id, resolvedDefaultConfig, defaultViewMode) ?? "table"
+      );
       updateConfigColumns(
         "table",
         getInitialColumnsConfig(

package/components/datagrids/contexts/DataGridContext/index.d.ts

@@ -0,0 +1,2 @@
+export { DataGridProvider, DataGridContext } from './DataGridContext';
+export * from './types';

package/components/{DataGrid → datagrids}/contexts/DataGridContext/types.d.ts

@@ -3,7 +3,8 @@ import { RowKey, RowHeightVariants, GridProps, OnChangeConfig } from '../../type
 import { Maybe } from '@m4l/core';
 import { ActionsSlots, ColumnsConfigSlots, ControlNavigateSlots, DataGridSlots, RowsCountSlots, TableSlots, TextEditorSlots } from '../../slots/DataGridEnum';
 import { SortColumn } from 'react-data-grid';
-import { IGridConfig, BaseViewConfig } from '../../types.helpers';
+import { IGridConfig } from '../../helpers/persistence/getColumnsWidth/types';
+import { BaseViewConfig } from '../../helpers/shared/getInitialColumnsConfig/types';
 /**
  * Configuración extendida genérica con propiedades originales
  * USO INTERNO: El contexto usa esto para el estado interno con propiedades de tracking

package/components/{DataGrid/contexts/FilterContext/index.d.ts → datagrids/contexts/FilterContext/FilterContext.d.ts}

@@ -8,5 +8,5 @@ type FilterProviderProps = {
 /**
  * Proveedor de contexto para los filtros de la tabla
  */
-declare function FilterProvider({ children, initialActiveFilters }: FilterProviderProps): import("react/jsx-runtime").JSX.Element;
+declare function FilterProvider({ children, initialActiveFilters, }: FilterProviderProps): import("react/jsx-runtime").JSX.Element;
 export { FilterProvider, FilterContext };

package/components/{DataGrid/contexts/FilterContext/index.js → datagrids/contexts/FilterContext/FilterContext.js}

@@ -6,7 +6,10 @@ const initialState = {
   setActiveFilters: voidFunction
 };
 const FilterContext = createContext(initialState);
-function FilterProvider({ children, initialActiveFilters }) {
+function FilterProvider({
+  children,
+  initialActiveFilters
+}) {
   const [filterOptions, setFilterOptions] = useState({
     activeFilters: initialActiveFilters
   });

package/components/datagrids/contexts/FilterContext/index.d.ts

@@ -0,0 +1,2 @@
+export { FilterProvider, FilterContext } from './FilterContext';
+export * from './types';

package/components/{DataGrid → datagrids}/dictionary.d.ts

@@ -1,6 +1,6 @@
 export declare const DATAGRID_DICTIONARY_ID = "data_grid";
 /**
- * TODO: Documentar
+ * Obtiene los IDs de diccionarios necesarios para el DataGrid
  */
 export declare function getDataGridComponentsDictionary(): string[];
 export declare const DICTIONARY: {
@@ -38,4 +38,5 @@ export declare const DICTIONARY: {
     VIEW_MODE_CARDS: string;
     TOOLTIP_VIEW_MODE: string;
     DETAILS: string;
+    EDIT_PLACEHOLDER: string;
 };

package/components/{DataGrid → datagrids}/dictionary.js

@@ -1,4 +1,4 @@
-import { g as getMenuActionsComponentsDictionary } from "../MenuActions/dictionary.js";
+import { a as getMenuActionsComponentsDictionary } from "../MenuActions/dictionary.js";
 import { g as getModalDictionary } from "../ModalDialog/dictionary.js";
 import { g as getPagerComponentsDictionary } from "../Pager/dicctionary.js";
 import { c as DATAGRID_ID_DICTIONARY } from "./constants.js";
@@ -37,7 +37,8 @@ const DICTIONARY = {
   VIEW_MODE_TABLE: `${DATAGRID_ID_DICTIONARY}.view_mode_table`,
   VIEW_MODE_CARDS: `${DATAGRID_ID_DICTIONARY}.view_mode_cards`,
   TOOLTIP_VIEW_MODE: `${DATAGRID_ID_DICTIONARY}.tooltip_view_mode`,
-  DETAILS: `${DATAGRID_ID_DICTIONARY}.details`
+  DETAILS: `${DATAGRID_ID_DICTIONARY}.details`,
+  EDIT_PLACEHOLDER: `${DATAGRID_ID_DICTIONARY}.edit_placeholder`
 };
 export {
   DICTIONARY as D,

package/components/{DataGrid → datagrids}/formatters/ColumnBooleanFormatter/useColumnBoolean.js

@@ -3,7 +3,7 @@ import { C as ColumnBooleanFormatter } from "./formatter.js";
 import { useModuleDictionary, getPropertyByString } from "@m4l/core";
 import { useState, useRef, useEffect, useMemo } from "react";
 import { deepEqual } from "fast-equals";
-import { g as getColumnKey } from "../../helpers/getColumnKey.js";
+import { g as getColumnKey } from "../../helpers/shared/getColumnKey/getColumnKey.js";
 const getCustomBooleanFilter = (props, getLabel) => {
   return (row, value) => {
     const keyWiouthRow = getColumnKey(props.fieldValue);
@@ -67,11 +67,14 @@ const useColumnBoolean = (props) => {
       setStateProps(props);
     }
   }, [props]);
-  return useMemo(() => ({
-    formatter: ColumnBooleanFormatter(stateProps),
-    customFilter: getCustomBooleanFilter(stateProps, getLabel),
-    customSort: getCustomBooleanSort(stateProps, getLabel)
-  }), [stateProps, getLabel]);
+  return useMemo(
+    () => ({
+      formatter: ColumnBooleanFormatter(stateProps),
+      customFilter: getCustomBooleanFilter(stateProps, getLabel),
+      customSort: getCustomBooleanSort(stateProps, getLabel)
+    }),
+    [stateProps, getLabel]
+  );
 };
 export {
   useColumnBoolean as u

package/components/{DataGrid → datagrids}/formatters/ColumnChipStatusFormatter/useColumnChipStatus.js

@@ -1,8 +1,8 @@
 import { getPropertyByString } from "@m4l/core";
 import { C as ColumnChipStatusFormatter } 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 getCustomChipStatusFilter = (props) => {
   const { fieldLabel: uriLabel } = props;
   return (row, value) => {

package/components/{DataGrid → datagrids}/formatters/ColumnConcatenatedValuesFormatter/useColumnConcatenatedValues.js

@@ -1,9 +1,9 @@
 import { getPropertyByString } from "@m4l/core";
 import { deepEqual } from "fast-equals";
-import { g as getColumnKey } from "../../helpers/getColumnKey.js";
 import { g as getFormatConcatenated } from "../../../formatters/ConcatenatedFormatter/ConcatenatedFormatter.js";
 import { useState, useRef, useEffect, useMemo } from "react";
 import { C as ColumnConcatenatedValuesFormatter } from "./formatter.js";
+import { g as getColumnKey } from "../../helpers/shared/getColumnKey/getColumnKey.js";
 const getArrayValuesWithFieldValue = (row, fieldValue) => {
   const values = fieldValue.map((element) => {
     const keyWiouthRow = getColumnKey(element);

package/components/{DataGrid → datagrids}/formatters/ColumnDateFormatter/useColumnDate.js

@@ -1,11 +1,11 @@
 import { getPropertyByString } from "@m4l/core";
 import { g as getFormatDate } from "../../../formatters/DateFormatter/DateFormatter.js";
 import { C as ColumnDateFormatter } from "./formatter.js";
-import { g as getColumnKey } from "../../helpers/getColumnKey.js";
 import { useFormatter } from "@m4l/graphics";
 import { g as getValidDate } from "../../../../utils/getValidDate.js";
 import { useState, useRef, useEffect, useMemo, useCallback } from "react";
 import { deepEqual } from "fast-equals";
+import { g as getColumnKey } from "../../helpers/shared/getColumnKey/getColumnKey.js";
 const useCustomDateFilter = (props) => {
   const { dateFormatter } = useFormatter();
   const ret = useCallback((row, value) => {

package/components/{DataGrid → datagrids}/formatters/ColumnImageFormatter/ImageFormatterCell.js

@@ -2,7 +2,7 @@ import { jsx, Fragment } from "react/jsx-runtime";
 import { useContext } from "react";
 import { getPropertyByString } from "@m4l/core";
 import { I as IMAGE_SIZES } from "./constants.js";
-import { a as DataGridContext } from "../../contexts/DataGridContext/index.js";
+import { a as DataGridContext } from "../../contexts/DataGridContext/DataGridContext.js";
 import { I as ImageFormatter } from "../../../formatters/ImageFormatter/ImageFormatter.js";
 function ImageFormatterCell(props) {
   const { formatterProps, fieldValue, fieldText, width, height, cover } = props;

package/components/{DataGrid → datagrids}/formatters/ColumnNestedValueFormatter/useColumnNestedValue.js

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

package/components/{DataGrid → datagrids}/formatters/ColumnPointsFormatter/useColumnPoints.js

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

package/components/{DataGrid → datagrids}/formatters/ColumnPriceFormatter/useColumnPrice.js

@@ -3,8 +3,8 @@ import { useFormatter } from "@m4l/graphics";
 import { getPropertyByString } from "@m4l/core";
 import { deepEqual } from "fast-equals";
 import { g as getFormatPrice } from "../../../formatters/PriceFormatter/PriceFormatter.js";
-import { g as getColumnKey } from "../../helpers/getColumnKey.js";
 import { C as ColumnPriceFormatter } from "./formatter.js";
+import { g as getColumnKey } from "../../helpers/shared/getColumnKey/getColumnKey.js";
 const getCustomPriceFilter = (props) => {
   const { currencyFormatter } = useFormatter();
   const customFilter = useCallback((row, value) => {

package/components/{DataGrid → datagrids}/formatters/ColumnSetCheckFormatter/formatter.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { C as CheckboxCellAdapter } from "../../subcomponents/CheckboxCellAdapter/index.js";
+import { C as CheckboxCellAdapter } from "../../views/adapters/CheckboxCellAdapter/CheckboxCellAdapter.js";
 function ColumnSetCheckFormatter(parameters) {
   const { field, disabledGetter, rowKeyGetter, useHook } = parameters;
   const formatter = (props) => {

package/components/{DataGrid → datagrids}/formatters/ColumnSetCheckFormatter/useColumnSetCheck.js

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

package/components/{DataGrid → datagrids}/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 → datagrids}/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/datagrids/helpers/index.d.ts

@@ -0,0 +1,14 @@
+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 → datagrids/helpers/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/datagrids/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 → datagrids/helpers/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 → datagrids/helpers/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 → datagrids/helpers/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 → datagrids/helpers/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 → datagrids/helpers/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 → datagrids/helpers/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 → datagrids/helpers/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/datagrids/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/datagrids/helpers/shared/castMapColumnsWidthToRecord/index.d.ts

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

package/components/{DataGrid/helpers → datagrids/helpers/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/datagrids/helpers/shared/getAllViewModes/getAllViewModes.test.d.ts

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

package/components/{DataGrid/helpers → datagrids/helpers/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/datagrids/helpers/shared/getColumnKey/getColumnKey.test.d.ts

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

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

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

package/components/datagrids/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/datagrids/helpers/shared/getDataGridRowsFromSet/getDataGridRowsFromSet.test.d.ts

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

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

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

package/components/{DataGrid/helpers → datagrids/helpers/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/datagrids/helpers/shared/getIndexRowHeightVariant/getIndexRowHeightVariant.test.d.ts

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

package/components/{DataGrid/helpers → datagrids/helpers/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 → datagrids/helpers/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/datagrids/helpers/shared/getInitialColumnsConfig/getInitialColumnsConfig.test.d.ts

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

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

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

package/components/datagrids/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 → datagrids/helpers/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/datagrids/helpers/shared/getViewSpecificConfig/getViewSpecificConfig.test.d.ts

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

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

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