@databiosphere/findable-ui 47.0.2 → 49.0.0

package/tests/markdownCell.test.tsx

@@ -28,7 +28,7 @@ describe("MarkdownCell", () => {
     expect(anchorEl.getAttribute("href")).toBe("https://www.example.com");
     expect(anchorEl.getAttribute("target")).toBe(ANCHOR_TARGET.BLANK);
     expect(anchorEl.getAttribute("rel")).toBe(
-      REL_ATTRIBUTE.NO_OPENER_NO_REFERRER
+      REL_ATTRIBUTE.NO_OPENER_NO_REFERRER,
     );
     expect(anchorEl).toHaveClass("MuiLink-root");
   });
@@ -42,7 +42,7 @@ describe("MarkdownCell", () => {
             columnDef: { meta: { components: { a: STYLED_ANCHOR } } },
           } as unknown as Column<unknown, string>
         }
-      />
+      />,
     );
     const anchorEl = await screen.findByText("example link");
     expect(anchorEl).toHaveStyleRule("background-color", "green");

package/tests/provider.test.tsx

@@ -15,7 +15,7 @@ jest.unstable_mockModule(
   "../src/hooks/authentication/config/useAuthenticationConfig",
   () => ({
     useAuthenticationConfig: jest.fn(),
-  })
+  }),
 );
 
 const TEST_ID_LOGIN_DIALOG = "login-dialog";
@@ -29,18 +29,16 @@ jest.unstable_mockModule(
         {open ? TEXT_DIALOG_OPEN : TEXT_DIALOG_CLOSED}
       </div>
     ),
-  })
+  }),
 );
 
 const { useConfig } = await import("../src/hooks/useConfig");
 const { useAuth } = await import("../src/providers/authentication/auth/hook");
-const { useAuthenticationConfig } = await import(
-  "../src/hooks/authentication/config/useAuthenticationConfig"
-);
+const { useAuthenticationConfig } =
+  await import("../src/hooks/authentication/config/useAuthenticationConfig");
 
-const { LoginGuardProvider } = await import(
-  "../src/providers/loginGuard/provider"
-);
+const { LoginGuardProvider } =
+  await import("../src/providers/loginGuard/provider");
 
 const TEXT_BUTTON_EXPORT = "export";
 
@@ -64,12 +62,12 @@ describe("LoginGuardProvider", () => {
     render(
       <LoginGuardProvider>
         <div data-testid="child">child component</div>
-      </LoginGuardProvider>
+      </LoginGuardProvider>,
     );
 
     expect(screen.getByTestId("child")).toBeTruthy();
     expect(screen.getByTestId(TEST_ID_LOGIN_DIALOG).textContent).toBe(
-      TEXT_DIALOG_CLOSED
+      TEXT_DIALOG_CLOSED,
     );
   });
 
@@ -90,7 +88,7 @@ describe("LoginGuardProvider", () => {
             </button>
           )}
         </LoginGuardContext.Consumer>
-      </LoginGuardProvider>
+      </LoginGuardProvider>,
     );
 
     // Click button requiring login.
@@ -103,7 +101,7 @@ describe("LoginGuardProvider", () => {
 
     // Login dialog should not be open.
     expect(screen.getByTestId(TEST_ID_LOGIN_DIALOG).textContent).toBe(
-      TEXT_DIALOG_CLOSED
+      TEXT_DIALOG_CLOSED,
     );
   });
 
@@ -126,7 +124,7 @@ describe("LoginGuardProvider", () => {
             </button>
           )}
         </LoginGuardContext.Consumer>
-      </LoginGuardProvider>
+      </LoginGuardProvider>,
     );
 
     // Click button requiring login.
@@ -139,7 +137,7 @@ describe("LoginGuardProvider", () => {
 
     // Login dialog should not be open.
     expect(screen.getByTestId(TEST_ID_LOGIN_DIALOG).textContent).toBe(
-      TEXT_DIALOG_CLOSED
+      TEXT_DIALOG_CLOSED,
     );
   });
 
@@ -155,7 +153,7 @@ describe("LoginGuardProvider", () => {
             </button>
           )}
         </LoginGuardContext.Consumer>
-      </LoginGuardProvider>
+      </LoginGuardProvider>,
     );
 
     // Click button requiring login.
