7499 refactor right drawer to have contextual actions (#7954)

Closes #7499
- Modifies context store states to be component states
- Introduces the concept of `mainContextStore` which will dictate the
available actions inside the command K
- Adds contextual actions inside the right drawer
- Creates a new type of modal variant

packages/twenty-front/src/testing/jest/JestContextStoreSetter.tsx

@@ -1,12 +1,12 @@
 import { ReactNode, useEffect, useState } from 'react';
-import { useSetRecoilState } from 'recoil';
 
-import { contextStoreCurrentObjectMetadataIdState } from '@/context-store/states/contextStoreCurrentObjectMetadataIdState';
+import { contextStoreCurrentObjectMetadataIdComponentState } from '@/context-store/states/contextStoreCurrentObjectMetadataIdComponentState';
 import {
   ContextStoreTargetedRecordsRule,
-  contextStoreTargetedRecordsRuleState,
-} from '@/context-store/states/contextStoreTargetedRecordsRuleState';
+  contextStoreTargetedRecordsRuleComponentState,
+} from '@/context-store/states/contextStoreTargetedRecordsRuleComponentState';
 import { useObjectMetadataItem } from '@/object-metadata/hooks/useObjectMetadataItem';
+import { useSetRecoilComponentStateV2 } from '@/ui/utilities/state/component-state/hooks/useSetRecoilComponentStateV2';
 
 export const JestContextStoreSetter = ({
   contextStoreTargetedRecordsRule = {
@@ -20,11 +20,12 @@ export const JestContextStoreSetter = ({
   contextStoreCurrentObjectMetadataNameSingular?: string;
   children: ReactNode;
 }) => {
-  const setContextStoreTargetedRecordsRule = useSetRecoilState(
-    contextStoreTargetedRecordsRuleState,
+  const setContextStoreTargetedRecordsRule = useSetRecoilComponentStateV2(
+    contextStoreTargetedRecordsRuleComponentState,
   );
-  const setContextStoreCurrentObjectMetadataId = useSetRecoilState(
-    contextStoreCurrentObjectMetadataIdState,
+
+  const setContextStoreCurrentObjectMetadataId = useSetRecoilComponentStateV2(
+    contextStoreCurrentObjectMetadataIdComponentState,
   );
 
   const { objectMetadataItem } = useObjectMetadataItem({

packages/twenty-front/src/testing/jest/getJestMetadataAndApolloMocksAndContextStoreWrapper.tsx

@@ -1,4 +1,5 @@
-import { ContextStoreTargetedRecordsRule } from '@/context-store/states/contextStoreTargetedRecordsRuleState';
+import { ContextStoreComponentInstanceContext } from '@/context-store/states/contexts/ContextStoreComponentInstanceContext';
+import { ContextStoreTargetedRecordsRule } from '@/context-store/states/contextStoreTargetedRecordsRuleComponentState';
 import { MockedResponse } from '@apollo/client/testing';
 import { ReactNode } from 'react';
 import { MutableSnapshot } from 'recoil';
@@ -10,6 +11,7 @@ export const getJestMetadataAndApolloMocksAndContextStoreWrapper = ({
   onInitializeRecoilSnapshot,
   contextStoreTargetedRecordsRule,
   contextStoreCurrentObjectMetadataNameSingular,
+  componentInstanceId,
 }: {
   apolloMocks:
     | readonly MockedResponse<Record<string, any>, Record<string, any>>[]
@@ -17,6 +19,7 @@ export const getJestMetadataAndApolloMocksAndContextStoreWrapper = ({
   onInitializeRecoilSnapshot?: (snapshot: MutableSnapshot) => void;
   contextStoreTargetedRecordsRule?: ContextStoreTargetedRecordsRule;
   contextStoreCurrentObjectMetadataNameSingular?: string;
+  componentInstanceId: string;
 }) => {
   const Wrapper = getJestMetadataAndApolloMocksWrapper({
     apolloMocks,
@@ -24,14 +27,20 @@ export const getJestMetadataAndApolloMocksAndContextStoreWrapper = ({
   });
   return ({ children }: { children: ReactNode }) => (
     <Wrapper>
-      <JestContextStoreSetter
-        contextStoreTargetedRecordsRule={contextStoreTargetedRecordsRule}
-        contextStoreCurrentObjectMetadataNameSingular={
-          contextStoreCurrentObjectMetadataNameSingular
-        }
+      <ContextStoreComponentInstanceContext.Provider
+        value={{
+          instanceId: componentInstanceId,
+        }}
       >
-        {children}
-      </JestContextStoreSetter>
+        <JestContextStoreSetter
+          contextStoreTargetedRecordsRule={contextStoreTargetedRecordsRule}
+          contextStoreCurrentObjectMetadataNameSingular={
+            contextStoreCurrentObjectMetadataNameSingular
+          }
+        >
+          {children}
+        </JestContextStoreSetter>
+      </ContextStoreComponentInstanceContext.Provider>
     </Wrapper>
   );
 };