[Cases] Revert incremental id and add multifield

src/platform/plugins/private/kibana_usage_collection/server/collectors/management/schema.ts

@@ -660,6 +660,12 @@ export const stackManagementSchema: MakeSchemaFrom<UsageStats> = {
       description: 'Enable the new logs overview component.',
     },
   },
+  'cases:incrementalIdDisplay:enabled': {
+    type: 'boolean',
+    _meta: {
+      description: 'Display the incremental id of a case in the relevant pages',
+    },
+  },
   'observability:streamsEnableSignificantEvents': {
     type: 'boolean',
     _meta: {

src/platform/plugins/private/kibana_usage_collection/server/collectors/management/types.ts

@@ -172,6 +172,7 @@ export interface UsageStats {
   'securitySolution:excludedDataTiersForRuleExecution': string[];
   'securitySolution:maxUnassociatedNotes': number;
   'observability:searchExcludedDataTiers': string[];
+  'cases:incrementalIdDisplay:enabled': boolean;
   'observability:enableDiagnosticMode': boolean;
   'observability:streamsEnableSignificantEvents': boolean;
   'genAiSettings:defaultAIConnector': string;

src/platform/plugins/shared/telemetry/schema/oss_platform.json

@@ -11036,6 +11036,12 @@
             "description": "Enable the new logs overview component."
           }
         },
+        "cases:incrementalIdDisplay:enabled": {
+          "type": "boolean",
+          "_meta": {
+            "description": "Display the incremental id of a case in the relevant pages"
+          }
+        },
         "observability:streamsEnableSignificantEvents": {
           "type": "boolean",
           "_meta": {

src/platform/test/plugin_functional/test_suites/core_plugins/rendering.ts

@@ -227,6 +227,7 @@ export default function ({ getService }: PluginFunctionalProviderContext) {
         'xpack.cases.markdownPlugins.lens (boolean?)',
         'xpack.cases.stack.enabled (boolean?)',
         'xpack.cases.unsafe.enableCaseSummary (boolean?)',
+        'xpack.cases.incrementalId.enabled (boolean?)',
         'xpack.ccr.ui.enabled (boolean?)',
         'xpack.cloud.base_url (string?)',
         'xpack.cloud.cname (string?)',

x-pack/platform/plugins/shared/cases/common/constants/incremental_id.ts

@@ -0,0 +1,9 @@
+/*
+ * 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.
+ */
+
+export const DEFAULT_TASK_INTERVAL_MINUTES = 10;
+export const DEFAULT_TASK_START_DELAY_MINUTES = 10;

x-pack/platform/plugins/shared/cases/common/constants/index.ts

@@ -28,7 +28,7 @@ export const CASE_RULES_SAVED_OBJECT = 'cases-rules' as const;
 export const CASE_ID_INCREMENTER_SAVED_OBJECT = 'cases-incrementing-id' as const;
 
 /**
- * If more values are added here please also add them here: x-pack/platform/test/cases_api_integration/common/plugins
+ * If more values are added here please also add them here: x-pack/test/cases_api_integration/common/plugins
  */
 export const SAVED_OBJECT_TYPES = [
   CASE_SAVED_OBJECT,

x-pack/platform/plugins/shared/cases/common/types/api/case/v1.test.ts

@@ -414,7 +414,7 @@ describe('CasesFindRequestRt', () => {
     page: '1',
     perPage: '10',
     search: 'search text',
-    searchFields: ['title', 'description'],
+    searchFields: ['title', 'description', 'incremental_id.text'],
     to: '1w',
     sortOrder: 'desc',
     sortField: 'createdAt',
@@ -536,7 +536,7 @@ describe('CasesSearchRequestRt', () => {
     page: '1',
     perPage: '10',
     search: 'search text',
-    searchFields: ['title', 'description'],
+    searchFields: ['title', 'description', 'incremental_id.text'],
     to: '1w',
     sortOrder: 'desc',
     sortField: 'createdAt',

x-pack/platform/plugins/shared/cases/common/types/api/case/v1.ts

@@ -246,6 +246,7 @@ export const BulkCreateCasesResponseRt = rt.strict({
 export const CasesFindRequestSearchFieldsRt = rt.keyof({
   description: null,
   title: null,
+  'incremental_id.text': null,
 });
 
 export const CasesFindRequestSortFieldsRt = rt.keyof({

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

@@ -80,6 +80,9 @@ export interface CasesUiConfigType {
   unsafe?: {
     enableCaseSummary: boolean;
   };
+  incrementalId: {
+    enabled: boolean;
+  };
 }
 
 export const UserActionTypeAll = 'all' as const;

x-pack/platform/plugins/shared/cases/public/components/all_cases/all_cases_list.test.tsx

@@ -151,7 +151,10 @@ describe('AllCasesListGeneric', () => {
   beforeAll(() => {
     patchGetComputedStyle();
     mockKibana();
-    const actionTypeRegistry = useKibanaMock().services.triggersActionsUi.actionTypeRegistry;
+    const {
+      triggersActionsUi: { actionTypeRegistry },
+    } = useKibanaMock().services;
+
     registerConnectorsToMockActionRegistry(actionTypeRegistry, connectorsMock);
   });
 
@@ -193,6 +196,10 @@ describe('AllCasesListGeneric', () => {
       (await screen.findAllByTestId('case-user-profile-avatar-damaged_raccoon'))[0]
     ).toHaveTextContent('DR');
 
+    const incrementalIdTextElements = screen.getAllByTestId('cases-incremental-id-text');
+    expect(incrementalIdTextElements).toHaveLength(1);
+    expect(incrementalIdTextElements[0]).toHaveTextContent('#1');
+
     expect((await screen.findAllByTestId('case-table-column-tags-coke'))[0]).toHaveAttribute(
       'title',
       useGetCasesMockState.data.cases[0].tags[0]
@@ -515,7 +522,6 @@ describe('AllCasesListGeneric', () => {
       expect(useGetCasesMock).toHaveBeenLastCalledWith({
         filterOptions: {
           ...DEFAULT_FILTER_OPTIONS,
-          searchFields: ['title', 'description'],
           category: ['twix'],
         },
         queryParams: DEFAULT_QUERY_PARAMS,

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

@@ -166,6 +166,7 @@ describe('CasesTableFilters ', () => {
         "searchFields": Array [
           "title",
           "description",
+          "incremental_id.text",
         ],
         "severity": Array [],
         "status": Array [],
@@ -267,6 +268,7 @@ describe('CasesTableFilters ', () => {
         "searchFields": Array [
           "title",
           "description",
+          "incremental_id.text",
         ],
         "severity": Array [],
         "status": Array [],

x-pack/platform/plugins/shared/cases/public/components/all_cases/use_cases_columns.test.tsx

@@ -6,7 +6,6 @@
  */
 
 import React from 'react';
-import { mount } from 'enzyme';
 import { licensingMock } from '@kbn/licensing-plugin/public/mocks';
 
 import type { GetCasesColumn } from './use_cases_columns';
@@ -630,70 +629,56 @@ describe('useCasesColumns ', () => {
 
   describe('ExternalServiceColumn ', () => {
     it('Not pushed render', () => {
-      const wrapper = mount(
-        <TestProviders>
-          <ExternalServiceColumn
-            theCase={useGetCasesMockState.data.cases[0]}
-            connectors={connectors}
-          />
-        </TestProviders>
+      renderWithTestingProviders(
+        <ExternalServiceColumn
+          theCase={useGetCasesMockState.data.cases[0]}
+          connectors={connectors}
+        />
       );
 
-      expect(
-        wrapper.find(`[data-test-subj="case-table-column-external-notPushed"]`).last().exists()
-      ).toBeTruthy();
+      expect(screen.getByTestId('case-table-column-external-notPushed')).toBeInTheDocument();
     });
 
     it('Up to date', () => {
-      const wrapper = mount(
-        <TestProviders>
-          <ExternalServiceColumn
-            theCase={useGetCasesMockState.data.cases[1]}
-            connectors={connectors}
-          />
-        </TestProviders>
+      renderWithTestingProviders(
+        <ExternalServiceColumn
+          theCase={useGetCasesMockState.data.cases[1]}
+          connectors={connectors}
+        />
       );
 
-      expect(
-        wrapper.find(`[data-test-subj="case-table-column-external-upToDate"]`).last().exists()
-      ).toBeTruthy();
+      expect(screen.getByTestId('case-table-column-external-upToDate')).toBeInTheDocument();
     });
 
     it('Needs update', () => {
-      const wrapper = mount(
-        <TestProviders>
-          <ExternalServiceColumn
-            theCase={useGetCasesMockState.data.cases[2]}
-            connectors={connectors}
-          />
-        </TestProviders>
+      renderWithTestingProviders(
+        <ExternalServiceColumn
+          theCase={useGetCasesMockState.data.cases[2]}
+          connectors={connectors}
+        />
       );
 
-      expect(
-        wrapper.find(`[data-test-subj="case-table-column-external-requiresUpdate"]`).last().exists()
-      ).toBeTruthy();
+      expect(screen.getByTestId('case-table-column-external-requiresUpdate')).toBeInTheDocument();
     });
 
     it('it does not throw when accessing the icon if the connector type is not registered', () => {
       // If the component throws the test will fail
       expect(() =>
-        mount(
-          <TestProviders>
-            <ExternalServiceColumn
-              theCase={useGetCasesMockState.data.cases[2]}
-              connectors={[
-                {
-                  id: 'none',
-                  actionTypeId: '.none',
-                  name: 'None',
-                  config: {},
-                  isPreconfigured: false,
-                  isSystemAction: false,
-                  isDeprecated: false,
-                },
-              ]}
-            />
-          </TestProviders>
+        renderWithTestingProviders(
+          <ExternalServiceColumn
+            theCase={useGetCasesMockState.data.cases[2]}
+            connectors={[
+              {
+                id: 'none',
+                actionTypeId: '.none',
+                name: 'None',
+                config: {},
+                isPreconfigured: false,
+                isSystemAction: false,
+                isDeprecated: false,
+              },
+            ]}
+          />
         )
       ).not.toThrowError();
     });

x-pack/platform/plugins/shared/cases/public/components/all_cases/use_cases_columns.tsx

@@ -40,6 +40,7 @@ import { SeverityHealth } from '../severity/config';
 import { AssigneesColumn } from './assignees_column';
 import { builderMap as customFieldsBuilderMap } from '../custom_fields/builder';
 import { useGetCaseConfiguration } from '../../containers/configure/use_get_case_configuration';
+import { IncrementalIdText } from '../incremental_id';
 
 type CasesColumns =
   | EuiTableActionsColumnType<CaseUI>
@@ -112,9 +113,14 @@ export const useCasesColumns = ({
             const caseDetailsLinkComponent = isSelectorView ? (
               theCase.title
             ) : (
-              <CaseDetailsLink detailName={theCase.id} title={theCase.title}>
-                <TruncatedText text={theCase.title} />
-              </CaseDetailsLink>
+              <div>
+                <CaseDetailsLink detailName={theCase.id} title={theCase.title}>
+                  <TruncatedText text={theCase.title} />
+                </CaseDetailsLink>
+                {typeof theCase.incrementalId === 'number' ? (
+                  <IncrementalIdText incrementalId={theCase.incrementalId} />
+                ) : null}
+              </div>
             );
 
             return caseDetailsLinkComponent;

x-pack/platform/plugins/shared/cases/public/components/all_cases/utils/all_cases_url_state_deserializer.test.ts

@@ -31,6 +31,7 @@ describe('allCasesUrlStateDeserializer', () => {
           "searchFields": Array [
             "title",
             "description",
+            "incremental_id.text",
           ],
           "severity": Array [],
           "status": Array [],

x-pack/platform/plugins/shared/cases/public/components/all_cases/utils/stringify_url_params.test.tsx

@@ -90,7 +90,7 @@ describe('stringifyUrlParams', () => {
     };
 
     expect(stringifyUrlParams(urlParams)).toMatchInlineSnapshot(
-      `"cases=(assignees:!(),category:!(),customFields:(my_field:!(foo,bar)),owner:!(),page:1,perPage:10,reporters:!(),search:'',searchFields:!(title,description),severity:!(),sortField:createdAt,sortOrder:desc,status:!(),tags:!())"`
+      `"cases=(assignees:!(),category:!(),customFields:(my_field:!(foo,bar)),owner:!(),page:1,perPage:10,reporters:!(),search:'',searchFields:!(title,description,incremental_id.text),severity:!(),sortField:createdAt,sortOrder:desc,status:!(),tags:!())"`
     );
   });
 

x-pack/platform/plugins/shared/cases/public/components/case_view/case_view_page.tsx

@@ -102,6 +102,7 @@ export const CaseViewPage = React.memo<CaseViewPageProps>(
             />
           }
           title={caseData.title}
+          incrementalId={caseData.incrementalId}
         >
           <CaseActionBar
             caseData={caseData}

x-pack/platform/plugins/shared/cases/public/components/header_page/index.test.tsx

@@ -34,6 +34,26 @@ describe('HeaderPage', () => {
     expect(screen.getByText('Test supplement')).toBeInTheDocument();
   });
 
+  it('renders the `incremental_id` when provided', () => {
+    renderWithTestingProviders(
+      <TestProviders>
+        <HeaderPage border title="Test title" incrementalId={1337} />
+      </TestProviders>
+    );
+
+    expect(screen.getByText('#1337')).toBeInTheDocument();
+  });
+
+  it('does not render the `incremental_id` when not provided', () => {
+    renderWithTestingProviders(
+      <TestProviders>
+        <HeaderPage border title="Test title" />
+      </TestProviders>
+    );
+
+    expect(screen.queryByTestId('cases-incremental-id-text')).not.toBeInTheDocument();
+  });
+
   it('DOES NOT render the back link when not provided', () => {
     const wrapper = mount(
       <TestProviders>

x-pack/platform/plugins/shared/cases/public/components/header_page/index.tsx

@@ -12,6 +12,7 @@ import { css } from '@emotion/react';
 
 import { Title } from './title';
 import { useCasesContext } from '../cases_context/use_cases_context';
+import { IncrementalIdText } from '../incremental_id';
 
 interface HeaderProps {
   border?: boolean;
@@ -22,6 +23,7 @@ export interface HeaderPageProps extends HeaderProps {
   children?: React.ReactNode;
   title: string | React.ReactNode;
   titleNode?: React.ReactElement;
+  incrementalId?: number | null;
   'data-test-subj'?: string;
 }
 
@@ -43,14 +45,15 @@ const HeaderPageComponent: React.FC<HeaderPageProps> = ({
   isLoading,
   title,
   titleNode,
+  incrementalId,
   'data-test-subj': dataTestSubj,
 }) => {
   const { releasePhase } = useCasesContext();
   const { euiTheme } = useEuiTheme();
 
   return (
     <header css={getHeaderCss(euiTheme, border)} data-test-subj={dataTestSubj}>
-      <EuiFlexGroup alignItems="center">
+      <EuiFlexGroup alignItems="center" gutterSize="s">
         <EuiFlexItem
           css={css`
             overflow: hidden;
@@ -61,7 +64,6 @@ const HeaderPageComponent: React.FC<HeaderPageProps> = ({
 
           {border && isLoading && <EuiProgress size="xs" color="accent" />}
         </EuiFlexItem>
-
         {children && (
           <EuiFlexItem
             data-test-subj="header-page-supplements"
@@ -74,6 +76,13 @@ const HeaderPageComponent: React.FC<HeaderPageProps> = ({
           </EuiFlexItem>
         )}
       </EuiFlexGroup>
+      <EuiFlexGroup>
+        {typeof incrementalId === 'number' && (
+          <EuiFlexItem>
+            <IncrementalIdText incrementalId={incrementalId} />
+          </EuiFlexItem>
+        )}
+      </EuiFlexGroup>
     </header>
   );
 };