fix(platform): Update info bar table to reflect selected filters

closes [#11783](#11783)

- Added feature to close the popover when the dismiss button is clicked. The popover will reappear upon changing the filters.

libs/platform/table-helpers/table.ts

@@ -188,6 +188,9 @@ export abstract class Table<T = any> implements PresetManagedComponent<PlatformT
     /** Toolbar Column Settings button click event */
     readonly openTableColumnSettings: EventEmitter<void> = new EventEmitter<void>();
 
+    /** Event fired when table state changes. */
+    readonly tableColumnFilterChange = new EventEmitter<void>();
+
     /** Event fired when empty row added. */
     readonly emptyRowAdded: EventEmitter<void>;
 

libs/platform/table/components/table-toolbar/table-toolbar.component.html

@@ -158,7 +158,7 @@
             }
         }
     </fd-toolbar>
-    @if (appliedFilters().length) {
+    @if (appliedFilters().length && _isFilterToolbarVisible()) {
         <fd-toolbar
             fdType="info"
             [active]="true"
@@ -177,6 +177,7 @@
             </label>
             <fd-toolbar-spacer></fd-toolbar-spacer>
             <button
+                (click)="_closeFilterToolbar()"
                 fd-button
                 fdType="transparent"
                 glyph="decline"

libs/platform/table/components/table-toolbar/table-toolbar.component.ts

@@ -9,7 +9,8 @@ import {
     TemplateRef,
     ViewChild,
     ViewEncapsulation,
-    inject
+    inject,
+    signal
 } from '@angular/core';
 import { Observable } from 'rxjs';
 
@@ -169,6 +170,9 @@ export class TableToolbarComponent implements TableToolbarInterface {
     /** @hidden */
     _searchInputText = '';
 
+    /** @hidden */
+    _isFilterToolbarVisible = signal(false);
+
     /** @hidden */
     readonly tableLoading$: Observable<boolean> = inject(TableService).tableLoading$;
 
@@ -225,6 +229,11 @@ export class TableToolbarComponent implements TableToolbarInterface {
         this._table.expandAll();
     }
 
+    /** @hidden */
+    _closeFilterToolbar(): void {
+        this._isFilterToolbarVisible.set(false);
+    }
+
     /** @hidden */
     _collapseAll(): void {
         this._table.collapseAll();
@@ -247,5 +256,9 @@ export class TableToolbarComponent implements TableToolbarInterface {
         this._table.presetChanged.pipe(takeUntilDestroyed(this._destroyRef)).subscribe((state) => {
             this._searchInputText = state.searchInput?.text ?? '';
         });
+
+        this._table.tableColumnFilterChange.pipe(takeUntilDestroyed(this._destroyRef)).subscribe(() => {
+            this._isFilterToolbarVisible.set(true);
+        });
     }
 }

libs/platform/table/table.component.ts

@@ -1828,6 +1828,7 @@ export class TableComponent<T = any>
                         break;
                     case 'filter':
                         this.filterChange.emit(new TableFilterChangeEvent(this, state.current, state.previous));
+                        this.tableColumnFilterChange.emit();
                         this._setAppliedFilterNames(state.current);
                         break;
                     case 'freeze':