ACS-7381: Break DataTable dependency on Material Module (#9981)

2025-07-24 17:32:15 +00:00 · 2024-07-25 08:40:48 -04:00
parent bca4d6cb65
commit dc444cfaa4
47 changed files with 363 additions and 342 deletions
--- a/lib/process-services/src/lib/attachment/process-attachment-list/process-attachment-list.component.ts
+++ b/lib/process-services/src/lib/attachment/process-attachment-list/process-attachment-list.component.ts
@@ -15,7 +15,16 @@
 * limitations under the License.
 */

-import { DataTableModule, DownloadService, EmptyListComponent, ThumbnailService } from '@alfresco/adf-core';
+import {
+    DataColumnComponent,
+    DataColumnListComponent,
+    DataTableComponent,
+    DownloadService,
+    EmptyListComponent,
+    LoadingContentTemplateDirective,
+    NoContentTemplateDirective,
+    ThumbnailService
+} from '@alfresco/adf-core';
 import {
    AfterContentInit,
    ContentChild,
@@ -36,7 +45,17 @@ import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
@Component({
    selector: 'adf-process-attachment-list',
    standalone: true,
-    imports: [CommonModule, DataTableModule, TranslateModule, MatProgressSpinnerModule],
+    imports: [
+        CommonModule,
+        TranslateModule,
+        MatProgressSpinnerModule,
+        DataTableComponent,
+        NoContentTemplateDirective,
+        EmptyListComponent,
+        DataColumnListComponent,
+        DataColumnComponent,
+        LoadingContentTemplateDirective
+    ],
    styleUrls: ['./process-attachment-list.component.scss'],
    templateUrl: './process-attachment-list.component.html',
    encapsulation: ViewEncapsulation.None
--- a/lib/process-services/src/lib/attachment/task-attachment-list/task-attachment-list.component.ts
+++ b/lib/process-services/src/lib/attachment/task-attachment-list/task-attachment-list.component.ts
@@ -15,7 +15,17 @@
 * limitations under the License.
 */

-import { ThumbnailService, EmptyListComponent, DownloadService, DataTableModule } from '@alfresco/adf-core';
+import {
+    ThumbnailService,
+    EmptyListComponent,
+    DownloadService,
+    DataTableComponent,
+    EmptyListHeaderDirective,
+    DataColumnListComponent,
+    DataColumnComponent,
+    LoadingContentTemplateDirective,
+    NoContentTemplateDirective
+} from '@alfresco/adf-core';
 import {
    AfterContentInit,
    ContentChild,
@@ -30,13 +40,25 @@ import {
 } from '@angular/core';
 import { ProcessContentService } from '../../form/services/process-content.service';
 import { CommonModule } from '@angular/common';
-import { TranslateModule } from '@ngx-translate/core';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import { TranslateModule } from '@ngx-translate/core';

@Component({
    selector: 'adf-task-attachment-list',
    standalone: true,
-    imports: [CommonModule, DataTableModule, TranslateModule, MatProgressSpinnerModule],
+    imports: [
+        CommonModule,
+        TranslateModule,
+        MatProgressSpinnerModule,
+        DataTableComponent,
+        EmptyListHeaderDirective,
+        TranslateModule,
+        DataColumnListComponent,
+        DataColumnComponent,
+        LoadingContentTemplateDirective,
+        EmptyListComponent,
+        NoContentTemplateDirective
+    ],
    styleUrls: ['./task-attachment-list.component.scss'],
    templateUrl: './task-attachment-list.component.html',
    encapsulation: ViewEncapsulation.None
--- a/lib/process-services/src/lib/form/form-list/form-list.component.ts
+++ b/lib/process-services/src/lib/form/form-list/form-list.component.ts
@@ -18,12 +18,12 @@
 import { Component, Input, OnChanges, ViewEncapsulation } from '@angular/core';
 import { ModelService } from '../services/model.service';
 import { CommonModule } from '@angular/common';
-import { DataTableModule } from '@alfresco/adf-core';
+import { DataColumnComponent, DataColumnListComponent, DataTableComponent } from '@alfresco/adf-core';

@Component({
    selector: 'adf-form-list',
    standalone: true,
-    imports: [CommonModule, DataTableModule],
+    imports: [CommonModule, DataTableComponent, DataColumnListComponent, DataColumnComponent],
    templateUrl: './form-list.component.html',
    encapsulation: ViewEncapsulation.None
 })
--- a/lib/process-services/src/lib/people/components/people-list/people-list.component.ts
+++ b/lib/process-services/src/lib/people/components/people-list/people-list.component.ts
@@ -15,7 +15,7 @@
 * limitations under the License.
 */

-import { DataTableComponent, DataCellEvent, DataColumnListComponent, ShowHeaderMode, DataTableModule } from '@alfresco/adf-core';
+import { DataTableComponent, DataCellEvent, DataColumnListComponent, ShowHeaderMode } from '@alfresco/adf-core';
 import { AfterContentInit, Component, ContentChild, EventEmitter, Input, Output, ViewChild } from '@angular/core';
 import { UserEventModel } from '../../../task-list/models/user-event.model';
 import { LightUserRepresentation } from '@alfresco/js-api';
@@ -24,7 +24,7 @@ import { CommonModule } from '@angular/common';
@Component({
    selector: 'adf-people-list',
    standalone: true,
-    imports: [CommonModule, DataTableModule],
+    imports: [CommonModule, DataTableComponent],
    templateUrl: './people-list.component.html',
    styleUrls: ['./people-list.component.scss']
 })
--- a/lib/process-services/src/lib/people/components/people-search-field/people-search-field.component.ts
+++ b/lib/process-services/src/lib/people/components/people-search-field/people-search-field.component.ts
@@ -15,7 +15,7 @@
 * limitations under the License.
 */

-import { DataTableModule, TranslationService } from '@alfresco/adf-core';
+import { DataColumnComponent, DataColumnListComponent, TranslationService } from '@alfresco/adf-core';
 import { Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';
 import { ReactiveFormsModule, UntypedFormControl } from '@angular/forms';
 import { debounceTime, switchMap } from 'rxjs/operators';
@@ -32,7 +32,15 @@ import { PeopleListComponent } from '../people-list/people-list.component';
@Component({
    selector: 'adf-people-search-field',
    standalone: true,
-    imports: [CommonModule, MatFormFieldModule, MatInputModule, ReactiveFormsModule, DataTableModule, PeopleListComponent],
+    imports: [
+        CommonModule,
+        MatFormFieldModule,
+        MatInputModule,
+        ReactiveFormsModule,
+        PeopleListComponent,
+        DataColumnListComponent,
+        DataColumnComponent
+    ],
    templateUrl: './people-search-field.component.html',
    styleUrls: ['./people-search-field.component.scss'],
    host: { class: 'adf-people-search-field' },
--- a/lib/process-services/src/lib/people/components/people/people.component.ts
+++ b/lib/process-services/src/lib/people/components/people/people.component.ts
@@ -26,13 +26,22 @@ import { CommonModule } from '@angular/common';
 import { MatCardModule } from '@angular/material/card';
 import { TranslateModule } from '@ngx-translate/core';
 import { MatIconModule } from '@angular/material/icon';
-import { DataTableModule } from '@alfresco/adf-core';
 import { PeopleListComponent } from '../people-list/people-list.component';
+import { DataColumnComponent, DataColumnListComponent } from '@alfresco/adf-core';

@Component({
    selector: 'adf-people',
    standalone: true,
-    imports: [CommonModule, MatCardModule, TranslateModule, MatIconModule, DataTableModule, PeopleSearchComponent, PeopleListComponent],
+    imports: [
+        CommonModule,
+        MatCardModule,
+        TranslateModule,
+        MatIconModule,
+        PeopleSearchComponent,
+        PeopleListComponent,
+        DataColumnListComponent,
+        DataColumnComponent
+    ],
    templateUrl: './people.component.html',
    styleUrls: ['./people.component.scss'],
    encapsulation: ViewEncapsulation.None
--- a/lib/process-services/src/lib/process-list/components/process-list/process-list.component.ts
+++ b/lib/process-services/src/lib/process-list/components/process-list/process-list.component.ts
@@ -29,8 +29,10 @@ import {
    UserPreferencesService,
    DataCellEvent,
    DEFAULT_PAGINATION,
-    DataTableModule,
-    EmptyContentComponent
+    EmptyContentComponent,
+    DataTableComponent,
+    LoadingContentTemplateDirective,
+    NoContentTemplateDirective
 } from '@alfresco/adf-core';
 import { AfterContentInit, Component, ContentChild, EventEmitter, Input, OnChanges, Output, SimpleChanges } from '@angular/core';
 import { ProcessService } from '../../services/process.service';
@@ -69,7 +71,15 @@ export const processPresetsDefaultModel = {
@Component({
    selector: 'adf-process-instance-list',
    standalone: true,
-    imports: [CommonModule, DataTableModule, MatProgressSpinnerModule, EmptyContentComponent, TranslateModule],
+    imports: [
+        CommonModule,
+        MatProgressSpinnerModule,
+        EmptyContentComponent,
+        TranslateModule,
+        DataTableComponent,
+        LoadingContentTemplateDirective,
+        NoContentTemplateDirective
+    ],
    styleUrls: ['./process-list.component.css'],
    templateUrl: './process-list.component.html'
 })
--- a/lib/process-services/src/lib/task-list/components/task-list/task-list.component.spec.ts
+++ b/lib/process-services/src/lib/task-list/components/task-list/task-list.component.spec.ts
@@ -24,7 +24,6 @@ import {
    ObjectDataRow,
    DataCellEvent,
    ObjectDataColumn,
-    DataTableModule,
    AppConfigServiceMock,
    AlfrescoApiServiceMock,
    AlfrescoApiService
@@ -106,14 +105,7 @@ describe('TaskListComponent', () => {

    beforeEach(() => {
        TestBed.configureTestingModule({
-            imports: [
-                TranslateModule.forRoot(),
-                DataTableModule,
-                NoopAnimationsModule,
-                MatProgressSpinnerModule,
-                HttpClientTestingModule,
-                TaskListComponent
-            ],
+            imports: [TranslateModule.forRoot(), NoopAnimationsModule, MatProgressSpinnerModule, HttpClientTestingModule, TaskListComponent],
            providers: [
                TaskListService,
                { provide: AlfrescoApiService, useClass: AlfrescoApiServiceMock },
--- a/lib/process-services/src/lib/task-list/components/task-list/task-list.component.ts
+++ b/lib/process-services/src/lib/task-list/components/task-list/task-list.component.ts
@@ -28,8 +28,10 @@ import {
    PaginationModel,
    DataCellEvent,
    DEFAULT_PAGINATION,
-    DataTableModule,
-    EmptyContentComponent
+    EmptyContentComponent,
+    DataTableComponent,
+    LoadingContentTemplateDirective,
+    NoContentTemplateDirective
 } from '@alfresco/adf-core';
 import { AfterContentInit, Component, ContentChild, EventEmitter, Input, OnChanges, Output, SimpleChanges, OnDestroy, OnInit } from '@angular/core';
 import { BehaviorSubject, Subject } from 'rxjs';
@@ -46,7 +48,15 @@ export const PRESET_KEY = 'adf-task-list.presets';
@Component({
    selector: 'adf-tasklist',
    standalone: true,
-    imports: [CommonModule, DataTableModule, MatProgressSpinnerModule, EmptyContentComponent, TranslateModule],
+    imports: [
+        CommonModule,
+        MatProgressSpinnerModule,
+        EmptyContentComponent,
+        TranslateModule,
+        DataTableComponent,
+        LoadingContentTemplateDirective,
+        NoContentTemplateDirective
+    ],
    templateUrl: './task-list.component.html',
    styleUrls: ['./task-list.component.css']
 })