Fix and enhance storybook:modules:tests (#3107)

* Fix and enhance storybook:modules:tests

Co-authored-by: v1b3m <vibenjamin6@gmail.com>
Co-authored-by: Thiago Nascimbeni <tnascimbeni@gmail.com>

* Fix and enhance storybook:modules:tests

Co-authored-by: v1b3m <vibenjamin6@gmail.com>
Co-authored-by: Thiago Nascimbeni <tnascimbeni@gmail.com>

* Fix and enhance storybook:modules:tests

Co-authored-by: v1b3m <vibenjamin6@gmail.com>
Co-authored-by: Thiago Nascimbeni <tnascimbeni@gmail.com>

* Remove unnecessary changes

Co-authored-by: v1b3m <vibenjamin6@gmail.com>
Co-authored-by: Thiago Nascimbeni <tnascimbeni@gmail.com>

* Fix email thread story

* Re-enable storybook:modules

* Fix

---------

Co-authored-by: gitstart-twenty <gitstart-twenty@users.noreply.github.com>
Co-authored-by: v1b3m <vibenjamin6@gmail.com>
Co-authored-by: Thiago Nascimbeni <tnascimbeni@gmail.com>
Co-authored-by: Charles Bochet <charles@twenty.com>

packages/twenty-front/src/modules/object-record/relation-picker/components/__stories__/SingleEntitySelect.stories.tsx

@@ -1,7 +1,6 @@
 import { Meta, StoryObj } from '@storybook/react';
 import { expect, userEvent, within } from '@storybook/test';
 
-import { useRelationPicker } from '@/object-record/relation-picker/hooks/useRelationPicker';
 import { IconUserCircle } from '@/ui/display/icon';
 import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
 import { ComponentWithRecoilScopeDecorator } from '~/testing/decorators/ComponentWithRecoilScopeDecorator';
@@ -41,8 +40,9 @@ const meta: Meta<typeof SingleEntitySelect> = {
     selectedEntity,
     width,
   }) => {
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    const { relationPickerSearchFilter } = useRelationPicker();
+    const filteredEntities = entities.filter(
+      (entity) => entity.id !== selectedEntity?.id,
+    );
 
     return (
       <SingleEntitySelect
@@ -57,11 +57,7 @@ const meta: Meta<typeof SingleEntitySelect> = {
           selectedEntity,
           width,
         }}
-        entitiesToSelect={entities.filter(
-          (entity) =>
-            entity.id !== selectedEntity?.id &&
-            entity.name.includes(relationPickerSearchFilter),
-        )}
+        entitiesToSelect={filteredEntities}
       />
     );
   },

packages/twenty-front/src/modules/object-record/relation-picker/hooks/useEntitySelectSearch.ts

@@ -7,7 +7,9 @@ export const useEntitySelectSearch = () => {
     setRelationPickerPreselectedId,
     relationPickerSearchFilter,
     setRelationPickerSearchFilter,
-  } = useRelationPicker();
+  } = useRelationPicker({
+    relationPickerScopeId: 'relation-picker',
+  });
 
   const debouncedSetSearchFilter = debounce(
     setRelationPickerSearchFilter,