[ADF-4198] - fix user info close on esc key (#4644)

lib/core/userinfo/components/user-info.component.ts

@@ -15,7 +15,7 @@
  * limitations under the License.
  */
 
-import { Component, Input, OnInit, ViewEncapsulation } from '@angular/core';
+import { Component, Input, OnInit, ViewEncapsulation, ViewChild } from '@angular/core';
 import { AuthenticationService } from '../../services/authentication.service';
 import { BpmUserModel } from './../models/bpm-user.model';
 import { EcmUserModel } from './../models/ecm-user.model';
@@ -24,6 +24,7 @@ import { BpmUserService } from './../services/bpm-user.service';
 import { EcmUserService } from './../services/ecm-user.service';
 import { IdentityUserService } from '../services/identity-user.service';
 import { of, Observable } from 'rxjs';
+import { MatMenuTrigger } from '@angular/material';
 
 @Component({
     selector: 'adf-userinfo',
@@ -33,6 +34,8 @@ import { of, Observable } from 'rxjs';
 })
 export class UserInfoComponent implements OnInit {
 
+    @ViewChild(MatMenuTrigger) trigger: MatMenuTrigger;
+
     /** Custom path for the background banner image for ACS users. */
     @Input()
     ecmBackgroundImage: string = './assets/images/ecm-background.png';
@@ -87,6 +90,16 @@ export class UserInfoComponent implements OnInit {
         }
     }
 
+    onKeyPress(event: KeyboardEvent) {
+        this.closeUserModal(event);
+    }
+
+    private closeUserModal($event: KeyboardEvent) {
+        if ($event.keyCode === 27 ) {
+            this.trigger.closeMenu();
+        }
+    }
+
     isLoggedIn(): boolean {
         return this.authService.isLoggedIn();
     }