Improve viewbar api (#2233)

* create scopes

* fix import bug

* add useView hook

* wip

* wip

* currentViewId is now retrieved via useView

* working on sorts with useView

* refactor in progress

* refactor in progress

* refactor in progress

* refactor in progress

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* fix code

* fix code

* wip

* push

* Fix issue dependencies

* Fix resize

---------

Co-authored-by: bosiraphael <raphael.bosi@gmail.com>

front/src/modules/metadata/hooks/useCreateNewTempCustomObject.ts

@@ -6,7 +6,7 @@ import { FieldType } from '@/ui/data/field/types/FieldType';
 import { IconBrandLinkedin } from '@/ui/display/icon';
 import { GET_VIEW_FIELDS } from '@/views/graphql/queries/getViewFields';
 import { GET_VIEWS } from '@/views/graphql/queries/getViews';
-import { toViewFieldInput } from '@/views/hooks/useTableViewFields';
+import { toViewFieldInput } from '@/views/hooks/internal/useViewFields';
 import {
   useCreateViewFieldsMutation,
   useCreateViewMutation,

front/src/modules/metadata/hooks/useMetadataTableViews.ts

@@ -1,81 +0,0 @@
-import { useSearchParams } from 'react-router-dom';
-
-import { TableRecoilScopeContext } from '@/ui/data/data-table/states/recoil-scope-contexts/TableRecoilScopeContext';
-import { tableColumnsScopedState } from '@/ui/data/data-table/states/tableColumnsScopedState';
-import { filtersScopedState } from '@/ui/data/view-bar/states/filtersScopedState';
-import { sortsScopedState } from '@/ui/data/view-bar/states/sortsScopedState';
-import { useRecoilScopedValue } from '@/ui/utilities/recoil-scope/hooks/useRecoilScopedValue';
-import { useTableViewFields } from '@/views/hooks/useTableViewFields';
-import { useViewFilters } from '@/views/hooks/useViewFilters';
-import { useViews } from '@/views/hooks/useViews';
-import { useViewSorts } from '@/views/hooks/useViewSorts';
-import { ViewType } from '~/generated/graphql';
-
-import { useMetadataObjectInContext } from './useMetadataObjectInContext';
-
-export const useMetadataTableViews = () => {
-  const { objectNamePlural, columnDefinitions } = useMetadataObjectInContext();
-
-  const tableColumns = useRecoilScopedValue(
-    tableColumnsScopedState,
-    TableRecoilScopeContext,
-  );
-  const filters = useRecoilScopedValue(
-    filtersScopedState,
-    TableRecoilScopeContext,
-  );
-  const sorts = useRecoilScopedValue(sortsScopedState, TableRecoilScopeContext);
-
-  const [_, setSearchParams] = useSearchParams();
-
-  const handleViewCreate = async (viewId: string) => {
-    await createViewFields(tableColumns, viewId);
-    await createViewFilters(filters, viewId);
-    await createViewSorts(sorts, viewId);
-    setSearchParams({ view: viewId });
-  };
-
-  const objectId = objectNamePlural;
-
-  const { createView, deleteView, isFetchingViews, updateView } = useViews({
-    objectId,
-    onViewCreate: handleViewCreate,
-    type: ViewType.Table,
-    RecoilScopeContext: TableRecoilScopeContext,
-  });
-
-  const { createViewFields, persistColumns } = useTableViewFields({
-    objectId,
-    columnDefinitions,
-    skipFetch: isFetchingViews,
-  });
-
-  const createDefaultViewFields = async () => {
-    await createViewFields(tableColumns);
-  };
-
-  const { createViewFilters, persistFilters } = useViewFilters({
-    RecoilScopeContext: TableRecoilScopeContext,
-    skipFetch: isFetchingViews,
-  });
-
-  const { createViewSorts, persistSorts } = useViewSorts({
-    RecoilScopeContext: TableRecoilScopeContext,
-    skipFetch: isFetchingViews,
-  });
-
-  const submitCurrentView = async () => {
-    await persistFilters();
-    await persistSorts();
-  };
-
-  return {
-    createView,
-    deleteView,
-    persistColumns,
-    submitCurrentView,
-    updateView,
-    createDefaultViewFields,
-    isFetchingViews,
-  };
-};

front/src/modules/metadata/hooks/useSetDataTableData.ts

@@ -6,10 +6,8 @@ import { numberOfTableRowsState } from '@/ui/data/data-table/states/numberOfTabl
 import { TableRecoilScopeContext } from '@/ui/data/data-table/states/recoil-scope-contexts/TableRecoilScopeContext';
 import { tableRowIdsState } from '@/ui/data/data-table/states/tableRowIdsState';
 import { entityFieldsFamilyState } from '@/ui/data/field/states/entityFieldsFamilyState';
-import { availableFiltersScopedState } from '@/ui/data/view-bar/states/availableFiltersScopedState';
-import { availableSortsScopedState } from '@/ui/data/view-bar/states/availableSortsScopedState';
-import { entityCountInCurrentViewState } from '@/ui/data/view-bar/states/entityCountInCurrentViewState';
 import { useRecoilScopeId } from '@/ui/utilities/recoil-scope/hooks/useRecoilScopeId';
+import { availableSortsScopedState } from '@/views/states/availableSortsScopedState';
 
 export const useSetObjectDataTableData = () => {
   const resetTableRowSelection = useResetTableRowSelection();
@@ -43,11 +41,7 @@ export const useSetObjectDataTableData = () => {
 
         set(numberOfTableRowsState, entityIds.length);
 
-        set(entityCountInCurrentViewState, entityIds.length);
-
-        set(availableFiltersScopedState(tableContextScopeId), []);
-
-        set(availableSortsScopedState(tableContextScopeId), []);
+        set(availableSortsScopedState({ scopeId: tableContextScopeId }), []);
 
         set(isFetchingDataTableDataState, false);
       },