@@ -168,7 +166,7 @@ describe("LoginGuardProvider", () => {
 
     // User is not authenticated; login dialog should be open.
     expect(screen.getByTestId(TEST_ID_LOGIN_DIALOG).textContent).toBe(
-      TEXT_DIALOG_OPEN
+      TEXT_DIALOG_OPEN,
     );
 
     // Simulate user authentication.
@@ -182,7 +180,7 @@ describe("LoginGuardProvider", () => {
     rerender(
       <LoginGuardProvider>
         <div />
-      </LoginGuardProvider>
+      </LoginGuardProvider>,
     );
 
     // Callback should be called (in useEffect called on re-render).

package/tests/rowSelectionValidation.test.ts

@@ -58,7 +58,7 @@ const createTable = (
   tableOptions?: Omit<
     TableOptions<RowData>,
     "columns" | "data" | "getCoreRowModel"
-  >
+  >,
 ): RenderHookResult<Table<RowData>, unknown> => {
   return renderHook(() =>
     useReactTable({
@@ -68,7 +68,7 @@ const createTable = (
       enableRowSelectionValidation: true,
       getCoreRowModel: getCoreRowModel(),
       ...tableOptions,
-    })
+    }),
   );
 };
 
@@ -95,7 +95,7 @@ describe("RowSelectionValidation Feature", () => {
       expect(ROW_SELECTION_VALIDATION).toHaveProperty("getDefaultOptions");
       expect(typeof ROW_SELECTION_VALIDATION.createRow).toBe("function");
       expect(typeof ROW_SELECTION_VALIDATION.getDefaultOptions).toBe(
-        "function"
+        "function",
       );
     });
 
@@ -113,14 +113,14 @@ describe("RowSelectionValidation Feature", () => {
       expect(
         getSelectionValidation(
           firstRowWithoutValidation,
-          tableWithoutValidation
-        )
+          tableWithoutValidation,
+        ),
       ).toBeUndefined();
     });
 
     test("should return validation message when validation function is provided", () => {
       expect(
-        getSelectionValidation(firstRowWithValidation, tableWithValidation)
+        getSelectionValidation(firstRowWithValidation, tableWithValidation),
       ).toBe(VALIDATION_MESSAGE.INVALID);
     });
 
@@ -156,7 +156,7 @@ describe("RowSelectionValidation Feature", () => {
       expect(getSelectionValidation(rows[0], table)).toBeUndefined();
       expect(getSelectionValidation(rows[2], table)).toBeUndefined();
       expect(getSelectionValidation(rows[1], table)).toBe(
-        VALIDATION_MESSAGE.INVALID
+        VALIDATION_MESSAGE.INVALID,
       );
       expect(getRowSelectionValidation).toHaveBeenCalledTimes(3);
     });
@@ -174,13 +174,13 @@ describe("RowSelectionValidation Feature", () => {
 
     test("should return undefined when no validation function is configured", () => {
       expect(
-        firstRowWithoutValidation.getSelectionValidation()
+        firstRowWithoutValidation.getSelectionValidation(),
       ).toBeUndefined();
     });
 
     test("should return validation message when validation function is configured", () => {
       expect(firstRowWithValidation.getSelectionValidation()).toBe(
-        VALIDATION_MESSAGE.INVALID
+        VALIDATION_MESSAGE.INVALID,
       );
     });
   });
@@ -240,11 +240,11 @@ describe("RowSelectionValidation Feature", () => {
 
       expect(rows[0].getSelectionValidation?.()).toBe(VALIDATION_MESSAGE.VALID);
       expect(rows[1].getSelectionValidation?.()).toBe(
-        VALIDATION_MESSAGE.INVALID
+        VALIDATION_MESSAGE.INVALID,
       );
       expect(rows[2].getSelectionValidation?.()).toBeUndefined();
       expect(rows[3].getSelectionValidation?.()).toBe(
-        VALIDATION_MESSAGE.INVALID
+        VALIDATION_MESSAGE.INVALID,
       );
     });
   });

package/tests/tableFilter.test.tsx

@@ -34,7 +34,7 @@ describe("Table - Filtering", () => {
         const cell = row.querySelectorAll("td")[COLUMN_INDEX.STRING];
         const text = cell.textContent;
         expect(text).toMatch(
-          /Coronary Artery Disease Study|Myocardial Infarction Study/
+          /Coronary Artery Disease Study|Myocardial Infarction Study/,
         );
         expect(text).not.toMatch(/Myocardial Infarction Study X/);
       });

package/tests/terraProfileProvider.test.tsx

