From ac03b09cf38dd39f45dde3baa1175815f12f0f06 Mon Sep 17 00:00:00 2001
From: James Gowdy <jgowdy@elastic.co>
Date: Fri, 5 Nov 2021 16:24:00 +0000
Subject: [PATCH] [ML] Disabling create data view for data frame analytics and
 transforms wizards

---
 .../create_analytics_advanced_editor.tsx      | 56 +++++++++++++++----
 .../details_step/details_step_form.tsx        | 32 ++++++++++-
 .../step_details/step_details_form.tsx        | 44 +++++++++++----
 3 files changed, 109 insertions(+), 23 deletions(-)

diff --git a/x-pack/plugins/ml/public/application/data_frame_analytics/pages/analytics_creation/components/create_analytics_advanced_editor/create_analytics_advanced_editor.tsx b/x-pack/plugins/ml/public/application/data_frame_analytics/pages/analytics_creation/components/create_analytics_advanced_editor/create_analytics_advanced_editor.tsx
index 31072089b8d5cf..0a83ed6db65392 100644
--- a/x-pack/plugins/ml/public/application/data_frame_analytics/pages/analytics_creation/components/create_analytics_advanced_editor/create_analytics_advanced_editor.tsx
+++ b/x-pack/plugins/ml/public/application/data_frame_analytics/pages/analytics_creation/components/create_analytics_advanced_editor/create_analytics_advanced_editor.tsx
@@ -7,10 +7,19 @@
 
 import React, { FC, Fragment, useEffect, useMemo, useRef } from 'react';
 import { debounce } from 'lodash';
-import { EuiCallOut, EuiFieldText, EuiForm, EuiFormRow, EuiSpacer, EuiSwitch } from '@elastic/eui';
+import {
+  EuiCallOut,
+  EuiFieldText,
+  EuiForm,
+  EuiFormRow,
+  EuiSpacer,
+  EuiSwitch,
+  EuiText,
+} from '@elastic/eui';
 
 import { i18n } from '@kbn/i18n';
 
+import { useMlKibana } from '../../../../../contexts/kibana';
 import { CodeEditor } from '../../../../../../../../../../src/plugins/kibana_react/public';
 import { useNotifications } from '../../../../../contexts/kibana';
 import { ml } from '../../../../../services/ml_api_service';
