[ADF-5153] Transclusion exposed from the DataTable to the DocumentList (#5743)

* [ADF-5153] Transclusion exposed from the DataTable to the DocumentList

* [ADF-5153] Add flags to control transclusion

* [ADF-5153] Remove Ngif breaking the transclusion

lib/content-services/src/lib/document-list/components/document-list.component.html

@@ -14,6 +14,7 @@
     [showHeader]="!isEmpty() && showHeader"
     [rowMenuCacheEnabled]="false"
     [stickyHeader]="stickyHeader"
+    [allowFiltering]="allowFiltering"
     (showRowContextMenu)="onShowRowContextMenu($event)"
     (showRowActionsMenu)="onShowRowActionsMenu($event)"
     (executeRowAction)="onExecuteRowAction($event)"
@@ -23,6 +24,10 @@
     (row-unselect)="onNodeUnselect($event.detail)"
     [class.adf-datatable-gallery-thumbnails]="data.thumbnails">
 
+    <ng-template let-col>
+        <!-- [ACA-3206] TODO : Implement search/filter widget HERE -->
+    </ng-template>
+
     <adf-no-content-template>
         <ng-template>
             <adf-empty-list *ngIf="!customNoContentTemplate">

lib/content-services/src/lib/document-list/components/document-list.component.ts

@@ -308,6 +308,7 @@ export class DocumentListComponent implements OnInit, OnChanges, OnDestroy, Afte
     noPermission: boolean = false;
     selection = new Array<NodeEntry>();
     $folderNode: Subject<Node> = new Subject<Node>();
+    allowFiltering: boolean = true;
 
     // @deprecated 3.0.0
     folderNode: Node;

lib/core/datatable/components/datatable/datatable.component.html

@@ -34,6 +34,7 @@
                  adf-drop-zone dropTarget="header" [dropColumn]="col">
                 <span *ngIf="col.title" class="adf-datatable-cell-value">{{ col.title | translate}}</span>
                 <span *ngIf="col.title && col.sortable" class="adf-sr-only" aria-live="polite">{{ getSortLiveAnnouncement(col) | translate: { string: col.title | translate } }}</span>
+                <ng-template *ngIf="allowFiltering" [ngTemplateOutlet]="filterTemplateRef" [ngTemplateOutletContext]="{$implicit: col}"></ng-template>
             </div>
             <!-- Actions (right) -->
             <div *ngIf="actions && actionsPosition === 'right'" class="adf-actions-column adf-datatable-cell-header adf-datatable__actions-cell">

lib/core/datatable/components/datatable/datatable.component.ts

@@ -169,6 +169,15 @@ export class DataTableComponent implements AfterContentInit, OnChanges, DoCheck,
     @Input()
     resolverFn: (row: DataRow, col: DataColumn) => any = null;
 
+    /**
+     * Flag that indicate if the datatable allow the use facet widget search for filtering.
+     */
+    @Input()
+    allowFiltering: boolean = false;
+
+    @ContentChild(TemplateRef)
+    filterTemplateRef: TemplateRef<any>;
+
     noContentTemplate: TemplateRef<any>;
     noPermissionTemplate: TemplateRef<any>;
     loadingTemplate: TemplateRef<any>;