@scm-manager/ui-api 2.43.1 → 2.43.2-20230419-125637

package/build/index.d.ts

@@ -727,6 +727,11 @@ declare type UseIncomingChangesetsRequest = {
 declare const useIncomingChangesets: (repository: Repository, source: string, target: string, request?: UseIncomingChangesetsRequest) => ApiResultWithFetching<ChangesetCollection>;
 
 declare const createQueryString: (params: Record<string, string>) => string;
+declare type CancelablePromise<T> = Promise<T> & {
+    cancel: () => void;
+};
+declare function makeCancelable<T>(promise: Promise<T>): CancelablePromise<T>;
+declare function useCancellablePromise(): <T>(p: Promise<T>) => CancelablePromise<T>;
 
 declare const requiredLink: (object: HalRepresentation, name: string, subName?: string) => string;
 declare const objectLink: (object: HalRepresentation, name: string) => string | null;
@@ -769,4 +774,4 @@ declare const RepositoryRevisionContextProvider: FC<{
     revision?: string;
 }>;
 
-export { AdditionalMessage, ApiProvider, Props as ApiProviderProps, ApiResult, ApiResultWithFetching, BackendError, BackendErrorContent, BadGatewayError, BaseContext, CONTENT_TYPE_PUBLIC_KEY, ConflictError, ConvertToInternalRequest, DeleteFunction, ForbiddenError, LegacyContext, LegacyContextProvider, MissingLinkError, NamespaceAndNameContext, NamespaceAndNameContextProvider, NotFoundError, RepositoryContextProvider, RepositoryRevisionContextProvider, SearchOptions, TOKEN_EXPIRED_ERROR_CODE, TokenExpiredError, UnauthorizedError, UseAvailablePluginsOptions, UseDeleteRepositoryOptions, UseGroupsRequest, UseHistoryRequest, UseInstalledPluginsOptions, UseRepositoriesRequest, UseRepositoryRolesRequest, UseSourcesOptions, UseUsersRequest, Violation, apiClient, changesetQueryKey, clearCache, createBackendError, createChangesetUrl, createDiffUrl, createQueryString, createUrl, createUrlWithIdentifiers, extractXsrfTokenFromCookie, fetchResourceFromLocationHeader, getResponseJson, isBackendError, objectLink, requiredLink, urls, useAlerts, useAnnotations, useApiKeys, useArchiveRepository, useAvailableGlobalPermissions, useAvailablePermissions, useAvailablePlugins, useBranch, useBranchDetails, useBranchDetailsCollection, useBranches, useCancelPendingPlugins, useChangeUserPassword, useChangeset, useChangesets, useClearNotifications, useConfig, useConfigLink, useContentType, useConvertToExternal, useConvertToInternal, useCreateApiKey, useCreateBranch, useCreateGroup, useCreatePermission, useCreatePublicKey, useCreateRepository, useCreateRepositoryRole, useCreateTag, useCreateUser, useDefaultBranch, useDeleteApiKey, useDeleteBranch, useDeleteGroup, useDeletePermission, useDeletePublicKey, useDeleteRepository, useDeleteRepositoryRole, useDeleteTag, useDeleteUser, useDiff, useDismissNotification, useExecutePendingPlugins, useExportInfo, useExportRepository, useFileContent, useGroup, useGroupPermissions, useGroupSuggestions, useGroups, useHistory, useImportFullRepository, useImportLog, useImportRepositoryFromBundle, useImportRepositoryFromUrl, useIncomingChangesets, useIndex, useIndexJsonResource, useIndexLink, useIndexLinks, useInstallPlugin, useInstalledPlugins, useJsonResource, useLegacyContext, useLogin, useLoginInfo, useLogout, useMe, useNamespace, useNamespaceAndNameContext, useNamespaceStrategies, useNamespaceSuggestions, useNamespaces, useNotificationSubscription, useNotifications, useOmniSearch, usePaths, usePendingPlugins, usePermissions, usePluginCenterAuthInfo, usePluginCenterLogout, usePublicKeys, useReindexRepository, useRenameRepository, useRepositories, useRepository, useRepositoryContext, useRepositoryRevisionContext, useRepositoryRole, useRepositoryRoles, useRepositoryTypes, useRepositoryVerbs, useRequiredIndexLink, useRequiredMe, useRunHealthCheck, useSearch, useSearchCounts, useSearchHelpContent, useSearchSyntaxContent, useSearchTypes, useSearchableTypes, useSetGroupPermissions, useSetUserPassword, useSetUserPermissions, useSources, useSubject, useSuggestions, useTag, useTags, useUnarchiveRepository, useUninstallPlugin, useUpdateConfig, useUpdateGroup, useUpdateInfo, useUpdatePermission, useUpdatePlugins, useUpdateRepository, useUpdateRepositoryRole, useUpdateUser, useUser, useUserPermissionOverview, useUserPermissions, useUserSuggestions, useUsers, useVersion, waitForRestartAfter };
+export { AdditionalMessage, ApiProvider, Props as ApiProviderProps, ApiResult, ApiResultWithFetching, BackendError, BackendErrorContent, BadGatewayError, BaseContext, CONTENT_TYPE_PUBLIC_KEY, CancelablePromise, ConflictError, ConvertToInternalRequest, DeleteFunction, ForbiddenError, LegacyContext, LegacyContextProvider, MissingLinkError, NamespaceAndNameContext, NamespaceAndNameContextProvider, NotFoundError, RepositoryContextProvider, RepositoryRevisionContextProvider, SearchOptions, TOKEN_EXPIRED_ERROR_CODE, TokenExpiredError, UnauthorizedError, UseAvailablePluginsOptions, UseDeleteRepositoryOptions, UseGroupsRequest, UseHistoryRequest, UseInstalledPluginsOptions, UseRepositoriesRequest, UseRepositoryRolesRequest, UseSourcesOptions, UseUsersRequest, Violation, apiClient, changesetQueryKey, clearCache, createBackendError, createChangesetUrl, createDiffUrl, createQueryString, createUrl, createUrlWithIdentifiers, extractXsrfTokenFromCookie, fetchResourceFromLocationHeader, getResponseJson, isBackendError, makeCancelable, objectLink, requiredLink, urls, useAlerts, useAnnotations, useApiKeys, useArchiveRepository, useAvailableGlobalPermissions, useAvailablePermissions, useAvailablePlugins, useBranch, useBranchDetails, useBranchDetailsCollection, useBranches, useCancelPendingPlugins, useCancellablePromise, useChangeUserPassword, useChangeset, useChangesets, useClearNotifications, useConfig, useConfigLink, useContentType, useConvertToExternal, useConvertToInternal, useCreateApiKey, useCreateBranch, useCreateGroup, useCreatePermission, useCreatePublicKey, useCreateRepository, useCreateRepositoryRole, useCreateTag, useCreateUser, useDefaultBranch, useDeleteApiKey, useDeleteBranch, useDeleteGroup, useDeletePermission, useDeletePublicKey, useDeleteRepository, useDeleteRepositoryRole, useDeleteTag, useDeleteUser, useDiff, useDismissNotification, useExecutePendingPlugins, useExportInfo, useExportRepository, useFileContent, useGroup, useGroupPermissions, useGroupSuggestions, useGroups, useHistory, useImportFullRepository, useImportLog, useImportRepositoryFromBundle, useImportRepositoryFromUrl, useIncomingChangesets, useIndex, useIndexJsonResource, useIndexLink, useIndexLinks, useInstallPlugin, useInstalledPlugins, useJsonResource, useLegacyContext, useLogin, useLoginInfo, useLogout, useMe, useNamespace, useNamespaceAndNameContext, useNamespaceStrategies, useNamespaceSuggestions, useNamespaces, useNotificationSubscription, useNotifications, useOmniSearch, usePaths, usePendingPlugins, usePermissions, usePluginCenterAuthInfo, usePluginCenterLogout, usePublicKeys, useReindexRepository, useRenameRepository, useRepositories, useRepository, useRepositoryContext, useRepositoryRevisionContext, useRepositoryRole, useRepositoryRoles, useRepositoryTypes, useRepositoryVerbs, useRequiredIndexLink, useRequiredMe, useRunHealthCheck, useSearch, useSearchCounts, useSearchHelpContent, useSearchSyntaxContent, useSearchTypes, useSearchableTypes, useSetGroupPermissions, useSetUserPassword, useSetUserPermissions, useSources, useSubject, useSuggestions, useTag, useTags, useUnarchiveRepository, useUninstallPlugin, useUpdateConfig, useUpdateGroup, useUpdateInfo, useUpdatePermission, useUpdatePlugins, useUpdateRepository, useUpdateRepositoryRole, useUpdateUser, useUser, useUserPermissionOverview, useUserPermissions, useUserSuggestions, useUsers, useVersion, waitForRestartAfter };

package/build/index.js

@@ -54,6 +54,7 @@ __export(src_exports, {
   fetchResourceFromLocationHeader: () => fetchResourceFromLocationHeader,
   getResponseJson: () => getResponseJson,
   isBackendError: () => isBackendError,
+  makeCancelable: () => makeCancelable,
   objectLink: () => objectLink,
   requiredLink: () => requiredLink,
   urls: () => urls_exports,
@@ -69,6 +70,7 @@ __export(src_exports, {
   useBranchDetailsCollection: () => useBranchDetailsCollection,
   useBranches: () => useBranches,
   useCancelPendingPlugins: () => useCancelPendingPlugins,
+  useCancellablePromise: () => useCancellablePromise,
   useChangeUserPassword: () => useChangeUserPassword,
   useChangeset: () => useChangeset,
   useChangesets: () => useChangesets,
@@ -787,9 +789,38 @@ var useLogout = () => {
 var import_react_query5 = require("react-query");
 
 // src/utils.ts
+var import_react3 = require("react");
 var createQueryString = (params) => {
   return Object.keys(params).map((k) => encodeURIComponent(k) + "=" + encodeURIComponent(params[k])).join("&");
 };
+function makeCancelable(promise) {
+  let isCanceled = false;
+  const wrappedPromise = new Promise((resolve, reject) => {
+    promise.then((val) => isCanceled ? reject({ isCanceled }) : resolve(val)).catch((error) => isCanceled ? reject({ isCanceled }) : reject(error));
+  });
+  return Object.assign(wrappedPromise, {
+    cancel() {
+      isCanceled = true;
+    }
+  });
+}
+function useCancellablePromise() {
+  const promises = (0, import_react3.useRef)();
+  (0, import_react3.useEffect)(() => {
+    promises.current = promises.current || [];
+    return function cancel() {
+      var _a;
+      (_a = promises.current) == null ? void 0 : _a.forEach((p) => p.cancel());
+      promises.current = [];
+    };
+  }, []);
+  return (0, import_react3.useCallback)((p) => {
+    var _a;
+    const cPromise = makeCancelable(p);
+    (_a = promises.current) == null ? void 0 : _a.push(cPromise);
+    return cPromise;
+  }, []);
+}
 
 // src/groups.ts
 var useGroups = (request) => {
@@ -1139,7 +1170,7 @@ var branchQueryKey = (repository, branch, ...values) => {
 };
 
 // src/repositories.ts
-var import_react3 = require("react");
+var import_react4 = require("react");
 var useRepositories = (request) => {
   var _a, _b, _c;
   const queryClient2 = (0, import_react_query7.useQueryClient)();
@@ -1341,8 +1372,8 @@ var useExportInfo = (repository) => {
 var EXPORT_MEDIA_TYPE = "application/vnd.scmm-repositoryExport+json;v=2";
 var useExportRepository = () => {
   const queryClient2 = (0, import_react_query7.useQueryClient)();
-  const [intervalId, setIntervalId] = (0, import_react3.useState)();
-  (0, import_react3.useEffect)(() => {
+  const [intervalId, setIntervalId] = (0, import_react4.useState)();
+  (0, import_react4.useEffect)(() => {
     return () => {
       if (intervalId) {
         clearInterval(intervalId);
@@ -1452,7 +1483,7 @@ var useNamespaceStrategies = () => {
 
 // src/branches.ts
 var import_react_query9 = require("react-query");
-var import_react4 = require("react");
+var import_react5 = require("react");
 var useBranches = (repository) => {
   const queryClient2 = (0, import_react_query9.useQueryClient)();
   const link = requiredLink(repository, "branches");
@@ -1524,7 +1555,7 @@ var useBranchDetailsCollection = (repository, branches) => {
       }
     }
   );
-  (0, import_react4.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     fetchNextPage();
   }, [data, fetchNextPage]);
   return {
@@ -2183,7 +2214,7 @@ var useSetGroupPermissions = (group, permissions) => useSetEntityPermissions(per
 
 // src/sources.ts
 var import_react_query17 = require("react-query");
-var import_react5 = require("react");
+var import_react6 = require("react");
 var UseSourcesDefaultOptions = {
   enabled: true,
   refetchPartialInterval: 3e3,
@@ -2209,7 +2240,7 @@ var useSources = (repository, opts = UseSourcesDefaultOptions) => {
     }
   );
   const file = merge(data == null ? void 0 : data.pages);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     const intervalId = setInterval(() => {
       if (isPartial(file)) {
         refetch({
@@ -2393,7 +2424,7 @@ var merge2 = (diffs) => {
 
 // src/notifications.ts
 var import_react_query20 = require("react-query");
-var import_react6 = require("react");
+var import_react7 = require("react");
 var useNotifications = () => {
   var _a;
   const { data: me } = useMe();
@@ -2405,7 +2436,7 @@ var useNotifications = () => {
       enabled: !!link
     }
   );
-  const memoizedRefetch = (0, import_react6.useCallback)(() => {
+  const memoizedRefetch = (0, import_react7.useCallback)(() => {
     return refetch().then((r) => r.data);
   }, [refetch]);
   return {
@@ -2450,34 +2481,42 @@ var isEqual = (left, right) => {
 };
 var useNotificationSubscription = (refetch, notificationCollection) => {
   var _a;
-  const [notifications, setNotifications] = (0, import_react6.useState)([]);
-  const [disconnectedAt, setDisconnectedAt] = (0, import_react6.useState)();
+  const [notifications, setNotifications] = (0, import_react7.useState)([]);
+  const [disconnectedAt, setDisconnectedAt] = (0, import_react7.useState)();
   const link = (_a = notificationCollection == null ? void 0 : notificationCollection._links.subscribe) == null ? void 0 : _a.href;
-  const onVisible = (0, import_react6.useCallback)(() => {
-    refetch().then((collection) => {
-      var _a2;
-      if (collection) {
-        const newNotifications = (_a2 = collection._embedded) == null ? void 0 : _a2.notifications.filter((n) => {
-          return disconnectedAt && disconnectedAt < new Date(n.createdAt);
-        });
-        if (newNotifications && newNotifications.length > 0) {
-          setNotifications((previous) => [...previous, ...newNotifications]);
+  const cancelOnUnmount = useCancellablePromise();
+  const onVisible = (0, import_react7.useCallback)(() => {
+    cancelOnUnmount(refetch()).then(
+      (collection) => {
+        var _a2;
+        if (collection) {
+          const newNotifications = (_a2 = collection._embedded) == null ? void 0 : _a2.notifications.filter((n) => {
+            return disconnectedAt && disconnectedAt < new Date(n.createdAt);
+          });
+          if (newNotifications && newNotifications.length > 0) {
+            setNotifications((previous) => [...previous, ...newNotifications]);
+          }
+          setDisconnectedAt(void 0);
+        }
+      },
+      (reason) => {
+        if (!reason.isCanceled) {
+          throw reason;
         }
-        setDisconnectedAt(void 0);
       }
-    });
-  }, [disconnectedAt, refetch]);
-  const onHide = (0, import_react6.useCallback)(() => {
+    );
+  }, [cancelOnUnmount, disconnectedAt, refetch]);
+  const onHide = (0, import_react7.useCallback)(() => {
     setDisconnectedAt(new Date());
   }, []);
-  const received = (0, import_react6.useCallback)(
+  const received = (0, import_react7.useCallback)(
     (notification) => {
       setNotifications((previous) => [...previous, notification]);
       refetch();
     },
     [refetch]
   );
-  (0, import_react6.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     if (link) {
       let cancel;
       const disconnect = () => {
@@ -2510,13 +2549,13 @@ var useNotificationSubscription = (refetch, notificationCollection) => {
       };
     }
   }, [link, onVisible, onHide, received]);
-  const remove = (0, import_react6.useCallback)(
+  const remove = (0, import_react7.useCallback)(
     (notification) => {
       setNotifications((oldNotifications) => [...oldNotifications.filter((n) => !isEqual(n, notification))]);
     },
     [setNotifications]
   );
-  const clear = (0, import_react6.useCallback)(() => {
+  const clear = (0, import_react7.useCallback)(() => {
     setNotifications([]);
   }, [setNotifications]);
   return {
@@ -2591,7 +2630,7 @@ var useAlerts = () => {
 
 // src/configLink.ts
 var import_react_query22 = require("react-query");
-var import_react7 = require("react");
+var import_react8 = require("react");
 var useConfigLink = (link) => {
   const queryClient2 = (0, import_react_query22.useQueryClient)();
   const queryKey = ["configLink", link];
@@ -2616,7 +2655,7 @@ var useConfigLink = (link) => {
     }
   );
   const isReadOnly = !(data == null ? void 0 : data.configuration._links.update);
-  const update = (0, import_react7.useCallback)(
+  const update = (0, import_react8.useCallback)(
     (configuration) => {
       if (data && !isReadOnly) {
         return mutateAsync({
@@ -2814,7 +2853,7 @@ var useAnnotations = (repository, revision, file) => {
 
 // src/search.ts
 var import_react_query29 = require("react-query");
-var import_react8 = require("react");
+var import_react9 = require("react");
 
 // src/help/search/syntax.en.ts
 var syntax_en_default = `### Modifiers
@@ -3170,10 +3209,10 @@ var useInternalSearch = (query, options, link) => {
   );
 };
 var useObserveAsync = (fn, deps) => {
-  const [data, setData] = (0, import_react8.useState)();
-  const [isLoading, setLoading] = (0, import_react8.useState)(false);
-  const [error, setError] = (0, import_react8.useState)();
-  (0, import_react8.useEffect)(
+  const [data, setData] = (0, import_react9.useState)();
+  const [isLoading, setLoading] = (0, import_react9.useState)(false);
+  const [error, setError] = (0, import_react9.useState)();
+  (0, import_react9.useEffect)(
     () => {
       setLoading(true);
       fn(...deps).then(setData).catch(setError).finally(() => setLoading(false));
@@ -3323,7 +3362,7 @@ var useIncomingChangesets = (repository, source, target, request) => {
 };
 
 // src/ApiProvider.tsx
-var import_react9 = __toESM(require("react"));
+var import_react10 = __toESM(require("react"));
 var import_react_query33 = require("react-query");
 var import_devtools = require("react-query/devtools");
 var queryClient = new import_react_query33.QueryClient({
@@ -3334,7 +3373,7 @@ var queryClient = new import_react_query33.QueryClient({
   }
 });
 var ApiProvider = ({ children, index, me, onMeFetched, onIndexFetched, devtools = true }) => {
-  (0, import_react9.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     if (index) {
       queryClient.setQueryData("index", index);
       if (onIndexFetched) {
@@ -3342,7 +3381,7 @@ var ApiProvider = ({ children, index, me, onMeFetched, onIndexFetched, devtools
       }
     }
   }, [index, onIndexFetched]);
-  (0, import_react9.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     if (me) {
       queryClient.setQueryData("me", me);
       if (onMeFetched) {
@@ -3350,12 +3389,12 @@ var ApiProvider = ({ children, index, me, onMeFetched, onIndexFetched, devtools
       }
     }
   }, [me, onMeFetched]);
-  return /* @__PURE__ */ import_react9.default.createElement(import_react_query33.QueryClientProvider, {
+  return /* @__PURE__ */ import_react10.default.createElement(import_react_query33.QueryClientProvider, {
     client: queryClient
-  }, /* @__PURE__ */ import_react9.default.createElement(LegacyContextProvider, {
+  }, /* @__PURE__ */ import_react10.default.createElement(LegacyContextProvider, {
     onIndexFetched,
     onMeFetched
-  }, children), devtools ? /* @__PURE__ */ import_react9.default.createElement(import_devtools.ReactQueryDevtools, {
+  }, children), devtools ? /* @__PURE__ */ import_react10.default.createElement(import_devtools.ReactQueryDevtools, {
     initialIsOpen: false
   }) : null);
 };
@@ -3365,36 +3404,36 @@ var clearCache = () => {
 var ApiProvider_default = ApiProvider;
 
 // src/NamespaceAndNameContext.tsx
-var import_react10 = __toESM(require("react"));
-var Context2 = (0, import_react10.createContext)(void 0);
+var import_react11 = __toESM(require("react"));
+var Context2 = (0, import_react11.createContext)(void 0);
 var useNamespaceAndNameContext = () => {
-  const context = (0, import_react10.useContext)(Context2);
+  const context = (0, import_react11.useContext)(Context2);
   if (!context) {
     throw new Error("useNamespaceAndNameContext can't be used outside of ApiProvider");
   }
   return context;
 };
 var NamespaceAndNameContextProvider = ({ children }) => {
-  const [namespace, setNamespace] = (0, import_react10.useState)("");
-  const [name, setName] = (0, import_react10.useState)("");
-  return /* @__PURE__ */ import_react10.default.createElement(Context2.Provider, {
+  const [namespace, setNamespace] = (0, import_react11.useState)("");
+  const [name, setName] = (0, import_react11.useState)("");
+  return /* @__PURE__ */ import_react11.default.createElement(Context2.Provider, {
     value: { namespace, setNamespace, name, setName }
   }, children);
 };
 
 // src/RepositoryContext.tsx
-var import_react11 = __toESM(require("react"));
-var Context3 = (0, import_react11.createContext)(void 0);
-var useRepositoryContext = () => (0, import_react11.useContext)(Context3);
-var RepositoryContextProvider = ({ repository, children }) => /* @__PURE__ */ import_react11.default.createElement(Context3.Provider, {
+var import_react12 = __toESM(require("react"));
+var Context3 = (0, import_react12.createContext)(void 0);
+var useRepositoryContext = () => (0, import_react12.useContext)(Context3);
+var RepositoryContextProvider = ({ repository, children }) => /* @__PURE__ */ import_react12.default.createElement(Context3.Provider, {
   value: repository
 }, children);
 
 // src/RepositoryRevisionContext.tsx
-var import_react12 = __toESM(require("react"));
-var Context4 = (0, import_react12.createContext)(void 0);
-var useRepositoryRevisionContext = () => (0, import_react12.useContext)(Context4);
-var RepositoryRevisionContextProvider = ({ revision, children }) => /* @__PURE__ */ import_react12.default.createElement(Context4.Provider, {
+var import_react13 = __toESM(require("react"));
+var Context4 = (0, import_react13.createContext)(void 0);
+var useRepositoryRevisionContext = () => (0, import_react13.useContext)(Context4);
+var RepositoryRevisionContextProvider = ({ revision, children }) => /* @__PURE__ */ import_react13.default.createElement(Context4.Provider, {
   value: revision
 }, children);
 // Annotate the CommonJS export names for ESM import in node:
@@ -3427,6 +3466,7 @@ var RepositoryRevisionContextProvider = ({ revision, children }) => /* @__PURE__
   fetchResourceFromLocationHeader,
   getResponseJson,
   isBackendError,
+  makeCancelable,
   objectLink,
   requiredLink,
   urls,
@@ -3442,6 +3482,7 @@ var RepositoryRevisionContextProvider = ({ revision, children }) => /* @__PURE__
   useBranchDetailsCollection,
   useBranches,
   useCancelPendingPlugins,
+  useCancellablePromise,
   useChangeUserPassword,
   useChangeset,
   useChangesets,

package/build/index.mjs

@@ -605,9 +605,38 @@ var useLogout = () => {
 import { useMutation as useMutation2, useQuery as useQuery3, useQueryClient as useQueryClient3 } from "react-query";
 
 // src/utils.ts
+import { useCallback as useCallback2, useEffect, useRef } from "react";
 var createQueryString = (params) => {
   return Object.keys(params).map((k) => encodeURIComponent(k) + "=" + encodeURIComponent(params[k])).join("&");
 };
+function makeCancelable(promise) {
+  let isCanceled = false;
+  const wrappedPromise = new Promise((resolve, reject) => {
+    promise.then((val) => isCanceled ? reject({ isCanceled }) : resolve(val)).catch((error) => isCanceled ? reject({ isCanceled }) : reject(error));
+  });
+  return Object.assign(wrappedPromise, {
+    cancel() {
+      isCanceled = true;
+    }
+  });
+}
+function useCancellablePromise() {
+  const promises = useRef();
+  useEffect(() => {
+    promises.current = promises.current || [];
+    return function cancel() {
+      var _a;
+      (_a = promises.current) == null ? void 0 : _a.forEach((p) => p.cancel());
+      promises.current = [];
+    };
+  }, []);
+  return useCallback2((p) => {
+    var _a;
+    const cPromise = makeCancelable(p);
+    (_a = promises.current) == null ? void 0 : _a.push(cPromise);
+    return cPromise;
+  }, []);
+}
 
 // src/groups.ts
 var useGroups = (request) => {
@@ -957,7 +986,7 @@ var branchQueryKey = (repository, branch, ...values) => {
 };
 
 // src/repositories.ts
-import { useEffect, useState } from "react";
+import { useEffect as useEffect2, useState } from "react";
 var useRepositories = (request) => {
   var _a, _b, _c;
   const queryClient2 = useQueryClient5();
@@ -1160,7 +1189,7 @@ var EXPORT_MEDIA_TYPE = "application/vnd.scmm-repositoryExport+json;v=2";
 var useExportRepository = () => {
   const queryClient2 = useQueryClient5();
   const [intervalId, setIntervalId] = useState();
-  useEffect(() => {
+  useEffect2(() => {
     return () => {
       if (intervalId) {
         clearInterval(intervalId);
@@ -1270,7 +1299,7 @@ var useNamespaceStrategies = () => {
 
 // src/branches.ts
 import { useInfiniteQuery, useMutation as useMutation5, useQuery as useQuery7, useQueryClient as useQueryClient6 } from "react-query";
-import { useEffect as useEffect2 } from "react";
+import { useEffect as useEffect3 } from "react";
 var useBranches = (repository) => {
   const queryClient2 = useQueryClient6();
   const link = requiredLink(repository, "branches");
@@ -1342,7 +1371,7 @@ var useBranchDetailsCollection = (repository, branches) => {
       }
     }
   );
-  useEffect2(() => {
+  useEffect3(() => {
     fetchNextPage();
   }, [data, fetchNextPage]);
   return {
@@ -2001,7 +2030,7 @@ var useSetGroupPermissions = (group, permissions) => useSetEntityPermissions(per
 
 // src/sources.ts
 import { useInfiniteQuery as useInfiniteQuery2 } from "react-query";
-import { useEffect as useEffect3 } from "react";
+import { useEffect as useEffect4 } from "react";
 var UseSourcesDefaultOptions = {
   enabled: true,
   refetchPartialInterval: 3e3,
@@ -2027,7 +2056,7 @@ var useSources = (repository, opts = UseSourcesDefaultOptions) => {
     }
   );
   const file = merge(data == null ? void 0 : data.pages);
-  useEffect3(() => {
+  useEffect4(() => {
     const intervalId = setInterval(() => {
       if (isPartial(file)) {
         refetch({
@@ -2211,7 +2240,7 @@ var merge2 = (diffs) => {
 
 // src/notifications.ts
 import { useMutation as useMutation12, useQuery as useQuery16, useQueryClient as useQueryClient13 } from "react-query";
-import { useCallback as useCallback2, useEffect as useEffect4, useState as useState2 } from "react";
+import { useCallback as useCallback3, useEffect as useEffect5, useState as useState2 } from "react";
 var useNotifications = () => {
   var _a;
   const { data: me } = useMe();
@@ -2223,7 +2252,7 @@ var useNotifications = () => {
       enabled: !!link
     }
   );
-  const memoizedRefetch = useCallback2(() => {
+  const memoizedRefetch = useCallback3(() => {
     return refetch().then((r) => r.data);
   }, [refetch]);
   return {
@@ -2271,31 +2300,39 @@ var useNotificationSubscription = (refetch, notificationCollection) => {
   const [notifications, setNotifications] = useState2([]);
   const [disconnectedAt, setDisconnectedAt] = useState2();
   const link = (_a = notificationCollection == null ? void 0 : notificationCollection._links.subscribe) == null ? void 0 : _a.href;
-  const onVisible = useCallback2(() => {
-    refetch().then((collection) => {
-      var _a2;
-      if (collection) {
-        const newNotifications = (_a2 = collection._embedded) == null ? void 0 : _a2.notifications.filter((n) => {
-          return disconnectedAt && disconnectedAt < new Date(n.createdAt);
-        });
-        if (newNotifications && newNotifications.length > 0) {
-          setNotifications((previous) => [...previous, ...newNotifications]);
+  const cancelOnUnmount = useCancellablePromise();
+  const onVisible = useCallback3(() => {
+    cancelOnUnmount(refetch()).then(
+      (collection) => {
+        var _a2;
+        if (collection) {
+          const newNotifications = (_a2 = collection._embedded) == null ? void 0 : _a2.notifications.filter((n) => {
+            return disconnectedAt && disconnectedAt < new Date(n.createdAt);
+          });
+          if (newNotifications && newNotifications.length > 0) {
+            setNotifications((previous) => [...previous, ...newNotifications]);
+          }
+          setDisconnectedAt(void 0);
+        }
+      },
+      (reason) => {
+        if (!reason.isCanceled) {
+          throw reason;
         }
-        setDisconnectedAt(void 0);
       }
-    });
-  }, [disconnectedAt, refetch]);
-  const onHide = useCallback2(() => {
+    );
+  }, [cancelOnUnmount, disconnectedAt, refetch]);
+  const onHide = useCallback3(() => {
     setDisconnectedAt(new Date());
   }, []);
-  const received = useCallback2(
+  const received = useCallback3(
     (notification) => {
       setNotifications((previous) => [...previous, notification]);
       refetch();
     },
     [refetch]
   );
-  useEffect4(() => {
+  useEffect5(() => {
     if (link) {
       let cancel;
       const disconnect = () => {
@@ -2328,13 +2365,13 @@ var useNotificationSubscription = (refetch, notificationCollection) => {
       };
     }
   }, [link, onVisible, onHide, received]);
-  const remove = useCallback2(
+  const remove = useCallback3(
     (notification) => {
       setNotifications((oldNotifications) => [...oldNotifications.filter((n) => !isEqual(n, notification))]);
     },
     [setNotifications]
   );
-  const clear = useCallback2(() => {
+  const clear = useCallback3(() => {
     setNotifications([]);
   }, [setNotifications]);
   return {
@@ -2409,7 +2446,7 @@ var useAlerts = () => {
 
 // src/configLink.ts
 import { useMutation as useMutation13, useQuery as useQuery18, useQueryClient as useQueryClient14 } from "react-query";
-import { useCallback as useCallback3 } from "react";
+import { useCallback as useCallback4 } from "react";
 var useConfigLink = (link) => {
   const queryClient2 = useQueryClient14();
   const queryKey = ["configLink", link];
@@ -2434,7 +2471,7 @@ var useConfigLink = (link) => {
     }
   );
   const isReadOnly = !(data == null ? void 0 : data.configuration._links.update);
-  const update = useCallback3(
+  const update = useCallback4(
     (configuration) => {
       if (data && !isReadOnly) {
         return mutateAsync({
@@ -2632,7 +2669,7 @@ var useAnnotations = (repository, revision, file) => {
 
 // src/search.ts
 import { useQueries, useQuery as useQuery25 } from "react-query";
-import { useEffect as useEffect5, useState as useState3 } from "react";
+import { useEffect as useEffect6, useState as useState3 } from "react";
 
 // src/help/search/syntax.en.ts
 var syntax_en_default = `### Modifiers
@@ -2991,7 +3028,7 @@ var useObserveAsync = (fn, deps) => {
   const [data, setData] = useState3();
   const [isLoading, setLoading] = useState3(false);
   const [error, setError] = useState3();
-  useEffect5(
+  useEffect6(
     () => {
       setLoading(true);
       fn(...deps).then(setData).catch(setError).finally(() => setLoading(false));
@@ -3141,7 +3178,7 @@ var useIncomingChangesets = (repository, source, target, request) => {
 };
 
 // src/ApiProvider.tsx
-import React2, { useEffect as useEffect6 } from "react";
+import React2, { useEffect as useEffect7 } from "react";
 import { QueryClient as QueryClient4, QueryClientProvider } from "react-query";
 import { ReactQueryDevtools } from "react-query/devtools";
 var queryClient = new QueryClient4({
@@ -3152,7 +3189,7 @@ var queryClient = new QueryClient4({
   }
 });
 var ApiProvider = ({ children, index, me, onMeFetched, onIndexFetched, devtools = true }) => {
-  useEffect6(() => {
+  useEffect7(() => {
     if (index) {
       queryClient.setQueryData("index", index);
       if (onIndexFetched) {
@@ -3160,7 +3197,7 @@ var ApiProvider = ({ children, index, me, onMeFetched, onIndexFetched, devtools
       }
     }
   }, [index, onIndexFetched]);
-  useEffect6(() => {
+  useEffect7(() => {
     if (me) {
       queryClient.setQueryData("me", me);
       if (onMeFetched) {
@@ -3244,6 +3281,7 @@ export {
   fetchResourceFromLocationHeader,
   getResponseJson,
   isBackendError,
+  makeCancelable,
   objectLink,
   requiredLink,
   urls_exports as urls,
@@ -3259,6 +3297,7 @@ export {
   useBranchDetailsCollection,
   useBranches,
   useCancelPendingPlugins,
+  useCancellablePromise,
   useChangeUserPassword,
   useChangeset,
   useChangesets,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scm-manager/ui-api",
-  "version": "2.43.1",
+  "version": "2.43.2-20230419-125637",
   "description": "React hook api for the SCM-Manager backend",
   "main": "build/index.js",
   "module": "build/index.mjs",
@@ -29,7 +29,7 @@
     "tsup": "^5.12.6"
   },
   "dependencies": {
-    "@scm-manager/ui-types": "2.43.1",
+    "@scm-manager/ui-types": "2.43.2-20230419-125637",
     "fetch-mock-jest": "^1.5.1",
     "gitdiff-parser": "^0.2.2",
     "query-string": "6.14.1",