@apollo/client 3.5.5 → 3.5.9

package/invariantErrorCodes.js

@@ -5,7 +5,7 @@
 // consult the @apollo/client/invariantErrorCodes.js file specific to
 // your @apollo/client version. This file is not meant to be imported.
 {
-  "@apollo/client version": "3.5.5",
+  "@apollo/client version": "3.5.9",
 
   1: {
     file: "@apollo/client/cache/inmemory/entityStore.js",
@@ -174,8 +174,8 @@
     file: "@apollo/client/react/hooks/useApolloClient.js",
 
     node: invariant(!!client, 'Could not find "client" in the context or passed in as an option. ' +
-        'Wrap the root component in an <ApolloProvider>, or pass an ApolloClient' +
-        'ApolloClient instance in via options.')
+        'Wrap the root component in an <ApolloProvider>, or pass an ApolloClient ' +
+        'instance in via options.')
   },
 
   30: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apollo/client",
-  "version": "3.5.5",
+  "version": "3.5.9",
   "description": "A fully-featured caching GraphQL client.",
   "private": false,
   "keywords": [
@@ -51,12 +51,12 @@
     "optimism": "^0.16.1",
     "prop-types": "^15.7.2",
     "symbol-observable": "^4.0.0",
-    "ts-invariant": "^0.9.0",
+    "ts-invariant": "^0.9.4",
     "tslib": "^2.3.0",
     "zen-observable-ts": "^1.2.0"
   },
   "devDependencies": {
-    "@babel/parser": "7.16.4",
+    "@babel/parser": "7.17.0",
     "@graphql-tools/schema": "8.3.1",
     "@rollup/plugin-node-resolve": "11.2.1",
     "@testing-library/react": "12.1.2",
@@ -65,34 +65,34 @@
     "@types/fetch-mock": "7.3.5",
     "@types/glob": "7.2.0",
     "@types/hoist-non-react-statics": "3.3.1",
-    "@types/jest": "27.0.3",
-    "@types/lodash": "4.14.177",
-    "@types/node": "16.11.9",
+    "@types/jest": "27.4.0",
+    "@types/lodash": "4.14.178",
+    "@types/node": "16.11.24",
     "@types/react": "17.0.34",
     "@types/react-dom": "17.0.2",
     "bundlesize": "0.18.1",
-    "cross-fetch": "3.1.4",
+    "cross-fetch": "3.1.5",
     "crypto-hash": "1.3.0",
     "fetch-mock": "9.11.0",
     "glob": "7.2.0",
     "graphql": "16.0.1",
-    "jest": "27.3.1",
+    "jest": "27.5.1",
     "jest-fetch-mock": "3.0.3",
     "jest-junit": "13.0.0",
     "lodash": "4.17.21",
     "react": "17.0.2",
     "react-dom": "17.0.2",
-    "recast": "0.20.5",
-    "resolve": "1.20.0",
+    "recast": "0.21.0",
+    "resolve": "1.22.0",
     "rimraf": "3.0.2",
-    "rollup": "2.60.0",
+    "rollup": "2.67.2",
     "rollup-plugin-terser": "7.0.2",
     "rxjs": "6.6.7",
     "subscriptions-transport-ws": "0.11.0",
     "terser": "5.10.0",
-    "ts-jest": "27.0.7",
-    "ts-node": "10.4.0",
-    "typescript": "4.5.2",
+    "ts-jest": "27.1.3",
+    "ts-node": "10.5.0",
+    "typescript": "4.5.5",
     "wait-for-observables": "1.0.3",
     "whatwg-fetch": "3.6.2"
   },

package/react/hooks/hooks.cjs

@@ -7,16 +7,16 @@ var react = require('react');
 var context = require('../context');
 var tslib = require('tslib');
 var equality = require('@wry/equality');
-var errors = require('../../errors');
 var core = require('../../core');
