Instance Record. Accordion Related instances. Implement new elements (detailed view)

Purpose: Add new elements in Inventory Instance record, the accordion Related instances, in detailed view and edit mode.

Usecase:
As a cataloger I want to associate related titles to my instance record. A typical example can be, different editions, different material type; e.g. the printed version, of the audio book being cataloged, or the movie on dvd based on a printed book (the novel) etc.

Scenarios:

1. Scenario
   • Login to FOLIO Snapshot as Diku_adming
   • Go to Inventory
   • Go to any given Instance record
   • When drill down, all the way to the bottom of the instance detailed record
   • Then a new accordion Related instances is displayed
2. Scenario
   • When viewing the Related instances accordion
   • Then following data elements are displayed in a row. All elements are repeatable, not required:
     • Title
     • Instance HRID
     • ISBN
     • ISSN
     • Format
3. Scenario
   • When viewing the data elements (Title, Instance HRID, ISBN, ISSN, Format)
   • Then these are categorized by Relation (defined in the Edit screen) - see UIIN-340
   • This UI implementation is similar to the UI for the accordion Instance relationship
4. Scenario
   • When data is viewed in the detailed instance record
   • Then following will be displayed:
     • Title (Display the title as a link, via UUID reference. Long titles will be displayed by using multiple lines - see UX mock up)
     • Instance HRID (Display the Instance HRID for the related instance as a link, via UUID reference)
     • ISBN (Display the ISBN from the related title)
     • ISSN (Display the ISSN from the related title)
     • Format (Display the Format type, and Format from the related title).
       • The display will be, e.g.:
         • audio - - audio disc
         • audio - - other
         • unmediated – card
5. Scenario
   • When viewing the Instance HRID
   • Then there is a copy icon next to the HRID
6. Scenario
   • When clicking the copy icon
   • Then the Instance HRID is copied to the HRID
   • And a green success toast will confirm that the HRID is copied to the clipboard
   • with the text: The instance HRID [the given HRID] was successfully copied to the clipboard
   •  Scenario
     • When viewing the Instance HRID
     • Then there is a copy icon next to the HRID
7. Scenario
   1. When multiple titles for a given Relation ship is listed - see the UX mock up for Relationship: Supplements to, then the headings should be sortable
   2. The first click ascending  (e.g. 1-9, A-Z)
   3. The second click descending (e.g. 9-1, Z-A)
8. Scenario (nice to have) 
   1. When sorting on heading Title (as described in Scenario 7) then the sort should be on the Index title, but populating the Resource title
   2. If difficult to do - then this can be pulled into it's own story - TBD when grooming the ticket 1/4/2022)

Documentation:

1. The requirements are collected in accordance with the Metadata Management SIG discussions and the GAPS analysis done by the Data Migration Subgroup.
2. Documentation captured in:
   • https://docs.google.com/presentation/d/1EJGu_a0Od_Uf0Mx0WcUYLHETv6tfoxCHNW8MiJj70HA/edit#slide=id.gd5bb943510_0_1
   • More details re. MARC mapping: https://docs.google.com/spreadsheets/d/1RCZyXUA5rK47wZqfFPbiRM0xnw8WnMCcmlttT7B3VlI/edit#gid=395847026

Other comments (Data Import mapping):
We have MARC data (776) which is very common data, and we need to be able to migrate these data - see more examples on MARC mapping here: https://docs.google.com/spreadsheets/d/1RCZyXUA5rK47wZqfFPbiRM0xnw8WnMCcmlttT7B3VlI/edit#gid=395847026