Select Field Input Menu scrollable and add Select Field in Filter and Sort (#3656)

* - fix Select Option Menu scrollable and added search

- add select field in filter and sort operation

* Fix lint

* Fix post merge

* Fix select filter

* Fix

* Remove duplicated search input

* fix turn object into query

* Rename search inputs

* Remove debounced for options

* Simplify option filter

* Rename option to MenuItemSelectTag

* Fix test

* Infer type from field metadata item

---------

Co-authored-by: Charles Bochet <charles@twenty.com>
Co-authored-by: Thomas Trompette <thomast@twenty.com>

packages/twenty-front/src/modules/object-metadata/types/FieldMetadataItem.ts

@@ -1,6 +1,14 @@
 import { ThemeColor } from '@/ui/theme/constants/MainColorNames';
 import { Field, Relation } from '~/generated-metadata/graphql';
 
+export type FieldMetadataItemOption = {
+  color: ThemeColor;
+  id: string;
+  label: string;
+  position: number;
+  value: string;
+};
+
 export type FieldMetadataItem = Omit<
   Field,
   | '__typename'
@@ -27,11 +35,5 @@ export type FieldMetadataItem = Omit<
       })
     | null;
   defaultValue?: any;
-  options?: {
-    color: ThemeColor;
-    id: string;
-    label: string;
-    position: number;
-    value: string;
-  }[];
+  options?: FieldMetadataItemOption[];
 };

packages/twenty-front/src/modules/object-metadata/utils/formatFieldMetadataItemsAsFilterDefinitions.ts

@@ -18,6 +18,7 @@ export const formatFieldMetadataItemsAsFilterDefinitions = ({
         FieldMetadataType.Link,
         FieldMetadataType.FullName,
         FieldMetadataType.Relation,
+        FieldMetadataType.Select,
         FieldMetadataType.Currency,
       ].includes(field.type)
     ) {
@@ -67,5 +68,7 @@ export const formatFieldMetadataItemAsFilterDefinition = ({
                   ? 'TEXT'
                   : field.type === FieldMetadataType.Relation
                     ? 'RELATION'
-                    : 'TEXT',
+                    : field.type === FieldMetadataType.Select
+                      ? 'SELECT'
+                      : 'TEXT',
 });

packages/twenty-front/src/modules/object-metadata/utils/formatFieldMetadataItemsAsSortDefinitions.ts

@@ -15,6 +15,7 @@ export const formatFieldMetadataItemsAsSortDefinitions = ({
         FieldMetadataType.Number,
         FieldMetadataType.Text,
         FieldMetadataType.Boolean,
+        FieldMetadataType.Select,
       ].includes(field.type)
     ) {
       return acc;