[MNT-23433] Close Preview button position (#3535)

* [MNT-23433] preview button configure

* [MNT-23433] e2e fix

* [MNT-23433] e2e fix for protractor

* [MNT-23433] default position set to right

* [MNT-23433] close button added for e2e

* [MNT-23433] documentation added

* [MNT-23433] removed close button from toolbar

* [MNT-23433]  passing close button position

* [MNT-23433] hide info icon

* [MNT-23433] add property for info button

* Upstream ADF-6.6.0-7386887320, Js-api-7.5.0-7386887320 version

app/src/app.config.json

@@ -1137,6 +1137,7 @@
     "downloadPromptDelay": 50,
     "downloadPromptReminderDelay": 30,
     "enableFileAutoDownload": true,
-    "fileAutoDownloadSizeThresholdInMB": 15
+    "fileAutoDownloadSizeThresholdInMB": 15,
+    "closeButtonPosition": "right"
   }
 }

package.json

@@ -33,11 +33,11 @@
   },
   "private": true,
   "dependencies": {
-    "@alfresco/adf-content-services": ">=6.6.0-7307998972",
-    "@alfresco/adf-core": ">=6.6.0-7307998972",
-    "@alfresco/adf-extensions": ">=6.6.0-7307998972",
-    "@alfresco/eslint-plugin-eslint-angular": ">=6.6.0-7307998972",
-    "@alfresco/js-api": ">=7.5.0-7307998972",
+    "@alfresco/adf-content-services": ">=6.6.0-7386887320",
+    "@alfresco/adf-core": ">=6.6.0-7386887320",
+    "@alfresco/adf-extensions": ">=6.6.0-7386887320",
+    "@alfresco/eslint-plugin-eslint-angular": ">=6.6.0-7386887320",
+    "@alfresco/js-api": ">=7.5.0-7386887320",
     "@angular/animations": "14.1.3",
     "@angular/cdk": "14.1.3",
     "@angular/common": "14.1.3",
@@ -65,8 +65,8 @@
     "zone.js": "0.11.8"
   },
   "devDependencies": {
-    "@alfresco/adf-cli": ">=6.6.0-7307998972",
-    "@alfresco/adf-testing": ">=6.6.0-7307998972",
+    "@alfresco/adf-cli": ">=6.6.0-7386887320",
+    "@alfresco/adf-testing": ">=6.6.0-7386887320",
     "@angular-devkit/build-angular": "14.2.11",
     "@angular-devkit/core": "14.1.2",
     "@angular-devkit/schematics": "14.1.2",

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

@@ -13,6 +13,8 @@
     [allowDownload]="false"
     [allowFullScreen]="false"
     [overlayMode]="true"
+    [hideInfoButton]="true"
+    [closeButtonPosition]="'viewer.closeButtonPosition' | adfAppConfig: 'right'"
     (showViewerChange)="onViewerVisibilityChanged()"
     [canNavigateBefore]="!!previousNodeId"
     [canNavigateNext]="!!nextNodeId"

projects/aca-content/viewer/src/lib/components/viewer/viewer.component.scss

@@ -16,11 +16,6 @@
     }
   }
 
-  // todo: remove this when viewer supports extensions
-  .adf-viewer-toolbar > * > button:last-child {
-    display: none;
-  }
-
   .adf-alfresco-viewer.aca-right_side--hide .adf-viewer__sidebar__right {
     width: 0;
   }

projects/aca-testing-shared/src/components/viewer/viewer.ts

@@ -103,7 +103,7 @@ export class Viewer extends Component {
   }
 
   async clickCloseButton(): Promise<void> {
-    const closeButton: ElementFinder = element(by.css('button[data-automation-id="adf-toolbar-back"]'));
+    const closeButton: ElementFinder = element(by.css('button.adf-viewer-close-button'));
     await BrowserActions.click(closeButton);
   }
 }