fix(stark-ui): generic-search trigger search on enter

packages/stark-ui/src/modules/generic-search/classes/search-form-component.intf.ts

@@ -30,4 +30,9 @@ export interface StarkSearchFormComponent<CriteriaType> {
 	 * @param searchCriteria - The search criteria containing the reset values for the form fields
 	 */
 	resetSearchForm(searchCriteria: CriteriaType): void;
+
+	/**
+	 * Emit the submit event when it on enter key
+	 */
+	submitEvent: EventEmitter<void>;
 }

packages/stark-ui/src/modules/generic-search/components/generic-search/generic-search.component.spec.ts

@@ -22,6 +22,7 @@ import { StarkActionBarModule } from "../../../action-bar";
 })
 class TestSearchFormComponent implements StarkSearchFormComponent<any> {
 	public searchForm: FormGroup = new FormGroup({});
+	public readonly submitEvent: EventEmitter<void> = new EventEmitter<void>();
 	public workingCopyChanged = new EventEmitter<any>();
 
 	public createSearchForm(_searchCriteria: any): FormGroup {

packages/stark-ui/src/modules/generic-search/components/generic-search/generic-search.component.ts

@@ -240,6 +240,9 @@ export class StarkGenericSearchComponent extends AbstractStarkUiComponent implem
 		if (!this.searchFormComponent) {
 			throw new Error("StarkGenericSearchComponent: the searchForm content child is required.");
 		}
+		this.searchFormComponent.submitEvent.subscribe(() => {
+			this.triggerSearch();
+		});
 	}
 
 	/**
@@ -536,6 +539,11 @@ export class StarkGenericSearchComponent extends AbstractStarkUiComponent implem
 		}
 	}
 
+	public handleKeyUpEnter(event: any): void {
+		console.log(event);
+		this.triggerSearch();
+	}
+
 	/**
 	 * Hide the search form and emit a boolean through formVisibilityChanged event emitter that indicates if the search is displayed
 	 */

showcase/src/app/demo-ui/pages/generic-search/components/demo-generic-search-form.component.html

@@ -1,4 +1,4 @@
-<form fxLayout="row wrap" [formGroup]="searchForm">
+<form fxLayout="row wrap" [formGroup]="searchForm" (ngSubmit)="submitEvent.next()">
 	<!-- Year -->
 	<div fxFlex>
 		<mat-form-field>
@@ -27,4 +27,6 @@
 			<mat-option *ngFor="let option of movieOptions; trackBy: trackItemFn" [value]="option">{{ option }}</mat-option>
 		</mat-autocomplete>
 	</div>
+
+	<button [hidden]="true" type="submit">&nbsp;</button>
 </form>

showcase/src/app/demo-ui/pages/generic-search/components/demo-generic-search-form.component.ts

@@ -31,6 +31,9 @@ export class DemoGenericSearchFormComponent implements OnInit, StarkSearchFormCo
 	@Output()
 	public readonly workingCopyChanged = new EventEmitter<HeroMovieSearchCriteria>();
 
+	@Output()
+	public readonly submitEvent: EventEmitter<void> = new EventEmitter<void>();
+
 	public yearOptions: number[] = [];
 	public heroOptions: string[] = [];
 	public movieOptions: string[] = [];