fix(DataTable): react event in getHeaderProps onClick and onInputChange (#14286)

dbrugger · alisonjoseph · web-flow · commit 3e133e741812 · 2023-07-28T13:54:30.000Z
Co-authored-by: Alison Joseph &lt;alison.joseph@us.ibm.com&gt;
diff --git a/packages/react/src/components/DataTable/DataTable.tsx b/packages/react/src/components/DataTable/DataTable.tsx
@@ -112,7 +112,7 @@ export interface DataTableRenderProps<RowType, ColTypes extends any[]> {
     header: DataTableHeader;
     isSortable?: boolean;
     onClick?: (
-      e: MouseEvent,
+      e: React.MouseEvent,
       sortState: { sortHeaderKey: string; sortDirection: DataTableSortState }
     ) => void;
     [key: string]: unknown;
@@ -189,7 +189,10 @@ export interface DataTableRenderProps<RowType, ColTypes extends any[]> {
   };
 
   // Custom event handlers
-  onInputChange: (e: Event, defaultValue?: string) => void;
+  onInputChange: (
+    e: React.ChangeEvent<HTMLInputElement>,
+    defaultValue?: string
+  ) => void;
 
   // Expose internal state change actions
   sortBy: (headerKey: string) => void;
@@ -438,7 +441,7 @@ class DataTable<RowType, ColTypes extends any[]> extends React.Component<
   }: {
     header: DataTableHeader;
     onClick?: (
-      e: MouseEvent,
+      e: React.MouseEvent,
       sortState: { sortHeaderKey: string; sortDirection: DataTableSortState }
     ) => void;
     isSortable?: boolean;
