@greatapps/common 1.1.699 → 1.1.700

package/src/modules/projects/hooks/list-all-account-users.hook.ts

@@ -1,40 +1,40 @@
-'use client';
-
-import { useInfiniteQuery } from '@tanstack/react-query';
-import { apiFetch } from '../../../infra/http/api-fetch';
-import type { AccountUser, UsersPage } from '../types';
-import { useAuthQueryKey } from '../../../hooks/useAuthQueryKey';
-
-const PAGE_SIZE = 20;
-
-export const LIST_ALL_ACCOUNT_USERS_BASE_KEY = () =>
-  ['account-users', 'all'] as const;
-
-export const LIST_ALL_ACCOUNT_USERS_QUERY_KEY = (search: string = '', projectId?: number) => [
-  ...LIST_ALL_ACCOUNT_USERS_BASE_KEY(),
-  search,
-  projectId,
-] as const;
-
-export function useListAllAccountUsers(search: string = '', projectId?: number) {
-  const queryKey = useAuthQueryKey([...LIST_ALL_ACCOUNT_USERS_QUERY_KEY(search, projectId)]);
-
-  return useInfiniteQuery({
-    queryKey,
-    queryFn: ({ pageParam, signal }) =>
-      apiFetch<UsersPage<AccountUser>>('/api/account/users', {
-        params: {
-          search: search || undefined,
-          page: pageParam as number,
-          limit: PAGE_SIZE,
-          inProject: projectId,
-        },
-        signal,
-      }),
-    getNextPageParam: (lastPage, allPages) => {
-      const loaded = allPages.reduce((sum, p) => sum + p.data.length, 0);
-      return loaded < lastPage.total ? allPages.length + 1 : undefined;
-    },
-    initialPageParam: 1,
-  });
-}
+'use client';
+
+import { useInfiniteQuery } from '@tanstack/react-query';
+import { apiFetch } from '../../../infra/http/api-fetch';
+import type { AccountUser, UsersPage } from '../types';
+import { useAuthQueryKey } from '../../../hooks/useAuthQueryKey';
+
+const PAGE_SIZE = 20;
+
+export const LIST_ALL_ACCOUNT_USERS_BASE_KEY = () =>
+  ['account-users', 'all'] as const;
+
+export const LIST_ALL_ACCOUNT_USERS_QUERY_KEY = (search: string = '', projectId?: number) => [
+  ...LIST_ALL_ACCOUNT_USERS_BASE_KEY(),
+  search,
+  projectId,
+] as const;
+
+export function useListAllAccountUsers(search: string = '', projectId?: number) {
+  const queryKey = useAuthQueryKey([...LIST_ALL_ACCOUNT_USERS_QUERY_KEY(search, projectId)]);
+
+  return useInfiniteQuery({
+    queryKey,
+    queryFn: ({ pageParam, signal }) =>
+      apiFetch<UsersPage<AccountUser>>('/api/account/users', {
+        params: {
+          search: search || undefined,
+          page: pageParam as number,
+          limit: PAGE_SIZE,
+          inProject: projectId,
+        },
+        signal,
+      }),
+    getNextPageParam: (lastPage, allPages) => {
+      const loaded = allPages.reduce((sum, p) => sum + p.data.length, 0);
+      return loaded < lastPage.total ? allPages.length + 1 : undefined;
+    },
+    initialPageParam: 1,
+  });
+}

package/src/modules/projects/hooks/list-available-users.hook.ts

