First round of refactor EntityBoards (#1067)

front/src/modules/ui/board/states/BoardCardContext.ts

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

front/src/modules/ui/board/states/BoardCardIdContext.ts

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

front/src/modules/ui/board/states/BoardColumnContext.ts

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

front/src/modules/ui/board/states/BoardColumnIdContext.ts

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

front/src/modules/ui/board/states/BoardOptionsContext.ts

@@ -0,0 +1,5 @@
+import { createContext } from 'react';
+
+import { BoardOptions } from '@/ui/board/types/BoardOptions';
+
+export const BoardOptionsContext = createContext<BoardOptions | null>(null);

front/src/modules/ui/board/states/boardCardIdsByColumnIdFamilyState.ts

@@ -0,0 +1,6 @@
+import { atomFamily } from 'recoil';
+
+export const boardCardIdsByColumnIdFamilyState = atomFamily<string[], string>({
+  key: 'boardCardIdsByColumnIdFamilyState',
+  default: [],
+});

front/src/modules/ui/board/states/boardColumnTotalsFamilySelector.ts

@@ -0,0 +1,28 @@
+import { selectorFamily } from 'recoil';
+
+import { companyProgressesFamilyState } from '@/companies/states/companyProgressesFamilyState';
+
+import { boardCardIdsByColumnIdFamilyState } from './boardCardIdsByColumnIdFamilyState';
+
+// TODO: this state should be computed during the synchronization hook and put in a generic
+// boardColumnTotalsFamilyState indexed by columnId.
+export const boardColumnTotalsFamilySelector = selectorFamily({
+  key: 'boardColumnTotalsFamilySelector',
+  get:
+    (pipelineStageId: string) =>
+    ({ get }) => {
+      const cardIds = get(boardCardIdsByColumnIdFamilyState(pipelineStageId));
+
+      const pipelineProgresses = cardIds.map((pipelineProgressId: string) =>
+        get(companyProgressesFamilyState(pipelineProgressId)),
+      );
+
+      const pipelineStageTotal: number =
+        pipelineProgresses?.reduce(
+          (acc: number, curr: any) => acc + curr?.pipelineProgress.amount,
+          0,
+        ) || 0;
+
+      return pipelineStageTotal;
+    },
+});

front/src/modules/ui/board/states/boardColumnsState.ts

@@ -0,0 +1,8 @@
+import { atom } from 'recoil';
+
+import { BoardColumnDefinition } from '@/ui/board/types/BoardColumnDefinition';
+
+export const boardColumnsState = atom<BoardColumnDefinition[]>({
+  key: 'boardColumnsState',
+  default: [],
+});

front/src/modules/ui/board/states/isBoardLoadedState.ts

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

front/src/modules/ui/board/states/selectedBoardCardIdsState.ts

@@ -0,0 +1,6 @@
+import { atom } from 'recoil';
+
+export const selectedBoardCardIdsState = atom<string[]>({
+  key: 'selectedBoardCardIdsState',
+  default: [],
+});