Merge pull request #454 from UiPath/emi/dense-grid

Add support for High Density mode in ui-grid
UiPath · Feb 13, 2024 · 6c9617f · 6c9617f
2 parents 2f0625a + 22372f0
commit 6c9617f
Show file tree

Hide file tree

Showing 15 changed files with 356 additions and 114 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "angular-components",
-  "version": "15.1.7",
+  "version": "15.2.0",
   "author": {
     "name": "UiPath Inc",
     "url": "https://uipath.com"

diff --git a/projects/angular/components/ui-grid/src/models/dataModel.ts b/projects/angular/components/ui-grid/src/models/dataModel.ts
@@ -30,4 +30,5 @@ export interface GridOptions<T> {
     rowSize?: number;
     resizeStrategy?: ResizeStrategy;
     selectablePageIndex?: boolean;
+    hasHighDensity?: boolean;
 }
diff --git a/projects/angular/components/ui-grid/src/ui-grid.component.html b/projects/angular/components/ui-grid/src/ui-grid.component.html
@@ -743,6 +743,7 @@
                 <ui-suggest *ngLet="(column.dropdown!.suggestValue ?? []) as suggestValue"
                             [disabled]="false"
                             [compact]="true"
+                            [hasHighDensity]="hasHighDensity"
                             [multiple]="column.dropdown!.multi"
                             [clearable]="column.dropdown!.multi"
                             [searchable]="false"
@@ -790,6 +791,7 @@
                         [attr.data-cy]="getColumnName(column, 'ui-grid-search-filter')"
                         [multiple]="column.searchableDropdown!.multiple"
                         [compact]="column.searchableDropdown!.multiple"
+                        [hasHighDensity]="hasHighDensity"
                         [displayCount]="column.searchableDropdown!.displayCount"
                         [minChars]="column.searchableDropdown?.minChars ?? 0"
                         [maxSelectionConfig]="{