feat(slo): pre-filled SLO form with template data (elastic#246993)

Author: kdelemme

x-pack/platform/packages/shared/kbn-slo-schema/src/schema/slo_template.ts

@@ -23,6 +23,7 @@ const sloTemplateSchema = t.intersection([
     timeWindow: timeWindowSchema,
     tags: tagsSchema,
     settings: optionalSettingsSchema,
+    groupBy: t.array(t.string),
   }),
 ]);
 

…ity/plugins/slo/common/locators/paths.ts …ared/slo_shared/common/locators/paths.tsx-pack/solutions/observability/plugins/slo/common/locators/paths.ts renamed to x-pack/platform/plugins/shared/slo_shared/common/locators/paths.ts x-pack/solutions/observability/plugins/slo/common/locators/paths.ts renamed to x-pack/platform/plugins/shared/slo_shared/common/locators/paths.ts

@@ -13,7 +13,6 @@ export const SLOS_WELCOME_PATH = '/welcome' as const;
 export const SLO_DETAIL_PATH = '/:sloId/:tabId?' as const;
 export const SLO_CREATE_PATH = '/create' as const;
 export const SLO_EDIT_PATH = '/edit/:sloId' as const;
-export const SLOS_OUTDATED_DEFINITIONS_PATH = '/outdated-definitions' as const;
 export const SLO_SETTINGS_PATH = '/settings' as const;
 export const SLOS_MANAGEMENT_PATH = '/management' as const;
 
