[Canvas] Move Templates to be stored as Saved Objects (#69438)

* Moves Canvas templates to live server side

* Adds Clone from template test

* Fix url

* Clean up

* PR Feedback

* i18n

Author: Corey Robertson

x-pack/plugins/canvas/canvas_plugin_src/plugin.ts

@@ -24,7 +24,6 @@ import { modelSpecs } from './uis/models';
 import { initializeViews } from './uis/views';
 import { initializeArgs } from './uis/arguments';
 import { tagSpecs } from './uis/tags';
-import { templateSpecs } from './templates';
 
 interface SetupDeps {
   canvas: CanvasSetup;
@@ -59,7 +58,6 @@ export class CanvasSrcPlugin implements Plugin<void, void, SetupDeps, StartDeps>
     plugins.canvas.addViewUIs(initializeViews(core, plugins));
     plugins.canvas.addArgumentUIs(initializeArgs(core, plugins));
     plugins.canvas.addTagUIs(tagSpecs);
-    plugins.canvas.addTemplates(templateSpecs);
     plugins.canvas.addTransformUIs(transformSpecs);
   }
 

x-pack/plugins/canvas/canvas_plugin_src/templates/index.ts

@@ -8,6 +8,7 @@ import { SHAREABLE_RUNTIME_NAME } from '../../shareable_runtime/constants_static
 
 export const CANVAS_TYPE = 'canvas-workpad';
 export const CUSTOM_ELEMENT_TYPE = 'canvas-element';
+export const TEMPLATE_TYPE = `${CANVAS_TYPE}-template`;
 export const CANVAS_APP = 'canvas';
 export const APP_ROUTE = '/app/canvas';
 export const APP_ROUTE_WORKPAD = `${APP_ROUTE}#/workpad`;
@@ -16,6 +17,7 @@ export const API_ROUTE_WORKPAD = `${API_ROUTE}/workpad`;
 export const API_ROUTE_WORKPAD_ASSETS = `${API_ROUTE}/workpad-assets`;
 export const API_ROUTE_WORKPAD_STRUCTURES = `${API_ROUTE}/workpad-structures`;
 export const API_ROUTE_CUSTOM_ELEMENT = `${API_ROUTE}/custom-element`;
+export const API_ROUTE_TEMPLATES = `${API_ROUTE}/templates`;
 export const LOCALSTORAGE_PREFIX = `kibana.canvas`;
 export const LOCALSTORAGE_CLIPBOARD = `${LOCALSTORAGE_PREFIX}.clipboard`;
 export const SESSIONSTORAGE_LASTPATH = 'lastPath:canvas';

x-pack/plugins/canvas/canvas_plugin_src/templates/status_report.json

@@ -1604,5 +1604,12 @@ export const ComponentStrings = {
       i18n.translate('xpack.canvas.workpadTemplate.searchPlaceholder', {
         defaultMessage: 'Find template',
       }),
+    getCreatingTemplateLabel: (templateName: string) =>
+      i18n.translate('xpack.canvas.workpadTemplate.creatingTemplateLabel', {
+        defaultMessage: `Creating from template '{templateName}'`,
+        values: {
+          templateName,
+        },
+      }),
   },
 };

x-pack/plugins/canvas/canvas_plugin_src/templates/summary_report.json

@@ -45,6 +45,6 @@ export const applyTemplateStrings = (templates: CanvasTemplate[]) => {
       });
     }
 
-    return () => template;
+    return template;
   });
 };

x-pack/plugins/canvas/canvas_plugin_src/templates/theme_dark.json

@@ -5,13 +5,13 @@
  */
 
 import { getTemplateStrings } from './template_strings';
-import { templateSpecs } from '../../canvas_plugin_src/templates';
+import { templates } from '../../server/templates'; // eslint-disable-line
 
 import { TagStrings } from '../tags';
 
 describe('TemplateStrings', () => {
   const templateStrings = getTemplateStrings();
-  const templateNames = templateSpecs.map((template) => template().name);
+  const templateNames = templates.map((template) => template.name);
   const stringKeys = Object.keys(templateStrings);
 
   test('All template names should exist in the strings definition', () => {
@@ -39,8 +39,8 @@ describe('TemplateStrings', () => {
   test('All templates should have tags that are defined', () => {
     const tagNames = Object.keys(TagStrings);
 
-    templateSpecs.forEach((template) => {
-      template().tags.forEach((tagName: string) => expect(tagNames).toContain(tagName));
+    templates.forEach((template) => {
+      template.tags.forEach((tagName: string) => expect(tagNames).toContain(tagName));
     });
   });
 });