chore: delete deprecated FilterItem (#717)

BREAKING CHANGE: deleted deprecated component `FilterItem`, please use `FilterGroupItem` instead. The `FilterBar` is now accepting only `FilterGroupItem`s as children.

Closes #646

Author: MarcusNotheis

packages/main/src/components/FilterBar/FilterDialog.tsx

@@ -193,15 +193,13 @@ export const FilterDialog = (props) => {
   const renderChildren = useCallback(() => {
     return children
       .filter((item) => {
-        if (item.type.displayName !== 'FilterGroupItem') return true; //needed for deprecated FilterItem or custom elements
         return (
           !!item?.props &&
           item.props?.visible &&
           (item.props?.label?.toLowerCase().includes(searchString.toLowerCase()) || searchString.length === 0)
         );
       })
       .map((child) => {
-        if (child.type.displayName !== 'FilterGroupItem') return child; //needed for deprecated FilterItem or custom elements
         const filterBarItemRef = filterBarRefs.current[child.key];
         let filterItemProps = {};
         if (filterBarItemRef) {

packages/main/src/components/FilterBar/index.tsx

@@ -238,12 +238,9 @@ const FilterBar: FC<FilterBarPropTypes> = forwardRef((props: FilterBarPropTypes,
     const childProps = { considerGroupName, inFB: true } as any;
     return safeChildren()
       .filter((item: ReactElement<any, any>) => {
-        if (item.type.displayName !== 'FilterGroupItem') return true; // needed for deprecated FilterItem or custom elements
-
         return item?.props?.visible && item.props?.visibleInFilterBar;
       })
       .map((child: ReactElement<any, any>) => {
-        if (child.type.displayName !== 'FilterGroupItem') return child; // needed for deprecated FilterItem or custom elements
         if (filterContainerWidth) {
           childProps.style = { width: filterContainerWidth, ...child.props.style };
         }

packages/main/src/components/FilterItem/FilterItem.jss.ts

@@ -41,8 +41,6 @@ import { FCLLayout } from './lib/FCLLayout';
 import { FileUploader } from './lib/FileUploader';
 import { FilterBar } from './lib/FilterBar';
 import { FilterGroupItem } from './lib/FilterGroupItem';
-import { FilterItem } from './lib/FilterItem';
-import { FilterType } from './lib/FilterType';
 import { FlexBox } from './lib/FlexBox';
 import { FlexBoxAlignItems } from './lib/FlexBoxAlignItems';
 import { FlexBoxDirection } from './lib/FlexBoxDirection';
@@ -197,8 +195,6 @@ export {
   FileUploader,
   FilterBar,
   FilterGroupItem,
-  FilterItem,
-  FilterType,
   FlexBox,
   FlexBoxAlignItems,
   FlexBoxDirection,