fix new on sort

Author: spencergray96

package.json

@@ -1,6 +1,6 @@
 {
   "name": "frame-one-table",
-  "version": "0.3.8",
+  "version": "0.3.9",
   "description": "A react table with maximum flexibility.",
   "main": "build/index.js",
   "module": "build/index.es.js",

src/TableGenerator.tsx

@@ -92,6 +92,11 @@ export interface ColumnOption<T = any> {
 	 */
 	headerValue?: any;
 
+	/**
+	 * Implement custom sorting for your smart table column
+	 */
+	onSort?: () => void;
+
 	/**
 	 * Format function to run the values for the column's body cells through before displaying them (ie. (height) => height + "cm"). Does not modify the value used to compare for sorting the column
 	 */
@@ -162,11 +167,6 @@ export interface TableGeneratorProps {
 	 */
 	paginatorProps: IPaginatorProps;
 
-	/**
-	 * Implement custom sorting for your smart table
-	 */
-	onSort?: () => void;
-
 	/**
 	 * Hide or show the header row. Defaults true
 	 */
@@ -286,7 +286,6 @@ export const TableGenerator: React.FC<TableGeneratorProps> = (props) => {
 							columnOptions={props.columnOptions}
 							headerClassName={props.headerClassName}
 							headerStyle={props.headerStyle}
-							onSort={props.onSort}
 						/>
 					)}
 

src/TableHeader.tsx

@@ -3,7 +3,6 @@ import {ColumnOption, TableGeneratorProps} from "./TableGenerator";
 import {CellContextDetails} from "./contextTypes";
 
 export interface ITableHeaderProps extends Partial<TableGeneratorProps> {
-	onSort?(): void;
 }
 
 const TableHeader: React.FC<ITableHeaderProps> = (props) => {
@@ -31,10 +30,14 @@ const TableHeader: React.FC<ITableHeaderProps> = (props) => {
 			content = column.headerRender(column.headerValue, cellContextDetails);
 		}
 
+		function onSortHelper(): void {
+			column.onSort?.();
+		}
+
 		return (
 			<th
+				onClick={onSortHelper}
 				style={column.headerCellStyle}
-				onClick={props.onSort}
 			>
 				{content}
 			</th>
@@ -53,8 +56,4 @@ const TableHeader: React.FC<ITableHeaderProps> = (props) => {
 	);
 };
 
-TableHeader.defaultProps = {
-	onSort: () => {},
-};
-
 export default TableHeader;