chore(icon-table-cell-renderer): add label on icons (#353)

Author: skjindal93

projects/components/src/table/cells/data-parsers/table-cell-icon-parser.ts

@@ -30,6 +30,7 @@ type FilterValue = string | boolean | undefined;
 
 export interface IconData {
   icon: string;
+  label?: string;
   color?: string;
   size?: IconSize;
   filterValue?: FilterValue;

projects/components/src/table/cells/data-renderers/icon/icon-table-cell-renderer.component.test.ts

@@ -19,7 +19,10 @@ describe('Icon table cell renderer component', () => {
         },
         new TableCellIconParser(undefined!),
         0,
-        IconType.AddCircleOutline
+        {
+          icon: IconType.AddCircleOutline,
+          label: 'I am Label'
+        }
       )
     ],
     shallow: true
@@ -31,7 +34,7 @@ describe('Icon table cell renderer component', () => {
     const element = spectator.query('.ht-icon');
 
     expect(element).toHaveExactText(IconType.AddCircleOutline);
-    expect(element).toHaveAttribute('aria-label', 'add_circle_outline');
+    expect(element).toHaveAttribute('aria-label', 'I am Label');
   });
 
   test('should not add clickable class for clickable columns', () => {

projects/components/src/table/cells/data-renderers/icon/icon-table-cell-renderer.component.ts

@@ -24,6 +24,7 @@ import { TableCellAlignmentType } from '../../types/table-cell-alignment-type';
     <div class="icon-cell" [ngClass]="{ clickable: this.clickable }" *ngIf="this.value">
       <ht-icon
         [icon]="this.value.icon"
+        [label]="this.value.label"
         [size]="this.iconSize"
         [showTooltip]="true"
         [style.color]="this.value.color"