@@ -25,6 +24,8 @@ export const paths = {
   sloCreate: `${SLOS_BASE_PATH}${SLO_CREATE_PATH}`,
   sloCreateWithEncodedForm: (encodedParams: string) =>
     `${SLOS_BASE_PATH}${SLO_CREATE_PATH}?_a=${encodedParams}`,
+  sloCreateFromTemplate: (templateId: string) =>
+    `${SLOS_BASE_PATH}${SLO_CREATE_PATH}?fromTemplateId=${encodeURIComponent(templateId)}`,
   sloEdit: (sloId: string) => `${SLOS_BASE_PATH}/edit/${encodeURIComponent(sloId)}`,
   sloEditWithEncodedForm: (sloId: string, encodedParams: string) =>
     `${SLOS_BASE_PATH}/edit/${encodeURIComponent(sloId)}?_a=${encodedParams}`,

x-pack/platform/plugins/shared/slo_shared/server/saved_objects/slo_template.ts

@@ -13,6 +13,7 @@ import type { storedSloTemplateSchema } from '@kbn/slo-schema';
 import type * as t from 'io-ts';
 import { pick } from 'lodash';
 import { SO_SLO_TEMPLATE_TYPE } from '../../common';
+import { paths } from '../../common/locators/paths';
 
 type StoredSLOTemplate = t.TypeOf<typeof storedSloTemplateSchema>;
 
@@ -63,6 +64,12 @@ export const sloTemplate: SavedObjectsType = {
   },
   management: {
     importableAndExportable: true,
+    getInAppUrl: (savedObject: SavedObject<StoredSLOTemplate>) => {
+      return {
+        path: paths.sloCreateFromTemplate(savedObject.id),
+        uiCapabilitiesPath: '',
+      };
+    },
     getTitle(template: SavedObject<StoredSLOTemplate>) {
       const templateName =
         'name' in template.attributes && typeof template.attributes.name === 'string'

…ty/plugins/slo/common/field_names/slo.ts …slo/common/burn_rate_rule/field_names.tsx-pack/solutions/observability/plugins/slo/common/field_names/slo.ts renamed to x-pack/solutions/observability/plugins/slo/common/burn_rate_rule/field_names.ts x-pack/solutions/observability/plugins/slo/common/field_names/slo.ts renamed to x-pack/solutions/observability/plugins/slo/common/burn_rate_rule/field_names.ts

@@ -9,10 +9,3 @@ export const SLO_ID_FIELD = 'slo.id';
 export const SLO_REVISION_FIELD = 'slo.revision';
 export const SLO_INSTANCE_ID_FIELD = 'slo.instanceId';
 export const SLO_DATA_VIEW_ID_FIELD = 'slo.dataViewId';
-
-export const SLO_BURN_RATE_AAD_FIELDS = [
-  SLO_ID_FIELD,
-  SLO_REVISION_FIELD,
-  SLO_INSTANCE_ID_FIELD,
-  SLO_DATA_VIEW_ID_FIELD,
-];

…bservability/plugins/slo/common/types.ts …ugins/slo/common/burn_rate_rule/types.tsx-pack/solutions/observability/plugins/slo/common/types.ts renamed to x-pack/solutions/observability/plugins/slo/common/burn_rate_rule/types.ts x-pack/solutions/observability/plugins/slo/common/types.ts renamed to x-pack/solutions/observability/plugins/slo/common/burn_rate_rule/types.ts

@@ -11,6 +11,4 @@ export const DependencyRT = t.type({
   actionGroupsToSuppressOn: t.array(t.string),
 });
 
-export const DependenciesRT = t.array(DependencyRT);
-
 export type Dependency = t.OutputOf<typeof DependencyRT>;

x-pack/solutions/observability/plugins/slo/common/index.ts

@@ -7,6 +7,3 @@
 
 export const sloAppId = 'slo';
 export const PLUGIN_NAME = 'SLOs';
-
-import { paths } from './locators/paths';
-export const sloPaths = paths;

x-pack/solutions/observability/plugins/slo/public/components/burn_rate_rule_editor/dependencies.tsx

@@ -18,7 +18,7 @@ import { i18n } from '@kbn/i18n';
 
 import React from 'react';
 import { useFetchSLOsWithBurnRateRules } from '../../hooks/use_fetch_slos_with_burn_rate_rules';
-import type { Dependency } from '../../../common/types';
+import type { Dependency } from '../../../common/burn_rate_rule/types';
 import {
   ALERT_ACTION,
   HIGH_PRIORITY_ACTION,

x-pack/solutions/observability/plugins/slo/public/components/burn_rate_rule_editor/dependency_editor.tsx

@@ -21,8 +21,8 @@ import { FormattedMessage } from '@kbn/i18n-react';
 import type { Rule } from '@kbn/triggers-actions-ui-plugin/public';
 import { isRight } from 'fp-ts/Either';
 import type { SloRule } from '../../hooks/use_fetch_slos_with_burn_rate_rules';
-import type { Dependency } from '../../../common/types';
-import { DependencyRT } from '../../../common/types';
+import type { Dependency } from '../../../common/burn_rate_rule/types';
+import { DependencyRT } from '../../../common/burn_rate_rule/types';
 import {
   ALERT_ACTION,
   HIGH_PRIORITY_ACTION,

x-pack/solutions/observability/plugins/slo/public/components/header_menu/header_menu.tsx

@@ -9,7 +9,7 @@ import { EuiFlexGroup, EuiFlexItem, EuiHeaderLink, EuiHeaderLinks } from '@elast
 import { i18n } from '@kbn/i18n';
 import { HeaderMenuPortal } from '@kbn/observability-shared-plugin/public';
 import React from 'react';
-import { SLOS_BASE_PATH, SLO_SETTINGS_PATH } from '../../../common/locators/paths';
+import { paths } from '@kbn/slo-shared-plugin/common/locators/paths';
 import { useKibana } from '../../hooks/use_kibana';
 import { usePluginContext } from '../../hooks/use_plugin_context';
 import { FeedbackButton } from '../../pages/slos/components/common/feedback_button';
@@ -40,15 +40,12 @@ export function HeaderMenu(): React.ReactElement | null {
                 defaultMessage: 'SLO documentation',
               })}
             </EuiHeaderLink>
-            <EuiHeaderLink
-              color="primary"
-              href={http.basePath.prepend(`${SLOS_BASE_PATH}${SLO_SETTINGS_PATH}`)}
-            >
+            <EuiHeaderLink color="primary" href={http.basePath.prepend(paths.slosSettings)}>
               {i18n.translate('xpack.slo.headerMenu.settings', {
                 defaultMessage: 'Settings',
               })}
             </EuiHeaderLink>
-            <EuiHeaderLink color="primary" href={http.basePath.prepend('/app/slos/management')}>
+            <EuiHeaderLink color="primary" href={http.basePath.prepend(paths.slosManagement)}>
               {i18n.translate('xpack.slo.home.manage', {
                 defaultMessage: 'Manage SLOs',
               })}

x-pack/solutions/observability/plugins/slo/public/components/slo/slo_outdated_callout/index.tsx

@@ -5,13 +5,13 @@
  * 2.0.
  */
 import { EuiButton, EuiCallOut, EuiSpacer } from '@elastic/eui';
-import React from 'react';
 import { i18n } from '@kbn/i18n';
 import { FormattedMessage } from '@kbn/i18n-react';
 import { encode } from '@kbn/rison';
-import { useKibana } from '../../../hooks/use_kibana';
+import { paths } from '@kbn/slo-shared-plugin/common/locators/paths';
+import React from 'react';
 import { useFetchSloDefinitions } from '../../../hooks/use_fetch_slo_definitions';
-import { paths } from '../../../../common/locators/paths';
+import { useKibana } from '../../../hooks/use_kibana';
 
 export function SloOutdatedCallout() {
   const {