@jobber/hooks 2.17.4 → 2.18.0

package/dist/useBreakpoints/useBreakpoints.test.js

@@ -1,142 +0,0 @@
-"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)();
-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);
-            expect(result.current).toMatchObject({
-                smallAndUp: true,
-                mediumAndUp: true,
-                largeAndUp: true,
-                extraLargeAndUp: true,
-            });
-        });
-        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);
-            expect(result.current).toMatchObject({
-                smallAndUp: true,
-                mediumAndUp: true,
-                largeAndUp: true,
-                extraLargeAndUp: false,
-            });
-        });
-        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);
-            expect(result.current).toMatchObject({
-                smallAndUp: true,
-                mediumAndUp: true,
-                largeAndUp: false,
-                extraLargeAndUp: false,
-            });
-        });
-        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);
-            expect(result.current).toMatchObject({
-                smallAndUp: true,
-                mediumAndUp: false,
-                largeAndUp: false,
-                extraLargeAndUp: false,
-            });
-        });
-    });
-    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);
-            expect(result.current).toMatchObject({
-                extraSmallOnly: true,
-                smallOnly: false,
-                mediumOnly: false,
-                largeOnly: false,
-            });
-        });
-        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);
-            expect(result.current).toMatchObject({
-                extraSmallOnly: false,
-                smallOnly: true,
-                mediumOnly: false,
-                largeOnly: false,
-            });
-        });
-        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);
-            expect(result.current).toMatchObject({
-                extraSmallOnly: false,
-                smallOnly: false,
-                mediumOnly: true,
-                largeOnly: false,
-            });
-        });
-        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);
-            expect(result.current).toMatchObject({
-                extraSmallOnly: false,
-                smallOnly: false,
-                mediumOnly: false,
-                largeOnly: true,
-            });
-        });
-    });
-    describe("in between values", () => {
-        function randomBreakpoint(min, max) {
-            return (0, random_1.default)(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);
-            expect(result.current).toMatchObject({
-                smallAndUp: true,
-                mediumAndUp: true,
-                largeAndUp: true,
-                extraLargeAndUp: true,
-            });
-        });
-        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);
-            expect(result.current).toMatchObject({
-                smallAndUp: true,
-                mediumAndUp: true,
-                largeAndUp: true,
-                extraLargeAndUp: false,
-            });
-        });
-        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);
-            expect(result.current).toMatchObject({
-                smallAndUp: true,
-                mediumAndUp: true,
-                largeAndUp: false,
-                extraLargeAndUp: false,
-            });
-        });
-        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);
-            expect(result.current).toMatchObject({
-                smallAndUp: true,
-                mediumAndUp: false,
-                largeAndUp: false,
-                extraLargeAndUp: false,
-            });
-        });
-    });
-});

package/dist/useBreakpoints/useMediaQuery.js

@@ -1,22 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.mediaQueryStore = void 0;
-exports.useMediaQuery = useMediaQuery;
-const react_1 = require("react");
-exports.mediaQueryStore = {
-    subscribe(onChange, query) {
-        const matchMedia = window.matchMedia(query);
-        matchMedia.addEventListener("change", onChange);
-        return () => {
-            matchMedia.removeEventListener("change", onChange);
-        };
-    },
-    getSnapshot(query) {
-        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);
-    return matches;
-}

package/dist/useCallbackRef/index.js

@@ -1,5 +0,0 @@
-"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; } });

package/dist/useCallbackRef/useCallbackRef.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useCallbackRef = useCallbackRef;
-const react_1 = require("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)(() => {
-        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); }), []);
-}

package/dist/useCallbackRef/useCallbackRef.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/useCallbackRef/useCallbackRef.test.js

@@ -1,29 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = require("@testing-library/react");
-const _1 = require(".");
-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, {
-            initialProps: callbackInitial,
-        });
-        result.current("my args");
-        expect(callbackInitial).toHaveBeenCalledWith("my args");
-        rerender(callbackReplaced);
-        result.current("my updated args");
-        expect(callbackReplaced).toHaveBeenCalledWith("my updated args");
-    });
-    it("should not run function when it's undefined", () => {
-        const callbackInitial = jest.fn();
-        const { rerender, result } = (0, react_1.renderHook)(_1.useCallbackRef, {
-            initialProps: callbackInitial,
-        });
-        result.current("my args");
-        expect(callbackInitial).toHaveBeenCalledWith("my args");
-        rerender(undefined);
-        result.current("my updated args");
-        expect(callbackInitial).toHaveBeenCalledTimes(1);
-    });
-});

