@backstage/plugin-scaffolder 1.4.0 → 1.5.0-next.2

package/dist/esm/{index-8dd91f94.esm.js → index-bdece754.esm.js}

@@ -1,14 +1,14 @@
-import React, { createContext, useState } from 'react';
-import { useOutlet, Routes, Route } from 'react-router';
-import { Progress, ItemCardHeader, MarkdownContent, UserIcon, Button as Button$1, Content, Link as Link$1, ItemCardGrid, ContentHeader, Page, Header, SupportButton } from '@backstage/core-components';
+import React, { useState, useMemo, useEffect } from 'react';
+import { useParams, Navigate, useOutlet, Routes, Route } from 'react-router';
+import { Progress, ItemCardHeader, MarkdownContent, UserIcon, Button as Button$1, Content, Link as Link$1, ItemCardGrid, ContentHeader, Page, Header, SupportButton, InfoCard } from '@backstage/core-components';
 import { useEntityTypeFilter, FavoriteEntity, getEntityRelations, EntityRefLinks, useEntityList, EntityListProvider, CatalogFilterLayout, EntitySearchBar, EntityKindPicker, UserListPicker, EntityTagPicker } from '@backstage/plugin-catalog-react';
 import capitalize from 'lodash/capitalize';
-import { Box, Typography, FormControlLabel, Checkbox, TextField, makeStyles, useTheme, Card, CardContent, Divider, Chip, CardActions } from '@material-ui/core';
+import { Box, Typography, FormControlLabel, Checkbox, TextField, makeStyles, useTheme, Card, CardContent, Divider, Chip, CardActions, Stepper as Stepper$1, Step, StepLabel, Button as Button$2 } from '@material-ui/core';
 import CheckBoxIcon from '@material-ui/icons/CheckBox';
 import CheckBoxOutlineBlankIcon from '@material-ui/icons/CheckBoxOutlineBlank';
 import ExpandMoreIcon from '@material-ui/icons/ExpandMore';
 import { Autocomplete } from '@material-ui/lab';
-import { useApi, alertApiRef, useRouteRef, errorApiRef, useElementFilter } from '@backstage/core-plugin-api';
+import { useApi, alertApiRef, useRouteRef, errorApiRef, featureFlagsApiRef, useElementFilter } from '@backstage/core-plugin-api';
 import Button from '@material-ui/core/Button';
 import IconButton from '@material-ui/core/IconButton';
 import useMediaQuery from '@material-ui/core/useMediaQuery';
@@ -16,15 +16,17 @@ import { Link } from 'react-router-dom';
 import AddCircleOutline from '@material-ui/icons/AddCircleOutline';
 import { catalogEntityCreatePermission } from '@backstage/plugin-catalog-common';
 import { usePermission } from '@backstage/plugin-permission-react';
-import { s as selectedTemplateRouteRef, r as registerComponentRouteRef, F as FIELD_EXTENSION_WRAPPER_KEY, i as FIELD_EXTENSION_KEY } from './index-a298f509.esm.js';
+import { t as nextSelectedTemplateRouteRef, r as registerComponentRouteRef, u as nextRouteRef, c as scaffolderApiRef, F as FIELD_EXTENSION_WRAPPER_KEY, i as FIELD_EXTENSION_KEY, j as SecretsContextProvider } from './index-3b171258.esm.js';
 import { RELATION_OWNED_BY, parseEntityRef, stringifyEntityRef } from '@backstage/catalog-model';
-import { D as DEFAULT_SCAFFOLDER_FIELD_EXTENSIONS } from './default-ffab2851.esm.js';
+import useAsync from 'react-use/lib/useAsync';
+import { withTheme } from '@rjsf/core';
+import { Theme } from '@rjsf/material-ui';
+import { D as DEFAULT_SCAFFOLDER_FIELD_EXTENSIONS } from './default-2a48fcb0.esm.js';
 import '@backstage/errors';
 import 'qs';
 import 'zen-observable';
 import '@material-ui/core/FormControl';
 import '@material-ui/lab/Autocomplete';
-import 'react-use/lib/useAsync';
 import 'react-use/lib/useEffectOnce';
 import '@backstage/integration-react';
 import '@material-ui/core/FormHelperText';
@@ -99,7 +101,9 @@ const RegisterExistingButton = (props) => {
   const { allowed } = usePermission({
     permission: catalogEntityCreatePermission
   });
-  const isXSScreen = useMediaQuery((theme) => theme.breakpoints.down("xs"));
+  const isXSScreen = useMediaQuery(
+    (theme) => theme.breakpoints.down("xs")
+  );
   if (!to || !allowed) {
     return null;
   }
@@ -117,15 +121,17 @@ const RegisterExistingButton = (props) => {
   }, title);
 };
 
