Implement text reference handling in code list table

[TomasEng]

As an app developer, I would like to view, add and edit text references, including text keys, for code lists. Although we already have a component for this purpose (TextResource), the design is not suitable for the new code list table. We need a way to display and edit text resources through the table.

Here are some sketches showing what it may look like:

Note

The keyboard event handling in StudioInputTable is made for one input item per cell. In order to implement the new component in the StudioInputTable, we need to refactor this to support multiple input elements per cell.

Tasks

Preview Give feedback

1. Decide on how text references should be displayed depending on user interactions
2. Decide what should happen to text resources when an empty code list item is added
3. Create a component for this in our component library
4. Implement the component as a compound component of StudioInputTable.Cell, including keyboard navigation handling
5. Implement the component in the StudioCodelistEditor component
6. Update the usages of StudioCodelistEditor with text resources

[wrt95]

We should update the intro course with the correct way when implementing this task