SONAR-10992 Make bugs, vulnerabilities and code smells default selection (#488)

server/sonar-web/src/main/js/apps/issues/sidebar/ResolutionFacet.tsx

@@ -116,6 +116,7 @@ export default class ResolutionFacet extends React.PureComponent<Props> {
     return (
       <FacetBox property={this.property}>
         <FacetHeader
+          clearLabel="reset_verb"
           name={translate('issues.facet', this.property)}
           onClear={this.handleClear}
           onClick={this.handleHeaderClick}

server/sonar-web/src/main/js/apps/issues/sidebar/TypeFacet.tsx

@@ -70,8 +70,18 @@ export default class TypeFacet extends React.PureComponent<Props> {
     return stats ? stats[type] : undefined;
   }
 
+  isFacetItemActive(type: string) {
+    const { types } = this.props;
+    return (
+      // type is selected explicitly
+      types.includes(type) ||
+      // bugs, vulnerabilities and code smells are selected implicitly by default
+      (types.length === 0 && ['BUG', 'VULNERABILITY', 'CODE_SMELL'].includes(type))
+    );
+  }
+
   renderItem = (type: string) => {
-    const active = this.props.types.includes(type);
+    const active = this.isFacetItemActive(type);
     const stat = this.getStat(type);
 
     return (
@@ -100,6 +110,7 @@ export default class TypeFacet extends React.PureComponent<Props> {
     return (
       <FacetBox property={this.property}>
         <FacetHeader
+          clearLabel="reset_verb"
           name={translate('issues.facet', this.property)}
           onClear={this.handleClear}
           onClick={this.handleHeaderClick}

server/sonar-web/src/main/js/components/facet/FacetHeader.tsx

@@ -25,6 +25,7 @@ import { translate, translateWithParameters } from '../../helpers/l10n';
 
 interface Props {
   children?: React.ReactNode;
+  clearLabel?: string;
   helper?: string;
   name: React.ReactNode;
   onClear?: () => void;
@@ -94,7 +95,7 @@ export default class FacetHeader extends React.PureComponent<Props> {
           <Button
             className="search-navigator-facet-header-button button-small button-red"
             onClick={this.props.onClear}>
-            {translate('clear')}
+            {translate(this.props.clearLabel || 'clear')}
           </Button>
         )}
       </div>