Implement contextual actions for the workflows

packages/twenty-front/src/modules/action-menu/actions/record-actions/components/RecordActionMenuEntriesSetter.tsx

@@ -1,9 +1,9 @@
 import { MultipleRecordsActionMenuEntrySetterEffect } from '@/action-menu/actions/record-actions/multiple-records/components/MultipleRecordsActionMenuEntrySetterEffect';
 import { NoSelectionActionMenuEntrySetterEffect } from '@/action-menu/actions/record-actions/no-selection/components/NoSelectionActionMenuEntrySetterEffect';
-import { SingleRecordActionMenuEntrySetterEffect } from '@/action-menu/actions/record-actions/single-record/components/SingleRecordActionMenuEntrySetterEffect';
+import { SingleRecordActionMenuEntrySetter } from '@/action-menu/actions/record-actions/single-record/components/SingleRecordActionMenuEntrySetter';
 import { WorkflowRunRecordActionMenuEntrySetterEffect } from '@/action-menu/actions/record-actions/workflow-run-record-actions/components/WorkflowRunRecordActionMenuEntrySetter';
 import { contextStoreCurrentObjectMetadataIdComponentState } from '@/context-store/states/contextStoreCurrentObjectMetadataIdComponentState';
-import { contextStoreNumberOfSelectedRecordsComponentState } from '@/context-store/states/contextStoreNumberOfSelectedRecordsComponentState';
+import { contextStoreTargetedRecordsRuleComponentState } from '@/context-store/states/contextStoreTargetedRecordsRuleComponentState';
 import { useObjectMetadataItemById } from '@/object-metadata/hooks/useObjectMetadataItemById';
 import { useRecoilComponentValueV2 } from '@/ui/utilities/state/component-state/hooks/useRecoilComponentValueV2';
 import { useIsFeatureEnabled } from '@/workspace/hooks/useIsFeatureEnabled';
@@ -32,30 +32,35 @@ const ActionEffects = ({
     objectId: objectMetadataItemId,
   });
 
