Create board fields reorder (#2639)

* wip

* fields reorder works but fields are not yet persisted

* fields are persisted

* modify according to comments

front/src/modules/companies/board/components/CompanyBoard.tsx

@@ -1,6 +1,7 @@
 import styled from '@emotion/styled';
 
 import { BoardContext } from '@/companies/states/contexts/BoardContext';
+import { mapBoardFieldDefinitionsToViewFields } from '@/companies/utils/mapBoardFieldDefinitionsToViewFields';
 import { BoardOptionsDropdown } from '@/ui/layout/board/components/BoardOptionsDropdown';
 import { BoardOptionsDropdownId } from '@/ui/layout/board/components/constants/BoardOptionsDropdownId';
 import {
@@ -10,6 +11,7 @@ import {
 import { EntityBoardActionBar } from '@/ui/layout/board/components/EntityBoardActionBar';
 import { EntityBoardContextMenu } from '@/ui/layout/board/components/EntityBoardContextMenu';
 import { ViewBar } from '@/views/components/ViewBar';
+import { useViewFields } from '@/views/hooks/internal/useViewFields';
 import { ViewScope } from '@/views/scopes/ViewScope';
 import { opportunitiesBoardOptions } from '~/pages/opportunities/opportunitiesBoardOptions';
 
@@ -36,6 +38,8 @@ export const CompanyBoard = ({
 }: CompanyBoardProps) => {
   const viewScopeId = 'company-board-view';
 
+  const { persistViewFields } = useViewFields(viewScopeId);
+
   return (
     <ViewScope
       viewScopeId={viewScopeId}
@@ -47,6 +51,9 @@ export const CompanyBoard = ({
         <BoardContext.Provider
           value={{
             BoardRecoilScopeContext: CompanyBoardRecoilScopeContext,
+            onFieldsChange: (fields) => {
+              persistViewFields(mapBoardFieldDefinitionsToViewFields(fields));
+            },
           }}
         >
           <ViewBar

front/src/modules/companies/states/contexts/BoardContext.ts

@@ -1,9 +1,13 @@
 import { createContext } from 'react';
 
 import { RecoilScopeContext } from '@/types/RecoilScopeContext';
+import { BoardFieldDefinition } from '@/ui/layout/board/types/BoardFieldDefinition';
+import { FieldMetadata } from '@/ui/object/field/types/FieldMetadata';
 
 export const BoardContext = createContext<{
   BoardRecoilScopeContext: RecoilScopeContext;
+  onFieldsChange: (fields: BoardFieldDefinition<FieldMetadata>[]) => void;
 }>({
   BoardRecoilScopeContext: createContext<string | null>(null),
+  onFieldsChange: () => {},
 });

front/src/modules/companies/utils/mapBoardFieldDefinitionsToViewFields.ts

@@ -0,0 +1,18 @@
+import { BoardFieldDefinition } from '@/ui/layout/board/types/BoardFieldDefinition';
+import { FieldMetadata } from '@/ui/object/field/types/FieldMetadata';
+import { ViewField } from '@/views/types/ViewField';
+
+export const mapBoardFieldDefinitionsToViewFields = (
+  fieldsDefinitions: BoardFieldDefinition<FieldMetadata>[],
+): ViewField[] => {
+  return fieldsDefinitions.map(
+    (fieldDefinition): ViewField => ({
+      id: fieldDefinition.viewFieldId || '',
+      fieldMetadataId: fieldDefinition.fieldMetadataId,
+      size: 0,
+      position: fieldDefinition.position,
+      isVisible: fieldDefinition.isVisible ?? true,
+      definition: fieldDefinition,
+    }),
+  );
+};