feat(table): add rowDef in cellrenderer

DevoInc · Nov 13, 2024 · b5d1778 · b5d1778
1 parent c21395f
commit b5d1778
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 4 deletions.
diff --git a/packages/table/src/core/Cell/Cell.tsx b/packages/table/src/core/Cell/Cell.tsx
@@ -44,7 +44,7 @@ export const Cell: React.FC<CellProps> = ({
   useInitialState(data, colDef.onReset);
 
   const { cellRef, editionContent, isEditMode, onDoubleClick, viewContent } =
-    useRenderContent(colDef, data, rowIndex, row);
+    useRenderContent(colDef, data, rowIndex, row, rowDef);
 
   return (
     <StyledCell

diff --git a/packages/table/src/core/Cell/useRenderContent.ts b/packages/table/src/core/Cell/useRenderContent.ts
@@ -2,14 +2,15 @@ import * as React from 'react';
 
 import { useOnEventOutside } from '@devoinc/genesys-ui';
 
-import type { TColDef, TRow } from '../../declarations';
+import type { TColDef, TRow, TRowDef } from '../../declarations';
 import { TableContext } from '../../context';
 
 export const useRenderContent = (
   colDef: TColDef,
   data: unknown,
   rowIndex: number,
   row: TRow,
+  rowDef: TRowDef
 ) => {
   const { onCellDataChange } = React.useContext(TableContext);
   const cellRef = React.useRef<HTMLTableCellElement>();
@@ -22,6 +23,7 @@ export const useRenderContent = (
         colDef,
         rowIndex,
         row,
+        rowDef,
       })
     : '';
 

diff --git a/packages/table/src/declarations.ts b/packages/table/src/declarations.ts
@@ -43,7 +43,7 @@ export type TColDef = {
   valueFormatter?: (value: unknown, context: DateContext) => void;
   cellRenderer?:
     | React.FC<TCellRenderer>
-    | (({ value, colDef }: TCellRenderer) => React.ReactNode);
+    | (({ value, colDef, rowDef, rowIndex, row }: TCellRenderer) => React.ReactNode);
   headerRenderer?:
     | React.FC<THeaderRenderer>
     | (({ colDef }: THeaderRenderer) => React.ReactNode);
@@ -96,7 +96,7 @@ export type TRowDef = {
   minHeight?: number;
   cellRenderer?:
     | React.FC<TCellRenderer>
-    | (({ value, colDef, rowIndex, row }: TCellRenderer) => React.ReactNode);
+    | (({ value, colDef, rowIndex, row, rowDef }: TCellRenderer) => React.ReactNode);
   style?:
     | CSSProp
     | (({
@@ -174,6 +174,7 @@ export type TCellRenderer = {
   colDef: TColDef;
   rowIndex: number;
   row: TRow;
+  rowDef: TRowDef;
 };
 
 export type THeaderRenderer = {