Require value for dropdown choices

[br41nslug]

Description

Makes the value of dropdown choices required
Applied to the following interfaces:

• select-dropdown
• select-multiple-dropdown
• select-multiple-checkbox
• select-radio
• displays/labels
• operations/request
• interfaces/select-color
• modules/settings/routes/translation-strings/translation-strings-drawer

Note: I have made the text/label required too. leaving that empty wont break the app as such but you can question the logic of having empty labels to choose from which use different values.

Fixes ENG-89

Type of Change

• Bugfix
• Improvement
• New Feature
• Refactor / codestyle updates
• Other, please describe:

Requirements Checklist

• New / updated tests are included
• All tests are passing locally
• Performed a self-review of the submitted code

If adding a new feature:

• Documentation was added/updated. PR:

[licitdev]

LGTM. 👍

[Nitwel]

Found a few more spots where we might want to add this:

displays/formatted-value
displays/labels
interfaces/select-color
modules/settings/routes/translation-strings/translation-strings-drawer
operations/request
panels/metric

Other than that, looking good. 👍

[br41nslug]

I have implemented most of the ones Nitwel mentioned except displays/formatted-value and panels/metric because it didnt instantly make sense to me in these situations.

[azrikahar]

I've just recalled that we should probably add this for Field Name Translations and Collection Name Translations to prevent unintentional empty records there 👍

However for Collection Name Translations, maybe "singular" and "plural" doesn't need to be required 🤔

• Field:

  directus/app/src/modules/settings/routes/data-model/field-detail/field-detail-advanced/field-detail-advanced-field.vue

  Lines 34 to 64 in 0154878

  	:fields="[
  	{
  	field: 'language',
  	type: 'string',
  	name: t('language'),
  	meta: {
  	interface: 'system-language',
  	width: 'half',
  	display: 'formatted-value',
  	display_options: {
  	font: 'monospace',
  	color: 'var(--foreground-subdued)',
  	},
  	},
  	schema: {
  	default_value: 'en-US',
  	},
  	},
  	{
  	field: 'translation',
  	type: 'string',
  	name: t('translation'),
  	meta: {
  	interface: 'input',
  	width: 'half',
  	options: {
  	placeholder: t('translation_placeholder'),
  	},
  	},
  	},
  	]"

• Collection:
  

  directus/api/src/database/system-data/fields/collections.yaml

  Lines 60 to 99 in 0154878

  	- field: translations
  	special:
  	- cast-json
  	interface: list
  	options:
  	template: '{{ translation }} ({{ language }})'
  	fields:
  	- field: language
  	name: $t:language
  	type: string
  	schema:
  	default_value: en-US
  	meta:
  	interface: system-language
  	width: half
  	- field: translation
  	name: $t:field_options.directus_collections.collection_name
  	type: string
  	meta:
  	interface: input
  	width: half
  	options:
  	placeholder: $t:field_options.directus_collections.translation_placeholder
  	- field: singular
  	name: $t:field_options.directus_collections.singular_unit
  	type: string
  	meta:
  	interface: input
  	width: half
  	options:
  	placeholder: $t:field_options.directus_collections.translation_placeholder
  	- field: plural
  	name: $t:field_options.directus_collections.plural_unit
  	type: string
  	meta:
  	interface: input
  	width: half
  	options:
  	placeholder: $t:field_options.directus_collections.translation_placeholder
  	width: full

[br41nslug]

Added those 2 @azrikahar 😄