From 499b6936b8dcde5ee4d2111c106e2460b4078ed5 Mon Sep 17 00:00:00 2001
From: Denys Vuika <denys.vuika@gmail.com>
Date: Thu, 25 Jul 2024 15:18:04 -0400
Subject: [PATCH] ACS-7402: search components [ci:force]

---
 .../search-check-list.component.ts             | 18 ++++++++++--------
 .../src/lib/search/search.module.ts            | 16 +++++++++++++---
 2 files changed, 23 insertions(+), 11 deletions(-)

diff --git a/lib/content-services/src/lib/search/components/search-check-list/search-check-list.component.ts b/lib/content-services/src/lib/search/components/search-check-list/search-check-list.component.ts
index 8a1f7067dff..bc5ab827ced 100644
--- a/lib/content-services/src/lib/search/components/search-check-list/search-check-list.component.ts
+++ b/lib/content-services/src/lib/search/components/search-check-list/search-check-list.component.ts
@@ -16,13 +16,17 @@
  */
 
 import { Component, OnInit, ViewEncapsulation } from '@angular/core';
-import { MatCheckboxChange } from '@angular/material/checkbox';
+import { MatCheckboxChange, MatCheckboxModule } from '@angular/material/checkbox';
 import { SearchWidget } from '../../models/search-widget.interface';
 import { SearchWidgetSettings } from '../../models/search-widget-settings.interface';
 import { SearchQueryBuilderService } from '../../services/search-query-builder.service';
 import { SearchFilterList } from '../../models/search-filter-list.model';
 import { TranslationService } from '@alfresco/adf-core';
 import { Subject } from 'rxjs';
+import { CommonModule } from '@angular/common';
+import { TranslateModule } from '@ngx-translate/core';
+import { MatButtonModule } from '@angular/material/button';
+import { MatIconModule } from '@angular/material/icon';
 
 export interface SearchListOption {
     name: string;
@@ -32,13 +36,14 @@ export interface SearchListOption {
 
 @Component({
     selector: 'adf-search-check-list',
+    standalone: true,
+    imports: [CommonModule, MatCheckboxModule, TranslateModule, MatButtonModule, MatIconModule],
     templateUrl: './search-check-list.component.html',
     styleUrls: ['./search-check-list.component.scss'],
     encapsulation: ViewEncapsulation.None,
     host: { class: 'adf-search-check-list' }
 })
 export class SearchCheckListComponent implements SearchWidget, OnInit {
-
     id: string;
     settings?: SearchWidgetSettings;
     context?: SearchQueryBuilderService;
@@ -101,7 +106,7 @@ export class SearchCheckListComponent implements SearchWidget, OnInit {
     updateDisplayValue(): void {
         const displayValue = this.options.items
             .filter((option) => option.checked)
-            .map(({name}) => this.translationService.instant(name))
+            .map(({ name }) => this.translationService.instant(name))
             .join(', ');
         this.displayValue$.next(displayValue);
     }
@@ -125,15 +130,12 @@ export class SearchCheckListComponent implements SearchWidget, OnInit {
     }
 
     setValue(value: any) {
-        this.options.items.filter((item) => value.includes(item.value))
-            .map((item) => item.checked = true);
+        this.options.items.filter((item) => value.includes(item.value)).map((item) => (item.checked = true));
         this.submitValues();
     }
 
     private getCheckedValues() {
-        return this.options.items
-            .filter((option) => option.checked)
-            .map((option) => option.value);
+        return this.options.items.filter((option) => option.checked).map((option) => option.value);
     }
 
     submitValues() {
diff --git a/lib/content-services/src/lib/search/search.module.ts b/lib/content-services/src/lib/search/search.module.ts
index f545c900697..89b9f583fc0 100644
--- a/lib/content-services/src/lib/search/search.module.ts
+++ b/lib/content-services/src/lib/search/search.module.ts
@@ -57,8 +57,19 @@ import { SearchFacetChipTabbedComponent } from './components/search-filter-chips
 import { SearchFacetTabbedContentComponent } from './components/search-filter-chips/search-facet-chip-tabbed/search-facet-tabbed-content.component';
 import { SearchInputComponent } from './components/search-input';
 
+export const CONTENT_SEARCH_DIRECTIVES = [SearchCheckListComponent] as const;
+
 @NgModule({
-    imports: [CommonModule, FormsModule, ReactiveFormsModule, MaterialModule, CoreModule, SearchTextModule, SearchInputComponent],
+    imports: [
+        ...CONTENT_SEARCH_DIRECTIVES,
+        CommonModule,
+        FormsModule,
+        ReactiveFormsModule,
+        MaterialModule,
+        CoreModule,
+        SearchTextModule,
+        SearchInputComponent
+    ],
     declarations: [
         SearchComponent,
         SearchControlComponent,
@@ -74,7 +85,6 @@ import { SearchInputComponent } from './components/search-input';
         SearchSliderComponent,
         SearchNumberRangeComponent,
         SearchPanelComponent,
-        SearchCheckListComponent,
         SearchDatetimeRangeComponent,
         SearchSortingPickerComponent,
         SearchFilterContainerComponent,
@@ -109,7 +119,7 @@ import { SearchInputComponent } from './components/search-input';
         SearchSliderComponent,
         SearchNumberRangeComponent,
         SearchPanelComponent,
-        SearchCheckListComponent,
+        ...CONTENT_SEARCH_DIRECTIVES,
         SearchDatetimeRangeComponent,
         SearchSortingPickerComponent,
         SearchFilterContainerComponent,