@simplybusiness/mobius 8.0.1 → 9.0.0

package/src/hooks/useWindowEvent/useWindowEvent.test.tsx

@@ -1,188 +0,0 @@
-import { renderHook, act } from "@testing-library/react";
-import { useWindowEvent } from "./useWindowEvent";
-
-describe("useWindowEvent", () => {
-  const addEventListenerSpy = jest.spyOn(window, "addEventListener");
-  const removeEventListenerSpy = jest.spyOn(window, "removeEventListener");
-
-  beforeEach(() => {
-    addEventListenerSpy.mockClear();
-    removeEventListenerSpy.mockClear();
-  });
-
-  afterAll(() => {
-    addEventListenerSpy.mockRestore();
-    removeEventListenerSpy.mockRestore();
-  });
-
-  it("adds event listener on mount", () => {
-    const handler = jest.fn();
-    renderHook(() => useWindowEvent("click", handler));
-
-    expect(addEventListenerSpy).toHaveBeenCalledWith(
-      "click",
-      expect.any(Function),
-      expect.objectContaining({ signal: expect.any(AbortSignal) }),
-    );
-  });
-
-  it("removes event listener on unmount", () => {
-    const handler = jest.fn();
-    const { unmount } = renderHook(() => useWindowEvent("click", handler));
-
-    removeEventListenerSpy.mockClear();
-    unmount();
-
-    expect(removeEventListenerSpy).toHaveBeenCalledWith(
-      "click",
-      expect.any(Function),
-      expect.objectContaining({ signal: expect.any(AbortSignal) }),
-    );
-  });
-
-  it("calls listener when event fires", () => {
-    const handler = jest.fn();
-    renderHook(() => useWindowEvent("click", handler));
-
-    act(() => {
-      window.dispatchEvent(new MouseEvent("click", { bubbles: true }));
-    });
-
-    expect(handler).toHaveBeenCalledTimes(1);
-  });
-
-  it("uses latest listener without re-subscribing (useEffectEvent behavior)", () => {
-    const handler1 = jest.fn();
-    const handler2 = jest.fn();
-
-    const { rerender } = renderHook(
-      ({ listener }) => useWindowEvent("click", listener),
-      { initialProps: { listener: handler1 } },
-    );
-
-    // Clear the spy to only count new subscriptions
-    addEventListenerSpy.mockClear();
-
-    // Rerender with new handler
-    rerender({ listener: handler2 });
-
-    // Should not re-subscribe (useEffectEvent handles this)
-    expect(addEventListenerSpy).not.toHaveBeenCalled();
-
-    // Trigger event - should call the new handler
-    act(() => {
-      window.dispatchEvent(new MouseEvent("click", { bubbles: true }));
-    });
-
-    expect(handler1).not.toHaveBeenCalled();
-    expect(handler2).toHaveBeenCalledTimes(1);
-  });
-
-  it("re-subscribes when type changes", () => {
-    const handler = jest.fn();
-
-    const { rerender } = renderHook<void, { type: "click" | "keydown" }>(
-      ({ type }) => useWindowEvent(type, handler),
-      {
-        initialProps: { type: "click" },
-      },
-    );
-
-    addEventListenerSpy.mockClear();
-    removeEventListenerSpy.mockClear();
-
-    // Change event type
-    rerender({ type: "keydown" });
-
-    // Should remove old listener and add new one
-    expect(removeEventListenerSpy).toHaveBeenCalledWith(
-      "click",
-      expect.any(Function),
-      expect.any(Object),
-    );
-    expect(addEventListenerSpy).toHaveBeenCalledWith(
-      "keydown",
-      expect.any(Function),
-      expect.any(Object),
-    );
-  });
-
-  it("re-subscribes when options change", () => {
-    const handler = jest.fn();
-
-    const { rerender } = renderHook(
-      ({ options }) => useWindowEvent("click", handler, options),
-      { initialProps: { options: { capture: false } } },
-    );
-
-    addEventListenerSpy.mockClear();
-    removeEventListenerSpy.mockClear();
-
-    // Change options
-    rerender({ options: { capture: true } });
-
-    // Should re-subscribe with new options
-    expect(removeEventListenerSpy).toHaveBeenCalled();
-    expect(addEventListenerSpy).toHaveBeenCalledWith(
-      "click",
-      expect.any(Function),
-      expect.objectContaining({ capture: true }),
-    );
-  });
-
-  it("handles boolean options (capture: true)", () => {
-    const handler = jest.fn();
-    renderHook(() => useWindowEvent("click", handler, { capture: true }));
-
-    expect(addEventListenerSpy).toHaveBeenCalledWith(
-      "click",
-      expect.any(Function),
-      expect.objectContaining({ capture: true }),
-    );
-  });
-
-  it("handles undefined options", () => {
-    const handler = jest.fn();
-    renderHook(() => useWindowEvent("click", handler));
-
-    expect(addEventListenerSpy).toHaveBeenCalledWith(
-      "click",
-      expect.any(Function),
-      expect.objectContaining({ signal: expect.any(AbortSignal) }),
-    );
-  });
-
-  it("AbortController cleanup works on unmount", () => {
-    const handler = jest.fn();
-    const { unmount } = renderHook(() => useWindowEvent("click", handler));
-
-    // Get the signal that was passed to addEventListener
-    const addCall = addEventListenerSpy.mock.calls[0];
-    const options = addCall[2] as AddEventListenerOptions;
-    const signal = options.signal as AbortSignal;
-
-    expect(signal.aborted).toBe(false);
-
-    unmount();
-
-    expect(signal.aborted).toBe(true);
-  });
-
-  it("works with different window events", () => {
-    const resizeHandler = jest.fn();
-    const scrollHandler = jest.fn();
-
-    renderHook(() => {
-      useWindowEvent("resize", resizeHandler);
-      useWindowEvent("scroll", scrollHandler);
-    });
-
-    act(() => {
-      window.dispatchEvent(new Event("resize"));
-      window.dispatchEvent(new Event("scroll"));
-    });
-
-    expect(resizeHandler).toHaveBeenCalledTimes(1);
-    expect(scrollHandler).toHaveBeenCalledTimes(1);
-  });
-});

