Migrate to a monorepo structure (#2909)

packages/twenty-front/src/modules/views/scopes/ViewScope.tsx

@@ -0,0 +1,41 @@
+import { ReactNode } from 'react';
+
+import { ViewFilter } from '@/views/types/ViewFilter';
+import { ViewSort } from '@/views/types/ViewSort';
+
+import { ViewField } from '../types/ViewField';
+
+import { ViewScopeInitEffect } from './init-effect/ViewScopeInitEffect';
+import { ViewScopeInternalContext } from './scope-internal-context/ViewScopeInternalContext';
+
+type ViewScopeProps = {
+  children: ReactNode;
+  viewScopeId: string;
+  onViewSortsChange?: (sorts: ViewSort[]) => void | Promise<void>;
+  onViewFiltersChange?: (filters: ViewFilter[]) => void | Promise<void>;
+  onViewFieldsChange?: (fields: ViewField[]) => void | Promise<void>;
+};
+
+export const ViewScope = ({
+  children,
+  viewScopeId,
+  onViewSortsChange,
+  onViewFiltersChange,
+  onViewFieldsChange,
+}: ViewScopeProps) => {
+  return (
+    <ViewScopeInternalContext.Provider
+      value={{
+        scopeId: viewScopeId,
+      }}
+    >
+      <ViewScopeInitEffect
+        viewScopeId={viewScopeId}
+        onViewSortsChange={onViewSortsChange}
+        onViewFiltersChange={onViewFiltersChange}
+        onViewFieldsChange={onViewFieldsChange}
+      />
+      {children}
+    </ViewScopeInternalContext.Provider>
+  );
+};

packages/twenty-front/src/modules/views/scopes/init-effect/ViewScopeInitEffect.tsx

@@ -0,0 +1,45 @@
+import { useEffect } from 'react';
+import { useSetRecoilState } from 'recoil';
+
+import { useViewScopedStates } from '@/views/hooks/internal/useViewScopedStates';
+import { ViewField } from '@/views/types/ViewField';
+import { ViewFilter } from '@/views/types/ViewFilter';
+import { ViewSort } from '@/views/types/ViewSort';
+
+type ViewScopeInitEffectProps = {
+  viewScopeId: string;
+  onViewSortsChange?: (sorts: ViewSort[]) => void | Promise<void>;
+  onViewFiltersChange?: (filters: ViewFilter[]) => void | Promise<void>;
+  onViewFieldsChange?: (fields: ViewField[]) => void | Promise<void>;
+};
+
+export const ViewScopeInitEffect = ({
+  onViewSortsChange,
+  onViewFiltersChange,
+  onViewFieldsChange,
+}: ViewScopeInitEffectProps) => {
+  const {
+    onViewFieldsChangeState,
+    onViewFiltersChangeState,
+    onViewSortsChangeState,
+  } = useViewScopedStates();
+
+  const setOnViewSortsChange = useSetRecoilState(onViewSortsChangeState);
+  const setOnViewFiltersChange = useSetRecoilState(onViewFiltersChangeState);
+  const setOnViewFieldsChange = useSetRecoilState(onViewFieldsChangeState);
+
+  useEffect(() => {
+    setOnViewSortsChange(() => onViewSortsChange);
+    setOnViewFiltersChange(() => onViewFiltersChange);
+    setOnViewFieldsChange(() => onViewFieldsChange);
+  }, [
+    onViewFieldsChange,
+    onViewFiltersChange,
+    onViewSortsChange,
+    setOnViewFieldsChange,
+    setOnViewFiltersChange,
+    setOnViewSortsChange,
+  ]);
+
+  return <></>;
+};

packages/twenty-front/src/modules/views/scopes/scope-internal-context/ViewScopeInternalContext.ts

@@ -0,0 +1,7 @@
+import { ScopedStateKey } from '@/ui/utilities/recoil-scope/scopes-internal/types/ScopedStateKey';
+import { createScopeInternalContext } from '@/ui/utilities/recoil-scope/scopes-internal/utils/createScopeInternalContext';
+
+type ViewScopeInternalContextProps = ScopedStateKey;
+
+export const ViewScopeInternalContext =
+  createScopeInternalContext<ViewScopeInternalContextProps>();