refactor: [M3-9384] - Move Quotas queries

packages/manager/.changeset/pr-12221-tech-stories-1747257942556.md

@@ -0,0 +1,5 @@
+---
+"@linode/manager": Tech Stories
+---
+
+Move quotas related queries and dependencies to shared `queries` package ([#12221](https://github.com/linode/manager/pull/12221))

packages/manager/src/features/Account/Quotas/QuotasTable.test.tsx

@@ -19,8 +19,8 @@ const queryMocks = vi.hoisted(() => ({
   useQuotasQuery: vi.fn().mockReturnValue({}),
 }));
 
-vi.mock('src/queries/quotas/quotas', () => {
-  const actual = vi.importActual('src/queries/quotas/quotas');
+vi.mock('@linode/queries', async () => {
+  const actual = await vi.importActual('@linode/queries');
   return {
     ...actual,
     quotaQueries: queryMocks.quotaQueries,

packages/manager/src/features/Account/Quotas/QuotasTable.tsx

@@ -1,3 +1,4 @@
+import { quotaQueries, useQuotasQuery } from '@linode/queries';
 import { Dialog, ErrorState } from '@linode/ui';
 import { useQueries } from '@tanstack/react-query';
 import * as React from 'react';
@@ -12,8 +13,6 @@ import { TableRow } from 'src/components/TableRow/TableRow';
 import { TableRowEmpty } from 'src/components/TableRowEmpty/TableRowEmpty';
 import { TableRowLoading } from 'src/components/TableRowLoading/TableRowLoading';
 import { usePagination } from 'src/hooks/usePagination';
-import { useQuotasQuery } from 'src/queries/quotas/quotas';
-import { quotaQueries } from 'src/queries/quotas/quotas';
 
 import { QuotasIncreaseForm } from './QuotasIncreaseForm';
 import { QuotasTableRow } from './QuotasTableRow';

packages/queries/.changeset/pr-12221-added-1747257990334.md

@@ -0,0 +1,5 @@
+---
+"@linode/queries": Added
+---
+
+`quotas/` directory and migrated relevant query keys and hook ([#12221](https://github.com/linode/manager/pull/12221))

packages/queries/src/index.ts

@@ -9,6 +9,7 @@ export * from './networking';
 export * from './nodebalancers';
 export * from './placementGroups';
 export * from './profile';
+export * from './quotas';
 export * from './regions';
 export * from './stackscripts';
 export * from './support';

packages/queries/src/quotas/index.ts

@@ -0,0 +1,3 @@
+export * from './keys';
+export * from './quotas';
+export * from './requests';

packages/queries/src/quotas/keys.ts

@@ -0,0 +1,30 @@
+import { getQuota, getQuotas, getQuotaUsage } from '@linode/api-v4';
+import { createQueryKeys } from '@lukemorales/query-key-factory';
+
+import { getAllQuotas } from './requests';
+
+import type { Filter, Params, QuotaType } from '@linode/api-v4';
+
+export const quotaQueries = createQueryKeys('quotas', {
+  service: (type: QuotaType) => ({
+    contextQueries: {
+      all: (params: Params = {}, filter: Filter = {}) => ({
+        queryFn: () => getAllQuotas(type, params, filter),
+        queryKey: [params, filter],
+      }),
+      paginated: (params: Params = {}, filter: Filter = {}) => ({
+        queryFn: () => getQuotas(type, params, filter),
+        queryKey: [params, filter],
+      }),
+      quota: (id: number) => ({
+        queryFn: () => getQuota(type, id),
+        queryKey: [id],
+      }),
+      usage: (id: number) => ({
+        queryFn: () => getQuotaUsage(type, id),
+        queryKey: [id],
+      }),
+    },
+    queryKey: [type],
+  }),
+});

packages/manager/src/queries/quotas/quotas.ts → packages/queries/src/quotas/quotas.ts

@@ -1,8 +1,6 @@
-import { getQuota, getQuotas, getQuotaUsage } from '@linode/api-v4';
-import { createQueryKeys } from '@lukemorales/query-key-factory';
 import { keepPreviousData, useQuery } from '@tanstack/react-query';
 
-import { getAllQuotas } from './requests';
+import { quotaQueries } from './keys';
 
 import type {
   APIError,
@@ -14,30 +12,6 @@ import type {
   ResourcePage,
 } from '@linode/api-v4';
 
-export const quotaQueries = createQueryKeys('quotas', {
-  service: (type: QuotaType) => ({
-    contextQueries: {
-      all: (params: Params = {}, filter: Filter = {}) => ({
-        queryFn: () => getAllQuotas(type, params, filter),
-        queryKey: [params, filter],
-      }),
-      paginated: (params: Params = {}, filter: Filter = {}) => ({
-        queryFn: () => getQuotas(type, params, filter),
-        queryKey: [params, filter],
-      }),
-      quota: (id: number) => ({
-        queryFn: () => getQuota(type, id),
-        queryKey: [id],
-      }),
-      usage: (id: number) => ({
-        queryFn: () => getQuotaUsage(type, id),
-        queryKey: [id],
-      }),
-    },
-    queryKey: [type],
-  }),
-});
-
 export const useQuotaQuery = (service: QuotaType, id: number, enabled = true) =>
   useQuery<Quota, APIError[]>({
     ...quotaQueries.service(service)._ctx.quota(id),
@@ -48,7 +22,7 @@ export const useQuotasQuery = (
   service: QuotaType,
   params: Params = {},
   filter: Filter,
-  enabled = true
+  enabled = true,
 ) =>
   useQuery<ResourcePage<Quota>, APIError[]>({
     ...quotaQueries.service(service)._ctx.paginated(params, filter),
@@ -60,7 +34,7 @@ export const useAllQuotasQuery = (
   service: QuotaType,
   params: Params = {},
   filter: Filter,
-  enabled = true
+  enabled = true,
 ) =>
   useQuery<Quota[], APIError[]>({
     ...quotaQueries.service(service)._ctx.all(params, filter),
@@ -70,7 +44,7 @@ export const useAllQuotasQuery = (
 export const useQuotaUsageQuery = (
   service: QuotaType,
   id: number,
-  enabled = true
+  enabled = true,
 ) =>
   useQuery<QuotaUsage, APIError[]>({
     ...quotaQueries.service(service)._ctx.usage(id),

packages/manager/src/queries/quotas/requests.ts → packages/queries/src/quotas/requests.ts

@@ -6,12 +6,12 @@ import type { Filter, Params, Quota, QuotaType } from '@linode/api-v4';
 export const getAllQuotas = (
   service: QuotaType,
   passedParams: Params = {},
-  passedFilter: Filter = {}
+  passedFilter: Filter = {},
 ) =>
   getAll<Quota>((params, filter) =>
     getQuotas(
       service,
       { ...params, ...passedParams },
-      { ...filter, ...passedFilter }
-    )
+      { ...filter, ...passedFilter },
+    ),
   )().then((data) => data.data);