Merge pull request #360 from UiPath/fix/grid_single_selection

Fix(grid-single-selection): move radio button inside radio group

Author: CatalinB7

CHANGELOG.md

@@ -1,3 +1,6 @@
+# v14.8.2 (2023-05-31)
+* **grid** move radio btn in radio group
+
 # v14.8.1 (2023-05-29)
 * **grid** add tooltips & disable state for radio selection
 * **grid** add tests for radio selection

package-lock.json

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

package.json

@@ -350,11 +350,14 @@
                 </div>
                 <div *ngIf="singleSelectable"
                      class="ui-grid-mobile-feature-container ui-grid-mobile-refresh-container">
-                    <mat-radio-button [checked]="selectionManager.isSelected(row)"
-                                      [disabled]="disabledReason"
-                                      [matTooltip]="disabledReason || checkboxTooltip(row)"
-                                      [aria-label]="disabledReason || checkboxTooltip(row)"
-                                      (change)="rowSelected(row)"></mat-radio-button>
+                    <mat-radio-group>
+                        <mat-radio-button [value]="row.id"
+                                          [checked]="selectionManager.isSelected(row)"
+                                          [disabled]="disabledReason"
+                                          [matTooltip]="disabledReason || checkboxTooltip(row)"
+                                          [aria-label]="disabledReason || checkboxTooltip(row)"
+                                          (change)="rowSelected(row)"></mat-radio-button>
+                    </mat-radio-group>
                 </div>
             </ng-container>
             <div *ngIf="!!actions"
@@ -372,12 +375,14 @@
              class="ui-grid-cell ui-grid-checkbox-cell ui-grid-feature-cell"
              role="gridcell">
             <ng-container *ngLet="disableSelectionByEntry(row) as disabledReason">
-                <mat-radio-button *ngIf="singleSelectable; else multiSelectable"
-                                  [checked]="selectionManager.isSelected(row)"
-                                  [disabled]="disabledReason"
-                                  [matTooltip]="disabledReason || checkboxTooltip(row)"
-                                  [aria-label]="disabledReason || checkboxTooltip(row)"
-                                  (change)="rowSelected(row)"></mat-radio-button>
+                <mat-radio-group *ngIf="singleSelectable; else multiSelectable">
+                    <mat-radio-button [value]="row.id"
+                                      [checked]="selectionManager.isSelected(row)"
+                                      [disabled]="disabledReason"
+                                      [matTooltip]="disabledReason || checkboxTooltip(row)"
+                                      [aria-label]="disabledReason || checkboxTooltip(row)"
+                                      (change)="rowSelected(row)"></mat-radio-button>
+                </mat-radio-group>
                 <ng-template #multiSelectable>
                     <mat-checkbox (click)="checkShift($event)"
                                   (keyup.shift.space)="checkShift($event)"

projects/angular/components/ui-grid/src/ui-grid.component.html

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