+var errors = require('../../errors');
 var parser = require('../parser');
 
 function useApolloClient(override) {
     var context$1 = react.useContext(context.getApolloContext());
     var client = override || context$1.client;
     __DEV__ ? globals.invariant(!!client, 'Could not find "client" in the context or passed in as an option. ' +
-        'Wrap the root component in an <ApolloProvider>, or pass an ApolloClient' +
-        'ApolloClient instance in via options.') : globals.invariant(!!client, 29);
+        'Wrap the root component in an <ApolloProvider>, or pass an ApolloClient ' +
+        'instance in via options.') : globals.invariant(!!client, 29);
     return client;
 }
 
@@ -24,9 +24,10 @@ function useQuery(query, options) {
     var _a;
     var context$1 = react.useContext(context.getApolloContext());
     var client = useApolloClient(options === null || options === void 0 ? void 0 : options.client);
+    var defaultWatchQueryOptions = client.defaultOptions.watchQuery;
     parser.verifyDocumentType(query, parser.DocumentType.Query);
     var _b = react.useState(function () {
-        var watchQueryOptions = createWatchQueryOptions(query, options);
+        var watchQueryOptions = createWatchQueryOptions(query, options, defaultWatchQueryOptions);
         var obsQuery = null;
         if (context$1.renderPromises) {
             obsQuery = context$1.renderPromises.getSSRObservable(watchQueryOptions);
@@ -42,7 +43,7 @@ function useQuery(query, options) {
             !(options === null || options === void 0 ? void 0 : options.skip) &&
             obsQuery.getCurrentResult().loading) {
             context$1.renderPromises.addQueryPromise({
-                getOptions: function () { return createWatchQueryOptions(query, options); },
+                getOptions: function () { return createWatchQueryOptions(query, options, defaultWatchQueryOptions); },
                 fetchData: function () { return new Promise(function (resolve) {
                     var sub = obsQuery.subscribe({
                         next: function (result) {
@@ -83,11 +84,11 @@ function useQuery(query, options) {
         options: options,
         result: result,
         previousData: void 0,
-        watchQueryOptions: createWatchQueryOptions(query, options),
+        watchQueryOptions: createWatchQueryOptions(query, options, defaultWatchQueryOptions),
     });
     react.useEffect(function () {
         var _a, _b;
-        var watchQueryOptions = createWatchQueryOptions(query, options);
+        var watchQueryOptions = createWatchQueryOptions(query, options, defaultWatchQueryOptions);
         var nextResult;
         if (ref.current.client !== client || !equality.equal(ref.current.query, query)) {
             var obsQuery_1 = client.watchQuery(watchQueryOptions);
@@ -106,17 +107,15 @@ function useQuery(query, options) {
             }
             setResult(ref.current.result = nextResult);
             if (!nextResult.loading && options) {
-                if (!result.loading) {
-                    if (result.error) {
-                        (_a = options.onError) === null || _a === void 0 ? void 0 : _a.call(options, result.error);
-                    }
-                    else if (result.data) {
-                        (_b = options.onCompleted) === null || _b === void 0 ? void 0 : _b.call(options, result.data);
-                    }
+                if (nextResult.error) {
+                    (_a = options.onError) === null || _a === void 0 ? void 0 : _a.call(options, nextResult.error);
+                }
+                else if (nextResult.data) {
+                    (_b = options.onCompleted) === null || _b === void 0 ? void 0 : _b.call(options, nextResult.data);
                 }
             }
         }
-        Object.assign(ref.current, { client: client, query: query, options: options });
+        Object.assign(ref.current, { client: client, query: query });
     }, [obsQuery, client, query, options]);
     react.useEffect(function () {
         if (context$1.renderPromises) {
@@ -184,8 +183,9 @@ function useQuery(query, options) {
             (options === null || options === void 0 ? void 0 : options.ssr) !== false &&
             !(options === null || options === void 0 ? void 0 : options.skip) &&
             result.loading) {
-            obsQuery.setOptions(createWatchQueryOptions(query, options)).catch(function () { });
+            obsQuery.setOptions(createWatchQueryOptions(query, options, defaultWatchQueryOptions)).catch(function () { });
         }
+        Object.assign(ref.current, { options: options });
     }
     if ((context$1.renderPromises || client.disableNetworkFetches) &&
         (options === null || options === void 0 ? void 0 : options.ssr) === false) {
@@ -215,12 +215,16 @@ function useQuery(query, options) {
         stopPolling: obsQuery.stopPolling.bind(obsQuery),
         subscribeToMore: obsQuery.subscribeToMore.bind(obsQuery),
     }); }, [obsQuery]);
-    return tslib.__assign(tslib.__assign(tslib.__assign({}, obsQueryFields), { variables: obsQuery.variables, client: client, called: true, previousData: ref.current.previousData }), result);
+    return tslib.__assign(tslib.__assign(tslib.__assign({}, obsQueryFields), { variables: createWatchQueryOptions(query, options, defaultWatchQueryOptions).variables, client: client, called: true, previousData: ref.current.previousData }), result);
 }
-function createWatchQueryOptions(query, options) {
+function createWatchQueryOptions(query, options, defaultOptions) {
     var _a;
     if (options === void 0) { options = {}; }
-    var skip = options.skip; options.ssr; options.onCompleted; options.onError; options.displayName; var watchQueryOptions = tslib.__rest(options, ["skip", "ssr", "onCompleted", "onError", "displayName"]);
+    var skip = options.skip; options.ssr; options.onCompleted; options.onError; options.displayName; var otherOptions = tslib.__rest(options, ["skip", "ssr", "onCompleted", "onError", "displayName"]);
+    var watchQueryOptions = tslib.__assign({ query: query }, otherOptions);
+    if (defaultOptions) {
+        watchQueryOptions = core.mergeOptions(defaultOptions, watchQueryOptions);
+    }
     if (skip) {
         watchQueryOptions.fetchPolicy = 'standby';
     }
@@ -232,7 +236,10 @@ function createWatchQueryOptions(query, options) {
     else if (!watchQueryOptions.fetchPolicy) {
         watchQueryOptions.fetchPolicy = 'cache-first';
     }
-    return tslib.__assign({ query: query }, watchQueryOptions);
+    if (!watchQueryOptions.variables) {
+        watchQueryOptions.variables = {};
+    }
+    return watchQueryOptions;
 }
 
 var EAGER_METHODS = [
@@ -245,36 +252,16 @@ var EAGER_METHODS = [
 function useLazyQuery(query, options) {
     var _a = react.useState({
         called: false,
-        resolves: [],
     }), execution = _a[0], setExecution = _a[1];
-    var execute = react.useCallback(function (executeOptions) {
-        var resolve;
-        var promise = new Promise(function (resolve1) { return (resolve = resolve1); });
-        setExecution(function (execution) {
-            if (execution.called) {
-                result && result.refetch(executeOptions === null || executeOptions === void 0 ? void 0 : executeOptions.variables);
-            }
-            return {
-                called: true,
-                resolves: tslib.__spreadArray(tslib.__spreadArray([], execution.resolves, true), [resolve], false),
-                options: executeOptions,
-            };
-        });
-        return promise;
-    }, []);
     var result = useQuery(query, tslib.__assign(tslib.__assign(tslib.__assign({}, options), execution.options), { fetchPolicy: execution.called ? options === null || options === void 0 ? void 0 : options.fetchPolicy : 'standby', skip: undefined }));
-    react.useEffect(function () {
-        var resolves = execution.resolves;
-        if (!result.loading && resolves.length) {
-            setExecution(function (execution) { return (tslib.__assign(tslib.__assign({}, execution), { resolves: [] })); });
-            resolves.forEach(function (resolve) { return resolve(result); });
-        }
-    }, [result, execution]);
     if (!execution.called) {
         result = tslib.__assign(tslib.__assign({}, result), { loading: false, data: void 0, error: void 0, called: false });
+    }
+    var eagerMethods = react.useMemo(function () {
+        var eagerMethods = {};
         var _loop_1 = function (key) {
             var method = result[key];
-            result[key] = function () {
+            eagerMethods[key] = function () {
                 var args = [];
                 for (var _i = 0; _i < arguments.length; _i++) {
                     args[_i] = arguments[_i];
@@ -287,7 +274,20 @@ function useLazyQuery(query, options) {
             var key = EAGER_METHODS_1[_i];
             _loop_1(key);
         }
-    }
+        return eagerMethods;
+    }, []);
+    result.error = result.error || void 0;
+    Object.assign(result, eagerMethods);
+    var execute = react.useCallback(function (executeOptions) {
+        setExecution({ called: true, options: executeOptions });
+        var promise = result.refetch(executeOptions === null || executeOptions === void 0 ? void 0 : executeOptions.variables).then(function (result1) {
+            var result2 = tslib.__assign(tslib.__assign({}, result), { data: result1.data, error: result1.error, called: true, loading: false });
+            Object.assign(result2, eagerMethods);
+            return result2;
+        });
+        promise.catch(function () { });
+        return promise;
+    }, []);
     return [execute, result];
 }
 
@@ -303,82 +303,73 @@ function useMutation(mutation, options) {
         result: result,
         mutationId: 0,
         isMounted: true,
-        execute: null,
         client: client,
         mutation: mutation,
         options: options,
     });
-    var execute = react.useMemo(function () {
-        if (ref.current.execute != null &&
-            ref.current.client === client &&
-            equality.equal(options, ref.current.options) &&
-            equality.equal(mutation, ref.current.mutation)) {
-            return ref.current.execute;
+    {
+        Object.assign(ref.current, { client: client, options: options, mutation: mutation });
+    }
+    var execute = react.useCallback(function (executeOptions) {
+        if (executeOptions === void 0) { executeOptions = {}; }
+        var _a = ref.current, client = _a.client, options = _a.options, mutation = _a.mutation;
+        var baseOptions = tslib.__assign(tslib.__assign({}, options), { mutation: mutation });
+        if (!ref.current.result.loading && !baseOptions.ignoreResults) {
+            setResult(ref.current.result = {
+                loading: true,
+                error: void 0,
+                data: void 0,
+                called: true,
+                client: client,
+            });
         }
-        ref.current.client = client;
-        ref.current.options = options;
-        ref.current.mutation = mutation;
-        ref.current.execute = function (executeOptions) {
-            if (executeOptions === void 0) { executeOptions = {}; }
-            var baseOptions = tslib.__assign(tslib.__assign({}, options), { mutation: mutation });
-            if (!ref.current.result.loading && !baseOptions.ignoreResults) {
-                setResult(ref.current.result = {
-                    loading: true,
-                    error: void 0,
-                    data: void 0,
+        var mutationId = ++ref.current.mutationId;
+        var clientOptions = core.mergeOptions(baseOptions, executeOptions);
+        return client.mutate(clientOptions).then(function (response) {
+            var _a, _b;
+            var data = response.data, errors$1 = response.errors;
+            var error = errors$1 && errors$1.length > 0
+                ? new errors.ApolloError({ graphQLErrors: errors$1 })
+                : void 0;
+            if (mutationId === ref.current.mutationId &&
+                !clientOptions.ignoreResults) {
+                var result_1 = {
                     called: true,
+                    loading: false,
+                    data: data,
+                    error: error,
                     client: client,
-                });
-            }
-            var mutationId = ++ref.current.mutationId;
-            var clientOptions = core.mergeOptions(baseOptions, executeOptions);
-            return client.mutate(clientOptions).then(function (response) {
-                var _a, _b;
-                var data = response.data, errors$1 = response.errors;
-                var error = errors$1 && errors$1.length > 0
-                    ? new errors.ApolloError({ graphQLErrors: errors$1 })
-                    : void 0;
-                if (mutationId === ref.current.mutationId &&
-                    !clientOptions.ignoreResults) {
-                    var result_1 = {
-                        called: true,
-                        loading: false,
-                        data: data,
-                        error: error,
-                        client: client,
-                    };
-                    if (ref.current.isMounted && !equality.equal(ref.current.result, result_1)) {
-                        setResult(ref.current.result = result_1);
-                    }
-                }
-                (_a = baseOptions.onCompleted) === null || _a === void 0 ? void 0 : _a.call(baseOptions, response.data);
-                (_b = executeOptions.onCompleted) === null || _b === void 0 ? void 0 : _b.call(executeOptions, response.data);
-                return response;
-            }).catch(function (error) {
-                var _a, _b;
-                if (mutationId === ref.current.mutationId &&
-                    ref.current.isMounted) {
-                    var result_2 = {
-                        loading: false,
-                        error: error,
-                        data: void 0,
-                        called: true,
-                        client: client,
-                    };
-                    if (!equality.equal(ref.current.result, result_2)) {
-                        setResult(ref.current.result = result_2);
-                    }
+                };
+                if (ref.current.isMounted && !equality.equal(ref.current.result, result_1)) {
+                    setResult(ref.current.result = result_1);
                 }
-                if (baseOptions.onError || clientOptions.onError) {
-                    (_a = baseOptions.onError) === null || _a === void 0 ? void 0 : _a.call(baseOptions, error);
-                    (_b = executeOptions.onError) === null || _b === void 0 ? void 0 : _b.call(executeOptions, error);
-                    return { data: void 0, errors: error };
+            }
+            (_a = baseOptions.onCompleted) === null || _a === void 0 ? void 0 : _a.call(baseOptions, response.data);
+            (_b = executeOptions.onCompleted) === null || _b === void 0 ? void 0 : _b.call(executeOptions, response.data);
+            return response;
+        }).catch(function (error) {
+            var _a, _b;
+            if (mutationId === ref.current.mutationId &&
+                ref.current.isMounted) {
+                var result_2 = {
+                    loading: false,
+                    error: error,
+                    data: void 0,
+                    called: true,
+                    client: client,
+                };
+                if (!equality.equal(ref.current.result, result_2)) {
+                    setResult(ref.current.result = result_2);
                 }
-                throw error;
-            });
-        };
-        return ref.current.execute;
-    }, [client, mutation, options]);
+            }
+            if (baseOptions.onError || clientOptions.onError) {
+                (_a = baseOptions.onError) === null || _a === void 0 ? void 0 : _a.call(baseOptions, error);
+                (_b = executeOptions.onError) === null || _b === void 0 ? void 0 : _b.call(executeOptions, error);
+                return { data: void 0, errors: error };
+            }
+            throw error;
+        });
+    }, []);
     var reset = react.useCallback(function () {
         setResult({ called: false, loading: false, client: client });
     }, []);
@@ -415,14 +406,16 @@ function useSubscription(subscription, options) {
         if (typeof shouldResubscribe === 'function') {
             shouldResubscribe = !!shouldResubscribe(options);
         }
-        if ((options === null || options === void 0 ? void 0 : options.skip) && !(options === null || options === void 0 ? void 0 : options.skip) !== !((_a = ref.current.options) === null || _a === void 0 ? void 0 : _a.skip)) {
-            setResult({
-                loading: false,
-                data: void 0,
-                error: void 0,
-                variables: options === null || options === void 0 ? void 0 : options.variables,
-            });
-            setObservable(null);
+        if (options === null || options === void 0 ? void 0 : options.skip) {
+            if (!(options === null || options === void 0 ? void 0 : options.skip) !== !((_a = ref.current.options) === null || _a === void 0 ? void 0 : _a.skip)) {
+                setResult({
+                    loading: false,
+                    data: void 0,
+                    error: void 0,
+                    variables: options === null || options === void 0 ? void 0 : options.variables,
+                });
+                setObservable(null);
+            }
         }
         else if (shouldResubscribe !== false && (client !== ref.current.client ||
             subscription !== ref.current.subscription ||