feat: save Select field options (#2869)

Closes #2704

front/src/modules/settings/data-model/hooks/useFieldMetadataForm.ts

@@ -56,11 +56,12 @@ const relationSchema = fieldSchema.merge(
 
 const selectSchema = fieldSchema.merge(
   z.object({
-    type: z.literal(FieldMetadataType.Enum),
+    type: z.literal(FieldMetadataType.Select),
     select: z
       .array(
         z.object({
           color: themeColorSchema,
+          id: z.string().optional(),
           isDefault: z.boolean().optional(),
           label: z.string().min(1),
         }),
@@ -70,18 +71,20 @@ const selectSchema = fieldSchema.merge(
 );
 
 const {
-  Enum: _Enum,
+  Select: _Select,
   Relation: _Relation,
   ...otherFieldTypes
 } = FieldMetadataType;
 
+type OtherFieldType = Exclude<
+  FieldMetadataType,
+  FieldMetadataType.Relation | FieldMetadataType.Select
+>;
+
 const otherFieldTypesSchema = fieldSchema.merge(
   z.object({
     type: z.enum(
-      Object.values(otherFieldTypes) as [
-        Exclude<FieldMetadataType, FieldMetadataType.Relation>,
-        ...Exclude<FieldMetadataType, FieldMetadataType.Relation>[],
-      ],
+      Object.values(otherFieldTypes) as [OtherFieldType, ...OtherFieldType[]],
     ),
   }),
 );
@@ -165,7 +168,7 @@ export const useFieldMetadataForm = () => {
         !isDeeplyEqual(initialRelationFormValues, nextRelationFormValues),
     );
     setHasSelectFormChanged(
-      nextFieldFormValues.type === FieldMetadataType.Enum &&
+      nextFieldFormValues.type === FieldMetadataType.Select &&
         !isDeeplyEqual(initialSelectFormValues, nextSelectFormValues),
     );
   };
@@ -177,6 +180,7 @@ export const useFieldMetadataForm = () => {
     hasFormChanged:
       hasFieldFormChanged || hasRelationFormChanged || hasSelectFormChanged,
     hasRelationFormChanged,
+    hasSelectFormChanged,
     initForm,
     isInitialized,
     isValid: validationResult.success,

front/src/modules/settings/data-model/hooks/useFieldPreview.ts

@@ -48,7 +48,7 @@ export const useFieldPreview = ({
 
   const defaultSelectValue = selectOptions?.[0];
   const selectValue =
-    fieldMetadata.type === FieldMetadataType.Enum &&
+    fieldMetadata.type === FieldMetadataType.Select &&
     typeof firstRecordFieldValue === 'string'
       ? selectOptions?.find(
           (selectOption) => selectOption.value === firstRecordFieldValue,
@@ -65,7 +65,7 @@ export const useFieldPreview = ({
     value:
       fieldMetadata.type === FieldMetadataType.Relation
         ? relationValue
-        : fieldMetadata.type === FieldMetadataType.Enum
+        : fieldMetadata.type === FieldMetadataType.Select
         ? selectValue || defaultSelectValue
         : firstRecordFieldValue || defaultValue,
   };