Add support for Vector_Editor widget to graph editor

[Frizi]

Tasks

Preview Give feedback

1. Vector_Editor widget under the current node #5946
   -gui d-intermediate g-widgets p-high x-new-feature +5
   
2. Vector_Editor component allowing element adding. #6037
   -gui d-easy g-widgets p-high x-new-feature +5
   
3. Vector_Editor widget: Adding elements #5947
   -gui d-intermediate g-widgets p-high x-new-feature +5
   
4. Vector_Editor component: Removing elements #6038
   -gui d-easy g-widgets x-new-feature +4
   
5. Vector_Editor widget: Removing elements #5948
   -gui d-easy g-widgets p-high x-new-feature +5
   
6. Vector_Editor component: Moving elements #6039
   -gui d-intermediate g-widgets p-high x-new-feature +5
   
7. Vector_Editor widget: Moving elements #5949
   -gui d-intermediate g-widgets p-high x-new-feature +5
   
8. Vector_Editor widget: Drop-down as a sub-widget #5950
   -gui d-hard g-widgets p-high x-new-feature +5
   
9. Display vector builder widget as part of node widget hierarchy. #5923
   -gui d-hard g-widgets p-high x-new-feature +5
   

Support node widget that operates on lists of values. It needs to allow:

• adding new entry to the list (a + button)
• removing existing entries from the list (e.g. by dragging them out of the node)
• reordering existing entries in the list (e.g. by dragging them around)
• editing existing entries using specified item widget

The engine provided widget type will specify the default value to insert on add action (idem_default), and a widget to use for existing items (item_editor).

Vector_Editor
  item_editor: Widget
  item_default: Text
  label: (Nothing | Text) = Nothing
  display: Display = Display.When_Modified

Reference design:

The vector editor needs to be rendered as part of the node. This will likely require refactoring node input ports rendering to allow inserting interactive UI elements in between fragments of code text.

Acceptance criteria:

A node with Table.select_columns method should receive a vector widget on columns parameter that allows editing a list of selected columns. All of adding, removing, reordering and modifying already present names should be supported.

[Frizi]

Depends on #5134

[wdanilo]

@Frizi you made my day with this design :D

[Frizi]

This is the one from https://www.figma.com/file/Gouv03sV4Oi2btc8qula1h/API-Design?node-id=0%3A1 which we used as a reference when discussing it for the first time with @jdunkerley. I guess this one is more adequate now:

Though a simpler example of e.g. a list of strings or numbers would be even more helpful.

[enso-bot]

Adam Obuchowicz reports a new STANDUP for today (2023-03-14):

Progress: A day of many calls. Discussed the Execution Modes and the Widgets. Started making task list for the Vector_Editer Widget epic. It should be finished by 2023-03-15.

Next Day: Next day I will be working on the same task. finish tasks, split them between me and Wojciech and start doing my first task.