diff --git a/packages/core-components/src/components/Table/Table.tsx b/packages/core-components/src/components/Table/Table.tsx index d4a737a204..8d91118d59 100644 --- a/packages/core-components/src/components/Table/Table.tsx +++ b/packages/core-components/src/components/Table/Table.tsx @@ -365,6 +365,15 @@ export function Table(props: TableProps) { setSelectedFiltersLength(selectedFiltersArray.flat().length); }, [data, selectedFilters, getFieldByTitle]); + // Check for deprecated checkbox-tree filter + useEffect(() => { + filters?.map(filter => { + // eslint-disable-next-line no-console + if (filter.type === 'checkbox-tree') + console.warn('"checkbox-tree" filter type is deprecated'); + }); + }, [filters]); + const constructFilters = ( filterConfig: TableFilter[], dataValue: any[] | undefined, @@ -419,22 +428,12 @@ export function Table(props: TableProps) { }; }; - const constructFilterElement = ( - filter: TableFilter, - ): - | Without - | Without => { - if (filter.type === 'checkbox-tree') { - // eslint-disable-next-line no-console - console.warn('"checkbox-tree" filter type is deprecated'); - return constructCheckboxTree(filter); - } - return constructSelect(filter); - }; - return filterConfig.map(filter => ({ type: filter.type, - element: constructFilterElement(filter), + element: + filter.type === 'checkbox-tree' + ? constructCheckboxTree(filter) + : constructSelect(filter), })); };