feat: Column title menus (#1616)

* view field index to float

* gql codegen and package.json

* list implementation

* db call

* reposition logic

* lint fix

* edge case fix

* review changes

* handleColumnMove refactor

* dropdown recoil scope

* rename props

* Update server/src/database/migrations/20230727124244_add_view_fields_table/migration.sql

---------

Co-authored-by: Charles Bochet <charlesBochet@users.noreply.github.com>

front/src/modules/views/hooks/useTableViewFields.ts

@@ -94,6 +94,7 @@ export const useTableViewFields = ({
               data: {
                 isVisible: column.isVisible,
                 size: column.size,
+                index: column.index,
               },
               where: {
                 viewId_key: { key: column.key, viewId: currentViewId },
@@ -177,5 +178,5 @@ export const useTableViewFields = ({
     updateViewFields,
   ]);
 
-  return { createViewFields, persistColumns };
+  return { createViewFields, persistColumns, updateViewFields };
 };

front/src/modules/views/hooks/useTableViews.ts

@@ -41,12 +41,12 @@ export const useTableViews = ({
     type: ViewType.Table,
     RecoilScopeContext: TableRecoilScopeContext,
   });
-
-  const { createViewFields, persistColumns } = useTableViewFields({
-    objectId,
-    columnDefinitions,
-    skipFetch: isFetchingViews,
-  });
+  const { createViewFields, persistColumns, updateViewFields } =
+    useTableViewFields({
+      objectId,
+      columnDefinitions,
+      skipFetch: isFetchingViews,
+    });
 
   const { createViewFilters, persistFilters } = useViewFilters({
     RecoilScopeContext: TableRecoilScopeContext,
@@ -62,6 +62,7 @@ export const useTableViews = ({
     await persistColumns();
     await persistFilters();
     await persistSorts();
+    await updateViewFields(tableColumns);
   };
 
   return { createView, deleteView, submitCurrentView, updateView };