UIORGS-193 Add additional filters to support reporting requirements

CHANGELOG.md

@@ -3,6 +3,7 @@
 ## 5.2.0 (IN PROGRESS)
 
 * UX Consistency: HTML Page Title display when the third pane (detail record) displays. Refs UIORGS-423.
+* Add additional filters to support reporting requirements. Refs UIORG-193.
 
 ## [5.1.0](https://github.com/folio-org/ui-organizations/tree/v5.1.0) (2024-03-19)
 [Full Changelog](https://github.com/folio-org/ui-organizations/compare/v5.0.0...v5.1.0)

package.json

@@ -354,6 +354,7 @@
     "@folio/plugin-find-organization": "^5.0.0",
     "@folio/stripes-acq-components": "~5.1.0",
     "lodash": "^4.17.5",
+    "moment": "^2.24.0",
     "moment-timezone": "^0.5.20",
     "prop-types": "^15.5.10",
     "query-string": "^6.1.0",

src/Organizations/OrganizationsList/hooks/useOrganizations/useOrganizations.js

@@ -1,10 +1,12 @@
+import moment from 'moment';
 import { useQuery } from 'react-query';
 import { useLocation } from 'react-router';
 import queryString from 'query-string';
 
 import {
   useNamespace,
   useOkapiKy,
+  useStripes,
 } from '@folio/stripes/core';
 import {
   getFiltersCount,
@@ -19,14 +21,20 @@ export const useOrganizations = ({
   options = {},
 }) => {
   const ky = useOkapiKy();
+  const stripes = useStripes();
   const [namespace] = useNamespace({ key: 'organizations-list' });
 
   const { search } = useLocation();
   const buildQuery = useBuildQuery();
   const queryParams = queryString.parse(search);
-  const query = buildQuery(queryParams);
   const filtersCount = getFiltersCount(queryParams);
 
+  moment.tz.setDefault(stripes.timezone);
+
+  const query = buildQuery(queryParams);
+
+  moment.tz.setDefault();
+
   const defaultSearchParams = {
     query,
     limit: pagination.limit,

src/Organizations/OrganizationsList/hooks/useOrganizations/useOrganizations.test.js

@@ -15,6 +15,7 @@ jest.mock('@folio/stripes/core', () => ({
   ...jest.requireActual('@folio/stripes/core'),
   useNamespace: () => ['namespace'],
   useOkapiKy: jest.fn(),
+  useStripes: jest.fn(() => ({})),
 }));
 
 const organizations = [organization];

translations/ui-organizations/en.json

@@ -43,6 +43,9 @@
   "filterConfig.addressCategory": "Address category",
   "filterConfig.contactPeopleCategory": "Contact people category",
   "filterConfig.country": "Country",
+  "filterConfig.createdBy": "Created by",
+  "filterConfig.dateCreated": "Date created",
+  "filterConfig.dateUpdated": "Date updated",
   "filterConfig.isVendor": "Is vendor",
   "filterConfig.isDonor": "Is donor",
   "filterConfig.languages": "Languages",
@@ -52,6 +55,7 @@
   "filterConfig.boolean.true": "Yes",
   "filterConfig.boolean.false": "No",
   "filterConfig.types": "Types",
+  "filterConfig.updatedBy": "Updated by",
 
   "search.keyword": "All",
   "search.name": "Name",