Search and filter. Implement updated stripes component

Spike acceptance criteria: List of features that can be implemented with current search and sort implementation

Purpose: Refine the first pane with search and filter functionality by implementing the updated Search and filter component with collapsed filters as default, and horisontal lines to separate the different filters. This new filter component is implemented in the Order app.

When the MM-SIG subgroup has wrapped up it's spec work related to https://folio-org.atlassian.net/browse/UXPROD-140#icft=UXPROD-140, more filters is expected to be added, e.g. Format, Material type, Date created etc.

Scenarios:

1. Scenario

   • Login to FOLIO Snapshot, go to Inventory

   • When looking in the Search and filter pane

   • Then there is separating lines between each filter setting

2. Scenario

   • When looking at the Search and filter pane

   • then per default following filter is unfold:

     • Location

   • and per default are following filters collapsed:

     • Resource type

     • Language

3. Scenario

   • When looking at the Search and filter pane, the filters are displayed in following new order, with the default unfolded in top (following the convention from Orders, Agreements, and Finance)

     • Location (unfolded)

     • Resource type (collapsed)

     • Language (collapsed)

4. Scenario

   • When unfold the language filter,

   • Then the display will be like:
     

     Open

5. Scenario

   • The language list is following the ISO 639 standardized nomenclature used to classify languages

   • The language are listed in alphabetic order

6. Scenario

   • When starting to type in the box, e.g. 'sw'

   • Then the list of languages gets to be narrowed down to:

     • Swahili

     • Swati

     • Swedish

Open

More info:
New filters to be added later (but out of scope for this story):

• Record type

• Format

• Mode of issuance

• Nature of content