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

* Reorganize context/states/selectors in dedicated folders

* linter

front/src/pages/companies/Companies.tsx

@@ -11,7 +11,7 @@ import { EntityTableActionBar } from '@/ui/table/action-bar/components/EntityTab
 import { EntityTableContextMenu } from '@/ui/table/context-menu/components/EntityTableContextMenu';
 import { useUpsertEntityTableItem } from '@/ui/table/hooks/useUpsertEntityTableItem';
 import { useUpsertTableRowId } from '@/ui/table/hooks/useUpsertTableRowId';
-import { TableContext } from '@/ui/table/states/TableContext';
+import { TableRecoilScopeContext } from '@/ui/table/states/recoil-scope-contexts/TableRecoilScopeContext';
 import { RecoilScope } from '@/ui/utilities/recoil-scope/components/RecoilScope';
 import { useInsertOneCompanyMutation } from '~/generated/graphql';
 
@@ -68,7 +68,7 @@ export function Companies() {
       icon={<IconBuildingSkyscraper size={theme.icon.size.md} />}
       onAddButtonClick={handleAddButtonClick}
     >
-      <RecoilScope SpecificContext={TableContext}>
+      <RecoilScope SpecificContext={TableRecoilScopeContext}>
         <StyledTableContainer>
           <CompanyTable />
         </StyledTableContainer>

front/src/pages/companies/CompaniesMockMode.tsx

@@ -5,7 +5,7 @@ import { CompanyTableMockMode } from '@/companies/table/components/CompanyTableM
 import { IconBuildingSkyscraper } from '@/ui/icon';
 import { WithTopBarContainer } from '@/ui/layout/components/WithTopBarContainer';
 import { EntityTableActionBar } from '@/ui/table/action-bar/components/EntityTableActionBar';
-import { TableContext } from '@/ui/table/states/TableContext';
+import { TableRecoilScopeContext } from '@/ui/table/states/recoil-scope-contexts/TableRecoilScopeContext';
 import { RecoilScope } from '@/ui/utilities/recoil-scope/components/RecoilScope';
 
 const StyledTableContainer = styled.div`
@@ -22,7 +22,7 @@ export function CompaniesMockMode() {
         title="Companies"
         icon={<IconBuildingSkyscraper size={theme.icon.size.md} />}
       >
-        <RecoilScope SpecificContext={TableContext}>
+        <RecoilScope SpecificContext={TableRecoilScopeContext}>
           <StyledTableContainer>
             <CompanyTableMockMode />
           </StyledTableContainer>

front/src/pages/companies/CompanyShow.tsx

@@ -7,10 +7,10 @@ import { CompanyTeam } from '@/companies/components/CompanyTeam';
 import { useCompanyQuery } from '@/companies/queries';
 import { useFavorites } from '@/favorites/hooks/useFavorites';
 import { GenericEditableField } from '@/ui/editable-field/components/GenericEditableField';
+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 { PropertyBox } from '@/ui/editable-field/property-box/components/PropertyBox';
-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 { IconBuildingSkyscraper } from '@/ui/icon';
 import { WithTopBarContainer } from '@/ui/layout/components/WithTopBarContainer';
 import { ShowPageLeftContainer } from '@/ui/layout/show-page/components/ShowPageLeftContainer';

front/src/pages/companies/companies-filters.tsx

@@ -7,7 +7,7 @@ import {
   IconUser,
   IconUsers,
 } from '@/ui/icon/index';
-import { TableContext } from '@/ui/table/states/TableContext';
+import { TableRecoilScopeContext } from '@/ui/table/states/recoil-scope-contexts/TableRecoilScopeContext';
 import { icon } from '@/ui/theme/constants/icon';
 import { FilterDropdownUserSearchSelect } from '@/users/components/FilterDropdownUserSearchSelect';
 import { Company } from '~/generated/graphql';
@@ -51,7 +51,7 @@ export const companiesFilters: FilterDefinitionByEntity<Company>[] = [
     icon: <IconUser size={icon.size.md} stroke={icon.stroke.sm} />,
     type: 'entity',
     entitySelectComponent: (
-      <FilterDropdownUserSearchSelect context={TableContext} />
+      <FilterDropdownUserSearchSelect context={TableRecoilScopeContext} />
     ),
   },
 ];

front/src/pages/opportunities/Opportunities.tsx

@@ -2,15 +2,15 @@ import { useCallback, useState } from 'react';
 import { useTheme } from '@emotion/react';
 
 import { HooksCompanyBoard } from '@/companies/components/HooksCompanyBoard';
-import { CompanyBoardContext } from '@/companies/states/CompanyBoardContext';
+import { CompanyBoardRecoilScopeContext } from '@/companies/states/recoil-scope-contexts/CompanyBoardRecoilScopeContext';
 import {
   defaultPipelineProgressOrderBy,
   PipelineProgressesSelectedSortType,
 } from '@/pipeline/queries';
 import { EntityBoard } from '@/ui/board/components/EntityBoard';
 import { EntityBoardActionBar } from '@/ui/board/components/EntityBoardActionBar';
+import { BoardOptionsContext } from '@/ui/board/contexts/BoardOptionsContext';
 import { useActionBarEntries } from '@/ui/board/hooks/useActionBarEntries';
-import { BoardOptionsContext } from '@/ui/board/states/BoardOptionsContext';
 import { reduceSortsToOrderBy } from '@/ui/filter-n-sort/helpers';
 import { IconTargetArrow } from '@/ui/icon/index';
 import { WithTopBarContainer } from '@/ui/layout/components/WithTopBarContainer';
@@ -71,7 +71,7 @@ export function Opportunities() {
       icon={<IconTargetArrow size={theme.icon.size.md} />}
     >
       <BoardOptionsContext.Provider value={opportunitiesBoardOptions}>
-        <RecoilScope SpecificContext={CompanyBoardContext}>
+        <RecoilScope SpecificContext={CompanyBoardRecoilScopeContext}>
           <HooksCompanyBoard orderBy={orderBy} setActionBar={setActionBar} />
           <EntityBoard
             boardOptions={opportunitiesBoardOptions}

front/src/pages/opportunities/opportunities-filters.tsx

@@ -1,5 +1,5 @@
 import { FilterDropdownCompanySearchSelect } from '@/companies/components/FilterDropdownCompanySearchSelect';
-import { CompanyBoardContext } from '@/companies/states/CompanyBoardContext';
+import { CompanyBoardRecoilScopeContext } from '@/companies/states/recoil-scope-contexts/CompanyBoardRecoilScopeContext';
 import { FilterDefinitionByEntity } from '@/ui/filter-n-sort/types/FilterDefinitionByEntity';
 import {
   IconBuildingSkyscraper,
@@ -34,7 +34,9 @@ export const opportunitiesFilters: FilterDefinitionByEntity<PipelineProgress>[]
       ),
       type: 'entity',
       entitySelectComponent: (
-        <FilterDropdownCompanySearchSelect context={CompanyBoardContext} />
+        <FilterDropdownCompanySearchSelect
+          context={CompanyBoardRecoilScopeContext}
+        />
       ),
     },
     {
@@ -43,7 +45,9 @@ export const opportunitiesFilters: FilterDefinitionByEntity<PipelineProgress>[]
       icon: <IconUser size={icon.size.md} stroke={icon.stroke.sm} />,
       type: 'entity',
       entitySelectComponent: (
-        <FilterDropdownPeopleSearchSelect context={CompanyBoardContext} />
+        <FilterDropdownPeopleSearchSelect
+          context={CompanyBoardRecoilScopeContext}
+        />
       ),
     },
   ];

front/src/pages/people/People.tsx

@@ -9,7 +9,7 @@ import { EntityTableActionBar } from '@/ui/table/action-bar/components/EntityTab
 import { EntityTableContextMenu } from '@/ui/table/context-menu/components/EntityTableContextMenu';
 import { useUpsertEntityTableItem } from '@/ui/table/hooks/useUpsertEntityTableItem';
 import { useUpsertTableRowId } from '@/ui/table/hooks/useUpsertTableRowId';
-import { TableContext } from '@/ui/table/states/TableContext';
+import { TableRecoilScopeContext } from '@/ui/table/states/recoil-scope-contexts/TableRecoilScopeContext';
 import { RecoilScope } from '@/ui/utilities/recoil-scope/components/RecoilScope';
 import { useInsertOnePersonMutation } from '~/generated/graphql';
 
@@ -56,7 +56,7 @@ export function People() {
   const theme = useTheme();
 
   return (
-    <RecoilScope SpecificContext={TableContext}>
+    <RecoilScope SpecificContext={TableRecoilScopeContext}>
       <WithTopBarContainer
         title="People"
         icon={<IconUser size={theme.icon.size.sm} />}

front/src/pages/people/PersonShow.tsx

@@ -7,10 +7,10 @@ import { ActivityTargetableEntityType } from '@/activities/types/ActivityTargeta
 import { useFavorites } from '@/favorites/hooks/useFavorites';
 import { GET_PERSON, usePersonQuery } from '@/people/queries';
 import { GenericEditableField } from '@/ui/editable-field/components/GenericEditableField';
+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 { PropertyBox } from '@/ui/editable-field/property-box/components/PropertyBox';
-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 { IconUser } from '@/ui/icon';
 import { WithTopBarContainer } from '@/ui/layout/components/WithTopBarContainer';
 import { ShowPageLeftContainer } from '@/ui/layout/show-page/components/ShowPageLeftContainer';

front/src/pages/people/people-filters.tsx

@@ -8,7 +8,7 @@ import {
   IconPhone,
   IconUser,
 } from '@/ui/icon/index';
-import { TableContext } from '@/ui/table/states/TableContext';
+import { TableRecoilScopeContext } from '@/ui/table/states/recoil-scope-contexts/TableRecoilScopeContext';
 import { icon } from '@/ui/theme/constants/icon';
 import { Person } from '~/generated/graphql';
 
@@ -39,7 +39,7 @@ export const peopleFilters: FilterDefinitionByEntity<Person>[] = [
     ),
     type: 'entity',
     entitySelectComponent: (
-      <FilterDropdownCompanySearchSelect context={TableContext} />
+      <FilterDropdownCompanySearchSelect context={TableRecoilScopeContext} />
     ),
   },
   {

front/src/pages/tasks/Tasks.tsx

@@ -2,7 +2,7 @@ import { useTheme } from '@emotion/react';
 import styled from '@emotion/styled';
 
 import { TaskGroups } from '@/activities/components/TaskGroups';
-import { TasksContext } from '@/activities/states/TasksContext';
+import { TasksRecoilScopeContext } from '@/activities/states/recoil-scope-contexts/TasksRecoilScopeContext';
 import { FilterDropdownButton } from '@/ui/filter-n-sort/components/FilterDropdownButton';
 import { FiltersHotkeyScope } from '@/ui/filter-n-sort/types/FiltersHotkeyScope';
 import { IconArchive, IconCheck, IconCheckbox } from '@/ui/icon/index';
@@ -47,17 +47,17 @@ export function Tasks() {
       icon={<IconCheckbox size={theme.icon.size.md} />}
     >
       <StyledTasksContainer>
-        <RecoilScope SpecificContext={TasksContext}>
+        <RecoilScope SpecificContext={TasksRecoilScopeContext}>
           <TopBar
             leftComponent={
               <StyledTabListContainer>
-                <TabList context={TasksContext} tabs={TASK_TABS} />
+                <TabList context={TasksRecoilScopeContext} tabs={TASK_TABS} />
               </StyledTabListContainer>
             }
             rightComponent={
               <FilterDropdownButton
                 key="tasks-filter-dropdown-button"
-                context={TasksContext}
+                context={TasksRecoilScopeContext}
                 HotkeyScope={FiltersHotkeyScope.FilterDropdownButton}
               />
             }

front/src/pages/tasks/tasks-filters.tsx

@@ -1,6 +1,6 @@
 import { IconUser } from '@tabler/icons-react';
 
-import { TasksContext } from '@/activities/states/TasksContext';
+import { TasksRecoilScopeContext } from '@/activities/states/recoil-scope-contexts/TasksRecoilScopeContext';
 import { FilterDefinitionByEntity } from '@/ui/filter-n-sort/types/FilterDefinitionByEntity';
 import { FilterDropdownUserSearchSelect } from '@/users/components/FilterDropdownUserSearchSelect';
 import { Activity } from '~/generated/graphql';
@@ -12,7 +12,7 @@ export const tasksFilters: FilterDefinitionByEntity<Activity>[] = [
     icon: <IconUser />,
     type: 'entity',
     entitySelectComponent: (
-      <FilterDropdownUserSearchSelect context={TasksContext} />
+      <FilterDropdownUserSearchSelect context={TasksRecoilScopeContext} />
     ),
   },
 ];