[ML] Add warnings for actions for managed Anomaly detection jobs and Transforms

x-pack/plugins/ml/common/types/anomaly_detection_jobs/summary_job.ts

@@ -7,6 +7,7 @@
 
 import { Moment } from 'moment';
 
+import { MlCustomSettings } from '@elastic/elasticsearch/lib/api/typesWithBodyKey';
 import type { CombinedJob, CombinedJobWithStats } from './combined_job';
 import type { MlAnomalyDetectionAlertRule } from '../alerts';
 import type { MlJobBlocked } from './job';
@@ -39,6 +40,7 @@ export interface MlSummaryJob {
   alertingRules?: MlAnomalyDetectionAlertRule[];
   jobTags: Record<string, string>;
   bucketSpanSeconds: number;
+  customSettings?: MlCustomSettings;
 }
 
 export interface AuditMessage {

x-pack/plugins/ml/public/application/components/delete_job_check_modal/delete_job_check_modal.tsx

@@ -20,10 +20,12 @@ import {
   EuiButton,
   EuiLoadingSpinner,
   EuiText,
+  EuiSpacer,
 } from '@elastic/eui';
 import { JobType, CanDeleteJobResponse } from '../../../../common/types/saved_objects';
 import { useMlApiContext } from '../../contexts/kibana';
 import { useToastNotificationService } from '../../services/toast_notification_service';
+import { ManagedJobsWarningCallout } from '../../jobs/jobs_list/components/confirm_modals/managed_jobs_warning_callout';
 
 const shouldUnTagLabel = i18n.translate('xpack.ml.deleteJobCheckModal.shouldUnTagLabel', {
   defaultMessage: 'Remove job from current space',
@@ -58,7 +60,8 @@ function getRespSummary(resp: CanDeleteJobResponse): JobCheckRespSummary {
 
 function getModalContent(
   jobIds: string[],
-  respSummary: JobCheckRespSummary
+  respSummary: JobCheckRespSummary,
+  hasManagedJob?: boolean
 ): ModalContentReturnType {
   const { canDelete, canRemoveFromSpace, canTakeAnyAction } = respSummary;
 
@@ -107,13 +110,30 @@ function getModalContent(
         />
       ),
       modalText: (
-        <EuiText>
-          <FormattedMessage
-            id="xpack.ml.deleteJobCheckModal.modalTextCanDelete"
-            defaultMessage="{ids} can be deleted."
-            values={{ ids: jobIds.join(', ') }}
-          />
-        </EuiText>
+        <>
+          {hasManagedJob ? (
+            <>
+              <ManagedJobsWarningCallout
+                jobsCount={jobIds.length}
+                action={i18n.translate(
+                  'xpack.ml.jobsList.deleteJobCheckModal.removeOrDeleteAction',
+                  {
+                    defaultMessage: 'removing or deleting',
+                  }
+                )}
+              />
+              <EuiSpacer size="s" />
+            </>
+          ) : null}
+
+          <EuiText>
+            <FormattedMessage
+              id="xpack.ml.deleteJobCheckModal.modalTextCanDelete"
+              defaultMessage="{ids} can be deleted."
+              values={{ ids: jobIds.join(', ') }}
+            />
+          </EuiText>
+        </>
       ),
     };
   } else if (canRemoveFromSpace) {
@@ -125,13 +145,27 @@ function getModalContent(
         />
       ),
       modalText: (
-        <EuiText>
-          <FormattedMessage
-            id="xpack.ml.deleteJobCheckModal.modalTextCanUnTag"
-            defaultMessage="{ids} cannot be deleted but can be removed from the current space."
-            values={{ ids: jobIds.join(', ') }}
-          />
-        </EuiText>
+        <>
+          {hasManagedJob ? (
+            <>
+              <ManagedJobsWarningCallout
+                jobsCount={jobIds.length}
+                action={i18n.translate('xpack.ml.jobsList.deleteJobCheckModal.removeAction', {
+                  defaultMessage: 'removing',
+                })}
+              />
+              <EuiSpacer size="s" />
+            </>
+          ) : null}
+
+          <EuiText>
+            <FormattedMessage
+              id="xpack.ml.deleteJobCheckModal.modalTextCanUnTag"
+              defaultMessage="{ids} cannot be deleted but can be removed from the current space."
+              values={{ ids: jobIds.join(', ') }}
+            />
+          </EuiText>
+        </>
       ),
     };
   } else {
@@ -146,6 +180,7 @@ interface Props {
   jobType: JobType;
   jobIds: string[];
   setDidUntag?: React.Dispatch<React.SetStateAction<boolean>>;
+  hasManagedJob?: boolean;
 }
 
 export const DeleteJobCheckModal: FC<Props> = ({
@@ -155,6 +190,7 @@ export const DeleteJobCheckModal: FC<Props> = ({
   jobType,
   jobIds,
   setDidUntag,
+  hasManagedJob,
 }) => {
   const [buttonContent, setButtonContent] = useState<JSX.Element | undefined>();
   const [modalContent, setModalContent] = useState<JSX.Element | undefined>();
@@ -180,15 +216,15 @@ export const DeleteJobCheckModal: FC<Props> = ({
         return;
       }
       setJobCheckRespSummary(respSummary);
-      const { buttonText, modalText } = getModalContent(jobIds, respSummary);
+      const { buttonText, modalText } = getModalContent(jobIds, respSummary, hasManagedJob);
       setButtonContent(buttonText);
       setModalContent(modalText);
     });
     if (typeof setDidUntag === 'function') {
       setDidUntag(false);
     }
     setIsLoading(false);
-  }, []);
+  }, [hasManagedJob]);
 
   const onUntagClick = async () => {
     setIsUntagging(true);

x-pack/plugins/ml/public/application/jobs/jobs_list/components/confirm_modals/close_jobs_confirm_modal.tsx

@@ -0,0 +1,136 @@
+/*
+ * 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 React, { FC, useState, useEffect, useCallback, useMemo } from 'react';
+import { FormattedMessage } from '@kbn/i18n-react';
+import {
+  EuiSpacer,
+  EuiModal,
+  EuiModalHeader,
+  EuiModalHeaderTitle,
+  EuiModalBody,
+  EuiModalFooter,
+  EuiButtonEmpty,
+  EuiButton,
+} from '@elastic/eui';
+import { i18n } from '@kbn/i18n';
+import { MlSummaryJob } from '../../../../../../common/types/anomaly_detection_jobs';
+import { isManagedJob } from '../../../jobs_utils';
+import { closeJobs } from '../utils';
+import { ManagedJobsWarningCallout } from './managed_jobs_warning_callout';
+
+type ShowFunc = (jobs: MlSummaryJob[]) => void;
+
+interface Props {
+  setShowFunction(showFunc: ShowFunc): void;
+  unsetShowFunction(): void;
+  refreshJobs(): void;
+}
+
+export const CloseJobsConfirmModal: FC<Props> = ({
+  setShowFunction,
+  unsetShowFunction,
+  refreshJobs,
+}) => {
+  const [modalVisible, setModalVisible] = useState(false);
+  const [hasManagedJob, setHasManaged] = useState(true);
+  const [jobsToReset, setJobsToReset] = useState<MlSummaryJob[]>([]);
+
+  const jobIds = useMemo(() => jobsToReset.map(({ id }) => id), [jobsToReset]);
+
+  useEffect(() => {
+    if (typeof setShowFunction === 'function') {
+      setShowFunction(showModal);
+    }
+    return () => {
+      if (typeof unsetShowFunction === 'function') {
+        unsetShowFunction();
+      }
+    };
+  }, []);
+
+  const showModal = useCallback((jobs: MlSummaryJob[]) => {
+    setJobsToReset(jobs);
+
+    if (jobs.some((j) => isManagedJob(j))) {
+      setModalVisible(true);
+      setHasManaged(true);
+    }
+  }, []);
+
+  const closeModal = useCallback(() => {
+    setModalVisible(false);
+    setHasManaged(false);
+  }, []);
+
+  if (modalVisible === false) {
+    return null;
+  }
+
+  if (hasManagedJob) {
+    const title = (
+      <FormattedMessage
+        id="xpack.ml.jobsList.startDatafeedsModal.closeDatafeedsTitle"
+        defaultMessage="Close {jobsCount, plural, one {{jobId}} other {# jobs}}?"
+        values={{
+          jobsCount: jobIds.length,
+          jobId: jobIds[0],
+        }}
+      />
+    );
+
+    return (
+      <EuiModal data-test-subj="mlCloseJobsConfirmModal" onClose={closeModal}>
+        <EuiModalHeader>
+          <EuiModalHeaderTitle>{title}</EuiModalHeaderTitle>
+        </EuiModalHeader>
+        <EuiModalBody>
+          <ManagedJobsWarningCallout
+            jobsCount={jobIds.length}
+            action={i18n.translate(
+              'xpack.ml.jobsList.closeJobsModal.closeManagedDatafeedsDescription',
+              {
+                defaultMessage: 'closing',
+              }
+            )}
+          />
+        </EuiModalBody>
+        <>
+          <EuiSpacer />
+          <EuiModalFooter>
+            <EuiButtonEmpty onClick={closeModal}>
+              <FormattedMessage
+                id="xpack.ml.jobsList.startDatafeedsConfirmModal.cancelButtonLabel"
+                defaultMessage="Cancel"
+              />
+            </EuiButtonEmpty>
+
+            <EuiButton
+              onClick={() => {
+                closeJobs(jobsToReset, refreshJobs);
+                closeModal();
+              }}
+              fill
+              color="danger"
+              data-test-subj="mlCloseJobsConfirmModalButton"
+            >
+              <FormattedMessage
+                id="xpack.ml.jobsList.startDatafeedsConfirmModal.closeButtonLabel"
+                defaultMessage="Close {jobsCount, plural, one {job} other {jobs}}"
+                values={{
+                  jobsCount: jobIds.length,
+                }}
+              />
+            </EuiButton>
+          </EuiModalFooter>
+        </>
+      </EuiModal>
+    );
+  } else {
+    return <></>;
+  }
+};

x-pack/plugins/ml/public/application/jobs/jobs_list/components/confirm_modals/managed_jobs_warning_callout.tsx

@@ -0,0 +1,38 @@
+/*
+ * 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 { EuiCallOut, EuiSpacer } from '@elastic/eui';
+import { FormattedMessage } from '@kbn/i18n-react';
+import React from 'react';
+
+export const ManagedJobsWarningCallout = ({
+  jobsCount,
+  action,
+  message,
+}: {
+  jobsCount: number;
+  action?: string;
+  message?: string;
+}) => {
+  return (
+    <>
+      <EuiSpacer size="s" />
+      <EuiCallOut color="warning">
+        {message ?? (
+          <FormattedMessage
+            id="xpack.ml.managedJobsWarningCallout"
+            defaultMessage="{jobsCount, plural, one {This job} other {At least one of these jobs}} is preconfigured by Elastic; {action} {jobsCount, plural, one {it} other {them}} might impact other parts of the product."
+            values={{
+              jobsCount,
+              action,
+            }}
+          />
+        )}
+      </EuiCallOut>
+    </>
+  );
+};