package/src/hooks/useWindowEvent/useWindowEvent.tsx

@@ -1,41 +0,0 @@
-"use client";
-
-import { useEffect, useEffectEvent } from "react";
-
-function normaliseOptions(
-  options?: boolean | AddEventListenerOptions,
-  otherOptions: AddEventListenerOptions = {},
-): AddEventListenerOptions {
-  if (typeof options === "undefined") {
-    return otherOptions;
-  }
-
-  if (typeof options === "boolean") {
-    return { capture: options, ...otherOptions };
-  }
-
-  return { ...options, ...otherOptions };
-}
-
-export function useWindowEvent<EventType extends keyof WindowEventMap>(
-  type: EventType,
-  listener: (this: Window, ev: WindowEventMap[EventType]) => unknown,
-  options?: AddEventListenerOptions,
-): void {
-  // useEffectEvent creates a stable reference to the callback
-  // that always calls the latest version of the listener
-  const stableListener = useEffectEvent(listener);
-
-  useEffect(() => {
-    // Create an abort controller to abort the event listener if the hook is re-rendered
-    const controller = new AbortController();
-    const { signal } = controller;
-    const normalisedOptions = normaliseOptions(options, { signal });
-
-    window.addEventListener(type, stableListener, normalisedOptions);
-    return () => {
-      controller.abort();
-      window.removeEventListener(type, stableListener, normalisedOptions);
-    };
-  }, [type, options]);
-}

package/src/utils/jestMockMatchMedia.ts

@@ -1,16 +0,0 @@
-export const jestMockMatchMedia = (matches: boolean) => {
-  Object.defineProperty(window, "matchMedia", {
-    writable: true,
-    configurable: true,
-    value: jest.fn().mockImplementation(query => ({
-      matches,
-      media: query,
-      onchange: null,
-      addListener: jest.fn(),
-      removeListener: jest.fn(),
-      addEventListener: jest.fn(),
-      removeEventListener: jest.fn(),
-      dispatchEvent: jest.fn(),
-    })),
-  });
-};