Merge pull request #464 from UiPath/fix/grid_actions_remove_reserved_space

fix(grid): remove reserved space for actions if scrollable [OR-75797]

Author: anbalase

CHANGELOG.md

@@ -1,3 +1,10 @@
+# v15.2.4 (2024-02-22)
+* **grid** remove reserved space for actions if scrollable
+* **grid** update font and icon sizes for high density mode
+
+# v15.2.3 (2024-02-20)
+* **tree-select** focus-visible state on ui-tree-select
+
 # v15.2.2 (2024-02-16)
 * **grid** display margin shadow if scrollable
 * **suggest** change default forceDisplayDropdownOverInput

package-lock.json

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

package.json

@@ -522,7 +522,7 @@
             </div>
 
             <ng-container *ngFor="let column of renderedColumns.freeColumns; let lastColumn = last; let columnIndex = index">
-                <div *ngLet="(+(column.directive.widthPx$ | async)! + (lastColumn ? (+(deficit$ | async)!) : 0)) as widthPx"
+                <div *ngLet="(+(column.directive.widthPx$ | async)! + (lastColumn ? (+(deficit$ | async)!) : 0) + (lastColumn && isScrollable ? 50 : 0)) as widthPx"
                      [class.ui-grid-primary]="column.directive.primary"
                      [class.ui-grid-secondary]="!column.directive.primary"
                      [class.ui-grid-state-resizing]="column.directive === resizeManager.current?.column"

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

@@ -554,7 +554,7 @@ ui-grid {
                 }
 
                 .invisible-refresh {
-                    opacity: 0;
+                    display: none;
                 }
             }
 

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

@@ -883,6 +883,7 @@ export class UiGridComponent<T extends IGridDataEntry>
     isOverflown$ = iif(() => this.isScrollable, this.minWidth$.pipe(
         map(minWidth => this._isOverflown(minWidth)),
         distinctUntilChanged(),
+        shareReplay(1),
     ), of(false));
 
     tableOverflowStyle$ = this.isOverflown$.pipe(

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

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