[ADF-2990] Datatable - row navigation (#5198)

* datatable row component

* add to module

* implement datatable row component

* use FocusKeyManager for arrows navigation

* tests

* prevent screen reader to announce undefined value

* prevent from bubbling up

* fix unit test

* fix row locator

* fix locator reference

* fix row reference locators

* fix locator xpath

lib/content-services/src/lib/directives/node-lock.directive.spec.ts

@@ -73,9 +73,7 @@ describe('NodeLock Directive', () => {
 
         fixture.detectChanges();
         element = fixture.debugElement.query(By.directive(NodeLockDirective));
-        element.triggerEventHandler('click', {
-            preventDefault: () => {}
-        });
+        element.nativeElement.dispatchEvent(new MouseEvent('click'));
 
         expect(contentNodeDialogService.openLockNodeDialog).toHaveBeenCalledWith(fakeNode);
     });

lib/content-services/src/lib/directives/node-lock.directive.ts

@@ -33,7 +33,7 @@ export class NodeLockDirective implements AfterViewInit {
 
     @HostListener('click', [ '$event' ])
     onClick(event) {
-        event.preventDefault();
+        event.stopPropagation();
         this.contentNodeDialogService.openLockNodeDialog(this.node);
     }