@@ -27,33 +27,29 @@ jest.unstable_mockModule(
   "../src/providers/authentication/authentication/hook",
   () => ({
     useAuthentication: jest.fn(),
-  })
+  }),
 );
 jest.unstable_mockModule(
   "../src/providers/authentication/credentials/hook",
   () => ({
     useCredentials: jest.fn(),
-  })
+  }),
 );
 jest.unstable_mockModule(
   "../src/providers/authentication/terra/hooks/useFetchProfiles",
   () => ({
     useFetchProfiles: jest.fn(),
-  })
+  }),
 );
 
-const { useAuthentication } = await import(
-  "../src/providers/authentication/authentication/hook"
-);
-const { useCredentials } = await import(
-  "../src/providers/authentication/credentials/hook"
-);
-const { useFetchProfiles } = await import(
-  "../src/providers/authentication/terra/hooks/useFetchProfiles"
-);
-const { TerraProfileProvider } = await import(
-  "../src/providers/authentication/terra/provider"
-);
+const { useAuthentication } =
+  await import("../src/providers/authentication/authentication/hook");
+const { useCredentials } =
+  await import("../src/providers/authentication/credentials/hook");
+const { useFetchProfiles } =
+  await import("../src/providers/authentication/terra/hooks/useFetchProfiles");
+const { TerraProfileProvider } =
+  await import("../src/providers/authentication/terra/provider");
 
 const MOCK_AUTHENTICATION_DISPATCH = jest.fn();
 const MOCK_CREDENTIALS_DISPATCH = jest.fn();
@@ -85,7 +81,7 @@ describe("TerraProfileProvider", () => {
     render(
       <TerraProfileProvider token={TOKEN}>
         <div>Child Component</div>
-      </TerraProfileProvider>
+      </TerraProfileProvider>,
     );
     expect(MOCK_AUTHENTICATION_DISPATCH).not.toHaveBeenCalled();
     expect(MOCK_CREDENTIALS_DISPATCH).not.toHaveBeenCalled();
@@ -96,10 +92,10 @@ describe("TerraProfileProvider", () => {
     render(
       <TerraProfileProvider token={TOKEN}>
         <div>Child Component</div>
-      </TerraProfileProvider>
+      </TerraProfileProvider>,
     );
     expect(MOCK_AUTHENTICATION_DISPATCH).toHaveBeenCalledWith(
-      authenticationComplete()
+      authenticationComplete(),
     );
     expect(MOCK_CREDENTIALS_DISPATCH).not.toHaveBeenCalled();
   });
@@ -109,13 +105,13 @@ describe("TerraProfileProvider", () => {
     render(
       <TerraProfileProvider token={TOKEN}>
         <div>Child Component</div>
-      </TerraProfileProvider>
+      </TerraProfileProvider>,
     );
     expect(MOCK_AUTHENTICATION_DISPATCH).toHaveBeenCalledWith(
-      authenticationComplete()
+      authenticationComplete(),
     );
     expect(MOCK_CREDENTIALS_DISPATCH).toHaveBeenCalledWith(
-      updateCredentials(TOKEN)
+      updateCredentials(TOKEN),
     );
   });
 });

package/tests/theme.test.ts

@@ -175,14 +175,14 @@ describe("Theme Configuration", () => {
 
           // Check ends with font-family.
           expect(fontValue).toMatch(
-            new RegExp(`${typographyValue.fontFamily}\\)$`)
+            new RegExp(`${typographyValue.fontFamily}\\)$`),
           );
 
           // Full pattern test.
           expect(fontValue).toMatch(
             new RegExp(
-              `^var\\(--font-${variant},\\s+\\d+\\s+\\d+px\\/\\d+px\\s+${typographyValue.fontFamily}\\)$`
-            )
+              `^var\\(--font-${variant},\\s+\\d+\\s+\\d+px\\/\\d+px\\s+${typographyValue.fontFamily}\\)$`,
+            ),
           );
         });
     });
@@ -209,7 +209,7 @@ describe("Theme Configuration", () => {
 
           // Full pattern test.
           expect((vars.palette as any)[color][shade]).toEqual(
-            `var(--palette-${color}-${shade}, ${value})`
+            `var(--palette-${color}-${shade}, ${value})`,
           );
         });
       });
