@m4l/components 9.4.20 → 9.4.21

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

@@ -12,3 +12,4 @@ export { getViewSpecificConfig } from './shared/getViewSpecificConfig';
 export { getViewSuffix } from './shared/getViewSuffix';
 export { getInitialColumnsConfig } from './shared/getInitialColumnsConfig';
 export { getDataGridRowsFromSet } from './shared/getDataGridRowsFromSet';
+export { getDefaultAction } from './shared/getDefaultAction';

package/components/datagrids/helpers/shared/getDefaultAction/getDefaultAction.d.ts

@@ -0,0 +1,8 @@
+import { DataGridRowAction, DataGridMenuItemAction } from '../../../types';
+/**
+ * Busca la acción marcada como default (isDefault: true) en un array de DataGridRowAction.
+ * Se usa para determinar qué acción ejecutar en el double click de una fila.
+ * @param actions - Array de acciones del DataGrid
+ * @returns La acción default si existe, undefined si no hay ninguna
+ */
+export declare const getDefaultAction: (actions: DataGridRowAction[]) => DataGridMenuItemAction | undefined;

package/components/datagrids/helpers/shared/getDefaultAction/getDefaultAction.js

@@ -0,0 +1,12 @@
+const getDefaultAction = (actions) => {
+  return actions.find(
+    (action) => (
+      // Verifica que sea un menuItem (type es 'menuItem' o undefined por defecto)
+      (action.type === "menuItem" || action.type === void 0) && // Verifica que tenga la propiedad isDefault y sea true
+      "isDefault" in action && action.isDefault === true
+    )
+  );
+};
+export {
+  getDefaultAction as g
+};

package/components/datagrids/helpers/shared/getDefaultAction/getDefaultAction.test.d.ts

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

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

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

package/components/datagrids/helpers/shared/getDefaultAction/index.js

@@ -0,0 +1 @@
+

package/components/datagrids/index.d.ts

@@ -2,7 +2,7 @@ export { DataGrid } from './components/DataGridMain';
 export { TreeDataGrid } from './components/TreeDataGrid';
 export * from './formatters';
 export type { Column, RenderEditCellProps, RenderCellProps, } from 'react-data-grid';
-export type { RowKey, ChangeConfig, ChangeUserColumn, RowActionsGetter, RowKeyGetter, TreeProps, TreeDataGridProps, } from './types';
+export type { RowKey, ChangeConfig, ChangeUserColumn, RowActionsGetter, RowKeyGetter, TreeProps, TreeDataGridProps, DataGridRowAction, } from './types';
 export type { IGridConfigExtended, BaseConfigColumn, } from './contexts/DataGridContext/types';
 export type { IGridConfig } from './helpers/persistence/getColumnsWidth/types';
 export { getDataGridComponentsDictionary } from './dictionary';

package/components/datagrids/types.d.ts

@@ -1,7 +1,7 @@
 import { Maybe } from '@m4l/core';
 import { Theme } from '@mui/material/styles';
 import { Column, RowsChangeData, RenderCellProps, DataGridProps as NativeDataGridProps } from 'react-data-grid';
-import { MenuAction } from '../MenuActions/types';
+import { MenuAction, MenuItemAction } from '../MenuActions/types';
 import { ActionsSlots, ColumnIconFormatterSlots, ColumnsConfigSlots, ControlNavigateSlots, DataGridSlots, RowsCountSlots, TableSlots, TextEditorSlots } from './slots/DataGridEnum';
 import { OverridesStyleRules } from '@mui/material/styles/overrides';
 import { DATAGRID_PREFIX_NAME } from './constants';
@@ -139,7 +139,22 @@ export interface FilterSettings {
     filtersApplied: FilterApplied[];
     onChange: (event: FilterChangeEvent) => void;
 }
