feat: Added SimpleAccessControlFilter component -- ERM-3783 (#1477)

refs ERM-3783

Author: EthanFreestone

package.json

@@ -45,7 +45,7 @@
     "rxjs": "^6.6.3"
   },
   "dependencies": {
-    "@k-int/stripes-kint-components": "^5.26.0",
+    "@k-int/stripes-kint-components": "^5.27.0",
     "@rehooks/local-storage": "^2.4.4",
     "compose-function": "^3.0.3",
     "final-form": "^4.18.4",

src/components/AgreementFilters/AgreementFilters.js

@@ -20,12 +20,13 @@ import {
   DocumentFilter,
   InternalContactSelection,
   OrganizationSelection,
+  SimpleAccessControlFilter
 } from '@folio/stripes-erm-components';
 
 import { CustomPropertiesFilter } from '@k-int/stripes-kint-components';
 
 import AgreementContentFilter from '../AgreementContentFilter';
-import { CUSTPROP_ENDPOINT } from '../../constants';
+import { AGREEMENTS_ACCESSCONTROL_ENDPOINT, CUSTPROP_ENDPOINT } from '../../constants';
 
 const propTypes = {
   activeFilters: PropTypes.object,
@@ -384,9 +385,20 @@ const AgreementFilters = ({
     />;
   };
 
+  const renderAccessControlFilter = () => {
+    return (
+      <SimpleAccessControlFilter
+        accessControlEndpoint={AGREEMENTS_ACCESSCONTROL_ENDPOINT}
+        activeFilters={activeFilters}
+        filterHandlers={filterHandlers}
+      />
+    );
+  };
+
   return (
     <AccordionSet>
       {renderCheckboxFilter('agreementStatus')}
+      {renderAccessControlFilter()}
       {renderMultiSelectFilter('reasonForClosure')}
       {renderCheckboxFilter('renewalPriority', { closedByDefault: true })}
       {renderCheckboxFilter('isPerpetual', { closedByDefault: true })}

src/routes/AgreementsRoute/AgreementsRoute.js

@@ -7,6 +7,7 @@ import {
   getRefdataValuesByDesc,
   useTags,
   useSASQQIndex,
+  POLICIES_FILTER_CONFIG,
 } from '@folio/stripes-erm-components';
 
 import {
@@ -85,6 +86,9 @@ const AgreementsRoute = ({ children, history, location, match }) => {
       {
         /* There were problems with using truthiness ?? on an empty string '' */
         searchKey,
+        filterConfig: [
+          POLICIES_FILTER_CONFIG
+        ],
         filterKeys: {
           agreementContentType: 'agreementContentTypes.contentType.value',
           agreementStatus: 'agreementStatus.value',