@databiosphere/findable-ui 49.1.0 → 49.3.0

package/src/views/ResearchView/query/useQuery.ts

@@ -1,60 +0,0 @@
-import { FormEvent, useCallback, useEffect, useRef } from "react";
-import { OnSubmitOptions, OnSubmitPayload, UseQuery } from "./types";
-import { fetchResponse } from "./fetch";
-
-/**
- * Custom hook for managing the actions of a chat query form.
- * @param url - The URL to send the query to.
- * @returns An object containing the actions of the query.
- */
-export const useQuery = (url: string): UseQuery => {
-  const abortRef = useRef<AbortController>(null);
-
-  const onSubmit = useCallback(
-    async (
-      e: FormEvent<HTMLFormElement>,
-      payload: OnSubmitPayload,
-      options?: OnSubmitOptions,
-    ) => {
-      e.preventDefault();
-
-      if (options?.status?.loading) return;
-
-      const form = e.currentTarget;
-      const { query } = payload;
-
-      if (!query) return;
-
-      // Call onMutate callback
-      options?.onMutate?.(form, query);
-
-      // Abort any in-flight request
-      abortRef.current?.abort();
-      const controller = new AbortController();
-      abortRef.current = controller;
-
-      await fetchResponse(url, query, {
-        controller,
-        onError: (error) => {
-          options?.onError?.(error);
-        },
-        onSettled: () => {
-          options?.onSettled?.(form);
-        },
-        onSuccess: (data) => {
-          options?.onSuccess?.(data);
-        },
-      });
-    },
-    [url],
-  );
-
-  // Abort any in-flight request on unmount.
-  useEffect(() => {
-    return (): void => {
-      abortRef.current?.abort();
-    };
-  }, []);
-
-  return { actions: { onSubmit } };
-};

package/tests/research.useQuery.test.ts

@@ -1,165 +0,0 @@
-import { jest } from "@jest/globals";
-import { act, renderHook } from "@testing-library/react";
-import { FormEvent } from "react";
-
-/**
- * Fetch callbacks passed to fetchResponse.
- */
-interface FetchCallbacks {
-  controller: AbortController;
-  onError: (error: Error) => void;
-  onSettled: () => void;
-  onSuccess: (data: unknown) => void;
-}
-
-// Mock fetchResponse
-const mockFetchResponse = jest.fn();
-
-jest.unstable_mockModule("../src/views/ResearchView/query/fetch", () => ({
-  fetchResponse: mockFetchResponse,
-}));
-
-const { useQuery } = await import("../src/views/ResearchView/query/useQuery");
-
-/**
- * Creates a mock form event for testing.
- * @returns Mock FormEvent.
- */
-function createMockFormEvent(): FormEvent<HTMLFormElement> {
-  const mockForm = document.createElement("form");
-
-  // Mock reset
-  mockForm.reset = jest.fn();
-
-  return {
-    currentTarget: mockForm,
-    preventDefault: jest.fn(),
-  } as unknown as FormEvent<HTMLFormElement>;
-}
-
-describe("useQuery", () => {
-  beforeEach(() => {
-    mockFetchResponse.mockReset();
-    mockFetchResponse.mockImplementation(
-      async (_url: unknown, _query: unknown, callbacks: unknown) => {
-        (callbacks as FetchCallbacks).onSettled();
-      },
-    );
-  });
-
-  describe("initial state", () => {
-    it("should return onSubmit function", () => {
-      const { result } = renderHook(() => useQuery("https://api.example.com"));
-
-      expect(typeof result.current.actions.onSubmit).toBe("function");
-    });
-  });
-
-  describe("submit guards", () => {
-    it("should not submit if query is empty", async () => {
-      const { result } = renderHook(() => useQuery("https://api.example.com"));
-      const event = createMockFormEvent();
-
-      await act(async () => {
-        await result.current.actions.onSubmit(event, { query: "" });
-      });
-
-      expect(mockFetchResponse).not.toHaveBeenCalled();
-    });
-
-    it("should submit if query is provided", async () => {
-      const { result } = renderHook(() => useQuery("https://api.example.com"));
-      const event = createMockFormEvent();
-
-      await act(async () => {
-        await result.current.actions.onSubmit(event, { query: "valid query" });
-      });
-
-      expect(mockFetchResponse).toHaveBeenCalled();
-    });
-  });
-
-  describe("submit behavior", () => {
-    it("should call preventDefault on form event", async () => {
-      const { result } = renderHook(() => useQuery("https://api.example.com"));
-      const event = createMockFormEvent();
-
-      await act(async () => {
-        await result.current.actions.onSubmit(event, {
-          query: "diabetes studies",
-        });
-      });
-
-      expect(event.preventDefault).toHaveBeenCalled();
-    });
-
-    it("should call fetchResponse with correct arguments", async () => {
-      const { result } = renderHook(() => useQuery("https://api.example.com"));
-      const event = createMockFormEvent();
-
-      await act(async () => {
-        await result.current.actions.onSubmit(event, {
-          query: "diabetes studies",
-        });
-      });
-
-      expect(mockFetchResponse).toHaveBeenCalledWith(
-        "https://api.example.com",
-        "diabetes studies",
-        expect.objectContaining({
-          controller: expect.any(AbortController),
-          onError: expect.any(Function),
-          onSettled: expect.any(Function),
-          onSuccess: expect.any(Function),
-        }),
-      );
-    });
-
-    it("should pass url to fetchResponse", async () => {
-      const testUrl = "https://custom-api.example.com/search";
-      const { result } = renderHook(() => useQuery(testUrl));
-      const event = createMockFormEvent();
-
-      await act(async () => {
-        await result.current.actions.onSubmit(event, {
-          query: "cancer studies",
-        });
-      });
-
-      expect(mockFetchResponse).toHaveBeenCalledWith(
-        testUrl,
-        expect.any(String),
-        expect.any(Object),
-      );
-    });
-  });
-
-  describe("abort handling", () => {
-    it("should create new AbortController for each submit", async () => {
-      const controllers: AbortController[] = [];
-      mockFetchResponse.mockImplementation(
-        async (_url: unknown, _query: unknown, callbacks: unknown) => {
-          controllers.push((callbacks as FetchCallbacks).controller);
-          (callbacks as FetchCallbacks).onSettled();
-        },
-      );
-
-      const { result } = renderHook(() => useQuery("https://api.example.com"));
-
-      await act(async () => {
-        await result.current.actions.onSubmit(createMockFormEvent(), {
-          query: "query 1",
-        });
-      });
-
-      await act(async () => {
-        await result.current.actions.onSubmit(createMockFormEvent(), {
-          query: "query 2",
-        });
-      });
-
-      expect(controllers).toHaveLength(2);
-      expect(controllers[0]).not.toBe(controllers[1]);
-    });
-  });
-});