[AAE-11496] Move 'content-plugin' to projects folder as 'aca-content' (#2817)

* [AAE-11496] Move content-plugin to projects

* Fix unit test

projects/aca-content/src/lib/components/context-menu/context-menu-item.component.html

@@ -0,0 +1,31 @@
+<div class="aca-context-menu">
+  <ng-container [ngSwitch]="actionRef.type">
+    <ng-container *ngSwitchCase="'menu'">
+      <button mat-menu-item [id]="actionRef.id" [matMenuTriggerFor]="childMenu">
+        <adf-icon [value]="actionRef.icon"></adf-icon>
+        <span>{{ actionRef.title | translate }}</span>
+      </button>
+
+      <mat-menu #childMenu="matMenu">
+        <ng-container *ngFor="let child of actionRef.children; trackBy: trackByActionId">
+          <app-context-menu-item [actionRef]="child"></app-context-menu-item>
+        </ng-container>
+      </mat-menu>
+    </ng-container>
+
+    <ng-container *ngSwitchCase="'separator'">
+      <mat-divider></mat-divider>
+    </ng-container>
+
+    <ng-container *ngSwitchCase="'custom'">
+      <adf-dynamic-component [data]="actionRef.data" [id]="actionRef.component"></adf-dynamic-component>
+    </ng-container>
+
+    <ng-container *ngSwitchDefault>
+      <button mat-menu-item color="primary" [id]="actionRef.id" (click)="runAction()">
+        <adf-icon [value]="actionRef.icon"></adf-icon>
+        <span>{{ actionRef.title | translate }}</span>
+      </button>
+    </ng-container>
+  </ng-container>
+</div>

projects/aca-content/src/lib/components/context-menu/context-menu-item.component.spec.ts

@@ -0,0 +1,97 @@
+/*!
+ * @license
+ * Alfresco Example Content Application
+ *
+ * Copyright (C) 2005 - 2020 Alfresco Software Limited
+ *
+ * This file is part of the Alfresco Example Content Application.
+ * If the software was purchased under a paid Alfresco license, the terms of
+ * the paid license agreement will prevail.  Otherwise, the software is
+ * provided under the following open source license terms:
+ *
+ * The Alfresco Example Content Application is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Lesser General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * The Alfresco Example Content Application is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with Alfresco. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+import { TestBed, ComponentFixture } from '@angular/core/testing';
+import { AppTestingModule } from '../../testing/app-testing.module';
+import { ContextMenuItemComponent } from './context-menu-item.component';
+import { ContextMenuModule } from './context-menu.module';
+import { TranslateModule, TranslateLoader, TranslateFakeLoader } from '@ngx-translate/core';
+import { AppExtensionService } from '@alfresco/aca-shared';
+
+describe('ContextMenuComponent', () => {
+  let fixture: ComponentFixture<ContextMenuItemComponent>;
+  let component: ContextMenuItemComponent;
+  let extensionsService;
+  let contextItem;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({
+      imports: [
+        AppTestingModule,
+        ContextMenuModule,
+        TranslateModule.forRoot({
+          loader: { provide: TranslateLoader, useClass: TranslateFakeLoader }
+        })
+      ],
+      providers: [AppExtensionService]
+    });
+
+    fixture = TestBed.createComponent(ContextMenuItemComponent);
+    component = fixture.componentInstance;
+    extensionsService = TestBed.inject(AppExtensionService);
+
+    contextItem = {
+      type: 'button',
+      id: 'action-button',
+      title: 'Test Button',
+      actions: {
+        click: 'TEST_EVENT'
+      }
+    };
+  });
+
+  afterEach(() => {
+    fixture.destroy();
+  });
+
+  it('should render defined menu actions items', () => {
+    component.actionRef = contextItem;
+    fixture.detectChanges();
+
+    const buttonElement = fixture.nativeElement.querySelector('button');
+    expect(buttonElement.querySelector('span').innerText.trim()).toBe(contextItem.title);
+  });
+
+  it('should not run action when entry has no click attribute defined', () => {
+    spyOn(extensionsService, 'runActionById');
+    contextItem.actions = {};
+    component.actionRef = contextItem;
+    fixture.detectChanges();
+
+    fixture.nativeElement.querySelector('#action-button').dispatchEvent(new MouseEvent('click'));
+
+    expect(extensionsService.runActionById).not.toHaveBeenCalled();
+  });
+
+  it('should run action with provided action id', () => {
+    spyOn(extensionsService, 'runActionById');
+    component.actionRef = contextItem;
+    fixture.detectChanges();
+
+    fixture.nativeElement.querySelector('#action-button').dispatchEvent(new MouseEvent('click'));
+
+    expect(extensionsService.runActionById).toHaveBeenCalledWith(contextItem.actions.click);
+  });
+});

projects/aca-content/src/lib/components/context-menu/context-menu-item.component.ts

@@ -0,0 +1,55 @@
+/*!
+ * @license
+ * Alfresco Example Content Application
+ *
+ * Copyright (C) 2005 - 2020 Alfresco Software Limited
+ *
+ * This file is part of the Alfresco Example Content Application.
+ * If the software was purchased under a paid Alfresco license, the terms of
+ * the paid license agreement will prevail.  Otherwise, the software is
+ * provided under the following open source license terms:
+ *
+ * The Alfresco Example Content Application is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Lesser General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * The Alfresco Example Content Application is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with Alfresco. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+import { Component, Input, ViewEncapsulation } from '@angular/core';
+import { ContentActionRef } from '@alfresco/adf-extensions';
+import { AppExtensionService } from '@alfresco/aca-shared';
+
+@Component({
+  selector: 'app-context-menu-item',
+  templateUrl: './context-menu-item.component.html',
+  encapsulation: ViewEncapsulation.None,
+  host: { class: 'app-context-menu-item' }
+})
+export class ContextMenuItemComponent {
+  @Input()
+  actionRef: ContentActionRef;
+
+  constructor(private extensions: AppExtensionService) {}
+
+  runAction() {
+    if (this.hasClickAction(this.actionRef)) {
+      this.extensions.runActionById(this.actionRef.actions.click);
+    }
+  }
+
+  private hasClickAction(actionRef: ContentActionRef): boolean {
+    return !!(actionRef && actionRef.actions && actionRef.actions.click);
+  }
+
+  trackByActionId(_: number, obj: ContentActionRef): string {
+    return obj.id;
+  }
+}

projects/aca-content/src/lib/components/context-menu/context-menu-outside-event.directive.spec.ts

@@ -0,0 +1,32 @@
+/*!
+ * @license
+ * Alfresco Example Content Application
+ *
+ * Copyright (C) 2005 - 2020 Alfresco Software Limited
+ *
+ * This file is part of the Alfresco Example Content Application.
+ * If the software was purchased under a paid Alfresco license, the terms of
+ * the paid license agreement will prevail.  Otherwise, the software is
+ * provided under the following open source license terms:
+ *
+ * The Alfresco Example Content Application is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Lesser General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * The Alfresco Example Content Application is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with Alfresco. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+import { OutsideEventDirective } from './context-menu-outside-event.directive';
+
+describe('OutsideEventDirective', () => {
+  it('should be defined', () => {
+    expect(OutsideEventDirective).toBeDefined();
+  });
+});

projects/aca-content/src/lib/components/context-menu/context-menu-outside-event.directive.ts

@@ -0,0 +1,64 @@
+/*!
+ * @license
+ * Alfresco Example Content Application
+ *
+ * Copyright (C) 2005 - 2020 Alfresco Software Limited
+ *
+ * This file is part of the Alfresco Example Content Application.
+ * If the software was purchased under a paid Alfresco license, the terms of
+ * the paid license agreement will prevail.  Otherwise, the software is
+ * provided under the following open source license terms:
+ *
+ * The Alfresco Example Content Application is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Lesser General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * The Alfresco Example Content Application is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with Alfresco. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+import { Directive, Output, EventEmitter, OnInit, OnDestroy } from '@angular/core';
+import { fromEvent, Subscription } from 'rxjs';
+import { filter } from 'rxjs/operators';
+
+@Directive({
+  selector: '[acaContextMenuOutsideEvent]'
+})
+export class OutsideEventDirective implements OnInit, OnDestroy {
+  private subscriptions: Subscription[] = [];
+
+  @Output()
+  clickOutside: EventEmitter<null> = new EventEmitter();
+
+  constructor() {}
+
+  ngOnInit() {
+    this.subscriptions = this.subscriptions.concat([
+      fromEvent(document.body, 'click')
+        .pipe(filter((event) => !this.findAncestor(event.target as Element)))
+        .subscribe(() => this.clickOutside.next())
+    ]);
+  }
+
+  ngOnDestroy() {
+    this.subscriptions.forEach((subscription) => subscription.unsubscribe());
+    this.subscriptions = [];
+  }
+
+  private findAncestor(el: Element): boolean {
+    const className = 'aca-context-menu';
+
+    if (el.classList.contains(className)) {
+      return true;
+    }
+    // eslint-disable-next-line curly
+    while ((el = el.parentElement) && !el.classList.contains(className));
+    return !!el;
+  }
+}

projects/aca-content/src/lib/components/context-menu/context-menu-overlay.ts

@@ -0,0 +1,34 @@
+/*!
+ * @license
+ * Alfresco Example Content Application
+ *
+ * Copyright (C) 2005 - 2020 Alfresco Software Limited
+ *
+ * This file is part of the Alfresco Example Content Application.
+ * If the software was purchased under a paid Alfresco license, the terms of
+ * the paid license agreement will prevail.  Otherwise, the software is
+ * provided under the following open source license terms:
+ *
+ * The Alfresco Example Content Application is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Lesser General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * The Alfresco Example Content Application is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with Alfresco. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+import { OverlayRef } from '@angular/cdk/overlay';
+
+export class ContextMenuOverlayRef {
+  constructor(private overlayRef: OverlayRef) {}
+
+  close(): void {
+    this.overlayRef.dispose();
+  }
+}

projects/aca-content/src/lib/components/context-menu/context-menu.component.html

@@ -0,0 +1,35 @@
+<div [dir]="direction">
+  <div style="visibility: hidden;" [matMenuTriggerFor]="rootMenu"></div>
+
+  <mat-menu #rootMenu="matMenu" class="aca-context-menu" hasBackdrop="false" acaContextMenuOutsideEvent (clickOutside)="onClickOutsideEvent()">
+    <ng-container *ngFor="let entry of actions; trackBy: trackByActionId" [ngSwitch]="entry.type">
+      <ng-container *ngSwitchDefault>
+        <button mat-menu-item [id]="entry.id" (click)="runAction(entry)">
+          <adf-icon [value]="entry.icon"></adf-icon>
+          <span>{{ entry.title | translate }}</span>
+        </button>
+      </ng-container>
+
+      <ng-container *ngSwitchCase="'separator'">
+        <mat-divider></mat-divider>
+      </ng-container>
+
+      <ng-container *ngSwitchCase="'menu'">
+        <button mat-menu-item [id]="entry.id" [matMenuTriggerFor]="childMenu">
+          <adf-icon [value]="entry.icon"></adf-icon>
+          <span>{{ entry.title | translate }}</span>
+        </button>
+
+        <mat-menu #childMenu="matMenu">
+          <ng-container *ngFor="let child of entry.children; trackBy: trackByActionId">
+            <app-context-menu-item [actionRef]="child"></app-context-menu-item>
+          </ng-container>
+        </mat-menu>
+      </ng-container>
+
+      <ng-container *ngSwitchCase="'custom'">
+        <adf-dynamic-component [data]="entry.data" [id]="entry.component"></adf-dynamic-component>
+      </ng-container>
+    </ng-container>
+  </mat-menu>
+</div>

projects/aca-content/src/lib/components/context-menu/context-menu.component.spec.ts

@@ -0,0 +1,108 @@
+/*!
+ * @license
+ * Alfresco Example Content Application
+ *
+ * Copyright (C) 2005 - 2020 Alfresco Software Limited
+ *
+ * This file is part of the Alfresco Example Content Application.
+ * If the software was purchased under a paid Alfresco license, the terms of
+ * the paid license agreement will prevail.  Otherwise, the software is
+ * provided under the following open source license terms:
+ *
+ * The Alfresco Example Content Application is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Lesser General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * The Alfresco Example Content Application is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with Alfresco. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+import { TestBed, ComponentFixture } from '@angular/core/testing';
+import { AppTestingModule } from '../../testing/app-testing.module';
+import { ContextMenuComponent } from './context-menu.component';
+import { ContextMenuModule } from './context-menu.module';
+import { ContextMenuOverlayRef } from './context-menu-overlay';
+import { ContentActionType } from '@alfresco/adf-extensions';
+
+import { of } from 'rxjs';
+import { Store } from '@ngrx/store';
+import { AppExtensionService } from '@alfresco/aca-shared';
+
+describe('ContextMenuComponent', () => {
+  let fixture: ComponentFixture<ContextMenuComponent>;
+  let component: ContextMenuComponent;
+  let contextMenuOverlayRef: ContextMenuOverlayRef;
+  let extensionsService: AppExtensionService;
+
+  const contextItem = {
+    type: ContentActionType.button,
+    id: 'action-button',
+    title: 'Test Button',
+    actions: {
+      click: 'TEST_EVENT'
+    }
+  };
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({
+      imports: [ContextMenuModule, AppTestingModule],
+      providers: [
+        {
+          provide: ContextMenuOverlayRef,
+          useValue: {
+            close: jasmine.createSpy('close')
+          }
+        },
+        {
+          provide: Store,
+          useValue: {
+            dispatch: () => {},
+            select: () => of({ count: 1 })
+          }
+        }
+      ]
+    });
+
+    fixture = TestBed.createComponent(ContextMenuComponent);
+    component = fixture.componentInstance;
+
+    contextMenuOverlayRef = TestBed.inject(ContextMenuOverlayRef);
+    extensionsService = TestBed.inject(AppExtensionService);
+
+    spyOn(extensionsService, 'getAllowedContextMenuActions').and.returnValue(of([contextItem]));
+
+    fixture.detectChanges();
+  });
+
+  it('should close context menu on Escape event', () => {
+    document.dispatchEvent(new KeyboardEvent('keydown', { key: 'Escape' }));
+    expect(contextMenuOverlayRef.close).toHaveBeenCalled();
+  });
+
+  it('should render defined context menu actions items', async () => {
+    component.ngAfterViewInit();
+    fixture.detectChanges();
+    await fixture.whenStable();
+
+    const contextMenuElements = document.body.querySelector('.aca-context-menu')?.querySelectorAll('button');
+
+    expect(contextMenuElements?.length).toBe(1);
+    expect(contextMenuElements?.[0].querySelector('span')?.innerText).toBe(contextItem.title);
+  });
+
+  it('should run action with provided action id and correct payload', () => {
+    spyOn(extensionsService, 'runActionById');
+
+    component.runAction(contextItem);
+
+    expect(extensionsService.runActionById).toHaveBeenCalledWith(contextItem.actions.click, {
+      focusedElementOnCloseSelector: '.adf-context-menu-source'
+    });
+  });
+});

projects/aca-content/src/lib/components/context-menu/context-menu.component.ts

@@ -0,0 +1,97 @@
+/*!
+ * @license
+ * Alfresco Example Content Application
+ *
+ * Copyright (C) 2005 - 2020 Alfresco Software Limited
+ *
+ * This file is part of the Alfresco Example Content Application.
+ * If the software was purchased under a paid Alfresco license, the terms of
+ * the paid license agreement will prevail.  Otherwise, the software is
+ * provided under the following open source license terms:
+ *
+ * The Alfresco Example Content Application is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Lesser General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * The Alfresco Example Content Application is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with Alfresco. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+import { Component, ViewEncapsulation, OnInit, OnDestroy, HostListener, ViewChild, AfterViewInit, Inject } from '@angular/core';
+import { MatMenuTrigger } from '@angular/material/menu';
+import { Subject } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
+import { ContentActionRef } from '@alfresco/adf-extensions';
+import { ContextMenuOverlayRef } from './context-menu-overlay';
+import { CONTEXT_MENU_DIRECTION } from './direction.token';
+import { Direction } from '@angular/cdk/bidi';
+import { AppExtensionService } from '@alfresco/aca-shared';
+
+@Component({
+  selector: 'aca-context-menu',
+  templateUrl: './context-menu.component.html',
+  host: {
+    class: 'aca-context-menu-holder'
+  },
+  encapsulation: ViewEncapsulation.None
+})
+export class ContextMenuComponent implements OnInit, OnDestroy, AfterViewInit {
+  private onDestroy$: Subject<boolean> = new Subject<boolean>();
+  actions: Array<ContentActionRef> = [];
+
+  @ViewChild(MatMenuTrigger)
+  trigger: MatMenuTrigger;
+
+  @HostListener('document:keydown.Escape', ['$event'])
+  handleKeydownEscape(event: KeyboardEvent) {
+    if (event) {
+      if (this.contextMenuOverlayRef) {
+        this.contextMenuOverlayRef.close();
+      }
+    }
+  }
+
+  constructor(
+    private contextMenuOverlayRef: ContextMenuOverlayRef,
+    private extensions: AppExtensionService,
+    @Inject(CONTEXT_MENU_DIRECTION) public direction: Direction
+  ) {}
+
+  onClickOutsideEvent() {
+    if (this.contextMenuOverlayRef) {
+      this.contextMenuOverlayRef.close();
+    }
+  }
+
+  runAction(contentActionRef: ContentActionRef) {
+    this.extensions.runActionById(contentActionRef.actions.click, {
+      focusedElementOnCloseSelector: '.adf-context-menu-source'
+    });
+  }
+
+  ngOnDestroy() {
+    this.onDestroy$.next(true);
+    this.onDestroy$.complete();
+  }
+
+  ngOnInit() {
+    this.extensions
+      .getAllowedContextMenuActions()
+      .pipe(takeUntil(this.onDestroy$))
+      .subscribe((actions) => (this.actions = actions));
+  }
+
+  ngAfterViewInit() {
+    setTimeout(() => this.trigger.openMenu(), 0);
+  }
+
+  trackByActionId(_: number, obj: ContentActionRef): string {
+    return obj.id;
+  }
+}

projects/aca-content/src/lib/components/context-menu/context-menu.module.ts

@@ -0,0 +1,55 @@
+/*!
+ * @license
+ * Alfresco Example Content Application
+ *
+ * Copyright (C) 2005 - 2020 Alfresco Software Limited
+ *
+ * This file is part of the Alfresco Example Content Application.
+ * If the software was purchased under a paid Alfresco license, the terms of
+ * the paid license agreement will prevail.  Otherwise, the software is
+ * provided under the following open source license terms:
+ *
+ * The Alfresco Example Content Application is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Lesser General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * The Alfresco Example Content Application is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with Alfresco. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+import { CoreModule } from '@alfresco/adf-core';
+import { ExtensionsModule } from '@alfresco/adf-extensions';
+import { NgModule } from '@angular/core';
+import { MatButtonModule } from '@angular/material/button';
+import { MatIconModule } from '@angular/material/icon';
+import { MatListModule } from '@angular/material/list';
+import { MatMenuModule } from '@angular/material/menu';
+import { CoreExtensionsModule } from '../../extensions/core.extensions.module';
+import { AppCommonModule } from '../common/common.module';
+import { ContextMenuItemComponent } from './context-menu-item.component';
+import { OutsideEventDirective } from './context-menu-outside-event.directive';
+import { ContextMenuComponent } from './context-menu.component';
+import { ContextActionsModule } from '@alfresco/aca-shared';
+
+@NgModule({
+  imports: [
+    MatMenuModule,
+    MatListModule,
+    MatIconModule,
+    MatButtonModule,
+    CoreExtensionsModule.forChild(),
+    CoreModule.forChild(),
+    AppCommonModule,
+    ExtensionsModule,
+    ContextActionsModule
+  ],
+  declarations: [ContextMenuComponent, ContextMenuItemComponent, OutsideEventDirective],
+  exports: [OutsideEventDirective, ContextMenuComponent, ContextMenuItemComponent, ContextActionsModule]
+})
+export class ContextMenuModule {}

projects/aca-content/src/lib/components/context-menu/context-menu.service.spec.ts

@@ -0,0 +1,95 @@
+/*!
+ * @license
+ * Alfresco Example Content Application
+ *
+ * Copyright (C) 2005 - 2020 Alfresco Software Limited
+ *
+ * This file is part of the Alfresco Example Content Application.
+ * If the software was purchased under a paid Alfresco license, the terms of
+ * the paid license agreement will prevail.  Otherwise, the software is
+ * provided under the following open source license terms:
+ *
+ * The Alfresco Example Content Application is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Lesser General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * The Alfresco Example Content Application is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with Alfresco. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+import { TestBed } from '@angular/core/testing';
+import { Overlay } from '@angular/cdk/overlay';
+import { Injector } from '@angular/core';
+import { Store } from '@ngrx/store';
+import { of } from 'rxjs';
+import { CoreModule, UserPreferencesService } from '@alfresco/adf-core';
+import { ContextMenuService } from './context-menu.service';
+import { ContextMenuModule } from './context-menu.module';
+import { TranslateModule } from '@ngx-translate/core';
+
+describe('ContextMenuService', () => {
+  let contextMenuService;
+  let overlay;
+  let injector;
+  let userPreferencesService;
+  const overlayConfig = {
+    hasBackdrop: false,
+    backdropClass: '',
+    panelClass: 'test-panel',
+    source: {
+      x: 1,
+      y: 1
+    }
+  };
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({
+      imports: [TranslateModule.forRoot(), CoreModule.forRoot(), ContextMenuModule],
+      providers: [Overlay, { provide: Store, useValue: { select: () => of() } }, UserPreferencesService]
+    });
+
+    injector = TestBed.inject(Injector);
+    overlay = TestBed.inject(Overlay);
+    userPreferencesService = TestBed.inject(UserPreferencesService);
+  });
+
+  it('should create a custom overlay', () => {
+    contextMenuService = new ContextMenuService(injector, overlay, userPreferencesService);
+
+    contextMenuService.open(overlayConfig);
+
+    expect(document.querySelector('.test-panel')).not.toBe(null);
+  });
+
+  it('should render component', () => {
+    contextMenuService = new ContextMenuService(injector, overlay, userPreferencesService);
+
+    contextMenuService.open(overlayConfig);
+
+    expect(document.querySelector('aca-context-menu')).not.toBe(null);
+  });
+
+  it('should have default LTR direction value', () => {
+    contextMenuService = new ContextMenuService(injector, overlay, userPreferencesService);
+
+    contextMenuService.open(overlayConfig);
+
+    expect(document.body.querySelector('div[dir="ltr"]')).not.toBe(null);
+  });
+
+  it('should change direction on textOrientation event', () => {
+    spyOn(userPreferencesService, 'select').and.returnValue(of('rtl'));
+
+    contextMenuService = new ContextMenuService(injector, overlay, userPreferencesService);
+
+    contextMenuService.open(overlayConfig);
+
+    expect(document.body.querySelector('div[dir="rtl"]')).not.toBe(null);
+  });
+});

projects/aca-content/src/lib/components/context-menu/context-menu.service.ts

@@ -0,0 +1,112 @@
+/*!
+ * @license
+ * Alfresco Example Content Application
+ *
+ * Copyright (C) 2005 - 2020 Alfresco Software Limited
+ *
+ * This file is part of the Alfresco Example Content Application.
+ * If the software was purchased under a paid Alfresco license, the terms of
+ * the paid license agreement will prevail.  Otherwise, the software is
+ * provided under the following open source license terms:
+ *
+ * The Alfresco Example Content Application is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Lesser General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * The Alfresco Example Content Application is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with Alfresco. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+import { Injectable, Injector, ComponentRef } from '@angular/core';
+import { Overlay, OverlayConfig, OverlayRef } from '@angular/cdk/overlay';
+import { ComponentPortal } from '@angular/cdk/portal';
+import { ContextMenuOverlayRef } from './context-menu-overlay';
+import { ContextMenuComponent } from './context-menu.component';
+import { ContextmenuOverlayConfig } from './interfaces';
+import { UserPreferencesService } from '@alfresco/adf-core';
+import { Directionality } from '@angular/cdk/bidi';
+import { CONTEXT_MENU_DIRECTION } from './direction.token';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class ContextMenuService {
+  private direction: Directionality;
+
+  constructor(private injector: Injector, private overlay: Overlay, private userPreferenceService: UserPreferencesService) {
+    this.userPreferenceService.select('textOrientation').subscribe((textOrientation) => {
+      this.direction = textOrientation;
+    });
+  }
+
+  open(config: ContextmenuOverlayConfig): ContextMenuOverlayRef {
+    const overlay = this.createOverlay(config);
+    const overlayRef = new ContextMenuOverlayRef(overlay);
+
+    this.attachDialogContainer(overlay, overlayRef);
+
+    return overlayRef;
+  }
+
+  private createOverlay(config: ContextmenuOverlayConfig): OverlayRef {
+    const overlayConfig = this.getOverlayConfig(config);
+    return this.overlay.create(overlayConfig);
+  }
+
+  private attachDialogContainer(overlay: OverlayRef, contextmenuOverlayRef: ContextMenuOverlayRef): ContextMenuComponent {
+    const injector = this.createInjector(contextmenuOverlayRef);
+
+    const containerPortal = new ComponentPortal(ContextMenuComponent, null, injector);
+    const containerRef: ComponentRef<ContextMenuComponent> = overlay.attach(containerPortal);
+
+    return containerRef.instance;
+  }
+
+  private createInjector(contextmenuOverlayRef: ContextMenuOverlayRef): Injector {
+    const injectionTokens = new WeakMap();
+
+    injectionTokens.set(ContextMenuOverlayRef, contextmenuOverlayRef);
+    injectionTokens.set(CONTEXT_MENU_DIRECTION, this.direction);
+
+    return Injector.create({
+      parent: this.injector,
+      providers: [
+        { provide: ContextMenuOverlayRef, useValue: contextmenuOverlayRef },
+        { provide: CONTEXT_MENU_DIRECTION, useValue: this.direction }
+      ]
+    });
+  }
+
+  private getOverlayConfig(config: ContextmenuOverlayConfig): OverlayConfig {
+    const { x, y } = config.source;
+
+    const positionStrategy = this.overlay
+      .position()
+      .flexibleConnectedTo({ x, y })
+      .withPositions([
+        {
+          originX: 'end',
+          originY: 'bottom',
+          overlayX: 'end',
+          overlayY: 'top'
+        }
+      ]);
+
+    const overlayConfig = new OverlayConfig({
+      hasBackdrop: config.hasBackdrop,
+      backdropClass: config.backdropClass,
+      panelClass: config.panelClass,
+      scrollStrategy: this.overlay.scrollStrategies.close(),
+      positionStrategy,
+      direction: this.direction
+    });
+
+    return overlayConfig;
+  }
+}

projects/aca-content/src/lib/components/context-menu/direction.token.ts

@@ -0,0 +1,31 @@
+/*!
+ * @license
+ * Alfresco Example Content Application
+ *
+ * Copyright (C) 2005 - 2020 Alfresco Software Limited
+ *
+ * This file is part of the Alfresco Example Content Application.
+ * If the software was purchased under a paid Alfresco license, the terms of
+ * the paid license agreement will prevail.  Otherwise, the software is
+ * provided under the following open source license terms:
+ *
+ * The Alfresco Example Content Application is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Lesser General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * The Alfresco Example Content Application is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with Alfresco. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+import { InjectionToken } from '@angular/core';
+
+export const CONTEXT_MENU_DIRECTION = new InjectionToken('CONTEXT_MENU_DIRECTION', {
+  providedIn: 'root',
+  factory: () => 'ltr'
+});

projects/aca-content/src/lib/components/context-menu/interfaces.ts

@@ -0,0 +1,32 @@
+/*!
+ * @license
+ * Alfresco Example Content Application
+ *
+ * Copyright (C) 2005 - 2020 Alfresco Software Limited
+ *
+ * This file is part of the Alfresco Example Content Application.
+ * If the software was purchased under a paid Alfresco license, the terms of
+ * the paid license agreement will prevail.  Otherwise, the software is
+ * provided under the following open source license terms:
+ *
+ * The Alfresco Example Content Application is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Lesser General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * The Alfresco Example Content Application is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with Alfresco. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+export interface ContextmenuOverlayConfig {
+  panelClass?: string;
+  hasBackdrop?: boolean;
+  backdropClass?: string;
+  source?: MouseEvent;
+  data?: any;
+}