Editing widget properties

As a Studio app builder, when selecting a widget I can edit its properties

AC

• The properties tab is activated when I select a widget, otherwise it is disabled

• I can see which properties are required (e.g. data source)

• I can only select a data source that is compatible with the widget: e.g. a text property for a text widget, a data property for a date widget.
  • question for grooming: what do we do about nuxeo-input that supports multiple types?
  • //TODO check multivalued cpx stuff and how we generate something without knowing a data source

When I bind the widget to a data source (i.e. document property, workflow variable)

• Properties are updated to reflect schema level constraints: i.e. if the property is required, the required field is activated

• Translation key is available in the properties tab as a "Label" property
  • The label property is disabled until I choose a data source
  • When I choose a document property, label is prefilled with the translation key name

• I can edit the widget properties according to the technical mapping https://docs.google.com/spreadsheets/d/16gJVoMh7EhFNFNbdsYVnP9PzneXrRUIv8etpe4mTlu8/edit#gid=488766965
• When the widget is unselected / removed, I go back to the toolbox

• Analytics event is sent when editing the properties of a widget (once per selection)
  • Category: Described according to NXS-5742
  • Event: Widget edited
  • Label: [Widget name]
    (goal: see if people actually use the UI to edit widgets or just use code, will allow us to compare if/when we invest in a way to improve the experience for the properties tab)