Merge pull request #17347 from IgniteUI/bpachilova/combo-focusedItem-type-fix

fix(drop-down): focusedItem null type check - 21.2.x

Author: kacheshmarova

projects/igniteui-angular/drop-down/src/drop-down/drop-down.base.ts

@@ -24,7 +24,7 @@ export abstract class IgxDropDownBaseDirective implements IDropDownList, OnInit
     protected elementRef = inject(ElementRef);
     protected cdr = inject(ChangeDetectorRef);
     public document = inject(DOCUMENT);
-    
+
     /**
      * Emitted when item selection is changing, before the selection completes
      *
@@ -227,14 +227,14 @@ export abstract class IgxDropDownBaseDirective implements IDropDownList, OnInit
     /**
      * @hidden @internal
      */
-    public get focusedItem(): IgxDropDownItemBaseDirective {
+    public get focusedItem(): IgxDropDownItemBaseDirective | null {
         return this._focusedItem;
     }
 
     /**
      * @hidden @internal
      */
-    public set focusedItem(item: IgxDropDownItemBaseDirective) {
+    public set focusedItem(item: IgxDropDownItemBaseDirective | null) {
         this._focusedItem = item;
     }
 

projects/igniteui-angular/drop-down/src/drop-down/drop-down.common.ts

@@ -56,7 +56,7 @@ export interface IDropDownList {
     collapsed: boolean;
     items: IgxDropDownItemBaseDirective[];
     headers: IgxDropDownItemBaseDirective[];
-    focusedItem: IgxDropDownItemBaseDirective;
+    focusedItem: IgxDropDownItemBaseDirective | null;
     navigateFirst(): void;
     navigateLast(): void;
     navigateNext(): void;

projects/igniteui-angular/drop-down/src/drop-down/drop-down.component.ts

@@ -155,7 +155,7 @@ export class IgxDropDownComponent extends IgxDropDownBaseDirective implements ID
     /**
      * @hidden @internal
      */
-    public override get focusedItem(): IgxDropDownItemBaseDirective {
+    public override get focusedItem(): IgxDropDownItemBaseDirective | null {
         if (this.virtDir) {
             return this._focusedItem && this._focusedItem.index !== -1 ?
                 (this.children.find(e => e.index === this._focusedItem.index) || null) :
@@ -164,7 +164,7 @@ export class IgxDropDownComponent extends IgxDropDownBaseDirective implements ID
         return this._focusedItem;
     }
 
-    public override set focusedItem(value: IgxDropDownItemBaseDirective) {
+    public override set focusedItem(value: IgxDropDownItemBaseDirective | null) {
         if (!value) {
             this.selection.clear(`${this.id}-active`);
             this._focusedItem = null;