🤖 Merge PR DefinitelyTyped#72442 Update headerMenu type definition by @Parjak39

Author: Parjak39

types/tabulator-tables/index.d.ts

@@ -1432,7 +1432,7 @@ export interface ColumnDefinition extends ColumnLayout, CellCallbacks {
     /** You can add a menu to any column by passing an array of menu items to the headerMenu option in that columns definition. */
     headerMenu?:
         | Array<MenuObject<ColumnComponent> | MenuSeparator>
-        | (() => Array<MenuObject<ColumnComponent> | MenuSeparator>)
+        | ((e: MouseEvent, component: ColumnComponent) => Array<MenuObject<ColumnComponent> | MenuSeparator>)
         | undefined;
 
     /** The headerMenuIcon option will accept one of three types of value. You can pass in a string for the HTML contents of the button. Or you can pass the DOM node for the button. Though be careful not to pass the same node to multiple columns or you may run into issues. Or you can define a function that is called when the column header is rendered that should return either an HTML string or the contents of the element. This function is passed the column component as its first argument. */

types/tabulator-tables/tabulator-tables-tests.ts

@@ -1781,3 +1781,16 @@ table = new Tabulator("#test-selectableRowsCheck", {
 table.selectRow([1, 2, 3]);
 const selectedRows = table.getSelectedRows();
 console.log("Number of selected rows:", selectedRows.length); // Should be 2 (only rows with age >= 18)
+
+const headerMenuFunc = function(_e: MouseEvent, component: ColumnComponent) {
+    return [{
+        label: "Test",
+    }];
+}
+
+table = new Tabulator("#test-selectableRowsCheck", {
+    columns: [
+        { title: "ID", field: "id" },
+        { title: "Name", field: "name", headerMenu: headerMenuFunc },
+    ],
+});