SCA-1216 Risk Reports on Project Overview Page (#3952)

GitOrigin-RevId: 549e0b1d70c2fe23fdb9b24db2be99f4d8497d6c

Author: subdavis

libs/sq-server-commons/src/components/controls/ComponentReportActions.tsx renamed to apps/sq-server/src/main/js/app/components/controls/ComponentReportActions.tsx

@@ -19,17 +19,19 @@
  */
 
 import { ComponentQualifier } from '~shared/types/component';
-import withAppStateContext from '../../context/app-state/withAppStateContext';
-import withCurrentUserContext from '../../context/current-user/withCurrentUserContext';
+import withAppStateContext from '~sq-server-commons/context/app-state/withAppStateContext';
+import { useAvailableFeatures } from '~sq-server-commons/context/available-features/withAvailableFeatures';
+import withCurrentUserContext from '~sq-server-commons/context/current-user/withCurrentUserContext';
 import {
   useGetReportStatusQuery,
   useSubscribeToEmailReportMutation,
   useUnsubscribeFromEmailReportMutation,
-} from '../../queries/subscriptions';
-import { AppState } from '../../types/appstate';
-import { Branch } from '../../types/branch-like';
-import { Component } from '../../types/types';
-import { CurrentUser, isLoggedIn } from '../../types/users';
+} from '~sq-server-commons/queries/subscriptions';
+import { AppState } from '~sq-server-commons/types/appstate';
+import { Branch } from '~sq-server-commons/types/branch-like';
+import { Feature } from '~sq-server-commons/types/features';
+import { Component } from '~sq-server-commons/types/types';
+import { CurrentUser, isLoggedIn } from '~sq-server-commons/types/users';
 import ComponentReportActionsRenderer from './ComponentReportActionsRenderer';
 
 interface Props {
@@ -41,6 +43,7 @@ interface Props {
 
 export function ComponentReportActions(props: Readonly<Props>) {
   const { appState, branch, component, currentUser } = props;
+  const scaEnabled = useAvailableFeatures().hasFeature(Feature.Sca);
   const { data: status, isLoading } = useGetReportStatusQuery(
     {
       componentKey: component.key,
@@ -81,6 +84,7 @@ export function ComponentReportActions(props: Readonly<Props>) {
       frequency={status.componentFrequency || status.globalFrequency}
       handleSubscription={handleSubscribe}
       handleUnsubscription={handleUnsubscribe}
+      scaEnabled={scaEnabled}
       subscribed={status.subscribed}
     />
   );

libs/sq-server-commons/src/components/controls/ComponentReportActionsRenderer.tsx renamed to apps/sq-server/src/main/js/app/components/controls/ComponentReportActionsRenderer.tsx

@@ -30,13 +30,14 @@ import {
 } from '@sonarsource/echoes-react';
 import { useIntl } from 'react-intl';
 import { isApplication } from '~shared/helpers/component';
-import { getReportUrl } from '../../api/component-report';
-import { getRegulatoryReportUrl } from '../../api/regulatory-report';
-import { DocLink } from '../../helpers/doc-links';
-import { translate, translateWithParameters } from '../../helpers/l10n';
-import { Branch } from '../../types/branch-like';
-import { Component } from '../../types/types';
-import DocumentationLink from '../common/DocumentationLink';
+import { addons } from '~sq-server-addons/index';
+import { getReportUrl } from '~sq-server-commons/api/component-report';
+import { getRegulatoryReportUrl } from '~sq-server-commons/api/regulatory-report';
+import DocumentationLink from '~sq-server-commons/components/common/DocumentationLink';
+import { DocLink } from '~sq-server-commons/helpers/doc-links';
+import { translate, translateWithParameters } from '~sq-server-commons/helpers/l10n';
+import { Branch } from '~sq-server-commons/types/branch-like';
+import { Component } from '~sq-server-commons/types/types';
 
 export interface ComponentReportActionsRendererProps {
   branch?: Branch;
@@ -46,6 +47,7 @@ export interface ComponentReportActionsRendererProps {
   frequency: string;
   handleSubscription: () => void;
   handleUnsubscription: () => void;
+  scaEnabled: boolean;
   subscribed: boolean;
 }
 
@@ -65,6 +67,7 @@ export default function ComponentReportActionsRenderer(
   props: Readonly<ComponentReportActionsRendererProps>,
 ) {
   const {
+    scaEnabled,
     branch,
     component,
     frequency,
@@ -132,6 +135,17 @@ export default function ComponentReportActionsRenderer(
               })}
             </DropdownMenu.ItemButton>
 
+            {scaEnabled && addons.sca && (
+              <>
+                <DropdownMenu.Separator />
+                <addons.sca.ScaReportOverviewOptions
+                  branch={branch?.name}
+                  component={component.key}
+                  componentName={component.name}
+                />
+              </>
+            )}
+
             {!isApplication(component.qualifier) && (
               <>
                 <DropdownMenu.Separator />

libs/sq-server-commons/src/components/controls/__tests__/ComponentReportActions-test.tsx renamed to apps/sq-server/src/main/js/app/components/controls/__tests__/ComponentReportActions-test.tsx

@@ -25,33 +25,39 @@ import {
   getReportStatus,
   subscribeToEmailReport,
   unsubscribeFromEmailReport,
-} from '../../../api/component-report';
-import { addGlobalSuccessMessage } from '../../../design-system';
-import { mockBranch } from '../../../helpers/mocks/branch-like';
-import { mockComponent } from '../../../helpers/mocks/component';
-import { mockComponentReportStatus } from '../../../helpers/mocks/component-report';
-import { mockAppState, mockCurrentUser, mockLoggedInUser } from '../../../helpers/testMocks';
-import { renderApp } from '../../../helpers/testReactTestingUtils';
+} from '~sq-server-commons/api/component-report';
+import { addGlobalSuccessMessage } from '~sq-server-commons/design-system';
+import { mockBranch } from '~sq-server-commons/helpers/mocks/branch-like';
+import { mockComponent } from '~sq-server-commons/helpers/mocks/component';
+import { mockComponentReportStatus } from '~sq-server-commons/helpers/mocks/component-report';
+import {
+  mockAppState,
+  mockCurrentUser,
+  mockLoggedInUser,
+} from '~sq-server-commons/helpers/testMocks';
+import { renderApp } from '~sq-server-commons/helpers/testReactTestingUtils';
 import { ComponentReportActions } from '../ComponentReportActions';
 
-jest.mock('../../../design-system', () => ({
-  ...jest.requireActual('../../../design-system'),
+jest.mock('~sq-server-commons/design-system', () => ({
+  ...jest.requireActual('~sq-server-commons/design-system'),
   addGlobalSuccessMessage: jest.fn(),
 }));
 
-jest.mock('../../../api/component-report', () => ({
-  ...jest.requireActual('../../../api/component-report'),
+jest.mock('~sq-server-commons/api/component-report', () => ({
+  ...jest.requireActual('~sq-server-commons/api/component-report'),
   getReportStatus: jest
     .fn()
     .mockResolvedValue(
-      jest.requireActual('../../../helpers/mocks/component-report').mockComponentReportStatus(),
+      jest
+        .requireActual('~sq-server-commons/helpers/mocks/component-report')
+        .mockComponentReportStatus(),
     ),
   subscribeToEmailReport: jest.fn().mockResolvedValue(undefined),
   unsubscribeFromEmailReport: jest.fn().mockResolvedValue(undefined),
 }));
 
-jest.mock('../../../helpers/system', () => ({
-  ...jest.requireActual('../../../helpers/system'),
+jest.mock('~sq-server-commons/helpers/system', () => ({
+  ...jest.requireActual('~sq-server-commons/helpers/system'),
   getBaseUrl: jest.fn().mockReturnValue('baseUrl'),
 }));
 

apps/sq-server/src/main/js/apps/overview/branches/BranchMetaTopBar.tsx

@@ -24,7 +24,6 @@ import { Badge, SeparatorCircleIcon } from '~design-system';
 import { ComponentQualifier } from '~shared/types/component';
 import { MeasureEnhanced } from '~shared/types/measures';
 import { MetricKey, MetricType } from '~shared/types/metrics';
-import ComponentReportActions from '~sq-server-commons/components/controls/ComponentReportActions';
 import HomePageSelect from '~sq-server-commons/components/controls/HomePageSelect';
 import Tooltip from '~sq-server-commons/components/controls/Tooltip';
 import { useAvailableFeatures } from '~sq-server-commons/context/available-features/withAvailableFeatures';
@@ -36,6 +35,7 @@ import { Branch } from '~sq-server-commons/types/branch-like';
 import { Feature } from '~sq-server-commons/types/features';
 import { Component } from '~sq-server-commons/types/types';
 import { HomePage } from '~sq-server-commons/types/users';
+import ComponentReportActions from '../../../app/components/controls/ComponentReportActions';
 import { getCurrentPage } from '../../../app/components/nav/component/utils';
 
 interface Props {

libs/sq-server-commons/src/l10n/default.ts

@@ -95,6 +95,7 @@ export const defaultMessages = {
   created_on: 'Created on',
   criteria: 'Criteria',
   critical: 'Critical',
+  csv: 'CSV',
   current: 'current',
   current_noun: 'Current',
   customize: 'Customize',
@@ -151,6 +152,7 @@ export const defaultMessages = {
   inheritance: 'Inheritance',
   internal: 'internal',
   inventory: 'Inventory',
+  json: 'JSON',
   key: 'Key',
   later: 'Later',
   language: 'Language',
@@ -1610,7 +1612,6 @@ export const defaultMessages = {
   'dependencies.list.export_as_sbom.type.spdx_23': 'SPDX v2.3',
   'dependencies.list.export_as_sbom.type.spdx_30': 'SPDX v3.0',
   'dependencies.list.export_as_sbom.format.xml': 'XML',
-  'dependencies.list.export_as_sbom.format.json': 'JSON',
   'dependencies.risk.header.risk_severity': 'Severity of impact',
   'dependencies.risk.header.risk_severity.intro': 'How is the severity impact calculated?',
   'dependencies.risk.header.first_detected': 'First detected',
@@ -1991,6 +1992,16 @@ export const defaultMessages = {
   'sca.quality_gates.metric.sca_count_licensing': 'Prohibited license dependency risks',
   'sca.quality_gates.metric.sca_severity_licensing.description':
     "All prohibited license risks are classified as high severity by Sonar. Therefore, this condition will cause the quality gate to fail if any of a project's dependencies use a license that is prohibited by the project's License Profile.",
+
+  //------------------------------------------------------------------------------
+  //
+  // SCA REPORT PAGE
+  //
+  //------------------------------------------------------------------------------
+  'sca.sbom.report': 'Software Bill of Materials (SBOM)',
+  'sca.risk.report': 'Advanced Security Dependency Risks Report',
+  'sca.risk.report.name': 'Dependency Risks Report',
+
   //------------------------------------------------------------------------------
   //
   // ARCHITECTURE PAGE