Uniformize folder structure (#693)

* Uniformize folder structure

* Fix icons

* Fix icons

* Fix tests

* Fix tests

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

@@ -1,7 +1,7 @@
 import { PersonChip } from '@/people/components/PersonChip';
-import { RelationPickerHotkeyScope } from '@/relation-picker/types/RelationPickerHotkeyScope';
-import { EditableCell } from '@/ui/components/editable-cell/EditableCell';
-import { useEditableCell } from '@/ui/components/editable-cell/hooks/useEditableCell';
+import { RelationPickerHotkeyScope } from '@/ui/relation-picker/types/RelationPickerHotkeyScope';
+import { EditableCell } from '@/ui/table/editable-cell/components/EditableCell';
+import { useEditableCell } from '@/ui/table/editable-cell/hooks/useEditableCell';
 import { Company, User } from '~/generated/graphql';
 
 import { CompanyAccountOwnerPicker } from './CompanyAccountOwnerPicker';

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

@@ -1,9 +1,9 @@
-import { useRecoilScopedState } from '@/recoil-scope/hooks/useRecoilScopedState';
-import { SingleEntitySelect } from '@/relation-picker/components/SingleEntitySelect';
-import { relationPickerSearchFilterScopedState } from '@/relation-picker/states/relationPickerSearchFilterScopedState';
-import { EntityForSelect } from '@/relation-picker/types/EntityForSelect';
-import { Entity } from '@/relation-picker/types/EntityTypeForSelect';
 import { useFilteredSearchEntityQuery } from '@/search/hooks/useFilteredSearchEntityQuery';
+import { useRecoilScopedState } from '@/ui/recoil-scope/hooks/useRecoilScopedState';
+import { SingleEntitySelect } from '@/ui/relation-picker/components/SingleEntitySelect';
+import { relationPickerSearchFilterScopedState } from '@/ui/relation-picker/states/relationPickerSearchFilterScopedState';
+import { EntityForSelect } from '@/ui/relation-picker/types/EntityForSelect';
+import { Entity } from '@/ui/relation-picker/types/EntityTypeForSelect';
 import {
   Company,
   User,

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

@@ -2,24 +2,24 @@ import { useCallback } from 'react';
 import { getOperationName } from '@apollo/client/utilities';
 import { useTheme } from '@emotion/react';
 import styled from '@emotion/styled';
-import { IconCurrencyDollar } from '@tabler/icons-react';
 import { useRecoilState } from 'recoil';
 
 import { companyProgressesFamilyState } from '@/companies/states/companyProgressesFamilyState';
-import { GET_PIPELINES } from '@/pipeline-progress/services';
-import { BoardCardContext } from '@/pipeline-progress/states/BoardCardContext';
-import { pipelineProgressIdScopedState } from '@/pipeline-progress/states/pipelineProgressIdScopedState';
-import { selectedBoardCardsState } from '@/pipeline-progress/states/selectedBoardCardsState';
-import { useRecoilScopedState } from '@/recoil-scope/hooks/useRecoilScopedState';
-import { BoardCardEditableFieldDate } from '@/ui/board-card-field-inputs/components/BoardCardEditableFieldDate';
-import { BoardCardEditableFieldText } from '@/ui/board-card-field-inputs/components/BoardCardEditableFieldText';
-import { Checkbox } from '@/ui/components/form/Checkbox';
-import { IconCalendarEvent } from '@/ui/icons';
-import { getLogoUrlFromDomainName } from '@/utils/utils';
+import { GET_PIPELINES } from '@/pipeline/queries';
+import { BoardCardContext } from '@/pipeline/states/BoardCardContext';
+import { pipelineProgressIdScopedState } from '@/pipeline/states/pipelineProgressIdScopedState';
+import { selectedBoardCardsState } from '@/pipeline/states/selectedBoardCardsState';
+import { BoardCardEditableFieldDate } from '@/ui/board/card-field/components/BoardCardEditableFieldDate';
+import { BoardCardEditableFieldText } from '@/ui/board/card-field/components/BoardCardEditableFieldText';
+import { IconCurrencyDollar } from '@/ui/icon';
+import { IconCalendarEvent } from '@/ui/icon';
+import { Checkbox } from '@/ui/input/components/Checkbox';
+import { useRecoilScopedState } from '@/ui/recoil-scope/hooks/useRecoilScopedState';
 import {
   PipelineProgress,
   useUpdateOnePipelineProgressMutation,
 } from '~/generated/graphql';
+import { getLogoUrlFromDomainName } from '~/utils';
 
 const StyledBoardCard = styled.div<{ selected: boolean }>`
   background-color: ${({ theme, selected }) =>

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

@@ -1,14 +1,14 @@
 import { useEffect, useState } from 'react';
 
-import { CellCommentChip } from '@/comments/components/table/CellCommentChip';
-import { useOpenTimelineRightDrawer } from '@/comments/hooks/useOpenTimelineRightDrawer';
-import { EditableCellChip } from '@/ui/components/editable-cell/types/EditableChip';
-import { getLogoUrlFromDomainName } from '@/utils/utils';
+import { useOpenTimelineRightDrawer } from '@/activities/hooks/useOpenTimelineRightDrawer';
+import { CellCommentChip } from '@/activities/table/components/CellCommentChip';
+import { EditableCellChip } from '@/ui/table/editable-cell/types/EditableChip';
 import {
   CommentableType,
   GetCompaniesQuery,
   useUpdateCompanyMutation,
 } from '~/generated/graphql';
+import { getLogoUrlFromDomainName } from '~/utils';
 
 import { CompanyChip } from './CompanyChip';
 

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

@@ -1,9 +1,9 @@
-import { FilterDropdownEntitySearchSelect } from '@/lib/filters-and-sorts/components/FilterDropdownEntitySearchSelect';
-import { filterDropdownSearchInputScopedState } from '@/lib/filters-and-sorts/states/filterDropdownSearchInputScopedState';
-import { filterDropdownSelectedEntityIdScopedState } from '@/lib/filters-and-sorts/states/filterDropdownSelectedEntityIdScopedState';
-import { useRecoilScopedState } from '@/recoil-scope/hooks/useRecoilScopedState';
-import { useRecoilScopedValue } from '@/recoil-scope/hooks/useRecoilScopedValue';
-import { TableContext } from '@/ui/tables/states/TableContext';
+import { FilterDropdownEntitySearchSelect } from '@/ui/filter-n-sort/components/FilterDropdownEntitySearchSelect';
+import { filterDropdownSearchInputScopedState } from '@/ui/filter-n-sort/states/filterDropdownSearchInputScopedState';
+import { filterDropdownSelectedEntityIdScopedState } from '@/ui/filter-n-sort/states/filterDropdownSelectedEntityIdScopedState';
+import { useRecoilScopedState } from '@/ui/recoil-scope/hooks/useRecoilScopedState';
+import { useRecoilScopedValue } from '@/ui/recoil-scope/hooks/useRecoilScopedValue';
+import { TableContext } from '@/ui/table/states/TableContext';
 
 import { useFilteredSearchCompanyQuery } from '../queries';
 

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

@@ -0,0 +1,138 @@
+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/states/boardState';
+import { currentPipelineState } from '@/pipeline/states/currentPipelineState';
+import { isBoardLoadedState } from '@/pipeline/states/isBoardLoadedState';
+import { BoardPipelineStageColumn } from '@/ui/board/components/Board';
+import {
+  Pipeline,
+  PipelineStage,
+  useGetCompaniesQuery,
+  useGetPipelineProgressQuery,
+  useGetPipelinesQuery,
+} from '~/generated/graphql';
+
+export function HookCompanyBoard() {
+  const [currentPipeline, setCurrentPipeline] =
+    useRecoilState(currentPipelineState);
+
+  const [, setBoard] = useRecoilState(boardState);
+
+  const [, setIsBoardLoaded] = useRecoilState(isBoardLoadedState);
+
+  useGetPipelinesQuery({
+    onCompleted: async (data) => {
+      const pipeline = data?.findManyPipeline[0] as Pipeline;
+      setCurrentPipeline(pipeline);
+      const pipelineStages = pipeline?.pipelineStages;
+      const orderedPipelineStages = pipelineStages
+        ? [...pipelineStages].sort((a, b) => {
+            if (!a.index || !b.index) return 0;
+            return a.index - b.index;
+          })
+        : [];
+      const initialBoard: BoardPipelineStageColumn[] =
+        orderedPipelineStages?.map((pipelineStage) => ({
+          pipelineStageId: pipelineStage.id,
+          title: pipelineStage.name,
+          colorCode: pipelineStage.color,
+          index: pipelineStage.index || 0,
+          pipelineProgressIds:
+            pipelineStage.pipelineProgresses?.map(
+              (item) => item.id as string,
+            ) || [],
+        })) || [];
+      setBoard(initialBoard);
+      setIsBoardLoaded(true);
+    },
+  });
+
+  const pipelineProgressIds = currentPipeline?.pipelineStages
+    ?.map((pipelineStage: PipelineStage) =>
+      (
+        pipelineStage.pipelineProgresses?.map((item) => item.id as string) || []
+      ).flat(),
+    )
+    .flat();
+
+  const pipelineProgressesQuery = useGetPipelineProgressQuery({
+    variables: {
+      where: {
+        id: { in: pipelineProgressIds },
+      },
+    },
+  });
+
+  const pipelineProgresses =
+    pipelineProgressesQuery.data?.findManyPipelineProgress || [];
+
+  const entitiesQueryResult = useGetCompaniesQuery({
+    variables: {
+      where: {
+        id: {
+          in: pipelineProgresses.map((item) => item.progressableId),
+        },
+      },
+    },
+  });
+
+  const indexCompanyByIdReducer = (
+    acc: { [key: string]: CompanyForBoard },
+    company: CompanyForBoard,
+  ) => ({
+    ...acc,
+    [company.id]: company,
+  });
+
+  const companiesDict =
+    entitiesQueryResult.data?.companies.reduce(
+      indexCompanyByIdReducer,
+      {} as { [key: string]: CompanyForBoard },
+    ) || {};
+
+  const indexPipelineProgressByIdReducer = (
+    acc: {
+      [key: string]: CompanyProgress;
+    },
+    pipelineProgress: PipelineProgressForBoard,
+  ) => {
+    const company = companiesDict[pipelineProgress.progressableId];
+    return {
+      ...acc,
+      [pipelineProgress.id]: {
+        pipelineProgress,
+        company,
+      },
+    };
+  };
+  const companyBoardIndex = pipelineProgresses.reduce(
+    indexPipelineProgressByIdReducer,
+    {} as { [key: string]: CompanyProgress },
+  );
+
+  const synchronizeCompanyProgresses = useRecoilCallback(
+    ({ set }) =>
+      (companyBoardIndex: { [key: string]: CompanyProgress }) => {
+        Object.entries(companyBoardIndex).forEach(([id, companyProgress]) => {
+          set(companyProgressesFamilyState(id), companyProgress);
+        });
+      },
+    [],
+  );
+
+  const loading =
+    entitiesQueryResult.loading || pipelineProgressesQuery.loading;
+
+  useEffect(() => {
+    !loading && synchronizeCompanyProgresses(companyBoardIndex);
+  }, [loading, companyBoardIndex, synchronizeCompanyProgresses]);
+
+  return <></>;
+}

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

@@ -3,18 +3,18 @@ import { getOperationName } from '@apollo/client/utilities';
 import { useRecoilState } from 'recoil';
 import { v4 as uuidv4 } from 'uuid';
 
-import { usePreviousHotkeyScope } from '@/lib/hotkeys/hooks/usePreviousHotkeyScope';
-import { GET_PIPELINES } from '@/pipeline-progress/services';
-import { BoardColumnContext } from '@/pipeline-progress/states/BoardColumnContext';
-import { boardState } from '@/pipeline-progress/states/boardState';
-import { currentPipelineState } from '@/pipeline-progress/states/currentPipelineState';
-import { pipelineStageIdScopedState } from '@/pipeline-progress/states/pipelineStageIdScopedState';
-import { useRecoilScopedState } from '@/recoil-scope/hooks/useRecoilScopedState';
-import { SingleEntitySelect } from '@/relation-picker/components/SingleEntitySelect';
-import { relationPickerSearchFilterScopedState } from '@/relation-picker/states/relationPickerSearchFilterScopedState';
-import { RelationPickerHotkeyScope } from '@/relation-picker/types/RelationPickerHotkeyScope';
+import { GET_PIPELINES } from '@/pipeline/queries';
+import { BoardColumnContext } from '@/pipeline/states/BoardColumnContext';
+import { boardState } from '@/pipeline/states/boardState';
+import { currentPipelineState } from '@/pipeline/states/currentPipelineState';
+import { pipelineStageIdScopedState } from '@/pipeline/states/pipelineStageIdScopedState';
 import { BoardPipelineStageColumn } from '@/ui/board/components/Board';
 import { NewButton } from '@/ui/board/components/NewButton';
+import { usePreviousHotkeyScope } from '@/ui/hotkey/hooks/usePreviousHotkeyScope';
+import { useRecoilScopedState } from '@/ui/recoil-scope/hooks/useRecoilScopedState';
+import { SingleEntitySelect } from '@/ui/relation-picker/components/SingleEntitySelect';
+import { relationPickerSearchFilterScopedState } from '@/ui/relation-picker/states/relationPickerSearchFilterScopedState';
+import { RelationPickerHotkeyScope } from '@/ui/relation-picker/types/RelationPickerHotkeyScope';
 import {
   PipelineProgressableType,
   useCreateOnePipelineProgressMutation,

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

@@ -1,8 +1,7 @@
 import { CompanyBoardCard } from '@/companies/components/CompanyBoardCard';
 import { NewCompanyProgressButton } from '@/companies/components/NewCompanyProgressButton';
-import { RecoilScope } from '@/recoil-scope/components/RecoilScope';
-
-import { BoardOptions } from '../../pipeline-progress/types/BoardOptions';
+import { BoardOptions } from '@/pipeline/types/BoardOptions';
+import { RecoilScope } from '@/ui/recoil-scope/components/RecoilScope';
 
 export const companyBoardOptions: BoardOptions = {
   newCardComponent: (