refactor: rename ui/filter-n-sort to ui/view-bar (#1475)

Closes #1473

Co-authored-by: Lucas Bordeau <bordeau.lucas@gmail.com>

front/src/modules/ui/view-bar/hooks/useFilterCurrentlyEdited.ts

@@ -0,0 +1,21 @@
+import { Context, useMemo } from 'react';
+
+import { useRecoilScopedState } from '@/ui/utilities/recoil-scope/hooks/useRecoilScopedState';
+
+import { filterDefinitionUsedInDropdownScopedState } from '../states/filterDefinitionUsedInDropdownScopedState';
+import { filtersScopedState } from '../states/filtersScopedState';
+
+export function useFilterCurrentlyEdited(context: Context<string | null>) {
+  const [filters] = useRecoilScopedState(filtersScopedState, context);
+
+  const [filterDefinitionUsedInDropdown] = useRecoilScopedState(
+    filterDefinitionUsedInDropdownScopedState,
+    context,
+  );
+
+  return useMemo(() => {
+    return filters.find(
+      (filter) => filter.key === filterDefinitionUsedInDropdown?.key,
+    );
+  }, [filterDefinitionUsedInDropdown, filters]);
+}

front/src/modules/ui/view-bar/hooks/useRemoveFilter.ts

@@ -0,0 +1,17 @@
+import { Context } from 'react';
+
+import { useRecoilScopedState } from '@/ui/utilities/recoil-scope/hooks/useRecoilScopedState';
+
+import { filtersScopedState } from '../states/filtersScopedState';
+
+export function useRemoveFilter(context: Context<string | null>) {
+  const [, setFilters] = useRecoilScopedState(filtersScopedState, context);
+
+  return function removeFilter(filterKey: string) {
+    setFilters((filters) => {
+      return filters.filter((filter) => {
+        return filter.key !== filterKey;
+      });
+    });
+  };
+}

front/src/modules/ui/view-bar/hooks/useUpsertFilter.ts

@@ -0,0 +1,27 @@
+import { Context } from 'react';
+import { produce } from 'immer';
+
+import { useRecoilScopedState } from '@/ui/utilities/recoil-scope/hooks/useRecoilScopedState';
+
+import { filtersScopedState } from '../states/filtersScopedState';
+import { Filter } from '../types/Filter';
+
+export function useUpsertFilter(context: Context<string | null>) {
+  const [, setFilters] = useRecoilScopedState(filtersScopedState, context);
+
+  return function upsertFilter(filterToUpsert: Filter) {
+    setFilters((filters) => {
+      return produce(filters, (filtersDraft) => {
+        const index = filtersDraft.findIndex(
+          (filter) => filter.key === filterToUpsert.key,
+        );
+
+        if (index === -1) {
+          filtersDraft.push(filterToUpsert);
+        } else {
+          filtersDraft[index] = filterToUpsert;
+        }
+      });
+    });
+  };
+}