WEB-4654 - Filter Bar

app/pages/clinicworkspace/AppliedFiltersAdapter.js

@@ -0,0 +1,62 @@
+import React from 'react';
+import { useSelector } from 'react-redux';
+import PropTypes from 'prop-types';
+import without from 'lodash/without';
+
+import AppliedFilters from './components/AppliedFilters';
+import { defaultFilterState } from './useClinicPatientsFilters';
+
+const AppliedFiltersAdapter = ({ activeFilters, setActiveFilters }) => {
+  const { patientListSearchTextInput } = useSelector(({ blip }) => blip.patientListFilters);
+
+  const handleRemoveFilter = (filterKey, value) => {
+    switch (filterKey) {
+      case 'lastData':
+        setActiveFilters({
+          ...activeFilters,
+          lastData: defaultFilterState.lastData,
+          lastDataType: defaultFilterState.lastDataType,
+        });
+        break;
+
+      case 'timeInRange':
+        setActiveFilters({
+          ...activeFilters,
+          timeInRange: without(activeFilters.timeInRange, value),
+        });
+        break;
+
+      case 'patientTags':
+        setActiveFilters({
+          ...activeFilters,
+          patientTags: without(activeFilters.patientTags, value),
+        });
+        break;
+
+      case 'clinicSites':
+        setActiveFilters({
+          ...activeFilters,
+          clinicSites: without(activeFilters.clinicSites, value),
+        });
+        break;
+
+      default:
+        setActiveFilters({
+          ...activeFilters,
+          [filterKey]: defaultFilterState[filterKey],
+        });
+    }
+  };
+
+  const hasSearchActive = !!patientListSearchTextInput;
+
+  return (
+    <AppliedFilters
+      hasSearchActive={hasSearchActive}
+      filters={activeFilters}
+      onRemoveFilter={handleRemoveFilter}
+    />
+  );
+};
+
+export default AppliedFiltersAdapter;