@@ -36,11 +45,22 @@ export const CreateAnalyticsAdvancedEditor: FC<CreateAnalyticsFormProps> = (prop
 
   const forceInput = useRef<HTMLInputElement | null>(null);
   const { toasts } = useNotifications();
+  const {
+    services: {
+      application: { capabilities },
+    },
+  } = useMlKibana();
 
   const onChange = (str: string) => {
     setAdvancedEditorRawString(str);
   };
 
+  const canCreateDataView = useMemo(
+    () =>
+      capabilities.savedObjectsManagement.edit === true || capabilities.indexPatterns.save === true,
+    [capabilities]
+  );
+
   const debouncedJobIdCheck = useMemo(
     () =>
       debounce(async () => {
@@ -200,18 +220,34 @@ export const CreateAnalyticsAdvancedEditor: FC<CreateAnalyticsFormProps> = (prop
       {!isJobCreated && (
         <Fragment>
           <EuiFormRow
-            isInvalid={createIndexPattern && destinationIndexPatternTitleExists}
-            error={
-              createIndexPattern &&
-              destinationIndexPatternTitleExists && [
-                i18n.translate('xpack.ml.dataframe.analytics.create.dataViewAlreadyExistsError', {
-                  defaultMessage: 'A data view with this title already exists.',
-                }),
-              ]
+            isInvalid={
+              (createIndexPattern && destinationIndexPatternTitleExists) ||
+              canCreateDataView === false
             }
+            error={[
+              ...(canCreateDataView === false
+                ? [
+                    <EuiText size="xs" color="warning">
+                      {i18n.translate(
+                        'xpack.ml.dataframe.analytics.create.dataViewPermissionWarning',
+                        {
+                          defaultMessage: 'You need permission to create data views.',
+                        }
+                      )}
+                    </EuiText>,
+                  ]
+                : []),
+              ...(createIndexPattern && destinationIndexPatternTitleExists
+                ? [
+                    i18n.translate('xpack.ml.dataframe.analytics.create.dataViewExistsError', {
+                      defaultMessage: 'A data view with this title already exists.',
+                    }),
+                  ]
+                : []),
+            ]}
           >
             <EuiSwitch
-              disabled={isJobCreated}
+              disabled={canCreateDataView === false}
               name="mlDataFrameAnalyticsCreateIndexPattern"
               label={i18n.translate('xpack.ml.dataframe.analytics.create.createDataViewLabel', {
                 defaultMessage: 'Create data view',
diff --git a/x-pack/plugins/ml/public/application/data_frame_analytics/pages/analytics_creation/components/details_step/details_step_form.tsx b/x-pack/plugins/ml/public/application/data_frame_analytics/pages/analytics_creation/components/details_step/details_step_form.tsx
index c9acccb9b15547..d3b4c27e16e780 100644
--- a/x-pack/plugins/ml/public/application/data_frame_analytics/pages/analytics_creation/components/details_step/details_step_form.tsx
+++ b/x-pack/plugins/ml/public/application/data_frame_analytics/pages/analytics_creation/components/details_step/details_step_form.tsx
@@ -42,7 +42,11 @@ export const DetailsStepForm: FC<CreateAnalyticsStepProps> = ({
   setCurrentStep,
 }) => {
   const {
-    services: { docLinks, notifications },
+    services: {
+      docLinks,
+      notifications,
+      application: { capabilities },
+    },
   } = useMlKibana();
   const createIndexLink = docLinks.links.apis.createIndex;
   const { setFormState } = actions;
@@ -71,6 +75,11 @@ export const DetailsStepForm: FC<CreateAnalyticsStepProps> = ({
       (cloneJob !== undefined && resultsField === DEFAULT_RESULTS_FIELD)
   );
 
+  const canCreateDataView = useMemo(
+    () =>
+      capabilities.savedObjectsManagement.edit === true || capabilities.indexPatterns.save === true,
+    [capabilities]
+  );
   const forceInput = useRef<HTMLInputElement | null>(null);
 
   const isStepInvalid =
@@ -149,6 +158,12 @@ export const DetailsStepForm: FC<CreateAnalyticsStepProps> = ({
     }
   }, [destIndexSameAsId, jobId]);
 
+  useEffect(() => {
+    if (canCreateDataView === false) {
+      setFormState({ createIndexPattern: false });
+    }
+  }, [capabilities]);
+
   return (
     <Fragment>
       <EuiFormRow
@@ -347,9 +362,20 @@ export const DetailsStepForm: FC<CreateAnalyticsStepProps> = ({
       <EuiFormRow
         fullWidth
         isInvalid={
-          (createIndexPattern && destinationIndexPatternTitleExists) || !createIndexPattern
+          (createIndexPattern && destinationIndexPatternTitleExists) ||
+          createIndexPattern === false ||
+          canCreateDataView === false
         }
         error={[
+          ...(canCreateDataView === false
+            ? [
+                <EuiText size="xs" color="warning">
+                  {i18n.translate('xpack.ml.dataframe.analytics.create.dataViewPermissionWarning', {
+                    defaultMessage: 'You need permission to create data views.',
+                  })}
+                </EuiText>,
+              ]
+            : []),
           ...(createIndexPattern && destinationIndexPatternTitleExists
             ? [
                 i18n.translate('xpack.ml.dataframe.analytics.create.dataViewExistsError', {
@@ -373,7 +399,7 @@ export const DetailsStepForm: FC<CreateAnalyticsStepProps> = ({
         ]}
       >
         <EuiSwitch
-          disabled={isJobCreated}
+          disabled={isJobCreated === true || canCreateDataView === false}
           name="mlDataFrameAnalyticsCreateIndexPattern"
           label={i18n.translate('xpack.ml.dataframe.analytics.create.createDataViewLabel', {
             defaultMessage: 'Create data view',
diff --git a/x-pack/plugins/transform/public/app/sections/create_transform/components/step_details/step_details_form.tsx b/x-pack/plugins/transform/public/app/sections/create_transform/components/step_details/step_details_form.tsx
index eda95013f60bd1..ad40a65fdf2e5b 100644
--- a/x-pack/plugins/transform/public/app/sections/create_transform/components/step_details/step_details_form.tsx
+++ b/x-pack/plugins/transform/public/app/sections/create_transform/components/step_details/step_details_form.tsx
@@ -5,7 +5,7 @@
  * 2.0.
  */
 
-import React, { FC, useEffect, useState } from 'react';
+import React, { FC, useEffect, useState, useMemo } from 'react';
 
 import { i18n } from '@kbn/i18n';
 import { FormattedMessage } from '@kbn/i18n/react';
@@ -20,6 +20,7 @@ import {
   EuiSelect,
   EuiSpacer,
   EuiCallOut,
+  EuiText,
 } from '@elastic/eui';
 
 import { KBN_FIELD_TYPES } from '../../../../../../../../../src/plugins/data/common';
@@ -68,6 +69,7 @@ interface StepDetailsFormProps {
 export const StepDetailsForm: FC<StepDetailsFormProps> = React.memo(
   ({ overrides = {}, onChange, searchItems, stepDefineState }) => {
     const deps = useAppDependencies();
+    const { capabilities } = deps.application;
     const toastNotifications = useToastNotifications();
     const { esIndicesCreateIndex } = useDocumentationLinks();
 
@@ -83,9 +85,18 @@ export const StepDetailsForm: FC<StepDetailsFormProps> = React.memo(
     const [transformIds, setTransformIds] = useState<TransformId[]>([]);
     const [indexNames, setIndexNames] = useState<EsIndexName[]>([]);
 
+    const canCreateDataView = useMemo(
+      () =>
+        capabilities.savedObjectsManagement.edit === true ||
+        capabilities.indexPatterns.save === true,
+      [capabilities]
+    );
+
     // Index pattern state
     const [indexPatternTitles, setIndexPatternTitles] = useState<IndexPatternTitle[]>([]);
-    const [createIndexPattern, setCreateIndexPattern] = useState(defaults.createIndexPattern);
+    const [createIndexPattern, setCreateIndexPattern] = useState(
+      canCreateDataView === false ? false : defaults.createIndexPattern
+    );
     const [indexPatternAvailableTimeFields, setIndexPatternAvailableTimeFields] = useState<
       string[]
     >([]);
@@ -443,18 +454,31 @@ export const StepDetailsForm: FC<StepDetailsFormProps> = React.memo(
           ) : null}
 
           <EuiFormRow
-            isInvalid={createIndexPattern && indexPatternTitleExists}
-            error={
-              createIndexPattern &&
-              indexPatternTitleExists && [
-                i18n.translate('xpack.transform.stepDetailsForm.dataViewTitleError', {
-                  defaultMessage: 'A data view with this title already exists.',
-                }),
-              ]
+            isInvalid={
+              (createIndexPattern && indexPatternTitleExists) || canCreateDataView === false
             }
+            error={[
+              ...(canCreateDataView === false
+                ? [
+                    <EuiText size="xs" color="warning">
+                      {i18n.translate('xpack.transform.stepDetailsForm.dataViewPermissionWarning', {
+                        defaultMessage: 'You need permission to create data views.',
+                      })}
+                    </EuiText>,
+                  ]
+                : []),
+              ...(createIndexPattern && indexPatternTitleExists
+                ? [
+                    i18n.translate('xpack.transform.stepDetailsForm.dataViewTitleError', {
+                      defaultMessage: 'A data view with this title already exists.',
+                    }),
+                  ]
+                : []),
+            ]}
           >
             <EuiSwitch
               name="transformCreateIndexPattern"
+              disabled={canCreateDataView === false}
               label={i18n.translate('xpack.transform.stepCreateForm.createDataViewLabel', {
                 defaultMessage: 'Create Kibana data view',
               })}