[ACS-5627] migrate to standalone components (#3339)

* standalone preview component * remove deprecated routes * remove preview routes * standalone viewer * toggle favorite * edit offline * fix tests * toggle info drawer * toggle join library * toggle favorite library * view node * convert app toolbar module to standalone directives * convert sidenav module to standalone * convert search module to standalone * shared link view * shared files * reduce module files * files component * files component cleanup * cleanup directives module * favorite libraries * favorites component * recent files component * libraries component * cleanup * remove material module barrel * open in app component * cleanup modules * migrate toolbar module to standalone * split page layout module * remove incorrect import * remove incorrect import * rule list * folder rules module * folder rules module * backwards compatibility for ADW * reduce core module usage
2025-07-31 17:38:28 +00:00 · 2023-07-17 09:52:29 +01:00
parent 48a502b805
commit 9cf317dfbc
136 changed files with 986 additions and 915 deletions
--- a/projects/aca-content/src/lib/components/toolbar/toolbar.module.ts
+++ b/projects/aca-content/src/lib/components/toolbar/toolbar.module.ts
@@ -22,40 +22,20 @@
 * from Hyland Software. If not, see <http://www.gnu.org/licenses/>.
 */

-import { NgModule } from '@angular/core';
 import { ToggleFavoriteComponent } from './toggle-favorite/toggle-favorite.component';
 import { ToggleInfoDrawerComponent } from './toggle-info-drawer/toggle-info-drawer.component';
-import { CommonModule } from '@angular/common';
-import { CoreModule } from '@alfresco/adf-core';
-import { ExtensionsModule } from '@alfresco/adf-extensions';
 import { ToggleJoinLibraryButtonComponent } from './toggle-join-library/toggle-join-library-button.component';
 import { ToggleJoinLibraryMenuComponent } from './toggle-join-library/toggle-join-library-menu.component';
-import { DirectivesModule } from '../../directives/directives.module';
 import { ToggleFavoriteLibraryComponent } from './toggle-favorite-library/toggle-favorite-library.component';
 import { ToggleEditOfflineComponent } from './toggle-edit-offline/toggle-edit-offline.component';
 import { ViewNodeComponent } from './view-node/view-node.component';
-import { SharedToolbarModule } from '@alfresco/aca-shared';

-@NgModule({
-  imports: [CommonModule, CoreModule.forChild(), ExtensionsModule, SharedToolbarModule, DirectivesModule],
-  declarations: [
-    ToggleFavoriteComponent,
-    ToggleInfoDrawerComponent,
-    ToggleJoinLibraryButtonComponent,
-    ToggleJoinLibraryMenuComponent,
-    ToggleFavoriteLibraryComponent,
-    ToggleEditOfflineComponent,
-    ViewNodeComponent
-  ],
-  exports: [
-    ToggleFavoriteComponent,
-    ToggleInfoDrawerComponent,
-    ToggleJoinLibraryButtonComponent,
-    ToggleJoinLibraryMenuComponent,
-    ToggleFavoriteLibraryComponent,
-    ToggleEditOfflineComponent,
-    ViewNodeComponent,
-    SharedToolbarModule
-  ]
-})
-export class AppToolbarModule {}
+export const APP_TOOLBAR_DIRECTIVES = [
+  ToggleFavoriteComponent,
+  ToggleEditOfflineComponent,
+  ToggleInfoDrawerComponent,
+  ToggleJoinLibraryButtonComponent,
+  ToggleJoinLibraryMenuComponent,
+  ToggleFavoriteLibraryComponent,
+  ViewNodeComponent
+] as const;
--- a/projects/aca-content/src/lib/components/toolbar/toggle-edit-offline/toggle-edit-offline.component.spec.ts
+++ b/projects/aca-content/src/lib/components/toolbar/toggle-edit-offline/toggle-edit-offline.component.spec.ts
@@ -23,13 +23,12 @@
 */

 import { ToggleEditOfflineComponent } from './toggle-edit-offline.component';
-import { CoreModule } from '@alfresco/adf-core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { of } from 'rxjs';
 import { Store } from '@ngrx/store';
 import { NodeEntry } from '@alfresco/js-api';
 import { DownloadNodesAction, EditOfflineAction, SnackbarErrorAction } from '@alfresco/aca-shared/store';
-import { TranslateModule } from '@ngx-translate/core';
+import { AppTestingModule } from '../../../testing/app-testing.module';

 describe('ToggleEditOfflineComponent', () => {
  let fixture: ComponentFixture<ToggleEditOfflineComponent>;
@@ -41,8 +40,7 @@ describe('ToggleEditOfflineComponent', () => {

  beforeEach(() => {
    TestBed.configureTestingModule({
-      imports: [TranslateModule.forRoot(), CoreModule.forRoot()],
-      declarations: [ToggleEditOfflineComponent],
+      imports: [AppTestingModule, ToggleEditOfflineComponent],
      providers: [
        {
          provide: Store,
--- a/projects/aca-content/src/lib/components/toolbar/toggle-edit-offline/toggle-edit-offline.component.ts
+++ b/projects/aca-content/src/lib/components/toolbar/toggle-edit-offline/toggle-edit-offline.component.ts
@@ -28,8 +28,14 @@ import { Component, OnInit, ViewEncapsulation } from '@angular/core';
 import { Store } from '@ngrx/store';
 import { isLocked } from '@alfresco/aca-shared';
 import { AlfrescoApiService } from '@alfresco/adf-core';
+import { CommonModule } from '@angular/common';
+import { TranslateModule } from '@ngx-translate/core';
+import { MatMenuModule } from '@angular/material/menu';
+import { MatIconModule } from '@angular/material/icon';

@Component({
+  standalone: true,
+  imports: [CommonModule, TranslateModule, MatMenuModule, MatIconModule],
  selector: 'app-toggle-edit-offline',
  template: `
    <button mat-menu-item [attr.title]="nodeTitle | translate" (click)="onClick()">
--- a/projects/aca-content/src/lib/components/toolbar/toggle-favorite-library/toggle-favorite-library.component.spec.ts
+++ b/projects/aca-content/src/lib/components/toolbar/toggle-favorite-library/toggle-favorite-library.component.spec.ts
@@ -23,7 +23,6 @@
 */

 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { CoreModule } from '@alfresco/adf-core';
 import { ToggleFavoriteLibraryComponent } from './toggle-favorite-library.component';
 import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { Store } from '@ngrx/store';
@@ -45,8 +44,7 @@ describe('ToggleFavoriteLibraryComponent', () => {

  beforeEach(() => {
    TestBed.configureTestingModule({
-      imports: [CoreModule.forRoot(), AppTestingModule],
-      declarations: [ToggleFavoriteLibraryComponent],
+      imports: [AppTestingModule, ToggleFavoriteLibraryComponent],
      providers: [
        {
          provide: Router,
--- a/projects/aca-content/src/lib/components/toolbar/toggle-favorite-library/toggle-favorite-library.component.ts
+++ b/projects/aca-content/src/lib/components/toolbar/toggle-favorite-library/toggle-favorite-library.component.ts
@@ -30,8 +30,15 @@ import { SelectionState } from '@alfresco/adf-extensions';
 import { distinctUntilChanged, takeUntil } from 'rxjs/operators';
 import { Router } from '@angular/router';
 import { Subject } from 'rxjs';
+import { CommonModule } from '@angular/common';
+import { TranslateModule } from '@ngx-translate/core';
+import { ContentDirectiveModule } from '@alfresco/adf-content-services';
+import { MatIconModule } from '@angular/material/icon';
+import { MatMenuModule } from '@angular/material/menu';

@Component({
+  standalone: true,
+  imports: [CommonModule, TranslateModule, ContentDirectiveModule, MatIconModule, MatMenuModule],
  selector: 'app-toggle-favorite-library',
  template: `
    <button
--- a/projects/aca-content/src/lib/components/toolbar/toggle-favorite/toggle-favorite.component.spec.ts
+++ b/projects/aca-content/src/lib/components/toolbar/toggle-favorite/toggle-favorite.component.spec.ts
@@ -26,11 +26,9 @@ import { TestBed } from '@angular/core/testing';
 import { ToggleFavoriteComponent } from './toggle-favorite.component';
 import { Store } from '@ngrx/store';
 import { ExtensionService } from '@alfresco/adf-extensions';
-import { CoreModule } from '@alfresco/adf-core';
 import { Router } from '@angular/router';
 import { of } from 'rxjs';
 import { AppTestingModule } from '../../../testing/app-testing.module';
-import { ContentDirectiveModule } from '@alfresco/adf-content-services';

 describe('ToggleFavoriteComponent', () => {
  let component: ToggleFavoriteComponent;
@@ -50,8 +48,7 @@ describe('ToggleFavoriteComponent', () => {

  beforeEach(() => {
    TestBed.configureTestingModule({
-      imports: [CoreModule.forRoot(), ContentDirectiveModule, AppTestingModule],
-      declarations: [ToggleFavoriteComponent],
+      imports: [AppTestingModule, ToggleFavoriteComponent],
      providers: [ExtensionService, { provide: Store, useValue: mockStore }, { provide: Router, useValue: mockRouter }]
    });

--- a/projects/aca-content/src/lib/components/toolbar/toggle-favorite/toggle-favorite.component.ts
+++ b/projects/aca-content/src/lib/components/toolbar/toggle-favorite/toggle-favorite.component.ts
@@ -28,8 +28,15 @@ import { Observable } from 'rxjs';
 import { SelectionState } from '@alfresco/adf-extensions';
 import { AppStore, ReloadDocumentListAction, getAppSelection } from '@alfresco/aca-shared/store';
 import { Router } from '@angular/router';
+import { CommonModule } from '@angular/common';
+import { ContentDirectiveModule } from '@alfresco/adf-content-services';
+import { MatIconModule } from '@angular/material/icon';
+import { TranslateModule } from '@ngx-translate/core';
+import { MatMenuModule } from '@angular/material/menu';

@Component({
+  standalone: true,
+  imports: [CommonModule, TranslateModule, ContentDirectiveModule, MatIconModule, MatMenuModule],
  selector: 'app-toggle-favorite',
  template: `
    <button mat-menu-item #favorites="adfFavorite" (toggle)="onToggleEvent()" [adf-node-favorite]="(selection$ | async).nodes">
--- a/projects/aca-content/src/lib/components/toolbar/toggle-info-drawer/toggle-info-drawer.component.spec.ts
+++ b/projects/aca-content/src/lib/components/toolbar/toggle-info-drawer/toggle-info-drawer.component.spec.ts
@@ -24,23 +24,16 @@

 import { ToggleInfoDrawerComponent } from './toggle-info-drawer.component';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { CoreModule } from '@alfresco/adf-core';
 import { AppTestingModule } from '../../../testing/app-testing.module';
 import { Subject } from 'rxjs';
-import { Store } from '@ngrx/store';

 describe('ToggleInfoDrawerComponent', () => {
  let fixture: ComponentFixture<ToggleInfoDrawerComponent>;
  const mockStream = new Subject();
-  const storeMock = {
-    dispatch: jasmine.createSpy('dispatch'),
-    select: () => mockStream
-  };

  beforeEach(() => {
    TestBed.configureTestingModule({
-      imports: [CoreModule, AppTestingModule],
-      providers: [{ provide: Store, useValue: storeMock }]
+      imports: [AppTestingModule, ToggleInfoDrawerComponent]
    });

    fixture = TestBed.createComponent(ToggleInfoDrawerComponent);
--- a/projects/aca-content/src/lib/components/toolbar/toggle-info-drawer/toggle-info-drawer.component.ts
+++ b/projects/aca-content/src/lib/components/toolbar/toggle-info-drawer/toggle-info-drawer.component.ts
@@ -26,8 +26,14 @@ import { Component, ViewEncapsulation } from '@angular/core';
 import { Observable } from 'rxjs';
 import { Store } from '@ngrx/store';
 import { ToggleInfoDrawerAction, isInfoDrawerOpened } from '@alfresco/aca-shared/store';
+import { CommonModule } from '@angular/common';
+import { MatButtonModule } from '@angular/material/button';
+import { TranslateModule } from '@ngx-translate/core';
+import { MatIconModule } from '@angular/material/icon';

@Component({
+  standalone: true,
+  imports: [CommonModule, TranslateModule, MatButtonModule, MatIconModule],
  selector: 'app-toggle-info-drawer',
  template: `
    <button
--- a/projects/aca-content/src/lib/components/toolbar/toggle-join-library/toggle-join-library-button.component.ts
+++ b/projects/aca-content/src/lib/components/toolbar/toggle-join-library/toggle-join-library-button.component.ts
@@ -35,9 +35,15 @@ import { ProfileState, SelectionState } from '@alfresco/adf-extensions';
 import { Component, ViewEncapsulation } from '@angular/core';
 import { Store } from '@ngrx/store';
 import { Observable } from 'rxjs';
-import { LibraryMembershipErrorEvent, LibraryMembershipToggleEvent } from '@alfresco/adf-content-services';
+import { ContentDirectiveModule, LibraryMembershipErrorEvent, LibraryMembershipToggleEvent } from '@alfresco/adf-content-services';
+import { CommonModule } from '@angular/common';
+import { MatButtonModule } from '@angular/material/button';
+import { TranslateModule } from '@ngx-translate/core';
+import { MatIconModule } from '@angular/material/icon';

@Component({
+  standalone: true,
+  imports: [CommonModule, TranslateModule, MatButtonModule, ContentDirectiveModule, MatIconModule],
  selector: 'app-toggle-join-library-button',
  template: `
    <button
--- a/projects/aca-content/src/lib/components/toolbar/toggle-join-library/toggle-join-library-menu.component.ts
+++ b/projects/aca-content/src/lib/components/toolbar/toggle-join-library/toggle-join-library-menu.component.ts
@@ -27,8 +27,15 @@ import { Store } from '@ngrx/store';
 import { AppHookService } from '@alfresco/aca-shared';
 import { AppStore } from '@alfresco/aca-shared/store';
 import { ToggleJoinLibraryButtonComponent } from './toggle-join-library-button.component';
+import { CommonModule } from '@angular/common';
+import { TranslateModule } from '@ngx-translate/core';
+import { ContentDirectiveModule } from '@alfresco/adf-content-services';
+import { MatIconModule } from '@angular/material/icon';
+import { MatMenuModule } from '@angular/material/menu';

@Component({
+  standalone: true,
+  imports: [CommonModule, TranslateModule, ContentDirectiveModule, MatIconModule, MatMenuModule],
  selector: 'app-toggle-join-library-menu',
  template: `
    <button
--- a/projects/aca-content/src/lib/components/toolbar/toggle-join-library/toggle-join-library.component.spec.ts
+++ b/projects/aca-content/src/lib/components/toolbar/toggle-join-library/toggle-join-library.component.spec.ts
@@ -24,14 +24,12 @@

 import { of } from 'rxjs';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { DirectiveModule } from '@alfresco/adf-core';
 import { Store } from '@ngrx/store';
 import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { SnackbarErrorAction, SnackbarInfoAction } from '@alfresco/aca-shared/store';
 import { AppTestingModule } from '../../../testing/app-testing.module';
 import { ToggleJoinLibraryButtonComponent } from './toggle-join-library-button.component';
 import { AppHookService, ContentApiService } from '@alfresco/aca-shared';
-import { ContentDirectiveModule } from '@alfresco/adf-content-services';

 describe('ToggleJoinLibraryComponent', () => {
  let component: ToggleJoinLibraryButtonComponent;
@@ -50,8 +48,7 @@ describe('ToggleJoinLibraryComponent', () => {
    };

    TestBed.configureTestingModule({
-      imports: [AppTestingModule, DirectiveModule, ContentDirectiveModule],
-      declarations: [ToggleJoinLibraryButtonComponent],
+      imports: [AppTestingModule, ToggleJoinLibraryButtonComponent],
      providers: [
        {
          provide: Store,
@@ -70,7 +67,7 @@ describe('ToggleJoinLibraryComponent', () => {
    contentApiService = TestBed.inject(ContentApiService);
    fixture = TestBed.createComponent(ToggleJoinLibraryButtonComponent);
    component = fixture.componentInstance;
-    spyOn(contentApiService['sitesApi'], 'getSiteMembershipRequestForPerson').and.stub();
+    spyOn(contentApiService.sitesApi, 'getSiteMembershipRequestForPerson').and.stub();
  });

  afterEach(() => {
--- a/projects/aca-content/src/lib/components/toolbar/view-node/view-node.component.spec.ts
+++ b/projects/aca-content/src/lib/components/toolbar/view-node/view-node.component.spec.ts
@@ -25,11 +25,10 @@
 import { TestBed } from '@angular/core/testing';
 import { ViewNodeComponent } from './view-node.component';
 import { Store } from '@ngrx/store';
-import { CoreModule } from '@alfresco/adf-core';
 import { Router } from '@angular/router';
 import { of } from 'rxjs';
-import { TranslateModule } from '@ngx-translate/core';
 import { ViewNodeAction } from '@alfresco/aca-shared/store';
+import { AppTestingModule } from '../../../testing/app-testing.module';

 describe('ViewNodeComponent', () => {
  let component: ViewNodeComponent;
@@ -52,8 +51,7 @@ describe('ViewNodeComponent', () => {

  beforeEach(() => {
    TestBed.configureTestingModule({
-      imports: [TranslateModule.forRoot(), CoreModule.forRoot()],
-      declarations: [ViewNodeComponent],
+      imports: [AppTestingModule, ViewNodeComponent],
      providers: [
        { provide: Store, useValue: mockStore },
        { provide: Router, useValue: mockRouter }
--- a/projects/aca-content/src/lib/components/toolbar/view-node/view-node.component.ts
+++ b/projects/aca-content/src/lib/components/toolbar/view-node/view-node.component.ts
@@ -29,8 +29,16 @@ import { Router } from '@angular/router';
 import { take } from 'rxjs/operators';
 import { SharedLinkEntry } from '@alfresco/js-api';
 import { AcaFileAutoDownloadService } from '@alfresco/aca-shared';
+import { CommonModule } from '@angular/common';
+import { TranslateModule } from '@ngx-translate/core';
+import { MatButtonModule } from '@angular/material/button';
+import { MatIconModule } from '@angular/material/icon';
+import { MatMenuModule } from '@angular/material/menu';
+import { MatDialogModule } from '@angular/material/dialog';

@Component({
+  standalone: true,
+  imports: [CommonModule, TranslateModule, MatButtonModule, MatIconModule, MatMenuModule, MatDialogModule],
  selector: 'app-view-node',
  template: `
    <button