Improve type safety of header/cell/footer fixed-data-table getters.

Author: stephenjelfs

fixed-data-table/fixed-data-table-tests.tsx

@@ -2,7 +2,7 @@
 /// <reference path="../react/react.d.ts"/>
 
 import * as React from "react";
-import {Table, Cell, Column} from "fixed-data-table";
+import {Table, Cell, Column, CellProps} from "fixed-data-table";
 
 // create your Table
 class MyTable1 extends React.Component<{}, {}> {
@@ -68,7 +68,7 @@ class MyTable3 extends React.Component<{}, MyTable3State> {
                 height={500}>
                 <Column
                     header={<Cell>Name</Cell>}
-                    cell={(props: any) => (
+                    cell={(props: CellProps) => (
                             <Cell {...props}>
                                 {this.state.myTableData[props.rowIndex].name}
                             </Cell>
@@ -85,7 +85,7 @@ interface RowData {
     [field: string]: string;
 }
 
-interface MyCellProps {
+interface MyCellProps extends CellProps {
     rowIndex?: number;
     field: string;
     data: RowData[];

fixed-data-table/fixed-data-table.d.ts

@@ -284,13 +284,13 @@ declare module FixedDataTable {
           * 
           * If you pass in a function, you will receive the same props object as the first argument.
           */
-        header?: any;
+        header?: string | __React.ReactElement<any> | ((props: CellProps) => (string | __React.ReactElement<any>));
 
         /**
           * This is the body cell that will be cloned for this
           * column. This can either be a string a React element,
           * or a function that generates a React Element. Passing
-          * in a string will render a default header cell with that
+          * in a string will render a default cell with that
           * string. By default, the React element passed in can
           * expect to receive the following props:
           * 
@@ -308,7 +308,7 @@ declare module FixedDataTable {
           * If you pass in a function, you will receive the same
           * props object as the first argument.
           */
-        cell?: any;
+        cell?: string | __React.ReactElement<any> | ((props: CellProps) => (string | __React.ReactElement<any>));
 
          /**
           * The footer cell for this column. This can either be a
@@ -331,7 +331,7 @@ declare module FixedDataTable {
           * If you pass in a function, you will receive the same
           * props object as the first argument.
           */
-        footer?: any;
+        footer?: string | __React.ReactElement<any> | ((props: CellProps) => (string | __React.ReactElement<any>));
 
         /**
           * This is used to uniquely identify the column, and is not
@@ -433,7 +433,7 @@ declare module FixedDataTable {
           * If you pass in a function, you will receive the same props
           * object as the first argument.
           */
-	    header: any;
+	    header: string | __React.ReactElement<any> | ((props: CellProps) => (string | __React.ReactElement<any>));
     }
 
     /**
@@ -459,6 +459,11 @@ declare module FixedDataTable {
      * );
      */
     export interface CellProps {
+        /**
+         * The row index of the cell.
+         */
+        rowIndex?: number
+
         /**
          * Outer height of the cell.
          */
@@ -472,7 +477,7 @@ declare module FixedDataTable {
         /**
          * Optional prop that if specified on the Column will be
          * passed to the cell. It can be used to uniquely identify
-         *  which column is the cell is in.
+         * which column is the cell is in.
          */
         columnKey?: string | number;
     }