[SM-586] add search to Service Accounts list (#4923)

bitwarden_license/bit-web/src/app/secrets-manager/service-accounts/service-accounts-list.component.ts

@@ -24,6 +24,11 @@ export class ServiceAccountsListComponent implements OnDestroy {
   }
   private _serviceAccounts: ServiceAccountView[];
 
+  @Input()
+  set search(search: string) {
+    this.dataSource.filter = search;
+  }
+
   @Output() newServiceAccountEvent = new EventEmitter();
   @Output() deleteServiceAccountsEvent = new EventEmitter<ServiceAccountView[]>();
   @Output() onServiceAccountCheckedEvent = new EventEmitter<string[]>();

bitwarden_license/bit-web/src/app/secrets-manager/service-accounts/service-accounts.component.html

@@ -1,9 +1,10 @@
 <sm-header>
-  <input bitInput [placeholder]="'searchServiceAccounts' | i18n" />
+  <input bitInput [placeholder]="'searchServiceAccounts' | i18n" [(ngModel)]="search" />
   <sm-new-menu></sm-new-menu>
 </sm-header>
 <sm-service-accounts-list
   [serviceAccounts]="serviceAccounts$ | async"
   (newServiceAccountEvent)="openNewServiceAccountDialog()"
   (deleteServiceAccountsEvent)="openDeleteDialog($event)"
+  [search]="search"
 ></sm-service-accounts-list>

bitwarden_license/bit-web/src/app/secrets-manager/service-accounts/service-accounts.component.ts

@@ -22,7 +22,8 @@ import { ServiceAccountService } from "./service-account.service";
   templateUrl: "./service-accounts.component.html",
 })
 export class ServiceAccountsComponent implements OnInit {
-  serviceAccounts$: Observable<ServiceAccountView[]>;
+  protected serviceAccounts$: Observable<ServiceAccountView[]>;
+  protected search: string;
 
   private organizationId: string;