inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-24 17:32:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

ACS-7402: search components [ci:force]

Browse Source
This commit is contained in:
Denys Vuika
2024-07-25 15:31:47 -04:00
parent 499b6936b8
commit a690427836
5 changed files with 22 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
lib/content-services/src/lib/search/components/search-chip-autocomplete-input/search-chip-autocomplete-input.component.spec.ts
View File

@@ -36,8 +36,7 @@ describe('SearchChipAutocompleteInputComponent', () => {
beforeEach(() => {
TestBed.configureTestingModule({
declarations: [SearchChipAutocompleteInputComponent],
imports: [ContentTestingModule]
imports: [ContentTestingModule, SearchChipAutocompleteInputComponent]
});
fixture = TestBed.createComponent(SearchChipAutocompleteInputComponent);

12
lib/content-services/src/lib/search/components/search-chip-autocomplete-input/search-chip-autocomplete-input.component.ts
View File

@@ -29,15 +29,21 @@ import {
OnChanges
} from '@angular/core';
import { ENTER } from '@angular/cdk/keycodes';
import { FormControl } from '@angular/forms';
import { MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';
import { MatChipInputEvent } from '@angular/material/chips';
import { FormControl, ReactiveFormsModule } from '@angular/forms';
import { MatAutocompleteModule, MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';
import { MatChipInputEvent, MatChipsModule } from '@angular/material/chips';
import { EMPTY, Observable, Subject, timer } from 'rxjs';
import { debounce, startWith, takeUntil, tap } from 'rxjs/operators';
import { AutocompleteOption } from '../../models/autocomplete-option.interface';
import { CommonModule } from '@angular/common';
import { MatFormFieldModule } from '@angular/material/form-field';
import { TranslateModule } from '@ngx-translate/core';
import { MatIconModule } from '@angular/material/icon';
@Component({
selector: 'adf-search-chip-autocomplete-input',
standalone: true,
imports: [CommonModule, MatFormFieldModule, MatChipsModule, TranslateModule, MatIconModule, ReactiveFormsModule, MatAutocompleteModule],
templateUrl: './search-chip-autocomplete-input.component.html',
styleUrls: ['./search-chip-autocomplete-input.component.scss'],
encapsulation: ViewEncapsulation.None

8
lib/content-services/src/lib/search/components/search-chip-list/search-chip-list.component.spec.ts
View File

@@ -23,9 +23,12 @@ import { ContentTestingModule } from '../../../testing/content.testing.module';
import { HarnessLoader } from '@angular/cdk/testing';
import { TestbedHarnessEnvironment } from '@angular/cdk/testing/testbed';
import { MatChipHarness, MatChipRemoveHarness } from '@angular/material/chips/testing';
import { SearchChipListComponent } from './search-chip-list.component';
@Component({
selector: 'adf-test-component',
standalone: true,
imports: [SearchChipListComponent],
template: ` <adf-search-chip-list [searchFilter]="searchFilter" [clearAll]="allowClear"> </adf-search-chip-list> `
})
class TestComponent {
@@ -33,7 +36,7 @@ class TestComponent {
searchFilter = {
selectedBuckets: [],
unselectFacetBucket: () => {}
};
} as any;
}
describe('SearchChipListComponent', () => {
@@ -44,8 +47,7 @@ describe('SearchChipListComponent', () => {
beforeEach(() => {
TestBed.configureTestingModule({
imports: [ContentTestingModule],
declarations: [TestComponent]
imports: [ContentTestingModule, TestComponent]
});
fixture = TestBed.createComponent(TestComponent);
component = fixture.componentInstance;

7
lib/content-services/src/lib/search/components/search-chip-list/search-chip-list.component.ts
View File

@@ -18,16 +18,21 @@
import { Component, ViewEncapsulation, Input } from '@angular/core';
import { SearchFilterComponent } from '../../components/search-filter/search-filter.component';
import { SearchFacetFiltersService } from '../../services/search-facet-filters.service';
import { CommonModule } from '@angular/common';
import { MatChipsModule } from '@angular/material/chips';
import { TranslateModule } from '@ngx-translate/core';
import { MatIconModule } from '@angular/material/icon';
@Component({
selector: 'adf-search-chip-list',
standalone: true,
imports: [CommonModule, MatChipsModule, TranslateModule, MatIconModule],
templateUrl: './search-chip-list.component.html',
styleUrls: ['./search-chip-list.component.scss'],
encapsulation: ViewEncapsulation.None,
host: { class: 'adf-search-chip-list' }
})
export class SearchChipListComponent {
/**
* Search filter to supply the data for the chips.
* Not required from 4.5.0 and later versions @deprecated

6
lib/content-services/src/lib/search/search.module.ts
View File

@@ -57,7 +57,7 @@ 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;
export const CONTENT_SEARCH_DIRECTIVES = [SearchCheckListComponent, SearchChipAutocompleteInputComponent, SearchChipListComponent] as const;
@NgModule({
imports: [
@@ -76,10 +76,8 @@ export const CONTENT_SEARCH_DIRECTIVES = [SearchCheckListComponent] as const;
EmptySearchResultComponent,
SearchFilterComponent,
SearchFilterCardComponent,
SearchChipListComponent,
SearchWidgetContainerComponent,
SearchTextComponent,
SearchChipAutocompleteInputComponent,
SearchFilterAutocompleteChipsComponent,
SearchRadioComponent,
SearchSliderComponent,
@@ -110,10 +108,8 @@ export const CONTENT_SEARCH_DIRECTIVES = [SearchCheckListComponent] as const;
EmptySearchResultComponent,
SearchFilterComponent,
SearchFilterCardComponent,
SearchChipListComponent,
SearchWidgetContainerComponent,
SearchTextComponent,
SearchChipAutocompleteInputComponent,
SearchFilterAutocompleteChipsComponent,
SearchRadioComponent,
SearchSliderComponent,