Refactor default value for select (#5343)

In this PR, we are refactoring two things:
- leverage field.defaultValue for Select and MultiSelect settings form
(instead of option.isDefault)
- use quoted string (ex: "'USD'") for string default values to embrace
backend format

---------

Co-authored-by: Thaïs Guigon <guigon.thais@gmail.com>

packages/twenty-front/src/modules/settings/data-model/fields/preview/components/SettingsDataModelFieldPreview.tsx

@@ -8,7 +8,6 @@ import { FieldDisplay } from '@/object-record/record-field/components/FieldDispl
 import { FieldContext } from '@/object-record/record-field/contexts/FieldContext';
 import { BooleanFieldInput } from '@/object-record/record-field/meta-types/input/components/BooleanFieldInput';
 import { RatingFieldInput } from '@/object-record/record-field/meta-types/input/components/RatingFieldInput';
-import { SettingsDataModelFieldSelectFormValues } from '@/settings/data-model/components/SettingsObjectFieldSelectForm';
 import { SettingsDataModelSetFieldValueEffect } from '@/settings/data-model/fields/preview/components/SettingsDataModelSetFieldValueEffect';
 import { SettingsDataModelSetRecordEffect } from '@/settings/data-model/fields/preview/components/SettingsDataModelSetRecordEffect';
 import { useFieldPreview } from '@/settings/data-model/fields/preview/hooks/useFieldPreview';
@@ -17,14 +16,13 @@ import { FieldMetadataType } from '~/generated-metadata/graphql';
 export type SettingsDataModelFieldPreviewProps = {
   fieldMetadataItem: Pick<
     FieldMetadataItem,
-    'icon' | 'label' | 'type' | 'defaultValue'
+    'icon' | 'label' | 'type' | 'defaultValue' | 'options'
   > & {
     id?: string;
     name?: string;
   };
   objectMetadataItem: ObjectMetadataItem;
   relationObjectMetadataItem?: ObjectMetadataItem;
-  selectOptions?: SettingsDataModelFieldSelectFormValues['options'];
   shrink?: boolean;
   withFieldLabel?: boolean;
 };
@@ -55,7 +53,6 @@ export const SettingsDataModelFieldPreview = ({
   fieldMetadataItem,
   objectMetadataItem,
   relationObjectMetadataItem,
-  selectOptions,
   shrink,
   withFieldLabel = true,
 }: SettingsDataModelFieldPreviewProps) => {
@@ -69,7 +66,6 @@ export const SettingsDataModelFieldPreview = ({
       fieldMetadataItem,
       objectMetadataItem,
       relationObjectMetadataItem,
-      selectOptions,
     });
 
   return (
@@ -107,7 +103,7 @@ export const SettingsDataModelFieldPreview = ({
                 objectMetadataNameSingular: objectMetadataItem.nameSingular,
                 relationObjectMetadataNameSingular:
                   relationObjectMetadataItem?.nameSingular,
-                options: selectOptions,
+                options: fieldMetadataItem.options,
               },
               defaultValue: fieldMetadataItem.defaultValue,
             },

packages/twenty-front/src/modules/settings/data-model/fields/preview/components/SettingsDataModelFieldPreviewCard.tsx

@@ -28,7 +28,6 @@ export const SettingsDataModelFieldPreviewCard = ({
   fieldMetadataItem,
   objectMetadataItem,
   relationObjectMetadataItem,
-  selectOptions,
   shrink,
   withFieldLabel = true,
 }: SettingsDataModelFieldPreviewCardProps) => (
@@ -39,7 +38,6 @@ export const SettingsDataModelFieldPreviewCard = ({
         objectMetadataItem={objectMetadataItem}
         fieldMetadataItem={fieldMetadataItem}
         relationObjectMetadataItem={relationObjectMetadataItem}
-        selectOptions={selectOptions}
         shrink={shrink}
         withFieldLabel={withFieldLabel}
       />

packages/twenty-front/src/modules/settings/data-model/fields/preview/hooks/useFieldPreview.ts

@@ -4,26 +4,28 @@ import { ObjectMetadataItem } from '@/object-metadata/types/ObjectMetadataItem';
 import { isLabelIdentifierField } from '@/object-metadata/utils/isLabelIdentifierField';
 import { useFindManyRecords } from '@/object-record/hooks/useFindManyRecords';
 import { isFieldValueEmpty } from '@/object-record/record-field/utils/isFieldValueEmpty';
-import { SettingsDataModelFieldSelectFormValues } from '@/settings/data-model/components/SettingsObjectFieldSelectForm';
 import { getFieldDefaultPreviewValue } from '@/settings/data-model/utils/getFieldDefaultPreviewValue';
 import { getFieldPreviewValueFromRecord } from '@/settings/data-model/utils/getFieldPreviewValueFromRecord';
 import { FieldMetadataType } from '~/generated-metadata/graphql';
 
 type UseFieldPreviewParams = {
-  fieldMetadataItem: Pick<FieldMetadataItem, 'icon' | 'type'> & {
+  fieldMetadataItem: Pick<
+    FieldMetadataItem,
+    'icon' | 'type' | 'options' | 'defaultValue'
+  > & {
+    // id and name are undefined in create mode (field does not exist yet)
+    // and are defined in edit mode.
     id?: string;
     name?: string;
   };
   objectMetadataItem: ObjectMetadataItem;
   relationObjectMetadataItem?: ObjectMetadataItem;
-  selectOptions?: SettingsDataModelFieldSelectFormValues['options'];
 };
 
 export const useFieldPreview = ({
   fieldMetadataItem,
   objectMetadataItem,
   relationObjectMetadataItem,
-  selectOptions,
 }: UseFieldPreviewParams) => {
   const isLabelIdentifier =
     !!fieldMetadataItem.id &&
@@ -40,6 +42,9 @@ export const useFieldPreview = ({
     objectNameSingular: objectMetadataItem.nameSingular,
     limit: 1,
     skip: !fieldMetadataItem.name,
+    orderBy: {
+      [fieldMetadataItem.name ?? '']: 'AscNullsLast',
+    },
   });
   const [firstRecord] = records;
 
@@ -51,17 +56,17 @@ export const useFieldPreview = ({
             name: fieldMetadataItem.name,
             type: fieldMetadataItem.type,
           },
-          selectOptions,
         })
       : null;
 
-  const selectOptionValues = selectOptions?.map((option) => option.value);
   const isValueFromFirstRecord =
     firstRecord &&
     !isFieldValueEmpty({
       fieldDefinition: { type: fieldMetadataItem.type },
       fieldValue: fieldPreviewValueFromFirstRecord,
-      selectOptionValues,
+      selectOptionValues: fieldMetadataItem.options?.map(
+        (option) => option.value,
+      ),
     });
 
   const { records: relationRecords } = useFindManyRecords({
@@ -83,7 +88,6 @@ export const useFieldPreview = ({
         fieldMetadataItem,
         objectMetadataItem,
         relationObjectMetadataItem,
-        selectOptions,
       });
 
   const fieldName =