@greatapps/common 1.1.515 → 1.1.517

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

@@ -1,39 +1,39 @@
-'use client';
-
-import { useInfiniteQuery } from '@tanstack/react-query';
-import { listAllAccountUsersAction } from '../actions/list-all-account-users.action';
-import { withAction } from '../../../utils/withAction';
-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 }) =>
-      withAction(() =>
-        listAllAccountUsersAction({
-          search: search || undefined,
-          page: pageParam as number,
-          limit: PAGE_SIZE,
-          inProject: projectId,
-        })
-      )(),
-    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 { listAllAccountUsersAction } from '../actions/list-all-account-users.action';
+import { withAction } from '../../../utils/withAction';
+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 }) =>
+      withAction(() =>
+        listAllAccountUsersAction({
+          search: search || undefined,
+          page: pageParam as number,
+          limit: PAGE_SIZE,
+          inProject: projectId,
+        })
+      )(),
+    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,38 +1,38 @@
-'use client';
-
-import { useInfiniteQuery } from '@tanstack/react-query';
-import { listAvailableUsersAction } from '../actions/list-available-users.action';
-import { withAction } from '../../../utils/withAction';
-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 }) =>
-      withAction(() =>
-        listAvailableUsersAction(projectId, {
-          search: search || undefined,
-          page: pageParam as number,
-          limit: PAGE_SIZE,
-        })
-      )(),
-    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 { listAvailableUsersAction } from '../actions/list-available-users.action';
+import { withAction } from '../../../utils/withAction';
+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 }) =>
+      withAction(() =>
+        listAvailableUsersAction(projectId, {
+          search: search || undefined,
+          page: pageParam as number,
+          limit: PAGE_SIZE,
+        })
+      )(),
+    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,43 +1,43 @@
-"use client";
-
-import { useInfiniteQuery } from "@tanstack/react-query";
-import { listProjectsAction } from "../actions/list-projects.action";
-import type { ListProjectsActionParams } from "../actions/list-projects.action";
-import { withAction } from "../../../utils/withAction";
-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 }) =>
-      withAction(() =>
-        listProjectsAction({
-          ...params,
-          page: pageParam as number,
-          limit,
-        }),
-      )(),
-    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: 30_000,
-    refetchOnMount: true,
-    refetchOnWindowFocus: true,
-    refetchOnReconnect: true,
-  });
-}
+"use client";
+
+import { useInfiniteQuery } from "@tanstack/react-query";
+import { listProjectsAction } from "../actions/list-projects.action";
+import type { ListProjectsActionParams } from "../actions/list-projects.action";
+import { withAction } from "../../../utils/withAction";
+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 }) =>
+      withAction(() =>
+        listProjectsAction({
+          ...params,
+          page: pageParam as number,
+          limit,
+        }),
+      )(),
+    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: 30_000,
+    refetchOnMount: true,
+    refetchOnWindowFocus: true,
+    refetchOnReconnect: true,
+  });
+}

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

@@ -1,38 +1,38 @@
-'use client';
-
-import { useInfiniteQuery } from '@tanstack/react-query';
-import { listProjectUsersAction } from '../actions/list-project-users.action';
-import { withAction } from '../../../utils/withAction';
-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 }) =>
-      withAction(() =>
-        listProjectUsersAction(projectId, {
-          search: search || undefined,
-          page: pageParam as number,
-          limit: PAGE_SIZE,
-        })
-      )(),
-    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 { listProjectUsersAction } from '../actions/list-project-users.action';
+import { withAction } from '../../../utils/withAction';
+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 }) =>
+      withAction(() =>
+        listProjectUsersAction(projectId, {
+          search: search || undefined,
+          page: pageParam as number,
+          limit: PAGE_SIZE,
+        })
+      )(),
+    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 { listProjectsAction } from '../actions/list-projects.action';
-import type { ListProjectsActionParams } from '../actions/list-projects.action';
-import { withAction } from '../../../utils/withAction';
-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: withAction(() => listProjectsAction(params)),
-    staleTime: 30_000,
-    placeholderData: keepPreviousData,
-  });
-}
+'use client';
+
+import { useQuery, keepPreviousData } from '@tanstack/react-query';
+import { listProjectsAction } from '../actions/list-projects.action';
+import type { ListProjectsActionParams } from '../actions/list-projects.action';
+import { withAction } from '../../../utils/withAction';
+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: withAction(() => listProjectsAction(params)),
+    staleTime: 30_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 });
+    },
+  });
+}