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/ui/utilities/recoil-scope/hooks/useRecoilScopedFamilyState.ts

@@ -10,12 +10,18 @@ export const useRecoilScopedFamilyState = <
     scopedFamilyKey: ScopedFamilyStateKey<FamilyKey>,
   ) => RecoilState<StateType>,
   scopeId: string,
-  familyKey: FamilyKey,
+  familyKey?: FamilyKey,
 ) => {
-  return useRecoilState<StateType>(
+  const familyState = useRecoilState<StateType>(
     recoilState({
       scopeId,
-      familyKey,
+      familyKey: familyKey || ('' as FamilyKey),
     }),
   );
+
+  if (!familyKey) {
+    return [undefined, undefined];
+  }
+
+  return familyState;
 };

front/src/modules/ui/utilities/recoil-scope/hooks/useSetRecoilScopedFamilyState.ts

@@ -0,0 +1,27 @@
+import { RecoilState, SerializableParam, useSetRecoilState } from 'recoil';
+
+import { ScopedFamilyStateKey } from '../scopes-internal/types/ScopedFamilyStateKey';
+
+export const useSetRecoilScopedFamilyState = <
+  StateType,
+  FamilyKey extends SerializableParam,
+>(
+  recoilState: (
+    scopedFamilyKey: ScopedFamilyStateKey<FamilyKey>,
+  ) => RecoilState<StateType>,
+  scopeId: string,
+  familyKey?: FamilyKey,
+) => {
+  const familyState = useSetRecoilState<StateType>(
+    recoilState({
+      scopeId,
+      familyKey: familyKey || ('' as FamilyKey),
+    }),
+  );
+
+  if (!familyKey) {
+    return;
+  }
+
+  return familyState;
+};

front/src/modules/ui/utilities/recoil-scope/hooks/useSetRecoilScopedStateV2.ts

@@ -0,0 +1,14 @@
+import { RecoilState, useSetRecoilState } from 'recoil';
+
+import { ScopedStateKey } from '../scopes-internal/types/ScopedStateKey';
+
+export const useSetRecoilScopedStateV2 = <StateType>(
+  recoilState: (scopedKey: ScopedStateKey) => RecoilState<StateType>,
+  scopeId: string,
+) => {
+  return useSetRecoilState<StateType>(
+    recoilState({
+      scopeId,
+    }),
+  );
+};