fix: allow passing metadata to the table columns

nulogy · May 8, 2024 · 8b1d736 · 8b1d736
1 parent fdbfb6b
commit 8b1d736
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 10 deletions.
diff --git a/src/Table/Table.types.ts b/src/Table/Table.types.ts
@@ -9,23 +9,17 @@ export interface CellInfoType {
   row: RowType;
 }
 
-interface ColumnInfoType {
-  align?: ColumnAlignment;
-  label: string;
-  dataKey?: Key;
-  width?: string | number;
-}
-
 type ColumnAlignment = "left" | "right" | "center";
 
 export type ColumnType = {
   align?: ColumnAlignment;
   label?: string;
   cellFormatter?: (cell: CellInfoType) => React.ReactNode;
   cellRenderer?: (cell: CellInfoType) => React.ReactNode;
-  headerRenderer?: (column: ColumnInfoType) => React.ReactNode;
-  headerFormatter?: (column: ColumnInfoType) => React.ReactNode;
+  headerRenderer?: (column: ColumnType) => React.ReactNode;
+  headerFormatter?: (column: ColumnType) => React.ReactNode;
   width?: string | number;
+  metadata?: Record<string, unknown>;
 } & ({ key: Key; dataKey?: never | undefined } | { dataKey: Key; key?: never | undefined });
 
 export type Columns = ColumnType[];

diff --git a/src/Table/TableHead.tsx b/src/Table/TableHead.tsx
@@ -22,7 +22,8 @@ const renderHeaderCellContent = ({
   label,
   dataKey,
   width,
-}: ColumnType) => headerFormatter({ align, label, dataKey, width });
+  metadata,
+}: ColumnType) => headerFormatter({ align, label, dataKey, width, metadata });
 
 const TableHead = ({ columns, compact, sticky }: TableHeadProps) => {
   const renderColumns = (allColumns: Columns) =>