Merge pull request #459 from UiPath/fix/tree-select-a11y

fix(tree-select): add accessible props

Author: anbalase

CHANGELOG.md

@@ -1,3 +1,6 @@
+# v15.2.1 (2024-02-16)
+* **tree-select** add accessible props
+
 # v15.1.6 (2024-07-02)
 * **grid** react on max filters count changes
 

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "angular-components",
-  "version": "15.2.0",
+  "version": "15.2.1",
   "author": {
     "name": "UiPath Inc",
     "url": "https://uipath.com"

package.json

@@ -3,6 +3,9 @@
                [class.selected]="isSelected"
                [ngClass]="'node-level-' + node.level"
                [class.node-type-leaf]="!node.hasChildren"
+               [attr.aria-level]="node.level"
+               [attr.aria-expanded]="isExpanded"
+               [attr.aria-selected]="isSelected"
                matRipple
                tabindex="-1"
                role="treeitem"

projects/angular/components/ui-tree-select/src/ui-tree-item/ui-tree-item.component.html

@@ -35,6 +35,9 @@ export class UiTreeItemComponent implements FocusableOption {
   @Input()
   isSelected = false;
 
+  @Input()
+  isExpanded = false;
+
   @Output()
   expanded = new EventEmitter<void>();
 

projects/angular/components/ui-tree-select/src/ui-tree-item/ui-tree-item.component.ts

@@ -20,6 +20,7 @@
                               (expanded)="expand(node)"
                               [node]="node"
                               [attr.nodekey]="node.key"
+                              [isExpanded]="isExpanded(node)"
                               [isSelected]="isSelected(node)">
                     <ng-template *ngIf="itemTemplate"
                                  [ngTemplateOutlet]="itemTemplate"

projects/angular/components/ui-tree-select/src/ui-tree-select.component.html

@@ -1,6 +1,6 @@
 {
     "name": "@uipath/angular",
-    "version": "15.2.0",
+    "version": "15.2.1",
     "license": "MIT",
     "author": {
         "name": "UiPath Inc",