@backstage/plugin-scaffolder 1.30.0-next.0 → 1.30.0-next.2

package/dist/components/RenderSchema/RenderSchema.esm.js

@@ -0,0 +1,379 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { MarkdownContent } from '@backstage/core-components';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import Box from '@material-ui/core/Box';
+import Chip from '@material-ui/core/Chip';
+import Collapse from '@material-ui/core/Collapse';
+import IconButton from '@material-ui/core/IconButton';
+import List from '@material-ui/core/List';
+import ListItem from '@material-ui/core/ListItem';
+import Paper from '@material-ui/core/Paper';
+import Table from '@material-ui/core/Table';
+import TableBody from '@material-ui/core/TableBody';
+import TableCell from '@material-ui/core/TableCell';
+import TableContainer from '@material-ui/core/TableContainer';
+import TableHead from '@material-ui/core/TableHead';
+import TableRow from '@material-ui/core/TableRow';
+import Tooltip from '@material-ui/core/Tooltip';
+import Typography from '@material-ui/core/Typography';
+import { makeStyles } from '@material-ui/core/styles';
+import ExpandLessIcon from '@material-ui/icons/ExpandLess';
+import ExpandMoreIcon from '@material-ui/icons/ExpandMore';
+import WrapText from '@material-ui/icons/WrapText';
+import classNames from 'classnames';
+import { Fragment as Fragment$1, cloneElement } from 'react';
+import { scaffolderTranslationRef } from '../../translation.esm.js';
+
+const getTypes = (properties) => {
+  if (!properties.type) {
+    return ["unknown"];
+  }
+  if (properties.type !== "array") {
+    return [properties.type].flat();
+  }
+  return [
+    `${properties.type}(${properties.items?.type ?? "unknown"})`
+  ];
+};
+const getSubschemas = (schema) => {
+  if (typeof schema === "boolean") {
+    return {};
+  }
+  const base = {};
+  const compositeSchemaProperties = ["allOf", "anyOf", "not", "oneOf"];
+  const subschemas = {};
+  for (const [key, value] of Object.entries(schema)) {
+    if (compositeSchemaProperties.includes(key)) {
+      let v;
+      if (Array.isArray(value)) {
+        if (!value.length) {
+          continue;
+        }
+        v = value;
+      } else if (value) {
+        v = [value];
+      } else {
+        continue;
+      }
+      subschemas[key] = v;
+    } else {
+      base[key] = value;
+    }
+  }
+  return Object.fromEntries(
+    Object.entries(subschemas).map(([key, sub]) => {
+      const mergedSubschema = sub.map((alt) => {
+        if (typeof alt !== "boolean" && alt.required) {
+          const properties = {};
+          if (schema.properties) {
+            for (const k of alt.required) {
+              if (k in schema.properties) {
+                properties[k] = schema.properties[k];
+              }
+            }
+          }
+          Object.assign(properties, alt.properties);
+          return {
+            ...base,
+            ...alt,
+            properties
+          };
+        }
+        return alt;
+      });
+      return [key, mergedSubschema];
+    })
+  );
+};
+const useColumnStyles = makeStyles({
+  description: {
+    width: "40%",
+    whiteSpace: "normal",
+    wordWrap: "break-word",
+    "&.MuiTableCell-root": {
+      whiteSpace: "normal"
+    }
+  },
+  standard: {
+    whiteSpace: "normal"
+  }
+});
+const generateId = (element, context) => {
+  return element.key ? `${context.parentId}.${element.key}` : context.parentId;
+};
+const nameColumn = {
+  key: "name",
+  title: (t) => t("renderSchema.tableCell.name"),
+  render: (element, context) => {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: classNames(context.classes.code, {
+          [context.classes.codeRequired]: element.required
+        }),
+        children: element.key
+      }
+    );
+  }
+};
+const titleColumn = {
+  key: "title",
+  title: (t) => t("renderSchema.tableCell.title"),
+  render: (element) => /* @__PURE__ */ jsx(MarkdownContent, { content: element.schema.title ?? "" })
+};
+const descriptionColumn = {
+  key: "description",
+  title: (t) => t("renderSchema.tableCell.description"),
+  render: (element) => /* @__PURE__ */ jsx(
+    MarkdownContent,
+    {
+      content: element.schema.description ?? ""
+    }
+  ),
+  className: "description"
+};
+const enumFrom = (schema) => {
+  if (schema.type === "array") {
+    if (schema.items && typeof schema.items !== "boolean") {
+      if (Array.isArray(schema.items)) {
+        const itemsWithEnum = schema.items.filter((e) => typeof e === "object" && "enum" in e).map((e) => e);
+        if (itemsWithEnum.length) {
+          return itemsWithEnum[0].enum;
+        }
+      } else {
+        return schema.items?.enum;
+      }
+    }
+    return void 0;
+  }
+  return schema.enum;
+};
+const inspectSchema = (schema) => {
+  if (typeof schema === "boolean") {
+    return { canSubschema: false, hasEnum: false };
+  }
+  return {
+    canSubschema: getTypes(schema).some((t) => t.includes("object")),
+    hasEnum: !!enumFrom(schema)
+  };
+};
+const typeColumn = {
+  key: "type",
+  title: (t) => t("renderSchema.tableCell.type"),
+  render: (element, context) => {
+    if (typeof element.schema === "boolean") {
+      return /* @__PURE__ */ jsx(Typography, { children: element.schema ? "any" : "none" });
+    }
+    const types = getTypes(element.schema);
+    const [isExpanded, setIsExpanded] = context.expanded;
+    const id = generateId(element, context);
+    const info = inspectSchema(element.schema);
+    return /* @__PURE__ */ jsx(Fragment, { children: types.map(
+      (type, index) => type.includes("object") || info.hasEnum && index === 0 ? /* @__PURE__ */ jsx(
+        Chip,
+        {
+          "data-testid": `expand_${id}`,
+          label: type,
+          icon: isExpanded[id] ? /* @__PURE__ */ jsx(ExpandLessIcon, {}) : /* @__PURE__ */ jsx(ExpandMoreIcon, {}),
+          variant: "outlined",
+          onClick: () => setIsExpanded((prevState) => {
+            return {
+              ...prevState,
+              [id]: !!!prevState[id]
+            };
+          })
+        },
+        type
+      ) : /* @__PURE__ */ jsx(Chip, { label: type, variant: "outlined" }, type)
+    ) });
+  }
+};
+const RenderEnum = ({
+  e,
+  classes,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(List, { ...props, children: e.map((v, i) => {
+    let inner = /* @__PURE__ */ jsx(
+      Typography,
+      {
+        "data-testid": `enum_el${i}`,
+        className: classNames(classes.code),
+        children: JSON.stringify(v)
+      }
+    );
+    if (v !== null && ["object", "array"].includes(typeof v)) {
+      inner = /* @__PURE__ */ jsxs(Fragment, { children: [
+        inner,
+        /* @__PURE__ */ jsx(
+          Tooltip,
+          {
+            title: /* @__PURE__ */ jsx(
+              Typography,
+              {
+                "data-testid": `pretty_${i}`,
+                className: classNames(classes.code),
+                style: { whiteSpace: "pre-wrap" },
+                children: JSON.stringify(v, void 0, 2)
+              }
+            ),
+            children: /* @__PURE__ */ jsx(IconButton, { "data-testid": `wrap-text_${i}`, children: /* @__PURE__ */ jsx(WrapText, {}) })
+          }
+        )
+      ] });
+    }
+    return /* @__PURE__ */ jsx(ListItem, { children: inner }, i);
+  }) });
+};
+const useTableStyles = makeStyles({
+  schema: {
+    width: "100%",
+    overflowX: "hidden",
+    "& table": {
+      width: "100%",
+      tableLayout: "fixed"
+    }
+  }
+});
+const RenderSchema = ({
+  strategy,
+  context,
+  schema
+}) => {
+  const { t } = useTranslationRef(scaffolderTranslationRef);
+  const tableStyles = useTableStyles();
+  const columnStyles = useColumnStyles();
+  const result = (() => {
+    if (typeof schema === "object") {
+      const subschemas = strategy === "root" || !context.parent ? getSubschemas(schema) : {};
+      let columns;
+      let elements;
+      if (strategy === "root") {
+        elements = [{ schema }];
+        columns = [typeColumn];
+        if (schema.description) {
+          columns.unshift(descriptionColumn);
+        }
+        if (schema.title) {
+          columns.unshift(titleColumn);
+        }
+      } else if (schema.properties) {
+        columns = [nameColumn, titleColumn, descriptionColumn, typeColumn];
+        elements = Object.entries(schema.properties).map(([key, v]) => ({
+          schema: v,
+          key,
+          required: schema.required?.includes(key)
+        }));
+      } else if (!Object.keys(subschemas).length) {
+        return void 0;
+      }
+      const [isExpanded] = context.expanded;
+      return /* @__PURE__ */ jsxs(Fragment, { children: [
+        columns && elements && /* @__PURE__ */ jsx(TableContainer, { component: Paper, className: tableStyles.schema, children: /* @__PURE__ */ jsxs(
+          Table,
+          {
+            "data-testid": `${strategy}_${context.parentId}`,
+            size: "small",
+            children: [
+              /* @__PURE__ */ jsx(TableHead, { children: /* @__PURE__ */ jsx(TableRow, { children: columns.map((col, index) => /* @__PURE__ */ jsx(
+                TableCell,
+                {
+                  className: columnStyles[col.className ?? "standard"],
+                  children: col.title(t)
+                },
+                index
+              )) }) }),
+              /* @__PURE__ */ jsx(TableBody, { children: elements.map((el) => {
+                const id = generateId(el, context);
+                const info = inspectSchema(el.schema);
+                return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+                  /* @__PURE__ */ jsx(TableRow, { "data-testid": `${strategy}-row_${id}`, children: columns.map((col) => /* @__PURE__ */ jsx(
+                    TableCell,
+                    {
+                      className: columnStyles[col.className ?? "standard"],
+                      children: col.render(el, context)
+                    },
+                    col.key
+                  )) }),
+                  typeof el.schema !== "boolean" && (info.canSubschema || info.hasEnum) && /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(
+                    TableCell,
+                    {
+                      style: { paddingBottom: 0, paddingTop: 0 },
+                      colSpan: columns.length,
+                      children: /* @__PURE__ */ jsx(
+                        Collapse,
+                        {
+                          in: isExpanded[id],
+                          timeout: "auto",
+                          unmountOnExit: true,
+                          children: /* @__PURE__ */ jsxs(
+                            Box,
+                            {
+                              "data-testid": `expansion_${id}`,
+                              sx: { margin: 1 },
+                              children: [
+                                info.canSubschema && /* @__PURE__ */ jsx(
+                                  RenderSchema,
+                                  {
+                                    strategy: "properties",
+                                    context: {
+                                      ...context,
+                                      parentId: id,
+                                      parent: context
+                                    },
+                                    schema: el.schema.type === "array" ? el.schema.items : el.schema
+                                  }
+                                ),
+                                info.hasEnum && /* @__PURE__ */ jsxs(Fragment, { children: [
+                                  cloneElement(
+                                    context.headings[0],
+                                    {},
+                                    "Valid values:"
+                                  ),
+                                  /* @__PURE__ */ jsx(
+                                    RenderEnum,
+                                    {
+                                      "data-testid": `enum_${id}`,
+                                      e: enumFrom(el.schema),
+                                      classes: context.classes
+                                    }
+                                  )
+                                ] })
+                              ]
+                            }
+                          )
+                        }
+                      )
+                    }
+                  ) })
+                ] }, id);
+              }) })
+            ]
+          }
+        ) }),
+        Object.keys(subschemas).map((sk) => /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          cloneElement(context.headings[0], {}, sk),
+          subschemas[sk].map((sub, index) => /* @__PURE__ */ jsx(
+            RenderSchema,
+            {
+              ...{
+                strategy,
+                context: {
+                  ...context,
+                  parentId: `${context.parentId}_sub${index}`
+                },
+                schema: sub
+              }
+            },
+            index
+          ))
+        ] }, sk))
+      ] });
+    }
+    return void 0;
+  })();
+  return result ?? /* @__PURE__ */ jsx(Typography, { children: "No schema defined" });
+};
+
+export { RenderEnum, RenderSchema };
+//# sourceMappingURL=RenderSchema.esm.js.map

