[ACS-12728] Allow to drag to outside document list

projects/aca-content/assets/app.extensions.json

@@ -2567,7 +2567,8 @@
           "sortable": false,
           "desktopOnly": false,
           "order": 10,
-          "resizable": false
+          "resizable": false,
+          "visibleInDragPreview": true
         },
         {
           "id": "app.files.name",
@@ -2579,7 +2580,8 @@
           "template": "app.columns.name",
           "desktopOnly": false,
           "order": 20,
-          "draggable": true
+          "draggable": true,
+          "visibleInDragPreview": true
         },
         {
           "id": "app.files.size",

projects/aca-content/src/lib/components/files/files.component.html

@@ -5,7 +5,8 @@
         [root]="title"
         [folderNode]="node"
         [selectedRowItemsCount]="selectedRowItemsCount" [maxItems]="isSmallScreen ? 1 : 0"
-        (navigate)="onBreadcrumbNavigate($event)" />
+        (navigate)="onBreadcrumbNavigate($event)"
+        (breadcrumbPathElementsChange)="breadcrumbPathNames = $event"/>
       <aca-toolbar [items]="actions" />
     </div>
   </div>
@@ -44,6 +45,9 @@
           (selectedItemsCountChanged)="onSelectedItemsCountChanged($event)"
           (filterSelection)="onFilterSelected($event)"
           (error)="onError($event)"
+          [enableDragRows]="true"
+          [dropListConnectedTo]="breadcrumbPathNames"
+          [dragBoundary]="'aca-files'"
         >
           <data-columns>
             <ng-container *ngFor="let column of columns; trackBy: trackByColumnId">
@@ -60,6 +64,7 @@
                   [isHidden]="column.isHidden"
                   [draggable]="column.draggable"
                   [resizable]="column.resizable"
+                  [visibleInDragPreview]="column.visibleInDragPreview"
                 >
                   <ng-template let-context>
                     <adf-dynamic-column [id]="column.template" [context]="context" />
@@ -80,6 +85,7 @@
                   [isHidden]="column.isHidden"
                   [draggable]="column.draggable"
                   [resizable]="column.resizable"
+                  [visibleInDragPreview]="column.visibleInDragPreview"
                 />
               </ng-container>
             </ng-container>

projects/aca-content/src/lib/components/files/files.component.ts

@@ -102,6 +102,7 @@ export class FilesComponent extends PageComponent implements OnInit, OnDestroy {
   showLoader$ = this.store.select(showLoaderSelector);
   columns: DocumentListPresetRef[] = [];
   isFilterHeaderActive = false;
+  breadcrumbPathNames: string[] = [];
 
   private nodePath: PathElement[];
   private _errorTranslationKey = 'APP.MESSAGES.ERRORS.MISSING_CONTENT';