[home] Include ability to publish kibana saved objects from add data tutorial

src/core_plugins/kibana/common/tutorials/tutorial_schema.js

@@ -108,4 +108,7 @@ export const tutorialSchema = {
 
   // Elastic stack artifacts produced by product when it is setup and run.
   artifacts: artifactsSchema,
+
+  // saved objects used by data module.
+  savedObjects: Joi.array().items(),
 };

src/core_plugins/kibana/public/home/components/home_app.js

@@ -40,6 +40,7 @@ export function HomeApp({
   getConfig,
   setConfig,
   clearIndexPatternsCache,
+  bulkCreate,
 }) {
 
   const isCloudEnabled = chrome.getInjected('isCloudEnabled', false);
@@ -66,6 +67,7 @@ export function HomeApp({
         getTutorial={getTutorial}
         replaceTemplateStrings={replaceTemplateStrings}
         tutorialId={props.match.params.id}
+        bulkCreate={bulkCreate}
       />
     );
   };
@@ -119,4 +121,5 @@ HomeApp.propTypes = {
   getConfig: PropTypes.func.isRequired,
   setConfig: PropTypes.func.isRequired,
   clearIndexPatternsCache: PropTypes.func.isRequired,
+  bulkCreate: PropTypes.func.isRequired,
 };

src/core_plugins/kibana/public/home/components/tutorial/saved_objects_installer.js

@@ -0,0 +1,137 @@
+/*
+ * Licensed to Elasticsearch B.V. under one or more contributor
+ * license agreements. See the NOTICE file distributed with
+ * this work for additional information regarding copyright
+ * ownership. Elasticsearch B.V. licenses this file to you under
+ * the Apache License, Version 2.0 (the "License"); you may
+ * not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+import React, { Fragment } from 'react';
+import PropTypes from 'prop-types';
+
+import {
+  EuiSteps,
+  EuiFlexGroup,
+  EuiFlexItem,
+  EuiText,
+  EuiButton,
+  EuiSpacer,
+  EuiCallOut,
+} from '@elastic/eui';
+
+const INCOMPLETE = 'incomplete';
+const COMPLETE = 'complete';
+
+export class SavedObjectsInstaller extends React.Component {
+  constructor(props) {
+    super(props);
+
+    this.state = {
+      isInstalling: false,
+      installStatus: INCOMPLETE,
+    };
+  }
+
+  installSavedObjects = async () => {
+    this.setState({
+      isInstalling: true,
+    });
+
+    const resp = await this.props.bulkCreate(this.props.savedObjects, { overwrite: true });
+    const errors = resp.savedObjects.filter(savedObjectCreateResult => {
+      return savedObjectCreateResult.hasOwnProperty('error');
+    });
+
+    let statusMsg = `${this.props.savedObjects.length} saved objects successfully added`;
+    if (errors.length > 0) {
+      statusMsg = `Unable to load kibana saved objects, Error: ${errors[0]}`;
+    }
+
+    this.setState({
+      isInstalling: false,
+      installStatusMsg: statusMsg,
+      installStatus: errors.length === 0 ? COMPLETE : INCOMPLETE,
+    });
+  }
+
+  renderInstallMessage() {
+    if (!this.state.installStatusMsg) {
+      return;
+    }
+
+    return (
+      <EuiCallOut
+        title={this.state.installStatusMsg}
+        color={this.state.installStatus === COMPLETE ? 'success' : 'warning'}
+      />
+    );
+  }
+
+  renderInstallStep() {
+    const installStep = (
+      <Fragment>
+        <EuiFlexGroup justifyContent="spaceBetween" alignItems="center">
+          <EuiFlexItem>
+            <EuiText>
+              <p>
+                Click button to add Saved Searches, Visualizations, and Dashboards for module
+              </p>
+            </EuiText>
+          </EuiFlexItem>
+
+          <EuiFlexItem
+            grow={false}
+          >
+            <EuiButton
+              onClick={this.installSavedObjects}
+              isLoading={this.state.isInstalling}
+            >
+              Add
+            </EuiButton>
+          </EuiFlexItem>
+        </EuiFlexGroup>
+
+        <EuiSpacer size="s" />
+
+        {this.renderInstallMessage()}
+      </Fragment>
+    );
+
+    return {
+      title: 'Load Kibana objects',
+      status: this.state.installStatus,
+      children: installStep,
+      key: 'installStep'
+    };
+  }
+
+  render() {
+    return (
+      <EuiSteps
+        steps={[this.renderInstallStep()]}
+      />
+    );
+  }
+}
+
+const savedObjectShape = PropTypes.shape({
+  id: PropTypes.string.isRequired,
+  type: PropTypes.string.isRequired,
+  attributes: PropTypes.object.isRequired,
+});
+
+SavedObjectsInstaller.propTypes = {
+  bulkCreate: PropTypes.func.isRequired,
+  savedObjects: PropTypes.arrayOf(savedObjectShape).isRequired,
+};

src/core_plugins/kibana/public/home/components/tutorial/tutorial.js

@@ -25,6 +25,7 @@ import { Footer } from './footer';
 import { Introduction } from './introduction';
 import { InstructionSet } from './instruction_set';
 import { RadioButtonGroup } from './radio_button_group';
+import { SavedObjectsInstaller } from './saved_objects_installer';
 import { EuiSpacer, EuiPage, EuiPanel, EuiLink, EuiText } from '@elastic/eui';
 import * as StatusCheckStates from './status_check_states';
 
@@ -235,6 +236,20 @@ export class Tutorial extends React.Component {
     });
   };
 
+  renderSavedObjectsInstaller = () => {
+    if (!this.state.tutorial.savedObjects) {
+      return;
+    }
+
+    return (
+      <SavedObjectsInstaller
+        bulkCreate={this.props.bulkCreate}
+        savedObjects={this.state.tutorial.savedObjects}
+      />
+    );
+
+  }
+
   renderFooter = () => {
     let label;
     let url;
@@ -305,6 +320,7 @@ export class Tutorial extends React.Component {
           <EuiSpacer />
           <EuiPanel paddingSize="l">
             {this.renderInstructionSets(instructions)}
+            {this.renderSavedObjectsInstaller()}
             {this.renderFooter()}
           </EuiPanel>
         </div>
@@ -327,4 +343,5 @@ Tutorial.propTypes = {
   getTutorial: PropTypes.func.isRequired,
   replaceTemplateStrings: PropTypes.func.isRequired,
   tutorialId: PropTypes.string.isRequired,
+  bulkCreate: PropTypes.func.isRequired,
 };

src/core_plugins/kibana/public/home/components/tutorial/tutorial.test.js

@@ -72,6 +72,7 @@ describe('isCloudEnabled is false', () => {
       getTutorial={getTutorial}
       replaceTemplateStrings={replaceTemplateStrings}
       tutorialId={'my_testing_tutorial'}
+      bulkCreate={() => {}}
     />);
     loadTutorialPromise.then(() => {
       component.update();
@@ -95,6 +96,7 @@ describe('isCloudEnabled is false', () => {
       getTutorial={getBasicTutorial}
       replaceTemplateStrings={replaceTemplateStrings}
       tutorialId={'my_testing_tutorial'}
+      bulkCreate={() => {}}
     />);
     loadBasicTutorialPromise.then(() => {
       component.update();
@@ -109,6 +111,7 @@ describe('isCloudEnabled is false', () => {
       getTutorial={getTutorial}
       replaceTemplateStrings={replaceTemplateStrings}
       tutorialId={'my_testing_tutorial'}
+      bulkCreate={() => {}}
     />);
     loadTutorialPromise.then(() => {
       component.update();
@@ -126,6 +129,7 @@ test('should render ELASTIC_CLOUD instructions when isCloudEnabled is true', ()
     getTutorial={getTutorial}
     replaceTemplateStrings={replaceTemplateStrings}
     tutorialId={'my_testing_tutorial'}
+    bulkCreate={() => {}}
   />);
   loadTutorialPromise.then(() => {
     component.update();

src/core_plugins/kibana/public/home/home_ng_wrapper.html

@@ -5,4 +5,5 @@
   get-config="getConfig"
   set-config="setConfig"
   clear-index-patterns-cache="clearIndexPatternsCache"
+  bulk-create="bulkCreate"
 />

src/core_plugins/kibana/public/home/index.js

@@ -22,6 +22,7 @@ import chrome from 'ui/chrome';
 import routes from 'ui/routes';
 import template from './home_ng_wrapper.html';
 import { FeatureCatalogueRegistryProvider } from 'ui/registry/feature_catalogue';
+import { SavedObjectsClientProvider } from 'ui/saved_objects';
 import { uiModules } from 'ui/modules';
 import {
   HomeApp
@@ -37,6 +38,7 @@ function getRoute() {
   return {
     template,
     controller($scope, config, indexPatterns, Private) {
+      const savedObjectsClient = Private(SavedObjectsClientProvider);
       $scope.addBasePath = chrome.addBasePath;
       $scope.directories = Private(FeatureCatalogueRegistryProvider).inTitleOrder;
       $scope.recentlyAccessed = recentlyAccessed.get().map(item => {
@@ -49,6 +51,7 @@ function getRoute() {
         const getter = indexPatterns.getIds;
         getter.clearCache();
       };
+      $scope.bulkCreate = savedObjectsClient.bulkCreate;
     }
   };
 }

src/core_plugins/kibana/server/tutorials/apm/index.js

@@ -20,6 +20,7 @@
 import { TUTORIAL_CATEGORY } from '../../../common/tutorials/tutorial_category';
 import { onPremInstructions } from './on_prem';
 import { ELASTIC_CLOUD_INSTRUCTIONS } from './elastic_cloud';
+import { getSavedObjects } from './saved_objects';
 
 const apmIntro = 'Collect in-depth performance metrics and errors from inside your applications.';
 
@@ -64,5 +65,6 @@ export function apmSpecProvider(server) {
     onPrem: onPremInstructions(server),
     elasticCloud: ELASTIC_CLOUD_INSTRUCTIONS,
     previewImagePath: '/plugins/kibana/home/tutorial_resources/apm/apm.png',
+    savedObjects: getSavedObjects(server),
   };
 }