fix row hover in horizontal layout and release version major

Author: radubrehar

examples/src/pages/tests/horizontal-layout/test.page.tsx

@@ -29,28 +29,28 @@ const columns: InfiniteTablePropColumns<Developer> = {
     type: 'number',
     defaultWidth: 100,
     style: {
-      background: 'rgba(255, 99, 71, 0.4)',
+      // background: 'rgba(255, 99, 71, 0.4)',
     },
   },
   canDesign: {
     field: 'canDesign',
     defaultWidth: 200,
     style: {
-      background: 'rgba(211, 119, 171, 0.3)',
+      // background: 'rgba(211, 119, 171, 0.3)',
     },
   },
   salary: {
     field: 'salary',
     type: 'number',
     defaultWidth: 300,
     style: {
-      background: 'rgba(55, 99, 171, 0.5)',
+      // background: 'rgba(55, 99, 171, 0.5)',
     },
   },
   firstName: {
     field: 'firstName',
     style: {
-      background: 'rgb(111 255 72 / 48%)',
+      // background: 'rgb(111 255 72 / 48%)',
     },
   },
   // age: {

source/src/components/HeadlessTable/ReactHeadlessTableRenderer.tsx

@@ -31,6 +31,7 @@ import { GridCellInterface } from './GridCellInterface';
 
 import { setFilter, setIntersection } from '../../utils/setUtils';
 import { ListRowInterface, ListRowManager } from './ListRowManager';
+import type { HorizontalLayoutMatrixBrain } from '../VirtualBrain/HorizontalLayoutMatrixBrain';
 
 const ITEM_POSITION_WITH_TRANSFORM = true;
 
@@ -1270,14 +1271,25 @@ export class GridRenderer extends Logger {
   }
 
   protected onMouseEnterNotBound = (event: React.MouseEvent<HTMLElement>) => {
-    const rowIndex = Number(event.currentTarget.dataset.rowIndex);
+    const rowIndex = this.getMatrixRowIndexFromElement(event.currentTarget);
     this.onMouseEnter(rowIndex);
   };
   protected onMouseLeaveNotBound = (event: React.MouseEvent<HTMLElement>) => {
-    const rowIndex = Number(event.currentTarget.dataset.rowIndex);
+    const rowIndex = this.getMatrixRowIndexFromElement(event.currentTarget);
     this.onMouseLeave(rowIndex);
   };
 
+  private getMatrixRowIndexFromElement(element: HTMLElement): number {
+    const renderedRowIndex = Number(element.dataset.rowIndex);
+
+    if (this.brain.isHorizontalLayoutBrain) {
+      return (
+        this.brain as unknown as HorizontalLayoutMatrixBrain
+      ).getRowIndexInPage(renderedRowIndex);
+    }
+    return renderedRowIndex;
+  }
+
   protected renderCellAt(
     rowIndex: number,
     colIndex: number,