Polybase studio - Collection fields

[Ayaz1997]

This issue defines the features for the design of Collection fields under Schema in Polybase.

• The fields menu will be on the right side of the screen which will be a sticky menu from which the user can select and add the fields
• The fields types that are supported by Polybase have been listed in the design which can be found here
• Add fields -> click on a field type -> open add field modal -> enter display name & description (API Id will be auto-generated with camelCase) -> Set field options (Set field as unique will be the default) -> Add field

Once a field is added

• the fields will be added as a card
• the fields will have a Display name along with the API Id visible on the card
• The tags will contain: Field category, field type, and field options (if set)
• On hovering the card: edit field & delete field options will appear on the card
• The field cards can be dragged and set in the order a user wants to be (the icon can be found on the left of the card)
• edit field: will open a modal to change the display name, description & field options for that particular field

Design screenshots
Add field (empty state)

Add field modal

Fields added (with tags and hover options)

Edit field modal