-export type RowActionsGetter<TRow> = (row: TRow) => MenuAction[];
+/**
+ * Tipo extendido de MenuItemAction específico para DataGrid.
+ * Agrega la propiedad `isDefault` para acciones que se ejecutan al hacer double-click en una fila.
+ */
+export interface DataGridMenuItemAction extends MenuItemAction {
+    /**
+     * Si true, esta acción se ejecutará al hacer double-click en la fila del DataGrid.
+     * Solo una acción debe tener isDefault: true por fila.
+     */
+    isDefault?: boolean;
+}
+/**
+ * Tipo de acciones para DataGrid. Igual que MenuAction pero con soporte para isDefault.
+ */
+export type DataGridRowAction = DataGridMenuItemAction | Exclude<MenuAction, MenuItemAction>;
+export type RowActionsGetter<TRow> = (row: TRow) => DataGridRowAction[];
 export type RowKeyGetter<TRow, TKey extends RowKey = RowKey> = (row: TRow) => TKey;
 /**--------------------Termina tipado de filtros-------------------------------------------- */
 export interface GridProps<TRow, TSummaryRow, TKey extends RowKey = RowKey> extends Omit<NativeDataGridProps<TRow, TSummaryRow>, 'rowKeyGetter' | 'rows' | 'columns' | 'onRowsChange' | 'selectedRows' | 'onSelectedRowsChange' | 'renderers'> {

package/components/datagrids/views/CardsView/subcomponents/CardRow/CardRow.js

@@ -5,6 +5,8 @@ import { deepEqual } from "fast-equals";
 import { u as useCardContent } from "../../hooks/useCardContent/useCardContent.js";
 import { C as CardHeader } from "./subcomponents/CardHeader/CardHeader.js";
 import { L as LazyLoadCard } from "./subcomponents/LazyLoadCard/LazyLoadCard.js";
+import { g as getDefaultAction } from "../../../../helpers/shared/getDefaultAction/getDefaultAction.js";
+import { u as useDataGrid } from "../../../../hooks/shared/useDataGrid/useDataGrid.js";
 function CardRowComponent({
   row,
   rows,
@@ -23,6 +25,7 @@ function CardRowComponent({
   onCheckedRowsChange,
   onOpenDetail
 }) {
+  const { rowActionsGetter } = useDataGrid();
   const hasCustomRender = customRender !== void 0;
   const { cardContent } = useCardContent({
     row,
@@ -75,6 +78,23 @@ function CardRowComponent({
       onSelectedRowsChange(mySet);
     }
   };
+  const onCardDoubleClick = (e) => {
+    const target = e.target;
+    const isInteractiveElement = target.closest(
+      'input, button, a, [role="button"], .MuiCheckbox-root, .MuiIconButton-root'
+    );
+    if (isInteractiveElement) {
+      return;
+    }
+    if (!rowActionsGetter) {
+      return;
+    }
+    const actions = rowActionsGetter(row);
+    const defaultAction = getDefaultAction(actions);
+    if (defaultAction?.onClick) {
+      defaultAction.onClick(row);
+    }
+  };
   return /* @__PURE__ */ jsx(LazyLoadCard, { threshold: 200, minHeight, rowKey: rowKeyGetter(row), children: /* @__PURE__ */ jsx(
     CardStyled,
     {
@@ -85,6 +105,7 @@ function CardRowComponent({
         selected: selectedRows?.has(rowKeyGetter(row))
       },
       onClick: onCardClick,
+      onDoubleClick: onCardDoubleClick,
       "data-testid": "data-grid-card",
       "data-row-key": rowKeyGetter(row),
       children: content

package/components/datagrids/views/TableView/TableView.js

@@ -10,6 +10,7 @@ import { d as defaultRowGrouper } from "./helpers/defaultRowGrouper/defaultRowGr
 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";
+import { g as getDefaultAction } from "../../helpers/shared/getDefaultAction/getDefaultAction.js";
 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";
@@ -65,7 +66,8 @@ function TableView(props) {
     size,
     sortColumns,
     setSortColumns,
-    columnsConfig
+    columnsConfig,
+    rowActionsGetter
   } = useDataGrid();
   const groupBy = useMemo(() => {
     if (!treeProps) {
@@ -102,6 +104,16 @@ function TableView(props) {
       onSelectedRowsChange(mySet);
     }
   };
+  const onCellDoubleClick = ({ row }) => {
+    if (!rowActionsGetter) {
+      return;
+    }
+    const actions = rowActionsGetter(row);
+    const defaultAction = getDefaultAction(actions);
+    if (defaultAction?.onClick) {
+      defaultAction.onClick(row);
+    }
+  };
   useEffect(() => {
     let columnIndice = 0;
     for (const column of finalColumns) {
@@ -176,6 +188,7 @@ function TableView(props) {
             selectedRows,
             onSelectedRowsChange,
             onCellClick,
+            onCellDoubleClick,
             rowHeight: currentRowHeight,
             rowKeyGetter,
             renderers: {
@@ -203,6 +216,7 @@ function TableView(props) {
             selectedRows,
             onSelectedRowsChange,
             onCellClick,
+            onCellDoubleClick,
             rowHeight: currentRowHeight,
             rowKeyGetter,
             renderers: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "9.4.20",
+  "version": "9.4.21",
   "license": "UNLICENSED",
   "description": "M4L Components",
   "lint-staged": {