UISACQCOMP-228 Add more reusable hooks and utilities

CHANGELOG.md

@@ -2,6 +2,8 @@
 
 ## (6.1.0 IN PROGRESS)
 
+* Add more reusable hooks and utilities. Refs UISACQCOMP-228.
+
 ## [6.0.0](https://github.com/folio-org/stripes-acq-components/tree/v6.0.0) (2024-10-29)
 [Full Changelog](https://github.com/folio-org/stripes-acq-components/compare/v5.1.2...v6.0.0)
 

lib/AcqList/utils/queryUtils.js

@@ -60,7 +60,11 @@ export const getFilterParams = (queryParams) => omit(
 );
 
 export const getFiltersCount = (filters) => {
-  return filters && Object.keys(getFilterParams(filters)).filter(k => filters[k] !== undefined).length;
+  return filters && Object.keys(getFilterParams(filters)).filter((k) => {
+    return k === SEARCH_PARAMETER
+      ? Boolean(filters[k])
+      : filters[k] !== undefined;
+  }).length;
 };
 
 export const buildFilterQuery = (

lib/CustomFieldsFilters/CustomFieldsFilter.js

@@ -26,11 +26,12 @@ const CustomFieldsFilter = ({
   customField,
   disabled,
   onChange,
+  name: filterNameProp,
 }) => {
   const FilterComponent = customFieldTypeToFilterMap[customField.type];
   const { refId, name, selectField } = customField;
   const values = selectField?.options?.values ?? [{ id: 'true', value: name }];
-  const filterName = `${CUSTOM_FIELDS_FILTER}.${refId}`;
+  const filterName = `${filterNameProp || CUSTOM_FIELDS_FILTER}.${refId}`;
   const dataOptions = values.map(({ id: value, value: label }) => ({
     label,
     value,
@@ -85,6 +86,7 @@ CustomFieldsFilter.propTypes = {
   customField: PropTypes.object,
   disabled: PropTypes.bool,
   onChange: PropTypes.func.isRequired,
+  name: PropTypes.string,
 };
 
 CustomFieldsFilter.defaultProps = {

lib/CustomFieldsFilters/CustomFieldsFilters.js

@@ -7,13 +7,15 @@ export const CustomFieldsFilters = ({
   activeFilters,
   customFields,
   onChange,
+  name,
   ...props
 }) => {
   if (!customFields) return null;
 
   return customFields.map((customField) => (
     <CustomFieldsFilter
-      activeFilters={activeFilters[`${CUSTOM_FIELDS_FILTER}.${customField.refId}`]}
+      name={name}
+      activeFilters={activeFilters[`${name || CUSTOM_FIELDS_FILTER}.${customField.refId}`]}
       customField={customField}
       key={`custom-field-${customField.id}`}
       onChange={onChange}
@@ -28,4 +30,5 @@ CustomFieldsFilters.propTypes = {
   customFields: PropTypes.arrayOf(PropTypes.object),
   disabled: PropTypes.bool,
   onChange: PropTypes.func.isRequired,
+  name: PropTypes.string,
 };

lib/hooks/index.js

@@ -3,6 +3,7 @@ export * from './useAccordionToggle';
 export * from './useAcqMethodsOptions';
 export * from './useAcquisitionMethods';
 export * from './useAcquisitionUnits';
+export * from './useAddresses';
 export * from './useAsyncDebounce';
 export * from './useCampuses';
 export * from './useCampusesQuery';

lib/hooks/useAddresses/index.js

@@ -0,0 +1 @@
+export { useAddresses } from './useAddresses';

lib/hooks/useAddresses/useAddresses.js

@@ -0,0 +1,57 @@
+import { useQuery } from 'react-query';
+
+import {
+  useNamespace,
+  useOkapiKy,
+} from '@folio/stripes/core';
+
+import {
+  CONFIG_API,
+  LIMIT_MAX,
+} from '../../constants';
+import { getAddresses } from '../../utils';
+
+const MODULE_TENANT = 'TENANT';
+const CONFIG_ADDRESSES = 'tenant.addresses';
+const DEFAULT_DATA = [];
+
+export const useAddresses = (options = {}) => {
+  const {
+    enabled = true,
+    tenantId,
+    ...queryOptions
+  } = options;
+
+  const [namespace] = useNamespace({ key: 'acquisitions-units' });
+  const ky = useOkapiKy({ tenant: tenantId });
+
+  const searchParams = {
+    query: `(module=${MODULE_TENANT} and configName=${CONFIG_ADDRESSES})`,
+    limit: LIMIT_MAX,
+  };
+
+  const {
+    data,
+    isFetching,
+    isLoading,
+  } = useQuery({
+    queryKey: [namespace, tenantId],
+    queryFn: ({ signal }) => {
+      return ky.get(CONFIG_API, { searchParams, signal })
+        .json()
+        .then(({ configs, totalRecords }) => ({
+          addresses: getAddresses(configs),
+          totalRecords,
+        }));
+    },
+    enabled,
+    ...queryOptions,
+  });
+
+  return ({
+    addresses: data?.addresses || DEFAULT_DATA,
+    totalRecords: data?.totalRecords || 0,
+    isFetching,
+    isLoading,
+  });
+};

lib/utils/getAddressOptions.js

@@ -0,0 +1,8 @@
+import sortBy from 'lodash/sortBy';
+
+export const getAddressOptions = (addresses = []) => sortBy(
+  addresses.map(address => ({
+    value: address.id,
+    label: address.name,
+  })), 'label',
+);

lib/utils/index.js

@@ -16,6 +16,7 @@ export * from './formatDateTime';
 export * from './generateQueryTemplate';
 export * from './getAcqUnitsOptions';
 export * from './getAddresses';
+export * from './getAddressOptions';
 export * from './getAmountWithCurrency';
 export * from './getConfigSetting';
 export * from './getControlledVocabTranslations';