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

package/components/DataGrid/views/CardsView/subcomponents/Settings/hooks/useModalSettings/index.js

@@ -0,0 +1 @@
+

package/components/DataGrid/views/CardsView/subcomponents/Settings/hooks/useModalSettings/types.js

@@ -0,0 +1 @@
+

package/components/DataGrid/views/CardsView/subcomponents/Settings/hooks/useModalSettings/useModalSettings.d.ts

@@ -0,0 +1,7 @@
+import { GridProps } from '../../../../../../types';
+import { Column } from 'react-data-grid';
+/**
+ * Hook que renderiza el modal de configuración de las columnas
+ * de la vista de cards
+ */
+export declare const useModalSettings: (size: GridProps<unknown, unknown>["size"], columns: readonly Column<any, any>[]) => () => void;

package/components/DataGrid/{subcomponents/HeaderActions/subcomponents/hooks/useModalSettingsCards/index.js → views/CardsView/subcomponents/Settings/hooks/useModalSettings/useModalSettings.js}

@@ -2,19 +2,19 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
 import { useIsMobile } from "@m4l/graphics";
 import { useRef, useCallback } from "react";
-import { u as useDataGrid } from "../../../../../hooks/useDataGrid.js";
-import { u as useModal } from "../../../../../../../hooks/useModal/index.js";
-import { a as ContentModalSettingStyled, D as DataGridRootStyled } from "../../../../../slots/DataGridSlot.js";
-import { p as pathIcons } from "../../../../../icons.js";
-import { C as ColumnsConfigCards } from "../../Settings/subcomponents/ColumnsConfigCards/index.js";
-import { A as ActionsContainer } from "../../../../../../CommonActions/components/ActionsContainer/ActionsContainer.js";
-import { W as WindowBase } from "../../../../../../WindowBase/WindowBase.js";
-import { A as ActionCancel } from "../../../../../../CommonActions/components/ActionCancel/ActionCancel.js";
-import { A as ActionIntro } from "../../../../../../CommonActions/components/ActionIntro/ActionIntro.js";
-const useModalSettingsCards = (size, columns) => {
+import { u as useModal } from "../../../../../../../../hooks/useModal/index.js";
+import { n as ContentModalSettingStyled, D as DataGridRootStyled } from "../../../../../../slots/DataGridSlot.js";
+import { p as pathIcons } from "../../../../../../icons.js";
+import { C as ColumnsConfig } from "../../subcomponents/ColumnsConfig/ColumnsConfig.js";
+import { A as ActionsContainer } from "../../../../../../../CommonActions/components/ActionsContainer/ActionsContainer.js";
+import { u as useDataGrid } from "../../../../../../hooks/shared/useDataGrid/useDataGrid.js";
+import { W as WindowBase } from "../../../../../../../WindowBase/WindowBase.js";
+import { A as ActionCancel } from "../../../../../../../CommonActions/components/ActionCancel/ActionCancel.js";
+import { A as ActionIntro } from "../../../../../../../CommonActions/components/ActionIntro/ActionIntro.js";
+const useModalSettings = (size, columns) => {
   const { openModal, closeModal } = useModal();
   const { getConfigColumns, onChangeColumnsConfig, currentRowHeight, classes } = useDataGrid();
-  const columnsConfigCards = getConfigColumns("cards");
+  const columnsConfig = getConfigColumns("cards");
   const { getLabel } = useModuleDictionary();
   const { host_static_assets, environment_assets } = useEnvironment();
   const isMobile = useIsMobile();
@@ -46,12 +46,12 @@ const useModalSettingsCards = (size, columns) => {
           emergeType: "modal",
           children: /* @__PURE__ */ jsxs(ContentModalSettingStyled, { classes: classes?.contentModalSetting, children: [
             /* @__PURE__ */ jsx(DataGridRootStyled, { children: /* @__PURE__ */ jsx(
-              ColumnsConfigCards,
+              ColumnsConfig,
               {
                 ref,
                 rowHeight: currentRowHeight,
-                columnsConfigCards,
-                onChangeColumnsConfigCards: handleColumnsSetting,
+                columnsConfig,
+                onChangeColumnsConfig: handleColumnsSetting,
                 onCloseSettings,
                 classes,
                 size,
@@ -70,5 +70,5 @@ const useModalSettingsCards = (size, columns) => {
   return onClickSettings;
 };
 export {
-  useModalSettingsCards as u
+  useModalSettings as u
 };

package/components/DataGrid/views/CardsView/subcomponents/Settings/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Settings';
+export * from './types';

package/components/DataGrid/views/CardsView/subcomponents/Settings/index.js

@@ -0,0 +1 @@
+

package/components/DataGrid/views/CardsView/subcomponents/Settings/subcomponents/ColumnsConfig/ColumnsConfig.d.ts

@@ -0,0 +1,10 @@
+import { ColumnAlign } from '../../../../../../types';
+import { ColumnsConfigRef, ConfigProps } from './types';
+/**
+ * función encargada de definir la clase css de alineación
+ */
+export declare const getAlignClass: (align: ColumnAlign) => {
+    cellClass: string;
+    headerCellClass: string;
+};
+export declare const ColumnsConfig: import('react').ForwardRefExoticComponent<ConfigProps & import('react').RefAttributes<ColumnsConfigRef>>;

package/components/DataGrid/{subcomponents/HeaderActions/subcomponents/Settings/subcomponents/ColumnsConfigCards/index.js → views/CardsView/subcomponents/Settings/subcomponents/ColumnsConfig/ColumnsConfig.js}

@@ -4,11 +4,11 @@ import { useModuleDictionary, useEnvironment } from "@m4l/core";
 import DataGrid from "react-data-grid";
 import { I as IconButton } from "../../../../../../../mui_extended/IconButton/IconButton.js";
 import { p as pathIcons } from "../../../../../../icons.js";
-import { t as ColumnsConfigWrapperStyled, u as ColumnsConfigDataGridStyled, v as ColumnsConfigSelColumnsStyled, T as TableWrapperDataGridStyled, w as ColumnsConfigActiosStyled } from "../../../../../../slots/DataGridSlot.js";
+import { v as ColumnsConfigWrapperStyled, w as ColumnsConfigDataGridStyled, x as ColumnsConfigSelColumnsStyled, y as TableWrapperDataGridStyled, z as ColumnsConfigActiosStyled } from "../../../../../../slots/DataGridSlot.js";
 import { D as DICTIONARY } from "../../../../../../dictionary.js";
 import { C as ColumnInteractiveCheckFormatter } from "../../../../../../formatters/ColumnInteractiveCheckFormatter/formatter.js";
-function getRowsFromColumnsConfigCards(columnsConfigCards, columns) {
-  return columnsConfigCards.filter((cConfig) => !cConfig.hidden).map(
+function getRowsFromColumnsConfig(columnsConfig, columns) {
+  return columnsConfig.filter((cConfig) => !cConfig.hidden).map(
     (cConfig) => ({
       key: cConfig.key,
       name: columns?.find((c) => c.key === cConfig.key)?.name ?? "",
@@ -27,13 +27,13 @@ const getAlignClass = (align) => {
     headerCellClass: cellClass
   };
 };
-const ColumnsConfigCards = forwardRef(
+const ColumnsConfig = forwardRef(
   (props, ref) => {
     const refdata_grid = useRef(null);
     const {
       onCloseSettings,
-      columnsConfigCards,
-      onChangeColumnsConfigCards,
+      columnsConfig,
+      onChangeColumnsConfig,
       rowHeight,
       classes,
       size,
@@ -42,7 +42,7 @@ const ColumnsConfigCards = forwardRef(
     const { getLabel } = useModuleDictionary();
     const [isInit, setIsInit] = useState(true);
     const [rows, setRows] = useState(
-      getRowsFromColumnsConfigCards(columnsConfigCards, columns)
+      getRowsFromColumnsConfig(columnsConfig, columns)
     );
     const [selRows, setSelRows] = useState(
       () => /* @__PURE__ */ new Set()
@@ -100,10 +100,10 @@ const ColumnsConfigCards = forwardRef(
     };
     useEffect(() => {
       if (isInit === false) {
-        setRows(getRowsFromColumnsConfigCards(columnsConfigCards, columns));
+        setRows(getRowsFromColumnsConfig(columnsConfig, columns));
       }
       setIsInit(false);
-    }, [columnsConfigCards]);
+    }, [columnsConfig]);
     const rowSelectedIndex = useMemo(() => {
       let rowIndex = -1;
       if (selRows.size !== 1) {
@@ -163,21 +163,21 @@ const ColumnsConfigCards = forwardRef(
       if (rowIndexFinded > -1) {
         return rowIndexFinded;
       }
-      return columnsConfigCards.findIndex(
-        (columnConfigCards) => columnConfigCards.key === column.key
+      return columnsConfig.findIndex(
+        (columnConfig) => columnConfig.key === column.key
       );
     };
     const handleIntro = () => {
-      const newColumnsConfig = columnsConfigCards.map((columnConfigCards) => {
-        const newColumnConfig = { ...columnConfigCards };
-        if (!columnConfigCards.hidden) {
-          const columnConfigRow = getColumnConfigByKey(columnConfigCards.key);
+      const newColumnsConfig = columnsConfig.map((columnConfig) => {
+        const newColumnConfig = { ...columnConfig };
+        if (!columnConfig.hidden) {
+          const columnConfigRow = getColumnConfigByKey(columnConfig.key);
           if (columnConfigRow) {
             newColumnConfig.visible = columnConfigRow.visible;
             newColumnConfig.showTitle = columnConfigRow.showTitle;
           }
           const rowIndex = rows.findIndex(
-            (row) => row.key === columnConfigCards.key
+            (row) => row.key === columnConfig.key
           );
           if (rowIndex > -1) {
             newColumnConfig.index = rowIndex;
@@ -185,7 +185,7 @@ const ColumnsConfigCards = forwardRef(
         }
         return newColumnConfig;
       }).sort((a, b) => getRowIndex(a) - getRowIndex(b));
-      onChangeColumnsConfigCards(newColumnsConfig);
+      onChangeColumnsConfig(newColumnsConfig);
       onCloseSettings();
     };
     const onInternalSelectedRowsChange = () => {
@@ -298,7 +298,7 @@ const ColumnsConfigCards = forwardRef(
     ] });
   }
 );
-ColumnsConfigCards.displayName = "ColumnsConfigCards";
+ColumnsConfig.displayName = "ColumnsConfig";
 export {
-  ColumnsConfigCards as C
+  ColumnsConfig as C
 };

package/components/DataGrid/views/CardsView/subcomponents/Settings/subcomponents/ColumnsConfig/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ColumnsConfig';
+export * from './types';

package/components/DataGrid/views/CardsView/subcomponents/Settings/subcomponents/ColumnsConfig/index.js

@@ -0,0 +1 @@
+

package/components/DataGrid/{subcomponents/HeaderActions/subcomponents/Settings/subcomponents/ColumnsConfigCards → views/CardsView/subcomponents/Settings/subcomponents/ColumnsConfig}/types.d.ts

@@ -19,8 +19,8 @@ export type ColumnsConfigRef = {
 export interface ConfigProps {
     onCloseSettings: () => void;
     columns: readonly Column<any, any>[];
-    columnsConfigCards: IViewConfig[];
-    onChangeColumnsConfigCards: (newColumnsConfigCards: IViewConfig[]) => void;
+    columnsConfig: IViewConfig[];
+    onChangeColumnsConfig: (newColumnsConfig: IViewConfig[]) => void;
     rowHeight: number;
     classes: DataGridContextProps<unknown, unknown>['classes'];
     size: GridProps<unknown, unknown>['size'];

package/components/DataGrid/views/CardsView/subcomponents/Settings/subcomponents/ColumnsConfig/types.js

@@ -0,0 +1 @@
+

package/components/DataGrid/views/CardsView/subcomponents/Settings/types.js

@@ -0,0 +1 @@
+

package/components/DataGrid/views/CardsView/types.d.ts

@@ -0,0 +1,18 @@
+import { GridProps, RowKey } from '../../types';
+/**
+ * Props para el componente CardsView
+ */
+export type CardsViewProps<TRow, TSummaryRow, TKey extends RowKey = RowKey> = GridProps<TRow, TSummaryRow, TKey>;
+/**
+ * Props para el helper calculateCardHeight
+ */
+export interface CalculateCardHeightProps {
+    /**
+     * Número de columnas visibles en la card
+     */
+    visibleColumnsCount: number;
+    /**
+     * Altura mínima personalizada (opcional, para customRender)
+     */
+    customMinHeight?: number;
+}

package/components/DataGrid/views/CardsView/types.js

@@ -0,0 +1 @@
+

package/components/DataGrid/{subcomponents/Table/index.d.ts → views/TableView/TableView.d.ts}

@@ -4,4 +4,4 @@ import { GridProps, RowKey } from '../../types';
  * Componente que renderiza la tabla con las filas y columnas
  * Acepta todos los props de DataGrid y prioriza las configuraciones personalizadas
  */
-export declare function Table<TRow, TSummaryRow, TKey extends RowKey = RowKey>(props: GridProps<TRow, TSummaryRow, TKey> & Omit<DataGridProps<TRow, TSummaryRow>, keyof GridProps<TRow, TSummaryRow, TKey>>): import("react/jsx-runtime").JSX.Element;
+export declare function TableView<TRow, TSummaryRow, TKey extends RowKey = RowKey>(props: GridProps<TRow, TSummaryRow, TKey> & Omit<DataGridProps<TRow, TSummaryRow>, keyof GridProps<TRow, TSummaryRow, TKey>>): import("react/jsx-runtime").JSX.Element;

package/components/DataGrid/{subcomponents/Table/index.js → views/TableView/TableView.js}

@@ -3,15 +3,15 @@ import { useMemo, useState, useRef, useEffect } from "react";
 import DataGrid from "react-data-grid";
 import { DndProvider } from "react-dnd";
 import { HTML5Backend } from "react-dnd-html5-backend";
-import { C as CheckboxFormatter } from "./subcomponents/CheckboxFormatter.js";
-import { a as filterHeight } from "./subcomponents/SelectColumn.js";
-import { u as useSortColumnsRows } from "./hooks/useSortColumnsRows.js";
-import { u as useFilters } from "../../hooks/useFilters.js";
-import { u as useDataGrid } from "../../hooks/useDataGrid.js";
-import { B as TableContainerStyled, T as TableWrapperDataGridStyled } from "../../slots/DataGridSlot.js";
-import { u as useHeaderMenuActions } from "./hooks/useHeaderMenuActions.js";
+import { B as TableContainerStyled, y as TableWrapperDataGridStyled } from "../../slots/DataGridSlot.js";
+import { u as useSortColumnsRows } from "./hooks/useSortColumnsRows/useSortColumnsRows.js";
+import { u as useHeaderMenuActions } from "./hooks/useHeaderMenuActions/useHeaderMenuActions.js";
+import { f as filterHeight } from "./subcomponents/SelectColumn/SelectColumn.js";
 import { H as HeaderRenderClick } from "./subcomponents/HeaderRenderClick/HeaderRenderClick.js";
-function Table(props) {
+import { u as useFilters } from "../../hooks/shared/useFilters/useFilters.js";
+import { u as useDataGrid } from "../../hooks/shared/useDataGrid/useDataGrid.js";
+import { C as CheckboxFormatter } from "./subcomponents/CheckboxFormatter/CheckboxFormatter.js";
+function TableView(props) {
   const {
     columns,
     rows,
@@ -194,5 +194,5 @@ function Table(props) {
   ) });
 }
 export {
-  Table as T
+  TableView as T
 };

package/components/DataGrid/{subcomponents/Table/hooks → views/TableView/helpers/getDragHeaderRenderer}/getDragHeaderRenderer.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { D as DraggableHeaderRenderer } from "../subcomponents/DraggableHeaderRenderer.js";
+import { D as DraggableHeaderRenderer } from "../../subcomponents/DraggableHeaderRenderer/DraggableHeaderRenderer.js";
 const getDragHeaderRenderer = (handleColumnsReorder, options) => {
   function HeaderRenderer(props) {
     return /* @__PURE__ */ jsx(

package/components/DataGrid/views/TableView/helpers/getDragHeaderRenderer/index.d.ts

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

package/components/DataGrid/views/TableView/helpers/getDragHeaderRenderer/index.js

@@ -0,0 +1 @@
+

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

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

package/components/DataGrid/views/TableView/helpers/index.js

@@ -0,0 +1 @@
+

package/components/DataGrid/views/TableView/hooks/useFocusRef/index.d.ts

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

package/components/DataGrid/views/TableView/hooks/useFocusRef/index.js

@@ -0,0 +1 @@
+

package/components/DataGrid/views/TableView/hooks/useFocusRef/useFocusRef.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Hook para manejar el foco de elementos HTML/SVG en la vista de tabla.
+ *
+ * Este hook gestiona automáticamente el foco de un elemento cuando está seleccionado,
+ * útil para la navegación por teclado en celdas del DataGrid.
+ * @template T - Tipo del elemento HTML o SVG que recibirá el foco
+ * @param isSelected - Indica si el elemento está actualmente seleccionado
+ * @returns Objeto con:
+ *   - `ref`: Referencia React para asignar al elemento
+ *   - `tabIndex`: Valor de tabIndex (0 si seleccionado, -1 si no)
+ * @example
+ * ```tsx
+ * const { ref, tabIndex } = useFocusRef<HTMLDivElement>(isRowSelected);
+ * return <div ref={ref} tabIndex={tabIndex}>Contenido</div>;
+ * ```
+ */
+export declare function useFocusRef<T extends HTMLOrSVGElement>(isSelected: boolean): {
+    ref: import('react').RefObject<T>;
+    tabIndex: number;
+};

package/components/DataGrid/views/TableView/hooks/useHeaderMenuActions/index.d.ts

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

package/components/DataGrid/views/TableView/hooks/useHeaderMenuActions/index.js

@@ -0,0 +1 @@
+

package/components/DataGrid/views/TableView/hooks/useHeaderMenuActions/useHeaderMenuActions.d.ts

@@ -0,0 +1,27 @@
+import { Column, SortColumn } from 'react-data-grid';
+import { MenuAction } from '../../subcomponents/HeaderRenderClick/types';
+/**
+ * Hook que genera las acciones del menú contextual del header de una columna en TableView.
+ *
+ * Proporciona acciones para:
+ * - Ordenamiento (ASC/DESC) tanto local como externo
+ * - Filtrado externo
+ * - Congelar/descongelar columnas
+ * - Ocultar columnas
+ * @template TRow - Tipo de datos de la fila
+ * @template TSummaryRow - Tipo de datos de la fila de resumen
+ * @param columnKey - Key de la columna actual (null si no hay columna seleccionada)
+ * @param finalColumns - Array de columnas del DataGrid
+ * @param defaultSortable - Indica si las columnas son ordenables por defecto
+ * @param handleSortFromPopover - Función opcional para manejar el sort desde un popover
+ * @returns Array de MenuAction con las acciones disponibles para el header
+ * @example
+ * ```tsx
+ * const actions = useHeaderMenuActions<MyRow, MySummary>(
+ *   'columnName',
+ *   columns,
+ *   true
+ * );
+ * ```
+ */
+export declare function useHeaderMenuActions<Trow, TSummaryRow>(columnKey: string | null, finalColumns: readonly Column<Trow, TSummaryRow>[], defaultSortable: boolean, handleSortFromPopover?: (newSortColumns: SortColumn[]) => void): MenuAction[];

package/components/DataGrid/{subcomponents/Table/hooks → views/TableView/hooks/useHeaderMenuActions}/useHeaderMenuActions.js

@@ -1,8 +1,8 @@
 import { useMemo, useCallback } from "react";
-import { u as useDataGrid } from "../../../hooks/useDataGrid.js";
 import { useEnvironment, useModuleDictionary } from "@m4l/core";
-import { D as DICTIONARY } from "../../../dictionary.js";
-import { p as pathIcons } from "../../../icons.js";
+import { D as DICTIONARY } from "../../../../dictionary.js";
+import { p as pathIcons } from "../../../../icons.js";
+import { u as useDataGrid } from "../../../../hooks/shared/useDataGrid/useDataGrid.js";
 function useHeaderMenuActions(columnKey, finalColumns, defaultSortable, handleSortFromPopover) {
   const {
     columnsConfig,

package/components/DataGrid/views/TableView/hooks/useSortColumnsRows/index.d.ts

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

package/components/DataGrid/views/TableView/hooks/useSortColumnsRows/index.js

@@ -0,0 +1 @@
+

package/components/DataGrid/{subcomponents/Table/hooks → views/TableView/hooks/useSortColumnsRows}/useSortColumnsRows.js

@@ -1,13 +1,13 @@
 import { useState, useEffect, useMemo } from "react";
-import { g as getDragHeaderRenderer } from "./getDragHeaderRenderer.js";
-import { A as ActionsColumn } from "../subcomponents/ActionsColumn.js";
-import { f as filterColumnClassName, S as SelectColumn } from "../subcomponents/SelectColumn.js";
-import { R as RadioSelectColumn } from "../subcomponents/RadioSelectColumn.js";
 import { useModuleSkeleton, getPropertyByString } from "@m4l/core";
-import { u as useFilters } from "../../../hooks/useFilters.js";
-import { u as useDataGrid } from "../../../hooks/useDataGrid.js";
-import { S as SkeletonFormatter } from "../subcomponents/SkeletonFormatter/index.js";
-import { d as DATAGRID_SELECT_COLUMN_KEY } from "../../../constants.js";
+import { d as DATAGRID_SELECT_COLUMN_KEY } from "../../../../constants.js";
+import { g as getDragHeaderRenderer } from "../../helpers/getDragHeaderRenderer/getDragHeaderRenderer.js";
+import { S as SkeletonFormatter } from "../../subcomponents/SkeletonFormatter/SkeletonFormatter.js";
+import { a as filterColumnClassName, S as SelectColumn } from "../../subcomponents/SelectColumn/SelectColumn.js";
+import { A as ActionsColumn } from "../../subcomponents/ActionsColumn/ActionsColumn.js";
+import { R as RadioSelectColumn } from "../../subcomponents/RadioSelectColumn/RadioSelectColumn.js";
+import { u as useDataGrid } from "../../../../hooks/shared/useDataGrid/useDataGrid.js";
+import { u as useFilters } from "../../../../hooks/shared/useFilters/useFilters.js";
 function getComparator(columns, sortColumn) {
   const column = columns.find((d) => d.key === sortColumn);
   let typeOrder = "string";
@@ -18,7 +18,6 @@ function getComparator(columns, sortColumn) {
     return column.customSort;
   }
   switch (typeOrder) {
-    //Si el tipo de dato de la columna es un numerico, retorna una función de ordenamiento numérica
     case "number":
       return (a, b) => {
         try {
@@ -27,7 +26,6 @@ function getComparator(columns, sortColumn) {
           return -1;
         }
       };
-    //Por defecto retorna una función de ordenamiento de string
     default:
       return (a, b) => {
         try {

package/components/DataGrid/views/TableView/subcomponents/ActionsColumn/ActionsColumn.d.ts

@@ -0,0 +1,14 @@
+import { Column } from 'react-data-grid';
+/**
+ * Configuración de la columna de acciones para el DataGrid.
+ *
+ * Esta columna se muestra al inicio de cada fila y contiene
+ * el menú de acciones (editar, eliminar, etc.) disponibles para esa fila.
+ *
+ * Características:
+ * - Columna fija (frozen) al inicio
+ * - No es arrastrable ni ordenable
+ * - Sin filtro
+ * - Ancho predefinido según DATAGRID_SEMANTIC_WIDTHS.actions
+ */
+export declare const ActionsColumn: Column<any, any>;

package/components/DataGrid/{subcomponents/Table/subcomponents → views/TableView/subcomponents/ActionsColumn}/ActionsColumn.js

@@ -1,7 +1,7 @@
 import { jsx, Fragment } from "react/jsx-runtime";
-import { u as useDataGrid } from "../../../hooks/useDataGrid.js";
-import { f as DATAGRID_SEMANTIC_WIDTHS, e as DATAGRID_ACTIONS_COLUMN_KEY } from "../../../constants.js";
-import { M as MenuActions } from "../../../../MenuActions/MenuActions.js";
+import { f as DATAGRID_SEMANTIC_WIDTHS, e as DATAGRID_ACTIONS_COLUMN_KEY } from "../../../../constants.js";
+import { u as useDataGrid } from "../../../../hooks/shared/useDataGrid/useDataGrid.js";
+import { M as MenuActions } from "../../../../../MenuActions/MenuActions.js";
 function ActionsFormatter(props) {
   const { rowActionsGetter } = useDataGrid();
   if (rowActionsGetter === void 0) {
@@ -22,8 +22,7 @@ function ActionsFormatter(props) {
 }
 const ActionsColumn = {
   key: DATAGRID_ACTIONS_COLUMN_KEY,
-  // name: getLabel(dictionary.LABEL_ACTIONS),
-  name: getActionLabel(),
+  name: "",
   width: DATAGRID_SEMANTIC_WIDTHS.actions,
   minWidth: 32,
   isDraggable: false,
@@ -34,9 +33,6 @@ const ActionsColumn = {
   type: "custom",
   renderCell: ActionsFormatter
 };
-function getActionLabel() {
-  return "";
-}
 export {
   ActionsColumn as A
 };

package/components/DataGrid/views/TableView/subcomponents/ActionsColumn/index.d.ts

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

package/components/DataGrid/views/TableView/subcomponents/ActionsColumn/index.js

@@ -0,0 +1 @@
+

package/components/DataGrid/views/TableView/subcomponents/CheckboxFormatter/CheckboxFormatter.d.ts

@@ -0,0 +1,15 @@
+import { RenderCheckboxProps } from 'react-data-grid';
+/**
+ * Componente de checkbox personalizado para la selección de filas en TableView.
+ *
+ * Renderiza un checkbox de MUI con iconos personalizados para los estados:
+ * - Unchecked (vacío)
+ * - Checked (seleccionado)
+ * - Indeterminate (selección parcial en header)
+ *
+ * Soporta selección múltiple con Shift+Click.
+ * @param props - Props de renderizado de checkbox de react-data-grid
+ * @param props.onChange - Callback cuando cambia el estado del checkbox
+ * @param props.checked - Estado actual del checkbox
+ */
+export declare const CheckboxFormatter: import('react').ForwardRefExoticComponent<RenderCheckboxProps & import('react').RefAttributes<HTMLInputElement>>;

package/components/DataGrid/{subcomponents/Table/subcomponents → views/TableView/subcomponents/CheckboxFormatter}/CheckboxFormatter.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { C as CheckboxIndeterminateIcon, a as CheckboxCheckedIcon, b as CheckboxIcon } from "./CustomIcons.js";
 import { Checkbox } from "@mui/material";
+import { C as CheckboxIndeterminateIcon, a as CheckboxCheckedIcon, b as CheckboxIcon } from "./subcomponents/CustomIcons/CustomIcons.js";
 const CheckboxFormatter = forwardRef(function CheckboxFormatter2({ onChange, checked, ...props }, _ref) {
   function handleChange(e) {
     onChange(e.target.checked, e.nativeEvent.shiftKey);

package/components/DataGrid/views/TableView/subcomponents/CheckboxFormatter/index.d.ts

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

package/components/DataGrid/views/TableView/subcomponents/CheckboxFormatter/index.js

@@ -0,0 +1 @@
+

package/components/DataGrid/views/TableView/subcomponents/CheckboxFormatter/subcomponents/CustomIcons/CustomIcons.d.ts

@@ -0,0 +1,105 @@
+import { SvgIconProps } from '@mui/material';
+/**
+ * Icono de cierre (X dentro de círculo).
+ *
+ * Se utiliza para botones de cerrar o cancelar acciones.
+ * @param props - Props estándar de SvgIcon de MUI
+ * @returns Componente SVG del icono de cierre
+ */
+export declare function CloseIcon(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Icono de estrella.
+ *
+ * Se utiliza para indicar favoritos o calificaciones.
+ * @param props - Props estándar de SvgIcon de MUI
+ * @returns Componente SVG del icono de estrella
+ */
+export declare function StarIcon(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Icono de información (i dentro de círculo).
+ *
+ * Se utiliza para mensajes informativos o tooltips.
+ * @param props - Props estándar de SvgIcon de MUI
+ * @returns Componente SVG del icono de información
+ */
+export declare function InfoIcon(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Icono de advertencia (triángulo con signo de exclamación).
+ *
+ * Se utiliza para alertas de advertencia que requieren atención.
+ * @param props - Props estándar de SvgIcon de MUI
+ * @returns Componente SVG del icono de advertencia
+ */
+export declare function WarningIcon(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Icono de éxito (checkmark dentro de círculo).
+ *
+ * Se utiliza para indicar operaciones completadas exitosamente.
+ * @param props - Props estándar de SvgIcon de MUI
+ * @returns Componente SVG del icono de éxito
+ */
+export declare function SuccessIcon(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Icono de error (signo de exclamación dentro de círculo).
+ *
+ * Se utiliza para indicar errores o fallos en operaciones.
+ * @param props - Props estándar de SvgIcon de MUI
+ * @returns Componente SVG del icono de error
+ */
+export declare function ErrorIcon(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Icono de checkbox sin seleccionar (vacío).
+ *
+ * Renderiza un cuadrado con borde que representa el estado
+ * unchecked de un checkbox.
+ * @param props - Props estándar de SvgIcon de MUI
+ * @returns Componente SVG del checkbox vacío
+ */
+export declare function CheckboxIcon(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Icono de checkbox seleccionado (checked).
+ *
+ * Renderiza un cuadrado relleno con una marca de verificación (checkmark)
+ * que representa el estado checked de un checkbox.
+ * @param props - Props estándar de SvgIcon de MUI
+ * @returns Componente SVG del checkbox marcado
+ */
+export declare function CheckboxCheckedIcon(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Icono de checkbox en estado indeterminado.
+ *
+ * Renderiza un cuadrado con una línea horizontal que representa
+ * el estado indeterminate de un checkbox. Se utiliza típicamente
+ * en el header cuando algunas filas están seleccionadas pero no todas.
+ * @param props - Props estándar de SvgIcon de MUI
+ * @returns Componente SVG del checkbox indeterminado
+ */
+export declare function CheckboxIndeterminateIcon(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * TODO: Documentar
+ */
+export declare function InputSelectIcon(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Icono de colapso para TreeView (cuadrado con signo +).
+ *
+ * Se utiliza para indicar que un nodo del árbol puede expandirse.
+ * @param props - Props estándar de SvgIcon de MUI
+ * @returns Componente SVG del icono de colapso
+ */
+export declare function TreeViewCollapseIcon(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Icono de expansión para TreeView (cuadrado con signo -).
+ *
+ * Se utiliza para indicar que un nodo del árbol puede colapsarse.
+ * @param props - Props estándar de SvgIcon de MUI
+ * @returns Componente SVG del icono de expansión
+ */
+export declare function TreeViewExpandIcon(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Icono de nodo final para TreeView (cuadrado con X).
+ *
+ * Se utiliza para indicar nodos que no tienen hijos (hojas del árbol).
+ * @param props - Props estándar de SvgIcon de MUI
+ * @returns Componente SVG del icono de nodo final
+ */
+export declare function TreeViewEndIcon(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;

package/components/DataGrid/{subcomponents/Table/subcomponents → views/TableView/subcomponents/CheckboxFormatter/subcomponents/CustomIcons}/CustomIcons.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { useEnvironment } from "@m4l/core";
 import "@mui/material";
-import { I as Icon } from "../../../../Icon/Icon.js";
+import { I as Icon } from "../../../../../../../Icon/Icon.js";
 function CheckboxIcon(props) {
   const { host_static_assets, environment_assets } = useEnvironment();
   const uncheckedIconUrl = `${host_static_assets}/${environment_assets}/frontend/components/check_box/assets/icons/unchecked.svg`;

package/components/DataGrid/views/TableView/subcomponents/CheckboxFormatter/subcomponents/CustomIcons/index.d.ts

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