@jobber/hooks 2.0.0 → 2.0.1

package/dist/useCollectionQuery/useCollectionQuery.js

@@ -1,53 +1,22 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __spread = (this && this.__spread) || function () {
-    for (var ar = [], i = 0; i < arguments.length; i++) ar = ar.concat(__read(arguments[i]));
-    return ar;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-var client_1 = require("@apollo/client");
-var lodash_1 = require("lodash");
-var react_1 = require("react");
-var formatters_1 = require("@jobber/formatters");
-var uniqueNodes_1 = require("./uniqueNodes");
-var uniqueEdges_1 = require("./uniqueEdges");
-var useIsMounted_1 = require("../useIsMounted");
-function useCollectionQuery(_a) {
-    var query = _a.query, queryOptions = _a.queryOptions, getCollectionByPath = _a.getCollectionByPath, subscription = _a.subscription;
-    var _b, _c;
-    var _d = client_1.useQuery(query, queryOptions), data = _d.data, loading = _d.loading, refetch = _d.refetch, error = _d.error, fetchMore = _d.fetchMore, subscribeToMore = _d.subscribeToMore;
-    var isMounted = useIsMounted_1.useIsMounted();
-    var _e = __read(react_1.useState(false), 2), loadingRefresh = _e[0], setLoadingRefresh = _e[1];
-    var _f = __read(react_1.useState(false), 2), loadingNextPage = _f[0], setLoadingNextPage = _f[1];
-    var loadingInitialContent = loading && !loadingRefresh && !loadingNextPage;
-    var isSearching = !!((_b = queryOptions === null || queryOptions === void 0 ? void 0 : queryOptions.variables) === null || _b === void 0 ? void 0 : _b.searchTerm);
-    var refresh = react_1.useCallback(function () {
+exports.isAlreadyUpdated = exports.useCollectionQuery = void 0;
+const client_1 = require("@apollo/client");
+const lodash_1 = require("lodash");
+const react_1 = require("react");
+const formatters_1 = require("@jobber/formatters");
+const uniqueNodes_1 = require("./uniqueNodes");
+const uniqueEdges_1 = require("./uniqueEdges");
+const useIsMounted_1 = require("../useIsMounted");
+function useCollectionQuery({ query, queryOptions, getCollectionByPath, subscription, }) {
+    var _a, _b;
+    const { data, loading, refetch, error, fetchMore, subscribeToMore } = (0, client_1.useQuery)(query, queryOptions);
+    const isMounted = (0, useIsMounted_1.useIsMounted)();
+    const [loadingRefresh, setLoadingRefresh] = (0, react_1.useState)(false);
+    const [loadingNextPage, setLoadingNextPage] = (0, react_1.useState)(false);
+    const loadingInitialContent = loading && !loadingRefresh && !loadingNextPage;
+    const isSearching = !!((_a = queryOptions === null || queryOptions === void 0 ? void 0 : queryOptions.variables) === null || _a === void 0 ? void 0 : _a.searchTerm);
+    const refresh = (0, react_1.useCallback)(() => {
         if (loadingInitialContent || loadingRefresh) {
             return;
         }
@@ -58,13 +27,10 @@ function useCollectionQuery(_a) {
             // These changes can be reverted once we can update to version 3.4
             // (the current release candidate)
             variables: {},
-            updateQuery: function (prev, _a) {
-                var fetchMoreResult = _a.fetchMoreResult;
-                return fetchMoreResult || prev;
-            },
+            updateQuery: (prev, { fetchMoreResult }) => fetchMoreResult || prev,
         })
-            .catch(function (err) { return formatters_1.config.errorNotifier("Refetch Error", err); })
-            .finally(function () {
+            .catch(err => formatters_1.config.errorNotifier("Refetch Error", err))
+            .finally(() => {
             if (isMounted.current) {
                 setLoadingRefresh(false);
             }
@@ -76,12 +42,12 @@ function useCollectionQuery(_a) {
         refetch,
         isMounted,
     ]);
-    var nextPage = react_1.useCallback(function () {
+    const nextPage = (0, react_1.useCallback)(() => {
         var _a;
         if (loadingInitialContent || loadingRefresh || loadingNextPage) {
             return;
         }
-        var pageInfo = (_a = getCollectionByPath(data)) === null || _a === void 0 ? void 0 : _a.pageInfo;
+        const pageInfo = (_a = getCollectionByPath(data)) === null || _a === void 0 ? void 0 : _a.pageInfo;
         if (!pageInfo || !pageInfo.hasNextPage) {
             return;
         }
@@ -90,13 +56,10 @@ function useCollectionQuery(_a) {
             variables: {
                 cursor: pageInfo.endCursor,
             },
-            updateQuery: function (prev, _a) {
-                var fetchMoreResult = _a.fetchMoreResult;
-                return fetchMoreUpdateQueryHandler(prev, fetchMoreResult, getCollectionByPath);
-            },
+            updateQuery: (prev, { fetchMoreResult }) => fetchMoreUpdateQueryHandler(prev, fetchMoreResult, getCollectionByPath),
         })
-            .catch(function (err) { return formatters_1.config.errorNotifier("FetchMore Error", err); })
-            .finally(function () {
+            .catch(err => formatters_1.config.errorNotifier("FetchMore Error", err))
+            .finally(() => {
             if (isMounted.current) {
                 setLoadingNextPage(false);
             }
@@ -111,27 +74,24 @@ function useCollectionQuery(_a) {
         getCollectionByPath,
         isMounted,
     ]);
-    react_1.useEffect(function () {
+    (0, react_1.useEffect)(() => {
         if (subscription == undefined)
             return;
-        var subscriptionOptions = subscription.options || {};
-        return subscribeToMore(__assign(__assign({}, subscriptionOptions), { document: subscription.document, updateQuery: function (prev, _a) {
-                var subscriptionData = _a.subscriptionData;
-                return subscribeToMoreHandler(isSearching, prev, getCollectionByPath, subscriptionData === null || subscriptionData === void 0 ? void 0 : subscriptionData.data, subscription.getNodeByPath);
-            }, onError: function (err) { return formatters_1.config.errorNotifier("Subscribe to More Error", err); } }));
+        const subscriptionOptions = subscription.options || {};
+        return subscribeToMore(Object.assign(Object.assign({}, subscriptionOptions), { document: subscription.document, updateQuery: (prev, { subscriptionData }) => subscribeToMoreHandler(isSearching, prev, getCollectionByPath, subscriptionData === null || subscriptionData === void 0 ? void 0 : subscriptionData.data, subscription.getNodeByPath), onError: err => formatters_1.config.errorNotifier("Subscribe to More Error", err) }));
     }, 
     // Disabling this linter so we can force this only run once. If we didn't
     // do this we would need to ensure subscription, subscribeToMore, and getNodeByPath
     // all use useCallback.
-    [(_c = queryOptions === null || queryOptions === void 0 ? void 0 : queryOptions.variables) === null || _c === void 0 ? void 0 : _c.searchTerm]);
+    [(_b = queryOptions === null || queryOptions === void 0 ? void 0 : queryOptions.variables) === null || _b === void 0 ? void 0 : _b.searchTerm]);
     return {
-        data: data,
-        error: error,
-        refresh: refresh,
-        loadingRefresh: loadingRefresh,
-        nextPage: nextPage,
-        loadingNextPage: loadingNextPage,
-        loadingInitialContent: loadingInitialContent,
+        data,
+        error,
+        refresh,
+        loadingRefresh,
+        nextPage,
+        loadingNextPage,
+        loadingInitialContent,
     };
 }
 exports.useCollectionQuery = useCollectionQuery;
@@ -153,9 +113,9 @@ exports.useCollectionQuery = useCollectionQuery;
  *    makes the `useCollectionQuery` interface more complicated by adding arguments
  */
 function fetchMoreUpdateQueryHandler(prev, fetchMoreResult, getCollectionByPath) {
-    var nextCollection = getCollectionByPath(fetchMoreResult);
-    var output = lodash_1.cloneDeep(prev);
-    var outputCollection = getCollectionByPath(output);
+    const nextCollection = getCollectionByPath(fetchMoreResult);
+    const output = (0, lodash_1.cloneDeep)(prev);
+    const outputCollection = getCollectionByPath(output);
     if (outputCollection === undefined || nextCollection === undefined) {
         return output;
     }
@@ -165,13 +125,13 @@ function fetchMoreUpdateQueryHandler(prev, fetchMoreResult, getCollectionByPath)
     if (outputCollection.edges && nextCollection.edges) {
         outputCollection.edges = getUpdatedEdges(outputCollection.edges, nextCollection.edges);
     }
-    Object.assign(outputCollection, __assign({ pageInfo: lodash_1.cloneDeep(nextCollection.pageInfo) }, getTotalCount(nextCollection.totalCount)));
+    Object.assign(outputCollection, Object.assign({ pageInfo: (0, lodash_1.cloneDeep)(nextCollection.pageInfo) }, getTotalCount(nextCollection.totalCount)));
     return output;
 }
 function subscribeToMoreHandler(isSearching, prev, getCollectionByPath, subscriptionData, getNodeByPath) {
-    var node = getNodeByPath(subscriptionData);
-    var output = lodash_1.cloneDeep(prev);
-    var outputCollection = getCollectionByPath(output);
+    const node = getNodeByPath(subscriptionData);
+    const output = (0, lodash_1.cloneDeep)(prev);
+    const outputCollection = getCollectionByPath(output);
     if (outputCollection == undefined || node == undefined)
         return output;
     if (isAlreadyUpdated(outputCollection, node) || isSearching) {
@@ -181,42 +141,41 @@ function subscribeToMoreHandler(isSearching, prev, getCollectionByPath, subscrip
         outputCollection.nodes = getUpdatedNodes(outputCollection.nodes, [node], false);
     }
     if (outputCollection.edges) {
-        outputCollection.edges = getUpdatedEdges(outputCollection.edges, [uniqueEdges_1.createEdge(node)], false);
+        outputCollection.edges = getUpdatedEdges(outputCollection.edges, [(0, uniqueEdges_1.createEdge)(node)], false);
     }
-    Object.assign(outputCollection, __assign({ pageInfo: lodash_1.cloneDeep(outputCollection.pageInfo) }, getTotalCount(outputCollection.totalCount, 1)));
+    Object.assign(outputCollection, Object.assign({ pageInfo: (0, lodash_1.cloneDeep)(outputCollection.pageInfo) }, getTotalCount(outputCollection.totalCount, 1)));
     return output;
 }
-function getTotalCount(totalCount, additionalCount) {
-    if (additionalCount === void 0) { additionalCount = 0; }
+function getTotalCount(totalCount, additionalCount = 0) {
     return totalCount !== undefined
         ? { totalCount: totalCount + additionalCount }
         : {};
 }
 function isAlreadyUpdated(outputCollection, newNode) {
-    var edgesAlreadyUpdated = true;
-    var nodesAlreadyUpdated = true;
+    let edgesAlreadyUpdated = true;
+    let nodesAlreadyUpdated = true;
     if (outputCollection.edges) {
-        edgesAlreadyUpdated = outputCollection.edges.some(function (edge) {
+        edgesAlreadyUpdated = outputCollection.edges.some(edge => {
             return edge.node.id === newNode.id;
         });
     }
     if (outputCollection.nodes) {
-        nodesAlreadyUpdated = outputCollection.nodes.some(function (node) {
+        nodesAlreadyUpdated = outputCollection.nodes.some(node => {
             return node.id === newNode.id;
         });
     }
     return edgesAlreadyUpdated && nodesAlreadyUpdated;
 }
 exports.isAlreadyUpdated = isAlreadyUpdated;
-function getUpdatedEdges(prevEdges, nextEdges, appendToEnd) {
-    if (appendToEnd === void 0) { appendToEnd = true; }
-    var newEdges = appendToEnd
-        ? __spread(prevEdges, nextEdges) : __spread(nextEdges, prevEdges);
-    return uniqueEdges_1.uniqueEdges(newEdges);
+function getUpdatedEdges(prevEdges, nextEdges, appendToEnd = true) {
+    const newEdges = appendToEnd
+        ? [...prevEdges, ...nextEdges]
+        : [...nextEdges, ...prevEdges];
+    return (0, uniqueEdges_1.uniqueEdges)(newEdges);
 }
-function getUpdatedNodes(prevNodes, nextNodes, appendToEnd) {
-    if (appendToEnd === void 0) { appendToEnd = true; }
-    var newNodes = appendToEnd
-        ? __spread(prevNodes, nextNodes) : __spread(nextNodes, prevNodes);
-    return uniqueNodes_1.uniqueNodes(newNodes);
+function getUpdatedNodes(prevNodes, nextNodes, appendToEnd = true) {
+    const newNodes = appendToEnd
+        ? [...prevNodes, ...nextNodes]
+        : [...nextNodes, ...prevNodes];
+    return (0, uniqueNodes_1.uniqueNodes)(newNodes);
 }