[Cases] RBAC on UI

x-pack/plugins/cases/common/constants.ts

@@ -79,6 +79,8 @@ export const MAX_GENERATED_ALERTS_PER_SUB_CASE = 50;
 /**
  * This must be the same value that the security solution plugin uses to define the case kind when it registers the
  * feature for the 7.13 migration only.
+ *
+ * This variable is being also used by test files and mocks.
  */
 export const SECURITY_SOLUTION_OWNER = 'securitySolution';
 

x-pack/plugins/cases/common/ui/types.ts

@@ -101,6 +101,7 @@ export interface FilterOptions {
   status: CaseStatusWithAllStatus;
   tags: string[];
   reporters: User[];
+  owner: string[];
   onlyCollectionType?: boolean;
 }
 

x-pack/plugins/cases/public/common/mock/test_providers.tsx

@@ -10,6 +10,8 @@ import { I18nProvider } from '@kbn/i18n/react';
 import React from 'react';
 import { BehaviorSubject } from 'rxjs';
 import { ThemeProvider } from 'styled-components';
+import { SECURITY_SOLUTION_OWNER } from '../../../common';
+import { OwnerProvider } from '../../components/owner_context';
 import {
   createKibanaContextProviderMock,
   createStartServicesMock,
@@ -29,7 +31,9 @@ const MockKibanaContextProvider = createKibanaContextProviderMock();
 const TestProvidersComponent: React.FC<Props> = ({ children }) => (
   <I18nProvider>
     <MockKibanaContextProvider>
-      <ThemeProvider theme={() => ({ eui: euiDarkVars, darkMode: true })}>{children}</ThemeProvider>
+      <ThemeProvider theme={() => ({ eui: euiDarkVars, darkMode: true })}>
+        <OwnerProvider owner={[SECURITY_SOLUTION_OWNER]}>{children}</OwnerProvider>
+      </ThemeProvider>
     </MockKibanaContextProvider>
   </I18nProvider>
 );

x-pack/plugins/cases/public/components/add_comment/index.test.tsx

@@ -13,7 +13,7 @@ import { noop } from 'lodash/fp';
 import { TestProviders } from '../../common/mock';
 import { Router, routeData, mockHistory, mockLocation } from '../__mock__/router';
 
-import { CommentRequest, CommentType } from '../../../common';
+import { CommentRequest, CommentType, SECURITY_SOLUTION_OWNER } from '../../../common';
 import { usePostComment } from '../../containers/use_post_comment';
 import { AddComment, AddCommentRefObject } from '.';
 import { CasesTimelineIntegrationProvider } from '../timeline_context';
@@ -44,7 +44,7 @@ const defaultPostComment = {
 const sampleData: CommentRequest = {
   comment: 'what a cool comment',
   type: CommentType.user,
-  owner: 'securitySolution',
+  owner: SECURITY_SOLUTION_OWNER,
 };
 
 describe('AddComment ', () => {

x-pack/plugins/cases/public/components/add_comment/index.tsx

@@ -18,6 +18,7 @@ import { Form, useForm, UseField, useFormData } from '../../common/shared_import
 import * as i18n from './translations';
 import { schema, AddCommentFormSchema } from './schema';
 import { InsertTimeline } from '../insert_timeline';
+import { useOwnerContext } from '../owner_context/use_owner_context';
 const MySpinner = styled(EuiLoadingSpinner)`
   position: absolute;
   top: 50%;
@@ -47,6 +48,7 @@ export const AddComment = React.memo(
       { caseId, disabled, onCommentPosted, onCommentSaving, showLoading = true, subCaseId },
       ref
     ) => {
+      const owner = useOwnerContext();
       const { isLoading, postComment } = usePostComment();
 
       const { form } = useForm<AddCommentFormSchema>({
@@ -78,14 +80,13 @@ export const AddComment = React.memo(
           }
           postComment({
             caseId,
-            // TODO: get plugin name
-            data: { ...data, type: CommentType.user, owner: 'securitySolution' },
+            data: { ...data, type: CommentType.user, owner: owner[0] },
             updateCase: onCommentPosted,
             subCaseId,
           });
           reset();
         }
-      }, [caseId, onCommentPosted, onCommentSaving, postComment, reset, submit, subCaseId]);
+      }, [submit, onCommentSaving, postComment, caseId, owner, onCommentPosted, subCaseId, reset]);
 
       return (
         <span id="add-comment-permLink">

x-pack/plugins/cases/public/components/all_cases/all_cases_generic.tsx

@@ -38,6 +38,8 @@ import { CasesTableFilters } from './table_filters';
 import { EuiBasicTableOnChange } from './types';
 
 import { CasesTable } from './table';
+import { useOwnerContext } from '../owner_context/use_owner_context';
+
 const ProgressLoader = styled(EuiProgress)`
   ${({ $isShow }: { $isShow: boolean }) =>
     $isShow
@@ -79,6 +81,8 @@ export const AllCasesGeneric = React.memo<AllCasesGenericProps>(
     userCanCrud,
   }) => {
     const { actionLicense } = useGetActionLicense();
+    const owner = useOwnerContext();
+
     const {
       data,
       dispatchUpdateCaseProperty,
@@ -90,7 +94,7 @@ export const AllCasesGeneric = React.memo<AllCasesGenericProps>(
       setFilters,
       setQueryParams,
       setSelectedCases,
-    } = useGetCases();
+    } = useGetCases({ initialFilterOptions: { owner } });
 
     // Post Comment to Case
     const { postComment, isLoading: isCommentUpdating } = usePostComment();
@@ -286,6 +290,7 @@ export const AllCasesGeneric = React.memo<AllCasesGenericProps>(
               reporters: filterOptions.reporters,
               tags: filterOptions.tags,
               status: filterOptions.status,
+              owner: filterOptions.owner,
             }}
             setFilterRefetch={setFilterRefetch}
             disabledStatuses={disabledStatuses}

x-pack/plugins/cases/public/components/all_cases/index.test.tsx

@@ -13,7 +13,7 @@ import '../../common/mock/match_media';
 import { TestProviders } from '../../common/mock';
 import { casesStatus, useGetCasesMockState, collectionCase } from '../../containers/mock';
 
-import { CaseStatuses, CaseType, StatusAll } from '../../../common';
+import { CaseStatuses, CaseType, SECURITY_SOLUTION_OWNER, StatusAll } from '../../../common';
 import { getEmptyTagValue } from '../empty_value';
 import { useDeleteCases } from '../../containers/use_delete_cases';
 import { useGetCases } from '../../containers/use_get_cases';
@@ -815,7 +815,7 @@ describe('AllCasesGeneric', () => {
           },
         },
         id: '1',
-        owner: 'securitySolution',
+        owner: SECURITY_SOLUTION_OWNER,
         status: 'open',
         subCaseIds: [],
         tags: ['coke', 'pepsi'],

x-pack/plugins/cases/public/components/all_cases/selector_modal/index.test.tsx

@@ -11,6 +11,7 @@ import { mount } from 'enzyme';
 import { AllCasesSelectorModal } from '.';
 import { TestProviders } from '../../../common/mock';
 import { AllCasesGeneric } from '../all_cases_generic';
+import { SECURITY_SOLUTION_OWNER } from '../../../../common';
 
 jest.mock('../../../methods');
 jest.mock('../all_cases_generic');
@@ -20,6 +21,7 @@ const defaultProps = {
   createCaseNavigation,
   onRowClick,
   userCanCrud: true,
+  owner: [SECURITY_SOLUTION_OWNER],
 };
 const updateCase = jest.fn();
 
@@ -59,7 +61,7 @@ describe('AllCasesSelectorModal', () => {
         },
         index: 'index-id',
         alertId: 'alert-id',
-        owner: 'securitySolution',
+        owner: SECURITY_SOLUTION_OWNER,
       },
       disabledStatuses: [],
       updateCase,

x-pack/plugins/cases/public/components/all_cases/table_filters.tsx

@@ -47,6 +47,7 @@ const defaultInitial = {
   reporters: [],
   status: StatusAll,
   tags: [],
+  owner: [],
 };
 
 const CasesTableFiltersComponent = ({
@@ -63,8 +64,8 @@ const CasesTableFiltersComponent = ({
   );
   const [search, setSearch] = useState(initial.search);
   const [selectedTags, setSelectedTags] = useState(initial.tags);
-  const { tags, fetchTags } = useGetTags();
-  const { reporters, respReporters, fetchReporters } = useGetReporters();
+  const { tags, fetchTags } = useGetTags(initial.owner);
+  const { reporters, respReporters, fetchReporters } = useGetReporters(initial.owner);
 
   const refetch = useCallback(() => {
     fetchTags();

x-pack/plugins/cases/public/components/case_view/helpers.test.tsx

@@ -5,7 +5,7 @@
  * 2.0.
  */
 
-import { AssociationType, CommentType } from '../../../common';
+import { AssociationType, CommentType, SECURITY_SOLUTION_OWNER } from '../../../common';
 import { Comment } from '../../containers/types';
 
 import { getManualAlertIdsWithNoRuleId } from './helpers';
@@ -28,7 +28,7 @@ const comments: Comment[] = [
     updatedAt: null,
     updatedBy: null,
     version: 'WzQ3LDFc',
-    owner: 'securitySolution',
+    owner: SECURITY_SOLUTION_OWNER,
   },
   {
     associationType: AssociationType.case,
@@ -47,7 +47,7 @@ const comments: Comment[] = [
     updatedAt: null,
     updatedBy: null,
     version: 'WzQ3LDFc',
-    owner: 'securitySolution',
+    owner: SECURITY_SOLUTION_OWNER,
   },
 ];
 

x-pack/plugins/cases/public/components/case_view/index.tsx

@@ -43,6 +43,7 @@ import { Ecs } from '../../../common';
 import { CasesTimelineIntegration, CasesTimelineIntegrationProvider } from '../timeline_context';
 import { useTimelineContext } from '../timeline_context/use_timeline_context';
 import { CasesNavigation } from '../links';
+import { OwnerProvider } from '../owner_context';
 
 const gutterTimeline = '70px'; // seems to be a timeline reference from the original file
 export interface CaseViewComponentProps {
@@ -450,6 +451,7 @@ export const CaseComponent = React.memo<CaseComponentProps>(
                   tags={caseData.tags}
                   onSubmit={onSubmitTags}
                   isLoading={isLoading && updateKey === 'tags'}
+                  owner={[caseData.owner]}
                 />
                 <EditConnector
                   caseFields={caseData.connector.fields}
@@ -509,22 +511,24 @@ export const CaseView = React.memo(
     return (
       data && (
         <CasesTimelineIntegrationProvider timelineIntegration={timelineIntegration}>
-          <CaseComponent
-            allCasesNavigation={allCasesNavigation}
-            caseData={data}
-            caseDetailsNavigation={caseDetailsNavigation}
-            caseId={caseId}
-            configureCasesNavigation={configureCasesNavigation}
-            getCaseDetailHrefWithCommentId={getCaseDetailHrefWithCommentId}
-            fetchCase={fetchCase}
-            onComponentInitialized={onComponentInitialized}
-            ruleDetailsNavigation={ruleDetailsNavigation}
-            showAlertDetails={showAlertDetails}
-            subCaseId={subCaseId}
-            updateCase={updateCase}
-            useFetchAlertData={useFetchAlertData}
-            userCanCrud={userCanCrud}
-          />
+          <OwnerProvider owner={[data.owner]}>
+            <CaseComponent
+              allCasesNavigation={allCasesNavigation}
+              caseData={data}
+              caseDetailsNavigation={caseDetailsNavigation}
+              caseId={caseId}
+              configureCasesNavigation={configureCasesNavigation}
+              getCaseDetailHrefWithCommentId={getCaseDetailHrefWithCommentId}
+              fetchCase={fetchCase}
+              onComponentInitialized={onComponentInitialized}
+              ruleDetailsNavigation={ruleDetailsNavigation}
+              showAlertDetails={showAlertDetails}
+              subCaseId={subCaseId}
+              updateCase={updateCase}
+              useFetchAlertData={useFetchAlertData}
+              userCanCrud={userCanCrud}
+            />
+          </OwnerProvider>
         </CasesTimelineIntegrationProvider>
       )
     );

x-pack/plugins/cases/public/components/configure_cases/button.tsx

@@ -10,7 +10,6 @@ import React, { memo, useMemo } from 'react';
 import { CasesNavigation, LinkButton } from '../links';
 
 // TODO: Potentially move into links component?
-
 export interface ConfigureCaseButtonProps {
   configureCasesNavigation: CasesNavigation;
   isDisabled: boolean;