@m4l/components 9.4.10-JT14012026.beta.1 → 9.4.11

package/components/datagrids/components/DataGridMain/DataGridMain.js

@@ -1,38 +1,150 @@
-import { jsx } from "react/jsx-runtime";
-import { B as BaseDataGrid } from "../BaseDataGrid/BaseDataGrid.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useRef } from "react";
+import { useModuleSkeleton } from "@m4l/core";
+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,
-    withActions,
-    columns,
+    withActions = true,
     rows,
+    columns,
+    actionsProps,
     selectedRows,
     onSelectedRowsChange,
     rowKeyGetter,
+    rowActionsGetter,
     onRowsChange,
-    cardsViewConfig,
-    focusOnRowKey,
+    rowHeaderHeights,
+    rowHeights,
+    initialRowHeightVariant,
     checkedRows,
-    onCheckedRowsChange
+    onCheckedRowsChange,
+    checkedRowsMultiple,
+    dataTestId = "",
+    customHeader: CustomHeader,
+    visibleCustomHeader = true,
+    defaultConfig,
+    onChangeConfig,
+    defaultUserColumns,
+    onChangeUserColumns,
+    size,
+    externalSortSettings,
+    externalFilterSettings,
+    defaultViewMode,
+    cardsViewConfig,
+    focusOnRowKey
   } = props;