@@ -1,39 +1,39 @@
-'use client';
-
-import { useInfiniteQuery } from '@tanstack/react-query';
-import { apiFetch } from '../../../infra/http/api-fetch';
-import type { AccountUser, UsersPage } from '../types';
-import { useAuthQueryKey } from '../../../hooks/useAuthQueryKey';
-
-const PAGE_SIZE = 20;
-
-export const LIST_AVAILABLE_USERS_BASE_KEY = (projectId: number) =>
-  ['project-users', projectId, 'out'] as const;
-
-export const LIST_AVAILABLE_USERS_QUERY_KEY = (projectId: number, search: string = '') => [
-  ...LIST_AVAILABLE_USERS_BASE_KEY(projectId),
-  search,
-] as const;
-
-export function useListAvailableUsers(projectId: number, search: string = '') {
-  const queryKey = useAuthQueryKey([...LIST_AVAILABLE_USERS_QUERY_KEY(projectId, search)]);
-
-  return useInfiniteQuery({
-    queryKey,
-    queryFn: ({ pageParam, signal }) =>
-      apiFetch<UsersPage<AccountUser>>(`/api/projects/${projectId}/available-users`, {
-        params: {
-          search: search || undefined,
-          page: pageParam as number,
-          limit: PAGE_SIZE,
-        },
-        signal,
-      }),
-    getNextPageParam: (lastPage, allPages) => {
-      const loaded = allPages.reduce((sum, p) => sum + p.data.length, 0);
-      return loaded < lastPage.total ? allPages.length + 1 : undefined;
-    },
-    initialPageParam: 1,
-    enabled: !!projectId,
-  });
-}
+'use client';
+
+import { useInfiniteQuery } from '@tanstack/react-query';
+import { apiFetch } from '../../../infra/http/api-fetch';
+import type { AccountUser, UsersPage } from '../types';
+import { useAuthQueryKey } from '../../../hooks/useAuthQueryKey';
+
+const PAGE_SIZE = 20;
+
+export const LIST_AVAILABLE_USERS_BASE_KEY = (projectId: number) =>
+  ['project-users', projectId, 'out'] as const;
+
+export const LIST_AVAILABLE_USERS_QUERY_KEY = (projectId: number, search: string = '') => [
+  ...LIST_AVAILABLE_USERS_BASE_KEY(projectId),
+  search,
+] as const;
+
+export function useListAvailableUsers(projectId: number, search: string = '') {
+  const queryKey = useAuthQueryKey([...LIST_AVAILABLE_USERS_QUERY_KEY(projectId, search)]);
+
+  return useInfiniteQuery({
+    queryKey,
+    queryFn: ({ pageParam, signal }) =>
+      apiFetch<UsersPage<AccountUser>>(`/api/projects/${projectId}/available-users`, {
+        params: {
+          search: search || undefined,
+          page: pageParam as number,
+          limit: PAGE_SIZE,
+        },
+        signal,
+      }),
+    getNextPageParam: (lastPage, allPages) => {
+      const loaded = allPages.reduce((sum, p) => sum + p.data.length, 0);
+      return loaded < lastPage.total ? allPages.length + 1 : undefined;
+    },
+    initialPageParam: 1,
+    enabled: !!projectId,
+  });
+}

package/src/modules/projects/hooks/list-infinite-projects.hook.ts

@@ -1,44 +1,44 @@
-"use client";
-
-import { useInfiniteQuery } from "@tanstack/react-query";
-import { apiFetch } from "../../../infra/http/api-fetch";
-import type { ListProjectsActionParams } from "../actions/list-projects.action";
-import type { ProjectsPage } from "../types";
-import { useAuthQueryKey } from "../../../hooks/useAuthQueryKey";
-import { PROJECTS_BASE_KEY } from "./list-projects.hook";
-
-const PAGE_SIZE = 20;
-
-export const INFINITE_PROJECTS_QUERY_KEY = (
-  params?: Omit<ListProjectsActionParams, "page">,
-) => [...PROJECTS_BASE_KEY, "infinite", params] as const;
-
-export function useInfiniteProjects({
-  limit = PAGE_SIZE,
-  ...params
-}: Omit<ListProjectsActionParams, "page">) {
-  const queryKey = useAuthQueryKey([...INFINITE_PROJECTS_QUERY_KEY(params)]);
-
-  return useInfiniteQuery({
-    queryKey,
-    queryFn: ({ pageParam, signal }) =>
-      apiFetch<ProjectsPage>('/api/projects', {
-        params: {
-          ...params,
-          page: pageParam as number,
-          limit,
-        },
-        signal,
-      }),
-    initialPageParam: 1,
-    getNextPageParam: (lastPage, allPages) => {
-      const loaded = allPages.reduce((sum, p) => sum + p.data.length, 0);
-      return loaded < lastPage.total ? allPages.length + 1 : undefined;
-    },
-    placeholderData: (prev) => prev,
-    staleTime: 10_000,
-    refetchOnMount: true,
-    refetchOnWindowFocus: true,
-    refetchOnReconnect: true,
-  });
-}
+"use client";
+
+import { useInfiniteQuery } from "@tanstack/react-query";
+import { apiFetch } from "../../../infra/http/api-fetch";
+import type { ListProjectsActionParams } from "../actions/list-projects.action";
+import type { ProjectsPage } from "../types";
+import { useAuthQueryKey } from "../../../hooks/useAuthQueryKey";
+import { PROJECTS_BASE_KEY } from "./list-projects.hook";
+
+const PAGE_SIZE = 20;
+
+export const INFINITE_PROJECTS_QUERY_KEY = (
+  params?: Omit<ListProjectsActionParams, "page">,
+) => [...PROJECTS_BASE_KEY, "infinite", params] as const;
+
+export function useInfiniteProjects({
+  limit = PAGE_SIZE,
+  ...params
+}: Omit<ListProjectsActionParams, "page">) {
+  const queryKey = useAuthQueryKey([...INFINITE_PROJECTS_QUERY_KEY(params)]);
+
+  return useInfiniteQuery({
+    queryKey,
+    queryFn: ({ pageParam, signal }) =>
+      apiFetch<ProjectsPage>('/api/projects', {
+        params: {
+          ...params,
+          page: pageParam as number,
+          limit,
+        },
+        signal,
+      }),
+    initialPageParam: 1,
+    getNextPageParam: (lastPage, allPages) => {
+      const loaded = allPages.reduce((sum, p) => sum + p.data.length, 0);
+      return loaded < lastPage.total ? allPages.length + 1 : undefined;
+    },
+    placeholderData: (prev) => prev,
+    staleTime: 10_000,
+    refetchOnMount: true,
+    refetchOnWindowFocus: true,
+    refetchOnReconnect: true,
+  });
+}

