feat(catalog-ui): add optionLabel prop to list field for customizable UI options labels

Author: jcabannes

apps/catalog-ui/docs/components/field/EntityAttributeListField.md

@@ -71,6 +71,12 @@ export interface FieldListValue {
 }
 
 export interface FieldListSettings extends FieldSettings {
+  /**
+   * Optional key used to display a label for the field in the UI.
+   * If omitted, the field's `value` property will be used as the label.
+   */
+  optionLabel?: string;
+
   /**
    * List of possible values for the field.
    * Use `string[]` for a flat list with no filtering.

apps/catalog-ui/src/components/field/EntityAttributeListField.vue

@@ -38,7 +38,7 @@
     :suffix="translateOrDefault('', 'suffix')"
     :options="options"
     option-value="value"
-    option-label="value"
+    :option-label="optionLabel"
     emit-value
     map-options
     :rules="rules"
@@ -84,6 +84,8 @@ const normalizedValues: FieldListValue[] = (() => {
   return values as FieldListValue[];
 })();
 
+const optionLabel = props.definition.inputSettings?.optionLabel ?? 'value';
+
 const defaultValue =
   props.definition.inputSettings?.defaultValue &&
   normalizedValues.some(