-  return /* @__PURE__ */ jsx(BaseDataGrid, { ...props, children: /* @__PURE__ */ jsx(
-    RenderContent,
+  const {
+    withSettings,
+    settingsProps,
+    withRowsCount,
+    withLocalFilters,
+    leftActions,
+    rightActions,
+    withPager,
+    pagerOptions
+  } = actionsProps;
+  const { currentSize } = useComponentSize(size);
+  const refDataGrid = useRef(null);
+  const classRoot = getComponentSlotRoot(DATAGRID_PREFIX_NAME);
+  const ownerState = {
+    visibleCustomHeader
+  };
+  const isSkeleton = useModuleSkeleton();
+  return /* @__PURE__ */ jsx(
+    DataGridRootStyled,
     {
-      id,
-      withActions,
-      columns,
-      rows,
-      selectedRows,
-      onSelectedRowsChange,
-      rowKeyGetter,
-      onRowsChange,
-      cardsViewConfig,
-      focusOnRowKey,
-      checkedRows,
-      onCheckedRowsChange
+      ref: refDataGrid,
+      className: classRoot,
+      ...process.env.NODE_ENV !== "production" ? {
+        [TEST_PROP_COLUMNS]: JSON.stringify(columns),
+        [TEST_PROP_ID]: getNameDataTestId(
+          DATAGRID_PREFIX_NAME,
+          "root",
+          dataTestId
+        ),
+        [TEST_SKELETON]: isSkeleton ? true : false
+      } : {},
+      children: /* @__PURE__ */ jsx(
+        DataGridProvider,
+        {
+          id: props.id,
+          columns,
+          rowHeights,
+          rowHeaderHeights,
+          initialRowHeightVariant,
+          rowsCount: rows.length,
+          checkedRows,
+          rowActionsGetter,
+          onCheckedRowsChange,
+          checkedRowsMultiple,
+          rowKeyGetter,
+          rows,
+          defaultConfig,
+          onChangeConfig,
+          defaultUserColumns,
+          onChangeUserColumns,
+          size: currentSize,
+          externalSortSettings,
+          externalFilterSettings,
+          defaultViewMode,
+          cardsViewConfig,
+          children: /* @__PURE__ */ jsxs(FilterProvider, { initialActiveFilters: false, children: [
+            withActions && actionsProps && /* @__PURE__ */ jsx(
+              HeaderActions,
+              {
+                withSettings,
+                settingsProps,
+                withRowsCount,
+                withLocalFilters,
+                leftActions,
+                rightActions,
+                withPager,
+                columns,
+                size: currentSize
+              }
+            ),
+            CustomHeader ? /* @__PURE__ */ jsx(CustomHeaderStyled, { ownerState, children: CustomHeader }) : null,
+            /* @__PURE__ */ jsx(
+              RenderContent,
+              {
+                id,
+                withActions,
+                columns,
+                rows,
+                selectedRows,
+                onSelectedRowsChange,
+                rowKeyGetter,
+                onRowsChange,
+                cardsViewConfig,
+                focusOnRowKey,
+                checkedRows,
+                onCheckedRowsChange
+              }
+            ),
+            withPager && /* @__PURE__ */ jsx(
+              ControlNavigate,
+              {
+                size: currentSize,
+                ...{ withPager, pagerOptions }
+              }
+            )
+          ] })
+        }
+      )
     }
-  ) });
+  );
 }
 export {
   DataGrid as D

package/components/datagrids/constants.js

@@ -1,4 +1,5 @@
 const DATAGRID_PREFIX_NAME = "M4LDataGrid";
+const DATAGRID_SELECT_COLUMN_KEY = "M4LDataGrid-CheckedColumn";
 const DATAGRID_ACTIONS_COLUMN_KEY = "M4LDataGrid-ActionsColumn";
 const TEST_SKELETON = "data-skeleton";
 const DATAGRID_HEADER_RENDER_CLICK_KEY = "M4LDataGrid-HeaderRenderClick";
@@ -44,7 +45,8 @@ export {
   DATAGRID_ROW_HEIGHTS as a,
   DATAGRID_ROW_HEADER_HEIGHTS as b,
   DATAGRID_ID_DICTIONARY as c,
-  DATAGRID_ACTIONS_COLUMN_KEY as d,
-  DATAGRID_SEMANTIC_WIDTHS as e,
-  DATAGRID_HEADER_RENDER_CLICK_KEY as f
+  DATAGRID_SELECT_COLUMN_KEY as d,
+  DATAGRID_ACTIONS_COLUMN_KEY as e,
+  DATAGRID_SEMANTIC_WIDTHS as f,
+  DATAGRID_HEADER_RENDER_CLICK_KEY as g
 };

package/components/datagrids/contexts/DataGridContext/DataGridContext.js

@@ -192,8 +192,8 @@ function DataGridProvider(props) {
           columns,
           "table",
           resolvedDefaultConfig?.columnsConfig,
-          { frozen: false, grouped: false, groupOrder: 0 },
-          { originalFrozen: false, originalGrouped: false, originalGroupOrder: 0 }
+          { frozen: false },
+          { originalFrozen: false }
         )
       );
       const finalCardsConfig = (() => {
@@ -267,16 +267,12 @@ function DataGridProvider(props) {
         if (newColumnsForView.length > 0) {
           const colLength = currentConfig.length;
           const viewSpecificDefaults = viewModeParam === "cards" ? { showTitle: false } : {
-            frozen: false,
-            grouped: false,
-            groupOrder: 0
+            frozen: false
           };
           const originalViewSpecificDefaults = viewModeParam === "cards" ? {
             originalShowTitle: false
           } : {
-            originalFrozen: false,
-            originalGrouped: false,
-            originalGroupOrder: 0
+            originalFrozen: false
           };
           const newColConfig = getInitialColumnsConfig(
             id,

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

@@ -23,26 +23,16 @@ export interface BaseConfigColumn {
     visible: boolean;
     index: number;
     frozen: boolean;
-    /**
-     * Si la columna está agrupada actualmente.
-     * Solo aplica para TreeDataGrid.
-     */
-    grouped?: boolean;
-    /**
-     * Orden en la jerarquía de agrupación (0 = primer nivel).
-     * Solo aplica para TreeDataGrid.
-     */
-    groupOrder?: number;
     /**
      * @deprecated internamente el componente usa el name de columns.
      */
     name?: string;
 }
 /**
- * Configuración base para vista cards - omite frozen, grouped y groupOrder y agrega showTitle
+ * Configuración base para vista cards - omite frozen y agrega showTitle
  * USO: Los desarrolladores pasan esto en defaultUserColumns.columnsConfigCards
  */
-export interface BaseConfigColumnCards extends Omit<BaseConfigColumn, 'frozen' | 'grouped' | 'groupOrder'> {
+export interface BaseConfigColumnCards extends Omit<BaseConfigColumn, 'frozen'> {
     showTitle: boolean;
 }
 /**
@@ -54,16 +44,12 @@ export interface IConfigColumn extends BaseConfigColumn {
     originalIndex: number;
     originalVisible: boolean;
     originalFrozen: boolean;
-    /** Valor original de grouped definido en la columna */
-    originalGrouped?: boolean;
-    /** Valor original de groupOrder */
-    originalGroupOrder?: number;
 }
 /**
  * Configuración extendida para cards (estado interno)
  * USO INTERNO: El contexto agrega estas propiedades para tracking y gestión de estado
  */
-export interface IConfigColumnCards extends Omit<IConfigColumn, 'frozen' | 'originalFrozen' | 'grouped' | 'groupOrder' | 'originalGrouped' | 'originalGroupOrder'> {
+export interface IConfigColumnCards extends Omit<IConfigColumn, 'frozen' | 'originalFrozen'> {
     showTitle: boolean;
     originalShowTitle: boolean;
 }
@@ -74,9 +60,7 @@ export type ViewMode = 'table' | 'cards';
  * EXTENSIBILIDAD: Agregar aquí nuevas propiedades para nuevas vistas (ej: columnsConfigList)
  */
 export interface IGridConfigExtended extends IGridConfig {
-    /** Configuración de columnas para vista cards */
     columnsConfigCards?: BaseConfigColumnCards[];
-    /** Modo de vista actual (table/cards) */
     viewMode?: ViewMode;
 }
 export interface DataGridProviderProps<TRow, TSummaryRow, TKey extends RowKey = RowKey> extends Pick<GridProps<TRow, TSummaryRow, TKey>, 'rows' | 'columns' | 'rowActionsGetter' | 'rowHeaderHeights' | 'rowHeights' | 'initialRowHeightVariant' | 'checkedRows' | 'onCheckedRowsChange' | 'checkedRowsMultiple' | 'rowKeyGetter' | 'externalSortSettings' | 'externalFilterSettings' | 'defaultViewMode' | 'cardsViewConfig'> {

package/components/datagrids/dictionary.d.ts

@@ -34,9 +34,6 @@ export declare const DICTIONARY: {
     UNFREEZE_COLUMN: string;
     HIDE_COLUMN: string;
     ADD_FILTER_COLUMN: string;
-    SETTINGS_COLUMN_GROUP: string;
-    GROUP_BY_COLUMN: string;
-    REMOVE_GROUP_COLUMN: string;
     VIEW_MODE_TABLE: string;
     VIEW_MODE_CARDS: string;
     TOOLTIP_VIEW_MODE: string;

package/components/datagrids/dictionary.js

@@ -34,10 +34,6 @@ const DICTIONARY = {
   UNFREEZE_COLUMN: `${DATAGRID_ID_DICTIONARY}.unfreeze_column`,
   HIDE_COLUMN: `${DATAGRID_ID_DICTIONARY}.hide_column`,
   ADD_FILTER_COLUMN: `${DATAGRID_ID_DICTIONARY}.add_filter`,
-  // Labels para agrupación de columnas (Row Grouping)
-  SETTINGS_COLUMN_GROUP: `${DATAGRID_ID_DICTIONARY}.settings_column_group`,
-  GROUP_BY_COLUMN: `${DATAGRID_ID_DICTIONARY}.group_by_column`,
-  REMOVE_GROUP_COLUMN: `${DATAGRID_ID_DICTIONARY}.remove_group_column`,
   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`,

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

@@ -1,4 +1,3 @@
 export { ColumnBooleanFormatter } from './formatter';
-export { ColumnBooleanGroupFormatter } from './ColumnBooleanGroupFormatter';
 export type { ColumnBooleanFormatterProps } from './types';
 export { useColumnBoolean } from './useColumnBoolean';

package/components/datagrids/formatters/ColumnBooleanFormatter/useColumnBoolean.d.ts

@@ -4,7 +4,6 @@ import { ColumnBooleanFormatterProps } from './types';
  */
 export declare const useColumnBoolean: <TRow>(props: ColumnBooleanFormatterProps<TRow>) => {
     formatter: (renderProps: import('react-data-grid').RenderCellProps<TRow, unknown>) => import("react/jsx-runtime").JSX.Element;
-    renderGroupCell: (groupProps: import('react-data-grid').RenderGroupCellProps<TRow, unknown>) => import("react/jsx-runtime").JSX.Element;
     customFilter: (row: TRow, value: string) => boolean;
     customSort: (a: TRow, b: TRow) => 0 | 1 | -1;
 };

package/components/datagrids/formatters/ColumnBooleanFormatter/useColumnBoolean.js

@@ -1,6 +1,5 @@
 import { g as getFormatBoolean } from "../../../formatters/BooleanFormatter/BooleanFormatter.js";
 import { C as ColumnBooleanFormatter } from "./formatter.js";
-import { C as ColumnBooleanGroupFormatter } from "./ColumnBooleanGroupFormatter.js";
 import { useModuleDictionary, getPropertyByString } from "@m4l/core";
 import { useState, useRef, useEffect, useMemo } from "react";
 import { deepEqual } from "fast-equals";
@@ -71,7 +70,6 @@ const useColumnBoolean = (props) => {
   return useMemo(
     () => ({
       formatter: ColumnBooleanFormatter(stateProps),
-      renderGroupCell: ColumnBooleanGroupFormatter(stateProps),
       customFilter: getCustomBooleanFilter(stateProps, getLabel),
       customSort: getCustomBooleanSort(stateProps, getLabel)
     }),

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

@@ -1,4 +1,3 @@
 export { ColumnChipStatusFormatter } from './formatter';
-export { ColumnChipStatusGroupFormatter } from './ColumnChipStatusGroupFormatter';
 export { useColumnChipStatus } from './useColumnChipStatus';
 export type { ColumnChipStatusFormatterProps } from './types';

package/components/datagrids/formatters/ColumnChipStatusFormatter/useColumnChipStatus.d.ts

@@ -4,7 +4,6 @@ import { ColumnChipStatusFormatterProps } from './types';
  */
 export declare const useColumnChipStatus: <TRow>(props: ColumnChipStatusFormatterProps<TRow>) => {
     formatter: (renderProps: import('react-data-grid').RenderCellProps<TRow, unknown>) => import("react/jsx-runtime").JSX.Element;
-    renderGroupCell: (groupProps: import('react-data-grid').RenderGroupCellProps<TRow, unknown>) => import("react/jsx-runtime").JSX.Element;
     customFilter: (row: TRow, value: string | number) => boolean;
     customSort: (a: TRow, b: TRow) => 0 | 1 | -1;
 };

package/components/datagrids/formatters/ColumnChipStatusFormatter/useColumnChipStatus.js

@@ -1,6 +1,5 @@
 import { getPropertyByString } from "@m4l/core";
 import { C as ColumnChipStatusFormatter } from "./formatter.js";
-import { C as ColumnChipStatusGroupFormatter } from "./ColumnChipStatusGroupFormatter.js";
 import { deepEqual } from "fast-equals";
 import { useState, useRef, useEffect, useMemo } from "react";
 import { g as getColumnKey } from "../../helpers/shared/getColumnKey/getColumnKey.js";
@@ -29,7 +28,6 @@ const useColumnChipStatus = (props) => {
   }, [props]);
   return useMemo(() => ({
     formatter: ColumnChipStatusFormatter(stateProps),
-    renderGroupCell: ColumnChipStatusGroupFormatter(stateProps),
     customFilter: getCustomChipStatusFilter(stateProps),
     customSort: getCustomChipStatusSort(stateProps)
   }), [stateProps]);

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

@@ -1,4 +1,3 @@
 export * from './formatter';
-export * from './ColumnColorGroupFormatter';
 export * from './types';
 export * from './useColumnColor';

package/components/datagrids/formatters/ColumnColorFormatter/useColumnColor.d.ts

@@ -11,5 +11,4 @@ import { ColumnColorFormatterProps } from './types';
  */
 export declare const useColumnColor: <TRow>(props: ColumnColorFormatterProps<TRow>) => {
     formatter: (renderProps: import('react-data-grid').RenderCellProps<TRow, unknown>) => import("react/jsx-runtime").JSX.Element;
-    renderGroupCell: (groupProps: import('react-data-grid').RenderGroupCellProps<TRow, unknown>) => import("react/jsx-runtime").JSX.Element;
 };

package/components/datagrids/formatters/ColumnColorFormatter/useColumnColor.js

@@ -1,7 +1,6 @@
 import { useState, useRef, useEffect, useMemo } from "react";
 import { deepEqual } from "fast-equals";
 import { C as ColumnColorFormatter } from "./formatter.js";
-import { C as ColumnColorGroupFormatter } from "./ColumnColorGroupFormatter.js";
 const useColumnColor = (props) => {
   const [stateProps, setStateProps] = useState(props);
   const refProps = useRef({ ...props });
@@ -13,8 +12,7 @@ const useColumnColor = (props) => {
   }, [props]);
   return useMemo(
     () => ({
-      formatter: ColumnColorFormatter(stateProps),
-      renderGroupCell: ColumnColorGroupFormatter(stateProps)
+      formatter: ColumnColorFormatter(stateProps)
     }),
     [stateProps]
   );

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

@@ -1,4 +1,3 @@
 export { ColumnConcatenatedValuesFormatter as ColumnConcatenatedValueFormatter } from './formatter';
-export { ColumnConcatenatedValuesGroupFormatter } from './ColumnConcatenatedValuesGroupFormatter';
 export type { ColumnConcatenatedValuesFormatterProps } from './types';
 export { useColumnConcatenatedValues as useColumnConcatenatedValue } from './useColumnConcatenatedValues';

package/components/datagrids/formatters/ColumnConcatenatedValuesFormatter/useColumnConcatenatedValues.d.ts

@@ -4,7 +4,6 @@ import { ColumnConcatenatedValuesFormatterProps } from './types';
  */
 export declare const useColumnConcatenatedValues: <TRow>(props: ColumnConcatenatedValuesFormatterProps<TRow>) => {
     formatter: (renderProps: import('react-data-grid').RenderCellProps<TRow, unknown>) => import("react/jsx-runtime").JSX.Element;
-    renderGroupCell: (groupProps: import('react-data-grid').RenderGroupCellProps<TRow, unknown>) => import("react/jsx-runtime").JSX.Element;
     customFilter: (row: TRow, value: string) => boolean;
     customSort: (a: TRow, b: TRow) => 0 | 1 | -1;
 };

package/components/datagrids/formatters/ColumnConcatenatedValuesFormatter/useColumnConcatenatedValues.js

@@ -1,6 +1,5 @@
 import { getPropertyByString } from "@m4l/core";
 import { deepEqual } from "fast-equals";
-import { C as ColumnConcatenatedValuesGroupFormatter } from "./ColumnConcatenatedValuesGroupFormatter.js";
 import { g as getFormatConcatenated } from "../../../formatters/ConcatenatedFormatter/ConcatenatedFormatter.js";
 import { useState, useRef, useEffect, useMemo } from "react";
 import { C as ColumnConcatenatedValuesFormatter } from "./formatter.js";
@@ -51,7 +50,6 @@ const useColumnConcatenatedValues = (props) => {
   }, [props]);
   return useMemo(() => ({
     formatter: ColumnConcatenatedValuesFormatter(stateProps),
-    renderGroupCell: ColumnConcatenatedValuesGroupFormatter(stateProps),
     customFilter: getCustomContatenatedValueFilter(stateProps),
     customSort: getCustomConcatenatedValueSort(stateProps)
   }), [stateProps]);

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

@@ -1,4 +1,3 @@
 export { ColumnDateFormatter } from './formatter';
-export { ColumnDateGroupFormatter } from './ColumnDateGroupFormatter';
 export type { ColumnDateFormatterProps } from './types';
 export { useColumnDate } from './useColumnDate';

package/components/datagrids/formatters/ColumnDateFormatter/useColumnDate.d.ts

@@ -9,7 +9,6 @@ export declare const useCustomDateFilter: <TRow>(props: ColumnDateFormatterProps
  */
 export declare const useColumnDate: <TRow>(props: ColumnDateFormatterProps<TRow>) => {
     formatter: (formatterProps: import('react-data-grid').RenderCellProps<TRow, unknown>) => import("react/jsx-runtime").JSX.Element;
-    renderGroupCell: (groupProps: import('react-data-grid').RenderGroupCellProps<TRow, unknown>) => import("react/jsx-runtime").JSX.Element;
     customFilter: (row: TRow, value: string) => boolean;
     customSort: (a: TRow, b: TRow) => 0 | 1 | -1;
 };

package/components/datagrids/formatters/ColumnDateFormatter/useColumnDate.js

@@ -1,7 +1,6 @@
 import { getPropertyByString } from "@m4l/core";
 import { g as getFormatDate } from "../../../formatters/DateFormatter/DateFormatter.js";
 import { C as ColumnDateFormatter } from "./formatter.js";
-import { C as ColumnDateGroupFormatter } from "./ColumnDateGroupFormatter.js";
 import { useFormatter } from "@m4l/graphics";
 import { g as getValidDate } from "../../../../utils/getValidDate.js";
 import { useState, useRef, useEffect, useMemo, useCallback } from "react";
@@ -57,7 +56,6 @@ const useColumnDate = (props) => {
   }, [props]);
   return useMemo(() => ({
     formatter: ColumnDateFormatter(stateProps),
-    renderGroupCell: ColumnDateGroupFormatter(stateProps),
     customFilter,
     customSort: getCustomDateSort(stateProps)
   }), [stateProps, customFilter]);

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

@@ -1,4 +1,3 @@
 export { ColumnIconFormatter } from './formatter';
-export { ColumnIconGroupFormatter } from './ColumnIconGroupFormatter';
 export type { ColumnIconFormatterProps } from './types';
 export { useColumnIcon } from './useColumnIcon';

package/components/datagrids/formatters/ColumnIconFormatter/useColumnIcon.d.ts

@@ -5,5 +5,4 @@ import { ColumnIconFormatterProps } from './types';
  */
 export declare const useColumnIcon: <TRow>(props: ColumnIconFormatterProps<TRow>) => {
     formatter: (renderProps: import('react-data-grid').RenderCellProps<TRow, unknown>) => import("react/jsx-runtime").JSX.Element;
-    renderGroupCell: (groupProps: import('react-data-grid').RenderGroupCellProps<TRow, unknown>) => import("react/jsx-runtime").JSX.Element;
 };

package/components/datagrids/formatters/ColumnIconFormatter/useColumnIcon.js

@@ -1,7 +1,6 @@
 import { deepEqual } from "fast-equals";
 import { useState, useRef, useEffect, useMemo } from "react";
 import { C as ColumnIconFormatter } from "./formatter.js";
-import { C as ColumnIconGroupFormatter } from "./ColumnIconGroupFormatter.js";
 const useColumnIcon = (props) => {
   const [stateProps, setStateProps] = useState(props);
   const refProps = useRef({ ...props });
@@ -12,8 +11,7 @@ const useColumnIcon = (props) => {
     }
   }, [props]);
   return useMemo(() => ({
-    formatter: ColumnIconFormatter(stateProps),
-    renderGroupCell: ColumnIconGroupFormatter(stateProps)
+    formatter: ColumnIconFormatter(stateProps)
   }), [stateProps]);
 };
 export {

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

@@ -1,4 +1,3 @@
 export { useColumnImage } from './useColumnImage';
 export { ColumnImageFormatter } from './formatter';
-export { ColumnImageGroupFormatter } from './ColumnImageGroupFormatter';
 export * from './types';

package/components/datagrids/formatters/ColumnImageFormatter/useColumnImage.d.ts

@@ -6,5 +6,4 @@ import { ColumnImageFormatterProps } from './types';
  */
 export declare const useColumnImage: <TRow>(props: ColumnImageFormatterProps<TRow>) => {
     formatter: (formatterProps: import('react-data-grid').RenderCellProps<TRow, unknown>) => import("react/jsx-runtime").JSX.Element;
-    renderGroupCell: (groupProps: import('react-data-grid').RenderGroupCellProps<TRow, unknown>) => import("react/jsx-runtime").JSX.Element;
 };

package/components/datagrids/formatters/ColumnImageFormatter/useColumnImage.js

@@ -1,7 +1,6 @@
 import { useState, useRef, useEffect, useMemo } from "react";
 import { deepEqual } from "fast-equals";
 import { C as ColumnImageFormatter } from "./formatter.js";
-import { C as ColumnImageGroupFormatter } from "./ColumnImageGroupFormatter.js";
 const useColumnImage = (props) => {
   const [stateProps, setStateProps] = useState(props);
   const refProps = useRef({ ...props });
@@ -13,8 +12,7 @@ const useColumnImage = (props) => {
   }, [props]);
   return useMemo(
     () => ({
-      formatter: ColumnImageFormatter(stateProps),
-      renderGroupCell: ColumnImageGroupFormatter(stateProps)
+      formatter: ColumnImageFormatter(stateProps)
     }),
     [stateProps]
   );

package/components/datagrids/formatters/ColumnInteractiveCheckFormatter/formatter.d.ts

@@ -1,17 +1,6 @@
 import { ColumnInteractiveCheckFormatterProps } from './types';
 /**
  * ColumnInteractiveCheckFormatter: Es un formateador de columna booleano que permite la interacción directa
- * (cambiar el checked) sin la necesidad de entrar en edición como lo hace un editor.
- *
- * Soporta la propiedad opcional `disabledKey` en la columna, que indica qué campo del row
- * determina si el checkbox está deshabilitado. Si el valor de ese campo es `false`,
- * el checkbox se deshabilita.
- * @example
- * // Columna con checkbox siempre habilitado
- * { key: 'visible', name: 'Visible', renderCell: ColumnInteractiveCheckFormatter }
- * @example
- * // Columna con checkbox condicionalmente deshabilitado
- * { key: 'grouped', name: 'Agrupar', renderCell: ColumnInteractiveCheckFormatter, disabledKey: 'groupable' }
- * // El checkbox se deshabilita cuando row.groupable === false
+ * (camnbiar el checked) sin la necesidad de entrar en edición como lo hace un editor
  */
 export declare function ColumnInteractiveCheckFormatter<Row>(props: ColumnInteractiveCheckFormatterProps<Row>): import("react/jsx-runtime").JSX.Element;

package/components/datagrids/formatters/ColumnInteractiveCheckFormatter/formatter.js

@@ -2,12 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { C as CheckBox } from "../../../mui_extended/CheckBox/CheckBox.js";
 function ColumnInteractiveCheckFormatter(props) {
   const { row, onRowChange, column } = props;
-  const disabledKey = column.disabledKey;
-  const isDisabled = disabledKey ? !row[disabledKey] : false;
   const handleChange = () => {
-    if (isDisabled) {
-      return;
-    }
     const newRow = { ...row };
     newRow[column.key] = !row[column.key];
     onRowChange(newRow);
@@ -17,7 +12,6 @@ function ColumnInteractiveCheckFormatter(props) {
     {
       size: "small",
       checked: row[column.key] || false,
-      disabled: isDisabled,
       onChange: handleChange
     }
   );

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

@@ -1,4 +1,3 @@
 export { ColumnNestedValueFormatter } from './formatter';
-export { ColumnNestedValueGroupFormatter } from './ColumnNestedValueGroupFormatter';
 export type { ColumnNestedValueFormatterProps } from './types';
 export { useColumnNestedValue } from './useColumnNestedValue';

package/components/datagrids/formatters/ColumnNestedValueFormatter/useColumnNestedValue.d.ts

@@ -5,7 +5,6 @@ import { ColumnNestedValueFormatterProps } from './types';
  */
 export declare const useColumnNestedValue: <TRow>(props: ColumnNestedValueFormatterProps<TRow>) => {
     formatter: (formatterProps: import('react-data-grid').RenderCellProps<TRow, unknown>) => import("react/jsx-runtime").JSX.Element;
-    renderGroupCell: (groupProps: import('react-data-grid').RenderGroupCellProps<TRow, unknown>) => import("react/jsx-runtime").JSX.Element;
     customFilter: (row: TRow, value: string) => any;
     customSort: (a: TRow, b: TRow) => 0 | 1 | -1;
 };

package/components/datagrids/formatters/ColumnNestedValueFormatter/useColumnNestedValue.js

@@ -1,5 +1,4 @@
 import { getPropertyByString } from "@m4l/core";
-import { C as ColumnNestedValueGroupFormatter } from "./ColumnNestedValueGroupFormatter.js";
 import { useState, useRef, useEffect, useMemo } from "react";
 import { deepEqual } from "fast-equals";
 import { g as getNullGuard } from "../../../../utils/getNullGuard.js";
@@ -42,7 +41,6 @@ const useColumnNestedValue = (props) => {
   }, [props]);
   return useMemo(() => ({
     formatter: ColumnNestedValueFormatter(stateProps),
-    renderGroupCell: ColumnNestedValueGroupFormatter(stateProps),
     customFilter: getCustomNestedValueFilter(stateProps),
     customSort: getCustomNestedValueSort(stateProps)
   }), [stateProps]);

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

@@ -1,4 +1,3 @@
 export { ColumnPointsFormatter } from './formatter';
-export { ColumnPointsGroupFormatter } from './ColumnPointsGroupFormatter';
 export type { ColumnPointsFormatterProps } from './types';
 export { useColumnPoints } from './useColumnPoints';

package/components/datagrids/formatters/ColumnPointsFormatter/useColumnPoints.d.ts

@@ -5,7 +5,6 @@ import { ColumnPointsFormatterProps } from './types';
  */
 export declare const useColumnPoints: <TRow>(props: ColumnPointsFormatterProps<TRow>) => {
     formatter: (formatterProps: import('react-data-grid').RenderCellProps<TRow, unknown>) => import("react/jsx-runtime").JSX.Element;
-    renderGroupCell: (groupProps: import('react-data-grid').RenderGroupCellProps<TRow, unknown>) => import("react/jsx-runtime").JSX.Element;
     customFilter: (row: TRow, value: string) => boolean;
     customSort: (a: TRow, b: TRow) => 0 | 1 | -1;
 };

package/components/datagrids/formatters/ColumnPointsFormatter/useColumnPoints.js

@@ -1,7 +1,6 @@
 import { useState, useRef, useEffect, useMemo } from "react";
 import { deepEqual } from "fast-equals";
 import { C as ColumnPointsFormatter } from "./formatter.js";
-import { C as ColumnPointsGroupFormatter } from "./ColumnPointsGroupFormatter.js";
 import { g as getFormatPoints } from "../../../formatters/PointsFormatter/PointsFormatter.js";
 import { g as getColumnKey } from "../../helpers/shared/getColumnKey/getColumnKey.js";
 const getCustomPointsFilter = (props) => {
@@ -37,7 +36,6 @@ const useColumnPoints = (props) => {
   }, [props]);
   return useMemo(() => ({
     formatter: ColumnPointsFormatter(stateProps),
-    renderGroupCell: ColumnPointsGroupFormatter(stateProps),
     customFilter: getCustomPointsFilter(stateProps),
     customSort: getCustomPointsSort(stateProps)
   }), [stateProps]);

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

@@ -1,4 +1,3 @@
 export { ColumnPriceFormatter } from './formatter';
-export { ColumnPriceGroupFormatter } from './ColumnPriceGroupFormatter';
 export type { ColumnPriceFormatterProps } from './types';
 export { useColumnPrice } from './useColumnPrice';