ACS-7390: Core and Content Services as Standalone components (#10001)

2025-07-24 17:32:15 +00:00 · 2024-08-09 18:14:56 -04:00
parent 0277376c79
commit 93f9e80348
284 changed files with 2256 additions and 2497 deletions
--- a/lib/process-services-cloud/src/lib/app/app-list-cloud.module.ts
+++ b/lib/process-services-cloud/src/lib/app/app-list-cloud.module.ts
@@ -20,23 +20,11 @@ import { MaterialModule } from '../material.module';
 import { CommonModule } from '@angular/common';
 import { AppDetailsCloudComponent } from './components/app-details-cloud.component';
 import { AppListCloudComponent } from './components/app-list-cloud.component';
-import { TemplateModule, CoreModule } from '@alfresco/adf-core';
+import { TEMPLATE_DIRECTIVES, CoreModule } from '@alfresco/adf-core';

@NgModule({
-    imports: [
-        CommonModule,
-        TemplateModule,
-        MaterialModule,
-        CoreModule
-    ],
-    declarations: [
-        AppListCloudComponent,
-        AppDetailsCloudComponent
-    ],
-    exports: [
-        AppListCloudComponent,
-        AppDetailsCloudComponent
-    ]
+    imports: [CommonModule, ...TEMPLATE_DIRECTIVES, MaterialModule, CoreModule],
+    declarations: [AppListCloudComponent, AppDetailsCloudComponent],
+    exports: [AppListCloudComponent, AppDetailsCloudComponent]
 })
-export class AppListCloudModule {
-}
+export class AppListCloudModule {}
--- a/lib/process-services-cloud/src/lib/app/components/app-list-cloud.component.html
+++ b/lib/process-services-cloud/src/lib/app/components/app-list-cloud.component.html
@@ -14,7 +14,7 @@
            <mat-list class="adf-app-list">
                <mat-list-item class="adf-app-list-item" (click)="onSelectApp(app)" (keyup.enter)="onSelectApp(app)"
                    *ngFor="let app of appsList" tabindex="0" role="button" title="{{app.name}}">
-                    <mat-icon matListIcon>touch_app</mat-icon>
+                    <mat-icon matListItemIcon>touch_app</mat-icon>
                    <span class="adf-app-list-item-text" matLine>{{app.name}}</span>
                </mat-list-item>
            </mat-list>
--- a/lib/process-services-cloud/src/lib/common/process-common.module.ts
+++ b/lib/process-services-cloud/src/lib/common/process-common.module.ts
@@ -21,19 +21,12 @@ import { DateRangeFilterComponent } from './date-range-filter/date-range-filter.
 import { MaterialModule } from '../material.module';
 import { CommonModule } from '@angular/common';
 import { DateRangeFilterService } from './date-range-filter/date-range-filter.service';
+import { ReactiveFormsModule } from '@angular/forms';

@NgModule({
-    declarations: [ DateRangeFilterComponent ],
-    imports: [
-        CommonModule,
-        CoreModule,
-        MaterialModule
-    ],
-    exports: [
-        DateRangeFilterComponent
-    ],
-    providers: [
-        DateRangeFilterService
-    ]
+    declarations: [DateRangeFilterComponent],
+    imports: [CommonModule, CoreModule, MaterialModule, ReactiveFormsModule],
+    exports: [DateRangeFilterComponent],
+    providers: [DateRangeFilterService]
 })
 export class ProcessCommonModule {}
--- a/lib/process-services-cloud/src/lib/form/components/widgets/attach-file/attach-file-cloud-widget.component.ts
+++ b/lib/process-services-cloud/src/lib/form/components/widgets/attach-file/attach-file-cloud-widget.component.ts
@@ -227,8 +227,8 @@ export class AttachFileCloudWidgetComponent extends UploadCloudWidgetComponent i
        this.processCloudContentService.downloadFile(file.id);
    }