package/src/modules/projects/hooks/list-project-users.hook.ts

@@ -1,39 +1,39 @@
-'use client';
-
-import { useInfiniteQuery } from '@tanstack/react-query';
-import { apiFetch } from '../../../infra/http/api-fetch';
-import type { ProjectUser, UsersPage } from '../types';
-import { useAuthQueryKey } from '../../../hooks/useAuthQueryKey';
-
-const PAGE_SIZE = 20;
-
-export const LIST_PROJECT_USERS_BASE_KEY = (projectId: number) =>
-  ['project-users', projectId, 'in'] as const;
-
-export const LIST_PROJECT_USERS_QUERY_KEY = (projectId: number, search: string = '') => [
-  ...LIST_PROJECT_USERS_BASE_KEY(projectId),
-  search,
-] as const;
-
-export function useListProjectUsers(projectId: number, search: string = '') {
-  const queryKey = useAuthQueryKey([...LIST_PROJECT_USERS_QUERY_KEY(projectId, search)]);
-
-  return useInfiniteQuery({
-    queryKey,
-    queryFn: ({ pageParam, signal }) =>
-      apiFetch<UsersPage<ProjectUser>>(`/api/projects/${projectId}/users`, {
-        params: {
-          search: search || undefined,
-          page: pageParam as number,
-          limit: PAGE_SIZE,
-        },
-        signal,
-      }),
-    getNextPageParam: (lastPage, allPages) => {
-      const loaded = allPages.reduce((sum, p) => sum + p.data.length, 0);
-      return loaded < lastPage.total ? allPages.length + 1 : undefined;
-    },
-    initialPageParam: 1,
-    enabled: !!projectId,
-  });
-}
+'use client';
+
+import { useInfiniteQuery } from '@tanstack/react-query';
+import { apiFetch } from '../../../infra/http/api-fetch';
+import type { ProjectUser, UsersPage } from '../types';
+import { useAuthQueryKey } from '../../../hooks/useAuthQueryKey';
+
+const PAGE_SIZE = 20;
+
+export const LIST_PROJECT_USERS_BASE_KEY = (projectId: number) =>
+  ['project-users', projectId, 'in'] as const;
+
+export const LIST_PROJECT_USERS_QUERY_KEY = (projectId: number, search: string = '') => [
+  ...LIST_PROJECT_USERS_BASE_KEY(projectId),
+  search,
+] as const;
+
+export function useListProjectUsers(projectId: number, search: string = '') {
+  const queryKey = useAuthQueryKey([...LIST_PROJECT_USERS_QUERY_KEY(projectId, search)]);
+
+  return useInfiniteQuery({
+    queryKey,
+    queryFn: ({ pageParam, signal }) =>
+      apiFetch<UsersPage<ProjectUser>>(`/api/projects/${projectId}/users`, {
+        params: {
+          search: search || undefined,
+          page: pageParam as number,
+          limit: PAGE_SIZE,
+        },
+        signal,
+      }),
+    getNextPageParam: (lastPage, allPages) => {
+      const loaded = allPages.reduce((sum, p) => sum + p.data.length, 0);
+      return loaded < lastPage.total ? allPages.length + 1 : undefined;
+    },
+    initialPageParam: 1,
+    enabled: !!projectId,
+  });
+}

