Support orderBy as array

packages/twenty-front/src/modules/activities/emails/graphql/operation-signatures/factories/fetchAllThreadMessagesOperationSignatureFactory.ts

@@ -10,9 +10,11 @@ export const fetchAllThreadMessagesOperationSignatureFactory: RecordGqlOperation
           eq: messageThreadId || '',
         },
       },
-      orderBy: {
-        receivedAt: 'AscNullsLast',
-      },
+      orderBy: [
+        {
+          receivedAt: 'AscNullsLast',
+        },
+      ],
       limit: 10,
     },
     fields: {

packages/twenty-front/src/modules/activities/files/hooks/useAttachments.tsx

@@ -17,9 +17,11 @@ export const useAttachments = (targetableObject: ActivityTargetableObject) => {
         eq: targetableObject.id,
       },
     },
-    orderBy: {
-      createdAt: 'DescNullsFirst',
-    },
+    orderBy: [
+      {
+        createdAt: 'DescNullsFirst',
+      },
+    ],
   });
 
   return {

packages/twenty-front/src/modules/activities/hooks/__tests__/useActivities.test.tsx

@@ -49,7 +49,7 @@ const mocks: MockedResponse[] = [
       query: gql`
         query FindManyActivityTargets(
           $filter: ActivityTargetFilterInput
-          $orderBy: ActivityTargetOrderByInput
+          $orderBy: [ActivityTargetOrderByInput]
           $lastCursor: String
           $limit: Int
         ) {
@@ -103,7 +103,7 @@ const mocks: MockedResponse[] = [
       query: gql`
         query FindManyActivities(
           $filter: ActivityFilterInput
-          $orderBy: ActivityOrderByInput
+          $orderBy: [ActivityOrderByInput]
           $lastCursor: String
           $limit: Int
         ) {
@@ -178,7 +178,7 @@ describe('useActivities', () => {
         useActivities({
           targetableObjects: [],
           activitiesFilters: {},
-          activitiesOrderByVariables: {},
+          activitiesOrderByVariables: [{}],
           skip: false,
         }),
       { wrapper: Wrapper },
@@ -202,7 +202,7 @@ describe('useActivities', () => {
             { targetObjectNameSingular: 'company', id: '123' },
           ],
           activitiesFilters: {},
-          activitiesOrderByVariables: {},
+          activitiesOrderByVariables: [{}],
           skip: false,
         });
         return { activities, setCurrentWorkspaceMember };

packages/twenty-front/src/modules/activities/hooks/__tests__/useActivityTargetsForTargetableObject.test.tsx

@@ -34,7 +34,7 @@ const mocks: MockedResponse[] = [
       query: gql`
         query FindManyActivityTargets(
           $filter: ActivityTargetFilterInput
-          $orderBy: ActivityTargetOrderByInput
+          $orderBy: [ActivityTargetOrderByInput]
           $lastCursor: String
           $limit: Int
         ) {

packages/twenty-front/src/modules/activities/hooks/usePrepareFindManyActivitiesQuery.ts

@@ -109,7 +109,7 @@ export const usePrepareFindManyActivitiesQuery = () => {
       objectRecordsToOverwrite: filteredActivities,
       queryVariables: {
         ...nextFindManyActivitiesQueryFilter,
-        orderBy: { createdAt: 'DescNullsFirst' },
+        orderBy: [{ createdAt: 'DescNullsFirst' }],
       },
       recordGqlFields: FIND_ACTIVITIES_OPERATION_SIGNATURE.fields,
       computeReferences: true,

packages/twenty-front/src/modules/activities/notes/hooks/useNotes.ts

@@ -24,7 +24,7 @@ export const useNotes = (targetableObject: ActivityTargetableObject) => {
 
   const { activities, loading } = useActivities({
     activitiesFilters: notesQueryVariables.filter ?? {},
-    activitiesOrderByVariables: notesQueryVariables.orderBy ?? {},
+    activitiesOrderByVariables: notesQueryVariables.orderBy ?? [{}],
     targetableObjects: [targetableObject],
   });
 

packages/twenty-front/src/modules/activities/tasks/hooks/useTasks.ts

@@ -110,13 +110,13 @@ export const useTasks = ({
   const { activities: completeTasksData } = useActivities({
     targetableObjects,
     activitiesFilters: completedQueryVariables.filter ?? {},
-    activitiesOrderByVariables: completedQueryVariables.orderBy ?? {},
+    activitiesOrderByVariables: completedQueryVariables.orderBy ?? [{}],
   });
 
   const { activities: incompleteTaskData } = useActivities({
     targetableObjects,
     activitiesFilters: incompleteQueryVariables.filter ?? {},
-    activitiesOrderByVariables: incompleteQueryVariables.orderBy ?? {},
+    activitiesOrderByVariables: incompleteQueryVariables.orderBy ?? [{}],
   });
 
   const todayOrPreviousTasks = incompleteTaskData?.filter((task) => {

packages/twenty-front/src/modules/activities/timeline/constants/FindManyTimelineActivitiesOrderBy.ts

@@ -1,6 +1,8 @@
 import { RecordGqlOperationOrderBy } from '@/object-record/graphql/types/RecordGqlOperationOrderBy';
 
 export const FIND_MANY_TIMELINE_ACTIVITIES_ORDER_BY: RecordGqlOperationOrderBy =
-  {
-    createdAt: 'DescNullsFirst',
-  };
+  [
+    {
+      createdAt: 'DescNullsFirst',
+    },
+  ];

packages/twenty-front/src/modules/activities/timeline/utils/makeTimelineActivitiesQueryVariables.ts

@@ -13,8 +13,10 @@ export const makeTimelineActivitiesQueryVariables = ({
         in: [...activityIds].sort(sortByAscString),
       },
     },
-    orderBy: {
-      createdAt: 'DescNullsFirst',
-    },
+    orderBy: [
+      {
+        createdAt: 'DescNullsFirst',
+      },
+    ],
   };
 };

packages/twenty-front/src/modules/activities/timelineActivities/hooks/useTimelineActivities.tsx

@@ -19,9 +19,11 @@ export const useTimelineActivities = (
         eq: targetableObject.id,
       },
     },
-    orderBy: {
-      createdAt: 'DescNullsFirst',
-    },
+    orderBy: [
+      {
+        createdAt: 'DescNullsFirst',
+      },
+    ],
     fetchPolicy: 'network-only',
   });
 

packages/twenty-front/src/modules/apollo/optimistic-effect/utils/sortCachedObjectEdges.ts

@@ -16,7 +16,7 @@ export const sortCachedObjectEdges = ({
   orderBy: RecordGqlOperationOrderBy;
   readCacheField: ReadFieldFunction;
 }) => {
-  const [orderByFieldName, orderByFieldValue] = Object.entries(orderBy)[0];
+  const [orderByFieldName, orderByFieldValue] = Object.entries(orderBy[0])[0];
   const [orderBySubFieldName, orderBySubFieldValue] =
     typeof orderByFieldValue === 'string'
       ? []

packages/twenty-front/src/modules/object-metadata/hooks/__mocks__/useCreateOneObjectMetadataItem.ts

@@ -24,7 +24,7 @@ export const query = gql`
 export const findManyViewsQuery = gql`
   query FindManyViews(
     $filter: ViewFilterInput
-    $orderBy: ViewOrderByInput
+    $orderBy: [ViewOrderByInput]
     $lastCursor: String
     $limit: Int
   ) {

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

@@ -15,20 +15,26 @@ export const getOrderByFieldForObjectMetadataItem = (
   if (isDefined(labelIdentifierFieldMetadata)) {
     switch (labelIdentifierFieldMetadata.type) {
       case FieldMetadataType.FullName:
-        return {
-          [labelIdentifierFieldMetadata.name]: {
-            firstName: orderBy ?? 'AscNullsLast',
-            lastName: orderBy ?? 'AscNullsLast',
+        return [
+          {
+            [labelIdentifierFieldMetadata.name]: {
+              firstName: orderBy ?? 'AscNullsLast',
+              lastName: orderBy ?? 'AscNullsLast',
+            },
           },
-        };
+        ];
       default:
-        return {
-          [labelIdentifierFieldMetadata.name]: orderBy ?? 'AscNullsLast',
-        };
+        return [
+          {
+            [labelIdentifierFieldMetadata.name]: orderBy ?? 'AscNullsLast',
+          },
+        ];
     }
   } else {
-    return {
-      createdAt: orderBy ?? 'DescNullsLast',
-    };
+    return [
+      {
+        createdAt: orderBy ?? 'DescNullsLast',
+      },
+    ];
   }
 };

packages/twenty-front/src/modules/object-record/graphql/types/RecordGqlOperationOrderBy.ts

@@ -1,5 +1,5 @@
 import { OrderBy } from '@/object-metadata/types/OrderBy';
 
-export type RecordGqlOperationOrderBy = {
+export type RecordGqlOperationOrderBy = Array<{
   [fieldName: string]: OrderBy | { [subFieldName: string]: OrderBy };
-};
+}>;

packages/twenty-front/src/modules/object-record/hooks/__tests__/useFindManyRecordsQuery.test.tsx

@@ -5,7 +5,7 @@ import { RecoilRoot } from 'recoil';
 import { useFindManyRecordsQuery } from '@/object-record/hooks/useFindManyRecordsQuery';
 
 const expectedQueryTemplate = `
-  query FindManyPeople($filter: PersonFilterInput, $orderBy: PersonOrderByInput, $lastCursor: String, $limit: Int) {
+  query FindManyPeople($filter: PersonFilterInput, $orderBy: [PersonOrderByInput], $lastCursor: String, $limit: Int) {
     people(filter: $filter, orderBy: $orderBy, first: $limit, after: $lastCursor) {
       edges {
         node {

packages/twenty-front/src/modules/object-record/multiple-objects/hooks/useGenerateCombinedFindManyRecordsQuery.ts

@@ -32,9 +32,9 @@ export const useGenerateCombinedFindManyRecordsQuery = ({
   const orderByPerMetadataItemArray = operationSignatures
     .map(
       ({ objectNameSingular }) =>
-        `$orderBy${capitalize(objectNameSingular)}: ${capitalize(
+        `$orderBy${capitalize(objectNameSingular)}: [${capitalize(
           objectNameSingular,
-        )}OrderByInput`,
+        )}OrderByInput]`,
     )
     .join(', ');
 

packages/twenty-front/src/modules/object-record/object-sort-dropdown/utils/turnSortsIntoOrderBy.ts

@@ -15,28 +15,23 @@ export const turnSortsIntoOrderBy = (
 ): RecordGqlOperationOrderBy => {
   const fields: Pick<Field, 'id' | 'name'>[] = objectMetadataItem?.fields ?? [];
   const fieldsById = mapArrayToObject(fields, ({ id }) => id);
-  const sortsOrderBy = Object.fromEntries(
-    sorts
-      .map((sort) => {
-        const correspondingField = fieldsById[sort.fieldMetadataId];
+  const sortsOrderBy = sorts
+    .map((sort) => {
+      const correspondingField = fieldsById[sort.fieldMetadataId];
 
-        if (isUndefinedOrNull(correspondingField)) {
-          return undefined;
-        }
+      if (isUndefinedOrNull(correspondingField)) {
+        return undefined;
+      }
 
-        const direction: OrderBy =
-          sort.direction === 'asc' ? 'AscNullsFirst' : 'DescNullsLast';
+      const direction: OrderBy =
+        sort.direction === 'asc' ? 'AscNullsFirst' : 'DescNullsLast';
 
-        return [correspondingField.name, direction];
-      })
-      .filter(isDefined),
-  );
+      return { [correspondingField.name]: direction };
+    })
+    .filter(isDefined);
 
   if (hasPositionField(objectMetadataItem)) {
-    return {
-      ...sortsOrderBy,
-      position: 'AscNullsFirst',
-    };
+    return [...sortsOrderBy, { position: 'AscNullsFirst' }];
   }
 
   return sortsOrderBy;

packages/twenty-front/src/modules/object-record/relation-picker/hooks/__tests__/useMultiObjectSearch.test.tsx

@@ -11,7 +11,7 @@ import { FieldMetadataType } from '~/generated/graphql';
 const query = gql`
   query CombinedFindManyRecords(
     $filterNameSingular: NameSingularFilterInput
-    $orderByNameSingular: NameSingularOrderByInput
+    $orderByNameSingular: [NameSingularOrderByInput]
     $lastCursorNameSingular: String
     $limitNameSingular: Int
   ) {

packages/twenty-front/src/modules/object-record/utils/generateFindManyRecordsQuery.ts

@@ -21,9 +21,9 @@ query FindMany${capitalize(
   objectMetadataItem.namePlural,
 )}($filter: ${capitalize(
   objectMetadataItem.nameSingular,
-)}FilterInput, $orderBy: ${capitalize(
+)}FilterInput, $orderBy: [${capitalize(
   objectMetadataItem.nameSingular,
-)}OrderByInput, $lastCursor: String, $limit: Int) {
+)}OrderByInput], $lastCursor: String, $limit: Int) {
   ${
     objectMetadataItem.namePlural
   }(filter: $filter, orderBy: $orderBy, first: $limit, after: $lastCursor){

packages/twenty-front/src/modules/search/hooks/__mocks__/useFilteredSearchEntityQuery.ts

@@ -3,7 +3,7 @@ import { gql } from '@apollo/client';
 export const query = gql`
   query FindManyPeople(
     $filter: PersonFilterInput
-    $orderBy: PersonOrderByInput
+    $orderBy: [PersonOrderByInput]
     $lastCursor: String
     $limit: Int = 60
   ) {
@@ -166,7 +166,7 @@ export const variables = {
         { not: { id: { in: ['1', '2'] } } },
       ],
     },
-    orderBy: { name: 'AscNullsLast' },
+    orderBy: [{ name: 'AscNullsLast' }],
   },
   filteredSelectedEntities: {
     limit: 60,
@@ -176,12 +176,12 @@ export const variables = {
         { id: { in: ['1'] } },
       ],
     },
-    orderBy: { name: 'AscNullsLast' },
+    orderBy: [{ name: 'AscNullsLast' }],
   },
   selectedEntities: {
     limit: 60,
     filter: { id: { in: ['1'] } },
-    orderBy: { name: 'AscNullsLast' },
+    orderBy: [{ name: 'AscNullsLast' }],
   },
 };
 

packages/twenty-front/src/modules/search/hooks/useFilteredSearchEntityQuery.ts

@@ -49,7 +49,7 @@ export const useFilteredSearchEntityQuery = ({
     useFindManyRecords({
       objectNameSingular,
       filter: selectedIdsFilter,
-      orderBy: { [orderByField]: sortOrder },
+      orderBy: [{ [orderByField]: sortOrder }],
       skip: !selectedIds.length,
     });
 
@@ -93,7 +93,7 @@ export const useFilteredSearchEntityQuery = ({
   } = useFindManyRecords({
     objectNameSingular,
     filter: makeAndFilterVariables([...searchFilters, selectedIdsFilter]),
-    orderBy: { [orderByField]: sortOrder },
+    orderBy: [{ [orderByField]: sortOrder }],
     skip: !selectedIds.length,
   });
 
@@ -106,7 +106,7 @@ export const useFilteredSearchEntityQuery = ({
       objectNameSingular,
       filter: makeAndFilterVariables([...searchFilters, notFilter]),
       limit: limit ?? DEFAULT_SEARCH_REQUEST_LIMIT,
-      orderBy: { [orderByField]: sortOrder },
+      orderBy: [{ [orderByField]: sortOrder }],
     });
 
   return {