@astral/mobx-query 1.18.2 → 1.19.0

package/README.md

@@ -10,6 +10,7 @@
 - ⚡️️️️ Фоновая подгрузка данных для работы с WebSocket
 - ⚡️️️️ Возможность тестирования
 
+
 ## Table of contents
 
 - [Installation](#installation)
@@ -25,7 +26,13 @@
     - [Создание InfiniteQuerySet](#создание-infinitequerygroups)
     - [Использование InfiniteQuerySet](#использование-infinitequerygroups)
     - [Загрузка данных](#загрузка-данных)
+    - [Статус дозагрузки fetchMore](#статус-дозагрузки-fetchmore)
+    - [Старт не с начала списка](#старт-не-с-начала-списка)
+    - [Запоминание последней успешной позиции](#запоминание-последней-успешной-позиции)
+    - [Обратная дозагрузка данных](#обратная-дозагрузка-данных)
+    - [Курсорная пагинация](#курсорная-пагинация)
     - [isEndReached. Определение конца списка](#isendreached-определение-конца-списка)
+    - [isStartReached. Определение начала списка](#isstartreached-определение-начала-списка)
     - [Изменение количества запрашиваемых записей](#изменение-количества-запрашиваемых-записей)
   - [MutationSet](#mutationset)
     - [Создание mutations](#создание-и-использование-mutations)
@@ -340,6 +347,189 @@ await when(() => !query.isLoading);
 docListQuery.data.length; // 60 записей
 ```
 
+#### Статус дозагрузки `fetchMore`
+
+`fetchMoreStatus` содержит отдельные статусы дозагрузки следующей страницы. Это позволяет отдельно отслеживать состояние `fetchMore`, не смешивая его с общим статусом `InfiniteQuery`.
+
+```ts
+import { when } from 'mobx';
+
+const createDocListInfiniteQuery = (filters: Omit<DocsDTO.DocListFilters, 'offset' | 'count'>) => 
+  cacheService.createInfiniteQuery(['docList', filters], 
+    (params: { offset: number; count: number }) => docsEndpoints.getDocList({ offset: params.offset, count: params.count, ...filters })
+  );
+
+const docListQuery = createDocListInfiniteQuery({ search: 'test' });
+
+await docListQuery.async();
+
+docListQuery.fetchMore();
+
+docListQuery.fetchMoreStatus.isLoading; // true
+docListQuery.fetchMoreStatus.isSuccess; // false
+docListQuery.fetchMoreStatus.isError; // false
+
+await when(() => !docListQuery.fetchMoreStatus.isLoading);
+
+docListQuery.fetchMoreStatus.isLoading; // false
+docListQuery.fetchMoreStatus.isSuccess; // true
+docListQuery.fetchMoreStatus.error; // undefined
+```
+
+Если `fetchMore` завершится ошибкой, `fetchMoreStatus.isError` станет `true`, а `fetchMoreStatus.error` будет содержать ошибку. Значение `offset` будет возвращено к предыдущему успешному состоянию, поэтому повторный вызов `fetchMore` повторит запрос той же страницы.
+
+### Старт не с начала списка
+
+Для сценариев восстановления позиции списка можно передать `initialOffset` или `initialCursor`.
+Эти значения используются только для самого первого запроса нового инстанса `InfiniteQuery`.
+После `invalidate()` следующий запрос снова начнется с начала списка.
+
+Это полезно, когда нужно восстановить список с определенной позиции, например после возврата на страницу в SPA или при открытии ссылки, в которой уже закодирована нужная точка входа в список.
+
+#### Offset-пагинация
+
+Если API использует смещение, передайте `initialOffset`.
+
+```ts
+const docListQuery = docsFetcher.infiniteQueries.docList.createWithConfig(
+  {
+    initialOffset: 120,
+  },
+  { search: 'test' },
+);
+
+await docListQuery.async(); // первый запрос будет выполнен с offset=120
+
+docListQuery.invalidate();
+await docListQuery.async(); // после invalidate запрос снова начнется с offset=0
+```
+
+#### Курсорная пагинация
+
+Если API использует курсор, передайте `initialCursor`.
+
+```ts
+const docListQuery = docsFetcher.infiniteQueries.docList.createWithConfig(
+  {
+    initialCursor: { id: 'doc-120' },
+  },
+  { search: 'test' },
+);
+
+await docListQuery.async(); // первый запрос будет выполнен с cursor={ id: 'doc-120' }
+
+docListQuery.invalidate();
+await docListQuery.async(); // после invalidate запрос снова начнется без курсора
+```
+
+### Запоминание последней успешной позиции
+
+```ts
+await docListQuery.async(); // запрос на получение первых 30 записей
+
+docListQuery.fetchMore({
+  onSuccess: ({ offset, cursor }) => {
+    savedOffset = offset; // запоминаем offset последней успешной дозагрузки
+    savedCursor = cursor; // запоминаем cursor последней успешной дозагрузки
+  },
+});
+
+docsFetcher.infiniteQueries.docList.createWithConfig(
+  { search: 'test' },
+  {
+    initialOffset: savedOffset,
+    initialCursor: savedCursor,
+  },
+); // новый инстанс продолжит загрузку с сохраненной позиции
+```
+
+```ts
+const searchParams = new URLSearchParams(window.location.search);
+
+await docListQuery.async();
+
+docListQuery.fetchMore({
+  onSuccess: ({ offset, cursor }) => {
+    searchParams.set('offset', String(offset));
+    searchParams.set('cursorId', cursor.id);
+
+    window.history.replaceState(
+      null,
+      '',
+      `?${searchParams.toString()}`,
+    );
+  },
+});
+
+const restoredQuery = docsFetcher.infiniteQueries.docList.createWithConfig(
+  {
+    initialOffset: Number(searchParams.get('offset') ?? 0),
+    initialCursor: searchParams.get('cursorId')
+      ? { id: searchParams.get('cursorId')! }
+      : undefined,
+  },
+  { search: 'test' },
+);
+```
+
+### Обратная дозагрузка данных
+
+По умолчанию `fetchMore()` загружает следующую страницу и добавляет ее в конец списка.
+Вызов `fetchMore({ direction: 'backward' })` загружает предыдущую страницу и добавляет ее в начало списка.
+
+```ts
+const docListQuery = docsFetcher.infiniteQueries.docList.createWithConfig(
+  { initialOffset: 60 },
+  { search: 'test' },
+);
+
+await docListQuery.async(); // будут загружены записи начиная с offset=60
+
+docListQuery.fetchMore({ direction: 'backward' }); // будет запрошена предыдущая страница
+```
+
+При `fetchMore({ direction: 'backward' })` библиотека уменьшает `offset`, передает в `execute` первый элемент текущего списка как `cursor` и указывает `direction: 'backward'`.
+
+### Курсорная пагинация
+
+```ts
+type Doc = {
+  id: string;
+  title: string;
+};
+
+const docsFetcher = {
+  infiniteQueries: {
+    docList: mobxQuery.createInfiniteQuerySet(
+      (filters: Omit<DocsDTO.DocListFilters, 'count'>) => ({
+        execute: ({ count, cursor, direction }) =>
+          docsEndpoint
+            .getDocList({
+              count,
+              cursorId: cursor?.id,
+              direction,
+              ...filters,
+            })
+            .then(({ data }) => data.list as Doc[]),
+      }),
+    ),
+  },
+};
+
+const docListQuery = docsFetcher.infiniteQueries.docList.createWithConfig(
+  { initialCursor: { id: 'doc-120' } },
+  { search: 'test' },
+);
+
+await docListQuery.async(); // при первом запросе execute получит initialCursor, если он задан
+
+docListQuery.fetchMore(); // execute получит последний элемент списка и direction: 'forward'
+
+docListQuery.fetchMore({ direction: 'backward' }); // execute получит первый элемент списка и direction: 'backward'
+```
+
+Во всех остальных запросах `cursor` будет `undefined`, включая первый запрос без `initialCursor` и повторный запрос после `invalidate()`.
+
 ### `isEndReached`. Определение конца списка
 
 Флаг `isEndReached` будет установлен в `true`, если записи для загрузки закончились:
@@ -364,6 +554,11 @@ docListQuery.isEndReached; // true
 
 Флаг `isEndReached` устанавливается в `true`, когда количество полученных элементов меньше запрошенного количества, что означает отсутствие дополнительных данных на сервере.
 
+### `isStartReached`. Определение начала списка
+
+Флаг `isStartReached` будет установлен в `true`, если при `fetchMore({ direction: 'backward' })` сервер вернул меньше элементов, чем было запрошено.
+Это означает, что более ранних данных больше нет, и повторные вызовы `fetchMore({ direction: 'backward' })` не будут запускать новые запросы.
+
 ### Изменение количества запрашиваемых записей
 
 Для изменения конфигурации InfiniteQuery необходимо использовать метод `createWithConfig`:
@@ -520,6 +715,9 @@ const docQueryWithCache = docsFetcher.queries.doc.createWithConfig(({ fetchPolic
 await docQueryWithCache.async(); // запрос не будет выполнен потому что прежде данные были получены с политикой `network-only` и записаны в кэш
 ```
 
+Для `InfiniteQuery` параметры `initialOffset` и `initialCursor` позволяют при первом запросе нового инстанса начать загрузку с нужной позиции.
+После `invalidate()` эти стартовые значения больше не применяются, и следующий запрос начинается с начала списка.
+
 ### Как работает кэш
 
 Все данные, возвращаемые `QuerySet` и `InfiniteQuerySet`, кэшируются в едином хранилище @astral/mobx-query.
@@ -716,6 +914,27 @@ docsFetcher.queries.document.createWithConfig({
 })
 ```
 
+## Последовательное получение данных
+
+Для последовательного получения данных используйте флаг `enabledAutoFetch`.
+
+```ts
+  private get fileQuery() {
+    const fileId = this._documentStore.data?.FileId;
+
+    return this._docsFetcher.queries.file.createWithConfig(
+      {
+        enabledAutoFetch: Boolean(fileId),
+      },
+      fileId,
+    );
+  }
+
+  public get file() {
+    return this.fileQuery.data; // пока enabledAutoFetch==false, запроса данных не будет
+  }
+```
+
 ## Тестирование Fetcher на сонове QuerySet и InfiniteQuerySet.
 
 Для мокинга QuerySet и InfiniteQuerySet необходимо использовать mock следующего вида:
@@ -1037,6 +1256,10 @@ const createDocListInfiniteQuery = (filters: Omit<DocsDTO.DocListFilters, 'offse
 const docListQuery = createDocListInfiniteQuery({ search: 'test' });
 ```
 
+Executor `InfiniteQuery` получает объект `{ offset, count, cursor, direction }`.
+Если нужна только offset-пагинация, можно использовать только `offset` и `count`.
+`cursor` передается только при `fetchMore()` или при самом первом запросе, если задан `initialCursor`. В обычном первом запросе без `initialCursor` и после `invalidate()` значение `cursor` будет `undefined`.
+
 #### Загрузка данных
 
 ```ts
@@ -1061,6 +1284,17 @@ await when(() => !query.isLoading);
 docListQuery.data.length; // 60 записей
 ```
 
+#### Статус дозагрузки `fetchMore`
+
+- [Статус дозагрузки fetchMore](#статус-дозагрузки-fetchmore)
+
+#### Дополнительные возможности
+
+- [Старт не с начала списка](#старт-не-с-начала-списка)
+- [Запоминание последней успешной позиции](#запоминание-последней-успешной-позиции)
+- [Обратная дозагрузка данных](#обратная-дозагрузка-данных)
+- [Курсорная пагинация](#курсорная-пагинация)
+
 #### `isEndReached`. Определение конца списка
 
 Флаг `isEndReached` будет установлен в `true`, если записи для загрузки закончились:
@@ -1090,6 +1324,10 @@ docListQuery.isEndReached; // true
 
 Флаг `isEndReached` устанавливается в `true`, когда количество полученных элементов меньше запрошенного количества, что означает отсутствие дополнительных данных на сервере.
 
+#### `isStartReached`. Определение начала списка
+
+- [isStartReached. Определение начала списка](#isstartreached-определение-начала-списка)
+
 #### Изменение количества запрашиваемых записей
 
 Для изменения конфигурации InfiniteQuery необходимо использовать третий параметр `config`:
@@ -1103,7 +1341,7 @@ const createDocListInfiniteQuery = (filters: Omit<DocsDTO.DocListFilters, 'offse
 
 #### Интерфейс InfiniteQueryConfig
 ```ts
-export type InfiniteQueryConfig = {
+export type InfiniteQueryConfig<TResult = unknown> = {
   /**
    * Количество записей, которое будет загружено при первом и следующих запросах
    * @default 30
@@ -1121,6 +1359,15 @@ export type InfiniteQueryConfig = {
    * Политика кэширования данных.
    */
   fetchPolicy?: FetchPolicy;
+  /**
+   * Стартовое значение offset, от которого требуется сделать самый первый запрос.
+   * @default 0
+   */
+  initialOffset?: number;
+  /**
+   * Стартовый элемент, от которого требуется сделать самый первый запрос.
+   */
+  initialCursor?: Partial<TResult>;
   /**
    * Режим фонового обновления
    * @default false

package/Sets/InfiniteQuerySet/InfiniteQuerySet.d.ts

@@ -7,7 +7,7 @@ export type InfiniteQuerySetConfig = {
 };
 export type InfiniteQuerySetConfigurator<TParams extends any[], TResponse> = (...params: TParams) => {
     keys?: CacheKey[];
-    execute: (infiniteParams: InfiniteParams) => Promise<TResponse[]>;
+    execute: (infiniteParams: InfiniteParams<TResponse>) => Promise<TResponse[]>;
 };
 /**
  * Набор infinite queries под одним ключем с целью повышения читаемости кода и удобства инвалидации по общему ключу

package/StatusStorage/StatusStorage.d.ts

@@ -24,6 +24,10 @@ export declare class StatusStorage<TError> implements Statuses<TError> {
      */
     isSuccess: boolean;
     setStatues: (data: Statuses<TError>) => void;
+    setStartLoading: () => void;
+    setError: (error: TError) => void;
+    setSuccess: () => void;
+    setEndLoading: () => void;
     get statuses(): Statuses<TError>;
 }
 export declare class StatusStorageFactory extends StorageFactory<StatusStorage<any>> {

package/StatusStorage/StatusStorage.js

@@ -24,6 +24,24 @@ export class StatusStorage {
             this.error = data.error;
             this.isSuccess = data.isSuccess;
         };
+        this.setStartLoading = () => {
+            this.isLoading = true;
+            this.isError = false;
+            this.isSuccess = false;
+        };
+        this.setError = (error) => {
+            this.isSuccess = false;
+            this.isError = true;
+            this.error = error;
+        };
+        this.setSuccess = () => {
+            this.error = undefined;
+            this.isError = false;
+            this.isSuccess = true;
+        };
+        this.setEndLoading = () => {
+            this.isLoading = false;
+        };
         makeAutoObservable(this);
     }
     get statuses() {

package/__test/documentMock/documentMock.d.ts

@@ -88,6 +88,7 @@ export declare const createDocumentMock: () => {
             (eventInterface: "CloseEvent"): CloseEvent;
             (eventInterface: "CompositionEvent"): CompositionEvent;
             (eventInterface: "ContentVisibilityAutoStateChangeEvent"): ContentVisibilityAutoStateChangeEvent;
+            (eventInterface: "CookieChangeEvent"): CookieChangeEvent;
             (eventInterface: "CustomEvent"): CustomEvent;
             (eventInterface: "DeviceMotionEvent"): DeviceMotionEvent;
             (eventInterface: "DeviceOrientationEvent"): DeviceOrientationEvent;
@@ -173,7 +174,7 @@ export declare const createDocumentMock: () => {
         getSelection: (() => Selection | null) & import("vitest-mock-extended").CalledWithMock<Selection | null, []>;
         hasFocus: (() => boolean) & import("vitest-mock-extended").CalledWithMock<boolean, []>;
         hasStorageAccess: (() => Promise<boolean>) & import("vitest-mock-extended").CalledWithMock<Promise<boolean>, []>;
-        importNode: (<T extends Node>(node: T, subtree?: boolean) => T) & import("vitest-mock-extended").CalledWithMock<Node, [node: Node, subtree?: boolean | undefined]>;
+        importNode: (<T extends Node>(node: T, options?: boolean | ImportNodeOptions) => T) & import("vitest-mock-extended").CalledWithMock<Node, [node: Node, options?: boolean | ImportNodeOptions | undefined]>;
         open: {
             (unused1?: string, unused2?: string): Document;
             (url: string | URL, name: string, features: string): WindowProxy | null;
@@ -185,9 +186,10 @@ export declare const createDocumentMock: () => {
         queryCommandValue: ((commandId: string) => string) & import("vitest-mock-extended").CalledWithMock<string, [commandId: string]>;
         releaseEvents: (() => void) & import("vitest-mock-extended").CalledWithMock<void, []>;
         requestStorageAccess: (() => Promise<void>) & import("vitest-mock-extended").CalledWithMock<Promise<void>, []>;
-        startViewTransition: ((callbackOptions?: ViewTransitionUpdateCallback) => ViewTransition) & import("vitest-mock-extended").CalledWithMock<ViewTransition, [callbackOptions?: ViewTransitionUpdateCallback | undefined]>;
+        startViewTransition: ((callbackOptions?: ViewTransitionUpdateCallback | StartViewTransitionOptions) => ViewTransition) & import("vitest-mock-extended").CalledWithMock<ViewTransition, [callbackOptions?: ViewTransitionUpdateCallback | StartViewTransitionOptions | undefined]>;
         write: ((...text: string[]) => void) & import("vitest-mock-extended").CalledWithMock<void, string[]>;
         writeln: ((...text: string[]) => void) & import("vitest-mock-extended").CalledWithMock<void, string[]>;
+        readonly textContent: null;
         addEventListener: {
             <K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
             (type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
@@ -208,7 +210,6 @@ export declare const createDocumentMock: () => {
         readonly parentElement: HTMLElement | null;
         readonly parentNode: ParentNode | null;
         readonly previousSibling: ChildNode | null;
-        textContent: string | null;
         appendChild: (<T extends Node>(node: T) => T) & import("vitest-mock-extended").CalledWithMock<Node, [node: Node]>;
         cloneNode: ((subtree?: boolean) => Node) & import("vitest-mock-extended").CalledWithMock<Node, [subtree?: boolean | undefined]>;
         compareDocumentPosition: ((other: Node) => number) & import("vitest-mock-extended").CalledWithMock<number, [other: Node]>;
@@ -258,18 +259,19 @@ export declare const createDocumentMock: () => {
         onanimationend: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
         onanimationiteration: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
         onanimationstart: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
-        onauxclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+        onauxclick: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
         onbeforeinput: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null;
-        onbeforetoggle: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onbeforematch: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onbeforetoggle: ((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null;
         onblur: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
         oncancel: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         oncanplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         oncanplaythrough: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+        onclick: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
         onclose: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         oncontextlost: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        oncontextmenu: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+        oncontextmenu: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
         oncontextrestored: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         oncopy: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
         oncuechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
@@ -317,6 +319,7 @@ export declare const createDocumentMock: () => {
         onpointermove: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
         onpointerout: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
         onpointerover: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+        onpointerrawupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onpointerup: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
         onprogress: ((this: GlobalEventHandlers, ev: ProgressEvent) => any) | null;
         onratechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
@@ -335,7 +338,7 @@ export declare const createDocumentMock: () => {
         onsubmit: ((this: GlobalEventHandlers, ev: SubmitEvent) => any) | null;
         onsuspend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         ontimeupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        ontoggle: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        ontoggle: ((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null;
         ontouchcancel?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined | undefined;
         ontouchend?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined | undefined;
         ontouchmove?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined | undefined;

package/node/AuxiliaryQuery/AuxiliaryQuery.d.ts

@@ -31,22 +31,17 @@ export declare class AuxiliaryQuery<TResult, TError = void> {
      * для устранения гонки запросов
      */
     getUnifiedPromise: (executor: Executor<TResult>, onSuccess?: (data: TResult) => void) => Promise<TResult>;
-    private setSuccess;
     private checkBackgroundAndSet;
     /**
      * Обработчик успешного ответа
      */
     submitSuccess: () => void;
-    private setError;
-    /**
-     * Обработчик ошибки
-     */
-    submitError: (error: TError) => void;
-    private setLoading;
+    private submitError;
     /**
      * Метод, вызываемый в самом начале запроса, чтобы сбросить флаги в соответствующее значение
      */
     startLoading: () => void;
+    private endLoading;
     /**
      * Метод для инвалидации данных
      */

package/node/AuxiliaryQuery/AuxiliaryQuery.js

@@ -41,19 +41,10 @@ class AuxiliaryQuery {
                     });
                     throw e;
                 })
-                    .finally(() => {
-                    this.unifiedPromise = undefined;
-                    (0, mobx_1.runInAction)(() => {
-                        this.statusStorage.isLoading = false;
-                    });
-                });
+                    .finally(this.endLoading);
             }
             return this.unifiedPromise;
         };
-        this.setSuccess = (storage) => {
-            storage.isError = false;
-            storage.isSuccess = true;
-        };
         this.checkBackgroundAndSet = (setStorage) => {
             if (this.backgroundStatusStorage && this.statusStorage.isSuccess) {
                 setStorage(this.backgroundStatusStorage);
@@ -66,32 +57,27 @@ class AuxiliaryQuery {
          * Обработчик успешного ответа
          */
         this.submitSuccess = () => {
-            this.checkBackgroundAndSet(this.setSuccess);
+            this.checkBackgroundAndSet((storage) => storage.setSuccess());
             this.isInvalid = false;
         };
-        this.setError = (storage, error) => {
-            storage.isSuccess = false;
-            storage.isError = true;
-            storage.error = error;
-        };
-        /**
-         * Обработчик ошибки
-         */
         this.submitError = (error) => {
-            this.checkBackgroundAndSet((storage) => this.setError(storage, error));
+            this.checkBackgroundAndSet((storage) => storage.setError(error));
             this.isInvalid = false;
         };
-        this.setLoading = (storage) => {
-            storage.isLoading = true;
-            storage.isError = false;
-            storage.isSuccess = false;
-        };
         /**
          * Метод, вызываемый в самом начале запроса, чтобы сбросить флаги в соответствующее значение
          */
         this.startLoading = () => {
             this.isIdle = false;
-            this.checkBackgroundAndSet(this.setLoading);
+            this.checkBackgroundAndSet((storage) => storage.setStartLoading());
+        };
+        this.endLoading = () => {
+            var _a;
+            this.unifiedPromise = undefined;
+            this.statusStorage.setEndLoading();
+            if (this.statusStorage.isSuccess) {
+                (_a = this.backgroundStatusStorage) === null || _a === void 0 ? void 0 : _a.setEndLoading();
+            }
         };
         /**
          * Метод для инвалидации данных
@@ -104,12 +90,10 @@ class AuxiliaryQuery {
             isIdle: mobx_1.observable,
             isInvalid: mobx_1.observable,
             submitSuccess: mobx_1.action,
-            setSuccess: mobx_1.action,
-            setError: mobx_1.action,
-            setLoading: mobx_1.action,
             submitError: mobx_1.action,
             startLoading: mobx_1.action,
             invalidate: mobx_1.action,
+            endLoading: mobx_1.action,
         });
     }
 }