package/dist/components/RenderSchema/RenderSchema.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenderSchema.esm.js","sources":["../../../src/components/RenderSchema/RenderSchema.tsx"],"sourcesContent":["/*\n * Copyright 2025 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 { MarkdownContent } from '@backstage/core-components';\nimport {\n  TranslationFunction,\n  TranslationRef,\n  useTranslationRef,\n} from '@backstage/core-plugin-api/alpha';\nimport Box from '@material-ui/core/Box';\nimport Chip from '@material-ui/core/Chip';\nimport Collapse from '@material-ui/core/Collapse';\nimport IconButton from '@material-ui/core/IconButton';\nimport List from '@material-ui/core/List';\nimport ListItem from '@material-ui/core/ListItem';\nimport Paper from '@material-ui/core/Paper';\nimport Table from '@material-ui/core/Table';\nimport TableBody from '@material-ui/core/TableBody';\nimport TableCell from '@material-ui/core/TableCell';\nimport TableContainer from '@material-ui/core/TableContainer';\nimport TableHead from '@material-ui/core/TableHead';\nimport TableRow from '@material-ui/core/TableRow';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport Typography from '@material-ui/core/Typography';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { ClassNameMap } from '@material-ui/core/styles/withStyles';\nimport ExpandLessIcon from '@material-ui/icons/ExpandLess';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport WrapText from '@material-ui/icons/WrapText';\nimport classNames from 'classnames';\nimport {\n  JSONSchema7,\n  JSONSchema7Definition,\n  JSONSchema7Type,\n} from 'json-schema';\nimport { FC, JSX, cloneElement, Fragment } from 'react';\nimport { scaffolderTranslationRef } from '../../translation';\nimport { SchemaRenderContext, SchemaRenderStrategy } from './types';\n\nconst getTypes = (properties: JSONSchema7) => {\n  if (!properties.type) {\n    return ['unknown'];\n  }\n  if (properties.type !== 'array') {\n    return [properties.type].flat();\n  }\n  return [\n    `${properties.type}(${\n      (properties.items as JSONSchema7 | undefined)?.type ?? 'unknown'\n    })`,\n  ];\n};\n\nconst getSubschemas = (\n  schema: JSONSchema7Definition,\n): Record<string, JSONSchema7Definition[]> => {\n  if (typeof schema === 'boolean') {\n    return {};\n  }\n  const base: Omit<JSONSchema7, keyof subSchemasType> = {};\n\n  const compositeSchemaProperties = ['allOf', 'anyOf', 'not', 'oneOf'] as const;\n  type subSchemasType = {\n    [K in (typeof compositeSchemaProperties)[number]]?: JSONSchema7Definition[];\n  };\n  const subschemas: subSchemasType = {};\n\n  for (const [key, value] of Object.entries(schema) as [\n    keyof JSONSchema7,\n    any,\n  ][]) {\n    if (compositeSchemaProperties.includes(key as keyof subSchemasType)) {\n      let v;\n      if (Array.isArray(value)) {\n        if (!value.length) {\n          continue;\n        }\n        v = value;\n      } else if (value) {\n        v = [value];\n      } else {\n        continue;\n      }\n      subschemas[key as keyof subSchemasType] = v as any;\n    } else {\n      base[key as Exclude<keyof JSONSchema7, keyof subSchemasType>] = value;\n    }\n  }\n  return Object.fromEntries(\n    Object.entries(subschemas).map(([key, sub]) => {\n      const mergedSubschema = sub.map(alt => {\n        if (typeof alt !== 'boolean' && alt.required) {\n          const properties: JSONSchema7['properties'] = {};\n          if (schema.properties) {\n            for (const k of alt.required) {\n              if (k in schema.properties) {\n                properties[k] = schema.properties[k];\n              }\n            }\n          }\n          Object.assign(properties, alt.properties);\n          return {\n            ...base,\n            ...alt,\n            properties,\n          };\n        }\n        return alt;\n      });\n      return [key, mergedSubschema];\n    }),\n  );\n};\n\nconst useColumnStyles = makeStyles({\n  description: {\n    width: '40%',\n    whiteSpace: 'normal',\n    wordWrap: 'break-word',\n    '&.MuiTableCell-root': {\n      whiteSpace: 'normal',\n    },\n  },\n  standard: {\n    whiteSpace: 'normal',\n  },\n});\n\ntype SchemaRenderElement = {\n  schema: JSONSchema7Definition;\n  key?: string;\n  required?: boolean;\n};\n\ntype RenderColumn = (\n  element: SchemaRenderElement,\n  context: SchemaRenderContext,\n) => JSX.Element;\n\ntype Xlate<R> = R extends TranslationRef<any, infer M>\n  ? TranslationFunction<M>\n  : never;\n\ntype Column = {\n  key: string;\n  title: (t: Xlate<typeof scaffolderTranslationRef>) => string;\n  render: RenderColumn;\n  className?: keyof ReturnType<typeof useColumnStyles>;\n};\n\nconst generateId = (\n  element: SchemaRenderElement,\n  context: SchemaRenderContext,\n) => {\n  return element.key ? `${context.parentId}.${element.key}` : context.parentId;\n};\n\nconst nameColumn = {\n  key: 'name',\n  title: t => t('renderSchema.tableCell.name'),\n  render: (element: SchemaRenderElement, context: SchemaRenderContext) => {\n    return (\n      <div\n        className={classNames(context.classes.code, {\n          [context.classes.codeRequired]: element.required,\n        })}\n      >\n        {element.key}\n      </div>\n    );\n  },\n} as Column;\n\nconst titleColumn = {\n  key: 'title',\n  title: t => t('renderSchema.tableCell.title'),\n  render: (element: SchemaRenderElement) => (\n    <MarkdownContent content={(element.schema as JSONSchema7).title ?? ''} />\n  ),\n} as Column;\n\nconst descriptionColumn = {\n  key: 'description',\n  title: t => t('renderSchema.tableCell.description'),\n  render: (element: SchemaRenderElement) => (\n    <MarkdownContent\n      content={(element.schema as JSONSchema7).description ?? ''}\n    />\n  ),\n  className: 'description',\n} as Column;\n\nconst enumFrom = (schema: JSONSchema7) => {\n  if (schema.type === 'array') {\n    if (schema.items && typeof schema.items !== 'boolean') {\n      if (Array.isArray(schema.items)) {\n        const itemsWithEnum = schema.items\n          .filter(e => typeof e === 'object' && 'enum' in e)\n          .map(e => e as JSONSchema7);\n        if (itemsWithEnum.length) {\n          return itemsWithEnum[0].enum;\n        }\n      } else {\n        return schema.items?.enum;\n      }\n    }\n    return undefined;\n  }\n  return schema.enum;\n};\n\nconst inspectSchema = (\n  schema: JSONSchema7Definition,\n): {\n  canSubschema: boolean;\n  hasEnum: boolean;\n} => {\n  if (typeof schema === 'boolean') {\n    return { canSubschema: false, hasEnum: false };\n  }\n  return {\n    canSubschema: getTypes(schema).some(t => t.includes('object')),\n    hasEnum: !!enumFrom(schema),\n  };\n};\n\nconst typeColumn = {\n  key: 'type',\n  title: t => t('renderSchema.tableCell.type'),\n  render: (element: SchemaRenderElement, context: SchemaRenderContext) => {\n    if (typeof element.schema === 'boolean') {\n      return <Typography>{element.schema ? 'any' : 'none'}</Typography>;\n    }\n    const types = getTypes(element.schema);\n    const [isExpanded, setIsExpanded] = context.expanded;\n    const id = generateId(element, context);\n    const info = inspectSchema(element.schema);\n    return (\n      <>\n        {types.map((type, index) =>\n          type.includes('object') || (info.hasEnum && index === 0) ? (\n            <Chip\n              data-testid={`expand_${id}`}\n              label={type}\n              key={type}\n              icon={isExpanded[id] ? <ExpandLessIcon /> : <ExpandMoreIcon />}\n              variant=\"outlined\"\n              onClick={() =>\n                setIsExpanded(prevState => {\n                  return {\n                    ...prevState,\n                    [id]: !!!prevState[id],\n                  };\n                })\n              }\n            />\n          ) : (\n            <Chip label={type} key={type} variant=\"outlined\" />\n          ),\n        )}\n      </>\n    );\n  },\n} as Column;\n\nexport const RenderEnum: FC<{\n  e: JSONSchema7Type[];\n  classes: ClassNameMap;\n  [key: string]: any;\n}> = ({\n  e,\n  classes,\n  ...props\n}: {\n  e: JSONSchema7Type[];\n  classes: ClassNameMap;\n}) => {\n  return (\n    <List {...props}>\n      {e.map((v, i) => {\n        let inner: JSX.Element = (\n          <Typography\n            data-testid={`enum_el${i}`}\n            className={classNames(classes.code)}\n          >\n            {JSON.stringify(v)}\n          </Typography>\n        );\n        if (v !== null && ['object', 'array'].includes(typeof v)) {\n          inner = (\n            <>\n              {inner}\n              <Tooltip\n                title={\n                  <Typography\n                    data-testid={`pretty_${i}`}\n                    className={classNames(classes.code)}\n                    style={{ whiteSpace: 'pre-wrap' }}\n                  >\n                    {JSON.stringify(v, undefined, 2)}\n                  </Typography>\n                }\n              >\n                <IconButton data-testid={`wrap-text_${i}`}>\n                  <WrapText />\n                </IconButton>\n              </Tooltip>\n            </>\n          );\n        }\n        return <ListItem key={i}>{inner}</ListItem>;\n      })}\n    </List>\n  );\n};\n\nconst useTableStyles = makeStyles({\n  schema: {\n    width: '100%',\n    overflowX: 'hidden',\n    '& table': {\n      width: '100%',\n      tableLayout: 'fixed',\n    },\n  },\n});\n\nexport const RenderSchema = ({\n  strategy,\n  context,\n  schema,\n}: {\n  strategy: SchemaRenderStrategy;\n  context: SchemaRenderContext;\n  schema?: JSONSchema7Definition;\n}) => {\n  const { t } = useTranslationRef(scaffolderTranslationRef);\n  const tableStyles = useTableStyles();\n  const columnStyles = useColumnStyles();\n  const result = (() => {\n    if (typeof schema === 'object') {\n      const subschemas =\n        strategy === 'root' || !context.parent ? getSubschemas(schema) : {};\n      let columns: Column[] | undefined;\n      let elements: SchemaRenderElement[] | undefined;\n      if (strategy === 'root') {\n        elements = [{ schema }];\n        columns = [typeColumn];\n        if (schema.description) {\n          columns.unshift(descriptionColumn);\n        }\n        if (schema.title) {\n          columns.unshift(titleColumn);\n        }\n      } else if (schema.properties) {\n        columns = [nameColumn, titleColumn, descriptionColumn, typeColumn];\n        elements = Object.entries(schema.properties!).map(([key, v]) => ({\n          schema: v,\n          key,\n          required: schema.required?.includes(key),\n        }));\n      } else if (!Object.keys(subschemas).length) {\n        return undefined;\n      }\n      const [isExpanded] = context.expanded;\n\n      return (\n        <>\n          {columns && elements && (\n            <TableContainer component={Paper} className={tableStyles.schema}>\n              <Table\n                data-testid={`${strategy}_${context.parentId}`}\n                size=\"small\"\n              >\n                <TableHead>\n                  <TableRow>\n                    {columns.map((col, index) => (\n                      <TableCell\n                        key={index}\n                        className={columnStyles[col.className ?? 'standard']}\n                      >\n                        {col.title(t)}\n                      </TableCell>\n                    ))}\n                  </TableRow>\n                </TableHead>\n                <TableBody>\n                  {elements.map(el => {\n                    const id = generateId(el, context);\n                    const info = inspectSchema(el.schema);\n                    return (\n                      <Fragment key={id}>\n                        <TableRow data-testid={`${strategy}-row_${id}`}>\n                          {columns!.map(col => (\n                            <TableCell\n                              key={col.key}\n                              className={\n                                columnStyles[col.className ?? 'standard']\n                              }\n                            >\n                              {col.render(el, context)}\n                            </TableCell>\n                          ))}\n                        </TableRow>\n                        {typeof el.schema !== 'boolean' &&\n                          (info.canSubschema || info.hasEnum) && (\n                            <TableRow>\n                              <TableCell\n                                style={{ paddingBottom: 0, paddingTop: 0 }}\n                                colSpan={columns!.length}\n                              >\n                                <Collapse\n                                  in={isExpanded[id]}\n                                  timeout=\"auto\"\n                                  unmountOnExit\n                                >\n                                  <Box\n                                    data-testid={`expansion_${id}`}\n                                    sx={{ margin: 1 }}\n                                  >\n                                    {info.canSubschema && (\n                                      <RenderSchema\n                                        strategy=\"properties\"\n                                        context={{\n                                          ...context,\n                                          parentId: id,\n                                          parent: context,\n                                        }}\n                                        schema={\n                                          el.schema.type === 'array'\n                                            ? (el.schema.items as\n                                                | JSONSchema7\n                                                | undefined)\n                                            : el.schema\n                                        }\n                                      />\n                                    )}\n                                    {info.hasEnum && (\n                                      <>\n                                        {cloneElement(\n                                          context.headings[0],\n                                          {},\n                                          'Valid values:',\n                                        )}\n                                        <RenderEnum\n                                          data-testid={`enum_${id}`}\n                                          e={enumFrom(el.schema)!}\n                                          classes={context.classes}\n                                        />\n                                      </>\n                                    )}\n                                  </Box>\n                                </Collapse>\n                              </TableCell>\n                            </TableRow>\n                          )}\n                      </Fragment>\n                    );\n                  })}\n                </TableBody>\n              </Table>\n            </TableContainer>\n          )}\n          {Object.keys(subschemas).map(sk => (\n            <Fragment key={sk}>\n              {cloneElement(context.headings[0], {}, sk)}\n              {subschemas[sk].map((sub, index) => (\n                <RenderSchema\n                  key={index}\n                  {...{\n                    strategy,\n                    context: {\n                      ...context,\n                      parentId: `${context.parentId}_sub${index}`,\n                    },\n                    schema: sub,\n                  }}\n                />\n              ))}\n            </Fragment>\n          ))}\n        </>\n      );\n    }\n    return undefined;\n  })();\n  return result ?? <Typography>No schema defined</Typography>;\n};\n"],"names":["Fragment"],"mappings":"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"}

package/dist/components/Router/Router.esm.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { useOutlet, Routes, Route } from 'react-router-dom';
 import { useCustomFieldExtensions, useCustomLayouts, SecretsContextProvider } from '@backstage/plugin-scaffolder-react';
 import { DEFAULT_SCAFFOLDER_FIELD_EXTENSIONS } from '../../extensions/default.esm.js';
@@ -45,101 +45,112 @@ const InternalRouter = (props) => {
     )
   ];
   const customLayouts = useCustomLayouts(outlet);
-  return /* @__PURE__ */ React.createElement(Routes, null, /* @__PURE__ */ React.createElement(
-    Route,
-    {
-      path: "/",
-      element: /* @__PURE__ */ React.createElement(
-        TemplateListPageComponent,
-        {
-          TemplateCardComponent,
-          contextMenu: props.contextMenu,
-          groups: props.groups,
-          templateFilter: props.templateFilter,
-          headerOptions: props.headerOptions
-        }
-      )
-    }
-  ), /* @__PURE__ */ React.createElement(
-    Route,
-    {
-      path: selectedTemplateRouteRef.path,
-      element: /* @__PURE__ */ React.createElement(SecretsContextProvider, null, /* @__PURE__ */ React.createElement(
-        TemplateWizardPageComponent,
-        {
-          headerOptions: props.headerOptions,
-          customFieldExtensions: fieldExtensions,
-          layouts: customLayouts,
-          components: { ReviewStepComponent },
-          formProps: props.formProps
-        }
-      ))
-    }
-  ), /* @__PURE__ */ React.createElement(
-    Route,
-    {
-      path: scaffolderTaskRouteRef.path,
-      element: /* @__PURE__ */ React.createElement(RequirePermission, { permission: taskReadPermission }, /* @__PURE__ */ React.createElement(
-        TaskPageComponent,
-        {
-          TemplateOutputsComponent
-        }
-      ))
-    }
-  ), /* @__PURE__ */ React.createElement(
-    Route,
-    {
-      path: editRouteRef.path,
-      element: /* @__PURE__ */ React.createElement(RequirePermission, { permission: templateManagementPermission }, /* @__PURE__ */ React.createElement(SecretsContextProvider, null, /* @__PURE__ */ React.createElement(TemplateIntroPage, null)))
-    }
-  ), /* @__PURE__ */ React.createElement(
-    Route,
-    {
-      path: customFieldsRouteRef.path,
-      element: /* @__PURE__ */ React.createElement(RequirePermission, { permission: templateManagementPermission }, /* @__PURE__ */ React.createElement(SecretsContextProvider, null, /* @__PURE__ */ React.createElement(CustomFieldsPage, { fieldExtensions })))
-    }
-  ), /* @__PURE__ */ React.createElement(
-    Route,
-    {
-      path: templateFormRouteRef.path,
-      element: /* @__PURE__ */ React.createElement(RequirePermission, { permission: templateManagementPermission }, /* @__PURE__ */ React.createElement(SecretsContextProvider, null, /* @__PURE__ */ React.createElement(
-        TemplateFormPage,
-        {
-          layouts: customLayouts,
-          formProps: props.formProps,
-          fieldExtensions
-        }
-      )))
-    }
-  ), /* @__PURE__ */ React.createElement(
-    Route,
-    {
-      path: actionsRouteRef.path,
-      element: /* @__PURE__ */ React.createElement(ActionsPage, { contextMenu: props.contextMenu })
-    }
-  ), /* @__PURE__ */ React.createElement(
-    Route,
-    {
-      path: scaffolderListTaskRouteRef.path,
-      element: /* @__PURE__ */ React.createElement(RequirePermission, { permission: taskReadPermission }, /* @__PURE__ */ React.createElement(ListTasksPage, { contextMenu: props.contextMenu }))
-    }
-  ), /* @__PURE__ */ React.createElement(
-    Route,
-    {
-      path: editorRouteRef.path,
-      element: /* @__PURE__ */ React.createElement(RequirePermission, { permission: templateManagementPermission }, /* @__PURE__ */ React.createElement(SecretsContextProvider, null, /* @__PURE__ */ React.createElement(
-        TemplateEditorPage,
-        {
-          layouts: customLayouts,
-          formProps: props.formProps,
-          fieldExtensions
-        }
-      )))
-    }
-  ), /* @__PURE__ */ React.createElement(Route, { path: "*", element: /* @__PURE__ */ React.createElement(NotFoundErrorPage, null) }));
+  return /* @__PURE__ */ jsxs(Routes, { children: [
+    /* @__PURE__ */ jsx(
+      Route,
+      {
+        path: "/",
+        element: /* @__PURE__ */ jsx(
+          TemplateListPageComponent,
+          {
+            TemplateCardComponent,
+            contextMenu: props.contextMenu,
+            groups: props.groups,
+            templateFilter: props.templateFilter,
+            headerOptions: props.headerOptions
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Route,
+      {
+        path: selectedTemplateRouteRef.path,
+        element: /* @__PURE__ */ jsx(SecretsContextProvider, { children: /* @__PURE__ */ jsx(
+          TemplateWizardPageComponent,
+          {
+            headerOptions: props.headerOptions,
+            customFieldExtensions: fieldExtensions,
+            layouts: customLayouts,
+            components: { ReviewStepComponent },
+            formProps: props.formProps
+          }
+        ) })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Route,
+      {
+        path: scaffolderTaskRouteRef.path,
+        element: /* @__PURE__ */ jsx(RequirePermission, { permission: taskReadPermission, children: /* @__PURE__ */ jsx(
+          TaskPageComponent,
+          {
+            TemplateOutputsComponent
+          }
+        ) })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Route,
+      {
+        path: editRouteRef.path,
+        element: /* @__PURE__ */ jsx(RequirePermission, { permission: templateManagementPermission, children: /* @__PURE__ */ jsx(SecretsContextProvider, { children: /* @__PURE__ */ jsx(TemplateIntroPage, {}) }) })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Route,
+      {
+        path: customFieldsRouteRef.path,
+        element: /* @__PURE__ */ jsx(RequirePermission, { permission: templateManagementPermission, children: /* @__PURE__ */ jsx(SecretsContextProvider, { children: /* @__PURE__ */ jsx(CustomFieldsPage, { fieldExtensions }) }) })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Route,
+      {
+        path: templateFormRouteRef.path,
+        element: /* @__PURE__ */ jsx(RequirePermission, { permission: templateManagementPermission, children: /* @__PURE__ */ jsx(SecretsContextProvider, { children: /* @__PURE__ */ jsx(
+          TemplateFormPage,
+          {
+            layouts: customLayouts,
+            formProps: props.formProps,
+            fieldExtensions
+          }
+        ) }) })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Route,
+      {
+        path: actionsRouteRef.path,
+        element: /* @__PURE__ */ jsx(ActionsPage, { contextMenu: props.contextMenu })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Route,
+      {
+        path: scaffolderListTaskRouteRef.path,
+        element: /* @__PURE__ */ jsx(RequirePermission, { permission: taskReadPermission, children: /* @__PURE__ */ jsx(ListTasksPage, { contextMenu: props.contextMenu }) })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Route,
+      {
+        path: editorRouteRef.path,
+        element: /* @__PURE__ */ jsx(RequirePermission, { permission: templateManagementPermission, children: /* @__PURE__ */ jsx(SecretsContextProvider, { children: /* @__PURE__ */ jsx(
+          TemplateEditorPage,
+          {
+            layouts: customLayouts,
+            formProps: props.formProps,
+            fieldExtensions
+          }
+        ) }) })
+      }
+    ),
+    /* @__PURE__ */ jsx(Route, { path: "*", element: /* @__PURE__ */ jsx(NotFoundErrorPage, {}) })
+  ] });
 };
 const Router = (props) => {
-  return /* @__PURE__ */ React.createElement(InternalRouter, { ...props });
+  return /* @__PURE__ */ jsx(InternalRouter, { ...props });
 };
 function useFormFieldLoaders(formFieldLoaders) {
   const [{ result: loadedFieldExtensions }, { execute }] = useAsync(async () => {