-  const contextStoreNumberOfSelectedRecords = useRecoilComponentValueV2(
-    contextStoreNumberOfSelectedRecordsComponentState,
+  const contextStoreTargetedRecordsRule = useRecoilComponentValueV2(
+    contextStoreTargetedRecordsRuleComponentState,
   );
 
   const isWorkflowEnabled = useIsFeatureEnabled('IS_WORKFLOW_ENABLED');
 
   return (
     <>
-      {contextStoreNumberOfSelectedRecords === 0 && (
-        <NoSelectionActionMenuEntrySetterEffect
-          objectMetadataItem={objectMetadataItem}
-        />
-      )}
-      {contextStoreNumberOfSelectedRecords === 1 && (
-        <SingleRecordActionMenuEntrySetterEffect
-          objectMetadataItem={objectMetadataItem}
-        />
-      )}
-      {contextStoreNumberOfSelectedRecords === 1 && isWorkflowEnabled && (
-        <WorkflowRunRecordActionMenuEntrySetterEffect
-          objectMetadataItem={objectMetadataItem}
-        />
-      )}
-      {contextStoreNumberOfSelectedRecords > 1 && (
+      {contextStoreTargetedRecordsRule.mode === 'selection' &&
+        contextStoreTargetedRecordsRule.selectedRecordIds.length === 0 && (
+          <NoSelectionActionMenuEntrySetterEffect
+            objectMetadataItem={objectMetadataItem}
+          />
+        )}
+      {contextStoreTargetedRecordsRule.mode === 'selection' &&
+        contextStoreTargetedRecordsRule.selectedRecordIds.length === 1 && (
+          <>
+            <SingleRecordActionMenuEntrySetter
+              objectMetadataItem={objectMetadataItem}
+            />
+            {isWorkflowEnabled && (
+              <WorkflowRunRecordActionMenuEntrySetterEffect
+                objectMetadataItem={objectMetadataItem}
+              />
+            )}
+          </>
+        )}
+      {(contextStoreTargetedRecordsRule.mode === 'exclusion' ||
+        contextStoreTargetedRecordsRule.selectedRecordIds.length > 1) && (
         <MultipleRecordsActionMenuEntrySetterEffect
           objectMetadataItem={objectMetadataItem}
         />

packages/twenty-front/src/modules/action-menu/actions/record-actions/multiple-records/hooks/__tests__/useDeleteMultipleRecordsAction.test.tsx

@@ -0,0 +1,132 @@
+import { actionMenuEntriesComponentState } from '@/action-menu/states/actionMenuEntriesComponentState';
+import { ActionMenuComponentInstanceContext } from '@/action-menu/states/contexts/ActionMenuComponentInstanceContext';
+import { contextStoreNumberOfSelectedRecordsComponentState } from '@/context-store/states/contextStoreNumberOfSelectedRecordsComponentState';
+import { ContextStoreComponentInstanceContext } from '@/context-store/states/contexts/ContextStoreComponentInstanceContext';
+import { useRecoilComponentValueV2 } from '@/ui/utilities/state/component-state/hooks/useRecoilComponentValueV2';
+import { expect } from '@storybook/test';
+import { renderHook } from '@testing-library/react';
+import { act } from 'react';
+import { getJestMetadataAndApolloMocksWrapper } from '~/testing/jest/getJestMetadataAndApolloMocksWrapper';
+import { generatedMockObjectMetadataItems } from '~/testing/mock-data/generatedMockObjectMetadataItems';
+import { useDeleteMultipleRecordsAction } from '../useDeleteMultipleRecordsAction';
+
+jest.mock('@/object-record/hooks/useDeleteManyRecords', () => ({
+  useDeleteManyRecords: () => ({
+    deleteManyRecords: jest.fn(),
+  }),
+}));
+jest.mock('@/favorites/hooks/useDeleteFavorite', () => ({
+  useDeleteFavorite: () => ({
+    deleteFavorite: jest.fn(),
+  }),
+}));
+jest.mock('@/favorites/hooks/useFavorites', () => ({
+  useFavorites: () => ({
+    sortedFavorites: [],
+  }),
+}));
+jest.mock('@/object-record/record-table/hooks/useRecordTable', () => ({
+  useRecordTable: () => ({
+    resetTableRowSelection: jest.fn(),
+  }),
+}));
+
+const companyMockObjectMetadataItem = generatedMockObjectMetadataItems.find(
+  (item) => item.nameSingular === 'company',
+)!;
+
+const JestMetadataAndApolloMocksWrapper = getJestMetadataAndApolloMocksWrapper({
+  apolloMocks: [],
+  onInitializeRecoilSnapshot: ({ set }) => {
+    set(
+      contextStoreNumberOfSelectedRecordsComponentState.atomFamily({
+        instanceId: '1',
+      }),
+      3,
+    );
+  },
+});
+
+describe('useDeleteMultipleRecordsAction', () => {
+  const wrapper = ({ children }: { children: React.ReactNode }) => (
+    <JestMetadataAndApolloMocksWrapper>
+      <ContextStoreComponentInstanceContext.Provider
+        value={{
+          instanceId: '1',
+        }}
+      >
+        <ActionMenuComponentInstanceContext.Provider
+          value={{
+            instanceId: '1',
+          }}
+        >
+          {children}
+        </ActionMenuComponentInstanceContext.Provider>
+      </ContextStoreComponentInstanceContext.Provider>
+    </JestMetadataAndApolloMocksWrapper>
+  );
+
+  it('should register delete action', () => {
+    const { result } = renderHook(
+      () => {
+        const actionMenuEntries = useRecoilComponentValueV2(
+          actionMenuEntriesComponentState,
+        );
+
+        return {
+          actionMenuEntries,
+          useDeleteMultipleRecordsAction: useDeleteMultipleRecordsAction({
+            objectMetadataItem: companyMockObjectMetadataItem,
+          }),
+        };
+      },
+      { wrapper },
+    );
+
+    act(() => {
+      result.current.useDeleteMultipleRecordsAction.registerDeleteMultipleRecordsAction(
+        { position: 1 },
+      );
+    });
+
+    expect(result.current.actionMenuEntries.size).toBe(1);
+    expect(
+      result.current.actionMenuEntries.get('delete-multiple-records'),
+    ).toBeDefined();
+    expect(
+      result.current.actionMenuEntries.get('delete-multiple-records')?.position,
+    ).toBe(1);
+  });
+
+  it('should unregister delete action', () => {
+    const { result } = renderHook(
+      () => {
+        const actionMenuEntries = useRecoilComponentValueV2(
+          actionMenuEntriesComponentState,
+        );
+
+        return {
+          actionMenuEntries,
+          useDeleteMultipleRecordsAction: useDeleteMultipleRecordsAction({
+            objectMetadataItem: companyMockObjectMetadataItem,
+          }),
+        };
+      },
+      { wrapper },
+    );
+
+    act(() => {
+      result.current.useDeleteMultipleRecordsAction.registerDeleteMultipleRecordsAction(
+        { position: 1 },
+      );
+    });
+
+    expect(result.current.actionMenuEntries.size).toBe(1);
+
+    act(() => {
+      result.current.useDeleteMultipleRecordsAction.unregisterDeleteMultipleRecordsAction();
+    });
+
+    expect(result.current.actionMenuEntries.size).toBe(0);
+  });
+});

packages/twenty-front/src/modules/action-menu/actions/record-actions/multiple-records/hooks/__tests__/useExportMultipleRecordsAction.test.tsx

@@ -0,0 +1,105 @@
+import { actionMenuEntriesComponentState } from '@/action-menu/states/actionMenuEntriesComponentState';
+import { ActionMenuComponentInstanceContext } from '@/action-menu/states/contexts/ActionMenuComponentInstanceContext';
+import { ContextStoreComponentInstanceContext } from '@/context-store/states/contexts/ContextStoreComponentInstanceContext';
+import { useRecoilComponentValueV2 } from '@/ui/utilities/state/component-state/hooks/useRecoilComponentValueV2';
+import { expect } from '@storybook/test';
+import { renderHook } from '@testing-library/react';
+import { act } from 'react';
+import { JestObjectMetadataItemSetter } from '~/testing/jest/JestObjectMetadataItemSetter';
+import { getJestMetadataAndApolloMocksWrapper } from '~/testing/jest/getJestMetadataAndApolloMocksWrapper';
+import { generatedMockObjectMetadataItems } from '~/testing/mock-data/generatedMockObjectMetadataItems';
+import { useExportMultipleRecordsAction } from '../useExportMultipleRecordsAction';
+
+const companyMockObjectMetadataItem = generatedMockObjectMetadataItems.find(
+  (item) => item.nameSingular === 'company',
+)!;
+
+const JestMetadataAndApolloMocksWrapper = getJestMetadataAndApolloMocksWrapper({
+  apolloMocks: [],
+});
+
+describe('useExportMultipleRecordsAction', () => {
+  const wrapper = ({ children }: { children: React.ReactNode }) => (
+    <JestMetadataAndApolloMocksWrapper>
+      <JestObjectMetadataItemSetter>
+        <ContextStoreComponentInstanceContext.Provider
+          value={{
+            instanceId: '1',
+          }}
+        >
+          <ActionMenuComponentInstanceContext.Provider
+            value={{
+              instanceId: '1',
+            }}
+          >
+            {children}
+          </ActionMenuComponentInstanceContext.Provider>
+        </ContextStoreComponentInstanceContext.Provider>
+      </JestObjectMetadataItemSetter>
+    </JestMetadataAndApolloMocksWrapper>
+  );
+
+  it('should register export multiple records action', () => {
+    const { result } = renderHook(
+      () => {
+        const actionMenuEntries = useRecoilComponentValueV2(
+          actionMenuEntriesComponentState,
+        );
+
+        return {
+          actionMenuEntries,
+          useExportMultipleRecordsAction: useExportMultipleRecordsAction({
+            objectMetadataItem: companyMockObjectMetadataItem,
+          }),
+        };
+      },
+      { wrapper },
+    );
+
+    act(() => {
+      result.current.useExportMultipleRecordsAction.registerExportMultipleRecordsAction(
+        { position: 1 },
+      );
+    });
+
+    expect(result.current.actionMenuEntries.size).toBe(1);
+    expect(
+      result.current.actionMenuEntries.get('export-multiple-records'),
+    ).toBeDefined();
+    expect(
+      result.current.actionMenuEntries.get('export-multiple-records')?.position,
+    ).toBe(1);
+  });
+
+  it('should unregister export multiple records action', () => {
+    const { result } = renderHook(
+      () => {
+        const actionMenuEntries = useRecoilComponentValueV2(
+          actionMenuEntriesComponentState,
+        );
+
+        return {
+          actionMenuEntries,
+          useExportMultipleRecordsAction: useExportMultipleRecordsAction({
+            objectMetadataItem: companyMockObjectMetadataItem,
+          }),
+        };
+      },
+      { wrapper },
+    );
+
+    act(() => {
+      result.current.useExportMultipleRecordsAction.registerExportMultipleRecordsAction(
+        { position: 1 },
+      );
+    });
+
+    expect(result.current.actionMenuEntries.size).toBe(1);
+
+    act(() => {
+      result.current.useExportMultipleRecordsAction.unregisterExportMultipleRecordsAction();
+    });
+
+    expect(result.current.actionMenuEntries.size).toBe(0);
+  });
+});

packages/twenty-front/src/modules/action-menu/actions/record-actions/multiple-records/hooks/useDeleteMultipleRecordsAction.tsx

@@ -22,10 +22,8 @@ import { useCallback, useContext, useState } from 'react';
 import { IconTrash, isDefined } from 'twenty-ui';
 
 export const useDeleteMultipleRecordsAction = ({
-  position,
   objectMetadataItem,
 }: {
-  position: number;
   objectMetadataItem: ObjectMetadataItem;
 }) => {
   const { addActionMenuEntry, removeActionMenuEntry } = useActionMenuEntries();
@@ -106,7 +104,11 @@ export const useDeleteMultipleRecordsAction = ({
   const { isInRightDrawer, onActionExecutedCallback } =
     useContext(ActionMenuContext);
 
-  const registerDeleteMultipleRecordsAction = () => {
+  const registerDeleteMultipleRecordsAction = ({
+    position,
+  }: {
+    position: number;
+  }) => {
     if (canDelete) {
       addActionMenuEntry({
         type: ActionMenuEntryType.Standard,

packages/twenty-front/src/modules/action-menu/actions/record-actions/multiple-records/hooks/useExportMultipleRecordsAction.tsx

@@ -12,10 +12,8 @@ import {
 } from '@/object-record/record-index/export/hooks/useExportRecords';
 
 export const useExportMultipleRecordsAction = ({
-  position,
   objectMetadataItem,
 }: {
-  position: number;
   objectMetadataItem: ObjectMetadataItem;
 }) => {
   const { addActionMenuEntry, removeActionMenuEntry } = useActionMenuEntries();
@@ -27,7 +25,11 @@ export const useExportMultipleRecordsAction = ({
     filename: `${objectMetadataItem.nameSingular}.csv`,
   });
 
-  const registerExportMultipleRecordsAction = () => {
+  const registerExportMultipleRecordsAction = ({
+    position,
+  }: {
+    position: number;
+  }) => {
     addActionMenuEntry({
       type: ActionMenuEntryType.Standard,
       scope: ActionMenuEntryScope.RecordSelection,

packages/twenty-front/src/modules/action-menu/actions/record-actions/multiple-records/hooks/useMultipleRecordsActions.tsx

@@ -1,5 +1,5 @@
 import { useDeleteMultipleRecordsAction } from '@/action-menu/actions/record-actions/multiple-records/hooks/useDeleteMultipleRecordsAction';
-import { useExportViewNoSelectionRecordAction } from '@/action-menu/actions/record-actions/no-selection/hooks/useExportMultipleRecordsAction';
+import { useExportMultipleRecordsAction } from '@/action-menu/actions/record-actions/multiple-records/hooks/useExportMultipleRecordsAction';
 import { ObjectMetadataItem } from '@/object-metadata/types/ObjectMetadataItem';
 
 export const useMultipleRecordsActions = ({
@@ -11,26 +11,24 @@ export const useMultipleRecordsActions = ({
     registerDeleteMultipleRecordsAction,
     unregisterDeleteMultipleRecordsAction,
   } = useDeleteMultipleRecordsAction({
-    position: 0,
     objectMetadataItem,
   });
 
   const {
-    registerExportViewNoSelectionRecordsAction,
-    unregisterExportViewNoSelectionRecordsAction,
-  } = useExportViewNoSelectionRecordAction({
-    position: 1,
+    registerExportMultipleRecordsAction,
+    unregisterExportMultipleRecordsAction,
+  } = useExportMultipleRecordsAction({
     objectMetadataItem,
   });
 
   const registerMultipleRecordsActions = () => {
-    registerDeleteMultipleRecordsAction();
-    registerExportViewNoSelectionRecordsAction();
+    registerDeleteMultipleRecordsAction({ position: 1 });
+    registerExportMultipleRecordsAction({ position: 2 });
   };
 
   const unregisterMultipleRecordsActions = () => {
     unregisterDeleteMultipleRecordsAction();
-    unregisterExportViewNoSelectionRecordsAction();
+    unregisterExportMultipleRecordsAction();
   };
 
   return {