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

package/components/{DataGrid/subcomponents/Cards/hooks → datagrids/views/CardsView/hooks/useCardContent}/useCardContent.js

@@ -1,13 +1,22 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
-import { u as useDataGrid } from "../../../hooks/useDataGrid.js";
-import { b as ContainerLabelValueColumnStyled, c as ContentWrapperColumnStyled, L as LabelHeaderColumnStyled, E as EditorCellWrapperStyled, V as ValueColumnStyled } from "../../../slots/DataGridSlot.js";
+import { j as ContainerLabelValueColumnStyled, k as ContentWrapperColumnStyled, L as LabelHeaderColumnStyled, E as EditorCellWrapperStyled, V as ValueColumnStyled, l as EditablePlaceholderStyled, m as IconButtonEditStyled } from "../../../../slots/DataGridSlot.js";
+import { D as DICTIONARY } from "../../../../dictionary.js";
+import { useModuleDictionary, useEnvironment } from "@m4l/core";
+import { p as pathIcons } from "../../../../icons.js";
+import { u as useComponentSize } from "../../../../../../hooks/useComponentSize/useComponentSize.js";
+import { u as useDataGrid } from "../../../../hooks/shared/useDataGrid/useDataGrid.js";
 function useCardContent({
   row,
+  rows,
+  rowIndex,
   columns,
   onRowsChange
 }) {
   const { getConfigColumns, size } = useDataGrid();
+  const { getLabel } = useModuleDictionary();
+  const { host_static_assets, environment_assets } = useEnvironment();
+  const { currentSize } = useComponentSize(size);
   const [editingColumnKey, setEditingColumnKey] = useState(null);
   const columnsConfig = getConfigColumns("cards");
   const cardContent = columns.map((column, index) => {
@@ -34,8 +43,11 @@ function useCardContent({
                  */
                 onRowChange: (updatedRow) => {
                   if (onRowsChange) {
-                    onRowsChange([updatedRow], {
-                      indexes: [index],
+                    const updatedRows = rows.map(
+                      (r, i) => i === rowIndex ? updatedRow : r
+                    );
+                    onRowsChange(updatedRows, {
+                      indexes: [rowIndex],
                       column
                     });
                   }
@@ -55,8 +67,11 @@ function useCardContent({
                  */
                 onRowChange: (updatedRow) => {
                   if (onRowsChange) {
-                    onRowsChange([updatedRow], {
-                      indexes: [index],
+                    const updatedRows = rows.map(
+                      (r, i) => i === rowIndex ? updatedRow : r
+                    );
+                    onRowsChange(updatedRows, {
+                      indexes: [rowIndex],
                       column
                     });
                   }
@@ -64,6 +79,33 @@ function useCardContent({
               });
               return /* @__PURE__ */ jsx(ValueColumnStyled, { variant: "body", color: "text.primary", children: cellContent });
             }
+            const rawValue = row[column.key];
+            const isEmpty = rawValue === null || rawValue === void 0 || rawValue === "";
+            const isEditable = !!column.renderEditCell;
+            if (isEditable) {
+              return /* @__PURE__ */ jsxs(EditablePlaceholderStyled, { children: [
+                /* @__PURE__ */ jsx(
+                  ValueColumnStyled,
+                  {
+                    variant: "body",
+                    color: isEmpty ? "text.secondary" : "text.primary",
+                    children: isEmpty ? getLabel(DICTIONARY.EDIT_PLACEHOLDER) : rawValue
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  IconButtonEditStyled,
+                  {
+                    src: `${host_static_assets}/${environment_assets}/${pathIcons.edit}`,
+                    onClick: () => {
+                      setEditingColumnKey(column.key);
+                    },
+                    size: currentSize,
+                    role: "button",
+                    "aria-label": "Editar texto"
+                  }
+                )
+              ] });
+            }
             return /* @__PURE__ */ jsx(ValueColumnStyled, { variant: "body", color: "text.primary", children: row[column.key] ?? "-" });
           })()
         ]

package/components/datagrids/views/CardsView/hooks/useCardContent/useCardContent.test.d.ts

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

package/components/datagrids/views/CardsView/hooks/useModalDetail/index.d.ts

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

package/components/datagrids/views/CardsView/hooks/useModalDetail/index.js

@@ -0,0 +1 @@
+

package/components/datagrids/views/CardsView/hooks/useModalDetail/types.d.ts

@@ -0,0 +1,19 @@
+import { Column, RowsChangeData } from 'react-data-grid';
+import { Maybe } from '@m4l/core';
+/**
+ * Props para el hook useModalDetail
+ */
+export interface UseModalDetailProps<TRow> {
+    /**
+     * Columnas a mostrar en el modal de detalle
+     */
+    columns: readonly Column<TRow, any>[];
+    /**
+     * Función para manejar cambios en las filas (para editores)
+     */
+    onRowsChange?: Maybe<(rows: TRow[], data: RowsChangeData<TRow, any>) => void>;
+    /**
+     * Array completo de todas las filas (necesario para reconstruir el array al editar en el modal)
+     */
+    rows: readonly TRow[];
+}

package/components/datagrids/views/CardsView/hooks/useModalDetail/types.js

@@ -0,0 +1 @@
+

package/components/datagrids/views/CardsView/hooks/useModalDetail/useModalDetail.d.ts

@@ -0,0 +1,6 @@
+import { UseModalDetailProps } from './types';
+/**
+ * Hook que renderiza el modal de detalle para cualquier vista
+ * mostrando TODAS las columnas sin excepción
+ */
+export declare const useModalDetail: <TRow>({ columns, onRowsChange, rows, }: UseModalDetailProps<TRow>) => (row: TRow) => void;

package/components/{DataGrid/hooks/useModalCardDetail.js → datagrids/views/CardsView/hooks/useModalDetail/useModalDetail.js}

@@ -2,19 +2,19 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
 import { useIsMobile } from "@m4l/graphics";
 import { useCallback } from "react";
-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 CardDetails } from "../subcomponents/Cards/subcomponents/CardDetails/index.js";
-import { D as DICTIONARY } from "../dictionary.js";
-import { u as useDataGrid } from "./useDataGrid.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 { 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 { D as DICTIONARY } from "../../../../dictionary.js";
+import { C as CardDetails } from "../../subcomponents/CardDetails/CardDetails.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";
 const useModalDetail = ({
   columns,
-  viewMode,
-  onRowsChange
+  onRowsChange,
+  rows
 }) => {
   const { getConfigColumns, size } = useDataGrid();
   const { openModal, closeModal } = useModal();
@@ -23,7 +23,8 @@ const useModalDetail = ({
   const isMobile = useIsMobile();
   const handleOpenDetail = useCallback(
     (row) => {
-      const viewColumnsConfig = getConfigColumns(viewMode);
+      const viewColumnsConfig = getConfigColumns("cards");
+      const rowIndex = rows.findIndex((r) => r === row);
       openModal({
         initialWidth: 500,
         initialHeight: 680,
@@ -42,6 +43,8 @@ const useModalDetail = ({
                 CardDetails,
                 {
                   row,
+                  rows,
+                  rowIndex,
                   columns,
                   viewColumnsConfig,
                   onRowsChange,
@@ -56,6 +59,7 @@ const useModalDetail = ({
     },
     [
       columns,
+      rows,
       onRowsChange,
       size,
       getConfigColumns,
@@ -64,8 +68,7 @@ const useModalDetail = ({
       getLabel,
       host_static_assets,
       environment_assets,
-      isMobile,
-      viewMode
+      isMobile
     ]
   );
   return handleOpenDetail;

package/components/datagrids/views/CardsView/hooks/useModalDetail/useModalDetail.test.d.ts

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

package/components/datagrids/views/CardsView/hooks/useProcessedColumns/index.d.ts

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

package/components/datagrids/views/CardsView/hooks/useProcessedColumns/index.js

@@ -0,0 +1 @@
+

package/components/datagrids/views/CardsView/hooks/useProcessedColumns/types.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Opciones para el hook useProcessedColumns
+ */
+export interface ProcessedColumnsOptions {
+    /**
+     * Si es true, aplica el filtro de visibilidad según la configuración.
+     * Si es false, muestra todas las columnas (útil para el modal de detalle).
+     * @default true
+     */
+    applyVisibilityFilter?: boolean;
+}

package/components/datagrids/views/CardsView/hooks/useProcessedColumns/types.js

@@ -0,0 +1 @@
+

package/components/{DataGrid/hooks → datagrids/views/CardsView/hooks/useProcessedColumns}/useProcessedColumns.d.ts

@@ -1,5 +1,5 @@
 import { Column } from 'react-data-grid';
-import { ProcessedColumnsOptions } from '../types';
+import { ProcessedColumnsOptions } from './types';
 /**
  * Hook que procesa columnas para cualquier vista que no sea Table.
  * - Aplica configuración de visibilidad y orden (opcional)
@@ -38,8 +38,8 @@ export declare function useProcessedColumns<TRow, TSummaryRow>(columns: readonly
     visible?: boolean;
     hidden?: boolean;
     fixed?: boolean;
-    type: import('../types').ColumnType;
-    align?: import('../types').ColumnAlign;
+    type: import('../../../../types').ColumnType;
+    align?: import('../../../../types').ColumnAlign;
     isDraggable?: boolean;
     withFilter?: boolean;
     withinHeaderRenderer?: import('react').FunctionComponent<import('react-data-grid').RenderHeaderCellProps<TRow, TSummaryRow>> | undefined;

package/components/{DataGrid/hooks → datagrids/views/CardsView/hooks/useProcessedColumns}/useProcessedColumns.js

@@ -1,6 +1,6 @@
 import { useMemo } from "react";
-import { u as useDataGrid } from "./useDataGrid.js";
-import { d as DATAGRID_SELECT_COLUMN_KEY, e as DATAGRID_ACTIONS_COLUMN_KEY } from "../constants.js";
+import { d as DATAGRID_SELECT_COLUMN_KEY, e as DATAGRID_ACTIONS_COLUMN_KEY } from "../../../../constants.js";
+import { u as useDataGrid } from "../../../../hooks/shared/useDataGrid/useDataGrid.js";
 function useProcessedColumns(columns, options = {}) {
   const { applyVisibilityFilter = true } = options;
   const { getConfigColumns, viewMode } = useDataGrid();

package/components/datagrids/views/CardsView/hooks/useProcessedColumns/useProcessedColumns.test.d.ts

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

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

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

package/components/datagrids/views/CardsView/index.js

@@ -0,0 +1 @@
+

package/components/{DataGrid/subcomponents/Cards/subcomponents/CardDetails/index.d.ts → datagrids/views/CardsView/subcomponents/CardDetails/CardDetails.d.ts}

@@ -1,8 +1,8 @@
-import { CardDetailsProps } from '../../types';
+import { CardDetailsProps } from './types';
 /**
  * Componente genérico que renderiza TODAS las columnas de una fila
  * en formato detalle dentro del modal.
  *
  * A diferencia del componente Cards, este muestra TODAS las columnas
  */
-export declare function CardDetails<TRow>({ row, columns, viewColumnsConfig, onRowsChange, size, }: CardDetailsProps<TRow>): import("react/jsx-runtime").JSX.Element;
+export declare function CardDetails<TRow>({ row, columns, viewColumnsConfig, onRowsChange, size, rows, rowIndex, }: CardDetailsProps<TRow>): import("react/jsx-runtime").JSX.Element;

package/components/{DataGrid/subcomponents/Cards/subcomponents/CardDetails/index.js → datagrids/views/CardsView/subcomponents/CardDetails/CardDetails.js}

@@ -1,15 +1,25 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useCallback } from "react";
-import { e as CardDetailContainerStyled, b as ContainerLabelValueColumnStyled, c as ContentWrapperColumnStyled, L as LabelHeaderColumnStyled, E as EditorCellWrapperStyled, V as ValueColumnStyled } from "../../../../slots/DataGridSlot.js";
+import { o as CardDetailContainerStyled, j as ContainerLabelValueColumnStyled, k as ContentWrapperColumnStyled, L as LabelHeaderColumnStyled, E as EditorCellWrapperStyled, V as ValueColumnStyled, l as EditablePlaceholderStyled, m as IconButtonEditStyled } from "../../../../slots/DataGridSlot.js";
+import { D as DICTIONARY } from "../../../../dictionary.js";
+import { useModuleDictionary, useEnvironment } from "@m4l/core";
+import { p as pathIcons } from "../../../../icons.js";
+import { u as useComponentSize } from "../../../../../../hooks/useComponentSize/useComponentSize.js";
 function CardDetails({
   row,
   columns,
   viewColumnsConfig,
   onRowsChange,
-  size = "medium"
+  size = "medium",
+  rows,
+  rowIndex
 }) {
   const [editingColumnKey, setEditingColumnKey] = useState(null);
   const [refreshCounter, setRefreshCounter] = useState(0);
+  const { getLabel } = useModuleDictionary();
+  const { host_static_assets, environment_assets } = useEnvironment();
+  const { currentSize } = useComponentSize(size);
+  const currentRow = rows[rowIndex] || row;
   const handleForceRefresh = useCallback(() => {
     setRefreshCounter((prev) => prev + 1);
   }, []);
@@ -17,10 +27,8 @@ function CardDetails({
     if (column.renderCell) {
       return {
         ...column,
-        // Agregar onAfterChange al objeto de la columna si no existe
-        ...!column.onAfterChange && {
-          onAfterChange: handleForceRefresh
-        }
+        // Agregar onAfterChange al objeto de la columna
+        onAfterChange: handleForceRefresh
       };
     }
     return column;
@@ -30,7 +38,8 @@ function CardDetails({
       (config) => config.key === modifiedColumn.key
     );
     const originalColumn = columns[index];
-    const columnKey = `${originalColumn.key}-${refreshCounter}`;
+    const hasInteractiveFormatter = !!modifiedColumn.onAfterChange;
+    const columnKey = hasInteractiveFormatter ? `${originalColumn.key}-${refreshCounter}` : `${originalColumn.key}`;
     const shouldShowTitle = configColumn?.showTitle !== false;
     return /* @__PURE__ */ jsx(ContainerLabelValueColumnStyled, { children: /* @__PURE__ */ jsxs(
       ContentWrapperColumnStyled,
@@ -48,15 +57,18 @@ function CardDetails({
             if (modifiedColumn.renderEditCell && editingColumnKey === modifiedColumn.key) {
               return /* @__PURE__ */ jsx(EditorCellWrapperStyled, { ownerState: { size }, children: modifiedColumn.renderEditCell({
                 column: originalColumn,
-                row,
+                row: currentRow,
                 rowIdx: index,
                 /**
                  * onRowChange es una función que se ejecuta cuando el usuario edita una celda.
                  */
                 onRowChange: (updatedRow) => {
                   if (onRowsChange) {
-                    onRowsChange([updatedRow], {
-                      indexes: [index],
+                    const updatedRows = rows.map(
+                      (r, i) => i === rowIndex ? updatedRow : r
+                    );
+                    onRowsChange(updatedRows, {
+                      indexes: [rowIndex],
                       column: originalColumn
                     });
                   }
@@ -66,8 +78,8 @@ function CardDetails({
             }
             if (modifiedColumn.renderCell) {
               const cellContent = modifiedColumn.renderCell({
-                column: originalColumn,
-                row,
+                column: modifiedColumn,
+                row: currentRow,
                 rowIdx: index,
                 isCellSelected: false,
                 tabIndex: -1,
@@ -76,8 +88,11 @@ function CardDetails({
                  */
                 onRowChange: (updatedRow) => {
                   if (onRowsChange) {
-                    onRowsChange([updatedRow], {
-                      indexes: [index],
+                    const updatedRows = rows.map(
+                      (r, i) => i === rowIndex ? updatedRow : r
+                    );
+                    onRowsChange(updatedRows, {
+                      indexes: [rowIndex],
                       column: originalColumn
                     });
                   }
@@ -85,7 +100,34 @@ function CardDetails({
               });
               return /* @__PURE__ */ jsx(ValueColumnStyled, { variant: "body", color: "text.primary", children: cellContent });
             }
-            return /* @__PURE__ */ jsx(ValueColumnStyled, { variant: "body", color: "text.primary", children: row[modifiedColumn.key] ?? "-" });
+            const rawValue = currentRow[modifiedColumn.key];
+            const isEmpty = rawValue === null || rawValue === void 0 || rawValue === "";
+            const isEditable = !!modifiedColumn.renderEditCell;
+            if (isEditable) {
+              return /* @__PURE__ */ jsxs(EditablePlaceholderStyled, { children: [
+                /* @__PURE__ */ jsx(
+                  ValueColumnStyled,
+                  {
+                    variant: "body",
+                    color: isEmpty ? "text.secondary" : "text.primary",
+                    children: isEmpty ? getLabel(DICTIONARY.EDIT_PLACEHOLDER) : rawValue
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  IconButtonEditStyled,
+                  {
+                    src: `${host_static_assets}/${environment_assets}/${pathIcons.edit}`,
+                    onClick: () => {
+                      setEditingColumnKey(modifiedColumn.key);
+                    },
+                    size: currentSize,
+                    role: "button",
+                    "aria-label": "Editar texto"
+                  }
+                )
+              ] });
+            }
+            return /* @__PURE__ */ jsx(ValueColumnStyled, { variant: "body", color: "text.primary", children: rawValue ?? "-" });
           })()
         ]
       }

package/components/datagrids/views/CardsView/subcomponents/CardDetails/CardDetails.test.d.ts

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

package/components/datagrids/views/CardsView/subcomponents/CardDetails/index.d.ts

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

package/components/datagrids/views/CardsView/subcomponents/CardDetails/index.js

@@ -0,0 +1 @@
+

package/components/datagrids/views/CardsView/subcomponents/CardDetails/types.d.ts

@@ -0,0 +1,38 @@
+import { Column, RowsChangeData } from 'react-data-grid';
+import { Maybe } from '@m4l/core';
+import { IViewConfig } from '../../../../contexts/DataGridContext/types';
+import { Sizes } from '@m4l/styles';
+/**
+ * Props para el componente CardDetails
+ */
+export interface CardDetailsProps<TRow> {
+    /**
+     * Fila que se mostrará en el detalle
+     */
+    row: TRow;
+    /**
+     * Array completo de todas las filas (necesario para reconstruir el array al editar)
+     */
+    rows: readonly TRow[];
+    /**
+     * Índice de la fila actual en el array de filas
+     */
+    rowIndex: number;
+    /**
+     * Columnas que se mostrarán en el detalle
+     */
+    columns: readonly Column<TRow, any>[];
+    /**
+     * Configuración de las columnas de la vista
+     */
+    viewColumnsConfig: IViewConfig<any, any>[];
+    /**
+     * Función para manejar cambios en las filas (para editores)
+     */
+    onRowsChange?: Maybe<(rows: TRow[], data: RowsChangeData<TRow, any>) => void>;
+    /**
+     * Tamaño del componente
+     * @default 'medium'
+     */
+    size?: Extract<Sizes, 'small' | 'medium'>;
+}

package/components/datagrids/views/CardsView/subcomponents/CardDetails/types.js

@@ -0,0 +1 @@
+

package/components/datagrids/views/CardsView/subcomponents/CardRow/CardRow.d.ts

@@ -0,0 +1,11 @@
+import { RowKey } from '../../../../types';
+import { CardRowProps } from './types';
+/**
+ * Componente que muestra una fila de tarjetas.
+ */
+declare function CardRowComponent<TRow, TKey extends RowKey = RowKey>({ row, rows, rowIndex, columns, originalColumns, rowKeyGetter, selectedRows, onSelectedRowsChange, onRowsChange, customRender, minHeight, isChecked, checkedRows, showCheckbox, onCheckedRowsChange, onOpenDetail, }: CardRowProps<TRow, TKey>): import("react/jsx-runtime").JSX.Element;
+/**
+ * Componente que muestra CardRow
+ */
+export declare const CardRow: typeof CardRowComponent;
+export {};

package/components/{DataGrid/subcomponents/Cards/subcomponents/CardRow/index.js → datagrids/views/CardsView/subcomponents/CardRow/CardRow.js}

@@ -1,12 +1,14 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React, { useMemo } from "react";
-import { i as CardContentWrapperStyled, j as CardContentStyled, k as CardStyled } from "../../../../slots/DataGridSlot.js";
-import { L as LazyLoadCard } from "../LazyLoadCard/index.js";
-import { u as useCardContent } from "../../hooks/useCardContent.js";
-import { C as CardHeader } from "../CardHeader/index.js";
+import { p as CardContentWrapperStyled, q as CardContentStyled, r as CardStyled } from "../../../../slots/DataGridSlot.js";
 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";
 function CardRowComponent({
   row,
+  rows,
+  rowIndex,
   columns,
   originalColumns,
   rowKeyGetter,
@@ -24,6 +26,8 @@ function CardRowComponent({
   const hasCustomRender = customRender !== void 0;
   const { cardContent } = useCardContent({
     row,
+    rows,
+    rowIndex,
     columns,
     onRowsChange
   });
@@ -71,29 +75,21 @@ function CardRowComponent({
       onSelectedRowsChange(mySet);
     }
   };
-  return /* @__PURE__ */ jsx(
-    LazyLoadCard,
+  return /* @__PURE__ */ jsx(LazyLoadCard, { threshold: 200, minHeight, rowKey: rowKeyGetter(row), children: /* @__PURE__ */ jsx(
+    CardStyled,
     {
-      threshold: 200,
-      minHeight,
-      rowKey: rowKeyGetter(row),
-      children: /* @__PURE__ */ jsx(
-        CardStyled,
-        {
-          variant: "outlined",
-          selected: selectedRows?.has(rowKeyGetter(row)),
-          ownerState: {
-            checked: isChecked,
-            selected: selectedRows?.has(rowKeyGetter(row))
-          },
-          onClick: onCardClick,
-          "data-testid": "data-grid-card",
-          "data-row-key": rowKeyGetter(row),
-          children: content
-        }
-      )
+      variant: "outlined",
+      selected: selectedRows?.has(rowKeyGetter(row)),
+      ownerState: {
+        checked: isChecked,
+        selected: selectedRows?.has(rowKeyGetter(row))
+      },
+      onClick: onCardClick,
+      "data-testid": "data-grid-card",
+      "data-row-key": rowKeyGetter(row),
+      children: content
     }
-  );
+  ) });
 }
 const CardRow = React.memo(CardRowComponent, (prevProps, nextProps) => {
   return deepEqual(prevProps, nextProps);

package/components/datagrids/views/CardsView/subcomponents/CardRow/CardRow.test.d.ts

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

package/components/datagrids/views/CardsView/subcomponents/CardRow/index.d.ts

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

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

@@ -0,0 +1 @@
+

package/components/{DataGrid/subcomponents/Cards/subcomponents/CardHeader/index.d.ts → datagrids/views/CardsView/subcomponents/CardRow/subcomponents/CardHeader/CardHeader.d.ts}

@@ -1,4 +1,4 @@
-import { CardHeaderProps } from '../../types';
+import { CardHeaderProps } from './types';
 /**
  * Componente CardHeader que renderiza el header de cada card con:
  * - Checkbox en el lado izquierdo (solo si existen checkedRows/onCheckedRowsChange)

package/components/{DataGrid/subcomponents/Cards/subcomponents/CardHeader/index.js → datagrids/views/CardsView/subcomponents/CardRow/subcomponents/CardHeader/CardHeader.js}

@@ -1,12 +1,12 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useMemo, useCallback } from "react";
 import { useEnvironment } from "@m4l/core";
-import { u as useDataGrid } from "../../../../hooks/useDataGrid.js";
-import { f as CardHeaderStyled, g as CardHeaderLeftStyled, h as CardHeaderRightStyled } from "../../../../slots/DataGridSlot.js";
-import { p as pathIcons } from "../../../../icons.js";
-import { C as CheckboxCellAdapter } from "../../../CheckboxCellAdapter/index.js";
-import { I as IconButton } from "../../../../../mui_extended/IconButton/IconButton.js";
-import { M as MenuActions } from "../../../../../MenuActions/MenuActions.js";
+import { s as CardHeaderStyled, t as CardHeaderLeftStyled, u as CardHeaderRightStyled } from "../../../../../../slots/DataGridSlot.js";
+import { p as pathIcons } from "../../../../../../icons.js";
+import { C as CheckboxCellAdapter } from "../../../../../adapters/CheckboxCellAdapter/CheckboxCellAdapter.js";
+import { I as IconButton } from "../../../../../../../mui_extended/IconButton/IconButton.js";
+import { u as useDataGrid } from "../../../../../../hooks/shared/useDataGrid/useDataGrid.js";
+import { M as MenuActions } from "../../../../../../../MenuActions/MenuActions.js";
 function CardHeader({
   row,
   onOpenDetail,

package/components/datagrids/views/CardsView/subcomponents/CardRow/subcomponents/CardHeader/CardHeader.test.d.ts

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

package/components/datagrids/views/CardsView/subcomponents/CardRow/subcomponents/CardHeader/index.d.ts

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

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

@@ -0,0 +1 @@
+

package/components/datagrids/views/CardsView/subcomponents/CardRow/subcomponents/CardHeader/types.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Props para el componente CardHeader
+ */
+export interface CardHeaderProps<TRow> {
+    row: TRow;
+    onOpenDetail: (row: TRow) => void;
+    isChecked?: boolean;
+    showCheckbox?: boolean;
+    checkedRows?: ReadonlySet<any>;
+    onCheckedRowsChange?: (rows: ReadonlySet<any>) => void;
+}

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

@@ -0,0 +1 @@
+

package/components/{DataGrid/subcomponents/Cards/subcomponents/LazyLoadCard/index.d.ts → datagrids/views/CardsView/subcomponents/CardRow/subcomponents/LazyLoadCard/LazyLoadCard.d.ts}

@@ -1,4 +1,4 @@
-import { LazyLoadCardProps } from '../../types';
+import { LazyLoadCardProps } from './types';
 /**
  * Componente wrapper que implementa lazy loading para cards del DataGrid.
  *

package/components/{DataGrid/subcomponents/Cards/subcomponents/LazyLoadCard/index.js → datagrids/views/CardsView/subcomponents/CardRow/subcomponents/LazyLoadCard/LazyLoadCard.js}

@@ -1,6 +1,6 @@
 import { jsx, Fragment } from "react/jsx-runtime";
 import { useState } from "react";
-import { I as IntersectCard } from "../IntersectCard/index.js";
+import { I as IntersectCard } from "./subcomponents/IntersectCard/IntersectCard.js";
 const isIntersectionObserverAvailable = () => {
   return typeof window !== "undefined" && "IntersectionObserver" in window && "IntersectionObserverEntry" in window && "intersectionRatio" in window.IntersectionObserverEntry.prototype;
 };

package/components/datagrids/views/CardsView/subcomponents/CardRow/subcomponents/LazyLoadCard/LazyLoadCard.test.d.ts

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

package/components/datagrids/views/CardsView/subcomponents/CardRow/subcomponents/LazyLoadCard/index.d.ts

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