chore: update findable-ui to latest v20.0.0 (#4321) (#4322)

Author: frano-m

app/components/common/Banner/components/Announcements/announcements.tsx

@@ -1,5 +1,5 @@
 import { Banner } from "@databiosphere/findable-ui/lib/components/common/Banner/banner";
-import { useSessionTimeout } from "@databiosphere/findable-ui/lib/hooks/useSessionTimeout";
+import { useSessionTimeout } from "@databiosphere/findable-ui/lib/hooks/authentication/session/useSessionTimeout";
 import { useSystemStatus } from "@databiosphere/findable-ui/lib/hooks/useSystemStatus";
 import { Fragment, ReactNode } from "react";
 

e2e/anvil-catalog/anvilcatalog-select-tabs.spec.ts

@@ -12,21 +12,21 @@ test("Expect the checkboxes in the 'Edit Columns' menu to add those columns to t
   await testSelectableColumns(page, tab);
 });
 
-test("Expect the checkboxes for preselected columns in the 'Edit Columns' menu to be checked and disabled on the Consortia tab", async ({
+test("Expect the checkboxes for preselected columns in the 'Edit Columns' menu to be checked and enabled on the Consortia tab", async ({
   page,
 }) => {
   const tab = ANVIL_CATALOG_TABS.CONSORTIA;
   await testPreSelectedColumns(page, tab);
 });
 
-test("Expect the checkboxes for preselected columns in the 'Edit Columns' menu to be checked and disabled on the Studies tab", async ({
+test("Expect the checkboxes for preselected columns in the 'Edit Columns' menu to be checked and enabled on the Studies tab", async ({
   page,
 }) => {
   const tab = ANVIL_CATALOG_TABS.STUDIES;
   await testPreSelectedColumns(page, tab);
 });
 
-test("Expect the checkboxes for preselected columns in the 'Edit Columns' menu to be checked and disabled on the Workspaces tab", async ({
+test("Expect the checkboxes for preselected columns in the 'Edit Columns' menu to be checked and enabled on the Workspaces tab", async ({
   page,
 }) => {
   const tab = ANVIL_CATALOG_TABS.WORKSPACES;

e2e/testFunctions.ts

@@ -332,7 +332,7 @@ export async function testSelectableColumns(
 
 /**
  * Checks that the preselected columns specified in the tab object appear
- * in the "Edit Columns" menu and that their checkbox is checked and disabled
+ * in the "Edit Columns" menu and that their checkbox is checked and enabled.
  * @param page - the Playwright page object
  * @param tab - the tab object to test
  */
@@ -353,7 +353,7 @@ export async function testPreSelectedColumns(
           .filter({ has: page.getByText(column.name, { exact: true }) }),
       })
       .getByRole("checkbox");
-    await expect(checkboxLocator).toBeDisabled();
+    await expect(checkboxLocator).toBeEnabled();
     await expect(checkboxLocator).toBeChecked();
   }
 }
@@ -1304,16 +1304,19 @@ export async function filterAndTestLastPagePagination(
   await expect(getFirstRowNthColumnCellLocator(page, 0)).toBeVisible();
 
   // Should start on first page, and there should be multiple pages available
-  await expect(page.getByText(PAGE_COUNT_REGEX, { exact: true })).toHaveText(
-    /Page 1 of [0-9]+/
-  );
   await expect(
-    page.getByText(PAGE_COUNT_REGEX, { exact: true })
+    page.locator(".MuiPaper-table").getByText(PAGE_COUNT_REGEX, { exact: true })
+  ).toHaveText(/Page 1 of [0-9]+/);
+  await expect(
+    page.locator(".MuiPaper-table").getByText(PAGE_COUNT_REGEX, { exact: true })
   ).not.toHaveText("Page 1 of 1");
 
   // Detect number of pages
   const splitStartingPageText = (
-    await page.getByText(PAGE_COUNT_REGEX, { exact: true }).innerText()
+    await page
+      .locator(".MuiPaper-table")
+      .getByText(PAGE_COUNT_REGEX, { exact: true })
+      .innerText()
   ).split(" ");
   const maxPages = parseInt(
     splitStartingPageText[splitStartingPageText.length - 1]