fix(angular): generate ngrx code using rxjs operators from rxjs/operators when workspace has rxjs <7.2.0 (#15977)

Author: leosvelperez

packages/angular/src/generators/ngrx/__snapshots__/ngrx.spec.ts.snap

@@ -402,12 +402,10 @@ export const loadUsersFailure = createAction(
 exports[`ngrx NgModule Syntax should generate the ngrx effects 1`] = `
 "import { Injectable, inject } from '@angular/core';
 import { createEffect, Actions, ofType } from '@ngrx/effects';
-
+import { switchMap, catchError, of } from 'rxjs';
 import * as UsersActions from './users.actions';
 import * as UsersFeature from './users.reducer';
 
-import { switchMap, catchError, of } from 'rxjs';
-
 @Injectable()
 export class UsersEffects {
   private actions$ = inject(Actions);
@@ -756,12 +754,10 @@ export const appRoutes: Routes = [
 exports[`ngrx angular v14 support should generate the ngrx effects using "inject" for versions >= 14.1.0 1`] = `
 "import { Injectable, inject } from '@angular/core';
 import { createEffect, Actions, ofType } from '@ngrx/effects';
-
+import { switchMap, catchError, of } from 'rxjs';
 import * as UsersActions from './users.actions';
 import * as UsersFeature from './users.reducer';
 
-import { switchMap, catchError, of } from 'rxjs';
-
 @Injectable()
 export class UsersEffects {
   private actions$ = inject(Actions);
@@ -868,3 +864,29 @@ export class UsersFacade {
 }
 "
 `;
+
+exports[`ngrx rxjs v6 support should generate the ngrx effects using rxjs operators imported from "rxjs/operators" 1`] = `
+"import { Injectable, inject } from '@angular/core';
+import { createEffect, Actions, ofType } from '@ngrx/effects';
+import { of } from 'rxjs';
+import { switchMap, catchError } from 'rxjs/operators';
+import * as UsersActions from './users.actions';
+import * as UsersFeature from './users.reducer';
+
+@Injectable()
+export class UsersEffects {
+  private actions$ = inject(Actions);
+
+  init$ = createEffect(() =>
+    this.actions$.pipe(
+      ofType(UsersActions.initUsers),
+      switchMap(() => of(UsersActions.loadUsersSuccess({ users: [] }))),
+      catchError((error) => {
+        console.error('Error', error);
+        return of(UsersActions.loadUsersFailure({ error }));
+      })
+    )
+  );
+}
+"
+`;

packages/angular/src/generators/ngrx/files/latest/__directory__/__fileName__.actions.ts__tmpl__ renamed to packages/angular/src/generators/ngrx/files/base/__directory__/__fileName__.actions.ts__tmpl__

@@ -1,11 +1,11 @@
 import { Injectable, inject } from '@angular/core';
-import { createEffect, Actions, ofType } from '@ngrx/effects';
-
+import { createEffect, Actions, ofType } from '@ngrx/effects';<% if (!importFromOperators) { %>
+import { switchMap, catchError, of } from 'rxjs';<% } else { %>
+import { of } from 'rxjs';
+import { switchMap, catchError } from 'rxjs/operators';<% } %>
 import * as <%= className %>Actions from './<%= fileName %>.actions';
 import * as <%= className %>Feature from './<%= fileName %>.reducer';
 
-import {switchMap, catchError, of} from 'rxjs';
-
 @Injectable()
 export class <%= className %>Effects {
   private actions$ = inject(Actions);