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

folio-org · Jun 20, 2024 · b137ae5 · b137ae5
1 parent 1454d47
commit b137ae5
Show file tree

Hide file tree

Showing 6 changed files with 24 additions and 9 deletions.
diff --git a/...atedRequestsActivities/components/MediatedRequestsFilters/MediatedRequestsFilters.test.js b/...atedRequestsActivities/components/MediatedRequestsFilters/MediatedRequestsFilters.test.js
@@ -4,14 +4,10 @@ import {
 } from '@folio/jest-config-stripes/testing-library/react';
 
 import MediatedRequestsFilters from './MediatedRequestsFilters';
-
 import {
-  MediatedRequestLevelFilter,
   MediatedRequestStatusFilter,
   Search,
 } from './components';
-import NavigationMenu from '../../../NavigationMenu';
-import { getMediatedRequestsActivitiesUrl } from '../../../../constants';
 
 jest.mock('./components', () => ({
   MediatedRequestLevelFilter: jest.fn((props) => (<div {...props} />)),

diff --git a/...diatedRequestsFilters/components/MediatedRequestLevelFilter/MediatedRequestLevelFilter.js b/...diatedRequestsFilters/components/MediatedRequestLevelFilter/MediatedRequestLevelFilter.js
@@ -35,7 +35,7 @@ const MediatedRequestLevelFilter = () => {
       >
         <CheckboxFilter
           data-testid={`${MEDIATED_REQUEST_FILTER_TYPES.MEDIATED_REQUEST_LEVELS}Filter`}
-          dataOptions={transformRequestFilterOptions(MEDIATED_REQUEST_LEVEL_TRANSLATIONS, formatMessage)}
+          dataOptions={transformRequestFilterOptions(formatMessage, MEDIATED_REQUEST_LEVEL_TRANSLATIONS)}
           name={MEDIATED_REQUEST_FILTER_TYPES.MEDIATED_REQUEST_LEVELS}
           onChange={() => {}}
         />

diff --git a/...atedRequestsFilters/components/MediatedRequestStatusFilter/MediatedRequestStatusFilter.js b/...atedRequestsFilters/components/MediatedRequestStatusFilter/MediatedRequestStatusFilter.js
@@ -35,7 +35,7 @@ const MediatedRequestStatusFilter = () => {
       >
         <CheckboxFilter
           data-testid={`${MEDIATED_REQUEST_FILTER_TYPES.MEDIATED_REQUEST_STATUS}Filter`}
-          dataOptions={transformRequestFilterOptions(MEDIATED_REQUEST_STATUS_TRANSLATIONS, formatMessage)}
+          dataOptions={transformRequestFilterOptions(formatMessage, MEDIATED_REQUEST_STATUS_TRANSLATIONS)}
           name={MEDIATED_REQUEST_FILTER_TYPES.MEDIATED_REQUEST_STATUS}
           onChange={() => {}}
         />

diff --git a/src/components/NavigationMenu/NavigationMenu.js b/src/components/NavigationMenu/NavigationMenu.js
@@ -13,6 +13,8 @@ import {
   getSendItemInTransitUrl,
 } from '../../constants';
 
+import styles from './NavigationMenu.css';
+
 export const getDataOptions = (intl) => ([
   {
     label: intl.formatMessage({ id: 'ui-requests-mediated.app.mediatedRequestsActivities.navigation' }),
@@ -44,8 +46,6 @@ export const handleChangeMenu = (event, location, history) => {
   history.push(destination);
 };
 
-import styles from './NavigationMenu.css';
-
 const NavigationMenu = ({
   value,
   separator,

diff --git a/src/utils.js b/src/utils.js
@@ -1,4 +1,4 @@
-export const transformRequestFilterOptions = (source = [], formatMessage) => (
+export const transformRequestFilterOptions = (formatMessage, source = []) => (
   source.map(({ label, value }) => ({
     label: formatMessage({ id: label }),
     value,

diff --git a/src/utils.test.js b/src/utils.test.js
@@ -0,0 +1,19 @@
+import {
+  transformRequestFilterOptions,
+} from './utils';
+
+describe('transformRequestFilterOptions', () => {
+  const formatMessage = jest.fn(({ id }) => id);
+  const option = {
+    label: 'label',
+    value: 'value',
+  };
+
+  it('should return data options', () => {
+    expect(transformRequestFilterOptions(formatMessage, [option])).toEqual([option]);
+  });
+
+  it('should not return data options', () => {
+    expect(transformRequestFilterOptions(formatMessage)).toEqual([]);
+  });
+});