chore(action-strip): Close the strip after action from actions component

Author: dkamburov

projects/igniteui-angular/src/lib/action-strip/grid-actions/grid-editing-actions.component.spec.ts

@@ -48,6 +48,8 @@ describe('igxGridEditingActions #grid ', () => {
 
         expect(grid.rowList.first.rowData['ID']).toBe('ALFKI');
         const dataLenght = grid.dataLength;
+        actionStrip.show(grid.rowList.first);
+        fixture.detectChanges();
         deleteIcon = fixture.debugElement.queryAll(By.css(`igx-grid-editing-actions igx-icon`))[1];
         expect(deleteIcon.nativeElement.innerText).toBe('delete');
         deleteIcon.parent.triggerEventHandler('click', new Event('click'));

projects/igniteui-angular/src/lib/action-strip/grid-actions/grid-editing-actions.component.ts

@@ -37,6 +37,7 @@ export class IgxGridEditingActionsComponent extends IgxGridActionsBaseDirective
         if (grid.rowList.filter(r => r === row).length !== 0) {
             grid.crudService.begin(firstEditable);
         }
+        this.strip.hide();
     }
 
     /**
@@ -56,6 +57,7 @@ export class IgxGridEditingActionsComponent extends IgxGridActionsBaseDirective
         const context = this.strip.context;
         const grid = context.grid;
         grid.deleteRow(context.rowID);
+        this.strip.hide();
     }
 
     /**

projects/igniteui-angular/src/lib/action-strip/grid-actions/grid-pinning-actions.component.ts

@@ -52,6 +52,7 @@ export class IgxGridPinningActionsComponent extends IgxGridActionsBaseDirective
         const row = this.strip.context;
         const grid = row.grid;
         grid.pinRow(row.rowID);
+        this.strip.hide();
     }
 
     /**
@@ -71,6 +72,7 @@ export class IgxGridPinningActionsComponent extends IgxGridActionsBaseDirective
         const row = this.strip.context;
         const grid = row.grid;
         grid.unpinRow(row.rowID);
+        this.strip.hide();
     }
 
     private renderIcons(): void {