package/src/modules/projects/hooks/list-projects.hook.ts

@@ -1,23 +1,23 @@
-'use client';
-
-import { useQuery, keepPreviousData } from '@tanstack/react-query';
-import { apiFetch } from '../../../infra/http/api-fetch';
-import type { ListProjectsActionParams } from '../actions/list-projects.action';
-import type { ProjectsPage } from '../types';
-import { useAuthQueryKey } from '../../../hooks/useAuthQueryKey';
-
-export const PROJECTS_BASE_KEY = ['projects'] as const;
-
-export const PROJECTS_QUERY_KEY = (params?: ListProjectsActionParams) =>
-  [...PROJECTS_BASE_KEY, params] as const;
-
-export function useProjects(params?: ListProjectsActionParams) {
-  const queryKey = useAuthQueryKey([...PROJECTS_QUERY_KEY(params)]);
-
-  return useQuery({
-    queryKey,
-    queryFn: ({ signal }) => apiFetch<ProjectsPage>('/api/projects', { params, signal }),
-    staleTime: 10_000,
-    placeholderData: keepPreviousData,
-  });
-}
+'use client';
+
+import { useQuery, keepPreviousData } from '@tanstack/react-query';
+import { apiFetch } from '../../../infra/http/api-fetch';
+import type { ListProjectsActionParams } from '../actions/list-projects.action';
+import type { ProjectsPage } from '../types';
+import { useAuthQueryKey } from '../../../hooks/useAuthQueryKey';
+
+export const PROJECTS_BASE_KEY = ['projects'] as const;
+
+export const PROJECTS_QUERY_KEY = (params?: ListProjectsActionParams) =>
+  [...PROJECTS_BASE_KEY, params] as const;
+
+export function useProjects(params?: ListProjectsActionParams) {
+  const queryKey = useAuthQueryKey([...PROJECTS_QUERY_KEY(params)]);
+
+  return useQuery({
+    queryKey,
+    queryFn: ({ signal }) => apiFetch<ProjectsPage>('/api/projects', { params, signal }),
+    staleTime: 10_000,
+    placeholderData: keepPreviousData,
+  });
+}

package/src/modules/projects/hooks/remove-project-user.hook.ts

