twentyhq/twenty
1
1
Fork 0
mirror of https://github.com/twentyhq/twenty.git synced 2024-11-28 01:09:11 +03:00
Code Issues Packages Projects Releases Wiki Activity

Tag current board as deprecated to make room for the new record board implementation (#3601)

Browse Source
This commit is contained in:
Charles Bochet 2024-01-24 12:36:42 +01:00 committed by GitHub
parent e54c141484
commit f48814f6d9
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
93 changed files with 449 additions and 426 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
packages/twenty-front/src/modules/companies/board/components/CompanyBoard.tsx
View File

@ -4,13 +4,13 @@ import styled from '@emotion/styled';
import { mapBoardFieldDefinitionsToViewFields } from '@/companies/utils/mapBoardFieldDefinitionsToViewFields';
import { useCreateOneRecord } from '@/object-record/hooks/useCreateOneRecord';
import {
RecordBoard,
RecordBoardProps,
} from '@/object-record/record-board/components/RecordBoard';
import { RecordBoardEffect } from '@/object-record/record-board/components/RecordBoardEffect';
import { BoardOptionsDropdownId } from '@/object-record/record-board/constants/BoardOptionsDropdownId';
import { RecordBoardOptionsDropdown } from '@/object-record/record-board/options/components/RecordBoardOptionsDropdown';
import { BoardColumnDefinition } from '@/object-record/record-board/types/BoardColumnDefinition';
RecordBoardDeprecated,
RecordBoardDeprecatedProps,
} from '@/object-record/record-board-deprecated/components/RecordBoardDeprecated';
import { RecordBoardDeprecatedEffect } from '@/object-record/record-board-deprecated/components/RecordBoardDeprecatedEffect';
import { BoardOptionsDropdownId } from '@/object-record/record-board-deprecated/constants/BoardOptionsDropdownId';
import { RecordBoardDeprecatedOptionsDropdown } from '@/object-record/record-board-deprecated/options/components/RecordBoardDeprecatedOptionsDropdown';
import { BoardColumnDefinition } from '@/object-record/record-board-deprecated/types/BoardColumnDefinition';
import { ViewBar } from '@/views/components/ViewBar';
import { useViewFields } from '@/views/hooks/internal/useViewFields';
import { opportunitiesBoardOptions } from '~/pages/opportunities/opportunitiesBoardOptions';
@ -26,7 +26,7 @@ const StyledContainer = styled.div`
`;
type CompanyBoardProps = Pick<
RecordBoardProps,
RecordBoardDeprecatedProps,
'onColumnAdd' | 'onColumnDelete' | 'onEditColumnTitle'
>;
@ -61,7 +61,7 @@ export const CompanyBoard = ({
<ViewBar
viewBarId={viewBarId}
optionsDropdownButton={
<RecordBoardOptionsDropdown
<RecordBoardDeprecatedOptionsDropdown
recordBoardId={recordBoardId}
onStageAdd={onStageAdd}
/>
@ -73,14 +73,14 @@ export const CompanyBoard = ({
viewBarId={viewBarId}
recordBoardId={recordBoardId}
/>
<RecordBoardEffect
<RecordBoardDeprecatedEffect
recordBoardId={recordBoardId}
onFieldsChange={(fields) => {
persistViewFields(mapBoardFieldDefinitionsToViewFields(fields));
}}
/>
<RecordBoard
<RecordBoardDeprecated
recordBoardId={recordBoardId}
boardOptions={opportunitiesBoardOptions}
onColumnAdd={onColumnAdd}

14
packages/twenty-front/src/modules/companies/components/CompanyBoardCard.tsx
View File

@ -9,10 +9,10 @@ import {
RecordUpdateHookParams,
} from '@/object-record/field/contexts/FieldContext';
import { useUpdateOneRecord } from '@/object-record/hooks/useUpdateOneRecord';
import { BoardCardIdContext } from '@/object-record/record-board/contexts/BoardCardIdContext';
import { useCurrentRecordBoardCardSelectedInternal } from '@/object-record/record-board/hooks/internal/useCurrentRecordBoardCardSelectedInternal';
import { useRecordBoardScopedStates } from '@/object-record/record-board/hooks/internal/useRecordBoardScopedStates';
import { isRecordBoardCardInCompactViewFamilyState } from '@/object-record/record-board/states/isRecordBoardCardInCompactViewFamilyState';
import { BoardCardIdContext } from '@/object-record/record-board-deprecated/contexts/BoardCardIdContext';
import { useCurrentRecordBoardDeprecatedCardSelectedInternal } from '@/object-record/record-board-deprecated/hooks/internal/useCurrentRecordBoardDeprecatedCardSelectedInternal';
import { useRecordBoardDeprecatedScopedStates } from '@/object-record/record-board-deprecated/hooks/internal/useRecordBoardDeprecatedScopedStates';
import { isRecordBoardDeprecatedCardInCompactViewFamilyState } from '@/object-record/record-board-deprecated/states/isRecordBoardDeprecatedCardInCompactViewFamilyState';
import { RecordInlineCell } from '@/object-record/record-inline-cell/components/RecordInlineCell';
import { InlineCellHotkeyScope } from '@/object-record/record-inline-cell/types/InlineCellHotkeyScope';
import { EntityChipVariant } from '@/ui/display/chip/components/EntityChip';
@ -128,7 +128,7 @@ const StyledCompactIconContainer = styled.div`
export const CompanyBoardCard = () => {
const { isCurrentCardSelected, setCurrentCardSelected } =
useCurrentRecordBoardCardSelectedInternal();
useCurrentRecordBoardDeprecatedCardSelectedInternal();
const boardCardId = useContext(BoardCardIdContext);
const [companyProgress] = useRecoilState(
@ -136,12 +136,12 @@ export const CompanyBoardCard = () => {
);
const { isCompactViewEnabledState, visibleBoardCardFieldsSelector } =
useRecordBoardScopedStates();
useRecordBoardDeprecatedScopedStates();
const [isCompactViewEnabled] = useRecoilState(isCompactViewEnabledState);
const [isCardInCompactView, setIsCardInCompactView] = useRecoilState(
isRecordBoardCardInCompactViewFamilyState(boardCardId ?? ''),
isRecordBoardDeprecatedCardInCompactViewFamilyState(boardCardId ?? ''),
);
const showCompactView = isCompactViewEnabled && isCardInCompactView;

14
packages/twenty-front/src/modules/companies/components/HooksCompanyBoardEffect.tsx
View File

@ -4,11 +4,11 @@ import { useRecoilValue } from 'recoil';
import { useColumnDefinitionsFromFieldMetadata } from '@/object-metadata/hooks/useColumnDefinitionsFromFieldMetadata';
import { useObjectMetadataItem } from '@/object-metadata/hooks/useObjectMetadataItem';
import { CoreObjectNameSingular } from '@/object-metadata/types/CoreObjectNameSingular';
import { useRecordBoardScopedStates } from '@/object-record/record-board/hooks/internal/useRecordBoardScopedStates';
import { availableRecordBoardCardFieldsScopedState } from '@/object-record/record-board/states/availableRecordBoardCardFieldsScopedState';
import { recordBoardCardFieldsScopedState } from '@/object-record/record-board/states/recordBoardCardFieldsScopedState';
import { recordBoardFiltersScopedState } from '@/object-record/record-board/states/recordBoardFiltersScopedState';
import { recordBoardSortsScopedState } from '@/object-record/record-board/states/recordBoardSortsScopedState';
import { useRecordBoardDeprecatedScopedStates } from '@/object-record/record-board-deprecated/hooks/internal/useRecordBoardDeprecatedScopedStates';
import { availableRecordBoardDeprecatedCardFieldsScopedState } from '@/object-record/record-board-deprecated/states/availableRecordBoardDeprecatedCardFieldsScopedState';
import { recordBoardCardFieldsScopedState } from '@/object-record/record-board-deprecated/states/recordBoardDeprecatedCardFieldsScopedState';
import { recordBoardFiltersScopedState } from '@/object-record/record-board-deprecated/states/recordBoardDeprecatedFiltersScopedState';
import { recordBoardSortsScopedState } from '@/object-record/record-board-deprecated/states/recordBoardDeprecatedSortsScopedState';
import { filterAvailableTableColumns } from '@/object-record/utils/filterAvailableTableColumns';
import { useSetRecoilScopedStateV2 } from '@/ui/utilities/recoil-scope/hooks/useSetRecoilScopedStateV2';
import { useViewScopedStates } from '@/views/hooks/internal/useViewScopedStates';
@ -41,7 +41,7 @@ export const HooksCompanyBoardEffect = ({
useColumnDefinitionsFromFieldMetadata(objectMetadataItem);
const setAvailableBoardCardFields = useSetRecoilScopedStateV2(
availableRecordBoardCardFieldsScopedState,
availableRecordBoardDeprecatedCardFieldsScopedState,
'company-board',
);
@ -128,7 +128,7 @@ export const HooksCompanyBoardEffect = ({
const { setEntityCountInCurrentView } = useViewBar({ viewBarId });
const { savedOpportunitiesState } = useRecordBoardScopedStates({
const { savedOpportunitiesState } = useRecordBoardDeprecatedScopedStates({
recordBoardScopeId: recordBoardId,
});

6
packages/twenty-front/src/modules/companies/components/NewOpportunityButton.tsx
View File

@ -1,9 +1,9 @@
import { useCallback, useContext, useState } from 'react';
import { CoreObjectNameSingular } from '@/object-metadata/types/CoreObjectNameSingular';
import { NewButton } from '@/object-record/record-board/components/NewButton';
import { BoardColumnContext } from '@/object-record/record-board/contexts/BoardColumnContext';
import { useCreateOpportunity } from '@/object-record/record-board/hooks/internal/useCreateOpportunity';
import { NewButton } from '@/object-record/record-board-deprecated/components/NewButton';
import { BoardColumnContext } from '@/object-record/record-board-deprecated/contexts/BoardColumnContext';
import { useCreateOpportunity } from '@/object-record/record-board-deprecated/hooks/internal/useCreateOpportunity';
import { SingleEntitySelect } from '@/object-record/relation-picker/components/SingleEntitySelect';
import { useRelationPicker } from '@/object-record/relation-picker/hooks/useRelationPicker';
import { RelationPickerHotkeyScope } from '@/object-record/relation-picker/types/RelationPickerHotkeyScope';

2
packages/twenty-front/src/modules/companies/utils/__tests__/mapBoardFieldDefinitionsToViewFields.test.ts
View File

@ -1,6 +1,6 @@
import { mapBoardFieldDefinitionsToViewFields } from '@/companies/utils/mapBoardFieldDefinitionsToViewFields';
import { FieldMetadata } from '@/object-record/field/types/FieldMetadata';
import { BoardFieldDefinition } from '@/object-record/record-board/types/BoardFieldDefinition';
import { BoardFieldDefinition } from '@/object-record/record-board-deprecated/types/BoardFieldDefinition';
describe('mapBoardFieldDefinitionsToViewFields', () => {
it('should map board field definitions to view fields', () => {

2
packages/twenty-front/src/modules/companies/utils/mapBoardFieldDefinitionsToViewFields.ts
View File

@ -1,5 +1,5 @@
import { FieldMetadata } from '@/object-record/field/types/FieldMetadata';
import { BoardFieldDefinition } from '@/object-record/record-board/types/BoardFieldDefinition';
import { BoardFieldDefinition } from '@/object-record/record-board-deprecated/types/BoardFieldDefinition';
import { ViewField } from '@/views/types/ViewField';
export const mapBoardFieldDefinitionsToViewFields = (

12
packages/twenty-front/src/modules/object-record/hooks/__tests__/useObjectRecordBoard.test.tsx
View File

@ -3,25 +3,25 @@ import { MockedProvider } from '@apollo/client/testing';
import { renderHook } from '@testing-library/react';
import { RecoilRoot } from 'recoil';
import { useObjectRecordBoard } from '@/object-record/hooks/useObjectRecordBoard';
import { RecordBoardScope } from '@/object-record/record-board/scopes/RecordBoardScope';
import { useObjectRecordBoardDeprecated } from '@/object-record/hooks/useObjectRecordBoardDeprecated';
import { RecordBoardDeprecatedScope } from '@/object-record/record-board-deprecated/scopes/RecordBoardDeprecatedScope';
import { SnackBarProviderScope } from '@/ui/feedback/snack-bar-manager/scopes/SnackBarProviderScope';
const recordBoardId = '783932a0-28c7-4607-b2ce-6543fa2be892';
const Wrapper = ({ children }: { children: ReactNode }) => (
<RecoilRoot>
<RecordBoardScope recordBoardScopeId={recordBoardId}>
<RecordBoardDeprecatedScope recordBoardScopeId={recordBoardId}>
<SnackBarProviderScope snackBarManagerScopeId="snack-bar-manager">
<MockedProvider addTypename={false}>{children}</MockedProvider>
</SnackBarProviderScope>
</RecordBoardScope>
</RecordBoardDeprecatedScope>
</RecoilRoot>
);
describe('useObjectRecordBoard', () => {
describe('useObjectRecordBoardDeprecated', () => {
it('should skip fetch if currentWorkspace is undefined', async () => {
const { result } = renderHook(() => useObjectRecordBoard(), {
const { result } = renderHook(() => useObjectRecordBoardDeprecated(), {
wrapper: Wrapper,
});

6
packages/twenty-front/src/modules/object-record/hooks/useObjectRecordBoard.ts → packages/twenty-front/src/modules/object-record/hooks/useObjectRecordBoardDeprecated.ts
View File

@ -5,7 +5,7 @@ import { Company } from '@/companies/types/Company';
import { useObjectMetadataItem } from '@/object-metadata/hooks/useObjectMetadataItem';
import { CoreObjectNameSingular } from '@/object-metadata/types/CoreObjectNameSingular';
import { turnSortsIntoOrderBy } from '@/object-record/object-sort-dropdown/utils/turnSortsIntoOrderBy';
import { useRecordBoardScopedStates } from '@/object-record/record-board/hooks/internal/useRecordBoardScopedStates';
import { useRecordBoardDeprecatedScopedStates } from '@/object-record/record-board-deprecated/hooks/internal/useRecordBoardDeprecatedScopedStates';
import { turnObjectDropdownFilterIntoQueryFilter } from '@/object-record/record-filter/utils/turnObjectDropdownFilterIntoQueryFilter';
import { ObjectRecordConnection } from '@/object-record/types/ObjectRecordConnection';
import { Opportunity } from '@/pipeline/types/Opportunity';
@ -13,7 +13,7 @@ import { PipelineStep } from '@/pipeline/types/PipelineStep';
import { useFindManyRecords } from './useFindManyRecords';
export const useObjectRecordBoard = () => {
export const useObjectRecordBoardDeprecated = () => {
const objectNameSingular = 'opportunity';
const { objectMetadataItem: foundObjectMetadataItem } = useObjectMetadataItem(
@ -29,7 +29,7 @@ export const useObjectRecordBoard = () => {
savedCompaniesState,
savedOpportunitiesState,
savedPipelineStepsState,
} = useRecordBoardScopedStates();
} = useRecordBoardDeprecatedScopedStates();
const setIsBoardLoaded = useSetRecoilState(isBoardLoadedState);

6
packages/twenty-front/src/modules/object-record/record-board/action-bar/components/RecordBoardActionBar.tsx → packages/twenty-front/src/modules/object-record/record-board-deprecated/action-bar/components/RecordBoardDeprecatedActionBar.tsx
View File

@ -1,11 +1,11 @@
import React from 'react';
import { useRecoilValue } from 'recoil';
import { useRecordBoardScopedStates } from '@/object-record/record-board/hooks/internal/useRecordBoardScopedStates';
import { useRecordBoardDeprecatedScopedStates } from '@/object-record/record-board-deprecated/hooks/internal/useRecordBoardDeprecatedScopedStates';
import { ActionBar } from '@/ui/navigation/action-bar/components/ActionBar';
export const RecordBoardActionBar = () => {
const { selectedCardIdsSelector } = useRecordBoardScopedStates();
export const RecordBoardDeprecatedActionBar = () => {
const { selectedCardIdsSelector } = useRecordBoardDeprecatedScopedStates();
const selectedCardIds = useRecoilValue(selectedCardIdsSelector);
return <ActionBar selectedIds={selectedCardIds}></ActionBar>;
};

0
packages/twenty-front/src/modules/object-record/record-board/components/NewButton.tsx → packages/twenty-front/src/modules/object-record/record-board-deprecated/components/NewButton.tsx
View File

36
packages/twenty-front/src/modules/object-record/record-board/components/RecordBoard.tsx → packages/twenty-front/src/modules/object-record/record-board-deprecated/components/RecordBoardDeprecated.tsx
View File

@ -5,12 +5,12 @@ import { useRecoilValue } from 'recoil';
import { CoreObjectNameSingular } from '@/object-metadata/types/CoreObjectNameSingular';
import { useUpdateOneRecord } from '@/object-record/hooks/useUpdateOneRecord';
import { RecordBoardActionBar } from '@/object-record/record-board/action-bar/components/RecordBoardActionBar';
import { RecordBoardInternalEffect } from '@/object-record/record-board/components/RecordBoardInternalEffect';
import { RecordBoardContextMenu } from '@/object-record/record-board/context-menu/components/RecordBoardContextMenu';
import { useRecordBoardScopedStates } from '@/object-record/record-board/hooks/internal/useRecordBoardScopedStates';
import { useSetRecordBoardCardSelectedInternal } from '@/object-record/record-board/hooks/internal/useSetRecordBoardCardSelectedInternal';
import { RecordBoardScope } from '@/object-record/record-board/scopes/RecordBoardScope';
import { RecordBoardDeprecatedActionBar } from '@/object-record/record-board-deprecated/action-bar/components/RecordBoardDeprecatedActionBar';
import { RecordBoardDeprecatedInternalEffect } from '@/object-record/record-board-deprecated/components/RecordBoardDeprecatedInternalEffect';
import { RecordBoardDeprecatedContextMenu } from '@/object-record/record-board-deprecated/context-menu/components/RecordBoardDeprecatedContextMenu';
import { useRecordBoardDeprecatedScopedStates } from '@/object-record/record-board-deprecated/hooks/internal/useRecordBoardDeprecatedScopedStates';
import { useSetRecordBoardDeprecatedCardSelectedInternal } from '@/object-record/record-board-deprecated/hooks/internal/useSetRecordBoardDeprecatedCardSelectedInternal';
import { RecordBoardDeprecatedScope } from '@/object-record/record-board-deprecated/scopes/RecordBoardDeprecatedScope';
import { Opportunity } from '@/pipeline/types/Opportunity';
import { PageHotkeyScope } from '@/types/PageHotkeyScope';
import { DragSelect } from '@/ui/utilities/drag-select/components/DragSelect';
@ -22,9 +22,9 @@ import { logError } from '~/utils/logError';
import { BoardColumnDefinition } from '../types/BoardColumnDefinition';
import { BoardOptions } from '../types/BoardOptions';
import { RecordBoardColumn } from './RecordBoardColumn';
import { RecordBoardDeprecatedColumn } from './RecordBoardDeprecatedColumn';
export type RecordBoardProps = {
export type RecordBoardDeprecatedProps = {
recordBoardId: string;
boardOptions: BoardOptions;
onColumnAdd?: (boardColumn: BoardColumnDefinition) => void;
@ -59,15 +59,15 @@ const StyledBoardHeader = styled.div`
z-index: 1;
`;
export const RecordBoard = ({
export const RecordBoardDeprecated = ({
recordBoardId,
boardOptions,
onColumnDelete,
onEditColumnTitle,
}: RecordBoardProps) => {
}: RecordBoardDeprecatedProps) => {
const recordBoardScopeId = recordBoardId;
const { boardColumnsState } = useRecordBoardScopedStates({
const { boardColumnsState } = useRecordBoardDeprecatedScopedStates({
recordBoardScopeId,
});
const boardColumns = useRecoilValue(boardColumnsState);
@ -78,7 +78,7 @@ export const RecordBoard = ({
});
const { unselectAllActiveCards, setCardSelected } =
useSetRecordBoardCardSelectedInternal({ recordBoardScopeId });
useSetRecordBoardDeprecatedCardSelectedInternal({ recordBoardScopeId });
const updatePipelineProgressStageInDB = useCallback(
async (pipelineProgressId: string, pipelineStepId: string) => {
@ -136,10 +136,10 @@ export const RecordBoard = ({
);
return (
<RecordBoardScope recordBoardScopeId={recordBoardId}>
<RecordBoardContextMenu />
<RecordBoardActionBar />
<RecordBoardInternalEffect />
<RecordBoardDeprecatedScope recordBoardScopeId={recordBoardId}>
<RecordBoardDeprecatedContextMenu />
<RecordBoardDeprecatedActionBar />
<RecordBoardDeprecatedInternalEffect />
<StyledWrapper>
<StyledBoardHeader />
@ -147,7 +147,7 @@ export const RecordBoard = ({
<StyledBoard ref={boardRef}>
<DragDropContext onDragEnd={onDragEnd}>
{sortedBoardColumns.map((column) => (
<RecordBoardColumn
<RecordBoardDeprecatedColumn
key={column.id}
recordBoardColumnId={column.id}
columnDefinition={column}
@ -165,6 +165,6 @@ export const RecordBoard = ({
onDragSelectionChange={setCardSelected}
/>
</StyledWrapper>
</RecordBoardScope>
</RecordBoardDeprecatedScope>
);
};

6
packages/twenty-front/src/modules/object-record/record-board/components/RecordBoardCard.tsx → packages/twenty-front/src/modules/object-record/record-board-deprecated/components/RecordBoardDeprecatedCard.tsx
View File

@ -4,10 +4,10 @@ import { useSetRecoilState } from 'recoil';
import { contextMenuIsOpenState } from '@/ui/navigation/context-menu/states/contextMenuIsOpenState';
import { contextMenuPositionState } from '@/ui/navigation/context-menu/states/contextMenuPositionState';
import { useCurrentRecordBoardCardSelectedInternal } from '../hooks/internal/useCurrentRecordBoardCardSelectedInternal';
import { useCurrentRecordBoardDeprecatedCardSelectedInternal } from '../hooks/internal/useCurrentRecordBoardDeprecatedCardSelectedInternal';
import { BoardOptions } from '../types/BoardOptions';
export const RecordBoardCard = ({
export const RecordBoardDeprecatedCard = ({
recordBoardOptions,
cardId,
index,
@ -20,7 +20,7 @@ export const RecordBoardCard = ({
const setContextMenuOpenState = useSetRecoilState(contextMenuIsOpenState);
const { setCurrentCardSelected } =
useCurrentRecordBoardCardSelectedInternal();
useCurrentRecordBoardDeprecatedCardSelectedInternal();
const handleContextMenu = (event: React.MouseEvent) => {
event.preventDefault();

18
packages/twenty-front/src/modules/object-record/record-board/components/RecordBoardColumn.tsx → packages/twenty-front/src/modules/object-record/record-board-deprecated/components/RecordBoardDeprecatedColumn.tsx
View File

@ -3,10 +3,10 @@ import styled from '@emotion/styled';
import { Draggable, Droppable, DroppableProvided } from '@hello-pangea/dnd';
import { useRecoilValue } from 'recoil';
import { RecordBoardCard } from '@/object-record/record-board/components/RecordBoardCard';
import { RecordBoardColumnHeader } from '@/object-record/record-board/components/RecordBoardColumnHeader';
import { BoardCardIdContext } from '@/object-record/record-board/contexts/BoardCardIdContext';
import { BoardColumnDefinition } from '@/object-record/record-board/types/BoardColumnDefinition';
import { RecordBoardDeprecatedCard } from '@/object-record/record-board-deprecated/components/RecordBoardDeprecatedCard';
import { RecordBoardDeprecatedColumnHeader } from '@/object-record/record-board-deprecated/components/RecordBoardDeprecatedColumnHeader';
import { BoardCardIdContext } from '@/object-record/record-board-deprecated/contexts/BoardCardIdContext';
import { BoardColumnDefinition } from '@/object-record/record-board-deprecated/types/BoardColumnDefinition';
import { BoardColumnContext } from '../contexts/BoardColumnContext';
import { recordBoardCardIdsByColumnIdFamilyState } from '../states/recordBoardCardIdsByColumnIdFamilyState';
@ -45,7 +45,7 @@ type BoardColumnCardsContainerProps = {
droppableProvided: DroppableProvided;
};
type RecordBoardColumnProps = {
type RecordBoardDeprecatedColumnProps = {
recordBoardColumnId: string;
columnDefinition: BoardColumnDefinition;
recordBoardOptions: BoardOptions;
@ -74,14 +74,14 @@ const BoardColumnCardsContainer = ({
);
};
export const RecordBoardColumn = ({
export const RecordBoardDeprecatedColumn = ({
recordBoardColumnId,
columnDefinition,
recordBoardOptions,
recordBoardColumnTotal,
onDelete,
onTitleEdit,
}: RecordBoardColumnProps) => {
}: RecordBoardDeprecatedColumnProps) => {
const cardIds = useRecoilValue(
recordBoardCardIdsByColumnIdFamilyState(recordBoardColumnId),
);
@ -102,7 +102,7 @@ export const RecordBoardColumn = ({
<Droppable droppableId={recordBoardColumnId}>
{(droppableProvided) => (
<StyledColumn isFirstColumn={isFirstColumn}>
<RecordBoardColumnHeader
<RecordBoardDeprecatedColumnHeader
recordBoardColumnId={recordBoardColumnId}
columnDefinition={columnDefinition}
onDelete={onDelete}
@ -110,7 +110,7 @@ export const RecordBoardColumn = ({
<BoardColumnCardsContainer droppableProvided={droppableProvided}>
{cardIds.map((cardId, index) => (
<BoardCardIdContext.Provider value={cardId} key={cardId}>
<RecordBoardCard
<RecordBoardDeprecatedCard
index={index}
cardId={cardId}
recordBoardOptions={recordBoardOptions}

12
packages/twenty-front/src/modules/object-record/record-board/components/RecordBoardColumnDropdownMenu.tsx → packages/twenty-front/src/modules/object-record/record-board-deprecated/components/RecordBoardDeprecatedColumnDropdownMenu.tsx
View File

@ -12,10 +12,10 @@ import { useScopedHotkeys } from '@/ui/utilities/hotkey/hooks/useScopedHotkeys';
import { useListenClickOutside } from '@/ui/utilities/pointer-event/hooks/useListenClickOutside';
import { BoardColumnContext } from '../contexts/BoardColumnContext';
import { useBoardColumnsInternal } from '../hooks/internal/useRecordBoardColumnsInternal';
import { useBoardColumnsInternal } from '../hooks/internal/useRecordBoardDeprecatedColumnsInternal';
import { BoardColumnHotkeyScope } from '../types/BoardColumnHotkeyScope';
import { RecordBoardColumnEditTitleMenu } from './RecordBoardColumnEditTitleMenu';
import { RecordBoardDeprecatedColumnEditTitleMenu } from './RecordBoardDeprecatedColumnEditTitleMenu';
const StyledMenuContainer = styled.div`
position: absolute;
top: ${({ theme }) => theme.spacing(10)};
@ -23,7 +23,7 @@ const StyledMenuContainer = styled.div`
z-index: 1;
`;
type RecordBoardColumnDropdownMenuProps = {
type RecordBoardDeprecatedColumnDropdownMenuProps = {
onClose: () => void;
onDelete?: (id: string) => void;
stageId: string;
@ -31,11 +31,11 @@ type RecordBoardColumnDropdownMenuProps = {
type Menu = 'actions' | 'add' | 'title';
export const RecordBoardColumnDropdownMenu = ({
export const RecordBoardDeprecatedColumnDropdownMenu = ({
onClose,
onDelete,
stageId,
}: RecordBoardColumnDropdownMenuProps) => {
}: RecordBoardDeprecatedColumnDropdownMenuProps) => {
const [currentMenu, setCurrentMenu] = useState('actions');
const column = useContext(BoardColumnContext);
@ -122,7 +122,7 @@ export const RecordBoardColumnDropdownMenu = ({
</DropdownMenuItemsContainer>
)}
{currentMenu === 'title' && (
<RecordBoardColumnEditTitleMenu
<RecordBoardDeprecatedColumnEditTitleMenu
color={columnDefinition.colorCode ?? 'gray'}
onClose={closeMenu}
title={columnDefinition.title}

10
packages/twenty-front/src/modules/object-record/record-board/components/RecordBoardColumnEditTitleMenu.tsx → packages/twenty-front/src/modules/object-record/record-board-deprecated/components/RecordBoardDeprecatedColumnEditTitleMenu.tsx
View File

@ -11,7 +11,7 @@ import { textInputStyle } from '@/ui/theme/constants/effects';
import { debounce } from '~/utils/debounce';
import { BoardColumnContext } from '../contexts/BoardColumnContext';
import { useRecordBoard } from '../hooks/useRecordBoard';
import { useRecordBoardDeprecated } from '../hooks/useRecordBoardDeprecated';
const StyledEditTitleContainer = styled.div`
--vertical-padding: ${({ theme }) => theme.spacing(1)};
@ -40,7 +40,7 @@ const StyledEditModeInput = styled.input`
width: 100%;
`;
type RecordBoardColumnEditTitleMenuProps = {
type RecordBoardDeprecatedColumnEditTitleMenuProps = {
onClose: () => void;
onDelete?: (id: string) => void;
title: string;
@ -48,17 +48,17 @@ type RecordBoardColumnEditTitleMenuProps = {
stageId: string;
};
export const RecordBoardColumnEditTitleMenu = ({
export const RecordBoardDeprecatedColumnEditTitleMenu = ({
onClose,
onDelete,
stageId,
title,
color,
}: RecordBoardColumnEditTitleMenuProps) => {
}: RecordBoardDeprecatedColumnEditTitleMenuProps) => {
const [internalValue, setInternalValue] = useState(title);
const { onTitleEdit } = useContext(BoardColumnContext) || {};
const { setBoardColumns } = useRecordBoard({
const { setBoardColumns } = useRecordBoardDeprecated({
recordBoardScopeId: 'company-board',
});

14
packages/twenty-front/src/modules/object-record/record-board/components/RecordBoardColumnHeader.tsx → packages/twenty-front/src/modules/object-record/record-board-deprecated/components/RecordBoardDeprecatedColumnHeader.tsx
View File

@ -2,8 +2,8 @@ import React, { useState } from 'react';
import styled from '@emotion/styled';
import { useRecoilValue } from 'recoil';
import { recordBoardColumnTotalsFamilySelector } from '@/object-record/record-board/states/selectors/recordBoardColumnTotalsFamilySelector';
import { BoardColumnDefinition } from '@/object-record/record-board/types/BoardColumnDefinition';
import { recordBoardColumnTotalsFamilySelector } from '@/object-record/record-board-deprecated/states/selectors/recordBoardDeprecatedColumnTotalsFamilySelector';
import { BoardColumnDefinition } from '@/object-record/record-board-deprecated/types/BoardColumnDefinition';
import { IconDotsVertical } from '@/ui/display/icon';
import { Tag } from '@/ui/display/tag/components/Tag';
import { LightIconButton } from '@/ui/input/button/components/LightIconButton';
@ -12,7 +12,7 @@ import { usePreviousHotkeyScope } from '@/ui/utilities/hotkey/hooks/usePreviousH
import { recordBoardCardIdsByColumnIdFamilyState } from '../states/recordBoardCardIdsByColumnIdFamilyState';
import { BoardColumnHotkeyScope } from '../types/BoardColumnHotkeyScope';
import { RecordBoardColumnDropdownMenu } from './RecordBoardColumnDropdownMenu';
import { RecordBoardDeprecatedColumnDropdownMenu } from './RecordBoardDeprecatedColumnDropdownMenu';
const StyledHeader = styled.div`
align-items: center;
@ -48,17 +48,17 @@ const StyledHeaderActions = styled.div`
margin-left: auto;
`;
type RecordBoardColumnHeaderProps = {
type RecordBoardDeprecatedColumnHeaderProps = {
recordBoardColumnId: string;
columnDefinition: BoardColumnDefinition;
onDelete?: (columnId: string) => void;
};
export const RecordBoardColumnHeader = ({
export const RecordBoardDeprecatedColumnHeader = ({
recordBoardColumnId,
columnDefinition,
onDelete,
}: RecordBoardColumnHeaderProps) => {
}: RecordBoardDeprecatedColumnHeaderProps) => {
const [isBoardColumnMenuOpen, setIsBoardColumnMenuOpen] = useState(false);
const [isHeaderHovered, setIsHeaderHovered] = useState(false);
@ -118,7 +118,7 @@ export const RecordBoardColumnHeader = ({
)}
</StyledHeader>
{isBoardColumnMenuOpen && (
<RecordBoardColumnDropdownMenu
<RecordBoardDeprecatedColumnDropdownMenu
onClose={handleBoardColumnMenuClose}
onDelete={onDelete}
stageId={recordBoardColumnId}

12
packages/twenty-front/src/modules/object-record/record-board/components/RecordBoardEffect.tsx → packages/twenty-front/src/modules/object-record/record-board-deprecated/components/RecordBoardDeprecatedEffect.tsx
View File

@ -1,19 +1,19 @@
import { useEffect } from 'react';
import { FieldMetadata } from '@/object-record/field/types/FieldMetadata';
import { useRecordBoard } from '@/object-record/record-board/hooks/useRecordBoard';
import { BoardFieldDefinition } from '@/object-record/record-board/types/BoardFieldDefinition';
import { useRecordBoardDeprecated } from '@/object-record/record-board-deprecated/hooks/useRecordBoardDeprecated';
import { BoardFieldDefinition } from '@/object-record/record-board-deprecated/types/BoardFieldDefinition';
type RecordBoardEffectProps = {
type RecordBoardDeprecatedEffectProps = {
recordBoardId: string;
onFieldsChange: (fields: BoardFieldDefinition<FieldMetadata>[]) => void;
};
export const RecordBoardEffect = ({
export const RecordBoardDeprecatedEffect = ({
recordBoardId,
onFieldsChange,
}: RecordBoardEffectProps) => {
const { setOnFieldsChange } = useRecordBoard({
}: RecordBoardDeprecatedEffectProps) => {
const { setOnFieldsChange } = useRecordBoardDeprecated({
recordBoardScopeId: recordBoardId,
});

24
packages/twenty-front/src/modules/object-record/record-board/components/RecordBoardInternalEffect.tsx → packages/twenty-front/src/modules/object-record/record-board-deprecated/components/RecordBoardDeprecatedInternalEffect.tsx
View File

@ -1,31 +1,33 @@
import { useEffect } from 'react';
import { useRecoilState, useRecoilValue } from 'recoil';
import { useObjectRecordBoard } from '@/object-record/hooks/useObjectRecordBoard';
import { useRecordBoardActionBarEntriesInternal } from '@/object-record/record-board/hooks/internal/useRecordBoardActionBarEntriesInternal';
import { useRecordBoardContextMenuEntriesInternal } from '@/object-record/record-board/hooks/internal/useRecordBoardContextMenuEntriesInternal';
import { useRecordBoardScopedStates } from '@/object-record/record-board/hooks/internal/useRecordBoardScopedStates';
import { useUpdateCompanyBoardColumnsInternal } from '@/object-record/record-board/hooks/internal/useUpdateCompanyBoardColumnsInternal';
import { useObjectRecordBoardDeprecated } from '@/object-record/hooks/useObjectRecordBoardDeprecated';
import { useRecordBoardDeprecatedActionBarEntriesInternal } from '@/object-record/record-board-deprecated/hooks/internal/useRecordBoardDeprecatedActionBarEntriesInternal';
import { useRecordBoardDeprecatedContextMenuEntriesInternal } from '@/object-record/record-board-deprecated/hooks/internal/useRecordBoardDeprecatedContextMenuEntriesInternal';
import { useRecordBoardDeprecatedScopedStates } from '@/object-record/record-board-deprecated/hooks/internal/useRecordBoardDeprecatedScopedStates';
import { useUpdateCompanyBoardColumnsInternal } from '@/object-record/record-board-deprecated/hooks/internal/useUpdateCompanyBoardColumnsInternal';
import { isDefined } from '~/utils/isDefined';
export type RecordBoardInternalEffectProps = {
export type RecordBoardDeprecatedInternalEffectProps = {
onFieldsChange: (fields: any) => void;
};
export const RecordBoardInternalEffect = () => {
export const RecordBoardDeprecatedInternalEffect = () => {
const updateCompanyColumnsBoardInternal =
useUpdateCompanyBoardColumnsInternal();
const { setActionBarEntries } = useRecordBoardActionBarEntriesInternal();
const { setContextMenuEntries } = useRecordBoardContextMenuEntriesInternal();
const { setActionBarEntries } =
useRecordBoardDeprecatedActionBarEntriesInternal();
const { setContextMenuEntries } =
useRecordBoardDeprecatedContextMenuEntriesInternal();
const {
savedPipelineStepsState,
savedOpportunitiesState,
savedCompaniesState,
} = useRecordBoardScopedStates();
} = useRecordBoardDeprecatedScopedStates();
const { fetchMoreOpportunities, fetchMoreCompanies, opportunities } =
useObjectRecordBoard();
useObjectRecordBoardDeprecated();
const [savedOpportunities, setSavedOpportunities] = useRecoilState(
savedOpportunitiesState,

8
packages/twenty-front/src/modules/object-record/record-board/components/__stories__/RecordBoardColumnEditTitleMenu.stories.tsx → packages/twenty-front/src/modules/object-record/record-board-deprecated/components/__stories__/RecordBoardColumnEditTitleMenu.stories.tsx
View File

@ -2,16 +2,16 @@ import { Meta, StoryObj } from '@storybook/react';
import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
import { RecordBoardColumnEditTitleMenu } from '../RecordBoardColumnEditTitleMenu';
import { RecordBoardDeprecatedColumnEditTitleMenu } from '../RecordBoardDeprecatedColumnEditTitleMenu';
const meta: Meta<typeof RecordBoardColumnEditTitleMenu> = {
const meta: Meta<typeof RecordBoardDeprecatedColumnEditTitleMenu> = {
title: 'UI/Layout/Board/BoardColumnMenu',
component: RecordBoardColumnEditTitleMenu,
component: RecordBoardDeprecatedColumnEditTitleMenu,
decorators: [ComponentDecorator],
args: { color: 'green', title: 'Column title' },
};
export default meta;
type Story = StoryObj<typeof RecordBoardColumnEditTitleMenu>;
type Story = StoryObj<typeof RecordBoardDeprecatedColumnEditTitleMenu>;
export const AllTags: Story = {};

0
packages/twenty-front/src/modules/object-record/record-board/constants/BoardOptionsDropdownId.ts → packages/twenty-front/src/modules/object-record/record-board-deprecated/constants/BoardOptionsDropdownId.ts
View File

10
packages/twenty-front/src/modules/object-record/record-board-deprecated/context-menu/components/RecordBoardDeprecatedContextMenu.tsx Normal file
View File

@ -0,0 +1,10 @@
import { useRecoilValue } from 'recoil';
import { useRecordBoardDeprecatedScopedStates } from '@/object-record/record-board-deprecated/hooks/internal/useRecordBoardDeprecatedScopedStates';
import { ContextMenu } from '@/ui/navigation/context-menu/components/ContextMenu';
export const RecordBoardDeprecatedContextMenu = () => {
const { selectedCardIdsSelector } = useRecordBoardDeprecatedScopedStates();
const selectedCardIds = useRecoilValue(selectedCardIdsSelector);
return <ContextMenu selectedIds={selectedCardIds}></ContextMenu>;
};

0
packages/twenty-front/src/modules/object-record/record-board/contexts/BoardCardIdContext.ts → packages/twenty-front/src/modules/object-record/record-board-deprecated/contexts/BoardCardIdContext.ts
View File

0
packages/twenty-front/src/modules/object-record/record-board/contexts/BoardColumnContext.ts → packages/twenty-front/src/modules/object-record/record-board-deprecated/contexts/BoardColumnContext.ts
View File

27
packages/twenty-front/src/modules/object-record/record-board/hooks/__tests__/useRecordBoard.test.tsx → packages/twenty-front/src/modules/object-record/record-board-deprecated/hooks/__tests__/useRecordBoard.test.tsx
View File

@ -2,8 +2,8 @@ import { MockedProvider } from '@apollo/client/testing';
import { act, renderHook, waitFor } from '@testing-library/react';
import { RecoilRoot, useRecoilValue } from 'recoil';
import { useRecordBoardScopedStates } from '@/object-record/record-board/hooks/internal/useRecordBoardScopedStates';
import { useRecordBoard } from '@/object-record/record-board/hooks/useRecordBoard';
import { useRecordBoardDeprecatedScopedStates } from '@/object-record/record-board-deprecated/hooks/internal/useRecordBoardDeprecatedScopedStates';
import { useRecordBoardDeprecated } from '@/object-record/record-board-deprecated/hooks/useRecordBoardDeprecated';
const Wrapper = ({ children }: { children: React.ReactNode }) => (
<MockedProvider>
@ -17,10 +17,10 @@ const renderHookConfig = {
wrapper: Wrapper,
};
const useRecordBoardHook = () => {
const recordBoard = useRecordBoard({ recordBoardScopeId });
const useRecordBoardDeprecatedHook = () => {
const recordBoard = useRecordBoardDeprecated({ recordBoardScopeId });
const { isBoardLoadedState, boardColumnsState, onFieldsChangeState } =
useRecordBoardScopedStates({
useRecordBoardDeprecatedScopedStates({
recordBoardScopeId: recordBoardScopeId,
});
const isBoardLoaded = useRecoilValue(isBoardLoadedState);
@ -35,9 +35,12 @@ const useRecordBoardHook = () => {
};
};
describe('useRecordBoard', () => {
describe('useRecordBoardDeprecated', () => {
it('should set isBoardLoadedState', async () => {
const { result } = renderHook(() => useRecordBoardHook(), renderHookConfig);
const { result } = renderHook(
() => useRecordBoardDeprecatedHook(),
renderHookConfig,
);
act(() => {
result.current.recordBoard.setIsBoardLoaded(true);
@ -61,7 +64,10 @@ describe('useRecordBoard', () => {
position: 1,
},
];
const { result } = renderHook(() => useRecordBoardHook(), renderHookConfig);
const { result } = renderHook(
() => useRecordBoardDeprecatedHook(),
renderHookConfig,
);
act(() => {
result.current.recordBoard.setBoardColumns(columns);
@ -75,7 +81,10 @@ describe('useRecordBoard', () => {
it('should set setOnFieldsChange', async () => {
const onFieldsChangeFunction = () => {};
const onFieldsChange = jest.fn(() => onFieldsChangeFunction);
const { result } = renderHook(() => useRecordBoardHook(), renderHookConfig);
const { result } = renderHook(
() => useRecordBoardDeprecatedHook(),
renderHookConfig,
);
act(() => {
result.current.recordBoard.setOnFieldsChange(onFieldsChange);

4
packages/twenty-front/src/modules/object-record/record-board/hooks/internal/__tests__/useCreateOpportunity.test.tsx → packages/twenty-front/src/modules/object-record/record-board-deprecated/hooks/internal/__tests__/useCreateOpportunity.test.tsx
View File

@ -3,8 +3,8 @@ import { act, renderHook } from '@testing-library/react';
import gql from 'graphql-tag';
import { RecoilRoot, useRecoilValue } from 'recoil';
import { useCreateOpportunity } from '@/object-record/record-board/hooks/internal/useCreateOpportunity';
import { recordBoardCardIdsByColumnIdFamilyState } from '@/object-record/record-board/states/recordBoardCardIdsByColumnIdFamilyState';
import { useCreateOpportunity } from '@/object-record/record-board-deprecated/hooks/internal/useCreateOpportunity';
import { recordBoardCardIdsByColumnIdFamilyState } from '@/object-record/record-board-deprecated/states/recordBoardCardIdsByColumnIdFamilyState';
const mockedUuid = 'mocked-uuid';
jest.mock('uuid', () => ({

19
packages/twenty-front/src/modules/object-record/record-board/hooks/internal/__tests__/useCurrentRecordBoardCardSelectedInternal.test.tsx → packages/twenty-front/src/modules/object-record/record-board-deprecated/hooks/internal/__tests__/useCurrentRecordBoardCardSelectedInternal.test.tsx
View File

@ -1,30 +1,31 @@
import { act, renderHook } from '@testing-library/react';
import { RecoilRoot, useRecoilValue } from 'recoil';
import { BoardCardIdContext } from '@/object-record/record-board/contexts/BoardCardIdContext';
import { useCurrentRecordBoardCardSelectedInternal } from '@/object-record/record-board/hooks/internal/useCurrentRecordBoardCardSelectedInternal';
import { useRecordBoardScopedStates } from '@/object-record/record-board/hooks/internal/useRecordBoardScopedStates';
import { RecordBoardScope } from '@/object-record/record-board/scopes/RecordBoardScope';
import { BoardCardIdContext } from '@/object-record/record-board-deprecated/contexts/BoardCardIdContext';
import { useCurrentRecordBoardDeprecatedCardSelectedInternal } from '@/object-record/record-board-deprecated/hooks/internal/useCurrentRecordBoardDeprecatedCardSelectedInternal';
import { useRecordBoardDeprecatedScopedStates } from '@/object-record/record-board-deprecated/hooks/internal/useRecordBoardDeprecatedScopedStates';
import { RecordBoardDeprecatedScope } from '@/object-record/record-board-deprecated/scopes/RecordBoardDeprecatedScope';
import { actionBarOpenState } from '@/ui/navigation/action-bar/states/actionBarIsOpenState';
const scopeId = 'scopeId';
const boardCardId = 'boardCardId';
const Wrapper = ({ children }: { children: React.ReactNode }) => (
<RecordBoardScope recordBoardScopeId={scopeId}>
<RecordBoardDeprecatedScope recordBoardScopeId={scopeId}>
<BoardCardIdContext.Provider value={boardCardId}>
<RecoilRoot>{children}</RecoilRoot>
</BoardCardIdContext.Provider>
</RecordBoardScope>
</RecordBoardDeprecatedScope>
);
describe('useCurrentRecordBoardCardSelectedInternal', () => {
describe('useCurrentRecordBoardDeprecatedCardSelectedInternal', () => {
it('should update the data when selecting and deselecting the cardId', () => {
const { result } = renderHook(
() => ({
currentCardSelect: useCurrentRecordBoardCardSelectedInternal(),
currentCardSelect:
useCurrentRecordBoardDeprecatedCardSelectedInternal(),
activeCardIdsState: useRecoilValue(
useRecordBoardScopedStates().activeCardIdsState,
useRecordBoardDeprecatedScopedStates().activeCardIdsState,
),
actionBarOpenState: useRecoilValue(actionBarOpenState),
}),

27
packages/twenty-front/src/modules/object-record/record-board/hooks/internal/__tests__/useDeleteSelectedRecordBoardCardsInternal.test.tsx → packages/twenty-front/src/modules/object-record/record-board-deprecated/hooks/internal/__tests__/useDeleteSelectedRecordBoardCardsInternal.test.tsx
View File

@ -3,13 +3,13 @@ import { act, renderHook, waitFor } from '@testing-library/react';
import gql from 'graphql-tag';
import { RecoilRoot, useRecoilValue, useSetRecoilState } from 'recoil';
import { BoardCardIdContext } from '@/object-record/record-board/contexts/BoardCardIdContext';
import { useCreateOpportunity } from '@/object-record/record-board/hooks/internal/useCreateOpportunity';
import { useCurrentRecordBoardCardSelectedInternal } from '@/object-record/record-board/hooks/internal/useCurrentRecordBoardCardSelectedInternal';
import { useDeleteSelectedRecordBoardCardsInternal } from '@/object-record/record-board/hooks/internal/useDeleteSelectedRecordBoardCardsInternal';
import { useRecordBoardScopedStates } from '@/object-record/record-board/hooks/internal/useRecordBoardScopedStates';
import { RecordBoardScope } from '@/object-record/record-board/scopes/RecordBoardScope';
import { recordBoardCardIdsByColumnIdFamilyState } from '@/object-record/record-board/states/recordBoardCardIdsByColumnIdFamilyState';
import { BoardCardIdContext } from '@/object-record/record-board-deprecated/contexts/BoardCardIdContext';
import { useCreateOpportunity } from '@/object-record/record-board-deprecated/hooks/internal/useCreateOpportunity';
import { useCurrentRecordBoardDeprecatedCardSelectedInternal } from '@/object-record/record-board-deprecated/hooks/internal/useCurrentRecordBoardDeprecatedCardSelectedInternal';
import { useDeleteSelectedRecordBoardDeprecatedCardsInternal } from '@/object-record/record-board-deprecated/hooks/internal/useDeleteSelectedRecordBoardDeprecatedCardsInternal';
import { useRecordBoardDeprecatedScopedStates } from '@/object-record/record-board-deprecated/hooks/internal/useRecordBoardDeprecatedScopedStates';
import { RecordBoardDeprecatedScope } from '@/object-record/record-board-deprecated/scopes/RecordBoardDeprecatedScope';
import { recordBoardCardIdsByColumnIdFamilyState } from '@/object-record/record-board-deprecated/states/recordBoardCardIdsByColumnIdFamilyState';
jest.mock('@/object-metadata/hooks/useMapFieldMetadataToGraphQLQuery', () => ({
useMapFieldMetadataToGraphQLQuery: jest.fn().mockReturnValue(() => '\n'),
@ -62,15 +62,15 @@ const scopeId = 'scopeId';
const Wrapper = ({ children }: { children: React.ReactNode }) => (
<MockedProvider mocks={mocks} addTypename={false}>
<RecordBoardScope recordBoardScopeId={scopeId}>
<RecordBoardDeprecatedScope recordBoardScopeId={scopeId}>
<BoardCardIdContext.Provider value={mockedUuid}>
<RecoilRoot>{children}</RecoilRoot>
</BoardCardIdContext.Provider>
</RecordBoardScope>
</RecordBoardDeprecatedScope>
</MockedProvider>
);
describe('useDeleteSelectedRecordBoardCardsInternal', () => {
describe('useDeleteSelectedRecordBoardDeprecatedCardsInternal', () => {
it('should run apollo mutation and update recoil state when delete selected cards', async () => {
const companyIdname = 'New Opportunity';
const opportunityPipelineStepId = 'pipelineStepId';
@ -78,16 +78,17 @@ describe('useDeleteSelectedRecordBoardCardsInternal', () => {
const { result } = renderHook(
() => ({
createOpportunity: useCreateOpportunity(),
deleteSelectedCards: useDeleteSelectedRecordBoardCardsInternal(),
deleteSelectedCards:
useDeleteSelectedRecordBoardDeprecatedCardsInternal(),
setBoardColumns: useSetRecoilState(
useRecordBoardScopedStates({
useRecordBoardDeprecatedScopedStates({
recordBoardScopeId: scopeId,
}).boardColumnsState,
),
recordBoardCardIdsByColumnId: useRecoilValue(
recordBoardCardIdsByColumnIdFamilyState(opportunityPipelineStepId),
),
currentSelect: useCurrentRecordBoardCardSelectedInternal(),
currentSelect: useCurrentRecordBoardDeprecatedCardSelectedInternal(),
}),
{
wrapper: Wrapper,

16
packages/twenty-front/src/modules/object-record/record-board/hooks/internal/__tests__/useRecordBoardActionBarEntriesInternal.test.tsx → packages/twenty-front/src/modules/object-record/record-board-deprecated/hooks/internal/__tests__/useRecordBoardActionBarEntriesInternal.test.tsx
View File

@ -2,18 +2,18 @@ import { MockedProvider } from '@apollo/client/testing';
import { act, renderHook, waitFor } from '@testing-library/react';
import { RecoilRoot, useRecoilValue } from 'recoil';
import { useDeleteSelectedRecordBoardCardsInternal } from '@/object-record/record-board/hooks/internal/useDeleteSelectedRecordBoardCardsInternal';
import { useRecordBoardActionBarEntriesInternal } from '@/object-record/record-board/hooks/internal/useRecordBoardActionBarEntriesInternal';
import { RecordBoardScope } from '@/object-record/record-board/scopes/RecordBoardScope';
import { useDeleteSelectedRecordBoardDeprecatedCardsInternal } from '@/object-record/record-board-deprecated/hooks/internal/useDeleteSelectedRecordBoardDeprecatedCardsInternal';
import { useRecordBoardDeprecatedActionBarEntriesInternal } from '@/object-record/record-board-deprecated/hooks/internal/useRecordBoardDeprecatedActionBarEntriesInternal';
import { RecordBoardDeprecatedScope } from '@/object-record/record-board-deprecated/scopes/RecordBoardDeprecatedScope';
import { IconTrash } from '@/ui/display/icon';
import { actionBarEntriesState } from '@/ui/navigation/action-bar/states/actionBarEntriesState';
const scopeId = 'scopeId';
const Wrapper = ({ children }: { children: React.ReactNode }) => (
<MockedProvider>
<RecordBoardScope recordBoardScopeId={scopeId}>
<RecordBoardDeprecatedScope recordBoardScopeId={scopeId}>
<RecoilRoot>{children}</RecoilRoot>
</RecordBoardScope>
</RecordBoardDeprecatedScope>
</MockedProvider>
);
@ -21,11 +21,11 @@ const renderHookConfig = {
wrapper: Wrapper,
};
describe('useRecordBoardActionBarEntriesInternal', () => {
describe('useRecordBoardDeprecatedActionBarEntriesInternal', () => {
it('should update actionBarEntries', async () => {
const { result } = renderHook(() => {
const deleteSelectedBoardCards =
useDeleteSelectedRecordBoardCardsInternal();
useDeleteSelectedRecordBoardDeprecatedCardsInternal();
const newActionBarEntry = {
label: 'Delete',
Icon: IconTrash,
@ -33,7 +33,7 @@ describe('useRecordBoardActionBarEntriesInternal', () => {
onClick: deleteSelectedBoardCards,
};
return {
setActionBarEntries: useRecordBoardActionBarEntriesInternal(),
setActionBarEntries: useRecordBoardDeprecatedActionBarEntriesInternal(),
actionBarEntries: useRecoilValue(actionBarEntriesState),
newActionBarEntry,
};

16
packages/twenty-front/src/modules/object-record/record-board/hooks/internal/__tests__/useRecordBoardCardFieldsInternal.test.tsx → packages/twenty-front/src/modules/object-record/record-board-deprecated/hooks/internal/__tests__/useRecordBoardCardFieldsInternal.test.tsx
View File

@ -3,10 +3,10 @@ import { renderHook, waitFor } from '@testing-library/react';
import { RecoilRoot, useRecoilState, useRecoilValue } from 'recoil';
import { FieldType } from '@/object-record/field/types/FieldType';
import { useRecordBoardCardFieldsInternal } from '@/object-record/record-board/hooks/internal/useRecordBoardCardFieldsInternal';
import { onFieldsChangeScopedState } from '@/object-record/record-board/states/onFieldsChangeScopedState';
import { recordBoardCardFieldsScopedState } from '@/object-record/record-board/states/recordBoardCardFieldsScopedState';
import { savedRecordBoardCardFieldsScopedState } from '@/object-record/record-board/states/savedRecordBoardCardFieldsScopedState';
import { useRecordBoardDeprecatedCardFieldsInternal } from '@/object-record/record-board-deprecated/hooks/internal/useRecordBoardDeprecatedCardFieldsInternal';
import { onFieldsChangeScopedState } from '@/object-record/record-board-deprecated/states/onFieldsChangeScopedState';
import { recordBoardCardFieldsScopedState } from '@/object-record/record-board-deprecated/states/recordBoardDeprecatedCardFieldsScopedState';
import { savedRecordBoardDeprecatedCardFieldsScopedState } from '@/object-record/record-board-deprecated/states/savedRecordBoardDeprecatedCardFieldsScopedState';
const recordBoardScopeId = 'recordBoardScopeId';
@ -14,14 +14,14 @@ const renderHookConfig = {
wrapper: RecoilRoot,
};
describe('useRecordBoardCardFieldsInternal', () => {
describe('useRecordBoardDeprecatedCardFieldsInternal', () => {
it('should toggle field visibility', async () => {
const { result } = renderHook(() => {
const [cardFieldsList, setCardFieldsList] = useRecoilState(
recordBoardCardFieldsScopedState({ scopeId: recordBoardScopeId }),
);
return {
boardCardFields: useRecordBoardCardFieldsInternal({
boardCardFields: useRecordBoardDeprecatedCardFieldsInternal({
recordBoardScopeId,
}),
cardFieldsList,
@ -76,14 +76,14 @@ describe('useRecordBoardCardFieldsInternal', () => {
onFieldsChangeScopedState({ scopeId: recordBoardScopeId }),
);
return {
boardCardFieldsHook: useRecordBoardCardFieldsInternal({
boardCardFieldsHook: useRecordBoardDeprecatedCardFieldsInternal({
recordBoardScopeId,
}),
boardCardFieldsList: useRecoilValue(
recordBoardCardFieldsScopedState({ scopeId: recordBoardScopeId }),
),
savedBoardCardFieldsList: useRecoilValue(
savedRecordBoardCardFieldsScopedState({
savedRecordBoardDeprecatedCardFieldsScopedState({
scopeId: recordBoardScopeId,
}),
),

16
packages/twenty-front/src/modules/object-record/record-board/hooks/internal/__tests__/useRecordBoardColumnsInternal.test.tsx → packages/twenty-front/src/modules/object-record/record-board-deprecated/hooks/internal/__tests__/useRecordBoardColumnsInternal.test.tsx
View File

@ -3,10 +3,10 @@ import { act, renderHook, waitFor } from '@testing-library/react';
import gql from 'graphql-tag';
import { RecoilRoot, useRecoilState, useSetRecoilState } from 'recoil';
import { useBoardColumnsInternal } from '@/object-record/record-board/hooks/internal/useRecordBoardColumnsInternal';
import { useRecordBoardScopedStates } from '@/object-record/record-board/hooks/internal/useRecordBoardScopedStates';
import { RecordBoardScope } from '@/object-record/record-board/scopes/RecordBoardScope';
import { BoardColumnDefinition } from '@/object-record/record-board/types/BoardColumnDefinition';
import { useBoardColumnsInternal } from '@/object-record/record-board-deprecated/hooks/internal/useRecordBoardDeprecatedColumnsInternal';
import { useRecordBoardDeprecatedScopedStates } from '@/object-record/record-board-deprecated/hooks/internal/useRecordBoardDeprecatedScopedStates';
import { RecordBoardDeprecatedScope } from '@/object-record/record-board-deprecated/scopes/RecordBoardDeprecatedScope';
import { BoardColumnDefinition } from '@/object-record/record-board-deprecated/types/BoardColumnDefinition';
jest.mock('@/object-metadata/hooks/useMapFieldMetadataToGraphQLQuery', () => ({
useMapFieldMetadataToGraphQLQuery: jest.fn().mockReturnValue(() => '\n'),
@ -36,9 +36,9 @@ const mocks = [
const scopeId = 'scopeId';
const Wrapper = ({ children }: { children: React.ReactNode }) => (
<MockedProvider mocks={mocks} addTypename={false}>
<RecordBoardScope recordBoardScopeId={scopeId}>
<RecordBoardDeprecatedScope recordBoardScopeId={scopeId}>
<RecoilRoot>{children}</RecoilRoot>
</RecordBoardScope>
</RecordBoardDeprecatedScope>
</MockedProvider>
);
@ -50,7 +50,7 @@ describe('useBoardColumnsInternal', () => {
it('should update boardColumns state when moving to left and right', async () => {
const { result } = renderHook(() => {
const [boardColumnsList, setBoardColumnsList] = useRecoilState(
useRecordBoardScopedStates().boardColumnsState,
useRecordBoardDeprecatedScopedStates().boardColumnsState,
);
return {
boardColumns: useBoardColumnsInternal(),
@ -102,7 +102,7 @@ describe('useBoardColumnsInternal', () => {
return {
boardColumns: useBoardColumnsInternal(),
setBoardColumnsList: useSetRecoilState(
useRecordBoardScopedStates().boardColumnsState,
useRecordBoardDeprecatedScopedStates().boardColumnsState,
),
};
}, renderHookConfig);

17
packages/twenty-front/src/modules/object-record/record-board/hooks/internal/__tests__/useRecordBoardContextMenuEntriesInternal.test.tsx → packages/twenty-front/src/modules/object-record/record-board-deprecated/hooks/internal/__tests__/useRecordBoardContextMenuEntriesInternal.test.tsx
View File

@ -2,27 +2,27 @@ import { MockedProvider } from '@apollo/client/testing';
import { act, renderHook, waitFor } from '@testing-library/react';
import { RecoilRoot, useRecoilValue } from 'recoil';
import { useDeleteSelectedRecordBoardCardsInternal } from '@/object-record/record-board/hooks/internal/useDeleteSelectedRecordBoardCardsInternal';
import { useRecordBoardContextMenuEntriesInternal } from '@/object-record/record-board/hooks/internal/useRecordBoardContextMenuEntriesInternal';
import { RecordBoardScope } from '@/object-record/record-board/scopes/RecordBoardScope';
import { useDeleteSelectedRecordBoardDeprecatedCardsInternal } from '@/object-record/record-board-deprecated/hooks/internal/useDeleteSelectedRecordBoardDeprecatedCardsInternal';
import { useRecordBoardDeprecatedContextMenuEntriesInternal } from '@/object-record/record-board-deprecated/hooks/internal/useRecordBoardDeprecatedContextMenuEntriesInternal';
import { RecordBoardDeprecatedScope } from '@/object-record/record-board-deprecated/scopes/RecordBoardDeprecatedScope';
import { IconTrash } from '@/ui/display/icon';
import { contextMenuEntriesState } from '@/ui/navigation/context-menu/states/contextMenuEntriesState';
const scopeId = 'scopeId';
const Wrapper = ({ children }: { children: React.ReactNode }) => (
<MockedProvider>
<RecordBoardScope recordBoardScopeId={scopeId}>
<RecordBoardDeprecatedScope recordBoardScopeId={scopeId}>
<RecoilRoot>{children}</RecoilRoot>
</RecordBoardScope>
</RecordBoardDeprecatedScope>
</MockedProvider>
);
describe('useRecordBoardContextMenuEntriesInternal', () => {
describe('useRecordBoardDeprecatedContextMenuEntriesInternal', () => {
it('should update contextEntries', async () => {
const { result } = renderHook(
() => {
const deleteSelectedBoardCards =
useDeleteSelectedRecordBoardCardsInternal();
useDeleteSelectedRecordBoardDeprecatedCardsInternal();
const newContextEntry = {
label: 'Delete',
Icon: IconTrash,
@ -30,7 +30,8 @@ describe('useRecordBoardContextMenuEntriesInternal', () => {
onClick: deleteSelectedBoardCards,
};
return {
setContextEntries: useRecordBoardContextMenuEntriesInternal(),
setContextEntries:
useRecordBoardDeprecatedContextMenuEntriesInternal(),
contextEntries: useRecoilValue(contextMenuEntriesState),
newContextEntry,
};

16
packages/twenty-front/src/modules/object-record/record-board/hooks/internal/__tests__/useSetRecordBoardCardSelectedInternal.test.tsx → packages/twenty-front/src/modules/object-record/record-board-deprecated/hooks/internal/__tests__/useSetRecordBoardCardSelectedInternal.test.tsx
View File

@ -1,31 +1,31 @@
import { act, renderHook } from '@testing-library/react';
import { RecoilRoot, useRecoilValue } from 'recoil';
import { useSetRecordBoardCardSelectedInternal } from '@/object-record/record-board/hooks/internal/useSetRecordBoardCardSelectedInternal';
import { RecordBoardScope } from '@/object-record/record-board/scopes/RecordBoardScope';
import { isRecordBoardCardSelectedFamilyState } from '@/object-record/record-board/states/isRecordBoardCardSelectedFamilyState';
import { useSetRecordBoardDeprecatedCardSelectedInternal } from '@/object-record/record-board-deprecated/hooks/internal/useSetRecordBoardDeprecatedCardSelectedInternal';
import { RecordBoardDeprecatedScope } from '@/object-record/record-board-deprecated/scopes/RecordBoardDeprecatedScope';
import { isRecordBoardDeprecatedCardSelectedFamilyState } from '@/object-record/record-board-deprecated/states/isRecordBoardDeprecatedCardSelectedFamilyState';
const scopeId = 'scopeId';
const boardCardId = 'boardCardId';
const Wrapper = ({ children }: { children: React.ReactNode }) => (
<RecordBoardScope recordBoardScopeId={scopeId}>
<RecordBoardDeprecatedScope recordBoardScopeId={scopeId}>
<RecoilRoot>{children}</RecoilRoot>
</RecordBoardScope>
</RecordBoardDeprecatedScope>
);
const recordBoardScopeId = 'recordBoardScopeId';
describe('useSetRecordBoardCardSelectedInternal', () => {
describe('useSetRecordBoardDeprecatedCardSelectedInternal', () => {
it('should update the data when selecting and deselecting the cardId', async () => {
const { result } = renderHook(
() => {
return {
cardSelect: useSetRecordBoardCardSelectedInternal({
cardSelect: useSetRecordBoardDeprecatedCardSelectedInternal({
recordBoardScopeId,
}),
isSelected: useRecoilValue(
isRecordBoardCardSelectedFamilyState(boardCardId),
isRecordBoardDeprecatedCardSelectedFamilyState(boardCardId),
),
};
},

16
packages/twenty-front/src/modules/object-record/record-board/hooks/internal/__tests__/useUpdateCompanyBoardColumnsInternal.test.tsx → packages/twenty-front/src/modules/object-record/record-board-deprecated/hooks/internal/__tests__/useUpdateCompanyBoardColumnsInternal.test.tsx
View File

@ -2,19 +2,19 @@ import { act, renderHook } from '@testing-library/react';
import { RecoilRoot, useRecoilValue } from 'recoil';
import { CompanyForBoard } from '@/companies/types/CompanyProgress';
import { useRecordBoardScopedStates } from '@/object-record/record-board/hooks/internal/useRecordBoardScopedStates';
import { useUpdateCompanyBoardColumnsInternal } from '@/object-record/record-board/hooks/internal/useUpdateCompanyBoardColumnsInternal';
import { RecordBoardScope } from '@/object-record/record-board/scopes/RecordBoardScope';
import { recordBoardCardIdsByColumnIdFamilyState } from '@/object-record/record-board/states/recordBoardCardIdsByColumnIdFamilyState';
import { useRecordBoardDeprecatedScopedStates } from '@/object-record/record-board-deprecated/hooks/internal/useRecordBoardDeprecatedScopedStates';
import { useUpdateCompanyBoardColumnsInternal } from '@/object-record/record-board-deprecated/hooks/internal/useUpdateCompanyBoardColumnsInternal';
import { RecordBoardDeprecatedScope } from '@/object-record/record-board-deprecated/scopes/RecordBoardDeprecatedScope';
import { recordBoardCardIdsByColumnIdFamilyState } from '@/object-record/record-board-deprecated/states/recordBoardCardIdsByColumnIdFamilyState';
import { currentPipelineStepsState } from '@/pipeline/states/currentPipelineStepsState';
import { Opportunity } from '@/pipeline/types/Opportunity';
import { PipelineStep } from '@/pipeline/types/PipelineStep';
const scopeId = 'scopeId';
const Wrapper = ({ children }: { children: React.ReactNode }) => (
<RecordBoardScope recordBoardScopeId={scopeId}>
<RecordBoardDeprecatedScope recordBoardScopeId={scopeId}>
<RecoilRoot>{children}</RecoilRoot>
</RecordBoardScope>
</RecordBoardDeprecatedScope>
);
describe('useUpdateCompanyBoardColumnsInternal', () => {
@ -25,10 +25,10 @@ describe('useUpdateCompanyBoardColumnsInternal', () => {
updateCompanyBoardColumns: useUpdateCompanyBoardColumnsInternal(),
currentPipeline: useRecoilValue(currentPipelineStepsState),
boardColumns: useRecoilValue(
useRecordBoardScopedStates().boardColumnsState,
useRecordBoardDeprecatedScopedStates().boardColumnsState,
),
savedBoardColumns: useRecoilValue(
useRecordBoardScopedStates().savedBoardColumnsState,
useRecordBoardDeprecatedScopedStates().savedBoardColumnsState,
),
idsByColumnId: useRecoilValue(
recordBoardCardIdsByColumnIdFamilyState('1'),

2
packages/twenty-front/src/modules/object-record/record-board/hooks/internal/useCreateOpportunity.ts → packages/twenty-front/src/modules/object-record/record-board-deprecated/hooks/internal/useCreateOpportunity.ts
View File

@ -3,7 +3,7 @@ import { v4 } from 'uuid';
import { CoreObjectNameSingular } from '@/object-metadata/types/CoreObjectNameSingular';
import { useCreateOneRecord } from '@/object-record/hooks/useCreateOneRecord';
import { recordBoardCardIdsByColumnIdFamilyState } from '@/object-record/record-board/states/recordBoardCardIdsByColumnIdFamilyState';
import { recordBoardCardIdsByColumnIdFamilyState } from '@/object-record/record-board-deprecated/states/recordBoardCardIdsByColumnIdFamilyState';
import { Opportunity } from '@/pipeline/types/Opportunity';
export const useCreateOpportunity = () => {

15
packages/twenty-front/src/modules/object-record/record-board/hooks/internal/useCurrentRecordBoardCardSelectedInternal.ts → packages/twenty-front/src/modules/object-record/record-board-deprecated/hooks/internal/useCurrentRecordBoardDeprecatedCardSelectedInternal.ts
View File

@ -1,20 +1,20 @@
import { useContext } from 'react';
import { useRecoilCallback, useRecoilValue, useSetRecoilState } from 'recoil';
import { useRecordBoardScopedStates } from '@/object-record/record-board/hooks/internal/useRecordBoardScopedStates';
import { useRecordBoardDeprecatedScopedStates } from '@/object-record/record-board-deprecated/hooks/internal/useRecordBoardDeprecatedScopedStates';
import { actionBarOpenState } from '@/ui/navigation/action-bar/states/actionBarIsOpenState';
import { BoardCardIdContext } from '../../contexts/BoardCardIdContext';
import { isRecordBoardCardSelectedFamilyState } from '../../states/isRecordBoardCardSelectedFamilyState';
import { isRecordBoardDeprecatedCardSelectedFamilyState } from '../../states/isRecordBoardDeprecatedCardSelectedFamilyState';
export const useCurrentRecordBoardCardSelectedInternal = () => {
export const useCurrentRecordBoardDeprecatedCardSelectedInternal = () => {
const currentCardId = useContext(BoardCardIdContext);
const isCurrentCardSelected = useRecoilValue(
isRecordBoardCardSelectedFamilyState(currentCardId ?? ''),
isRecordBoardDeprecatedCardSelectedFamilyState(currentCardId ?? ''),
);
const { activeCardIdsState } = useRecordBoardScopedStates();
const { activeCardIdsState } = useRecordBoardDeprecatedScopedStates();
const setActiveCardIds = useSetRecoilState(activeCardIdsState);
@ -23,7 +23,10 @@ export const useCurrentRecordBoardCardSelectedInternal = () => {
(selected: boolean) => {
if (!currentCardId) return;
set(isRecordBoardCardSelectedFamilyState(currentCardId), selected);
set(
isRecordBoardDeprecatedCardSelectedFamilyState(currentCardId),
selected,
);
set(actionBarOpenState, selected);
if (selected) {

10
packages/twenty-front/src/modules/object-record/record-board/hooks/internal/useDeleteSelectedRecordBoardCardsInternal.ts → packages/twenty-front/src/modules/object-record/record-board-deprecated/hooks/internal/useDeleteSelectedRecordBoardDeprecatedCardsInternal.ts
View File

@ -3,19 +3,19 @@ import { useRecoilCallback } from 'recoil';
import { CoreObjectNameSingular } from '@/object-metadata/types/CoreObjectNameSingular';
import { useDeleteManyRecords } from '@/object-record/hooks/useDeleteManyRecords';
import { useRecordBoardScopedStates } from '@/object-record/record-board/hooks/internal/useRecordBoardScopedStates';
import { useRecordBoardDeprecatedScopedStates } from '@/object-record/record-board-deprecated/hooks/internal/useRecordBoardDeprecatedScopedStates';
import { useRemoveRecordBoardCardIdsInternal } from './useRemoveRecordBoardCardIdsInternal';
import { useRemoveRecordBoardDeprecatedCardIdsInternal } from './useRemoveRecordBoardDeprecatedCardIdsInternal';
export const useDeleteSelectedRecordBoardCardsInternal = () => {
const removeCardIds = useRemoveRecordBoardCardIdsInternal();
export const useDeleteSelectedRecordBoardDeprecatedCardsInternal = () => {
const removeCardIds = useRemoveRecordBoardDeprecatedCardIdsInternal();
const apolloClient = useApolloClient();
const { deleteManyRecords: deleteManyOpportunities } = useDeleteManyRecords({
objectNameSingular: CoreObjectNameSingular.Opportunity,
});
const { selectedCardIdsSelector } = useRecordBoardScopedStates();
const { selectedCardIdsSelector } = useRecordBoardDeprecatedScopedStates();
const deleteSelectedBoardCards = useRecoilCallback(
({ snapshot }) =>

7
packages/twenty-front/src/modules/object-record/record-board/hooks/internal/useRecordBoardActionBarEntriesInternal.ts → packages/twenty-front/src/modules/object-record/record-board-deprecated/hooks/internal/useRecordBoardDeprecatedActionBarEntriesInternal.ts
View File

@ -1,14 +1,15 @@
import { useCallback } from 'react';
import { useSetRecoilState } from 'recoil';
import { useDeleteSelectedRecordBoardCardsInternal } from '@/object-record/record-board/hooks/internal/useDeleteSelectedRecordBoardCardsInternal';
import { useDeleteSelectedRecordBoardDeprecatedCardsInternal } from '@/object-record/record-board-deprecated/hooks/internal/useDeleteSelectedRecordBoardDeprecatedCardsInternal';
import { IconTrash } from '@/ui/display/icon';
import { actionBarEntriesState } from '@/ui/navigation/action-bar/states/actionBarEntriesState';
export const useRecordBoardActionBarEntriesInternal = () => {
export const useRecordBoardDeprecatedActionBarEntriesInternal = () => {
const setActionBarEntriesRecoil = useSetRecoilState(actionBarEntriesState);
const deleteSelectedBoardCards = useDeleteSelectedRecordBoardCardsInternal();
const deleteSelectedBoardCards =
useDeleteSelectedRecordBoardDeprecatedCardsInternal();
const setActionBarEntries = useCallback(() => {
setActionBarEntriesRecoil([

20
packages/twenty-front/src/modules/object-record/record-board/hooks/internal/useRecordBoardCardFieldsInternal.ts → packages/twenty-front/src/modules/object-record/record-board-deprecated/hooks/internal/useRecordBoardDeprecatedCardFieldsInternal.ts
View File

@ -2,23 +2,23 @@ import { useCallback } from 'react';
import { useRecoilCallback, useSetRecoilState } from 'recoil';
import { FieldMetadata } from '@/object-record/field/types/FieldMetadata';
import { RecordBoardScopeInternalContext } from '@/object-record/record-board/scopes/scope-internal-context/RecordBoardScopeInternalContext';
import { onFieldsChangeScopedState } from '@/object-record/record-board/states/onFieldsChangeScopedState';
import { recordBoardCardFieldsScopedState } from '@/object-record/record-board/states/recordBoardCardFieldsScopedState';
import { savedRecordBoardCardFieldsScopedState } from '@/object-record/record-board/states/savedRecordBoardCardFieldsScopedState';
import { BoardFieldDefinition } from '@/object-record/record-board/types/BoardFieldDefinition';
import { RecordBoardDeprecatedScopeInternalContext } from '@/object-record/record-board-deprecated/scopes/scope-internal-context/RecordBoardDeprecatedScopeInternalContext';
import { onFieldsChangeScopedState } from '@/object-record/record-board-deprecated/states/onFieldsChangeScopedState';
import { recordBoardCardFieldsScopedState } from '@/object-record/record-board-deprecated/states/recordBoardDeprecatedCardFieldsScopedState';
import { savedRecordBoardDeprecatedCardFieldsScopedState } from '@/object-record/record-board-deprecated/states/savedRecordBoardDeprecatedCardFieldsScopedState';
import { BoardFieldDefinition } from '@/object-record/record-board-deprecated/types/BoardFieldDefinition';
import { ColumnDefinition } from '@/object-record/record-table/types/ColumnDefinition';
import { useAvailableScopeIdOrThrow } from '@/ui/utilities/recoil-scope/scopes-internal/hooks/useAvailableScopeId';
type useRecordBoardCardFieldsInternalProps = {
type useRecordBoardDeprecatedCardFieldsInternalProps = {
recordBoardScopeId?: string;
};
export const useRecordBoardCardFieldsInternal = (
props?: useRecordBoardCardFieldsInternalProps,
export const useRecordBoardDeprecatedCardFieldsInternal = (
props?: useRecordBoardDeprecatedCardFieldsInternalProps,
) => {
const scopeId = useAvailableScopeIdOrThrow(
RecordBoardScopeInternalContext,
RecordBoardDeprecatedScopeInternalContext,
props?.recordBoardScopeId,
);
@ -27,7 +27,7 @@ export const useRecordBoardCardFieldsInternal = (
);
const setSavedBoardCardFields = useSetRecoilState(
savedRecordBoardCardFieldsScopedState({ scopeId }),
savedRecordBoardDeprecatedCardFieldsScopedState({ scopeId }),
);
const handleFieldVisibilityChange = useRecoilCallback(

4
packages/twenty-front/src/modules/object-record/record-board/hooks/internal/useRecordBoardColumnsInternal.ts → packages/twenty-front/src/modules/object-record/record-board-deprecated/hooks/internal/useRecordBoardDeprecatedColumnsInternal.ts
View File

@ -2,14 +2,14 @@ import { useRecoilState } from 'recoil';
import { CoreObjectNameSingular } from '@/object-metadata/types/CoreObjectNameSingular';
import { useUpdateOneRecord } from '@/object-record/hooks/useUpdateOneRecord';
import { useRecordBoardScopedStates } from '@/object-record/record-board/hooks/internal/useRecordBoardScopedStates';
import { useRecordBoardDeprecatedScopedStates } from '@/object-record/record-board-deprecated/hooks/internal/useRecordBoardDeprecatedScopedStates';
import { PipelineStep } from '@/pipeline/types/PipelineStep';
import { useMoveViewColumns } from '@/views/hooks/useMoveViewColumns';
import { BoardColumnDefinition } from '../../types/BoardColumnDefinition';
export const useBoardColumnsInternal = () => {
const { boardColumnsState } = useRecordBoardScopedStates();
const { boardColumnsState } = useRecordBoardDeprecatedScopedStates();
const [boardColumns, setBoardColumns] = useRecoilState(boardColumnsState);
const { handleColumnMove } = useMoveViewColumns();

7
packages/twenty-front/src/modules/object-record/record-board/hooks/internal/useRecordBoardContextMenuEntriesInternal.ts → packages/twenty-front/src/modules/object-record/record-board-deprecated/hooks/internal/useRecordBoardDeprecatedContextMenuEntriesInternal.ts
View File

@ -1,16 +1,17 @@
import { useCallback } from 'react';
import { useSetRecoilState } from 'recoil';
import { useDeleteSelectedRecordBoardCardsInternal } from '@/object-record/record-board/hooks/internal/useDeleteSelectedRecordBoardCardsInternal';
import { useDeleteSelectedRecordBoardDeprecatedCardsInternal } from '@/object-record/record-board-deprecated/hooks/internal/useDeleteSelectedRecordBoardDeprecatedCardsInternal';
import { IconTrash } from '@/ui/display/icon';
import { contextMenuEntriesState } from '@/ui/navigation/context-menu/states/contextMenuEntriesState';
export const useRecordBoardContextMenuEntriesInternal = () => {
export const useRecordBoardDeprecatedContextMenuEntriesInternal = () => {
const setContextMenuEntriesRecoil = useSetRecoilState(
contextMenuEntriesState,
);
const deleteSelectedBoardCards = useDeleteSelectedRecordBoardCardsInternal();
const deleteSelectedBoardCards =
useDeleteSelectedRecordBoardDeprecatedCardsInternal();
const setContextMenuEntries = useCallback(() => {
setContextMenuEntriesRecoil([

14
packages/twenty-front/src/modules/object-record/record-board/hooks/internal/useRecordBoardScopedStates.ts → packages/twenty-front/src/modules/object-record/record-board-deprecated/hooks/internal/useRecordBoardDeprecatedScopedStates.ts
View File

@ -1,18 +1,18 @@
import { RecordBoardScopeInternalContext } from '@/object-record/record-board/scopes/scope-internal-context/RecordBoardScopeInternalContext';
import { getRecordBoardScopedStates } from '@/object-record/record-board/utils/getRecordBoardScopedStates';
import { RecordBoardDeprecatedScopeInternalContext } from '@/object-record/record-board-deprecated/scopes/scope-internal-context/RecordBoardDeprecatedScopeInternalContext';
import { getRecordBoardDeprecatedScopedStates } from '@/object-record/record-board-deprecated/utils/getRecordBoardDeprecatedScopedStates';
import { useAvailableScopeIdOrThrow } from '@/ui/utilities/recoil-scope/scopes-internal/hooks/useAvailableScopeId';
type useRecordBoardScopedStatesProps = {
type useRecordBoardDeprecatedScopedStatesProps = {
recordBoardScopeId?: string;
};
export const useRecordBoardScopedStates = (
args?: useRecordBoardScopedStatesProps,
export const useRecordBoardDeprecatedScopedStates = (
args?: useRecordBoardDeprecatedScopedStatesProps,
) => {
const { recordBoardScopeId } = args ?? {};
const scopeId = useAvailableScopeIdOrThrow(
RecordBoardScopeInternalContext,
RecordBoardDeprecatedScopeInternalContext,
recordBoardScopeId,
);
@ -33,7 +33,7 @@ export const useRecordBoardScopedStates = (
savedCompaniesState,
savedOpportunitiesState,
savedPipelineStepsState,
} = getRecordBoardScopedStates({
} = getRecordBoardDeprecatedScopedStates({
recordBoardScopeId: scopeId,
});

6
packages/twenty-front/src/modules/object-record/record-board/hooks/internal/useRemoveRecordBoardCardIdsInternal.ts → packages/twenty-front/src/modules/object-record/record-board-deprecated/hooks/internal/useRemoveRecordBoardDeprecatedCardIdsInternal.ts
View File

@ -1,12 +1,12 @@
// Atlassian dnd does not support StrictMode from RN 18, so we use a fork @hello-pangea/dnd https://github.com/atlassian/react-beautiful-dnd/issues/2350
import { useRecoilCallback } from 'recoil';
import { useRecordBoardScopedStates } from '@/object-record/record-board/hooks/internal/useRecordBoardScopedStates';
import { useRecordBoardDeprecatedScopedStates } from '@/object-record/record-board-deprecated/hooks/internal/useRecordBoardDeprecatedScopedStates';
import { recordBoardCardIdsByColumnIdFamilyState } from '../../states/recordBoardCardIdsByColumnIdFamilyState';
export const useRemoveRecordBoardCardIdsInternal = () => {
const { boardColumnsState } = useRecordBoardScopedStates();
export const useRemoveRecordBoardDeprecatedCardIdsInternal = () => {
const { boardColumnsState } = useRecordBoardDeprecatedScopedStates();
return useRecoilCallback(
({ snapshot, set }) =>

16
packages/twenty-front/src/modules/object-record/record-board/hooks/internal/useSetRecordBoardCardSelectedInternal.ts → packages/twenty-front/src/modules/object-record/record-board-deprecated/hooks/internal/useSetRecordBoardDeprecatedCardSelectedInternal.ts
View File

@ -1,18 +1,18 @@
import { useRecoilCallback } from 'recoil';
import { useRecordBoardScopedStates } from '@/object-record/record-board/hooks/internal/useRecordBoardScopedStates';
import { RecordBoardScopeInternalContext } from '@/object-record/record-board/scopes/scope-internal-context/RecordBoardScopeInternalContext';
import { useRecordBoardDeprecatedScopedStates } from '@/object-record/record-board-deprecated/hooks/internal/useRecordBoardDeprecatedScopedStates';
import { RecordBoardDeprecatedScopeInternalContext } from '@/object-record/record-board-deprecated/scopes/scope-internal-context/RecordBoardDeprecatedScopeInternalContext';
import { actionBarOpenState } from '@/ui/navigation/action-bar/states/actionBarIsOpenState';
import { useAvailableScopeIdOrThrow } from '@/ui/utilities/recoil-scope/scopes-internal/hooks/useAvailableScopeId';
import { isRecordBoardCardSelectedFamilyState } from '../../states/isRecordBoardCardSelectedFamilyState';
import { isRecordBoardDeprecatedCardSelectedFamilyState } from '../../states/isRecordBoardDeprecatedCardSelectedFamilyState';
export const useSetRecordBoardCardSelectedInternal = (props: any) => {
export const useSetRecordBoardDeprecatedCardSelectedInternal = (props: any) => {
const scopeId = useAvailableScopeIdOrThrow(
RecordBoardScopeInternalContext,
RecordBoardDeprecatedScopeInternalContext,
props?.recordBoardScopeId,
);
const { activeCardIdsState } = useRecordBoardScopedStates({
const { activeCardIdsState } = useRecordBoardDeprecatedScopedStates({
recordBoardScopeId: scopeId,
});
@ -21,7 +21,7 @@ export const useSetRecordBoardCardSelectedInternal = (props: any) => {
(cardId: string, selected: boolean) => {
const activeCardIds = snapshot.getLoadable(activeCardIdsState).contents;
set(isRecordBoardCardSelectedFamilyState(cardId), selected);
set(isRecordBoardDeprecatedCardSelectedFamilyState(cardId), selected);
set(actionBarOpenState, selected || activeCardIds.length > 0);
if (selected) {
@ -42,7 +42,7 @@ export const useSetRecordBoardCardSelectedInternal = (props: any) => {
const activeCardIds = snapshot.getLoadable(activeCardIdsState).contents;
activeCardIds.forEach((cardId: string) => {
set(isRecordBoardCardSelectedFamilyState(cardId), false);
set(isRecordBoardDeprecatedCardSelectedFamilyState(cardId), false);
});
set(activeCardIdsState, []);

8
packages/twenty-front/src/modules/object-record/record-board/hooks/internal/useUpdateCompanyBoardColumnsInternal.ts → packages/twenty-front/src/modules/object-record/record-board-deprecated/hooks/internal/useUpdateCompanyBoardColumnsInternal.ts
View File

@ -1,9 +1,9 @@
import { useRecoilCallback } from 'recoil';
import { entityFieldsFamilyState } from '@/object-record/field/states/entityFieldsFamilyState';
import { useRecordBoardScopedStates } from '@/object-record/record-board/hooks/internal/useRecordBoardScopedStates';
import { recordBoardCardIdsByColumnIdFamilyState } from '@/object-record/record-board/states/recordBoardCardIdsByColumnIdFamilyState';
import { BoardColumnDefinition } from '@/object-record/record-board/types/BoardColumnDefinition';
import { useRecordBoardDeprecatedScopedStates } from '@/object-record/record-board-deprecated/hooks/internal/useRecordBoardDeprecatedScopedStates';
import { recordBoardCardIdsByColumnIdFamilyState } from '@/object-record/record-board-deprecated/states/recordBoardCardIdsByColumnIdFamilyState';
import { BoardColumnDefinition } from '@/object-record/record-board-deprecated/types/BoardColumnDefinition';
import { currentPipelineStepsState } from '@/pipeline/states/currentPipelineStepsState';
import { Opportunity } from '@/pipeline/types/Opportunity';
import { PipelineStep } from '@/pipeline/types/PipelineStep';
@ -19,7 +19,7 @@ import {
export const useUpdateCompanyBoardColumnsInternal = () => {
const { boardColumnsState, savedBoardColumnsState } =
useRecordBoardScopedStates();
useRecordBoardDeprecatedScopedStates();
return useRecoilCallback(
({ set, snapshot }) =>

16
packages/twenty-front/src/modules/object-record/record-board/hooks/useRecordBoard.ts → packages/twenty-front/src/modules/object-record/record-board-deprecated/hooks/useRecordBoardDeprecated.ts
View File

@ -1,22 +1,24 @@
import { useSetRecoilState } from 'recoil';
import { useCreateOpportunity } from '@/object-record/record-board/hooks/internal/useCreateOpportunity';
import { useRecordBoardScopedStates } from '@/object-record/record-board/hooks/internal/useRecordBoardScopedStates';
import { RecordBoardScopeInternalContext } from '@/object-record/record-board/scopes/scope-internal-context/RecordBoardScopeInternalContext';
import { useCreateOpportunity } from '@/object-record/record-board-deprecated/hooks/internal/useCreateOpportunity';
import { useRecordBoardDeprecatedScopedStates } from '@/object-record/record-board-deprecated/hooks/internal/useRecordBoardDeprecatedScopedStates';
import { RecordBoardDeprecatedScopeInternalContext } from '@/object-record/record-board-deprecated/scopes/scope-internal-context/RecordBoardDeprecatedScopeInternalContext';
import { useAvailableScopeIdOrThrow } from '@/ui/utilities/recoil-scope/scopes-internal/hooks/useAvailableScopeId';
type useRecordBoardProps = {
type useRecordBoardDeprecatedProps = {
recordBoardScopeId?: string;
};
export const useRecordBoard = (props?: useRecordBoardProps) => {
export const useRecordBoardDeprecated = (
props?: useRecordBoardDeprecatedProps,
) => {
const scopeId = useAvailableScopeIdOrThrow(
RecordBoardScopeInternalContext,
RecordBoardDeprecatedScopeInternalContext,
props?.recordBoardScopeId,
);
const { isBoardLoadedState, boardColumnsState, onFieldsChangeState } =
useRecordBoardScopedStates({
useRecordBoardDeprecatedScopedStates({
recordBoardScopeId: scopeId,
});
const setIsBoardLoaded = useSetRecoilState(isBoardLoadedState);

22
packages/twenty-front/src/modules/object-record/record-board/options/components/RecordBoardOptionsDropdown.tsx → packages/twenty-front/src/modules/object-record/record-board-deprecated/options/components/RecordBoardDeprecatedOptionsDropdown.tsx
View File

@ -1,32 +1,32 @@
import { BoardOptionsDropdownId } from '@/object-record/record-board/constants/BoardOptionsDropdownId';
import { BoardOptionsDropdownId } from '@/object-record/record-board-deprecated/constants/BoardOptionsDropdownId';
import { useViewBar } from '@/views/hooks/useViewBar';
import { Dropdown } from '../../../../ui/layout/dropdown/components/Dropdown';
import { BoardOptionsHotkeyScope } from '../../types/BoardOptionsHotkeyScope';
import { RecordBoardOptionsDropdownButton } from './RecordBoardOptionsDropdownButton';
import { RecordBoardDeprecatedOptionsDropdownButton } from './RecordBoardDeprecatedOptionsDropdownButton';
import {
RecordBoardOptionsDropdownContent,
RecordBoardOptionsDropdownContentProps,
} from './RecordBoardOptionsDropdownContent';
RecordBoardDeprecatedOptionsDropdownContent,
RecordBoardDeprecatedOptionsDropdownContentProps,
} from './RecordBoardDeprecatedOptionsDropdownContent';
type RecordBoardOptionsDropdownProps = Pick<
RecordBoardOptionsDropdownContentProps,
type RecordBoardDeprecatedOptionsDropdownProps = Pick<
RecordBoardDeprecatedOptionsDropdownContentProps,
'onStageAdd' | 'recordBoardId'
>;
export const RecordBoardOptionsDropdown = ({
export const RecordBoardDeprecatedOptionsDropdown = ({
onStageAdd,
recordBoardId,
}: RecordBoardOptionsDropdownProps) => {
}: RecordBoardDeprecatedOptionsDropdownProps) => {
const { setViewEditMode } = useViewBar();
return (
<Dropdown
dropdownId={BoardOptionsDropdownId}
clickableComponent={<RecordBoardOptionsDropdownButton />}
clickableComponent={<RecordBoardDeprecatedOptionsDropdownButton />}
dropdownComponents={
<RecordBoardOptionsDropdownContent
<RecordBoardDeprecatedOptionsDropdownContent
onStageAdd={onStageAdd}
recordBoardId={recordBoardId}
/>

4
packages/twenty-front/src/modules/object-record/record-board/options/components/RecordBoardOptionsDropdownButton.tsx → packages/twenty-front/src/modules/object-record/record-board-deprecated/options/components/RecordBoardDeprecatedOptionsDropdownButton.tsx
View File

@ -1,8 +1,8 @@
import { BoardOptionsDropdownId } from '@/object-record/record-board/constants/BoardOptionsDropdownId';
import { BoardOptionsDropdownId } from '@/object-record/record-board-deprecated/constants/BoardOptionsDropdownId';
import { StyledHeaderDropdownButton } from '@/ui/layout/dropdown/components/StyledHeaderDropdownButton';
import { useDropdown } from '@/ui/layout/dropdown/hooks/useDropdown';
export const RecordBoardOptionsDropdownButton = () => {
export const RecordBoardDeprecatedOptionsDropdownButton = () => {
const { isDropdownOpen, toggleDropdown } = useDropdown(
BoardOptionsDropdownId,
);

18
packages/twenty-front/src/modules/object-record/record-board/options/components/RecordBoardOptionsDropdownContent.tsx → packages/twenty-front/src/modules/object-record/record-board-deprecated/options/components/RecordBoardDeprecatedOptionsDropdownContent.tsx
View File

@ -4,8 +4,8 @@ import { useRecoilState, useRecoilValue } from 'recoil';
import { Key } from 'ts-key-enum';
import { v4 } from 'uuid';
import { BoardOptionsDropdownId } from '@/object-record/record-board/constants/BoardOptionsDropdownId';
import { useRecordBoardScopedStates } from '@/object-record/record-board/hooks/internal/useRecordBoardScopedStates';
import { BoardOptionsDropdownId } from '@/object-record/record-board-deprecated/constants/BoardOptionsDropdownId';
import { useRecordBoardDeprecatedScopedStates } from '@/object-record/record-board-deprecated/hooks/internal/useRecordBoardDeprecatedScopedStates';
import {
IconBaselineDensitySmall,
IconChevronLeft,
@ -27,21 +27,21 @@ import { ViewFieldsVisibilityDropdownSection } from '@/views/components/ViewFiel
import { useViewScopedStates } from '@/views/hooks/internal/useViewScopedStates';
import { useViewBar } from '@/views/hooks/useViewBar';
import { useRecordBoardCardFieldsInternal } from '../../hooks/internal/useRecordBoardCardFieldsInternal';
import { useRecordBoardDeprecatedCardFieldsInternal } from '../../hooks/internal/useRecordBoardDeprecatedCardFieldsInternal';
import { BoardColumnDefinition } from '../../types/BoardColumnDefinition';
import { BoardOptionsHotkeyScope } from '../../types/BoardOptionsHotkeyScope';
export type RecordBoardOptionsDropdownContentProps = {
export type RecordBoardDeprecatedOptionsDropdownContentProps = {
onStageAdd?: (boardColumn: BoardColumnDefinition) => void;
recordBoardId: string;
};
type BoardOptionsMenu = 'fields' | 'stage-creation' | 'stages';
export const RecordBoardOptionsDropdownContent = ({
export const RecordBoardDeprecatedOptionsDropdownContent = ({
onStageAdd,
recordBoardId,
}: RecordBoardOptionsDropdownContentProps) => {
}: RecordBoardDeprecatedOptionsDropdownContentProps) => {
const { setViewEditMode, handleViewNameSubmit } = useViewBar();
const { viewEditModeState, currentViewSelector } = useViewScopedStates();
@ -60,7 +60,9 @@ export const RecordBoardOptionsDropdownContent = ({
isCompactViewEnabledState,
hiddenBoardCardFieldsSelector,
visibleBoardCardFieldsSelector,
} = useRecordBoardScopedStates({ recordBoardScopeId: recordBoardId });
} = useRecordBoardDeprecatedScopedStates({
recordBoardScopeId: recordBoardId,
});
const [boardColumns, setBoardColumns] = useRecoilState(boardColumnsState);
const [isCompactViewEnabled, setIsCompactViewEnabled] = useRecoilState(
@ -99,7 +101,7 @@ export const RecordBoardOptionsDropdownContent = ({
};
const { handleFieldVisibilityChange, handleFieldsReorder } =
useRecordBoardCardFieldsInternal({
useRecordBoardDeprecatedCardFieldsInternal({
recordBoardScopeId: recordBoardId,
});

23
packages/twenty-front/src/modules/object-record/record-board-deprecated/scopes/RecordBoardDeprecatedScope.tsx Normal file
View File

@ -0,0 +1,23 @@
import { ReactNode } from 'react';
import { RecordBoardDeprecatedScopeInternalContext } from '@/object-record/record-board-deprecated/scopes/scope-internal-context/RecordBoardDeprecatedScopeInternalContext';
type RecordBoardDeprecatedScopeProps = {
children: ReactNode;
recordBoardScopeId: string;
};
export const RecordBoardDeprecatedScope = ({
children,
recordBoardScopeId,
}: RecordBoardDeprecatedScopeProps) => {
return (
<RecordBoardDeprecatedScopeInternalContext.Provider
value={{
scopeId: recordBoardScopeId,
}}
>
{children}
</RecordBoardDeprecatedScopeInternalContext.Provider>
);
};

6
packages/twenty-front/src/modules/object-record/record-board/scopes/scope-internal-context/RecordBoardScopeInternalContext.ts → packages/twenty-front/src/modules/object-record/record-board-deprecated/scopes/scope-internal-context/RecordBoardDeprecatedScopeInternalContext.ts
View File

@ -1,7 +1,7 @@
import { StateScopeMapKey } from '@/ui/utilities/recoil-scope/scopes-internal/types/StateScopeMapKey';
import { createScopeInternalContext } from '@/ui/utilities/recoil-scope/scopes-internal/utils/createScopeInternalContext';
type RecordBoardScopeInternalContextProps = StateScopeMapKey;
type RecordBoardDeprecatedScopeInternalContextProps = StateScopeMapKey;
export const RecordBoardScopeInternalContext =
createScopeInternalContext<RecordBoardScopeInternalContextProps>();
export const RecordBoardDeprecatedScopeInternalContext =
createScopeInternalContext<RecordBoardDeprecatedScopeInternalContextProps>();

7
packages/twenty-front/src/modules/object-record/record-board-deprecated/states/activeRecordBoardDeprecatedCardIdsScopedState.ts Normal file
View File

@ -0,0 +1,7 @@
import { createStateScopeMap } from '@/ui/utilities/recoil-scope/utils/createStateScopeMap';
export const activeRecordBoardDeprecatedCardIdsScopedState =
createStateScopeMap<string[]>({
key: 'activeRecordBoardDeprecatedCardIdsScopedState',
defaultValue: [],
});

11
packages/twenty-front/src/modules/object-record/record-board/states/availableRecordBoardCardFieldsScopedState.ts → packages/twenty-front/src/modules/object-record/record-board-deprecated/states/availableRecordBoardDeprecatedCardFieldsScopedState.ts
View File

@ -3,9 +3,8 @@ import { createStateScopeMap } from '@/ui/utilities/recoil-scope/utils/createSta
import { BoardFieldDefinition } from '../types/BoardFieldDefinition';
export const availableRecordBoardCardFieldsScopedState = createStateScopeMap<
BoardFieldDefinition<FieldMetadata>[]
>({
key: 'availableRecordBoardCardFieldsScopedState',
defaultValue: [],
});
export const availableRecordBoardDeprecatedCardFieldsScopedState =
createStateScopeMap<BoardFieldDefinition<FieldMetadata>[]>({
key: 'availableRecordBoardDeprecatedCardFieldsScopedState',
defaultValue: [],
});

0
packages/twenty-front/src/modules/object-record/record-board/states/isCompactViewEnabledScopedState.ts → packages/twenty-front/src/modules/object-record/record-board-deprecated/states/isCompactViewEnabledScopedState.ts
View File

9
packages/twenty-front/src/modules/object-record/record-board-deprecated/states/isRecordBoardDeprecatedCardInCompactViewFamilyState.ts Normal file
View File

@ -0,0 +1,9 @@
import { atomFamily } from 'recoil';
export const isRecordBoardDeprecatedCardInCompactViewFamilyState = atomFamily<
boolean,
string
>({
key: 'isRecordBoardDeprecatedCardInCompactViewFamilyState',
default: true,
});

9
packages/twenty-front/src/modules/object-record/record-board-deprecated/states/isRecordBoardDeprecatedCardSelectedFamilyState.ts Normal file
View File

@ -0,0 +1,9 @@
import { atomFamily } from 'recoil';
export const isRecordBoardDeprecatedCardSelectedFamilyState = atomFamily<
boolean,
string
>({
key: 'isRecordBoardDeprecatedCardSelectedFamilyState',
default: false,
});

7
packages/twenty-front/src/modules/object-record/record-board-deprecated/states/isRecordBoardDeprecatedLoadedScopedState.ts Normal file
View File

@ -0,0 +1,7 @@
import { createStateScopeMap } from '@/ui/utilities/recoil-scope/utils/createStateScopeMap';
export const isRecordBoardDeprecatedLoadedScopedState =
createStateScopeMap<boolean>({
key: 'isRecordBoardDeprecatedLoadedScopedState',
defaultValue: false,
});

2
packages/twenty-front/src/modules/object-record/record-board/states/onFieldsChangeScopedState.ts → packages/twenty-front/src/modules/object-record/record-board-deprecated/states/onFieldsChangeScopedState.ts
View File

@ -1,5 +1,5 @@
import { FieldMetadata } from '@/object-record/field/types/FieldMetadata';
import { BoardFieldDefinition } from '@/object-record/record-board/types/BoardFieldDefinition';
import { BoardFieldDefinition } from '@/object-record/record-board-deprecated/types/BoardFieldDefinition';
import { createStateScopeMap } from '@/ui/utilities/recoil-scope/utils/createStateScopeMap';
export const onFieldsChangeScopedState = createStateScopeMap<

0
packages/twenty-front/src/modules/object-record/record-board/states/recordBoardCardIdsByColumnIdFamilyState.ts → packages/twenty-front/src/modules/object-record/record-board-deprecated/states/recordBoardCardIdsByColumnIdFamilyState.ts
View File

2
packages/twenty-front/src/modules/object-record/record-board/states/recordBoardColumnsScopedState.ts → packages/twenty-front/src/modules/object-record/record-board-deprecated/states/recordBoardColumnsScopedState.ts
View File

@ -1,4 +1,4 @@
import { BoardColumnDefinition } from '@/object-record/record-board/types/BoardColumnDefinition';
import { BoardColumnDefinition } from '@/object-record/record-board-deprecated/types/BoardColumnDefinition';
import { createStateScopeMap } from '@/ui/utilities/recoil-scope/utils/createStateScopeMap';
export const recordBoardColumnsScopedState = createStateScopeMap<

0
packages/twenty-front/src/modules/object-record/record-board/states/recordBoardCardFieldsScopedState.ts → packages/twenty-front/src/modules/object-record/record-board-deprecated/states/recordBoardDeprecatedCardFieldsScopedState.ts
View File

0
packages/twenty-front/src/modules/object-record/record-board/states/recordBoardFiltersScopedState.ts → packages/twenty-front/src/modules/object-record/record-board-deprecated/states/recordBoardDeprecatedFiltersScopedState.ts
View File

0
packages/twenty-front/src/modules/object-record/record-board/states/recordBoardSortsScopedState.ts → packages/twenty-front/src/modules/object-record/record-board-deprecated/states/recordBoardDeprecatedSortsScopedState.ts
View File

0
packages/twenty-front/src/modules/object-record/record-board/states/savedOpportunitiesScopedState.ts → packages/twenty-front/src/modules/object-record/record-board-deprecated/states/savedOpportunitiesScopedState.ts
View File

0
packages/twenty-front/src/modules/object-record/record-board/states/savedPipelineStepsScopedState.ts → packages/twenty-front/src/modules/object-record/record-board-deprecated/states/savedPipelineStepsScopedState.ts
View File

11
packages/twenty-front/src/modules/object-record/record-board/states/savedRecordBoardCardFieldsScopedState.ts → packages/twenty-front/src/modules/object-record/record-board-deprecated/states/savedRecordBoardDeprecatedCardFieldsScopedState.ts
View File

@ -3,9 +3,8 @@ import { createStateScopeMap } from '@/ui/utilities/recoil-scope/utils/createSta
import { BoardFieldDefinition } from '../types/BoardFieldDefinition';
export const savedRecordBoardCardFieldsScopedState = createStateScopeMap<
BoardFieldDefinition<FieldMetadata>[]
>({
key: 'savedRecordBoardCardFieldsScopedState',
defaultValue: [],
});
export const savedRecordBoardDeprecatedCardFieldsScopedState =
createStateScopeMap<BoardFieldDefinition<FieldMetadata>[]>({
key: 'savedRecordBoardDeprecatedCardFieldsScopedState',
defaultValue: [],
});

4
packages/twenty-front/src/modules/object-record/record-board/states/savedRecordBoardColumnsScopedState.ts → packages/twenty-front/src/modules/object-record/record-board-deprecated/states/savedRecordBoardDeprecatedColumnsScopedState.ts
View File

@ -2,9 +2,9 @@ import { createStateScopeMap } from '@/ui/utilities/recoil-scope/utils/createSta
import { BoardColumnDefinition } from '../types/BoardColumnDefinition';
export const savedRecordBoardColumnsScopedState = createStateScopeMap<
export const savedRecordBoardDeprecatedColumnsScopedState = createStateScopeMap<
BoardColumnDefinition[]
>({
key: 'savedRecordBoardColumnsScopedState',
key: 'savedRecordBoardDeprecatedColumnsScopedState',
defaultValue: [],
});

0
packages/twenty-front/src/modules/object-record/record-board/states/savedRecordsScopedState.ts → packages/twenty-front/src/modules/object-record/record-board-deprecated/states/savedRecordsScopedState.ts
View File

15
packages/twenty-front/src/modules/object-record/record-board/states/selectors/hiddenRecordBoardCardFieldsScopedSelector.ts → packages/twenty-front/src/modules/object-record/record-board-deprecated/states/selectors/hiddenRecordBoardDeprecatedCardFieldsScopedSelector.ts
View File

@ -1,11 +1,11 @@
import { createSelectorScopeMap } from '@/ui/utilities/recoil-scope/utils/createSelectorScopeMap';
import { availableRecordBoardCardFieldsScopedState } from '../availableRecordBoardCardFieldsScopedState';
import { recordBoardCardFieldsScopedState } from '../recordBoardCardFieldsScopedState';
import { availableRecordBoardDeprecatedCardFieldsScopedState } from '../availableRecordBoardDeprecatedCardFieldsScopedState';
import { recordBoardCardFieldsScopedState } from '../recordBoardDeprecatedCardFieldsScopedState';
export const hiddenRecordBoardCardFieldsScopedSelector = createSelectorScopeMap(
{
key: 'hiddenRecordBoardCardFieldsScopedSelector',
export const hiddenRecordBoardDeprecatedCardFieldsScopedSelector =
createSelectorScopeMap({
key: 'hiddenRecordBoardDeprecatedCardFieldsScopedSelector',
get:
({ scopeId }) =>
({ get }) => {
@ -13,7 +13,7 @@ export const hiddenRecordBoardCardFieldsScopedSelector = createSelectorScopeMap(
const fieldKeys = fields.map(({ fieldMetadataId }) => fieldMetadataId);
const otherAvailableKeys = get(
availableRecordBoardCardFieldsScopedState({ scopeId }),
availableRecordBoardDeprecatedCardFieldsScopedState({ scopeId }),
).filter(({ fieldMetadataId }) => !fieldKeys.includes(fieldMetadataId));
return [
@ -21,5 +21,4 @@ export const hiddenRecordBoardCardFieldsScopedSelector = createSelectorScopeMap(
...otherAvailableKeys,
];
},
},
);
});

2
packages/twenty-front/src/modules/object-record/record-board/states/selectors/recordBoardCardFieldsByKeyScopedSelector.ts → packages/twenty-front/src/modules/object-record/record-board-deprecated/states/selectors/recordBoardDeprecatedCardFieldsByKeyScopedSelector.ts
View File

@ -3,7 +3,7 @@ import { selectorFamily } from 'recoil';
import { FieldMetadata } from '@/object-record/field/types/FieldMetadata';
import { BoardFieldDefinition } from '../../types/BoardFieldDefinition';
import { recordBoardCardFieldsScopedState } from '../recordBoardCardFieldsScopedState';
import { recordBoardCardFieldsScopedState } from '../recordBoardDeprecatedCardFieldsScopedState';
export const recordBoardCardFieldsByKeyScopedSelector = selectorFamily({
key: 'recordBoardCardFieldsByKeyScopedSelector',

0
packages/twenty-front/src/modules/object-record/record-board/states/selectors/recordBoardColumnTotalsFamilySelector.ts → packages/twenty-front/src/modules/object-record/record-board-deprecated/states/selectors/recordBoardDeprecatedColumnTotalsFamilySelector.ts
View File

27
packages/twenty-front/src/modules/object-record/record-board-deprecated/states/selectors/selectedRecordBoardDeprecatedCardIdsScopedSelector.ts Normal file
View File

@ -0,0 +1,27 @@
import { createSelectorScopeMap } from '@/ui/utilities/recoil-scope/utils/createSelectorScopeMap';
import { isRecordBoardDeprecatedCardSelectedFamilyState } from '../isRecordBoardDeprecatedCardSelectedFamilyState';
import { recordBoardCardIdsByColumnIdFamilyState } from '../recordBoardCardIdsByColumnIdFamilyState';
import { recordBoardColumnsScopedState } from '../recordBoardColumnsScopedState';
export const selectedRecordBoardDeprecatedCardIdsScopedSelector =
createSelectorScopeMap<string[]>({
key: 'selectedRecordBoardDeprecatedCardIdsScopedSelector',
get:
({ scopeId }) =>
({ get }) => {
const boardColumns = get(recordBoardColumnsScopedState({ scopeId }));
const cardIds = boardColumns.flatMap((boardColumn) =>
get(recordBoardCardIdsByColumnIdFamilyState(boardColumn.id)),
);
const selectedCardIds = cardIds.filter(
(cardId) =>
get(isRecordBoardDeprecatedCardSelectedFamilyState(cardId)) ===
true,
);
return selectedCardIds;
},
});

6
packages/twenty-front/src/modules/object-record/record-board/states/selectors/visibleRecordBoardCardFieldsScopedSelector.ts → packages/twenty-front/src/modules/object-record/record-board-deprecated/states/selectors/visibleRecordBoardDeprecatedCardFieldsScopedSelector.ts
View File

@ -1,10 +1,10 @@
import { createSelectorScopeMap } from '@/ui/utilities/recoil-scope/utils/createSelectorScopeMap';
import { recordBoardCardFieldsScopedState } from '../recordBoardCardFieldsScopedState';
import { recordBoardCardFieldsScopedState } from '../recordBoardDeprecatedCardFieldsScopedState';
export const visibleRecordBoardCardFieldsScopedSelector =
export const visibleRecordBoardDeprecatedCardFieldsScopedSelector =
createSelectorScopeMap({
key: 'visibleRecordBoardCardFieldsScopedSelector',
key: 'visibleRecordBoardDeprecatedCardFieldsScopedSelector',
get:
({ scopeId }) =>
({ get }) =>

0
packages/twenty-front/src/modules/object-record/record-board/types/BoardColumnDefinition.ts → packages/twenty-front/src/modules/object-record/record-board-deprecated/types/BoardColumnDefinition.ts
View File

0
packages/twenty-front/src/modules/object-record/record-board/types/BoardColumnHotkeyScope.ts → packages/twenty-front/src/modules/object-record/record-board-deprecated/types/BoardColumnHotkeyScope.ts
View File

0
packages/twenty-front/src/modules/object-record/record-board/types/BoardFieldDefinition.ts → packages/twenty-front/src/modules/object-record/record-board-deprecated/types/BoardFieldDefinition.ts
View File

0
packages/twenty-front/src/modules/object-record/record-board/types/BoardOptions.ts → packages/twenty-front/src/modules/object-record/record-board-deprecated/types/BoardOptions.ts
View File

0
packages/twenty-front/src/modules/object-record/record-board/types/BoardOptionsHotkeyScope.ts → packages/twenty-front/src/modules/object-record/record-board-deprecated/types/BoardOptionsHotkeyScope.ts
View File

0
packages/twenty-front/src/modules/object-record/record-board/types/ColumnHotkeyScope.ts → packages/twenty-front/src/modules/object-record/record-board-deprecated/types/ColumnHotkeyScope.ts
View File

53
packages/twenty-front/src/modules/object-record/record-board/utils/getRecordBoardScopedStates.ts → packages/twenty-front/src/modules/object-record/record-board-deprecated/utils/getRecordBoardDeprecatedScopedStates.ts
View File

@ -1,33 +1,33 @@
import { activeRecordBoardCardIdsScopedState } from '@/object-record/record-board/states/activeRecordBoardCardIdsScopedState';
import { availableRecordBoardCardFieldsScopedState } from '@/object-record/record-board/states/availableRecordBoardCardFieldsScopedState';
import { isCompactViewEnabledScopedState } from '@/object-record/record-board/states/isCompactViewEnabledScopedState';
import { isRecordBoardLoadedScopedState } from '@/object-record/record-board/states/isRecordBoardLoadedScopedState';
import { onFieldsChangeScopedState } from '@/object-record/record-board/states/onFieldsChangeScopedState';
import { recordBoardColumnsScopedState } from '@/object-record/record-board/states/recordBoardColumnsScopedState';
import { recordBoardFiltersScopedState } from '@/object-record/record-board/states/recordBoardFiltersScopedState';
import { recordBoardSortsScopedState } from '@/object-record/record-board/states/recordBoardSortsScopedState';
import { savedOpportunitiesScopedState } from '@/object-record/record-board/states/savedOpportunitiesScopedState';
import { savedPipelineStepsScopedState } from '@/object-record/record-board/states/savedPipelineStepsScopedState';
import { savedRecordBoardColumnsScopedState } from '@/object-record/record-board/states/savedRecordBoardColumnsScopedState';
import { savedRecordsScopedState } from '@/object-record/record-board/states/savedRecordsScopedState';
import { hiddenRecordBoardCardFieldsScopedSelector } from '@/object-record/record-board/states/selectors/hiddenRecordBoardCardFieldsScopedSelector';
import { recordBoardCardFieldsByKeyScopedSelector } from '@/object-record/record-board/states/selectors/recordBoardCardFieldsByKeyScopedSelector';
import { selectedRecordBoardCardIdsScopedSelector } from '@/object-record/record-board/states/selectors/selectedRecordBoardCardIdsScopedSelector';
import { visibleRecordBoardCardFieldsScopedSelector } from '@/object-record/record-board/states/selectors/visibleRecordBoardCardFieldsScopedSelector';
import { activeRecordBoardDeprecatedCardIdsScopedState } from '@/object-record/record-board-deprecated/states/activeRecordBoardDeprecatedCardIdsScopedState';
import { availableRecordBoardDeprecatedCardFieldsScopedState } from '@/object-record/record-board-deprecated/states/availableRecordBoardDeprecatedCardFieldsScopedState';
import { isCompactViewEnabledScopedState } from '@/object-record/record-board-deprecated/states/isCompactViewEnabledScopedState';
import { isRecordBoardDeprecatedLoadedScopedState } from '@/object-record/record-board-deprecated/states/isRecordBoardDeprecatedLoadedScopedState';
import { onFieldsChangeScopedState } from '@/object-record/record-board-deprecated/states/onFieldsChangeScopedState';
import { recordBoardColumnsScopedState } from '@/object-record/record-board-deprecated/states/recordBoardColumnsScopedState';
import { recordBoardFiltersScopedState } from '@/object-record/record-board-deprecated/states/recordBoardDeprecatedFiltersScopedState';
import { recordBoardSortsScopedState } from '@/object-record/record-board-deprecated/states/recordBoardDeprecatedSortsScopedState';
import { savedOpportunitiesScopedState } from '@/object-record/record-board-deprecated/states/savedOpportunitiesScopedState';
import { savedPipelineStepsScopedState } from '@/object-record/record-board-deprecated/states/savedPipelineStepsScopedState';
import { savedRecordBoardDeprecatedColumnsScopedState } from '@/object-record/record-board-deprecated/states/savedRecordBoardDeprecatedColumnsScopedState';
import { savedRecordsScopedState } from '@/object-record/record-board-deprecated/states/savedRecordsScopedState';
import { hiddenRecordBoardDeprecatedCardFieldsScopedSelector } from '@/object-record/record-board-deprecated/states/selectors/hiddenRecordBoardDeprecatedCardFieldsScopedSelector';
import { recordBoardCardFieldsByKeyScopedSelector } from '@/object-record/record-board-deprecated/states/selectors/recordBoardDeprecatedCardFieldsByKeyScopedSelector';
import { selectedRecordBoardDeprecatedCardIdsScopedSelector } from '@/object-record/record-board-deprecated/states/selectors/selectedRecordBoardDeprecatedCardIdsScopedSelector';
import { visibleRecordBoardDeprecatedCardFieldsScopedSelector } from '@/object-record/record-board-deprecated/states/selectors/visibleRecordBoardDeprecatedCardFieldsScopedSelector';
import { getScopedStateDeprecated } from '@/ui/utilities/recoil-scope/utils/getScopedStateDeprecated';
export const getRecordBoardScopedStates = ({
export const getRecordBoardDeprecatedScopedStates = ({
recordBoardScopeId,
}: {
recordBoardScopeId: string;
}) => {
const activeCardIdsState = getScopedStateDeprecated(
activeRecordBoardCardIdsScopedState,
activeRecordBoardDeprecatedCardIdsScopedState,
recordBoardScopeId,
);
const availableBoardCardFieldsState = getScopedStateDeprecated(
availableRecordBoardCardFieldsScopedState,
availableRecordBoardDeprecatedCardFieldsScopedState,
recordBoardScopeId,
);
@ -37,7 +37,7 @@ export const getRecordBoardScopedStates = ({
);
const isBoardLoadedState = getScopedStateDeprecated(
isRecordBoardLoadedScopedState,
isRecordBoardDeprecatedLoadedScopedState,
recordBoardScopeId,
);
@ -47,7 +47,7 @@ export const getRecordBoardScopedStates = ({
);
const savedBoardColumnsState = getScopedStateDeprecated(
savedRecordBoardColumnsScopedState,
savedRecordBoardDeprecatedColumnsScopedState,
recordBoardScopeId,
);
@ -86,16 +86,17 @@ export const getRecordBoardScopedStates = ({
recordBoardCardFieldsByKeyScopedSelector(recordBoardScopeId);
const hiddenBoardCardFieldsSelector =
hiddenRecordBoardCardFieldsScopedSelector({
hiddenRecordBoardDeprecatedCardFieldsScopedSelector({
scopeId: recordBoardScopeId,
});
const selectedCardIdsSelector = selectedRecordBoardCardIdsScopedSelector({
scopeId: recordBoardScopeId,
});
const selectedCardIdsSelector =
selectedRecordBoardDeprecatedCardIdsScopedSelector({
scopeId: recordBoardScopeId,
});
const visibleBoardCardFieldsSelector =
visibleRecordBoardCardFieldsScopedSelector({
visibleRecordBoardDeprecatedCardFieldsScopedSelector({
scopeId: recordBoardScopeId,
});

10
packages/twenty-front/src/modules/object-record/record-board/context-menu/components/RecordBoardContextMenu.tsx
View File

@ -1,10 +0,0 @@
import { useRecoilValue } from 'recoil';
import { useRecordBoardScopedStates } from '@/object-record/record-board/hooks/internal/useRecordBoardScopedStates';
import { ContextMenu } from '@/ui/navigation/context-menu/components/ContextMenu';
export const RecordBoardContextMenu = () => {
const { selectedCardIdsSelector } = useRecordBoardScopedStates();
const selectedCardIds = useRecoilValue(selectedCardIdsSelector);
return <ContextMenu selectedIds={selectedCardIds}></ContextMenu>;
};

23
packages/twenty-front/src/modules/object-record/record-board/scopes/RecordBoardScope.tsx
View File

@ -1,23 +0,0 @@
import { ReactNode } from 'react';
import { RecordBoardScopeInternalContext } from '@/object-record/record-board/scopes/scope-internal-context/RecordBoardScopeInternalContext';
type RecordBoardScopeProps = {
children: ReactNode;
recordBoardScopeId: string;
};
export const RecordBoardScope = ({
children,
recordBoardScopeId,
}: RecordBoardScopeProps) => {
return (
<RecordBoardScopeInternalContext.Provider
value={{
scopeId: recordBoardScopeId,
}}
>
{children}
</RecordBoardScopeInternalContext.Provider>
);
};

8
packages/twenty-front/src/modules/object-record/record-board/states/activeRecordBoardCardIdsScopedState.ts
View File

@ -1,8 +0,0 @@
import { createStateScopeMap } from '@/ui/utilities/recoil-scope/utils/createStateScopeMap';
export const activeRecordBoardCardIdsScopedState = createStateScopeMap<
string[]
>({
key: 'activeRecordBoardCardIdsScopedState',
defaultValue: [],
});

9
packages/twenty-front/src/modules/object-record/record-board/states/isRecordBoardCardInCompactViewFamilyState.ts
View File

@ -1,9 +0,0 @@
import { atomFamily } from 'recoil';
export const isRecordBoardCardInCompactViewFamilyState = atomFamily<
boolean,
string
>({
key: 'isRecordBoardCardInCompactViewFamilyState',
default: true,
});

8
packages/twenty-front/src/modules/object-record/record-board/states/isRecordBoardCardSelectedFamilyState.ts
View File

@ -1,8 +0,0 @@
import { atomFamily } from 'recoil';
export const isRecordBoardCardSelectedFamilyState = atomFamily<boolean, string>(
{
key: 'isRecordBoardCardSelectedFamilyState',
default: false,
},
);

6
packages/twenty-front/src/modules/object-record/record-board/states/isRecordBoardLoadedScopedState.ts
View File

@ -1,6 +0,0 @@
import { createStateScopeMap } from '@/ui/utilities/recoil-scope/utils/createStateScopeMap';
export const isRecordBoardLoadedScopedState = createStateScopeMap<boolean>({
key: 'isRecordBoardLoadedScopedState',
defaultValue: false,
});

26
packages/twenty-front/src/modules/object-record/record-board/states/selectors/selectedRecordBoardCardIdsScopedSelector.ts
View File

@ -1,26 +0,0 @@
import { createSelectorScopeMap } from '@/ui/utilities/recoil-scope/utils/createSelectorScopeMap';
import { isRecordBoardCardSelectedFamilyState } from '../isRecordBoardCardSelectedFamilyState';
import { recordBoardCardIdsByColumnIdFamilyState } from '../recordBoardCardIdsByColumnIdFamilyState';
import { recordBoardColumnsScopedState } from '../recordBoardColumnsScopedState';
export const selectedRecordBoardCardIdsScopedSelector = createSelectorScopeMap<
string[]
>({
key: 'selectedRecordBoardCardIdsScopedSelector',
get:
({ scopeId }) =>
({ get }) => {
const boardColumns = get(recordBoardColumnsScopedState({ scopeId }));
const cardIds = boardColumns.flatMap((boardColumn) =>
get(recordBoardCardIdsByColumnIdFamilyState(boardColumn.id)),
);
const selectedCardIds = cardIds.filter(
(cardId) => get(isRecordBoardCardSelectedFamilyState(cardId)) === true,
);
return selectedCardIds;
},
});

2
packages/twenty-front/src/modules/pipeline/components/PipelineAddButton.tsx
View File

@ -1,5 +1,5 @@
import { OpportunityPicker } from '@/companies/components/OpportunityPicker';
import { useCreateOpportunity } from '@/object-record/record-board/hooks/internal/useCreateOpportunity';
import { useCreateOpportunity } from '@/object-record/record-board-deprecated/hooks/internal/useCreateOpportunity';
import { EntityForSelect } from '@/object-record/relation-picker/types/EntityForSelect';
import { RelationPickerHotkeyScope } from '@/object-record/relation-picker/types/RelationPickerHotkeyScope';
import { PageHotkeyScope } from '@/types/PageHotkeyScope';

2
packages/twenty-front/src/modules/pipeline/hooks/__tests__/usePipelineSteps.test.tsx
View File

@ -4,7 +4,7 @@ import { MockedProvider } from '@apollo/client/testing';
import { renderHook } from '@testing-library/react';
import { RecoilRoot, useSetRecoilState } from 'recoil';
import { BoardColumnDefinition } from '@/object-record/record-board/types/BoardColumnDefinition';
import { BoardColumnDefinition } from '@/object-record/record-board-deprecated/types/BoardColumnDefinition';
import { currentPipelineState } from '@/pipeline/states/currentPipelineState';
import {

2
packages/twenty-front/src/modules/pipeline/hooks/usePipelineSteps.ts
View File

@ -3,7 +3,7 @@ import { useRecoilCallback } from 'recoil';
import { CoreObjectNameSingular } from '@/object-metadata/types/CoreObjectNameSingular';
import { useCreateOneRecord } from '@/object-record/hooks/useCreateOneRecord';
import { useDeleteOneRecord } from '@/object-record/hooks/useDeleteOneRecord';
import { BoardColumnDefinition } from '@/object-record/record-board/types/BoardColumnDefinition';
import { BoardColumnDefinition } from '@/object-record/record-board-deprecated/types/BoardColumnDefinition';
import { currentPipelineState } from '@/pipeline/states/currentPipelineState';
import { PipelineStep } from '@/pipeline/types/PipelineStep';

2
packages/twenty-front/src/modules/views/types/ViewField.ts
View File

@ -1,5 +1,5 @@
import { FieldMetadata } from '@/object-record/field/types/FieldMetadata';
import { BoardFieldDefinition } from '@/object-record/record-board/types/BoardFieldDefinition';
import { BoardFieldDefinition } from '@/object-record/record-board-deprecated/types/BoardFieldDefinition';
import { ColumnDefinition } from '@/object-record/record-table/types/ColumnDefinition';
export type ViewField = {

2
packages/twenty-front/src/modules/views/utils/__tests__/viewMapFunctions.test.ts
View File

@ -1,7 +1,7 @@
import { FieldMetadata } from '@/object-record/field/types/FieldMetadata';
import { Filter } from '@/object-record/object-filter-dropdown/types/Filter';
import { Sort } from '@/object-record/object-sort-dropdown/types/Sort';
import { BoardFieldDefinition } from '@/object-record/record-board/types/BoardFieldDefinition';
import { BoardFieldDefinition } from '@/object-record/record-board-deprecated/types/BoardFieldDefinition';
import { ColumnDefinition } from '@/object-record/record-table/types/ColumnDefinition';
import { ViewField } from '@/views/types/ViewField';
import { ViewFilter } from '@/views/types/ViewFilter';

2
packages/twenty-front/src/modules/views/utils/mapViewFieldsToBoardFieldDefinitions.ts
View File

@ -1,5 +1,5 @@
import { FieldMetadata } from '@/object-record/field/types/FieldMetadata';
import { BoardFieldDefinition } from '@/object-record/record-board/types/BoardFieldDefinition';
import { BoardFieldDefinition } from '@/object-record/record-board-deprecated/types/BoardFieldDefinition';
import { assertNotNull } from '~/utils/assert';
import { ViewField } from '../types/ViewField';

2
packages/twenty-front/src/pages/opportunities/opportunitiesBoardOptions.tsx
View File

@ -1,6 +1,6 @@
import { CompanyBoardCard } from '@/companies/components/CompanyBoardCard';
import { NewOpportunityButton } from '@/companies/components/NewOpportunityButton';
import { BoardOptions } from '@/object-record/record-board/types/BoardOptions';
import { BoardOptions } from '@/object-record/record-board-deprecated/types/BoardOptions';
import { RecoilScope } from '@/ui/utilities/recoil-scope/components/RecoilScope';
export const opportunitiesBoardOptions: BoardOptions = {