package/dist/useCollectionQuery/index.js

@@ -1,5 +0,0 @@
-"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,152 +0,0 @@
-"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) `
-  query ListQuery($cursor: String) {
-    allPlanets(first: 4, after: $cursor) {
-      pageInfo {
-        hasNextPage
-        endCursor
-      }
-      edges {
-        node {
-          name
-          id
-        }
-        cursor
-      }
-    }
-  }
-`;
-exports.apolloClient = new client_1.ApolloClient({
-    uri: "https://swapi-graphql.netlify.app/graphql",
-    cache: new client_1.InMemoryCache(),
-});
-function getLoadingState(loadingInitialContent, loadingRefresh, loadingNextPage) {
-    if (loadingInitialContent) {
-        return {
-            loading: true,
-            loadingStatus: "Initial Loading",
-        };
-    }
-    if (loadingRefresh) {
-        return {
-            loading: true,
-            loadingStatus: "Refreshing",
-        };
-    }
-    if (loadingNextPage) {
-        return {
-            loading: true,
-            loadingStatus: "Fetching More",
-        };
-    }
-    return {
-        loading: false,
-        loadingStatus: "Loaded",
-    };
-}
-exports.propsList = [
-    {
-        id: 0,
-        title: "query",
-        caption: "The graphQL query that fetches the collection",
-        value: "DocumentNode",
-    },
-    {
-        id: 1,
-        title: "queryOptions",
-        caption: "A list of options for us to pass into the apollo `useQuery` hook. \
-       Click to see more query options!",
-        url: "https://www.apollographql.com/docs/react/data/queries/#options",
-        value: "QueryHookOptions",
-    },
-    {
-        id: 2,
-        title: "getCollectionByPath",
-        caption: "A function that returns the location where the \
-      {@link Collection} is located. The collection is the part of the \
-      result that needs to be paginated.",
-        value: "GetCollectionByPathFunction<TQuery>",
-    },
-    {
-        id: 3,
-        title: "subscription (optional)",
-        caption: "A list of subscription options if \
-      you want to create a GraphQL subscription to listen for more content.",
-        value: "SubscriptionProps",
-    },
-];
-exports.subscriptionPropsList = [
-    {
-        id: 0,
-        title: "document",
-        caption: "The graphQL subscription that listens for more data. This query \
-      should return a single Node that matches the data structure in \
-      getCollectionByPath<TQuery>(...).edges.node and \
-      getCollectionByPath<TQuery>(...).nodes",
-        value: "DocumentNode",
-    },
-    {
-        id: 1,
-        title: "options",
-        caption: " A list of variables to pass into the apollo `subscribeToMore` function.",
-        value: "SubscribeToMoreOptions<TSubscription>",
-    },
-    {
-        id: 2,
-        title: "getNodeByPath",
-        caption: " A function that returns the location where the `Node` is \
-      located on the TSubscription object. It should return a single Node \
-      that matches the data structure in \
-      getCollectionByPath<TQuery>(...).edges.node and \
-      getCollectionByPath<TQuery>(...).nodes",
-        value: "GetNodeByPath<TSubscription>",
-    },
-];
-exports.returnValues = [
-    {
-        id: 0,
-        title: "data",
-        caption: "The payload returned from the query",
-        value: "ListQueryType | undefined",
-    },
-    {
-        id: 1,
-        title: "error",
-        caption: "Any errors returned from the query",
-        value: "ApolloError | undefined",
-    },
-    {
-        id: 2,
-        title: "refresh",
-        caption: "A funtion that enables you to re-execute the query",
-        value: "() => void",
-    },
-    {
-        id: 3,
-        title: "nextPage",
-        caption: "A funtion that helps you fetch the next set of results for a paginated list",
-        value: "() => void",
-    },
-    {
-        id: 4,
-        title: "loadingRefresh",
-        caption: "An indicator that a refresh is in progress",
-        value: "boolean",
-    },
-    {
-        id: 5,
-        title: "loadingNextPage",
-        caption: "An indicator that a fetch more is in progress",
-        value: "boolean",
-    },
-    {
-        id: 6,
-        title: "loadingInitialContent",
-        caption: "An indicator that the initial content is being fetched",
-        value: "boolean",
-    },
-];

package/dist/useCollectionQuery/test-utilities/index.d.ts

@@ -1,3 +0,0 @@
-export * from "./queries";
-export * from "./utils";
-export * from "./mocks";

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

@@ -1,19 +0,0 @@
-"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);

package/dist/useCollectionQuery/test-utilities/mocks.d.ts

@@ -1,106 +0,0 @@
-import { DocumentNode } from "@apollo/client";
-import { MockedResponse } from "@apollo/react-testing";
-import React from "react";
-export declare function wrapper(mocks: MockedResponse[]): React.FunctionComponent;
-export declare const listQueryResponseMock: jest.Mock<{
-    data: {
-        conversation: {
-            __typename: string;
-            smsMessages: {
-                __typename: string;
-                edges: {
-                    __typename: string;
-                    node: {
-                        __typename: string;
-                        id: any;
-                    };
-                }[];
-                nodes: {
-                    __typename: string;
-                    id: any;
-                }[];
-                pageInfo: {
-                    __typename: string;
-                    endCursor: string;
-                    hasNextPage: boolean;
-                };
-            };
-        };
-    };
-}, [id: any], any>;
-export declare const listQueryWithTotalCountResponseMock: jest.Mock<{
-    data: {
-        conversation: {
-            __typename: string;
-            smsMessages: {
-                __typename: string;
-                edges: {
-                    __typename: string;
-                    node: {
-                        __typename: string;
-                        id: any;
-                    };
-                }[];
-                nodes: {
-                    __typename: string;
-                    id: any;
-                }[];
-                pageInfo: {
-                    __typename: string;
-                    endCursor: string;
-                    hasNextPage: boolean;
-                };
-                totalCount: number;
-            };
-        };
-    };
-}, [id: any], any>;
-export declare const subscriptionQueryMock: jest.Mock<{
-    data: {
-        conversationMessage: {
-            __typename: string;
-            id: string;
-            smsMessage: {
-                __typename: string;
-                id: any;
-            };
-        };
-    };
-}, [id: any], any>;
-export declare function buildListRequestMock(query: DocumentNode, responseMock: jest.Mock, id?: string | undefined, searchTerm?: string | undefined): {
-    request: {
-        query: DocumentNode;
-        variables: {
-            searchTerm: string | undefined;
-        };
-    };
-    result: () => any;
-};
-export declare function buildSubscriptionRequestMock(id?: string | undefined): {
-    request: {
-        query: DocumentNode;
-    };
-    result: () => {
-        data: {
-            conversationMessage: {
-                __typename: string;
-                id: string;
-                smsMessage: {
-                    __typename: string;
-                    id: any;
-                };
-            };
-        };
-    };
-    delay: number;
-};
-export declare function buildListRequestMockForNextPage(query: DocumentNode, responseMock: jest.Mock, id?: string | undefined): {
-    request: {
-        query: DocumentNode;
-        variables: {
-            cursor: string;
-        };
-    };
-    result: () => any;
-};
-export declare function setListQueryMockHasNextPage(hasNextPage: boolean): void;

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

@@ -1,131 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.subscriptionQueryMock = exports.listQueryWithTotalCountResponseMock = exports.listQueryResponseMock = void 0;
-exports.wrapper = wrapper;
-exports.buildListRequestMock = buildListRequestMock;
-exports.buildSubscriptionRequestMock = buildSubscriptionRequestMock;
-exports.buildListRequestMockForNextPage = buildListRequestMockForNextPage;
-exports.setListQueryMockHasNextPage = setListQueryMockHasNextPage;
-const react_testing_1 = require("@apollo/react-testing");
-const react_1 = __importDefault(require("react"));
-const uuid_1 = require("uuid");
-const queries_1 = require("./queries");
-function wrapper(mocks) {
-    function ApolloMockedProvider({ children, }) {
-        return (react_1.default.createElement(react_testing_1.MockedProvider, { addTypename: true, mocks: mocks }, children));
-    }
-    return ApolloMockedProvider;
-}
-let listQueryHasNextPage = true;
-exports.listQueryResponseMock = jest.fn(id => {
-    return {
-        data: {
-            conversation: {
-                __typename: "Conversation",
-                smsMessages: {
-                    __typename: "SMSMessageConnection",
-                    edges: [
-                        {
-                            __typename: "SMSMessageEdge",
-                            node: {
-                                __typename: "SMSMessage",
-                                id: id || (0, uuid_1.v1)(),
-                            },
-                        },
-                    ],
-                    nodes: [
-                        {
-                            __typename: "SMSMessage",
-                            id: id || (0, uuid_1.v1)(),
-                        },
-                    ],
-                    pageInfo: {
-                        __typename: "PageInfo",
-                        endCursor: "MZ",
-                        hasNextPage: listQueryHasNextPage,
-                    },
-                },
-            },
-        },
-    };
-});
-exports.listQueryWithTotalCountResponseMock = jest.fn(id => {
-    return {
-        data: {
-            conversation: {
-                __typename: "Conversation",
-                smsMessages: {
-                    __typename: "SMSMessageConnection",
-                    edges: [
-                        {
-                            __typename: "SMSMessageEdge",
-                            node: {
-                                __typename: "SMSMessage",
-                                id: id || (0, uuid_1.v1)(),
-                            },
-                        },
-                    ],
-                    nodes: [
-                        {
-                            __typename: "SMSMessage",
-                            id: id || (0, uuid_1.v1)(),
-                        },
-                    ],
-                    pageInfo: {
-                        __typename: "PageInfo",
-                        endCursor: "MZ",
-                        hasNextPage: listQueryHasNextPage,
-                    },
-                    totalCount: 42,
-                },
-            },
-        },
-    };
-});
-exports.subscriptionQueryMock = jest.fn(id => {
-    return {
-        data: {
-            conversationMessage: {
-                __typename: "conversationMessage",
-                id: "other stuff",
-                smsMessage: {
-                    __typename: "SMSMessageData",
-                    id: id,
-                },
-            },
-        },
-    };
-});
-function buildListRequestMock(query, responseMock, id, searchTerm) {
-    return {
-        request: {
-            query: query,
-            variables: { searchTerm: searchTerm },
-        },
-        result: () => responseMock(id),
-    };
-}
-function buildSubscriptionRequestMock(id) {
-    return {
-        request: {
-            query: queries_1.SUBSCRIPTION_QUERY,
-        },
-        result: () => (0, exports.subscriptionQueryMock)(id),
-        delay: 100,
-    };
-}
-function buildListRequestMockForNextPage(query, responseMock, id) {
-    return {
-        request: {
-            query: query,
-            variables: { cursor: "MZ" },
-        },
-        result: () => responseMock(id),
-    };
-}
-function setListQueryMockHasNextPage(hasNextPage) {
-    listQueryHasNextPage = hasNextPage;
-}

package/dist/useCollectionQuery/test-utilities/queries.d.ts

@@ -1,37 +0,0 @@
-export declare const LIST_QUERY: import("@apollo/client").DocumentNode;
-export declare const LIST_QUERY_WITH_TOTAL_COUNT: import("@apollo/client").DocumentNode;
-export interface ListQueryType {
-    __typename?: "Query";
-    conversation?: {
-        __typename?: "Conversation";
-        smsMessages: {
-            edges: Array<{
-                __typename?: "SMSMessageConnection";
-                node: {
-                    __typename?: "SMSMessage";
-                    id: string;
-                };
-                cursor: string;
-            }>;
-            nodes: Array<{
-                __typename?: "SMSMessage";
-                id: string;
-            }>;
-            pageInfo: {
-                endCursor: string;
-                hasNextPage: boolean;
-            };
-            totalCount?: number;
-        };
-    };
-}
-export declare const SUBSCRIPTION_QUERY: import("@apollo/client").DocumentNode;
-export interface SubscriptionQueryType {
-    __typename?: "Subscription";
-    conversationMessage?: {
-        smsMessage: {
-            __typename?: "SMSMessage";
-            id: string;
-        };
-    };
-}