remove rxjs from http in devextreme-angular

Author: GoodDayForSurf

packages/devextreme-angular/src/http/ajax.ts

@@ -1,8 +1,6 @@
 import {
   HttpClient, HttpEventType, HttpParams, HttpEvent, HttpErrorResponse, HttpResponse,
 } from '@angular/common/http';
-import { throwError, Subject } from 'rxjs';
-import { takeUntil, timeoutWith } from 'rxjs/operators';
 import { Deferred, DeferredObj } from 'devextreme/core/utils/deferred';
 import { isDefined } from 'devextreme/core/utils/type';
 import { getWindow } from 'devextreme/core/utils/window';
@@ -33,6 +31,10 @@ interface XHRSurrogate {
   statusText?: string;
 }
 
+interface SubscriptionLike {
+  unsubscribe(): void;
+}
+
 const PARSER_ERROR = 'parsererror';
 const SUCCESS = 'success';
 const ERROR = 'error';
@@ -206,7 +208,9 @@ function getUploadCallbacks(options: Options, deferred: DeferredResult, xhrSurro
 }
 
 export const sendRequestFactory = (httpClient: HttpClient) => (options: Options) => {
-  const abort$ = new Subject<void>();
+  let subscription: SubscriptionLike | null = null;
+  let timeoutId: ReturnType<typeof setTimeout> | null = null;
+
   const deferred: DeferredResult = Deferred();
   const result = deferred.promise() as Result;
   const isGet = isGetMethod(options);
@@ -222,7 +226,12 @@ export const sendRequestFactory = (httpClient: HttpClient) => (options: Options)
     aborted: false,
     abort() {
       this.aborted = true;
-      abort$.next();
+      if (timeoutId !== null) {
+        clearTimeout(timeoutId);
+        timeoutId = null;
+      }
+      subscription?.unsubscribe();
+      subscription = null;
     },
   };
 
@@ -276,18 +285,37 @@ export const sendRequestFactory = (httpClient: HttpClient) => (options: Options)
       },
     );
 
-  const subscriptionCallbacks = upload
-    ? getUploadCallbacks
-    : getRequestCallbacks;
-
-  request.pipe.apply(request, [
-    takeUntil(abort$) as any,
-    ...options.timeout
-      ? [timeoutWith(options.timeout, throwError({ statusText: TIMEOUT, status: 0, ok: false })) as any]
-      : [],
-  ]).subscribe(
-    subscriptionCallbacks(options, deferred, xhrSurrogate),
-  );
+  const clearTimeoutIfSet = () => {
+    if (timeoutId !== null) {
+      clearTimeout(timeoutId);
+      timeoutId = null;
+    }
+  };
+
+  if (options.timeout) {
+    timeoutId = setTimeout(() => {
+      timeoutId = null;
+      deferred.reject({ statusText: TIMEOUT, status: 0, ok: false });
+      subscription?.unsubscribe();
+      subscription = null;
+    }, options.timeout);
+  }
+
+  const callbacks = upload
+      ? getUploadCallbacks(options, deferred, xhrSurrogate)
+      : getRequestCallbacks(options, deferred, xhrSurrogate);
+
+  subscription = request.subscribe({
+    next(value) {
+      clearTimeoutIfSet();
+      callbacks.next(value);
+    },
+    error(err) {
+      clearTimeoutIfSet();
+      callbacks.error(err);
+    },
+    complete: callbacks.complete,
+  });
 
   return result;
 };