-const useStyles$1 = makeStyles(() => ({
-  header: {
-    backgroundImage: ({ cardBackgroundImage }) => cardBackgroundImage
-  },
-  subtitleWrapper: {
-    display: "flex",
-    justifyContent: "space-between"
-  }
-}));
+const useStyles$3 = makeStyles(
+  () => ({
+    header: {
+      backgroundImage: ({ cardBackgroundImage }) => cardBackgroundImage
+    },
+    subtitleWrapper: {
+      display: "flex",
+      justifyContent: "space-between"
+    }
+  })
+);
 const CardHeader = (props) => {
   const {
     template: {
@@ -135,7 +141,7 @@ const CardHeader = (props) => {
   } = props;
   const { getPageTheme } = useTheme();
   const themeForType = getPageTheme({ themeId: type });
-  const styles = useStyles$1({
+  const styles = useStyles$3({
     cardBackgroundImage: themeForType.backgroundImage
   });
   const SubtitleComponent = /* @__PURE__ */ React.createElement("div", {
@@ -151,16 +157,17 @@ const CardHeader = (props) => {
   });
 };
 
-const useStyles = makeStyles((theme) => ({
+const useStyles$2 = makeStyles((theme) => ({
   box: {
     overflow: "hidden",
     textOverflow: "ellipsis",
     display: "-webkit-box",
     "-webkit-line-clamp": 10,
-    "-webkit-box-orient": "vertical",
-    "& p:first-child": {
-      marginTop: 0,
-      marginBottom: theme.spacing(2)
+    "-webkit-box-orient": "vertical"
+  },
+  markdown: {
+    "& :first-child": {
+      marginTop: 0
     }
   },
   label: {
@@ -190,16 +197,22 @@ const useStyles = makeStyles((theme) => ({
 const TemplateCard = (props) => {
   var _a, _b, _c, _d;
   const { template } = props;
-  const styles = useStyles();
+  const styles = useStyles$2();
   const ownedByRelations = getEntityRelations(template, RELATION_OWNED_BY);
-  const templateRoute = useRouteRef(selectedTemplateRouteRef);
-  const { name, namespace } = parseEntityRef(stringifyEntityRef(template));
-  const href = templateRoute({ templateName: name, namespace });
+  const templateRoute = useRouteRef(nextSelectedTemplateRouteRef);
+  const { name, namespace } = parseEntityRef(
+    stringifyEntityRef(props.template)
+  );
+  const href = templateRoute({
+    templateName: name,
+    namespace
+  });
   return /* @__PURE__ */ React.createElement(Card, null, /* @__PURE__ */ React.createElement(CardHeader, {
     template
   }), /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement(Box, {
     className: styles.box
   }, /* @__PURE__ */ React.createElement(MarkdownContent, {
+    className: styles.markdown,
     content: (_a = template.metadata.description) != null ? _a : "No description"
   })), ((_c = (_b = template.metadata.tags) == null ? void 0 : _b.length) != null ? _c : 0) > 0 && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Divider, {
     className: styles.margin
@@ -261,7 +274,9 @@ const TemplateGroups = (props) => {
   }
   return /* @__PURE__ */ React.createElement(React.Fragment, null, groups.map(({ title, filter }, index) => /* @__PURE__ */ React.createElement(TemplateGroup, {
     key: index,
-    templates: entities.filter((e) => filter(e)),
+    templates: entities.filter(
+      (e) => filter(e)
+    ),
     title,
     components: { CardComponent: TemplateCardComponent }
   })));
@@ -273,13 +288,13 @@ const defaultGroup = {
 };
 const TemplateListPage = (props) => {
   const registerComponentLink = useRouteRef(registerComponentRouteRef);
-  const { TemplateCardComponent, groups = [defaultGroup] } = props;
+  const { TemplateCardComponent, groups = [] } = props;
   return /* @__PURE__ */ React.createElement(EntityListProvider, null, /* @__PURE__ */ React.createElement(Page, {
-    themeId: "home"
+    themeId: "website"
   }, /* @__PURE__ */ React.createElement(Header, {
-    pageTitleOverride: "Create a New Component",
-    title: "Create a New Component",
-    subtitle: "Create new software components using standard templates"
+    pageTitleOverride: "Create a new component",
+    title: "Create a new component",
+    subtitle: "Create new software components using standard templates in your organization"
   }), /* @__PURE__ */ React.createElement(Content, null, /* @__PURE__ */ React.createElement(ContentHeader, {
     title: "Available Templates"
   }, /* @__PURE__ */ React.createElement(RegisterExistingButton, {
@@ -292,34 +307,258 @@ const TemplateListPage = (props) => {
     initialFilter: "all",
     availableFilters: ["all", "starred"]
   }), /* @__PURE__ */ React.createElement(CategoryPicker, null), /* @__PURE__ */ React.createElement(EntityTagPicker, null)), /* @__PURE__ */ React.createElement(CatalogFilterLayout.Content, null, /* @__PURE__ */ React.createElement(TemplateGroups, {
-    groups,
+    groups: [...groups, defaultGroup],
     TemplateCardComponent
   }))))));
 };
 
-const SecretsContext = createContext(void 0);
-const SecretsContextProvider = ({ children }) => {
-  const [secrets, setSecrets] = useState({});
-  return /* @__PURE__ */ React.createElement(SecretsContext.Provider, {
-    value: { secrets, setSecrets }
-  }, children);
+function isObject(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function extractUiSchema(schema, uiSchema) {
+  if (!isObject(schema)) {
+    return;
+  }
+  const { properties, items, anyOf, oneOf, allOf, dependencies } = schema;
+  for (const propName in schema) {
+    if (!schema.hasOwnProperty(propName)) {
+      continue;
+    }
+    if (propName.startsWith("ui:")) {
+      uiSchema[propName] = schema[propName];
+      delete schema[propName];
+    }
+  }
+  if (isObject(properties)) {
+    for (const propName in properties) {
+      if (!properties.hasOwnProperty(propName)) {
+        continue;
+      }
+      const schemaNode = properties[propName];
+      if (!isObject(schemaNode)) {
+        continue;
+      }
+      const innerUiSchema = {};
+      uiSchema[propName] = innerUiSchema;
+      extractUiSchema(schemaNode, innerUiSchema);
+    }
+  }
+  if (isObject(items)) {
+    const innerUiSchema = {};
+    uiSchema.items = innerUiSchema;
+    extractUiSchema(items, innerUiSchema);
+  }
+  if (Array.isArray(anyOf)) {
+    for (const schemaNode of anyOf) {
+      if (!isObject(schemaNode)) {
+        continue;
+      }
+      extractUiSchema(schemaNode, uiSchema);
+    }
+  }
+  if (Array.isArray(oneOf)) {
+    for (const schemaNode of oneOf) {
+      if (!isObject(schemaNode)) {
+        continue;
+      }
+      extractUiSchema(schemaNode, uiSchema);
+    }
+  }
+  if (Array.isArray(allOf)) {
+    for (const schemaNode of allOf) {
+      if (!isObject(schemaNode)) {
+        continue;
+      }
+      extractUiSchema(schemaNode, uiSchema);
+    }
+  }
+  if (isObject(dependencies)) {
+    for (const depName of Object.keys(dependencies)) {
+      const schemaNode = dependencies[depName];
+      if (!isObject(schemaNode)) {
+        continue;
+      }
+      extractUiSchema(schemaNode, uiSchema);
+    }
+  }
+}
+const extractSchemaFromStep = (inputStep) => {
+  const uiSchema = {};
+  const returnSchema = JSON.parse(JSON.stringify(inputStep));
+  extractUiSchema(returnSchema, uiSchema);
+  return { uiSchema, schema: returnSchema };
 };
 
-const TemplateWizardPage = (_props) => {
-  return null;
+const useTemplateSchema = (manifest) => {
+  const featureFlags = useApi(featureFlagsApiRef);
+  const steps = manifest.steps.map(({ title, description, schema }) => ({
+    title,
+    description,
+    ...extractSchemaFromStep(schema)
+  }));
+  const returningSteps = steps.filter((step) => {
+    var _a;
+    const stepFeatureFlag = (_a = step.uiSchema["ui:backstage"]) == null ? void 0 : _a.featureFlag;
+    return stepFeatureFlag ? featureFlags.isActive(stepFeatureFlag) : true;
+  }).map((step) => ({
+    ...step,
+    schema: {
+      ...step.schema,
+      title: void 0,
+      properties: Object.fromEntries(
+        Object.entries(step.schema.properties).filter(
+          ([key]) => {
+            var _a, _b;
+            const stepFeatureFlag = (_b = (_a = step.uiSchema[key]) == null ? void 0 : _a["ui:backstage"]) == null ? void 0 : _b.featureFlag;
+            return stepFeatureFlag ? featureFlags.isActive(stepFeatureFlag) : true;
+          }
+        )
+      )
+    }
+  }));
+  return {
+    steps: returningSteps
+  };
+};
+
+const useStyles$1 = makeStyles((theme) => ({
+  backButton: {
+    marginRight: theme.spacing(1)
+  },
+  footer: {
+    display: "flex",
+    flexDirection: "row",
+    justifyContent: "right"
+  },
+  formWrapper: {
+    padding: theme.spacing(2)
+  }
+}));
+const Form = withTheme(Theme);
+const Stepper = (props) => {
+  const { steps } = useTemplateSchema(props.manifest);
+  const [activeStep, setActiveStep] = useState(0);
+  const [formState, setFormState] = useState({});
+  const styles = useStyles$1();
+  const extensions = useMemo(() => {
+    return Object.fromEntries(
+      props.extensions.map(({ name, component }) => [name, component])
+    );
+  }, [props.extensions]);
+  const handleBack = () => {
+    setActiveStep((prevActiveStep) => prevActiveStep - 1);
+  };
+  const handleNext = ({ formData }) => {
+    setActiveStep((prevActiveStep) => prevActiveStep + 1);
+    setFormState((current) => ({ ...current, ...formData }));
+  };
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Stepper$1, {
+    activeStep,
+    alternativeLabel: true,
+    variant: "elevation"
+  }, steps.map((step, index) => /* @__PURE__ */ React.createElement(Step, {
+    key: index
+  }, /* @__PURE__ */ React.createElement(StepLabel, null, step.title)))), /* @__PURE__ */ React.createElement("div", {
+    className: styles.formWrapper
+  }, /* @__PURE__ */ React.createElement(Form, {
+    formData: formState,
+    schema: steps[activeStep].schema,
+    uiSchema: steps[activeStep].uiSchema,
+    onSubmit: handleNext,
+    fields: extensions,
+    showErrorList: false
+  }, /* @__PURE__ */ React.createElement("div", {
+    className: styles.footer
+  }, /* @__PURE__ */ React.createElement(Button$2, {
+    onClick: handleBack,
+    className: styles.backButton,
+    disabled: activeStep < 1
+  }, "Back"), /* @__PURE__ */ React.createElement(Button$2, {
+    variant: "contained",
+    color: "primary",
+    type: "submit"
+  }, activeStep === steps.length - 1 ? "Review" : "Next")))));
+};
+
+const useStyles = makeStyles(() => ({
+  markdown: {
+    "& :first-child": {
+      marginTop: 0
+    },
+    "& :last-child": {
+      marginBottom: 0
+    }
+  }
+}));
+const useTemplateParameterSchema = (templateRef) => {
+  const scaffolderApi = useApi(scaffolderApiRef);
+  const { value, loading, error } = useAsync(
+    () => scaffolderApi.getTemplateParameterSchema(templateRef),
+    [scaffolderApi, templateRef]
+  );
+  return { manifest: value, loading, error };
+};
+const TemplateWizardPage = (props) => {
+  var _a;
+  const styles = useStyles();
+  const rootRef = useRouteRef(nextRouteRef);
+  const { templateName, namespace } = useParams();
+  const errorApi = useApi(errorApiRef);
+  const { loading, manifest, error } = useTemplateParameterSchema(
+    stringifyEntityRef({
+      kind: "Template",
+      namespace,
+      name: templateName
+    })
+  );
+  useEffect(() => {
+    if (error) {
+      errorApi.post(new Error(`Failed to load template, ${error}`));
+    }
+  }, [error, errorApi]);
+  if (error) {
+    return /* @__PURE__ */ React.createElement(Navigate, {
+      to: rootRef()
+    });
+  }
+  return /* @__PURE__ */ React.createElement(Page, {
+    themeId: "website"
+  }, /* @__PURE__ */ React.createElement(Header, {
+    pageTitleOverride: "Create a new component",
+    title: "Create a new component",
+    subtitle: "Create new software components using standard templates in your organization"
+  }), /* @__PURE__ */ React.createElement(Content, null, loading && /* @__PURE__ */ React.createElement(Progress, null), manifest && /* @__PURE__ */ React.createElement(InfoCard, {
+    title: manifest.title,
+    subheader: /* @__PURE__ */ React.createElement(MarkdownContent, {
+      className: styles.markdown,
+      content: (_a = manifest.description) != null ? _a : "No description"
+    }),
+    noPadding: true,
+    titleTypographyProps: { component: "h2" }
+  }, /* @__PURE__ */ React.createElement(Stepper, {
+    manifest,
+    extensions: props.customFieldExtensions
+  }))));
 };
 
 const Router = (props) => {
   const { components: { TemplateCardComponent } = {} } = props;
   const outlet = useOutlet() || props.children;
-  const customFieldExtensions = useElementFilter(outlet, (elements) => elements.selectByComponentData({
-    key: FIELD_EXTENSION_WRAPPER_KEY
-  }).findComponentData({
-    key: FIELD_EXTENSION_KEY
-  }));
+  const customFieldExtensions = useElementFilter(
+    outlet,
+    (elements) => elements.selectByComponentData({
+      key: FIELD_EXTENSION_WRAPPER_KEY
+    }).findComponentData({
+      key: FIELD_EXTENSION_KEY
+    })
+  );
   const fieldExtensions = [
     ...customFieldExtensions,
-    ...DEFAULT_SCAFFOLDER_FIELD_EXTENSIONS.filter(({ name }) => !customFieldExtensions.some((customFieldExtension) => customFieldExtension.name === name))
+    ...DEFAULT_SCAFFOLDER_FIELD_EXTENSIONS.filter(
+      ({ name }) => !customFieldExtensions.some(
+        (customFieldExtension) => customFieldExtension.name === name
+      )
+    )
   ];
   return /* @__PURE__ */ React.createElement(Routes, null, /* @__PURE__ */ React.createElement(Route, {
     element: /* @__PURE__ */ React.createElement(TemplateListPage, {
@@ -327,7 +566,7 @@ const Router = (props) => {
       groups: props.groups
     })
   }), /* @__PURE__ */ React.createElement(Route, {
-    path: selectedTemplateRouteRef.path,
+    path: nextSelectedTemplateRouteRef.path,
     element: /* @__PURE__ */ React.createElement(SecretsContextProvider, null, /* @__PURE__ */ React.createElement(TemplateWizardPage, {
       customFieldExtensions: fieldExtensions
     }))
@@ -335,4 +574,4 @@ const Router = (props) => {
 };
 
 export { Router };
-//# sourceMappingURL=index-8dd91f94.esm.js.map
+//# sourceMappingURL=index-bdece754.esm.js.map

package/dist/esm/index-bdece754.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-bdece754.esm.js","sources":["../../src/next/TemplateListPage/CategoryPicker.tsx","../../src/next/TemplateListPage/RegisterExistingButton.tsx","../../src/next/TemplateListPage/TemplateCard/CardHeader.tsx","../../src/next/TemplateListPage/TemplateCard/TemplateCard.tsx","../../src/next/TemplateListPage/TemplateGroup.tsx","../../src/next/TemplateListPage/TemplateGroups.tsx","../../src/next/TemplateListPage/TemplateListPage.tsx","../../src/next/TemplateWizardPage/Stepper/schema.ts","../../src/next/TemplateWizardPage/Stepper/useTemplateSchema.ts","../../src/next/TemplateWizardPage/Stepper/Stepper.tsx","../../src/next/TemplateWizardPage/TemplateWizardPage.tsx","../../src/next/Router/Router.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\nimport capitalize from 'lodash/capitalize';\nimport { Progress } from '@backstage/core-components';\nimport {\n  Box,\n  Checkbox,\n  FormControlLabel,\n  TextField,\n  Typography,\n} from '@material-ui/core';\nimport CheckBoxIcon from '@material-ui/icons/CheckBox';\nimport CheckBoxOutlineBlankIcon from '@material-ui/icons/CheckBoxOutlineBlank';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport { Autocomplete } from '@material-ui/lab';\nimport { useEntityTypeFilter } from '@backstage/plugin-catalog-react';\nimport { alertApiRef, useApi } from '@backstage/core-plugin-api';\n\nconst icon = <CheckBoxOutlineBlankIcon fontSize=\"small\" />;\nconst checkedIcon = <CheckBoxIcon fontSize=\"small\" />;\n\n/**\n * The Category Picker that is rendered on the left side for picking\n * categories and filtering the template list.\n */\nexport const CategoryPicker = () => {\n  const alertApi = useApi(alertApiRef);\n  const { error, loading, availableTypes, selectedTypes, setSelectedTypes } =\n    useEntityTypeFilter();\n\n  if (loading) return <Progress />;\n\n  if (error) {\n    alertApi.post({\n      message: `Failed to load entity types with error: ${error}`,\n      severity: 'error',\n    });\n    return null;\n  }\n\n  if (!availableTypes) return null;\n\n  return (\n    <Box pb={1} pt={1}>\n      <Typography variant=\"button\">Categories</Typography>\n      <Autocomplete\n        multiple\n        aria-label=\"Categories\"\n        options={availableTypes}\n        value={selectedTypes}\n        onChange={(_: object, value: string[]) => setSelectedTypes(value)}\n        renderOption={(option, { selected }) => (\n          <FormControlLabel\n            control={\n              <Checkbox\n                icon={icon}\n                checkedIcon={checkedIcon}\n                checked={selected}\n              />\n            }\n            label={capitalize(option)}\n          />\n        )}\n        size=\"small\"\n        popupIcon={<ExpandMoreIcon />}\n        renderInput={params => <TextField {...params} variant=\"outlined\" />}\n      />\n    </Box>\n  );\n};\n","/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { BackstageTheme } from '@backstage/theme';\nimport Button from '@material-ui/core/Button';\nimport IconButton from '@material-ui/core/IconButton';\nimport useMediaQuery from '@material-ui/core/useMediaQuery';\nimport React from 'react';\nimport { Link as RouterLink, LinkProps } from 'react-router-dom';\nimport AddCircleOutline from '@material-ui/icons/AddCircleOutline';\nimport { catalogEntityCreatePermission } from '@backstage/plugin-catalog-common';\nimport { usePermission } from '@backstage/plugin-permission-react';\n\n/**\n * Properties for {@link RegisterExistingButton}\n *\n * @alpha\n */\nexport type RegisterExistingButtonProps = {\n  title: string;\n} & Partial<Pick<LinkProps, 'to'>>;\n\n/**\n * A button that helps users to register an existing component.\n * @alpha\n */\nexport const RegisterExistingButton = (props: RegisterExistingButtonProps) => {\n  const { title, to } = props;\n  const { allowed } = usePermission({\n    permission: catalogEntityCreatePermission,\n  });\n  const isXSScreen = useMediaQuery<BackstageTheme>(theme =>\n    theme.breakpoints.down('xs'),\n  );\n\n  if (!to || !allowed) {\n    return null;\n  }\n\n  return isXSScreen ? (\n    <IconButton\n      component={RouterLink}\n      color=\"primary\"\n      title={title}\n      size=\"small\"\n      to={to}\n    >\n      <AddCircleOutline />\n    </IconButton>\n  ) : (\n    <Button component={RouterLink} variant=\"contained\" color=\"primary\" to={to}>\n      {title}\n    </Button>\n  );\n};\n","/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\nimport { makeStyles, useTheme } from '@material-ui/core';\nimport { ItemCardHeader } from '@backstage/core-components';\nimport { BackstageTheme } from '@backstage/theme';\nimport { TemplateEntityV1beta3 } from '@backstage/plugin-scaffolder-common';\nimport { FavoriteEntity } from '@backstage/plugin-catalog-react';\n\nconst useStyles = makeStyles<BackstageTheme, { cardBackgroundImage: string }>(\n  () => ({\n    header: {\n      backgroundImage: ({ cardBackgroundImage }) => cardBackgroundImage,\n    },\n    subtitleWrapper: {\n      display: 'flex',\n      justifyContent: 'space-between',\n    },\n  }),\n);\n\n/**\n * Props for the CardHeader component\n */\nexport interface CardHeaderProps {\n  template: TemplateEntityV1beta3;\n}\n\n/**\n * The Card Header with the background for the TemplateCard.\n */\nexport const CardHeader = (props: CardHeaderProps) => {\n  const {\n    template: {\n      metadata: { title, name },\n      spec: { type },\n    },\n  } = props;\n  const { getPageTheme } = useTheme<BackstageTheme>();\n  const themeForType = getPageTheme({ themeId: type });\n\n  const styles = useStyles({\n    cardBackgroundImage: themeForType.backgroundImage,\n  });\n\n  const SubtitleComponent = (\n    <div className={styles.subtitleWrapper}>\n      <div>{type}</div>\n      <div>\n        <FavoriteEntity entity={props.template} style={{ padding: 0 }} />\n      </div>\n    </div>\n  );\n\n  return (\n    <ItemCardHeader\n      title={title ?? name}\n      subtitle={SubtitleComponent}\n      classes={{ root: styles.header }}\n    />\n  );\n};\n","/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\nimport { TemplateEntityV1beta3 } from '@backstage/plugin-scaffolder-common';\nimport {\n  Box,\n  Card,\n  CardActions,\n  CardContent,\n  Chip,\n  Divider,\n  makeStyles,\n} from '@material-ui/core';\nimport { CardHeader } from './CardHeader';\nimport { MarkdownContent, UserIcon, Button } from '@backstage/core-components';\nimport {\n  parseEntityRef,\n  RELATION_OWNED_BY,\n  stringifyEntityRef,\n} from '@backstage/catalog-model';\nimport {\n  EntityRefLinks,\n  getEntityRelations,\n} from '@backstage/plugin-catalog-react';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { nextSelectedTemplateRouteRef } from '../../../routes';\nimport { BackstageTheme } from '@backstage/theme';\n\nconst useStyles = makeStyles<BackstageTheme>(theme => ({\n  box: {\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    display: '-webkit-box',\n    '-webkit-line-clamp': 10,\n    '-webkit-box-orient': 'vertical',\n  },\n  markdown: {\n    /** to make the styles for React Markdown not leak into the description */\n    '& :first-child': {\n      marginTop: 0,\n    },\n  },\n  label: {\n    color: theme.palette.text.secondary,\n    textTransform: 'uppercase',\n    fontWeight: 'bold',\n    letterSpacing: 0.5,\n    lineHeight: 1,\n    fontSize: '0.75rem',\n  },\n  margin: {\n    marginBottom: theme.spacing(2),\n  },\n  footer: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    flex: 1,\n    alignItems: 'center',\n  },\n  ownedBy: {\n    display: 'flex',\n    alignItems: 'center',\n    flex: 1,\n    color: theme.palette.link,\n  },\n}));\n\n/**\n * The Props for the Template Card component\n * @alpha\n */\nexport interface TemplateCardProps {\n  template: TemplateEntityV1beta3;\n  deprecated?: boolean;\n}\n\n/**\n * The Template Card component that is rendered in a list for each template\n * @alpha\n */\nexport const TemplateCard = (props: TemplateCardProps) => {\n  const { template } = props;\n  const styles = useStyles();\n  const ownedByRelations = getEntityRelations(template, RELATION_OWNED_BY);\n  const templateRoute = useRouteRef(nextSelectedTemplateRouteRef);\n  const { name, namespace } = parseEntityRef(\n    stringifyEntityRef(props.template),\n  );\n  const href = templateRoute({\n    templateName: name,\n    namespace: namespace,\n  });\n\n  return (\n    <Card>\n      <CardHeader template={template} />\n      <CardContent>\n        <Box className={styles.box}>\n          <MarkdownContent\n            className={styles.markdown}\n            content={template.metadata.description ?? 'No description'}\n          />\n        </Box>\n        {(template.metadata.tags?.length ?? 0) > 0 && (\n          <>\n            <Divider className={styles.margin} />\n            <Box>\n              {template.metadata.tags?.map(tag => (\n                <Chip size=\"small\" label={tag} key={tag} />\n              ))}\n            </Box>\n          </>\n        )}\n      </CardContent>\n      <CardActions>\n        <div className={styles.footer}>\n          <div className={styles.ownedBy}>\n            {ownedByRelations.length > 0 && (\n              <>\n                <UserIcon />\n                <EntityRefLinks\n                  entityRefs={ownedByRelations}\n                  defaultKind=\"Group\"\n                />\n              </>\n            )}\n          </div>\n          <Button size=\"small\" variant=\"outlined\" color=\"primary\" to={href}>\n            Choose\n          </Button>\n        </div>\n      </CardActions>\n    </Card>\n  );\n};\n","/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { TemplateEntityV1beta3 } from '@backstage/plugin-scaffolder-common';\nimport React from 'react';\nimport {\n  Content,\n  ContentHeader,\n  ItemCardGrid,\n  Link,\n} from '@backstage/core-components';\nimport { Typography } from '@material-ui/core';\nimport { TemplateCard, TemplateCardProps } from './TemplateCard';\nimport { stringifyEntityRef } from '@backstage/catalog-model';\n\nexport interface TemplateGroupProps {\n  templates: TemplateEntityV1beta3[];\n  title: React.ReactNode;\n  components?: {\n    CardComponent?: React.ComponentType<TemplateCardProps>;\n  };\n}\n\nexport const TemplateGroup = (props: TemplateGroupProps) => {\n  const { templates, title, components: { CardComponent } = {} } = props;\n  const titleComponent =\n    typeof title === 'string' ? <ContentHeader title={title} /> : title;\n\n  if (templates.length === 0) {\n    return (\n      <Content>\n        {titleComponent}\n        <Typography variant=\"body2\">\n          No templates found that match your filter. Learn more about{' '}\n          <Link to=\"https://backstage.io/docs/features/software-templates/adding-templates\">\n            adding templates\n          </Link>\n          .\n        </Typography>\n      </Content>\n    );\n  }\n\n  const Card = CardComponent || TemplateCard;\n\n  return (\n    <Content>\n      {titleComponent}\n      <ItemCardGrid>\n        {templates.map(template => (\n          <Card key={stringifyEntityRef(template)} template={template} />\n        ))}\n      </ItemCardGrid>\n    </Content>\n  );\n};\n","/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\nimport { TemplateGroup } from './TemplateGroup';\nimport { Entity } from '@backstage/catalog-model';\nimport { useEntityList } from '@backstage/plugin-catalog-react';\nimport { TemplateEntityV1beta3 } from '@backstage/plugin-scaffolder-common';\nimport { Progress, Link } from '@backstage/core-components';\nimport { Typography } from '@material-ui/core';\nimport { errorApiRef, useApi } from '@backstage/core-plugin-api';\n\n/**\n * @alpha\n */\nexport type TemplateGroupFilter = {\n  title?: React.ReactNode;\n  filter: (entity: Entity) => boolean;\n};\n\nexport interface TemplateGroupsProps {\n  groups: TemplateGroupFilter[];\n  TemplateCardComponent?: React.ComponentType<{\n    template: TemplateEntityV1beta3;\n  }>;\n}\n\nexport const TemplateGroups = (props: TemplateGroupsProps) => {\n  const { loading, error, entities } = useEntityList();\n  const { groups, TemplateCardComponent } = props;\n  const errorApi = useApi(errorApiRef);\n\n  if (loading) {\n    return <Progress />;\n  }\n\n  if (error) {\n    errorApi.post(error);\n    return null;\n  }\n\n  if (!entities || !entities.length) {\n    return (\n      <Typography variant=\"body2\">\n        No templates found that match your filter. Learn more about{' '}\n        <Link to=\"https://backstage.io/docs/features/software-templates/adding-templates\">\n          adding templates\n        </Link>\n        .\n      </Typography>\n    );\n  }\n\n  return (\n    <>\n      {groups.map(({ title, filter }, index) => (\n        <TemplateGroup\n          key={index}\n          templates={entities.filter((e): e is TemplateEntityV1beta3 =>\n            filter(e),\n          )}\n          title={title}\n          components={{ CardComponent: TemplateCardComponent }}\n        />\n      ))}\n    </>\n  );\n};\n","/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\nimport { TemplateEntityV1beta3 } from '@backstage/plugin-scaffolder-common';\n\nimport {\n  Content,\n  ContentHeader,\n  Header,\n  Page,\n  SupportButton,\n} from '@backstage/core-components';\nimport {\n  EntityKindPicker,\n  EntityListProvider,\n  EntitySearchBar,\n  EntityTagPicker,\n  CatalogFilterLayout,\n  UserListPicker,\n} from '@backstage/plugin-catalog-react';\nimport { CategoryPicker } from './CategoryPicker';\nimport { RegisterExistingButton } from './RegisterExistingButton';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { registerComponentRouteRef } from '../../routes';\nimport { TemplateGroupFilter, TemplateGroups } from './TemplateGroups';\n\nexport type TemplateListPageProps = {\n  TemplateCardComponent?: React.ComponentType<{\n    template: TemplateEntityV1beta3;\n  }>;\n  groups?: TemplateGroupFilter[];\n};\n\nconst defaultGroup: TemplateGroupFilter = {\n  title: 'All Templates',\n  filter: () => true,\n};\n\nexport const TemplateListPage = (props: TemplateListPageProps) => {\n  const registerComponentLink = useRouteRef(registerComponentRouteRef);\n  const { TemplateCardComponent, groups = [] } = props;\n\n  return (\n    <EntityListProvider>\n      <Page themeId=\"website\">\n        <Header\n          pageTitleOverride=\"Create a new component\"\n          title=\"Create a new component\"\n          subtitle=\"Create new software components using standard templates in your organization\"\n        />\n        <Content>\n          <ContentHeader title=\"Available Templates\">\n            <RegisterExistingButton\n              title=\"Register Existing Component\"\n              to={registerComponentLink && registerComponentLink()}\n            />\n            <SupportButton>\n              Create new software components using standard templates. Different\n              templates create different kinds of components (services,\n              websites, documentation, ...).\n            </SupportButton>\n          </ContentHeader>\n\n          <CatalogFilterLayout>\n            <CatalogFilterLayout.Filters>\n              <EntitySearchBar />\n              <EntityKindPicker initialFilter=\"template\" hidden />\n              <UserListPicker\n                initialFilter=\"all\"\n                availableFilters={['all', 'starred']}\n              />\n              <CategoryPicker />\n              <EntityTagPicker />\n            </CatalogFilterLayout.Filters>\n            <CatalogFilterLayout.Content>\n              <TemplateGroups\n                groups={[...groups, defaultGroup]}\n                TemplateCardComponent={TemplateCardComponent}\n              />\n            </CatalogFilterLayout.Content>\n          </CatalogFilterLayout>\n        </Content>\n      </Page>\n    </EntityListProvider>\n  );\n};\n","/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { JsonObject } from '@backstage/types';\nimport { UiSchema } from '@rjsf/core';\n\nfunction isObject(value: unknown): value is JsonObject {\n  return typeof value === 'object' && value !== null && !Array.isArray(value);\n}\n\nfunction extractUiSchema(schema: JsonObject, uiSchema: JsonObject) {\n  if (!isObject(schema)) {\n    return;\n  }\n\n  const { properties, items, anyOf, oneOf, allOf, dependencies } = schema;\n\n  for (const propName in schema) {\n    if (!schema.hasOwnProperty(propName)) {\n      continue;\n    }\n\n    if (propName.startsWith('ui:')) {\n      uiSchema[propName] = schema[propName];\n      delete schema[propName];\n    }\n  }\n\n  if (isObject(properties)) {\n    for (const propName in properties) {\n      if (!properties.hasOwnProperty(propName)) {\n        continue;\n      }\n\n      const schemaNode = properties[propName];\n      if (!isObject(schemaNode)) {\n        continue;\n      }\n      const innerUiSchema = {};\n      uiSchema[propName] = innerUiSchema;\n      extractUiSchema(schemaNode, innerUiSchema);\n    }\n  }\n\n  if (isObject(items)) {\n    const innerUiSchema = {};\n    uiSchema.items = innerUiSchema;\n    extractUiSchema(items, innerUiSchema);\n  }\n\n  if (Array.isArray(anyOf)) {\n    for (const schemaNode of anyOf) {\n      if (!isObject(schemaNode)) {\n        continue;\n      }\n      extractUiSchema(schemaNode, uiSchema);\n    }\n  }\n\n  if (Array.isArray(oneOf)) {\n    for (const schemaNode of oneOf) {\n      if (!isObject(schemaNode)) {\n        continue;\n      }\n      extractUiSchema(schemaNode, uiSchema);\n    }\n  }\n\n  if (Array.isArray(allOf)) {\n    for (const schemaNode of allOf) {\n      if (!isObject(schemaNode)) {\n        continue;\n      }\n      extractUiSchema(schemaNode, uiSchema);\n    }\n  }\n\n  if (isObject(dependencies)) {\n    for (const depName of Object.keys(dependencies)) {\n      const schemaNode = dependencies[depName];\n      if (!isObject(schemaNode)) {\n        continue;\n      }\n      extractUiSchema(schemaNode, uiSchema);\n    }\n  }\n}\n\n/**\n * @alpha\n * Takes a step from a Backstage Template Manifest and converts it to a JSON Schema and UI Schema for rjsf\n */\nexport const extractSchemaFromStep = (\n  inputStep: JsonObject,\n): { uiSchema: UiSchema; schema: JsonObject } => {\n  const uiSchema: UiSchema = {};\n  const returnSchema: JsonObject = JSON.parse(JSON.stringify(inputStep));\n  extractUiSchema(returnSchema, uiSchema);\n  return { uiSchema, schema: returnSchema };\n};\n","/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { featureFlagsApiRef, useApi } from '@backstage/core-plugin-api';\nimport { JsonObject } from '@backstage/types';\nimport { UiSchema } from '@rjsf/core';\nimport { TemplateParameterSchema } from '../../../types';\nimport { extractSchemaFromStep } from './schema';\n\nexport const useTemplateSchema = (\n  manifest: TemplateParameterSchema,\n): {\n  steps: {\n    uiSchema: UiSchema;\n    schema: JsonObject;\n    title: string;\n    description?: string;\n  }[];\n} => {\n  const featureFlags = useApi(featureFlagsApiRef);\n  const steps = manifest.steps.map(({ title, description, schema }) => ({\n    title,\n    description,\n    ...extractSchemaFromStep(schema),\n  }));\n\n  const returningSteps = steps\n    // Filter out steps that are not enabled with the feature flags\n    .filter(step => {\n      const stepFeatureFlag = step.uiSchema['ui:backstage']?.featureFlag;\n      return stepFeatureFlag ? featureFlags.isActive(stepFeatureFlag) : true;\n    })\n    // Then filter out the properties that are not enabled with feature flag\n    .map(step => ({\n      ...step,\n      schema: {\n        ...step.schema,\n        // Title is rendered at the top of the page, so let's ignore this from jsonschemaform\n        title: undefined,\n        properties: Object.fromEntries(\n          Object.entries(step.schema.properties as JsonObject).filter(\n            ([key]) => {\n              const stepFeatureFlag =\n                step.uiSchema[key]?.['ui:backstage']?.featureFlag;\n              return stepFeatureFlag\n                ? featureFlags.isActive(stepFeatureFlag)\n                : true;\n            },\n          ),\n        ),\n      },\n    }));\n\n  return {\n    steps: returningSteps,\n  };\n};\n","/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { JsonObject } from '@backstage/types';\nimport {\n  Stepper as MuiStepper,\n  Step as MuiStep,\n  StepLabel as MuiStepLabel,\n  Button,\n  makeStyles,\n} from '@material-ui/core';\nimport { withTheme } from '@rjsf/core';\nimport { Theme as MuiTheme } from '@rjsf/material-ui';\nimport React, { useMemo, useState } from 'react';\nimport { FieldExtensionOptions } from '../../../extensions';\nimport { TemplateParameterSchema } from '../../../types';\nimport { useTemplateSchema } from './useTemplateSchema';\n\nconst useStyles = makeStyles(theme => ({\n  backButton: {\n    marginRight: theme.spacing(1),\n  },\n  footer: {\n    display: 'flex',\n    flexDirection: 'row',\n    justifyContent: 'right',\n  },\n  formWrapper: {\n    padding: theme.spacing(2),\n  },\n}));\n\nexport interface StepperProps {\n  manifest: TemplateParameterSchema;\n  extensions: FieldExtensionOptions<any, any>[];\n}\n\nconst Form = withTheme(MuiTheme);\n\nexport const Stepper = (props: StepperProps) => {\n  const { steps } = useTemplateSchema(props.manifest);\n  const [activeStep, setActiveStep] = useState(0);\n  const [formState, setFormState] = useState({});\n  const styles = useStyles();\n\n  const extensions = useMemo(() => {\n    return Object.fromEntries(\n      props.extensions.map(({ name, component }) => [name, component]),\n    );\n  }, [props.extensions]);\n\n  const handleBack = () => {\n    setActiveStep(prevActiveStep => prevActiveStep - 1);\n  };\n\n  const handleNext = ({ formData }: { formData: JsonObject }) => {\n    setActiveStep(prevActiveStep => prevActiveStep + 1);\n    setFormState(current => ({ ...current, ...formData }));\n  };\n\n  return (\n    <>\n      <MuiStepper activeStep={activeStep} alternativeLabel variant=\"elevation\">\n        {steps.map((step, index) => (\n          <MuiStep key={index}>\n            <MuiStepLabel>{step.title}</MuiStepLabel>\n          </MuiStep>\n        ))}\n      </MuiStepper>\n      <div className={styles.formWrapper}>\n        <Form\n          formData={formState}\n          schema={steps[activeStep].schema}\n          uiSchema={steps[activeStep].uiSchema}\n          onSubmit={handleNext}\n          fields={extensions}\n          showErrorList={false}\n        >\n          <div className={styles.footer}>\n            <Button\n              onClick={handleBack}\n              className={styles.backButton}\n              disabled={activeStep < 1}\n            >\n              Back\n            </Button>\n            <Button variant=\"contained\" color=\"primary\" type=\"submit\">\n              {activeStep === steps.length - 1 ? 'Review' : 'Next'}\n            </Button>\n          </div>\n        </Form>\n      </div>\n    </>\n  );\n};\n","/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React, { useEffect } from 'react';\nimport {\n  Page,\n  Header,\n  Content,\n  Progress,\n  InfoCard,\n  MarkdownContent,\n} from '@backstage/core-components';\nimport { FieldExtensionOptions } from '../../extensions';\nimport { Navigate, useParams } from 'react-router';\nimport { stringifyEntityRef } from '@backstage/catalog-model';\nimport { errorApiRef, useApi, useRouteRef } from '@backstage/core-plugin-api';\nimport { scaffolderApiRef } from '../../api';\nimport useAsync from 'react-use/lib/useAsync';\nimport { makeStyles } from '@material-ui/core';\nimport { Stepper } from './Stepper';\nimport { BackstageTheme } from '@backstage/theme';\nimport { nextRouteRef } from '../../routes';\n\nexport interface TemplateWizardPageProps {\n  customFieldExtensions: FieldExtensionOptions<any, any>[];\n}\n\nconst useStyles = makeStyles<BackstageTheme>(() => ({\n  markdown: {\n    /** to make the styles for React Markdown not leak into the description */\n    '& :first-child': {\n      marginTop: 0,\n    },\n    '& :last-child': {\n      marginBottom: 0,\n    },\n  },\n}));\n\nconst useTemplateParameterSchema = (templateRef: string) => {\n  const scaffolderApi = useApi(scaffolderApiRef);\n  const { value, loading, error } = useAsync(\n    () => scaffolderApi.getTemplateParameterSchema(templateRef),\n    [scaffolderApi, templateRef],\n  );\n\n  return { manifest: value, loading, error };\n};\n\nexport const TemplateWizardPage = (props: TemplateWizardPageProps) => {\n  const styles = useStyles();\n  const rootRef = useRouteRef(nextRouteRef);\n  const { templateName, namespace } = useParams();\n  const errorApi = useApi(errorApiRef);\n  const { loading, manifest, error } = useTemplateParameterSchema(\n    stringifyEntityRef({\n      kind: 'Template',\n      namespace,\n      name: templateName,\n    }),\n  );\n\n  useEffect(() => {\n    if (error) {\n      errorApi.post(new Error(`Failed to load template, ${error}`));\n    }\n  }, [error, errorApi]);\n\n  if (error) {\n    return <Navigate to={rootRef()} />;\n  }\n\n  return (\n    <Page themeId=\"website\">\n      <Header\n        pageTitleOverride=\"Create a new component\"\n        title=\"Create a new component\"\n        subtitle=\"Create new software components using standard templates in your organization\"\n      />\n      <Content>\n        {loading && <Progress />}\n        {manifest && (\n          <InfoCard\n            title={manifest.title}\n            subheader={\n              <MarkdownContent\n                className={styles.markdown}\n                content={manifest.description ?? 'No description'}\n              />\n            }\n            noPadding\n            titleTypographyProps={{ component: 'h2' }}\n          >\n            <Stepper\n              manifest={manifest}\n              extensions={props.customFieldExtensions}\n            />\n          </InfoCard>\n        )}\n      </Content>\n    </Page>\n  );\n};\n","/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React, { PropsWithChildren } from 'react';\nimport { Routes, Route, useOutlet } from 'react-router';\nimport { TemplateListPage } from '../TemplateListPage';\nimport { TemplateWizardPage } from '../TemplateWizardPage';\nimport {\n  FieldExtensionOptions,\n  FIELD_EXTENSION_WRAPPER_KEY,\n  FIELD_EXTENSION_KEY,\n  DEFAULT_SCAFFOLDER_FIELD_EXTENSIONS,\n} from '../../extensions';\n\nimport { useElementFilter } from '@backstage/core-plugin-api';\nimport { TemplateEntityV1beta3 } from '@backstage/plugin-scaffolder-common';\nimport { TemplateGroupFilter } from '../TemplateListPage/TemplateGroups';\nimport { nextSelectedTemplateRouteRef } from '../../routes';\nimport { SecretsContextProvider } from '../../components/secrets/SecretsContext';\n\n/**\n * The Props for the Scaffolder Router\n *\n * @alpha\n */\nexport type NextRouterProps = {\n  components?: {\n    TemplateCardComponent?: React.ComponentType<{\n      template: TemplateEntityV1beta3;\n    }>;\n    TaskPageComponent?: React.ComponentType<{}>;\n  };\n  groups?: TemplateGroupFilter[];\n};\n\n/**\n * The Scaffolder Router\n *\n * @alpha\n */\nexport const Router = (props: PropsWithChildren<NextRouterProps>) => {\n  const { components: { TemplateCardComponent } = {} } = props;\n\n  const outlet = useOutlet() || props.children;\n\n  const customFieldExtensions = useElementFilter(outlet, elements =>\n    elements\n      .selectByComponentData({\n        key: FIELD_EXTENSION_WRAPPER_KEY,\n      })\n      .findComponentData<FieldExtensionOptions>({\n        key: FIELD_EXTENSION_KEY,\n      }),\n  );\n\n  const fieldExtensions = [\n    ...customFieldExtensions,\n    ...DEFAULT_SCAFFOLDER_FIELD_EXTENSIONS.filter(\n      ({ name }) =>\n        !customFieldExtensions.some(\n          customFieldExtension => customFieldExtension.name === name,\n        ),\n    ),\n  ];\n\n  return (\n    <Routes>\n      <Route\n        element={\n          <TemplateListPage\n            TemplateCardComponent={TemplateCardComponent}\n            groups={props.groups}\n          />\n        }\n      />\n\n      <Route\n        path={nextSelectedTemplateRouteRef.path}\n        element={\n          <SecretsContextProvider>\n            <TemplateWizardPage customFieldExtensions={fieldExtensions} />\n          </SecretsContextProvider>\n        }\n      />\n    </Routes>\n  );\n};\n"],"names":["RouterLink","useStyles","Button","Link","MuiTheme","MuiStepper","MuiStep","MuiStepLabel"],"mappings":"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"}

package/dist/index.alpha.d.ts

@@ -427,7 +427,7 @@ export declare const scaffolderPlugin: BackstagePlugin<    {
 root: RouteRef<undefined>;
 }, {
 registerComponent: ExternalRouteRef<undefined, true>;
-}>;
+}, {}>;
 
 /**
  * The input options to the `scaffold` method of the `ScaffolderClient`.
@@ -528,8 +528,10 @@ export declare type TemplateGroupFilter = {
  */
 export declare type TemplateParameterSchema = {
     title: string;
+    description?: string;
     steps: Array<{
         title: string;
+        description?: string;
         schema: JsonObject;
     }>;
 };

package/dist/index.beta.d.ts

@@ -410,7 +410,7 @@ export declare const scaffolderPlugin: BackstagePlugin<    {
 root: RouteRef<undefined>;
 }, {
 registerComponent: ExternalRouteRef<undefined, true>;
-}>;
+}, {}>;
 
 /**
  * The input options to the `scaffold` method of the `ScaffolderClient`.
@@ -505,8 +505,10 @@ export declare type TaskPageProps = {
  */
 export declare type TemplateParameterSchema = {
     title: string;
+    description?: string;
     steps: Array<{
         title: string;
+        description?: string;
         schema: JsonObject;
     }>;
 };

package/dist/index.d.ts

@@ -410,7 +410,7 @@ export declare const scaffolderPlugin: BackstagePlugin<    {
 root: RouteRef<undefined>;
 }, {
 registerComponent: ExternalRouteRef<undefined, true>;
-}>;
+}, {}>;
 
 /**
  * The input options to the `scaffold` method of the `ScaffolderClient`.
@@ -505,8 +505,10 @@ export declare type TaskPageProps = {
  */
 export declare type TemplateParameterSchema = {
     title: string;
+    description?: string;
     steps: Array<{
         title: string;
+        description?: string;
         schema: JsonObject;
     }>;
 };