Contract filters

We added a "Contract Filters" accordion which contains Channel Name and Group filters. We added a button to manually apply the filters, which automatically closes the accordtion to allow more space for reviewing the list of search results.

Widget additions

1. Contract filters: he-contract-filters
2. Filter Contract Channel name: he-contract-filter-channel-name
3. Filter Contract Group Id: he-contract-filter-group-id
4. Filter Apply Button: he-contract-filters-applybutton

State additions

• filterChannelName
• filterGroupId
• filtersAccordionIsOpen - You can use this new variable from product module and manage the expanded/collapsed state of the accordion.

Services

• window.hapi.contract.service.getFilteredContracts in Services
• window.hapi.contract.service.getContracts has been changed, check Types section

API

• window.hapi.contract.api.getContracts receives a new filters argument in api getContracts, see Api Types

Utils additions

• window.hapi.contract.utils.getContractsQueryParams

Types

• filterChannelName, filterGroupId and filtersAccordtionIsOpen in contract state types
• ContractFilterQueryParams in types
• ContractServiceGetFilteredContractsHandler used as argument for window.hapi.contract.service.getFilteredContracts in service types

The following types have been changed:

• ContractServiceGetContractsHandler used as argument for window.hapi.contract.service.getContracts in service types has had queryParams?: URLSearchParams added

i18n additions

Key	"en" value	"de" value	"nl" value	"fr" value
contracts.filters.channel-name	Channel Name	Kanalname	Kanaalnaam	Nom de chaîne
contracts.filters.channel-name-placeholder	Type a channel name	Geben Sie einen Kanalnamen ein	Typ een kanaalnaam	Saisissez un nom de chaîne
contracts.filters.group-id	Group	Gruppe	Groep	Groupe
contracts.filters.group-id-placeholder	Select a Group	Gruppe auswählen	Selecteer een Groep	Sélectionner un groupe
contracts.filters.apply-filters	Apply Filters	Filter anwenden	Filters toepassen	Appliquer les filtres

HTML IDs And Class Additions

As part of this change the following HTML IDs and Class have been added:

• contract-filter-channel-name-input
• contract-group-select
• contract-filters-apply-button
• hapi__contracts-filters-apply-button
• hapi__contracts-filters-group-id
• hapi__contracts-filters-channel-name
• hapi__contracts-filters