[ADF-4865] Upload Dialog - row actions not accessible by keyboard alone (#5051)

* access upload dialog information by keyboard

* upload files actions keyboard accessibility

* aria labels translation keys

* refractor styling

* toggle action icons

* update docs

* e2e

* e2e update action reference

docs/README.md

@@ -292,6 +292,7 @@ for more information about installing and using the source code.
 | [Folder Edit directive](content-services/directives/folder-edit.directive.md) | Allows folders to be edited. | [Source](../lib/content-services/folder-directive/folder-edit.directive.ts) |
 | [Inherit Permission directive](content-services/directives/inherited-button.directive.md) | Update the current node by adding/removing the inherited permissions. | [Source](../lib/content-services/permission-manager/components/inherited-button.directive.ts) |
 | [Node Lock directive](content-services/directives/node-lock.directive.md) | Locks or unlocks a node. | [Source](../lib/content-services/directives/node-lock.directive.ts) |
+| [Toggle Icon directive](content-services/directives/toggle-icon.directive.md) | Toggle icon on mouse and keyboard event. | [Source](../lib/content-services/upload/directives/toggle-icon.directive.ts) |
 
 ### Dialogs
 

docs/content-services/directives/toggle-icon.directive.md

@@ -0,0 +1,34 @@
+---
+Title: Toggle Icon directive
+Added: v2.0.0
+Status: Active
+Last reviewed: 2019-04-09
+---
+
+# [Toggle Icon directive](../../../lib/content-services/upload/directives/toggle-icon.directive.ts 'Defined in toggle-icon.directive.ts')
+
+Toggle icon on mouse or keyboard event for a selectable element.
+
+## Example Usage
+
+```html
+<button mat-icon-button adf-toggle-icon #toggle="toggleIcon">
+    <mat-icon *ngIf="!toggle.isToggled">
+        check_circle
+    </mat-icon>
+
+    <mat-icon *ngIf="toggle.isToggled">
+        remove_circle
+    </mat-icon>
+    <button></button>
+</button>
+```
+
+## Class members
+
+### Properties
+
+| Name      | Type      | Default value | Description                                     |
+| --------- | --------- | ------------- | ----------------------------------------------- |
+| isToggled | `boolean` | false         | Is element active by mouseenter or focus event? |
+| isFocused | `boolean` | false         | Is element focused by keyboard navigation?      |

docs/versionIndex.md

@@ -36,6 +36,7 @@ backend services have been tested with each released version of ADF.
 -   [Identity group service](core/services/identity-group.service.md)
 -   [Local preference cloud service](process-services-cloud/services/local-preference-cloud.service.md)
 -   [User preference cloud service](process-services-cloud/services/user-preference-cloud.service.md)
+-   [Toggle icon directive](content-services/directives/toggle-icon.directive.md)
 
 <!--v340 end-->