Reorganize context/states/selectors in dedicated folders (#1205)

* Reorganize context/states/selectors in dedicated folders

* linter

front/src/modules/activities/components/__stories__/TaskGroups.stories.tsx

@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react';
 
-import { TasksContext } from '@/activities/states/TasksContext';
+import { TasksRecoilScopeContext } from '@/activities/states/recoil-scope-contexts/TasksRecoilScopeContext';
 import { ComponentWithRecoilScopeDecorator } from '~/testing/decorators/ComponentWithRecoilScopeDecorator';
 import { ComponentWithRouterDecorator } from '~/testing/decorators/ComponentWithRouterDecorator';
 import { graphqlMocks } from '~/testing/graphqlMocks';
@@ -13,7 +13,7 @@ const meta: Meta<typeof TaskGroups> = {
   decorators: [ComponentWithRouterDecorator, ComponentWithRecoilScopeDecorator],
   parameters: {
     msw: graphqlMocks,
-    recoilScopeContext: TasksContext,
+    recoilScopeContext: TasksRecoilScopeContext,
   },
 };
 

front/src/modules/activities/components/__stories__/TaskGroupsWithoutTasks.stories.tsx

@@ -3,7 +3,7 @@ import type { Meta, StoryObj } from '@storybook/react';
 import { graphql } from 'msw';
 
 import { GET_ACTIVITIES } from '@/activities/queries';
-import { TasksContext } from '@/activities/states/TasksContext';
+import { TasksRecoilScopeContext } from '@/activities/states/recoil-scope-contexts/TasksRecoilScopeContext';
 import { ComponentWithRecoilScopeDecorator } from '~/testing/decorators/ComponentWithRecoilScopeDecorator';
 import { ComponentWithRouterDecorator } from '~/testing/decorators/ComponentWithRouterDecorator';
 import { graphqlMocks } from '~/testing/graphqlMocks';
@@ -16,7 +16,7 @@ const meta: Meta<typeof TaskGroups> = {
   decorators: [ComponentWithRouterDecorator, ComponentWithRecoilScopeDecorator],
   parameters: {
     msw: graphqlMocks,
-    recoilScopeContext: TasksContext,
+    recoilScopeContext: TasksRecoilScopeContext,
   },
 };
 

front/src/modules/activities/editable-fields/components/ActivityAssigneeEditableField.tsx

@@ -1,5 +1,5 @@
 import { EditableField } from '@/ui/editable-field/components/EditableField';
-import { FieldContext } from '@/ui/editable-field/states/FieldContext';
+import { FieldRecoilScopeContext } from '@/ui/editable-field/states/recoil-scope-contexts/FieldRecoilScopeContext';
 import { IconUserCircle } from '@/ui/icon';
 import { RelationPickerHotkeyScope } from '@/ui/input/relation-picker/types/RelationPickerHotkeyScope';
 import { RecoilScope } from '@/ui/utilities/recoil-scope/components/RecoilScope';
@@ -16,7 +16,7 @@ type OwnProps = {
 
 export function ActivityAssigneeEditableField({ activity }: OwnProps) {
   return (
-    <RecoilScope SpecificContext={FieldContext}>
+    <RecoilScope SpecificContext={FieldRecoilScopeContext}>
       <RecoilScope>
         <EditableField
           customEditHotkeyScope={{

front/src/modules/activities/editable-fields/components/ActivityRelationEditableField.tsx

@@ -1,6 +1,6 @@
 import { ActivityTargetChips } from '@/activities/components/ActivityTargetChips';
 import { EditableField } from '@/ui/editable-field/components/EditableField';
-import { FieldContext } from '@/ui/editable-field/states/FieldContext';
+import { FieldRecoilScopeContext } from '@/ui/editable-field/states/recoil-scope-contexts/FieldRecoilScopeContext';
 import { IconArrowUpRight } from '@/ui/icon';
 import { RelationPickerHotkeyScope } from '@/ui/input/relation-picker/types/RelationPickerHotkeyScope';
 import { RecoilScope } from '@/ui/utilities/recoil-scope/components/RecoilScope';
@@ -21,7 +21,7 @@ type OwnProps = {
 
 export function ActivityRelationEditableField({ activity }: OwnProps) {
   return (
-    <RecoilScope SpecificContext={FieldContext}>
+    <RecoilScope SpecificContext={FieldRecoilScopeContext}>
       <RecoilScope>
         <EditableField
           useEditButton

front/src/modules/activities/hooks/useInitializeTasksFilters.ts

@@ -4,7 +4,7 @@ import { availableFiltersScopedState } from '@/ui/filter-n-sort/states/available
 import { FilterDefinition } from '@/ui/filter-n-sort/types/FilterDefinition';
 import { useRecoilScopedState } from '@/ui/utilities/recoil-scope/hooks/useRecoilScopedState';
 
-import { TasksContext } from '../states/TasksContext';
+import { TasksRecoilScopeContext } from '../states/recoil-scope-contexts/TasksRecoilScopeContext';
 
 export function useInitializeTasksFilters({
   availableFilters,
@@ -13,7 +13,7 @@ export function useInitializeTasksFilters({
 }) {
   const [, setAvailableFilters] = useRecoilScopedState(
     availableFiltersScopedState,
-    TasksContext,
+    TasksRecoilScopeContext,
   );
 
   useEffect(() => {

front/src/modules/activities/hooks/useOpenCreateActivityDrawerForSelectedRowIds.ts

@@ -1,6 +1,6 @@
 import { useRecoilValue } from 'recoil';
 
-import { selectedRowIdsSelector } from '@/ui/table/states/selectedRowIdsSelector';
+import { selectedRowIdsSelector } from '@/ui/table/states/selectors/selectedRowIdsSelector';
 import { ActivityType } from '~/generated/graphql';
 
 import {

front/src/modules/activities/hooks/useTasks.ts

@@ -11,7 +11,7 @@ import { ActivityType, useGetActivitiesQuery } from '~/generated/graphql';
 import { tasksFilters } from '~/pages/tasks/tasks-filters';
 import { parseDate } from '~/utils/date-utils';
 
-import { TasksContext } from '../states/TasksContext';
+import { TasksRecoilScopeContext } from '../states/recoil-scope-contexts/TasksRecoilScopeContext';
 
 import { useInitializeTasksFilters } from './useInitializeTasksFilters';
 
@@ -22,12 +22,12 @@ export function useTasks() {
 
   const [activeTabId] = useRecoilScopedState(
     activeTabIdScopedState,
-    TasksContext,
+    TasksRecoilScopeContext,
   );
 
   const [filters, setFilters] = useRecoilScopedState(
     filtersScopedState,
-    TasksContext,
+    TasksRecoilScopeContext,
   );
 
   // If there is no filter, we set the default filter to the current user

front/src/modules/activities/states/TasksContext.ts

@@ -1,3 +0,0 @@
-import { createContext } from 'react';
-
-export const TasksContext = createContext<string | null>(null);

front/src/modules/activities/states/recoil-scope-contexts/TasksRecoilScopeContext.ts

@@ -0,0 +1,3 @@
+import { createContext } from 'react';
+
+export const TasksRecoilScopeContext = createContext<string | null>(null);