feat(platform): add searchFieldInputText input and searchFieldInputCh…

…ange events to platform table toolbar
SAP · Jan 17, 2025 · 8c6689a · 8c6689a
1 parent 151a028
commit 8c6689a
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 0 deletions.
diff --git a/libs/platform/table/components/table-toolbar/table-toolbar.component.html b/libs/platform/table/components/table-toolbar/table-toolbar.component.html
@@ -39,6 +39,7 @@
                 (searchSubmit)="submitSearch($event)"
                 (cancelSearch)="submitSearch($event)"
                 [disableSuggestionsFoundAnnouncer]="true"
+                (inputChange)="searchInputChanged($event)"
             ></fdp-search-field>
         }
         @if (editMode !== 'none') {

diff --git a/libs/platform/table/components/table-toolbar/table-toolbar.component.ts b/libs/platform/table/components/table-toolbar/table-toolbar.component.ts
@@ -4,7 +4,9 @@ import {
     ContentChild,
     DestroyRef,
     Directive,
+    EventEmitter,
     Input,
+    Output,
     Signal,
     TemplateRef,
     ViewChild,
@@ -150,6 +152,20 @@ export class TableToolbarComponent implements TableToolbarInterface {
     @Input()
     headingLevel: HeadingLevel = 2;
 
+    /** Search field input text. */
+    @Input()
+    set searchFieldInputText(text: string) {
+        this._searchInputText = text;
+        this.submitSearch({ text, category: null });
+    }
+    get searchFieldInputText(): string {
+        return this._searchInputText;
+    }
+
+    /** Event emitted when the search field input is changed. */
+    @Output()
+    searchFieldInputChange = new EventEmitter<string>();
+
     /** @hidden */
     @ContentChild(TableToolbarActionsComponent)
     tableToolbarActionsComponent: TableToolbarActionsComponent;
@@ -190,6 +206,11 @@ export class TableToolbarComponent implements TableToolbarInterface {
         this._table.search(search);
     }
 
+    /** @hidden */
+    searchInputChanged(event: SearchInput): void {
+        this.searchFieldInputChange.emit(event.text);
+    }
+
     /** @hidden */
     openSorting(): void {
         this._table.openTableSortSettings.emit();