@apollo/client 3.12.10 → 3.13.0-rc.0

package/react/hooks/hooks.cjs

@@ -29,6 +29,7 @@ function _interopNamespace(e) {
 }
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var equal__default = /*#__PURE__*/_interopDefaultLegacy(equal);
 
 function useApolloClient(override) {
@@ -602,10 +603,10 @@ function useMutation(mutation, options) {
                 onCompleted === null || onCompleted === void 0 ? void 0 : onCompleted(response.data, clientOptions);
             }
             return response;
-        })
-            .catch(function (error) {
+        }, function (error) {
             var _a;
-            if (mutationId === ref.current.mutationId && ref.current.isMounted) {
+            if (mutationId === ref.current.mutationId &&
+                ref.current.isMounted) {
                 var result_2 = {
                     loading: false,
                     error: error,
@@ -949,7 +950,8 @@ function useSuspenseQuery_(query, options) {
         setPromise([queryRef.key, queryRef.promise]);
         return promise;
     }, [queryRef]);
-    var subscribeToMore = queryRef.observable.subscribeToMore;
+    var subscribeToMore = queryRef.observable
+        .subscribeToMore;
     return React__namespace.useMemo(function () {
         return {
             client: client,
@@ -1061,11 +1063,52 @@ function useBackgroundQuery_(query, options) {
         {
             fetchMore: fetchMore,
             refetch: refetch,
-            subscribeToMore: queryRef.observable.subscribeToMore,
+            subscribeToMore: queryRef.observable
+                .subscribeToMore,
         },
     ];
 }
 
+var NULL_PLACEHOLDER = [];
+function useSuspenseFragment(options) {
+    return wrapHook("useSuspenseFragment",
+    useSuspenseFragment_, useApolloClient(typeof options === "object" ? options.client : undefined))(options);
+}
+function useSuspenseFragment_(options) {
+    var client = useApolloClient(options.client);
+    var from = options.from;
+    var cache$1 = client.cache;
+    var id = React.useMemo(function () {
+        return typeof from === "string" ? from
+            : from === null ? null
+                : cache$1.identify(from);
+    }, [cache$1, from]);
+    var fragmentRef = id === null ? null : (internal.getSuspenseCache(client).getFragmentRef([id, options.fragment, cache.canonicalStringify(options.variables)], client, tslib.__assign(tslib.__assign({}, options), { from: id })));
+    var _a = React__default.useState(fragmentRef === null ? NULL_PLACEHOLDER : ([fragmentRef.key, fragmentRef.promise])), current = _a[0], setPromise = _a[1];
+    React__default.useEffect(function () {
+        if (fragmentRef === null) {
+            return;
+        }
+        var dispose = fragmentRef.retain();
+        var removeListener = fragmentRef.listen(function (promise) {
+            setPromise([fragmentRef.key, promise]);
+        });
+        return function () {
+            dispose();
+            removeListener();
+        };
+    }, [fragmentRef]);
+    if (fragmentRef === null) {
+        return { data: null };
+    }
+    if (current[0] !== fragmentRef.key) {
+        current[0] = fragmentRef.key;
+        current[1] = fragmentRef.promise;
+    }
+    var data = __use(current[1]);
+    return { data: data };
+}
+
 function useLoadableQuery(query, options) {
     if (options === void 0) { options = Object.create(null); }
     var client = useApolloClient(options.client);
@@ -1121,7 +1164,8 @@ function useLoadableQuery(query, options) {
     ]);
     var subscribeToMore = React__namespace.useCallback(function (options) {
         globals.invariant(internalQueryRef, 60);
-        return internalQueryRef.observable.subscribeToMore(options);
+        return internalQueryRef.observable.subscribeToMore(
+        options);
     }, [internalQueryRef]);
     var reset = React__namespace.useCallback(function () {
         setQueryRef(null);
@@ -1162,7 +1206,8 @@ function useQueryRefHandlers_(queryRef) {
     return {
         refetch: refetch,
         fetchMore: fetchMore,
-        subscribeToMore: internalQueryRef.observable.subscribeToMore,
+        subscribeToMore: internalQueryRef.observable
+            .subscribeToMore,
     };
 }
 
@@ -1211,5 +1256,6 @@ exports.useQueryRefHandlers = useQueryRefHandlers;
 exports.useReactiveVar = useReactiveVar;
 exports.useReadQuery = useReadQuery;
 exports.useSubscription = useSubscription;
+exports.useSuspenseFragment = useSuspenseFragment;
 exports.useSuspenseQuery = useSuspenseQuery;
 //# sourceMappingURL=hooks.cjs.map