@backstage/plugin-scaffolder-react 1.20.2-next.0 → 1.21.0-next.1

package/dist/next/components/TemplateCard/TemplateCardImpl.esm.js

@@ -0,0 +1,71 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { RELATION_OWNED_BY } from '@backstage/catalog-model';
+import { useAnalytics } from '@backstage/core-plugin-api';
+import { getEntityRelations } from '@backstage/plugin-catalog-react';
+import Card from '@material-ui/core/Card';
+import CardActions from '@material-ui/core/CardActions';
+import CardContent from '@material-ui/core/CardContent';
+import Divider from '@material-ui/core/Divider';
+import Grid from '@material-ui/core/Grid';
+import { makeStyles } from '@material-ui/core/styles';
+import { useCallback } from 'react';
+import { CardHeader } from './CardHeader.esm.js';
+import { usePermission } from '@backstage/plugin-permission-react';
+import { taskCreatePermission } from '@backstage/plugin-scaffolder-common/alpha';
+import { TemplateCardContent } from './TemplateCardContent.esm.js';
+import { TemplateCardTags } from './TemplateCardTags.esm.js';
+import { TemplateCardLinks } from './TemplateCardLinks.esm.js';
+import { TemplateCardActions } from './TemplateCardActions.esm.js';
+
+const useStyles = makeStyles(() => ({
+  actionContainer: { padding: "16px", flex: 1, alignItems: "flex-end" }
+}));
+const TemplateCardImpl = (props) => {
+  const { additionalLinks, onSelected, template } = props;
+  const styles = useStyles();
+  const analytics = useAnalytics();
+  const ownedByRelations = getEntityRelations(template, RELATION_OWNED_BY);
+  const hasTags = !!template.metadata.tags?.length;
+  const hasLinks = !!additionalLinks?.length || !!template.metadata.links?.length;
+  const displayDefaultDivider = !hasTags && !hasLinks;
+  const { allowed: canCreateTask } = usePermission({
+    permission: taskCreatePermission
+  });
+  const handleChoose = useCallback(() => {
+    analytics.captureEvent("click", "Template has been opened");
+    onSelected?.();
+  }, [analytics, onSelected]);
+  return /* @__PURE__ */ jsxs(Card, { children: [
+    /* @__PURE__ */ jsx(CardHeader, { template, "data-testid": "template-card-header" }),
+    /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, "data-testid": "template-card-content", children: [
+      /* @__PURE__ */ jsx(TemplateCardContent, { template }),
+      displayDefaultDivider && /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(Divider, { "data-testid": "template-card-separator" }) }),
+      hasTags && /* @__PURE__ */ jsx(TemplateCardTags, { template }),
+      hasLinks && /* @__PURE__ */ jsx(
+        TemplateCardLinks,
+        {
+          template,
+          additionalLinks
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsx(
+      CardActions,
+      {
+        className: styles.actionContainer,
+        "data-testid": "template-card-actions",
+        children: /* @__PURE__ */ jsx(
+          TemplateCardActions,
+          {
+            canCreateTask,
+            handleChoose,
+            ownedByRelations
+          }
+        )
+      }
+    )
+  ] });
+};
+
+export { TemplateCardImpl };
+//# sourceMappingURL=TemplateCardImpl.esm.js.map

package/dist/next/components/TemplateCard/TemplateCardImpl.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TemplateCardImpl.esm.js","sources":["../../../../src/next/components/TemplateCard/TemplateCardImpl.tsx"],"sourcesContent":["/*\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 { RELATION_OWNED_BY } from '@backstage/catalog-model';\nimport { IconComponent, useAnalytics } from '@backstage/core-plugin-api';\nimport { getEntityRelations } from '@backstage/plugin-catalog-react';\nimport { TemplateEntityV1beta3 } from '@backstage/plugin-scaffolder-common';\nimport Card from '@material-ui/core/Card';\nimport CardActions from '@material-ui/core/CardActions';\nimport CardContent from '@material-ui/core/CardContent';\nimport Divider from '@material-ui/core/Divider';\nimport Grid from '@material-ui/core/Grid';\nimport { makeStyles, Theme } from '@material-ui/core/styles';\nimport { useCallback } from 'react';\nimport { CardHeader } from './CardHeader';\nimport { usePermission } from '@backstage/plugin-permission-react';\nimport { taskCreatePermission } from '@backstage/plugin-scaffolder-common/alpha';\nimport { TemplateCardContent } from './TemplateCardContent';\nimport { TemplateCardTags } from './TemplateCardTags';\nimport { TemplateCardLinks } from './TemplateCardLinks';\nimport { TemplateCardActions } from './TemplateCardActions';\n\nconst useStyles = makeStyles<Theme>(() => ({\n  actionContainer: { padding: '16px', flex: 1, alignItems: 'flex-end' },\n}));\n\n/**\n * The legacy Props for the `CardComponent` slot in {@link TemplateGroupsProps}.\n * @alpha\n */\nexport interface TemplateCardProps {\n  template: TemplateEntityV1beta3;\n  additionalLinks?: {\n    icon: IconComponent;\n    text: string;\n    url: string;\n  }[];\n  onSelected?: (template: TemplateEntityV1beta3) => void;\n}\n\n/**\n * The Props for components used as the swappable {@link TemplateCard}. The\n * surrounding list takes care of binding the template to `onSelected`, so\n * implementations only need to invoke it without arguments.\n * @alpha\n */\nexport interface TemplateCardComponentProps {\n  template: TemplateEntityV1beta3;\n  additionalLinks?: {\n    icon: IconComponent;\n    text: string;\n    url: string;\n  }[];\n  onSelected?: () => void;\n}\n\n/**\n * Default implementation of the `TemplateCard`. The exported `TemplateCard`\n * is a swappable wrapper around this component.\n */\nexport const TemplateCardImpl = (props: TemplateCardComponentProps) => {\n  const { additionalLinks, onSelected, template } = props;\n  const styles = useStyles();\n  const analytics = useAnalytics();\n  const ownedByRelations = getEntityRelations(template, RELATION_OWNED_BY);\n  const hasTags = !!template.metadata.tags?.length;\n  const hasLinks =\n    !!additionalLinks?.length || !!template.metadata.links?.length;\n  const displayDefaultDivider = !hasTags && !hasLinks;\n\n  const { allowed: canCreateTask } = usePermission({\n    permission: taskCreatePermission,\n  });\n  const handleChoose = useCallback(() => {\n    analytics.captureEvent('click', 'Template has been opened');\n    onSelected?.();\n  }, [analytics, onSelected]);\n\n  return (\n    <Card>\n      <CardHeader template={template} data-testid=\"template-card-header\" />\n      <CardContent>\n        <Grid container spacing={2} data-testid=\"template-card-content\">\n          <TemplateCardContent template={template} />\n          {displayDefaultDivider && (\n            <Grid item xs={12}>\n              <Divider data-testid=\"template-card-separator\" />\n            </Grid>\n          )}\n          {hasTags && <TemplateCardTags template={template} />}\n          {hasLinks && (\n            <TemplateCardLinks\n              template={template}\n              additionalLinks={additionalLinks}\n            />\n          )}\n        </Grid>\n      </CardContent>\n      <CardActions\n        className={styles.actionContainer}\n        data-testid=\"template-card-actions\"\n      >\n        <TemplateCardActions\n          canCreateTask={canCreateTask}\n          handleChoose={handleChoose}\n          ownedByRelations={ownedByRelations}\n        />\n      </CardActions>\n    </Card>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAmCA,MAAM,SAAA,GAAY,WAAkB,OAAO;AAAA,EACzC,iBAAiB,EAAE,OAAA,EAAS,QAAQ,IAAA,EAAM,CAAA,EAAG,YAAY,UAAA;AAC3D,CAAA,CAAE,CAAA;AAoCK,MAAM,gBAAA,GAAmB,CAAC,KAAA,KAAsC;AACrE,EAAA,MAAM,EAAE,eAAA,EAAiB,UAAA,EAAY,QAAA,EAAS,GAAI,KAAA;AAClD,EAAA,MAAM,SAAS,SAAA,EAAU;AACzB,EAAA,MAAM,YAAY,YAAA,EAAa;AAC/B,EAAA,MAAM,gBAAA,GAAmB,kBAAA,CAAmB,QAAA,EAAU,iBAAiB,CAAA;AACvE,EAAA,MAAM,OAAA,GAAU,CAAC,CAAC,QAAA,CAAS,SAAS,IAAA,EAAM,MAAA;AAC1C,EAAA,MAAM,QAAA,GACJ,CAAC,CAAC,eAAA,EAAiB,UAAU,CAAC,CAAC,QAAA,CAAS,QAAA,CAAS,KAAA,EAAO,MAAA;AAC1D,EAAA,MAAM,qBAAA,GAAwB,CAAC,OAAA,IAAW,CAAC,QAAA;AAE3C,EAAA,MAAM,EAAE,OAAA,EAAS,aAAA,EAAc,GAAI,aAAA,CAAc;AAAA,IAC/C,UAAA,EAAY;AAAA,GACb,CAAA;AACD,EAAA,MAAM,YAAA,GAAe,YAAY,MAAM;AACrC,IAAA,SAAA,CAAU,YAAA,CAAa,SAAS,0BAA0B,CAAA;AAC1D,IAAA,UAAA,IAAa;AAAA,EACf,CAAA,EAAG,CAAC,SAAA,EAAW,UAAU,CAAC,CAAA;AAE1B,EAAA,4BACG,IAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,QAAA,EAAoB,aAAA,EAAY,sBAAA,EAAuB,CAAA;AAAA,oBACnE,GAAA,CAAC,eACC,QAAA,kBAAA,IAAA,CAAC,IAAA,EAAA,EAAK,WAAS,IAAA,EAAC,OAAA,EAAS,CAAA,EAAG,aAAA,EAAY,uBAAA,EACtC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,uBAAoB,QAAA,EAAoB,CAAA;AAAA,MACxC,qBAAA,oBACC,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAI,IAAA,EAAC,EAAA,EAAI,EAAA,EACb,QAAA,kBAAA,GAAA,CAAC,OAAA,EAAA,EAAQ,aAAA,EAAY,yBAAA,EAA0B,CAAA,EACjD,CAAA;AAAA,MAED,OAAA,oBAAW,GAAA,CAAC,gBAAA,EAAA,EAAiB,QAAA,EAAoB,CAAA;AAAA,MACjD,QAAA,oBACC,GAAA;AAAA,QAAC,iBAAA;AAAA,QAAA;AAAA,UACC,QAAA;AAAA,UACA;AAAA;AAAA;AACF,KAAA,EAEJ,CAAA,EACF,CAAA;AAAA,oBACA,GAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QACC,WAAW,MAAA,CAAO,eAAA;AAAA,QAClB,aAAA,EAAY,uBAAA;AAAA,QAEZ,QAAA,kBAAA,GAAA;AAAA,UAAC,mBAAA;AAAA,UAAA;AAAA,YACC,aAAA;AAAA,YACA,YAAA;AAAA,YACA;AAAA;AAAA;AACF;AAAA;AACF,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/next/components/TemplateGroup/TemplateGroup.esm.js

@@ -15,7 +15,6 @@ const TemplateGroup = (props) => {
   if (templates.length === 0) {
     return null;
   }
-  const Card = CardComponent || TemplateCard;
   return /* @__PURE__ */ jsxs(Content, { children: [
     titleComponent,
     /* @__PURE__ */ jsx(ItemCardGrid, { children: templates.map(({ template, additionalLinks }) => /* @__PURE__ */ jsx(
@@ -24,13 +23,20 @@ const TemplateGroup = (props) => {
         attributes: {
           entityRef: stringifyEntityRef(template)
         },
-        children: /* @__PURE__ */ jsx(
-          Card,
+        children: CardComponent ? /* @__PURE__ */ jsx(
+          CardComponent,
           {
             additionalLinks,
             template,
             onSelected
           }
+        ) : /* @__PURE__ */ jsx(
+          TemplateCard,
+          {
+            additionalLinks,
+            template,
+            onSelected: () => onSelected(template)
+          }
         )
       },
       stringifyEntityRef(template)

package/dist/next/components/TemplateGroup/TemplateGroup.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"TemplateGroup.esm.js","sources":["../../../../src/next/components/TemplateGroup/TemplateGroup.tsx"],"sourcesContent":["/*\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 { ReactNode, ComponentType } from 'react';\nimport {\n  Content,\n  ContentHeader,\n  ItemCardGrid,\n} from '@backstage/core-components';\nimport { stringifyEntityRef } from '@backstage/catalog-model';\nimport { TemplateCardProps, TemplateCard } from '../TemplateCard';\nimport { AnalyticsContext, IconComponent } from '@backstage/core-plugin-api';\n\n/**\n * The props for the {@link TemplateGroup} component.\n * @alpha\n */\nexport interface TemplateGroupProps {\n  templates: {\n    template: TemplateEntityV1beta3;\n    additionalLinks?: {\n      icon: IconComponent;\n      text: string;\n      url: string;\n    }[];\n  }[];\n  onSelected: (template: TemplateEntityV1beta3) => void;\n  title: ReactNode;\n  components?: {\n    CardComponent?: ComponentType<TemplateCardProps>;\n  };\n}\n\n/**\n * The `TemplateGroup` component is used to display a group of templates with a title.\n * @alpha\n */\nexport const TemplateGroup = (props: TemplateGroupProps) => {\n  const {\n    templates,\n    title,\n    components: { CardComponent } = {},\n    onSelected,\n  } = props;\n  const titleComponent =\n    typeof title === 'string' ? <ContentHeader title={title} /> : title;\n\n  if (templates.length === 0) {\n    return null;\n  }\n\n  const Card = CardComponent || TemplateCard;\n\n  return (\n    <Content>\n      {titleComponent}\n      <ItemCardGrid>\n        {templates.map(({ template, additionalLinks }) => (\n          <AnalyticsContext\n            attributes={{\n              entityRef: stringifyEntityRef(template),\n            }}\n            key={stringifyEntityRef(template)}\n          >\n            <Card\n              additionalLinks={additionalLinks}\n              template={template}\n              onSelected={onSelected}\n            />\n          </AnalyticsContext>\n        ))}\n      </ItemCardGrid>\n    </Content>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAkDO,MAAM,aAAA,GAAgB,CAAC,KAAA,KAA8B;AAC1D,EAAA,MAAM;AAAA,IACJ,SAAA;AAAA,IACA,KAAA;AAAA,IACA,UAAA,EAAY,EAAE,aAAA,EAAc,GAAI,EAAC;AAAA,IACjC;AAAA,GACF,GAAI,KAAA;AACJ,EAAA,MAAM,iBACJ,OAAO,KAAA,KAAU,2BAAW,GAAA,CAAC,aAAA,EAAA,EAAc,OAAc,CAAA,GAAK,KAAA;AAEhE,EAAA,IAAI,SAAA,CAAU,WAAW,CAAA,EAAG;AAC1B,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAM,OAAO,aAAA,IAAiB,YAAA;AAE9B,EAAA,4BACG,OAAA,EAAA,EACE,QAAA,EAAA;AAAA,IAAA,cAAA;AAAA,oBACD,GAAA,CAAC,gBACE,QAAA,EAAA,SAAA,CAAU,GAAA,CAAI,CAAC,EAAE,QAAA,EAAU,iBAAgB,qBAC1C,GAAA;AAAA,MAAC,gBAAA;AAAA,MAAA;AAAA,QACC,UAAA,EAAY;AAAA,UACV,SAAA,EAAW,mBAAmB,QAAQ;AAAA,SACxC;AAAA,QAGA,QAAA,kBAAA,GAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACC,eAAA;AAAA,YACA,QAAA;AAAA,YACA;AAAA;AAAA;AACF,OAAA;AAAA,MANK,mBAAmB,QAAQ;AAAA,KAQnC,CAAA,EACH;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"TemplateGroup.esm.js","sources":["../../../../src/next/components/TemplateGroup/TemplateGroup.tsx"],"sourcesContent":["/*\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 { ReactNode, ComponentType } from 'react';\nimport {\n  Content,\n  ContentHeader,\n  ItemCardGrid,\n} from '@backstage/core-components';\nimport { stringifyEntityRef } from '@backstage/catalog-model';\nimport { TemplateCardProps, TemplateCard } from '../TemplateCard';\nimport { AnalyticsContext, IconComponent } from '@backstage/core-plugin-api';\n\n/**\n * The props for the {@link TemplateGroup} component.\n * @alpha\n */\nexport interface TemplateGroupProps {\n  templates: {\n    template: TemplateEntityV1beta3;\n    additionalLinks?: {\n      icon: IconComponent;\n      text: string;\n      url: string;\n    }[];\n  }[];\n  onSelected: (template: TemplateEntityV1beta3) => void;\n  title: ReactNode;\n  components?: {\n    CardComponent?: ComponentType<TemplateCardProps>;\n  };\n}\n\n/**\n * The `TemplateGroup` component is used to display a group of templates with a title.\n * @alpha\n */\nexport const TemplateGroup = (props: TemplateGroupProps) => {\n  const {\n    templates,\n    title,\n    components: { CardComponent } = {},\n    onSelected,\n  } = props;\n  const titleComponent =\n    typeof title === 'string' ? <ContentHeader title={title} /> : title;\n\n  if (templates.length === 0) {\n    return null;\n  }\n\n  return (\n    <Content>\n      {titleComponent}\n      <ItemCardGrid>\n        {templates.map(({ template, additionalLinks }) => (\n          <AnalyticsContext\n            attributes={{\n              entityRef: stringifyEntityRef(template),\n            }}\n            key={stringifyEntityRef(template)}\n          >\n            {CardComponent ? (\n              <CardComponent\n                additionalLinks={additionalLinks}\n                template={template}\n                onSelected={onSelected}\n              />\n            ) : (\n              <TemplateCard\n                additionalLinks={additionalLinks}\n                template={template}\n                onSelected={() => onSelected(template)}\n              />\n            )}\n          </AnalyticsContext>\n        ))}\n      </ItemCardGrid>\n    </Content>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAkDO,MAAM,aAAA,GAAgB,CAAC,KAAA,KAA8B;AAC1D,EAAA,MAAM;AAAA,IACJ,SAAA;AAAA,IACA,KAAA;AAAA,IACA,UAAA,EAAY,EAAE,aAAA,EAAc,GAAI,EAAC;AAAA,IACjC;AAAA,GACF,GAAI,KAAA;AACJ,EAAA,MAAM,iBACJ,OAAO,KAAA,KAAU,2BAAW,GAAA,CAAC,aAAA,EAAA,EAAc,OAAc,CAAA,GAAK,KAAA;AAEhE,EAAA,IAAI,SAAA,CAAU,WAAW,CAAA,EAAG;AAC1B,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,4BACG,OAAA,EAAA,EACE,QAAA,EAAA;AAAA,IAAA,cAAA;AAAA,oBACD,GAAA,CAAC,gBACE,QAAA,EAAA,SAAA,CAAU,GAAA,CAAI,CAAC,EAAE,QAAA,EAAU,iBAAgB,qBAC1C,GAAA;AAAA,MAAC,gBAAA;AAAA,MAAA;AAAA,QACC,UAAA,EAAY;AAAA,UACV,SAAA,EAAW,mBAAmB,QAAQ;AAAA,SACxC;AAAA,QAGC,QAAA,EAAA,aAAA,mBACC,GAAA;AAAA,UAAC,aAAA;AAAA,UAAA;AAAA,YACC,eAAA;AAAA,YACA,QAAA;AAAA,YACA;AAAA;AAAA,SACF,mBAEA,GAAA;AAAA,UAAC,YAAA;AAAA,UAAA;AAAA,YACC,eAAA;AAAA,YACA,QAAA;AAAA,YACA,UAAA,EAAY,MAAM,UAAA,CAAW,QAAQ;AAAA;AAAA;AACvC,OAAA;AAAA,MAbG,mBAAmB,QAAQ;AAAA,KAgBnC,CAAA,EACH;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/next/extensions/createScaffolderFormDecorator.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"createScaffolderFormDecorator.esm.js","sources":["../../../src/next/extensions/createScaffolderFormDecorator.ts"],"sourcesContent":["/*\n * Copyright 2024 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 { AnyApiRef } from '@backstage/core-plugin-api';\nimport { JsonObject, JsonValue } from '@backstage/types';\nimport { OpaqueFormDecorator } from '@internal/scaffolder';\nimport { z } from 'zod/v3';\n\n/** @alpha */\nexport type ScaffolderFormDecoratorContext<\n  TInput extends JsonObject = JsonObject,\n> = {\n  input: TInput;\n  formState: Record<string, JsonValue>;\n\n  setFormState: (\n    fn: (currentState: Record<string, JsonValue>) => Record<string, JsonValue>,\n  ) => void;\n  setSecrets: (\n    fn: (currentState: Record<string, string>) => Record<string, string>,\n  ) => void;\n};\n\n/** @alpha */\nexport type ScaffolderFormDecorator<TInput extends JsonObject = JsonObject> = {\n  readonly $$type: '@backstage/scaffolder/FormDecorator';\n  readonly id: string;\n  readonly TInput: TInput;\n};\n\n/**\n * Method for creating decorators which can be used to collect\n * secrets from the user before submitting to the backend.\n * @alpha\n */\nexport function createScaffolderFormDecorator<\n  TInputSchema extends { [key in string]: (zImpl: typeof z) => z.ZodType } = {\n    [key in string]: (zImpl: typeof z) => z.ZodType;\n  },\n  TDeps extends { [key in string]: AnyApiRef } = { [key in string]: AnyApiRef },\n  TInput extends JsonObject = {\n    [key in keyof TInputSchema]: z.infer<ReturnType<TInputSchema[key]>>;\n  },\n>(options: {\n  id: string;\n  schema?: {\n    input?: TInputSchema;\n  };\n  deps?: TDeps;\n  decorator: (\n    ctx: ScaffolderFormDecoratorContext<TInput>,\n    deps: TDeps extends { [key in string]: AnyApiRef }\n      ? { [key in keyof TDeps]: TDeps[key]['T'] }\n      : never,\n  ) => Promise<void>;\n}): ScaffolderFormDecorator<TInput> {\n  return OpaqueFormDecorator.createInstance('v1', {\n    ...options,\n    TInput: null as unknown as TInput,\n  } as {\n    id: string;\n    schema?: {\n      input?: TInputSchema;\n    };\n    TInput: TInput;\n    deps?: TDeps;\n    decorator: (\n      ctx: ScaffolderFormDecoratorContext,\n      deps: { [key in string]: AnyApiRef['T'] },\n    ) => Promise<void>;\n  });\n}\n"],"names":[],"mappings":";;;AA+CO,SAAS,8BAQd,OAAA,EAYkC;AAClC,EAAA,OAAO,mBAAA,CAAoB,eAAe,IAAA,EAAM;AAAA,IAC9C,GAAG,OAAA;AAAA,IACH,MAAA,EAAQ;AAAA,GAYT,CAAA;AACH;;;;"}
+{"version":3,"file":"createScaffolderFormDecorator.esm.js","sources":["../../../src/next/extensions/createScaffolderFormDecorator.ts"],"sourcesContent":["/*\n * Copyright 2024 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 { AnyApiRef } from '@backstage/core-plugin-api';\nimport { JsonObject, JsonValue } from '@backstage/types';\nimport { OpaqueFormDecorator } from '@internal/scaffolder';\nimport { z } from 'zod/v3';\n\n/** @alpha */\nexport type ScaffolderFormDecoratorContext<\n  TInput extends JsonObject = JsonObject,\n> = {\n  input: TInput;\n  formState: Record<string, JsonValue>;\n\n  setFormState: (\n    fn: (currentState: Record<string, JsonValue>) => Record<string, JsonValue>,\n  ) => void;\n  setSecrets: (\n    fn: (currentState: Record<string, string>) => Record<string, string>,\n  ) => void;\n};\n\n/** @public */\nexport type ScaffolderFormDecorator<TInput extends JsonObject = JsonObject> = {\n  readonly $$type: '@backstage/scaffolder/FormDecorator';\n  readonly id: string;\n  readonly TInput: TInput;\n};\n\n/**\n * Method for creating decorators which can be used to collect\n * secrets from the user before submitting to the backend.\n * @alpha\n */\nexport function createScaffolderFormDecorator<\n  TInputSchema extends { [key in string]: (zImpl: typeof z) => z.ZodType } = {\n    [key in string]: (zImpl: typeof z) => z.ZodType;\n  },\n  TDeps extends { [key in string]: AnyApiRef } = { [key in string]: AnyApiRef },\n  TInput extends JsonObject = {\n    [key in keyof TInputSchema]: z.infer<ReturnType<TInputSchema[key]>>;\n  },\n>(options: {\n  id: string;\n  schema?: {\n    input?: TInputSchema;\n  };\n  deps?: TDeps;\n  decorator: (\n    ctx: ScaffolderFormDecoratorContext<TInput>,\n    deps: TDeps extends { [key in string]: AnyApiRef }\n      ? { [key in keyof TDeps]: TDeps[key]['T'] }\n      : never,\n  ) => Promise<void>;\n}): ScaffolderFormDecorator<TInput> {\n  return OpaqueFormDecorator.createInstance('v1', {\n    ...options,\n    TInput: null as unknown as TInput,\n  } as {\n    id: string;\n    schema?: {\n      input?: TInputSchema;\n    };\n    TInput: TInput;\n    deps?: TDeps;\n    decorator: (\n      ctx: ScaffolderFormDecoratorContext,\n      deps: { [key in string]: AnyApiRef['T'] },\n    ) => Promise<void>;\n  });\n}\n"],"names":[],"mappings":";;;AA+CO,SAAS,8BAQd,OAAA,EAYkC;AAClC,EAAA,OAAO,mBAAA,CAAoB,eAAe,IAAA,EAAM;AAAA,IAC9C,GAAG,OAAA;AAAA,IACH,MAAA,EAAQ;AAAA,GAYT,CAAA;AACH;;;;"}

package/dist/node_modules_dist/style-inject/dist/style-inject.es.esm.js

@@ -0,0 +1,29 @@
+function styleInject(css, ref) {
+  if ( ref === void 0 ) ref = {};
+  var insertAt = ref.insertAt;
+
+  if (!css || typeof document === 'undefined') { return; }
+
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+export { styleInject as default };
+//# sourceMappingURL=style-inject.es.esm.js.map

package/dist/node_modules_dist/style-inject/dist/style-inject.es.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-inject.es.esm.js","sources":["../../../../../../node_modules/style-inject/dist/style-inject.es.js"],"sourcesContent":["function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n"],"names":[],"mappings":"AAAA,SAAS,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE;AAC/B,EAAE,KAAK,GAAG,KAAK,MAAM,GAAG,GAAG,GAAG,EAAE;AAChC,EAAE,IAAI,QAAQ,GAAG,GAAG,CAAC,QAAQ;;AAE7B,EAAE,IAAI,CAAC,GAAG,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,EAAE,OAAO,CAAC;;AAEzD,EAAE,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;AACtE,EAAE,IAAI,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC;AAC7C,EAAE,KAAK,CAAC,IAAI,GAAG,UAAU;;AAEzB,EAAE,IAAI,QAAQ,KAAK,KAAK,EAAE;AAC1B,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE;AACzB,MAAM,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC;AAC/C,IAAI,CAAC,MAAM;AACX,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;AAC7B,IAAI;AACJ,EAAE,CAAC,MAAM;AACT,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;AAC3B,EAAE;;AAEF,EAAE,IAAI,KAAK,CAAC,UAAU,EAAE;AACxB,IAAI,KAAK,CAAC,UAAU,CAAC,OAAO,GAAG,GAAG;AAClC,EAAE,CAAC,MAAM;AACT,IAAI,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;AACnD,EAAE;AACF;;;;","x_google_ignoreList":[0]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@backstage/plugin-scaffolder-react",
-  "version": "1.20.2-next.0",
+  "version": "1.21.0-next.1",
   "description": "A frontend library that helps other Backstage plugins interact with the Scaffolder",
   "backstage": {
     "role": "web-library",
@@ -75,20 +75,22 @@
   },
   "dependencies": {
     "@backstage/catalog-client": "1.15.1-next.0",
-    "@backstage/catalog-model": "1.8.1-next.0",
-    "@backstage/core-components": "0.18.10-next.0",
-    "@backstage/core-plugin-api": "1.12.6-next.0",
-    "@backstage/frontend-plugin-api": "0.17.0-next.0",
-    "@backstage/plugin-catalog-react": "2.1.5-next.0",
+    "@backstage/catalog-model": "1.8.1-next.1",
+    "@backstage/core-components": "0.18.10-next.1",
+    "@backstage/core-plugin-api": "1.12.6-next.1",
+    "@backstage/frontend-plugin-api": "0.17.0-next.1",
+    "@backstage/plugin-catalog-react": "2.1.5-next.1",
     "@backstage/plugin-permission-react": "0.5.1-next.0",
-    "@backstage/plugin-scaffolder-common": "2.1.1-next.0",
+    "@backstage/plugin-scaffolder-common": "2.2.0-next.1",
     "@backstage/theme": "0.7.3",
     "@backstage/types": "1.2.2",
+    "@backstage/ui": "0.15.0-next.3",
     "@backstage/version-bridge": "1.0.12",
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.61",
     "@react-hookz/web": "^24.0.0",
+    "@remixicon/react": "^4.6.0",
     "@rjsf/core": "5.24.13",
     "@rjsf/material-ui": "5.24.13",
     "@rjsf/utils": "5.24.13",
@@ -105,6 +107,7 @@
     "lodash": "^4.17.21",
     "luxon": "^3.0.0",
     "qs": "^6.9.4",
+    "react-aria-components": "^1.14.0",
     "react-use": "^17.2.4",
     "use-immer": "^0.11.0",
     "zen-observable": "^0.10.0",
@@ -112,12 +115,12 @@
     "zod-to-json-schema": "^3.25.1"
   },
   "devDependencies": {
-    "@backstage/cli": "0.36.2-next.0",
+    "@backstage/cli": "0.36.2-next.1",
     "@backstage/core-app-api": "1.20.1-next.0",
-    "@backstage/frontend-test-utils": "0.5.3-next.0",
-    "@backstage/plugin-catalog": "2.0.5-next.0",
+    "@backstage/frontend-test-utils": "0.5.3-next.1",
+    "@backstage/plugin-catalog": "2.0.5-next.1",
     "@backstage/plugin-catalog-common": "1.1.10-next.0",
-    "@backstage/plugin-permission-common": "0.9.9-next.0",
+    "@backstage/plugin-permission-common": "0.9.9-next.1",
     "@backstage/test-utils": "1.7.18-next.0",
     "@testing-library/dom": "^10.0.0",
     "@testing-library/jest-dom": "^6.0.0",
@@ -131,7 +134,7 @@
     "swr": "^2.0.0"
   },
   "peerDependencies": {
-    "@backstage/frontend-test-utils": "0.5.3-next.0",
+    "@backstage/frontend-test-utils": "0.5.3-next.1",
     "@types/react": "^17.0.0 || ^18.0.0",
     "react": "^17.0.0 || ^18.0.0",
     "react-dom": "^17.0.0 || ^18.0.0",