@jobber/hooks 2.9.0 → 2.9.2-CJS-to-ESM.14

package/dist/useCollectionQuery/useCollectionQuery.test.js

@@ -1,4 +1,3 @@
-"use strict";
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -8,18 +7,17 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_hooks_1 = require("@testing-library/react-hooks");
-const react_1 = require("@testing-library/react");
-const useCollectionQuery_1 = require("./useCollectionQuery");
-const test_utilities_1 = require("./test-utilities");
+import { act, renderHook } from "@testing-library/react-hooks";
+import { waitFor } from "@testing-library/react";
+import { useCollectionQuery } from "./useCollectionQuery";
+import { LIST_QUERY, LIST_QUERY_WITH_TOTAL_COUNT, SUBSCRIPTION_QUERY, buildListRequestMock, buildListRequestMockForNextPage, buildSubscriptionRequestMock, listQueryResponseMock, listQueryWithTotalCountResponseMock, setListQueryMockHasNextPage, subscriptionQueryMock, wait, wrapper, } from "./test-utilities";
 beforeEach(() => {
-    (0, test_utilities_1.setListQueryMockHasNextPage)(true);
-    test_utilities_1.listQueryResponseMock.mockClear();
-    test_utilities_1.subscriptionQueryMock.mockClear();
+    setListQueryMockHasNextPage(true);
+    listQueryResponseMock.mockClear();
+    subscriptionQueryMock.mockClear();
 });
 function useCollectionQueryHook(query) {
-    return (0, useCollectionQuery_1.useCollectionQuery)({
+    return useCollectionQuery({
         query: query,
         getCollectionByPath(data) {
             var _a;
@@ -28,14 +26,14 @@ function useCollectionQueryHook(query) {
     });
 }
 function useCollectionQueryHookWithSubscription(query) {
-    return (0, useCollectionQuery_1.useCollectionQuery)({
+    return useCollectionQuery({
         query: query,
         getCollectionByPath(data) {
             var _a;
             return (_a = data === null || data === void 0 ? void 0 : data.conversation) === null || _a === void 0 ? void 0 : _a.smsMessages;
         },
         subscription: {
-            document: test_utilities_1.SUBSCRIPTION_QUERY,
+            document: SUBSCRIPTION_QUERY,
             getNodeByPath(conversationData) {
                 var _a;
                 return (_a = conversationData === null || conversationData === void 0 ? void 0 : conversationData.conversationMessage) === null || _a === void 0 ? void 0 : _a.smsMessage;
@@ -44,7 +42,7 @@ function useCollectionQueryHookWithSubscription(query) {
     });
 }
 function useCollectionQueryHookWithSubscriptionAndSearch(query, searchTerm) {
-    return (0, useCollectionQuery_1.useCollectionQuery)({
+    return useCollectionQuery({
         query: query,
         queryOptions: {
             variables: {
@@ -56,7 +54,7 @@ function useCollectionQueryHookWithSubscriptionAndSearch(query, searchTerm) {
             return (_a = data === null || data === void 0 ? void 0 : data.conversation) === null || _a === void 0 ? void 0 : _a.smsMessages;
         },
         subscription: {
-            document: test_utilities_1.SUBSCRIPTION_QUERY,
+            document: SUBSCRIPTION_QUERY,
             getNodeByPath(conversationData) {
                 var _a;
                 return (_a = conversationData === null || conversationData === void 0 ? void 0 : conversationData.conversationMessage) === null || _a === void 0 ? void 0 : _a.smsMessage;
@@ -67,77 +65,77 @@ function useCollectionQueryHookWithSubscriptionAndSearch(query, searchTerm) {
 describe("useCollectionQuery", () => {
     describe.each `
     testCase                 | query                          | responseMock
-    ${"excludes totalCount"} | ${test_utilities_1.LIST_QUERY}                  | ${test_utilities_1.listQueryResponseMock}
-    ${"includes totalCount"} | ${test_utilities_1.LIST_QUERY_WITH_TOTAL_COUNT} | ${test_utilities_1.listQueryWithTotalCountResponseMock}
+    ${"excludes totalCount"} | ${LIST_QUERY}                  | ${listQueryResponseMock}
+    ${"includes totalCount"} | ${LIST_QUERY_WITH_TOTAL_COUNT} | ${listQueryWithTotalCountResponseMock}
   `("when the query run $testCase", ({ query, responseMock }) => {
         describe("when useCollectionQuery is first called", () => {
             describe("when nextPage is called while it's still loading initial content", () => {
                 it("should not trigger a the next page to be fetched", () => __awaiter(void 0, void 0, void 0, function* () {
-                    const { result } = (0, react_hooks_1.renderHook)(() => useCollectionQueryHook(query), {
-                        wrapper: (0, test_utilities_1.wrapper)([
-                            (0, test_utilities_1.buildListRequestMock)(query, responseMock),
-                            (0, test_utilities_1.buildListRequestMockForNextPage)(query, responseMock),
+                    const { result } = renderHook(() => useCollectionQueryHook(query), {
+                        wrapper: wrapper([
+                            buildListRequestMock(query, responseMock),
+                            buildListRequestMockForNextPage(query, responseMock),
                         ]),
                     });
-                    (0, react_hooks_1.act)(() => {
+                    act(() => {
                         result.current.nextPage();
                     });
-                    yield (0, react_hooks_1.act)(test_utilities_1.wait);
+                    yield act(wait);
                     expect(responseMock).toHaveBeenCalledTimes(1);
                 }));
             });
             describe("when refresh is called while it's still loading initial content", () => {
                 it("should not trigger a refresh", () => __awaiter(void 0, void 0, void 0, function* () {
-                    const { result } = (0, react_hooks_1.renderHook)(() => useCollectionQueryHook(query), {
-                        wrapper: (0, test_utilities_1.wrapper)([
-                            (0, test_utilities_1.buildListRequestMock)(query, responseMock),
-                            (0, test_utilities_1.buildListRequestMock)(query, responseMock),
+                    const { result } = renderHook(() => useCollectionQueryHook(query), {
+                        wrapper: wrapper([
+                            buildListRequestMock(query, responseMock),
+                            buildListRequestMock(query, responseMock),
                         ]),
                     });
-                    (0, react_hooks_1.act)(() => {
+                    act(() => {
                         result.current.refresh();
                     });
-                    yield (0, react_hooks_1.act)(test_utilities_1.wait);
+                    yield act(wait);
                     expect(responseMock).toHaveBeenCalledTimes(1);
                 }));
             });
             describe("when there is no error", () => {
                 it("should update data", () => __awaiter(void 0, void 0, void 0, function* () {
                     var _a, _b, _c, _d;
-                    const { result } = (0, react_hooks_1.renderHook)(() => useCollectionQueryHook(query), {
-                        wrapper: (0, test_utilities_1.wrapper)([(0, test_utilities_1.buildListRequestMock)(query, responseMock)]),
+                    const { result } = renderHook(() => useCollectionQueryHook(query), {
+                        wrapper: wrapper([buildListRequestMock(query, responseMock)]),
                     });
-                    yield (0, react_hooks_1.act)(test_utilities_1.wait);
+                    yield act(wait);
                     expect((_d = (_c = (_b = (_a = result.current.data) === null || _a === void 0 ? void 0 : _a.conversation) === null || _b === void 0 ? void 0 : _b.smsMessages) === null || _c === void 0 ? void 0 : _c.edges) === null || _d === void 0 ? void 0 : _d.length).toBe(1);
                 }));
                 it("should set initialLoading while loading data", () => __awaiter(void 0, void 0, void 0, function* () {
-                    const { result } = (0, react_hooks_1.renderHook)(() => useCollectionQueryHook(query), {
-                        wrapper: (0, test_utilities_1.wrapper)([(0, test_utilities_1.buildListRequestMock)(query, responseMock)]),
+                    const { result } = renderHook(() => useCollectionQueryHook(query), {
+                        wrapper: wrapper([buildListRequestMock(query, responseMock)]),
                     });
                     expect(result.current.loadingInitialContent).toBe(true);
-                    yield (0, react_hooks_1.act)(test_utilities_1.wait);
+                    yield act(wait);
                 }));
             });
         });
         describe("#nextPage", () => {
             describe("when nextPage is called while it's still loadingNextPage", () => {
                 it("should not trigger a nextPage", () => __awaiter(void 0, void 0, void 0, function* () {
-                    const { result } = (0, react_hooks_1.renderHook)(() => useCollectionQueryHook(query), {
-                        wrapper: (0, test_utilities_1.wrapper)([
-                            (0, test_utilities_1.buildListRequestMock)(query, responseMock),
-                            (0, test_utilities_1.buildListRequestMockForNextPage)(query, responseMock),
-                            (0, test_utilities_1.buildListRequestMockForNextPage)(query, responseMock),
+                    const { result } = renderHook(() => useCollectionQueryHook(query), {
+                        wrapper: wrapper([
+                            buildListRequestMock(query, responseMock),
+                            buildListRequestMockForNextPage(query, responseMock),
+                            buildListRequestMockForNextPage(query, responseMock),
                         ]),
                     });
-                    yield (0, react_hooks_1.act)(test_utilities_1.wait);
-                    (0, react_hooks_1.act)(() => {
+                    yield act(wait);
+                    act(() => {
                         result.current.nextPage();
                     });
-                    (0, react_hooks_1.act)(() => {
+                    act(() => {
                         result.current.nextPage();
                     });
-                    yield (0, react_hooks_1.act)(test_utilities_1.wait);
-                    yield (0, react_1.waitFor)(() => {
+                    yield act(wait);
+                    yield waitFor(() => {
                         var _a, _b, _c;
                         expect((_c = (_b = (_a = result.current.data) === null || _a === void 0 ? void 0 : _a.conversation) === null || _b === void 0 ? void 0 : _b.smsMessages) === null || _c === void 0 ? void 0 : _c.edges).toHaveLength(2);
                     });
@@ -145,80 +143,80 @@ describe("useCollectionQuery", () => {
             });
             describe("when refresh is called while it's still loadingNextPage", () => {
                 it("should trigger a refresh", () => __awaiter(void 0, void 0, void 0, function* () {
-                    const { result } = (0, react_hooks_1.renderHook)(() => useCollectionQueryHook(query), {
-                        wrapper: (0, test_utilities_1.wrapper)([
-                            (0, test_utilities_1.buildListRequestMock)(query, responseMock),
-                            (0, test_utilities_1.buildListRequestMock)(query, responseMock),
-                            (0, test_utilities_1.buildListRequestMockForNextPage)(query, responseMock),
+                    const { result } = renderHook(() => useCollectionQueryHook(query), {
+                        wrapper: wrapper([
+                            buildListRequestMock(query, responseMock),
+                            buildListRequestMock(query, responseMock),
+                            buildListRequestMockForNextPage(query, responseMock),
                         ]),
                     });
-                    yield (0, react_hooks_1.act)(test_utilities_1.wait);
-                    (0, react_hooks_1.act)(() => {
+                    yield act(wait);
+                    act(() => {
                         result.current.nextPage();
                     });
-                    (0, react_hooks_1.act)(() => {
+                    act(() => {
                         result.current.refresh();
                     });
                     expect(result.current.loadingRefresh).toBe(true);
-                    yield (0, react_hooks_1.act)(test_utilities_1.wait);
+                    yield act(wait);
                 }));
             });
             describe("when there is no more data to fetch", () => {
                 it("should not fetch more data", () => __awaiter(void 0, void 0, void 0, function* () {
-                    (0, test_utilities_1.setListQueryMockHasNextPage)(false);
-                    const { result } = (0, react_hooks_1.renderHook)(() => useCollectionQueryHook(query), {
-                        wrapper: (0, test_utilities_1.wrapper)([
-                            (0, test_utilities_1.buildListRequestMock)(query, responseMock),
-                            (0, test_utilities_1.buildListRequestMockForNextPage)(query, responseMock),
+                    setListQueryMockHasNextPage(false);
+                    const { result } = renderHook(() => useCollectionQueryHook(query), {
+                        wrapper: wrapper([
+                            buildListRequestMock(query, responseMock),
+                            buildListRequestMockForNextPage(query, responseMock),
                         ]),
                     });
-                    yield (0, react_hooks_1.act)(test_utilities_1.wait);
-                    (0, react_hooks_1.act)(() => {
+                    yield act(wait);
+                    act(() => {
                         result.current.nextPage();
                     });
-                    yield (0, react_hooks_1.act)(test_utilities_1.wait);
+                    yield act(wait);
                     expect(responseMock).toHaveBeenCalledTimes(1);
                 }));
             });
             describe("when there is no error", () => {
                 it("should update data", () => __awaiter(void 0, void 0, void 0, function* () {
-                    const { result } = (0, react_hooks_1.renderHook)(() => useCollectionQueryHook(query), {
-                        wrapper: (0, test_utilities_1.wrapper)([
-                            (0, test_utilities_1.buildListRequestMock)(query, responseMock),
-                            (0, test_utilities_1.buildListRequestMockForNextPage)(query, responseMock),
+                    const { result } = renderHook(() => useCollectionQueryHook(query), {
+                        wrapper: wrapper([
+                            buildListRequestMock(query, responseMock),
+                            buildListRequestMockForNextPage(query, responseMock),
                         ]),
                     });
-                    yield (0, react_hooks_1.act)(test_utilities_1.wait);
-                    (0, react_hooks_1.act)(() => {
+                    yield act(wait);
+                    act(() => {
                         result.current.nextPage();
                     });
-                    yield (0, react_hooks_1.act)(test_utilities_1.wait);
-                    yield (0, react_1.waitFor)(() => {
+                    yield act(wait);
+                    yield waitFor(() => {
                         var _a, _b, _c;
                         expect((_c = (_b = (_a = result.current.data) === null || _a === void 0 ? void 0 : _a.conversation) === null || _b === void 0 ? void 0 : _b.smsMessages) === null || _c === void 0 ? void 0 : _c.edges).toHaveLength(2);
                     });
                 }));
                 it("should set loadingNextPage while loading data", () => __awaiter(void 0, void 0, void 0, function* () {
-                    const { result } = (0, react_hooks_1.renderHook)(() => useCollectionQueryHook(query), {
-                        wrapper: (0, test_utilities_1.wrapper)([
-                            (0, test_utilities_1.buildListRequestMock)(query, responseMock),
-                            (0, test_utilities_1.buildListRequestMockForNextPage)(query, responseMock),
+                    const { result } = renderHook(() => useCollectionQueryHook(query), {
+                        wrapper: wrapper([
+                            buildListRequestMock(query, responseMock),
+                            buildListRequestMockForNextPage(query, responseMock),
                         ]),
                     });
-                    yield (0, react_hooks_1.act)(test_utilities_1.wait);
-                    (0, react_hooks_1.act)(() => {
+                    yield act(wait);
+                    act(() => {
                         result.current.nextPage();
                     });
                     expect(result.current.loadingNextPage).toBe(true);
-                    yield (0, react_hooks_1.act)(test_utilities_1.wait);
+                    yield act(wait);
                 }));
             });
             describe("when there is an error", () => {
                 it("should update the error state", () => __awaiter(void 0, void 0, void 0, function* () {
                     const mockError = new Error("Failed to fetch more items");
-                    const { result } = (0, react_hooks_1.renderHook)(() => useCollectionQueryHook(query), {
-                        wrapper: (0, test_utilities_1.wrapper)([
-                            (0, test_utilities_1.buildListRequestMock)(query, responseMock),
+                    const { result } = renderHook(() => useCollectionQueryHook(query), {
+                        wrapper: wrapper([
+                            buildListRequestMock(query, responseMock),
                             {
                                 request: {
                                     query: query,
@@ -226,20 +224,20 @@ describe("useCollectionQuery", () => {
                                 },
                                 error: mockError,
                             },
-                            (0, test_utilities_1.buildListRequestMockForNextPage)(query, responseMock),
+                            buildListRequestMockForNextPage(query, responseMock),
                         ]),
                     });
-                    yield (0, react_hooks_1.act)(test_utilities_1.wait);
-                    (0, react_hooks_1.act)(() => {
+                    yield act(wait);
+                    act(() => {
                         result.current.nextPage();
                     });
-                    yield (0, react_hooks_1.act)(test_utilities_1.wait);
+                    yield act(wait);
                     expect(result.current.error).toEqual(mockError);
                     // should clear the error after a successful fetch
-                    (0, react_hooks_1.act)(() => {
+                    act(() => {
                         result.current.nextPage();
                     });
-                    yield (0, react_hooks_1.act)(test_utilities_1.wait);
+                    yield act(wait);
                     expect(result.current.error).toBeUndefined();
                 }));
             });
@@ -247,58 +245,58 @@ describe("useCollectionQuery", () => {
         describe("#refresh", () => {
             describe("when refresh is called while it's still loadingRefresh", () => {
                 it("should not trigger a refresh", () => __awaiter(void 0, void 0, void 0, function* () {
-                    const { result } = (0, react_hooks_1.renderHook)(() => useCollectionQueryHook(query), {
-                        wrapper: (0, test_utilities_1.wrapper)([
-                            (0, test_utilities_1.buildListRequestMock)(query, responseMock),
-                            (0, test_utilities_1.buildListRequestMock)(query, responseMock),
-                            (0, test_utilities_1.buildListRequestMock)(query, responseMock),
+                    const { result } = renderHook(() => useCollectionQueryHook(query), {
+                        wrapper: wrapper([
+                            buildListRequestMock(query, responseMock),
+                            buildListRequestMock(query, responseMock),
+                            buildListRequestMock(query, responseMock),
                         ]),
                     });
-                    yield (0, react_hooks_1.act)(test_utilities_1.wait);
-                    (0, react_hooks_1.act)(() => {
+                    yield act(wait);
+                    act(() => {
                         result.current.refresh();
                     });
-                    (0, react_hooks_1.act)(() => {
+                    act(() => {
                         result.current.refresh();
                     });
-                    yield (0, react_hooks_1.act)(test_utilities_1.wait);
+                    yield act(wait);
                     expect(responseMock).toHaveBeenCalledTimes(2);
                 }));
             });
             describe("when nextPage is called while it's still loadingRefresh", () => {
                 it("should not trigger a nextPage", () => __awaiter(void 0, void 0, void 0, function* () {
-                    const { result } = (0, react_hooks_1.renderHook)(() => useCollectionQueryHook(query), {
-                        wrapper: (0, test_utilities_1.wrapper)([
-                            (0, test_utilities_1.buildListRequestMock)(query, responseMock),
-                            (0, test_utilities_1.buildListRequestMock)(query, responseMock),
-                            (0, test_utilities_1.buildListRequestMockForNextPage)(query, responseMock),
+                    const { result } = renderHook(() => useCollectionQueryHook(query), {
+                        wrapper: wrapper([
+                            buildListRequestMock(query, responseMock),
+                            buildListRequestMock(query, responseMock),
+                            buildListRequestMockForNextPage(query, responseMock),
                         ]),
                     });
-                    yield (0, react_hooks_1.act)(test_utilities_1.wait);
-                    (0, react_hooks_1.act)(() => {
+                    yield act(wait);
+                    act(() => {
                         result.current.refresh();
                     });
-                    (0, react_hooks_1.act)(() => {
+                    act(() => {
                         result.current.nextPage();
                     });
                     expect(result.current.loadingNextPage).toBe(false);
-                    yield (0, react_hooks_1.act)(test_utilities_1.wait);
+                    yield act(wait);
                 }));
             });
             describe("when there is no error", () => {
                 it("should set loadingRefresh while loading data", () => __awaiter(void 0, void 0, void 0, function* () {
-                    const { result } = (0, react_hooks_1.renderHook)(() => useCollectionQueryHook(query), {
-                        wrapper: (0, test_utilities_1.wrapper)([
-                            (0, test_utilities_1.buildListRequestMock)(query, responseMock),
-                            (0, test_utilities_1.buildListRequestMock)(query, responseMock),
+                    const { result } = renderHook(() => useCollectionQueryHook(query), {
+                        wrapper: wrapper([
+                            buildListRequestMock(query, responseMock),
+                            buildListRequestMock(query, responseMock),
                         ]),
                     });
-                    yield (0, react_hooks_1.act)(test_utilities_1.wait);
-                    (0, react_hooks_1.act)(() => {
+                    yield act(wait);
+                    act(() => {
                         result.current.refresh();
                     });
                     expect(result.current.loadingRefresh).toBe(true);
-                    yield (0, react_hooks_1.act)(test_utilities_1.wait);
+                    yield act(wait);
                 }));
             });
         });
@@ -306,32 +304,32 @@ describe("useCollectionQuery", () => {
             describe("when hook receives update from item not in collection", () => {
                 it("should add new item to collection", () => __awaiter(void 0, void 0, void 0, function* () {
                     var _a, _b, _c, _d, _e;
-                    const { result, waitForNextUpdate } = (0, react_hooks_1.renderHook)(() => useCollectionQueryHookWithSubscription(query), {
-                        wrapper: (0, test_utilities_1.wrapper)([
-                            (0, test_utilities_1.buildListRequestMock)(query, responseMock, "1"),
-                            (0, test_utilities_1.buildSubscriptionRequestMock)("2"),
+                    const { result, waitForNextUpdate } = renderHook(() => useCollectionQueryHookWithSubscription(query), {
+                        wrapper: wrapper([
+                            buildListRequestMock(query, responseMock, "1"),
+                            buildSubscriptionRequestMock("2"),
                         ]),
                     });
                     // Wait for initial load
-                    yield (0, react_hooks_1.act)(waitForNextUpdate);
+                    yield act(waitForNextUpdate);
                     // Wait for subscription
-                    yield (0, react_hooks_1.act)(waitForNextUpdate);
+                    yield act(waitForNextUpdate);
                     expect((_e = (_d = (_c = (_b = (_a = result === null || result === void 0 ? void 0 : result.current) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.conversation) === null || _c === void 0 ? void 0 : _c.smsMessages) === null || _d === void 0 ? void 0 : _d.edges) === null || _e === void 0 ? void 0 : _e.length).toBe(2);
                 }));
             });
             describe("when hook receives update from item already in collection", () => {
                 it("should return the existing collection", () => __awaiter(void 0, void 0, void 0, function* () {
                     var _a, _b, _c, _d, _e;
-                    const { result, waitForNextUpdate } = (0, react_hooks_1.renderHook)(() => useCollectionQueryHookWithSubscription(query), {
-                        wrapper: (0, test_utilities_1.wrapper)([
-                            (0, test_utilities_1.buildListRequestMock)(query, responseMock, "1"),
-                            (0, test_utilities_1.buildSubscriptionRequestMock)("1"),
+                    const { result, waitForNextUpdate } = renderHook(() => useCollectionQueryHookWithSubscription(query), {
+                        wrapper: wrapper([
+                            buildListRequestMock(query, responseMock, "1"),
+                            buildSubscriptionRequestMock("1"),
                         ]),
                     });
                     // Wait for initial load
-                    yield (0, react_hooks_1.act)(waitForNextUpdate);
+                    yield act(waitForNextUpdate);
                     // Wait for subscription
-                    yield (0, react_hooks_1.act)(() => (0, test_utilities_1.wait)(200));
+                    yield act(() => wait(200));
                     expect((_e = (_d = (_c = (_b = (_a = result === null || result === void 0 ? void 0 : result.current) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.conversation) === null || _c === void 0 ? void 0 : _c.smsMessages) === null || _d === void 0 ? void 0 : _d.edges) === null || _e === void 0 ? void 0 : _e.length).toBe(1);
                 }));
             });
@@ -339,16 +337,16 @@ describe("useCollectionQuery", () => {
                 it("should return the existing collection without adding the subscribed content", () => __awaiter(void 0, void 0, void 0, function* () {
                     var _a, _b, _c, _d, _e;
                     const searchTerm = "FooBar";
-                    const { result, waitForNextUpdate } = (0, react_hooks_1.renderHook)(() => useCollectionQueryHookWithSubscriptionAndSearch(query, searchTerm), {
-                        wrapper: (0, test_utilities_1.wrapper)([
-                            (0, test_utilities_1.buildListRequestMock)(query, responseMock, "1", searchTerm),
-                            (0, test_utilities_1.buildSubscriptionRequestMock)("1"),
+                    const { result, waitForNextUpdate } = renderHook(() => useCollectionQueryHookWithSubscriptionAndSearch(query, searchTerm), {
+                        wrapper: wrapper([
+                            buildListRequestMock(query, responseMock, "1", searchTerm),
+                            buildSubscriptionRequestMock("1"),
                         ]),
                     });
                     // Wait for initial load
-                    yield (0, react_hooks_1.act)(waitForNextUpdate);
+                    yield act(waitForNextUpdate);
                     // Wait for subscription
-                    yield (0, react_hooks_1.act)(() => (0, test_utilities_1.wait)(200));
+                    yield act(() => wait(200));
                     expect((_e = (_d = (_c = (_b = (_a = result === null || result === void 0 ? void 0 : result.current) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.conversation) === null || _c === void 0 ? void 0 : _c.smsMessages) === null || _d === void 0 ? void 0 : _d.edges) === null || _e === void 0 ? void 0 : _e.length).toBe(1);
                 }));
             });

package/dist/useFocusTrap/index.js

@@ -1,5 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFocusTrap = void 0;
-var useFocusTrap_1 = require("./useFocusTrap");
-Object.defineProperty(exports, "useFocusTrap", { enumerable: true, get: function () { return useFocusTrap_1.useFocusTrap; } });
+export { useFocusTrap } from "./useFocusTrap";

package/dist/useFocusTrap/useFocusTrap.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFocusTrap = void 0;
-const react_1 = require("react");
+import { useEffect, useRef } from "react";
 /**
  * Traps the focus within the children of the ref element.
  *
@@ -10,11 +7,11 @@ const react_1 = require("react");
  *
  * @returns ref
  */
-function useFocusTrap(active) {
+export function useFocusTrap(active) {
     // There's an ongoing issue with useRef return type clashing with an element's
     // ref prop type. TLDR: Use null because useRef doesn't expect undefined.
     // https://github.com/DefinitelyTyped/DefinitelyTyped/issues/35572
-    const ref = (0, react_1.useRef)(null);
+    const ref = useRef(null);
     function handleKeyDown(event) {
         if (!(active && ref.current) || event.key !== "Tab") {
             return;
@@ -33,7 +30,7 @@ function useFocusTrap(active) {
             }
         }
     }
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         if (active && ref.current) {
             const { firstElement } = getElements(ref.current);
             firstElement.focus();
@@ -46,7 +43,6 @@ function useFocusTrap(active) {
     }, [active]);
     return ref;
 }
-exports.useFocusTrap = useFocusTrap;
 function getElements(ref) {
     const focusables = [
         "button",

package/dist/useFocusTrap/useFocusTrap.test.js

@@ -1,4 +1,3 @@
-"use strict";
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -8,54 +7,50 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const react_2 = require("@testing-library/react");
-const user_event_1 = __importDefault(require("@testing-library/user-event"));
-const useFocusTrap_1 = require("./useFocusTrap");
+import React from "react";
+import { render } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+import { useFocusTrap } from "./useFocusTrap";
 const targetId = "target";
 const firstFocusableChild = "first-element";
 const lastFocusableChild = "last-element";
 it("should focus on the ref target on mount", () => {
-    const { getByTestId } = (0, react_2.render)(react_1.default.createElement(TestComponent, null));
+    const { getByTestId } = render(React.createElement(TestComponent, null));
     expect(getByTestId(targetId)).toHaveFocus();
 });
 it("should focus on the ref target when tabbing out of the last focusable element and ignore the tabindex'=-1'", () => __awaiter(void 0, void 0, void 0, function* () {
-    const { getByTestId } = (0, react_2.render)(react_1.default.createElement(TestComponent, null));
+    const { getByTestId } = render(React.createElement(TestComponent, null));
     getByTestId(lastFocusableChild).focus();
-    yield user_event_1.default.tab();
+    yield userEvent.tab();
     expect(getByTestId(targetId)).toHaveFocus();
 }));
 it("should focus on the first focusable element", () => __awaiter(void 0, void 0, void 0, function* () {
-    const { getByTestId } = (0, react_2.render)(react_1.default.createElement(TestComponent, null));
-    yield user_event_1.default.tab();
+    const { getByTestId } = render(React.createElement(TestComponent, null));
+    yield userEvent.tab();
     expect(getByTestId(firstFocusableChild)).toHaveFocus();
 }));
 it("should focus on the last focusable element", () => __awaiter(void 0, void 0, void 0, function* () {
-    const { getByTestId } = (0, react_2.render)(react_1.default.createElement(TestComponent, null));
-    yield user_event_1.default.tab({ shift: true });
+    const { getByTestId } = render(React.createElement(TestComponent, null));
+    yield userEvent.tab({ shift: true });
     expect(getByTestId(lastFocusableChild)).toHaveFocus();
 }));
 it("should not trap the tabbing and focus on the first child node", () => __awaiter(void 0, void 0, void 0, function* () {
-    const { getByTestId } = (0, react_2.render)(react_1.default.createElement(TestComponent, { trap: false }));
-    yield user_event_1.default.tab();
+    const { getByTestId } = render(React.createElement(TestComponent, { trap: false }));
+    yield userEvent.tab();
     expect(getByTestId(targetId).previousElementSibling).toHaveFocus();
 }));
 function TestComponent({ trap = true }) {
-    const testRef = (0, useFocusTrap_1.useFocusTrap)(trap);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("input", { type: "number" }),
-        react_1.default.createElement("div", { ref: testRef, "data-testid": targetId, tabIndex: 0 },
-            react_1.default.createElement("button", { "data-testid": firstFocusableChild }, "Click me"),
-            react_1.default.createElement("a", { href: "#" }),
-            react_1.default.createElement("input", { type: "text" }),
-            react_1.default.createElement("select", null,
-                react_1.default.createElement("option", { value: "A" })),
-            react_1.default.createElement("textarea", null),
-            react_1.default.createElement("span", { tabIndex: 0, "data-testId": lastFocusableChild }),
-            react_1.default.createElement("span", { tabIndex: -1 })),
-        react_1.default.createElement("input", { type: "calendar" })));
+    const testRef = useFocusTrap(trap);
+    return (React.createElement(React.Fragment, null,
+        React.createElement("input", { type: "number" }),
+        React.createElement("div", { ref: testRef, "data-testid": targetId, tabIndex: 0 },
+            React.createElement("button", { "data-testid": firstFocusableChild }, "Click me"),
+            React.createElement("a", { href: "#" }),
+            React.createElement("input", { type: "text" }),
+            React.createElement("select", null,
+                React.createElement("option", { value: "A" })),
+            React.createElement("textarea", null),
+            React.createElement("span", { tabIndex: 0, "data-testId": lastFocusableChild }),
+            React.createElement("span", { tabIndex: -1 })),
+        React.createElement("input", { type: "calendar" })));
 }

package/dist/useFormState/index.js

@@ -1,5 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFormState = void 0;
-var useFormState_1 = require("./useFormState");
-Object.defineProperty(exports, "useFormState", { enumerable: true, get: function () { return useFormState_1.useFormState; } });
+export { useFormState } from "./useFormState";

package/dist/useFormState/useFormState.js

@@ -1,12 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFormState = void 0;
-const react_1 = require("react");
-function useFormState() {
-    const [formState, setFormState] = (0, react_1.useState)({
+import { useState } from "react";
+export function useFormState() {
+    const [formState, setFormState] = useState({
         isDirty: false,
         isValid: false,
     });
     return [formState, setFormState];
 }
-exports.useFormState = useFormState;