@@ -1,72 +1,72 @@
-'use client';
-
-import { useQueryClient, useMutation, InfiniteData } from '@tanstack/react-query';
-import { removeProjectUserAction } from '../actions/remove-project-user.action';
-import { LIST_PROJECT_USERS_BASE_KEY } from './list-project-users.hook';
-import { LIST_ALL_ACCOUNT_USERS_BASE_KEY } from './list-all-account-users.hook';
-import type { UsersPage, AccountUser, ProjectUser } from '../types';
-import { useAuthQueryKey } from '../../../hooks/useAuthQueryKey';
-
-export function useRemoveProjectUser(projectId: number) {
-  const queryClient = useQueryClient();
-  const allAccountUsersKey = useAuthQueryKey([...LIST_ALL_ACCOUNT_USERS_BASE_KEY()]);
-  const projectUsersKey = useAuthQueryKey([...LIST_PROJECT_USERS_BASE_KEY(projectId)]);
-
-  return useMutation({
-    mutationFn: (targetUserId: number) =>
-      removeProjectUserAction({ projectId, users: [targetUserId] }),
-
-    onMutate: async (targetUserId) => {
-      await queryClient.cancelQueries({ queryKey: allAccountUsersKey });
-      await queryClient.cancelQueries({ queryKey: projectUsersKey });
-
-      const prevAccountUsers = queryClient.getQueriesData<InfiniteData<UsersPage<AccountUser>>>({
-        queryKey: allAccountUsersKey,
-      });
-      const prevProjectUsers = queryClient.getQueriesData<InfiniteData<UsersPage<ProjectUser>>>({
-        queryKey: projectUsersKey,
-      });
-
-      queryClient.setQueriesData<InfiniteData<UsersPage<AccountUser>>>(
-        { queryKey: allAccountUsersKey, exact: false },
-        (old) => {
-          if (!old) return old;
-          return {
-            ...old,
-            pages: old.pages.map((page) => ({
-              ...page,
-              data: page.data.map((u) =>
-                u.id === targetUserId ? { ...u, in_project: false } : u
-              ),
-            })),
-          };
-        }
-      );
-
-      queryClient.setQueriesData<InfiniteData<UsersPage<ProjectUser>>>(
-        { queryKey: projectUsersKey, exact: false },
-        (old) => {
-          if (!old?.pages.length) return old;
-          return {
-            ...old,
-            pages: old.pages.map((page, i) =>
-              i === 0 ? { ...page, total: page.total - 1 } : page
-            ),
-          };
-        }
-      );
-
-      return { prevAccountUsers, prevProjectUsers };
-    },
-
-    onError: (_err, _targetUserId, ctx) => {
-      ctx?.prevAccountUsers.forEach(([key, data]) => queryClient.setQueryData(key, data));
-      ctx?.prevProjectUsers.forEach(([key, data]) => queryClient.setQueryData(key, data));
-    },
-
-    onSettled: () => {
-      queryClient.invalidateQueries({ queryKey: projectUsersKey });
-      queryClient.invalidateQueries({ queryKey: allAccountUsersKey });
-    },
-  });
-}
+'use client';
+
+import { useQueryClient, useMutation, InfiniteData } from '@tanstack/react-query';
+import { removeProjectUserAction } from '../actions/remove-project-user.action';
+import { LIST_PROJECT_USERS_BASE_KEY } from './list-project-users.hook';
+import { LIST_ALL_ACCOUNT_USERS_BASE_KEY } from './list-all-account-users.hook';
+import type { UsersPage, AccountUser, ProjectUser } from '../types';
+import { useAuthQueryKey } from '../../../hooks/useAuthQueryKey';
+
+export function useRemoveProjectUser(projectId: number) {
+  const queryClient = useQueryClient();
+  const allAccountUsersKey = useAuthQueryKey([...LIST_ALL_ACCOUNT_USERS_BASE_KEY()]);
+  const projectUsersKey = useAuthQueryKey([...LIST_PROJECT_USERS_BASE_KEY(projectId)]);
+
+  return useMutation({
+    mutationFn: (targetUserId: number) =>
+      removeProjectUserAction({ projectId, users: [targetUserId] }),
+
+    onMutate: async (targetUserId) => {
+      await queryClient.cancelQueries({ queryKey: allAccountUsersKey });
+      await queryClient.cancelQueries({ queryKey: projectUsersKey });
+
+      const prevAccountUsers = queryClient.getQueriesData<InfiniteData<UsersPage<AccountUser>>>({
+        queryKey: allAccountUsersKey,
+      });
+      const prevProjectUsers = queryClient.getQueriesData<InfiniteData<UsersPage<ProjectUser>>>({
+        queryKey: projectUsersKey,
+      });
+
+      queryClient.setQueriesData<InfiniteData<UsersPage<AccountUser>>>(
+        { queryKey: allAccountUsersKey, exact: false },
+        (old) => {
+          if (!old) return old;
+          return {
+            ...old,
+            pages: old.pages.map((page) => ({
+              ...page,
+              data: page.data.map((u) =>
+                u.id === targetUserId ? { ...u, in_project: false } : u
+              ),
+            })),
+          };
+        }
+      );
+
+      queryClient.setQueriesData<InfiniteData<UsersPage<ProjectUser>>>(
+        { queryKey: projectUsersKey, exact: false },
+        (old) => {
+          if (!old?.pages.length) return old;
+          return {
+            ...old,
+            pages: old.pages.map((page, i) =>
+              i === 0 ? { ...page, total: page.total - 1 } : page
+            ),
+          };
+        }
+      );
+
+      return { prevAccountUsers, prevProjectUsers };
+    },
+
+    onError: (_err, _targetUserId, ctx) => {
+      ctx?.prevAccountUsers.forEach(([key, data]) => queryClient.setQueryData(key, data));
+      ctx?.prevProjectUsers.forEach(([key, data]) => queryClient.setQueryData(key, data));
+    },
+
+    onSettled: () => {
+      queryClient.invalidateQueries({ queryKey: projectUsersKey });
+      queryClient.invalidateQueries({ queryKey: allAccountUsersKey });
+    },
+  });
+}