Add any field filter requests (#13336)

This PR adds any field filter request generation utils with its unit
test.

It also calls this new util in the relevant requests for table and
board.

This PR also adds a new corresponding state in context store so that the
filter is handled in command menu and actions.

We also add this new filter to the aggregate queries.

The RecordShowPage story was also fixed.

packages/twenty-front/src/modules/command-menu/hooks/__tests__/useSetGlobalCommandMenuContext.test.tsx

@@ -7,6 +7,7 @@ import { COMMAND_MENU_PREVIOUS_COMPONENT_INSTANCE_ID } from '@/command-menu/cons
 import { useSetGlobalCommandMenuContext } from '@/command-menu/hooks/useSetGlobalCommandMenuContext';
 import { commandMenuPageInfoState } from '@/command-menu/states/commandMenuPageInfoState';
 import { hasUserSelectedCommandState } from '@/command-menu/states/hasUserSelectedCommandState';
+import { contextStoreAnyFieldFilterValueComponentState } from '@/context-store/states/contextStoreAnyFieldFilterValueComponentState';
 import { contextStoreCurrentViewTypeComponentState } from '@/context-store/states/contextStoreCurrentViewTypeComponentState';
 import { contextStoreFiltersComponentState } from '@/context-store/states/contextStoreFiltersComponentState';
 import { contextStoreNumberOfSelectedRecordsComponentState } from '@/context-store/states/contextStoreNumberOfSelectedRecordsComponentState';
@@ -80,6 +81,12 @@ describe('useSetGlobalCommandMenuContext', () => {
           }),
         );
 
+        const anyFieldFilterValue = useRecoilValue(
+          contextStoreAnyFieldFilterValueComponentState.atomFamily({
+            instanceId: COMMAND_MENU_COMPONENT_INSTANCE_ID,
+          }),
+        );
+
         const currentViewType = useRecoilValue(
           contextStoreCurrentViewTypeComponentState.atomFamily({
             instanceId: COMMAND_MENU_COMPONENT_INSTANCE_ID,
@@ -100,6 +107,7 @@ describe('useSetGlobalCommandMenuContext', () => {
           currentViewType,
           commandMenuPageInfo,
           hasUserSelectedCommand,
+          anyFieldFilterValue,
         };
       },
       {
@@ -113,6 +121,7 @@ describe('useSetGlobalCommandMenuContext', () => {
     });
     expect(result.current.numberOfSelectedRecords).toBe(2);
     expect(result.current.filters).toEqual([]);
+    expect(result.current.anyFieldFilterValue).toEqual('');
     expect(result.current.currentViewType).toBe(ContextStoreViewType.Table);
     expect(result.current.commandMenuPageInfo).toEqual({
       title: undefined,
@@ -131,6 +140,7 @@ describe('useSetGlobalCommandMenuContext', () => {
     });
     expect(result.current.numberOfSelectedRecords).toBe(0);
     expect(result.current.filters).toEqual([]);
+    expect(result.current.anyFieldFilterValue).toEqual('');
     expect(result.current.currentViewType).toBe(ContextStoreViewType.Table);
     expect(result.current.commandMenuPageInfo).toEqual({
       title: undefined,

packages/twenty-front/src/modules/command-menu/hooks/useCopyContextStoreAndActionMenuStates.ts

@@ -1,3 +1,4 @@
+import { contextStoreAnyFieldFilterValueComponentState } from '@/context-store/states/contextStoreAnyFieldFilterValueComponentState';
 import { contextStoreCurrentObjectMetadataItemIdComponentState } from '@/context-store/states/contextStoreCurrentObjectMetadataItemIdComponentState';
 import { contextStoreCurrentViewIdComponentState } from '@/context-store/states/contextStoreCurrentViewIdComponentState';
 import { contextStoreCurrentViewTypeComponentState } from '@/context-store/states/contextStoreCurrentViewTypeComponentState';
@@ -76,6 +77,21 @@ export const useCopyContextStoreStates = () => {
           contextStoreFilters,
         );
 
+        const contextStoreAnyFieldFilterValue = snapshot
+          .getLoadable(
+            contextStoreAnyFieldFilterValueComponentState.atomFamily({
+              instanceId: instanceIdToCopyFrom,
+            }),
+          )
+          .getValue();
+
+        set(
+          contextStoreAnyFieldFilterValueComponentState.atomFamily({
+            instanceId: instanceIdToCopyTo,
+          }),
+          contextStoreAnyFieldFilterValue,
+        );
+
         const contextStoreCurrentViewId = snapshot
           .getLoadable(
             contextStoreCurrentViewIdComponentState.atomFamily({

packages/twenty-front/src/modules/command-menu/hooks/useResetContextStoreStates.ts

@@ -1,3 +1,4 @@
+import { contextStoreAnyFieldFilterValueComponentState } from '@/context-store/states/contextStoreAnyFieldFilterValueComponentState';
 import { contextStoreCurrentObjectMetadataItemIdComponentState } from '@/context-store/states/contextStoreCurrentObjectMetadataItemIdComponentState';
 import { contextStoreCurrentViewIdComponentState } from '@/context-store/states/contextStoreCurrentViewIdComponentState';
 import { contextStoreFiltersComponentState } from '@/context-store/states/contextStoreFiltersComponentState';
@@ -39,6 +40,13 @@ export const useResetContextStoreStates = () => {
         [],
       );
 
+      set(
+        contextStoreAnyFieldFilterValueComponentState.atomFamily({
+          instanceId,
+        }),
+        '',
+      );
+
       set(
         contextStoreCurrentViewIdComponentState.atomFamily({
           instanceId,

packages/twenty-front/src/modules/command-menu/hooks/useSetGlobalCommandMenuContext.ts

@@ -3,6 +3,7 @@ import { COMMAND_MENU_PREVIOUS_COMPONENT_INSTANCE_ID } from '@/command-menu/cons
 import { useCopyContextStoreStates } from '@/command-menu/hooks/useCopyContextStoreAndActionMenuStates';
 import { commandMenuPageInfoState } from '@/command-menu/states/commandMenuPageInfoState';
 import { hasUserSelectedCommandState } from '@/command-menu/states/hasUserSelectedCommandState';
+import { contextStoreAnyFieldFilterValueComponentState } from '@/context-store/states/contextStoreAnyFieldFilterValueComponentState';
 import { contextStoreCurrentViewTypeComponentState } from '@/context-store/states/contextStoreCurrentViewTypeComponentState';
 import { contextStoreFiltersComponentState } from '@/context-store/states/contextStoreFiltersComponentState';
 import { contextStoreNumberOfSelectedRecordsComponentState } from '@/context-store/states/contextStoreNumberOfSelectedRecordsComponentState';
@@ -45,6 +46,13 @@ export const useSetGlobalCommandMenuContext = () => {
           [],
         );
 
+        set(
+          contextStoreAnyFieldFilterValueComponentState.atomFamily({
+            instanceId: COMMAND_MENU_COMPONENT_INSTANCE_ID,
+          }),
+          '',
+        );
+
         set(
           contextStoreCurrentViewTypeComponentState.atomFamily({
             instanceId: COMMAND_MENU_COMPONENT_INSTANCE_ID,