-    onUploadNewFileVersion(node: NewVersionUploaderDialogData): void {
-        this.newVersionUploaderService.openUploadNewVersionDialog(node).subscribe(
+    onUploadNewFileVersion(config: NewVersionUploaderDialogData): void {
+        this.newVersionUploaderService.openUploadNewVersionDialog(config).subscribe(
            (newVersionUploaderData) => {
                if (newVersionUploaderData.action === NewVersionUploaderDataAction.upload) {
                    this.replaceOldFileVersionWithNew(newVersionUploaderData as VersionManagerUploadData);
--- a/lib/process-services-cloud/src/lib/form/components/widgets/attach-file/file-properties-table-cloud.component.ts
+++ b/lib/process-services-cloud/src/lib/form/components/widgets/attach-file/file-properties-table-cloud.component.ts
@@ -49,16 +49,16 @@ export class FilePropertiesTableCloudComponent {
    mimeTypeIcon;

    @Output()
-    rowClick: EventEmitter<Node> = new EventEmitter<Node>();
+    rowClick = new EventEmitter<Node>();

    @Output()
-    attachFileClick: EventEmitter<any> = new EventEmitter<any>();
+    attachFileClick = new EventEmitter<any>();

    @Output()
-    downloadFile: EventEmitter<Node> = new EventEmitter<Node>();
+    downloadFile = new EventEmitter<Node>();

    @Output()
-    uploadNewFileVersion: EventEmitter<NewVersionUploaderDialogData> = new EventEmitter<NewVersionUploaderDialogData>();
+    uploadNewFileVersion = new EventEmitter<NewVersionUploaderDialogData>();

    @Output()
    contentModelFileHandler: EventEmitter<any> = new EventEmitter<Node>();
@@ -80,10 +80,12 @@ export class FilePropertiesTableCloudComponent {
        this.downloadFile.emit(file);
    }

-    onUploadNewFileVersion(customEvent: any, node: Node){
+    onUploadNewFileVersion(customEvent: any, node: Node) {
        const newVersionUploaderDialogData: NewVersionUploaderDialogData = {
            file: customEvent.detail.files[0].file,
-            node
+            node,
+            showComments: true,
+            allowDownload: true
        };
        this.uploadNewFileVersion.emit(newVersionUploaderDialogData);
    }
@@ -102,12 +104,12 @@ export class FilePropertiesTableCloudComponent {

    getColumnValue(file, displayableCMProperty): string {
        if (!file.properties[displayableCMProperty.prefixedName]) {
-            const fieldProperty = this.field.params.displayableCMProperties?.find(property => property.name === displayableCMProperty.name);
-            return fieldProperty.defaultValue ? this.checkDateTypeAndTransform(displayableCMProperty.dataType, fieldProperty.defaultValue) : '--' ;
+            const fieldProperty = this.field.params.displayableCMProperties?.find((property) => property.name === displayableCMProperty.name);
+            return fieldProperty.defaultValue ? this.checkDateTypeAndTransform(displayableCMProperty.dataType, fieldProperty.defaultValue) : '--';
        }
-        return file.properties[displayableCMProperty.prefixedName] ?
-            this.checkDateTypeAndTransform(displayableCMProperty.dataType, file.properties[displayableCMProperty.prefixedName]) :
-            '--' ;
+        return file.properties[displayableCMProperty.prefixedName]
+            ? this.checkDateTypeAndTransform(displayableCMProperty.dataType, file.properties[displayableCMProperty.prefixedName])
+            : '--';
    }

    checkDateTypeAndTransform(dataType, value): string {
--- a/lib/process-services-cloud/src/lib/form/form-cloud.module.ts
+++ b/lib/process-services-cloud/src/lib/form/form-cloud.module.ts
@@ -17,7 +17,7 @@

 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { CoreModule, FormatSpacePipe, ToolbarModule } from '@alfresco/adf-core';
+import { CoreModule, FormatSpacePipe, TOOLBAR_DIRECTIVES } from '@alfresco/adf-core';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { MaterialModule } from '../material.module';
 import { FormCloudComponent } from './components/form-cloud.component';
@@ -61,7 +61,7 @@ import { FormCloudSpinnerService } from './services/spinner/form-cloud-spinner.s
        PeopleCloudModule,
        GroupCloudModule,
        RichTextEditorModule,
-        ToolbarModule,
+        ...TOOLBAR_DIRECTIVES,
        A11yModule,
        FormatSpacePipe,
        AlfrescoViewerComponent,
--- a/lib/process-services-cloud/src/lib/group/components/group-cloud.component.html
+++ b/lib/process-services-cloud/src/lib/group/components/group-cloud.component.html
@@ -56,10 +56,7 @@
            </ng-template>
        </mat-autocomplete>
    </mat-form-field>
-    <mat-progress-bar
-        *ngIf="validationLoading"
-        mode="indeterminate">
-    </mat-progress-bar>
+    <mat-progress-bar *ngIf="validationLoading" mode="indeterminate"></mat-progress-bar>

    <div class="adf-error-container">
        <mat-error *ngIf="hasPreselectError() &&  !isValidationLoading()" [@transitionMessages]="subscriptAnimationState" class="adf-error">
--- a/lib/process-services-cloud/src/lib/group/group-cloud.module.ts
+++ b/lib/process-services-cloud/src/lib/group/group-cloud.module.ts
@@ -25,19 +25,12 @@ import { GroupCloudComponent } from './components/group-cloud.component';
 import { InitialGroupNamePipe } from './pipe/group-initial.pipe';
 import { IDENTITY_GROUP_SERVICE_TOKEN } from './services/identity-group-service.token';
 import { IdentityGroupService } from './services/identity-group.service';
+import { MatProgressBarModule } from '@angular/material/progress-bar';

@NgModule({
-    imports: [
-        CommonModule,
-        MaterialModule,
-        FormsModule,
-        ReactiveFormsModule,
-        CoreModule
-    ],
+    imports: [CommonModule, MaterialModule, FormsModule, ReactiveFormsModule, CoreModule, MatProgressBarModule],
    declarations: [GroupCloudComponent, InitialGroupNamePipe],
-    providers: [
-        { provide: IDENTITY_GROUP_SERVICE_TOKEN, useExisting: IdentityGroupService }
-    ],
+    providers: [{ provide: IDENTITY_GROUP_SERVICE_TOKEN, useExisting: IdentityGroupService }],
    exports: [GroupCloudComponent, InitialGroupNamePipe]
 })
-export class GroupCloudModule { }
+export class GroupCloudModule {}
--- a/lib/process-services-cloud/src/lib/people/people-cloud.module.ts
+++ b/lib/process-services-cloud/src/lib/people/people-cloud.module.ts
@@ -23,9 +23,10 @@ import { CoreModule, FullNamePipe, InitialUsernamePipe } from '@alfresco/adf-cor
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { IdentityUserService } from './services/identity-user.service';
 import { IDENTITY_USER_SERVICE_TOKEN } from './services/identity-user-service.token';
+import { MatProgressBarModule } from '@angular/material/progress-bar';

@NgModule({
-    imports: [CommonModule, MaterialModule, FormsModule, ReactiveFormsModule, CoreModule, FullNamePipe, InitialUsernamePipe],
+    imports: [CommonModule, MaterialModule, FormsModule, ReactiveFormsModule, CoreModule, FullNamePipe, InitialUsernamePipe, MatProgressBarModule],
    declarations: [PeopleCloudComponent],
    exports: [PeopleCloudComponent],
    providers: [{ provide: IDENTITY_USER_SERVICE_TOKEN, useExisting: IdentityUserService }]
--- a/lib/process-services-cloud/src/lib/pipes/process-name-cloud.pipe.spec.ts
+++ b/lib/process-services-cloud/src/lib/pipes/process-name-cloud.pipe.spec.ts
@@ -34,7 +34,8 @@ describe('ProcessNameCloudPipe', () => {

    beforeEach(() => {
        TestBed.configureTestingModule({
-            imports: [CoreTestingModule]
+            imports: [CoreTestingModule],
+            providers: [LocalizedDatePipe]
        });
        const localizedDatePipe = TestBed.inject(LocalizedDatePipe);
        processNamePipe = new ProcessNameCloudPipe(localizedDatePipe);
--- a/lib/process-services-cloud/src/lib/process/process-cloud.module.ts
+++ b/lib/process-services-cloud/src/lib/process/process-cloud.module.ts
@@ -19,7 +19,7 @@ import { NgModule } from '@angular/core';
 import { ProcessFiltersCloudModule } from './process-filters/process-filters-cloud.module';
 import { ProcessListCloudModule } from './process-list/process-list-cloud.module';
 import { StartProcessCloudModule } from './start-process/start-process-cloud.module';
-import { CoreModule } from '@alfresco/adf-core';
+import { CoreModule, LocalizedDatePipe } from '@alfresco/adf-core';
 import { ProcessHeaderCloudModule } from './process-header/process-header-cloud.module';
 import { ProcessDirectiveModule } from './directives/process-directive.module';
 import { ProcessNameCloudPipe } from '../pipes/process-name-cloud.pipe';
@@ -33,13 +33,7 @@ import { ProcessNameCloudPipe } from '../pipes/process-name-cloud.pipe';
        ProcessHeaderCloudModule,
        ProcessDirectiveModule
    ],
-    exports: [
-        ProcessFiltersCloudModule,
-        ProcessListCloudModule,
-        StartProcessCloudModule,
-        ProcessHeaderCloudModule,
-        ProcessDirectiveModule
-    ],
-    providers: [ProcessNameCloudPipe]
+    exports: [ProcessFiltersCloudModule, ProcessListCloudModule, StartProcessCloudModule, ProcessHeaderCloudModule, ProcessDirectiveModule],
+    providers: [ProcessNameCloudPipe, LocalizedDatePipe]
 })
-export class ProcessCloudModule { }
+export class ProcessCloudModule {}
--- a/lib/process-services-cloud/src/lib/task/task-list/testing/task-list.testing.module.ts
+++ b/lib/process-services-cloud/src/lib/task/task-list/testing/task-list.testing.module.ts
@@ -26,16 +26,11 @@ import {
    AppConfigServiceMock,
    TranslationService,
    TranslationMock,
-    ContextMenuModule
+    CONTEXT_MENU_DIRECTIVES
 } from '@alfresco/adf-core';

@NgModule({
-    imports: [
-        HttpClientModule,
-        NoopAnimationsModule,
-        TaskListCloudModule,
-        ContextMenuModule
-    ],
+    imports: [HttpClientModule, NoopAnimationsModule, TaskListCloudModule, ...CONTEXT_MENU_DIRECTIVES],
    providers: [
        { provide: AlfrescoApiService, useClass: AlfrescoApiServiceMock },
        { provide: AppConfigService, useClass: AppConfigServiceMock },