@@ -270,10 +270,10 @@ describe("Theme Configuration", () => {
 
         // Confirm that breakpoint-based custom styles are present.
         expect(
-          hasBreakpointKey(styleKeys, CUSTOM_BREAKPOINTS.values.xs)
+          hasBreakpointKey(styleKeys, CUSTOM_BREAKPOINTS.values.xs),
         ).toBeTruthy();
         expect(
-          hasBreakpointKey(styleKeys, CUSTOM_BREAKPOINTS.values.lg)
+          hasBreakpointKey(styleKeys, CUSTOM_BREAKPOINTS.values.lg),
         ).toBeTruthy();
       }
     });
@@ -291,7 +291,7 @@ describe("Theme Configuration", () => {
 
     it("should apply default background color", () => {
       expect(theme.palette.background.default).toEqual(
-        DEFAULT_PALETTE_BACKGROUND.default
+        DEFAULT_PALETTE_BACKGROUND.default,
       );
     });
 
@@ -328,7 +328,7 @@ describe("Theme Configuration", () => {
 
     it("should apply custom primary color when specified", () => {
       expect(customTheme.palette.primary.main).toEqual(
-        CUSTOM_PALETTE_PRIMARY.main
+        CUSTOM_PALETTE_PRIMARY.main,
       );
       // Validate that primary dark and lightest are not overridden.
       validatePaletteColor(customTheme.palette.primary, {
@@ -376,7 +376,7 @@ describe("Theme Configuration", () => {
       expect("body-400" in customTheme.typography).toBe(true);
       validateTypographyStyle(
         customTheme.typography["body-400"],
-        CUSTOM_BODY_400
+        CUSTOM_BODY_400,
       );
     });
 
@@ -403,7 +403,7 @@ describe("Theme Configuration", () => {
  */
 function filterTypographyVariants(value: string): boolean {
   return !/fontFamily|fontSize|fontWeightLight|fontWeightRegular|fontWeightMedium|fontWeightBold|htmlFontSize|allVariants/.test(
-    value
+    value,
   );
 }
 
@@ -415,7 +415,7 @@ function filterTypographyVariants(value: string): boolean {
  */
 function hasBreakpointKey(keys: string[], breakpoint: number): boolean {
   return keys.some(
-    (key) => /^@media/.test(key) && key.includes(String(breakpoint))
+    (key) => /^@media/.test(key) && key.includes(String(breakpoint)),
   );
 }
 
@@ -441,7 +441,7 @@ function isPaletteColor(color: unknown): color is PaletteColor {
  */
 function validatePaletteColor(
   actual: unknown,
-  expected: Record<string, string>
+  expected: Record<string, string>,
 ): void {
   expect(isPaletteColor(actual)).toBe(true);
   for (const [key, value] of Object.entries(expected)) {
@@ -457,7 +457,7 @@ function validatePaletteColor(
  */
 export function validateTypographyStyle(
   actual: TypographyStyle,
-  expected: TypographyStyle
+  expected: TypographyStyle,
 ): void {
   for (const [key, value] of Object.entries(expected)) {
     expect(actual[key]).toEqual(value);

package/tests/useFileLocation.test.ts

@@ -18,17 +18,17 @@ describe("useFileLocation", () => {
       });
       test("url is invalid", () => {
         expect(() => buildFetchFileUrl(URL_INVALID)).toThrowError(
-          `Invalid file URL: ${URL_INVALID}`
+          `Invalid file URL: ${URL_INVALID}`,
         );
       });
       test("url with 'fetch' prepended in path", () => {
         expect(buildFetchFileUrl(URL_WITH_FETCH_PREPEND)).toEqual(
-          URL_WITH_FETCH_PREPEND
+          URL_WITH_FETCH_PREPEND,
         );
       });
       test("url without 'fetch' prepended in path", () => {
         expect(buildFetchFileUrl(URL_WITHOUT_FETCH_PREPEND)).toEqual(
-          URL_WITH_FETCH_PREPEND
+          URL_WITH_FETCH_PREPEND,
         );
       });
     });

package/tests/useRequestManifest.test.ts

@@ -24,12 +24,10 @@ jest.unstable_mockModule("../src/hooks/useFileManifestState", () => ({
 
 const { useConfig } = await import("../src/hooks/useConfig");
 const { useCatalog } = await import("../src/hooks/useCatalog");
-const { useFileManifestState } = await import(
-  "../src/hooks/useFileManifestState"
-);
-const { useRequestManifest } = await import(
-  "../src/hooks/useRequestManifest/useRequestManifest"
-);
+const { useFileManifestState } =
+  await import("../src/hooks/useFileManifestState");
+const { useRequestManifest } =
+  await import("../src/hooks/useRequestManifest/useRequestManifest");
 
 const MOCK_USE_CATALOG = useCatalog as jest.MockedFunction<typeof useCatalog>;
 const MOCK_USE_CONFIG = useConfig as jest.MockedFunction<
@@ -57,7 +55,7 @@ describe("useRequestManifest", () => {
     test("requestMethod is always METHOD.PUT regardless of conditions", () => {
       MOCK_USE_CATALOG.mockReturnValue(undefined);
       const { result } = renderHook(() =>
-        useRequestManifest(undefined, FORM_FACET.INITIAL_SET)
+        useRequestManifest(undefined, FORM_FACET.INITIAL_SET),
       );
       expect(result.current.requestMethod).toEqual(METHOD.PUT);
       expect(result.current.requestParams).toBeUndefined();
@@ -148,8 +146,8 @@ describe("useRequestManifest", () => {
       const { result } = renderHook(() =>
         useRequestManifest(
           MANIFEST_DOWNLOAD_FORMAT.VERBATIM_PFB,
-          FORM_FACET.SUBSET
-        )
+          FORM_FACET.SUBSET,
+        ),
       );
       expect(result.current.requestMethod).toEqual(METHOD.PUT);
       expect(result.current.requestParams).toBeDefined();
@@ -160,8 +158,8 @@ describe("useRequestManifest", () => {
       const { result } = renderHook(() =>
         useRequestManifest(
           MANIFEST_DOWNLOAD_FORMAT.VERBATIM_PFB,
-          FORM_FACET.COMPLETE_SET
-        )
+          FORM_FACET.COMPLETE_SET,
+        ),
       );
       expect(result.current.requestMethod).toEqual(METHOD.PUT);
       expect(result.current.requestParams).toBeDefined();
@@ -195,7 +193,7 @@ function testRequestManifest({
   formFacet?: FormFacet;
 }): void {
   const { result } = renderHook(() =>
-    useRequestManifest(fileManifestFormat, formFacet)
+    useRequestManifest(fileManifestFormat, formFacet),
   );
   expect(result.current.requestMethod).toEqual(expectedMethod);
   expect(result.current.requestParams).toEqual(expectedParams);

package/tests/useSessionActive.test.ts

@@ -52,9 +52,8 @@ jest.unstable_mockModule("../src/hooks/useRouteHistory", () => ({
 
 const Router = (await import("next/router")).default;
 const { useRouteHistory } = await import("../src/hooks/useRouteHistory");
-const { useSessionActive } = await import(
-  "../src/hooks/authentication/session/useSessionActive"
-);
+const { useSessionActive } =
+  await import("../src/hooks/authentication/session/useSessionActive");
 
 const MOCK_USE_ROUTE_HISTORY = useRouteHistory as jest.MockedFunction<
   typeof useRouteHistory
@@ -66,21 +65,21 @@ describe("useSessionActive", () => {
     MOCK_USE_ROUTE_HISTORY.mockReturnValue({
       callbackUrl: jest.fn(
         (transformFn?: TransformRouteFn | undefined) =>
-          transformFn?.(ROUTES) ?? ROOT_PATH
+          transformFn?.(ROUTES) ?? ROOT_PATH,
       ),
     });
   });
 
   test("does not redirect if auth status and authentication status is PENDING", () => {
     renderHook(() =>
-      useSessionActive(AUTH_STATE_PENDING, AUTHENTICATION_STATE_PENDING)
+      useSessionActive(AUTH_STATE_PENDING, AUTHENTICATION_STATE_PENDING),
     );
     expect(Router.push).not.toHaveBeenCalled();
   });
 
   test("does not redirect if auth status is PENDING and authentication status is SETTLED", () => {
     renderHook(() =>
-      useSessionActive(AUTH_STATE_PENDING, AUTHENTICATION_STATE_SETTLED)
+      useSessionActive(AUTH_STATE_PENDING, AUTHENTICATION_STATE_SETTLED),
     );
     expect(Router.push).not.toHaveBeenCalled();
   });
@@ -89,8 +88,8 @@ describe("useSessionActive", () => {
     renderHook(() =>
       useSessionActive(
         AUTH_STATE_UNAUTHENTICATED_SETTLED,
-        AUTHENTICATION_STATE_SETTLED
-      )
+        AUTHENTICATION_STATE_SETTLED,
+      ),
     );
     expect(Router.push).toHaveBeenCalled();
   });
@@ -99,8 +98,8 @@ describe("useSessionActive", () => {
     renderHook(() =>
       useSessionActive(
         AUTH_STATE_AUTHENTICATED_SETTLED,
-        AUTHENTICATION_STATE_SETTLED
-      )
+        AUTHENTICATION_STATE_SETTLED,
+      ),
     );
     expect(Router.push).toHaveBeenCalledWith(ROUTES[1]);
   });

package/tests/useWindowResize.test.ts

@@ -0,0 +1,130 @@
+import { jest } from "@jest/globals";
+import { act, renderHook } from "@testing-library/react";
+
+const { useWindowResize } = await import("../src/hooks/useWindowResize");
+
+describe("useWindowResize", () => {
+  beforeEach(() => {
+    jest.useFakeTimers();
+  });
+
+  afterEach(() => {
+    jest.clearAllTimers();
+    jest.useRealTimers();
+  });
+
+  test("returns current window dimensions", () => {
+    // Set window dimensions
+    Object.defineProperty(window, "innerWidth", {
+      configurable: true,
+      value: 1024,
+      writable: true,
+    });
+    Object.defineProperty(window, "innerHeight", {
+      configurable: true,
+      value: 768,
+      writable: true,
+    });
+
+    const { result } = renderHook(() => useWindowResize());
+
+    expect(result.current).toEqual({ height: 768, width: 1024 });
+  });
+
+  test("updates dimensions on window resize", () => {
+    // Set initial dimensions
+    Object.defineProperty(window, "innerWidth", {
+      configurable: true,
+      value: 1024,
+      writable: true,
+    });
+    Object.defineProperty(window, "innerHeight", {
+      configurable: true,
+      value: 768,
+      writable: true,
+    });
+
+    const { result } = renderHook(() => useWindowResize(100));
+
+    expect(result.current).toEqual({ height: 768, width: 1024 });
+
+    // Simulate window resize
+    act(() => {
+      Object.defineProperty(window, "innerWidth", {
+        configurable: true,
+        value: 1920,
+        writable: true,
+      });
+      Object.defineProperty(window, "innerHeight", {
+        configurable: true,
+        value: 1080,
+        writable: true,
+      });
+      window.dispatchEvent(new Event("resize"));
+
+      // Fast-forward timeout
+      jest.advanceTimersByTime(100);
+    });
+
+    expect(result.current).toEqual({ height: 1080, width: 1920 });
+  });
+
+  test("debounces resize events with the specified timeout", () => {
+    Object.defineProperty(window, "innerWidth", {
+      configurable: true,
+      value: 1024,
+      writable: true,
+    });
+    Object.defineProperty(window, "innerHeight", {
+      configurable: true,
+      value: 768,
+      writable: true,
+    });
+
+    const { result } = renderHook(() => useWindowResize(200));
+
+    // Simulate multiple rapid resize events
+    act(() => {
+      Object.defineProperty(window, "innerWidth", {
+        configurable: true,
+        value: 1920,
+        writable: true,
+      });
+      Object.defineProperty(window, "innerHeight", {
+        configurable: true,
+        value: 1080,
+        writable: true,
+      });
+      window.dispatchEvent(new Event("resize"));
+
+      // Fast-forward only 100ms - should not update yet
+      jest.advanceTimersByTime(100);
+    });
+
+    // Should still have initial dimensions
+    expect(result.current).toEqual({ height: 768, width: 1024 });
+
+    act(() => {
+      // Fast-forward remaining 100ms
+      jest.advanceTimersByTime(100);
+    });
+
+    // Now should have updated dimensions
+    expect(result.current).toEqual({ height: 1080, width: 1920 });
+  });
+
+  test("cleans up event listener on unmount", () => {
+    const removeEventListenerSpy = jest.spyOn(window, "removeEventListener");
+
+    const { unmount } = renderHook(() => useWindowResize());
+
+    unmount();
+
+    expect(removeEventListenerSpy).toHaveBeenCalledWith(
+      "resize",
+      expect.any(Function),
+    );
+
+    removeEventListenerSpy.mockRestore();
+  });
+});

package/tests/viewModelBuilders_utils.test.ts

@@ -43,7 +43,7 @@ test("sanitize string array containing null, undefined, and empty string values"
       null,
       "d",
       "e",
-    ] as any)
+    ] as any),
   ).toStrictEqual([
     "a",
     "Unspecified",