@jobber/hooks 2.9.2-CJS-to-ESM.29 → 2.9.2-CJS-to-ESM.7

package/README.mdx

@@ -18,7 +18,3 @@ Shared hooks for components in Atlantis.
 ## Installing
 
 `npm install hooks @jobber/hooks`
-
-## Additional Information
-
-Additional Information

package/dist/index.d.ts

@@ -1,15 +1,15 @@
-export * from "./useAssert/useAssert";
-export * from "./useBool/useBool";
-export * from "./useBreakpoints/useBreakpoints";
-export * from "./useCollectionQuery/useCollectionQuery";
-export * from "./useFocusTrap/useFocusTrap";
-export * from "./useFormState/useFormState";
-export * from "./useInView/useInView";
-export * from "./useIsMounted/useIsMounted";
-export * from "./useLiveAnnounce/useLiveAnnounce";
-export * from "./useOnKeyDown/useOnKeyDown";
-export * from "./usePasswordStrength/usePasswordStrength";
-export * from "./useRefocusOnActivator/useRefocusOnActivator";
-export * from "./useResizeObserver/useResizeObserver";
-export * from "./useSafeLayoutEffect/useSafeLayoutEffect";
-export * from "./useShowClear/useShowClear";
+export * from "./useAssert";
+export * from "./useBool";
+export * from "./useBreakpoints";
+export * from "./useCollectionQuery";
+export * from "./useFocusTrap";
+export * from "./useFormState";
+export * from "./useInView";
+export * from "./useIsMounted";
+export * from "./useLiveAnnounce";
+export * from "./useOnKeyDown";
+export * from "./usePasswordStrength";
+export * from "./useRefocusOnActivator";
+export * from "./useResizeObserver";
+export * from "./useSafeLayoutEffect";
+export * from "./useShowClear";

package/dist/index.js

@@ -1,16 +1,31 @@
-/* eslint-disable import/no-internal-modules */
-export * from "./useAssert/useAssert";
-export * from "./useBool/useBool";
-export * from "./useBreakpoints/useBreakpoints";
-export * from "./useCollectionQuery/useCollectionQuery";
-export * from "./useFocusTrap/useFocusTrap";
-export * from "./useFormState/useFormState";
-export * from "./useInView/useInView";
-export * from "./useIsMounted/useIsMounted";
-export * from "./useLiveAnnounce/useLiveAnnounce";
-export * from "./useOnKeyDown/useOnKeyDown";
-export * from "./usePasswordStrength/usePasswordStrength";
-export * from "./useRefocusOnActivator/useRefocusOnActivator";
-export * from "./useResizeObserver/useResizeObserver";
-export * from "./useSafeLayoutEffect/useSafeLayoutEffect";
-export * from "./useShowClear/useShowClear";
+"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("./useAssert"), exports);
+__exportStar(require("./useBool"), exports);
+__exportStar(require("./useBreakpoints"), exports);
+__exportStar(require("./useCollectionQuery"), 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("./usePasswordStrength"), exports);
+__exportStar(require("./useRefocusOnActivator"), exports);
+__exportStar(require("./useResizeObserver"), exports);
+__exportStar(require("./useSafeLayoutEffect"), exports);
+__exportStar(require("./useShowClear"), exports);

package/dist/useAssert/index.js

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

package/dist/useAssert/useAssert.js

@@ -1,7 +1,13 @@
-import process from "process";
-export function useAssert(shouldShow, message, options) {
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAssert = void 0;
+const process_1 = __importDefault(require("process"));
+function useAssert(shouldShow, message, options) {
     var _a;
-    if (((_a = process === null || process === void 0 ? void 0 : process.env) === null || _a === void 0 ? void 0 : _a.NODE_ENV) !== "production" && shouldShow) {
+    if (((_a = process_1.default === null || process_1.default === void 0 ? void 0 : process_1.default.env) === null || _a === void 0 ? void 0 : _a.NODE_ENV) !== "production" && shouldShow) {
         if (options === null || options === void 0 ? void 0 : options.warn) {
             console.warn(message);
         }
@@ -10,3 +16,4 @@ export function useAssert(shouldShow, message, options) {
         }
     }
 }
+exports.useAssert = useAssert;

package/dist/useBool/index.js

@@ -1 +1,5 @@
-export { useBool } from "./useBool";
+"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; } });

package/dist/useBool/useBool.js

@@ -1,8 +1,12 @@
-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), []);
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useBool = void 0;
+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), []);
     return [state, setTrue, setFalse, toggle];
 }
