refactor: move data/selectors to data/apiHooks

and fix tests to mock useQuery.

src/taxonomy/tag-list/TagListTable.jsx

@@ -8,7 +8,7 @@ import Proptypes from 'prop-types';
 import { useState } from 'react';
 
 import messages from './messages';
-import { useTagListDataResponse, useTagListDataStatus } from './data/selectors';
+import { useTagListDataResponse, useTagListDataStatus } from './data/apiHooks';
 
 const TagListTable = ({ taxonomyId }) => {
   const intl = useIntl();

src/taxonomy/tag-list/data/selectors.js → src/taxonomy/tag-list/data/apiHooks.jsx

@@ -26,7 +26,6 @@ export const useTagListDataStatus = (taxonomyId, options) => {
   };
 };
 
-// ToDo: fix types
 /**
  * @param {number} taxonomyId
  * @param {import("./types.mjs").QueryOptions} options

src/taxonomy/tag-list/data/selectors.test.js → src/taxonomy/tag-list/data/apiHooks.test.jsx

@@ -1,13 +1,11 @@
+import { useQuery } from '@tanstack/react-query';
 import {
   useTagListDataStatus,
   useTagListDataResponse,
-} from './selectors';
-import {
-  useTagListData,
-} from './api';
+} from './apiHooks';
 
-jest.mock('./api', () => ({
-  useTagListData: jest.fn(),
+jest.mock('@tanstack/react-query', () => ({
+  useQuery: jest.fn(),
 }));
 
 describe('useTagListDataStatus', () => {
@@ -20,7 +18,7 @@ describe('useTagListDataStatus', () => {
       isSuccess: true,
     };
 
-    useTagListData.mockReturnValueOnce(status);
+    useQuery.mockReturnValueOnce(status);
 
     const result = useTagListDataStatus(0, {});
 
@@ -30,15 +28,15 @@ describe('useTagListDataStatus', () => {
 
 describe('useTagListDataResponse', () => {
   it('should return data when status is success', () => {
-    useTagListData.mockReturnValueOnce({ isSuccess: true, data: 'data' });
+    useQuery.mockReturnValueOnce({ isSuccess: true, data: 'data' });
 
     const result = useTagListDataResponse(0, {});
 
     expect(result).toEqual('data');
   });
 
   it('should return undefined when status is not success', () => {
-    useTagListData.mockReturnValueOnce({ isSuccess: false });
+    useQuery.mockReturnValueOnce({ isSuccess: false });
 
     const result = useTagListDataResponse(0, {});
 

src/taxonomy/taxonomy-detail/TaxonomyDetailPage.jsx

@@ -16,7 +16,7 @@ import TaxonomyDetailMenu from './TaxonomyDetailMenu';
 import TaxonomyDetailSideCard from './TaxonomyDetailSideCard';
 import { TagListTable } from '../tag-list';
 import ExportModal from '../export-modal';
-import { useTaxonomyDetailDataResponse, useTaxonomyDetailDataStatus } from './data/selectors';
+import { useTaxonomyDetailDataResponse, useTaxonomyDetailDataStatus } from './data/apiHooks';
 
 const TaxonomyDetailPage = () => {
   const intl = useIntl();

src/taxonomy/taxonomy-detail/data/selectors.test.js → src/taxonomy/taxonomy-detail/data/apiHooks.test.jsx

@@ -1,14 +1,11 @@
-import {
-  useTaxonomyDetailData,
-} from './api';
+import { useQuery } from '@tanstack/react-query';
 import {
   useTaxonomyDetailDataStatus,
   useTaxonomyDetailDataResponse,
-} from './selectors';
+} from './apiHooks';
 
-jest.mock('./api', () => ({
-  __esModule: true,
-  useTaxonomyDetailData: jest.fn(),
+jest.mock('@tanstack/react-query', () => ({
+  useQuery: jest.fn(),
 }));
 
 describe('useTaxonomyDetailDataStatus', () => {
@@ -20,7 +17,7 @@ describe('useTaxonomyDetailDataStatus', () => {
       isSuccess: true,
     };
 
-    useTaxonomyDetailData.mockReturnValueOnce(status);
+    useQuery.mockReturnValueOnce(status);
 
     const result = useTaxonomyDetailDataStatus(0);
 
@@ -30,15 +27,15 @@ describe('useTaxonomyDetailDataStatus', () => {
 
 describe('useTaxonomyDetailDataResponse', () => {
   it('should return data when status is success', () => {
-    useTaxonomyDetailData.mockReturnValueOnce({ isSuccess: true, data: 'data' });
+    useQuery.mockReturnValueOnce({ isSuccess: true, data: 'data' });
 
     const result = useTaxonomyDetailDataResponse();
 
     expect(result).toEqual('data');
   });
 
   it('should return undefined when status is not success', () => {
-    useTaxonomyDetailData.mockReturnValueOnce({ isSuccess: false });
+    useQuery.mockReturnValueOnce({ isSuccess: false });
 
     const result = useTaxonomyDetailDataResponse();