@jobber/hooks 2.17.1 → 2.17.2

package/dist/index.js

@@ -1,34 +1,18 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./useBool"), exports);
-__exportStar(require("./useBreakpoints"), exports);
-__exportStar(require("./useCallbackRef"), exports);
-__exportStar(require("./useCollectionQuery"), exports);
-__exportStar(require("./useDebounce"), exports);
-__exportStar(require("./useFocusTrap"), exports);
-__exportStar(require("./useFormState"), exports);
-__exportStar(require("./useInView"), exports);
-__exportStar(require("./useIsMounted"), exports);
-__exportStar(require("./useLiveAnnounce"), exports);
-__exportStar(require("./useOnKeyDown"), exports);
-__exportStar(require("./useOnMount"), exports);
-__exportStar(require("./useRefocusOnActivator"), exports);
-__exportStar(require("./useResizeObserver"), exports);
-__exportStar(require("./useSafeLayoutEffect"), exports);
-__exportStar(require("./useShowClear"), exports);
-__exportStar(require("./useStepper"), exports);
-__exportStar(require("./useWindowDimensions"), exports);
+export * from "./useBool";
+export * from "./useBreakpoints";
+export * from "./useCallbackRef";
+export * from "./useCollectionQuery";
+export * from "./useDebounce";
+export * from "./useFocusTrap";
+export * from "./useFormState";
+export * from "./useInView";
+export * from "./useIsMounted";
+export * from "./useLiveAnnounce";
+export * from "./useOnKeyDown";
+export * from "./useOnMount";
+export * from "./useRefocusOnActivator";
+export * from "./useResizeObserver";
+export * from "./useSafeLayoutEffect";
+export * from "./useShowClear";
+export * from "./useStepper";
+export * from "./useWindowDimensions";

package/dist/useBool/index.js

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

package/dist/useBool/useBool.js

