fix(FilterGroupItem): don't show colon if label is empty (#4529)

Fixes #4513

Author: Lukas742

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

@@ -431,6 +431,24 @@ describe('FilterBar.cy.tsx', () => {
     cy.get('@search').should('have.callCount', 11);
   });
 
+  it('show no colon for empty label', () => {
+    cy.mount(
+      <FilterBar>
+        <FilterGroupItem>
+          <Input />
+        </FilterGroupItem>
+        <FilterGroupItem label="Input">
+          <Input placeholder="Placeholder" />
+        </FilterGroupItem>
+      </FilterBar>
+    );
+
+    cy.get('[show-colon="true"]').should('have.length', 1);
+    cy.findByText('Filters').click();
+    cy.findByText('Show Values').click();
+    cy.get('[show-colon="true"]').should('have.length', 2);
+  });
+
   mountWithCustomTagName(FilterBar);
 
   cypressPassThroughTestsFactory(FilterBar);

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

@@ -118,7 +118,7 @@ export const FilterGroupItem = forwardRef<HTMLDivElement, FilterGroupItemPropTyp
               className={classes.dialogCellLabel}
               title={labelTooltip ?? label}
               required={required}
-              showColon={withValues}
+              showColon={!!label && withValues}
             >
               {label}
             </Label>
@@ -138,7 +138,7 @@ export const FilterGroupItem = forwardRef<HTMLDivElement, FilterGroupItemPropTyp
     <div ref={ref} slot={slot} {...rest} className={clsx(classes.filterItem, className)}>
       <div className={inFB ? classes.innerFilterItemContainer : classes.innerFilterItemContainerDialog}>
         <FlexBox>
-          <Label title={labelTooltip ?? label} required={required} showColon>
+          <Label title={labelTooltip ?? label} required={required} showColon={!!label}>
             {`${considerGroupName && groupName !== 'default' ? `${groupName}: ` : ''}
           ${label}`}
           </Label>