[ADF-5176] - fixed apply when no value is given (#5841)

* [ADF-5176] - added check for when values are empty for headers

* [ADF-5176] - added test for the clear check

lib/content-services/src/lib/search/components/search-check-list/search-check-list.component.spec.ts

@@ -178,14 +178,14 @@ describe('SearchCheckListComponent', () => {
             update: () => {}
         };
         component.settings = <any> { options: sizeOptions };
-        spyOn(component, 'flush').and.stub();
+        spyOn(component, 'submitValues').and.stub();
         component.ngOnInit();
         fixture.detectChanges();
 
         const optionElements = fixture.debugElement.query(By.css('mat-checkbox'));
         optionElements.triggerEventHandler('change', { checked: true });
 
-        expect(component.flush).toHaveBeenCalled();
+        expect(component.submitValues).toHaveBeenCalled();
 
         const clearAllElement = fixture.debugElement.query(By.css('button[title="SEARCH.FILTER.ACTIONS.CLEAR-ALL"]'));
         clearAllElement.triggerEventHandler('click', {} );

lib/content-services/src/lib/search/components/search-check-list/search-check-list.component.ts

@@ -74,13 +74,22 @@ export class SearchCheckListComponent implements SearchWidget, OnInit {
 
     changeHandler(event: MatCheckboxChange, option: any) {
         option.checked = event.checked;
-        this.flush();
+        this.submitValues();
     }
 
-    flush() {
-        const checkedValues = this.options.items
+    hasValidValue() {
+        const checkedValues = this.getCheckedValues();
+        return !!checkedValues.length;
+    }
+
+    private getCheckedValues() {
+        return this.options.items
             .filter((option) => option.checked)
             .map((option) => option.value);
+    }
+
+    submitValues() {
+        const checkedValues = this.getCheckedValues();
 
         this.isActive = !!checkedValues.length;
 

lib/content-services/src/lib/search/components/search-date-range/search-date-range.component.ts

@@ -129,10 +129,14 @@ export class SearchDateRangeComponent implements SearchWidget, OnInit, OnDestroy
         }
     }
 
-    applyCurrentForm() {
+    submitValues() {
         this.apply(this.form.value, this.form.valid);
     }
 
+    hasValidValue() {
+        return this.form.valid;
+    }
+
     reset() {
         this.isActive = false;
         this.form.reset({

lib/content-services/src/lib/search/components/search-header/search-header.component.spec.ts

@@ -188,4 +188,25 @@ describe('SearchHeaderComponent', () => {
         fixture.detectChanges();
         await fixture.whenStable();
     });
+
+    it('should emit the clear event when no filter has valued applied', async (done) => {
+        spyOn(queryBuilder, 'isNoFilterActive').and.returnValue(true);
+        spyOn(alfrescoApiService.searchApi, 'search').and.returnValue(Promise.resolve(fakeNodePaging));
+        spyOn(queryBuilder, 'buildQuery').and.returnValue({});
+        spyOn(component.widgetContainer, 'resetInnerWidget').and.stub();
+        component.widgetContainer.componentRef.instance.value = '';
+        const fakeEvent = jasmine.createSpyObj('event', ['stopPropagation']);
+        component.clear.subscribe(() => {
+            done();
+        });
+
+        const menuButton: HTMLButtonElement = fixture.nativeElement.querySelector('#filter-menu-button');
+        menuButton.click();
+        fixture.detectChanges();
+        await fixture.whenStable();
+        const applyButton = fixture.debugElement.query(By.css('#apply-filter-button'));
+        applyButton.triggerEventHandler('click', fakeEvent);
+        fixture.detectChanges();
+        await fixture.whenStable();
+    });
 });

lib/content-services/src/lib/search/components/search-header/search-header.component.ts

@@ -129,15 +129,13 @@ export class SearchHeaderComponent implements OnInit, OnChanges, OnDestroy {
     }
 
     onApply() {
-        // TODO Move this piece of code in the search text widget
-        if (this.widgetContainer.selector === 'text' && this.widgetContainer.componentRef.instance.value === '') {
-            this.clearHeader();
-            return;
-        }
-
+        if (this.widgetContainer.hasValueSelected()) {
             this.widgetContainer.applyInnerWidget();
             this.searchHeaderQueryBuilder.setActiveFilter(this.category.columnKey);
             this.searchHeaderQueryBuilder.execute();
+        } else {
+            this.clearHeader();
+        }
     }
 
     onClearButtonClick(event: Event) {

lib/content-services/src/lib/search/components/search-number-range/search-number-range.component.ts

@@ -100,6 +100,14 @@ export class SearchNumberRangeComponent implements SearchWidget, OnInit {
         return result;
     }
 
+    submitValues() {
+        this.apply(this.form.value, this.form.valid);
+    }
+
+    hasValidValue() {
+        return this.form.valid;
+    }
+
     reset() {
         this.isActive = false;
 

lib/content-services/src/lib/search/components/search-radio/search-radio.component.ts

@@ -83,6 +83,16 @@ export class SearchRadioComponent implements SearchWidget, OnInit {
         return null;
     }
 
+    submitValues() {
+        const currentValue = this.getSelectedValue();
+        this.setValue(currentValue);
+    }
+
+    hasValidValue() {
+        const currentValue = this.getSelectedValue();
+        return !!currentValue;
+    }
+
     private setValue(newValue: string) {
         this.value = newValue;
         this.context.queryFragments[this.id] = newValue;

lib/content-services/src/lib/search/components/search-slider/search-slider.component.ts

@@ -70,6 +70,14 @@ export class SearchSliderComponent implements SearchWidget, OnInit {
         this.updateQuery(this.value);
     }
 
+    submitValues() {
+        this.updateQuery(this.value);
+    }
+
+    hasValidValue() {
+        return !!this.value;
+    }
+
     private updateQuery(value: number | null) {
         if (this.id && this.context && this.settings && this.settings.field) {
             if (value === null) {

lib/content-services/src/lib/search/components/search-text/search-text.component.ts

@@ -71,6 +71,14 @@ export class SearchTextComponent implements SearchWidget, OnInit {
 
     }
 
+    submitValues() {
+        this.updateQuery(this.value);
+    }
+
+    hasValidValue() {
+        return !!this.value;
+    }
+
     private getSearchPrefix(): string {
         return this.settings.searchPrefix ? this.settings.searchPrefix : '';
     }

lib/content-services/src/lib/search/components/search-widget-container/search-widget-container.component.ts

@@ -77,9 +77,11 @@ export class SearchWidgetContainerComponent implements OnInit, OnDestroy {
     }
 
     applyInnerWidget() {
-        if (this.selector === 'date-range' && this.componentRef && this.componentRef.instance) {
-            this.componentRef.instance.applyCurrentForm();
+        this.componentRef.instance.submitValues();
     }
+
+    hasValueSelected() {
+        return this.componentRef.instance.hasValidValue();
     }
 
     resetInnerWidget() {

lib/content-services/src/lib/search/search-widget.interface.ts

@@ -24,4 +24,6 @@ export interface SearchWidget {
     context?: SearchQueryBuilderService;
     isActive?: boolean;
     reset();
+    submitValues();
+    hasValidValue();
 }