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

* Reorganize context/states/selectors in dedicated folders

* linter

front/src/modules/companies/__stories__/Board.stories.tsx

@@ -9,14 +9,14 @@ import { graphqlMocks } from '~/testing/graphqlMocks';
 
 import { defaultPipelineProgressOrderBy } from '../../pipeline/queries';
 import { HooksCompanyBoard } from '../components/HooksCompanyBoard';
-import { CompanyBoardContext } from '../states/CompanyBoardContext';
+import { CompanyBoardRecoilScopeContext } from '../states/recoil-scope-contexts/CompanyBoardRecoilScopeContext';
 
 const meta: Meta<typeof EntityBoard> = {
   title: 'Modules/Companies/Board',
   component: EntityBoard,
   decorators: [
     (Story) => (
-      <RecoilScope SpecificContext={CompanyBoardContext}>
+      <RecoilScope SpecificContext={CompanyBoardRecoilScopeContext}>
         <HooksCompanyBoard orderBy={defaultPipelineProgressOrderBy} />
         <MemoryRouter>
           <Story />

front/src/modules/companies/__stories__/CompanyBoardCard.stories.tsx

@@ -2,8 +2,8 @@ import { MemoryRouter } from 'react-router-dom';
 import { Meta, StoryObj } from '@storybook/react';
 
 import { CompanyBoardCard } from '@/companies/components/CompanyBoardCard';
-import { BoardCardIdContext } from '@/ui/board/states/BoardCardIdContext';
-import { BoardColumnContext } from '@/ui/board/states/BoardColumnContext';
+import { BoardCardIdContext } from '@/ui/board/contexts/BoardCardIdContext';
+import { BoardColumnRecoilScopeContext } from '@/ui/board/states/recoil-scope-contexts/BoardColumnRecoilScopeContext';
 import { RecoilScope } from '@/ui/utilities/recoil-scope/components/RecoilScope';
 import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
 import { graphqlMocks } from '~/testing/graphqlMocks';
@@ -11,16 +11,16 @@ import { mockedPipelineProgressData } from '~/testing/mock-data/pipeline-progres
 
 import { defaultPipelineProgressOrderBy } from '../../pipeline/queries';
 import { HooksCompanyBoard } from '../components/HooksCompanyBoard';
-import { CompanyBoardContext } from '../states/CompanyBoardContext';
+import { CompanyBoardRecoilScopeContext } from '../states/recoil-scope-contexts/CompanyBoardRecoilScopeContext';
 
 const meta: Meta<typeof CompanyBoardCard> = {
   title: 'Modules/Companies/CompanyBoardCard',
   component: CompanyBoardCard,
   decorators: [
     (Story) => (
-      <RecoilScope SpecificContext={CompanyBoardContext}>
+      <RecoilScope SpecificContext={CompanyBoardRecoilScopeContext}>
         <HooksCompanyBoard orderBy={defaultPipelineProgressOrderBy} />
-        <RecoilScope SpecificContext={BoardColumnContext}>
+        <RecoilScope SpecificContext={BoardColumnRecoilScopeContext}>
           <BoardCardIdContext.Provider value={mockedPipelineProgressData[1].id}>
             <MemoryRouter>
               <Story />

front/src/modules/companies/components/CompanyBoardCard.tsx

@@ -2,14 +2,14 @@ import { ReactNode, useContext } from 'react';
 import styled from '@emotion/styled';
 import { useRecoilState, useRecoilValue } from 'recoil';
 
+import { BoardCardIdContext } from '@/ui/board/contexts/BoardCardIdContext';
 import { useCurrentCardSelected } from '@/ui/board/hooks/useCurrentCardSelected';
-import { BoardCardIdContext } from '@/ui/board/states/BoardCardIdContext';
 import { viewFieldsDefinitionsState } from '@/ui/board/states/viewFieldsDefinitionsState';
 import { EntityChipVariant } from '@/ui/chip/components/EntityChip';
 import { GenericEditableField } from '@/ui/editable-field/components/GenericEditableField';
-import { EditableFieldDefinitionContext } from '@/ui/editable-field/states/EditableFieldDefinitionContext';
-import { EditableFieldEntityIdContext } from '@/ui/editable-field/states/EditableFieldEntityIdContext';
-import { EditableFieldMutationContext } from '@/ui/editable-field/states/EditableFieldMutationContext';
+import { EditableFieldDefinitionContext } from '@/ui/editable-field/contexts/EditableFieldDefinitionContext';
+import { EditableFieldEntityIdContext } from '@/ui/editable-field/contexts/EditableFieldEntityIdContext';
+import { EditableFieldMutationContext } from '@/ui/editable-field/contexts/EditableFieldMutationContext';
 import {
   Checkbox,
   CheckboxVariant,

front/src/modules/companies/components/HooksCompanyBoard.tsx

@@ -23,7 +23,7 @@ import { opportunitiesBoardOptions } from '~/pages/opportunities/opportunitiesBo
 
 import { useUpdateCompanyBoardCardIds } from '../hooks/useUpdateBoardCardIds';
 import { useUpdateCompanyBoard } from '../hooks/useUpdateCompanyBoardColumns';
-import { CompanyBoardContext } from '../states/CompanyBoardContext';
+import { CompanyBoardRecoilScopeContext } from '../states/recoil-scope-contexts/CompanyBoardRecoilScopeContext';
 
 export function HooksCompanyBoard({
   orderBy,
@@ -35,7 +35,7 @@ export function HooksCompanyBoard({
   );
   const [, setAvailableFilters] = useRecoilScopedState(
     availableFiltersScopedState,
-    CompanyBoardContext,
+    CompanyBoardRecoilScopeContext,
   );
 
   useEffect(() => {
@@ -45,7 +45,10 @@ export function HooksCompanyBoard({
 
   const [, setIsBoardLoaded] = useRecoilState(isBoardLoadedState);
 
-  const filters = useRecoilScopedValue(filtersScopedState, CompanyBoardContext);
+  const filters = useRecoilScopedValue(
+    filtersScopedState,
+    CompanyBoardRecoilScopeContext,
+  );
 
   const updateCompanyBoard = useUpdateCompanyBoard();
 

front/src/modules/companies/components/NewCompanyProgressButton.tsx

@@ -6,8 +6,8 @@ import { v4 as uuidv4 } from 'uuid';
 import { GET_PIPELINE_PROGRESS, GET_PIPELINES } from '@/pipeline/queries';
 import { currentPipelineState } from '@/pipeline/states/currentPipelineState';
 import { NewButton } from '@/ui/board/components/NewButton';
+import { BoardColumnIdContext } from '@/ui/board/contexts/BoardColumnIdContext';
 import { boardCardIdsByColumnIdFamilyState } from '@/ui/board/states/boardCardIdsByColumnIdFamilyState';
-import { BoardColumnIdContext } from '@/ui/board/states/BoardColumnIdContext';
 import { SingleEntitySelect } from '@/ui/input/relation-picker/components/SingleEntitySelect';
 import { relationPickerSearchFilterScopedState } from '@/ui/input/relation-picker/states/relationPickerSearchFilterScopedState';
 import { RelationPickerHotkeyScope } from '@/ui/input/relation-picker/types/RelationPickerHotkeyScope';

front/src/modules/companies/editable-field/components/CompanyNameEditableField.tsx

@@ -1,7 +1,7 @@
 import { useEffect, useState } from 'react';
 import styled from '@emotion/styled';
 
-import { FieldContext } from '@/ui/editable-field/states/FieldContext';
+import { FieldRecoilScopeContext } from '@/ui/editable-field/states/recoil-scope-contexts/FieldRecoilScopeContext';
 import { RecoilScope } from '@/ui/utilities/recoil-scope/components/RecoilScope';
 import { Company, useUpdateOneCompanyMutation } from '~/generated/graphql';
 
@@ -60,7 +60,7 @@ export function CompanyNameEditableField({ company }: OwnProps) {
   }
 
   return (
-    <RecoilScope SpecificContext={FieldContext}>
+    <RecoilScope SpecificContext={FieldRecoilScopeContext}>
       <StyledEditableTitleInput
         autoComplete="off"
         autoFocus

front/src/modules/companies/hooks/useInitializeCompanyBoardFilters.ts

@@ -1,21 +0,0 @@
-import { useEffect } from 'react';
-
-import { CompanyBoardContext } from '@/companies/states/CompanyBoardContext';
-import { availableFiltersScopedState } from '@/ui/filter-n-sort/states/availableFiltersScopedState';
-import { FilterDefinition } from '@/ui/filter-n-sort/types/FilterDefinition';
-import { useRecoilScopedState } from '@/ui/utilities/recoil-scope/hooks/useRecoilScopedState';
-
-export function useInitializeCompanyBoardFilters({
-  availableFilters,
-}: {
-  availableFilters: FilterDefinition[];
-}) {
-  const [, setAvailableFilters] = useRecoilScopedState(
-    availableFiltersScopedState,
-    CompanyBoardContext,
-  );
-
-  useEffect(() => {
-    setAvailableFilters(availableFilters);
-  }, [setAvailableFilters, availableFilters]);
-}

front/src/modules/companies/states/CompanyBoardContext.ts

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

front/src/modules/companies/states/companyBoardIndexState.ts

@@ -1,11 +0,0 @@
-import { atomFamily } from 'recoil';
-
-import { CompanyProgress } from '@/companies/types/CompanyProgress';
-
-export const companyBoardIndexState = atomFamily<
-  CompanyProgress | undefined,
-  string
->({
-  key: 'companyBoardIndexState',
-  default: undefined,
-});

front/src/modules/companies/states/recoil-scope-contexts/CompanyBoardRecoilScopeContext.ts

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

front/src/modules/companies/table/components/CompanyTable.tsx

@@ -9,7 +9,7 @@ import { IconList } from '@/ui/icon';
 import { EntityTable } from '@/ui/table/components/EntityTable';
 import { GenericEntityTableData } from '@/ui/table/components/GenericEntityTableData';
 import { useUpsertEntityTableItem } from '@/ui/table/hooks/useUpsertEntityTableItem';
-import { TableContext } from '@/ui/table/states/TableContext';
+import { TableRecoilScopeContext } from '@/ui/table/states/recoil-scope-contexts/TableRecoilScopeContext';
 import { useRecoilScopedValue } from '@/ui/utilities/recoil-scope/hooks/useRecoilScopedValue';
 import { useTableViewFields } from '@/views/hooks/useTableViewFields';
 import { useViewSorts } from '@/views/hooks/useViewSorts';
@@ -26,7 +26,10 @@ import { defaultOrderBy } from '../../queries';
 
 export function CompanyTable() {
   const currentViewId = useRecoilValue(currentViewIdState);
-  const orderBy = useRecoilScopedValue(sortsOrderByScopedState, TableContext);
+  const orderBy = useRecoilScopedValue(
+    sortsOrderByScopedState,
+    TableRecoilScopeContext,
+  );
   const [updateEntityMutation] = useUpdateOneCompanyMutation();
   const upsertEntityTableItem = useUpsertEntityTableItem();
 
@@ -36,10 +39,13 @@ export function CompanyTable() {
   });
   const { updateSorts } = useViewSorts({
     availableSorts,
-    Context: TableContext,
+    Context: TableRecoilScopeContext,
   });
 
-  const filters = useRecoilScopedValue(filtersScopedState, TableContext);
+  const filters = useRecoilScopedValue(
+    filtersScopedState,
+    TableRecoilScopeContext,
+  );
 
   const whereFilters = useMemo(() => {
     return { AND: filters.map(turnFilterIntoWhereClause) };

front/src/modules/companies/table/components/TableActionBarButtonDeleteCompanies.tsx

@@ -5,7 +5,7 @@ import { GET_PIPELINES } from '@/pipeline/queries';
 import { IconTrash } from '@/ui/icon/index';
 import { EntityTableActionBarButton } from '@/ui/table/action-bar/components/EntityTableActionBarButton';
 import { useResetTableRowSelection } from '@/ui/table/hooks/useResetTableRowSelection';
-import { selectedRowIdsSelector } from '@/ui/table/states/selectedRowIdsSelector';
+import { selectedRowIdsSelector } from '@/ui/table/states/selectors/selectedRowIdsSelector';
 import { tableRowIdsState } from '@/ui/table/states/tableRowIdsState';
 import { useDeleteManyCompaniesMutation } from '~/generated/graphql';