fix(AnalyticalTable): fix horizontal scrolling in rtl reading direction (#5144)

Fixes #5094

Author: Lukas742

packages/main/src/components/AnalyticalTable/AnalyticalTable.cy.tsx

@@ -280,6 +280,31 @@ describe('AnalyticalTable', () => {
     cy.get('@scroll').should('have.been.called');
   });
 
+  it('horizontal scrolling - rtl', () => {
+    function generateMockData() {
+      const data = [];
+
+      for (let i = 1; i <= 200; i++) {
+        const row = {};
+        for (let j = 1; j <= 200; j++) {
+          row[`column${j}`] = `${i}-${j}`;
+        }
+        data.push(row);
+      }
+
+      return data;
+    }
+
+    const data = generateMockData();
+    const columns = new Array(100)
+      .fill('')
+      .map((_, i) => ({ accessor: `column${i + 1}`, Header: `${i + 1} Column`, width: 100 }));
+    cy.mount(<AnalyticalTable dir="rtl" columns={columns} data={data} />);
+    cy.get('[data-component-name="AnalyticalTableContainer"]').scrollTo(-10000, 0);
+    cy.findByText('100 Column').should('be.visible');
+    cy.findByText('1-100').should('be.visible');
+  });
+
   it('tree selection & filtering', () => {
     const TreeSelectFilterTable = (props: PropTypes) => {
       const [filter, setFilter] = useState('');

packages/main/src/components/AnalyticalTable/index.tsx

@@ -1106,7 +1106,7 @@ const AnalyticalTable = forwardRef<AnalyticalTableDomRef, AnalyticalTablePropTyp
     getScrollElement: () => tableRef.current,
     estimateSize: useCallback((index) => visibleColumnsWidth[index], [visibleColumnsWidth]),
     horizontal: true,
-    overscan: overscanCountHorizontal,
+    overscan: isRtl ? Infinity : overscanCountHorizontal,
     indexAttribute: 'data-column-index',
     // necessary as otherwise values are rounded which leads to wrong total width calculation
     measureElement: (el) => el.getBoundingClientRect().width