+exports.useBool = useBool;

package/dist/useBool/useBool.test.js

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

package/dist/useBreakpoints/index.js

@@ -1,2 +1,20 @@
-export * from "./useBreakpoints";
-export { mockViewportWidth } from "./mockViewportWidth";
+"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; } });

package/dist/useBreakpoints/mockViewportWidth/index.js

@@ -1 +1,17 @@
-export * from "./mockViewportWidth";
+"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);

package/dist/useBreakpoints/mockViewportWidth/mockViewportWidth.js

@@ -1,9 +1,15 @@
-const defaultMatchMedia = window.matchMedia;
-const defaultResizeTo = window.resizeTo;
-const defaultInnerWidth = window.innerWidth;
-export function mockViewportWidth() {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isQueryMatching = exports.mockViewportWidth = void 0;
+const defaultMatchMedia = typeof window !== "undefined"
+    ? window.matchMedia
+    : () => ({});
+const defaultResizeTo = typeof window !== "undefined" ? window.resizeTo : () => ({});
+const defaultInnerWidth = typeof window !== "undefined" ? window.innerWidth : 0;
+function mockViewportWidth() {
     return { cleanup, setViewportWidth };
 }
+exports.mockViewportWidth = mockViewportWidth;
 function setViewportWidth(newWidth) {
     Object.defineProperty(window, "matchMedia", {
         writable: true,
@@ -45,7 +51,7 @@ function cleanup() {
     window.resizeTo = defaultResizeTo;
     window.innerWidth = defaultInnerWidth;
 }
-export function isQueryMatching(query) {
+function isQueryMatching(query) {
     const match = query.match(/(min-width|max-width):\s*(\d+)/);
     if (!match)
         return false;
@@ -59,3 +65,4 @@ export function isQueryMatching(query) {
             return innerWidth >= breakpoint;
     }
 }
+exports.isQueryMatching = isQueryMatching;

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

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

package/dist/useBreakpoints/useBreakpoints.js

@@ -1,16 +1,19 @@
-import { useMediaQuery } from "./useMediaQuery";
-export const BREAKPOINT_SIZES = { sm: 490, md: 768, lg: 1080, xl: 1440 };
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useBreakpoints = exports.BREAKPOINT_SIZES = void 0;
+const useMediaQuery_1 = require("./useMediaQuery");
+exports.BREAKPOINT_SIZES = { sm: 490, md: 768, lg: 1080, xl: 1440 };
 /**
  * Hook equivalent of CSS media queries with our
  * [supported breakpoints](https://atlantis.getjobber.com/?path=/docs/design-breakpoints--page).
  */
-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)`);
+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)`);
     return {
         smallAndUp,
         mediumAndUp,
@@ -22,3 +25,4 @@ export function useBreakpoints() {
         largeOnly: largeAndUp && !extraLargeAndUp,
     };
 }
+exports.useBreakpoints = useBreakpoints;

package/dist/useBreakpoints/useBreakpoints.test.js

@@ -1,13 +1,15 @@
-import { renderHook } from "@testing-library/react";
-import { mockViewportWidth } from "./mockViewportWidth";
-import { BREAKPOINT_SIZES, useBreakpoints } from "./useBreakpoints";
-const { cleanup, setViewportWidth } = mockViewportWidth();
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("@testing-library/react");
+const mockViewportWidth_1 = require("./mockViewportWidth");
+const useBreakpoints_1 = require("./useBreakpoints");
+const { cleanup, setViewportWidth } = (0, mockViewportWidth_1.mockViewportWidth)();
 afterEach(cleanup);
 describe("useBreakpoints", () => {
     describe("and up", () => {
         it("should have the correct breakpoint values on xl size screens", () => {
-            setViewportWidth(BREAKPOINT_SIZES.xl);
-            const { result } = renderHook(useBreakpoints);
+            setViewportWidth(useBreakpoints_1.BREAKPOINT_SIZES.xl);
+            const { result } = (0, react_1.renderHook)(useBreakpoints_1.useBreakpoints);
             expect(result.current).toMatchObject({
                 smallAndUp: true,
                 mediumAndUp: true,
@@ -16,8 +18,8 @@ describe("useBreakpoints", () => {
             });
         });
         it("should have the correct breakpoint values on lg size screens", () => {
-            setViewportWidth(BREAKPOINT_SIZES.lg);
-            const { result } = renderHook(useBreakpoints);
+            setViewportWidth(useBreakpoints_1.BREAKPOINT_SIZES.lg);
+            const { result } = (0, react_1.renderHook)(useBreakpoints_1.useBreakpoints);
             expect(result.current).toMatchObject({
                 smallAndUp: true,
                 mediumAndUp: true,
@@ -26,8 +28,8 @@ describe("useBreakpoints", () => {
             });
         });
         it("should have the correct breakpoint values on md size screens", () => {
-            setViewportWidth(BREAKPOINT_SIZES.md);
-            const { result } = renderHook(useBreakpoints);
+            setViewportWidth(useBreakpoints_1.BREAKPOINT_SIZES.md);
+            const { result } = (0, react_1.renderHook)(useBreakpoints_1.useBreakpoints);
             expect(result.current).toMatchObject({
                 smallAndUp: true,
                 mediumAndUp: true,
@@ -36,8 +38,8 @@ describe("useBreakpoints", () => {
             });
         });
         it("should have the correct breakpoint values on sm size screens", () => {
-            setViewportWidth(BREAKPOINT_SIZES.sm);
-            const { result } = renderHook(useBreakpoints);
+            setViewportWidth(useBreakpoints_1.BREAKPOINT_SIZES.sm);
+            const { result } = (0, react_1.renderHook)(useBreakpoints_1.useBreakpoints);
             expect(result.current).toMatchObject({
                 smallAndUp: true,
                 mediumAndUp: false,
@@ -48,8 +50,8 @@ describe("useBreakpoints", () => {
     });
     describe("only", () => {
         it("should only set the extraSmallOnly to true on smaller than sm", () => {
-            setViewportWidth(BREAKPOINT_SIZES.sm - 1);
-            const { result } = renderHook(useBreakpoints);
+            setViewportWidth(useBreakpoints_1.BREAKPOINT_SIZES.sm - 1);
+            const { result } = (0, react_1.renderHook)(useBreakpoints_1.useBreakpoints);
             expect(result.current).toMatchObject({
                 extraSmallOnly: true,
                 smallOnly: false,
@@ -58,8 +60,8 @@ describe("useBreakpoints", () => {
             });
         });
         it("should only set the smallOnly to true on sm", () => {
-            setViewportWidth(BREAKPOINT_SIZES.sm);
-            const { result } = renderHook(useBreakpoints);
+            setViewportWidth(useBreakpoints_1.BREAKPOINT_SIZES.sm);
+            const { result } = (0, react_1.renderHook)(useBreakpoints_1.useBreakpoints);
             expect(result.current).toMatchObject({
                 extraSmallOnly: false,
                 smallOnly: true,
@@ -68,8 +70,8 @@ describe("useBreakpoints", () => {
             });
         });
         it("should only set the mediumOnly to true on md", () => {
-            setViewportWidth(BREAKPOINT_SIZES.md);
-            const { result } = renderHook(useBreakpoints);
+            setViewportWidth(useBreakpoints_1.BREAKPOINT_SIZES.md);
+            const { result } = (0, react_1.renderHook)(useBreakpoints_1.useBreakpoints);
             expect(result.current).toMatchObject({
                 extraSmallOnly: false,
                 smallOnly: false,
@@ -78,8 +80,8 @@ describe("useBreakpoints", () => {
             });
         });
         it("should only set the largeOnly to true on lg", () => {
-            setViewportWidth(BREAKPOINT_SIZES.lg);
-            const { result } = renderHook(useBreakpoints);
+            setViewportWidth(useBreakpoints_1.BREAKPOINT_SIZES.lg);
+            const { result } = (0, react_1.renderHook)(useBreakpoints_1.useBreakpoints);
             expect(result.current).toMatchObject({
                 extraSmallOnly: false,
                 smallOnly: false,
@@ -93,8 +95,8 @@ describe("useBreakpoints", () => {
             return Math.floor(min + Math.random() * (max - min + 1));
         }
         it("should have the correct breakpoint values on higher than xl size screens", () => {
-            setViewportWidth(randomBreakpoint(BREAKPOINT_SIZES.xl, 10000));
-            const { result } = renderHook(useBreakpoints);
+            setViewportWidth(randomBreakpoint(useBreakpoints_1.BREAKPOINT_SIZES.xl, 10000));
+            const { result } = (0, react_1.renderHook)(useBreakpoints_1.useBreakpoints);
             expect(result.current).toMatchObject({
                 smallAndUp: true,
                 mediumAndUp: true,
@@ -103,8 +105,8 @@ describe("useBreakpoints", () => {
             });
         });
         it("should have the correct breakpoint values on lg size screens", () => {
-            setViewportWidth(randomBreakpoint(BREAKPOINT_SIZES.lg, BREAKPOINT_SIZES.xl));
-            const { result } = renderHook(useBreakpoints);
+            setViewportWidth(randomBreakpoint(useBreakpoints_1.BREAKPOINT_SIZES.lg, useBreakpoints_1.BREAKPOINT_SIZES.xl));
+            const { result } = (0, react_1.renderHook)(useBreakpoints_1.useBreakpoints);
             expect(result.current).toMatchObject({
                 smallAndUp: true,
                 mediumAndUp: true,
@@ -113,8 +115,8 @@ describe("useBreakpoints", () => {
             });
         });
         it("should have the correct breakpoint values on md size screens", () => {
-            setViewportWidth(randomBreakpoint(BREAKPOINT_SIZES.md, BREAKPOINT_SIZES.lg));
-            const { result } = renderHook(useBreakpoints);
+            setViewportWidth(randomBreakpoint(useBreakpoints_1.BREAKPOINT_SIZES.md, useBreakpoints_1.BREAKPOINT_SIZES.lg));
+            const { result } = (0, react_1.renderHook)(useBreakpoints_1.useBreakpoints);
             expect(result.current).toMatchObject({
                 smallAndUp: true,
                 mediumAndUp: true,
@@ -123,8 +125,8 @@ describe("useBreakpoints", () => {
             });
         });
         it("should have the correct breakpoint values on sm size screens", () => {
-            setViewportWidth(randomBreakpoint(BREAKPOINT_SIZES.sm, BREAKPOINT_SIZES.md));
-            const { result } = renderHook(useBreakpoints);
+            setViewportWidth(randomBreakpoint(useBreakpoints_1.BREAKPOINT_SIZES.sm, useBreakpoints_1.BREAKPOINT_SIZES.md));
+            const { result } = (0, react_1.renderHook)(useBreakpoints_1.useBreakpoints);
             expect(result.current).toMatchObject({
                 smallAndUp: true,
                 mediumAndUp: false,

package/dist/useBreakpoints/useMediaQuery.js

@@ -1,11 +1,14 @@
-import { useEffect, useState } from "react";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMediaQuery = void 0;
+const react_1 = require("react");
 /**
  * Sets the JS media query listener. Internal use only.
  */
-export function useMediaQuery(CSSMediaQuery) {
-    const [matches, setMatches] = useState(window.matchMedia(CSSMediaQuery).matches);
-    useEffect(() => {
-        const media = window.matchMedia(CSSMediaQuery);
+function useMediaQuery(CSSMediaQuery) {
+    const [matches, setMatches] = (0, react_1.useState)(window === null || window === void 0 ? void 0 : window.matchMedia(CSSMediaQuery).matches);
+    (0, react_1.useEffect)(() => {
+        const media = window === null || window === void 0 ? void 0 : window.matchMedia(CSSMediaQuery);
         if (media.matches !== matches) {
             setMatches(media.matches);
         }
@@ -15,3 +18,4 @@ export function useMediaQuery(CSSMediaQuery) {
     }, [CSSMediaQuery]);
     return matches;
 }
+exports.useMediaQuery = useMediaQuery;

package/dist/useCollectionQuery/index.js

@@ -1 +1,5 @@
-export { useCollectionQuery } from "./useCollectionQuery";
+"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; } });

package/dist/useCollectionQuery/mdxUtils.js

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

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

@@ -1,3 +1,19 @@
-export * from "./queries";
-export * from "./utils";
-export * from "./mocks";
+"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);