fix(AnalyticalTable): align column popover based on hAlign (#7081)

Fixes #7080

Author: Lukas742

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

@@ -155,15 +155,17 @@ const meta = {
       },
       {
         Header: 'Age',
-        accessor: 'age'
+        accessor: 'age',
+        hAlign: 'End'
       },
       {
         Header: 'Friend Name',
         accessor: 'friend.name'
       },
       {
         Header: 'Friend Age',
-        accessor: 'friend.age'
+        accessor: 'friend.age',
+        hAlign: 'End'
       }
     ],
     highlightField: 'status',

packages/main/src/components/AnalyticalTable/defaults/Column/ColumnHeaderModal.tsx

@@ -139,17 +139,17 @@ export const ColumnHeaderModal = (instance: TableInstanceWithPopoverProps) => {
   const horizontalAlign = (() => {
     switch (column.hAlign) {
       case TextAlign.Begin:
-        return isRtl ? PopoverHorizontalAlign.End : PopoverHorizontalAlign.Start;
+        return PopoverHorizontalAlign.Start;
       case TextAlign.End:
-        return isRtl ? PopoverHorizontalAlign.Start : PopoverHorizontalAlign.End;
+        return PopoverHorizontalAlign.End;
       case TextAlign.Left:
-        return PopoverHorizontalAlign.Start;
+        return isRtl ? PopoverHorizontalAlign.End : PopoverHorizontalAlign.Start;
       case TextAlign.Right:
-        return PopoverHorizontalAlign.End;
+        return isRtl ? PopoverHorizontalAlign.Start : PopoverHorizontalAlign.End;
       case TextAlign.Center:
         return PopoverHorizontalAlign.Center;
       default:
-        return isRtl ? PopoverHorizontalAlign.End : PopoverHorizontalAlign.Start;
+        return PopoverHorizontalAlign.Start;
     }
   })();
 

packages/main/src/components/AnalyticalTable/types/index.ts

@@ -512,11 +512,11 @@ export interface AnalyticalTableColumnDefinition {
   /**
    * Horizontal alignment of the cell.
    */
-  hAlign?: TextAlign;
+  hAlign?: TextAlign | keyof typeof TextAlign;
   /**
    * Vertical alignment of the cell.
    */
-  vAlign?: VerticalAlign;
+  vAlign?: VerticalAlign | keyof typeof VerticalAlign;
   /**
    * Allows passing a custom string for the internal width calculation of custom cells for `scaleWidthMode` `Grow` and `Smart`.
    *