UIREQMED-3: Add Search field for Mediated requests activity page

src/components/MediatedRequestsActivities/components/MediatedRequestsFilters/MediatedRequestsFilters.js

@@ -1,5 +1,3 @@
-import PropTypes from 'prop-types';
-
 import { stripesConnect } from '@folio/stripes/core';
 
 import {
@@ -11,18 +9,13 @@ import {
 import {
   getIsTitleLevelRequestsFeatureEnabled,
 } from '../../../../utils';
+import {
+  useGeneralTlrSettings
+} from '../../../../hooks';
 
-const SETTINGS_SCOPES = {
-  CIRCULATION: 'circulation',
-};
-const SETTINGS_KEYS = {
-  GENERAL_TLR: 'generalTlr',
-};
-
-const MediatedRequestsFilters = ({
-  resources,
-}) => {
-  const isTitleLevelRequestsFeatureEnabled = getIsTitleLevelRequestsFeatureEnabled(resources);
+const MediatedRequestsFilters = () => {
+  const { data } = useGeneralTlrSettings();
+  const isTitleLevelRequestsFeatureEnabled = getIsTitleLevelRequestsFeatureEnabled(data);
 
   return (
     <form
@@ -43,19 +36,4 @@ const MediatedRequestsFilters = ({
   );
 };
 
-MediatedRequestsFilters.manifest = {
-  configs: {
-    type: 'okapi',
-    records: 'items',
-    path: 'settings/entries',
-    params: {
-      query: `(scope==${SETTINGS_SCOPES.CIRCULATION} and key==${SETTINGS_KEYS.GENERAL_TLR})`,
-    },
-  },
-};
-
-MediatedRequestsFilters.propTypes = {
-  resources: PropTypes.object.isRequired,
-};
-
 export default stripesConnect(MediatedRequestsFilters);

src/components/MediatedRequestsActivities/components/MediatedRequestsFilters/MediatedRequestsFilters.test.js

@@ -15,6 +15,10 @@ jest.mock('./components', () => ({
   Search: jest.fn((props) => (<div {...props} />)),
 }));
 
+jest.mock('../../../../hooks', () => ({
+  useGeneralTlrSettings:  () => false,
+}));
+
 const testIds = {
   mediatedRequestsFiltersForm: 'MediatedRequestsFiltersForm',
   mediatedRequestsFiltersSearch: 'MediatedRequestsFiltersSearch',
@@ -47,7 +51,7 @@ describe('MediatedRequestsFilters', () => {
     expect(MediatedRequestStatusFilter).toHaveBeenCalledWith(expect.objectContaining({}), {});
   });
 
-  it('should not render status filter', () => {
+  it('should not render level filter', () => {
     expect(screen.queryByTestId(testIds.mediatedRequestFiltersLevelFilter)).not.toBeInTheDocument();
   });
 });

src/hooks/index.js

@@ -0,0 +1 @@
+export { default as useGeneralTlrSettings } from './useGeneralTlrSettings';

src/hooks/useGeneralTlrSettings.js

@@ -0,0 +1,33 @@
+import { useQuery } from 'react-query';
+
+import { useNamespace, useOkapiKy } from '@folio/stripes/core';
+
+const SETTINGS_SCOPES = {
+  CIRCULATION: 'circulation',
+};
+const SETTINGS_KEYS = {
+  GENERAL_TLR: 'generalTlr',
+};
+
+const useGeneralTlrSettings = () => {
+  const ky = useOkapiKy();
+  const [namespace] = useNamespace({ key: 'generalTlrSettings' });
+  const searchParams = {
+    query: `(scope==${SETTINGS_SCOPES.CIRCULATION} and key==${SETTINGS_KEYS.GENERAL_TLR})`,
+  };
+
+  const { isLoading, data, refetch, isFetching } = useQuery(
+    [namespace],
+    () => ky.get('settings/entries', { searchParams }).json(),
+    { enabled: true },
+  );
+
+  return ({
+    isLoading,
+    isFetching,
+    data,
+    refetch,
+  });
+};
+
+export default useGeneralTlrSettings;

src/utils.js

@@ -6,5 +6,5 @@ export const transformRequestFilterOptions = (formatMessage, source = []) => (
 );
 
 export const getIsTitleLevelRequestsFeatureEnabled = (data) => (
-  data?.configs.records[0]?.value?.titleLevelRequestsFeatureEnabled || false
+  data?.items[0]?.value?.titleLevelRequestsFeatureEnabled || false
 );