@@ -1,11 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useBool = useBool;
-const react_1 = require("react");
-function useBool(initialState = false) {
-    const [state, setState] = (0, react_1.useState)(initialState);
-    const setTrue = (0, react_1.useCallback)(() => setState(true), []);
-    const setFalse = (0, react_1.useCallback)(() => setState(false), []);
-    const toggle = (0, react_1.useCallback)(() => setState(current => !current), []);
+import { useCallback, useState } from "react";
+export function useBool(initialState = false) {
+    const [state, setState] = useState(initialState);
+    const setTrue = useCallback(() => setState(true), []);
+    const setFalse = useCallback(() => setState(false), []);
+    const toggle = useCallback(() => setState(current => !current), []);
     return [state, setTrue, setFalse, toggle];
 }

package/dist/useBool/useBool.test.js

@@ -1,28 +1,26 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = require("@testing-library/react");
-const useBool_1 = require("./useBool");
+import { act, renderHook } from "@testing-library/react";
+import { useBool } from "./useBool";
 describe("useBool, a hook for managing boolean state", () => {
     it("by default has an initial state that is `false`", () => {
-        const [value] = (0, react_1.renderHook)(() => (0, useBool_1.useBool)()).result.current;
+        const [value] = renderHook(() => useBool()).result.current;
         expect(value).toBe(false);
     });
     it("can be provided an initial state", () => {
-        const [value] = (0, react_1.renderHook)(() => (0, useBool_1.useBool)(true)).result.current;
+        const [value] = renderHook(() => useBool(true)).result.current;
         expect(value).toBe(true);
     });
     it("provides helpful setters and a toggle method", () => {
-        const { result } = (0, react_1.renderHook)(() => (0, useBool_1.useBool)());
+        const { result } = renderHook(() => useBool());
         const value = () => result.current[0];
         const [, setTrue, setFalse, toggle] = result.current;
         expect(value()).toBe(false);
-        (0, react_1.act)(setTrue);
+        act(setTrue);
         expect(value()).toBe(true);
-        (0, react_1.act)(setFalse);
+        act(setFalse);
         expect(value()).toBe(false);
-        (0, react_1.act)(toggle);
+        act(toggle);
         expect(value()).toBe(true);
-        (0, react_1.act)(toggle);
+        act(toggle);
         expect(value()).toBe(false);
     });
 });

package/dist/useBreakpoints/index.js

@@ -1,20 +1,2 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.mockViewportWidth = void 0;
-__exportStar(require("./useBreakpoints"), exports);
-var mockViewportWidth_1 = require("./mockViewportWidth");
-Object.defineProperty(exports, "mockViewportWidth", { enumerable: true, get: function () { return mockViewportWidth_1.mockViewportWidth; } });
+export * from "./useBreakpoints";
+export { mockViewportWidth } from "./mockViewportWidth";

package/dist/useBreakpoints/mockViewportWidth/index.js

@@ -1,17 +1 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./mockViewportWidth"), exports);
+export * from "./mockViewportWidth";

package/dist/useBreakpoints/mockViewportWidth/mockViewportWidth.js

@@ -1,11 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.mockViewportWidth = mockViewportWidth;
-exports.isQueryMatching = isQueryMatching;
 const defaultMatchMedia = window.matchMedia;
 const defaultResizeTo = window.resizeTo;
 const defaultInnerWidth = window.innerWidth;
-function mockViewportWidth() {
+export function mockViewportWidth() {
     return { cleanup, setViewportWidth };
 }
 function setViewportWidth(newWidth) {
@@ -49,7 +45,7 @@ function cleanup() {
     window.resizeTo = defaultResizeTo;
     window.innerWidth = defaultInnerWidth;
 }
-function isQueryMatching(query) {
+export function isQueryMatching(query) {
     const match = query.match(/(min-width|max-width):\s*(\d+)/);
     if (!match)
         return false;

package/dist/useBreakpoints/mockViewportWidth/mockViewportWidth.test.js

@@ -1,17 +1,15 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const mockViewportWidth_1 = require("./mockViewportWidth");
+import { isQueryMatching } from "./mockViewportWidth";
 describe("isQueryMatching", () => {
     it("should return false on max-width", () => {
-        const result = (0, mockViewportWidth_1.isQueryMatching)(`max-width: ${window.innerWidth - 1}`);
+        const result = isQueryMatching(`max-width: ${window.innerWidth - 1}`);
         expect(result).toBe(false);
     });
     it("should return true on min-width", () => {
-        const result = (0, mockViewportWidth_1.isQueryMatching)(`min-width: ${window.innerWidth}`);
+        const result = isQueryMatching(`min-width: ${window.innerWidth}`);
         expect(result).toBe(true);
     });
     it("should return false when the width is not a number", () => {
-        const result = (0, mockViewportWidth_1.isQueryMatching)(`width = not-a-number`);
+        const result = isQueryMatching(`width = not-a-number`);
         expect(result).toBe(false);
     });
 });

package/dist/useBreakpoints/useBreakpoints.js

@@ -1,20 +1,16 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BREAKPOINT_SIZES = void 0;
-exports.useBreakpoints = useBreakpoints;
-const useMediaQuery_1 = require("./useMediaQuery");
-exports.BREAKPOINT_SIZES = { sm: 490, md: 768, lg: 1080, xl: 1440 };
+import { useMediaQuery } from "./useMediaQuery";
+export const BREAKPOINT_SIZES = { sm: 490, md: 768, lg: 1080, xl: 1440 };
 /**
  * Hook equivalent of CSS media queries with our
  * [supported breakpoints](https://atlantis.getjobber.com/design/breakpoints).
  */
-function useBreakpoints() {
-    const { sm, md, lg, xl } = exports.BREAKPOINT_SIZES;
-    const extraSmallOnly = (0, useMediaQuery_1.useMediaQuery)(`(max-width: ${sm - 1}px)`);
-    const smallAndUp = (0, useMediaQuery_1.useMediaQuery)(`(min-width: ${sm}px)`);
-    const mediumAndUp = (0, useMediaQuery_1.useMediaQuery)(`(min-width: ${md}px)`);
-    const largeAndUp = (0, useMediaQuery_1.useMediaQuery)(`(min-width: ${lg}px)`);
-    const extraLargeAndUp = (0, useMediaQuery_1.useMediaQuery)(`(min-width: ${xl}px)`);
+export function useBreakpoints() {
+    const { sm, md, lg, xl } = BREAKPOINT_SIZES;
+    const extraSmallOnly = useMediaQuery(`(max-width: ${sm - 1}px)`);
+    const smallAndUp = useMediaQuery(`(min-width: ${sm}px)`);
+    const mediumAndUp = useMediaQuery(`(min-width: ${md}px)`);
+    const largeAndUp = useMediaQuery(`(min-width: ${lg}px)`);
+    const extraLargeAndUp = useMediaQuery(`(min-width: ${xl}px)`);
     return {
         smallAndUp,
         mediumAndUp,

package/dist/useBreakpoints/useBreakpoints.test.js

@@ -1,19 +1,14 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = require("@testing-library/react");
-const random_1 = __importDefault(require("lodash/random"));
-const mockViewportWidth_1 = require("./mockViewportWidth");
-const useBreakpoints_1 = require("./useBreakpoints");
-const { cleanup, setViewportWidth } = (0, mockViewportWidth_1.mockViewportWidth)();
+import { renderHook } from "@testing-library/react";
+import random from "lodash/random";
+import { mockViewportWidth } from "./mockViewportWidth";
+import { BREAKPOINT_SIZES, useBreakpoints } from "./useBreakpoints";
+const { cleanup, setViewportWidth } = mockViewportWidth();
 afterEach(cleanup);
 describe("useBreakpoints", () => {
     describe("and up", () => {
         it("should have the correct breakpoint values on xl size screens", () => {
-            setViewportWidth(useBreakpoints_1.BREAKPOINT_SIZES.xl);
-            const { result } = (0, react_1.renderHook)(useBreakpoints_1.useBreakpoints);
+            setViewportWidth(BREAKPOINT_SIZES.xl);
+            const { result } = renderHook(useBreakpoints);
             expect(result.current).toMatchObject({
                 smallAndUp: true,
                 mediumAndUp: true,
@@ -22,8 +17,8 @@ describe("useBreakpoints", () => {
             });
         });
         it("should have the correct breakpoint values on lg size screens", () => {
-            setViewportWidth(useBreakpoints_1.BREAKPOINT_SIZES.lg);
-            const { result } = (0, react_1.renderHook)(useBreakpoints_1.useBreakpoints);
+            setViewportWidth(BREAKPOINT_SIZES.lg);
+            const { result } = renderHook(useBreakpoints);
             expect(result.current).toMatchObject({
                 smallAndUp: true,
                 mediumAndUp: true,
@@ -32,8 +27,8 @@ describe("useBreakpoints", () => {
             });
         });
         it("should have the correct breakpoint values on md size screens", () => {
-            setViewportWidth(useBreakpoints_1.BREAKPOINT_SIZES.md);
-            const { result } = (0, react_1.renderHook)(useBreakpoints_1.useBreakpoints);
+            setViewportWidth(BREAKPOINT_SIZES.md);
+            const { result } = renderHook(useBreakpoints);
             expect(result.current).toMatchObject({
                 smallAndUp: true,
                 mediumAndUp: true,
@@ -42,8 +37,8 @@ describe("useBreakpoints", () => {
             });
         });
         it("should have the correct breakpoint values on sm size screens", () => {
-            setViewportWidth(useBreakpoints_1.BREAKPOINT_SIZES.sm);
-            const { result } = (0, react_1.renderHook)(useBreakpoints_1.useBreakpoints);
+            setViewportWidth(BREAKPOINT_SIZES.sm);
+            const { result } = renderHook(useBreakpoints);
             expect(result.current).toMatchObject({
                 smallAndUp: true,
                 mediumAndUp: false,
@@ -54,8 +49,8 @@ describe("useBreakpoints", () => {
     });
     describe("only", () => {
         it("should only set the extraSmallOnly to true on smaller than sm", () => {
-            setViewportWidth(useBreakpoints_1.BREAKPOINT_SIZES.sm - 1);
-            const { result } = (0, react_1.renderHook)(useBreakpoints_1.useBreakpoints);
+            setViewportWidth(BREAKPOINT_SIZES.sm - 1);
+            const { result } = renderHook(useBreakpoints);
             expect(result.current).toMatchObject({
                 extraSmallOnly: true,
                 smallOnly: false,
@@ -64,8 +59,8 @@ describe("useBreakpoints", () => {
             });
         });
         it("should only set the smallOnly to true on sm", () => {
-            setViewportWidth(useBreakpoints_1.BREAKPOINT_SIZES.sm);
-            const { result } = (0, react_1.renderHook)(useBreakpoints_1.useBreakpoints);
+            setViewportWidth(BREAKPOINT_SIZES.sm);
+            const { result } = renderHook(useBreakpoints);
             expect(result.current).toMatchObject({
                 extraSmallOnly: false,
                 smallOnly: true,
@@ -74,8 +69,8 @@ describe("useBreakpoints", () => {
             });
         });
         it("should only set the mediumOnly to true on md", () => {
-            setViewportWidth(useBreakpoints_1.BREAKPOINT_SIZES.md);
-            const { result } = (0, react_1.renderHook)(useBreakpoints_1.useBreakpoints);
+            setViewportWidth(BREAKPOINT_SIZES.md);
+            const { result } = renderHook(useBreakpoints);
             expect(result.current).toMatchObject({
                 extraSmallOnly: false,
                 smallOnly: false,
@@ -84,8 +79,8 @@ describe("useBreakpoints", () => {
             });
         });
         it("should only set the largeOnly to true on lg", () => {
-            setViewportWidth(useBreakpoints_1.BREAKPOINT_SIZES.lg);
-            const { result } = (0, react_1.renderHook)(useBreakpoints_1.useBreakpoints);
+            setViewportWidth(BREAKPOINT_SIZES.lg);
+            const { result } = renderHook(useBreakpoints);
             expect(result.current).toMatchObject({
                 extraSmallOnly: false,
                 smallOnly: false,
@@ -96,11 +91,11 @@ describe("useBreakpoints", () => {
     });
     describe("in between values", () => {
         function randomBreakpoint(min, max) {
-            return (0, random_1.default)(min, max - 1);
+            return random(min, max - 1);
         }
         it("should have the correct breakpoint values on higher than xl size screens", () => {
-            setViewportWidth(randomBreakpoint(useBreakpoints_1.BREAKPOINT_SIZES.xl, 10000));
-            const { result } = (0, react_1.renderHook)(useBreakpoints_1.useBreakpoints);
+            setViewportWidth(randomBreakpoint(BREAKPOINT_SIZES.xl, 10000));
+            const { result } = renderHook(useBreakpoints);
             expect(result.current).toMatchObject({
                 smallAndUp: true,
                 mediumAndUp: true,
@@ -109,8 +104,8 @@ describe("useBreakpoints", () => {
             });
         });
         it("should have the correct breakpoint values on lg size screens", () => {
-            setViewportWidth(randomBreakpoint(useBreakpoints_1.BREAKPOINT_SIZES.lg, useBreakpoints_1.BREAKPOINT_SIZES.xl));
-            const { result } = (0, react_1.renderHook)(useBreakpoints_1.useBreakpoints);
+            setViewportWidth(randomBreakpoint(BREAKPOINT_SIZES.lg, BREAKPOINT_SIZES.xl));
+            const { result } = renderHook(useBreakpoints);
             expect(result.current).toMatchObject({
                 smallAndUp: true,
                 mediumAndUp: true,
@@ -119,8 +114,8 @@ describe("useBreakpoints", () => {
             });
         });
         it("should have the correct breakpoint values on md size screens", () => {
-            setViewportWidth(randomBreakpoint(useBreakpoints_1.BREAKPOINT_SIZES.md, useBreakpoints_1.BREAKPOINT_SIZES.lg));
-            const { result } = (0, react_1.renderHook)(useBreakpoints_1.useBreakpoints);
+            setViewportWidth(randomBreakpoint(BREAKPOINT_SIZES.md, BREAKPOINT_SIZES.lg));
+            const { result } = renderHook(useBreakpoints);
             expect(result.current).toMatchObject({
                 smallAndUp: true,
                 mediumAndUp: true,
@@ -129,8 +124,8 @@ describe("useBreakpoints", () => {
             });
         });
         it("should have the correct breakpoint values on sm size screens", () => {
-            setViewportWidth(randomBreakpoint(useBreakpoints_1.BREAKPOINT_SIZES.sm, useBreakpoints_1.BREAKPOINT_SIZES.md));
-            const { result } = (0, react_1.renderHook)(useBreakpoints_1.useBreakpoints);
+            setViewportWidth(randomBreakpoint(BREAKPOINT_SIZES.sm, BREAKPOINT_SIZES.md));
+            const { result } = renderHook(useBreakpoints);
             expect(result.current).toMatchObject({
                 smallAndUp: true,
                 mediumAndUp: false,

package/dist/useBreakpoints/useMediaQuery.js

@@ -1,9 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.mediaQueryStore = void 0;
-exports.useMediaQuery = useMediaQuery;
-const react_1 = require("react");
-exports.mediaQueryStore = {
+import { useCallback, useSyncExternalStore } from "react";
+export const mediaQueryStore = {
     subscribe(onChange, query) {
         const matchMedia = window.matchMedia(query);
         matchMedia.addEventListener("change", onChange);
@@ -15,8 +11,8 @@ exports.mediaQueryStore = {
         return () => window.matchMedia(query).matches;
     },
 };
-function useMediaQuery(query) {
-    const subscribeMediaQuery = (0, react_1.useCallback)((onChange) => exports.mediaQueryStore.subscribe(onChange, query), [query]);
-    const matches = (0, react_1.useSyncExternalStore)(subscribeMediaQuery, exports.mediaQueryStore.getSnapshot(query), () => true);
+export function useMediaQuery(query) {
+    const subscribeMediaQuery = useCallback((onChange) => mediaQueryStore.subscribe(onChange, query), [query]);
+    const matches = useSyncExternalStore(subscribeMediaQuery, mediaQueryStore.getSnapshot(query), () => true);
     return matches;
 }

package/dist/useCallbackRef/index.js

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

package/dist/useCallbackRef/useCallbackRef.js

@@ -1,15 +1,12 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useCallbackRef = useCallbackRef;
-const react_1 = require("react");
+import { useEffect, useMemo, useRef } from "react";
 /**
  * A custom hook that converts a callback to a ref to avoid triggering re-renders when passed as a
  * prop or avoid re-executing effects when passed as a dependency
  */
-function useCallbackRef(callback) {
-    const callbackRef = (0, react_1.useRef)(callback);
-    (0, react_1.useEffect)(() => {
+export function useCallbackRef(callback) {
+    const callbackRef = useRef(callback);
+    useEffect(() => {
         callbackRef.current = callback;
     });
-    return (0, react_1.useMemo)(() => ((...args) => { var _a; return (_a = callbackRef.current) === null || _a === void 0 ? void 0 : _a.call(callbackRef, ...args); }), []);
+    return useMemo(() => ((...args) => { var _a; return (_a = callbackRef.current) === null || _a === void 0 ? void 0 : _a.call(callbackRef, ...args); }), []);
 }

package/dist/useCallbackRef/useCallbackRef.test.js

@@ -1,12 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = require("@testing-library/react");
-const _1 = require(".");
+import { renderHook } from "@testing-library/react";
+import { useCallbackRef } from ".";
 describe("useCallbackRef", () => {
     it("should replace function when a new one is provided", () => {
         const callbackInitial = jest.fn();
         const callbackReplaced = jest.fn();
-        const { rerender, result } = (0, react_1.renderHook)(_1.useCallbackRef, {
+        const { rerender, result } = renderHook(useCallbackRef, {
             initialProps: callbackInitial,
         });
         result.current("my args");
@@ -17,7 +15,7 @@ describe("useCallbackRef", () => {
     });
     it("should not run function when it's undefined", () => {
         const callbackInitial = jest.fn();
-        const { rerender, result } = (0, react_1.renderHook)(_1.useCallbackRef, {
+        const { rerender, result } = renderHook(useCallbackRef, {
             initialProps: callbackInitial,
         });
         result.current("my args");

package/dist/useCollectionQuery/index.js

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

package/dist/useCollectionQuery/mdxUtils.js

@@ -1,9 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.returnValues = exports.subscriptionPropsList = exports.propsList = exports.apolloClient = exports.LIST_QUERY = void 0;
-exports.getLoadingState = getLoadingState;
-const client_1 = require("@apollo/client");
-exports.LIST_QUERY = (0, client_1.gql) `
+import { ApolloClient, InMemoryCache, gql } from "@apollo/client";
+export const LIST_QUERY = gql `
   query ListQuery($cursor: String) {
     allPlanets(first: 4, after: $cursor) {
       pageInfo {
@@ -20,11 +16,11 @@ exports.LIST_QUERY = (0, client_1.gql) `
     }
   }
 `;
-exports.apolloClient = new client_1.ApolloClient({
+export const apolloClient = new ApolloClient({
     uri: "https://swapi-graphql.netlify.app/graphql",
-    cache: new client_1.InMemoryCache(),
+    cache: new InMemoryCache(),
 });
-function getLoadingState(loadingInitialContent, loadingRefresh, loadingNextPage) {
+export function getLoadingState(loadingInitialContent, loadingRefresh, loadingNextPage) {
     if (loadingInitialContent) {
         return {
             loading: true,
@@ -48,7 +44,7 @@ function getLoadingState(loadingInitialContent, loadingRefresh, loadingNextPage)
         loadingStatus: "Loaded",
     };
 }
-exports.propsList = [
+export const propsList = [
     {
         id: 0,
         title: "query",
@@ -79,7 +75,7 @@ exports.propsList = [
         value: "SubscriptionProps",
     },
 ];
-exports.subscriptionPropsList = [
+export const subscriptionPropsList = [
     {
         id: 0,
         title: "document",
@@ -106,7 +102,7 @@ exports.subscriptionPropsList = [
         value: "GetNodeByPath<TSubscription>",
     },
 ];
-exports.returnValues = [
+export const returnValues = [
     {
         id: 0,
         title: "data",

package/dist/useCollectionQuery/test-utilities/index.js

@@ -1,19 +1,3 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./queries"), exports);
-__exportStar(require("./utils"), exports);
-__exportStar(require("./mocks"), exports);
+export * from "./queries";
+export * from "./utils";
+export * from "./mocks";