Merge pull request #235 from UiPath/fix/suggest-header-items

Fix/suggest header items

Author: alexdudescu

CHANGELOG.md

@@ -1,3 +1,6 @@
+# v13.4.1 (2022-06-22)
+* **suggest** hide no results when header items are available
+
 # v13.4.0 (2022-06-09)
 * **suggest** implement custom header slot
 

package-lock.json

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

package.json

@@ -244,7 +244,7 @@
                 </ng-container>
             </ng-container>
 
-            <mat-divider *ngIf="headerItems!.length"></mat-divider>
+            <mat-divider *ngIf="headerItems!.length && !hasNoResults"></mat-divider>
 
             <ng-container *cdkVirtualFor="
                             let item of renderItems;
@@ -280,6 +280,7 @@
             ) as label">
                 <mat-list-item *ngIf="hasNoResults &&
                                   !isCustomValueVisible &&
+                                  !headerItems!.length &&
                                   (loading$ | async) === false"
                                [matTooltip]="label"
                                [attr.role]="'option'"

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

@@ -1391,6 +1391,28 @@ const sharedSpecifications = (
                 expect(entry.nativeElement.innerText).toBe(regularItems[idx].text);
             });
         }));
+
+        it('should render headerItems when searchSourceFactory is empty', fakeAsync(() => {
+            const headerItems = generateSuggetionItemList(1, 'Item');
+            const regularItems = [] as ISuggestValue[];
+
+            component.alwaysExpanded = true;
+            component.items = regularItems;
+            component.headerItems = headerItems;
+            component.searchable = true;
+
+            fixture.detectChanges();
+            tick(1000);
+
+            const itemListEntries = fixture.debugElement.queryAll(By.css('.mat-list-item'));
+
+            expect(itemListEntries).not.toBeNull();
+            expect(itemListEntries.length).toEqual(1);
+
+            const [item] = itemListEntries;
+
+            expect(item.nativeElement.innerText).toBe(headerItems[0].text);
+        }));
     });
 
     describe('Selection: single value', () => {

projects/angular/components/ui-suggest/src/ui-suggest.component.spec.ts

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