set back available filtering

elastic · Nov 27, 2023 · ff764d0 · ff764d0
1 parent c746466
commit ff764d0
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 11 deletions.
diff --git a/x-pack/plugins/cases/public/components/all_cases/table_filter_config/use_filter_config.tsx b/x-pack/plugins/cases/public/components/all_cases/table_filter_config/use_filter_config.tsx
@@ -116,9 +116,7 @@ export const useFilterConfig = ({
     setActiveByFilterKey(newActiveByFilterKey);
   };
 
-  const filterConfigArray = Array.from(filterConfigs.values()).filter(
-    (filter) => filter.isAvailable
-  );
+  const filterConfigArray = Array.from(filterConfigs.values());
   const selectableOptions = filterConfigArray
     .map(({ key, label }) => ({
       key,

diff --git a/...lugins/cases/public/components/all_cases/table_filter_config/use_system_filter_config.tsx b/...lugins/cases/public/components/all_cases/table_filter_config/use_system_filter_config.tsx
@@ -17,7 +17,7 @@ import { SeverityFilter } from '../severity_filter';
 import { AssigneesFilterPopover } from '../assignees_filter';
 import type { CurrentUserProfile } from '../../types';
 import type { AssigneesFilteringSelection } from '../../user_profiles/types';
-import type { FilterChangeHandler, FilterConfig } from './types';
+import type { FilterChangeHandler, FilterConfig, FilterConfigRenderParams } from './types';
 
 interface UseFilterConfigProps {
   availableSolutions: string[];
@@ -61,7 +61,7 @@ export const getSystemFilterConfig = ({
       deactivate: () => {
         onFilterOptionChange({ filterId: 'severity', selectedOptionKeys: [] });
       },
-      render: ({ filterOptions, onChange }) => (
+      render: ({ filterOptions, onChange }: FilterConfigRenderParams) => (
         <SeverityFilter selectedOptionKeys={filterOptions.severity} onChange={onChange} />
       ),
     },
@@ -73,7 +73,7 @@ export const getSystemFilterConfig = ({
       deactivate: () => {
         onFilterOptionChange({ filterId: 'status', selectedOptionKeys: [] });
       },
-      render: ({ filterOptions, onChange }) => (
+      render: ({ filterOptions, onChange }: FilterConfigRenderParams) => (
         <StatusFilter
           selectedOptionKeys={filterOptions?.status}
           onChange={onChange}
@@ -92,7 +92,7 @@ export const getSystemFilterConfig = ({
       deactivate: () => {
         handleSelectedAssignees([]);
       },
-      render: ({ filterOptions, onChange }) => {
+      render: ({ filterOptions, onChange }: FilterConfigRenderParams) => {
         return (
           <AssigneesFilterPopover
             selectedAssignees={selectedAssignees}
@@ -111,7 +111,7 @@ export const getSystemFilterConfig = ({
       deactivate: () => {
         onFilterOptionChange({ filterId: 'tags', selectedOptionKeys: [] });
       },
-      render: ({ filterOptions, onChange }) => (
+      render: ({ filterOptions, onChange }: FilterConfigRenderParams) => (
         <MultiSelectFilter
           buttonLabel={i18n.TAGS}
           id={'tags'}
@@ -131,7 +131,7 @@ export const getSystemFilterConfig = ({
       deactivate: () => {
         onFilterOptionChange({ filterId: 'category', selectedOptionKeys: [] });
       },
-      render: ({ filterOptions, onChange }) => (
+      render: ({ filterOptions, onChange }: FilterConfigRenderParams) => (
         <MultiSelectFilter
           buttonLabel={i18n.CATEGORIES}
           id={'category'}
@@ -151,15 +151,15 @@ export const getSystemFilterConfig = ({
       deactivate: () => {
         onFilterOptionChange({ filterId: 'owner', selectedOptionKeys: availableSolutions });
       },
-      render: ({ filterOptions, onChange }) => (
+      render: ({ filterOptions, onChange }: FilterConfigRenderParams) => (
         <SolutionFilter
           onChange={onChange}
           selectedOptionKeys={filterOptions?.owner}
           availableSolutions={availableSolutions}
         />
       ),
     },
-  ];
+  ].filter((filter) => filter.isAvailable) as FilterConfig[];
 };
 
 export const useSystemFilterConfig = ({