[SecuritySolution] Replace risk scores donut charts with Lens

x-pack/plugins/security_solution/public/common/components/charts/donutchart.tsx

@@ -56,7 +56,7 @@ export interface DonutChartProps {
 export interface DonutChartWrapperProps {
   children?: React.ReactElement;
   dataExists: boolean;
-  label: React.ReactElement | string;
+  label?: React.ReactElement | string;
   title: React.ReactElement | string | number | null;
   isChartEmbeddablesEnabled?: boolean;
 }
@@ -111,17 +111,19 @@ const DonutChartWrapperComponent: React.FC<DonutChartWrapperProps> = ({
           justifyContent="center"
         >
           <EuiFlexItem>{title}</EuiFlexItem>
-          <EuiFlexItem className={className}>
-            <EuiToolTip content={label}>
-              <EuiText
-                className={className}
-                size="s"
-                style={dataExists ? undefined : emptyLabelStyle}
-              >
-                {label}
-              </EuiText>
-            </EuiToolTip>
-          </EuiFlexItem>
+          {label && (
+            <EuiFlexItem className={className}>
+              <EuiToolTip content={label}>
+                <EuiText
+                  className={className}
+                  size="s"
+                  style={dataExists ? undefined : emptyLabelStyle}
+                >
+                  {label}
+                </EuiText>
+              </EuiToolTip>
+            </EuiFlexItem>
+          )}
         </DonutTextWrapper>
         {children}
       </StyledEuiFlexItem>

x-pack/plugins/security_solution/public/overview/components/detection_response/alerts_by_status/__mocks__/alert_donut_embeddable.tsx → x-pack/plugins/security_solution/public/common/components/visualization_actions/__mocks__/visualization_embeddable.tsx

@@ -7,4 +7,4 @@
 
 import React from 'react';
 
-export const AlertDonutEmbeddable = () => <div data-test-subj="alert-donut-embeddable" />;
+export const VisualizationEmbeddable = () => <div data-test-subj="visualization-embeddable" />;

x-pack/plugins/security_solution/public/common/components/visualization_actions/lens_attributes/common/risk_scores/risk_score_donut.test.ts

@@ -0,0 +1,56 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0; you may not use this file except in compliance with the Elastic License
+ * 2.0.
+ */
+
+import { renderHook } from '@testing-library/react-hooks';
+import { wrapper } from '../../../mocks';
+
+import { useLensAttributes } from '../../../use_lens_attributes';
+
+import { getRiskScoreDonutAttributes } from './risk_score_donut';
+
+jest.mock('../../../../../containers/sourcerer', () => ({
+  useSourcererDataView: jest.fn().mockReturnValue({
+    selectedPatterns: ['auditbeat-mytest-*'],
+    dataViewId: 'security-solution-my-test',
+    indicesExist: true,
+  }),
+}));
+
+jest.mock('../../../../../utils/route/use_route_spy', () => ({
+  useRouteSpy: jest.fn().mockReturnValue([
+    {
+      detailName: 'undefined',
+      pageName: 'overview',
+      tabName: undefined,
+    },
+  ]),
+}));
+
+jest.mock('uuid', () => ({
+  v4: jest
+    .fn()
+    .mockReturnValueOnce('d594baeb-5eca-480c-8885-ba79eaf41372')
+    .mockReturnValue('1dd5663b-f062-43f8-8688-fc8166c2ca8e'),
+}));
+
+describe('getRiskScoreDonutAttributes', () => {
+  it('should render', () => {
+    const { result } = renderHook(
+      () =>
+        useLensAttributes({
+          getLensAttributes: getRiskScoreDonutAttributes,
+          stackByField: 'host',
+          extraOptions: {
+            spaceId: 'mockSpaceId',
+          },
+        }),
+      { wrapper }
+    );
+
+    expect(result?.current).toMatchSnapshot();
+  });
+});