Enable column edition, and fix ordering (#683)

* Enable column edition, and fix ordering

* Move queries to services

* Add total amounts for board columns

* Refactor totals selector as a family

* Fix 0-index issue

* Lint

* Rename selector

* Remove useless header

* Address PR comments

* Optimistically update board column names

front/src/pages/companies/Companies.tsx

@@ -3,7 +3,7 @@ import { useTheme } from '@emotion/react';
 import styled from '@emotion/styled';
 import { v4 as uuidv4 } from 'uuid';
 
-import { GET_COMPANIES } from '@/companies/services';
+import { GET_COMPANIES } from '@/companies/queries';
 import { RecoilScope } from '@/recoil-scope/components/RecoilScope';
 import { EntityTableActionBar } from '@/ui/components/table/action-bar/EntityTableActionBar';
 import { IconBuildingSkyscraper } from '@/ui/icons/index';

front/src/pages/companies/CompanyShow.tsx

@@ -7,7 +7,7 @@ import { CompanyAddressEditableField } from '@/companies/fields/components/Compa
 import { CompanyCreatedAtEditableField } from '@/companies/fields/components/CompanyCreatedAtEditableField';
 import { CompanyDomainNameEditableField } from '@/companies/fields/components/CompanyDomainNameEditableField';
 import { CompanyEmployeesEditableField } from '@/companies/fields/components/CompanyEmployeesEditableField';
-import { useCompanyQuery } from '@/companies/services';
+import { useCompanyQuery } from '@/companies/queries';
 import { PropertyBox } from '@/ui/components/property-box/PropertyBox';
 import { IconBuildingSkyscraper } from '@/ui/icons/index';
 import { WithTopBarContainer } from '@/ui/layout/containers/WithTopBarContainer';

front/src/pages/companies/CompanyTable.tsx

@@ -1,10 +1,7 @@
 import { useCallback, useMemo, useState } from 'react';
 import { IconList } from '@tabler/icons-react';
 
-import {
-  CompaniesSelectedSortType,
-  defaultOrderBy,
-} from '@/companies/services';
+import { CompaniesSelectedSortType, defaultOrderBy } from '@/companies/queries';
 import { companyColumns } from '@/companies/table/components/companyColumns';
 import { CompanyEntityTableData } from '@/companies/table/components/CompanyEntityTableData';
 import { reduceSortsToOrderBy } from '@/lib/filters-and-sorts/helpers';

front/src/pages/companies/__stories__/Company.stories.tsx

@@ -8,7 +8,7 @@ import {
   GET_COMMENT_THREADS_BY_TARGETS,
 } from '@/comments/services';
 import { CREATE_COMMENT_THREAD_WITH_COMMENT } from '@/comments/services/create';
-import { GET_COMPANY } from '@/companies/services';
+import { GET_COMPANY } from '@/companies/queries';
 import { graphqlMocks } from '~/testing/graphqlMocks';
 import { mockedCommentThreads } from '~/testing/mock-data/comment-threads';
 import { mockedCompaniesData } from '~/testing/mock-data/companies';

front/src/pages/companies/table/TableActionBarButtonDeleteCompanies.tsx

@@ -1,7 +1,7 @@
 import { getOperationName } from '@apollo/client/utilities';
 import { useRecoilValue } from 'recoil';
 
-import { GET_COMPANIES } from '@/companies/services';
+import { GET_COMPANIES } from '@/companies/queries';
 import { EntityTableActionBarButton } from '@/ui/components/table/action-bar/EntityTableActionBarButton';
 import { IconTrash } from '@/ui/icons/index';
 import { useResetTableRowSelection } from '@/ui/tables/hooks/useResetTableRowSelection';

front/src/pages/opportunities/HookCompanyBoard.tsx

@@ -1,11 +1,15 @@
 import { useEffect } from 'react';
 import { useRecoilCallback, useRecoilState } from 'recoil';
 
+import { companyProgressesFamilyState } from '@/companies/states/companyProgressesFamilyState';
 import {
   CompanyForBoard,
   CompanyProgress,
   PipelineProgressForBoard,
 } from '@/companies/types/CompanyProgress';
+import { boardState } from '@/pipeline-progress/states/boardState';
+import { currentPipelineState } from '@/pipeline-progress/states/currentPipelineState';
+import { isBoardLoadedState } from '@/pipeline-progress/states/isBoardLoadedState';
 import { BoardPipelineStageColumn } from '@/ui/board/components/Board';
 import {
   Pipeline,
@@ -15,11 +19,6 @@ import {
   useGetPipelinesQuery,
 } from '~/generated/graphql';
 
-import { boardState } from '../../modules/pipeline-progress/states/boardState';
-
-import { companyProgressesFamilyState } from './companyProgressesFamilyState';
-import { currentPipelineState } from './currentPipelineState';
-import { isBoardLoadedState } from './isBoardLoadedState';
 export function HookCompanyBoard() {
   const [currentPipeline, setCurrentPipeline] =
     useRecoilState(currentPipelineState);
@@ -44,6 +43,7 @@ export function HookCompanyBoard() {
           pipelineStageId: pipelineStage.id,
           title: pipelineStage.name,
           colorCode: pipelineStage.color,
+          index: pipelineStage.index || 0,
           pipelineProgressIds:
             pipelineStage.pipelineProgresses?.map(
               (item) => item.id as string,

front/src/pages/opportunities/companyProgressesFamilyState.ts

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

front/src/pages/opportunities/currentPipelineState.ts

@@ -1,8 +0,0 @@
-import { atom } from 'recoil';
-
-import { Pipeline } from '~/generated/graphql';
-
-export const currentPipelineState = atom<Pipeline | undefined>({
-  key: 'currentPipelineState',
-  default: undefined,
-});

front/src/pages/opportunities/isBoardLoadedState.ts

@@ -1,6 +0,0 @@
-import { atom } from 'recoil';
-
-export const isBoardLoadedState = atom<boolean>({
-  key: 'isBoardLoadedState',
-  default: false,
-});

front/src/pages/people/PeopleTable.tsx

@@ -1,7 +1,7 @@
 import { useCallback, useMemo, useState } from 'react';
 import { IconList } from '@tabler/icons-react';
 
-import { defaultOrderBy } from '@/companies/services';
+import { defaultOrderBy } from '@/companies/queries';
 import { reduceSortsToOrderBy } from '@/lib/filters-and-sorts/helpers';
 import { filtersScopedState } from '@/lib/filters-and-sorts/states/filtersScopedState';
 import { turnFilterIntoWhereClause } from '@/lib/filters-and-sorts/utils/turnFilterIntoWhereClause';