fix(AnalyticalTable): fix pre-selection of custom row ids and update react-table (#649)

Author: MarcusNotheis

packages/main/package.json

@@ -36,7 +36,7 @@
     "lodash.debounce": "^4.0.8",
     "react-content-loader": "5.1.0",
     "react-jss": "10.1.1",
-    "react-table": "7.3.3",
+    "react-table": "7.5.0",
     "react-virtual": "2.2.1"
   },
   "peerDependencies": {

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

@@ -311,5 +311,28 @@ describe('AnalyticalTable', () => {
     expect(wrapper.render()).toMatchSnapshot();
   });
 
+  test('highlight row with custom row key', () => {
+    const utils = render(
+      <AnalyticalTable
+        selectionMode={TableSelectionMode.SINGLE_SELECT}
+        data={data}
+        columns={columns}
+        reactTableOptions={{
+          getRowId: (row, relativeIndex, parent) => {
+            return `${row.name ?? relativeIndex}`;
+          }
+        }}
+        selectedRowIds={{
+          ['Fra']: true
+        }}
+      />
+    );
+
+    expect(utils.asFragment()).toMatchSnapshot();
+
+    const row = screen.getByText('Fra').parentNode.parentNode;
+    expect(row).toHaveAttribute('data-is-selected');
+  });
+
   createPassThroughPropsTest(AnalyticalTable);
 });