alfresco-ng2-components/docs/content-services/components/search-chip-autocomplete-input.component.md
swapnil-verma-gl f47fb2a7e9
[ACS-6107] Replaced SearchDateRange component with SearchDateRangeAdvanced Component (#9023)
* [ACS-6107] Removed date range component from ADF content-services

* [ACS-6107] Removed references of date range component in code

* [ACS-6107] Updated documentation to replace occurrences of date range component with date-range-advanced-tabbed component

* [ACS-6107] Renamed DateRangeAdvanced to DateRange. Renamed DateRangeAdvancedTabbed to DateRangeTabbed

* [ACS-6107] Fixed missing export of SearchDateRangeTabbedComponent

* [ACS-6107] Replaced occurrences of date-range-advanced with date-range in HTML and Unit Tests automation ids

* [ACS-6107] Documentation corrections

* [ACS-6107] Reverted unneeded documentation formatting

* [ACS-6107] Reverted unneeded documentation formatting

* [ACS-6107] Reverted unneeded documentation formatting

* [ACS-6107] Migrated unneeded E2E test case to unit test

* [ACS-6107] Removed search-date-range E2E

* [ACS-6107] Resolved PR comments. Removed date-range-filter.page.ts. Removed unused translation keys. Updated documentation to refer proper comment name

* [ACS-6107] Updated documentation for SearchDateRange component to mention the change from original configuration to the newer configuration

* [ACS-6107] Corrected wrong version in documentation

* [ci:force]

* [ACS-6107] Removed unneeded file

* [ACS-6107] Updated unit tests and mock data after rebase

* [ci:force]

* [ACS-6107] Revert unneeded change. Remove unneeded file

* [ci:force]

* [ACS-6107] Updated E2E search config

* [ci:force]

* [ACS-6107] Updated E2E expects after component changes

* [ci:force]
2023-12-06 17:03:43 +05:30

4.0 KiB

Title, Added, Status, Last reviewed
Title Added Status Last reviewed
Search Chip Autocomplete Input component v6.1.0 Active 2023-06-13

Search Chip Autocomplete Input component

Represents an input with autocomplete options.

Search Chip Autocomplete Input

Basic usage

<adf-search-chip-autocomplete-input
    [autocompleteOptions]="autocompleteOptions"
    [onReset$]="onResetObservable$"
    [allowOnlyPredefinedValues]="allowOnlyPredefinedValues"
    (inputChanged)="onInputChange($event)"
    (optionsChanged)="onOptionsChange($event)">
</adf-search-chip-autocomplete-input>

Properties

Name Type Default value Description
autocompleteOptions AutocompleteOption[] [] Options for autocomplete
onReset$ Observable<void> Observable that will listen to any reset event causing component to clear the chips and input
allowOnlyPredefinedValues boolean true A flag that indicates whether it is possible to add a value not from the predefined ones
placeholder string 'SEARCH.FILTER.ACTIONS.ADD_OPTION' Placeholder which should be displayed in input.
compareOption (option1: AutocompleteOption, option2: AutocompleteOption) => boolean Function which is used to selected options with all options so it allows to detect which options are already selected.
formatChipValue (option: string) => string Function which is used to format custom typed options.
filter (options: AutocompleteOption[], value: string) => AutocompleteOption[] Function which is used to filter out possible options from hint. By default it checks if option includes typed value and is case insensitive.

Events

Name Type Description
inputChanged EventEmitter<string> Emitted when the input changes
optionsChanged EventEmitter<AutocompleteOption[]> Emitted when the selected options are changed

See also