[Web, Design system] filter chip component

[exalate-issue-sync]

Description

User Stories

• As a frontend oC Web developer I'd like to have a component which is suited for filtering list items by a certain attribute (filter chip).

Value

Acceptance Criteria

• new component in design system, name something like "OcFilter"
• inactive state: shows (truncated) text representation of selected values + a clear button (see mockups)
• clear button resets the selection to an empty set
• active state:
  • as single select: dropdown with/without a text input field and a list of single-selectable items
  • as multi select: dropdown with/without a text input field and a list of multi-selectable items
  • note: might make sense to just have a slot in the dropdown. e.g. text input field is optional for short lists.

Definition of ready

[ ] everybody needs to understand the value written in the user story
[ ] acceptance criteria has to be defined
[ ] all dependencies of the user story need to be identified
[ ] feature should be seen from an end user perspective
[ ] user story has to be estimated
[ ] story points need to be less then 20

Definition of done

• Functional requirements
  [ ] functionality described in the user story works
  [ ] acceptance criteria are fulfilled
• Quality
  [ ] code review happened
  [ ] CI is green
  [ ] critical code received unit tests by the developer
  [ ] automated tests passed (if automated tests are not available, this test needs to be created and passed
• Non-functional requirements
  [ ] no sonar cloud issues